@astryxdesign/cli 0.3.0-canary.fc1c3f3 → 0.3.0-canary.fcbc342

package/assets/templates/blocks/components/Table/TableRowExpansionTable.tsx

@@ -6,90 +6,93 @@ import {useState} from 'react';
 import {
   Table,
   useTableRowExpansion,
-  useTableRowExpansionState,
   proportional,
   pixel,
 } from '@astryxdesign/core/Table';
+import {VStack, HStack} from '@astryxdesign/core/Stack';
+import {Text, Heading} from '@astryxdesign/core/Text';
+import {Badge} from '@astryxdesign/core/Badge';
 
-interface FileNode extends Record<string, unknown> {
+interface Order extends Record<string, unknown> {
   id: string;
-  name: string;
-  type: 'folder' | 'file';
-  size: string;
-  children?: FileNode[];
+  customer: string;
+  status: string;
+  total: string;
+  items: {name: string; qty: number; price: string}[];
 }
 
-const fileTree: FileNode[] = [
+const orders: Order[] = [
   {
-    id: 'src',
-    name: 'src',
-    type: 'folder',
-    size: '—',
-    children: [
-      {
-        id: 'src/components',
-        name: 'components',
-        type: 'folder',
-        size: '—',
-        children: [
-          {
-            id: 'src/components/Button.tsx',
-            name: 'Button.tsx',
-            type: 'file',
-            size: '4.2 KB',
-            children: [],
-          },
-          {
-            id: 'src/components/Table.tsx',
-            name: 'Table.tsx',
-            type: 'file',
-            size: '12.8 KB',
-            children: [],
-          },
-        ],
-      },
-      {
-        id: 'src/index.ts',
-        name: 'index.ts',
-        type: 'file',
-        size: '0.4 KB',
-        children: [],
-      },
+    id: 'ord-1001',
+    customer: 'Ada Lovelace',
+    status: 'Shipped',
+    total: '$248.00',
+    items: [
+      {name: 'Mechanical keyboard', qty: 1, price: '$180.00'},
+      {name: 'Wrist rest', qty: 2, price: '$34.00'},
     ],
   },
   {
-    id: 'package.json',
-    name: 'package.json',
-    type: 'file',
-    size: '1.8 KB',
-    children: [],
+    id: 'ord-1002',
+    customer: 'Alan Turing',
+    status: 'Processing',
+    total: '$52.00',
+    items: [{name: 'USB-C cable', qty: 4, price: '$13.00'}],
+  },
+  {
+    id: 'ord-1003',
+    customer: 'Grace Hopper',
+    status: 'Delivered',
+    total: '$1,200.00',
+    items: [{name: 'Standing desk', qty: 1, price: '$1,200.00'}],
   },
 ];
 
 const columns = [
-  {key: 'name', header: 'Name', width: proportional(2)},
-  {key: 'type', header: 'Type', width: pixel(80)},
-  {key: 'size', header: 'Size', width: pixel(90)},
+  {key: 'customer', header: 'Customer', width: proportional(2)},
+  {key: 'status', header: 'Status', width: pixel(130)},
+  {key: 'total', header: 'Total', width: pixel(110)},
 ];
 
 export default function TableRowExpansionTable() {
   const [expandedKeys, setExpandedKeys] = useState<Set<string>>(
-    new Set(['src']),
+    new Set(['ord-1001']),
   );
 
-  const {data, expansionConfig} = useTableRowExpansionState<FileNode>({
-    baseData: fileTree,
-    getChildren: item => item.children ?? [],
-    getRowKey: item => item.id,
+  const expansion = useTableRowExpansion<Order>({
     expandedKeys,
-    setExpandedKeys,
+    onToggle: key =>
+      setExpandedKeys(prev => {
+        const next = new Set(prev);
+        if (next.has(key)) {
+          next.delete(key);
+        } else {
+          next.add(key);
+        }
+        return next;
+      }),
+    getRowKey: item => item.id,
+    // The detail panel renders arbitrary content below the row: here, the
+    // order's line items. Any component composes here (charts, forms, tables).
+    renderExpanded: item => (
+      <VStack gap={2}>
+        <Heading level={4}>Line items</Heading>
+        {item.items.map(line => (
+          <HStack key={line.name} gap={3}>
+            <Badge label={`x${line.qty}`} variant="info" />
+            <Text type="body">{line.name}</Text>
+            <Text type="body" color="secondary">
+              {line.price}
+            </Text>
+          </HStack>
+        ))}
+      </VStack>
+    ),
   });
 
-  const expansion = useTableRowExpansion(expansionConfig);
-
   return (
     <Table
-      data={data}
+      data={orders}
       columns={columns}
       idKey="id"
       hasHover

package/assets/templates/blocks/components/TextArea/TextAreaStates.tsx

@@ -20,7 +20,7 @@ export default function TextAreaStates() {
       />
       <TextArea
         label="Disabled field"
-        value="This field is read-only and cannot be edited."
+        value="This field is disabled and cannot be edited."
         onChange={() => {}}
         isDisabled
       />

package/assets/templates/themes/neutral/neutralTheme.ts

@@ -323,8 +323,11 @@ export const neutralTheme = defineTheme({
 
     // =========================================================================
     // Radius — slightly larger than default (kept as-is)
+    // --radius-none and --radius-full are always fixed and must never be
+    // scaled by a theme (see defineTheme's radius config docs) — 0 and
+    // 9999px respectively, matching @astryxdesign/core's own defaults.
     // =========================================================================
-    '--radius-none': '0.25rem',
+    '--radius-none': '0px',
     '--radius-inner': '0.375rem',
     '--radius-element': '0.625rem',
     '--radius-container': '0.75rem',

package/authoring/codemod/codemod.doc.mjs

@@ -42,7 +42,7 @@ export const doc = {
       name: 'fileExtensions',
       type: 'string[]',
       description:
-        'File extensions this codemod applies to. Code codemods only — a ' +
+        'File extensions this codemod applies to. Code codemods only; a ' +
         'config codemod always targets astryx.config.*.',
       example: "['.tsx', '.ts']",
     },
@@ -140,7 +140,7 @@ export const doc = {
       type: 'prose',
       text:
         "The config-codemod variant (type: 'config') carries the same fields " +
-        'as a code codemod except fileExtensions — it always targets the ' +
+        'as a code codemod except fileExtensions: it always targets the ' +
         'astryx.config.* file rather than a set of source files.',
     },
     {

package/authoring/config/config.doc.mjs

@@ -46,7 +46,7 @@ export const doc = {
     {
       name: 'experimental',
       type: '{ xle?: { components?: Record<string, XleComponent> } }',
-      description: 'Unstable features — may change without a breaking bump.',
+      description: 'Unstable features; may change without a breaking bump.',
       fields: [
         {
           name: 'experimental.xle.components',

package/authoring/doctypes/base/type.ts

@@ -260,6 +260,8 @@ export interface ComponentSlotElement {
  * { property: 'padding', vars: ['--_card-padding'] },
  * ```
  */
+// SYNC: apps/docsite/scripts/generate-data.mjs (interface DerivedVar) — see the
+// note on ComponentThemingTarget below.
 export interface ComponentThemingDerivedVar {
   /** The standard CSS property name (camelCase) that theme authors write.
    *  e.g. `'borderRadius'`, `'padding'`, `'paddingBlock'` */
@@ -291,6 +293,10 @@ export interface ComponentThemingDerivedVar {
  * {className: 'astryx-card'}
  * ```
  */
+// SYNC: When adding a field here, add it to the docsite's generated-registry
+// copy too — apps/docsite/scripts/generate-data.mjs (interface ThemingTarget).
+// `next build` type-checks the emitted componentRegistry.ts against that copy,
+// so a field present in a .doc.mjs but missing there fails the docsite build.
 export interface ComponentThemingTarget {
   /** The stable CSS class name rendered by the component.
    *  Always starts with `astryx-`.
@@ -310,6 +316,15 @@ export interface ComponentThemingTarget {
    *  `[data-checked="checked"]`. Legacy state classes are still emitted for
    *  compatibility. Omit if the element has no state-driven selectors. */
   states?: string[];
+  /** Set when this target has been RENAMED and this entry is the old name.
+   *  The component still emits the class (via `themeProps`'s `legacyNames`),
+   *  so existing themes keep working, but the docsite should steer readers to
+   *  the replacement. The value is the class name that supersedes this one,
+   *  without the `astryx-` prefix — e.g. `"checkbox-indicator"`.
+   *
+   *  A theme target is public API; renaming one without this is a silent
+   *  break for every theme styling it. */
+  deprecatedFor?: string;
 }
 
 /**

package/authoring/doctypes/command/command.doc.mjs

@@ -15,7 +15,7 @@ export const doc = {
   displayName: 'CommandDoc',
   namespace: 'authoring',
   description:
-    'The doc-type for a CLI command — the terminal binding of an operation. A command ' +
+    'The doc-type for a CLI command: the terminal binding of an operation. A command ' +
     'is not its own behavior; it is a FunctionDoc exposed on the CLI, referenced via `fn`, ' +
     'carrying only CLI-surface facts (args, flags, subcommands, examples, exit codes). ' +
     'A `defineCommand` converter turns it into Commander config + `--help`.',
@@ -231,7 +231,7 @@ export const doc = {
   notes: [
     {
       type: 'prose',
-      text: 'A command carries only CLI-surface facts. Behavior, parameters, returns, and thrown errors live in the FunctionDoc it points at via `fn` — the function does not know it has a CLI.',
+      text: 'A command carries only CLI-surface facts. Behavior, parameters, returns, and thrown errors live in the FunctionDoc it points at via `fn`; the function does not know it has a CLI.',
     },
     {
       type: 'prose',

package/authoring/doctypes/component/component.doc.mjs

@@ -50,7 +50,7 @@ export const doc = {
       name: 'hiddenComponents',
       type: 'string[]',
       description:
-        'Sub-component names to hide from human-facing UI (CLI listings, docs catalogs). They stay public and importable — agents and tooling can still discover them via source.',
+        'Sub-component names to hide from human-facing UI (CLI listings, docs catalogs). They stay public and importable; agents and tooling can still discover them via source.',
     },
     {
       name: 'hidden',
@@ -104,7 +104,7 @@ export const doc = {
           name: 'theming.derived',
           type: 'ComponentThemingDerivedVar[]',
           description:
-            'Maps standard CSS properties to internal vars for theme-pipeline expansion. Ordered by priority — earlier entries emit first.',
+            'Maps standard CSS properties to internal vars for theme-pipeline expansion. Ordered by priority: earlier entries emit first.',
         },
       ],
     },
@@ -170,7 +170,7 @@ export const doc = {
       name: 'description',
       type: 'string',
       description:
-        "SubComponentDoc variant (required there): one-sentence description of the sub-component's role within the parent composition. Single/Multi docs have no top-level description — they derive their summary from `usage`.",
+        "SubComponentDoc variant (required there): one-sentence description of the sub-component's role within the parent composition. Single/Multi docs have no top-level description; they derive their summary from `usage`.",
     },
   ],
   examples: [
@@ -187,7 +187,7 @@ export const docs = {
       'A Switch toggles a single setting on or off. Use it for instant, binary preferences that apply immediately without a submit step.',
     bestPractices: [
       {guidance: true, description: 'Apply the change immediately when toggled.'},
-      {guidance: false, description: 'Use a Switch for actions that need confirmation — prefer a Checkbox in a form.'},
+      {guidance: false, description: 'Use a Switch for actions that need confirmation; prefer a Checkbox in a form.'},
     ],
   },
   props: [
@@ -226,9 +226,9 @@ export const docs = {
       type: 'list',
       style: 'unordered',
       items: [
-        'SingleComponentDoc — one primary component; put props directly on the doc via `props`. Use for Switch, Badge, Spinner, TextInput.',
-        'MultiComponentDoc — a directory exporting several components/hooks; list them in `components` (inline ComponentEntry or name-only ComponentRef). Use for Table, Dialog, TabList.',
-        'SubComponentDoc — a single sub-component in its own {Name}.doc.mjs inside the parent directory; set `subComponentOf` to the parent name. It inherits family fields and may omit `usage`.',
+        'SingleComponentDoc: one primary component; put props directly on the doc via `props`. Use for Switch, Badge, Spinner, TextInput.',
+        'MultiComponentDoc: a directory exporting several components/hooks; list them in `components` (inline ComponentEntry or name-only ComponentRef). Use for Table, Dialog, TabList.',
+        'SubComponentDoc: a single sub-component in its own {Name}.doc.mjs inside the parent directory; set `subComponentOf` to the parent name. It inherits family fields and may omit `usage`.',
       ],
     },
     {

package/authoring/doctypes/enum/enum.doc.mjs

@@ -14,7 +14,7 @@ export const doc = {
   displayName: 'EnumDoc',
   namespace: 'authoring',
   description:
-    'The doc-type for a closed vocabulary — a fixed set of literal values such as ' +
+    'The doc-type for a closed vocabulary: a fixed set of literal values such as ' +
     'error codes or response-type discriminants. Colocated as a `.doc.mjs` next to ' +
     'the source of truth it documents.',
   appliesTo: '<enum>.doc.mjs',
@@ -59,7 +59,7 @@ export const doc = {
     {
       name: 'members',
       type: 'EnumMemberDoc[]',
-      description: 'The enumerated members — one entry per literal value.',
+      description: 'The enumerated members: one entry per literal value.',
       required: true,
       fields: [
         {

package/authoring/doctypes/function/function.doc.mjs

@@ -41,7 +41,7 @@ export const doc = {
       name: 'kind',
       type: "'hook' | 'api'",
       description:
-        'Which flavor — drives docsite sectioning; inferred from importPath if omitted.',
+        'Which flavor; drives docsite sectioning; inferred from importPath if omitted.',
     },
     {
       name: 'summary',
@@ -127,7 +127,7 @@ export const doc = {
         {
           name: 'returns[].name',
           type: 'string',
-          description: 'Field name (hooks) — omit for API envelope entries.',
+          description: 'Field name (hooks); omit for API envelope entries.',
         },
         {
           name: 'returns[].type',
@@ -191,7 +191,7 @@ export const doc = {
       name: 'usage',
       type: 'UsageDoc',
       description:
-        'Usage documentation (hooks) — description, best practices, anatomy. Same shape as HookDoc.usage.',
+        'Usage documentation (hooks): description, best practices, anatomy. Same shape as HookDoc.usage.',
     },
     {
       name: 'command',

package/authoring/doctypes/hook/hook.doc.mjs

@@ -43,7 +43,7 @@ export const doc = {
       name: 'group',
       type: 'string',
       description:
-        'Optional group for sidebar/docs organization — same as ComponentDoc.group.',
+        'Optional group for sidebar/docs organization; same as ComponentDoc.group.',
     },
     {
       name: 'keywords',
@@ -117,7 +117,7 @@ export const doc = {
     {
       name: 'usage',
       type: 'UsageDoc',
-      description: 'Usage documentation — description and best practices.',
+      description: 'Usage documentation: description and best practices.',
       required: true,
       fields: [
         {
@@ -190,7 +190,7 @@ export const docs = {
   notes: [
     {
       type: 'prose',
-      text: "A hook's discriminant is `type: 'function'` — HookDoc and FunctionDoc share the generalized function kind. HookDoc is the hook-flavored view: named `returns` fields and a required `usage` block.",
+      text: "A hook's discriminant is `type: 'function'`: HookDoc and FunctionDoc share the generalized function kind. HookDoc is the hook-flavored view: named `returns` fields and a required `usage` block.",
     },
     {
       type: 'prose',

package/authoring/doctypes/reference/reference.doc.mjs

@@ -14,7 +14,7 @@ export const doc = {
   displayName: 'ReferenceDoc',
   namespace: 'authoring',
   description:
-    'The doc-type for a reference/topic doc — tokens, principles, theming, patterns, ' +
+    'The doc-type for a reference/topic doc: tokens, principles, theming, patterns, ' +
     'accessibility, migration guides. Unlike ComponentDoc it is not tied to a component: ' +
     'drop a `.doc.mjs` in the docs directory and it shows up in `astryx docs`. Content is ' +
     'built from ordered sections of mixed content blocks.',
@@ -120,7 +120,7 @@ export const docs = {
   notes: [
     {
       type: 'prose',
-      text: 'Each `sections[].content` is an ordered array of ReferenceContentBlock — a discriminated union. New block types can be added without breaking existing docs. The same union is reused by the `notes` field on SchemaDoc and CommandDoc.',
+      text: 'Each `sections[].content` is an ordered array of ReferenceContentBlock, a discriminated union. New block types can be added without breaking existing docs. The same union is reused by the `notes` field on SchemaDoc and CommandDoc.',
     },
     {
       type: 'code',
@@ -140,7 +140,7 @@ export const docs = {
     },
     {
       type: 'prose',
-      text: "A section may set `previewType` to render a visual preview column for token tables — one of 'swatch' | 'shadow-box' | 'radius-box' | 'spacing-bar' | 'size-bar' | 'border-line' | 'duration-bar' | 'easing-curve' | 'font-sample'.",
+      text: "A section may set `previewType` to render a visual preview column for token tables: one of 'swatch' | 'shadow-box' | 'radius-box' | 'spacing-bar' | 'size-bar' | 'border-line' | 'duration-bar' | 'easing-curve' | 'font-sample'.",
     },
   ],
 };

package/authoring/doctypes/schema/schema.doc.mjs

@@ -190,7 +190,7 @@ export const doc = {
       type: 'list',
       style: 'dont',
       items: [
-        'Set `required: false` for optional fields — omit `required` entirely instead.',
+        'Set `required: false` for optional fields; omit `required` entirely instead.',
       ],
     },
   ],

package/authoring/doctypes/template/template.doc.mjs

@@ -150,13 +150,13 @@ export const doc = {
       type: 'list',
       style: 'unordered',
       items: [
-        "PageTemplateDoc (type: 'page') — a full page template; `name` doubles as its display value.",
-        "BlockTemplateDoc (type: 'block') — an example of a component; requires `exampleFor` and `aspectRatio`.",
+        "PageTemplateDoc (type: 'page'): a full page template; `name` doubles as its display value.",
+        "BlockTemplateDoc (type: 'block'): an example of a component; requires `exampleFor` and `aspectRatio`.",
       ],
     },
     {
       type: 'prose',
-      text: "`category` uses the shared TemplateCategory taxonomy: 'Group - Variant' strings (e.g. 'Table - Bulk Actions'). Not every value maps to an existing template — unused values are reserved so authors get autocomplete for the full taxonomy.",
+      text: "`category` uses the shared TemplateCategory taxonomy: 'Group - Variant' strings (e.g. 'Table - Bulk Actions'). Not every value maps to an existing template; unused values are reserved so authors get autocomplete for the full taxonomy.",
     },
   ],
 };

package/clients/cli/commands/build-theme.registry.test.mjs

@@ -60,7 +60,10 @@ function renderedClassLiterals() {
       const full = path.join(dir, entry.name);
       if (entry.isDirectory()) {
         walk(full);
-      } else if (entry.name.endsWith('.tsx') && !entry.name.endsWith('.test.tsx')) {
+      } else if (
+        (entry.name.endsWith('.tsx') || entry.name.endsWith('.ts')) &&
+        !entry.name.includes('.test.')
+      ) {
         const text = fs.readFileSync(full, 'utf8');
         for (const re of [
           /themeProps\(\s*'([^']+)'/g,
@@ -71,6 +74,16 @@ function renderedClassLiterals() {
             classes.add(m[1]);
           }
         }
+        // Renamed targets emit their old name too, via themeProps'
+        // `legacyNames`. Those classes are just as rendered as the primary
+        // one, so a doc entry for the old name is still backed by real output.
+        const legacyRe = /legacyNames:\s*\[([^\]]*)\]/g;
+        let lm;
+        while ((lm = legacyRe.exec(text)) !== null) {
+          for (const nm of lm[1].matchAll(/'([^']+)'/g)) {
+            classes.add(nm[1]);
+          }
+        }
       }
     }
   };

package/clients/cli/commands/build.doc.mjs

@@ -17,7 +17,7 @@ export const doc = {
     'Build a page: composition kit for an idea, or the workflow playbook (no args)',
   description:
     'The assemble-a-page entry point. With no query it returns the how-to-build-a-page ' +
-    'playbook; with a query it groups the unified search hits into a composition kit — ' +
+    'playbook; with a query it groups the unified search hits into a composition kit: ' +
     'the closest templates, drop-in blocks, and idea-specific components and hooks.',
   fn: 'build',
   args: [{name: 'query', param: 'query', required: false}],

package/clients/cli/commands/component.doc.mjs

@@ -69,7 +69,7 @@ export const doc = {
     {code: 0, when: 'success'},
     {
       code: 1,
-      when: 'unknown component, category, or package — or @astryxdesign/core cannot be resolved',
+      when: 'unknown component, category, or package, or @astryxdesign/core cannot be resolved',
     },
   ],
   related: ['search', 'hook', 'docs', 'template', 'swizzle'],

package/clients/cli/commands/doctor.doc.mjs

@@ -15,8 +15,8 @@ export const doc = {
   namespace: 'cli',
   summary: 'Diagnose your XDS setup and report problems with fixes',
   description:
-    'Runs read-only diagnostics — Node version, @astryxdesign/core install and version ' +
-    'alignment, installed themes, config validity, agent docs, and the package manager — ' +
+    'Runs read-only diagnostics: Node version, @astryxdesign/core install and version ' +
+    'alignment, installed themes, config validity, agent docs, and the package manager, ' +
     'and reports pass/warn/fail with an actionable fix for each problem. Safe as a CI gate.',
   fn: 'doctor',
   examples: [

package/clients/cli/commands/layout-expand.doc.mjs

@@ -17,7 +17,7 @@ export const doc = {
   summary: 'Expand a layout expression into validated XDS TSX',
   description:
     'Parses and validates a compressed XLE/XLO expression, then expands it into ' +
-    'ready-to-use XDS TSX — routing children into slots, scaffolding typed useState for ' +
+    'ready-to-use XDS TSX, routing children into slots, scaffolding typed useState for ' +
     'interactive controls, and splicing referenced blocks. Writes to a path, or returns the code.',
   fn: 'layoutExpand',
   args: [

package/clients/cli/commands/layout.doc.mjs

@@ -16,7 +16,7 @@ export const doc = {
   summary: 'Generate XDS layouts from compressed expressions (XLE/XLO)',
   description:
     'The layout command group. Running astryx layout with no subcommand prints the ' +
-    'subcommand list; the work happens in the subcommands — expand an expression into ' +
+    'subcommand list; the work happens in the subcommands: expand an expression into ' +
     'TSX (expand), validate one (check), or print the grammar cheatsheet (grammar).',
   subcommands: ['expand', 'check', 'grammar'],
   examples: [

package/clients/cli/commands/manifest.doc.mjs

@@ -3,7 +3,7 @@
 /**
  * @file CommandDoc for `astryx manifest`. A CLI-only capability manifest with no
  * wrapped API function (so no `fn`); it emits the full command surface — args,
- * flags, subcommands, and JSON response types — as a single typed envelope.
+ * flags, subcommands, and JSON response types, as a single typed envelope.
  * @position packages/cli/clients/cli/commands — command documentation
  */
 
@@ -15,8 +15,8 @@ export const doc = {
   namespace: 'cli',
   summary: 'Print the full CLI capability manifest (use with --json).',
   description:
-    'Emits the complete CLI surface — every command with its arguments, options, ' +
-    'subcommands, and JSON response types — as a single typed envelope for agents and ' +
+    'Emits the complete CLI surface: every command with its arguments, options, ' +
+    'subcommands, and JSON response types, as a single typed envelope for agents and ' +
     'tooling to introspect. Intended to be run with --json.',
   examples: [
     {label: 'Full manifest', cli: 'astryx manifest --json'},

package/clients/cli/commands/search.doc.mjs

@@ -15,7 +15,7 @@ export const doc = {
   namespace: 'cli',
   summary: 'Search components, hooks, docs, and templates in one ranked list',
   description:
-    'Terminal front-end to search() — prints one ranked, greppable list across ' +
+    'Terminal front-end to search(): prints one ranked, greppable list across ' +
     'every content domain, each row carrying a follow-up command to act on it.',
   fn: 'search',
   args: [{name: 'query', param: 'query', required: true}],

package/clients/cli/commands/theme-add.doc.mjs

@@ -16,7 +16,7 @@ export const doc = {
   namespace: 'cli',
   summary: 'Scaffold a theme into your project as editable source',
   description:
-    "Copies a bundled theme's source into your project so you own it — no theme package " +
+    "Copies a bundled theme's source into your project so you own it, no theme package " +
     'needed. Writes are staged then renamed, rolling back on failure. Running it with no ' +
     'slug, or with --list, lists the bundled themes instead.',
   fn: 'themeAdd',

package/clients/cli/commands/theme-build.doc.mjs

@@ -17,7 +17,7 @@ export const doc = {
   summary: 'Compile a defineTheme file to CSS + JS',
   description:
     'Compiles a file that calls defineTheme() into a scoped CSS file, a JS module, and ' +
-    'type declarations — the exact CSS the <Theme> runtime emits. With --check it writes ' +
+    'type declarations: the exact CSS the <Theme> runtime emits. With --check it writes ' +
     'nothing and instead reports whether the committed outputs have drifted from source.',
   fn: 'themeBuild',
   args: [{name: 'file', param: 'file', required: true}],

package/clients/cli/commands/theme-list.doc.mjs

@@ -16,7 +16,7 @@ export const doc = {
   namespace: 'cli',
   summary: 'List themes available to add',
   description:
-    'Lists the themes bundled with this CLI build — the ones theme add can scaffold — ' +
+    'Lists the themes bundled with this CLI build (the ones theme add can scaffold), ' +
     'each with its slug, display name, description, and maintained flag.',
   fn: 'themeList',
   examples: [{label: 'List bundled themes', cli: 'astryx theme list --json'}],

package/clients/cli/commands/theme.doc.mjs

@@ -13,10 +13,10 @@ export const doc = {
   name: 'theme',
   displayName: 'astryx theme',
   namespace: 'cli',
-  summary: 'Theme tools — build, export, and manage themes',
+  summary: 'Theme tools: build, export, and manage themes',
   description:
     'The theme command group. Running astryx theme with no subcommand prints the ' +
-    'subcommand list; the work happens in the subcommands — compile a theme (build), ' +
+    'subcommand list; the work happens in the subcommands: compile a theme (build), ' +
     'scaffold one into your project (add), or list the bundled themes (list).',
   subcommands: ['build', 'add', 'list'],
   examples: [

package/clients/cli/commands/validate-integration.doc.mjs

@@ -16,8 +16,8 @@ export const doc = {
   namespace: 'cli',
   summary: 'Validate an Astryx integration package (manifest + contributions)',
   description:
-    'Validates ONE integration at a time — the local package rooted at cwd, or an ' +
-    'installed package resolved by name — schema-checking its manifest, verifying each ' +
+    'Validates ONE integration at a time: the local package rooted at cwd, or an ' +
+    'installed package resolved by name, schema-checking its manifest, verifying each ' +
     'declared contribution root, and reporting every finding. Safe as a CI gate.',
   fn: 'validateIntegration',
   args: [{name: 'package', param: 'pkg', required: false}],

package/foundation/discovery/template-adapter.d.mts

@@ -11,11 +11,14 @@ export function pkgOf(t: {
     package?: string;
 }): string;
 /**
- * Replace demo image references with a self-contained placeholder data URI so
- * scaffolded pages render with zero setup. Builders drop in their own images.
+ * Replace demo asset references with a placeholder so scaffolded pages
+ * render with zero setup. Images get a self-contained data URI; videos
+ * (which have no equivalent inline placeholder — see VIDEO_EXTENSIONS) are
+ * stripped to an empty src instead of being mis-replaced with image data.
+ * Builders drop in their own media either way.
  *
  * @param {string} source - Template source code.
- * @returns {string} Source with demo image references replaced.
+ * @returns {string} Source with demo asset references replaced.
  */
 export function stripTemplateAssetRefs(source: string): string;
 /**