@intentic/extension-ui 1.324.0 → 1.326.0

package/dist/index.js

@@ -62,6 +62,7 @@ export const ScrollFrame = m["ScrollFrame"];
 export const SearchBar = m["SearchBar"];
 export const SegmentedControl = m["SegmentedControl"];
 export const SkeletonRows = m["SkeletonRows"];
+export const SkeletonSnapshot = m["SkeletonSnapshot"];
 export const SplitView = m["SplitView"];
 export const StatStrip = m["StatStrip"];
 export const StatusBadge = m["StatusBadge"];
@@ -119,4 +120,5 @@ export const useScrollReset = m["useScrollReset"];
 export const useStickyTop = m["useStickyTop"];
 export const useTheme = m["useTheme"];
 export const vAction = m["vAction"];
+export const vSkeletonSource = m["vSkeletonSource"];
 export const wordDiff = m["wordDiff"];

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

@@ -1,4 +1,4 @@
-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, 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 { 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 { diffSequence, pairEdits, similarity, wordDiff } from "./diff.js";
 export { createWorkerCall, serveWorkerCall, WorkerCallError } from "./worker.js";

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

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    of: string;
+    label?: string;
+};
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => 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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -66,6 +66,8 @@ export { default as SearchBar } from "./components/forms/SearchBar.vue";
 export { default as SegmentedControl } from "./components/forms/SegmentedControl.vue";
 export { seriesColor } from "./components/charts/seriesAccent.js";
 export { default as SkeletonRows } from "./components/feedback/SkeletonRows.vue";
+export { default as SkeletonSnapshot } from "./components/feedback/SkeletonSnapshot.vue";
+export { vSkeletonSource } from "./lib/skeletonSource.js";
 export { default as SplitView } from "./components/layout/SplitView.vue";
 export { useCompact } from "./components/layout/splitView.js";
 export { default as StatStrip } from "./components/charts/StatStrip.vue";

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

@@ -0,0 +1,2 @@
+import type { Directive } from "vue";
+export declare const vSkeletonSource: Directive<HTMLElement, string | undefined>;

package/names.mjs

@@ -86,6 +86,8 @@ export const extensionUiNames = [
     "similarity",
     "sinceOf",
     "SkeletonRows",
+    "SkeletonSnapshot",
+    "vSkeletonSource",
     "SplitView",
     "StatStrip",
     "StatusBadge",

package/package.json

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

package/src/index.ts

@@ -132,6 +132,11 @@ export {
     useLoadingReveal,
     // Renders real `<Row>`s rather than divs, so its height matches what replaces it and the page doesn't jump.
     SkeletonRows,
+    // A placeholder drawn exactly as its content last looked in this sandbox: `v-skeleton-source="name"` on the
+    // content takes its imprint once settled, `<SkeletonSnapshot of="name">` draws it, its slot the fallback until then.
+    // Prefix the name with the extension's id, since every extension's imprints share the sandbox's store.
+    SkeletonSnapshot,
+    vSkeletonSource,
     SplitView,
     StatStrip,
     StatusBadge,