drexler 0.2.16 → 0.2.18

package/README.md

@@ -89,9 +89,9 @@ rm -rf ~/.config/drexler   # optional: wipe stored key + settings
 
 ### Interactive UI
 
-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.
+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**. After startup, that dashboard remains the primary top chrome. 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.
+Type `/pet` to toggle pet mode for the current session. Pet mode keeps the top dashboard frame and swaps the normal mascot/tips/deal desk layout for a Drexler scene plus pet stats. `/pet on` and `/pet off` set it explicitly. Pet stats still decay and pet commands still work when the pet dashboard is hidden.
 
 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.
 
@@ -136,6 +136,7 @@ Keyboard notes:
 | `/clear`       | shred conversation history (system prompt pinned) |
 | `/exit`        | meeting adjourned                                |
 | `/synergy`     | run a rotating animated morale event             |
+| `/pet [on\|off]` | toggle pet dashboard mode for this session     |
 | `/feed`        | feed Drexler a deal memo                         |
 | `/play`        | corporate synergy game with Drexler              |
 | `/work`        | Drexler grinds the deal pipeline                 |

package/package.json

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

package/src/commands.ts

@@ -47,6 +47,7 @@ const HELP_TEXT = `New memo to staff! Drexler permit following directives:
   /clear         - shred all documents (reset history)
   /exit          - meeting adjourned
   /synergy       - SYNERGY!
+  /pet [on|off]  - toggle pet dashboard mode
   /feed          - feed Drexler a deal memo
   /play          - corporate synergy game with Drexler
   /work          - Drexler grinds the deal pipeline
@@ -86,6 +87,7 @@ export const COMMAND_PALETTE: ReadonlyArray<SlashCommand> = [
   { name: "/clear", description: "Reset conversation", group: "directives" },
   { name: "/exit", description: "Adjourn meeting", group: "directives" },
   { name: "/synergy", description: "SYNERGY!", group: "directives" },
+  { name: "/pet", description: "Toggle pet dashboard mode", group: "directives" },
   { name: "/feed", description: "Feed Drexler a deal memo", group: "directives" },
   { name: "/play", description: "Play with Drexler", group: "directives" },
   { name: "/work", description: "Drexler grinds deals", group: "directives" },
@@ -369,6 +371,7 @@ export function dispatch(input: string, ctx: CommandContext): CommandAction {
       );
       return { type: "continue" };
 
+    case "pet":
     case "feed":
     case "play":
     case "work":

package/src/index.ts

@@ -57,6 +57,7 @@ Slash commands inside REPL:
   /clear         reset conversation
   /exit          exit
   /synergy       SYNERGY!
+  /pet [on|off]  toggle pet dashboard mode
   /feed          feed Drexler a deal memo
   /play          corporate synergy game (flexing included)
   /work          Drexler grinds the pipeline

package/src/ui/App.tsx

@@ -31,8 +31,6 @@ import {
   CompactPetPanel,
   COMPACT_PET_PANEL_MIN_WIDTH,
   COMPACT_PET_PANEL_ROWS,
-  PetPanel,
-  PET_PANEL_WIDTH,
   TINY_PET_PANEL_ROWS,
   type Environment,
 } from "./PetPanel.tsx";
@@ -93,10 +91,6 @@ import {
 import { getActiveTheme } from "./themes.ts";
 
 const TRANSCRIPT_CHROME_ROWS = 12;
-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;
 
 export function transcriptRowsForTerminalRows(rows: number): number {
   return Math.max(1, Math.min(24, rows - TRANSCRIPT_CHROME_ROWS));
@@ -198,6 +192,7 @@ interface AppProps {
   fetchFn?: FetchFn;
   greeting?: string;
   showIntroChrome?: boolean;
+  introInitiallyDone?: boolean;
 }
 
 export function App({
@@ -207,6 +202,7 @@ export function App({
   fetchFn,
   greeting,
   showIntroChrome = false,
+  introInitiallyDone = false,
 }: AppProps) {
   const { exit } = useApp();
   const { stdout } = useStdout();
@@ -228,36 +224,38 @@ 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 &&
-    !introDone;
-  const showPetSidePanel = cols >= PET_PANEL_MIN_COLUMNS && !integratedIntro;
-  const showCompactPetPanel = !showPetSidePanel && !integratedIntro;
-  const compactPetRowBudget = showCompactPetPanel
+  const [introDone, setIntroDone] = useState(introInitiallyDone);
+  const dashboardAllowed = showIntroChrome && typeof greeting === "string";
+  const showFullDashboard = dashboardAllowed && rows >= 32;
+  const introActive = showFullDashboard && !introDone;
+  const [petMode, setPetMode] = useState(false);
+  const petModeRef = useRef(false);
+  const showFallbackPetPanel = petMode && !showFullDashboard;
+  const fallbackPetRowBudget = showFallbackPetPanel
     ? 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 = showPetSidePanel
-    ? Math.max(1, cols - petPanelReservedWidth)
-    : chromeWidth;
+  const contentWidth = chromeWidth;
   const contentInputWidth = Math.max(1, contentWidth);
   const contentStatusWidth = Math.max(1, contentInputWidth - 2);
-  const introRowBudget =
-    integratedIntro ? (chromeWidth >= 112 ? 14 : chromeWidth >= 72 ? 26 : 6) : 0;
+  const dashboardRowBudget =
+    showFullDashboard
+      ? chromeWidth >= 112
+        ? 14
+        : chromeWidth >= 72
+          ? 26
+          : 6
+      : 0;
   const maxTranscriptRows = useMemo(
     () =>
       Math.max(
         1,
-        transcriptRowsForTerminalRows(rows) - introRowBudget - compactPetRowBudget,
+        transcriptRowsForTerminalRows(rows) -
+          dashboardRowBudget -
+          fallbackPetRowBudget,
       ),
-    [compactPetRowBudget, introRowBudget, rows],
+    [dashboardRowBudget, fallbackPetRowBudget, rows],
   );
 
   const [items, setItems] = useState<ChatItem[]>([]);
@@ -315,7 +313,7 @@ export function App({
   }, []);
   const intro = useIntroAnimation(
     chromeWidth,
-    integratedIntro,
+    introActive,
     handleIntroComplete,
   );
 
@@ -328,12 +326,7 @@ export function App({
   const petActivityTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
   const petDecayTimerRef = useRef<ReturnType<typeof setInterval> | null>(null);
 
-  const petEnv = useMemo((): Environment => {
-    const h = new Date().getHours();
-    if (h >= 9 && h < 18) return "office";
-    if (h >= 6 && h < 23) return "home";
-    return "outdoors";
-  }, []);
+  const petEnv: Environment = "office";
 
   const PET_MESSAGES = useMemo(() => ({
     feed: [
@@ -391,6 +384,10 @@ export function App({
     },
     [],
   );
+  const setDashboardPetMode = useCallback((next: boolean) => {
+    petModeRef.current = next;
+    setPetMode(next);
+  }, []);
   const updatePetStats = useCallback((updater: (stats: PetStats) => PetStats) => {
     setPetStats((stats) => {
       const next = updater(stats);
@@ -687,6 +684,38 @@ export function App({
         runSynergyEvent();
         return;
       }
+      if (slashCommand === "/pet") {
+        const arg = lower.slice("/pet".length).trim();
+        if (arg === "") {
+          const next = !petModeRef.current;
+          setDashboardPetMode(next);
+          addItem(
+            "system",
+            next
+              ? "Pet dashboard enabled. Deal desk converted to habitat."
+              : "Pet dashboard disabled. Deal desk restored.",
+          );
+          return;
+        }
+        if (arg === "on" || arg === "off") {
+          const next = arg === "on";
+          const changed = petModeRef.current !== next;
+          setDashboardPetMode(next);
+          addItem(
+            "system",
+            changed
+              ? next
+                ? "Pet dashboard enabled. Deal desk converted to habitat."
+                : "Pet dashboard disabled. Deal desk restored."
+              : next
+                ? "Pet dashboard already enabled."
+                : "Pet dashboard already disabled.",
+          );
+          return;
+        }
+        addItem("system", "Usage: /pet, /pet on, or /pet off.");
+        return;
+      }
       const isPetCommand =
         slashCommand === "/feed" ||
         slashCommand === "/play" ||
@@ -861,11 +890,11 @@ export function App({
       config,
       activeTheme,
       model,
-      petStats,
       PET_MESSAGES,
       removeLastAssistantItem,
       runLLM,
       runSynergyEvent,
+      setDashboardPetMode,
       triggerExit,
       triggerPetActivity,
       updatePetStats,
@@ -1123,15 +1152,15 @@ export function App({
   const isBusy =
     requestInFlight || streaming !== null || thinking !== null || synergyEvent !== null;
   const headerStatus = isBusy ? "streaming" : deskStatus;
-  const renderDealDeskHeader = (width: number) => (
+  const renderDealDeskHeader = (width: number, marginBottom = 1) => (
     <DealDeskHeader
       mood={mood}
       messageCount={msgCount}
       status={headerStatus}
       compact={isCompact}
-      notice={!integratedIntro ? deskNotice ?? undefined : undefined}
+      notice={!introActive ? deskNotice ?? undefined : undefined}
       maxWidth={Math.max(1, width)}
-      marginBottom={integratedIntro ? 0 : 1}
+      marginBottom={marginBottom}
     />
   );
   const dealDeskHeader = renderDealDeskHeader(chromeWidth);
@@ -1148,24 +1177,26 @@ export function App({
   return (
     <ThemeProvider value={activeTheme}>
       <Box flexDirection="column">
-        {integratedIntro ? (
+        {showFullDashboard && typeof greeting === "string" ? (
           <Box marginBottom={1}>
             <MascotDashboard
               greeting={greeting}
               width={chromeWidth}
               mood={mood}
-              bootProgress={intro.progress}
-              state={intro.state}
-              bar={intro.bar}
-              barColor={introBarColor}
-              mascotStatus={intro.status}
-              dealDesk={renderDealDeskHeader}
+              mode={petMode && !introActive ? "pet" : "normal"}
+              petStats={petStats}
+              petActivity={petActivity}
+              petEnv={petEnv}
+              petPaused={isBusy}
+              bootProgress={introActive ? intro.progress : 1}
+              state={introActive ? intro.state : undefined}
+              bar={introActive ? intro.bar : undefined}
+              barColor={introActive ? introBarColor : undefined}
+              mascotStatus={introActive ? intro.status : undefined}
+              dealDesk={(width) => renderDealDeskHeader(width, 0)}
             />
           </Box>
-        ) : (
-          dealDeskHeader
-        )}
-        {showCompactPetPanel && (
+        ) : showFallbackPetPanel ? (
           <Box marginBottom={1}>
             <CompactPetPanel
               stats={petStats}
@@ -1175,18 +1206,10 @@ export function App({
               width={chromeWidth}
             />
           </Box>
+        ) : (
+          dealDeskHeader
         )}
         <Box flexDirection="row" alignItems="flex-start">
-          {showPetSidePanel && (
-            <Box marginRight={PET_PANEL_GAP_COLUMNS}>
-              <PetPanel
-                stats={petStats}
-                activity={petActivity}
-                env={petEnv}
-                isPaused={isBusy}
-              />
-            </Box>
-          )}
           <Box flexDirection="column" flexGrow={1}>
             <TranscriptViewport
               items={items}