@gallop.software/studio 0.1.111 → 0.1.113

package/dist/{StudioUI-SVAL5NR5.js → StudioUI-HFZJ2YUQ.js}

@@ -3242,6 +3242,8 @@ var styles6 = {
     text-overflow: ellipsis;
     margin: 0;
     letter-spacing: -0.01em;
+    direction: rtl;
+    text-align: left;
   `,
   size: _react3.css`
     font-size: ${_chunkUFCWGUAGjs.fontSize.xs};
@@ -3439,7 +3441,7 @@ function GridItem({ item, isSelected, onClick, onOpen, onGenerateThumbnail }) {
           ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: styles6.fileIcon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z" }) })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: styles6.label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: styles6.labelRow, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { css: styles6.labelText, children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { css: styles6.name, title: item.name, children: truncateMiddle(item.name) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { css: styles6.name, title: item.name, children: item.name }),
           isFolder ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { css: styles6.size, children: [
             item.fileCount !== void 0 ? `${item.fileCount} files` : "",
             item.fileCount !== void 0 && item.totalSize !== void 0 ? " \xB7 " : "",
@@ -3455,19 +3457,6 @@ function formatFileSize(bytes) {
   if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
   return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
 }
-function truncateMiddle(str, maxLength = 36) {
-  if (str.length <= maxLength) return str;
-  const lastDot = str.lastIndexOf(".");
-  const ext = lastDot > 0 ? str.substring(lastDot) : "";
-  const name = lastDot > 0 ? str.substring(0, lastDot) : str;
-  const availableLength = maxLength - ext.length - 3;
-  if (availableLength < 6) {
-    return str.substring(0, maxLength - 3) + "...";
-  }
-  const startLength = Math.ceil(availableLength / 2);
-  const endLength = Math.floor(availableLength / 2);
-  return name.substring(0, startLength) + "..." + name.substring(name.length - endLength) + ext;
-}
 
 // src/components/StudioFileList.tsx
 
@@ -3961,7 +3950,7 @@ function ListRow({ item, isSelected, onClick, onOpen, onGenerateThumbnail }) {
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: styles7.imagesFolderIcon, fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M10 4H4a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V8a2 2 0 00-2-2h-8l-2-2z" }) }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: styles7.lockIcon, fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { fillRule: "evenodd", d: "M5 9V7a5 5 0 0110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2H7V7a3 3 0 016 0z", clipRule: "evenodd" }) })
           ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: styles7.folderIconWrapper, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: styles7.folderIcon, fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M10 4H4a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V8a2 2 0 00-2-2h-8l-2-2z" }) }) }) : isImage && item.thumbnail ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: styles7.thumbnailWrapper, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { css: styles7.thumbnail, src: item.thumbnail, alt: item.name, loading: "lazy" }) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: styles7.thumbnailWrapper, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: styles7.fileIcon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z" }) }) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: styles7.name, title: item.name, children: truncateMiddle2(item.name) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: styles7.name, title: item.name, children: truncateMiddle(item.name) }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { css: styles7.actionsCell, children: [
             item.cdnPushed && !item.isRemote && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: styles7.statusBtn, title: "Pushed to CDN", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: styles7.cloudIcon, fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z" }) }) }),
             item.isRemote && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: styles7.statusBtn, title: "Remote image", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: styles7.globeIcon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" }) }) }),
@@ -4005,7 +3994,7 @@ function formatFileSize2(bytes) {
   if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
   return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
 }
-function truncateMiddle2(str, maxLength = 32) {
+function truncateMiddle(str, maxLength = 32) {
   if (str.length <= maxLength) return str;
   const lastDot = str.lastIndexOf(".");
   const ext = lastDot > 0 ? str.substring(lastDot) : "";
@@ -4316,12 +4305,14 @@ function StudioDetailView() {
   const { focusedItem, setFocusedItem, triggerRefresh, clearSelection } = useStudio();
   const [showDeleteConfirm, setShowDeleteConfirm] = _react.useState.call(void 0, false);
   const [showRenameModal, setShowRenameModal] = _react.useState.call(void 0, false);
+  const [showMoveModal, setShowMoveModal] = _react.useState.call(void 0, false);
   const [showProcessConfirm, setShowProcessConfirm] = _react.useState.call(void 0, false);
   const [showR2SetupModal, setShowR2SetupModal] = _react.useState.call(void 0, false);
   const [processProgress, setProcessProgress] = _react.useState.call(void 0, null);
   const [alertMessage, setAlertMessage] = _react.useState.call(void 0, null);
   const [showCopied, setShowCopied] = _react.useState.call(void 0, false);
   const [pushing, setPushing] = _react.useState.call(void 0, false);
+  const [moving, setMoving] = _react.useState.call(void 0, false);
   if (!focusedItem) return null;
   const isImage = isImageFile(focusedItem.name);
   const isVideo = isVideoFile(focusedItem.name);
@@ -4395,6 +4386,62 @@ function StudioDetailView() {
       });
     }
   };
+  const handleMove = async (destination) => {
+    setShowMoveModal(false);
+    setMoving(true);
+    try {
+      const response = await fetch("/api/studio/move", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ paths: [focusedItem.path], destination })
+      });
+      if (!response.body) {
+        throw new Error("No response body");
+      }
+      const reader = response.body.getReader();
+      const decoder = new TextDecoder();
+      let buffer = "";
+      while (true) {
+        const { done, value } = await reader.read();
+        if (done) break;
+        buffer += decoder.decode(value, { stream: true });
+        const lines = buffer.split("\n\n");
+        buffer = lines.pop() || "";
+        for (const line of lines) {
+          if (!line.startsWith("data: ")) continue;
+          try {
+            const data = JSON.parse(line.slice(6));
+            if (data.type === "complete") {
+              if (data.errors > 0 && _optionalChain([data, 'access', _50 => _50.errorMessages, 'optionalAccess', _51 => _51.length]) > 0) {
+                setAlertMessage({
+                  title: "Move Failed",
+                  message: data.errorMessages.join("\n")
+                });
+              } else {
+                clearSelection();
+                triggerRefresh();
+                setFocusedItem(null);
+              }
+            } else if (data.type === "error") {
+              setAlertMessage({
+                title: "Move Failed",
+                message: data.message || "Unknown error"
+              });
+            }
+          } catch (e5) {
+          }
+        }
+      }
+    } catch (error) {
+      console.error("Move error:", error);
+      setAlertMessage({
+        title: "Move Failed",
+        message: "Failed to move file. Check console for details."
+      });
+    } finally {
+      setMoving(false);
+    }
+  };
   const handleSync = async () => {
     const imageKey = "/" + focusedItem.path.replace(/^public\//, "");
     setPushing(true);
@@ -4412,7 +4459,7 @@ function StudioDetailView() {
         });
         triggerRefresh();
       } else {
-        if (_optionalChain([data, 'access', _50 => _50.error, 'optionalAccess', _51 => _51.includes, 'call', _52 => _52("R2 not configured")]) || _optionalChain([data, 'access', _53 => _53.error, 'optionalAccess', _54 => _54.includes, 'call', _55 => _55("CLOUDFLARE_R2")])) {
+        if (_optionalChain([data, 'access', _52 => _52.error, 'optionalAccess', _53 => _53.includes, 'call', _54 => _54("R2 not configured")]) || _optionalChain([data, 'access', _55 => _55.error, 'optionalAccess', _56 => _56.includes, 'call', _57 => _57("CLOUDFLARE_R2")])) {
           setShowR2SetupModal(true);
         } else {
           setAlertMessage({
@@ -4451,7 +4498,7 @@ function StudioDetailView() {
       if (!response.ok) {
         throw new Error("Processing failed");
       }
-      const reader = _optionalChain([response, 'access', _56 => _56.body, 'optionalAccess', _57 => _57.getReader, 'call', _58 => _58()]);
+      const reader = _optionalChain([response, 'access', _58 => _58.body, 'optionalAccess', _59 => _59.getReader, 'call', _60 => _60()]);
       if (!reader) {
         throw new Error("No response body");
       }
@@ -4468,7 +4515,7 @@ function StudioDetailView() {
             try {
               const data = JSON.parse(line.slice(6));
               setProcessProgress(data);
-            } catch (e5) {
+            } catch (e6) {
             }
           }
         }
@@ -4536,6 +4583,15 @@ function StudioDetailView() {
         onCancel: () => setShowRenameModal(false)
       }
     ),
+    showMoveModal && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      StudioFolderPicker,
+      {
+        selectedItems: /* @__PURE__ */ new Set([focusedItem.path]),
+        currentPath: focusedItem.path.split("/").slice(0, -1).join("/"),
+        onMove: handleMove,
+        onCancel: () => setShowMoveModal(false)
+      }
+    ),
     showProcessConfirm && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       ConfirmModal,
       {
@@ -4615,6 +4671,18 @@ function StudioDetailView() {
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: styles8.actionIcon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" }) }),
               "Rename"
             ] }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              "button",
+              {
+                css: styles8.actionBtn,
+                onClick: () => setShowMoveModal(true),
+                disabled: moving,
+                children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: styles8.actionIcon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4" }) }),
+                  moving ? "Moving..." : "Move"
+                ]
+              }
+            ),
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
               "button",
               {
@@ -5614,4 +5682,4 @@ var StudioUI_default = StudioUI;
 
 
 exports.StudioUI = StudioUI; exports.default = StudioUI_default;
-//# sourceMappingURL=StudioUI-SVAL5NR5.js.map
+//# sourceMappingURL=StudioUI-HFZJ2YUQ.js.map