@intentic/extension-ui 1.218.0 → 1.219.0

package/dist/index.js

@@ -43,6 +43,7 @@ export const NoticeStack = m["NoticeStack"];
 export const Page = m["Page"];
 export const PageAction = m["PageAction"];
 export const PageHeader = m["PageHeader"];
+export const PersonaFace = m["PersonaFace"];
 export const Picker = m["Picker"];
 export const Popover = m["Popover"];
 export const ProgressRing = m["ProgressRing"];

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, 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, 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, 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";

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

@@ -0,0 +1,8 @@
+import type { PersonaLike } from "./personaFace.js";
+type __VLS_Props = {
+    persona: PersonaLike;
+    size?: number;
+};
+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/components/personaFace.d.ts

@@ -0,0 +1,4 @@
+export interface PersonaLike {
+    readonly id: string;
+    readonly label?: string;
+}

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

@@ -1,10 +1,12 @@
 import type { IconName } from "../icons/iconSets.js";
+import type { PersonaLike } from "./personaFace.js";
 export interface PickerOption<T extends string = string> {
     readonly value: T;
     readonly label: string;
     readonly description?: string;
     readonly hint?: string;
     readonly icon?: IconName;
+    readonly face?: PersonaLike;
     readonly mono?: boolean;
     readonly disabled?: boolean;
 }

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

@@ -40,6 +40,8 @@ export { type NoticeAction, type NoticeModel, type NoticeTone } from "./componen
 export { default as Page } from "./components/Page.vue";
 export { default as PageAction } from "./components/PageAction.vue";
 export { default as PageHeader } from "./components/PageHeader.vue";
+export { default as PersonaFace } from "./components/PersonaFace.vue";
+export { type PersonaLike } from "./components/personaFace.js";
 export { default as ScrollFrame } from "./components/ScrollFrame.vue";
 export { default as Picker } from "./components/Picker.vue";
 export { type PickerGroup, type PickerOption, type PickerOptions } from "./components/picker.js";

package/names.mjs

@@ -51,6 +51,7 @@ export const extensionUiNames = [
     "Page",
     "PageAction",
     "PageHeader",
+    "PersonaFace",
     "Picker",
     "Popover",
     "ProgressRing",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intentic/extension-ui",
-  "version": "1.218.0",
+  "version": "1.219.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/ui": "0.0.0",
-    "@intentic/tsconfig": "0.0.0"
+    "@intentic/tsconfig": "0.0.0",
+    "@intentic/ui": "0.0.0"
   },
   "peerDependencies": {
     "vue": "3"

package/src/index.ts

@@ -122,6 +122,13 @@ export {
     PageAction,
     PageHeader,
     ScrollFrame,
+    /* <PersonaFace> ships because the TWO surfaces in the whole app where you choose a persona are both out
+     * here — an automation's "Runs as" and a workflow step's "Acts as" — and neither could reach the drawing
+     * every surface that merely LISTS a persona already uses. So the one screen where you are picking a person
+     * by sight was the one screen showing a line of text. It is exported alongside <Picker>'s own `face` option
+     * field, which is what most callers actually want: hand the row a persona and the picker draws it. */
+    PersonaFace,
+    type PersonaLike,
     Picker,
     type PickerGroup,
     type PickerOption,