@abacus-ai/cli 1.106.25007 → 2.0.0-canary.0

package/src/components/composer/mentions.ts

@@ -0,0 +1,57 @@
+export const MENTION_CHAR = /[A-Za-z0-9_.~/\\-]/;
+export const COMMAND_CHAR = /[A-Za-z0-9_./\\-]/;
+
+export function getMentionAtCursor(
+  text: string,
+  cursor: [number, number],
+): { query: string; startRow: number; startCol: number; endRow: number; endCol: number } | null {
+  const [row, col] = cursor;
+  const lines = text.split("\n");
+  const currentLine = lines[row] || "";
+
+  let atIndex = -1;
+  for (let i = Math.min(col, currentLine.length) - 1; i >= 0; i--) {
+    const ch = currentLine[i];
+    if (ch === "@") {
+      atIndex = i;
+      break;
+    }
+    if (!MENTION_CHAR.test(ch)) {
+      break;
+    }
+  }
+  if (atIndex === -1) {
+    return null;
+  }
+  if (atIndex > 0) {
+    const prev = currentLine[atIndex - 1];
+    if (prev && !/\s/.test(prev)) {
+      return null;
+    }
+  }
+
+  let endCol = atIndex + 1;
+  while (endCol < currentLine.length && MENTION_CHAR.test(currentLine[endCol])) {
+    endCol++;
+  }
+
+  const typedEnd = Math.min(col, endCol);
+  const query = currentLine.slice(atIndex + 1, typedEnd);
+
+  return { query, startRow: row, startCol: atIndex, endRow: row, endCol };
+}
+
+export function buildMentionGrammar() {
+  const pathChars = `[A-Za-z0-9_.~/-]`;
+  const escapedSpace = `\\\\ `;
+  const quotedPath = `'[^']*'`;
+  const unquotedPath = `(?:${pathChars}|${escapedSpace})+`;
+  const mentionPattern = `(?:^|\\s)@(?:${quotedPath}|${unquotedPath})`;
+  const commandPattern = `^/[A-Za-z0-9_./\\-]+`;
+  const pastedPattern = `\\[Pasted text #\\d+ \\+\\d+ lines\\]`;
+  return [
+    { regex: new RegExp(mentionPattern, "gm"), color: "cyanBright" },
+    { regex: new RegExp(commandPattern, "gm"), color: "magentaBright" },
+    { regex: new RegExp(pastedPattern, "g"), color: "yellowBright" },
+  ];
+}

package/src/components/composer/message-queue.tsx

@@ -0,0 +1,70 @@
+import { View, Text } from "@codellm/jar";
+import { memo } from "react";
+
+import { useShellSize } from "../../context/shell-size.tsx";
+import { useComposerContext } from "./context.js";
+
+function truncateMiddle(text: string, maxLength: number): string {
+  if (text.length <= maxLength) {
+    return text;
+  }
+  const halfLength = Math.floor((maxLength - 3) / 2);
+  return `${text.slice(0, halfLength)}...${text.slice(-halfLength)}`;
+}
+
+const QueueDivider = memo(() => (
+  <View
+    flexGrow={1}
+    // @ts-expect-error custom border style for dash character
+    borderStyle={{ bottom: "─" }}
+    borderBottom
+    borderTop={false}
+    borderLeft={false}
+    borderRight={false}
+    borderDimColor
+  />
+));
+QueueDivider.displayName = "QueueDivider";
+
+interface MessageQueueProps {
+  pathElement?: React.ReactNode;
+}
+
+export const MessageQueue = memo(({ pathElement }: MessageQueueProps) => {
+  const { queuedMessages } = useComposerContext();
+
+  const { width: terminalWidth } = useShellSize();
+
+  if (queuedMessages.length === 0) {
+    return null;
+  }
+
+  return (
+    <View flexDirection="row" flexWrap="wrap" justifyContent="space-between" alignItems="flex-end">
+      <View flexDirection="column">
+        <View flexDirection="row" alignItems="flex-end">
+          <Text dimColor>╭</Text>
+          <QueueDivider />
+          <Text dimColor> Queued ({queuedMessages.length}) </Text>
+          <QueueDivider />
+          <Text dimColor>╮</Text>
+        </View>
+        <View
+          borderStyle="round"
+          borderDimColor
+          borderTop={false}
+          borderBottom={false}
+          flexDirection="column"
+        >
+          {queuedMessages.map((msg, i) => (
+            <Text key={i} wrap="truncate">
+              <Text>{truncateMiddle(msg.trim(), Math.max(4, Math.floor(terminalWidth / 2)))}</Text>
+            </Text>
+          ))}
+        </View>
+      </View>
+      {pathElement}
+    </View>
+  );
+});
+MessageQueue.displayName = "MessageQueue";

package/src/components/composer/mode-panel.tsx

@@ -0,0 +1,35 @@
+import { memo } from "react";
+
+import type { InterruptHints } from "../../hooks/use-interrupt-manager.js";
+
+import { ModeHandler } from "./modes/types.js";
+import { ComposerMode } from "./types.js";
+
+interface ModePanelProps {
+  mode: ComposerMode;
+  prompt: string;
+  handler: ModeHandler | null;
+  onExitFilesMode: () => void;
+  hints?: InterruptHints;
+  availableHeight: number;
+}
+
+export const ModePanel = memo(
+  ({ mode: _mode, prompt, handler, onExitFilesMode, hints, availableHeight }: ModePanelProps) => {
+    if (handler) {
+      return (
+        <>
+          {handler.render({
+            prompt,
+            onExit: onExitFilesMode,
+            hints,
+            availableHeight,
+          })}
+        </>
+      );
+    }
+
+    return null;
+  },
+);
+ModePanel.displayName = "ModePanel";