@abgov/nx-adsp 13.27.0 → 13.28.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/nx-adsp",
-  "version": "13.27.0",
+  "version": "13.28.0",
   "license": "Apache-2.0",
   "main": "src/index.js",
   "description": "Government of Alberta - Nx plugin for ADSP apps.",

package/src/generators/vue-admin-crud/vue-admin-crud.js

@@ -43,11 +43,13 @@ function default_1(host, options) {
             path: `${normalizedOptions.route}/:id`,
             componentImportPath: `../views/${normalizedOptions.editViewFileName}.vue`,
             requiresAuth: normalizedOptions.requiresAuth,
+            layout: 'form',
         });
         (0, vue_router_1.insertVueRoute)(host, normalizedOptions.projectRoot, normalizedOptions.project, {
             path: normalizedOptions.route,
             componentImportPath: `../views/${normalizedOptions.listViewFileName}.vue`,
             requiresAuth: normalizedOptions.requiresAuth,
+            layout: 'wide',
         });
         yield (0, devkit_1.formatFiles)(host);
     });

package/src/generators/vue-admin-crud/vue-admin-crud.js.map

@@ -1 +1 @@
-{"version":3,"file":"vue-admin-crud.js","sourceRoot":"","sources":["../../../../../../packages/nx-adsp/src/generators/vue-admin-crud/vue-admin-crud.ts"],"names":[],"mappings":";;AAkDA,4BAiCC;;AAnFD,uCAMoB;AACpB,6BAA6B;AAC7B,uDAAwD;AACxD,qEAE0C;AAG1C,6EAA6E;AAC7E,4EAA4E;AAC5E,8EAA8E;AAC9E,2EAA2E;AAC3E,0EAA0E;AAC1E,6EAA6E;AAC7E,iEAAiE;AACjE,SAAS,WAAW,CAAC,MAAwB;IAC3C,MAAM,MAAM,GAAG,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IACxE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAClD,MAAM,IAAI,KAAK,CACb,sFAAsF,CACvF,CAAC;IACJ,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,SAAS,gBAAgB,CAAC,IAAU,EAAE,OAAe;;IACnD,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,IAAA,iCAAwB,EAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;IAE9E,MAAM,SAAS,GAAG,IAAA,cAAK,EAAC,OAAO,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC;IAChD,0EAA0E;IAC1E,+BAA+B;IAC/B,MAAM,OAAO,GAAG,MAAA,OAAO,CAAC,OAAO,mCAAI,SAAS,CAAC,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC;IAC/E,uCACK,OAAO,KACV,WAAW,EACX,MAAM,EAAE,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,EACnC,gBAAgB,EAAE,GAAG,SAAS,UAAU,EACxC,gBAAgB,EAAE,GAAG,SAAS,UAAU,EACxC,OAAO,EACP,aAAa,EAAE,MAAA,OAAO,CAAC,aAAa,mCAAI,OAAO,EAC/C,YAAY,EAAE,MAAA,OAAO,CAAC,YAAY,mCAAI,IAAI,IAC1C;AACJ,CAAC;AAED,mBAA+B,IAAU,EAAE,OAAe;;QACxD,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAE1D,2EAA2E;QAC3E,oCAAoC;QACpC,MAAM,IAAA,wBAAsB,EAAC,IAAI,CAAC,CAAC;QAEnC,IAAA,sBAAa,EACX,IAAI,EACJ,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,EAC7B,iBAAiB,CAAC,WAAW,kCAExB,iBAAiB,KACpB,aAAa,EAAE,IAAA,wCAAuB,EAAC,IAAI,CAAC,EAC5C,IAAI,EAAE,EAAE,IAEX,CAAC;QAEF,yEAAyE;QACzE,sEAAsE;QACtE,uEAAuE;QACvE,IAAA,2BAAc,EAAC,IAAI,EAAE,iBAAiB,CAAC,WAAW,EAAE,iBAAiB,CAAC,OAAO,EAAE;YAC7E,IAAI,EAAE,GAAG,iBAAiB,CAAC,KAAK,MAAM;YACtC,mBAAmB,EAAE,YAAY,iBAAiB,CAAC,gBAAgB,MAAM;YACzE,YAAY,EAAE,iBAAiB,CAAC,YAAY;SAC7C,CAAC,CAAC;QACH,IAAA,2BAAc,EAAC,IAAI,EAAE,iBAAiB,CAAC,WAAW,EAAE,iBAAiB,CAAC,OAAO,EAAE;YAC7E,IAAI,EAAE,iBAAiB,CAAC,KAAK;YAC7B,mBAAmB,EAAE,YAAY,iBAAiB,CAAC,gBAAgB,MAAM;YACzE,YAAY,EAAE,iBAAiB,CAAC,YAAY;SAC7C,CAAC,CAAC;QAEH,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;CAAA"}
+{"version":3,"file":"vue-admin-crud.js","sourceRoot":"","sources":["../../../../../../packages/nx-adsp/src/generators/vue-admin-crud/vue-admin-crud.ts"],"names":[],"mappings":";;AAkDA,4BAmCC;;AArFD,uCAMoB;AACpB,6BAA6B;AAC7B,uDAAwD;AACxD,qEAE0C;AAG1C,6EAA6E;AAC7E,4EAA4E;AAC5E,8EAA8E;AAC9E,2EAA2E;AAC3E,0EAA0E;AAC1E,6EAA6E;AAC7E,iEAAiE;AACjE,SAAS,WAAW,CAAC,MAAwB;IAC3C,MAAM,MAAM,GAAG,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IACxE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAClD,MAAM,IAAI,KAAK,CACb,sFAAsF,CACvF,CAAC;IACJ,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,SAAS,gBAAgB,CAAC,IAAU,EAAE,OAAe;;IACnD,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,IAAA,iCAAwB,EAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;IAE9E,MAAM,SAAS,GAAG,IAAA,cAAK,EAAC,OAAO,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC;IAChD,0EAA0E;IAC1E,+BAA+B;IAC/B,MAAM,OAAO,GAAG,MAAA,OAAO,CAAC,OAAO,mCAAI,SAAS,CAAC,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC;IAC/E,uCACK,OAAO,KACV,WAAW,EACX,MAAM,EAAE,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,EACnC,gBAAgB,EAAE,GAAG,SAAS,UAAU,EACxC,gBAAgB,EAAE,GAAG,SAAS,UAAU,EACxC,OAAO,EACP,aAAa,EAAE,MAAA,OAAO,CAAC,aAAa,mCAAI,OAAO,EAC/C,YAAY,EAAE,MAAA,OAAO,CAAC,YAAY,mCAAI,IAAI,IAC1C;AACJ,CAAC;AAED,mBAA+B,IAAU,EAAE,OAAe;;QACxD,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAE1D,2EAA2E;QAC3E,oCAAoC;QACpC,MAAM,IAAA,wBAAsB,EAAC,IAAI,CAAC,CAAC;QAEnC,IAAA,sBAAa,EACX,IAAI,EACJ,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,EAC7B,iBAAiB,CAAC,WAAW,kCAExB,iBAAiB,KACpB,aAAa,EAAE,IAAA,wCAAuB,EAAC,IAAI,CAAC,EAC5C,IAAI,EAAE,EAAE,IAEX,CAAC;QAEF,yEAAyE;QACzE,sEAAsE;QACtE,uEAAuE;QACvE,IAAA,2BAAc,EAAC,IAAI,EAAE,iBAAiB,CAAC,WAAW,EAAE,iBAAiB,CAAC,OAAO,EAAE;YAC7E,IAAI,EAAE,GAAG,iBAAiB,CAAC,KAAK,MAAM;YACtC,mBAAmB,EAAE,YAAY,iBAAiB,CAAC,gBAAgB,MAAM;YACzE,YAAY,EAAE,iBAAiB,CAAC,YAAY;YAC5C,MAAM,EAAE,MAAM;SACf,CAAC,CAAC;QACH,IAAA,2BAAc,EAAC,IAAI,EAAE,iBAAiB,CAAC,WAAW,EAAE,iBAAiB,CAAC,OAAO,EAAE;YAC7E,IAAI,EAAE,iBAAiB,CAAC,KAAK;YAC7B,mBAAmB,EAAE,YAAY,iBAAiB,CAAC,gBAAgB,MAAM;YACzE,YAAY,EAAE,iBAAiB,CAAC,YAAY;YAC5C,MAAM,EAAE,MAAM;SACf,CAAC,CAAC;QAEH,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;CAAA"}

package/src/generators/vue-admin-crud/vue-admin-crud.spec.ts

@@ -177,7 +177,7 @@ describe('Vue Admin CRUD Generator', () => {
       "component: () => import('../views/RegionsEditView.vue')",
     );
     expect(
-      routerTs.split('meta: { requiresAuth: true }').length - 1,
+      routerTs.split('requiresAuth: true').length - 1,
     ).toBe(2);
     // The existing route is untouched, not replaced.
     expect(routerTs).toContain("{ path: '/', component: HomeView }");

package/src/generators/vue-components/files/AGENTS.md__tmpl__

@@ -56,7 +56,7 @@ inline styles.
 |---|---|---|
 | `<div style="background:white;border:1px solid …;border-radius:…;padding:…">` | `<goa-container>` | The bordered, padded card box. `type`/`accent` variants |
 | `<div style="display:flex;gap:…;align-items:…">` | `<goa-block>` | Flex row or stack, `gap` and `direction` props |
-| `<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(…))">` | `<goa-grid>` | Responsive auto-fit grid, `min-child-width` prop |
+| `<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(…))">` | `<goa-grid>` | Responsive auto-fit grid, `minchildwidth` prop (all lowercase — `min-child-width` silently does nothing) |
 | `<h2 style="font-size:…;font-weight:…;color:…">`, styled `span`/`p` | `<goa-text>` | Typography scale: `size`, `weight`, `color`, `mt`/`mb` |
 | `<table>` with `<th style>`/`<td style>` | `<goa-table>` (+ `<goa-table-sort-header>`) | For any table that isn't a paginated list view — `WorkspaceTable` already wraps this for that case |
 | Tab `<button>`s toggling `v-if` blocks | `<goa-tabs>` + `<goa-tab heading="…">` | Slot-based and self-managing: `initialtab` sets the first open tab, no `v-model` and no `@_change` |

package/src/generators/vue-components/files/src/lib/formatters.spec.ts__tmpl__

@@ -13,6 +13,32 @@ describe('formatters', () => {
     expect(formatDateTime('2026-08-28T14:05:00.000Z')).toMatch(/\d{1,2}:\d{2}/);
   });
 
+  // The input every generated `type: 'date'` column and field actually carries.
+  // Its absence is why a UTC-parsing bug shipped: the suite covered ISO
+  // timestamps, Dates and epoch numbers, but never a bare calendar date.
+  it.each([
+    ['2026-07-14'],
+    ['2026-01-01'],
+    ['2026-12-31'],
+  ])('renders the bare calendar date %s unchanged, in any timezone', (value) => {
+    expect(formatDate(value)).toBe(value);
+  });
+
+  it('does not invent a midnight for a date-only value', () => {
+    expect(formatDateTime('2026-07-14')).toBe('2026-07-14');
+  });
+
+  it('still renders a time for a real instant', () => {
+    expect(formatDateTime('2026-07-14T14:05:00.000Z')).toMatch(/\d{1,2}:\d{2}/);
+  });
+
+  it.each(['2026-13-45', '2026-02-30', '2026-00-10'])(
+    'rejects the out-of-range date %s rather than rolling it over',
+    (value) => {
+      expect(formatDate(value)).toBe('—');
+    },
+  );
+
   it('accepts a Date, an epoch number, and an ISO string alike', () => {
     const iso = '2026-08-28T00:00:00.000Z';
     const expected = formatDate(iso);

package/src/generators/vue-components/files/src/lib/formatters.ts__tmpl__

@@ -21,6 +21,13 @@ const currency = new Intl.NumberFormat(LOCALE, {
   currency: 'CAD',
 });
 
+// A bare YYYY-MM-DD names a calendar date, not an instant, and must be built
+// from local parts. `new Date('2026-07-14')` parses as UTC midnight, which in
+// Alberta (UTC-6/-7) is 13 July 18:00 local — so the naive path renders the day
+// before, and on 1 January the year before. Every `type: 'date'` field the view
+// generators emit arrives in exactly this form.
+const DATE_ONLY = /^(\d{4})-(\d{2})-(\d{2})$/;
+
 // `unknown` rather than a date union: views read fields off a record whose shape
 // the generator doesn't know, so every call site would otherwise need a cast.
 // Anything that isn't a usable date becomes the em dash, same as null.
@@ -34,6 +41,23 @@ function toValidDate(value: unknown): Date | null {
     return Number.isNaN(value.getTime()) ? null : value;
   }
   if (typeof value !== 'string' && typeof value !== 'number') return null;
+
+  if (typeof value === 'string') {
+    const parts = DATE_ONLY.exec(value);
+    if (parts) {
+      const [, year, month, day] = parts.map(Number);
+      const local = new Date(year, month - 1, day);
+      // Date's constructor rolls over out-of-range parts (month 13 becomes
+      // January of the next year) instead of failing, so round-trip the parts
+      // to reject '2026-13-45' and '2026-02-30' rather than render a wrong day.
+      return local.getFullYear() === year &&
+        local.getMonth() === month - 1 &&
+        local.getDate() === day
+        ? local
+        : null;
+    }
+  }
+
   const date = new Date(value);
   return Number.isNaN(date.getTime()) ? null : date;
 }
@@ -44,10 +68,18 @@ export function formatDate(value: unknown): string {
   return date ? dateOnly.format(date) : EMPTY;
 }
 
-/** Date with a short time, for audit/activity timestamps. */
+/**
+ * Date with a short time, for audit/activity timestamps. A date-only value has
+ * no time to show, so it falls back to the date alone rather than inventing a
+ * midnight that was never in the data.
+ */
 export function formatDateTime(value: unknown): string {
   const date = toValidDate(value);
-  return date ? dateAndTime.format(date) : EMPTY;
+  if (!date) return EMPTY;
+  if (typeof value === 'string' && DATE_ONLY.test(value)) {
+    return dateOnly.format(date);
+  }
+  return dateAndTime.format(date);
 }
 
 /**

package/src/generators/vue-components/files/src/lib/patterns/Stepper.spec.ts__tmpl__

@@ -0,0 +1,42 @@
+import { describe, it, expect } from 'vitest';
+import { mount } from '@vue/test-utils';
+import Stepper from './Stepper.vue';
+
+// goa-form-stepper's own `step` prop (1-based) drives the progress bar and the
+// current-step emphasis; goa-form-step's status enum has no "current" value.
+// Without it the element defaults to 1 and every page of a wizard shows step one
+// as current.
+const steps = [
+  { key: 'a', label: 'A', status: 'complete' as const },
+  { key: 'b', label: 'B', status: 'incomplete' as const },
+  { key: 'c', label: 'C', status: 'not-started' as const },
+];
+
+const stepAttr = (step?: number) =>
+  mount(Stepper, { props: step === undefined ? { steps } : { steps, step } })
+    .find('goa-form-stepper')
+    .attributes('step');
+
+describe('Stepper', () => {
+  it('forwards the current step to goa-form-stepper', () => {
+    expect(stepAttr(2)).toBe('2');
+    expect(stepAttr(3)).toBe('3');
+  });
+
+  it('defaults to the first step', () => {
+    expect(stepAttr()).toBe('1');
+  });
+
+  it('clamps out of range rather than handing the element a bad progress value', () => {
+    // goa-form-stepper sets a <progress> value from this; out of range yields a
+    // non-finite value that throws in the browser.
+    expect(stepAttr(0)).toBe('1');
+    expect(stepAttr(-5)).toBe('1');
+    expect(stepAttr(99)).toBe('3');
+  });
+
+  it('clamps to 1 when there are no steps', () => {
+    const el = mount(Stepper, { props: { steps: [], step: 4 } }).find('goa-form-stepper');
+    expect(el.attributes('step')).toBe('1');
+  });
+});

package/src/generators/vue-components/files/src/lib/patterns/Stepper.vue__tmpl__

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { computed } from 'vue';
 // Wraps the real, native goa-form-stepper/goa-form-step pair (confirmed via
 // design.alberta.ca/components/form-stepper -- there wasn't one when the spec
 // this is based on was written, hence "nobody used a native GoA stepper"; that
@@ -17,12 +18,27 @@ export interface StepperStep {
   status: 'complete' | 'incomplete' | 'not-started';
 }
 
-const props = defineProps<{ steps: StepperStep[] }>();
+// `step` is goa-form-stepper's OWN prop (1-based) and is what drives the
+// progress bar and the current-step emphasis. Without it the element defaults
+// to 1, so every page of a wizard renders step one as current and the internal
+// <progress> sits at zero. goa-form-step's status enum has no "current" value —
+// that state lives on the parent, which is easy to miss when reading only the
+// child's API.
+const props = withDefaults(
+  defineProps<{ steps: StepperStep[]; step?: number }>(),
+  { step: 1 },
+);
+
+// Clamped: the element sets a <progress> value from this, and an out-of-range
+// number yields a non-finite value that throws in the browser.
+const currentStep = computed(() =>
+  Math.min(Math.max(props.step, 1), Math.max(props.steps.length, 1)),
+);
 const emit = defineEmits<{ select: [key: string] }>();
 </script>
 
 <template>
-  <goa-form-stepper>
+  <goa-form-stepper :step="currentStep">
     <goa-form-step
       v-for="(step, index) in props.steps"
       :key="step.key"

package/src/generators/vue-components/files/src/lib/patterns/WorkspaceTable.spec.ts__tmpl__

@@ -0,0 +1,33 @@
+import { describe, it, expect } from 'vitest';
+import { mount } from '@vue/test-utils';
+import WorkspaceTable from './WorkspaceTable.vue';
+
+// goa-pagination registers pagenumber/itemcount/perpagecount with no
+// attribute: alias, so kebab-case bindings never arrive and the control
+// renders "Page — of NaN".
+describe('WorkspaceTable pagination wiring', () => {
+  const props = {
+    columns: [{ key: 'a', label: 'A' }],
+    rows: [{ a: 1 }],
+    loading: false,
+    error: null,
+    page: 2,
+    itemCount: 34,
+    perPageCount: 10,
+  };
+
+  it('passes the lowercase attribute names the element registers', () => {
+    const el = mount(WorkspaceTable, { props }).find('goa-pagination');
+    expect(el.exists()).toBe(true);
+    expect(el.attributes('pagenumber')).toBe('2');
+    expect(el.attributes('itemcount')).toBe('34');
+    expect(el.attributes('perpagecount')).toBe('10');
+  });
+
+  it('does not emit the kebab-case names that silently do nothing', () => {
+    const el = mount(WorkspaceTable, { props }).find('goa-pagination');
+    for (const wrong of ['page-number', 'item-count', 'per-page-count']) {
+      expect(el.attributes(wrong)).toBeUndefined();
+    }
+  });
+});

package/src/generators/vue-components/files/src/lib/patterns/WorkspaceTable.vue__tmpl__

@@ -115,12 +115,18 @@ function ariaSort(
 
       <goa-spacer vspacing="l" />
 
+      <!-- All-lowercase, not kebab-case: goa-pagination registers `pagenumber`,
+           `itemcount`, `perpagecount` with no `attribute:` alias, so kebab-case
+           bindings never reach it and the control renders "Page — of NaN".
+           (goa-work-side-menu's `userName` DOES declare attribute: "user-name",
+           which is why the design system looks inconsistent here -- check the
+           registered name per element rather than assuming a convention.) -->
       <goa-pagination
         v-if="page && itemCount && perPageCount && itemCount > perPageCount"
         version="2"
-        :page-number="page"
-        :item-count="itemCount"
-        :per-page-count="perPageCount"
+        :pagenumber="page"
+        :itemcount="itemCount"
+        :perpagecount="perPageCount"
         @_change="(e) => emit('pageChange', (e as CustomEvent<{ page: number }>).detail?.page ?? 1)"
       />
     </template>

package/src/generators/vue-components/files/src/lib/primitives/GoabDatePicker.vue__tmpl__

@@ -9,8 +9,14 @@
 // wrappers read, so it does not use skeleton A verbatim.
 //
 // Consumers that need a wire format (a query parameter, a JSON body) convert at
-// that boundary — `date?.toISOString().slice(0, 10)` for YYYY-MM-DD — rather
-// than this wrapper guessing which format is wanted.
+// that boundary, and must build YYYY-MM-DD from LOCAL calendar parts:
+//
+//   `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`
+//
+// NOT `toISOString().slice(0, 10)`. toISOString goes through UTC, and the UTC
+// day of a local-midnight Date is the previous day anywhere west of Greenwich —
+// in Alberta (UTC-6/-7) that files every date one day early. FilterBar's
+// `toIsoDate` is the reference implementation.
 //
 // Usage: <GoabDatePicker v-model="startDate" name="startDate" :max="new Date()" />
 const model = defineModel<Date | undefined>();

package/src/generators/vue-components/vue-components.spec.ts

@@ -75,6 +75,35 @@ describe('Vue Components Generator', () => {
     const filterBar = host
       .read('libs/vue-components/src/lib/patterns/FilterBar.vue')
       .toString();
+    // goa-pagination registers all-lowercase prop names with no attribute:
+    // alias, so kebab-case bindings silently never arrive and the control
+    // renders "Page — of NaN".
+    const table = host
+      .read('libs/vue-components/src/lib/patterns/WorkspaceTable.vue')
+      .toString();
+    for (const prop of [':pagenumber=', ':itemcount=', ':perpagecount=']) {
+      expect(table).toContain(prop);
+    }
+    for (const wrong of [':page-number=', ':item-count=', ':per-page-count=']) {
+      expect(table).not.toContain(wrong);
+    }
+
+    // A bare YYYY-MM-DD is a calendar date, not an instant: parsing it through
+    // `new Date(string)` yields UTC midnight, which in Alberta is the day before.
+    const formattersSrc = host
+      .read('libs/vue-components/src/lib/formatters.ts')
+      .toString();
+    // goa-form-stepper's `step` prop drives the progress bar; without it every
+    // page of a wizard renders step one as current.
+    const stepper = host
+      .read('libs/vue-components/src/lib/patterns/Stepper.vue')
+      .toString();
+    expect(stepper).toContain(':step="currentStep"');
+    expect(stepper).toContain('Math.min(Math.max(props.step, 1)');
+
+    expect(formattersSrc).toContain('DATE_ONLY');
+    expect(formattersSrc).toContain('local.getFullYear() === year');
+
     expect(filterBar).toContain('goa-filter-chip');
     expect(filterBar).toContain('goa-details');
     // Precise API forms, not bare words -- 'page' appears in the component's own
@@ -99,6 +128,8 @@ describe('Vue Components Generator', () => {
     for (const spec of [
       'libs/vue-components/src/lib/patterns/FilterBar.spec.ts',
       'libs/vue-components/src/lib/primitives/GoabDatePicker.spec.ts',
+      'libs/vue-components/src/lib/patterns/WorkspaceTable.spec.ts',
+      'libs/vue-components/src/lib/patterns/Stepper.spec.ts',
     ]) {
       expect(host.exists(spec)).toBeTruthy();
     }

package/src/generators/vue-detail-view/files/src/views/__viewFileName__.vue__tmpl__

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref, watch } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
-import { RecordDetailShell, formatCurrency, formatDateTime } from '<%= goaImportPath %>';
+import { RecordDetailShell, formatCurrency, formatDate } from '<%= goaImportPath %>';
 import { useApi } from '../composables/useApi';
 
 // The fetched record's shape isn't known to this generator -- read fields
@@ -54,7 +54,7 @@ function goBack() {
 <% if (field.type === 'badge') { -%>
         <goa-badge type="information" :content="String(record['<%= field.key %>'] ?? '—')" />
 <% } else if (field.type === 'date') { -%>
-        {{ formatDateTime(record['<%= field.key %>']) }}
+        {{ formatDate(record['<%= field.key %>']) }}
 <% } else if (field.type === 'currency') { -%>
         {{ formatCurrency(record['<%= field.key %>']) }}
 <% } else { -%>

package/src/generators/vue-detail-view/vue-detail-view.spec.ts

@@ -111,12 +111,14 @@ describe('Vue Detail View Generator', () => {
     expect(view).not.toContain('onMounted(');
     expect(view).not.toContain('function formatCurrency');
 
-    expect(view).toContain('formatDateTime');
+    expect(view).toContain('formatDate');
     expect(view).not.toContain('function formatDate');
     expect(view).toContain(
       "<goa-badge type=\"information\" :content=\"String(record['status'] ?? '—')\" />",
     );
-    expect(view).toContain("formatDateTime(record['lastSaved'])");
+    // A type: 'date' column is a calendar date -- formatDate, not
+    // formatDateTime, which would show an invented midnight.
+    expect(view).toContain("formatDate(record['lastSaved'])");
     expect(view).toContain("formatCurrency(record['requestTotal'])");
     expect(view).toContain("record['serviceModel'] ?? '—'");
     expect(view).toContain('<dt>Status</dt>');
@@ -128,7 +130,7 @@ describe('Vue Detail View Generator', () => {
       view
         .replace(/\s+/g, ' ')
         .match(/import \{[^}]*\} from '@proj\/vue-components';/)?.[0] ?? '';
-    for (const name of ['RecordDetailShell', 'formatCurrency', 'formatDateTime']) {
+    for (const name of ['RecordDetailShell', 'formatCurrency', 'formatDate']) {
       expect(goaImport).toContain(name);
     }
     expect(view).toContain('<RecordDetailShell');
@@ -151,6 +153,8 @@ describe('Vue Detail View Generator', () => {
       "component: () => import('../views/ApplicationDetailView.vue')",
     );
     expect(routerTs).toContain('meta: { requiresAuth: true }');
+    // A record info list is neither a table nor a form -- default width.
+    expect(routerTs).not.toContain('layout:');
     // The existing route is untouched, not replaced.
     expect(routerTs).toContain("{ path: '/', component: HomeView }");
   }, 30000);

package/src/generators/vue-intake-view/files/steps/src/views/__stepViewFileName__.vue__tmpl__

@@ -145,7 +145,7 @@ function goBack() {
 
 <template>
   <div>
-    <Stepper :steps="stepperSteps" @select="onStepperSelect" />
+    <Stepper :steps="stepperSteps" :step="<%= stepNumber %>" @select="onStepperSelect" />
 
     <goa-spacer vspacing="l" />
 

package/src/generators/vue-intake-view/vue-intake-view.js

@@ -53,7 +53,11 @@ function default_1(host, options) {
         steps.forEach((step, index) => {
             const nextStepKey = index === steps.length - 1 ? 'review' : steps[index + 1].key;
             (0, devkit_1.generateFiles)(host, path.join(__dirname, 'files/steps'), projectRoot, Object.assign(Object.assign({}, normalizedOptions), { goaImportPath, stepViewFileName: stepViewFileName(step.key), stepKey: step.key, stepLabel: step.label, stepFields: step.fields, stepperSteps,
-                nextStepKey, tmpl: '' }));
+                nextStepKey, 
+                // 1-based, for goa-form-stepper's own `step` prop. The generator knows
+                // which step it is emitting; the view would otherwise have to re-derive
+                // it from the route.
+                stepNumber: index + 1, tmpl: '' }));
         });
         (0, devkit_1.generateFiles)(host, path.join(__dirname, 'files/shared'), projectRoot, Object.assign(Object.assign({}, normalizedOptions), { goaImportPath,
             reviewViewFileName,
@@ -70,6 +74,7 @@ function default_1(host, options) {
             path: `${normalizedOptions.route}/:id/review`,
             componentImportPath: `../views/${reviewViewFileName}.vue`,
             requiresAuth: normalizedOptions.requiresAuth,
+            layout: 'form',
         });
         for (let i = steps.length - 1; i >= 0; i--) {
             const step = steps[i];
@@ -77,6 +82,7 @@ function default_1(host, options) {
                 path: `${normalizedOptions.route}/:id/${step.key}`,
                 componentImportPath: `../views/${stepViewFileName(step.key)}.vue`,
                 requiresAuth: normalizedOptions.requiresAuth,
+                layout: 'form',
             });
         }
         yield (0, devkit_1.formatFiles)(host);

package/src/generators/vue-intake-view/vue-intake-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"vue-intake-view.js","sourceRoot":"","sources":["../../../../../../packages/nx-adsp/src/generators/vue-intake-view/vue-intake-view.ts"],"names":[],"mappings":";;AAsDA,4BAsEC;;AA5HD,uCAMoB;AACpB,6BAA6B;AAC7B,uDAAwD;AACxD,qEAE0C;AAG1C,6EAA6E;AAC7E,4EAA4E;AAC5E,6EAA6E;AAC7E,2EAA2E;AAC3E,0EAA0E;AAC1E,4EAA4E;AAC5E,iEAAiE;AACjE,SAAS,UAAU,CAAC,KAAsB;IACxC,MAAM,MAAM,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IACrE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAClD,MAAM,IAAI,KAAK,CACb,2EAA2E,CAC5E,CAAC;IACJ,CAAC;IACD,MAAM,IAAI,GAAG,IAAI,GAAG,EAAU,CAAC;IAC/B,KAAK,MAAM,IAAI,IAAI,MAAM,EAAE,CAAC;QAC1B,IAAI,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;YACvB,MAAM,IAAI,KAAK,CAAC,sCAAsC,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC;QACtE,CAAC;QACD,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACrB,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,SAAS,gBAAgB,CAAC,IAAU,EAAE,OAAe;;IACnD,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,IAAA,iCAAwB,EAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;IAC9E,uCACK,OAAO,KACV,WAAW,EACX,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,EAChC,YAAY,EAAE,MAAA,OAAO,CAAC,YAAY,mCAAI,IAAI,EAC1C,QAAQ,EAAE,IAAA,cAAK,EAAC,OAAO,CAAC,IAAI,CAAC,CAAC,SAAS,IACvC;AACJ,CAAC;AAED,mFAAmF;AACnF,SAAS,gBAAgB,CAAC,OAAe;IACvC,OAAO,GAAG,IAAA,cAAK,EAAC,OAAO,CAAC,CAAC,SAAS,UAAU,CAAC;AAC/C,CAAC;AAED,mBAA+B,IAAU,EAAE,OAAe;;QACxD,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAC1D,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,iBAAiB,CAAC;QAE3D,yEAAyE;QACzE,iDAAiD;QACjD,MAAM,IAAA,wBAAsB,EAAC,IAAI,CAAC,CAAC;QAEnC,MAAM,aAAa,GAAG,IAAA,wCAAuB,EAAC,IAAI,CAAC,CAAC;QACpD,MAAM,kBAAkB,GAAG,GAAG,QAAQ,YAAY,CAAC;QACnD,MAAM,wBAAwB,GAAG,GAAG,QAAQ,kBAAkB,CAAC;QAE/D,MAAM,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YACxC,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,KAAK,EAAE,IAAI,CAAC,KAAK;SAClB,CAAC,CAAC,CAAC;QAEJ,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC5B,MAAM,WAAW,GACf,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;YAE/D,IAAA,sBAAa,EACX,IAAI,EACJ,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,aAAa,CAAC,EACnC,WAAW,kCAEN,iBAAiB,KACpB,aAAa,EACb,gBAAgB,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,EAC5C,OAAO,EAAE,IAAI,CAAC,GAAG,EACjB,SAAS,EAAE,IAAI,CAAC,KAAK,EACrB,UAAU,EAAE,IAAI,CAAC,MAAM,EACvB,YAAY;gBACZ,WAAW,EACX,IAAI,EAAE,EAAE,IAEX,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,IAAA,sBAAa,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,cAAc,CAAC,EAAE,WAAW,kCAChE,iBAAiB,KACpB,aAAa;YACb,kBAAkB;YAClB,wBAAwB,EACxB,IAAI,EAAE,EAAE,IACR,CAAC;QAEH,wEAAwE;QACxE,wEAAwE;QACxE,4BAA4B;QAC5B,IAAA,2BAAc,EAAC,IAAI,EAAE,WAAW,EAAE,OAAO,CAAC,OAAO,EAAE;YACjD,IAAI,EAAE,GAAG,iBAAiB,CAAC,KAAK,mBAAmB;YACnD,mBAAmB,EAAE,YAAY,wBAAwB,MAAM;YAC/D,YAAY,EAAE,iBAAiB,CAAC,YAAY;SAC7C,CAAC,CAAC;QACH,IAAA,2BAAc,EAAC,IAAI,EAAE,WAAW,EAAE,OAAO,CAAC,OAAO,EAAE;YACjD,IAAI,EAAE,GAAG,iBAAiB,CAAC,KAAK,aAAa;YAC7C,mBAAmB,EAAE,YAAY,kBAAkB,MAAM;YACzD,YAAY,EAAE,iBAAiB,CAAC,YAAY;SAC7C,CAAC,CAAC;QACH,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;YAC3C,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;YACtB,IAAA,2BAAc,EAAC,IAAI,EAAE,WAAW,EAAE,OAAO,CAAC,OAAO,EAAE;gBACjD,IAAI,EAAE,GAAG,iBAAiB,CAAC,KAAK,QAAQ,IAAI,CAAC,GAAG,EAAE;gBAClD,mBAAmB,EAAE,YAAY,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM;gBACjE,YAAY,EAAE,iBAAiB,CAAC,YAAY;aAC7C,CAAC,CAAC;QACL,CAAC;QAED,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;CAAA"}
+{"version":3,"file":"vue-intake-view.js","sourceRoot":"","sources":["../../../../../../packages/nx-adsp/src/generators/vue-intake-view/vue-intake-view.ts"],"names":[],"mappings":"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"}

package/src/generators/vue-intake-view/vue-intake-view.spec.ts

@@ -107,6 +107,14 @@ describe('Vue Intake View Generator', () => {
       .toString();
     // Last step in the list moves to review, not another step.
     expect(step2).toContain('/applications/${nextId}/review');
+    // Each step tells the Stepper which step it is (1-based) -- the generator
+    // knows, so the view doesn't re-derive it from the route. Without it every
+    // page renders step one as current.
+    expect(step1).toContain(':step="1"');
+    expect(step2).toContain(':step="2"');
+    // Single-column forms ask for the narrow variant.
+    const routerForm = host.read('apps/test/src/router/index.ts').toString();
+    expect(routerForm).toContain("layout: 'form'");
     // A required field gets a validation block + requirement="required"; an
     // explicitly non-required one gets neither.
     expect(step2).toContain("found.push({ message: 'Email is required.'");
@@ -156,7 +164,7 @@ describe('Vue Intake View Generator', () => {
       "component: () => import('../views/ApplicationConfirmationView.vue')",
     );
     expect(
-      routerTs.split('meta: { requiresAuth: true }').length - 1,
+      routerTs.split('requiresAuth: true').length - 1,
     ).toBe(4);
     // The existing route is untouched, not replaced.
     expect(routerTs).toContain("{ path: '/', component: HomeView }");

package/src/generators/vue-workspace-view/files/src/views/__viewFileName__.vue__tmpl__

@@ -1,6 +1,13 @@
 <script setup lang="ts">
 import { ref, onMounted<% if (filterable) { %>, onUnmounted<% } %> } from 'vue';
-import { WorkspaceTable, formatCurrency, formatDateTime } from '<%= goaImportPath %>';
+import {
+  WorkspaceTable,
+<% if (filters.length) { -%>
+  FilterBar,
+<% } -%>
+  formatCurrency,
+  formatDate,
+} from '<%= goaImportPath %>';
 import { useApi } from '../composables/useApi';
 
 const { list } = useApi();
@@ -25,6 +32,38 @@ const search = ref('');
 let searchDebounce: ReturnType<typeof setTimeout> | undefined;
 <% } -%>
 
+<% if (filters.length) { -%>
+// A ref, not a const: a dropdown's options can be fetched (load them in `load`
+// or a second call and assign into the matching descriptor) without changing
+// FilterBar's contract.
+const filterDescriptors = ref([
+<% filters.forEach(function (filter) { -%>
+  {
+    key: '<%- filter.key %>',
+    label: '<%- filter.label %>',
+    type: '<%- filter.type %>' as const,
+<% if (filter.type === 'dropdown') { -%>
+    options: <%- JSON.stringify(filter.options ?? []) %>,
+<% if (filter.anyLabel) { -%>
+    anyLabel: '<%- filter.anyLabel %>',
+<% } -%>
+<% } -%>
+  },
+<% }); -%>
+]);
+
+// Query-ready values, keyed by filter. FilterBar owns the controls and the
+// chips; the page reset and the reload below belong here because `page` is this
+// view's state.
+const filterValues = ref<Record<string, string>>({});
+
+function onFiltersChange(next: Record<string, string>) {
+  filterValues.value = next;
+  page.value = 1;
+  void load();
+}
+<% } -%>
+
 const PAGE_SIZE = <%= pageSize %>;
 
 // load() fires from page change, sort<% if (filterable) { %>, and the debounced search<% } %>, so two requests can
@@ -48,6 +87,9 @@ async function load() {
 <% } -%>
       sortBy: sortBy.value,
       sortDir: sortDir.value,
+<% if (filters.length) { -%>
+      filters: filterValues.value,
+<% } -%>
     });
     if (sequence !== loadSequence) return;
     rows.value = result.rows;
@@ -118,6 +160,16 @@ onUnmounted(() => {
 
     <goa-spacer vspacing="l" />
 <% } -%>
+<% if (filters.length) { -%>
+
+    <FilterBar
+      :filters="filterDescriptors"
+      :model-value="filterValues"
+      @update:model-value="onFiltersChange"
+    />
+
+    <goa-spacer vspacing="l" />
+<% } -%>
 
     <WorkspaceTable
       :columns="columns"
@@ -140,7 +192,7 @@ onUnmounted(() => {
       </template>
 <% } else if (column.type === 'date') { -%>
       <template #cell-<%= column.key %>="{ row }">
-        {{ formatDateTime(row['<%= column.key %>']) }}
+        {{ formatDate(row['<%= column.key %>']) }}
       </template>
 <% } else if (column.type === 'currency') { -%>
       <template #cell-<%= column.key %>="{ row }">

package/src/generators/vue-workspace-view/schema.d.ts

@@ -5,6 +5,16 @@ export interface WorkspaceViewColumn {
   sortable?: boolean;
 }
 
+export interface WorkspaceViewFilter {
+  key: string;
+  label: string;
+  type: 'dropdown' | 'date';
+  /** Dropdown only. Omit and populate `filterDescriptors` at runtime to fetch them. */
+  options?: { value: string; label: string }[];
+  /** Dropdown only. Label for the "no filter" choice. Defaults to "Any". */
+  anyLabel?: string;
+}
+
 export interface Schema {
   project: string;
   name: string;
@@ -16,6 +26,8 @@ export interface Schema {
    * also accepted for programmatic callers (e.g. tests).
    */
   columns: string | WorkspaceViewColumn[];
+  /** Same JSON-string-on-the-CLI reasoning as `columns`. */
+  filters?: string | WorkspaceViewFilter[];
   detailRoute?: string;
   heading?: string;
   pageSize?: number;
@@ -23,11 +35,13 @@ export interface Schema {
   requiresAuth?: boolean;
 }
 
-export interface NormalizedSchema extends Omit<Schema, 'columns'> {
+export interface NormalizedSchema extends Omit<Schema, 'columns' | 'filters'> {
   projectRoot: string;
   /** PascalCase view name with a "ListView" suffix, e.g. ApplicationsListView. */
   viewFileName: string;
   columns: WorkspaceViewColumn[];
+  /** Empty when --filters wasn't given, so the template can skip the FilterBar. */
+  filters: WorkspaceViewFilter[];
   heading: string;
   pageSize: number;
   filterable: boolean;

package/src/generators/vue-workspace-view/schema.json

@@ -35,6 +35,10 @@
       "type": "string",
       "description": "JSON array of table columns, in display order -- e.g. '[{\"key\":\"status\",\"label\":\"Status\",\"type\":\"badge\",\"sortable\":true}]'. Each item: { key, label, type?: \"text\"|\"date\"|\"currency\"|\"badge\" (default \"text\"), sortable?: boolean }. A plain array is also accepted when this generator is invoked programmatically. Nx's CLI option coercion only supports comma-separated primitive lists for array-typed schema properties, not JSON -- a JSON string is the only CLI syntax that actually survives Nx's own arg parsing for a structured list like this."
     },
+    "filters": {
+      "type": "string",
+      "description": "JSON array of filter controls rendered above the table by FilterBar, beyond the --filterable search box -- e.g. '[{\"key\":\"status\",\"label\":\"Status\",\"type\":\"dropdown\",\"options\":[{\"value\":\"open\",\"label\":\"Open\"}]},{\"key\":\"from\",\"label\":\"From\",\"type\":\"date\"}]'. Each item: { key, label, type: \"dropdown\"|\"date\", options?: [{value,label}], anyLabel? }. Values are sent as query parameters alongside search/page/sort, so the API decides what each key means. Omit for no filter bar. Same JSON-string-on-the-CLI reasoning as --columns."
+    },
     "detailRoute": {
       "type": "string",
       "description": "If set, each row gets a \"View\" action linking to `${detailRoute}/${row.id}` -- typically a vue-detail-view's route with the :id segment dropped. Omit to leave the actions column for manual customization."
@@ -59,6 +63,12 @@
       "default": true
     }
   },
-  "required": ["project", "name", "resource", "route", "columns"],
+  "required": [
+    "project",
+    "name",
+    "resource",
+    "route",
+    "columns"
+  ],
   "additionalProperties": false
 }

package/src/generators/vue-workspace-view/vue-workspace-view.js

@@ -20,11 +20,26 @@ function parseColumns(columns) {
     }
     return parsed;
 }
+// Same JSON-string-on-the-CLI reasoning as parseColumns above.
+function parseFilters(filters) {
+    if (filters === undefined || filters === '')
+        return [];
+    const parsed = typeof filters === 'string' ? JSON.parse(filters) : filters;
+    if (!Array.isArray(parsed)) {
+        throw new Error('--filters must be a JSON array of { key, label, type: "dropdown"|"date", options?, anyLabel? } objects.');
+    }
+    for (const filter of parsed) {
+        if (filter.type !== 'dropdown' && filter.type !== 'date') {
+            throw new Error(`--filters[].type must be "dropdown" or "date"; got "${filter.type}" for "${filter.key}".`);
+        }
+    }
+    return parsed;
+}
 function normalizeOptions(host, options) {
     var _a, _b, _c, _d, _e;
     const { root: projectRoot } = (0, devkit_1.readProjectConfiguration)(host, options.project);
     const className = (0, devkit_1.names)(options.name).className;
-    return Object.assign(Object.assign({}, options), { projectRoot, columns: parseColumns(options.columns), viewFileName: `${className}ListView`, 
+    return Object.assign(Object.assign({}, options), { projectRoot, columns: parseColumns(options.columns), filters: parseFilters(options.filters), viewFileName: `${className}ListView`, 
         // className is PascalCase (e.g. "Applications") -- space it out for a
         // readable default heading ("Applications").
         heading: (_a = options.heading) !== null && _a !== void 0 ? _a : className.replace(/([A-Z])/g, ' $1').trim(), pageSize: (_b = options.pageSize) !== null && _b !== void 0 ? _b : 20, filterable: (_c = options.filterable) !== null && _c !== void 0 ? _c : true, requiresAuth: (_d = options.requiresAuth) !== null && _d !== void 0 ? _d : true, 
@@ -44,6 +59,8 @@ function default_1(host, options) {
             path: normalizedOptions.route,
             componentImportPath: `../views/${normalizedOptions.viewFileName}.vue`,
             requiresAuth: normalizedOptions.requiresAuth,
+            // A multi-column table at the 1000px default wraps every cell.
+            layout: 'wide',
         });
         yield (0, devkit_1.formatFiles)(host);
     });

package/src/generators/vue-workspace-view/vue-workspace-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"vue-workspace-view.js","sourceRoot":"","sources":["../../../../../../packages/nx-adsp/src/generators/vue-workspace-view/vue-workspace-view.ts"],"names":[],"mappings":";;AAqDA,4BAyBC;;AA9ED,uCAMoB;AACpB,6BAA6B;AAC7B,uDAAwD;AACxD,qEAE0C;AAG1C,6EAA6E;AAC7E,4EAA4E;AAC5E,6EAA6E;AAC7E,6EAA6E;AAC7E,0EAA0E;AAC1E,8EAA8E;AAC9E,iEAAiE;AACjE,SAAS,YAAY,CAAC,OAA0B;IAC9C,MAAM,MAAM,GAAG,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAC3E,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAClD,MAAM,IAAI,KAAK,CACb,uFAAuF,CACxF,CAAC;IACJ,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,SAAS,gBAAgB,CAAC,IAAU,EAAE,OAAe;;IACnD,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,IAAA,iCAAwB,EAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;IAE9E,MAAM,SAAS,GAAG,IAAA,cAAK,EAAC,OAAO,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC;IAChD,uCACK,OAAO,KACV,WAAW,EACX,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,EACtC,YAAY,EAAE,GAAG,SAAS,UAAU;QACpC,sEAAsE;QACtE,6CAA6C;QAC7C,OAAO,EAAE,MAAA,OAAO,CAAC,OAAO,mCAAI,SAAS,CAAC,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,IAAI,EAAE,EACvE,QAAQ,EAAE,MAAA,OAAO,CAAC,QAAQ,mCAAI,EAAE,EAChC,UAAU,EAAE,MAAA,OAAO,CAAC,UAAU,mCAAI,IAAI,EACtC,YAAY,EAAE,MAAA,OAAO,CAAC,YAAY,mCAAI,IAAI;QAC1C,6EAA6E;QAC7E,2EAA2E;QAC3E,4EAA4E;QAC5E,WAAW,EAAE,MAAA,OAAO,CAAC,WAAW,mCAAI,IAAI,IACxC;AACJ,CAAC;AAED,mBAA+B,IAAU,EAAE,OAAe;;QACxD,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAE1D,2EAA2E;QAC3E,oCAAoC;QACpC,MAAM,IAAA,wBAAsB,EAAC,IAAI,CAAC,CAAC;QAEnC,IAAA,sBAAa,EACX,IAAI,EACJ,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,EAC7B,iBAAiB,CAAC,WAAW,kCAExB,iBAAiB,KACpB,aAAa,EAAE,IAAA,wCAAuB,EAAC,IAAI,CAAC,EAC5C,IAAI,EAAE,EAAE,IAEX,CAAC;QAEF,IAAA,2BAAc,EAAC,IAAI,EAAE,iBAAiB,CAAC,WAAW,EAAE,iBAAiB,CAAC,OAAO,EAAE;YAC7E,IAAI,EAAE,iBAAiB,CAAC,KAAK;YAC7B,mBAAmB,EAAE,YAAY,iBAAiB,CAAC,YAAY,MAAM;YACrE,YAAY,EAAE,iBAAiB,CAAC,YAAY;SAC7C,CAAC,CAAC;QAEH,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;CAAA"}
+{"version":3,"file":"vue-workspace-view.js","sourceRoot":"","sources":["../../../../../../packages/nx-adsp/src/generators/vue-workspace-view/vue-workspace-view.ts"],"names":[],"mappings":"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"}

package/src/generators/vue-workspace-view/vue-workspace-view.spec.ts

@@ -121,7 +121,7 @@ describe('Vue Workspace View Generator', () => {
     expect(view).toContain('clearTimeout(searchDebounce)');
 
     // Dates come from the shared formatter, not a per-view copy.
-    expect(view).toContain('formatDateTime');
+    expect(view).toContain('formatDate');
     expect(view).not.toContain('function formatDate');
     expect(view).not.toContain('toLocaleString');
     expect(view).not.toContain('Intl.');
@@ -129,7 +129,9 @@ describe('Vue Workspace View Generator', () => {
     expect(view).toContain(
       "<goa-badge type=\"information\" :content=\"String(row['status'] ?? '—')\" />",
     );
-    expect(view).toContain("formatDateTime(row['lastSaved'])");
+    // A type: 'date' column is a calendar date -- formatDate, not
+    // formatDateTime, which would show an invented midnight.
+    expect(view).toContain("formatDate(row['lastSaved'])");
     expect(view).toContain("formatCurrency(row['requestTotal'])");
     // Uses the shared table shell, not hand-rolled loading/pagination markup.
     // Read the import's contents rather than an exact line: formatFiles wraps a
@@ -138,7 +140,7 @@ describe('Vue Workspace View Generator', () => {
       view
         .replace(/\s+/g, ' ')
         .match(/import \{[^}]*\} from '@proj\/vue-components';/)?.[0] ?? '';
-    for (const name of ['WorkspaceTable', 'formatCurrency', 'formatDateTime']) {
+    for (const name of ['WorkspaceTable', 'formatCurrency', 'formatDate']) {
       expect(goaImport).toContain(name);
     }
     expect(view).toContain('<WorkspaceTable');
@@ -147,6 +149,71 @@ describe('Vue Workspace View Generator', () => {
     expect(view).toContain('searchDebounce');
   }, 30000);
 
+  describe('--filters', () => {
+    const filters = JSON.stringify([
+      {
+        key: 'status',
+        label: 'Status',
+        type: 'dropdown',
+        options: [{ value: 'open', label: 'Open' }],
+        anyLabel: 'All statuses',
+      },
+      { key: 'from', label: 'From', type: 'date' },
+    ]);
+
+    it('wires the shared FilterBar and sends the values as query filters', async () => {
+      await generator(host, { ...baseOptions, filters });
+      const view = host
+        .read('apps/test/src/views/ApplicationsListView.vue')
+        .toString();
+
+      expect(view).toContain('FilterBar');
+      expect(view).toContain(':filters="filterDescriptors"');
+      expect(view).toContain('@update:model-value="onFiltersChange"');
+      // The values object goes straight through useApi's adapter.
+      expect(view).toContain('filters: filterValues.value');
+      // The view owns the page reset, not FilterBar -- it owns `page`.
+      expect(view).toContain('page.value = 1');
+      // Descriptors are a ref so fetched dropdown options can be assigned in.
+      expect(view).toContain('const filterDescriptors = ref([');
+      expect(view).toContain("anyLabel: 'All statuses'");
+      expect(view).toContain("type: 'date' as const");
+    });
+
+    it('leaves output byte-identical when --filters is omitted', async () => {
+      await generator(host, baseOptions);
+      const without = host
+        .read('apps/test/src/views/ApplicationsListView.vue')
+        .toString();
+      expect(without).not.toContain('FilterBar');
+      expect(without).not.toContain('filterValues');
+      expect(without).not.toContain('onFiltersChange');
+    });
+
+    it('rejects a filter type it cannot render, naming the offender', async () => {
+      await expect(
+        generator(host, {
+          ...baseOptions,
+          filters: JSON.stringify([
+            { key: 'x', label: 'X', type: 'checkbox' },
+          ]),
+        }),
+      ).rejects.toThrow('--filters[].type must be "dropdown" or "date"; got "checkbox" for "x".');
+    });
+
+    it('accepts a real array, the form a programmatic caller passes', async () => {
+      await generator(host, {
+        ...baseOptions,
+        filters: [{ key: 'status', label: 'Status', type: 'dropdown' }],
+      });
+      const view = host
+        .read('apps/test/src/views/ApplicationsListView.vue')
+        .toString();
+      expect(view).toContain('FilterBar');
+      expect(view).toContain('options: []');
+    });
+  });
+
   it('omits onUnmounted along with the debounce when --filterable=false', async () => {
     // onUnmounted exists only to clear the search debounce, so importing it
     // unconditionally would be an unused import and fail the generated lint.
@@ -204,7 +271,9 @@ describe('Vue Workspace View Generator', () => {
     expect(routerTs).toContain(
       "component: () => import('../views/ApplicationsListView.vue')",
     );
-    expect(routerTs).toContain('meta: { requiresAuth: true }');
+    expect(routerTs).toContain('requiresAuth: true');
+    // A data table asks for the wide variant -- the generator knows it emitted one.
+    expect(routerTs).toContain("layout: 'wide'");
     expect(routerTs).toContain("{ path: '/', component: HomeView }");
   }, 30000);
 

package/src/utils/vue-router.d.ts

@@ -4,5 +4,12 @@ export interface VueRouteSpec {
     /** Relative import path passed to () => import(...), e.g. '../views/FooView.vue'. */
     componentImportPath: string;
     requiresAuth?: boolean;
+    /**
+     * Content width for the view, read by App.vue's `contentWidth` and passed to
+     * AppLayout. Omit for the 1000px default; a generator emitting a data table
+     * should say 'wide' and one emitting a single-column form 'form', since it
+     * already knows which it produced.
+     */
+    layout?: 'wide' | 'form';
 }
 export declare function insertVueRoute(host: Tree, projectRoot: string, project: string, route: VueRouteSpec): void;

package/src/utils/vue-router.js

@@ -16,8 +16,12 @@ function insertVueRoute(host, projectRoot, project, route) {
     if (markerIndex === -1) {
         throw new Error(`Could not find "${marker}" in ${routerPath} -- has its shape changed since @abgov/nx-adsp:vue-app generated it?`);
     }
-    const metaLine = route.requiresAuth
-        ? `\n      meta: { requiresAuth: true },`
+    const metaEntries = [
+        ...(route.requiresAuth ? ['requiresAuth: true'] : []),
+        ...(route.layout ? [`layout: '${route.layout}'`] : []),
+    ];
+    const metaLine = metaEntries.length
+        ? `\n      meta: { ${metaEntries.join(', ')} },`
         : '';
     const routeSnippet = `{\n` +
         `      path: '${route.path}',\n` +

package/src/utils/vue-router.js.map

@@ -1 +1 @@
-{"version":3,"file":"vue-router.js","sourceRoot":"","sources":["../../../../../packages/nx-adsp/src/utils/vue-router.ts"],"names":[],"mappings":";;AAYA,wCAqCC;AAxCD,6EAA6E;AAC7E,wEAAwE;AACxE,6EAA6E;AAC7E,SAAgB,cAAc,CAC5B,IAAU,EACV,WAAmB,EACnB,OAAe,EACf,KAAmB;;IAEnB,MAAM,UAAU,GAAG,GAAG,WAAW,sBAAsB,CAAC;IACxD,MAAM,OAAO,GAAG,MAAA,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,0CAAE,QAAQ,EAAE,CAAC;IAClD,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CACb,kBAAkB,UAAU,WAAW,OAAO,0DAA0D,CACzG,CAAC;IACJ,CAAC;IAED,MAAM,MAAM,GAAG,WAAW,CAAC;IAC3B,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAC5C,IAAI,WAAW,KAAK,CAAC,CAAC,EAAE,CAAC;QACvB,MAAM,IAAI,KAAK,CACb,mBAAmB,MAAM,QAAQ,UAAU,sEAAsE,CAClH,CAAC;IACJ,CAAC;IAED,MAAM,QAAQ,GAAG,KAAK,CAAC,YAAY;QACjC,CAAC,CAAC,uCAAuC;QACzC,CAAC,CAAC,EAAE,CAAC;IACP,MAAM,YAAY,GAChB,KAAK;QACL,gBAAgB,KAAK,CAAC,IAAI,MAAM;QAChC,kCAAkC,KAAK,CAAC,mBAAmB,MAAM,QAAQ,IAAI;QAC7E,QAAQ,CAAC;IAEX,MAAM,QAAQ,GAAG,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC;IAC7C,MAAM,OAAO,GACX,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC;QAC1B,SAAS,YAAY,EAAE;QACvB,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC1B,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAClC,CAAC"}
+{"version":3,"file":"vue-router.js","sourceRoot":"","sources":["../../../../../packages/nx-adsp/src/utils/vue-router.ts"],"names":[],"mappings":";;AAmBA,wCAyCC;AA5CD,6EAA6E;AAC7E,wEAAwE;AACxE,6EAA6E;AAC7E,SAAgB,cAAc,CAC5B,IAAU,EACV,WAAmB,EACnB,OAAe,EACf,KAAmB;;IAEnB,MAAM,UAAU,GAAG,GAAG,WAAW,sBAAsB,CAAC;IACxD,MAAM,OAAO,GAAG,MAAA,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,0CAAE,QAAQ,EAAE,CAAC;IAClD,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CACb,kBAAkB,UAAU,WAAW,OAAO,0DAA0D,CACzG,CAAC;IACJ,CAAC;IAED,MAAM,MAAM,GAAG,WAAW,CAAC;IAC3B,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAC5C,IAAI,WAAW,KAAK,CAAC,CAAC,EAAE,CAAC;QACvB,MAAM,IAAI,KAAK,CACb,mBAAmB,MAAM,QAAQ,UAAU,sEAAsE,CAClH,CAAC;IACJ,CAAC;IAED,MAAM,WAAW,GAAG;QAClB,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QACrD,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,YAAY,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;KACvD,CAAC;IACF,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAM;QACjC,CAAC,CAAC,mBAAmB,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK;QAChD,CAAC,CAAC,EAAE,CAAC;IACP,MAAM,YAAY,GAChB,KAAK;QACL,gBAAgB,KAAK,CAAC,IAAI,MAAM;QAChC,kCAAkC,KAAK,CAAC,mBAAmB,MAAM,QAAQ,IAAI;QAC7E,QAAQ,CAAC;IAEX,MAAM,QAAQ,GAAG,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC;IAC7C,MAAM,OAAO,GACX,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC;QAC1B,SAAS,YAAY,EAAE;QACvB,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC1B,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAClC,CAAC"}