@akiojin/gwt 4.10.0 → 4.12.0

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

@@ -1,244 +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, type SelectItem } from "../common/Select.js";
-import { useAppInput } from "../../hooks/useAppInput.js";
-import { useTerminalSize } from "../../hooks/useTerminalSize.js";
-
-/**
- * Action returned by `BranchQuickStartScreen`.
- */
-export type QuickStartAction = "reuse-continue" | "reuse-new" | "manual";
-
-/**
- * Previous tool/session configuration shown in the quick start list.
- */
-export interface BranchQuickStartOption {
-  toolId?: string | null;
-  toolLabel: string;
-  toolCategory?: "Codex" | "Claude" | "Gemini" | "OpenCode" | "Other";
-  model?: string | null;
-  sessionId?: string | null;
-  inferenceLevel?: string | null;
-  skipPermissions?: boolean | null;
-}
-
-const REASONING_LABELS: Record<string, string> = {
-  low: "Low",
-  medium: "Medium",
-  high: "High",
-  xhigh: "Extra high",
-};
-
-const formatReasoning = (level?: string | null) =>
-  level ? (REASONING_LABELS[level] ?? level) : "Default";
-
-const formatSkip = (skip?: boolean | null) =>
-  skip === true ? "Yes" : skip === false ? "No" : "No";
-
-const supportsReasoning = (toolId?: string | null) => toolId === "codex-cli";
-
-const describe = (opt: BranchQuickStartOption, includeSessionId = true) => {
-  const parts = [`Model: ${opt.model ?? "default"}`];
-  if (supportsReasoning(opt.toolId)) {
-    parts.push(`Reasoning: ${formatReasoning(opt.inferenceLevel)}`);
-  }
-  parts.push(`Skip: ${formatSkip(opt.skipPermissions)}`);
-  if (includeSessionId) {
-    parts.push(opt.sessionId ? `ID: ${opt.sessionId}` : "No ID");
-  }
-  return parts.join(" / ");
-};
-
-type QuickStartItem = SelectItem & {
-  description: string;
-  disabled?: boolean;
-  toolId?: string | null;
-  action: QuickStartAction;
-  groupStart?: boolean;
-  category: string;
-  categoryColor: "cyan" | "yellow" | "magenta" | "green" | "white"; // Includes green for OpenCode
-};
-
-/**
- * Props for `BranchQuickStartScreen`.
- */
-export interface BranchQuickStartScreenProps {
-  previousOptions: BranchQuickStartOption[];
-  loading?: boolean;
-  onBack: () => void;
-  onSelect: (action: QuickStartAction, toolId?: string | null) => void;
-  version?: string | null;
-  branchName: string;
-}
-
-export function BranchQuickStartScreen({
-  previousOptions,
-  loading = false,
-  onBack,
-  onSelect,
-  version,
-  branchName,
-}: BranchQuickStartScreenProps) {
-  const { rows } = useTerminalSize();
-  const containerHeight = rows && rows > 0 ? rows : undefined;
-
-  const CATEGORY_META = {
-    "codex-cli": { label: "Codex", color: "cyan" },
-    "claude-code": { label: "Claude", color: "yellow" },
-    "gemini-cli": { label: "Gemini", color: "magenta" },
-    opencode: { label: "OpenCode", color: "green" },
-    other: { label: "Other", color: "white" },
-  } as const;
-
-  type CategoryMeta = (typeof CATEGORY_META)[keyof typeof CATEGORY_META];
-
-  const resolveCategory = (toolId?: string | null): CategoryMeta => {
-    switch (toolId) {
-      case "codex-cli":
-        return CATEGORY_META["codex-cli"];
-      case "claude-code":
-        return CATEGORY_META["claude-code"];
-      case "gemini-cli":
-        return CATEGORY_META["gemini-cli"];
-      case "opencode":
-        return CATEGORY_META["opencode"];
-      default:
-        return CATEGORY_META.other;
-    }
-  };
-
-  const items: QuickStartItem[] = previousOptions.length
-    ? (() => {
-        const order = ["Claude", "Codex", "Gemini", "OpenCode", "Other"];
-        const sorted = [...previousOptions].sort((a, b) => {
-          const ca = resolveCategory(a.toolId).label;
-          const cb = resolveCategory(b.toolId).label;
-          return order.indexOf(ca) - order.indexOf(cb);
-        });
-
-        const flat: QuickStartItem[] = [];
-        sorted.forEach((opt, idx) => {
-          const cat = resolveCategory(opt.toolId);
-          const prevCat =
-            idx > 0 ? resolveCategory(sorted[idx - 1]?.toolId).label : null;
-          const isNewCategory = prevCat !== cat.label;
-
-          flat.push(
-            {
-              label: "Resume",
-              value: `reuse-continue:${opt.toolId ?? "unknown"}:${idx}`,
-              action: "reuse-continue",
-              toolId: opt.toolId ?? null,
-              description: describe(opt, true),
-              groupStart: isNewCategory && flat.length > 0,
-              category: cat.label,
-              categoryColor: cat.color,
-            },
-            {
-              label: "New",
-              value: `reuse-new:${opt.toolId ?? "unknown"}:${idx}`,
-              action: "reuse-new",
-              toolId: opt.toolId ?? null,
-              description: describe(opt, false),
-              groupStart: false,
-              category: cat.label,
-              categoryColor: cat.color,
-            },
-          );
-        });
-
-        return flat;
-      })()
-    : [
-        {
-          label: "Resume with previous settings",
-          value: "reuse-continue",
-          action: "reuse-continue",
-          description: "No previous settings (disabled)",
-          disabled: true,
-          category: CATEGORY_META.other.label,
-          categoryColor: CATEGORY_META.other.color,
-        },
-        {
-          label: "Start new with previous settings",
-          value: "reuse-new",
-          action: "reuse-new",
-          description: "No previous settings (disabled)",
-          disabled: true,
-          category: CATEGORY_META.other.label,
-          categoryColor: CATEGORY_META.other.color,
-        },
-      ];
-
-  items.push({
-    label: "Manual selection",
-    value: "manual",
-    action: "manual",
-    description: "Pick tool and model manually",
-    category: CATEGORY_META.other.label,
-    categoryColor: CATEGORY_META.other.color,
-  });
-
-  useAppInput((_, key) => {
-    if (key.escape) {
-      onBack();
-    }
-  });
-
-  return (
-    <Box flexDirection="column" height={containerHeight}>
-      <Header title="Quick Start" titleColor="cyan" version={version} />
-
-      <Box flexDirection="column" flexGrow={1} marginTop={1}>
-        <Box marginBottom={1} flexDirection="column">
-          <Text>
-            {loading
-              ? "Loading previous settings..."
-              : "Resume with previous settings, start new, or choose manually."}
-          </Text>
-          <Text color="gray">{`Branch: ${branchName}`}</Text>
-        </Box>
-        <Select
-          items={items}
-          disabled={loading}
-          onSelect={(item: QuickStartItem) => {
-            if (item.disabled) return;
-            onSelect(item.action, item.toolId ?? null);
-          }}
-          renderItem={(item: QuickStartItem, isSelected) => {
-            return (
-              <Box
-                flexDirection="column"
-                marginTop={
-                  item.groupStart ? 1 : item.category === "Other" ? 1 : 0
-                }
-              >
-                <Text>
-                  <Text color={item.categoryColor} inverse={isSelected}>
-                    {`[${item.category}] `}
-                  </Text>
-                  <Text inverse={isSelected}>
-                    {item.label}
-                    {item.disabled ? " (disabled)" : ""}
-                  </Text>
-                </Text>
-                {item.description && (
-                  <Text color="gray"> {item.description}</Text>
-                )}
-              </Box>
-            );
-          }}
-        />
-      </Box>
-
-      <Footer
-        actions={[
-          { key: "enter", description: "Select" },
-          { key: "esc", description: "Back" },
-        ]}
-      />
-    </Box>
-  );
-}

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

@@ -1,159 +0,0 @@
-import React, { useState, useEffect } 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 { getAllCodingAgents } from "../../../../config/tools.js";
-import type { CodingAgentConfig } from "../../../../types/tools.js";
-import type { CodingAgentId } from "../../types.js";
-
-/**
- * Renderable item for the coding agent selector list.
- */
-export interface CodingAgentItem {
-  label: string;
-  value: CodingAgentId;
-  description: string;
-}
-
-/**
- * Props for `CodingAgentSelectorScreen`.
- */
-export interface CodingAgentSelectorScreenProps {
-  onBack: () => void;
-  onSelect: (agentId: CodingAgentId) => void;
-  version?: string | null;
-  initialAgentId?: CodingAgentId | null;
-}
-
-/**
- * CodingAgentSelectorScreen - Screen for selecting coding agent (Claude Code, Codex CLI, or custom agents)
- * Layout: Header + Agent Selection + Footer
- *
- * This screen dynamically loads available agents from the configuration (builtin + custom).
- */
-export function CodingAgentSelectorScreen({
-  onBack,
-  onSelect,
-  version,
-  initialAgentId,
-}: CodingAgentSelectorScreenProps) {
-  const { rows } = useTerminalSize();
-  const [agentItems, setAgentItems] = useState<CodingAgentItem[]>([]);
-  const [isLoading, setIsLoading] = useState(true);
-  const [selectedIndex, setSelectedIndex] = useState<number>(0);
-
-  // Load agents from getAllCodingAgents()
-  useEffect(() => {
-    const loadAgents = async () => {
-      try {
-        const agents = await getAllCodingAgents();
-
-        // Convert CodingAgentConfig[] to CodingAgentItem[]
-        const items: CodingAgentItem[] = agents.map(
-          (agent: CodingAgentConfig) => {
-            // Generate description based on whether it's builtin or custom
-            const description = agent.isBuiltin
-              ? `Official ${agent.displayName} agent`
-              : `Custom coding agent`;
-
-            // Add icon to label if present
-            const label = agent.icon
-              ? `${agent.icon} ${agent.displayName}`
-              : agent.displayName;
-
-            return {
-              label,
-              value: agent.id,
-              description,
-            };
-          },
-        );
-
-        setAgentItems(items);
-
-        // Decide initial cursor position based on last used agent
-        const idx =
-          initialAgentId && items.length > 0
-            ? items.findIndex((item) => item.value === initialAgentId)
-            : 0;
-        setSelectedIndex(idx >= 0 ? idx : 0);
-      } catch (error) {
-        // If loading fails, show error in console but don't crash
-        console.error("Failed to load coding agents:", error);
-        // Fall back to empty array
-        setAgentItems([]);
-      } finally {
-        setIsLoading(false);
-      }
-    };
-
-    loadAgents();
-  }, [initialAgentId]);
-
-  // Update selection when props or items change
-  useEffect(() => {
-    if (isLoading || agentItems.length === 0) return;
-    const idx =
-      initialAgentId && agentItems.length > 0
-        ? agentItems.findIndex((item) => item.value === initialAgentId)
-        : 0;
-    setSelectedIndex(idx >= 0 ? idx : 0);
-  }, [initialAgentId, agentItems, isLoading]);
-
-  // Handle keyboard input
-  // Note: Select component handles Enter and arrow keys
-  useAppInput((input, key) => {
-    if (key.escape) {
-      onBack();
-    }
-  });
-
-  // Handle agent selection
-  const handleSelect = (item: CodingAgentItem) => {
-    onSelect(item.value);
-  };
-
-  // Footer actions
-  const footerActions = [
-    { key: "enter", description: "Select" },
-    { key: "esc", description: "Back" },
-  ];
-
-  return (
-    <Box flexDirection="column" height={rows}>
-      {/* Header */}
-      <Header
-        title="Coding Agent Selection"
-        titleColor="blue"
-        version={version}
-      />
-
-      {/* Content */}
-      <Box flexDirection="column" flexGrow={1} marginTop={1}>
-        <Box marginBottom={1}>
-          <Text>Select coding agent to use:</Text>
-        </Box>
-        {isLoading ? (
-          <Text>Loading coding agents...</Text>
-        ) : agentItems.length === 0 ? (
-          <Text color="yellow">
-            No coding agents available. Please check your configuration.
-          </Text>
-        ) : (
-          <Select
-            items={agentItems}
-            onSelect={handleSelect}
-            selectedIndex={selectedIndex}
-            onSelectedIndexChange={setSelectedIndex}
-          />
-        )}
-      </Box>
-
-      {/* Footer */}
-      <Footer actions={footerActions} />
-    </Box>
-  );
-}