@athenaintel/react 0.57.1 → 0.59.0

package/dist/chat/typed-interrupts/request-file-card.cjs

@@ -0,0 +1,159 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const typedInterruptKinds = require("../../agent-runtime/src/typed-interrupt-kinds.cjs");
+const reactQuery = require("@tanstack/react-query");
+const lucideReact = require("lucide-react");
+const require$$0 = require("react");
+const apiClient = require("../../chat-ui/mentions/suggestions/data/api-client.cjs");
+const athenaUrls = require("../../lib/athena-urls.cjs");
+const useAthenaRestQuery = require("../../lib/use-athena-rest-query.cjs");
+const button = require("../../ui/button.cjs");
+const browserDecisionCheck = require("../browser-decision-check.cjs");
+const cnfast = require("cnfast");
+function readUploadResponse(data, appUrl) {
+  const record = typeof data === "object" && data !== null ? data : {};
+  const success = Array.isArray(record.success) ? record.success : [];
+  const errors = Array.isArray(record.errors) ? record.errors : [];
+  const files = success.flatMap((entry) => {
+    if (typeof entry !== "object" || entry === null) return [];
+    const asset = entry;
+    if (typeof asset.id !== "string") return [];
+    const title = typeof asset.title === "string" && asset.title || typeof asset.file_name === "string" && asset.file_name || asset.id;
+    const filename = typeof asset.file_name === "string" && asset.file_name || title;
+    const link = athenaUrls.createAthenaSpacesUrl({ ...appUrl ? { appUrl } : {}, assetIds: asset.id });
+    return [{ asset_id: asset.id, filename, mention: `[@${title}](${link})` }];
+  });
+  return { files, failed: errors.length };
+}
+async function uploadRequestedFiles(auth, files) {
+  const body = new FormData();
+  for (const file of files) body.append("files", file, file.name);
+  const token = auth.getAccessToken ? await auth.getAccessToken() ?? auth.accessToken : auth.accessToken;
+  const { headers, credentials } = apiClient.mentionRequestInit({ ...auth, accessToken: token ?? void 0 });
+  const response = await fetch(`${browserDecisionCheck.agoraApiRoot(auth.backendUrl)}/api/upload/`, {
+    method: "POST",
+    headers,
+    ...credentials ? { credentials } : {},
+    body
+  });
+  if (!response.ok) throw new Error(`Upload failed with status ${response.status}`);
+  return readUploadResponse(await response.json(), auth.appUrl);
+}
+function RequestFileCard({ interrupt, resume, cancel, engine }) {
+  const { prompt, allowMultiple } = typedInterruptKinds.readRequestFileContext(interrupt);
+  const auth = require$$0.useContext(apiClient.MentionAuthCtx);
+  const queryClient = useAthenaRestQuery.useAthenaQueryClient();
+  const inputId = require$$0.useId();
+  const [uploaded, setUploaded] = require$$0.useState([]);
+  const [error, setError] = require$$0.useState(null);
+  const [dragActive, setDragActive] = require$$0.useState(false);
+  const upload = reactQuery.useMutation(
+    {
+      mutationKey: ["athena-sdk", "interrupt-request-file-upload"],
+      mutationFn: (files) => {
+        if (!auth) return Promise.reject(new Error("This app cannot upload files here."));
+        return uploadRequestedFiles(auth, files);
+      },
+      onSuccess: ({ files, failed }) => {
+        setError(failed > 0 ? `${failed} file${failed === 1 ? "" : "s"} failed to upload` : null);
+        setUploaded((previous) => allowMultiple ? [...previous, ...files] : files);
+      },
+      onError: () => setError("Upload failed. Please try again."),
+      retry: false
+    },
+    queryClient
+  );
+  const take = (list) => {
+    const files = list ? Array.from(list) : [];
+    if (files.length === 0) return;
+    upload.mutate(allowMultiple ? files : files.slice(0, 1));
+  };
+  const takeRef = require$$0.useRef(take);
+  takeRef.current = take;
+  const zoneRef = require$$0.useRef(null);
+  require$$0.useEffect(() => {
+    const zone = zoneRef.current;
+    if (!zone) return void 0;
+    const onDragOver = (event) => {
+      event.preventDefault();
+      setDragActive(true);
+    };
+    const onDragLeave = () => setDragActive(false);
+    const onDrop = (event) => {
+      var _a;
+      event.preventDefault();
+      setDragActive(false);
+      takeRef.current((_a = event.dataTransfer) == null ? void 0 : _a.files);
+    };
+    zone.addEventListener("dragover", onDragOver);
+    zone.addEventListener("dragleave", onDragLeave);
+    zone.addEventListener("drop", onDrop);
+    return () => {
+      zone.removeEventListener("dragover", onDragOver);
+      zone.removeEventListener("dragleave", onDragLeave);
+      zone.removeEventListener("drop", onDrop);
+    };
+  }, []);
+  const isUploading = upload.isPending;
+  const hasFiles = uploaded.length > 0;
+  const answerDisabled = engine.isLoading || engine.isConversationStreaming;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "rounded-lg border border-border bg-card p-4 text-sm shadow-sm",
+      "data-testid": "typed-interrupt-request-file",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium text-foreground", children: prompt }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "label",
+          {
+            ref: zoneRef,
+            htmlFor: inputId,
+            className: cnfast.cn(
+              "mt-3 flex cursor-pointer flex-col items-center justify-center gap-2 rounded-md border border-border border-dashed px-4 py-6 text-center text-muted-foreground transition-colors hover:border-muted-foreground/60",
+              dragActive && "border-primary bg-muted/30 text-primary"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  id: inputId,
+                  type: "file",
+                  multiple: allowMultiple,
+                  className: "sr-only",
+                  disabled: isUploading,
+                  onChange: (event) => {
+                    take(event.target.files);
+                    event.target.value = "";
+                  }
+                }
+              ),
+              isUploading ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2Icon, { className: "size-5 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UploadIcon, { className: "size-5" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: isUploading ? "Uploading…" : `Drag a file here or click to select${allowMultiple ? " (multiple allowed)" : ""}` })
+            ]
+          }
+        ),
+        error ? /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "mt-2 text-destructive text-xs", children: error }) : null,
+        hasFiles ? /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mt-3 flex flex-col gap-1", children: uploaded.map((file) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-center gap-2 text-foreground", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-4 shrink-0 text-green-600" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: file.filename })
+        ] }, file.asset_id)) }) : null,
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 flex justify-end gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "ghost", size: "sm", onClick: cancel, disabled: answerDisabled, children: "Cancel" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            button.Button,
+            {
+              size: "sm",
+              disabled: !hasFiles || isUploading || answerDisabled,
+              onClick: () => resume(typedInterruptKinds.requestFileResume(uploaded)),
+              children: "Continue"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+exports.RequestFileCard = RequestFileCard;
+//# sourceMappingURL=request-file-card.cjs.map

package/dist/chat/typed-interrupts/request-file-card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"request-file-card.cjs","sources":["../../../src/chat/typed-interrupts/request-file-card.tsx"],"sourcesContent":["/**\n * `request_file_from_user` (Olympus's `RequestFileInterruptUi`): the agent's\n * prompt, a drop zone that uploads the file(s) into Athena assets the person\n * owns (agora's `/api/upload/`, the composer's own upload, under the chat's\n * credential), and Continue, which answers with the assets so the agent can\n * read them. Cancel ends the request.\n */\nimport {\n  readRequestFileContext,\n  type RequestedFile,\n  requestFileResume,\n} from '@athenaintel/agent-runtime/typed-interrupt-kinds';\nimport { useMutation } from '@tanstack/react-query';\nimport { CheckIcon, Loader2Icon, UploadIcon } from 'lucide-react';\nimport { useContext, useEffect, useId, useRef, useState } from 'react';\nimport {\n  type MentionAuthContext,\n  MentionAuthCtx,\n  mentionRequestInit,\n} from '../../chat-ui/mentions/suggestions/data/api-client';\nimport { createAthenaSpacesUrl } from '../../lib/athena-urls';\nimport { useAthenaQueryClient } from '../../lib/use-athena-rest-query';\nimport { cn } from '../../lib/utils';\nimport { Button } from '../../ui/button';\nimport { agoraApiRoot } from '../browser-decision-check';\nimport type { TypedInterruptCardProps } from './typed-interrupt-types';\n\ninterface UploadOutcome {\n  files: RequestedFile[];\n  failed: number;\n}\n\n/** agora's upload answer, read defensively. */\nfunction readUploadResponse(data: unknown, appUrl: string | undefined): UploadOutcome {\n  const record = typeof data === 'object' && data !== null ? (data as Record<string, unknown>) : {};\n  const success = Array.isArray(record.success) ? record.success : [];\n  const errors = Array.isArray(record.errors) ? record.errors : [];\n  const files = success.flatMap((entry): RequestedFile[] => {\n    if (typeof entry !== 'object' || entry === null) return [];\n    const asset = entry as Record<string, unknown>;\n    if (typeof asset.id !== 'string') return [];\n    const title =\n      (typeof asset.title === 'string' && asset.title) ||\n      (typeof asset.file_name === 'string' && asset.file_name) ||\n      asset.id;\n    const filename = (typeof asset.file_name === 'string' && asset.file_name) || title;\n    const link = createAthenaSpacesUrl({ ...(appUrl ? { appUrl } : {}), assetIds: asset.id });\n    return [{ asset_id: asset.id, filename, mention: `[@${title}](${link})` }];\n  });\n  return { files, failed: errors.length };\n}\n\nasync function uploadRequestedFiles(auth: MentionAuthContext, files: readonly File[]): Promise<UploadOutcome> {\n  const body = new FormData();\n  for (const file of files) body.append('files', file, file.name);\n  const token = auth.getAccessToken ? ((await auth.getAccessToken()) ?? auth.accessToken) : auth.accessToken;\n  const { headers, credentials } = mentionRequestInit({ ...auth, accessToken: token ?? undefined });\n  const response = await fetch(`${agoraApiRoot(auth.backendUrl)}/api/upload/`, {\n    method: 'POST',\n    headers,\n    ...(credentials ? { credentials } : {}),\n    body,\n  });\n  if (!response.ok) throw new Error(`Upload failed with status ${response.status}`);\n  return readUploadResponse(await response.json(), auth.appUrl);\n}\n\nexport function RequestFileCard({ interrupt, resume, cancel, engine }: TypedInterruptCardProps) {\n  const { prompt, allowMultiple } = readRequestFileContext(interrupt);\n  const auth = useContext(MentionAuthCtx);\n  const queryClient = useAthenaQueryClient();\n  const inputId = useId();\n  const [uploaded, setUploaded] = useState<RequestedFile[]>([]);\n  const [error, setError] = useState<string | null>(null);\n  const [dragActive, setDragActive] = useState(false);\n\n  const upload = useMutation(\n    {\n      mutationKey: ['athena-sdk', 'interrupt-request-file-upload'],\n      mutationFn: (files: File[]) => {\n        if (!auth) return Promise.reject(new Error('This app cannot upload files here.'));\n        return uploadRequestedFiles(auth, files);\n      },\n      onSuccess: ({ files, failed }) => {\n        setError(failed > 0 ? `${failed} file${failed === 1 ? '' : 's'} failed to upload` : null);\n        setUploaded((previous) => (allowMultiple ? [...previous, ...files] : files));\n      },\n      onError: () => setError('Upload failed. Please try again.'),\n      retry: false,\n    },\n    queryClient,\n  );\n\n  const take = (list: FileList | null | undefined) => {\n    const files = list ? Array.from(list) : [];\n    if (files.length === 0) return;\n    upload.mutate(allowMultiple ? files : files.slice(0, 1));\n  };\n  const takeRef = useRef(take);\n  takeRef.current = take;\n  // Files dropped on the zone, heard on the element itself: the zone's\n  // control is its file input, which the label opens.\n  const zoneRef = useRef<HTMLLabelElement>(null);\n  useEffect(() => {\n    const zone = zoneRef.current;\n    if (!zone) return undefined;\n    const onDragOver = (event: DragEvent) => {\n      event.preventDefault();\n      setDragActive(true);\n    };\n    const onDragLeave = () => setDragActive(false);\n    const onDrop = (event: DragEvent) => {\n      event.preventDefault();\n      setDragActive(false);\n      takeRef.current(event.dataTransfer?.files);\n    };\n    zone.addEventListener('dragover', onDragOver);\n    zone.addEventListener('dragleave', onDragLeave);\n    zone.addEventListener('drop', onDrop);\n    return () => {\n      zone.removeEventListener('dragover', onDragOver);\n      zone.removeEventListener('dragleave', onDragLeave);\n      zone.removeEventListener('drop', onDrop);\n    };\n  }, []);\n\n  const isUploading = upload.isPending;\n  const hasFiles = uploaded.length > 0;\n  const answerDisabled = engine.isLoading || engine.isConversationStreaming;\n\n  return (\n    <div\n      className=\"rounded-lg border border-border bg-card p-4 text-sm shadow-sm\"\n      data-testid=\"typed-interrupt-request-file\"\n    >\n      <p className=\"font-medium text-foreground\">{prompt}</p>\n      <label\n        ref={zoneRef}\n        htmlFor={inputId}\n        className={cn(\n          'mt-3 flex cursor-pointer flex-col items-center justify-center gap-2 rounded-md border border-border border-dashed px-4 py-6 text-center text-muted-foreground transition-colors hover:border-muted-foreground/60',\n          dragActive && 'border-primary bg-muted/30 text-primary',\n        )}\n      >\n        <input\n          id={inputId}\n          type=\"file\"\n          multiple={allowMultiple}\n          className=\"sr-only\"\n          disabled={isUploading}\n          onChange={(event) => {\n            take(event.target.files);\n            event.target.value = '';\n          }}\n        />\n        {isUploading ? <Loader2Icon className=\"size-5 animate-spin\" /> : <UploadIcon className=\"size-5\" />}\n        <span>\n          {isUploading\n            ? 'Uploading…'\n            : `Drag a file here or click to select${allowMultiple ? ' (multiple allowed)' : ''}`}\n        </span>\n      </label>\n      {error ? (\n        <p role=\"alert\" className=\"mt-2 text-destructive text-xs\">\n          {error}\n        </p>\n      ) : null}\n      {hasFiles ? (\n        <ul className=\"mt-3 flex flex-col gap-1\">\n          {uploaded.map((file) => (\n            <li key={file.asset_id} className=\"flex items-center gap-2 text-foreground\">\n              <CheckIcon className=\"size-4 shrink-0 text-green-600\" />\n              <span className=\"truncate\">{file.filename}</span>\n            </li>\n          ))}\n        </ul>\n      ) : null}\n      <div className=\"mt-4 flex justify-end gap-2\">\n        <Button variant=\"ghost\" size=\"sm\" onClick={cancel} disabled={answerDisabled}>\n          Cancel\n        </Button>\n        <Button\n          size=\"sm\"\n          disabled={!hasFiles || isUploading || answerDisabled}\n          onClick={() => resume(requestFileResume(uploaded))}\n        >\n          Continue\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"names":["createAthenaSpacesUrl","mentionRequestInit","agoraApiRoot","readRequestFileContext","useContext","MentionAuthCtx","useAthenaQueryClient","useId","useState","useMutation","useRef","useEffect","jsxs","jsx","cn","Loader2Icon","UploadIcon","CheckIcon","Button","requestFileResume"],"mappings":"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"}

package/dist/chat/typed-interrupts/request-file-card.d.ts

@@ -0,0 +1,2 @@
+import type { TypedInterruptCardProps } from './typed-interrupt-types';
+export declare function RequestFileCard({ interrupt, resume, cancel, engine }: TypedInterruptCardProps): import("react").JSX.Element;

package/dist/chat/typed-interrupts/request-file-card.js

@@ -0,0 +1,159 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { readRequestFileContext, requestFileResume } from "../../agent-runtime/src/typed-interrupt-kinds.js";
+import { useMutation } from "@tanstack/react-query";
+import { Loader2Icon, UploadIcon, CheckIcon } from "lucide-react";
+import { useContext, useId, useState, useRef, useEffect } from "react";
+import { MentionAuthCtx, mentionRequestInit } from "../../chat-ui/mentions/suggestions/data/api-client.js";
+import { createAthenaSpacesUrl } from "../../lib/athena-urls.js";
+import { useAthenaQueryClient } from "../../lib/use-athena-rest-query.js";
+import { Button } from "../../ui/button.js";
+import { agoraApiRoot } from "../browser-decision-check.js";
+import { cn } from "cnfast";
+function readUploadResponse(data, appUrl) {
+  const record = typeof data === "object" && data !== null ? data : {};
+  const success = Array.isArray(record.success) ? record.success : [];
+  const errors = Array.isArray(record.errors) ? record.errors : [];
+  const files = success.flatMap((entry) => {
+    if (typeof entry !== "object" || entry === null) return [];
+    const asset = entry;
+    if (typeof asset.id !== "string") return [];
+    const title = typeof asset.title === "string" && asset.title || typeof asset.file_name === "string" && asset.file_name || asset.id;
+    const filename = typeof asset.file_name === "string" && asset.file_name || title;
+    const link = createAthenaSpacesUrl({ ...appUrl ? { appUrl } : {}, assetIds: asset.id });
+    return [{ asset_id: asset.id, filename, mention: `[@${title}](${link})` }];
+  });
+  return { files, failed: errors.length };
+}
+async function uploadRequestedFiles(auth, files) {
+  const body = new FormData();
+  for (const file of files) body.append("files", file, file.name);
+  const token = auth.getAccessToken ? await auth.getAccessToken() ?? auth.accessToken : auth.accessToken;
+  const { headers, credentials } = mentionRequestInit({ ...auth, accessToken: token ?? void 0 });
+  const response = await fetch(`${agoraApiRoot(auth.backendUrl)}/api/upload/`, {
+    method: "POST",
+    headers,
+    ...credentials ? { credentials } : {},
+    body
+  });
+  if (!response.ok) throw new Error(`Upload failed with status ${response.status}`);
+  return readUploadResponse(await response.json(), auth.appUrl);
+}
+function RequestFileCard({ interrupt, resume, cancel, engine }) {
+  const { prompt, allowMultiple } = readRequestFileContext(interrupt);
+  const auth = useContext(MentionAuthCtx);
+  const queryClient = useAthenaQueryClient();
+  const inputId = useId();
+  const [uploaded, setUploaded] = useState([]);
+  const [error, setError] = useState(null);
+  const [dragActive, setDragActive] = useState(false);
+  const upload = useMutation(
+    {
+      mutationKey: ["athena-sdk", "interrupt-request-file-upload"],
+      mutationFn: (files) => {
+        if (!auth) return Promise.reject(new Error("This app cannot upload files here."));
+        return uploadRequestedFiles(auth, files);
+      },
+      onSuccess: ({ files, failed }) => {
+        setError(failed > 0 ? `${failed} file${failed === 1 ? "" : "s"} failed to upload` : null);
+        setUploaded((previous) => allowMultiple ? [...previous, ...files] : files);
+      },
+      onError: () => setError("Upload failed. Please try again."),
+      retry: false
+    },
+    queryClient
+  );
+  const take = (list) => {
+    const files = list ? Array.from(list) : [];
+    if (files.length === 0) return;
+    upload.mutate(allowMultiple ? files : files.slice(0, 1));
+  };
+  const takeRef = useRef(take);
+  takeRef.current = take;
+  const zoneRef = useRef(null);
+  useEffect(() => {
+    const zone = zoneRef.current;
+    if (!zone) return void 0;
+    const onDragOver = (event) => {
+      event.preventDefault();
+      setDragActive(true);
+    };
+    const onDragLeave = () => setDragActive(false);
+    const onDrop = (event) => {
+      var _a;
+      event.preventDefault();
+      setDragActive(false);
+      takeRef.current((_a = event.dataTransfer) == null ? void 0 : _a.files);
+    };
+    zone.addEventListener("dragover", onDragOver);
+    zone.addEventListener("dragleave", onDragLeave);
+    zone.addEventListener("drop", onDrop);
+    return () => {
+      zone.removeEventListener("dragover", onDragOver);
+      zone.removeEventListener("dragleave", onDragLeave);
+      zone.removeEventListener("drop", onDrop);
+    };
+  }, []);
+  const isUploading = upload.isPending;
+  const hasFiles = uploaded.length > 0;
+  const answerDisabled = engine.isLoading || engine.isConversationStreaming;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "rounded-lg border border-border bg-card p-4 text-sm shadow-sm",
+      "data-testid": "typed-interrupt-request-file",
+      children: [
+        /* @__PURE__ */ jsx("p", { className: "font-medium text-foreground", children: prompt }),
+        /* @__PURE__ */ jsxs(
+          "label",
+          {
+            ref: zoneRef,
+            htmlFor: inputId,
+            className: cn(
+              "mt-3 flex cursor-pointer flex-col items-center justify-center gap-2 rounded-md border border-border border-dashed px-4 py-6 text-center text-muted-foreground transition-colors hover:border-muted-foreground/60",
+              dragActive && "border-primary bg-muted/30 text-primary"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  id: inputId,
+                  type: "file",
+                  multiple: allowMultiple,
+                  className: "sr-only",
+                  disabled: isUploading,
+                  onChange: (event) => {
+                    take(event.target.files);
+                    event.target.value = "";
+                  }
+                }
+              ),
+              isUploading ? /* @__PURE__ */ jsx(Loader2Icon, { className: "size-5 animate-spin" }) : /* @__PURE__ */ jsx(UploadIcon, { className: "size-5" }),
+              /* @__PURE__ */ jsx("span", { children: isUploading ? "Uploading…" : `Drag a file here or click to select${allowMultiple ? " (multiple allowed)" : ""}` })
+            ]
+          }
+        ),
+        error ? /* @__PURE__ */ jsx("p", { role: "alert", className: "mt-2 text-destructive text-xs", children: error }) : null,
+        hasFiles ? /* @__PURE__ */ jsx("ul", { className: "mt-3 flex flex-col gap-1", children: uploaded.map((file) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2 text-foreground", children: [
+          /* @__PURE__ */ jsx(CheckIcon, { className: "size-4 shrink-0 text-green-600" }),
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: file.filename })
+        ] }, file.asset_id)) }) : null,
+        /* @__PURE__ */ jsxs("div", { className: "mt-4 flex justify-end gap-2", children: [
+          /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: cancel, disabled: answerDisabled, children: "Cancel" }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "sm",
+              disabled: !hasFiles || isUploading || answerDisabled,
+              onClick: () => resume(requestFileResume(uploaded)),
+              children: "Continue"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  RequestFileCard
+};
+//# sourceMappingURL=request-file-card.js.map

package/dist/chat/typed-interrupts/request-file-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"request-file-card.js","sources":["../../../src/chat/typed-interrupts/request-file-card.tsx"],"sourcesContent":["/**\n * `request_file_from_user` (Olympus's `RequestFileInterruptUi`): the agent's\n * prompt, a drop zone that uploads the file(s) into Athena assets the person\n * owns (agora's `/api/upload/`, the composer's own upload, under the chat's\n * credential), and Continue, which answers with the assets so the agent can\n * read them. Cancel ends the request.\n */\nimport {\n  readRequestFileContext,\n  type RequestedFile,\n  requestFileResume,\n} from '@athenaintel/agent-runtime/typed-interrupt-kinds';\nimport { useMutation } from '@tanstack/react-query';\nimport { CheckIcon, Loader2Icon, UploadIcon } from 'lucide-react';\nimport { useContext, useEffect, useId, useRef, useState } from 'react';\nimport {\n  type MentionAuthContext,\n  MentionAuthCtx,\n  mentionRequestInit,\n} from '../../chat-ui/mentions/suggestions/data/api-client';\nimport { createAthenaSpacesUrl } from '../../lib/athena-urls';\nimport { useAthenaQueryClient } from '../../lib/use-athena-rest-query';\nimport { cn } from '../../lib/utils';\nimport { Button } from '../../ui/button';\nimport { agoraApiRoot } from '../browser-decision-check';\nimport type { TypedInterruptCardProps } from './typed-interrupt-types';\n\ninterface UploadOutcome {\n  files: RequestedFile[];\n  failed: number;\n}\n\n/** agora's upload answer, read defensively. */\nfunction readUploadResponse(data: unknown, appUrl: string | undefined): UploadOutcome {\n  const record = typeof data === 'object' && data !== null ? (data as Record<string, unknown>) : {};\n  const success = Array.isArray(record.success) ? record.success : [];\n  const errors = Array.isArray(record.errors) ? record.errors : [];\n  const files = success.flatMap((entry): RequestedFile[] => {\n    if (typeof entry !== 'object' || entry === null) return [];\n    const asset = entry as Record<string, unknown>;\n    if (typeof asset.id !== 'string') return [];\n    const title =\n      (typeof asset.title === 'string' && asset.title) ||\n      (typeof asset.file_name === 'string' && asset.file_name) ||\n      asset.id;\n    const filename = (typeof asset.file_name === 'string' && asset.file_name) || title;\n    const link = createAthenaSpacesUrl({ ...(appUrl ? { appUrl } : {}), assetIds: asset.id });\n    return [{ asset_id: asset.id, filename, mention: `[@${title}](${link})` }];\n  });\n  return { files, failed: errors.length };\n}\n\nasync function uploadRequestedFiles(auth: MentionAuthContext, files: readonly File[]): Promise<UploadOutcome> {\n  const body = new FormData();\n  for (const file of files) body.append('files', file, file.name);\n  const token = auth.getAccessToken ? ((await auth.getAccessToken()) ?? auth.accessToken) : auth.accessToken;\n  const { headers, credentials } = mentionRequestInit({ ...auth, accessToken: token ?? undefined });\n  const response = await fetch(`${agoraApiRoot(auth.backendUrl)}/api/upload/`, {\n    method: 'POST',\n    headers,\n    ...(credentials ? { credentials } : {}),\n    body,\n  });\n  if (!response.ok) throw new Error(`Upload failed with status ${response.status}`);\n  return readUploadResponse(await response.json(), auth.appUrl);\n}\n\nexport function RequestFileCard({ interrupt, resume, cancel, engine }: TypedInterruptCardProps) {\n  const { prompt, allowMultiple } = readRequestFileContext(interrupt);\n  const auth = useContext(MentionAuthCtx);\n  const queryClient = useAthenaQueryClient();\n  const inputId = useId();\n  const [uploaded, setUploaded] = useState<RequestedFile[]>([]);\n  const [error, setError] = useState<string | null>(null);\n  const [dragActive, setDragActive] = useState(false);\n\n  const upload = useMutation(\n    {\n      mutationKey: ['athena-sdk', 'interrupt-request-file-upload'],\n      mutationFn: (files: File[]) => {\n        if (!auth) return Promise.reject(new Error('This app cannot upload files here.'));\n        return uploadRequestedFiles(auth, files);\n      },\n      onSuccess: ({ files, failed }) => {\n        setError(failed > 0 ? `${failed} file${failed === 1 ? '' : 's'} failed to upload` : null);\n        setUploaded((previous) => (allowMultiple ? [...previous, ...files] : files));\n      },\n      onError: () => setError('Upload failed. Please try again.'),\n      retry: false,\n    },\n    queryClient,\n  );\n\n  const take = (list: FileList | null | undefined) => {\n    const files = list ? Array.from(list) : [];\n    if (files.length === 0) return;\n    upload.mutate(allowMultiple ? files : files.slice(0, 1));\n  };\n  const takeRef = useRef(take);\n  takeRef.current = take;\n  // Files dropped on the zone, heard on the element itself: the zone's\n  // control is its file input, which the label opens.\n  const zoneRef = useRef<HTMLLabelElement>(null);\n  useEffect(() => {\n    const zone = zoneRef.current;\n    if (!zone) return undefined;\n    const onDragOver = (event: DragEvent) => {\n      event.preventDefault();\n      setDragActive(true);\n    };\n    const onDragLeave = () => setDragActive(false);\n    const onDrop = (event: DragEvent) => {\n      event.preventDefault();\n      setDragActive(false);\n      takeRef.current(event.dataTransfer?.files);\n    };\n    zone.addEventListener('dragover', onDragOver);\n    zone.addEventListener('dragleave', onDragLeave);\n    zone.addEventListener('drop', onDrop);\n    return () => {\n      zone.removeEventListener('dragover', onDragOver);\n      zone.removeEventListener('dragleave', onDragLeave);\n      zone.removeEventListener('drop', onDrop);\n    };\n  }, []);\n\n  const isUploading = upload.isPending;\n  const hasFiles = uploaded.length > 0;\n  const answerDisabled = engine.isLoading || engine.isConversationStreaming;\n\n  return (\n    <div\n      className=\"rounded-lg border border-border bg-card p-4 text-sm shadow-sm\"\n      data-testid=\"typed-interrupt-request-file\"\n    >\n      <p className=\"font-medium text-foreground\">{prompt}</p>\n      <label\n        ref={zoneRef}\n        htmlFor={inputId}\n        className={cn(\n          'mt-3 flex cursor-pointer flex-col items-center justify-center gap-2 rounded-md border border-border border-dashed px-4 py-6 text-center text-muted-foreground transition-colors hover:border-muted-foreground/60',\n          dragActive && 'border-primary bg-muted/30 text-primary',\n        )}\n      >\n        <input\n          id={inputId}\n          type=\"file\"\n          multiple={allowMultiple}\n          className=\"sr-only\"\n          disabled={isUploading}\n          onChange={(event) => {\n            take(event.target.files);\n            event.target.value = '';\n          }}\n        />\n        {isUploading ? <Loader2Icon className=\"size-5 animate-spin\" /> : <UploadIcon className=\"size-5\" />}\n        <span>\n          {isUploading\n            ? 'Uploading…'\n            : `Drag a file here or click to select${allowMultiple ? ' (multiple allowed)' : ''}`}\n        </span>\n      </label>\n      {error ? (\n        <p role=\"alert\" className=\"mt-2 text-destructive text-xs\">\n          {error}\n        </p>\n      ) : null}\n      {hasFiles ? (\n        <ul className=\"mt-3 flex flex-col gap-1\">\n          {uploaded.map((file) => (\n            <li key={file.asset_id} className=\"flex items-center gap-2 text-foreground\">\n              <CheckIcon className=\"size-4 shrink-0 text-green-600\" />\n              <span className=\"truncate\">{file.filename}</span>\n            </li>\n          ))}\n        </ul>\n      ) : null}\n      <div className=\"mt-4 flex justify-end gap-2\">\n        <Button variant=\"ghost\" size=\"sm\" onClick={cancel} disabled={answerDisabled}>\n          Cancel\n        </Button>\n        <Button\n          size=\"sm\"\n          disabled={!hasFiles || isUploading || answerDisabled}\n          onClick={() => resume(requestFileResume(uploaded))}\n        >\n          Continue\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAiCA,SAAS,mBAAmB,MAAe,QAA2C;AACpF,QAAM,SAAS,OAAO,SAAS,YAAY,SAAS,OAAQ,OAAmC,CAAA;AAC/F,QAAM,UAAU,MAAM,QAAQ,OAAO,OAAO,IAAI,OAAO,UAAU,CAAA;AACjE,QAAM,SAAS,MAAM,QAAQ,OAAO,MAAM,IAAI,OAAO,SAAS,CAAA;AAC9D,QAAM,QAAQ,QAAQ,QAAQ,CAAC,UAA2B;AACxD,QAAI,OAAO,UAAU,YAAY,UAAU,aAAa,CAAA;AACxD,UAAM,QAAQ;AACd,QAAI,OAAO,MAAM,OAAO,iBAAiB,CAAA;AACzC,UAAM,QACH,OAAO,MAAM,UAAU,YAAY,MAAM,SACzC,OAAO,MAAM,cAAc,YAAY,MAAM,aAC9C,MAAM;AACR,UAAM,WAAY,OAAO,MAAM,cAAc,YAAY,MAAM,aAAc;AAC7E,UAAM,OAAO,sBAAsB,EAAE,GAAI,SAAS,EAAE,OAAA,IAAW,IAAK,UAAU,MAAM,IAAI;AACxF,WAAO,CAAC,EAAE,UAAU,MAAM,IAAI,UAAU,SAAS,KAAK,KAAK,KAAK,IAAI,IAAA,CAAK;AAAA,EAC3E,CAAC;AACD,SAAO,EAAE,OAAO,QAAQ,OAAO,OAAA;AACjC;AAEA,eAAe,qBAAqB,MAA0B,OAAgD;AAC5G,QAAM,OAAO,IAAI,SAAA;AACjB,aAAW,QAAQ,MAAO,MAAK,OAAO,SAAS,MAAM,KAAK,IAAI;AAC9D,QAAM,QAAQ,KAAK,iBAAmB,MAAM,KAAK,eAAA,KAAqB,KAAK,cAAe,KAAK;AAC/F,QAAM,EAAE,SAAS,YAAA,IAAgB,mBAAmB,EAAE,GAAG,MAAM,aAAa,SAAS,QAAW;AAChG,QAAM,WAAW,MAAM,MAAM,GAAG,aAAa,KAAK,UAAU,CAAC,gBAAgB;AAAA,IAC3E,QAAQ;AAAA,IACR;AAAA,IACA,GAAI,cAAc,EAAE,YAAA,IAAgB,CAAA;AAAA,IACpC;AAAA,EAAA,CACD;AACD,MAAI,CAAC,SAAS,GAAI,OAAM,IAAI,MAAM,6BAA6B,SAAS,MAAM,EAAE;AAChF,SAAO,mBAAmB,MAAM,SAAS,KAAA,GAAQ,KAAK,MAAM;AAC9D;AAEO,SAAS,gBAAgB,EAAE,WAAW,QAAQ,QAAQ,UAAmC;AAC9F,QAAM,EAAE,QAAQ,kBAAkB,uBAAuB,SAAS;AAClE,QAAM,OAAO,WAAW,cAAc;AACtC,QAAM,cAAc,qBAAA;AACpB,QAAM,UAAU,MAAA;AAChB,QAAM,CAAC,UAAU,WAAW,IAAI,SAA0B,CAAA,CAAE;AAC5D,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,IAAI;AACtD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAElD,QAAM,SAAS;AAAA,IACb;AAAA,MACE,aAAa,CAAC,cAAc,+BAA+B;AAAA,MAC3D,YAAY,CAAC,UAAkB;AAC7B,YAAI,CAAC,KAAM,QAAO,QAAQ,OAAO,IAAI,MAAM,oCAAoC,CAAC;AAChF,eAAO,qBAAqB,MAAM,KAAK;AAAA,MACzC;AAAA,MACA,WAAW,CAAC,EAAE,OAAO,aAAa;AAChC,iBAAS,SAAS,IAAI,GAAG,MAAM,QAAQ,WAAW,IAAI,KAAK,GAAG,sBAAsB,IAAI;AACxF,oBAAY,CAAC,aAAc,gBAAgB,CAAC,GAAG,UAAU,GAAG,KAAK,IAAI,KAAM;AAAA,MAC7E;AAAA,MACA,SAAS,MAAM,SAAS,kCAAkC;AAAA,MAC1D,OAAO;AAAA,IAAA;AAAA,IAET;AAAA,EAAA;AAGF,QAAM,OAAO,CAAC,SAAsC;AAClD,UAAM,QAAQ,OAAO,MAAM,KAAK,IAAI,IAAI,CAAA;AACxC,QAAI,MAAM,WAAW,EAAG;AACxB,WAAO,OAAO,gBAAgB,QAAQ,MAAM,MAAM,GAAG,CAAC,CAAC;AAAA,EACzD;AACA,QAAM,UAAU,OAAO,IAAI;AAC3B,UAAQ,UAAU;AAGlB,QAAM,UAAU,OAAyB,IAAI;AAC7C,YAAU,MAAM;AACd,UAAM,OAAO,QAAQ;AACrB,QAAI,CAAC,KAAM,QAAO;AAClB,UAAM,aAAa,CAAC,UAAqB;AACvC,YAAM,eAAA;AACN,oBAAc,IAAI;AAAA,IACpB;AACA,UAAM,cAAc,MAAM,cAAc,KAAK;AAC7C,UAAM,SAAS,CAAC,UAAqB;;AACnC,YAAM,eAAA;AACN,oBAAc,KAAK;AACnB,cAAQ,SAAQ,WAAM,iBAAN,mBAAoB,KAAK;AAAA,IAC3C;AACA,SAAK,iBAAiB,YAAY,UAAU;AAC5C,SAAK,iBAAiB,aAAa,WAAW;AAC9C,SAAK,iBAAiB,QAAQ,MAAM;AACpC,WAAO,MAAM;AACX,WAAK,oBAAoB,YAAY,UAAU;AAC/C,WAAK,oBAAoB,aAAa,WAAW;AACjD,WAAK,oBAAoB,QAAQ,MAAM;AAAA,IACzC;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,QAAM,cAAc,OAAO;AAC3B,QAAM,WAAW,SAAS,SAAS;AACnC,QAAM,iBAAiB,OAAO,aAAa,OAAO;AAElD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MAEZ,UAAA;AAAA,QAAA,oBAAC,KAAA,EAAE,WAAU,+BAA+B,UAAA,QAAO;AAAA,QACnD;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,SAAS;AAAA,YACT,WAAW;AAAA,cACT;AAAA,cACA,cAAc;AAAA,YAAA;AAAA,YAGhB,UAAA;AAAA,cAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAI;AAAA,kBACJ,MAAK;AAAA,kBACL,UAAU;AAAA,kBACV,WAAU;AAAA,kBACV,UAAU;AAAA,kBACV,UAAU,CAAC,UAAU;AACnB,yBAAK,MAAM,OAAO,KAAK;AACvB,0BAAM,OAAO,QAAQ;AAAA,kBACvB;AAAA,gBAAA;AAAA,cAAA;AAAA,cAED,kCAAe,aAAA,EAAY,WAAU,uBAAsB,IAAK,oBAAC,YAAA,EAAW,WAAU,SAAA,CAAS;AAAA,cAChG,oBAAC,UACE,UAAA,cACG,eACA,sCAAsC,gBAAgB,wBAAwB,EAAE,GAAA,CACtF;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAED,4BACE,KAAA,EAAE,MAAK,SAAQ,WAAU,iCACvB,iBACH,IACE;AAAA,QACH,WACC,oBAAC,MAAA,EAAG,WAAU,4BACX,UAAA,SAAS,IAAI,CAAC,SACb,qBAAC,MAAA,EAAuB,WAAU,2CAChC,UAAA;AAAA,UAAA,oBAAC,WAAA,EAAU,WAAU,iCAAA,CAAiC;AAAA,UACtD,oBAAC,QAAA,EAAK,WAAU,YAAY,eAAK,SAAA,CAAS;AAAA,QAAA,EAAA,GAFnC,KAAK,QAGd,CACD,EAAA,CACH,IACE;AAAA,QACJ,qBAAC,OAAA,EAAI,WAAU,+BACb,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAO,SAAQ,SAAQ,MAAK,MAAK,SAAS,QAAQ,UAAU,gBAAgB,UAAA,SAAA,CAE7E;AAAA,UACA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,UAAU,CAAC,YAAY,eAAe;AAAA,cACtC,SAAS,MAAM,OAAO,kBAAkB,QAAQ,CAAC;AAAA,cAClD,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAED,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/chat/typed-interrupts/toolkit-selection-card.cjs

@@ -0,0 +1,189 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const typedInterruptKinds = require("../../agent-runtime/src/typed-interrupt-kinds.cjs");
+const lucideReact = require("lucide-react");
+const require$$0 = require("react");
+const button = require("../../ui/button.cjs");
+const interruptCardShell = require("./interrupt-card-shell.cjs");
+const cnfast = require("cnfast");
+function ToolkitSelectionList({
+  toolkits,
+  selected,
+  isEnable,
+  onToggle,
+  disabled = false
+}) {
+  const readOnly = !onToggle;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-1.5", children: toolkits.map((toolkit) => {
+    const checked = selected[toolkit.toolkit_id] ?? false;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "label",
+      {
+        className: cnfast.cn(
+          "flex items-start gap-2 rounded-md border border-border p-2",
+          readOnly ? "cursor-default" : "cursor-pointer",
+          checked ? "bg-muted/60" : "bg-background",
+          readOnly && !checked && "opacity-70"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "checkbox",
+              checked,
+              onChange: (event) => onToggle == null ? void 0 : onToggle(toolkit.toolkit_id, event.target.checked),
+              disabled: disabled || readOnly,
+              className: cnfast.cn("mt-0.5", readOnly ? "cursor-default" : "cursor-pointer")
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-col gap-0.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: cnfast.cn("text-foreground text-sm", readOnly && !checked && "text-muted-foreground line-through"),
+                  children: toolkit.display_name
+                }
+              ),
+              isEnable && typeof toolkit.added_tool_count === "number" && toolkit.added_tool_count > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "shrink-0 rounded bg-muted px-1.5 py-0.5 font-medium text-[10px] text-muted-foreground", children: [
+                "+",
+                toolkit.added_tool_count,
+                " tool",
+                toolkit.added_tool_count === 1 ? "" : "s"
+              ] }) : null
+            ] }),
+            toolkit.rationale ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-xs italic", children: toolkit.rationale }) : null,
+            toolkit.description ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "line-clamp-2 text-muted-foreground text-xs", children: toolkit.description }) : null
+          ] })
+        ]
+      },
+      toolkit.toolkit_id
+    );
+  }) });
+}
+function ToolkitSelectionCard({ interrupt, resume, engine }) {
+  const {
+    isLoading,
+    hasTimeout,
+    timeoutSeconds,
+    timeoutRemaining,
+    isTimedOut,
+    isTimeoutCancelled,
+    cancelTimeout,
+    isConversationStreaming
+  } = engine;
+  const context = require$$0.useMemo(() => typedInterruptKinds.readToolkitSelectionContext(interrupt), [interrupt]);
+  const { action, toolkits } = context;
+  const [selected, setSelected] = require$$0.useState(
+    () => Object.fromEntries(toolkits.map((toolkit) => [toolkit.toolkit_id, true]))
+  );
+  require$$0.useEffect(() => {
+    setSelected(
+      (previous) => Object.fromEntries(toolkits.map((toolkit) => [toolkit.toolkit_id, previous[toolkit.toolkit_id] ?? true]))
+    );
+  }, [toolkits]);
+  const selectedIds = toolkits.map((toolkit) => toolkit.toolkit_id).filter((id) => selected[id]);
+  const [feedback, setFeedback] = require$$0.useState("");
+  const isEnable = action === "enable";
+  const verb = isEnable ? "Enable" : "Disable";
+  const deselectedCount = toolkits.length - selectedIds.length;
+  const maxTools = context.max_tools;
+  const projectedToolCount = isEnable ? (context.current_tool_count ?? 0) + toolkits.filter((toolkit) => selected[toolkit.toolkit_id]).reduce((sum, toolkit) => sum + (toolkit.added_tool_count ?? 0), 0) : null;
+  const overCap = isEnable && typeof maxTools === "number" && projectedToolCount !== null && projectedToolCount > maxTools;
+  const actionsDisabled = isLoading || isConversationStreaming;
+  const reason = feedback.trim() || void 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    interruptCardShell.InterruptCardShell,
+    {
+      title: `${verb} ${toolkits.length} toolkit${toolkits.length === 1 ? "" : "s"}?`,
+      description: interrupt.message,
+      icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PackageIcon, {}),
+      hasTimeout,
+      onInteraction: cancelTimeout,
+      content: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", "data-testid": "typed-interrupt-toolkit-selection", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ToolkitSelectionList,
+          {
+            toolkits,
+            selected,
+            isEnable,
+            disabled: isLoading,
+            onToggle: (toolkitId, checked) => {
+              void cancelTimeout();
+              setSelected((previous) => ({ ...previous, [toolkitId]: checked }));
+            }
+          }
+        ),
+        isEnable && typeof maxTools === "number" && projectedToolCount !== null ? /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cnfast.cn(
+              "flex items-center justify-between gap-2 rounded-md border px-2 py-1.5 text-xs",
+              overCap ? "border-red-300 bg-red-50 text-red-700" : "border-border bg-muted/60 text-muted-foreground"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                projectedToolCount,
+                " / ",
+                maxTools,
+                " tools enabled"
+              ] }),
+              overCap ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "Over the limit — deselect some to continue" }) : null
+            ]
+          }
+        ) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "textarea",
+          {
+            "aria-label": "Feedback for the agent",
+            value: feedback,
+            onChange: (event) => {
+              void cancelTimeout();
+              setFeedback(event.target.value);
+            },
+            disabled: isLoading,
+            rows: 2,
+            placeholder: deselectedCount > 0 ? "Optional: why skip these? (helps the agent choose better)" : "Optional: feedback for the agent",
+            className: "w-full resize-none rounded-md border border-input bg-background px-2 py-1.5 text-foreground text-xs outline-none placeholder:text-muted-foreground focus-visible:border-ring"
+          }
+        ),
+        hasTimeout ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3 rounded-md border border-border bg-muted/60 px-2 py-1.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            interruptCardShell.TimedInterruptCountdown,
+            {
+              timeoutRemaining,
+              timeoutSeconds,
+              isTimedOut,
+              isTimeoutCancelled,
+              className: "min-w-0 flex-1"
+            }
+          ),
+          !isTimeoutCancelled && !isTimedOut && engine.canCancelTimeout !== false ? /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "outline", size: "sm", onClick: () => void cancelTimeout(), disabled: isLoading, children: "Stop timer" }) : null
+        ] }) : null
+      ] }),
+      actions: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(interruptCardShell.WaitForStreamingHint, { active: isConversationStreaming, children: /* @__PURE__ */ jsxRuntime.jsx(
+          button.Button,
+          {
+            onClick: () => resume(typedInterruptKinds.toolkitSelectionResume({ action: "approve", approvedToolkitIds: selectedIds, reason })),
+            disabled: actionsDisabled || selectedIds.length === 0 || overCap,
+            children: isLoading ? "Processing..." : `${verb}${selectedIds.length > 0 ? ` ${selectedIds.length}` : ""}`
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(interruptCardShell.WaitForStreamingHint, { active: isConversationStreaming, children: /* @__PURE__ */ jsxRuntime.jsx(
+          button.Button,
+          {
+            variant: "outline",
+            onClick: () => resume(typedInterruptKinds.toolkitSelectionResume({ action: "reject", approvedToolkitIds: [], reason })),
+            disabled: actionsDisabled,
+            children: isLoading ? "Processing..." : "Reject"
+          }
+        ) })
+      ] })
+    }
+  );
+}
+exports.ToolkitSelectionCard = ToolkitSelectionCard;
+exports.ToolkitSelectionList = ToolkitSelectionList;
+//# sourceMappingURL=toolkit-selection-card.cjs.map

package/dist/chat/typed-interrupts/toolkit-selection-card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolkit-selection-card.cjs","sources":["../../../src/chat/typed-interrupts/toolkit-selection-card.tsx"],"sourcesContent":["/**\n * `toggle_toolkit` asking to turn toolkits on or off (Olympus's\n * `ToolkitSelectionInterruptUi`): every proposed toolkit starts checked, the\n * person approves all, some or none of them, may say why (sent as `reason`, so\n * the agent does not ask again), and sees the tool cap's headroom before an\n * enable that would breach it. A timed park shows its countdown with Stop\n * timer.\n */\nimport {\n  readToolkitSelectionContext,\n  type ToolkitSelectionItem,\n  toolkitSelectionResume,\n} from '@athenaintel/agent-runtime/typed-interrupt-kinds';\nimport { PackageIcon } from 'lucide-react';\nimport { useEffect, useMemo, useState } from 'react';\nimport { cn } from '../../lib/utils';\nimport { Button } from '../../ui/button';\nimport { InterruptCardShell, TimedInterruptCountdown, WaitForStreamingHint } from './interrupt-card-shell';\nimport type { TypedInterruptCardProps } from './typed-interrupt-types';\n\nexport interface ToolkitSelectionListProps {\n  toolkits: readonly ToolkitSelectionItem[];\n  /** Map of toolkit id to whether it is checked. */\n  selected: Readonly<Record<string, boolean>>;\n  /** An enable shows each toolkit's added-tool count. */\n  isEnable: boolean;\n  /** Interactive when given; a read-only mirror of the answer without it. */\n  onToggle?: (toolkitId: string, checked: boolean) => void;\n  disabled?: boolean;\n}\n\n/** The toolkit rows, interactive in the card and read-only once answered (Olympus's `ToolkitSelectionList`). */\nexport function ToolkitSelectionList({\n  toolkits,\n  selected,\n  isEnable,\n  onToggle,\n  disabled = false,\n}: ToolkitSelectionListProps) {\n  const readOnly = !onToggle;\n  return (\n    <div className=\"flex flex-col gap-1.5\">\n      {toolkits.map((toolkit) => {\n        const checked = selected[toolkit.toolkit_id] ?? false;\n        return (\n          <label\n            key={toolkit.toolkit_id}\n            className={cn(\n              'flex items-start gap-2 rounded-md border border-border p-2',\n              readOnly ? 'cursor-default' : 'cursor-pointer',\n              checked ? 'bg-muted/60' : 'bg-background',\n              readOnly && !checked && 'opacity-70',\n            )}\n          >\n            <input\n              type=\"checkbox\"\n              checked={checked}\n              onChange={(event) => onToggle?.(toolkit.toolkit_id, event.target.checked)}\n              disabled={disabled || readOnly}\n              className={cn('mt-0.5', readOnly ? 'cursor-default' : 'cursor-pointer')}\n            />\n            <span className=\"flex min-w-0 flex-col gap-0.5\">\n              <span className=\"flex items-center gap-2\">\n                <span\n                  className={cn('text-foreground text-sm', readOnly && !checked && 'text-muted-foreground line-through')}\n                >\n                  {toolkit.display_name}\n                </span>\n                {isEnable && typeof toolkit.added_tool_count === 'number' && toolkit.added_tool_count > 0 ? (\n                  <span className=\"shrink-0 rounded bg-muted px-1.5 py-0.5 font-medium text-[10px] text-muted-foreground\">\n                    +{toolkit.added_tool_count} tool{toolkit.added_tool_count === 1 ? '' : 's'}\n                  </span>\n                ) : null}\n              </span>\n              {toolkit.rationale ? (\n                <span className=\"text-muted-foreground text-xs italic\">{toolkit.rationale}</span>\n              ) : null}\n              {toolkit.description ? (\n                <span className=\"line-clamp-2 text-muted-foreground text-xs\">{toolkit.description}</span>\n              ) : null}\n            </span>\n          </label>\n        );\n      })}\n    </div>\n  );\n}\n\nexport function ToolkitSelectionCard({ interrupt, resume, engine }: TypedInterruptCardProps) {\n  const {\n    isLoading,\n    hasTimeout,\n    timeoutSeconds,\n    timeoutRemaining,\n    isTimedOut,\n    isTimeoutCancelled,\n    cancelTimeout,\n    isConversationStreaming,\n  } = engine;\n  const context = useMemo(() => readToolkitSelectionContext(interrupt), [interrupt]);\n  const { action, toolkits } = context;\n\n  const [selected, setSelected] = useState<Record<string, boolean>>(() =>\n    Object.fromEntries(toolkits.map((toolkit) => [toolkit.toolkit_id, true])),\n  );\n  // The same card for another selection: new toolkits start checked, and a\n  // toolkit still proposed keeps the person's choice.\n  useEffect(() => {\n    setSelected((previous) =>\n      Object.fromEntries(toolkits.map((toolkit) => [toolkit.toolkit_id, previous[toolkit.toolkit_id] ?? true])),\n    );\n  }, [toolkits]);\n  const selectedIds = toolkits.map((toolkit) => toolkit.toolkit_id).filter((id) => selected[id]);\n  const [feedback, setFeedback] = useState('');\n\n  const isEnable = action === 'enable';\n  const verb = isEnable ? 'Enable' : 'Disable';\n  const deselectedCount = toolkits.length - selectedIds.length;\n  const maxTools = context.max_tools;\n  const projectedToolCount = isEnable\n    ? (context.current_tool_count ?? 0) +\n      toolkits\n        .filter((toolkit) => selected[toolkit.toolkit_id])\n        .reduce((sum, toolkit) => sum + (toolkit.added_tool_count ?? 0), 0)\n    : null;\n  const overCap = isEnable && typeof maxTools === 'number' && projectedToolCount !== null && projectedToolCount > maxTools;\n  const actionsDisabled = isLoading || isConversationStreaming;\n  const reason = feedback.trim() || undefined;\n\n  return (\n    <InterruptCardShell\n      title={`${verb} ${toolkits.length} toolkit${toolkits.length === 1 ? '' : 's'}?`}\n      description={interrupt.message}\n      icon={<PackageIcon />}\n      hasTimeout={hasTimeout}\n      onInteraction={cancelTimeout}\n      content={\n        <div className=\"flex flex-col gap-2\" data-testid=\"typed-interrupt-toolkit-selection\">\n          <ToolkitSelectionList\n            toolkits={toolkits}\n            selected={selected}\n            isEnable={isEnable}\n            disabled={isLoading}\n            onToggle={(toolkitId, checked) => {\n              void cancelTimeout();\n              setSelected((previous) => ({ ...previous, [toolkitId]: checked }));\n            }}\n          />\n          {isEnable && typeof maxTools === 'number' && projectedToolCount !== null ? (\n            <div\n              className={cn(\n                'flex items-center justify-between gap-2 rounded-md border px-2 py-1.5 text-xs',\n                overCap ? 'border-red-300 bg-red-50 text-red-700' : 'border-border bg-muted/60 text-muted-foreground',\n              )}\n            >\n              <span>\n                {projectedToolCount} / {maxTools} tools enabled\n              </span>\n              {overCap ? <span className=\"font-medium\">Over the limit — deselect some to continue</span> : null}\n            </div>\n          ) : null}\n          <textarea\n            aria-label=\"Feedback for the agent\"\n            value={feedback}\n            onChange={(event) => {\n              void cancelTimeout();\n              setFeedback(event.target.value);\n            }}\n            disabled={isLoading}\n            rows={2}\n            placeholder={\n              deselectedCount > 0\n                ? 'Optional: why skip these? (helps the agent choose better)'\n                : 'Optional: feedback for the agent'\n            }\n            className=\"w-full resize-none rounded-md border border-input bg-background px-2 py-1.5 text-foreground text-xs outline-none placeholder:text-muted-foreground focus-visible:border-ring\"\n          />\n          {hasTimeout ? (\n            <div className=\"flex items-center justify-between gap-3 rounded-md border border-border bg-muted/60 px-2 py-1.5\">\n              <TimedInterruptCountdown\n                timeoutRemaining={timeoutRemaining}\n                timeoutSeconds={timeoutSeconds}\n                isTimedOut={isTimedOut}\n                isTimeoutCancelled={isTimeoutCancelled}\n                className=\"min-w-0 flex-1\"\n              />\n              {!isTimeoutCancelled && !isTimedOut && engine.canCancelTimeout !== false ? (\n                <Button variant=\"outline\" size=\"sm\" onClick={() => void cancelTimeout()} disabled={isLoading}>\n                  Stop timer\n                </Button>\n              ) : null}\n            </div>\n          ) : null}\n        </div>\n      }\n      actions={\n        <>\n          <WaitForStreamingHint active={isConversationStreaming}>\n            <Button\n              onClick={() => resume(toolkitSelectionResume({ action: 'approve', approvedToolkitIds: selectedIds, reason }))}\n              disabled={actionsDisabled || selectedIds.length === 0 || overCap}\n            >\n              {isLoading ? 'Processing...' : `${verb}${selectedIds.length > 0 ? ` ${selectedIds.length}` : ''}`}\n            </Button>\n          </WaitForStreamingHint>\n          <WaitForStreamingHint active={isConversationStreaming}>\n            <Button\n              variant=\"outline\"\n              onClick={() => resume(toolkitSelectionResume({ action: 'reject', approvedToolkitIds: [], reason }))}\n              disabled={actionsDisabled}\n            >\n              {isLoading ? 'Processing...' : 'Reject'}\n            </Button>\n          </WaitForStreamingHint>\n        </>\n      }\n    />\n  );\n}\n"],"names":["jsxs","cn","jsx","useMemo","readToolkitSelectionContext","useState","useEffect","InterruptCardShell","PackageIcon","TimedInterruptCountdown","Button","Fragment","WaitForStreamingHint","toolkitSelectionResume"],"mappings":"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"}

package/dist/chat/typed-interrupts/toolkit-selection-card.d.ts

@@ -0,0 +1,23 @@
+/**
+ * `toggle_toolkit` asking to turn toolkits on or off (Olympus's
+ * `ToolkitSelectionInterruptUi`): every proposed toolkit starts checked, the
+ * person approves all, some or none of them, may say why (sent as `reason`, so
+ * the agent does not ask again), and sees the tool cap's headroom before an
+ * enable that would breach it. A timed park shows its countdown with Stop
+ * timer.
+ */
+import { type ToolkitSelectionItem } from '../../agent-runtime/src/typed-interrupt-kinds';
+import type { TypedInterruptCardProps } from './typed-interrupt-types';
+export interface ToolkitSelectionListProps {
+    toolkits: readonly ToolkitSelectionItem[];
+    /** Map of toolkit id to whether it is checked. */
+    selected: Readonly<Record<string, boolean>>;
+    /** An enable shows each toolkit's added-tool count. */
+    isEnable: boolean;
+    /** Interactive when given; a read-only mirror of the answer without it. */
+    onToggle?: (toolkitId: string, checked: boolean) => void;
+    disabled?: boolean;
+}
+/** The toolkit rows, interactive in the card and read-only once answered (Olympus's `ToolkitSelectionList`). */
+export declare function ToolkitSelectionList({ toolkits, selected, isEnable, onToggle, disabled, }: ToolkitSelectionListProps): import("react").JSX.Element;
+export declare function ToolkitSelectionCard({ interrupt, resume, engine }: TypedInterruptCardProps): import("react").JSX.Element;