@intentic/extension-ui 1.215.0 → 1.217.0

package/dist/index.js

@@ -55,6 +55,7 @@ export const RowGroup = m["RowGroup"];
 export const ScrollFrame = m["ScrollFrame"];
 export const SearchBar = m["SearchBar"];
 export const SegmentedControl = m["SegmentedControl"];
+export const SkeletonRows = m["SkeletonRows"];
 export const SplitView = m["SplitView"];
 export const StatStrip = m["StatStrip"];
 export const StatusBadge = m["StatusBadge"];
@@ -86,6 +87,7 @@ export const useAsyncAction = m["useAsyncAction"];
 export const useCompact = m["useCompact"];
 export const useDevice = m["useDevice"];
 export const useListNavigation = m["useListNavigation"];
+export const useLoadingReveal = m["useLoadingReveal"];
 export const useNarrow = m["useNarrow"];
 export const useNoteDraft = m["useNoteDraft"];
 export const useNow = m["useNow"];

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

@@ -1,4 +1,4 @@
-export { AgentRunButton, type AgentRunChoice, type AgentRunPicker, type ModelPicking, useAgentRunPick, AnchoredOverlay, Avatar, BarChart, BottomSheet, BrandMark, Card, clipboardOf, ChangeStatusMark, type ChangeStatus, ui, Code, CodeField, ConfirmDialog, ContextMenu, CopyButton, StatusTally, type TallyItem, DagEditor, DagGraph, type DagEdge, type DagNode, DiffStat, FilterBar, Icon, type IconName, ImageView, InfoDialog, InfoHint, InfoTable, isRenderableImage, Markdown, MarkdownFigure, Modal, type NavGroup, NavRail, NoteEditor, type NoteDraft, type NoteDraftOptions, useNoteDraft, type NoticeModel, type NoticeTone, type NoticeAction, Notice, NoticeStack, Page, PageAction, PageHeader, ScrollFrame, Picker, type PickerGroup, type PickerOption, type PickerOptions, ProgressRing, RepoRail, type RepoRailAll, type RepoRailGroup, type RepoRailRow, ProseField, ResizeSeam, ResponsiveOverlay, Row, RowGroup, SearchBar, SegmentedControl, seriesColor, sinceOf, SplitView, StatStrip, StatusBadge, type StatusVariant, StepSection, TIME_WINDOWS, type TimeWindow, timeWindowWords, useCompact, useDevice, useListNavigation, useNow, errorMessage, noticeFrom, noticeOf, useAsyncAction, useNarrow, useRailMemory, useTheme, } from "../../ui/src/index.js";
+export { AgentRunButton, type AgentRunChoice, type AgentRunPicker, type ModelPicking, useAgentRunPick, AnchoredOverlay, Avatar, BarChart, BottomSheet, BrandMark, Card, clipboardOf, ChangeStatusMark, type ChangeStatus, ui, Code, CodeField, ConfirmDialog, ContextMenu, CopyButton, StatusTally, type TallyItem, DagEditor, DagGraph, type DagEdge, type DagNode, DiffStat, FilterBar, Icon, type IconName, ImageView, InfoDialog, InfoHint, InfoTable, isRenderableImage, Markdown, MarkdownFigure, Modal, type NavGroup, NavRail, NoteEditor, type NoteDraft, type NoteDraftOptions, useNoteDraft, type NoticeModel, type NoticeTone, type NoticeAction, Notice, NoticeStack, Page, PageAction, PageHeader, ScrollFrame, Picker, type PickerGroup, type PickerOption, type PickerOptions, ProgressRing, RepoRail, type RepoRailAll, type RepoRailGroup, type RepoRailRow, ProseField, ResizeSeam, ResponsiveOverlay, Row, RowGroup, SearchBar, SegmentedControl, seriesColor, sinceOf, 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 Button } from "primevue/button";

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

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    rows?: number;
+    density?: `comfortable` | `compact` | `dense`;
+    lead?: boolean;
+    description?: boolean;
+    control?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,2 @@
+import { type Ref } from "vue";
+export declare const useLoadingReveal: (loading: Ref<boolean>, subject: Ref<string>) => Ref<boolean>;

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

@@ -54,6 +54,7 @@ export { default as RowGroup } from "./components/RowGroup.vue";
 export { default as SearchBar } from "./components/SearchBar.vue";
 export { default as SegmentedControl } from "./components/SegmentedControl.vue";
 export { seriesColor } from "./components/seriesAccent.js";
+export { default as SkeletonRows } from "./components/SkeletonRows.vue";
 export { default as SplitView } from "./components/SplitView.vue";
 export { useCompact } from "./components/splitView.js";
 export { default as StatStrip } from "./components/StatStrip.vue";
@@ -66,5 +67,6 @@ export { useNarrow } from "./composables/useNarrow.js";
 export { useListNavigation } from "./composables/useListNavigation.js";
 export { useRailMemory } from "./composables/useRailMemory.js";
 export { useNow } from "./composables/useNow.js";
+export { useLoadingReveal } from "./composables/loadingReveal.js";
 export { errorMessage, noticeFrom, noticeOf, useAsyncAction } from "./composables/useAsyncAction.js";
 export { useTheme } from "./composables/useTheme.js";

package/names.mjs

@@ -65,6 +65,7 @@ export const extensionUiNames = [
     "SegmentedControl",
     "seriesColor",
     "sinceOf",
+    "SkeletonRows",
     "SplitView",
     "StatStrip",
     "StatusBadge",
@@ -79,6 +80,7 @@ export const extensionUiNames = [
     "useCompact",
     "useDevice",
     "useListNavigation",
+    "useLoadingReveal",
     "useNarrow",
     "useNoteDraft",
     "useNow",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intentic/extension-ui",
-  "version": "1.215.0",
+  "version": "1.217.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

@@ -152,6 +152,19 @@ export {
     SegmentedControl,
     seriesColor,
     sinceOf,
+    /* The gate <SkeletonRows> and every hand-drawn outline go behind. It ships WITH the outline rather than
+     * after it, because the three extensions that already drew one drew it ungated: a placeholder that flashes
+     * for 90ms on a warm read is worse than no placeholder at all, and that is not a thing anybody notices in
+     * the screenshot they ship. See its note in the kit for the two thresholds. */
+    useLoadingReveal,
+    /* <SkeletonRows> ships beside <RowGroup> for the third time this file makes the argument: the container
+     * without the WAIT is what made three extensions write their own. Pipelines, deployments and maintenance
+     * each hand-rolled a placeholder board, and the row-shaped half of all three is this component — same
+     * bars, same widths walked in order, same `aria-hidden` under the caller's one status region. What they
+     * could not get right by hand is the part that does not show up in a screenshot: a bar is thinner than the
+     * text it replaces, so an outline built out of divs is shorter than the list that lands and the page jumps
+     * as it fills. This one renders REAL <Row>s, so it inherits the tier's padding and keeps the height. */
+    SkeletonRows,
     SplitView,
     StatStrip,
     StatusBadge,