feat(showcase): dogfood ADR-0085 stageField-driven default kanban lanes (#2596)

Two `board` views that deliberately omit the (spec-optional) kanban binding,
so the lane field resolves through the shared stageField detector:

- showcase_semantic_zoo (stageField:'status') → lanes Draft/Active/Done with
  zero view-level config — the objectui#2596 role-driven default;
- showcase_semantic_zoo_legacy (stageField:false) → NO default lanes; the
  pre-#2596 hard-coded 'status' fallback would have grouped by Red/Green.

detail-shapes e2e gains the paired assertion (lanes present / lanes
suppressed, no page errors on either board).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016wpaFMPowSn4nAWsjeGZib

Author: claude

examples/app-showcase/e2e/detail-shapes.spec.ts

@@ -137,6 +137,27 @@ test('stageField:false: status renders as a plain field, no stepper', async ({ p
   expect(errors, 'uncaught page errors on stageField:false detail').toEqual([]);
 });
 
+test('kanban default lanes honour stageField — role drives lanes, strict-false suppresses them', async ({ page }) => {
+  // Both `board` views deliberately carry NO kanban binding (spec-optional),
+  // so the lane field resolves through the shared stageField detector
+  // (objectui#2596).
+
+  // Positive: zoo declares stageField:'status' → lanes are the option
+  // labels, with zero view-level config.
+  let errors = await openRecord(page, `/_console/apps/${APP}/showcase_semantic_zoo?view=board`);
+  await expect(page.getByText('Draft', { exact: true }).first()).toBeVisible();
+  await expect(page.getByText('Done', { exact: true }).first()).toBeVisible();
+  expect(errors, 'uncaught page errors on stageField board').toEqual([]);
+
+  // Negative: legacy zoo declares stageField:false (its status is a color,
+  // not a lifecycle) → NO default lanes. The pre-#2596 hard-coded 'status'
+  // fallback would have grouped by Red / Green.
+  errors = await openRecord(page, `/_console/apps/${APP}/showcase_semantic_zoo_legacy?view=board`);
+  await expect(page.getByText('Red', { exact: true })).toHaveCount(0);
+  await expect(page.getByText('Green', { exact: true })).toHaveCount(0);
+  expect(errors, 'uncaught page errors on suppressed board').toEqual([]);
+});
+
 test('ungrouped + related-heavy: flat details and related-list tabs on Contoso', async ({ page }) => {
   const errors = await openRecord(page, recordUrl('showcase_account', contosoId));
 

examples/app-showcase/objectstack.config.ts

@@ -18,7 +18,7 @@ import { ExternalCustomer, ExternalOrder } from './src/data/objects/external/ind
 import { setupShowcaseExternalDatasource } from './src/system/datasources/external-fixture.js';
 import { registerRecalcEndpoint } from './src/system/server/recalc-endpoint.js';
 import { registerShowcasePositionBindings } from './src/security/bind-position-sets.js';
-import { TaskViews, ProjectViews, InquiryViews, BusinessUnitViews } from './src/ui/views/index.js';
+import { TaskViews, ProjectViews, InquiryViews, BusinessUnitViews, SemanticZooViews, SemanticZooLegacyViews } from './src/ui/views/index.js';
 import { ShowcaseApp } from './src/ui/apps/index.js';
 import { ChartGalleryDashboard, OpsDashboard, RevenuePulseDashboard } from './src/ui/dashboards/index.js';
 import { ShowcaseTaskDataset, ShowcaseProjectDataset, ShowcaseInvoiceDataset, ShowcaseAccountDataset } from './src/ui/datasets/index.js';
@@ -181,7 +181,7 @@ export default defineStack({
   // UI
   apps: [ShowcaseApp],
   portals: allPortals,
-  views: [TaskViews, ProjectViews, InquiryViews, BusinessUnitViews],
+  views: [TaskViews, ProjectViews, InquiryViews, BusinessUnitViews, SemanticZooViews, SemanticZooLegacyViews],
   pages: [CapabilityMapPage, StartHerePage, ComponentGalleryPage, ProjectWorkspacePage, ProjectDetailPage, TaskWorkbenchPage, TaskTriagePage, TaskBoardPage, TaskCalendarPage, TaskGalleryPage, TaskSchedulePage, TaskTimelinePage, TaskMapPage, TaskAllViewsPage, ActiveProjectsPage, TaskDetailPage, ReviewQueuePage, NewProjectWizardPage, MyWorkPage, SettingsPage, StylingGalleryPage, CommandCenterPage, CommandCenterJsxPage, CrmWorkbenchPage, TaskDeskPage, PageVariablesPage, ContactFormPage, RenewalsPipelinePage],
   dashboards: [ChartGalleryDashboard, OpsDashboard, RevenuePulseDashboard],
   books: allBooks,

examples/app-showcase/src/ui/views/index.ts

@@ -5,3 +5,4 @@ export { ProjectViews } from './project.view.js';
 export { InquiryViews } from './inquiry.view.js';
 export { BusinessUnitViews } from './business-unit.view.js';
 export { ContactViews } from './contact.view.js';
+export { SemanticZooViews, SemanticZooLegacyViews } from './semantic-zoo.view.js';

examples/app-showcase/src/ui/views/semantic-zoo.view.ts

@@ -0,0 +1,38 @@
+// Copyright (c) 2026 ObjectStack. Licensed under the Apache-2.0 license.
+
+import { defineView } from '@objectstack/spec';
+
+/**
+ * Semantic-zoo kanban views — runtime dogfood for the ADR-0085 `stageField`
+ * role driving DEFAULT kanban lanes (objectui#2596).
+ *
+ * Both boards deliberately omit the `kanban` binding (it is optional on the
+ * view schema): with no explicit `groupByField`, the lane field resolves
+ * through the shared `detectStatusField` semantics —
+ *
+ *  - `showcase_semantic_zoo` declares `stageField: 'status'` → the board
+ *    lanes by Draft / Active / Done with zero view-level config;
+ *  - `showcase_semantic_zoo_legacy` declares `stageField: false` (its
+ *    `status` is a color, not a lifecycle) → NO default lanes: the board
+ *    renders its empty state instead of grouping by Red / Green, which is
+ *    exactly what the pre-#2596 hard-coded 'status' fallback used to do.
+ *
+ * Guarded by `examples/app-showcase/e2e/detail-shapes.spec.ts`.
+ */
+export const SemanticZooViews = defineView({
+  board: {
+    label: 'Board (lanes from stageField)',
+    type: 'kanban',
+    data: { provider: 'object' as const, object: 'showcase_semantic_zoo' },
+    columns: ['name', 'code', 'amount'],
+  },
+});
+
+export const SemanticZooLegacyViews = defineView({
+  board: {
+    label: 'Board (no lanes by design)',
+    type: 'kanban',
+    data: { provider: 'object' as const, object: 'showcase_semantic_zoo_legacy' },
+    columns: ['name', 'amount'],
+  },
+});