drexler 0.2.1 → 0.2.3

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## 0.2.3
+
+- Restored full-terminal-width interactive chrome, including the chat input bar.
+
+## 0.2.2
+
+- Added argument suggestions in the slash command palette for `/theme`, `/startup`, `/retry`, `/export`, and `/model`.
+- Kept argument suggestion rows concise by avoiding duplicated hint copy.
+
 ## 0.2.1
 
 - Fixed slash command help and palette coverage so every implemented command is discoverable.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "drexler",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "description": "CLI chat with Drexler, a corporate-executive AI persona built on OpenRouter Gemma 4 31B.",
   "license": "MIT",
   "author": "showOS",

package/src/commands.ts

@@ -76,10 +76,74 @@ export const COMMAND_PALETTE: ReadonlyArray<SlashCommand> = [
   { name: "/copy-last", description: "Copy last response" },
 ];
 
+const ARGUMENT_PALETTE: ReadonlyArray<{
+  readonly command: string;
+  readonly values: ReadonlyArray<SlashCommand>;
+}> = [
+  {
+    command: "/theme",
+    values: [
+      ...THEME_NAMES.map((name) => ({
+        name: `/theme ${name}`,
+        description: `Switch to ${name} theme`,
+      })),
+      { name: "/theme save", description: "Save current theme as default" },
+    ],
+  },
+  {
+    command: "/startup",
+    values: [
+      { name: "/startup fast", description: "Persist fast startup" },
+      { name: "/startup no-intro", description: "Skip intro on launch" },
+      { name: "/startup normal", description: "Restore full intro" },
+    ],
+  },
+  {
+    command: "/retry",
+    values: [
+      { name: "/retry terse", description: "Retry in two sentences" },
+      { name: "/retry brutal", description: "Retry more forcefully" },
+    ],
+  },
+  {
+    command: "/export",
+    values: [
+      { name: "/export md", description: "Export markdown transcript" },
+      { name: "/export txt", description: "Export plain text transcript" },
+      { name: "/export json", description: "Export structured JSON" },
+      { name: "/export html", description: "Export printable HTML" },
+    ],
+  },
+  {
+    command: "/model",
+    values: [
+      { name: "/model 31b", description: "Use primary 31b model" },
+      { name: "/model 26b", description: "Use fallback 26b model" },
+    ],
+  },
+];
+
+function filterArgumentPalette(input: string): ReadonlyArray<SlashCommand> {
+  const lower = input.toLowerCase();
+  for (const group of ARGUMENT_PALETTE) {
+    const prefix = `${group.command} `;
+    if (!lower.startsWith(prefix)) continue;
+    const argPrefix = lower.slice(prefix.length);
+    return group.values.filter((item) =>
+      item.name.toLowerCase().startsWith(lower),
+    ).filter((item) => {
+      if (argPrefix.trim() === "") return true;
+      return item.name.toLowerCase().slice(prefix.length).startsWith(argPrefix);
+    });
+  }
+  return [];
+}
+
 export function filterPaletteByPrefix(
   input: string,
 ): ReadonlyArray<SlashCommand> {
-  if (!input.startsWith("/") || input.includes(" ")) return [];
+  if (!input.startsWith("/")) return [];
+  if (input.includes(" ")) return filterArgumentPalette(input);
   const prefix = input.toLowerCase();
   return COMMAND_PALETTE.filter((c) =>
     c.name.toLowerCase().startsWith(prefix),

package/src/ui/App.tsx

@@ -41,7 +41,6 @@ import { ThemeProvider } from "./ThemeContext.tsx";
 import { TranscriptViewport } from "./TranscriptViewport.tsx";
 import { getActiveTheme, THEMES } from "./themes.ts";
 
-const MAX_INPUT_WIDTH = 80;
 const TRANSCRIPT_CHROME_ROWS = 12;
 
 export function transcriptRowsForTerminalRows(rows: number): number {
@@ -111,14 +110,8 @@ export function App({ conversation, config, mood = "neutral", fetchFn }: AppProp
     };
   }, [stdout]);
   const mode = useMemo(() => pickLayout(cols), [cols]);
-  const inputWidth = useMemo(
-    () => Math.max(1, Math.min(cols, MAX_INPUT_WIDTH)),
-    [cols],
-  );
-  const chromeWidth = useMemo(
-    () => Math.max(1, Math.min(cols, MAX_INPUT_WIDTH)),
-    [cols],
-  );
+  const inputWidth = useMemo(() => Math.max(1, cols), [cols]);
+  const chromeWidth = useMemo(() => Math.max(1, cols), [cols]);
   const statusBarWidth = useMemo(() => Math.max(1, inputWidth - 2), [inputWidth]);
   const isCompact = mode === "very-narrow";
   const maxTranscriptRows = useMemo(

package/src/ui/CommandPalette.tsx

@@ -90,7 +90,10 @@ function CommandPaletteInner({ items, selectedIdx, width = 80 }: Props) {
       </Box>
       {items.map((item, idx) => {
         const sel = idx === selectedIdx;
-        const hint = COMMAND_HINTS[item.name] ?? item.description;
+        const isArgumentSuggestion = item.name.includes(" ");
+        const hint = isArgumentSuggestion
+          ? ""
+          : COMMAND_HINTS[item.name] ?? item.description;
         const name = item.name.padEnd(maxNameW + 1);
         const desc = fitDisplayText(item.description, descBudget);
         const clippedHint =