ai-design-system 0.1.4 → 0.1.6

package/components/blocks/WorkflowCanvas/WorkflowCanvas.tsx

@@ -42,6 +42,7 @@ export interface WorkflowCanvasProps {
   onConnectStart?: (event: MouseEvent | TouchEvent, params: OnConnectStartParams) => void;
   onConnectEnd?: (event: MouseEvent | TouchEvent) => void;
   onPaneClick?: () => void;
+  onEdgeClick?: (event: React.MouseEvent, edge: WorkflowEdge) => void;
   showMinimap?: boolean;
   /** Enable/disable manual drawing of connections and node dragging. Default: false */
   interactive?: boolean;
@@ -71,6 +72,7 @@ function WorkflowCanvasInner({
   onConnectStart,
   onConnectEnd,
   onPaneClick,
+  onEdgeClick,
   showMinimap = false,
   interactive = false,
   topLeft,
@@ -140,6 +142,7 @@ function WorkflowCanvasInner({
         onEdgesChange={interactive ? onEdgesChange : undefined}
         onNodesChange={interactive ? onNodesChange : undefined}
         onPaneClick={onPaneClick}
+        onEdgeClick={onEdgeClick}
       >
         {topLeft && (
           <Panel

package/components/composites/AdjustableLayout/AdjustableLayout.tsx

@@ -54,8 +54,8 @@ export const AdjustableLayout = React.memo<AdjustableLayoutProps>(
     }
     const containerRef = React.useRef<HTMLDivElement>(null)
     const [sizes, setSizes] = React.useState<number[]>(() => {
-      // Load from localStorage or use defaults
-      if (storageKey) {
+      // Load from localStorage or use defaults (only in browser)
+      if (storageKey && typeof window !== 'undefined') {
         const saved = localStorage.getItem(storageKey)
         if (saved) {
           try {
@@ -96,9 +96,9 @@ export const AdjustableLayout = React.memo<AdjustableLayoutProps>(
       return () => window.removeEventListener('resize', updateContainerSize)
     }, [orientation])
 
-    // Save to localStorage when sizes change
+    // Save to localStorage when sizes change (only in browser)
     React.useEffect(() => {
-      if (storageKey) {
+      if (storageKey && typeof window !== 'undefined') {
         localStorage.setItem(storageKey, JSON.stringify(sizes))
       }
     }, [sizes, storageKey])

package/components/features/WorkflowBuilder/WorkflowBuilder.tsx

@@ -20,6 +20,7 @@ export interface WorkflowBuilderProps {
   onNodesChange?: (changes: NodeChange[]) => void;
   onEdgesChange?: (changes: EdgeChange[]) => void;
   onConnect?: (connection: Connection) => void;
+  onEdgeClick?: (event: React.MouseEvent, edge: WorkflowEdge) => void;
 
   // Toolbar — right actions
   isSaving?: boolean;
@@ -48,6 +49,7 @@ export function WorkflowBuilder({
   onNodesChange,
   onEdgesChange,
   onConnect,
+  onEdgeClick,
   isSaving = false,
   hasUnsavedChanges = false,
   canUndo = false,
@@ -96,6 +98,7 @@ export function WorkflowBuilder({
         onConnect={onConnect}
         onEdgesChange={onEdgesChange}
         onNodesChange={onNodesChange}
+        onEdgeClick={onEdgeClick}
       />
     </div>
   );

package/dist/index.cjs

@@ -6795,7 +6795,7 @@ var AdjustableLayout = React33__namespace.memo(
     };
     const containerRef = React33__namespace.useRef(null);
     const [sizes, setSizes] = React33__namespace.useState(() => {
-      if (storageKey) {
+      if (storageKey && typeof window !== "undefined") {
         const saved = localStorage.getItem(storageKey);
         if (saved) {
           try {
@@ -6830,7 +6830,7 @@ var AdjustableLayout = React33__namespace.memo(
       return () => window.removeEventListener("resize", updateContainerSize);
     }, [orientation]);
     React33__namespace.useEffect(() => {
-      if (storageKey) {
+      if (storageKey && typeof window !== "undefined") {
         localStorage.setItem(storageKey, JSON.stringify(sizes));
       }
     }, [sizes, storageKey]);
@@ -7839,6 +7839,7 @@ function WorkflowCanvasInner({
   onConnectStart,
   onConnectEnd,
   onPaneClick,
+  onEdgeClick,
   showMinimap = false,
   interactive = false,
   topLeft,
@@ -7906,6 +7907,7 @@ function WorkflowCanvasInner({
           onEdgesChange: interactive ? onEdgesChange : void 0,
           onNodesChange: interactive ? onNodesChange : void 0,
           onPaneClick,
+          onEdgeClick,
           children: [
             topLeft && /* @__PURE__ */ jsxRuntime.jsx(
               Panel,
@@ -8108,6 +8110,7 @@ function WorkflowBuilder({
   onNodesChange,
   onEdgesChange,
   onConnect,
+  onEdgeClick,
   isSaving = false,
   hasUnsavedChanges = false,
   canUndo = false,
@@ -8150,7 +8153,8 @@ function WorkflowBuilder({
       topRight: /* @__PURE__ */ jsxRuntime.jsx(WorkflowToolbarActions, { actionGroups: allActionGroups }),
       onConnect,
       onEdgesChange,
-      onNodesChange
+      onNodesChange,
+      onEdgeClick
     }
   ) });
 }