@burdenoff/microfe-files 2026.624.3 → 2026.625.2

package/dist/files/components/FolderCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"FolderCard.js","names":[],"sources":["../../../src/files/components/FolderCard.tsx"],"sourcesContent":["import { type FC, useState, useMemo } from \"react\";\nimport {\n  Folder,\n  FolderOpen,\n  Share2,\n  Trash2,\n  Edit,\n  ChevronRight,\n  FolderInput,\n  Info,\n  Activity,\n  Star,\n  RotateCcw,\n} from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport type { FolderItem } from \"../types\";\nimport { formatFileDate } from \"../utils\";\nimport { useFilesStore } from \"../store/filesStore\";\nimport { ActionMenu } from \"./ActionMenu\";\nimport { getDragOperation, canDropOnFolder } from \"../hooks/useDragDrop\";\nimport { tWithFallback } from \"../utils/i18n\";\nimport type { DragData } from \"../hooks/useDragDrop\";\n\ninterface FolderCardProps {\n  folder: FolderItem;\n  isSelected?: boolean;\n  isDragging?: boolean;\n  isDropTarget?: boolean;\n  draggedItem?: DragData | null;\n  onSelect?: (folderId: string) => void;\n  onOpen?: (folder: FolderItem) => void;\n  onShare?: (folder: FolderItem) => void;\n  onDelete?: (folder: FolderItem) => void;\n  onRestore?: (folder: FolderItem) => void;\n  onRename?: (folder: FolderItem) => void;\n  onFavorite?: (folder: FolderItem) => void;\n  onCopy?: (folder: FolderItem) => void;\n  onMove?: (folder: FolderItem) => void;\n  onInfo?: (folder: FolderItem) => void;\n  onActivity?: (folder: FolderItem) => void;\n  onDragStart?: (folder: FolderItem, operation: \"move\" | \"copy\") => void;\n  onDragEnd?: () => void;\n  onDrop?: (folder: FolderItem) => void;\n  onContextMenu?: (folder: FolderItem, x: number, y: number) => void;\n}\n\ninterface DraggableFolderCardProps extends Omit<\n  FolderCardProps,\n  \"onDragStart\" | \"onDragEnd\" | \"onDrop\"\n> {\n  onDragStart?: (folder: FolderItem, operation: \"move\" | \"copy\") => void;\n  onDragEnd?: () => void;\n  onDrop?: (folder: FolderItem) => void;\n  onContextMenu?: (folder: FolderItem, x: number, y: number) => void;\n}\n\nexport const FolderCard: FC<DraggableFolderCardProps> = ({\n  folder,\n  isSelected = false,\n  isDragging = false,\n  isDropTarget = false,\n  draggedItem = null,\n  onSelect,\n  onOpen,\n  onShare,\n  onDelete,\n  onRestore,\n  onRename,\n  onFavorite,\n  onCopy: _onCopy,\n  onMove,\n  onInfo,\n  onActivity,\n  onDragStart,\n  onDragEnd,\n  onDrop,\n  onContextMenu,\n}) => {\n  const { t } = useI18n();\n  const [isHovered, setIsHovered] = useState(false);\n  const [menuOpen, setMenuOpen] = useState(false);\n  const { toggleFolderSelection } = useFilesStore();\n\n  const canDrop = canDropOnFolder(draggedItem, folder);\n  const isValidDropTarget = isDropTarget && canDrop;\n\n  const filesCount = folder.filesCount ?? 0;\n  const subfoldersCount = folder.subfoldersCount ?? 0;\n  const totalItems = filesCount + subfoldersCount;\n\n  const openFolder = () => {\n    if (onOpen) {\n      onOpen(folder);\n    }\n  };\n\n  const handleCheckboxChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    e.stopPropagation();\n    if (onSelect) {\n      onSelect(folder.id);\n    } else {\n      toggleFolderSelection(folder.id);\n    }\n  };\n\n  const handleActionClick = (e: React.MouseEvent, action: () => void) => {\n    e.stopPropagation();\n    action();\n  };\n\n  const handleDragStart = (e: React.DragEvent<HTMLDivElement>) => {\n    e.dataTransfer.effectAllowed = \"copyMove\";\n    e.dataTransfer.setData(\"application/x-file-id\", folder.id);\n    e.dataTransfer.setData(\"application/x-file-type\", \"folder\");\n    const operation = getDragOperation(e);\n    e.dataTransfer.setData(\"application/x-drag-operation\", operation);\n    onDragStart?.(folder, operation);\n  };\n\n  const handleDragEnd = () => {\n    onDragEnd?.();\n  };\n\n  const handleDragOver = (e: React.DragEvent<HTMLDivElement>) => {\n    if (isValidDropTarget) {\n      e.preventDefault();\n      e.dataTransfer.dropEffect =\n        draggedItem?.operation === \"copy\" ? \"copy\" : \"move\";\n    }\n  };\n\n  const handleDragEnter = (e: React.DragEvent<HTMLDivElement>) => {\n    if (isValidDropTarget) {\n      e.preventDefault();\n    }\n  };\n\n  const handleDragLeave = () => {};\n\n  const handleDrop = (e: React.DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    if (isValidDropTarget) {\n      onDrop?.(folder);\n    }\n  };\n\n  const handleContextMenu = (e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    onContextMenu?.(folder, e.clientX, e.clientY);\n  };\n\n  const FolderIcon = isHovered ? FolderOpen : Folder;\n\n  const menuItems = useMemo(\n    () => [\n      ...(onShare\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.share\", \"Share\"),\n              icon: <Share2 className=\"size-4\" />,\n              onClick: () => onShare(folder),\n            },\n          ]\n        : []),\n      ...(onMove\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.moveTo\", \"Move to\"),\n              icon: <FolderInput className=\"size-4\" />,\n              onClick: () => onMove(folder),\n            },\n          ]\n        : []),\n      ...(onRename\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.rename\", \"Rename\"),\n              icon: <Edit className=\"size-4\" />,\n              onClick: () => onRename(folder),\n              divider: true,\n            },\n          ]\n        : []),\n      ...(onFavorite\n        ? [\n            {\n              label: folder.starred\n                ? tWithFallback(\n                    t,\n                    \"files.card.removeFromStarred\",\n                    \"Remove from starred\",\n                  )\n                : tWithFallback(t, \"files.card.addToStarred\", \"Add to starred\"),\n              icon: <Star className=\"size-4\" />,\n              onClick: () => onFavorite(folder),\n            },\n          ]\n        : []),\n      ...(onInfo\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.details\", \"Details\"),\n              icon: <Info className=\"size-4\" />,\n              onClick: () => onInfo(folder),\n            },\n          ]\n        : []),\n      ...(onActivity\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.activity\", \"Activity\"),\n              icon: <Activity className=\"size-4\" />,\n              onClick: () => onActivity(folder),\n            },\n          ]\n        : []),\n      ...(onDelete\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.delete\", \"Delete\"),\n              icon: <Trash2 className=\"size-4\" />,\n              onClick: () => onDelete(folder),\n              variant: \"danger\" as const,\n              divider: true,\n            },\n          ]\n        : []),\n      ...(onRestore\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.restore\", \"Restore\"),\n              icon: <RotateCcw className=\"size-4\" />,\n              onClick: () => onRestore(folder),\n            },\n          ]\n        : []),\n    ],\n    [\n      folder,\n      onShare,\n      onMove,\n      onRename,\n      onFavorite,\n      onInfo,\n      onActivity,\n      onDelete,\n      onRestore,\n      t,\n    ],\n  );\n\n  return (\n    <div\n      className={`group relative cursor-pointer rounded-card border bg-bg-surface shadow-elevation-1 transition-all hover:shadow-elevation-2 focus-within:shadow-elevation-2 ${\n        isDragging ? \"opacity-50\" : \"\"\n      } ${\n        isValidDropTarget\n          ? \"border-action-primary-bg ring-2 ring-action-primary-bg ring-offset-2\"\n          : isSelected\n            ? \"border-action-primary-bg bg-bg-accent\"\n            : \"border-border-subtle\"\n      }`}\n      onClick={openFolder}\n      onContextMenu={handleContextMenu}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => {\n        if (!menuOpen) setIsHovered(false);\n      }}\n      onFocus={() => setIsHovered(true)}\n      onBlur={(event) => {\n        if (!event.currentTarget.contains(event.relatedTarget) && !menuOpen) {\n          setIsHovered(false);\n        }\n      }}\n      onKeyDown={(event) => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n          event.preventDefault();\n          openFolder();\n        }\n      }}\n      draggable={Boolean(onDragStart)}\n      onDragStart={handleDragStart}\n      onDragEnd={handleDragEnd}\n      onDragOver={handleDragOver}\n      onDragEnter={handleDragEnter}\n      onDragLeave={handleDragLeave}\n      onDrop={handleDrop}\n      role=\"button\"\n      tabIndex={0}\n      aria-label={`${tWithFallback(t, \"files.browser.openFolder\", \"Open folder\")} ${folder.name}`}\n    >\n      <div className=\"flex items-center gap-3 p-3\">\n        {/* Selection checkbox */}\n        <div\n          className={`flex-shrink-0 transition-opacity ${\n            isSelected\n              ? \"opacity-100\"\n              : \"opacity-0 group-hover:opacity-100 group-focus-within:opacity-100\"\n          }`}\n          onClick={(e) => e.stopPropagation()}\n        >\n          <input\n            type=\"checkbox\"\n            checked={isSelected}\n            onChange={handleCheckboxChange}\n            className=\"size-4 rounded border-border-default bg-bg-surface text-action-primary-bg focus:ring-2 focus:ring-action-primary-bg focus:ring-offset-2\"\n            aria-label={`Select ${folder.name}`}\n          />\n        </div>\n\n        {/* Folder icon */}\n        <div className=\"flex-shrink-0 flex items-center justify-center size-10 rounded-lg bg-action-primary-bg/10\">\n          <FolderIcon className=\"size-5 text-action-primary-bg\" />\n        </div>\n\n        {/* Folder info */}\n        <div className=\"flex-1 min-w-0 pr-1\">\n          <div className=\"flex items-center gap-1.5\">\n            <span className=\"text-sm font-medium text-text-primary truncate\">\n              {folder.name}\n            </span>\n            {folder.starred && (\n              <Star className=\"size-3 flex-shrink-0 fill-yellow-400 text-yellow-400\" />\n            )}\n          </div>\n          <div className=\"flex items-center gap-1 mt-0.5 text-xs text-text-secondary\">\n            {subfoldersCount > 0 && (\n              <>\n                <span>\n                  {subfoldersCount}{\" \"}\n                  {subfoldersCount === 1\n                    ? tWithFallback(t, \"files.folder.subfolder\", \"folder\")\n                    : tWithFallback(t, \"files.folder.subfolders\", \"folders\")}\n                </span>\n                {filesCount > 0 && (\n                  <span className=\"text-border-subtle\">·</span>\n                )}\n              </>\n            )}\n            {filesCount > 0 && (\n              <span>\n                {filesCount}{\" \"}\n                {filesCount === 1\n                  ? tWithFallback(t, \"files.folder.file\", \"file\")\n                  : tWithFallback(t, \"files.folder.files\", \"files\")}\n              </span>\n            )}\n            {totalItems === 0 && (\n              <span>{tWithFallback(t, \"files.folder.empty\", \"Empty\")}</span>\n            )}\n            <span className=\"text-border-subtle\">·</span>\n            <span className=\"truncate\">{formatFileDate(folder.updatedAt)}</span>\n          </div>\n        </div>\n\n        {/* Right-side actions — always reserve space so layout is stable */}\n        <div className=\"flex-shrink-0 flex items-center gap-1\">\n          {isHovered && onRestore && (\n            <button\n              type=\"button\"\n              onClick={(e) => handleActionClick(e, () => onRestore(folder))}\n              className=\"p-1.5 hover:bg-status-success-bg-subtle rounded transition-colors\"\n              aria-label={tWithFallback(t, \"files.card.restore\", \"Restore\")}\n              title={tWithFallback(t, \"files.card.restore\", \"Restore\")}\n            >\n              <RotateCcw className=\"size-4 text-status-success-text\" />\n            </button>\n          )}\n          {isHovered && onShare && (\n            <button\n              onClick={(e) => handleActionClick(e, () => onShare(folder))}\n              className=\"p-1.5 hover:bg-action-ghost-bg-hover rounded transition-colors\"\n              aria-label={tWithFallback(t, \"files.card.share\", \"Share\")}\n              title={tWithFallback(t, \"files.card.share\", \"Share\")}\n            >\n              <Share2 className=\"size-4 text-text-secondary\" />\n            </button>\n          )}\n          {isHovered && onRename && (\n            <button\n              onClick={(e) => handleActionClick(e, () => onRename(folder))}\n              className=\"p-1.5 hover:bg-action-ghost-bg-hover rounded transition-colors\"\n              aria-label={tWithFallback(t, \"files.card.rename\", \"Rename\")}\n              title={tWithFallback(t, \"files.card.rename\", \"Rename\")}\n            >\n              <Edit className=\"size-4 text-text-secondary\" />\n            </button>\n          )}\n          <div onClick={(e) => e.stopPropagation()}>\n            <ActionMenu\n              items={menuItems}\n              align=\"right\"\n              triggerClassName={\n                !isHovered && !menuOpen\n                  ? \"opacity-0 group-hover:opacity-100\"\n                  : \"\"\n              }\n              isOpen={menuOpen}\n              onToggle={(open) => {\n                setMenuOpen(open);\n                if (open) setIsHovered(true);\n              }}\n            />\n          </div>\n        </div>\n\n        {/* Navigate-into arrow */}\n        <ChevronRight className=\"flex-shrink-0 size-4 text-text-muted opacity-0 group-hover:opacity-100 transition-opacity\" />\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"FolderCard.js","names":[],"sources":["../../../src/files/components/FolderCard.tsx"],"sourcesContent":["import { type FC, useState, useMemo } from \"react\";\nimport {\n  Folder,\n  FolderOpen,\n  Share2,\n  Trash2,\n  Edit,\n  ChevronRight,\n  FolderInput,\n  Info,\n  Activity,\n  Star,\n  RotateCcw,\n} from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport type { FolderItem } from \"../types\";\nimport { formatFileDate } from \"../utils\";\nimport { useFilesStore } from \"../store/filesStore\";\nimport { ActionMenu } from \"./ActionMenu\";\nimport { getDragOperation, canDropOnFolder } from \"../hooks/useDragDrop\";\nimport { tWithFallback } from \"../utils/i18n\";\nimport type { DragData } from \"../hooks/useDragDrop\";\n\ninterface FolderCardProps {\n  folder: FolderItem;\n  isSelected?: boolean;\n  isDragging?: boolean;\n  isDropTarget?: boolean;\n  draggedItem?: DragData | null;\n  onSelect?: (folderId: string) => void;\n  onOpen?: (folder: FolderItem) => void;\n  onShare?: (folder: FolderItem) => void;\n  onDelete?: (folder: FolderItem) => void;\n  onRestore?: (folder: FolderItem) => void;\n  onRename?: (folder: FolderItem) => void;\n  onFavorite?: (folder: FolderItem) => void;\n  onCopy?: (folder: FolderItem) => void;\n  onMove?: (folder: FolderItem) => void;\n  onInfo?: (folder: FolderItem) => void;\n  onActivity?: (folder: FolderItem) => void;\n  onDragStart?: (folder: FolderItem, operation: \"move\" | \"copy\") => void;\n  onDragEnd?: () => void;\n  onDrop?: (folder: FolderItem) => void;\n  onContextMenu?: (folder: FolderItem, x: number, y: number) => void;\n}\n\ninterface DraggableFolderCardProps extends Omit<\n  FolderCardProps,\n  \"onDragStart\" | \"onDragEnd\" | \"onDrop\"\n> {\n  onDragStart?: (folder: FolderItem, operation: \"move\" | \"copy\") => void;\n  onDragEnd?: () => void;\n  onDrop?: (folder: FolderItem) => void;\n  onContextMenu?: (folder: FolderItem, x: number, y: number) => void;\n}\n\nexport const FolderCard: FC<DraggableFolderCardProps> = ({\n  folder,\n  isSelected = false,\n  isDragging = false,\n  isDropTarget = false,\n  draggedItem = null,\n  onSelect,\n  onOpen,\n  onShare,\n  onDelete,\n  onRestore,\n  onRename,\n  onFavorite,\n  onCopy: _onCopy,\n  onMove,\n  onInfo,\n  onActivity,\n  onDragStart,\n  onDragEnd,\n  onDrop,\n  onContextMenu,\n}) => {\n  const { t } = useI18n();\n  const [isHovered, setIsHovered] = useState(false);\n  const [menuOpen, setMenuOpen] = useState(false);\n  const { toggleFolderSelection } = useFilesStore();\n\n  const canDrop = canDropOnFolder(draggedItem, folder);\n  const isValidDropTarget = isDropTarget && canDrop;\n\n  const filesCount = folder.filesCount ?? 0;\n  const subfoldersCount = folder.subfoldersCount ?? 0;\n  const totalItems = filesCount + subfoldersCount;\n\n  const openFolder = () => {\n    if (onOpen) {\n      onOpen(folder);\n    }\n  };\n\n  const handleCheckboxChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    e.stopPropagation();\n    if (onSelect) {\n      onSelect(folder.id);\n    } else {\n      toggleFolderSelection(folder.id);\n    }\n  };\n\n  const handleActionClick = (e: React.MouseEvent, action: () => void) => {\n    e.stopPropagation();\n    action();\n  };\n\n  const handleDragStart = (e: React.DragEvent<HTMLDivElement>) => {\n    e.dataTransfer.effectAllowed = \"copyMove\";\n    e.dataTransfer.setData(\"application/x-file-id\", folder.id);\n    e.dataTransfer.setData(\"application/x-file-type\", \"folder\");\n    const operation = getDragOperation(e);\n    e.dataTransfer.setData(\"application/x-drag-operation\", operation);\n    onDragStart?.(folder, operation);\n  };\n\n  const handleDragEnd = () => {\n    onDragEnd?.();\n  };\n\n  const handleDragOver = (e: React.DragEvent<HTMLDivElement>) => {\n    if (isValidDropTarget) {\n      e.preventDefault();\n      e.dataTransfer.dropEffect =\n        draggedItem?.operation === \"copy\" ? \"copy\" : \"move\";\n    }\n  };\n\n  const handleDragEnter = (e: React.DragEvent<HTMLDivElement>) => {\n    if (isValidDropTarget) {\n      e.preventDefault();\n    }\n  };\n\n  const handleDragLeave = () => {};\n\n  const handleDrop = (e: React.DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    if (isValidDropTarget) {\n      onDrop?.(folder);\n    }\n  };\n\n  const handleContextMenu = (e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    onContextMenu?.(folder, e.clientX, e.clientY);\n  };\n\n  const FolderIcon = isHovered ? FolderOpen : Folder;\n\n  const menuItems = useMemo(\n    () => [\n      ...(onShare\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.share\", \"Share\"),\n              icon: <Share2 className=\"size-4\" />,\n              onClick: () => onShare(folder),\n            },\n          ]\n        : []),\n      ...(onMove\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.moveTo\", \"Move to\"),\n              icon: <FolderInput className=\"size-4\" />,\n              onClick: () => onMove(folder),\n            },\n          ]\n        : []),\n      ...(onRename\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.rename\", \"Rename\"),\n              icon: <Edit className=\"size-4\" />,\n              onClick: () => onRename(folder),\n              divider: true,\n            },\n          ]\n        : []),\n      ...(onFavorite\n        ? [\n            {\n              label: folder.starred\n                ? tWithFallback(\n                    t,\n                    \"files.card.removeFromStarred\",\n                    \"Remove from starred\",\n                  )\n                : tWithFallback(t, \"files.card.addToStarred\", \"Add to starred\"),\n              icon: <Star className=\"size-4\" />,\n              onClick: () => onFavorite(folder),\n            },\n          ]\n        : []),\n      ...(onInfo\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.details\", \"Details\"),\n              icon: <Info className=\"size-4\" />,\n              onClick: () => onInfo(folder),\n            },\n          ]\n        : []),\n      ...(onActivity\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.activity\", \"Activity\"),\n              icon: <Activity className=\"size-4\" />,\n              onClick: () => onActivity(folder),\n            },\n          ]\n        : []),\n      ...(onDelete\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.delete\", \"Delete\"),\n              icon: <Trash2 className=\"size-4\" />,\n              onClick: () => onDelete(folder),\n              variant: \"danger\" as const,\n              divider: true,\n            },\n          ]\n        : []),\n      ...(onRestore\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.restore\", \"Restore\"),\n              icon: <RotateCcw className=\"size-4\" />,\n              onClick: () => onRestore(folder),\n            },\n          ]\n        : []),\n    ],\n    [\n      folder,\n      onShare,\n      onMove,\n      onRename,\n      onFavorite,\n      onInfo,\n      onActivity,\n      onDelete,\n      onRestore,\n      t,\n    ],\n  );\n\n  return (\n    <GlassCard\n      treatment=\"insight\"\n      className={`group cursor-pointer focus-within:shadow-elevation-2 ${\n        isDragging ? \"opacity-50\" : \"\"\n      } ${\n        isValidDropTarget\n          ? \"border-action-primary-bg ring-2 ring-action-primary-bg ring-offset-2\"\n          : isSelected\n            ? \"border-action-primary-bg bg-bg-accent\"\n            : \"border-border-seam\"\n      }`}\n      onClick={openFolder}\n      onContextMenu={handleContextMenu}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => {\n        if (!menuOpen) setIsHovered(false);\n      }}\n      onFocus={() => setIsHovered(true)}\n      onBlur={(event) => {\n        if (!event.currentTarget.contains(event.relatedTarget) && !menuOpen) {\n          setIsHovered(false);\n        }\n      }}\n      onKeyDown={(event) => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n          event.preventDefault();\n          openFolder();\n        }\n      }}\n      draggable={Boolean(onDragStart)}\n      onDragStart={handleDragStart}\n      onDragEnd={handleDragEnd}\n      onDragOver={handleDragOver}\n      onDragEnter={handleDragEnter}\n      onDragLeave={handleDragLeave}\n      onDrop={handleDrop}\n      role=\"button\"\n      tabIndex={0}\n      aria-label={`${tWithFallback(t, \"files.browser.openFolder\", \"Open folder\")} ${folder.name}`}\n    >\n      <div className=\"flex items-center gap-3 p-3\">\n        {/* Selection checkbox */}\n        <div\n          className={`flex-shrink-0 transition-opacity ${\n            isSelected\n              ? \"opacity-100\"\n              : \"opacity-0 group-hover:opacity-100 group-focus-within:opacity-100\"\n          }`}\n          onClick={(e) => e.stopPropagation()}\n        >\n          <input\n            type=\"checkbox\"\n            checked={isSelected}\n            onChange={handleCheckboxChange}\n            className=\"size-4 rounded border-border-default bg-bg-surface text-action-primary-bg focus:ring-2 focus:ring-action-primary-bg focus:ring-offset-2\"\n            aria-label={`Select ${folder.name}`}\n          />\n        </div>\n\n        {/* Folder icon */}\n        <div className=\"flex-shrink-0 flex items-center justify-center size-10 rounded-lg bg-action-primary-bg/10\">\n          <FolderIcon className=\"size-5 text-action-primary-bg\" />\n        </div>\n\n        {/* Folder info */}\n        <div className=\"flex-1 min-w-0 pr-1\">\n          <div className=\"flex items-center gap-1.5\">\n            <span className=\"text-sm font-medium text-text-primary truncate\">\n              {folder.name}\n            </span>\n            {folder.starred && (\n              <Star className=\"size-3 flex-shrink-0 fill-yellow-400 text-yellow-400\" />\n            )}\n          </div>\n          <div className=\"flex items-center gap-1 mt-0.5 text-xs text-text-secondary\">\n            {subfoldersCount > 0 && (\n              <>\n                <span>\n                  {subfoldersCount}{\" \"}\n                  {subfoldersCount === 1\n                    ? tWithFallback(t, \"files.folder.subfolder\", \"folder\")\n                    : tWithFallback(t, \"files.folder.subfolders\", \"folders\")}\n                </span>\n                {filesCount > 0 && (\n                  <span className=\"text-border-subtle\">·</span>\n                )}\n              </>\n            )}\n            {filesCount > 0 && (\n              <span>\n                {filesCount}{\" \"}\n                {filesCount === 1\n                  ? tWithFallback(t, \"files.folder.file\", \"file\")\n                  : tWithFallback(t, \"files.folder.files\", \"files\")}\n              </span>\n            )}\n            {totalItems === 0 && (\n              <span>{tWithFallback(t, \"files.folder.empty\", \"Empty\")}</span>\n            )}\n            <span className=\"text-border-subtle\">·</span>\n            <span className=\"truncate\">{formatFileDate(folder.updatedAt)}</span>\n          </div>\n        </div>\n\n        {/* Right-side actions — always reserve space so layout is stable */}\n        <div className=\"flex-shrink-0 flex items-center gap-1\">\n          {isHovered && onRestore && (\n            <button\n              type=\"button\"\n              onClick={(e) => handleActionClick(e, () => onRestore(folder))}\n              className=\"p-1.5 hover:bg-status-success-bg-subtle rounded transition-colors\"\n              aria-label={tWithFallback(t, \"files.card.restore\", \"Restore\")}\n              title={tWithFallback(t, \"files.card.restore\", \"Restore\")}\n            >\n              <RotateCcw className=\"size-4 text-status-success-text\" />\n            </button>\n          )}\n          {isHovered && onShare && (\n            <button\n              onClick={(e) => handleActionClick(e, () => onShare(folder))}\n              className=\"p-1.5 hover:bg-action-ghost-bg-hover rounded transition-colors\"\n              aria-label={tWithFallback(t, \"files.card.share\", \"Share\")}\n              title={tWithFallback(t, \"files.card.share\", \"Share\")}\n            >\n              <Share2 className=\"size-4 text-text-secondary\" />\n            </button>\n          )}\n          {isHovered && onRename && (\n            <button\n              onClick={(e) => handleActionClick(e, () => onRename(folder))}\n              className=\"p-1.5 hover:bg-action-ghost-bg-hover rounded transition-colors\"\n              aria-label={tWithFallback(t, \"files.card.rename\", \"Rename\")}\n              title={tWithFallback(t, \"files.card.rename\", \"Rename\")}\n            >\n              <Edit className=\"size-4 text-text-secondary\" />\n            </button>\n          )}\n          <div onClick={(e) => e.stopPropagation()}>\n            <ActionMenu\n              items={menuItems}\n              align=\"right\"\n              triggerClassName={\n                !isHovered && !menuOpen\n                  ? \"opacity-0 group-hover:opacity-100\"\n                  : \"\"\n              }\n              isOpen={menuOpen}\n              onToggle={(open) => {\n                setMenuOpen(open);\n                if (open) setIsHovered(true);\n              }}\n            />\n          </div>\n        </div>\n\n        {/* Navigate-into arrow */}\n        <ChevronRight className=\"flex-shrink-0 size-4 text-text-muted opacity-0 group-hover:opacity-100 transition-opacity\" />\n      </div>\n    </GlassCard>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAyDA,IAAa,KAA4C,EACvD,WACA,gBAAa,IACb,gBAAa,IACb,kBAAe,IACf,iBAAc,MACd,aACA,WACA,YACA,aACA,cACA,aACA,eACA,QAAQ,IACR,WACA,WACA,eACA,gBACA,cACA,WACA,uBACI;CACJ,IAAM,EAAE,SAAM,GAAS,EACjB,CAAC,GAAW,KAAgB,EAAS,GAAM,EAC3C,CAAC,GAAU,KAAe,EAAS,GAAM,EACzC,EAAE,6BAA0B,GAAe,EAE3C,KAAU,EAAgB,GAAa,EAAO,EAC9C,IAAoB,KAAgB,IAEpC,IAAa,EAAO,cAAc,GAClC,IAAkB,EAAO,mBAAmB,GAC5C,IAAa,IAAa,GAE1B,UAAmB;AACvB,EAAI,KACF,EAAO,EAAO;IAIZ,MAAwB,MAA2C;AAEvE,EADA,EAAE,iBAAiB,EACf,IACF,EAAS,EAAO,GAAG,GAEnB,EAAsB,EAAO,GAAG;IAI9B,KAAqB,GAAqB,MAAuB;AAErE,EADA,EAAE,iBAAiB,EACnB,GAAQ;IAGJ,MAAmB,MAAuC;AAG9D,EAFA,EAAE,aAAa,gBAAgB,YAC/B,EAAE,aAAa,QAAQ,yBAAyB,EAAO,GAAG,EAC1D,EAAE,aAAa,QAAQ,2BAA2B,SAAS;EAC3D,IAAM,IAAY,EAAiB,EAAE;AAErC,EADA,EAAE,aAAa,QAAQ,gCAAgC,EAAU,EACjE,IAAc,GAAQ,EAAU;IAG5B,UAAsB;AAC1B,OAAa;IAGT,MAAkB,MAAuC;AAC7D,EAAI,MACF,EAAE,gBAAgB,EAClB,EAAE,aAAa,aACb,GAAa,cAAc,SAAS,SAAS;IAI7C,MAAmB,MAAuC;AAC9D,EAAI,KACF,EAAE,gBAAgB;IAIhB,WAAwB,IAExB,MAAc,MAAuC;AAEzD,EADA,EAAE,gBAAgB,EACd,KACF,IAAS,EAAO;IAId,MAAqB,MAAwB;AAGjD,EAFA,EAAE,gBAAgB,EAClB,EAAE,iBAAiB,EACnB,IAAgB,GAAQ,EAAE,SAAS,EAAE,QAAQ;IAGzC,KAAa,IAAY,IAAa,GAEtC,KAAY,SACV;EACJ,GAAI,IACA,CACE;GACE,OAAO,EAAc,GAAG,oBAAoB,QAAQ;GACpD,MAAM,kBAAC,GAAD,EAAQ,WAAU,UAAW,CAAA;GACnC,eAAe,EAAQ,EAAO;GAC/B,CACF,GACD,EAAE;EACN,GAAI,IACA,CACE;GACE,OAAO,EAAc,GAAG,qBAAqB,UAAU;GACvD,MAAM,kBAAC,GAAD,EAAa,WAAU,UAAW,CAAA;GACxC,eAAe,EAAO,EAAO;GAC9B,CACF,GACD,EAAE;EACN,GAAI,IACA,CACE;GACE,OAAO,EAAc,GAAG,qBAAqB,SAAS;GACtD,MAAM,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA;GACjC,eAAe,EAAS,EAAO;GAC/B,SAAS;GACV,CACF,GACD,EAAE;EACN,GAAI,IACA,CACE;GACE,OAAO,EAAO,UACV,EACE,GACA,gCACA,sBACD,GACD,EAAc,GAAG,2BAA2B,iBAAiB;GACjE,MAAM,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA;GACjC,eAAe,EAAW,EAAO;GAClC,CACF,GACD,EAAE;EACN,GAAI,IACA,CACE;GACE,OAAO,EAAc,GAAG,sBAAsB,UAAU;GACxD,MAAM,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA;GACjC,eAAe,EAAO,EAAO;GAC9B,CACF,GACD,EAAE;EACN,GAAI,IACA,CACE;GACE,OAAO,EAAc,GAAG,uBAAuB,WAAW;GAC1D,MAAM,kBAAC,GAAD,EAAU,WAAU,UAAW,CAAA;GACrC,eAAe,EAAW,EAAO;GAClC,CACF,GACD,EAAE;EACN,GAAI,IACA,CACE;GACE,OAAO,EAAc,GAAG,qBAAqB,SAAS;GACtD,MAAM,kBAAC,GAAD,EAAQ,WAAU,UAAW,CAAA;GACnC,eAAe,EAAS,EAAO;GAC/B,SAAS;GACT,SAAS;GACV,CACF,GACD,EAAE;EACN,GAAI,IACA,CACE;GACE,OAAO,EAAc,GAAG,sBAAsB,UAAU;GACxD,MAAM,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA;GACtC,eAAe,EAAU,EAAO;GACjC,CACF,GACD,EAAE;EACP,EACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AAED,QACE,kBAAC,IAAD;EACE,WAAU;EACV,WAAW,wDACT,IAAa,eAAe,GAC7B,GACC,IACI,yEACA,IACE,0CACA;EAER,SAAS;EACT,eAAe;EACf,oBAAoB,EAAa,GAAK;EACtC,oBAAoB;AAClB,GAAK,KAAU,EAAa,GAAM;;EAEpC,eAAe,EAAa,GAAK;EACjC,SAAS,MAAU;AACjB,GAAI,CAAC,EAAM,cAAc,SAAS,EAAM,cAAc,IAAI,CAAC,KACzD,EAAa,GAAM;;EAGvB,YAAY,MAAU;AACpB,IAAI,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACzC,EAAM,gBAAgB,EACtB,GAAY;;EAGhB,WAAW,EAAQ;EACnB,aAAa;EACb,WAAW;EACX,YAAY;EACZ,aAAa;EACb,aAAa;EACb,QAAQ;EACR,MAAK;EACL,UAAU;EACV,cAAY,GAAG,EAAc,GAAG,4BAA4B,cAAc,CAAC,GAAG,EAAO;YAErF,kBAAC,OAAD;GAAK,WAAU;aAAf;IAEE,kBAAC,OAAD;KACE,WAAW,oCACT,IACI,gBACA;KAEN,UAAU,MAAM,EAAE,iBAAiB;eAEnC,kBAAC,SAAD;MACE,MAAK;MACL,SAAS;MACT,UAAU;MACV,WAAU;MACV,cAAY,UAAU,EAAO;MAC7B,CAAA;KACE,CAAA;IAGN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,IAAD,EAAY,WAAU,iCAAkC,CAAA;KACpD,CAAA;IAGN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAO;OACH,CAAA,EACN,EAAO,WACN,kBAAC,GAAD,EAAM,WAAU,wDAAyD,CAAA,CAEvE;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACG,IAAkB,KACjB,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,QAAD,EAAA,UAAA;QACG;QAAiB;QACjB,MAAoB,IACjB,EAAc,GAAG,0BAA0B,SAAS,GACpD,EAAc,GAAG,2BAA2B,UAAU;QACrD,EAAA,CAAA,EACN,IAAa,KACZ,kBAAC,QAAD;QAAM,WAAU;kBAAqB;QAAQ,CAAA,CAE9C,EAAA,CAAA;OAEJ,IAAa,KACZ,kBAAC,QAAD,EAAA,UAAA;QACG;QAAY;QACZ,MAAe,IACZ,EAAc,GAAG,qBAAqB,OAAO,GAC7C,EAAc,GAAG,sBAAsB,QAAQ;QAC9C,EAAA,CAAA;OAER,MAAe,KACd,kBAAC,QAAD,EAAA,UAAO,EAAc,GAAG,sBAAsB,QAAQ,EAAQ,CAAA;OAEhE,kBAAC,QAAD;QAAM,WAAU;kBAAqB;QAAQ,CAAA;OAC7C,kBAAC,QAAD;QAAM,WAAU;kBAAY,EAAe,EAAO,UAAU;QAAQ,CAAA;OAChE;QACF;;IAGN,kBAAC,OAAD;KAAK,WAAU;eAAf;MACG,KAAa,KACZ,kBAAC,UAAD;OACE,MAAK;OACL,UAAU,MAAM,EAAkB,SAAS,EAAU,EAAO,CAAC;OAC7D,WAAU;OACV,cAAY,EAAc,GAAG,sBAAsB,UAAU;OAC7D,OAAO,EAAc,GAAG,sBAAsB,UAAU;iBAExD,kBAAC,GAAD,EAAW,WAAU,mCAAoC,CAAA;OAClD,CAAA;MAEV,KAAa,KACZ,kBAAC,UAAD;OACE,UAAU,MAAM,EAAkB,SAAS,EAAQ,EAAO,CAAC;OAC3D,WAAU;OACV,cAAY,EAAc,GAAG,oBAAoB,QAAQ;OACzD,OAAO,EAAc,GAAG,oBAAoB,QAAQ;iBAEpD,kBAAC,GAAD,EAAQ,WAAU,8BAA+B,CAAA;OAC1C,CAAA;MAEV,KAAa,KACZ,kBAAC,UAAD;OACE,UAAU,MAAM,EAAkB,SAAS,EAAS,EAAO,CAAC;OAC5D,WAAU;OACV,cAAY,EAAc,GAAG,qBAAqB,SAAS;OAC3D,OAAO,EAAc,GAAG,qBAAqB,SAAS;iBAEtD,kBAAC,GAAD,EAAM,WAAU,8BAA+B,CAAA;OACxC,CAAA;MAEX,kBAAC,OAAD;OAAK,UAAU,MAAM,EAAE,iBAAiB;iBACtC,kBAAC,GAAD;QACE,OAAO;QACP,OAAM;QACN,kBACE,CAAC,KAAa,CAAC,IACX,sCACA;QAEN,QAAQ;QACR,WAAW,MAAS;AAElB,SADA,EAAY,EAAK,EACb,KAAM,EAAa,GAAK;;QAE9B,CAAA;OACE,CAAA;MACF;;IAGN,kBAAC,GAAD,EAAc,WAAU,6FAA8F,CAAA;IAClH;;EACI,CAAA"}