@archetypeai/ds-cli 0.10.1 → 0.12.0

package/files/ds-manifest.json

@@ -1,6 +1,6 @@
 {
 	"name": "archetypeai-design-system",
-	"version": "0.10.1",
+	"version": "0.12.0",
 	"components": [
 		{
 			"name": "alert",
@@ -45,6 +45,7 @@
 			"description": "Small pill for statuses and selected items.",
 			"usage": [
 				"Status: `variant=\"status\"` colored via status tokens, e.g. class=\"text-atai-good border-atai-good\" (Completed), atai-critical (Failed), atai-warning (Interrupted), atai-neutral (Running), muted-foreground (Pending).",
+				"Size: `size=\"sm\"` gives the status pill smaller type and tighter spacing for tight spaces (cards, tables) or inline with text; defaults to `size=\"default\"`.",
 				"Selection: `variant=\"selection\"` for dismissible picks, with an embedded `Button variant=\"ghost\" size=\"inline\" visibility=\"dimmed\"` X icon to remove."
 			],
 			"variants": {
@@ -53,14 +54,30 @@
 						"variant": [
 							"selection",
 							"status"
+						],
+						"size": [
+							"default",
+							"sm"
 						]
 					},
 					"defaults": {
-						"variant": "status"
+						"variant": "status",
+						"size": "default"
 					}
 				}
 			}
 		},
+		{
+			"name": "breadcrumb",
+			"import": "@archetypeai/ds-ui-svelte-console/primitives/breadcrumb",
+			"source": "https://design-system-console.archetypeai.workers.dev/r/breadcrumb.json",
+			"description": "Hierarchical navigation trail for nested console flows (e.g. user management).",
+			"usage": [
+				"Compose Breadcrumb.Root > Breadcrumb.List > Breadcrumb.Item; place a Breadcrumb.Separator between items (defaults to a chevron, override via children).",
+				"Ancestors are links (`Breadcrumb.Link href=\"...\"`); the current location is the non-link `Breadcrumb.Page` (carries aria-current=\"page\").",
+				"Collapse long trails by putting `Breadcrumb.Ellipsis` inside a Breadcrumb.Item. Typography is mono/uppercase to match the `backToDashboard` button."
+			]
+		},
 		{
 			"name": "button",
 			"import": "@archetypeai/ds-ui-svelte-console/primitives/button",
@@ -188,8 +205,8 @@
 			"source": "https://design-system-console.archetypeai.workers.dev/r/codeblock.json",
 			"description": "Syntax-highlighted code display (CodeBlock, shiki) and editable code field with JSON-schema validation (CodeBlockEditor).",
 			"usage": [
-				"`<CodeBlock code language=\"yaml\" class=\"border-border border\" />` for configs; wrap in {#key darkMode.current} so it re-highlights on theme flips.",
-				"Config editors: `<CodeBlockEditor bind:value bind:valid bind:schemaUnavailable schema={jsonSchema} placeholder showDownload downloadBaseName />` + a Label sectionHeader row showing the derived valid/invalid state in status tokens."
+				"`<CodeBlock code language=\"yaml\" />` for read-only configs (border built in). Theme switches are CSS-only — no {#key} wrapper needed. Grows to content by default; to cap the height pass `maxHeight=\"20rem\"` (any CSS length) or the `scroll` shorthand (=600px) — this puts the scrollbar on the internal scroller, whereas a `max-h-*` class on the component clips without scrolling. `showLineNumbers={false}` hides the gutter; `wrap` wraps long lines instead of scrolling horizontally.",
+				"Config editors: `<CodeBlockEditor bind:value bind:valid bind:validating bind:schemaUnavailable schema={jsonSchema} placeholder showDownload downloadBaseName disabled />` + a status badge row driven by the bindables (validating → 'Checking…' spinner; !valid → 'Invalid'; valid+schemaUnavailable → 'YAML parses'; valid → 'Valid YAML'). Grows to content (floor via `minHeight`, default 10rem); cap+scroll via `maxHeight` (any length) or `scroll` (=600px). Visually identical to CodeBlock."
 			]
 		},
 		{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@archetypeai/ds-cli",
-  "version": "0.10.1",
+  "version": "0.12.0",
   "description": "Archetype AI Design System CLI Tool",
   "type": "module",
   "bin": {