Enhance example apps with help pages & dashboards

Add help pages, dashboards, demo data, and UI polish across example projects.

Highlights:
- CRM: add crm_help page, help nav item, app description and branding; minor navigation update.
- Opportunity: add missing "Qualification" stage to the select options.
- Kitchen-sink: rename app to "Showcase", add branding, new showcase_dashboard (metrics, charts, trend), showcase_help page, seeded demo records, and a daysFromNow helper. Add list_views to the KitchenSink object (all/active).
- Todo: rename app to "Task Tracker", add branding, task_dashboard (metrics & charts), todo_help page, daysFromNow helper, expanded manifest seed data. Update TodoTask schema: rename label to "Task", add status/assignee/category/estimated_hours/description fields, adjust compactLayout, and add list_views (all, board, calendar, active).

These changes improve the example apps' UX and provide richer sample data and views for demos.

Author: hotlong

examples/crm/objectstack.config.ts

@@ -21,11 +21,45 @@ export default defineStack({
     EventObject
   ],
   reports: [],
+  pages: [
+    {
+      name: 'crm_help',
+      label: 'Help & Resources',
+      type: 'app',
+      regions: [
+        {
+          name: 'main',
+          components: [
+            {
+              type: 'container',
+              properties: {
+                className: 'prose max-w-3xl mx-auto p-8 text-foreground',
+                children: [
+                  { type: 'text', properties: { value: '# CRM Help Guide', className: 'text-3xl font-bold mb-6 block' } },
+                  { type: 'text', properties: { value: 'Welcome to the CRM application. This guide covers the key features available in your sales workspace.', className: 'text-muted-foreground mb-6 block' } },
+                  { type: 'text', properties: { value: '## Navigation', className: 'text-xl font-semibold mb-3 block' } },
+                  { type: 'text', properties: { value: '- **Dashboard** — KPI metrics, revenue trends, pipeline charts\n- **Contacts** — Customer and lead management with map view\n- **Accounts** — Company records with geographic map\n- **Opportunities** — Sales pipeline with Kanban board\n- **Projects** — Task tracking with Gantt and Timeline views\n- **Calendar** — Events and meetings\n- **Orders & Products** — Sales catalog and order processing', className: 'whitespace-pre-line mb-6 block' } },
+                  { type: 'text', properties: { value: '## View Types', className: 'text-xl font-semibold mb-3 block' } },
+                  { type: 'text', properties: { value: 'Each object supports multiple view types. Use the view switcher in the toolbar to change between:\n- **Grid** — Tabular data with sorting and filtering\n- **Kanban** — Drag-and-drop board (Opportunities → Pipeline)\n- **Calendar** — Date-based event view (Events → Calendar)\n- **Gantt** — Project timeline (Projects → Gantt View)\n- **Map** — Geographic visualization (Accounts → Map View)\n- **Gallery** — Visual cards (Products → Product Gallery)', className: 'whitespace-pre-line mb-6 block' } },
+                  { type: 'text', properties: { value: '## Keyboard Shortcuts', className: 'text-xl font-semibold mb-3 block' } },
+                  { type: 'text', properties: { value: '- **⌘+K** — Open Command Palette for quick navigation\n- **⌘+N** — Create new record\n- Click any record row to open the detail panel', className: 'whitespace-pre-line block' } },
+                ]
+              }
+            }
+          ]
+        }
+      ]
+    }
+  ],
   apps: [
     App.create({
       name: 'crm_app',
       label: 'CRM',
       icon: 'briefcase',
+      description: 'Sales pipeline, accounts, and customer management',
+      branding: {
+        primaryColor: '#3B82F6',
+      },
       navigation: [
         {
           id: 'nav_dashboard',
@@ -90,6 +124,13 @@ export default defineStack({
                 icon: 'package'
              }
           ]
+        },
+        {
+          id: 'nav_help',
+          type: 'page',
+          pageName: 'crm_help',
+          label: 'Help',
+          icon: 'help-circle'
         }
       ]
     })

examples/crm/src/objects/opportunity.object.ts

@@ -7,7 +7,7 @@ export const OpportunityObject = ObjectSchema.create({
   fields: {
     name: Field.text({ label: 'Opportunity Name', required: true, searchable: true }),
     amount: Field.currency({ label: 'Amount' }),
-    stage: Field.select(["Prospecting", "Proposal", "Negotiation", "Closed Won", "Closed Lost"], { label: 'Stage' }),
+    stage: Field.select(["Prospecting", "Qualification", "Proposal", "Negotiation", "Closed Won", "Closed Lost"], { label: 'Stage' }),
     close_date: Field.date({ label: 'Close Date' }),
     account: Field.lookup('account', { label: 'Account' }),
     contacts: Field.lookup('contact', { label: 'Contacts', multiple: true }),