@hanzo/ui 5.3.35 → 5.3.38

package/dist/code/index.mjs

@@ -1,1504 +1,26 @@
 "use client";
-import * as React6 from 'react';
-import { cva } from 'class-variance-authority';
-import { FileText, Check, Copy, MoreHorizontal, RotateCcw, Settings, GitCompare, Plus, Minus, Square, SplitSquareHorizontal, ChevronDown, FolderOpen, Folder, ChevronRight, Search, X, Eye, EyeOff, Terminal, RefreshCw, Play, AlertTriangle, Download, Minimize2, Maximize2, File, FileImage, FileCode } from 'lucide-react';
-import { codeToHtml, bundledLanguages } from 'shiki';
-import { cn } from '@hanzo/ui/lib/utils';
-import { Badge } from '@hanzo/ui/badge';
-import { Button } from '@hanzo/ui/button';
-import { Skeleton } from '@hanzo/ui/skeleton';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { CodeDiff } from '@hanzo/ui/code/diff';
-import { CodeSnippet } from '@hanzo/ui/code/snippet';
-import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from '@hanzo/ui/dropdown-menu';
-import { ScrollArea } from '@hanzo/ui/scroll-area';
-import { Tabs, TabsList, TabsTrigger, TabsContent } from '@hanzo/ui/tabs';
-import { ToggleGroup, ToggleGroupItem } from '@hanzo/ui/toggle-group';
-import Editor from '@monaco-editor/react';
-import { useTheme } from 'next-themes';
-import { Input } from '@hanzo/ui/input';
-import { Separator } from '@hanzo/ui/separator';
-import { Toggle } from '@hanzo/ui/toggle';
+import*as U from'react';import {cva}from'class-variance-authority';import {FileText,Check,Copy,MoreHorizontal,RotateCcw,Settings,GitCompare,Plus,Minus,Square,SplitSquareHorizontal,ChevronDown,FolderOpen,Folder,ChevronRight,Search,X,Eye,EyeOff,Terminal,RefreshCw,Play,AlertTriangle,Download,Minimize2,Maximize2,File,FileImage,FileCode}from'lucide-react';import {codeToHtml,bundledLanguages}from'shiki';import {cn}from'@hanzo/ui/lib/utils';import {Badge}from'@hanzo/ui/badge';import {Button}from'@hanzo/ui/button';import {Skeleton}from'@hanzo/ui/skeleton';import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {CodeDiff}from'@hanzo/ui/code/diff';import {CodeSnippet}from'@hanzo/ui/code/snippet';import {DropdownMenu,DropdownMenuTrigger,DropdownMenuContent,DropdownMenuItem}from'@hanzo/ui/dropdown-menu';import {ScrollArea}from'@hanzo/ui/scroll-area';import {Tabs,TabsList,TabsTrigger,TabsContent}from'@hanzo/ui/tabs';import {ToggleGroup,ToggleGroupItem}from'@hanzo/ui/toggle-group';import Xt from'@monaco-editor/react';import {useTheme}from'next-themes';import {Input}from'@hanzo/ui/input';import {Separator}from'@hanzo/ui/separator';import {Toggle}from'@hanzo/ui/toggle';var yt=Object.defineProperty;var x=(d,u)=>yt(d,"name",{value:u,configurable:true});var Be=cva("relative overflow-hidden rounded-lg border bg-muted/50",{variants:{theme:{dark:"bg-slate-950 border-slate-800",light:"bg-slate-50 border-slate-200",github:"bg-white border-slate-200","github-dark":"bg-slate-900 border-slate-700","vs-dark":"bg-slate-950 border-slate-800",monokai:"bg-slate-900 border-slate-700",dracula:"bg-slate-900 border-purple-800/30",nord:"bg-slate-800 border-slate-600"},size:{sm:"text-xs",default:"text-sm",lg:"text-base"}},defaultVariants:{theme:"dark",size:"default"}}),Ve=U.memo(({line:d,lineNumber:u,showLineNumbers:l,isHighlighted:a=false,isDiffAdded:t=false,isDiffRemoved:s=false})=>jsxs("div",{className:cn("group relative flex min-h-[1.5rem] items-center px-4 py-0.5",a&&"bg-blue-500/10 border-l-2 border-l-blue-500",t&&"bg-green-500/10 border-l-2 border-l-green-500",s&&"bg-red-500/10 border-l-2 border-l-red-500"),children:[l&&jsx("span",{className:"mr-4 inline-block w-8 select-none text-right text-xs text-muted-foreground",children:u}),(t||s)&&jsx("span",{className:"mr-2 select-none text-xs",children:t?"+":s?"-":" "}),jsx("div",{className:"flex-1 overflow-x-auto",dangerouslySetInnerHTML:{__html:d}})]}));Ve.displayName="CodeLine";var ze=U.forwardRef(({className:d,theme:u,size:l,code:a,language:t="text",filename:s,showLineNumbers:g=true,highlightLines:w=[],showCopyButton:L=true,maxHeight:E="400px",diff:X,...J},Y)=>{let[O,j]=U.useState(""),[H,M]=U.useState(false),[P,$]=U.useState(true),_={dark:"github-dark",light:"github-light",github:"github-light","github-dark":"github-dark","vs-dark":"dark-plus",monokai:"monokai",dracula:"dracula",nord:"nord"};U.useEffect(()=>{x(async()=>{$(true);try{let N=await codeToHtml(a,{lang:t,theme:_[u||"dark"],transformers:[{code(r){let c=r.children.find(b=>b.type==="element"&&b.tagName==="code");c&&"children"in c&&c.children&&(r.children=c.children);}}]}),k=document.createElement("div");k.innerHTML=N;let B=k.querySelector("code");j(B?.innerHTML||N);}catch(N){console.error("Failed to highlight code:",N),j(a);}finally{$(false);}},"highlightCode")();},[a,t,u]);let R=U.useCallback(async()=>{try{await navigator.clipboard.writeText(a),M(!0),setTimeout(()=>M(!1),2e3);}catch(C){console.error("Failed to copy code:",C);}},[a]),F=O.split(`
+`);return jsxs("div",{ref:Y,"data-testid":"code-block",className:cn(Be({theme:u,size:l,className:d})),...J,children:[(s||t||L)&&jsxs("div",{className:"flex items-center justify-between border-b px-4 py-2",children:[jsxs("div",{className:"flex items-center gap-2",children:[s&&jsxs("div",{className:"flex items-center gap-1.5",children:[jsx(FileText,{className:"h-3.5 w-3.5 text-muted-foreground"}),jsx("span",{className:"text-sm font-medium",children:s})]}),t&&jsx(Badge,{variant:"secondary",className:"text-xs",children:t})]}),L&&jsxs(Button,{variant:"ghost",size:"sm",onClick:R,className:"h-8 w-8 p-0",children:[H?jsx(Check,{className:"h-3.5 w-3.5 text-green-500"}):jsx(Copy,{className:"h-3.5 w-3.5"}),jsx("span",{className:"sr-only",children:H?"Copied":"Copy code"})]})]}),jsx("div",{className:"overflow-auto",style:{maxHeight:E},children:P?jsx("div",{className:"p-4 space-y-2",children:Array.from({length:10}).map((C,N)=>jsxs("div",{className:"flex items-center gap-4",children:[g&&jsx(Skeleton,{"data-testid":"skeleton",className:"h-4 w-8"}),jsx(Skeleton,{"data-testid":"skeleton",className:"h-4 flex-1"})]},N))}):jsx("div",{className:"font-mono",children:F.map((C,N)=>{let k=N+1,B=w.includes(k),r=X?.added?.includes(k),c=X?.removed?.includes(k);return jsx(Ve,{line:C,lineNumber:k,showLineNumbers:g,isHighlighted:B,isDiffAdded:r,isDiffRemoved:c},N)})})})]})});ze.displayName="CodeBlock";var Ae=cva("relative flex flex-col overflow-hidden rounded-lg border bg-background",{variants:{layout:{horizontal:"flex-col",vertical:"flex-row"},size:{sm:"text-xs",default:"text-sm",lg:"text-base"}},defaultVariants:{layout:"horizontal",size:"default"}}),Oe=U.forwardRef(({className:d,layout:u,size:l,files:a,defaultView:t="side-by-side",showLineNumbers:s=true,showCopyButton:g=true,allowMerge:w=false,conflictMarkers:L=[],onMergeConflict:E,onFileSelect:X,height:J="600px",syncScroll:Y=true,...O},j)=>{let[H,M]=U.useState(t),[P,$]=U.useState(()=>a.length>=2?[a[0].id,a[1].id]:a.length>0?[a[0].id]:[]),[_,R]=U.useState({resolved:{},conflicts:L}),[F,C]=U.useState(false),N=U.useRef({}),k=U.useCallback((o,p)=>{Y&&Object.entries(N.current).forEach(([n,i])=>{n!==o&&i&&(i.scrollTop=p);});},[Y]),B=U.useCallback(async()=>{let o=P.map(p=>{let n=a.find(i=>i.id===p);return n?`=== ${n.filename} ===
+${n.content}`:""}).join(`
 
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var codeBlockVariants = cva(
-  "relative overflow-hidden rounded-lg border bg-muted/50",
-  {
-    variants: {
-      theme: {
-        dark: "bg-slate-950 border-slate-800",
-        light: "bg-slate-50 border-slate-200",
-        github: "bg-white border-slate-200",
-        "github-dark": "bg-slate-900 border-slate-700",
-        "vs-dark": "bg-slate-950 border-slate-800",
-        monokai: "bg-slate-900 border-slate-700",
-        dracula: "bg-slate-900 border-purple-800/30",
-        nord: "bg-slate-800 border-slate-600"
-      },
-      size: {
-        sm: "text-xs",
-        default: "text-sm",
-        lg: "text-base"
-      }
-    },
-    defaultVariants: {
-      theme: "dark",
-      size: "default"
-    }
-  }
-);
-var CodeLine = React6.memo(
-  ({
-    line,
-    lineNumber,
-    showLineNumbers,
-    isHighlighted = false,
-    isDiffAdded = false,
-    isDiffRemoved = false
-  }) => {
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: cn(
-          "group relative flex min-h-[1.5rem] items-center px-4 py-0.5",
-          isHighlighted && "bg-blue-500/10 border-l-2 border-l-blue-500",
-          isDiffAdded && "bg-green-500/10 border-l-2 border-l-green-500",
-          isDiffRemoved && "bg-red-500/10 border-l-2 border-l-red-500"
-        ),
-        children: [
-          showLineNumbers && /* @__PURE__ */ jsx("span", { className: "mr-4 inline-block w-8 select-none text-right text-xs text-muted-foreground", children: lineNumber }),
-          (isDiffAdded || isDiffRemoved) && /* @__PURE__ */ jsx("span", { className: "mr-2 select-none text-xs", children: isDiffAdded ? "+" : isDiffRemoved ? "-" : " " }),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "flex-1 overflow-x-auto",
-              dangerouslySetInnerHTML: { __html: line }
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-CodeLine.displayName = "CodeLine";
-var CodeBlock = React6.forwardRef(
-  ({
-    className,
-    theme,
-    size,
-    code,
-    language = "text",
-    filename,
-    showLineNumbers = true,
-    highlightLines = [],
-    showCopyButton = true,
-    maxHeight = "400px",
-    diff,
-    ...props
-  }, ref) => {
-    const [highlightedCode, setHighlightedCode] = React6.useState("");
-    const [copied, setCopied] = React6.useState(false);
-    const [isLoading, setIsLoading] = React6.useState(true);
-    const themeMap = {
-      dark: "github-dark",
-      light: "github-light",
-      github: "github-light",
-      "github-dark": "github-dark",
-      "vs-dark": "dark-plus",
-      monokai: "monokai",
-      dracula: "dracula",
-      nord: "nord"
-    };
-    React6.useEffect(() => {
-      const highlightCode = /* @__PURE__ */ __name(async () => {
-        setIsLoading(true);
-        try {
-          const highlighted = await codeToHtml(code, {
-            lang: language,
-            theme: themeMap[theme || "dark"],
-            transformers: [
-              {
-                code(node) {
-                  const codeElement2 = node.children.find(
-                    (child) => child.type === "element" && child.tagName === "code"
-                  );
-                  if (codeElement2 && "children" in codeElement2 && codeElement2.children) {
-                    node.children = codeElement2.children;
-                  }
-                }
-              }
-            ]
-          });
-          const tempDiv = document.createElement("div");
-          tempDiv.innerHTML = highlighted;
-          const codeElement = tempDiv.querySelector("code");
-          setHighlightedCode(codeElement?.innerHTML || highlighted);
-        } catch (error) {
-          console.error("Failed to highlight code:", error);
-          setHighlightedCode(code);
-        } finally {
-          setIsLoading(false);
-        }
-      }, "highlightCode");
-      highlightCode();
-    }, [code, language, theme]);
-    const copyToClipboard = React6.useCallback(async () => {
-      try {
-        await navigator.clipboard.writeText(code);
-        setCopied(true);
-        setTimeout(() => setCopied(false), 2e3);
-      } catch (error) {
-        console.error("Failed to copy code:", error);
-      }
-    }, [code]);
-    const lines = highlightedCode.split("\n");
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        "data-testid": "code-block",
-        className: cn(codeBlockVariants({ theme, size, className })),
-        ...props,
-        children: [
-          (filename || language || showCopyButton) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b px-4 py-2", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              filename && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
-                /* @__PURE__ */ jsx(FileText, { className: "h-3.5 w-3.5 text-muted-foreground" }),
-                /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: filename })
-              ] }),
-              language && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: language })
-            ] }),
-            showCopyButton && /* @__PURE__ */ jsxs(
-              Button,
-              {
-                variant: "ghost",
-                size: "sm",
-                onClick: copyToClipboard,
-                className: "h-8 w-8 p-0",
-                children: [
-                  copied ? /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 text-green-500" }) : /* @__PURE__ */ jsx(Copy, { className: "h-3.5 w-3.5" }),
-                  /* @__PURE__ */ jsx("span", { className: "sr-only", children: copied ? "Copied" : "Copy code" })
-                ]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "overflow-auto", style: { maxHeight }, children: isLoading ? /* @__PURE__ */ jsx("div", { className: "p-4 space-y-2", children: Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-            showLineNumbers && /* @__PURE__ */ jsx(Skeleton, { "data-testid": "skeleton", className: "h-4 w-8" }),
-            /* @__PURE__ */ jsx(Skeleton, { "data-testid": "skeleton", className: "h-4 flex-1" })
-          ] }, i)) }) : /* @__PURE__ */ jsx("div", { className: "font-mono", children: lines.map((line, index) => {
-            const lineNumber = index + 1;
-            const isHighlighted = highlightLines.includes(lineNumber);
-            const isDiffAdded = diff?.added?.includes(lineNumber);
-            const isDiffRemoved = diff?.removed?.includes(lineNumber);
-            return /* @__PURE__ */ jsx(
-              CodeLine,
-              {
-                line,
-                lineNumber,
-                showLineNumbers,
-                isHighlighted,
-                isDiffAdded,
-                isDiffRemoved
-              },
-              index
-            );
-          }) }) })
-        ]
-      }
-    );
-  }
-);
-CodeBlock.displayName = "CodeBlock";
-var codeCompareVariants = cva(
-  "relative flex flex-col overflow-hidden rounded-lg border bg-background",
-  {
-    variants: {
-      layout: {
-        horizontal: "flex-col",
-        vertical: "flex-row"
-      },
-      size: {
-        sm: "text-xs",
-        default: "text-sm",
-        lg: "text-base"
-      }
-    },
-    defaultVariants: {
-      layout: "horizontal",
-      size: "default"
-    }
-  }
-);
-var CodeCompare = React6.forwardRef(
-  ({
-    className,
-    layout,
-    size,
-    files,
-    defaultView = "side-by-side",
-    showLineNumbers = true,
-    showCopyButton = true,
-    allowMerge = false,
-    conflictMarkers = [],
-    onMergeConflict,
-    onFileSelect,
-    height = "600px",
-    syncScroll = true,
-    ...props
-  }, ref) => {
-    const [view, setView] = React6.useState(defaultView);
-    const [selectedFiles, setSelectedFiles] = React6.useState(() => {
-      if (files.length >= 2) {
-        return [files[0].id, files[1].id];
-      }
-      return files.length > 0 ? [files[0].id] : [];
-    });
-    const [mergeState, setMergeState] = React6.useState({
-      resolved: {},
-      conflicts: conflictMarkers
-    });
-    const [copied, setCopied] = React6.useState(false);
-    const scrollRefs = React6.useRef({});
-    const handleScroll = React6.useCallback(
-      (sourceId, scrollTop) => {
-        if (!syncScroll) return;
-        Object.entries(scrollRefs.current).forEach(([id, ref2]) => {
-          if (id !== sourceId && ref2) {
-            ref2.scrollTop = scrollTop;
-          }
-        });
-      },
-      [syncScroll]
-    );
-    const copyComparison = React6.useCallback(async () => {
-      const comparison = selectedFiles.map((fileId) => {
-        const file = files.find((f) => f.id === fileId);
-        return file ? `=== ${file.filename} ===
-${file.content}` : "";
-      }).join("\n\n");
-      try {
-        await navigator.clipboard.writeText(comparison);
-        setCopied(true);
-        setTimeout(() => setCopied(false), 2e3);
-      } catch (error) {
-        console.error("Failed to copy comparison:", error);
-      }
-    }, [files, selectedFiles]);
-    const resolveConflict = React6.useCallback(
-      (conflictIndex, resolution) => {
-        setMergeState((prev) => ({
-          ...prev,
-          resolved: {
-            ...prev.resolved,
-            [conflictIndex]: resolution
-          }
-        }));
-        onMergeConflict?.(resolution);
-      },
-      [onMergeConflict]
-    );
-    const getFileStats = React6.useCallback(
-      (file1, file2) => {
-        const lines1 = file1.content.split("\n");
-        const lines2 = file2.content.split("\n");
-        let added = 0;
-        let removed = 0;
-        let modified = 0;
-        const maxLines = Math.max(lines1.length, lines2.length);
-        for (let i = 0; i < maxLines; i++) {
-          const line1 = lines1[i];
-          const line2 = lines2[i];
-          if (line1 === void 0) {
-            added++;
-          } else if (line2 === void 0) {
-            removed++;
-          } else if (line1 !== line2) {
-            modified++;
-          }
-        }
-        return { added, removed, modified };
-      },
-      []
-    );
-    const renderFileSelector = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 flex-wrap", children: files.map((file, index) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxs(
-        Button,
-        {
-          variant: selectedFiles.includes(file.id) ? "default" : "outline",
-          size: "sm",
-          onClick: () => {
-            if (view === "three-way") {
-              setSelectedFiles((prev) => {
-                if (prev.includes(file.id)) {
-                  return prev.filter((id) => id !== file.id);
-                }
-                return prev.length < 3 ? [...prev, file.id] : [prev[1], prev[2], file.id];
-              });
-            } else {
-              setSelectedFiles((prev) => {
-                if (prev.includes(file.id)) {
-                  return prev.filter((id) => id !== file.id);
-                }
-                return prev.length < 2 ? [...prev, file.id] : [prev[1], file.id];
-              });
-            }
-            onFileSelect?.(file.id);
-          },
-          className: "gap-2",
-          children: [
-            file.label || file.filename,
-            file.version && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: file.version })
-          ]
-        }
-      ),
-      index < files.length - 1 && view !== "three-way" && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "vs" })
-    ] }, file.id)) }), "renderFileSelector");
-    const renderSideBySide = /* @__PURE__ */ __name(() => {
-      const [file1, file2] = selectedFiles.map((id) => files.find((f) => f.id === id)).filter(Boolean);
-      if (!file1 || !file2) {
-        return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-32 text-muted-foreground", children: "Select two files to compare" });
-      }
-      const stats = getFileStats(file1, file2);
-      return /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full", children: [
-        /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between border-b px-4 py-2 bg-muted/30", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "Comparison" }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-xs", children: [
-            /* @__PURE__ */ jsxs("span", { className: "text-green-600", children: [
-              "+",
-              stats.added
-            ] }),
-            /* @__PURE__ */ jsxs("span", { className: "text-red-600", children: [
-              "-",
-              stats.removed
-            ] }),
-            /* @__PURE__ */ jsxs("span", { className: "text-yellow-600", children: [
-              "~",
-              stats.modified
-            ] })
-          ] })
-        ] }) }),
-        /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsx(
-          CodeDiff,
-          {
-            oldCode: file1.content,
-            newCode: file2.content,
-            language: file1.language,
-            oldFilename: file1.filename,
-            newFilename: file2.filename,
-            showLineNumbers,
-            showCopyButton: false,
-            maxHeight: "100%",
-            defaultView: "split",
-            className: "border-0 rounded-none h-full"
-          }
-        ) })
-      ] });
-    }, "renderSideBySide");
-    const renderUnified = /* @__PURE__ */ __name(() => {
-      const [file1, file2] = selectedFiles.map((id) => files.find((f) => f.id === id)).filter(Boolean);
-      if (!file1 || !file2) {
-        return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-32 text-muted-foreground", children: "Select two files to compare" });
-      }
-      return /* @__PURE__ */ jsx(
-        CodeDiff,
-        {
-          oldCode: file1.content,
-          newCode: file2.content,
-          language: file1.language,
-          filename: `${file1.filename} \u2192 ${file2.filename}`,
-          showLineNumbers,
-          showCopyButton: false,
-          maxHeight: "100%",
-          defaultView: "unified",
-          className: "border-0 rounded-none"
-        }
-      );
-    }, "renderUnified");
-    const renderThreeWay = /* @__PURE__ */ __name(() => {
-      const [base, current, incoming] = selectedFiles.map((id) => files.find((f) => f.id === id)).filter(Boolean);
-      if (!base || !current || !incoming) {
-        return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-32 text-muted-foreground", children: "Select three files for three-way merge (base, current, incoming)" });
-      }
-      return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-0 h-full", children: [
-        /* @__PURE__ */ jsxs("div", { className: "border-r", children: [
-          /* @__PURE__ */ jsx("div", { className: "border-b px-4 py-2 bg-muted/30", children: /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium", children: [
-            "Base (",
-            base.filename,
-            ")"
-          ] }) }),
-          /* @__PURE__ */ jsx(
-            ScrollArea,
-            {
-              className: "h-full",
-              ref: (ref2) => {
-                scrollRefs.current["base"] = ref2;
-              },
-              onScrollCapture: (e) => {
-                const target = e.target;
-                handleScroll("base", target.scrollTop);
-              },
-              children: /* @__PURE__ */ jsx(
-                CodeSnippet,
-                {
-                  code: base.content,
-                  language: base.language,
-                  showLineNumbers,
-                  showCopyButton: false,
-                  showHeader: false,
-                  className: "border-0 rounded-none"
-                }
-              )
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "border-r", children: [
-          /* @__PURE__ */ jsx("div", { className: "border-b px-4 py-2 bg-blue-500/10", children: /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium text-blue-600 dark:text-blue-400", children: [
-            "Current (",
-            current.filename,
-            ")"
-          ] }) }),
-          /* @__PURE__ */ jsx(
-            ScrollArea,
-            {
-              className: "h-full",
-              ref: (ref2) => {
-                scrollRefs.current["current"] = ref2;
-              },
-              onScrollCapture: (e) => {
-                const target = e.target;
-                handleScroll("current", target.scrollTop);
-              },
-              children: /* @__PURE__ */ jsx(
-                CodeSnippet,
-                {
-                  code: current.content,
-                  language: current.language,
-                  showLineNumbers,
-                  showCopyButton: false,
-                  showHeader: false,
-                  className: "border-0 rounded-none"
-                }
-              )
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("div", { className: "border-b px-4 py-2 bg-green-500/10", children: /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium text-green-600 dark:text-green-400", children: [
-            "Incoming (",
-            incoming.filename,
-            ")"
-          ] }) }),
-          /* @__PURE__ */ jsx(
-            ScrollArea,
-            {
-              className: "h-full",
-              ref: (ref2) => {
-                scrollRefs.current["incoming"] = ref2;
-              },
-              onScrollCapture: (e) => {
-                const target = e.target;
-                handleScroll("incoming", target.scrollTop);
-              },
-              children: /* @__PURE__ */ jsx(
-                CodeSnippet,
-                {
-                  code: incoming.content,
-                  language: incoming.language,
-                  showLineNumbers,
-                  showCopyButton: false,
-                  showHeader: false,
-                  className: "border-0 rounded-none"
-                }
-              )
-            }
-          )
-        ] })
-      ] });
-    }, "renderThreeWay");
-    const renderMergeConflicts = /* @__PURE__ */ __name(() => {
-      if (!allowMerge || mergeState.conflicts.length === 0) return null;
-      return /* @__PURE__ */ jsx("div", { className: "border-t bg-muted/30", children: /* @__PURE__ */ jsxs("div", { className: "px-4 py-2", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "Merge Conflicts" }),
-          /* @__PURE__ */ jsx(Badge, { variant: "destructive", className: "text-xs", children: mergeState.conflicts.length })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "mt-2 space-y-2", children: mergeState.conflicts.map((conflict, index) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs", children: [
-          /* @__PURE__ */ jsxs("span", { children: [
-            "Lines ",
-            conflict.startLine,
-            "-",
-            conflict.endLine
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "outline",
-                size: "sm",
-                onClick: () => resolveConflict(index, "current"),
-                className: "h-6 text-xs",
-                children: "Keep Current"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "outline",
-                size: "sm",
-                onClick: () => resolveConflict(index, "incoming"),
-                className: "h-6 text-xs",
-                children: "Accept Incoming"
-              }
-            )
-          ] })
-        ] }, index)) })
-      ] }) });
-    }, "renderMergeConflicts");
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: cn(codeCompareVariants({ layout, size }), className),
-        style: { height },
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b px-4 py-2", children: [
-            /* @__PURE__ */ jsx("div", { className: "flex items-center gap-4", children: renderFileSelector() }),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx(Tabs, { value: view, onValueChange: (value) => setView(value), children: /* @__PURE__ */ jsxs(TabsList, { className: "grid w-full grid-cols-3", children: [
-                /* @__PURE__ */ jsx(TabsTrigger, { value: "side-by-side", className: "text-xs", children: "Side by Side" }),
-                /* @__PURE__ */ jsx(TabsTrigger, { value: "unified", className: "text-xs", children: "Unified" }),
-                /* @__PURE__ */ jsx(TabsTrigger, { value: "three-way", className: "text-xs", children: "Three-way" })
-              ] }) }),
-              showCopyButton && /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "ghost",
-                  size: "sm",
-                  onClick: copyComparison,
-                  className: "h-8 w-8 p-0",
-                  children: copied ? /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 text-green-500" }) : /* @__PURE__ */ jsx(Copy, { className: "h-3.5 w-3.5" })
-                }
-              ),
-              /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-                /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", className: "h-8 w-8 p-0", children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-3.5 w-3.5" }) }) }),
-                /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
-                  /* @__PURE__ */ jsxs(
-                    DropdownMenuItem,
-                    {
-                      onClick: () => setSelectedFiles([]),
-                      className: "gap-2",
-                      children: [
-                        /* @__PURE__ */ jsx(RotateCcw, { className: "h-4 w-4" }),
-                        "Reset Selection"
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs(DropdownMenuItem, { className: "gap-2", children: [
-                    /* @__PURE__ */ jsx(Settings, { className: "h-4 w-4" }),
-                    "Settings"
-                  ] })
-                ] })
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-h-0", children: [
-            view === "side-by-side" && renderSideBySide(),
-            view === "unified" && renderUnified(),
-            view === "three-way" && renderThreeWay()
-          ] }),
-          renderMergeConflicts()
-        ]
-      }
-    );
-  }
-);
-CodeCompare.displayName = "CodeCompare";
-var codeDiffVariants = cva(
-  "relative overflow-hidden rounded-lg border bg-muted/50",
-  {
-    variants: {
-      theme: {
-        dark: "bg-slate-950 border-slate-800",
-        light: "bg-slate-50 border-slate-200",
-        github: "bg-white border-slate-200",
-        "github-dark": "bg-slate-900 border-slate-700"
-      },
-      size: {
-        sm: "text-xs",
-        default: "text-sm",
-        lg: "text-base"
-      }
-    },
-    defaultVariants: {
-      theme: "dark",
-      size: "default"
-    }
-  }
-);
-var DiffLine = React6.memo(
-  ({
-    change,
-    showLineNumbers,
-    isUnified = false,
-    highlightedContent
-  }) => {
-    const getLineClasses = /* @__PURE__ */ __name(() => {
-      const base = "group relative flex min-h-[1.5rem] items-center py-0.5";
-      if (isUnified) {
-        switch (change.type) {
-          case "add":
-            return cn(base, "bg-green-500/10 border-l-2 border-l-green-500");
-          case "remove":
-            return cn(base, "bg-red-500/10 border-l-2 border-l-red-500");
-          default:
-            return cn(base, "hover:bg-muted/50");
-        }
-      }
-      return cn(base, "hover:bg-muted/50");
-    }, "getLineClasses");
-    const getLinePrefix = /* @__PURE__ */ __name(() => {
-      if (!isUnified) return null;
-      switch (change.type) {
-        case "add":
-          return /* @__PURE__ */ jsx(Plus, { className: "h-3 w-3 text-green-500 mr-2 flex-shrink-0" });
-        case "remove":
-          return /* @__PURE__ */ jsx(Minus, { className: "h-3 w-3 text-red-500 mr-2 flex-shrink-0" });
-        default:
-          return /* @__PURE__ */ jsx("span", { className: "w-3 mr-2 flex-shrink-0" });
-      }
-    }, "getLinePrefix");
-    return /* @__PURE__ */ jsx("div", { className: getLineClasses(), children: /* @__PURE__ */ jsxs("div", { className: "flex items-center px-4 w-full", children: [
-      showLineNumbers && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 mr-4", children: !isUnified ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("span", { className: "inline-block w-8 select-none text-right text-xs text-muted-foreground", children: change.oldLineNumber || "" }),
-        /* @__PURE__ */ jsx("span", { className: "inline-block w-8 select-none text-right text-xs text-muted-foreground", children: change.newLineNumber || "" })
-      ] }) : /* @__PURE__ */ jsx("span", { className: "inline-block w-8 select-none text-right text-xs text-muted-foreground", children: change.lineNumber }) }),
-      getLinePrefix(),
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "flex-1 overflow-x-auto font-mono",
-          dangerouslySetInnerHTML: {
-            __html: highlightedContent || change.content
-          }
-        }
-      )
-    ] }) });
-  }
-);
-DiffLine.displayName = "DiffLine";
-function generateDiff(oldCode, newCode) {
-  const oldLines = oldCode.split("\n");
-  const newLines = newCode.split("\n");
-  const changes = [];
-  let oldIndex = 0;
-  let newIndex = 0;
-  let lineNumber = 1;
-  while (oldIndex < oldLines.length || newIndex < newLines.length) {
-    const oldLine = oldLines[oldIndex];
-    const newLine = newLines[newIndex];
-    if (oldIndex >= oldLines.length) {
-      changes.push({
-        type: "add",
-        lineNumber: lineNumber++,
-        content: newLine,
-        newLineNumber: newIndex + 1
-      });
-      newIndex++;
-    } else if (newIndex >= newLines.length) {
-      changes.push({
-        type: "remove",
-        lineNumber: lineNumber++,
-        content: oldLine,
-        oldLineNumber: oldIndex + 1
-      });
-      oldIndex++;
-    } else if (oldLine === newLine) {
-      changes.push({
-        type: "unchanged",
-        lineNumber: lineNumber++,
-        content: oldLine,
-        oldLineNumber: oldIndex + 1,
-        newLineNumber: newIndex + 1
-      });
-      oldIndex++;
-      newIndex++;
-    } else {
-      changes.push({
-        type: "remove",
-        lineNumber: lineNumber++,
-        content: oldLine,
-        oldLineNumber: oldIndex + 1
-      });
-      changes.push({
-        type: "add",
-        lineNumber: lineNumber++,
-        content: newLine,
-        newLineNumber: newIndex + 1
-      });
-      oldIndex++;
-      newIndex++;
-    }
-  }
-  return changes;
-}
-__name(generateDiff, "generateDiff");
-var CodeDiff2 = React6.forwardRef(
-  ({
-    className,
-    theme,
-    size,
-    oldCode,
-    newCode,
-    language = "text",
-    filename,
-    oldFilename,
-    newFilename,
-    showLineNumbers = true,
-    showCopyButton = true,
-    maxHeight = "500px",
-    defaultView = "unified",
-    collapseUnchanged = false,
-    contextLines = 3,
-    ...props
-  }, ref) => {
-    const [view, setView] = React6.useState(defaultView);
-    const [copied, setCopied] = React6.useState(false);
-    const [isLoading, setIsLoading] = React6.useState(true);
-    const [highlightedOldCode, setHighlightedOldCode] = React6.useState("");
-    const [highlightedNewCode, setHighlightedNewCode] = React6.useState("");
-    const [changes, setChanges] = React6.useState([]);
-    const themeMap = {
-      dark: "github-dark",
-      light: "github-light",
-      github: "github-light",
-      "github-dark": "github-dark"
-    };
-    React6.useEffect(() => {
-      const highlightCode = /* @__PURE__ */ __name(async () => {
-        setIsLoading(true);
-        try {
-          const [oldHighlighted, newHighlighted] = await Promise.all([
-            codeToHtml(oldCode, {
-              lang: language,
-              theme: themeMap[theme || "dark"]
-            }),
-            codeToHtml(newCode, {
-              lang: language,
-              theme: themeMap[theme || "dark"]
-            })
-          ]);
-          const extractContent = /* @__PURE__ */ __name((html) => {
-            const tempDiv = document.createElement("div");
-            tempDiv.innerHTML = html;
-            const codeElement = tempDiv.querySelector("code");
-            return codeElement?.innerHTML || html;
-          }, "extractContent");
-          setHighlightedOldCode(extractContent(oldHighlighted));
-          setHighlightedNewCode(extractContent(newHighlighted));
-          const diffChanges = generateDiff(oldCode, newCode);
-          setChanges(diffChanges);
-        } catch (error) {
-          console.error("Failed to highlight code:", error);
-          setHighlightedOldCode(oldCode);
-          setHighlightedNewCode(newCode);
-          setChanges(generateDiff(oldCode, newCode));
-        } finally {
-          setIsLoading(false);
-        }
-      }, "highlightCode");
-      highlightCode();
-    }, [oldCode, newCode, language, theme]);
-    const copyToClipboard = React6.useCallback(async () => {
-      try {
-        const diffText = view === "unified" ? changes.map((change) => {
-          const prefix = change.type === "add" ? "+" : change.type === "remove" ? "-" : " ";
-          return `${prefix}${change.content}`;
-        }).join("\n") : `--- ${oldFilename || "old"}
-+++ ${newFilename || "new"}
-${oldCode}
+`);try{await navigator.clipboard.writeText(o),C(!0),setTimeout(()=>C(!1),2e3);}catch(p){console.error("Failed to copy comparison:",p);}},[a,P]),r=U.useCallback((o,p)=>{R(n=>({...n,resolved:{...n.resolved,[o]:p}})),E?.(p);},[E]),c=U.useCallback((o,p)=>{let n=o.content.split(`
+`),i=p.content.split(`
+`),e=0,f=0,z=0,m=Math.max(n.length,i.length);for(let T=0;T<m;T++){let ce=n[T],ne=i[T];ce===void 0?e++:ne===void 0?f++:ce!==ne&&z++;}return {added:e,removed:f,modified:z}},[]),b=x(()=>jsx("div",{className:"flex items-center gap-2 flex-wrap",children:a.map((o,p)=>jsxs("div",{className:"flex items-center gap-2",children:[jsxs(Button,{variant:P.includes(o.id)?"default":"outline",size:"sm",onClick:()=>{$(H==="three-way"?n=>n.includes(o.id)?n.filter(i=>i!==o.id):n.length<3?[...n,o.id]:[n[1],n[2],o.id]:n=>n.includes(o.id)?n.filter(i=>i!==o.id):n.length<2?[...n,o.id]:[n[1],o.id]),X?.(o.id);},className:"gap-2",children:[o.label||o.filename,o.version&&jsx(Badge,{variant:"secondary",className:"text-xs",children:o.version})]}),p<a.length-1&&H!=="three-way"&&jsx("span",{className:"text-muted-foreground",children:"vs"})]},o.id))}),"renderFileSelector"),V=x(()=>{let[o,p]=P.map(i=>a.find(e=>e.id===i)).filter(Boolean);if(!o||!p)return jsx("div",{className:"flex items-center justify-center h-32 text-muted-foreground",children:"Select two files to compare"});let n=c(o,p);return jsxs("div",{className:"flex flex-col h-full",children:[jsx("div",{className:"flex items-center justify-between border-b px-4 py-2 bg-muted/30",children:jsxs("div",{className:"flex items-center gap-4",children:[jsx("span",{className:"text-sm font-medium",children:"Comparison"}),jsxs("div",{className:"flex items-center gap-3 text-xs",children:[jsxs("span",{className:"text-green-600",children:["+",n.added]}),jsxs("span",{className:"text-red-600",children:["-",n.removed]}),jsxs("span",{className:"text-yellow-600",children:["~",n.modified]})]})]})}),jsx("div",{className:"flex-1 min-h-0",children:jsx(CodeDiff,{oldCode:o.content,newCode:p.content,language:o.language,oldFilename:o.filename,newFilename:p.filename,showLineNumbers:s,showCopyButton:false,maxHeight:"100%",defaultView:"split",className:"border-0 rounded-none h-full"})})]})},"renderSideBySide"),G=x(()=>{let[o,p]=P.map(n=>a.find(i=>i.id===n)).filter(Boolean);return !o||!p?jsx("div",{className:"flex items-center justify-center h-32 text-muted-foreground",children:"Select two files to compare"}):jsx(CodeDiff,{oldCode:o.content,newCode:p.content,language:o.language,filename:`${o.filename} \u2192 ${p.filename}`,showLineNumbers:s,showCopyButton:false,maxHeight:"100%",defaultView:"unified",className:"border-0 rounded-none"})},"renderUnified"),Q=x(()=>{let[o,p,n]=P.map(i=>a.find(e=>e.id===i)).filter(Boolean);return !o||!p||!n?jsx("div",{className:"flex items-center justify-center h-32 text-muted-foreground",children:"Select three files for three-way merge (base, current, incoming)"}):jsxs("div",{className:"grid grid-cols-3 gap-0 h-full",children:[jsxs("div",{className:"border-r",children:[jsx("div",{className:"border-b px-4 py-2 bg-muted/30",children:jsxs("span",{className:"text-sm font-medium",children:["Base (",o.filename,")"]})}),jsx(ScrollArea,{className:"h-full",ref:i=>{N.current.base=i;},onScrollCapture:i=>{let e=i.target;k("base",e.scrollTop);},children:jsx(CodeSnippet,{code:o.content,language:o.language,showLineNumbers:s,showCopyButton:false,showHeader:false,className:"border-0 rounded-none"})})]}),jsxs("div",{className:"border-r",children:[jsx("div",{className:"border-b px-4 py-2 bg-blue-500/10",children:jsxs("span",{className:"text-sm font-medium text-blue-600 dark:text-blue-400",children:["Current (",p.filename,")"]})}),jsx(ScrollArea,{className:"h-full",ref:i=>{N.current.current=i;},onScrollCapture:i=>{let e=i.target;k("current",e.scrollTop);},children:jsx(CodeSnippet,{code:p.content,language:p.language,showLineNumbers:s,showCopyButton:false,showHeader:false,className:"border-0 rounded-none"})})]}),jsxs("div",{children:[jsx("div",{className:"border-b px-4 py-2 bg-green-500/10",children:jsxs("span",{className:"text-sm font-medium text-green-600 dark:text-green-400",children:["Incoming (",n.filename,")"]})}),jsx(ScrollArea,{className:"h-full",ref:i=>{N.current.incoming=i;},onScrollCapture:i=>{let e=i.target;k("incoming",e.scrollTop);},children:jsx(CodeSnippet,{code:n.content,language:n.language,showLineNumbers:s,showCopyButton:false,showHeader:false,className:"border-0 rounded-none"})})]})]})},"renderThreeWay"),D=x(()=>!w||_.conflicts.length===0?null:jsx("div",{className:"border-t bg-muted/30",children:jsxs("div",{className:"px-4 py-2",children:[jsxs("div",{className:"flex items-center justify-between",children:[jsx("span",{className:"text-sm font-medium",children:"Merge Conflicts"}),jsx(Badge,{variant:"destructive",className:"text-xs",children:_.conflicts.length})]}),jsx("div",{className:"mt-2 space-y-2",children:_.conflicts.map((o,p)=>jsxs("div",{className:"flex items-center gap-2 text-xs",children:[jsxs("span",{children:["Lines ",o.startLine,"-",o.endLine]}),jsxs("div",{className:"flex gap-1",children:[jsx(Button,{variant:"outline",size:"sm",onClick:()=>r(p,"current"),className:"h-6 text-xs",children:"Keep Current"}),jsx(Button,{variant:"outline",size:"sm",onClick:()=>r(p,"incoming"),className:"h-6 text-xs",children:"Accept Incoming"})]})]},p))})]})}),"renderMergeConflicts");return jsxs("div",{ref:j,className:cn(Ae({layout:u,size:l}),d),style:{height:J},...O,children:[jsxs("div",{className:"flex items-center justify-between border-b px-4 py-2",children:[jsx("div",{className:"flex items-center gap-4",children:b()}),jsxs("div",{className:"flex items-center gap-2",children:[jsx(Tabs,{value:H,onValueChange:o=>M(o),children:jsxs(TabsList,{className:"grid w-full grid-cols-3",children:[jsx(TabsTrigger,{value:"side-by-side",className:"text-xs",children:"Side by Side"}),jsx(TabsTrigger,{value:"unified",className:"text-xs",children:"Unified"}),jsx(TabsTrigger,{value:"three-way",className:"text-xs",children:"Three-way"})]})}),g&&jsx(Button,{variant:"ghost",size:"sm",onClick:B,className:"h-8 w-8 p-0",children:F?jsx(Check,{className:"h-3.5 w-3.5 text-green-500"}):jsx(Copy,{className:"h-3.5 w-3.5"})}),jsxs(DropdownMenu,{children:[jsx(DropdownMenuTrigger,{asChild:true,children:jsx(Button,{variant:"ghost",size:"sm",className:"h-8 w-8 p-0",children:jsx(MoreHorizontal,{className:"h-3.5 w-3.5"})})}),jsxs(DropdownMenuContent,{align:"end",children:[jsxs(DropdownMenuItem,{onClick:()=>$([]),className:"gap-2",children:[jsx(RotateCcw,{className:"h-4 w-4"}),"Reset Selection"]}),jsxs(DropdownMenuItem,{className:"gap-2",children:[jsx(Settings,{className:"h-4 w-4"}),"Settings"]})]})]})]})]}),jsxs("div",{className:"flex-1 min-h-0",children:[H==="side-by-side"&&V(),H==="unified"&&G(),H==="three-way"&&Q()]}),D()]})});Oe.displayName="CodeCompare";var Je=cva("relative overflow-hidden rounded-lg border bg-muted/50",{variants:{theme:{dark:"bg-slate-950 border-slate-800",light:"bg-slate-50 border-slate-200",github:"bg-white border-slate-200","github-dark":"bg-slate-900 border-slate-700"},size:{sm:"text-xs",default:"text-sm",lg:"text-base"}},defaultVariants:{theme:"dark",size:"default"}}),ye=U.memo(({change:d,showLineNumbers:u,isUnified:l=false,highlightedContent:a})=>{let t=x(()=>{let g="group relative flex min-h-[1.5rem] items-center py-0.5";if(l)switch(d.type){case "add":return cn(g,"bg-green-500/10 border-l-2 border-l-green-500");case "remove":return cn(g,"bg-red-500/10 border-l-2 border-l-red-500");default:return cn(g,"hover:bg-muted/50")}return cn(g,"hover:bg-muted/50")},"getLineClasses"),s=x(()=>{if(!l)return null;switch(d.type){case "add":return jsx(Plus,{className:"h-3 w-3 text-green-500 mr-2 flex-shrink-0"});case "remove":return jsx(Minus,{className:"h-3 w-3 text-red-500 mr-2 flex-shrink-0"});default:return jsx("span",{className:"w-3 mr-2 flex-shrink-0"})}},"getLinePrefix");return jsx("div",{className:t(),children:jsxs("div",{className:"flex items-center px-4 w-full",children:[u&&jsx("div",{className:"flex items-center gap-2 mr-4",children:l?jsx("span",{className:"inline-block w-8 select-none text-right text-xs text-muted-foreground",children:d.lineNumber}):jsxs(Fragment,{children:[jsx("span",{className:"inline-block w-8 select-none text-right text-xs text-muted-foreground",children:d.oldLineNumber||""}),jsx("span",{className:"inline-block w-8 select-none text-right text-xs text-muted-foreground",children:d.newLineNumber||""})]})}),s(),jsx("div",{className:"flex-1 overflow-x-auto font-mono",dangerouslySetInnerHTML:{__html:a||d.content}})]})})});ye.displayName="DiffLine";function Ue(d,u){let l=d.split(`
+`),a=u.split(`
+`),t=[],s=0,g=0,w=1;for(;s<l.length||g<a.length;){let L=l[s],E=a[g];s>=l.length?(t.push({type:"add",lineNumber:w++,content:E,newLineNumber:g+1}),g++):g>=a.length?(t.push({type:"remove",lineNumber:w++,content:L,oldLineNumber:s+1}),s++):L===E?(t.push({type:"unchanged",lineNumber:w++,content:L,oldLineNumber:s+1,newLineNumber:g+1}),s++,g++):(t.push({type:"remove",lineNumber:w++,content:L,oldLineNumber:s+1}),t.push({type:"add",lineNumber:w++,content:E,newLineNumber:g+1}),s++,g++);}return t}x(Ue,"generateDiff");var Xe=U.forwardRef(({className:d,theme:u,size:l,oldCode:a,newCode:t,language:s="text",filename:g,oldFilename:w,newFilename:L,showLineNumbers:E=true,showCopyButton:X=true,maxHeight:J="500px",defaultView:Y="unified",collapseUnchanged:O=false,contextLines:j=3,...H},M)=>{let[P,$]=U.useState(Y),[_,R]=U.useState(false),[F,C]=U.useState(true),[N,k]=U.useState(""),[B,r]=U.useState(""),[c,b]=U.useState([]),V={dark:"github-dark",light:"github-light",github:"github-light","github-dark":"github-dark"};U.useEffect(()=>{x(async()=>{C(true);try{let[i,e]=await Promise.all([codeToHtml(a,{lang:s,theme:V[u||"dark"]}),codeToHtml(t,{lang:s,theme:V[u||"dark"]})]),f=x(m=>{let T=document.createElement("div");return T.innerHTML=m,T.querySelector("code")?.innerHTML||m},"extractContent");k(f(i)),r(f(e));let z=Ue(a,t);b(z);}catch(i){console.error("Failed to highlight code:",i),k(a),r(t),b(Ue(a,t));}finally{C(false);}},"highlightCode")();},[a,t,s,u]);let G=U.useCallback(async()=>{try{let n=P==="unified"?c.map(i=>`${i.type==="add"?"+":i.type==="remove"?"-":" "}${i.content}`).join(`
+`):`--- ${w||"old"}
++++ ${L||"new"}
+${a}
 
-${newCode}`;
-        await navigator.clipboard.writeText(diffText);
-        setCopied(true);
-        setTimeout(() => setCopied(false), 2e3);
-      } catch (error) {
-        console.error("Failed to copy diff:", error);
-      }
-    }, [changes, view, oldCode, newCode, oldFilename, newFilename]);
-    const filteredChanges = React6.useMemo(() => {
-      if (!collapseUnchanged) return changes;
-      const result = [];
-      let i = 0;
-      while (i < changes.length) {
-        const change = changes[i];
-        if (change.type !== "unchanged") {
-          result.push(change);
-          i++;
-          continue;
-        }
-        const unchangedStart = i;
-        while (i < changes.length && changes[i].type === "unchanged") {
-          i++;
-        }
-        const unchangedCount = i - unchangedStart;
-        if (unchangedCount <= contextLines * 2) {
-          for (let j = unchangedStart; j < i; j++) {
-            result.push(changes[j]);
-          }
-        } else {
-          for (let j = unchangedStart; j < unchangedStart + contextLines; j++) {
-            result.push(changes[j]);
-          }
-          result.push({
-            type: "unchanged",
-            lineNumber: -1,
-            content: `... ${unchangedCount - contextLines * 2} unchanged lines ...`
-          });
-          for (let j = i - contextLines; j < i; j++) {
-            result.push(changes[j]);
-          }
-        }
-      }
-      return result;
-    }, [changes, collapseUnchanged, contextLines]);
-    const stats = React6.useMemo(() => {
-      const additions = changes.filter((c) => c.type === "add").length;
-      const deletions = changes.filter((c) => c.type === "remove").length;
-      return { additions, deletions };
-    }, [changes]);
-    const renderUnifiedView = /* @__PURE__ */ __name(() => {
-      const oldLines = highlightedOldCode.split("\n");
-      const newLines = highlightedNewCode.split("\n");
-      return /* @__PURE__ */ jsx("div", { className: "font-mono", children: filteredChanges.map((change, index) => {
-        if (change.lineNumber === -1) {
-          return /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "flex items-center justify-center py-2 text-muted-foreground bg-muted/30",
-              children: /* @__PURE__ */ jsx("span", { className: "text-xs", children: change.content })
-            },
-            index
-          );
-        }
-        let highlightedContent = change.content;
-        if (change.type === "add" && change.newLineNumber) {
-          highlightedContent = newLines[change.newLineNumber - 1] || change.content;
-        } else if (change.type === "remove" && change.oldLineNumber) {
-          highlightedContent = oldLines[change.oldLineNumber - 1] || change.content;
-        } else if (change.type === "unchanged" && change.oldLineNumber) {
-          highlightedContent = oldLines[change.oldLineNumber - 1] || change.content;
-        }
-        return /* @__PURE__ */ jsx(
-          DiffLine,
-          {
-            change,
-            showLineNumbers,
-            isUnified: true,
-            highlightedContent
-          },
-          index
-        );
-      }) });
-    }, "renderUnifiedView");
-    const renderSplitView = /* @__PURE__ */ __name(() => {
-      const oldLines = highlightedOldCode.split("\n");
-      const newLines = highlightedNewCode.split("\n");
-      return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-0", children: [
-        /* @__PURE__ */ jsxs("div", { className: "border-r", children: [
-          /* @__PURE__ */ jsx("div", { className: "border-b px-4 py-2 bg-red-500/10", children: /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-red-600 dark:text-red-400", children: oldFilename || filename || "Old" }) }),
-          /* @__PURE__ */ jsx("div", { className: "font-mono", children: oldLines.map((line, index) => /* @__PURE__ */ jsx(
-            DiffLine,
-            {
-              change: {
-                type: "remove",
-                lineNumber: index + 1,
-                content: line,
-                oldLineNumber: index + 1
-              },
-              showLineNumbers,
-              highlightedContent: line
-            },
-            `old-${index}`
-          )) })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("div", { className: "border-b px-4 py-2 bg-green-500/10", children: /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-green-600 dark:text-green-400", children: newFilename || filename || "New" }) }),
-          /* @__PURE__ */ jsx("div", { className: "font-mono", children: newLines.map((line, index) => /* @__PURE__ */ jsx(
-            DiffLine,
-            {
-              change: {
-                type: "add",
-                lineNumber: index + 1,
-                content: line,
-                newLineNumber: index + 1
-              },
-              showLineNumbers,
-              highlightedContent: line
-            },
-            `new-${index}`
-          )) })
-        ] })
-      ] });
-    }, "renderSplitView");
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: cn(codeDiffVariants({ theme, size, className })),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b px-4 py-2", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx(GitCompare, { className: "h-4 w-4 text-muted-foreground" }),
-                filename && /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: filename }),
-                language && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: language })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
-                /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
-                  /* @__PURE__ */ jsx(Plus, { className: "h-3 w-3 text-green-500" }),
-                  stats.additions
-                ] }),
-                /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
-                  /* @__PURE__ */ jsx(Minus, { className: "h-3 w-3 text-red-500" }),
-                  stats.deletions
-                ] })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsxs(
-                ToggleGroup,
-                {
-                  type: "single",
-                  value: view,
-                  onValueChange: (value) => value && setView(value),
-                  size: "sm",
-                  children: [
-                    /* @__PURE__ */ jsx(ToggleGroupItem, { value: "unified", "aria-label": "Unified view", children: /* @__PURE__ */ jsx(Square, { className: "h-3 w-3" }) }),
-                    /* @__PURE__ */ jsx(ToggleGroupItem, { value: "split", "aria-label": "Split view", children: /* @__PURE__ */ jsx(SplitSquareHorizontal, { className: "h-3 w-3" }) })
-                  ]
-                }
-              ),
-              showCopyButton && /* @__PURE__ */ jsxs(
-                Button,
-                {
-                  variant: "ghost",
-                  size: "sm",
-                  onClick: copyToClipboard,
-                  className: "h-8 w-8 p-0",
-                  children: [
-                    copied ? /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 text-green-500" }) : /* @__PURE__ */ jsx(Copy, { className: "h-3.5 w-3.5" }),
-                    /* @__PURE__ */ jsx("span", { className: "sr-only", children: copied ? "Copied" : "Copy diff" })
-                  ]
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "overflow-auto", style: { maxHeight }, children: isLoading ? /* @__PURE__ */ jsx("div", { className: "p-4 space-y-2", children: Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-            showLineNumbers && /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-8" }),
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 flex-1" })
-          ] }, i)) }) : view === "unified" ? renderUnifiedView() : renderSplitView() })
-        ]
-      }
-    );
-  }
-);
-CodeDiff2.displayName = "CodeDiff";
-var defaultLanguages = [
-  "javascript",
-  "typescript",
-  "python",
-  "java",
-  "csharp",
-  "cpp",
-  "c",
-  "go",
-  "rust",
-  "ruby",
-  "php",
-  "swift",
-  "kotlin",
-  "dart",
-  "html",
-  "css",
-  "scss",
-  "json",
-  "xml",
-  "yaml",
-  "sql",
-  "markdown",
-  "shell",
-  "plaintext"
-];
-var languageDisplayNames = {
-  javascript: "JavaScript",
-  typescript: "TypeScript",
-  python: "Python",
-  java: "Java",
-  csharp: "C#",
-  cpp: "C++",
-  c: "C",
-  go: "Go",
-  rust: "Rust",
-  ruby: "Ruby",
-  php: "PHP",
-  swift: "Swift",
-  kotlin: "Kotlin",
-  dart: "Dart",
-  html: "HTML",
-  css: "CSS",
-  scss: "SCSS",
-  json: "JSON",
-  xml: "XML",
-  yaml: "YAML",
-  sql: "SQL",
-  markdown: "Markdown",
-  shell: "Shell",
-  plaintext: "Plain Text"
-};
-var CodeEditor = React6.forwardRef(
-  ({
-    value,
-    defaultValue = "",
-    language = "javascript",
-    height = "400px",
-    theme: themeProp = "auto",
-    onChange,
-    onMount,
-    readOnly = false,
-    lineNumbers = true,
-    minimap = false,
-    wordWrap = "on",
-    fontSize = 14,
-    className,
-    showCopyButton = true,
-    showLanguageSelector = true,
-    availableLanguages = defaultLanguages
-  }, ref) => {
-    const { theme: systemTheme } = useTheme();
-    const [selectedLanguage, setSelectedLanguage] = React6.useState(language);
-    const [copied, setCopied] = React6.useState(false);
-    const [editorValue, setEditorValue] = React6.useState(value || defaultValue);
-    React6.useEffect(() => {
-      if (value !== void 0) {
-        setEditorValue(value);
-      }
-    }, [value]);
-    const handleCopy = React6.useCallback(async () => {
-      try {
-        await navigator.clipboard.writeText(editorValue);
-        setCopied(true);
-        setTimeout(() => setCopied(false), 2e3);
-      } catch (err) {
-        console.error("Failed to copy:", err);
-      }
-    }, [editorValue]);
-    const handleChange = React6.useCallback(
-      (newValue, ev) => {
-        setEditorValue(newValue || "");
-        if (onChange) {
-          onChange(newValue, ev);
-        }
-      },
-      [onChange]
-    );
-    const resolveTheme = React6.useMemo(() => {
-      if (themeProp === "auto") {
-        return systemTheme === "dark" ? "vs-dark" : "light";
-      }
-      return themeProp === "dark" ? "vs-dark" : "light";
-    }, [themeProp, systemTheme]);
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: cn(
-          "relative overflow-hidden rounded-md border bg-background",
-          className
-        ),
-        children: [
-          (showLanguageSelector || showCopyButton) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b bg-muted/50 px-3 py-2", children: [
-            showLanguageSelector && /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-              /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-                Button,
-                {
-                  variant: "ghost",
-                  size: "sm",
-                  className: "h-8 gap-1 px-2 text-xs font-mono",
-                  children: [
-                    languageDisplayNames[selectedLanguage] || selectedLanguage,
-                    /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3" })
-                  ]
-                }
-              ) }),
-              /* @__PURE__ */ jsx(
-                DropdownMenuContent,
-                {
-                  align: "start",
-                  className: "max-h-80 overflow-auto",
-                  children: availableLanguages.map((lang) => /* @__PURE__ */ jsx(
-                    DropdownMenuItem,
-                    {
-                      onClick: () => setSelectedLanguage(lang),
-                      className: "font-mono text-xs",
-                      children: languageDisplayNames[lang] || lang
-                    },
-                    lang
-                  ))
-                }
-              )
-            ] }),
-            showCopyButton && /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "ghost",
-                size: "sm",
-                className: "h-8 gap-1.5 px-2 text-xs",
-                onClick: handleCopy,
-                disabled: !editorValue,
-                children: copied ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx(Check, { className: "h-3 w-3" }),
-                  "Copied!"
-                ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx(Copy, { className: "h-3 w-3" }),
-                  "Copy"
-                ] })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx(
-            Editor,
-            {
-              height,
-              defaultLanguage: language,
-              language: selectedLanguage,
-              value: editorValue,
-              defaultValue,
-              theme: resolveTheme,
-              onChange: handleChange,
-              onMount,
-              options: {
-                readOnly,
-                lineNumbers: lineNumbers ? "on" : "off",
-                minimap: {
-                  enabled: minimap
-                },
-                wordWrap,
-                fontSize,
-                scrollBeyondLastLine: false,
-                automaticLayout: true,
-                tabSize: 2,
-                insertSpaces: true,
-                formatOnPaste: true,
-                formatOnType: true,
-                scrollbar: {
-                  vertical: "auto",
-                  horizontal: "auto",
-                  verticalScrollbarSize: 10,
-                  horizontalScrollbarSize: 10
-                },
-                padding: {
-                  top: 16,
-                  bottom: 16
-                }
-              }
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-CodeEditor.displayName = "CodeEditor";
-var codeExplorerVariants = cva(
-  "relative flex flex-col overflow-hidden rounded-lg border bg-background",
-  {
-    variants: {
-      size: {
-        sm: "text-xs",
-        default: "text-sm",
-        lg: "text-base"
-      }
-    },
-    defaultVariants: {
-      size: "default"
-    }
-  }
-);
-var getFileIcon = /* @__PURE__ */ __name((fileName, isFolder = false) => {
-  if (isFolder) return Folder;
-  const ext = fileName.split(".").pop()?.toLowerCase();
-  switch (ext) {
-    case "js":
-    case "jsx":
-    case "ts":
-    case "tsx":
-    case "vue":
-    case "svelte":
-      return FileCode;
-    case "json":
-    case "xml":
-    case "yaml":
-    case "yml":
-    case "toml":
-    case "ini":
-      return FileText;
-    case "png":
-    case "jpg":
-    case "jpeg":
-    case "gif":
-    case "svg":
-    case "webp":
-    case "ico":
-      return FileImage;
-    default:
-      return File;
-  }
-}, "getFileIcon");
-var formatFileSize = /* @__PURE__ */ __name((bytes) => {
-  if (!bytes) return "";
-  const units = ["B", "KB", "MB", "GB"];
-  let size = bytes;
-  let unitIndex = 0;
-  while (size >= 1024 && unitIndex < units.length - 1) {
-    size /= 1024;
-    unitIndex++;
-  }
-  return `${size.toFixed(1)} ${units[unitIndex]}`;
-}, "formatFileSize");
-var formatModifiedDate = /* @__PURE__ */ __name((date) => {
-  if (!date) return "";
-  const now = /* @__PURE__ */ new Date();
-  const diff = now.getTime() - date.getTime();
-  const days = Math.floor(diff / (1e3 * 60 * 60 * 24));
-  if (days === 0) return "Today";
-  if (days === 1) return "Yesterday";
-  if (days < 7) return `${days} days ago`;
-  if (days < 30) return `${Math.floor(days / 7)} weeks ago`;
-  if (days < 365) return `${Math.floor(days / 30)} months ago`;
-  return `${Math.floor(days / 365)} years ago`;
-}, "formatModifiedDate");
-var CodeExplorer = React6.forwardRef(
-  ({
-    className,
-    size,
-    files,
-    onFileSelect,
-    onFolderToggle,
-    selectedFile,
-    showSearch = true,
-    showFileIcons = true,
-    showFileSize = false,
-    showModifiedDate = false,
-    height = "400px",
-    defaultExpanded = [],
-    searchPlaceholder = "Search files...",
-    emptyMessage = "No files found",
-    ...props
-  }, ref) => {
-    const [searchTerm, setSearchTerm] = React6.useState("");
-    const [expandedFolders, setExpandedFolders] = React6.useState(
-      new Set(defaultExpanded)
-    );
-    const buildFileTree = React6.useCallback(
-      (nodes) => {
-        return nodes.map((node) => ({
-          ...node,
-          isExpanded: expandedFolders.has(node.id),
-          children: node.children ? buildFileTree(node.children) : void 0
-        }));
-      },
-      [expandedFolders]
-    );
-    const filterFiles = React6.useCallback(
-      (nodes, term) => {
-        if (!term) return nodes;
-        const filtered = [];
-        for (const node of nodes) {
-          if (node.name.toLowerCase().includes(term.toLowerCase())) {
-            filtered.push(node);
-          } else if (node.type === "folder" && node.children) {
-            const filteredChildren = filterFiles(node.children, term);
-            if (filteredChildren.length > 0) {
-              filtered.push({
-                ...node,
-                children: filteredChildren,
-                isExpanded: true
-                // Auto-expand folders with matches
-              });
-            }
-          }
-        }
-        return filtered;
-      },
-      []
-    );
-    const processedFiles = React6.useMemo(() => {
-      const withExpansion = buildFileTree(files);
-      return searchTerm ? filterFiles(withExpansion, searchTerm) : withExpansion;
-    }, [files, searchTerm, buildFileTree, filterFiles]);
-    const toggleFolder = React6.useCallback(
-      (folder) => {
-        setExpandedFolders((prev) => {
-          const newSet = new Set(prev);
-          if (newSet.has(folder.id)) {
-            newSet.delete(folder.id);
-          } else {
-            newSet.add(folder.id);
-          }
-          return newSet;
-        });
-        onFolderToggle?.(folder);
-      },
-      [onFolderToggle]
-    );
-    const renderFileNode = React6.useCallback(
-      (node, depth = 0) => {
-        const Icon = showFileIcons ? getFileIcon(node.name, node.type === "folder") : null;
-        const FolderIcon = node.type === "folder" && node.isExpanded ? FolderOpen : Folder;
-        const isSelected = selectedFile === node.id || selectedFile === node.path;
-        return /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: cn(
-                "flex items-center gap-2 px-2 py-1 hover:bg-muted/50 cursor-pointer transition-colors",
-                isSelected && "bg-muted",
-                "rounded-sm"
-              ),
-              style: { paddingLeft: `${depth * 16 + 8}px` },
-              onClick: () => {
-                if (node.type === "folder") {
-                  toggleFolder(node);
-                } else {
-                  onFileSelect?.(node);
-                }
-              },
-              children: [
-                node.type === "folder" && /* @__PURE__ */ jsx("div", { className: "w-4 h-4 flex items-center justify-center", children: node.isExpanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-3 w-3" }) }),
-                showFileIcons && /* @__PURE__ */ jsx("div", { className: "w-4 h-4 flex items-center justify-center flex-shrink-0", children: node.type === "folder" ? /* @__PURE__ */ jsx(FolderIcon, { className: "h-4 w-4 text-blue-500" }) : Icon ? /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 text-muted-foreground" }) : null }),
-                /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: node.name }),
-                showFileSize && node.type === "file" && node.size && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground flex-shrink-0", children: formatFileSize(node.size) }),
-                showModifiedDate && node.modified && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground flex-shrink-0", children: formatModifiedDate(node.modified) })
-              ]
-            }
-          ),
-          node.type === "folder" && node.isExpanded && node.children && /* @__PURE__ */ jsx("div", { children: node.children.map((child) => renderFileNode(child, depth + 1)) })
-        ] }, node.id);
-      },
-      [
-        showFileIcons,
-        showFileSize,
-        showModifiedDate,
-        selectedFile,
-        toggleFolder,
-        onFileSelect
-      ]
-    );
-    const clearSearch = /* @__PURE__ */ __name(() => {
-      setSearchTerm("");
-    }, "clearSearch");
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: cn(codeExplorerVariants({ size }), className),
-        style: { height },
-        ...props,
-        children: [
-          showSearch && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 border-b px-4 py-2", children: /* @__PURE__ */ jsxs("div", { className: "relative flex-1", children: [
-            /* @__PURE__ */ jsx(Search, { className: "absolute left-2 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
-            /* @__PURE__ */ jsx(
-              Input,
-              {
-                value: searchTerm,
-                onChange: (e) => setSearchTerm(e.target.value),
-                placeholder: searchPlaceholder,
-                className: "pl-8 pr-8 h-8"
-              }
-            ),
-            searchTerm && /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "ghost",
-                size: "sm",
-                onClick: clearSearch,
-                className: "absolute right-1 top-1/2 transform -translate-y-1/2 h-6 w-6 p-0",
-                children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
-              }
-            )
-          ] }) }),
-          /* @__PURE__ */ jsx(ScrollArea, { className: "flex-1", children: /* @__PURE__ */ jsx("div", { className: "p-2", children: processedFiles.length === 0 ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-24 text-muted-foreground", children: searchTerm ? `No files match "${searchTerm}"` : emptyMessage }) : /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: processedFiles.map((node) => renderFileNode(node, 0)) }) }) }),
-          /* @__PURE__ */ jsxs("div", { className: "border-t px-4 py-2 text-xs text-muted-foreground", children: [
-            (() => {
-              const countFiles = /* @__PURE__ */ __name((nodes) => {
-                let files2 = 0;
-                let folders = 0;
-                for (const node of nodes) {
-                  if (node.type === "file") {
-                    files2++;
-                  } else {
-                    folders++;
-                    if (node.children) {
-                      const childCounts = countFiles(node.children);
-                      files2 += childCounts.files;
-                      folders += childCounts.folders;
-                    }
-                  }
-                }
-                return { files: files2, folders };
-              }, "countFiles");
-              const { files: fileCount, folders: folderCount } = countFiles(processedFiles);
-              const parts = [];
-              if (fileCount > 0)
-                parts.push(`${fileCount} file${fileCount === 1 ? "" : "s"}`);
-              if (folderCount > 0)
-                parts.push(`${folderCount} folder${folderCount === 1 ? "" : "s"}`);
-              return parts.join(", ") || "Empty";
-            })(),
-            searchTerm && /* @__PURE__ */ jsx("span", { children: " (filtered)" })
-          ] })
-        ]
-      }
-    );
-  }
-);
-CodeExplorer.displayName = "CodeExplorer";
-var codePreviewVariants = cva(
-  "relative overflow-hidden rounded-lg border bg-background",
-  {
-    variants: {
-      size: {
-        sm: "text-xs",
-        default: "text-sm",
-        lg: "text-base"
-      }
-    },
-    defaultVariants: {
-      size: "default"
-    }
-  }
-);
-var runHTMLCode = /* @__PURE__ */ __name((files) => {
-  const htmlFile = files.find((f) => f.type === "html");
-  const cssFiles = files.filter((f) => f.type === "css");
-  const jsFiles = files.filter((f) => f.type === "js");
-  let html = htmlFile?.content || "<div>No HTML file provided</div>";
-  if (cssFiles.length > 0) {
-    const cssContent = cssFiles.map((f) => f.content).join("\n");
-    html = `<style>${cssContent}</style>
-${html}`;
-  }
-  if (jsFiles.length > 0) {
-    const jsContent = jsFiles.map((f) => f.content).join("\n");
-    html = `${html}
-<script>${jsContent}</script>`;
-  }
-  return html;
-}, "runHTMLCode");
-var consoleScript = `
+${t}`;await navigator.clipboard.writeText(n),R(!0),setTimeout(()=>R(!1),2e3);}catch(n){console.error("Failed to copy diff:",n);}},[c,P,a,t,w,L]),Q=U.useMemo(()=>{if(!O)return c;let n=[],i=0;for(;i<c.length;){let e=c[i];if(e.type!=="unchanged"){n.push(e),i++;continue}let f=i;for(;i<c.length&&c[i].type==="unchanged";)i++;let z=i-f;if(z<=j*2)for(let m=f;m<i;m++)n.push(c[m]);else {for(let m=f;m<f+j;m++)n.push(c[m]);n.push({type:"unchanged",lineNumber:-1,content:`... ${z-j*2} unchanged lines ...`});for(let m=i-j;m<i;m++)n.push(c[m]);}}return n},[c,O,j]),D=U.useMemo(()=>{let n=c.filter(e=>e.type==="add").length,i=c.filter(e=>e.type==="remove").length;return {additions:n,deletions:i}},[c]),o=x(()=>{let n=N.split(`
+`),i=B.split(`
+`);return jsx("div",{className:"font-mono",children:Q.map((e,f)=>{if(e.lineNumber===-1)return jsx("div",{className:"flex items-center justify-center py-2 text-muted-foreground bg-muted/30",children:jsx("span",{className:"text-xs",children:e.content})},f);let z=e.content;return e.type==="add"&&e.newLineNumber?z=i[e.newLineNumber-1]||e.content:(e.type==="remove"&&e.oldLineNumber||e.type==="unchanged"&&e.oldLineNumber)&&(z=n[e.oldLineNumber-1]||e.content),jsx(ye,{change:e,showLineNumbers:E,isUnified:true,highlightedContent:z},f)})})},"renderUnifiedView"),p=x(()=>{let n=N.split(`
+`),i=B.split(`
+`);return jsxs("div",{className:"grid grid-cols-2 gap-0",children:[jsxs("div",{className:"border-r",children:[jsx("div",{className:"border-b px-4 py-2 bg-red-500/10",children:jsx("span",{className:"text-sm font-medium text-red-600 dark:text-red-400",children:w||g||"Old"})}),jsx("div",{className:"font-mono",children:n.map((e,f)=>jsx(ye,{change:{type:"remove",lineNumber:f+1,content:e,oldLineNumber:f+1},showLineNumbers:E,highlightedContent:e},`old-${f}`))})]}),jsxs("div",{children:[jsx("div",{className:"border-b px-4 py-2 bg-green-500/10",children:jsx("span",{className:"text-sm font-medium text-green-600 dark:text-green-400",children:L||g||"New"})}),jsx("div",{className:"font-mono",children:i.map((e,f)=>jsx(ye,{change:{type:"add",lineNumber:f+1,content:e,newLineNumber:f+1},showLineNumbers:E,highlightedContent:e},`new-${f}`))})]})]})},"renderSplitView");return jsxs("div",{ref:M,className:cn(Je({theme:u,size:l,className:d})),...H,children:[jsxs("div",{className:"flex items-center justify-between border-b px-4 py-2",children:[jsxs("div",{className:"flex items-center gap-4",children:[jsxs("div",{className:"flex items-center gap-2",children:[jsx(GitCompare,{className:"h-4 w-4 text-muted-foreground"}),g&&jsx("span",{className:"text-sm font-medium",children:g}),s&&jsx(Badge,{variant:"secondary",className:"text-xs",children:s})]}),jsxs("div",{className:"flex items-center gap-2 text-xs text-muted-foreground",children:[jsxs("span",{className:"flex items-center gap-1",children:[jsx(Plus,{className:"h-3 w-3 text-green-500"}),D.additions]}),jsxs("span",{className:"flex items-center gap-1",children:[jsx(Minus,{className:"h-3 w-3 text-red-500"}),D.deletions]})]})]}),jsxs("div",{className:"flex items-center gap-2",children:[jsxs(ToggleGroup,{type:"single",value:P,onValueChange:n=>n&&$(n),size:"sm",children:[jsx(ToggleGroupItem,{value:"unified","aria-label":"Unified view",children:jsx(Square,{className:"h-3 w-3"})}),jsx(ToggleGroupItem,{value:"split","aria-label":"Split view",children:jsx(SplitSquareHorizontal,{className:"h-3 w-3"})})]}),X&&jsxs(Button,{variant:"ghost",size:"sm",onClick:G,className:"h-8 w-8 p-0",children:[_?jsx(Check,{className:"h-3.5 w-3.5 text-green-500"}):jsx(Copy,{className:"h-3.5 w-3.5"}),jsx("span",{className:"sr-only",children:_?"Copied":"Copy diff"})]})]})]}),jsx("div",{className:"overflow-auto",style:{maxHeight:J},children:F?jsx("div",{className:"p-4 space-y-2",children:Array.from({length:10}).map((n,i)=>jsxs("div",{className:"flex items-center gap-4",children:[E&&jsx(Skeleton,{className:"h-4 w-8"}),jsx(Skeleton,{className:"h-4 flex-1"})]},i))}):P==="unified"?o():p()})]})});Xe.displayName="CodeDiff";var oa=["javascript","typescript","python","java","csharp","cpp","c","go","rust","ruby","php","swift","kotlin","dart","html","css","scss","json","xml","yaml","sql","markdown","shell","plaintext"],Qe={javascript:"JavaScript",typescript:"TypeScript",python:"Python",java:"Java",csharp:"C#",cpp:"C++",c:"C",go:"Go",rust:"Rust",ruby:"Ruby",php:"PHP",swift:"Swift",kotlin:"Kotlin",dart:"Dart",html:"HTML",css:"CSS",scss:"SCSS",json:"JSON",xml:"XML",yaml:"YAML",sql:"SQL",markdown:"Markdown",shell:"Shell",plaintext:"Plain Text"},et=U.forwardRef(({value:d,defaultValue:u="",language:l="javascript",height:a="400px",theme:t="auto",onChange:s,onMount:g,readOnly:w=false,lineNumbers:L=true,minimap:E=false,wordWrap:X="on",fontSize:J=14,className:Y,showCopyButton:O=true,showLanguageSelector:j=true,availableLanguages:H=oa},M)=>{let{theme:P}=useTheme(),[$,_]=U.useState(l),[R,F]=U.useState(false),[C,N]=U.useState(d||u);U.useEffect(()=>{d!==void 0&&N(d);},[d]);let k=U.useCallback(async()=>{try{await navigator.clipboard.writeText(C),F(!0),setTimeout(()=>F(!1),2e3);}catch(c){console.error("Failed to copy:",c);}},[C]),B=U.useCallback((c,b)=>{N(c||""),s&&s(c,b);},[s]),r=U.useMemo(()=>t==="auto"?P==="dark"?"vs-dark":"light":t==="dark"?"vs-dark":"light",[t,P]);return jsxs("div",{ref:M,className:cn("relative overflow-hidden rounded-md border bg-background",Y),children:[(j||O)&&jsxs("div",{className:"flex items-center justify-between border-b bg-muted/50 px-3 py-2",children:[j&&jsxs(DropdownMenu,{children:[jsx(DropdownMenuTrigger,{asChild:true,children:jsxs(Button,{variant:"ghost",size:"sm",className:"h-8 gap-1 px-2 text-xs font-mono",children:[Qe[$]||$,jsx(ChevronDown,{className:"h-3 w-3"})]})}),jsx(DropdownMenuContent,{align:"start",className:"max-h-80 overflow-auto",children:H.map(c=>jsx(DropdownMenuItem,{onClick:()=>_(c),className:"font-mono text-xs",children:Qe[c]||c},c))})]}),O&&jsx(Button,{variant:"ghost",size:"sm",className:"h-8 gap-1.5 px-2 text-xs",onClick:k,disabled:!C,children:R?jsxs(Fragment,{children:[jsx(Check,{className:"h-3 w-3"}),"Copied!"]}):jsxs(Fragment,{children:[jsx(Copy,{className:"h-3 w-3"}),"Copy"]})})]}),jsx(Xt,{height:a,defaultLanguage:l,language:$,value:C,defaultValue:u,theme:r,onChange:B,onMount:g,options:{readOnly:w,lineNumbers:L?"on":"off",minimap:{enabled:E},wordWrap:X,fontSize:J,scrollBeyondLastLine:false,automaticLayout:true,tabSize:2,insertSpaces:true,formatOnPaste:true,formatOnType:true,scrollbar:{vertical:"auto",horizontal:"auto",verticalScrollbarSize:10,horizontalScrollbarSize:10},padding:{top:16,bottom:16}}})]})});et.displayName="CodeEditor";var st=cva("relative flex flex-col overflow-hidden rounded-lg border bg-background",{variants:{size:{sm:"text-xs",default:"text-sm",lg:"text-base"}},defaultVariants:{size:"default"}}),ya=x((d,u=false)=>{if(u)return Folder;switch(d.split(".").pop()?.toLowerCase()){case "js":case "jsx":case "ts":case "tsx":case "vue":case "svelte":return FileCode;case "json":case "xml":case "yaml":case "yml":case "toml":case "ini":return FileText;case "png":case "jpg":case "jpeg":case "gif":case "svg":case "webp":case "ico":return FileImage;default:return File}},"getFileIcon"),wa=x(d=>{if(!d)return "";let u=["B","KB","MB","GB"],l=d,a=0;for(;l>=1024&&a<u.length-1;)l/=1024,a++;return `${l.toFixed(1)} ${u[a]}`},"formatFileSize"),Na=x(d=>{if(!d)return "";let l=new Date().getTime()-d.getTime(),a=Math.floor(l/(1e3*60*60*24));return a===0?"Today":a===1?"Yesterday":a<7?`${a} days ago`:a<30?`${Math.floor(a/7)} weeks ago`:a<365?`${Math.floor(a/30)} months ago`:`${Math.floor(a/365)} years ago`},"formatModifiedDate"),rt=U.forwardRef(({className:d,size:u,files:l,onFileSelect:a,onFolderToggle:t,selectedFile:s,showSearch:g=true,showFileIcons:w=true,showFileSize:L=false,showModifiedDate:E=false,height:X$1="400px",defaultExpanded:J=[],searchPlaceholder:Y="Search files...",emptyMessage:O="No files found",...j},H)=>{let[M,P]=U.useState(""),[$,_]=U.useState(new Set(J)),R=U.useCallback(r=>r.map(c=>({...c,isExpanded:$.has(c.id),children:c.children?R(c.children):void 0})),[$]),F=U.useCallback((r,c)=>{if(!c)return r;let b=[];for(let V of r)if(V.name.toLowerCase().includes(c.toLowerCase()))b.push(V);else if(V.type==="folder"&&V.children){let G=F(V.children,c);G.length>0&&b.push({...V,children:G,isExpanded:true});}return b},[]),C=U.useMemo(()=>{let r=R(l);return M?F(r,M):r},[l,M,R,F]),N=U.useCallback(r=>{_(c=>{let b=new Set(c);return b.has(r.id)?b.delete(r.id):b.add(r.id),b}),t?.(r);},[t]),k=U.useCallback((r,c=0)=>{let b=w?ya(r.name,r.type==="folder"):null,V=r.type==="folder"&&r.isExpanded?FolderOpen:Folder,G=s===r.id||s===r.path;return jsxs("div",{children:[jsxs("div",{className:cn("flex items-center gap-2 px-2 py-1 hover:bg-muted/50 cursor-pointer transition-colors",G&&"bg-muted","rounded-sm"),style:{paddingLeft:`${c*16+8}px`},onClick:()=>{r.type==="folder"?N(r):a?.(r);},children:[r.type==="folder"&&jsx("div",{className:"w-4 h-4 flex items-center justify-center",children:r.isExpanded?jsx(ChevronDown,{className:"h-3 w-3"}):jsx(ChevronRight,{className:"h-3 w-3"})}),w&&jsx("div",{className:"w-4 h-4 flex items-center justify-center flex-shrink-0",children:r.type==="folder"?jsx(V,{className:"h-4 w-4 text-blue-500"}):b?jsx(b,{className:"h-4 w-4 text-muted-foreground"}):null}),jsx("span",{className:"flex-1 truncate",children:r.name}),L&&r.type==="file"&&r.size&&jsx("span",{className:"text-xs text-muted-foreground flex-shrink-0",children:wa(r.size)}),E&&r.modified&&jsx("span",{className:"text-xs text-muted-foreground flex-shrink-0",children:Na(r.modified)})]}),r.type==="folder"&&r.isExpanded&&r.children&&jsx("div",{children:r.children.map(Q=>k(Q,c+1))})]},r.id)},[w,L,E,s,N,a]),B=x(()=>{P("");},"clearSearch");return jsxs("div",{ref:H,className:cn(st({size:u}),d),style:{height:X$1},...j,children:[g&&jsx("div",{className:"flex items-center gap-2 border-b px-4 py-2",children:jsxs("div",{className:"relative flex-1",children:[jsx(Search,{className:"absolute left-2 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground"}),jsx(Input,{value:M,onChange:r=>P(r.target.value),placeholder:Y,className:"pl-8 pr-8 h-8"}),M&&jsx(Button,{variant:"ghost",size:"sm",onClick:B,className:"absolute right-1 top-1/2 transform -translate-y-1/2 h-6 w-6 p-0",children:jsx(X,{className:"h-3 w-3"})})]})}),jsx(ScrollArea,{className:"flex-1",children:jsx("div",{className:"p-2",children:C.length===0?jsx("div",{className:"flex items-center justify-center h-24 text-muted-foreground",children:M?`No files match "${M}"`:O}):jsx("div",{className:"space-y-0.5",children:C.map(r=>k(r,0))})})}),jsxs("div",{className:"border-t px-4 py-2 text-xs text-muted-foreground",children:[(()=>{let r=x(G=>{let Q=0,D=0;for(let o of G)if(o.type==="file")Q++;else if(D++,o.children){let p=r(o.children);Q+=p.files,D+=p.folders;}return {files:Q,folders:D}},"countFiles"),{files:c,folders:b}=r(C),V=[];return c>0&&V.push(`${c} file${c===1?"":"s"}`),b>0&&V.push(`${b} folder${b===1?"":"s"}`),V.join(", ")||"Empty"})(),M&&jsx("span",{children:" (filtered)"})]})]})});rt.displayName="CodeExplorer";var mt=cva("relative overflow-hidden rounded-lg border bg-background",{variants:{size:{sm:"text-xs",default:"text-sm",lg:"text-base"}},defaultVariants:{size:"default"}}),Ia=x(d=>{let u=d.find(s=>s.type==="html"),l=d.filter(s=>s.type==="css"),a=d.filter(s=>s.type==="js"),t=u?.content||"<div>No HTML file provided</div>";if(l.length>0&&(t=`<style>${l.map(g=>g.content).join(`
+`)}</style>
+${t}`),a.length>0){let s=a.map(g=>g.content).join(`
+`);t=`${t}
+<script>${s}</script>`;}return t},"runHTMLCode"),ja=`
 <script>
   const originalConsole = window.console;
   const logs = [];
@@ -1535,976 +57,7 @@ var consoleScript = `
     }, '*');
   });
 </script>
-`;
-var CodePreview = React6.forwardRef(
-  ({
-    className,
-    size,
-    files,
-    defaultFile,
-    showPreview = true,
-    showConsole = true,
-    autoRun = false,
-    maxHeight = "600px",
-    previewHeight = "300px",
-    consoleHeight = "150px",
-    allowFullscreen = true,
-    customRunner,
-    ...props
-  }, ref) => {
-    const [activeFile, setActiveFile] = React6.useState(
-      defaultFile || files[0]?.filename || ""
-    );
-    const [previewContent, setPreviewContent] = React6.useState("");
-    const [isRunning, setIsRunning] = React6.useState(false);
-    const [results, setResults] = React6.useState([]);
-    const [isPreviewVisible, setIsPreviewVisible] = React6.useState(showPreview);
-    const [isConsoleVisible, setIsConsoleVisible] = React6.useState(showConsole);
-    const [isFullscreen, setIsFullscreen] = React6.useState(false);
-    const [copied, setCopied] = React6.useState({});
-    const iframeRef = React6.useRef(null);
-    files.find((f) => f.filename === activeFile) || files[0];
-    React6.useEffect(() => {
-      const handleMessage = /* @__PURE__ */ __name((event) => {
-        if (event.data?.type === "console" || event.data?.type === "error") {
-          setResults((prev) => [...prev, event.data.data]);
-        }
-      }, "handleMessage");
-      window.addEventListener("message", handleMessage);
-      return () => window.removeEventListener("message", handleMessage);
-    }, []);
-    const runCode = React6.useCallback(async () => {
-      setIsRunning(true);
-      setResults([]);
-      try {
-        let output;
-        if (customRunner) {
-          output = await customRunner(files);
-        } else {
-          output = runHTMLCode(files);
-        }
-        output = consoleScript + output;
-        setPreviewContent(output);
-        if (iframeRef.current) {
-          const doc = iframeRef.current.contentDocument;
-          if (doc) {
-            doc.open();
-            doc.write(output);
-            doc.close();
-          }
-        }
-      } catch (error) {
-        setResults([
-          {
-            type: "error",
-            content: error instanceof Error ? error.message : String(error),
-            timestamp: Date.now()
-          }
-        ]);
-      } finally {
-        setIsRunning(false);
-      }
-    }, [files, customRunner]);
-    React6.useEffect(() => {
-      if (autoRun) {
-        const timer = setTimeout(runCode, 1e3);
-        return () => clearTimeout(timer);
-      }
-    }, [files, autoRun, runCode]);
-    const copyFileContent = React6.useCallback(
-      async (filename) => {
-        const file = files.find((f) => f.filename === filename);
-        if (!file) return;
-        try {
-          await navigator.clipboard.writeText(file.content);
-          setCopied((prev) => ({ ...prev, [filename]: true }));
-          setTimeout(() => {
-            setCopied((prev) => ({ ...prev, [filename]: false }));
-          }, 2e3);
-        } catch (error) {
-          console.error("Failed to copy code:", error);
-        }
-      },
-      [files]
-    );
-    const clearConsole = /* @__PURE__ */ __name(() => {
-      setResults([]);
-    }, "clearConsole");
-    const renderConsole = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b px-4 py-2 bg-muted/30", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(Terminal, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "Console" }),
-          results.length > 0 && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: results.length })
-        ] }),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "ghost",
-            size: "sm",
-            onClick: clearConsole,
-            className: "h-8 w-8 p-0",
-            children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto p-2 space-y-1 font-mono text-xs", children: results.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-muted-foreground italic", children: "No output" }) : results.map((result, index) => /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: cn(
-            "flex items-start gap-2 p-2 rounded",
-            result.type === "error" && "bg-red-500/10 text-red-600 dark:text-red-400",
-            result.type === "log" && "bg-blue-500/10 text-blue-600 dark:text-blue-400",
-            result.type === "output" && "bg-green-500/10 text-green-600 dark:text-green-400"
-          ),
-          children: [
-            /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: new Date(result.timestamp).toLocaleTimeString() }),
-            /* @__PURE__ */ jsx("pre", { className: "flex-1 whitespace-pre-wrap break-words", children: result.content })
-          ]
-        },
-        index
-      )) })
-    ] }), "renderConsole");
-    const layout = isFullscreen ? "fixed inset-0 z-50 bg-background" : "";
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: cn(codePreviewVariants({ size }), layout, className),
-        style: { maxHeight: isFullscreen ? "100vh" : maxHeight },
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b px-4 py-2", children: [
-            /* @__PURE__ */ jsx(
-              Tabs,
-              {
-                value: activeFile,
-                onValueChange: setActiveFile,
-                className: "flex-1",
-                children: /* @__PURE__ */ jsx(TabsList, { className: "h-auto p-0 bg-transparent", children: files.map((file) => /* @__PURE__ */ jsxs(
-                  TabsTrigger,
-                  {
-                    value: file.filename,
-                    className: "relative flex items-center gap-2 data-[state=active]:bg-muted",
-                    children: [
-                      /* @__PURE__ */ jsx("span", { children: file.filename }),
-                      /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-xs", children: file.language }),
-                      /* @__PURE__ */ jsx(
-                        Button,
-                        {
-                          variant: "ghost",
-                          size: "sm",
-                          onClick: (e) => {
-                            e.stopPropagation();
-                            copyFileContent(file.filename);
-                          },
-                          className: "h-6 w-6 p-0 opacity-0 group-hover:opacity-100",
-                          children: copied[file.filename] ? /* @__PURE__ */ jsx(Check, { className: "h-3 w-3 text-green-500" }) : /* @__PURE__ */ jsx(Copy, { className: "h-3 w-3" })
-                        }
-                      )
-                    ]
-                  },
-                  file.filename
-                )) })
-              }
-            ),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx(
-                Toggle,
-                {
-                  pressed: isPreviewVisible,
-                  onPressedChange: setIsPreviewVisible,
-                  "aria-label": "Toggle preview",
-                  size: "sm",
-                  children: isPreviewVisible ? /* @__PURE__ */ jsx(Eye, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(EyeOff, { className: "h-4 w-4" })
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Toggle,
-                {
-                  pressed: isConsoleVisible,
-                  onPressedChange: setIsConsoleVisible,
-                  "aria-label": "Toggle console",
-                  size: "sm",
-                  children: /* @__PURE__ */ jsx(Terminal, { className: "h-4 w-4" })
-                }
-              ),
-              /* @__PURE__ */ jsxs(
-                Button,
-                {
-                  variant: "outline",
-                  size: "sm",
-                  onClick: runCode,
-                  disabled: isRunning,
-                  className: "gap-2",
-                  children: [
-                    isRunning ? /* @__PURE__ */ jsx(RefreshCw, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx(Play, { className: "h-4 w-4" }),
-                    "Run"
-                  ]
-                }
-              ),
-              allowFullscreen && /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "ghost",
-                  size: "sm",
-                  onClick: () => setIsFullscreen(!isFullscreen),
-                  className: "h-8 w-8 p-0",
-                  children: isFullscreen ? /* @__PURE__ */ jsx(Square, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(Settings, { className: "h-4 w-4" })
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full", children: [
-            /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsx(Tabs, { value: activeFile, onValueChange: setActiveFile, children: files.map((file) => /* @__PURE__ */ jsx(
-              TabsContent,
-              {
-                value: file.filename,
-                className: "m-0 h-full",
-                children: /* @__PURE__ */ jsx(
-                  CodeSnippet,
-                  {
-                    code: file.content,
-                    language: file.language,
-                    showLineNumbers: true,
-                    showCopyButton: false,
-                    showHeader: false,
-                    maxHeight: "100%",
-                    className: "border-0 rounded-none"
-                  }
-                )
-              },
-              file.filename
-            )) }) }),
-            (isPreviewVisible || isConsoleVisible) && /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(Separator, {}),
-              /* @__PURE__ */ jsxs("div", { className: "flex flex-col lg:flex-row min-h-0", children: [
-                isPreviewVisible && /* @__PURE__ */ jsxs(
-                  "div",
-                  {
-                    className: "flex-1 min-h-0 border-r last:border-r-0",
-                    style: { height: previewHeight },
-                    children: [
-                      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-b px-4 py-2 bg-muted/30", children: [
-                        /* @__PURE__ */ jsx(Eye, { className: "h-4 w-4" }),
-                        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "Preview" }),
-                        results.filter((r) => r.type === "error").length > 0 && /* @__PURE__ */ jsx(AlertTriangle, { className: "h-4 w-4 text-red-500" })
-                      ] }),
-                      /* @__PURE__ */ jsx(
-                        "iframe",
-                        {
-                          ref: iframeRef,
-                          className: "w-full h-full bg-white",
-                          sandbox: "allow-scripts allow-same-origin",
-                          srcDoc: previewContent
-                        }
-                      )
-                    ]
-                  }
-                ),
-                isConsoleVisible && /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: "flex-1 min-h-0",
-                    style: { height: consoleHeight },
-                    children: renderConsole()
-                  }
-                )
-              ] })
-            ] })
-          ] }),
-          isFullscreen && /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "absolute inset-0 bg-black/50",
-              onClick: () => setIsFullscreen(false)
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-CodePreview.displayName = "CodePreview";
-var codeSnippetVariants = cva("relative group", {
-  variants: {
-    variant: {
-      default: "rounded-lg border bg-muted/50",
-      inline: "inline-block rounded-md bg-muted px-2 py-1",
-      minimal: "bg-transparent"
-    },
-    theme: {
-      dark: "bg-slate-950 border-slate-800",
-      light: "bg-slate-50 border-slate-200",
-      github: "bg-white border-slate-200",
-      "github-dark": "bg-slate-900 border-slate-700",
-      terminal: "bg-black border-green-500/30 text-green-400",
-      retro: "bg-amber-50 border-amber-200 text-amber-900"
-    },
-    size: {
-      xs: "text-xs",
-      sm: "text-sm",
-      default: "text-sm",
-      lg: "text-base"
-    }
-  },
-  defaultVariants: {
-    variant: "default",
-    theme: "dark",
-    size: "default"
-  }
-});
-var CodeSnippet3 = React6.forwardRef(
-  ({
-    className,
-    variant,
-    theme,
-    size,
-    code,
-    language = "text",
-    filename,
-    showLineNumbers = false,
-    highlightLines = [],
-    showCopyButton = true,
-    showLanguageBadge = true,
-    showHeader = true,
-    maxHeight,
-    expandable = false,
-    collapsedHeight = "200px",
-    wrapLines = false,
-    startLineNumber = 1,
-    ...props
-  }, ref) => {
-    const [highlightedCode, setHighlightedCode] = React6.useState("");
-    const [copied, setCopied] = React6.useState(false);
-    const [isLoading, setIsLoading] = React6.useState(true);
-    const [isExpanded, setIsExpanded] = React6.useState(!expandable);
-    const themeMap = {
-      dark: "github-dark",
-      light: "github-light",
-      github: "github-light",
-      "github-dark": "github-dark",
-      terminal: "github-dark",
-      retro: "github-light"
-    };
-    React6.useEffect(() => {
-      const highlightCode = /* @__PURE__ */ __name(async () => {
-        setIsLoading(true);
-        try {
-          const supportedLang = Object.keys(bundledLanguages).includes(language);
-          const highlighted = await codeToHtml(code, {
-            lang: supportedLang ? language : "text",
-            theme: themeMap[theme || "dark"]
-          });
-          const tempDiv = document.createElement("div");
-          tempDiv.innerHTML = highlighted;
-          const codeElement = tempDiv.querySelector("code");
-          setHighlightedCode(codeElement?.innerHTML || highlighted);
-        } catch (error) {
-          console.error("Failed to highlight code:", error);
-          const escaped = code.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-          setHighlightedCode(escaped);
-        } finally {
-          setIsLoading(false);
-        }
-      }, "highlightCode");
-      highlightCode();
-    }, [code, language, theme]);
-    const copyToClipboard = React6.useCallback(async () => {
-      try {
-        await navigator.clipboard.writeText(code);
-        setCopied(true);
-        setTimeout(() => setCopied(false), 2e3);
-      } catch (error) {
-        console.error("Failed to copy code:", error);
-      }
-    }, [code]);
-    const lines = highlightedCode.split("\n").filter((line, index, array) => {
-      return line.trim() !== "" || index < array.length - 1;
-    });
-    const renderInline = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsx(
-      "code",
-      {
-        className: cn(
-          codeSnippetVariants({ variant, theme, size }),
-          "font-mono",
-          className
-        ),
-        dangerouslySetInnerHTML: { __html: highlightedCode }
-      }
-    ), "renderInline");
-    const renderBlock = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: cn(
-          codeSnippetVariants({ variant, theme, size }),
-          "overflow-hidden",
-          className
-        ),
-        ...props,
-        children: [
-          showHeader && (filename || language || showCopyButton || expandable) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b px-4 py-2 bg-muted/30", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              filename && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
-                /* @__PURE__ */ jsx(FileText, { className: "h-3.5 w-3.5 text-muted-foreground" }),
-                /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: filename })
-              ] }),
-              showLanguageBadge && language && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: language })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-              expandable && /* @__PURE__ */ jsxs(
-                Button,
-                {
-                  variant: "ghost",
-                  size: "sm",
-                  onClick: () => setIsExpanded(!isExpanded),
-                  className: "h-8 w-8 p-0",
-                  children: [
-                    isExpanded ? /* @__PURE__ */ jsx(Minimize2, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx(Maximize2, { className: "h-3.5 w-3.5" }),
-                    /* @__PURE__ */ jsx("span", { className: "sr-only", children: isExpanded ? "Collapse" : "Expand" })
-                  ]
-                }
-              ),
-              showCopyButton && /* @__PURE__ */ jsxs(
-                Button,
-                {
-                  variant: "ghost",
-                  size: "sm",
-                  onClick: copyToClipboard,
-                  className: "h-8 w-8 p-0 opacity-0 group-hover:opacity-100 transition-opacity",
-                  children: [
-                    copied ? /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 text-green-500" }) : /* @__PURE__ */ jsx(Copy, { className: "h-3.5 w-3.5" }),
-                    /* @__PURE__ */ jsx("span", { className: "sr-only", children: copied ? "Copied" : "Copy code" })
-                  ]
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: cn("overflow-auto", !wrapLines && "overflow-x-auto"),
-              style: {
-                maxHeight: isExpanded ? maxHeight : collapsedHeight
-              },
-              children: isLoading ? /* @__PURE__ */ jsx("div", { className: "p-4 space-y-2", children: Array.from({ length: Math.min(lines.length || 5, 10) }).map(
-                (_, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-                  showLineNumbers && /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-8" }),
-                  /* @__PURE__ */ jsx(Skeleton, { className: "h-4 flex-1" })
-                ] }, i)
-              ) }) : /* @__PURE__ */ jsx("div", { className: "font-mono", children: lines.map((line, index) => {
-                const lineNumber = index + startLineNumber;
-                const isHighlighted = highlightLines.includes(lineNumber);
-                return /* @__PURE__ */ jsxs(
-                  "div",
-                  {
-                    className: cn(
-                      "group relative flex min-h-[1.5rem] items-center px-4 py-0.5",
-                      isHighlighted && "bg-blue-500/10 border-l-2 border-l-blue-500",
-                      !wrapLines && "whitespace-nowrap"
-                    ),
-                    children: [
-                      showLineNumbers && /* @__PURE__ */ jsx("span", { className: "mr-4 inline-block w-8 select-none text-right text-xs text-muted-foreground", children: lineNumber }),
-                      /* @__PURE__ */ jsx(
-                        "div",
-                        {
-                          className: cn(
-                            "flex-1",
-                            wrapLines ? "whitespace-pre-wrap break-words" : "overflow-x-auto"
-                          ),
-                          dangerouslySetInnerHTML: { __html: line }
-                        }
-                      )
-                    ]
-                  },
-                  index
-                );
-              }) })
-            }
-          ),
-          expandable && !isExpanded && /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 left-0 right-0 h-8 bg-gradient-to-t from-background to-transparent pointer-events-none" }),
-          variant === "minimal" && showCopyButton && /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "ghost",
-              size: "sm",
-              onClick: copyToClipboard,
-              className: "absolute top-2 right-2 h-8 w-8 p-0 opacity-0 group-hover:opacity-100 transition-opacity",
-              children: copied ? /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 text-green-500" }) : /* @__PURE__ */ jsx(Copy, { className: "h-3.5 w-3.5" })
-            }
-          )
-        ]
-      }
-    ), "renderBlock");
-    if (variant === "inline") {
-      return renderInline();
-    }
-    return renderBlock();
-  }
-);
-CodeSnippet3.displayName = "CodeSnippet";
-var InlineCode = React6.forwardRef(({ children, language, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(
-    CodeSnippet3,
-    {
-      ref,
-      code: children,
-      language,
-      variant: "inline",
-      showCopyButton: false,
-      showLanguageBadge: false,
-      showHeader: false,
-      className,
-      ...props
-    }
-  );
-});
-InlineCode.displayName = "InlineCode";
-var CodeTabs = React6.forwardRef(
-  ({ className, tabs = [], defaultTab = 0, ...props }, ref) => {
-    const [activeTab, setActiveTab] = React6.useState(defaultTab);
-    if (tabs.length === 0) {
-      return /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref,
-          className: cn(
-            "rounded-lg border bg-card p-6 text-card-foreground shadow-sm",
-            className
-          ),
-          ...props,
-          children: /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "No code tabs available. Add tabs to display code snippets." })
-        }
-      );
-    }
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: cn(
-          "rounded-lg border bg-card text-card-foreground shadow-sm",
-          className
-        ),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "border-b", children: /* @__PURE__ */ jsx("div", { className: "flex gap-1 p-2", children: tabs.map((tab, index) => /* @__PURE__ */ jsx(
-            "button",
-            {
-              onClick: () => setActiveTab(index),
-              className: cn(
-                "rounded-md px-4 py-2 text-sm font-medium transition-colors",
-                activeTab === index ? "bg-primary text-primary-foreground" : "hover:bg-muted"
-              ),
-              children: tab.label
-            },
-            index
-          )) }) }),
-          /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto rounded-md bg-muted p-4", children: /* @__PURE__ */ jsx("code", { className: "text-sm", children: tabs[activeTab]?.code }) }) })
-        ]
-      }
-    );
-  }
-);
-CodeTabs.displayName = "CodeTabs";
-var codeTerminalVariants = cva(
-  "relative flex flex-col overflow-hidden rounded-lg border",
-  {
-    variants: {
-      theme: {
-        dark: "bg-black border-gray-700 text-green-400",
-        light: "bg-white border-gray-300 text-gray-900",
-        matrix: "bg-black border-green-500 text-green-400",
-        hacker: "bg-gray-900 border-yellow-500 text-yellow-400",
-        retro: "bg-amber-900 border-amber-600 text-amber-100",
-        modern: "bg-slate-900 border-slate-700 text-slate-100"
-      },
-      size: {
-        sm: "text-xs",
-        default: "text-sm",
-        lg: "text-base"
-      }
-    },
-    defaultVariants: {
-      theme: "dark",
-      size: "default"
-    }
-  }
-);
-var ansiColors = {
-  black: "text-black",
-  red: "text-red-500",
-  green: "text-green-500",
-  yellow: "text-yellow-500",
-  blue: "text-blue-500",
-  magenta: "text-magenta-500",
-  cyan: "text-cyan-500",
-  white: "text-white",
-  gray: "text-gray-500",
-  brightRed: "text-red-400",
-  brightGreen: "text-green-400",
-  brightYellow: "text-yellow-400",
-  brightBlue: "text-blue-400",
-  brightMagenta: "text-magenta-400",
-  brightCyan: "text-cyan-400",
-  brightWhite: "text-gray-100"
-};
-var parseAnsiContent = /* @__PURE__ */ __name((content) => {
-  const ansiRegex = /\x1b\[([0-9;]*)m/g;
-  const parts = [];
-  let lastIndex = 0;
-  let currentClasses = [];
-  let match;
-  while ((match = ansiRegex.exec(content)) !== null) {
-    if (match.index > lastIndex) {
-      parts.push({
-        text: content.slice(lastIndex, match.index),
-        classes: [...currentClasses]
-      });
-    }
-    const codes = match[1].split(";").map((code) => parseInt(code) || 0);
-    codes.forEach((code) => {
-      switch (code) {
-        case 0:
-          currentClasses = [];
-          break;
-        // reset
-        case 30:
-          currentClasses.push(ansiColors.black);
-          break;
-        case 31:
-          currentClasses.push(ansiColors.red);
-          break;
-        case 32:
-          currentClasses.push(ansiColors.green);
-          break;
-        case 33:
-          currentClasses.push(ansiColors.yellow);
-          break;
-        case 34:
-          currentClasses.push(ansiColors.blue);
-          break;
-        case 35:
-          currentClasses.push(ansiColors.magenta);
-          break;
-        case 36:
-          currentClasses.push(ansiColors.cyan);
-          break;
-        case 37:
-          currentClasses.push(ansiColors.white);
-          break;
-        case 90:
-          currentClasses.push(ansiColors.gray);
-          break;
-        case 91:
-          currentClasses.push(ansiColors.brightRed);
-          break;
-        case 92:
-          currentClasses.push(ansiColors.brightGreen);
-          break;
-        case 93:
-          currentClasses.push(ansiColors.brightYellow);
-          break;
-        case 94:
-          currentClasses.push(ansiColors.brightBlue);
-          break;
-        case 95:
-          currentClasses.push(ansiColors.brightMagenta);
-          break;
-        case 96:
-          currentClasses.push(ansiColors.brightCyan);
-          break;
-        case 97:
-          currentClasses.push(ansiColors.brightWhite);
-          break;
-      }
-    });
-    lastIndex = match.index + match[0].length;
-  }
-  if (lastIndex < content.length) {
-    parts.push({
-      text: content.slice(lastIndex),
-      classes: [...currentClasses]
-    });
-  }
-  return parts.map((part, index) => /* @__PURE__ */ jsx("span", { className: cn(part.classes), children: part.text }, index));
-}, "parseAnsiContent");
-var CodeTerminal = React6.forwardRef(
-  ({
-    className,
-    theme,
-    size,
-    title = "Terminal",
-    prompt = "$",
-    maxLines = 1e3,
-    showLineNumbers = false,
-    allowInput = true,
-    allowClear = true,
-    allowCopy = true,
-    allowDownload = false,
-    allowFullscreen = true,
-    height = "400px",
-    autoScroll = true,
-    history = [],
-    onCommand,
-    onClear,
-    initialLines = [],
-    ...props
-  }, ref) => {
-    const [lines, setLines] = React6.useState(initialLines);
-    const [input, setInput] = React6.useState("");
-    const [historyIndex, setHistoryIndex] = React6.useState(-1);
-    const [isFullscreen, setIsFullscreen] = React6.useState(false);
-    const [commandHistory, setCommandHistory] = React6.useState(history);
-    const scrollAreaRef = React6.useRef(null);
-    const inputRef = React6.useRef(null);
-    React6.useEffect(() => {
-      if (autoScroll && scrollAreaRef.current) {
-        scrollAreaRef.current.scrollTop = scrollAreaRef.current.scrollHeight;
-      }
-    }, [lines, autoScroll]);
-    const addLine = React6.useCallback(
-      (line) => {
-        const newLine = {
-          ...line,
-          id: `line-${Date.now()}-${Math.random()}`,
-          timestamp: Date.now()
-        };
-        setLines((prev) => {
-          const updated = [...prev, newLine];
-          return updated.length > maxLines ? updated.slice(-maxLines) : updated;
-        });
-      },
-      [maxLines]
-    );
-    const handleCommand = React6.useCallback(
-      async (command) => {
-        if (!command.trim()) return;
-        setCommandHistory((prev) => [...prev, command]);
-        setHistoryIndex(-1);
-        addLine({
-          type: "input",
-          content: `${prompt} ${command}`,
-          command
-        });
-        if (command === "clear") {
-          if (onClear) {
-            onClear();
-          } else {
-            setLines([]);
-          }
-          return;
-        }
-        if (command === "history") {
-          commandHistory.forEach((cmd, index) => {
-            addLine({
-              type: "output",
-              content: `${index + 1}  ${cmd}`
-            });
-          });
-          return;
-        }
-        if (command.startsWith("echo ")) {
-          addLine({
-            type: "output",
-            content: command.slice(5)
-          });
-          return;
-        }
-        if (onCommand) {
-          try {
-            await onCommand(command);
-          } catch (error) {
-            addLine({
-              type: "error",
-              content: error instanceof Error ? error.message : String(error),
-              exitCode: 1
-            });
-          }
-        } else {
-          addLine({
-            type: "error",
-            content: `Command not found: ${command}`,
-            exitCode: 127
-          });
-        }
-      },
-      [prompt, addLine, onCommand, onClear, commandHistory]
-    );
-    const handleInputSubmit = /* @__PURE__ */ __name((e) => {
-      e.preventDefault();
-      if (input.trim()) {
-        handleCommand(input);
-        setInput("");
-      }
-    }, "handleInputSubmit");
-    const handleKeyDown = /* @__PURE__ */ __name((e) => {
-      if (e.key === "ArrowUp") {
-        e.preventDefault();
-        if (historyIndex < commandHistory.length - 1) {
-          const newIndex = historyIndex + 1;
-          setHistoryIndex(newIndex);
-          setInput(commandHistory[commandHistory.length - 1 - newIndex] || "");
-        }
-      } else if (e.key === "ArrowDown") {
-        e.preventDefault();
-        if (historyIndex > 0) {
-          const newIndex = historyIndex - 1;
-          setHistoryIndex(newIndex);
-          setInput(commandHistory[commandHistory.length - 1 - newIndex] || "");
-        } else if (historyIndex === 0) {
-          setHistoryIndex(-1);
-          setInput("");
-        }
-      }
-    }, "handleKeyDown");
-    const copyContent = React6.useCallback(async () => {
-      const content = lines.map((line) => line.content).join("\n");
-      try {
-        await navigator.clipboard.writeText(content);
-      } catch (error) {
-        console.error("Failed to copy terminal content:", error);
-      }
-    }, [lines]);
-    const downloadContent = React6.useCallback(() => {
-      const content = lines.map(
-        (line) => `[${new Date(line.timestamp).toISOString()}] ${line.content}`
-      ).join("\n");
-      const blob = new Blob([content], { type: "text/plain" });
-      const url = URL.createObjectURL(blob);
-      const a = document.createElement("a");
-      a.href = url;
-      a.download = `terminal-${Date.now()}.txt`;
-      document.body.appendChild(a);
-      a.click();
-      document.body.removeChild(a);
-      URL.revokeObjectURL(url);
-    }, [lines]);
-    const clearTerminal = /* @__PURE__ */ __name(() => {
-      if (onClear) {
-        onClear();
-      } else {
-        setLines([]);
-      }
-    }, "clearTerminal");
-    const handleTerminalClick = /* @__PURE__ */ __name(() => {
-      if (allowInput && inputRef.current) {
-        inputRef.current.focus();
-      }
-    }, "handleTerminalClick");
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: cn(
-          codeTerminalVariants({ theme, size }),
-          isFullscreen && "fixed inset-0 z-50",
-          className
-        ),
-        style: { height: isFullscreen ? "100vh" : height },
-        onClick: handleTerminalClick,
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b px-4 py-2 bg-muted/30", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
-                /* @__PURE__ */ jsx("div", { className: "w-3 h-3 rounded-full bg-red-500" }),
-                /* @__PURE__ */ jsx("div", { className: "w-3 h-3 rounded-full bg-yellow-500" }),
-                /* @__PURE__ */ jsx("div", { className: "w-3 h-3 rounded-full bg-green-500" })
-              ] }),
-              /* @__PURE__ */ jsx(Terminal, { className: "h-4 w-4" }),
-              /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: title }),
-              lines.length > 0 && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
-                lines.length,
-                " lines"
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-              allowClear && /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "ghost",
-                  size: "sm",
-                  onClick: clearTerminal,
-                  className: "h-8 w-8 p-0",
-                  children: /* @__PURE__ */ jsx(RefreshCw, { className: "h-3.5 w-3.5" })
-                }
-              ),
-              allowCopy && /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "ghost",
-                  size: "sm",
-                  onClick: copyContent,
-                  className: "h-8 w-8 p-0",
-                  children: /* @__PURE__ */ jsx(Copy, { className: "h-3.5 w-3.5" })
-                }
-              ),
-              allowDownload && /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "ghost",
-                  size: "sm",
-                  onClick: downloadContent,
-                  className: "h-8 w-8 p-0",
-                  children: /* @__PURE__ */ jsx(Download, { className: "h-3.5 w-3.5" })
-                }
-              ),
-              allowFullscreen && /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "ghost",
-                  size: "sm",
-                  onClick: () => setIsFullscreen(!isFullscreen),
-                  className: "h-8 w-8 p-0",
-                  children: isFullscreen ? /* @__PURE__ */ jsx(Minimize2, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx(Maximize2, { className: "h-3.5 w-3.5" })
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col min-h-0", children: [
-            /* @__PURE__ */ jsx(ScrollArea, { ref: scrollAreaRef, className: "flex-1 p-4", children: /* @__PURE__ */ jsx("div", { className: "space-y-1 font-mono", children: lines.map((line, index) => /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
-              showLineNumbers && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground w-12 text-right flex-shrink-0", children: index + 1 }),
-              /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: cn(
-                    "flex-1 whitespace-pre-wrap break-words",
-                    line.type === "input" && "text-inherit",
-                    line.type === "output" && "text-muted-foreground",
-                    line.type === "error" && "text-red-400",
-                    line.type === "system" && "text-blue-400"
-                  ),
-                  children: typeof line.content === "string" && line.content.includes("\x1B[") ? parseAnsiContent(line.content) : line.content
-                }
-              )
-            ] }, line.id)) }) }),
-            allowInput && /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(Separator, {}),
-              /* @__PURE__ */ jsx("form", { onSubmit: handleInputSubmit, className: "p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 font-mono", children: [
-                /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4 flex-shrink-0" }),
-                /* @__PURE__ */ jsx("span", { className: "flex-shrink-0", children: prompt }),
-                /* @__PURE__ */ jsx(
-                  Input,
-                  {
-                    ref: inputRef,
-                    value: input,
-                    onChange: (e) => setInput(e.target.value),
-                    onKeyDown: handleKeyDown,
-                    className: "flex-1 border-0 bg-transparent p-0 focus-visible:ring-0 font-mono",
-                    placeholder: "Enter command...",
-                    autoComplete: "off",
-                    autoFocus: true
-                  }
-                )
-              ] }) })
-            ] })
-          ] })
-        ]
-      }
-    );
-  }
-);
-CodeTerminal.displayName = "CodeTerminal";
-
-export { CodeBlock, CodeCompare, CodeDiff2 as CodeDiff, CodeEditor, CodeExplorer, CodePreview, CodeSnippet3 as CodeSnippet, CodeTabs, CodeTerminal, InlineCode, codeBlockVariants, codeCompareVariants, codeDiffVariants, codeExplorerVariants, codePreviewVariants, codeSnippetVariants, codeTerminalVariants };
+`,pt=U.forwardRef(({className:d,size:u,files:l,defaultFile:a,showPreview:t=true,showConsole:s=true,autoRun:g=false,maxHeight:w="600px",previewHeight:L="300px",consoleHeight:E="150px",allowFullscreen:X$1=true,customRunner:J,...Y},O)=>{let [j,H]=U.useState(a||l[0]?.filename||""),[M,P]=U.useState(""),[$,_]=U.useState(false),[R,F]=U.useState([]),[C,N]=U.useState(t),[k,B]=U.useState(s),[r,c]=U.useState(false),[b,V]=U.useState({}),G=U.useRef(null);l.find(e=>e.filename===j)||l[0];U.useEffect(()=>{let e=x(f=>{(f.data?.type==="console"||f.data?.type==="error")&&F(z=>[...z,f.data.data]);},"handleMessage");return window.addEventListener("message",e),()=>window.removeEventListener("message",e)},[]);let D=U.useCallback(async()=>{_(true),F([]);try{let e;if(J?e=await J(l):e=Ia(l),e=ja+e,P(e),G.current){let f=G.current.contentDocument;f&&(f.open(),f.write(e),f.close());}}catch(e){F([{type:"error",content:e instanceof Error?e.message:String(e),timestamp:Date.now()}]);}finally{_(false);}},[l,J]);U.useEffect(()=>{if(g){let e=setTimeout(D,1e3);return ()=>clearTimeout(e)}},[l,g,D]);let o=U.useCallback(async e=>{let f=l.find(z=>z.filename===e);if(f)try{await navigator.clipboard.writeText(f.content),V(z=>({...z,[e]:!0})),setTimeout(()=>{V(z=>({...z,[e]:!1}));},2e3);}catch(z){console.error("Failed to copy code:",z);}},[l]),p=x(()=>{F([]);},"clearConsole"),n=x(()=>jsxs("div",{className:"flex flex-col h-full",children:[jsxs("div",{className:"flex items-center justify-between border-b px-4 py-2 bg-muted/30",children:[jsxs("div",{className:"flex items-center gap-2",children:[jsx(Terminal,{className:"h-4 w-4"}),jsx("span",{className:"text-sm font-medium",children:"Console"}),R.length>0&&jsx(Badge,{variant:"secondary",className:"text-xs",children:R.length})]}),jsx(Button,{variant:"ghost",size:"sm",onClick:p,className:"h-8 w-8 p-0",children:jsx(X,{className:"h-3.5 w-3.5"})})]}),jsx("div",{className:"flex-1 overflow-auto p-2 space-y-1 font-mono text-xs",children:R.length===0?jsx("div",{className:"text-muted-foreground italic",children:"No output"}):R.map((e,f)=>jsxs("div",{className:cn("flex items-start gap-2 p-2 rounded",e.type==="error"&&"bg-red-500/10 text-red-600 dark:text-red-400",e.type==="log"&&"bg-blue-500/10 text-blue-600 dark:text-blue-400",e.type==="output"&&"bg-green-500/10 text-green-600 dark:text-green-400"),children:[jsx("span",{className:"text-xs text-muted-foreground",children:new Date(e.timestamp).toLocaleTimeString()}),jsx("pre",{className:"flex-1 whitespace-pre-wrap break-words",children:e.content})]},f))})]}),"renderConsole"),i=r?"fixed inset-0 z-50 bg-background":"";return jsxs("div",{ref:O,className:cn(mt({size:u}),i,d),style:{maxHeight:r?"100vh":w},...Y,children:[jsxs("div",{className:"flex items-center justify-between border-b px-4 py-2",children:[jsx(Tabs,{value:j,onValueChange:H,className:"flex-1",children:jsx(TabsList,{className:"h-auto p-0 bg-transparent",children:l.map(e=>jsxs(TabsTrigger,{value:e.filename,className:"relative flex items-center gap-2 data-[state=active]:bg-muted",children:[jsx("span",{children:e.filename}),jsx(Badge,{variant:"outline",className:"text-xs",children:e.language}),jsx(Button,{variant:"ghost",size:"sm",onClick:f=>{f.stopPropagation(),o(e.filename);},className:"h-6 w-6 p-0 opacity-0 group-hover:opacity-100",children:b[e.filename]?jsx(Check,{className:"h-3 w-3 text-green-500"}):jsx(Copy,{className:"h-3 w-3"})})]},e.filename))})}),jsxs("div",{className:"flex items-center gap-2",children:[jsx(Toggle,{pressed:C,onPressedChange:N,"aria-label":"Toggle preview",size:"sm",children:C?jsx(Eye,{className:"h-4 w-4"}):jsx(EyeOff,{className:"h-4 w-4"})}),jsx(Toggle,{pressed:k,onPressedChange:B,"aria-label":"Toggle console",size:"sm",children:jsx(Terminal,{className:"h-4 w-4"})}),jsxs(Button,{variant:"outline",size:"sm",onClick:D,disabled:$,className:"gap-2",children:[$?jsx(RefreshCw,{className:"h-4 w-4 animate-spin"}):jsx(Play,{className:"h-4 w-4"}),"Run"]}),X$1&&jsx(Button,{variant:"ghost",size:"sm",onClick:()=>c(!r),className:"h-8 w-8 p-0",children:r?jsx(Square,{className:"h-4 w-4"}):jsx(Settings,{className:"h-4 w-4"})})]})]}),jsxs("div",{className:"flex flex-col h-full",children:[jsx("div",{className:"flex-1 min-h-0",children:jsx(Tabs,{value:j,onValueChange:H,children:l.map(e=>jsx(TabsContent,{value:e.filename,className:"m-0 h-full",children:jsx(CodeSnippet,{code:e.content,language:e.language,showLineNumbers:true,showCopyButton:false,showHeader:false,maxHeight:"100%",className:"border-0 rounded-none"})},e.filename))})}),(C||k)&&jsxs(Fragment,{children:[jsx(Separator,{}),jsxs("div",{className:"flex flex-col lg:flex-row min-h-0",children:[C&&jsxs("div",{className:"flex-1 min-h-0 border-r last:border-r-0",style:{height:L},children:[jsxs("div",{className:"flex items-center gap-2 border-b px-4 py-2 bg-muted/30",children:[jsx(Eye,{className:"h-4 w-4"}),jsx("span",{className:"text-sm font-medium",children:"Preview"}),R.filter(e=>e.type==="error").length>0&&jsx(AlertTriangle,{className:"h-4 w-4 text-red-500"})]}),jsx("iframe",{ref:G,className:"w-full h-full bg-white",sandbox:"allow-scripts allow-same-origin",srcDoc:M})]}),k&&jsx("div",{className:"flex-1 min-h-0",style:{height:E},children:n()})]})]})]}),r&&jsx("div",{className:"absolute inset-0 bg-black/50",onClick:()=>c(false)})]})});pt.displayName="CodePreview";var Le=cva("relative group",{variants:{variant:{default:"rounded-lg border bg-muted/50",inline:"inline-block rounded-md bg-muted px-2 py-1",minimal:"bg-transparent"},theme:{dark:"bg-slate-950 border-slate-800",light:"bg-slate-50 border-slate-200",github:"bg-white border-slate-200","github-dark":"bg-slate-900 border-slate-700",terminal:"bg-black border-green-500/30 text-green-400",retro:"bg-amber-50 border-amber-200 text-amber-900"},size:{xs:"text-xs",sm:"text-sm",default:"text-sm",lg:"text-base"}},defaultVariants:{variant:"default",theme:"dark",size:"default"}}),Me=U.forwardRef(({className:d,variant:u,theme:l,size:a,code:t,language:s="text",filename:g,showLineNumbers:w=false,highlightLines:L=[],showCopyButton:E=true,showLanguageBadge:X=true,showHeader:J=true,maxHeight:Y,expandable:O=false,collapsedHeight:j="200px",wrapLines:H=false,startLineNumber:M=1,...P},$)=>{let[_,R]=U.useState(""),[F,C]=U.useState(false),[N,k]=U.useState(true),[B,r]=U.useState(!O),c={dark:"github-dark",light:"github-light",github:"github-light","github-dark":"github-dark",terminal:"github-dark",retro:"github-light"};U.useEffect(()=>{x(async()=>{k(true);try{let o=Object.keys(bundledLanguages).includes(s),p=await codeToHtml(t,{lang:o?s:"text",theme:c[l||"dark"]}),n=document.createElement("div");n.innerHTML=p;let i=n.querySelector("code");R(i?.innerHTML||p);}catch(o){console.error("Failed to highlight code:",o);let p=t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;");R(p);}finally{k(false);}},"highlightCode")();},[t,s,l]);let b=U.useCallback(async()=>{try{await navigator.clipboard.writeText(t),C(!0),setTimeout(()=>C(!1),2e3);}catch(D){console.error("Failed to copy code:",D);}},[t]),V=_.split(`
+`).filter((D,o,p)=>D.trim()!==""||o<p.length-1),G=x(()=>jsx("code",{className:cn(Le({variant:u,theme:l,size:a}),"font-mono",d),dangerouslySetInnerHTML:{__html:_}}),"renderInline"),Q=x(()=>jsxs("div",{ref:$,className:cn(Le({variant:u,theme:l,size:a}),"overflow-hidden",d),...P,children:[J&&(g||s||E||O)&&jsxs("div",{className:"flex items-center justify-between border-b px-4 py-2 bg-muted/30",children:[jsxs("div",{className:"flex items-center gap-2",children:[g&&jsxs("div",{className:"flex items-center gap-1.5",children:[jsx(FileText,{className:"h-3.5 w-3.5 text-muted-foreground"}),jsx("span",{className:"text-sm font-medium",children:g})]}),X&&s&&jsx(Badge,{variant:"secondary",className:"text-xs",children:s})]}),jsxs("div",{className:"flex items-center gap-1",children:[O&&jsxs(Button,{variant:"ghost",size:"sm",onClick:()=>r(!B),className:"h-8 w-8 p-0",children:[B?jsx(Minimize2,{className:"h-3.5 w-3.5"}):jsx(Maximize2,{className:"h-3.5 w-3.5"}),jsx("span",{className:"sr-only",children:B?"Collapse":"Expand"})]}),E&&jsxs(Button,{variant:"ghost",size:"sm",onClick:b,className:"h-8 w-8 p-0 opacity-0 group-hover:opacity-100 transition-opacity",children:[F?jsx(Check,{className:"h-3.5 w-3.5 text-green-500"}):jsx(Copy,{className:"h-3.5 w-3.5"}),jsx("span",{className:"sr-only",children:F?"Copied":"Copy code"})]})]})]}),jsx("div",{className:cn("overflow-auto",!H&&"overflow-x-auto"),style:{maxHeight:B?Y:j},children:N?jsx("div",{className:"p-4 space-y-2",children:Array.from({length:Math.min(V.length||5,10)}).map((D,o)=>jsxs("div",{className:"flex items-center gap-4",children:[w&&jsx(Skeleton,{className:"h-4 w-8"}),jsx(Skeleton,{className:"h-4 flex-1"})]},o))}):jsx("div",{className:"font-mono",children:V.map((D,o)=>{let p=o+M,n=L.includes(p);return jsxs("div",{className:cn("group relative flex min-h-[1.5rem] items-center px-4 py-0.5",n&&"bg-blue-500/10 border-l-2 border-l-blue-500",!H&&"whitespace-nowrap"),children:[w&&jsx("span",{className:"mr-4 inline-block w-8 select-none text-right text-xs text-muted-foreground",children:p}),jsx("div",{className:cn("flex-1",H?"whitespace-pre-wrap break-words":"overflow-x-auto"),dangerouslySetInnerHTML:{__html:D}})]},o)})})}),O&&!B&&jsx("div",{className:"absolute bottom-0 left-0 right-0 h-8 bg-gradient-to-t from-background to-transparent pointer-events-none"}),u==="minimal"&&E&&jsx(Button,{variant:"ghost",size:"sm",onClick:b,className:"absolute top-2 right-2 h-8 w-8 p-0 opacity-0 group-hover:opacity-100 transition-opacity",children:F?jsx(Check,{className:"h-3.5 w-3.5 text-green-500"}):jsx(Copy,{className:"h-3.5 w-3.5"})})]}),"renderBlock");return u==="inline"?G():Q()});Me.displayName="CodeSnippet";var ht=U.forwardRef(({children:d,language:u,className:l,...a},t)=>jsx(Me,{ref:t,code:d,language:u,variant:"inline",showCopyButton:false,showLanguageBadge:false,showHeader:false,className:l,...a}));ht.displayName="InlineCode";var bt=U.forwardRef(({className:d,tabs:u=[],defaultTab:l=0,...a},t)=>{let[s,g]=U.useState(l);return u.length===0?jsx("div",{ref:t,className:cn("rounded-lg border bg-card p-6 text-card-foreground shadow-sm",d),...a,children:jsx("p",{className:"text-sm text-muted-foreground",children:"No code tabs available. Add tabs to display code snippets."})}):jsxs("div",{ref:t,className:cn("rounded-lg border bg-card text-card-foreground shadow-sm",d),...a,children:[jsx("div",{className:"border-b",children:jsx("div",{className:"flex gap-1 p-2",children:u.map((w,L)=>jsx("button",{onClick:()=>g(L),className:cn("rounded-md px-4 py-2 text-sm font-medium transition-colors",s===L?"bg-primary text-primary-foreground":"hover:bg-muted"),children:w.label},L))})}),jsx("div",{className:"p-4",children:jsx("pre",{className:"overflow-x-auto rounded-md bg-muted p-4",children:jsx("code",{className:"text-sm",children:u[s]?.code})})})]})});bt.displayName="CodeTabs";var xt=cva("relative flex flex-col overflow-hidden rounded-lg border",{variants:{theme:{dark:"bg-black border-gray-700 text-green-400",light:"bg-white border-gray-300 text-gray-900",matrix:"bg-black border-green-500 text-green-400",hacker:"bg-gray-900 border-yellow-500 text-yellow-400",retro:"bg-amber-900 border-amber-600 text-amber-100",modern:"bg-slate-900 border-slate-700 text-slate-100"},size:{sm:"text-xs",default:"text-sm",lg:"text-base"}},defaultVariants:{theme:"dark",size:"default"}}),ee={black:"text-black",red:"text-red-500",green:"text-green-500",yellow:"text-yellow-500",blue:"text-blue-500",magenta:"text-magenta-500",cyan:"text-cyan-500",white:"text-white",gray:"text-gray-500",brightRed:"text-red-400",brightGreen:"text-green-400",brightYellow:"text-yellow-400",brightBlue:"text-blue-400",brightMagenta:"text-magenta-400",brightCyan:"text-cyan-400",brightWhite:"text-gray-100"},os=x(d=>{let u=/\x1b\[([0-9;]*)m/g,l=[],a=0,t=[],s;for(;(s=u.exec(d))!==null;)s.index>a&&l.push({text:d.slice(a,s.index),classes:[...t]}),s[1].split(";").map(w=>parseInt(w)||0).forEach(w=>{switch(w){case 0:t=[];break;case 30:t.push(ee.black);break;case 31:t.push(ee.red);break;case 32:t.push(ee.green);break;case 33:t.push(ee.yellow);break;case 34:t.push(ee.blue);break;case 35:t.push(ee.magenta);break;case 36:t.push(ee.cyan);break;case 37:t.push(ee.white);break;case 90:t.push(ee.gray);break;case 91:t.push(ee.brightRed);break;case 92:t.push(ee.brightGreen);break;case 93:t.push(ee.brightYellow);break;case 94:t.push(ee.brightBlue);break;case 95:t.push(ee.brightMagenta);break;case 96:t.push(ee.brightCyan);break;case 97:t.push(ee.brightWhite);break}}),a=s.index+s[0].length;return a<d.length&&l.push({text:d.slice(a),classes:[...t]}),l.map((g,w)=>jsx("span",{className:cn(g.classes),children:g.text},w))},"parseAnsiContent"),vt=U.forwardRef(({className:d,theme:u,size:l,title:a="Terminal",prompt:t="$",maxLines:s=1e3,showLineNumbers:g=false,allowInput:w=true,allowClear:L=true,allowCopy:E=true,allowDownload:X=false,allowFullscreen:J=true,height:Y="400px",autoScroll:O=true,history:j=[],onCommand:H,onClear:M,initialLines:P=[],...$},_)=>{let[R,F]=U.useState(P),[C,N]=U.useState(""),[k,B]=U.useState(-1),[r,c]=U.useState(false),[b,V]=U.useState(j),G=U.useRef(null),Q=U.useRef(null);U.useEffect(()=>{O&&G.current&&(G.current.scrollTop=G.current.scrollHeight);},[R,O]);let D=U.useCallback(m=>{let T={...m,id:`line-${Date.now()}-${Math.random()}`,timestamp:Date.now()};F(ce=>{let ne=[...ce,T];return ne.length>s?ne.slice(-s):ne});},[s]),o=U.useCallback(async m=>{if(m.trim()){if(V(T=>[...T,m]),B(-1),D({type:"input",content:`${t} ${m}`,command:m}),m==="clear"){M?M():F([]);return}if(m==="history"){b.forEach((T,ce)=>{D({type:"output",content:`${ce+1}  ${T}`});});return}if(m.startsWith("echo ")){D({type:"output",content:m.slice(5)});return}if(H)try{await H(m);}catch(T){D({type:"error",content:T instanceof Error?T.message:String(T),exitCode:1});}else D({type:"error",content:`Command not found: ${m}`,exitCode:127});}},[t,D,H,M,b]),p=x(m=>{m.preventDefault(),C.trim()&&(o(C),N(""));},"handleInputSubmit"),n=x(m=>{if(m.key==="ArrowUp"){if(m.preventDefault(),k<b.length-1){let T=k+1;B(T),N(b[b.length-1-T]||"");}}else if(m.key==="ArrowDown")if(m.preventDefault(),k>0){let T=k-1;B(T),N(b[b.length-1-T]||"");}else k===0&&(B(-1),N(""));},"handleKeyDown"),i=U.useCallback(async()=>{let m=R.map(T=>T.content).join(`
+`);try{await navigator.clipboard.writeText(m);}catch(T){console.error("Failed to copy terminal content:",T);}},[R]),e=U.useCallback(()=>{let m=R.map(He=>`[${new Date(He.timestamp).toISOString()}] ${He.content}`).join(`
+`),T=new Blob([m],{type:"text/plain"}),ce=URL.createObjectURL(T),ne=document.createElement("a");ne.href=ce,ne.download=`terminal-${Date.now()}.txt`,document.body.appendChild(ne),ne.click(),document.body.removeChild(ne),URL.revokeObjectURL(ce);},[R]),f=x(()=>{M?M():F([]);},"clearTerminal"),z=x(()=>{w&&Q.current&&Q.current.focus();},"handleTerminalClick");return jsxs("div",{ref:_,className:cn(xt({theme:u,size:l}),r&&"fixed inset-0 z-50",d),style:{height:r?"100vh":Y},onClick:z,...$,children:[jsxs("div",{className:"flex items-center justify-between border-b px-4 py-2 bg-muted/30",children:[jsxs("div",{className:"flex items-center gap-2",children:[jsxs("div",{className:"flex gap-1",children:[jsx("div",{className:"w-3 h-3 rounded-full bg-red-500"}),jsx("div",{className:"w-3 h-3 rounded-full bg-yellow-500"}),jsx("div",{className:"w-3 h-3 rounded-full bg-green-500"})]}),jsx(Terminal,{className:"h-4 w-4"}),jsx("span",{className:"text-sm font-medium",children:a}),R.length>0&&jsxs("span",{className:"text-xs text-muted-foreground",children:[R.length," lines"]})]}),jsxs("div",{className:"flex items-center gap-1",children:[L&&jsx(Button,{variant:"ghost",size:"sm",onClick:f,className:"h-8 w-8 p-0",children:jsx(RefreshCw,{className:"h-3.5 w-3.5"})}),E&&jsx(Button,{variant:"ghost",size:"sm",onClick:i,className:"h-8 w-8 p-0",children:jsx(Copy,{className:"h-3.5 w-3.5"})}),X&&jsx(Button,{variant:"ghost",size:"sm",onClick:e,className:"h-8 w-8 p-0",children:jsx(Download,{className:"h-3.5 w-3.5"})}),J&&jsx(Button,{variant:"ghost",size:"sm",onClick:()=>c(!r),className:"h-8 w-8 p-0",children:r?jsx(Minimize2,{className:"h-3.5 w-3.5"}):jsx(Maximize2,{className:"h-3.5 w-3.5"})})]})]}),jsxs("div",{className:"flex-1 flex flex-col min-h-0",children:[jsx(ScrollArea,{ref:G,className:"flex-1 p-4",children:jsx("div",{className:"space-y-1 font-mono",children:R.map((m,T)=>jsxs("div",{className:"flex items-start gap-2",children:[g&&jsx("span",{className:"text-xs text-muted-foreground w-12 text-right flex-shrink-0",children:T+1}),jsx("div",{className:cn("flex-1 whitespace-pre-wrap break-words",m.type==="input"&&"text-inherit",m.type==="output"&&"text-muted-foreground",m.type==="error"&&"text-red-400",m.type==="system"&&"text-blue-400"),children:typeof m.content=="string"&&m.content.includes("\x1B[")?os(m.content):m.content})]},m.id))})}),w&&jsxs(Fragment,{children:[jsx(Separator,{}),jsx("form",{onSubmit:p,className:"p-4",children:jsxs("div",{className:"flex items-center gap-2 font-mono",children:[jsx(ChevronRight,{className:"h-4 w-4 flex-shrink-0"}),jsx("span",{className:"flex-shrink-0",children:t}),jsx(Input,{ref:Q,value:C,onChange:m=>N(m.target.value),onKeyDown:n,className:"flex-1 border-0 bg-transparent p-0 focus-visible:ring-0 font-mono",placeholder:"Enter command...",autoComplete:"off",autoFocus:true})]})})]})]})]})});vt.displayName="CodeTerminal";export{ze as CodeBlock,Oe as CodeCompare,Xe as CodeDiff,et as CodeEditor,rt as CodeExplorer,pt as CodePreview,Me as CodeSnippet,bt as CodeTabs,vt as CodeTerminal,ht as InlineCode,Be as codeBlockVariants,Ae as codeCompareVariants,Je as codeDiffVariants,st as codeExplorerVariants,mt as codePreviewVariants,Le as codeSnippetVariants,xt as codeTerminalVariants};