@ovalbee/flow-viewer 0.0.4 → 0.1.0

package/dist/flow-viewer.css

@@ -1 +1,2 @@
-.vue-flow{position:relative;width:100%;height:100%;overflow:hidden;z-index:0;direction:ltr}.vue-flow__container{position:absolute;height:100%;width:100%;left:0;top:0}.vue-flow__pane{z-index:1}.vue-flow__pane.draggable{cursor:grab}.vue-flow__pane.selection{cursor:pointer}.vue-flow__pane.dragging{cursor:grabbing}.vue-flow__transformationpane{transform-origin:0 0;z-index:2;pointer-events:none}.vue-flow__viewport{z-index:4;overflow:clip}.vue-flow__selection{z-index:6}.vue-flow__edge-labels{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible{outline:none}.vue-flow .vue-flow__edges{pointer-events:none;overflow:visible}.vue-flow__edge-path,.vue-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.vue-flow__edge{pointer-events:visibleStroke;cursor:pointer}.vue-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.vue-flow__edge.animated path.vue-flow__edge-interaction{stroke-dasharray:none;animation:none}.vue-flow__edge.inactive{pointer-events:none}.vue-flow__edge.selected,.vue-flow__edge:focus,.vue-flow__edge:focus-visible{outline:none}.vue-flow__edge.selected .vue-flow__edge-path,.vue-flow__edge:focus .vue-flow__edge-path,.vue-flow__edge:focus-visible .vue-flow__edge-path{stroke:#555}.vue-flow__edge-textwrapper{pointer-events:all}.vue-flow__edge-textbg{fill:#fff}.vue-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__connection{pointer-events:none}.vue-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.vue-flow__connectionline{z-index:1001}.vue-flow__nodes{pointer-events:none;transform-origin:0 0}.vue-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.vue-flow__node.draggable{cursor:grab;pointer-events:all}.vue-flow__node.draggable.dragging{cursor:grabbing}.vue-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.vue-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.vue-flow__nodesselection-rect.dragging{cursor:grabbing}.vue-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px}.vue-flow__handle.connectable{pointer-events:all;cursor:crosshair}.vue-flow__handle-bottom{left:50%;bottom:0;transform:translate(-50%,50%)}.vue-flow__handle-top{left:50%;top:0;transform:translate(-50%,-50%)}.vue-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.vue-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.vue-flow__edgeupdater{cursor:move;pointer-events:all}.vue-flow__panel{position:absolute;z-index:5;margin:15px}.vue-flow__panel.top{top:0}.vue-flow__panel.bottom{bottom:0}.vue-flow__panel.left{left:0}.vue-flow__panel.right{right:0}.vue-flow__panel.center{left:50%;transform:translate(-50%)}@keyframes dashdraw{0%{stroke-dashoffset:10}}.vue-flow__controls{box-shadow:0 0 2px 1px #00000014}.vue-flow__controls-button{background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:5px}.vue-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.vue-flow__controls-button:hover{background:#f4f4f4}.vue-flow__controls-button:disabled{pointer-events:none}.vue-flow__controls-button:disabled svg{fill-opacity:.4}.vue-flow__minimap{background-color:#fff}.vue-flow__minimap.pannable{cursor:grab}.vue-flow__minimap.dragging{cursor:grabbing}.vue-flow__minimap-mask.pannable{cursor:grab}.ob-flow-viewer{--ob-flow-viewer-background: #f8fafc;--ob-flow-viewer-surface: #ffffff;--ob-flow-viewer-surface-muted: #f1f5f9;--ob-flow-viewer-border: #dbe2ea;--ob-flow-viewer-text: #172033;--ob-flow-viewer-text-muted: #64748b;--ob-flow-viewer-edge: #94a3b8}.ob-flow-viewer{position:relative;width:100%;height:100%;min-height:320px;overflow:hidden;color:var(--ob-flow-viewer-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--ob-flow-viewer-background)}.ob-flow-viewer[data-theme=dark]{--ob-flow-viewer-background: #0f172a;--ob-flow-viewer-surface: #172033;--ob-flow-viewer-surface-muted: #263247;--ob-flow-viewer-border: #344258;--ob-flow-viewer-text: #e5e7eb;--ob-flow-viewer-text-muted: #9aa8bc;--ob-flow-viewer-edge: #64748b}.ob-flow-viewer__canvas{width:100%;height:100%;background-color:var(--ob-flow-viewer-background);background-image:radial-gradient(circle,#dce4ee 1px,transparent 1px);background-position:0 0;background-size:15px 15px}.ob-flow-viewer .vue-flow__edge-path{stroke:var(--ob-flow-viewer-edge);stroke-width:1.5}.ob-flow-viewer .vue-flow__node{cursor:default;pointer-events:auto!important}.ob-flow-viewer-node .vue-flow__handle{width:8px;height:8px;pointer-events:none;background:var(--ob-flow-viewer-surface);border:2px solid var(--ob-flow-viewer-edge);border-radius:50%}.ob-flow-viewer .vue-flow__controls,.ob-flow-viewer .vue-flow__minimap{overflow:hidden;border:1px solid var(--ob-flow-viewer-border);border-radius:10px;box-shadow:0 4px 12px #0f172a14}.ob-flow-viewer .vue-flow__controls-button{color:var(--ob-flow-viewer-text);background:var(--ob-flow-viewer-surface);border-color:var(--ob-flow-viewer-border)}.ob-flow-viewer .vue-flow__controls-button svg{max-width:10px;max-height:10px}.ob-flow-viewer .vue-flow__minimap{right:auto;bottom:10px;left:54px;width:160px;height:110px;background:color-mix(in srgb,var(--ob-flow-viewer-surface) 92%,transparent)}.ob-flow-viewer .vue-flow__minimap-node{fill:var(--ob-flow-viewer-edge)}.ob-flow-viewer-node{position:relative;box-sizing:border-box;width:260px;padding:14px;background:var(--ob-flow-viewer-surface);border:1px solid var(--ob-flow-viewer-border);border-radius:12px;box-shadow:0 2px 8px #0f172a14;outline:none;transition:border-color .16s ease,box-shadow .16s ease}.ob-flow-viewer-node:hover,.ob-flow-viewer-node:focus-visible{z-index:5;border-color:var(--ob-flow-viewer-edge);box-shadow:0 6px 16px #0f172a1c}.ob-flow-viewer-node--unavailable{border-style:dashed;opacity:.78}.ob-flow-viewer-node__header{display:flex;gap:9px;align-items:center;min-width:0}.ob-flow-viewer-node__icon{display:grid;flex:0 0 32px;width:32px;height:32px;place-items:center;overflow:hidden;color:#fff;font-size:14px;font-weight:700;background:var(--ob-node-icon-color);border-radius:8px}.ob-flow-viewer-node__icon-svg,.ob-flow-viewer-node__icon-svg svg{display:block;width:17px;height:17px}.ob-flow-viewer-node__icon-svg svg{color:#fff}.ob-flow-viewer-node__title-wrap{display:flex;min-width:0;flex-direction:column;gap:2px}.ob-flow-viewer-node__title,.ob-flow-viewer-node__key{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ob-flow-viewer-node__title{font-size:14px;font-weight:650;line-height:1.3}.ob-flow-viewer-node__key{color:var(--ob-flow-viewer-text-muted);font-size:10.5px;line-height:1.3}.ob-flow-viewer-node__description{margin:10px 0 0;color:var(--ob-flow-viewer-text-muted);font-size:13px;line-height:1.5;white-space:normal}.ob-flow-viewer-node__description--clamped{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ob-flow-viewer-node__widget{display:flex;align-items:center;height:32px;padding:7px;margin-top:10px;background:var(--ob-flow-viewer-surface-muted);border-radius:7px}.ob-flow-viewer-node__widget--button{gap:7px;width:112px}.ob-flow-viewer-node__widget-icon{display:grid;width:18px;height:18px;place-items:center;color:var(--ob-flow-viewer-text-muted);font-size:11px;background:color-mix(in srgb,var(--ob-flow-viewer-text-muted) 12%,transparent);border-radius:5px}.ob-flow-viewer-node__widget-label{width:62px;height:7px;background:color-mix(in srgb,var(--ob-flow-viewer-text-muted) 18%,transparent);border-radius:999px}.ob-flow-viewer-node__widget--dataset{justify-content:center;height:72px}.ob-flow-viewer-node__widget-image{position:relative;width:30px;height:23px;border:2px solid color-mix(in srgb,var(--ob-flow-viewer-text-muted) 40%,transparent);border-radius:5px}.ob-flow-viewer-node__widget-image:before{position:absolute;top:4px;left:5px;width:4px;height:4px;background:color-mix(in srgb,var(--ob-flow-viewer-text-muted) 42%,transparent);border-radius:50%;content:""}.ob-flow-viewer-node__widget-image:after{position:absolute;right:4px;bottom:4px;left:4px;height:8px;background:color-mix(in srgb,var(--ob-flow-viewer-text-muted) 24%,transparent);clip-path:polygon(0 100%,35% 28%,52% 64%,72% 8%,100% 100%);content:""}.ob-flow-viewer-node__widget--lines{flex-direction:column;align-items:flex-start;justify-content:center;gap:5px}.ob-flow-viewer-node__widget--lines span{width:82%;height:6px;background:color-mix(in srgb,var(--ob-flow-viewer-text-muted) 18%,transparent);border-radius:999px}.ob-flow-viewer-node__widget--lines span:last-child{width:58%}.ob-flow-viewer-tooltip{--ob-flow-viewer-surface: #ffffff;--ob-flow-viewer-border: #dbe2ea;--ob-flow-viewer-text: #172033;--ob-flow-viewer-text-muted: #64748b;--ob-flow-viewer-surface-muted: hsl(220 16% 98%);position:fixed;z-index:100;box-sizing:border-box;width:min(404px,calc(100% - 24px));max-height:min(520px,calc(100vh - 24px));padding:0;overflow:auto;pointer-events:auto;background:var(--ob-flow-viewer-surface);border:1px solid var(--ob-flow-viewer-border);border-radius:14px;box-shadow:0 14px 36px #0f172a29;transform:translate(-50%);scrollbar-color:color-mix(in srgb,var(--ob-flow-viewer-text-muted) 34%,transparent) transparent;scrollbar-width:thin}.ob-flow-viewer-tooltip::-webkit-scrollbar{width:9px}.ob-flow-viewer-tooltip::-webkit-scrollbar-track,.ob-flow-viewer-tooltip::-webkit-scrollbar-corner{background:transparent}.ob-flow-viewer-tooltip::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ob-flow-viewer-text-muted) 34%,transparent);background-clip:padding-box;border:3px solid transparent;border-radius:999px}.ob-flow-preview{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;padding:6px 6px 0}.ob-flow-preview__svg{width:100%;height:100%}.ob-flow-preview__edge{fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-opacity:.15}.ob-flow-preview__node{fill:#fff;stroke:var(--ob-flow-viewer-border, #dbe2ea);stroke-width:1}.ob-flow-preview__icon-background{fill:#eef1f5}.ob-flow-preview__line{fill:var(--ob-flow-viewer-border, #dbe2ea)}[data-theme=dark] .ob-flow-preview__node,.dark .ob-flow-preview__node{fill:#263247}.ob-flow-viewer-tooltip[data-theme=dark]{--ob-flow-viewer-surface: #172033;--ob-flow-viewer-border: #344258;--ob-flow-viewer-text: #e5e7eb;--ob-flow-viewer-text-muted: #9aa8bc;--ob-flow-viewer-surface-muted: #263247}.ob-flow-viewer-tooltip__header{display:flex;gap:10px;align-items:center;min-width:0;padding:14px 16px;border-bottom:1px solid var(--ob-flow-viewer-border)}.ob-flow-viewer-tooltip__body{background:var(--ob-flow-viewer-surface-muted)}.ob-flow-viewer-tooltip__icon{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;overflow:hidden;color:#fff;font-size:14px;font-weight:700;background:var(--ob-node-icon-color);border-radius:9px}.ob-flow-viewer-tooltip__title-wrap{display:flex;min-width:0;flex-direction:column;gap:1px}.ob-flow-viewer-tooltip__title-wrap strong{overflow:hidden;font-size:13px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.ob-flow-viewer-tooltip__title-wrap code{color:var(--ob-flow-viewer-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;line-height:1.35}.ob-flow-viewer-tooltip__unavailable{margin:0;padding:14px 16px;color:var(--ob-flow-viewer-text-muted);font-size:11px;line-height:1.5}.ob-flow-viewer-tooltip__description{margin:0;padding:14px 16px 0;color:var(--ob-flow-viewer-text-muted);font-size:11px;line-height:1.55}.ob-flow-viewer-node__ports{display:flex;flex-direction:column;gap:14px;padding:14px 16px 16px}.ob-flow-viewer-node__port-group{display:flex;min-width:0;flex-direction:column;gap:9px}.ob-flow-viewer-node__port-group--outputs{padding-top:14px;border-top:1px solid var(--ob-flow-viewer-border)}.ob-flow-viewer-node__port-heading{color:var(--ob-flow-viewer-text);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ob-flow-viewer-node__port{display:grid;grid-template-columns:minmax(116px,.8fr) minmax(0,1.2fr);column-gap:14px;min-width:0;color:var(--ob-flow-viewer-text-muted);font-size:11px}.ob-flow-viewer-node__port>span{grid-row:1;grid-column:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ob-flow-viewer-node__port small{display:-webkit-box;grid-row:1 / span 2;grid-column:2;margin:0;overflow:hidden;color:color-mix(in srgb,var(--ob-flow-viewer-text-muted) 82%,transparent);font-size:10px;line-height:1.45;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:3}.ob-flow-viewer-node__empty{color:var(--ob-flow-viewer-text-muted);font-size:10px;font-style:italic}.ob-flow-viewer-note{box-sizing:border-box;min-width:140px;padding:14px;color:#334155;font-size:12px;line-height:1.5;white-space:normal;border:1px solid #e2c56d;border-radius:4px 4px 12px;box-shadow:0 5px 16px #0f172a1a}.ob-flow-viewer-note :where(div,p,ul){margin:0}.ob-flow-viewer-note :where(div,p,li)+:where(div,p,ul){margin-top:6px}.ob-flow-viewer-note [data-note-block-style=header]{font-size:14px;font-weight:650;line-height:1.5}.ob-flow-viewer-note a{color:inherit;text-decoration:underline;text-underline-offset:2px}.ob-flow-viewer-note ul{padding-left:18px;list-style:disc}.ob-flow-viewer-note [data-note-media]{display:block;margin-block:8px;overflow:hidden;border-radius:8px}.ob-flow-viewer-note img{display:block;width:100%;max-width:100%;height:auto}.ob-flow-viewer-note iframe{display:block;width:100%;aspect-ratio:16 / 9;border:0}.ob-flow-viewer-note--yellow{background:#fef3c7;border-color:#f5d56c}.ob-flow-viewer-note--blue{background:#dbeafe;border-color:#93c5fd}.ob-flow-viewer-note--green{background:#dcfce7;border-color:#86efac}.ob-flow-viewer-note--rose{background:#ffe4e6;border-color:#fda4af}.ob-flow-viewer-note--violet{background:#ede9fe;border-color:#c4b5fd}.ob-flow-viewer-note--slate{background:#e2e8f0;border-color:#94a3b8}@media (prefers-reduced-motion: reduce){.ob-flow-viewer-node{transition:none}}
+.vue-flow{z-index:0;direction:ltr;width:100%;height:100%;position:relative;overflow:hidden}.vue-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.vue-flow__pane{z-index:1}.vue-flow__pane.draggable{cursor:grab}.vue-flow__pane.selection{cursor:pointer}.vue-flow__pane.dragging{cursor:grabbing}.vue-flow__transformationpane{transform-origin:0 0;z-index:2;pointer-events:none}.vue-flow__viewport{z-index:4;overflow:clip}.vue-flow__selection{z-index:6}.vue-flow__edge-labels{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible{outline:none}.vue-flow .vue-flow__edges{pointer-events:none;overflow:visible}.vue-flow__edge-path,.vue-flow__connection-path{stroke:#b1b1b7;stroke-width:1px;fill:none}.vue-flow__edge{pointer-events:visibleStroke;cursor:pointer}.vue-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.vue-flow__edge.animated path.vue-flow__edge-interaction{stroke-dasharray:none;animation:none}.vue-flow__edge.inactive{pointer-events:none}.vue-flow__edge.selected,.vue-flow__edge:focus,.vue-flow__edge:focus-visible{outline:none}.vue-flow__edge.selected .vue-flow__edge-path,.vue-flow__edge:focus .vue-flow__edge-path,.vue-flow__edge:focus-visible .vue-flow__edge-path{stroke:#555}.vue-flow__edge-textwrapper{pointer-events:all}.vue-flow__edge-textbg{fill:#fff}.vue-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.vue-flow__connection{pointer-events:none}.vue-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.vue-flow__connectionline{z-index:1001}.vue-flow__nodes{pointer-events:none;transform-origin:0 0}.vue-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.vue-flow__node.draggable{cursor:grab;pointer-events:all}.vue-flow__node.draggable.dragging{cursor:grabbing}.vue-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.vue-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.vue-flow__nodesselection-rect.dragging{cursor:grabbing}.vue-flow__handle{pointer-events:none;min-width:5px;min-height:5px;position:absolute}.vue-flow__handle.connectable{pointer-events:all;cursor:crosshair}.vue-flow__handle-bottom{bottom:0;left:50%;transform:translate(-50%,50%)}.vue-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.vue-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.vue-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.vue-flow__edgeupdater{cursor:move;pointer-events:all}.vue-flow__panel{z-index:5;margin:15px;position:absolute}.vue-flow__panel.top{top:0}.vue-flow__panel.bottom{bottom:0}.vue-flow__panel.left{left:0}.vue-flow__panel.right{right:0}.vue-flow__panel.center{left:50%;transform:translate(-50%)}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.vue-flow__controls{box-shadow:0 0 2px 1px #00000014}.vue-flow__controls-button{box-sizing:content-box;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fefefe;border:none;border-bottom:1px solid #eee;justify-content:center;align-items:center;width:16px;height:16px;padding:5px;display:flex}.vue-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.vue-flow__controls-button:hover{background:#f4f4f4}.vue-flow__controls-button:disabled{pointer-events:none}.vue-flow__controls-button:disabled svg{fill-opacity:.4}.vue-flow__minimap{background-color:#fff}.vue-flow__minimap.pannable{cursor:grab}.vue-flow__minimap.dragging{cursor:grabbing}.vue-flow__minimap-mask.pannable{cursor:grab}.ob-flow-viewer{--ob-flow-viewer-background:#f3f4f7;--ob-flow-viewer-surface:#fff;--ob-flow-viewer-surface-muted:#f3f5f7;--ob-flow-viewer-border:#e6e6e6;--ob-flow-viewer-text:#090a0b;--ob-flow-viewer-text-muted:#6a707c;--ob-flow-viewer-edge:#959ba8;--ob-flow-viewer-graph-accent:#94a3b8;--ob-flow-viewer-pattern:#c3c4cd;--ob-flow-viewer-handle:#6a707c4d;--ob-flow-viewer-folder:oklch(95.1% .026 236.824);--ob-flow-viewer-folder-border:oklch(82.8% .111 230.318);--ob-flow-viewer-folder-tab:oklch(90.1% .058 230.902);--ob-flow-viewer-shadow-xs:0 1px 3px 0 #10182817;--ob-flow-viewer-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--ob-flow-viewer-button:var(--ob-flow-viewer-surface);--ob-flow-viewer-inset:var(--ob-flow-viewer-surface-muted);--ob-flow-viewer-inset-icon:var(--ob-flow-viewer-text-muted);width:100%;height:100%;min-height:320px;color:var(--ob-flow-viewer-text);background:var(--ob-flow-viewer-background);font-family:inherit;position:relative;overflow:hidden}.ob-flow-viewer[data-theme=dark]{--ob-flow-viewer-background:#121416;--ob-flow-viewer-surface:#22242b;--ob-flow-viewer-surface-muted:#2e3138;--ob-flow-viewer-border:#3d4148;--ob-flow-viewer-text:#c1c4cd;--ob-flow-viewer-text-muted:#8b919c;--ob-flow-viewer-edge:#7b818e;--ob-flow-viewer-graph-accent:#6a707c;--ob-flow-viewer-pattern:#36393f;--ob-flow-viewer-handle:#373b43;--ob-flow-viewer-folder:oklch(29.3% .066 243.157/.8);--ob-flow-viewer-folder-border:oklch(50% .134 242.749);--ob-flow-viewer-folder-tab:oklch(44.3% .11 240.79);--ob-flow-viewer-shadow-xs:none;--ob-flow-viewer-shadow-md:none;--ob-flow-viewer-button:var(--ob-flow-viewer-surface-muted)}.ob-flow-viewer__canvas{background-color:var(--ob-flow-viewer-background);background-image:radial-gradient(circle, var(--ob-flow-viewer-pattern) .5px, transparent .5px);background-position:0 0;background-size:15px 15px;width:100%;height:100%}.ob-flow-viewer .vue-flow__edge-path{stroke:var(--ob-flow-viewer-edge);stroke-width:1.5px}.ob-flow-viewer .vue-flow__node{cursor:default;pointer-events:auto!important}.ob-flow-viewer-node .vue-flow__handle{pointer-events:none;background:var(--ob-flow-viewer-handle);border:0;border-radius:6px;width:12px;min-width:0;height:5px;min-height:0}.ob-flow-viewer-node--compact .vue-flow__handle-top,.ob-flow-viewer-node--compact .vue-flow__handle-bottom{opacity:0}.ob-flow-viewer-node .vue-flow__handle-left,.ob-flow-viewer-node .vue-flow__handle-right{width:6px;height:6px}.ob-flow-viewer .vue-flow__controls,.ob-flow-viewer .vue-flow__minimap{border:1px solid var(--ob-flow-viewer-border);border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #0f172a14}.ob-flow-viewer .vue-flow__controls-button{color:var(--ob-flow-viewer-text);background:var(--ob-flow-viewer-surface);border-color:var(--ob-flow-viewer-border)}.ob-flow-viewer .vue-flow__controls-button svg{fill:currentColor;max-width:10px;max-height:10px}.ob-flow-viewer .vue-flow__minimap{background:color-mix(in srgb, var(--ob-flow-viewer-surface) 92%, transparent);width:160px;height:110px;bottom:10px;left:54px;right:auto}.ob-flow-viewer .vue-flow__minimap-node{fill:var(--ob-flow-viewer-graph-accent)}.ob-flow-viewer-node{box-sizing:border-box;background:var(--ob-flow-viewer-surface);border:1px solid var(--ob-flow-viewer-border);min-width:150px;max-width:250px;box-shadow:var(--ob-flow-viewer-shadow-xs);border-radius:12px;outline:none;padding:12px;font-size:13px;line-height:1.23;transition:box-shadow .2s;position:relative}.ob-flow-viewer-node:hover,.ob-flow-viewer-node:focus-visible{z-index:5;box-shadow:var(--ob-flow-viewer-shadow-md)}.ob-flow-viewer-node:focus-visible{border-color:var(--ob-flow-viewer-graph-accent)}.ob-flow-viewer-node--folder{background:var(--ob-flow-viewer-folder);border-color:var(--ob-flow-viewer-folder-border)}.ob-flow-viewer-node--folder:before{box-sizing:border-box;background:var(--ob-flow-viewer-folder-tab);border:1px solid var(--ob-flow-viewer-folder-border);content:"";border-radius:8px 8px 0 0;width:60px;height:7px;position:absolute;top:-7px;left:8px}.ob-flow-viewer-node--compact{min-width:50px;max-width:220px;box-shadow:none;background:0 0;border-color:#0000;border-radius:8px;padding:8px}.ob-flow-viewer-node--compact:hover{box-shadow:none}.ob-flow-viewer .vue-flow__edge-textbg{fill:var(--ob-flow-viewer-background)}.ob-flow-viewer .vue-flow__edge-text{fill:var(--ob-flow-viewer-text-muted);font-size:11px}.ob-flow-viewer-node--unavailable{opacity:.78;border-style:dashed}.ob-flow-viewer-node__unavailable{color:var(--ob-flow-viewer-text-muted);margin:8px 0 0;font-size:11px}.ob-flow-viewer-node__header{align-items:center;display:flex}.ob-flow-viewer-node--compact .ob-flow-viewer-node__header{gap:6px}.ob-flow-viewer-node__icon{color:#fff;background:var(--ob-node-icon-color);border-radius:8px;flex-shrink:0;place-items:center;width:24px;height:24px;margin-right:8px;font-size:12px;font-weight:700;display:grid;overflow:hidden}.ob-flow-viewer-node--compact .ob-flow-viewer-node__icon{border-radius:999px;width:20px;height:20px;margin-right:0}.ob-flow-viewer-node__icon-svg,.ob-flow-viewer-node__icon-svg svg{color:#fff;width:14px;height:14px;display:block}.ob-flow-viewer-node--compact .ob-flow-viewer-node__icon-svg,.ob-flow-viewer-node--compact .ob-flow-viewer-node__icon-svg svg{width:12px;height:12px}.ob-flow-viewer-node__title{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.ob-flow-viewer-node__status{flex-shrink:0;width:24px;margin-left:auto}.ob-flow-viewer-node--compact .ob-flow-viewer-node__status{width:20px}.ob-flow-viewer-node__widget{width:0;min-width:100%;margin-top:12px}.ob-flow-viewer-node__glyph{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:14px;height:14px}.ob-flow-viewer-node__preview{aspect-ratio:16/9;color:var(--ob-flow-viewer-inset-icon);background:var(--ob-flow-viewer-inset);border-radius:6px;place-items:center;display:grid}.ob-flow-viewer-node__preview .ob-flow-viewer-node__glyph{stroke-width:1px;width:20px;height:20px}.ob-flow-viewer-node--folder{--ob-flow-viewer-inset:#0c4a6e1a;--ob-flow-viewer-inset-icon:#0c4a6e66}.ob-flow-viewer[data-theme=dark] .ob-flow-viewer-node--folder{--ob-flow-viewer-inset:#00000040;--ob-flow-viewer-inset-icon:#7dd3fc80}.ob-flow-viewer-node--folder .ob-flow-viewer-node__preview{box-shadow:inset 0 2px 4px #0000000d}.ob-flow-viewer-node__dropzone{background:color-mix(in srgb, var(--ob-flow-viewer-surface-muted) 70%, transparent);border:1px dashed var(--ob-flow-viewer-border);border-radius:12px;align-items:center;gap:8px;padding:8px;font-size:12px;font-weight:500;line-height:1.375;display:flex}.ob-flow-viewer-node__dropzone-icon{width:36px;height:36px;color:var(--ob-flow-viewer-text-muted);background:var(--ob-flow-viewer-surface);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.ob-flow-viewer-node__variable{background:var(--ob-flow-viewer-surface-muted);border-radius:6px;flex-direction:column;gap:4px;padding:4px;display:flex}.ob-flow-viewer-node__variable>span:first-child{background:var(--ob-flow-viewer-surface);border-radius:4px;height:24px;box-shadow:0 1px 2px #0000000d}.ob-flow-viewer-node__variable>span:last-child{background:var(--ob-flow-viewer-border);border-radius:999px;width:40%;height:10px;margin:1.75px 0}.ob-flow-viewer-node__actions{justify-content:center;display:flex}.ob-flow-viewer-node__button{box-sizing:border-box;max-width:100%;height:28px;color:var(--ob-flow-viewer-text-muted);white-space:nowrap;background:var(--ob-flow-viewer-button);border:1px solid var(--ob-flow-viewer-border);box-shadow:var(--ob-flow-viewer-shadow-xs);border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:0 8px;font-size:11px;font-weight:500;display:inline-flex}.ob-flow-viewer-node__button>span{text-overflow:ellipsis;min-width:0;max-width:128px;overflow:hidden}.ob-flow-viewer-node__link{background:var(--ob-flow-viewer-surface-muted);border-radius:6px;overflow:hidden}.ob-flow-viewer-node__link .ob-flow-viewer-node__button{gap:8px;width:100%;height:32px;font-size:10px}.ob-flow-viewer-node__link .ob-flow-viewer-node__button>span{max-width:none}.ob-flow-viewer-tooltip{--ob-flow-viewer-surface:#fff;--ob-flow-viewer-border:#dbe2ea;--ob-flow-viewer-text:#172033;--ob-flow-viewer-text-muted:#64748b;--ob-flow-viewer-surface-muted:#f9fafb;z-index:100;box-sizing:border-box;pointer-events:auto;background:var(--ob-flow-viewer-surface);border:1px solid var(--ob-flow-viewer-border);border-radius:14px;flex-direction:column;width:min(404px,100% - 24px);max-height:min(520px,100vh - 24px);padding:0;display:flex;position:fixed;overflow:clip;transform:translate(-50%);box-shadow:0 14px 36px #0f172a29}.ob-flow-viewer-tooltip__body::-webkit-scrollbar{width:6px}.ob-flow-viewer-tooltip__body::-webkit-scrollbar-track{background:0 0}.ob-flow-viewer-tooltip__body::-webkit-scrollbar-corner{background:0 0}.ob-flow-viewer-tooltip__body::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--ob-flow-viewer-text-muted) 40%, transparent);border-radius:999px}.ob-flow-viewer-tooltip__body::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--ob-flow-viewer-text-muted) 60%, transparent)}.ob-flow-preview{padding:6px 6px 0;position:absolute;inset:0;overflow:hidden}.dark .ob-flow-preview,[data-theme=dark] .ob-flow-preview{--ob-flow-preview-node:hsl(var(--surface-3,223 10% 20%));--ob-flow-preview-border:hsl(var(--surface-4,223 10% 24%));--ob-flow-preview-skeleton:hsl(var(--surface-5,223 10% 32%));--ob-flow-preview-icon-background:hsl(var(--surface-5,223 10% 32%))}.ob-flow-preview__svg{width:100%;height:100%}.ob-flow-preview__edge{fill:none;stroke:currentColor;stroke-width:1px;stroke-linecap:round;stroke-opacity:.15}.ob-flow-preview__node{fill:var(--ob-flow-preview-node,#fff);stroke:var(--ob-flow-preview-border,#dbe2ea);stroke-width:1px}.ob-flow-preview__icon-background{fill:var(--ob-flow-preview-icon-background,#eef1f5)}.ob-flow-preview__line{fill:var(--ob-flow-preview-skeleton,#dbe2ea)}.ob-flow-viewer-tooltip[data-theme=dark]{--ob-flow-viewer-surface:#22242b;--ob-flow-viewer-border:#3d4148;--ob-flow-viewer-text:#c1c4cd;--ob-flow-viewer-text-muted:#8b919c;--ob-flow-viewer-surface-muted:#2e3138;box-shadow:0 14px 36px #00000073}.ob-flow-viewer-tooltip__header{border-bottom:1px solid var(--ob-flow-viewer-border);flex:none;align-items:center;gap:10px;min-width:0;padding:14px 16px;display:flex}.ob-flow-viewer-tooltip__body{background:var(--ob-flow-viewer-surface-muted);scrollbar-color:color-mix(in srgb, var(--ob-flow-viewer-text-muted) 40%, transparent) transparent;scrollbar-width:thin;flex:auto;overflow-y:auto}.ob-flow-viewer-tooltip__icon{color:#fff;background:var(--ob-node-icon-color);border-radius:9px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:grid;overflow:hidden}.ob-flow-viewer-tooltip__title-wrap{flex-direction:column;gap:1px;min-width:0;display:flex}.ob-flow-viewer-tooltip__title-wrap strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.35;overflow:hidden}.ob-flow-viewer-tooltip__title-wrap code{color:var(--ob-flow-viewer-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;line-height:1.35}.ob-flow-viewer-tooltip__unavailable{color:var(--ob-flow-viewer-text-muted);margin:0;padding:14px 16px;font-size:11px;line-height:1.5}.ob-flow-viewer-tooltip__description{color:var(--ob-flow-viewer-text-muted);margin:0;padding:14px 16px 0;font-size:11px;line-height:1.55}.ob-flow-viewer-node__ports{flex-direction:column;gap:14px;padding:14px 16px 16px;display:flex}.ob-flow-viewer-node__port-group{flex-direction:column;gap:9px;min-width:0;display:flex}.ob-flow-viewer-node__port-group--outputs{border-top:1px solid var(--ob-flow-viewer-border);padding-top:14px}.ob-flow-viewer-node__port-heading{color:var(--ob-flow-viewer-text);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:700}.ob-flow-viewer-node__port{min-width:0;color:var(--ob-flow-viewer-text-muted);grid-template-columns:minmax(116px,.8fr) minmax(0,1.2fr);column-gap:14px;font-size:11px;display:grid}.ob-flow-viewer-node__port>span{text-overflow:ellipsis;white-space:nowrap;grid-area:1/1;overflow:hidden}.ob-flow-viewer-node__port small{color:color-mix(in srgb, var(--ob-flow-viewer-text-muted) 82%, transparent);white-space:normal;-webkit-line-clamp:3;-webkit-box-orient:vertical;grid-area:1/2/span 2;margin:0;font-size:10px;line-height:1.45;display:-webkit-box;overflow:hidden}.ob-flow-viewer-node__empty{color:var(--ob-flow-viewer-text-muted);font-size:10px;font-style:italic}.ob-flow-viewer-note{box-sizing:border-box;color:#334155;white-space:normal;border:1px solid #e2c56d;border-radius:4px 4px 12px;min-width:140px;padding:14px;font-size:12px;line-height:1.5;box-shadow:0 5px 16px #0f172a1a}.ob-flow-viewer-note :where(div,p,ul){margin:0}.ob-flow-viewer-note :where(div,p,li)+:where(div,p,ul){margin-top:6px}.ob-flow-viewer-note [data-note-block-style=header]{font-size:14px;font-weight:650;line-height:1.5}.ob-flow-viewer-note a{color:inherit;text-underline-offset:2px;text-decoration:underline}.ob-flow-viewer-note ul{padding-left:18px;list-style:outside}.ob-flow-viewer-note [data-note-media]{border-radius:8px;margin-block:8px;display:block;overflow:hidden}.ob-flow-viewer-note img{width:100%;max-width:100%;height:auto;display:block}.ob-flow-viewer-note iframe{aspect-ratio:16/9;border:0;width:100%;display:block}.ob-flow-viewer-note--yellow{background:#fef3c7;border-color:#f5d56c}.ob-flow-viewer-note--blue{background:#dbeafe;border-color:#93c5fd}.ob-flow-viewer-note--green{background:#dcfce7;border-color:#86efac}.ob-flow-viewer-note--rose{background:#ffe4e6;border-color:#fda4af}.ob-flow-viewer-note--violet{background:#ede9fe;border-color:#c4b5fd}.ob-flow-viewer-note--slate{background:#e2e8f0;border-color:#94a3b8}@media (prefers-reduced-motion:reduce){.ob-flow-viewer-node{transition:none}}
+/*$vite$:1*/