@customercity/react 0.1.4

package/dist/components/logo.d.ts

@@ -0,0 +1,31 @@
+import * as React from "react";
+export type LogoLayout = "horizontal" | "vertical" | "mark";
+export type LogoBadge = "shadow" | "flat" | "none";
+export type LogoTextColor = "black" | "white";
+export interface LogoMarkProps extends React.HTMLAttributes<SVGSVGElement> {
+    /** Mark size in px (square). */
+    size?: number;
+    /** White tile behind the glyph: "shadow" / "flat" / "none" (bare glyph). */
+    badge?: LogoBadge;
+    /** Glyph colour. Defaults to brand blue with a tile, currentColor when bare. */
+    color?: string;
+    /** Accessible name; omit to mark decorative. */
+    title?: string;
+}
+/** The squared Customer City mark — glyph in a white rounded tile. */
+export declare const LogoMark: React.ForwardRefExoticComponent<LogoMarkProps & React.RefAttributes<SVGSVGElement>>;
+export interface LogoProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "color"> {
+    /** Lockup orientation. `mark` renders the squared mark only. */
+    layout?: LogoLayout;
+    /** White tile behind the mark. */
+    badge?: LogoBadge;
+    /** Wordmark colour. */
+    textColor?: LogoTextColor;
+    /** Mark height in px; the wordmark scales from it. */
+    size?: number;
+    /** Accessible name. Defaults to "Customer City". */
+    title?: string;
+}
+/** Full Customer City logo lockup. */
+export declare const Logo: React.ForwardRefExoticComponent<LogoProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=logo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"logo.d.ts","sourceRoot":"","sources":["../../src/components/logo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkE/B,MAAM,MAAM,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;AAC5D,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AACnD,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,OAAO,CAAC;AAE9C,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC;IACxE,gCAAgC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,sEAAsE;AACtE,eAAO,MAAM,QAAQ,qFA0CpB,CAAC;AAqBF,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IACrF,gEAAgE;IAChE,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,kCAAkC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,uBAAuB;IACvB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,sCAAsC;AACtC,eAAO,MAAM,IAAI,mFA+BhB,CAAC"}

package/dist/components/logo.js

@@ -0,0 +1,94 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+/**
+ * Customer City — Logo.
+ *
+ * Built from the OFFICIAL vector artwork exported from the brand Figma
+ * (file gM66S8PXlK8k2CRhMetUP3, frame `Logo_assets`, node 1066:55540). The mark
+ * glyph and the "Customer City" wordmark are the real outlined paths — not a font
+ * render — so the lockup is pixel-faithful and needs no webfont.
+ *
+ * The component composes two primitives (LogoMark + the wordmark) to reproduce the
+ * full Figma variant matrix:
+ *   layout:    "horizontal" | "vertical" | "mark"
+ *   textColor: "black" (#1E232C) | "white" (#FFFFFF)   — wordmark colour
+ *   badge:     "shadow" | "flat" | "none"               — the white rounded mark tile
+ *
+ *   ┌─ Figma named asset ─────────────────┬─ props ─────────────────────────────────────────┐
+ *   │ logo/white_text/horizontal/+shadow  │ layout="horizontal" textColor="white" badge="shadow" │
+ *   │ logo/white_text/horizontal/no_shadow│ layout="horizontal" textColor="white" badge="flat"   │
+ *   │ logo/black_text/horizontal/+shadow  │ layout="horizontal" textColor="black" badge="shadow" │
+ *   │ logo/black_text/horizontal/no_shadow│ layout="horizontal" textColor="black" badge="flat"   │
+ *   │ logo/white_text/vertical/*          │ layout="vertical"   textColor="white" …             │
+ *   │ logo/black_text/vertical/*          │ layout="vertical"   textColor="black" …             │
+ *   │ logo/no_text/squared/+shadow        │ layout="mark"       badge="shadow"                  │
+ *   │ logo/no_text/squared/no_shadow      │ layout="mark"       badge="flat"                    │
+ *   └─────────────────────────────────────┴─────────────────────────────────────────────────┘
+ *
+ * Brand colours are fixed (NOT themed tokens) so the logo renders identically in
+ * light and dark, per brand convention. Use textColor="white" + a coloured/dark
+ * surface for the reversed lockup.
+ */
+const BRAND = "#1554FF";
+const INK = "#1E232C";
+// --- Official artwork (Figma) ------------------------------------------------
+// Mark tile: 80×80 rounded square.
+const MARK_BADGE = "M0 16C0 7.16344 7.16344 0 16 0H64C72.8366 0 80 7.16344 80 16V64C80 72.8366 72.8366 80 64 80H16C7.16344 80 0 72.8366 0 64V16Z";
+// Mark glyph (the "C-bracket + 3 lines"), within the 80×80 tile.
+const MARK_GLYPH = [
+    "M24.1273 11H48.8348L53.1273 15.2925V19.4364H24.1273C22.0888 19.4364 20.4364 21.0888 20.4364 23.1273V56.8727C20.4364 58.9112 22.0888 60.5636 24.1273 60.5636H53.1273V64.8565L48.9838 69H24.1273C17.4296 69 12 63.5704 12 56.8727V23.1273C12 16.4296 17.4296 11 24.1273 11Z",
+    "M24.6545 27.8727C24.6545 25.5431 26.5431 23.6545 28.8727 23.6545H63.6727C66.0024 23.6545 67.8909 25.5431 67.8909 27.8727C67.8909 30.2024 66.0024 32.0909 63.6727 32.0909H28.8727C26.5431 32.0909 24.6545 30.2024 24.6545 27.8727Z",
+    "M24.6545 40C24.6545 37.6704 26.5431 35.7818 28.8727 35.7818H53.1273C55.4569 35.7818 57.3455 37.6704 57.3455 40C57.3455 42.3296 55.4569 44.2182 53.1273 44.2182H28.8727C26.5431 44.2182 24.6545 42.3296 24.6545 40Z",
+    "M24.6545 52.1273C24.6545 49.7976 26.5431 47.9091 28.8727 47.9091H42.5818C44.9115 47.9091 46.8 49.7976 46.8 52.1273C46.8 54.4569 44.9115 56.3455 42.5818 56.3455H28.8727C26.5431 56.3455 24.6545 54.4569 24.6545 52.1273Z",
+];
+// "Customer City" wordmark — outlined letterforms, in their native 450×80 space.
+const WORDMARK_VIEWBOX = "110 18.428 339.1 51.612";
+const WORDMARK = [
+    "M110 50.0024V29.9096C110 23.9112 112.999 20.912 118.998 20.912H134.012L137.269 23.4512V27.0392H119.163C117.544 27.0392 116.734 27.8304 116.734 29.4128V50.4992C116.734 52.0816 117.544 52.8728 119.163 52.8728H137.269V56.4608L134.012 59H118.998C112.999 59 110 56.0008 110 50.0024Z",
+    "M141.956 50.2784V30.02H148.414V50.8304C148.414 52.5232 149.261 53.3696 150.953 53.3696H160.061V30.02H166.52V59H150.677C144.863 59 141.956 56.0928 141.956 50.2784Z",
+    "M171.741 56.8472V53.3696H184.492C186.185 53.3696 187.031 52.468 187.031 50.6648C187.031 48.788 186.332 47.7208 184.934 47.4632L178.751 46.4696C174.078 45.66 171.741 43.0104 171.741 38.5208C171.741 32.8536 174.648 30.02 180.463 30.02H189.239L192.165 32.1728V35.6504H180.739C179.009 35.6504 178.144 36.552 178.144 38.3552C178.144 40.1584 178.88 41.1888 180.352 41.4464L186.535 42.44C191.171 43.2128 193.49 45.8808 193.49 50.444C193.49 56.148 190.564 59 184.713 59H174.667L171.741 56.8472Z",
+    "M198.439 50.2784V20.912H204.897V30.02H214.778V35.6504H204.897V50.8304C204.897 52.5232 205.743 53.3696 207.436 53.3696H215.33V56.8472L212.404 59H207.16C201.346 59 198.439 56.0928 198.439 50.2784Z",
+    "M219.02 50.2784V38.7416C219.02 32.9272 221.927 30.02 227.742 30.02H235.47C241.247 30.02 244.136 32.9272 244.136 38.7416V50.2784C244.136 56.0928 241.247 59 235.47 59H227.742C221.927 59 219.02 56.0928 219.02 50.2784ZM225.479 50.8304C225.479 52.5232 226.325 53.3696 228.018 53.3696H235.139C236.831 53.3696 237.678 52.5232 237.678 50.8304V38.1896C237.678 36.4968 236.831 35.6504 235.139 35.6504H228.018C226.325 35.6504 225.479 36.4968 225.479 38.1896V50.8304Z",
+    "M249.967 59V30.02H282.977C288.754 30.02 291.643 32.9272 291.643 38.7416V59H285.185V38.1896C285.185 36.4968 284.338 35.6504 282.646 35.6504H274.034V59H267.576V35.6504H256.426V59H249.967Z",
+    "M297.281 50.2784V38.7416C297.281 32.9272 300.188 30.02 306.003 30.02H313.179C318.956 30.02 321.845 32.9272 321.845 38.7416V46.9112H303.739V50.8304C303.739 52.5232 304.586 53.3696 306.279 53.3696H320.741V56.8472L317.815 59H306.003C300.188 59 297.281 56.0928 297.281 50.2784ZM303.739 41.888H315.387V38.1896C315.387 36.4968 314.54 35.6504 312.847 35.6504H306.279C304.586 35.6504 303.739 36.4968 303.739 38.1896V41.888Z",
+    "M327.468 59V33.608C328.793 31.216 331.332 30.02 335.086 30.02H340.882L343.807 32.1728V35.6504H336.576C335.325 35.6504 334.442 35.9632 333.927 36.5888V59H327.468Z",
+    "M358.62 50.0024V29.9096C358.62 23.9112 361.619 20.912 367.618 20.912H382.632L385.889 23.4512V27.0392H367.783C366.164 27.0392 365.355 27.8304 365.355 29.4128V50.4992C365.355 52.0816 366.164 52.8728 367.783 52.8728H385.889V56.4608L382.632 59H367.618C361.619 59 358.62 56.0008 358.62 50.0024Z",
+    "M390.631 24.9968V18.428H397.421V24.9968H390.631ZM390.797 59V30.02H397.255V59H390.797Z",
+    "M403.292 50.2784V20.912H409.751V30.02H419.632V35.6504H409.751V50.8304C409.751 52.5232 410.597 53.3696 412.29 53.3696H420.184V56.8472L417.258 59H412.014C406.2 59 403.292 56.0928 403.292 50.2784Z",
+    "M421.224 31.0136L421.887 30.02H427.462L434.748 53.3696H435.576L442.863 30.02H448.438L449.1 31.0136L436.46 70.04H430.884L430.222 69.0464L433.7 59H430.332L421.224 31.0136Z",
+];
+// Native aspect ratio of the wordmark (width / height).
+const WORDMARK_RATIO = 339.1 / 51.612;
+/** The squared Customer City mark — glyph in a white rounded tile. */
+export const LogoMark = React.forwardRef(({ size = 40, badge = "flat", color, title, ...rest }, ref) => {
+    const uid = React.useId();
+    const shadowId = `cc-mark-shadow-${uid}`;
+    const clipId = `cc-mark-clip-${uid}`;
+    const bare = badge === "none";
+    const glyphColor = color ?? (bare ? "currentColor" : BRAND);
+    return (_jsxs("svg", { ref: ref, width: size, height: size, viewBox: "0 0 80 80", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: title ? "img" : "presentation", "aria-label": title, "aria-hidden": title ? undefined : true, ...rest, children: [badge === "shadow" && (_jsx("defs", { children: _jsx("filter", { id: shadowId, x: "-25%", y: "-25%", width: "150%", height: "160%", children: _jsx("feDropShadow", { dx: "0", dy: "4", stdDeviation: "5", floodColor: BRAND, floodOpacity: "0.28" }) }) })), title && _jsx("title", { children: title }), !bare && (_jsx("path", { d: MARK_BADGE, fill: "#FFFFFF", filter: badge === "shadow" ? `url(#${shadowId})` : undefined })), _jsx("clipPath", { id: clipId, children: _jsx("rect", { width: "55.8909", height: "58", transform: "translate(12 11)", fill: "#FFFFFF" }) }), _jsx("g", { clipPath: `url(#${clipId})`, children: MARK_GLYPH.map((d) => (_jsx("path", { d: d, fill: glyphColor }, d))) })] }));
+});
+LogoMark.displayName = "LogoMark";
+function Wordmark({ height, color }) {
+    return (_jsx("svg", { height: height, width: Math.round(height * WORDMARK_RATIO), viewBox: WORDMARK_VIEWBOX, fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", focusable: "false", children: WORDMARK.map((d) => (_jsx("path", { d: d, fill: color }, d))) }));
+}
+/** Full Customer City logo lockup. */
+export const Logo = React.forwardRef(({ layout = "horizontal", badge = "flat", textColor = "black", size = 40, title = "Customer City", style, ...rest }, ref) => {
+    if (layout === "mark") {
+        return _jsx(LogoMark, { size: size, badge: badge, title: title, ...rest });
+    }
+    const vertical = layout === "vertical";
+    const ink = textColor === "white" ? "#FFFFFF" : INK;
+    const markColor = badge === "none" ? ink : undefined; // bare mark inherits wordmark colour
+    // Figma horizontal: wordmark ≈ 0.645× mark height. Vertical wordmark sits a touch smaller.
+    const wordHeight = Math.round(size * (vertical ? 0.5 : 0.645));
+    return (_jsxs("span", { ref: ref, role: "img", "aria-label": title, style: {
+            display: "inline-flex",
+            flexDirection: vertical ? "column" : "row",
+            alignItems: "center",
+            gap: vertical ? Math.round(size * 0.22) : Math.round(size * 0.3),
+            ...style,
+        }, ...rest, children: [_jsx(LogoMark, { size: size, badge: badge, color: markColor }), _jsx(Wordmark, { height: wordHeight, color: ink })] }));
+});
+Logo.displayName = "Logo";
+//# sourceMappingURL=logo.js.map

package/dist/components/logo.js.map

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

package/dist/components/markdown.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+/** Token-styled markdown renderer for agent content. */
+export declare function MarkdownRenderer({ children, className }: {
+    children: string;
+    className?: string;
+}): React.JSX.Element;
+//# sourceMappingURL=markdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../src/components/markdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,wDAAwD;AACxD,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,qBA0CjG"}

package/dist/components/markdown.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import ReactMarkdown from "react-markdown";
+import remarkGfm from "remark-gfm";
+import { cn } from "../lib/utils";
+import { CodeBlock } from "./code-block";
+/** Token-styled markdown renderer for agent content. */
+export function MarkdownRenderer({ children, className }) {
+    return (_jsx("div", { className: cn("text-[14px] leading-relaxed text-foreground", className), children: _jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], components: {
+                h1: ({ children }) => _jsx("h1", { className: "mb-2 mt-4 text-[22px] font-bold text-foreground first:mt-0", children: children }),
+                h2: ({ children }) => _jsx("h2", { className: "mb-2 mt-4 text-[17px] font-bold text-foreground first:mt-0", children: children }),
+                h3: ({ children }) => _jsx("h3", { className: "mb-1.5 mt-3 text-[15px] font-semibold text-foreground first:mt-0", children: children }),
+                p: ({ children }) => _jsx("p", { className: "mb-3 text-foreground last:mb-0", children: children }),
+                a: ({ children, href }) => (_jsx("a", { href: href, className: "font-medium text-brand hover:underline", target: "_blank", rel: "noopener noreferrer", children: children })),
+                ul: ({ children }) => _jsx("ul", { className: "mb-3 ml-5 list-disc space-y-1 text-foreground", children: children }),
+                ol: ({ children }) => _jsx("ol", { className: "mb-3 ml-5 list-decimal space-y-1 text-foreground", children: children }),
+                blockquote: ({ children }) => (_jsx("blockquote", { className: "my-3 border-l-2 border-border pl-3 text-muted", children: children })),
+                hr: () => _jsx("hr", { className: "my-4 border-border-light" }),
+                table: ({ children }) => (_jsx("div", { className: "my-3 overflow-x-auto", children: _jsx("table", { className: "w-full border-collapse overflow-hidden rounded-md border border-border-light text-[13px]", children: children }) })),
+                th: ({ children }) => _jsx("th", { className: "border border-border-light bg-background-alt px-2.5 py-1.5 text-left font-semibold", children: children }),
+                td: ({ children }) => _jsx("td", { className: "border border-border-light px-2.5 py-1.5", children: children }),
+                code: ({ className: cls, children }) => {
+                    const match = /language-(\w+)/.exec(cls || "");
+                    const text = String(children).replace(/\n$/, "");
+                    if (match || text.includes("\n")) {
+                        return _jsx(CodeBlock, { code: text, language: match?.[1] });
+                    }
+                    return _jsx("code", { className: "rounded bg-accent px-1.5 py-0.5 font-mono text-[12.5px] text-foreground", children: children });
+                },
+            }, children: children }) }));
+}
+//# sourceMappingURL=markdown.js.map

package/dist/components/markdown.js.map

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

package/dist/components/memory-reference.d.ts

@@ -0,0 +1,12 @@
+interface MemoryReferenceProps {
+    /** One-line summary shown inline. */
+    summary: string;
+    category?: string;
+    content?: string;
+    source?: string;
+    className?: string;
+}
+/** Inline "based on agent memory" callout with an optional detail modal. */
+export declare function MemoryReference({ summary, category, content, source, className }: MemoryReferenceProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=memory-reference.d.ts.map

package/dist/components/memory-reference.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"memory-reference.d.ts","sourceRoot":"","sources":["../../src/components/memory-reference.tsx"],"names":[],"mappings":"AAQA,UAAU,oBAAoB;IAC5B,qCAAqC;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,4EAA4E;AAC5E,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,oBAAoB,+BAqFtG"}

package/dist/components/memory-reference.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { AnimatePresence, motion } from "framer-motion";
+import { Brain, Eye, X } from "lucide-react";
+import { MetaSparkle } from "./sparkle-badge";
+import { cn } from "../lib/utils";
+/** Inline "based on agent memory" callout with an optional detail modal. */
+export function MemoryReference({ summary, category, content, source, className }) {
+    const [open, setOpen] = useState(false);
+    const hasDetail = Boolean(content);
+    useEffect(() => {
+        if (!open)
+            return;
+        const onKey = (e) => e.key === "Escape" && setOpen(false);
+        document.addEventListener("keydown", onKey);
+        return () => document.removeEventListener("keydown", onKey);
+    }, [open]);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: cn("rounded-lg border border-sparkle-border bg-sparkle-light p-3", className), role: "complementary", "aria-label": "Memory-based context", children: _jsxs("div", { className: "flex items-start gap-2", children: [_jsx(Brain, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-sparkle" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "mb-0.5 text-[12px] font-semibold text-sparkle", children: "Based on agent memory" }), _jsx("p", { className: "text-[13px] leading-[18px] text-muted", children: summary }), hasDetail && (_jsxs("button", { type: "button", onClick: () => setOpen(true), className: "mt-1.5 inline-flex items-center gap-1 text-[12px] font-semibold text-brand hover:text-brand-hover", "aria-haspopup": "dialog", children: [_jsx(Eye, { className: "h-3 w-3" }), " View memory"] }))] })] }) }), _jsx(AnimatePresence, { children: open && hasDetail && (_jsx("div", { className: "fixed inset-0 z-[1300] flex items-center justify-center bg-black/50 p-4", onClick: (e) => e.target === e.currentTarget && setOpen(false), role: "dialog", "aria-modal": "true", children: _jsxs(motion.div, { initial: { opacity: 0, scale: 0.95 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0.95 }, transition: { duration: 0.2 }, className: "w-full max-w-[480px] overflow-auto rounded-lg bg-card card-shadow-lg", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-border-light p-5", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(MetaSparkle, { size: 16 }), _jsx("h3", { className: "text-[17px] font-bold text-foreground", children: "Memory detail" })] }), _jsx("button", { onClick: () => setOpen(false), "aria-label": "Close", className: "flex h-8 w-8 items-center justify-center rounded-full hover:bg-accent", children: _jsx(X, { className: "h-4 w-4 text-muted" }) })] }), _jsxs("div", { className: "space-y-4 p-5", children: [category && (_jsxs("div", { children: [_jsx("p", { className: "mb-1 text-[11px] font-bold uppercase tracking-[0.04em] text-muted-foreground", children: "Category" }), _jsx("span", { className: "rounded-md bg-sparkle-bg px-2 py-0.5 text-[12px] font-semibold text-sparkle", children: category })] })), _jsxs("div", { children: [_jsx("p", { className: "mb-1 text-[11px] font-bold uppercase tracking-[0.04em] text-muted-foreground", children: "Content" }), _jsx("p", { className: "text-[14px] leading-relaxed text-foreground", children: content })] }), source && (_jsxs("div", { children: [_jsx("p", { className: "mb-1 text-[11px] font-bold uppercase tracking-[0.04em] text-muted-foreground", children: "Source" }), _jsx("p", { className: "text-[13px] text-muted", children: source })] }))] })] }) })) })] }));
+}
+//# sourceMappingURL=memory-reference.js.map

package/dist/components/memory-reference.js.map

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

package/dist/components/menu.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+export interface MenuItem {
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+    shortcut?: string;
+    disabled?: boolean;
+}
+interface MenuProps {
+    items: MenuItem[];
+    value?: string;
+    onSelect?: (id: string) => void;
+    className?: string;
+}
+/** Inline vertical menu list (e.g. settings nav). For floating menus use DropdownMenu. */
+export declare function Menu({ items, value, onSelect, className }: MenuProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/components/menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,SAAS;IACjB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,0FAA0F;AAC1F,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,SAAS,qBAwBpE"}

package/dist/components/menu.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils";
+/** Inline vertical menu list (e.g. settings nav). For floating menus use DropdownMenu. */
+export function Menu({ items, value, onSelect, className }) {
+    return (_jsx("nav", { className: cn("flex flex-col gap-0.5", className), role: "menu", children: items.map((item) => {
+            const active = item.id === value;
+            return (_jsxs("button", { role: "menuitem", disabled: item.disabled, onClick: () => onSelect?.(item.id), className: cn("flex items-center gap-2.5 rounded-md px-3 py-2 text-left text-[13px] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand disabled:opacity-50", active ? "bg-brand-light font-semibold text-brand" : "text-foreground hover:bg-accent"), children: [item.icon && _jsx("span", { className: cn("shrink-0", active ? "text-brand" : "text-muted"), children: item.icon }), _jsx("span", { className: "flex-1", children: item.label }), item.shortcut && _jsx("span", { className: "font-mono text-[11px] text-muted-foreground", children: item.shortcut })] }, item.id));
+        }) }));
+}
+//# sourceMappingURL=menu.js.map

package/dist/components/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../src/components/menu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAiBlC,0FAA0F;AAC1F,MAAM,UAAU,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAa;IACnE,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,MAAM,YAChE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YAClB,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,KAAK,KAAK,CAAC;YACjC,OAAO,CACL,kBAEE,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAClC,SAAS,EAAE,EAAE,CACX,qLAAqL,EACrL,MAAM,CAAC,CAAC,CAAC,yCAAyC,CAAC,CAAC,CAAC,iCAAiC,CACvF,aAEA,IAAI,CAAC,IAAI,IAAI,eAAM,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,YAAG,IAAI,CAAC,IAAI,GAAQ,EACvG,eAAM,SAAS,EAAC,QAAQ,YAAE,IAAI,CAAC,KAAK,GAAQ,EAC3C,IAAI,CAAC,QAAQ,IAAI,eAAM,SAAS,EAAC,6CAA6C,YAAE,IAAI,CAAC,QAAQ,GAAQ,KAXjG,IAAI,CAAC,EAAE,CAYL,CACV,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/motion.d.ts

@@ -0,0 +1,38 @@
+import type { ReactNode } from "react";
+/** Subtle fade + slide-up on mount. Respects prefers-reduced-motion. */
+export declare function PageTransition({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}): import("react").JSX.Element;
+/** Container for a staggered list; wrap children in <StaggerItem>. */
+export declare function StaggerList({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}): import("react").JSX.Element;
+export declare function StaggerItem({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}): import("react").JSX.Element;
+/** Simple fade-in wrapper. */
+export declare function FadeIn({ children, className, delay }: {
+    children: ReactNode;
+    className?: string;
+    delay?: number;
+}): import("react").JSX.Element;
+/** Subtle press-down scale for interactive elements. */
+export declare function ScalePress({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}): import("react").JSX.Element;
+/** Agent shimmer border — violet → purple → pink (CC agent identity). */
+export declare function AgentSparkleShimmer({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}): import("react").JSX.Element;
+/** Animated collapsible content. */
+export declare function Collapse({ isOpen, children, className }: {
+    isOpen: boolean;
+    children: ReactNode;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=motion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../src/components/motion.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,wEAAwE;AACxE,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAalG;AAWD,sEAAsE;AACtE,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAQ/F;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAQ/F;AAED,8BAA8B;AAC9B,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAS,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,+BAarH;AAED,wDAAwD;AACxD,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAQ9F;AAED,yEAAyE;AACzE,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAmBvG;AAED,oCAAoC;AACpC,wBAAgB,QAAQ,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE;IAAE,MAAM,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAkBrH"}

package/dist/components/motion.js

@@ -0,0 +1,67 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { motion, AnimatePresence, useReducedMotion } from "framer-motion";
+const SPRING_GENTLE = { type: "spring", stiffness: 260, damping: 30 };
+const EASE_OUT = [0.22, 1, 0.36, 1];
+/** Subtle fade + slide-up on mount. Respects prefers-reduced-motion. */
+export function PageTransition({ children, className }) {
+    const reduced = useReducedMotion();
+    if (reduced)
+        return _jsx("div", { className: className, children: children });
+    return (_jsx(motion.div, { initial: { opacity: 0, y: 8 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.3, ease: EASE_OUT }, className: className, children: children }));
+}
+const containerVariants = {
+    hidden: {},
+    visible: { transition: { staggerChildren: 0.05, delayChildren: 0.1 } },
+};
+const itemVariants = {
+    hidden: { opacity: 0, y: 12 },
+    visible: { opacity: 1, y: 0, transition: { duration: 0.3, ease: EASE_OUT } },
+};
+/** Container for a staggered list; wrap children in <StaggerItem>. */
+export function StaggerList({ children, className }) {
+    const reduced = useReducedMotion();
+    if (reduced)
+        return _jsx("div", { className: className, children: children });
+    return (_jsx(motion.div, { variants: containerVariants, initial: "hidden", animate: "visible", className: className, children: children }));
+}
+export function StaggerItem({ children, className }) {
+    const reduced = useReducedMotion();
+    if (reduced)
+        return _jsx("div", { className: className, children: children });
+    return (_jsx(motion.div, { variants: itemVariants, className: className, children: children }));
+}
+/** Simple fade-in wrapper. */
+export function FadeIn({ children, className, delay = 0 }) {
+    const reduced = useReducedMotion();
+    if (reduced)
+        return _jsx("div", { className: className, children: children });
+    return (_jsx(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, transition: { duration: 0.4, delay, ease: EASE_OUT }, className: className, children: children }));
+}
+/** Subtle press-down scale for interactive elements. */
+export function ScalePress({ children, className }) {
+    const reduced = useReducedMotion();
+    if (reduced)
+        return _jsx("div", { className: className, children: children });
+    return (_jsx(motion.div, { whileTap: { scale: 0.97 }, transition: SPRING_GENTLE, className: className, children: children }));
+}
+/** Agent shimmer border — violet → purple → pink (CC agent identity). */
+export function AgentSparkleShimmer({ children, className }) {
+    const reduced = useReducedMotion();
+    if (reduced)
+        return _jsx("div", { className: className, children: children });
+    return (_jsx(motion.div, { className: className, animate: {
+            boxShadow: [
+                "0 0 0 1px rgba(170, 0, 255, 0.18)",
+                "0 0 0 1px rgba(118, 55, 255, 0.18)",
+                "0 0 0 1px rgba(213, 0, 249, 0.18)",
+                "0 0 0 1px rgba(170, 0, 255, 0.18)",
+            ],
+        }, transition: { duration: 4, ease: "easeInOut", repeat: Infinity }, children: children }));
+}
+/** Animated collapsible content. */
+export function Collapse({ isOpen, children, className }) {
+    const reduced = useReducedMotion();
+    return (_jsx(AnimatePresence, { initial: false, children: isOpen && (_jsx(motion.div, { initial: reduced ? { opacity: 1 } : { height: 0, opacity: 0 }, animate: reduced ? { opacity: 1 } : { height: "auto", opacity: 1 }, exit: reduced ? { opacity: 0 } : { height: 0, opacity: 0 }, transition: { duration: 0.2, ease: EASE_OUT }, className: className, style: { overflow: "hidden" }, children: children })) }));
+}
+//# sourceMappingURL=motion.js.map

package/dist/components/motion.js.map

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

package/dist/components/pagination.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+interface PaginationProps {
+    page: number;
+    pageCount: number;
+    onPageChange: (page: number) => void;
+    className?: string;
+}
+export declare function Pagination({ page, pageCount, onPageChange, className }: PaginationProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../src/components/pagination.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAcD,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,eAAe,qBA8BvF"}

package/dist/components/pagination.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { cn } from "../lib/utils";
+function range(start, end) {
+    return Array.from({ length: end - start + 1 }, (_, i) => start + i);
+}
+/** Page list with prev/next + ellipsis for large ranges. */
+function getPages(page, pageCount) {
+    if (pageCount <= 7)
+        return range(1, pageCount);
+    if (page <= 4)
+        return [...range(1, 5), "…", pageCount];
+    if (page >= pageCount - 3)
+        return [1, "…", ...range(pageCount - 4, pageCount)];
+    return [1, "…", page - 1, page, page + 1, "…", pageCount];
+}
+export function Pagination({ page, pageCount, onPageChange, className }) {
+    const pages = getPages(page, pageCount);
+    const btn = "inline-flex h-9 min-w-9 items-center justify-center rounded-md px-2 text-[13px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand disabled:opacity-40";
+    return (_jsxs("nav", { "aria-label": "Pagination", className: cn("flex items-center gap-1", className), children: [_jsx("button", { className: cn(btn, "text-muted hover:bg-accent"), onClick: () => onPageChange(page - 1), disabled: page <= 1, "aria-label": "Previous", children: _jsx(ChevronLeft, { className: "h-4 w-4" }) }), pages.map((p, i) => p === "…" ? (_jsx("span", { className: "px-1 text-muted-foreground", children: "\u2026" }, `e${i}`)) : (_jsx("button", { onClick: () => onPageChange(p), "aria-current": p === page ? "page" : undefined, className: cn(btn, p === page ? "bg-brand font-semibold text-white" : "text-foreground hover:bg-accent"), children: p }, p))), _jsx("button", { className: cn(btn, "text-muted hover:bg-accent"), onClick: () => onPageChange(page + 1), disabled: page >= pageCount, "aria-label": "Next", children: _jsx(ChevronRight, { className: "h-4 w-4" }) })] }));
+}
+//# sourceMappingURL=pagination.js.map

package/dist/components/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../src/components/pagination.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AASlC,SAAS,KAAK,CAAC,KAAa,EAAE,GAAW;IACvC,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,GAAG,KAAK,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;AACtE,CAAC;AAED,4DAA4D;AAC5D,SAAS,QAAQ,CAAC,IAAY,EAAE,SAAiB;IAC/C,IAAI,SAAS,IAAI,CAAC;QAAE,OAAO,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;IAC/C,IAAI,IAAI,IAAI,CAAC;QAAE,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC;IACvD,IAAI,IAAI,IAAI,SAAS,GAAG,CAAC;QAAE,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,SAAS,GAAG,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC;IAC/E,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC;AAC5D,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAmB;IACtF,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IACxC,MAAM,GAAG,GACP,8KAA8K,CAAC;IACjL,OAAO,CACL,6BAAgB,YAAY,EAAC,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,aAC9E,iBAAQ,SAAS,EAAE,EAAE,CAAC,GAAG,EAAE,4BAA4B,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,GAAG,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,IAAI,CAAC,gBAAa,UAAU,YACzI,KAAC,WAAW,IAAC,SAAS,EAAC,SAAS,GAAG,GAC5B,EACR,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAClB,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CACV,eAAoB,SAAS,EAAC,4BAA4B,wBAA/C,IAAI,CAAC,EAAE,CAEX,CACR,CAAC,CAAC,CAAC,CACF,iBAEE,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,kBAChB,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC7C,SAAS,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,iCAAiC,CAAC,YAEvG,CAAC,IALG,CAAC,CAMC,CACV,CACF,EACD,iBAAQ,SAAS,EAAE,EAAE,CAAC,GAAG,EAAE,4BAA4B,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,GAAG,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,IAAI,SAAS,gBAAa,MAAM,YAC7I,KAAC,YAAY,IAAC,SAAS,EAAC,SAAS,GAAG,GAC7B,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/components/popover.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import * as RP from "@radix-ui/react-popover";
+export declare const Popover: React.FC<RP.PopoverProps>;
+export declare const PopoverTrigger: React.ForwardRefExoticComponent<RP.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const PopoverClose: React.ForwardRefExoticComponent<RP.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const PopoverContent: React.ForwardRefExoticComponent<Omit<RP.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/components/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAG9C,eAAO,MAAM,OAAO,2BAAU,CAAC;AAC/B,eAAO,MAAM,cAAc,kGAAa,CAAC;AACzC,eAAO,MAAM,YAAY,gGAAW,CAAC;AAErC,eAAO,MAAM,cAAc,kJAgBzB,CAAC"}

package/dist/components/popover.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as RP from "@radix-ui/react-popover";
+import { cn } from "../lib/utils";
+export const Popover = RP.Root;
+export const PopoverTrigger = RP.Trigger;
+export const PopoverClose = RP.Close;
+export const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 6, ...props }, ref) => (_jsx(RP.Portal, { children: _jsx(RP.Content, { ref: ref, align: align, sideOffset: sideOffset, className: cn("z-[1400] w-72 rounded-lg border border-border bg-card p-4 card-shadow-lg focus:outline-none", className), ...props }) })));
+PopoverContent.displayName = "PopoverContent";
+//# sourceMappingURL=popover.js.map

package/dist/components/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../src/components/popover.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,CAAC,MAAM,OAAO,GAAG,EAAE,CAAC,IAAI,CAAC;AAC/B,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,CAAC,OAAO,CAAC;AACzC,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,CAAC,KAAK,CAAC;AAErC,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAG5C,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,QAAQ,EAAE,UAAU,GAAG,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACpE,KAAC,EAAE,CAAC,MAAM,cACR,KAAC,EAAE,CAAC,OAAO,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CACX,6FAA6F,EAC7F,SAAS,CACV,KACG,KAAK,GACT,GACQ,CACb,CAAC,CAAC;AACH,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/dist/components/progress.d.ts

@@ -0,0 +1,11 @@
+interface ProgressProps {
+    /** 0–100 */
+    value: number;
+    label?: string;
+    state?: "default" | "success" | "warning" | "danger";
+    showValue?: boolean;
+    className?: string;
+}
+export declare function Progress({ value, label, state, showValue, className }: ProgressProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=progress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../src/components/progress.tsx"],"names":[],"mappings":"AAEA,UAAU,aAAa;IACrB,YAAY;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AASD,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAiB,EAAE,SAAiB,EAAE,SAAS,EAAE,EAAE,aAAa,+BAyBxG"}

package/dist/components/progress.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils";
+const barColors = {
+    default: "bg-brand",
+    success: "bg-green",
+    warning: "bg-orange",
+    danger: "bg-red",
+};
+export function Progress({ value, label, state = "default", showValue = false, className }) {
+    const clamped = Math.max(0, Math.min(100, value));
+    return (_jsxs("div", { className: className, children: [(label || showValue) && (_jsxs("div", { className: "mb-1.5 flex items-center justify-between", children: [label && _jsx("span", { className: "text-[13px] text-foreground", children: label }), showValue && _jsxs("span", { className: "font-mono text-[12px] text-muted-foreground tabular-nums", children: [clamped, "%"] })] })), _jsx("div", { className: "h-2 overflow-hidden rounded-full bg-border-light", role: "progressbar", "aria-valuenow": clamped, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": label, children: _jsx("div", { className: cn("h-full rounded-full transition-all duration-700", barColors[state]), style: { width: `${clamped}%` } }) })] }));
+}
+//# sourceMappingURL=progress.js.map

package/dist/components/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","sourceRoot":"","sources":["../../src/components/progress.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAWlC,MAAM,SAAS,GAAG;IAChB,OAAO,EAAE,UAAU;IACnB,OAAO,EAAE,UAAU;IACnB,OAAO,EAAE,WAAW;IACpB,MAAM,EAAE,QAAQ;CACjB,CAAC;AAEF,MAAM,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAG,SAAS,EAAE,SAAS,GAAG,KAAK,EAAE,SAAS,EAAiB;IACvG,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;IAClD,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,aACtB,CAAC,KAAK,IAAI,SAAS,CAAC,IAAI,CACvB,eAAK,SAAS,EAAC,0CAA0C,aACtD,KAAK,IAAI,eAAM,SAAS,EAAC,6BAA6B,YAAE,KAAK,GAAQ,EACrE,SAAS,IAAI,gBAAM,SAAS,EAAC,0DAA0D,aAAE,OAAO,SAAS,IACtG,CACP,EACD,cACE,SAAS,EAAC,kDAAkD,EAC5D,IAAI,EAAC,aAAa,mBACH,OAAO,mBACP,CAAC,mBACD,GAAG,gBACN,KAAK,YAEjB,cACE,SAAS,EAAE,EAAE,CAAC,iDAAiD,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,EAClF,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,OAAO,GAAG,EAAE,GAC/B,GACE,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/prompt-input.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+interface PromptInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    onSubmit: () => void;
+    placeholder?: string;
+    suggestions?: string[];
+    showAttach?: boolean;
+    className?: string;
+}
+/** Presentational agent prompt box. Enter submits; Shift+Enter newlines. */
+export declare function PromptInput({ value, onChange, onSubmit, placeholder, suggestions, showAttach, className, }: PromptInputProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=prompt-input.d.ts.map

package/dist/components/prompt-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prompt-input.d.ts","sourceRoot":"","sources":["../../src/components/prompt-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,4EAA4E;AAC5E,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAA+B,EAC/B,WAAW,EACX,UAAkB,EAClB,SAAS,GACV,EAAE,gBAAgB,qBAiDlB"}

package/dist/components/prompt-input.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Send, Paperclip } from "lucide-react";
+import { cn } from "../lib/utils";
+import { IconButton } from "./button";
+import { Chip } from "./chip";
+/** Presentational agent prompt box. Enter submits; Shift+Enter newlines. */
+export function PromptInput({ value, onChange, onSubmit, placeholder = "Ask your agent…", suggestions, showAttach = false, className, }) {
+    const ref = React.useRef(null);
+    React.useEffect(() => {
+        const el = ref.current;
+        if (!el)
+            return;
+        el.style.height = "auto";
+        el.style.height = `${Math.min(el.scrollHeight, 160)}px`;
+    }, [value]);
+    const submit = () => {
+        if (value.trim())
+            onSubmit();
+    };
+    return (_jsxs("div", { className: cn("flex flex-col gap-2", className), children: [suggestions && suggestions.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-1.5", children: suggestions.map((s) => (_jsx(Chip, { label: s, onClick: () => onChange(s) }, s))) })), _jsxs("div", { className: "flex items-end gap-2 rounded-lg border border-border bg-card p-2 focus-within:ring-2 focus-within:ring-brand", children: [showAttach && (_jsx(IconButton, { "aria-label": "Attach", variant: "ghost", size: "sm", className: "shrink-0", children: _jsx(Paperclip, { className: "h-4 w-4" }) })), _jsx("textarea", { ref: ref, value: value, onChange: (e) => onChange(e.target.value), onKeyDown: (e) => {
+                            if (e.key === "Enter" && !e.shiftKey) {
+                                e.preventDefault();
+                                submit();
+                            }
+                        }, rows: 1, placeholder: placeholder, className: "max-h-40 flex-1 resize-none bg-transparent px-1 py-1.5 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none" }), _jsx(IconButton, { "aria-label": "Send", variant: "primary", size: "sm", className: "shrink-0", disabled: !value.trim(), onClick: submit, children: _jsx(Send, { className: "h-4 w-4" }) })] })] }));
+}
+//# sourceMappingURL=prompt-input.js.map

package/dist/components/prompt-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prompt-input.js","sourceRoot":"","sources":["../../src/components/prompt-input.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAY9B,4EAA4E;AAC5E,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,GAAG,iBAAiB,EAC/B,WAAW,EACX,UAAU,GAAG,KAAK,EAClB,SAAS,GACQ;IACjB,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAsB,IAAI,CAAC,CAAC;IAEpD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,EAAE,GAAG,GAAG,CAAC,OAAO,CAAC;QACvB,IAAI,CAAC,EAAE;YAAE,OAAO;QAChB,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QACzB,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,YAAY,EAAE,GAAG,CAAC,IAAI,CAAC;IAC1D,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,IAAI,KAAK,CAAC,IAAI,EAAE;YAAE,QAAQ,EAAE,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,aACjD,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CACxC,cAAK,SAAS,EAAC,wBAAwB,YACpC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACtB,KAAC,IAAI,IAAS,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAvC,CAAC,CAA0C,CACvD,CAAC,GACE,CACP,EACD,eAAK,SAAS,EAAC,8GAA8G,aAC1H,UAAU,IAAI,CACb,KAAC,UAAU,kBAAY,QAAQ,EAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,UAAU,YAC5E,KAAC,SAAS,IAAC,SAAS,EAAC,SAAS,GAAG,GACtB,CACd,EACD,mBACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;4BACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;gCACrC,CAAC,CAAC,cAAc,EAAE,CAAC;gCACnB,MAAM,EAAE,CAAC;4BACX,CAAC;wBACH,CAAC,EACD,IAAI,EAAE,CAAC,EACP,WAAW,EAAE,WAAW,EACxB,SAAS,EAAC,qIAAqI,GAC/I,EACF,KAAC,UAAU,kBAAY,MAAM,EAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,UAAU,EAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,YACrH,KAAC,IAAI,IAAC,SAAS,EAAC,SAAS,GAAG,GACjB,IACT,IACF,CACP,CAAC;AACJ,CAAC"}