@tangle-network/agent-app 0.45.37 → 0.45.39

package/dist/{agent-session-controls-CCeu5QLS.d.ts → agent-session-controls-BGNNTeJ5.d.ts}

@@ -231,6 +231,39 @@ interface EffortLevel {
     label: string;
 }
 declare const DEFAULT_EFFORT_LEVELS: readonly EffortLevel[];
+/**
+ * The user-facing label for an engine level id: the canonical vocabulary when
+ * the id is one this package names, otherwise the id itself made readable
+ * (`auto` -> "Auto", `ultra-code` -> "Ultra code"). Never invents a depth word,
+ * so an id nobody declared a label for still reads as ITSELF and never as some
+ * other level.
+ */
+declare function effortLevelLabel(id: string): string;
+/**
+ * Build a levels list from the engine ids a backend applies — the shape the
+ * removed `ComposerAgentControls` took as `reasoning.available`, so a product
+ * migrating that list has one call to make instead of a hand-written label map
+ * per product (which is how "Quick" and "Low" drift apart across surfaces).
+ */
+declare function effortLevelsFromIds(ids: readonly string[]): readonly EffortLevel[];
+/**
+ * The list {@link EffortPicker} RENDERS for `value` — the declared levels, plus
+ * `value` itself when the declaration omits it.
+ *
+ * A picker cannot honestly resolve a selected value it was not given, and the
+ * failure it used to take instead — fall back to the middle entry — renders the
+ * session's real depth as a DIFFERENT level's name. That is exactly the defect
+ * `levels` was added to prevent: the legacy adapter's `available` list excluded
+ * the `auto` sentinel because the old picker injected it, so a product mapping
+ * that list straight across ships a session running on `auto` labelled
+ * "Extended". Admitting the value is not offering a new choice — it is
+ * reporting the state the session is already in, and it disappears from the
+ * list as soon as the user picks a declared level.
+ *
+ * A blank value is not admitted (there is no honest label for it); the picker
+ * renders no selection instead.
+ */
+declare function reconcileEffortLevels(value: string, levels?: readonly EffortLevel[]): readonly EffortLevel[];
 /** Segments the meter draws — fixed geometry so the ladder stays tabular
  *  across levels (and across the trigger and its menu rows). */
 declare const EFFORT_METER_SEGMENTS = 4;
@@ -256,7 +289,12 @@ interface EffortPickerProps {
     onChange: (id: string) => void;
     /** Selectable levels (engine id + user-facing label). Defaults to the plain
      *  "Thinking" vocabulary; override to relabel without changing the ids the
-     *  runtime receives. */
+     *  runtime receives.
+     *
+     *  A list that omits the current `value` is not a rendering error the picker
+     *  papers over: `value` is reconciled INTO the rendered list under its own
+     *  name (see {@link reconcileEffortLevels}), because a control must report
+     *  the depth the session is running at and never some other list entry. */
     levels?: readonly EffortLevel[];
     /** Prefix shown before the active level on the pill — the "what is this"
      *  context the bare value lacked. Default "Thinking". Pass '' to hide it. */
@@ -294,6 +332,15 @@ interface AgentSessionControlsProps {
      * selected harness/model passes that subset here. Without it the strip
      * offers every level and the backend silently ignores the ones it does not
      * apply — a control that reports a choice the system never made.
+     *
+     * This is the COMPLETE renderable set, not an allow-list layered over a
+     * default one — the removed `ComposerAgentControls`' `available` list was the
+     * latter, and its picker injected the `auto` sentinel itself. A list that
+     * omits the current {@link effort} is still safe: `EffortPicker` reconciles
+     * the selected value into the rendered list under its own name rather than
+     * resolving it to a different entry (`reconcileEffortLevels`). Build the list
+     * from engine ids with `effortLevelsFromIds`; the migration is in
+     * `docs/ui-picker-canon.md`.
      */
     effortLevels?: readonly EffortLevel[];
     /**
@@ -308,4 +355,4 @@ interface AgentSessionControlsProps {
 }
 declare function AgentSessionControls(props: AgentSessionControlsProps): react.JSX.Element;
 
-export { type AgentSessionControlsProps as A, type ComposerMentionProp as C, DEFAULT_EFFORT_LEVELS as D, EFFORT_METER_SEGMENTS as E, INDEX_REFRESH_AFTER_MS as I, type MentionItem as M, OVERLAY_SHADOW as O, POPOVER_SURFACE_ATTR as P, type UseFileMentionsResult as U, AgentSessionControls as a, DEFAULT_MENTION_EMPTY_TEXT as b, DEFAULT_MENTION_LIMIT as c, type EffortLevel as d, EffortMeter as e, EffortPicker as f, type EffortPickerProps as g, ModelPicker as h, type ModelPickerProps as i, PopoverSurface as j, type PopoverSurfaceProps as k, type UseFileMentionsOptions as l, effortMeterFill as m, usePending as n, usePopover as o, rankFileMentions as r, useFileMentions as u };
+export { type AgentSessionControlsProps as A, type ComposerMentionProp as C, DEFAULT_EFFORT_LEVELS as D, EFFORT_METER_SEGMENTS as E, INDEX_REFRESH_AFTER_MS as I, type MentionItem as M, OVERLAY_SHADOW as O, POPOVER_SURFACE_ATTR as P, type UseFileMentionsResult as U, AgentSessionControls as a, DEFAULT_MENTION_EMPTY_TEXT as b, DEFAULT_MENTION_LIMIT as c, type EffortLevel as d, EffortMeter as e, EffortPicker as f, type EffortPickerProps as g, ModelPicker as h, type ModelPickerProps as i, PopoverSurface as j, type PopoverSurfaceProps as k, type UseFileMentionsOptions as l, effortLevelLabel as m, effortLevelsFromIds as n, effortMeterFill as o, reconcileEffortLevels as p, usePending as q, rankFileMentions as r, usePopover as s, useFileMentions as u };

package/dist/assistant/index.d.ts

@@ -8,7 +8,7 @@ import '../plans/index.js';
 import '../parts-BqIHMdyu.js';
 import '../types-CCeYywdS.js';
 import '../wire-DOZ-O6hD.js';
-import '../agent-session-controls-CCeu5QLS.js';
+import '../agent-session-controls-BGNNTeJ5.js';
 import '../harness/index.js';
 import '../catalog/index.js';
 import '../agent-activity-C8ZG0F0M.js';

package/dist/assistant/index.js

@@ -1,7 +1,7 @@
 import {
   ChatComposer,
   ChatMessages
-} from "../chunk-TB7T7C3X.js";
+} from "../chunk-4TZZXCLF.js";
 import "../chunk-FBVLEGEG.js";
 import "../chunk-5MZXWPFN.js";
 import "../chunk-GEYACSFW.js";
@@ -9,7 +9,7 @@ import {
   ModelPicker,
   OVERLAY_SHADOW,
   ProviderLogo
-} from "../chunk-3AXSERRK.js";
+} from "../chunk-JRPXENLF.js";
 import "../chunk-BATKJP3P.js";
 import {
   AsyncView

package/dist/chat-react/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
 import { AgentComposer } from '@tangle-network/sandbox-ui/chat';
-import { A as AgentSessionControlsProps, U as UseFileMentionsResult } from '../agent-session-controls-CCeu5QLS.js';
+import { A as AgentSessionControlsProps, U as UseFileMentionsResult } from '../agent-session-controls-BGNNTeJ5.js';
 import { b as ChatAttachmentInput, F as FileMention } from '../wire-DOZ-O6hD.js';
 import '../harness/index.js';
 import '@tangle-network/agent-interface';

package/dist/chat-react/index.js

@@ -1,7 +1,7 @@
 import {
   AgentSessionControls,
   useComposerAttachments
-} from "../chunk-3AXSERRK.js";
+} from "../chunk-JRPXENLF.js";
 import {
   ATTACHMENT_ACCEPT
 } from "../chunk-CCVG2TL6.js";

package/dist/{chunk-TB7T7C3X.js → chunk-4TZZXCLF.js}

@@ -9,8 +9,10 @@ import {
   ChevronDown,
   OVERLAY_SHADOW,
   POPOVER_OPTION_FOCUS,
-  usePending
-} from "./chunk-3AXSERRK.js";
+  PopoverSurface,
+  usePending,
+  usePopover
+} from "./chunk-JRPXENLF.js";
 import {
   UNTITLED_SESSION_LABEL,
   mergeSessionPages,
@@ -3120,6 +3122,7 @@ function SeatPaywall({
 import {
   useCallback as useCallback8,
   useEffect as useEffect9,
+  useId as useId2,
   useMemo as useMemo5,
   useRef as useRef8,
   useState as useState12
@@ -3802,6 +3805,8 @@ function SessionRow({
   onSelectedChange
 }) {
   const [menuOpen, setMenuOpen] = useState12(false);
+  const panelId = useId2();
+  const { containerRef, triggerRef, panelRef, triggerProps } = usePopover(menuOpen, setMenuOpen);
   const extras = extraActions?.(session) ?? [];
   const hasMenu = Boolean(onRename) || Boolean(onDelete) || extras.length > 0;
   const showUnread = Boolean(session.unread) && !responding;
@@ -3829,60 +3834,72 @@ function SessionRow({
       )
     ] }),
     /* @__PURE__ */ jsx11("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: timestamp }),
-    hasMenu && /* @__PURE__ */ jsxs9("div", { className: "relative shrink-0", children: [
+    hasMenu && /* @__PURE__ */ jsxs9("div", { ref: containerRef, className: "relative shrink-0", children: [
       /* @__PURE__ */ jsx11(
         "button",
         {
           type: "button",
+          ...triggerProps,
           "aria-label": "Session actions",
-          "aria-expanded": menuOpen,
+          "aria-controls": menuOpen ? panelId : void 0,
           onClick: () => setMenuOpen((open) => !open),
           className: "flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition hover:bg-muted hover:text-foreground focus-visible:opacity-100 sm:opacity-0 sm:group-hover:opacity-100 aria-expanded:opacity-100",
           children: /* @__PURE__ */ jsx11("span", { "aria-hidden": true, className: "text-base leading-none", children: "\u22EF" })
         }
       ),
-      menuOpen && /* @__PURE__ */ jsxs9(Fragment5, { children: [
-        /* @__PURE__ */ jsx11("div", { className: "fixed inset-0 z-20", onClick: () => setMenuOpen(false), "aria-hidden": true }),
-        /* @__PURE__ */ jsxs9("div", { className: `absolute right-0 z-30 mt-1 w-36 overflow-hidden rounded-md border border-border bg-popover py-1 ${OVERLAY_SHADOW}`, children: [
-          onRename && /* @__PURE__ */ jsx11(
-            "button",
-            {
-              type: "button",
-              onClick: () => {
-                setMenuOpen(false);
-                onRename(session);
-              },
-              className: "block w-full px-3 py-1.5 text-left text-xs text-foreground transition hover:bg-accent",
-              children: renameLabel
-            }
-          ),
-          extras.map((action) => /* @__PURE__ */ jsx11(
-            "button",
-            {
-              type: "button",
-              onClick: () => {
-                setMenuOpen(false);
-                action.onSelect();
-              },
-              className: `block w-full px-3 py-1.5 text-left text-xs transition ${action.destructive ? "text-destructive hover:bg-destructive/10" : "text-foreground hover:bg-accent"}`,
-              children: action.label
-            },
-            action.id
-          )),
-          onDelete && /* @__PURE__ */ jsx11(
-            "button",
-            {
-              type: "button",
-              onClick: () => {
-                setMenuOpen(false);
-                onDelete(session);
+      /* @__PURE__ */ jsxs9(
+        PopoverSurface,
+        {
+          open: menuOpen,
+          id: panelId,
+          role: "menu",
+          triggerRef,
+          panelRef,
+          className: `w-36 overflow-hidden rounded-md border border-border bg-popover py-1 ${OVERLAY_SHADOW}`,
+          children: [
+            onRename && /* @__PURE__ */ jsx11(
+              "button",
+              {
+                type: "button",
+                role: "menuitem",
+                onClick: () => {
+                  setMenuOpen(false);
+                  onRename(session);
+                },
+                className: "block w-full px-3 py-1.5 text-left text-xs text-foreground transition hover:bg-accent",
+                children: renameLabel
+              }
+            ),
+            extras.map((action) => /* @__PURE__ */ jsx11(
+              "button",
+              {
+                type: "button",
+                role: "menuitem",
+                onClick: () => {
+                  setMenuOpen(false);
+                  action.onSelect();
+                },
+                className: `block w-full px-3 py-1.5 text-left text-xs transition ${action.destructive ? "text-destructive hover:bg-destructive/10" : "text-foreground hover:bg-accent"}`,
+                children: action.label
               },
-              className: "block w-full px-3 py-1.5 text-left text-xs text-destructive transition hover:bg-destructive/10",
-              children: deleteLabel
-            }
-          )
-        ] })
-      ] })
+              action.id
+            )),
+            onDelete && /* @__PURE__ */ jsx11(
+              "button",
+              {
+                type: "button",
+                role: "menuitem",
+                onClick: () => {
+                  setMenuOpen(false);
+                  onDelete(session);
+                },
+                className: "block w-full px-3 py-1.5 text-left text-xs text-destructive transition hover:bg-destructive/10",
+                children: deleteLabel
+              }
+            )
+          ]
+        }
+      )
     ] })
   ] });
 }
@@ -3893,7 +3910,7 @@ import {
   isValidElement,
   useCallback as useCallback9,
   useEffect as useEffect10,
-  useId as useId2,
+  useId as useId3,
   useMemo as useMemo6,
   useRef as useRef9,
   useState as useState13
@@ -4280,7 +4297,7 @@ function RecordGrid({
   loadingRowCount = 3,
   className
 }) {
-  const fieldPrefix = useId2();
+  const fieldPrefix = useId3();
   const [overlay, setOverlay] = useState13(EMPTY_RECORD_GRID_OVERLAY);
   const [editing, setEditingState] = useState13(null);
   const [cellErrors, setCellErrors] = useState13({});
@@ -4883,13 +4900,20 @@ function CellEditor({ column, rowLabel, text, invalid, describedBy, onText, onCo
 }
 function SourceMarker({ panelId, columnHeader, rowLabel, source, open, onToggle }) {
   const basis = source.basis ?? "asserted";
-  return /* @__PURE__ */ jsxs10("span", { className: "relative inline-flex", children: [
+  const setOpen = useCallback9(
+    (next) => {
+      if (!next) onToggle();
+    },
+    [onToggle]
+  );
+  const { containerRef, triggerRef, panelRef, triggerProps } = usePopover(open, setOpen);
+  return /* @__PURE__ */ jsxs10("span", { ref: containerRef, className: "relative inline-flex", children: [
     /* @__PURE__ */ jsx12(
       "button",
       {
         type: "button",
+        ...triggerProps,
         "aria-label": `Source for ${columnHeader}, ${rowLabel}`,
-        "aria-expanded": open,
         "aria-controls": open ? panelId : void 0,
         title: BASIS_TITLES[basis],
         onClick: (event) => {
@@ -4912,12 +4936,15 @@ function SourceMarker({ panelId, columnHeader, rowLabel, source, open, onToggle
         )
       }
     ),
-    open && /* @__PURE__ */ jsxs10(
-      "span",
+    /* @__PURE__ */ jsxs10(
+      PopoverSurface,
       {
+        open,
         id: panelId,
         role: "note",
-        className: `absolute left-0 top-5 z-10 w-64 rounded-lg border border-border bg-popover p-3 text-left ${OVERLAY_SHADOW}`,
+        triggerRef,
+        panelRef,
+        className: `w-64 rounded-lg border border-border bg-popover p-3 text-left ${OVERLAY_SHADOW}`,
         children: [
           source.quote && /* @__PURE__ */ jsxs10("span", { className: "block border-l-2 border-primary/50 pl-2 text-xs italic leading-snug text-foreground", children: [
             "\u201C",
@@ -5963,4 +5990,4 @@ export {
   useThinkingSeconds,
   ChatMessages
 };
-//# sourceMappingURL=chunk-TB7T7C3X.js.map
+//# sourceMappingURL=chunk-4TZZXCLF.js.map