@ai-matrx/chat 0.3.11 → 0.3.19

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

@@ -1,319 +0,0 @@
-"use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import {
-  useState,
-  useCallback
-} from "react";
-import { RotateCcw, AppWindow, SlidersHorizontal, Brain } from "lucide-react";
-import { useAppSelector, useAppDispatch } from "../../../store/hooks.js";
-import { CHAT_WINDOWS, openOverlay } from "../../../host/windows.js";
-import { useChatWindows, useHasChatManagedWindow } from "../../../host/windows-react.js";
-import {
-  selectIsMemoryEnabledForConversation,
-  selectMemoryCounters,
-  selectMemoryDegraded
-} from "../../redux/execution-system/observational-memory/observational-memory.selectors.js";
-import { Switch } from "../../../ui/switch.js";
-import { Label } from "@ai-matrx/design-system";
-import { startNewConversation } from "../../redux/execution-system/thunks/create-instance.thunk.js";
-import { setBuilderAdvancedSettings } from "../../redux/execution-system/instance-ui-state/instance-ui-state.slice.js";
-import { selectUseStructuredSystemInstruction } from "../../redux/execution-system/instance-ui-state/instance-ui-state.selectors.js";
-import { RunSettingsEditor } from "./RunSettingsEditor.js";
-import { ContextPoliciesTab } from "./ContextPoliciesTab.js";
-import { PayloadTab } from "./PayloadTab.js";
-import { SystemInstructionEditor } from "../../../host/ui-slots.js";
-import { WindowPanel } from "../../../host/ui-slots.js";
-import { StreamDebugPanel } from "../debug/StreamDebugPanel.js";
-import { AgentWidgetInvokerTester } from "./AgentWidgetInvokerTester.js";
-import { RequestStatsPanel } from "./panels/RequestStatsPanel.js";
-import { SessionStatsPanel } from "./panels/SessionStatsPanel.js";
-import { ClientMetricsPanel } from "./panels/ClientMetricsPanel.js";
-import { BackendTargetPanel } from "./panels/BackendTargetPanel.js";
-import { ModelContextPanel } from "./panels/ModelContextPanel.js";
-import { cn } from "@ai-matrx/design-system";
-import { selectIsSuperAdmin } from "../../../host/identity.js";
-import { Button } from "@ai-matrx/design-system/controls";
-const ALL_RUN_TABS = [
-  "actions",
-  "context",
-  "payload",
-  "widget_invoker",
-  "settings",
-  "sysprompt",
-  "last",
-  "model_context",
-  "session",
-  "client",
-  "backend"
-];
-const RUN_TAB_LABELS = {
-  actions: "Actions",
-  context: "Context",
-  payload: "Payload",
-  widget_invoker: "Widgets",
-  settings: "Run",
-  sysprompt: "System",
-  last: "Request",
-  model_context: "Model Context",
-  session: "Session",
-  client: "Client",
-  backend: "Backend"
-};
-function ActionButton({
-  onClick,
-  icon: Icon,
-  label,
-  iconClassName
-}) {
-  return /* @__PURE__ */ jsx(Button, { variant: "outline", icon: /* @__PURE__ */ jsx(Icon, { className: cn("w-7 h-7", iconClassName) }), onClick, className: "shrink-0", children: /* @__PURE__ */ jsx("span", { className: "text-[10px] text-center leading-tight font-medium px-1", children: label }) });
-}
-function ActionsTab({
-  conversationId,
-  surfaceKey,
-  onOpenStreamDebugWindow,
-  onOpenRunSettingsWindow
-}) {
-  const dispatch = useAppDispatch();
-  const isAdmin = useAppSelector(selectIsSuperAdmin);
-  const isMemoryEnabled = useAppSelector(
-    selectIsMemoryEnabledForConversation(conversationId)
-  );
-  const memoryDegraded = useAppSelector(selectMemoryDegraded(conversationId));
-  const memoryCounters = useAppSelector(selectMemoryCounters(conversationId));
-  const handleReset = useCallback(() => {
-    dispatch(
-      startNewConversation({
-        currentConversationId: conversationId,
-        surfaceKey
-      })
-    ).unwrap().catch((err) => console.error("Failed to reset test instance:", err));
-  }, [conversationId, surfaceKey, dispatch]);
-  const handleOpenMemoryInspector = useCallback(() => {
-    dispatch(
-      openOverlay({
-        overlayId: CHAT_WINDOWS.observationalMemoryWindow,
-        data: { initialSelectedConversationId: conversationId }
-      })
-    );
-  }, [dispatch, conversationId]);
-  return /* @__PURE__ */ jsxs("div", { className: "p-2 flex flex-wrap content-start gap-2 h-full overflow-y-auto", children: [
-    /* @__PURE__ */ jsx(
-      ActionButton,
-      {
-        onClick: handleReset,
-        icon: RotateCcw,
-        iconClassName: "text-amber-500",
-        label: /* @__PURE__ */ jsxs(Fragment, { children: [
-          "Reset",
-          /* @__PURE__ */ jsx("br", {}),
-          "Conversation"
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      ActionButton,
-      {
-        onClick: onOpenStreamDebugWindow,
-        icon: AppWindow,
-        iconClassName: "text-blue-500",
-        label: /* @__PURE__ */ jsxs(Fragment, { children: [
-          "Debug",
-          /* @__PURE__ */ jsx("br", {}),
-          "Window"
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      ActionButton,
-      {
-        onClick: onOpenRunSettingsWindow,
-        icon: SlidersHorizontal,
-        iconClassName: "text-green-500",
-        label: /* @__PURE__ */ jsxs(Fragment, { children: [
-          "Run",
-          /* @__PURE__ */ jsx("br", {}),
-          "Settings"
-        ] })
-      }
-    ),
-    isAdmin && /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: handleOpenMemoryInspector,
-        className: cn(
-          "relative flex flex-col items-center justify-center gap-1.5 w-[84px] h-[84px] text-muted-foreground hover:text-foreground bg-muted/10 hover:bg-muted/30 border border-transparent hover:border-border rounded-xl transition-all shrink-0",
-          isMemoryEnabled && "bg-purple-500/10 border-purple-500/30 text-foreground"
-        ),
-        children: [
-          /* @__PURE__ */ jsx(
-            Brain,
-            {
-              className: cn(
-                "w-7 h-7",
-                isMemoryEnabled ? "text-purple-500" : "text-purple-500/60"
-              )
-            }
-          ),
-          /* @__PURE__ */ jsxs("span", { className: "text-[10px] text-center leading-tight font-medium px-1", children: [
-            "Memory",
-            /* @__PURE__ */ jsx("br", {}),
-            "Inspector"
-          ] }),
-          isMemoryEnabled && memoryCounters != null && /* @__PURE__ */ jsxs("span", { className: "absolute top-1 right-1 flex items-center gap-0.5", children: [
-            /* @__PURE__ */ jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-purple-500 animate-pulse" }),
-            memoryCounters.totalEvents > 0 && /* @__PURE__ */ jsx("span", { className: "text-[9px] font-mono text-purple-500 leading-none", children: memoryCounters.totalEvents })
-          ] }),
-          memoryDegraded && /* @__PURE__ */ jsx("span", { className: "absolute top-1 left-1 w-1.5 h-1.5 rounded-full bg-amber-500" })
-        ]
-      }
-    )
-  ] });
-}
-function SystemPromptTab({ conversationId }) {
-  const dispatch = useAppDispatch();
-  const isActive = useAppSelector(
-    selectUseStructuredSystemInstruction(conversationId)
-  );
-  return /* @__PURE__ */ jsxs("div", { className: "px-3 py-2", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between pb-2 mb-2 border-b border-border", children: [
-      /* @__PURE__ */ jsx(
-        Label,
-        {
-          htmlFor: `sysprompt-active-${conversationId}`,
-          className: "text-xs text-muted-foreground cursor-pointer",
-          children: "Structured system prompt"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Switch,
-        {
-          id: `sysprompt-active-${conversationId}`,
-          checked: isActive,
-          onCheckedChange: (v) => dispatch(
-            setBuilderAdvancedSettings({
-              conversationId,
-              changes: { useStructuredSystemInstruction: v }
-            })
-          ),
-          className: "origin-right"
-        }
-      )
-    ] }),
-    isActive ? /* @__PURE__ */ jsx(SystemInstructionEditor, { conversationId }) : /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground/60", children: "Enable to edit structured system instruction fields" })
-  ] });
-}
-function useCreatorRunWindows({
-  conversationId,
-  displayId
-}) {
-  const dispatch = useAppDispatch();
-  const [streamDebugWindowOpen, setStreamDebugWindowOpen] = useState(false);
-  const [runSettingsWindowOpen, setRunSettingsWindowOpen] = useState(false);
-  const [streamDebugId] = useState(() => `stream-debug-${displayId}`);
-  const [runSettingsId] = useState(() => `run-settings-${conversationId}`);
-  const windows = useChatWindows();
-  const streamDebugEntry = useHasChatManagedWindow(streamDebugId);
-  const runSettingsEntry = useHasChatManagedWindow(runSettingsId);
-  const openStreamDebugWindow = useCallback(() => {
-    if (streamDebugEntry) {
-      windows.bringToFront?.(streamDebugId);
-    } else {
-      setStreamDebugWindowOpen(true);
-    }
-  }, [windows, streamDebugEntry, streamDebugId]);
-  const openRunSettingsWindow = useCallback(() => {
-    if (runSettingsEntry) {
-      windows.bringToFront?.(runSettingsId);
-    } else {
-      setRunSettingsWindowOpen(true);
-    }
-  }, [windows, runSettingsEntry, runSettingsId]);
-  const windowPanels = /* @__PURE__ */ jsxs(Fragment, { children: [
-    streamDebugWindowOpen && /* @__PURE__ */ jsx(
-      WindowPanel,
-      {
-        id: streamDebugId,
-        title: "Stream Debug",
-        width: 680,
-        height: 720,
-        onClose: () => setStreamDebugWindowOpen(false),
-        urlSyncKey: "debug",
-        urlSyncId: displayId,
-        bodyClassName: "flex min-h-0 flex-col overflow-hidden p-0",
-        children: /* @__PURE__ */ jsx(StreamDebugPanel, { conversationId: displayId })
-      }
-    ),
-    runSettingsWindowOpen && /* @__PURE__ */ jsx(
-      WindowPanel,
-      {
-        id: runSettingsId,
-        title: "Run Settings",
-        width: 420,
-        height: 480,
-        onClose: () => setRunSettingsWindowOpen(false),
-        urlSyncKey: "run_settings",
-        urlSyncId: conversationId,
-        children: /* @__PURE__ */ jsx("div", { className: "p-3", children: /* @__PURE__ */ jsx(RunSettingsEditor, { conversationId }) })
-      }
-    )
-  ] });
-  return { openStreamDebugWindow, openRunSettingsWindow, windowPanels };
-}
-function CreatorRunTabContent({
-  tabId,
-  conversationId,
-  displayConversationId,
-  surfaceKey,
-  onOpenStreamDebugWindow,
-  onOpenRunSettingsWindow
-}) {
-  const displayId = displayConversationId ?? conversationId;
-  switch (tabId) {
-    case "actions":
-      return /* @__PURE__ */ jsx(
-        ActionsTab,
-        {
-          conversationId: displayId,
-          surfaceKey,
-          onOpenStreamDebugWindow,
-          onOpenRunSettingsWindow
-        }
-      );
-    case "context":
-      return /* @__PURE__ */ jsx(ContextPoliciesTab, { conversationId });
-    case "payload":
-      return /* @__PURE__ */ jsx(PayloadTab, { conversationId });
-    case "settings":
-      return /* @__PURE__ */ jsx("div", { className: "px-3 py-2", children: /* @__PURE__ */ jsx(RunSettingsEditor, { conversationId }) });
-    case "sysprompt":
-      return /* @__PURE__ */ jsx(SystemPromptTab, { conversationId });
-    case "last":
-      return /* @__PURE__ */ jsx(RequestStatsPanel, { conversationId: displayId });
-    case "model_context":
-      return /* @__PURE__ */ jsx(ModelContextPanel, { conversationId: displayId });
-    case "session":
-      return /* @__PURE__ */ jsx(SessionStatsPanel, { conversationId: displayId });
-    case "client":
-      return /* @__PURE__ */ jsx(ClientMetricsPanel, { conversationId: displayId });
-    case "widget_invoker":
-      return /* @__PURE__ */ jsx(
-        AgentWidgetInvokerTester,
-        {
-          conversationId,
-          sourceFeature: "agent-builder",
-          surfaceKey: `creator-widget-tester:${conversationId}`
-        }
-      );
-    case "backend":
-      return /* @__PURE__ */ jsx(BackendTargetPanel, { conversationId: displayId });
-    default:
-      return null;
-  }
-}
-export {
-  ALL_RUN_TABS,
-  RUN_TAB_LABELS,
-  CreatorRunTabContent as default,
-  useCreatorRunWindows
-};

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

@@ -1,5 +0,0 @@
-interface PayloadTabProps {
-    conversationId: string;
-}
-export declare function PayloadTab({ conversationId }: PayloadTabProps): import("react").JSX.Element;
-export {};