@intentic/extension-ui 1.231.0 → 1.233.0

package/dist/index.js

@@ -91,6 +91,7 @@ export const useAgentRunPick = m["useAgentRunPick"];
 export const useAsyncAction = m["useAsyncAction"];
 export const useCompact = m["useCompact"];
 export const useDevice = m["useDevice"];
+export const useKeyedDraft = m["useKeyedDraft"];
 export const useListNavigation = m["useListNavigation"];
 export const useLoadingReveal = m["useLoadingReveal"];
 export const useNarrow = m["useNarrow"];

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

@@ -1,4 +1,4 @@
-export { AgentRunButton, type AgentRunChoice, type AgentRunPicker, type ModelPicking, useAgentRunPick, AnchoredOverlay, Avatar, Button, vAction, BarChart, BottomSheet, BrandMark, Card, clipboardOf, browserOwnsClick, appLink, openForwardedPort, ChangeStatusMark, type ChangeStatus, ui, Code, CodeField, ConfirmDialog, ContextMenu, CopyButton, StatusTally, type TallyItem, DagEditor, DagGraph, type DagEdge, type DagNode, DiffStat, DisclosureRow, 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, PersonaFace, type PersonaLike, Picker, 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, 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 { AgentRunButton, type AgentRunChoice, type AgentRunPicker, type ModelPicking, useAgentRunPick, AnchoredOverlay, Avatar, Button, vAction, BarChart, BottomSheet, BrandMark, Card, clipboardOf, browserOwnsClick, appLink, openForwardedPort, ChangeStatusMark, type ChangeStatus, ui, Code, CodeField, ConfirmDialog, ContextMenu, CopyButton, StatusTally, type TallyItem, DagEditor, DagGraph, type DagEdge, type DagNode, DiffStat, DisclosureRow, FilterBar, Icon, type IconName, ImageView, InfoDialog, InfoHint, InfoTable, isRenderableImage, Markdown, 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, 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, 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 Checkbox } from "primevue/checkbox";

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

@@ -1,4 +1,4 @@
-import { type IconName } from "../icons/iconSets.js";
+import type { IconName } from "../icons/iconSets.js";
 declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<{
         open: boolean;

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

@@ -12,7 +12,11 @@ type __VLS_Props = {
     tone?: RowTone;
     disabled?: boolean;
 };
-declare var __VLS_1: {}, __VLS_26: {}, __VLS_29: {}, __VLS_32: {}, __VLS_35: {}, __VLS_38: {}, __VLS_46: {}, __VLS_48: {}, __VLS_50: {};
+declare var __VLS_1: {}, __VLS_26: {
+    mark: 22 | 18 | 28;
+}, __VLS_29: {}, __VLS_32: {}, __VLS_35: {}, __VLS_38: {}, __VLS_46: {
+    mark: 22 | 18 | 28;
+}, __VLS_48: {}, __VLS_50: {};
 type __VLS_Slots = {} & {
     before?: (props: typeof __VLS_1) => any;
 } & {

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

@@ -1,6 +1,12 @@
+import type { ImageViewState } from "./imageView.js";
 type __VLS_Props = {
     src: string;
+    view?: ImageViewState;
 };
-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 __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:view": (args_0: ImageViewState) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:view"?: ((args_0: ImageViewState) => 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 "../lib/anchorPlacement.js";
+import type { Cross, Side } from "../lib/anchorPlacement.js";
 type __VLS_Props = {
     anchor: HTMLElement | undefined;
     header?: string;

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

@@ -1,4 +1,4 @@
-import { type IconName } from "../icons/iconSets.js";
+import type { IconName } from "../icons/iconSets.js";
 import { type RowDensity, type RowTone } from "./row.js";
 type __VLS_Props = {
     icon?: IconName;
@@ -20,7 +20,9 @@ type __VLS_Props = {
     headerControls?: string;
     headlineGuard?: boolean;
 };
-declare var __VLS_16: {}, __VLS_29: {}, __VLS_31: {}, __VLS_33: {}, __VLS_35: {}, __VLS_42: {};
+declare var __VLS_16: {
+    mark: 22 | 18 | 28;
+}, __VLS_29: {}, __VLS_31: {}, __VLS_33: {}, __VLS_35: {}, __VLS_42: {};
 type __VLS_Slots = {} & {
     lead?: (props: typeof __VLS_16) => any;
 } & {

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

@@ -1,9 +1,11 @@
+import { type RowDensity } from "./row.js";
 type __VLS_Props = {
     label?: string;
     count?: string | number;
     caption?: string;
     flat?: boolean;
     undivided?: boolean;
+    density?: RowDensity;
 };
 declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {};
 type __VLS_Slots = {} & {

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

@@ -1,6 +1,7 @@
+import { type RowDensity } from "./row.js";
 type __VLS_Props = {
     rows?: number;
-    density?: `comfortable` | `compact` | `dense`;
+    density?: RowDensity;
     lead?: boolean;
     description?: boolean;
     control?: boolean;

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

@@ -7,7 +7,8 @@ export interface TallyItem {
     readonly pulse?: boolean;
 }
 type __VLS_Props = {
-    items: readonly TallyItem[];
+    items?: readonly TallyItem[];
+    skeleton?: number;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

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

@@ -1,4 +1,4 @@
-import { type IconName } from "../icons/iconSets.js";
+import type { IconName } from "../icons/iconSets.js";
 type __VLS_Props = {
     step?: number;
     icon?: IconName;

package/dist/types/ui/src/components/imageView.d.ts

@@ -1 +1,9 @@
 export declare const isRenderableImage: (path: string) => boolean;
+export type ImageViewState = {
+    readonly fit: true;
+} | {
+    readonly fit: false;
+    readonly scale: number;
+    readonly x: number;
+    readonly y: number;
+};

package/dist/types/ui/src/components/row.d.ts

@@ -1,3 +1,4 @@
+import { type ComputedRef } from "vue";
 export type RowDensity = `comfortable` | `compact` | `dense`;
 export type RowTone = `default` | `danger` | `warning` | `success` | `info`;
 export declare const ROW_TIERS: {
@@ -7,6 +8,7 @@ export declare const ROW_TIERS: {
         readonly icon: "text-lg";
         readonly title: "font-semibold leading-tight";
         readonly description: "text-xs";
+        readonly mark: 28;
     };
     readonly compact: {
         readonly pad: "px-4 py-2.5";
@@ -14,6 +16,7 @@ export declare const ROW_TIERS: {
         readonly icon: "text-sm";
         readonly title: "text-sm font-medium leading-tight";
         readonly description: "text-2xs";
+        readonly mark: 22;
     };
     readonly dense: {
         readonly pad: "px-2.5 py-2";
@@ -21,6 +24,7 @@ export declare const ROW_TIERS: {
         readonly icon: "text-xs";
         readonly title: "text-xs font-medium leading-tight";
         readonly description: "text-2xs";
+        readonly mark: 18;
     };
 };
 export declare const ROW_TONES: {
@@ -40,3 +44,10 @@ export declare const ROW_TOGGLE_SIZES: {
     readonly compact: "text-2xs";
     readonly dense: "text-2xs";
 };
+export declare const ROW_BLOCK_PAD: {
+    readonly comfortable: "px-4.5 py-4";
+    readonly compact: "px-4 py-3.5";
+    readonly dense: "px-2.5 py-3";
+};
+export declare const provideRowDensity: (density: ComputedRef<RowDensity>) => void;
+export declare const useRowDensity: (own: () => RowDensity | undefined) => ComputedRef<RowDensity>;

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

@@ -0,0 +1,5 @@
+import { type Ref, type WritableComputedRef } from "vue";
+export declare const useKeyedDraft: (selected: Ref<string | undefined>) => {
+    draft: WritableComputedRef<string | undefined>;
+    hasDraft: (key: string) => boolean;
+};

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

@@ -1,4 +1,4 @@
-import { type Ref } from "vue";
+import type { Ref } from "vue";
 export type ColorScheme = "light" | "dark";
 export declare function useTheme(): {
     scheme: Ref<ColorScheme, ColorScheme>;

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

@@ -39,6 +39,7 @@ 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 { useKeyedDraft } from "./composables/useKeyedDraft.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";

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

@@ -0,0 +1,11 @@
+export interface MarkdownBlock {
+    readonly start: number;
+    readonly end: number;
+}
+export interface MarkdownBlocks {
+    readonly blocks: readonly MarkdownBlock[];
+    readonly defs: string;
+}
+export declare const splitMarkdownBlocks: (source: string) => MarkdownBlocks;
+export declare const blockAtOffset: (blocks: readonly MarkdownBlock[], offset: number) => number;
+export declare const offsetOfLine: (source: string, line: number) => number;

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

@@ -1,3 +1,4 @@
+export { blockAtOffset, type MarkdownBlock, type MarkdownBlocks, offsetOfLine, splitMarkdownBlocks } from "./blocks.js";
 export { type CodeBlock, codeBlockHtml, copyCodeFromEvent, escapeHtml } from "./code.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 { createStreamingMarkdown, type MarkdownDecorator, type MarkdownPart, markdownParseCount, renderMarkdown, renderMarkdownParts, type RenderedMarkdown, settledEnd, type StreamingMarkdown, } from "./render.js";
+export { createStreamingMarkdown, lexBlocks, lexInline, type MarkdownDecorator, type MarkdownPart, markdownParseCount, type MarkdownToken, renderMarkdown, renderMarkdownParts, type RenderedMarkdown, settledEnd, type StreamingMarkdown, } from "./render.js";

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

@@ -1,4 +1,11 @@
 import { type Figure } from "./figures.js";
+export interface MarkdownToken {
+    readonly type: string;
+    readonly raw: string;
+    readonly tokens?: readonly MarkdownToken[];
+}
+export declare const lexBlocks: (source: string) => readonly MarkdownToken[] | undefined;
+export declare const lexInline: (source: string) => readonly MarkdownToken[] | undefined;
 export type MarkdownDecorator = (fragment: DocumentFragment) => void;
 export declare const markdownParseCount: () => number;
 export declare const renderMarkdown: (source: string, decorate?: MarkdownDecorator) => string;

package/names.mjs

@@ -84,6 +84,7 @@ export const extensionUiNames = [
     "useAsyncAction",
     "useCompact",
     "useDevice",
+    "useKeyedDraft",
     "useListNavigation",
     "useLoadingReveal",
     "useNarrow",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intentic/extension-ui",
-  "version": "1.231.0",
+  "version": "1.233.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",
@@ -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/index.ts

@@ -74,8 +74,8 @@ export {
     type ChangeStatus,
     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
+    /* <CodeField> ships beside <Code> because shipping the reader WITHOUT the writer is what made a note pane
+     * put a bare grey <textarea> next to a coloured block of the very same file: the kit had no way
      * to say "this text, in its own colours, with a caret in it". */
     CodeField,
     ConfirmDialog,
@@ -116,18 +116,23 @@ export {
     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> and `useNoteDraft` ship because "a pane that reads a markdown file, lets somebody correct it
+     * and lets them delete it" is a shape an extension arrives at over and over, and the first two that did
+     * 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
+     * two panes differ. */
     NoteEditor,
     type NoteDraft,
     type NoteDraftOptions,
     useNoteDraft,
+    /* And the map those drafts live in, for the same pair of callers: the lifecycle deliberately does not own
+     * the ref (an unsaved edit has to outlive the pane that shows it), so both views had written the same
+     * keyed store above it, down to the `undefined` deletes rule the picker's "Unsaved" reads. */
+    useKeyedDraft,
     /* <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.