@ridit/lens 0.3.7 → 0.3.9

package/src/components/chat/ChatOverlays.tsx

@@ -1,399 +0,0 @@
-import React from "react";
-import { Box, Static, Text, useStdout } from "ink";
-import Spinner from "ink-spinner";
-import { TextArea } from "./TextArea";
-import { ACCENT, GREEN, RED } from "../../colors";
-import { DiffViewer } from "../repo/DiffViewer";
-import { StaticMessage } from "./ChatMessage";
-import type { DiffLine, FilePatch } from "../repo/DiffViewer";
-import type { Message, ToolCall, ChatStage } from "../../types/chat";
-
-function History({ committed }: { committed: Message[] }) {
-  return (
-    <Static items={committed}>
-      {(msg, i) => <StaticMessage key={i} msg={msg} />}
-    </Static>
-  );
-}
-
-function Hint({ text }: { text: string }) {
-  return (
-    <Text color="gray" dimColor>
-      {text}
-    </Text>
-  );
-}
-
-// ── PermissionPrompt ──────────────────────────────────────────────────────────
-//
-// Works with both the old explicit ToolCall union and the new generic
-// { type, _label, _display } shape produced by the plugin system.
-
-export function PermissionPrompt({
-  tool,
-  onDecide,
-}: {
-  tool: ToolCall | { type: string; _label: string; _display: string };
-  onDecide: (approved: boolean) => void;
-}) {
-  let icon: string;
-  let label: string;
-  let value: string;
-
-  // Generic plugin tool shape
-  if ("_label" in tool) {
-    const iconMap: Record<string, string> = {
-      run: "$",
-      fetch: "~>",
-      read: "r",
-      write: "w",
-      delete: "x",
-      "delete folder": "X",
-      open: "↗",
-      pdf: "P",
-      search: "?",
-      folder: "d",
-      grep: "/",
-      clone: "↓",
-      query: "⌗",
-    };
-    icon = iconMap[tool._label] ?? "·";
-    label = tool._label;
-    value = tool._display;
-  } else {
-    // Legacy explicit ToolCall union
-    if (tool.type === "shell") {
-      icon = "$";
-      label = "run";
-      value = tool.command;
-    } else if (tool.type === "fetch") {
-      icon = "~>";
-      label = "fetch";
-      value = tool.url;
-    } else if (tool.type === "read-file") {
-      icon = "r";
-      label = "read";
-      value = tool.filePath;
-    } else if (tool.type === "read-folder") {
-      icon = "d";
-      label = "folder";
-      value = tool.folderPath;
-    } else if (tool.type === "grep") {
-      icon = "/";
-      label = "grep";
-      value = `${tool.pattern}  ${tool.glob}`;
-    } else if (tool.type === "delete-file") {
-      icon = "x";
-      label = "delete";
-      value = tool.filePath;
-    } else if (tool.type === "delete-folder") {
-      icon = "X";
-      label = "delete folder";
-      value = tool.folderPath;
-    } else if (tool.type === "open-url") {
-      icon = "↗";
-      label = "open";
-      value = tool.url;
-    } else if (tool.type === "generate-pdf") {
-      icon = "P";
-      label = "pdf";
-      value = tool.filePath;
-    } else if (tool.type === "write-file") {
-      icon = "w";
-      label = "write";
-      value = `${tool.filePath} (${tool.fileContent.length} bytes)`;
-    } else {
-      icon = "?";
-      label = "search";
-      value = (tool as any).query ?? "";
-    }
-  }
-
-  return (
-    <Box flexDirection="column" marginY={1}>
-      <Box gap={1}>
-        <Text color={ACCENT}>{icon}</Text>
-        <Text color="gray">{label}</Text>
-        <Text color="white">{value}</Text>
-      </Box>
-      <Box gap={1} marginLeft={2}>
-        <Text color="gray">y/enter allow · n/esc deny</Text>
-      </Box>
-    </Box>
-  );
-}
-
-export function InputBox({
-  value,
-  onChange,
-  onSubmit,
-  inputKey,
-}: {
-  value: string;
-  onChange: (v: string) => void;
-  onSubmit: (v: string) => void;
-  inputKey?: number;
-}) {
-  const { stdout } = useStdout();
-  const cols = stdout?.columns ?? 80;
-  const rule = "─".repeat(Math.max(1, cols));
-
-  return (
-    <Box flexDirection="column" marginTop={1}>
-      <Text color="gray" dimColor>{rule}</Text>
-      <Box gap={1}>
-        <Text color={ACCENT}>{">"}</Text>
-        <TextArea
-          key={inputKey}
-          value={value}
-          onChange={onChange}
-          onSubmit={onSubmit}
-          placeholder="ask anything..."
-        />
-      </Box>
-      <Text color="gray" dimColor>{rule}</Text>
-    </Box>
-  );
-}
-
-export function TypewriterText({
-  text,
-  color = ACCENT,
-  speed = 38,
-}: {
-  text: string;
-  color?: string;
-  speed?: number;
-}) {
-  const [displayed, setDisplayed] = React.useState("");
-  const [target, setTarget] = React.useState(text);
-
-  React.useEffect(() => {
-    setDisplayed("");
-    setTarget(text);
-  }, [text]);
-
-  React.useEffect(() => {
-    if (displayed.length >= target.length) return;
-    const t = setTimeout(
-      () => setDisplayed(target.slice(0, displayed.length + 1)),
-      speed,
-    );
-    return () => clearTimeout(t);
-  }, [displayed, target, speed]);
-
-  return <Text color={color}>{displayed}</Text>;
-}
-
-export function ShortcutBar({
-  autoApprove,
-  forceApprove,
-}: {
-  autoApprove?: boolean;
-  forceApprove?: boolean;
-}) {
-  return (
-    <Box gap={3} marginTop={0}>
-      <Text color="gray" dimColor>
-        enter send · alt+enter newline · ^w del word · ^c exit
-      </Text>
-      {forceApprove ? (
-        <Text color={RED}>⚡⚡ force-all</Text>
-      ) : (
-        <Text color={autoApprove ? GREEN : "gray"} dimColor={!autoApprove}>
-          {autoApprove ? "⚡ auto" : "/auto"}
-        </Text>
-      )}
-    </Box>
-  );
-}
-
-export function CloneOfferView({
-  stage,
-  committed,
-}: {
-  stage: Extract<ChatStage, { type: "clone-offer" }>;
-  committed: Message[];
-}) {
-  return (
-    <Box flexDirection="column">
-      <History committed={committed} />
-      <Box flexDirection="column" marginY={1}>
-        <Box gap={1}>
-          <Text color={ACCENT}>*</Text>
-          <Text color="white">clone </Text>
-          <Text color={ACCENT}>{stage.repoUrl}</Text>
-          <Text color="white">?</Text>
-        </Box>
-        <Hint text="  y/enter clone · n/esc skip" />
-      </Box>
-    </Box>
-  );
-}
-
-export function CloningView({
-  stage,
-  committed,
-}: {
-  stage: Extract<ChatStage, { type: "cloning" }>;
-  committed: Message[];
-}) {
-  return (
-    <Box flexDirection="column">
-      <History committed={committed} />
-      <Box gap={1} marginTop={1}>
-        <Text color={ACCENT}>
-          <Spinner />
-        </Text>
-        <Text color="gray">cloning </Text>
-        <Text color={ACCENT}>{stage.repoUrl}</Text>
-        <Text color="gray">...</Text>
-      </Box>
-    </Box>
-  );
-}
-
-export function CloneExistsView({
-  stage,
-  committed,
-}: {
-  stage: Extract<ChatStage, { type: "clone-exists" }>;
-  committed: Message[];
-}) {
-  return (
-    <Box flexDirection="column">
-      <History committed={committed} />
-      <Box flexDirection="column" marginY={1}>
-        <Box gap={1}>
-          <Text color="yellow">!</Text>
-          <Text color="gray">already cloned at </Text>
-          <Text color="white">{stage.repoPath}</Text>
-        </Box>
-        <Hint text="  y re-clone · n use existing" />
-      </Box>
-    </Box>
-  );
-}
-
-export function CloneDoneView({
-  stage,
-  committed,
-}: {
-  stage: Extract<ChatStage, { type: "clone-done" }>;
-  committed: Message[];
-}) {
-  const repoName = stage.repoUrl.split("/").pop() ?? "repo";
-  return (
-    <Box flexDirection="column">
-      <History committed={committed} />
-      <Box flexDirection="column" marginY={1}>
-        <Box gap={1}>
-          <Text color={GREEN}>✓</Text>
-          <Text color="white" bold>
-            {repoName}
-          </Text>
-          <Text color="gray">
-            cloned · {stage.fileCount} files · {stage.destPath}
-          </Text>
-        </Box>
-        <Hint text="  enter/esc continue" />
-      </Box>
-    </Box>
-  );
-}
-
-export function CloneErrorView({
-  stage,
-  committed,
-}: {
-  stage: Extract<ChatStage, { type: "clone-error" }>;
-  committed: Message[];
-}) {
-  return (
-    <Box flexDirection="column">
-      <History committed={committed} />
-      <Box flexDirection="column" marginY={1}>
-        <Box gap={1}>
-          <Text color={RED}>✗</Text>
-          <Text color={RED}>{stage.message}</Text>
-        </Box>
-        <Hint text="  enter/esc continue" />
-      </Box>
-    </Box>
-  );
-}
-
-export function PreviewView({
-  stage,
-  committed,
-}: {
-  stage: Extract<ChatStage, { type: "preview" }>;
-  committed: Message[];
-}) {
-  const { patches, diffLines, scrollOffset } = stage;
-  return (
-    <Box flexDirection="column">
-      <History committed={committed} />
-      <Box gap={1} marginTop={1}>
-        <Text color={ACCENT}>*</Text>
-        <Text color="white" bold>
-          proposed changes
-        </Text>
-        <Text color="gray">
-          ({patches.length} file{patches.length !== 1 ? "s" : ""})
-        </Text>
-      </Box>
-      <Box flexDirection="column" marginLeft={2} marginTop={1}>
-        {patches.map((p) => (
-          <Box key={p.path} gap={1}>
-            <Text color={p.isNew ? GREEN : "yellow"}>
-              {p.isNew ? "+" : "~"}
-            </Text>
-            <Text color={p.isNew ? GREEN : "yellow"}>{p.path}</Text>
-            {p.isNew && (
-              <Text color="gray" dimColor>
-                new
-              </Text>
-            )}
-          </Box>
-        ))}
-      </Box>
-      <DiffViewer
-        patches={patches}
-        diffs={diffLines}
-        scrollOffset={scrollOffset}
-      />
-      <Hint text="↑↓ scroll · enter/a apply · s/esc skip" />
-    </Box>
-  );
-}
-
-export function ViewingFileView({
-  stage,
-  committed,
-}: {
-  stage: Extract<ChatStage, { type: "viewing-file" }>;
-  committed: Message[];
-}) {
-  const { file, diffLines, scrollOffset } = stage;
-  return (
-    <Box flexDirection="column">
-      <History committed={committed} />
-      <Box gap={1} marginTop={1}>
-        <Text color={ACCENT}>r</Text>
-        <Text color="white" bold>
-          {file.path}
-        </Text>
-        <Text color="gray" dimColor>
-          {file.isNew ? "new" : "modified"}
-        </Text>
-      </Box>
-      <DiffViewer
-        patches={[file.patch]}
-        diffs={[diffLines]}
-        scrollOffset={scrollOffset}
-      />
-      <Hint text="↑↓ scroll · enter/esc back" />
-    </Box>
-  );
-}