@tutti-os/workspace-file-manager 0.0.201 → 0.0.202

package/README.md

@@ -43,6 +43,13 @@ drag movement.
 Hosts now provide one app-level i18n runtime and scope it into the file-manager
 namespace, rather than hand-assembling package-local message objects.
 
+The React surface owns its archive and folder fallback artwork. Those files are
+published through the stable
+`@tutti-os/workspace-file-manager/assets/workspace-*-fallback.png` subpaths so
+consumer bundlers can resolve them during dependency prebundling. Keep runtime
+imports on those public subpaths; relative `new URL("./assets/...", import.meta.url)`
+references from the built entry are not a supported asset contract.
+
 What stays outside this package is concrete host integration: desktop preload
 calls, tuttid transport wiring, host absolute paths, import/export/upload
 flows, share/exposure flows, and other product-specific integration details

package/dist/assets/workspace-archive-fallback.png.d.ts

@@ -0,0 +1,3 @@
+declare const workspaceArchiveFallbackIconUrl: string;
+
+export default workspaceArchiveFallbackIconUrl;

package/dist/assets/workspace-folder-fallback.png.d.ts

@@ -0,0 +1,3 @@
+declare const workspaceFolderFallbackIconUrl: string;
+
+export default workspaceFolderFallbackIconUrl;

package/dist/index.js

@@ -1116,14 +1116,8 @@ import {
 } from "@tutti-os/workspace-file-preview";
 
 // src/workspaceFileFallbackAssets.ts
-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();
+import workspaceArchiveFallbackIconUrl from "@tutti-os/workspace-file-manager/assets/workspace-archive-fallback.png";
+import workspaceFolderFallbackIconUrl from "@tutti-os/workspace-file-manager/assets/workspace-folder-fallback.png";
 
 // src/ui/WorkspaceFileEntryIcon.tsx
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
@@ -2392,7 +2386,7 @@ function EntryRow({
     });
   }, [selected]);
   const rowClassName = cn4(
-    "grid min-h-10 w-full items-center gap-x-6 border-b border-[var(--border-1)] px-0 text-left transition-colors",
+    "relative grid min-h-10 w-full items-center gap-x-6 border-b border-[var(--border-1)] px-0 text-left transition-colors",
     gridClassName,
     isInlineRenaming ? "cursor-default" : "cursor-pointer hover:bg-transparency-hover active:bg-[var(--transparency-active)]",
     canMove && moveDragActive && "cursor-grabbing",
@@ -2402,43 +2396,52 @@ function EntryRow({
     moveDragActive && !moveDragSource && !moveDragTarget && "opacity-90"
   );
   const rowProps = {
-    "aria-label": entry.name,
     className: rowClassName,
     "data-workspace-file-entry-path": entry.path,
-    draggable: isInlineRenaming ? false : draggable,
     style: gridStyle,
     onContextMenu: (event) => {
       onContextMenu(event, entry);
     }
   };
-  const nameCell = /* @__PURE__ */ jsx6("span", { className: cn4("min-w-0 overflow-hidden", tableCellPaddingClassName), children: /* @__PURE__ */ jsx6(
-    EntryNameCell,
+  const nameCell = /* @__PURE__ */ jsx6(
+    "span",
     {
-      copy,
-      contextLabel,
-      entry,
-      iconUrlByCacheKey,
-      inlineRenameValidation,
-      isEnteringDirectory,
-      isExpanded: expanded,
-      isExpandable: expandable,
-      isInlineRenaming,
-      isLoadingChildren,
-      isRenaming,
-      treeDepth: depth,
-      onEntryIconViewportLeave,
-      onEntryIconViewportEnter,
-      onCancelInlineRename,
-      onClearInlineRenameValidation,
-      onConfirmInlineRename,
-      onToggleDirectoryExpanded
+      className: cn4(
+        "min-w-0 overflow-hidden",
+        !isInlineRenaming && "pointer-events-none relative z-[1]",
+        tableCellPaddingClassName
+      ),
+      children: /* @__PURE__ */ jsx6(
+        EntryNameCell,
+        {
+          copy,
+          contextLabel,
+          entry,
+          iconUrlByCacheKey,
+          inlineRenameValidation,
+          isEnteringDirectory,
+          isExpanded: expanded,
+          isExpandable: expandable,
+          isInlineRenaming,
+          isLoadingChildren,
+          isRenaming,
+          treeDepth: depth,
+          onEntryIconViewportLeave,
+          onEntryIconViewportEnter,
+          onCancelInlineRename,
+          onClearInlineRenameValidation,
+          onConfirmInlineRename,
+          onToggleDirectoryExpanded
+        }
+      )
     }
-  ) });
+  );
   const modifiedCell = /* @__PURE__ */ jsx6(
     "span",
     {
       className: cn4(
         "truncate text-xs text-[var(--text-secondary)]",
+        !isInlineRenaming && "pointer-events-none relative z-[1]",
         tableCellPaddingClassName
       ),
       children: formatWorkspaceFileModifiedTime(
@@ -2452,24 +2455,34 @@ function EntryRow({
     {
       className: cn4(
         "truncate text-xs text-[var(--text-secondary)]",
+        !isInlineRenaming && "pointer-events-none relative z-[1]",
         tableCellPaddingClassName
       ),
       children: entry.kind === "directory" ? "--" : formatWorkspaceFileBytes(entry.sizeBytes)
     }
   );
   if (isInlineRenaming) {
-    return /* @__PURE__ */ jsxs5("div", { ...rowProps, ref: divRowRef, children: [
-      nameCell,
-      modifiedCell,
-      sizeCell
-    ] });
+    return /* @__PURE__ */ jsxs5(
+      "div",
+      {
+        ...rowProps,
+        "aria-label": entry.name,
+        draggable: false,
+        ref: divRowRef,
+        children: [
+          nameCell,
+          modifiedCell,
+          sizeCell
+        ]
+      }
+    );
   }
   return /* @__PURE__ */ jsxs5(
-    "button",
+    "div",
     {
       ...rowProps,
-      ref: buttonRowRef,
-      type: "button",
+      draggable,
+      ref: divRowRef,
       onDragStart: (event) => {
         if (!draggable) {
           event.preventDefault();
@@ -2477,13 +2490,22 @@ function EntryRow({
         }
         onDragStart?.(entry, event.dataTransfer);
       },
-      onPointerDown: (event) => {
-        onPointerDown(entry, event);
-      },
-      onClick: () => {
-        onClick(entry);
-      },
       children: [
+        /* @__PURE__ */ jsx6(
+          "button",
+          {
+            "aria-label": entry.name,
+            className: "absolute inset-0 z-0",
+            ref: buttonRowRef,
+            type: "button",
+            onPointerDown: (event) => {
+              onPointerDown(entry, event);
+            },
+            onClick: () => {
+              onClick(entry);
+            }
+          }
+        ),
         nameCell,
         modifiedCell,
         sizeCell
@@ -2614,7 +2636,7 @@ function DirectoryDisclosureButton({
         expanded ? "collapseFolderLabel" : "expandFolderLabel"
       ),
       "aria-expanded": expanded,
-      className: "grid size-5 shrink-0 place-items-center rounded text-[var(--text-tertiary)] transition-colors hover:bg-transparency-block hover:text-[var(--text-primary)]",
+      className: "pointer-events-auto grid size-5 shrink-0 place-items-center rounded text-[var(--text-tertiary)] transition-colors hover:bg-transparency-block hover:text-[var(--text-primary)]",
       disabled: isLoading,
       type: "button",
       onClick: (event) => {