@intentic/extension-ui 1.226.0 → 1.227.0

package/dist/index.js

@@ -97,3 +97,4 @@ export const useNoteDraft = m["useNoteDraft"];
 export const useNow = m["useNow"];
 export const useRailMemory = m["useRailMemory"];
 export const useTheme = m["useTheme"];
+export const vAction = m["vAction"];

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

@@ -1,7 +1,6 @@
-export { AgentRunButton, type AgentRunChoice, type AgentRunPicker, type ModelPicking, useAgentRunPick, AnchoredOverlay, Avatar, 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, 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, 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 { 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";
 export { default as Checkbox } from "primevue/checkbox";
 export type { MenuItem } from "primevue/menuitem";
 export { default as Popover } from "primevue/popover";

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

@@ -0,0 +1,19 @@
+declare var __VLS_12: string, __VLS_13: any, __VLS_22: {
+    class: string;
+}, __VLS_25: {};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_12>]?: (props: typeof __VLS_13) => any;
+} & {
+    loadingicon?: (props: typeof __VLS_22) => any;
+} & {
+    default?: (props: typeof __VLS_25) => 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_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/components/RowGroup.vue.d.ts

@@ -3,6 +3,7 @@ type __VLS_Props = {
     count?: string | number;
     caption?: string;
     flat?: boolean;
+    undivided?: boolean;
 };
 declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {};
 type __VLS_Slots = {} & {

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

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

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

@@ -1,3 +1,3 @@
-export type IconName = "align-left" | "angle-right" | "arrow-circle-up" | "arrow-down-left" | "arrow-left" | "arrow-right" | "arrow-up-right" | "arrows-h" | "backward" | "bars" | "bolt" | "book" | "box" | "check" | "check-circle" | "check-square" | "chevron-down" | "chevron-right" | "chevron-up" | "circle" | "circle-fill" | "clock" | "clone" | "cloud" | "cloud-upload" | "code" | "cog" | "collapse-all" | "comments" | "compress" | "copy" | "credit-card" | "database" | "desktop" | "download" | "ellipsis" | "envelope" | "eraser" | "exclamation-circle" | "exclamation-triangle" | "expand" | "external-link" | "eye" | "eye-slash" | "file" | "file-edit" | "file-pdf" | "file-tree" | "filter" | "folder" | "folder-open" | "fork" | "forward" | "github" | "gitlab" | "globe" | "google" | "hammer" | "history" | "image" | "info-circle" | "key" | "layout-left" | "link" | "link-broken" | "list-check" | "lock" | "microphone" | "moon" | "palette" | "paperclip" | "pause" | "pencil" | "picture-in-picture" | "play" | "plus" | "plus-circle" | "question-circle" | "refresh" | "repeat" | "robot" | "save" | "search" | "send" | "server" | "shield" | "sign-in" | "sign-out" | "sitemap" | "slack" | "sliders-h" | "sparkles" | "spinner" | "square" | "star" | "star-fill" | "stop" | "sun" | "sync" | "terminal" | "th-large" | "times" | "trash" | "undo" | "unlock" | "upload" | "user" | "users" | "volume-off" | "volume-up" | "wave-pulse" | "wifi" | "window-maximize" | "window-minimize" | "wrench";
+export type IconName = "align-left" | "angle-right" | "arrow-circle-up" | "arrow-down-left" | "arrow-left" | "arrow-right" | "arrow-up-right" | "arrows-h" | "backward" | "bars" | "bolt" | "book" | "box" | "check" | "check-circle" | "check-square" | "chevron-down" | "chevron-right" | "chevron-up" | "circle" | "circle-fill" | "clock" | "clone" | "cloud" | "cloud-upload" | "code" | "cog" | "collapse-all" | "cpu" | "comments" | "compress" | "copy" | "credit-card" | "database" | "desktop" | "download" | "ellipsis" | "envelope" | "eraser" | "exclamation-circle" | "exclamation-triangle" | "expand" | "external-link" | "eye" | "eye-slash" | "file" | "file-edit" | "file-pdf" | "file-tree" | "filter" | "folder" | "folder-open" | "fork" | "forward" | "gift" | "github" | "gitlab" | "globe" | "google" | "hammer" | "history" | "image" | "info-circle" | "key" | "layout-left" | "link" | "link-broken" | "list-check" | "lock" | "microphone" | "moon" | "palette" | "paperclip" | "pause" | "pencil" | "picture-in-picture" | "play" | "plus" | "plus-circle" | "question-circle" | "refresh" | "repeat" | "robot" | "save" | "search" | "send" | "server" | "shield" | "sign-in" | "sign-out" | "sitemap" | "slack" | "sliders-h" | "sparkles" | "spinner" | "square" | "star" | "star-fill" | "stop" | "sun" | "sync" | "terminal" | "th-large" | "times" | "trash" | "undo" | "unlock" | "upload" | "user" | "users" | "volume-off" | "volume-up" | "wave-pulse" | "wifi" | "window-maximize" | "window-minimize" | "wrench";
 export declare const ICONS: Record<IconName, string>;
 export declare const isIconName: (name: string) => name is IconName;

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

@@ -9,6 +9,8 @@ export { default as Avatar } from "./components/Avatar.vue";
 export { default as BarChart } from "./components/BarChart.vue";
 export { default as BottomSheet } from "./components/BottomSheet.vue";
 export { default as BrandMark } from "./components/BrandMark.vue";
+export { default as Button } from "./components/Button.vue";
+export { vAction } from "./lib/pressAction.js";
 export { default as Card } from "./components/Card.vue";
 export { default as ChangeStatusMark } from "./components/ChangeStatusMark.vue";
 export { type ChangeStatus } from "./components/changeStatus.js";

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

@@ -0,0 +1,2 @@
+import type { Directive } from "vue";
+export declare const vAction: Directive<HTMLElement, unknown>;

package/names.mjs

@@ -90,4 +90,5 @@ export const extensionUiNames = [
     "useNow",
     "useRailMemory",
     "useTheme",
+    "vAction",
 ];

package/package.json

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

@@ -31,6 +31,16 @@ export {
      * failure the kit's own tooltip directive exists to avoid. */
     AnchoredOverlay,
     Avatar,
+    /* <Button> MOVED OUT OF THE RAW PRIMITIVES BELOW, and that one line is why every extension got the press
+     * lock without touching a file of its own: a button whose click handler returns a promise now locks in the
+     * same tick it was pressed and draws the wait if it outlives a beat. Extension actions are the slowest in
+     * the app — a deployment, a workflow run, an agent — so they are exactly the ones an impatient second
+     * click used to fire twice. `vAction` ships beside it as the same behaviour for a hand-styled control:
+     * `<button v-action="run">`. Imported rather than left to the host's global registration on purpose, an
+     * unresolved directive is a button that silently does nothing, which is a worse failure than a missing
+     * tooltip and not one a reviewer would spot. */
+    Button,
+    vAction,
     BarChart,
     BottomSheet,
     /* <BrandMark> ships because the drafts queue is the second surface to draw a platform as its brand (the
@@ -258,7 +268,6 @@ export type {
  * no viewport clamp, the exact spread that <Modal> above now exists to end. The shell is here, so the raw one
  * is not. <Popover> stays only because <ResponsiveOverlay>/<AnchoredOverlay> do not yet cover every menu shape,
  * and it is on the same clock: those two are the ones that open in the right window when a panel is popped out. */
-export { default as Button } from "primevue/button";
 export { default as Checkbox } from "primevue/checkbox";
 export type { MenuItem } from "primevue/menuitem";
 export { default as Popover } from "primevue/popover";