@axiom-lattice/react-sdk 4.2.0 → 4.2.2

package/dist/{chunk-THWLCTFU.mjs → chunk-BGJ4TPAL.mjs}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-7FWCKQNB.mjs";
 import {
   MDResponse
-} from "./chunk-QPF4RBTJ.mjs";
+} from "./chunk-B6UZYI3Q.mjs";
 import {
   Handle,
   MarkerType,
@@ -1089,4 +1089,4 @@ export {
   WorkflowCanvas_default,
   expandWorkflow
 };
-//# sourceMappingURL=chunk-THWLCTFU.mjs.map
+//# sourceMappingURL=chunk-BGJ4TPAL.mjs.map

package/dist/{chunk-AYNHFB6M.mjs → chunk-IY3DOVI3.mjs}

@@ -11,17 +11,17 @@ import {
   shortHash,
   startLearningRound,
   statusHex
-} from "./chunk-NLN5EB7R.mjs";
+} from "./chunk-OZQ4CZWU.mjs";
 import {
   ProjectScopeProvider_default,
   TrainingContextCard
-} from "./chunk-NQK7AVBH.mjs";
+} from "./chunk-R65ETB3L.mjs";
 import {
   EntityListView,
   FilterSelect,
   useSideAppOpener,
   useWorkspaceContext
-} from "./chunk-QPF4RBTJ.mjs";
+} from "./chunk-B6UZYI3Q.mjs";
 import {
   Background,
   Controls,
@@ -1833,4 +1833,4 @@ export {
   CreateAssistantModal_default,
   AgentGovernanceWorkbench
 };
-//# sourceMappingURL=chunk-AYNHFB6M.mjs.map
+//# sourceMappingURL=chunk-IY3DOVI3.mjs.map

package/dist/{chunk-NHWTNX7F.mjs → chunk-MC5D34IK.mjs}

@@ -2,15 +2,15 @@ import {
   CopilotPanel,
   ProjectScopeProvider,
   TrainingContextCard
-} from "./chunk-NQK7AVBH.mjs";
+} from "./chunk-R65ETB3L.mjs";
 import {
   WorkflowCanvas_default,
   expandWorkflow
-} from "./chunk-THWLCTFU.mjs";
+} from "./chunk-BGJ4TPAL.mjs";
 import {
   MDResponse,
   useWorkspaceContext
-} from "./chunk-QPF4RBTJ.mjs";
+} from "./chunk-B6UZYI3Q.mjs";
 import {
   ReactFlowProvider
 } from "./chunk-XC6TB6PI.mjs";
@@ -1271,4 +1271,4 @@ export {
   WorkflowAutomationView,
   WorkflowAutomationView_default
 };
-//# sourceMappingURL=chunk-NHWTNX7F.mjs.map
+//# sourceMappingURL=chunk-MC5D34IK.mjs.map

package/dist/{chunk-NLN5EB7R.mjs → chunk-OZQ4CZWU.mjs}

@@ -2,11 +2,11 @@ import {
   CopilotPanel,
   ProjectScopeProvider,
   TrainingContextCard
-} from "./chunk-NQK7AVBH.mjs";
+} from "./chunk-R65ETB3L.mjs";
 import {
   WorkflowCanvas_default,
   expandWorkflow
-} from "./chunk-THWLCTFU.mjs";
+} from "./chunk-BGJ4TPAL.mjs";
 import {
   AgentWebAppRuntimeClient,
   AgentWebAppRuntimeClientError
@@ -18,7 +18,7 @@ import {
   buildTaskGraph,
   isHiddenStatus,
   useOpenTaskChat
-} from "./chunk-7DCDRNN5.mjs";
+} from "./chunk-6Z4RFBLQ.mjs";
 import {
   WorkflowGraphBase,
   applyDagreLayout
@@ -67,7 +67,7 @@ import {
   useTenantBranding,
   useWorkspaceContext,
   useWorkspaceContextOptional
-} from "./chunk-QPF4RBTJ.mjs";
+} from "./chunk-B6UZYI3Q.mjs";
 import {
   CreateSkillModal
 } from "./chunk-MFAPAXZ2.mjs";
@@ -3477,9 +3477,14 @@ var MAX_UPLOAD_MB = 50;
 var useStyles6 = createStyles7(({ token, css }) => ({
   root: css`
     flex-shrink: 0;
-    border-top: 1px solid ${token.colorBorderSecondary};
     background: ${token.colorBgContainer};
     padding: 8px 12px max(8px, env(safe-area-inset-bottom));
+
+    @media (max-width: 768px) {
+      /* Nearly full-bleed on phones: the Sender already brings its own inner
+         padding, so extra host padding just wastes scarce width. */
+      padding: 4px 6px max(6px, env(safe-area-inset-bottom));
+    }
   `,
   reply: css`
     display: flex;
@@ -3734,6 +3739,7 @@ var ProjectRoomComposer = ({
               onKeyDown: handleSuggestionKeyDown,
               placeholder: "Message the room",
               autoSize: isMobile ? { minRows: 1, maxRows: 1 } : { minRows: 2, maxRows: 8 },
+              styles: isMobile ? { content: { paddingInlineStart: 8, paddingInlineEnd: 8 } } : void 0,
               suffix: isMobile ? void 0 : false,
               prefix: isMobile ? attachButton : void 0,
               footer: isMobile ? void 0 : (actionNode) => /* @__PURE__ */ jsxs9(Flex, { justify: "space-between", align: "center", style: { padding: "8px 0 0" }, children: [
@@ -5916,7 +5922,7 @@ var useStyles13 = createStyles15(({ token, css }) => ({
     overflow: hidden;
   `
 }));
-var RoomsPage = ({ workspaceId, openRoom, onRoomOpened }) => {
+var RoomsPage = ({ workspaceId, openRoom, onRoomOpened, onChatOpenChange }) => {
   const { styles } = useStyles13();
   const isMobile = useMediaQuery("(max-width: 768px)");
   const [selectedRoom, setSelectedRoom] = useState20(null);
@@ -5930,6 +5936,10 @@ var RoomsPage = ({ workspaceId, openRoom, onRoomOpened }) => {
     void refreshRooms();
     onRoomOpened?.();
   }, [openRoom, onRoomOpened, refreshRooms]);
+  useEffect16(() => {
+    onChatOpenChange?.(selectedRoom !== null);
+    return () => onChatOpenChange?.(false);
+  }, [selectedRoom, onChatOpenChange]);
   const roomMenu = /* @__PURE__ */ jsx28("div", { className: styles.menuList, children: /* @__PURE__ */ jsx28(
     RoomList,
     {
@@ -6085,7 +6095,7 @@ var OrgsList = ({
   const [error, setError] = useState21(null);
   useEffect17(() => {
     let cancelled = false;
-    const authApiKey = isAuthenticated ? sessionStorage.getItem("lattice_token") || config.apiKey || "" : config.apiKey || "";
+    const authApiKey = isAuthenticated ? readAuthItem("lattice_token") || config.apiKey || "" : config.apiKey || "";
     const fetchOrgs = async () => {
       if (!workspaceId || !authApiKey) {
         setOrgs([]);
@@ -6494,7 +6504,7 @@ var OrgsPage = ({ workspaceId, onNavigateToRoom }) => {
       setStartingFor(org.id);
       setStartError(null);
       try {
-        const authApiKey = isAuthenticated ? sessionStorage.getItem("lattice_token") || config.apiKey || "" : config.apiKey || "";
+        const authApiKey = isAuthenticated ? readAuthItem("lattice_token") || config.apiKey || "" : config.apiKey || "";
         const body = org.type === "bot" ? { type: "bot", assistantId: org.id } : { type: "human", targetUserId: org.id };
         const response = await fetch(
           `${config.baseURL}/api/workspaces/${workspaceId}/direct`,
@@ -6702,16 +6712,22 @@ var CoSpaceContainer = ({ workspaceId: workspaceIdProp }) => {
   const [activeTab, setActiveTab] = useState23("rooms");
   const [pendingRoom, setPendingRoom] = useState23(null);
   const [meOpen, setMeOpen] = useState23(false);
+  const [roomChatOpen, setRoomChatOpen] = useState23(false);
   const handleNavigateToRoom = useCallback18((room) => {
     setPendingRoom(room);
     setActiveTab("rooms");
   }, []);
+  const selectTab = useCallback18((tab) => {
+    setActiveTab(tab);
+    setRoomChatOpen(false);
+  }, []);
   const page = activeTab === "rooms" ? /* @__PURE__ */ jsx32("div", { className: styles.page, children: /* @__PURE__ */ jsx32(
     RoomsPage,
     {
       workspaceId,
       openRoom: pendingRoom,
-      onRoomOpened: () => setPendingRoom(null)
+      onRoomOpened: () => setPendingRoom(null),
+      onChatOpenChange: setRoomChatOpen
     }
   ) }) : /* @__PURE__ */ jsx32("div", { className: styles.page, children: /* @__PURE__ */ jsx32(OrgsPage, { workspaceId, onNavigateToRoom: handleNavigateToRoom }) });
   if (isMobile) {
@@ -6719,13 +6735,13 @@ var CoSpaceContainer = ({ workspaceId: workspaceIdProp }) => {
       /* @__PURE__ */ jsx32(RoomConnectionBanner, {}),
       /* @__PURE__ */ jsx32("div", { className: styles.inner, children: /* @__PURE__ */ jsxs24("div", { className: styles.mobileRoot, children: [
         /* @__PURE__ */ jsx32("div", { className: styles.mobilePage, children: page }),
-        /* @__PURE__ */ jsxs24("nav", { className: styles.tabBar, "aria-label": "CoSpace navigation", children: [
+        !roomChatOpen && /* @__PURE__ */ jsxs24("nav", { className: styles.tabBar, "aria-label": "CoSpace navigation", children: [
           /* @__PURE__ */ jsxs24(
             "button",
             {
               type: "button",
               className: `${styles.tabButton} ${activeTab === "rooms" ? "active" : ""}`,
-              onClick: () => setActiveTab("rooms"),
+              onClick: () => selectTab("rooms"),
               "aria-pressed": activeTab === "rooms",
               children: [
                 /* @__PURE__ */ jsx32(MessageSquare5, { size: 20 }),
@@ -6738,7 +6754,7 @@ var CoSpaceContainer = ({ workspaceId: workspaceIdProp }) => {
             {
               type: "button",
               className: `${styles.tabButton} ${activeTab === "orgs" ? "active" : ""}`,
-              onClick: () => setActiveTab("orgs"),
+              onClick: () => selectTab("orgs"),
               "aria-pressed": activeTab === "orgs",
               children: [
                 /* @__PURE__ */ jsx32(Building23, { size: 20 }),
@@ -14609,7 +14625,7 @@ import { Spin as Spin13 } from "antd";
 import { ListChecks as ListChecks2 } from "lucide-react";
 import { jsx as jsx63 } from "react/jsx-runtime";
 var TasksSideApp = lazy2(
-  () => import("./TasksSideApp-NNFCW65B.mjs").then((m) => ({ default: m.TasksSideApp }))
+  () => import("./TasksSideApp-ISKFSZLV.mjs").then((m) => ({ default: m.TasksSideApp }))
 );
 var TasksButton = () => {
   const { openSideApp, sideAppVisible, sideAppSelectedCard } = useChatUIContext();
@@ -16436,7 +16452,7 @@ var PersonalAssistantPage = () => {
     }
   }, [name, personalityText, post]);
   const resolveThread = useCallback30(async (assistantId2) => {
-    const apiKey = sessionStorage.getItem("lattice_token") || config.apiKey || "";
+    const apiKey = readAuthItem("lattice_token") || config.apiKey || "";
     const paClient = new Client({
       baseURL: config.baseURL,
       apiKey,
@@ -18330,19 +18346,19 @@ var DEFAULT_WORKSPACE_MENU_ITEMS = [
 ];
 var PanelSuspenseFallback = () => /* @__PURE__ */ jsx78("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", height: "100%", minHeight: 120 }, children: /* @__PURE__ */ jsx78(Spin16, {}) });
 var AgentGovernanceWorkbench = lazy3(
-  () => import("./AgentGovernanceWorkbench-D47KUMAA.mjs").then((m) => ({ default: m.AgentGovernanceWorkbench }))
+  () => import("./AgentGovernanceWorkbench-GP4IYPVR.mjs").then((m) => ({ default: m.AgentGovernanceWorkbench }))
 );
 var TopologyRuntimeView = lazy3(
-  () => import("./TopologyRuntimeView-VWGYRX74.mjs").then((m) => ({ default: m.TopologyRuntimeView }))
+  () => import("./TopologyRuntimeView-J2QQF3FO.mjs").then((m) => ({ default: m.TopologyRuntimeView }))
 );
 var WorkflowAutomationView = lazy3(
-  () => import("./WorkflowAutomationView-T4YKEPSP.mjs").then((m) => ({ default: m.WorkflowAutomationView }))
+  () => import("./WorkflowAutomationView-7NCBXAPY.mjs").then((m) => ({ default: m.WorkflowAutomationView }))
 );
 var TasksSideApp2 = lazy3(
-  () => import("./TasksSideApp-NNFCW65B.mjs").then((m) => ({ default: m.TasksSideApp }))
+  () => import("./TasksSideApp-ISKFSZLV.mjs").then((m) => ({ default: m.TasksSideApp }))
 );
 var AgentDetailSideApp = lazy3(
-  () => import("./AgentDetailSideApp-ETXLLXP2.mjs").then((m) => ({ default: m.AgentDetailSideApp }))
+  () => import("./AgentDetailSideApp-XVFNLPKO.mjs").then((m) => ({ default: m.AgentDetailSideApp }))
 );
 var createWrapper = (Component2) => {
   return () => /* @__PURE__ */ jsx78(Suspense3, { fallback: /* @__PURE__ */ jsx78(PanelSuspenseFallback, {}), children: /* @__PURE__ */ jsx78(Component2, { ...{} }) });
@@ -20698,6 +20714,26 @@ function getGraphDefinition2(def) {
   return typeof def === "object" && def !== null ? def : {};
 }
 var asStrings = (v) => Array.isArray(v) ? v.filter((x) => typeof x === "string") : [];
+var ALL_SKILLS_NODE_ID = "skill:__all__";
+function collectConfiguredSkills(g) {
+  const ids = [];
+  const seen = /* @__PURE__ */ new Set();
+  const add = (s) => {
+    if (seen.has(s)) return;
+    seen.add(s);
+    ids.push(s);
+  };
+  for (const s of asStrings(g.skills)) add(s);
+  let readAll = false;
+  const middleware = Array.isArray(g.middleware) ? g.middleware : [];
+  for (const m of middleware) {
+    if (m.enabled === false || m.type !== "skill") continue;
+    const cfg = typeof m.config === "object" && m.config !== null ? m.config : {};
+    if (cfg.readAll === true) readAll = true;
+    for (const s of asStrings(cfg.skills)) add(s);
+  }
+  return { ids, readAll };
+}
 function buildAgentConfigGraphData(def, options) {
   const g = getGraphDefinition2(def);
   const agentKey = typeof g.key === "string" ? g.key : "agent";
@@ -20723,7 +20759,11 @@ function buildAgentConfigGraphData(def, options) {
     return make("capability", `cap:${type}`, m.name || type, m.description || void 0, m);
   });
   const subagents = asStrings(g.subAgents).map((s) => make("subagent", `sub:${s}`, s));
-  const skills = asStrings(g.skills).map((s) => make("skill", `skill:${s}`, s));
+  const { ids: configuredSkillIds, readAll } = collectConfiguredSkills(g);
+  const skills = [
+    ...readAll ? [make("skill", ALL_SKILLS_NODE_ID, "All skills", "Agent can load any available skill")] : [],
+    ...configuredSkillIds.map((s) => make("skill", `skill:${s}`, s))
+  ];
   const allGroups = [
     { id: "group:tools", type: "tool", label: "Tools", items: tools },
     { id: "group:capabilities", type: "capability", label: "Capabilities", items: capabilities },
@@ -27277,7 +27317,7 @@ import { Fragment as Fragment39, jsx as jsx114, jsxs as jsxs95 } from "react/jsx
 var { Text: Text33 } = Typography33;
 var errorMessage = (error) => error instanceof Error ? error.message : "Request failed";
 function consolePreviewFetch(input, init) {
-  const token = typeof sessionStorage === "undefined" ? null : sessionStorage.getItem("lattice_token");
+  const token = readAuthItem("lattice_token");
   const headers = new Headers(init?.headers);
   if (token) headers.set("Authorization", `Bearer ${token}`);
   headers.set("X-Axiom-Web-App-Preview", "true");
@@ -28412,7 +28452,17 @@ var AgentDetailView = ({
     } else if (node.type === "subagent" && node.id.startsWith("sub:")) {
       next.subAgents = (g.subAgents ?? []).filter((s) => s !== node.id.slice(4));
     } else if (node.type === "skill" && node.id.startsWith("skill:")) {
-      next.skills = (g.skills ?? []).filter((s) => s !== node.id.slice(6));
+      const skillId = node.id.slice(6);
+      next.skills = (g.skills ?? []).filter((s) => s !== skillId);
+      if (Array.isArray(g.middleware)) {
+        next.middleware = g.middleware.map((m) => {
+          if (m.type !== "skill") return m;
+          const cfg = typeof m.config === "object" && m.config !== null ? m.config : {};
+          if (node.id === ALL_SKILLS_NODE_ID) return { ...m, config: { ...cfg, readAll: false } };
+          if (!Array.isArray(cfg.skills) || !cfg.skills.includes(skillId)) return m;
+          return { ...m, config: { ...cfg, skills: cfg.skills.filter((s) => s !== skillId) } };
+        });
+      }
     } else if (node.type === "capability" && node.id.startsWith("cap:")) {
       const type = node.id.slice(4);
       next.middleware = (g.middleware ?? []).filter((m) => m.type !== type);
@@ -28763,4 +28813,4 @@ export {
   WorkspaceResourceUIContext,
   LatticeChat
 };
-//# sourceMappingURL=chunk-NLN5EB7R.mjs.map
+//# sourceMappingURL=chunk-OZQ4CZWU.mjs.map