drexler 0.2.15 → 0.2.16

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # Changelog
 
+## 0.2.16
+
+- Added an interactive pet system: feed, play, work, praise, rest, vibe, name, and profile commands; persistent stats with offline decay; intern→analyst→associate→VP→MD rank ladder driven by lifetime deal accumulation; 90-second cooldowns per action with in-character rejection copy.
+- Adaptive pet UI: full animated panel on wide terminals (cols ≥ 112), bordered compact panel on medium terminals (≥ 48), one-line ticker surfacing the worst stat on tiny terminals.
+- Compact panel routes stats through the existing satirical level ladder (peak/good/ok/low/critical) instead of bare percentages so it matches the Deal Desk surface.
+- Pet save is now atomic (temp file + rename); dead-pet command guard prevents stat mutation during the death exit timer; frame interval pauses when the pet has died.
+- Hardened launch flow: validate CLI flags and config before the first-run API key prompt with reason-specific errors. Fatal handlers moved off the interactive path so Ink's signal-exit can restore the terminal cleanly.
+- Markdown link parser now balances parentheses, so URLs like `https://en.wikipedia.org/wiki/Foo_(bar)` parse correctly.
+- New informational commands: `/setup` prints config + API key source without leaking the key; `/update` prints upgrade instructions and refuses to run installs.
+- Transcript viewport enforces a hard row budget — oversized cards clip with an explicit `... N lines truncated — PageUp scrollback to read` hint; indicators report row counts in addition to item counts; scrollback keys work while a response is streaming.
+- Command palette Enter on bare argument-parent commands (`/theme`, `/model`, `/startup`, `/retry`, `/export`) now reopens the chooser instead of executing the base form; history navigation preserves the unsent draft.
+- Performance: collapsed duplicate width memos, hoisted divider/carpet constants, memoized StatBar, tightened the pet panel frame loop.
+
 ## 0.2.14
 
 - Added a startup Mood panel with a stable boot gauge, percentage-only loading row, and rotating mood-specific posture/detail copy.

package/README.md

@@ -91,6 +91,8 @@ rm -rf ~/.config/drexler   # optional: wipe stored key + settings
 
 Drexler runs as an Ink terminal UI when both stdin and stdout are TTYs. The normal launch shows one integrated startup panel with the mascot, tips, a **Mood** readout, and the **Drexler Deal Desk**. Short terminals automatically suppress oversized startup chrome so the chat stays usable.
 
+After startup, the pet UI adapts to the terminal instead of disappearing. Wide terminals show the animated **Drexler Pet Desk** as a right-side panel. Medium terminals show a compact pet panel below the Deal Desk. Tiny terminals show a one-line pet ticker so pet status remains visible without crushing the chat.
+
 The startup panel is designed to stay stable while it boots: the mascot loading bar and Mood gauge animate without changing width, greeting copy is held in a fixed slot, and the Mood and Deal Desk boxes stay aligned when the greeting wraps. After boot, Mood resolves into a rotating Drexler-flavored posture with a short satirical subtext line.
 
 The Deal Desk is intentionally not a frontier-model telemetry panel. It shows mood-shaped corporate nonsense like boardroom status, memo count, mandate, risk, fees, and counsel posture. Values rotate by mood and session so repeated moods still feel alive.
@@ -134,6 +136,14 @@ Keyboard notes:
 | `/clear`       | shred conversation history (system prompt pinned) |
 | `/exit`        | meeting adjourned                                |
 | `/synergy`     | run a rotating animated morale event             |
+| `/feed`        | feed Drexler a deal memo                         |
+| `/play`        | corporate synergy game with Drexler              |
+| `/work`        | Drexler grinds the deal pipeline                 |
+| `/praise`      | affirm Drexler's contributions                   |
+| `/rest`        | strategic nap                                    |
+| `/vibe`        | let Drexler choose his own adventure             |
+| `/name [name]` | view or assign Drexler's pet name                |
+| `/profile`     | print Drexler's personnel file                   |
 | `/model`       | show current model, or `/model 26b` to switch   |
 | `/theme`       | show/switch theme; append `save` to persist, e.g. `/theme midnight save` |
 | `/startup fast\|no-intro\|normal` | persist startup behavior for future launches |

package/package.json

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

package/src/index.ts

@@ -63,6 +63,8 @@ Slash commands inside REPL:
   /rest          strategic nap (restores energy)
   /praise        affirm Drexler's contributions
   /vibe          let Drexler choose his own adventure
+  /name [name]   view or assign Drexler's pet name
+  /profile       print Drexler's personnel file
   /model [id]    show or switch model
   /theme [name]  show or switch theme; append save to persist
   /startup [mode] persist startup mode: fast, no-intro, normal

package/src/ui/App.tsx

@@ -28,9 +28,12 @@ import {
 } from "../pet/petState.ts";
 import { DeathScreen } from "./DeathScreen.tsx";
 import {
+  CompactPetPanel,
+  COMPACT_PET_PANEL_MIN_WIDTH,
+  COMPACT_PET_PANEL_ROWS,
   PetPanel,
-  PET_PANEL_ROWS,
   PET_PANEL_WIDTH,
+  TINY_PET_PANEL_ROWS,
   type Environment,
 } from "./PetPanel.tsx";
 import {
@@ -90,11 +93,10 @@ import {
 import { getActiveTheme } from "./themes.ts";
 
 const TRANSCRIPT_CHROME_ROWS = 12;
-const PET_PANEL_MIN_MAIN_COLUMNS = 91;
+const PET_PANEL_MIN_MAIN_COLUMNS = 75;
 const PET_PANEL_GAP_COLUMNS = 1;
 const PET_PANEL_MIN_COLUMNS =
   PET_PANEL_WIDTH + PET_PANEL_GAP_COLUMNS + PET_PANEL_MIN_MAIN_COLUMNS;
-const PET_PANEL_MIN_ROWS = TRANSCRIPT_CHROME_ROWS + PET_PANEL_ROWS;
 
 export function transcriptRowsForTerminalRows(rows: number): number {
   return Math.max(1, Math.min(24, rows - TRANSCRIPT_CHROME_ROWS));
@@ -226,14 +228,23 @@ export function App({
   const mode = useMemo(() => pickLayout(cols), [cols]);
   const chromeWidth = useMemo(() => Math.max(1, cols), [cols]);
   const isCompact = mode === "very-narrow";
+  const [introDone, setIntroDone] = useState(false);
   const integratedIntro =
-    showIntroChrome && typeof greeting === "string" && rows >= 32;
-  const showPetPanel =
-    cols >= PET_PANEL_MIN_COLUMNS && rows >= PET_PANEL_MIN_ROWS && !integratedIntro;
-  const petPanelReservedWidth = showPetPanel
+    showIntroChrome &&
+    typeof greeting === "string" &&
+    rows >= 32 &&
+    !introDone;
+  const showPetSidePanel = cols >= PET_PANEL_MIN_COLUMNS && !integratedIntro;
+  const showCompactPetPanel = !showPetSidePanel && !integratedIntro;
+  const compactPetRowBudget = showCompactPetPanel
+    ? cols >= COMPACT_PET_PANEL_MIN_WIDTH
+      ? COMPACT_PET_PANEL_ROWS
+      : TINY_PET_PANEL_ROWS
+    : 0;
+  const petPanelReservedWidth = showPetSidePanel
     ? PET_PANEL_WIDTH + PET_PANEL_GAP_COLUMNS
     : 0;
-  const contentWidth = showPetPanel
+  const contentWidth = showPetSidePanel
     ? Math.max(1, cols - petPanelReservedWidth)
     : chromeWidth;
   const contentInputWidth = Math.max(1, contentWidth);
@@ -244,9 +255,9 @@ export function App({
     () =>
       Math.max(
         1,
-        transcriptRowsForTerminalRows(rows) - introRowBudget,
+        transcriptRowsForTerminalRows(rows) - introRowBudget - compactPetRowBudget,
       ),
-    [introRowBudget, rows],
+    [compactPetRowBudget, introRowBudget, rows],
   );
 
   const [items, setItems] = useState<ChatItem[]>([]);
@@ -299,7 +310,14 @@ export function App({
   const [historyIdx, setHistoryIdx] = useState<number | null>(null);
   const [paletteIdx, setPaletteIdx] = useState(0);
   const [scrollOffset, setScrollOffset] = useState(0);
-  const intro = useIntroAnimation(chromeWidth, integratedIntro);
+  const handleIntroComplete = useCallback(() => {
+    setIntroDone(true);
+  }, []);
+  const intro = useIntroAnimation(
+    chromeWidth,
+    integratedIntro,
+    handleIntroComplete,
+  );
 
   const [petStats, setPetStats] = useState<PetStats>(() => loadPetState());
   const [petActivity, setPetActivity] = useState<PetActivity>("idle");
@@ -405,11 +423,6 @@ export function App({
 
   // Real-time stat decay matches the offline per-hour decay rate.
   useEffect(() => {
-    if (!showPetPanel) {
-      return () => {
-        savePetState(petStatsRef.current);
-      };
-    }
     petDecayTimerRef.current = setInterval(() => {
       updatePetStats(applyMinuteDecay);
     }, 60_000);
@@ -424,11 +437,11 @@ export function App({
       }
       savePetState(petStatsRef.current);
     };
-  }, [showPetPanel, updatePetStats]);
+  }, [updatePetStats]);
 
   // Death detection
   useEffect(() => {
-    if (!showPetPanel || isDead || !isPetDead(petStats)) return;
+    if (isDead || !isPetDead(petStats)) return;
     const reason =
       petStats.hunger <= 0 ? "hunger" :
       petStats.happiness <= 0 ? "happiness" : "energy";
@@ -439,7 +452,7 @@ export function App({
     petStatsRef.current = deadStats;
     savePetState(deadStats);
     exitTimerRef.current = setTimeout(() => exit(), 5000);
-  }, [petStats, showPetPanel, isDead, exit]);
+  }, [petStats, isDead, exit]);
 
   const paletteItems = useMemo(() => filterPaletteByPrefix(input), [input]);
   const paletteOpen = paletteItems.length > 0;
@@ -1152,8 +1165,19 @@ export function App({
         ) : (
           dealDeskHeader
         )}
+        {showCompactPetPanel && (
+          <Box marginBottom={1}>
+            <CompactPetPanel
+              stats={petStats}
+              activity={petActivity}
+              env={petEnv}
+              isPaused={isBusy}
+              width={chromeWidth}
+            />
+          </Box>
+        )}
         <Box flexDirection="row" alignItems="flex-start">
-          {showPetPanel && (
+          {showPetSidePanel && (
             <Box marginRight={PET_PANEL_GAP_COLUMNS}>
               <PetPanel
                 stats={petStats}

package/src/ui/PetPanel.tsx

@@ -7,12 +7,16 @@ import { type Theme } from "./themes.ts";
 
 export const PET_PANEL_WIDTH = 36;
 export const PET_PANEL_ROWS = 22;
+export const COMPACT_PET_PANEL_ROWS = 5;
+export const TINY_PET_PANEL_ROWS = 1;
+export const COMPACT_PET_PANEL_MIN_WIDTH = 48;
 export type Environment = "office" | "home" | "outdoors";
 
 const PANEL_BORDER_COLUMNS = 2;
 const PANEL_PADDING_COLUMNS = 2;
 const CONTENT = PET_PANEL_WIDTH - PANEL_BORDER_COLUMNS - PANEL_PADDING_COLUMNS;
 const SPRITE_W = 8;
+const DIVIDER_LINE = "─".repeat(CONTENT);
 
 const R_SKY   = 0;
 const R_BGA   = 1;
@@ -454,6 +458,10 @@ interface PetPanelProps {
   isPaused?: boolean;
 }
 
+interface CompactPetPanelProps extends PetPanelProps {
+  width: number;
+}
+
 function PetPanelView({ stats, activity, env = "office", isPaused = false }: PetPanelProps) {
   const t = useTheme();
   const [frame, setFrame] = useState(0);
@@ -463,12 +471,15 @@ function PetPanelView({ stats, activity, env = "office", isPaused = false }: Pet
   }, [activity, env]);
 
   useEffect(() => {
-    if (isPaused) return;
+    // Skip frame ticks when paused or when the pet has died — DeathScreen
+    // takes over the UI, no point burning a setInterval that mutates state
+    // nothing will read.
+    if (isPaused || stats.dead === true) return;
     const id = setInterval(() => {
       setFrame((f) => f + 1);
     }, 800);
     return () => clearInterval(id);
-  }, [isPaused]);
+  }, [isPaused, stats.dead]);
 
   const scene = useMemo(
     () => buildScene(activity, frame, stats, env),
@@ -479,7 +490,7 @@ function PetPanelView({ stats, activity, env = "office", isPaused = false }: Pet
     () => pad(`memo ${getStatusMsg(stats, frame)}`, CONTENT),
     [stats, frame],
   );
-  const title = fitDisplayText(`DREXLER DEAL DESK [${env}]`, CONTENT);
+  const title = fitDisplayText(`DREXLER PET DESK [${env}]`, CONTENT);
   const activityLabel = activity !== "idle" ? ` / ${activity}` : "";
   const moodLabel = `mood ${mood}`;
   const fittedMood = activityLabel
@@ -508,7 +519,7 @@ function PetPanelView({ stats, activity, env = "office", isPaused = false }: Pet
       </Box>
 
       <Box paddingX={1}>
-        <Text color={t.primaryDim}>{"─".repeat(CONTENT)}</Text>
+        <Text color={t.primaryDim}>{DIVIDER_LINE}</Text>
       </Box>
 
       <Box flexDirection="column" paddingX={1}>
@@ -519,7 +530,7 @@ function PetPanelView({ stats, activity, env = "office", isPaused = false }: Pet
       </Box>
 
       <Box paddingX={1}>
-        <Text color={t.primaryDim}>{"─".repeat(CONTENT)}</Text>
+        <Text color={t.primaryDim}>{DIVIDER_LINE}</Text>
       </Box>
 
       <Box paddingX={1}>
@@ -535,3 +546,128 @@ function PetPanelView({ stats, activity, env = "office", isPaused = false }: Pet
 }
 
 export const PetPanel = memo(PetPanelView);
+
+function pct(value: number): string {
+  return `${Math.round(value)}%`;
+}
+
+const STAT_LEVEL_LABEL: Record<MsgLevel, string> = {
+  critical: "critical",
+  low: "low",
+  ok: "ok",
+  good: "good",
+  great: "peak",
+};
+
+interface CompactStatProfile {
+  hunger: MsgLevel;
+  happiness: MsgLevel;
+  energy: MsgLevel;
+  deals: MsgLevel;
+}
+
+function compactStatProfile(stats: PetStats): CompactStatProfile {
+  return {
+    hunger: statLevel(stats.hunger),
+    happiness: statLevel(stats.happiness),
+    energy: statLevel(stats.energy),
+    deals: statLevel(stats.deals),
+  };
+}
+
+interface WorstStat {
+  key: "hunger" | "happiness" | "energy" | "deals";
+  value: number;
+}
+
+export function pickWorstStat(stats: PetStats): WorstStat {
+  const entries: WorstStat[] = [
+    { key: "hunger", value: stats.hunger },
+    { key: "happiness", value: stats.happiness },
+    { key: "energy", value: stats.energy },
+    { key: "deals", value: stats.deals },
+  ];
+  return entries.reduce((best, cur) =>
+    cur.value < best.value ? cur : best,
+  );
+}
+
+function CompactPetPanelView({
+  stats,
+  activity,
+  env = "office",
+  isPaused = false,
+  width,
+}: CompactPetPanelProps) {
+  const t = useTheme();
+  const safeWidth = Math.max(1, width);
+
+  // Rotate the memo every 10s so the compact panel doesn't feel static.
+  // Paused panels lock to a single message (no decay-tick to refresh anyway).
+  const [tick, setTick] = useState(() => Math.floor(Date.now() / 10_000));
+  useEffect(() => {
+    if (isPaused) return;
+    const id = setInterval(() => {
+      setTick(Math.floor(Date.now() / 10_000));
+    }, 10_000);
+    return () => clearInterval(id);
+  }, [isPaused]);
+
+  const mood = getPetMood(stats);
+  const profile = compactStatProfile(stats);
+  const activityCopy = activity === "idle" ? env : `${env} / ${activity}`;
+  const title = "Drexler Pet Desk";
+  const statLine = [
+    `happy ${STAT_LEVEL_LABEL[profile.happiness]}`,
+    `hungr ${STAT_LEVEL_LABEL[profile.hunger]}`,
+    `enrgy ${STAT_LEVEL_LABEL[profile.energy]}`,
+    `deals ${STAT_LEVEL_LABEL[profile.deals]}`,
+  ].join("  ·  ");
+  const statusLine = `memo ${getStatusMsg(stats, tick)}`;
+
+  if (safeWidth < COMPACT_PET_PANEL_MIN_WIDTH) {
+    // Worst stat drives the ticker so an idle eye still catches a failing
+    // metric instead of a fixed happy/energy readout.
+    const worst = pickWorstStat(stats);
+    const worstLevel = statLevel(worst.value);
+    const accent = worstLevel === "critical" || worstLevel === "low"
+      ? t.warning
+      : t.primary;
+    return (
+      <Box width={safeWidth} flexShrink={1}>
+        <Text color={accent}>
+          {fitDisplayText(
+            `pet ${mood} · ${worst.key} ${pct(worst.value)} (${worstLevel})`,
+            safeWidth,
+          )}
+        </Text>
+      </Box>
+    );
+  }
+
+  const innerWidth = Math.max(1, safeWidth - PANEL_BORDER_COLUMNS - PANEL_PADDING_COLUMNS);
+  const header = `${title} [${activityCopy}]`;
+
+  return (
+    <Box
+      flexDirection="column"
+      width={safeWidth}
+      flexShrink={1}
+      borderStyle="round"
+      borderColor={t.primaryDim}
+      paddingX={1}
+    >
+      <Box>
+        <Text color={t.primary} bold>{fitDisplayText(header, innerWidth)}</Text>
+      </Box>
+      <Box>
+        <Text color={t.text}>{fitDisplayText(statLine, innerWidth)}</Text>
+      </Box>
+      <Box>
+        <Text color={t.dim}>{fitDisplayText(`${mood} · ${statusLine}`, innerWidth)}</Text>
+      </Box>
+    </Box>
+  );
+}
+
+export const CompactPetPanel = memo(CompactPetPanelView);