centaurus-cli 3.0.1 → 3.1.0

package/dist/ui/components/TaskProgressIndicator.js

@@ -1,72 +1,46 @@
-/**
- * TaskProgressIndicator Component
- *
- * Displays the current execution progress during phased plan execution
- * Shows current task number, subtask progress, and overall completion
- */
-import React from 'react';
-import { Box, Text } from 'ink';
-export const TaskProgressIndicator = ({ currentTask, totalTasks, currentSubtask, totalSubtasks, taskDescription, compact = false }) => {
-    // Calculate overall progress percentage
-    const tasksComplete = currentTask - 1;
-    const subtasksComplete = currentSubtask ? currentSubtask - 1 : 0;
-    // For overall progress, each task is weighted equally
-    // If we have subtask info, factor that into current task progress
-    let overallProgress = (tasksComplete / totalTasks) * 100;
-    if (totalSubtasks && totalSubtasks > 0) {
-        const currentTaskProgress = (subtasksComplete / totalSubtasks) / totalTasks * 100;
-        overallProgress += currentTaskProgress;
-    }
-    overallProgress = Math.round(overallProgress);
-    // Generate progress bar
-    const barWidth = 20;
-    const filledWidth = Math.round((overallProgress / 100) * barWidth);
-    const progressBar = '█'.repeat(filledWidth) + '░'.repeat(barWidth - filledWidth);
-    if (compact) {
-        return (React.createElement(Box, null,
-            React.createElement(Text, { color: "#00ccff" }, "\uD83D\uDCCA "),
-            React.createElement(Text, { color: "#888888" },
-                "Task ",
-                currentTask,
-                "/",
-                totalTasks),
-            currentSubtask !== undefined && totalSubtasks !== undefined && (React.createElement(React.Fragment, null,
-                React.createElement(Text, { color: "#666666" }, " | "),
-                React.createElement(Text, { color: "#888888" },
-                    "Step ",
-                    currentSubtask,
-                    "/",
-                    totalSubtasks))),
-            React.createElement(Text, { color: "#666666" }, " | "),
-            React.createElement(Text, { color: "#00cc66" },
-                overallProgress,
-                "%")));
-    }
-    return (React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, paddingY: 0, marginY: 0 },
-        React.createElement(Box, null,
-            React.createElement(Text, { color: "#00ccff", bold: true }, "\uD83D\uDCCA Progress")),
-        React.createElement(Box, { marginTop: 0 },
-            React.createElement(Text, { color: "#888888" }, "["),
-            React.createElement(Text, { color: "#00cc66" }, progressBar),
-            React.createElement(Text, { color: "#888888" }, "] "),
-            React.createElement(Text, { color: "#00cc66", bold: true },
-                overallProgress,
-                "%")),
-        React.createElement(Box, { marginTop: 0 },
-            React.createElement(Text, { color: "#ffffff" }, "Task "),
-            React.createElement(Text, { color: "#00ccff", bold: true }, currentTask),
-            React.createElement(Text, { color: "#666666" }, " / "),
-            React.createElement(Text, { color: "#888888" }, totalTasks),
-            currentSubtask !== undefined && totalSubtasks !== undefined && (React.createElement(React.Fragment, null,
-                React.createElement(Text, { color: "#666666" }, "  \u2022  "),
-                React.createElement(Text, { color: "#ffffff" }, "Subtask "),
-                React.createElement(Text, { color: "#ffaa00", bold: true }, currentSubtask),
-                React.createElement(Text, { color: "#666666" }, " / "),
-                React.createElement(Text, { color: "#888888" }, totalSubtasks)))),
-        taskDescription && (React.createElement(Box, { marginTop: 0 },
-            React.createElement(Text, { color: "#666666", wrap: "truncate-end" }, taskDescription.length > 60
-                ? taskDescription.substring(0, 60) + '...'
-                : taskDescription)))));
+import React from "react";
+import { Box, Text } from "ink";
+const TaskProgressIndicator = ({
+  currentTask,
+  totalTasks,
+  currentSubtask,
+  totalSubtasks,
+  taskDescription,
+  compact = false
+}) => {
+  const tasksComplete = currentTask - 1;
+  const subtasksComplete = currentSubtask ? currentSubtask - 1 : 0;
+  let overallProgress = tasksComplete / totalTasks * 100;
+  if (totalSubtasks && totalSubtasks > 0) {
+    const currentTaskProgress = subtasksComplete / totalSubtasks / totalTasks * 100;
+    overallProgress += currentTaskProgress;
+  }
+  overallProgress = Math.round(overallProgress);
+  const barWidth = 20;
+  const filledWidth = Math.round(overallProgress / 100 * barWidth);
+  const progressBar = "\u2588".repeat(filledWidth) + "\u2591".repeat(barWidth - filledWidth);
+  if (compact) {
+    return /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, "\u{1F4CA} "), /* @__PURE__ */ React.createElement(Text, { color: "#888888" }, "Task ", currentTask, "/", totalTasks), currentSubtask !== void 0 && totalSubtasks !== void 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { color: "#666666" }, " | "), /* @__PURE__ */ React.createElement(Text, { color: "#888888" }, "Step ", currentSubtask, "/", totalSubtasks)), /* @__PURE__ */ React.createElement(Text, { color: "#666666" }, " | "), /* @__PURE__ */ React.createElement(Text, { color: "#00cc66" }, overallProgress, "%"));
+  }
+  return /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: "#00ccff",
+      paddingX: 1,
+      paddingY: 0,
+      marginY: 0
+    },
+    /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00ccff", bold: true }, "\u{1F4CA} Progress")),
+    /* @__PURE__ */ React.createElement(Box, { marginTop: 0 }, /* @__PURE__ */ React.createElement(Text, { color: "#888888" }, "["), /* @__PURE__ */ React.createElement(Text, { color: "#00cc66" }, progressBar), /* @__PURE__ */ React.createElement(Text, { color: "#888888" }, "] "), /* @__PURE__ */ React.createElement(Text, { color: "#00cc66", bold: true }, overallProgress, "%")),
+    /* @__PURE__ */ React.createElement(Box, { marginTop: 0 }, /* @__PURE__ */ React.createElement(Text, { color: "#ffffff" }, "Task "), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff", bold: true }, currentTask), /* @__PURE__ */ React.createElement(Text, { color: "#666666" }, " / "), /* @__PURE__ */ React.createElement(Text, { color: "#888888" }, totalTasks), currentSubtask !== void 0 && totalSubtasks !== void 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { color: "#666666" }, "  \u2022  "), /* @__PURE__ */ React.createElement(Text, { color: "#ffffff" }, "Subtask "), /* @__PURE__ */ React.createElement(Text, { color: "#ffaa00", bold: true }, currentSubtask), /* @__PURE__ */ React.createElement(Text, { color: "#666666" }, " / "), /* @__PURE__ */ React.createElement(Text, { color: "#888888" }, totalSubtasks))),
+    taskDescription && /* @__PURE__ */ React.createElement(Box, { marginTop: 0 }, /* @__PURE__ */ React.createElement(Text, { color: "#666666", wrap: "truncate-end" }, taskDescription.length > 60 ? taskDescription.substring(0, 60) + "..." : taskDescription))
+  );
+};
+var TaskProgressIndicator_default = TaskProgressIndicator;
+export {
+  TaskProgressIndicator,
+  TaskProgressIndicator_default as default
 };
-export default TaskProgressIndicator;
 //# sourceMappingURL=TaskProgressIndicator.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TaskProgressIndicator.js","sourceRoot":"","sources":["../../../src/ui/components/TaskProgressIndicator.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/ui/components/TaskProgressIndicator.tsx"],"sourcesContent":["/**\r\n * TaskProgressIndicator Component\r\n * \r\n * Displays the current execution progress during phased plan execution\r\n * Shows current task number, subtask progress, and overall completion\r\n */\r\n\r\nimport React from 'react';\r\nimport { Box, Text } from 'ink';\r\n\r\ninterface TaskProgressIndicatorProps {\r\n    currentTask: number;\r\n    totalTasks: number;\r\n    currentSubtask?: number;\r\n    totalSubtasks?: number;\r\n    taskDescription?: string;\r\n    compact?: boolean;\r\n}\r\n\r\nexport const TaskProgressIndicator: React.FC<TaskProgressIndicatorProps> = ({\r\n    currentTask,\r\n    totalTasks,\r\n    currentSubtask,\r\n    totalSubtasks,\r\n    taskDescription,\r\n    compact = false\r\n}) => {\r\n    // Calculate overall progress percentage\r\n    const tasksComplete = currentTask - 1;\r\n    const subtasksComplete = currentSubtask ? currentSubtask - 1 : 0;\r\n\r\n    // For overall progress, each task is weighted equally\r\n    // If we have subtask info, factor that into current task progress\r\n    let overallProgress = (tasksComplete / totalTasks) * 100;\r\n    if (totalSubtasks && totalSubtasks > 0) {\r\n        const currentTaskProgress = (subtasksComplete / totalSubtasks) / totalTasks * 100;\r\n        overallProgress += currentTaskProgress;\r\n    }\r\n    overallProgress = Math.round(overallProgress);\r\n\r\n    // Generate progress bar\r\n    const barWidth = 20;\r\n    const filledWidth = Math.round((overallProgress / 100) * barWidth);\r\n    const progressBar = '█'.repeat(filledWidth) + '░'.repeat(barWidth - filledWidth);\r\n\r\n    if (compact) {\r\n        return (\r\n            <Box>\r\n                <Text color=\"#00ccff\">📊 </Text>\r\n                <Text color=\"#888888\">Task {currentTask}/{totalTasks}</Text>\r\n                {currentSubtask !== undefined && totalSubtasks !== undefined && (\r\n                    <>\r\n                        <Text color=\"#666666\"> | </Text>\r\n                        <Text color=\"#888888\">Step {currentSubtask}/{totalSubtasks}</Text>\r\n                    </>\r\n                )}\r\n                <Text color=\"#666666\"> | </Text>\r\n                <Text color=\"#00cc66\">{overallProgress}%</Text>\r\n            </Box>\r\n        );\r\n    }\r\n\r\n    return (\r\n        <Box\r\n            flexDirection=\"column\"\r\n            borderStyle=\"round\"\r\n            borderColor=\"#00ccff\"\r\n            paddingX={1}\r\n            paddingY={0}\r\n            marginY={0}\r\n        >\r\n            <Box>\r\n                <Text color=\"#00ccff\" bold>📊 Progress</Text>\r\n            </Box>\r\n\r\n            <Box marginTop={0}>\r\n                <Text color=\"#888888\">[</Text>\r\n                <Text color=\"#00cc66\">{progressBar}</Text>\r\n                <Text color=\"#888888\">] </Text>\r\n                <Text color=\"#00cc66\" bold>{overallProgress}%</Text>\r\n            </Box>\r\n\r\n            <Box marginTop={0}>\r\n                <Text color=\"#ffffff\">Task </Text>\r\n                <Text color=\"#00ccff\" bold>{currentTask}</Text>\r\n                <Text color=\"#666666\"> / </Text>\r\n                <Text color=\"#888888\">{totalTasks}</Text>\r\n\r\n                {currentSubtask !== undefined && totalSubtasks !== undefined && (\r\n                    <>\r\n                        <Text color=\"#666666\">  •  </Text>\r\n                        <Text color=\"#ffffff\">Subtask </Text>\r\n                        <Text color=\"#ffaa00\" bold>{currentSubtask}</Text>\r\n                        <Text color=\"#666666\"> / </Text>\r\n                        <Text color=\"#888888\">{totalSubtasks}</Text>\r\n                    </>\r\n                )}\r\n            </Box>\r\n\r\n            {taskDescription && (\r\n                <Box marginTop={0}>\r\n                    <Text color=\"#666666\" wrap=\"truncate-end\">\r\n                        {taskDescription.length > 60\r\n                            ? taskDescription.substring(0, 60) + '...'\r\n                            : taskDescription}\r\n                    </Text>\r\n                </Box>\r\n            )}\r\n        </Box>\r\n    );\r\n};\r\n\r\nexport default TaskProgressIndicator;\r\n"],"mappings":"AAOA,OAAO,WAAW;AAClB,SAAS,KAAK,YAAY;AAWnB,MAAM,wBAA8D,CAAC;AAAA,EACxE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AACd,MAAM;AAEF,QAAM,gBAAgB,cAAc;AACpC,QAAM,mBAAmB,iBAAiB,iBAAiB,IAAI;AAI/D,MAAI,kBAAmB,gBAAgB,aAAc;AACrD,MAAI,iBAAiB,gBAAgB,GAAG;AACpC,UAAM,sBAAuB,mBAAmB,gBAAiB,aAAa;AAC9E,uBAAmB;AAAA,EACvB;AACA,oBAAkB,KAAK,MAAM,eAAe;AAG5C,QAAM,WAAW;AACjB,QAAM,cAAc,KAAK,MAAO,kBAAkB,MAAO,QAAQ;AACjE,QAAM,cAAc,SAAI,OAAO,WAAW,IAAI,SAAI,OAAO,WAAW,WAAW;AAE/E,MAAI,SAAS;AACT,WACI,oCAAC,WACG,oCAAC,QAAK,OAAM,aAAU,YAAG,GACzB,oCAAC,QAAK,OAAM,aAAU,SAAM,aAAY,KAAE,UAAW,GACpD,mBAAmB,UAAa,kBAAkB,UAC/C,0DACI,oCAAC,QAAK,OAAM,aAAU,KAAG,GACzB,oCAAC,QAAK,OAAM,aAAU,SAAM,gBAAe,KAAE,aAAc,CAC/D,GAEJ,oCAAC,QAAK,OAAM,aAAU,KAAG,GACzB,oCAAC,QAAK,OAAM,aAAW,iBAAgB,GAAC,CAC5C;AAAA,EAER;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAc;AAAA,MACd,aAAY;AAAA,MACZ,aAAY;AAAA,MACZ,UAAU;AAAA,MACV,UAAU;AAAA,MACV,SAAS;AAAA;AAAA,IAET,oCAAC,WACG,oCAAC,QAAK,OAAM,WAAU,MAAI,QAAC,oBAAW,CAC1C;AAAA,IAEA,oCAAC,OAAI,WAAW,KACZ,oCAAC,QAAK,OAAM,aAAU,GAAC,GACvB,oCAAC,QAAK,OAAM,aAAW,WAAY,GACnC,oCAAC,QAAK,OAAM,aAAU,IAAE,GACxB,oCAAC,QAAK,OAAM,WAAU,MAAI,QAAE,iBAAgB,GAAC,CACjD;AAAA,IAEA,oCAAC,OAAI,WAAW,KACZ,oCAAC,QAAK,OAAM,aAAU,OAAK,GAC3B,oCAAC,QAAK,OAAM,WAAU,MAAI,QAAE,WAAY,GACxC,oCAAC,QAAK,OAAM,aAAU,KAAG,GACzB,oCAAC,QAAK,OAAM,aAAW,UAAW,GAEjC,mBAAmB,UAAa,kBAAkB,UAC/C,0DACI,oCAAC,QAAK,OAAM,aAAU,YAAK,GAC3B,oCAAC,QAAK,OAAM,aAAU,UAAQ,GAC9B,oCAAC,QAAK,OAAM,WAAU,MAAI,QAAE,cAAe,GAC3C,oCAAC,QAAK,OAAM,aAAU,KAAG,GACzB,oCAAC,QAAK,OAAM,aAAW,aAAc,CACzC,CAER;AAAA,IAEC,mBACG,oCAAC,OAAI,WAAW,KACZ,oCAAC,QAAK,OAAM,WAAU,MAAK,kBACtB,gBAAgB,SAAS,KACpB,gBAAgB,UAAU,GAAG,EAAE,IAAI,QACnC,eACV,CACJ;AAAA,EAER;AAER;AAEA,IAAO,gCAAQ;","names":[]}

package/dist/ui/components/ThinkingDisplay.js

@@ -1,43 +1,46 @@
-import React, { useState, useEffect } from 'react';
-import { Box, Text } from 'ink';
-/**
- * ThinkingDisplay - Shows model's thinking/reasoning in a scrolling container
- * Shows only the first 2 lines in a scrolling container that disappears after 3 seconds when complete
- * Height can be dynamically adjusted based on terminal size
- */
-export const ThinkingDisplay = ({ thinking, isComplete = false, maxHeight = 3 }) => {
-    const [startTime] = useState(Date.now());
-    const [duration, setDuration] = useState(0);
-    const [isVisible, setIsVisible] = useState(true);
-    useEffect(() => {
-        if (isComplete && thinking) {
-            const elapsed = Math.round((Date.now() - startTime) / 1000);
-            setDuration(elapsed);
-            // Hide after 3 seconds when complete
-            const timer = setTimeout(() => {
-                setIsVisible(false);
-            }, 3000);
-            return () => clearTimeout(timer);
-        }
-    }, [isComplete, thinking, startTime]);
-    if (!thinking || thinking.trim().length === 0 || !isVisible)
-        return null;
-    // Split thinking into lines and filter out empty lines and "true" values
-    const lines = thinking
-        .split('\n')
-        .map(line => line.trim())
-        .filter(line => line.length > 0 && line !== 'true' && line !== 'false');
-    // If no valid lines, don't show anything
-    if (lines.length === 0)
-        return null;
-    // Show only first N lines based on maxHeight (accounting for borders)
-    const maxDisplayLines = Math.max(1, maxHeight - 1);
-    const displayLines = lines.slice(0, maxDisplayLines);
-    return (React.createElement(Box, { flexDirection: "column", marginBottom: 1, paddingLeft: 1, paddingRight: 1, paddingY: 0, borderStyle: "single", borderColor: "#333333", height: maxHeight, overflow: "hidden" },
-        displayLines.map((line, index) => (React.createElement(Text, { key: `thinking-${index}-${line.substring(0, 20)}`, dimColor: true, color: "#666666" }, line.length > 80 ? line.substring(0, 77) + '...' : line))),
-        isComplete && (React.createElement(Text, { dimColor: true, color: "#555555" },
-            "(",
-            duration,
-            "s)"))));
+import React, { useState, useEffect } from "react";
+import { Box, Text } from "ink";
+const ThinkingDisplay = ({
+  thinking,
+  isComplete = false,
+  maxHeight = 3
+}) => {
+  const [startTime] = useState(Date.now());
+  const [duration, setDuration] = useState(0);
+  const [isVisible, setIsVisible] = useState(true);
+  useEffect(() => {
+    if (isComplete && thinking) {
+      const elapsed = Math.round((Date.now() - startTime) / 1e3);
+      setDuration(elapsed);
+      const timer = setTimeout(() => {
+        setIsVisible(false);
+      }, 3e3);
+      return () => clearTimeout(timer);
+    }
+  }, [isComplete, thinking, startTime]);
+  if (!thinking || thinking.trim().length === 0 || !isVisible) return null;
+  const lines = thinking.split("\n").map((line) => line.trim()).filter((line) => line.length > 0 && line !== "true" && line !== "false");
+  if (lines.length === 0) return null;
+  const maxDisplayLines = Math.max(1, maxHeight - 1);
+  const displayLines = lines.slice(0, maxDisplayLines);
+  return /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      flexDirection: "column",
+      marginBottom: 1,
+      paddingLeft: 1,
+      paddingRight: 1,
+      paddingY: 0,
+      borderStyle: "single",
+      borderColor: "#333333",
+      height: maxHeight,
+      overflow: "hidden"
+    },
+    displayLines.map((line, index) => /* @__PURE__ */ React.createElement(Text, { key: `thinking-${index}-${line.substring(0, 20)}`, dimColor: true, color: "#666666" }, line.length > 80 ? line.substring(0, 77) + "..." : line)),
+    isComplete && /* @__PURE__ */ React.createElement(Text, { dimColor: true, color: "#555555" }, "(", duration, "s)")
+  );
+};
+export {
+  ThinkingDisplay
 };
 //# sourceMappingURL=ThinkingDisplay.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ThinkingDisplay.js","sourceRoot":"","sources":["../../../src/ui/components/ThinkingDisplay.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/ui/components/ThinkingDisplay.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\r\nimport { Box, Text } from 'ink';\r\n\r\ninterface ThinkingDisplayProps {\r\n  thinking: string;\r\n  isComplete?: boolean;\r\n  /** Optional max height for the thinking display box */\r\n  maxHeight?: number;\r\n}\r\n\r\n/**\r\n * ThinkingDisplay - Shows model's thinking/reasoning in a scrolling container\r\n * Shows only the first 2 lines in a scrolling container that disappears after 3 seconds when complete\r\n * Height can be dynamically adjusted based on terminal size\r\n */\r\nexport const ThinkingDisplay: React.FC<ThinkingDisplayProps> = ({\r\n  thinking,\r\n  isComplete = false,\r\n  maxHeight = 3\r\n}) => {\r\n  const [startTime] = useState(Date.now());\r\n  const [duration, setDuration] = useState(0);\r\n  const [isVisible, setIsVisible] = useState(true);\r\n\r\n  useEffect(() => {\r\n    if (isComplete && thinking) {\r\n      const elapsed = Math.round((Date.now() - startTime) / 1000);\r\n      setDuration(elapsed);\r\n\r\n      // Hide after 3 seconds when complete\r\n      const timer = setTimeout(() => {\r\n        setIsVisible(false);\r\n      }, 3000);\r\n\r\n      return () => clearTimeout(timer);\r\n    }\r\n  }, [isComplete, thinking, startTime]);\r\n\r\n  if (!thinking || thinking.trim().length === 0 || !isVisible) return null;\r\n\r\n  // Split thinking into lines and filter out empty lines and \"true\" values\r\n  const lines = thinking\r\n    .split('\\n')\r\n    .map(line => line.trim())\r\n    .filter(line => line.length > 0 && line !== 'true' && line !== 'false');\r\n\r\n  // If no valid lines, don't show anything\r\n  if (lines.length === 0) return null;\r\n\r\n  // Show only first N lines based on maxHeight (accounting for borders)\r\n  const maxDisplayLines = Math.max(1, maxHeight - 1);\r\n  const displayLines = lines.slice(0, maxDisplayLines);\r\n\r\n  return (\r\n    <Box\r\n      flexDirection=\"column\"\r\n      marginBottom={1}\r\n      paddingLeft={1}\r\n      paddingRight={1}\r\n      paddingY={0}\r\n      borderStyle=\"single\"\r\n      borderColor=\"#333333\"\r\n      height={maxHeight}\r\n      overflow=\"hidden\"\r\n    >\r\n      {displayLines.map((line, index) => (\r\n        <Text key={`thinking-${index}-${line.substring(0, 20)}`} dimColor color=\"#666666\">\r\n          {line.length > 80 ? line.substring(0, 77) + '...' : line}\r\n        </Text>\r\n      ))}\r\n      {isComplete && (\r\n        <Text dimColor color=\"#555555\">\r\n          ({duration}s)\r\n        </Text>\r\n      )}\r\n    </Box>\r\n  );\r\n};\r\n"],"mappings":"AAAA,OAAO,SAAS,UAAU,iBAAiB;AAC3C,SAAS,KAAK,YAAY;AAcnB,MAAM,kBAAkD,CAAC;AAAA,EAC9D;AAAA,EACA,aAAa;AAAA,EACb,YAAY;AACd,MAAM;AACJ,QAAM,CAAC,SAAS,IAAI,SAAS,KAAK,IAAI,CAAC;AACvC,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,CAAC;AAC1C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,IAAI;AAE/C,YAAU,MAAM;AACd,QAAI,cAAc,UAAU;AAC1B,YAAM,UAAU,KAAK,OAAO,KAAK,IAAI,IAAI,aAAa,GAAI;AAC1D,kBAAY,OAAO;AAGnB,YAAM,QAAQ,WAAW,MAAM;AAC7B,qBAAa,KAAK;AAAA,MACpB,GAAG,GAAI;AAEP,aAAO,MAAM,aAAa,KAAK;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,YAAY,UAAU,SAAS,CAAC;AAEpC,MAAI,CAAC,YAAY,SAAS,KAAK,EAAE,WAAW,KAAK,CAAC,UAAW,QAAO;AAGpE,QAAM,QAAQ,SACX,MAAM,IAAI,EACV,IAAI,UAAQ,KAAK,KAAK,CAAC,EACvB,OAAO,UAAQ,KAAK,SAAS,KAAK,SAAS,UAAU,SAAS,OAAO;AAGxE,MAAI,MAAM,WAAW,EAAG,QAAO;AAG/B,QAAM,kBAAkB,KAAK,IAAI,GAAG,YAAY,CAAC;AACjD,QAAM,eAAe,MAAM,MAAM,GAAG,eAAe;AAEnD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,cAAc;AAAA,MACd,aAAa;AAAA,MACb,cAAc;AAAA,MACd,UAAU;AAAA,MACV,aAAY;AAAA,MACZ,aAAY;AAAA,MACZ,QAAQ;AAAA,MACR,UAAS;AAAA;AAAA,IAER,aAAa,IAAI,CAAC,MAAM,UACvB,oCAAC,QAAK,KAAK,YAAY,KAAK,IAAI,KAAK,UAAU,GAAG,EAAE,CAAC,IAAI,UAAQ,MAAC,OAAM,aACrE,KAAK,SAAS,KAAK,KAAK,UAAU,GAAG,EAAE,IAAI,QAAQ,IACtD,CACD;AAAA,IACA,cACC,oCAAC,QAAK,UAAQ,MAAC,OAAM,aAAU,KAC3B,UAAS,IACb;AAAA,EAEJ;AAEJ;","names":[]}