@akiojin/gwt 4.9.1 → 4.11.6

package/src/cli/ui/components/screens/ModelSelectorScreen.tsx

@@ -1,320 +0,0 @@
-import React, { useEffect, useMemo, useState } from "react";
-import { Box, Text } from "ink";
-import { Header } from "../parts/Header.js";
-import { Footer } from "../parts/Footer.js";
-import { Select, type SelectItem } from "../common/Select.js";
-import { useAppInput } from "../../hooks/useAppInput.js";
-import { useTerminalSize } from "../../hooks/useTerminalSize.js";
-import type {
-  CodingAgentId,
-  InferenceLevel,
-  ModelOption,
-} from "../../types.js";
-import {
-  getDefaultInferenceForModel,
-  getDefaultModelOption,
-  getInferenceLevelsForModel,
-  getModelOptions,
-} from "../../utils/modelOptions.js";
-
-/**
- * Result returned by `ModelSelectorScreen`.
- */
-export interface ModelSelectionResult {
-  model: string | null;
-  inferenceLevel?: InferenceLevel;
-}
-
-interface ModelSelectItem extends SelectItem {
-  description?: string;
-}
-
-interface InferenceSelectItem extends SelectItem {
-  hint?: string;
-}
-
-/**
- * Props for `ModelSelectorScreen`.
- */
-export interface ModelSelectorScreenProps {
-  tool: CodingAgentId;
-  onBack: () => void;
-  onSelect: (selection: ModelSelectionResult) => void;
-  version?: string | null;
-  initialSelection?: ModelSelectionResult | null;
-}
-
-const TOOL_LABELS: Record<string, string> = {
-  "claude-code": "Claude Code",
-  "codex-cli": "Codex",
-  "gemini-cli": "Gemini",
-};
-
-const INFERENCE_LABELS: Record<InferenceLevel, string> = {
-  low: "Low (lighter reasoning)",
-  medium: "Medium (balanced reasoning)",
-  high: "High (deeper reasoning)",
-  xhigh: "Extra high (maximum reasoning)",
-};
-
-/**
- * モデル選択 → (必要なら) 推論レベル選択を行う画面
- */
-export function ModelSelectorScreen({
-  tool,
-  onBack,
-  onSelect,
-  version,
-  initialSelection,
-}: ModelSelectorScreenProps) {
-  const { rows } = useTerminalSize();
-
-  const [step, setStep] = useState<"model" | "inference">("model");
-  const [modelOptions, setModelOptions] = useState<ModelOption[]>([]);
-  const [selectedModel, setSelectedModel] = useState<ModelOption | null>(null);
-
-  // モデル候補をツールに応じてロード
-  useEffect(() => {
-    const options = getModelOptions(tool);
-    setModelOptions(options);
-    // 初期選択が有効なら保持
-    if (initialSelection?.model) {
-      const found = options.find((opt) => opt.id === initialSelection.model);
-      if (found) {
-        setSelectedModel(found);
-        setStep("model");
-        return;
-      }
-    }
-    setSelectedModel(null);
-    setStep("model");
-  }, [tool, initialSelection?.model]);
-
-  const modelItems: ModelSelectItem[] = useMemo(
-    () =>
-      modelOptions.map((option) => ({
-        label: option.label,
-        value: option.id,
-        ...(option.description ? { description: option.description } : {}),
-      })),
-    [modelOptions],
-  );
-
-  const defaultModelIndex = useMemo(() => {
-    const initial = initialSelection?.model
-      ? modelOptions.findIndex((opt) => opt.id === initialSelection.model)
-      : -1;
-    if (initial !== -1) return initial;
-    const defaultOption = getDefaultModelOption(tool);
-    if (!defaultOption) return 0;
-    const index = modelOptions.findIndex((opt) => opt.id === defaultOption.id);
-    return index >= 0 ? index : 0;
-  }, [initialSelection?.model, modelOptions, tool]);
-
-  const inferenceOptions = useMemo(
-    () => getInferenceLevelsForModel(selectedModel ?? undefined),
-    [selectedModel],
-  );
-
-  const inferenceItems: InferenceSelectItem[] = useMemo(() => {
-    return inferenceOptions.map((level) => {
-      if (selectedModel?.id === "gpt-5.1-codex-max") {
-        if (level === "low") {
-          return {
-            label: "Low",
-            value: level,
-            hint: "Fast responses with lighter reasoning",
-          };
-        }
-        if (level === "medium") {
-          return {
-            label: "Medium (default)",
-            value: level,
-            hint: "Balances speed and reasoning depth for everyday tasks",
-          };
-        }
-        if (level === "high") {
-          return {
-            label: "High",
-            value: level,
-            hint: "Maximizes reasoning depth for complex problems",
-          };
-        }
-        if (level === "xhigh") {
-          return {
-            label: "Extra high",
-            value: level,
-            hint: "Extra high reasoning depth; may quickly consume Plus plan rate limits.",
-          };
-        }
-      }
-
-      return {
-        label: INFERENCE_LABELS[level],
-        value: level,
-      };
-    });
-  }, [inferenceOptions, selectedModel?.id]);
-
-  const defaultInferenceIndex = useMemo(() => {
-    const initialLevel = initialSelection?.inferenceLevel;
-    if (initialLevel && inferenceOptions.includes(initialLevel)) {
-      return inferenceOptions.findIndex((lvl) => lvl === initialLevel);
-    }
-    const defaultLevel = getDefaultInferenceForModel(
-      selectedModel ?? undefined,
-    );
-    if (!defaultLevel) return 0;
-    const index = inferenceOptions.findIndex((lvl) => lvl === defaultLevel);
-    return index >= 0 ? index : 0;
-  }, [initialSelection?.inferenceLevel, inferenceOptions, selectedModel]);
-
-  useAppInput((_input, key) => {
-    if (key.escape) {
-      if (step === "inference") {
-        setStep("model");
-        return;
-      }
-      onBack();
-    }
-  });
-
-  const handleModelSelect = (item: ModelSelectItem) => {
-    const option =
-      modelOptions.find((opt) => opt.id === item.value) ?? modelOptions[0];
-
-    if (!option) {
-      onSelect({ model: null });
-      return;
-    }
-
-    setSelectedModel(option);
-
-    const levels = getInferenceLevelsForModel(option);
-    if (levels.length > 0) {
-      setStep("inference");
-    } else {
-      onSelect({ model: option.id });
-    }
-  };
-
-  const handleInferenceSelect = (item: InferenceSelectItem) => {
-    if (!selectedModel) {
-      setStep("model");
-      return;
-    }
-
-    onSelect({
-      model: selectedModel.id,
-      inferenceLevel: item.value as InferenceLevel,
-    });
-  };
-
-  const footerActions =
-    step === "model"
-      ? [
-          { key: "enter", description: "Select" },
-          { key: "esc", description: "Back" },
-        ]
-      : [
-          { key: "enter", description: "Select" },
-          { key: "esc", description: "Back to model" },
-        ];
-
-  const toolLabel = TOOL_LABELS[tool] ?? tool;
-
-  const renderModelItem = (
-    item: ModelSelectItem,
-    isSelected: boolean,
-  ): React.ReactNode => (
-    <Box flexDirection="column">
-      {isSelected ? (
-        <Text color="cyan">➤ {item.label}</Text>
-      ) : (
-        <Text> {item.label}</Text>
-      )}
-      {item.description ? <Text color="gray"> {item.description}</Text> : null}
-    </Box>
-  );
-
-  return (
-    <Box flexDirection="column" height={rows}>
-      <Header
-        title={step === "model" ? "Model Selection" : "Reasoning Level"}
-        titleColor="blue"
-        version={version}
-      />
-
-      <Box flexDirection="column" flexGrow={1} marginTop={1}>
-        {step === "model" ? (
-          <>
-            {tool === "gemini-cli" ? (
-              <Box marginBottom={1} flexDirection="column">
-                <Text>Gemini 3 preview is enabled.</Text>
-                <Text>
-                  Selecting Pro uses gemini-3-pro-preview and falls back to
-                  gemini-2.5-pro if unavailable.
-                </Text>
-                <Text>Use --model to pin a specific Gemini model.</Text>
-              </Box>
-            ) : null}
-
-            <Box marginBottom={1}>
-              <Text>
-                Select a model for {toolLabel}
-                {modelOptions.length === 0 ? " (no options)" : ""}
-              </Text>
-            </Box>
-
-            {modelItems.length === 0 ? (
-              <Select
-                items={[
-                  {
-                    label:
-                      "No model selection required. Press Enter to continue.",
-                    value: "__continue__",
-                  },
-                ]}
-                onSelect={() => onSelect({ model: null })}
-              />
-            ) : (
-              <Select
-                items={modelItems}
-                onSelect={handleModelSelect}
-                initialIndex={defaultModelIndex}
-                renderItem={renderModelItem}
-              />
-            )}
-          </>
-        ) : (
-          <>
-            <Box marginBottom={1}>
-              <Text>
-                Select reasoning level for {selectedModel?.label ?? "model"}
-              </Text>
-            </Box>
-            <Select
-              items={inferenceItems}
-              onSelect={handleInferenceSelect}
-              initialIndex={defaultInferenceIndex}
-              renderItem={(item, isSelected) => (
-                <Box flexDirection="column">
-                  {isSelected ? (
-                    <Text color="cyan">➤ {item.label}</Text>
-                  ) : (
-                    <Text> {item.label}</Text>
-                  )}
-                  {"hint" in item && item.hint ? (
-                    <Text color="gray"> {item.hint}</Text>
-                  ) : null}
-                </Box>
-              )}
-            />
-          </>
-        )}
-      </Box>
-
-      <Footer actions={footerActions} />
-    </Box>
-  );
-}

package/src/cli/ui/components/screens/PRCleanupScreen.tsx

@@ -1,171 +0,0 @@
-import React from "react";
-import { Box, Text } from "ink";
-import { Header } from "../parts/Header.js";
-import { Footer } from "../parts/Footer.js";
-import { Select } from "../common/Select.js";
-import { useAppInput } from "../../hooks/useAppInput.js";
-import { useTerminalSize } from "../../hooks/useTerminalSize.js";
-import type { CleanupTarget } from "../../types.js";
-
-/**
- * Renderable item for the cleanup target list.
- */
-export interface PRItem {
-  label: string;
-  value: string;
-  target: CleanupTarget;
-}
-
-/**
- * Props for `PRCleanupScreen`.
- */
-export interface PRCleanupScreenProps {
-  targets: CleanupTarget[];
-  loading: boolean;
-  error: Error | null;
-  statusMessage?: string | null;
-  onBack: () => void;
-  onRefresh: () => void;
-  onCleanup: (target: CleanupTarget) => void;
-  version?: string | null;
-}
-
-/**
- * PRCleanupScreen - Screen for cleaning up merged pull requests
- * Layout: Header + Stats + PR List + Footer
- */
-export function PRCleanupScreen({
-  targets,
-  loading,
-  error,
-  statusMessage,
-  onBack,
-  onRefresh,
-  onCleanup,
-  version,
-}: PRCleanupScreenProps) {
-  const { rows } = useTerminalSize();
-
-  // Handle keyboard input
-  // Note: Select component handles Enter and arrow keys
-  useAppInput((input, key) => {
-    if (key.escape) {
-      onBack();
-    } else if (input === "r") {
-      onRefresh();
-    }
-  });
-
-  // Format pull requests for Select component
-  const prItems: PRItem[] = targets.map((target) => {
-    const pr = target.pullRequest;
-    const flags: string[] = [];
-    if (target.cleanupType === "worktree-and-branch") {
-      flags.push("worktree");
-    } else {
-      flags.push("branch");
-    }
-    if (target.reasons?.includes("no-diff-with-base")) {
-      flags.push("base");
-    }
-    if (target.hasUncommittedChanges) {
-      flags.push("changes");
-    }
-    if (target.hasUnpushedCommits) {
-      flags.push("unpushed");
-    }
-    if (target.isAccessible === false) {
-      flags.push("inaccessible");
-    }
-
-    const flagText = flags.length > 0 ? ` [${flags.join(", ")}]` : "";
-
-    const label = pr
-      ? `${target.branch} - #${pr.number} ${pr.title}${flagText}`
-      : `${target.branch}${flagText}`;
-
-    return {
-      label,
-      value: target.branch,
-      target,
-    };
-  });
-
-  // Calculate available space for PR list
-  const headerLines = 2;
-  const statsLines = 1;
-  const emptyLine = 1;
-  const footerLines = 1;
-  const fixedLines = headerLines + statsLines + emptyLine + footerLines;
-  const contentHeight = rows - fixedLines;
-  const limit = Math.max(5, contentHeight);
-
-  // Footer actions
-  const footerActions = [
-    { key: "enter", description: "Cleanup" },
-    { key: "r", description: "Refresh" },
-    { key: "esc", description: "Back" },
-  ];
-
-  return (
-    <Box flexDirection="column" height={rows}>
-      {/* Header */}
-      <Header title="Branch Cleanup" titleColor="yellow" version={version} />
-
-      {/* Stats */}
-      <Box marginTop={1}>
-        <Box flexDirection="row">
-          <Box marginRight={2}>
-            <Text>
-              Total: <Text bold>{targets.length}</Text>
-            </Text>
-          </Box>
-          {loading && (
-            <Box marginRight={2}>
-              <Text color="cyan">Loading...</Text>
-            </Box>
-          )}
-        </Box>
-      </Box>
-
-      {error && (
-        <Box marginTop={1}>
-          <Text color="red">
-            Error: <Text bold>{error.message}</Text>
-          </Text>
-        </Box>
-      )}
-
-      {statusMessage && (
-        <Box marginTop={1}>
-          <Text color="green">{statusMessage}</Text>
-        </Box>
-      )}
-
-      {/* Empty line */}
-      <Box height={1} />
-
-      {/* Content */}
-      <Box flexDirection="column" flexGrow={1}>
-        {loading ? (
-          <Box>
-            <Text dimColor>Loading cleanup targets...</Text>
-          </Box>
-        ) : targets.length === 0 ? (
-          <Box>
-            <Text dimColor>No cleanup targets found</Text>
-          </Box>
-        ) : (
-          <Select<PRItem>
-            items={prItems}
-            onSelect={(item) => onCleanup(item.target)}
-            limit={limit}
-          />
-        )}
-      </Box>
-
-      {/* Footer */}
-      <Footer actions={footerActions} />
-    </Box>
-  );
-}

package/src/cli/ui/components/screens/SessionSelectorScreen.tsx

@@ -1,135 +0,0 @@
-import React from "react";
-import { Box, Text } from "ink";
-import { Header } from "../parts/Header.js";
-import { Footer } from "../parts/Footer.js";
-import { Select } from "../common/Select.js";
-import { useAppInput } from "../../hooks/useAppInput.js";
-import { useTerminalSize } from "../../hooks/useTerminalSize.js";
-
-/**
- * Renderable item for the session selector list.
- */
-export interface SessionItem {
-  label: string;
-  value: string;
-  secondary?: string;
-}
-
-/**
- * Props for `SessionSelectorScreen`.
- */
-export interface SessionSelectorScreenProps {
-  sessions: {
-    sessionId: string;
-    branch: string;
-    toolLabel?: string | null;
-    timestamp?: number;
-  }[];
-  loading?: boolean;
-  errorMessage?: string | null;
-  onBack: () => void;
-  onSelect: (session: string) => void;
-  version?: string | null;
-}
-
-/**
- * SessionSelectorScreen - Screen for selecting a session
- * Layout: Header + Stats + Session List + Footer
- */
-export function SessionSelectorScreen({
-  sessions,
-  loading = false,
-  errorMessage = null,
-  onBack,
-  onSelect,
-  version,
-}: SessionSelectorScreenProps) {
-  const { rows } = useTerminalSize();
-
-  // Handle keyboard input
-  // Note: Select component handles Enter and arrow keys
-  useAppInput((input, key) => {
-    if (key.escape) {
-      onBack();
-    }
-  });
-
-  // Format sessions for Select component
-  const sessionItems: SessionItem[] = sessions.map((session) => {
-    const startedAt =
-      typeof session.timestamp === "number"
-        ? new Date(session.timestamp).toLocaleString()
-        : "unknown time";
-    const toolLabel = session.toolLabel ?? "unknown";
-    const label = `${session.branch} • ${toolLabel} • ${session.sessionId} (${startedAt})`;
-    return {
-      label,
-      value: session.sessionId,
-    };
-  });
-
-  // Handle session selection
-  const handleSelect = (item: SessionItem) => {
-    onSelect(item.value);
-  };
-
-  // Calculate available space for session list
-  const headerLines = 2;
-  const statsLines = 1;
-  const emptyLine = 1;
-  const footerLines = 1;
-  const fixedLines = headerLines + statsLines + emptyLine + footerLines;
-  const contentHeight = rows - fixedLines;
-  const limit = Math.max(5, contentHeight);
-
-  // Footer actions
-  const footerActions = [
-    { key: "enter", description: "Select" },
-    { key: "esc", description: "Back" },
-  ];
-
-  return (
-    <Box flexDirection="column" height={rows}>
-      {/* Header */}
-      <Header title="Session Selection" titleColor="cyan" version={version} />
-
-      {/* Stats */}
-      <Box marginTop={1}>
-        <Box flexDirection="row">
-          <Box marginRight={2}>
-            <Text>
-              Total: <Text bold>{sessions.length}</Text>
-            </Text>
-          </Box>
-        </Box>
-      </Box>
-
-      {/* Empty line */}
-      <Box height={1} />
-
-      {/* Content */}
-      <Box flexDirection="column" flexGrow={1}>
-        {loading ? (
-          <Box>
-            <Text dimColor>Loading sessions...</Text>
-          </Box>
-        ) : sessions.length === 0 ? (
-          <Box>
-            <Text dimColor>No sessions found</Text>
-          </Box>
-        ) : (
-          <Select items={sessionItems} onSelect={handleSelect} limit={limit} />
-        )}
-
-        {errorMessage ? (
-          <Box marginTop={1}>
-            <Text color="red">{errorMessage}</Text>
-          </Box>
-        ) : null}
-      </Box>
-
-      {/* Footer */}
-      <Footer actions={footerActions} />
-    </Box>
-  );
-}