@cline/ui 0.1.0

package/dist/components/agent-chat/index.d.ts

@@ -0,0 +1,68 @@
+import { type ButtonHTMLAttributes, type HTMLAttributes, type ReactNode } from "react";
+export type ConversationProps = HTMLAttributes<HTMLDivElement>;
+export declare const Conversation: import("react").ForwardRefExoticComponent<ConversationProps & import("react").RefAttributes<HTMLDivElement>>;
+export type ConversationViewportProps = Omit<HTMLAttributes<HTMLDivElement>, "role">;
+export declare const ConversationViewport: import("react").ForwardRefExoticComponent<ConversationViewportProps & import("react").RefAttributes<HTMLDivElement>>;
+export type ConversationContentProps = HTMLAttributes<HTMLDivElement>;
+export declare const ConversationContent: import("react").ForwardRefExoticComponent<ConversationContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export type ConversationEmptyStateProps = HTMLAttributes<HTMLDivElement> & {
+    title?: string;
+    description?: string;
+    icon?: ReactNode;
+};
+export declare const ConversationEmptyState: ({ children, className, description, icon, title, ...props }: ConversationEmptyStateProps) => import("react/jsx-runtime").JSX.Element;
+export type ConversationScrollButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type">;
+export declare const ConversationScrollButton: ({ "aria-label": ariaLabel, children, className, onClick, ...props }: ConversationScrollButtonProps) => import("react/jsx-runtime").JSX.Element | null;
+export type AgentMessageRole = "user" | "assistant" | "system" | "status" | "error";
+export type MessageProps = HTMLAttributes<HTMLDivElement> & {
+    from: AgentMessageRole;
+};
+export declare const Message: ({ className, from, ...props }: MessageProps) => import("react/jsx-runtime").JSX.Element;
+export type MessageContentProps = HTMLAttributes<HTMLDivElement>;
+export declare const MessageContent: ({ className, ...props }: MessageContentProps) => import("react/jsx-runtime").JSX.Element;
+export type MessageActionsProps = HTMLAttributes<HTMLDivElement> & {
+    visible?: boolean;
+};
+export declare const MessageActions: ({ className, visible, ...props }: MessageActionsProps) => import("react/jsx-runtime").JSX.Element;
+export type MessageActionProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type"> & {
+    label: string;
+};
+export declare const MessageAction: ({ "aria-label": ariaLabel, className, label, ...props }: MessageActionProps) => import("react/jsx-runtime").JSX.Element;
+export type ReasoningProps = Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
+    isStreaming?: boolean;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+};
+export declare const Reasoning: ({ className, defaultOpen, isStreaming, onOpenChange, open, ...props }: ReasoningProps) => import("react/jsx-runtime").JSX.Element;
+export type ReasoningTriggerProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "aria-controls" | "aria-expanded" | "type"> & {
+    completeLabel?: string;
+    streamingLabel?: string;
+};
+export declare const ReasoningTrigger: ({ children, className, completeLabel, onClick, streamingLabel, ...props }: ReasoningTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export type ReasoningContentProps = Omit<HTMLAttributes<HTMLDivElement>, "hidden" | "id">;
+export declare const ReasoningContent: ({ className, ...props }: ReasoningContentProps) => import("react/jsx-runtime").JSX.Element | null;
+export type ToolActivityStatus = "pending" | "running" | "success" | "error";
+export type ToolActivityProps = Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
+    expandable?: boolean;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+};
+export declare const ToolActivity: ({ className, defaultOpen, expandable, onOpenChange, open, ...props }: ToolActivityProps) => import("react/jsx-runtime").JSX.Element;
+export type ToolActivityTriggerProps = Omit<HTMLAttributes<HTMLElement>, "aria-controls" | "aria-expanded"> & {
+    icon?: ReactNode;
+    label: ReactNode;
+    status?: ToolActivityStatus;
+    additions?: number;
+    deletions?: number;
+    disabled?: boolean;
+};
+export declare const ToolActivityTrigger: ({ additions, children, className, deletions, disabled, icon, label, onClick, status, ...props }: ToolActivityTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export type ToolActivityContentProps = Omit<HTMLAttributes<HTMLDivElement>, "hidden" | "id">;
+export declare const ToolActivityContent: ({ className, ...props }: ToolActivityContentProps) => import("react/jsx-runtime").JSX.Element | null;
+export type ToolActivityDetailsProps = HTMLAttributes<HTMLDivElement>;
+export declare const ToolActivityDetails: ({ className, ...props }: ToolActivityDetailsProps) => import("react/jsx-runtime").JSX.Element;
+export type ToolActivityCodeProps = HTMLAttributes<HTMLPreElement>;
+export declare const ToolActivityCode: ({ className, ...props }: ToolActivityCodeProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/agent-chat/index.d.ts.map

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

package/dist/components/agent-chat/index.js

@@ -0,0 +1,278 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { createContext, forwardRef, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState, } from "react";
+const STICK_TO_BOTTOM_THRESHOLD_PX = 24;
+const SCROLL_BUTTON_THRESHOLD_PX = 120;
+function classNames(...values) {
+    return values.filter(Boolean).join(" ");
+}
+function assignRef(ref, value) {
+    if (typeof ref === "function") {
+        ref(value);
+        return;
+    }
+    if (ref) {
+        ref.current = value;
+    }
+}
+const ConversationContext = createContext(null);
+function useConversation() {
+    const context = useContext(ConversationContext);
+    if (!context) {
+        throw new Error("Conversation components must be rendered inside Conversation");
+    }
+    return context;
+}
+export const Conversation = forwardRef(({ children, className, ...props }, ref) => {
+    const [viewport, setViewport] = useState(null);
+    const [content, setContent] = useState(null);
+    const [showScrollButton, setShowScrollButton] = useState(false);
+    const shouldStickToBottom = useRef(true);
+    const isProgrammaticScroll = useRef(false);
+    const lastProgrammaticScrollTop = useRef(0);
+    const programmaticScrollTimer = useRef(null);
+    const clearProgrammaticScroll = useCallback(() => {
+        if (programmaticScrollTimer.current !== null) {
+            window.clearTimeout(programmaticScrollTimer.current);
+            programmaticScrollTimer.current = null;
+        }
+    }, []);
+    const updateScrollPosition = useCallback(() => {
+        if (!viewport)
+            return;
+        const distance = viewport.scrollHeight - viewport.scrollTop - viewport.clientHeight;
+        if (isProgrammaticScroll.current) {
+            if (viewport.scrollTop + 1 < lastProgrammaticScrollTop.current) {
+                isProgrammaticScroll.current = false;
+                clearProgrammaticScroll();
+            }
+            else {
+                lastProgrammaticScrollTop.current = viewport.scrollTop;
+                shouldStickToBottom.current = true;
+                setShowScrollButton(false);
+                if (distance <= STICK_TO_BOTTOM_THRESHOLD_PX) {
+                    isProgrammaticScroll.current = false;
+                    clearProgrammaticScroll();
+                }
+                return;
+            }
+        }
+        shouldStickToBottom.current = distance <= STICK_TO_BOTTOM_THRESHOLD_PX;
+        setShowScrollButton(distance > SCROLL_BUTTON_THRESHOLD_PX);
+    }, [clearProgrammaticScroll, viewport]);
+    const scrollToBottom = useCallback((behavior = "smooth") => {
+        if (!viewport)
+            return;
+        clearProgrammaticScroll();
+        const prefersReducedMotion = behavior === "smooth" &&
+            typeof window.matchMedia === "function" &&
+            window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+        const effectiveBehavior = prefersReducedMotion ? "auto" : behavior;
+        const isSmooth = effectiveBehavior === "smooth";
+        isProgrammaticScroll.current = isSmooth;
+        lastProgrammaticScrollTop.current = viewport.scrollTop;
+        shouldStickToBottom.current = true;
+        viewport.scrollTo({
+            top: viewport.scrollHeight,
+            behavior: effectiveBehavior,
+        });
+        setShowScrollButton(false);
+        if (!isSmooth)
+            return;
+        programmaticScrollTimer.current = window.setTimeout(() => {
+            isProgrammaticScroll.current = false;
+            programmaticScrollTimer.current = null;
+            updateScrollPosition();
+        }, 1500);
+    }, [clearProgrammaticScroll, updateScrollPosition, viewport]);
+    useEffect(() => {
+        if (!viewport)
+            return;
+        updateScrollPosition();
+        viewport.addEventListener("scroll", updateScrollPosition);
+        const cancelProgrammaticScroll = () => {
+            if (!isProgrammaticScroll.current)
+                return;
+            isProgrammaticScroll.current = false;
+            clearProgrammaticScroll();
+            updateScrollPosition();
+        };
+        viewport.addEventListener("touchstart", cancelProgrammaticScroll, {
+            passive: true,
+        });
+        viewport.addEventListener("pointerdown", cancelProgrammaticScroll, {
+            passive: true,
+        });
+        const cancelProgrammaticScrollOnKeydown = (event) => {
+            if ([
+                "ArrowDown",
+                "ArrowUp",
+                "End",
+                "Home",
+                "PageDown",
+                "PageUp",
+                " ",
+            ].includes(event.key)) {
+                cancelProgrammaticScroll();
+            }
+        };
+        viewport.addEventListener("keydown", cancelProgrammaticScrollOnKeydown);
+        viewport.addEventListener("wheel", cancelProgrammaticScroll, {
+            passive: true,
+        });
+        return () => {
+            viewport.removeEventListener("scroll", updateScrollPosition);
+            viewport.removeEventListener("touchstart", cancelProgrammaticScroll);
+            viewport.removeEventListener("pointerdown", cancelProgrammaticScroll);
+            viewport.removeEventListener("keydown", cancelProgrammaticScrollOnKeydown);
+            viewport.removeEventListener("wheel", cancelProgrammaticScroll);
+        };
+    }, [clearProgrammaticScroll, updateScrollPosition, viewport]);
+    useEffect(() => () => clearProgrammaticScroll(), [clearProgrammaticScroll]);
+    useLayoutEffect(() => {
+        if (!viewport || !content)
+            return;
+        scrollToBottom("auto");
+    }, [content, scrollToBottom, viewport]);
+    useEffect(() => {
+        if (!content || !viewport || typeof ResizeObserver === "undefined")
+            return;
+        const observer = new ResizeObserver(() => {
+            if (shouldStickToBottom.current) {
+                scrollToBottom("auto");
+            }
+            else {
+                updateScrollPosition();
+            }
+        });
+        observer.observe(content);
+        observer.observe(viewport);
+        return () => observer.disconnect();
+    }, [content, scrollToBottom, updateScrollPosition, viewport]);
+    const value = useMemo(() => ({
+        scrollToBottom,
+        setContent,
+        setViewport,
+        showScrollButton,
+    }), [scrollToBottom, showScrollButton]);
+    return (_jsx(ConversationContext.Provider, { value: value, children: _jsx("div", { className: classNames("cline-chat-conversation", className), ref: ref, ...props, children: children }) }));
+});
+Conversation.displayName = "Conversation";
+export const ConversationViewport = forwardRef(({ "aria-label": ariaLabel = "Agent conversation", "aria-live": ariaLive = "polite", className, tabIndex = 0, ...props }, forwardedRef) => {
+    const { setViewport } = useConversation();
+    const ref = useCallback((element) => {
+        setViewport(element);
+        assignRef(forwardedRef, element);
+    }, [forwardedRef, setViewport]);
+    return (_jsx("div", { ...props, "aria-label": ariaLabel, "aria-live": ariaLive, className: classNames("cline-chat-conversation-viewport", className), ref: ref, role: "log", tabIndex: tabIndex }));
+});
+ConversationViewport.displayName = "ConversationViewport";
+export const ConversationContent = forwardRef(({ className, ...props }, forwardedRef) => {
+    const { setContent } = useConversation();
+    const ref = useCallback((element) => {
+        setContent(element);
+        assignRef(forwardedRef, element);
+    }, [forwardedRef, setContent]);
+    return (_jsx("div", { className: classNames("cline-chat-conversation-content", className), ref: ref, ...props }));
+});
+ConversationContent.displayName = "ConversationContent";
+export const ConversationEmptyState = ({ children, className, description = "Start a conversation to see messages here.", icon, title = "No messages yet", ...props }) => (_jsx("div", { className: classNames("cline-chat-empty-state", className), ...props, children: children ?? (_jsxs(_Fragment, { children: [icon ? (_jsx("div", { className: "cline-chat-empty-state-icon", children: icon })) : null, _jsxs("div", { children: [_jsx("h3", { children: title }), description ? _jsx("p", { children: description }) : null] })] })) }));
+export const ConversationScrollButton = ({ "aria-label": ariaLabel = "Scroll to latest message", children, className, onClick, ...props }) => {
+    const { scrollToBottom, showScrollButton } = useConversation();
+    if (!showScrollButton)
+        return null;
+    return (_jsx("button", { ...props, "aria-label": ariaLabel, className: classNames("cline-chat-scroll-button", className), onClick: (event) => {
+            onClick?.(event);
+            if (!event.defaultPrevented)
+                scrollToBottom();
+        }, type: "button", children: children ?? _jsx(ChevronDownIcon, {}) }));
+};
+export const Message = ({ className, from, ...props }) => (_jsx("div", { ...props, className: classNames("cline-chat-message", className), "data-role": from }));
+export const MessageContent = ({ className, ...props }) => (_jsx("div", { className: classNames("cline-chat-message-content", className), ...props }));
+export const MessageActions = ({ className, visible = false, ...props }) => (_jsx("div", { ...props, className: classNames("cline-chat-message-actions", className), "data-visible": visible || undefined }));
+export const MessageAction = ({ "aria-label": ariaLabel, className, label, ...props }) => (_jsx("button", { ...props, "aria-label": ariaLabel ?? label, className: classNames("cline-chat-message-action", className), type: "button" }));
+const ReasoningContext = createContext(null);
+function useReasoning() {
+    const context = useContext(ReasoningContext);
+    if (!context) {
+        throw new Error("Reasoning components must be rendered inside Reasoning");
+    }
+    return context;
+}
+export const Reasoning = ({ className, defaultOpen = false, isStreaming = false, onOpenChange, open, ...props }) => {
+    const [internalOpen, setInternalOpen] = useState(defaultOpen);
+    const panelId = useId();
+    const isOpen = open ?? internalOpen;
+    const setIsOpen = useCallback((nextOpen) => {
+        if (open === undefined)
+            setInternalOpen(nextOpen);
+        onOpenChange?.(nextOpen);
+    }, [onOpenChange, open]);
+    const value = useMemo(() => ({ isOpen, isStreaming, panelId, setIsOpen }), [isOpen, isStreaming, panelId, setIsOpen]);
+    return (_jsx(ReasoningContext.Provider, { value: value, children: _jsx("div", { ...props, className: classNames("cline-chat-reasoning", className), "data-streaming": isStreaming || undefined }) }));
+};
+export const ReasoningTrigger = ({ children, className, completeLabel = "Thought process", onClick, streamingLabel = "Thinking", ...props }) => {
+    const { isOpen, isStreaming, panelId, setIsOpen } = useReasoning();
+    return (_jsx("button", { ...props, "aria-controls": panelId, "aria-expanded": isOpen, className: classNames("cline-chat-reasoning-trigger", className), onClick: (event) => {
+            onClick?.(event);
+            if (!event.defaultPrevented)
+                setIsOpen(!isOpen);
+        }, type: "button", children: children ?? (_jsxs(_Fragment, { children: [_jsx(BrainIcon, {}), _jsx("span", { children: isStreaming ? streamingLabel : completeLabel }), _jsx("span", { "aria-live": "polite", className: "cline-chat-reasoning-status", children: isStreaming ? "In progress" : "Complete" }), _jsx(ChevronDownIcon, { className: "cline-chat-disclosure-icon" })] })) }));
+};
+export const ReasoningContent = ({ className, ...props }) => {
+    const { isOpen, panelId } = useReasoning();
+    if (!isOpen)
+        return null;
+    return (_jsx("div", { ...props, className: classNames("cline-chat-reasoning-content", className), id: panelId }));
+};
+const ToolActivityContext = createContext(null);
+function useToolActivity() {
+    const context = useContext(ToolActivityContext);
+    if (!context) {
+        throw new Error("ToolActivity components must be rendered inside ToolActivity");
+    }
+    return context;
+}
+export const ToolActivity = ({ className, defaultOpen = false, expandable = true, onOpenChange, open, ...props }) => {
+    const [internalOpen, setInternalOpen] = useState(defaultOpen);
+    const panelId = useId();
+    const isOpen = expandable && (open ?? internalOpen);
+    const setIsOpen = useCallback((nextOpen) => {
+        if (!expandable)
+            return;
+        if (open === undefined)
+            setInternalOpen(nextOpen);
+        onOpenChange?.(nextOpen);
+    }, [expandable, onOpenChange, open]);
+    const value = useMemo(() => ({ expandable, isOpen, panelId, setIsOpen }), [expandable, isOpen, panelId, setIsOpen]);
+    return (_jsx(ToolActivityContext.Provider, { value: value, children: _jsx("div", { ...props, className: classNames("cline-chat-tool", className), "data-expandable": expandable || undefined }) }));
+};
+export const ToolActivityTrigger = ({ additions, children, className, deletions, disabled = false, icon, label, onClick, status = "success", ...props }) => {
+    const { expandable, isOpen, panelId, setIsOpen } = useToolActivity();
+    const content = children ?? (_jsxs(_Fragment, { children: [icon ? _jsx("span", { className: "cline-chat-tool-icon", children: icon }) : null, _jsx("span", { className: "cline-chat-tool-label", children: label }), additions !== undefined || deletions !== undefined ? (_jsxs("span", { className: "cline-chat-tool-diff", children: [additions !== undefined ? (_jsxs("span", { "data-diff": "additions", children: ["+", additions] })) : null, " ", deletions !== undefined ? (_jsxs("span", { "data-diff": "deletions", children: ["-", deletions] })) : null] })) : null, status === "running" || status === "pending" ? (_jsx("output", { "aria-label": status, className: "cline-chat-tool-progress" })) : null, expandable ? (_jsx(ChevronDownIcon, { className: "cline-chat-disclosure-icon" })) : null] }));
+    const handleClick = (event) => {
+        onClick?.(event);
+        if (expandable && !event.defaultPrevented)
+            setIsOpen(!isOpen);
+    };
+    const triggerClassName = classNames("cline-chat-tool-trigger", className);
+    if (expandable) {
+        return (_jsx("button", { ...props, "aria-controls": panelId, "aria-expanded": isOpen, className: triggerClassName, "data-status": status, disabled: disabled, onClick: handleClick, type: "button", children: content }));
+    }
+    return (_jsx("div", { ...props, className: triggerClassName, "data-status": status, children: content }));
+};
+export const ToolActivityContent = ({ className, ...props }) => {
+    const { expandable, isOpen, panelId } = useToolActivity();
+    if (!expandable || !isOpen)
+        return null;
+    return (_jsx("div", { ...props, className: classNames("cline-chat-tool-content", className), id: panelId }));
+};
+export const ToolActivityDetails = ({ className, ...props }) => (_jsx("div", { className: classNames("cline-chat-tool-details", className), ...props }));
+export const ToolActivityCode = ({ className, ...props }) => (_jsx("pre", { className: classNames("cline-chat-tool-code", className), ...props }));
+function ChevronDownIcon({ className }) {
+    return (_jsx("svg", { "aria-hidden": "true", className: className, fill: "none", height: "16", viewBox: "0 0 24 24", width: "16", children: _jsx("path", { d: "m6 9 6 6 6-6", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2" }) }));
+}
+function BrainIcon() {
+    return (_jsx("svg", { "aria-hidden": "true", fill: "none", height: "16", viewBox: "0 0 24 24", width: "16", children: _jsx("path", { d: "M9.5 4.5A3 3 0 0 0 4 6a3 3 0 0 0 .5 5.9A3.5 3.5 0 0 0 8 17h1.5m5-12.5A3 3 0 0 1 20 6a3 3 0 0 1-.5 5.9A3.5 3.5 0 0 1 16 17h-1.5M9.5 4.5V20m5-15.5V20M9.5 9H7m7.5 3H17m-7.5 4H7m7.5 1h2", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.75" }) }));
+}
+//# sourceMappingURL=index.js.map

package/dist/components/agent-chat/index.js.map

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

package/package.json

@@ -0,0 +1,88 @@
+{
+	"name": "@cline/ui",
+	"version": "0.1.0",
+	"description": "Shared Cline web theme and reusable agent UI components",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/cline/cline",
+		"directory": "sdk/packages/ui"
+	},
+	"private": false,
+	"internal": true,
+	"publishConfig": {
+		"access": "public"
+	},
+	"type": "module",
+	"exports": {
+		"./components/agent-chat": {
+			"types": "./dist/components/agent-chat/index.d.ts",
+			"import": "./dist/components/agent-chat/index.js"
+		},
+		"./components/agent-chat.css": "./components/agent-chat/agent-chat.css",
+		"./theme/index.css": "./theme/index.css",
+		"./theme/tokens.css": "./theme/tokens.css",
+		"./theme/theme.css": "./theme/theme.css",
+		"./theme/base.css": "./theme/base.css",
+		"./package.json": "./package.json"
+	},
+	"files": [
+		"components/agent-chat/agent-chat.css",
+		"components/agent-chat/index.tsx",
+		"dist",
+		"theme",
+		"ADOPTION.md",
+		"README.md"
+	],
+	"sideEffects": [
+		"./components/**/*.css",
+		"./theme/*.css"
+	],
+	"keywords": [
+		"cline",
+		"ui",
+		"design-system",
+		"react",
+		"tailwindcss",
+		"agent-chat"
+	],
+	"license": "Apache-2.0",
+	"scripts": {
+		"build": "bun scripts/validate-theme.ts && bun tsc -p tsconfig.build.json",
+		"prepack": "bun run build",
+		"storybook": "storybook dev",
+		"build-storybook": "storybook build --output-dir tmp/storybook-static",
+		"test:package": "bun run build && bun scripts/smoke-package.ts",
+		"typecheck": "bun tsc -p tsconfig.json --noEmit",
+		"test": "vitest run --config vitest.config.ts"
+	},
+	"peerDependencies": {
+		"react": ">=18.3.0 <20",
+		"tailwindcss": ">=4.0.0 <5"
+	},
+	"peerDependenciesMeta": {
+		"react": {
+			"optional": true
+		},
+		"tailwindcss": {
+			"optional": true
+		}
+	},
+	"devDependencies": {
+		"@fontsource-variable/schibsted-grotesk": "^5.2.8",
+		"@fontsource/azeret-mono": "^5.2.9",
+		"@storybook/addon-a11y": "^9.1.17",
+		"@storybook/addon-docs": "^9.1.17",
+		"@storybook/react-vite": "^9.1.6",
+		"@tailwindcss/vite": "^4.2.0",
+		"@types/react": "19.2.14",
+		"@types/react-dom": "19.2.3",
+		"jsdom": "^26.0.0",
+		"react": "19.2.4",
+		"react-dom": "19.2.4",
+		"storybook": "^9.1.17",
+		"tailwindcss": "^4.2.0",
+		"typescript": "5.9.3",
+		"vite": "^7.1.11",
+		"vitest": "^4.0.18"
+	}
+}

package/theme/base.css

@@ -0,0 +1,125 @@
+:root {
+	color-scheme: light;
+}
+
+.dark {
+	color-scheme: dark;
+}
+
+@layer base {
+	* {
+		@apply border-border outline-ring/50;
+	}
+
+	html {
+		@apply font-sans;
+	}
+
+	body {
+		@apply m-0 bg-background text-base font-normal text-foreground;
+	}
+}
+
+@layer components {
+	:is(.markdown, .cline-markdown) {
+		@apply min-w-0 max-w-full text-sm leading-relaxed;
+		overflow-wrap: anywhere;
+	}
+
+	:is(.markdown, .cline-markdown)
+		:is([data-streamdown="code-block"], [data-streamdown="table-wrapper"]) {
+		@apply max-w-full;
+	}
+
+	:is(.markdown, .cline-markdown) [data-streamdown="code-block"] {
+		@apply my-4 rounded-lg;
+	}
+
+	:is(.markdown, .cline-markdown) [data-streamdown="inline-code"] {
+		font-size: 0.9em;
+	}
+
+	:is(.markdown, .cline-markdown)
+		[data-streamdown="code-block"]
+		:is(pre, code) {
+		white-space: pre;
+		overflow-wrap: normal;
+		word-break: normal;
+	}
+
+	:is(.markdown, .cline-markdown) [data-streamdown="table-wrapper"] {
+		@apply my-4 overflow-x-auto rounded-lg border border-border;
+	}
+
+	:is(.markdown, .cline-markdown) [data-streamdown="table"] {
+		@apply min-w-full;
+	}
+
+	:is(.markdown, .cline-markdown) [data-streamdown="image"] {
+		background-color: white;
+		padding: 0.25rem;
+	}
+
+	:is(.markdown, .cline-markdown) [data-streamdown="blocked-image"] {
+		@apply my-2 inline-flex rounded-md border border-border bg-muted/50 px-2 py-1 text-xs text-muted-foreground;
+	}
+}
+
+::-webkit-scrollbar {
+	width: 6px;
+	height: 6px;
+}
+
+::-webkit-scrollbar-track {
+	background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+	background: var(--scrollbar-thumb);
+	border-radius: 3px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+	background: var(--scrollbar-thumb-hover);
+}
+
+::selection {
+	background: var(--selection-background);
+}
+
+:where(
+		button:not(:disabled),
+		a[href],
+		area[href],
+		label[for],
+		select:not(:disabled),
+		summary,
+		input[type="button"]:not(:disabled),
+		input[type="checkbox"]:not(:disabled),
+		input[type="color"]:not(:disabled),
+		input[type="file"]:not(:disabled),
+		input[type="radio"]:not(:disabled),
+		input[type="range"]:not(:disabled),
+		input[type="reset"]:not(:disabled),
+		input[type="submit"]:not(:disabled),
+		input[role="combobox"][readonly]:not(:disabled),
+		[role="button"]:not([aria-disabled="true"]),
+		[role="checkbox"]:not([aria-disabled="true"]),
+		[role="menuitem"]:not([aria-disabled="true"]),
+		[role="menuitemcheckbox"]:not([aria-disabled="true"]),
+		[role="menuitemradio"]:not([aria-disabled="true"]),
+		[role="link"]:not([aria-disabled="true"]),
+		[role="option"]:not([aria-disabled="true"]),
+		[role="radio"]:not([aria-disabled="true"]),
+		[role="slider"]:not([aria-disabled="true"]),
+		[role="switch"]:not([aria-disabled="true"]),
+		[role="tab"]:not([aria-disabled="true"]),
+		[role="treeitem"]:not([aria-disabled="true"]),
+		[data-interactive]:not([aria-disabled="true"]):not([data-disabled])
+	) {
+	cursor: pointer;
+}
+
+[data-cursor="default"] {
+	cursor: default;
+}

package/theme/index.css

@@ -0,0 +1,3 @@
+@import "./tokens.css";
+@import "./theme.css";
+@import "./base.css";