termcast 1.3.9 → 1.3.16

package/dist/components/form/file-picker.js

@@ -1,35 +1,41 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
-import React from 'react';
-import { Theme } from '@termcast/cli/src/theme';
+import React, { useRef } from 'react';
+import { Theme } from 'termcast/src/theme';
 import { WithLeftBorder } from './with-left-border';
 import { useFormContext, Controller } from 'react-hook-form';
-import { useFocusContext } from './index';
+import { useFocusContext, useFormFieldDescendant } from './index';
 import { useKeyboard } from '@opentui/react';
-import { useIsInFocus } from '@termcast/cli/src/internal/focus-context';
+import { useIsInFocus } from 'termcast/src/internal/focus-context';
 import { FileAutocomplete } from './file-autocomplete';
+import { useFormNavigationHelpers } from './use-form-navigation';
 const FilePickerField = ({ field, fieldState, formState, props, isFocused, setFocusedField, }) => {
     const isInFocus = useIsInFocus();
-    const [inputValue, setInputValue] = React.useState('');
     const [showAutocomplete, setShowAutocomplete] = React.useState(false);
+    const [searchTrigger, setSearchTrigger] = React.useState(0);
     const inputRef = React.useRef(null);
     const anchorRef = React.useRef(null);
-    // Show autocomplete when typing
-    React.useEffect(() => {
-        if (inputValue && isFocused) {
-            setShowAutocomplete(true);
-        }
-        else if (!inputValue) {
-            setShowAutocomplete(false);
-        }
-    }, [inputValue, isFocused]);
-    // Handle Enter key
+    // Handle Enter key and left arrow for removing last file
     useKeyboard((evt) => {
         if (!isFocused || !isInFocus)
             return;
+        // Left arrow removes last selected file when input is empty
+        if (evt.name === 'left') {
+            const inputValue = inputRef.current?.plainText || '';
+            if (!inputValue && selectedFiles.length > 0) {
+                const newFiles = selectedFiles.slice(0, -1);
+                field.onChange(newFiles);
+                if (props.onChange) {
+                    props.onChange(newFiles);
+                }
+            }
+            return;
+        }
         if (evt.name === 'return') {
+            const inputValue = inputRef.current?.plainText || '';
             // If input is empty, show files in current directory
             if (!inputValue && !showAutocomplete) {
                 setShowAutocomplete(true);
+                setSearchTrigger((n) => n + 1);
             }
             // If autocomplete is not visible and input has value, add the path
             else if (inputValue.trim() && !showAutocomplete) {
@@ -41,7 +47,7 @@ const FilePickerField = ({ field, fieldState, formState, props, isFocused, setFo
                 if (props.onChange) {
                     props.onChange(newFiles);
                 }
-                setInputValue('');
+                inputRef.current?.setText('');
             }
         }
     });
@@ -52,62 +58,53 @@ const FilePickerField = ({ field, fieldState, formState, props, isFocused, setFo
         if (props.onChange) {
             props.onChange(newFiles);
         }
-        setInputValue('');
+        inputRef.current?.setText('');
         setShowAutocomplete(false);
     };
     const selectedFiles = field.value || [];
-    return (_jsxs("box", { flexDirection: 'column', children: [_jsx(WithLeftBorder, { withDiamond: true, isFocused: isFocused, children: _jsx("text", { fg: Theme.text, onMouseDown: () => {
+    return (_jsxs("box", { flexDirection: 'column', children: [_jsx(WithLeftBorder, { withDiamond: true, isFocused: isFocused, children: _jsx("text", { fg: isFocused ? Theme.primary : Theme.text, onMouseDown: () => {
                         setFocusedField(props.id);
-                    }, children: props.title || 'File Path' }) }), _jsx(WithLeftBorder, { isFocused: isFocused, children: _jsxs("box", { flexDirection: 'column', ref: anchorRef, children: [_jsx("input", { ref: inputRef, value: inputValue, placeholder: props.placeholder || 'Enter file path...', focused: isFocused, onMouseDown: () => setFocusedField(props.id), onInput: (value) => setInputValue(value) }), selectedFiles.length > 0 && (_jsxs("box", { flexDirection: 'column', marginTop: 1, children: [_jsx("text", { fg: Theme.textMuted, children: "Selected files:" }), selectedFiles.map((file, index) => (_jsxs("text", { fg: Theme.text, children: ["\u2022 ", file] }, index)))] }))] }) }), (fieldState.error || props.error) && (_jsx(WithLeftBorder, { isFocused: isFocused, children: _jsx("text", { fg: Theme.error, children: fieldState.error?.message || props.error }) })), props.info && (_jsx(WithLeftBorder, { isFocused: isFocused, children: _jsx("text", { fg: Theme.textMuted, children: props.info }) })), _jsx(FileAutocomplete, { value: inputValue, onChange: (newValue) => {
-                    setInputValue(newValue);
-                    // Move cursor to end when value changes
-                    if (inputRef.current) {
-                        inputRef.current.cursorPosition = newValue.length;
-                    }
-                }, onSelect: handleSelectFile, visible: showAutocomplete, onVisibilityChange: setShowAutocomplete, inputRef: inputRef, anchorRef: anchorRef })] }));
+                    }, children: props.title || 'File Path' }) }), _jsx(WithLeftBorder, { isFocused: isFocused, children: _jsxs("box", { flexDirection: 'column', ref: anchorRef, children: [_jsx("textarea", { ref: inputRef, height: 1, keyBindings: [
+                                { name: 'return', action: 'submit' },
+                                { name: 'linefeed', action: 'submit' },
+                            ], initialValue: "", placeholder: props.placeholder || 'Enter file path...', focused: isFocused, onMouseDown: () => setFocusedField(props.id), onContentChange: () => {
+                                const value = inputRef.current?.plainText || '';
+                                if (value && isFocused) {
+                                    setShowAutocomplete(true);
+                                    setSearchTrigger((n) => n + 1);
+                                }
+                                else if (!value) {
+                                    setShowAutocomplete(false);
+                                }
+                            } }), selectedFiles.length > 0 && (_jsxs("box", { flexDirection: 'column', marginTop: 1, children: [_jsx("text", { fg: Theme.textMuted, children: "Selected files:" }), selectedFiles.map((file, index) => (_jsxs("text", { fg: Theme.text, children: ["\u2022 ", file] }, index)))] }))] }) }), (fieldState.error || props.error) && (_jsx(WithLeftBorder, { isFocused: isFocused, children: _jsx("text", { fg: Theme.error, children: fieldState.error?.message || props.error }) })), props.info && (_jsx(WithLeftBorder, { isFocused: isFocused, children: _jsx("text", { fg: Theme.textMuted, children: props.info }) })), _jsx(FileAutocomplete, { onSelect: handleSelectFile, visible: showAutocomplete, onVisibilityChange: setShowAutocomplete, inputRef: inputRef, anchorRef: anchorRef, searchTrigger: searchTrigger, canChooseFiles: props.canChooseFiles, canChooseDirectories: props.canChooseDirectories, initialDirectory: props.initialDirectory })] }));
 };
 export const FilePicker = (props) => {
-    const { control, getValues } = useFormContext();
+    const { control } = useFormContext();
     const { focusedField, setFocusedField } = useFocusContext();
     const isFocused = focusedField === props.id;
     const isInFocus = useIsInFocus();
-    const handleNavigateUp = () => {
-        // Find previous field and focus it
-        const fieldNames = Object.keys(getValues());
-        const currentIndex = fieldNames.indexOf(props.id);
-        if (currentIndex > 0) {
-            setFocusedField(fieldNames[currentIndex - 1]);
-        }
-        else {
-            setFocusedField(fieldNames[fieldNames.length - 1]);
-        }
-    };
-    const handleNavigateDown = () => {
-        // Find next field and focus it
-        const fieldNames = Object.keys(getValues());
-        const currentIndex = fieldNames.indexOf(props.id);
-        if (currentIndex < fieldNames.length - 1) {
-            setFocusedField(fieldNames[currentIndex + 1]);
-        }
-        else {
-            setFocusedField(fieldNames[0]);
-        }
-    };
+    const elementRef = useRef(null);
+    // Register as form field descendant for scroll support
+    useFormFieldDescendant({
+        id: props.id,
+        elementRef: elementRef.current,
+    });
+    const { navigateToPrevious, navigateToNext } = useFormNavigationHelpers(props.id);
     // Handle keyboard navigation
     useKeyboard((evt) => {
         if (!isFocused || !isInFocus)
             return;
         if (evt.name === 'tab') {
             if (evt.shift) {
-                handleNavigateUp();
+                navigateToPrevious();
             }
             else {
-                handleNavigateDown();
+                navigateToNext();
             }
         }
     });
     return (_jsx(Controller, { name: props.id, control: control, defaultValue: props.defaultValue || props.value || [], render: (renderProps) => {
-            return (_jsx(FilePickerField, { ...renderProps, props: props, isFocused: isFocused, setFocusedField: setFocusedField }));
+            return (_jsx("box", { ref: elementRef, flexDirection: 'column', children: _jsx(FilePickerField, { ...renderProps, props: props, isFocused: isFocused, setFocusedField: setFocusedField }) }));
         } }));
 };
 //# sourceMappingURL=file-picker.js.map

package/dist/components/form/file-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-picker.js","sourceRoot":"","sources":["../../../src/components/form/file-picker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"file-picker.js","sourceRoot":"","sources":["../../../src/components/form/file-picker.tsx"],"names":[],"mappings":"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"}

package/dist/components/form/form-end.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "@opentui/react/jsx-runtime";
-import { Theme } from '@termcast/cli/src/theme';
+import { Theme } from 'termcast/src/theme';
 export const FormEnd = () => {
     return _jsx("text", { fg: Theme.text, children: "\u2514" });
 };

package/dist/components/form/form-end.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-end.js","sourceRoot":"","sources":["../../../src/components/form/form-end.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAE/C,MAAM,CAAC,MAAM,OAAO,GAAG,GAAQ,EAAE;IAC/B,OAAO,eAAM,EAAE,EAAE,KAAK,CAAC,IAAI,uBAAU,CAAA;AACvC,CAAC,CAAA"}
+{"version":3,"file":"form-end.js","sourceRoot":"","sources":["../../../src/components/form/form-end.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAE1C,MAAM,CAAC,MAAM,OAAO,GAAG,GAAQ,EAAE;IAC/B,OAAO,eAAM,EAAE,EAAE,KAAK,CAAC,IAAI,uBAAU,CAAA;AACvC,CAAC,CAAA"}

package/dist/components/form/form-ref.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+import { TextareaRenderable } from '@opentui/core';
+import { UseFormRegisterReturn } from 'react-hook-form';
+/**
+ * Creates a fake ref object that satisfies react-hook-form's register() requirements.
+ * RHF expects a ref with:
+ * - `name`: field name
+ * - `value`: getter/setter for reading/writing the field value
+ * - `focus()`: optional, for focusing on validation errors
+ *
+ * This allows using register() directly with non-HTML inputs like opentui's textarea.
+ */
+export declare function createReactHookFormRef(options: {
+    name: string;
+    getValue: () => string;
+    setValue: (value: string) => void;
+    focus?: () => void;
+}): {
+    name: string;
+    value: string;
+    focus: () => void;
+};
+/**
+ * Creates a react-hook-form adapter for opentui's TextareaRenderable.
+ *
+ * Returns:
+ * - `formRef`: A fake ref object that RHF can use to get/set values
+ * - `onContentChange`: Handler to trigger RHF's onChange
+ * - `refCallback`: A memoized ref callback to pass to the textarea's ref prop
+ *
+ * IMPORTANT: The refCallback must be memoized (via useCallback) at the call site
+ * because register() returns a new object on every render. Passing register().ref
+ * directly to the textarea ref prop causes unnecessary re-renders.
+ */
+export declare function createTextareaFormRef(name: string, textareaRef: React.RefObject<TextareaRenderable | null>, registration: UseFormRegisterReturn<string>): {
+    formRef: {
+        name: string;
+        value: string;
+        focus: () => void;
+    };
+    onContentChange: () => void;
+};
+//# sourceMappingURL=form-ref.d.ts.map

package/dist/components/form/form-ref.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-ref.d.ts","sourceRoot":"","sources":["../../../src/components/form/form-ref.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AAEvD;;;;;;;;GAQG;AACH,wBAAgB,sBAAsB,CAAC,OAAO,EAAE;IAC9C,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,MAAM,CAAA;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,KAAK,CAAC,EAAE,MAAM,IAAI,CAAA;CACnB;;WAMgB,MAAM;iBAPP,IAAI;EAYnB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,MAAM,EACZ,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,kBAAkB,GAAG,IAAI,CAAC,EACvD,YAAY,EAAE,qBAAqB,CAAC,MAAM,CAAC;;;eAtB5B,MAAM;qBAPP,IAAI;;;EAkDnB"}

package/dist/components/form/form-ref.js

@@ -0,0 +1,53 @@
+/**
+ * Creates a fake ref object that satisfies react-hook-form's register() requirements.
+ * RHF expects a ref with:
+ * - `name`: field name
+ * - `value`: getter/setter for reading/writing the field value
+ * - `focus()`: optional, for focusing on validation errors
+ *
+ * This allows using register() directly with non-HTML inputs like opentui's textarea.
+ */
+export function createReactHookFormRef(options) {
+    return {
+        name: options.name,
+        get value() {
+            return options.getValue();
+        },
+        set value(v) {
+            options.setValue(v);
+        },
+        focus: options.focus || (() => { }),
+    };
+}
+/**
+ * Creates a react-hook-form adapter for opentui's TextareaRenderable.
+ *
+ * Returns:
+ * - `formRef`: A fake ref object that RHF can use to get/set values
+ * - `onContentChange`: Handler to trigger RHF's onChange
+ * - `refCallback`: A memoized ref callback to pass to the textarea's ref prop
+ *
+ * IMPORTANT: The refCallback must be memoized (via useCallback) at the call site
+ * because register() returns a new object on every render. Passing register().ref
+ * directly to the textarea ref prop causes unnecessary re-renders.
+ */
+export function createTextareaFormRef(name, textareaRef, registration) {
+    const formRef = createReactHookFormRef({
+        name,
+        getValue: () => textareaRef.current?.plainText || '',
+        setValue: (v) => {
+            textareaRef.current?.setText(v);
+        },
+    });
+    const onContentChange = () => {
+        registration.onChange({
+            target: formRef,
+            type: 'change',
+        });
+    };
+    return {
+        formRef,
+        onContentChange,
+    };
+}
+//# sourceMappingURL=form-ref.js.map

package/dist/components/form/form-ref.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-ref.js","sourceRoot":"","sources":["../../../src/components/form/form-ref.tsx"],"names":[],"mappings":"AAIA;;;;;;;;GAQG;AACH,MAAM,UAAU,sBAAsB,CAAC,OAKtC;IACC,OAAO;QACL,IAAI,EAAE,OAAO,CAAC,IAAI;QAClB,IAAI,KAAK;YACP,OAAO,OAAO,CAAC,QAAQ,EAAE,CAAA;QAC3B,CAAC;QACD,IAAI,KAAK,CAAC,CAAS;YACjB,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;QACrB,CAAC;QACD,KAAK,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC;KACnC,CAAA;AACH,CAAC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,qBAAqB,CACnC,IAAY,EACZ,WAAuD,EACvD,YAA2C;IAE3C,MAAM,OAAO,GAAG,sBAAsB,CAAC;QACrC,IAAI;QACJ,QAAQ,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,OAAO,EAAE,SAAS,IAAI,EAAE;QACpD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,WAAW,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAA;QACjC,CAAC;KACF,CAAC,CAAA;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,YAAY,CAAC,QAAQ,CAAC;YACpB,MAAM,EAAE,OAAO;YACf,IAAI,EAAE,QAAQ;SACf,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,OAAO;QACL,OAAO;QACP,eAAe;KAChB,CAAA;AACH,CAAC"}

package/dist/components/form/index.d.ts

@@ -1,7 +1,23 @@
 import React from 'react';
+import { ScrollBoxRenderable, BoxRenderable } from '@opentui/core';
+import { DescendantContextType } from 'termcast/src/descendants';
 import { FormValues, FormProps } from './types';
 export * from './types';
 export { useFormContext } from 'react-hook-form';
+interface FormFieldDescendant {
+    id: string;
+    elementRef?: BoxRenderable | null;
+}
+declare const useFormFieldDescendant: (props?: FormFieldDescendant | undefined) => {
+    descendantId: string;
+    index: number;
+};
+export { useFormFieldDescendant };
+interface FormScrollContextValue {
+    scrollBoxRef: React.RefObject<ScrollBoxRenderable | null>;
+    descendantsContext: DescendantContextType<FormFieldDescendant>;
+}
+export declare const useFormScrollContext: () => FormScrollContextValue | null;
 interface FocusContextValue {
     focusedField: string | null;
     setFocusedField: (id: string | null) => void;

package/dist/components/form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAA;AAU7E,OAAO,EACL,UAAU,EACV,SAAS,EASV,MAAM,SAAS,CAAA;AAEhB,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAGhD,UAAU,iBAAiB;IACzB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;CAC7C;AAID,eAAO,MAAM,eAAe,yBAM3B,CAAA;AAGD,UAAU,sBAAsB;IAC9B,aAAa,EAAE,MAAM,UAAU,CAAA;CAChC;AAID,eAAO,MAAM,aAAa,qCAGzB,CAAA;AAiDD,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAChE,OAAO,KAAK,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAC5E,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAC7D,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAC5D,OAAO,KAAK,EACV,aAAa,EAEb,iBAAiB,EACjB,oBAAoB,EACrB,MAAM,YAAY,CAAA;AACnB,OAAO,KAAK,EACV,eAAe,EAEf,cAAc,IAAI,cAAc,EACjC,MAAM,eAAe,CAAA;AACtB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,KAAK,EAAE,eAAe,EAAiB,MAAM,eAAe,CAAA;AAEnE,UAAU,YAAY;IACpB,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAA;IAC3B,IAAI,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,GAAG,CAAA;IACvC,OAAO,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAA;CAC9C;AAED,UAAU,uBAAuB;IAC/B,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAA;IAC7B,IAAI,EAAE,OAAO,cAAc,CAAA;CAC5B;AAED,UAAU,QAAQ;IAChB,CAAC,KAAK,EAAE,SAAS,GAAG,GAAG,CAAA;IACvB,SAAS,EAAE,KAAK,CAAC,yBAAyB,CACxC,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CACnD,CAAA;IACD,aAAa,EAAE,KAAK,CAAC,yBAAyB,CAC5C,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAC3D,CAAA;IACD,QAAQ,EAAE,KAAK,CAAC,yBAAyB,CACvC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CACjD,CAAA;IACD,QAAQ,EAAE,KAAK,CAAC,yBAAyB,CACvC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CACjD,CAAA;IACD,QAAQ,EAAE,YAAY,CAAA;IACtB,UAAU,EAAE,uBAAuB,CAAA;IACnC,SAAS,EAAE,aAAa,CAAA;IACxB,UAAU,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,GAAG,CAAA;IAC3C,SAAS,EAAE,MAAM,GAAG,CAAA;IACpB,WAAW,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,GAAG,CAAA;CAC9C;AAED,eAAO,MAAM,IAAI,EAAE,QAgEL,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/form/index.js

@@ -1,15 +1,24 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
-import { useState, createContext, useContext, useEffect } from 'react';
+import { useState, createContext, useContext, useLayoutEffect, useRef, } from 'react';
 import { useKeyboard } from '@opentui/react';
 import { useForm, FormProvider } from 'react-hook-form';
-import { logger } from '@termcast/cli/src/logger';
-import { useIsInFocus } from '@termcast/cli/src/internal/focus-context';
-import { useDialog } from '@termcast/cli/src/internal/dialog';
-import { Theme } from '@termcast/cli/src/theme';
-import { TextAttributes } from '@opentui/core';
-import { useStore } from '@termcast/cli/src/state';
+import { logger } from 'termcast/src/logger';
+import { useIsInFocus } from 'termcast/src/internal/focus-context';
+import { useDialog } from 'termcast/src/internal/dialog';
+import { Theme } from 'termcast/src/theme';
+import { TextAttributes, } from '@opentui/core';
+import { createDescendants, } from 'termcast/src/descendants';
+import { FORM_MAX_WIDTH } from './description';
+import { ScrollBox } from 'termcast/src/internal/scrollbox';
 export * from './types';
 export { useFormContext } from 'react-hook-form';
+// Create descendants for form fields
+const { DescendantsProvider: FormFieldDescendantsProvider, useDescendants: useFormFieldDescendants, useDescendant: useFormFieldDescendant, } = createDescendants();
+export { useFormFieldDescendant };
+const FormScrollContext = createContext(null);
+export const useFormScrollContext = () => {
+    return useContext(FormScrollContext);
+};
 const FocusContext = createContext(null);
 export const useFocusContext = () => {
     const context = useContext(FocusContext);
@@ -23,37 +32,60 @@ export const useFormSubmit = () => {
     const context = useContext(FormSubmitContext);
     return context; // Can be null if not in a form
 };
-// Footer component to show keyboard shortcuts
 function FormFooter() {
-    const toast = useStore((state) => state.toast);
-    if (toast) {
-        return (_jsx("box", { border: false, style: {
-                paddingLeft: 1,
-                paddingRight: 1,
-                paddingTop: 1,
-                marginTop: 1,
-            }, children: toast }));
-    }
     return (_jsxs("box", { border: false, style: {
             paddingLeft: 1,
             paddingRight: 1,
             paddingTop: 1,
             marginTop: 1,
             flexDirection: 'row',
-        }, children: [_jsx("text", { fg: Theme.text, attributes: TextAttributes.BOLD, children: "\u21B5" }), _jsx("text", { fg: Theme.textMuted, children: " submit" }), _jsxs("text", { fg: Theme.text, attributes: TextAttributes.BOLD, children: ['   ', "\u2191\u2193"] }), _jsx("text", { fg: Theme.textMuted, children: " navigate" }), _jsxs("text", { fg: Theme.text, attributes: TextAttributes.BOLD, children: ['   ', "^k"] }), _jsx("text", { fg: Theme.textMuted, children: " actions" })] }));
+        }, children: [_jsx("text", { fg: Theme.text, attributes: TextAttributes.BOLD, children: "ctrl \u21B5" }), _jsx("text", { fg: Theme.textMuted, children: " submit" }), _jsxs("text", { fg: Theme.text, attributes: TextAttributes.BOLD, children: ['   ', "\u2191\u2193"] }), _jsx("text", { fg: Theme.textMuted, children: " navigate" }), _jsxs("text", { fg: Theme.text, attributes: TextAttributes.BOLD, children: ['   ', "^k"] }), _jsx("text", { fg: Theme.textMuted, children: " actions" })] }));
 }
 export const Form = ((props) => {
     const methods = useForm({
     // defaultValues: {},
     // mode: 'onChange',
     });
-    const [focusedField, setFocusedField] = useState(null);
-    // Auto-focus first field on mount
-    useEffect(() => {
-        const fieldNames = Object.keys(methods.getValues());
-        if (fieldNames.length > 0) {
-            logger.log(`focusing `, fieldNames[0]);
-            setFocusedField(fieldNames[0]);
+    const [focusedField, setFocusedFieldRaw] = useState(null);
+    const scrollBoxRef = useRef(null);
+    const descendantsContext = useFormFieldDescendants();
+    const scrollToField = (fieldId) => {
+        const scrollBox = scrollBoxRef.current;
+        if (!scrollBox)
+            return;
+        // Find field in descendants map by matching props.id
+        const field = Object.values(descendantsContext.map.current).find((item) => item.props?.id === fieldId);
+        const elementRef = field?.props?.elementRef;
+        if (!elementRef)
+            return;
+        const contentY = scrollBox.content?.y || 0;
+        const viewportHeight = scrollBox.viewport?.height || 10;
+        const currentScrollTop = scrollBox.scrollTop || 0;
+        // Access current position from the BoxRenderable ref
+        const itemTop = elementRef.y - contentY;
+        const itemBottom = itemTop + elementRef.height;
+        if (itemTop < currentScrollTop) {
+            scrollBox.scrollTo(itemTop);
+        }
+        else if (itemBottom > currentScrollTop + viewportHeight) {
+            scrollBox.scrollTo(itemBottom - viewportHeight);
+        }
+    };
+    const setFocusedField = (id) => {
+        setFocusedFieldRaw(id);
+        if (id) {
+            scrollToField(id);
+        }
+    };
+    // Auto-focus first field after children have registered as descendants
+    useLayoutEffect(() => {
+        const descendants = Object.values(descendantsContext.map.current)
+            .filter((item) => item.index !== -1 && item.props?.id)
+            .sort((a, b) => a.index - b.index);
+        if (descendants.length > 0) {
+            const firstId = descendants[0].props.id;
+            logger.log(`focusing `, firstId);
+            setFocusedFieldRaw(firstId);
         }
         else {
             logger.log(`no fields to focus in form`);
@@ -62,15 +94,35 @@ export const Form = ((props) => {
     // Get focus state and dialog
     const inFocus = useIsInFocus();
     const dialog = useDialog();
-    // Handle action key navigation only
+    // Handle action keys and page scrolling
     useKeyboard((evt) => {
         // Only handle keyboard events when form is in focus
         if (!inFocus)
             return;
+        // Page up/down scrolling
+        if (evt.name === 'pageup' || evt.name === 'pagedown') {
+            const scrollBox = scrollBoxRef.current;
+            if (!scrollBox)
+                return;
+            const viewportHeight = scrollBox.viewport?.height || 10;
+            const currentScrollTop = scrollBox.scrollTop || 0;
+            const scrollAmount = viewportHeight - 2; // Leave some overlap
+            if (evt.name === 'pageup') {
+                scrollBox.scrollTo(Math.max(0, currentScrollTop - scrollAmount));
+            }
+            else {
+                scrollBox.scrollTo(currentScrollTop + scrollAmount);
+            }
+            return;
+        }
         if (evt.name === 'k' && evt.ctrl && props.actions) {
             // Ctrl+K shows actions
             dialog.push(_jsx(FormSubmitContext.Provider, { value: submitContextValue, children: props.actions }), 'bottom-right');
         }
+        else if (evt.name === 'return' && evt.ctrl && props.actions) {
+            // Ctrl+Return shows actions (form submit shortcut)
+            dialog.push(_jsx(FormSubmitContext.Provider, { value: submitContextValue, children: props.actions }), 'bottom-right');
+        }
         else if (evt.name === 'return' && evt.meta && props.actions) {
             // Cmd+Return also shows actions (consistent with List)
             dialog.push(_jsx(FormSubmitContext.Provider, { value: submitContextValue, children: props.actions }), 'bottom-right');
@@ -79,7 +131,18 @@ export const Form = ((props) => {
     const submitContextValue = {
         getFormValues: () => methods.getValues(),
     };
-    return (_jsx(FormProvider, { ...methods, children: _jsx(FormSubmitContext.Provider, { value: submitContextValue, children: _jsx(FocusContext.Provider, { value: { focusedField, setFocusedField }, children: _jsxs("box", { flexDirection: 'column', children: [props.children, _jsx(FormEnd, {}), _jsx(FormFooter, {})] }) }) }) }));
+    const scrollContextValue = {
+        scrollBoxRef,
+        descendantsContext,
+    };
+    return (_jsx(FormProvider, { ...methods, children: _jsx(FormSubmitContext.Provider, { value: submitContextValue, children: _jsx(FormScrollContext.Provider, { value: scrollContextValue, children: _jsx(FocusContext.Provider, { value: { focusedField, setFocusedField }, children: _jsx("box", { flexDirection: 'row', flexGrow: 1, justifyContent: 'center', children: _jsxs("box", { flexDirection: 'column', children: [_jsx(ScrollBox, { ref: scrollBoxRef, flexGrow: 1, style: {
+                                        rootOptions: {
+                                            maxWidth: FORM_MAX_WIDTH,
+                                        },
+                                        contentOptions: {
+                                            justifyContent: 'center',
+                                        },
+                                    }, children: _jsxs(FormFieldDescendantsProvider, { value: descendantsContext, children: [props.children, _jsx(FormEnd, {})] }) }), _jsx(FormFooter, {})] }) }) }) }) }) }));
 });
 // Import and assign components after Form is defined
 import { TextField } from './text-field';

package/dist/components/form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/form/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/form/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/form/password-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"password-field.d.ts","sourceRoot":"","sources":["../../../src/components/form/password-field.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAMpD,MAAM,WAAW,kBAAmB,SAAQ,aAAa,CAAC,MAAM,CAAC;IAC/D,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAA;AAE1C,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,KAAG,GAsEzD,CAAA"}
+{"version":3,"file":"password-field.d.ts","sourceRoot":"","sources":["../../../src/components/form/password-field.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAKpD,MAAM,WAAW,kBAAmB,SAAQ,aAAa,CAAC,MAAM,CAAC;IAC/D,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAA;AAE1C,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,KAAG,GAoFzD,CAAA"}

package/dist/components/form/password-field.js

@@ -1,31 +1,47 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { useRef, useState } from 'react';
 import { useFormContext, Controller } from 'react-hook-form';
-import { useFocusContext } from './index';
-import { Theme } from '@termcast/cli/src/theme';
+import { useFocusContext, useFormFieldDescendant } from './index';
+import { Theme } from 'termcast/src/theme';
 import { WithLeftBorder } from './with-left-border';
 import { useFormNavigation } from './use-form-navigation';
 export const PasswordField = (props) => {
     const { control } = useFormContext();
     const { focusedField, setFocusedField } = useFocusContext();
     const isFocused = focusedField === props.id;
-    // Use form navigation hook
+    const elementRef = useRef(null);
+    const realValueRef = useRef(props.defaultValue || props.value || '');
+    const [displayLength, setDisplayLength] = useState(realValueRef.current.length);
+    useFormFieldDescendant({
+        id: props.id,
+        elementRef: elementRef.current,
+    });
     useFormNavigation(props.id);
-    return (_jsx(Controller, { name: props.id, control: control, defaultValue: props.defaultValue || props.value || '', render: ({ field, fieldState, formState }) => {
-            // Always show masked value when not focused
-            const displayValue = isFocused
-                ? field.value
-                : '*'.repeat(field.value.length);
-            return (_jsxs("box", { flexDirection: 'column', children: [_jsx(WithLeftBorder, { withDiamond: true, isFocused: isFocused, children: _jsx("text", { fg: Theme.text, onMouseDown: () => {
+    return (_jsx(Controller, { name: props.id, control: control, defaultValue: props.defaultValue || props.value || '', render: ({ field, fieldState }) => {
+            const displayValue = '*'.repeat(displayLength);
+            return (_jsxs("box", { ref: elementRef, flexDirection: "column", children: [_jsx(WithLeftBorder, { withDiamond: true, isFocused: isFocused, children: _jsx("text", { fg: isFocused ? Theme.primary : Theme.text, onMouseDown: () => {
                                 setFocusedField(props.id);
-                            }, children: props.title }) }), _jsx(WithLeftBorder, { isFocused: isFocused, children: _jsx("input", { value: displayValue, onInput: (value) => {
-                                // Ignore masked input (all asterisks) when not focused
-                                if (isFocused &&
-                                    !(/^\*+$/.test(value) && !field.value.startsWith('*'))) {
-                                    field.onChange(value);
-                                    if (props.onChange) {
-                                        props.onChange(value);
-                                    }
+                            }, children: props.title }) }), _jsx(WithLeftBorder, { isFocused: isFocused, children: _jsx("input", { value: displayValue, onInput: (newDisplay) => {
+                                if (!isFocused)
+                                    return;
+                                const currentValue = realValueRef.current;
+                                const oldLen = currentValue.length;
+                                const newLen = newDisplay.length;
+                                let newValue;
+                                if (newLen > oldLen) {
+                                    const addedChars = newDisplay.replace(/\*/g, '');
+                                    newValue = currentValue + addedChars;
                                 }
+                                else if (newLen < oldLen) {
+                                    newValue = currentValue.slice(0, newLen);
+                                }
+                                else {
+                                    return;
+                                }
+                                realValueRef.current = newValue;
+                                setDisplayLength(newValue.length);
+                                field.onChange(newValue);
+                                props.onChange?.(newValue);
                             }, placeholder: props.placeholder, focused: isFocused, onMouseDown: () => {
                                 setFocusedField(props.id);
                             } }) }), (fieldState.error || props.error) && (_jsx(WithLeftBorder, { isFocused: isFocused, children: _jsx("text", { fg: Theme.error, children: fieldState.error?.message || props.error }) })), props.info && (_jsx(WithLeftBorder, { isFocused: isFocused, children: _jsx("text", { fg: Theme.textMuted, children: props.info }) }))] }));