claudeup 4.18.0 → 4.22.0

package/src/ui/state/AppContext.js

@@ -1,162 +0,0 @@
-import { jsx as _jsx } from "@opentui/react/jsx-runtime";
-import { createContext, useContext, useReducer, } from "react";
-import { appReducer, initialState } from "./reducer.js";
-// ============================================================================
-// Context
-// ============================================================================
-const AppContext = createContext(null);
-export function AppProvider({ children, initialProjectPath, }) {
-    const [state, dispatch] = useReducer(appReducer, {
-        ...initialState,
-        projectPath: initialProjectPath || process.cwd(),
-    });
-    return (_jsx(AppContext.Provider, { value: { state, dispatch }, children: children }));
-}
-// ============================================================================
-// Hook: useApp
-// ============================================================================
-export function useApp() {
-    const context = useContext(AppContext);
-    if (!context) {
-        throw new Error("useApp must be used within an AppProvider");
-    }
-    return context;
-}
-// ============================================================================
-// Hook: useNavigation
-// ============================================================================
-export function useNavigation() {
-    const { state, dispatch } = useApp();
-    return {
-        currentRoute: state.currentRoute,
-        currentScreen: state.currentRoute.screen,
-        navigateTo: (route) => {
-            dispatch({ type: "NAVIGATE", route });
-        },
-        navigateToScreen: (screen) => {
-            dispatch({ type: "NAVIGATE", route: { screen } });
-        },
-    };
-}
-// ============================================================================
-// Hook: useModal
-// ============================================================================
-export function useModal() {
-    const { dispatch } = useApp();
-    return {
-        showModal: (modal) => {
-            dispatch({ type: "SHOW_MODAL", modal });
-        },
-        hideModal: () => {
-            dispatch({ type: "HIDE_MODAL" });
-        },
-        confirm: (title, message) => {
-            return new Promise((resolve) => {
-                dispatch({
-                    type: "SHOW_MODAL",
-                    modal: {
-                        type: "confirm",
-                        title,
-                        message,
-                        onConfirm: () => {
-                            dispatch({ type: "HIDE_MODAL" });
-                            resolve(true);
-                        },
-                        onCancel: () => {
-                            dispatch({ type: "HIDE_MODAL" });
-                            resolve(false);
-                        },
-                    },
-                });
-            });
-        },
-        input: (title, label, defaultValue) => {
-            return new Promise((resolve) => {
-                dispatch({
-                    type: "SHOW_MODAL",
-                    modal: {
-                        type: "input",
-                        title,
-                        label,
-                        defaultValue,
-                        onSubmit: (value) => {
-                            dispatch({ type: "HIDE_MODAL" });
-                            resolve(value);
-                        },
-                        onCancel: () => {
-                            dispatch({ type: "HIDE_MODAL" });
-                            resolve(null);
-                        },
-                    },
-                });
-            });
-        },
-        select: (title, message, options, defaultIndex) => {
-            return new Promise((resolve) => {
-                dispatch({
-                    type: "SHOW_MODAL",
-                    modal: {
-                        type: "select",
-                        title,
-                        message,
-                        options,
-                        defaultIndex,
-                        onSelect: (value) => {
-                            dispatch({ type: "HIDE_MODAL" });
-                            resolve(value);
-                        },
-                        onCancel: () => {
-                            dispatch({ type: "HIDE_MODAL" });
-                            resolve(null);
-                        },
-                    },
-                });
-            });
-        },
-        message: (title, message, variant = "info") => {
-            return new Promise((resolve) => {
-                dispatch({
-                    type: "SHOW_MODAL",
-                    modal: {
-                        type: "message",
-                        title,
-                        message,
-                        variant,
-                        onDismiss: () => {
-                            dispatch({ type: "HIDE_MODAL" });
-                            resolve();
-                        },
-                    },
-                });
-            });
-        },
-        loading: (message) => {
-            dispatch({
-                type: "SHOW_MODAL",
-                modal: {
-                    type: "loading",
-                    message,
-                },
-            });
-        },
-    };
-}
-// ============================================================================
-// Hook: useProgress
-// ============================================================================
-export function useProgress() {
-    const { state, dispatch } = useApp();
-    return {
-        progress: state.progress,
-        isVisible: state.progress !== null,
-        show: (message, current, total) => {
-            dispatch({ type: "SHOW_PROGRESS", state: { message, current, total } });
-        },
-        update: (state) => {
-            dispatch({ type: "UPDATE_PROGRESS", state });
-        },
-        hide: () => {
-            dispatch({ type: "HIDE_PROGRESS" });
-        },
-    };
-}

package/src/ui/state/DimensionsContext.js

@@ -1,71 +0,0 @@
-import { jsx as _jsx } from "@opentui/react/jsx-runtime";
-import { createContext, useContext, useState, useEffect } from "react";
-import { useRenderer, useOnResize } from "@opentui/react";
-const DimensionsContext = createContext(null);
-// Fixed heights for layout elements
-const SCREEN_HEADER_HEIGHT = 4; // ScreenLayout: border + title row + status/search row + border
-const SCREEN_FOOTER_HEIGHT = 2; // ScreenLayout: border-top + footer content
-const APP_MARGINS = 1; // buffer for margins/padding
-const PROGRESS_HEIGHT = 1; // when visible
-function calculateDimensions(columns, rows, showProgress, showDebug, showUpdateBanner, transientBannerCount) {
-    const terminalWidth = columns;
-    const terminalHeight = rows;
-    // Calculate total available height for ScreenLayout (includes its header, panels, footer)
-    let contentHeight = terminalHeight - APP_MARGINS;
-    if (showProgress)
-        contentHeight -= PROGRESS_HEIGHT;
-    if (showDebug)
-        contentHeight -= 1;
-    if (showUpdateBanner)
-        contentHeight -= 1;
-    contentHeight -= transientBannerCount;
-    contentHeight = Math.max(10, contentHeight); // Minimum 10 lines for full layout
-    // Calculate available content width (accounting for padding)
-    const contentWidth = Math.max(40, terminalWidth - 4);
-    // Calculate list panel height for scrollbox
-    // ScreenLayout uses: panelHeight = contentHeight - 4 (header) - 1 (footer)
-    // The scrollbox sits inside the panel
-    const listPanelHeight = Math.max(3, contentHeight - SCREEN_HEADER_HEIGHT - SCREEN_FOOTER_HEIGHT);
-    return {
-        terminalWidth,
-        terminalHeight,
-        contentHeight,
-        contentWidth,
-        listPanelHeight,
-    };
-}
-export function DimensionsProvider({ children, showProgress = false, showDebug = false, showUpdateBanner = false, transientBannerCount = 0, }) {
-    const renderer = useRenderer();
-    const [dimensions, setDimensions] = useState(() => calculateDimensions(renderer.width, renderer.height, showProgress, showDebug, showUpdateBanner, transientBannerCount));
-    // Handle terminal resize
-    useOnResize((width, height) => {
-        setDimensions(calculateDimensions(width, height, showProgress, showDebug, showUpdateBanner, transientBannerCount));
-    });
-    // Update when showProgress/showDebug/showUpdateBanner/transientBannerCount changes
-    useEffect(() => {
-        setDimensions(calculateDimensions(renderer.width, renderer.height, showProgress, showDebug, showUpdateBanner, transientBannerCount));
-    }, [
-        renderer.width,
-        renderer.height,
-        showProgress,
-        showDebug,
-        showUpdateBanner,
-        transientBannerCount,
-    ]);
-    return (_jsx(DimensionsContext.Provider, { value: dimensions, children: children }));
-}
-export function useDimensions() {
-    const context = useContext(DimensionsContext);
-    if (!context) {
-        // Return sensible defaults if used outside provider
-        return {
-            terminalWidth: 80,
-            terminalHeight: 24,
-            contentHeight: 23, // 24 - 1 margin
-            contentWidth: 76,
-            listPanelHeight: 17, // 23 - 4 header - 2 footer
-        };
-    }
-    return context;
-}
-export default DimensionsContext;