@axiom-lattice/react-sdk 4.6.4 → 4.6.5

package/dist/{chunk-5ZKSOZEV.mjs → chunk-LVWTPDHR.mjs}

@@ -28728,7 +28728,7 @@ import { Spin as Spin21 } from "antd";
 import { ListChecks as ListChecks2 } from "lucide-react";
 import { jsx as jsx106 } from "react/jsx-runtime";
 var TasksSideApp = lazy2(
-  () => import("./TasksSideApp-OXXDJAMA.mjs").then((m) => ({ default: m.TasksSideApp }))
+  () => import("./TasksSideApp-H7HMCYAP.mjs").then((m) => ({ default: m.TasksSideApp }))
 );
 var TasksButton = () => {
   const { openSideApp, sideAppVisible, sideAppSelectedCard } = useChatUIContext();
@@ -29001,7 +29001,7 @@ ${JSON.stringify(
 // src/components/Chat/MessageViewPanel.tsx
 import { jsx as jsx108 } from "react/jsx-runtime";
 var MessageGraph = React77.lazy(
-  () => import("./MessageGraph-XFWEFW6Q.mjs").then((m) => ({ default: m.MessageGraph }))
+  () => import("./MessageGraph-C5WP23G7.mjs").then((m) => ({ default: m.MessageGraph }))
 );
 var MessageViewPanel = ({
   messages,
@@ -33030,6 +33030,7 @@ ${nextContent}`;
               ref: senderRef,
               value: content,
               header: senderHeader,
+              autoSize: { minRows: 1, maxRows: 8 },
               onSubmit,
               placeholder: getPlaceholder(isEmpty, isStreaming, hasPendingMessages),
               onChange: (val) => {
@@ -37559,19 +37560,19 @@ var DEFAULT_WORKSPACE_MENU_ITEMS = [
 ];
 var PanelSuspenseFallback = () => /* @__PURE__ */ jsx151("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", height: "100%", minHeight: 120 }, children: /* @__PURE__ */ jsx151(Spin32, {}) });
 var AgentGovernanceWorkbench = lazy3(
-  () => import("./AgentGovernanceWorkbench-FHUUFIBQ.mjs").then((m) => ({ default: m.AgentGovernanceWorkbench }))
+  () => import("./AgentGovernanceWorkbench-BZDX64QS.mjs").then((m) => ({ default: m.AgentGovernanceWorkbench }))
 );
 var TopologyRuntimeView = lazy3(
-  () => import("./TopologyRuntimeView-4WVFTTDW.mjs").then((m) => ({ default: m.TopologyRuntimeView }))
+  () => import("./TopologyRuntimeView-NDPEEC4A.mjs").then((m) => ({ default: m.TopologyRuntimeView }))
 );
 var WorkflowAutomationView = lazy3(
-  () => import("./WorkflowAutomationView-L43FU66L.mjs").then((m) => ({ default: m.WorkflowAutomationView }))
+  () => import("./WorkflowAutomationView-B5ZKGVJQ.mjs").then((m) => ({ default: m.WorkflowAutomationView }))
 );
 var TasksSideApp2 = lazy3(
-  () => import("./TasksSideApp-OXXDJAMA.mjs").then((m) => ({ default: m.TasksSideApp }))
+  () => import("./TasksSideApp-H7HMCYAP.mjs").then((m) => ({ default: m.TasksSideApp }))
 );
 var AgentDetailSideApp = lazy3(
-  () => import("./AgentDetailSideApp-I757NYJ2.mjs").then((m) => ({ default: m.AgentDetailSideApp }))
+  () => import("./AgentDetailSideApp-2ZWWXXAM.mjs").then((m) => ({ default: m.AgentDetailSideApp }))
 );
 var createWrapper = (Component2) => {
   return () => /* @__PURE__ */ jsx151(Suspense4, { fallback: /* @__PURE__ */ jsx151(PanelSuspenseFallback, {}), children: /* @__PURE__ */ jsx151(Component2, { ...{} }) });
@@ -39655,7 +39656,7 @@ var ReadEvalCard = ({ data }) => {
 };
 
 // src/components/GenUI/elements/task_manage_card.tsx
-import { Typography as Typography58 } from "antd";
+import { Typography as Typography58, Popover as Popover4 } from "antd";
 import { createStyles as createStyles69 } from "antd-style";
 import { ListTodo, ListChecks as ListChecks4 } from "lucide-react";
 import { Fragment as Fragment50, jsx as jsx161, jsxs as jsxs119 } from "react/jsx-runtime";
@@ -39685,6 +39686,10 @@ var actionTitleStyle4 = {
   letterSpacing: 0.5
 };
 var truncate2 = (s, max = 120) => s.length > max ? s.slice(0, max) + "..." : s;
+var firstLine = (s) => {
+  const line = s.split("\n").map((l) => l.replace(/^#+\s*/, "").trim()).find((l) => l.length > 0) ?? "";
+  return truncate2(line, 80);
+};
 var statusColor = {
   pending: "#9ca3af",
   in_progress: "#3b82f6",
@@ -39699,28 +39704,89 @@ var priorityColor = {
   medium: "#f59e0b",
   low: "#9ca3af"
 };
-var openTaskSideApp = (openSideApp) => {
-  openSideApp({ component_key: "manage_task", data: {} });
-};
-var TaskLiveCard = ({ data, result }) => {
-  const openSideApp = useSideAppOpener();
+var StatusDot = ({ status }) => /* @__PURE__ */ jsx161(
+  "span",
+  {
+    style: {
+      width: 8,
+      height: 8,
+      borderRadius: "50%",
+      background: statusColor[status] ?? "#9ca3af",
+      display: "inline-block",
+      flexShrink: 0
+    }
+  }
+);
+var HoverReveal = ({ chip, detail, onClick }) => {
   const { styles } = useStyles52();
+  const trigger = /* @__PURE__ */ jsx161("span", { "data-testid": "manage-task-chip", style: { display: "inline-block", maxWidth: "100%" }, children: /* @__PURE__ */ jsx161(
+    EntityCard,
+    {
+      item: null,
+      dense: true,
+      className: styles.compactLiveCard,
+      onClick: onClick ? () => onClick() : void 0,
+      renderPrimary: () => /* @__PURE__ */ jsx161("div", { style: { display: "flex", alignItems: "center", gap: 8, minWidth: 0 }, children: chip })
+    }
+  ) });
+  if (!detail) return trigger;
+  return /* @__PURE__ */ jsx161(
+    Popover4,
+    {
+      content: /* @__PURE__ */ jsx161("div", { style: { maxWidth: 420 }, children: detail }),
+      trigger: "hover",
+      placement: "rightTop",
+      mouseEnterDelay: 0.15,
+      mouseLeaveDelay: 0.1,
+      children: trigger
+    }
+  );
+};
+var 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
+  };
+};
+var resolveListStats = (result) => {
+  const items = Array.isArray(result.data) ? result.data : [];
+  return {
+    items,
+    count: result.count ?? items.length,
+    inProgress: items.filter((t) => t.status === "in_progress").length,
+    completed: items.filter((t) => t.status === "completed").length
+  };
+};
+var 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"
+  };
+};
+var TaskLiveCard = ({ data, result, task }) => {
+  const openSideApp = useSideAppOpener();
+  const { styles } = useStyles52();
+  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__ */ jsx161(
     EntityCard,
@@ -39732,19 +39798,7 @@ var TaskLiveCard = ({ data, result }) => {
       renderPrimary: () => /* @__PURE__ */ jsxs119(Fragment50, { children: [
         /* @__PURE__ */ jsxs119("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
           /* @__PURE__ */ jsx161(Text47, { strong: true, style: actionTitleStyle4, children: verb }),
-          /* @__PURE__ */ jsx161(
-            "span",
-            {
-              style: {
-                width: 8,
-                height: 8,
-                borderRadius: "50%",
-                background: statusColor[status] ?? "#9ca3af",
-                display: "inline-block",
-                flexShrink: 0
-              }
-            }
-          )
+          /* @__PURE__ */ jsx161(StatusDot, { status })
         ] }),
         /* @__PURE__ */ jsx161("div", { children: /* @__PURE__ */ jsx161(Text47, { strong: true, style: { fontSize: 14 }, children: title }) })
       ] }),
@@ -39763,14 +39817,48 @@ var TaskLiveCard = ({ data, result }) => {
     }
   );
 };
+var 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__ */ jsx161(
+    HoverReveal,
+    {
+      onClick: handleClick,
+      detail: /* @__PURE__ */ jsx161(TaskLiveCard, { data, result, task }),
+      chip: /* @__PURE__ */ jsxs119(Fragment50, { children: [
+        /* @__PURE__ */ jsx161(Text47, { strong: true, style: actionTitleStyle4, children: verb }),
+        /* @__PURE__ */ jsx161(
+          Text47,
+          {
+            style: {
+              fontSize: 13,
+              flex: 1,
+              minWidth: 0,
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap"
+            },
+            children: title
+          }
+        ),
+        action === "set_status" ? /* @__PURE__ */ jsx161(Text47, { style: { fontSize: 12, flexShrink: 0, color: statusColor[status] ?? "#9ca3af" }, children: status }) : /* @__PURE__ */ jsx161(StatusDot, { status })
+      ] })
+    }
+  );
+};
 var TaskListCard = ({ data, result }) => {
   const openSideApp = useSideAppOpener();
   const { styles } = useStyles52();
-  const items = Array.isArray(result.data) ? result.data : [];
-  const count = result.count ?? items.length;
-  const inProgress = items.filter((t) => t.status === "in_progress").length;
-  const completed = items.filter((t) => t.status === "completed").length;
-  const handleClick = () => openTaskSideApp(openSideApp);
+  const { items, count, inProgress, completed } = resolveListStats(result);
+  const handleClick = () => openSideApp({ component_key: "manage_task", data: {} });
   return /* @__PURE__ */ jsx161(
     EntityCard,
     {
@@ -39823,20 +39911,137 @@ var TaskListCard = ({ data, result }) => {
     }
   );
 };
-var TaskDeleteCard = ({ data }) => {
+var TaskListHoverCard = ({ data, result }) => {
+  const openSideApp = useSideAppOpener();
+  const { count, inProgress, completed } = resolveListStats(result);
+  return /* @__PURE__ */ jsx161(
+    HoverReveal,
+    {
+      onClick: () => openSideApp({ component_key: "manage_task", data: {} }),
+      detail: /* @__PURE__ */ jsx161(TaskListCard, { data, result }),
+      chip: /* @__PURE__ */ jsxs119(Fragment50, { children: [
+        /* @__PURE__ */ jsx161(Text47, { strong: true, style: actionTitleStyle4, children: "TASK LIST" }),
+        /* @__PURE__ */ jsxs119(Text47, { style: { fontSize: 13 }, children: [
+          count,
+          " ",
+          count === 1 ? "task" : "tasks"
+        ] }),
+        /* @__PURE__ */ jsxs119(Text47, { type: "secondary", style: { fontSize: 12 }, children: [
+          inProgress,
+          " in progress \xB7 ",
+          completed,
+          " completed"
+        ] })
+      ] })
+    }
+  );
+};
+var TaskActivityCard = ({ data, result, task }) => {
   const openSideApp = useSideAppOpener();
   const { styles } = useStyles52();
-  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__ */ jsx161(
     EntityCard,
     {
       item: data,
-      dense: true,
-      className: styles.compactLiveCard,
+      className: styles.liveCard,
       onClick: handleClick,
-      renderPrimary: () => /* @__PURE__ */ jsxs119("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+      renderIcon: () => /* @__PURE__ */ jsx161(ListChecks4, { size: 20 }),
+      renderPrimary: () => /* @__PURE__ */ jsxs119(Fragment50, { children: [
+        /* @__PURE__ */ jsx161(Text47, { strong: true, style: actionTitleStyle4, children: "ACTIVITY" }),
+        /* @__PURE__ */ jsxs119("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+          /* @__PURE__ */ jsx161(Text47, { strong: true, style: { fontSize: 14 }, children: title || "Task" }),
+          /* @__PURE__ */ jsx161(StatusDot, { status })
+        ] })
+      ] }),
+      renderDetails: () => /* @__PURE__ */ jsx161(MDResponse, { content: markdown })
+    }
+  );
+};
+var 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__ */ jsx161(
+    HoverReveal,
+    {
+      onClick: handleClick,
+      detail: /* @__PURE__ */ jsx161(TaskActivityCard, { data, result, task }),
+      chip: /* @__PURE__ */ jsxs119(Fragment50, { children: [
+        /* @__PURE__ */ jsx161(Text47, { strong: true, style: actionTitleStyle4, children: "ACTIVITY" }),
+        /* @__PURE__ */ jsx161(
+          Text47,
+          {
+            style: {
+              fontSize: 13,
+              flex: 1,
+              minWidth: 0,
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap"
+            },
+            children: summary
+          }
+        ),
+        title && /* @__PURE__ */ jsxs119(
+          Text47,
+          {
+            type: "secondary",
+            style: {
+              fontSize: 12,
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap"
+            },
+            children: [
+              "\xB7 ",
+              title
+            ]
+          }
+        )
+      ] })
+    }
+  );
+};
+var TaskDeleteDetailCard = ({ title, id }) => {
+  const openSideApp = useSideAppOpener();
+  const { styles } = useStyles52();
+  return /* @__PURE__ */ jsx161(
+    EntityCard,
+    {
+      item: null,
+      className: styles.liveCard,
+      onClick: () => openSideApp({ component_key: "manage_task", data: {} }),
+      renderPrimary: () => /* @__PURE__ */ jsxs119(Fragment50, { children: [
+        /* @__PURE__ */ jsxs119(Text47, { strong: true, style: actionTitleStyle4, children: [
+          /* @__PURE__ */ jsx161("span", { style: { color: "#ef4444" }, children: "\u2713" }),
+          " Deleted task"
+        ] }),
+        /* @__PURE__ */ jsx161("div", { children: /* @__PURE__ */ jsx161(Text47, { strong: true, style: { fontSize: 14 }, children: title || id }) })
+      ] })
+    }
+  );
+};
+var TaskDeleteHoverCard = ({ data }) => {
+  const openSideApp = useSideAppOpener();
+  const args = data?.args ?? {};
+  const title = args.title ?? "";
+  const id = args.id ?? "";
+  return /* @__PURE__ */ jsx161(
+    HoverReveal,
+    {
+      onClick: () => openSideApp({ component_key: "manage_task", data: {} }),
+      detail: /* @__PURE__ */ jsx161(TaskDeleteDetailCard, { title, id }),
+      chip: /* @__PURE__ */ jsxs119(Fragment50, { children: [
         /* @__PURE__ */ jsxs119(Text47, { strong: true, style: actionTitleStyle4, children: [
           /* @__PURE__ */ jsx161("span", { style: { color: "#ef4444" }, children: "\u2713" }),
           " Deleted task"
@@ -39850,7 +40055,9 @@ var failureActionLabel = {
   create: "CREATE TASK",
   update: "UPDATE TASK",
   set_status: "SET STATUS",
+  get: "GET TASK",
   list: "LIST TASKS",
+  add_activity: "ADD ACTIVITY",
   delete: "DELETE TASK"
 };
 var TaskFailureCard = ({ action, message: message36 }) => {
@@ -39878,6 +40085,14 @@ var TaskFailureCard = ({ action, message: message36 }) => {
     }
   );
 };
+var 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;
+};
 var TaskManageCard = ({ data }) => {
   const args = data?.args ?? {};
   const action = typeof args.action === "string" ? args.action : "";
@@ -39885,15 +40100,19 @@ var TaskManageCard = ({ data }) => {
   if (!result.success) {
     return /* @__PURE__ */ jsx161(TaskFailureCard, { action, message: result.error ?? "manage_task failed" });
   }
+  const task = extractTask(action, result);
   switch (action) {
     case "create":
     case "update":
     case "set_status":
-      return /* @__PURE__ */ jsx161(TaskLiveCard, { data, result });
+    case "get":
+      return /* @__PURE__ */ jsx161(TaskLiveHoverCard, { data, result, task: task ?? {} });
     case "list":
-      return /* @__PURE__ */ jsx161(TaskListCard, { data, result });
+      return /* @__PURE__ */ jsx161(TaskListHoverCard, { data, result });
+    case "add_activity":
+      return /* @__PURE__ */ jsx161(TaskActivityHoverCard, { data, result, task });
     case "delete":
-      return /* @__PURE__ */ jsx161(TaskDeleteCard, { data });
+      return /* @__PURE__ */ jsx161(TaskDeleteHoverCard, { data });
     default:
       return null;
   }
@@ -42294,11 +42513,11 @@ var constructLines = (value) => {
     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;
@@ -45241,8 +45460,8 @@ var formatDate4 = (timestamp) => {
   }
 };
 var 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;
 };
 var MessageGroupComponent = ({ group, styles, defaultExpanded = true, onMessageClick }) => {
   const [isExpanded, setIsExpanded] = useState127(defaultExpanded);
@@ -46547,10 +46766,10 @@ var McpAppCard = ({ data, component_key }) => {
 // src/components/GenUI/elements/builtIns.tsx
 import { jsx as jsx188 } from "react/jsx-runtime";
 var TasksSideApp3 = lazy4(
-  () => import("./TasksSideApp-OXXDJAMA.mjs").then((m) => ({ default: m.TasksSideApp }))
+  () => import("./TasksSideApp-H7HMCYAP.mjs").then((m) => ({ default: m.TasksSideApp }))
 );
 var TeamWorkspace = lazy4(
-  () => import("./TeamWorkspace-B7LILTQB.mjs").then((m) => ({ default: m.TeamWorkspace }))
+  () => import("./TeamWorkspace-QHSRNALK.mjs").then((m) => ({ default: m.TeamWorkspace }))
 );
 var elements = {
   action_show_attachments_uploader: {
@@ -46872,7 +47091,7 @@ var LazyReactInfographic = lazy5(
   () => import("./ReactInfographic-ONUZIC7W.mjs").then((m) => ({ default: m.ReactInfographic }))
 );
 var LazyReactChart = lazy5(
-  () => import("./ReactChart-L5JUVMDS.mjs").then((m) => ({ default: m.ReactChart }))
+  () => import("./ReactChart-JH2RKBRE.mjs").then((m) => ({ default: m.ReactChart }))
 );
 function BlockLoading() {
   return /* @__PURE__ */ jsx190(
@@ -47783,4 +48002,4 @@ export {
     http://jedwatson.github.io/classnames
   *)
 */
-//# sourceMappingURL=chunk-5ZKSOZEV.mjs.map
+//# sourceMappingURL=chunk-LVWTPDHR.mjs.map