@ai-matrx/chat 0.3.11 → 0.3.19

package/dist/agents/components/run-controls/AgentLauncherSidebarTester.js

@@ -1,127 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { getIconComponent } from "@ai-matrx/icons";
-import { Button as SurfaceButton } from "@ai-matrx/design-system";
-import { Button } from "@ai-matrx/design-system/controls";
-import { Separator } from "@ai-matrx/design-system";
-import { Badge } from "@ai-matrx/design-system";
-import {
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger
-} from "@ai-matrx/design-system";
-import { useAgentLauncherTester } from "../../hooks/useAgentLauncherTester.js";
-import {
-  getAllDisplayTypes,
-  getDisplayMeta
-} from "../../utils/run-ui-utils.js";
-import { ChevronDown, TestTube2, TestTube } from "lucide-react";
-import { AgentExecutionTestModal } from "./AgentExecutionTestModal.js";
-import { TesterSettingsPanel } from "./TesterSettingsPanel.js";
-function AgentLauncherSidebarTester({
-  conversationId,
-  surfaceKey
-}) {
-  const [isOpen, setIsOpen] = useState(false);
-  const tester = useAgentLauncherTester(
-    conversationId,
-    "agents-other",
-    surfaceKey
-  );
-  const displayTypes = getAllDisplayTypes().map((displayMode) => {
-    const meta = getDisplayMeta(displayMode);
-    const IconComponent = getIconComponent(meta.icon);
-    return {
-      name: meta.label,
-      icon: IconComponent,
-      color: meta.color,
-      displayMode,
-      note: meta.description,
-      testMode: meta.testMode
-    };
-  });
-  return /* @__PURE__ */ jsxs(Collapsible, { open: isOpen, onOpenChange: setIsOpen, children: [
-    /* @__PURE__ */ jsx(CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: "border-b border-border", children: /* @__PURE__ */ jsxs(
-      SurfaceButton,
-      {
-        variant: "ghost",
-        size: "sm",
-        className: "w-full justify-between h-7 px-2 text-xs",
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
-            /* @__PURE__ */ jsx(TestTube2, { className: "w-3.5 h-3.5" }),
-            /* @__PURE__ */ jsx("span", { children: "Test Display Modes" })
-          ] }),
-          /* @__PURE__ */ jsx(
-            ChevronDown,
-            {
-              className: `w-3 h-3 transition-transform ${isOpen ? "rotate-180" : ""}`
-            }
-          )
-        ]
-      }
-    ) }) }),
-    /* @__PURE__ */ jsxs(CollapsibleContent, { className: "space-y-2 py-1", children: [
-      /* @__PURE__ */ jsx(Separator, {}),
-      /* @__PURE__ */ jsx("div", { className: "px-2", children: /* @__PURE__ */ jsx(
-        TesterSettingsPanel,
-        {
-          controller: tester,
-          quickTest: {
-            applyVariables: tester.applyVariables,
-            setApplyVariables: tester.setApplyVariables,
-            applyUserInput: tester.applyUserInput,
-            setApplyUserInput: tester.setApplyUserInput,
-            applyAppContext: tester.applyAppContext,
-            setApplyAppContext: tester.setApplyAppContext
-          },
-          idPrefix: "launcher-sidebar"
-        }
-      ) }),
-      /* @__PURE__ */ jsx(Separator, {}),
-      /* @__PURE__ */ jsx("div", { className: "space-y-0 px-1", children: displayTypes.map((display) => /* @__PURE__ */ jsxs(
-        Button,
-        {
-          variant: "quiet",
-          onClick: () => tester.openWithDisplayType(display.displayMode),
-          className: "w-full justify-start",
-          title: display.note,
-          children: [
-            display.icon && /* @__PURE__ */ jsx(
-              display.icon,
-              {
-                className: `w-3.5 h-3.5 mr-2 flex-shrink-0 ${display.color}`
-              }
-            ),
-            /* @__PURE__ */ jsx("span", { className: "flex-1 text-left font-medium", children: display.name }),
-            display.testMode && /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-[8px] h-4 px-1", children: /* @__PURE__ */ jsx(TestTube, { className: "w-2.5 h-2.5" }) })
-          ]
-        },
-        display.displayMode
-      )) })
-    ] }),
-    tester.instance && /* @__PURE__ */ jsx(
-      AgentExecutionTestModal,
-      {
-        surfaceKey,
-        isOpen: tester.testModalOpen,
-        onClose: () => tester.setTestModalOpen(false),
-        testType: tester.testModalType,
-        agentId: tester.instance.agentId,
-        sourceInstanceId: conversationId,
-        autoRun: tester.autoRun,
-        allowChat: tester.allowChat,
-        showVariables: tester.showVariablePanel,
-        applyVariables: tester.applyVariables,
-        apiEndpointMode: tester.apiEndpointMode,
-        variablesPanelStyle: tester.variablesPanelStyle,
-        variables: tester.applyVariables ? tester.currentVariables : {},
-        userInput: tester.applyUserInput && tester.currentInput ? tester.currentInput : ""
-      }
-    )
-  ] });
-}
-export {
-  AgentLauncherSidebarTester
-};

package/dist/agents/components/run-controls/AgentWidgetInvokerTester.d.ts

@@ -1,6 +0,0 @@
-import type { SourceFeature } from "../../types/instance.types.js";
-export declare function AgentWidgetInvokerTester({ conversationId, sourceFeature, surfaceKey, }: {
-    conversationId: string;
-    sourceFeature: SourceFeature;
-    surfaceKey: string;
-}): import("react").JSX.Element;

package/dist/agents/components/run-controls/AgentWidgetInvokerTester.js

@@ -1,84 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { AgentExecutionTestModal } from "./AgentExecutionTestModal.js";
-import { DynamicIcon } from "@ai-matrx/icons";
-import {
-  getAllDisplayTypes,
-  getDisplayMeta
-} from "../../utils/run-ui-utils.js";
-import { useAgentLauncherTester } from "../../hooks/useAgentLauncherTester.js";
-import { TesterSettingsPanel } from "./TesterSettingsPanel.js";
-function AgentWidgetInvokerTester({
-  conversationId,
-  sourceFeature,
-  surfaceKey
-}) {
-  const tester = useAgentLauncherTester(
-    conversationId,
-    sourceFeature,
-    surfaceKey
-  );
-  const displayTypes = getAllDisplayTypes().map((displayMode) => {
-    const meta = getDisplayMeta(displayMode);
-    const IconComponent = (props) => /* @__PURE__ */ jsx(DynamicIcon, { name: meta.icon, ...props });
-    return {
-      name: meta.label,
-      icon: IconComponent,
-      color: meta.color,
-      displayMode,
-      note: meta.description,
-      testMode: meta.testMode
-    };
-  });
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row h-full w-full min-w-0 overflow-y-auto sm:overflow-hidden", children: [
-    /* @__PURE__ */ jsx("div", { className: "w-full sm:w-[230px] shrink-0 border-b sm:border-b-0 sm:border-r border-border sm:overflow-y-auto", children: /* @__PURE__ */ jsx("div", { className: "p-2", children: /* @__PURE__ */ jsx(
-      TesterSettingsPanel,
-      {
-        controller: tester,
-        quickTest: {
-          applyVariables: tester.applyVariables,
-          setApplyVariables: tester.setApplyVariables,
-          applyUserInput: tester.applyUserInput,
-          setApplyUserInput: tester.setApplyUserInput,
-          applyAppContext: tester.applyAppContext,
-          setApplyAppContext: tester.setApplyAppContext
-        },
-        idPrefix: "widget-test"
-      }
-    ) }) }),
-    /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0 sm:overflow-y-auto", children: /* @__PURE__ */ jsx("div", { className: "p-2 flex flex-wrap content-start gap-2 justify-center sm:justify-start", children: displayTypes.map((display) => /* @__PURE__ */ jsxs(
-      "button",
-      {
-        onClick: () => tester.openWithDisplayType(display.displayMode),
-        title: display.note,
-        className: "flex flex-col items-center justify-center gap-1.5 w-[84px] h-[84px] bg-muted/10 hover:bg-muted/30 border border-transparent hover:border-border rounded-xl transition-all shrink-0",
-        children: [
-          display.icon && /* @__PURE__ */ jsx(display.icon, { className: `w-7 h-7 ${display.color}` }),
-          /* @__PURE__ */ jsx("span", { className: "text-[10px] text-center leading-tight line-clamp-2 break-words w-full p-1", children: display.name })
-        ]
-      },
-      display.displayMode
-    )) }) }),
-    tester.instance && /* @__PURE__ */ jsx(
-      AgentExecutionTestModal,
-      {
-        surfaceKey,
-        isOpen: tester.testModalOpen,
-        onClose: () => tester.setTestModalOpen(false),
-        testType: tester.testModalType,
-        agentId: tester.instance.agentId,
-        sourceInstanceId: conversationId,
-        autoRun: tester.autoRun,
-        allowChat: tester.allowChat,
-        showVariables: tester.showVariablePanel,
-        applyVariables: tester.applyVariables,
-        apiEndpointMode: tester.apiEndpointMode,
-        variablesPanelStyle: tester.variablesPanelStyle,
-        variables: tester.applyVariables ? tester.currentVariables : {},
-        userInput: tester.applyUserInput && tester.currentInput ? tester.currentInput : ""
-      }
-    )
-  ] });
-}
-export {
-  AgentWidgetInvokerTester
-};

package/dist/agents/components/run-controls/CreatorRunPanel.d.ts

@@ -1,22 +0,0 @@
-import { type RunTabId } from "./CreatorRunTabContent.js";
-export interface CreatorRunPanelProps {
-    /**
-     * The INPUT conversation — where the user is typing and which settings
-     * adjustments target (Run Settings, System Prompt, Payload, Context,
-     * Widget Invoker). Equals the display conversation in normal mode; under
-     * autoClear=true after a split, this is the freshly-prepped instance the
-     * input area was just moved to.
-     */
-    conversationId: string;
-    /**
-     * The DISPLAY conversation — where the streaming response lives and where
-     * telemetry/recovery data is keyed (Last Request, Session, Client, Backend,
-     * Reset). Falls back to `conversationId` when not provided.
-     */
-    displayConversationId?: string;
-    /** Focus surface for startNewConversation (reset conversation). */
-    surfaceKey: string;
-    /** Restrict which tabs are visible. Defaults to all tabs when omitted. */
-    tabs?: RunTabId[];
-}
-export declare function CreatorRunPanel({ conversationId, displayConversationId, surfaceKey, tabs: allowedTabs, }: CreatorRunPanelProps): import("react").JSX.Element;

package/dist/agents/components/run-controls/CreatorRunPanel.js

@@ -1,108 +0,0 @@
-"use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Badge, Button } from "@ai-matrx/design-system/controls";
-import { useState, useCallback, useEffect } from "react";
-import { ChevronDown, ChevronUp } from "lucide-react";
-import { useAppSelector } from "../../../store/hooks.js";
-import { selectConversationTitle } from "../../redux/execution-system/messages/messages.selectors.js";
-import { selectInstanceUIState } from "../../redux/execution-system/instance-ui-state/instance-ui-state.selectors.js";
-import CreatorRunTabContent, {
-  useCreatorRunWindows,
-  ALL_RUN_TABS,
-  RUN_TAB_LABELS
-} from "./CreatorRunTabContent.js";
-function CreatorRunPanel({
-  conversationId,
-  displayConversationId,
-  surfaceKey,
-  tabs: allowedTabs
-}) {
-  const displayId = displayConversationId ?? conversationId;
-  const [isExpanded, setIsExpanded] = useState(false);
-  const [activeTab, setActiveTab] = useState(
-    () => allowedTabs && allowedTabs.length > 0 ? allowedTabs[0] : "actions"
-  );
-  const { openStreamDebugWindow, openRunSettingsWindow, windowPanels } = useCreatorRunWindows({ conversationId, displayId });
-  const conversationTitle = useAppSelector(selectConversationTitle(displayId));
-  const instanceUIForBadge = useAppSelector(selectInstanceUIState(displayId));
-  const isOverridden = Boolean(instanceUIForBadge?.serverOverrideUrl);
-  const totalRequestCount = useAppSelector((state) => {
-    let count = 0;
-    for (const id of state.conversations.allConversationIds) {
-      count += (state.activeRequests.byConversationId[id] ?? []).length;
-    }
-    return count;
-  });
-  const handleExpand = useCallback(() => setIsExpanded(true), []);
-  const handleCollapse = useCallback(() => setIsExpanded(false), []);
-  useEffect(() => {
-    if (typeof window === "undefined") return void 0;
-    const handler = (e) => {
-      const detail = e.detail ?? {};
-      if (detail.conversationId && detail.conversationId !== conversationId && detail.conversationId !== displayId) {
-        return;
-      }
-      if (!detail.tab) return;
-      const allowed = allowedTabs ?? ALL_RUN_TABS;
-      if (!allowed.includes(detail.tab)) return;
-      setActiveTab(detail.tab);
-      setIsExpanded(true);
-    };
-    window.addEventListener("matrx:openCreatorTab", handler);
-    return () => window.removeEventListener("matrx:openCreatorTab", handler);
-  }, [conversationId, displayId, allowedTabs]);
-  if (!isExpanded) {
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("div", { className: "border-t border-l border-r border-border", children: /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          onClick: handleExpand,
-          className: "flex items-center gap-2 w-full pl-2 pr-2 py-1 text-xs text-muted-foreground hover:text-foreground hover:bg-muted/40 transition-colors min-w-0",
-          children: [
-            /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground truncate shrink-0 max-w-[120px] sm:max-w-none", children: conversationTitle ?? "Creator Panel" }),
-            /* @__PURE__ */ jsx(
-              Badge,
-              {
-                className: "ml-2 shrink-0",
-                tone: isOverridden ? "success" : "neutral",
-                title: isOverridden ? "AI calls for this conversation are routed to the sandbox proxy" : "AI calls for this conversation use the global cloud server",
-                children: isOverridden ? "Sandbox" : "Cloud"
-              }
-            ),
-            /* @__PURE__ */ jsx(ChevronDown, { className: "w-3 h-3 shrink-0 ml-auto" })
-          ]
-        }
-      ) }),
-      windowPanels
-    ] });
-  }
-  const visibleTabIds = allowedTabs ?? ALL_RUN_TABS;
-  const tabs = visibleTabIds.map((id) => ({
-    id,
-    label: id === "session" && totalRequestCount > 0 ? `Session (${totalRequestCount})` : RUN_TAB_LABELS[id]
-  }));
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: "border-t border-border bg-card", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b border-border min-w-0", children: [
-        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-0 overflow-x-auto min-w-0 flex-1 scrollbar-none", children: tabs.map((tab) => /* @__PURE__ */ jsx(Button, { variant: "quiet", pressed: !!(activeTab === tab.id), onClick: () => setActiveTab(tab.id), className: "-mb-px shrink-0", children: tab.label }, tab.id)) }),
-        /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: /* @__PURE__ */ jsx(ChevronUp, {}), onClick: handleCollapse, title: "Collapse", "aria-label": "Collapse", className: "ml-1 shrink-0" })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "h-[50dvh] sm:h-72 overflow-y-auto", children: /* @__PURE__ */ jsx(
-        CreatorRunTabContent,
-        {
-          tabId: activeTab,
-          conversationId,
-          displayConversationId,
-          surfaceKey,
-          onOpenStreamDebugWindow: openStreamDebugWindow,
-          onOpenRunSettingsWindow: openRunSettingsWindow
-        }
-      ) })
-    ] }),
-    windowPanels
-  ] });
-}
-export {
-  CreatorRunPanel
-};

package/dist/agents/components/run-controls/CreatorRunTabContent.d.ts

@@ -1,30 +0,0 @@
-export type RunTabId = "actions" | "context" | "payload" | "widget_invoker" | "settings" | "sysprompt" | "last" | "model_context" | "session" | "client" | "backend";
-export declare const ALL_RUN_TABS: RunTabId[];
-export declare const RUN_TAB_LABELS: Record<RunTabId, string>;
-/**
- * Owns the two embedded WindowPanels the Actions tab opens. Returns open
- * callbacks for the Actions tab plus the `windowPanels` JSX the host renders.
- * Window ids are frozen at first render so they never change even if
- * conversationId changes (otherwise the hook cleanup unregisters the window
- * and the tray chip disappears).
- */
-export declare function useCreatorRunWindows({ conversationId, displayId, }: {
-    conversationId: string;
-    displayId: string;
-}): {
-    openStreamDebugWindow: () => void;
-    openRunSettingsWindow: () => void;
-    windowPanels: import("react").JSX.Element;
-};
-export interface CreatorRunTabContentProps {
-    tabId: RunTabId;
-    /** Input conversation — settings/context/payload/system/widgets target this. */
-    conversationId: string;
-    /** Display conversation — telemetry tabs key off this. Falls back to input. */
-    displayConversationId?: string;
-    /** Focus surface for startNewConversation (reset). */
-    surfaceKey: string;
-    onOpenStreamDebugWindow: () => void;
-    onOpenRunSettingsWindow: () => void;
-}
-export default function CreatorRunTabContent({ tabId, conversationId, displayConversationId, surfaceKey, onOpenStreamDebugWindow, onOpenRunSettingsWindow, }: CreatorRunTabContentProps): import("react").JSX.Element | null;