@intentic/extension-ui 1.326.0 → 1.328.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"];
@@ -75,23 +76,33 @@ export const appLink = m["appLink"];
 export const browserOwnsClick = m["browserOwnsClick"];
 export const clipboardOf = m["clipboardOf"];
 export const createWorkerCall = m["createWorkerCall"];
+export const diffMark = m["diffMark"];
 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"];
@@ -103,6 +114,14 @@ export const sinceOf = m["sinceOf"];
 export const timeAgo = m["timeAgo"];
 export const timeWindowWords = m["timeWindowWords"];
 export const timeWindows = m["timeWindows"];
+export const toneDot = m["toneDot"];
+export const toneFill = m["toneFill"];
+export const toneHover = m["toneHover"];
+export const toneInk = m["toneInk"];
+export const tonePlate = m["tonePlate"];
+export const toneRim = m["toneRim"];
+export const toneTint = m["toneTint"];
+export const toneWash = m["toneWash"];
 export const ui = m["ui"];
 export const useAgentRunPick = m["useAgentRunPick"];
 export const useAsyncAction = m["useAsyncAction"];

package/dist/tone.js

@@ -0,0 +1,16 @@
+// Generated by scripts/build.mjs: do not edit.
+// The kit's tone entry point, off the same host bridge as ./index.js.
+const host = globalThis.__intenticHost;
+if (host === undefined) {
+    throw new Error("@intentic/extension-ui was loaded outside an intentic host: its helpers come from the app, not from this package.");
+}
+const m = host.modules["@intentic/extension-ui"];
+export const diffMark = m["diffMark"];
+export const toneDot = m["toneDot"];
+export const toneFill = m["toneFill"];
+export const toneHover = m["toneHover"];
+export const toneInk = m["toneInk"];
+export const tonePlate = m["tonePlate"];
+export const toneRim = m["toneRim"];
+export const toneTint = m["toneTint"];
+export const toneWash = m["toneWash"];

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,9 @@
-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, type IconButtonVariants, type TextButtonVariants, type InputVariants, type ChipVariants, type SectionLabelVariants, type ButtonTier, type ButtonTone, 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 { type DiffMark, diffMark, type Signal, type TintWeight, type Tone, toneDot, toneFill, toneHover, toneInk, tonePlate, toneRim, toneTint, toneWash, } from "./tone.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/extension-ui/src/tone.d.ts

@@ -0,0 +1 @@
+export { type DiffMark, diffMark, type Signal, type TintWeight, type Tone, toneDot, toneFill, toneHover, toneInk, tonePlate, toneRim, toneTint, toneWash, } from "../../ui/src/lib/tone.js";

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,16 @@
-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;
+    strip?: boolean;
     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,12 @@ export interface NoticeModel {
     readonly action?: NoticeAction;
     readonly key?: string;
 }
-export declare const NOTICE_BOX: Record<NoticeTone, string>;
+export type NoticeSize = "xs" | "sm" | "md" | "lg";
+export declare const noticeLook: (tone: NoticeTone, size: NoticeSize, actions: boolean, strip?: boolean) => {
+    readonly box: (own?: string) => string;
+    readonly icon: string;
+};
+export declare const noticeBox: (tone: NoticeTone, size: NoticeSize, actions: boolean, strip?: 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/feedback/statusBadge.d.ts

@@ -1 +1,2 @@
-export type StatusVariant = `success` | `danger` | `warning` | `info` | `neutral` | `primary`;
+import type { Tone } from "../../lib/tone.js";
+export type StatusVariant = Tone;

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_93: {};
 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_93) => 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/primitives/Button.vue.d.ts

@@ -1,3 +1,10 @@
+import { type ButtonTier, type ButtonTone } from "./button.js";
+type __VLS_Props = {
+    tier?: ButtonTier;
+    tone?: ButtonTone;
+    gilded?: boolean;
+    thumb?: boolean;
+};
 declare var __VLS_12: string, __VLS_13: any, __VLS_22: {
     class: string;
 }, __VLS_25: {}, __VLS_32: {};
@@ -10,7 +17,7 @@ type __VLS_Slots = {} & {
 } & {
     default?: (props: typeof __VLS_32) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/types/ui/src/components/primitives/button.d.ts

@@ -0,0 +1,14 @@
+export type ButtonTier = `loud` | `accent` | `boring` | `quiet`;
+export type ButtonTone = `accent` | `danger` | `warning` | `success`;
+export interface ButtonLook {
+    readonly tier?: ButtonTier | undefined;
+    readonly tone?: ButtonTone | undefined;
+    readonly gilded?: boolean | undefined;
+    readonly thumb?: boolean | undefined;
+}
+export interface PrimeLook {
+    readonly severity: string | undefined;
+    readonly text: boolean;
+    readonly class: string;
+}
+export declare const primeLook: ({ tier, tone, gilded, thumb }: ButtonLook) => PrimeLook;

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

@@ -33,13 +33,7 @@ export declare const ROW_TIERS: {
         readonly mark: 18;
     };
 };
-export declare const ROW_TONES: {
-    readonly default: "text-muted";
-    readonly danger: "text-danger";
-    readonly warning: "text-warning";
-    readonly success: "text-success";
-    readonly info: "text-link";
-};
+export declare const ROW_TONES: Record<RowTone, string>;
 export declare const ROW_TOGGLE_GAPS: {
     readonly comfortable: "gap-2.5";
     readonly compact: "gap-2";

package/dist/types/ui/src/components/sandbox/AgentRunButton.vue.d.ts

@@ -1,9 +1,12 @@
+import type { ButtonTier, ButtonTone } from "../primitives/button.js";
 import type { AgentRunPicker } from "../../composables/useAgentRunPick.js";
 import type { IconName } from "../../icons/iconSets.js";
 import type { TooltipValue } from "../../lib/tooltip.js";
 type __VLS_Props = {
     label: string;
     picker: AgentRunPicker;
+    tier?: ButtonTier | undefined;
+    tone?: ButtonTone | undefined;
     severity?: string | undefined;
     size?: string;
     text?: boolean;

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

@@ -1,7 +1,7 @@
 export { clipboardOf } from "./lib/clipboard.js";
 export { appLink, browserOwnsClick } from "./lib/link.js";
 export { openForwardedPort } from "./lib/portPreview.js";
-export { ui } from "./lib/ui.js";
+export { type ChipVariants, type IconButtonVariants, type InputVariants, type SectionLabelVariants, type TextButtonVariants, ui } from "./lib/ui.js";
 export { default as AgentRunButton } from "./components/sandbox/AgentRunButton.vue";
 export { type AgentRunAttempt, type AgentRunChoice, type AgentRunPicker, type ModelPicking, useAgentRunPick } from "./composables/useAgentRunPick.js";
 export { type FixStanceLook, fixStanceLook } from "./composables/fixStanceLook.js";
@@ -11,6 +11,7 @@ export { default as BarChart } from "./components/charts/BarChart.vue";
 export { default as BottomSheet } from "./components/layout/BottomSheet.vue";
 export { default as BrandMark } from "./components/brand/BrandMark.vue";
 export { default as Button } from "./components/primitives/Button.vue";
+export { type ButtonTier, type ButtonTone } from "./components/primitives/button.js";
 export { vAction } from "./lib/pressAction.js";
 export { default as Card } from "./components/layout/Card.vue";
 export { default as ChangeStatusMark } from "./components/feedback/ChangeStatusMark.vue";
@@ -24,6 +25,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 +87,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/lib/tone.d.ts

@@ -0,0 +1,15 @@
+export type Tone = `success` | `warning` | `danger` | `info` | `neutral` | `primary`;
+export type Signal = Exclude<Tone, `neutral` | `primary`>;
+export type TintWeight = `strong` | `soft`;
+type ClassArg = string | false | null | undefined;
+export declare const toneInk: (tone: Tone, ...classes: ClassArg[]) => string;
+export declare const toneDot: (tone: Tone, ...classes: ClassArg[]) => string;
+export declare const toneWash: (tone: Tone, ...classes: ClassArg[]) => string;
+export declare const toneTint: (tone: Tone, weight?: TintWeight, ...classes: ClassArg[]) => string;
+export declare const toneRim: (tone: Tone, weight?: TintWeight, ...classes: ClassArg[]) => string;
+export declare const toneFill: (tone: Tone, weight?: TintWeight, ...classes: ClassArg[]) => string;
+export declare const tonePlate: (tone: Tone, ...classes: ClassArg[]) => string;
+export declare const toneHover: (tone: Tone, ...classes: ClassArg[]) => string;
+export type DiffMark = `added` | `removed` | `changed`;
+export declare const diffMark: (mark: DiffMark, as?: `inline` | `rule`, ...classes: ClassArg[]) => string;
+export {};

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

@@ -1,7 +1,8 @@
 import type { Directive } from "vue";
 import { type Side } from "./anchorPlacement.js";
+import type { Signal } from "./tone.js";
 type Modifier = Side | "overflow" | "lines";
-export type TipTone = "info" | "ok" | "warn" | "danger";
+export type TipTone = Signal;
 export interface TipRow {
     readonly label: string;
     readonly value: string | number;

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

@@ -1,14 +1,42 @@
+export type ClassArg = string | false | null | undefined;
+export type Recipe<V> = (variants?: V | ClassArg, ...classes: ClassArg[]) => string;
+export interface IconButtonVariants {
+    size?: `xs` | `sm` | `md` | `lg` | `xl`;
+    tone?: `muted` | `subtle` | `danger`;
+    round?: boolean;
+    on?: boolean;
+}
+export interface TextButtonVariants {
+    tone?: `link` | `quiet` | `subtle` | `danger`;
+    size?: `xs` | `sm`;
+    flush?: boolean;
+}
+export interface InputVariants {
+    size?: `md` | `sm` | `inline`;
+}
+export interface ChipVariants {
+    on?: boolean;
+}
+export interface SectionLabelVariants {
+    size?: `sm` | `xs`;
+    tone?: `neutral` | `danger` | `warning` | `success`;
+}
+export interface TabVariants {
+    active?: boolean;
+}
 export declare const ui: {
-    iconButton: (...twClasses: string[]) => string;
-    linkButton: (...twClasses: string[]) => string;
-    textAction: (...twClasses: string[]) => string;
-    input: (...twClasses: string[]) => string;
-    inputSm: (...twClasses: string[]) => string;
-    inputInline: (...twClasses: string[]) => string;
-    emptyState: (...twClasses: string[]) => string;
-    addTile: (...twClasses: string[]) => string;
-    overlayChip: (...twClasses: string[]) => string;
-    sectionLabel: (...twClasses: string[]) => string;
-    sectionLabelSm: (...twClasses: string[]) => string;
-    tab: (active: boolean, ...twClasses: string[]) => string;
+    iconButton: Recipe<IconButtonVariants>;
+    textButton: Recipe<TextButtonVariants>;
+    linkButton: (...classes: ClassArg[]) => string;
+    textAction: (...classes: ClassArg[]) => string;
+    input: Recipe<InputVariants>;
+    inputSm: (...classes: ClassArg[]) => string;
+    inputInline: (...classes: ClassArg[]) => string;
+    emptyState: Recipe<object>;
+    addTile: Recipe<object>;
+    chip: Recipe<ChipVariants>;
+    overlayChip: Recipe<object>;
+    sectionLabel: Recipe<SectionLabelVariants>;
+    sectionLabelSm: (...classes: ClassArg[]) => string;
+    tab: (active: boolean | TabVariants, ...classes: ClassArg[]) => string;
 };

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",
@@ -16,6 +16,15 @@ export const extensionUiNames = [
     "browserOwnsClick",
     "appLink",
     "ui",
+    "toneInk",
+    "toneDot",
+    "toneWash",
+    "toneTint",
+    "toneRim",
+    "toneFill",
+    "tonePlate",
+    "toneHover",
+    "diffMark",
     "Code",
     "CodeField",
     "ConfirmDialog",
@@ -23,6 +32,7 @@ export const extensionUiNames = [
     "OverflowActions",
     "ActionSheet",
     "CopyButton",
+    "AddressField",
     "DagEditor",
     "DagGraph",
     "DiffStat",
@@ -33,8 +43,15 @@ export const extensionUiNames = [
     "FilterBar",
     "fixStanceLook",
     "formatBytes",
+    "formatClock",
+    "formatCompact",
+    "formatCount",
+    "formatElapsed",
+    "formatMoney",
+    "formatPercent",
     "formatOf",
     "formatDate",
+    "formatDateLong",
     "formatDateTime",
     "formatDayMonth",
     "formatDayMonthTime",
@@ -48,6 +65,7 @@ export const extensionUiNames = [
     "serveWorkerCall",
     "WorkerCallError",
     "activeLocale",
+    "extensionI18n",
     "extensionT",
     "Icon",
     "ImageView",
@@ -57,6 +75,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.328.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",
@@ -36,6 +36,11 @@
       "types": "./dist/types/extension-ui/src/format.d.ts",
       "default": "./dist/format.js"
     },
+    "./tone": {
+      "@intentic/src": "./src/tone.ts",
+      "types": "./dist/types/extension-ui/src/tone.d.ts",
+      "default": "./dist/tone.js"
+    },
     "./worker": {
       "@intentic/src": "./src/worker.ts",
       "types": "./dist/types/extension-ui/src/worker.d.ts",
@@ -56,7 +61,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

@@ -41,7 +41,16 @@ export {
     // `ChangeStatusMark` is fixed-width, so a column of paths stays aligned whatever status letter lands in it.
     ChangeStatusMark,
     type ChangeStatus,
+    // The kit's recipes: a variant is chosen by name (`ui.iconButton({ size: "lg", tone: "danger" })`), never by
+    // overriding the recipe's own classes.
     ui,
+    type IconButtonVariants,
+    type TextButtonVariants,
+    type InputVariants,
+    type ChipVariants,
+    type SectionLabelVariants,
+    type ButtonTier,
+    type ButtonTone,
     Code,
     // The editable counterpart to `Code`: syntax-coloured text with a caret in it.
     CodeField,
@@ -53,6 +62,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 +165,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 +186,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,
@@ -185,6 +206,23 @@ export {
     freshness,
     timeAgo,
 } from "./format.js";
+// Also reachable as `@intentic/extension-ui/tone`: the one tone vocabulary (ink, dot, wash, tint, plate, hover, and a
+// diff's three marks), so an extension's "danger" is the shell's.
+export {
+    type DiffMark,
+    diffMark,
+    type Signal,
+    type TintWeight,
+    type Tone,
+    toneDot,
+    toneFill,
+    toneHover,
+    toneInk,
+    tonePlate,
+    toneRim,
+    toneTint,
+    toneWash,
+} from "./tone.js";
 // Also reachable as `@intentic/extension-ui/diff`: the edit scripts a viewer marks two versions of a file with.
 export { diffSequence, pairEdits, similarity, wordDiff } from "./diff.js";
 // Also reachable as `@intentic/extension-ui/worker`: work moved off the page, with the page as its fallback.
@@ -193,7 +231,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 {

package/src/tone.ts

@@ -0,0 +1,19 @@
+// The kit's tone vocabulary, reachable without the component barrel: `index.ts` pulls in every .vue component, which
+// breaks an extension's node-environment tests, and a status table in a plain module (a pipeline's stage colours) is
+// exactly what such a test reads. A source-level door for in-repo extensions and their tests; a git-installed bundle
+// resolves through the import map instead, which carries the same names.
+export {
+    type DiffMark,
+    diffMark,
+    type Signal,
+    type TintWeight,
+    type Tone,
+    toneDot,
+    toneFill,
+    toneHover,
+    toneInk,
+    tonePlate,
+    toneRim,
+    toneTint,
+    toneWash,
+} from "@intentic/ui/tone";