@burdenoff/microfe-files 2026.624.2 → 2026.625.1

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

@@ -1 +1 @@
-{"version":3,"file":"FileVersionPanel.js","names":[],"sources":["../../../src/files/components/FileVersionPanel.tsx"],"sourcesContent":["import { type FC, useState } from \"react\";\nimport {\n  Clock,\n  Download,\n  RotateCcw,\n  Trash2,\n  X,\n  CheckCircle2,\n  AlertCircle,\n  Loader2,\n  Tag,\n} from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport type { FileItem } from \"../types\";\nimport { formatFileSize, formatFileDate } from \"../utils\";\nimport { tWithFallback } from \"../utils/i18n\";\nimport {\n  useFileVersions,\n  useRestoreFileVersion,\n  useDeleteFileVersion,\n  useVersionDownloadUrl,\n} from \"../hooks/useFileVersions\";\nimport { useToast } from \"../hooks/useToast\";\nimport { ConfirmDialog } from \"./ConfirmDialog\";\n\ninterface FileVersionPanelProps {\n  file: FileItem;\n  onClose: () => void;\n}\n\nexport const FileVersionPanel: FC<FileVersionPanelProps> = ({\n  file,\n  onClose,\n}) => {\n  const { t } = useI18n();\n  const [selectedVersionId, setSelectedVersionId] = useState<string | null>(\n    null,\n  );\n  const [confirmAction, setConfirmAction] = useState<{\n    title: string;\n    description: string;\n    confirmLabel: string;\n    variant?: \"danger\" | \"default\";\n    onConfirm: () => Promise<void>;\n    loading?: boolean;\n  } | null>(null);\n  const toast = useToast();\n\n  // Fetch versions\n  const { data: versionsData, isLoading, error } = useFileVersions(file.id);\n  const versions = versionsData?.versions || [];\n\n  // Mutations\n  const restoreMutation = useRestoreFileVersion();\n  const deleteMutation = useDeleteFileVersion();\n  const versionDownload = useVersionDownloadUrl();\n\n  const handleRestore = async (versionId: string, versionNumber: number) => {\n    setConfirmAction({\n      title: `${tWithFallback(t, \"files.version.restoreVersion\", \"Restore version\")} ${versionNumber}`,\n      description: tWithFallback(\n        t,\n        \"files.version.restoreDescription\",\n        \"This will create a new version with the restored content.\",\n      ),\n      confirmLabel: tWithFallback(t, \"files.version.restore\", \"Restore\"),\n      onConfirm: async () => {\n        try {\n          await restoreMutation.mutateAsync({\n            versionId,\n            createNewVersion: true,\n            changeMessage: `${tWithFallback(t, \"files.version.restoredFrom\", \"Restored from version\")} ${versionNumber}`,\n          });\n          toast.success(\n            `${tWithFallback(t, \"files.version.versionRestored\", \"Version {{number}} restored successfully\", { number: versionNumber })}`,\n          );\n        } catch {\n          toast.error(\n            tWithFallback(\n              t,\n              \"files.version.restoreFailed\",\n              \"Failed to restore version\",\n            ),\n          );\n        }\n      },\n    });\n  };\n\n  const handleDelete = async (versionId: string, versionNumber: number) => {\n    setConfirmAction({\n      title: `${tWithFallback(t, \"files.version.deleteVersion\", \"Delete version\")} ${versionNumber}`,\n      description: tWithFallback(\n        t,\n        \"files.version.deleteDescription\",\n        \"This action cannot be undone.\",\n      ),\n      confirmLabel: tWithFallback(\n        t,\n        \"files.version.deleteVersionBtn\",\n        \"Delete version\",\n      ),\n      variant: \"danger\",\n      onConfirm: async () => {\n        try {\n          await deleteMutation.mutateAsync(versionId);\n          toast.success(\n            `${tWithFallback(t, \"files.version.versionDeleted\", \"Version {{number}} deleted\", { number: versionNumber })}`,\n          );\n        } catch {\n          toast.error(\n            tWithFallback(\n              t,\n              \"files.version.deleteFailed\",\n              \"Failed to delete version\",\n            ),\n          );\n        }\n      },\n    });\n  };\n\n  const runConfirmAction = async () => {\n    if (!confirmAction || confirmAction.loading) return;\n\n    const action = confirmAction.onConfirm;\n    setConfirmAction({ ...confirmAction, loading: true });\n    await action();\n    setConfirmAction(null);\n  };\n\n  const handleDownload = async (versionId: string) => {\n    try {\n      const downloadUrl = await versionDownload.getDownloadUrl(versionId);\n\n      if (!downloadUrl) {\n        throw new Error(\n          tWithFallback(\n            t,\n            \"files.version.downloadUnavailable\",\n            \"Version download URL is unavailable\",\n          ),\n        );\n      }\n\n      window.open(downloadUrl, \"_blank\", \"noopener,noreferrer\");\n    } catch (error) {\n      toast.error(\n        error instanceof Error\n          ? error.message\n          : tWithFallback(\n              t,\n              \"files.version.downloadFailed\",\n              \"Failed to download version\",\n            ),\n      );\n    }\n  };\n\n  return (\n    <div\n      className=\"fixed inset-0 z-[110] bg-bg-overlay flex items-center justify-center p-4 animate-in fade-in duration-200\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-label={tWithFallback(\n        t,\n        \"files.version.historyFor\",\n        \"Version history for {{name}}\",\n        { name: file.name },\n      )}\n    >\n      <div className=\"bg-bg-surface rounded-lg shadow-xl max-w-3xl w-full max-h-[90vh] overflow-hidden flex flex-col animate-in zoom-in-95 duration-200\">\n        {/* Header */}\n        <div className=\"flex items-center justify-between p-6 border-b border-border-default\">\n          <div className=\"flex items-center gap-3\">\n            <Clock className=\"size-6 text-text-link\" />\n            <div>\n              <h2 className=\"text-lg font-semibold text-text-primary\">\n                {tWithFallback(\n                  t,\n                  \"files.version.versionHistory\",\n                  \"Version History\",\n                )}\n              </h2>\n              <p className=\"text-sm text-text-secondary\">{file.name}</p>\n            </div>\n          </div>\n          <button\n            type=\"button\"\n            onClick={onClose}\n            className=\"p-2 text-text-tertiary hover:text-text-secondary hover:bg-action-ghost-bg-hover rounded-lg transition-colors duration-200\"\n            aria-label={tWithFallback(\n              t,\n              \"files.version.closeHistory\",\n              \"Close version history\",\n            )}\n          >\n            <X className=\"size-5\" />\n          </button>\n        </div>\n\n        {/* Content */}\n        <div className=\"flex-1 overflow-y-auto p-6\">\n          {isLoading && (\n            <div className=\"flex items-center justify-center py-12\">\n              <Loader2 className=\"size-8 text-text-link animate-spin\" />\n            </div>\n          )}\n\n          {error && (\n            <div className=\"flex items-center justify-center py-12\">\n              <div className=\"text-center\">\n                <AlertCircle className=\"size-12 text-status-error-text mx-auto mb-4\" />\n                <p className=\"text-sm text-text-secondary\">\n                  {tWithFallback(\n                    t,\n                    \"files.version.loadFailed\",\n                    \"Failed to load version history\",\n                  )}\n                </p>\n              </div>\n            </div>\n          )}\n\n          {!isLoading && !error && versions.length === 0 && (\n            <div className=\"flex items-center justify-center py-12\">\n              <div className=\"text-center\">\n                <Clock className=\"size-12 text-text-tertiary mx-auto mb-4\" />\n                <p className=\"text-sm text-text-secondary\">\n                  {tWithFallback(\n                    t,\n                    \"files.version.noHistory\",\n                    \"No version history available\",\n                  )}\n                </p>\n              </div>\n            </div>\n          )}\n\n          {!isLoading && !error && versions.length > 0 && (\n            <div className=\"space-y-3\">\n              {versions.map((version: (typeof versions)[number]) => (\n                <div\n                  key={version.id}\n                  className={`p-4 border rounded-lg transition-all duration-200 ${\n                    version.isCurrentVersion\n                      ? \"border-action-primary-border bg-bg-accent\"\n                      : selectedVersionId === version.id\n                        ? \"border-border-default bg-bg-sunken\"\n                        : \"border-border-default hover:border-border-default hover:bg-action-ghost-bg-hover\"\n                  }`}\n                  onClick={() => setSelectedVersionId(version.id)}\n                >\n                  <div className=\"flex items-start justify-between gap-4\">\n                    {/* Version info */}\n                    <div className=\"flex-1 min-w-0\">\n                      <div className=\"flex items-center gap-2 mb-2\">\n                        <span className=\"text-sm font-semibold text-text-primary\">\n                          {tWithFallback(t, \"files.version.version\", \"Version\")}{\" \"}\n                          {version.versionNumber}\n                        </span>\n\n                        {version.isCurrentVersion && (\n                          <span className=\"inline-flex items-center gap-1 px-2 py-0.5 bg-action-primary-bg text-text-inverse text-xs font-medium rounded\">\n                            <CheckCircle2 className=\"size-3\" />\n                            {tWithFallback(\n                              t,\n                              \"files.version.current\",\n                              \"Current\",\n                            )}\n                          </span>\n                        )}\n\n                        {version.isMajorVersion && (\n                          <span className=\"inline-flex items-center gap-1 px-2 py-0.5 bg-status-info-bg-subtle text-status-info-text text-xs font-medium rounded\">\n                            <Tag className=\"size-3\" />\n                            {tWithFallback(t, \"files.version.major\", \"Major\")}\n                          </span>\n                        )}\n\n                        {version.versionLabel && (\n                          <span className=\"inline-flex items-center px-2 py-0.5 bg-status-success-bg-subtle text-status-success-text text-xs font-medium rounded\">\n                            {version.versionLabel}\n                          </span>\n                        )}\n                      </div>\n\n                      {version.changeMessage && (\n                        <p className=\"text-sm text-text-primary mb-2\">\n                          {version.changeMessage}\n                        </p>\n                      )}\n\n                      <div className=\"flex items-center gap-4 text-xs text-text-secondary\">\n                        <span>{formatFileSize(version.size)}</span>\n                        <span>•</span>\n                        <span>{formatFileDate(version.createdAt)}</span>\n                      </div>\n                    </div>\n\n                    {/* Actions */}\n                    <div className=\"flex items-center gap-2\">\n                      <button\n                        type=\"button\"\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          handleDownload(version.id);\n                        }}\n                        className=\"p-2 text-text-secondary hover:text-text-link hover:bg-bg-accent rounded-lg transition-colors duration-200\"\n                        title={tWithFallback(\n                          t,\n                          \"files.version.downloadThisVersion\",\n                          \"Download this version\",\n                        )}\n                      >\n                        <Download className=\"size-4\" />\n                      </button>\n\n                      {!version.isCurrentVersion && (\n                        <>\n                          <button\n                            type=\"button\"\n                            onClick={(e) => {\n                              e.stopPropagation();\n                              handleRestore(version.id, version.versionNumber);\n                            }}\n                            disabled={restoreMutation.isPending}\n                            className=\"p-2 text-text-secondary hover:text-status-success-text hover:bg-status-success-bg-subtle rounded-lg transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed\"\n                            title={tWithFallback(\n                              t,\n                              \"files.version.restoreThisVersion\",\n                              \"Restore this version\",\n                            )}\n                          >\n                            {restoreMutation.isPending ? (\n                              <Loader2 className=\"size-4 animate-spin\" />\n                            ) : (\n                              <RotateCcw className=\"size-4\" />\n                            )}\n                          </button>\n\n                          <button\n                            type=\"button\"\n                            onClick={(e) => {\n                              e.stopPropagation();\n                              handleDelete(version.id, version.versionNumber);\n                            }}\n                            disabled={deleteMutation.isPending}\n                            className=\"p-2 text-text-secondary hover:text-status-error-text hover:bg-status-error-bg-subtle rounded-lg transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed\"\n                            title={tWithFallback(\n                              t,\n                              \"files.version.deleteThisVersion\",\n                              \"Delete this version\",\n                            )}\n                          >\n                            {deleteMutation.isPending ? (\n                              <Loader2 className=\"size-4 animate-spin\" />\n                            ) : (\n                              <Trash2 className=\"size-4\" />\n                            )}\n                          </button>\n                        </>\n                      )}\n                    </div>\n                  </div>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n\n        {/* Footer */}\n        <div className=\"p-6 border-t border-border-default bg-bg-sunken\">\n          <div className=\"flex items-center justify-between text-sm text-text-secondary\">\n            <span>\n              {versionsData?.total || 0}{\" \"}\n              {versionsData?.total !== 1\n                ? tWithFallback(t, \"files.version.versions\", \"versions\")\n                : tWithFallback(\n                    t,\n                    \"files.version.versionSingular\",\n                    \"version\",\n                  )}{\" \"}\n              {tWithFallback(t, \"files.version.total\", \"total\")}\n            </span>\n            <button\n              type=\"button\"\n              onClick={onClose}\n              className=\"px-4 py-2 text-sm font-medium text-text-primary hover:bg-action-ghost-bg-hover rounded-lg transition-colors duration-200\"\n            >\n              {tWithFallback(t, \"files.common.actions.close\", \"Close\")}\n            </button>\n          </div>\n        </div>\n      </div>\n\n      {confirmAction && (\n        <ConfirmDialog\n          title={confirmAction.title}\n          description={confirmAction.description}\n          confirmLabel={confirmAction.confirmLabel}\n          cancelLabel={tWithFallback(\n            t,\n            \"files.common.actions.cancel\",\n            \"Cancel\",\n          )}\n          variant={confirmAction.variant}\n          loading={confirmAction.loading}\n          onConfirm={runConfirmAction}\n          onCancel={() => {\n            if (!confirmAction.loading) {\n              setConfirmAction(null);\n            }\n          }}\n        />\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"FileVersionPanel.js","names":[],"sources":["../../../src/files/components/FileVersionPanel.tsx"],"sourcesContent":["import { type FC, useState } from \"react\";\nimport {\n  Clock,\n  Download,\n  RotateCcw,\n  Trash2,\n  X,\n  CheckCircle2,\n  AlertCircle,\n  Loader2,\n  Tag,\n} from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport type { FileItem } from \"../types\";\nimport { formatFileSize, formatFileDate } from \"../utils\";\nimport { tWithFallback } from \"../utils/i18n\";\nimport {\n  useFileVersions,\n  useRestoreFileVersion,\n  useDeleteFileVersion,\n  useVersionDownloadUrl,\n} from \"../hooks/useFileVersions\";\nimport { useToast } from \"../hooks/useToast\";\nimport { ConfirmDialog } from \"./ConfirmDialog\";\n\ninterface FileVersionPanelProps {\n  file: FileItem;\n  onClose: () => void;\n}\n\nexport const FileVersionPanel: FC<FileVersionPanelProps> = ({\n  file,\n  onClose,\n}) => {\n  const { t } = useI18n();\n  const [selectedVersionId, setSelectedVersionId] = useState<string | null>(\n    null,\n  );\n  const [confirmAction, setConfirmAction] = useState<{\n    title: string;\n    description: string;\n    confirmLabel: string;\n    variant?: \"danger\" | \"default\";\n    onConfirm: () => Promise<void>;\n    loading?: boolean;\n  } | null>(null);\n  const toast = useToast();\n\n  // Fetch versions\n  const { data: versionsData, isLoading, error } = useFileVersions(file.id);\n  const versions = versionsData?.versions || [];\n\n  // Mutations\n  const restoreMutation = useRestoreFileVersion();\n  const deleteMutation = useDeleteFileVersion();\n  const versionDownload = useVersionDownloadUrl();\n\n  const handleRestore = async (versionId: string, versionNumber: number) => {\n    setConfirmAction({\n      title: `${tWithFallback(t, \"files.version.restoreVersion\", \"Restore version\")} ${versionNumber}`,\n      description: tWithFallback(\n        t,\n        \"files.version.restoreDescription\",\n        \"This will create a new version with the restored content.\",\n      ),\n      confirmLabel: tWithFallback(t, \"files.version.restore\", \"Restore\"),\n      onConfirm: async () => {\n        try {\n          await restoreMutation.mutateAsync({\n            versionId,\n            createNewVersion: true,\n            changeMessage: `${tWithFallback(t, \"files.version.restoredFrom\", \"Restored from version\")} ${versionNumber}`,\n          });\n          toast.success(\n            `${tWithFallback(t, \"files.version.versionRestored\", \"Version {{number}} restored successfully\", { number: versionNumber })}`,\n          );\n        } catch {\n          toast.error(\n            tWithFallback(\n              t,\n              \"files.version.restoreFailed\",\n              \"Failed to restore version\",\n            ),\n          );\n        }\n      },\n    });\n  };\n\n  const handleDelete = async (versionId: string, versionNumber: number) => {\n    setConfirmAction({\n      title: `${tWithFallback(t, \"files.version.deleteVersion\", \"Delete version\")} ${versionNumber}`,\n      description: tWithFallback(\n        t,\n        \"files.version.deleteDescription\",\n        \"This action cannot be undone.\",\n      ),\n      confirmLabel: tWithFallback(\n        t,\n        \"files.version.deleteVersionBtn\",\n        \"Delete version\",\n      ),\n      variant: \"danger\",\n      onConfirm: async () => {\n        try {\n          await deleteMutation.mutateAsync(versionId);\n          toast.success(\n            `${tWithFallback(t, \"files.version.versionDeleted\", \"Version {{number}} deleted\", { number: versionNumber })}`,\n          );\n        } catch {\n          toast.error(\n            tWithFallback(\n              t,\n              \"files.version.deleteFailed\",\n              \"Failed to delete version\",\n            ),\n          );\n        }\n      },\n    });\n  };\n\n  const runConfirmAction = async () => {\n    if (!confirmAction || confirmAction.loading) return;\n\n    const action = confirmAction.onConfirm;\n    setConfirmAction({ ...confirmAction, loading: true });\n    await action();\n    setConfirmAction(null);\n  };\n\n  const handleDownload = async (versionId: string) => {\n    try {\n      const downloadUrl = await versionDownload.getDownloadUrl(versionId);\n\n      if (!downloadUrl) {\n        throw new Error(\n          tWithFallback(\n            t,\n            \"files.version.downloadUnavailable\",\n            \"Version download URL is unavailable\",\n          ),\n        );\n      }\n\n      window.open(downloadUrl, \"_blank\", \"noopener,noreferrer\");\n    } catch (error) {\n      toast.error(\n        error instanceof Error\n          ? error.message\n          : tWithFallback(\n              t,\n              \"files.version.downloadFailed\",\n              \"Failed to download version\",\n            ),\n      );\n    }\n  };\n\n  return (\n    <div\n      className=\"fixed inset-0 z-[110] bg-bg-overlay flex items-center justify-center p-4 animate-in fade-in duration-200\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-label={tWithFallback(\n        t,\n        \"files.version.historyFor\",\n        \"Version history for {{name}}\",\n        { name: file.name },\n      )}\n    >\n      <div className=\"bg-bg-surface rounded-lg shadow-xl max-w-3xl w-full max-h-[90vh] overflow-hidden flex flex-col animate-in zoom-in-95 duration-200\">\n        {/* Header */}\n        <div className=\"flex items-center justify-between p-6 border-b border-border-seam\">\n          <div className=\"flex items-center gap-3\">\n            <Clock className=\"size-6 text-text-link\" />\n            <div>\n              <h2 className=\"text-lg font-semibold text-text-primary\">\n                {tWithFallback(\n                  t,\n                  \"files.version.versionHistory\",\n                  \"Version History\",\n                )}\n              </h2>\n              <p className=\"text-sm text-text-secondary\">{file.name}</p>\n            </div>\n          </div>\n          <button\n            type=\"button\"\n            onClick={onClose}\n            className=\"p-2 text-text-tertiary hover:text-text-secondary hover:bg-action-ghost-bg-hover rounded-lg transition-colors duration-200\"\n            aria-label={tWithFallback(\n              t,\n              \"files.version.closeHistory\",\n              \"Close version history\",\n            )}\n          >\n            <X className=\"size-5\" />\n          </button>\n        </div>\n\n        {/* Content */}\n        <div className=\"flex-1 overflow-y-auto p-6\">\n          {isLoading && (\n            <div className=\"flex items-center justify-center py-12\">\n              <Loader2 className=\"size-8 text-text-link animate-spin\" />\n            </div>\n          )}\n\n          {error && (\n            <div className=\"flex items-center justify-center py-12\">\n              <div className=\"text-center\">\n                <AlertCircle className=\"size-12 text-status-error-text mx-auto mb-4\" />\n                <p className=\"text-sm text-text-secondary\">\n                  {tWithFallback(\n                    t,\n                    \"files.version.loadFailed\",\n                    \"Failed to load version history\",\n                  )}\n                </p>\n              </div>\n            </div>\n          )}\n\n          {!isLoading && !error && versions.length === 0 && (\n            <div className=\"flex items-center justify-center py-12\">\n              <div className=\"text-center\">\n                <Clock className=\"size-12 text-text-tertiary mx-auto mb-4\" />\n                <p className=\"text-sm text-text-secondary\">\n                  {tWithFallback(\n                    t,\n                    \"files.version.noHistory\",\n                    \"No version history available\",\n                  )}\n                </p>\n              </div>\n            </div>\n          )}\n\n          {!isLoading && !error && versions.length > 0 && (\n            <div className=\"space-y-3\">\n              {versions.map((version: (typeof versions)[number]) => (\n                <div\n                  key={version.id}\n                  className={`p-4 border rounded-lg transition-all duration-200 ${\n                    version.isCurrentVersion\n                      ? \"border-action-primary-border bg-bg-accent\"\n                      : selectedVersionId === version.id\n                        ? \"border-border-seam bg-bg-sunken\"\n                        : \"border-border-seam hover:border-border-strong hover:bg-action-ghost-bg-hover\"\n                  }`}\n                  onClick={() => setSelectedVersionId(version.id)}\n                >\n                  <div className=\"flex items-start justify-between gap-4\">\n                    {/* Version info */}\n                    <div className=\"flex-1 min-w-0\">\n                      <div className=\"flex items-center gap-2 mb-2\">\n                        <span className=\"text-sm font-semibold text-text-primary\">\n                          {tWithFallback(t, \"files.version.version\", \"Version\")}{\" \"}\n                          {version.versionNumber}\n                        </span>\n\n                        {version.isCurrentVersion && (\n                          <span className=\"inline-flex items-center gap-1 px-2 py-0.5 bg-action-primary-bg text-text-inverse text-xs font-medium rounded\">\n                            <CheckCircle2 className=\"size-3\" />\n                            {tWithFallback(\n                              t,\n                              \"files.version.current\",\n                              \"Current\",\n                            )}\n                          </span>\n                        )}\n\n                        {version.isMajorVersion && (\n                          <span className=\"inline-flex items-center gap-1 px-2 py-0.5 bg-status-info-bg-subtle text-status-info-text text-xs font-medium rounded\">\n                            <Tag className=\"size-3\" />\n                            {tWithFallback(t, \"files.version.major\", \"Major\")}\n                          </span>\n                        )}\n\n                        {version.versionLabel && (\n                          <span className=\"inline-flex items-center px-2 py-0.5 bg-status-success-bg-subtle text-status-success-text text-xs font-medium rounded\">\n                            {version.versionLabel}\n                          </span>\n                        )}\n                      </div>\n\n                      {version.changeMessage && (\n                        <p className=\"text-sm text-text-primary mb-2\">\n                          {version.changeMessage}\n                        </p>\n                      )}\n\n                      <div className=\"flex items-center gap-4 text-xs text-text-secondary\">\n                        <span className=\"tabular-nums\">\n                          {formatFileSize(version.size)}\n                        </span>\n                        <span>•</span>\n                        <span>{formatFileDate(version.createdAt)}</span>\n                      </div>\n                    </div>\n\n                    {/* Actions */}\n                    <div className=\"flex items-center gap-2\">\n                      <button\n                        type=\"button\"\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          handleDownload(version.id);\n                        }}\n                        className=\"p-2 text-text-secondary hover:text-text-link hover:bg-bg-accent rounded-lg transition-colors duration-200\"\n                        title={tWithFallback(\n                          t,\n                          \"files.version.downloadThisVersion\",\n                          \"Download this version\",\n                        )}\n                      >\n                        <Download className=\"size-4\" />\n                      </button>\n\n                      {!version.isCurrentVersion && (\n                        <>\n                          <button\n                            type=\"button\"\n                            onClick={(e) => {\n                              e.stopPropagation();\n                              handleRestore(version.id, version.versionNumber);\n                            }}\n                            disabled={restoreMutation.isPending}\n                            className=\"p-2 text-text-secondary hover:text-status-success-text hover:bg-status-success-bg-subtle rounded-lg transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed\"\n                            title={tWithFallback(\n                              t,\n                              \"files.version.restoreThisVersion\",\n                              \"Restore this version\",\n                            )}\n                          >\n                            {restoreMutation.isPending ? (\n                              <Loader2 className=\"size-4 animate-spin\" />\n                            ) : (\n                              <RotateCcw className=\"size-4\" />\n                            )}\n                          </button>\n\n                          <button\n                            type=\"button\"\n                            onClick={(e) => {\n                              e.stopPropagation();\n                              handleDelete(version.id, version.versionNumber);\n                            }}\n                            disabled={deleteMutation.isPending}\n                            className=\"p-2 text-text-secondary hover:text-status-error-text hover:bg-status-error-bg-subtle rounded-lg transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed\"\n                            title={tWithFallback(\n                              t,\n                              \"files.version.deleteThisVersion\",\n                              \"Delete this version\",\n                            )}\n                          >\n                            {deleteMutation.isPending ? (\n                              <Loader2 className=\"size-4 animate-spin\" />\n                            ) : (\n                              <Trash2 className=\"size-4\" />\n                            )}\n                          </button>\n                        </>\n                      )}\n                    </div>\n                  </div>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n\n        {/* Footer */}\n        <div className=\"p-6 border-t border-border-seam bg-bg-sunken\">\n          <div className=\"flex items-center justify-between text-sm text-text-secondary\">\n            <span>\n              {versionsData?.total || 0}{\" \"}\n              {versionsData?.total !== 1\n                ? tWithFallback(t, \"files.version.versions\", \"versions\")\n                : tWithFallback(\n                    t,\n                    \"files.version.versionSingular\",\n                    \"version\",\n                  )}{\" \"}\n              {tWithFallback(t, \"files.version.total\", \"total\")}\n            </span>\n            <button\n              type=\"button\"\n              onClick={onClose}\n              className=\"px-4 py-2 text-sm font-medium text-text-primary hover:bg-action-ghost-bg-hover rounded-lg transition-colors duration-200\"\n            >\n              {tWithFallback(t, \"files.common.actions.close\", \"Close\")}\n            </button>\n          </div>\n        </div>\n      </div>\n\n      {confirmAction && (\n        <ConfirmDialog\n          title={confirmAction.title}\n          description={confirmAction.description}\n          confirmLabel={confirmAction.confirmLabel}\n          cancelLabel={tWithFallback(\n            t,\n            \"files.common.actions.cancel\",\n            \"Cancel\",\n          )}\n          variant={confirmAction.variant}\n          loading={confirmAction.loading}\n          onConfirm={runConfirmAction}\n          onCancel={() => {\n            if (!confirmAction.loading) {\n              setConfirmAction(null);\n            }\n          }}\n        />\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/files/components/FolderCard.js

@@ -1,214 +1,216 @@
 import { useFilesStore as e } from "../store/filesStore.js";
 import { formatFileDate as t } from "../utils/index.js";
 import { tWithFallback as n } from "../utils/i18n.js";
-import { ActionMenu as ee } from "./ActionMenu.js";
-import { canDropOnFolder as r, getDragOperation as i } from "../hooks/useDragDrop.js";
-import { useMemo as te, useState as a } from "react";
-import { Activity as o, ChevronRight as s, Edit as c, Folder as l, FolderInput as u, FolderOpen as d, Info as f, RotateCcw as p, Share2 as m, Star as h, Trash2 as g } from "lucide-react";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { useI18n as b } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { ActionMenu as r } from "./ActionMenu.js";
+import { canDropOnFolder as i, getDragOperation as a } from "../hooks/useDragDrop.js";
+import { useMemo as ee, useState as o } from "react";
+import { Activity as s, ChevronRight as c, Edit as l, Folder as u, FolderInput as d, FolderOpen as f, Info as p, RotateCcw as m, Share2 as h, Star as g, Trash2 as _ } from "lucide-react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { useI18n as x } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { GlassCard as te } from "@burdenoff/fe-libs/ui";
 //#region src/files/components/FolderCard.tsx
-var x = ({ folder: x, isSelected: S = !1, isDragging: C = !1, isDropTarget: w = !1, draggedItem: T = null, onSelect: E, onOpen: D, onShare: O, onDelete: k, onRestore: A, onRename: j, onFavorite: M, onCopy: ne, onMove: N, onInfo: P, onActivity: F, onDragStart: I, onDragEnd: L, onDrop: R, onContextMenu: z }) => {
-	let { t: B } = b(), [V, H] = a(!1), [U, W] = a(!1), { toggleFolderSelection: G } = e(), K = r(T, x), q = w && K, J = x.filesCount ?? 0, Y = x.subfoldersCount ?? 0, X = J + Y, Z = () => {
-		D && D(x);
-	}, re = (e) => {
-		e.stopPropagation(), E ? E(x.id) : G(x.id);
+var S = ({ folder: S, isSelected: C = !1, isDragging: w = !1, isDropTarget: T = !1, draggedItem: E = null, onSelect: D, onOpen: O, onShare: k, onDelete: A, onRestore: j, onRename: M, onFavorite: N, onCopy: ne, onMove: P, onInfo: F, onActivity: I, onDragStart: L, onDragEnd: R, onDrop: z, onContextMenu: B }) => {
+	let { t: V } = x(), [H, U] = o(!1), [W, G] = o(!1), { toggleFolderSelection: K } = e(), re = i(E, S), q = T && re, J = S.filesCount ?? 0, Y = S.subfoldersCount ?? 0, X = J + Y, Z = () => {
+		O && O(S);
+	}, ie = (e) => {
+		e.stopPropagation(), D ? D(S.id) : K(S.id);
 	}, Q = (e, t) => {
 		e.stopPropagation(), t();
-	}, ie = (e) => {
-		e.dataTransfer.effectAllowed = "copyMove", e.dataTransfer.setData("application/x-file-id", x.id), e.dataTransfer.setData("application/x-file-type", "folder");
-		let t = i(e);
-		e.dataTransfer.setData("application/x-drag-operation", t), I?.(x, t);
-	}, ae = () => {
-		L?.();
-	}, $ = (e) => {
-		q && (e.preventDefault(), e.dataTransfer.dropEffect = T?.operation === "copy" ? "copy" : "move");
+	}, ae = (e) => {
+		e.dataTransfer.effectAllowed = "copyMove", e.dataTransfer.setData("application/x-file-id", S.id), e.dataTransfer.setData("application/x-file-type", "folder");
+		let t = a(e);
+		e.dataTransfer.setData("application/x-drag-operation", t), L?.(S, t);
+	}, $ = () => {
+		R?.();
 	}, oe = (e) => {
+		q && (e.preventDefault(), e.dataTransfer.dropEffect = E?.operation === "copy" ? "copy" : "move");
+	}, se = (e) => {
 		q && e.preventDefault();
-	}, se = () => {}, ce = (e) => {
-		e.preventDefault(), q && R?.(x);
-	}, le = (e) => {
-		e.preventDefault(), e.stopPropagation(), z?.(x, e.clientX, e.clientY);
-	}, ue = V ? d : l, de = te(() => [
-		...O ? [{
-			label: n(B, "files.card.share", "Share"),
-			icon: /* @__PURE__ */ v(m, { className: "size-4" }),
-			onClick: () => O(x)
-		}] : [],
-		...N ? [{
-			label: n(B, "files.card.moveTo", "Move to"),
-			icon: /* @__PURE__ */ v(u, { className: "size-4" }),
-			onClick: () => N(x)
+	}, ce = () => {}, le = (e) => {
+		e.preventDefault(), q && z?.(S);
+	}, ue = (e) => {
+		e.preventDefault(), e.stopPropagation(), B?.(S, e.clientX, e.clientY);
+	}, de = H ? f : u, fe = ee(() => [
+		...k ? [{
+			label: n(V, "files.card.share", "Share"),
+			icon: /* @__PURE__ */ y(h, { className: "size-4" }),
+			onClick: () => k(S)
 		}] : [],
-		...j ? [{
-			label: n(B, "files.card.rename", "Rename"),
-			icon: /* @__PURE__ */ v(c, { className: "size-4" }),
-			onClick: () => j(x),
-			divider: !0
+		...P ? [{
+			label: n(V, "files.card.moveTo", "Move to"),
+			icon: /* @__PURE__ */ y(d, { className: "size-4" }),
+			onClick: () => P(S)
 		}] : [],
 		...M ? [{
-			label: x.starred ? n(B, "files.card.removeFromStarred", "Remove from starred") : n(B, "files.card.addToStarred", "Add to starred"),
-			icon: /* @__PURE__ */ v(h, { className: "size-4" }),
-			onClick: () => M(x)
+			label: n(V, "files.card.rename", "Rename"),
+			icon: /* @__PURE__ */ y(l, { className: "size-4" }),
+			onClick: () => M(S),
+			divider: !0
 		}] : [],
-		...P ? [{
-			label: n(B, "files.card.details", "Details"),
-			icon: /* @__PURE__ */ v(f, { className: "size-4" }),
-			onClick: () => P(x)
+		...N ? [{
+			label: S.starred ? n(V, "files.card.removeFromStarred", "Remove from starred") : n(V, "files.card.addToStarred", "Add to starred"),
+			icon: /* @__PURE__ */ y(g, { className: "size-4" }),
+			onClick: () => N(S)
 		}] : [],
 		...F ? [{
-			label: n(B, "files.card.activity", "Activity"),
-			icon: /* @__PURE__ */ v(o, { className: "size-4" }),
-			onClick: () => F(x)
+			label: n(V, "files.card.details", "Details"),
+			icon: /* @__PURE__ */ y(p, { className: "size-4" }),
+			onClick: () => F(S)
 		}] : [],
-		...k ? [{
-			label: n(B, "files.card.delete", "Delete"),
-			icon: /* @__PURE__ */ v(g, { className: "size-4" }),
-			onClick: () => k(x),
+		...I ? [{
+			label: n(V, "files.card.activity", "Activity"),
+			icon: /* @__PURE__ */ y(s, { className: "size-4" }),
+			onClick: () => I(S)
+		}] : [],
+		...A ? [{
+			label: n(V, "files.card.delete", "Delete"),
+			icon: /* @__PURE__ */ y(_, { className: "size-4" }),
+			onClick: () => A(S),
 			variant: "danger",
 			divider: !0
 		}] : [],
-		...A ? [{
-			label: n(B, "files.card.restore", "Restore"),
-			icon: /* @__PURE__ */ v(p, { className: "size-4" }),
-			onClick: () => A(x)
+		...j ? [{
+			label: n(V, "files.card.restore", "Restore"),
+			icon: /* @__PURE__ */ y(m, { className: "size-4" }),
+			onClick: () => j(S)
 		}] : []
 	], [
-		x,
-		O,
-		N,
-		j,
-		M,
+		S,
+		k,
 		P,
+		M,
+		N,
 		F,
-		k,
+		I,
 		A,
-		B
+		j,
+		V
 	]);
-	return /* @__PURE__ */ v("div", {
-		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 ${C ? "opacity-50" : ""} ${q ? "border-action-primary-bg ring-2 ring-action-primary-bg ring-offset-2" : S ? "border-action-primary-bg bg-bg-accent" : "border-border-subtle"}`,
+	return /* @__PURE__ */ y(te, {
+		treatment: "insight",
+		className: `group cursor-pointer focus-within:shadow-elevation-2 ${w ? "opacity-50" : ""} ${q ? "border-action-primary-bg ring-2 ring-action-primary-bg ring-offset-2" : C ? "border-action-primary-bg bg-bg-accent" : "border-border-seam"}`,
 		onClick: Z,
-		onContextMenu: le,
-		onMouseEnter: () => H(!0),
+		onContextMenu: ue,
+		onMouseEnter: () => U(!0),
 		onMouseLeave: () => {
-			U || H(!1);
+			W || U(!1);
 		},
-		onFocus: () => H(!0),
+		onFocus: () => U(!0),
 		onBlur: (e) => {
-			!e.currentTarget.contains(e.relatedTarget) && !U && H(!1);
+			!e.currentTarget.contains(e.relatedTarget) && !W && U(!1);
 		},
 		onKeyDown: (e) => {
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), Z());
 		},
-		draggable: !!I,
-		onDragStart: ie,
-		onDragEnd: ae,
-		onDragOver: $,
-		onDragEnter: oe,
-		onDragLeave: se,
-		onDrop: ce,
+		draggable: !!L,
+		onDragStart: ae,
+		onDragEnd: $,
+		onDragOver: oe,
+		onDragEnter: se,
+		onDragLeave: ce,
+		onDrop: le,
 		role: "button",
 		tabIndex: 0,
-		"aria-label": `${n(B, "files.browser.openFolder", "Open folder")} ${x.name}`,
-		children: /* @__PURE__ */ y("div", {
+		"aria-label": `${n(V, "files.browser.openFolder", "Open folder")} ${S.name}`,
+		children: /* @__PURE__ */ b("div", {
 			className: "flex items-center gap-3 p-3",
 			children: [
-				/* @__PURE__ */ v("div", {
-					className: `flex-shrink-0 transition-opacity ${S ? "opacity-100" : "opacity-0 group-hover:opacity-100 group-focus-within:opacity-100"}`,
+				/* @__PURE__ */ y("div", {
+					className: `flex-shrink-0 transition-opacity ${C ? "opacity-100" : "opacity-0 group-hover:opacity-100 group-focus-within:opacity-100"}`,
 					onClick: (e) => e.stopPropagation(),
-					children: /* @__PURE__ */ v("input", {
+					children: /* @__PURE__ */ y("input", {
 						type: "checkbox",
-						checked: S,
-						onChange: re,
+						checked: C,
+						onChange: ie,
 						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",
-						"aria-label": `Select ${x.name}`
+						"aria-label": `Select ${S.name}`
 					})
 				}),
-				/* @__PURE__ */ v("div", {
+				/* @__PURE__ */ y("div", {
 					className: "flex-shrink-0 flex items-center justify-center size-10 rounded-lg bg-action-primary-bg/10",
-					children: /* @__PURE__ */ v(ue, { className: "size-5 text-action-primary-bg" })
+					children: /* @__PURE__ */ y(de, { className: "size-5 text-action-primary-bg" })
 				}),
-				/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ b("div", {
 					className: "flex-1 min-w-0 pr-1",
-					children: [/* @__PURE__ */ y("div", {
+					children: [/* @__PURE__ */ b("div", {
 						className: "flex items-center gap-1.5",
-						children: [/* @__PURE__ */ v("span", {
+						children: [/* @__PURE__ */ y("span", {
 							className: "text-sm font-medium text-text-primary truncate",
-							children: x.name
-						}), x.starred && /* @__PURE__ */ v(h, { className: "size-3 flex-shrink-0 fill-yellow-400 text-yellow-400" })]
-					}), /* @__PURE__ */ y("div", {
+							children: S.name
+						}), S.starred && /* @__PURE__ */ y(g, { className: "size-3 flex-shrink-0 fill-yellow-400 text-yellow-400" })]
+					}), /* @__PURE__ */ b("div", {
 						className: "flex items-center gap-1 mt-0.5 text-xs text-text-secondary",
 						children: [
-							Y > 0 && /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ y("span", { children: [
+							Y > 0 && /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ b("span", { children: [
 								Y,
 								" ",
-								Y === 1 ? n(B, "files.folder.subfolder", "folder") : n(B, "files.folder.subfolders", "folders")
-							] }), J > 0 && /* @__PURE__ */ v("span", {
+								Y === 1 ? n(V, "files.folder.subfolder", "folder") : n(V, "files.folder.subfolders", "folders")
+							] }), J > 0 && /* @__PURE__ */ y("span", {
 								className: "text-border-subtle",
 								children: "·"
 							})] }),
-							J > 0 && /* @__PURE__ */ y("span", { children: [
+							J > 0 && /* @__PURE__ */ b("span", { children: [
 								J,
 								" ",
-								J === 1 ? n(B, "files.folder.file", "file") : n(B, "files.folder.files", "files")
+								J === 1 ? n(V, "files.folder.file", "file") : n(V, "files.folder.files", "files")
 							] }),
-							X === 0 && /* @__PURE__ */ v("span", { children: n(B, "files.folder.empty", "Empty") }),
-							/* @__PURE__ */ v("span", {
+							X === 0 && /* @__PURE__ */ y("span", { children: n(V, "files.folder.empty", "Empty") }),
+							/* @__PURE__ */ y("span", {
 								className: "text-border-subtle",
 								children: "·"
 							}),
-							/* @__PURE__ */ v("span", {
+							/* @__PURE__ */ y("span", {
 								className: "truncate",
-								children: t(x.updatedAt)
+								children: t(S.updatedAt)
 							})
 						]
 					})]
 				}),
-				/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ b("div", {
 					className: "flex-shrink-0 flex items-center gap-1",
 					children: [
-						V && A && /* @__PURE__ */ v("button", {
+						H && j && /* @__PURE__ */ y("button", {
 							type: "button",
-							onClick: (e) => Q(e, () => A(x)),
+							onClick: (e) => Q(e, () => j(S)),
 							className: "p-1.5 hover:bg-status-success-bg-subtle rounded transition-colors",
-							"aria-label": n(B, "files.card.restore", "Restore"),
-							title: n(B, "files.card.restore", "Restore"),
-							children: /* @__PURE__ */ v(p, { className: "size-4 text-status-success-text" })
+							"aria-label": n(V, "files.card.restore", "Restore"),
+							title: n(V, "files.card.restore", "Restore"),
+							children: /* @__PURE__ */ y(m, { className: "size-4 text-status-success-text" })
 						}),
-						V && O && /* @__PURE__ */ v("button", {
-							onClick: (e) => Q(e, () => O(x)),
+						H && k && /* @__PURE__ */ y("button", {
+							onClick: (e) => Q(e, () => k(S)),
 							className: "p-1.5 hover:bg-action-ghost-bg-hover rounded transition-colors",
-							"aria-label": n(B, "files.card.share", "Share"),
-							title: n(B, "files.card.share", "Share"),
-							children: /* @__PURE__ */ v(m, { className: "size-4 text-text-secondary" })
+							"aria-label": n(V, "files.card.share", "Share"),
+							title: n(V, "files.card.share", "Share"),
+							children: /* @__PURE__ */ y(h, { className: "size-4 text-text-secondary" })
 						}),
-						V && j && /* @__PURE__ */ v("button", {
-							onClick: (e) => Q(e, () => j(x)),
+						H && M && /* @__PURE__ */ y("button", {
+							onClick: (e) => Q(e, () => M(S)),
 							className: "p-1.5 hover:bg-action-ghost-bg-hover rounded transition-colors",
-							"aria-label": n(B, "files.card.rename", "Rename"),
-							title: n(B, "files.card.rename", "Rename"),
-							children: /* @__PURE__ */ v(c, { className: "size-4 text-text-secondary" })
+							"aria-label": n(V, "files.card.rename", "Rename"),
+							title: n(V, "files.card.rename", "Rename"),
+							children: /* @__PURE__ */ y(l, { className: "size-4 text-text-secondary" })
 						}),
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ y("div", {
 							onClick: (e) => e.stopPropagation(),
-							children: /* @__PURE__ */ v(ee, {
-								items: de,
+							children: /* @__PURE__ */ y(r, {
+								items: fe,
 								align: "right",
-								triggerClassName: !V && !U ? "opacity-0 group-hover:opacity-100" : "",
-								isOpen: U,
+								triggerClassName: !H && !W ? "opacity-0 group-hover:opacity-100" : "",
+								isOpen: W,
 								onToggle: (e) => {
-									W(e), e && H(!0);
+									G(e), e && U(!0);
 								}
 							})
 						})
 					]
 				}),
-				/* @__PURE__ */ v(s, { className: "flex-shrink-0 size-4 text-text-muted opacity-0 group-hover:opacity-100 transition-opacity" })
+				/* @__PURE__ */ y(c, { className: "flex-shrink-0 size-4 text-text-muted opacity-0 group-hover:opacity-100 transition-opacity" })
 			]
 		})
 	});
 };
 //#endregion
-export { x as FolderCard };
+export { S as FolderCard };
 
 //# sourceMappingURL=FolderCard.js.map

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":"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"}