anentrypoint-design 0.0.357 → 0.0.358

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anentrypoint-design",
-  "version": "0.0.357",
+  "version": "0.0.358",
   "description": "247420 design system SDK — webjsx + modified ripple-ui, single-file ESM bundle for reproducible use of the AnEntrypoint design.",
   "type": "module",
   "main": "./dist/247420.js",

package/src/components/data-density.js

@@ -70,6 +70,20 @@ export function BarRow({ label, value, pct = 0, tone } = {}) {
         h('span', { class: 'ds-bar-row-value', 'aria-hidden': 'true' }, value));
 }
 
+// ---------------------------------------------------------------------------
+// RateCell — a tone-colored numeric cell for dense admin/observability tables
+// (percentile latency columns, success-rate columns). Ported from docstudio's
+// admin-observability-views.js endpointsView() success-rate coloring, which
+// had no kit equivalent: a plain Table cell has no notion of a value implying
+// good/warn/bad. Host computes the tone (this component has no opinion on
+// thresholds, matching Table's onSort host-owns-logic convention) and passes
+// it plus the display text; renders inline so it drops into any Table row.
+// ---------------------------------------------------------------------------
+export function RateCell({ value, tone = 'neutral' } = {}) {
+    const cls = 'ds-rate-cell ds-rate-cell-' + tone;
+    return h('span', { class: cls }, value == null ? '–' : String(value));
+}
+
 // ---------------------------------------------------------------------------
 // StatTile / StatsGrid — compact KPI tiles, denser than the existing .kpi.
 //   cls on StatTile selects an accent variant: '' | 'rate-big' | 'err-rate'.

package/src/components.js

@@ -35,6 +35,11 @@ export { ContextPane } from './components/context-pane.js';
 
 export { SpreadsheetPreview } from './components/spreadsheet-preview.js';
 
+export {
+    DEFAULT_PHASES, PhaseWalk, TreeNode, BarRow, RateCell,
+    StatTile, StatsGrid, SubGrid, SessionRow, DevRow, LiveLogEntry, LiveLog
+} from './components/data-density.js';
+
 export {
     fileGlyph, fmtFileSize,
     FileIcon, FileRow, FileGrid, FileSkeleton, sortFiles, FileToolbar, RootsPicker,

package/src/css/app-shell/data-density.css

@@ -77,6 +77,16 @@
 .ds-stat-val.err-rate { font-size: clamp(24px, 7cqi, 32px); color: var(--warn); }
 .ds-stat-lbl { font-size: var(--fs-micro); color: var(--fg-3); margin-top: 2px; }
 
+/* RateCell — tone-colored numeric table cell (success-rate / percentile-latency
+   columns), ported from docstudio's endpointsView() success-rate coloring.
+   Neutral at rest; color carries meaning only, matching Table's sortable-header
+   restraint pattern. */
+.ds-rate-cell { font-variant-numeric: tabular-nums; font-weight: 600; }
+.ds-rate-cell-neutral { color: var(--fg-2); font-weight: 400; }
+.ds-rate-cell-good { color: var(--success); }
+.ds-rate-cell-warn { color: var(--warn); }
+.ds-rate-cell-bad { color: var(--danger); }
+
 /* Inline row — flex row with centered items and a small gap, for demo/kit
    markup that needs to lay siblings out horizontally without an inline style. */
 .ds-inline-row { display: flex; align-items: center; gap: var(--space-2, 8px); }