claude-code/utils/swarm/It2SetupPrompt.tsx

380 lines
42 KiB
TypeScript
Raw Normal View History

import { c as _c } from "react/compiler-runtime";
import React, { useCallback, useEffect, useState } from 'react';
import { type OptionWithDescription, Select } from '../../components/CustomSelect/index.js';
import { Pane } from '../../components/design-system/Pane.js';
import { Spinner } from '../../components/Spinner.js';
import { useExitOnCtrlCDWithKeybindings } from '../../hooks/useExitOnCtrlCDWithKeybindings.js';
// eslint-disable-next-line custom-rules/prefer-use-keybindings -- enter to proceed through setup steps
import { Box, Text, useInput } from '../../ink.js';
import { useKeybinding } from '../../keybindings/useKeybinding.js';
import { detectPythonPackageManager, getPythonApiInstructions, installIt2, markIt2SetupComplete, type PythonPackageManager, setPreferTmuxOverIterm2, verifyIt2Setup } from './backends/it2Setup.js';
type SetupStep = 'initial' | 'installing' | 'install-failed' | 'verify-api' | 'api-instructions' | 'verifying' | 'success' | 'failed';
type Props = {
onDone: (result: 'installed' | 'use-tmux' | 'cancelled') => void;
tmuxAvailable: boolean;
};
export function It2SetupPrompt(t0) {
const $ = _c(44);
const {
onDone,
tmuxAvailable
} = t0;
const [step, setStep] = useState("initial");
const [packageManager, setPackageManager] = useState(null);
const [error, setError] = useState(null);
const exitState = useExitOnCtrlCDWithKeybindings();
let t1;
let t2;
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
t1 = () => {
detectPythonPackageManager().then(pm => {
setPackageManager(pm);
});
};
t2 = [];
$[0] = t1;
$[1] = t2;
} else {
t1 = $[0];
t2 = $[1];
}
useEffect(t1, t2);
let t3;
if ($[2] !== onDone) {
t3 = () => {
onDone("cancelled");
};
$[2] = onDone;
$[3] = t3;
} else {
t3 = $[3];
}
const handleCancel = t3;
const t4 = step !== "installing" && step !== "verifying";
let t5;
if ($[4] !== t4) {
t5 = {
context: "Confirmation",
isActive: t4
};
$[4] = t4;
$[5] = t5;
} else {
t5 = $[5];
}
useKeybinding("confirm:no", handleCancel, t5);
let t6;
if ($[6] !== onDone || $[7] !== step) {
t6 = (_input, key) => {
if (step === "api-instructions" && key.return) {
setStep("verifying");
verifyIt2Setup().then(result => {
if (result.success) {
markIt2SetupComplete();
setStep("success");
setTimeout(onDone, 1500, "installed" as const);
} else {
setError(result.error || "Verification failed");
setStep("failed");
}
});
}
};
$[6] = onDone;
$[7] = step;
$[8] = t6;
} else {
t6 = $[8];
}
useInput(t6);
let t7;
if ($[9] !== packageManager) {
t7 = async function handleInstall() {
if (!packageManager) {
setError("No Python package manager found (uvx, pipx, or pip)");
setStep("failed");
return;
}
setStep("installing");
const result_0 = await installIt2(packageManager);
if (result_0.success) {
setStep("api-instructions");
} else {
setError(result_0.error || "Installation failed");
setStep("install-failed");
}
};
$[9] = packageManager;
$[10] = t7;
} else {
t7 = $[10];
}
const handleInstall = t7;
let t8;
if ($[11] !== onDone) {
t8 = function handleUseTmux() {
setPreferTmuxOverIterm2(true);
onDone("use-tmux");
};
$[11] = onDone;
$[12] = t8;
} else {
t8 = $[12];
}
const handleUseTmux = t8;
let T0;
let T1;
let t10;
let t11;
let t12;
let t13;
let t14;
let t9;
if ($[13] !== error || $[14] !== handleInstall || $[15] !== handleUseTmux || $[16] !== onDone || $[17] !== packageManager || $[18] !== step || $[19] !== tmuxAvailable) {
const renderContent = () => {
switch (step) {
case "initial":
{
return renderInitialPrompt();
}
case "installing":
{
return renderInstalling();
}
case "install-failed":
{
return renderInstallFailed();
}
case "api-instructions":
{
return renderApiInstructions();
}
case "verifying":
{
return renderVerifying();
}
case "success":
{
return renderSuccess();
}
case "failed":
{
return renderFailed();
}
default:
{
return null;
}
}
};
function renderInitialPrompt() {
const options = [{
label: "Install it2 now",
value: "install",
description: packageManager ? `Uses ${packageManager} to install the it2 CLI tool` : "Requires Python (uvx, pipx, or pip)"
}];
if (tmuxAvailable) {
options.push({
label: "Use tmux instead",
value: "tmux",
description: "Opens teammates in a separate tmux session"
});
}
options.push({
label: "Cancel",
value: "cancel",
description: "Skip teammate spawning for now"
});
return <Box flexDirection="column" gap={1}><Text>To use native iTerm2 split panes for teammates, you need the{" "}<Text bold={true}>it2</Text> CLI tool.</Text><Text dimColor={true}>This enables teammates to appear as split panes within your current window.</Text><Box marginTop={1}><Select options={options} onChange={value => {
bb61: switch (value) {
case "install":
{
handleInstall();
break bb61;
}
case "tmux":
{
handleUseTmux();
break bb61;
}
case "cancel":
{
onDone("cancelled");
}
}
}} onCancel={() => onDone("cancelled")} /></Box></Box>;
}
function renderInstalling() {
return <Box flexDirection="column" gap={1}><Box><Spinner /><Text> Installing it2 using {packageManager}</Text></Box><Text dimColor={true}>This may take a moment.</Text></Box>;
}
function renderInstallFailed() {
const options_0 = [{
label: "Try again",
value: "retry",
description: "Retry the installation"
}];
if (tmuxAvailable) {
options_0.push({
label: "Use tmux instead",
value: "tmux",
description: "Falls back to tmux for teammate panes"
});
}
options_0.push({
label: "Cancel",
value: "cancel",
description: "Skip teammate spawning for now"
});
return <Box flexDirection="column" gap={1}><Text color="error">Installation failed</Text>{error && <Text dimColor={true}>{error}</Text>}<Text dimColor={true}>You can try installing manually:{" "}{packageManager === "uvx" ? "uv tool install it2" : packageManager === "pipx" ? "pipx install it2" : "pip install --user it2"}</Text><Box marginTop={1}><Select options={options_0} onChange={value_0 => {
bb89: switch (value_0) {
case "retry":
{
handleInstall();
break bb89;
}
case "tmux":
{
handleUseTmux();
break bb89;
}
case "cancel":
{
onDone("cancelled");
}
}
}} onCancel={() => onDone("cancelled")} /></Box></Box>;
}
function renderApiInstructions() {
const instructions = getPythonApiInstructions();
return <Box flexDirection="column" gap={1}><Text color="success"> it2 installed successfully</Text><Box flexDirection="column" marginTop={1}>{instructions.map(_temp)}</Box><Box marginTop={1}><Text dimColor={true}>Press Enter when ready to verify</Text></Box></Box>;
}
function renderVerifying() {
return <Box><Spinner /><Text> Verifying it2 can communicate with iTerm2</Text></Box>;
}
function renderSuccess() {
return <Box flexDirection="column"><Text color="success"> iTerm2 split pane support is ready</Text><Text dimColor={true}>Teammates will now appear as split panes.</Text></Box>;
}
function renderFailed() {
const options_1 = [{
label: "Try again",
value: "retry",
description: "Verify the connection again"
}];
if (tmuxAvailable) {
options_1.push({
label: "Use tmux instead",
value: "tmux",
description: "Falls back to tmux for teammate panes"
});
}
options_1.push({
label: "Cancel",
value: "cancel",
description: "Skip teammate spawning for now"
});
return <Box flexDirection="column" gap={1}><Text color="error">Verification failed</Text>{error && <Text dimColor={true}>{error}</Text>}<Text>Make sure:</Text><Box flexDirection="column" paddingLeft={2}><Text>· Python API is enabled in iTerm2 preferences</Text><Text>· You may need to restart iTerm2 after enabling</Text></Box><Box marginTop={1}><Select options={options_1} onChange={value_1 => {
bb115: switch (value_1) {
case "retry":
{
setStep("verifying");
verifyIt2Setup().then(result_1 => {
if (result_1.success) {
markIt2SetupComplete();
setStep("success");
setTimeout(onDone, 1500, "installed" as const);
} else {
setError(result_1.error || "Verification failed");
setStep("failed");
}
});
break bb115;
}
case "tmux":
{
handleUseTmux();
break bb115;
}
case "cancel":
{
onDone("cancelled");
}
}
}} onCancel={() => onDone("cancelled")} /></Box></Box>;
}
T1 = Pane;
t14 = "permission";
T0 = Box;
t9 = "column";
t10 = 1;
t11 = 1;
if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
t12 = <Text bold={true} color="permission">iTerm2 Split Pane Setup</Text>;
$[28] = t12;
} else {
t12 = $[28];
}
t13 = renderContent();
$[13] = error;
$[14] = handleInstall;
$[15] = handleUseTmux;
$[16] = onDone;
$[17] = packageManager;
$[18] = step;
$[19] = tmuxAvailable;
$[20] = T0;
$[21] = T1;
$[22] = t10;
$[23] = t11;
$[24] = t12;
$[25] = t13;
$[26] = t14;
$[27] = t9;
} else {
T0 = $[20];
T1 = $[21];
t10 = $[22];
t11 = $[23];
t12 = $[24];
t13 = $[25];
t14 = $[26];
t9 = $[27];
}
let t15;
if ($[29] !== exitState || $[30] !== step) {
t15 = step !== "installing" && step !== "verifying" && step !== "success" && <Text dimColor={true} italic={true}>{exitState.pending ? <>Press {exitState.keyName} again to exit</> : <>Esc to cancel</>}</Text>;
$[29] = exitState;
$[30] = step;
$[31] = t15;
} else {
t15 = $[31];
}
let t16;
if ($[32] !== T0 || $[33] !== t10 || $[34] !== t11 || $[35] !== t12 || $[36] !== t13 || $[37] !== t15 || $[38] !== t9) {
t16 = <T0 flexDirection={t9} gap={t10} paddingBottom={t11}>{t12}{t13}{t15}</T0>;
$[32] = T0;
$[33] = t10;
$[34] = t11;
$[35] = t12;
$[36] = t13;
$[37] = t15;
$[38] = t9;
$[39] = t16;
} else {
t16 = $[39];
}
let t17;
if ($[40] !== T1 || $[41] !== t14 || $[42] !== t16) {
t17 = <T1 color={t14}>{t16}</T1>;
$[40] = T1;
$[41] = t14;
$[42] = t16;
$[43] = t17;
} else {
t17 = $[43];
}
return t17;
}
function _temp(line, i) {
return <Text key={i}>{line}</Text>;
}
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZUNhbGxiYWNrIiwidXNlRWZmZWN0IiwidXNlU3RhdGUiLCJPcHRpb25XaXRoRGVzY3JpcHRpb24iLCJTZWxlY3QiLCJQYW5lIiwiU3Bpbm5lciIsInVzZUV4aXRPbkN0cmxDRFdpdGhLZXliaW5kaW5ncyIsIkJveCIsIlRleHQiLCJ1c2VJbnB1dCIsInVzZUtleWJpbmRpbmciLCJkZXRlY3RQeXRob25QYWNrYWdlTWFuYWdlciIsImdldFB5dGhvbkFwaUluc3RydWN0aW9ucyIsImluc3RhbGxJdDIiLCJtYXJrSXQyU2V0dXBDb21wbGV0ZSIsIlB5dGhvblBhY2thZ2VNYW5hZ2VyIiwic2V0UHJlZmVyVG11eE92ZXJJdGVybTIiLCJ2ZXJpZnlJdDJTZXR1cCIsIlNldHVwU3RlcCIsIlByb3BzIiwib25Eb25lIiwicmVzdWx0IiwidG11eEF2YWlsYWJsZSIsIkl0MlNldHVwUHJvbXB0IiwidDAiLCIkIiwiX2MiLCJzdGVwIiwic2V0U3RlcCIsInBhY2thZ2VNYW5hZ2VyIiwic2V0UGFja2FnZU1hbmFnZXIiLCJlcnJvciIsInNldEVycm9yIiwiZXhpdFN0YXRlIiwidDEiLCJ0MiIsIlN5bWJvbCIsImZvciIsInRoZW4iLCJwbSIsInQzIiwiaGFuZGxlQ2FuY2VsIiwidDQiLCJ0NSIsImNvbnRleHQiLCJpc0FjdGl2ZSIsInQ2IiwiX2lucHV0Iiwia2V5IiwicmV0dXJuIiwic3VjY2VzcyIsInNldFRpbWVvdXQiLCJjb25zdCIsInQ3IiwiaGFuZGxlSW5zdGFsbCIsInJlc3VsdF8wIiwidDgiLCJoYW5kbGVVc2VUbXV4IiwiVDAiLCJUMSIsInQxMCIsInQxMSIsInQxMiIsInQxMyIsInQxNCIsInQ5IiwicmVuZGVyQ29udGVudCIsInJlbmRlckluaXRpYWxQcm9tcHQiLCJyZW5kZXJJbnN0YWxsaW5nIiwicmVuZGVySW5zdGFsbEZhaWxlZCIsInJlbmRlckFwaUluc3RydWN0aW9ucyIsInJlbmRlclZlcmlmeWluZyIsInJlbmRlclN1Y2Nlc3MiLCJyZW5kZXJGYWlsZWQiLCJvcHRpb25zIiwibGFiZWwiLCJ2YWx1ZSIsImRlc2NyaXB0aW9uIiwicHVzaCIsImJiNjEiLCJvcHRpb25zXzAiLCJ2YWx1ZV8wIiwiYmI4OSIsImluc3RydWN0aW9ucyIsIm1hcCIsIl90ZW1wIiwib3B0aW9uc18xIiwidmFsdWVfMSIsImJiMTE1IiwicmVzdWx0XzEiLCJ0MTUiLCJwZW5kaW5nIiwia2V5TmFtZSIsInQxNiIsInQxNyIsImxpbmUiLCJpIl0sInNvdXJjZXMiOlsiSXQyU2V0dXBQcm9tcHQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHtcbiAgdHlwZSBPcHRpb25XaXRoRGVzY3JpcHRpb24sXG4gIFNlbGVjdCxcbn0gZnJvbSAnLi4vLi4vY29tcG9uZW50cy9DdXN0b21TZWxlY3QvaW5kZXguanMnXG5pbXBvcnQgeyBQYW5lIH0gZnJvbSAnLi4vLi4vY29tcG9uZW50cy9kZXNpZ24tc3lzdGVtL1BhbmUuanMnXG5pbXBvcnQgeyBTcGlubmVyIH0gZnJvbSAnLi4vLi4vY29tcG9uZW50cy9TcGlubmVyLmpzJ1xuaW1wb3J0IHsgdXNlRXhpdE9uQ3RybENEV2l0aEtleWJpbmRpbmdzIH0gZnJvbSAnLi4vLi4vaG9va3MvdXNlRXhpdE9uQ3RybENEV2l0aEtleWJpbmRpbmdzLmpzJ1xuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGN1c3RvbS1ydWxlcy9wcmVmZXItdXNlLWtleWJpbmRpbmdzIC0tIGVudGVyIHRvIHByb2NlZWQgdGhyb3VnaCBzZXR1cCBzdGVwc1xuaW1wb3J0IHsgQm94LCBUZXh0LCB1c2VJbnB1dCB9IGZyb20gJy4uLy4uL2luay5qcydcbmltcG9ydCB7IHVzZUtleWJpbmRpbmcgfSBmcm9tICcuLi8uLi9rZXliaW5kaW5ncy91c2VLZXliaW5kaW5nLmpzJ1xuaW1wb3J0IHtcbiAgZGV0ZWN0UHl0aG9uUGFja2FnZU1hbmFnZXIsXG4gIGdldFB5dGhvbkFwaUluc3RydWN0aW9ucyxcbiAgaW5zdGFsbEl0MixcbiAgbWFya0l0MlNldHVwQ29tcGxldGUsXG4gIHR5cGUgUHl0aG9uUGFja2FnZU1hbmFnZXIsXG4gIHNldFByZWZlclRtdXhPdmVySXRlcm0yLFxuICB2ZXJpZnlJdDJTZXR1cCxcbn0gZnJvbSAnLi9iYWNrZW5kcy9pdDJTZXR1cC5qcydcblxudHlwZSBTZXR1cFN0ZXAgPVxuICB8ICdpbml0aWFsJ1xuICB8ICdpbnN0YWxsaW5nJ1xuICB8ICdpbnN0YWxsLWZhaWxlZCdcbiAgfCAndmVyaWZ5LWFwaSdcbiAgfCAnYXBpLWluc3RydWN0aW9ucydcbiAgfCAndmVyaWZ5aW5nJ1xuICB8ICdzdWNjZXNzJ1xuICB8ICdmYWlsZWQnXG5cbnR5cGUgUHJvcHMgPSB7XG4gIG9uRG9uZTogKHJlc3VsdDogJ2luc3RhbGxlZCcgfCAndXNlLXRtdXgnIHwgJ2NhbmNlbGxlZCcpID0+IHZvaWRcbiAgdG11eEF2YWlsYWJsZTogYm9vbGVhblxufVxuXG5leHBvcnQgZnVuY3Rpb24gSXQyU2V0dXBQcm9tcHQoe1xuICBvbkRvbmUsXG4gIHRtdXhBdmFpbGFibGUsXG59OiBQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IFtzdGVwLCBzZXRTdGVwXSA9IHVzZVN0YXRlPFNldHVwU3RlcD4oJ2luaXRpYWwnKVxuICBjb25zdCBbcGFja2FnZU1hbmFnZXIsIHNldFBhY2thZ2VNYW5hZ2VyXSA9XG4gICAgdXNlU3RhdGU8UHl0aG9uUGFja2FnZU1hbmFnZXIgfCBudWxsPihudWxsKVxuICBjb25zdCBbZXJyb3IsIHNldEVycm9yXSA9IHVzZVN0YXRlPHN0cmluZyB8IG51bGw+KG51bGwpXG4gIGNvbnN0IGV4aXRTdGF0ZSA9IHVzZUV4aXRPbkN0cmxDRFdpdGhLZXliaW5kaW5ncygpXG5cbiAgLy8gRGV0ZWN0IHBhY2thZ2UgbWFuYWdlciBvbiBtb3VudFxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHZvaWQgZGV0ZWN0UHl0aG9uUGFja2FnZU1hbmFnZXIoKS50aGVuKHBtID0+IHtcbiAgICAgIHNldFBhY2thZ2VNYW5hZ2VyKHBtKVxuICAgIH0pXG4gIH0sIFtdKVxuXG4gIGNvbnN0IGhhbmRsZUNhbmNlbCA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBvbkRvbmUoJ2NhbmNlbGxlZCcpXG4gIH0sIFtvbkRvbmVdKVxuXG4gIHVzZUtleWJpbmRpbmcoJ2NvbmZpcm06bm8nLCBoYW5kbGVDYW5jZWwsIHtcbiAgICBjb250ZXh0OiAnQ29uZmlybWF0aW9uJyxcbiAgICBpc0FjdGl2ZTogc3RlcCAhPT0gJ2luc3RhbGxpbmcnICYmIHN0ZXAgIT09ICd2ZXJpZnlpbmcnLFx