@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/agents/components/inputs/smart-input/DesktopPresenceIndicator.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Box, Loader2, Monitor, Moon, TriangleAlert, Unplug } from "lucide-react";
 import {
   Popover,
@@ -16,7 +17,7 @@ function TargetIcon({
   kind,
   className
 }) {
-  return kind === "local-pc" ? /* @__PURE__ */ React.createElement(Monitor, { className }) : /* @__PURE__ */ React.createElement(Box, { className });
+  return kind === "local-pc" ? /* @__PURE__ */ jsx(Monitor, { className }) : /* @__PURE__ */ jsx(Box, { className });
 }
 function DesktopPresenceIndicator({
   conversationId
@@ -36,44 +37,64 @@ function DesktopPresenceIndicator({
   const kindLabel = computeTargetKindLabel(boundView.kind);
   const { label: stateLabel, remedy } = describeBoundTargetState(boundView);
   const tooltip = `${kindLabel} for this chat: ${boundView.name} \u2014 ${stateLabel}.${remedy ? ` ${remedy}` : ""}`;
-  return /* @__PURE__ */ React.createElement(Popover, null, /* @__PURE__ */ React.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      type: "button",
-      disabled,
-      title: tooltip,
-      "aria-label": tooltip,
-      className: `flex h-8 w-8 shrink-0 items-center justify-center rounded-full transition-colors ${iconColor} bg-muted/60 hover:bg-muted disabled:cursor-not-allowed disabled:text-muted-foreground/30 disabled:hover:bg-transparent`
-    },
-    boundView.state === "checking" || loading ? /* @__PURE__ */ React.createElement(Loader2, { className: "h-4 w-4 animate-spin" }) : boundView.state === "asleep" ? /* @__PURE__ */ React.createElement(Moon, { className: "h-4 w-4" }) : boundView.state === "gone" ? /* @__PURE__ */ React.createElement(TriangleAlert, { className: "h-4 w-4 text-amber-500" }) : /* @__PURE__ */ React.createElement(Icon, { className: "h-4 w-4" })
-  )), /* @__PURE__ */ React.createElement(
-    PopoverContent,
-    {
-      sizing: "content",
-      side: "top",
-      align: "start",
-      sideOffset: 8,
-      className: "overflow-hidden p-1.5"
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "mb-1 border-b px-1.5 pb-1.5" }, /* @__PURE__ */ React.createElement("p", { className: "text-[10px] font-medium uppercase tracking-wide text-muted-foreground" }, healthy ? "Connected" : `This chat's ${kindLabel.toLowerCase()} \u2014 ${stateLabel}`), /* @__PURE__ */ React.createElement("div", { className: "mt-1 flex items-center justify-between gap-2" }, /* @__PURE__ */ React.createElement("span", { className: "flex min-w-0 items-center gap-1.5 text-xs font-medium" }, /* @__PURE__ */ React.createElement(
-      TargetIcon,
+  return /* @__PURE__ */ jsxs(Popover, { children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      "button",
       {
-        kind: boundView.kind,
-        className: `h-3.5 w-3.5 shrink-0 ${iconColor}`
+        type: "button",
+        disabled,
+        title: tooltip,
+        "aria-label": tooltip,
+        className: `flex h-8 w-8 shrink-0 items-center justify-center rounded-full transition-colors ${iconColor} bg-muted/60 hover:bg-muted disabled:cursor-not-allowed disabled:text-muted-foreground/30 disabled:hover:bg-transparent`,
+        children: boundView.state === "checking" || loading ? /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : boundView.state === "asleep" ? /* @__PURE__ */ jsx(Moon, { className: "h-4 w-4" }) : boundView.state === "gone" ? /* @__PURE__ */ jsx(TriangleAlert, { className: "h-4 w-4 text-amber-500" }) : /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4" })
       }
-    ), /* @__PURE__ */ React.createElement("span", { className: "truncate" }, boundView.name)), /* @__PURE__ */ React.createElement(Button, { variant: "quiet", removes: true, icon: /* @__PURE__ */ React.createElement(Unplug, null), onClick: () => applyBinding(null), title: "Disconnect", "aria-label": `Disconnect ${boundView.name}` }))),
-    remedy ? /* @__PURE__ */ React.createElement("p", { className: "px-1.5 pb-1 text-[11px] text-muted-foreground" }, remedy) : null,
-    availableTargets.length > 0 ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("p", { className: "px-1.5 pb-1 pt-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground" }, "Switch to"), /* @__PURE__ */ React.createElement("div", { className: "space-y-0.5" }, availableTargets.map((target) => {
-      const color = computeTargetIconColor(target, false);
-      const label = computeTargetKindLabel(target.kind);
-      return /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(
-        TargetIcon,
-        {
-          kind: target.kind
-        }
-      ), key: target.id, onClick: () => applyBinding(target), className: "w-full" }, /* @__PURE__ */ React.createElement("span", { className: "min-w-0 flex-1 truncate text-xs" }, target.name), /* @__PURE__ */ React.createElement("span", { className: "text-[10px] text-muted-foreground" }, label));
-    }))) : null
-  ));
+    ) }),
+    /* @__PURE__ */ jsxs(
+      PopoverContent,
+      {
+        sizing: "content",
+        side: "top",
+        align: "start",
+        sideOffset: 8,
+        className: "overflow-hidden p-1.5",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "mb-1 border-b px-1.5 pb-1.5", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: healthy ? "Connected" : `This chat's ${kindLabel.toLowerCase()} \u2014 ${stateLabel}` }),
+            /* @__PURE__ */ jsxs("div", { className: "mt-1 flex items-center justify-between gap-2", children: [
+              /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-1.5 text-xs font-medium", children: [
+                /* @__PURE__ */ jsx(
+                  TargetIcon,
+                  {
+                    kind: boundView.kind,
+                    className: `h-3.5 w-3.5 shrink-0 ${iconColor}`
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "truncate", children: boundView.name })
+              ] }),
+              /* @__PURE__ */ jsx(Button, { variant: "quiet", removes: true, icon: /* @__PURE__ */ jsx(Unplug, {}), onClick: () => applyBinding(null), title: "Disconnect", "aria-label": `Disconnect ${boundView.name}` })
+            ] })
+          ] }),
+          remedy ? /* @__PURE__ */ jsx("p", { className: "px-1.5 pb-1 text-[11px] text-muted-foreground", children: remedy }) : null,
+          availableTargets.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("p", { className: "px-1.5 pb-1 pt-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: "Switch to" }),
+            /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: availableTargets.map((target) => {
+              const color = computeTargetIconColor(target, false);
+              const label = computeTargetKindLabel(target.kind);
+              return /* @__PURE__ */ jsxs(Button, { variant: "quiet", icon: /* @__PURE__ */ jsx(
+                TargetIcon,
+                {
+                  kind: target.kind
+                }
+              ), onClick: () => applyBinding(target), className: "w-full", children: [
+                /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-xs", children: target.name }),
+                /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: label })
+              ] }, target.id);
+            }) })
+          ] }) : null
+        ]
+      }
+    )
+  ] });
 }
 export {
   DesktopPresenceIndicator

package/dist/agents/components/inputs/smart-input/InboxQueueStrip.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import React, { useEffect, useState } from "react";
 import { formatDurationSeconds } from "@ai-matrx/kit/format";
 import {
@@ -74,7 +75,7 @@ function parseCollabNoteAgent(text) {
 }
 function InboxQueueStrip(props) {
   const { hosted } = useConversationAbilities();
-  return hosted ? null : /* @__PURE__ */ React.createElement(InboxQueueStripBody, { ...props });
+  return hosted ? null : /* @__PURE__ */ jsx(InboxQueueStripBody, { ...props });
 }
 function InboxQueueStripBody({ conversationId }) {
   const dispatch = useAppDispatch();
@@ -111,205 +112,241 @@ function InboxQueueStripBody({ conversationId }) {
   const departing = visible.filter(isDeparting);
   const waiting = visible.filter((item) => !isDeparting(item));
   const ordered = [...departing, ...waiting];
-  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-1 px-2 pb-1 shrink-0" }, ordered.map((item) => {
-    const failed = item.status === "failed";
-    const promoting = promotingIds.has(item.injectionId);
-    const departing2 = isDeparting(item);
-    const busy = item.status === "sending" || promoting;
-    const collabNote = isCollabNoteItem(item);
-    const editable = item.status === "pending" && !collabNote && !busy;
-    const collabAgent = collabNote ? parseCollabNoteAgent(item.text) : null;
-    const Icon = collabNote ? Handshake : departing2 ? ArrowUp : Clock;
-    const statusHelp = failed ? `${item.error ?? "This message could not be queued."} Retry it or dismiss it.` : busy ? "Saving this message to the waiting queue." : collabNote ? "A collaborating agent left context for this conversation. It will be added automatically on the next turn." : !running ? "Nothing is running; this sends after the agent answers your next message." : item.mode === "queue" ? "This message is saved and waiting in line. It sends automatically after the current run finishes, even if you leave this page." : "This message will reach the agent at its next natural pause without stopping the current work.";
-    return /* @__PURE__ */ React.createElement(React.Fragment, { key: item.injectionId }, waiting[0]?.injectionId === item.injectionId && /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1 px-0.5 text-[11px] text-muted-foreground" }, /* @__PURE__ */ React.createElement("span", { className: "font-medium text-foreground/80" }, "Waiting messages"), /* @__PURE__ */ React.createElement("span", { "aria-label": `${waiting.length} waiting messages` }, waiting.length), /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(CircleHelp, null), "aria-label": "How waiting messages work" })), /* @__PURE__ */ React.createElement(
-      TooltipContent,
-      {
-        side: "top",
-        align: "start",
-        className: "max-w-[20rem] space-y-1.5 py-2"
-      },
-      /* @__PURE__ */ React.createElement("p", { className: "font-medium" }, "Messages sent while the agent works"),
-      /* @__PURE__ */ React.createElement("p", { className: "text-muted-foreground" }, "Queued in order, kept across reloads; sent after this run"),
-      /* @__PURE__ */ React.createElement("p", { className: "text-muted-foreground" }, "Bolt: deliver at next pause; edit or withdraw until then"),
-      /* @__PURE__ */ React.createElement("p", { className: "text-muted-foreground" }, "Cmd/Ctrl+Enter: next pause; add Shift to stop and redirect")
-    ))), /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 px-2 pb-1 shrink-0", children: [
+    ordered.map((item) => {
+      const failed = item.status === "failed";
+      const promoting = promotingIds.has(item.injectionId);
+      const departing2 = isDeparting(item);
+      const busy = item.status === "sending" || promoting;
+      const collabNote = isCollabNoteItem(item);
+      const editable = item.status === "pending" && !collabNote && !busy;
+      const collabAgent = collabNote ? parseCollabNoteAgent(item.text) : null;
+      const Icon = collabNote ? Handshake : departing2 ? ArrowUp : Clock;
+      const statusHelp = failed ? `${item.error ?? "This message could not be queued."} Retry it or dismiss it.` : busy ? "Saving this message to the waiting queue." : collabNote ? "A collaborating agent left context for this conversation. It will be added automatically on the next turn." : !running ? "Nothing is running; this sends after the agent answers your next message." : item.mode === "queue" ? "This message is saved and waiting in line. It sends automatically after the current run finishes, even if you leave this page." : "This message will reach the agent at its next natural pause without stopping the current work.";
+      return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+        waiting[0]?.injectionId === item.injectionId && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 px-0.5 text-[11px] text-muted-foreground", children: [
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground/80", children: "Waiting messages" }),
+          /* @__PURE__ */ jsx("span", { "aria-label": `${waiting.length} waiting messages`, children: waiting.length }),
+          /* @__PURE__ */ jsxs(Tooltip, { children: [
+            /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: /* @__PURE__ */ jsx(CircleHelp, {}), "aria-label": "How waiting messages work" }) }),
+            /* @__PURE__ */ jsxs(
+              TooltipContent,
+              {
+                side: "top",
+                align: "start",
+                className: "max-w-[20rem] space-y-1.5 py-2",
+                children: [
+                  /* @__PURE__ */ jsx("p", { className: "font-medium", children: "Messages sent while the agent works" }),
+                  /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "Queued in order, kept across reloads; sent after this run" }),
+                  /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "Bolt: deliver at next pause; edit or withdraw until then" }),
+                  /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "Cmd/Ctrl+Enter: next pause; add Shift to stop and redirect" })
+                ]
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "data-inbox-mode": departing2 ? "steer" : "queue",
+            "aria-busy": busy,
+            className: `flex min-w-0 items-start gap-2 rounded-lg border px-3 py-2 text-xs lg:items-center ${departing2 ? "ml-8 mb-6 motion-safe:animate-in motion-safe:fade-in motion-safe:slide-in-from-bottom-3 motion-safe:duration-200" : ""} ${failed ? "border-destructive/40 bg-destructive/5" : collabNote ? "border-violet-500/30 bg-violet-500/[0.06]" : departing2 ? "border-border bg-muted" : "border-border bg-muted/40"}`,
+            children: [
+              /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  className: `h-3.5 w-3.5 shrink-0 ${failed ? "text-destructive" : collabNote ? "text-violet-600 dark:text-violet-400" : busy ? "text-muted-foreground motion-safe:animate-pulse" : "text-muted-foreground"}`
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 self-center", children: [
+                /* @__PURE__ */ jsxs(Tooltip, { children: [
+                  /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      tabIndex: 0,
+                      className: `${departing2 ? "line-clamp-3 whitespace-pre-wrap break-words" : "block truncate"} rounded-sm text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring`,
+                      children: collabNote && collabAgent ? `Note from ${collabAgent}` : item.text
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(
+                    TooltipContent,
+                    {
+                      side: "top",
+                      className: "max-w-[24rem] break-words",
+                      children: item.text
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs(Tooltip, { children: [
+                  /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+                    "span",
+                    {
+                      tabIndex: 0,
+                      role: "status",
+                      className: `block truncate rounded-sm text-[11px] leading-4 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring lg:cursor-help ${failed ? "text-destructive" : "text-muted-foreground"}`,
+                      children: [
+                        promoting ? "Sending\u2026" : statusLabel(item, running),
+                        (item.status === "pending" || item.status === "sending") && !collabNote ? ` \xB7 ${waitedLabel(item.queuedAt, now)}` : null
+                      ]
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(TooltipContent, { side: "top", className: "max-w-[20rem]", children: statusHelp })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center self-center", children: [
+                failed && /* @__PURE__ */ jsx(
+                  IconButton,
+                  {
+                    type: "button",
+                    icon: RotateCcw,
+                    size: "xs",
+                    variant: "ghost",
+                    tooltip: "Retry \u2014 try saving this message to the queue again.",
+                    tooltipSide: "top",
+                    "aria-label": "Retry queued message",
+                    className: queueActionClassName,
+                    iconClassName: "h-4 w-4",
+                    onClick: () => {
+                      dispatch(
+                        removeInboxItem({
+                          conversationId,
+                          injectionId: item.injectionId
+                        })
+                      );
+                      dispatch(
+                        enqueueInboxMessage({
+                          conversationId,
+                          text: item.text,
+                          mode: item.mode
+                        })
+                      );
+                    }
+                  }
+                ),
+                item.mode === "queue" && item.status === "pending" && !collabNote && !busy && /* @__PURE__ */ jsx(
+                  IconButton,
+                  {
+                    type: "button",
+                    icon: Zap,
+                    size: "xs",
+                    variant: "ghost",
+                    tooltip: "Deliver at the next pause \u2014 the agent keeps working, but receives this sooner.",
+                    tooltipSide: "top",
+                    "aria-label": "Deliver queued message at the agent's next pause",
+                    className: queueActionClassName,
+                    iconClassName: "h-4 w-4",
+                    onClick: async () => {
+                      setPromotingIds(
+                        (ids) => new Set(ids).add(item.injectionId)
+                      );
+                      try {
+                        await dispatch(
+                          promoteQueuedToSteer({
+                            conversationId,
+                            injectionId: item.injectionId
+                          })
+                        );
+                      } finally {
+                        setPromotingIds((ids) => {
+                          const next = new Set(ids);
+                          next.delete(item.injectionId);
+                          return next;
+                        });
+                      }
+                    }
+                  }
+                ),
+                editable && /* @__PURE__ */ jsx(
+                  IconButton,
+                  {
+                    type: "button",
+                    icon: Pencil,
+                    size: "xs",
+                    variant: "ghost",
+                    tooltip: "Edit \u2014 change this message before the agent receives it.",
+                    tooltipSide: "top",
+                    "aria-label": "Edit queued message",
+                    className: queueActionClassName,
+                    iconClassName: "h-4 w-4",
+                    onClick: () => setEditing({
+                      injectionId: item.injectionId,
+                      mode: item.mode,
+                      text: item.text
+                    })
+                  }
+                ),
+                !busy && /* @__PURE__ */ jsx(
+                  IconButton,
+                  {
+                    type: "button",
+                    icon: X,
+                    size: "xs",
+                    variant: "ghost",
+                    tooltip: failed ? "Dismiss \u2014 remove this failed message." : "Withdraw \u2014 remove this message before the agent receives it.",
+                    tooltipSide: "top",
+                    "aria-label": failed ? "Dismiss failed message" : "Withdraw queued message",
+                    className: queueActionClassName,
+                    iconClassName: "h-4 w-4",
+                    onClick: () => dispatch(
+                      retractInboxItem({
+                        conversationId,
+                        injectionId: item.injectionId
+                      })
+                    )
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      ] }, item.injectionId);
+    }),
+    delivered.map((d) => /* @__PURE__ */ jsxs(
       "div",
       {
-        "data-inbox-mode": departing2 ? "steer" : "queue",
-        "aria-busy": busy,
-        className: `flex min-w-0 items-start gap-2 rounded-lg border px-3 py-2 text-xs lg:items-center ${departing2 ? "ml-8 mb-6 motion-safe:animate-in motion-safe:fade-in motion-safe:slide-in-from-bottom-3 motion-safe:duration-200" : ""} ${failed ? "border-destructive/40 bg-destructive/5" : collabNote ? "border-violet-500/30 bg-violet-500/[0.06]" : departing2 ? "border-border bg-muted" : "border-border bg-muted/40"}`
+        "data-inbox-delivered": "",
+        role: "status",
+        className: "flex min-w-0 items-center gap-2 rounded-lg border border-emerald-500/30 bg-emerald-500/[0.08] px-3 py-2 text-xs motion-safe:animate-out motion-safe:fade-out motion-safe:delay-1000 motion-safe:duration-500",
+        children: [
+          /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 shrink-0 text-emerald-600 dark:text-emerald-400" }),
+          /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-foreground", children: d.text }),
+          /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[11px] text-muted-foreground", children: `Delivered \xB7 waited ${waitedLabel(d.queuedAt, Date.parse(d.deliveredAt))}` })
+        ]
       },
-      /* @__PURE__ */ React.createElement(
-        Icon,
-        {
-          className: `h-3.5 w-3.5 shrink-0 ${failed ? "text-destructive" : collabNote ? "text-violet-600 dark:text-violet-400" : busy ? "text-muted-foreground motion-safe:animate-pulse" : "text-muted-foreground"}`
-        }
-      ),
-      /* @__PURE__ */ React.createElement("div", { className: "min-w-0 flex-1 self-center" }, /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
-        "span",
-        {
-          tabIndex: 0,
-          className: `${departing2 ? "line-clamp-3 whitespace-pre-wrap break-words" : "block truncate"} rounded-sm text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring`
-        },
-        collabNote && collabAgent ? `Note from ${collabAgent}` : item.text
-      )), /* @__PURE__ */ React.createElement(
-        TooltipContent,
-        {
-          side: "top",
-          className: "max-w-[24rem] break-words"
-        },
-        item.text
-      )), /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
-        "span",
-        {
-          tabIndex: 0,
-          role: "status",
-          className: `block truncate rounded-sm text-[11px] leading-4 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring lg:cursor-help ${failed ? "text-destructive" : "text-muted-foreground"}`
+      `delivered-${d.injectionId}`
+    )),
+    /* @__PURE__ */ jsx(
+      TextInputDialog,
+      {
+        open: editing !== null,
+        onOpenChange: (o) => {
+          if (!o && !editBusy) setEditing(null);
         },
-        promoting ? "Sending\u2026" : statusLabel(item, running),
-        (item.status === "pending" || item.status === "sending") && !collabNote ? ` \xB7 ${waitedLabel(item.queuedAt, now)}` : null
-      )), /* @__PURE__ */ React.createElement(TooltipContent, { side: "top", className: "max-w-[20rem]" }, statusHelp))),
-      /* @__PURE__ */ React.createElement("div", { className: "flex shrink-0 items-center self-center" }, failed && /* @__PURE__ */ React.createElement(
-        IconButton,
-        {
-          type: "button",
-          icon: RotateCcw,
-          size: "xs",
-          variant: "ghost",
-          tooltip: "Retry \u2014 try saving this message to the queue again.",
-          tooltipSide: "top",
-          "aria-label": "Retry queued message",
-          className: queueActionClassName,
-          iconClassName: "h-4 w-4",
-          onClick: () => {
-            dispatch(
-              removeInboxItem({
+        title: "Edit message",
+        description: "This message hasn't been sent yet \u2014 you can still change it.",
+        defaultValue: editing?.text ?? "",
+        multiline: true,
+        confirmLabel: "Save",
+        busy: editBusy,
+        onConfirm: async (text) => {
+          if (!editing) return;
+          setEditBusy(true);
+          try {
+            await dispatch(
+              editInboxItem({
                 conversationId,
-                injectionId: item.injectionId
+                injectionId: editing.injectionId,
+                text
               })
             );
-            dispatch(
-              enqueueInboxMessage({
-                conversationId,
-                text: item.text,
-                mode: item.mode
-              })
-            );
-          }
-        }
-      ), item.mode === "queue" && item.status === "pending" && !collabNote && !busy && /* @__PURE__ */ React.createElement(
-        IconButton,
-        {
-          type: "button",
-          icon: Zap,
-          size: "xs",
-          variant: "ghost",
-          tooltip: "Deliver at the next pause \u2014 the agent keeps working, but receives this sooner.",
-          tooltipSide: "top",
-          "aria-label": "Deliver queued message at the agent's next pause",
-          className: queueActionClassName,
-          iconClassName: "h-4 w-4",
-          onClick: async () => {
-            setPromotingIds(
-              (ids) => new Set(ids).add(item.injectionId)
-            );
-            try {
-              await dispatch(
-                promoteQueuedToSteer({
-                  conversationId,
-                  injectionId: item.injectionId
-                })
-              );
-            } finally {
-              setPromotingIds((ids) => {
-                const next = new Set(ids);
-                next.delete(item.injectionId);
-                return next;
-              });
-            }
+            setEditing(null);
+          } finally {
+            setEditBusy(false);
           }
         }
-      ), editable && /* @__PURE__ */ React.createElement(
-        IconButton,
-        {
-          type: "button",
-          icon: Pencil,
-          size: "xs",
-          variant: "ghost",
-          tooltip: "Edit \u2014 change this message before the agent receives it.",
-          tooltipSide: "top",
-          "aria-label": "Edit queued message",
-          className: queueActionClassName,
-          iconClassName: "h-4 w-4",
-          onClick: () => setEditing({
-            injectionId: item.injectionId,
-            mode: item.mode,
-            text: item.text
-          })
-        }
-      ), !busy && /* @__PURE__ */ React.createElement(
-        IconButton,
-        {
-          type: "button",
-          icon: X,
-          size: "xs",
-          variant: "ghost",
-          tooltip: failed ? "Dismiss \u2014 remove this failed message." : "Withdraw \u2014 remove this message before the agent receives it.",
-          tooltipSide: "top",
-          "aria-label": failed ? "Dismiss failed message" : "Withdraw queued message",
-          className: queueActionClassName,
-          iconClassName: "h-4 w-4",
-          onClick: () => dispatch(
-            retractInboxItem({
-              conversationId,
-              injectionId: item.injectionId
-            })
-          )
-        }
-      ))
-    ));
-  }), delivered.map((d) => /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      key: `delivered-${d.injectionId}`,
-      "data-inbox-delivered": "",
-      role: "status",
-      className: "flex min-w-0 items-center gap-2 rounded-lg border border-emerald-500/30 bg-emerald-500/[0.08] px-3 py-2 text-xs motion-safe:animate-out motion-safe:fade-out motion-safe:delay-1000 motion-safe:duration-500"
-    },
-    /* @__PURE__ */ React.createElement(Check, { className: "h-3.5 w-3.5 shrink-0 text-emerald-600 dark:text-emerald-400" }),
-    /* @__PURE__ */ React.createElement("span", { className: "min-w-0 flex-1 truncate text-foreground" }, d.text),
-    /* @__PURE__ */ React.createElement("span", { className: "shrink-0 text-[11px] text-muted-foreground" }, `Delivered \xB7 waited ${waitedLabel(d.queuedAt, Date.parse(d.deliveredAt))}`)
-  )), /* @__PURE__ */ React.createElement(
-    TextInputDialog,
-    {
-      open: editing !== null,
-      onOpenChange: (o) => {
-        if (!o && !editBusy) setEditing(null);
-      },
-      title: "Edit message",
-      description: "This message hasn't been sent yet \u2014 you can still change it.",
-      defaultValue: editing?.text ?? "",
-      multiline: true,
-      confirmLabel: "Save",
-      busy: editBusy,
-      onConfirm: async (text) => {
-        if (!editing) return;
-        setEditBusy(true);
-        try {
-          await dispatch(
-            editInboxItem({
-              conversationId,
-              injectionId: editing.injectionId,
-              text
-            })
-          );
-          setEditing(null);
-        } finally {
-          setEditBusy(false);
-        }
       }
-    }
-  ));
+    )
+  ] });
 }
 export {
   DELIVERED_LINGER_MS,