@akiojin/gwt 4.10.0 → 4.12.0

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

@@ -1,176 +0,0 @@
-import React, { useState } 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";
-
-/**
- * Supported execution modes for interactive tools.
- */
-export type ExecutionMode = "normal" | "continue" | "resume";
-
-/**
- * Selectable execution mode item (step 1).
- */
-export interface ExecutionModeItem {
-  label: string;
-  value: ExecutionMode;
-  description: string;
-}
-
-/**
- * Selectable skip-permissions item (step 2).
- */
-export interface SkipPermissionsItem {
-  label: string;
-  value: string; // "yes" or "no"
-  description: string;
-}
-
-/**
- * Result returned by `ExecutionModeSelectorScreen`.
- */
-export interface ExecutionModeResult {
-  mode: ExecutionMode;
-  skipPermissions: boolean;
-}
-
-/**
- * Props for `ExecutionModeSelectorScreen`.
- */
-export interface ExecutionModeSelectorScreenProps {
-  onBack: () => void;
-  onSelect: (result: ExecutionModeResult) => void;
-  version?: string | null;
-  continueSessionId?: string | null;
-}
-
-/**
- * ExecutionModeSelectorScreen - Screen for selecting execution mode (2-step)
- * Step 1: Select mode (New/Continue/Resume)
- * Step 2: Select skip permissions (Yes/No)
- * Layout: Header + Selection + Footer
- */
-export function ExecutionModeSelectorScreen({
-  onBack,
-  onSelect,
-  version,
-  continueSessionId = null,
-}: ExecutionModeSelectorScreenProps) {
-  const { rows } = useTerminalSize();
-  const [step, setStep] = useState<1 | 2>(1);
-  const [selectedMode, setSelectedMode] = useState<ExecutionMode | null>(null);
-
-  // Handle keyboard input
-  useAppInput((input, key) => {
-    if (key.escape) {
-      if (step === 2) {
-        // Go back to step 1
-        setStep(1);
-        setSelectedMode(null);
-      } else {
-        // Go back to previous screen
-        onBack();
-      }
-    }
-  });
-
-  // Execution mode options (Step 1)
-  const modeItems: ExecutionModeItem[] = [
-    {
-      label: "New",
-      value: "normal",
-      description: "Start fresh session",
-    },
-    {
-      label: continueSessionId
-        ? `Continue (ID: ${continueSessionId})`
-        : "Continue",
-      value: "continue",
-      description: "Continue from last session",
-    },
-    {
-      label: "Resume",
-      value: "resume",
-      description: "Resume specific session",
-    },
-  ];
-
-  // Skip permissions options (Step 2)
-  const skipPermissionsItems: SkipPermissionsItem[] = [
-    {
-      label: "No",
-      value: "no",
-      description: "Normal permission checks",
-    },
-    {
-      label: "Yes",
-      value: "yes",
-      description:
-        "Skip permission checks (--dangerously-skip-permissions / --yolo)",
-    },
-  ];
-
-  // Handle mode selection (Step 1)
-  const handleModeSelect = (item: ExecutionModeItem) => {
-    setSelectedMode(item.value);
-    setStep(2);
-  };
-
-  // Handle skip permissions selection (Step 2)
-  const handleSkipPermissionsSelect = (item: SkipPermissionsItem) => {
-    if (selectedMode) {
-      onSelect({
-        mode: selectedMode,
-        skipPermissions: item.value === "yes",
-      });
-    }
-  };
-
-  // Footer actions
-  const footerActions = [
-    { key: "enter", description: "Select" },
-    { key: "esc", description: step === 2 ? "Back to mode selection" : "Back" },
-  ];
-
-  return (
-    <Box flexDirection="column" height={rows}>
-      {/* Header */}
-      <Header
-        title={step === 1 ? "Execution Mode" : "Skip Permissions"}
-        titleColor="magenta"
-        version={version}
-      />
-
-      {/* Content */}
-      <Box flexDirection="column" flexGrow={1} marginTop={1}>
-        {step === 1 ? (
-          <>
-            <Box marginBottom={1}>
-              <Text>Select execution mode:</Text>
-            </Box>
-            <Select items={modeItems} onSelect={handleModeSelect} />
-          </>
-        ) : (
-          <>
-            <Box marginBottom={1}>
-              <Text>
-                Skip permission checks? (--dangerously-skip-permissions /
-                --yolo)
-              </Text>
-            </Box>
-            <Select
-              items={skipPermissionsItems}
-              onSelect={handleSkipPermissionsSelect}
-            />
-          </>
-        )}
-      </Box>
-
-      {/* Footer */}
-      <Footer actions={footerActions} />
-    </Box>
-  );
-}

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

@@ -1,83 +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 { LogFileInfo } from "../../../../logging/reader.js";
-
-interface DateItem {
-  label: string;
-  value: string;
-}
-
-export interface LogDatePickerScreenProps {
-  dates: LogFileInfo[];
-  onBack: () => void;
-  onSelect: (date: string) => void;
-  version?: string | null;
-}
-
-export function LogDatePickerScreen({
-  dates,
-  onBack,
-  onSelect,
-  version,
-}: LogDatePickerScreenProps) {
-  const { rows } = useTerminalSize();
-
-  useAppInput((input, key) => {
-    if (key.escape || input === "q") {
-      onBack();
-    }
-  });
-
-  const items: DateItem[] = dates.map((date) => ({
-    label: date.date,
-    value: date.date,
-  }));
-
-  const handleSelect = (item: DateItem) => {
-    onSelect(item.value);
-  };
-
-  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);
-
-  const footerActions = [
-    { key: "enter", description: "Select" },
-    { key: "esc", description: "Back" },
-  ];
-
-  return (
-    <Box flexDirection="column" height={rows}>
-      <Header title="gwt - Log Date" titleColor="cyan" version={version} />
-
-      <Box marginTop={1}>
-        <Text>
-          Total: <Text bold>{dates.length}</Text>
-        </Text>
-      </Box>
-
-      <Box height={1} />
-
-      <Box flexDirection="column" flexGrow={1}>
-        {dates.length === 0 ? (
-          <Box>
-            <Text dimColor>No logs available.</Text>
-          </Box>
-        ) : (
-          <Select items={items} onSelect={handleSelect} limit={limit} />
-        )}
-      </Box>
-
-      <Footer actions={footerActions} />
-    </Box>
-  );
-}

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

@@ -1,67 +0,0 @@
-import React, { useMemo } from "react";
-import { Box, Text } from "ink";
-import { Header } from "../parts/Header.js";
-import { Footer } from "../parts/Footer.js";
-import { useAppInput } from "../../hooks/useAppInput.js";
-import { useTerminalSize } from "../../hooks/useTerminalSize.js";
-import type { FormattedLogEntry } from "../../../../logging/formatter.js";
-
-export interface LogDetailScreenProps {
-  entry: FormattedLogEntry | null;
-  onBack: () => void;
-  onCopy: (entry: FormattedLogEntry) => void;
-  notification?: { message: string; tone: "success" | "error" } | null;
-  version?: string | null;
-}
-
-export function LogDetailScreen({
-  entry,
-  onBack,
-  onCopy,
-  notification,
-  version,
-}: LogDetailScreenProps) {
-  const { rows } = useTerminalSize();
-
-  useAppInput((input, key) => {
-    if (key.escape || input === "q") {
-      onBack();
-      return;
-    }
-
-    if (input === "c" && entry) {
-      onCopy(entry);
-    }
-  });
-
-  const jsonLines = useMemo<string[]>(() => {
-    if (!entry) return ["No logs available."]; // fallback
-    return entry.json.split("\n");
-  }, [entry]);
-
-  const footerActions = [
-    { key: "c", description: "Copy" },
-    { key: "esc", description: "Back" },
-  ];
-
-  return (
-    <Box flexDirection="column" height={rows}>
-      <Header title="gwt - Log Detail" titleColor="cyan" version={version} />
-
-      {notification ? (
-        <Box marginTop={1}>
-          <Text color={notification.tone === "error" ? "red" : "green"}>
-            {notification.message}
-          </Text>
-        </Box>
-      ) : null}
-      <Box flexDirection="column" flexGrow={1} marginTop={1}>
-        {jsonLines.map((line, index) => (
-          <Text key={`${line}-${index}`}>{line}</Text>
-        ))}
-      </Box>
-
-      <Footer actions={footerActions} />
-    </Box>
-  );
-}

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

@@ -1,192 +0,0 @@
-import React, { useCallback, useMemo, useState } from "react";
-import { Box, Text } from "ink";
-import stringWidth from "string-width";
-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 { FormattedLogEntry } from "../../../../logging/formatter.js";
-
-interface LogListItem {
-  label: string;
-  value: string;
-  entry: FormattedLogEntry;
-}
-
-export interface LogListScreenProps {
-  entries: FormattedLogEntry[];
-  loading?: boolean;
-  error?: string | null;
-  onBack: () => void;
-  onSelect: (entry: FormattedLogEntry) => void;
-  onCopy: (entry: FormattedLogEntry) => void;
-  onPickDate?: () => void;
-  notification?: { message: string; tone: "success" | "error" } | null;
-  version?: string | null;
-  selectedDate?: string | null;
-}
-
-const truncateToWidth = (value: string, maxWidth: number): string => {
-  if (maxWidth <= 0) return "";
-  if (stringWidth(value) <= maxWidth) return value;
-  const ellipsis = "…";
-  const ellipsisWidth = stringWidth(ellipsis);
-  if (ellipsisWidth >= maxWidth) return ellipsis;
-
-  let result = "";
-  for (const char of Array.from(value)) {
-    if (stringWidth(result + char) + ellipsisWidth > maxWidth) {
-      break;
-    }
-    result += char;
-  }
-  return result + ellipsis;
-};
-
-const padToWidth = (value: string, width: number): string => {
-  if (width <= 0) return "";
-  if (stringWidth(value) >= width) return value;
-  return value + " ".repeat(width - stringWidth(value));
-};
-
-export function LogListScreen({
-  entries,
-  loading = false,
-  error = null,
-  onBack,
-  onSelect,
-  onCopy,
-  onPickDate,
-  notification,
-  version,
-  selectedDate,
-}: LogListScreenProps) {
-  const { rows, columns } = useTerminalSize();
-  const [selectedIndex, setSelectedIndex] = useState(0);
-
-  const maxLabelWidth = Math.max(10, columns - 2);
-
-  const items = useMemo<LogListItem[]>(
-    () =>
-      entries.map((entry) => ({
-        label: truncateToWidth(entry.summary, maxLabelWidth),
-        value: entry.id,
-        entry,
-      })),
-    [entries, maxLabelWidth],
-  );
-
-  const handleSelect = useCallback(
-    (item: LogListItem) => {
-      onSelect(item.entry);
-    },
-    [onSelect],
-  );
-
-  const handleCopy = useCallback(() => {
-    const entry = entries[selectedIndex];
-    if (entry) {
-      onCopy(entry);
-    }
-  }, [entries, selectedIndex, onCopy]);
-
-  useAppInput((input, key) => {
-    if (key.escape || input === "q") {
-      onBack();
-      return;
-    }
-
-    if (input === "c") {
-      handleCopy();
-      return;
-    }
-
-    if (input === "d" && onPickDate) {
-      onPickDate();
-    }
-  });
-
-  const renderItem = useCallback(
-    (item: LogListItem, isSelected: boolean) => {
-      if (!isSelected) {
-        return <Text>{item.label}</Text>;
-      }
-      const padded = padToWidth(item.label, maxLabelWidth);
-      const output = `\u001b[46m\u001b[30m${padded}\u001b[0m`;
-      return <Text>{output}</Text>;
-    },
-    [maxLabelWidth],
-  );
-
-  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);
-
-  const footerActions = [
-    { key: "enter", description: "Detail" },
-    { key: "c", description: "Copy" },
-    { key: "d", description: "Date" },
-    { key: "esc", description: "Back" },
-  ];
-
-  return (
-    <Box flexDirection="column" height={rows}>
-      <Header title="gwt - Log Viewer" titleColor="cyan" version={version} />
-
-      {notification ? (
-        <Box marginTop={1}>
-          <Text color={notification.tone === "error" ? "red" : "green"}>
-            {notification.message}
-          </Text>
-        </Box>
-      ) : null}
-
-      <Box marginTop={1}>
-        <Box marginRight={2}>
-          <Text>
-            Date: <Text bold>{selectedDate ?? "---"}</Text>
-          </Text>
-        </Box>
-        <Text>
-          Total: <Text bold>{entries.length}</Text>
-        </Text>
-      </Box>
-
-      <Box height={1} />
-
-      <Box flexDirection="column" flexGrow={1}>
-        {loading ? (
-          <Box>
-            <Text dimColor>Loading logs...</Text>
-          </Box>
-        ) : entries.length === 0 ? (
-          <Box>
-            <Text dimColor>No logs available.</Text>
-          </Box>
-        ) : (
-          <Select
-            items={items}
-            onSelect={handleSelect}
-            limit={limit}
-            selectedIndex={selectedIndex}
-            onSelectedIndexChange={setSelectedIndex}
-            renderItem={renderItem}
-          />
-        )}
-
-        {error ? (
-          <Box marginTop={1}>
-            <Text color="red">{error}</Text>
-          </Box>
-        ) : null}
-      </Box>
-
-      <Footer actions={footerActions} />
-    </Box>
-  );
-}