@burdenoff/microfe-files 2026.519.1 → 2026.519.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  Copy,\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,\n  onMove,\n  onInfo,\n  onActivity,\n  onDragStart,\n  onDragEnd,\n  onDrop,\n  onContextMenu,\n}) => {\n  const { t } = useI18n();\n  const [showActions, setShowActions] = useState(false);\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 handleClick = () => {\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    setShowActions(false);\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  // Memoize menu items to prevent re-renders\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      ...(onCopy\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.makeCopy\", \"Make a copy\"),\n              icon: <Copy className=\"size-4\" />,\n              onClick: () => onCopy(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      onCopy,\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={`@container group relative cursor-pointer overflow-hidden rounded-card border bg-bg-surface shadow-elevation-1 transition-shadow hover:shadow-elevation-2 focus-within:shadow-elevation-2 ${isDragging ? \"opacity-50\" : \"\"} ${isValidDropTarget ? \"border-action-primary-bg ring-2 ring-action-primary-bg ring-offset-2\" : \"border-border-subtle\"}`}\n      onClick={handleClick}\n      onContextMenu={handleContextMenu}\n      onMouseEnter={() => {\n        setShowActions(true);\n        setIsHovered(true);\n      }}\n      onMouseLeave={() => {\n        setShowActions(false);\n        setIsHovered(false);\n      }}\n      onFocus={() => {\n        setShowActions(true);\n        setIsHovered(true);\n      }}\n      onBlur={(event) => {\n        if (!event.currentTarget.contains(event.relatedTarget)) {\n          setShowActions(false);\n          setIsHovered(false);\n        }\n      }}\n      onKeyDown={(event) => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n          event.preventDefault();\n          handleClick();\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      {/* Selection checkbox */}\n      <div\n        className={`absolute top-2 left-2 z-10 transition-opacity ${\n          isSelected\n            ? \"opacity-100\"\n            : \"opacity-0 group-hover:opacity-100 group-focus-within:opacity-100\"\n        }`}\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      {/* Favorite indicator */}\n      {folder.starred && (\n        <div className=\"absolute top-2 right-2 z-10\">\n          <Star className=\"size-4 fill-status-warning-bg text-status-warning-bg\" />\n        </div>\n      )}\n\n      {/* Folder icon section */}\n      <div className=\"aspect-[4/3] bg-bg-sunken flex items-center justify-center\">\n        <FolderIcon className=\"size-10 @md:size-14 text-action-primary-bg\" />\n      </div>\n\n      {/* Folder info */}\n      <div className=\"p-3 @md:p-4\">\n        <div className=\"flex items-center justify-between gap-2 mb-1\">\n          <h3 className=\"font-text-md font-weight-medium text-text-primary truncate flex-1\">\n            {folder.name}\n          </h3>\n          <ChevronRight className=\"size-4 text-text-muted flex-shrink-0\" />\n        </div>\n\n        <div className=\"flex items-center gap-2 text-text-secondary font-text-sm\">\n          <span>\n            {folder.filesCount ?? 0}{\" \"}\n            {(folder.filesCount ?? 0) === 1\n              ? tWithFallback(t, \"files.folder.item\", \"item\")\n              : tWithFallback(t, \"files.browser.items\", \"items\")}\n          </span>\n          <span className=\"hidden @sm:inline text-border-subtle\">•</span>\n          <span className=\"hidden @sm:inline\">\n            {formatFileDate(folder.updatedAt)}\n          </span>\n        </div>\n\n        {/* Extended metadata on larger containers */}\n        {folder.createdBy && (\n          <div className=\"hidden @md:flex items-center gap-2 mt-2 text-text-muted font-text-xs\">\n            <div className=\"flex items-center gap-1\">\n              {folder.createdBy.avatar && (\n                <img\n                  src={folder.createdBy.avatar}\n                  alt={folder.createdBy.name}\n                  className=\"size-4 rounded-full\"\n                />\n              )}\n              <span>{folder.createdBy.name}</span>\n            </div>\n          </div>\n        )}\n      </div>\n\n      {/* Action buttons (on hover) with dropdown menu */}\n      {showActions && (\n        <div className=\"absolute bottom-3 right-3 flex items-center gap-1 bg-bg-elevated border border-border-subtle rounded shadow-elevation-2 p-1\">\n          {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-primary\" />\n            </button>\n          )}\n\n          {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-primary\" />\n            </button>\n          )}\n\n          {onRestore && (\n            <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\n          {/* More options dropdown */}\n          <div onClick={(e) => e.stopPropagation()}>\n            <ActionMenu\n              items={menuItems}\n              align=\"right\"\n              triggerClassName=\"p-1.5\"\n              isOpen={menuOpen}\n              onToggle={setMenuOpen}\n            />\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;AAyDA,IAAa,KAA4C,EACvD,WACA,gBAAa,IACb,gBAAa,IACb,kBAAe,IACf,iBAAc,MACd,aACA,WACA,YACA,aACA,cACA,aACA,eACA,WACA,WACA,WACA,eACA,gBACA,cACA,WACA,uBACI;CACJ,IAAM,EAAE,SAAM,GAAS,EACjB,CAAC,GAAa,KAAkB,EAAS,GAAM,EAC/C,CAAC,GAAW,KAAgB,EAAS,GAAM,EAC3C,CAAC,IAAU,KAAe,EAAS,GAAM,EACzC,EAAE,6BAA0B,GAAe,EAE3C,IAAU,EAAgB,GAAa,EAAO,EAC9C,IAAoB,KAAgB,GAEpC,UAAoB;AACxB,EAAI,KACF,EAAO,EAAO;IAIZ,KAAwB,MAA2C;AAEvE,EADA,EAAE,iBAAiB,EACf,IACF,EAAS,EAAO,GAAG,GAEnB,EAAsB,EAAO,GAAG;IAI9B,KAAqB,GAAqB,MAAuB;AAGrE,EAFA,EAAE,iBAAiB,EACnB,GAAQ,EACR,EAAe,GAAM;IAGjB,KAAmB,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,WAAsB;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,KAAa,GAGtC,KAAY,QACV;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,uBAAuB,cAAc;GAC7D,MAAM,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA;GACjC,eAAe,EAAO,EAAO;GAC9B,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,IAAD,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;EACA;EACD,CACF;AAED,QACE,kBAAC,OAAD;EACE,WAAW,4LAA4L,IAAa,eAAe,GAAG,GAAG,IAAoB,yEAAyE;EACtU,SAAS;EACT,eAAe;EACf,oBAAoB;AAElB,GADA,EAAe,GAAK,EACpB,EAAa,GAAK;;EAEpB,oBAAoB;AAElB,GADA,EAAe,GAAM,EACrB,EAAa,GAAM;;EAErB,eAAe;AAEb,GADA,EAAe,GAAK,EACpB,EAAa,GAAK;;EAEpB,SAAS,MAAU;AACjB,GAAK,EAAM,cAAc,SAAS,EAAM,cAAc,KACpD,EAAe,GAAM,EACrB,EAAa,GAAM;;EAGvB,YAAY,MAAU;AACpB,IAAI,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACzC,EAAM,gBAAgB,EACtB,GAAa;;EAGjB,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;YArCvF;GAwCE,kBAAC,OAAD;IACE,WAAW,iDACT,IACI,gBACA;cAGN,kBAAC,SAAD;KACE,MAAK;KACL,SAAS;KACT,UAAU;KACV,WAAU;KACV,cAAY,UAAU,EAAO;KAC7B,CAAA;IACE,CAAA;GAGL,EAAO,WACN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,EAAM,WAAU,wDAAyD,CAAA;IACrE,CAAA;GAIR,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,IAAD,EAAY,WAAU,8CAA+C,CAAA;IACjE,CAAA;GAGN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBACX,EAAO;OACL,CAAA,EACL,kBAAC,GAAD,EAAc,WAAU,wCAAyC,CAAA,CAC7D;;KAEN,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,QAAD,EAAA,UAAA;QACG,EAAO,cAAc;QAAG;SACvB,EAAO,cAAc,OAAO,IAC1B,EAAc,GAAG,qBAAqB,OAAO,GAC7C,EAAc,GAAG,uBAAuB,QAAQ;QAC/C,EAAA,CAAA;OACP,kBAAC,QAAD;QAAM,WAAU;kBAAuC;QAAQ,CAAA;OAC/D,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAe,EAAO,UAAU;QAC5B,CAAA;OACH;;KAGL,EAAO,aACN,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACG,EAAO,UAAU,UAChB,kBAAC,OAAD;QACE,KAAK,EAAO,UAAU;QACtB,KAAK,EAAO,UAAU;QACtB,WAAU;QACV,CAAA,EAEJ,kBAAC,QAAD,EAAA,UAAO,EAAO,UAAU,MAAY,CAAA,CAChC;;MACF,CAAA;KAEJ;;GAGL,KACC,kBAAC,OAAD;IAAK,WAAU;cAAf;KACG,KACC,kBAAC,UAAD;MACE,UAAU,MAAM,EAAkB,SAAS,EAAQ,EAAO,CAAC;MAC3D,WAAU;MACV,cAAY,EAAc,GAAG,oBAAoB,QAAQ;MACzD,OAAO,EAAc,GAAG,oBAAoB,QAAQ;gBAEpD,kBAAC,GAAD,EAAQ,WAAU,4BAA6B,CAAA;MACxC,CAAA;KAGV,KACC,kBAAC,UAAD;MACE,UAAU,MAAM,EAAkB,SAAS,EAAS,EAAO,CAAC;MAC5D,WAAU;MACV,cAAY,EAAc,GAAG,qBAAqB,SAAS;MAC3D,OAAO,EAAc,GAAG,qBAAqB,SAAS;gBAEtD,kBAAC,GAAD,EAAM,WAAU,4BAA6B,CAAA;MACtC,CAAA;KAGV,KACC,kBAAC,UAAD;MACE,UAAU,MAAM,EAAkB,SAAS,EAAU,EAAO,CAAC;MAC7D,WAAU;MACV,cAAY,EAAc,GAAG,sBAAsB,UAAU;MAC7D,OAAO,EAAc,GAAG,sBAAsB,UAAU;gBAExD,kBAAC,GAAD,EAAW,WAAU,mCAAoC,CAAA;MAClD,CAAA;KAIX,kBAAC,OAAD;MAAK,UAAU,MAAM,EAAE,iBAAiB;gBACtC,kBAAC,GAAD;OACE,OAAO;OACP,OAAM;OACN,kBAAiB;OACjB,QAAQ;OACR,UAAU;OACV,CAAA;MACE,CAAA;KACF;;GAEJ"}
+{"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  Copy,\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,\n  onMove,\n  onInfo,\n  onActivity,\n  onDragStart,\n  onDragEnd,\n  onDrop,\n  onContextMenu,\n}) => {\n  const { t } = useI18n();\n  const [showActions, setShowActions] = useState(false);\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 handleClick = () => {\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    setShowActions(false);\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  // Memoize menu items to prevent re-renders\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      ...(onCopy\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.makeCopy\", \"Make a copy\"),\n              icon: <Copy className=\"size-4\" />,\n              onClick: () => onCopy(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      onCopy,\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={`@container group relative cursor-pointer overflow-hidden rounded-card border bg-bg-surface shadow-elevation-1 transition-shadow hover:shadow-elevation-2 focus-within:shadow-elevation-2 ${isDragging ? \"opacity-50\" : \"\"} ${isValidDropTarget ? \"border-action-primary-bg ring-2 ring-action-primary-bg ring-offset-2\" : \"border-border-subtle\"}`}\n      onClick={handleClick}\n      onContextMenu={handleContextMenu}\n      onMouseEnter={() => {\n        setShowActions(true);\n        setIsHovered(true);\n      }}\n      onMouseLeave={() => {\n        setShowActions(false);\n        setIsHovered(false);\n      }}\n      onFocus={() => {\n        setShowActions(true);\n        setIsHovered(true);\n      }}\n      onBlur={(event) => {\n        if (!event.currentTarget.contains(event.relatedTarget)) {\n          setShowActions(false);\n          setIsHovered(false);\n        }\n      }}\n      onKeyDown={(event) => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n          event.preventDefault();\n          handleClick();\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      {/* Selection checkbox */}\n      <div\n        className={`absolute top-2 left-2 z-10 transition-opacity ${\n          isSelected\n            ? \"opacity-100\"\n            : \"opacity-0 group-hover:opacity-100 group-focus-within:opacity-100\"\n        }`}\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      {/* Favorite indicator */}\n      {folder.starred && (\n        <div className=\"absolute top-2 right-2 z-10\">\n          <Star className=\"size-4 fill-yellow-400 text-yellow-400\" />\n        </div>\n      )}\n\n      {/* Folder icon section */}\n      <div className=\"aspect-[4/3] bg-bg-sunken flex items-center justify-center\">\n        <FolderIcon className=\"size-10 @md:size-14 text-action-primary-bg\" />\n      </div>\n\n      {/* Folder info */}\n      <div className=\"p-3 @md:p-4\">\n        <div className=\"flex items-center justify-between gap-2 mb-1\">\n          <h3 className=\"font-text-md font-weight-medium text-text-primary truncate flex-1\">\n            {folder.name}\n          </h3>\n          <ChevronRight className=\"size-4 text-text-muted flex-shrink-0\" />\n        </div>\n\n        <div className=\"flex items-center gap-2 text-text-secondary font-text-sm\">\n          <span>\n            {folder.filesCount ?? 0}{\" \"}\n            {(folder.filesCount ?? 0) === 1\n              ? tWithFallback(t, \"files.folder.item\", \"item\")\n              : tWithFallback(t, \"files.browser.items\", \"items\")}\n          </span>\n          <span className=\"hidden @sm:inline text-border-subtle\">•</span>\n          <span className=\"hidden @sm:inline\">\n            {formatFileDate(folder.updatedAt)}\n          </span>\n        </div>\n\n        {/* Extended metadata on larger containers */}\n        {folder.createdBy && (\n          <div className=\"hidden @md:flex items-center gap-2 mt-2 text-text-muted font-text-xs\">\n            <div className=\"flex items-center gap-1\">\n              {folder.createdBy.avatar && (\n                <img\n                  src={folder.createdBy.avatar}\n                  alt={folder.createdBy.name}\n                  className=\"size-4 rounded-full\"\n                />\n              )}\n              <span>{folder.createdBy.name}</span>\n            </div>\n          </div>\n        )}\n      </div>\n\n      {/* Action buttons (on hover) with dropdown menu */}\n      {showActions && (\n        <div className=\"absolute bottom-3 right-3 flex items-center gap-1 bg-bg-elevated border border-border-subtle rounded shadow-elevation-2 p-1\">\n          {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-primary\" />\n            </button>\n          )}\n\n          {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-primary\" />\n            </button>\n          )}\n\n          {onRestore && (\n            <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\n          {/* More options dropdown */}\n          <div onClick={(e) => e.stopPropagation()}>\n            <ActionMenu\n              items={menuItems}\n              align=\"right\"\n              triggerClassName=\"p-1.5\"\n              isOpen={menuOpen}\n              onToggle={setMenuOpen}\n            />\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/files/components/TabBar.js

@@ -40,7 +40,7 @@ function l({ activeTab: t, onTabChange: n, tabs: r = [
 	return /* @__PURE__ */ a("div", {
 		className: "bg-bg-surface border-b border-border-default",
 		children: /* @__PURE__ */ a("div", {
-			className: "overflow-x-auto px-4 sm:px-6",
+			className: "overflow-x-auto px-4 sm:px-6 [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]",
 			children: /* @__PURE__ */ a("nav", {
 				className: "-mb-px flex min-w-max gap-1",
 				role: "tablist",

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

@@ -1 +1 @@
-{"version":3,"file":"TabBar.js","names":[],"sources":["../../../src/files/components/TabBar.tsx"],"sourcesContent":["import { Clock, Star, Trash2, Folder } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { tWithFallback } from \"../utils/i18n\";\n\nexport type TabView = \"all\" | \"recent\" | \"starred\" | \"bin\";\n\ninterface TabBarProps {\n  activeTab: TabView;\n  onTabChange: (tab: TabView) => void;\n  /**\n   * Which tabs to render. Order is preserved. Parent filters out\n   * feature-flag-gated tabs (e.g. bin/starred) before passing.\n   * @default [\"all\", \"recent\", \"starred\", \"bin\"]\n   */\n  tabs?: TabView[];\n}\n\nconst ALL_TABS: { id: TabView; label: string; icon: React.ReactNode }[] = [\n  { id: \"all\", label: \"All Files\", icon: <Folder className=\"size-5\" /> },\n  { id: \"recent\", label: \"Recent\", icon: <Clock className=\"size-5\" /> },\n  { id: \"starred\", label: \"Starred\", icon: <Star className=\"size-5\" /> },\n  { id: \"bin\", label: \"Bin\", icon: <Trash2 className=\"size-5\" /> },\n];\n\nexport function TabBar({\n  activeTab,\n  onTabChange,\n  tabs = [\"all\", \"recent\", \"starred\", \"bin\"],\n}: TabBarProps) {\n  const { t } = useI18n();\n  const visibleTabs = ALL_TABS.filter((tab) => tabs.includes(tab.id));\n  const labels: Record<TabView, string> = {\n    all: tWithFallback(t, \"files.browser.tabs.all\", \"All Files\"),\n    recent: tWithFallback(t, \"files.browser.tabs.recent\", \"Recent\"),\n    starred: tWithFallback(t, \"files.browser.tabs.starred\", \"Starred\"),\n    bin: tWithFallback(t, \"files.browser.tabs.bin\", \"Bin\"),\n  };\n\n  return (\n    <div className=\"bg-bg-surface border-b border-border-default\">\n      <div className=\"overflow-x-auto px-4 sm:px-6\">\n        <nav\n          className=\"-mb-px flex min-w-max gap-1\"\n          role=\"tablist\"\n          aria-label={tWithFallback(\n            t,\n            \"files.browser.tabs.ariaLabel\",\n            \"Files sections\",\n          )}\n        >\n          {visibleTabs.map((tab) => (\n            <button\n              key={tab.id}\n              onClick={() => onTabChange(tab.id)}\n              role=\"tab\"\n              aria-selected={activeTab === tab.id}\n              className={`\n                flex items-center gap-2 whitespace-nowrap px-4 py-3 text-sm font-medium border-b-2 transition-all duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-border focus-visible:ring-offset-2\n                ${\n                  activeTab === tab.id\n                    ? \"border-action-primary-bg text-text-primary bg-action-ghost-bg-hover\"\n                    : \"border-transparent text-text-secondary hover:text-text-primary hover:bg-action-ghost-bg-hover\"\n                }\n              `}\n            >\n              {tab.icon}\n              {labels[tab.id] ?? tab.label}\n            </button>\n          ))}\n        </nav>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAiBA,IAAM,IAAoE;CACxE;EAAE,IAAI;EAAO,OAAO;EAAa,MAAM,kBAAC,GAAD,EAAQ,WAAU,UAAW,CAAA;EAAE;CACtE;EAAE,IAAI;EAAU,OAAO;EAAU,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;EAAE;CACrE;EAAE,IAAI;EAAW,OAAO;EAAW,MAAM,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA;EAAE;CACtE;EAAE,IAAI;EAAO,OAAO;EAAO,MAAM,kBAAC,GAAD,EAAQ,WAAU,UAAW,CAAA;EAAE;CACjE;AAED,SAAgB,EAAO,EACrB,cACA,gBACA,UAAO;CAAC;CAAO;CAAU;CAAW;CAAM,IAC5B;CACd,IAAM,EAAE,SAAM,GAAS,EACjB,IAAc,EAAS,QAAQ,MAAQ,EAAK,SAAS,EAAI,GAAG,CAAC,EAC7D,IAAkC;EACtC,KAAK,EAAc,GAAG,0BAA0B,YAAY;EAC5D,QAAQ,EAAc,GAAG,6BAA6B,SAAS;EAC/D,SAAS,EAAc,GAAG,8BAA8B,UAAU;EAClE,KAAK,EAAc,GAAG,0BAA0B,MAAM;EACvD;AAED,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IACE,WAAU;IACV,MAAK;IACL,cAAY,EACV,GACA,gCACA,iBACD;cAEA,EAAY,KAAK,MAChB,kBAAC,UAAD;KAEE,eAAe,EAAY,EAAI,GAAG;KAClC,MAAK;KACL,iBAAe,MAAc,EAAI;KACjC,WAAW;;kBAGP,MAAc,EAAI,KACd,wEACA,gGACL;;eAXL,CAcG,EAAI,MACJ,EAAO,EAAI,OAAO,EAAI,MAChB;OAfF,EAAI,GAeF,CACT;IACE,CAAA;GACF,CAAA;EACF,CAAA"}
+{"version":3,"file":"TabBar.js","names":[],"sources":["../../../src/files/components/TabBar.tsx"],"sourcesContent":["import { Clock, Star, Trash2, Folder } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { tWithFallback } from \"../utils/i18n\";\n\nexport type TabView = \"all\" | \"recent\" | \"starred\" | \"bin\";\n\ninterface TabBarProps {\n  activeTab: TabView;\n  onTabChange: (tab: TabView) => void;\n  /**\n   * Which tabs to render. Order is preserved. Parent filters out\n   * feature-flag-gated tabs (e.g. bin/starred) before passing.\n   * @default [\"all\", \"recent\", \"starred\", \"bin\"]\n   */\n  tabs?: TabView[];\n}\n\nconst ALL_TABS: { id: TabView; label: string; icon: React.ReactNode }[] = [\n  { id: \"all\", label: \"All Files\", icon: <Folder className=\"size-5\" /> },\n  { id: \"recent\", label: \"Recent\", icon: <Clock className=\"size-5\" /> },\n  { id: \"starred\", label: \"Starred\", icon: <Star className=\"size-5\" /> },\n  { id: \"bin\", label: \"Bin\", icon: <Trash2 className=\"size-5\" /> },\n];\n\nexport function TabBar({\n  activeTab,\n  onTabChange,\n  tabs = [\"all\", \"recent\", \"starred\", \"bin\"],\n}: TabBarProps) {\n  const { t } = useI18n();\n  const visibleTabs = ALL_TABS.filter((tab) => tabs.includes(tab.id));\n  const labels: Record<TabView, string> = {\n    all: tWithFallback(t, \"files.browser.tabs.all\", \"All Files\"),\n    recent: tWithFallback(t, \"files.browser.tabs.recent\", \"Recent\"),\n    starred: tWithFallback(t, \"files.browser.tabs.starred\", \"Starred\"),\n    bin: tWithFallback(t, \"files.browser.tabs.bin\", \"Bin\"),\n  };\n\n  return (\n    <div className=\"bg-bg-surface border-b border-border-default\">\n      <div className=\"overflow-x-auto px-4 sm:px-6 [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]\">\n        <nav\n          className=\"-mb-px flex min-w-max gap-1\"\n          role=\"tablist\"\n          aria-label={tWithFallback(\n            t,\n            \"files.browser.tabs.ariaLabel\",\n            \"Files sections\",\n          )}\n        >\n          {visibleTabs.map((tab) => (\n            <button\n              key={tab.id}\n              onClick={() => onTabChange(tab.id)}\n              role=\"tab\"\n              aria-selected={activeTab === tab.id}\n              className={`\n                flex items-center gap-2 whitespace-nowrap px-4 py-3 text-sm font-medium border-b-2 transition-all duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-border focus-visible:ring-offset-2\n                ${\n                  activeTab === tab.id\n                    ? \"border-action-primary-bg text-text-primary bg-action-ghost-bg-hover\"\n                    : \"border-transparent text-text-secondary hover:text-text-primary hover:bg-action-ghost-bg-hover\"\n                }\n              `}\n            >\n              {tab.icon}\n              {labels[tab.id] ?? tab.label}\n            </button>\n          ))}\n        </nav>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAiBA,IAAM,IAAoE;CACxE;EAAE,IAAI;EAAO,OAAO;EAAa,MAAM,kBAAC,GAAD,EAAQ,WAAU,UAAW,CAAA;EAAE;CACtE;EAAE,IAAI;EAAU,OAAO;EAAU,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;EAAE;CACrE;EAAE,IAAI;EAAW,OAAO;EAAW,MAAM,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA;EAAE;CACtE;EAAE,IAAI;EAAO,OAAO;EAAO,MAAM,kBAAC,GAAD,EAAQ,WAAU,UAAW,CAAA;EAAE;CACjE;AAED,SAAgB,EAAO,EACrB,cACA,gBACA,UAAO;CAAC;CAAO;CAAU;CAAW;CAAM,IAC5B;CACd,IAAM,EAAE,SAAM,GAAS,EACjB,IAAc,EAAS,QAAQ,MAAQ,EAAK,SAAS,EAAI,GAAG,CAAC,EAC7D,IAAkC;EACtC,KAAK,EAAc,GAAG,0BAA0B,YAAY;EAC5D,QAAQ,EAAc,GAAG,6BAA6B,SAAS;EAC/D,SAAS,EAAc,GAAG,8BAA8B,UAAU;EAClE,KAAK,EAAc,GAAG,0BAA0B,MAAM;EACvD;AAED,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IACE,WAAU;IACV,MAAK;IACL,cAAY,EACV,GACA,gCACA,iBACD;cAEA,EAAY,KAAK,MAChB,kBAAC,UAAD;KAEE,eAAe,EAAY,EAAI,GAAG;KAClC,MAAK;KACL,iBAAe,MAAc,EAAI;KACjC,WAAW;;kBAGP,MAAc,EAAI,KACd,wEACA,gGACL;;eAXL,CAcG,EAAI,MACJ,EAAO,EAAI,OAAO,EAAI,MAChB;OAfF,EAAI,GAeF,CACT;IACE,CAAA;GACF,CAAA;EACF,CAAA"}

package/dist/files/pages/BrowserPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BrowserPage.d.ts","sourceRoot":"","sources":["../../../src/files/pages/BrowserPage.tsx"],"names":[],"mappings":"AAoFA;;GAEG;AACH,wBAAgB,WAAW,4CAm/D1B"}
+{"version":3,"file":"BrowserPage.d.ts","sourceRoot":"","sources":["../../../src/files/pages/BrowserPage.tsx"],"names":[],"mappings":"AAoFA;;GAEG;AACH,wBAAgB,WAAW,4CAs+D1B"}