@tutti-os/agent-gui 0.0.33 → 0.0.35

package/dist/{chunk-GSZPMKFW.js → chunk-O56P2KSZ.js}

@@ -10,14 +10,14 @@ import {
   resolveWorkspaceFileLinkAction,
   resolveWorkspaceFilePathCandidate,
   resolveWorkspaceLinkAction
-} from "./chunk-AFTAFV2C.js";
+} from "./chunk-CMXRLF64.js";
 import {
   attrsToMentionItem,
   createAgentFileMentionExtension,
   formatAgentMentionMarkdown,
   mentionItemToAttrs,
   parseAgentMentionMarkdown
-} from "./chunk-A4KUAXE5.js";
+} from "./chunk-VPC55T7P.js";
 import {
   fileChangeCountFromChanges,
   fileChangeEntriesFromChanges,
@@ -27,13 +27,13 @@ import {
 import {
   getOptionalAgentActivityRuntime,
   useOptionalAgentHostApi
-} from "./chunk-SGQ4C7JE.js";
+} from "./chunk-2ADVHCST.js";
 import {
   workspaceAgentProviderLabel
 } from "./chunk-TYGL25EL.js";
 import {
   translate
-} from "./chunk-RQ3HEF42.js";
+} from "./chunk-KFMD33UD.js";
 
 // shared/imageGenerationTool.ts
 var KNOWN_IMAGE_GENERATION_TOOL_NAMES = /* @__PURE__ */ new Set([
@@ -2158,9 +2158,11 @@ function systemNoticeFromPayload(payload) {
   if (stringRecordValue5(payload, "kind") !== "agent_system_notice") {
     return null;
   }
+  const source = stringRecordValue5(payload, "source");
   return {
     noticeKind: stringRecordValue5(payload, "noticeKind"),
     severity: stringRecordValue5(payload, "severity"),
+    ...source ? { source } : {},
     title: stringRecordValue5(payload, "title"),
     detail: stringRecordValue5(payload, "detail"),
     retryable: booleanRecordValue(payload, "retryable")
@@ -4095,6 +4097,7 @@ function firstNonEmptyString(...values) {
 
 // shared/agentConversation/projection/agentConversationProjection.ts
 var RENDER_IRRELEVANT_TRANSCRIPT_ROW_FIELDS = /* @__PURE__ */ new Set(["occurredAtUnixMs"]);
+var CODEX_SKILLS_CONTEXT_BUDGET_NOTICE_FRAGMENT = "skill descriptions were shortened to fit the 2% skills context budget";
 function projectAgentConversationVM(detail, options = {}) {
   const rows = [];
   const turns = detail.turns;
@@ -4125,9 +4128,11 @@ function projectAgentConversationVM(detail, options = {}) {
     rows.push(processing);
   }
   const normalizedRows = projectMessageCopyText(
-    dropRedundantErrorWarningNotices(
-      mergeAdjacentAssistantMessageRows(
-        mergeAdjacentTransportRetryNoticeRows(rows)
+    dropCodexRuntimeDiagnosticNotices(
+      dropRedundantErrorWarningNotices(
+        mergeAdjacentAssistantMessageRows(
+          mergeAdjacentTransportRetryNoticeRows(rows)
+        )
       )
     ),
     {
@@ -4255,6 +4260,38 @@ function mergeAdjacentAssistantMessageRows(rows) {
   }
   return merged;
 }
+function dropCodexRuntimeDiagnosticNotices(rows) {
+  const filteredRows = [];
+  for (const row of rows) {
+    if (row.kind !== "message" || row.speaker !== "assistant") {
+      filteredRows.push(row);
+      continue;
+    }
+    const messages = row.messages.filter(
+      (message) => !isCodexSkillsContextBudgetNotice(message)
+    );
+    if (messages.length === 0 && row.thinking.length === 0) {
+      continue;
+    }
+    if (messages.length === row.messages.length) {
+      filteredRows.push(row);
+      continue;
+    }
+    filteredRows.push({ ...row, messages });
+  }
+  return filteredRows;
+}
+function isCodexSkillsContextBudgetNotice(message) {
+  const notice = message.systemNotice;
+  if (!notice || notice.noticeKind !== "warning") {
+    return false;
+  }
+  if (notice.source !== "runtime") {
+    return false;
+  }
+  const text = [notice.title, notice.detail, message.body].filter(Boolean).join("\n").toLowerCase();
+  return text.includes(CODEX_SKILLS_CONTEXT_BUDGET_NOTICE_FRAGMENT);
+}
 function dropRedundantErrorWarningNotices(rows) {
   const turnsWithVisibleError = /* @__PURE__ */ new Set();
   for (const row of rows) {
@@ -5563,6 +5600,133 @@ function resolveWorkspaceAppIconUrl(input) {
   return exactMatch?.iconUrl?.trim() || fallbackMatch?.iconUrl?.trim() || void 0;
 }
 
+// shared/agentEnv/agentEnvPanelStore.ts
+import { useSnapshot } from "valtio";
+import { proxy } from "valtio/vanilla";
+var agentEnvPanelStore = proxy({
+  open: false,
+  provider: null,
+  focus: null,
+  requestSequence: 0
+});
+function openAgentEnvPanel(input) {
+  agentEnvPanelStore.open = true;
+  agentEnvPanelStore.provider = input?.provider ?? null;
+  agentEnvPanelStore.focus = input?.focus ?? null;
+  agentEnvPanelStore.requestSequence += 1;
+}
+
+// shared/agentEnv/agentErrorPresentation.ts
+var NO_CTA = { focus: null, actionKey: null };
+var SELF_DETECT = {
+  messageKey: null,
+  focus: "detect",
+  actionKey: "agentHost.agentGui.visibleErrorActionDetect"
+};
+var PRESENTATIONS = {
+  // Environment problems the wizard can detect or repair → route to its step.
+  auth_required: {
+    messageKey: "agentHost.agentGui.visibleErrorAuthRequired",
+    focus: "auth",
+    actionKey: "agentHost.agentGui.visibleErrorActionRelogin"
+  },
+  cli_not_found: {
+    messageKey: "agentHost.agentGui.visibleErrorCliNotFound",
+    focus: "install",
+    actionKey: "agentHost.agentGui.visibleErrorActionInstall"
+  },
+  cli_version_unsupported: {
+    messageKey: "agentHost.agentGui.visibleErrorVersionUnsupported",
+    focus: "upgrade",
+    actionKey: "agentHost.agentGui.visibleErrorActionUpgrade"
+  },
+  network_error: {
+    messageKey: "agentHost.agentGui.visibleErrorNetwork",
+    focus: "network",
+    actionKey: "agentHost.agentGui.visibleErrorActionCheckNetwork"
+  },
+  runtime_unavailable: {
+    messageKey: "agentHost.agentGui.visibleErrorRuntimeUnavailable",
+    focus: "detect",
+    actionKey: "agentHost.agentGui.visibleErrorActionDetect"
+  },
+  // Transient / server-side failures: accurate copy, but no wizard CTA — it
+  // cannot fix a rate limit or a dropped stream.
+  request_timed_out: {
+    messageKey: "agentHost.agentGui.visibleErrorRequestTimedOut",
+    ...NO_CTA
+  },
+  provider_config_timeout: {
+    messageKey: "agentHost.agentGui.visibleErrorConfigTimeout",
+    ...NO_CTA
+  },
+  provider_stream_disconnected: {
+    messageKey: "agentHost.agentGui.visibleErrorStreamDisconnected",
+    ...NO_CTA
+  },
+  provider_concurrency_limit: {
+    messageKey: "agentHost.agentGui.visibleErrorConcurrencyLimit",
+    ...NO_CTA
+  },
+  quota_or_rate_limit: {
+    messageKey: "agentHost.agentGui.visibleErrorQuotaOrRateLimit",
+    ...NO_CTA
+  },
+  // Ambiguous hard failures → generic message + self-detect escape hatch.
+  process_exited: SELF_DETECT,
+  provider_error: SELF_DETECT,
+  unknown: SELF_DETECT
+};
+function resolveAgentErrorPresentation(code) {
+  if (!code) {
+    return null;
+  }
+  return PRESENTATIONS[code] ?? null;
+}
+var FAILED_MESSAGE_CODE_MARKERS = [
+  [
+    "auth_required",
+    [
+      "authentication_failed",
+      "invalid authentication credentials",
+      "401 invalid authentication",
+      "unauthorized",
+      "not logged in",
+      "please run /login",
+      "invalid api key"
+    ]
+  ],
+  [
+    "cli_version_unsupported",
+    ["requires a newer version", "version is too old", "unsupported version"]
+  ],
+  [
+    "cli_not_found",
+    [
+      "no such file or directory",
+      "command not found",
+      "enoent",
+      "executable file not found"
+    ]
+  ],
+  [
+    "network_error",
+    ["enotfound", "econnrefused", "econnreset", "getaddrinfo", "socket hang up"]
+  ]
+];
+function classifyFailedAgentMessage(body) {
+  if (!body) {
+    return null;
+  }
+  const lower = body.toLowerCase();
+  for (const [code, markers] of FAILED_MESSAGE_CODE_MARKERS) {
+    if (markers.some((marker) => lower.includes(marker))) {
+      return code;
+    }
+  }
+  return null;
+}
+
 // shared/agentConversation/components/CollapsibleReveal.tsx
 import {
   useCallback as useCallback2,
@@ -6408,7 +6572,7 @@ var CanvasNodeGhostIconButton = forwardRef3(function CanvasNodeGhostIconButton2(
       ...rest,
       type: "button",
       className: cn(
-        "nodrag inline-flex h-7 min-h-7 w-7 min-w-7 shrink-0 items-center justify-center rounded-[4px] border border-transparent bg-transparent p-0 text-[var(--cove-canvas-control-text)] transition-[background-color,color,border-color,opacity] duration-200 ease-in-out [-webkit-app-region:no-drag] hover:border-transparent hover:bg-[var(--transparency-block)] hover:text-[var(--cove-canvas-control-text-hover)] active:bg-[var(--transparency-block-active)] active:text-[var(--cove-canvas-control-text-hover)] disabled:cursor-not-allowed disabled:opacity-45 focus-visible:outline-2 focus-visible:outline-[color:color-mix(in_srgb,var(--tsh-shell-accent)_80%,white)] focus-visible:outline-offset-2 [&_svg]:block [&_svg]:h-4 [&_svg]:w-4 [&_svg]:shrink-0 [&_svg:not([data-nexight-chrome-glyph=fill]):not([data-tutti-chrome-glyph=fill])]:fill-none [&_svg:not([data-nexight-chrome-glyph=fill]):not([data-tutti-chrome-glyph=fill])]:stroke-current data-[menu-open=true]:border-transparent data-[menu-open=true]:bg-[var(--transparency-block)] data-[menu-open=true]:text-[var(--cove-canvas-control-text-hover)] data-[menu-open=true]:hover:bg-[var(--transparency-block-active)]",
+        "nodrag inline-flex h-7 min-h-7 w-7 min-w-7 shrink-0 items-center justify-center rounded-[4px] border border-transparent bg-transparent p-0 text-[var(--text-secondary)] transition-[background-color,color,border-color,opacity] duration-200 ease-in-out [-webkit-app-region:no-drag] hover:border-transparent hover:bg-[var(--transparency-block)] hover:text-[var(--text-primary)] active:bg-[var(--transparency-block-active)] active:text-[var(--text-primary)] disabled:cursor-not-allowed disabled:opacity-45 focus-visible:outline-2 focus-visible:outline-[color:color-mix(in_srgb,var(--tsh-shell-accent)_80%,white)] focus-visible:outline-offset-2 [&_svg]:block [&_svg]:h-3.5 [&_svg]:w-3.5 [&_svg]:shrink-0 [&_svg:not([data-nexight-chrome-glyph=fill]):not([data-tutti-chrome-glyph=fill])]:fill-none [&_svg:not([data-nexight-chrome-glyph=fill]):not([data-tutti-chrome-glyph=fill])]:stroke-current data-[menu-open=true]:border-transparent data-[menu-open=true]:bg-[var(--transparency-block)] data-[menu-open=true]:text-[var(--text-primary)] data-[menu-open=true]:hover:bg-[var(--transparency-block-active)]",
         className
       ),
       onPointerDown: (event) => {
@@ -6446,6 +6610,7 @@ function AgentMessageBlock({
   onLinkAction,
   thinkingLabel,
   onAuthLogin,
+  provider,
   availableSkills,
   workspaceAppIcons,
   previewMode = false,
@@ -6517,6 +6682,7 @@ function AgentMessageBlock({
               label: rawTimelineJsonLabel
             }
           ) : null;
+          const recoveredError = !isUser && !message.visibleError && message.statusKind === "failed" ? recoverVisibleErrorFromFailedMessage(message, provider) : null;
           const content = isUser && message.contentKind === "image-grid" ? /* @__PURE__ */ jsx12(AgentUserImageGrid, { message }) : isUser ? /* @__PURE__ */ jsx12(
             AgentRichTextReadonly,
             {
@@ -6533,6 +6699,12 @@ function AgentMessageBlock({
               message,
               onAuthLogin
             }
+          ) : recoveredError ? /* @__PURE__ */ jsx12(
+            AgentVisibleErrorMessage,
+            {
+              message: recoveredError,
+              onAuthLogin
+            }
           ) : message.systemNotice ? /* @__PURE__ */ jsx12(AgentSystemNoticeMessage, { message }) : message.contentKind === "plan" ? /* @__PURE__ */ jsx12(
             AgentPlanCardMessage,
             {
@@ -6652,30 +6824,33 @@ function AgentUserImageGrid({
   const images = message.images ?? [];
   const { loadingIds, sources: loadedImages } = useAgentMessageImageSources(images);
   const columnCount = Math.min(Math.max(images.length, 1), 4);
+  const thumbnailWidth = images.length === 1 ? "160px" : "80px";
   return /* @__PURE__ */ jsx12(
     "div",
     {
       className: "grid justify-self-end gap-2",
-      style: { gridTemplateColumns: `repeat(${columnCount}, 80px)` },
+      style: {
+        gridTemplateColumns: `repeat(${columnCount}, ${thumbnailWidth})`
+      },
       children: images.map((image) => {
         const src = loadedImages.get(image.id) ?? imageDataUrl(image);
         const loading = !src && loadingIds.has(image.id);
         return /* @__PURE__ */ jsx12(
           "div",
           {
-            className: "size-20 min-w-0 overflow-hidden rounded-[6px]",
+            className: "max-h-20 min-w-0 overflow-hidden rounded-[6px]",
             children: src ? /* @__PURE__ */ jsx12(
               ZoomableImage,
               {
                 src,
                 alt: image.name?.trim() || "image",
-                className: "size-full object-cover",
+                className: "block max-h-20 w-full rounded-[6px] object-contain",
                 draggable: false
               }
             ) : loading ? /* @__PURE__ */ jsx12(
               "div",
               {
-                className: "flex size-full items-center justify-center bg-[color-mix(in_srgb,var(--text-primary)_6%,transparent)]",
+                className: "flex h-20 w-full items-center justify-center bg-[color-mix(in_srgb,var(--text-primary)_6%,transparent)]",
                 "data-testid": "agent-gui-message-image-loading",
                 children: /* @__PURE__ */ jsx12(
                   LoaderCircle,
@@ -6686,7 +6861,7 @@ function AgentUserImageGrid({
                   }
                 )
               }
-            ) : /* @__PURE__ */ jsx12("div", { className: "size-full animate-pulse bg-[color-mix(in_srgb,var(--text-primary)_8%,transparent)]" })
+            ) : /* @__PURE__ */ jsx12("div", { className: "h-20 w-full animate-pulse bg-[color-mix(in_srgb,var(--text-primary)_8%,transparent)]" })
           },
           image.id
         );
@@ -6890,16 +7065,36 @@ function systemNoticeTitle(message) {
       return notice?.title || message.body || translate("agentHost.agentGui.systemNoticeDefault");
   }
 }
+function recoverVisibleErrorFromFailedMessage(message, provider) {
+  const code = classifyFailedAgentMessage(message.body);
+  if (!code) {
+    return null;
+  }
+  return {
+    ...message,
+    visibleError: {
+      code,
+      phase: null,
+      provider: provider ?? null,
+      detail: message.body,
+      retryable: null
+    }
+  };
+}
 function AgentVisibleErrorMessage({
-  message,
-  onAuthLogin
+  message
 }) {
   "use memo";
   const error = message.visibleError;
-  const title = visibleErrorTitle(message);
-  const hint = visibleErrorHint(message);
   const detail = error?.detail?.trim() ?? "";
-  const showAuthLogin = error?.code === "auth_required" && onAuthLogin;
+  const providerLabel = workspaceAgentProviderLabel(
+    error?.provider ?? "unknown"
+  );
+  const presentation = resolveAgentErrorPresentation(error?.code);
+  const headline = presentation?.messageKey ? translate(presentation.messageKey, { provider: providerLabel }) : visibleErrorTitle(message);
+  const focus = presentation?.focus ?? null;
+  const actionKey = presentation?.actionKey ?? null;
+  const hint = visibleErrorHint(message);
   return /* @__PURE__ */ jsx12(
     "section",
     {
@@ -6907,19 +7102,29 @@ function AgentVisibleErrorMessage({
       className: "box-border w-full min-w-0 rounded-[8px] border border-[var(--on-danger-hover)] bg-[var(--on-danger)] p-3 text-[13px] leading-5 text-[var(--state-danger)]",
       children: /* @__PURE__ */ jsxs7("div", { className: "flex min-w-0 items-start gap-3", children: [
         /* @__PURE__ */ jsxs7("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx12("div", { className: "font-medium text-[var(--text-primary)]", children: title }),
+          /* @__PURE__ */ jsx12("div", { className: "font-medium text-[var(--text-primary)]", children: headline }),
           hint ? /* @__PURE__ */ jsx12("div", { className: "mt-1 text-[11px] text-[var(--text-secondary)]", children: hint }) : null,
-          detail ? /* @__PURE__ */ jsx12(AgentMessageDetailsDisclosure, { detail, className: "mt-1" }) : null
+          detail ? /* @__PURE__ */ jsx12(
+            AgentMessageDetailsDisclosure,
+            {
+              detail,
+              className: "mt-1",
+              label: translate("agentHost.agentGui.visibleErrorRawDetails")
+            }
+          ) : null
         ] }),
-        showAuthLogin ? /* @__PURE__ */ jsx12(
+        focus && actionKey ? /* @__PURE__ */ jsx12(
           Button,
           {
             type: "button",
             variant: "ghost",
             size: "sm",
             className: "mt-0.5 shrink-0",
-            onClick: () => onAuthLogin(error?.provider ?? null),
-            children: translate("agentHost.agentGui.authLogin")
+            onClick: () => openAgentEnvPanel({
+              provider: error?.provider ?? "codex",
+              focus
+            }),
+            children: translate(actionKey)
           }
         ) : null
       ] })
@@ -6928,7 +7133,8 @@ function AgentVisibleErrorMessage({
 }
 function AgentMessageDetailsDisclosure({
   detail,
-  className = ""
+  className = "",
+  label
 }) {
   "use memo";
   const [expanded, setExpanded] = useState5(false);
@@ -6941,7 +7147,7 @@ function AgentMessageDetailsDisclosure({
         "aria-expanded": expanded,
         onClick: () => setExpanded((value) => !value),
         children: [
-          translate("agentHost.agentGui.visibleErrorDetails"),
+          label ?? translate("agentHost.agentGui.visibleErrorDetails"),
           /* @__PURE__ */ jsx12(
             ChevronRight3,
             {
@@ -11958,6 +12164,7 @@ var AgentTranscriptItemView = memo2(function AgentTranscriptItemView2({
   labels,
   onLinkAction,
   onAuthLogin,
+  provider,
   availableSkills,
   workspaceAppIcons,
   previewMode = false,
@@ -11991,6 +12198,7 @@ var AgentTranscriptItemView = memo2(function AgentTranscriptItemView2({
           row,
           onLinkAction,
           onAuthLogin,
+          provider,
           availableSkills,
           workspaceAppIcons,
           previewMode,
@@ -12220,6 +12428,7 @@ var AgentTranscriptView = memo3(function AgentTranscriptView2({
   );
   const basePath = conversation.sourceDetail.cwd;
   const workspaceRoot = conversation.workspaceRoot;
+  const provider = conversation.activity.agentProvider;
   const shouldVirtualize = useMemo6(
     () => assessAgentTranscriptComplexity(turnGroups).shouldVirtualize,
     [turnGroups]
@@ -12267,6 +12476,7 @@ var AgentTranscriptView = memo3(function AgentTranscriptView2({
               labels,
               onLinkAction,
               onAuthLogin,
+              provider,
               availableSkills,
               workspaceAppIcons,
               previewMode,
@@ -12458,6 +12668,7 @@ export {
   labelForProviderSkill,
   promptForProviderSkills,
   skillDescriptionForDisplay,
+  openAgentEnvPanel,
   AgentTranscriptSkeleton,
   plainTextToAgentRichTextDoc,
   plainTextToAgentRichTextInlineContent,
@@ -12467,4 +12678,4 @@ export {
   AgentConversationFlow,
   useProjectedAgentConversation
 };
-//# sourceMappingURL=chunk-GSZPMKFW.js.map
+//# sourceMappingURL=chunk-O56P2KSZ.js.map