@stackonward/cli 1.5.2 → 1.6.0

package/dist/resources/components/registry.json

@@ -160,8 +160,16 @@
         "target": "app/assets/icons/brand/.gitkeep"
       },
       {
-        "path": "site-source/app/assets/icons/common/.gitkeep",
-        "target": "app/assets/icons/common/.gitkeep"
+        "path": "site-source/app/assets/icons/brand/android.svg",
+        "target": "app/assets/icons/brand/android.svg"
+      },
+      {
+        "path": "site-source/app/assets/icons/brand/apple.svg",
+        "target": "app/assets/icons/brand/apple.svg"
+      },
+      {
+        "path": "site-source/app/assets/icons/brand/whatsapp.svg",
+        "target": "app/assets/icons/brand/whatsapp.svg"
       },
       {
         "path": "site-source/app/components/app/Header.vue",
@@ -176,29 +184,81 @@
         "target": "app/components/app/Sidebar.vue"
       },
       {
-        "path": "site-source/app/components/site/BackToTop.vue",
-        "target": "app/components/site/BackToTop.vue"
+        "path": "site-source/app/components/checkout/Status.vue",
+        "target": "app/components/checkout/Status.vue"
+      },
+      {
+        "path": "site-source/app/components/checkout/Summary.vue",
+        "target": "app/components/checkout/Summary.vue"
+      },
+      {
+        "path": "site-source/app/components/consent/Banner.vue",
+        "target": "app/components/consent/Banner.vue"
+      },
+      {
+        "path": "site-source/app/components/consent/Settings.vue",
+        "target": "app/components/consent/Settings.vue"
       },
       {
         "path": "site-source/app/components/content/Article.vue",
         "target": "app/components/content/Article.vue"
       },
+      {
+        "path": "site-source/app/components/content/CallToAction.vue",
+        "target": "app/components/content/CallToAction.vue"
+      },
+      {
+        "path": "site-source/app/components/content/Card.vue",
+        "target": "app/components/content/Card.vue"
+      },
+      {
+        "path": "site-source/app/components/content/Compatibility.vue",
+        "target": "app/components/content/Compatibility.vue"
+      },
+      {
+        "path": "site-source/app/components/content/Document.vue",
+        "target": "app/components/content/Document.vue"
+      },
+      {
+        "path": "site-source/app/components/content/Faq.vue",
+        "target": "app/components/content/Faq.vue"
+      },
+      {
+        "path": "site-source/app/components/content/Features.vue",
+        "target": "app/components/content/Features.vue"
+      },
       {
         "path": "site-source/app/components/content/List.vue",
         "target": "app/components/content/List.vue"
       },
       {
-        "path": "site-source/app/components/consent/Settings.vue",
-        "target": "app/components/consent/Settings.vue"
+        "path": "site-source/app/components/content/Reviews.vue",
+        "target": "app/components/content/Reviews.vue"
       },
       {
-        "path": "site-source/app/components/consent/Banner.vue",
-        "target": "app/components/consent/Banner.vue"
+        "path": "site-source/app/components/countdown/Timer.vue",
+        "target": "app/components/countdown/Timer.vue"
+      },
+      {
+        "path": "site-source/app/components/feedback/Toast.vue",
+        "target": "app/components/feedback/Toast.vue"
+      },
+      {
+        "path": "site-source/app/components/google/SignInButton.vue",
+        "target": "app/components/google/SignInButton.vue"
       },
       {
         "path": "site-source/app/components/locale/Menu.vue",
         "target": "app/components/locale/Menu.vue"
       },
+      {
+        "path": "site-source/app/components/site/BackToTop.vue",
+        "target": "app/components/site/BackToTop.vue"
+      },
+      {
+        "path": "site-source/app/components/site/Brand.vue",
+        "target": "app/components/site/Brand.vue"
+      },
       {
         "path": "site-source/app/components/site/Footer.vue",
         "target": "app/components/site/Footer.vue"
@@ -212,16 +272,12 @@
         "target": "app/components/site/Shell.vue"
       },
       {
-        "path": "site-source/app/components/site/Brand.vue",
-        "target": "app/components/site/Brand.vue"
-      },
-      {
-        "path": "site-source/app/components/content/Document.vue",
-        "target": "app/components/content/Document.vue"
+        "path": "site-source/app/components/steps/Progress.vue",
+        "target": "app/components/steps/Progress.vue"
       },
       {
-        "path": "site-source/app/components/feedback/Toast.vue",
-        "target": "app/components/feedback/Toast.vue"
+        "path": "site-source/app/components/steps/Showcase.vue",
+        "target": "app/components/steps/Showcase.vue"
       },
       {
         "path": "site-source/app/components/theme/Menu.vue",
@@ -235,6 +291,22 @@
         "path": "site-source/app/components/ui/GradientBorder.vue",
         "target": "app/components/ui/GradientBorder.vue"
       },
+      {
+        "path": "site-source/app/components/ui/Icon.vue",
+        "target": "app/components/ui/Icon.vue"
+      },
+      {
+        "path": "site-source/app/components/ui/Image.vue",
+        "target": "app/components/ui/Image.vue"
+      },
+      {
+        "path": "site-source/app/components/ui/InfiniteScroll.vue",
+        "target": "app/components/ui/InfiniteScroll.vue"
+      },
+      {
+        "path": "site-source/app/components/ui/Marquee.vue",
+        "target": "app/components/ui/Marquee.vue"
+      },
       {
         "path": "site-source/app/components/ui/Modal.vue",
         "target": "app/components/ui/Modal.vue"
@@ -248,20 +320,12 @@
         "target": "app/components/ui/Text.vue"
       },
       {
-        "path": "site-source/app/components/checkout/Status.vue",
-        "target": "app/components/checkout/Status.vue"
+        "path": "site-source/app/components/ui/Video.vue",
+        "target": "app/components/ui/Video.vue"
       },
       {
-        "path": "site-source/app/components/checkout/Summary.vue",
-        "target": "app/components/checkout/Summary.vue"
-      },
-      {
-        "path": "site-source/app/components/google/SignInButton.vue",
-        "target": "app/components/google/SignInButton.vue"
-      },
-      {
-        "path": "site-source/app/components/ui/InfiniteScroll.vue",
-        "target": "app/components/ui/InfiniteScroll.vue"
+        "path": "site-source/app/components/whatsapp/Chat.vue",
+        "target": "app/components/whatsapp/Chat.vue"
       },
       {
         "path": "site-source/app/components/youtube/Embed.vue",
@@ -275,6 +339,10 @@
         "path": "site-source/app/composables/useConsent.ts",
         "target": "app/composables/useConsent.ts"
       },
+      {
+        "path": "site-source/app/composables/useFloatingBottomStack.ts",
+        "target": "app/composables/useFloatingBottomStack.ts"
+      },
       {
         "path": "site-source/app/composables/useGoogleIdentity.ts",
         "target": "app/composables/useGoogleIdentity.ts"
@@ -295,6 +363,14 @@
         "path": "site-source/app/composables/useToasts.ts",
         "target": "app/composables/useToasts.ts"
       },
+      {
+        "path": "site-source/app/consent/types.ts",
+        "target": "app/consent/types.ts"
+      },
+      {
+        "path": "site-source/app/content/types.ts",
+        "target": "app/content/types.ts"
+      },
       {
         "path": "site-source/app/layouts/app.vue",
         "target": "app/layouts/app.vue"
@@ -303,6 +379,10 @@
         "path": "site-source/app/layouts/default.vue",
         "target": "app/layouts/default.vue"
       },
+      {
+        "path": "site-source/app/navigation/types.ts",
+        "target": "app/navigation/types.ts"
+      },
       {
         "path": "site-source/app/plugins/consent.ts",
         "target": "app/plugins/consent.ts"
@@ -311,6 +391,10 @@
         "path": "site-source/app/plugins/google-identity.client.ts",
         "target": "app/plugins/google-identity.client.ts"
       },
+      {
+        "path": "site-source/app/site/config.ts",
+        "target": "app/site/config.ts"
+      },
       {
         "path": "site-source/app/theme/accordion.ts",
         "target": "app/theme/accordion.ts"
@@ -331,6 +415,18 @@
         "path": "site-source/app/theme/checkbox.ts",
         "target": "app/theme/checkbox.ts"
       },
+      {
+        "path": "site-source/app/theme/drawer.ts",
+        "target": "app/theme/drawer.ts"
+      },
+      {
+        "path": "site-source/app/theme/form-field.ts",
+        "target": "app/theme/form-field.ts"
+      },
+      {
+        "path": "site-source/app/theme/icon.ts",
+        "target": "app/theme/icon.ts"
+      },
       {
         "path": "site-source/app/theme/index.ts",
         "target": "app/theme/index.ts"
@@ -347,6 +443,10 @@
         "path": "site-source/app/theme/pagination.ts",
         "target": "app/theme/pagination.ts"
       },
+      {
+        "path": "site-source/app/theme/radio-group.ts",
+        "target": "app/theme/radio-group.ts"
+      },
       {
         "path": "site-source/app/theme/select.ts",
         "target": "app/theme/select.ts"
@@ -355,6 +455,10 @@
         "path": "site-source/app/theme/stepper.ts",
         "target": "app/theme/stepper.ts"
       },
+      {
+        "path": "site-source/app/theme/textarea.ts",
+        "target": "app/theme/textarea.ts"
+      },
       {
         "path": "site-source/app/theme/toast.ts",
         "target": "app/theme/toast.ts"
@@ -362,25 +466,9 @@
       {
         "path": "site-source/app/theme/tooltip.ts",
         "target": "app/theme/tooltip.ts"
-      },
-      {
-        "path": "site-source/app/consent/types.ts",
-        "target": "app/consent/types.ts"
-      },
-      {
-        "path": "site-source/app/content/types.ts",
-        "target": "app/content/types.ts"
-      },
-      {
-        "path": "site-source/app/navigation/types.ts",
-        "target": "app/navigation/types.ts"
-      },
-      {
-        "path": "site-source/app/site/config.ts",
-        "target": "app/site/config.ts"
       }
     ],
-    "dependencies": [],
+    "dependencies": ["@stackonward/composables"],
     "devDependencies": [],
     "registryDependencies": [],
     "framework": "nuxt",

package/dist/resources/components/vue/ui/BottomSheet.vue

@@ -63,7 +63,11 @@ onBeforeUnmount(() => {
   <Teleport to="body">
     <Transition name="bottom-sheet-fade">
       <div v-if="modelValue" class="bottom-sheet" role="presentation">
-        <button class="bottom-sheet__overlay" aria-label="Close sheet" @click="handleOverlayClick" />
+        <button
+          class="bottom-sheet__overlay"
+          aria-label="Close sheet"
+          @click="handleOverlayClick"
+        />
         <section class="bottom-sheet__panel" role="dialog" aria-modal="true" :aria-label="title">
           <div v-if="showHandle" class="bottom-sheet__handle" aria-hidden="true" />
           <header v-if="title || description || $slots.header" class="bottom-sheet__header">

package/dist/resources/components/vue/ui/ScrollArea.vue

@@ -86,7 +86,8 @@ function pointerUp(event: PointerEvent): void {
 defineExpose({
   scrollTo,
   scrollToTop: (smooth = true) => scrollTo(position().x, 0, smooth),
-  scrollToBottom: (smooth = true) => scrollTo(position().x, viewport.value?.scrollHeight ?? 0, smooth),
+  scrollToBottom: (smooth = true) =>
+    scrollTo(position().x, viewport.value?.scrollHeight ?? 0, smooth),
   getScrollPosition: position,
 });
 </script>

package/dist/resources/registry.json

@@ -15,13 +15,13 @@
     "name": "@stackonward/analytics-nuxt",
     "description": "Provider-neutral Nuxt analytics lifecycle",
     "type": "npm",
-    "version": "^0.2.2"
+    "version": "^0.2.4"
   },
   "@stackonward/cli": {
     "name": "@stackonward/cli",
     "description": "StackOnward project and resource CLI",
     "type": "npm",
-    "version": "^1.5.2"
+    "version": "^1.6.0"
   },
   "@stackonward/cms-client": {
     "name": "@stackonward/cms-client",
@@ -57,7 +57,7 @@
     "name": "@stackonward/eslint-config",
     "description": "Shared ESLint configuration",
     "type": "npm",
-    "version": "^1.0.1"
+    "version": "^1.0.2"
   },
   "@stackonward/file": {
     "name": "@stackonward/file",
@@ -111,7 +111,7 @@
     "name": "@stackonward/nuxt-site-shell",
     "description": "Brand-free Nuxt product-site shell",
     "type": "layer",
-    "version": "^0.3.1"
+    "version": "^0.3.2"
   },
   "@stackonward/onex-cms-client": {
     "name": "@stackonward/onex-cms-client",

package/dist/resources/templates/base/.claude/docs/architecture-template.md

@@ -389,8 +389,9 @@ Adding features to an existing module or making significant changes. Does not re
 ## 3. Database Changes
 
 For each new/modified field:
+
 | Column | Type | Nullable | Default | Comment | Table |
-|--------|------|----------|---------|---------|-------|
+| ------ | ---- | -------- | ------- | ------- | ----- |
 
 Migration SQL:
 

package/dist/resources/templates/base/AGENTS.md

@@ -47,6 +47,12 @@ The selected stack has complete coding rules in `.claude/docs/stack.md`. Shared
 
 **Read the selected stack and applicable nested `CLAUDE.md` before writing code.**
 
+## Visual Design Standards (CRITICAL)
+
+For a stack with a visual interface, **MUST** read the design standard identified by `.claude/docs/stack.md` before choosing icons, colors, sizing or component overrides. Use that stack's installed component system, token owner and asset conventions. Icon artwork, accessible labels and interactive target size are separate responsibilities; local size changes must use the existing component contract.
+
+**FORBIDDEN**: inventing a second icon library or theme implementation for an existing capability. Non-visual stacks do not acquire UI dependencies or a required design document from this rule.
+
 ## Technology Stack and Environment
 
 Read `package.json`, `.env.example`, configuration consumers and `.claude/docs/stack.md` before changing dependencies or environment variables. A sample variable does not prove that runtime code reads it. Nuxt uses `pnpm dev` / `pnpm preview`; MCP uses `pnpm start:stdio` after build. Never put private credentials in Nuxt public configuration or MCP tool output.
@@ -423,6 +429,7 @@ Durable standards belong in `.claude/docs/`; concrete designs and evidence belon
 
 - [ ] Read changed owners, nested rules, dependencies and direct consumers.
 - [ ] Contracts, enum authority, configuration and lifecycle are consistent.
+- [ ] Visual changes follow the installed stack design standard, token/component owner and accessibility contract.
 - [ ] Relevant success, validation, authorization and recovery behavior is verified.
 - [ ] Declared stack checks pass; unavailable checks are reported accurately.
 - [ ] No secrets, dead imports or deferred production code enter the diff.

package/dist/resources/templates/base/CLAUDE.md

@@ -47,6 +47,12 @@ The selected stack has complete coding rules in `.claude/docs/stack.md`. Shared
 
 **Read the selected stack and applicable nested `CLAUDE.md` before writing code.**
 
+## Visual Design Standards (CRITICAL)
+
+For a stack with a visual interface, **MUST** read the design standard identified by `.claude/docs/stack.md` before choosing icons, colors, sizing or component overrides. Use that stack's installed component system, token owner and asset conventions. Icon artwork, accessible labels and interactive target size are separate responsibilities; local size changes must use the existing component contract.
+
+**FORBIDDEN**: inventing a second icon library or theme implementation for an existing capability. Non-visual stacks do not acquire UI dependencies or a required design document from this rule.
+
 ## Technology Stack and Environment
 
 Read `package.json`, `.env.example`, configuration consumers and `.claude/docs/stack.md` before changing dependencies or environment variables. A sample variable does not prove that runtime code reads it. Nuxt uses `pnpm dev` / `pnpm preview`; MCP uses `pnpm start:stdio` after build. Never put private credentials in Nuxt public configuration or MCP tool output.
@@ -423,6 +429,7 @@ Durable standards belong in `.claude/docs/`; concrete designs and evidence belon
 
 - [ ] Read changed owners, nested rules, dependencies and direct consumers.
 - [ ] Contracts, enum authority, configuration and lifecycle are consistent.
+- [ ] Visual changes follow the installed stack design standard, token/component owner and accessibility contract.
 - [ ] Relevant success, validation, authorization and recovery behavior is verified.
 - [ ] Declared stack checks pass; unavailable checks are reported accurately.
 - [ ] No secrets, dead imports or deferred production code enter the diff.

package/dist/resources/templates/nuxt/.claude/docs/stack.md

@@ -132,6 +132,7 @@ Nuxt component directories remain namespaces. `components/site/Header.vue` is `H
 | NX-H3  | Per-page hardcoded theme overrides                        | Existing token/theme owner                              |
 | NX-H4  | Direct DOM mutation for reactive UI                       | Vue refs and state                                      |
 | NX-H5  | Global component CSS leaking across routes                | Utility classes or scoped owner styles                  |
+| NX-H6  | Parallel icon libraries/renderers or global SVG overrides | UiIcon, local Lucide, Nuxt UI slots and DESIGN.md       |
 | NX-E1  | Business enum metadata copied into pages                  | Actual backend metadata/generated contract              |
 | NX-E2  | Invented `useEnum` endpoint                               | Use installed owner and declared contract               |
 | NX-M1  | Mixed locale persistence formats                          | Explicit locale boundary mapping                        |
@@ -371,6 +372,18 @@ const emit = defineEmits<{ submit: [] }>();
 
 Use Tailwind utilities and theme tokens. Scoped CSS is for behavior that utilities cannot express cleanly. Dark/light modes must use the same semantic tokens; never fix one page with a hardcoded light background that breaks dark mode.
 
+### Icon Design Contract
+
+**MUST** read [DESIGN.md](../../DESIGN.md) for icon geometry, the size scale, semantic colors and acceptance. The installed system uses local Lucide functional icons and a separate `brand` collection. `UiIcon` owns standalone `name`, `size?: string | number` and `label?: string`; Nuxt UI controls retain their internal icon slots and use the same provider.
+
+The ordinary default is 20px through `app/theme/icon.ts` and `--site-icon-md`. Choose one `size-icon-*` utility or explicit `size` value when the caller requires another size. Preserve source geometry and proportional strokes. Functional colors inherit semantic tokens; brand proportions and identity colors remain asset-owned.
+
+✅ `<UiIcon name="i-lucide-search" />` uses the shared default; `<UiIcon name="i-lucide-search" class="size-icon-sm" />` selects a local scale level.
+
+❌ A second icon wrapper, handwritten duplicate SVG, mixed functional family, competing `size`/size class or global `svg` style bypasses the design owner.
+
+Icon-only controls retain at least 44 × 44px targets and accessible names on the button/link. Decorative icons omit `label`; standalone meaning supplies a localized `label`. Do not communicate status only through color. Keep `fallbackToApi: false`, register local brand assets in `nuxt.config.ts` and verify missing icon names against the installed collection.
+
 ### Complete Create/Edit Form, Recovery and Close Lifecycle
 
 The component below consumes the three owners defined in section VI. It includes a real query-driven list, create/edit entry, typed validation, mutation submission, post-save refresh and failure recovery. All types/functions it imports are defined above or exported by the installed framework. Nuxt UI's `validate` callback avoids adding an uninstalled schema library to this template.
@@ -664,7 +677,7 @@ Read [Architecture](architecture.md), [Security and Lifecycle](security-lifecycl
 - [ ] Private configuration never enters public payloads.
 - [ ] Every visible action maps to a real implementation and error path.
 - [ ] All applicable NX-S/A/T/C/H/E/M/P/U rules are checked.
-- [ ] Design coverage includes children, overlays and loading/empty/error/forbidden states.
+- [ ] Design coverage includes children, overlays, icon sizes/names/targets and loading/empty/error/forbidden states.
 - [ ] `pnpm typecheck` and `pnpm build` pass for code/contract changes.
 - [ ] Browser and network evidence proves the touched interactions.
 - [ ] No uninstalled lint/test/authorization capability is claimed.

package/dist/resources/templates/nuxt/.vscode/extensions.json

@@ -0,0 +1,9 @@
+{
+  "recommendations": [
+    "Vue.volar",
+    "esbenp.prettier-vscode",
+    "dbaeumer.vscode-eslint",
+    "stylelint.vscode-stylelint",
+    "bradlc.vscode-tailwindcss"
+  ]
+}

package/dist/resources/templates/nuxt/.vscode/settings.json

@@ -0,0 +1,21 @@
+{
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": true,
+  "editor.formatOnSaveMode": "file",
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit",
+    "source.fixAll.stylelint": "explicit"
+  },
+  "[vue]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[javascript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "eslint.validate": ["javascript", "typescript", "vue"],
+  "stylelint.validate": ["css", "vue"],
+  "prettier.requireConfig": true
+}

package/dist/resources/templates/nuxt/.zed/settings.json

@@ -0,0 +1,42 @@
+{
+  "format_on_save": "on",
+  "languages": {
+    "Vue": {
+      "format_on_save": "on",
+      "language_servers": ["...", "eslint"],
+      "code_actions_on_format": {
+        "source.fixAll.eslint": true
+      },
+      "formatter": {
+        "external": {
+          "command": "pnpm",
+          "arguments": ["exec", "prettier", "--stdin-filepath", "{buffer_path}"]
+        }
+      }
+    },
+    "TypeScript": {
+      "format_on_save": "on",
+      "code_actions_on_format": {
+        "source.fixAll.eslint": true
+      },
+      "formatter": {
+        "external": {
+          "command": "pnpm",
+          "arguments": ["exec", "prettier", "--stdin-filepath", "{buffer_path}"]
+        }
+      }
+    },
+    "JavaScript": {
+      "format_on_save": "on",
+      "code_actions_on_format": {
+        "source.fixAll.eslint": true
+      },
+      "formatter": {
+        "external": {
+          "command": "pnpm",
+          "arguments": ["exec", "prettier", "--stdin-filepath", "{buffer_path}"]
+        }
+      }
+    }
+  }
+}