@dex-ai/coding-agent 0.1.92

package/src/extensions/cli-tui-components/AskPanel.vue.compiled.ts

@@ -0,0 +1,419 @@
+import * as _Vue from "@vue/runtime-core";
+const {
+	toDisplayString: _toDisplayString,
+	openBlock: _openBlock,
+	createElementBlock: _createElementBlock,
+	createElementVNode: _createElementVNode,
+	createVNode: _createVNode,
+	createBlock: _createBlock,
+	createCommentVNode: _createCommentVNode,
+	Fragment: _Fragment,
+	renderList: _renderList,
+} = _Vue;
+
+import { defineComponent as _defineComponent } from "@vue/runtime-core";
+import { computed } from "@vue/runtime-core";
+import type { AskTab, AskTabResult, AskTabState } from "./ask-panel-controller";
+
+const __sfc_main = /*@__PURE__*/ _defineComponent({
+	__name: "AskPanel",
+	props: {
+		tabs: { type: Array, required: true },
+		singleTab: { type: Boolean, required: true },
+		activeTabIndex: { type: Number, required: true },
+		onSubmitTab: { type: Boolean, required: true },
+		tabStates: { type: Array, required: true },
+		focusedOptionIndex: { type: Number, required: true },
+		checkedValues: { type: Set, required: true },
+		freeTextFocused: { type: Boolean, required: true },
+		freeTextBuffer: { type: String, required: true },
+		actionFocused: { type: Boolean, required: true },
+		tabResults: { type: Array, required: true },
+		scrollOffset: { type: Number, required: true },
+		visibleOptions: { type: Number, required: true },
+	},
+	setup(__props: any, { expose: __expose }) {
+		__expose();
+
+		const props = __props;
+
+		const currentTab = computed(
+			() => props.tabs[props.activeTabIndex] as AskTab | undefined,
+		);
+		const currentQuestion = computed(() => currentTab.value?.question ?? "");
+		const multiSelect = computed(() => currentTab.value?.multiSelect ?? false);
+		const currentTabAllowsFreeText = computed(
+			() => currentTab.value?.allowFreeText ?? false,
+		);
+
+		const computedVisibleOptions = computed(() => {
+			const tab = currentTab.value;
+			if (!tab) return [];
+			return tab.options.slice(
+				props.scrollOffset,
+				props.scrollOffset + props.visibleOptions,
+			);
+		});
+
+		function isOptionFocused(visibleIndex: number): boolean {
+			if (props.actionFocused || props.freeTextFocused) return false;
+			return props.scrollOffset + visibleIndex === props.focusedOptionIndex;
+		}
+
+		function isOptionChecked(option: { value: string }): boolean {
+			return props.checkedValues.has(option.value);
+		}
+
+		function checkMark(option: { value: string }): string {
+			const checked = props.checkedValues.has(option.value);
+			if (multiSelect.value) {
+				return checked ? "[×]" : "[ ]";
+			}
+			return checked ? "(●)" : "( )";
+		}
+
+		function tabColor(index: number): string {
+			const st = (props.tabStates as AskTabState[])[index];
+			if (index === props.activeTabIndex && !props.onSubmitTab) return "accent";
+			if (st === "completed") return "text";
+			return "muted";
+		}
+
+		function tabLabel(tab: AskTab, index: number): string {
+			const st = (props.tabStates as AskTabState[])[index];
+			const prefix = st === "completed" ? "✓ " : "";
+			if (index === props.activeTabIndex && !props.onSubmitTab) {
+				return `[${prefix}${tab.label}]`;
+			}
+			return `${prefix}${tab.label}`;
+		}
+
+		function formatResult(result: AskTabResult): string {
+			const parts: string[] = [];
+			if (result.selected.length > 0) {
+				parts.push(result.selected.join(", "));
+			}
+			if (result.freeText) {
+				parts.push(`"${result.freeText}"`);
+			}
+			return parts.join(" + ") || "(none)";
+		}
+
+		const __returned__ = {
+			props,
+			currentTab,
+			currentQuestion,
+			multiSelect,
+			currentTabAllowsFreeText,
+			computedVisibleOptions,
+			isOptionFocused,
+			isOptionChecked,
+			checkMark,
+			tabColor,
+			tabLabel,
+			formatResult,
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true,
+		});
+		return __returned__;
+	},
+});
+
+const render = (
+	_ctx: any,
+	_cache: any,
+	$props: any,
+	$setup: any,
+	$data: any,
+	$options: any,
+) => (
+	_openBlock(),
+	_createElementBlock(
+		"stack",
+		{ style: { borderTop: "solid", borderTopColor: "accent" } },
+		[
+			// Title
+			_createElementVNode("line", { style: { paddingLeft: 1 } }, [
+				_createElementVNode("text", { bold: "", color: "accent" }, "❯ "),
+				_createElementVNode(
+					"text",
+					{ bold: "", color: "accent" },
+					_toDisplayString(
+						$props.singleTab ? ($props.tabs[0]?.label ?? "Ask") : "Ask",
+					),
+					1 /* TEXT */,
+				),
+				_createElementVNode("text", { dim: "" }, "  (esc to cancel)"),
+			]),
+			// Tab bar (multi-tab only)
+			!$props.singleTab
+				? (_openBlock(),
+					_createElementBlock(
+						"line",
+						{ key: 0, style: { paddingLeft: 2, paddingTop: 1 } },
+						[
+							...((_openBlock(true),
+							_createElementBlock(
+								_Fragment,
+								null,
+								_renderList($props.tabs, (tab: any, i: number) =>
+									_createElementVNode(
+										"text",
+										{
+											key: i,
+											color: $setup.tabColor(i),
+											style: {
+												fontWeight:
+													i === $props.activeTabIndex && !$props.onSubmitTab
+														? "bold"
+														: "normal",
+												paddingRight: 2,
+											},
+										},
+										_toDisplayString($setup.tabLabel(tab, i)),
+										5 /* TEXT, STYLE */,
+									),
+								),
+								128 /* KEYED_FRAGMENT */,
+							)) as any),
+							_createElementVNode(
+								"text",
+								{
+									color: $props.onSubmitTab ? "accent" : "muted",
+									style: {
+										fontWeight: $props.onSubmitTab ? "bold" : "normal",
+									},
+								},
+								"[Submit]",
+								4 /* STYLE */,
+							),
+						],
+					))
+				: _createCommentVNode("v-if", true),
+			_createElementVNode("line"),
+			// Submit/Review tab vs Active tab
+			$props.onSubmitTab
+				? (_openBlock(),
+					_createElementBlock(_Fragment, { key: 1 }, [
+						_createElementVNode("line", { style: { paddingLeft: 3 } }, [
+							_createElementVNode(
+								"text",
+								{ bold: "" },
+								"Review your selections:",
+							),
+						]),
+						_createElementVNode("line"),
+						...((_openBlock(true),
+						_createElementBlock(
+							_Fragment,
+							null,
+							_renderList(
+								$props.tabResults,
+								(result: any, i: number) => (
+									_openBlock(),
+									_createElementBlock(_Fragment, { key: i }, [
+										result
+											? (_openBlock(),
+												_createElementBlock(
+													"line",
+													{ key: 0, style: { paddingLeft: 4 } },
+													[
+														_createElementVNode(
+															"text",
+															{ color: "accent" },
+															_toDisplayString(i + 1 + ". "),
+															1 /* TEXT */,
+														),
+														_createElementVNode(
+															"text",
+															null,
+															_toDisplayString(result.label + ": "),
+															1 /* TEXT */,
+														),
+														_createElementVNode(
+															"text",
+															{ dim: "" },
+															_toDisplayString($setup.formatResult(result)),
+															1 /* TEXT */,
+														),
+													],
+												))
+											: _createCommentVNode("v-if", true),
+									])
+								),
+							),
+							128 /* KEYED_FRAGMENT */,
+						)) as any),
+						_createElementVNode("line"),
+						_createElementVNode("line", { style: { paddingLeft: 3 } }, [
+							_createElementVNode(
+								"text",
+								{ color: "accent", bold: "" },
+								"↵ Submit",
+							),
+							_createElementVNode(
+								"text",
+								{ dim: "" },
+								"  •  press number to edit tab",
+							),
+						]),
+					]))
+				: (_openBlock(),
+					_createElementBlock(_Fragment, { key: 2 }, [
+						// Question text
+						_createElementVNode("line", { style: { paddingLeft: 3 } }, [
+							_createElementVNode(
+								"text",
+								null,
+								_toDisplayString($setup.currentQuestion),
+								1 /* TEXT */,
+							),
+						]),
+						_createElementVNode("line"),
+						// Options
+						...((_openBlock(true),
+						_createElementBlock(
+							_Fragment,
+							null,
+							_renderList(
+								$setup.computedVisibleOptions,
+								(option: any, i: number) => (
+									_openBlock(),
+									_createElementBlock(
+										"line",
+										{ key: option.value, style: { paddingLeft: 4 } },
+										[
+											_createElementVNode(
+												"text",
+												{
+													color: $setup.isOptionFocused(i) ? "accent" : "text",
+												},
+												_toDisplayString(
+													$setup.isOptionFocused(i) ? "▸ " : "  ",
+												),
+												9 /* TEXT, PROPS */,
+												["color"],
+											),
+											_createElementVNode(
+												"text",
+												{
+													color: $setup.isOptionChecked(option)
+														? "accent"
+														: "muted",
+												},
+												_toDisplayString($setup.checkMark(option) + " "),
+												9 /* TEXT, PROPS */,
+												["color"],
+											),
+											_createElementVNode(
+												"text",
+												{
+													color: $setup.isOptionFocused(i) ? "text" : "muted",
+													style: {
+														fontWeight: $setup.isOptionFocused(i)
+															? "bold"
+															: "normal",
+													},
+												},
+												_toDisplayString(option.label),
+												5 /* TEXT, STYLE */,
+											),
+											option.description
+												? _createElementVNode(
+														"text",
+														{ key: 0, dim: "" },
+														_toDisplayString("  " + option.description),
+														1 /* TEXT */,
+													)
+												: _createCommentVNode("v-if", true),
+										],
+									)
+								),
+							),
+							128 /* KEYED_FRAGMENT */,
+						)) as any),
+						// Free text input
+						$setup.currentTabAllowsFreeText
+							? (_openBlock(),
+								_createElementBlock(
+									"line",
+									{ key: 0, style: { paddingLeft: 4 } },
+									[
+										_createElementVNode(
+											"text",
+											{
+												color: $props.freeTextFocused ? "accent" : "text",
+											},
+											_toDisplayString($props.freeTextFocused ? "▸ " : "  "),
+											9 /* TEXT, PROPS */,
+											["color"],
+										),
+										_createElementVNode(
+											"text",
+											{
+												color: $props.freeTextFocused ? "accent" : "muted",
+											},
+											"✎ ",
+											8 /* PROPS */,
+											["color"],
+										),
+										$props.freeTextBuffer
+											? _createElementVNode(
+													"text",
+													{
+														key: 0,
+														color: $props.freeTextFocused ? "text" : "muted",
+													},
+													_toDisplayString($props.freeTextBuffer),
+													9 /* TEXT, PROPS */,
+													["color"],
+												)
+											: _createElementVNode(
+													"text",
+													{ key: 1, dim: "" },
+													"type custom response...",
+												),
+									],
+								))
+							: _createCommentVNode("v-if", true),
+						_createElementVNode("line"),
+						// Action bar
+						_createElementVNode("line", { style: { paddingLeft: 3 } }, [
+							_createElementVNode(
+								"text",
+								{
+									color: $props.actionFocused ? "accent" : "muted",
+									style: {
+										fontWeight: $props.actionFocused ? "bold" : "normal",
+									},
+								},
+								_toDisplayString($props.singleTab ? "↵ Submit" : "↵ Next"),
+								5 /* TEXT, STYLE */,
+							),
+							_createElementVNode("text", { dim: "" }, "  •  "),
+							_createElementVNode(
+								"text",
+								{ dim: "" },
+								_toDisplayString(
+									$setup.multiSelect ? "space: toggle" : "enter: select",
+								),
+								1 /* TEXT */,
+							),
+							!$props.singleTab
+								? _createElementVNode(
+										"text",
+										{ key: 0, dim: "" },
+										"  •  ctrl+←/→: tabs",
+									)
+								: _createCommentVNode("v-if", true),
+						]),
+					])),
+		],
+	)
+);
+
+__sfc_main.render = render;
+
+export default __sfc_main;

package/src/extensions/cli-tui-components/CommandPalette.vue

@@ -0,0 +1,19 @@
+<template>
+  <stack>
+    <line v-for="(item, i) in items" :key="item.name">
+      <text v-if="i === selectedIndex" bold color="accent" :style="{ paddingLeft: 1 }">❯ /{{ item.name }}</text>
+      <text v-else :style="{ paddingLeft: 3 }">/{{ item.name }}</text>
+      <text muted :style="{ paddingLeft: 1 }">{{ item.description }}</text>
+    </line>
+    <line v-if="items.length === 0">
+      <text muted :style="{ paddingLeft: 3 }">No matching commands</text>
+    </line>
+  </stack>
+</template>
+
+<script setup lang="ts">
+defineProps<{
+  items: Array<{ name: string; description: string; isSubcommand?: boolean }>;
+  selectedIndex: number;
+}>();
+</script>

package/src/extensions/cli-tui-components/CommandPalette.vue.compiled.ts

@@ -0,0 +1,65 @@
+import * as _Vue from "@vue/runtime-core";
+const { h: _h, toDisplayString: _toDisplayString, openBlock: _openBlock, createElementBlock: _createElementBlock, createElementVNode: _createElementVNode, createVNode: _createVNode, createBlock: _createBlock, createCommentVNode: _createCommentVNode, Fragment: _Fragment, renderList: _renderList, withCtx: _withCtx, createTextVNode: _createTextVNode, resolveComponent: _resolveComponent, normalizeStyle: _normalizeStyle, normalizeClass: _normalizeClass, normalizeProps: _normalizeProps, guardReactiveProps: _guardReactiveProps, mergeProps: _mergeProps, withDirectives: _withDirectives, resolveDynamicComponent: _resolveDynamicComponent } = _Vue;
+
+import { defineComponent as _defineComponent } from "@vue/runtime-core"
+
+const __sfc_main = /*@__PURE__*/_defineComponent({
+  __name: 'CommandPalette',
+  props: {
+    items: { type: Array, required: true },
+    selectedIndex: { type: Number, required: true }
+  },
+  setup(__props: any, { expose: __expose }) {
+  __expose();
+
+
+
+const __returned__ = {  }
+Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true })
+return __returned__
+}
+
+})
+
+const _hoisted_1 = {
+  key: 0,
+  bold: "",
+  color: "accent",
+  style: { paddingLeft: 1 }
+}
+const _hoisted_2 = {
+  key: 1,
+  style: { paddingLeft: 3 }
+}
+const _hoisted_3 = {
+  muted: "",
+  style: { paddingLeft: 1 }
+}
+const _hoisted_4 = { key: 0 }
+
+const render = function(_ctx, _cache, $props, $setup, $data, $options) {
+  return (_openBlock(), _createElementBlock("stack", null, [
+    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList($props.items, (item, i) => {
+      return (_openBlock(), _createElementBlock("line", {
+        key: item.name
+      }, [
+        (i === $props.selectedIndex)
+          ? (_openBlock(), _createElementBlock("text", _hoisted_1, "❯ /" + _toDisplayString(item.name), 1 /* TEXT */))
+          : (_openBlock(), _createElementBlock("text", _hoisted_2, "/" + _toDisplayString(item.name), 1 /* TEXT */)),
+        _createElementVNode("text", _hoisted_3, _toDisplayString(item.description), 1 /* TEXT */)
+      ]))
+    }), 128 /* KEYED_FRAGMENT */)),
+    ($props.items.length === 0)
+      ? (_openBlock(), _createElementBlock("line", _hoisted_4, [...(_cache[0] || (_cache[0] = [
+          _createElementVNode("text", {
+            muted: "",
+            style: { paddingLeft: 3 }
+          }, "No matching commands", -1 /* CACHED */)
+        ]))]))
+      : _createCommentVNode("v-if", true)
+  ]))
+}
+
+__sfc_main.render = render;
+
+export default __sfc_main;

package/src/extensions/cli-tui-components/ConfirmModal.vue

@@ -0,0 +1,29 @@
+<template>
+  <stack>
+    <line borderTop="solid" :style="{ borderTopColor: 'accent' }">
+      <text bold color="accent"> {{ title }} </text>
+    </line>
+    <line v-if="body">
+      <text :style="{ paddingLeft: 2 }">{{ body }}</text>
+    </line>
+    <spacer />
+    <line v-for="(opt, i) in options" :key="opt.key">
+      <text :style="{ paddingLeft: 2 }">
+        <text bold>({{ opt.key }})</text>
+        <text :style="{ paddingLeft: 1 }">{{ opt.label }}</text>
+      </text>
+    </line>
+    <spacer />
+    <line borderBottom="solid" :style="{ borderBottomColor: 'subtle' }">
+      <text muted>Press key to choose · esc cancel</text>
+    </line>
+  </stack>
+</template>
+
+<script setup lang="ts">
+defineProps<{
+  title: string;
+  body?: string;
+  options: Array<{ key: string; label: string; value: string }>;
+}>();
+</script>

package/src/extensions/cli-tui-components/ConfirmModal.vue.compiled.ts

@@ -0,0 +1,72 @@
+import * as _Vue from "@vue/runtime-core";
+const { h: _h, toDisplayString: _toDisplayString, openBlock: _openBlock, createElementBlock: _createElementBlock, createElementVNode: _createElementVNode, createVNode: _createVNode, createBlock: _createBlock, createCommentVNode: _createCommentVNode, Fragment: _Fragment, renderList: _renderList, withCtx: _withCtx, createTextVNode: _createTextVNode, resolveComponent: _resolveComponent, normalizeStyle: _normalizeStyle, normalizeClass: _normalizeClass, normalizeProps: _normalizeProps, guardReactiveProps: _guardReactiveProps, mergeProps: _mergeProps, withDirectives: _withDirectives, resolveDynamicComponent: _resolveDynamicComponent } = _Vue;
+
+import { defineComponent as _defineComponent } from "@vue/runtime-core"
+
+const __sfc_main = /*@__PURE__*/_defineComponent({
+  __name: 'ConfirmModal',
+  props: {
+    title: { type: String, required: true },
+    body: { type: String, required: false },
+    options: { type: Array, required: true }
+  },
+  setup(__props: any, { expose: __expose }) {
+  __expose();
+
+
+
+const __returned__ = {  }
+Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true })
+return __returned__
+}
+
+})
+
+const _hoisted_1 = {
+  borderTop: "solid",
+  style: { borderTopColor: 'accent' }
+}
+const _hoisted_2 = {
+  bold: "",
+  color: "accent"
+}
+const _hoisted_3 = { key: 0 }
+const _hoisted_4 = { style: { paddingLeft: 2 } }
+const _hoisted_5 = { style: { paddingLeft: 2 } }
+const _hoisted_6 = { bold: "" }
+const _hoisted_7 = { style: { paddingLeft: 1 } }
+
+const render = function(_ctx, _cache, $props, $setup, $data, $options) {
+  return (_openBlock(), _createElementBlock("stack", null, [
+    _createElementVNode("line", _hoisted_1, [
+      _createElementVNode("text", _hoisted_2, _toDisplayString($props.title), 1 /* TEXT */)
+    ]),
+    ($props.body)
+      ? (_openBlock(), _createElementBlock("line", _hoisted_3, [
+          _createElementVNode("text", _hoisted_4, _toDisplayString($props.body), 1 /* TEXT */)
+        ]))
+      : _createCommentVNode("v-if", true),
+    _cache[0] || (_cache[0] = _createElementVNode("spacer", null, null, -1 /* CACHED */)),
+    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList($props.options, (opt, i) => {
+      return (_openBlock(), _createElementBlock("line", {
+        key: opt.key
+      }, [
+        _createElementVNode("text", _hoisted_5, [
+          _createElementVNode("text", _hoisted_6, "(" + _toDisplayString(opt.key) + ")", 1 /* TEXT */),
+          _createElementVNode("text", _hoisted_7, _toDisplayString(opt.label), 1 /* TEXT */)
+        ])
+      ]))
+    }), 128 /* KEYED_FRAGMENT */)),
+    _cache[1] || (_cache[1] = _createElementVNode("spacer", null, null, -1 /* CACHED */)),
+    _cache[2] || (_cache[2] = _createElementVNode("line", {
+      borderBottom: "solid",
+      style: { borderBottomColor: 'subtle' }
+    }, [
+      _createElementVNode("text", { muted: "" }, "Press key to choose · esc cancel")
+    ], -1 /* CACHED */))
+  ]))
+}
+
+__sfc_main.render = render;
+
+export default __sfc_main;