@archetypeai/ds-cli 0.12.1 → 0.13.0

package/files/ds-manifest.json

@@ -1,6 +1,6 @@
 {
 	"name": "archetypeai-design-system",
-	"version": "0.12.1",
+	"version": "0.13.0",
 	"components": [
 		{
 			"name": "alert",
@@ -46,7 +46,8 @@
 			"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."
+				"Selection: `variant=\"selection\"` for dismissible picks, with an embedded `Button variant=\"ghost\" size=\"inline\" visibility=\"dimmed\"` X icon to remove.",
+				"Spacing: the badge carries no outer margin — the container owns the gap (e.g. `flex gap-2`). For the rare trailing-edge case, add `class=\"-mr-1\"` at the call site."
 			],
 			"variants": {
 				"badgeVariants": {
@@ -154,6 +155,7 @@
 			"usage": [
 				"Detail panel: `variant=\"info\"` + Card.Header (Card.Title + Card.Action icon) + Card.Content layout=\"stack\" holding Label sectionHeader → mono value pairs (Job Details, dialog notes).",
 				"Grid tile: `variant=\"status\"` for clickable job/model status cards in dashboard grids (pass href); `variant=\"intro\"` for hero/landing cards.",
+				"Card.Title capitalizes by default. Pass `titleCase={false}` when the title is user-authored and must render verbatim (agent names, filenames) — never reach in with `[&_[data-slot=card-title]]:normal-case`.",
 				"Single-metric status cards often need no CardHeader — omit when content is self-explanatory."
 			],
 			"variants": {
@@ -164,10 +166,15 @@
 							"intro",
 							"status",
 							"info"
+						],
+						"titleCase": [
+							"true",
+							"false"
 						]
 					},
 					"defaults": {
-						"variant": "default"
+						"variant": "default",
+						"titleCase": "true"
 					}
 				},
 				"cardContentVariants": {
@@ -243,6 +250,35 @@
 			"source": "https://design-system-console.archetypeai.workers.dev/r/console-utils.json",
 			"description": "className merge helper cn() (clsx + tailwind-merge with the rounded-interactive extension). Re-exported as $lib/utils in scaffolded apps."
 		},
+		{
+			"name": "counter",
+			"import": "@archetypeai/ds-ui-svelte-console/primitives/counter",
+			"source": "https://design-system-console.archetypeai.workers.dev/r/counter.json",
+			"description": "Odometer pill for a numeric count.",
+			"usage": [
+				"Count: `Counter value={412}` rolls only the digit places that changed; past 999 it abbreviates (`1.2K`, `123K`, `1.2M`) so it never grows a fifth column, and the exact number stays in its title + accessible label.",
+				"Absent vs zero vs loading: omit the component entirely when there is no count, pass `value={0}` for an empty one, and `value={null}` while it is still loading (reserves the same width so nothing reflows when it arrives).",
+				"Tone & size: `tone=\"muted\"` for a quieter pill against busy chrome; `size=\"sm\"` for dense rows (tables, list items). Inside a tab strip use `Tabs.Count`, which re-colors it for the active/inactive trigger."
+			],
+			"variants": {
+				"counterVariants": {
+					"axes": {
+						"tone": [
+							"solid",
+							"muted"
+						],
+						"size": [
+							"default",
+							"sm"
+						]
+					},
+					"defaults": {
+						"tone": "solid",
+						"size": "default"
+					}
+				}
+			}
+		},
 		{
 			"name": "dialog",
 			"import": "@archetypeai/ds-ui-svelte-console/primitives/dialog",
@@ -905,7 +941,8 @@
 			"description": "Data table.",
 			"usage": [
 				"Log/event tables: width-classed Table.Head columns, `Table.Body class=\"font-sans text-xs\"`, level cells colored with status tokens (text-atai-critical for error rows).",
-				"Mono body (`typography=\"mono\"` on Table.Body) for id-heavy tables; pair with `EmptyState variant=\"list\"` when empty."
+				"Mono body (`typography=\"mono\"` on Table.Body) for id-heavy tables; pair with `EmptyState variant=\"list\"` when empty.",
+				"Header rows never take the data-row hover — `Table.Header` neutralizes it; don't cancel `hover:bg-*` from consumer code."
 			],
 			"variants": {
 				"tableBodyVariants": {
@@ -929,7 +966,8 @@
 			"usage": [
 				"Icon view toggle (list/grid): `Tabs.List variant=\"toggle\"` + `Tabs.Trigger variant=\"icon\"` with an icon + title.",
 				"Segmented source switch (Library | File IDs | Upload): `variant=\"toggle\"` list + triggers `size=\"pill\" typography=\"mono\"`.",
-				"Page-section tabs (Progress | Logs | Artifacts): `Tabs.List variant=\"line\"` with plain text triggers; always `Tabs.Root bind:value`."
+				"Page-section tabs (Progress | Logs | Artifacts): `Tabs.List variant=\"line\"` with plain text triggers; always `Tabs.Root bind:value`.",
+				"Count on a trigger: `<Tabs.Trigger value=\"logs\">Logs <Tabs.Count value={logCount} /></Tabs.Trigger>` — an odometer pill that abbreviates past 999 (`1.2K`) so the strip never reflows. Pass `value={null}` while the count is still loading (it reserves the width), `value={0}` for an empty tab, and omit `Tabs.Count` entirely for a tab that has no count at all."
 			],
 			"variants": {
 				"tabsListVariants": {

package/package.json

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