Switch to @onkernel/cu-playwright package and template refactoring

[bigboateng]

Description

🔄 Implementation Changes

• Switched from custom inline implementation to @onkernel/cu-playwright package

📦 Template Restructuring

• Renamed templates/python/computer-use → templates/python/claude-cu
• Renamed templates/typescript/anthropic-computer-use → templates/typescript/claude-cu
• Both Python and TypeScript now use the same template name: claude-cu (shorter and cleaner)

Updated app names for consistency:
Python: python-cu → python-claude-cu
TypeScript: ts-anthropic-cu → ts-claude-cu

# Unified template name
npx create-kernel-app my-app --template claude-cu --language python
npx create-kernel-app my-app --template claude-cu --language typescript

Implementation Checklist

• Implemented this change in TypeScript
• Implemented this change in Python (updated app name and template structure)

Everything below is not applicable

Testing

• All tests pass locally
• Linted
• Added tests for new functionality (if applicable)

Docs

• Link to a PR in our docs repo documenting your change (if applicable)

Visual Proof

1. Template selection of ts-claude-cuI

2. Successful deployment of the template generated ts app

3. *Sucessful run of a query *

Related Issue

maybe related?

Additional Notes

• Used git mv to preserve file history during template renames for python

[juecd]

I think we still want to include a cu sample app in create-kernel-app, so kernel invoke ts-cu cu-task --payload '{"query": "Search for the top 3 restaurants in NYC according to Pete Wells"}' still works. But it should reference our published SDK instead. Does that make sense? e.g. in /typescript/cu the repo should basically be:

// index.ts
import { ComputerUseAgent } from '@onkernel/cu-playwright-ts';
const agent = new ComputerUseAgent({
  apiKey: process.env.ANTHROPIC_API_KEY!,
  page,
});
const answer = await agent.execute(payload.query); // payload from app.action("cu-task"), ...

[bigboateng]

I think we still want to include a cu sample app in create-kernel-app, so kernel invoke ts-cu cu-task --payload '{"query": "Search for the top 3 restaurants in NYC according to Pete Wells"}' still works. But it should reference our published SDK instead. Does that make sense? e.g. in /typescript/cu the repo should basically be:

// index.ts
import { ComputerUseAgent } from '@onkernel/cu-playwright-ts';
const agent = new ComputerUseAgent({
  apiKey: process.env.ANTHROPIC_API_KEY!,
  page,
});
const answer = await agent.execute(payload.query); // payload from app.action("cu-task"), ...

Yep working on the cu sample here #42 should we put that in this pr too? I thought seperating will be cleaner

[bigboateng]

@juecd made the changes