@ai-matrx/chat 0.4.15 → 0.4.18

package/dist/canvas/workspace/useCanvasWorkspaceConversation.js

@@ -7,8 +7,13 @@ import { resumeConversation } from "../../agents/redux/execution-system/thunks/r
 import { useAppDispatch, useAppSelector } from "../../store/hooks.js";
 import { selectShouldPromptForOrganization } from "../../host/ui-slots.js";
 import { selectIsCacheOnly } from "../../agents/redux/execution-system/conversations/conversations.selectors.js";
+import { selectLatestRequestId } from "../../agents/redux/execution-system/selectors/aggregate.selectors.js";
+import { selectRequestError } from "../../agents/redux/execution-system/active-requests/active-requests.selectors.js";
+import { extractFlatText } from "../../agents/redux/execution-system/messages/messages.selectors.js";
+import { setUserInputText } from "../../agents/redux/execution-system/instance-user-input/instance-user-input.slice.js";
 import { replaceAddressWithoutNavigating } from "@ai-matrx/rich-content/utils/addressWithoutNavigating";
 import { describeLaunchError } from "./describe-launch-error.js";
+import { sideChatAddress } from "./side-chat-address.js";
 import { selectOrganizationId, ensureOrganizationContext, isOrganizationSelectionCancelled } from "../../host/org.js";
 function initialRequest(start) {
   if (start?.kind === "agent") return { kind: "agent", agentId: start.agentId, nonce: 0 };
@@ -16,9 +21,13 @@ function initialRequest(start) {
     return { kind: "open", conversationId: start.conversationId, agentId: start.agentId ?? null, nonce: 0 };
   return { kind: "new", nonce: 0 };
 }
-function conversationInAddress(param, search) {
-  const value = new URLSearchParams(search).get(param);
-  return value && isUuidShape(value) ? value : null;
+function requestFromLink(link) {
+  const c = link?.conversation;
+  if (!c) return null;
+  if (c.kind === "new") return { kind: "new", nonce: 1 };
+  if (c.kind === "agent") return { kind: "agent", agentId: c.agentId, nonce: 1 };
+  if (c.kind === "mandate") return { kind: "new", nonce: 1, mandateKey: c.mandateKey };
+  return { kind: "open", conversationId: c.conversationId, agentId: null, nonce: 0 };
 }
 function workspaceChatMemoryKey(surfaceKey) {
   return `matrx:workspace-chat:${surfaceKey}`;
@@ -60,29 +69,35 @@ function releaseWorkspaceConversationId(surfaceKey) {
   } catch {
   }
 }
-function addressWithConversation(param, search, conversationId) {
-  const params = new URLSearchParams(search);
-  if (conversationId) params.set(param, conversationId);
-  else params.delete(param);
-  const qs = params.toString();
-  return qs ? `?${qs}` : "";
+function isConversationIdTaken(error) {
+  if (!error) return false;
+  const text = `${typeof error.error_type === "string" ? error.error_type : ""} ${typeof error.message === "string" ? error.message : ""}`;
+  return /conversation_already_exists|Conversation already exists/i.test(text);
 }
 function isCanvasWorkspaceStart(input) {
   return "kind" in input;
 }
 function resolveStartOptions(input) {
-  if (!input) return { enabled: true, start: void 0, ownSurface: false, addressParam: null };
+  if (!input) return { enabled: true, start: void 0, ownSurface: false, address: null };
   if (isCanvasWorkspaceStart(input))
-    return { enabled: true, start: input, ownSurface: false, addressParam: null };
+    return { enabled: true, start: input, ownSurface: false, address: null };
   return {
     enabled: input.enabled ?? true,
     start: input.start,
     ownSurface: input.surfaceName === null,
-    addressParam: input.addressParam ?? null
+    address: input.address ?? null
   };
 }
 function useCanvasWorkspaceConversation(surfaceKey, input) {
-  const { enabled, start, ownSurface, addressParam } = resolveStartOptions(input);
+  const { enabled, start, ownSurface, address } = resolveStartOptions(input);
+  const hasAddress = address !== null;
+  const link = address?.link;
+  const addressOpen = address?.open ?? false;
+  const hostedElsewhere = address?.hostedElsewhere ?? false;
+  const onAddressWrite = useRef(address?.onWrite);
+  useEffect(() => {
+    onAddressWrite.current = address?.onWrite;
+  });
   const dispatch = useAppDispatch();
   const { launchMandate, launchAgent } = useAgentLauncher();
   const [request, setRequest] = useState(() => initialRequest(start));
@@ -92,39 +107,94 @@ function useCanvasWorkspaceConversation(surfaceKey, input) {
   const organizationId = useAppSelector(selectOrganizationId);
   const promptForOrganization = useAppSelector(selectShouldPromptForOrganization);
   const waitingForOrganization = request.kind !== "open" && !organizationId;
-  const [addressRead, setAddressRead] = useState(addressParam === null);
+  const [addressRead, setAddressRead] = useState(!hasAddress);
+  const appliedLink = useRef(null);
   const serverHasIt = useAppSelector(
     (state) => conversationId ? !selectIsCacheOnly(conversationId)(state) : false
   );
-  const [keyedFor, setKeyedFor] = useState({ surfaceKey, addressParam });
-  if (keyedFor.surfaceKey !== surfaceKey || keyedFor.addressParam !== addressParam) {
-    setKeyedFor({ surfaceKey, addressParam });
+  const latestRequestId = useAppSelector(
+    (state) => conversationId ? selectLatestRequestId(conversationId)(state) : void 0
+  );
+  const sendStarted = latestRequestId !== void 0;
+  const idTaken = useAppSelector(
+    (state) => latestRequestId ? isConversationIdTaken(selectRequestError(latestRequestId)(state)) : false
+  );
+  const refusedText = useAppSelector((state) => {
+    if (!idTaken || !conversationId) return "";
+    const entry = state.messages?.byConversationId?.[conversationId];
+    const lastUser = entry?.orderedIds.map((id) => entry.byId[id]).filter((record) => record?.role === "user").at(-1);
+    const sent = lastUser ? extractFlatText(lastUser).trim() : "";
+    const typed = state.instanceUserInput?.byConversationId?.[conversationId]?.text?.trim() ?? "";
+    return [sent, typed === sent ? "" : typed].filter(Boolean).join("\n\n");
+  });
+  const [keyedFor, setKeyedFor] = useState({ surfaceKey, hasAddress });
+  if (keyedFor.surfaceKey !== surfaceKey || keyedFor.hasAddress !== hasAddress) {
+    setKeyedFor({ surfaceKey, hasAddress });
     setRequest(initialRequest(start));
     setConversationId(null);
     setFailure(null);
-    setAddressRead(addressParam === null);
+    setAddressRead(!hasAddress);
   }
   useEffect(() => {
-    if (addressRead || addressParam === null) return;
-    const named = conversationInAddress(addressParam, window.location.search);
-    const recalled = named ? null : recallWorkspaceConversation(surfaceKey);
-    const target = named ?? recalled;
-    if (target && !start) {
-      setRequest(
-        (current) => current.kind === "new" && current.nonce === 0 ? { kind: "open", conversationId: target, agentId: null, nonce: 0, recalled: !named } : current
-      );
+    if (addressRead || !hasAddress || link === void 0) return;
+    appliedLink.current = link;
+    const linked = requestFromLink(link);
+    if (linked && !start) setRequest(linked);
+    else if (!start) {
+      const recalled = recallWorkspaceConversation(surfaceKey);
+      if (recalled) {
+        setRequest(
+          (current) => current.kind === "new" && current.nonce === 0 ? { kind: "open", conversationId: recalled, agentId: null, nonce: 0, recalled: true } : current
+        );
+      }
     }
     setAddressRead(true);
-  }, [addressRead, addressParam, start, surfaceKey]);
+  }, [addressRead, hasAddress, link, start, surfaceKey]);
+  useEffect(() => {
+    if (!addressRead || !link || link === appliedLink.current) return;
+    appliedLink.current = link;
+    const linked = requestFromLink(link);
+    if (!linked) return;
+    if (linked.kind === "open" && linked.conversationId === conversationId) return;
+    setConversationId(null);
+    setFailure(null);
+    setRequest((current) => ({ ...linked, nonce: current.nonce + 1 }));
+  }, [addressRead, link, conversationId]);
   useEffect(() => {
-    if (addressParam === null || !addressRead || !conversationId) return;
-    const shown = request.kind === "open" || serverHasIt ? conversationId : null;
-    rememberWorkspaceConversation(surfaceKey, shown);
-    if (shown) releaseWorkspaceConversationId(surfaceKey);
-    const search = addressWithConversation(addressParam, window.location.search, shown);
+    if (!hasAddress || !addressRead) return;
+    if (!conversationId && addressOpen) return;
+    const shown = conversationId && (request.kind === "open" || serverHasIt) ? conversationId : null;
+    if (conversationId) {
+      const remembered = shown ?? (sendStarted && !idTaken ? conversationId : null);
+      rememberWorkspaceConversation(surfaceKey, remembered);
+      if (remembered) releaseWorkspaceConversationId(surfaceKey);
+    }
+    const search = sideChatAddress(window.location.search, { conversationId: shown, open: addressOpen, hostedElsewhere });
     if (search === window.location.search) return;
+    onAddressWrite.current?.(search);
     replaceAddressWithoutNavigating(`${window.location.pathname}${search}${window.location.hash}`);
-  }, [addressParam, addressRead, conversationId, request.kind, serverHasIt, surfaceKey]);
+  }, [hasAddress, addressRead, addressOpen, hostedElsewhere, conversationId, request.kind, serverHasIt, sendStarted, idTaken, surfaceKey]);
+  const healed = useRef(null);
+  const carry = useRef(null);
+  useEffect(() => {
+    if (!idTaken || serverHasIt || !conversationId || !latestRequestId) return;
+    if (healed.current === latestRequestId) return;
+    healed.current = latestRequestId;
+    console.warn("[canvas-workspace] the new chat's id was already taken (409); starting it again under a fresh id", conversationId);
+    releaseWorkspaceConversationId(surfaceKey);
+    if (hasAddress) rememberWorkspaceConversation(surfaceKey, null);
+    carry.current = refusedText ? { text: refusedText, from: conversationId } : null;
+    setConversationId(null);
+    setFailure(null);
+    setRequest(
+      (current) => current.kind === "agent" ? { kind: "agent", agentId: current.agentId, nonce: current.nonce + 1 } : { kind: "new", nonce: current.nonce + 1, ...current.kind === "new" && current.mandateKey ? { mandateKey: current.mandateKey } : {} }
+    );
+  }, [idTaken, serverHasIt, conversationId, latestRequestId, surfaceKey, hasAddress, refusedText]);
+  useEffect(() => {
+    if (!conversationId || !carry.current || carry.current.from === conversationId) return;
+    dispatch(setUserInputText({ conversationId, text: carry.current.text }));
+    carry.current = null;
+  }, [conversationId, dispatch]);
   useEffect(() => {
     if (!enabled || waitingForOrganization || !addressRead) return;
     const key = `${surfaceKey}#${request.kind}#${request.nonce}`;
@@ -133,7 +203,7 @@ function useCanvasWorkspaceConversation(surfaceKey, input) {
     const stale = () => handled.current !== key;
     if (request.kind === "new" || request.kind === "agent") {
       const runtime = ownSurface ? { runtime: { surfaceName: null } } : {};
-      const reserved = addressParam !== null ? reserveWorkspaceConversationId(surfaceKey, request.nonce > 0) : void 0;
+      const reserved = hasAddress ? reserveWorkspaceConversationId(surfaceKey, request.nonce > 0) : void 0;
       const reservation = reserved ? { conversationId: reserved } : {};
       const launch = request.kind === "agent" ? launchAgent(request.agentId, { surfaceKey, sourceFeature: "chat", ...reservation, ...runtime }) : launchMandate(request.mandateKey ?? DEFAULT_NEW_CHAT_MANDATE_KEY, {
         surfaceKey,
@@ -215,8 +285,7 @@ function useCanvasWorkspaceConversation(surfaceKey, input) {
   return { conversation, conversationId, startNew, openExisting, startWith };
 }
 export {
-  addressWithConversation,
-  conversationInAddress,
+  isConversationIdTaken,
   recallWorkspaceConversation,
   releaseWorkspaceConversationId,
   rememberWorkspaceConversation,

package/dist/cx-chat/components/ChatMobileAgentName.js

@@ -3,7 +3,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState, useCallback } from "react";
 import { ChevronDown } from "lucide-react";
 import { usePathname, useSearchParams, useRouter } from "../../host/navigation.js";
-import { AgentPickerSheet } from "../../next/lazy/AgentPickerSheet.js";
+import { AgentPickerSheet } from "../../ui/lazy/AgentPickerSheet.js";
 import { useAgentName } from "../../agents/identity/agent-identity.js";
 import { pushAppHref } from "../../host/ui-slots.js";
 import { Button } from "@ai-matrx/design-system/controls";

package/dist/cx-chat/components/ChatSidebarClient.js

@@ -2,7 +2,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState, useCallback, useRef, useEffect } from "react";
 import { useRouter, usePathname, useSearchParams } from "../../host/navigation.js";
-import { AgentPickerSheet } from "../../next/lazy/AgentPickerSheet.js";
+import { AgentPickerSheet } from "../../ui/lazy/AgentPickerSheet.js";
 import { ChevronDown } from "lucide-react";
 import { SidebarActions } from "./sidebar/SidebarActions.js";
 import { SsrSidebarAgents } from "./SsrSidebarAgents.js";

package/dist/cx-chat/components/ChatWelcomeClient.js

@@ -2,7 +2,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState, useCallback } from "react";
 import { useRouter } from "../../host/navigation.js";
-import { AgentPickerSheet } from "../../next/lazy/AgentPickerSheet.js";
+import { AgentPickerSheet } from "../../ui/lazy/AgentPickerSheet.js";
 import { useAppSelector, useAppDispatch } from "../../store/hooks.js";
 import { selectAgentById } from "../../agents/redux/agent-definition/selectors.js";
 import { selectLatestConversationId } from "../../agents/redux/execution-system/selectors/aggregate.selectors.js";

package/dist/cx-chat/components/core/ChatConversationClient.js

@@ -2,7 +2,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useCallback, useState } from "react";
 import { useRouter } from "../../../host/navigation.js";
-import { AgentPickerSheet } from "../../../next/lazy/AgentPickerSheet.js";
+import { AgentPickerSheet } from "../../../ui/lazy/AgentPickerSheet.js";
 import { useAppSelector } from "../../../store/hooks.js";
 import { selectIsAdmin, selectIsAuthenticated } from "../../../host/identity.js";
 import { useDebugContext } from "../../../host/prefs-react.js";

package/dist/cx-chat/components/user-input/ConversationInput.js

@@ -9,7 +9,7 @@ import {
   useMemo
 } from "react";
 import { useDebugContext } from "../../../host/prefs-react.js";
-import { GuidedVariableInputs, StackedVariableInputs } from "../../../next/lazy/ChatVariableInputs.js";
+import { GuidedVariableInputs, StackedVariableInputs } from "../../../ui/lazy/ChatVariableInputs.js";
 import { useRouter, useSearchParams, usePathname } from "../../../host/navigation.js";
 import {
   CornerDownLeft,

package/dist/cx-conversation/ConversationInput.js

@@ -8,7 +8,7 @@ import {
   useCallback,
   useMemo
 } from "react";
-import { GuidedVariableInputs, PublicVariableInputs } from "../next/lazy/PublicChatVariableInputs.js";
+import { GuidedVariableInputs, PublicVariableInputs } from "../ui/lazy/PublicChatVariableInputs.js";
 import { useRouter, useSearchParams, usePathname } from "../host/navigation.js";
 import {
   CornerDownLeft,

package/dist/cx-conversation/MessageList.js

@@ -10,7 +10,7 @@ import {
   selectUIState
 } from "./_legacy-stubs.js";
 import { chatConversationsActions } from "./_legacy-stubs.js";
-import { AssistantMessage } from "../next/lazy/CxAssistantMessage.js";
+import { AssistantMessage } from "../ui/lazy/CxAssistantMessage.js";
 import { MessageErrorBoundary } from "./MessageErrorBoundary.js";
 import { UserMessage } from "./UserMessage.js";
 function StreamingAssistantMessage({

package/dist/host/db-types.d.ts

@@ -28706,6 +28706,15 @@ export type ChatDatabase = {
                 };
                 Returns: Json;
             };
+            _knob_steward_refusal: {
+                Args: {
+                    p_organization_id: string;
+                    p_scope_id: string;
+                    p_scope_kind: string;
+                    p_uid: string;
+                };
+                Returns: Json;
+            };
             _lifecycle_partition_guard: {
                 Args: {
                     p_partition: string;
@@ -43832,18 +43841,6 @@ export type ChatDatabase = {
                 };
                 Returns: Json;
             };
-            mnd_run_history: {
-                Args: {
-                    p_limit?: number;
-                    p_mandate_key: string;
-                    p_offset?: number;
-                    p_org_id?: string;
-                    p_status?: string;
-                    p_user_id?: string;
-                    p_view?: string;
-                };
-                Returns: Json;
-            };
             move_file: {
                 Args: {
                     p_file_id: string;

package/dist/host/ui-slots.js

@@ -291,7 +291,22 @@ const readListRpc = slotFn("readListRpc");
 const ReadFailure = slotComponent("ReadFailure", unregisteredWidget("ReadFailure"));
 const ItemRow = slotComponent("ItemRow", unregisteredWidget("ItemRow"));
 const UntrustedCount = slotComponent("UntrustedCount", unregisteredWidget("UntrustedCount"));
-const StaleDataNotice = slotComponent("StaleDataNotice", unregisteredWidget("StaleDataNotice"));
+function PlainStaleDataNotice(props) {
+  const what = props.what ?? "this";
+  const sentence = props.hasData ? `Showing what was last read; ${what} could not be refreshed.` : `Could not read ${what}.`;
+  return createElement(
+    "div",
+    { role: "status", className: "text-xs text-muted-foreground", "data-stale-data-notice": "" },
+    sentence,
+    props.detail ? ` ${props.detail}` : null,
+    props.onRetry ? createElement(
+      "button",
+      { type: "button", className: "ml-2 underline", onClick: () => props.onRetry?.() },
+      "Try again"
+    ) : null
+  );
+}
+const StaleDataNotice = slotComponent("StaleDataNotice", PlainStaleDataNotice);
 const WorkspaceGate = slotComponent("WorkspaceGate", DefaultWorkspaceGate);
 const OrganizationContextNotice = slotComponent("OrganizationContextNotice", unregisteredWidget("OrganizationContextNotice"));
 const JsonInspector = slotComponent("JsonInspector", unregisteredWidget("JsonInspector"));
@@ -315,7 +330,7 @@ const ReferenceCopyMenuItem = slotComponent("ReferenceCopyMenuItem", unregistere
 const ReferenceCopyButton = slotComponent("ReferenceCopyButton", unregisteredWidget("ReferenceCopyButton"));
 const MandateNotesPanel = slotComponent("MandateNotesPanel", unregisteredWidget("MandateNotesPanel"));
 const SurfaceBoundAgentsList = slotComponent("SurfaceBoundAgentsList", unregisteredWidget("SurfaceBoundAgentsList"));
-const ProposedDirectivesZone = slotComponent("ProposedDirectivesZone", unregisteredWidget("ProposedDirectivesZone"));
+const ProposedDirectivesZone = slotComponent("ProposedDirectivesZone", optionalWidget("ProposedDirectivesZone"));
 const EntityCommentPopover = slotComponent("EntityCommentPopover", unregisteredWidget("EntityCommentPopover"));
 const ProTextarea = slotComponent("ProTextarea", (props) => {
   const { onChange, value, className, placeholder, rows, id, ref, autoFocus, disabled } = props;

package/dist/surfaces/components/chrome/SurfaceAgentsHeaderButton.d.ts

@@ -1,4 +1,4 @@
-import { SurfaceAgentsPanelImpl } from "../../../next/lazy/SurfaceAgentsPanelImpl.js";
+import { SurfaceAgentsPanelImpl } from "../../../ui/lazy/SurfaceAgentsPanelImpl.js";
 /** What a guest is told when they reach for Agents — one copy for every door. */
 export declare const AGENTS_AUTH_GATE: {
     featureName: string;

package/dist/surfaces/components/chrome/SurfaceAgentsHeaderButton.js

@@ -1,7 +1,7 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useRef, useState } from "react";
-import { SurfaceAgentsPanelImpl } from "../../../next/lazy/SurfaceAgentsPanelImpl.js";
+import { SurfaceAgentsPanelImpl } from "../../../ui/lazy/SurfaceAgentsPanelImpl.js";
 import { TapTargetButtonTransparent } from "@ai-matrx/tap-target";
 import { INTELLIGENCE_ICON } from "@ai-matrx/icons/domain";
 import {

package/dist/tool-call-visualization/db-renderer/DbToolRenderer.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { DbToolRendererImplLazy as LazyImpl } from "../../next/lazy/DbToolRendererImpl.js";
+import { DbToolRendererImplLazy as LazyImpl } from "../../ui/lazy/DbToolRendererImpl.js";
 const DbToolRenderer = (props) => {
   return /* @__PURE__ */ jsx(LazyImpl, { ...props });
 };

package/dist/{next → ui}/lazy/AgentAssistantMessage.js

@@ -1,12 +1,11 @@
 "use client";
-import dynamic from "next/dynamic";
-const AgentAssistantMessage = dynamic(
+import { clientLazy } from "../../utils/client-lazy.js";
+const AgentAssistantMessage = clientLazy(
   () => import("../../agents/components/messages-display/assistant/AgentAssistantMessage.js").then(
     (m) => ({
       default: m.AgentAssistantMessage
     })
-  ),
-  { ssr: false }
+  )
 );
 export {
   AgentAssistantMessage

package/dist/{next → ui}/lazy/AgentPickerSheet.js

@@ -1,10 +1,9 @@
 "use client";
-import dynamic from "next/dynamic";
-const AgentPickerSheet = dynamic(
+import { clientLazy } from "../../utils/client-lazy.js";
+const AgentPickerSheet = clientLazy(
   () => import("../../cx-chat/components/agent/AgentPickerSheet.js").then(
     (m) => ({ default: m.AgentPickerSheet })
-  ),
-  { ssr: false }
+  )
 );
 export {
   AgentPickerSheet

package/dist/{next → ui}/lazy/ChatVariableInputs.js

@@ -1,16 +1,14 @@
 "use client";
-import dynamic from "next/dynamic";
-const GuidedVariableInputs = dynamic(
+import { clientLazy } from "../../utils/client-lazy.js";
+const GuidedVariableInputs = clientLazy(
   () => import("../../cx-chat/components/user-input/GuidedVariableInputs.js").then(
     (m) => ({ default: m.GuidedVariableInputs })
-  ),
-  { ssr: false }
+  )
 );
-const StackedVariableInputs = dynamic(
+const StackedVariableInputs = clientLazy(
   () => import("../../cx-chat/components/user-input/StackedVariableInputs.js").then(
     (m) => ({ default: m.StackedVariableInputs })
-  ),
-  { ssr: false }
+  )
 );
 export {
   GuidedVariableInputs,

package/dist/{next → ui}/lazy/ConversationRenameDialogHostImpl.d.ts

@@ -1 +1 @@
-export declare const ConversationRenameDialogHostImpl: import("react").ComponentType<{}>;
+export declare const ConversationRenameDialogHostImpl: import("react").ComponentType<object>;

package/dist/{next → ui}/lazy/ConversationRenameDialogHostImpl.js

@@ -1,8 +1,8 @@
 "use client";
-import dynamic from "next/dynamic";
-const ConversationRenameDialogHostImpl = dynamic(
+import { clientLazy } from "../../utils/client-lazy.js";
+const ConversationRenameDialogHostImpl = clientLazy(
   () => import("../../agents/components/conversation-actions/rename/ConversationRenameDialogHostImpl.js"),
-  { ssr: false, loading: () => null }
+  { loading: () => null }
 );
 export {
   ConversationRenameDialogHostImpl

package/dist/{next → ui}/lazy/CxAssistantMessage.js

@@ -1,10 +1,9 @@
 "use client";
-import dynamic from "next/dynamic";
-const AssistantMessage = dynamic(
+import { clientLazy } from "../../utils/client-lazy.js";
+const AssistantMessage = clientLazy(
   () => import("../../cx-conversation/AssistantMessage.js").then(
     (m) => m.AssistantMessage
-  ),
-  { ssr: false }
+  )
 );
 export {
   AssistantMessage

package/dist/{next → ui}/lazy/DbToolRendererImpl.js

@@ -1,10 +1,10 @@
 "use client";
-import dynamic from "next/dynamic";
-const DbToolRendererImplLazy = dynamic(
+import { clientLazy } from "../../utils/client-lazy.js";
+const DbToolRendererImplLazy = clientLazy(
   () => import("../../tool-call-visualization/db-renderer/DbToolRendererImpl.js").then((m) => ({
     default: m.DbToolRendererImpl
   })),
-  { ssr: false, loading: () => null }
+  { loading: () => null }
 );
 export {
   DbToolRendererImplLazy

package/dist/{next → ui}/lazy/IconResolver.js

@@ -1,9 +1,8 @@
-import dynamic from "next/dynamic";
-const IconResolver = dynamic(
+import { clientLazy } from "../../utils/client-lazy.js";
+const IconResolver = clientLazy(
   () => import("@ai-matrx/icons").then((m) => ({
     default: m.IconResolver
-  })),
-  { ssr: false }
+  }))
 );
 export {
   IconResolver

package/dist/{next → ui}/lazy/PublicChatVariableInputs.js

@@ -1,16 +1,14 @@
 "use client";
-import dynamic from "next/dynamic";
-const GuidedVariableInputs = dynamic(
+import { clientLazy } from "../../utils/client-lazy.js";
+const GuidedVariableInputs = clientLazy(
   () => import("../../public-chat/components/GuidedVariableInputs.js").then(
     (m) => ({ default: m.GuidedVariableInputs })
-  ),
-  { ssr: false }
+  )
 );
-const PublicVariableInputs = dynamic(
+const PublicVariableInputs = clientLazy(
   () => import("../../public-chat/components/PublicVariableInputs.js").then(
     (m) => ({ default: m.PublicVariableInputs })
-  ),
-  { ssr: false }
+  )
 );
 export {
   GuidedVariableInputs,

package/dist/{next → ui}/lazy/ScrollAssistantLaunchers.d.ts

@@ -1,3 +1,3 @@
 import type { ScrollAssistantLauncherImplProps } from "../../agents/components/ambient-assistant/ScrollAssistantLauncherImpl.js";
 export declare const ScrollAssistantLauncherImpl: import("react").ComponentType<ScrollAssistantLauncherImplProps>;
-export declare const ScrollVoiceAssistantLauncherImpl: import("react").ComponentType<{}>;
+export declare const ScrollVoiceAssistantLauncherImpl: import("react").ComponentType<object>;

package/dist/{next → ui}/lazy/ScrollAssistantLaunchers.js

@@ -1,18 +1,16 @@
 "use client";
-import dynamic from "next/dynamic";
-const ScrollAssistantLauncherImpl = dynamic(
+import { clientLazy } from "../../utils/client-lazy.js";
+const ScrollAssistantLauncherImpl = clientLazy(
   () => import("../../agents/components/ambient-assistant/ScrollAssistantLauncherImpl.js"),
   {
-    ssr: false,
     // A prop-blind loading shell would jump between the two supported heights.
     // Reveal the correctly sized implementation once its chunk is ready.
     loading: () => null
   }
 );
-const ScrollVoiceAssistantLauncherImpl = dynamic(
+const ScrollVoiceAssistantLauncherImpl = clientLazy(
   () => import("../../agents/components/ambient-assistant/ScrollVoiceAssistantLauncherImpl.js"),
   {
-    ssr: false,
     loading: () => null
   }
 );

package/dist/{next → ui}/lazy/SurfaceAgentsPanelImpl.js

@@ -1,11 +1,10 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import dynamic from "next/dynamic";
+import { clientLazy } from "../../utils/client-lazy.js";
 import { Loader2 } from "lucide-react";
-const SurfaceAgentsPanelImpl = dynamic(
+const SurfaceAgentsPanelImpl = clientLazy(
   () => import("../../surfaces/components/chrome/SurfaceAgentsPanelImpl.js"),
   {
-    ssr: false,
     loading: () => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 p-8 text-xs text-muted-foreground", children: [
       /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }),
       "Loading agents\u2026"

package/dist/utils/client-lazy.d.ts

@@ -0,0 +1,16 @@
+/**
+ * `clientLazy` — the package's host-neutral replacement for `next/dynamic(..., { ssr: false })`.
+ * A lazily loaded component that renders only on the client: on the server and during hydration
+ * it renders `loading` (hydration-safe through `useSyncExternalStore`); on the client it renders
+ * the loaded component inside a Suspense boundary with the same `loading` as the fallback.
+ *
+ * Plain React (`lazy` + `Suspense`), so a Vite / Electron / extension host needs no `next`
+ * installed (HOST-OWNED-SOURCE-PLAN P28e). Guard: `host/__tests__/no-next-import-outside-next-binding`.
+ */
+import { type ComponentType } from "react";
+export declare function useIsClient(): boolean;
+export declare function clientLazy<P extends object>(load: () => Promise<{
+    default: ComponentType<P>;
+} | ComponentType<P>>, options?: {
+    loading?: ComponentType;
+}): ComponentType<P>;

package/dist/utils/client-lazy.js

@@ -0,0 +1,27 @@
+"use client";
+import { createElement, lazy, Suspense, useSyncExternalStore } from "react";
+const subscribe = () => () => {
+};
+const onClient = () => true;
+const onServer = () => false;
+function useIsClient() {
+  return useSyncExternalStore(subscribe, onClient, onServer);
+}
+function clientLazy(load, options = {}) {
+  const Lazy = lazy(async () => {
+    const m = await load();
+    return typeof m === "function" || !("default" in m) ? { default: m } : m;
+  });
+  const Loading = options.loading;
+  function ClientLazy(props) {
+    const client = useIsClient();
+    const fallback = Loading ? createElement(Loading) : null;
+    if (!client) return fallback;
+    return createElement(Suspense, { fallback }, createElement(Lazy, props));
+  }
+  return ClientLazy;
+}
+export {
+  clientLazy,
+  useIsClient
+};