From ae961354d1cc6916f077cf58bdc3253c01c3f101 Mon Sep 17 00:00:00 2001
From: Catherine Jue <catherine.djue@gmail.com>
Date: Sun, 8 Jun 2025 22:08:36 -0400
Subject: [PATCH 1/5] rename to advanced samples

---
 README.md                                     |  4 +-
 index.ts                                      | 26 +++---
 .../.gitignore                                |  0
 .../README.md                                 |  0
 .../main.py                                   |  4 +-
 .../pyproject.toml                            |  4 +-
 .../uv.lock                                   |  0
 .../.gitignore                                |  0
 .../README.md                                 |  0
 templates/typescript/advanced-sample/index.ts | 56 +++++++++++++
 .../package.json                              |  0
 .../pnpm-lock.yaml                            | 10 +--
 .../tsconfig.json                             |  0
 .../typescript/persistent-browser/index.ts    | 84 -------------------
 templates/typescript/sample-app/index.ts      |  4 +-
 15 files changed, 82 insertions(+), 110 deletions(-)
 rename templates/python/{persistent-browser => advanced-sample}/.gitignore (100%)
 rename templates/python/{persistent-browser => advanced-sample}/README.md (100%)
 rename templates/python/{persistent-browser => advanced-sample}/main.py (96%)
 rename templates/python/{persistent-browser => advanced-sample}/pyproject.toml (59%)
 rename templates/python/{persistent-browser => advanced-sample}/uv.lock (100%)
 rename templates/typescript/{persistent-browser => advanced-sample}/.gitignore (100%)
 rename templates/typescript/{persistent-browser => advanced-sample}/README.md (100%)
 create mode 100644 templates/typescript/advanced-sample/index.ts
 rename templates/typescript/{persistent-browser => advanced-sample}/package.json (100%)
 rename templates/typescript/{persistent-browser => advanced-sample}/pnpm-lock.yaml (85%)
 rename templates/typescript/{persistent-browser => advanced-sample}/tsconfig.json (100%)
 delete mode 100644 templates/typescript/persistent-browser/index.ts

diff --git a/README.md b/README.md
index 54e4132..b213c82 100644
--- a/README.md
+++ b/README.md
@@ -38,7 +38,7 @@ create-kernel-app [app-name] [options]
   - `sample-app`: Basic template with Playwright integration
   - `browser-use`: Template with Browser Use SDK (Python only)
   - `stagehand`: Template with Stagehand SDK (Typescript only)
-  - `persistent-browser`: Implements `sample-app` using a persistent browser 
+  - `advanced-sample`: Implements sample apps using advanced Kernel configs
   - `computer-use`: Implements a prompt loop using Anthropic Computer Use
 
 ### Examples
@@ -125,7 +125,7 @@ These are the sample apps currently available when you run `npx @onkernel/create
 | **sample-app** | Returns the page title of a specified URL | Playwright | `{ url }` |
 | **browser-use** | Completes a specified task | Browser Use | `{ task }` |
 | **stagehand** | Returns the first result of a specified Google search | Stagehand | `{ query }` |
-| **persistent-browser** | Implements `sample-app` using a persistent browser | Playwright | `{ url }` |
+| **advanced-sample** | Implements sample apps using advanced Kernel configs | n/a |
 | **computer-use** | Implements a prompt loop | Anthropic Computer Use API | `{ query }` |
 
 ## Documentation
diff --git a/index.ts b/index.ts
index b1c2420..7d327db 100644
--- a/index.ts
+++ b/index.ts
@@ -17,7 +17,7 @@ type TemplateKey =
   | "sample-app"
   | "browser-use"
   | "stagehand"
-  | "persistent-browser"
+  | "advanced-sample"
   | "computer-use";
 type LanguageInfo = { name: string; shorthand: string };
 type TemplateInfo = {
@@ -32,7 +32,7 @@ const LANGUAGE_PYTHON = "python";
 const TEMPLATE_SAMPLE_APP = "sample-app";
 const TEMPLATE_BROWSER_USE = "browser-use";
 const TEMPLATE_STAGEHAND = "stagehand";
-const TEMPLATE_PERSISTENT_BROWSER = "persistent-browser";
+const TEMPLATE_ADVANCED_SAMPLE = "advanced-sample";
 const TEMPLATE_COMPUTER_USE = "computer-use";
 const LANGUAGE_SHORTHAND_TS = "ts";
 const LANGUAGE_SHORTHAND_PY = "py";
@@ -62,7 +62,7 @@ const TEMPLATES: Record<TemplateKey, TemplateInfo> = {
     description: "Implements the Stagehand SDK",
     languages: [LANGUAGE_TYPESCRIPT],
   },
-  [TEMPLATE_PERSISTENT_BROWSER]: {
+  [TEMPLATE_ADVANCED_SAMPLE]: {
     name: "Persistent Browser",
     description:
       "Implements a persistent browser that maintains state across invocations",
@@ -84,8 +84,8 @@ const INVOKE_SAMPLES: Record<
       'kernel invoke ts-basic get-page-title --payload \'{"url": "https://www.google.com"}\'',
     [TEMPLATE_STAGEHAND]:
       'kernel invoke ts-stagehand stagehand-task --payload \'{"query": "Best wired earbuds"}\'',
-    [TEMPLATE_PERSISTENT_BROWSER]:
-      'kernel invoke ts-persistent-browser persistent-browser-task --payload \'{"url": "https://news.ycombinator.com/"}\'',
+    [TEMPLATE_ADVANCED_SAMPLE]:
+      'kernel invoke ts-advanced create-persistent-browser',
     [TEMPLATE_COMPUTER_USE]:
       'kernel invoke ts-cu cu-task --payload \'{"query": "Return the first url of a search result for NYC restaurant reviews Pete Wells"}\'',
   },
@@ -94,8 +94,8 @@ const INVOKE_SAMPLES: Record<
       'kernel invoke python-basic get-page-title --payload \'{"url": "https://www.google.com"}\'',
     [TEMPLATE_BROWSER_USE]:
       'kernel invoke python-bu bu-task --payload \'{"task": "Compare the price of gpt-4o and DeepSeek-V3"}\'',
-    [TEMPLATE_PERSISTENT_BROWSER]:
-      'kernel invoke python-persistent-browser persistent-browser-task --payload \'{"url": "https://news.ycombinator.com/"}\'',
+    [TEMPLATE_ADVANCED_SAMPLE]:
+      'kernel invoke python-advanced create-persistent-browser',
     [TEMPLATE_COMPUTER_USE]:
       'kernel invoke python-cu cu-task --payload \'{"query": "Return the first url of a search result for NYC restaurant reviews Pete Wells"}\'',
   },
@@ -110,8 +110,8 @@ const REGISTERED_APP_NAMES: Record<
       'ts-basic',
     [TEMPLATE_STAGEHAND]:
       'ts-stagehand',
-    [TEMPLATE_PERSISTENT_BROWSER]:
-      'ts-persistent-browser',
+    [TEMPLATE_ADVANCED_SAMPLE]:
+      'ts-advanced',
     [TEMPLATE_COMPUTER_USE]:
       'ts-cu',
   },
@@ -120,8 +120,8 @@ const REGISTERED_APP_NAMES: Record<
       'python-basic',
     [TEMPLATE_BROWSER_USE]:
       'python-bu',
-    [TEMPLATE_PERSISTENT_BROWSER]:
-      'python-persistent-browser',
+    [TEMPLATE_ADVANCED_SAMPLE]:
+      'python-advanced',
     [TEMPLATE_COMPUTER_USE]:
       'python-cu',
   },
@@ -336,7 +336,7 @@ function printNextSteps(
 ): void {
   // Determine which sample command to show based on language and template
   const deployCommand =
-    language === LANGUAGE_TYPESCRIPT && (template === TEMPLATE_SAMPLE_APP || template === TEMPLATE_PERSISTENT_BROWSER)
+    language === LANGUAGE_TYPESCRIPT && (template === TEMPLATE_SAMPLE_APP || template === TEMPLATE_ADVANCED_SAMPLE)
       ? "kernel deploy index.ts"
       : language === LANGUAGE_TYPESCRIPT && template === TEMPLATE_STAGEHAND
       ? "kernel deploy index.ts --env OPENAI_API_KEY=XXX"
@@ -384,7 +384,7 @@ program
   )
   .option(
     "-t, --template <template>",
-    `Template type (${TEMPLATE_SAMPLE_APP}, ${TEMPLATE_BROWSER_USE}, ${TEMPLATE_STAGEHAND}, ${TEMPLATE_PERSISTENT_BROWSER}, ${TEMPLATE_COMPUTER_USE})`
+    `Template type (${TEMPLATE_SAMPLE_APP}, ${TEMPLATE_BROWSER_USE}, ${TEMPLATE_STAGEHAND}, ${TEMPLATE_ADVANCED_SAMPLE}, ${TEMPLATE_COMPUTER_USE})`
   )
   .action(
     async (
diff --git a/templates/python/persistent-browser/.gitignore b/templates/python/advanced-sample/.gitignore
similarity index 100%
rename from templates/python/persistent-browser/.gitignore
rename to templates/python/advanced-sample/.gitignore
diff --git a/templates/python/persistent-browser/README.md b/templates/python/advanced-sample/README.md
similarity index 100%
rename from templates/python/persistent-browser/README.md
rename to templates/python/advanced-sample/README.md
diff --git a/templates/python/persistent-browser/main.py b/templates/python/advanced-sample/main.py
similarity index 96%
rename from templates/python/persistent-browser/main.py
rename to templates/python/advanced-sample/main.py
index 0bda51e..fe550a2 100644
--- a/templates/python/persistent-browser/main.py
+++ b/templates/python/advanced-sample/main.py
@@ -8,7 +8,7 @@
 client = Kernel()
 
 # Create a new Kernel app
-app = kernel.App("python-persistent-browser")
+app = kernel.App("python-advanced")
 
 class PageTitleInput(TypedDict):
     url: str
@@ -46,7 +46,7 @@ async def get_page_title(ctx: kernel.KernelContext, input_data: PageTitleInput)
     # Create a browser instance using the context's invocation_id and a persistent id
     kernel_browser = client.browsers.create(
         invocation_id=ctx.invocation_id, 
-        persistence={"id": "my-awesome-persistent-browser-2"},
+        persistence={"id": "my-awesome-advanced-sample-2"},
         stealth=True,
     )
     print("Kernel browser live view url: ", kernel_browser.browser_live_view_url)
diff --git a/templates/python/persistent-browser/pyproject.toml b/templates/python/advanced-sample/pyproject.toml
similarity index 59%
rename from templates/python/persistent-browser/pyproject.toml
rename to templates/python/advanced-sample/pyproject.toml
index 8573d1a..d02bb5c 100644
--- a/templates/python/persistent-browser/pyproject.toml
+++ b/templates/python/advanced-sample/pyproject.toml
@@ -1,7 +1,7 @@
 [project]
-name = "persistent-browser"
+name = "Kernel - Python Advanced Sample App"
 version = "0.1.0"
-description = "Basic Kernel application that demonstrates the use of persistent browsers"
+description = "Sample application implements advanced Kernel configs"
 readme = "README.md"
 requires-python = ">=3.11"
 dependencies = ["kernel>=0.5.0", "playwright>=1.52.0"]
diff --git a/templates/python/persistent-browser/uv.lock b/templates/python/advanced-sample/uv.lock
similarity index 100%
rename from templates/python/persistent-browser/uv.lock
rename to templates/python/advanced-sample/uv.lock
diff --git a/templates/typescript/persistent-browser/.gitignore b/templates/typescript/advanced-sample/.gitignore
similarity index 100%
rename from templates/typescript/persistent-browser/.gitignore
rename to templates/typescript/advanced-sample/.gitignore
diff --git a/templates/typescript/persistent-browser/README.md b/templates/typescript/advanced-sample/README.md
similarity index 100%
rename from templates/typescript/persistent-browser/README.md
rename to templates/typescript/advanced-sample/README.md
diff --git a/templates/typescript/advanced-sample/index.ts b/templates/typescript/advanced-sample/index.ts
new file mode 100644
index 0000000..93753c5
--- /dev/null
+++ b/templates/typescript/advanced-sample/index.ts
@@ -0,0 +1,56 @@
+import { Kernel, type KernelContext } from "@onkernel/sdk";
+import { chromium } from "playwright";
+
+const kernel = new Kernel();
+
+const app = kernel.app("ts-advanced");
+
+/**
+ * Instantiates a persisted Kernel browser that can be reused across invocations
+ * Use this to test Kernel browsers manually with our browser live view
+ * https://docs.onkernel.com/launch/browser-persistence
+ */
+app.action("create-persisted-browser",
+  async (ctx: KernelContext): Promise<{ browser_live_view_url: string }> => {
+
+    const kernelBrowser = await kernel.browsers.create({
+      invocation_id: ctx.invocation_id,
+      persistence: {
+        id: "persisted-browser",
+      },
+      stealth: true, // Turns on residential proxy & auto-CAPTCHA solver
+    });
+
+    return {
+      browser_live_view_url: kernelBrowser.browser_live_view_url,
+    };
+  }
+);
+
+/**
+ * Example showing Kernel's auto-CAPTCHA solver
+ * Visit the live view url to see the Kernel browser auto-solve the CAPTCHA on the site
+ */
+app.action("test-captcha-solver", async(ctx: KernelContext): Promise<void> => {
+
+  const kernelBrowser = await kernel.browsers.create({
+    invocation_id: ctx.invocation_id,
+    stealth: true,
+  });
+  const browser = await chromium.connectOverCDP(kernelBrowser.cdp_ws_url);
+
+  // Access the live view. Retrieve this live_view_url from the Kernel logs in your CLI:
+  // export KERNEL_API_KEY=<Your API key>
+  // kernel logs ts-advanced --follow
+  console.log("Kernel browser live view url: ", kernelBrowser.browser_live_view_url);
+
+  // Navigate to a site with a CAPTCHA
+  const context = await browser.contexts()[0] || (await browser.newContext());
+  const page = await context.pages()[0] || (await context.newPage());
+  await page.waitForTimeout(10000); // Add a delay to give you time to visit the live view url
+  await page.goto("https://www.google.com/recaptcha/api2/demo");
+
+
+  // Watch Kernel auto-solve the CAPTCHA!
+});
+
diff --git a/templates/typescript/persistent-browser/package.json b/templates/typescript/advanced-sample/package.json
similarity index 100%
rename from templates/typescript/persistent-browser/package.json
rename to templates/typescript/advanced-sample/package.json
diff --git a/templates/typescript/persistent-browser/pnpm-lock.yaml b/templates/typescript/advanced-sample/pnpm-lock.yaml
similarity index 85%
rename from templates/typescript/persistent-browser/pnpm-lock.yaml
rename to templates/typescript/advanced-sample/pnpm-lock.yaml
index 6bf9b76..a69bdd0 100644
--- a/templates/typescript/persistent-browser/pnpm-lock.yaml
+++ b/templates/typescript/advanced-sample/pnpm-lock.yaml
@@ -9,8 +9,8 @@ importers:
   .:
     dependencies:
       '@onkernel/sdk':
-        specifier: 0.3.0
-        version: 0.3.0
+        specifier: '>=0.5.0'
+        version: 0.5.0
       playwright:
         specifier: ^1.52.0
         version: 1.52.0
@@ -20,8 +20,8 @@ importers:
 
 packages:
 
-  '@onkernel/sdk@0.3.0':
-    resolution: {integrity: sha512-15hL/6qqM+wA63cR5O8dtUdOBtcPmOZylB2zgq7q2nGJrqzCS99M2onyrjV31CDLowf9bmnHHjXMLzWvcO7L0g==}
+  '@onkernel/sdk@0.5.0':
+    resolution: {integrity: sha512-n7gwc7rU0GY/XcDnEV0piHPd76bHTSfuTjQW4qFKUWQji0UK9YUVKDFklqAWbyGlXPUezWCfxh79ELv2cFYOBA==}
 
   fsevents@2.3.2:
     resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
@@ -45,7 +45,7 @@ packages:
 
 snapshots:
 
-  '@onkernel/sdk@0.3.0': {}
+  '@onkernel/sdk@0.5.0': {}
 
   fsevents@2.3.2:
     optional: true
diff --git a/templates/typescript/persistent-browser/tsconfig.json b/templates/typescript/advanced-sample/tsconfig.json
similarity index 100%
rename from templates/typescript/persistent-browser/tsconfig.json
rename to templates/typescript/advanced-sample/tsconfig.json
diff --git a/templates/typescript/persistent-browser/index.ts b/templates/typescript/persistent-browser/index.ts
deleted file mode 100644
index d6edd45..0000000
--- a/templates/typescript/persistent-browser/index.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-import { Kernel, type KernelContext } from "@onkernel/sdk";
-import { chromium, type BrowserContext, type Page } from "playwright";
-
-const kernel = new Kernel();
-
-const app = kernel.app("ts-persistent-browser");
-
-interface PageTitleInput {
-  url: string;
-}
-
-interface PageTitleOutput {
-  title: string;
-  elapsed_ms: number;
-}
-
-app.action<PageTitleInput, PageTitleOutput>(
-  "get-page-title",
-  async (
-    ctx: KernelContext,
-    payload?: PageTitleInput
-  ): Promise<PageTitleOutput> => {
-    // A function that extracts the title of a webpage
-
-    // Args:
-    //     ctx: Kernel context containing invocation information
-    //     payload: An object with a URL property
-
-    // Returns:
-    //     A dictionary containing the page title
-    if (!payload?.url) {
-      throw new Error("URL is required");
-    }
-
-    if (
-      !payload.url.startsWith("http://") &&
-      !payload.url.startsWith("https://")
-    ) {
-      payload.url = `https://${payload.url}`;
-    }
-
-    // Validate the URL
-    try {
-      new URL(payload.url);
-    } catch {
-      throw new Error(`Invalid URL: ${payload.url}`);
-    }
-
-    const kernelBrowser = await kernel.browsers.create({
-      invocation_id: ctx.invocation_id,
-      persistence: {
-        id: "ts-persistent-browser",
-      },
-      stealth: true,
-    });
-
-    console.log(
-      "Kernel browser live view url: ",
-      kernelBrowser.browser_live_view_url
-    );
-
-    const browser = await chromium.connectOverCDP(kernelBrowser.cdp_ws_url);
-    try {
-      //////////////////////////////////////
-      // Your browser automation logic here
-      //////////////////////////////////////
-      const now = Date.now();
-      const contexts = await browser.contexts();
-      let context: BrowserContext = contexts[0] ?? (await browser.newContext());
-      let page: Page = context.pages()[0] ?? (await context.newPage());
-      if (page.url() !== payload.url) {
-        console.log("navigating to", payload.url);
-        await page.goto(payload.url);
-      } else {
-        console.log("page already loaded, skipping navigation");
-        await page.bringToFront();
-      }
-      const title = await page.title();
-      return { title, elapsed_ms: Date.now() - now };
-    } finally {
-      await browser.close();
-    }
-  }
-);
diff --git a/templates/typescript/sample-app/index.ts b/templates/typescript/sample-app/index.ts
index d8287bc..007b661 100644
--- a/templates/typescript/sample-app/index.ts
+++ b/templates/typescript/sample-app/index.ts
@@ -46,8 +46,8 @@ app.action<PageTitleInput, PageTitleOutput>(
     console.log("Kernel browser live view url: ", kernelBrowser.browser_live_view_url);
 
     const browser = await chromium.connectOverCDP(kernelBrowser.cdp_ws_url);
-    const context = await browser.newContext();
-    const page = await context.newPage();
+    const context = await browser.contexts()[0] || (await browser.newContext());
+    const page = await context.pages()[0] || (await context.newPage());
 
     try {
       //////////////////////////////////////

From 4d7efc2d6f645a93dfd56372bc5f4e078193775e Mon Sep 17 00:00:00 2001
From: Catherine Jue <catherine.djue@gmail.com>
Date: Mon, 9 Jun 2025 13:49:53 -0400
Subject: [PATCH 2/5] Add advanced samples to ts

---
 .../typescript/advanced-sample/cu/loop.ts     | 193 ++++++++++++++
 .../advanced-sample/cu/tools/collection.ts    |  61 +++++
 .../advanced-sample/cu/tools/computer.ts      | 242 ++++++++++++++++++
 .../cu/tools/types/computer.ts                |  64 +++++
 .../cu/tools/utils/keyboard.ts                |  82 ++++++
 .../cu/tools/utils/validator.ts               |  67 +++++
 .../advanced-sample/cu/types/beta.ts          |  58 +++++
 .../cu/utils/message-processing.ts            |  79 ++++++
 .../advanced-sample/cu/utils/tool-results.ts  |  49 ++++
 templates/typescript/advanced-sample/index.ts | 135 +++++++++-
 .../typescript/advanced-sample/package.json   |   4 +-
 .../typescript/advanced-sample/pnpm-lock.yaml |  18 ++
 templates/typescript/computer-use/index.ts    |   1 +
 .../typescript/computer-use/pnpm-lock.yaml    |  10 +-
 14 files changed, 1056 insertions(+), 7 deletions(-)
 create mode 100644 templates/typescript/advanced-sample/cu/loop.ts
 create mode 100644 templates/typescript/advanced-sample/cu/tools/collection.ts
 create mode 100644 templates/typescript/advanced-sample/cu/tools/computer.ts
 create mode 100644 templates/typescript/advanced-sample/cu/tools/types/computer.ts
 create mode 100644 templates/typescript/advanced-sample/cu/tools/utils/keyboard.ts
 create mode 100644 templates/typescript/advanced-sample/cu/tools/utils/validator.ts
 create mode 100644 templates/typescript/advanced-sample/cu/types/beta.ts
 create mode 100644 templates/typescript/advanced-sample/cu/utils/message-processing.ts
 create mode 100644 templates/typescript/advanced-sample/cu/utils/tool-results.ts

diff --git a/templates/typescript/advanced-sample/cu/loop.ts b/templates/typescript/advanced-sample/cu/loop.ts
new file mode 100644
index 0000000..88a70f0
--- /dev/null
+++ b/templates/typescript/advanced-sample/cu/loop.ts
@@ -0,0 +1,193 @@
+import { Anthropic } from '@anthropic-ai/sdk';
+import { DateTime } from 'luxon';
+import type { Page } from 'playwright';
+import type { BetaMessageParam, BetaTextBlock } from './types/beta';
+import { ToolCollection, DEFAULT_TOOL_VERSION, TOOL_GROUPS_BY_VERSION, type ToolVersion } from './tools/collection';
+import { responseToParams, maybeFilterToNMostRecentImages, injectPromptCaching, PROMPT_CACHING_BETA_FLAG } from './utils/message-processing';
+import { makeApiToolResult } from './utils/tool-results';
+import { ComputerTool20241022, ComputerTool20250124 } from './tools/computer';
+import type { ActionParams } from './tools/types/computer';
+import { Action } from './tools/types/computer';
+
+// System prompt optimized for the environment
+const SYSTEM_PROMPT = `<SYSTEM_CAPABILITY>
+* You are utilising an Ubuntu virtual machine using ${process.arch} architecture with internet access.
+* When you connect to the display, CHROMIUM IS ALREADY OPEN. The url bar is not visible but it is there.
+* If you need to navigate to a new page, use ctrl+l to focus the url bar and then enter the url.
+* You won't be able  to see the url bar from the screenshot but ctrl-l still works.
+* When viewing a page it can be helpful to zoom out so that you can see everything on the page.
+* Either that, or make sure you scroll down to see everything before deciding something isn't available.
+* When using your computer function calls, they take a while to run and send back to you.
+* Where possible/feasible, try to chain multiple of these calls all into one function calls request.
+* The current date is ${DateTime.now().toFormat('EEEE, MMMM d, yyyy')}.
+* After each step, take a screenshot and carefully evaluate if you have achieved the right outcome.
+* Explicitly show your thinking: "I have evaluated step X..." If not correct, try again.
+* Only when you confirm a step was executed correctly should you move on to the next one.
+</SYSTEM_CAPABILITY>
+
+<IMPORTANT>
+* When using Chromium, if a startup wizard appears, IGNORE IT. Do not even click "skip this step".
+* Instead, click on the search bar on the center of the screen where it says "Search or enter address", and enter the appropriate search term or URL there.
+</IMPORTANT>`;
+
+// Add new type definitions
+interface ThinkingConfig {
+  type: 'enabled';
+  budget_tokens: number;
+}
+
+interface ExtraBodyConfig {
+  thinking?: ThinkingConfig;
+}
+
+interface ToolUseInput extends Record<string, unknown> {
+  action: Action;
+}
+
+export async function computerUseLoop({
+  model,
+  systemPromptSuffix,
+  messages,
+  apiKey,
+  onlyNMostRecentImages,
+  maxTokens = 4096,
+  toolVersion,
+  thinkingBudget,
+  tokenEfficientToolsBeta = false,
+  playwrightPage,
+}: {
+  model: string;
+  systemPromptSuffix?: string;
+  messages: BetaMessageParam[];
+  apiKey: string;
+  onlyNMostRecentImages?: number;
+  maxTokens?: number;
+  toolVersion?: ToolVersion;
+  thinkingBudget?: number;
+  tokenEfficientToolsBeta?: boolean;
+  playwrightPage: Page;
+}): Promise<BetaMessageParam[]> {
+  const selectedVersion = toolVersion || DEFAULT_TOOL_VERSION;
+  const toolGroup = TOOL_GROUPS_BY_VERSION[selectedVersion];
+  const toolCollection = new ToolCollection(...toolGroup.tools.map((Tool: typeof ComputerTool20241022 | typeof ComputerTool20250124) => new Tool(playwrightPage)));
+  
+  const system: BetaTextBlock = {
+    type: 'text',
+    text: `${SYSTEM_PROMPT}${systemPromptSuffix ? ' ' + systemPromptSuffix : ''}`,
+  };
+
+  while (true) {
+    const betas: string[] = toolGroup.beta_flag ? [toolGroup.beta_flag] : [];
+    
+    if (tokenEfficientToolsBeta) {
+      betas.push('token-efficient-tools-2025-02-19');
+    }
+
+    let imageTruncationThreshold = onlyNMostRecentImages || 0;
+
+    const client = new Anthropic({ apiKey, maxRetries: 4 });
+    const enablePromptCaching = true;
+    
+    if (enablePromptCaching) {
+      betas.push(PROMPT_CACHING_BETA_FLAG);
+      injectPromptCaching(messages);
+      onlyNMostRecentImages = 0;
+      (system as BetaTextBlock).cache_control = { type: 'ephemeral' };
+    }
+
+    if (onlyNMostRecentImages) {
+      maybeFilterToNMostRecentImages(
+        messages,
+        onlyNMostRecentImages,
+        imageTruncationThreshold
+      );
+    }
+
+    const extraBody: ExtraBodyConfig = {};
+    if (thinkingBudget) {
+      extraBody.thinking = { type: 'enabled', budget_tokens: thinkingBudget };
+    }
+
+    const toolParams = toolCollection.toParams();
+
+    const response = await client.beta.messages.create({
+      max_tokens: maxTokens,
+      messages,
+      model,
+      system: [system],
+      tools: toolParams,
+      betas,
+      ...extraBody,
+    });
+
+    const responseParams = responseToParams(response);
+    
+    const loggableContent = responseParams.map(block => {
+      if (block.type === 'tool_use') {
+        return {
+          type: 'tool_use',
+          name: block.name,
+          input: block.input
+        };
+      }
+      return block;
+    });
+    console.log('=== LLM RESPONSE ===');
+    console.log('Stop reason:', response.stop_reason);
+    console.log(loggableContent);
+    console.log("===")
+    
+    messages.push({
+      role: 'assistant',
+      content: responseParams,
+    });
+
+    if (response.stop_reason === 'end_turn') {
+      console.log('LLM has completed its task, ending loop');
+      return messages;
+    }
+
+    const toolResultContent = [];
+    let hasToolUse = false;
+    
+    for (const contentBlock of responseParams) {
+      if (contentBlock.type === 'tool_use' && contentBlock.name && contentBlock.input && typeof contentBlock.input === 'object') {
+        const input = contentBlock.input as ToolUseInput;
+        if ('action' in input && typeof input.action === 'string') {
+          hasToolUse = true;
+          const toolInput: ActionParams = {
+            action: input.action as Action,
+            ...Object.fromEntries(
+              Object.entries(input).filter(([key]) => key !== 'action')
+            )
+          };
+          
+          try {
+            const result = await toolCollection.run(
+              contentBlock.name,
+              toolInput
+            );
+
+            const toolResult = makeApiToolResult(result, contentBlock.id!);
+            toolResultContent.push(toolResult);
+          } catch (error) {
+            console.error(error);
+            throw error;
+          }
+        }
+      }
+    }
+
+    if (toolResultContent.length === 0 && !hasToolUse && response.stop_reason !== 'tool_use') {
+      console.log('No tool use or results, and not waiting for tool use, ending loop');
+      return messages;
+    }
+
+    if (toolResultContent.length > 0) {
+      messages.push({
+        role: 'user',
+        content: toolResultContent,
+      });
+    }
+  }
+}
diff --git a/templates/typescript/advanced-sample/cu/tools/collection.ts b/templates/typescript/advanced-sample/cu/tools/collection.ts
new file mode 100644
index 0000000..45f3afe
--- /dev/null
+++ b/templates/typescript/advanced-sample/cu/tools/collection.ts
@@ -0,0 +1,61 @@
+import { ComputerTool20241022, ComputerTool20250124 } from './computer';
+import { Action } from './types/computer';
+import type { ActionParams, ToolResult } from './types/computer';
+
+export type ToolVersion = 'computer_use_20250124' | 'computer_use_20241022' | 'computer_use_20250429';
+
+export const DEFAULT_TOOL_VERSION: ToolVersion = 'computer_use_20250429';
+
+interface ToolGroup {
+  readonly version: ToolVersion;
+  readonly tools: (typeof ComputerTool20241022 | typeof ComputerTool20250124)[];
+  readonly beta_flag: string;
+}
+
+export const TOOL_GROUPS: ToolGroup[] = [
+  {
+    version: 'computer_use_20241022',
+    tools: [ComputerTool20241022],
+    beta_flag: 'computer-use-2024-10-22',
+  },
+  {
+    version: 'computer_use_20250124',
+    tools: [ComputerTool20250124],
+    beta_flag: 'computer-use-2025-01-24',
+  },
+  // 20250429 version inherits from 20250124
+  {
+    version: 'computer_use_20250429',
+    tools: [ComputerTool20250124],
+    beta_flag: 'computer-use-2025-01-24',
+  },
+];
+
+export const TOOL_GROUPS_BY_VERSION: Record<ToolVersion, ToolGroup> = Object.fromEntries(
+  TOOL_GROUPS.map(group => [group.version, group])
+) as Record<ToolVersion, ToolGroup>;
+
+export class ToolCollection {
+  private tools: Map<string, ComputerTool20241022 | ComputerTool20250124>;
+
+  constructor(...tools: (ComputerTool20241022 | ComputerTool20250124)[]) {
+    this.tools = new Map(tools.map(tool => [tool.name, tool]));
+  }
+
+  toParams(): ActionParams[] {
+    return Array.from(this.tools.values()).map(tool => tool.toParams());
+  }
+
+  async run(name: string, toolInput: { action: Action } & Record<string, ActionParams>): Promise<ToolResult> {
+    const tool = this.tools.get(name);
+    if (!tool) {
+      throw new Error(`Tool ${name} not found`);
+    }
+
+    if (!Object.values(Action).includes(toolInput.action)) {
+      throw new Error(`Invalid action ${toolInput.action} for tool ${name}`);
+    }
+
+    return await tool.call(toolInput);
+  }
+} 
\ No newline at end of file
diff --git a/templates/typescript/advanced-sample/cu/tools/computer.ts b/templates/typescript/advanced-sample/cu/tools/computer.ts
new file mode 100644
index 0000000..126775f
--- /dev/null
+++ b/templates/typescript/advanced-sample/cu/tools/computer.ts
@@ -0,0 +1,242 @@
+import type { Page } from 'playwright';
+import { Action, ToolError } from './types/computer';
+import type { ActionParams, BaseAnthropicTool, ToolResult } from './types/computer';
+import { KeyboardUtils } from './utils/keyboard';
+import { ActionValidator } from './utils/validator';
+
+const TYPING_DELAY_MS = 12;
+
+export class ComputerTool implements BaseAnthropicTool {
+  name: 'computer' = 'computer';
+  protected page: Page;
+  protected _screenshotDelay = 2.0;
+  protected version: '20241022' | '20250124';
+
+  private readonly mouseActions = new Set([
+    Action.LEFT_CLICK,
+    Action.RIGHT_CLICK,
+    Action.MIDDLE_CLICK,
+    Action.DOUBLE_CLICK,
+    Action.TRIPLE_CLICK,
+    Action.MOUSE_MOVE,
+    Action.LEFT_CLICK_DRAG,
+    Action.LEFT_MOUSE_DOWN,
+    Action.LEFT_MOUSE_UP,
+  ]);
+
+  private readonly keyboardActions = new Set([
+    Action.KEY,
+    Action.TYPE,
+    Action.HOLD_KEY,
+  ]);
+
+  private readonly systemActions = new Set([
+    Action.SCREENSHOT,
+    Action.CURSOR_POSITION,
+    Action.SCROLL,
+    Action.WAIT,
+  ]);
+
+  constructor(page: Page, version: '20241022' | '20250124' = '20250124') {
+    this.page = page;
+    this.version = version;
+  }
+
+  get apiType(): 'computer_20241022' | 'computer_20250124' {
+    return this.version === '20241022' ? 'computer_20241022' : 'computer_20250124';
+  }
+
+  toParams(): ActionParams {
+    const params = {
+      name: this.name,
+      type: this.apiType,
+      display_width_px: 1280,
+      display_height_px: 720,
+      display_number: null,
+    };
+    return params;
+  }
+
+  private getMouseButton(action: Action): 'left' | 'right' | 'middle' {
+    switch (action) {
+      case Action.LEFT_CLICK:
+      case Action.DOUBLE_CLICK:
+      case Action.TRIPLE_CLICK:
+      case Action.LEFT_CLICK_DRAG:
+      case Action.LEFT_MOUSE_DOWN:
+      case Action.LEFT_MOUSE_UP:
+        return 'left';
+      case Action.RIGHT_CLICK:
+        return 'right';
+      case Action.MIDDLE_CLICK:
+        return 'middle';
+      default:
+        throw new ToolError(`Invalid mouse action: ${action}`);
+    }
+  }
+
+  private async handleMouseAction(action: Action, coordinate: [number, number]): Promise<ToolResult> {
+    const [x, y] = ActionValidator.validateAndGetCoordinates(coordinate);
+    await this.page.mouse.move(x, y);
+    await this.page.waitForTimeout(100);
+
+    if (action === Action.LEFT_MOUSE_DOWN) {
+      await this.page.mouse.down();
+    } else if (action === Action.LEFT_MOUSE_UP) {
+      await this.page.mouse.up();
+    } else {
+      const button = this.getMouseButton(action);
+      if (action === Action.DOUBLE_CLICK) {
+        await this.page.mouse.dblclick(x, y, { button });
+      } else if (action === Action.TRIPLE_CLICK) {
+        await this.page.mouse.click(x, y, { button, clickCount: 3 });
+      } else {
+        await this.page.mouse.click(x, y, { button });
+      }
+    }
+
+    await this.page.waitForTimeout(500);
+    return await this.screenshot();
+  }
+
+  private async handleKeyboardAction(action: Action, text: string, duration?: number): Promise<ToolResult> {
+    if (action === Action.HOLD_KEY) {
+      const key = KeyboardUtils.getPlaywrightKey(text);
+      await this.page.keyboard.down(key);
+      await new Promise(resolve => setTimeout(resolve, duration! * 1000));
+      await this.page.keyboard.up(key);
+    } else if (action === Action.KEY) {
+      const keys = KeyboardUtils.parseKeyCombination(text);
+      for (const key of keys) {
+        await this.page.keyboard.down(key);
+      }
+      for (const key of keys.reverse()) {
+        await this.page.keyboard.up(key);
+      }
+    } else {
+      await this.page.keyboard.type(text, { delay: TYPING_DELAY_MS });
+    }
+
+    await this.page.waitForTimeout(500);
+    return await this.screenshot();
+  }
+
+  async screenshot(): Promise<ToolResult> {
+    try {
+      console.log('Starting screenshot...');
+      await new Promise(resolve => setTimeout(resolve, this._screenshotDelay * 1000));
+      const screenshot = await this.page.screenshot({ type: 'png' });
+      console.log('Screenshot taken, size:', screenshot.length, 'bytes');
+
+      return {
+        base64Image: screenshot.toString('base64'),
+      };
+    } catch (error) {
+      throw new ToolError(`Failed to take screenshot: ${error}`);
+    }
+  }
+
+  async call(params: ActionParams): Promise<ToolResult> {
+    const { 
+      action, 
+      text, 
+      coordinate, 
+      scrollDirection: scrollDirectionParam,
+      scroll_amount,
+      scrollAmount,
+      duration, 
+      ...kwargs 
+    } = params;
+
+    ActionValidator.validateActionParams(params, this.mouseActions, this.keyboardActions);
+
+    if (action === Action.SCREENSHOT) {
+      return await this.screenshot();
+    }
+
+    if (action === Action.CURSOR_POSITION) {
+      const position = await this.page.evaluate(() => {
+        const selection = window.getSelection();
+        const range = selection?.getRangeAt(0);
+        const rect = range?.getBoundingClientRect();
+        return rect ? { x: rect.x, y: rect.y } : null;
+      });
+      
+      if (!position) {
+        throw new ToolError('Failed to get cursor position');
+      }
+      
+      return { output: `X=${position.x},Y=${position.y}` };
+    }
+
+    if (action === Action.SCROLL) {
+      if (this.version !== '20250124') {
+        throw new ToolError(`${action} is only available in version 20250124`);
+      }
+
+      const scrollDirection = scrollDirectionParam || kwargs.scroll_direction;
+      const scrollAmountValue = scrollAmount || scroll_amount;
+
+      if (!scrollDirection || !['up', 'down', 'left', 'right'].includes(scrollDirection)) {
+        throw new ToolError(`Scroll direction "${scrollDirection}" must be 'up', 'down', 'left', or 'right'`);
+      }
+      if (typeof scrollAmountValue !== 'number' || scrollAmountValue < 0) {
+        throw new ToolError(`Scroll amount "${scrollAmountValue}" must be a non-negative number`);
+      }
+
+      if (coordinate) {
+        const [x, y] = ActionValidator.validateAndGetCoordinates(coordinate);
+        await this.page.mouse.move(x, y);
+        await this.page.waitForTimeout(100);
+      }
+
+      const amount = scrollAmountValue || 100;
+      
+      if (scrollDirection === 'down' || scrollDirection === 'up') {
+        await this.page.mouse.wheel(0, scrollDirection === 'down' ? amount : -amount);
+      } else {
+        await this.page.mouse.wheel(scrollDirection === 'right' ? amount : -amount, 0);
+      }
+      
+      await this.page.waitForTimeout(500);
+      return await this.screenshot();
+    }
+
+    if (action === Action.WAIT) {
+      if (this.version !== '20250124') {
+        throw new ToolError(`${action} is only available in version 20250124`);
+      }
+      await new Promise(resolve => setTimeout(resolve, duration! * 1000));
+      return await this.screenshot();
+    }
+
+    if (this.mouseActions.has(action)) {
+      if (!coordinate) {
+        throw new ToolError(`coordinate is required for ${action}`);
+      }
+      return await this.handleMouseAction(action, coordinate);
+    }
+
+    if (this.keyboardActions.has(action)) {
+      if (!text) {
+        throw new ToolError(`text is required for ${action}`);
+      }
+      return await this.handleKeyboardAction(action, text, duration);
+    }
+
+    throw new ToolError(`Invalid action: ${action}`);
+  }
+}
+
+// For backward compatibility
+export class ComputerTool20241022 extends ComputerTool {
+  constructor(page: Page) {
+    super(page, '20241022');
+  }
+}
+
+export class ComputerTool20250124 extends ComputerTool {
+  constructor(page: Page) {
+    super(page, '20250124');
+  }
+}
diff --git a/templates/typescript/advanced-sample/cu/tools/types/computer.ts b/templates/typescript/advanced-sample/cu/tools/types/computer.ts
new file mode 100644
index 0000000..f4b061f
--- /dev/null
+++ b/templates/typescript/advanced-sample/cu/tools/types/computer.ts
@@ -0,0 +1,64 @@
+export enum Action {
+  // Mouse actions
+  MOUSE_MOVE = 'mouse_move',
+  LEFT_CLICK = 'left_click',
+  RIGHT_CLICK = 'right_click',
+  MIDDLE_CLICK = 'middle_click',
+  DOUBLE_CLICK = 'double_click',
+  TRIPLE_CLICK = 'triple_click',
+  LEFT_CLICK_DRAG = 'left_click_drag',
+  LEFT_MOUSE_DOWN = 'left_mouse_down',
+  LEFT_MOUSE_UP = 'left_mouse_up',
+
+  // Keyboard actions
+  KEY = 'key',
+  TYPE = 'type',
+  HOLD_KEY = 'hold_key',
+
+  // System actions
+  SCREENSHOT = 'screenshot',
+  CURSOR_POSITION = 'cursor_position',
+  SCROLL = 'scroll',
+  WAIT = 'wait',
+}
+
+// For backward compatibility
+export type Action_20241022 = Action;
+export type Action_20250124 = Action;
+
+export type MouseButton = 'left' | 'right' | 'middle';
+export type ScrollDirection = 'up' | 'down' | 'left' | 'right';
+export type Coordinate = [number, number];
+export type Duration = number;
+
+export interface ActionParams {
+  action: Action;
+  text?: string;
+  coordinate?: Coordinate;
+  scrollDirection?: ScrollDirection;
+  scroll_amount?: number;
+  scrollAmount?: number;
+  duration?: Duration;
+  key?: string;
+  [key: string]: Action | string | Coordinate | ScrollDirection | number | Duration | undefined;
+}
+
+export interface ToolResult {
+  output?: string;
+  error?: string;
+  base64Image?: string;
+  system?: string;
+}
+
+export interface BaseAnthropicTool {
+  name: string;
+  apiType: string;
+  toParams(): ActionParams;
+}
+
+export class ToolError extends Error {
+  constructor(message: string) {
+    super(message);
+    this.name = 'ToolError';
+  }
+} 
\ No newline at end of file
diff --git a/templates/typescript/advanced-sample/cu/tools/utils/keyboard.ts b/templates/typescript/advanced-sample/cu/tools/utils/keyboard.ts
new file mode 100644
index 0000000..f7aadbe
--- /dev/null
+++ b/templates/typescript/advanced-sample/cu/tools/utils/keyboard.ts
@@ -0,0 +1,82 @@
+export class KeyboardUtils {
+  // Only map alternative names to standard Playwright modifier keys
+  private static readonly modifierKeyMap: Record<string, string> = {
+    'ctrl': 'Control',
+    'alt': 'Alt',
+    'command': 'Meta',
+    'win': 'Meta',
+  };
+
+  // Essential key mappings for Playwright compatibility
+  private static readonly keyMap: Record<string, string> = {
+    'return': 'Enter',
+    'space': ' ',
+    'left': 'ArrowLeft',
+    'right': 'ArrowRight',
+    'up': 'ArrowUp',
+    'down': 'ArrowDown',
+    'home': 'Home',
+    'end': 'End',
+    'pageup': 'PageUp',
+    'pagedown': 'PageDown',
+    'delete': 'Delete',
+    'backspace': 'Backspace',
+    'tab': 'Tab',
+    'esc': 'Escape',
+    'escape': 'Escape',
+    'insert': 'Insert',
+    'super_l': 'Meta',
+    'f1': 'F1',
+    'f2': 'F2',
+    'f3': 'F3',
+    'f4': 'F4',
+    'f5': 'F5',
+    'f6': 'F6',
+    'f7': 'F7',
+    'f8': 'F8',
+    'f9': 'F9',
+    'f10': 'F10',
+    'f11': 'F11',
+    'f12': 'F12',
+  };
+
+  static isModifierKey(key: string | undefined): boolean {
+    if (!key) return false;
+    const normalizedKey = this.modifierKeyMap[key.toLowerCase()] || key;
+    return ['Control', 'Alt', 'Shift', 'Meta'].includes(normalizedKey);
+  }
+
+  static getPlaywrightKey(key: string | undefined): string {
+    if (!key) {
+      throw new Error('Key cannot be undefined');
+    }
+
+    const normalizedKey = key.toLowerCase();
+
+    // Handle special cases
+    if (normalizedKey in this.keyMap) {
+      return this.keyMap[normalizedKey] as string;
+    }
+
+    // Normalize modifier keys
+    if (normalizedKey in this.modifierKeyMap) {
+      return this.modifierKeyMap[normalizedKey] as string;
+    }
+
+    // Return the key as is - Playwright handles standard key names
+    return key;
+  }
+
+  static parseKeyCombination(combo: string): string[] {
+    if (!combo) {
+      throw new Error('Key combination cannot be empty');
+    }
+    return combo.toLowerCase().split('+').map(key => {
+      const trimmedKey = key.trim();
+      if (!trimmedKey) {
+        throw new Error('Invalid key combination: empty key');
+      }
+      return this.getPlaywrightKey(trimmedKey);
+    });
+  }
+} 
\ No newline at end of file
diff --git a/templates/typescript/advanced-sample/cu/tools/utils/validator.ts b/templates/typescript/advanced-sample/cu/tools/utils/validator.ts
new file mode 100644
index 0000000..b8522c8
--- /dev/null
+++ b/templates/typescript/advanced-sample/cu/tools/utils/validator.ts
@@ -0,0 +1,67 @@
+import { Action, ToolError } from '../types/computer';
+import type { ActionParams, Coordinate, Duration } from '../types/computer';
+
+export class ActionValidator {
+  static validateText(text: string | undefined, required: boolean, action: string): void {
+    if (required && text === undefined) {
+      throw new ToolError(`text is required for ${action}`);
+    }
+    if (text !== undefined && typeof text !== 'string') {
+      throw new ToolError(`${text} must be a string`);
+    }
+  }
+
+  static validateCoordinate(coordinate: Coordinate | undefined, required: boolean, action: string): void {
+    if (required && !coordinate) {
+      throw new ToolError(`coordinate is required for ${action}`);
+    }
+    if (coordinate) {
+      this.validateAndGetCoordinates(coordinate);
+    }
+  }
+
+  static validateDuration(duration: Duration | undefined): void {
+    if (duration === undefined || typeof duration !== 'number') {
+      throw new ToolError(`${duration} must be a number`);
+    }
+    if (duration < 0) {
+      throw new ToolError(`${duration} must be non-negative`);
+    }
+    if (duration > 100) {
+      throw new ToolError(`${duration} is too long`);
+    }
+  }
+
+  static validateAndGetCoordinates(coordinate: Coordinate): Coordinate {
+    if (!Array.isArray(coordinate) || coordinate.length !== 2) {
+      throw new ToolError(`${coordinate} must be a tuple of length 2`);
+    }
+    if (!coordinate.every(i => typeof i === 'number' && i >= 0)) {
+      throw new ToolError(`${coordinate} must be a tuple of non-negative numbers`);
+    }
+    return coordinate;
+  }
+
+  static validateActionParams(params: ActionParams, mouseActions: Set<Action>, keyboardActions: Set<Action>): void {
+    const { action, text, coordinate, duration } = params;
+
+    // Validate text parameter
+    if (keyboardActions.has(action)) {
+      this.validateText(text, true, action);
+    } else {
+      this.validateText(text, false, action);
+    }
+
+    // Validate coordinate parameter
+    if (mouseActions.has(action)) {
+      this.validateCoordinate(coordinate, true, action);
+    } else {
+      this.validateCoordinate(coordinate, false, action);
+    }
+
+    // Validate duration parameter
+    if (action === Action.HOLD_KEY || action === Action.WAIT) {
+      this.validateDuration(duration);
+    }
+  }
+} 
\ No newline at end of file
diff --git a/templates/typescript/advanced-sample/cu/types/beta.ts b/templates/typescript/advanced-sample/cu/types/beta.ts
new file mode 100644
index 0000000..35328d7
--- /dev/null
+++ b/templates/typescript/advanced-sample/cu/types/beta.ts
@@ -0,0 +1,58 @@
+import type { BetaMessageParam as AnthropicMessageParam, BetaMessage as AnthropicMessage, BetaContentBlock as AnthropicContentBlock } from '@anthropic-ai/sdk/resources/beta/messages/messages';
+import type { ActionParams } from '../tools/types/computer';
+
+// Re-export the SDK types
+export type BetaMessageParam = AnthropicMessageParam;
+export type BetaMessage = AnthropicMessage;
+export type BetaContentBlock = AnthropicContentBlock;
+
+// Keep our local types for internal use
+export interface BetaTextBlock {
+  type: 'text';
+  text: string;
+  id?: string;
+  cache_control?: { type: 'ephemeral' };
+}
+
+export interface BetaImageBlock {
+  type: 'image';
+  source: {
+    type: 'base64';
+    media_type: 'image/png';
+    data: string;
+  };
+  id?: string;
+  cache_control?: { type: 'ephemeral' };
+}
+
+export interface BetaToolUseBlock {
+  type: 'tool_use';
+  name: string;
+  input: ActionParams;
+  id?: string;
+  cache_control?: { type: 'ephemeral' };
+}
+
+export interface BetaThinkingBlock {
+  type: 'thinking';
+  thinking: {
+    type: 'enabled';
+    budget_tokens: number;
+  } | {
+    type: 'disabled';
+  };
+  signature?: string;
+  id?: string;
+  cache_control?: { type: 'ephemeral' };
+}
+
+export interface BetaToolResultBlock {
+  type: 'tool_result';
+  content: (BetaTextBlock | BetaImageBlock)[] | string;
+  tool_use_id: string;
+  is_error: boolean;
+  id?: string;
+  cache_control?: { type: 'ephemeral' };
+}
+
+export type BetaLocalContentBlock = BetaTextBlock | BetaImageBlock | BetaToolUseBlock | BetaThinkingBlock | BetaToolResultBlock; 
\ No newline at end of file
diff --git a/templates/typescript/advanced-sample/cu/utils/message-processing.ts b/templates/typescript/advanced-sample/cu/utils/message-processing.ts
new file mode 100644
index 0000000..acc5ac4
--- /dev/null
+++ b/templates/typescript/advanced-sample/cu/utils/message-processing.ts
@@ -0,0 +1,79 @@
+import type { BetaMessage, BetaMessageParam, BetaToolResultBlock, BetaContentBlock, BetaLocalContentBlock } from '../types/beta';
+
+export function responseToParams(response: BetaMessage): BetaContentBlock[] {
+  return response.content.map(block => {
+    if (block.type === 'text' && block.text) {
+      return { type: 'text', text: block.text };
+    }
+    if (block.type === 'thinking') {
+      const { thinking, signature, ...rest } = block;
+      return { ...rest, thinking, ...(signature && { signature }) };
+    }
+    return block as BetaContentBlock;
+  });
+}
+
+export function maybeFilterToNMostRecentImages(
+  messages: BetaMessageParam[],
+  imagesToKeep: number,
+  minRemovalThreshold: number
+): void {
+  if (!imagesToKeep) return;
+
+  const toolResultBlocks = messages
+    .flatMap(message => Array.isArray(message?.content) ? message.content : [])
+    .filter((item): item is BetaToolResultBlock => 
+      typeof item === 'object' && item.type === 'tool_result'
+    );
+
+  const totalImages = toolResultBlocks.reduce((count, toolResult) => {
+    if (!Array.isArray(toolResult.content)) return count;
+    return count + toolResult.content.filter(
+      content => typeof content === 'object' && content.type === 'image'
+    ).length;
+  }, 0);
+
+  let imagesToRemove = Math.floor((totalImages - imagesToKeep) / minRemovalThreshold) * minRemovalThreshold;
+
+  for (const toolResult of toolResultBlocks) {
+    if (Array.isArray(toolResult.content)) {
+      toolResult.content = toolResult.content.filter(content => {
+        if (typeof content === 'object' && content.type === 'image') {
+          if (imagesToRemove > 0) {
+            imagesToRemove--;
+            return false;
+          }
+        }
+        return true;
+      });
+    }
+  }
+}
+
+const PROMPT_CACHING_BETA_FLAG = 'prompt-caching-2024-07-31';
+
+export function injectPromptCaching(messages: BetaMessageParam[]): void {
+  let breakpointsRemaining = 3;
+  
+  for (let i = messages.length - 1; i >= 0; i--) {
+    const message = messages[i];
+    if (!message) continue;
+    if (message.role === 'user' && Array.isArray(message.content)) {
+      if (breakpointsRemaining > 0) {
+        breakpointsRemaining--;
+        const lastContent = message.content[message.content.length - 1];
+        if (lastContent) {
+          (lastContent as BetaLocalContentBlock).cache_control = { type: 'ephemeral' };
+        }
+      } else {
+        const lastContent = message.content[message.content.length - 1];
+        if (lastContent) {
+          delete (lastContent as BetaLocalContentBlock).cache_control;
+        }
+        break;
+      }
+    }
+  }
+}
+
+export { PROMPT_CACHING_BETA_FLAG }; 
\ No newline at end of file
diff --git a/templates/typescript/advanced-sample/cu/utils/tool-results.ts b/templates/typescript/advanced-sample/cu/utils/tool-results.ts
new file mode 100644
index 0000000..c18eab2
--- /dev/null
+++ b/templates/typescript/advanced-sample/cu/utils/tool-results.ts
@@ -0,0 +1,49 @@
+import type { ToolResult } from '../tools/types/computer';
+import type { BetaToolResultBlock, BetaTextBlock, BetaImageBlock } from '../types/beta';
+
+export function makeApiToolResult(
+  result: ToolResult,
+  toolUseId: string
+): BetaToolResultBlock {
+  const toolResultContent: (BetaTextBlock | BetaImageBlock)[] = [];
+  let isError = false;
+
+  if (result.error) {
+    isError = true;
+    toolResultContent.push({
+      type: 'text',
+      text: maybePrependSystemToolResult(result, result.error),
+    });
+  } else {
+    if (result.output) {
+      toolResultContent.push({
+        type: 'text',
+        text: maybePrependSystemToolResult(result, result.output),
+      });
+    }
+    if (result.base64Image) {
+      toolResultContent.push({
+        type: 'image',
+        source: {
+          type: 'base64',
+          media_type: 'image/png',
+          data: result.base64Image,
+        },
+      });
+    }
+  }
+
+  return {
+    type: 'tool_result',
+    content: toolResultContent,
+    tool_use_id: toolUseId,
+    is_error: isError,
+  };
+}
+
+export function maybePrependSystemToolResult(result: ToolResult, resultText: string): string {
+  if (result.system) {
+    return `<system>${result.system}</system>\n${resultText}`;
+  }
+  return resultText;
+} 
\ No newline at end of file
diff --git a/templates/typescript/advanced-sample/index.ts b/templates/typescript/advanced-sample/index.ts
index 93753c5..ce6e370 100644
--- a/templates/typescript/advanced-sample/index.ts
+++ b/templates/typescript/advanced-sample/index.ts
@@ -1,12 +1,13 @@
 import { Kernel, type KernelContext } from "@onkernel/sdk";
 import { chromium } from "playwright";
+import { computerUseLoop } from './cu/loop';
 
 const kernel = new Kernel();
 
 const app = kernel.app("ts-advanced");
 
 /**
- * Instantiates a persisted Kernel browser that can be reused across invocations
+ * Example app thatnstantiates a persisted Kernel browser that can be reused across invocations
  * Use this to test Kernel browsers manually with our browser live view
  * https://docs.onkernel.com/launch/browser-persistence
  */
@@ -54,3 +55,135 @@ app.action("test-captcha-solver", async(ctx: KernelContext): Promise<void> => {
   // Watch Kernel auto-solve the CAPTCHA!
 });
 
+/** Human in the loop example
+ * We'll automate a grocery shopping task using Playwright,
+ * then pass the browser to the user to complete the checkout.
+ * 
+ * 1. Navigate to a grocery store website
+ * 2. Auto-fill a shopping cart
+ * 3. Provide the live view url to the user to complete the checkout
+ */
+app.action("human-in-the-loop-sample", async (ctx: KernelContext): Promise<{ browser_live_view_url: string }> => {
+  const kernelBrowser = await kernel.browsers.create({
+    invocation_id: ctx.invocation_id,
+    persistence: {
+      id: "hitl-browser",
+    },
+  });
+  const browser = await chromium.connectOverCDP(kernelBrowser.cdp_ws_url);
+  const context = await browser.contexts()[0] || (await browser.newContext());
+  const page = await context.pages()[0] || (await context.newPage());
+
+  // Navigate to the grocery store website
+  await page.goto("https://www.goodeggs.com/search?q=salmon");
+  await page.waitForTimeout(5000);
+  // Click on the first product available
+  await page.click('.product-tile:first-child');
+  await page.waitForTimeout(3000);
+  // Add salmon to the cart
+  // Select two to meet the minimum order requirement
+  await page.selectOption('select[data-testid="choice-select__select"]', '2');
+  await page.waitForTimeout(3000);
+  await page.click('button.btn.primary.save');
+  await page.waitForTimeout(5000);
+  // Go to the car
+  await page.goto("https://www.goodeggs.com/basket");
+  // Return the live view url so it can be presented to the user to complete the checkot
+  return {
+    browser_live_view_url: kernelBrowser.browser_live_view_url,
+  }
+});
+
+/** Auth example
+ * We'll use Computer Use to check for upcoming Target deliveries,
+ * This example auto-logs in on behalf of the user.
+ * Provide the user's credentials as payload variables when invoking the app:
+ * kernel deploy index.ts -e ANTHROPIC_API_KEY=<your_api_key>
+ * kernel invoke ts-cu auth-sample -p '{"query": 
+ * "If I have an upcoming delivery, return the delivery date.
+ * If not, return No upcoming deliveries.",
+ * "website": "goodeggs.com",
+ * "auth": {"username": "your_username", "password": "your_password"}}'
+ * We'll also use a persisted browser: the second time you run this action, the previous browser will restored and
+ * the user will already be logged in
+ */
+interface AuthSampleInput {
+  query: string;
+  website: string;
+  auth: {
+    username: string;
+    password: string;
+  };
+}
+
+app.action("auth-sample", async (ctx: KernelContext, payload?: AuthSampleInput): Promise<{ result: string }> => {
+  const ANTHROPIC_API_KEY = process.env.ANTHROPIC_API_KEY;
+  if (!ANTHROPIC_API_KEY) throw new Error('ANTHROPIC_API_KEY is not set');
+
+  if (!payload) throw new Error('Payload is required');
+  const { query, auth, website } = payload;
+  if (!query || !auth || !website) throw new Error('Query, auth, and website are required');
+
+  const kernelBrowser = await kernel.browsers.create({
+    invocation_id: ctx.invocation_id,
+    persistence: {
+      id: "auth-browser",
+    },
+    stealth: true,
+  });
+  console.log("Kernel browser live view url: ", kernelBrowser.browser_live_view_url);
+
+  const browser = await chromium.connectOverCDP(kernelBrowser.cdp_ws_url);
+  const context = await browser.contexts()[0];
+  const page = await context?.pages()[0];
+  if (!page) {
+    throw new Error('Error getting initial page');
+  }
+
+  // Create full prompt for LLM to execute
+  const prompt = `Go to ${website} and ${query}. If you are not logged in, use the following credentials:
+    <Sensitive>
+      Username: ${auth.username}
+      Password: ${auth.password}
+    </Sensitive>
+  `;
+
+  console.log("Prompt: ", prompt);
+
+  try {
+    // Run the sampling loop
+    const finalMessages = await computerUseLoop({
+      model: 'claude-sonnet-4-20250514',
+      messages: [{
+        role: 'user',
+        content: prompt,
+      }],
+      apiKey: ANTHROPIC_API_KEY,
+      thinkingBudget: 1024,
+      playwrightPage: page,
+    });
+
+    // Extract the final result from the messages
+    if (finalMessages.length === 0) {
+      throw new Error('No messages were generated during the sampling loop');
+    }
+
+    const lastMessage = finalMessages[finalMessages.length - 1];
+    if (!lastMessage) {
+      throw new Error('Failed to get the last message from the sampling loop');
+    }
+
+    const result = typeof lastMessage.content === 'string' 
+      ? lastMessage.content 
+      : lastMessage.content.map(block => 
+          block.type === 'text' ? block.text : ''
+        ).join('');
+
+    return { result };
+  } catch (error) {
+    console.error('Error in sampling loop:', error);
+    throw error;
+  } finally {
+    await browser.close();
+  }
+});
\ No newline at end of file
diff --git a/templates/typescript/advanced-sample/package.json b/templates/typescript/advanced-sample/package.json
index 7e3b189..bd15071 100644
--- a/templates/typescript/advanced-sample/package.json
+++ b/templates/typescript/advanced-sample/package.json
@@ -8,7 +8,9 @@
     },
     "dependencies": {
       "@onkernel/sdk": ">=0.5.0",
-      "playwright": "^1.52.0"
+      "playwright": "^1.52.0",
+      "@anthropic-ai/sdk": "0.52.0",
+      "luxon": "3.6.0"
     }
   }
   
\ No newline at end of file
diff --git a/templates/typescript/advanced-sample/pnpm-lock.yaml b/templates/typescript/advanced-sample/pnpm-lock.yaml
index a69bdd0..344fa3e 100644
--- a/templates/typescript/advanced-sample/pnpm-lock.yaml
+++ b/templates/typescript/advanced-sample/pnpm-lock.yaml
@@ -8,9 +8,15 @@ importers:
 
   .:
     dependencies:
+      '@anthropic-ai/sdk':
+        specifier: 0.52.0
+        version: 0.52.0
       '@onkernel/sdk':
         specifier: '>=0.5.0'
         version: 0.5.0
+      luxon:
+        specifier: 3.6.0
+        version: 3.6.0
       playwright:
         specifier: ^1.52.0
         version: 1.52.0
@@ -20,6 +26,10 @@ importers:
 
 packages:
 
+  '@anthropic-ai/sdk@0.52.0':
+    resolution: {integrity: sha512-d4c+fg+xy9e46c8+YnrrgIQR45CZlAi7PwdzIfDXDM6ACxEZli1/fxhURsq30ZpMZy6LvSkr41jGq5aF5TD7rQ==}
+    hasBin: true
+
   '@onkernel/sdk@0.5.0':
     resolution: {integrity: sha512-n7gwc7rU0GY/XcDnEV0piHPd76bHTSfuTjQW4qFKUWQji0UK9YUVKDFklqAWbyGlXPUezWCfxh79ELv2cFYOBA==}
 
@@ -28,6 +38,10 @@ packages:
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
     os: [darwin]
 
+  luxon@3.6.0:
+    resolution: {integrity: sha512-WE7p0p7W1xji9qxkLYsvcIxZyfP48GuFrWIBQZIsbjCyf65dG1rv4n83HcOyEyhvzxJCrUoObCRNFgRNIQ5KNA==}
+    engines: {node: '>=12'}
+
   playwright-core@1.52.0:
     resolution: {integrity: sha512-l2osTgLXSMeuLZOML9qYODUQoPPnUsKsb5/P6LJ2e6uPKXUdPK5WYhN4z03G+YNbWmGDY4YENauNu4ZKczreHg==}
     engines: {node: '>=18'}
@@ -45,11 +59,15 @@ packages:
 
 snapshots:
 
+  '@anthropic-ai/sdk@0.52.0': {}
+
   '@onkernel/sdk@0.5.0': {}
 
   fsevents@2.3.2:
     optional: true
 
+  luxon@3.6.0: {}
+
   playwright-core@1.52.0: {}
 
   playwright@1.52.0:
diff --git a/templates/typescript/computer-use/index.ts b/templates/typescript/computer-use/index.ts
index 04dabe2..8774dd1 100644
--- a/templates/typescript/computer-use/index.ts
+++ b/templates/typescript/computer-use/index.ts
@@ -31,6 +31,7 @@ app.action<QueryInput, QueryOutput>(
 
     const kernelBrowser = await kernel.browsers.create({
       invocation_id: ctx.invocation_id,
+      stealth: true,
     });
 
     console.log("Kernel browser live view url: ", kernelBrowser.browser_live_view_url);
diff --git a/templates/typescript/computer-use/pnpm-lock.yaml b/templates/typescript/computer-use/pnpm-lock.yaml
index 05dca11..344fa3e 100644
--- a/templates/typescript/computer-use/pnpm-lock.yaml
+++ b/templates/typescript/computer-use/pnpm-lock.yaml
@@ -12,8 +12,8 @@ importers:
         specifier: 0.52.0
         version: 0.52.0
       '@onkernel/sdk':
-        specifier: 0.3.0
-        version: 0.3.0
+        specifier: '>=0.5.0'
+        version: 0.5.0
       luxon:
         specifier: 3.6.0
         version: 3.6.0
@@ -30,8 +30,8 @@ packages:
     resolution: {integrity: sha512-d4c+fg+xy9e46c8+YnrrgIQR45CZlAi7PwdzIfDXDM6ACxEZli1/fxhURsq30ZpMZy6LvSkr41jGq5aF5TD7rQ==}
     hasBin: true
 
-  '@onkernel/sdk@0.3.0':
-    resolution: {integrity: sha512-15hL/6qqM+wA63cR5O8dtUdOBtcPmOZylB2zgq7q2nGJrqzCS99M2onyrjV31CDLowf9bmnHHjXMLzWvcO7L0g==}
+  '@onkernel/sdk@0.5.0':
+    resolution: {integrity: sha512-n7gwc7rU0GY/XcDnEV0piHPd76bHTSfuTjQW4qFKUWQji0UK9YUVKDFklqAWbyGlXPUezWCfxh79ELv2cFYOBA==}
 
   fsevents@2.3.2:
     resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
@@ -61,7 +61,7 @@ snapshots:
 
   '@anthropic-ai/sdk@0.52.0': {}
 
-  '@onkernel/sdk@0.3.0': {}
+  '@onkernel/sdk@0.5.0': {}
 
   fsevents@2.3.2:
     optional: true

From 8f447a4eb5234ba9b77fd5eb72ed348154837b15 Mon Sep 17 00:00:00 2001
From: Catherine Jue <catherine.djue@gmail.com>
Date: Mon, 9 Jun 2025 15:47:35 -0400
Subject: [PATCH 3/5] Update python captcha solver

---
 index.ts                                      | 10 +-
 templates/python/advanced-sample/README.md    |  6 +-
 templates/python/advanced-sample/main.py      | 99 +++++++------------
 .../python/advanced-sample/pyproject.toml     |  9 +-
 templates/python/advanced-sample/uv.lock      | 65 ++++++------
 templates/python/sample-app/main.py           | 53 ++++++++--
 .../typescript/advanced-sample/README.md      |  6 +-
 templates/typescript/advanced-sample/index.ts | 85 +++++++++-------
 templates/typescript/sample-app/index.ts      | 56 +++++++++--
 .../typescript/sample-app/pnpm-lock.yaml      | 61 ++++++++++++
 10 files changed, 284 insertions(+), 166 deletions(-)
 create mode 100644 templates/typescript/sample-app/pnpm-lock.yaml

diff --git a/index.ts b/index.ts
index 7d327db..40adb81 100644
--- a/index.ts
+++ b/index.ts
@@ -63,9 +63,9 @@ const TEMPLATES: Record<TemplateKey, TemplateInfo> = {
     languages: [LANGUAGE_TYPESCRIPT],
   },
   [TEMPLATE_ADVANCED_SAMPLE]: {
-    name: "Persistent Browser",
+    name: "Advanced Samples",
     description:
-      "Implements a persistent browser that maintains state across invocations",
+      "Implements sample actions with advanced Kernel configs",
     languages: [LANGUAGE_TYPESCRIPT, LANGUAGE_PYTHON],
   },
   [TEMPLATE_COMPUTER_USE]: {
@@ -85,7 +85,7 @@ const INVOKE_SAMPLES: Record<
     [TEMPLATE_STAGEHAND]:
       'kernel invoke ts-stagehand stagehand-task --payload \'{"query": "Best wired earbuds"}\'',
     [TEMPLATE_ADVANCED_SAMPLE]:
-      'kernel invoke ts-advanced create-persistent-browser',
+      'kernel invoke ts-advanced test-captcha-solver',
     [TEMPLATE_COMPUTER_USE]:
       'kernel invoke ts-cu cu-task --payload \'{"query": "Return the first url of a search result for NYC restaurant reviews Pete Wells"}\'',
   },
@@ -95,7 +95,7 @@ const INVOKE_SAMPLES: Record<
     [TEMPLATE_BROWSER_USE]:
       'kernel invoke python-bu bu-task --payload \'{"task": "Compare the price of gpt-4o and DeepSeek-V3"}\'',
     [TEMPLATE_ADVANCED_SAMPLE]:
-      'kernel invoke python-advanced create-persistent-browser',
+      'kernel invoke python-advanced test-captcha-solver',
     [TEMPLATE_COMPUTER_USE]:
       'kernel invoke python-cu cu-task --payload \'{"query": "Return the first url of a search result for NYC restaurant reviews Pete Wells"}\'',
   },
@@ -342,7 +342,7 @@ function printNextSteps(
       ? "kernel deploy index.ts --env OPENAI_API_KEY=XXX"
       : language === LANGUAGE_TYPESCRIPT && template === TEMPLATE_COMPUTER_USE
       ? "kernel deploy index.ts --env ANTHROPIC_API_KEY=XXX"
-      : language === LANGUAGE_PYTHON && template === TEMPLATE_SAMPLE_APP
+      : language === LANGUAGE_PYTHON && (template === TEMPLATE_SAMPLE_APP || template === TEMPLATE_ADVANCED_SAMPLE)
       ? "kernel deploy main.py"
       : language === LANGUAGE_PYTHON && template === TEMPLATE_BROWSER_USE
       ? "kernel deploy main.py --env OPENAI_API_KEY=XXX"
diff --git a/templates/python/advanced-sample/README.md b/templates/python/advanced-sample/README.md
index 7203efe..6e0efab 100644
--- a/templates/python/advanced-sample/README.md
+++ b/templates/python/advanced-sample/README.md
@@ -1,5 +1,3 @@
-# Kernel Python Persistent Browser Example
+# Kernel Python Advanced Sample App
 
-This is a simple Kernel application that shows how to use a persistent browser.
-
-The action reuses the same browser across invocations of the action, which lets it optimize for the case where the browser is already open and at the page of interest.
+This is a collection of Kernel actions that demonstrate how to use the Kernel SDK.
\ No newline at end of file
diff --git a/templates/python/advanced-sample/main.py b/templates/python/advanced-sample/main.py
index fe550a2..585c4e0 100644
--- a/templates/python/advanced-sample/main.py
+++ b/templates/python/advanced-sample/main.py
@@ -1,77 +1,54 @@
 import kernel
 from kernel import Kernel
 from playwright.async_api import async_playwright
-from typing import TypedDict
-from urllib.parse import urlparse
-from datetime import datetime
 
 client = Kernel()
-
-# Create a new Kernel app
 app = kernel.App("python-advanced")
 
-class PageTitleInput(TypedDict):
-    url: str
-
-class PageTitleOutput(TypedDict):
-    title: str
-    elapsed_ms: float
+"""
+Example showing Kernel's auto-CAPTCHA solver.
+Visit the live view url to see the Kernel browser auto-solve the CAPTCHA on the site.
 
-@app.action("get-page-title")
-async def get_page_title(ctx: kernel.KernelContext, input_data: PageTitleInput) -> PageTitleOutput:
-    """
-    A function that extracts the title of a webpage
+Args:
+    ctx: Kernel context containing invocation information
+Returns:
+    None
     
-    Args:
-        ctx: Kernel context containing invocation information
-        input_data: An object with a URL property
-        
-    Returns:
-        A dictionary containing the page title
-    """
-    url = input_data.get("url")
-    if not url or not isinstance(url, str):
-        raise ValueError("URL is required and must be a string")
-
-    # Add https:// if no protocol is present
-    if not url.startswith(('http://', 'https://')):
-        url = f"https://{url}"
-
-    # Validate the URL
-    try:
-        urlparse(url)
-    except Exception:
-        raise ValueError(f"Invalid URL: {url}")
-
-    # Create a browser instance using the context's invocation_id and a persistent id
+Invoke this via CLI:
+    export KERNEL_API_KEY=<your_api_key>
+    kernel deploy main.py  # If you haven't already deployed this app
+    kernel invoke py-advanced test_captcha_solver
+    kernel logs py-advanced -f  # Open in separate tab
+"""
+@app.action("test-captcha-solver")
+async def test_captcha_solver(ctx: kernel.KernelContext) -> None:
     kernel_browser = client.browsers.create(
-        invocation_id=ctx.invocation_id, 
-        persistence={"id": "my-awesome-advanced-sample-2"},
+        invocation_id=ctx.invocation_id,
         stealth=True,
+        persistence={"id": "captcha-solver"}
     )
-    print("Kernel browser live view url: ", kernel_browser.browser_live_view_url)
     
     async with async_playwright() as playwright:
         browser = await playwright.chromium.connect_over_cdp(kernel_browser.cdp_ws_url)
+        
+        # Get or create context and page
+        contexts = browser.contexts
+        context = contexts[0] if contexts else await browser.new_context()
+        pages = context.pages
+        page = pages[0] if pages else await context.new_page()
+        
+        # Access the live view. Retrieve this live_view_url from the Kernel logs in your CLI:
+        # export KERNEL_API_KEY=<Your API key>
+        # kernel logs py-advanced --follow
+        print("Kernel browser live view url: ", kernel_browser.browser_live_view_url)
+        
+        # Navigate to a site with a CAPTCHA
         try:
-            ####################################
-            # Your browser automation logic here
-            ####################################
-            now = datetime.now()
-            context = len(browser.contexts) > 0 and browser.contexts[0] or await browser.new_context()
-            page = len(context.pages) > 0 and context.pages[0] or await context.new_page()
-            current_url = page.url
-            print("Current url: ", current_url)
-            if current_url != url:
-                print("Not at url, navigating to it")
-                await page.goto(url)
-            else:
-                print("Already at url, skipping navigation")
-                # for some reason going straight to page.title() leads to an error: Page.title: Execution context was destroyed, most likely because of a navigation
-                # calling bring_to_front() seems to fix it :shrug:
-                await page.bring_to_front() 
-            title = await page.title()
-            elapsedMilliseconds = (datetime.now() - now).total_seconds() * 1000
-            return {"title": title, "elapsed_ms": elapsedMilliseconds}
-        finally:
-            await browser.close()
+            await page.wait_for_timeout(10000)  # Add a delay to give you time to visit the live view url
+            await page.goto("https://www.google.com/recaptcha/api2/demo")
+        except Exception as e:
+            print(f"Error during navigation: {e}")
+            raise
+        # Watch Kernel auto-solve the CAPTCHA!
+        await browser.close()
+
diff --git a/templates/python/advanced-sample/pyproject.toml b/templates/python/advanced-sample/pyproject.toml
index d02bb5c..d6562e9 100644
--- a/templates/python/advanced-sample/pyproject.toml
+++ b/templates/python/advanced-sample/pyproject.toml
@@ -1,10 +1,13 @@
 [project]
-name = "Kernel - Python Advanced Sample App"
+name = "kernel-python-advanced"
 version = "0.1.0"
-description = "Sample application implements advanced Kernel configs"
+description = "Sample application implementing advanced Kernel configs"
 readme = "README.md"
 requires-python = ">=3.11"
-dependencies = ["kernel>=0.5.0", "playwright>=1.52.0"]
+dependencies = [
+    "kernel>=0.5.0",
+    "playwright>=1.52.0"
+]
 
 [dependency-groups]
 dev = ["mypy>=1.15.0"]
diff --git a/templates/python/advanced-sample/uv.lock b/templates/python/advanced-sample/uv.lock
index e7339b6..54fedcb 100644
--- a/templates/python/advanced-sample/uv.lock
+++ b/templates/python/advanced-sample/uv.lock
@@ -110,17 +110,18 @@ wheels = [
 
 [[package]]
 name = "httpx"
-version = "0.28.1"
+version = "0.27.2"
 source = { registry = "https://pypi.org/simple" }
 dependencies = [
     { name = "anyio" },
     { name = "certifi" },
     { name = "httpcore" },
     { name = "idna" },
+    { name = "sniffio" },
 ]
-sdist = { url = "https://files.pythonhosted.org/packages/b1/df/48c586a5fe32a0f01324ee087459e112ebb7224f646c0b5023f5e79e9956/httpx-0.28.1.tar.gz", hash = "sha256:75e98c5f16b0f35b567856f597f06ff2270a374470a5c2392242528e3e3e42fc", size = 141406 }
+sdist = { url = "https://files.pythonhosted.org/packages/78/82/08f8c936781f67d9e6b9eeb8a0c8b4e406136ea4c3d1f89a5db71d42e0e6/httpx-0.27.2.tar.gz", hash = "sha256:f7c2be1d2f3c3c3160d441802406b206c2b76f5947b11115e6df10c6c65e66c2", size = 144189 }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/2a/39/e50c7c3a983047577ee07d2a9e53faf5a69493943ec3f6a384bdc792deb2/httpx-0.28.1-py3-none-any.whl", hash = "sha256:d909fcccc110f8c7faf814ca82a9a4d816bc5a6dbfea25d6591d6985b8ba59ad", size = 73517 },
+    { url = "https://files.pythonhosted.org/packages/56/95/9377bcb415797e44274b51d46e3249eba641711cf3348050f76ee7b15ffc/httpx-0.27.2-py3-none-any.whl", hash = "sha256:7bb2708e112d8fdd7829cd4243970f0c223274051cb35ee80c03301ee29a3df0", size = 76395 },
 ]
 
 [[package]]
@@ -134,7 +135,7 @@ wheels = [
 
 [[package]]
 name = "kernel"
-version = "0.3.0"
+version = "0.5.0"
 source = { registry = "https://pypi.org/simple" }
 dependencies = [
     { name = "anyio" },
@@ -144,11 +145,34 @@ dependencies = [
     { name = "sniffio" },
     { name = "typing-extensions" },
 ]
-sdist = { url = "https://files.pythonhosted.org/packages/f1/e2/2515aeed52d12429db04c451c6eb2bd7bea67aad7e4593f2f551dbaec166/kernel-0.3.0.tar.gz", hash = "sha256:8203ef1a046b9d04973b1a80957a40dc2a6df3e093e4c7cb67e77a453be3edeb", size = 98063 }
+sdist = { url = "https://files.pythonhosted.org/packages/43/e4/e41de86678fc2e888adb8b9e3dc541833651e70f3d586f2d04a8643a4522/kernel-0.5.0.tar.gz", hash = "sha256:2c088a4c36048114d8671d96b21d282145d17d95b94f8ecf9c47b90c2058dd6d", size = 103150 }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/5d/c4/ee591dd0e0c3f280cb6763e5a9bd643fb611d6b8f7951d0b3aebb462137e/kernel-0.3.0-py3-none-any.whl", hash = "sha256:30ed748a1097dea2606d43b09ae4989ae3b6869219d18c069838ef5ff0d29f27", size = 86219 },
+    { url = "https://files.pythonhosted.org/packages/0e/72/e5549268462122950ffab9c0d7234199f7a799680b6e9b29eb407a5b5a54/kernel-0.5.0-py3-none-any.whl", hash = "sha256:0de429b686397185644bd6dda0c4bdf3d2bebb1b9fcd0407fcd299002d6011b8", size = 88114 },
+]
+
+[[package]]
+name = "kernel-python-advanced"
+version = "0.1.0"
+source = { virtual = "." }
+dependencies = [
+    { name = "kernel" },
+    { name = "playwright" },
+]
+
+[package.dev-dependencies]
+dev = [
+    { name = "mypy" },
 ]
 
+[package.metadata]
+requires-dist = [
+    { name = "kernel", specifier = ">=0.5.0" },
+    { name = "playwright", specifier = ">=1.52.0" },
+]
+
+[package.metadata.requires-dev]
+dev = [{ name = "mypy", specifier = ">=1.15.0" }]
+
 [[package]]
 name = "mypy"
 version = "1.15.0"
@@ -210,7 +234,7 @@ wheels = [
 
 [[package]]
 name = "pydantic"
-version = "2.11.4"
+version = "2.11.5"
 source = { registry = "https://pypi.org/simple" }
 dependencies = [
     { name = "annotated-types" },
@@ -218,9 +242,9 @@ dependencies = [
     { name = "typing-extensions" },
     { name = "typing-inspection" },
 ]
-sdist = { url = "https://files.pythonhosted.org/packages/77/ab/5250d56ad03884ab5efd07f734203943c8a8ab40d551e208af81d0257bf2/pydantic-2.11.4.tar.gz", hash = "sha256:32738d19d63a226a52eed76645a98ee07c1f410ee41d93b4afbfa85ed8111c2d", size = 786540 }
+sdist = { url = "https://files.pythonhosted.org/packages/f0/86/8ce9040065e8f924d642c58e4a344e33163a07f6b57f836d0d734e0ad3fb/pydantic-2.11.5.tar.gz", hash = "sha256:7f853db3d0ce78ce8bbb148c401c2cdd6431b3473c0cdff2755c7690952a7b7a", size = 787102 }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/e7/12/46b65f3534d099349e38ef6ec98b1a5a81f42536d17e0ba382c28c67ba67/pydantic-2.11.4-py3-none-any.whl", hash = "sha256:d9615eaa9ac5a063471da949c8fc16376a84afb5024688b3ff885693506764eb", size = 443900 },
+    { url = "https://files.pythonhosted.org/packages/b5/69/831ed22b38ff9b4b64b66569f0e5b7b97cf3638346eb95a2147fdb49ad5f/pydantic-2.11.5-py3-none-any.whl", hash = "sha256:f9c26ba06f9747749ca1e5c94d6a85cb84254577553c8785576fd38fa64dc0f7", size = 444229 },
 ]
 
 [[package]]
@@ -300,29 +324,6 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/9b/4d/b9add7c84060d4c1906abe9a7e5359f2a60f7a9a4f67268b2766673427d8/pyee-13.0.0-py3-none-any.whl", hash = "sha256:48195a3cddb3b1515ce0695ed76036b5ccc2ef3a9f963ff9f77aec0139845498", size = 15730 },
 ]
 
-[[package]]
-name = "python-basic"
-version = "0.1.0"
-source = { virtual = "." }
-dependencies = [
-    { name = "kernel" },
-    { name = "playwright" },
-]
-
-[package.dev-dependencies]
-dev = [
-    { name = "mypy" },
-]
-
-[package.metadata]
-requires-dist = [
-    { name = "kernel", specifier = "==0.3.0" },
-    { name = "playwright", specifier = ">=1.52.0" },
-]
-
-[package.metadata.requires-dev]
-dev = [{ name = "mypy", specifier = ">=1.15.0" }]
-
 [[package]]
 name = "sniffio"
 version = "1.3.1"
diff --git a/templates/python/sample-app/main.py b/templates/python/sample-app/main.py
index 8f8c4c9..e27a4c0 100644
--- a/templates/python/sample-app/main.py
+++ b/templates/python/sample-app/main.py
@@ -9,6 +9,19 @@
 # Create a new Kernel app
 app = kernel.App("python-basic")
 
+"""
+Example app that extracts the title of a webpage
+Args:
+    ctx: Kernel context containing invocation information
+    payload: An object with a URL property
+Returns:
+    A dictionary containing the page title
+Invoke this via CLI:
+    export KERNEL_API_KEY=<your_api_key>
+    kernel deploy main.py # If you haven't already deployed this app
+    kernel invoke python-basic get-page-title -p '{"url": "https://www.google.com"}'
+    kernel logs python-basic -f # Open in separate tab
+"""
 class PageTitleInput(TypedDict):
     url: str
 
@@ -17,16 +30,6 @@ class PageTitleOutput(TypedDict):
 
 @app.action("get-page-title")
 async def get_page_title(ctx: kernel.KernelContext, input_data: PageTitleInput) -> PageTitleOutput:
-    """
-    A function that extracts the title of a webpage
-    
-    Args:
-        ctx: Kernel context containing invocation information
-        input_data: An object with a URL property
-        
-    Returns:
-        A dictionary containing the page title
-    """
     url = input_data.get("url")
     if not url or not isinstance(url, str):
         raise ValueError("URL is required and must be a string")
@@ -60,3 +63,33 @@ async def get_page_title(ctx: kernel.KernelContext, input_data: PageTitleInput)
             return {"title": title}
         finally:
             await browser.close()
+
+
+"""
+Example app that instantiates a persisted Kernel browser that can be reused across invocations
+Invoke this action to test Kernel browsers manually with our browser live view
+https://docs.onkernel.com/launch/browser-persistence
+Args:
+    ctx: Kernel context containing invocation information
+Returns:
+    A dictionary containing the browser live view url
+Invoke this via CLI:
+    export KERNEL_API_KEY=<your_api_key>
+    kernel deploy main.py # If you haven't already deployed this app
+    kernel invoke python-basic create-persisted-browser
+    kernel logs python-basic -f # Open in separate tab
+"""
+class CreatePersistedBrowserOutput(TypedDict):
+    browser_live_view_url: str
+
+@app.action("create-persisted-browser")
+async def create_persisted_browser(ctx: kernel.KernelContext) -> CreatePersistedBrowserOutput:
+    kernel_browser = client.browsers.create(
+        invocation_id=ctx.invocation_id,
+        persistence={"id": "persisted-browser"},
+        stealth=True, # Turns on residential proxy & auto-CAPTCHA solver
+    )
+
+    return {
+      "browser_live_view_url": kernel_browser.browser_live_view_url,
+    }
\ No newline at end of file
diff --git a/templates/typescript/advanced-sample/README.md b/templates/typescript/advanced-sample/README.md
index b87a56e..b5baa09 100644
--- a/templates/typescript/advanced-sample/README.md
+++ b/templates/typescript/advanced-sample/README.md
@@ -1,5 +1,3 @@
-# Kernel Typscript Persistent Browser Example
+# Kernel Typescript Advanced Sample App
 
-This is a simple Kernel application that extracts the title from a webpage, but uses a persistent browser to avoid navigations on subsequent invocations.
-
-See the [docs](https://docs.onkernel.com/quickstart) for information.
+This is a collection of Kernel actions that demonstrate how to use the Kernel SDK.
diff --git a/templates/typescript/advanced-sample/index.ts b/templates/typescript/advanced-sample/index.ts
index ce6e370..a86df7d 100644
--- a/templates/typescript/advanced-sample/index.ts
+++ b/templates/typescript/advanced-sample/index.ts
@@ -6,37 +6,29 @@ const kernel = new Kernel();
 
 const app = kernel.app("ts-advanced");
 
-/**
- * Example app thatnstantiates a persisted Kernel browser that can be reused across invocations
- * Use this to test Kernel browsers manually with our browser live view
- * https://docs.onkernel.com/launch/browser-persistence
- */
-app.action("create-persisted-browser",
-  async (ctx: KernelContext): Promise<{ browser_live_view_url: string }> => {
-
-    const kernelBrowser = await kernel.browsers.create({
-      invocation_id: ctx.invocation_id,
-      persistence: {
-        id: "persisted-browser",
-      },
-      stealth: true, // Turns on residential proxy & auto-CAPTCHA solver
-    });
-
-    return {
-      browser_live_view_url: kernelBrowser.browser_live_view_url,
-    };
-  }
-);
-
 /**
  * Example showing Kernel's auto-CAPTCHA solver
  * Visit the live view url to see the Kernel browser auto-solve the CAPTCHA on the site
+ * 
+ * Args:
+ *     ctx: Kernel context containing invocation information
+ * Returns:
+ *     None
+ * 
+ * Invoke this via CLI:
+ *  export KERNEL_API_KEY=<your_api_key>
+ *  kernel deploy index.ts # If you haven't already deployed this app
+ *  kernel invoke ts-advanced test-captcha-solver
+ *  kernel logs ts-advanced -f # Open in separate tab
  */
 app.action("test-captcha-solver", async(ctx: KernelContext): Promise<void> => {
 
   const kernelBrowser = await kernel.browsers.create({
     invocation_id: ctx.invocation_id,
     stealth: true,
+    persistence: {
+      id: "captcha-solver",
+    },
   });
   const browser = await chromium.connectOverCDP(kernelBrowser.cdp_ws_url);
 
@@ -50,9 +42,8 @@ app.action("test-captcha-solver", async(ctx: KernelContext): Promise<void> => {
   const page = await context.pages()[0] || (await context.newPage());
   await page.waitForTimeout(10000); // Add a delay to give you time to visit the live view url
   await page.goto("https://www.google.com/recaptcha/api2/demo");
-
-
   // Watch Kernel auto-solve the CAPTCHA!
+  await browser.close();
 });
 
 /** Human in the loop example
@@ -62,6 +53,17 @@ app.action("test-captcha-solver", async(ctx: KernelContext): Promise<void> => {
  * 1. Navigate to a grocery store website
  * 2. Auto-fill a shopping cart
  * 3. Provide the live view url to the user to complete the checkout
+ * 
+ * Args:
+ *     ctx: Kernel context containing invocation information
+ * Returns:
+ *     A dictionary containing the browser live view url
+ * 
+ * Invoke this via CLI:
+ *  export KERNEL_API_KEY=<your_api_key>
+ *  kernel deploy index.ts # If you haven't already deployed this app
+ *  kernel invoke ts-advanced human-in-the-loop-sample
+ *  kernel logs ts-advanced -f # Open in separate tab
  */
 app.action("human-in-the-loop-sample", async (ctx: KernelContext): Promise<{ browser_live_view_url: string }> => {
   const kernelBrowser = await kernel.browsers.create({
@@ -95,17 +97,26 @@ app.action("human-in-the-loop-sample", async (ctx: KernelContext): Promise<{ bro
 });
 
 /** Auth example
- * We'll use Computer Use to check for upcoming Target deliveries,
- * This example auto-logs in on behalf of the user.
- * Provide the user's credentials as payload variables when invoking the app:
- * kernel deploy index.ts -e ANTHROPIC_API_KEY=<your_api_key>
- * kernel invoke ts-cu auth-sample -p '{"query": 
- * "If I have an upcoming delivery, return the delivery date.
- * If not, return No upcoming deliveries.",
- * "website": "goodeggs.com",
- * "auth": {"username": "your_username", "password": "your_password"}}'
- * We'll also use a persisted browser: the second time you run this action, the previous browser will restored and
- * the user will already be logged in
+ * Implements Anthropic Computer Use to to perform a task on behalf of the user 
+ * with their credentials. This example automatically logs in with the provided credentials.
+ * We'll also use a persisted browser: the second time you run this action, the previous
+ * browser will restored and the user will already be logged in.
+ * 
+ * Args:
+ *     ctx: Kernel context containing invocation information
+ *     payload: An object with a query, website, and auth object
+ * Returns:
+ *     A dictionary containing the result of the task
+ * 
+ * Invoke this via CLI:
+ *  export KERNEL_API_KEY=<your_api_key>
+ *  kernel deploy index.ts -e ANTHROPIC_API_KEY=<your_anthropic_api_key> # If you haven't already deployed this app
+ *  kernel invoke ts-advanced auth-sample -p '{"query": 
+ *    "If I have an upcoming delivery, return the delivery date.
+ *    If not, return No upcoming deliveries.",
+ *    "website": "goodeggs.com",
+ *    "auth": {"username": "your_username", "password": "your_password"}}'
+ *  kernel logs ts-advanced -f # Open in separate tab
  */
 interface AuthSampleInput {
   query: string;
@@ -148,10 +159,8 @@ app.action("auth-sample", async (ctx: KernelContext, payload?: AuthSampleInput):
     </Sensitive>
   `;
 
-  console.log("Prompt: ", prompt);
-
   try {
-    // Run the sampling loop
+    // Run the Computer Use sampling loop
     const finalMessages = await computerUseLoop({
       model: 'claude-sonnet-4-20250514',
       messages: [{
diff --git a/templates/typescript/sample-app/index.ts b/templates/typescript/sample-app/index.ts
index 007b661..30b9688 100644
--- a/templates/typescript/sample-app/index.ts
+++ b/templates/typescript/sample-app/index.ts
@@ -5,6 +5,19 @@ const kernel = new Kernel();
 
 const app = kernel.app('ts-basic');
 
+/**
+ * Example app that extracts the title of a webpage
+ * Args:
+ *     ctx: Kernel context containing invocation information
+ *     payload: An object with a URL property
+ * Returns:
+ *     A dictionary containing the page title
+ * Invoke this via CLI:
+ *  export KERNEL_API_KEY=<your_api_key>
+ *  kernel deploy index.ts # If you haven't already deployed this app
+ *  kernel invoke ts-basic get-page-title -p '{"url": "https://www.google.com"}'
+ *  kernel logs ts-basic -f # Open in separate tab
+ */
 interface PageTitleInput {
   url: string;
 }
@@ -12,18 +25,9 @@ interface PageTitleInput {
 interface PageTitleOutput {
   title: string;
 }
-
 app.action<PageTitleInput, PageTitleOutput>(
   'get-page-title',
   async (ctx: KernelContext, payload?: PageTitleInput): Promise<PageTitleOutput> => {
-    // A function that extracts the title of a webpage
-
-    // Args:
-    //     ctx: Kernel context containing invocation information
-    //     payload: An object with a URL property
-
-    // Returns:
-    //     A dictionary containing the page title
     if (!payload?.url) {
       throw new Error('URL is required');
     }
@@ -61,3 +65,37 @@ app.action<PageTitleInput, PageTitleOutput>(
     }
   },
 );
+
+/**
+ * Example app that instantiates a persisted Kernel browser that can be reused across invocations
+ * Invoke this action to test Kernel browsers manually with our browser live view
+ * https://docs.onkernel.com/launch/browser-persistence
+ * Args:
+ *     ctx: Kernel context containing invocation information
+ * Returns:
+ *     A dictionary containing the browser live view url
+ * Invoke this via CLI:
+ *  export KERNEL_API_KEY=<your_api_key>
+ *  kernel deploy index.ts # If you haven't already deployed this app
+ *  kernel invoke ts-basic create-persisted-browser
+ *  kernel logs ts-basic -f # Open in separate tab
+ */
+interface CreatePersistedBrowserOutput {
+  browser_live_view_url: string;
+}
+app.action("create-persisted-browser",
+  async (ctx: KernelContext): Promise<CreatePersistedBrowserOutput> => {
+
+    const kernelBrowser = await kernel.browsers.create({
+      invocation_id: ctx.invocation_id,
+      persistence: {
+        id: "persisted-browser",
+      },
+      stealth: true, // Turns on residential proxy & auto-CAPTCHA solver
+    });
+
+    return {
+      browser_live_view_url: kernelBrowser.browser_live_view_url,
+    };
+  }
+);
\ No newline at end of file
diff --git a/templates/typescript/sample-app/pnpm-lock.yaml b/templates/typescript/sample-app/pnpm-lock.yaml
new file mode 100644
index 0000000..a69bdd0
--- /dev/null
+++ b/templates/typescript/sample-app/pnpm-lock.yaml
@@ -0,0 +1,61 @@
+lockfileVersion: '9.0'
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
+
+importers:
+
+  .:
+    dependencies:
+      '@onkernel/sdk':
+        specifier: '>=0.5.0'
+        version: 0.5.0
+      playwright:
+        specifier: ^1.52.0
+        version: 1.52.0
+      typescript:
+        specifier: ^5
+        version: 5.8.3
+
+packages:
+
+  '@onkernel/sdk@0.5.0':
+    resolution: {integrity: sha512-n7gwc7rU0GY/XcDnEV0piHPd76bHTSfuTjQW4qFKUWQji0UK9YUVKDFklqAWbyGlXPUezWCfxh79ELv2cFYOBA==}
+
+  fsevents@2.3.2:
+    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
+  playwright-core@1.52.0:
+    resolution: {integrity: sha512-l2osTgLXSMeuLZOML9qYODUQoPPnUsKsb5/P6LJ2e6uPKXUdPK5WYhN4z03G+YNbWmGDY4YENauNu4ZKczreHg==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  playwright@1.52.0:
+    resolution: {integrity: sha512-JAwMNMBlxJ2oD1kce4KPtMkDeKGHQstdpFPcPH3maElAXon/QZeTvtsfXmTMRyO9TslfoYOXkSsvao2nE1ilTw==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  typescript@5.8.3:
+    resolution: {integrity: sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
+snapshots:
+
+  '@onkernel/sdk@0.5.0': {}
+
+  fsevents@2.3.2:
+    optional: true
+
+  playwright-core@1.52.0: {}
+
+  playwright@1.52.0:
+    dependencies:
+      playwright-core: 1.52.0
+    optionalDependencies:
+      fsevents: 2.3.2
+
+  typescript@5.8.3: {}

From 4e49a83103260629c877be734e5bfd1e3dfc7a2e Mon Sep 17 00:00:00 2001
From: Catherine Jue <catherine.djue@gmail.com>
Date: Mon, 9 Jun 2025 15:49:12 -0400
Subject: [PATCH 4/5] Remove

---
 templates/typescript/advanced-sample/index.ts | 50 -------------------
 1 file changed, 50 deletions(-)

diff --git a/templates/typescript/advanced-sample/index.ts b/templates/typescript/advanced-sample/index.ts
index a86df7d..b3424e3 100644
--- a/templates/typescript/advanced-sample/index.ts
+++ b/templates/typescript/advanced-sample/index.ts
@@ -46,56 +46,6 @@ app.action("test-captcha-solver", async(ctx: KernelContext): Promise<void> => {
   await browser.close();
 });
 
-/** Human in the loop example
- * We'll automate a grocery shopping task using Playwright,
- * then pass the browser to the user to complete the checkout.
- * 
- * 1. Navigate to a grocery store website
- * 2. Auto-fill a shopping cart
- * 3. Provide the live view url to the user to complete the checkout
- * 
- * Args:
- *     ctx: Kernel context containing invocation information
- * Returns:
- *     A dictionary containing the browser live view url
- * 
- * Invoke this via CLI:
- *  export KERNEL_API_KEY=<your_api_key>
- *  kernel deploy index.ts # If you haven't already deployed this app
- *  kernel invoke ts-advanced human-in-the-loop-sample
- *  kernel logs ts-advanced -f # Open in separate tab
- */
-app.action("human-in-the-loop-sample", async (ctx: KernelContext): Promise<{ browser_live_view_url: string }> => {
-  const kernelBrowser = await kernel.browsers.create({
-    invocation_id: ctx.invocation_id,
-    persistence: {
-      id: "hitl-browser",
-    },
-  });
-  const browser = await chromium.connectOverCDP(kernelBrowser.cdp_ws_url);
-  const context = await browser.contexts()[0] || (await browser.newContext());
-  const page = await context.pages()[0] || (await context.newPage());
-
-  // Navigate to the grocery store website
-  await page.goto("https://www.goodeggs.com/search?q=salmon");
-  await page.waitForTimeout(5000);
-  // Click on the first product available
-  await page.click('.product-tile:first-child');
-  await page.waitForTimeout(3000);
-  // Add salmon to the cart
-  // Select two to meet the minimum order requirement
-  await page.selectOption('select[data-testid="choice-select__select"]', '2');
-  await page.waitForTimeout(3000);
-  await page.click('button.btn.primary.save');
-  await page.waitForTimeout(5000);
-  // Go to the car
-  await page.goto("https://www.goodeggs.com/basket");
-  // Return the live view url so it can be presented to the user to complete the checkot
-  return {
-    browser_live_view_url: kernelBrowser.browser_live_view_url,
-  }
-});
-
 /** Auth example
  * Implements Anthropic Computer Use to to perform a task on behalf of the user 
  * with their credentials. This example automatically logs in with the provided credentials.

From a78ce00aea01f159935a0d7a0693804c28582c6e Mon Sep 17 00:00:00 2001
From: Catherine Jue <catherine.djue@gmail.com>
Date: Mon, 9 Jun 2025 15:57:00 -0400
Subject: [PATCH 5/5] remove

---
 .../typescript/advanced-sample/cu/loop.ts     | 193 --------------
 .../advanced-sample/cu/tools/collection.ts    |  61 -----
 .../advanced-sample/cu/tools/computer.ts      | 242 ------------------
 .../cu/tools/types/computer.ts                |  64 -----
 .../cu/tools/utils/keyboard.ts                |  82 ------
 .../cu/tools/utils/validator.ts               |  67 -----
 .../advanced-sample/cu/types/beta.ts          |  58 -----
 .../cu/utils/message-processing.ts            |  79 ------
 .../advanced-sample/cu/utils/tool-results.ts  |  49 ----
 templates/typescript/advanced-sample/index.ts | 102 --------
 .../typescript/advanced-sample/package.json   |   4 +-
 .../typescript/advanced-sample/pnpm-lock.yaml |  18 --
 12 files changed, 1 insertion(+), 1018 deletions(-)
 delete mode 100644 templates/typescript/advanced-sample/cu/loop.ts
 delete mode 100644 templates/typescript/advanced-sample/cu/tools/collection.ts
 delete mode 100644 templates/typescript/advanced-sample/cu/tools/computer.ts
 delete mode 100644 templates/typescript/advanced-sample/cu/tools/types/computer.ts
 delete mode 100644 templates/typescript/advanced-sample/cu/tools/utils/keyboard.ts
 delete mode 100644 templates/typescript/advanced-sample/cu/tools/utils/validator.ts
 delete mode 100644 templates/typescript/advanced-sample/cu/types/beta.ts
 delete mode 100644 templates/typescript/advanced-sample/cu/utils/message-processing.ts
 delete mode 100644 templates/typescript/advanced-sample/cu/utils/tool-results.ts

diff --git a/templates/typescript/advanced-sample/cu/loop.ts b/templates/typescript/advanced-sample/cu/loop.ts
deleted file mode 100644
index 88a70f0..0000000
--- a/templates/typescript/advanced-sample/cu/loop.ts
+++ /dev/null
@@ -1,193 +0,0 @@
-import { Anthropic } from '@anthropic-ai/sdk';
-import { DateTime } from 'luxon';
-import type { Page } from 'playwright';
-import type { BetaMessageParam, BetaTextBlock } from './types/beta';
-import { ToolCollection, DEFAULT_TOOL_VERSION, TOOL_GROUPS_BY_VERSION, type ToolVersion } from './tools/collection';
-import { responseToParams, maybeFilterToNMostRecentImages, injectPromptCaching, PROMPT_CACHING_BETA_FLAG } from './utils/message-processing';
-import { makeApiToolResult } from './utils/tool-results';
-import { ComputerTool20241022, ComputerTool20250124 } from './tools/computer';
-import type { ActionParams } from './tools/types/computer';
-import { Action } from './tools/types/computer';
-
-// System prompt optimized for the environment
-const SYSTEM_PROMPT = `<SYSTEM_CAPABILITY>
-* You are utilising an Ubuntu virtual machine using ${process.arch} architecture with internet access.
-* When you connect to the display, CHROMIUM IS ALREADY OPEN. The url bar is not visible but it is there.
-* If you need to navigate to a new page, use ctrl+l to focus the url bar and then enter the url.
-* You won't be able  to see the url bar from the screenshot but ctrl-l still works.
-* When viewing a page it can be helpful to zoom out so that you can see everything on the page.
-* Either that, or make sure you scroll down to see everything before deciding something isn't available.
-* When using your computer function calls, they take a while to run and send back to you.
-* Where possible/feasible, try to chain multiple of these calls all into one function calls request.
-* The current date is ${DateTime.now().toFormat('EEEE, MMMM d, yyyy')}.
-* After each step, take a screenshot and carefully evaluate if you have achieved the right outcome.
-* Explicitly show your thinking: "I have evaluated step X..." If not correct, try again.
-* Only when you confirm a step was executed correctly should you move on to the next one.
-</SYSTEM_CAPABILITY>
-
-<IMPORTANT>
-* When using Chromium, if a startup wizard appears, IGNORE IT. Do not even click "skip this step".
-* Instead, click on the search bar on the center of the screen where it says "Search or enter address", and enter the appropriate search term or URL there.
-</IMPORTANT>`;
-
-// Add new type definitions
-interface ThinkingConfig {
-  type: 'enabled';
-  budget_tokens: number;
-}
-
-interface ExtraBodyConfig {
-  thinking?: ThinkingConfig;
-}
-
-interface ToolUseInput extends Record<string, unknown> {
-  action: Action;
-}
-
-export async function computerUseLoop({
-  model,
-  systemPromptSuffix,
-  messages,
-  apiKey,
-  onlyNMostRecentImages,
-  maxTokens = 4096,
-  toolVersion,
-  thinkingBudget,
-  tokenEfficientToolsBeta = false,
-  playwrightPage,
-}: {
-  model: string;
-  systemPromptSuffix?: string;
-  messages: BetaMessageParam[];
-  apiKey: string;
-  onlyNMostRecentImages?: number;
-  maxTokens?: number;
-  toolVersion?: ToolVersion;
-  thinkingBudget?: number;
-  tokenEfficientToolsBeta?: boolean;
-  playwrightPage: Page;
-}): Promise<BetaMessageParam[]> {
-  const selectedVersion = toolVersion || DEFAULT_TOOL_VERSION;
-  const toolGroup = TOOL_GROUPS_BY_VERSION[selectedVersion];
-  const toolCollection = new ToolCollection(...toolGroup.tools.map((Tool: typeof ComputerTool20241022 | typeof ComputerTool20250124) => new Tool(playwrightPage)));
-  
-  const system: BetaTextBlock = {
-    type: 'text',
-    text: `${SYSTEM_PROMPT}${systemPromptSuffix ? ' ' + systemPromptSuffix : ''}`,
-  };
-
-  while (true) {
-    const betas: string[] = toolGroup.beta_flag ? [toolGroup.beta_flag] : [];
-    
-    if (tokenEfficientToolsBeta) {
-      betas.push('token-efficient-tools-2025-02-19');
-    }
-
-    let imageTruncationThreshold = onlyNMostRecentImages || 0;
-
-    const client = new Anthropic({ apiKey, maxRetries: 4 });
-    const enablePromptCaching = true;
-    
-    if (enablePromptCaching) {
-      betas.push(PROMPT_CACHING_BETA_FLAG);
-      injectPromptCaching(messages);
-      onlyNMostRecentImages = 0;
-      (system as BetaTextBlock).cache_control = { type: 'ephemeral' };
-    }
-
-    if (onlyNMostRecentImages) {
-      maybeFilterToNMostRecentImages(
-        messages,
-        onlyNMostRecentImages,
-        imageTruncationThreshold
-      );
-    }
-
-    const extraBody: ExtraBodyConfig = {};
-    if (thinkingBudget) {
-      extraBody.thinking = { type: 'enabled', budget_tokens: thinkingBudget };
-    }
-
-    const toolParams = toolCollection.toParams();
-
-    const response = await client.beta.messages.create({
-      max_tokens: maxTokens,
-      messages,
-      model,
-      system: [system],
-      tools: toolParams,
-      betas,
-      ...extraBody,
-    });
-
-    const responseParams = responseToParams(response);
-    
-    const loggableContent = responseParams.map(block => {
-      if (block.type === 'tool_use') {
-        return {
-          type: 'tool_use',
-          name: block.name,
-          input: block.input
-        };
-      }
-      return block;
-    });
-    console.log('=== LLM RESPONSE ===');
-    console.log('Stop reason:', response.stop_reason);
-    console.log(loggableContent);
-    console.log("===")
-    
-    messages.push({
-      role: 'assistant',
-      content: responseParams,
-    });
-
-    if (response.stop_reason === 'end_turn') {
-      console.log('LLM has completed its task, ending loop');
-      return messages;
-    }
-
-    const toolResultContent = [];
-    let hasToolUse = false;
-    
-    for (const contentBlock of responseParams) {
-      if (contentBlock.type === 'tool_use' && contentBlock.name && contentBlock.input && typeof contentBlock.input === 'object') {
-        const input = contentBlock.input as ToolUseInput;
-        if ('action' in input && typeof input.action === 'string') {
-          hasToolUse = true;
-          const toolInput: ActionParams = {
-            action: input.action as Action,
-            ...Object.fromEntries(
-              Object.entries(input).filter(([key]) => key !== 'action')
-            )
-          };
-          
-          try {
-            const result = await toolCollection.run(
-              contentBlock.name,
-              toolInput
-            );
-
-            const toolResult = makeApiToolResult(result, contentBlock.id!);
-            toolResultContent.push(toolResult);
-          } catch (error) {
-            console.error(error);
-            throw error;
-          }
-        }
-      }
-    }
-
-    if (toolResultContent.length === 0 && !hasToolUse && response.stop_reason !== 'tool_use') {
-      console.log('No tool use or results, and not waiting for tool use, ending loop');
-      return messages;
-    }
-
-    if (toolResultContent.length > 0) {
-      messages.push({
-        role: 'user',
-        content: toolResultContent,
-      });
-    }
-  }
-}
diff --git a/templates/typescript/advanced-sample/cu/tools/collection.ts b/templates/typescript/advanced-sample/cu/tools/collection.ts
deleted file mode 100644
index 45f3afe..0000000
--- a/templates/typescript/advanced-sample/cu/tools/collection.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import { ComputerTool20241022, ComputerTool20250124 } from './computer';
-import { Action } from './types/computer';
-import type { ActionParams, ToolResult } from './types/computer';
-
-export type ToolVersion = 'computer_use_20250124' | 'computer_use_20241022' | 'computer_use_20250429';
-
-export const DEFAULT_TOOL_VERSION: ToolVersion = 'computer_use_20250429';
-
-interface ToolGroup {
-  readonly version: ToolVersion;
-  readonly tools: (typeof ComputerTool20241022 | typeof ComputerTool20250124)[];
-  readonly beta_flag: string;
-}
-
-export const TOOL_GROUPS: ToolGroup[] = [
-  {
-    version: 'computer_use_20241022',
-    tools: [ComputerTool20241022],
-    beta_flag: 'computer-use-2024-10-22',
-  },
-  {
-    version: 'computer_use_20250124',
-    tools: [ComputerTool20250124],
-    beta_flag: 'computer-use-2025-01-24',
-  },
-  // 20250429 version inherits from 20250124
-  {
-    version: 'computer_use_20250429',
-    tools: [ComputerTool20250124],
-    beta_flag: 'computer-use-2025-01-24',
-  },
-];
-
-export const TOOL_GROUPS_BY_VERSION: Record<ToolVersion, ToolGroup> = Object.fromEntries(
-  TOOL_GROUPS.map(group => [group.version, group])
-) as Record<ToolVersion, ToolGroup>;
-
-export class ToolCollection {
-  private tools: Map<string, ComputerTool20241022 | ComputerTool20250124>;
-
-  constructor(...tools: (ComputerTool20241022 | ComputerTool20250124)[]) {
-    this.tools = new Map(tools.map(tool => [tool.name, tool]));
-  }
-
-  toParams(): ActionParams[] {
-    return Array.from(this.tools.values()).map(tool => tool.toParams());
-  }
-
-  async run(name: string, toolInput: { action: Action } & Record<string, ActionParams>): Promise<ToolResult> {
-    const tool = this.tools.get(name);
-    if (!tool) {
-      throw new Error(`Tool ${name} not found`);
-    }
-
-    if (!Object.values(Action).includes(toolInput.action)) {
-      throw new Error(`Invalid action ${toolInput.action} for tool ${name}`);
-    }
-
-    return await tool.call(toolInput);
-  }
-} 
\ No newline at end of file
diff --git a/templates/typescript/advanced-sample/cu/tools/computer.ts b/templates/typescript/advanced-sample/cu/tools/computer.ts
deleted file mode 100644
index 126775f..0000000
--- a/templates/typescript/advanced-sample/cu/tools/computer.ts
+++ /dev/null
@@ -1,242 +0,0 @@
-import type { Page } from 'playwright';
-import { Action, ToolError } from './types/computer';
-import type { ActionParams, BaseAnthropicTool, ToolResult } from './types/computer';
-import { KeyboardUtils } from './utils/keyboard';
-import { ActionValidator } from './utils/validator';
-
-const TYPING_DELAY_MS = 12;
-
-export class ComputerTool implements BaseAnthropicTool {
-  name: 'computer' = 'computer';
-  protected page: Page;
-  protected _screenshotDelay = 2.0;
-  protected version: '20241022' | '20250124';
-
-  private readonly mouseActions = new Set([
-    Action.LEFT_CLICK,
-    Action.RIGHT_CLICK,
-    Action.MIDDLE_CLICK,
-    Action.DOUBLE_CLICK,
-    Action.TRIPLE_CLICK,
-    Action.MOUSE_MOVE,
-    Action.LEFT_CLICK_DRAG,
-    Action.LEFT_MOUSE_DOWN,
-    Action.LEFT_MOUSE_UP,
-  ]);
-
-  private readonly keyboardActions = new Set([
-    Action.KEY,
-    Action.TYPE,
-    Action.HOLD_KEY,
-  ]);
-
-  private readonly systemActions = new Set([
-    Action.SCREENSHOT,
-    Action.CURSOR_POSITION,
-    Action.SCROLL,
-    Action.WAIT,
-  ]);
-
-  constructor(page: Page, version: '20241022' | '20250124' = '20250124') {
-    this.page = page;
-    this.version = version;
-  }
-
-  get apiType(): 'computer_20241022' | 'computer_20250124' {
-    return this.version === '20241022' ? 'computer_20241022' : 'computer_20250124';
-  }
-
-  toParams(): ActionParams {
-    const params = {
-      name: this.name,
-      type: this.apiType,
-      display_width_px: 1280,
-      display_height_px: 720,
-      display_number: null,
-    };
-    return params;
-  }
-
-  private getMouseButton(action: Action): 'left' | 'right' | 'middle' {
-    switch (action) {
-      case Action.LEFT_CLICK:
-      case Action.DOUBLE_CLICK:
-      case Action.TRIPLE_CLICK:
-      case Action.LEFT_CLICK_DRAG:
-      case Action.LEFT_MOUSE_DOWN:
-      case Action.LEFT_MOUSE_UP:
-        return 'left';
-      case Action.RIGHT_CLICK:
-        return 'right';
-      case Action.MIDDLE_CLICK:
-        return 'middle';
-      default:
-        throw new ToolError(`Invalid mouse action: ${action}`);
-    }
-  }
-
-  private async handleMouseAction(action: Action, coordinate: [number, number]): Promise<ToolResult> {
-    const [x, y] = ActionValidator.validateAndGetCoordinates(coordinate);
-    await this.page.mouse.move(x, y);
-    await this.page.waitForTimeout(100);
-
-    if (action === Action.LEFT_MOUSE_DOWN) {
-      await this.page.mouse.down();
-    } else if (action === Action.LEFT_MOUSE_UP) {
-      await this.page.mouse.up();
-    } else {
-      const button = this.getMouseButton(action);
-      if (action === Action.DOUBLE_CLICK) {
-        await this.page.mouse.dblclick(x, y, { button });
-      } else if (action === Action.TRIPLE_CLICK) {
-        await this.page.mouse.click(x, y, { button, clickCount: 3 });
-      } else {
-        await this.page.mouse.click(x, y, { button });
-      }
-    }
-
-    await this.page.waitForTimeout(500);
-    return await this.screenshot();
-  }
-
-  private async handleKeyboardAction(action: Action, text: string, duration?: number): Promise<ToolResult> {
-    if (action === Action.HOLD_KEY) {
-      const key = KeyboardUtils.getPlaywrightKey(text);
-      await this.page.keyboard.down(key);
-      await new Promise(resolve => setTimeout(resolve, duration! * 1000));
-      await this.page.keyboard.up(key);
-    } else if (action === Action.KEY) {
-      const keys = KeyboardUtils.parseKeyCombination(text);
-      for (const key of keys) {
-        await this.page.keyboard.down(key);
-      }
-      for (const key of keys.reverse()) {
-        await this.page.keyboard.up(key);
-      }
-    } else {
-      await this.page.keyboard.type(text, { delay: TYPING_DELAY_MS });
-    }
-
-    await this.page.waitForTimeout(500);
-    return await this.screenshot();
-  }
-
-  async screenshot(): Promise<ToolResult> {
-    try {
-      console.log('Starting screenshot...');
-      await new Promise(resolve => setTimeout(resolve, this._screenshotDelay * 1000));
-      const screenshot = await this.page.screenshot({ type: 'png' });
-      console.log('Screenshot taken, size:', screenshot.length, 'bytes');
-
-      return {
-        base64Image: screenshot.toString('base64'),
-      };
-    } catch (error) {
-      throw new ToolError(`Failed to take screenshot: ${error}`);
-    }
-  }
-
-  async call(params: ActionParams): Promise<ToolResult> {
-    const { 
-      action, 
-      text, 
-      coordinate, 
-      scrollDirection: scrollDirectionParam,
-      scroll_amount,
-      scrollAmount,
-      duration, 
-      ...kwargs 
-    } = params;
-
-    ActionValidator.validateActionParams(params, this.mouseActions, this.keyboardActions);
-
-    if (action === Action.SCREENSHOT) {
-      return await this.screenshot();
-    }
-
-    if (action === Action.CURSOR_POSITION) {
-      const position = await this.page.evaluate(() => {
-        const selection = window.getSelection();
-        const range = selection?.getRangeAt(0);
-        const rect = range?.getBoundingClientRect();
-        return rect ? { x: rect.x, y: rect.y } : null;
-      });
-      
-      if (!position) {
-        throw new ToolError('Failed to get cursor position');
-      }
-      
-      return { output: `X=${position.x},Y=${position.y}` };
-    }
-
-    if (action === Action.SCROLL) {
-      if (this.version !== '20250124') {
-        throw new ToolError(`${action} is only available in version 20250124`);
-      }
-
-      const scrollDirection = scrollDirectionParam || kwargs.scroll_direction;
-      const scrollAmountValue = scrollAmount || scroll_amount;
-
-      if (!scrollDirection || !['up', 'down', 'left', 'right'].includes(scrollDirection)) {
-        throw new ToolError(`Scroll direction "${scrollDirection}" must be 'up', 'down', 'left', or 'right'`);
-      }
-      if (typeof scrollAmountValue !== 'number' || scrollAmountValue < 0) {
-        throw new ToolError(`Scroll amount "${scrollAmountValue}" must be a non-negative number`);
-      }
-
-      if (coordinate) {
-        const [x, y] = ActionValidator.validateAndGetCoordinates(coordinate);
-        await this.page.mouse.move(x, y);
-        await this.page.waitForTimeout(100);
-      }
-
-      const amount = scrollAmountValue || 100;
-      
-      if (scrollDirection === 'down' || scrollDirection === 'up') {
-        await this.page.mouse.wheel(0, scrollDirection === 'down' ? amount : -amount);
-      } else {
-        await this.page.mouse.wheel(scrollDirection === 'right' ? amount : -amount, 0);
-      }
-      
-      await this.page.waitForTimeout(500);
-      return await this.screenshot();
-    }
-
-    if (action === Action.WAIT) {
-      if (this.version !== '20250124') {
-        throw new ToolError(`${action} is only available in version 20250124`);
-      }
-      await new Promise(resolve => setTimeout(resolve, duration! * 1000));
-      return await this.screenshot();
-    }
-
-    if (this.mouseActions.has(action)) {
-      if (!coordinate) {
-        throw new ToolError(`coordinate is required for ${action}`);
-      }
-      return await this.handleMouseAction(action, coordinate);
-    }
-
-    if (this.keyboardActions.has(action)) {
-      if (!text) {
-        throw new ToolError(`text is required for ${action}`);
-      }
-      return await this.handleKeyboardAction(action, text, duration);
-    }
-
-    throw new ToolError(`Invalid action: ${action}`);
-  }
-}
-
-// For backward compatibility
-export class ComputerTool20241022 extends ComputerTool {
-  constructor(page: Page) {
-    super(page, '20241022');
-  }
-}
-
-export class ComputerTool20250124 extends ComputerTool {
-  constructor(page: Page) {
-    super(page, '20250124');
-  }
-}
diff --git a/templates/typescript/advanced-sample/cu/tools/types/computer.ts b/templates/typescript/advanced-sample/cu/tools/types/computer.ts
deleted file mode 100644
index f4b061f..0000000
--- a/templates/typescript/advanced-sample/cu/tools/types/computer.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-export enum Action {
-  // Mouse actions
-  MOUSE_MOVE = 'mouse_move',
-  LEFT_CLICK = 'left_click',
-  RIGHT_CLICK = 'right_click',
-  MIDDLE_CLICK = 'middle_click',
-  DOUBLE_CLICK = 'double_click',
-  TRIPLE_CLICK = 'triple_click',
-  LEFT_CLICK_DRAG = 'left_click_drag',
-  LEFT_MOUSE_DOWN = 'left_mouse_down',
-  LEFT_MOUSE_UP = 'left_mouse_up',
-
-  // Keyboard actions
-  KEY = 'key',
-  TYPE = 'type',
-  HOLD_KEY = 'hold_key',
-
-  // System actions
-  SCREENSHOT = 'screenshot',
-  CURSOR_POSITION = 'cursor_position',
-  SCROLL = 'scroll',
-  WAIT = 'wait',
-}
-
-// For backward compatibility
-export type Action_20241022 = Action;
-export type Action_20250124 = Action;
-
-export type MouseButton = 'left' | 'right' | 'middle';
-export type ScrollDirection = 'up' | 'down' | 'left' | 'right';
-export type Coordinate = [number, number];
-export type Duration = number;
-
-export interface ActionParams {
-  action: Action;
-  text?: string;
-  coordinate?: Coordinate;
-  scrollDirection?: ScrollDirection;
-  scroll_amount?: number;
-  scrollAmount?: number;
-  duration?: Duration;
-  key?: string;
-  [key: string]: Action | string | Coordinate | ScrollDirection | number | Duration | undefined;
-}
-
-export interface ToolResult {
-  output?: string;
-  error?: string;
-  base64Image?: string;
-  system?: string;
-}
-
-export interface BaseAnthropicTool {
-  name: string;
-  apiType: string;
-  toParams(): ActionParams;
-}
-
-export class ToolError extends Error {
-  constructor(message: string) {
-    super(message);
-    this.name = 'ToolError';
-  }
-} 
\ No newline at end of file
diff --git a/templates/typescript/advanced-sample/cu/tools/utils/keyboard.ts b/templates/typescript/advanced-sample/cu/tools/utils/keyboard.ts
deleted file mode 100644
index f7aadbe..0000000
--- a/templates/typescript/advanced-sample/cu/tools/utils/keyboard.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-export class KeyboardUtils {
-  // Only map alternative names to standard Playwright modifier keys
-  private static readonly modifierKeyMap: Record<string, string> = {
-    'ctrl': 'Control',
-    'alt': 'Alt',
-    'command': 'Meta',
-    'win': 'Meta',
-  };
-
-  // Essential key mappings for Playwright compatibility
-  private static readonly keyMap: Record<string, string> = {
-    'return': 'Enter',
-    'space': ' ',
-    'left': 'ArrowLeft',
-    'right': 'ArrowRight',
-    'up': 'ArrowUp',
-    'down': 'ArrowDown',
-    'home': 'Home',
-    'end': 'End',
-    'pageup': 'PageUp',
-    'pagedown': 'PageDown',
-    'delete': 'Delete',
-    'backspace': 'Backspace',
-    'tab': 'Tab',
-    'esc': 'Escape',
-    'escape': 'Escape',
-    'insert': 'Insert',
-    'super_l': 'Meta',
-    'f1': 'F1',
-    'f2': 'F2',
-    'f3': 'F3',
-    'f4': 'F4',
-    'f5': 'F5',
-    'f6': 'F6',
-    'f7': 'F7',
-    'f8': 'F8',
-    'f9': 'F9',
-    'f10': 'F10',
-    'f11': 'F11',
-    'f12': 'F12',
-  };
-
-  static isModifierKey(key: string | undefined): boolean {
-    if (!key) return false;
-    const normalizedKey = this.modifierKeyMap[key.toLowerCase()] || key;
-    return ['Control', 'Alt', 'Shift', 'Meta'].includes(normalizedKey);
-  }
-
-  static getPlaywrightKey(key: string | undefined): string {
-    if (!key) {
-      throw new Error('Key cannot be undefined');
-    }
-
-    const normalizedKey = key.toLowerCase();
-
-    // Handle special cases
-    if (normalizedKey in this.keyMap) {
-      return this.keyMap[normalizedKey] as string;
-    }
-
-    // Normalize modifier keys
-    if (normalizedKey in this.modifierKeyMap) {
-      return this.modifierKeyMap[normalizedKey] as string;
-    }
-
-    // Return the key as is - Playwright handles standard key names
-    return key;
-  }
-
-  static parseKeyCombination(combo: string): string[] {
-    if (!combo) {
-      throw new Error('Key combination cannot be empty');
-    }
-    return combo.toLowerCase().split('+').map(key => {
-      const trimmedKey = key.trim();
-      if (!trimmedKey) {
-        throw new Error('Invalid key combination: empty key');
-      }
-      return this.getPlaywrightKey(trimmedKey);
-    });
-  }
-} 
\ No newline at end of file
diff --git a/templates/typescript/advanced-sample/cu/tools/utils/validator.ts b/templates/typescript/advanced-sample/cu/tools/utils/validator.ts
deleted file mode 100644
index b8522c8..0000000
--- a/templates/typescript/advanced-sample/cu/tools/utils/validator.ts
+++ /dev/null
@@ -1,67 +0,0 @@
-import { Action, ToolError } from '../types/computer';
-import type { ActionParams, Coordinate, Duration } from '../types/computer';
-
-export class ActionValidator {
-  static validateText(text: string | undefined, required: boolean, action: string): void {
-    if (required && text === undefined) {
-      throw new ToolError(`text is required for ${action}`);
-    }
-    if (text !== undefined && typeof text !== 'string') {
-      throw new ToolError(`${text} must be a string`);
-    }
-  }
-
-  static validateCoordinate(coordinate: Coordinate | undefined, required: boolean, action: string): void {
-    if (required && !coordinate) {
-      throw new ToolError(`coordinate is required for ${action}`);
-    }
-    if (coordinate) {
-      this.validateAndGetCoordinates(coordinate);
-    }
-  }
-
-  static validateDuration(duration: Duration | undefined): void {
-    if (duration === undefined || typeof duration !== 'number') {
-      throw new ToolError(`${duration} must be a number`);
-    }
-    if (duration < 0) {
-      throw new ToolError(`${duration} must be non-negative`);
-    }
-    if (duration > 100) {
-      throw new ToolError(`${duration} is too long`);
-    }
-  }
-
-  static validateAndGetCoordinates(coordinate: Coordinate): Coordinate {
-    if (!Array.isArray(coordinate) || coordinate.length !== 2) {
-      throw new ToolError(`${coordinate} must be a tuple of length 2`);
-    }
-    if (!coordinate.every(i => typeof i === 'number' && i >= 0)) {
-      throw new ToolError(`${coordinate} must be a tuple of non-negative numbers`);
-    }
-    return coordinate;
-  }
-
-  static validateActionParams(params: ActionParams, mouseActions: Set<Action>, keyboardActions: Set<Action>): void {
-    const { action, text, coordinate, duration } = params;
-
-    // Validate text parameter
-    if (keyboardActions.has(action)) {
-      this.validateText(text, true, action);
-    } else {
-      this.validateText(text, false, action);
-    }
-
-    // Validate coordinate parameter
-    if (mouseActions.has(action)) {
-      this.validateCoordinate(coordinate, true, action);
-    } else {
-      this.validateCoordinate(coordinate, false, action);
-    }
-
-    // Validate duration parameter
-    if (action === Action.HOLD_KEY || action === Action.WAIT) {
-      this.validateDuration(duration);
-    }
-  }
-} 
\ No newline at end of file
diff --git a/templates/typescript/advanced-sample/cu/types/beta.ts b/templates/typescript/advanced-sample/cu/types/beta.ts
deleted file mode 100644
index 35328d7..0000000
--- a/templates/typescript/advanced-sample/cu/types/beta.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import type { BetaMessageParam as AnthropicMessageParam, BetaMessage as AnthropicMessage, BetaContentBlock as AnthropicContentBlock } from '@anthropic-ai/sdk/resources/beta/messages/messages';
-import type { ActionParams } from '../tools/types/computer';
-
-// Re-export the SDK types
-export type BetaMessageParam = AnthropicMessageParam;
-export type BetaMessage = AnthropicMessage;
-export type BetaContentBlock = AnthropicContentBlock;
-
-// Keep our local types for internal use
-export interface BetaTextBlock {
-  type: 'text';
-  text: string;
-  id?: string;
-  cache_control?: { type: 'ephemeral' };
-}
-
-export interface BetaImageBlock {
-  type: 'image';
-  source: {
-    type: 'base64';
-    media_type: 'image/png';
-    data: string;
-  };
-  id?: string;
-  cache_control?: { type: 'ephemeral' };
-}
-
-export interface BetaToolUseBlock {
-  type: 'tool_use';
-  name: string;
-  input: ActionParams;
-  id?: string;
-  cache_control?: { type: 'ephemeral' };
-}
-
-export interface BetaThinkingBlock {
-  type: 'thinking';
-  thinking: {
-    type: 'enabled';
-    budget_tokens: number;
-  } | {
-    type: 'disabled';
-  };
-  signature?: string;
-  id?: string;
-  cache_control?: { type: 'ephemeral' };
-}
-
-export interface BetaToolResultBlock {
-  type: 'tool_result';
-  content: (BetaTextBlock | BetaImageBlock)[] | string;
-  tool_use_id: string;
-  is_error: boolean;
-  id?: string;
-  cache_control?: { type: 'ephemeral' };
-}
-
-export type BetaLocalContentBlock = BetaTextBlock | BetaImageBlock | BetaToolUseBlock | BetaThinkingBlock | BetaToolResultBlock; 
\ No newline at end of file
diff --git a/templates/typescript/advanced-sample/cu/utils/message-processing.ts b/templates/typescript/advanced-sample/cu/utils/message-processing.ts
deleted file mode 100644
index acc5ac4..0000000
--- a/templates/typescript/advanced-sample/cu/utils/message-processing.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-import type { BetaMessage, BetaMessageParam, BetaToolResultBlock, BetaContentBlock, BetaLocalContentBlock } from '../types/beta';
-
-export function responseToParams(response: BetaMessage): BetaContentBlock[] {
-  return response.content.map(block => {
-    if (block.type === 'text' && block.text) {
-      return { type: 'text', text: block.text };
-    }
-    if (block.type === 'thinking') {
-      const { thinking, signature, ...rest } = block;
-      return { ...rest, thinking, ...(signature && { signature }) };
-    }
-    return block as BetaContentBlock;
-  });
-}
-
-export function maybeFilterToNMostRecentImages(
-  messages: BetaMessageParam[],
-  imagesToKeep: number,
-  minRemovalThreshold: number
-): void {
-  if (!imagesToKeep) return;
-
-  const toolResultBlocks = messages
-    .flatMap(message => Array.isArray(message?.content) ? message.content : [])
-    .filter((item): item is BetaToolResultBlock => 
-      typeof item === 'object' && item.type === 'tool_result'
-    );
-
-  const totalImages = toolResultBlocks.reduce((count, toolResult) => {
-    if (!Array.isArray(toolResult.content)) return count;
-    return count + toolResult.content.filter(
-      content => typeof content === 'object' && content.type === 'image'
-    ).length;
-  }, 0);
-
-  let imagesToRemove = Math.floor((totalImages - imagesToKeep) / minRemovalThreshold) * minRemovalThreshold;
-
-  for (const toolResult of toolResultBlocks) {
-    if (Array.isArray(toolResult.content)) {
-      toolResult.content = toolResult.content.filter(content => {
-        if (typeof content === 'object' && content.type === 'image') {
-          if (imagesToRemove > 0) {
-            imagesToRemove--;
-            return false;
-          }
-        }
-        return true;
-      });
-    }
-  }
-}
-
-const PROMPT_CACHING_BETA_FLAG = 'prompt-caching-2024-07-31';
-
-export function injectPromptCaching(messages: BetaMessageParam[]): void {
-  let breakpointsRemaining = 3;
-  
-  for (let i = messages.length - 1; i >= 0; i--) {
-    const message = messages[i];
-    if (!message) continue;
-    if (message.role === 'user' && Array.isArray(message.content)) {
-      if (breakpointsRemaining > 0) {
-        breakpointsRemaining--;
-        const lastContent = message.content[message.content.length - 1];
-        if (lastContent) {
-          (lastContent as BetaLocalContentBlock).cache_control = { type: 'ephemeral' };
-        }
-      } else {
-        const lastContent = message.content[message.content.length - 1];
-        if (lastContent) {
-          delete (lastContent as BetaLocalContentBlock).cache_control;
-        }
-        break;
-      }
-    }
-  }
-}
-
-export { PROMPT_CACHING_BETA_FLAG }; 
\ No newline at end of file
diff --git a/templates/typescript/advanced-sample/cu/utils/tool-results.ts b/templates/typescript/advanced-sample/cu/utils/tool-results.ts
deleted file mode 100644
index c18eab2..0000000
--- a/templates/typescript/advanced-sample/cu/utils/tool-results.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import type { ToolResult } from '../tools/types/computer';
-import type { BetaToolResultBlock, BetaTextBlock, BetaImageBlock } from '../types/beta';
-
-export function makeApiToolResult(
-  result: ToolResult,
-  toolUseId: string
-): BetaToolResultBlock {
-  const toolResultContent: (BetaTextBlock | BetaImageBlock)[] = [];
-  let isError = false;
-
-  if (result.error) {
-    isError = true;
-    toolResultContent.push({
-      type: 'text',
-      text: maybePrependSystemToolResult(result, result.error),
-    });
-  } else {
-    if (result.output) {
-      toolResultContent.push({
-        type: 'text',
-        text: maybePrependSystemToolResult(result, result.output),
-      });
-    }
-    if (result.base64Image) {
-      toolResultContent.push({
-        type: 'image',
-        source: {
-          type: 'base64',
-          media_type: 'image/png',
-          data: result.base64Image,
-        },
-      });
-    }
-  }
-
-  return {
-    type: 'tool_result',
-    content: toolResultContent,
-    tool_use_id: toolUseId,
-    is_error: isError,
-  };
-}
-
-export function maybePrependSystemToolResult(result: ToolResult, resultText: string): string {
-  if (result.system) {
-    return `<system>${result.system}</system>\n${resultText}`;
-  }
-  return resultText;
-} 
\ No newline at end of file
diff --git a/templates/typescript/advanced-sample/index.ts b/templates/typescript/advanced-sample/index.ts
index b3424e3..c213431 100644
--- a/templates/typescript/advanced-sample/index.ts
+++ b/templates/typescript/advanced-sample/index.ts
@@ -1,6 +1,5 @@
 import { Kernel, type KernelContext } from "@onkernel/sdk";
 import { chromium } from "playwright";
-import { computerUseLoop } from './cu/loop';
 
 const kernel = new Kernel();
 
@@ -44,105 +43,4 @@ app.action("test-captcha-solver", async(ctx: KernelContext): Promise<void> => {
   await page.goto("https://www.google.com/recaptcha/api2/demo");
   // Watch Kernel auto-solve the CAPTCHA!
   await browser.close();
-});
-
-/** Auth example
- * Implements Anthropic Computer Use to to perform a task on behalf of the user 
- * with their credentials. This example automatically logs in with the provided credentials.
- * We'll also use a persisted browser: the second time you run this action, the previous
- * browser will restored and the user will already be logged in.
- * 
- * Args:
- *     ctx: Kernel context containing invocation information
- *     payload: An object with a query, website, and auth object
- * Returns:
- *     A dictionary containing the result of the task
- * 
- * Invoke this via CLI:
- *  export KERNEL_API_KEY=<your_api_key>
- *  kernel deploy index.ts -e ANTHROPIC_API_KEY=<your_anthropic_api_key> # If you haven't already deployed this app
- *  kernel invoke ts-advanced auth-sample -p '{"query": 
- *    "If I have an upcoming delivery, return the delivery date.
- *    If not, return No upcoming deliveries.",
- *    "website": "goodeggs.com",
- *    "auth": {"username": "your_username", "password": "your_password"}}'
- *  kernel logs ts-advanced -f # Open in separate tab
- */
-interface AuthSampleInput {
-  query: string;
-  website: string;
-  auth: {
-    username: string;
-    password: string;
-  };
-}
-
-app.action("auth-sample", async (ctx: KernelContext, payload?: AuthSampleInput): Promise<{ result: string }> => {
-  const ANTHROPIC_API_KEY = process.env.ANTHROPIC_API_KEY;
-  if (!ANTHROPIC_API_KEY) throw new Error('ANTHROPIC_API_KEY is not set');
-
-  if (!payload) throw new Error('Payload is required');
-  const { query, auth, website } = payload;
-  if (!query || !auth || !website) throw new Error('Query, auth, and website are required');
-
-  const kernelBrowser = await kernel.browsers.create({
-    invocation_id: ctx.invocation_id,
-    persistence: {
-      id: "auth-browser",
-    },
-    stealth: true,
-  });
-  console.log("Kernel browser live view url: ", kernelBrowser.browser_live_view_url);
-
-  const browser = await chromium.connectOverCDP(kernelBrowser.cdp_ws_url);
-  const context = await browser.contexts()[0];
-  const page = await context?.pages()[0];
-  if (!page) {
-    throw new Error('Error getting initial page');
-  }
-
-  // Create full prompt for LLM to execute
-  const prompt = `Go to ${website} and ${query}. If you are not logged in, use the following credentials:
-    <Sensitive>
-      Username: ${auth.username}
-      Password: ${auth.password}
-    </Sensitive>
-  `;
-
-  try {
-    // Run the Computer Use sampling loop
-    const finalMessages = await computerUseLoop({
-      model: 'claude-sonnet-4-20250514',
-      messages: [{
-        role: 'user',
-        content: prompt,
-      }],
-      apiKey: ANTHROPIC_API_KEY,
-      thinkingBudget: 1024,
-      playwrightPage: page,
-    });
-
-    // Extract the final result from the messages
-    if (finalMessages.length === 0) {
-      throw new Error('No messages were generated during the sampling loop');
-    }
-
-    const lastMessage = finalMessages[finalMessages.length - 1];
-    if (!lastMessage) {
-      throw new Error('Failed to get the last message from the sampling loop');
-    }
-
-    const result = typeof lastMessage.content === 'string' 
-      ? lastMessage.content 
-      : lastMessage.content.map(block => 
-          block.type === 'text' ? block.text : ''
-        ).join('');
-
-    return { result };
-  } catch (error) {
-    console.error('Error in sampling loop:', error);
-    throw error;
-  } finally {
-    await browser.close();
-  }
 });
\ No newline at end of file
diff --git a/templates/typescript/advanced-sample/package.json b/templates/typescript/advanced-sample/package.json
index bd15071..7e3b189 100644
--- a/templates/typescript/advanced-sample/package.json
+++ b/templates/typescript/advanced-sample/package.json
@@ -8,9 +8,7 @@
     },
     "dependencies": {
       "@onkernel/sdk": ">=0.5.0",
-      "playwright": "^1.52.0",
-      "@anthropic-ai/sdk": "0.52.0",
-      "luxon": "3.6.0"
+      "playwright": "^1.52.0"
     }
   }
   
\ No newline at end of file
diff --git a/templates/typescript/advanced-sample/pnpm-lock.yaml b/templates/typescript/advanced-sample/pnpm-lock.yaml
index 344fa3e..a69bdd0 100644
--- a/templates/typescript/advanced-sample/pnpm-lock.yaml
+++ b/templates/typescript/advanced-sample/pnpm-lock.yaml
@@ -8,15 +8,9 @@ importers:
 
   .:
     dependencies:
-      '@anthropic-ai/sdk':
-        specifier: 0.52.0
-        version: 0.52.0
       '@onkernel/sdk':
         specifier: '>=0.5.0'
         version: 0.5.0
-      luxon:
-        specifier: 3.6.0
-        version: 3.6.0
       playwright:
         specifier: ^1.52.0
         version: 1.52.0
@@ -26,10 +20,6 @@ importers:
 
 packages:
 
-  '@anthropic-ai/sdk@0.52.0':
-    resolution: {integrity: sha512-d4c+fg+xy9e46c8+YnrrgIQR45CZlAi7PwdzIfDXDM6ACxEZli1/fxhURsq30ZpMZy6LvSkr41jGq5aF5TD7rQ==}
-    hasBin: true
-
   '@onkernel/sdk@0.5.0':
     resolution: {integrity: sha512-n7gwc7rU0GY/XcDnEV0piHPd76bHTSfuTjQW4qFKUWQji0UK9YUVKDFklqAWbyGlXPUezWCfxh79ELv2cFYOBA==}
 
@@ -38,10 +28,6 @@ packages:
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
     os: [darwin]
 
-  luxon@3.6.0:
-    resolution: {integrity: sha512-WE7p0p7W1xji9qxkLYsvcIxZyfP48GuFrWIBQZIsbjCyf65dG1rv4n83HcOyEyhvzxJCrUoObCRNFgRNIQ5KNA==}
-    engines: {node: '>=12'}
-
   playwright-core@1.52.0:
     resolution: {integrity: sha512-l2osTgLXSMeuLZOML9qYODUQoPPnUsKsb5/P6LJ2e6uPKXUdPK5WYhN4z03G+YNbWmGDY4YENauNu4ZKczreHg==}
     engines: {node: '>=18'}
@@ -59,15 +45,11 @@ packages:
 
 snapshots:
 
-  '@anthropic-ai/sdk@0.52.0': {}
-
   '@onkernel/sdk@0.5.0': {}
 
   fsevents@2.3.2:
     optional: true
 
-  luxon@3.6.0: {}
-
   playwright-core@1.52.0: {}
 
   playwright@1.52.0: