Task-list-first personal task manager (template)

.changeset/tasks-template.md

@@ -0,0 +1,5 @@
+---
+"@agent-native/core": minor
+---
+
+Add the Tasks template app — a task-list-first agent-native workspace with inbox triage, custom fields, and full action parity for UI and agent.

AGENTS.md

@@ -21,6 +21,11 @@ read the relevant skill before changing that area.
 - When adding package dependencies or framework integrations, verify the current
   latest version first with `npm view`/`pnpm view` or current docs. Do not rely
   on remembered versions.
+- Write few code comments. Only comment a constraint the code cannot show, such
+  as a non-obvious trap a future change would otherwise reintroduce. Never
+  comment what the next line does, why a change is correct, or where it came
+  from. Keep a comment that earns its place to a line or two; prefer clearer
+  names and smaller functions over prose.
 - When changing docs under `packages/core/docs/content`, update the matching
   localized docs under `packages/core/docs/content/locales/*` when the source
   meaning changes. If translations cannot be updated in the same change, call

packages/core/src/cli/templates-meta.ts

@@ -214,6 +214,19 @@ export const TEMPLATES: TemplateMeta[] = [
     requiredPackages: ["embedding"],
     core: true,
   },
+  {
+    name: "tasks",
+    label: "Tasks",
+    hint: "Task-list-first workspace — inbox capture, custom fields, and drag-and-drop ordering",
+    icon: "ListCheck",
+    color: "#6366F1",
+    colorRgb: "99 102 241",
+    devPort: 8091,
+    prodUrl: "https://tasks.agent-native.com",
+    defaultMode: "prod",
+    hidden: true,
+    core: false,
+  },
   {
     name: "macros",
     label: "Macros",

packages/core/src/client/org/OrgSwitcher.tsx

@@ -14,6 +14,7 @@ import {
   IconCode,
   IconFileText,
   IconLayoutBoard,
+  IconListCheck,
   IconLoader2,
   IconLogout,
   IconMail,
@@ -122,6 +123,7 @@ const APP_ICON_MAP: Record<string, typeof IconApps> = {
   CalendarTime: IconCalendarTime,
   Globe: IconWorld,
   Photo: IconPhoto,
+  ListCheck: IconListCheck,
 };
 
 function appMenuIcon(app: OrgSwitcherAppLink): typeof IconApps {

packages/desktop-app/src/renderer/components/Sidebar.tsx

@@ -24,6 +24,7 @@ import {
   IconRoute,
   IconWorld,
   IconPhoto,
+  IconListCheck,
 } from "@tabler/icons-react";
 
 import { UpdateIndicator } from "./UpdateIndicator.js";
@@ -56,6 +57,7 @@ const ICON_MAP: Record<string, React.ComponentType<Record<string, unknown>>> = {
   CalendarTime: IconCalendarTime,
   Globe: IconWorld,
   Photo: IconPhoto,
+  ListCheck: IconListCheck,
 };
 
 interface SidebarProps {

packages/mobile-app/components/AppCard.tsx

@@ -15,6 +15,7 @@ const ICON_MAP: Record<string, keyof typeof Feather.glyphMap> = {
   Database: "database",
   MessageSquare: "message-square",
   Route: "shuffle",
+  ListCheck: "check-square",
   Settings: "settings",
 };
 

packages/shared-app-config/templates.ts

@@ -217,6 +217,19 @@ export const TEMPLATES: TemplateMeta[] = [
     alwaysAvailable: true,
     core: true,
   },
+  {
+    name: "tasks",
+    label: "Tasks",
+    hint: "Task-list-first workspace — inbox capture, custom fields, and drag-and-drop ordering",
+    icon: "ListCheck",
+    color: "#6366F1",
+    colorRgb: "99 102 241",
+    devPort: 8091,
+    prodUrl: "https://tasks.agent-native.com",
+    defaultMode: "prod",
+    hidden: true,
+    core: false,
+  },
   {
     name: "macros",
     label: "Macros",

scripts/i18n-raw-literal-baseline.txt

@@ -24,6 +24,41 @@ templates/design/app/components/design/code-workbench/workspace/types.ts|` or `l
 templates/design/app/components/design/edit-panel/effects-properties.tsx|, elementKey: string, nextLayers: readonly Pick
 templates/design/app/components/design/multi-screen/screen-content-cache.ts|, existingScreenIds: ReadonlySet
 templates/design/app/components/design/multi-screen/screen-content-cache.ts|, liveScreenIds: ReadonlySet
-templates/design/app/pages/design-editor/pending-edits.ts|, primaryInfo?: Pick
 templates/design/app/pages/DesignEditor.tsx|Could not open component source
 templates/design/app/pages/DesignEditor.tsx|Migration failed
+templates/design/app/pages/design-editor/pending-edits.ts|, primaryInfo?: Pick
+templates/tasks/app/components/custom-fields/FieldCreateBar.tsx|Create new field
+templates/tasks/app/components/custom-fields/FieldCreateBar.tsx|Field title
+templates/tasks/app/components/custom-fields/FieldCreateBar.tsx|Field type
+templates/tasks/app/components/custom-fields/FieldCreateBar.tsx|Multi-select
+templates/tasks/app/components/custom-fields/FieldCreateBar.tsx|New field title
+templates/tasks/app/components/custom-fields/FieldCreateBar.tsx|Rich text
+templates/tasks/app/components/custom-fields/FieldCreateBar.tsx|Single-select
+templates/tasks/app/components/custom-fields/FieldsList.tsx|Field created.
+templates/tasks/app/components/custom-fields/FieldsList.tsx|Fields list
+templates/tasks/app/components/custom-fields/FieldsList.tsx|Task card fields
+templates/tasks/app/components/custom-fields/FieldsListSkeleton.tsx|Fields list
+templates/tasks/app/components/custom-fields/editor/FieldTitleSection.tsx|Edit field title
+templates/tasks/app/components/custom-fields/editor/config/NumberConfigControl.tsx|Positive numbers only
+templates/tasks/app/components/custom-fields/editor/config/SelectConfigControl.tsx|Add option
+templates/tasks/app/components/inbox/InboxList.tsx|Add to inbox...
+templates/tasks/app/components/inbox/InboxList.tsx|Could not delete selected inbox items.
+templates/tasks/app/components/inbox/InboxList.tsx|Inbox list
+templates/tasks/app/components/inbox/InboxListRow.tsx|Mark ready
+templates/tasks/app/components/layout/Header.tsx|Open navigation
+templates/tasks/app/components/layout/Layout.tsx|App navigation links
+templates/tasks/app/components/layout/Layout.tsx|Open navigation
+templates/tasks/app/components/shared/ListViewHeader.tsx|Show all
+templates/tasks/app/components/shared/dnd/ListRowPreview.tsx|Mark ready
+templates/tasks/app/components/shared/selection/ListSelectionBar.tsx|Could not mark selected items ready.
+templates/tasks/app/components/shared/selection/ListSelectionBar.tsx|Could not update selected tasks.
+templates/tasks/app/components/shared/selection/ListSelectionBar.tsx|Mark complete
+templates/tasks/app/components/shared/selection/ListSelectionBar.tsx|Mark incomplete
+templates/tasks/app/components/shared/selection/ListSelectionBar.tsx|Mark ready
+templates/tasks/app/components/shared/selection/ListSelectionToolbar.tsx|Exit selection mode
+templates/tasks/app/components/tasks/TaskList.tsx|Could not delete selected tasks.
+templates/tasks/app/components/tasks/TaskListRow.tsx|Visible task fields
+templates/tasks/app/components/tasks/fields/TaskFieldsSidebar.tsx|No fields defined.
+templates/tasks/app/components/tasks/fields/TaskTitleSection.tsx|Edit task title
+templates/tasks/app/components/tasks/fields/controls/RichTextValueControl.tsx|Bulleted list
+templates/tasks/app/components/tasks/fields/controls/RichTextValueControl.tsx|Numbered list

templates/tasks/.agents/commands/visual-plan.md

@@ -0,0 +1,9 @@
+---
+description: Create an interactive Agent-Native visual plan for the current task.
+argument-hint: [optional request or scope]
+---
+
+Use the visual-plan skill for this task. Treat any arguments as the user's
+requested plan scope or focus:
+
+$ARGUMENTS