@nadicodeai/ui 0.1.0

package/dist/components/artifact-panel.js

@@ -0,0 +1,189 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertTriangleIcon, Code2Icon, FileTextIcon, GlobeIcon, TerminalIcon, } from "lucide-react";
+import { Artifact, ArtifactActions, ArtifactContent, ArtifactDescription, ArtifactHeader, ArtifactTitle, } from "./ai-elements/artifact.js";
+import { CodeBlock } from "./ai-elements/code-block.js";
+import { StackTrace, StackTraceContent, StackTraceError, StackTraceErrorMessage, StackTraceErrorType, StackTraceExpandButton, StackTraceFrames, StackTraceHeader, } from "./ai-elements/stack-trace.js";
+import { Terminal, TerminalActions, TerminalContent, TerminalHeader, TerminalTitle, } from "./ai-elements/terminal.js";
+import { Test, TestResults, TestResultsContent, TestResultsDuration, TestResultsHeader, TestResultsProgress, TestResultsSummary, TestSuite, TestSuiteContent, TestSuiteName, TestSuiteStats, } from "./ai-elements/test-results.js";
+import { WebPreview, WebPreviewBody, WebPreviewNavigation, WebPreviewUrl, } from "./ai-elements/web-preview.js";
+import { Badge } from "./badge.js";
+import { FeedbackState } from "./feedback-state.js";
+import { cn } from "../lib/utils.js";
+export const agentRedactionLabels = {
+    environment: "Environment value redacted",
+    "private-reasoning": "Private reasoning redacted",
+    secret: "Secret redacted",
+    "terminal-output": "Terminal output redacted",
+    "user-memory": "User memory redacted",
+};
+export function getAgentRedactionText(redaction) {
+    if (!redaction) {
+        return undefined;
+    }
+    return (redaction.replacement ??
+        redaction.label ??
+        agentRedactionLabels[redaction.category]);
+}
+const defaultCodeLanguage = "plaintext";
+const artifactIcons = {
+    code: Code2Icon,
+    custom: FileTextIcon,
+    diff: FileTextIcon,
+    preview: GlobeIcon,
+    "stack-trace": AlertTriangleIcon,
+    terminal: TerminalIcon,
+    "test-results": FileTextIcon,
+    text: FileTextIcon,
+};
+const artifactStatusLabels = {
+    complete: "Complete",
+    failed: "Failed",
+    idle: "Idle",
+    interrupted: "Interrupted",
+    "permission-denied": "Permission denied",
+    redacted: "Redacted",
+    running: "Running",
+};
+export const defaultAgentArtifactRenderLimits = {
+    codeChars: 12_000,
+    diffLines: 300,
+    terminalChars: 16_000,
+    textChars: 12_000,
+};
+function normalizeRenderLimits(renderLimits) {
+    return {
+        ...defaultAgentArtifactRenderLimits,
+        ...renderLimits,
+    };
+}
+function normalizeLimit(limit) {
+    if (!Number.isFinite(limit)) {
+        return 0;
+    }
+    return Math.max(0, Math.floor(limit));
+}
+function getBoundedText(value, limit, direction = "head") {
+    const maxLength = normalizeLimit(limit);
+    if (value.length <= maxLength) {
+        return { omitted: 0, value };
+    }
+    if (maxLength === 0) {
+        return { omitted: value.length, value: "" };
+    }
+    return {
+        omitted: value.length - maxLength,
+        value: direction === "tail"
+            ? value.slice(value.length - maxLength)
+            : value.slice(0, maxLength),
+    };
+}
+function getBoundedLines(lines, limit) {
+    const maxLines = normalizeLimit(limit);
+    if (lines.length <= maxLines) {
+        return { omitted: 0, value: lines };
+    }
+    return {
+        omitted: lines.length - maxLines,
+        value: lines.slice(0, maxLines),
+    };
+}
+function OverflowSummary({ children, className, }) {
+    return (_jsx("div", { "data-slot": "agent-overflow-summary", className: cn("rounded-md border bg-muted/30 px-3 py-2 text-xs text-muted-foreground", className), children: children }));
+}
+function RedactedNotice({ redaction, className, }) {
+    return (_jsx("div", { "data-slot": "agent-redaction-notice", "data-redaction-category": redaction.category, className: cn("rounded-md border border-dashed bg-muted/30 px-3 py-2 text-sm text-muted-foreground", className), children: getAgentRedactionText(redaction) }));
+}
+function TerminalPanel({ transcript, status, renderLimits, className, ...props }) {
+    const limits = normalizeRenderLimits(renderLimits);
+    const rawOutput = getAgentRedactionText(transcript.redaction) ??
+        transcript.output ??
+        transcript.summary ??
+        "No terminal transcript supplied.";
+    const output = transcript.redaction
+        ? { omitted: 0, value: rawOutput }
+        : getBoundedText(rawOutput, limits.terminalChars, "tail");
+    const terminalStatus = status ??
+        transcript.status ??
+        (transcript.redaction
+            ? "redacted"
+            : transcript.isStreaming
+                ? "running"
+                : "idle");
+    const isRunning = terminalStatus === "running";
+    return (_jsxs("div", { "data-slot": "terminal-panel", className: cn("grid gap-2", className), ...props, children: [output.omitted > 0 && (_jsxs(OverflowSummary, { children: [output.omitted, " earlier terminal characters not shown."] })), _jsxs(Terminal, { output: output.value, isStreaming: isRunning, className: "bg-[var(--nc-terminal-bg)] text-[var(--nc-terminal-fg)]", children: [_jsxs(TerminalHeader, { children: [_jsx(TerminalTitle, { children: transcript.title ?? "Terminal" }), _jsx(TerminalActions, { children: _jsx("div", { "data-slot": "terminal-panel-status", "data-terminal-status": terminalStatus, className: "flex items-center gap-2 text-primary-foreground/70 text-xs", children: artifactStatusLabels[terminalStatus] }) })] }), _jsx(TerminalContent, {})] })] }));
+}
+function PreviewPane({ preview, className, ...props }) {
+    return (_jsxs("div", { "data-slot": "preview-pane", className: cn("min-h-64", className), ...props, children: [_jsxs(WebPreview, { defaultUrl: preview.url ?? "", className: "min-h-64", children: [_jsx(WebPreviewNavigation, { children: _jsx(WebPreviewUrl, { "aria-label": preview.title ?? "Preview URL", readOnly: true, value: preview.url ?? "" }) }), _jsx(WebPreviewBody, {}), preview.loadingLabel && (_jsx("span", { className: "sr-only", children: preview.loadingLabel }))] }), preview.description && (_jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: preview.description }))] }));
+}
+function getDiffLineClass(kind) {
+    if (kind === "added") {
+        return "bg-[var(--nc-diff-added-line)]";
+    }
+    if (kind === "removed") {
+        return "bg-[var(--nc-diff-removed-line)]";
+    }
+    if (kind === "hunk") {
+        return "bg-[var(--nc-diff-hunk)] text-muted-foreground";
+    }
+    return "bg-background";
+}
+function getDiffPrefix(kind) {
+    if (kind === "added") {
+        return "+";
+    }
+    if (kind === "removed") {
+        return "-";
+    }
+    return " ";
+}
+function DiffViewer({ lines, filePath, renderLimits, className, ...props }) {
+    const boundedLines = getBoundedLines(lines, normalizeRenderLimits(renderLimits).diffLines);
+    return (_jsxs("div", { "data-slot": "diff-viewer", className: cn("overflow-hidden rounded-md border bg-background font-mono text-sm", className), ...props, children: [filePath && (_jsx("div", { "data-slot": "diff-viewer-header", className: "border-b bg-muted/50 px-3 py-2 text-xs text-muted-foreground", children: filePath })), _jsx("div", { "data-slot": "diff-viewer-lines", className: "overflow-auto", children: boundedLines.value.map((line) => (_jsxs("div", { "data-slot": "diff-viewer-line", "data-diff-kind": line.kind, className: cn("grid grid-cols-[auto_auto_1fr]", getDiffLineClass(line.kind)), children: [_jsx("span", { className: "select-none px-3 py-1 text-right text-muted-foreground", children: line.oldLine ?? "" }), _jsx("span", { className: "select-none px-3 py-1 text-right text-muted-foreground", children: line.newLine ?? "" }), _jsx("span", { className: "min-w-0 whitespace-pre-wrap px-3 py-1", children: line.redaction
+                                ? getAgentRedactionText(line.redaction)
+                                : `${getDiffPrefix(line.kind)}${line.content}` })] }, line.id))) }), boundedLines.omitted > 0 && (_jsxs(OverflowSummary, { className: "m-3", children: [boundedLines.omitted, " diff lines not shown."] }))] }));
+}
+function StackTraceDisclosure({ trace, className, }) {
+    return (_jsxs(StackTrace, { trace: trace, className: className, children: [_jsxs(StackTraceHeader, { children: [_jsxs(StackTraceError, { children: [_jsx(StackTraceErrorType, {}), _jsx(StackTraceErrorMessage, {})] }), _jsx(StackTraceExpandButton, {})] }), _jsx(StackTraceContent, { children: _jsx(StackTraceFrames, { showInternalFrames: false }) })] }));
+}
+function TestResultsPanel({ results, }) {
+    return (_jsxs(TestResults, { summary: results.summary, children: [_jsxs(TestResultsHeader, { children: [_jsx(TestResultsSummary, {}), _jsx(TestResultsDuration, {})] }), _jsxs(TestResultsContent, { children: [_jsx(TestResultsProgress, {}), results.suites?.map((suite) => (_jsxs(TestSuite, { name: suite.name, status: suite.status, children: [_jsxs(TestSuiteName, { children: [suite.name, _jsx(TestSuiteStats, { passed: suite.passed, failed: suite.failed, skipped: suite.skipped })] }), suite.tests && (_jsx(TestSuiteContent, { children: suite.tests.map((test) => (_jsx(Test, { name: test.name, status: test.status, duration: test.duration, children: test.redaction ? (_jsx(RedactedNotice, { redaction: test.redaction })) : undefined }, test.id))) }))] }, suite.id)))] })] }));
+}
+function ArtifactBody({ artifact, renderLimits, children, }) {
+    const limits = normalizeRenderLimits(renderLimits);
+    if (children) {
+        return children;
+    }
+    if (artifact.redaction) {
+        return _jsx(RedactedNotice, { redaction: artifact.redaction });
+    }
+    if (artifact.kind === "code") {
+        const code = getBoundedText(artifact.content ?? "", limits.codeChars);
+        return (_jsxs("div", { className: "grid gap-2", children: [_jsx(CodeBlock, { code: code.value, language: artifact.language ?? defaultCodeLanguage, showLineNumbers: true }), code.omitted > 0 && (_jsxs(OverflowSummary, { children: [code.omitted, " code characters not shown."] }))] }));
+    }
+    if (artifact.kind === "diff") {
+        return (_jsx(DiffViewer, { lines: artifact.diff ?? [], filePath: artifact.path, renderLimits: limits }));
+    }
+    if (artifact.kind === "terminal") {
+        return (_jsx(TerminalPanel, { transcript: artifact.terminal ?? {}, status: artifact.status, renderLimits: limits }));
+    }
+    if (artifact.kind === "preview") {
+        return _jsx(PreviewPane, { preview: artifact.preview ?? {} });
+    }
+    if (artifact.kind === "stack-trace" && artifact.stackTrace) {
+        return _jsx(StackTraceDisclosure, { trace: artifact.stackTrace });
+    }
+    if (artifact.kind === "test-results" && artifact.testResults) {
+        return _jsx(TestResultsPanel, { results: artifact.testResults });
+    }
+    if (artifact.content) {
+        const content = getBoundedText(artifact.content, limits.textChars);
+        return (_jsxs("div", { className: "grid gap-2", children: [_jsx("div", { className: "whitespace-pre-wrap text-sm text-foreground", children: content.value }), content.omitted > 0 && (_jsxs(OverflowSummary, { children: [content.omitted, " text characters not shown."] }))] }));
+    }
+    return (_jsx(FeedbackState, { status: "empty", title: "No artifact content", compact: true, className: "rounded-md border-0 bg-transparent" }));
+}
+function ArtifactPanel({ artifact, actions, renderLimits, children, className, ...props }) {
+    const Icon = artifactIcons[artifact.kind];
+    return (_jsxs(Artifact, { "data-slot": "artifact-panel", "data-artifact-kind": artifact.kind, "data-artifact-status": artifact.status, className: className, ...props, children: [_jsxs(ArtifactHeader, { children: [_jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [_jsxs(ArtifactTitle, { className: "flex items-center gap-2", children: [_jsx(Icon, { className: "size-4 text-muted-foreground" }), _jsx("span", { className: "truncate", children: artifact.title }), artifact.status && (_jsx(Badge, { variant: "secondary", children: artifactStatusLabels[artifact.status] }))] }), (artifact.description || artifact.path) && (_jsx(ArtifactDescription, { children: artifact.description ?? artifact.path }))] }), actions && _jsx(ArtifactActions, { children: actions })] }), _jsx(ArtifactContent, { children: _jsx(ArtifactBody, { artifact: artifact, renderLimits: renderLimits, children: children }) })] }));
+}
+export { ArtifactPanel, DiffViewer, PreviewPane, RedactedNotice, StackTraceDisclosure, TerminalPanel, TestResultsPanel, };

package/dist/components/aspect-ratio.d.ts

@@ -0,0 +1,4 @@
+import { AspectRatio as AspectRatioPrimitive } from "radix-ui";
+declare function AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatioPrimitive.Root>): import("react").JSX.Element;
+export { AspectRatio };
+//# sourceMappingURL=aspect-ratio.d.ts.map

package/dist/components/aspect-ratio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-ratio.d.ts","sourceRoot":"","sources":["../../src/components/aspect-ratio.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAE9D,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,+BAExD;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/components/aspect-ratio.js

@@ -0,0 +1,7 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AspectRatio as AspectRatioPrimitive } from "radix-ui";
+function AspectRatio({ ...props }) {
+    return _jsx(AspectRatioPrimitive.Root, { "data-slot": "aspect-ratio", ...props });
+}
+export { AspectRatio };

package/dist/components/automation-section.d.ts

@@ -0,0 +1,76 @@
+import * as React from "react";
+import { Input } from "./input";
+import { SettingsField, SettingsSection } from "./settings-section";
+type AutomationStatus = "ready" | "running" | "paused" | "error" | "disabled";
+type AutomationItem = {
+    id: string;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    status?: AutomationStatus;
+    enabled?: boolean;
+    meta?: React.ReactNode;
+    actions?: React.ReactNode;
+    disabled?: boolean;
+    toggleLabel?: string;
+};
+type AutomationSectionProps = Omit<React.ComponentProps<"section">, "title"> & {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    actions?: React.ReactNode;
+    automations?: AutomationItem[];
+    emptyTitle?: React.ReactNode;
+    emptyDescription?: React.ReactNode;
+    onAutomationEnabledChange?: (automationId: string, enabled: boolean) => void;
+    children?: React.ReactNode;
+};
+type AutomationSettingsField = {
+    id: string;
+    label: React.ReactNode;
+    description?: React.ReactNode;
+    error?: React.ReactNode;
+    invalid?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    value?: string;
+    placeholder?: string;
+    type?: React.ComponentProps<typeof Input>["type"];
+    control?: React.ComponentProps<typeof SettingsField>["children"];
+};
+type ProviderSettingsProps = Omit<React.ComponentProps<typeof SettingsSection>, "children"> & {
+    fields: AutomationSettingsField[];
+};
+type McpServerStatus = "connected" | "review" | "error" | "disabled";
+type McpServerSetting = {
+    id: string;
+    label: React.ReactNode;
+    description?: React.ReactNode;
+    status?: McpServerStatus;
+    enabled?: boolean;
+    disabled?: boolean;
+    error?: React.ReactNode;
+    actions?: React.ReactNode;
+};
+type McpServerSettingsProps = Omit<React.ComponentProps<typeof SettingsSection>, "children"> & {
+    servers: McpServerSetting[];
+    onServerEnabledChange?: (serverId: string, enabled: boolean) => void;
+};
+type EnvironmentVariableState = "configured" | "missing" | "invalid";
+type EnvironmentVariableSetting = {
+    id: string;
+    name: string;
+    description?: React.ReactNode;
+    state?: EnvironmentVariableState;
+    required?: boolean;
+    error?: React.ReactNode;
+    actions?: React.ReactNode;
+};
+type EnvironmentVariablesSettingsProps = Omit<React.ComponentProps<typeof SettingsSection>, "children"> & {
+    variables: EnvironmentVariableSetting[];
+};
+declare function AutomationSection({ title, description, actions, automations, emptyTitle, emptyDescription, onAutomationEnabledChange, children, className, ...props }: AutomationSectionProps): React.JSX.Element;
+declare function ProviderSettings({ fields, title, description, ...props }: ProviderSettingsProps): React.JSX.Element;
+declare function McpServerSettings({ servers, title, description, onServerEnabledChange, ...props }: McpServerSettingsProps): React.JSX.Element;
+declare function EnvironmentVariablesSettings({ variables, title, description, ...props }: EnvironmentVariablesSettingsProps): React.JSX.Element;
+export { AutomationSection, EnvironmentVariablesSettings, McpServerSettings, ProviderSettings, };
+export type { AutomationItem, AutomationSectionProps, AutomationSettingsField, AutomationStatus, EnvironmentVariableSetting, EnvironmentVariableState, EnvironmentVariablesSettingsProps, McpServerSetting, McpServerSettingsProps, McpServerStatus, ProviderSettingsProps, };
+//# sourceMappingURL=automation-section.d.ts.map

package/dist/components/automation-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"automation-section.d.ts","sourceRoot":"","sources":["../../src/components/automation-section.tsx"],"names":[],"mappings":"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"}

package/dist/components/automation-section.js

@@ -0,0 +1,80 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { AlertTriangleIcon, CheckCircleIcon, LoaderCircleIcon, PauseCircleIcon, } from "lucide-react";
+import { cn } from "../lib/utils.js";
+import { Badge } from "./badge.js";
+import { FeedbackState } from "./feedback-state.js";
+import { Input } from "./input.js";
+import { Item, ItemActions, ItemContent, ItemDescription, ItemGroup, ItemMedia, ItemTitle, } from "./item.js";
+import { SettingsField, SettingsSection } from "./settings-section.js";
+import { Switch } from "./switch.js";
+const automationStatusLabels = {
+    ready: "Ready",
+    running: "Running",
+    paused: "Paused",
+    error: "Needs review",
+    disabled: "Disabled",
+};
+const automationStatusVariants = {
+    ready: "secondary",
+    running: "default",
+    paused: "outline",
+    error: "destructive",
+    disabled: "outline",
+};
+const automationStatusIcons = {
+    ready: _jsx(CheckCircleIcon, { className: "size-4" }),
+    running: _jsx(LoaderCircleIcon, { className: "size-4 animate-spin" }),
+    paused: _jsx(PauseCircleIcon, { className: "size-4" }),
+    error: _jsx(AlertTriangleIcon, { className: "size-4" }),
+    disabled: _jsx(PauseCircleIcon, { className: "size-4" }),
+};
+const mcpStatusLabels = {
+    connected: "Connected",
+    review: "Review",
+    error: "Error",
+    disabled: "Disabled",
+};
+const mcpStatusVariants = {
+    connected: "secondary",
+    review: "outline",
+    error: "destructive",
+    disabled: "outline",
+};
+const environmentStateLabels = {
+    configured: "Configured",
+    missing: "Missing",
+    invalid: "Needs review",
+};
+const environmentStateVariants = {
+    configured: "secondary",
+    missing: "outline",
+    invalid: "destructive",
+};
+function AutomationSection({ title, description, actions, automations = [], emptyTitle = "No automations configured", emptyDescription = "Add automation rows from the consuming app when there is work to run.", onAutomationEnabledChange, children, className, ...props }) {
+    return (_jsxs("section", { "data-slot": "automation-section", className: cn("grid gap-5 rounded-lg border bg-background p-5", className), ...props, children: [(title || description || actions) && (_jsxs("div", { "data-slot": "automation-section-header", className: "flex flex-wrap items-start justify-between gap-3", children: [_jsxs("div", { className: "grid gap-1", children: [title && (_jsx("h2", { "data-slot": "automation-section-title", className: "text-base font-semibold", children: title })), description && (_jsx("p", { "data-slot": "automation-section-description", className: "text-sm text-muted-foreground", children: description }))] }), actions && (_jsx("div", { "data-slot": "automation-section-actions", children: actions }))] })), automations.length > 0 ? (_jsx(ItemGroup, { "data-slot": "automation-section-items", className: "gap-2", children: automations.map((automation) => {
+                    const status = automation.status ?? "ready";
+                    return (_jsxs(Item, { "data-slot": "automation-section-item", "data-status": status, "data-enabled": automation.enabled, "data-disabled": automation.disabled ? true : undefined, variant: "outline", children: [_jsx(ItemMedia, { variant: "icon", "aria-hidden": "true", children: automationStatusIcons[status] }), _jsxs(ItemContent, { children: [_jsx(ItemTitle, { children: automation.title }), automation.description && (_jsx(ItemDescription, { children: automation.description })), automation.meta && (_jsx("div", { className: "text-sm text-muted-foreground", children: automation.meta }))] }), _jsxs(ItemActions, { children: [_jsx(Badge, { variant: automationStatusVariants[status], children: automationStatusLabels[status] }), _jsx(Switch, { "aria-label": automation.toggleLabel ?? "Toggle automation", checked: Boolean(automation.enabled), disabled: automation.disabled, onCheckedChange: (enabled) => onAutomationEnabledChange?.(automation.id, enabled) }), automation.actions] })] }, automation.id));
+                }) })) : (_jsx(FeedbackState, { "data-slot": "automation-section-empty", status: "empty", title: emptyTitle, description: emptyDescription, compact: true, className: "rounded-md" })), children] }));
+}
+function renderAutomationSettingsField(field) {
+    return (_jsx(SettingsField, { id: field.id, label: field.label, description: field.description, error: field.error, invalid: field.invalid, disabled: field.disabled, required: field.required, children: field.control ??
+            (({ controlProps }) => (_jsx(Input, { ...controlProps, type: field.type, value: field.value ?? "", placeholder: field.placeholder, readOnly: true }))) }, field.id));
+}
+function ProviderSettings({ fields, title = "Provider settings", description = "Provider choices and limits are supplied by the consuming app.", ...props }) {
+    return (_jsx("div", { "data-slot": "provider-settings", children: _jsx(SettingsSection, { title: title, description: description, ...props, children: fields.map(renderAutomationSettingsField) }) }));
+}
+function McpServerSettings({ servers, title = "MCP servers", description = "Server availability and permission state are controlled by the consuming app.", onServerEnabledChange, ...props }) {
+    return (_jsx("div", { "data-slot": "mcp-server-settings", children: _jsx(SettingsSection, { title: title, description: description, ...props, children: servers.map((server) => {
+                const status = server.status ?? "review";
+                return (_jsx(SettingsField, { id: server.id, label: server.label, description: server.description, error: server.error, invalid: status === "error" || Boolean(server.error), disabled: server.disabled, controlClassName: "gap-2", children: ({ controlProps }) => (_jsxs(_Fragment, { children: [_jsx(Badge, { variant: mcpStatusVariants[status], children: mcpStatusLabels[status] }), _jsx(Switch, { ...controlProps, checked: Boolean(server.enabled), onCheckedChange: (enabled) => onServerEnabledChange?.(server.id, enabled) }), server.actions] })) }, server.id));
+            }) }) }));
+}
+function EnvironmentVariablesSettings({ variables, title = "Environment variables", description = "Only variable names and redacted state are shown here.", ...props }) {
+    return (_jsx("div", { "data-slot": "environment-variables-settings", children: _jsx(SettingsSection, { title: title, description: description, ...props, children: variables.map((variable) => {
+                const state = variable.state ?? "missing";
+                const valueLabel = state === "configured" ? "Value redacted" : "No value shown";
+                return (_jsx(SettingsField, { id: variable.id, label: variable.name, description: variable.description, error: variable.error, invalid: state === "invalid" || Boolean(variable.error), required: variable.required, controlClassName: "gap-2", children: ({ controlProps }) => (_jsxs(_Fragment, { children: [_jsx(Input, { ...controlProps, value: valueLabel, readOnly: true, "aria-label": `${variable.name} redacted value state` }), _jsx(Badge, { variant: environmentStateVariants[state], children: environmentStateLabels[state] }), variable.actions] })) }, variable.id));
+            }) }) }));
+}
+export { AutomationSection, EnvironmentVariablesSettings, McpServerSettings, ProviderSettings, };

package/dist/components/avatar.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { Avatar as AvatarPrimitive } from "radix-ui";
+declare function Avatar({ className, size, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root> & {
+    size?: "default" | "sm" | "lg";
+}): React.JSX.Element;
+declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): React.JSX.Element;
+declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): React.JSX.Element;
+declare function AvatarBadge({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function AvatarGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AvatarGroupCount({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { Avatar, AvatarImage, AvatarFallback, AvatarBadge, AvatarGroup, AvatarGroupCount, };
+//# sourceMappingURL=avatar.d.ts.map

package/dist/components/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/components/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAA;AAIpD,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG;IACrD,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,CAAA;CAC/B,qBAYA;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,qBAQpD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,QAAQ,CAAC,qBAWvD;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAczE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWxE;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW7B;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,cAAc,EACd,WAAW,EACX,WAAW,EACX,gBAAgB,GACjB,CAAA"}

package/dist/components/avatar.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Avatar as AvatarPrimitive } from "radix-ui";
+import { cn } from "../lib/utils.js";
+function Avatar({ className, size = "default", ...props }) {
+    return (_jsx(AvatarPrimitive.Root, { "data-slot": "avatar", "data-size": size, className: cn("group/avatar relative flex size-8 shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6", className), ...props }));
+}
+function AvatarImage({ className, ...props }) {
+    return (_jsx(AvatarPrimitive.Image, { "data-slot": "avatar-image", className: cn("aspect-square size-full", className), ...props }));
+}
+function AvatarFallback({ className, ...props }) {
+    return (_jsx(AvatarPrimitive.Fallback, { "data-slot": "avatar-fallback", className: cn("flex size-full items-center justify-center rounded-full bg-muted text-sm text-muted-foreground group-data-[size=sm]/avatar:text-xs", className), ...props }));
+}
+function AvatarBadge({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "avatar-badge", className: cn("absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground ring-2 ring-background select-none", "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden", "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2", "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2", className), ...props }));
+}
+function AvatarGroup({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "avatar-group", className: cn("group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background", className), ...props }));
+}
+function AvatarGroupCount({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "avatar-group-count", className: cn("relative flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-sm text-muted-foreground ring-2 ring-background group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3", className), ...props }));
+}
+export { Avatar, AvatarImage, AvatarFallback, AvatarBadge, AvatarGroup, AvatarGroupCount, };

package/dist/components/badge.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const badgeVariants: (props?: ({
+    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+export { Badge, badgeVariants };
+//# sourceMappingURL=badge.d.ts.map

package/dist/components/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKjE,QAAA,MAAM,aAAa;;8EAoBlB,CAAA;AAED,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAmB,EACnB,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAC7B,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,qBAW3D;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/badge.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Slot } from "radix-ui";
+import { cn } from "../lib/utils.js";
+const badgeVariants = cva("inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 [&>svg]:pointer-events-none [&>svg]:size-3", {
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+            secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+            destructive: "bg-destructive text-destructive-foreground focus-visible:ring-destructive/20 [a&]:hover:bg-destructive/90",
+            outline: "border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+            ghost: "[a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+            link: "text-primary underline-offset-4 [a&]:hover:underline",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+function Badge({ className, variant = "default", asChild = false, ...props }) {
+    const Comp = asChild ? Slot.Root : "span";
+    return (_jsx(Comp, { "data-slot": "badge", "data-variant": variant, className: cn(badgeVariants({ variant }), className), ...props }));
+}
+export { Badge, badgeVariants };

package/dist/components/benefits-bento.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+type BenefitItem = {
+    title: string;
+    body: string;
+};
+declare function BenefitsBento({ kicker, title, body, image, benefits, ...props }: React.ComponentProps<"div"> & {
+    kicker: string;
+    title: string;
+    body: string;
+    image: React.ReactNode;
+    benefits: BenefitItem[];
+}): React.JSX.Element;
+export { BenefitsBento };
+export type { BenefitItem };
+//# sourceMappingURL=benefits-bento.d.ts.map

package/dist/components/benefits-bento.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"benefits-bento.d.ts","sourceRoot":"","sources":["../../src/components/benefits-bento.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,iBAAS,aAAa,CAAC,EACrB,MAAM,EACN,KAAK,EACL,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,EAAE,WAAW,EAAE,CAAA;CACxB,qBA6BA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA;AACxB,YAAY,EAAE,WAAW,EAAE,CAAA"}

package/dist/components/benefits-bento.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Bento, BentoItem } from "./bento.js";
+function BenefitsBento({ kicker, title, body, image, benefits, ...props }) {
+    return (_jsx("div", { "data-slot": "benefits-bento", ...props, children: _jsxs(Bento, { columns: 2, children: [_jsx(BentoItem, { flush: true, stretch: true, children: image }), _jsxs(BentoItem, { children: [_jsx("p", { className: "nc-type-caption-mono text-muted-foreground uppercase", children: kicker }), _jsx("h2", { className: "nc-type-title-md text-foreground", children: title }), _jsx("p", { className: "nc-type-body-md text-muted-foreground", children: body }), _jsx("div", { className: "grid gap-4 pt-2 sm:grid-cols-2", children: benefits.map((benefit) => (_jsxs("div", { className: "grid gap-1", children: [_jsx("h3", { className: "nc-type-body-md-strong text-foreground", children: benefit.title }), _jsx("p", { className: "nc-type-body-sm text-muted-foreground", children: benefit.body })] }, benefit.title))) })] })] }) }));
+}
+export { BenefitsBento };

package/dist/components/bento.d.ts

@@ -0,0 +1,28 @@
+import * as React from "react";
+/**
+ * bento — NadicodeAI's bordered marketing grid grammar.
+ *
+ * This is the reusable shadcn-style source component for bento sections. The
+ * grid owns seams once (`gap-px bg-border`); cells are borderless fills. Pages
+ * choose content and spans, not border math.
+ */
+declare const spanClasses: Record<number, string>;
+declare const columnClasses: Record<number, string>;
+declare function Bento({ className, height, columns, ...props }: React.ComponentProps<"div"> & {
+    height?: "auto" | "primary" | "secondary";
+    columns?: keyof typeof columnClasses;
+}): React.JSX.Element;
+declare function BentoItem({ className, span, surface, flush, stretch, ...props }: React.ComponentProps<"div"> & {
+    span?: keyof typeof spanClasses;
+    surface?: "card" | "soft" | "transparent";
+    flush?: boolean;
+    stretch?: boolean;
+}): React.JSX.Element;
+declare function BentoCopy({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function BentoMedia({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function BentoDemo({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function BentoDivider({ label, className, ...props }: React.ComponentProps<"div"> & {
+    label?: string;
+}): React.JSX.Element;
+export { Bento, BentoItem, BentoCopy, BentoMedia, BentoDemo, BentoDivider };
+//# sourceMappingURL=bento.d.ts.map

package/dist/components/bento.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bento.d.ts","sourceRoot":"","sources":["../../src/components/bento.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B;;;;;;GAMG;AAEH,QAAA,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAavC,CAAA;AAED,QAAA,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAKzC,CAAA;AAED,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,MAAe,EACf,OAAY,EACZ,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,WAAW,CAAA;IACzC,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAA;CACrC,qBAeA;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,IAAI,EACJ,OAAgB,EAChB,KAAa,EACb,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,IAAI,CAAC,EAAE,MAAM,OAAO,WAAW,CAAA;IAC/B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,aAAa,CAAA;IACzC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,qBAiBA;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQtE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQvE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQtE;AAED,iBAAS,YAAY,CAAC,EACpB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,qBAgBlD;AAED,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/dist/components/bento.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+/**
+ * bento — NadicodeAI's bordered marketing grid grammar.
+ *
+ * This is the reusable shadcn-style source component for bento sections. The
+ * grid owns seams once (`gap-px bg-border`); cells are borderless fills. Pages
+ * choose content and spans, not border math.
+ */
+const spanClasses = {
+    1: "lg:col-span-1",
+    2: "lg:col-span-2",
+    3: "lg:col-span-3",
+    4: "lg:col-span-4",
+    5: "lg:col-span-5",
+    6: "lg:col-span-6",
+    7: "lg:col-span-7",
+    8: "lg:col-span-8",
+    9: "lg:col-span-9",
+    10: "lg:col-span-10",
+    11: "lg:col-span-11",
+    12: "lg:col-span-12",
+};
+const columnClasses = {
+    2: "grid-cols-1 md:grid-cols-2",
+    3: "grid-cols-1 md:grid-cols-3",
+    4: "grid-cols-1 md:grid-cols-4",
+    12: "grid-cols-1 lg:grid-cols-12",
+};
+function Bento({ className, height = "auto", columns = 12, ...props }) {
+    return (_jsx("div", { "data-slot": "bento", "data-height": height, className: cn("grid items-stretch gap-px bg-border", columnClasses[columns], height === "primary" && "lg:h-[var(--nc-h-bento-primary)]", height === "secondary" && "lg:h-[var(--nc-h-bento-secondary)]", className), ...props }));
+}
+function BentoItem({ className, span, surface = "card", flush = false, stretch = false, ...props }) {
+    return (_jsx("div", { "data-slot": "bento-item", "data-surface": surface, className: cn("nc-panel-cell relative min-w-0 overflow-hidden", span ? spanClasses[span] : null, surface === "card" && "bg-card", surface === "soft" && "bg-[var(--nc-canvas-soft)]", flush && "!p-0", stretch && "items-stretch ![align-content:stretch] ![grid-template-rows:minmax(0,1fr)]", className), ...props }));
+}
+function BentoCopy({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "bento-copy", className: cn("relative z-10 grid gap-4", className), ...props }));
+}
+function BentoMedia({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "bento-media", className: cn("grid min-h-0 items-stretch", className), ...props }));
+}
+function BentoDemo({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "bento-demo", className: cn("grid min-h-0 items-stretch", className), ...props }));
+}
+function BentoDivider({ label, className, ...props }) {
+    return (_jsx("div", { "data-slot": "bento-divider", className: cn("grid bg-card", className), ...props, children: _jsx("div", { className: "nc-dotted-field grid min-h-[calc(var(--nc-h-bento-strip)*2)] place-items-center bg-card", children: label ? (_jsx("span", { className: "nc-type-caption-mono text-muted-foreground uppercase", children: label })) : null }) }));
+}
+export { Bento, BentoItem, BentoCopy, BentoMedia, BentoDemo, BentoDivider };

package/dist/components/brand.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+type BrandLogoProps = Omit<React.ComponentProps<"svg">, "aria-hidden" | "aria-label" | "children" | "role"> & {
+    alt?: string;
+    decoding?: React.ComponentProps<"img">["decoding"];
+};
+declare function BrandMark({ alt, className, width, height, decoding, ...props }: BrandLogoProps): React.JSX.Element;
+declare function BrandWordmark({ alt, className, width, height, decoding, ...props }: BrandLogoProps): React.JSX.Element;
+export { BrandMark, BrandWordmark };
+//# sourceMappingURL=brand.d.ts.map

package/dist/components/brand.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand.d.ts","sourceRoot":"","sources":["../../src/components/brand.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,cAAc,GAAG,IAAI,CACxB,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAC3B,aAAa,GAAG,YAAY,GAAG,UAAU,GAAG,MAAM,CACnD,GAAG;IACF,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAA;CACnD,CAAA;AAWD,iBAAS,SAAS,CAAC,EACjB,GAAkB,EAClB,SAAS,EACT,KAAU,EACV,MAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,qBAyBhB;AAED,iBAAS,aAAa,CAAC,EACrB,GAAkB,EAClB,SAAS,EACT,KAAU,EACV,MAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,qBAqChB;AAED,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/brand.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+function accessibilityProps(alt) {
+    return alt
+        ? { role: "img", "aria-label": alt }
+        : { "aria-hidden": true };
+}
+function BrandMark({ alt = "NadicodeAI", className, width = 32, height = 32, decoding, ...props }) {
+    void decoding;
+    return (_jsxs("svg", { "data-slot": "brand-mark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 160 160", width: width, height: height, className: cn("block size-6", className), ...accessibilityProps(alt), ...props, children: [_jsx("defs", { children: _jsxs("linearGradient", { id: "nc-agent", x1: "0", y1: "0", x2: "1", y2: "1", children: [_jsx("stop", { offset: "0", stopColor: "var(--nc-link-deep)" }), _jsx("stop", { offset: "0.55", stopColor: "var(--nc-link)" }), _jsx("stop", { offset: "1", stopColor: "var(--nc-success)" })] }) }), _jsx("path", { d: "M 65.8 46 H 100 V 104.3 Z", fill: "currentColor" }), _jsx("path", { d: "M 60 55.9 V 114 H 94.2 Z", fill: "url(#nc-agent)" })] }));
+}
+function BrandWordmark({ alt = "NadicodeAI", className, width = 96, height = 30, decoding, ...props }) {
+    void decoding;
+    return (_jsxs("svg", { "data-slot": "brand-wordmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 100", width: width, height: height, className: cn("block h-6 w-auto", className), ...accessibilityProps(alt), ...props, children: [_jsx("defs", { children: _jsxs("linearGradient", { id: "nc-agent-w", x1: "0", y1: "0", x2: "1", y2: "1", children: [_jsx("stop", { offset: "0", stopColor: "var(--nc-link-deep)" }), _jsx("stop", { offset: "0.55", stopColor: "var(--nc-link)" }), _jsx("stop", { offset: "1", stopColor: "var(--nc-success)" })] }) }), _jsxs("g", { fill: "currentColor", transform: "translate(0 76) scale(0.06 -0.06)", children: [_jsx("path", { transform: "translate(0 0)", d: "M74 0L74 710L242 710L524 220L524 710L676 710L676 0L506 0L226 473L226 0Z" }), _jsx("path", { transform: "translate(706.867 0)", d: "M225 -12Q142 -12 89.5 26.5Q37 65 37 134Q37 205 81.5 243.5Q126 282 213 300L386 334Q386 386 362.5 412.5Q339 439 295 439Q252 439 228 419.5Q204 400 197 362L46 369Q61 457 125.5 502.5Q190 548 295 548Q415 548 475.5 491Q536 434 536 324L536 141Q536 118 543.5 110.5Q551 103 566 103L581 103L581 0Q574 -2 558.5 -4Q543 -6 528 -6Q496 -6 468.5 5Q441 16 424 42.5Q407 69 407 118L420 108Q410 72 384.5 45Q359 18 318.5 3Q278 -12 225 -12ZM261 91Q298 91 326 105.5Q354 120 370 148Q386 176 386 214L386 240L264 214Q228 207 209.5 190.5Q191 174 191 148Q191 121 209 106Q227 91 261 91Z" }), _jsx("path", { transform: "translate(1258.133 0)", d: "M257 -12Q189 -12 139.5 22.5Q90 57 63.5 119.5Q37 182 37 268Q37 354 64 416.5Q91 479 140.5 513.5Q190 548 257 548Q314 548 355.5 524.5Q397 501 418 460L418 710L568 710L568 0L425 0L422 79Q400 36 356.5 12Q313 -12 257 -12ZM306 103Q342 103 367 122Q392 141 405 177.5Q418 214 418 268Q418 323 405 359.5Q392 396 367 414.5Q342 433 306 433Q253 433 222 388.5Q191 344 191 268Q191 193 222.5 148Q254 103 306 103Z" }), _jsx("path", { transform: "translate(1844.8 0)", d: "M66 0L66 536L216 536L216 0ZM63 602L63 722L218 722L218 602Z" }), _jsx("path", { transform: "translate(2082.667 0)", d: "M309 -12Q227 -12 166 22.5Q105 57 71 120Q37 183 37 268Q37 353 71 415.5Q105 478 166 513Q227 548 309 548Q380 548 436.5 523Q493 498 528 451Q563 404 571 338L416 331Q409 381 380.5 406.5Q352 432 309 432Q253 432 222 389Q191 346 191 268Q191 190 222 146.5Q253 103 309 103Q352 103 381 129.5Q410 156 416 210L571 204Q564 138 529.5 89.5Q495 41 438.5 14.5Q382 -12 309 -12Z" }), _jsx("path", { transform: "translate(2636.933 0)", d: "M309 -12Q227 -12 166 22.5Q105 57 71 120Q37 183 37 268Q37 353 71 415.5Q105 478 166 513Q227 548 309 548Q391 548 452 513Q513 478 547 415.5Q581 353 581 268Q581 183 547 120Q513 57 452 22.5Q391 -12 309 -12ZM309 103Q365 103 396 146.5Q427 190 427 268Q427 346 396 389.5Q365 433 309 433Q253 433 222 389.5Q191 346 191 268Q191 190 222 146.5Q253 103 309 103Z" }), _jsx("path", { transform: "translate(3211.6 0)", d: "M257 -12Q189 -12 139.5 22.5Q90 57 63.5 119.5Q37 182 37 268Q37 354 64 416.5Q91 479 140.5 513.5Q190 548 257 548Q314 548 355.5 524.5Q397 501 418 460L418 710L568 710L568 0L425 0L422 79Q400 36 356.5 12Q313 -12 257 -12ZM306 103Q342 103 367 122Q392 141 405 177.5Q418 214 418 268Q418 323 405 359.5Q392 396 367 414.5Q342 433 306 433Q253 433 222 388.5Q191 344 191 268Q191 193 222.5 148Q254 103 306 103Z" }), _jsx("path", { transform: "translate(3802.267 0)", d: "M307 -12Q225 -12 164.5 22.5Q104 57 70.5 120Q37 183 37 268Q37 353 70.5 415.5Q104 478 164 513Q224 548 306 548Q386 548 445 513Q504 478 536.5 413Q569 348 569 258L569 228L192 228Q195 164 226.5 133Q258 102 310 102Q348 102 373.5 118Q399 134 410 167L561 158Q540 78 472 33Q404 -12 307 -12ZM192 320L415 320Q412 379 382.5 408Q353 437 306 437Q259 437 228.5 406.5Q198 376 192 320Z" })] }), _jsxs("g", { fill: "url(#nc-agent-w)", transform: "translate(259 76) scale(0.06 -0.06)", children: [_jsx("path", { transform: "translate(0 0)", d: "M19 0L275 710L455 710L711 0L553 0L501 151L228 151L176 0ZM271 276L459 276L365 550Z" }), _jsx("path", { transform: "translate(670.467 0)", d: "M74 0L74 710L226 710L226 0Z" })] })] }));
+}
+export { BrandMark, BrandWordmark };