@athenaintel/react 0.57.2 → 0.60.0

package/dist/chat/typed-interrupts/approval-cards.cjs

@@ -0,0 +1,250 @@
+"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 apiClient = require("../../chat-ui/mentions/suggestions/data/api-client.cjs");
+const useMentionAsset = require("../../chat-ui/mentions/use-mention-asset.cjs");
+const athenaUrls = require("../../lib/athena-urls.cjs");
+const button = require("../../ui/button.cjs");
+const athenaCitationLinks = require("../athena-citation-links.cjs");
+const interruptCardShell = require("./interrupt-card-shell.cjs");
+const cnfast = require("cnfast");
+const SCOPE_COPY = {
+  session: "for this browser session",
+  attempt: "for this one action"
+};
+const PROFILE_TITLE_FALLBACK = "Browse profile";
+function AssetLink({ assetId, children }) {
+  const auth = require$$0.useContext(apiClient.MentionAuthCtx);
+  const handleLinkClick = athenaCitationLinks.useAthenaLinkClickHandler();
+  const href = athenaUrls.createAthenaSpacesUrl({ ...(auth == null ? void 0 : auth.appUrl) ? { appUrl: auth.appUrl } : {}, assetIds: assetId });
+  const onClick = (event) => {
+    if (event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;
+    const handled = handleLinkClick({
+      href,
+      linkText: children,
+      target: event.currentTarget.target,
+      nativeEvent: event.nativeEvent
+    });
+    if (handled) event.preventDefault();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "a",
+    {
+      href,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      onClick,
+      className: "inline-flex w-fit items-center gap-1 text-muted-foreground text-xs hover:text-foreground hover:underline",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLinkIcon, { className: "size-3" }),
+        children
+      ]
+    }
+  );
+}
+function BrowseProfileRow({ assetId, scope }) {
+  const asset = useMentionAsset.useMentionAsset(assetId);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 px-3 py-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "aria-hidden": true,
+        className: "flex size-8 shrink-0 items-center justify-center rounded-md border border-border bg-muted text-muted-foreground",
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.KeyRoundIcon, { className: "size-4" })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-medium text-foreground text-sm", children: (asset == null ? void 0 : asset.title) || PROFILE_TITLE_FALLBACK }),
+      /* @__PURE__ */ jsxRuntime.jsx(AssetLink, { assetId, children: "Open in Spaces" })
+    ] }),
+    scope ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "shrink-0 rounded-full bg-muted px-2 py-0.5 text-foreground text-xs", children: [
+      "Allow ",
+      SCOPE_COPY[scope] ?? scope
+    ] }) : null
+  ] });
+}
+function BrowseProfileApprovalCard({ interrupt, resume, engine }) {
+  const { isLoading, hasTimeout, cancelTimeout, isConversationStreaming } = engine;
+  const actionsDisabled = isLoading || isConversationStreaming;
+  const { profiles, sessionApprovalAllowed } = typedInterruptKinds.readBrowseProfileApprovalContext(interrupt);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    interruptCardShell.InterruptCardShell,
+    {
+      title: "Browse Profile Approval",
+      description: "The agent wants to use a saved login that requires your approval",
+      icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShieldCheckIcon, {}),
+      hasTimeout,
+      onInteraction: cancelTimeout,
+      content: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", "data-testid": "typed-interrupt-browse-profile", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium text-foreground text-sm", children: profiles.length > 1 ? "Browse profiles requested:" : "Browse profile requested:" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y divide-border rounded-md border border-border bg-background", children: profiles.map((profile) => /* @__PURE__ */ jsxRuntime.jsx(
+          BrowseProfileRow,
+          {
+            assetId: profile.profile_asset_id,
+            scope: profile.approval_scope
+          },
+          profile.profile_asset_id
+        )) }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-xs", children: "Only the profile owner or an admin can approve. Approving lets the agent use this login's saved cookies; you won't be re-prompted for the granted scope." })
+      ] }),
+      actions: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(interruptCardShell.WaitForStreamingHint, { active: isConversationStreaming, children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { onClick: () => resume(typedInterruptKinds.browseProfileApprovalResume({ action: "approve" })), disabled: actionsDisabled, children: isLoading ? "Processing..." : "Approve" }) }),
+        sessionApprovalAllowed ? /* @__PURE__ */ jsxRuntime.jsx(interruptCardShell.WaitForStreamingHint, { active: isConversationStreaming, children: /* @__PURE__ */ jsxRuntime.jsxs(
+          button.Button,
+          {
+            variant: "outline",
+            onClick: () => resume(typedInterruptKinds.browseProfileApprovalResume({ action: "approve", forSession: true })),
+            disabled: actionsDisabled,
+            "data-testid": "browse-profile-approve-session",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCheckIcon, {}),
+              "Approve all for this session"
+            ]
+          }
+        ) }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(interruptCardShell.WaitForStreamingHint, { active: isConversationStreaming, children: /* @__PURE__ */ jsxRuntime.jsx(
+          button.Button,
+          {
+            variant: "outline",
+            onClick: () => resume(typedInterruptKinds.browseProfileApprovalResume({ action: "reject" })),
+            disabled: actionsDisabled,
+            children: "Reject"
+          }
+        ) })
+      ] })
+    }
+  );
+}
+const TEXTAREA_CLASS = "mt-1 w-full resize-y rounded-md border border-input bg-background px-3 py-2 text-foreground text-sm shadow-xs outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50";
+function RejectReasonField({
+  label,
+  value,
+  onChange,
+  disabled,
+  placeholder = "Explain why you're rejecting this action..."
+}) {
+  const id = require$$0.useId();
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: id, className: "font-medium text-foreground text-sm", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "textarea",
+      {
+        id,
+        value,
+        onChange: (event) => onChange(event.target.value),
+        placeholder,
+        rows: 2,
+        disabled,
+        className: TEXTAREA_CLASS
+      }
+    )
+  ] });
+}
+function AddFeedbackButton({ onClick, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    button.Button,
+    {
+      variant: "ghost",
+      size: "sm",
+      onClick,
+      className: cnfast.cn("h-auto px-0 py-0 text-muted-foreground text-xs hover:text-foreground", className),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageSquareIcon, { className: "size-3" }),
+        "Add feedback"
+      ]
+    }
+  );
+}
+const APPROVE_BUTTON_CLASS = "bg-green-600 text-white transition-colors hover:bg-green-700";
+function PmScheduleApprovalCard({ interrupt, resume, engine }) {
+  const [reason, setReason] = require$$0.useState("");
+  const [showFeedback, setShowFeedback] = require$$0.useState(false);
+  const { isLoading, hasTimeout, cancelTimeout, isConversationStreaming } = engine;
+  const actionsDisabled = isLoading || isConversationStreaming;
+  const { action, fields } = typedInterruptKinds.readPmScheduleApprovalContext(interrupt);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    interruptCardShell.InterruptCardShell,
+    {
+      title: `Approve Schedule ${action === "delete" ? "Deletion" : "Creation"}?`,
+      description: interrupt.message,
+      icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarIcon, {}),
+      hasTimeout,
+      onInteraction: cancelTimeout,
+      content: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", "data-testid": "typed-interrupt-pm-schedule", children: [
+        fields.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-1.5 rounded-md border border-border bg-muted/60 p-3", children: fields.map(([key, value]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2 text-sm", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-24 shrink-0 font-medium text-muted-foreground", children: interruptCardShell.formatKeyAsName(key) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 break-words text-foreground", children: value })
+        ] }, key)) }) : null,
+        showFeedback ? /* @__PURE__ */ jsxRuntime.jsx(RejectReasonField, { label: "Reason (optional)", value: reason, onChange: setReason, disabled: isLoading }) : /* @__PURE__ */ jsxRuntime.jsx(AddFeedbackButton, { onClick: () => setShowFeedback(true), className: "w-fit" })
+      ] }),
+      actions: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(interruptCardShell.WaitForStreamingHint, { active: isConversationStreaming, children: /* @__PURE__ */ jsxRuntime.jsx(
+          button.Button,
+          {
+            onClick: () => resume(typedInterruptKinds.typedApprovalResume({ action: "approve" })),
+            disabled: actionsDisabled || reason.trim() !== "",
+            className: APPROVE_BUTTON_CLASS,
+            children: isLoading ? "Processing..." : "Approve"
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(interruptCardShell.WaitForStreamingHint, { active: isConversationStreaming, children: /* @__PURE__ */ jsxRuntime.jsx(
+          button.Button,
+          {
+            variant: "outline",
+            onClick: () => resume(typedInterruptKinds.typedApprovalResume({ action: "reject", reason: reason || void 0 })),
+            disabled: actionsDisabled,
+            children: isLoading ? "Processing..." : "Reject"
+          }
+        ) })
+      ] })
+    }
+  );
+}
+function WaitForMinutesCard({ interrupt, cancel, engine }) {
+  const { minutes, reason, timeoutSeconds } = typedInterruptKinds.readWaitForMinutesContext(interrupt);
+  const total = interrupt.timeout_seconds ?? timeoutSeconds ?? minutes * 60;
+  const remaining = Math.ceil(engine.timeoutRemaining ?? typedInterruptKinds.interruptTimeoutRemaining(interrupt) ?? total);
+  const progress = total > 0 ? Math.min(100, Math.max(0, (total - remaining) / total * 100)) : 0;
+  const cancelDisabled = engine.isLoading || engine.isConversationStreaming;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 rounded-lg border border-border bg-card p-4", "data-testid": "typed-interrupt-wait", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ClockIcon, { className: "size-4 text-blue-500" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground text-sm", children: reason ?? `Waiting for ${minutes} minute${minutes !== 1 ? "s" : ""}` })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: cancel,
+          disabled: cancelDisabled,
+          className: "flex items-center gap-1 rounded-md px-2 py-1 font-medium text-muted-foreground text-xs transition-colors hover:bg-muted hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { className: "size-3" }),
+            "Cancel"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-1.5 flex-1 overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "h-full rounded-full bg-blue-500 transition-all duration-1000 ease-linear",
+          style: { width: `${progress}%` }
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-muted-foreground text-xs tabular-nums", children: interruptCardShell.formatSecondsForDisplay(remaining) })
+    ] })
+  ] });
+}
+exports.APPROVE_BUTTON_CLASS = APPROVE_BUTTON_CLASS;
+exports.AddFeedbackButton = AddFeedbackButton;
+exports.BrowseProfileApprovalCard = BrowseProfileApprovalCard;
+exports.PmScheduleApprovalCard = PmScheduleApprovalCard;
+exports.RejectReasonField = RejectReasonField;
+exports.WaitForMinutesCard = WaitForMinutesCard;
+//# sourceMappingURL=approval-cards.cjs.map

package/dist/chat/typed-interrupts/approval-cards.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"approval-cards.cjs","sources":["../../../src/chat/typed-interrupts/approval-cards.tsx"],"sourcesContent":["/**\n * The approval-shaped `custom` parks, each a decision only a person makes\n * (`isTypedApprovalInterrupt`): a saved login the agent asks to use (Olympus's\n * `BrowseProfileApprovalInterruptUi`) and a project manager's schedule\n * (`PMScheduleApprovalInterruptUi`). The engine confirms an approve with the\n * host's passkey check and agora holds it to a signed-in person; a refusal's\n * reason shows on the card. Also the wait a tool announced\n * (`WaitForMinutesInterruptUi`), whose only answer is Cancel.\n */\nimport {\n  browseProfileApprovalResume,\n  interruptTimeoutRemaining,\n  readBrowseProfileApprovalContext,\n  readPmScheduleApprovalContext,\n  readWaitForMinutesContext,\n  typedApprovalResume,\n} from '@athenaintel/agent-runtime/typed-interrupt-kinds';\nimport {\n  CalendarIcon,\n  CheckCheckIcon,\n  ClockIcon,\n  ExternalLinkIcon,\n  KeyRoundIcon,\n  MessageSquareIcon,\n  ShieldCheckIcon,\n  XIcon,\n} from 'lucide-react';\nimport { type MouseEvent, useContext, useId, useState } from 'react';\nimport { MentionAuthCtx } from '../../chat-ui/mentions/suggestions/data/api-client';\nimport { useMentionAsset } from '../../chat-ui/mentions/use-mention-asset';\nimport { createAthenaSpacesUrl } from '../../lib/athena-urls';\nimport { cn } from '../../lib/utils';\nimport { Button } from '../../ui/button';\nimport { useAthenaLinkClickHandler } from '../athena-citation-links';\nimport {\n  formatKeyAsName,\n  formatSecondsForDisplay,\n  InterruptCardShell,\n  WaitForStreamingHint,\n} from './interrupt-card-shell';\nimport type { TypedInterruptCardProps } from './typed-interrupt-types';\n\nconst SCOPE_COPY: Record<string, string> = {\n  session: 'for this browser session',\n  attempt: 'for this one action',\n};\n\nconst PROFILE_TITLE_FALLBACK = 'Browse profile';\n\n/** A link to an asset in Athena on the web, opened through the host's link handling (an asset tab, a panel). */\nfunction AssetLink({ assetId, children }: { assetId: string; children: string }) {\n  const auth = useContext(MentionAuthCtx);\n  const handleLinkClick = useAthenaLinkClickHandler();\n  const href = createAthenaSpacesUrl({ ...(auth?.appUrl ? { appUrl: auth.appUrl } : {}), assetIds: assetId });\n  const onClick = (event: MouseEvent<HTMLAnchorElement>) => {\n    if (event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;\n    const handled = handleLinkClick({\n      href,\n      linkText: children,\n      target: event.currentTarget.target,\n      nativeEvent: event.nativeEvent,\n    });\n    if (handled) event.preventDefault();\n  };\n  return (\n    <a\n      href={href}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      onClick={onClick}\n      className=\"inline-flex w-fit items-center gap-1 text-muted-foreground text-xs hover:text-foreground hover:underline\"\n    >\n      <ExternalLinkIcon className=\"size-3\" />\n      {children}\n    </a>\n  );\n}\n\nfunction BrowseProfileRow({ assetId, scope }: { assetId: string; scope: string | null }) {\n  // The title as agora has it, only for a profile the viewer may read.\n  const asset = useMentionAsset(assetId);\n  return (\n    <div className=\"flex items-center gap-3 px-3 py-2\">\n      <div\n        aria-hidden\n        className=\"flex size-8 shrink-0 items-center justify-center rounded-md border border-border bg-muted text-muted-foreground\"\n      >\n        <KeyRoundIcon className=\"size-4\" />\n      </div>\n      <div className=\"flex min-w-0 flex-1 flex-col\">\n        <span className=\"truncate font-medium text-foreground text-sm\">{asset?.title || PROFILE_TITLE_FALLBACK}</span>\n        <AssetLink assetId={assetId}>Open in Spaces</AssetLink>\n      </div>\n      {scope ? (\n        <span className=\"shrink-0 rounded-full bg-muted px-2 py-0.5 text-foreground text-xs\">\n          Allow {SCOPE_COPY[scope] ?? scope}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n\nexport function BrowseProfileApprovalCard({ interrupt, resume, engine }: TypedInterruptCardProps) {\n  const { isLoading, hasTimeout, cancelTimeout, isConversationStreaming } = engine;\n  const actionsDisabled = isLoading || isConversationStreaming;\n  const { profiles, sessionApprovalAllowed } = readBrowseProfileApprovalContext(interrupt);\n  return (\n    <InterruptCardShell\n      title=\"Browse Profile Approval\"\n      description=\"The agent wants to use a saved login that requires your approval\"\n      icon={<ShieldCheckIcon />}\n      hasTimeout={hasTimeout}\n      onInteraction={cancelTimeout}\n      content={\n        <div className=\"flex flex-col gap-3\" data-testid=\"typed-interrupt-browse-profile\">\n          <p className=\"font-medium text-foreground text-sm\">\n            {profiles.length > 1 ? 'Browse profiles requested:' : 'Browse profile requested:'}\n          </p>\n          <div className=\"divide-y divide-border rounded-md border border-border bg-background\">\n            {profiles.map((profile) => (\n              <BrowseProfileRow\n                key={profile.profile_asset_id}\n                assetId={profile.profile_asset_id}\n                scope={profile.approval_scope}\n              />\n            ))}\n          </div>\n          <p className=\"text-muted-foreground text-xs\">\n            Only the profile owner or an admin can approve. Approving lets the agent use this login&apos;s saved\n            cookies; you won&apos;t be re-prompted for the granted scope.\n          </p>\n        </div>\n      }\n      actions={\n        <>\n          <WaitForStreamingHint active={isConversationStreaming}>\n            <Button onClick={() => resume(browseProfileApprovalResume({ action: 'approve' }))} disabled={actionsDisabled}>\n              {isLoading ? 'Processing...' : 'Approve'}\n            </Button>\n          </WaitForStreamingHint>\n          {sessionApprovalAllowed ? (\n            <WaitForStreamingHint active={isConversationStreaming}>\n              <Button\n                variant=\"outline\"\n                onClick={() => resume(browseProfileApprovalResume({ action: 'approve', forSession: true }))}\n                disabled={actionsDisabled}\n                data-testid=\"browse-profile-approve-session\"\n              >\n                <CheckCheckIcon />\n                Approve all for this session\n              </Button>\n            </WaitForStreamingHint>\n          ) : null}\n          <WaitForStreamingHint active={isConversationStreaming}>\n            <Button\n              variant=\"outline\"\n              onClick={() => resume(browseProfileApprovalResume({ action: 'reject' }))}\n              disabled={actionsDisabled}\n            >\n              Reject\n            </Button>\n          </WaitForStreamingHint>\n        </>\n      }\n    />\n  );\n}\n\nconst TEXTAREA_CLASS =\n  'mt-1 w-full resize-y rounded-md border border-input bg-background px-3 py-2 text-foreground text-sm shadow-xs outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50';\n\n/** The optional reason a reject carries, behind \"Add feedback\". */\nexport function RejectReasonField({\n  label,\n  value,\n  onChange,\n  disabled,\n  placeholder = \"Explain why you're rejecting this action...\",\n}: {\n  label: string;\n  value: string;\n  onChange: (value: string) => void;\n  disabled: boolean;\n  placeholder?: string;\n}) {\n  const id = useId();\n  return (\n    <div>\n      <label htmlFor={id} className=\"font-medium text-foreground text-sm\">\n        {label}\n      </label>\n      <textarea\n        id={id}\n        value={value}\n        onChange={(event) => onChange(event.target.value)}\n        placeholder={placeholder}\n        rows={2}\n        disabled={disabled}\n        className={TEXTAREA_CLASS}\n      />\n    </div>\n  );\n}\n\nexport function AddFeedbackButton({ onClick, className }: { onClick: () => void; className?: string }) {\n  return (\n    <Button\n      variant=\"ghost\"\n      size=\"sm\"\n      onClick={onClick}\n      className={cn('h-auto px-0 py-0 text-muted-foreground text-xs hover:text-foreground', className)}\n    >\n      <MessageSquareIcon className=\"size-3\" />\n      Add feedback\n    </Button>\n  );\n}\n\n/** Approve's green, as Olympus's approval cards draw it. */\nexport const APPROVE_BUTTON_CLASS = 'bg-green-600 text-white transition-colors hover:bg-green-700';\n\nexport function PmScheduleApprovalCard({ interrupt, resume, engine }: TypedInterruptCardProps) {\n  const [reason, setReason] = useState('');\n  const [showFeedback, setShowFeedback] = useState(false);\n  const { isLoading, hasTimeout, cancelTimeout, isConversationStreaming } = engine;\n  const actionsDisabled = isLoading || isConversationStreaming;\n  const { action, fields } = readPmScheduleApprovalContext(interrupt);\n  return (\n    <InterruptCardShell\n      title={`Approve Schedule ${action === 'delete' ? 'Deletion' : 'Creation'}?`}\n      description={interrupt.message}\n      icon={<CalendarIcon />}\n      hasTimeout={hasTimeout}\n      onInteraction={cancelTimeout}\n      content={\n        <div className=\"flex flex-col gap-3\" data-testid=\"typed-interrupt-pm-schedule\">\n          {fields.length > 0 ? (\n            <div className=\"flex flex-col gap-1.5 rounded-md border border-border bg-muted/60 p-3\">\n              {fields.map(([key, value]) => (\n                <div key={key} className=\"flex gap-2 text-sm\">\n                  <span className=\"w-24 shrink-0 font-medium text-muted-foreground\">{formatKeyAsName(key)}</span>\n                  <span className=\"min-w-0 break-words text-foreground\">{value}</span>\n                </div>\n              ))}\n            </div>\n          ) : null}\n          {showFeedback ? (\n            <RejectReasonField label=\"Reason (optional)\" value={reason} onChange={setReason} disabled={isLoading} />\n          ) : (\n            <AddFeedbackButton onClick={() => setShowFeedback(true)} className=\"w-fit\" />\n          )}\n        </div>\n      }\n      actions={\n        <>\n          <WaitForStreamingHint active={isConversationStreaming}>\n            <Button\n              onClick={() => resume(typedApprovalResume({ action: 'approve' }))}\n              disabled={actionsDisabled || reason.trim() !== ''}\n              className={APPROVE_BUTTON_CLASS}\n            >\n              {isLoading ? 'Processing...' : 'Approve'}\n            </Button>\n          </WaitForStreamingHint>\n          <WaitForStreamingHint active={isConversationStreaming}>\n            <Button\n              variant=\"outline\"\n              onClick={() => resume(typedApprovalResume({ action: 'reject', reason: reason || undefined }))}\n              disabled={actionsDisabled}\n            >\n              {isLoading ? 'Processing...' : 'Reject'}\n            </Button>\n          </WaitForStreamingHint>\n        </>\n      }\n    />\n  );\n}\n\n/**\n * The wait `wait_for_minutes` announced: a countdown the backend's timer\n * resumes on its own, so the only answer is Cancel, which ends the wait early.\n */\nexport function WaitForMinutesCard({ interrupt, cancel, engine }: TypedInterruptCardProps) {\n  const { minutes, reason, timeoutSeconds } = readWaitForMinutesContext(interrupt);\n  const total = interrupt.timeout_seconds ?? timeoutSeconds ?? minutes * 60;\n  // The engine ticks every second; the first frame reads the deadline itself.\n  const remaining = Math.ceil(engine.timeoutRemaining ?? interruptTimeoutRemaining(interrupt) ?? total);\n  const progress = total > 0 ? Math.min(100, Math.max(0, ((total - remaining) / total) * 100)) : 0;\n  const cancelDisabled = engine.isLoading || engine.isConversationStreaming;\n  return (\n    <div className=\"flex flex-col gap-3 rounded-lg border border-border bg-card p-4\" data-testid=\"typed-interrupt-wait\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-2\">\n          <ClockIcon className=\"size-4 text-blue-500\" />\n          <span className=\"font-medium text-foreground text-sm\">\n            {reason ?? `Waiting for ${minutes} minute${minutes !== 1 ? 's' : ''}`}\n          </span>\n        </div>\n        <button\n          type=\"button\"\n          onClick={cancel}\n          disabled={cancelDisabled}\n          className=\"flex items-center gap-1 rounded-md px-2 py-1 font-medium text-muted-foreground text-xs transition-colors hover:bg-muted hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50\"\n        >\n          <XIcon className=\"size-3\" />\n          Cancel\n        </button>\n      </div>\n      <div className=\"flex items-center gap-3\">\n        <div className=\"h-1.5 flex-1 overflow-hidden rounded-full bg-muted\">\n          <div\n            className=\"h-full rounded-full bg-blue-500 transition-all duration-1000 ease-linear\"\n            style={{ width: `${progress}%` }}\n          />\n        </div>\n        <span className=\"font-mono text-muted-foreground text-xs tabular-nums\">\n          {formatSecondsForDisplay(remaining)}\n        </span>\n      </div>\n    </div>\n  );\n}\n"],"names":["useContext","MentionAuthCtx","useAthenaLinkClickHandler","createAthenaSpacesUrl","jsxs","jsx","ExternalLinkIcon","useMentionAsset","KeyRoundIcon","readBrowseProfileApprovalContext","InterruptCardShell","ShieldCheckIcon","Fragment","WaitForStreamingHint","Button","browseProfileApprovalResume","CheckCheckIcon","useId","cn","MessageSquareIcon","useState","readPmScheduleApprovalContext","CalendarIcon","formatKeyAsName","typedApprovalResume","readWaitForMinutesContext","interruptTimeoutRemaining","ClockIcon","XIcon","formatSecondsForDisplay"],"mappings":"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"}

package/dist/chat/typed-interrupts/approval-cards.d.ts

@@ -0,0 +1,22 @@
+import type { TypedInterruptCardProps } from './typed-interrupt-types';
+export declare function BrowseProfileApprovalCard({ interrupt, resume, engine }: TypedInterruptCardProps): import("react").JSX.Element;
+/** The optional reason a reject carries, behind "Add feedback". */
+export declare function RejectReasonField({ label, value, onChange, disabled, placeholder, }: {
+    label: string;
+    value: string;
+    onChange: (value: string) => void;
+    disabled: boolean;
+    placeholder?: string;
+}): import("react").JSX.Element;
+export declare function AddFeedbackButton({ onClick, className }: {
+    onClick: () => void;
+    className?: string;
+}): import("react").JSX.Element;
+/** Approve's green, as Olympus's approval cards draw it. */
+export declare const APPROVE_BUTTON_CLASS = "bg-green-600 text-white transition-colors hover:bg-green-700";
+export declare function PmScheduleApprovalCard({ interrupt, resume, engine }: TypedInterruptCardProps): import("react").JSX.Element;
+/**
+ * The wait `wait_for_minutes` announced: a countdown the backend's timer
+ * resumes on its own, so the only answer is Cancel, which ends the wait early.
+ */
+export declare function WaitForMinutesCard({ interrupt, cancel, engine }: TypedInterruptCardProps): import("react").JSX.Element;

package/dist/chat/typed-interrupts/approval-cards.js

@@ -0,0 +1,250 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { readBrowseProfileApprovalContext, browseProfileApprovalResume, readWaitForMinutesContext, interruptTimeoutRemaining, readPmScheduleApprovalContext, typedApprovalResume } from "../../agent-runtime/src/typed-interrupt-kinds.js";
+import { CheckCheckIcon, ShieldCheckIcon, ClockIcon, XIcon, CalendarIcon, KeyRoundIcon, MessageSquareIcon, ExternalLinkIcon } from "lucide-react";
+import { useState, useId, useContext } from "react";
+import { MentionAuthCtx } from "../../chat-ui/mentions/suggestions/data/api-client.js";
+import { useMentionAsset } from "../../chat-ui/mentions/use-mention-asset.js";
+import { createAthenaSpacesUrl } from "../../lib/athena-urls.js";
+import { Button } from "../../ui/button.js";
+import { useAthenaLinkClickHandler } from "../athena-citation-links.js";
+import { InterruptCardShell, WaitForStreamingHint, formatSecondsForDisplay, formatKeyAsName } from "./interrupt-card-shell.js";
+import { cn } from "cnfast";
+const SCOPE_COPY = {
+  session: "for this browser session",
+  attempt: "for this one action"
+};
+const PROFILE_TITLE_FALLBACK = "Browse profile";
+function AssetLink({ assetId, children }) {
+  const auth = useContext(MentionAuthCtx);
+  const handleLinkClick = useAthenaLinkClickHandler();
+  const href = createAthenaSpacesUrl({ ...(auth == null ? void 0 : auth.appUrl) ? { appUrl: auth.appUrl } : {}, assetIds: assetId });
+  const onClick = (event) => {
+    if (event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;
+    const handled = handleLinkClick({
+      href,
+      linkText: children,
+      target: event.currentTarget.target,
+      nativeEvent: event.nativeEvent
+    });
+    if (handled) event.preventDefault();
+  };
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      href,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      onClick,
+      className: "inline-flex w-fit items-center gap-1 text-muted-foreground text-xs hover:text-foreground hover:underline",
+      children: [
+        /* @__PURE__ */ jsx(ExternalLinkIcon, { className: "size-3" }),
+        children
+      ]
+    }
+  );
+}
+function BrowseProfileRow({ assetId, scope }) {
+  const asset = useMentionAsset(assetId);
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-3 py-2", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "aria-hidden": true,
+        className: "flex size-8 shrink-0 items-center justify-center rounded-md border border-border bg-muted text-muted-foreground",
+        children: /* @__PURE__ */ jsx(KeyRoundIcon, { className: "size-4" })
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+      /* @__PURE__ */ jsx("span", { className: "truncate font-medium text-foreground text-sm", children: (asset == null ? void 0 : asset.title) || PROFILE_TITLE_FALLBACK }),
+      /* @__PURE__ */ jsx(AssetLink, { assetId, children: "Open in Spaces" })
+    ] }),
+    scope ? /* @__PURE__ */ jsxs("span", { className: "shrink-0 rounded-full bg-muted px-2 py-0.5 text-foreground text-xs", children: [
+      "Allow ",
+      SCOPE_COPY[scope] ?? scope
+    ] }) : null
+  ] });
+}
+function BrowseProfileApprovalCard({ interrupt, resume, engine }) {
+  const { isLoading, hasTimeout, cancelTimeout, isConversationStreaming } = engine;
+  const actionsDisabled = isLoading || isConversationStreaming;
+  const { profiles, sessionApprovalAllowed } = readBrowseProfileApprovalContext(interrupt);
+  return /* @__PURE__ */ jsx(
+    InterruptCardShell,
+    {
+      title: "Browse Profile Approval",
+      description: "The agent wants to use a saved login that requires your approval",
+      icon: /* @__PURE__ */ jsx(ShieldCheckIcon, {}),
+      hasTimeout,
+      onInteraction: cancelTimeout,
+      content: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", "data-testid": "typed-interrupt-browse-profile", children: [
+        /* @__PURE__ */ jsx("p", { className: "font-medium text-foreground text-sm", children: profiles.length > 1 ? "Browse profiles requested:" : "Browse profile requested:" }),
+        /* @__PURE__ */ jsx("div", { className: "divide-y divide-border rounded-md border border-border bg-background", children: profiles.map((profile) => /* @__PURE__ */ jsx(
+          BrowseProfileRow,
+          {
+            assetId: profile.profile_asset_id,
+            scope: profile.approval_scope
+          },
+          profile.profile_asset_id
+        )) }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: "Only the profile owner or an admin can approve. Approving lets the agent use this login's saved cookies; you won't be re-prompted for the granted scope." })
+      ] }),
+      actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(WaitForStreamingHint, { active: isConversationStreaming, children: /* @__PURE__ */ jsx(Button, { onClick: () => resume(browseProfileApprovalResume({ action: "approve" })), disabled: actionsDisabled, children: isLoading ? "Processing..." : "Approve" }) }),
+        sessionApprovalAllowed ? /* @__PURE__ */ jsx(WaitForStreamingHint, { active: isConversationStreaming, children: /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            onClick: () => resume(browseProfileApprovalResume({ action: "approve", forSession: true })),
+            disabled: actionsDisabled,
+            "data-testid": "browse-profile-approve-session",
+            children: [
+              /* @__PURE__ */ jsx(CheckCheckIcon, {}),
+              "Approve all for this session"
+            ]
+          }
+        ) }) : null,
+        /* @__PURE__ */ jsx(WaitForStreamingHint, { active: isConversationStreaming, children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            onClick: () => resume(browseProfileApprovalResume({ action: "reject" })),
+            disabled: actionsDisabled,
+            children: "Reject"
+          }
+        ) })
+      ] })
+    }
+  );
+}
+const TEXTAREA_CLASS = "mt-1 w-full resize-y rounded-md border border-input bg-background px-3 py-2 text-foreground text-sm shadow-xs outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50";
+function RejectReasonField({
+  label,
+  value,
+  onChange,
+  disabled,
+  placeholder = "Explain why you're rejecting this action..."
+}) {
+  const id = useId();
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("label", { htmlFor: id, className: "font-medium text-foreground text-sm", children: label }),
+    /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        id,
+        value,
+        onChange: (event) => onChange(event.target.value),
+        placeholder,
+        rows: 2,
+        disabled,
+        className: TEXTAREA_CLASS
+      }
+    )
+  ] });
+}
+function AddFeedbackButton({ onClick, className }) {
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant: "ghost",
+      size: "sm",
+      onClick,
+      className: cn("h-auto px-0 py-0 text-muted-foreground text-xs hover:text-foreground", className),
+      children: [
+        /* @__PURE__ */ jsx(MessageSquareIcon, { className: "size-3" }),
+        "Add feedback"
+      ]
+    }
+  );
+}
+const APPROVE_BUTTON_CLASS = "bg-green-600 text-white transition-colors hover:bg-green-700";
+function PmScheduleApprovalCard({ interrupt, resume, engine }) {
+  const [reason, setReason] = useState("");
+  const [showFeedback, setShowFeedback] = useState(false);
+  const { isLoading, hasTimeout, cancelTimeout, isConversationStreaming } = engine;
+  const actionsDisabled = isLoading || isConversationStreaming;
+  const { action, fields } = readPmScheduleApprovalContext(interrupt);
+  return /* @__PURE__ */ jsx(
+    InterruptCardShell,
+    {
+      title: `Approve Schedule ${action === "delete" ? "Deletion" : "Creation"}?`,
+      description: interrupt.message,
+      icon: /* @__PURE__ */ jsx(CalendarIcon, {}),
+      hasTimeout,
+      onInteraction: cancelTimeout,
+      content: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", "data-testid": "typed-interrupt-pm-schedule", children: [
+        fields.length > 0 ? /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1.5 rounded-md border border-border bg-muted/60 p-3", children: fields.map(([key, value]) => /* @__PURE__ */ jsxs("div", { className: "flex gap-2 text-sm", children: [
+          /* @__PURE__ */ jsx("span", { className: "w-24 shrink-0 font-medium text-muted-foreground", children: formatKeyAsName(key) }),
+          /* @__PURE__ */ jsx("span", { className: "min-w-0 break-words text-foreground", children: value })
+        ] }, key)) }) : null,
+        showFeedback ? /* @__PURE__ */ jsx(RejectReasonField, { label: "Reason (optional)", value: reason, onChange: setReason, disabled: isLoading }) : /* @__PURE__ */ jsx(AddFeedbackButton, { onClick: () => setShowFeedback(true), className: "w-fit" })
+      ] }),
+      actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(WaitForStreamingHint, { active: isConversationStreaming, children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: () => resume(typedApprovalResume({ action: "approve" })),
+            disabled: actionsDisabled || reason.trim() !== "",
+            className: APPROVE_BUTTON_CLASS,
+            children: isLoading ? "Processing..." : "Approve"
+          }
+        ) }),
+        /* @__PURE__ */ jsx(WaitForStreamingHint, { active: isConversationStreaming, children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            onClick: () => resume(typedApprovalResume({ action: "reject", reason: reason || void 0 })),
+            disabled: actionsDisabled,
+            children: isLoading ? "Processing..." : "Reject"
+          }
+        ) })
+      ] })
+    }
+  );
+}
+function WaitForMinutesCard({ interrupt, cancel, engine }) {
+  const { minutes, reason, timeoutSeconds } = readWaitForMinutesContext(interrupt);
+  const total = interrupt.timeout_seconds ?? timeoutSeconds ?? minutes * 60;
+  const remaining = Math.ceil(engine.timeoutRemaining ?? interruptTimeoutRemaining(interrupt) ?? total);
+  const progress = total > 0 ? Math.min(100, Math.max(0, (total - remaining) / total * 100)) : 0;
+  const cancelDisabled = engine.isLoading || engine.isConversationStreaming;
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 rounded-lg border border-border bg-card p-4", "data-testid": "typed-interrupt-wait", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(ClockIcon, { className: "size-4 text-blue-500" }),
+        /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground text-sm", children: reason ?? `Waiting for ${minutes} minute${minutes !== 1 ? "s" : ""}` })
+      ] }),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: cancel,
+          disabled: cancelDisabled,
+          className: "flex items-center gap-1 rounded-md px-2 py-1 font-medium text-muted-foreground text-xs transition-colors hover:bg-muted hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50",
+          children: [
+            /* @__PURE__ */ jsx(XIcon, { className: "size-3" }),
+            "Cancel"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-1.5 flex-1 overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "h-full rounded-full bg-blue-500 transition-all duration-1000 ease-linear",
+          style: { width: `${progress}%` }
+        }
+      ) }),
+      /* @__PURE__ */ jsx("span", { className: "font-mono text-muted-foreground text-xs tabular-nums", children: formatSecondsForDisplay(remaining) })
+    ] })
+  ] });
+}
+export {
+  APPROVE_BUTTON_CLASS,
+  AddFeedbackButton,
+  BrowseProfileApprovalCard,
+  PmScheduleApprovalCard,
+  RejectReasonField,
+  WaitForMinutesCard
+};
+//# sourceMappingURL=approval-cards.js.map

package/dist/chat/typed-interrupts/approval-cards.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"approval-cards.js","sources":["../../../src/chat/typed-interrupts/approval-cards.tsx"],"sourcesContent":["/**\n * The approval-shaped `custom` parks, each a decision only a person makes\n * (`isTypedApprovalInterrupt`): a saved login the agent asks to use (Olympus's\n * `BrowseProfileApprovalInterruptUi`) and a project manager's schedule\n * (`PMScheduleApprovalInterruptUi`). The engine confirms an approve with the\n * host's passkey check and agora holds it to a signed-in person; a refusal's\n * reason shows on the card. Also the wait a tool announced\n * (`WaitForMinutesInterruptUi`), whose only answer is Cancel.\n */\nimport {\n  browseProfileApprovalResume,\n  interruptTimeoutRemaining,\n  readBrowseProfileApprovalContext,\n  readPmScheduleApprovalContext,\n  readWaitForMinutesContext,\n  typedApprovalResume,\n} from '@athenaintel/agent-runtime/typed-interrupt-kinds';\nimport {\n  CalendarIcon,\n  CheckCheckIcon,\n  ClockIcon,\n  ExternalLinkIcon,\n  KeyRoundIcon,\n  MessageSquareIcon,\n  ShieldCheckIcon,\n  XIcon,\n} from 'lucide-react';\nimport { type MouseEvent, useContext, useId, useState } from 'react';\nimport { MentionAuthCtx } from '../../chat-ui/mentions/suggestions/data/api-client';\nimport { useMentionAsset } from '../../chat-ui/mentions/use-mention-asset';\nimport { createAthenaSpacesUrl } from '../../lib/athena-urls';\nimport { cn } from '../../lib/utils';\nimport { Button } from '../../ui/button';\nimport { useAthenaLinkClickHandler } from '../athena-citation-links';\nimport {\n  formatKeyAsName,\n  formatSecondsForDisplay,\n  InterruptCardShell,\n  WaitForStreamingHint,\n} from './interrupt-card-shell';\nimport type { TypedInterruptCardProps } from './typed-interrupt-types';\n\nconst SCOPE_COPY: Record<string, string> = {\n  session: 'for this browser session',\n  attempt: 'for this one action',\n};\n\nconst PROFILE_TITLE_FALLBACK = 'Browse profile';\n\n/** A link to an asset in Athena on the web, opened through the host's link handling (an asset tab, a panel). */\nfunction AssetLink({ assetId, children }: { assetId: string; children: string }) {\n  const auth = useContext(MentionAuthCtx);\n  const handleLinkClick = useAthenaLinkClickHandler();\n  const href = createAthenaSpacesUrl({ ...(auth?.appUrl ? { appUrl: auth.appUrl } : {}), assetIds: assetId });\n  const onClick = (event: MouseEvent<HTMLAnchorElement>) => {\n    if (event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;\n    const handled = handleLinkClick({\n      href,\n      linkText: children,\n      target: event.currentTarget.target,\n      nativeEvent: event.nativeEvent,\n    });\n    if (handled) event.preventDefault();\n  };\n  return (\n    <a\n      href={href}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      onClick={onClick}\n      className=\"inline-flex w-fit items-center gap-1 text-muted-foreground text-xs hover:text-foreground hover:underline\"\n    >\n      <ExternalLinkIcon className=\"size-3\" />\n      {children}\n    </a>\n  );\n}\n\nfunction BrowseProfileRow({ assetId, scope }: { assetId: string; scope: string | null }) {\n  // The title as agora has it, only for a profile the viewer may read.\n  const asset = useMentionAsset(assetId);\n  return (\n    <div className=\"flex items-center gap-3 px-3 py-2\">\n      <div\n        aria-hidden\n        className=\"flex size-8 shrink-0 items-center justify-center rounded-md border border-border bg-muted text-muted-foreground\"\n      >\n        <KeyRoundIcon className=\"size-4\" />\n      </div>\n      <div className=\"flex min-w-0 flex-1 flex-col\">\n        <span className=\"truncate font-medium text-foreground text-sm\">{asset?.title || PROFILE_TITLE_FALLBACK}</span>\n        <AssetLink assetId={assetId}>Open in Spaces</AssetLink>\n      </div>\n      {scope ? (\n        <span className=\"shrink-0 rounded-full bg-muted px-2 py-0.5 text-foreground text-xs\">\n          Allow {SCOPE_COPY[scope] ?? scope}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n\nexport function BrowseProfileApprovalCard({ interrupt, resume, engine }: TypedInterruptCardProps) {\n  const { isLoading, hasTimeout, cancelTimeout, isConversationStreaming } = engine;\n  const actionsDisabled = isLoading || isConversationStreaming;\n  const { profiles, sessionApprovalAllowed } = readBrowseProfileApprovalContext(interrupt);\n  return (\n    <InterruptCardShell\n      title=\"Browse Profile Approval\"\n      description=\"The agent wants to use a saved login that requires your approval\"\n      icon={<ShieldCheckIcon />}\n      hasTimeout={hasTimeout}\n      onInteraction={cancelTimeout}\n      content={\n        <div className=\"flex flex-col gap-3\" data-testid=\"typed-interrupt-browse-profile\">\n          <p className=\"font-medium text-foreground text-sm\">\n            {profiles.length > 1 ? 'Browse profiles requested:' : 'Browse profile requested:'}\n          </p>\n          <div className=\"divide-y divide-border rounded-md border border-border bg-background\">\n            {profiles.map((profile) => (\n              <BrowseProfileRow\n                key={profile.profile_asset_id}\n                assetId={profile.profile_asset_id}\n                scope={profile.approval_scope}\n              />\n            ))}\n          </div>\n          <p className=\"text-muted-foreground text-xs\">\n            Only the profile owner or an admin can approve. Approving lets the agent use this login&apos;s saved\n            cookies; you won&apos;t be re-prompted for the granted scope.\n          </p>\n        </div>\n      }\n      actions={\n        <>\n          <WaitForStreamingHint active={isConversationStreaming}>\n            <Button onClick={() => resume(browseProfileApprovalResume({ action: 'approve' }))} disabled={actionsDisabled}>\n              {isLoading ? 'Processing...' : 'Approve'}\n            </Button>\n          </WaitForStreamingHint>\n          {sessionApprovalAllowed ? (\n            <WaitForStreamingHint active={isConversationStreaming}>\n              <Button\n                variant=\"outline\"\n                onClick={() => resume(browseProfileApprovalResume({ action: 'approve', forSession: true }))}\n                disabled={actionsDisabled}\n                data-testid=\"browse-profile-approve-session\"\n              >\n                <CheckCheckIcon />\n                Approve all for this session\n              </Button>\n            </WaitForStreamingHint>\n          ) : null}\n          <WaitForStreamingHint active={isConversationStreaming}>\n            <Button\n              variant=\"outline\"\n              onClick={() => resume(browseProfileApprovalResume({ action: 'reject' }))}\n              disabled={actionsDisabled}\n            >\n              Reject\n            </Button>\n          </WaitForStreamingHint>\n        </>\n      }\n    />\n  );\n}\n\nconst TEXTAREA_CLASS =\n  'mt-1 w-full resize-y rounded-md border border-input bg-background px-3 py-2 text-foreground text-sm shadow-xs outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50';\n\n/** The optional reason a reject carries, behind \"Add feedback\". */\nexport function RejectReasonField({\n  label,\n  value,\n  onChange,\n  disabled,\n  placeholder = \"Explain why you're rejecting this action...\",\n}: {\n  label: string;\n  value: string;\n  onChange: (value: string) => void;\n  disabled: boolean;\n  placeholder?: string;\n}) {\n  const id = useId();\n  return (\n    <div>\n      <label htmlFor={id} className=\"font-medium text-foreground text-sm\">\n        {label}\n      </label>\n      <textarea\n        id={id}\n        value={value}\n        onChange={(event) => onChange(event.target.value)}\n        placeholder={placeholder}\n        rows={2}\n        disabled={disabled}\n        className={TEXTAREA_CLASS}\n      />\n    </div>\n  );\n}\n\nexport function AddFeedbackButton({ onClick, className }: { onClick: () => void; className?: string }) {\n  return (\n    <Button\n      variant=\"ghost\"\n      size=\"sm\"\n      onClick={onClick}\n      className={cn('h-auto px-0 py-0 text-muted-foreground text-xs hover:text-foreground', className)}\n    >\n      <MessageSquareIcon className=\"size-3\" />\n      Add feedback\n    </Button>\n  );\n}\n\n/** Approve's green, as Olympus's approval cards draw it. */\nexport const APPROVE_BUTTON_CLASS = 'bg-green-600 text-white transition-colors hover:bg-green-700';\n\nexport function PmScheduleApprovalCard({ interrupt, resume, engine }: TypedInterruptCardProps) {\n  const [reason, setReason] = useState('');\n  const [showFeedback, setShowFeedback] = useState(false);\n  const { isLoading, hasTimeout, cancelTimeout, isConversationStreaming } = engine;\n  const actionsDisabled = isLoading || isConversationStreaming;\n  const { action, fields } = readPmScheduleApprovalContext(interrupt);\n  return (\n    <InterruptCardShell\n      title={`Approve Schedule ${action === 'delete' ? 'Deletion' : 'Creation'}?`}\n      description={interrupt.message}\n      icon={<CalendarIcon />}\n      hasTimeout={hasTimeout}\n      onInteraction={cancelTimeout}\n      content={\n        <div className=\"flex flex-col gap-3\" data-testid=\"typed-interrupt-pm-schedule\">\n          {fields.length > 0 ? (\n            <div className=\"flex flex-col gap-1.5 rounded-md border border-border bg-muted/60 p-3\">\n              {fields.map(([key, value]) => (\n                <div key={key} className=\"flex gap-2 text-sm\">\n                  <span className=\"w-24 shrink-0 font-medium text-muted-foreground\">{formatKeyAsName(key)}</span>\n                  <span className=\"min-w-0 break-words text-foreground\">{value}</span>\n                </div>\n              ))}\n            </div>\n          ) : null}\n          {showFeedback ? (\n            <RejectReasonField label=\"Reason (optional)\" value={reason} onChange={setReason} disabled={isLoading} />\n          ) : (\n            <AddFeedbackButton onClick={() => setShowFeedback(true)} className=\"w-fit\" />\n          )}\n        </div>\n      }\n      actions={\n        <>\n          <WaitForStreamingHint active={isConversationStreaming}>\n            <Button\n              onClick={() => resume(typedApprovalResume({ action: 'approve' }))}\n              disabled={actionsDisabled || reason.trim() !== ''}\n              className={APPROVE_BUTTON_CLASS}\n            >\n              {isLoading ? 'Processing...' : 'Approve'}\n            </Button>\n          </WaitForStreamingHint>\n          <WaitForStreamingHint active={isConversationStreaming}>\n            <Button\n              variant=\"outline\"\n              onClick={() => resume(typedApprovalResume({ action: 'reject', reason: reason || undefined }))}\n              disabled={actionsDisabled}\n            >\n              {isLoading ? 'Processing...' : 'Reject'}\n            </Button>\n          </WaitForStreamingHint>\n        </>\n      }\n    />\n  );\n}\n\n/**\n * The wait `wait_for_minutes` announced: a countdown the backend's timer\n * resumes on its own, so the only answer is Cancel, which ends the wait early.\n */\nexport function WaitForMinutesCard({ interrupt, cancel, engine }: TypedInterruptCardProps) {\n  const { minutes, reason, timeoutSeconds } = readWaitForMinutesContext(interrupt);\n  const total = interrupt.timeout_seconds ?? timeoutSeconds ?? minutes * 60;\n  // The engine ticks every second; the first frame reads the deadline itself.\n  const remaining = Math.ceil(engine.timeoutRemaining ?? interruptTimeoutRemaining(interrupt) ?? total);\n  const progress = total > 0 ? Math.min(100, Math.max(0, ((total - remaining) / total) * 100)) : 0;\n  const cancelDisabled = engine.isLoading || engine.isConversationStreaming;\n  return (\n    <div className=\"flex flex-col gap-3 rounded-lg border border-border bg-card p-4\" data-testid=\"typed-interrupt-wait\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-2\">\n          <ClockIcon className=\"size-4 text-blue-500\" />\n          <span className=\"font-medium text-foreground text-sm\">\n            {reason ?? `Waiting for ${minutes} minute${minutes !== 1 ? 's' : ''}`}\n          </span>\n        </div>\n        <button\n          type=\"button\"\n          onClick={cancel}\n          disabled={cancelDisabled}\n          className=\"flex items-center gap-1 rounded-md px-2 py-1 font-medium text-muted-foreground text-xs transition-colors hover:bg-muted hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50\"\n        >\n          <XIcon className=\"size-3\" />\n          Cancel\n        </button>\n      </div>\n      <div className=\"flex items-center gap-3\">\n        <div className=\"h-1.5 flex-1 overflow-hidden rounded-full bg-muted\">\n          <div\n            className=\"h-full rounded-full bg-blue-500 transition-all duration-1000 ease-linear\"\n            style={{ width: `${progress}%` }}\n          />\n        </div>\n        <span className=\"font-mono text-muted-foreground text-xs tabular-nums\">\n          {formatSecondsForDisplay(remaining)}\n        </span>\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}