@ai-matrx/chat 0.3.11 → 0.3.19

package/dist/agents/components/undo-history/AgentEditHistory.js

@@ -1,244 +0,0 @@
-"use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useCallback } from "react";
-import { formatRelativeTime } from "@ai-matrx/kit/format";
-import { Button, Tile } from "@ai-matrx/design-system/controls";
-import { ScrollArea } from "@ai-matrx/design-system";
-import { Separator } from "@ai-matrx/design-system";
-import { formatFileSize } from "@ai-matrx/kit/format";
-import {
-  Undo2,
-  Redo2,
-  History,
-  Trash2,
-  ArrowUp,
-  ArrowDown
-} from "lucide-react";
-import { useAppSelector, useAppDispatch } from "../../../store/hooks.js";
-import {
-  selectAgentById,
-  selectAgentCanUndo,
-  selectAgentCanRedo,
-  selectAgentName
-} from "../../redux/agent-definition/selectors.js";
-import {
-  undoAgentEdit,
-  redoAgentEdit,
-  clearAgentUndoHistory
-} from "../../redux/agent-definition/slice.js";
-import {
-  getUndoShortcutHint,
-  getRedoShortcutHint
-} from "../../hooks/useAgentUndoRedo.js";
-import { AiModelRef, AiToolRef } from "../../../host/ui-slots.js";
-import { ModelTierIdentityList } from "../model-tiers/ModelTierIdentityList.js";
-const FIELD_LABELS = {
-  messages: "Messages",
-  name: "Name",
-  description: "Description",
-  settings: "Settings",
-  tools: "Tools",
-  customTools: "Custom Tools",
-  variableDefinitions: "Variables",
-  contextPolicies: "Context Policies",
-  modelId: "Model",
-  modelTiers: "Model Tiers",
-  outputSchema: "Output Schema",
-  tags: "Tags",
-  category: "Category",
-  isActive: "Active",
-  isArchived: "Archived",
-  isFavorite: "Favorite"
-};
-function formatField(field) {
-  return FIELD_LABELS[field] ?? field;
-}
-function formatTimestamp(ts) {
-  const d = new Date(ts);
-  if (Date.now() - ts < 36e5) {
-    return formatRelativeTime(ts, { style: "short" });
-  }
-  return d.toLocaleTimeString(void 0, {
-    hour: "2-digit",
-    minute: "2-digit"
-  });
-}
-function previewValue(entry) {
-  const val = entry.value;
-  if (val == null) return "empty";
-  if (entry.field === "modelId" && typeof val === "string") {
-    return /* @__PURE__ */ jsx(AiModelRef, { modelId: val, showId: true, showIcon: false, disableNavigation: true });
-  }
-  if (entry.field === "modelTiers") {
-    return /* @__PURE__ */ jsx(ModelTierIdentityList, { value: val, showId: true, disableNavigation: true });
-  }
-  if (entry.field === "tools" && Array.isArray(val) && val.every((toolId) => typeof toolId === "string")) {
-    if (val.length === 0) return "No tools";
-    return /* @__PURE__ */ jsx("span", { className: "flex flex-col gap-1", children: val.map((toolId) => /* @__PURE__ */ jsx(
-      AiToolRef,
-      {
-        toolId,
-        showId: true,
-        showIcon: false,
-        disableNavigation: true
-      },
-      toolId
-    )) });
-  }
-  if (typeof val === "string") {
-    if (val.length === 0) return "empty";
-    return val.length > 60 ? `"${val.slice(0, 57)}..."` : `"${val}"`;
-  }
-  if (typeof val === "boolean") return val ? "true" : "false";
-  if (typeof val === "number") return String(val);
-  if (Array.isArray(val))
-    return `${val.length} item${val.length !== 1 ? "s" : ""}`;
-  return "object";
-}
-function AgentEditHistory({ agentId }) {
-  const dispatch = useAppDispatch();
-  const record = useAppSelector((s) => selectAgentById(s, agentId));
-  const agentName = useAppSelector((s) => selectAgentName(s, agentId));
-  const canUndo = useAppSelector((s) => selectAgentCanUndo(s, agentId));
-  const canRedo = useAppSelector((s) => selectAgentCanRedo(s, agentId));
-  const past = record?._undoPast ?? [];
-  const future = record?._undoFuture ?? [];
-  const handleUndo = useCallback(() => {
-    dispatch(undoAgentEdit({ id: agentId }));
-  }, [dispatch, agentId]);
-  const handleRedo = useCallback(() => {
-    dispatch(redoAgentEdit({ id: agentId }));
-  }, [dispatch, agentId]);
-  const handleClear = useCallback(() => {
-    dispatch(clearAgentUndoHistory({ id: agentId }));
-  }, [dispatch, agentId]);
-  const handleUndoToEntry = useCallback(
-    (targetIndex) => {
-      const steps = past.length - targetIndex;
-      for (let i = 0; i < steps; i++) {
-        dispatch(undoAgentEdit({ id: agentId }));
-      }
-    },
-    [dispatch, agentId, past.length]
-  );
-  const handleRedoToEntry = useCallback(
-    (targetIndex) => {
-      const steps = future.length - targetIndex;
-      for (let i = 0; i < steps; i++) {
-        dispatch(redoAgentEdit({ id: agentId }));
-      }
-    },
-    [dispatch, agentId, future.length]
-  );
-  const totalBytes = [...past, ...future].reduce(
-    (sum, e) => sum + e.byteEstimate,
-    0
-  );
-  return /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-0 flex-col bg-background", children: [
-    /* @__PURE__ */ jsx("div", { className: "truncate px-4 pt-3 pb-1 text-[11px] text-muted-foreground", children: `${agentName ?? "Agent"} \xB7 ${past.length} undo \xB7 ${future.length} redo \xB7 ${formatFileSize(totalBytes)}` }),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 px-4 pb-2", children: [
-      /* @__PURE__ */ jsxs(
-        Button,
-        {
-          icon: /* @__PURE__ */ jsx(Undo2, {}),
-          variant: "outline",
-          onClick: handleUndo,
-          disabled: !canUndo,
-          children: [
-            "Undo",
-            /* @__PURE__ */ jsx("kbd", { className: "ml-1 text-[10px] text-muted-foreground", children: getUndoShortcutHint() })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        Button,
-        {
-          icon: /* @__PURE__ */ jsx(Redo2, {}),
-          variant: "outline",
-          onClick: handleRedo,
-          disabled: !canRedo,
-          children: [
-            "Redo",
-            /* @__PURE__ */ jsx("kbd", { className: "ml-1 text-[10px] text-muted-foreground", children: getRedoShortcutHint() })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { className: "flex-1" }),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          icon: /* @__PURE__ */ jsx(Trash2, {}),
-          variant: "quiet",
-          onClick: handleClear,
-          disabled: past.length === 0 && future.length === 0,
-          children: "Clear"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx(Separator, {}),
-    /* @__PURE__ */ jsx(ScrollArea, { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxs("div", { className: "px-4 py-2 space-y-1", children: [
-      future.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 py-1 text-[10px] font-medium uppercase tracking-wider text-muted-foreground", children: [
-          /* @__PURE__ */ jsx(ArrowDown, { className: "h-3 w-3" }),
-          "Redo (",
-          future.length,
-          ")"
-        ] }),
-        [...future].reverse().map((entry, visualIdx) => {
-          const stackIdx = future.length - 1 - visualIdx;
-          return /* @__PURE__ */ jsx(
-            Tile,
-            {
-              variant: "quiet",
-              onClick: () => handleRedoToEntry(stackIdx),
-              icon: /* @__PURE__ */ jsx(Redo2, {}),
-              glyphTone: "info",
-              title: formatField(entry.field),
-              line: previewValue(entry),
-              end: formatTimestamp(entry.timestamp)
-            },
-            `redo-${stackIdx}`
-          );
-        }),
-        /* @__PURE__ */ jsx(Separator, { className: "my-1" })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 py-1.5 px-2", children: [
-        /* @__PURE__ */ jsx("div", { className: "h-2 w-2 rounded-full bg-green-500 flex-shrink-0" }),
-        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-green-600 dark:text-green-400", children: "Current State" })
-      ] }),
-      past.length > 0 && /* @__PURE__ */ jsx(Separator, { className: "my-1" }),
-      past.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 py-1 text-[10px] font-medium uppercase tracking-wider text-muted-foreground", children: [
-          /* @__PURE__ */ jsx(ArrowUp, { className: "h-3 w-3" }),
-          "Undo (",
-          past.length,
-          ")"
-        ] }),
-        [...past].reverse().map((entry, visualIdx) => {
-          const stackIdx = past.length - 1 - visualIdx;
-          return /* @__PURE__ */ jsx(
-            Tile,
-            {
-              variant: "quiet",
-              onClick: () => handleUndoToEntry(stackIdx),
-              icon: /* @__PURE__ */ jsx(Undo2, {}),
-              glyphTone: "warning",
-              title: formatField(entry.field),
-              line: previewValue(entry),
-              end: formatTimestamp(entry.timestamp)
-            },
-            `undo-${stackIdx}`
-          );
-        })
-      ] }),
-      past.length === 0 && future.length === 0 && /* @__PURE__ */ jsxs("div", { className: "py-8 text-center", children: [
-        /* @__PURE__ */ jsx(History, { className: "h-8 w-8 text-muted-foreground/30 mx-auto mb-2" }),
-        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "No edit history yet" }),
-        /* @__PURE__ */ jsx("p", { className: "text-[10px] text-muted-foreground mt-1", children: "Changes will appear here as you edit" })
-      ] })
-    ] }) })
-  ] });
-}
-export {
-  AgentEditHistory
-};

package/dist/agents/components/unused/AgentSharedHeader.d.ts

@@ -1,3 +0,0 @@
-export declare function AgentSharedHeader({ agentId }: {
-    agentId: string;
-}): import("react").JSX.Element;

package/dist/agents/components/unused/AgentSharedHeader.js

@@ -1,134 +0,0 @@
-"use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useState, useTransition } from "react";
-import { useRouter, usePathname } from "../../../host/navigation.js";
-import { Eye, Pencil, Play, History, Plus } from "lucide-react";
-import { Button } from "@ai-matrx/design-system/controls";
-import { useAppSelector } from "../../../store/hooks.js";
-import {
-  selectAgentIsDirty,
-  selectAgentById,
-  selectAgentVersion
-} from "../../redux/agent-definition/selectors.js";
-import { AgentListDropdown } from "@ai-matrx/agents/catalog/react";
-import { AgentSaveStatus } from "../shared/AgentSaveStatus.js";
-import { AgentOptionsMenu } from "../shared/AgentOptionsMenu.js";
-import {
-  AlertDialog,
-  AlertDialogAction,
-  AlertDialogCancel,
-  AlertDialogContent,
-  AlertDialogDescription,
-  AlertDialogFooter,
-  AlertDialogHeader,
-  AlertDialogTitle
-} from "@ai-matrx/design-system";
-const MODES = [
-  { id: "view", label: "View", icon: Eye },
-  { id: "edit", label: "Build", icon: Pencil },
-  { id: "run", label: "Run", icon: Play },
-  { id: "versions", label: "Versions", icon: History },
-  { id: "new", label: "New", icon: Plus }
-];
-function deriveMode(pathname, agentId) {
-  const base = `/agents/${agentId}`;
-  if (pathname.startsWith(`${base}/run`)) return "run";
-  if (pathname.startsWith(`${base}/build`)) return "edit";
-  if (pathname.startsWith(`${base}/latest`) || /^\/agents\/[^/]+\/\d+$/.test(pathname))
-    return "versions";
-  return "view";
-}
-function AgentSharedHeader({ agentId }) {
-  const router = useRouter();
-  const pathname = usePathname();
-  const [, startTransition] = useTransition();
-  const agentName = useAppSelector((state) => selectAgentById(state, agentId)?.name) ?? "";
-  const version = useAppSelector((state) => selectAgentVersion(state, agentId));
-  const isDirty = useAppSelector((state) => selectAgentIsDirty(state, agentId));
-  const [showDirtyDialog, setShowDirtyDialog] = useState(false);
-  const [pendingNew, setPendingNew] = useState(false);
-  const mode = deriveMode(pathname, agentId);
-  const navigateTo = (path) => {
-    startTransition(() => router.push(path));
-  };
-  const handleModeChange = (next) => {
-    if (next === mode) return;
-    if (next === "new") {
-      if (isDirty) {
-        setPendingNew(true);
-        setShowDirtyDialog(true);
-      } else {
-        navigateTo("/agents/new");
-      }
-      return;
-    }
-    const pathMap = {
-      view: `/agents/${agentId}`,
-      edit: `/agents/${agentId}/build`,
-      run: `/agents/${agentId}/run`,
-      versions: `/agents/${agentId}/latest`
-    };
-    navigateTo(pathMap[next]);
-  };
-  const handleAgentSelect = (selectedId) => {
-    const suffixByMode = {
-      view: "",
-      edit: "/build",
-      run: "/run",
-      versions: "/latest"
-    };
-    const suffix = suffixByMode[mode];
-    navigateTo(`/agents/${selectedId}${suffix}`);
-  };
-  const handleDirtyDiscard = () => {
-    setShowDirtyDialog(false);
-    if (pendingNew) {
-      setPendingNew(false);
-      navigateTo("/agents/new");
-    }
-  };
-  const handleDirtyCancel = () => {
-    setShowDirtyDialog(false);
-    setPendingNew(false);
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between w-full gap-2 px-1", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0 shrink", children: [
-        /* @__PURE__ */ jsx(
-          AgentListDropdown,
-          {
-            onSelect: handleAgentSelect,
-            label: agentName,
-            className: "max-w-[120px] md:max-w-[180px]"
-          }
-        ),
-        version != null && /* @__PURE__ */ jsxs("span", { className: "text-[0.625rem] font-medium text-[var(--shell-nav-text)] tabular-nums shrink-0", children: [
-          "v",
-          version
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "matrx-glass-thin-border flex items-center gap-0.5 rounded-full p-0.5", children: MODES.map(({ id, label, icon: Icon }) => {
-        const isActive = id === mode;
-        return /* @__PURE__ */ jsx(Button, { variant: "quiet", pressed: isActive, icon: /* @__PURE__ */ jsx(Icon, {}), onClick: () => handleModeChange(id), title: label, children: /* @__PURE__ */ jsx("span", { className: "hidden md:inline", children: label }) }, id);
-      }) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 shrink-0", children: [
-        /* @__PURE__ */ jsx(AgentSaveStatus, { agentId }),
-        /* @__PURE__ */ jsx("div", { className: "w-px h-4 bg-border/50" }),
-        /* @__PURE__ */ jsx(AgentOptionsMenu, { agentId })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(AlertDialog, { open: showDirtyDialog, onOpenChange: setShowDirtyDialog, children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [
-      /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
-        /* @__PURE__ */ jsx(AlertDialogTitle, { children: "Unsaved Changes" }),
-        /* @__PURE__ */ jsx(AlertDialogDescription, { children: "You have unsaved changes to this agent. If you leave now, your changes will be lost." })
-      ] }),
-      /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
-        /* @__PURE__ */ jsx(AlertDialogCancel, { onClick: handleDirtyCancel, children: "Stay" }),
-        /* @__PURE__ */ jsx(AlertDialogAction, { onClick: handleDirtyDiscard, children: "Discard & Continue" })
-      ] })
-    ] }) })
-  ] });
-}
-export {
-  AgentSharedHeader
-};

package/dist/agents/components/widgets/AgentWidgetsPage.d.ts

@@ -1,11 +0,0 @@
-interface AgentWidgetsPageProps {
-    agentId: string;
-    initialAgentName: string;
-    /** Base path for the embedded mode controller. Defaults to `/agents`. */
-    basePath?: string;
-    /** SSR-friendly current path. Optional — passed through to the mode
-     *  controller, which falls back to `usePathname()` when omitted. */
-    currentPath?: string;
-}
-export declare function AgentWidgetsPage({ agentId, currentPath, initialAgentName, basePath, }: AgentWidgetsPageProps): import("react").JSX.Element;
-export {};