@axiom-lattice/react-sdk 4.6.4 → 4.6.5

package/dist/index.js

@@ -84570,7 +84570,7 @@ var init_read_eval_card = __esm({
 });
 
 // src/components/GenUI/elements/task_manage_card.tsx
-var import_antd49, import_antd_style27, import_lucide_react24, import_jsx_runtime167, Text20, useStyles19, actionTitleStyle4, truncate2, statusColor, priorityColor, openTaskSideApp, TaskLiveCard, TaskListCard, TaskDeleteCard, failureActionLabel, TaskFailureCard, TaskManageCard;
+var import_antd49, import_antd_style27, import_lucide_react24, import_jsx_runtime167, Text20, useStyles19, actionTitleStyle4, truncate2, firstLine, statusColor, priorityColor, StatusDot, HoverReveal, resolveLiveView, resolveListStats, resolveActivityView, TaskLiveCard, TaskLiveHoverCard, TaskListCard, TaskListHoverCard, TaskActivityCard, TaskActivityHoverCard, TaskDeleteDetailCard, TaskDeleteHoverCard, failureActionLabel, TaskFailureCard, extractTask, TaskManageCard;
 var init_task_manage_card = __esm({
   "src/components/GenUI/elements/task_manage_card.tsx"() {
     "use strict";
@@ -84580,6 +84580,7 @@ var init_task_manage_card = __esm({
     init_SideAppBrowserContext();
     init_eval_manage_card();
     init_EntityCard();
+    init_MDResponse();
     import_jsx_runtime167 = require("react/jsx-runtime");
     ({ Text: Text20 } = import_antd49.Typography);
     useStyles19 = (0, import_antd_style27.createStyles)(({ css }) => ({
@@ -84607,6 +84608,10 @@ var init_task_manage_card = __esm({
       letterSpacing: 0.5
     };
     truncate2 = (s4, max5 = 120) => s4.length > max5 ? s4.slice(0, max5) + "..." : s4;
+    firstLine = (s4) => {
+      const line2 = s4.split("\n").map((l3) => l3.replace(/^#+\s*/, "").trim()).find((l3) => l3.length > 0) ?? "";
+      return truncate2(line2, 80);
+    };
     statusColor = {
       pending: "#9ca3af",
       in_progress: "#3b82f6",
@@ -84621,28 +84626,89 @@ var init_task_manage_card = __esm({
       medium: "#f59e0b",
       low: "#9ca3af"
     };
-    openTaskSideApp = (openSideApp) => {
-      openSideApp({ component_key: "manage_task", data: {} });
-    };
-    TaskLiveCard = ({ data, result }) => {
-      const openSideApp = useSideAppOpener();
+    StatusDot = ({ status }) => /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
+      "span",
+      {
+        style: {
+          width: 8,
+          height: 8,
+          borderRadius: "50%",
+          background: statusColor[status] ?? "#9ca3af",
+          display: "inline-block",
+          flexShrink: 0
+        }
+      }
+    );
+    HoverReveal = ({ chip, detail, onClick }) => {
       const { styles } = useStyles19();
+      const trigger = /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("span", { "data-testid": "manage-task-chip", style: { display: "inline-block", maxWidth: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
+        EntityCard,
+        {
+          item: null,
+          dense: true,
+          className: styles.compactLiveCard,
+          onClick: onClick ? () => onClick() : void 0,
+          renderPrimary: () => /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("div", { style: { display: "flex", alignItems: "center", gap: 8, minWidth: 0 }, children: chip })
+        }
+      ) });
+      if (!detail) return trigger;
+      return /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
+        import_antd49.Popover,
+        {
+          content: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("div", { style: { maxWidth: 420 }, children: detail }),
+          trigger: "hover",
+          placement: "rightTop",
+          mouseEnterDelay: 0.15,
+          mouseLeaveDelay: 0.1,
+          children: trigger
+        }
+      );
+    };
+    resolveLiveView = (data, result, task) => {
       const args = data?.args ?? {};
       const action = args.action ?? "";
-      const item = result.data ?? {};
-      const verb = action === "create" ? "CREATE TASK" : action === "set_status" ? "SET STATUS" : "UPDATE TASK";
-      const title = item.title ?? args.title ?? "";
-      const description = item.description ?? "";
-      const status = item.status ?? "pending";
-      const priority = item.priority ?? "medium";
-      const dependencies = Array.isArray(item.dependencies) ? item.dependencies : [];
-      const reviewerAction = result.reviewerAction;
+      const item = task ?? result.data ?? {};
+      return {
+        verb: action === "create" ? "CREATE TASK" : action === "set_status" ? "SET STATUS" : action === "get" ? "TASK" : "UPDATE TASK",
+        title: item.title ?? args.title ?? "",
+        status: item.status ?? "pending",
+        description: item.description ?? "",
+        priority: item.priority ?? "medium",
+        dependencies: Array.isArray(item.dependencies) ? item.dependencies : [],
+        reviewerAction: result.reviewerAction
+      };
+    };
+    resolveListStats = (result) => {
+      const items3 = Array.isArray(result.data) ? result.data : [];
+      return {
+        items: items3,
+        count: result.count ?? items3.length,
+        inProgress: items3.filter((t4) => t4.status === "in_progress").length,
+        completed: items3.filter((t4) => t4.status === "completed").length
+      };
+    };
+    resolveActivityView = (data, result, task) => {
+      const args = data?.args ?? {};
+      const activity = result.data ?? {};
+      const markdown = activity?.detail?.markdown ?? args.content ?? "";
+      return {
+        markdown,
+        summary: activity?.summary ?? args.summary ?? firstLine(markdown),
+        title: task?.title ?? "",
+        status: task?.status ?? "pending"
+      };
+    };
+    TaskLiveCard = ({ data, result, task }) => {
+      const openSideApp = useSideAppOpener();
+      const { styles } = useStyles19();
+      const { verb, title, status, description, priority, dependencies, reviewerAction } = resolveLiveView(data, result, task);
+      const item = task ?? result.data ?? {};
       const handleClick = () => {
         if (item.id) {
           openSideApp({ component_key: "manage_task", data: { task: item } });
           return;
         }
-        openTaskSideApp(openSideApp);
+        openSideApp({ component_key: "manage_task", data: {} });
       };
       return /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
         EntityCard,
@@ -84654,19 +84720,7 @@ var init_task_manage_card = __esm({
           renderPrimary: () => /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)(import_jsx_runtime167.Fragment, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
               /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(Text20, { strong: true, style: actionTitleStyle4, children: verb }),
-              /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
-                "span",
-                {
-                  style: {
-                    width: 8,
-                    height: 8,
-                    borderRadius: "50%",
-                    background: statusColor[status] ?? "#9ca3af",
-                    display: "inline-block",
-                    flexShrink: 0
-                  }
-                }
-              )
+              /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(StatusDot, { status })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(Text20, { strong: true, style: { fontSize: 14 }, children: title }) })
           ] }),
@@ -84685,14 +84739,48 @@ var init_task_manage_card = __esm({
         }
       );
     };
+    TaskLiveHoverCard = ({ data, result, task }) => {
+      const openSideApp = useSideAppOpener();
+      const action = data?.args?.action ?? "";
+      const { verb, title, status } = resolveLiveView(data, result, task);
+      const handleClick = () => {
+        if (task.id) {
+          openSideApp({ component_key: "manage_task", data: { task } });
+          return;
+        }
+        openSideApp({ component_key: "manage_task", data: {} });
+      };
+      return /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
+        HoverReveal,
+        {
+          onClick: handleClick,
+          detail: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(TaskLiveCard, { data, result, task }),
+          chip: /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)(import_jsx_runtime167.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(Text20, { strong: true, style: actionTitleStyle4, children: verb }),
+            /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
+              Text20,
+              {
+                style: {
+                  fontSize: 13,
+                  flex: 1,
+                  minWidth: 0,
+                  overflow: "hidden",
+                  textOverflow: "ellipsis",
+                  whiteSpace: "nowrap"
+                },
+                children: title
+              }
+            ),
+            action === "set_status" ? /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(Text20, { style: { fontSize: 12, flexShrink: 0, color: statusColor[status] ?? "#9ca3af" }, children: status }) : /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(StatusDot, { status })
+          ] })
+        }
+      );
+    };
     TaskListCard = ({ data, result }) => {
       const openSideApp = useSideAppOpener();
       const { styles } = useStyles19();
-      const items3 = Array.isArray(result.data) ? result.data : [];
-      const count3 = result.count ?? items3.length;
-      const inProgress = items3.filter((t4) => t4.status === "in_progress").length;
-      const completed = items3.filter((t4) => t4.status === "completed").length;
-      const handleClick = () => openTaskSideApp(openSideApp);
+      const { items: items3, count: count3, inProgress, completed } = resolveListStats(result);
+      const handleClick = () => openSideApp({ component_key: "manage_task", data: {} });
       return /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
         EntityCard,
         {
@@ -84745,20 +84833,137 @@ var init_task_manage_card = __esm({
         }
       );
     };
-    TaskDeleteCard = ({ data }) => {
+    TaskListHoverCard = ({ data, result }) => {
+      const openSideApp = useSideAppOpener();
+      const { count: count3, inProgress, completed } = resolveListStats(result);
+      return /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
+        HoverReveal,
+        {
+          onClick: () => openSideApp({ component_key: "manage_task", data: {} }),
+          detail: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(TaskListCard, { data, result }),
+          chip: /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)(import_jsx_runtime167.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(Text20, { strong: true, style: actionTitleStyle4, children: "TASK LIST" }),
+            /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)(Text20, { style: { fontSize: 13 }, children: [
+              count3,
+              " ",
+              count3 === 1 ? "task" : "tasks"
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)(Text20, { type: "secondary", style: { fontSize: 12 }, children: [
+              inProgress,
+              " in progress \xB7 ",
+              completed,
+              " completed"
+            ] })
+          ] })
+        }
+      );
+    };
+    TaskActivityCard = ({ data, result, task }) => {
       const openSideApp = useSideAppOpener();
       const { styles } = useStyles19();
-      const args = data?.args ?? {};
-      const title = args.title ?? "";
-      const handleClick = () => openTaskSideApp(openSideApp);
+      const { markdown, title, status } = resolveActivityView(data, result, task);
+      const handleClick = () => {
+        openSideApp({ component_key: "manage_task", data: task?.id ? { task } : {} });
+      };
       return /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
         EntityCard,
         {
           item: data,
-          dense: true,
-          className: styles.compactLiveCard,
+          className: styles.liveCard,
+          onClick: handleClick,
+          renderIcon: () => /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_lucide_react24.ListChecks, { size: 20 }),
+          renderPrimary: () => /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)(import_jsx_runtime167.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(Text20, { strong: true, style: actionTitleStyle4, children: "ACTIVITY" }),
+            /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(Text20, { strong: true, style: { fontSize: 14 }, children: title || "Task" }),
+              /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(StatusDot, { status })
+            ] })
+          ] }),
+          renderDetails: () => /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(MDResponse, { content: markdown })
+        }
+      );
+    };
+    TaskActivityHoverCard = ({ data, result, task }) => {
+      const openSideApp = useSideAppOpener();
+      const { summary, title } = resolveActivityView(data, result, task);
+      const handleClick = () => {
+        if (task?.id) {
+          openSideApp({ component_key: "manage_task", data: { task } });
+          return;
+        }
+        openSideApp({ component_key: "manage_task", data: {} });
+      };
+      return /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
+        HoverReveal,
+        {
           onClick: handleClick,
-          renderPrimary: () => /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+          detail: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(TaskActivityCard, { data, result, task }),
+          chip: /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)(import_jsx_runtime167.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(Text20, { strong: true, style: actionTitleStyle4, children: "ACTIVITY" }),
+            /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
+              Text20,
+              {
+                style: {
+                  fontSize: 13,
+                  flex: 1,
+                  minWidth: 0,
+                  overflow: "hidden",
+                  textOverflow: "ellipsis",
+                  whiteSpace: "nowrap"
+                },
+                children: summary
+              }
+            ),
+            title && /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)(
+              Text20,
+              {
+                type: "secondary",
+                style: {
+                  fontSize: 12,
+                  overflow: "hidden",
+                  textOverflow: "ellipsis",
+                  whiteSpace: "nowrap"
+                },
+                children: [
+                  "\xB7 ",
+                  title
+                ]
+              }
+            )
+          ] })
+        }
+      );
+    };
+    TaskDeleteDetailCard = ({ title, id: id2 }) => {
+      const openSideApp = useSideAppOpener();
+      const { styles } = useStyles19();
+      return /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
+        EntityCard,
+        {
+          item: null,
+          className: styles.liveCard,
+          onClick: () => openSideApp({ component_key: "manage_task", data: {} }),
+          renderPrimary: () => /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)(import_jsx_runtime167.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)(Text20, { strong: true, style: actionTitleStyle4, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("span", { style: { color: "#ef4444" }, children: "\u2713" }),
+              " Deleted task"
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(Text20, { strong: true, style: { fontSize: 14 }, children: title || id2 }) })
+          ] })
+        }
+      );
+    };
+    TaskDeleteHoverCard = ({ data }) => {
+      const openSideApp = useSideAppOpener();
+      const args = data?.args ?? {};
+      const title = args.title ?? "";
+      const id2 = args.id ?? "";
+      return /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
+        HoverReveal,
+        {
+          onClick: () => openSideApp({ component_key: "manage_task", data: {} }),
+          detail: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(TaskDeleteDetailCard, { title, id: id2 }),
+          chip: /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)(import_jsx_runtime167.Fragment, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)(Text20, { strong: true, style: actionTitleStyle4, children: [
               /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("span", { style: { color: "#ef4444" }, children: "\u2713" }),
               " Deleted task"
@@ -84772,7 +84977,9 @@ var init_task_manage_card = __esm({
       create: "CREATE TASK",
       update: "UPDATE TASK",
       set_status: "SET STATUS",
+      get: "GET TASK",
       list: "LIST TASKS",
+      add_activity: "ADD ACTIVITY",
       delete: "DELETE TASK"
     };
     TaskFailureCard = ({ action, message: message49 }) => {
@@ -84800,6 +85007,14 @@ var init_task_manage_card = __esm({
         }
       );
     };
+    extractTask = (action, result) => {
+      if (action === "get") return result.data?.task;
+      if (action === "add_activity") return result.task;
+      if (action === "create" || action === "update" || action === "set_status") {
+        return result.data;
+      }
+      return void 0;
+    };
     TaskManageCard = ({ data }) => {
       const args = data?.args ?? {};
       const action = typeof args.action === "string" ? args.action : "";
@@ -84807,15 +85022,19 @@ var init_task_manage_card = __esm({
       if (!result.success) {
         return /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(TaskFailureCard, { action, message: result.error ?? "manage_task failed" });
       }
+      const task = extractTask(action, result);
       switch (action) {
         case "create":
         case "update":
         case "set_status":
-          return /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(TaskLiveCard, { data, result });
+        case "get":
+          return /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(TaskLiveHoverCard, { data, result, task: task ?? {} });
         case "list":
-          return /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(TaskListCard, { data, result });
+          return /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(TaskListHoverCard, { data, result });
+        case "add_activity":
+          return /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(TaskActivityHoverCard, { data, result, task });
         case "delete":
-          return /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(TaskDeleteCard, { data });
+          return /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(TaskDeleteHoverCard, { data });
         default:
           return null;
       }
@@ -87546,11 +87765,11 @@ var init_esm2 = __esm({
         return lines;
       }
       const lastLine = lines[lines.length - 1];
-      const firstLine = lines[0];
+      const firstLine2 = lines[0];
       if (!lastLine) {
         lines.pop();
       }
-      if (!firstLine) {
+      if (!firstLine2) {
         lines.shift();
       }
       return lines;
@@ -99098,6 +99317,7 @@ ${nextContent}`;
                   ref: senderRef,
                   value: content,
                   header: senderHeader,
+                  autoSize: { minRows: 1, maxRows: 8 },
                   onSubmit,
                   placeholder: getPlaceholder(isEmpty, isStreaming, hasPendingMessages),
                   onChange: (val) => {
@@ -101451,8 +101671,8 @@ var init_MailboxPanel = __esm({
       }
     };
     getMessagePreview = (content) => {
-      const firstLine = content.split("\n")[0];
-      return firstLine.length > 80 ? firstLine.slice(0, 80) + "..." : firstLine;
+      const firstLine2 = content.split("\n")[0];
+      return firstLine2.length > 80 ? firstLine2.slice(0, 80) + "..." : firstLine2;
     };
     MessageGroupComponent = ({ group: group2, styles, defaultExpanded = true, onMessageClick }) => {
       const [isExpanded, setIsExpanded] = (0, import_react115.useState)(defaultExpanded);