@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/agents/ui-first-tools/ui/lists/ListsHubView.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { Link } from "../../../../host/navigation.js";
 import { ChevronDown, ChevronRight, ExternalLink } from "lucide-react";
@@ -79,77 +80,125 @@ function ListsHubView() {
   const entries = Object.entries(buckets).filter(
     ([, b]) => b.plan != null || b.tasks.length > 0 || b.userTodos.length > 0
   );
-  return /* @__PURE__ */ React.createElement("div", { className: "h-[calc(100dvh-2.5rem)] flex flex-col overflow-hidden bg-textured" }, /* @__PURE__ */ React.createElement("header", { className: "border-b border-border px-4 py-2.5 flex items-center justify-between" }, /* @__PURE__ */ React.createElement("h1", { className: "text-lg font-semibold" }, "Agent lists")), /* @__PURE__ */ React.createElement("div", { className: "flex-1 overflow-y-auto px-4 py-3 flex flex-col gap-3" }, !loaded && /* @__PURE__ */ React.createElement("div", { className: "text-sm text-muted-foreground italic" }, "Loading\u2026"), loaded && entries.length === 0 && /* @__PURE__ */ React.createElement("div", { className: "text-sm text-muted-foreground italic" }, "No agent plans, tasks, or todos yet. Try asking an agent to create some."), entries.map(([conversationId, bucket]) => {
-    const isExpanded = expanded[conversationId] ?? true;
-    const convo = conversations[conversationId];
-    const taskOpen = bucket.tasks.filter((t) => t.status !== "done").length;
-    const taskDone = bucket.tasks.length - taskOpen;
-    const todoOpen = bucket.userTodos.filter((t) => !t.done).length;
-    return /* @__PURE__ */ React.createElement(
-      "section",
-      {
-        key: conversationId,
-        className: "rounded-md border border-border bg-card"
-      },
-      /* @__PURE__ */ React.createElement(
-        "button",
-        {
-          type: "button",
-          onClick: () => setExpanded((s) => ({
-            ...s,
-            [conversationId]: !isExpanded
-          })),
-          className: "w-full flex items-center gap-2 px-3 py-2 text-left hover:bg-muted/30"
-        },
-        isExpanded ? /* @__PURE__ */ React.createElement(ChevronDown, { className: "w-4 h-4 text-muted-foreground" }) : /* @__PURE__ */ React.createElement(ChevronRight, { className: "w-4 h-4 text-muted-foreground" }),
-        /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React.createElement("div", { className: "text-sm font-medium truncate" }, convo?.title ?? `Conversation ${conversationId.slice(0, 8)}`), /* @__PURE__ */ React.createElement("div", { className: "text-xs text-muted-foreground" }, bucket.plan && `Plan (${bucket.plan.status})`, bucket.plan && (taskOpen > 0 || taskDone > 0 || todoOpen > 0) && " \xB7 ", (taskOpen > 0 || taskDone > 0) && `${taskDone}/${taskOpen + taskDone} tasks`, (taskOpen > 0 || taskDone > 0) && todoOpen > 0 && " \xB7 ", todoOpen > 0 && `${todoOpen} open todos`)),
-        /* @__PURE__ */ React.createElement(
-          Link,
+  return /* @__PURE__ */ jsxs("div", { className: "h-[calc(100dvh-2.5rem)] flex flex-col overflow-hidden bg-textured", children: [
+    /* @__PURE__ */ jsx("header", { className: "border-b border-border px-4 py-2.5 flex items-center justify-between", children: /* @__PURE__ */ jsx("h1", { className: "text-lg font-semibold", children: "Agent lists" }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto px-4 py-3 flex flex-col gap-3", children: [
+      !loaded && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground italic", children: "Loading\u2026" }),
+      loaded && entries.length === 0 && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground italic", children: "No agent plans, tasks, or todos yet. Try asking an agent to create some." }),
+      entries.map(([conversationId, bucket]) => {
+        const isExpanded = expanded[conversationId] ?? true;
+        const convo = conversations[conversationId];
+        const taskOpen = bucket.tasks.filter((t) => t.status !== "done").length;
+        const taskDone = bucket.tasks.length - taskOpen;
+        const todoOpen = bucket.userTodos.filter((t) => !t.done).length;
+        return /* @__PURE__ */ jsxs(
+          "section",
           {
-            href: `/chat/${conversationId}`,
-            onClick: (e) => e.stopPropagation(),
-            className: "text-muted-foreground hover:text-foreground",
-            title: "Open conversation",
-            target: "_blank",
-            rel: "noopener noreferrer"
+            className: "rounded-md border border-border bg-card",
+            children: [
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setExpanded((s) => ({
+                    ...s,
+                    [conversationId]: !isExpanded
+                  })),
+                  className: "w-full flex items-center gap-2 px-3 py-2 text-left hover:bg-muted/30",
+                  children: [
+                    isExpanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "w-4 h-4 text-muted-foreground" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "w-4 h-4 text-muted-foreground" }),
+                    /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                      /* @__PURE__ */ jsx("div", { className: "text-sm font-medium truncate", children: convo?.title ?? `Conversation ${conversationId.slice(0, 8)}` }),
+                      /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground", children: [
+                        bucket.plan && `Plan (${bucket.plan.status})`,
+                        bucket.plan && (taskOpen > 0 || taskDone > 0 || todoOpen > 0) && " \xB7 ",
+                        (taskOpen > 0 || taskDone > 0) && `${taskDone}/${taskOpen + taskDone} tasks`,
+                        (taskOpen > 0 || taskDone > 0) && todoOpen > 0 && " \xB7 ",
+                        todoOpen > 0 && `${todoOpen} open todos`
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsx(
+                      Link,
+                      {
+                        href: `/chat/${conversationId}`,
+                        onClick: (e) => e.stopPropagation(),
+                        className: "text-muted-foreground hover:text-foreground",
+                        title: "Open conversation",
+                        target: "_blank",
+                        rel: "noopener noreferrer",
+                        children: /* @__PURE__ */ jsx(ExternalLink, { className: "w-3.5 h-3.5" })
+                      }
+                    )
+                  ]
+                }
+              ),
+              isExpanded && /* @__PURE__ */ jsxs("div", { className: "border-t border-border px-3 py-2 flex flex-col gap-2.5", children: [
+                bucket.plan && /* @__PURE__ */ jsx(HubPlan, { plan: bucket.plan }),
+                bucket.tasks.length > 0 && /* @__PURE__ */ jsx(HubTaskList, { tasks: bucket.tasks }),
+                bucket.userTodos.length > 0 && /* @__PURE__ */ jsx(HubTodoList, { todos: bucket.userTodos })
+              ] })
+            ]
           },
-          /* @__PURE__ */ React.createElement(ExternalLink, { className: "w-3.5 h-3.5" })
-        )
-      ),
-      isExpanded && /* @__PURE__ */ React.createElement("div", { className: "border-t border-border px-3 py-2 flex flex-col gap-2.5" }, bucket.plan && /* @__PURE__ */ React.createElement(HubPlan, { plan: bucket.plan }), bucket.tasks.length > 0 && /* @__PURE__ */ React.createElement(HubTaskList, { tasks: bucket.tasks }), bucket.userTodos.length > 0 && /* @__PURE__ */ React.createElement(HubTodoList, { todos: bucket.userTodos }))
-    );
-  })));
+          conversationId
+        );
+      })
+    ] })
+  ] });
 }
 function HubPlan({ plan }) {
-  return /* @__PURE__ */ React.createElement("div", { className: "rounded bg-muted/30 p-2" }, /* @__PURE__ */ React.createElement("div", { className: "text-xs uppercase tracking-wide text-muted-foreground mb-1" }, "Plan \xB7 ", plan.status), /* @__PURE__ */ React.createElement("div", { className: "text-sm font-medium" }, plan.title), plan.steps.length > 0 && /* @__PURE__ */ React.createElement("ol", { className: "list-decimal pl-5 mt-1 text-xs space-y-0.5" }, plan.steps.map((s, i) => /* @__PURE__ */ React.createElement("li", { key: i }, s))));
+  return /* @__PURE__ */ jsxs("div", { className: "rounded bg-muted/30 p-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "text-xs uppercase tracking-wide text-muted-foreground mb-1", children: [
+      "Plan \xB7 ",
+      plan.status
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: plan.title }),
+    plan.steps.length > 0 && /* @__PURE__ */ jsx("ol", { className: "list-decimal pl-5 mt-1 text-xs space-y-0.5", children: plan.steps.map((s, i) => /* @__PURE__ */ jsx("li", { children: s }, i)) })
+  ] });
 }
 function HubTaskList({ tasks }) {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "text-xs uppercase tracking-wide text-muted-foreground mb-1" }, "Agent tasks"), /* @__PURE__ */ React.createElement("ul", { className: "flex flex-col gap-0.5" }, tasks.map((t) => /* @__PURE__ */ React.createElement(
-    "li",
-    {
-      key: t.id,
-      className: cn(
-        "text-sm",
-        t.status === "done" && "text-muted-foreground line-through"
-      )
-    },
-    /* @__PURE__ */ React.createElement("span", { className: "text-muted-foreground mr-1" }, "[", t.status, "]"),
-    t.title
-  ))));
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("div", { className: "text-xs uppercase tracking-wide text-muted-foreground mb-1", children: "Agent tasks" }),
+    /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-0.5", children: tasks.map((t) => /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: cn(
+          "text-sm",
+          t.status === "done" && "text-muted-foreground line-through"
+        ),
+        children: [
+          /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground mr-1", children: [
+            "[",
+            t.status,
+            "]"
+          ] }),
+          t.title
+        ]
+      },
+      t.id
+    )) })
+  ] });
 }
 function HubTodoList({ todos }) {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "text-xs uppercase tracking-wide text-muted-foreground mb-1" }, "Your todos"), /* @__PURE__ */ React.createElement("ul", { className: "flex flex-col gap-0.5" }, todos.map((t) => /* @__PURE__ */ React.createElement(
-    "li",
-    {
-      key: t.id,
-      className: cn(
-        "text-sm",
-        t.done && "text-muted-foreground line-through"
-      )
-    },
-    t.title,
-    t.due && !t.done && /* @__PURE__ */ React.createElement("span", { className: "text-xs text-muted-foreground ml-1" }, "\xB7 due ", t.due)
-  ))));
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("div", { className: "text-xs uppercase tracking-wide text-muted-foreground mb-1", children: "Your todos" }),
+    /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-0.5", children: todos.map((t) => /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: cn(
+          "text-sm",
+          t.done && "text-muted-foreground line-through"
+        ),
+        children: [
+          t.title,
+          t.due && !t.done && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground ml-1", children: [
+            "\xB7 due ",
+            t.due
+          ] })
+        ]
+      },
+      t.id
+    )) })
+  ] });
 }
 export {
   ListsHubView

package/dist/agents/ui-first-tools/ui/lists/TaskPanel.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { readOf } from "../../../../host/ui-slots.js";
 import { UntrustedCount } from "../../../../host/ui-slots.js";
 import { useCallback, useEffect, useState } from "react";
@@ -68,15 +69,15 @@ function nextStatus(current) {
 function StatusIcon({ status }) {
   switch (status) {
     case "pending":
-      return /* @__PURE__ */ React.createElement(Circle, { className: "w-4 h-4 text-muted-foreground" });
+      return /* @__PURE__ */ jsx(Circle, { className: "w-4 h-4 text-muted-foreground" });
     case "in_progress":
-      return /* @__PURE__ */ React.createElement(CircleDot, { className: "w-4 h-4 text-primary" });
+      return /* @__PURE__ */ jsx(CircleDot, { className: "w-4 h-4 text-primary" });
     case "done":
-      return /* @__PURE__ */ React.createElement(CheckCircle2, { className: "w-4 h-4 text-emerald-500" });
+      return /* @__PURE__ */ jsx(CheckCircle2, { className: "w-4 h-4 text-emerald-500" });
     case "blocked":
-      return /* @__PURE__ */ React.createElement(CircleOff, { className: "w-4 h-4 text-amber-500" });
+      return /* @__PURE__ */ jsx(CircleOff, { className: "w-4 h-4 text-amber-500" });
     case "skipped":
-      return /* @__PURE__ */ React.createElement(CircleDashed, { className: "w-4 h-4 text-muted-foreground" });
+      return /* @__PURE__ */ jsx(CircleDashed, { className: "w-4 h-4 text-muted-foreground" });
   }
 }
 function TaskPanel({ conversationId }) {
@@ -88,7 +89,11 @@ function TaskPanel({ conversationId }) {
       dispatch(unsubscribeAgentLists(conversationId));
     };
   }, [conversationId, dispatch]);
-  return /* @__PURE__ */ React.createElement("div", { className: "flex h-full min-h-0 flex-col overflow-y-auto bg-background px-4 py-3" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-5" }, /* @__PURE__ */ React.createElement(PlanSection, { conversationId }), /* @__PURE__ */ React.createElement(TasksSection, { conversationId }), /* @__PURE__ */ React.createElement(TodosSection, { conversationId })));
+  return /* @__PURE__ */ jsx("div", { className: "flex h-full min-h-0 flex-col overflow-y-auto bg-background px-4 py-3", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5", children: [
+    /* @__PURE__ */ jsx(PlanSection, { conversationId }),
+    /* @__PURE__ */ jsx(TasksSection, { conversationId }),
+    /* @__PURE__ */ jsx(TodosSection, { conversationId })
+  ] }) });
 }
 function useAgentListsRead(conversationId) {
   const dispatch = useAppDispatch();
@@ -98,45 +103,63 @@ function useAgentListsRead(conversationId) {
   return { status, error, retry };
 }
 function ListsLoading() {
-  return /* @__PURE__ */ React.createElement("div", { className: "text-sm text-muted-foreground italic", role: "status" }, "Loading\u2026");
+  return /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground italic", role: "status", children: "Loading\u2026" });
 }
 function PlanSection({ conversationId }) {
   const plan = useAppSelector(selectAgentPlan(conversationId));
   const read = useAgentListsRead(conversationId);
   if (!plan) {
-    return /* @__PURE__ */ React.createElement("section", null, /* @__PURE__ */ React.createElement("h3", { className: "text-xs uppercase tracking-wide text-muted-foreground mb-1.5" }, "Plan"), read.error ? /* @__PURE__ */ React.createElement(ReadFailure, { error: read.error, what: "this conversation's plan", onRetry: read.retry, className: "m-0" }) : read.status !== "ready" ? /* @__PURE__ */ React.createElement(ListsLoading, null) : /* @__PURE__ */ React.createElement("div", { className: "text-sm text-muted-foreground italic" }, "No plan yet for this conversation."));
+    return /* @__PURE__ */ jsxs("section", { children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-xs uppercase tracking-wide text-muted-foreground mb-1.5", children: "Plan" }),
+      read.error ? /* @__PURE__ */ jsx(ReadFailure, { error: read.error, what: "this conversation's plan", onRetry: read.retry, className: "m-0" }) : read.status !== "ready" ? /* @__PURE__ */ jsx(ListsLoading, {}) : /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground italic", children: "No plan yet for this conversation." })
+    ] });
   }
-  return /* @__PURE__ */ React.createElement("section", null, /* @__PURE__ */ React.createElement("h3", { className: "text-xs uppercase tracking-wide text-muted-foreground mb-1.5" }, "Plan \xB7", " ", /* @__PURE__ */ React.createElement(
-    "span",
-    {
-      className: cn(
-        "font-medium",
-        plan.status === "approved" && "text-emerald-500",
-        plan.status === "rejected" && "text-destructive",
-        plan.status === "proposed" && "text-primary",
-        plan.status === "superseded" && "text-muted-foreground"
+  return /* @__PURE__ */ jsxs("section", { children: [
+    /* @__PURE__ */ jsxs("h3", { className: "text-xs uppercase tracking-wide text-muted-foreground mb-1.5", children: [
+      "Plan \xB7",
+      " ",
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn(
+            "font-medium",
+            plan.status === "approved" && "text-emerald-500",
+            plan.status === "rejected" && "text-destructive",
+            plan.status === "proposed" && "text-primary",
+            plan.status === "superseded" && "text-muted-foreground"
+          ),
+          children: plan.status
+        }
       )
-    },
-    plan.status
-  )), /* @__PURE__ */ React.createElement("div", { className: "rounded-md border border-border bg-card p-3 flex flex-col gap-1.5" }, /* @__PURE__ */ React.createElement("div", { className: "text-sm font-medium text-foreground" }, plan.title), plan.reasoning && /* @__PURE__ */ React.createElement("div", { className: "text-xs text-muted-foreground" }, /* @__PURE__ */ React.createElement(RichContent, { source: plan.reasoning ?? "", level: "standard" })), plan.steps && plan.steps.length > 0 && /* @__PURE__ */ React.createElement("ol", { className: "list-decimal pl-5 space-y-0.5 text-sm" }, plan.steps.map((s, i) => /* @__PURE__ */ React.createElement("li", { key: i }, s))), plan.status === "proposed" && /* @__PURE__ */ React.createElement("div", { className: "flex gap-2 mt-1" }, /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      variant: "primary",
-      onClick: async () => {
-        await setPlanStatus(plan.id, "approved");
-      }
-    },
-    "Approve"
-  ), /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      variant: "outline",
-      onClick: async () => {
-        await setPlanStatus(plan.id, "rejected");
-      }
-    },
-    "Reject"
-  ))));
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-border bg-card p-3 flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-foreground", children: plan.title }),
+      plan.reasoning && /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: /* @__PURE__ */ jsx(RichContent, { source: plan.reasoning ?? "", level: "standard" }) }),
+      plan.steps && plan.steps.length > 0 && /* @__PURE__ */ jsx("ol", { className: "list-decimal pl-5 space-y-0.5 text-sm", children: plan.steps.map((s, i) => /* @__PURE__ */ jsx("li", { children: s }, i)) }),
+      plan.status === "proposed" && /* @__PURE__ */ jsxs("div", { className: "flex gap-2 mt-1", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "primary",
+            onClick: async () => {
+              await setPlanStatus(plan.id, "approved");
+            },
+            children: "Approve"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            onClick: async () => {
+              await setPlanStatus(plan.id, "rejected");
+            },
+            children: "Reject"
+          }
+        )
+      ] })
+    ] })
+  ] });
 }
 function TasksSection({ conversationId }) {
   const tasks = useAppSelector(selectAgentTasks(conversationId));
@@ -154,25 +177,40 @@ function TasksSection({ conversationId }) {
     ]);
     setDraft("");
   }
-  return /* @__PURE__ */ React.createElement("section", null, /* @__PURE__ */ React.createElement("h3", { className: "text-xs uppercase tracking-wide text-muted-foreground mb-1.5" }, "Agent tasks (", /* @__PURE__ */ React.createElement(UntrustedCount, { read: readOf(read), value: tasks.length, label: "Agent tasks" }), ")"), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-1.5" }, read.error && tasks.length > 0 && /* @__PURE__ */ React.createElement(StaleDataNotice, { hasData: true, what: "this conversation's agent tasks", onRetry: read.retry, detail: read.error }), read.error && tasks.length === 0 ? /* @__PURE__ */ React.createElement(ReadFailure, { error: read.error, what: "this conversation's agent tasks", onRetry: read.retry, className: "m-0" }) : read.status !== "ready" && tasks.length === 0 ? /* @__PURE__ */ React.createElement(ListsLoading, null) : tasks.length === 0 ? /* @__PURE__ */ React.createElement("div", { className: "text-sm text-muted-foreground italic" }, "No agent tasks for this conversation.") : null, tasks.map((t) => /* @__PURE__ */ React.createElement(TaskRow, { key: t.id, task: t })), /* @__PURE__ */ React.createElement("div", { className: "flex gap-1 mt-1" }, /* @__PURE__ */ React.createElement(
-    Input,
-    {
-      value: draft,
-      onChange: (e) => setDraft(e.target.value),
-      placeholder: "Add a task\u2026",
-      onKeyDown: (e) => {
-        if (e.key === "Enter") void add();
-      }
-    }
-  ), /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      variant: "quiet",
-      onClick: add,
-      disabled: !draft.trim()
-    },
-    /* @__PURE__ */ React.createElement(Plus, { className: "w-4 h-4" })
-  ))));
+  return /* @__PURE__ */ jsxs("section", { children: [
+    /* @__PURE__ */ jsxs("h3", { className: "text-xs uppercase tracking-wide text-muted-foreground mb-1.5", children: [
+      "Agent tasks (",
+      /* @__PURE__ */ jsx(UntrustedCount, { read: readOf(read), value: tasks.length, label: "Agent tasks" }),
+      ")"
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+      read.error && tasks.length > 0 && /* @__PURE__ */ jsx(StaleDataNotice, { hasData: true, what: "this conversation's agent tasks", onRetry: read.retry, detail: read.error }),
+      read.error && tasks.length === 0 ? /* @__PURE__ */ jsx(ReadFailure, { error: read.error, what: "this conversation's agent tasks", onRetry: read.retry, className: "m-0" }) : read.status !== "ready" && tasks.length === 0 ? /* @__PURE__ */ jsx(ListsLoading, {}) : tasks.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground italic", children: "No agent tasks for this conversation." }) : null,
+      tasks.map((t) => /* @__PURE__ */ jsx(TaskRow, { task: t }, t.id)),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-1 mt-1", children: [
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: draft,
+            onChange: (e) => setDraft(e.target.value),
+            placeholder: "Add a task\u2026",
+            onKeyDown: (e) => {
+              if (e.key === "Enter") void add();
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "quiet",
+            onClick: add,
+            disabled: !draft.trim(),
+            children: /* @__PURE__ */ jsx(Plus, { className: "w-4 h-4" })
+          }
+        )
+      ] })
+    ] })
+  ] });
 }
 function TaskRow({ task }) {
   const [editing, setEditing] = useState(false);
@@ -190,38 +228,42 @@ function TaskRow({ task }) {
     if (!yes) return;
     await removeTask(task.id);
   }, [task.id, task.title]);
-  return /* @__PURE__ */ React.createElement("div", { className: "group flex items-start gap-1.5 rounded-md hover:bg-muted/50 px-1.5 py-1" }, /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(StatusIcon, { status: task.status }), onClick: cycle, title: `Status: ${task.status}. Click to advance.`, "aria-label": `Toggle status of "${task.title}"`, className: "mt-0.5 shrink-0" }), /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-w-0" }, editing ? /* @__PURE__ */ React.createElement(
-    Input,
-    {
-      value: draft,
-      autoFocus: true,
-      onChange: (e) => setDraft(e.target.value),
-      onBlur: async () => {
-        if (draft.trim() && draft !== task.title) {
-          await updateTask(task.id, { title: draft });
-        }
-        setEditing(false);
-      },
-      onKeyDown: (e) => {
-        if (e.key === "Enter") e.target.blur();
-        if (e.key === "Escape") {
-          setDraft(task.title);
+  return /* @__PURE__ */ jsxs("div", { className: "group flex items-start gap-1.5 rounded-md hover:bg-muted/50 px-1.5 py-1", children: [
+    /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: /* @__PURE__ */ jsx(StatusIcon, { status: task.status }), onClick: cycle, title: `Status: ${task.status}. Click to advance.`, "aria-label": `Toggle status of "${task.title}"`, className: "mt-0.5 shrink-0" }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: editing ? /* @__PURE__ */ jsx(
+      Input,
+      {
+        value: draft,
+        autoFocus: true,
+        onChange: (e) => setDraft(e.target.value),
+        onBlur: async () => {
+          if (draft.trim() && draft !== task.title) {
+            await updateTask(task.id, { title: draft });
+          }
           setEditing(false);
+        },
+        onKeyDown: (e) => {
+          if (e.key === "Enter") e.target.blur();
+          if (e.key === "Escape") {
+            setDraft(task.title);
+            setEditing(false);
+          }
         }
       }
-    }
-  ) : /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      type: "button",
-      onClick: () => setEditing(true),
-      className: cn(
-        "text-sm text-left w-full leading-snug",
-        task.status === "done" && "text-muted-foreground line-through"
-      )
-    },
-    task.title
-  )), /* @__PURE__ */ React.createElement(Button, { variant: "quiet", removes: true, icon: /* @__PURE__ */ React.createElement(Trash2, null), onClick: remove, title: "Remove", "aria-label": `Remove "${task.title}"`, className: "opacity-0 group-hover:opacity-100 shrink-0" }));
+    ) : /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => setEditing(true),
+        className: cn(
+          "text-sm text-left w-full leading-snug",
+          task.status === "done" && "text-muted-foreground line-through"
+        ),
+        children: task.title
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Button, { variant: "quiet", removes: true, icon: /* @__PURE__ */ jsx(Trash2, {}), onClick: remove, title: "Remove", "aria-label": `Remove "${task.title}"`, className: "opacity-0 group-hover:opacity-100 shrink-0" })
+  ] });
 }
 function TodosSection({ conversationId }) {
   const todos = useAppSelector(selectUserTodosForConversation(conversationId));
@@ -236,62 +278,89 @@ function TodosSection({ conversationId }) {
     });
     setDraft("");
   }
-  return /* @__PURE__ */ React.createElement("section", null, /* @__PURE__ */ React.createElement("h3", { className: "text-xs uppercase tracking-wide text-muted-foreground mb-1.5" }, "Your todos (", /* @__PURE__ */ React.createElement(
-    UntrustedCount,
-    {
-      read: readOf(read),
-      value: todos.filter((t) => !t.done).length,
-      label: "Open todos"
-    }
-  ), " ", "open)"), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-1.5" }, read.error && todos.length > 0 && /* @__PURE__ */ React.createElement(StaleDataNotice, { hasData: true, what: "your todos for this conversation", onRetry: read.retry, detail: read.error }), read.error && todos.length === 0 ? /* @__PURE__ */ React.createElement(ReadFailure, { error: read.error, what: "your todos for this conversation", onRetry: read.retry, className: "m-0" }) : read.status !== "ready" && todos.length === 0 ? /* @__PURE__ */ React.createElement(ListsLoading, null) : todos.length === 0 ? /* @__PURE__ */ React.createElement("div", { className: "text-sm text-muted-foreground italic" }, "No todos assigned by the agent yet.") : null, todos.map((t) => /* @__PURE__ */ React.createElement(TodoRow, { key: t.id, todo: t })), /* @__PURE__ */ React.createElement("div", { className: "flex gap-1 mt-1" }, /* @__PURE__ */ React.createElement(
-    Input,
-    {
-      value: draft,
-      onChange: (e) => setDraft(e.target.value),
-      placeholder: "Add a todo for yourself\u2026",
-      onKeyDown: (e) => {
-        if (e.key === "Enter") void add();
-      }
-    }
-  ), /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      variant: "quiet",
-      onClick: add,
-      disabled: !draft.trim()
-    },
-    /* @__PURE__ */ React.createElement(Plus, { className: "w-4 h-4" })
-  ))));
+  return /* @__PURE__ */ jsxs("section", { children: [
+    /* @__PURE__ */ jsxs("h3", { className: "text-xs uppercase tracking-wide text-muted-foreground mb-1.5", children: [
+      "Your todos (",
+      /* @__PURE__ */ jsx(
+        UntrustedCount,
+        {
+          read: readOf(read),
+          value: todos.filter((t) => !t.done).length,
+          label: "Open todos"
+        }
+      ),
+      " ",
+      "open)"
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+      read.error && todos.length > 0 && /* @__PURE__ */ jsx(StaleDataNotice, { hasData: true, what: "your todos for this conversation", onRetry: read.retry, detail: read.error }),
+      read.error && todos.length === 0 ? /* @__PURE__ */ jsx(ReadFailure, { error: read.error, what: "your todos for this conversation", onRetry: read.retry, className: "m-0" }) : read.status !== "ready" && todos.length === 0 ? /* @__PURE__ */ jsx(ListsLoading, {}) : todos.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground italic", children: "No todos assigned by the agent yet." }) : null,
+      todos.map((t) => /* @__PURE__ */ jsx(TodoRow, { todo: t }, t.id)),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-1 mt-1", children: [
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: draft,
+            onChange: (e) => setDraft(e.target.value),
+            placeholder: "Add a todo for yourself\u2026",
+            onKeyDown: (e) => {
+              if (e.key === "Enter") void add();
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "quiet",
+            onClick: add,
+            disabled: !draft.trim(),
+            children: /* @__PURE__ */ jsx(Plus, { className: "w-4 h-4" })
+          }
+        )
+      ] })
+    ] })
+  ] });
 }
 function TodoRow({ todo }) {
-  return /* @__PURE__ */ React.createElement("div", { className: "group flex items-start gap-2 rounded-md hover:bg-muted/50 px-1.5 py-1" }, /* @__PURE__ */ React.createElement(
-    Checkbox,
-    {
-      checked: todo.done,
-      onCheckedChange: async (v) => {
-        await updateUserTodo(todo.id, { done: !!v });
-      },
-      className: "mt-1"
-    }
-  ), /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: cn(
-        "text-sm leading-snug",
-        todo.done && "text-muted-foreground line-through"
-      )
-    },
-    todo.title
-  ), todo.context && !todo.done && /* @__PURE__ */ React.createElement("div", { className: "text-xs text-muted-foreground mt-0.5" }, /* @__PURE__ */ React.createElement(RichContent, { source: todo.context ?? "", level: "standard" })), todo.due && !todo.done && /* @__PURE__ */ React.createElement("div", { className: "text-xs text-muted-foreground mt-0.5" }, "Due: ", todo.due)), /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(Trash2, null), onClick: async () => {
-    const yes = await confirmDialog({
-      title: "Remove todo?",
-      description: todo.title,
-      confirmLabel: "Remove",
-      variant: "destructive"
-    });
-    if (!yes) return;
-    await removeUserTodo(todo.id);
-  }, title: "Remove", "aria-label": "Remove", className: "opacity-0 group-hover:opacity-100 shrink-0" }));
+  return /* @__PURE__ */ jsxs("div", { className: "group flex items-start gap-2 rounded-md hover:bg-muted/50 px-1.5 py-1", children: [
+    /* @__PURE__ */ jsx(
+      Checkbox,
+      {
+        checked: todo.done,
+        onCheckedChange: async (v) => {
+          await updateUserTodo(todo.id, { done: !!v });
+        },
+        className: "mt-1"
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "text-sm leading-snug",
+            todo.done && "text-muted-foreground line-through"
+          ),
+          children: todo.title
+        }
+      ),
+      todo.context && !todo.done && /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground mt-0.5", children: /* @__PURE__ */ jsx(RichContent, { source: todo.context ?? "", level: "standard" }) }),
+      todo.due && !todo.done && /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground mt-0.5", children: [
+        "Due: ",
+        todo.due
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: /* @__PURE__ */ jsx(Trash2, {}), onClick: async () => {
+      const yes = await confirmDialog({
+        title: "Remove todo?",
+        description: todo.title,
+        confirmLabel: "Remove",
+        variant: "destructive"
+      });
+      if (!yes) return;
+      await removeUserTodo(todo.id);
+    }, title: "Remove", "aria-label": "Remove", className: "opacity-0 group-hover:opacity-100 shrink-0" })
+  ] });
 }
 export {
   TaskPanel,