@intentic/extension-ui 1.326.0 → 1.327.0

package/README.md

@@ -19,9 +19,12 @@ flowchart LR
 - `scripts/build.mjs` compiles the published package from `_editor/ui`'s sources: declarations pruned to what the kit
   re-exports, and a `dist/index.js` bridge that throws when loaded outside an intentic host.
 - `names.mjs` lists the runtime export names by hand, because the `.vue` graph cannot load in Node. The editor's shim
-  generator reads it, and a dev-time assertion in `hostModules.ts` catches drift.
+  generator reads it, a dev-time assertion in `hostModules.ts` catches drift, and `extensionUiNames.test.ts` fails it.
 - `./diff`, `./format`, `./i18n` and `./worker` skip the component barrel, for extension tests that run without a Vue
-  compiler. `./worker` is also what a worker module imports `serveWorkerCall` from. A worker has no host bridge, so an
+  compiler. Each is published as a bridge holding what `src/index.ts` re-exports from that file, so a name a subpath
+  file exports must also be re-exported from the barrel and listed in `names.mjs`, or an extension installed from git
+  fails to link it; `extensionUiNames.test.ts` reads every subpath in `package.json`'s `exports` and fails the one left
+  out. `registerExtensionMessages` is left out on purpose: mounting a catalog is the host's job. `./worker` is also what a worker module imports `serveWorkerCall` from. A worker has no host bridge, so an
   extension built outside this repository bundles that module into its worker instead of marking it external.
 
 ## Key files

package/dist/format.js

@@ -6,11 +6,18 @@ if (host === undefined) {
 }
 const m = host.modules["@intentic/extension-ui"];
 export const formatBytes = m["formatBytes"];
+export const formatClock = m["formatClock"];
+export const formatCompact = m["formatCompact"];
+export const formatCount = m["formatCount"];
 export const formatDate = m["formatDate"];
+export const formatDateLong = m["formatDateLong"];
 export const formatDateTime = m["formatDateTime"];
 export const formatDayMonth = m["formatDayMonth"];
 export const formatDayMonthTime = m["formatDayMonthTime"];
 export const formatDuration = m["formatDuration"];
+export const formatElapsed = m["formatElapsed"];
+export const formatMoney = m["formatMoney"];
+export const formatPercent = m["formatPercent"];
 export const formatTime = m["formatTime"];
 export const formatTimestamp = m["formatTimestamp"];
 export const formatTokens = m["formatTokens"];

package/dist/i18n.js

@@ -6,4 +6,5 @@ if (host === undefined) {
 }
 const m = host.modules["@intentic/extension-ui"];
 export const activeLocale = m["activeLocale"];
+export const extensionI18n = m["extensionI18n"];
 export const extensionT = m["extensionT"];

package/dist/index.js

@@ -10,6 +10,7 @@ if (host === undefined) {
 }
 const m = host.modules["@intentic/extension-ui"];
 export const ActionSheet = m["ActionSheet"];
+export const AddressField = m["AddressField"];
 export const AgentRunButton = m["AgentRunButton"];
 export const AnchoredOverlay = m["AnchoredOverlay"];
 export const Avatar = m["Avatar"];
@@ -77,21 +78,30 @@ export const clipboardOf = m["clipboardOf"];
 export const createWorkerCall = m["createWorkerCall"];
 export const diffSequence = m["diffSequence"];
 export const errorMessage = m["errorMessage"];
+export const extensionI18n = m["extensionI18n"];
 export const extensionT = m["extensionT"];
 export const fixStanceLook = m["fixStanceLook"];
 export const formatBytes = m["formatBytes"];
+export const formatClock = m["formatClock"];
+export const formatCompact = m["formatCompact"];
+export const formatCount = m["formatCount"];
 export const formatDate = m["formatDate"];
+export const formatDateLong = m["formatDateLong"];
 export const formatDateTime = m["formatDateTime"];
 export const formatDayMonth = m["formatDayMonth"];
 export const formatDayMonthTime = m["formatDayMonthTime"];
 export const formatDuration = m["formatDuration"];
+export const formatElapsed = m["formatElapsed"];
+export const formatMoney = m["formatMoney"];
 export const formatOf = m["formatOf"];
+export const formatPercent = m["formatPercent"];
 export const formatTime = m["formatTime"];
 export const formatTimestamp = m["formatTimestamp"];
 export const formatTokens = m["formatTokens"];
 export const formatWeekdayTime = m["formatWeekdayTime"];
 export const formatWhen = m["formatWhen"];
 export const freshness = m["freshness"];
+export const messageOr = m["messageOr"];
 export const noticeFrom = m["noticeFrom"];
 export const noticeOf = m["noticeOf"];
 export const openForwardedPort = m["openForwardedPort"];

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

@@ -1 +1 @@
-export { formatBytes, formatDate, formatDateLong, formatDateTime, formatDayMonth, formatDayMonthTime, formatDuration, formatTime, formatTimestamp, formatTokens, formatWeekdayTime, formatWhen, freshness, timeAgo, } from "../../ui/src/lib/format.js";
+export { formatBytes, formatClock, formatCompact, formatCount, formatDate, formatDateLong, formatDateTime, formatDayMonth, formatDayMonthTime, formatDuration, formatElapsed, formatMoney, formatPercent, formatTime, formatTimestamp, formatTokens, formatWeekdayTime, formatWhen, freshness, timeAgo, } from "../../ui/src/lib/format.js";

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

@@ -1,8 +1,8 @@
-export { AgentRunButton, type AgentRunAttempt, type AgentRunChoice, type AgentRunPicker, type ModelPicking, useAgentRunPick, type FixStanceLook, fixStanceLook, AnchoredOverlay, Avatar, Button, vAction, BarChart, BottomSheet, BrandMark, Card, clipboardOf, browserOwnsClick, appLink, openForwardedPort, ChangeStatusMark, type ChangeStatus, ui, Code, CodeField, ConfirmDialog, ContextMenu, OverflowActions, ActionSheet, type ActionItem, CopyButton, StatusTally, type TallyItem, DagEditor, DagGraph, type DagEdge, type DagNode, DiffStat, DisclosureRow, FilterBar, Icon, type IconName, ImageView, InfoDialog, InfoHint, InfoTable, type FileFormat, formatOf, Markdown, MarkdownDocument, MarkdownFigure, Modal, type NavGroup, NavRail, NoteEditor, type NoteDraft, type NoteDraftOptions, useNoteDraft, useKeyedDraft, type NoticeModel, type NoticeTone, type NoticeAction, Notice, NoticeStack, Page, PageAction, PageHeader, ScrollFrame, PersonaFace, type PersonaLike, Picker, ProjectChip, type PickerGroup, type PickerOption, type PickerOptions, ProgressRing, RepoRail, type RepoRailAll, type RepoRailGroup, type RepoRailRow, ProseField, ResizeSeam, ResponsiveOverlay, Row, RowGroup, SearchBar, SegmentedControl, seriesColor, sinceOf, useLoadingReveal, SkeletonRows, SkeletonSnapshot, vSkeletonSource, SplitView, StatStrip, StatusBadge, type StatusVariant, StepSection, timeWindows, type TimeWindow, timeWindowWords, useCompact, useDevice, useListNavigation, useNow, useLatest, errorMessage, noticeFrom, noticeOf, useAsyncAction, useNarrow, useRailMemory, useScrollReset, type StickyTop, useStickyTop, useTheme, } from "../../ui/src/index.js";
-export { formatBytes, formatDate, formatDateTime, formatDayMonth, formatDayMonthTime, formatDuration, formatTime, formatTimestamp, formatTokens, formatWeekdayTime, formatWhen, freshness, timeAgo, } from "./format.js";
+export { AgentRunButton, type AgentRunAttempt, type AgentRunChoice, type AgentRunPicker, type ModelPicking, useAgentRunPick, type FixStanceLook, fixStanceLook, AnchoredOverlay, Avatar, Button, vAction, BarChart, BottomSheet, BrandMark, Card, clipboardOf, browserOwnsClick, appLink, openForwardedPort, ChangeStatusMark, type ChangeStatus, ui, Code, CodeField, ConfirmDialog, ContextMenu, OverflowActions, ActionSheet, type ActionItem, CopyButton, AddressField, StatusTally, type TallyItem, DagEditor, DagGraph, type DagEdge, type DagNode, DiffStat, DisclosureRow, FilterBar, Icon, type IconName, ImageView, InfoDialog, InfoHint, InfoTable, type FileFormat, formatOf, Markdown, MarkdownDocument, MarkdownFigure, Modal, type NavGroup, NavRail, NoteEditor, type NoteDraft, type NoteDraftOptions, useNoteDraft, useKeyedDraft, type NoticeModel, type NoticeTone, type NoticeAction, Notice, NoticeStack, Page, PageAction, PageHeader, ScrollFrame, PersonaFace, type PersonaLike, Picker, ProjectChip, type PickerGroup, type PickerOption, type PickerOptions, ProgressRing, RepoRail, type RepoRailAll, type RepoRailGroup, type RepoRailRow, ProseField, ResizeSeam, ResponsiveOverlay, Row, RowGroup, SearchBar, SegmentedControl, seriesColor, sinceOf, useLoadingReveal, SkeletonRows, SkeletonSnapshot, vSkeletonSource, SplitView, StatStrip, StatusBadge, type StatusVariant, StepSection, timeWindows, type TimeWindow, timeWindowWords, useCompact, useDevice, useListNavigation, useNow, useLatest, messageOr, messageOr as errorMessage, noticeFrom, noticeOf, useAsyncAction, useNarrow, useRailMemory, useScrollReset, type StickyTop, useStickyTop, useTheme, } from "../../ui/src/index.js";
+export { formatBytes, formatClock, formatCompact, formatCount, formatDate, formatDateLong, formatDateTime, formatDayMonth, formatDayMonthTime, formatDuration, formatElapsed, formatMoney, formatPercent, formatTime, formatTimestamp, formatTokens, formatWeekdayTime, formatWhen, freshness, timeAgo, } from "./format.js";
 export { diffSequence, pairEdits, similarity, wordDiff } from "./diff.js";
 export { createWorkerCall, serveWorkerCall, WorkerCallError } from "./worker.js";
-export { activeLocale, extensionT } from "./i18n.js";
+export { activeLocale, extensionI18n, extensionT } from "./i18n.js";
 export type { BarsFigure, BarsFigureItem, DagFigure, DagFigureEdge, DagFigureNode, Figure, FigureAccent, MermaidFigure, StatsFigure, StatsFigureItem, } from "../../ui/src/markdown/index.js";
 export { default as Checkbox } from "primevue/checkbox";
 export type { MenuItem } from "primevue/menuitem";

package/dist/types/ui/src/components/charts/StatusTally.vue.d.ts

@@ -9,9 +9,9 @@ type __VLS_Props = {
     items?: readonly TallyItem[];
     skeleton?: number;
 };
-declare var __VLS_1: {};
+declare var __VLS_3: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_3) => any;
 };
 declare const __VLS_base: 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 __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/types/ui/src/components/charts/dagLayout.d.ts

@@ -6,6 +6,7 @@ export interface DagNode<T = unknown> {
     readonly dimmed?: boolean;
     readonly width?: number;
     readonly height?: number;
+    readonly order?: number;
 }
 export interface DagEdge {
     readonly from: string;

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

@@ -1,14 +1,15 @@
-import { type NoticeModel, type NoticeTone } from "./notice.js";
+import { type NoticeModel, type NoticeSize, type NoticeTone } from "./notice.js";
 import type { IconName } from "../../icons/iconSets.js";
 type __VLS_Props = {
     of?: NoticeModel;
     tone?: NoticeTone;
     icon?: IconName;
+    size?: NoticeSize;
     dismissLabel?: string;
 };
-declare var __VLS_6: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+type __VLS_Slots = {
+    default?: () => unknown;
+    actions?: () => unknown;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     dismiss: () => any;

package/dist/types/ui/src/components/feedback/SkeletonSnapshot.vue.d.ts

@@ -2,9 +2,9 @@ type __VLS_Props = {
     of: string;
     label?: string;
 };
-declare var __VLS_7: {};
+declare var __VLS_6: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
+    default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_base: 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 __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/types/ui/src/components/feedback/changeStatus.d.ts

@@ -1,3 +1,4 @@
-export type ChangeStatus = "added" | "modified" | "deleted" | "renamed" | "type-changed" | "conflicted";
+import type { ChangeStatus } from "@intentic/sandbox-contract";
+export type { ChangeStatus };
 export declare const STATUS_LETTER: Record<ChangeStatus, string>;
 export declare const STATUS_CLASS: Record<ChangeStatus, string>;

package/dist/types/ui/src/components/feedback/notice.d.ts

@@ -11,7 +11,11 @@ export interface NoticeModel {
     readonly action?: NoticeAction;
     readonly key?: string;
 }
-export declare const NOTICE_BOX: Record<NoticeTone, string>;
+export declare const NOTICE_TONE: Record<NoticeTone, string>;
+export type NoticeSize = "xs" | "sm" | "md" | "lg";
+export declare const NOTICE_SIZE: Record<NoticeSize, string>;
+export declare const NOTICE_ICON_SIZE: Record<NoticeSize, string>;
+export declare const noticeBox: (tone: NoticeTone, size: NoticeSize, actions: boolean) => string;
 export declare const NOTICE_ICON: Record<NoticeTone, IconName>;
 export declare const noticeKey: (notice: NoticeModel) => string;
 export declare const rankNotices: (notices: readonly NoticeModel[]) => readonly NoticeModel[];

package/dist/types/ui/src/components/forms/AddressField.vue.d.ts

@@ -0,0 +1,19 @@
+type __VLS_Props = {
+    value: string;
+    editable?: boolean;
+    placeholder?: string;
+    copyLabel?: string;
+    openLabel?: string;
+    openable?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    focus: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    cancel: () => any;
+    submit: (text: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onSubmit?: ((text: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/ui/src/components/forms/NoteEditor.vue.d.ts

@@ -9,23 +9,23 @@ type __VLS_Props = {
     verb?: string;
     paged?: boolean;
 };
-declare var __VLS_9: {}, __VLS_12: {}, __VLS_20: {}, __VLS_23: {}, __VLS_47: {}, __VLS_65: {}, __VLS_67: {}, __VLS_88: {};
+declare var __VLS_8: {}, __VLS_11: {}, __VLS_19: {}, __VLS_22: {}, __VLS_46: {}, __VLS_64: {}, __VLS_66: {}, __VLS_87: {};
 type __VLS_Slots = {} & {
-    lead?: (props: typeof __VLS_9) => any;
+    lead?: (props: typeof __VLS_8) => any;
 } & {
-    badges?: (props: typeof __VLS_12) => any;
+    badges?: (props: typeof __VLS_11) => any;
 } & {
-    description?: (props: typeof __VLS_20) => any;
+    description?: (props: typeof __VLS_19) => any;
 } & {
-    meta?: (props: typeof __VLS_23) => any;
+    meta?: (props: typeof __VLS_22) => any;
 } & {
-    actions?: (props: typeof __VLS_47) => any;
+    actions?: (props: typeof __VLS_46) => any;
 } & {
-    strips?: (props: typeof __VLS_65) => any;
+    strips?: (props: typeof __VLS_64) => any;
 } & {
-    confirm?: (props: typeof __VLS_67) => any;
+    confirm?: (props: typeof __VLS_66) => any;
 } & {
-    default?: (props: typeof __VLS_88) => any;
+    default?: (props: typeof __VLS_87) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     cancel: () => any;

package/dist/types/ui/src/components/layout/BottomSheet.vue.d.ts

@@ -5,9 +5,9 @@ type __VLS_ModelProps = {
     modelValue: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_8: {};
+declare var __VLS_7: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;

package/dist/types/ui/src/components/layout/Page.vue.d.ts

@@ -6,7 +6,7 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    width: `content` | `wide` | `full`;
+    width: "full" | "content" | "wide";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/types/ui/src/components/layout/SplitView.vue.d.ts

@@ -6,21 +6,21 @@ type __VLS_Props = {
     scroll?: `panes` | `page`;
     scrollKey?: unknown;
 };
-declare var __VLS_15: {}, __VLS_18: {}, __VLS_20: {}, __VLS_22: {}, __VLS_24: {}, __VLS_26: {
+declare var __VLS_14: {}, __VLS_17: {}, __VLS_19: {}, __VLS_21: {}, __VLS_23: {}, __VLS_25: {
     compact: boolean;
 };
 type __VLS_Slots = {} & {
-    info?: (props: typeof __VLS_15) => any;
+    info?: (props: typeof __VLS_14) => any;
 } & {
-    actions?: (props: typeof __VLS_18) => any;
+    actions?: (props: typeof __VLS_17) => any;
 } & {
-    strips?: (props: typeof __VLS_20) => any;
+    strips?: (props: typeof __VLS_19) => any;
 } & {
-    compact?: (props: typeof __VLS_22) => any;
+    compact?: (props: typeof __VLS_21) => any;
 } & {
-    rail?: (props: typeof __VLS_24) => any;
+    rail?: (props: typeof __VLS_23) => any;
 } & {
-    detail?: (props: typeof __VLS_26) => any;
+    detail?: (props: typeof __VLS_25) => any;
 };
 declare const __VLS_base: 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 __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/types/ui/src/components/markdown/MarkdownDocument.vue.d.ts

@@ -17,11 +17,11 @@ type __VLS_ModelProps = {
     modelValue: string;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_25: {}, __VLS_27: {};
+declare var __VLS_23: {}, __VLS_25: {};
 type __VLS_Slots = {} & {
-    note?: (props: typeof __VLS_25) => any;
+    note?: (props: typeof __VLS_23) => any;
 } & {
-    actions?: (props: typeof __VLS_27) => any;
+    actions?: (props: typeof __VLS_25) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     text: () => string;

package/dist/types/ui/src/components/overlays/InfoDialog.vue.d.ts

@@ -1,5 +1,6 @@
 type __VLS_Props = {
     title: string;
+    size?: `md` | `lg`;
 };
 declare var __VLS_12: {};
 type __VLS_Slots = {} & {

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

@@ -8,15 +8,15 @@ type __VLS_Props = {
     labelledBy?: string;
     appendTo?: HTMLElement | string;
 };
-declare var __VLS_12: {
+declare var __VLS_11: {
     titleClass: string;
-}, __VLS_14: {}, __VLS_17: {};
+}, __VLS_13: {}, __VLS_16: {};
 type __VLS_Slots = {} & {
-    header?: (props: typeof __VLS_12) => any;
+    header?: (props: typeof __VLS_11) => any;
 } & {
-    default?: (props: typeof __VLS_14) => any;
+    default?: (props: typeof __VLS_13) => any;
 } & {
-    footer?: (props: typeof __VLS_17) => any;
+    footer?: (props: typeof __VLS_16) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     show: () => any;

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

@@ -10,11 +10,11 @@ type __VLS_ModelProps = {
     modelValue: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_8: {}, __VLS_17: {};
+declare var __VLS_7: {}, __VLS_15: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_7) => any;
 } & {
-    default?: (props: typeof __VLS_17) => any;
+    default?: (props: typeof __VLS_15) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;

package/dist/types/ui/src/components/rows/Row.vue.d.ts

@@ -22,29 +22,29 @@ type __VLS_Props = {
     headlineGuard?: boolean;
     indent?: boolean;
 };
-declare var __VLS_16: {
+declare var __VLS_15: {
     mark: 22 | 18 | 28 | 36;
     iconClass: "text-xl" | "text-lg" | "text-base";
-}, __VLS_29: {}, __VLS_31: {}, __VLS_33: {}, __VLS_35: {}, __VLS_42: {
+}, __VLS_28: {}, __VLS_30: {}, __VLS_32: {}, __VLS_34: {}, __VLS_41: {
     mark: 22 | 18 | 28 | 36;
     iconClass: "text-xl" | "text-lg" | "text-base";
-}, __VLS_49: {}, __VLS_51: {};
+}, __VLS_48: {}, __VLS_50: {};
 type __VLS_Slots = {} & {
-    lead?: (props: typeof __VLS_16) => any;
+    lead?: (props: typeof __VLS_15) => any;
 } & {
-    title?: (props: typeof __VLS_29) => any;
+    title?: (props: typeof __VLS_28) => any;
 } & {
-    description?: (props: typeof __VLS_31) => any;
+    description?: (props: typeof __VLS_30) => any;
 } & {
-    meta?: (props: typeof __VLS_33) => any;
+    meta?: (props: typeof __VLS_32) => any;
 } & {
-    control?: (props: typeof __VLS_35) => any;
+    control?: (props: typeof __VLS_34) => any;
 } & {
-    lead?: (props: typeof __VLS_42) => any;
+    lead?: (props: typeof __VLS_41) => any;
 } & {
-    below?: (props: typeof __VLS_49) => any;
+    below?: (props: typeof __VLS_48) => any;
 } & {
-    below?: (props: typeof __VLS_51) => any;
+    below?: (props: typeof __VLS_50) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     headerClick: (event: MouseEvent) => any;

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

@@ -1,5 +1,5 @@
 import type { NoticeModel, NoticeTone } from "../components/feedback/notice.js";
-export declare const errorMessage: (error: unknown, fallback: string) => string;
+export declare const messageOr: (error: unknown, fallback: string) => string;
 interface NoticeOptions {
     readonly tone?: NoticeTone;
     readonly action?: NoticeModel[`action`];

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

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

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

@@ -11,6 +11,9 @@ export declare const ICONS: {
     "arrow-circle-up": {
         outline: string;
     };
+    "arrow-down": {
+        outline: string;
+    };
     "arrow-down-left": {
         outline: string;
     };
@@ -20,6 +23,9 @@ export declare const ICONS: {
     "arrow-right": {
         outline: string;
     };
+    "arrow-up": {
+        outline: string;
+    };
     "arrow-up-right": {
         outline: string;
     };
@@ -90,6 +96,9 @@ export declare const ICONS: {
     cloud: {
         outline: string;
     };
+    "cloud-download": {
+        outline: string;
+    };
     "cloud-upload": {
         outline: string;
     };
@@ -261,6 +270,9 @@ export declare const ICONS: {
     microphone: {
         outline: string;
     };
+    mobile: {
+        outline: string;
+    };
     moon: {
         outline: string;
     };
@@ -314,6 +326,9 @@ export declare const ICONS: {
     save: {
         outline: string;
     };
+    screen: {
+        outline: string;
+    };
     search: {
         outline: string;
     };
@@ -508,12 +523,6 @@ export declare const ICONS: {
     "code-parameter": {
         outline: string;
     };
-    "arrow-down": {
-        outline: string;
-    };
-    "arrow-up": {
-        outline: string;
-    };
     ban: {
         outline: string;
     };

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

@@ -24,6 +24,7 @@ export { default as OverflowActions } from "./components/overlays/OverflowAction
 export { default as ActionSheet } from "./components/overlays/ActionSheet.vue";
 export { type ActionItem } from "./components/overlays/actionItem.js";
 export { default as CopyButton } from "./components/primitives/CopyButton.vue";
+export { default as AddressField } from "./components/forms/AddressField.vue";
 export { type TallyItem, default as StatusTally } from "./components/charts/StatusTally.vue";
 export { default as DisclosureRow } from "./components/rows/DisclosureRow.vue";
 export { type DagEdge, type DagNode } from "./components/charts/dagLayout.js";
@@ -85,5 +86,5 @@ export { useRailMemory } from "./composables/useRailMemory.js";
 export { useNow } from "./composables/useNow.js";
 export { useLatest } from "./composables/useLatest.js";
 export { useLoadingReveal } from "./composables/loadingReveal.js";
-export { errorMessage, noticeFrom, noticeOf, useAsyncAction } from "./composables/useAsyncAction.js";
+export { messageOr, noticeFrom, noticeOf, useAsyncAction } from "./composables/useAsyncAction.js";
 export { useTheme } from "./composables/useTheme.js";

package/dist/types/ui/src/lib/clipboard.d.ts

@@ -1 +1,11 @@
+import { type Ref } from "vue";
 export declare const clipboardOf: (element: Element | null | undefined) => Clipboard;
+export declare const writeClipboard: (text: string, from?: Element | null) => Promise<boolean>;
+export declare const readClipboard: (from?: Element | null) => Promise<string | undefined>;
+export declare const COPIED_MS = 1500;
+export interface Copied {
+    readonly copied: Readonly<Ref<boolean>>;
+    readonly copy: (text: string, from?: Element | null) => Promise<boolean>;
+    readonly reset: () => void;
+}
+export declare const useCopied: (holdMs?: number) => Copied;

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

@@ -1,12 +1,12 @@
 export declare const formatBytes: (bytes: number | undefined) => string;
 export declare const formatDuration: (seconds: number) => string;
-export declare const formatTokens: (tokens: number) => string;
 export declare const initialsOf: (name: string) => string | undefined;
 export declare const formatFixed: (value: number, digits: number) => string;
 export declare const setFormatLocale: (tag: string) => void;
 export declare const formatPercent: (percent: number) => string;
 export declare const formatDate: (at: number) => string;
 export declare const formatDateLong: (at: number | string) => string;
+export declare const formatMonth: (at: number) => string;
 export declare const formatDayMonth: (at: number) => string;
 export declare const formatDateTime: (at: number) => string;
 export declare const formatTimestamp: (at: number) => string;
@@ -20,3 +20,13 @@ export declare const timeAgo: (at: number, { now, days }?: {
     days?: boolean;
 }) => string;
 export declare const freshness: (at: number) => string;
+export declare const formatCount: (value: number) => string;
+export declare const formatCompact: (value: number) => string;
+export declare const formatTokens: (tokens: number) => string;
+export declare const formatList: (items: readonly string[], type?: Intl.ListFormatType) => string;
+export declare const formatMoney: (usd: number, { compact }?: {
+    compact?: boolean;
+}) => string;
+export declare const formatElapsed: (seconds: number, { largest }?: {
+    largest?: `days` | `hours`;
+}) => string;

package/dist/types/ui/src/lib/textDiff.d.ts

@@ -11,7 +11,7 @@ export type Op<T> = {
     readonly kind: "added" | "removed";
     readonly item: T;
 };
-export declare const diffSequence: <T>(before: readonly T[], after: readonly T[], equal: (left: T, right: T) => boolean) => Op<T>[] | undefined;
+export declare const diffSequence: <T>(before: readonly T[], after: readonly T[], equal: (left: T, right: T) => boolean, maxCells?: number) => Op<T>[] | undefined;
 export declare const wordDiff: (before: string, after: string) => Segment[];
 export declare const similarity: (before: string, after: string) => number;
 export type Edit<T> = {

package/dist/types/ui/src/markdown/edits.d.ts

@@ -8,6 +8,7 @@ export declare const insertLink: (text: string, start: number, end: number) => T
 export declare const indentLines: (text: string, start: number, end: number) => TextEdit;
 export declare const outdentLines: (text: string, start: number, end: number) => TextEdit;
 export declare const onListLine: (text: string, offset: number) => boolean;
+export declare const newlineInCode: (text: string, start: number, end: number) => TextEdit;
 export interface ListEnter {
     readonly edit: TextEdit;
     readonly ended: boolean;

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

@@ -1,8 +1,8 @@
 export { blockAtOffset, type MarkdownBlock, type MarkdownBlocks, offsetOfLine, splitMarkdownBlocks } from "./blocks.js";
 export { type CodeBlock, codeBlockHtml, copyCodeFromEvent, escapeHtml, highlightInWorker } from "./code.js";
-export { continueList, indentLines, insertLink, type ListEnter, onListLine, outdentLines, type TextEdit, toggleWrap } from "./edits.js";
+export { continueList, indentLines, insertLink, type ListEnter, newlineInCode, onListLine, outdentLines, type TextEdit, toggleWrap } from "./edits.js";
 export { createMarkdownHistory, type DocumentState, type EditKind, type MarkdownHistory } from "./history.js";
-export { blockBody, buildBlockElement, caretAtOffset, offsetOfCaret } from "./sourceDom.js";
+export { blockBody, buildBlockElement, caretAtOffset, offsetOfCaret, RENDERED } from "./sourceDom.js";
 export { type BarsFigure, type BarsFigureItem, type DagFigure, type DagFigureEdge, type DagFigureNode, type Figure, FIGURE_ACCENTS, type FigureAccent, FIGURE_LANGS, JSON_FIGURE_LANGS, type MarkdownSegment, MERMAID_LANG, type MermaidFigure, parseFigure, splitFigureSegments, type StatsFigure, type StatsFigureItem, } from "./figures.js";
 export { type Frontmatter, type FrontmatterField, frontmatterHtml, splitFrontmatter } from "./frontmatter.js";
 export { createStreamingMarkdown, lexBlocks, lexInline, type MarkdownDecorator, type MarkdownPart, markdownParseCount, type MarkdownToken, parseMarkdownParts, type ParsedMarkdown, renderMarkdown, renderMarkdownParts, renderParsedMarkdown, type RenderedMarkdown, settledEnd, type StreamingMarkdown, } from "./render.js";

package/dist/types/ui/src/markdown/render.d.ts

@@ -4,7 +4,15 @@ export interface MarkdownToken {
     readonly type: string;
     readonly raw: string;
     readonly tokens?: readonly MarkdownToken[];
+    readonly href?: string;
+    readonly items?: readonly MarkdownToken[];
+    readonly header?: readonly MarkdownCell[];
+    readonly rows?: readonly (readonly MarkdownCell[])[];
 }
+export interface MarkdownCell {
+    readonly tokens: readonly MarkdownToken[];
+}
+export declare const lexedSource: (source: string) => string;
 export declare const lexBlocks: (source: string) => readonly MarkdownToken[] | undefined;
 export declare const lexInline: (source: string) => readonly MarkdownToken[] | undefined;
 export type MarkdownDecorator = (fragment: DocumentFragment) => void;

package/dist/types/ui/src/markdown/sourceDom.d.ts

@@ -1,5 +1,6 @@
 export declare const blockBody: (element: Element) => string;
 export declare const FIGURE_HOLDER = "md-code-figure";
+export declare const RENDERED = "md-rendered";
 export declare const buildBlockElement: (source: string) => HTMLElement;
 export declare const offsetOfCaret: (element: HTMLElement, node: Node, offset: number) => number;
 export declare const caretAtOffset: (element: HTMLElement, offset: number) => {

package/names.mjs

@@ -1,6 +1,6 @@
 // The kit's export names: the single source consumed by the web app's shim generator
 // (_editor/web/scripts/generate-ext-shims.mjs) and hostModules' dev-time coverage assertion. Update alongside
-// src/index.ts; the assertion catches drift on the next dev boot.
+// src/index.ts; the assertion catches drift on the next dev boot, and extensionUiNames.test.ts fails it in CI.
 export const extensionUiNames = [
     "AgentRunButton",
     "AnchoredOverlay",
@@ -23,6 +23,7 @@ export const extensionUiNames = [
     "OverflowActions",
     "ActionSheet",
     "CopyButton",
+    "AddressField",
     "DagEditor",
     "DagGraph",
     "DiffStat",
@@ -33,8 +34,15 @@ export const extensionUiNames = [
     "FilterBar",
     "fixStanceLook",
     "formatBytes",
+    "formatClock",
+    "formatCompact",
+    "formatCount",
+    "formatElapsed",
+    "formatMoney",
+    "formatPercent",
     "formatOf",
     "formatDate",
+    "formatDateLong",
     "formatDateTime",
     "formatDayMonth",
     "formatDayMonthTime",
@@ -48,6 +56,7 @@ export const extensionUiNames = [
     "serveWorkerCall",
     "WorkerCallError",
     "activeLocale",
+    "extensionI18n",
     "extensionT",
     "Icon",
     "ImageView",
@@ -57,6 +66,7 @@ export const extensionUiNames = [
     "Markdown",
     "MarkdownDocument",
     "MarkdownFigure",
+    "messageOr",
     "Modal",
     "NavRail",
     "NoteEditor",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intentic/extension-ui",
-  "version": "1.326.0",
+  "version": "1.327.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",
@@ -56,7 +56,7 @@
     "@intentic/ui": "0.0.0",
     "typescript": "6.0.3",
     "vue": "3.5.43",
-    "vue-tsc": "3.3.11"
+    "vue-tsc": "3.3.12"
   },
   "peerDependencies": {
     "vue": "3"

package/src/format.ts

@@ -4,12 +4,18 @@
 // names.
 export {
     formatBytes,
+    formatClock,
+    formatCompact,
+    formatCount,
     formatDate,
     formatDateLong,
     formatDateTime,
     formatDayMonth,
     formatDayMonthTime,
     formatDuration,
+    formatElapsed,
+    formatMoney,
+    formatPercent,
     formatTime,
     formatTimestamp,
     formatTokens,

package/src/index.ts

@@ -53,6 +53,8 @@ export {
     ActionSheet,
     type ActionItem,
     CopyButton,
+    // A lone URL to read, copy or open; `editable` turns the same box into an address bar.
+    AddressField,
     StatusTally,
     type TallyItem,
     DagEditor,
@@ -154,7 +156,10 @@ export {
     useNow,
     // Drops an answer a newer request has superseded: `const current = begin(); …; if (!current()) return;`.
     useLatest,
-    errorMessage,
+    // The thrown thing's message, or a fallback when it has none.
+    messageOr,
+    // Deprecated: the old name of `messageOr`, kept so extensions built against it still link.
+    messageOr as errorMessage,
     noticeFrom,
     noticeOf,
     useAsyncAction,
@@ -172,11 +177,18 @@ export {
 // Also reachable as `@intentic/extension-ui/format`, without the components attached.
 export {
     formatBytes,
+    formatClock,
+    formatCompact,
+    formatCount,
     formatDate,
+    formatDateLong,
     formatDateTime,
     formatDayMonth,
     formatDayMonthTime,
     formatDuration,
+    formatElapsed,
+    formatMoney,
+    formatPercent,
     formatTime,
     formatTimestamp,
     formatTokens,
@@ -193,7 +205,9 @@ export { createWorkerCall, serveWorkerCall, WorkerCallError } from "./worker.js"
 // `messages` export; `activeLocale` is the language on screen, for a contribution that formats something itself.
 // The `Locale` type comes off `@intentic/extension-ui/i18n`, not from here: this file's re-exports become runtime
 // bindings on the host bridge, and a type has none.
-export { activeLocale, extensionT } from "./i18n.js";
+// `extensionI18n` is the one-call form of the same translator. `registerExtensionMessages` stays off: mounting a
+// catalog is the host's job, and on the bridge it would let one extension overwrite another's words.
+export { activeLocale, extensionI18n, extensionT } from "./i18n.js";
 // Types only, so an extension can build a figure straight from facts it holds instead of round-tripping through
 // markdown. The parser and document splitter stay in `<Markdown>`, not here.
 export type {