@tai42/studio-sdk 25.0.1 → 27.0.0

package/dist/components/components.css

@@ -167,6 +167,8 @@
   /* Radix hard-codes `tabIndex: 0` on every `TabsContent`, so a tab panel is a
      tab stop whether or not it holds one — it needs the ring like any other. */
   .tai-tabpanel:focus-visible,
+  .tai-stepper-button:focus-visible,
+  .tai-action-menu-item:focus-visible,
   .tai-dialog:focus-visible {
     outline: 2px solid var(--tai-color-focus-ring);
     outline-offset: 2px;
@@ -279,14 +281,14 @@
   }
 
   .tai-btn-danger {
-    background: var(--tai-color-danger);
-    border-color: var(--tai-color-danger);
-    color: var(--tai-color-danger-text);
+    background: var(--tai-color-destructive);
+    border-color: var(--tai-color-destructive);
+    color: var(--tai-color-on-destructive);
   }
 
   .tai-btn-danger:hover:not(:disabled):not([aria-disabled='true']) {
-    background: var(--tai-color-danger-hover);
-    border-color: var(--tai-color-danger-hover);
+    background: var(--tai-color-destructive-hover);
+    border-color: var(--tai-color-destructive-hover);
   }
 
   /* A square button whose only content is a 16 px icon; its accessible name
@@ -331,6 +333,34 @@
     color: var(--tai-color-accent-hover);
   }
 
+  /* -- Holder list ----------------------------------------------------------
+     The things that still use a name, each a link to where it lives. A long
+     list scrolls inside its own bordered region, which takes focus so the
+     keyboard can scroll it. */
+  .tai-holder-list {
+    padding: var(--tai-space-2) var(--tai-space-3);
+    max-height: 16rem;
+    overflow-y: auto;
+    color: var(--tai-color-text);
+    border: 1px solid var(--tai-color-border);
+    border-radius: var(--tai-radius-sm);
+  }
+
+  .tai-holder-list > ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .tai-holder-list > ul > li + li {
+    margin-top: var(--tai-space-1);
+  }
+
+  .tai-holder-lead {
+    margin: 0 0 var(--tai-space-2);
+    color: var(--tai-color-err-text);
+  }
+
   /* -- Icons ----------------------------------------------------------------
      Rendered at 16 px in currentColor at full opacity; a 24-unit viewBox and a
      1.6 stroke keep the whole set optically consistent. */
@@ -362,7 +392,9 @@
   .tai-nav-link > svg,
   .tai-segment > svg,
   .tai-select-trigger > svg,
-  .tai-status > svg {
+  .tai-status > svg,
+  .tai-stepper-button > svg,
+  .tai-action-menu-item > svg {
     flex: none;
   }
 
@@ -1236,12 +1268,14 @@
   .tai-table .tai-choice,
   .tai-table .tai-nav-item,
   .tai-table .tai-nav-link,
-  .tai-table .tai-select-trigger {
+  .tai-table .tai-select-trigger,
+  .tai-table .tai-stepper-button,
+  .tai-table .tai-action-menu-item {
     min-width: auto;
     overflow-wrap: normal;
   }
 
-  /* `.tai-segment` takes the wrap half ONLY. The eight above carry
+  /* `.tai-segment` takes the wrap half ONLY. The ten above carry
      `min-width: 0`, so `auto` is what hands them an intrinsic minimum back;
      this one carries a 28 px / 44 px POINTER TARGET (WCAG 2.5.8), and `auto` on
      a flex item is the CONTENT-based minimum — for the icon-only option this
@@ -1838,6 +1872,10 @@
     gap: var(--tai-space-4);
   }
 
+  .tai-stack-1 {
+    gap: var(--tai-space-1);
+  }
+
   .tai-stack-2 {
     gap: var(--tai-space-2);
   }
@@ -2275,6 +2313,176 @@
     }
   }
 
+  /* -- Stepper: a flow's step progress. A 24 px marker per step, a 2 px connector
+     between steps (the ok fill after a done step), the label beside it. -- */
+  .tai-stepper {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--tai-space-2);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .tai-stepper-step {
+    display: flex;
+    align-items: center;
+    gap: var(--tai-space-2);
+  }
+
+  .tai-stepper-step + .tai-stepper-step::before {
+    content: '';
+    display: block;
+    width: var(--tai-space-6);
+    height: 2px;
+    background: var(--tai-color-border);
+    transition: background-color var(--tai-motion-fast);
+  }
+
+  .tai-stepper-step-done + .tai-stepper-step::before {
+    background: var(--tai-color-ok-fill);
+  }
+
+  .tai-stepper-button {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--tai-space-2);
+    min-width: 0;
+    padding: 0;
+    border: 0;
+    background: none;
+    font: inherit;
+    color: inherit;
+    overflow-wrap: anywhere;
+  }
+
+  button.tai-stepper-button {
+    cursor: pointer;
+    border-radius: var(--tai-radius-sm);
+  }
+
+  .tai-stepper-marker {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    width: 24px;
+    height: 24px;
+    border-radius: 50%;
+    font-size: var(--tai-text-sm);
+    font-weight: 600;
+    transition:
+      background-color var(--tai-motion-fast),
+      box-shadow var(--tai-motion-fast),
+      color var(--tai-motion-fast);
+  }
+
+  .tai-stepper-marker > svg {
+    width: 14px;
+    height: 14px;
+  }
+
+  .tai-stepper-marker-done {
+    background: var(--tai-color-ok-fill);
+    color: var(--tai-color-on-fill);
+  }
+
+  .tai-stepper-marker-current {
+    box-shadow: inset 0 0 0 2px var(--tai-color-heading);
+    color: var(--tai-color-heading);
+  }
+
+  .tai-stepper-marker-upcoming {
+    box-shadow: inset 0 0 0 1px var(--tai-color-border-strong);
+    color: var(--tai-color-text-muted);
+  }
+
+  .tai-stepper-marker-error {
+    background: var(--tai-color-err-fill);
+    color: var(--tai-color-on-fill);
+  }
+
+  .tai-stepper-step-current .tai-stepper-label {
+    font-weight: 600;
+  }
+
+  .tai-stepper-step-upcoming .tai-stepper-label {
+    color: var(--tai-color-text-muted);
+  }
+
+  /* The "Step 2 of 3: " prefix is the narrow layout's; the wide row shows every step. */
+  .tai-stepper-position {
+    display: none;
+  }
+
+  /* -- ActionMenu: an overflow menu stacked in flow under its trigger. -- */
+  .tai-action-menu {
+    position: relative;
+    display: inline-block;
+  }
+
+  .tai-action-menu-list {
+    position: absolute;
+    inset-inline-end: 0;
+    top: calc(100% + var(--tai-space-1));
+    z-index: var(--tai-z-dropdown);
+    display: flex;
+    flex-direction: column;
+    min-width: 10rem;
+    padding: var(--tai-space-1);
+    border: 1px solid var(--tai-color-border);
+    border-radius: var(--tai-radius-md);
+    background: var(--tai-color-surface-raised);
+    box-shadow: var(--tai-shadow-lift);
+  }
+
+  .tai-action-menu-item {
+    display: flex;
+    align-items: center;
+    min-width: 0;
+    padding: var(--tai-space-2) var(--tai-space-3);
+    border: 0;
+    border-radius: var(--tai-radius-sm);
+    background: none;
+    font: inherit;
+    font-size: var(--tai-text-md);
+    color: var(--tai-color-text);
+    text-align: start;
+    overflow-wrap: anywhere;
+    cursor: pointer;
+  }
+
+  .tai-action-menu-item:hover,
+  .tai-action-menu-item:focus-visible {
+    background: var(--tai-color-surface);
+  }
+
+  .tai-action-menu-item-danger {
+    color: var(--tai-color-err-text);
+  }
+
+  /* <640: the stepper collapses to its current step, "Step 2 of 3: Pick tools";
+     the other steps stay in the list for assistive technology. */
+  @media (max-width: 639px) {
+    .tai-stepper-step:not(.tai-stepper-step-current) {
+      position: absolute;
+      width: 1px;
+      height: 1px;
+      overflow: hidden;
+      clip-path: inset(50%);
+      white-space: nowrap;
+    }
+
+    .tai-stepper-step + .tai-stepper-step::before {
+      display: none;
+    }
+
+    .tai-stepper-position {
+      display: inline;
+    }
+  }
+
   /* <640 phone: the rail gives way to a sticky 56 px top bar; the shell, the card
      grid and the page header each fall to a single column, and the page tightens
      its padding and its gap. */
@@ -2343,6 +2551,11 @@
       min-height: var(--tai-control-height-coarse);
     }
 
+    .tai-stepper-button,
+    .tai-action-menu-item {
+      min-height: var(--tai-control-height-coarse);
+    }
+
     .tai-icon-btn {
       width: var(--tai-control-height-coarse);
       height: var(--tai-control-height-coarse);
@@ -2417,6 +2630,11 @@
       transition: none;
     }
 
+    .tai-stepper-marker,
+    .tai-stepper-step + .tai-stepper-step::before {
+      transition: none;
+    }
+
     .tai-btn:hover:not(:disabled):not([aria-disabled='true']),
     .tai-card-interactive:hover,
     .tai-card-interactive:focus-within {

package/dist/components/confirm-dialog.d.ts

@@ -42,6 +42,8 @@ export interface ConfirmDialogProps {
      * the confirm button — the action can only refuse, so there is nothing to retry.
      */
     readonly disabledNote?: ReactNode;
+    /** Hold the confirm button disabled while the caller knows the action cannot pass. */
+    readonly confirmDisabled?: boolean;
     readonly confirmVariant?: 'primary' | 'danger';
     /** The cancel button's label; defaults to `Cancel`. Set it when the negative
      * choice reads better as a specific verb (e.g. `Keep existing`). */
@@ -49,5 +51,5 @@ export interface ConfirmDialogProps {
     /** The prompt body — what the operator is confirming. */
     readonly children: ReactNode;
 }
-export declare function ConfirmDialog({ title, confirmLabel, pendingLabel, onConfirm, onClose, isPending, error, disabledNote, confirmVariant, cancelLabel, children, }: ConfirmDialogProps): ReactNode;
+export declare function ConfirmDialog({ title, confirmLabel, pendingLabel, onConfirm, onClose, isPending, error, disabledNote, confirmDisabled, confirmVariant, cancelLabel, children, }: ConfirmDialogProps): ReactNode;
 //# sourceMappingURL=confirm-dialog.d.ts.map

package/dist/components/confirm-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"confirm-dialog.d.ts","sourceRoot":"","sources":["../../src/components/confirm-dialog.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,gEAAgE;IAChE,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,8EAA8E;IAC9E,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,SAAS,EAAE,MAAM,IAAI,CAAC;IAC/B,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B;;;;;;;OAOG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC;IACvC;;;;;OAKG;IACH,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,CAAC;IAClC,QAAQ,CAAC,cAAc,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/C;wEACoE;IACpE,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,yDAAyD;IACzD,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,OAAO,EACP,SAAS,EACT,KAAK,EACL,YAAY,EACZ,cAAyB,EACzB,WAAsB,EACtB,QAAQ,GACT,EAAE,kBAAkB,GAAG,SAAS,CA2BhC"}
+{"version":3,"file":"confirm-dialog.d.ts","sourceRoot":"","sources":["../../src/components/confirm-dialog.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,gEAAgE;IAChE,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,8EAA8E;IAC9E,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,SAAS,EAAE,MAAM,IAAI,CAAC;IAC/B,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B;;;;;;;OAOG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC;IACvC;;;;;OAKG;IACH,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,CAAC;IAClC,sFAAsF;IACtF,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IACnC,QAAQ,CAAC,cAAc,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/C;wEACoE;IACpE,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,yDAAyD;IACzD,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,OAAO,EACP,SAAS,EACT,KAAK,EACL,YAAY,EACZ,eAAuB,EACvB,cAAyB,EACzB,WAAsB,EACtB,QAAQ,GACT,EAAE,kBAAkB,GAAG,SAAS,CA2BhC"}

package/dist/components/confirm-dialog.js

@@ -2,10 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { errorMessage } from '../errors';
 import { Dialog } from './dialog';
 import { Button, ErrorState, Spinner } from './primitives';
-export function ConfirmDialog({ title, confirmLabel, pendingLabel, onConfirm, onClose, isPending, error, disabledNote, confirmVariant = 'danger', cancelLabel = 'Cancel', children, }) {
+export function ConfirmDialog({ title, confirmLabel, pendingLabel, onConfirm, onClose, isPending, error, disabledNote, confirmDisabled = false, confirmVariant = 'danger', cancelLabel = 'Cancel', children, }) {
     return (_jsxs(Dialog, { title: title, open: true, onOpenChange: (next) => {
             if (!next)
                 onClose();
-        }, children: [children, disabledNote ?? (error != null ? _jsx(ErrorState, { message: errorMessage(error) }) : null), _jsxs("div", { className: "tai-dialog-actions", children: [_jsx(Button, { type: "button", onClick: onClose, children: cancelLabel }), _jsxs(Button, { type: "button", variant: confirmVariant, disabled: isPending || disabledNote != null, onClick: onConfirm, children: [isPending ? _jsx(Spinner, { label: pendingLabel }) : null, confirmLabel] })] })] }));
+        }, children: [children, disabledNote ?? (error != null ? _jsx(ErrorState, { message: errorMessage(error) }) : null), _jsxs("div", { className: "tai-dialog-actions", children: [_jsx(Button, { type: "button", onClick: onClose, children: cancelLabel }), _jsxs(Button, { type: "button", variant: confirmVariant, disabled: isPending || disabledNote != null || confirmDisabled, onClick: onConfirm, children: [isPending ? _jsx(Spinner, { label: pendingLabel }) : null, confirmLabel] })] })] }));
 }
 //# sourceMappingURL=confirm-dialog.js.map

package/dist/components/confirm-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"confirm-dialog.js","sourceRoot":"","sources":["../../src/components/confirm-dialog.tsx"],"names":[],"mappings":";AAoBA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAmC3D,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,OAAO,EACP,SAAS,EACT,KAAK,EACL,YAAY,EACZ,cAAc,GAAG,QAAQ,EACzB,WAAW,GAAG,QAAQ,EACtB,QAAQ,GACW;IACnB,OAAO,CACL,MAAC,MAAM,IACL,KAAK,EAAE,KAAK,EACZ,IAAI,QACJ,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;YACrB,IAAI,CAAC,IAAI;gBAAE,OAAO,EAAE,CAAC;QACvB,CAAC,aAEA,QAAQ,EACR,YAAY,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,KAAC,UAAU,IAAC,OAAO,EAAE,YAAY,CAAC,KAAK,CAAC,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC,EACtF,eAAK,SAAS,EAAC,oBAAoB,aACjC,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,YACnC,WAAW,GACL,EACT,MAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,SAAS,IAAI,YAAY,IAAI,IAAI,EAC3C,OAAO,EAAE,SAAS,aAEjB,SAAS,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,KAAK,EAAE,YAAY,GAAI,CAAC,CAAC,CAAC,IAAI,EACnD,YAAY,IACN,IACL,IACC,CACV,CAAC;AACJ,CAAC"}
+{"version":3,"file":"confirm-dialog.js","sourceRoot":"","sources":["../../src/components/confirm-dialog.tsx"],"names":[],"mappings":";AAoBA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAqC3D,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,OAAO,EACP,SAAS,EACT,KAAK,EACL,YAAY,EACZ,eAAe,GAAG,KAAK,EACvB,cAAc,GAAG,QAAQ,EACzB,WAAW,GAAG,QAAQ,EACtB,QAAQ,GACW;IACnB,OAAO,CACL,MAAC,MAAM,IACL,KAAK,EAAE,KAAK,EACZ,IAAI,QACJ,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;YACrB,IAAI,CAAC,IAAI;gBAAE,OAAO,EAAE,CAAC;QACvB,CAAC,aAEA,QAAQ,EACR,YAAY,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,KAAC,UAAU,IAAC,OAAO,EAAE,YAAY,CAAC,KAAK,CAAC,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC,EACtF,eAAK,SAAS,EAAC,oBAAoB,aACjC,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,YACnC,WAAW,GACL,EACT,MAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,SAAS,IAAI,YAAY,IAAI,IAAI,IAAI,eAAe,EAC9D,OAAO,EAAE,SAAS,aAEjB,SAAS,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,KAAK,EAAE,YAAY,GAAI,CAAC,CAAC,CAAC,IAAI,EACnD,YAAY,IACN,IACL,IACC,CACV,CAAC;AACJ,CAAC"}

package/dist/components/execution-key-picker.d.ts

@@ -1,15 +1,19 @@
 /**
- * Picks the api key a fire / recurring run RUNS AS. Shared by every fire-path form
- * (hooks, trigger links, schedules). Presentational and prop-driven — the host
- * feature owns the api-key list query and hands it in, so this component (and the
- * SDK) stay free of a data-fetching library, exactly as {@link ToolPicker} does.
+ * Picks the api key a stored record (a route, a hook, a trigger link, a schedule)
+ * RUNS AS. Presentational and prop-driven — the host feature owns the api-key list
+ * query and hands it in, so this component (and the SDK) stay free of a
+ * data-fetching library, exactly as {@link ToolPicker} does.
  *
- * The server decides authorization; this only lists the pickable keys and renders
- * the read's loading / empty / error states. The host form renders the server's
- * refusal verbatim elsewhere.
+ * The `binding` decides what renders: nothing with access control off, a pending
+ * control while the session's projection loads, and otherwise the key list plus the
+ * session's own identity when it is an api key the list does not hold. A stored key
+ * the loaded list does not hold is flagged with what the server will make of it,
+ * compared with the session's identity. The server decides authorization; the host
+ * form renders its refusal verbatim elsewhere.
  */
 import type { TokensPayload } from '@tai42/api-client';
-import type { ReactNode } from 'react';
+import { type ReactNode } from 'react';
+import type { ExecutionKeyBinding } from '../hooks/useCapabilities';
 /**
  * The subset of the api-key list query this picker reads. A caller's TanStack
  * `UseQueryResult<TokensPayload>` satisfies it structurally, so the SDK names no
@@ -25,13 +29,25 @@ export interface ExecutionKeyQuery {
 }
 /** Resolved, and holding no key at all. */
 export declare function isExecutionKeyListEmpty(query: ExecutionKeyQuery): boolean;
+/**
+ * Whether the form has a key to send: always with access control off, never while the
+ * projection is pending, and otherwise once the list read has answered (loaded, or
+ * refused with a 403) and the picker holds a value, lists a key, or offers a key
+ * session's own identity. Under a checked binding the picker renders its `Select`
+ * exactly while the list read is pending or this holds.
+ */
+export declare function canHoldExecutionKey(query: ExecutionKeyQuery, binding: ExecutionKeyBinding, value: string): boolean;
 export interface ExecutionKeyPickerProps {
     /** The api-key list read the host feature owns and hands in. */
     readonly query: ExecutionKeyQuery;
+    /** How the host form binds its key (`useExecutionKeyBinding()`). */
+    readonly binding: ExecutionKeyBinding;
     readonly value: string;
     readonly onValueChange: (value: string) => void;
-    /** The host form's required-field error, shown under the control. */
+    /** The host form's required-field error, shown under the control while a `Select` renders. */
     readonly error?: string | undefined;
+    /** The field's description; the default speaks of a fire. */
+    readonly description?: string;
 }
-export declare function ExecutionKeyPicker({ query, value, onValueChange, error, }: ExecutionKeyPickerProps): ReactNode;
+export declare function ExecutionKeyPicker({ query, binding, value, onValueChange, error, description, }: ExecutionKeyPickerProps): ReactNode;
 //# sourceMappingURL=execution-key-picker.d.ts.map

package/dist/components/execution-key-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"execution-key-picker.d.ts","sourceRoot":"","sources":["../../src/components/execution-key-picker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,IAAI,EAAE,aAAa,GAAG,SAAS,CAAC;IACzC,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,2CAA2C;AAC3C,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,iBAAiB,GAAG,OAAO,CAEzE;AA4BD,MAAM,WAAW,uBAAuB;IACtC,gEAAgE;IAChE,QAAQ,CAAC,KAAK,EAAE,iBAAiB,CAAC;IAClC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,qEAAqE;IACrE,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACrC;AAED,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,KAAK,EACL,aAAa,EACb,KAAK,GACN,EAAE,uBAAuB,GAAG,SAAS,CAsCrC"}
+{"version":3,"file":"execution-key-picker.d.ts","sourceRoot":"","sources":["../../src/components/execution-key-picker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAC;AAG9C,OAAO,KAAK,EAAE,mBAAmB,EAAe,MAAM,0BAA0B,CAAC;AAMjF;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,IAAI,EAAE,aAAa,GAAG,SAAS,CAAC;IACzC,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,2CAA2C;AAC3C,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,iBAAiB,GAAG,OAAO,CAEzE;AA4BD;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,iBAAiB,EACxB,OAAO,EAAE,mBAAmB,EAC5B,KAAK,EAAE,MAAM,GACZ,OAAO,CAST;AAqDD,MAAM,WAAW,uBAAuB;IACtC,gEAAgE;IAChE,QAAQ,CAAC,KAAK,EAAE,iBAAiB,CAAC;IAClC,oEAAoE;IACpE,QAAQ,CAAC,OAAO,EAAE,mBAAmB,CAAC;IACtC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,8FAA8F;IAC9F,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,6DAA6D;IAC7D,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;CAC/B;AA+HD,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,OAAO,EACP,KAAK,EACL,aAAa,EACb,KAAK,EACL,WAAiC,GAClC,EAAE,uBAAuB,GAAG,SAAS,CA6CrC"}

package/dist/components/execution-key-picker.js

@@ -1,5 +1,7 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { errorMessage } from '../errors';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useId } from 'react';
+import { errorMessage, isForbiddenError } from '../errors';
+import { Badge } from './badge';
 import { Field } from './field';
 import { ErrorState } from './primitives';
 import { Select } from './select';
@@ -32,18 +34,135 @@ function pickableKeys(keys) {
         return true;
     });
 }
-export function ExecutionKeyPicker({ query, value, onValueChange, error, }) {
-    const listEmpty = isExecutionKeyListEmpty(query);
-    return (_jsx(Field, { label: "Execution key", description: "The api key this fire runs AS. Every tool call it makes is authorized against that key's live grants \u2014 prefer a least-privilege service key over a human's broad one.", 
-        // Suppressed: the empty note / the ErrorState already say it.
-        error: listEmpty || query.isError ? undefined : error, 
-        // Only the Select branch claims the field's control id; the error and
-        // empty branches render no labelable element, so `for` would dangle.
-        group: query.isError || listEmpty, children: query.isError ? (_jsx(ErrorState, { message: errorMessage(query.error), onRetry: () => {
-                query.refetch();
-            } })) : listEmpty ? (_jsx("p", { role: "status", style: { margin: 0, color: 'var(--tai-color-text-muted)' }, children: "No api keys available to run as. Mint one on the settings API-keys tab first." })) : (_jsx(Select, { options: pickableKeys(query.data ?? []).map((key) => ({
-                value: key.user_id,
-                label: keyLabel(key),
-            })), value: value, placeholder: query.isPending ? 'Loading keys…' : 'Select an execution key', disabled: query.isPending, onValueChange: onValueChange })) }));
+/**
+ * Whether the form has a key to send: always with access control off, never while the
+ * projection is pending, and otherwise once the list read has answered (loaded, or
+ * refused with a 403) and the picker holds a value, lists a key, or offers a key
+ * session's own identity. Under a checked binding the picker renders its `Select`
+ * exactly while the list read is pending or this holds.
+ */
+export function canHoldExecutionKey(query, binding, value) {
+    if (binding.mode === 'unchecked')
+        return true;
+    if (binding.mode === 'pending')
+        return false;
+    return ((query.isSuccess || isForbiddenError(query.error)) &&
+        (value !== '' ||
+            (query.isSuccess && !isExecutionKeyListEmpty(query)) ||
+            binding.own.kind === 'key'));
+}
+/** The unlisted line's sentence for a stored key the key list does not hold. */
+function unlistedKeyHint(value, own) {
+    if (own.admin) {
+        return `${value} is not a listed key. As an admin you may bind another identity; the server checks it on save.`;
+    }
+    if (own.kind === 'account') {
+        return `${value} is not a listed key. The server accepts only an api key you own; any other value is refused on save.`;
+    }
+    return `${value} is not a listed key. The server accepts an unlisted key only when it is your own identity; any other value is refused on save.`;
+}
+/** The second line: what the comparison of the value with the session's identity shows, or undefined when it shows
+ * nothing to say (a key session's own identity). */
+function unlistedKeyNote(value, own) {
+    if (value === own.userId) {
+        return own.kind === 'account'
+            ? {
+                badge: 'not an api key',
+                text: `${value} is this session's account, not an api key, so the server will refuse it on save.`,
+            }
+            : undefined;
+    }
+    return {
+        badge: 'not your identity',
+        text: own.admin
+            ? `${value} is not this session's identity (${own.userId}).`
+            : `${value} is not this session's identity (${own.userId}), so the server will refuse it on save.`,
+    };
+}
+const DEFAULT_DESCRIPTION = "The api key this fire runs AS. Every tool call it makes is authorized against that key's live grants — prefer a least-privilege service key over a human's broad one.";
+const FORBIDDEN_NOTE = 'This session cannot list api keys. Picking one needs read access to GET /api/auth/tokens-payload; ask an administrator to grant it.';
+const KEY_EMPTY_NOTE = 'No api keys of yours are listed. Mint one on the settings API-keys tab to run as a narrower key.';
+const ACCOUNT_EMPTY_NOTE = 'No api keys of yours are listed. You are signed in as an account, not an api key, so your own identity cannot be picked here. Mint a key on the settings API-keys tab first.';
+const MUTED_LINE = { margin: 0, color: 'var(--tai-color-text-muted)' };
+function MutedLine({ text }) {
+    return (_jsx("p", { role: "status", style: MUTED_LINE, children: text }));
+}
+/** The view while the binding is pending: a disabled `Select` and nothing else. */
+const PENDING_VIEW = {
+    options: [],
+    selectRenders: true,
+    note: undefined,
+    unlisted: false,
+    ownOffered: false,
+};
+/** The `Select`'s options: the stored value no listed option carries (flagged once the list
+ * loaded), the session's own identity when offered, then the listed keys. */
+function checkedOptions(stored, unlisted, forbidden, ownOffered, listed) {
+    const options = [];
+    if (stored !== null && (unlisted || forbidden)) {
+        options.push({ value: stored, label: unlisted ? `${stored} (not a listed key)` : stored });
+    }
+    if (ownOffered !== null) {
+        options.push({ value: ownOffered, label: `${ownOffered} — this session's identity` });
+    }
+    for (const key of listed)
+        options.push({ value: key.user_id, label: keyLabel(key) });
+    return options;
+}
+/** The muted note: the refused read's, or the empty list's for the session's kind. */
+function checkedNote(query, own) {
+    if (isForbiddenError(query.error))
+        return FORBIDDEN_NOTE;
+    if (!isExecutionKeyListEmpty(query))
+        return undefined;
+    return own.kind === 'key' ? KEY_EMPTY_NOTE : ACCOUNT_EMPTY_NOTE;
+}
+function checkedView(query, own, value) {
+    const forbidden = isForbiddenError(query.error);
+    const listed = query.isSuccess ? pickableKeys(query.data ?? []) : [];
+    const answered = query.isSuccess || forbidden;
+    const ownOffered = own.kind === 'key' && answered && !listed.some((key) => key.user_id === own.userId);
+    const stored = value !== '' && !(ownOffered && value === own.userId) ? value : null;
+    const unlisted = query.isSuccess && stored !== null && !listed.some((key) => key.user_id === stored);
+    const options = checkedOptions(stored, unlisted, forbidden, ownOffered ? own.userId : null, listed);
+    const selectRenders = (query.isPending && !query.isError) ||
+        canHoldExecutionKey(query, { mode: 'checked', own }, value);
+    return { options, selectRenders, note: checkedNote(query, own), unlisted, ownOffered };
+}
+/** The lines under the `Select`: the unlisted hint, the own-identity hint and the comparison note. */
+function KeyHints({ own, view, value, hintId, noteId, }) {
+    if (own === undefined)
+        return null;
+    const keyNote = view.unlisted ? unlistedKeyNote(value, own) : undefined;
+    return (_jsxs(_Fragment, { children: [view.unlisted ? (_jsxs("p", { id: hintId, className: "tai-field-hint", style: { margin: 0 }, children: [_jsx(Badge, { variant: "warning", children: "not a listed key" }), " ", unlistedKeyHint(value, own)] })) : null, view.ownOffered && value === own.userId ? (_jsx("p", { id: hintId, className: "tai-field-hint", style: { margin: 0 }, children: `This runs as this session's own identity, ${own.userId}, with its live grants.` })) : null, keyNote !== undefined ? (_jsxs("p", { id: noteId, role: "status", className: "tai-field-hint", style: { margin: 0 }, children: [_jsx(Badge, { variant: "warning", children: keyNote.badge }), " ", keyNote.text] })) : null] }));
+}
+/** The ids the `Select` is described by: the hint while one shows, the note while one shows. */
+function describedByIds(own, view, value, hintId, noteId) {
+    if (own === undefined)
+        return undefined;
+    const hinted = view.unlisted || (view.ownOffered && value === own.userId);
+    const noted = view.unlisted && unlistedKeyNote(value, own) !== undefined;
+    const ids = [hinted ? hintId : undefined, noted ? noteId : undefined].filter((id) => id !== undefined);
+    return ids.length === 0 ? undefined : ids.join(' ');
+}
+export function ExecutionKeyPicker({ query, binding, value, onValueChange, error, description = DEFAULT_DESCRIPTION, }) {
+    const hintId = useId();
+    const noteId = useId();
+    if (binding.mode === 'unchecked')
+        return null;
+    if (binding.mode === 'checked' && query.isError && !isForbiddenError(query.error)) {
+        return (_jsx(Field, { label: "Execution key", description: description, group: true, children: _jsx(ErrorState, { message: errorMessage(query.error), onRetry: () => {
+                    query.refetch();
+                } }) }));
+    }
+    // A pending binding renders the same tree as a pending list, so the control is not
+    // remounted when the binding resolves.
+    const own = binding.mode === 'checked' ? binding.own : undefined;
+    const view = own === undefined ? PENDING_VIEW : checkedView(query, own, value);
+    const loading = own === undefined || query.isPending;
+    return (_jsxs(Field, { label: "Execution key", description: description, error: view.selectRenders ? error : undefined, 
+        // Only the Select claims the field's control id; with nothing to hold no
+        // labelable element renders, so `for` would dangle.
+        group: !view.selectRenders, children: [view.selectRenders ? (_jsx(Select, { options: view.options, value: value, placeholder: loading ? 'Loading keys…' : 'Select an execution key', disabled: loading, onValueChange: onValueChange, "aria-describedby": describedByIds(own, view, value, hintId, noteId) })) : null, view.note !== undefined ? _jsx(MutedLine, { text: view.note }) : null, _jsx(KeyHints, { own: own, view: view, value: value, hintId: hintId, noteId: noteId })] }));
 }
 //# sourceMappingURL=execution-key-picker.js.map

package/dist/components/execution-key-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"execution-key-picker.js","sourceRoot":"","sources":["../../src/components/execution-key-picker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"execution-key-picker.js","sourceRoot":"","sources":["../../src/components/execution-key-picker.tsx"],"names":[],"mappings":"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"}

package/dist/components/extension-combo-builder.d.ts

@@ -10,16 +10,16 @@
  *  - the current combos, each an ordered row of name `Badge`s with a per-combo Edit
  *    (pull it back into the draft) and Remove;
  *  - a combo UNDER CONSTRUCTION, authored with the shared `ExtensionPicker` (grouped
- *    by kind, single-select for the non-stackable `backend` kind). When the draft
- *    includes the `output_schema` extension, its config is authored inline with a
- *    `SchemaEditor` (no title required); an "Add combo" / "Update combo" action
- *    composes the elements — `output_schema` as `{ name, config: { schema } }`, every
- *    other extension as a bare name — and writes it into the value.
+ *    by kind, single-select for the non-stackable `backend` kind). An extension whose
+ *    catalog entry declares a `config_schema` is authored as `{ name, config }` through
+ *    its settings form; any other name stays a bare element, or the edited combo's own
+ *    element when it survives the edit. An "Add extension set" / "Update extension
+ *    set" action composes the elements and writes the combo into the value.
  *
  * The builder only blocks the client-trivial invalids: an EMPTY combo (Add is
  * disabled until the draft has ≥1 member), a DUPLICATE of a combo already in the
- * value (by name sequence; flagged inline, Add blocked), an INVALID `output_schema`
- * config (the `SchemaEditor` shows the parse/lint error and Add is blocked), and an
+ * value (by name sequence; flagged inline, Add blocked), an INVALID or not yet
+ * reported settings form of a drafted extension (Add is blocked), and an
  * UNKNOWN extension name in an existing combo (a name absent from `available`, which
  * happens when a plugin is removed after a preset was authored) — flagged inline on
  * that combo row and reported through `onValidityChange` so the caller can block

package/dist/components/extension-combo-builder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"extension-combo-builder.d.ts","sourceRoot":"","sources":["../../src/components/extension-combo-builder.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AAa5D,MAAM,WAAW,0BAA0B;IACzC,wEAAwE;IACxE,QAAQ,CAAC,SAAS,EAAE,SAAS,SAAS,EAAE,CAAC;IACzC,8EAA8E;IAC9E,QAAQ,CAAC,KAAK,EAAE,SAAS,sBAAsB,EAAE,EAAE,CAAC;IACpD,qEAAqE;IACrE,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,sBAAsB,EAAE,EAAE,KAAK,IAAI,CAAC;IAC9D,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;;OAKG;IACH,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACrD;;;;;OAKG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;CACnC;AAED,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAoC,EACpC,gBAAgB,EAChB,cAAqB,GACtB,EAAE,0BAA0B,GAAG,SAAS,CAwGxC"}
+{"version":3,"file":"extension-combo-builder.d.ts","sourceRoot":"","sources":["../../src/components/extension-combo-builder.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AAe5D,MAAM,WAAW,0BAA0B;IACzC,wEAAwE;IACxE,QAAQ,CAAC,SAAS,EAAE,SAAS,SAAS,EAAE,CAAC;IACzC,8EAA8E;IAC9E,QAAQ,CAAC,KAAK,EAAE,SAAS,sBAAsB,EAAE,EAAE,CAAC;IACpD,qEAAqE;IACrE,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,sBAAsB,EAAE,EAAE,KAAK,IAAI,CAAC;IAC9D,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;;OAKG;IACH,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACrD;;;;;OAKG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;CACnC;AAED,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAoC,EACpC,gBAAgB,EAChB,cAAqB,GACtB,EAAE,0BAA0B,GAAG,SAAS,CAsIxC"}