@tangle-network/agent-app 0.45.32 → 0.45.34

package/dist/chunk-7MV23XBW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/teams-react/components/InvitationsPanel.tsx"],"sourcesContent":["/**\n * Email-invitation panel: invite by email + role, and a history of every\n * invitation (pending / accepted / expired / revoked) with its email-delivery\n * status. Pending rows expose copy-link / resend / revoke. Fully callback-driven\n * — the host supplies the data and the async `onInvite` / `onResend` / `onRevoke`\n * callbacks (backed by `./teams/invitations-api`), so this imports no app router,\n * fetch client, or toast. Styled with the shipped Tangle Quiet tokens (`var(--*)`).\n *\n * Mount alongside a list-only `MembersPanel` (`showInviteForm={false}`): the\n * members panel shows accepted members, this owns the invite flow + pending list.\n */\n\nimport { useState } from 'react'\nimport type { WorkspaceRole } from '../../teams/roles'\nimport { hasWorkspaceRole } from '../../teams/roles'\nimport type { InvitationView, InvitationsPanelProps } from '../contracts'\n\nconst ASSIGNABLE: { value: WorkspaceRole; label: string }[] = [\n  { value: 'viewer', label: 'Viewer' },\n  { value: 'editor', label: 'Editor' },\n  { value: 'admin', label: 'Admin' },\n]\n\nconst BADGE_BASE = 'inline-flex items-center rounded border px-2 py-0.5 text-[11px] font-semibold uppercase tracking-[0.05em]'\n\n// Lifecycle status: green = in, amber = awaiting, red = killed, muted = lapsed.\nconst STATUS_BADGE: Record<InvitationView['status'], string> = {\n  accepted: 'border-[var(--surface-success-border)] bg-[var(--surface-success-bg)] text-[var(--surface-success-text)]',\n  pending: 'border-[var(--surface-warning-border)] bg-[var(--surface-warning-bg)] text-[var(--surface-warning-text)]',\n  revoked: 'border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)] text-[var(--surface-danger-text)]',\n  expired: 'border-[var(--border-default)] text-[var(--text-muted)]',\n}\n\n// Delivery status: red = bounced, amber = not yet attempted, muted = the normal happy path.\nconst EMAIL_BADGE: Record<InvitationView['emailStatus'], string> = {\n  sent: 'border-[var(--border-default)] text-[var(--text-muted)]',\n  not_sent: 'border-[var(--surface-warning-border)] bg-[var(--surface-warning-bg)] text-[var(--surface-warning-text)]',\n  failed: 'border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)] text-[var(--surface-danger-text)]',\n}\n\nexport function InvitationsPanel({\n  invitations,\n  currentRole,\n  onInvite,\n  onResend,\n  onRevoke,\n  onCopy,\n  onNotice,\n}: InvitationsPanelProps) {\n  const [inviteEmail, setInviteEmail] = useState('')\n  const [inviteRole, setInviteRole] = useState<WorkspaceRole>('editor')\n  const [inviting, setInviting] = useState(false)\n  const [busyId, setBusyId] = useState<string | null>(null)\n\n  const canManage = hasWorkspaceRole(currentRole, 'admin')\n\n  function notify(kind: 'success' | 'error', message: string) {\n    onNotice?.({ kind, message })\n  }\n\n  async function submitInvite() {\n    const email = inviteEmail.trim()\n    if (!email || inviting) return\n    setInviting(true)\n    try {\n      await onInvite({ email, role: inviteRole })\n      notify('success', `Invitation sent to ${email}`)\n      setInviteEmail('')\n    } catch (err) {\n      notify('error', err instanceof Error ? err.message : 'Failed to invite')\n    } finally {\n      setInviting(false)\n    }\n  }\n\n  async function copyLink(inviteUrl: string) {\n    try {\n      if (onCopy) await onCopy({ inviteUrl })\n      else await navigator.clipboard.writeText(inviteUrl)\n      notify('success', 'Invite link copied')\n    } catch (err) {\n      notify('error', err instanceof Error ? err.message : 'Failed to copy link')\n    }\n  }\n\n  async function resend(invitationId: string) {\n    setBusyId(invitationId)\n    try {\n      await onResend({ invitationId })\n      notify('success', 'Invitation resent')\n    } catch (err) {\n      notify('error', err instanceof Error ? err.message : 'Failed to resend invitation')\n    } finally {\n      setBusyId(null)\n    }\n  }\n\n  async function revoke(invitationId: string) {\n    setBusyId(invitationId)\n    try {\n      await onRevoke({ invitationId })\n      notify('success', 'Invitation revoked')\n    } catch (err) {\n      notify('error', err instanceof Error ? err.message : 'Failed to revoke invitation')\n    } finally {\n      setBusyId(null)\n    }\n  }\n\n  return (\n    <section className=\"flex flex-col gap-4\">\n      {canManage && (\n        <div className=\"flex flex-col gap-1.5\">\n          <label className=\"text-xs font-medium text-[var(--text-muted)]\">Invite by email</label>\n          <div className=\"flex gap-2\">\n            <input\n              type=\"email\"\n              placeholder=\"colleague@example.com\"\n              value={inviteEmail}\n              aria-label=\"Invite email address\"\n              onChange={(event) => setInviteEmail(event.target.value)}\n              onKeyDown={(event) => { if (event.key === 'Enter') void submitInvite() }}\n              className=\"flex-1 rounded border border-[var(--border-default)] bg-[var(--bg-input)] px-3 py-1.5 text-sm text-[var(--text-primary)] placeholder:text-[var(--text-muted)]\"\n            />\n            <select\n              value={inviteRole}\n              aria-label=\"Invite role\"\n              onChange={(event) => setInviteRole(event.target.value as WorkspaceRole)}\n              className=\"rounded border border-[var(--border-default)] bg-[var(--bg-input)] px-2 py-1.5 text-xs text-[var(--text-secondary)]\"\n            >\n              {ASSIGNABLE.map((option) => (\n                <option key={option.value} value={option.value}>{option.label}</option>\n              ))}\n            </select>\n            <button\n              type=\"button\"\n              onClick={() => void submitInvite()}\n              disabled={inviting || !inviteEmail.trim()}\n              className=\"rounded bg-[var(--brand-primary)] px-3 py-1.5 text-sm text-white disabled:opacity-50\"\n            >\n              {inviting ? 'Inviting…' : 'Invite'}\n            </button>\n          </div>\n        </div>\n      )}\n\n      <div className=\"flex flex-col gap-2 border-t border-[var(--border-default)] pt-3\">\n        <div className=\"flex items-center justify-between\">\n          <h4 className=\"text-xs font-semibold text-[var(--text-primary)]\">Invitation history</h4>\n          <span className=\"text-xs text-[var(--text-muted)]\">{invitations.length} total</span>\n        </div>\n        {invitations.length === 0 ? (\n          <p className=\"text-sm text-[var(--text-muted)]\">No invitations yet.</p>\n        ) : (\n          invitations.map((invitation) => (\n            <InvitationRow\n              key={invitation.id}\n              invitation={invitation}\n              canManage={canManage}\n              busy={busyId === invitation.id}\n              onCopy={() => void copyLink(invitation.inviteUrl)}\n              onResend={() => void resend(invitation.id)}\n              onRevoke={() => void revoke(invitation.id)}\n            />\n          ))\n        )}\n      </div>\n    </section>\n  )\n}\n\ninterface InvitationRowProps {\n  invitation: InvitationView\n  canManage: boolean\n  busy: boolean\n  onCopy(): void\n  onResend(): void\n  onRevoke(): void\n}\n\nfunction InvitationRow({ invitation, canManage, busy, onCopy, onResend, onRevoke }: InvitationRowProps) {\n  const isPending = invitation.status === 'pending'\n  const emailFailed = invitation.emailStatus === 'failed'\n  const expiry = new Date(invitation.expiresAt).toLocaleDateString('en-US', {\n    month: 'short',\n    day: 'numeric',\n    year: 'numeric',\n  })\n\n  return (\n    <div className=\"rounded-lg border border-[var(--border-default)] p-3\">\n      <div className=\"flex items-start justify-between gap-3\">\n        <div className=\"min-w-0\">\n          <p className=\"truncate text-sm font-medium text-[var(--text-primary)]\">{invitation.email}</p>\n          <p className=\"text-xs capitalize text-[var(--text-muted)]\">\n            {invitation.permissions} · expires {expiry}\n          </p>\n          {emailFailed && (\n            <p className=\"mt-1 text-xs text-[var(--surface-danger-text)]\">Email was not sent — copy the link to share it.</p>\n          )}\n        </div>\n        <div className=\"flex shrink-0 items-center gap-2\">\n          <span className={`${BADGE_BASE} ${STATUS_BADGE[invitation.status]}`}>\n            {invitation.status}\n          </span>\n          <span className={`${BADGE_BASE} ${EMAIL_BADGE[invitation.emailStatus]}`}>\n            {invitation.emailStatus.replace('_', ' ')}\n          </span>\n        </div>\n      </div>\n      {canManage && isPending && (\n        <div className=\"mt-3 flex items-center justify-end gap-2\">\n          <button\n            type=\"button\"\n            onClick={onCopy}\n            disabled={busy}\n            className=\"rounded border border-[var(--border-default)] px-2 py-1 text-xs text-[var(--text-secondary)] hover:text-[var(--text-primary)] disabled:opacity-50\"\n          >\n            Copy link\n          </button>\n          <button\n            type=\"button\"\n            onClick={onResend}\n            disabled={busy}\n            className=\"rounded border border-[var(--border-default)] px-2 py-1 text-xs text-[var(--text-secondary)] hover:text-[var(--text-primary)] disabled:opacity-50\"\n          >\n            {busy ? 'Working…' : 'Resend'}\n          </button>\n          <button\n            type=\"button\"\n            onClick={onRevoke}\n            disabled={busy}\n            className=\"rounded px-2 py-1 text-xs text-[var(--text-danger)] hover:bg-[var(--border-default)] disabled:opacity-50\"\n          >\n            Revoke\n          </button>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-IFYJDX3J.js → chunk-AIHKKLKY.js}

@@ -4,12 +4,13 @@ import {
 import {
   WorkProductCard,
   workProductPartsFromMessageParts
-} from "./chunk-HZ4WCA37.js";
+} from "./chunk-5MZXWPFN.js";
 import {
   ChevronDown,
+  OVERLAY_SHADOW,
   POPOVER_OPTION_FOCUS,
   usePending
-} from "./chunk-L7FHRORY.js";
+} from "./chunk-MIZMWCKW.js";
 import {
   UNTITLED_SESSION_LABEL,
   mergeSessionPages,
@@ -278,7 +279,7 @@ function InteractionActionButton({
   disabled,
   children
 }) {
-  const variantClasses = variant === "primary" ? "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90" : "border border-border bg-transparent text-foreground hover:bg-accent/40";
+  const variantClasses = variant === "primary" ? "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90" : "border border-border bg-transparent text-foreground hover:bg-accent";
   return /* @__PURE__ */ jsx2(
     "button",
     {
@@ -303,7 +304,7 @@ function QuestionOptionList({
   return /* @__PURE__ */ jsx2(Fragment, { children: options.map((option, optionIndex) => {
     const inputId = `${idPrefix}-${optionIndex}`;
     const checked = selectedValues.includes(option.value);
-    return /* @__PURE__ */ jsxs("label", { htmlFor: inputId, className: "flex cursor-pointer gap-2 rounded-lg border border-border/70 p-3 transition-colors hover:bg-muted/50", children: [
+    return /* @__PURE__ */ jsxs("label", { htmlFor: inputId, className: "flex cursor-pointer gap-2 rounded-lg border border-border/70 p-3 transition-colors hover:bg-accent", children: [
       /* @__PURE__ */ jsx2(
         "input",
         {
@@ -1055,7 +1056,7 @@ function AttachmentChip({ part, resolveFileUrl, fetchFile }) {
   const Icon = status === "error" ? WarningGlyph : iconForMediaType(part.mediaType);
   const className = [
     "inline-flex items-center gap-1 rounded-md border px-2 py-0.5 text-[11px]",
-    status === "error" ? "border-destructive/40 bg-destructive/10 text-destructive" : "border-border bg-muted/60 text-muted-foreground"
+    status === "error" ? "border-destructive/40 bg-destructive/10 text-destructive" : "border-border bg-secondary text-muted-foreground"
   ].join(" ");
   return /* @__PURE__ */ jsxs4(
     "button",
@@ -1585,7 +1586,7 @@ function ChatComposer({
         pendingFiles.length > 0 && /* @__PURE__ */ jsx7("div", { className: "mb-2 flex flex-wrap gap-1.5", children: [...folderChips, ...fileChips].map((f) => /* @__PURE__ */ jsxs5(
           "span",
           {
-            className: `inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-xs ${f.status === "error" ? "border-destructive/40 text-destructive" : "border-border bg-muted/50 text-foreground"}`,
+            className: `inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-xs ${f.status === "error" ? "border-destructive/40 text-destructive" : "border-border bg-secondary text-foreground"}`,
             children: [
               f.kind === "folder" ? /* @__PURE__ */ jsx7(FolderGlyph, { className: "h-3 w-3 shrink-0" }) : /* @__PURE__ */ jsx7(PaperclipGlyph, { className: "h-3 w-3 shrink-0" }),
               /* @__PURE__ */ jsx7("span", { className: "max-w-[150px] truncate", children: f.name }),
@@ -1639,7 +1640,7 @@ function ChatComposer({
                       disabled,
                       "aria-label": "Attach files",
                       title: "Attach files",
-                      className: "shrink-0 rounded-lg p-2 text-muted-foreground transition hover:bg-accent/40 hover:text-foreground disabled:opacity-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                      className: "shrink-0 rounded-lg p-2 text-muted-foreground transition hover:bg-accent hover:text-foreground disabled:opacity-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
                       children: /* @__PURE__ */ jsx7(PaperclipGlyph, { className: "h-4 w-4" })
                     }
                   ),
@@ -1654,7 +1655,7 @@ function ChatComposer({
                       disabled,
                       "aria-label": "Attach folder",
                       title: "Attach folder",
-                      className: "shrink-0 rounded-lg p-2 text-muted-foreground transition hover:bg-accent/40 hover:text-foreground disabled:opacity-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                      className: "shrink-0 rounded-lg p-2 text-muted-foreground transition hover:bg-accent hover:text-foreground disabled:opacity-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
                       children: /* @__PURE__ */ jsx7(FolderGlyph, { className: "h-4 w-4" })
                     }
                   ),
@@ -2369,7 +2370,7 @@ function FlowWaterfall({ trace }) {
   return /* @__PURE__ */ jsxs6("div", { className: "space-y-1", children: [
     rows.map((row, i) => /* @__PURE__ */ jsxs6("div", { className: "grid grid-cols-[minmax(0,2fr)_minmax(0,3fr)_auto] items-center gap-2", children: [
       /* @__PURE__ */ jsx8("span", { className: "truncate font-mono text-[11px] text-muted-foreground", title: row.name, children: row.name }),
-      /* @__PURE__ */ jsx8("div", { className: "relative h-2 rounded-sm bg-muted/40", children: /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx8("div", { className: "relative h-2 rounded-sm bg-secondary", children: /* @__PURE__ */ jsx8(
         "div",
         {
           className: `absolute inset-y-0 rounded-sm ${row.ok ? BAR_CLASS[row.kind] : "bg-destructive/80"} ${row.approx ? "opacity-70" : ""}`,
@@ -2422,7 +2423,7 @@ function MissionActivityLane({ activity, startedAt, nowMs }) {
         ]
       }
     ),
-    expanded && /* @__PURE__ */ jsx8("div", { className: "rounded-md border border-border/50 bg-muted/10 p-2", children: /* @__PURE__ */ jsx8(
+    expanded && /* @__PURE__ */ jsx8("div", { className: "rounded-md border border-border/50 bg-secondary p-2", children: /* @__PURE__ */ jsx8(
       FlowWaterfall,
       {
         trace: stepActivityFlowTrace(activity, {
@@ -2455,7 +2456,7 @@ function ActivityRow({
       /* @__PURE__ */ jsx8(
         "span",
         {
-          className: `shrink-0 rounded-full px-2 py-0.5 text-[10px] font-medium ${tone === "ok" ? "bg-success/10 text-success" : tone === "error" ? "bg-destructive/10 text-destructive" : tone === "live" ? "bg-warning/10 text-warning" : "bg-muted/60 text-muted-foreground"}`,
+          className: `shrink-0 rounded-full px-2 py-0.5 text-[10px] font-medium ${tone === "ok" ? "bg-success/10 text-success" : tone === "error" ? "bg-destructive/10 text-destructive" : tone === "live" ? "bg-warning/10 text-warning" : "bg-secondary text-muted-foreground"}`,
           children: record.status
         }
       ),
@@ -2463,7 +2464,7 @@ function ActivityRow({
       /* @__PURE__ */ jsx8(ChevronGlyph, { className: `h-3 w-3 shrink-0 text-muted-foreground transition-transform ${open ? "rotate-180" : ""}` })
     ] }),
     open && /* @__PURE__ */ jsxs6("div", { className: "space-y-2.5 border-t border-border/40 px-3 py-2.5", children: [
-      record.durationMs !== void 0 && /* @__PURE__ */ jsx8("div", { className: "rounded-md border border-border/50 bg-muted/10 p-2", children: /* @__PURE__ */ jsx8(FlowWaterfall, { trace: stepActivityFlowTrace([record]) }) }),
+      record.durationMs !== void 0 && /* @__PURE__ */ jsx8("div", { className: "rounded-md border border-border/50 bg-secondary p-2", children: /* @__PURE__ */ jsx8(FlowWaterfall, { trace: stepActivityFlowTrace([record]) }) }),
       /* @__PURE__ */ jsxs6("dl", { className: "grid grid-cols-[auto_1fr] gap-x-3 gap-y-1 font-mono text-[11px]", children: [
         /* @__PURE__ */ jsx8("dt", { className: "text-muted-foreground/60", children: "task" }),
         /* @__PURE__ */ jsx8("dd", { className: "truncate text-muted-foreground", children: record.taskId }),
@@ -2517,7 +2518,7 @@ function AgentActivityPanel({ fetchActivity, renderMissionRef, title = "Agent ac
           onClick: () => void load(),
           disabled: loading,
           "aria-label": "Refresh",
-          className: "rounded-md p-1.5 text-muted-foreground transition hover:bg-accent/30 hover:text-foreground disabled:opacity-50",
+          className: "rounded-md p-1.5 text-muted-foreground transition hover:bg-accent hover:text-foreground disabled:opacity-50",
           children: /* @__PURE__ */ jsx8(RefreshGlyph, { className: `h-3.5 w-3.5 ${loading ? "animate-spin" : ""}` })
         }
       )
@@ -2532,7 +2533,7 @@ function AgentActivityPanel({ fetchActivity, renderMissionRef, title = "Agent ac
         type: "button",
         onClick: () => void load(cursor),
         disabled: loading,
-        className: "w-full rounded-md border border-border bg-card px-3 py-1.5 text-xs font-medium text-muted-foreground transition hover:bg-accent/30 disabled:opacity-50",
+        className: "w-full rounded-md border border-border bg-card px-3 py-1.5 text-xs font-medium text-muted-foreground transition hover:bg-accent disabled:opacity-50",
         children: "Older runs"
       }
     )
@@ -2704,7 +2705,7 @@ import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 var BASIS_TONES = {
   extracted: "border-primary/30 bg-primary/10 text-primary",
   entered: "border-success/30 bg-success/10 text-success",
-  computed: "border-border bg-muted/50 text-foreground",
+  computed: "border-border bg-secondary text-foreground",
   asserted: "border-warning/40 bg-warning/10 text-warning"
 };
 var STANDING_TONES = {
@@ -2815,7 +2816,7 @@ function SourceRow({
             {
               type: "button",
               onClick: () => onRetrySource(source, record),
-              className: "ml-2 rounded border border-border px-1.5 py-0.5 text-[11px] font-medium text-foreground hover:bg-accent/30 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              className: "ml-2 rounded border border-border px-1.5 py-0.5 text-[11px] font-medium text-foreground hover:bg-accent focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
               children: "Try again"
             }
           )
@@ -3396,7 +3397,7 @@ function DialogButton({
   disabled,
   variant = "primary"
 }) {
-  const tone = variant === "ghost" ? "text-muted-foreground hover:bg-accent/30 hover:text-foreground" : variant === "destructive" ? "bg-destructive text-destructive-foreground hover:opacity-90" : "bg-primary text-primary-foreground hover:opacity-90";
+  const tone = variant === "ghost" ? "text-muted-foreground hover:bg-accent hover:text-foreground" : variant === "destructive" ? "bg-destructive text-destructive-foreground hover:opacity-90" : "bg-primary text-primary-foreground hover:opacity-90";
   return /* @__PURE__ */ jsx11(
     "button",
     {
@@ -3440,7 +3441,7 @@ function SessionDialog({
         role: "dialog",
         "aria-modal": "true",
         "aria-label": title,
-        className: "relative w-full max-w-sm rounded-xl border border-border bg-card p-5 shadow-lg",
+        className: `relative w-full max-w-sm rounded-xl border border-border bg-popover p-5 ${OVERLAY_SHADOW}`,
         children: [
           /* @__PURE__ */ jsx11("h2", { className: "text-sm font-semibold text-foreground", children: title }),
           /* @__PURE__ */ jsx11("div", { className: "mt-3", children }),
@@ -3617,7 +3618,7 @@ function SessionHistoryPanel({
                 type: "button",
                 onClick: () => setSelectedIds(new Set(history.items.map((item) => item.id))),
                 disabled: allVisibleSelected || history.items.length === 0,
-                className: "h-8 rounded-md border border-border px-2.5 text-xs font-medium text-foreground transition hover:bg-accent/30 disabled:opacity-50",
+                className: "h-8 rounded-md border border-border px-2.5 text-xs font-medium text-foreground transition hover:bg-accent disabled:opacity-50",
                 children: "Select all"
               }
             ),
@@ -3627,7 +3628,7 @@ function SessionHistoryPanel({
                 type: "button",
                 onClick: () => setSelectedIds(/* @__PURE__ */ new Set()),
                 disabled: selectedCount === 0,
-                className: "h-8 rounded-md border border-border px-2.5 text-xs font-medium text-foreground transition hover:bg-accent/30 disabled:opacity-50",
+                className: "h-8 rounded-md border border-border px-2.5 text-xs font-medium text-foreground transition hover:bg-accent disabled:opacity-50",
                 children: "Deselect all"
               }
             ),
@@ -3670,7 +3671,7 @@ function SessionHistoryPanel({
                 type: "button",
                 onClick: () => openBulkAction({ kind: "older-than", days: parsedAgeDays }),
                 disabled: !validAgeDays,
-                className: "h-8 rounded-md border border-border px-2.5 text-xs font-medium text-foreground transition hover:bg-accent/30 disabled:opacity-50",
+                className: "h-8 rounded-md border border-border px-2.5 text-xs font-medium text-foreground transition hover:bg-accent disabled:opacity-50",
                 children: [
                   deleteLabel,
                   " older"
@@ -3683,7 +3684,7 @@ function SessionHistoryPanel({
                 type: "button",
                 onClick: () => openBulkAction({ kind: "newer-than", days: parsedAgeDays }),
                 disabled: !validAgeDays,
-                className: "h-8 rounded-md border border-border px-2.5 text-xs font-medium text-foreground transition hover:bg-accent/30 disabled:opacity-50",
+                className: "h-8 rounded-md border border-border px-2.5 text-xs font-medium text-foreground transition hover:bg-accent disabled:opacity-50",
                 children: [
                   deleteLabel,
                   " recent"
@@ -3775,7 +3776,7 @@ function ErrorBlock({ message, onRetry, inline }) {
           {
             type: "button",
             onClick: onRetry,
-            className: "h-8 rounded-md border border-border px-3 text-xs font-medium text-foreground transition hover:bg-accent/30",
+            className: "h-8 rounded-md border border-border px-3 text-xs font-medium text-foreground transition hover:bg-accent",
             children: "Retry"
           }
         )
@@ -3803,7 +3804,7 @@ function SessionRow({
   const extras = extraActions?.(session) ?? [];
   const hasMenu = Boolean(onRename) || Boolean(onDelete) || extras.length > 0;
   const showUnread = Boolean(session.unread) && !responding;
-  return /* @__PURE__ */ jsxs9("div", { className: "group relative flex items-center gap-2 rounded-lg px-3 py-2.5 transition-colors hover:bg-accent/20", children: [
+  return /* @__PURE__ */ jsxs9("div", { className: "group relative flex items-center gap-2 rounded-lg px-3 py-2.5 transition-colors hover:bg-accent", children: [
     selectable && /* @__PURE__ */ jsx11(
       "input",
       {
@@ -3841,7 +3842,7 @@ function SessionRow({
       ),
       menuOpen && /* @__PURE__ */ jsxs9(Fragment5, { children: [
         /* @__PURE__ */ jsx11("div", { className: "fixed inset-0 z-20", onClick: () => setMenuOpen(false), "aria-hidden": true }),
-        /* @__PURE__ */ jsxs9("div", { className: "absolute right-0 z-30 mt-1 w-36 overflow-hidden rounded-md border border-border bg-card py-1 shadow-lg", children: [
+        /* @__PURE__ */ jsxs9("div", { className: `absolute right-0 z-30 mt-1 w-36 overflow-hidden rounded-md border border-border bg-popover py-1 ${OVERLAY_SHADOW}`, children: [
           onRename && /* @__PURE__ */ jsx11(
             "button",
             {
@@ -3850,7 +3851,7 @@ function SessionRow({
                 setMenuOpen(false);
                 onRename(session);
               },
-              className: "block w-full px-3 py-1.5 text-left text-xs text-foreground transition hover:bg-accent/30",
+              className: "block w-full px-3 py-1.5 text-left text-xs text-foreground transition hover:bg-accent",
               children: renameLabel
             }
           ),
@@ -3862,7 +3863,7 @@ function SessionRow({
                 setMenuOpen(false);
                 action.onSelect();
               },
-              className: `block w-full px-3 py-1.5 text-left text-xs transition ${action.destructive ? "text-destructive hover:bg-destructive/10" : "text-foreground hover:bg-accent/30"}`,
+              className: `block w-full px-3 py-1.5 text-left text-xs transition ${action.destructive ? "text-destructive hover:bg-destructive/10" : "text-foreground hover:bg-accent"}`,
               children: action.label
             },
             action.id
@@ -4528,7 +4529,7 @@ function RecordGrid({
               "Loading ",
               caption
             ] }),
-            Array.from({ length: Math.max(1, loadingRowCount) }, (_, index) => /* @__PURE__ */ jsx12("div", { className: "h-8 animate-pulse rounded-md bg-muted/50", "aria-hidden": true }, index))
+            Array.from({ length: Math.max(1, loadingRowCount) }, (_, index) => /* @__PURE__ */ jsx12("div", { className: "h-8 animate-pulse rounded-md bg-secondary", "aria-hidden": true }, index))
           ]
         }
       )
@@ -4581,7 +4582,7 @@ function RecordGrid({
             {
               type: "button",
               onClick: empty.action.onClick,
-              className: "rounded-md border border-border px-3 py-1.5 text-sm font-medium text-foreground transition hover:bg-accent/30",
+              className: "rounded-md border border-border px-3 py-1.5 text-sm font-medium text-foreground transition hover:bg-accent",
               children: empty.action.label
             }
           )),
@@ -4590,7 +4591,7 @@ function RecordGrid({
             {
               type: "button",
               onClick: openAdd,
-              className: "rounded-md border border-border px-3 py-1.5 text-sm font-medium text-foreground transition hover:bg-accent/30",
+              className: "rounded-md border border-border px-3 py-1.5 text-sm font-medium text-foreground transition hover:bg-accent",
               children: addLabel
             }
           )
@@ -4730,7 +4731,7 @@ function RecordGrid({
                       type: "button",
                       "aria-label": `Keep ${rowLabel}`,
                       onClick: () => setConfirmDelete(null),
-                      className: "rounded-md border border-border px-2 py-1 text-xs font-medium text-muted-foreground transition hover:bg-accent/30",
+                      className: "rounded-md border border-border px-2 py-1 text-xs font-medium text-muted-foreground transition hover:bg-accent",
                       children: "Cancel"
                     }
                   )
@@ -4784,7 +4785,7 @@ function RecordGrid({
       {
         type: "button",
         onClick: openAdd,
-        className: "inline-flex items-center gap-1.5 rounded-md border border-border px-3 py-1.5 text-sm font-medium text-foreground transition hover:bg-accent/30",
+        className: "inline-flex items-center gap-1.5 rounded-md border border-border px-3 py-1.5 text-sm font-medium text-foreground transition hover:bg-accent",
         children: [
           /* @__PURE__ */ jsxs10(
             "svg",
@@ -4915,7 +4916,7 @@ function SourceMarker({ panelId, columnHeader, rowLabel, source, open, onToggle
       {
         id: panelId,
         role: "note",
-        className: "absolute left-0 top-5 z-10 w-64 rounded-lg border border-border bg-card p-3 text-left shadow-lg",
+        className: `absolute left-0 top-5 z-10 w-64 rounded-lg border border-border bg-popover p-3 text-left ${OVERLAY_SHADOW}`,
         children: [
           source.quote && /* @__PURE__ */ jsxs10("span", { className: "block border-l-2 border-primary/50 pl-2 text-xs italic leading-snug text-foreground", children: [
             "\u201C",
@@ -5029,7 +5030,7 @@ function AddRecordForm({
             {
               type: "button",
               onClick: onCancel,
-              className: "rounded-md border border-border px-3 py-1.5 text-sm font-medium text-muted-foreground transition hover:bg-accent/30",
+              className: "rounded-md border border-border px-3 py-1.5 text-sm font-medium text-muted-foreground transition hover:bg-accent",
               children: "Cancel"
             }
           )
@@ -5131,7 +5132,7 @@ function formatTokensPerSecond(msg) {
   return `${Math.round(msg.completionTokens / (msg.durationMs / 1e3))} tok/s`;
 }
 function RunDrillIn({ run, onClose }) {
-  return /* @__PURE__ */ jsxs11("div", { className: "fixed inset-y-0 right-0 z-50 flex w-[480px] max-w-full flex-col border-l border-border bg-card shadow-xl", children: [
+  return /* @__PURE__ */ jsxs11("div", { className: `fixed inset-y-0 right-0 z-50 flex w-[480px] max-w-full flex-col border-l border-border bg-popover ${OVERLAY_SHADOW}`, children: [
     /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2 border-b border-border px-4 py-3", children: [
       /* @__PURE__ */ jsx13(
         "span",
@@ -5149,7 +5150,7 @@ function RunDrillIn({ run, onClose }) {
           type: "button",
           onClick: onClose,
           "aria-label": "Close",
-          className: "rounded-md p-1.5 text-muted-foreground transition hover:bg-accent/30 hover:text-foreground",
+          className: "rounded-md p-1.5 text-muted-foreground transition hover:bg-accent hover:text-foreground",
           children: /* @__PURE__ */ jsx13("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx13("path", { d: "M18 6 6 18M6 6l12 12" }) })
         }
       )
@@ -5189,7 +5190,7 @@ function ChatEmptyState({
       {
         type: "button",
         onClick: door.onSelect,
-        className: "group flex min-h-[44px] flex-col items-start rounded-xl border border-border bg-card px-4 py-3 text-left transition hover:border-primary/40 hover:bg-accent/30",
+        className: "group flex min-h-[44px] flex-col items-start rounded-xl border border-border bg-card px-4 py-3 text-left transition hover:border-primary/40 hover:bg-accent",
         children: [
           /* @__PURE__ */ jsx13("span", { className: "text-sm font-semibold text-foreground", children: door.label }),
           door.description && /* @__PURE__ */ jsx13("span", { className: "mt-0.5 text-[12px] leading-snug text-muted-foreground", children: door.description })
@@ -5343,7 +5344,7 @@ function ProposalCard({
         /* @__PURE__ */ jsx13("p", { className: "text-[10px] font-semibold uppercase tracking-wider text-warning-strong", children: "Needs your approval" }),
         /* @__PURE__ */ jsx13("p", { className: "mt-0.5 text-[15px] font-semibold leading-snug text-foreground", children: friendlyToolTitle(call) }),
         summary && /* @__PURE__ */ jsx13("p", { className: "mt-1 text-[13px] leading-relaxed text-muted-foreground", children: summary }),
-        meta.length > 0 && /* @__PURE__ */ jsx13("div", { className: "mt-1.5 flex flex-wrap items-center gap-1.5", children: meta.map((m, i) => /* @__PURE__ */ jsx13("span", { className: "rounded-full bg-muted/60 px-2 py-0.5 text-[11px] font-medium text-muted-foreground", children: m }, i)) })
+        meta.length > 0 && /* @__PURE__ */ jsx13("div", { className: "mt-1.5 flex flex-wrap items-center gap-1.5", children: meta.map((m, i) => /* @__PURE__ */ jsx13("span", { className: "rounded-full bg-secondary px-2 py-0.5 text-[11px] font-medium text-muted-foreground", children: m }, i)) })
       ] })
     ] }),
     /* @__PURE__ */ jsxs11("div", { className: "flex flex-wrap items-center gap-2 px-4 pb-3.5 pt-3", children: [
@@ -5364,7 +5365,7 @@ function ProposalCard({
             type: "button",
             disabled: deciding,
             onClick: () => decide(() => approval.onReject(pending.proposalId, call.id)),
-            className: "inline-flex min-h-[40px] items-center justify-center rounded-lg border border-border bg-transparent px-4 py-2 text-sm font-medium text-muted-foreground transition hover:bg-accent/30 hover:text-foreground disabled:cursor-not-allowed disabled:opacity-60",
+            className: "inline-flex min-h-[40px] items-center justify-center rounded-lg border border-border bg-transparent px-4 py-2 text-sm font-medium text-muted-foreground transition hover:bg-accent hover:text-foreground disabled:cursor-not-allowed disabled:opacity-60",
             children: "Reject"
           }
         )
@@ -5389,7 +5390,7 @@ function ProposalCard({
 function FollowupCard({ call }) {
   const a = call.args ?? {};
   const when = typeof a.when === "string" ? a.when : typeof a.at === "string" ? a.at : typeof a.schedule === "string" ? a.schedule : null;
-  return /* @__PURE__ */ jsxs11("div", { className: "w-fit min-w-[260px] max-w-full rounded-lg border border-border/60 border-l-2 border-l-primary/60 bg-muted/20 px-3 py-2 text-sm", children: [
+  return /* @__PURE__ */ jsxs11("div", { className: "w-fit min-w-[260px] max-w-full rounded-lg border border-border/60 border-l-2 border-l-primary/60 bg-secondary px-3 py-2 text-sm", children: [
     /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx13(ToolGlyph, { name: call.name, className: "h-3.5 w-3.5 shrink-0 text-primary/80" }),
       /* @__PURE__ */ jsx13("span", { className: "min-w-0 flex-1 truncate font-medium text-foreground", children: friendlyToolTitle(call) })
@@ -5428,7 +5429,7 @@ function ToolCallCard({
   return /* @__PURE__ */ jsxs11(
     "div",
     {
-      className: `w-fit min-w-[280px] max-w-full rounded-lg border text-xs transition ${failed ? "border-destructive/40 bg-destructive/5" : "border-border/60 bg-muted/20"}`,
+      className: `w-fit min-w-[280px] max-w-full rounded-lg border text-xs transition ${failed ? "border-destructive/40 bg-destructive/5" : "border-border/60 bg-secondary"}`,
       children: [
         /* @__PURE__ */ jsxs11("div", { className: "flex w-full items-center gap-2 px-3 py-2", children: [
           /* @__PURE__ */ jsxs11(
@@ -5476,7 +5477,7 @@ function ToolCallCard({
             {
               type: "button",
               onClick: () => onOpenRun(call, message),
-              className: "mt-2 rounded border border-border bg-card px-2 py-1 text-[11px] font-medium transition hover:bg-accent/30",
+              className: "mt-2 rounded border border-border bg-card px-2 py-1 text-[11px] font-medium transition hover:bg-accent",
               children: "Open full transcript \u2192"
             }
           )
@@ -5568,7 +5569,7 @@ function SegmentedBody({
       ) : !streaming && g.calls.length >= COLLAPSE_TOOL_RUN_AT && !g.calls.some(isImportantTool) ? /* @__PURE__ */ jsxs11(
         "details",
         {
-          className: "rounded-lg border-l-2 border-border/70 bg-muted/20 px-3 py-2",
+          className: "rounded-lg border-l-2 border-border/70 bg-secondary px-3 py-2",
           children: [
             /* @__PURE__ */ jsxs11("summary", { className: "cursor-pointer select-none text-xs font-medium text-muted-foreground", children: [
               "Worked through ",
@@ -5620,7 +5621,7 @@ function CopyMessageButton({ text }) {
       onClick: copy,
       "aria-label": "Copy message",
       title: "Copy message",
-      className: "rounded p-0.5 text-muted-foreground transition hover:bg-accent/40 hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+      className: "rounded p-0.5 text-muted-foreground transition hover:bg-accent hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
       children: copied ? /* @__PURE__ */ jsx13("svg", { className: "h-3.5 w-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx13("polyline", { points: "20 6 9 17 4 12" }) }) : /* @__PURE__ */ jsxs11("svg", { className: "h-3.5 w-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
         /* @__PURE__ */ jsx13("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }),
         /* @__PURE__ */ jsx13("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
@@ -5673,7 +5674,7 @@ function AssistantMessageImpl({
       formatTokensPerSecond(msg) && /* @__PURE__ */ jsx13("span", { children: formatTokensPerSecond(msg) }),
       formatModelCost(msg, models) && /* @__PURE__ */ jsx13("span", { children: formatModelCost(msg, models) })
     ] }),
-    reasoning && /* @__PURE__ */ jsxs11("details", { className: "mb-2 rounded-lg border-l-2 border-border/70 bg-muted/20 px-3 py-2", open: !hasAnswerText, children: [
+    reasoning && /* @__PURE__ */ jsxs11("details", { className: "mb-2 rounded-lg border-l-2 border-border/70 bg-secondary px-3 py-2", open: !hasAnswerText, children: [
       /* @__PURE__ */ jsx13("summary", { className: "cursor-pointer select-none text-xs font-medium text-muted-foreground", children: !hasAnswerText ? /* @__PURE__ */ jsxs11("span", { className: "animate-pulse", children: [
         "Thinking",
         thinkingSeconds >= 3 ? ` \xB7 ${thinkingSeconds}s` : "\u2026"
@@ -5982,4 +5983,4 @@ export {
   useThinkingSeconds,
   ChatMessages
 };
-//# sourceMappingURL=chunk-IFYJDX3J.js.map
+//# sourceMappingURL=chunk-AIHKKLKY.js.map