@vadimcomanescu/nadicode-design-system 2.0.0

package/dist/components/blocks/AgentRunOverviewBlock.js

@@ -0,0 +1,154 @@
+'use client';
+import { Typography } from '../../chunk-N53OMWW2.js';
+import { WorkflowGraph } from '../../chunk-VCCI3NRD.js';
+import { Heading } from '../../chunk-WI547C47.js';
+import { ContextMeter } from '../../chunk-S2WSXZ7Y.js';
+import { AgentMetricsCard } from '../../chunk-OCQB4IU7.js';
+import '../../chunk-ZJ6PY5ST.js';
+import '../../chunk-PRUXIDBD.js';
+import '../../chunk-NURPUVUV.js';
+import { AgentTeamPanel } from '../../chunk-J3QL5UQ7.js';
+import '../../chunk-S4JAHKOP.js';
+import '../../chunk-HJBXUXTD.js';
+import '../../chunk-ASKFAYYR.js';
+import { cn } from '../../chunk-QYZT24TS.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var defaultAgents = [
+  {
+    id: "orchestrator",
+    name: "Orchestrator",
+    role: "planner",
+    status: "active",
+    model: "Claude Opus 4",
+    currentAction: "Coordinating the next tool run",
+    tokenCount: 24800,
+    cost: 0.124,
+    elapsedMs: 312e3,
+    stepsCompleted: 4,
+    stepsTotal: 7,
+    toolCalls: [
+      { name: "dispatch_task", status: "done" },
+      { name: "plan_next", status: "running" }
+    ]
+  },
+  {
+    id: "coder",
+    name: "Coder",
+    role: "developer",
+    status: "active",
+    model: "Claude Sonnet 4",
+    currentAction: "Editing workflow graph routing",
+    tokenCount: 12450,
+    cost: 0.042,
+    elapsedMs: 154e3,
+    stepsCompleted: 3,
+    stepsTotal: 7,
+    toolCalls: [
+      { name: "search_web", status: "done" },
+      { name: "edit_file", status: "running" }
+    ]
+  },
+  {
+    id: "reviewer",
+    name: "Reviewer",
+    role: "qa",
+    status: "idle"
+  }
+];
+var defaultMetrics = [
+  { label: "Active Agents", value: 2, trend: "flat" },
+  { label: "Tool Calls", value: 12, trend: "up" },
+  { label: "Latency", value: "1.2", unit: "s", trend: "down" },
+  { label: "Cost", value: "$0.18", trend: "down" }
+];
+var defaultContext = {
+  used: 85e3,
+  total: 128e3,
+  breakdown: { system: 15, user: 35, assistant: 50 }
+};
+var defaultWorkflow = {
+  title: "Execution graph",
+  nodes: [
+    { id: "plan", label: "Planner", status: "done", type: "llm", duration: 2500 },
+    { id: "search", label: "Web Search", status: "done", type: "tool", duration: 1200 },
+    { id: "code", label: "Coder", status: "active", type: "llm" },
+    { id: "review", label: "Guardrail", status: "pending", type: "conditional" },
+    { id: "deploy", label: "Operator", status: "pending", type: "human" }
+  ],
+  edges: [
+    { from: "plan", to: "search", label: "queries" },
+    { from: "plan", to: "code" },
+    { from: "search", to: "code", label: "context" },
+    { from: "code", to: "review" },
+    { from: "review", to: "deploy", label: "approved" }
+  ]
+};
+function AgentRunOverviewBlock({
+  className,
+  title = "Runtime overview",
+  description = "A compact operator view of team health, context pressure, and workflow state.",
+  teamTitle = "Team",
+  metricsTitle = "Run metrics",
+  contextTitle = "Context window",
+  workflow = defaultWorkflow,
+  agents = defaultAgents,
+  metrics = defaultMetrics,
+  context = defaultContext,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      ref,
+      className: cn("space-y-4", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(Heading, { level: 2, size: "section", children: title }),
+          /* @__PURE__ */ jsx(Typography, { variant: "muted", children: description })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-4 xl:grid-cols-[320px_minmax(0,1fr)]", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "surface-solid rounded-lg p-4", children: [
+              /* @__PURE__ */ jsx(Heading, { level: 4, size: "title", className: "mb-4", children: teamTitle }),
+              /* @__PURE__ */ jsx(AgentTeamPanel, { agents })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "surface-solid rounded-lg p-4", children: [
+              /* @__PURE__ */ jsxs("div", { className: "mb-4 flex items-center justify-between gap-2", children: [
+                /* @__PURE__ */ jsx(Heading, { level: 4, size: "title", children: contextTitle }),
+                /* @__PURE__ */ jsxs("span", { className: "text-xs text-text-tertiary", children: [
+                  context.used.toLocaleString(),
+                  " / ",
+                  context.total.toLocaleString()
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx(
+                ContextMeter,
+                {
+                  used: context.used,
+                  total: context.total,
+                  breakdown: context.breakdown,
+                  size: "expanded"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "surface-solid rounded-lg p-4", children: [
+              /* @__PURE__ */ jsx(Heading, { level: 4, size: "title", className: "mb-4", children: metricsTitle }),
+              /* @__PURE__ */ jsx(AgentMetricsCard, { metrics })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "surface-solid rounded-lg p-4", children: [
+              /* @__PURE__ */ jsx(Heading, { level: 4, size: "title", className: "mb-4", children: workflow.title ?? defaultWorkflow.title }),
+              /* @__PURE__ */ jsx(WorkflowGraph, { nodes: workflow.nodes, edges: workflow.edges })
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+export { AgentRunOverviewBlock };

package/dist/components/blocks/AgentWorkbenchBlock.d.ts

@@ -0,0 +1,56 @@
+import * as React from 'react';
+import { type DiffHunk } from '../ui/CodeDiffViewer';
+import { type TerminalLine } from '../ui/AgentTerminal';
+export interface AgentWorkbenchToolCall {
+    toolName: string;
+    args?: Record<string, unknown>;
+    status: 'pending' | 'running' | 'complete' | 'error';
+    result?: string;
+    duration?: number;
+}
+export interface AgentWorkbenchMessage {
+    id: string;
+    role: 'user' | 'agent' | 'system';
+    content: string;
+    timestamp?: string;
+    toolCalls?: AgentWorkbenchToolCall[];
+    isThinking?: boolean;
+    reasoning?: string;
+    isStreaming?: boolean;
+}
+export interface AgentWorkbenchArtifact {
+    id: string;
+    type: 'code' | 'markdown' | 'table' | 'image';
+    title: string;
+    content: string;
+    language?: string;
+    defaultExpanded?: boolean;
+}
+export interface AgentWorkbenchDiff {
+    id: string;
+    filePath: string;
+    language?: string;
+    hunks: DiffHunk[];
+}
+export interface AgentWorkbenchComposer {
+    value?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    onChange?: (value: string) => void;
+    onSend?: (value: string) => void;
+}
+export interface AgentWorkbenchBlockProps extends React.HTMLAttributes<HTMLDivElement> {
+    title?: string;
+    description?: string;
+    threadTitle?: string;
+    workTitle?: string;
+    defaultWorkTab?: 'artifacts' | 'diffs' | 'logs';
+    messages?: AgentWorkbenchMessage[];
+    artifacts?: AgentWorkbenchArtifact[];
+    diffs?: AgentWorkbenchDiff[];
+    logs?: TerminalLine[];
+    composer?: AgentWorkbenchComposer;
+    ref?: React.Ref<HTMLDivElement>;
+}
+declare function AgentWorkbenchBlock({ className, title, description, threadTitle, workTitle, defaultWorkTab, messages, artifacts, diffs, logs, composer, ref, ...props }: AgentWorkbenchBlockProps): import("react/jsx-runtime").JSX.Element;
+export { AgentWorkbenchBlock };

package/dist/components/blocks/AgentWorkbenchBlock.js

@@ -0,0 +1,374 @@
+'use client';
+import { ToolCallCard } from '../../chunk-MLUSJTS2.js';
+import { Typography } from '../../chunk-N53OMWW2.js';
+import { Textarea } from '../../chunk-4OBE2FS2.js';
+import { ThinkingIndicator } from '../../chunk-ZHTQF2KI.js';
+import { Tabs, TabsList, TabsTrigger, TabsContent } from '../../chunk-EYWOKTOY.js';
+import { ScrollArea } from '../../chunk-GLU236NN.js';
+import { Heading } from '../../chunk-WI547C47.js';
+import '../../chunk-LIBXYD5Q.js';
+import { CodeDiffViewer } from '../../chunk-DFPXK2JO.js';
+import { ArtifactCard } from '../../chunk-D4NC7WX5.js';
+import { Button } from '../../chunk-7KIDDF3I.js';
+import '../../chunk-PD2YEH3H.js';
+import '../../chunk-CRY67BIF.js';
+import '../../chunk-HJC6U46F.js';
+import { AgentMessageBubble } from '../../chunk-AUSYEAIJ.js';
+import '../../chunk-GO35FTNJ.js';
+import '../../chunk-PSVQ7ZNX.js';
+import '../../chunk-FLF5AMNO.js';
+import '../../chunk-WFJQ43SM.js';
+import '../../chunk-S4GKGKON.js';
+import '../../chunk-LCDDAE7J.js';
+import '../../chunk-R674XI7C.js';
+import '../../chunk-WUO7OONN.js';
+import '../../chunk-BPCCTJSK.js';
+import '../../chunk-CGUCH322.js';
+import '../../chunk-ELKIUARM.js';
+import '../../chunk-ZU2GYVAP.js';
+import '../../chunk-KSHJQ2VT.js';
+import '../../chunk-3CLXYQKB.js';
+import '../../chunk-JHQ5NMLZ.js';
+import { SendIcon } from '../../chunk-CRZ2JE24.js';
+import '../../chunk-TXGANOAX.js';
+import '../../chunk-OITJWGFV.js';
+import '../../chunk-Z74D6D2W.js';
+import '../../chunk-HNY45VUQ.js';
+import '../../chunk-IJJI4RQU.js';
+import '../../chunk-E7RBK6ML.js';
+import '../../chunk-UBIGDGOP.js';
+import '../../chunk-Q7LVUGFL.js';
+import '../../chunk-ALMGJVMT.js';
+import '../../chunk-QPXTBZWN.js';
+import '../../chunk-GAKU7DFY.js';
+import '../../chunk-T6BRD7TS.js';
+import '../../chunk-R5XP45PD.js';
+import '../../chunk-G5EO5FWC.js';
+import '../../chunk-NCULQXJE.js';
+import '../../chunk-VDYPDMYR.js';
+import '../../chunk-WDGIQDQG.js';
+import '../../chunk-WKRIKCJC.js';
+import '../../chunk-7WDT2PRI.js';
+import '../../chunk-AP5Y5M3R.js';
+import '../../chunk-JZ4G2SJH.js';
+import '../../chunk-KYGKJ553.js';
+import '../../chunk-M7YSMMAC.js';
+import '../../chunk-XQ2UDMPO.js';
+import '../../chunk-JMCSAGZ3.js';
+import '../../chunk-QUKDUSHD.js';
+import '../../chunk-4NXZIMYZ.js';
+import '../../chunk-TBKJ34BB.js';
+import '../../chunk-2IZC7HSV.js';
+import '../../chunk-2SDZMTB2.js';
+import '../../chunk-R3AO6AZM.js';
+import '../../chunk-RYOTIXZO.js';
+import '../../chunk-W3B3UOEG.js';
+import '../../chunk-ACRVOD7W.js';
+import '../../chunk-QSU23VYZ.js';
+import '../../chunk-BJYCQ2NV.js';
+import '../../chunk-VM462WZC.js';
+import '../../chunk-O74AEVHW.js';
+import '../../chunk-ZUHIWALK.js';
+import '../../chunk-5UZDOF6V.js';
+import '../../chunk-PKVTEDKO.js';
+import '../../chunk-I3TH7PIB.js';
+import '../../chunk-WGPK3FQ7.js';
+import '../../chunk-JL4MVVFH.js';
+import '../../chunk-IQEBXXB5.js';
+import '../../chunk-AZUJNRQU.js';
+import '../../chunk-WA45EC4Y.js';
+import '../../chunk-2MOEOEOI.js';
+import '../../chunk-5LCXASRW.js';
+import '../../chunk-2ZJVU7NV.js';
+import '../../chunk-5ESF6N36.js';
+import '../../chunk-RBPLOM3A.js';
+import '../../chunk-GCUTJI7M.js';
+import '../../chunk-2NT57K4U.js';
+import '../../chunk-6G3RRWJT.js';
+import '../../chunk-JRJGSNI4.js';
+import '../../chunk-RF6ECFS5.js';
+import '../../chunk-TV4RSQH4.js';
+import '../../chunk-4FEAWXJD.js';
+import '../../chunk-JHQTKMKG.js';
+import '../../chunk-CI7GPGCJ.js';
+import '../../chunk-226EBOTK.js';
+import '../../chunk-G5YLGJXR.js';
+import '../../chunk-G24VV5NO.js';
+import '../../chunk-6BAV4TZ5.js';
+import '../../chunk-SW6QPJM4.js';
+import '../../chunk-V6WNRZT3.js';
+import '../../chunk-JBK2LA6U.js';
+import '../../chunk-55U27XY4.js';
+import '../../chunk-LSPO6OBI.js';
+import '../../chunk-Y56WBNCY.js';
+import '../../chunk-KYZT3RNW.js';
+import '../../chunk-UEG2LI7Z.js';
+import '../../chunk-JJTQOH7J.js';
+import '../../chunk-72X6SXOX.js';
+import '../../chunk-SR5U52V3.js';
+import '../../chunk-74RKVIBV.js';
+import '../../chunk-AWIJHDNK.js';
+import '../../chunk-BRP6D56U.js';
+import '../../chunk-S733NAYS.js';
+import '../../chunk-MAUTIHQG.js';
+import '../../chunk-666N6OTL.js';
+import '../../chunk-FMH55OKV.js';
+import '../../chunk-WXVNTJIB.js';
+import '../../chunk-CXACRCZ4.js';
+import '../../chunk-T7H53CK2.js';
+import '../../chunk-BFLN54VR.js';
+import '../../chunk-P6IRHPFM.js';
+import '../../chunk-SXHYB7JB.js';
+import '../../chunk-ONGJ7AC2.js';
+import '../../chunk-UHXGBV5N.js';
+import '../../chunk-UIUMTURU.js';
+import '../../chunk-PRUXIDBD.js';
+import '../../chunk-NURPUVUV.js';
+import '../../chunk-S4JAHKOP.js';
+import { AgentTerminal } from '../../chunk-ILIHQ2KZ.js';
+import '../../chunk-HJBXUXTD.js';
+import '../../chunk-ASKFAYYR.js';
+import { cn } from '../../chunk-QYZT24TS.js';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var defaultMessages = [
+  {
+    id: "1",
+    role: "user",
+    content: "Review the failing workflow graph and tell me what changed after the last tool run.",
+    timestamp: "10:30 AM"
+  },
+  {
+    id: "2",
+    role: "agent",
+    content: "I am tracing the run log now. The current issue is a routing regression in the graph layer.",
+    timestamp: "10:31 AM",
+    isThinking: true,
+    reasoning: "Inspecting tool output, render timing, and the latest diff to isolate whether the failure is visual, structural, or data-driven.",
+    toolCalls: [
+      {
+        toolName: "read_file",
+        args: { path: "src/components/ui/WorkflowGraph.tsx" },
+        status: "complete",
+        duration: 340
+      }
+    ]
+  },
+  {
+    id: "3",
+    role: "agent",
+    content: "The flow is fixed. Tool nodes are now distinct, and edges route around the boxes rather than clipping them.",
+    timestamp: "10:32 AM",
+    isStreaming: true
+  }
+];
+var defaultArtifacts = [
+  {
+    id: "artifact-sql",
+    type: "code",
+    title: "optimized-query.sql",
+    language: "sql",
+    content: `SELECT u.id, u.name, COUNT(o.id) as order_count
+FROM users u
+LEFT JOIN orders o ON o.user_id = u.id
+GROUP BY u.id, u.name
+ORDER BY order_count DESC
+LIMIT 10;`,
+    defaultExpanded: true
+  },
+  {
+    id: "artifact-md",
+    type: "markdown",
+    title: "Operator summary",
+    content: `Workflow graph stabilized.
+
+Next steps:
+- Verify dark mode
+- Validate mobile layout
+- Confirm human checkpoint labels`,
+    defaultExpanded: true
+  }
+];
+var defaultDiffs = [
+  {
+    id: "diff-workflow",
+    filePath: "src/components/ui/WorkflowGraph.tsx",
+    language: "typescript",
+    hunks: [
+      {
+        changes: [
+          {
+            type: "context",
+            content: "function WorkflowGraph({ className, nodes, edges, ref, ...props }) {",
+            lineNumber: 184
+          },
+          {
+            type: "remove",
+            content: "const cx1 = x1 + (x2 - x1) * 0.4",
+            lineNumber: 291
+          },
+          {
+            type: "remove",
+            content: "const cx2 = x2 - (x2 - x1) * 0.4",
+            lineNumber: 292
+          },
+          {
+            type: "add",
+            content: "const turnX = x1 + Math.max((x2 - x1) / 2, EDGE_TURN_X)",
+            lineNumber: 291
+          },
+          {
+            type: "add",
+            content: "d={`M ${x1} ${y1} L ${turnX} ${y1} L ${turnX} ${y2} L ${x2} ${y2}`}",
+            lineNumber: 297
+          }
+        ]
+      }
+    ]
+  }
+];
+var defaultLogs = [
+  { text: "npm run test -- AgentWorkbenchBlock", type: "stdin" },
+  { text: "vitest run src/components/blocks/AgentWorkbenchBlock.test.tsx", type: "stdout" },
+  { text: "\u2713 renders messages and work panel tabs", type: "stdout" },
+  { text: "\u2713 sends composer input through the provided handler", type: "stdout" },
+  { text: "Done in 1.4s", type: "stdout" }
+];
+var defaultComposer = {
+  placeholder: "Type a message for the active agent run...",
+  disabled: false
+};
+function AgentWorkbenchBlock({
+  className,
+  title = "Agent workbench",
+  description = "A reusable run surface for conversation, tool traces, artifacts, diffs, and terminal output.",
+  threadTitle = "Conversation",
+  workTitle = "Work panel",
+  defaultWorkTab = "artifacts",
+  messages = defaultMessages,
+  artifacts = defaultArtifacts,
+  diffs = defaultDiffs,
+  logs = defaultLogs,
+  composer,
+  ref,
+  ...props
+}) {
+  const [draft, setDraft] = React.useState(() => composer?.value ?? "");
+  const composerValue = composer?.value ?? draft;
+  const composerPlaceholder = composer?.placeholder ?? defaultComposer.placeholder;
+  const composerDisabled = composer?.disabled ?? defaultComposer.disabled;
+  function handleComposerChange(value) {
+    if (composer?.value == null) {
+      setDraft(value);
+    }
+    composer?.onChange?.(value);
+  }
+  function handleSend() {
+    const value = composerValue.trim();
+    if (!value || composerDisabled) return;
+    composer?.onSend?.(value);
+    if (composer?.value == null) {
+      setDraft("");
+    }
+  }
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      ref,
+      className: cn("space-y-4", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(Heading, { level: 2, size: "section", children: title }),
+          /* @__PURE__ */ jsx(Typography, { variant: "muted", children: description })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-4 xl:grid-cols-[minmax(0,1.3fr)_360px]", children: [
+          /* @__PURE__ */ jsxs("div", { className: "surface-solid flex min-h-[560px] flex-col overflow-hidden rounded-lg", children: [
+            /* @__PURE__ */ jsx("div", { className: "border-b border-border px-4 py-4", children: /* @__PURE__ */ jsx(Heading, { level: 4, size: "title", children: threadTitle }) }),
+            /* @__PURE__ */ jsx(ScrollArea, { className: "flex-1", children: /* @__PURE__ */ jsx("div", { className: "space-y-4 p-4", "aria-live": "polite", children: messages.map((message) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              message.isThinking && /* @__PURE__ */ jsx(ThinkingIndicator, { reasoning: message.reasoning }),
+              /* @__PURE__ */ jsx(
+                AgentMessageBubble,
+                {
+                  role: message.role,
+                  content: message.content,
+                  timestamp: message.timestamp,
+                  isStreaming: message.isStreaming,
+                  toolCalls: message.toolCalls && message.toolCalls.length > 0 ? /* @__PURE__ */ jsx("div", { className: "space-y-2", children: message.toolCalls.map((toolCall) => /* @__PURE__ */ jsx(
+                    ToolCallCard,
+                    {
+                      toolName: toolCall.toolName,
+                      args: toolCall.args,
+                      status: toolCall.status,
+                      result: toolCall.result,
+                      duration: toolCall.duration
+                    },
+                    `${message.id}-${toolCall.toolName}`
+                  )) }) : void 0
+                }
+              )
+            ] }, message.id)) }) }),
+            /* @__PURE__ */ jsx("div", { className: "border-t border-border p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-4", children: [
+              /* @__PURE__ */ jsx(
+                Textarea,
+                {
+                  "aria-label": "Message input",
+                  className: "min-h-[88px] flex-1 resize-none",
+                  placeholder: composerPlaceholder,
+                  value: composerValue,
+                  onChange: (event) => handleComposerChange(event.target.value),
+                  disabled: composerDisabled
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  size: "icon",
+                  onClick: handleSend,
+                  disabled: composerDisabled || !composerValue.trim(),
+                  "aria-label": "Send message",
+                  children: /* @__PURE__ */ jsx(SendIcon, { size: 16 })
+                }
+              )
+            ] }) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "surface-solid overflow-hidden rounded-lg p-4", children: [
+            /* @__PURE__ */ jsx(Heading, { level: 4, size: "title", className: "mb-4", children: workTitle }),
+            /* @__PURE__ */ jsxs(Tabs, { defaultValue: defaultWorkTab, className: "flex h-full flex-col", children: [
+              /* @__PURE__ */ jsxs(TabsList, { className: "w-full justify-start", children: [
+                /* @__PURE__ */ jsx(TabsTrigger, { value: "artifacts", children: "Artifacts" }),
+                /* @__PURE__ */ jsx(TabsTrigger, { value: "diffs", children: "Diffs" }),
+                /* @__PURE__ */ jsx(TabsTrigger, { value: "logs", children: "Logs" })
+              ] }),
+              /* @__PURE__ */ jsx(TabsContent, { value: "artifacts", className: "mt-4", children: /* @__PURE__ */ jsx(ScrollArea, { className: "h-[428px]", children: /* @__PURE__ */ jsx("div", { className: "space-y-4 pr-4", children: artifacts.map((artifact) => /* @__PURE__ */ jsx(
+                ArtifactCard,
+                {
+                  type: artifact.type,
+                  title: artifact.title,
+                  content: artifact.content,
+                  language: artifact.language,
+                  defaultExpanded: artifact.defaultExpanded
+                },
+                artifact.id
+              )) }) }) }),
+              /* @__PURE__ */ jsx(TabsContent, { value: "diffs", className: "mt-4", children: /* @__PURE__ */ jsx(ScrollArea, { className: "h-[428px]", children: /* @__PURE__ */ jsx("div", { className: "space-y-4 pr-4", children: diffs.map((diff) => /* @__PURE__ */ jsx(
+                CodeDiffViewer,
+                {
+                  filePath: diff.filePath,
+                  language: diff.language,
+                  hunks: diff.hunks
+                },
+                diff.id
+              )) }) }) }),
+              /* @__PURE__ */ jsx(TabsContent, { value: "logs", className: "mt-4", children: /* @__PURE__ */ jsx(AgentTerminal, { title: "run-output", lines: logs }) })
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+export { AgentWorkbenchBlock };

package/dist/components/blocks/AudioVisualizerBlock.d.ts

@@ -0,0 +1,6 @@
+export interface AudioVisualizerProps {
+    className?: string;
+    bars?: number;
+    isPlaying?: boolean;
+}
+export declare function AudioVisualizer({ className, bars, isPlaying, }: AudioVisualizerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/blocks/AudioVisualizerBlock.js

@@ -0,0 +1,51 @@
+'use client';
+import { cn } from '../../chunk-QYZT24TS.js';
+import { useRef, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+function AudioVisualizer({
+  className,
+  bars = 20,
+  isPlaying = false
+}) {
+  const barsRef = useRef(null);
+  const opacityOffsetsRef = useRef(null);
+  if (opacityOffsetsRef.current === null || opacityOffsetsRef.current.length !== bars) {
+    opacityOffsetsRef.current = Array.from({ length: bars }, (_, i) => (i * 3 + 1) % 10 * 0.05);
+  }
+  const opacityOffsets = opacityOffsetsRef.current;
+  useEffect(() => {
+    const container = barsRef.current;
+    if (!container) return;
+    let interval;
+    const applyHeights = (heights) => {
+      const children = container.children;
+      for (let i = 0; i < children.length; i++) {
+        const child = children[i];
+        child.style.height = `${Math.max(10, heights[i])}%`;
+        child.style.opacity = String(isPlaying ? 0.5 + opacityOffsets[i] : 0.3);
+      }
+    };
+    if (isPlaying) {
+      interval = setInterval(() => {
+        applyHeights(Array.from({ length: bars }, () => Math.random() * 100));
+      }, 100);
+    } else {
+      applyHeights(Array(bars).fill(10));
+    }
+    return () => clearInterval(interval);
+  }, [isPlaying, bars, opacityOffsets]);
+  return /* @__PURE__ */ jsx("div", { ref: barsRef, className: cn("flex h-16 items-center justify-center gap-1.5", className), children: Array.from({ length: bars }, (_, i) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "w-1 rounded-full bg-accent transition-[height,opacity] duration-micro ease-out",
+      style: {
+        height: "10%",
+        opacity: 0.3
+      }
+    },
+    i
+  )) });
+}
+
+export { AudioVisualizer };

package/dist/components/blocks/AuthLayout.d.ts

@@ -0,0 +1,17 @@
+declare const defaultLabels: {
+    headline: string;
+    quote: string;
+    quoteAttribution: string;
+};
+interface AuthLayoutProps {
+    mode?: "login" | "signup";
+    /** React 19 server action for email/password form submission */
+    action?: (formData: FormData) => void | Promise<void>;
+    /** Error message to display (e.g. from a failed login attempt) */
+    error?: string | null;
+    googleAction?: (formData: FormData) => void | Promise<void>;
+    labels?: Partial<typeof defaultLabels>;
+    className?: string;
+}
+export declare function AuthLayout({ mode, action, error, googleAction, labels: userLabels, className, }: AuthLayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};