@tutti-os/workspace-file-manager 0.0.12 → 0.0.14

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-import { y as WorkspaceFileOpenWithApplication, b as WorkspaceFileEntry, w as WorkspaceFileManagerSession } from './fileKinds-CMKjSrBx.js';
-export { C as CreateWorkspaceFileManagerSessionInput, W as WorkspaceFileActivationTarget, a as WorkspaceFileDirectoryListing, c as WorkspaceFileEntryKind, d as WorkspaceFileImportConflict, e as WorkspaceFileImportSummary, f as WorkspaceFileImportSummaryReason, g as WorkspaceFileImportSummaryReasonCount, h as WorkspaceFileManagerCapabilities, i as WorkspaceFileManagerFileActivationRequest, j as WorkspaceFileManagerHost, k as WorkspaceFileManagerHostActionMessage, l as WorkspaceFileManagerHostActionMessageStatus, m as WorkspaceFileManagerHostActionResult, n as WorkspaceFileManagerHostExportResult, o as WorkspaceFileManagerHostFallbackAction, p as WorkspaceFileManagerHostFallbackActionKind, q as WorkspaceFileManagerHostFileActivationResult, r as WorkspaceFileManagerHostImportConflict, s as WorkspaceFileManagerHostImportResult, t as WorkspaceFileManagerMutationErrorMessage, u as WorkspaceFileManagerPersistedState, v as WorkspaceFileManagerService, x as WorkspaceFileManagerState, z as WorkspaceFilePreviewKind, A as WorkspaceFilePreviewState, B as WorkspaceFileSearchEntry, D as WorkspaceFileSearchResult, E as classifyWorkspaceFilePreviewKind, F as createWorkspaceFileManagerService, G as resolveWorkspaceFileActivationTarget } from './fileKinds-CMKjSrBx.js';
-import { a as WorkspaceFileManagerI18nRuntime } from './index-CppyxTLd.js';
-export { W as WorkspaceFileManagerI18nKey, c as createWorkspaceFileManagerI18nRuntime, w as workspaceFileManagerI18nNamespace, b as workspaceFileManagerI18nResources } from './index-CppyxTLd.js';
+import { y as WorkspaceFileOpenWithApplication, b as WorkspaceFileEntry, w as WorkspaceFileManagerSession } from './fileKinds-DxnVJkSm.js';
+export { C as CreateWorkspaceFileManagerSessionInput, W as WorkspaceFileActivationTarget, a as WorkspaceFileDirectoryListing, c as WorkspaceFileEntryKind, d as WorkspaceFileImportConflict, e as WorkspaceFileImportSummary, f as WorkspaceFileImportSummaryReason, g as WorkspaceFileImportSummaryReasonCount, h as WorkspaceFileManagerCapabilities, i as WorkspaceFileManagerFileActivationRequest, j as WorkspaceFileManagerHost, k as WorkspaceFileManagerHostActionMessage, l as WorkspaceFileManagerHostActionMessageStatus, m as WorkspaceFileManagerHostActionResult, n as WorkspaceFileManagerHostExportResult, o as WorkspaceFileManagerHostFallbackAction, p as WorkspaceFileManagerHostFallbackActionKind, q as WorkspaceFileManagerHostFileActivationResult, r as WorkspaceFileManagerHostImportConflict, s as WorkspaceFileManagerHostImportResult, t as WorkspaceFileManagerMutationErrorMessage, u as WorkspaceFileManagerPersistedState, v as WorkspaceFileManagerService, x as WorkspaceFileManagerState, z as WorkspaceFilePreviewKind, A as WorkspaceFilePreviewState, B as WorkspaceFileSearchEntry, D as WorkspaceFileSearchResult, E as classifyWorkspaceFilePreviewKind, F as createWorkspaceFileManagerService, G as resolveWorkspaceFileActivationTarget } from './fileKinds-DxnVJkSm.js';
+import { a as WorkspaceFileManagerI18nRuntime } from './index-BMBoznj4.js';
+export { W as WorkspaceFileManagerI18nKey, c as createWorkspaceFileManagerI18nRuntime, w as workspaceFileManagerI18nNamespace, b as workspaceFileManagerI18nResources } from './index-BMBoznj4.js';
 import { ReactElement } from 'react';
 import { TuttiDateLocale } from '@tutti-os/ui-system/date-format';
 export { decodeWorkspaceTextFile, isWorkspaceTextFileTooLarge, looksLikeBinaryText, resolveWorkspaceFileExtension, resolveWorkspaceImageMimeType, workspaceFilePreviewMaxBytes, workspaceFileTextMaxBytes } from '@tutti-os/workspace-file-preview';

package/dist/index.js

@@ -10,23 +10,28 @@ import {
   isWorkspaceTextFileTooLarge,
   looksLikeBinaryText,
   normalizeWorkspaceFilePath,
+  readWorkspaceFileManagerArrangeMode,
   resolveWorkspaceFileActivationTarget,
+  resolveWorkspaceFileEntryArrangeDateMs,
   resolveWorkspaceFileEntryIconCacheKey,
   resolveWorkspaceFileExtension,
   resolveWorkspaceFileVisualKind,
   resolveWorkspaceImageMimeType,
   shouldResolveWorkspaceFileEntryIcon,
+  shouldUseWorkspaceFileArchiveIcon,
   shouldUseWorkspaceFileExtensionDocumentIcon,
+  sortWorkspaceFileEntriesForArrangeMode,
   splitWorkspaceFileName,
   workspaceFilePreviewMaxBytes,
-  workspaceFileTextMaxBytes
-} from "./chunk-CSFEGRX7.js";
+  workspaceFileTextMaxBytes,
+  writeWorkspaceFileManagerArrangeMode
+} from "./chunk-5C34NYLK.js";
 import {
   createWorkspaceFileManagerI18nRuntime,
   resolveRevealInFolderLabel,
   workspaceFileManagerI18nNamespace,
   workspaceFileManagerI18nResources
-} from "./chunk-L6SAJEFE.js";
+} from "./chunk-MDBT2GS5.js";
 
 // src/ui/WorkspaceFileManager.tsx
 import { useEffect as useEffect5, useMemo as useMemo2, useRef as useRef5, useState as useState7 } from "react";
@@ -900,8 +905,6 @@ function importSummaryReasonCopyKey(reason) {
 import {
   FileCodeIcon as FileCodeIcon2,
   FileTextIcon as FileTextIcon2,
-  FolderFilledIcon as FolderFilledIcon2,
-  ImageFileIcon as ImageFileIcon2,
   LoadingIcon as LoadingIcon2,
   ScrollArea,
   VideoFileIcon as VideoFileIcon2,
@@ -924,20 +927,31 @@ import { useLayoutEffect as useLayoutEffect2, useRef as useRef3 } from "react";
 import {
   FileCodeIcon,
   FileTextIcon,
-  FolderFilledIcon,
-  ImageFileIcon,
   LoadingIcon,
   VideoFileIcon,
   cn as cn2
 } from "@tutti-os/ui-system";
 import { useEffect as useEffect2, useRef as useRef2 } from "react";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var workspaceArchiveFallbackIconUrl = new URL(
+  "../assets/workspace-archive-fallback.png",
+  import.meta.url
+).toString();
+var workspaceFolderFallbackIconUrl = new URL(
+  "../assets/workspace-folder-fallback.png",
+  import.meta.url
+).toString();
+var workspaceImageFallbackIconUrl = new URL(
+  "../assets/workspace-image-fallback.png",
+  import.meta.url
+).toString();
 function WorkspaceFileEntryIcon({
   entry,
   frameClassName,
   iconClassName = "size-4",
   iconUrlByCacheKey,
   isEnteringDirectory = false,
+  loadingIconClassName,
   onViewportLeave,
   onViewportEnter
 }) {
@@ -1016,13 +1030,18 @@ function WorkspaceFileEntryIcon({
         frameClassName,
         isEnteringDirectory ? "text-[var(--text-tertiary)]" : entryIconColorClassName(visualKind, isAppBundle)
       ),
-      children: isEnteringDirectory ? /* @__PURE__ */ jsx2(LoadingIcon, { className: iconClassName + " animate-spin" }) : iconUrl ? /* @__PURE__ */ jsx2(
+      children: isEnteringDirectory ? /* @__PURE__ */ jsx2(
+        LoadingIcon,
+        {
+          className: cn2(loadingIconClassName ?? iconClassName, "animate-spin")
+        }
+      ) : iconUrl ? /* @__PURE__ */ jsx2(
         "img",
         {
           alt: "",
           className: cn2(
             iconClassName,
-            visualKind === "image" ? "rounded-[6px] border border-[var(--border-1)] bg-[var(--transparency-block)] object-contain shadow-sm" : "rounded-[4px] object-contain"
+            visualKind === "image" ? "rounded-[6px] border border-[var(--border-1)] bg-[var(--transparency-block)] object-contain" : "rounded-[4px] object-contain"
           ),
           decoding: "async",
           draggable: false,
@@ -1058,30 +1077,88 @@ function DefaultEntryIcon({
   iconClassName,
   visualKind
 }) {
+  const vectorIconClassName = vectorFallbackIconClassName(iconClassName);
   if (isWorkspaceApplicationBundle(entry)) {
-    return /* @__PURE__ */ jsx2(FileTextIcon, { className: iconClassName });
+    return /* @__PURE__ */ jsx2(FileTextIcon, { className: vectorIconClassName });
+  }
+  if (shouldUseWorkspaceFileArchiveIcon(entry)) {
+    return /* @__PURE__ */ jsx2(WorkspaceArchiveFallbackIcon, { className: iconClassName });
   }
   if (shouldUseWorkspaceFileExtensionDocumentIcon(entry)) {
-    return /* @__PURE__ */ jsx2(ExtensionDocumentIcon, { entry, iconClassName });
+    return /* @__PURE__ */ jsx2(
+      ExtensionDocumentIcon,
+      {
+        entry,
+        iconClassName: vectorIconClassName
+      }
+    );
   }
   switch (visualKind) {
     case "directory":
-      return /* @__PURE__ */ jsx2(FolderFilledIcon, { className: iconClassName });
+      return /* @__PURE__ */ jsx2(WorkspaceFolderFallbackIcon, { className: iconClassName });
     case "image":
-      return /* @__PURE__ */ jsx2(ImageFileIcon, { className: iconClassName });
+      return /* @__PURE__ */ jsx2(WorkspaceImageFallbackIcon, { className: iconClassName });
     case "video":
-      return /* @__PURE__ */ jsx2(VideoFileIcon, { className: iconClassName });
+      return /* @__PURE__ */ jsx2(VideoFileIcon, { className: vectorIconClassName });
     case "markdown":
     case "document":
-      return /* @__PURE__ */ jsx2(FileTextIcon, { className: iconClassName });
+      return /* @__PURE__ */ jsx2(FileTextIcon, { className: vectorIconClassName });
     case "code":
-      return /* @__PURE__ */ jsx2(FileCodeIcon, { className: iconClassName });
+      return /* @__PURE__ */ jsx2(FileCodeIcon, { className: vectorIconClassName });
     case "binary":
-      return /* @__PURE__ */ jsx2(FileTextIcon, { className: iconClassName });
+      return /* @__PURE__ */ jsx2(FileTextIcon, { className: vectorIconClassName });
     default:
-      return /* @__PURE__ */ jsx2(FileTextIcon, { className: iconClassName });
+      return /* @__PURE__ */ jsx2(FileTextIcon, { className: vectorIconClassName });
   }
 }
+function vectorFallbackIconClassName(iconClassName) {
+  return iconClassName.includes("size-[84px]") ? "size-[64px]" : iconClassName;
+}
+function WorkspaceFolderFallbackIcon({
+  className
+}) {
+  return /* @__PURE__ */ jsx2(
+    "img",
+    {
+      alt: "",
+      "aria-hidden": "true",
+      className: cn2("object-contain", className),
+      decoding: "async",
+      draggable: false,
+      src: workspaceFolderFallbackIconUrl
+    }
+  );
+}
+function WorkspaceArchiveFallbackIcon({
+  className
+}) {
+  return /* @__PURE__ */ jsx2(
+    "img",
+    {
+      alt: "",
+      "aria-hidden": "true",
+      className: cn2("object-contain", className),
+      decoding: "async",
+      draggable: false,
+      src: workspaceArchiveFallbackIconUrl
+    }
+  );
+}
+function WorkspaceImageFallbackIcon({
+  className
+}) {
+  return /* @__PURE__ */ jsx2(
+    "img",
+    {
+      alt: "",
+      "aria-hidden": "true",
+      className: cn2("object-contain", className),
+      decoding: "async",
+      draggable: false,
+      src: workspaceImageFallbackIconUrl
+    }
+  );
+}
 function ExtensionDocumentIcon({
   entry,
   iconClassName
@@ -1094,8 +1171,8 @@ function ExtensionDocumentIcon({
       "aria-hidden": "true",
       className: cn2("relative inline-block overflow-visible", iconClassName),
       children: [
-        /* @__PURE__ */ jsx2("span", { className: "absolute inset-[5%] rounded-[6px] border border-black/10 bg-linear-to-br from-white via-[#f8f8f8] to-[#ececec] shadow-[0_8px_16px_rgba(0,0,0,0.18),inset_0_1px_0_rgba(255,255,255,0.85)]" }),
-        /* @__PURE__ */ jsx2("span", { className: "absolute top-[5%] right-[5%] h-[28%] w-[28%] overflow-hidden rounded-tr-[6px]", children: /* @__PURE__ */ jsx2("span", { className: "absolute top-0 right-0 h-full w-full origin-top-right -skew-x-3 rounded-bl-[4px] border-b border-l border-black/10 bg-linear-to-br from-white to-[#d9d9d9] shadow-[-2px_3px_5px_rgba(0,0,0,0.18)]" }) }),
+        /* @__PURE__ */ jsx2("span", { className: "absolute inset-[5%] rounded-[6px] border border-black/10 bg-linear-to-br from-white via-[#f8f8f8] to-[#ececec]" }),
+        /* @__PURE__ */ jsx2("span", { className: "absolute top-[5%] right-[5%] h-[28%] w-[28%] overflow-hidden rounded-tr-[6px]", children: /* @__PURE__ */ jsx2("span", { className: "absolute top-0 right-0 h-full w-full origin-top-right -skew-x-3 rounded-bl-[4px] border-b border-l border-black/10 bg-linear-to-br from-white to-[#d9d9d9]" }) }),
         showExtension ? /* @__PURE__ */ jsx2("span", { className: "absolute right-[12%] bottom-[14%] left-[12%] truncate text-center text-[10px] leading-none font-semibold tracking-wide text-[#7a7a7a]", children: extension }) : null
       ]
     }
@@ -1239,6 +1316,7 @@ function WorkspaceFileManagerIconTile({
       iconClassName: workspaceFileManagerIconGridIconClassName(),
       iconUrlByCacheKey,
       isEnteringDirectory,
+      loadingIconClassName: "size-7",
       onViewportLeave: onEntryIconViewportLeave,
       onViewportEnter: onEntryIconViewportEnter
     }
@@ -1335,7 +1413,7 @@ function IconTileRenameInput({
         "aria-invalid": inlineRenameValidation !== null,
         "aria-label": copy.t("renameLabel"),
         className: cn3(
-          "w-full min-w-0 rounded-md border border-transparent bg-[var(--transparency-block)] px-1 py-0.5 text-center text-xs text-[var(--text-primary)] outline-none",
+          "w-full min-w-0 rounded-[4px] border border-transparent bg-[var(--transparency-block)] px-1 py-0.5 text-center text-xs text-[var(--text-primary)] outline-none",
           inlineRenameValidation !== null && "border-[var(--state-danger)]"
         ),
         defaultValue: entry.name,
@@ -1364,124 +1442,6 @@ function IconTileRenameInput({
   ] });
 }
 
-// src/ui/workspaceFileManagerArrangeMode.ts
-var workspaceFileManagerArrangeModeStorageKey = "tutti.workspace-file-manager.arrange-mode";
-var workspaceFileManagerArrangeModes = /* @__PURE__ */ new Set([
-  "none",
-  "name",
-  "kind",
-  "application",
-  "lastOpened",
-  "dateAdded",
-  "modified",
-  "created",
-  "size",
-  "tags"
-]);
-function readWorkspaceFileManagerArrangeMode() {
-  if (typeof window === "undefined") {
-    return "none";
-  }
-  const stored = window.localStorage.getItem(
-    workspaceFileManagerArrangeModeStorageKey
-  );
-  return isWorkspaceFileManagerArrangeMode(stored) ? stored : "none";
-}
-function writeWorkspaceFileManagerArrangeMode(arrangeMode) {
-  if (typeof window === "undefined") {
-    return;
-  }
-  window.localStorage.setItem(
-    workspaceFileManagerArrangeModeStorageKey,
-    arrangeMode
-  );
-}
-function sortWorkspaceFileEntriesForArrangeMode(entries, arrangeMode) {
-  if (arrangeMode === "none") {
-    return entries;
-  }
-  return [...entries].sort((left, right) => {
-    switch (arrangeMode) {
-      case "name":
-        return compareDirectoryFirst(left, right) || compareEntryName(left, right);
-      case "kind":
-        return compareDirectoryFirst(left, right) || compareText(
-          resolveEntryKindGroup(left),
-          resolveEntryKindGroup(right)
-        ) || compareEntryName(left, right);
-      case "application":
-        return compareDirectoryFirst(left, right) || compareText(
-          resolveEntryApplicationGroup(left),
-          resolveEntryApplicationGroup(right)
-        ) || compareEntryName(left, right);
-      case "lastOpened":
-        return compareDateDescending(left, right, "lastOpened") || compareEntryName(left, right);
-      case "dateAdded":
-        return compareDateDescending(left, right, "dateAdded") || compareEntryName(left, right);
-      case "modified":
-        return compareDateDescending(left, right, "modified") || compareEntryName(left, right);
-      case "created":
-        return compareDateDescending(left, right, "created") || compareEntryName(left, right);
-      case "size":
-        return compareSizeDescending(left, right) || compareEntryName(left, right);
-      case "tags":
-        return compareDirectoryFirst(left, right) || compareEntryName(left, right);
-    }
-  });
-}
-function isWorkspaceFileManagerArrangeMode(value) {
-  return workspaceFileManagerArrangeModes.has(
-    value
-  );
-}
-function compareDirectoryFirst(left, right) {
-  const leftRank = left.kind === "directory" ? 0 : 1;
-  const rightRank = right.kind === "directory" ? 0 : 1;
-  return leftRank - rightRank;
-}
-function compareEntryName(left, right) {
-  return compareText(left.name, right.name);
-}
-function compareText(left, right) {
-  return left.localeCompare(right, void 0, {
-    numeric: true,
-    sensitivity: "base"
-  });
-}
-function resolveWorkspaceFileEntryArrangeDateMs(entry, arrangeMode) {
-  switch (arrangeMode) {
-    case "lastOpened":
-      return entry.lastOpenedMs ?? entry.mtimeMs;
-    case "dateAdded":
-    case "created":
-      return entry.createdTimeMs ?? entry.mtimeMs;
-    case "modified":
-    default:
-      return entry.mtimeMs;
-  }
-}
-function compareDateDescending(left, right, arrangeMode) {
-  return (resolveWorkspaceFileEntryArrangeDateMs(right, arrangeMode) ?? 0) - (resolveWorkspaceFileEntryArrangeDateMs(left, arrangeMode) ?? 0);
-}
-function compareSizeDescending(left, right) {
-  return (right.sizeBytes ?? 0) - (left.sizeBytes ?? 0);
-}
-function resolveEntryKindGroup(entry) {
-  if (entry.kind === "directory") {
-    return "directory";
-  }
-  return resolveWorkspaceFileVisualKind(entry);
-}
-function resolveEntryApplicationGroup(entry) {
-  if (entry.kind === "directory") {
-    return "folder";
-  }
-  if (entry.name.trim().toLowerCase().endsWith(".app")) {
-    return "application";
-  }
-  return resolveWorkspaceFileExtension(entry.name) || resolveEntryKindGroup(entry);
-}
-
 // src/ui/WorkspaceFileManagerPanels.tsx
 import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var workspaceFileManagerTableGridClassName = "grid-cols-[minmax(0,_1fr)_148px_96px]";
@@ -2393,9 +2353,9 @@ function EntryIcon({
 }) {
   switch (visualKind) {
     case "directory":
-      return /* @__PURE__ */ jsx4(FolderFilledIcon2, { className });
+      return /* @__PURE__ */ jsx4(WorkspaceFolderFallbackIcon, { className });
     case "image":
-      return /* @__PURE__ */ jsx4(ImageFileIcon2, { className });
+      return /* @__PURE__ */ jsx4(WorkspaceImageFallbackIcon, { className });
     case "video":
       return /* @__PURE__ */ jsx4(VideoFileIcon2, { className });
     case "markdown":
@@ -2638,8 +2598,7 @@ function LayoutModeToggle({
     { label: copy.t("arrangeDateAddedLabel"), mode: "dateAdded" },
     { label: copy.t("modifiedLabel"), mode: "modified" },
     { label: copy.t("arrangeCreatedLabel"), mode: "created" },
-    { label: copy.t("sizeLabel"), mode: "size" },
-    { label: copy.t("arrangeTagsLabel"), mode: "tags" }
+    { label: copy.t("sizeLabel"), mode: "size" }
   ];
   return /* @__PURE__ */ jsx5(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxs5(
     "div",