@axiom-lattice/react-sdk 8.3.0 → 8.3.1

package/dist/index.mjs

@@ -10,7 +10,7 @@ import {
   AgentGraphView,
   AgentList,
   CreateAssistantModal_default
-} from "./chunk-32DXGO5I.mjs";
+} from "./chunk-GRJM72F2.mjs";
 import {
   AgentChatApp,
   AgentConfigGraph,
@@ -25,18 +25,18 @@ import {
   getRoundRepresentativeScore,
   isTrainingRound,
   toAttachmentItems
-} from "./chunk-5RHFR3E7.mjs";
-import "./chunk-QGHDHTJT.mjs";
+} from "./chunk-R2FZW4U2.mjs";
+import "./chunk-XYW2CARX.mjs";
 import "./chunk-J37GWFPA.mjs";
 import {
   WorkflowAutomationView
-} from "./chunk-26OKWQ4A.mjs";
-import "./chunk-VSNPATWP.mjs";
+} from "./chunk-DB5N7NLG.mjs";
+import "./chunk-6TXR2BBE.mjs";
 import {
   WorkflowCanvas_default,
   WorkflowNode_default
-} from "./chunk-WQ4VG47Y.mjs";
-import "./chunk-7FWCKQNB.mjs";
+} from "./chunk-VDJVKL3E.mjs";
+import "./chunk-3YVWKHQ2.mjs";
 import {
   Background,
   Controls,
@@ -184,7 +184,7 @@ import {
   useThreadRunStatus,
   useVoiceRecorder,
   useWebPush
-} from "./chunk-A5M2ER2U.mjs";
+} from "./chunk-YUYCIJXJ.mjs";
 import {
   AssistantContext,
   AssistantContextProvider,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axiom-lattice/react-sdk",
-  "version": "8.3.0",
+  "version": "8.3.1",
   "description": "React hooks for interacting with the Axiom Lattice Agent Service API",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/dist/MessageGraph-WUWP2CE3.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Chat/MessageGraph.tsx","../src/components/Chat/TraceNode.tsx","../src/components/Chat/TraceOverviewRail.tsx"],"sourcesContent":["import React, { useDeferredValue, useEffect, useMemo, useState } from \"react\";\nimport { Button } from \"antd\";\nimport { useReactFlow, type Edge, type Node } from \"@xyflow/react\";\nimport type { Message } from \"@axiom-lattice/protocols\";\nimport { applyDagreLayout, WorkflowGraphBase, type DSLEdge } from \"./WorkflowGraphBase\";\nimport {\n  buildTraceGraph,\n  collapseOlderPhases,\n  TRACE_CARD_SIZE,\n  type TraceGraph,\n} from \"./messageGraphUtils\";\nimport { traceNodeTypes, TraceActionContext } from \"./TraceNode\";\nimport { TraceOverviewRail } from \"./TraceOverviewRail\";\nimport { useT } from \"../../i18n\";\n\nconst VISIBLE_PHASES = 3;\n\nconst noop = (): void => undefined;\n\nexport interface MessageGraphProps {\n  messages: Message[];\n  isLoading?: boolean;\n  onJumpToMessage?: (messageId: string) => void;\n}\n\nconst TRACE_KEYFRAMES = `\n@keyframes tracePulse {\n  0%, 100% { box-shadow: 0 0 0 2px rgba(24,144,255,0.18); }\n  50% { box-shadow: 0 0 0 6px rgba(24,144,255,0.05); }\n}\n`;\n\nfunction computePositions(graph: TraceGraph): Map<string, { x: number; y: number }> {\n  const dslNodes = graph.nodes.map((n) => ({\n    id: n.id,\n    ...TRACE_CARD_SIZE[n.data.kind],\n  }));\n  const dslEdges: DSLEdge[] = graph.edges.map((e) => ({ from: e.from, to: e.to }));\n  return applyDagreLayout(dslNodes, dslEdges, {\n    nodesep: 48,\n    ranksep: 80,\n    rankdir: \"TB\",\n  });\n}\n\nfunction FollowController({ focusNodeId, follow }: { focusNodeId?: string; follow: boolean }) {\n  const reactFlow = useReactFlow();\n  useEffect(() => {\n    if (!follow || !focusNodeId) return;\n    const node = reactFlow.getNode(focusNodeId);\n    if (!node) return;\n    const width = (node.style?.width as number) ?? 0;\n    const height = (node.style?.height as number) ?? 0;\n    reactFlow.setCenter(node.position.x + width / 2, node.position.y + height / 2, {\n      zoom: 1,\n      duration: 300,\n    });\n  }, [focusNodeId, follow, reactFlow]);\n  return null;\n}\n\nexport const MessageGraph: React.FC<MessageGraphProps> = ({\n  messages,\n  isLoading,\n  onJumpToMessage,\n}) => {\n  const t = useT();\n  const [activeNodeId, setActiveNodeId] = useState<string | undefined>();\n  const [showAll, setShowAll] = useState(false);\n  const [follow, setFollow] = useState(true);\n\n  const deferredMessages = useDeferredValue(messages);\n  const graph = useMemo(\n    () => buildTraceGraph(deferredMessages, { isLoading, t }),\n    [deferredMessages, isLoading, t]\n  );\n  const visible = useMemo(\n    () => (showAll ? graph : collapseOlderPhases(graph, VISIBLE_PHASES, t)),\n    [graph, showAll, t]\n  );\n\n  const structureKey = useMemo(\n    () => `${visible.nodes.map((n) => n.id).join(\",\")}|${visible.edges.map((e) => e.id).join(\",\")}`,\n    [visible]\n  );\n  const positions = useMemo(() => computePositions(visible), [structureKey]);\n\n  const nodes: Node[] = useMemo(\n    () =>\n      visible.nodes.map((n) => {\n        const size = TRACE_CARD_SIZE[n.data.kind];\n        return {\n          id: n.id,\n          type: \"trace\",\n          position: positions.get(n.id) ?? { x: 0, y: 0 },\n          data: n.data as unknown as Record<string, unknown>,\n          draggable: false,\n          style: { width: size.width, height: size.height },\n        };\n      }),\n    [visible, positions]\n  );\n\n  const edges: Edge[] = useMemo(\n    () =>\n      visible.edges.map((e) => ({\n        id: e.id,\n        source: e.from,\n        target: e.to,\n        animated: e.kind === \"invoke\",\n        style: {\n          stroke: e.kind === \"invoke\" ? \"#6366f1\" : e.kind === \"result\" ? \"#a5b4fc\" : \"#d9d9d9\",\n        },\n      })),\n    [visible]\n  );\n\n  const lastNodeId = visible.nodes[visible.nodes.length - 1]?.id;\n  const focusNodeId = activeNodeId ?? lastNodeId;\n  const collapsible = graph.phases.length > VISIBLE_PHASES;\n  const actions = useMemo(() => ({ onJumpToMessage }), [onJumpToMessage]);\n\n  return (\n    <TraceActionContext.Provider value={actions}>\n      <style>{TRACE_KEYFRAMES}</style>\n      <div style={{ display: \"flex\", height: \"100%\", minHeight: 0, width: \"100%\" }}>\n        <TraceOverviewRail\n          graph={visible}\n          activeNodeId={activeNodeId}\n          onSelectNode={setActiveNodeId}\n        />\n        <div\n          style={{ flex: 1, minWidth: 0, minHeight: 0, display: \"flex\", flexDirection: \"column\" }}\n        >\n          <div\n            style={{\n              display: \"flex\",\n              justifyContent: \"flex-end\",\n              alignItems: \"center\",\n              gap: 4,\n              padding: \"4px 8px\",\n            }}\n          >\n            {!follow && (\n              <Button\n                size=\"small\"\n                type=\"text\"\n                onClick={() => {\n                  setActiveNodeId(undefined);\n                  setFollow(true);\n                }}\n              >\n                {t(\"chat.trace.backToCurrent\")}\n              </Button>\n            )}\n            {collapsible && (\n              <Button size=\"small\" type=\"text\" onClick={() => setShowAll((prev) => !prev)}>\n                {showAll ? t(\"chat.trace.collapseOlder\") : t(\"chat.trace.expandAll\")}\n              </Button>\n            )}\n          </div>\n          <div style={{ flex: 1, minHeight: 0 }}>\n            <WorkflowGraphBase\n              nodes={nodes}\n              edges={edges}\n              nodeTypes={traceNodeTypes}\n              onNodesChange={noop}\n              onEdgesChange={noop}\n              nodesDraggable={false}\n              nodesConnectable={false}\n              fitView\n              miniMap={{ pannable: true, zoomable: true }}\n              onMoveStart={() => setFollow(false)}\n              onNodeClick={(_event, node) => {\n                setActiveNodeId(node.id);\n                setFollow(true);\n              }}\n            >\n              <FollowController focusNodeId={focusNodeId} follow={follow} />\n            </WorkflowGraphBase>\n          </div>\n        </div>\n      </div>\n    </TraceActionContext.Provider>\n  );\n};\n","import React from \"react\";\nimport { Button, Tag } from \"antd\";\nimport { Handle, Position, type NodeProps, type NodeTypes } from \"@xyflow/react\";\nimport {\n  CheckCircleOutlined,\n  CloseCircleOutlined,\n  LoadingOutlined,\n  RobotOutlined,\n  TeamOutlined,\n  ToolOutlined,\n  UserOutlined,\n} from \"@ant-design/icons\";\nimport type { TraceNodeData, TraceStatus } from \"./messageGraphUtils\";\nimport { formatToolName } from \"../GenUI/elements/formatToolName\";\nimport { MDResponse } from \"../GenUI/MDResponse\";\nimport { ToolCard } from \"../GenUI/elements/ToolCard\";\nimport { toolResponseText } from \"../McpApp/toolResponseText\";\nimport { ToolResultMedia } from \"../McpApp/ToolResultMedia\";\nimport { useT } from \"../../i18n\";\n\nexport { formatToolName };\n\nconst RUNNING_ANIMATION = \"tracePulse 1.4s ease-in-out infinite\";\n\nconst STATUS_ICON: Record<TraceStatus, React.ReactNode> = {\n  running: <LoadingOutlined style={{ color: \"#1890ff\" }} />,\n  success: <CheckCircleOutlined style={{ color: \"#52c41a\" }} />,\n  error: <CloseCircleOutlined style={{ color: \"#ff4d4f\" }} />,\n};\n\nfunction KindIcon({ kind }: { kind: TraceNodeData[\"kind\"] }) {\n  switch (kind) {\n    case \"human\":\n      return <UserOutlined />;\n    case \"agent\":\n      return <TeamOutlined />;\n    case \"tool\":\n      return <ToolOutlined />;\n    case \"ai\":\n      return <RobotOutlined />;\n    default:\n      return <ToolOutlined />;\n  }\n}\n\ninterface TraceActions {\n  onJumpToMessage?: (messageId: string) => void;\n}\n\nexport const TraceActionContext = React.createContext<TraceActions>({});\nexport const useTraceActions = (): TraceActions => React.useContext(TraceActionContext);\n\nexport interface TraceNodeCardProps {\n  data: TraceNodeData;\n  selected?: boolean;\n}\n\nexport const TraceNodeCard: React.FC<TraceNodeCardProps> = ({ data, selected }) => {\n  const t = useT();\n  const { onJumpToMessage } = useTraceActions();\n  const isAnswer = data.isAnswer === true;\n  const running = data.status === \"running\";\n  const parallel = (data.parallelCount ?? 1) > 1;\n  const canJump = Boolean(\n    onJumpToMessage && data.messageId && !data.messageId.startsWith(\"summary:\")\n  );\n  const title = data.toolCall ? formatToolName(data.toolCall.name) : data.label;\n\n  const renderBody = () => {\n    if ((data.kind === \"tool\" || data.kind === \"agent\") && data.toolCall) {\n      const toolResponse = toolResponseText(data.toolCall.response);\n      return (\n        <>\n          <ToolCard\n            data={{\n              name: data.toolCall.name,\n              parameters: data.toolCall.args,\n              type: \"tool_call\",\n            }}\n            component_key={`${data.toolCall.id}-params`}\n            interactive={false}\n          />\n          {toolResponse && (\n            <div style={{ marginTop: 8 }}>\n              <MDResponse content={toolResponse} />\n            </div>\n          )}\n          <ToolResultMedia ui={data.toolCall.ui} />\n        </>\n      );\n    }\n    if (data.content) {\n      return <MDResponse content={data.content} />;\n    }\n    return <span style={{ color: \"#8c8c8c\" }}>{data.label}</span>;\n  };\n\n  return (\n    <div\n      data-testid=\"trace-card\"\n      style={{\n        height: \"100%\",\n        display: \"flex\",\n        flexDirection: \"column\",\n        border: `1px solid ${isAnswer || selected ? \"#6366f1\" : running ? \"#91caff\" : \"#e5e7eb\"}`,\n        borderRadius: 12,\n        background: isAnswer ? \"#eef2ff\" : \"#fff\",\n        boxShadow: running\n          ? \"0 0 0 2px rgba(24,144,255,0.18)\"\n          : selected\n            ? \"0 0 0 2px rgba(99,102,241,0.2)\"\n            : \"none\",\n        animation: running ? RUNNING_ANIMATION : undefined,\n        overflow: \"hidden\",\n        fontSize: 13,\n      }}\n    >\n      <div\n        style={{\n          display: \"flex\",\n          alignItems: \"center\",\n          gap: 8,\n          padding: \"8px 12px\",\n          borderBottom: \"1px solid #f0f0f0\",\n          background: \"rgba(0,0,0,0.02)\",\n        }}\n      >\n        <KindIcon kind={data.kind} />\n        <span\n          style={{\n            fontWeight: isAnswer ? 700 : 600,\n            flex: 1,\n            overflow: \"hidden\",\n            textOverflow: \"ellipsis\",\n            whiteSpace: \"nowrap\",\n          }}\n        >\n          {title}\n        </span>\n        {parallel && (\n          <Tag color=\"purple\" style={{ marginInlineEnd: 0, fontSize: 10 }}>\n            {t(\"chat.trace.parallelBadge\", { count: data.parallelCount ?? 1 })}\n          </Tag>\n        )}\n        {STATUS_ICON[data.status]}\n        {canJump && (\n          <Button type=\"text\" size=\"small\" onClick={() => onJumpToMessage?.(data.messageId)}>\n            {t(\"chat.trace.jumpToChat\")}\n          </Button>\n        )}\n      </div>\n      <div style={{ flex: 1, minHeight: 0, overflow: \"auto\", padding: 12 }}>{renderBody()}</div>\n    </div>\n  );\n};\n\nexport const TraceNodeView: React.FC<NodeProps> = ({ data, selected }) => (\n  <>\n    <Handle type=\"target\" position={Position.Top} />\n    <TraceNodeCard data={data as unknown as TraceNodeData} selected={selected} />\n    <Handle type=\"source\" position={Position.Bottom} />\n  </>\n);\n\nexport const traceNodeTypes: NodeTypes = {\n  trace: TraceNodeView,\n};\n","import React from \"react\";\nimport { Tooltip } from \"antd\";\nimport type { TraceGraph, TraceStatus } from \"./messageGraphUtils\";\n\nconst STATUS_COLOR: Record<TraceStatus, string> = {\n  running: \"#1890ff\",\n  success: \"#52c41a\",\n  error: \"#ff4d4f\",\n};\n\nexport interface TraceOverviewRailProps {\n  graph: TraceGraph;\n  activeNodeId?: string;\n  onSelectNode?: (nodeId: string) => void;\n}\n\nexport const TraceOverviewRail: React.FC<TraceOverviewRailProps> = ({\n  graph,\n  activeNodeId,\n  onSelectNode,\n}) => {\n  const nodeById = React.useMemo(() => new Map(graph.nodes.map((n) => [n.id, n])), [graph.nodes]);\n  return (\n    <div\n      data-testid=\"trace-overview-rail\"\n      style={{\n        display: \"flex\",\n        flexDirection: \"column\",\n        gap: 10,\n        width: 160,\n        padding: 8,\n        overflowY: \"auto\",\n        borderRight: \"1px solid #f0f0f0\",\n      }}\n    >\n      {graph.phases.map((phase) => (\n        <div key={phase.id} data-testid=\"trace-rail-phase\">\n          <div style={{ fontSize: 12, color: \"#8c8c8c\", marginBottom: 4 }}>{phase.title}</div>\n          <div style={{ display: \"flex\", flexWrap: \"wrap\", gap: 4 }}>\n            {phase.nodeIds.map((nodeId) => {\n              const node = nodeById.get(nodeId);\n              if (!node) return null;\n              const active = nodeId === activeNodeId;\n              return (\n                <Tooltip key={nodeId} title={node.data.label}>\n                  <button\n                    type=\"button\"\n                    data-testid=\"trace-rail-tick\"\n                    onClick={() => onSelectNode?.(nodeId)}\n                    style={{\n                      width: active ? 12 : 8,\n                      height: active ? 12 : 8,\n                      borderRadius: \"50%\",\n                      border: \"none\",\n                      padding: 0,\n                      cursor: \"pointer\",\n                      background: STATUS_COLOR[node.data.status],\n                      outline: active ? \"2px solid #6366f1\" : \"none\",\n                    }}\n                  />\n                </Tooltip>\n              );\n            })}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n};\n\n"],"mappings":"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","names":["Button","React","jsx","jsxs","jsx","jsxs","Button"]}