@gallop.software/studio 0.1.65 → 0.1.67

package/dist/{StudioUI-NEFEBI27.js → StudioUI-A372AHSZ.js}

@@ -482,7 +482,7 @@ var styles2 = {
       top: 0;
       bottom: 50%;
       width: 0;
-      border-left: 1px dashed ${_chunkUFCWGUAGjs.colors.border};
+      border-left: 1px dashed ${_chunkUFCWGUAGjs.colors.textSecondary};
     }
     
     &::after {
@@ -492,7 +492,7 @@ var styles2 = {
       top: 50%;
       width: 8px;
       height: 0;
-      border-top: 1px dashed ${_chunkUFCWGUAGjs.colors.border};
+      border-top: 1px dashed ${_chunkUFCWGUAGjs.colors.textSecondary};
     }
   `,
   folderItemSelected: _react3.css`
@@ -3502,6 +3502,44 @@ var styles8 = {
     margin: 0;
     letter-spacing: -0.02em;
   `,
+  headerLeft: _react3.css`
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    min-width: 0;
+    flex: 1;
+  `,
+  breadcrumbs: _react3.css`
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    font-size: ${_chunkUFCWGUAGjs.fontSize.base};
+    color: ${_chunkUFCWGUAGjs.colors.textSecondary};
+    min-width: 0;
+    overflow: hidden;
+  `,
+  breadcrumbSeparator: _react3.css`
+    color: ${_chunkUFCWGUAGjs.colors.border};
+    flex-shrink: 0;
+  `,
+  breadcrumbItem: _react3.css`
+    color: ${_chunkUFCWGUAGjs.colors.textSecondary};
+    text-decoration: none;
+    cursor: pointer;
+    transition: color 0.15s ease;
+    white-space: nowrap;
+    
+    &:hover {
+      color: ${_chunkUFCWGUAGjs.colors.primary};
+    }
+  `,
+  breadcrumbCurrent: _react3.css`
+    color: ${_chunkUFCWGUAGjs.colors.text};
+    font-weight: 500;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  `,
   headerActions: _react3.css`
     display: flex;
     align-items: center;
@@ -3718,7 +3756,10 @@ function StudioUI({ onClose, isVisible = true }) {
   };
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StudioContext.Provider, { value: contextValue, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { css: styles8.container, children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { css: styles8.header, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { css: styles8.title, children: "Studio" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { css: styles8.headerLeft, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { css: styles8.title, children: "Studio" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Breadcrumbs, { currentPath, onNavigate: setCurrentPath })
+      ] }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { css: styles8.headerActions, children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StudioSettings, {}),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -3752,6 +3793,24 @@ function StudioUI({ onClose, isVisible = true }) {
     focusedItem && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StudioDetailView, {})
   ] }) });
 }
+function Breadcrumbs({ currentPath, onNavigate }) {
+  const parts = currentPath.split("/").filter(Boolean);
+  const breadcrumbs = parts.map((part, index) => ({
+    name: part,
+    path: parts.slice(0, index + 1).join("/")
+  }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: styles8.breadcrumbs, children: breadcrumbs.map((crumb, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+    index > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: styles8.breadcrumbSeparator, children: "/" }),
+    index === breadcrumbs.length - 1 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: styles8.breadcrumbCurrent, children: crumb.name }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "span",
+      {
+        css: styles8.breadcrumbItem,
+        onClick: () => onNavigate(crumb.path),
+        children: crumb.name
+      }
+    )
+  ] }, crumb.path)) });
+}
 function CloseIcon() {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "svg",
@@ -3776,4 +3835,4 @@ var StudioUI_default = StudioUI;
 
 
 exports.StudioUI = StudioUI; exports.default = StudioUI_default;
-//# sourceMappingURL=StudioUI-NEFEBI27.js.map
+//# sourceMappingURL=StudioUI-A372AHSZ.js.map