ai-design-system 0.1.7 → 0.1.9

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;
+  onNodeClick?: (event: React.MouseEvent, node: WorkflowNode) => void;
   onEdgeClick?: (event: React.MouseEvent, edge: WorkflowEdge) => void;
   showMinimap?: boolean;
   /** Enable/disable manual drawing of connections and node dragging. Default: false */
@@ -72,6 +73,7 @@ function WorkflowCanvasInner({
   onConnectStart,
   onConnectEnd,
   onPaneClick,
+  onNodeClick,
   onEdgeClick,
   showMinimap = false,
   interactive = false,
@@ -142,6 +144,7 @@ function WorkflowCanvasInner({
         onEdgesChange={interactive ? onEdgesChange : undefined}
         onNodesChange={interactive ? onNodesChange : undefined}
         onPaneClick={onPaneClick}
+        onNodeClick={onNodeClick}
         onEdgeClick={onEdgeClick}
       >
         {topLeft && (

package/components/features/PageLayout/PageLayout.tsx

@@ -51,8 +51,9 @@ export interface PageLayoutProps {
   header: AppHeaderProps
   /**
    * Page content
+   * Optional when layoutSections is provided
    */
-  children: React.ReactNode
+  children?: React.ReactNode
   /**
    * Additional CSS classes
    */

package/components/features/RefinementPanel/RefinementPanel.stories.tsx

@@ -123,7 +123,7 @@ export const WithStateManagement: Story = {
         messages={messages}
         fileChanges={fileChanges}
         placeholder="Ask a question or describe a task..."
-        onSubmit={handleSubmit}
+        onSubmit={(message) => handleSubmit(message.text)}
         onApprove={handleApprove}
         onReject={handleReject}
       />

package/components/features/RefinementPanel/useRefinementPanel.d.ts

@@ -28,7 +28,7 @@ export interface UseRefinementPanelReturn {
   loading: boolean;
   
   /** Handle user submission of refinement requests */
-  handleSubmit: () => Promise<void> | void;
+  handleSubmit: (prompt: string) => Promise<void> | void;
   
   /** Handle approval of all file changes */
   handleApprove: () => Promise<void> | void;
@@ -54,10 +54,10 @@ export interface UseRefinementPanelReturn {
  *   const [fileChanges, setFileChanges] = useState<FileChangeData[]>([]);
  *   const [loading, setLoading] = useState(false);
  * 
- *   const handleSubmit = async () => {
+ *   const handleSubmit = async (prompt: string) => {
  *     setLoading(true);
  *     try {
- *       const response = await api.submitRefinement(messages);
+ *       const response = await api.submitRefinement(prompt);
  *       setMessages(response.messages);
  *       setFileChanges(response.fileChanges);
  *     } finally {

package/components/features/RefinementPanel/useRefinementPanel.mock.ts

@@ -17,7 +17,7 @@ export interface UseRefinementPanelReturn {
   messages: RefinementMessage[];
   fileChanges: FileChangeData[];
   loading: boolean;
-  handleSubmit: () => Promise<void>;
+  handleSubmit: (prompt: string) => Promise<void>;
   handleApprove: () => Promise<void>;
   handleReject: () => Promise<void>;
 }
@@ -50,7 +50,7 @@ export function useRefinementPanelMock(
   const [loading, setLoading] = useState(false);
 
   // Simulate submission: transition to review state with agent processing
-  const handleSubmit = useCallback(async () => {
+  const handleSubmit = useCallback(async (_prompt: string) => {
     setLoading(true);
 
     // Simulate API call delay

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;
+  onNodeClick?: (event: React.MouseEvent, node: WorkflowNode) => void;
   onEdgeClick?: (event: React.MouseEvent, edge: WorkflowEdge) => void;
 
   // Toolbar — right actions
@@ -49,6 +50,7 @@ export function WorkflowBuilder({
   onNodesChange,
   onEdgesChange,
   onConnect,
+  onNodeClick,
   onEdgeClick,
   isSaving = false,
   hasUnsavedChanges = false,
@@ -98,6 +100,7 @@ export function WorkflowBuilder({
         onConnect={onConnect}
         onEdgesChange={onEdgesChange}
         onNodesChange={onNodesChange}
+        onNodeClick={onNodeClick}
         onEdgeClick={onEdgeClick}
       />
     </div>

package/dist/index.cjs

@@ -7842,6 +7842,7 @@ function WorkflowCanvasInner({
   onConnectStart,
   onConnectEnd,
   onPaneClick,
+  onNodeClick,
   onEdgeClick,
   showMinimap = false,
   interactive = false,
@@ -7910,6 +7911,7 @@ function WorkflowCanvasInner({
           onEdgesChange: interactive ? onEdgesChange : void 0,
           onNodesChange: interactive ? onNodesChange : void 0,
           onPaneClick,
+          onNodeClick,
           onEdgeClick,
           children: [
             topLeft && /* @__PURE__ */ jsxRuntime.jsx(
@@ -8113,6 +8115,7 @@ function WorkflowBuilder({
   onNodesChange,
   onEdgesChange,
   onConnect,
+  onNodeClick,
   onEdgeClick,
   isSaving = false,
   hasUnsavedChanges = false,
@@ -8157,6 +8160,7 @@ function WorkflowBuilder({
       onConnect,
       onEdgesChange,
       onNodesChange,
+      onNodeClick,
       onEdgeClick
     }
   ) });