@synertech/ui 0.43.0 → 0.45.0

package/dist/components/workflow-editor/nodes/WorkflowNodeRenderer.cjs

@@ -0,0 +1 @@
+"use strict";var y=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var D=Object.prototype.hasOwnProperty;var M=(o,t)=>{for(var r in t)y(o,r,{get:t[r],enumerable:!0})},T=(o,t,r,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of A(t))!D.call(o,e)&&e!==r&&y(o,e,{get:()=>t[e],enumerable:!(s=I(t,e))||s.enumerable});return o};var x=o=>T(y({},"__esModule",{value:!0}),o);var F={};M(F,{WorkflowNodeRenderer:()=>z});module.exports=x(F);var b=require("react"),v=require("../../../lib/cn.cjs"),W=require("../utils/geometry.cjs"),c=require("react/jsx-runtime"),R=180,S=60,k=12,g=28,N=24,_=-8;function O(o,t,r,s,e="horizontal"){let i=o.side??(0,W.getPortDefaultSide)(o.kind,e),u=t.filter(l=>(l.side??(0,W.getPortDefaultSide)(l.kind,e))===i),f=u.findIndex(l=>l.id===o.id),a=u.length,n=a===1?.5:(f+1)/(a+1);switch(i){case"left":return{left:0,top:s*n};case"right":return{left:r,top:s*n};case"top":return{left:r*n,top:0};case"bottom":return{left:r*n,top:s}}}function C({port:o,allPorts:t,nodeId:r,nodeWidth:s,nodeHeight:e,disabled:i,direction:u,onMouseUp:f}){let a=O(o,t,s,e,u),n=i||o.disabled,l=(0,b.useCallback)(h=>{n||(h.stopPropagation(),f(r,o.id))},[n,r,o.id,f]);return(0,c.jsx)("div",{"data-testid":`port-${r}-${o.id}`,"data-port-id":o.id,"data-port-kind":o.kind,"data-node-id":r,className:"absolute",style:{left:a.left-g/2,top:a.top-g/2,width:g,height:g,zIndex:20},onMouseUp:l,title:o.label??o.id,children:(0,c.jsx)("div",{className:(0,v.cn)("absolute rounded-full border-2 transition-colors",n?"bg-gray-300 border-gray-400 cursor-not-allowed":o.kind==="in"?"bg-blue-400 border-blue-600 hover:bg-blue-300 cursor-crosshair":"bg-green-400 border-green-600 hover:bg-green-300 cursor-crosshair"),style:{width:k,height:k,left:(g-k)/2,top:(g-k)/2}})})}function U(o,t,r){let s=o??"top-right",e=_,i=t*(N+4);switch(s){case"top-right":return{top:e,right:e-i};case"top-left":return{top:e,left:e+i};case"bottom-right":return{bottom:e,right:e-i};case"bottom-left":return{bottom:e,left:e+i}}}function $({action:o,nodeId:t,index:r,nodeWidth:s,disabled:e,onActionClick:i}){let u=(0,b.useCallback)(n=>{n.stopPropagation(),n.preventDefault(),!e&&i(t,o.id,n.nativeEvent)},[e,t,o.id,i]),f=(0,b.useCallback)(n=>{n.stopPropagation()},[]),a=U(o.position,r,s);return(0,c.jsx)("button",{"data-testid":`action-${t}-${o.id}`,"data-action-id":o.id,"data-node-id":t,type:"button",className:(0,v.cn)("absolute flex items-center justify-center rounded-full border shadow-sm transition-all","bg-white border-gray-300 text-gray-600","hover:bg-gray-50 hover:border-gray-400 hover:text-gray-800 hover:shadow-md","active:scale-95",e&&"opacity-50 cursor-not-allowed",!e&&"cursor-pointer",o.className),style:{...a,width:N,height:N,zIndex:30},onClick:u,onMouseDown:f,title:o.label,disabled:e,children:(0,c.jsx)("span",{className:"flex items-center justify-center w-3.5 h-3.5 [&>svg]:w-full [&>svg]:h-full",children:o.icon})})}var z=(0,b.memo)(function({node:t,registry:r,ports:s,selected:e,disabled:i,draggable:u,direction:f,onPortMouseUp:a,onActionClick:n}){let l=t.width??R,h=t.height??S,E=r.render({node:t,selected:e,disabled:i}),P=(typeof r.actions=="function"?r.actions(t):r.actions)?.filter(d=>typeof d.hidden=="function"?!d.hidden(t):!d.hidden),w=new Map;if(P)for(let d of P){let p=d.position??"top-right",m=w.get(p)??[];m.push(d),w.set(p,m)}return(0,c.jsxs)("div",{"data-testid":`workflow-node-${t.id}`,"data-node-id":t.id,className:(0,v.cn)("absolute select-none group/node",u&&!t.locked&&"cursor-grab active:cursor-grabbing",t.locked&&"cursor-not-allowed opacity-75",e&&"ring-2 ring-blue-500 ring-offset-1 rounded-lg"),style:{left:t.x,top:t.y,width:l,height:h,overflow:"visible"},children:[E,s.map(d=>(0,c.jsx)(C,{port:d,allPorts:s,nodeId:t.id,nodeWidth:l,nodeHeight:h,disabled:i,direction:f,onMouseUp:a},d.id)),n&&w.size>0&&Array.from(w.entries()).map(([,d])=>d.map((p,m)=>(0,c.jsx)($,{action:p,nodeId:t.id,index:m,nodeWidth:l,disabled:i,onActionClick:n},p.id)))]})});0&&(module.exports={WorkflowNodeRenderer});

package/dist/components/workflow-editor/nodes/WorkflowNodeRenderer.js

@@ -0,0 +1 @@
+import{memo as E,useCallback as k}from"react";import{cn as y}from"../../../lib/cn.js";import{getPortDefaultSide as N}from"../utils/geometry.js";import{jsx as g,jsxs as S}from"react/jsx-runtime";var I=180,A=60,m=12,f=28,v=24,D=-8;function M(o,t,n,s,e="horizontal"){let i=o.side??N(o.kind,e),c=t.filter(l=>(l.side??N(l.kind,e))===i),u=c.findIndex(l=>l.id===o.id),a=c.length,r=a===1?.5:(u+1)/(a+1);switch(i){case"left":return{left:0,top:s*r};case"right":return{left:n,top:s*r};case"top":return{left:n*r,top:0};case"bottom":return{left:n*r,top:s}}}function T({port:o,allPorts:t,nodeId:n,nodeWidth:s,nodeHeight:e,disabled:i,direction:c,onMouseUp:u}){let a=M(o,t,s,e,c),r=i||o.disabled,l=k(p=>{r||(p.stopPropagation(),u(n,o.id))},[r,n,o.id,u]);return g("div",{"data-testid":`port-${n}-${o.id}`,"data-port-id":o.id,"data-port-kind":o.kind,"data-node-id":n,className:"absolute",style:{left:a.left-f/2,top:a.top-f/2,width:f,height:f,zIndex:20},onMouseUp:l,title:o.label??o.id,children:g("div",{className:y("absolute rounded-full border-2 transition-colors",r?"bg-gray-300 border-gray-400 cursor-not-allowed":o.kind==="in"?"bg-blue-400 border-blue-600 hover:bg-blue-300 cursor-crosshair":"bg-green-400 border-green-600 hover:bg-green-300 cursor-crosshair"),style:{width:m,height:m,left:(f-m)/2,top:(f-m)/2}})})}function x(o,t,n){let s=o??"top-right",e=D,i=t*(v+4);switch(s){case"top-right":return{top:e,right:e-i};case"top-left":return{top:e,left:e+i};case"bottom-right":return{bottom:e,right:e-i};case"bottom-left":return{bottom:e,left:e+i}}}function R({action:o,nodeId:t,index:n,nodeWidth:s,disabled:e,onActionClick:i}){let c=k(r=>{r.stopPropagation(),r.preventDefault(),!e&&i(t,o.id,r.nativeEvent)},[e,t,o.id,i]),u=k(r=>{r.stopPropagation()},[]),a=x(o.position,n,s);return g("button",{"data-testid":`action-${t}-${o.id}`,"data-action-id":o.id,"data-node-id":t,type:"button",className:y("absolute flex items-center justify-center rounded-full border shadow-sm transition-all","bg-white border-gray-300 text-gray-600","hover:bg-gray-50 hover:border-gray-400 hover:text-gray-800 hover:shadow-md","active:scale-95",e&&"opacity-50 cursor-not-allowed",!e&&"cursor-pointer",o.className),style:{...a,width:v,height:v,zIndex:30},onClick:c,onMouseDown:u,title:o.label,disabled:e,children:g("span",{className:"flex items-center justify-center w-3.5 h-3.5 [&>svg]:w-full [&>svg]:h-full",children:o.icon})})}var $=E(function({node:t,registry:n,ports:s,selected:e,disabled:i,draggable:c,direction:u,onPortMouseUp:a,onActionClick:r}){let l=t.width??I,p=t.height??A,P=n.render({node:t,selected:e,disabled:i}),W=(typeof n.actions=="function"?n.actions(t):n.actions)?.filter(d=>typeof d.hidden=="function"?!d.hidden(t):!d.hidden),h=new Map;if(W)for(let d of W){let b=d.position??"top-right",w=h.get(b)??[];w.push(d),h.set(b,w)}return S("div",{"data-testid":`workflow-node-${t.id}`,"data-node-id":t.id,className:y("absolute select-none group/node",c&&!t.locked&&"cursor-grab active:cursor-grabbing",t.locked&&"cursor-not-allowed opacity-75",e&&"ring-2 ring-blue-500 ring-offset-1 rounded-lg"),style:{left:t.x,top:t.y,width:l,height:p,overflow:"visible"},children:[P,s.map(d=>g(T,{port:d,allPorts:s,nodeId:t.id,nodeWidth:l,nodeHeight:p,disabled:i,direction:u,onMouseUp:a},d.id)),r&&h.size>0&&Array.from(h.entries()).map(([,d])=>d.map((b,w)=>g(R,{action:b,nodeId:t.id,index:w,nodeWidth:l,disabled:i,onActionClick:r},b.id)))]})});export{$ as WorkflowNodeRenderer};

package/dist/components/workflow-editor/toolbar/WorkflowToolbar.cjs

@@ -0,0 +1 @@
+"use strict";var p=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var V=Object.getOwnPropertyNames;var E=Object.prototype.hasOwnProperty;var J=(r,e)=>{for(var t in e)p(r,t,{get:e[t],enumerable:!0})},Z=(r,e,t,d)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of V(e))!E.call(r,n)&&n!==t&&p(r,n,{get:()=>e[n],enumerable:!(d=B(e,n))||d.enumerable});return r};var D=r=>Z(p({},"__esModule",{value:!0}),r);var X={};J(X,{WorkflowToolbar:()=>U});module.exports=D(X);var a=require("react"),w=require("../../../lib/cn.cjs"),l=require("../../button/Button.cjs"),k=require("../../button-group/ButtonGroup.cjs"),i=require("../../tooltip/Tooltip.cjs"),v=require("../../modal/Modal.cjs"),b=require("../../form/input/Input.cjs"),o=require("react/jsx-runtime"),F=()=>(0,o.jsx)("svg",{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M10 5a1 1 0 011 1v3h3a1 1 0 110 2h-3v3a1 1 0 11-2 0v-3H6a1 1 0 110-2h3V6a1 1 0 011-1z",clipRule:"evenodd"})}),P=()=>(0,o.jsx)("svg",{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M5 10a1 1 0 011-1h8a1 1 0 110 2H6a1 1 0 01-1-1z",clipRule:"evenodd"})}),A=()=>(0,o.jsx)("svg",{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M4 2a1 1 0 011 1v2.101a7.002 7.002 0 0111.601 2.566 1 1 0 11-1.885.666A5.002 5.002 0 005.999 7H9a1 1 0 010 2H4a1 1 0 01-1-1V3a1 1 0 011-1zm.008 9.057a1 1 0 011.276.61A5.002 5.002 0 0014.001 13H11a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0v-2.101a7.002 7.002 0 01-11.601-2.566 1 1 0 01.61-1.276z",clipRule:"evenodd"})}),G=()=>(0,o.jsx)("svg",{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",children:(0,o.jsx)("path",{d:"M3 4a1 1 0 011-1h4a1 1 0 010 2H6.414l2.293 2.293a1 1 0 01-1.414 1.414L5 6.414V8a1 1 0 01-2 0V4zm9 1a1 1 0 010-2h4a1 1 0 011 1v4a1 1 0 01-2 0V6.414l-2.293 2.293a1 1 0 11-1.414-1.414L13.586 5H12zm-9 7a1 1 0 012 0v1.586l2.293-2.293a1 1 0 011.414 1.414L6.414 15H8a1 1 0 010 2H4a1 1 0 01-1-1v-4zm13 0a1 1 0 01-2 0v-1.586l-2.293 2.293a1 1 0 01-1.414-1.414L13.586 9H12a1 1 0 010-2h4a1 1 0 011 1v4z"})}),j=()=>(0,o.jsx)("svg",{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M3 17a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm3.293-7.707a1 1 0 011.414 0L9 10.586V3a1 1 0 112 0v7.586l1.293-1.293a1 1 0 111.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414z",clipRule:"evenodd"})}),q=()=>(0,o.jsx)("svg",{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M3 17a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM6.293 6.707a1 1 0 010-1.414l3-3a1 1 0 011.414 0l3 3a1 1 0 01-1.414 1.414L11 5.414V13a1 1 0 11-2 0V5.414L7.707 6.707a1 1 0 01-1.414 0z",clipRule:"evenodd"})}),K=()=>(0,o.jsx)("svg",{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z",clipRule:"evenodd"})}),Q=()=>(0,o.jsx)("svg",{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M16.707 10.293a1 1 0 010 1.414l-6 6a1 1 0 01-1.414 0l-6-6a1 1 0 111.414-1.414L9 14.586V3a1 1 0 012 0v11.586l4.293-4.293a1 1 0 011.414 0z",clipRule:"evenodd"})}),U=(0,a.memo)(function({zoom:e,direction:t,onDirectionChange:d,onZoomIn:n,onZoomOut:f,onResetView:x,onFitToContent:z,onExportJSON:h,onImportJSON:u,disabled:s,className:C}){let[N,y]=(0,a.useState)(!1),[I,c]=(0,a.useState)(!1),[O,R]=(0,a.useState)(""),[g,m]=(0,a.useState)(""),M=(0,a.useCallback)(()=>{R(h()),y(!0)},[h]),S=(0,a.useCallback)(()=>{g.trim()&&(u(g.trim()),m(""),c(!1))},[g,u]),H=(0,a.useCallback)(()=>{m(""),c(!1)},[]),T=(0,a.useCallback)(()=>{y(!1)},[]),L=Math.round(e*100);return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:(0,w.cn)("absolute top-3 left-3 z-20 flex items-center gap-2 bg-white dark:bg-gray-800 rounded-lg shadow-md border border-gray-200 dark:border-gray-600 px-2 py-1.5",C),"data-testid":"workflow-toolbar",children:[(0,o.jsxs)(k.ButtonGroup,{size:"sm",children:[(0,o.jsx)(i.Tooltip,{content:"Zoom in",size:"sm",position:"bottom",children:(0,o.jsx)(l.Button,{icon:(0,o.jsx)(F,{}),size:"sm",bgColor:"bg-gray-100 hover:bg-gray-200 dark:bg-gray-700 dark:hover:bg-gray-600",textColor:"text-gray-700 dark:text-gray-200",onClick:n,disabled:s,"aria-label":"Zoom in"})}),(0,o.jsx)(i.Tooltip,{content:"Zoom out",size:"sm",position:"bottom",children:(0,o.jsx)(l.Button,{icon:(0,o.jsx)(P,{}),size:"sm",bgColor:"bg-gray-100 hover:bg-gray-200 dark:bg-gray-700 dark:hover:bg-gray-600",textColor:"text-gray-700 dark:text-gray-200",onClick:f,disabled:s,"aria-label":"Zoom out"})})]}),(0,o.jsxs)("span",{className:"text-xs font-mono text-gray-500 dark:text-gray-400 min-w-[3ch] text-center select-none",children:[L,"%"]}),(0,o.jsx)("div",{className:"w-px h-5 bg-gray-200 dark:bg-gray-600"}),(0,o.jsx)(i.Tooltip,{content:"Reset view",size:"sm",position:"bottom",children:(0,o.jsx)(l.Button,{icon:(0,o.jsx)(A,{}),size:"sm",bgColor:"bg-gray-100 hover:bg-gray-200 dark:bg-gray-700 dark:hover:bg-gray-600",textColor:"text-gray-700 dark:text-gray-200",onClick:x,disabled:s,"aria-label":"Reset view"})}),(0,o.jsx)(i.Tooltip,{content:"Fit to content",size:"sm",position:"bottom",children:(0,o.jsx)(l.Button,{icon:(0,o.jsx)(G,{}),size:"sm",bgColor:"bg-gray-100 hover:bg-gray-200 dark:bg-gray-700 dark:hover:bg-gray-600",textColor:"text-gray-700 dark:text-gray-200",onClick:z,disabled:s,"aria-label":"Fit to content"})}),d&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{className:"w-px h-5 bg-gray-200 dark:bg-gray-600"}),(0,o.jsx)(i.Tooltip,{content:t==="horizontal"?"Switch to vertical":"Switch to horizontal",size:"sm",position:"bottom",children:(0,o.jsx)(l.Button,{icon:t==="horizontal"?(0,o.jsx)(K,{}):(0,o.jsx)(Q,{}),size:"sm",bgColor:"bg-gray-100 hover:bg-gray-200 dark:bg-gray-700 dark:hover:bg-gray-600",textColor:"text-gray-700 dark:text-gray-200",onClick:()=>d(t==="horizontal"?"vertical":"horizontal"),disabled:s,"aria-label":t==="horizontal"?"Switch to vertical":"Switch to horizontal"})})]}),(0,o.jsx)("div",{className:"w-px h-5 bg-gray-200 dark:bg-gray-600"}),(0,o.jsx)(i.Tooltip,{content:"Export JSON",size:"sm",position:"bottom",children:(0,o.jsx)(l.Button,{icon:(0,o.jsx)(j,{}),size:"sm",bgColor:"bg-gray-100 hover:bg-gray-200 dark:bg-gray-700 dark:hover:bg-gray-600",textColor:"text-gray-700 dark:text-gray-200",onClick:M,disabled:s,"aria-label":"Export JSON"})}),(0,o.jsx)(i.Tooltip,{content:"Import JSON",size:"sm",position:"bottom",children:(0,o.jsx)(l.Button,{icon:(0,o.jsx)(q,{}),size:"sm",bgColor:"bg-gray-100 hover:bg-gray-200 dark:bg-gray-700 dark:hover:bg-gray-600",textColor:"text-gray-700 dark:text-gray-200",onClick:()=>c(!0),disabled:s,"aria-label":"Import JSON"})})]}),(0,o.jsx)(v.Modal,{isOpen:N,onClose:T,title:"Export Workflow",description:"Copy the JSON below to save your workflow.",size:"lg",showSubmit:!1,showCancel:!0,cancelLabel:"Close",children:(0,o.jsx)(b.Input,{label:"Workflow JSON",multiline:!0,rows:12,value:O,readOnly:!0,size:"sm"})}),(0,o.jsx)(v.Modal,{isOpen:I,onClose:H,title:"Import Workflow",description:"Paste workflow JSON to load it into the editor.",size:"lg",showSubmit:!0,submitLabel:"Import",onSubmitClick:S,showCancel:!0,cancelLabel:"Cancel",children:(0,o.jsx)(b.Input,{label:"Workflow JSON",multiline:!0,rows:12,value:g,onChange:W=>m(W.target.value),placeholder:'{"nodes": [], "edges": []}',size:"sm"})})]})});0&&(module.exports={WorkflowToolbar});

package/dist/components/workflow-editor/toolbar/WorkflowToolbar.js

@@ -0,0 +1 @@
+import{memo as W,useState as n,useCallback as s}from"react";import{cn as B}from"../../../lib/cn.js";import{Button as e}from"../../button/Button.js";import{ButtonGroup as V}from"../../button-group/ButtonGroup.js";import{Tooltip as t}from"../../tooltip/Tooltip.js";import{Modal as b}from"../../modal/Modal.js";import{Input as h}from"../../form/input/Input.js";import{Fragment as u,jsx as o,jsxs as r}from"react/jsx-runtime";var E=()=>o("svg",{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",children:o("path",{fillRule:"evenodd",d:"M10 5a1 1 0 011 1v3h3a1 1 0 110 2h-3v3a1 1 0 11-2 0v-3H6a1 1 0 110-2h3V6a1 1 0 011-1z",clipRule:"evenodd"})}),J=()=>o("svg",{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",children:o("path",{fillRule:"evenodd",d:"M5 10a1 1 0 011-1h8a1 1 0 110 2H6a1 1 0 01-1-1z",clipRule:"evenodd"})}),Z=()=>o("svg",{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",children:o("path",{fillRule:"evenodd",d:"M4 2a1 1 0 011 1v2.101a7.002 7.002 0 0111.601 2.566 1 1 0 11-1.885.666A5.002 5.002 0 005.999 7H9a1 1 0 010 2H4a1 1 0 01-1-1V3a1 1 0 011-1zm.008 9.057a1 1 0 011.276.61A5.002 5.002 0 0014.001 13H11a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0v-2.101a7.002 7.002 0 01-11.601-2.566 1 1 0 01.61-1.276z",clipRule:"evenodd"})}),D=()=>o("svg",{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",children:o("path",{d:"M3 4a1 1 0 011-1h4a1 1 0 010 2H6.414l2.293 2.293a1 1 0 01-1.414 1.414L5 6.414V8a1 1 0 01-2 0V4zm9 1a1 1 0 010-2h4a1 1 0 011 1v4a1 1 0 01-2 0V6.414l-2.293 2.293a1 1 0 11-1.414-1.414L13.586 5H12zm-9 7a1 1 0 012 0v1.586l2.293-2.293a1 1 0 011.414 1.414L6.414 15H8a1 1 0 010 2H4a1 1 0 01-1-1v-4zm13 0a1 1 0 01-2 0v-1.586l-2.293 2.293a1 1 0 01-1.414-1.414L13.586 9H12a1 1 0 010-2h4a1 1 0 011 1v4z"})}),F=()=>o("svg",{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",children:o("path",{fillRule:"evenodd",d:"M3 17a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm3.293-7.707a1 1 0 011.414 0L9 10.586V3a1 1 0 112 0v7.586l1.293-1.293a1 1 0 111.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414z",clipRule:"evenodd"})}),P=()=>o("svg",{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",children:o("path",{fillRule:"evenodd",d:"M3 17a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM6.293 6.707a1 1 0 010-1.414l3-3a1 1 0 011.414 0l3 3a1 1 0 01-1.414 1.414L11 5.414V13a1 1 0 11-2 0V5.414L7.707 6.707a1 1 0 01-1.414 0z",clipRule:"evenodd"})}),A=()=>o("svg",{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",children:o("path",{fillRule:"evenodd",d:"M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z",clipRule:"evenodd"})}),G=()=>o("svg",{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",children:o("path",{fillRule:"evenodd",d:"M16.707 10.293a1 1 0 010 1.414l-6 6a1 1 0 01-1.414 0l-6-6a1 1 0 111.414-1.414L9 14.586V3a1 1 0 012 0v11.586l4.293-4.293a1 1 0 011.414 0z",clipRule:"evenodd"})}),$=W(function({zoom:y,direction:l,onDirectionChange:c,onZoomIn:w,onZoomOut:k,onResetView:f,onFitToContent:x,onExportJSON:m,onImportJSON:p,disabled:a,className:z}){let[C,v]=n(!1),[N,d]=n(!1),[I,O]=n(""),[i,g]=n(""),R=s(()=>{O(m()),v(!0)},[m]),M=s(()=>{i.trim()&&(p(i.trim()),g(""),d(!1))},[i,p]),S=s(()=>{g(""),d(!1)},[]),H=s(()=>{v(!1)},[]),T=Math.round(y*100);return r(u,{children:[r("div",{className:B("absolute top-3 left-3 z-20 flex items-center gap-2 bg-white dark:bg-gray-800 rounded-lg shadow-md border border-gray-200 dark:border-gray-600 px-2 py-1.5",z),"data-testid":"workflow-toolbar",children:[r(V,{size:"sm",children:[o(t,{content:"Zoom in",size:"sm",position:"bottom",children:o(e,{icon:o(E,{}),size:"sm",bgColor:"bg-gray-100 hover:bg-gray-200 dark:bg-gray-700 dark:hover:bg-gray-600",textColor:"text-gray-700 dark:text-gray-200",onClick:w,disabled:a,"aria-label":"Zoom in"})}),o(t,{content:"Zoom out",size:"sm",position:"bottom",children:o(e,{icon:o(J,{}),size:"sm",bgColor:"bg-gray-100 hover:bg-gray-200 dark:bg-gray-700 dark:hover:bg-gray-600",textColor:"text-gray-700 dark:text-gray-200",onClick:k,disabled:a,"aria-label":"Zoom out"})})]}),r("span",{className:"text-xs font-mono text-gray-500 dark:text-gray-400 min-w-[3ch] text-center select-none",children:[T,"%"]}),o("div",{className:"w-px h-5 bg-gray-200 dark:bg-gray-600"}),o(t,{content:"Reset view",size:"sm",position:"bottom",children:o(e,{icon:o(Z,{}),size:"sm",bgColor:"bg-gray-100 hover:bg-gray-200 dark:bg-gray-700 dark:hover:bg-gray-600",textColor:"text-gray-700 dark:text-gray-200",onClick:f,disabled:a,"aria-label":"Reset view"})}),o(t,{content:"Fit to content",size:"sm",position:"bottom",children:o(e,{icon:o(D,{}),size:"sm",bgColor:"bg-gray-100 hover:bg-gray-200 dark:bg-gray-700 dark:hover:bg-gray-600",textColor:"text-gray-700 dark:text-gray-200",onClick:x,disabled:a,"aria-label":"Fit to content"})}),c&&r(u,{children:[o("div",{className:"w-px h-5 bg-gray-200 dark:bg-gray-600"}),o(t,{content:l==="horizontal"?"Switch to vertical":"Switch to horizontal",size:"sm",position:"bottom",children:o(e,{icon:l==="horizontal"?o(A,{}):o(G,{}),size:"sm",bgColor:"bg-gray-100 hover:bg-gray-200 dark:bg-gray-700 dark:hover:bg-gray-600",textColor:"text-gray-700 dark:text-gray-200",onClick:()=>c(l==="horizontal"?"vertical":"horizontal"),disabled:a,"aria-label":l==="horizontal"?"Switch to vertical":"Switch to horizontal"})})]}),o("div",{className:"w-px h-5 bg-gray-200 dark:bg-gray-600"}),o(t,{content:"Export JSON",size:"sm",position:"bottom",children:o(e,{icon:o(F,{}),size:"sm",bgColor:"bg-gray-100 hover:bg-gray-200 dark:bg-gray-700 dark:hover:bg-gray-600",textColor:"text-gray-700 dark:text-gray-200",onClick:R,disabled:a,"aria-label":"Export JSON"})}),o(t,{content:"Import JSON",size:"sm",position:"bottom",children:o(e,{icon:o(P,{}),size:"sm",bgColor:"bg-gray-100 hover:bg-gray-200 dark:bg-gray-700 dark:hover:bg-gray-600",textColor:"text-gray-700 dark:text-gray-200",onClick:()=>d(!0),disabled:a,"aria-label":"Import JSON"})})]}),o(b,{isOpen:C,onClose:H,title:"Export Workflow",description:"Copy the JSON below to save your workflow.",size:"lg",showSubmit:!1,showCancel:!0,cancelLabel:"Close",children:o(h,{label:"Workflow JSON",multiline:!0,rows:12,value:I,readOnly:!0,size:"sm"})}),o(b,{isOpen:N,onClose:S,title:"Import Workflow",description:"Paste workflow JSON to load it into the editor.",size:"lg",showSubmit:!0,submitLabel:"Import",onSubmitClick:M,showCancel:!0,cancelLabel:"Cancel",children:o(h,{label:"Workflow JSON",multiline:!0,rows:12,value:i,onChange:L=>g(L.target.value),placeholder:'{"nodes": [], "edges": []}',size:"sm"})})]})});export{$ as WorkflowToolbar};

package/dist/components/workflow-editor/utils/geometry.cjs

@@ -0,0 +1 @@
+"use strict";var T=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var O=Object.prototype.hasOwnProperty;var W=(t,o)=>{for(var n in o)T(t,n,{get:o[n],enumerable:!0})},_=(t,o,n,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of y(o))!O.call(t,e)&&e!==n&&T(t,e,{get:()=>o[e],enumerable:!(r=w(o,e))||r.enumerable});return t};var F=t=>_(T({},"__esModule",{value:!0}),t);var H={};W(H,{clampZoom:()=>k,computeBezierPath:()=>p,fitViewport:()=>I,getPortAbsolutePosition:()=>P,getPortDefaultSide:()=>D,screenToCanvas:()=>M,snapValue:()=>$});module.exports=F(H);function $(t,o){return Math.round(t/o)*o}function k(t,o,n){return Math.min(n,Math.max(o,t))}function M(t,o,n,r){return{x:(t-r.left-n.x)/n.zoom,y:(o-r.top-n.y)/n.zoom}}function D(t,o="horizontal"){return o==="vertical"?t==="in"?"top":"bottom":t==="in"?"left":"right"}function P(t,o,n,r="horizontal"){let e=t.width??180,i=t.height??60,s=o.side??D(o.kind,r),m=n.filter(u=>(u.side??D(u.kind,r))===s),a=m.findIndex(u=>u.id===o.id),l=m.length,c=l===1?.5:(a+1)/(l+1);switch(s){case"left":return{x:t.x-8,y:t.y+i*c};case"right":return{x:t.x+e+8,y:t.y+i*c};case"top":return{x:t.x+e*c,y:t.y-8};case"bottom":return{x:t.x+e*c,y:t.y+i+8}}}function p(t,o,n,r,e="horizontal"){if(e==="vertical"){let u=Math.abs(r-o),h=Math.max(50,u*.5),f=t,x=o+h,b=n,E=r-h;return`M ${t} ${o} C ${f} ${x}, ${b} ${E}, ${n} ${r}`}let i=Math.abs(n-t),s=Math.max(50,i*.5),m=t+s,a=o,l=n-s;return`M ${t} ${o} C ${m} ${a}, ${l} ${r}, ${n} ${r}`}function I(t,o,n,r=40){if(t.length===0)return{x:0,y:0,zoom:1};let e=1/0,i=1/0,s=-1/0,m=-1/0;for(let f of t){let x=f.width??180,b=f.height??60;e=Math.min(e,f.x),i=Math.min(i,f.y),s=Math.max(s,f.x+x),m=Math.max(m,f.y+b)}let a=s-e+r*2,l=m-i+r*2,c=Math.min(o/a,n/l,1),u=(o-a*c)/2-(e-r)*c,h=(n-l*c)/2-(i-r)*c;return{x:u,y:h,zoom:c}}0&&(module.exports={clampZoom,computeBezierPath,fitViewport,getPortAbsolutePosition,getPortDefaultSide,screenToCanvas,snapValue});

package/dist/components/workflow-editor/utils/geometry.js

@@ -0,0 +1 @@
+function E(t,o){return Math.round(t/o)*o}function w(t,o,n){return Math.min(n,Math.max(o,t))}function y(t,o,n,r){return{x:(t-r.left-n.x)/n.zoom,y:(o-r.top-n.y)/n.zoom}}function T(t,o="horizontal"){return o==="vertical"?t==="in"?"top":"bottom":t==="in"?"left":"right"}function O(t,o,n,r="horizontal"){let c=t.width??180,i=t.height??60,s=o.side??T(o.kind,r),m=n.filter(u=>(u.side??T(u.kind,r))===s),a=m.findIndex(u=>u.id===o.id),l=m.length,e=l===1?.5:(a+1)/(l+1);switch(s){case"left":return{x:t.x-8,y:t.y+i*e};case"right":return{x:t.x+c+8,y:t.y+i*e};case"top":return{x:t.x+c*e,y:t.y-8};case"bottom":return{x:t.x+c*e,y:t.y+i+8}}}function W(t,o,n,r,c="horizontal"){if(c==="vertical"){let u=Math.abs(r-o),h=Math.max(50,u*.5),f=t,x=o+h,b=n,D=r-h;return`M ${t} ${o} C ${f} ${x}, ${b} ${D}, ${n} ${r}`}let i=Math.abs(n-t),s=Math.max(50,i*.5),m=t+s,a=o,l=n-s;return`M ${t} ${o} C ${m} ${a}, ${l} ${r}, ${n} ${r}`}function _(t,o,n,r=40){if(t.length===0)return{x:0,y:0,zoom:1};let c=1/0,i=1/0,s=-1/0,m=-1/0;for(let f of t){let x=f.width??180,b=f.height??60;c=Math.min(c,f.x),i=Math.min(i,f.y),s=Math.max(s,f.x+x),m=Math.max(m,f.y+b)}let a=s-c+r*2,l=m-i+r*2,e=Math.min(o/a,n/l,1),u=(o-a*e)/2-(c-r)*e,h=(n-l*e)/2-(i-r)*e;return{x:u,y:h,zoom:e}}export{w as clampZoom,W as computeBezierPath,_ as fitViewport,O as getPortAbsolutePosition,T as getPortDefaultSide,y as screenToCanvas,E as snapValue};

package/dist/hooks/index.cjs

@@ -0,0 +1 @@
+"use strict";var s=Object.defineProperty;var t=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var r=Object.prototype.hasOwnProperty;var u=(i,o)=>{for(var l in o)s(i,l,{get:o[l],enumerable:!0})},y=(i,o,l,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of D(o))!r.call(i,e)&&e!==l&&s(i,e,{get:()=>o[e],enumerable:!(a=t(o,e))||a.enumerable});return i};var p=i=>y(s({},"__esModule",{value:!0}),i);var A={};u(A,{useDialogA11y:()=>g.useDialogA11y});module.exports=p(A);var g=require("./useDialogA11y.cjs");0&&(module.exports={useDialogA11y});

package/dist/hooks/index.js

@@ -0,0 +1 @@
+import{useDialogA11y as e}from"./useDialogA11y.js";export{e as useDialogA11y};

package/dist/hooks/useDialogA11y.cjs

@@ -0,0 +1 @@
+"use strict";"use client";var b=Object.defineProperty;var H=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var O=(t,e)=>{for(var s in e)b(t,s,{get:e[s],enumerable:!0})},R=(t,e,s,c)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of M(e))!k.call(t,n)&&n!==s&&b(t,n,{get:()=>e[n],enumerable:!(c=H(e,n))||c.enumerable});return t};var h=t=>R(b({},"__esModule",{value:!0}),t);var P={};O(P,{useDialogA11y:()=>x});module.exports=h(P);var p=require("react"),y=require("../lib/aria-hide.cjs"),i=require("../lib/dialog-stack.cjs"),v=require("../lib/focus.cjs"),I={role:"dialog","aria-modal":!0,tabIndex:-1};function A(t,e){return e==="none"?null:e&&typeof e=="object"?e.current??t:e==="first"?(0,v.getFocusableElements)(t)[0]??t:t}function F(t){return t?t.map(e=>e&&"current"in e?e.current:e).filter(e=>!!e):[]}function f(t){if(t)try{t.focus()}catch{}}function x(t){let{open:e}=t,s=(0,p.useRef)(null),c=(0,p.useRef)(t);return c.current=t,(0,p.useEffect)(()=>{if(!e)return;let n=s.current;if(!n)return;let l=n.ownerDocument,m=l.activeElement,{hideBackground:D,lockScroll:g,initialFocus:o,keepInteractive:d}=c.current;(0,i.pushDialog)(n);let L=D===!1?void 0:(0,y.hideOthers)([n,...F(d)]),T=g===!1?void 0:(0,i.lockBodyScroll)(l);return f(A(n,o)),()=>{L?.(),T?.(),(0,i.popDialog)(n);let{returnFocus:r}=c.current;if(r===!1)return;let u=l.activeElement;if(!(!u||u===l.body||n.contains(u)))return;let a=r&&typeof r=="object"?r.current:m;a&&l.contains(a)&&f(a)}},[e]),(0,p.useEffect)(()=>{if(!e)return;let n=s.current;if(!n)return;let l=n.ownerDocument,m=l.defaultView??l,D=o=>o?n.contains(o)?!0:(0,y.findOwnedLayers)([n]).some(d=>d.contains(o)):!1,g=o=>{if(o.defaultPrevented||!(0,i.isTopDialog)(n))return;let{closeOnEscape:d,trapFocus:L,onClose:T}=c.current;if(o.key==="Escape"){if(d===!1)return;o.preventDefault(),T?.();return}if(o.key!=="Tab"||L===!1)return;let r=l.activeElement;if(r&&!n.contains(r)&&D(r))return;let u=(0,v.getFocusableElements)(n);if(u.length===0){o.preventDefault(),f(n);return}let E=u[0],a=u[u.length-1];if(!r||!n.contains(r)){o.preventDefault(),f(o.shiftKey?a:E);return}if(o.shiftKey&&(r===E||r===n)){o.preventDefault(),f(a);return}!o.shiftKey&&r===a&&(o.preventDefault(),f(E))};return m.addEventListener("keydown",g),()=>m.removeEventListener("keydown",g)},[e]),{dialogRef:s,dialogProps:I}}0&&(module.exports={useDialogA11y});

package/dist/hooks/useDialogA11y.js

@@ -0,0 +1 @@
+"use client";import{useEffect as D,useRef as L}from"react";import{findOwnedLayers as b,hideOthers as v}from"../lib/aria-hide.js";import{isTopDialog as H,lockBodyScroll as M,popDialog as k,pushDialog as O}from"../lib/dialog-stack.js";import{getFocusableElements as T}from"../lib/focus.js";var R={role:"dialog","aria-modal":!0,tabIndex:-1};function h(o,n){return n==="none"?null:n&&typeof n=="object"?n.current??o:n==="first"?T(o)[0]??o:o}function I(o){return o?o.map(n=>n&&"current"in n?n.current:n).filter(n=>!!n):[]}function i(o){if(o)try{o.focus()}catch{}}function w(o){let{open:n}=o,m=L(null),a=L(o);return a.current=o,D(()=>{if(!n)return;let e=m.current;if(!e)return;let l=e.ownerDocument,f=l.activeElement,{hideBackground:g,lockScroll:p,initialFocus:t,keepInteractive:c}=a.current;O(e);let E=g===!1?void 0:v([e,...I(c)]),y=p===!1?void 0:M(l);return i(h(e,t)),()=>{E?.(),y?.(),k(e);let{returnFocus:r}=a.current;if(r===!1)return;let s=l.activeElement;if(!(!s||s===l.body||e.contains(s)))return;let u=r&&typeof r=="object"?r.current:f;u&&l.contains(u)&&i(u)}},[n]),D(()=>{if(!n)return;let e=m.current;if(!e)return;let l=e.ownerDocument,f=l.defaultView??l,g=t=>t?e.contains(t)?!0:b([e]).some(c=>c.contains(t)):!1,p=t=>{if(t.defaultPrevented||!H(e))return;let{closeOnEscape:c,trapFocus:E,onClose:y}=a.current;if(t.key==="Escape"){if(c===!1)return;t.preventDefault(),y?.();return}if(t.key!=="Tab"||E===!1)return;let r=l.activeElement;if(r&&!e.contains(r)&&g(r))return;let s=T(e);if(s.length===0){t.preventDefault(),i(e);return}let d=s[0],u=s[s.length-1];if(!r||!e.contains(r)){t.preventDefault(),i(t.shiftKey?u:d);return}if(t.shiftKey&&(r===d||r===e)){t.preventDefault(),i(u);return}!t.shiftKey&&r===u&&(t.preventDefault(),i(d))};return f.addEventListener("keydown",p),()=>f.removeEventListener("keydown",p)},[n]),{dialogRef:m,dialogProps:R}}export{w as useDialogA11y};