@ai-matrx/chat 0.4.22 → 0.4.26

package/dist/host/ui-slots.js

@@ -1,12 +1,33 @@
 "use client";
 import { defaultResourcePickerItems } from "../agents/resources/default-picker-items.js";
 import { isRfc9562Uuid } from "@ai-matrx/kit/uuid";
-import { createElement, Fragment, useRef } from "react";
+import { Component, createElement, Fragment, useRef } from "react";
 import { formatCost, usdToPoints } from "@ai-matrx/kit/format";
+import { announceOnce } from "./errors.js";
 import { reportUnregisteredHostSlot as reportUnregistered } from "./diagnostics.js";
 import { DefaultWebpageSnapshotView } from "./defaults/webpage-snapshot-view.js";
 import { DefaultWorkspaceGate } from "./defaults/workspace-gate.js";
 import { DefaultFullScreenOverlay, DefaultWindowPanel } from "./defaults/window-panel.js";
+import { DefaultSettingControlInput } from "./defaults/setting-control-input.js";
+import { DefaultResourcePickerMenu } from "./defaults/resource-picker-menu.js";
+import { captureReactRenderError } from "./diagnostics.js";
+import {
+  ConfirmDialog as PackageConfirmDialog,
+  FloatingSheet as PackageFloatingSheet,
+  ReadFailure as PackageReadFailure,
+  TextInputDialog as PackageTextInputDialog,
+  UntrustedCount as PackageUntrustedCount
+} from "@ai-matrx/design-system";
+import {
+  AspectRatioSelect as PackageAspectRatioSelect,
+  ClampedNumberInput as PackageClampedNumberInput,
+  ConfigurationTable as PackageConfigurationTable,
+  ConfigurationTableRow as PackageConfigurationTableRow,
+  FieldHelp as PackageFieldHelp,
+  LightSwitchToggle as PackageLightSwitchToggle,
+  OptionCombobox as PackageOptionCombobox,
+  NumberStepper as PackageNumberStepper
+} from "@ai-matrx/design-system/controls";
 const slots = {};
 function registerChatUi(next) {
   Object.assign(slots, next);
@@ -14,26 +35,48 @@ function registerChatUi(next) {
 function resetChatUiForTests() {
   for (const key of Object.keys(slots)) delete slots[key];
 }
+function isHostSlotRegistered(name) {
+  return slots[name] !== void 0;
+}
+class SlotBoundary extends Component {
+  state = { failed: false };
+  static getDerivedStateFromError() {
+    return { failed: true };
+  }
+  componentDidCatch(error) {
+    if (announceOnce(`chat-host-slot-failed:${this.props.name}`, `The chat slot "${this.props.name}" failed to render, so it is left out.`)) {
+      captureReactRenderError(error, { boundary: `ChatUi(${this.props.name})` });
+    }
+  }
+  render() {
+    return this.state.failed ? null : this.props.children ?? null;
+  }
+}
 function slotComponent(name, Fallback) {
   const Wrapper = (props) => {
     const Impl = slots[name];
     if (!Impl) {
       const absent = !Fallback || Fallback.optionalAbsent;
-      reportUnregistered(name, absent ? "it renders nothing here" : "a plain stand-in is drawn");
-      return Fallback ? createElement(Fallback, props) : null;
+      if (!Fallback?.isPackageDefault) {
+        reportUnregistered(name, absent ? "it renders nothing here" : "a plain stand-in is drawn");
+      }
+      return Fallback ? createElement(SlotBoundary, { name }, createElement(Fallback, props)) : null;
     }
-    return createElement(Impl, props);
+    return createElement(SlotBoundary, { name }, createElement(Impl, props));
   };
   Wrapper.displayName = `ChatUi(${name})`;
   return Wrapper;
 }
+function withPackageDefault(Component2) {
+  const PackageDefault = (props) => createElement(Component2, props);
+  PackageDefault.displayName = `PackageDefault(${Component2.displayName ?? Component2.name ?? "component"})`;
+  PackageDefault.isPackageDefault = true;
+  return PackageDefault;
+}
 function unregisteredWidget(name) {
-  const UnregisteredWidget = () => createElement(
-    "span",
-    { className: "text-[11px] text-muted-foreground", "data-chat-slot-fallback": name },
-    `${name} is not set up here`
-  );
+  const UnregisteredWidget = ({ children }) => createElement(Fragment, null, children ?? null);
   UnregisteredWidget.displayName = `UnregisteredWidget(${name})`;
+  UnregisteredWidget.optionalAbsent = true;
   return UnregisteredWidget;
 }
 function optionalWidget(name) {
@@ -241,7 +284,7 @@ const SystemInstructionModal = slotComponent("SystemInstructionModal", optionalW
 const WindowPanel = slotComponent("WindowPanel", DefaultWindowPanel);
 const FullScreenOverlay = slotComponent("FullScreenOverlay", DefaultFullScreenOverlay);
 const ResourcePickerWindow = slotComponent("ResourcePickerWindow", optionalWidget("ResourcePickerWindow"));
-const ResourcePickerMenu = slotComponent("ResourcePickerMenu", optionalWidget("ResourcePickerMenu"));
+const ResourcePickerMenu = slotComponent("ResourcePickerMenu", (props) => createElement(DefaultResourcePickerMenu, props));
 const FilesResourcePicker = slotComponent("FilesResourcePicker", optionalWidget("FilesResourcePicker"));
 const NotePickerPopover = slotComponent("NotePickerPopover", optionalWidget("NotePickerPopover"));
 const SmartInputMessageTemplatePicker = slotComponent(
@@ -288,9 +331,9 @@ const useRecordAndTranscribe = slotFn("useRecordAndTranscribe");
 const requestScribeAudioSeek = slotFn("requestScribeAudioSeek", () => void 0);
 const resolvePdfSurfaceIds = slotFn("resolvePdfSurfaceIds");
 const readListRpc = slotFn("readListRpc");
-const ReadFailure = slotComponent("ReadFailure", unregisteredWidget("ReadFailure"));
+const ReadFailure = slotComponent("ReadFailure", withPackageDefault(PackageReadFailure));
 const ItemRow = slotComponent("ItemRow", unregisteredWidget("ItemRow"));
-const UntrustedCount = slotComponent("UntrustedCount", unregisteredWidget("UntrustedCount"));
+const UntrustedCount = slotComponent("UntrustedCount", withPackageDefault(PackageUntrustedCount));
 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}.`;
@@ -310,7 +353,7 @@ const StaleDataNotice = slotComponent("StaleDataNotice", PlainStaleDataNotice);
 const WorkspaceGate = slotComponent("WorkspaceGate", DefaultWorkspaceGate);
 const OrganizationContextNotice = slotComponent("OrganizationContextNotice", unregisteredWidget("OrganizationContextNotice"));
 const JsonInspector = slotComponent("JsonInspector", unregisteredWidget("JsonInspector"));
-const ConfirmDialog = slotComponent("ConfirmDialog", unregisteredWidget("ConfirmDialog"));
+const ConfirmDialog = slotComponent("ConfirmDialog", withPackageDefault(PackageConfirmDialog));
 import { ModelListDropdown } from "@ai-matrx/agents/models/react";
 const TextWithDoors = slotComponent("TextWithDoors", unregisteredWidget("TextWithDoors"));
 const EntityDoorControls = slotComponent("EntityDoorControls", unregisteredWidget("EntityDoorControls"));
@@ -318,12 +361,12 @@ const StructuredValueView = slotComponent("StructuredValueView", unregisteredWid
 const KindValueFrontDoor = slotComponent("KindValueFrontDoor", unregisteredWidget("KindValueFrontDoor"));
 const KindDataGate = slotComponent("KindDataGate", unregisteredWidget("KindDataGate"));
 const ServerNotes = slotComponent("ServerNotes", unregisteredWidget("ServerNotes"));
-const OptionCombobox = slotComponent("OptionCombobox", unregisteredWidget("OptionCombobox"));
-const NumberStepper = slotComponent("NumberStepper", unregisteredWidget("NumberStepper"));
+const OptionCombobox = slotComponent("OptionCombobox", withPackageDefault(PackageOptionCombobox));
+const NumberStepper = slotComponent("NumberStepper", withPackageDefault(PackageNumberStepper));
 const MatrxFloatingFrame = slotComponent("MatrxFloatingFrame", unregisteredWidget("MatrxFloatingFrame"));
 const ItemMenu = slotComponent("ItemMenu", unregisteredWidget("ItemMenu"));
-const ClampedNumberInput = slotComponent("ClampedNumberInput", unregisteredWidget("ClampedNumberInput"));
-const AspectRatioSelect = slotComponent("AspectRatioSelect", unregisteredWidget("AspectRatioSelect"));
+const ClampedNumberInput = slotComponent("ClampedNumberInput", withPackageDefault(PackageClampedNumberInput));
+const AspectRatioSelect = slotComponent("AspectRatioSelect", withPackageDefault(PackageAspectRatioSelect));
 const AnswerTextPreview = slotComponent("AnswerTextPreview", unregisteredWidget("AnswerTextPreview"));
 const AccessGate = slotComponent("AccessGate", unregisteredWidget("AccessGate"));
 const ReferenceCopyMenuItem = slotComponent("ReferenceCopyMenuItem", unregisteredWidget("ReferenceCopyMenuItem"));
@@ -340,16 +383,16 @@ const VoiceTextarea = slotComponent("VoiceTextarea", (props) => {
   const { onChange, value, className, placeholder, rows, id, ref, autoFocus, disabled } = props;
   return createElement("textarea", { ref, id, value, onChange, className, placeholder, rows, autoFocus, disabled, "data-chat-slot-fallback": "textarea" });
 });
-const FloatingSheet = slotComponent("FloatingSheet", unregisteredWidget("FloatingSheet"));
+const FloatingSheet = slotComponent("FloatingSheet", withPackageDefault(PackageFloatingSheet));
 const AppLink = slotComponent("AppLink", ({ href, children, className, ...rest }) => createElement("a", { href, className, ...rest }, children));
 const IconButton = slotComponent("IconButton", unregisteredWidget("IconButton"));
-const LightSwitchToggle = slotComponent("LightSwitchToggle", unregisteredWidget("LightSwitchToggle"));
+const LightSwitchToggle = slotComponent("LightSwitchToggle", withPackageDefault(PackageLightSwitchToggle));
 const CitationChip = slotComponent("CitationChip", unregisteredWidget("CitationChip"));
 const MatrxEnvelopeBlock = slotComponent("MatrxEnvelopeBlock", unregisteredWidget("MatrxEnvelopeBlock"));
 const ErrorBoundaryWithCapture = slotComponent("ErrorBoundaryWithCapture", ({ children }) => children ?? null);
-const ConfigurationTable = slotComponent("ConfigurationTable", unregisteredWidget("ConfigurationTable"));
-const ConfigurationTableRow = slotComponent("ConfigurationTableRow", unregisteredWidget("ConfigurationTableRow"));
-const FieldHelp = slotComponent("FieldHelp", unregisteredWidget("FieldHelp"));
+const ConfigurationTable = slotComponent("ConfigurationTable", withPackageDefault(PackageConfigurationTable));
+const ConfigurationTableRow = slotComponent("ConfigurationTableRow", withPackageDefault(PackageConfigurationTableRow));
+const FieldHelp = slotComponent("FieldHelp", withPackageDefault(PackageFieldHelp));
 const HtmlPreviewFullScreenEditor = slotComponent("HtmlPreviewFullScreenEditor", unregisteredWidget("HtmlPreviewFullScreenEditor"));
 const AgentEditAccessBadge = slotComponent("AgentEditAccessBadge", unregisteredWidget("AgentEditAccessBadge"));
 const DataRefPreviewContent = slotComponent("DataRefPreviewContent", unregisteredWidget("DataRefPreviewContent"));
@@ -377,7 +420,20 @@ const useSkills = slotFn("useSkills");
 const useAutoLabel = slotFn("useAutoLabel", () => void 0);
 const generateLabelFromContent = slotFn("generateLabelFromContent");
 const usePickListForSelection = slotFn("usePickListForSelection");
-const useGitHubConnection = slotFn("useGitHubConnection");
+const NO_GITHUB = { connection: null, repositories: NONE, account: null, installations: NONE, syncedRepositoryCount: 0, lastSyncedAt: null };
+const noGitHubAction = async () => void 0;
+const useGitHubConnection = slotFn("useGitHubConnection", () => ({
+  inventory: NO_GITHUB,
+  loading: false,
+  busy: false,
+  error: null,
+  readError: null,
+  reload: noGitHubAction,
+  connect: noGitHubAction,
+  install: noGitHubAction,
+  sync: noGitHubAction,
+  disconnect: noGitHubAction
+}));
 const useOutputFeedback = slotFn("useOutputFeedback");
 const saveOutputFeedback = slotFn("saveOutputFeedback");
 const precedingQuestion = slotFn("precedingQuestion");
@@ -451,13 +507,13 @@ const AgentSaveTapButton = slotComponent("AgentSaveTapButton");
 const AgentPeekDuplicateButton = slotComponent("AgentPeekDuplicateButton");
 const CreatorRunPanel = slotComponent("CreatorRunPanel");
 const AgentSettingsCore = slotComponent("AgentSettingsCore", unregisteredWidget("AgentSettingsCore"));
-const SettingControlInput = slotComponent("SettingControlInput", unregisteredWidget("SettingControlInput"));
+const SettingControlInput = slotComponent("SettingControlInput", (props) => createElement(DefaultSettingControlInput, props));
 const InputCapabilitiesEditor = slotComponent("InputCapabilitiesEditor", unregisteredWidget("InputCapabilitiesEditor"));
 const CustomDataBindingSummary = slotComponent("CustomDataBindingSummary", unregisteredWidget("CustomDataBindingSummary"));
 const CustomDataBindingPreview = slotComponent("CustomDataBindingPreview", unregisteredWidget("CustomDataBindingPreview"));
 const AiModelRef = slotComponent("AiModelRef", unregisteredWidget("AiModelRef"));
 const AiToolRef = slotComponent("AiToolRef", unregisteredWidget("AiToolRef"));
-const TextInputDialog = slotComponent("TextInputDialog", unregisteredWidget("TextInputDialog"));
+const TextInputDialog = slotComponent("TextInputDialog", withPackageDefault(PackageTextInputDialog));
 const ProInput = slotComponent("ProInput", (props) => createElement("input", { ...props, "data-chat-slot-fallback": "input" }));
 const MatrxDynamicPanelHost = slotComponent("MatrxDynamicPanelHost", unregisteredWidget("MatrxDynamicPanelHost"));
 const useClippedContentGuard = slotFn("useClippedContentGuard");
@@ -571,6 +627,7 @@ export {
   ShareButton,
   ShareModal,
   SimpleTerminal,
+  SlotBoundary,
   SmartInputMessageTemplatePicker,
   SpeakerButton,
   StaleDataNotice,
@@ -629,6 +686,7 @@ export {
   humanLines,
   invalidateCanvasItemCache,
   invalidateMandateCatalogueCache,
+  isHostSlotRegistered,
   isSkillStreamEvent,
   isUuidValue,
   isWarRoomThreadAgentSurface,

package/dist/host/window-openers.d.ts

@@ -326,6 +326,8 @@ export interface ChatWindowOpeners {
 export type ChatWindowOpenerName = keyof ChatWindowOpeners;
 /** What a host that registers no openers gets — every one announces itself. */
 export declare const UNHOSTED_WINDOW_OPENERS: ChatWindowOpeners;
+/** True when the host can actually open this window (a bare host has no window host: draw the surface inline instead). */
+export declare function useHasChatWindowOpener(name: ChatWindowOpenerName): boolean;
 export declare function useOpenAgentAdminFindUsagesWindow(): (opts?: OpenAgentAdminFindUsagesWindowOptions) => ChatWindowHandle;
 export declare function useOpenAgentShortcutQuickCreateWindow(): (opts?: OpenAgentShortcutQuickCreateWindowOptions) => ChatWindowHandle;
 export declare function useOpenAgentContentWindow(): (opts?: OpenAgentContentWindowOptions) => ChatWindowHandle;

package/dist/host/window-openers.js

@@ -61,6 +61,9 @@ const UNHOSTED_WINDOW_OPENERS = {
   openWorkingDocumentPanel: unhosted("openWorkingDocumentPanel"),
   openWorkingDocumentWindow: unhosted("openWorkingDocumentWindow")
 };
+function useHasChatWindowOpener(name) {
+  return Boolean(useChatWindows().openers?.[name]);
+}
 function useOpener(name) {
   return useChatWindows().openers?.[name] ?? UNHOSTED_WINDOW_OPENERS[name];
 }
@@ -236,6 +239,7 @@ function useOpenWorkingDocumentWindow() {
 export {
   UNHOSTED_WINDOW_OPENERS,
   useFloatingLiveRun,
+  useHasChatWindowOpener,
   useOpenAgentAdminFindUsagesWindow,
   useOpenAgentContentWindow,
   useOpenAgentConvertSystemWindow,

package/dist/react.cjs

@@ -3975,7 +3975,7 @@ function joinHeaderClass(...parts) {
   return parts.filter((part) => part !== void 0 && part !== "").join(" ");
 }
 
-// src/compat/react/shells/drag.ts
+// src/ui/chat-panel/drag.ts
 var import_react18 = require("react");
 var KEYBOARD_STEP_PX = 24;
 function useResizableWidth(options) {