npm - @axis-ds/agentic-ui - Versions diffs - 1.1.2 → 1.2.0 - Mend

@axis-ds/agentic-ui 1.1.2 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (21) hide show

package/dist/chunk-S3HVRSN2.mjs DELETED Viewed

@@ -1,95 +0,0 @@
-import {
-  SOURCE_TYPE_LABELS
-} from "./chunk-HWISMHCP.mjs";
-// src/source-panel/index.tsx
-import * as React from "react";
-import { cn } from "@axis-ds/ui-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var sourceIcons = {
-  web: /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" }) }),
-  file: /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }),
-  database: /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4" }) }),
-  api: /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" }) })
-};
-function SourcePanel({
-  sources,
-  expandable = true,
-  defaultExpanded = false,
-  maxItems = 5,
-  className
-}) {
-  const [isExpanded, setIsExpanded] = React.useState(defaultExpanded);
-  const displayedSources = isExpanded ? sources : sources.slice(0, maxItems);
-  const hasMore = sources.length > maxItems;
-  const listId = React.useId();
-  if (sources.length === 0) return null;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "rounded-lg border p-3",
-        "bg-[var(--axis-surface-secondary)] border-[var(--axis-border-default)]",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs("h4", { className: "text-xs font-medium text-[var(--axis-text-secondary)] mb-2", children: [
-          "\uCD9C\uCC98 (",
-          sources.length,
-          "\uAC1C)"
-        ] }),
-        /* @__PURE__ */ jsx("div", { id: listId, role: "list", "aria-label": "\uCD9C\uCC98 \uBAA9\uB85D", className: "space-y-2", children: displayedSources.map((source) => /* @__PURE__ */ jsxs(
-          "div",
-          {
-            role: "listitem",
-            className: "flex items-start gap-2 p-2 rounded-md bg-[var(--axis-surface-default)]",
-            children: [
-              /* @__PURE__ */ jsx("span", { className: "text-[var(--axis-icon-secondary)] mt-0.5", "aria-hidden": "true", children: sourceIcons[source.type] }),
-              /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-                /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
-                  SOURCE_TYPE_LABELS[source.type],
-                  ":"
-                ] }),
-                /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-[var(--axis-text-primary)] truncate", children: source.url ? /* @__PURE__ */ jsxs(
-                  "a",
-                  {
-                    href: source.url,
-                    target: "_blank",
-                    rel: "noopener noreferrer",
-                    className: "hover:underline",
-                    "aria-label": `${source.title} (\uC0C8 \uCC3D\uC5D0\uC11C \uC5F4\uB9BC)`,
-                    children: [
-                      source.title,
-                      /* @__PURE__ */ jsx("span", { className: "sr-only", children: ", \uC0C8 \uCC3D\uC5D0\uC11C \uC5F4\uB9BC" })
-                    ]
-                  }
-                ) : source.title }),
-                source.snippet && /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--axis-text-secondary)] line-clamp-2 mt-0.5", children: source.snippet }),
-                source.path && /* @__PURE__ */ jsx("code", { className: "text-xs text-[var(--axis-text-tertiary)]", children: source.path })
-              ] }),
-              source.relevance !== void 0 && /* @__PURE__ */ jsxs("span", { className: "text-xs text-[var(--axis-text-tertiary)]", children: [
-                Math.round(source.relevance * 100),
-                "%"
-              ] })
-            ]
-          },
-          source.id
-        )) }),
-        expandable && hasMore && /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: () => setIsExpanded(!isExpanded),
-            "aria-expanded": isExpanded,
-            "aria-controls": listId,
-            className: "mt-2 text-xs text-[var(--axis-text-brand)] hover:underline",
-            children: isExpanded ? "\uC811\uAE30" : `${sources.length - maxItems}\uAC1C \uB354 \uBCF4\uAE30`
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  SourcePanel
-};

package/dist/chunk-TCCZL2D5.mjs DELETED Viewed

@@ -1,51 +0,0 @@
-// src/streaming-text/index.tsx
-import * as React from "react";
-import { cn } from "@axis-ds/ui-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function StreamingText({
-  text,
-  speed = 20,
-  isComplete = false,
-  showCursor = true,
-  onComplete,
-  className
-}) {
-  const [displayedText, setDisplayedText] = React.useState("");
-  const [isStreaming, setIsStreaming] = React.useState(false);
-  const prevTextRef = React.useRef("");
-  React.useEffect(() => {
-    if (isComplete) {
-      setDisplayedText(text);
-      setIsStreaming(false);
-      return;
-    }
-    if (text.length > prevTextRef.current.length && text.startsWith(prevTextRef.current)) {
-      const newText = text.slice(prevTextRef.current.length);
-      let charIndex = 0;
-      setIsStreaming(true);
-      const interval = setInterval(() => {
-        if (charIndex < newText.length) {
-          setDisplayedText((prev) => prev + newText[charIndex]);
-          charIndex++;
-        } else {
-          clearInterval(interval);
-          setIsStreaming(false);
-          if (onComplete) onComplete();
-        }
-      }, speed);
-      prevTextRef.current = text;
-      return () => clearInterval(interval);
-    } else if (text !== prevTextRef.current) {
-      setDisplayedText("");
-      prevTextRef.current = "";
-    }
-  }, [text, speed, isComplete, onComplete]);
-  return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
-    /* @__PURE__ */ jsx("span", { className: "text-[var(--axis-text-primary)] whitespace-pre-wrap", children: displayedText }),
-    showCursor && isStreaming && /* @__PURE__ */ jsx("span", { className: "inline-block w-0.5 h-4 ml-0.5 bg-[var(--axis-text-primary)] animate-pulse" })
-  ] });
-}
-export {
-  StreamingText
-};

package/dist/chunk-TKUAT5WE.mjs DELETED Viewed

@@ -1,105 +0,0 @@
-// src/tool-call-card/index.tsx
-import * as React from "react";
-import { cn } from "@axis-ds/ui-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var statusConfig = {
-  pending: {
-    color: "text-[var(--axis-color-gray-400)]",
-    icon: /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", strokeWidth: 2 }) })
-  },
-  running: {
-    color: "text-[var(--axis-color-blue-500)]",
-    icon: /* @__PURE__ */ jsxs("svg", { className: "w-4 h-4 animate-spin", viewBox: "0 0 24 24", fill: "none", children: [
-      /* @__PURE__ */ jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
-      /* @__PURE__ */ jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" })
-    ] })
-  },
-  success: {
-    color: "text-[var(--axis-color-green-500)]",
-    icon: /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) })
-  },
-  error: {
-    color: "text-[var(--axis-color-red-500)]",
-    icon: /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
-  }
-};
-function ToolCallCard({
-  toolName,
-  description,
-  status,
-  input,
-  output,
-  error,
-  duration,
-  defaultExpanded = false,
-  className
-}) {
-  const [isExpanded, setIsExpanded] = React.useState(defaultExpanded);
-  const config = statusConfig[status];
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "rounded-lg border overflow-hidden",
-        "bg-[var(--axis-surface-default)] border-[var(--axis-border-default)]",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs(
-          "button",
-          {
-            onClick: () => setIsExpanded(!isExpanded),
-            className: "w-full flex items-center justify-between p-3 hover:bg-[var(--axis-surface-secondary)] transition-colors",
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx("span", { className: config.color, children: config.icon }),
-                /* @__PURE__ */ jsx("code", { className: "text-sm font-mono text-[var(--axis-text-primary)]", children: toolName }),
-                description && /* @__PURE__ */ jsxs("span", { className: "text-xs text-[var(--axis-text-secondary)]", children: [
-                  "\u2014 ",
-                  description
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                duration !== void 0 && /* @__PURE__ */ jsxs("span", { className: "text-xs text-[var(--axis-text-tertiary)]", children: [
-                  duration,
-                  "ms"
-                ] }),
-                /* @__PURE__ */ jsx(
-                  "svg",
-                  {
-                    className: cn(
-                      "w-4 h-4 text-[var(--axis-text-secondary)] transition-transform",
-                      isExpanded && "rotate-180"
-                    ),
-                    fill: "none",
-                    stroke: "currentColor",
-                    viewBox: "0 0 24 24",
-                    children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
-                  }
-                )
-              ] })
-            ]
-          }
-        ),
-        isExpanded && /* @__PURE__ */ jsxs("div", { className: "border-t border-[var(--axis-border-default)] p-3 space-y-3", children: [
-          input && /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("h5", { className: "text-xs font-medium text-[var(--axis-text-secondary)] mb-1", children: "\uC785\uB825" }),
-            /* @__PURE__ */ jsx("pre", { className: "text-xs p-2 rounded bg-[var(--axis-surface-secondary)] overflow-x-auto", children: /* @__PURE__ */ jsx("code", { className: "text-[var(--axis-text-primary)]", children: JSON.stringify(input, null, 2) }) })
-          ] }),
-          output && /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("h5", { className: "text-xs font-medium text-[var(--axis-text-secondary)] mb-1", children: "\uCD9C\uB825" }),
-            /* @__PURE__ */ jsx("pre", { className: "text-xs p-2 rounded bg-[var(--axis-surface-secondary)] overflow-x-auto", children: /* @__PURE__ */ jsx("code", { className: "text-[var(--axis-text-primary)]", children: typeof output === "string" ? output : JSON.stringify(output, null, 2) }) })
-          ] }),
-          error && /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("h5", { className: "text-xs font-medium text-[var(--axis-text-error)] mb-1", children: "\uC5D0\uB7EC" }),
-            /* @__PURE__ */ jsx("pre", { className: "text-xs p-2 rounded bg-[var(--axis-surface-error)] overflow-x-auto", children: /* @__PURE__ */ jsx("code", { className: "text-[var(--axis-text-error)]", children: error }) })
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-export {
-  ToolCallCard
-};

package/dist/chunk-UG4H7RIP.mjs DELETED Viewed

@@ -1,77 +0,0 @@
-import {
-  STATUS_LABELS
-} from "./chunk-HWISMHCP.mjs";
-// src/step-timeline/index.tsx
-import { cn } from "@axis-ds/ui-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function StepTimeline({
-  steps,
-  orientation = "vertical",
-  className
-}) {
-  const isVertical = orientation === "vertical";
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      role: "list",
-      "aria-label": "\uC791\uC5C5 \uD0C0\uC784\uB77C\uC778",
-      className: cn(
-        isVertical ? "flex flex-col gap-4" : "flex items-center gap-2",
-        className
-      ),
-      children: steps.map((step, index) => /* @__PURE__ */ jsxs(
-        "div",
-        {
-          role: "listitem",
-          "aria-current": step.status === "running" ? "step" : void 0,
-          className: cn(
-            "relative flex",
-            isVertical ? "items-start gap-3" : "flex-col items-center"
-          ),
-          children: [
-            index < steps.length - 1 && /* @__PURE__ */ jsx(
-              "div",
-              {
-                "aria-hidden": "true",
-                className: cn(
-                  "absolute bg-[var(--axis-border-default)]",
-                  isVertical ? "left-2.5 top-6 w-0.5 h-full -translate-x-1/2" : "top-2.5 left-6 h-0.5 w-full"
-                )
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                "aria-hidden": "true",
-                className: cn(
-                  "relative z-10 w-5 h-5 rounded-full flex items-center justify-center",
-                  step.status === "complete" && "bg-[var(--axis-color-green-500)]",
-                  step.status === "running" && "bg-[var(--axis-color-blue-500)] animate-pulse",
-                  step.status === "error" && "bg-[var(--axis-color-red-500)]",
-                  step.status === "skipped" && "bg-[var(--axis-color-gray-300)]",
-                  step.status === "pending" && "bg-[var(--axis-color-gray-300)]"
-                ),
-                children: step.status === "complete" && /* @__PURE__ */ jsx("svg", { className: "w-3 h-3 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3, d: "M5 13l4 4L19 7" }) })
-              }
-            ),
-            /* @__PURE__ */ jsxs("div", { className: cn(isVertical ? "flex-1" : "text-center mt-2"), children: [
-              /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
-                STATUS_LABELS[step.status],
-                ":"
-              ] }),
-              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-[var(--axis-text-primary)]", children: step.label }),
-              step.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--axis-text-secondary)]", children: step.description }),
-              step.timestamp && /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--axis-text-tertiary)]", children: step.timestamp.toLocaleTimeString() })
-            ] })
-          ]
-        },
-        step.id
-      ))
-    }
-  );
-}
-export {
-  StepTimeline
-};

package/dist/chunk-VKLPWFAI.mjs DELETED Viewed

@@ -1,79 +0,0 @@
-// src/source-panel/index.tsx
-import * as React from "react";
-import { cn } from "@axis-ds/ui-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var sourceIcons = {
-  web: /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" }) }),
-  file: /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }),
-  database: /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4" }) }),
-  api: /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" }) })
-};
-function SourcePanel({
-  sources,
-  expandable = true,
-  defaultExpanded = false,
-  maxItems = 5,
-  className
-}) {
-  const [isExpanded, setIsExpanded] = React.useState(defaultExpanded);
-  const displayedSources = isExpanded ? sources : sources.slice(0, maxItems);
-  const hasMore = sources.length > maxItems;
-  if (sources.length === 0) return null;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "rounded-lg border p-3",
-        "bg-[var(--axis-surface-secondary)] border-[var(--axis-border-default)]",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs("h4", { className: "text-xs font-medium text-[var(--axis-text-secondary)] mb-2", children: [
-          "\uCD9C\uCC98 (",
-          sources.length,
-          "\uAC1C)"
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "space-y-2", children: displayedSources.map((source) => /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: "flex items-start gap-2 p-2 rounded-md bg-[var(--axis-surface-default)]",
-            children: [
-              /* @__PURE__ */ jsx("span", { className: "text-[var(--axis-icon-secondary)] mt-0.5", children: sourceIcons[source.type] }),
-              /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-                /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-[var(--axis-text-primary)] truncate", children: source.url ? /* @__PURE__ */ jsx(
-                  "a",
-                  {
-                    href: source.url,
-                    target: "_blank",
-                    rel: "noopener noreferrer",
-                    className: "hover:underline",
-                    children: source.title
-                  }
-                ) : source.title }),
-                source.snippet && /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--axis-text-secondary)] line-clamp-2 mt-0.5", children: source.snippet }),
-                source.path && /* @__PURE__ */ jsx("code", { className: "text-xs text-[var(--axis-text-tertiary)]", children: source.path })
-              ] }),
-              source.relevance !== void 0 && /* @__PURE__ */ jsxs("span", { className: "text-xs text-[var(--axis-text-tertiary)]", children: [
-                Math.round(source.relevance * 100),
-                "%"
-              ] })
-            ]
-          },
-          source.id
-        )) }),
-        expandable && hasMore && /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: () => setIsExpanded(!isExpanded),
-            className: "mt-2 text-xs text-[var(--axis-text-brand)] hover:underline",
-            children: isExpanded ? "\uC811\uAE30" : `${sources.length - maxItems}\uAC1C \uB354 \uBCF4\uAE30`
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  SourcePanel
-};