@oomol-lab/open-flow 0.1.0-beta.66 → 0.1.0-beta.67

package/dist/browser/theme.css

@@ -10,6 +10,7 @@
   --open-flow-card: #ffffff;
   --open-flow-node-surface: #f6f6f6;
   --open-flow-node-content: #ffffff;
+  --open-flow-node-running-beam: oklch(72.3% 0.219 149.579);
   --open-flow-comment-surface: #f3eddc;
   --open-flow-comment-content: color-mix(in srgb, var(--open-flow-comment-surface) 55%, var(--open-flow-node-content));
   --open-flow-comment-border: #e3d8ba;

package/dist/browser/ui.css

@@ -97,6 +97,7 @@
   --open-flow-card: #fff;
   --open-flow-node-surface: #f6f6f6;
   --open-flow-node-content: #fff;
+  --open-flow-node-running-beam: oklch(72.3% .219 149.579);
   --open-flow-comment-surface: #f3eddc;
   --open-flow-comment-content: var(--open-flow-comment-surface);
 }
@@ -725,6 +726,7 @@
     --spacing: .25rem;
     --container-xs: 20rem;
     --container-sm: 24rem;
+    --container-md: 28rem;
     --container-lg: 32rem;
     --container-xl: 36rem;
     --container-2xl: 42rem;
@@ -1431,6 +1433,10 @@
     max-height: 85dvh;
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .max-h-\[calc\(100dvh-2rem\)\] {
+    max-height: calc(100dvh - 2rem);
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .max-h-\[calc\(100dvh-32px\)\] {
     max-height: calc(100dvh - 32px);
   }
@@ -1539,10 +1545,6 @@
     width: calc(var(--spacing) * 16);
   }
 
-  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .w-24 {
-    width: calc(var(--spacing) * 24);
-  }
-
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .w-28 {
     width: calc(var(--spacing) * 28);
   }
@@ -1619,6 +1621,10 @@
     width: max-content;
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .w-md {
+    width: var(--container-md);
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .max-w-\(--available-width\) {
     max-width: var(--available-width);
   }
@@ -1643,6 +1649,10 @@
     max-width: calc(100% - 2rem);
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .max-w-\[calc\(100vw-2rem\)\] {
+    max-width: calc(100vw - 2rem);
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .max-w-\[calc\(100vw-24px\)\] {
     max-width: calc(100vw - 24px);
   }
@@ -1915,6 +1925,10 @@
     grid-template-columns: repeat(auto-fit, minmax(min(100%, 520px), 1fr));
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .grid-rows-\[auto_minmax\(0\,1fr\)_auto\] {
+    grid-template-rows: auto minmax(0, 1fr) auto;
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .grid-rows-\[minmax\(0\,1fr\)_auto\] {
     grid-template-rows: minmax(0, 1fr) auto;
   }
@@ -2639,6 +2653,10 @@
     padding-block: calc(var(--spacing) * 2);
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .py-2\.5 {
+    padding-block: calc(var(--spacing) * 2.5);
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .py-3 {
     padding-block: calc(var(--spacing) * 3);
   }
@@ -2747,6 +2765,10 @@
     padding-left: 22px;
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .pl-\[calc\(1\.25rem\+1em\)\] {
+    padding-left: calc(1.25rem + 1em);
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .text-center {
     text-align: center;
   }
@@ -3274,6 +3296,10 @@
     cursor: pointer;
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .group-open\:rotate-90:is(:where(.group):is([open], :popover-open, :open) *) {
+    rotate: 90deg;
+  }
+
   @media (hover: hover) {
     :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .group-hover\/app\:border-\[color-mix\(in_srgb\,var\(--ui-foreground\)_14\%\,var\(--ui-popover\)\)\]:is(:where(.group\/app):hover *) {
       border-color: var(--ui-foreground);
@@ -5481,6 +5507,10 @@
     height: calc(var(--spacing) * 4);
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
+    display: none;
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .\[\.border-b\]\:pb-2.border-b {
     padding-bottom: calc(var(--spacing) * 2);
   }

package/dist/browser/workbench-contract.d.ts

@@ -61,6 +61,6 @@ export interface WorkbenchImportInput {
     readonly sourceUrl?: string;
 }
 export interface OpenFlowWorkbenchHandle {
-    /** Opens confirmation on an idle, initialized Flow list. Does not create a Flow. */
+    /** Opens confirmation on an idle, initialized Flow list. Invalid files notify the host. Does not create a Flow. */
     openImport(input: WorkbenchImportInput): 'opened' | 'unavailable' | 'invalid-file';
 }