prompt-language-shell 0.8.2 → 0.8.6

package/dist/ui/Schedule.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { Box } from 'ink';
-import { ComponentStatus } from '../types/components.js';
+import { ComponentStatus, } from '../types/components.js';
 import { TaskType } from '../types/types.js';
 import { getTaskColors, getTaskTypeLabel } from '../services/colors.js';
-import { DebugLevel } from '../services/configuration.js';
+import { DebugLevel } from '../configuration/types.js';
 import { useInput } from '../services/keyboard.js';
 import { Label } from './Label.js';
 import { List } from './List.js';
@@ -71,12 +71,54 @@ function taskToListItem(task, highlightedChildIndex = null, isDefineTaskWithoutS
     }
     return item;
 }
-export function Schedule({ message, tasks, state, status, debug = DebugLevel.None, handlers, onSelectionConfirmed, }) {
+export const ScheduleView = ({ message, tasks, state, status, debug = DebugLevel.None, }) => {
     const isActive = status === ComponentStatus.Active;
-    // isActive passed as prop
-    const [highlightedIndex, setHighlightedIndex] = useState(state?.highlightedIndex ?? null);
-    const [currentDefineGroupIndex, setCurrentDefineGroupIndex] = useState(state?.currentDefineGroupIndex ?? 0);
-    const [completedSelections, setCompletedSelections] = useState(state?.completedSelections ?? []);
+    const { highlightedIndex, currentDefineGroupIndex, completedSelections } = state;
+    // Find all Define tasks
+    const defineTaskIndices = tasks
+        .map((t, idx) => (t.type === TaskType.Define ? idx : -1))
+        .filter((idx) => idx !== -1);
+    // Get the current active define task
+    const currentDefineTaskIndex = defineTaskIndices[currentDefineGroupIndex] ?? -1;
+    const listItems = tasks.map((task, idx) => {
+        // Find which define group this task belongs to (if any)
+        const defineGroupIndex = defineTaskIndices.indexOf(idx);
+        const isDefineTask = defineGroupIndex !== -1;
+        // Determine child selection state
+        let childIndex = null;
+        if (isDefineTask) {
+            if (defineGroupIndex < currentDefineGroupIndex) {
+                // Previously completed group - show the selection
+                childIndex = completedSelections[defineGroupIndex] ?? null;
+            }
+            else if (defineGroupIndex === currentDefineGroupIndex) {
+                // Current active group - show live navigation unless not active
+                if (!isActive) {
+                    // If not active, show the completed selection for this group too
+                    childIndex = completedSelections[defineGroupIndex] ?? null;
+                }
+                else {
+                    childIndex = null;
+                }
+            }
+        }
+        // Show arrow on current active define task when no child is highlighted and is active
+        const isDefineWithoutSelection = isDefineTask &&
+            defineGroupIndex === currentDefineGroupIndex &&
+            highlightedIndex === null &&
+            isActive;
+        return taskToListItem(task, childIndex, isDefineWithoutSelection, isActive, debug);
+    });
+    return (_jsxs(Box, { flexDirection: "column", children: [message && (_jsx(Box, { marginBottom: 1, marginLeft: 1, children: _jsx(Label, { description: message, taskType: TaskType.Schedule, showType: debug !== DebugLevel.None, isCurrent: isActive, debug: debug }) })), _jsx(Box, { marginLeft: 1, children: _jsx(List, { items: listItems, highlightedIndex: currentDefineTaskIndex >= 0 ? highlightedIndex : null, highlightedParentIndex: currentDefineTaskIndex, showType: debug !== DebugLevel.None }) })] }));
+};
+/**
+ * Schedule controller: Manages task selection and navigation
+ */
+export function Schedule({ message, tasks, status, debug = DebugLevel.None, requestHandlers, lifecycleHandlers, onSelectionConfirmed, }) {
+    const isActive = status === ComponentStatus.Active;
+    const [highlightedIndex, setHighlightedIndex] = useState(null);
+    const [currentDefineGroupIndex, setCurrentDefineGroupIndex] = useState(0);
+    const [completedSelections, setCompletedSelections] = useState([]);
     // Find all Define tasks
     const defineTaskIndices = tasks
         .map((t, idx) => (t.type === TaskType.Define ? idx : -1))
@@ -93,9 +135,16 @@ export function Schedule({ message, tasks, state, status, debug = DebugLevel.Non
         if (isActive && defineTaskIndices.length === 0 && onSelectionConfirmed) {
             // No selection needed - all tasks are concrete
             const concreteTasks = tasks.filter((task) => task.type !== TaskType.Ignore && task.type !== TaskType.Discard);
+            // Expose final state
+            const finalState = {
+                highlightedIndex,
+                currentDefineGroupIndex,
+                completedSelections,
+            };
+            requestHandlers.onCompleted(finalState);
             // Complete the selection phase - it goes to timeline
             // Callback will create a new Plan showing refined tasks (pending) + Confirm (active)
-            handlers?.completeActive();
+            lifecycleHandlers.completeActive();
             void onSelectionConfirmed(concreteTasks);
         }
     }, [
@@ -103,7 +152,11 @@ export function Schedule({ message, tasks, state, status, debug = DebugLevel.Non
         defineTaskIndices.length,
         tasks,
         onSelectionConfirmed,
-        handlers,
+        lifecycleHandlers,
+        highlightedIndex,
+        currentDefineGroupIndex,
+        completedSelections,
+        requestHandlers,
     ]);
     useInput((input, key) => {
         // Don't handle input if not active or no define task
@@ -111,7 +164,7 @@ export function Schedule({ message, tasks, state, status, debug = DebugLevel.Non
             return;
         }
         if (key.escape) {
-            handlers?.onAborted('task selection');
+            requestHandlers.onAborted('task selection');
             return;
         }
         if (key.downArrow) {
@@ -167,61 +220,31 @@ export function Schedule({ message, tasks, state, status, debug = DebugLevel.Non
                         refinedTasks.push(task);
                     }
                 });
+                // Expose final state
+                const finalState = {
+                    highlightedIndex: null,
+                    currentDefineGroupIndex,
+                    completedSelections: newCompletedSelections,
+                };
+                requestHandlers.onCompleted(finalState);
                 if (onSelectionConfirmed) {
                     // Complete the selection phase - it goes to timeline
                     // Callback will create a new Plan showing refined tasks (pending) + Confirm (active)
-                    handlers?.completeActive();
+                    lifecycleHandlers.completeActive();
                     void onSelectionConfirmed(refinedTasks);
                 }
                 else {
                     // No selection callback, just complete normally
-                    handlers?.completeActive();
+                    lifecycleHandlers.completeActive();
                 }
             }
         }
     }, { isActive: isActive && defineTask !== null });
-    // Sync state back to component definition
-    // This ensures timeline can render historical state and tests can validate behavior
-    useEffect(() => {
-        handlers?.updateState({
-            highlightedIndex,
-            currentDefineGroupIndex,
-            completedSelections,
-        });
-    }, [
+    // Controller always renders View, passing current state
+    const state = {
         highlightedIndex,
         currentDefineGroupIndex,
         completedSelections,
-        handlers,
-    ]);
-    const listItems = tasks.map((task, idx) => {
-        // Find which define group this task belongs to (if any)
-        const defineGroupIndex = defineTaskIndices.indexOf(idx);
-        const isDefineTask = defineGroupIndex !== -1;
-        // Determine child selection state
-        let childIndex = null;
-        if (isDefineTask) {
-            if (defineGroupIndex < currentDefineGroupIndex) {
-                // Previously completed group - show the selection
-                childIndex = completedSelections[defineGroupIndex] ?? null;
-            }
-            else if (defineGroupIndex === currentDefineGroupIndex) {
-                // Current active group - show live navigation unless not active
-                if (!isActive) {
-                    // If not active, show the completed selection for this group too
-                    childIndex = completedSelections[defineGroupIndex] ?? null;
-                }
-                else {
-                    childIndex = null;
-                }
-            }
-        }
-        // Show arrow on current active define task when no child is highlighted and is active
-        const isDefineWithoutSelection = isDefineTask &&
-            defineGroupIndex === currentDefineGroupIndex &&
-            highlightedIndex === null &&
-            isActive;
-        return taskToListItem(task, childIndex, isDefineWithoutSelection, isActive, debug);
-    });
-    return (_jsxs(Box, { flexDirection: "column", children: [message && (_jsx(Box, { marginBottom: 1, marginLeft: 1, children: _jsx(Label, { description: message, taskType: TaskType.Schedule, showType: debug !== DebugLevel.None, isCurrent: isActive, debug: debug }) })), _jsx(Box, { marginLeft: 1, children: _jsx(List, { items: listItems, highlightedIndex: currentDefineTaskIndex >= 0 ? highlightedIndex : null, highlightedParentIndex: currentDefineTaskIndex, showType: debug !== DebugLevel.None }) })] }));
+    };
+    return (_jsx(ScheduleView, { message: message, tasks: tasks, state: state, status: status, debug: debug }));
 }

package/dist/ui/Validate.js

@@ -1,23 +1,35 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { Box, Text } from 'ink';
-import { ComponentStatus } from '../types/components.js';
+import { ComponentStatus, } from '../types/components.js';
 import { TaskType } from '../types/types.js';
+import { saveConfig } from '../configuration/io.js';
+import { unflattenConfig } from '../configuration/transformation.js';
 import { Colors, getTextColor } from '../services/colors.js';
-import { addDebugToTimeline, createConfigStepsFromSchema, } from '../services/components.js';
-import { DebugLevel, saveConfig, unflattenConfig, } from '../services/configuration.js';
+import { createConfigDefinitionWithKeys, createMessage, } from '../services/components.js';
 import { saveConfigLabels } from '../services/config-labels.js';
 import { useInput } from '../services/keyboard.js';
-import { formatErrorMessage } from '../services/messages.js';
+import { formatErrorMessage, getUnresolvedPlaceholdersMessage, } from '../services/messages.js';
 import { ensureMinimumTime } from '../services/timing.js';
-import { Config } from './Config.js';
 import { Spinner } from './Spinner.js';
 const MIN_PROCESSING_TIME = 1000;
-export function Validate({ missingConfig, userRequest, state, status, service, children, debug = DebugLevel.None, onError, onComplete, onAborted, handlers, }) {
+export const ValidateView = ({ state, status }) => {
     const isActive = status === ComponentStatus.Active;
-    const [error, setError] = useState(state?.error ?? null);
-    const [completionMessage, setCompletionMessage] = useState(state?.completionMessage ?? null);
-    const [configRequirements, setConfigRequirements] = useState(state?.configRequirements ?? null);
+    const { error, completionMessage } = state;
+    // Don't render when not active and nothing to show
+    if (!isActive && !completionMessage && !error) {
+        return null;
+    }
+    return (_jsxs(Box, { alignSelf: "flex-start", flexDirection: "column", children: [isActive && !completionMessage && !error && (_jsxs(Box, { marginLeft: 1, children: [_jsxs(Text, { color: getTextColor(isActive), children: ["Validating configuration requirements.", ' '] }), _jsx(Spinner, {})] })), completionMessage && (_jsx(Box, { marginLeft: 1, children: _jsx(Text, { color: getTextColor(isActive), children: completionMessage }) })), error && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: Colors.Status.Error, children: ["Error: ", error] }) }))] }));
+};
+/**
+ * Validate controller: Validates missing config
+ */
+export function Validate({ missingConfig, userRequest, status, service, onError, requestHandlers, onValidationComplete, onAborted, lifecycleHandlers, workflowHandlers, }) {
+    const isActive = status === ComponentStatus.Active;
+    const [error, setError] = useState(null);
+    const [completionMessage, setCompletionMessage] = useState(null);
+    const [configRequirements, setConfigRequirements] = useState([]);
     useInput((_, key) => {
         if (key.escape && isActive) {
             onAborted('validation');
@@ -39,7 +51,9 @@ export function Validate({ missingConfig, userRequest, state, status, service, c
                 await ensureMinimumTime(startTime, MIN_PROCESSING_TIME);
                 if (mounted) {
                     // Add debug components to timeline if present
-                    addDebugToTimeline(result.debug, handlers);
+                    if (result.debug?.length) {
+                        workflowHandlers.addToTimeline(...result.debug);
+                    }
                     // Extract CONFIG tasks with descriptions from result
                     const configTasks = result.tasks.filter((task) => task.type === TaskType.Config);
                     // Build ConfigRequirements with descriptions
@@ -55,25 +69,50 @@ export function Validate({ missingConfig, userRequest, state, status, service, c
                         };
                     });
                     // Build completion message showing which config properties are needed
-                    const count = withDescriptions.length;
-                    const propertyWord = count === 1 ? 'property' : 'properties';
-                    // Shuffle between different message variations
-                    const messages = [
-                        `Additional configuration ${propertyWord} required.`,
-                        `Configuration ${propertyWord} needed.`,
-                        `Missing configuration ${propertyWord} detected.`,
-                        `Setup requires configuration ${propertyWord}.`,
-                    ];
-                    const message = messages[Math.floor(Math.random() * messages.length)];
+                    const message = getUnresolvedPlaceholdersMessage(withDescriptions.length);
                     setCompletionMessage(message);
                     setConfigRequirements(withDescriptions);
-                    // Save state after validation completes
-                    handlers?.updateState({
+                    // Add validation message to timeline before Config component
+                    workflowHandlers.addToTimeline(createMessage(message));
+                    // Create Config component and add to queue
+                    const keys = withDescriptions.map((req) => req.path);
+                    const configDef = createConfigDefinitionWithKeys(keys, (config) => {
+                        // Convert flat dotted keys to nested structure grouped by section
+                        const configBySection = unflattenConfig(config);
+                        // Extract and save labels to cache
+                        const labels = {};
+                        for (const req of withDescriptions) {
+                            if (req.description) {
+                                labels[req.path] = req.description;
+                            }
+                        }
+                        saveConfigLabels(labels);
+                        // Save each section
+                        for (const [section, sectionConfig] of Object.entries(configBySection)) {
+                            saveConfig(section, sectionConfig);
+                        }
+                        // After config is saved, invoke callback to add Execute component to queue
+                        onValidationComplete(withDescriptions);
+                    }, (operation) => {
+                        onAborted(operation);
+                    });
+                    // Override descriptions with LLM-generated ones
+                    if ('props' in configDef && 'steps' in configDef.props) {
+                        configDef.props.steps = configDef.props.steps.map((step, index) => ({
+                            ...step,
+                            description: withDescriptions[index].description ||
+                                withDescriptions[index].path,
+                        }));
+                    }
+                    workflowHandlers.addToQueue(configDef);
+                    lifecycleHandlers.completeActive();
+                    const finalState = {
+                        error: null,
                         completionMessage: message,
                         configRequirements: withDescriptions,
                         validated: true,
-                        error: null,
-                    });
+                    };
+                    requestHandlers.onCompleted(finalState);
                 }
             }
             catch (err) {
@@ -81,13 +120,13 @@ export function Validate({ missingConfig, userRequest, state, status, service, c
                 if (mounted) {
                     const errorMessage = formatErrorMessage(err);
                     setError(errorMessage);
-                    // Save error state
-                    handlers?.updateState({
+                    const finalState = {
                         error: errorMessage,
                         completionMessage: null,
-                        configRequirements: null,
+                        configRequirements: [],
                         validated: false,
-                    });
+                    };
+                    requestHandlers.onCompleted(finalState);
                     onError(errorMessage);
                 }
             }
@@ -101,59 +140,20 @@ export function Validate({ missingConfig, userRequest, state, status, service, c
         userRequest,
         isActive,
         service,
-        onComplete,
+        requestHandlers,
         onError,
         onAborted,
+        onValidationComplete,
+        lifecycleHandlers,
+        workflowHandlers,
     ]);
-    // Don't render when not active and nothing to show
-    if (!isActive && !completionMessage && !error && !children) {
-        return null;
-    }
-    // Create ConfigSteps from requirements using createConfigStepsFromSchema
-    // to load current values from config file, then override descriptions
-    const configSteps = configRequirements
-        ? (() => {
-            const keys = configRequirements.map((req) => req.path);
-            const steps = createConfigStepsFromSchema(keys);
-            // Override descriptions with LLM-generated ones
-            return steps.map((step, index) => ({
-                ...step,
-                description: configRequirements[index].description ||
-                    configRequirements[index].path,
-            }));
-        })()
-        : null;
-    const handleConfigFinished = (config) => {
-        // Convert flat dotted keys to nested structure grouped by section
-        const configBySection = unflattenConfig(config);
-        // Extract and save labels to cache
-        if (configRequirements) {
-            const labels = {};
-            for (const req of configRequirements) {
-                if (req.description) {
-                    labels[req.path] = req.description;
-                }
-            }
-            saveConfigLabels(labels);
-        }
-        // Save each section
-        for (const [section, sectionConfig] of Object.entries(configBySection)) {
-            saveConfig(section, sectionConfig);
-        }
-        // Mark validation component as complete before invoking callback
-        // This allows the workflow to proceed to execution
-        handlers?.completeActive();
-        // Invoke callback which will queue the Execute component
-        if (configRequirements) {
-            onComplete(configRequirements);
-        }
-    };
-    const handleConfigAborted = (operation) => {
-        // Mark validation component as complete when aborted
-        handlers?.completeActive();
-        onAborted(operation);
+    const state = {
+        error,
+        completionMessage,
+        configRequirements,
+        validated: error === null && completionMessage !== null,
     };
-    return (_jsxs(Box, { alignSelf: "flex-start", flexDirection: "column", children: [isActive && !completionMessage && !error && (_jsxs(Box, { marginLeft: 1, children: [_jsxs(Text, { color: getTextColor(isActive), children: ["Validating configuration requirements.", ' '] }), _jsx(Spinner, {})] })), completionMessage && (_jsx(Box, { marginLeft: 1, children: _jsx(Text, { color: getTextColor(isActive), children: completionMessage }) })), error && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: Colors.Status.Error, children: ["Error: ", error] }) })), configSteps && configSteps.length > 0 && !error && (_jsx(Box, { marginTop: 1, children: _jsx(Config, { steps: configSteps, status: status, debug: debug, onFinished: handleConfigFinished, onAborted: handleConfigAborted, handlers: handlers }) })), configSteps && configSteps.length === 0 && !error && (_jsx(Box, { marginTop: 1, marginLeft: 1, children: _jsx(Text, { color: Colors.Status.Error, children: "Error: No configuration steps generated. Please try again." }) })), children] }));
+    return _jsx(ValidateView, { state: state, status: status });
 }
 /**
  * Build prompt for VALIDATE tool

package/dist/ui/Workflow.js

@@ -3,11 +3,11 @@ import { useCallback, useEffect, useMemo, useState } from 'react';
 import { Box, Static } from 'ink';
 import { ComponentStatus, } from '../types/components.js';
 import { ComponentName, FeedbackType } from '../types/types.js';
-import { createFeedback, isStateless, markAsDone, } from '../services/components.js';
-import { DebugLevel } from '../services/configuration.js';
+import { createFeedback, isSimple, markAsDone, } from '../services/components.js';
+import { getWarnings } from '../services/logger.js';
 import { getCancellationMessage } from '../services/messages.js';
 import { exitApp } from '../services/process.js';
-import { Component } from './Component.js';
+import { SimpleComponent, ControllerComponent, TimelineComponent, } from './Component.js';
 export const Workflow = ({ initialQueue, debug }) => {
     const [timeline, setTimeline] = useState([]);
     const [current, setCurrent] = useState({ active: null, pending: null });
@@ -35,27 +35,43 @@ export const Workflow = ({ initialQueue, debug }) => {
             return { active: null, pending };
         });
     }, []);
-    // Global handlers for all stateful components
-    const handlers = useMemo(() => ({
-        addToQueue: (...items) => {
-            setQueue((queue) => [...queue, ...items]);
+    // Request handlers - manages errors, aborts, and completions
+    const requestHandlers = useMemo(() => ({
+        onError: (error) => {
+            moveActiveToTimeline();
+            // Add feedback to queue
+            setQueue((queue) => [
+                ...queue,
+                createFeedback(FeedbackType.Failed, error),
+            ]);
         },
-        updateState: (newState) => {
+        onAborted: (operation) => {
+            moveActiveToTimeline();
+            // Add feedback to queue
+            const message = getCancellationMessage(operation);
+            setQueue((queue) => [
+                ...queue,
+                createFeedback(FeedbackType.Aborted, message),
+            ]);
+        },
+        // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-parameters
+        onCompleted: (finalState) => {
             setCurrent((curr) => {
                 const { active, pending } = curr;
                 if (!active || !('state' in active))
                     return curr;
-                const stateful = active;
+                // Save final state to definition
+                const managed = active;
                 const updated = {
-                    ...stateful,
-                    state: {
-                        ...stateful.state,
-                        ...newState,
-                    },
+                    ...managed,
+                    state: finalState,
                 };
                 return { active: updated, pending };
             });
         },
+    }), [moveActiveToTimeline]);
+    // Lifecycle handlers - for components with active/pending states
+    const lifecycleHandlers = useMemo(() => ({
         completeActive: (...items) => {
             moveActiveToPending();
             if (items.length > 0) {
@@ -80,27 +96,16 @@ export const Workflow = ({ initialQueue, debug }) => {
                 setQueue((queue) => [...items, ...queue]);
             }
         },
+    }), [moveActiveToPending]);
+    // Workflow handlers - manages queue and timeline
+    const workflowHandlers = useMemo(() => ({
+        addToQueue: (...items) => {
+            setQueue((queue) => [...queue, ...items]);
+        },
         addToTimeline: (...items) => {
             setTimeline((prev) => [...prev, ...items]);
         },
-        onAborted: (operation) => {
-            moveActiveToTimeline();
-            // Add feedback to queue
-            const message = getCancellationMessage(operation);
-            setQueue((queue) => [
-                ...queue,
-                createFeedback(FeedbackType.Aborted, message),
-            ]);
-        },
-        onError: (error) => {
-            moveActiveToTimeline();
-            // Add feedback to queue
-            setQueue((queue) => [
-                ...queue,
-                createFeedback(FeedbackType.Failed, error),
-            ]);
-        },
-    }), [moveActiveToPending, moveActiveToTimeline]);
+    }), []);
     // Global Esc handler removed - components handle their own Esc individually
     // Move next item from queue to active
     useEffect(() => {
@@ -130,14 +135,22 @@ export const Workflow = ({ initialQueue, debug }) => {
         const { active, pending } = current;
         if (!active)
             return;
-        if (isStateless(active)) {
-            // Stateless components move directly to timeline
+        if (isSimple(active)) {
+            // Simple components move directly to timeline
             const doneComponent = markAsDone(active);
             setTimeline((prev) => [...prev, doneComponent]);
             setCurrent({ active: null, pending });
         }
-        // Stateful components stay in active until handlers move them to pending
+        // Managed components stay in active until handlers move them to pending
     }, [current]);
+    // Check for accumulated warnings and add them to timeline
+    useEffect(() => {
+        const warningMessages = getWarnings();
+        if (warningMessages.length > 0) {
+            const warningComponents = warningMessages.map((msg) => markAsDone(createFeedback(FeedbackType.Warning, msg)));
+            setTimeline((prev) => [...prev, ...warningComponents]);
+        }
+    }, [timeline, current]);
     // Move final pending to timeline and exit when all done
     useEffect(() => {
         const { active, pending } = current;
@@ -162,32 +175,18 @@ export const Workflow = ({ initialQueue, debug }) => {
             lastItem.props.type === FeedbackType.Failed;
         exitApp(isFailed ? 1 : 0);
     }, [current, queue, timeline]);
-    // Render active and pending components
-    const activeComponent = useMemo(() => {
-        const { active } = current;
-        if (!active)
+    // Render component with handlers (used for both active and pending)
+    const renderComponent = useCallback((def, status) => {
+        if (!def)
             return null;
-        // For stateless components, render as-is
-        if (isStateless(active)) {
-            return _jsx(Component, { def: active, debug: debug }, active.id);
+        // For simple components, render as-is
+        if (isSimple(def)) {
+            return _jsx(SimpleComponent, { def: def }, def.id);
         }
-        // For stateful components, inject global handlers
-        const statefulActive = active;
-        const wrappedDef = {
-            ...statefulActive,
-            props: {
-                ...statefulActive.props,
-                handlers,
-            },
-        };
-        return _jsx(Component, { def: wrappedDef, debug: debug }, active.id);
-    }, [current, debug, handlers]);
-    const pendingComponent = useMemo(() => {
-        const { pending } = current;
-        if (!pending)
-            return null;
-        // Pending components don't receive input
-        return _jsx(Component, { def: pending, debug: debug }, pending.id);
-    }, [current, debug]);
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Static, { items: timeline, children: (item) => (_jsx(Box, { marginTop: 1, children: _jsx(Component, { def: item, debug: DebugLevel.None }) }, item.id)) }, "timeline"), pendingComponent && _jsx(Box, { marginTop: 1, children: pendingComponent }), activeComponent && _jsx(Box, { marginTop: 1, children: activeComponent })] }));
+        // For managed components, inject handlers via ControllerComponent
+        return (_jsx(ControllerComponent, { def: { ...def, status }, debug: debug, requestHandlers: requestHandlers, lifecycleHandlers: lifecycleHandlers, workflowHandlers: workflowHandlers }, def.id));
+    }, [debug, requestHandlers, lifecycleHandlers, workflowHandlers]);
+    const activeComponent = useMemo(() => renderComponent(current.active, ComponentStatus.Active), [current.active, renderComponent]);
+    const pendingComponent = useMemo(() => renderComponent(current.pending, ComponentStatus.Pending), [current.pending, renderComponent]);
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Static, { items: timeline, children: (item) => (_jsx(Box, { marginTop: 1, children: _jsx(TimelineComponent, { def: item }) }, item.id)) }, "timeline"), pendingComponent && _jsx(Box, { marginTop: 1, children: pendingComponent }), activeComponent && _jsx(Box, { marginTop: 1, children: activeComponent })] }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "prompt-language-shell",
-  "version": "0.8.2",
+  "version": "0.8.6",
   "description": "Your personal command-line concierge. Ask politely, and it gets things done.",
   "type": "module",
   "main": "dist/index.js",
@@ -51,7 +51,8 @@
     "ink": "^6.6.0",
     "ink-text-input": "^6.0.0",
     "react": "^19.2.3",
-    "yaml": "^2.8.2"
+    "yaml": "^2.8.2",
+    "zod": "^4.2.1"
   },
   "devDependencies": {
     "@types/node": "^25.0.3",