@intentic/extension-ui 1.176.3 → 1.209.0

package/dist/index.js

@@ -24,10 +24,8 @@ export const CodeField = m["CodeField"];
 export const ConfirmDialog = m["ConfirmDialog"];
 export const ContextMenu = m["ContextMenu"];
 export const CopyButton = m["CopyButton"];
-export const CountBar = m["CountBar"];
 export const DagEditor = m["DagEditor"];
 export const DagGraph = m["DagGraph"];
-export const Dialog = m["Dialog"];
 export const DiffStat = m["DiffStat"];
 export const FilterBar = m["FilterBar"];
 export const Icon = m["Icon"];
@@ -37,13 +35,13 @@ export const InfoHint = m["InfoHint"];
 export const InfoTable = m["InfoTable"];
 export const Markdown = m["Markdown"];
 export const MarkdownFigure = m["MarkdownFigure"];
+export const Modal = m["Modal"];
 export const NavRail = m["NavRail"];
 export const Notice = m["Notice"];
 export const NoticeStack = m["NoticeStack"];
 export const Page = m["Page"];
 export const PageAction = m["PageAction"];
 export const PageHeader = m["PageHeader"];
-export const Panel = m["Panel"];
 export const Picker = m["Picker"];
 export const Popover = m["Popover"];
 export const ProgressRing = m["ProgressRing"];
@@ -52,16 +50,17 @@ export const ResizeSeam = m["ResizeSeam"];
 export const ResponsiveOverlay = m["ResponsiveOverlay"];
 export const Row = m["Row"];
 export const RowGroup = m["RowGroup"];
+export const ScrollFrame = m["ScrollFrame"];
 export const SearchBar = m["SearchBar"];
-export const Segmented = m["Segmented"];
+export const SegmentedControl = m["SegmentedControl"];
 export const SplitView = m["SplitView"];
-export const StatRow = m["StatRow"];
+export const StatStrip = m["StatStrip"];
 export const StatusBadge = m["StatusBadge"];
+export const StatusTally = m["StatusTally"];
 export const StepSection = m["StepSection"];
 export const TIME_WINDOWS = m["TIME_WINDOWS"];
 export const ToggleSwitch = m["ToggleSwitch"];
 export const clipboardOf = m["clipboardOf"];
-export const cmp = m["cmp"];
 export const errorMessage = m["errorMessage"];
 export const formatBytes = m["formatBytes"];
 export const formatDate = m["formatDate"];
@@ -78,6 +77,7 @@ export const seriesColor = m["seriesColor"];
 export const sinceOf = m["sinceOf"];
 export const timeAgo = m["timeAgo"];
 export const timeWindowWords = m["timeWindowWords"];
+export const ui = m["ui"];
 export const useAgentRunPick = m["useAgentRunPick"];
 export const useAsyncAction = m["useAsyncAction"];
 export const useCompact = m["useCompact"];
@@ -85,4 +85,5 @@ export const useDevice = m["useDevice"];
 export const useListNavigation = m["useListNavigation"];
 export const useNarrow = m["useNarrow"];
 export const useNow = m["useNow"];
+export const useRailMemory = m["useRailMemory"];
 export const useTheme = m["useTheme"];

package/dist/types/extension-ui/src/format.d.ts

@@ -1 +1 @@
-export { formatBytes, formatDate, formatDateTime, formatDayMonth, formatTime, formatTimestamp, formatTokens, formatWeekdayTime, timeAgo, } from "../../ui/src/format.js";
+export { formatBytes, formatDate, formatDateTime, formatDayMonth, formatTime, formatTimestamp, formatTokens, formatWeekdayTime, timeAgo, } from "../../ui/src/format/index.js";

package/dist/types/extension-ui/src/index.d.ts

@@ -1,9 +1,8 @@
-export { AgentRunButton, type AgentRunChoice, type AgentRunPicker, type ModelPicking, useAgentRunPick, AnchoredOverlay, Avatar, BarChart, BottomSheet, BrandMark, Card, clipboardOf, ChangeStatusMark, type ChangeStatus, cmp, Code, CodeField, ConfirmDialog, ContextMenu, CopyButton, CountBar, type CountItem, DagEditor, DagGraph, type DagEdge, type DagNode, DiffStat, FilterBar, Icon, type IconName, ImageView, InfoDialog, InfoHint, InfoTable, isRenderableImage, Markdown, MarkdownFigure, type NavGroup, NavRail, type NoticeModel, type NoticeTone, type NoticeAction, Notice, NoticeStack, Page, PageAction, PageHeader, Panel, Picker, type PickerGroup, type PickerOption, type PickerOptions, ProgressRing, ProseField, ResizeSeam, ResponsiveOverlay, Row, RowGroup, SearchBar, Segmented, seriesColor, sinceOf, SplitView, StatRow, StatusBadge, type StatusVariant, StepSection, TIME_WINDOWS, type TimeWindow, timeWindowWords, useCompact, useDevice, useListNavigation, useNow, errorMessage, noticeFrom, noticeOf, useAsyncAction, useNarrow, useTheme, } from "../../ui/src/index.js";
+export { AgentRunButton, type AgentRunChoice, type AgentRunPicker, type ModelPicking, useAgentRunPick, AnchoredOverlay, Avatar, BarChart, BottomSheet, BrandMark, Card, clipboardOf, ChangeStatusMark, type ChangeStatus, ui, Code, CodeField, ConfirmDialog, ContextMenu, CopyButton, StatusTally, type TallyItem, DagEditor, DagGraph, type DagEdge, type DagNode, DiffStat, FilterBar, Icon, type IconName, ImageView, InfoDialog, InfoHint, InfoTable, isRenderableImage, Markdown, MarkdownFigure, Modal, type NavGroup, NavRail, type NoticeModel, type NoticeTone, type NoticeAction, Notice, NoticeStack, Page, PageAction, PageHeader, ScrollFrame, Picker, type PickerGroup, type PickerOption, type PickerOptions, ProgressRing, ProseField, ResizeSeam, ResponsiveOverlay, Row, RowGroup, SearchBar, SegmentedControl, seriesColor, sinceOf, SplitView, StatStrip, StatusBadge, type StatusVariant, StepSection, TIME_WINDOWS, type TimeWindow, timeWindowWords, useCompact, useDevice, useListNavigation, useNow, errorMessage, noticeFrom, noticeOf, useAsyncAction, useNarrow, useRailMemory, useTheme, } from "../../ui/src/index.js";
 export { formatBytes, formatDate, formatDateTime, formatDayMonth, formatTime, formatTimestamp, formatTokens, formatWeekdayTime, timeAgo, } from "./format.js";
 export type { BarsFigure, BarsFigureItem, DagFigure, DagFigureEdge, DagFigureNode, Figure, FigureAccent, MermaidFigure, StatsFigure, StatsFigureItem, } from "../../ui/src/markdown/index.js";
 export { default as Button } from "primevue/button";
 export { default as Checkbox } from "primevue/checkbox";
-export { default as Dialog } from "primevue/dialog";
 export type { MenuItem } from "primevue/menuitem";
 export { default as Popover } from "primevue/popover";
 export { default as ToggleSwitch } from "primevue/toggleswitch";

package/dist/types/ui/src/components/AnchoredOverlay.vue.d.ts

@@ -1,4 +1,4 @@
-import { type Cross, type Side } from "../composables/anchorPlacement.js";
+import { type Cross, type Side } from "../lib/anchorPlacement.js";
 type __VLS_Props = {
     anchor: HTMLElement | undefined;
     side?: Side;

package/dist/types/ui/src/components/BrandMark.vue.d.ts

@@ -1,9 +1,11 @@
 type __VLS_Props = {
     size: number;
     name: string;
+    art?: string | undefined;
     logo?: string | undefined;
     icon?: string | undefined;
     idle?: boolean;
+    flush?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/types/ui/src/components/Code.vue.d.ts

@@ -1,4 +1,4 @@
-import type { ShikiLang } from "../composables/shikiLangs.js";
+import type { ShikiLang } from "../lib/shikiLangs.js";
 type __VLS_Props = {
     code: string;
     lang?: ShikiLang;

package/dist/types/ui/src/components/CodeField.vue.d.ts

@@ -1,4 +1,4 @@
-import type { ShikiLang } from "../composables/shikiLangs.js";
+import type { ShikiLang } from "../lib/shikiLangs.js";
 type __VLS_Props = {
     lang?: ShikiLang;
     readonly?: boolean;

package/dist/types/ui/src/components/ConfirmDialog.vue.d.ts

@@ -8,7 +8,7 @@ declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
         items?: readonly T[];
         destructive?: boolean;
         loading?: boolean;
-        width?: number;
+        size?: `sm` | `md` | `lg` | `xl` | `full`;
         appendTo?: HTMLElement | string;
     } & {
         onCancel?: (() => any) | undefined;

package/dist/types/ui/src/components/Modal.vue.d.ts

@@ -0,0 +1,34 @@
+type __VLS_Props = {
+    size?: `sm` | `md` | `lg` | `xl` | `full`;
+    header?: string;
+    chrome?: boolean;
+    scroll?: boolean;
+    dismissable?: boolean;
+    position?: `center` | `top`;
+    appendTo?: HTMLElement | string;
+};
+declare var __VLS_12: {}, __VLS_14: {}, __VLS_17: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_12) => any;
+} & {
+    default?: (props: typeof __VLS_14) => any;
+} & {
+    footer?: (props: typeof __VLS_17) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    show: () => any;
+    hide: () => any;
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onShow?: (() => any) | undefined;
+    onHide?: (() => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/ui/src/components/Notice.vue.d.ts

@@ -1,12 +1,25 @@
-import { type NoticeModel } from "./notice.js";
+import { type NoticeModel, type NoticeTone } from "./notice.js";
+import type { IconName } from "../icons/iconSets.js";
 type __VLS_Props = {
-    of: NoticeModel;
+    of?: NoticeModel;
+    tone?: NoticeTone;
+    icon?: IconName;
     dismissLabel?: string;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     dismiss: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onDismiss?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/ui/src/components/Picker.vue.d.ts

@@ -25,10 +25,6 @@ declare const __VLS_export: <T extends string>(__VLS_props: NonNullable<Awaited<
         icon?: (props: {
             option: PickerOption<T>;
         }) => any;
-    } & {
-        icon?: (props: {
-            option: PickerOption<T>;
-        }) => any;
     };
     emit: (event: "update:modelValue", value: T | undefined) => void;
 }>) => import("vue").VNode & {

package/dist/types/ui/src/components/ResponsiveOverlay.vue.d.ts

@@ -1,4 +1,4 @@
-import { type Cross, type Side } from "../composables/anchorPlacement.js";
+import { type Cross, type Side } from "../lib/anchorPlacement.js";
 type __VLS_Props = {
     anchor: HTMLElement | undefined;
     header?: string;

package/dist/types/ui/src/components/{CountBar.vue.d.ts → StatusTally.vue.d.ts}

@@ -1,5 +1,5 @@
 import type { StatusVariant } from "./StatusBadge.vue";
-export interface CountItem {
+export interface TallyItem {
     readonly label: string;
     readonly value: number;
     readonly variant: StatusVariant;
@@ -7,7 +7,7 @@ export interface CountItem {
     readonly pulse?: boolean;
 }
 type __VLS_Props = {
-    items: readonly CountItem[];
+    items: readonly TallyItem[];
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/types/ui/src/composables/useRailMemory.d.ts

@@ -0,0 +1,2 @@
+import { type Ref } from "vue";
+export declare function useRailMemory(id: string, choice: Ref<string | undefined>, options: () => readonly string[]): void;

package/dist/types/ui/src/icons/iconSets.d.ts

@@ -1,3 +1,3 @@
-export type IconName = "align-left" | "angle-right" | "arrow-circle-up" | "arrow-down-left" | "arrow-left" | "arrow-right" | "arrow-up-right" | "arrows-h" | "backward" | "bars" | "bolt" | "book" | "box" | "check" | "check-circle" | "check-square" | "chevron-down" | "chevron-right" | "chevron-up" | "circle" | "circle-fill" | "clock" | "clone" | "cloud" | "cloud-upload" | "code" | "cog" | "collapse-all" | "comments" | "compress" | "copy" | "credit-card" | "database" | "desktop" | "download" | "ellipsis" | "envelope" | "eraser" | "exclamation-circle" | "exclamation-triangle" | "expand" | "external-link" | "eye" | "eye-slash" | "file" | "file-edit" | "file-pdf" | "file-tree" | "filter" | "folder" | "folder-open" | "fork" | "forward" | "github" | "gitlab" | "globe" | "google" | "history" | "image" | "info-circle" | "key" | "link" | "list-check" | "lock" | "microphone" | "moon" | "palette" | "paperclip" | "pause" | "pencil" | "picture-in-picture" | "play" | "plus" | "plus-circle" | "question-circle" | "refresh" | "repeat" | "robot" | "save" | "search" | "send" | "server" | "shield" | "sign-in" | "sign-out" | "sitemap" | "slack" | "sliders-h" | "sparkles" | "spinner" | "square" | "star" | "star-fill" | "stop" | "sun" | "sync" | "terminal" | "th-large" | "times" | "trash" | "undo" | "unlock" | "upload" | "user" | "users" | "volume-off" | "volume-up" | "wave-pulse" | "wifi" | "window-maximize" | "window-minimize" | "wrench";
+export type IconName = "align-left" | "angle-right" | "arrow-circle-up" | "arrow-down-left" | "arrow-left" | "arrow-right" | "arrow-up-right" | "arrows-h" | "backward" | "bars" | "bolt" | "book" | "box" | "check" | "check-circle" | "check-square" | "chevron-down" | "chevron-right" | "chevron-up" | "circle" | "circle-fill" | "clock" | "clone" | "cloud" | "cloud-upload" | "code" | "cog" | "collapse-all" | "comments" | "compress" | "copy" | "credit-card" | "database" | "desktop" | "download" | "ellipsis" | "envelope" | "eraser" | "exclamation-circle" | "exclamation-triangle" | "expand" | "external-link" | "eye" | "eye-slash" | "file" | "file-edit" | "file-pdf" | "file-tree" | "filter" | "folder" | "folder-open" | "fork" | "forward" | "github" | "gitlab" | "globe" | "google" | "hammer" | "history" | "image" | "info-circle" | "key" | "layout-left" | "link" | "link-broken" | "list-check" | "lock" | "microphone" | "moon" | "palette" | "paperclip" | "pause" | "pencil" | "picture-in-picture" | "play" | "plus" | "plus-circle" | "question-circle" | "refresh" | "repeat" | "robot" | "save" | "search" | "send" | "server" | "shield" | "sign-in" | "sign-out" | "sitemap" | "slack" | "sliders-h" | "sparkles" | "spinner" | "square" | "star" | "star-fill" | "stop" | "sun" | "sync" | "terminal" | "th-large" | "times" | "trash" | "undo" | "unlock" | "upload" | "user" | "users" | "volume-off" | "volume-up" | "wave-pulse" | "wifi" | "window-maximize" | "window-minimize" | "wrench";
 export declare const ICONS: Record<IconName, string>;
 export declare const isIconName: (name: string) => name is IconName;

package/dist/types/ui/src/index.d.ts

@@ -1,5 +1,5 @@
-export { clipboardOf } from "./clipboard.js";
-export { cmp } from "./cmp.js";
+export { clipboardOf } from "./lib/clipboard.js";
+export { ui } from "./lib/ui.js";
 export { default as AgentRunButton } from "./components/AgentRunButton.vue";
 export { type AgentRunChoice, type AgentRunPicker, type ModelPicking, useAgentRunPick } from "./composables/useAgentRunPick.js";
 export { default as AnchoredOverlay } from "./components/AnchoredOverlay.vue";
@@ -16,7 +16,7 @@ export { default as CodeField } from "./components/CodeField.vue";
 export { default as ConfirmDialog } from "./components/ConfirmDialog.vue";
 export { default as ContextMenu } from "./components/ContextMenu.vue";
 export { default as CopyButton } from "./components/CopyButton.vue";
-export { type CountItem, default as CountBar } from "./components/CountBar.vue";
+export { type TallyItem, default as StatusTally } from "./components/StatusTally.vue";
 export { default as DagEditor } from "./components/DagEditor.vue";
 export { default as DagGraph } from "./components/DagGraph.vue";
 export { type DagEdge, type DagNode } from "./components/dagLayout.js";
@@ -29,6 +29,7 @@ export { default as InfoHint } from "./components/InfoHint.vue";
 export { default as InfoTable } from "./components/InfoTable.vue";
 export { default as Markdown } from "./components/Markdown.vue";
 export { default as MarkdownFigure } from "./components/MarkdownFigure.vue";
+export { default as Modal } from "./components/Modal.vue";
 export { default as NavRail } from "./components/NavRail.vue";
 export { type NavGroup } from "./components/navRail.js";
 export { default as Notice } from "./components/Notice.vue";
@@ -37,7 +38,7 @@ export { type NoticeAction, type NoticeModel, type NoticeTone } from "./componen
 export { default as Page } from "./components/Page.vue";
 export { default as PageAction } from "./components/PageAction.vue";
 export { default as PageHeader } from "./components/PageHeader.vue";
-export { default as Panel } from "./components/Panel.vue";
+export { default as ScrollFrame } from "./components/ScrollFrame.vue";
 export { default as Picker } from "./components/Picker.vue";
 export { type PickerGroup, type PickerOption, type PickerOptions } from "./components/picker.js";
 export { default as ProgressRing } from "./components/ProgressRing.vue";
@@ -47,18 +48,19 @@ export { default as ResponsiveOverlay } from "./components/ResponsiveOverlay.vue
 export { default as Row } from "./components/Row.vue";
 export { default as RowGroup } from "./components/RowGroup.vue";
 export { default as SearchBar } from "./components/SearchBar.vue";
-export { default as Segmented } from "./components/Segmented.vue";
+export { default as SegmentedControl } from "./components/SegmentedControl.vue";
 export { seriesColor } from "./components/seriesAccent.js";
 export { default as SplitView } from "./components/SplitView.vue";
 export { useCompact } from "./components/splitView.js";
-export { default as StatRow } from "./components/StatRow.vue";
+export { default as StatStrip } from "./components/StatStrip.vue";
 export { default as StatusBadge, type StatusVariant } from "./components/StatusBadge.vue";
 export { default as StepSection } from "./components/StepSection.vue";
-export { sinceOf, TIME_WINDOWS, type TimeWindow, timeWindowWords } from "./timeWindow.js";
+export { sinceOf, TIME_WINDOWS, type TimeWindow, timeWindowWords } from "./lib/timeWindow.js";
 export { type IconName } from "./icons/iconSets.js";
 export { useDevice } from "./composables/useDevice.js";
 export { useNarrow } from "./composables/useNarrow.js";
 export { useListNavigation } from "./composables/useListNavigation.js";
+export { useRailMemory } from "./composables/useRailMemory.js";
 export { useNow } from "./composables/useNow.js";
 export { errorMessage, noticeFrom, noticeOf, useAsyncAction } from "./composables/useAsyncAction.js";
 export { useTheme } from "./composables/useTheme.js";

package/dist/types/ui/src/{cmp.d.ts → lib/ui.d.ts}

@@ -1,10 +1,7 @@
-export declare const cmp: {
+export declare const ui: {
     iconButton: (...twClasses: string[]) => string;
     linkButton: (...twClasses: string[]) => string;
     input: (...twClasses: string[]) => string;
-    alertDanger: (...twClasses: string[]) => string;
-    alertWarning: (...twClasses: string[]) => string;
-    alertInfo: (...twClasses: string[]) => string;
     emptyState: (...twClasses: string[]) => string;
     addTile: (...twClasses: string[]) => string;
     sectionLabel: (...twClasses: string[]) => string;

package/names.mjs

@@ -13,16 +13,14 @@ export const extensionUiNames = [
     "ChangeStatusMark",
     "Checkbox",
     "clipboardOf",
-    "cmp",
+    "ui",
     "Code",
     "CodeField",
     "ConfirmDialog",
     "ContextMenu",
     "CopyButton",
-    "CountBar",
     "DagEditor",
     "DagGraph",
-    "Dialog",
     "DiffStat",
     "errorMessage",
     "FilterBar",
@@ -42,15 +40,15 @@ export const extensionUiNames = [
     "isRenderableImage",
     "Markdown",
     "MarkdownFigure",
+    "Modal",
     "NavRail",
+    "Notice",
     "noticeFrom",
     "noticeOf",
-    "Notice",
     "NoticeStack",
     "Page",
     "PageAction",
     "PageHeader",
-    "Panel",
     "Picker",
     "Popover",
     "ProgressRing",
@@ -59,13 +57,15 @@ export const extensionUiNames = [
     "ResponsiveOverlay",
     "Row",
     "RowGroup",
+    "ScrollFrame",
     "SearchBar",
-    "Segmented",
+    "SegmentedControl",
     "seriesColor",
     "sinceOf",
     "SplitView",
-    "StatRow",
+    "StatStrip",
     "StatusBadge",
+    "StatusTally",
     "StepSection",
     "TIME_WINDOWS",
     "timeAgo",
@@ -78,5 +78,6 @@ export const extensionUiNames = [
     "useListNavigation",
     "useNarrow",
     "useNow",
+    "useRailMemory",
     "useTheme",
 ];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intentic/extension-ui",
-  "version": "1.176.3",
+  "version": "1.209.0",
   "description": "The UI kit intentic extensions render with — host-provided at runtime (the app's own components via the import map), so extension UI is always native to the shell",
   "license": "MIT",
   "type": "module",

package/src/index.ts

@@ -50,7 +50,7 @@ export {
      * a hand-rolled copy gets subtly wrong. */
     ChangeStatusMark,
     type ChangeStatus,
-    cmp,
+    ui,
     Code,
     /* <CodeField> ships beside <Code> because shipping the reader WITHOUT the writer is what made the memory
      * extension put a bare grey <textarea> next to a coloured block of the very same file: the kit had no way
@@ -59,8 +59,8 @@ export {
     ConfirmDialog,
     ContextMenu,
     CopyButton,
-    CountBar,
-    type CountItem,
+    StatusTally,
+    type TallyItem,
     DagEditor,
     DagGraph,
     type DagEdge,
@@ -80,6 +80,11 @@ export {
     isRenderableImage,
     Markdown,
     MarkdownFigure,
+    /* <Modal> ships for the reason <ConfirmDialog> and <InfoDialog> already do, and it is the one they were
+     * both missing: an extension whose dialog is neither a confirm nor an explainer had nothing to reach for
+     * but PrimeVue's Dialog and a width typed into a style attribute — which is exactly how the app itself
+     * ended up with thirteen widths and one viewport clamp between seventeen dialogs. */
+    Modal,
     type NavGroup,
     NavRail,
     /* <NoticeStack> and its model ship beside <ConfirmDialog> for the same reason <InfoDialog> does: a view
@@ -88,7 +93,7 @@ export {
      *
      * <Notice> — THE SINGLE ONE — was missing from that shipment, and it is the same mistake <Row>/<RowGroup>
      * and <PageAction>/<PageHeader> each record one release earlier: the container went out without the thing
-     * that goes in it. Notice.vue's own comment says every view that hand-rolled `cmp.alertDanger()` around an
+     * that goes in it. Notice.vue's own comment says every view that hand-rolled `ui.alertDanger()` around an
      * interpolated error string renders it instead, "which is what makes the app's failures sound like one
      * product rather than like sixty throw sites" — and the app took that sweep, 107 call sites of it. The
      * extensions could not: the kit handed out the stack and kept the row, so thirteen of them went on
@@ -104,7 +109,7 @@ export {
      * `#actions` with a raw PrimeVue <Button> and picked a different cell of its variant matrix each time. */
     PageAction,
     PageHeader,
-    Panel,
+    ScrollFrame,
     Picker,
     type PickerGroup,
     type PickerOption,
@@ -123,11 +128,11 @@ export {
     Row,
     RowGroup,
     SearchBar,
-    Segmented,
+    SegmentedControl,
     seriesColor,
     sinceOf,
     SplitView,
-    StatRow,
+    StatStrip,
     StatusBadge,
     type StatusVariant,
     StepSection,
@@ -154,6 +159,11 @@ export {
     /* "Is my own element too narrow for this layout" — the question every extension view actually means, since it
      * renders into a pane the reader can drag to half its width, not into the window. */
     useNarrow,
+    /* Where the reader left a narrowing rail. Ships for the reason <SplitView> did: three extension views grew
+     * the same index column, all three keep the pick in the URL, and all three lost it the moment you clicked the
+     * tile again — because a tile opens a view at its bare address. Solving that per extension would be three
+     * copies of one rule about what a link means versus what a memory is allowed to guess. */
+    useRailMemory,
     useTheme,
 } from "@intentic/ui";
 // Also reachable as `@intentic/extension-ui/format` — see the note there for why an extension's pure logic
@@ -188,13 +198,14 @@ export type {
 /* The raw primitives, kept deliberately short. Handing out a primitive the KIT already wraps is how an
  * extension screen ends up wearing OS chrome next to the app's own: `Select` and `InputText` used to ship here
  * and four views took them, so a dropdown with a different focus ring sat beside <Picker> and a text field with
- * different padding beside `cmp.input`. Those two are gone — <Picker> and `cmp.input()` are the spellings.
- * <Dialog> stays until the kit has a general dialog shell: <ConfirmDialog> and <InfoDialog> are both narrower
- * than the five views using it need. <Popover> stays for the same reason, but <AnchoredOverlay> above is the
- * one to reach for — it is the only one of the two that opens in the right window when a panel is popped out. */
+ * different padding beside `ui.input`. Those two are gone — <Picker> and `ui.input()` are the spellings.
+ * <Dialog> was the third, and it is gone for the same reason: it stayed "until the kit has a general dialog
+ * shell", six extension views took it, and every one of them typed its own width into a style attribute with
+ * no viewport clamp — the exact spread that <Modal> above now exists to end. The shell is here, so the raw one
+ * is not. <Popover> stays only because <ResponsiveOverlay>/<AnchoredOverlay> do not yet cover every menu shape,
+ * and it is on the same clock: those two are the ones that open in the right window when a panel is popped out. */
 export { default as Button } from "primevue/button";
 export { default as Checkbox } from "primevue/checkbox";
-export { default as Dialog } from "primevue/dialog";
 export type { MenuItem } from "primevue/menuitem";
 export { default as Popover } from "primevue/popover";
 export { default as ToggleSwitch } from "primevue/toggleswitch";

package/dist/types/ui/src/format.d.ts

@@ -1,14 +0,0 @@
-export declare const formatBytes: (bytes: number | undefined) => string;
-export declare const formatTokens: (tokens: number) => string;
-export declare const initialsOf: (name: string) => string | undefined;
-export declare const formatDate: (at: number) => string;
-export declare const formatDayMonth: (at: number) => string;
-export declare const formatDateTime: (at: number) => string;
-export declare const formatTimestamp: (at: number) => string;
-export declare const formatTime: (at: number) => string;
-export declare const formatClock: (at: number) => string;
-export declare const formatWeekdayTime: (at: number) => string;
-export declare const timeAgo: (at: number, { now, days }?: {
-    now?: number;
-    days?: boolean;
-}) => string;