@opengeni/react 7.6.1 → 7.7.0-canary.37111190284001

package/dist/{chunk-LZ3KHA55.js → chunk-A2L5N3EI.js}

@@ -8,7 +8,7 @@ import {
   TimelineAnnotationsChip,
   queueItemContent,
   requestQueueDraftEdit
-} from "./chunk-YCGBREUV.js";
+} from "./chunk-TOAH2BKA.js";
 import {
   TimelineAnnotationSourceRootContext
 } from "./chunk-5QHL6BLH.js";
@@ -28,11 +28,11 @@ import {
   useSessionControl,
   useSessionEvents,
   useTurnQueue
-} from "./chunk-Z3DISEQN.js";
+} from "./chunk-CWWKTNKK.js";
 import {
   buildTimeline,
   groupTimeline
-} from "./chunk-KGENSZKS.js";
+} from "./chunk-AAG4R3QN.js";
 import {
   mcpToolLeaf,
   toolDisplayName
@@ -57,7 +57,7 @@ import {
   useForcedDefaultOpen,
   useTimelineSearchNavigation,
   useTimelineSearchReveal
-} from "./chunk-BI57CQUV.js";
+} from "./chunk-I7IWRQLN.js";
 import {
   prefersReducedMotion
 } from "./chunk-GIMRELBW.js";
@@ -95,10 +95,10 @@ import {
   Status,
   Surface,
   useChatComposerController
-} from "./chunk-YRYF2GLG.js";
+} from "./chunk-WYVLAAJA.js";
 import {
   useComposer
-} from "./chunk-DV2DBNPQ.js";
+} from "./chunk-Q5QBEZIQ.js";
 import {
   LightboxProvider,
   Tooltip,
@@ -108,11 +108,11 @@ import {
 } from "./chunk-BRM6FVZA.js";
 import {
   ModelPolicyPicker
-} from "./chunk-UINDK6C3.js";
+} from "./chunk-7CYYXWHU.js";
 import {
   projectPickerRows,
   sortPickerRows
-} from "./chunk-CHPKSLPN.js";
+} from "./chunk-NBZ64YY7.js";
 import {
   formatBytes,
   formatClockTime,
@@ -120,7 +120,7 @@ import {
   stringifyPayload,
   truncate,
   tryParseJson
-} from "./chunk-UJRYEWZI.js";
+} from "./chunk-UTRTG6LH.js";
 import {
   allowanceLabels,
   allowanceResetSentence,
@@ -128,7 +128,10 @@ import {
 } from "./chunk-B3V6TG77.js";
 import {
   usePolledValue
-} from "./chunk-KZ73RL76.js";
+} from "./chunk-YQEAA6LT.js";
+import {
+  useErrorMessage
+} from "./chunk-UGLEYEMP.js";
 import {
   useOpenGeni,
   useOpenGeniClient
@@ -141,6 +144,8 @@ import {
 import { ChevronDownIcon, ChevronUpIcon, MessageCircleQuestionIcon } from "lucide-react";
 import { useEffect, useId, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var SkillReviewVerificationError = class extends Error {
+};
 var defaultHumanInputFormMessages = {
   title: "Input required",
   /** Multi-question chrome has no default subtitle; hosts may still override. */
@@ -186,6 +191,7 @@ function HumanInputRequestForm({
   defaultCollapsed = false,
   className
 }) {
+  const formatError = useErrorMessage();
   const messages = { ...defaultHumanInputFormMessages, ...messageOverrides };
   const singleQuestion = request.questions.length === 1 ? request.questions[0] : null;
   const resolvedTitle = title === void 0 ? singleQuestion ? singleQuestion.label ?? singleQuestion.prompt : messages.title : title;
@@ -230,12 +236,14 @@ function HumanInputRequestForm({
       questions.map(async (question) => {
         if (!loadSkillReview)
           throw new Error(
-            "This client cannot preview Skill files. Open this request in Opengeni to review it."
+            "This client cannot preview Skill files. Ask your administrator for a review-capable client."
           );
         const reference = question.reference;
         const record = await loadSkillReview(reference);
         if (record.id !== reference.skillId || record.revisionId !== reference.revisionId || (record.removalOperationId ?? void 0) !== reference.removalOperationId || !record.files.some((file) => file.path === "SKILL.md")) {
-          throw new Error("The requested Skill revision could not be verified.");
+          throw new SkillReviewVerificationError(
+            "The requested Skill revision could not be verified."
+          );
         }
         return [question.id, record];
       })
@@ -253,13 +261,16 @@ function HumanInputRequestForm({
           loader: loadSkillReview,
           identity: reviewIdentity,
           records: {},
-          error: cause instanceof Error ? cause.message : "Could not load the Skill files."
+          error: formatError(
+            cause,
+            cause instanceof SkillReviewVerificationError ? cause.message : !loadSkillReview ? "This client cannot preview Skill files. Ask your administrator for a review-capable client." : void 0
+          )
         });
     });
     return () => {
       current = false;
     };
-  }, [loadSkillReview, reviewIdentity, reviewReload]);
+  }, [loadSkillReview, reviewIdentity, reviewReload, formatError]);
   const visibleReviews = reviews?.loader === loadSkillReview && reviews?.identity === reviewIdentity ? reviews : null;
   const preview = (question) => {
     if (!question.skillReview) return null;
@@ -330,7 +341,7 @@ function HumanInputRequestForm({
       await onSubmit(response);
     } catch (cause) {
       if (generation === submissionGeneration.current) {
-        setSubmissionError(cause instanceof Error ? cause.message : String(cause));
+        setSubmissionError(formatError(cause));
       }
     } finally {
       if (generation === submissionGeneration.current) {
@@ -880,18 +891,22 @@ function HumanInputSurface({
 
 // src/components/approval-surface.tsx
 import { CheckIcon, ShieldCheckIcon, XIcon } from "lucide-react";
-import { useEffect as useEffect3, useId as useId2, useRef as useRef3, useState as useState2 } from "react";
-import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment2, useEffect as useEffect3, useId as useId2, useRef as useRef3, useState as useState2 } from "react";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var defaultApprovalSurfaceMessages = {
-  title: "Approval required",
+  title: "Approval needed",
   description: "Review the requested action before the agent continues.",
   approve: "Approve",
   reject: "Reject",
   approving: "Approving\u2026",
   rejecting: "Rejecting\u2026",
-  formatToolName: (name) => name.includes("__") || /^[a-f0-9]{64}$/.test(name) ? toolDisplayName(name) : name.replaceAll("_", " ").replaceAll(".", " \u203A ")
+  formatToolName: (name) => name.includes("__") || /^[a-f0-9]{64}$/.test(name) ? toolDisplayName(name) : name.replaceAll("_", " ").replaceAll(".", " \u203A "),
+  showDetails: "Show exact arguments",
+  hideDetails: "Hide exact arguments"
 };
 var APPROVAL_ARGUMENT_PREVIEW_CHARACTERS = 4e3;
+var APPROVAL_FIELD_LIMIT = 12;
+var APPROVAL_LIST_LIMIT = 10;
 function approvalArgumentsPreview(value) {
   if (value === void 0) return null;
   let serialized;
@@ -905,6 +920,46 @@ function approvalArgumentsPreview(value) {
   return `${characters.slice(0, APPROVAL_ARGUMENT_PREVIEW_CHARACTERS).join("")}
 \u2026 ${characters.length - APPROVAL_ARGUMENT_PREVIEW_CHARACTERS} characters omitted`;
 }
+var ACRONYMS = /* @__PURE__ */ new Set(["id", "ids", "url", "uri", "api", "ip", "sku", "utc", "iban", "vat"]);
+function fieldLabel(key) {
+  const words = key.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/([A-Z]+)([A-Z][a-z])/g, "$1 $2").split(/[\s_.-]+/).filter(Boolean).map((word) => ACRONYMS.has(word.toLowerCase()) ? word.toUpperCase() : word.toLowerCase());
+  const label = words.join(" ");
+  return label ? label.charAt(0).toUpperCase() + label.slice(1) : key;
+}
+function scalarText(value) {
+  if (typeof value === "string") return value;
+  if (typeof value === "number" || typeof value === "bigint") return String(value);
+  if (typeof value === "boolean") return value ? "Yes" : "No";
+  if (value === null) return "None";
+  return null;
+}
+function approvalArgumentFields(value) {
+  let record = value;
+  if (typeof record === "string") {
+    try {
+      record = JSON.parse(record);
+    } catch {
+      return null;
+    }
+  }
+  if (!record || typeof record !== "object" || Array.isArray(record)) return null;
+  const entries = Object.entries(record);
+  if (entries.length === 0 || entries.length > APPROVAL_FIELD_LIMIT) return null;
+  const fields = [];
+  for (const [key, entry] of entries) {
+    let text = scalarText(entry);
+    if (text === null && Array.isArray(entry) && entry.length <= APPROVAL_LIST_LIMIT) {
+      const items = entry.map(scalarText);
+      if (items.every((item) => item !== null)) text = items.join(", ");
+    }
+    if (text === null || text.length > APPROVAL_ARGUMENT_PREVIEW_CHARACTERS) return null;
+    fields.push({ key, label: fieldLabel(key), value: text });
+  }
+  return fields;
+}
+function isEmptyArguments(value) {
+  return value === void 0 || value === null || typeof value === "object" && !Array.isArray(value) && Object.keys(value).length === 0;
+}
 function approvalOwnershipKey(approval) {
   return `${approval.id}\0${approval.name}\0${approvalArgumentsPreview(approval.arguments) ?? ""}`;
 }
@@ -919,6 +974,8 @@ function ApprovalSurface({
   className
 }) {
   const titleId = useId2();
+  const formatError = useErrorMessage();
+  const descriptionId = useId2();
   const messages = { ...defaultApprovalSurfaceMessages, ...overrides };
   const [pending, setPending] = useState2(null);
   const pendingRef = useRef3(null);
@@ -946,50 +1003,45 @@ function ApprovalSurface({
       if (pendingRef.current?.token === token) {
         pendingRef.current = null;
         setPending((current) => current?.token === token ? null : current);
-        setDecisionError(cause instanceof Error ? cause : new Error(String(cause)));
+        setDecisionError({ cause });
       }
     }
   };
-  const errorMessage = decisionError?.message ?? (error instanceof Error ? error.message : error);
+  const errorMessage = decisionError ? formatError(decisionError.cause) : error instanceof Error ? formatError(error) : error;
   return /* @__PURE__ */ jsxs2(
     "section",
     {
       className: cn(
-        "og-root flex w-full flex-col gap-3 rounded-og-lg border border-og-status-waiting/35 bg-og-status-waiting/5 p-4 shadow-og-sm",
+        "og-root box-border flex w-full flex-col rounded-og-lg border border-og-status-waiting/35 bg-og-status-waiting/5 shadow-og-sm",
         className
       ),
       "aria-labelledby": titleId,
+      "aria-describedby": descriptionId,
+      "data-og-approval-surface": "",
       children: [
-        /* @__PURE__ */ jsxs2("header", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ jsx3("span", { className: "mt-0.5 inline-flex size-8 shrink-0 items-center justify-center rounded-og-md bg-og-status-waiting/12 text-og-status-waiting", children: /* @__PURE__ */ jsx3(ShieldCheckIcon, { "aria-hidden": "true", className: "size-4" }) }),
-          /* @__PURE__ */ jsxs2("div", { className: "min-w-0", children: [
-            /* @__PURE__ */ jsx3("h2", { id: titleId, className: "text-og-md font-semibold text-og-fg", children: messages.title }),
-            /* @__PURE__ */ jsx3("p", { className: "mt-0.5 text-og-sm text-og-fg-muted", children: messages.description })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx3("div", { className: "flex flex-col gap-2", children: approvals.map((approval) => {
+        /* @__PURE__ */ jsx3("h2", { id: titleId, className: "sr-only", children: messages.title }),
+        /* @__PURE__ */ jsx3("p", { id: descriptionId, className: "sr-only", children: messages.description }),
+        /* @__PURE__ */ jsx3("div", { className: "flex flex-col divide-y divide-og-status-waiting/20", children: approvals.map((approval) => {
           const approvalKey = approvalOwnershipKey(approval);
           const active = pending?.approvalKey === approvalKey ? pending.decision : null;
-          const argumentsPreview = approvalArgumentsPreview(approval.arguments);
           return /* @__PURE__ */ jsxs2(
             "article",
             {
               "data-approval-id": approval.id,
-              className: "rounded-og-md border border-og-border bg-og-surface-1 p-3",
+              className: "flex flex-col gap-3 p-4",
               children: [
-                renderApproval ? renderApproval(approval) : /* @__PURE__ */ jsxs2(Fragment2, { children: [
-                  /* @__PURE__ */ jsx3("p", { className: "text-og-sm font-medium text-og-fg", children: approval.display?.title ?? messages.formatToolName(approval.display?.toolName ?? approval.name) }),
-                  approval.display?.accountLabel ? /* @__PURE__ */ jsx3("p", { className: "mt-1 break-words text-og-xs text-og-fg-muted", children: approval.display.accountLabel }) : null,
-                  argumentsPreview !== null ? /* @__PURE__ */ jsx3("pre", { className: "mt-2 max-h-48 overflow-auto whitespace-pre-wrap break-words rounded-og-sm bg-og-surface-2 p-2 font-mono text-og-xs text-og-fg-muted", children: argumentsPreview }) : null
-                ] }),
-                /* @__PURE__ */ jsxs2("div", { className: "mt-3 flex flex-wrap justify-end gap-2", children: [
+                renderApproval ? /* @__PURE__ */ jsxs2("div", { className: "min-w-0", children: [
+                  /* @__PURE__ */ jsx3("p", { className: "mb-1 text-og-xs font-medium text-og-status-waiting", "aria-hidden": true, children: messages.title }),
+                  renderApproval(approval)
+                ] }) : /* @__PURE__ */ jsx3(ApprovalDetails, { approval, messages }),
+                /* @__PURE__ */ jsxs2("div", { className: "flex flex-wrap items-center justify-end gap-2", children: [
                   /* @__PURE__ */ jsxs2(
                     "button",
                     {
                       type: "button",
                       disabled: busy,
                       onClick: () => void decide(approval, "reject"),
-                      className: "inline-flex min-h-9 items-center gap-1.5 rounded-og-md border border-og-border px-3 py-1.5 text-og-sm font-medium text-og-fg-muted transition-colors hover:bg-og-surface-2 hover:text-og-fg disabled:opacity-50",
+                      className: "inline-flex min-h-8 items-center gap-1.5 rounded-og-md border border-og-border bg-og-surface-1 px-3 py-1 text-og-sm font-medium text-og-fg transition-colors hover:border-og-border-strong disabled:opacity-50",
                       children: [
                         /* @__PURE__ */ jsx3(XIcon, { "aria-hidden": "true", className: "size-3.5" }),
                         active === "reject" ? messages.rejecting : messages.reject
@@ -1002,7 +1054,7 @@ function ApprovalSurface({
                       type: "button",
                       disabled: busy,
                       onClick: () => void decide(approval, "approve"),
-                      className: "inline-flex min-h-9 items-center gap-1.5 rounded-og-md border border-og-primary-border bg-og-primary text-og-primary-fg px-3 py-1.5 text-og-sm font-medium transition-colors hover:bg-og-primary-hover disabled:opacity-50",
+                      className: "inline-flex min-h-8 items-center gap-1.5 rounded-og-md border border-og-primary-border bg-og-primary px-3 py-1 text-og-sm font-medium text-og-primary-fg transition-colors hover:bg-og-primary-hover disabled:opacity-50",
                       children: [
                         /* @__PURE__ */ jsx3(CheckIcon, { "aria-hidden": "true", className: "size-3.5" }),
                         active === "approve" ? messages.approving : messages.approve
@@ -1015,11 +1067,42 @@ function ApprovalSurface({
             approval.id
           );
         }) }),
-        errorMessage ? /* @__PURE__ */ jsx3("p", { role: "alert", className: "text-og-sm text-og-status-failed", children: errorMessage }) : null
+        errorMessage ? /* @__PURE__ */ jsx3("p", { role: "alert", className: "px-4 pb-3 text-og-sm text-og-status-failed", children: errorMessage }) : null
       ]
     }
   );
 }
+function ApprovalDetails({
+  approval,
+  messages
+}) {
+  const [showExact, setShowExact] = useState2(false);
+  const fields = approvalArgumentFields(approval.arguments);
+  const exact = isEmptyArguments(approval.arguments) ? null : approvalArgumentsPreview(approval.arguments);
+  return /* @__PURE__ */ jsxs2("div", { className: "flex min-w-0 items-start gap-3", children: [
+    /* @__PURE__ */ jsx3("span", { className: "mt-0.5 inline-flex size-8 shrink-0 items-center justify-center rounded-og-md bg-og-status-waiting/12 text-og-status-waiting", children: /* @__PURE__ */ jsx3(ShieldCheckIcon, { "aria-hidden": "true", className: "size-4" }) }),
+    /* @__PURE__ */ jsxs2("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx3("p", { className: "text-og-xs font-medium text-og-status-waiting", children: messages.title }),
+      /* @__PURE__ */ jsx3("p", { className: "mt-0.5 break-words text-og-md font-semibold text-og-fg", children: approval.display?.title ?? messages.formatToolName(approval.display?.toolName ?? approval.name) }),
+      approval.display?.accountLabel ? /* @__PURE__ */ jsx3("p", { className: "mt-0.5 break-words text-og-xs text-og-fg-muted", children: approval.display.accountLabel }) : null,
+      fields ? /* @__PURE__ */ jsx3("dl", { className: "m-0 mt-3 grid grid-cols-[minmax(5.5rem,max-content)_minmax(0,1fr)] gap-x-5 gap-y-1.5 text-og-sm", children: fields.map((field) => /* @__PURE__ */ jsxs2(Fragment2, { children: [
+        /* @__PURE__ */ jsx3("dt", { className: "m-0 text-og-fg-muted", children: field.label }),
+        /* @__PURE__ */ jsx3("dd", { className: "m-0 max-h-32 min-w-0 overflow-auto whitespace-pre-wrap break-words text-og-fg", children: field.value })
+      ] }, field.key)) }) : null,
+      exact !== null && (!fields || showExact) ? /* @__PURE__ */ jsx3("pre", { className: "mt-3 max-h-48 overflow-auto whitespace-pre-wrap break-words rounded-og-sm bg-og-fg/5 p-2.5 font-mono text-og-xs text-og-fg-muted", children: exact }) : null,
+      fields && exact !== null ? /* @__PURE__ */ jsx3(
+        "button",
+        {
+          type: "button",
+          "aria-expanded": showExact,
+          onClick: () => setShowExact((value) => !value),
+          className: "mt-2 text-og-xs text-og-fg-muted underline-offset-2 hover:text-og-fg hover:underline",
+          children: showExact ? messages.hideDetails ?? defaultApprovalSurfaceMessages.hideDetails : messages.showDetails ?? defaultApprovalSurfaceMessages.showDetails
+        }
+      ) : null
+    ] })
+  ] });
+}
 
 // src/timeline/knowledge-receipt.tsx
 import { createContext, useContext, useState as useState3 } from "react";
@@ -5289,6 +5372,7 @@ function GeneratedVideoPlayer({
   className,
   label = "Generated video"
 }) {
+  const formatError = useErrorMessage();
   const [retry, setRetry] = useState11(0);
   const [state, setState] = useState11({ kind: "loading" });
   useEffect7(() => {
@@ -5302,12 +5386,12 @@ function GeneratedVideoPlayer({
         if (controller.signal.aborted) return;
         setState({
           kind: "error",
-          message: error instanceof Error ? error.message : "Playback is unavailable."
+          message: formatError(error)
         });
       }
     );
     return () => controller.abort();
-  }, [loadPlaybackSource, receipt.artifact.artifactId, retry]);
+  }, [loadPlaybackSource, receipt.artifact.artifactId, retry, formatError]);
   if (state.kind === "loading") {
     return /* @__PURE__ */ jsx13(
       "div",
@@ -5577,11 +5661,11 @@ import {
   lazy as lazy3,
   memo,
   useCallback as useCallback3,
-  useEffect as useEffect10,
+  useEffect as useEffect9,
   useLayoutEffect as useLayoutEffect4,
   useMemo as useMemo5,
   useRef as useRef9,
-  useState as useState15
+  useState as useState14
 } from "react";
 
 // src/components/timeline-anchor.tsx
@@ -5723,76 +5807,6 @@ function useReadingProgress(projected, pinned, scroller) {
   return { groups, release };
 }
 
-// src/components/timeline-pill-placement.ts
-import { useEffect as useEffect9, useState as useState14 } from "react";
-var RECHECK_MS = 1e3;
-function useTimelinePillPlacement({
-  pillRef,
-  scrollerRef,
-  active,
-  preference,
-  allowDownwardFallback = false
-}) {
-  const [position, setPosition] = useState14({
-    placement: preference[0],
-    offsetY: 0
-  });
-  const key = preference.join(",");
-  useEffect9(() => {
-    if (!active) {
-      setPosition({ placement: preference[0], offsetY: 0 });
-      return;
-    }
-    const scroller = scrollerRef.current;
-    if (!scroller) return;
-    let frame = 0;
-    let current = { placement: preference[0], offsetY: 0 };
-    let geometry = null;
-    let disposed = false;
-    void import("./timeline-pill-geometry-Z23V243M.js").then((loaded) => {
-      if (disposed) return;
-      geometry = loaded;
-      schedule();
-    });
-    const evaluate = () => {
-      frame = 0;
-      const pill = pillRef.current;
-      const frameElement = pill?.offsetParent;
-      if (!geometry || !pill || !(frameElement instanceof HTMLElement)) return;
-      const next = allowDownwardFallback ? geometry.chooseQuestionPosition(pill, frameElement, scroller, preference, current) : {
-        placement: geometry.choosePlacement(
-          pill,
-          frameElement,
-          scroller,
-          preference,
-          current.placement
-        ),
-        offsetY: 0
-      };
-      if (next.placement !== current.placement || next.offsetY !== current.offsetY) {
-        current = next;
-        setPosition(next);
-      }
-    };
-    const schedule = () => {
-      if (frame === 0) frame = requestAnimationFrame(evaluate);
-    };
-    schedule();
-    const view = scroller.ownerDocument.defaultView;
-    scroller.addEventListener("scroll", schedule, { passive: true });
-    view?.addEventListener("resize", schedule);
-    const timer = setInterval(schedule, RECHECK_MS);
-    return () => {
-      disposed = true;
-      if (frame !== 0) cancelAnimationFrame(frame);
-      scroller.removeEventListener("scroll", schedule);
-      view?.removeEventListener("resize", schedule);
-      clearInterval(timer);
-    };
-  }, [active, key, pillRef, scrollerRef, allowDownwardFallback]);
-  return active ? position : { placement: preference[0], offsetY: 0 };
-}
-
 // src/components/timeline-settlement.ts
 function captureTimelineSettlement(scroller, groups) {
   if (timelineHasReader(scroller)) return null;
@@ -6267,17 +6281,12 @@ var TimelineAnnotationMarkers = lazy3(() => import("./timeline-annotation-marker
 var PIN_THRESHOLD_PX = 48;
 var JUMP_TO_LATEST_CATCHUP_DEBT_PX = 240;
 var QUESTION_NAV_MARGIN_PX = 12;
-var JUMP_PILL_PLACEMENTS = ["center", "end", "start"];
-var QUESTION_PILL_PLACEMENTS = ["end", "center", "start"];
-var JUMP_PILL_PLACEMENT_CLASS = {
-  center: "inset-x-0 mx-auto",
-  end: "right-4 sm:right-6",
-  start: "left-4 sm:left-6"
-};
-var QUESTION_PILL_PLACEMENT_CLASS = {
-  center: "justify-center",
-  end: "justify-end",
-  start: "justify-start"
+var NAV_PILL_CLASS = "pointer-events-auto inline-flex max-w-full items-center gap-1.5 whitespace-nowrap rounded-full border border-og-border bg-og-surface-3/90 px-3 py-1.5 text-og-control font-medium text-og-fg shadow-og-md backdrop-blur hover:border-og-border-strong focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-og-accent pointer-coarse:min-h-11";
+var NAV_PILL_MOTION = {
+  initial: { opacity: 0, y: 8 },
+  animate: { opacity: 1, y: 0 },
+  exit: { opacity: 0, y: 8 },
+  transition: { duration: 0.15, ease: "easeOut" }
 };
 var OLDER_PREFETCH_MARGIN_PX = 400;
 var OLDER_PREFETCH_ROOT_MARGIN = `${OLDER_PREFETCH_MARGIN_PX}px 0px 0px 0px`;
@@ -6416,6 +6425,7 @@ function MessageTimeline({
   emptyState,
   className
 }) {
+  const formatError = useErrorMessage();
   const resolvedItems = useMemo5(() => {
     const projectedItems = items ?? buildTimeline(events ?? []);
     if (!shouldRenderAuthNeeded) {
@@ -6458,9 +6468,9 @@ function MessageTimeline({
   newerScopeRef.current = newerBoundaryKey;
   const newerAttemptRef = useRef9(null);
   const newerRetryButtonRef = useRef9(null);
-  const [newerRetryPending, setNewerRetryPending] = useState15(false);
-  const [newerFailure, setNewerFailure] = useState15(null);
-  useEffect10(() => {
+  const [newerRetryPending, setNewerRetryPending] = useState14(false);
+  const [newerFailure, setNewerFailure] = useState14(null);
+  useEffect9(() => {
     newerScopeRef.current = newerBoundaryKey;
     newerAttemptRef.current = null;
     setNewerFailure(null);
@@ -6495,12 +6505,12 @@ function MessageTimeline({
           setNewerRetryPending(false);
           setNewerFailure({
             key: newerBoundaryKey,
-            message: reason instanceof Error ? reason.message : String(reason)
+            message: formatError(reason)
           });
         }
       );
     },
-    [onLoadNewer, loadingNewer, newerBoundaryKey]
+    [onLoadNewer, loadingNewer, newerBoundaryKey, formatError]
   );
   const previousSourceIdsRef = useRef9(/* @__PURE__ */ new Set());
   const previousSourceBoundaryRef = useRef9(void 0);
@@ -6512,7 +6522,7 @@ function MessageTimeline({
     settlementAnimationRef.current = null;
   }, []);
   const olderPageBudgetRef = useRef9(0);
-  const [olderDemand, setOlderDemand] = useState15(0);
+  const [olderDemand, setOlderDemand] = useState14(0);
   const readableTurns = turnSummary?.rolling === true;
   const projectedGroups = useMemo5(
     () => groupTimeline(resolvedItems, { readableTurns }),
@@ -6532,43 +6542,28 @@ function MessageTimeline({
   const topSentinelRef = useRef9(null);
   const bottomSentinelRef = useRef9(null);
   const previousBulkFirstKeyRef = useRef9(void 0);
-  const [pinned, setPinned] = useState15(true);
+  const [pinned, setPinned] = useState14(true);
   const { groups: allGroups, release: releaseProgress } = useReadingProgress(
     projectedGroups,
     autoFollow && pinned && !hasNewer,
     scrollRef.current
   );
-  const [canSkipTipCatchup, setCanSkipTipCatchup] = useState15(false);
+  const [canSkipTipCatchup, setCanSkipTipCatchup] = useState14(false);
   const canSkipTipCatchupRef = useRef9(false);
-  const [bulkActive, setBulkActive] = useState15(true);
+  const [bulkActive, setBulkActive] = useState14(true);
   const olderPrefetchArmedRef = useRef9(false);
-  const [olderPrefetchArmed, setOlderPrefetchArmed] = useState15(false);
+  const [olderPrefetchArmed, setOlderPrefetchArmed] = useState14(false);
   const olderLoadAttemptRef = useRef9(null);
-  const [underfillSettledAttempt, setUnderfillSettledAttempt] = useState15(
+  const [underfillSettledAttempt, setUnderfillSettledAttempt] = useState14(
     null
   );
   const underfillRetryReadyRef = useRef9(false);
   const resizeFollowRafRef = useRef9(null);
   const questionNavFrameRef = useRef9(null);
-  const [questionNav, setQuestionNav] = useState15(null);
-  const jumpPillRef = useRef9(null);
-  const questionPillRef = useRef9(null);
+  const [questionNav, setQuestionNav] = useState14(null);
   const jumpPillShown = autoFollow && (!pinned || hasNewer || canSkipTipCatchup);
-  const jumpPillPlacement = useTimelinePillPlacement({
-    pillRef: jumpPillRef,
-    scrollerRef: scrollRef,
-    active: jumpPillShown,
-    preference: JUMP_PILL_PLACEMENTS
-  });
-  const questionPillPlacement = useTimelinePillPlacement({
-    pillRef: questionPillRef,
-    scrollerRef: scrollRef,
-    active: questionNav !== null,
-    preference: QUESTION_PILL_PLACEMENTS,
-    allowDownwardFallback: true
-  });
   const firstGroupKey = allGroups[0] ? timelineGroupKey(allGroups[0]) : null;
-  const [revealed, setRevealed] = useState15(resolvedItems[0]?.id === "c");
+  const [revealed, setRevealed] = useState14(resolvedItems[0]?.id === "c");
   const pinnedRef = useRef9(true);
   const hasNewerRef = useRef9(hasNewer);
   hasNewerRef.current = hasNewer;
@@ -6694,7 +6689,7 @@ function MessageTimeline({
       setOlderPrefetchArmed(true);
     }
   }, [autoFollow, applyPinned, clearPendingReaderLeave, clearReaderIntent, stopFollow]);
-  useEffect10(() => {
+  useEffect9(() => {
     if (!readableTurns) return;
     const node = scrollRef.current;
     if (!node) return;
@@ -6962,7 +6957,7 @@ function MessageTimeline({
       setQuestionNav((current) => sameQuestionNav(current, next) ? current : next);
     });
   }, [readableTurns]);
-  useEffect10(
+  useEffect9(
     () => () => {
       if (questionNavFrameRef.current != null) {
         cancelFrame(questionNavFrameRef.current);
@@ -7088,8 +7083,8 @@ function MessageTimeline({
     [applyCanSkipTipCatchup, cancelLeaveFallback, stopFollow, syncScrollBaseline, writeScrollTop]
   );
   driveFollowRef.current = driveFollow;
-  useEffect10(() => stopFollow, [stopFollow]);
-  useEffect10(() => () => cancelLeaveFallback(), [cancelLeaveFallback]);
+  useEffect9(() => stopFollow, [stopFollow]);
+  useEffect9(() => () => cancelLeaveFallback(), [cancelLeaveFallback]);
   useLayoutEffect4(() => {
     const node = scrollRef.current;
     if (!node) {
@@ -7308,7 +7303,7 @@ function MessageTimeline({
     seenActivityIdsRef.current.clear();
     applyPinned(true);
   }, [allGroups.length, revealed, applyPinned, clearReaderIntent]);
-  useEffect10(() => {
+  useEffect9(() => {
     const node = scrollRef.current;
     if (node) {
       requestOlderIfUnderfilled(node);
@@ -7323,7 +7318,7 @@ function MessageTimeline({
     const frame = requestFrame(() => setBulkActive(false));
     return () => cancelFrame(frame);
   }, [bulkRender, firstGroupKey]);
-  useEffect10(() => {
+  useEffect9(() => {
     const root = scrollRef.current;
     const target = topSentinelRef.current;
     if (!root || !target || !olderPrefetchArmed || !hasOlder || loadingOlder || !onLoadOlder || typeof IntersectionObserver === "undefined") {
@@ -7374,7 +7369,7 @@ function MessageTimeline({
     onLoadOlder,
     requestOlderIfUnderfilled
   ]);
-  useEffect10(() => {
+  useEffect9(() => {
     const root = scrollRef.current;
     const target = bottomSentinelRef.current;
     if (!root || !target || !hasNewer || loadingNewer || !onLoadNewer || typeof IntersectionObserver === "undefined") {
@@ -7391,7 +7386,7 @@ function MessageTimeline({
     observer.observe(target);
     return () => observer.disconnect();
   }, [hasNewer, loadingNewer, onLoadNewer, requestNewer, firstGroupKey]);
-  useEffect10(() => {
+  useEffect9(() => {
     const node = scrollRef.current;
     const inner = node?.firstElementChild;
     if (!node || !inner || typeof ResizeObserver === "undefined") {
@@ -7428,7 +7423,7 @@ function MessageTimeline({
       }
     };
   }, [autoFollow, driveFollow, requestOlderIfUnderfilled, snapToBottom]);
-  useEffect10(() => {
+  useEffect9(() => {
     if (searchTargetRef.current) return;
     if (hasNewer) {
       stopFollow();
@@ -7688,12 +7683,7 @@ function MessageTimeline({
                             transition: { duration: 0.15, ease: "easeOut" },
                             "data-og-loading-older": "",
                             "aria-live": "polite",
-                            className: cn(
-                              "pointer-events-none absolute inset-x-0 -top-11 z-10 flex",
-                              // The scrolling history control and fixed question
-                              // action must never share the same pointer region.
-                              questionNav ? "max-w-[calc(50%-0.5rem)] justify-start" : "justify-center"
-                            ),
+                            className: "pointer-events-none absolute inset-x-0 -top-11 z-10 flex justify-center",
                             children: [
                               loadingOlder || loadingOldest ? /* @__PURE__ */ jsx18("span", { className: LOADING_CHIP_CLASS, children: /* @__PURE__ */ jsx18("span", { className: "og-shimmer-text", children: loadingOldest ? "Jumping to start\u2026" : "Loading earlier activity\u2026" }) }) : null,
                               hasOlder && !loadingOlder && !loadingOldest && (underfillRetryReady || onJumpToStart) ? /* @__PURE__ */ jsx18(
@@ -7833,117 +7823,93 @@ function MessageTimeline({
                 onSelect: onDraftAnnotationSelect
               }
             ) }) : null,
-            /* @__PURE__ */ jsx18(AnimatePresence3, { children: questionNav ? /* @__PURE__ */ jsx18(
-              motion3.div,
-              {
-                initial: { opacity: 0, y: -6 },
-                animate: { opacity: 1, y: 0 },
-                exit: { opacity: 0, y: -6 },
-                transition: { duration: 0.15, ease: "easeOut" },
-                "data-og-question-nav": "",
-                "data-og-pill-placement": questionPillPlacement.placement,
-                style: { marginTop: questionPillPlacement.offsetY },
-                className: cn(
-                  "pointer-events-none absolute inset-x-0 top-11 z-10 flex px-4 sm:px-6 pointer-coarse:top-14",
-                  QUESTION_PILL_PLACEMENT_CLASS[questionPillPlacement.placement]
-                ),
-                children: /* @__PURE__ */ jsx18(
-                  motion3.div,
-                  {
-                    ref: questionPillRef,
-                    layout: "position",
-                    transition: { duration: 0.18, ease: "easeOut" },
-                    className: "pointer-events-auto inline-flex max-w-full items-center rounded-full border border-og-border bg-og-surface-3/90 text-og-control font-medium text-og-fg shadow-og-md backdrop-blur",
-                    children: /* @__PURE__ */ jsxs13(
-                      "button",
-                      {
-                        type: "button",
-                        "data-og-jump-to-question": "",
-                        onClick: () => jumpToQuestion(questionNav.key),
-                        className: "inline-flex min-w-0 items-center gap-1.5 whitespace-nowrap px-3 py-1.5 hover:text-og-fg pointer-coarse:min-h-11",
-                        children: [
-                          /* @__PURE__ */ jsx18(ArrowUpIcon, { "aria-hidden": true, className: "size-3.5" }),
-                          "Back to your message"
-                        ]
-                      }
-                    )
-                  }
-                )
-              },
-              "question-nav"
-            ) : null }),
-            /* @__PURE__ */ jsx18(AnimatePresence3, { children: loadingNewer ? /* @__PURE__ */ jsx18(
-              motion3.div,
-              {
-                initial: { opacity: 0, y: 6 },
-                animate: { opacity: 1, y: 0 },
-                exit: { opacity: 0, y: 6 },
-                transition: { duration: 0.15, ease: "easeOut" },
-                "data-og-loading-newer": "",
-                "aria-live": "polite",
-                className: "pointer-events-none absolute inset-x-0 bottom-14 z-10 flex justify-center",
-                children: /* @__PURE__ */ jsx18("span", { className: LOADING_CHIP_CLASS, children: /* @__PURE__ */ jsx18("span", { className: "og-shimmer-text", children: "Loading later activity\u2026" }) })
-              }
-            ) : null }),
-            /* @__PURE__ */ jsx18(AnimatePresence3, { children: jumpPillShown ? /* @__PURE__ */ jsxs13(
-              motion3.button,
+            /* @__PURE__ */ jsx18(
+              "div",
               {
-                ref: jumpPillRef,
-                type: "button",
-                "data-og-jump-to-latest": "",
-                "data-og-pill-placement": jumpPillPlacement.placement,
-                layout: "position",
-                initial: { opacity: 0, y: 8 },
-                animate: { opacity: 1, y: 0 },
-                exit: { opacity: 0, y: 8 },
-                transition: { duration: 0.15, ease: "easeOut" },
-                onClick: () => {
-                  const viewport = scrollRef.current;
-                  const selection = viewport?.ownerDocument.getSelection();
-                  if (selection && !selection.isCollapsed && (viewport?.contains(selection.anchorNode) || viewport?.contains(selection.focusNode)))
-                    selection.removeAllRanges();
-                  disclosureKeepsUnpinnedRef.current = false;
-                  if (hasNewer) {
-                    wantPinRef.current = true;
-                    const node2 = scrollRef.current;
-                    if (onJumpToLatest) {
-                      void Promise.resolve(onJumpToLatest()).then(
-                        () => {
-                          const current = scrollRef.current;
-                          if (current && wantPinRef.current && !hasNewerRef.current) {
-                            wantPinRef.current = false;
-                            applyPinned(true);
-                            snapToBottom(current);
+                "data-og-timeline-nav": "",
+                className: "pointer-events-none absolute inset-x-0 bottom-4 z-10 flex flex-col items-center gap-2 px-4 sm:px-6",
+                children: /* @__PURE__ */ jsxs13(AnimatePresence3, { mode: "popLayout", children: [
+                  loadingNewer ? /* @__PURE__ */ jsx18(
+                    motion3.div,
+                    {
+                      layout: "position",
+                      ...NAV_PILL_MOTION,
+                      "data-og-loading-newer": "",
+                      "aria-live": "polite",
+                      className: "flex max-w-full justify-center",
+                      children: /* @__PURE__ */ jsx18("span", { className: LOADING_CHIP_CLASS, children: /* @__PURE__ */ jsx18("span", { className: "og-shimmer-text", children: "Loading later activity\u2026" }) })
+                    },
+                    "loading-newer"
+                  ) : null,
+                  questionNav ? /* @__PURE__ */ jsxs13(
+                    motion3.button,
+                    {
+                      layout: "position",
+                      ...NAV_PILL_MOTION,
+                      type: "button",
+                      "data-og-question-nav": "",
+                      "data-og-jump-to-question": "",
+                      onClick: () => jumpToQuestion(questionNav.key),
+                      className: NAV_PILL_CLASS,
+                      children: [
+                        /* @__PURE__ */ jsx18(ArrowUpIcon, { "aria-hidden": true, className: "size-3.5 shrink-0" }),
+                        "Back to your message"
+                      ]
+                    },
+                    "question-nav"
+                  ) : null,
+                  jumpPillShown ? /* @__PURE__ */ jsxs13(
+                    motion3.button,
+                    {
+                      layout: "position",
+                      ...NAV_PILL_MOTION,
+                      type: "button",
+                      "data-og-jump-to-latest": "",
+                      onClick: () => {
+                        const viewport = scrollRef.current;
+                        const selection = viewport?.ownerDocument.getSelection();
+                        if (selection && !selection.isCollapsed && (viewport?.contains(selection.anchorNode) || viewport?.contains(selection.focusNode)))
+                          selection.removeAllRanges();
+                        disclosureKeepsUnpinnedRef.current = false;
+                        if (hasNewer) {
+                          wantPinRef.current = true;
+                          const node2 = scrollRef.current;
+                          if (onJumpToLatest) {
+                            void Promise.resolve(onJumpToLatest()).then(
+                              () => {
+                                const current = scrollRef.current;
+                                if (current && wantPinRef.current && !hasNewerRef.current) {
+                                  wantPinRef.current = false;
+                                  applyPinned(true);
+                                  snapToBottom(current);
+                                }
+                              },
+                              () => {
+                                wantPinRef.current = false;
+                              }
+                            );
+                          } else if (node2) {
+                            snapToBottom(node2);
                           }
-                        },
-                        () => {
-                          wantPinRef.current = false;
+                          return;
                         }
-                      );
-                    } else if (node2) {
-                      snapToBottom(node2);
-                    }
-                    return;
-                  }
-                  const node = scrollRef.current;
-                  if (node) {
-                    applyPinned(true);
-                    snapToBottom(node);
-                  }
-                },
-                className: cn(
-                  "absolute bottom-4 w-fit",
-                  JUMP_PILL_PLACEMENT_CLASS[jumpPillPlacement.placement],
-                  "inline-flex items-center gap-1.5 rounded-full border border-og-border bg-og-surface-3/90 px-3 py-1.5",
-                  "text-og-control font-medium text-og-fg shadow-og-md backdrop-blur",
-                  "hover:border-og-border-strong"
-                ),
-                children: [
-                  /* @__PURE__ */ jsx18(ArrowDownIcon, { className: "size-3.5" }),
-                  "Jump to latest"
-                ]
+                        const node = scrollRef.current;
+                        if (node) {
+                          applyPinned(true);
+                          snapToBottom(node);
+                        }
+                      },
+                      className: NAV_PILL_CLASS,
+                      children: [
+                        /* @__PURE__ */ jsx18(ArrowDownIcon, { "aria-hidden": true, className: "size-3.5 shrink-0" }),
+                        "Jump to latest"
+                      ]
+                    },
+                    "jump-to-latest"
+                  ) : null
+                ] })
               }
-            ) : null })
+            )
           ]
         }
       ) }) }) }) }) }) }) })
@@ -8952,7 +8918,7 @@ function WorkerCompletionRow({
   onOpenSession
 }) {
   const enter = useEntranceAnimation();
-  const [open, setOpen] = useState15(false);
+  const [open, setOpen] = useState14(false);
   const meta = workerCompletionMeta(item);
   const Icon = meta.icon;
   const showPausedReason = item.childStatus !== "failed" && item.goalStatus === "paused" && !!item.pausedReason?.trim();
@@ -9359,8 +9325,8 @@ function AuthNeededRow({
   resolveProviderLogo
 }) {
   const enter = useEntranceAnimation();
-  const [busy, setBusy] = useState15(false);
-  const [failed, setFailed] = useState15(false);
+  const [busy, setBusy] = useState14(false);
+  const [failed, setFailed] = useState14(false);
   const recommendation = item.capability ?? null;
   const provider = recommendation?.name ?? (item.serverId === "codex_apps" ? "Codex Apps" : providerLabel(item.providerDomain));
   const unavailable = item.reason === "personal_authority_unavailable" || item.reason === "unsupported_auth" || item.reason === "resource_scope_unavailable";
@@ -9464,8 +9430,8 @@ function AuthNeededRow({
   ] });
 }
 function AuthProviderLogo({ src, label }) {
-  const [failed, setFailed] = useState15(false);
-  useEffect10(() => setFailed(false), [src]);
+  const [failed, setFailed] = useState14(false);
+  useEffect9(() => setFailed(false), [src]);
   const showImage = src && !failed;
   return /* @__PURE__ */ jsx18(
     "span",
@@ -9528,7 +9494,7 @@ function authReasonLine(reason) {
 import { Loader2Icon } from "lucide-react";
 import { lazy as lazy4, Suspense as Suspense5 } from "react";
 import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
-var loadQueueSurface = () => import("./queue-surface-implementation-2CAQAIHM.js");
+var loadQueueSurface = () => import("./queue-surface-implementation-HENWYFWA.js");
 var QueueSurface = createQueueSurface(loadQueueSurface);
 function createQueueSurface(loadImplementation) {
   const LazyQueueSurface = lazy4(async () => ({
@@ -9794,7 +9760,7 @@ import {
   TargetIcon as TargetIcon3
 } from "lucide-react";
 import { AnimatePresence as AnimatePresence4, motion as motion5, useReducedMotion as useReducedMotion4 } from "motion/react";
-import { useEffect as useEffect11, useId as useId4, useMemo as useMemo6, useRef as useRef10, useState as useState16 } from "react";
+import { useEffect as useEffect10, useId as useId4, useMemo as useMemo6, useRef as useRef10, useState as useState15 } from "react";
 import { Fragment as Fragment8, jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
 var GOAL_LABEL = {
   pursuing: "Pursuing",
@@ -9910,8 +9876,8 @@ function formatCoarseElapsed(ms) {
 }
 function useLiveElapsed(startIso, live, endIso) {
   const start = startIso ? Date.parse(startIso) : Number.NaN;
-  const [now, setNow] = useState16(() => Date.now());
-  useEffect11(() => {
+  const [now, setNow] = useState15(() => Date.now());
+  useEffect10(() => {
     if (!live) return;
     const id = setInterval(() => setNow(Date.now()), 1e3);
     return () => clearInterval(id);
@@ -9983,7 +9949,8 @@ function SessionChrome({
   defaultActive = null,
   onActiveChange
 }) {
-  const [activityRequested, setActivityOpen] = useState16(
+  const formatError = useErrorMessage();
+  const [activityRequested, setActivityOpen] = useState15(
     Boolean(defaultActive && ["incoming", "agents", "commands"].includes(defaultActive))
   );
   const reactId = useId4();
@@ -10013,7 +9980,7 @@ function SessionChrome({
     queue.queue,
     queue.mutationFor
   );
-  const [activeUncontrolled, setActiveUncontrolled] = useState16(
+  const [activeUncontrolled, setActiveUncontrolled] = useState15(
     () => sessionChromeInitialActive({
       defaultActive,
       authoritativeQueuedCount: initialAuthoritativeQueuedCount
@@ -10024,13 +9991,13 @@ function SessionChrome({
   const openedQueueTargetRef = useRef10(null);
   const focusedQueueTargetRef = useRef10(null);
   const queueTargetKey = queueFocusTarget ? `${queueFocusTarget.turnId}:${queueFocusTarget.requestId}` : null;
-  useEffect11(() => {
+  useEffect10(() => {
     if (!queueTargetKey || openedQueueTargetRef.current === queueTargetKey) return;
     openedQueueTargetRef.current = queueTargetKey;
     if (activeControlled === void 0) setActiveUncontrolled("queue");
     onActiveChange?.("queue");
   }, [queueTargetKey, activeControlled, onActiveChange]);
-  useEffect11(() => {
+  useEffect10(() => {
     if (!queueFocusTarget || active !== "queue" || focusedQueueTargetRef.current === queueTargetKey)
       return;
     const root = rootRef.current;
@@ -10150,8 +10117,8 @@ function SessionChrome({
   ]);
   const optimisticQueueKeys = optimisticQueued.map((message) => message.clientEventId).join(",");
   const previousOptimisticQueueKeys = useRef10(optimisticQueueKeys);
-  const [queueArrivalNonce, setQueueArrivalNonce] = useState16(0);
-  useEffect11(() => {
+  const [queueArrivalNonce, setQueueArrivalNonce] = useState15(0);
+  useEffect10(() => {
     const previous = new Set(previousOptimisticQueueKeys.current.split(",").filter(Boolean));
     const arrived = optimisticQueued.some((message) => !previous.has(message.clientEventId));
     previousOptimisticQueueKeys.current = optimisticQueueKeys;
@@ -10162,13 +10129,13 @@ function SessionChrome({
     }
   }, [active, activeControlled, optimisticQueueKeys, optimisticQueued]);
   const queueOccupied = queuedTurns.length > 0 || optimisticQueued.length > 0;
-  useEffect11(() => {
+  useEffect10(() => {
     if (queueOccupied) return;
     queueOfferAdmissionSuppressedRef.current = false;
     queueOfferDismissedSessionIdsRef.current.clear();
   }, [queueOccupied]);
   const queueOfferSuppressed = queueOfferAdmissionSuppressedRef.current || occupancySessionId != null && queueOfferDismissedSessionIdsRef.current.has(occupancySessionId);
-  useEffect11(() => {
+  useEffect10(() => {
     if (!sessionChromeShouldOfferQueue({
       controlled: activeControlled !== void 0,
       active,
@@ -10189,28 +10156,28 @@ function SessionChrome({
     queueOfferSuppressed,
     queuedTurns.length
   ]);
-  const [replaceDraftFor, setReplaceDraftFor] = useState16(null);
+  const [replaceDraftFor, setReplaceDraftFor] = useState15(null);
   const chipRefs = useRef10({});
   const railRef = useRef10(null);
-  const [pill, setPill] = useState16({ left: 0, top: 0, width: 0, height: 0, opacity: 0 });
+  const [pill, setPill] = useState15({ left: 0, top: 0, width: 0, height: 0, opacity: 0 });
   const signalIds = signals.map((signal) => signal.id).join(",");
-  useEffect11(() => {
+  useEffect10(() => {
     if (!signals.some((signal) => ["incoming", "agents", "commands"].includes(signal.id)))
       setActivityOpen(false);
   }, [signals]);
-  useEffect11(() => {
+  useEffect10(() => {
     if (active && !signalIds.split(",").includes(active)) {
       if (activeControlled === void 0) setActiveUncontrolled(null);
       onActiveChange?.(null);
     }
   }, [active, activeControlled, onActiveChange, signalIds]);
-  useEffect11(() => {
+  useEffect10(() => {
     if (active !== "queue" || !replaceDraftFor) return;
     if (!queuedTurns.some((turn) => turn.id === replaceDraftFor)) {
       setReplaceDraftFor(null);
     }
   }, [active, queuedTurns, replaceDraftFor]);
-  useEffect11(() => {
+  useEffect10(() => {
     const rail = railRef.current;
     const measure = () => {
       if (!rail || !active) {
@@ -10578,7 +10545,7 @@ function SessionChrome({
             ) : null }),
             goal?.mutationError ? /* @__PURE__ */ jsxs16("p", { role: "alert", className: "px-3 pb-2 text-og-xs text-og-danger", children: [
               "Goal action not confirmed. ",
-              goal.mutationError.message
+              formatError(goal.mutationError)
             ] }) : null,
             /* @__PURE__ */ jsx21(
               "div",
@@ -10727,10 +10694,10 @@ function QueuePanel({
 }) {
   const reduceMotion = useReducedMotion4();
   const turnIdsKey = turns.map((turn) => turn.id).join(",");
-  const [interactiveTurnIds, setInteractiveTurnIds] = useState16(
+  const [interactiveTurnIds, setInteractiveTurnIds] = useState15(
     () => /* @__PURE__ */ new Set()
   );
-  useEffect11(() => {
+  useEffect10(() => {
     const visibleTurnIds = new Set(turnIdsKey ? turnIdsKey.split(",") : []);
     setInteractiveTurnIds((current) => {
       const retained = new Set([...current].filter((turnId) => visibleTurnIds.has(turnId)));
@@ -10987,6 +10954,7 @@ function GoalPanel({
   elapsed,
   readOnly
 }) {
+  const formatError = useErrorMessage();
   const record = goal.goal;
   if (!record) return null;
   const canToggle = !readOnly && (record.status === "active" || record.status === "paused");
@@ -11018,7 +10986,7 @@ function GoalPanel({
         children: explanation
       }
     ) : null,
-    record.continuation?.lastError ? /* @__PURE__ */ jsx21("p", { className: "rounded-og-sm bg-og-status-waiting/10 px-1.5 py-1 text-og-xs leading-4 text-og-status-waiting", children: record.continuation.lastError }) : null,
+    record.continuation?.lastError ? /* @__PURE__ */ jsx21("p", { className: "rounded-og-sm bg-og-status-waiting/10 px-1.5 py-1 text-og-xs leading-4 text-og-status-waiting", children: formatError(record.continuation.lastError) }) : null,
     /* @__PURE__ */ jsxs16("div", { className: "flex flex-wrap items-center justify-between gap-1.5 pt-0.5", children: [
       /* @__PURE__ */ jsxs16("div", { className: "flex flex-wrap gap-1 text-[10px] text-og-fg-muted", children: [
         /* @__PURE__ */ jsxs16("span", { className: "rounded bg-og-surface-3/70 px-1 py-px", children: [
@@ -11110,10 +11078,10 @@ import {
   lazy as lazy5,
   Suspense as Suspense6,
   useCallback as useCallback5,
-  useEffect as useEffect12,
+  useEffect as useEffect11,
   useMemo as useMemo7,
   useRef as useRef11,
-  useState as useState17
+  useState as useState16
 } from "react";
 import { Fragment as Fragment9, jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
 function SessionConversation(props) {
@@ -11130,6 +11098,7 @@ function Conversation({
   allowanceExhaustedLabels,
   attachments: attachmentsRequested = true,
   modelPicker,
+  modelPickerProps,
   userMessageDisclosureLabels,
   loadSkillReview,
   client,
@@ -11140,6 +11109,7 @@ function Conversation({
 }) {
   const scope = { client, workspaceId };
   const context = useOpenGeni(scope);
+  const formatError = useErrorMessage();
   const config = useClientConfigFlags(context.client);
   const showModelPicker = modelPicker ?? config.modelSelection;
   const catalog = useWorkspaceModelCatalog({
@@ -11217,7 +11187,7 @@ function Conversation({
       style: { height },
       "data-og-conversation": "",
       children: [
-        error && /* @__PURE__ */ jsx22("p", { role: "alert", children: error.message }),
+        error && /* @__PURE__ */ jsx22("p", { role: "alert", children: formatError(error) }),
         /* @__PURE__ */ jsx22(
           MessageTimeline,
           {
@@ -11278,7 +11248,7 @@ function Conversation({
                       await human.respond(id, response);
                     },
                     respondingRequestId: human.respondingRequestId,
-                    error: human.mutationError?.message,
+                    error: human.mutationError ? formatError(human.mutationError) : null,
                     autoFocus: false
                   }
                 ),
@@ -11304,6 +11274,8 @@ function Conversation({
               controlsStart: composerProps?.controlsStart ?? (showModelPicker && composer.policy && /* @__PURE__ */ jsx22(
                 ModelPolicyPicker,
                 {
+                  groupPresentation: modelPickerProps?.groupPresentation,
+                  messages: modelPickerProps?.messages,
                   rows: catalog.rows,
                   model: composer.policy.model,
                   effort: composer.policy.reasoningEffort,
@@ -11356,8 +11328,8 @@ function useDefaultInteractiveBlock(client, workspaceId, sessionId) {
   );
 }
 function useClientConfigFlags(client) {
-  const [flags, setFlags] = useState17({ uploads: false, modelSelection: true, sandboxFiles: false });
-  useEffect12(() => {
+  const [flags, setFlags] = useState16({ uploads: false, modelSelection: true, sandboxFiles: false });
+  useEffect11(() => {
     let live = true;
     client.getClientConfig().then(
       (config) => {
@@ -11379,14 +11351,16 @@ function useClientConfigFlags(client) {
 }
 
 // src/hooks/use-workspace-sessions.ts
-import { useCallback as useCallback6, useEffect as useEffect13, useRef as useRef12 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect12, useRef as useRef12 } from "react";
 function useWorkspaceSessions(options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
+  const projection = options.projection;
   const limit = options.limit;
   const parentSessionId = options.parentSessionId;
   const cursor = options.cursor;
   const search = options.search;
   const pinsOnly = options.pinsOnly;
+  const includePinned = options.includePinned;
   const archivedOnly = options.archivedOnly;
   const sortBy = options.sortBy;
   const archiveStatus = options.archiveStatus;
@@ -11396,34 +11370,45 @@ function useWorkspaceSessions(options = {}) {
   const beginRead = options.beginRead;
   const queryKey = [
     workspaceId,
+    projection ?? "full",
     limit ?? "",
     parentSessionId === null ? "null" : parentSessionId ?? "",
     cursor ?? "",
     search ?? "",
     pinsOnly ? "1" : "",
+    includePinned === false ? "no-pins" : "",
     archivedOnly ? "archived" : "active",
     sortBy ?? "",
     archiveStatus ?? ""
   ].join("\0");
   const previousQueryKey = useRef12(queryKey);
   const queryKeyTransition = previousQueryKey.current !== queryKey;
-  useEffect13(() => {
+  useEffect12(() => {
     previousQueryKey.current = queryKey;
   }, [queryKey]);
   const load = useCallback6(
     async (signal) => {
       const readGeneration = beginRead?.() ?? ++nextReadGeneration.current;
-      const page2 = await client.listSessionPage(workspaceId, {
+      const query = {
         ...limit !== void 0 ? { limit } : {},
         ...parentSessionId !== void 0 ? { parentSessionId } : {},
         ...cursor !== void 0 ? { cursor } : {},
         ...search !== void 0 ? { search } : {},
         ...pinsOnly ? { pinsOnly: true } : {},
+        ...includePinned === false ? { includePinned: false } : {},
         ...archivedOnly ? { archivedOnly: true } : {},
         ...sortBy ? { sortBy } : {},
         ...archiveStatus ? { archiveStatus } : {},
         signal
-      });
+      };
+      const page2 = projection === "summary" ? client.listSessionSummaryPage ? await client.listSessionSummaryPage(workspaceId, query) : await client.listSessionPage(workspaceId, query).then(async (full) => {
+        const { sessionListEntry } = await import("@opengeni/sdk/session-list-entries");
+        return {
+          ...full,
+          pinned: full.pinned.map(sessionListEntry),
+          sessions: full.sessions.map(sessionListEntry)
+        };
+      }) : await client.listSessionPage(workspaceId, query);
       return {
         queryKey,
         page: page2,
@@ -11435,11 +11420,13 @@ function useWorkspaceSessions(options = {}) {
       beginRead,
       client,
       workspaceId,
+      projection,
       limit,
       parentSessionId,
       cursor,
       search,
       pinsOnly,
+      includePinned,
       archivedOnly,
       sortBy,
       archiveStatus,
@@ -11476,7 +11463,7 @@ function useWorkspaceSessions(options = {}) {
 // src/components/session-list.tsx
 import { deriveSessionDisplayTitle } from "@opengeni/sdk";
 import { ArchiveIcon, PencilIcon as PencilIcon2, PlusIcon } from "lucide-react";
-import { useEffect as useEffect14, useRef as useRef13, useState as useState18 } from "react";
+import { useEffect as useEffect13, useRef as useRef13, useState as useState17 } from "react";
 import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
 var DEFAULT_LABELS = {
   heading: "Chats",
@@ -11506,7 +11493,7 @@ function SessionList({
   const labels = { ...DEFAULT_LABELS, ...labelOverrides };
   const scope = { client, workspaceId };
   const context = useOpenGeni(scope);
-  const [limit, setLimit] = useState18(pageSize);
+  const [limit, setLimit] = useState17(pageSize);
   const list = useWorkspaceSessions({
     ...scope,
     parentSessionId: null,
@@ -11516,14 +11503,15 @@ function SessionList({
   });
   const refresh = list.refresh;
   const firstRefreshKey = useRef13(refreshKey);
-  useEffect14(() => {
+  useEffect13(() => {
     if (Object.is(refreshKey, firstRefreshKey.current)) return;
     firstRefreshKey.current = refreshKey;
     void refresh();
   }, [refresh, refreshKey]);
-  const [editing, setEditing] = useState18(null);
-  const [busy, setBusy] = useState18(null);
-  const [error, setError] = useState18(null);
+  const [editing, setEditing] = useState17(null);
+  const [busy, setBusy] = useState17(null);
+  const [error, setError] = useState17(null);
+  const formatError = useErrorMessage();
   const archiveClient = context.client;
   const canArchive = archive && typeof archiveClient.updateSessionArchive === "function";
   const run = async (id, action) => {
@@ -11533,7 +11521,7 @@ function SessionList({
       await action();
       await list.refresh();
     } catch (cause) {
-      setError(cause instanceof Error ? cause.message : String(cause));
+      setError({ cause });
     } finally {
       setBusy(null);
     }
@@ -11580,10 +11568,10 @@ function SessionList({
             }
           ) : null
         ] }),
-        error ? /* @__PURE__ */ jsx23("p", { role: "alert", className: "px-2 text-og-xs text-og-status-failed", children: error }) : null,
+        error || list.error ? /* @__PURE__ */ jsx23("p", { role: "alert", className: "px-2 text-og-xs text-og-status-failed", children: formatError(error ? error.cause : list.error) }) : null,
         /* @__PURE__ */ jsxs18("ul", { className: "flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto px-1 pb-2", children: [
           list.loading && sessions.length === 0 ? /* @__PURE__ */ jsx23("li", { className: "px-2 py-2 text-og-xs text-og-fg-subtle", children: labels.loading }) : null,
-          !list.loading && sessions.length === 0 ? /* @__PURE__ */ jsx23("li", { className: "px-2 py-2 text-og-xs text-og-fg-subtle", children: labels.empty }) : null,
+          !list.loading && !list.error && sessions.length === 0 ? /* @__PURE__ */ jsx23("li", { className: "px-2 py-2 text-og-xs text-og-fg-subtle", children: labels.empty }) : null,
           sessions.map((session) => {
             const selected = session.id === selectedSessionId;
             const title = deriveSessionDisplayTitle(session);
@@ -11673,7 +11661,7 @@ function SessionList({
 
 // src/components/open-geni-chat.tsx
 import { MenuIcon, SendIcon, XIcon as XIcon3 } from "lucide-react";
-import { useCallback as useCallback7, useRef as useRef14, useState as useState19 } from "react";
+import { useCallback as useCallback7, useRef as useRef14, useState as useState18 } from "react";
 import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
 var DEFAULT_LABELS2 = {
   openChats: "Open chats",
@@ -11699,10 +11687,10 @@ function OpenGeniChat({
   const labels = { ...DEFAULT_LABELS2, ...labelOverrides };
   const scope = { client, workspaceId };
   const context = useOpenGeni(scope);
-  const [uncontrolled, setUncontrolled] = useState19(defaultSessionId);
+  const [uncontrolled, setUncontrolled] = useState18(defaultSessionId);
   const selected = controlledSessionId !== void 0 ? controlledSessionId : uncontrolled;
-  const [drawerOpen, setDrawerOpen] = useState19(false);
-  const [listRevision, setListRevision] = useState19(0);
+  const [drawerOpen, setDrawerOpen] = useState18(false);
+  const [listRevision, setListRevision] = useState18(0);
   const select = useCallback7(
     (next) => {
       if (controlledSessionId === void 0) setUncontrolled(next);
@@ -11824,9 +11812,10 @@ function NewChat({
   create,
   onCreated
 }) {
-  const [text, setText] = useState19("");
-  const [sending, setSending] = useState19(false);
-  const [error, setError] = useState19(null);
+  const [text, setText] = useState18("");
+  const [sending, setSending] = useState18(false);
+  const [error, setError] = useState18(null);
+  const formatError = useErrorMessage();
   const idempotencyKey = useRef14(crypto.randomUUID());
   const submit = async (event) => {
     event.preventDefault();
@@ -11840,7 +11829,7 @@ function NewChat({
       setText("");
       onCreated(id);
     } catch (cause) {
-      setError(cause instanceof Error ? cause.message : String(cause));
+      setError({ cause });
     } finally {
       setSending(false);
     }
@@ -11849,10 +11838,13 @@ function NewChat({
     "form",
     {
       onSubmit: (event) => void submit(event),
-      className: "flex h-full flex-col justify-end gap-2 p-3",
+      className: "box-border flex h-full flex-col justify-end gap-2 p-3",
       "data-og-new-chat-composer": "",
       children: [
-        error ? /* @__PURE__ */ jsx24("p", { role: "alert", className: "text-og-xs text-og-status-failed", children: error }) : null,
+        error ? /* @__PURE__ */ jsx24("p", { role: "alert", className: "text-og-xs text-og-status-failed", children: formatError(
+          error.cause,
+          error.cause instanceof Error && error.cause.message === labels.newChatUnavailable ? labels.newChatUnavailable : void 0
+        ) }) : null,
         /* @__PURE__ */ jsxs19("div", { className: "flex items-end gap-2 rounded-lg border border-og-border bg-og-surface-1 p-2", children: [
           /* @__PURE__ */ jsx24(
             "textarea",
@@ -11890,14 +11882,15 @@ function NewChat({
 
 // src/components/session-commands-panel.tsx
 import { ChevronRightIcon as ChevronRightIcon3, Loader2Icon as Loader2Icon3, SquareIcon } from "lucide-react";
-import { useState as useState20 } from "react";
+import { useState as useState19 } from "react";
 import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
 function SessionCommandsPanel({
   commands: state,
   readOnly = false
 }) {
-  const [pending, setPending] = useState20(null);
-  const [error, setError] = useState20(null);
+  const formatError = useErrorMessage();
+  const [pending, setPending] = useState19(null);
+  const [error, setError] = useState19(null);
   const active = state.commands.filter(
     (command) => command.state === "running" || command.state === "stopping"
   );
@@ -11907,7 +11900,7 @@ function SessionCommandsPanel({
     try {
       await state.cancel(id);
     } catch (cause) {
-      setError(cause instanceof Error ? cause.message : "Stop was not confirmed. Try again.");
+      setError(formatError(cause));
     } finally {
       setPending(null);
     }
@@ -11986,7 +11979,7 @@ function SessionCommandsPanel({
 }
 
 // src/hooks/use-session-background-commands.ts
-import { useCallback as useCallback8, useEffect as useEffect15, useRef as useRef15 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect14, useRef as useRef15 } from "react";
 function useSessionBackgroundCommands(sessionId, options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
   const enabled = (options.enabled ?? true) && Boolean(sessionId);
@@ -12006,7 +11999,7 @@ function useSessionBackgroundCommands(sessionId, options = {}) {
   });
   const refresh = state.refresh;
   const generation = useRef15(0);
-  useEffect15(() => {
+  useEffect14(() => {
     generation.current += 1;
     return () => {
       generation.current += 1;
@@ -12210,4 +12203,4 @@ export {
   SessionCommands,
   StartupTimings
 };
-//# sourceMappingURL=chunk-LZ3KHA55.js.map
+//# sourceMappingURL=chunk-A2L5N3EI.js.map