@archetypeai/ds-cli 0.18.1 → 0.19.0

package/files/AGENTS.md

@@ -62,7 +62,7 @@ Use semantic tokens for anything themed; standard Tailwind for layout.
   `text-muted-foreground`, `border-border`, `bg-accent`, `bg-primary`,
   `text-primary-foreground`, `bg-destructive`
 - Status: `text-atai-good`, `text-atai-warning`, `text-atai-critical`,
-  `text-atai-neutral` (pair with matching `border-*` on status badges)
+  `text-atai-neutral` (status badges take only the text colour; the outline follows it)
 - Brand: `bg-atai-brand-babyblue`, `bg-atai-brand-yellow`,
   `text-atai-always-black`, `text-atai-always-white`
 - Icon strokes on lucide icons: `stroke-icon-default`,

package/files/CLAUDE.md

@@ -62,7 +62,7 @@ Use semantic tokens for anything themed; standard Tailwind for layout.
   `text-muted-foreground`, `border-border`, `bg-accent`, `bg-primary`,
   `text-primary-foreground`, `bg-destructive`
 - Status: `text-atai-good`, `text-atai-warning`, `text-atai-critical`,
-  `text-atai-neutral` (pair with matching `border-*` on status badges)
+  `text-atai-neutral` (status badges take only the text colour; the outline follows it)
 - Brand: `bg-atai-brand-babyblue`, `bg-atai-brand-yellow`,
   `text-atai-always-black`, `text-atai-always-white`
 - Icon strokes on lucide icons: `stroke-icon-default`,

package/files/ds-manifest.json

@@ -1,6 +1,6 @@
 {
 	"name": "archetypeai-design-system",
-	"version": "0.18.1",
+	"version": "0.19.0",
 	"components": [
 		{
 			"name": "alert",
@@ -75,11 +75,13 @@
 			"name": "badge",
 			"import": "@archetypeai/ds-ui-svelte-console/primitives/badge",
 			"source": "https://design-system-console.archetypeai.workers.dev/r/badge.json",
-			"description": "Small pill for statuses and selected items.",
+			"description": "Small pill for a run's status, a selected item, or a step number — nothing else.",
 			"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).",
+				"Restraint: a badge is for state the user acts on, not decoration. Do not badge categories, tags, counts, model names, versions, units or metadata — write them as plain text (`text-muted-foreground` for secondary). One status badge per item at most, and never a badge next to text that already says the same thing.",
+				"Status: `variant=\"status\"` colored by a status token on the text alone, e.g. class=\"text-atai-good\" (Completed), atai-critical (Failed), atai-warning (Interrupted), atai-neutral (Running), muted-foreground (Pending). The outline follows the text colour, so never pass a `border-*` class or remove the outline.",
 				"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.",
+				"Step: `variant=\"step\"` is the filled circle that numbers the steps of an ordered procedure, e.g. `<Badge variant=\"step\" aria-hidden=\"true\">{i + 1}</Badge>` leading each row with `flex items-center gap-2`. Pass the number only, 1-based; one digit is a circle and more digits stretch it into a pill of the same height. Hide it from assistive tech when the row's label already names the step. `size=\"sm\"` (16px) suits dense lists and `text-xs` labels; `size=\"lg\"` (24px) steps set beside larger type.",
 				"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": {
@@ -87,11 +89,13 @@
 					"axes": {
 						"variant": [
 							"selection",
-							"status"
+							"status",
+							"step"
 						],
 						"size": [
 							"default",
-							"sm"
+							"sm",
+							"lg"
 						]
 					},
 					"defaults": {
@@ -285,7 +289,7 @@
 			"usage": [
 				"`<Command.Root>` holds a `Command.Input`, a `Command.List` of `Command.Group`s (each a `Command.GroupHeading` and a `Command.GroupItems` of `Command.Item`s, with `Command.Separator`s between), a `Command.Empty`, and an optional `Command.Footer`. Put it in a `Popover.Content class=\"w-120 p-0\"` for a searchable menu, or on the page as a standalone search list.",
 				"Filtering: by default Command filters and ranks the items itself against each item's `value` (plus any `keywords`). When the caller filters (its own match rule, a sort, a server search), pass `shouldFilter={false}` and render only the matching items; bind the input with `bind:value` to read the query.",
-				"`Command.Input` is an `InputGroup` with the search icon at its start. Controls that belong in the field, such as a sort toggle (`Tabs` `variant=\"toggle\"` with icon-only triggers and an `aria-label` on each), go in as its children and sit at its end.",
+				"`Command.Input` is an `InputGroup` with the search icon at its start. Controls that belong in the field, such as a sort toggle (`Tabs.List variant=\"segmented\"` with icon-only triggers and an `aria-label` on each), go in as its children and sit at its end.",
 				"`Command.Item` takes `onSelect` (Enter or click) and `disabled`, which skips it in arrow-key navigation and dims it; say why in a `title`. The arrow keys move the highlight; pass `loop` on the root to wrap from the last item to the first. It takes DropdownMenu.Item's `variant` (`destructive`), `inset`, `typography` and `justify`, so a row is built the same way in both menus.",
 				"Mark the current pick with `data-checked={item.value === current}`: the item's trailing check shows on it, so the menu opens showing what's picked. Every item reserves the check's width, so rows line up whether or not one is checked.",
 				"`Command.Empty` shows when no item is left: \"No file matches “report”.\" names the query. With the built-in filter that happens on its own. With `shouldFilter={false}` Command counts every mounted item, so while a query is typed leave out the static rows (an \"All files\" row, the footer) or Empty never shows.",
@@ -1259,23 +1263,29 @@
 			"source": "https://design-system-console.archetypeai.workers.dev/r/tabs.json",
 			"description": "View and section switcher.",
 			"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`.",
+				"The look is set once, on `Tabs.List`; triggers take it from the list and have no styling props of their own beyond `variant=\"icon\"`.",
+				"Page-section tabs (Progress | Logs | Artifacts): `Tabs.List` (`variant=\"line\"` is the default) with plain text triggers and a `Tabs.Content` per tab; always `Tabs.Root bind:value`.",
+				"A second strip nested inside a section's panel: `Tabs.List size=\"sm\"`, so it reads as a level below the page's strip. `size` exists on `line` only.",
+				"Mode or view switch over the same content (Library | File IDs | Upload, Share | Count): `Tabs.List variant=\"segmented\"` with text triggers and no `Tabs.Content`.",
+				"Icon view toggle (list/grid) or sort direction: `Tabs.List variant=\"segmented\"` + `Tabs.Trigger variant=\"icon\"` with an icon, and a `title` or `aria-label` on each trigger.",
 				"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.",
 				"Count on a tab that cannot be sized: `<Tabs.Count value={loaded} atLeast />` renders `103+` for a keyset-paginated tab that knows only how many rows it has so far. Prefer it over dropping the count entirely, which reads as \"none\"."
 			],
 			"variants": {
-				"tabsListVariants": {
+				"tabsVariants": {
 					"axes": {
 						"variant": [
-							"default",
 							"line",
-							"toggle"
+							"segmented"
+						],
+						"size": [
+							"default",
+							"sm"
 						]
 					},
 					"defaults": {
-						"variant": "default"
+						"variant": "line",
+						"size": "default"
 					}
 				},
 				"tabsTriggerVariants": {
@@ -1283,20 +1293,10 @@
 						"variant": [
 							"text",
 							"icon"
-						],
-						"size": [
-							"default",
-							"pill"
-						],
-						"typography": [
-							"default",
-							"mono"
 						]
 					},
 					"defaults": {
-						"variant": "text",
-						"size": "default",
-						"typography": "default"
+						"variant": "text"
 					}
 				}
 			}

package/package.json

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