@intentic/extension-ui 1.240.0 → 1.242.0

package/README.md

@@ -35,7 +35,10 @@ authors is a marketplace-phase task.
 `AgentRunButton` and `useAgentRunPick` are re-exported because four extensions start an agent for the user:
 pipelines, deployments, maintenance, acceptance: and each had reached its own answer about how you choose what
 that costs. Press the primary half and the run opens on the sandbox's standing agent-run model; use the caret
-and it opens on something else, for that run only.
+and it opens on something else, for that run only. The choice covers the tier as well as the model
+(`AgentRunChoice.effort`), so pass it on the turn you start beside `model`: the sandbox fills a pinned entry's
+tier in only for a run that named no model, so dropping it runs the model you chose at the provider's default
+effort.
 
 `useAgentRunPick` takes `api.models` as an argument rather than importing it, which is what lets the control
 live in a kit that knows nothing about the extension API. Pass the extension's own host handle:

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

@@ -2,6 +2,7 @@ import type { IconName } from "../icons/iconSets.js";
 type __VLS_Props = {
     label: string;
     modelLabel?: string | undefined;
+    effortLabel?: string | undefined;
     overridden?: boolean;
     severity?: string | undefined;
     size?: string;

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

@@ -1,4 +1,4 @@
-import type { ShikiLang } from "../lib/shikiLangs.js";
+import type { ShikiLang } from "@intentic/code-read/langs";
 type __VLS_Props = {
     code: string;
     lang?: ShikiLang;

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

@@ -1,4 +1,4 @@
-import type { ShikiLang } from "../lib/shikiLangs.js";
+import type { ShikiLang } from "@intentic/code-read/langs";
 type __VLS_Props = {
     lang?: ShikiLang;
     readonly?: boolean;

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

@@ -13,6 +13,11 @@ declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
         edgeShape?: `curve` | `elbow`;
         rankSep?: number;
         nodeSep?: number;
+        fitAlign?: `center` | `start`;
+        fitPadding?: number | {
+            readonly x: number;
+            readonly y: number;
+        };
     } & {
         modelValue?: string | undefined;
     }) & {

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

@@ -4,6 +4,7 @@ declare const __VLS_export: <T extends string>(__VLS_props: NonNullable<Awaited<
         options: readonly {
             label: string;
             value: T;
+            icon?: IconName;
             title?: string;
             badge?: number;
             mark?: IconName;

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

@@ -49,5 +49,10 @@ export declare const ROW_BLOCK_PAD: {
     readonly compact: "px-4 py-3.5";
     readonly dense: "px-2.5 py-3";
 };
+export declare const ROW_DRAWER_PAD: {
+    readonly comfortable: "px-4.5 pt-2 pb-4";
+    readonly compact: "px-4 pt-1.5 pb-3.5";
+    readonly dense: "px-2.5 pt-1 pb-3";
+};
 export declare const provideRowDensity: (density: ComputedRef<RowDensity>) => void;
 export declare const useRowDensity: (own: () => RowDensity | undefined) => ComputedRef<RowDensity>;

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

@@ -5,6 +5,8 @@ export interface AgentRunChoice {
     readonly label: string;
     readonly account?: string | undefined;
     readonly harness?: string | undefined;
+    readonly effort?: string | undefined;
+    readonly effortLabel?: string | undefined;
 }
 export interface ModelPicking {
     agentRun(): AgentRunChoice;
@@ -14,6 +16,8 @@ export interface ModelPicking {
         readonly model: string;
         readonly account?: string | undefined;
         readonly harness?: string | undefined;
+        readonly effort?: string | undefined;
+        readonly chooseEffort?: boolean;
     }): Promise<AgentRunChoice | undefined>;
 }
 export interface AgentRunPicker {

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" | "boxes" | "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" | "sort-desc" | "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" | "boxes" | "camera" | "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" | "sort-desc" | "sparkles" | "split-columns" | "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/lib/ui.d.ts

@@ -3,6 +3,8 @@ export declare const ui: {
     linkButton: (...twClasses: string[]) => string;
     textAction: (...twClasses: string[]) => string;
     input: (...twClasses: string[]) => string;
+    inputSm: (...twClasses: string[]) => string;
+    inputInline: (...twClasses: string[]) => string;
     emptyState: (...twClasses: string[]) => string;
     addTile: (...twClasses: string[]) => string;
     overlayChip: (...twClasses: string[]) => string;

package/package.json

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

@@ -43,7 +43,7 @@ export {
     vAction,
     BarChart,
     BottomSheet,
-    /* <BrandMark> ships because the drafts queue is the second surface to draw a platform as its brand (the
+    /* <BrandMark> ships because the approvals queue is the second surface to draw a platform as its brand (the
      * capability cards were the first), and because its fallback is the part a hand-roll skips: a platform
      * with no installed connector still has to render as SOMETHING, and the monogram is that something. */
     BrandMark,

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

@@ -1,44 +0,0 @@
-export declare const LANGS: {
-    bash: () => Promise<typeof import("@shikijs/langs/bash")>;
-    powershell: () => Promise<typeof import("@shikijs/langs/powershell")>;
-    typescript: () => Promise<typeof import("@shikijs/langs/typescript")>;
-    tsx: () => Promise<typeof import("@shikijs/langs/tsx")>;
-    javascript: () => Promise<typeof import("@shikijs/langs/javascript")>;
-    jsx: () => Promise<typeof import("@shikijs/langs/jsx")>;
-    json: () => Promise<typeof import("@shikijs/langs/json")>;
-    yaml: () => Promise<typeof import("@shikijs/langs/yaml")>;
-    css: () => Promise<typeof import("@shikijs/langs/css")>;
-    scss: () => Promise<typeof import("@shikijs/langs/scss")>;
-    less: () => Promise<typeof import("@shikijs/langs/less")>;
-    html: () => Promise<typeof import("@shikijs/langs/html")>;
-    python: () => Promise<typeof import("@shikijs/langs/python")>;
-    go: () => Promise<typeof import("@shikijs/langs/go")>;
-    rust: () => Promise<typeof import("@shikijs/langs/rust")>;
-    java: () => Promise<typeof import("@shikijs/langs/java")>;
-    c: () => Promise<typeof import("@shikijs/langs/c")>;
-    cpp: () => Promise<typeof import("@shikijs/langs/cpp")>;
-    csharp: () => Promise<typeof import("@shikijs/langs/csharp")>;
-    sql: () => Promise<typeof import("@shikijs/langs/sql")>;
-    toml: () => Promise<typeof import("@shikijs/langs/toml")>;
-    xml: () => Promise<typeof import("@shikijs/langs/xml")>;
-    ini: () => Promise<typeof import("@shikijs/langs/ini")>;
-    docker: () => Promise<typeof import("@shikijs/langs/docker")>;
-    dotenv: () => Promise<typeof import("@shikijs/langs/dotenv")>;
-    gitignore: () => Promise<typeof import("./gitignoreGrammar")>;
-    make: () => Promise<typeof import("@shikijs/langs/make")>;
-    prisma: () => Promise<typeof import("@shikijs/langs/prisma")>;
-    graphql: () => Promise<typeof import("@shikijs/langs/graphql")>;
-    vue: () => Promise<typeof import("@shikijs/langs/vue")>;
-    svelte: () => Promise<typeof import("@shikijs/langs/svelte")>;
-    astro: () => Promise<typeof import("@shikijs/langs/astro")>;
-    php: () => Promise<typeof import("@shikijs/langs/php")>;
-    ruby: () => Promise<typeof import("@shikijs/langs/ruby")>;
-    kotlin: () => Promise<typeof import("@shikijs/langs/kotlin")>;
-    swift: () => Promise<typeof import("@shikijs/langs/swift")>;
-    diff: () => Promise<typeof import("@shikijs/langs/diff")>;
-    markdown: () => Promise<typeof import("@shikijs/langs/markdown")>;
-    log: () => Promise<typeof import("@shikijs/langs/log")>;
-};
-export type ShikiLang = keyof typeof LANGS;
-export declare const langLoader: (lang: string) => (() => Promise<unknown>) | undefined;
-export declare const shikiLangDeps: string[];