centaurus-cli 3.0.1 → 3.1.0

package/dist/ui/components/AuthScreen.js

@@ -1,37 +1,25 @@
-import React, { useState, useEffect } from 'react';
-import { Box, Text, useInput } from 'ink';
-import { LoadingIndicator } from './LoadingIndicator.js';
-export const AuthScreen = ({ onAuthComplete, onAuthError }) => {
-    const [status, setStatus] = useState('init');
-    const [errorMessage, setErrorMessage] = useState('');
-    useInput((input, key) => {
-        if (key.ctrl && input === 'c') {
-            process.exit(0);
-        }
-    });
-    useEffect(() => {
-        if (status === 'init') {
-            setStatus('waiting');
-        }
-    }, [status]);
-    if (status === 'error') {
-        return (React.createElement(Box, { flexDirection: "column", padding: 2 },
-            React.createElement(Box, { marginBottom: 1 },
-                React.createElement(Text, { color: "red", bold: true }, "\u274C Authentication Failed")),
-            React.createElement(Box, { marginBottom: 1 },
-                React.createElement(Text, null, errorMessage)),
-            React.createElement(Box, null,
-                React.createElement(Text, { dimColor: true }, "Press Ctrl+C to exit"))));
+import React, { useState, useEffect } from "react";
+import { Box, Text, useInput } from "ink";
+import { LoadingIndicator } from "./LoadingIndicator.js";
+const AuthScreen = ({ onAuthComplete, onAuthError }) => {
+  const [status, setStatus] = useState("init");
+  const [errorMessage, setErrorMessage] = useState("");
+  useInput((input, key) => {
+    if (key.ctrl && input === "c") {
+      process.exit(0);
     }
-    return (React.createElement(Box, { flexDirection: "column", padding: 2 },
-        React.createElement(Box, { marginBottom: 1 },
-            React.createElement(Text, { bold: true, color: "#00ccff" }, "\uD83D\uDD10 Authentication Required")),
-        React.createElement(Box, { marginBottom: 1 },
-            React.createElement(Text, null, "To use Centaurus CLI, you need to sign in with your Google account.")),
-        React.createElement(Box, { marginBottom: 1 },
-            React.createElement(Text, null, "A browser window will open for you to complete the authentication.")),
-        React.createElement(Box, { marginBottom: 2 },
-            React.createElement(Text, { dimColor: true }, "If the browser doesn't open automatically, copy and paste the URL shown below.")),
-        React.createElement(LoadingIndicator, null)));
+  });
+  useEffect(() => {
+    if (status === "init") {
+      setStatus("waiting");
+    }
+  }, [status]);
+  if (status === "error") {
+    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", padding: 2 }, /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "red", bold: true }, "\u274C Authentication Failed")), /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, null, errorMessage)), /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Press Ctrl+C to exit")));
+  }
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", padding: 2 }, /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: "#00ccff" }, "\u{1F510} Authentication Required")), /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, null, "To use Centaurus CLI, you need to sign in with your Google account.")), /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, null, "A browser window will open for you to complete the authentication.")), /* @__PURE__ */ React.createElement(Box, { marginBottom: 2 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "If the browser doesn't open automatically, copy and paste the URL shown below.")), /* @__PURE__ */ React.createElement(LoadingIndicator, null));
+};
+export {
+  AuthScreen
 };
 //# sourceMappingURL=AuthScreen.js.map

package/dist/ui/components/AuthScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"AuthScreen.js","sourceRoot":"","sources":["../../../src/ui/components/AuthScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAOzD,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EAAE,cAAc,EAAE,WAAW,EAAE,EAAE,EAAE;IACrF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAA+B,MAAM,CAAC,CAAC;IAC3E,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAE7D,QAAQ,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;QACpB,IAAI,GAAG,CAAC,IAAI,IAAI,KAAK,KAAK,GAAG,EAAE,CAAC;YAC5B,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACpB,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;YACpB,SAAS,CAAC,SAAS,CAAC,CAAC;QACzB,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,IAAI,MAAM,KAAK,OAAO,EAAE,CAAC;QACrB,OAAO,CACH,oBAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC;YAClC,oBAAC,GAAG,IAAC,YAAY,EAAE,CAAC;gBAChB,oBAAC,IAAI,IAAC,KAAK,EAAC,KAAK,EAAC,IAAI,yCAA+B,CACnD;YACN,oBAAC,GAAG,IAAC,YAAY,EAAE,CAAC;gBAChB,oBAAC,IAAI,QAAE,YAAY,CAAQ,CACzB;YACN,oBAAC,GAAG;gBACA,oBAAC,IAAI,IAAC,QAAQ,iCAA4B,CACxC,CACJ,CACT,CAAC;IACN,CAAC;IAED,OAAO,CACH,oBAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC;QAClC,oBAAC,GAAG,IAAC,YAAY,EAAE,CAAC;YAChB,oBAAC,IAAI,IAAC,IAAI,QAAC,KAAK,EAAC,SAAS,2CAAkC,CAC1D;QACN,oBAAC,GAAG,IAAC,YAAY,EAAE,CAAC;YAChB,oBAAC,IAAI,8EAEE,CACL;QACN,oBAAC,GAAG,IAAC,YAAY,EAAE,CAAC;YAChB,oBAAC,IAAI,6EAEE,CACL;QACN,oBAAC,GAAG,IAAC,YAAY,EAAE,CAAC;YAChB,oBAAC,IAAI,IAAC,QAAQ,2FAEP,CACL;QACN,oBAAC,gBAAgB,OAAG,CAClB,CACT,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"sources":["../../../src/ui/components/AuthScreen.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\r\nimport { Box, Text, useInput } from 'ink';\r\nimport { LoadingIndicator } from './LoadingIndicator.js';\r\n\r\ninterface AuthScreenProps {\r\n    onAuthComplete: () => void;\r\n    onAuthError: (error: string) => void;\r\n}\r\n\r\nexport const AuthScreen: React.FC<AuthScreenProps> = ({ onAuthComplete, onAuthError }) => {\r\n    const [status, setStatus] = useState<'init' | 'waiting' | 'error'>('init');\r\n    const [errorMessage, setErrorMessage] = useState<string>('');\r\n\r\n    useInput((input, key) => {\r\n        if (key.ctrl && input === 'c') {\r\n            process.exit(0);\r\n        }\r\n    });\r\n\r\n    useEffect(() => {\r\n        if (status === 'init') {\r\n            setStatus('waiting');\r\n        }\r\n    }, [status]);\r\n\r\n    if (status === 'error') {\r\n        return (\r\n            <Box flexDirection=\"column\" padding={2}>\r\n                <Box marginBottom={1}>\r\n                    <Text color=\"red\" bold>❌ Authentication Failed</Text>\r\n                </Box>\r\n                <Box marginBottom={1}>\r\n                    <Text>{errorMessage}</Text>\r\n                </Box>\r\n                <Box>\r\n                    <Text dimColor>Press Ctrl+C to exit</Text>\r\n                </Box>\r\n            </Box>\r\n        );\r\n    }\r\n\r\n    return (\r\n        <Box flexDirection=\"column\" padding={2}>\r\n            <Box marginBottom={1}>\r\n                <Text bold color=\"#00ccff\">🔐 Authentication Required</Text>\r\n            </Box>\r\n            <Box marginBottom={1}>\r\n                <Text>\r\n                    To use Centaurus CLI, you need to sign in with your Google account.\r\n                </Text>\r\n            </Box>\r\n            <Box marginBottom={1}>\r\n                <Text>\r\n                    A browser window will open for you to complete the authentication.\r\n                </Text>\r\n            </Box>\r\n            <Box marginBottom={2}>\r\n                <Text dimColor>\r\n                    If the browser doesn't open automatically, copy and paste the URL shown below.\r\n                </Text>\r\n            </Box>\r\n            <LoadingIndicator />\r\n        </Box>\r\n    );\r\n};\r\n"],"mappings":"AAAA,OAAO,SAAS,UAAU,iBAAiB;AAC3C,SAAS,KAAK,MAAM,gBAAgB;AACpC,SAAS,wBAAwB;AAO1B,MAAM,aAAwC,CAAC,EAAE,gBAAgB,YAAY,MAAM;AACtF,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAuC,MAAM;AACzE,QAAM,CAAC,cAAc,eAAe,IAAI,SAAiB,EAAE;AAE3D,WAAS,CAAC,OAAO,QAAQ;AACrB,QAAI,IAAI,QAAQ,UAAU,KAAK;AAC3B,cAAQ,KAAK,CAAC;AAAA,IAClB;AAAA,EACJ,CAAC;AAED,YAAU,MAAM;AACZ,QAAI,WAAW,QAAQ;AACnB,gBAAU,SAAS;AAAA,IACvB;AAAA,EACJ,GAAG,CAAC,MAAM,CAAC;AAEX,MAAI,WAAW,SAAS;AACpB,WACI,oCAAC,OAAI,eAAc,UAAS,SAAS,KACjC,oCAAC,OAAI,cAAc,KACf,oCAAC,QAAK,OAAM,OAAM,MAAI,QAAC,8BAAuB,CAClD,GACA,oCAAC,OAAI,cAAc,KACf,oCAAC,YAAM,YAAa,CACxB,GACA,oCAAC,WACG,oCAAC,QAAK,UAAQ,QAAC,sBAAoB,CACvC,CACJ;AAAA,EAER;AAEA,SACI,oCAAC,OAAI,eAAc,UAAS,SAAS,KACjC,oCAAC,OAAI,cAAc,KACf,oCAAC,QAAK,MAAI,MAAC,OAAM,aAAU,mCAA0B,CACzD,GACA,oCAAC,OAAI,cAAc,KACf,oCAAC,YAAK,qEAEN,CACJ,GACA,oCAAC,OAAI,cAAc,KACf,oCAAC,YAAK,oEAEN,CACJ,GACA,oCAAC,OAAI,cAAc,KACf,oCAAC,QAAK,UAAQ,QAAC,gFAEf,CACJ,GACA,oCAAC,sBAAiB,CACtB;AAER;","names":[]}

package/dist/ui/components/AuthWelcomeScreen.js

@@ -1,26 +1,32 @@
-import React from 'react';
-import { Box, Text } from 'ink';
-import { WelcomeBanner } from './WelcomeBanner.js';
-import { SelectPrompt } from './SelectPrompt.js';
-export const AuthWelcomeScreen = ({ onSignIn, onExit, }) => {
-    const handleSelect = (value) => {
-        if (value === 'signin') {
-            onSignIn();
-        }
-        else {
-            onExit();
-        }
-    };
-    return (React.createElement(Box, { flexDirection: "column", padding: 1 },
-        React.createElement(WelcomeBanner, null),
-        React.createElement(Box, { flexDirection: "column", marginTop: 1, marginBottom: 1 },
-            React.createElement(Box, { marginBottom: 1 },
-                React.createElement(Text, { bold: true, color: "#00ccff" }, "\uD83D\uDD10 Authentication Required")),
-            React.createElement(Box, { marginBottom: 1 },
-                React.createElement(Text, null, "To use Centaurus CLI, you need to sign in with Google."))),
-        React.createElement(SelectPrompt, { message: "What would you like to do?", choices: [
-                { label: '🔑 Sign in with Google', value: 'signin' },
-                { label: '❌ Exit', value: 'exit' },
-            ], onSelect: handleSelect })));
+import React from "react";
+import { Box, Text } from "ink";
+import { WelcomeBanner } from "./WelcomeBanner.js";
+import { SelectPrompt } from "./SelectPrompt.js";
+const AuthWelcomeScreen = ({
+  onSignIn,
+  onExit
+}) => {
+  const handleSelect = (value) => {
+    if (value === "signin") {
+      onSignIn();
+    } else {
+      onExit();
+    }
+  };
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(WelcomeBanner, null), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: 1, marginBottom: 1, paddingX: 1 }, /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: "#00ccff" }, "\u{1F510} Authentication Required")), /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, null, "To use Centaurus CLI, you need to sign in with Google."))), /* @__PURE__ */ React.createElement(Box, { paddingX: 1 }, /* @__PURE__ */ React.createElement(
+    SelectPrompt,
+    {
+      message: "What would you like to do?",
+      choices: [
+        { label: "\u{1F511} Sign in with Google", value: "signin" },
+        { label: "\u274C Exit", value: "exit" }
+      ],
+      onSelect: handleSelect,
+      width: (process.stdout.columns || 120) - 2
+    }
+  )));
+};
+export {
+  AuthWelcomeScreen
 };
 //# sourceMappingURL=AuthWelcomeScreen.js.map

package/dist/ui/components/AuthWelcomeScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"AuthWelcomeScreen.js","sourceRoot":"","sources":["../../../src/ui/components/AuthWelcomeScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAOjD,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAClE,QAAQ,EACR,MAAM,GACP,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE;QACrC,IAAI,KAAK,KAAK,QAAQ,EAAE,CAAC;YACvB,QAAQ,EAAE,CAAC;QACb,CAAC;aAAM,CAAC;YACN,MAAM,EAAE,CAAC;QACX,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC;QAEpC,oBAAC,aAAa,OAAG;QAGjB,oBAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,SAAS,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC;YACvD,oBAAC,GAAG,IAAC,YAAY,EAAE,CAAC;gBAClB,oBAAC,IAAI,IAAC,IAAI,QAAC,KAAK,EAAC,SAAS,2CAAkC,CACxD;YAEN,oBAAC,GAAG,IAAC,YAAY,EAAE,CAAC;gBAClB,oBAAC,IAAI,iEAEE,CACH,CAGF;QAGN,oBAAC,YAAY,IACX,OAAO,EAAC,4BAA4B,EACpC,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,wBAAwB,EAAE,KAAK,EAAE,QAAQ,EAAE;gBACpD,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;aACnC,EACD,QAAQ,EAAE,YAAY,GACtB,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"sources":["../../../src/ui/components/AuthWelcomeScreen.tsx"],"sourcesContent":["import React, { useState } from 'react';\r\nimport { Box, Text } from 'ink';\r\nimport { WelcomeBanner } from './WelcomeBanner.js';\r\nimport { SelectPrompt } from './SelectPrompt.js';\r\n\r\ninterface AuthWelcomeScreenProps {\r\n  onSignIn: () => void;\r\n  onExit: () => void;\r\n}\r\n\r\nexport const AuthWelcomeScreen: React.FC<AuthWelcomeScreenProps> = ({\r\n  onSignIn,\r\n  onExit,\r\n}) => {\r\n  const handleSelect = (value: string) => {\r\n    if (value === 'signin') {\r\n      onSignIn();\r\n    } else {\r\n      onExit();\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Box flexDirection=\"column\">\r\n      {/* Welcome Banner — rendered flush to terminal edges; it manages its own width */}\r\n      <WelcomeBanner />\r\n\r\n      {/* Authentication Info */}\r\n      <Box flexDirection=\"column\" marginTop={1} marginBottom={1} paddingX={1}>\r\n        <Box marginBottom={1}>\r\n          <Text bold color=\"#00ccff\">🔐 Authentication Required</Text>\r\n        </Box>\r\n\r\n        <Box marginBottom={1}>\r\n          <Text>\r\n            To use Centaurus CLI, you need to sign in with Google.\r\n          </Text>\r\n        </Box>\r\n\r\n\r\n      </Box>\r\n\r\n      {/* Picker */}\r\n      <Box paddingX={1}>\r\n        <SelectPrompt\r\n          message=\"What would you like to do?\"\r\n          choices={[\r\n            { label: '🔑 Sign in with Google', value: 'signin' },\r\n            { label: '❌ Exit', value: 'exit' },\r\n          ]}\r\n          onSelect={handleSelect}\r\n          width={(process.stdout.columns || 120) - 2}\r\n        />\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n"],"mappings":"AAAA,OAAO,WAAyB;AAChC,SAAS,KAAK,YAAY;AAC1B,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAOtB,MAAM,oBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AACF,MAAM;AACJ,QAAM,eAAe,CAAC,UAAkB;AACtC,QAAI,UAAU,UAAU;AACtB,eAAS;AAAA,IACX,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AAEA,SACE,oCAAC,OAAI,eAAc,YAEjB,oCAAC,mBAAc,GAGf,oCAAC,OAAI,eAAc,UAAS,WAAW,GAAG,cAAc,GAAG,UAAU,KACnE,oCAAC,OAAI,cAAc,KACjB,oCAAC,QAAK,MAAI,MAAC,OAAM,aAAU,mCAA0B,CACvD,GAEA,oCAAC,OAAI,cAAc,KACjB,oCAAC,YAAK,wDAEN,CACF,CAGF,GAGA,oCAAC,OAAI,UAAU,KACb;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,SAAS;AAAA,QACP,EAAE,OAAO,iCAA0B,OAAO,SAAS;AAAA,QACnD,EAAE,OAAO,eAAU,OAAO,OAAO;AAAA,MACnC;AAAA,MACA,UAAU;AAAA,MACV,QAAQ,QAAQ,OAAO,WAAW,OAAO;AAAA;AAAA,EAC3C,CACF,CACF;AAEJ;","names":[]}

package/dist/ui/components/Breadcrumbs.js

@@ -1,88 +1,59 @@
-import React from 'react';
-import { Box, Text } from 'ink';
-// Get abbreviated breadcrumb (just the type) for parent sessions
+import React from "react";
+import { Box, Text } from "ink";
 const getAbbreviatedBreadcrumb = (context) => {
-    const typeColors = {
-        ssh: 'cyan',
-        wsl: 'yellow',
-        docker: 'blue',
-        local: 'gray'
-    };
-    return {
-        label: context.type,
-        color: typeColors[context.type] || 'cyan'
-    };
+  const typeColors = {
+    ssh: "cyan",
+    wsl: "yellow",
+    docker: "blue",
+    local: "gray"
+  };
+  return {
+    label: context.type,
+    color: typeColors[context.type] || "cyan"
+  };
 };
-// Get full breadcrumb with metadata for the current/active session
 const getContextBreadcrumbs = (context) => {
-    // Get breadcrumbs from handler if available
-    if (context.handler?.getBreadcrumbs) {
-        const crumbs = context.handler.getBreadcrumbs();
-        if (crumbs.length > 0)
-            return crumbs;
-    }
-    // Default logic based on type
-    const typeColors = {
-        ssh: 'cyan',
-        wsl: 'yellow',
-        docker: 'blue',
-        local: 'gray'
-    };
-    const info = {
-        label: context.type,
-        color: typeColors[context.type] || 'cyan'
-    };
-    // Enhance label with metadata
-    if (context.type === 'ssh' && context.metadata.username) {
-        info.label = `${context.metadata.username}@${context.metadata.hostname || 'host'}`;
-    }
-    else if (context.type === 'wsl' && context.metadata.distroName) {
-        info.label = `wsl:${context.metadata.distroName}`;
-    }
-    else if (context.type === 'docker' && context.metadata.containerId) {
-        info.label = `docker:${context.metadata.containerId.substring(0, 8)}`;
-    }
-    return [info];
+  if (context.handler?.getBreadcrumbs) {
+    const crumbs = context.handler.getBreadcrumbs();
+    if (crumbs.length > 0) return crumbs;
+  }
+  const typeColors = {
+    ssh: "cyan",
+    wsl: "yellow",
+    docker: "blue",
+    local: "gray"
+  };
+  const info = {
+    label: context.type,
+    color: typeColors[context.type] || "cyan"
+  };
+  if (context.type === "ssh" && context.metadata.username) {
+    info.label = `${context.metadata.username}@${context.metadata.hostname || "host"}`;
+  } else if (context.type === "wsl" && context.metadata.distroName) {
+    info.label = `wsl:${context.metadata.distroName}`;
+  } else if (context.type === "docker" && context.metadata.containerId) {
+    info.label = `docker:${context.metadata.containerId.substring(0, 8)}`;
+  }
+  return [info];
 };
-/**
- * Breadcrumbs component displays the current subshell context stack
- * Shows visual indicators for nested environments relative to local
- */
-export const Breadcrumbs = ({ context, stack }) => {
-    // Use stack if available, otherwise fallback to single context
-    let contexts = stack || (context ? [context] : []);
-    // Filter out local context if it's the base of a remote stack (standard case)
-    // We only want to show the "remote path"
-    if (contexts.length > 1 && contexts[0].type === 'local') {
-        contexts = contexts.slice(1);
-    }
-    else if (contexts.length === 1 && contexts[0].type === 'local') {
-        // If we're just local, render nothing (InputBox handles CWD)
-        return null;
-    }
-    if (contexts.length === 0)
-        return null;
-    // Determine if this is the last context (current/active session)
-    const isLastContext = (ctxIndex) => ctxIndex === contexts.length - 1;
-    return (React.createElement(Box, { marginRight: 1 }, contexts.map((ctx, ctxIndex) => {
-        // For parent sessions (not the last one), use abbreviated labels
-        // For the current/active session (last one), show full details
-        const crumbs = isLastContext(ctxIndex)
-            ? getContextBreadcrumbs(ctx)
-            : [getAbbreviatedBreadcrumb(ctx)];
-        return (React.createElement(Box, { key: ctx.sessionId || ctxIndex, flexDirection: "row" },
-            ctxIndex > 0 && (React.createElement(Box, { marginX: 1 },
-                React.createElement(Text, { color: "gray" }, "\u203A"))),
-            crumbs.map((info, crumbIndex) => {
-                // Only bold the very last item of the very last context
-                const isLast = isLastContext(ctxIndex) && crumbIndex === crumbs.length - 1;
-                return (React.createElement(Box, { key: `${ctxIndex}-${crumbIndex}`, flexDirection: "row" },
-                    crumbIndex > 0 && React.createElement(Box, { width: 1 }),
-                    React.createElement(Text, { color: info.color || 'cyan', bold: isLast },
-                        "[",
-                        info.label,
-                        "]")));
-            })));
-    })));
+const Breadcrumbs = ({ context, stack }) => {
+  let contexts = stack || (context ? [context] : []);
+  if (contexts.length > 1 && contexts[0].type === "local") {
+    contexts = contexts.slice(1);
+  } else if (contexts.length === 1 && contexts[0].type === "local") {
+    return null;
+  }
+  if (contexts.length === 0) return null;
+  const isLastContext = (ctxIndex) => ctxIndex === contexts.length - 1;
+  return /* @__PURE__ */ React.createElement(Box, { marginRight: 1 }, contexts.map((ctx, ctxIndex) => {
+    const crumbs = isLastContext(ctxIndex) ? getContextBreadcrumbs(ctx) : [getAbbreviatedBreadcrumb(ctx)];
+    return /* @__PURE__ */ React.createElement(Box, { key: ctx.sessionId || ctxIndex, flexDirection: "row" }, ctxIndex > 0 && /* @__PURE__ */ React.createElement(Box, { marginX: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "gray" }, "\u203A")), crumbs.map((info, crumbIndex) => {
+      const isLast = isLastContext(ctxIndex) && crumbIndex === crumbs.length - 1;
+      return /* @__PURE__ */ React.createElement(Box, { key: `${ctxIndex}-${crumbIndex}`, flexDirection: "row" }, crumbIndex > 0 && /* @__PURE__ */ React.createElement(Box, { width: 1 }), /* @__PURE__ */ React.createElement(Text, { color: info.color || "cyan", bold: isLast }, "[", info.label, "]"));
+    }));
+  }));
+};
+export {
+  Breadcrumbs
 };
 //# sourceMappingURL=Breadcrumbs.js.map

package/dist/ui/components/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../src/ui/components/Breadcrumbs.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/ui/components/Breadcrumbs.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Box, Text } from 'ink';\r\nimport { SubshellContext } from '../../context/types.js';\r\n\r\ninterface BreadcrumbsProps {\r\n  context?: SubshellContext;\r\n  stack?: SubshellContext[];\r\n}\r\n\r\ninterface BreadcrumbInfo {\r\n  label: string;\r\n  value?: string;\r\n  color?: string;\r\n}\r\n\r\n// Get abbreviated breadcrumb (just the type) for parent sessions\r\nconst getAbbreviatedBreadcrumb = (context: SubshellContext): BreadcrumbInfo => {\r\n  const typeColors: Record<string, string> = {\r\n    ssh: 'cyan',\r\n    wsl: 'yellow',\r\n    docker: 'blue',\r\n    local: 'gray'\r\n  };\r\n\r\n  return {\r\n    label: context.type,\r\n    color: typeColors[context.type] || 'cyan'\r\n  };\r\n};\r\n\r\n// Get full breadcrumb with metadata for the current/active session\r\nconst getContextBreadcrumbs = (context: SubshellContext): BreadcrumbInfo[] => {\r\n  // Get breadcrumbs from handler if available\r\n  if (context.handler?.getBreadcrumbs) {\r\n    const crumbs = context.handler.getBreadcrumbs();\r\n    if (crumbs.length > 0) return crumbs;\r\n  }\r\n\r\n  // Default logic based on type\r\n  const typeColors: Record<string, string> = {\r\n    ssh: 'cyan',\r\n    wsl: 'yellow',\r\n    docker: 'blue',\r\n    local: 'gray'\r\n  };\r\n\r\n  const info: BreadcrumbInfo = {\r\n    label: context.type,\r\n    color: typeColors[context.type] || 'cyan'\r\n  };\r\n\r\n  // Enhance label with metadata\r\n  if (context.type === 'ssh' && context.metadata.username) {\r\n    info.label = `${context.metadata.username}@${context.metadata.hostname || 'host'}`;\r\n  } else if (context.type === 'wsl' && context.metadata.distroName) {\r\n    info.label = `wsl:${context.metadata.distroName}`;\r\n  } else if (context.type === 'docker' && context.metadata.containerId) {\r\n    info.label = `docker:${context.metadata.containerId.substring(0, 8)}`;\r\n  }\r\n\r\n  return [info];\r\n};\r\n\r\n/**\r\n * Breadcrumbs component displays the current subshell context stack\r\n * Shows visual indicators for nested environments relative to local\r\n */\r\nexport const Breadcrumbs: React.FC<BreadcrumbsProps> = ({ context, stack }) => {\r\n  // Use stack if available, otherwise fallback to single context\r\n  let contexts = stack || (context ? [context] : []);\r\n\r\n  // Filter out local context if it's the base of a remote stack (standard case)\r\n  // We only want to show the \"remote path\"\r\n  if (contexts.length > 1 && contexts[0].type === 'local') {\r\n    contexts = contexts.slice(1);\r\n  } else if (contexts.length === 1 && contexts[0].type === 'local') {\r\n    // If we're just local, render nothing (InputBox handles CWD)\r\n    return null;\r\n  }\r\n\r\n  if (contexts.length === 0) return null;\r\n\r\n  // Determine if this is the last context (current/active session)\r\n  const isLastContext = (ctxIndex: number) => ctxIndex === contexts.length - 1;\r\n\r\n  return (\r\n    <Box marginRight={1}>\r\n      {contexts.map((ctx, ctxIndex) => {\r\n        // For parent sessions (not the last one), use abbreviated labels\r\n        // For the current/active session (last one), show full details\r\n        const crumbs = isLastContext(ctxIndex)\r\n          ? getContextBreadcrumbs(ctx)\r\n          : [getAbbreviatedBreadcrumb(ctx)];\r\n\r\n        return (\r\n          <Box key={ctx.sessionId || ctxIndex} flexDirection=\"row\">\r\n            {ctxIndex > 0 && (\r\n              <Box marginX={1}>\r\n                <Text color=\"gray\">›</Text>\r\n              </Box>\r\n            )}\r\n\r\n            {crumbs.map((info, crumbIndex) => {\r\n              // Only bold the very last item of the very last context\r\n              const isLast = isLastContext(ctxIndex) && crumbIndex === crumbs.length - 1;\r\n\r\n              return (\r\n                <Box key={`${ctxIndex}-${crumbIndex}`} flexDirection=\"row\">\r\n                  {crumbIndex > 0 && <Box width={1} />}\r\n                  <Text color={info.color || 'cyan'} bold={isLast}>\r\n                    [{info.label}]\r\n                  </Text>\r\n                </Box>\r\n              );\r\n            })}\r\n          </Box>\r\n        );\r\n      })}\r\n    </Box>\r\n  );\r\n};\r\n"],"mappings":"AAAA,OAAO,WAAW;AAClB,SAAS,KAAK,YAAY;AAe1B,MAAM,2BAA2B,CAAC,YAA6C;AAC7E,QAAM,aAAqC;AAAA,IACzC,KAAK;AAAA,IACL,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAEA,SAAO;AAAA,IACL,OAAO,QAAQ;AAAA,IACf,OAAO,WAAW,QAAQ,IAAI,KAAK;AAAA,EACrC;AACF;AAGA,MAAM,wBAAwB,CAAC,YAA+C;AAE5E,MAAI,QAAQ,SAAS,gBAAgB;AACnC,UAAM,SAAS,QAAQ,QAAQ,eAAe;AAC9C,QAAI,OAAO,SAAS,EAAG,QAAO;AAAA,EAChC;AAGA,QAAM,aAAqC;AAAA,IACzC,KAAK;AAAA,IACL,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAEA,QAAM,OAAuB;AAAA,IAC3B,OAAO,QAAQ;AAAA,IACf,OAAO,WAAW,QAAQ,IAAI,KAAK;AAAA,EACrC;AAGA,MAAI,QAAQ,SAAS,SAAS,QAAQ,SAAS,UAAU;AACvD,SAAK,QAAQ,GAAG,QAAQ,SAAS,QAAQ,IAAI,QAAQ,SAAS,YAAY,MAAM;AAAA,EAClF,WAAW,QAAQ,SAAS,SAAS,QAAQ,SAAS,YAAY;AAChE,SAAK,QAAQ,OAAO,QAAQ,SAAS,UAAU;AAAA,EACjD,WAAW,QAAQ,SAAS,YAAY,QAAQ,SAAS,aAAa;AACpE,SAAK,QAAQ,UAAU,QAAQ,SAAS,YAAY,UAAU,GAAG,CAAC,CAAC;AAAA,EACrE;AAEA,SAAO,CAAC,IAAI;AACd;AAMO,MAAM,cAA0C,CAAC,EAAE,SAAS,MAAM,MAAM;AAE7E,MAAI,WAAW,UAAU,UAAU,CAAC,OAAO,IAAI,CAAC;AAIhD,MAAI,SAAS,SAAS,KAAK,SAAS,CAAC,EAAE,SAAS,SAAS;AACvD,eAAW,SAAS,MAAM,CAAC;AAAA,EAC7B,WAAW,SAAS,WAAW,KAAK,SAAS,CAAC,EAAE,SAAS,SAAS;AAEhE,WAAO;AAAA,EACT;AAEA,MAAI,SAAS,WAAW,EAAG,QAAO;AAGlC,QAAM,gBAAgB,CAAC,aAAqB,aAAa,SAAS,SAAS;AAE3E,SACE,oCAAC,OAAI,aAAa,KACf,SAAS,IAAI,CAAC,KAAK,aAAa;AAG/B,UAAM,SAAS,cAAc,QAAQ,IACjC,sBAAsB,GAAG,IACzB,CAAC,yBAAyB,GAAG,CAAC;AAElC,WACE,oCAAC,OAAI,KAAK,IAAI,aAAa,UAAU,eAAc,SAChD,WAAW,KACV,oCAAC,OAAI,SAAS,KACZ,oCAAC,QAAK,OAAM,UAAO,QAAC,CACtB,GAGD,OAAO,IAAI,CAAC,MAAM,eAAe;AAEhC,YAAM,SAAS,cAAc,QAAQ,KAAK,eAAe,OAAO,SAAS;AAEzE,aACE,oCAAC,OAAI,KAAK,GAAG,QAAQ,IAAI,UAAU,IAAI,eAAc,SAClD,aAAa,KAAK,oCAAC,OAAI,OAAO,GAAG,GAClC,oCAAC,QAAK,OAAO,KAAK,SAAS,QAAQ,MAAM,UAAQ,KAC7C,KAAK,OAAM,GACf,CACF;AAAA,IAEJ,CAAC,CACH;AAAA,EAEJ,CAAC,CACH;AAEJ;","names":[]}

package/dist/ui/components/CircularSelectInput.js

@@ -1,71 +1,63 @@
-import React, { useState, useEffect } from 'react';
-import { Box, Text, useInput } from 'ink';
-const DefaultItemComponent = ({ isSelected, label }) => (React.createElement(Text, { color: isSelected ? 'blue' : undefined },
-    isSelected ? '> ' : '  ',
-    label));
-export const CircularSelectInput = ({ items = [], onSelect, limit = 0, itemComponent: ItemComponent = DefaultItemComponent }) => {
-    const [selectedIndex, setSelectedIndex] = useState(0);
-    const [windowStart, setWindowStart] = useState(0);
-    // Reset or adjust index when items change
-    useEffect(() => {
-        if (selectedIndex >= items.length) {
-            setSelectedIndex(Math.max(0, items.length - 1));
-        }
-    }, [items.length]);
-    useInput((input, key) => {
-        if (items.length === 0)
-            return;
-        if (key.upArrow) {
-            const nextIndex = (selectedIndex - 1 + items.length) % items.length;
-            setSelectedIndex(nextIndex);
-            // Adjust window if needed
-            if (limit > 0) {
-                if (nextIndex === items.length - 1) {
-                    // Wrapped to bottom: show end of list
-                    setWindowStart(Math.max(0, items.length - limit));
-                }
-                else if (nextIndex < windowStart) {
-                    // Scrolled up past window start
-                    setWindowStart(nextIndex);
-                }
-            }
-        }
-        if (key.downArrow) {
-            const nextIndex = (selectedIndex + 1) % items.length;
-            setSelectedIndex(nextIndex);
-            // Adjust window if needed
-            if (limit > 0) {
-                if (nextIndex === 0) {
-                    // Wrapped to top: show start of list
-                    setWindowStart(0);
-                }
-                else if (nextIndex >= windowStart + limit) {
-                    // Scrolled down past window end
-                    setWindowStart(nextIndex - limit + 1);
-                }
-            }
-        }
-        if (key.return) {
-            if (onSelect) {
-                onSelect(items[selectedIndex]);
-            }
-        }
-    });
+import React, { useState, useEffect } from "react";
+import { Box, Text, useInput } from "ink";
+const DefaultItemComponent = ({ isSelected, label }) => /* @__PURE__ */ React.createElement(Text, { color: isSelected ? "blue" : void 0 }, isSelected ? "> " : "  ", label);
+const CircularSelectInput = ({
+  items = [],
+  onSelect,
+  limit = 0,
+  itemComponent: ItemComponent = DefaultItemComponent,
+  isActive = true,
+  resetKey
+}) => {
+  const [selectedIndex, setSelectedIndex] = useState(0);
+  useEffect(() => {
+    setSelectedIndex(0);
+  }, [resetKey]);
+  useEffect(() => {
     if (items.length === 0) {
-        return React.createElement(Box, null,
-            React.createElement(Text, null, "No items"));
+      if (selectedIndex !== 0) setSelectedIndex(0);
+      return;
     }
-    // Calculate visible items
-    const visibleItems = limit > 0
-        ? items.slice(windowStart, windowStart + limit)
-        : items;
-    return (React.createElement(Box, { flexDirection: "column" }, visibleItems.map((item, index) => {
-        // Calculate the actual index in the full items array
-        const realIndex = limit > 0 ? windowStart + index : index;
-        const isSelected = realIndex === selectedIndex;
-        // Pass all item properties plus isSelected to the component
-        return (React.createElement(Box, { key: item.key || (typeof item.value === 'string' || typeof item.value === 'number' ? item.value : realIndex) },
-            React.createElement(ItemComponent, { ...item, isSelected: isSelected })));
-    })));
+    if (selectedIndex >= items.length) {
+      setSelectedIndex(Math.max(0, items.length - 1));
+    }
+  }, [items.length, selectedIndex]);
+  const windowStart = React.useMemo(() => {
+    if (limit <= 0 || items.length <= limit) {
+      return 0;
+    }
+    const maxStart = Math.max(0, items.length - limit);
+    const centeredStart = selectedIndex - Math.floor(limit / 2);
+    return Math.min(Math.max(0, centeredStart), maxStart);
+  }, [items.length, limit, selectedIndex]);
+  useInput((input, key) => {
+    if (!isActive) return;
+    if (items.length === 0) return;
+    if (key.upArrow) {
+      const nextIndex = (selectedIndex - 1 + items.length) % items.length;
+      setSelectedIndex(nextIndex);
+    }
+    if (key.downArrow) {
+      const nextIndex = (selectedIndex + 1) % items.length;
+      setSelectedIndex(nextIndex);
+    }
+    if (key.return) {
+      if (onSelect) {
+        onSelect(items[selectedIndex]);
+      }
+    }
+  }, { isActive });
+  if (items.length === 0) {
+    return /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, null, "No items"));
+  }
+  const visibleItems = limit > 0 ? items.slice(windowStart, windowStart + limit) : items;
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, visibleItems.map((item, index) => {
+    const realIndex = limit > 0 ? windowStart + index : index;
+    const isSelected = realIndex === selectedIndex;
+    return /* @__PURE__ */ React.createElement(Box, { key: item.key || (typeof item.value === "string" || typeof item.value === "number" ? item.value : realIndex) }, /* @__PURE__ */ React.createElement(ItemComponent, { ...item, isSelected }));
+  }));
+};
+export {
+  CircularSelectInput
 };
 //# sourceMappingURL=CircularSelectInput.js.map

package/dist/ui/components/CircularSelectInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"CircularSelectInput.js","sourceRoot":"","sources":["../../../src/ui/components/CircularSelectInput.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/ui/components/CircularSelectInput.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\r\nimport { Box, Text, useInput } from 'ink';\r\n\r\nexport interface Item<V = any> {\r\n    label: string;\r\n    value: V;\r\n    key?: string | number;\r\n    [key: string]: any;\r\n}\r\n\r\nexport interface ItemComponentProps {\r\n    isSelected: boolean;\r\n    label: string;\r\n    [key: string]: any;\r\n}\r\n\r\ninterface CircularSelectInputProps<V = any> {\r\n    items?: Item<V>[];\r\n    onSelect?: (item: Item<V>) => void;\r\n    limit?: number;\r\n    itemComponent?: React.FC<ItemComponentProps>;\r\n    indicatorComponent?: React.FC<{ isSelected: boolean }>;\r\n    isActive?: boolean;\r\n    resetKey?: string | number;\r\n}\r\n\r\nconst DefaultItemComponent: React.FC<ItemComponentProps> = ({ isSelected, label }) => (\r\n    <Text color={isSelected ? 'blue' : undefined}>\r\n        {isSelected ? '> ' : '  '}\r\n        {label}\r\n    </Text>\r\n);\r\n\r\nexport const CircularSelectInput = <V,>({\r\n    items = [],\r\n    onSelect,\r\n    limit = 0,\r\n    itemComponent: ItemComponent = DefaultItemComponent,\r\n    isActive = true,\r\n    resetKey\r\n}: CircularSelectInputProps<V>) => {\r\n    const [selectedIndex, setSelectedIndex] = useState(0);\r\n\r\n    // Reset selected item for each new picker session.\r\n    useEffect(() => {\r\n        setSelectedIndex(0);\r\n    }, [resetKey]);\r\n\r\n    // Keep selected index in range when list size changes.\r\n    useEffect(() => {\r\n        if (items.length === 0) {\r\n            if (selectedIndex !== 0) setSelectedIndex(0);\r\n            return;\r\n        }\r\n\r\n        if (selectedIndex >= items.length) {\r\n            setSelectedIndex(Math.max(0, items.length - 1));\r\n        }\r\n    }, [items.length, selectedIndex]);\r\n\r\n    // Derive the visible window from selection instead of storing mutable window state.\r\n    // This avoids state feedback loops under rapid screen transitions.\r\n    const windowStart = React.useMemo(() => {\r\n        if (limit <= 0 || items.length <= limit) {\r\n            return 0;\r\n        }\r\n\r\n        const maxStart = Math.max(0, items.length - limit);\r\n        const centeredStart = selectedIndex - Math.floor(limit / 2);\r\n        return Math.min(Math.max(0, centeredStart), maxStart);\r\n    }, [items.length, limit, selectedIndex]);\r\n\r\n    useInput((input, key) => {\r\n        if (!isActive) return;\r\n        if (items.length === 0) return;\r\n\r\n        if (key.upArrow) {\r\n            const nextIndex = (selectedIndex - 1 + items.length) % items.length;\r\n            setSelectedIndex(nextIndex);\r\n        }\r\n\r\n        if (key.downArrow) {\r\n            const nextIndex = (selectedIndex + 1) % items.length;\r\n            setSelectedIndex(nextIndex);\r\n        }\r\n\r\n        if (key.return) {\r\n            if (onSelect) {\r\n                onSelect(items[selectedIndex]);\r\n            }\r\n        }\r\n    }, { isActive });\r\n\r\n    if (items.length === 0) {\r\n        return <Box><Text>No items</Text></Box>;\r\n    }\r\n\r\n    // Calculate visible items\r\n    const visibleItems = limit > 0\r\n        ? items.slice(windowStart, windowStart + limit)\r\n        : items;\r\n\r\n    return (\r\n        <Box flexDirection=\"column\">\r\n            {visibleItems.map((item, index) => {\r\n                // Calculate the actual index in the full items array\r\n                const realIndex = limit > 0 ? windowStart + index : index;\r\n                const isSelected = realIndex === selectedIndex;\r\n\r\n                // Pass all item properties plus isSelected to the component\r\n                return (\r\n                    <Box key={item.key || (typeof item.value === 'string' || typeof item.value === 'number' ? item.value : realIndex)}>\r\n                        <ItemComponent {...item} isSelected={isSelected} />\r\n                    </Box>\r\n                );\r\n            })}\r\n        </Box>\r\n    );\r\n};\r\n"],"mappings":"AAAA,OAAO,SAAS,UAAU,iBAAiB;AAC3C,SAAS,KAAK,MAAM,gBAAgB;AAyBpC,MAAM,uBAAqD,CAAC,EAAE,YAAY,MAAM,MAC5E,oCAAC,QAAK,OAAO,aAAa,SAAS,UAC9B,aAAa,OAAO,MACpB,KACL;AAGG,MAAM,sBAAsB,CAAK;AAAA,EACpC,QAAQ,CAAC;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,EACR,eAAe,gBAAgB;AAAA,EAC/B,WAAW;AAAA,EACX;AACJ,MAAmC;AAC/B,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,CAAC;AAGpD,YAAU,MAAM;AACZ,qBAAiB,CAAC;AAAA,EACtB,GAAG,CAAC,QAAQ,CAAC;AAGb,YAAU,MAAM;AACZ,QAAI,MAAM,WAAW,GAAG;AACpB,UAAI,kBAAkB,EAAG,kBAAiB,CAAC;AAC3C;AAAA,IACJ;AAEA,QAAI,iBAAiB,MAAM,QAAQ;AAC/B,uBAAiB,KAAK,IAAI,GAAG,MAAM,SAAS,CAAC,CAAC;AAAA,IAClD;AAAA,EACJ,GAAG,CAAC,MAAM,QAAQ,aAAa,CAAC;AAIhC,QAAM,cAAc,MAAM,QAAQ,MAAM;AACpC,QAAI,SAAS,KAAK,MAAM,UAAU,OAAO;AACrC,aAAO;AAAA,IACX;AAEA,UAAM,WAAW,KAAK,IAAI,GAAG,MAAM,SAAS,KAAK;AACjD,UAAM,gBAAgB,gBAAgB,KAAK,MAAM,QAAQ,CAAC;AAC1D,WAAO,KAAK,IAAI,KAAK,IAAI,GAAG,aAAa,GAAG,QAAQ;AAAA,EACxD,GAAG,CAAC,MAAM,QAAQ,OAAO,aAAa,CAAC;AAEvC,WAAS,CAAC,OAAO,QAAQ;AACrB,QAAI,CAAC,SAAU;AACf,QAAI,MAAM,WAAW,EAAG;AAExB,QAAI,IAAI,SAAS;AACb,YAAM,aAAa,gBAAgB,IAAI,MAAM,UAAU,MAAM;AAC7D,uBAAiB,SAAS;AAAA,IAC9B;AAEA,QAAI,IAAI,WAAW;AACf,YAAM,aAAa,gBAAgB,KAAK,MAAM;AAC9C,uBAAiB,SAAS;AAAA,IAC9B;AAEA,QAAI,IAAI,QAAQ;AACZ,UAAI,UAAU;AACV,iBAAS,MAAM,aAAa,CAAC;AAAA,MACjC;AAAA,IACJ;AAAA,EACJ,GAAG,EAAE,SAAS,CAAC;AAEf,MAAI,MAAM,WAAW,GAAG;AACpB,WAAO,oCAAC,WAAI,oCAAC,YAAK,UAAQ,CAAO;AAAA,EACrC;AAGA,QAAM,eAAe,QAAQ,IACvB,MAAM,MAAM,aAAa,cAAc,KAAK,IAC5C;AAEN,SACI,oCAAC,OAAI,eAAc,YACd,aAAa,IAAI,CAAC,MAAM,UAAU;AAE/B,UAAM,YAAY,QAAQ,IAAI,cAAc,QAAQ;AACpD,UAAM,aAAa,cAAc;AAGjC,WACI,oCAAC,OAAI,KAAK,KAAK,QAAQ,OAAO,KAAK,UAAU,YAAY,OAAO,KAAK,UAAU,WAAW,KAAK,QAAQ,cACnG,oCAAC,iBAAe,GAAG,MAAM,YAAwB,CACrD;AAAA,EAER,CAAC,CACL;AAER;","names":[]}