@axiom-lattice/react-sdk 4.11.2 → 6.0.0

package/dist/index.mjs

@@ -1,17 +1,16 @@
 import {
   WorkflowAutomationView
-} from "./chunk-ZXEY5OGX.mjs";
+} from "./chunk-UZWBRDTU.mjs";
 import {
   SkillFlow_default,
   SkillNode_default
-} from "./chunk-ZQ7G446O.mjs";
+} from "./chunk-UDSGQ7R7.mjs";
 import {
-  AgentCardStats,
   AgentGovernanceWorkbench,
   AgentGraphView,
   AgentList,
   CreateAssistantModal_default
-} from "./chunk-NRT6JXPT.mjs";
+} from "./chunk-JJIGSAPR.mjs";
 import {
   AgentChatApp,
   AgentConfigGraph,
@@ -19,19 +18,20 @@ import {
   AgentDetailView,
   AgentEvalPanel,
   AgentOverview,
+  MiniBarChart,
   buildAgentConfigGraphData,
   buildAgentGraphData,
   buildAgentListItems,
   getRoundRepresentativeScore,
   isTrainingRound,
   toAttachmentItems
-} from "./chunk-QM3NPPQJ.mjs";
-import "./chunk-YDIVRYML.mjs";
-import "./chunk-BXPPM4ZX.mjs";
+} from "./chunk-6BWBE7MR.mjs";
+import "./chunk-3ZEMSWAC.mjs";
+import "./chunk-QABSNIMF.mjs";
 import {
   WorkflowCanvas_default,
   WorkflowNode_default
-} from "./chunk-ZX53OESZ.mjs";
+} from "./chunk-466FV4VM.mjs";
 import "./chunk-7FWCKQNB.mjs";
 import {
   A2AKeyList,
@@ -192,7 +192,7 @@ import {
   useWebPush,
   useWorkspaceContext,
   useWorkspaceContextOptional
-} from "./chunk-PMICYMSW.mjs";
+} from "./chunk-7JDWJZ5M.mjs";
 import {
   Background,
   Controls,
@@ -223,7 +223,7 @@ import {
   useClient,
   useLatticeChatShellContext,
   writeAuthItem
-} from "./chunk-RDC4ZHXF.mjs";
+} from "./chunk-IFRTNJ2P.mjs";
 import "./chunk-Y2HJPMUR.mjs";
 import {
   formatErrorMessage,
@@ -236,7 +236,7 @@ import {
   namespaceOf,
   useLocale,
   useT
-} from "./chunk-PEEXMLMK.mjs";
+} from "./chunk-IODHU3BD.mjs";
 import "./chunk-32GKV6EM.mjs";
 
 // src/components/Chat/registerWorkspaceApp.tsx
@@ -406,7 +406,6 @@ import {
   Button,
   message,
   Typography,
-  Alert,
   Select,
   Switch,
   Space,
@@ -414,9 +413,6 @@ import {
 } from "antd";
 import {
   SaveOutlined,
-  EnvironmentOutlined,
-  ReloadOutlined,
-  CheckCircleOutlined,
   ApiOutlined,
   LinkOutlined,
   CheckCircleFilled,
@@ -427,7 +423,6 @@ import {
 import { createStyles } from "antd-style";
 import { Fragment, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 var { Text, Title } = Typography;
-var { TextArea } = Input;
 var useStyles = createStyles(({ token, css }) => ({
   //   settingsModal: css`
   //     .ant-modal {
@@ -770,11 +765,6 @@ var useStyles = createStyles(({ token, css }) => ({
   `
 }));
 var SETTINGS_MENU_ITEMS = [
-  {
-    key: "environment",
-    labelKey: "chatConfig.settings.menu.environment",
-    icon: /* @__PURE__ */ jsx5(EnvironmentOutlined, {})
-  },
   {
     key: "models",
     labelKey: "chatConfig.settings.menu.models",
@@ -819,7 +809,7 @@ var SettingsModal = ({
   const [activeTabKey, setActiveTabKey] = useState(
     connections.length > 0 ? connections[0].id : ""
   );
-  const [activeMenu, setActiveMenu] = useState("environment");
+  const [activeMenu, setActiveMenu] = useState("models");
   const [loading, setLoading] = useState(false);
   const [showAddServerModal, setShowAddServerModal] = useState(false);
   const [newServerUrl, setNewServerUrl] = useState("");
@@ -844,7 +834,6 @@ var SettingsModal = ({
       setServerConfigs((prev) => ({
         ...prev,
         [serverId]: {
-          envText: "",
           models: [
             {
               key: "",
@@ -875,7 +864,7 @@ var SettingsModal = ({
       if (connection.apiKey) {
         headers["Authorization"] = `Bearer ${connection.apiKey}`;
       }
-      const response = await fetch(`${url}/api/config`, {
+      const response = await fetch(`${url}/health`, {
         method: "GET",
         signal: controller.signal,
         headers
@@ -920,53 +909,6 @@ var SettingsModal = ({
       )
     );
   };
-  const loadCurrentConfig = async (serverId) => {
-    const connection = connectionsRef.current.find((c) => c.id === serverId);
-    if (!connection || !connection.connected) return;
-    const url = connection.url;
-    if (!url) return;
-    try {
-      const headers = {};
-      if (connection.apiKey) {
-        headers["Authorization"] = `Bearer ${connection.apiKey}`;
-      }
-      const response = await fetch(`${url}/api/config`, {
-        headers
-      });
-      if (response.ok) {
-        const data = await response.json();
-        if (data.success && data.data) {
-          const lines = [];
-          const configData = data.data;
-          if (configData.port !== void 0) {
-            lines.push(`PORT=${configData.port}`);
-          }
-          if (configData.queueServiceType) {
-            lines.push(`QUEUE_SERVICE_TYPE=${configData.queueServiceType}`);
-          }
-          if (configData.redisUrl) {
-            lines.push(`REDIS_URL=${configData.redisUrl}`);
-          }
-          if (configData.redisPassword) {
-            lines.push(`REDIS_PASSWORD=`);
-          }
-          if (configData.queueName) {
-            lines.push(`QUEUE_NAME=${configData.queueName}`);
-          }
-          setServerConfigs((prev) => ({
-            ...prev,
-            [serverId]: {
-              ...prev[serverId],
-              envText: lines.join("\n")
-            }
-          }));
-        }
-      }
-    } catch (error) {
-      console.error("Failed to load configuration:", error);
-      message.error(t("chatConfig.settings.loadConfigFailed"));
-    }
-  };
   const loadModelsConfig = async (serverId) => {
     const connection = connectionsRef.current.find((c) => c.id === serverId);
     if (!connection || !connection.connected) return;
@@ -1038,11 +980,7 @@ var SettingsModal = ({
     if (open && activeTabKey) {
       const connection = connections.find((c) => c.id === activeTabKey);
       if (connection?.connected) {
-        if (activeMenu === "environment") {
-          loadCurrentConfig(activeTabKey);
-        } else if (activeMenu === "models") {
-          loadModelsConfig(activeTabKey);
-        }
+        loadModelsConfig(activeTabKey);
       }
     }
   }, [open, activeTabKey, activeMenu]);
@@ -1116,81 +1054,7 @@ var SettingsModal = ({
     try {
       setLoading(true);
       const config = serverConfigs[activeTabKey];
-      if (activeMenu === "environment") {
-        const configObj = {};
-        const lines = config.envText.split("\n");
-        for (const line of lines) {
-          const trimmedLine = line.trim();
-          if (!trimmedLine || trimmedLine.startsWith("#")) {
-            continue;
-          }
-          const equalIndex = trimmedLine.indexOf("=");
-          if (equalIndex === -1) {
-            continue;
-          }
-          const key = trimmedLine.substring(0, equalIndex).trim();
-          const value = trimmedLine.substring(equalIndex + 1).trim();
-          if (!key) {
-            continue;
-          }
-          const upperKey = key.toUpperCase();
-          if (upperKey === "PORT") {
-            if (value) {
-              configObj.port = Number(value);
-            }
-          } else if (upperKey === "QUEUE_SERVICE_TYPE") {
-            if (value) {
-              configObj.queueServiceType = value;
-            }
-          } else if (upperKey === "REDIS_URL") {
-            if (value) {
-              configObj.redisUrl = value;
-            }
-          } else if (upperKey === "REDIS_PASSWORD") {
-            if (value) {
-              configObj.redisPassword = value;
-            }
-          } else if (upperKey === "QUEUE_NAME") {
-            if (value) {
-              configObj.queueName = value;
-            }
-          } else {
-            if (value) {
-              configObj[key] = value;
-            }
-          }
-        }
-        const headers = {
-          "Content-Type": "application/json"
-        };
-        if (connection.apiKey) {
-          headers["Authorization"] = `Bearer ${connection.apiKey}`;
-        }
-        const response = await fetch(`${url}/api/config`, {
-          method: "PUT",
-          headers,
-          body: JSON.stringify({ config: configObj })
-        });
-        const data = await response.json();
-        if (response.ok && data.success) {
-          if (data.requiresRestart && data.requiresRestart.length > 0) {
-            message.warning(
-              t("chatConfig.settings.restartWarning", { services: data.requiresRestart.join(", ") }),
-              5
-            );
-          } else {
-            message.success(t("chatConfig.settings.savedApplied"));
-          }
-          if (data.warnings && data.warnings.length > 0) {
-            data.warnings.forEach((warning) => {
-              message.warning(warning, 5);
-            });
-          }
-          onClose();
-        } else {
-          message.error(data.error || t("chatConfig.settings.saveFailed"));
-        }
-      } else if (activeMenu === "models") {
+      if (activeMenu === "models") {
         const validModels = config.models.filter((m) => m.key && m.model && m.provider).map((m) => {
           if (m.apiKey) return m;
           const { apiKey: _omitted, ...rest } = m;
@@ -1222,71 +1086,8 @@ var SettingsModal = ({
       setLoading(false);
     }
   };
-  const renderEnvironmentSettings = (serverId) => {
-    const config = serverConfigs[serverId] || { envText: "", models: [] };
-    const setEnvText = (text) => {
-      setServerConfigs((prev) => ({
-        ...prev,
-        [serverId]: {
-          ...prev[serverId],
-          envText: text
-        }
-      }));
-    };
-    return /* @__PURE__ */ jsxs2("div", { className: styles.formContainer, children: [
-      /* @__PURE__ */ jsx5(
-        Alert,
-        {
-          message: t("chatConfig.settings.alert.title"),
-          description: /* @__PURE__ */ jsxs2("div", { children: [
-            /* @__PURE__ */ jsxs2("div", { style: { marginBottom: 8 }, children: [
-              /* @__PURE__ */ jsx5(
-                CheckCircleOutlined,
-                {
-                  style: { color: "#52c41a", marginRight: 8 }
-                }
-              ),
-              /* @__PURE__ */ jsx5("strong", { children: t("chatConfig.settings.alert.immediate") }),
-              " QUEUE_SERVICE_TYPE, REDIS_URL, REDIS_PASSWORD, QUEUE_NAME"
-            ] }),
-            /* @__PURE__ */ jsxs2("div", { children: [
-              /* @__PURE__ */ jsx5(ReloadOutlined, { style: { color: "#faad14", marginRight: 8 } }),
-              /* @__PURE__ */ jsx5("strong", { children: t("chatConfig.settings.alert.restart") }),
-              " ",
-              t("chatConfig.settings.alert.restartDetail")
-            ] })
-          ] }),
-          type: "info",
-          showIcon: true,
-          className: styles.alertCard
-        }
-      ),
-      /* @__PURE__ */ jsx5("div", { style: { marginBottom: 24 }, children: /* @__PURE__ */ jsx5(Text, { type: "secondary", style: { fontSize: 14, lineHeight: 1.6 }, children: t("chatConfig.settings.envHint") }) }),
-      /* @__PURE__ */ jsx5(
-        TextArea,
-        {
-          value: config.envText,
-          onChange: (e) => setEnvText(e.target.value),
-          placeholder: `PORT=4001
-QUEUE_SERVICE_TYPE=redis
-REDIS_URL=redis://localhost:6379
-REDIS_PASSWORD=
-QUEUE_NAME=tasks`,
-          rows: 18,
-          className: styles.textArea,
-          style: {
-            fontFamily: "SF Mono, Monaco, Inconsolata, Roboto Mono, monospace",
-            fontSize: 13,
-            padding: "16px",
-            lineHeight: 1.6
-          }
-        }
-      )
-    ] });
-  };
   const renderModelSettings = (serverId) => {
     const config = serverConfigs[serverId] || {
-      envText: "",
       models: [
         {
           key: "",
@@ -1520,8 +1321,6 @@ QUEUE_NAME=tasks`,
   };
   const renderContent = (serverId) => {
     switch (activeMenu) {
-      case "environment":
-        return renderEnvironmentSettings(serverId);
       case "models":
         return renderModelSettings(serverId);
       default:
@@ -1578,10 +1377,7 @@ QUEUE_NAME=tasks`,
         /* @__PURE__ */ jsxs2("div", { className: styles.contentHeader, children: [
           /* @__PURE__ */ jsxs2("div", { className: styles.contentHeaderLeft, children: [
             /* @__PURE__ */ jsx5(Title, { level: 3, className: styles.contentTitle, children: activeMenuItem ? t(activeMenuItem.labelKey) : void 0 }),
-            /* @__PURE__ */ jsxs2(Text, { className: styles.contentDescription, children: [
-              activeMenu === "environment" && t("chatConfig.settings.menu.environment.desc"),
-              activeMenu === "models" && t("chatConfig.settings.menu.models.desc")
-            ] })
+            /* @__PURE__ */ jsx5(Text, { className: styles.contentDescription, children: activeMenu === "models" && t("chatConfig.settings.menu.models.desc") })
           ] }),
           /* @__PURE__ */ jsxs2("div", { className: styles.contentHeaderRight, children: [
             /* @__PURE__ */ jsx5(Button, { onClick: onClose, children: t("common.cancel") }),
@@ -3495,14 +3291,88 @@ var AssistantFlowInner = ({ onChat }) => {
 var AssistantFlow = (props) => /* @__PURE__ */ jsx10(ReactFlowProvider, { children: /* @__PURE__ */ jsx10(AssistantFlowInner, { ...props }) });
 var AssistantFlow_default = AssistantFlow;
 
+// src/components/Governance/AgentCardStats.tsx
+import { Tooltip as Tooltip2 } from "antd";
+import { createStyles as createStyles3 } from "antd-style";
+import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+var fmtActive = (iso, t) => {
+  if (!iso) return "\u2014";
+  const diff = Date.now() - new Date(iso).getTime();
+  const minutes = Math.floor(diff / 6e4);
+  if (minutes < 1) return t ? t("common.time.justNow") : "just now";
+  if (minutes < 60) return t ? t("common.time.minutesAgo", { count: minutes }) : `${minutes}m ago`;
+  const hours = Math.floor(minutes / 60);
+  if (hours < 24) return t ? t("common.time.hoursAgo", { count: hours }) : `${hours}h ago`;
+  const days = Math.floor(hours / 24);
+  return t ? t("common.time.daysAgo", { count: days }) : `${days}d ago`;
+};
+var scoreColor = (score) => {
+  if (score === null) return "#d9d9d9";
+  return score >= 80 ? "#22c55e" : score >= 50 ? "#f59e0b" : "#ef4444";
+};
+var useStyles3 = createStyles3(({ css }) => ({
+  row: css`
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-end;
+  `
+}));
+var valueStyle = {
+  fontSize: 16,
+  fontWeight: 700,
+  lineHeight: 1.2,
+  cursor: "help"
+};
+var labelStyle = {
+  fontSize: 10,
+  color: "rgba(0, 0, 0, 0.45)",
+  whiteSpace: "nowrap",
+  marginTop: 1
+};
+var metricColumn = {
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "center"
+};
+var AgentCardStats = ({ stats }) => {
+  const { styles } = useStyles3();
+  const t = useT();
+  if (!stats) {
+    return /* @__PURE__ */ jsxs7("div", { style: { display: "flex", fontSize: 11, color: "#d9d9d9" }, children: [
+      /* @__PURE__ */ jsx11("span", { style: { flex: 1 }, children: t("governance.cardStats.scoreEmpty") }),
+      /* @__PURE__ */ jsx11("span", { style: { flex: 1 }, children: t("governance.cardStats.threadsEmpty") })
+    ] });
+  }
+  const score = stats.evalScore !== null ? Number(stats.evalScore).toFixed(1) : "\u2014";
+  const threads = stats.threadCount > 0 ? stats.threadCount : "\u2014";
+  const scoreTextColor = scoreColor(stats.evalScore);
+  const passRate = stats.evalPassRate !== null ? `${stats.evalPassRate}%` : "\u2014";
+  return /* @__PURE__ */ jsxs7("div", { className: styles.row, children: [
+    /* @__PURE__ */ jsxs7("div", { style: { display: "flex", gap: 16, alignItems: "flex-end" }, children: [
+      /* @__PURE__ */ jsx11(Tooltip2, { title: t("governance.cardStats.evalTooltip", { score, passRate, runs: stats.evalRuns }), children: /* @__PURE__ */ jsxs7("div", { style: metricColumn, children: [
+        /* @__PURE__ */ jsx11("span", { style: { ...valueStyle, color: scoreTextColor }, children: score }),
+        /* @__PURE__ */ jsx11("span", { className: "lattice-stat-label", style: labelStyle, children: t("governance.cardStats.evalScore") })
+      ] }) }),
+      /* @__PURE__ */ jsx11(Tooltip2, { title: stats.lastActive ? t("governance.cardStats.conversationsTooltipActive", { total: stats.threadCount, last7d: stats.last7d, last30d: stats.last30d, lastActive: fmtActive(stats.lastActive, t) }) : t("governance.cardStats.conversationsTooltip", { total: stats.threadCount, last7d: stats.last7d, last30d: stats.last30d }), children: /* @__PURE__ */ jsxs7("div", { style: metricColumn, children: [
+        /* @__PURE__ */ jsx11("span", { style: { ...valueStyle, color: threads === "\u2014" ? "#d9d9d9" : "#595959" }, children: threads }),
+        /* @__PURE__ */ jsx11("span", { className: "lattice-stat-label", style: labelStyle, children: t("governance.cardStats.threads") })
+      ] }) })
+    ] }),
+    stats.daily7d.length > 0 && /* @__PURE__ */ jsxs7("div", { style: metricColumn, children: [
+      /* @__PURE__ */ jsx11(MiniBarChart, { values: stats.daily7d, width: 40, height: 24, color: "#8c8c8c" }),
+      /* @__PURE__ */ jsx11("span", { className: "lattice-stat-label", style: labelStyle, children: t("governance.cardStats.threads7d") })
+    ] })
+  ] });
+};
+
 // src/components/Chat/LatticeAgentWorkspace.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var LatticeAgentWorkspace = ({
   workspaceId,
   projectId = "default",
   assistant_id,
   ...chatProps
-}) => /* @__PURE__ */ jsx11(WorkspaceContextProvider, { workspaceId, projectId, children: /* @__PURE__ */ jsx11(AssistantContextProvider, { autoLoad: true, initialAssistantId: assistant_id, children: /* @__PURE__ */ jsx11(LatticeChat, { showProjectSelector: false, assistant_id, ...chatProps }) }) });
+}) => /* @__PURE__ */ jsx12(WorkspaceContextProvider, { workspaceId, projectId, children: /* @__PURE__ */ jsx12(AssistantContextProvider, { autoLoad: true, initialAssistantId: assistant_id, children: /* @__PURE__ */ jsx12(LatticeChat, { showProjectSelector: false, assistant_id, ...chatProps }) }) });
 export {
   A2AKeyList,
   AgentCardStats,