@intentic/extension-ui 1.176.3 → 1.209.1

package/dist/format.js

@@ -13,4 +13,5 @@ export const formatTime = m["formatTime"];
 export const formatTimestamp = m["formatTimestamp"];
 export const formatTokens = m["formatTokens"];
 export const formatWeekdayTime = m["formatWeekdayTime"];
+export const freshness = m["freshness"];
 export const timeAgo = m["timeAgo"];

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,31 +35,34 @@ 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 NoteEditor = m["NoteEditor"];
 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"];
 export const ProseField = m["ProseField"];
+export const RepoRail = m["RepoRail"];
 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"];
@@ -71,6 +72,7 @@ export const formatTime = m["formatTime"];
 export const formatTimestamp = m["formatTimestamp"];
 export const formatTokens = m["formatTokens"];
 export const formatWeekdayTime = m["formatWeekdayTime"];
+export const freshness = m["freshness"];
 export const isRenderableImage = m["isRenderableImage"];
 export const noticeFrom = m["noticeFrom"];
 export const noticeOf = m["noticeOf"];
@@ -78,11 +80,14 @@ 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"];
 export const useDevice = m["useDevice"];
 export const useListNavigation = m["useListNavigation"];
 export const useNarrow = m["useNarrow"];
+export const useNoteDraft = m["useNoteDraft"];
 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, freshness, 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 { formatBytes, formatDate, formatDateTime, formatDayMonth, formatTime, formatTimestamp, formatTokens, formatWeekdayTime, timeAgo, } from "./format.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, NoteEditor, type NoteDraft, type NoteDraftOptions, useNoteDraft, type NoticeModel, type NoticeTone, type NoticeAction, Notice, NoticeStack, Page, PageAction, PageHeader, ScrollFrame, Picker, type PickerGroup, type PickerOption, type PickerOptions, ProgressRing, RepoRail, type RepoRailAll, type RepoRailGroup, type RepoRailRow, 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, freshness, 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/NoteEditor.vue.d.ts

@@ -0,0 +1,52 @@
+type __VLS_Props = {
+    title: string;
+    raw: string;
+    editing: boolean;
+    showSource?: boolean;
+    loading?: boolean;
+    saving?: boolean;
+    removing?: boolean;
+    error?: string;
+    verb?: string;
+};
+declare var __VLS_9: {}, __VLS_12: {}, __VLS_20: {}, __VLS_23: {}, __VLS_47: {}, __VLS_65: {}, __VLS_67: {}, __VLS_92: {};
+type __VLS_Slots = {} & {
+    lead?: (props: typeof __VLS_9) => any;
+} & {
+    badges?: (props: typeof __VLS_12) => any;
+} & {
+    description?: (props: typeof __VLS_20) => any;
+} & {
+    meta?: (props: typeof __VLS_23) => any;
+} & {
+    actions?: (props: typeof __VLS_47) => any;
+} & {
+    strips?: (props: typeof __VLS_65) => any;
+} & {
+    confirm?: (props: typeof __VLS_67) => any;
+} & {
+    default?: (props: typeof __VLS_92) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    save: () => any;
+    cancel: () => any;
+    remove: () => any;
+    edit: () => any;
+    "update:source": (value: string) => any;
+    "update:confirming": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSave?: (() => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onRemove?: (() => any) | undefined;
+    onEdit?: (() => any) | undefined;
+    "onUpdate:source"?: ((value: string) => any) | undefined;
+    "onUpdate:confirming"?: ((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/RepoRail.vue.d.ts

@@ -0,0 +1,17 @@
+import type { RepoRailAll, RepoRailGroup } from "./repoRail.js";
+type __VLS_Props = {
+    groups: readonly RepoRailGroup[];
+    all: RepoRailAll;
+    memory: string;
+};
+type __VLS_ModelProps = {
+    modelValue?: string | undefined;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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/components/repoRail.d.ts

@@ -0,0 +1,21 @@
+import type { IconName } from "../icons/iconSets.js";
+export interface RepoRailRow {
+    readonly value: string;
+    readonly label: string;
+    readonly icon: IconName;
+    readonly meta: string;
+    readonly tone?: string;
+    readonly tooltip?: string;
+    readonly mono?: boolean;
+}
+export interface RepoRailGroup {
+    readonly key: string;
+    readonly label?: string;
+    readonly rows: readonly RepoRailRow[];
+}
+export interface RepoRailAll {
+    readonly icon: IconName;
+    readonly meta: string;
+    readonly tone?: string;
+    readonly tooltip?: string;
+}

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

@@ -0,0 +1,23 @@
+import { type ComputedRef, type Ref, type WritableComputedRef } from "vue";
+export interface NoteDraftOptions {
+    readonly draft: Ref<string | undefined>;
+    readonly raw: () => string;
+    readonly save: (content: string) => Promise<unknown>;
+    readonly remove: () => Promise<unknown>;
+    readonly note?: () => unknown;
+    readonly onLeave?: () => void;
+    readonly onRemoved?: () => void;
+}
+export interface NoteDraft {
+    readonly source: WritableComputedRef<string>;
+    readonly editing: ComputedRef<boolean>;
+    readonly confirming: Ref<boolean>;
+    readonly error: Readonly<Ref<string | undefined>>;
+    readonly saving: Readonly<Ref<boolean>>;
+    readonly removing: Readonly<Ref<boolean>>;
+    readonly startEdit: () => void;
+    readonly cancelEdit: () => void;
+    readonly saveDraft: () => Promise<void>;
+    readonly forget: () => Promise<void>;
+}
+export declare function useNoteDraft({ draft, raw, save, remove, note, onLeave, onRemoved }: NoteDraftOptions): NoteDraft;

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,36 +29,42 @@ 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 NoteEditor } from "./components/NoteEditor.vue";
+export { type NoteDraft, type NoteDraftOptions, useNoteDraft } from "./composables/useNoteDraft.js";
 export { default as Notice } from "./components/Notice.vue";
 export { default as NoticeStack } from "./components/NoticeStack.vue";
 export { type NoticeAction, type NoticeModel, type NoticeTone } from "./components/notice.js";
 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";
 export { default as ProseField } from "./components/ProseField.vue";
+export { default as RepoRail } from "./components/RepoRail.vue";
+export { type RepoRailAll, type RepoRailGroup, type RepoRailRow } from "./components/repoRail.js";
 export { default as ResizeSeam } from "./components/ResizeSeam.vue";
 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",
@@ -34,6 +32,7 @@ export const extensionUiNames = [
     "formatTimestamp",
     "formatTokens",
     "formatWeekdayTime",
+    "freshness",
     "Icon",
     "ImageView",
     "InfoDialog",
@@ -42,30 +41,34 @@ export const extensionUiNames = [
     "isRenderableImage",
     "Markdown",
     "MarkdownFigure",
+    "Modal",
     "NavRail",
+    "NoteEditor",
+    "Notice",
     "noticeFrom",
     "noticeOf",
-    "Notice",
     "NoticeStack",
     "Page",
     "PageAction",
     "PageHeader",
-    "Panel",
     "Picker",
     "Popover",
     "ProgressRing",
     "ProseField",
+    "RepoRail",
     "ResizeSeam",
     "ResponsiveOverlay",
     "Row",
     "RowGroup",
+    "ScrollFrame",
     "SearchBar",
-    "Segmented",
+    "SegmentedControl",
     "seriesColor",
     "sinceOf",
     "SplitView",
-    "StatRow",
+    "StatStrip",
     "StatusBadge",
+    "StatusTally",
     "StepSection",
     "TIME_WINDOWS",
     "timeAgo",
@@ -77,6 +80,8 @@ export const extensionUiNames = [
     "useDevice",
     "useListNavigation",
     "useNarrow",
+    "useNoteDraft",
     "useNow",
+    "useRailMemory",
     "useTheme",
 ];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intentic/extension-ui",
-  "version": "1.176.3",
+  "version": "1.209.1",
   "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",
@@ -40,8 +40,8 @@
     "typescript": "5.9.3",
     "vue": "3.5.40",
     "vue-tsc": "3.3.9",
-    "@intentic/tsconfig": "0.0.0",
-    "@intentic/ui": "0.0.0"
+    "@intentic/ui": "0.0.0",
+    "@intentic/tsconfig": "0.0.0"
   },
   "peerDependencies": {
     "vue": "3"

package/src/format.ts

@@ -19,5 +19,6 @@ export {
     formatTimestamp,
     formatTokens,
     formatWeekdayTime,
+    freshness,
     timeAgo,
 } from "@intentic/ui/format";

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,15 +80,32 @@ 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,
+    /* <NoteEditor> and `useNoteDraft` ship because TWO extensions are a pane that reads a markdown file, lets
+     * somebody correct it and lets them delete it — knowledge and memory — and they had built the same thing
+     * twice: the same Copy/Edit/Delete cluster, the same Cancel/Save pair, the same in-place confirmation, the
+     * same draft-or-file binding, the same read-and-write-on-one-surface rule. They had already drifted in the
+     * ways a second copy does: one cleared its confirmation when a write failed and the other did not, and
+     * NEITHER caught a failing write, so the error strip filled in from the mutation while the click handler's
+     * promise rejected into the console. The component is the chrome and the composable is the lifecycle,
+     * separately, because what a note LOOKS like past the frame is exactly where the two panes differ. */
+    NoteEditor,
+    type NoteDraft,
+    type NoteDraftOptions,
+    useNoteDraft,
     /* <NoticeStack> and its model ship beside <ConfirmDialog> for the same reason <InfoDialog> does: a view
      * with several async actions needs somewhere for their failures to land that isn't one action's own row,
      * and a hand-rolled error strip is the first thing to disagree with the app's about tone and dismissal.
      *
      * <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,12 +121,21 @@ 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,
     type PickerOptions,
     ProgressRing,
+    /* <RepoRail> ships for the reason <SplitView> did, one level in: two extensions scope a workspace-wide
+     * board to one repository — maintenance and pipelines — and both had written the same column. Same pinned
+     * "All repositories" row outside every group, same one-number-per-row rule with the second fact as its
+     * colour, same swap to a <Picker> at the width the split folds at. What differs between them is the report
+     * behind it, which is why the rows arrive as data. */
+    RepoRail,
+    type RepoRailAll,
+    type RepoRailGroup,
+    type RepoRailRow,
     /* The writing field and the drag seam ship for the same reason <SplitView> did: an extension view that
      * wants prose typeset as a document, or a pane the reader can size, would otherwise hand-roll one — and
      * both recipes have a failure mode (a replica that disagrees with its field; a drag bound to the window)
@@ -123,11 +149,11 @@ export {
     Row,
     RowGroup,
     SearchBar,
-    Segmented,
+    SegmentedControl,
     seriesColor,
     sinceOf,
     SplitView,
-    StatRow,
+    StatStrip,
     StatusBadge,
     type StatusVariant,
     StepSection,
@@ -154,6 +180,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
@@ -167,6 +198,7 @@ export {
     formatTimestamp,
     formatTokens,
     formatWeekdayTime,
+    freshness,
     timeAgo,
 } from "./format.js";
 /* The figure vocabulary that <Markdown> renders from prose and <MarkdownFigure> renders from data. Types only —
@@ -188,13 +220,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;