@agent-native/core 0.101.14 → 0.102.1

package/corpus/templates/tasks/docs/features/f5-views.mdx

@@ -0,0 +1,65 @@
+---
+id: F5
+title: Views
+status: planned
+order: 5
+---
+
+# F5 — Views
+
+<!-- status: todo -->
+
+## What it is
+
+A **view** is how the [F1 task](./f1-tasks.mdx) list is arranged: what's visible, in what order, and how rows are clustered. **Views** impose structure: filter to a subset, sort by a field, or group under headings. Users change the arrangement ad hoc or **save** it under a name and switch between saved views later.
+
+The main task page today uses a simple **completed-task filter** (see F1). Saved views, sort, and group ship with this feature.
+
+Examples: "Open", "High priority", "By project".
+
+## What users can do
+
+### Arrange the list
+
+- **Filter** — show only tasks matching criteria (completion, [project](./f3-projects.mdx), [custom fields](./f2-custom-fields.mdx)); multiple filters use AND logic. Quick filter: **Incomplete tasks**.
+- **Sort** — by completion, title, project, custom field, date created, etc., or **None** for manual order.
+- **Group** — cluster rows under headings (by project, completion, custom field, etc.). Grouping is display-only.
+
+Filter, sort, and group work together on the current list.
+
+### Saved views
+
+- **Create** a view with a name and chosen filter, sort, and group settings.
+- **Switch**, **modify**, **duplicate**, or **delete** views.
+- A default view ("All tasks") always exists; it can be renamed but not deleted.
+
+### Scope
+
+| Where              | Views available                           |
+| ------------------ | ----------------------------------------- |
+| **Main task page** | Global views — all tasks across projects  |
+| **Project page**   | Project views — only that project's tasks |
+
+Global and project view lists are separate; the same name can exist in different projects.
+
+## How it behaves
+
+### Sort and manual order
+
+- **Sort: None** — manual drag-and-drop order applies (F1). This is the only mode where reordering works.
+- **Sort by a field** — tasks order by that field; **drag reorder is disabled** until sort is set back to None.
+- **Group by** a field — tasks cluster under headings. You can **sort within groups** (e.g. group by project, sort by due date inside each group).
+- Switching away from a sorted view and back to **None** restores the last manual order.
+
+### Saved views
+
+Filter, sort, and group settings are stored in the view. Opening a saved view applies that layout. Starter views ship with the app ([F7](./f7-first-run.mdx)).
+
+- Switching views changes display only — tasks are not modified.
+- One view is active at a time per page.
+- Only **ready** tasks appear ([F4 Inbox](./f4-inbox.mdx) excluded).
+
+## Limits (v1)
+
+- List layout only — no board or calendar view types.
+- No OR filter logic or shared views between users.

package/corpus/templates/tasks/docs/features/f6-search.mdx

@@ -0,0 +1,43 @@
+---
+id: F6
+title: Search
+status: planned
+order: 6
+---
+
+# F6 — Search
+
+<!-- status: todo -->
+
+## What it is
+
+**Search** finds [F1 tasks](./f1-tasks.mdx) and [F3 projects](./f3-projects.mdx) by typing a query — a fast way to jump to something known instead of browsing [F5 views](./f5-views.mdx) or scrolling the list. Search uses **titles and names only** — not [custom field](./f2-custom-fields.mdx) values.
+
+## What users can do
+
+- **Search** from a global entry.
+- **Find tasks** by title.
+- **Find projects** by name.
+- **Open** a result to go to that task or project.
+- **Clear** search to return to the previous screen.
+
+## How it behaves
+
+- **Substring match**, case-insensitive — "report" finds "Draft Q2 report".
+- Results grouped by type (task vs project).
+
+### Scope
+
+| Search from             | Tasks                 | Projects |
+| ----------------------- | --------------------- | -------- |
+| Global / main           | All tasks             | All      |
+| Project page            | Tasks in that project | —        |
+| [Inbox](./f4-inbox.mdx) | Not-ready inbox items | —        |
+
+Search complements views — it jumps to items; views arrange a list you're already on.
+
+## Limits (v1)
+
+- Task search matches **title** only — not description, due date, or other [custom fields](./f2-custom-fields.mdx).
+- No saved searches — use [F5 views](./f5-views.mdx) for repeatable filters.
+- No fuzzy match or ranking.

package/corpus/templates/tasks/docs/features/f7-first-run.mdx

@@ -0,0 +1,66 @@
+---
+id: F7
+title: First-run experience
+status: partial
+order: 7
+---
+
+# F7 — First-run experience
+
+## What it is
+
+A new install ships ready to use — with more pre-configuration added over time. **Completion** (complete / incomplete) is built into every task from day one — not a custom field.
+
+<!-- status: done -->
+
+## First run (shipped)
+
+- **Main task page** — empty task list; **completed tasks filtered out** by default (user can show all).
+- **No sample tasks** — a clean slate.
+- **No** projects, custom fields, or saved views yet.
+
+<!-- status: partial -->
+
+## First run (extended)
+
+A fuller install adds custom fields, starter views, and the inbox.
+
+<!-- status: todo -->
+
+### Custom fields (pre-created)
+
+| Field        | Type          | Starter configuration                    |
+| ------------ | ------------- | ---------------------------------------- |
+| **Notes**    | Rich text     | Empty by default — long-form description |
+| **Due date** | Date          | Empty by default                         |
+| **Priority** | Single-select | **Low**, **Medium**, **High**            |
+
+No other fields should be created automatically. Users may add more fields at any time (e.g. a single-select for workflow stage). Users can rename, extend, or delete any starter custom field.
+
+<!-- status: todo -->
+
+### Starter views (global)
+
+| View            | Filter                         | Sort                 | Group   |
+| --------------- | ------------------------------ | -------------------- | ------- |
+| **All tasks**   | None (complete and incomplete) | None (manual order)  | None    |
+| **Open**        | Incomplete tasks               | None                 | None    |
+| **By priority** | Incomplete tasks               | Priority (ascending) | None    |
+| **By project**  | None                           | None                 | Project |
+
+**All tasks** is the required baseline view (renamable, not deletable). **Open** is the **default landing view** — incomplete tasks only, for everyday work.
+
+### Starter projects
+
+None — the user creates projects as needed. Tasks can exist without a project.
+
+### Inbox
+
+The inbox starts **empty**. Chat and inbox capture can land here first ([F4](./f4-inbox.mdx)).
+
+### What the user sees (full product)
+
+1. **Inbox** — empty, ready for capture.
+2. **Main task page** — on **Open** view (incomplete tasks only).
+3. **Custom fields** — Notes, Due date, Priority already defined; completion checkbox on every task.
+4. No sample tasks — a clean slate except for configuration.

package/corpus/templates/tasks/docs/features/f8-chat.mdx

@@ -0,0 +1,120 @@
+---
+id: F8
+title: Chat
+status: partial
+order: 8
+---
+
+# F8 — Chat
+
+## What it is
+
+The **chat** is a first-class surface of the Tasks app — not a side panel bolted onto a traditional UI. Users talk to the **agent** in natural language; the agent performs the same operations the UI can, through the same **actions**. There is no separate agent workflow, permission model, or data path.
+
+**Parity rule:** whatever a user can do in the UI, the agent can do in chat — and vice versa.
+
+## What users can do
+
+<!-- status: done -->
+
+### Work through conversation
+
+- **Capture** ideas ("remind me to call the plumber") — creates an **inbox item** by default; use **create-task** only when the user asks to add directly to the task list.
+- **Manage tasks** — add, edit title, mark complete/incomplete, delete, reorder, bulk complete/delete ([F1](./f1-tasks.mdx)).
+- **Triage inbox** — list, edit, delete, reorder, and **mark ready** ([F4](./f4-inbox.mdx)).
+- **Filter** the task list the same way as the UI (e.g. hide completed tasks).
+- **Ask what's on screen** — the agent can read the user's current view and selection before acting.
+
+<!-- status: todo -->
+
+### Work through conversation (extended)
+
+- **Assign** tasks to a [project](./f3-projects.mdx); open project pages.
+- **Work with custom fields** — set Notes, Due date, Priority, and other fields; define new fields ([F2](./f2-custom-fields.mdx)).
+- **Arrange lists** — filter, sort, group, and switch [saved views](./f5-views.mdx).
+- **Find things** — [search](./f6-search.mdx) by task title or project name and open a result.
+
+### Delegate from the UI
+
+Buttons and shortcuts in the UI may **send a message to the chat** instead of duplicating logic — e.g. "Add with agent", "Triage inbox", "Summarize my open tasks". The user sees and steers the work in the thread; the agent calls the same actions the UI would.
+
+## What the agent can do (parity map)
+
+Every UI capability maps to agent tools (actions). The agent uses these — not ad-hoc scripts or direct database access.
+
+<!-- status: done -->
+
+| Area                                           | Agent can…                                                                                               |
+| ---------------------------------------------- | -------------------------------------------------------------------------------------------------------- |
+| **[F1 Tasks](./f1-tasks.mdx)**                 | Add, edit, delete tasks; mark complete/incomplete; reorder; bulk complete/delete; apply completed filter |
+| **[F4 Inbox](./f4-inbox.mdx)**                 | Add, edit, delete inbox items; reorder; mark ready (promote to task)                                     |
+| **[F2 Custom fields](./f2-custom-fields.mdx)** | Create, rename, configure options; set field values; delete fields                                       |
+| **Navigation**                                 | Open inbox, main task page, or a specific task via `navigate`                                            |
+| **Context**                                    | Read current screen and bulk `selection` via `view-screen`                                               |
+
+<!-- status: todo -->
+
+| Area                                 | Agent can…                                                            |
+| ------------------------------------ | --------------------------------------------------------------------- |
+| **[F4 Inbox](./f4-inbox.mdx)**       | Bulk mark ready / delete; assign project (hidden until ready)         |
+| **[F1 Tasks](./f1-tasks.mdx)**       | Bulk assign project                                                   |
+| **[F3 Projects](./f3-projects.mdx)** | Create, rename, delete projects; list tasks in a project              |
+| **[F5 Views](./f5-views.mdx)**       | Apply filter, sort, group; create, switch, rename, delete saved views |
+| **[F6 Search](./f6-search.mdx)**     | Search tasks and projects; open a result                              |
+| **Navigation**                       | Open inbox, project pages                                             |
+
+If a capability is added to the UI, it is exposed as an action and documented for the agent in the same change.
+
+## How it behaves
+
+### Same rules as the UI
+
+The agent follows every product rule that has shipped; extended rules apply as features land.
+
+<!-- status: done -->
+
+- New capture creates an **inbox item** by default; **create-task** only when the user asks to add directly to the task list.
+- **Destructive** actions require **confirmation** — in chat, the agent asks before delete (same as UI confirmation dialogs).
+
+<!-- status: todo -->
+
+- **Completion** on inbox items is not allowed until **mark ready**.
+- Inbox items with a project assigned do **not** appear on the project page until **mark ready**.
+- **Bulk** actions require **confirmation**.
+- **Search** matches titles and project names only — not custom field values.
+- **Sort by field** disables manual reorder until sort is **None** again.
+
+### Context-aware
+
+- **`view-screen`** is the first call when the user's visible context matters — which page, selected tasks, active filter, and (when shipped) project, view, or search query.
+- **`navigation`** application state stays in sync with the UI so the agent knows what the user is looking at without guessing.
+- After the agent changes data, the **UI updates automatically** (same real-time sync as UI-initiated writes).
+
+<!-- status: done -->
+
+### Capture
+
+Typical flow:
+
+1. User says something in chat → **inbox item** created (title from the message) unless they ask for the task list directly.
+2. User refines in chat → edit inbox item or mark ready to promote to a task; manage tasks on `/tasks` as usual.
+
+<!-- status: todo -->
+
+### Capture and triage (extended UI)
+
+Full inbox page UI:
+
+1. User captures on the inbox page or triages in chat.
+2. User refines on the inbox or task page → edit title, fields, project, etc.
+3. User says "mark it ready" → inbox item becomes an **incomplete** task.
+
+### No shadow AI
+
+The UI does not call an LLM directly for product work. Generative or interpretive steps go through the **agent chat** so the user can see, correct, and audit what happened.
+
+## Limits (v1)
+
+- One agent per app instance — no multi-user agent handoff.
+- Chat does not add capabilities beyond what the UI has shipped; it is the conversational interface to the same actions.
+- No voice-only or external messaging channels (Slack, email) in v1.

package/corpus/templates/tasks/e2e/global-setup.ts

@@ -0,0 +1,42 @@
+import { mkdirSync, rmSync } from "node:fs";
+import { dirname, resolve } from "node:path";
+
+import Database from "better-sqlite3";
+
+const DB_PATH = resolve(process.cwd(), "data/e2e-playwright.db");
+
+export default async function globalSetup() {
+  for (const file of [DB_PATH, `${DB_PATH}-shm`, `${DB_PATH}-wal`]) {
+    rmSync(file, { force: true });
+  }
+
+  mkdirSync(dirname(DB_PATH), { recursive: true });
+
+  const db = new Database(DB_PATH);
+  db.exec(`
+    CREATE TABLE IF NOT EXISTS tasks_migrations (version INTEGER PRIMARY KEY);
+    CREATE TABLE IF NOT EXISTS tasks (
+      id TEXT PRIMARY KEY,
+      title TEXT NOT NULL,
+      done INTEGER NOT NULL DEFAULT 0,
+      promoted_to_task INTEGER NOT NULL DEFAULT 1,
+      sort_order INTEGER NOT NULL DEFAULT 0,
+      owner_email TEXT NOT NULL DEFAULT 'local@localhost',
+      created_at TEXT NOT NULL DEFAULT CURRENT_TIMESTAMP,
+      updated_at TEXT NOT NULL DEFAULT CURRENT_TIMESTAMP
+    );
+    CREATE INDEX IF NOT EXISTS idx_tasks_owner_done_updated
+      ON tasks (owner_email, done, updated_at);
+    CREATE INDEX IF NOT EXISTS idx_tasks_owner_sort
+      ON tasks (owner_email, sort_order);
+    CREATE INDEX IF NOT EXISTS idx_tasks_owner_promoted_sort
+      ON tasks (owner_email, promoted_to_task, sort_order);
+    INSERT OR IGNORE INTO tasks_migrations VALUES (1);
+    INSERT OR IGNORE INTO tasks_migrations VALUES (2);
+    INSERT OR IGNORE INTO tasks_migrations VALUES (3);
+    INSERT OR IGNORE INTO tasks_migrations VALUES (4);
+    INSERT OR IGNORE INTO tasks_migrations VALUES (5);
+    INSERT OR IGNORE INTO tasks_migrations VALUES (6);
+  `);
+  db.close();
+}

package/corpus/templates/tasks/e2e/helpers/inbox.ts

@@ -0,0 +1,71 @@
+import { expect, type APIRequestContext } from "@playwright/test";
+
+export async function resetInbox(request: APIRequestContext) {
+  const listResponse = await request.get(
+    "/_agent-native/actions/list-inbox-items",
+    { headers: { "X-Agent-Native-Frontend": "1" } },
+  );
+  expect(listResponse.ok()).toBeTruthy();
+  const { items } = (await listResponse.json()) as {
+    items: Array<{ id: string }>;
+  };
+
+  for (const item of items) {
+    const deleteResponse = await request.post(
+      "/_agent-native/actions/delete-inbox-item",
+      {
+        headers: {
+          "Content-Type": "application/json",
+          "X-Agent-Native-Frontend": "1",
+        },
+        data: { inboxItemId: item.id },
+      },
+    );
+    expect(deleteResponse.ok()).toBeTruthy();
+  }
+}
+
+export async function waitForInboxLoaded(
+  page: import("@playwright/test").Page,
+) {
+  await expect(page.locator(".animate-pulse")).toHaveCount(0);
+}
+
+export function inboxItemTitleButton(
+  page: import("@playwright/test").Page,
+  title: string,
+) {
+  return page.getByRole("button", { name: title, exact: true });
+}
+
+export function inboxItemRowByTitle(
+  page: import("@playwright/test").Page,
+  title: string,
+) {
+  return page.locator("[data-inbox-item-id]").filter({
+    has: inboxItemTitleButton(page, title),
+  });
+}
+
+export async function createInboxItem(
+  request: APIRequestContext,
+  title: string,
+) {
+  const response = await request.post(
+    "/_agent-native/actions/create-inbox-item",
+    {
+      headers: {
+        "Content-Type": "application/json",
+        "X-Agent-Native-Frontend": "1",
+      },
+      data: { title },
+    },
+  );
+  expect(response.ok()).toBeTruthy();
+}
+
+export async function gotoInboxPage(page: import("@playwright/test").Page) {
+  await page.goto("/inbox");
+  await expect(page.getByRole("heading", { name: "Inbox" })).toBeVisible();
+  await waitForInboxLoaded(page);
+}

package/corpus/templates/tasks/e2e/helpers/tasks.ts

@@ -0,0 +1,99 @@
+import { expect, type APIRequestContext } from "@playwright/test";
+
+export async function resetTasks(request: APIRequestContext) {
+  const listResponse = await request.get(
+    "/_agent-native/actions/list-tasks?includeDone=true",
+    { headers: { "X-Agent-Native-Frontend": "1" } },
+  );
+  expect(listResponse.ok()).toBeTruthy();
+  const { tasks } = (await listResponse.json()) as {
+    tasks: Array<{ id: string }>;
+  };
+
+  for (const task of tasks) {
+    const deleteResponse = await request.post(
+      "/_agent-native/actions/delete-task",
+      {
+        headers: {
+          "Content-Type": "application/json",
+          "X-Agent-Native-Frontend": "1",
+        },
+        data: { taskId: task.id },
+      },
+    );
+    expect(deleteResponse.ok()).toBeTruthy();
+  }
+}
+
+export async function waitForTasksLoaded(
+  page: import("@playwright/test").Page,
+) {
+  await expect(page.locator(".animate-pulse")).toHaveCount(0);
+}
+
+export function taskTitleButton(
+  page: import("@playwright/test").Page,
+  title: string,
+) {
+  return page.getByRole("button", { name: title, exact: true });
+}
+
+export function taskRowByTitle(
+  page: import("@playwright/test").Page,
+  title: string,
+) {
+  return page.locator("[data-task-id]").filter({
+    has: page.getByText(title, { exact: true }),
+  });
+}
+
+export async function openTaskRowMenu(
+  page: import("@playwright/test").Page,
+  title: string,
+) {
+  const row = taskRowByTitle(page, title);
+  await row
+    .getByRole("button", { name: new RegExp(`Actions for ${title}`) })
+    .click();
+}
+
+export async function chooseTaskRowMenuItem(
+  page: import("@playwright/test").Page,
+  itemName: string,
+) {
+  await page.getByRole("menuitem", { name: itemName, exact: true }).click();
+}
+
+export async function waitForServerTaskId(
+  page: import("@playwright/test").Page,
+  title: string,
+) {
+  const row = taskRowByTitle(page, title);
+  await expect
+    .poll(async () => {
+      const id = await row.getAttribute("data-task-id");
+      return id && !id.startsWith("optimistic-") ? "server" : "pending";
+    })
+    .toBe("server");
+
+  const id = await row.getAttribute("data-task-id");
+  expect(id).toBeTruthy();
+  return id as string;
+}
+
+export async function createTask(request: APIRequestContext, title: string) {
+  const response = await request.post("/_agent-native/actions/create-task", {
+    headers: {
+      "Content-Type": "application/json",
+      "X-Agent-Native-Frontend": "1",
+    },
+    data: { title },
+  });
+  expect(response.ok()).toBeTruthy();
+}
+
+export async function gotoTasksPage(page: import("@playwright/test").Page) {
+  await page.goto("/tasks");
+  await expect(page.getByRole("heading", { name: "Tasks" })).toBeVisible();
+  await waitForTasksLoaded(page);
+}

package/corpus/templates/tasks/learnings.defaults.md

@@ -0,0 +1,5 @@
+# Learnings
+
+<!-- This file is your app's memory. The AI reads it at the start of every conversation and updates it when it learns something new. -->
+<!-- Your personal learnings.md is gitignored so preferences and private info stay local. -->
+<!-- This defaults file is what new checkouts start with. -->

package/corpus/templates/tasks/netlify.toml

@@ -0,0 +1,10 @@
+[build]
+ignore = "node ./scripts/netlify-ignore-build.mjs tasks"
+command = "export DATABASE_URL=${NETLIFY_DATABASE_URL:-$DATABASE_URL} && pnpm install && NITRO_PRESET=netlify pnpm --filter tasks build"
+publish = "templates/tasks/dist"
+functions = "templates/tasks/.netlify/functions-internal"
+
+[build.environment]
+GA_MEASUREMENT_ID = "G-ESF7FYXGN9"
+NITRO_PRESET = "netlify"
+NPM_CONFIG_PRODUCTION = "false"

package/corpus/templates/tasks/package.json

@@ -0,0 +1,104 @@
+{
+  "name": "tasks",
+  "displayName": "Tasks",
+  "private": true,
+  "description": "Task-list-first agent-native app with inbox, custom fields, and drag-and-drop ordering",
+  "type": "module",
+  "scripts": {
+    "dev": "agent-native dev --open",
+    "build": "agent-native build",
+    "start": "agent-native start",
+    "format.fix": "oxfmt --write .",
+    "typecheck": "agent-native typecheck",
+    "action": "agent-native action",
+    "script": "agent-native script",
+    "test": "vitest --run --config vitest.config.ts",
+    "test:e2e": "playwright test",
+    "test:e2e:install": "playwright install chromium",
+    "test:all": "pnpm test && pnpm test:e2e"
+  },
+  "dependencies": {
+    "@agent-native/core": "workspace:*",
+    "@agent-native/toolkit": "workspace:*",
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@fontsource-variable/inter": "^5.2.8",
+    "@libsql/client": "^0.15.8",
+    "@tabler/icons-react": "catalog:",
+    "h3": "^2.0.1-rc.20",
+    "isbot": "^5",
+    "node-pty": "^1.1.0",
+    "postgres": "^3.4.9",
+    "zod": "^4.4.3"
+  },
+  "devDependencies": {
+    "@playwright/test": "^1.61.0",
+    "@radix-ui/react-accordion": "^1.2.12",
+    "@radix-ui/react-alert-dialog": "^1.1.15",
+    "@radix-ui/react-aspect-ratio": "^1.1.8",
+    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-checkbox": "^1.3.2",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-context-menu": "^2.2.16",
+    "@radix-ui/react-dialog": "^1.1.14",
+    "@radix-ui/react-dropdown-menu": "^2.1.15",
+    "@radix-ui/react-hover-card": "^1.1.15",
+    "@radix-ui/react-label": "^2.1.7",
+    "@radix-ui/react-menubar": "^1.1.16",
+    "@radix-ui/react-navigation-menu": "^1.2.14",
+    "@radix-ui/react-popover": "^1.1.14",
+    "@radix-ui/react-progress": "^1.1.8",
+    "@radix-ui/react-radio-group": "^1.3.7",
+    "@radix-ui/react-scroll-area": "^1.2.9",
+    "@radix-ui/react-select": "^2.2.5",
+    "@radix-ui/react-separator": "^1.1.7",
+    "@radix-ui/react-slider": "^1.3.5",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-switch": "^1.2.5",
+    "@radix-ui/react-tabs": "^1.1.12",
+    "@radix-ui/react-toast": "^1.2.15",
+    "@radix-ui/react-toggle": "^1.1.10",
+    "@radix-ui/react-toggle-group": "^1.1.11",
+    "@radix-ui/react-tooltip": "^1.2.7",
+    "@react-router/dev": "^8.1.0",
+    "@react-router/fs-routes": "^8.1.0",
+    "@swc/core": "^1.13.3",
+    "@tailwindcss/vite": "catalog:",
+    "@tanstack/react-query": "^5.99.2",
+    "@types/better-sqlite3": "^7.6.13",
+    "@types/node": "^24.2.1",
+    "@types/react": "catalog:",
+    "@types/react-dom": "catalog:",
+    "@vitejs/plugin-react-swc": "^4.0.0",
+    "@xterm/addon-fit": "^0.11.0",
+    "@xterm/addon-web-links": "^0.12.0",
+    "@xterm/xterm": "^6.0.0",
+    "better-sqlite3": "^12.11.1",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "drizzle-orm": "^0.45.2",
+    "embla-carousel-react": "^8.6.0",
+    "input-otp": "^1.4.2",
+    "next-themes": "^0.4.6",
+    "oxfmt": "catalog:",
+    "react": "catalog:",
+    "react-day-picker": "^9.14.0",
+    "react-dom": "catalog:",
+    "react-hook-form": "^7.71.2",
+    "react-resizable-panels": "^4.10.0",
+    "react-router": "^8.1.0",
+    "recharts": "^3.8.1",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.5.0",
+    "tailwindcss": "catalog:",
+    "tsx": "^4.20.3",
+    "typescript": "catalog:",
+    "typescript-7": "catalog:",
+    "vaul": "^1.1.2",
+    "vite": "catalog:",
+    "vitest": "catalog:"
+  },
+  "packageManager": "pnpm@10.14.0+sha512.ad27a79641b49c3e481a16a805baa71817a04bbe06a38d17e60e2eaee83f6a146c6a688125f5792e48dd5ba30e7da52a5cda4c3992b9ccf333f9ce223af84748"
+}

package/corpus/templates/tasks/playwright.config.ts

@@ -0,0 +1,34 @@
+import { defineConfig, devices } from "@playwright/test";
+
+const PORT = Number(process.env.PLAYWRIGHT_PORT ?? 5174);
+const HOST = process.env.PLAYWRIGHT_HOST ?? "127.0.0.1";
+const BASE_URL = `http://${HOST}:${PORT}`;
+const E2E_DB_PATH = "./data/e2e-playwright.db";
+
+export default defineConfig({
+  testDir: "./e2e",
+  fullyParallel: false,
+  forbidOnly: !!process.env.CI,
+  retries: process.env.CI ? 2 : 0,
+  workers: 1,
+  reporter: process.env.CI ? "github" : "list",
+  timeout: 60_000,
+  use: {
+    baseURL: BASE_URL,
+    trace: "on-first-retry",
+    screenshot: "only-on-failure",
+  },
+  globalSetup: "./e2e/global-setup.ts",
+  webServer: {
+    command: `AUTH_DISABLED=true DATABASE_URL=file:${E2E_DB_PATH} pnpm exec agent-native dev -- --port ${PORT} --host ${HOST} --strictPort`,
+    url: `${BASE_URL}/tasks`,
+    reuseExistingServer: false,
+    timeout: 120_000,
+  },
+  projects: [
+    {
+      name: "chromium",
+      use: { ...devices["Desktop Chrome"] },
+    },
+  ],
+});

package/corpus/templates/tasks/public/agent-native-icon-dark.svg

@@ -0,0 +1,10 @@
+<svg width="114" height="66" viewBox="0 0 114 66" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24.5537 65.7695H0L15.0859 39.4619L37.708 0L60.4912 39.4619H39.6396L24.5537 65.7695Z" fill="white"/>
+<path d="M89.446 0H114L76.2921 65.7704H51.7383L89.446 0Z" fill="url(#paint0_linear_3201_29)"/>
+<defs>
+<linearGradient id="paint0_linear_3201_29" x1="101.702" y1="67.4791" x2="113.672" y2="-37.4275" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00B5FF"/>
+<stop offset="1" stop-color="#48FFE4"/>
+</linearGradient>
+</defs>
+</svg>