@nadicodeai/ui 10.0.1 → 10.0.2

package/dist/components/model-mark.js

@@ -101,6 +101,6 @@ function ModelMark({ author, name, size = MODEL_MARK_SIZE, label, className, ...
         : label?.trim()
             ? { role: "img", "aria-label": label }
             : {};
-    return (_jsxs("span", { "data-slot": "model-mark", "data-author": author, "data-resolved-author": slug, className: cn("inline-flex min-w-0 items-center gap-1.5", className), ...props, ...labelling, children: [_jsx("span", { "data-slot": "model-mark-tile", "data-mark": Mark ? "brand" : "monogram", "data-mark-source": definition?.source, "aria-hidden": "true", className: "inline-flex shrink-0 items-center justify-center rounded-md border border-border bg-background text-foreground", style: { width: size, height: size }, children: Mark ? (_jsx(Mark, { size: Math.round(size * MODEL_MARK_GLYPH_RATIO) })) : (_jsx("span", { "aria-hidden": "true", className: "font-semibold leading-none text-muted-foreground", "data-slot": "model-author-monogram", style: { fontSize: Math.max(8, Math.round(size * 0.32)) }, children: authorInitials(slug) })) }), name ? (_jsxs("span", { className: "min-w-0 truncate", children: [_jsx("span", { className: "font-medium", children: name }), " ", _jsx("span", { className: "text-xs text-muted-foreground", children: author })] })) : null] }));
+    return (_jsxs("span", { "data-slot": "model-mark", "data-author": author, "data-resolved-author": slug, className: cn("inline-flex min-w-0 max-w-full items-center gap-1.5", className), ...props, ...labelling, children: [_jsx("span", { "data-slot": "model-mark-tile", "data-mark": Mark ? "brand" : "monogram", "data-mark-source": definition?.source, "aria-hidden": "true", className: "inline-flex shrink-0 items-center justify-center rounded-md border border-border bg-background text-foreground", style: { width: size, height: size }, children: Mark ? (_jsx(Mark, { size: Math.round(size * MODEL_MARK_GLYPH_RATIO) })) : (_jsx("span", { "aria-hidden": "true", className: "font-semibold leading-none text-muted-foreground", "data-slot": "model-author-monogram", style: { fontSize: Math.max(8, Math.round(size * 0.32)) }, children: authorInitials(slug) })) }), name ? (_jsxs("span", { className: "min-w-0 truncate", children: [_jsx("span", { className: "font-medium", children: name }), " ", _jsx("span", { className: "text-xs text-muted-foreground", children: author })] })) : null] }));
 }
 export { ModelMark };

package/dist/components/table.js

@@ -27,7 +27,7 @@ function TableCell({ className, ...props }) {
     return (_jsx("td", { "data-slot": "table-cell", className: cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0", className), ...props }));
 }
 function TableDetailRow({ colSpan, facts, layout = "standard", }) {
-    return (_jsx(TableRow, { "data-slot": "table-detail-row", className: tableCompactLayouts[layout].details, children: _jsx(TableCell, { colSpan: colSpan, className: "px-2 pt-0 pb-3 whitespace-normal", children: _jsx("dl", { className: cn("grid min-w-0 grid-cols-2 gap-x-4 gap-y-2", facts.length > 2 && "@lg/table:grid-cols-3"), children: facts.map((fact) => (_jsxs("div", { className: cn("min-w-0 last:odd:col-span-2", facts.length > 2 && "@lg/table:last:odd:col-span-1"), children: [_jsx("dt", { className: "text-xs text-muted-foreground", children: fact.label }), _jsx("dd", { className: cn("min-w-0", fact.numeric ? "tabular-nums wrap-normal" : "wrap-anywhere"), children: fact.value })] }, fact.id))) }) }) }));
+    return (_jsx(TableRow, { "data-slot": "table-detail-row", className: tableCompactLayouts[layout].details, children: _jsx(TableCell, { colSpan: colSpan, className: "px-2 pt-0 pb-3 whitespace-normal", children: _jsx("dl", { className: cn("grid min-w-0 grid-cols-1 gap-x-4 gap-y-2 @sm/table:grid-cols-2", facts.length > 2 && "@lg/table:grid-cols-3"), children: facts.map((fact) => (_jsxs("div", { className: cn("min-w-0 @sm/table:last:odd:col-span-2", facts.length > 2 && "@lg/table:last:odd:col-span-1"), children: [_jsx("dt", { className: "text-xs text-muted-foreground", children: fact.label }), _jsx("dd", { className: cn("min-w-0", fact.numeric ? "tabular-nums wrap-normal" : "wrap-anywhere"), children: fact.value })] }, fact.id))) }) }) }));
 }
 function TableCaption({ className, ...props }) {
     return (_jsx("caption", { "data-slot": "table-caption", className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));

package/docs/component-classification.md

@@ -11,8 +11,8 @@ copy, and behavior.
 
 | Removed API | Registry source to use instead | Reason |
 | --- | --- | --- |
-| `DataTable`, `DataTableColumnControls`, `DataTableEmptyState`, `DataTableState` | `@shadcn/data-table-demo` or the `DataTable` inside `@shadcn/dashboard-01` | shadcn already ships first-party data-table examples with sorting, selection, visibility, filtering, and pagination patterns. |
-| `CommandPalette`, `ModelPickerCommand`, `SessionPickerCommand` | `@shadcn/command`, `@shadcn/command-demo`, `@shadcn/command-dialog` | shadcn already ships the command primitives and command-dialog example; model/session execution is app behavior. |
+| Package-level `DataTable`, `DataTableColumnControls`, `DataTableEmptyState`, `DataTableState` | [shadcn Data Table guide](https://ui.shadcn.com/docs/components/base/data-table), `@shadcn/table`, and the table in `@shadcn/dashboard-01` | These are first-party composition sources for sorting, visibility, filtering, and pagination. Portal retains its app-owned `DataTable` adapter for registry and URL behavior. |
+| `CommandPalette`, `ModelPickerCommand`, `SessionPickerCommand` | `@shadcn/command` and its `CommandDialog` export ([Command guide](https://ui.shadcn.com/docs/components/base/command)) | The command primitive and dialog composition are already supplied; model/session execution is app behavior. |
 | `ChartCard`, `MetricChart`, `semanticChartColors` | The package chart kit, owned by [`contract.md`](contract.md) | shadcn already ships the chart primitives and blocks the kit is pulled from; metric aggregation and chart choice are app behavior. |
 
 ## Retained Package Compositions

package/docs/contract.md

@@ -205,6 +205,8 @@ content, and a chart names a model through the label in its `ChartConfig`. A
 model's row in a table or a ranked list is where `ModelMark` belongs. A mark is
 decoration beside the label that already names it; one standing alone takes
 `label` (`role="img"` with an accessible name) or stays hidden.
+Named marks stay within their containing cell, shortening the visible text when
+space is tight; callers with long model IDs provide the full ID in `title`.
 
 The package owns the reviewed author-to-mark mapping and its generated artwork;
 the live catalog remains the source of which authors exist. The consuming app
@@ -298,7 +300,8 @@ highlights one record. A consumer does not render the two rows as independent
 siblings. Portal `DataTable` chooses a layout from its column count by default;
 a comparison whose columns remain readable longer may select one of these
 shared layouts instead of adding route-owned width rules.
-Two supporting facts use two columns; additional facts can use three when they fit.
+Supporting facts stack below 384px of table width, use two columns when they
+fit, and use three for additional facts at the larger container breakpoint.
 The cell renderer supplies the value, leaving the label to the detail row.
 
 ### Missing table values

package/docs/product-compositions.md

@@ -25,6 +25,22 @@ Fixtures live in:
 | `SettingsSection` / `SettingsField` | Header, divided save footer, field layout, labels, descriptions, errors, and control associations. | Form state, validation, submission, persistence, settings taxonomy, and save/cancel behavior. |
 | `FeedbackState` | Shared empty, loading, saving, error, permission, offline, no-results, and fatal state presentation. | Recovery actions, retry behavior, permission escalation, app-specific state language. |
 
+## Collection and command recipes
+
+Portal's [`DataTable`](../../../apps/portal/src/components/kit/data-table.tsx) is
+the existing app owner for collection interaction, URL state, and registry
+behavior. It composes the shared `Table` and `TableDetailRow` with TanStack
+Table, following the [shadcn Data Table guide](https://ui.shadcn.com/docs/components/base/data-table)
+and the `@shadcn/dashboard-01` table block. The shared row owns compact fact
+geometry; a caller supplies its labels and values. Keep Portal's adapter for
+its existing consumers instead of introducing a second package table API.
+
+The shared [`command`](../src/components/command.tsx) component includes
+`CommandDialog`, as the [shadcn Command guide](https://ui.shadcn.com/docs/components/base/command)
+documents. A product composes its commands there and owns search data,
+selection effects, shortcuts, routing, and permission checks. The Portal
+command dialog is the current app owner for Portal navigation commands.
+
 ## SettingsSection
 
 Use `SettingsSection` and `SettingsField` for horizontal settings rows that need consistent label, description, error, and control alignment.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nadicodeai/ui",
-  "version": "10.0.1",
+  "version": "10.0.2",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -72,7 +72,7 @@
     "@assistant-ui/react": "0.15.21",
     "@assistant-ui/react-markdown": "0.14.16",
     "@base-ui/react": "^1.8.0",
-    "@nadicodeai/design-system": "10.0.1",
+    "@nadicodeai/design-system": "10.0.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",