cabloy 5.1.158 → 5.1.159

package/repo-e2e/docs/specs/blogs-index.spec.ts

@@ -0,0 +1,180 @@
+import type { Page } from '@playwright/test';
+
+import { expect, test } from '@playwright/test';
+
+interface IRectangle {
+  bottom: number;
+  height: number;
+  left: number;
+  right: number;
+  top: number;
+  width: number;
+}
+
+interface IBlogsGeometry {
+  cards: IRectangle[];
+  grid: IRectangle & { display: string };
+}
+
+interface IArticleGeometry {
+  aside: IRectangle;
+  container: IRectangle;
+  content: IRectangle;
+  contentContainer: IRectangle;
+  body: IRectangle;
+}
+
+const blogArticlePaths = [
+  '/blogs/ai-react-nextjs-enterprise-architecture-cabloy/',
+  '/blogs/cabloy-fullstack-resource-addressing/',
+  '/blogs/nextjs-integrated-fullstack-cabloy-contract-loop/',
+  '/blogs/vue-object-oriented-zova-beginner-mental-model/',
+];
+
+function collectPageErrors(page: Page) {
+  const errors: Error[] = [];
+  page.on('pageerror', error => {
+    errors.push(error);
+  });
+  return errors;
+}
+
+function collectConsoleErrors(page: Page) {
+  const errors: string[] = [];
+  page.on('console', message => {
+    const text = message.text();
+    if (message.type() === 'error' || /hydration mismatch/i.test(text)) {
+      errors.push(text);
+    }
+  });
+  return errors;
+}
+
+function getDocumentHorizontalOverflow(page: Page) {
+  return page.evaluate(() => {
+    return (
+      Math.max(document.documentElement.scrollWidth, document.body.scrollWidth) - window.innerWidth
+    );
+  });
+}
+
+function getBlogsGeometry(page: Page) {
+  return page.locator('.cabloy-blog-grid').evaluate(grid => {
+    const toRectangle = (element: Element) => {
+      const { bottom, height, left, right, top, width } = element.getBoundingClientRect();
+      return { bottom, height, left, right, top, width };
+    };
+    const cards = Array.from(grid.querySelectorAll('.cabloy-blog-card'), toRectangle);
+    return {
+      grid: {
+        ...toRectangle(grid),
+        display: getComputedStyle(grid).display,
+      },
+      cards,
+    };
+  }) as Promise<IBlogsGeometry>;
+}
+
+function getArticleGeometry(page: Page) {
+  return page.locator('.VPDoc').evaluate(doc => {
+    const getRequiredChild = (parent: Element, selector: string) => {
+      const element = parent.querySelector(`:scope > ${selector}`);
+      if (!element) throw new Error(`Could not find ${selector}`);
+      return element;
+    };
+    const toRectangle = (element: Element) => {
+      const { bottom, height, left, right, top, width } = element.getBoundingClientRect();
+      return { bottom, height, left, right, top, width };
+    };
+    const container = getRequiredChild(doc, '.container');
+    const aside = getRequiredChild(container, '.aside');
+    const content = getRequiredChild(container, '.content');
+    const contentContainer = getRequiredChild(content, '.content-container');
+    const body = getRequiredChild(contentContainer, '.main').querySelector('.vp-doc');
+    if (!body) throw new Error('Could not find .vp-doc');
+    return {
+      aside: toRectangle(aside),
+      container: toRectangle(container),
+      content: toRectangle(content),
+      contentContainer: toRectangle(contentContainer),
+      body: toRectangle(body),
+    };
+  }) as Promise<IArticleGeometry>;
+}
+
+test(
+  'DOCS-BLOGS-01: Blogs index uses a wide desktop card grid',
+  { tag: '@layout' },
+  async ({ page }) => {
+    const pageErrors = collectPageErrors(page);
+    const consoleErrors = collectConsoleErrors(page);
+
+    const documentResponse = await page.goto('/blogs/', { waitUntil: 'load' });
+    expect(documentResponse?.ok()).toBeTruthy();
+
+    await expect(page.locator('.Layout.cabloy-blogs-index')).toBeVisible();
+    await expect(page.getByRole('heading', { name: 'Blogs', level: 1 })).toBeVisible();
+    await expect(page.locator('.VPDoc.has-sidebar')).toHaveCount(0);
+    await expect(page.locator('.VPDoc.has-aside')).toHaveCount(0);
+
+    const cards = page.locator('.cabloy-blog-card');
+    await expect(cards).toHaveCount(4);
+    for (let index = 0; index < 4; index++) {
+      await expect(cards.nth(index)).toBeVisible();
+      await expect(cards.nth(index).locator('.cabloy-blog-card__cover img')).toBeVisible();
+    }
+
+    const geometry = await getBlogsGeometry(page);
+    expect(geometry.grid.display).toBe('grid');
+    expect(geometry.cards).toHaveLength(4);
+
+    const [firstCard, ...remainingCards] = geometry.cards;
+    expect(firstCard.width).toBeGreaterThanOrEqual(279);
+    for (const card of remainingCards) {
+      expect(Math.abs(card.top - firstCard.top)).toBeLessThanOrEqual(1);
+      expect(Math.abs(card.width - firstCard.width)).toBeLessThanOrEqual(1);
+      expect(card.left).toBeGreaterThan(firstCard.left);
+      expect(card.left).toBeGreaterThanOrEqual(geometry.grid.left - 1);
+      expect(card.right).toBeLessThanOrEqual(geometry.grid.right + 1);
+      expect(card.right).toBeLessThanOrEqual(1441);
+    }
+    expect(firstCard.left).toBeGreaterThanOrEqual(geometry.grid.left - 1);
+    expect(firstCard.right).toBeLessThanOrEqual(geometry.grid.right + 1);
+    expect(firstCard.right).toBeLessThanOrEqual(1441);
+
+    await expect.poll(() => getDocumentHorizontalOverflow(page)).toBeLessThanOrEqual(1);
+    expect(pageErrors).toEqual([]);
+    expect(consoleErrors).toEqual([]);
+  },
+);
+
+test(
+  'DOCS-BLOGS-02: Blog articles use a wide desktop body with an outline aside',
+  { tag: '@layout' },
+  async ({ page }) => {
+    const pageErrors = collectPageErrors(page);
+    const consoleErrors = collectConsoleErrors(page);
+
+    for (const path of blogArticlePaths) {
+      const documentResponse = await page.goto(path, { waitUntil: 'load' });
+      expect(documentResponse?.ok()).toBeTruthy();
+
+      await expect(page.locator('.Layout.cabloy-blogs-article')).toBeVisible();
+      await expect(page.locator('.VPDoc.has-sidebar')).toHaveCount(0);
+      await expect(page.locator('.VPDoc.has-aside')).toHaveCount(1);
+      await expect(page.locator('.aside')).toBeVisible();
+
+      const geometry = await getArticleGeometry(page);
+      expect(geometry.container.width).toBeCloseTo(1216, 0);
+      expect(geometry.content.width).toBeCloseTo(960, 0);
+      expect(geometry.contentContainer.width).toBeCloseTo(896, 0);
+      expect(geometry.body.width).toBeCloseTo(896, 0);
+      expect(geometry.aside.left).toBeGreaterThanOrEqual(geometry.content.right - 1);
+      expect(geometry.aside.right).toBeLessThanOrEqual(geometry.container.right + 1);
+      await expect.poll(() => getDocumentHorizontalOverflow(page)).toBeLessThanOrEqual(1);
+    }
+
+    expect(pageErrors).toEqual([]);
+    expect(consoleErrors).toEqual([]);
+  },
+);

package/repo-e2e/docs/specs/github-repositories-nav.spec.ts

@@ -0,0 +1,69 @@
+import { expect, test } from '@playwright/test';
+
+const repositories = [
+  {
+    text: 'github.com/cabloy/cabloy',
+    link: 'https://github.com/cabloy/cabloy',
+  },
+  {
+    text: 'github.com/cabloy/cabloy-start',
+    link: 'https://github.com/cabloy/cabloy-start',
+  },
+];
+
+test('DOCS-NAV-01: GitHub icon menu exposes both repository links on desktop', async ({ page }) => {
+  const response = await page.goto('/', { waitUntil: 'load' });
+  expect(response?.ok()).toBeTruthy();
+
+  const trigger = page.getByRole('button', { name: 'GitHub repositories' });
+  await expect(trigger).toBeVisible();
+  await expect(trigger).toHaveAttribute('aria-expanded', 'false');
+  await expect(trigger).not.toHaveText(/GitHub/);
+
+  await trigger.focus();
+  await page.keyboard.press('ArrowDown');
+  await expect(trigger).toHaveAttribute('aria-expanded', 'true');
+
+  const menu = page.getByRole('menu', { name: 'GitHub repositories' });
+  await expect(menu).toBeVisible();
+  for (const repository of repositories) {
+    const link = menu.getByRole('menuitem', { name: repository.text, exact: true });
+    await expect(link).toHaveAttribute('href', repository.link);
+    await expect(link).toHaveAttribute('target', '_blank');
+    await expect(link).toHaveAttribute('rel', 'noopener noreferrer');
+  }
+
+  await expect(
+    menu.getByRole('menuitem', { name: repositories[0].text, exact: true }),
+  ).toBeFocused();
+  await page.keyboard.press('ArrowDown');
+  await expect(
+    menu.getByRole('menuitem', { name: repositories[1].text, exact: true }),
+  ).toBeFocused();
+  await page.keyboard.press('Escape');
+  await expect(menu).toHaveCount(0);
+  await expect(trigger).toBeFocused();
+
+  await trigger.click();
+  await expect(menu).toBeVisible();
+  await page.mouse.click(10, 200);
+  await expect(menu).toHaveCount(0);
+});
+
+test('DOCS-NAV-02: GitHub repositories remain readable in mobile navigation', async ({ page }) => {
+  await page.setViewportSize({ width: 375, height: 812 });
+  const response = await page.goto('/', { waitUntil: 'load' });
+  expect(response?.ok()).toBeTruthy();
+
+  await page.locator('.VPNavBarHamburger').click();
+
+  const screenMenu = page.locator('.VPNavScreen .cabloy-github-repositories--screen');
+  await expect(screenMenu).toBeVisible();
+  await expect(screenMenu.getByText('GitHub repositories')).toBeVisible();
+  for (const repository of repositories) {
+    const link = screenMenu.getByRole('link', { name: repository.text, exact: true });
+    await expect(link).toHaveAttribute('href', repository.link);
+    await expect(link).toHaveAttribute('target', '_blank');
+    await expect(link).toHaveAttribute('rel', 'noopener noreferrer');
+  }
+});

package/repo-e2e/docs/test-results/.last-run.json

@@ -0,0 +1,4 @@
+{
+  "status": "passed",
+  "failedTests": []
+}

package/repo-e2e/specs/cabloy-basic.spec.ts

@@ -44,12 +44,12 @@ async function loginAsAdmin(page: Page) {
   return dashboardResponse;
 }
 
-function waitForStudentSelect(page: Page) {
+function waitForStudentSelect(page: Page, requireSuccess = true) {
   return page.waitForResponse(response => {
     const url = new URL(response.url());
     return (
       response.request().method() === 'GET' &&
-      response.ok() &&
+      (!requireSuccess || response.ok()) &&
       url.pathname === '/api/training/student' &&
       !response.request().headers()['x-vona-openapi-schema']
     );
@@ -382,6 +382,140 @@ test(
   },
 );
 
+test(
+  'ATP-BASIC-TABLE-01: Training Student table submits server sorting and pins configured columns',
+  { tag: ['@admin', '@flow'] },
+  async ({ page }) => {
+    await page.setViewportSize({ width: 1440, height: 900 });
+    const pageErrors = collectPageErrors(page);
+    await loginAsAdmin(page);
+
+    const studentName = `Table E2E ${Date.now()}`;
+    const accessToken = (await page.context().cookies()).find(
+      cookie => cookie.name === 'token',
+    )?.value;
+    expect(accessToken).toBeTruthy();
+    const headers = { Authorization: `Bearer ${accessToken}` };
+    let studentId: string | number | undefined;
+    try {
+      const createResponse = await page.request.post('/api/training/student', {
+        data: { name: studentName, mobile: '13812345678', level: 1 },
+        headers,
+      });
+      expect(createResponse.ok()).toBeTruthy();
+      studentId = (await createResponse.json()).data;
+      expect(['string', 'number']).toContain(typeof studentId);
+
+      const initialSelect = waitForStudentSelect(page);
+      await page.getByRole('link', { name: 'Student', exact: true }).click();
+      await expect(page).toHaveURL(studentResourceUrl);
+      await initialSelect;
+      await page.setViewportSize({ width: 800, height: 900 });
+
+      const nameSort = page.getByRole('button', { name: 'Sort by name', exact: true });
+      const nameHeader = nameSort.locator('xpath=ancestor::th');
+      const operationsHeader = page.getByRole('columnheader', { name: 'Operations', exact: true });
+      await expect(nameSort).toBeVisible();
+      await expect(nameHeader).toHaveAttribute('aria-sort', 'none');
+      await expect(nameHeader).toHaveCSS('position', 'sticky');
+      await expect(nameHeader).toHaveCSS('left', '0px');
+      await expect(nameHeader).toHaveCSS('min-width', '240px');
+      await expect(nameHeader).toHaveCSS('text-align', 'left');
+      await expect(operationsHeader).toHaveCSS('position', 'sticky');
+      await expect(operationsHeader).toHaveCSS('right', '0px');
+      await expect(operationsHeader).toHaveCSS('min-width', '360px');
+      await expect(operationsHeader).toHaveCSS('text-align', 'center');
+
+      const ascendingResponse = waitForStudentSelect(page, false);
+      await nameSort.click();
+      await expect(nameHeader).toHaveAttribute('aria-sort', 'ascending');
+      const ascending = await ascendingResponse;
+      expect(ascending.status()).toBe(200);
+      const ascendingUrl = new URL(ascending.url());
+      expect(JSON.parse(ascendingUrl.searchParams.get('orders')!)).toEqual([['name', 'asc']]);
+
+      const descendingResponse = waitForStudentSelect(page, false);
+      await nameSort.click();
+      await expect(nameHeader).toHaveAttribute('aria-sort', 'descending');
+      const descending = await descendingResponse;
+      expect(descending.status()).toBe(200);
+      const descendingUrl = new URL(descending.url());
+      expect(JSON.parse(descendingUrl.searchParams.get('orders')!)).toEqual([['name', 'desc']]);
+
+      const tableWrapper = page
+        .locator('div.overflow-x-auto')
+        .filter({ has: page.locator('table') })
+        .first();
+      await expect(tableWrapper).toBeVisible();
+      const overflow = await tableWrapper.evaluate(element => {
+        return element.scrollWidth > element.clientWidth;
+      });
+      expect(overflow).toBeTruthy();
+      await tableWrapper.evaluate(element => {
+        element.scrollLeft = element.scrollWidth;
+      });
+      await expect(operationsHeader).toHaveCSS('right', '0px');
+
+      const operationsRow = page
+        .locator('tbody tr')
+        .filter({
+          has: page.getByRole('button', { name: 'Summary', exact: true }),
+        })
+        .first();
+      const operationActions = operationsRow.getByRole('button');
+      await expect(operationActions).toHaveCount(4);
+      for (const action of await operationActions.all()) {
+        await expect(action).toBeVisible();
+      }
+      const operationsGeometry = await operationActions.evaluateAll(actions => {
+        const cell = actions[0]?.closest('td');
+        const join = actions[0]?.parentElement;
+        const wrapper = cell?.closest('table')?.parentElement;
+        if (!cell || !join || !wrapper)
+          throw new Error('Could not resolve the Operations action cell');
+        const cellRect = cell.getBoundingClientRect();
+        const joinRect = join.getBoundingClientRect();
+        const wrapperRect = wrapper.getBoundingClientRect();
+        const tolerance = 2;
+        return {
+          fitsCell: join.scrollWidth <= cell.clientWidth,
+          actionsFitCell: actions.every(action => {
+            const rect = action.getBoundingClientRect();
+            return (
+              rect.left >= cellRect.left - tolerance && rect.right <= cellRect.right + tolerance
+            );
+          }),
+          joinFitsCell:
+            joinRect.left >= cellRect.left - tolerance &&
+            joinRect.right <= cellRect.right + tolerance,
+          actionsFitWrapper: actions.every(action => {
+            const rect = action.getBoundingClientRect();
+            return (
+              rect.left >= wrapperRect.left - tolerance &&
+              rect.right <= wrapperRect.right + tolerance
+            );
+          }),
+        };
+      });
+      expect(operationsGeometry).toEqual({
+        fitsCell: true,
+        actionsFitCell: true,
+        joinFitsCell: true,
+        actionsFitWrapper: true,
+      });
+      expect(pageErrors).toEqual([]);
+    } finally {
+      if (studentId !== undefined) {
+        const deleteResponse = await page.request.delete(
+          `/api/training/student/deleteForce/${studentId}`,
+          { headers },
+        );
+        expect(deleteResponse.ok()).toBeTruthy();
+      }
+    }
+  },
+);
+
 test(
   'ATP-BASIC-FORM-01: Training Student content remains in the Basic Information tab',
   { tag: ['@admin', '@flow'] },

package/vona/packages-cli/cli/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vona-cli",
-  "version": "1.1.143",
+  "version": "1.1.144",
   "gitHead": "a79189b882c17af5911573896a781bbb0046d37d",
   "description": "vona cli",
   "keywords": [

package/vona/packages-cli/cli-set-api/cli/templates/tools/crudBasic/boilerplate/src/entity/{{resourceName}}.tsx_

@@ -11,7 +11,7 @@ export interface IEntityOptions<%=argv.resourceNameCapitalize%> extends IDecorat
 @Entity<IEntityOptions<%=argv.resourceNameCapitalize%>>('<%=argv.moduleResourceName%>', {
   openapi: { title: $locale('<%=argv.resourceNameCapitalize%>') },
   fields: {
-    id: $makeMetadata(ZovaRender.order(1, 'core')),
+    id: $makeMetadata(ZovaRender.order(1, 'core'), ZovaRender.column({ width: 50, fixed: 'left' })),
     iid: $makeMetadata(ZovaRender.visible(false)),
     deleted: $makeMetadata(ZovaRender.visible(false)),
     createdAt: $makeMetadata(

package/vona/packages-cli/cli-set-api/cli/templates/tools/crudStart/boilerplate/src/entity/{{resourceName}}.tsx_

@@ -11,7 +11,7 @@ export interface IEntityOptions<%=argv.resourceNameCapitalize%> extends IDecorat
 @Entity<IEntityOptions<%=argv.resourceNameCapitalize%>>('<%=argv.moduleResourceName%>', {
   openapi: { title: $locale('<%=argv.resourceNameCapitalize%>') },
   fields: {
-    id: $makeMetadata(ZovaRender.order(1, 'core')),
+    id: $makeMetadata(ZovaRender.order(1, 'core'), ZovaRender.column({ width: 50, fixed: 'left' })),
     iid: $makeMetadata(ZovaRender.visible(false)),
     deleted: $makeMetadata(ZovaRender.visible(false)),
     createdAt: $makeMetadata(

package/vona/packages-cli/cli-set-api/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vona-cli-set-api",
-  "version": "1.1.141",
+  "version": "1.1.142",
   "gitHead": "a79189b882c17af5911573896a781bbb0046d37d",
   "description": "vona cli-set-api",
   "keywords": [

package/vona/packages-vona/vona/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vona",
-  "version": "5.1.91",
+  "version": "5.1.92",
   "gitHead": "a79189b882c17af5911573896a781bbb0046d37d",
   "description": "Vona is an intuitive, elegant and powerful Node.js framework for rapidly developing enterprise applications of any size",
   "keywords": [

package/vona/pnpm-lock.yaml

@@ -548,6 +548,9 @@ importers:
       '@tanstack/vue-query':
         specifier: ^5.101.1
         version: 5.101.2(vue@3.5.39(typescript@5.9.3))
+      '@tanstack/vue-table':
+        specifier: ^8.21.3
+        version: 8.21.3(vue@3.5.39(typescript@5.9.3))
       openapi3-ts:
         specifier: ^4.6.0
         version: 4.6.0
@@ -615,17 +618,17 @@ importers:
         specifier: ^5.0.5
         version: 5.0.5
       zova-module-rest-resource:
-        specifier: ^5.1.48
+        specifier: ^5.1.49
         version: 5.1.49
 
   .zova-rest/cabloy-basic-web:
     dependencies:
-      '@tanstack/query-core':
-        specifier: ^5.101.1
-        version: 5.101.2
       '@tanstack/vue-query':
         specifier: ^5.101.1
         version: 5.101.2(vue@3.5.39(typescript@5.9.3))
+      '@tanstack/vue-table':
+        specifier: ^8.21.3
+        version: 8.21.3(vue@3.5.39(typescript@5.9.3))
       openapi3-ts:
         specifier: ^4.6.0
         version: 4.6.0
@@ -639,8 +642,8 @@ importers:
         specifier: npm:@cabloy/zod@4.3.8
         version: '@cabloy/zod@4.3.8'
       zova:
-        specifier: ^5.1.153
-        version: 5.1.153(typescript@5.9.3)(vue@3.5.39(typescript@5.9.3))
+        specifier: ^5.1.155
+        version: 5.1.155(typescript@5.9.3)(vue@3.5.39(typescript@5.9.3))
       zova-jsx:
         specifier: ^1.1.88
         version: 1.1.88(typescript@5.9.3)
@@ -657,8 +660,8 @@ importers:
         specifier: ^5.1.34
         version: 5.1.34
       zova-module-a-form:
-        specifier: ^5.1.48
-        version: 5.1.48(vue@3.5.39(typescript@5.9.3))
+        specifier: ^5.1.50
+        version: 5.1.50(vue@3.5.39(typescript@5.9.3))
       zova-module-a-icon:
         specifier: ^5.1.27
         version: 5.1.27
@@ -666,11 +669,11 @@ importers:
         specifier: ^5.1.31
         version: 5.1.31
       zova-module-a-model:
-        specifier: ^5.1.35
-        version: 5.1.35(vue@3.5.39(typescript@5.9.3))
+        specifier: ^5.1.36
+        version: 5.1.36(vue@3.5.39(typescript@5.9.3))
       zova-module-a-openapi:
-        specifier: ^5.1.50
-        version: 5.1.50
+        specifier: ^5.1.51
+        version: 5.1.51
       zova-module-a-pay:
         specifier: ^5.0.7
         version: 5.0.7
@@ -693,8 +696,8 @@ importers:
         specifier: ^5.0.5
         version: 5.0.5
       zova-module-rest-resource:
-        specifier: ^5.1.46
-        version: 5.1.46
+        specifier: ^5.1.49
+        version: 5.1.49
 
   .zova-rest/cabloy-commerce:
     dependencies:
@@ -1610,7 +1613,7 @@ importers:
         specifier: ^5.0.3
         version: link:modules/a-markdown
       vona-module-a-rbac:
-        specifier: ^5.0.2
+        specifier: ^5.0.4
         version: link:modules/a-rbac
       vona-module-a-socket:
         specifier: workspace:^
@@ -8977,9 +8980,6 @@ packages:
   zova-module-a-fetch@5.1.25:
     resolution: {integrity: sha512-kbMB/jIynN0dhivEZLLaY+ic9mU0rZJBeyjXwzAiWuOS330YsxipasxBZhACJD8s29RmLC9EQajI+vVLoBEveQ==}
 
-  zova-module-a-form@5.1.48:
-    resolution: {integrity: sha512-/YuNFocyP3P6THVrSebi1jRm5+og7YOleBWc7gPzqKUFWTmxN7XBbomRidQWXSRenSd7AWBjNgO3OajhOdswlw==}
-
   zova-module-a-form@5.1.49:
     resolution: {integrity: sha512-p/faHaDELk2xH4TbuXQ9E+vIUZ4yZYS4URFF0HtrJ+bXDBMCJmjOl3H0encedLh9ZS0dGYpvejHPh3nLvw27JA==}
 
@@ -9055,18 +9055,12 @@ packages:
   zova-module-rest-resource@5.1.49:
     resolution: {integrity: sha512-tLf3BLov4GnV1QPivvLro6T2sNdriDZ8vZMsghuUN7dl+PRCG2pI0q9hBCrqe2faRSIcVUXowwnEbEynmaM7Zg==}
 
-  zova-suite-a-zova@5.1.152:
-    resolution: {integrity: sha512-P/dcMb2fcMpnmDMlrgvpddWUbupnvohD1Jp60VYWoqI0JcWMlYTJvWQWrwszDqiMvMiOTH5mmQBTws0KzbsXpA==}
-
   zova-suite-a-zova@5.1.153:
     resolution: {integrity: sha512-Q7R6GL5O/Tlqk4cnFYumMR2eeCwAqfnTtFrYQuuQMpz7BmYhAPmMmJQWF2reHlRjG6B4dbOPZ5pxl1iWagY7PA==}
 
   zova-suite-a-zova@5.1.154:
     resolution: {integrity: sha512-ii1qFxaBNc4PpNSj+sKgiH0Ryefr4KE0Gb5M8o2Df0hoe8//3uM7QK02GyQDKAK+bu6Q+7mwBZFW8hcD8TrEYw==}
 
-  zova@5.1.153:
-    resolution: {integrity: sha512-2c+4lhgZgIzM6a066eRU/Ru6CvrSTwRsq1SgsSj+NuLOxUXoj+JPvwUezuRRmBCTukpRMd2nfw8u6vWHzVArTA==}
-
   zova@5.1.154:
     resolution: {integrity: sha512-QF0f+wwLeuf18hsmZj1/3G/AQ9cNQYMKZiCoBBsTDh7oIhaxsmI5wxtjo59HiOEkk5ZmWPHqwjA4iepTLoKqeg==}
 
@@ -15411,14 +15405,6 @@ snapshots:
       - debug
       - supports-color
 
-  zova-module-a-form@5.1.48(vue@3.5.39(typescript@5.9.3)):
-    dependencies:
-      '@tanstack/vue-form': 1.33.2(vue@3.5.39(typescript@5.9.3))
-      '@tanstack/vue-store': 0.11.0(vue@3.5.39(typescript@5.9.3))
-    transitivePeerDependencies:
-      - '@vue/composition-api'
-      - vue
-
   zova-module-a-form@5.1.49(vue@3.5.39(typescript@5.9.3)):
     dependencies:
       '@tanstack/vue-form': 1.33.2(vue@3.5.39(typescript@5.9.3))
@@ -15546,40 +15532,6 @@ snapshots:
 
   zova-module-rest-resource@5.1.49: {}
 
-  zova-suite-a-zova@5.1.152(typescript@5.9.3)(vue@3.5.39(typescript@5.9.3)):
-    dependencies:
-      zova-module-a-api: 5.1.22
-      zova-module-a-app: 5.1.26
-      zova-module-a-bean: 5.1.33
-      zova-module-a-behavior: 5.1.26
-      zova-module-a-behaviors: 5.1.22
-      zova-module-a-boundary: 5.1.22
-      zova-module-a-command: 5.1.34
-      zova-module-a-fetch: 5.1.25
-      zova-module-a-form: 5.1.49(vue@3.5.39(typescript@5.9.3))
-      zova-module-a-icon: 5.1.27
-      zova-module-a-interceptor: 5.1.31
-      zova-module-a-logger: 5.1.28
-      zova-module-a-meta: 5.1.22
-      zova-module-a-model: 5.1.35(vue@3.5.39(typescript@5.9.3))
-      zova-module-a-openapi: 5.1.50
-      zova-module-a-router: 5.1.34
-      zova-module-a-routerstack: 5.1.27
-      zova-module-a-routertabs: 5.1.34
-      zova-module-a-ssr: 5.1.38
-      zova-module-a-ssrhmr: 5.1.23
-      zova-module-a-ssrserver: 5.1.26
-      zova-module-a-style: 5.1.35
-      zova-module-a-table: 5.1.38(vue@3.5.39(typescript@5.9.3))
-      zova-module-a-zod: 5.1.37
-      zova-module-a-zova: 5.1.103(typescript@5.9.3)(vue@3.5.39(typescript@5.9.3))
-    transitivePeerDependencies:
-      - '@vue/composition-api'
-      - debug
-      - supports-color
-      - typescript
-      - vue
-
   zova-suite-a-zova@5.1.153(typescript@5.9.3)(vue@3.5.39(typescript@5.9.3)):
     dependencies:
       zova-module-a-api: 5.1.22
@@ -15590,13 +15542,13 @@ snapshots:
       zova-module-a-boundary: 5.1.22
       zova-module-a-command: 5.1.34
       zova-module-a-fetch: 5.1.25
-      zova-module-a-form: 5.1.49(vue@3.5.39(typescript@5.9.3))
+      zova-module-a-form: 5.1.50(vue@3.5.39(typescript@5.9.3))
       zova-module-a-icon: 5.1.27
       zova-module-a-interceptor: 5.1.31
       zova-module-a-logger: 5.1.28
       zova-module-a-meta: 5.1.22
-      zova-module-a-model: 5.1.35(vue@3.5.39(typescript@5.9.3))
-      zova-module-a-openapi: 5.1.50
+      zova-module-a-model: 5.1.36(vue@3.5.39(typescript@5.9.3))
+      zova-module-a-openapi: 5.1.51
       zova-module-a-router: 5.1.34
       zova-module-a-routerstack: 5.1.27
       zova-module-a-routertabs: 5.1.34
@@ -15648,17 +15600,6 @@ snapshots:
       - typescript
       - vue
 
-  zova@5.1.153(typescript@5.9.3)(vue@3.5.39(typescript@5.9.3)):
-    dependencies:
-      zova-core: 5.1.88(patch_hash=144450bd7a567a6067e5857c0cf4c780981b7e90bc48745c09e1696a9b6f1b97)(typescript@5.9.3)
-      zova-suite-a-zova: 5.1.152(typescript@5.9.3)(vue@3.5.39(typescript@5.9.3))
-    transitivePeerDependencies:
-      - '@vue/composition-api'
-      - debug
-      - supports-color
-      - typescript
-      - vue
-
   zova@5.1.154(typescript@5.9.3)(vue@3.5.39(typescript@5.9.3)):
     dependencies:
       zova-core: 5.1.88(patch_hash=144450bd7a567a6067e5857c0cf4c780981b7e90bc48745c09e1696a9b6f1b97)(typescript@5.9.3)

package/vona/src/suite/a-commerce/modules/commerce-catalog/src/config/locale/en-us.ts

@@ -1,6 +1,7 @@
 export default {
   Available: 'Available',
   Category: 'Category',
+  CreateProduct: 'Create product',
   Description: 'Description',
   DescriptionHtml: 'Product description (HTML)',
   DescriptionMarkdown: 'Product description (Markdown)',
@@ -15,6 +16,8 @@ export default {
   Unpublished: 'Unpublished',
   Sku: 'SKU',
   SkuAttributeName: 'SKU attribute name',
+  UpdateProduct: 'Update product',
+  ViewProduct: 'Product details',
   SkuAttributeValue: 'SKU attribute value',
   SkuAttributes: 'SKU attributes',
   SkuCode: 'SKU code',