@hanzo/ui 5.3.34 → 5.3.36

package/dist/code/explorer.js

@@ -1,291 +1,2 @@
 "use client";
-'use strict';
-
-var React = require('react');
-var classVarianceAuthority = require('class-variance-authority');
-var lucideReact = require('lucide-react');
-var utils = require('@hanzo/ui/lib/utils');
-var button = require('@hanzo/ui/button');
-var input = require('@hanzo/ui/input');
-var scrollArea = require('@hanzo/ui/scroll-area');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var codeExplorerVariants = classVarianceAuthority.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 lucideReact.Folder;
-  const ext = fileName.split(".").pop()?.toLowerCase();
-  switch (ext) {
-    case "js":
-    case "jsx":
-    case "ts":
-    case "tsx":
-    case "vue":
-    case "svelte":
-      return lucideReact.FileCode;
-    case "json":
-    case "xml":
-    case "yaml":
-    case "yml":
-    case "toml":
-    case "ini":
-      return lucideReact.FileText;
-    case "png":
-    case "jpg":
-    case "jpeg":
-    case "gif":
-    case "svg":
-    case "webp":
-    case "ico":
-      return lucideReact.FileImage;
-    default:
-      return lucideReact.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 = React__namespace.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] = React__namespace.useState("");
-    const [expandedFolders, setExpandedFolders] = React__namespace.useState(
-      new Set(defaultExpanded)
-    );
-    const buildFileTree = React__namespace.useCallback(
-      (nodes) => {
-        return nodes.map((node) => ({
-          ...node,
-          isExpanded: expandedFolders.has(node.id),
-          children: node.children ? buildFileTree(node.children) : void 0
-        }));
-      },
-      [expandedFolders]
-    );
-    const filterFiles = React__namespace.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 = React__namespace.useMemo(() => {
-      const withExpansion = buildFileTree(files);
-      return searchTerm ? filterFiles(withExpansion, searchTerm) : withExpansion;
-    }, [files, searchTerm, buildFileTree, filterFiles]);
-    const toggleFolder = React__namespace.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 = React__namespace.useCallback(
-      (node, depth = 0) => {
-        const Icon = showFileIcons ? getFileIcon(node.name, node.type === "folder") : null;
-        const FolderIcon = node.type === "folder" && node.isExpanded ? lucideReact.FolderOpen : lucideReact.Folder;
-        const isSelected = selectedFile === node.id || selectedFile === node.path;
-        return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "div",
-            {
-              className: utils.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__ */ jsxRuntime.jsx("div", { className: "w-4 h-4 flex items-center justify-center", children: node.isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-3 w-3" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-3 w-3" }) }),
-                showFileIcons && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-4 h-4 flex items-center justify-center flex-shrink-0", children: node.type === "folder" ? /* @__PURE__ */ jsxRuntime.jsx(FolderIcon, { className: "h-4 w-4 text-blue-500" }) : Icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-4 w-4 text-muted-foreground" }) : null }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate", children: node.name }),
-                showFileSize && node.type === "file" && node.size && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground flex-shrink-0", children: formatFileSize(node.size) }),
-                showModifiedDate && node.modified && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground flex-shrink-0", children: formatModifiedDate(node.modified) })
-              ]
-            }
-          ),
-          node.type === "folder" && node.isExpanded && node.children && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        ref,
-        className: utils.cn(codeExplorerVariants({ size }), className),
-        style: { height },
-        ...props,
-        children: [
-          showSearch && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 border-b px-4 py-2", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "absolute left-2 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              input.Input,
-              {
-                value: searchTerm,
-                onChange: (e) => setSearchTerm(e.target.value),
-                placeholder: searchPlaceholder,
-                className: "pl-8 pr-8 h-8"
-              }
-            ),
-            searchTerm && /* @__PURE__ */ jsxRuntime.jsx(
-              button.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__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-3 w-3" })
-              }
-            )
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(scrollArea.ScrollArea, { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2", children: processedFiles.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center h-24 text-muted-foreground", children: searchTerm ? `No files match "${searchTerm}"` : emptyMessage }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-0.5", children: processedFiles.map((node) => renderFileNode(node, 0)) }) }) }),
-          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { children: " (filtered)" })
-          ] })
-        ]
-      }
-    );
-  }
-);
-CodeExplorer.displayName = "CodeExplorer";
-
-exports.CodeExplorer = CodeExplorer;
-exports.codeExplorerVariants = codeExplorerVariants;
+'use strict';var l=require('react'),classVarianceAuthority=require('class-variance-authority'),lucideReact=require('lucide-react'),utils=require('@hanzo/ui/lib/utils'),button=require('@hanzo/ui/button'),input=require('@hanzo/ui/input'),scrollArea=require('@hanzo/ui/scroll-area'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var l__namespace=/*#__PURE__*/_interopNamespace(l);var H=Object.defineProperty;var p=(o,n)=>H(o,"name",{value:n,configurable:true});var te=classVarianceAuthority.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"}}),re=p((o,n=false)=>{if(n)return lucideReact.Folder;switch(o.split(".").pop()?.toLowerCase()){case "js":case "jsx":case "ts":case "tsx":case "vue":case "svelte":return lucideReact.FileCode;case "json":case "xml":case "yaml":case "yml":case "toml":case "ini":return lucideReact.FileText;case "png":case "jpg":case "jpeg":case "gif":case "svg":case "webp":case "ico":return lucideReact.FileImage;default:return lucideReact.File}},"getFileIcon"),se=p(o=>{if(!o)return "";let n=["B","KB","MB","GB"],c=o,s=0;for(;c>=1024&&s<n.length-1;)c/=1024,s++;return `${c.toFixed(1)} ${n[s]}`},"formatFileSize"),ae=p(o=>{if(!o)return "";let c=new Date().getTime()-o.getTime(),s=Math.floor(c/(1e3*60*60*24));return s===0?"Today":s===1?"Yesterday":s<7?`${s} days ago`:s<30?`${Math.floor(s/7)} weeks ago`:s<365?`${Math.floor(s/30)} months ago`:`${Math.floor(s/365)} years ago`},"formatModifiedDate"),ie=l__namespace.forwardRef(({className:o,size:n,files:c,onFileSelect:s,onFolderToggle:F,selectedFile:h,showSearch:j=true,showFileIcons:x=true,showFileSize:w=false,showModifiedDate:T=false,height:z="400px",defaultExpanded:D=[],searchPlaceholder:L="Search files...",emptyMessage:B="No files found",...I},P)=>{let[d,C]=l__namespace.useState(""),[E,V]=l__namespace.useState(new Set(D)),g=l__namespace.useCallback(e=>e.map(r=>({...r,isExpanded:E.has(r.id),children:r.children?g(r.children):void 0})),[E]),v=l__namespace.useCallback((e,r)=>{if(!r)return e;let a=[];for(let i of e)if(i.name.toLowerCase().includes(r.toLowerCase()))a.push(i);else if(i.type==="folder"&&i.children){let f=v(i.children,r);f.length>0&&a.push({...i,children:f,isExpanded:true});}return a},[]),N=l__namespace.useMemo(()=>{let e=g(c);return d?v(e,d):e},[c,d,g,v]),S=l__namespace.useCallback(e=>{V(r=>{let a=new Set(r);return a.has(e.id)?a.delete(e.id):a.add(e.id),a}),F?.(e);},[F]),k=l__namespace.useCallback((e,r=0)=>{let a=x?re(e.name,e.type==="folder"):null,i=e.type==="folder"&&e.isExpanded?lucideReact.FolderOpen:lucideReact.Folder,f=h===e.id||h===e.path;return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsxs("div",{className:utils.cn("flex items-center gap-2 px-2 py-1 hover:bg-muted/50 cursor-pointer transition-colors",f&&"bg-muted","rounded-sm"),style:{paddingLeft:`${r*16+8}px`},onClick:()=>{e.type==="folder"?S(e):s?.(e);},children:[e.type==="folder"&&jsxRuntime.jsx("div",{className:"w-4 h-4 flex items-center justify-center",children:e.isExpanded?jsxRuntime.jsx(lucideReact.ChevronDown,{className:"h-3 w-3"}):jsxRuntime.jsx(lucideReact.ChevronRight,{className:"h-3 w-3"})}),x&&jsxRuntime.jsx("div",{className:"w-4 h-4 flex items-center justify-center flex-shrink-0",children:e.type==="folder"?jsxRuntime.jsx(i,{className:"h-4 w-4 text-blue-500"}):a?jsxRuntime.jsx(a,{className:"h-4 w-4 text-muted-foreground"}):null}),jsxRuntime.jsx("span",{className:"flex-1 truncate",children:e.name}),w&&e.type==="file"&&e.size&&jsxRuntime.jsx("span",{className:"text-xs text-muted-foreground flex-shrink-0",children:se(e.size)}),T&&e.modified&&jsxRuntime.jsx("span",{className:"text-xs text-muted-foreground flex-shrink-0",children:ae(e.modified)})]}),e.type==="folder"&&e.isExpanded&&e.children&&jsxRuntime.jsx("div",{children:e.children.map(u=>k(u,r+1))})]},e.id)},[x,w,T,h,S,s]),A=p(()=>{C("");},"clearSearch");return jsxRuntime.jsxs("div",{ref:P,className:utils.cn(te({size:n}),o),style:{height:z},...I,children:[j&&jsxRuntime.jsx("div",{className:"flex items-center gap-2 border-b px-4 py-2",children:jsxRuntime.jsxs("div",{className:"relative flex-1",children:[jsxRuntime.jsx(lucideReact.Search,{className:"absolute left-2 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground"}),jsxRuntime.jsx(input.Input,{value:d,onChange:e=>C(e.target.value),placeholder:L,className:"pl-8 pr-8 h-8"}),d&&jsxRuntime.jsx(button.Button,{variant:"ghost",size:"sm",onClick:A,className:"absolute right-1 top-1/2 transform -translate-y-1/2 h-6 w-6 p-0",children:jsxRuntime.jsx(lucideReact.X,{className:"h-3 w-3"})})]})}),jsxRuntime.jsx(scrollArea.ScrollArea,{className:"flex-1",children:jsxRuntime.jsx("div",{className:"p-2",children:N.length===0?jsxRuntime.jsx("div",{className:"flex items-center justify-center h-24 text-muted-foreground",children:d?`No files match "${d}"`:B}):jsxRuntime.jsx("div",{className:"space-y-0.5",children:N.map(e=>k(e,0))})})}),jsxRuntime.jsxs("div",{className:"border-t px-4 py-2 text-xs text-muted-foreground",children:[(()=>{let e=p(f=>{let u=0,y=0;for(let b of f)if(b.type==="file")u++;else if(y++,b.children){let R=e(b.children);u+=R.files,y+=R.folders;}return {files:u,folders:y}},"countFiles"),{files:r,folders:a}=e(N),i=[];return r>0&&i.push(`${r} file${r===1?"":"s"}`),a>0&&i.push(`${a} folder${a===1?"":"s"}`),i.join(", ")||"Empty"})(),d&&jsxRuntime.jsx("span",{children:" (filtered)"})]})]})});ie.displayName="CodeExplorer";exports.CodeExplorer=ie;exports.codeExplorerVariants=te;

package/dist/code/explorer.mjs

@@ -1,268 +1,2 @@
 "use client";
-import * as React from 'react';
-import { cva } from 'class-variance-authority';
-import { FolderOpen, Folder, ChevronDown, ChevronRight, Search, X, File, FileImage, FileText, FileCode } from 'lucide-react';
-import { cn } from '@hanzo/ui/lib/utils';
-import { Button } from '@hanzo/ui/button';
-import { Input } from '@hanzo/ui/input';
-import { ScrollArea } from '@hanzo/ui/scroll-area';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-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 = React.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] = React.useState("");
-    const [expandedFolders, setExpandedFolders] = React.useState(
-      new Set(defaultExpanded)
-    );
-    const buildFileTree = React.useCallback(
-      (nodes) => {
-        return nodes.map((node) => ({
-          ...node,
-          isExpanded: expandedFolders.has(node.id),
-          children: node.children ? buildFileTree(node.children) : void 0
-        }));
-      },
-      [expandedFolders]
-    );
-    const filterFiles = React.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 = React.useMemo(() => {
-      const withExpansion = buildFileTree(files);
-      return searchTerm ? filterFiles(withExpansion, searchTerm) : withExpansion;
-    }, [files, searchTerm, buildFileTree, filterFiles]);
-    const toggleFolder = React.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 = React.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";
-
-export { CodeExplorer, codeExplorerVariants };
+import*as l from'react';import {cva}from'class-variance-authority';import {FolderOpen,Folder,ChevronDown,ChevronRight,Search,X,File,FileImage,FileText,FileCode}from'lucide-react';import {cn}from'@hanzo/ui/lib/utils';import {Button}from'@hanzo/ui/button';import {Input}from'@hanzo/ui/input';import {ScrollArea}from'@hanzo/ui/scroll-area';import {jsxs,jsx}from'react/jsx-runtime';var H=Object.defineProperty;var p=(o,n)=>H(o,"name",{value:n,configurable:true});var te=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"}}),re=p((o,n=false)=>{if(n)return Folder;switch(o.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"),se=p(o=>{if(!o)return "";let n=["B","KB","MB","GB"],c=o,s=0;for(;c>=1024&&s<n.length-1;)c/=1024,s++;return `${c.toFixed(1)} ${n[s]}`},"formatFileSize"),ae=p(o=>{if(!o)return "";let c=new Date().getTime()-o.getTime(),s=Math.floor(c/(1e3*60*60*24));return s===0?"Today":s===1?"Yesterday":s<7?`${s} days ago`:s<30?`${Math.floor(s/7)} weeks ago`:s<365?`${Math.floor(s/30)} months ago`:`${Math.floor(s/365)} years ago`},"formatModifiedDate"),ie=l.forwardRef(({className:o,size:n,files:c,onFileSelect:s,onFolderToggle:F,selectedFile:h,showSearch:j=true,showFileIcons:x=true,showFileSize:w=false,showModifiedDate:T=false,height:z="400px",defaultExpanded:D=[],searchPlaceholder:L="Search files...",emptyMessage:B="No files found",...I},P)=>{let[d,C]=l.useState(""),[E,V]=l.useState(new Set(D)),g=l.useCallback(e=>e.map(r=>({...r,isExpanded:E.has(r.id),children:r.children?g(r.children):void 0})),[E]),v=l.useCallback((e,r)=>{if(!r)return e;let a=[];for(let i of e)if(i.name.toLowerCase().includes(r.toLowerCase()))a.push(i);else if(i.type==="folder"&&i.children){let f=v(i.children,r);f.length>0&&a.push({...i,children:f,isExpanded:true});}return a},[]),N=l.useMemo(()=>{let e=g(c);return d?v(e,d):e},[c,d,g,v]),S=l.useCallback(e=>{V(r=>{let a=new Set(r);return a.has(e.id)?a.delete(e.id):a.add(e.id),a}),F?.(e);},[F]),k=l.useCallback((e,r=0)=>{let a=x?re(e.name,e.type==="folder"):null,i=e.type==="folder"&&e.isExpanded?FolderOpen:Folder,f=h===e.id||h===e.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",f&&"bg-muted","rounded-sm"),style:{paddingLeft:`${r*16+8}px`},onClick:()=>{e.type==="folder"?S(e):s?.(e);},children:[e.type==="folder"&&jsx("div",{className:"w-4 h-4 flex items-center justify-center",children:e.isExpanded?jsx(ChevronDown,{className:"h-3 w-3"}):jsx(ChevronRight,{className:"h-3 w-3"})}),x&&jsx("div",{className:"w-4 h-4 flex items-center justify-center flex-shrink-0",children:e.type==="folder"?jsx(i,{className:"h-4 w-4 text-blue-500"}):a?jsx(a,{className:"h-4 w-4 text-muted-foreground"}):null}),jsx("span",{className:"flex-1 truncate",children:e.name}),w&&e.type==="file"&&e.size&&jsx("span",{className:"text-xs text-muted-foreground flex-shrink-0",children:se(e.size)}),T&&e.modified&&jsx("span",{className:"text-xs text-muted-foreground flex-shrink-0",children:ae(e.modified)})]}),e.type==="folder"&&e.isExpanded&&e.children&&jsx("div",{children:e.children.map(u=>k(u,r+1))})]},e.id)},[x,w,T,h,S,s]),A=p(()=>{C("");},"clearSearch");return jsxs("div",{ref:P,className:cn(te({size:n}),o),style:{height:z},...I,children:[j&&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:d,onChange:e=>C(e.target.value),placeholder:L,className:"pl-8 pr-8 h-8"}),d&&jsx(Button,{variant:"ghost",size:"sm",onClick:A,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:N.length===0?jsx("div",{className:"flex items-center justify-center h-24 text-muted-foreground",children:d?`No files match "${d}"`:B}):jsx("div",{className:"space-y-0.5",children:N.map(e=>k(e,0))})})}),jsxs("div",{className:"border-t px-4 py-2 text-xs text-muted-foreground",children:[(()=>{let e=p(f=>{let u=0,y=0;for(let b of f)if(b.type==="file")u++;else if(y++,b.children){let R=e(b.children);u+=R.files,y+=R.folders;}return {files:u,folders:y}},"countFiles"),{files:r,folders:a}=e(N),i=[];return r>0&&i.push(`${r} file${r===1?"":"s"}`),a>0&&i.push(`${a} folder${a===1?"":"s"}`),i.join(", ")||"Empty"})(),d&&jsx("span",{children:" (filtered)"})]})]})});ie.displayName="CodeExplorer";export{ie as CodeExplorer,te as codeExplorerVariants};