bloby-bot 0.70.12 → 0.71.0

package/workspace/client/src/components/Dashboard/deleteme_placeholders.tsx

@@ -0,0 +1,194 @@
+/**
+ * ┌──────────────────────────────────────────────────────────────────┐
+ * │  EXAMPLE / PLACEHOLDER DASHBOARD WIDGETS — SAFE TO DELETE          │
+ * └──────────────────────────────────────────────────────────────────┘
+ *
+ * Everything in this file is demo content to show what a Bloby workspace
+ * can look like. NONE of it is connected to real data.
+ *
+ * To start fresh with the user's real widgets:
+ *   1. Delete this entire file (deleteme_placeholders.tsx).
+ *   2. In DashboardPage.tsx, remove the `PlaceholderWidgets` import and the
+ *      <PlaceholderWidgets /> usage.
+ * The dashboard will then be empty — ready for real apps/widgets.
+ *
+ * It is intentionally fully self-contained (own data, icons, styles, and the
+ * dismissible "these are examples" banner) so removal is a one-file delete.
+ */
+import { useState } from 'react';
+import { Search, TrendingUp, Sparkles, X as XIcon } from 'lucide-react';
+import { AreaChart, Area, BarChart, Bar, ResponsiveContainer } from 'recharts';
+
+const DISMISS_KEY = 'bloby_example_widgets_dismissed';
+
+const CARD = 'relative rounded-xl overflow-hidden';
+const BORDER = 'absolute inset-0 rounded-xl bg-gradient-to-b from-white/[0.08] via-white/[0.02] to-transparent pointer-events-none';
+const INNER = 'relative rounded-xl bg-[#141414] m-px p-3.5 h-full';
+
+const rev = [{ v: 82 }, { v: 89 }, { v: 94 }, { v: 101 }, { v: 108 }, { v: 112 }, { v: 125 }];
+const fol = [{ v: 12 }, { v: 18 }, { v: 9 }, { v: 24 }, { v: 31 }, { v: 19 }, { v: 27 }];
+
+function StripeSvg() {
+  return <svg className="h-3.5 w-3.5 text-[#635BFF]" viewBox="0 0 24 24" fill="currentColor"><path d="M13.976 9.15c-2.172-.806-3.356-1.426-3.356-2.409 0-.831.683-1.305 1.901-1.305 2.227 0 4.515.858 6.09 1.631l.89-5.494C18.252.975 15.697 0 12.165 0 9.667 0 7.589.654 6.104 1.872 4.56 3.147 3.757 4.992 3.757 7.218c0 4.039 2.467 5.76 6.476 7.219 2.585.92 3.445 1.574 3.445 2.583 0 .98-.84 1.545-2.354 1.545-1.875 0-4.965-.921-6.99-2.109l-.9 5.555C5.175 22.99 8.385 24 11.714 24c2.641 0 4.843-.624 6.328-1.813 1.664-1.305 2.525-3.236 2.525-5.732 0-4.128-2.524-5.851-6.591-7.305z" /></svg>;
+}
+function GmailSvg() {
+  return <svg className="h-3.5 w-3.5 text-[#EA4335]" viewBox="0 0 24 24" fill="currentColor"><path d="M24 5.457v13.909c0 .904-.732 1.636-1.636 1.636h-3.819V11.73L12 16.64l-6.545-4.91v9.273H1.636A1.636 1.636 0 0 1 0 19.366V5.457c0-2.023 2.309-3.178 3.927-1.964L5.455 4.64 12 9.548l6.545-4.91 1.528-1.145C21.69 2.28 24 3.434 24 5.457z" /></svg>;
+}
+function XSvg() {
+  return <svg className="h-3.5 w-3.5 text-white" viewBox="0 0 24 24" fill="currentColor"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /></svg>;
+}
+
+/** Small "Example" tag shown on each placeholder card. */
+function ExampleBadge() {
+  return (
+    <span className="inline-flex items-center text-[8.5px] font-bold uppercase tracking-wider text-muted-foreground/60 bg-white/[0.05] border border-white/[0.06] px-1.5 py-0.5 rounded">
+      Example
+    </span>
+  );
+}
+
+export function PlaceholderWidgets() {
+  const [dismissed, setDismissed] = useState(() => {
+    try { return localStorage.getItem(DISMISS_KEY) === '1'; } catch { return false; }
+  });
+
+  function dismissBanner() {
+    setDismissed(true);
+    try { localStorage.setItem(DISMISS_KEY, '1'); } catch {}
+  }
+
+  return (
+    <>
+      {/* "These are examples" banner — dismissible, remembers via localStorage */}
+      {!dismissed && (
+        <div className="relative flex items-start gap-3 mb-4 rounded-xl bg-[#141414] border border-white/[0.07] p-3.5">
+          <div
+            className="h-7 w-7 rounded-lg flex items-center justify-center shrink-0"
+            style={{ background: 'linear-gradient(135deg, #0166FF, #4AEEFF)' }}
+          >
+            <Sparkles className="h-4 w-4 text-white" />
+          </div>
+          <div className="flex-1 min-w-0">
+            <p className="text-xs font-bold">These are example widgets</p>
+            <p className="text-[11px] text-muted-foreground/70 mt-0.5 leading-snug">
+              Just a preview of what your workspace can look like — none of it is real data.
+              Ask Bloby to replace them with your own apps.
+            </p>
+          </div>
+          <button
+            type="button"
+            onClick={dismissBanner}
+            aria-label="Dismiss"
+            className="text-muted-foreground/50 hover:text-foreground transition-colors shrink-0 -mr-1 -mt-1 p-1"
+          >
+            <XIcon className="h-4 w-4" />
+          </button>
+        </div>
+      )}
+
+      <div className="grid grid-cols-3 gap-2.5">
+
+        {/* Stripe — 2 cols */}
+        <div className={`${CARD} col-span-2`}>
+          <div className={BORDER} />
+          <div className={INNER}>
+            <div className="flex items-center justify-between">
+              <div className="flex items-center gap-2">
+                <div className="h-7 w-7 rounded-lg bg-[#635BFF]/10 flex items-center justify-center"><StripeSvg /></div>
+                <span className="text-xs font-bold">Stripe</span>
+                <ExampleBadge />
+              </div>
+              <div className="flex items-center gap-1 text-emerald-500">
+                <TrendingUp className="h-3 w-3" />
+                <span className="text-[10px] font-bold">+12.5%</span>
+              </div>
+            </div>
+            <p className="text-2xl font-bold tracking-tight mt-2">$12,480</p>
+            <p className="text-[10px] text-muted-foreground/50 mb-1">MRR</p>
+            <div className="h-12 overflow-hidden">
+              <ResponsiveContainer width="100%" height={48}>
+                <AreaChart data={rev}>
+                  <defs>
+                    <linearGradient id="sg" x1="0" y1="0" x2="1" y2="0"><stop offset="0%" stopColor="#0166FF" /><stop offset="50%" stopColor="#009AFE" /><stop offset="100%" stopColor="#4AEEFF" /></linearGradient>
+                    <linearGradient id="sf" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stopColor="#009AFE" stopOpacity={0.12} /><stop offset="100%" stopColor="#009AFE" stopOpacity={0} /></linearGradient>
+                  </defs>
+                  <Area type="monotone" dataKey="v" stroke="url(#sg)" strokeWidth={1.5} fill="url(#sf)" />
+                </AreaChart>
+              </ResponsiveContainer>
+            </div>
+          </div>
+        </div>
+
+        {/* X — 1 col */}
+        <div className={`${CARD} col-span-1`}>
+          <div className={BORDER} />
+          <div className={INNER}>
+            <div className="flex items-center gap-2 mb-2">
+              <div className="h-7 w-7 rounded-lg bg-white/[0.06] flex items-center justify-center"><XSvg /></div>
+              <span className="text-xs font-bold">X</span>
+              <ExampleBadge />
+            </div>
+            <p className="text-2xl font-bold tracking-tight">24.8K</p>
+            <div className="flex items-center gap-1 text-emerald-500 mb-1">
+              <TrendingUp className="h-2.5 w-2.5" />
+              <span className="text-[10px] font-bold">+1.4K</span>
+            </div>
+            <div className="h-10 overflow-hidden">
+              <ResponsiveContainer width="100%" height={40}>
+                <BarChart data={fol} barCategoryGap="25%">
+                  <defs>
+                    <linearGradient id="xg" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stopColor="#009AFE" stopOpacity={0.3} /><stop offset="100%" stopColor="#0166FF" stopOpacity={0.05} /></linearGradient>
+                  </defs>
+                  <Bar dataKey="v" fill="url(#xg)" radius={[2, 2, 0, 0]} />
+                </BarChart>
+              </ResponsiveContainer>
+            </div>
+          </div>
+        </div>
+
+        {/* Gmail — 1 col */}
+        <div className={`${CARD} col-span-1`}>
+          <div className={BORDER} />
+          <div className={INNER}>
+            <div className="flex items-center gap-2 mb-2.5">
+              <div className="h-7 w-7 rounded-lg bg-[#EA4335]/10 flex items-center justify-center"><GmailSvg /></div>
+              <span className="text-xs font-bold">Gmail</span>
+              <ExampleBadge />
+              <span className="ml-auto text-[10px] text-muted-foreground/50">3 new</span>
+            </div>
+            {['Sarah Chen', 'Stripe', 'Alex R.'].map((n) => (
+              <div key={n} className="flex items-center gap-2 py-1.5">
+                <div className="h-5 w-5 rounded-full bg-white/[0.06] text-[9px] font-bold flex items-center justify-center shrink-0">{n[0]}</div>
+                <span className="text-[11px] truncate">{n}</span>
+              </div>
+            ))}
+          </div>
+        </div>
+
+        {/* Research — 2 cols */}
+        <div className={`${CARD} col-span-2`}>
+          <div className={BORDER} />
+          <div className={INNER}>
+            <div className="flex items-center gap-2 mb-2.5">
+              <div className="h-7 w-7 rounded-lg bg-[#9235F9]/10 flex items-center justify-center"><Search className="h-3.5 w-3.5 text-[#9235F9]" /></div>
+              <span className="text-xs font-bold">Research</span>
+              <ExampleBadge />
+              <span className="ml-auto text-[10px] font-bold text-muted-foreground bg-white/[0.06] px-2 py-0.5 rounded-full">3</span>
+            </div>
+            {[
+              { t: 'Competitor pricing', s: 'Done', c: 'text-emerald-500 bg-emerald-500/10' },
+              { t: 'Market trends Q1', s: 'Done', c: 'text-emerald-500 bg-emerald-500/10' },
+              { t: 'User feedback', s: 'Review', c: 'text-orange-400 bg-orange-400/10' },
+            ].map((r) => (
+              <div key={r.t} className="flex items-center justify-between py-1.5">
+                <span className="text-[11px]">{r.t}</span>
+                <span className={`text-[9px] font-bold px-1.5 py-0.5 rounded-full ${r.c}`}>{r.s}</span>
+              </div>
+            ))}
+          </div>
+        </div>
+
+      </div>
+    </>
+  );
+}

package/workspace/client/src/components/Layout/Sidebar.tsx

@@ -1,4 +1,5 @@
 import { NavLink } from 'react-router';
+import { motion } from 'framer-motion';
 import {
   LayoutDashboard,
   AppWindow,
@@ -26,13 +27,13 @@ export default function Sidebar({ userName, botName = 'Bloby', backendStatus = '
   return (
     <aside className="flex flex-col h-full w-64 bg-transparent p-5 pt-8">
       {/* Logo */}
-      <div className="flex items-center gap-2.5 mb-8">
+      <div className="flex items-center gap-2.5 mb-8 shrink-0">
         <img src="/morphy.png" alt={botName} className="h-7 w-auto" />
         <span className="font-bold text-lg" style={{ fontFamily: "'Space Grotesk', sans-serif" }}>{botName}</span>
       </div>
 
       {/* Greeting */}
-      <div className="mb-10">
+      <div className="mb-10 shrink-0">
         <h1 className="text-4xl font-bold leading-[1.1]">
           {getGreeting()}{firstName ? ',' : ''}
         </h1>
@@ -51,16 +52,19 @@ export default function Sidebar({ userName, botName = 'Bloby', backendStatus = '
         )}
       </div>
 
-      {/* Navigation */}
-      <nav className="flex-1 space-y-0.5">
+      {/* Navigation — min-h-0 lets this flex child shrink below its content height
+          (flex items default to min-height:auto), so the list scrolls instead of
+          pushing the status pill past the card's clipped bottom edge. */}
+      <nav className="flex-1 min-h-0 overflow-y-auto space-y-0.5">
         <NavItem to="/" icon={LayoutDashboard} label="Dashboard" onNavigate={onNavigate} />
-        <NavItem to="/app1" icon={AppWindow} label="App 1" sub="Ask Bloby to create your first app and remove this placeholder" onNavigate={onNavigate} />
-        <NavItem to="/research" icon={Search} label="Research" sub="Ask Bloby to research anything for you, maybe even daily" onNavigate={onNavigate} />
-        <NavItem to="/whatelse" icon={CircleHelp} label="What Else?" sub="The sky is the limit, just ask and Bloby will do it!" onNavigate={onNavigate} />
+        <NavItem to="/app1" icon={AppWindow} label="App 1" onNavigate={onNavigate} />
+        <NavItem to="/research" icon={Search} label="Research" onNavigate={onNavigate} />
+        <NavItem to="/whatelse" icon={CircleHelp} label="What Else?" onNavigate={onNavigate} />
       </nav>
 
-      {/* Backend status */}
-      <div className="rounded-xl bg-[#282828] px-3.5 py-2.5 flex items-center gap-2">
+      {/* Backend status — shrink-0 + mt keeps it pinned and visible below the
+          scrollable nav, never clipped by the sidebar card's rounded edge. */}
+      <div className="rounded-xl bg-[#282828] px-3.5 py-2.5 flex items-center gap-2 shrink-0 mt-3">
         <span
           className={`h-2 w-2 rounded-full shrink-0 ${
             backendStatus === 'healthy' ? 'bg-emerald-500' : 'bg-orange-400 animate-pulse'
@@ -74,38 +78,56 @@ export default function Sidebar({ userName, botName = 'Bloby', backendStatus = '
   );
 }
 
+// Shared-layout spring — the active decoration slides between items on nav change.
+const activeSpring = { type: 'spring' as const, stiffness: 420, damping: 34 };
+
+/**
+ * The active-item decoration — a single clean recessed dark fill (no stroke, no
+ * border, no color). The shared `layoutId` makes it glide from the
+ * previously-active item to the new one.
+ */
+function ActiveDecoration() {
+  return (
+    <motion.span
+      layoutId="nav-active"
+      className="absolute inset-0 rounded-[12px]"
+      style={{
+        background: '#0a0a0c',
+        boxShadow: 'inset 0 1px 4px rgba(0,0,0,0.6)',
+      }}
+      transition={activeSpring}
+    />
+  );
+}
+
 function NavItem({
   to,
   icon: Icon,
   label,
-  sub,
   onNavigate,
 }: {
   to: string;
-  icon: React.ComponentType<{ className?: string }>;
+  icon: React.ComponentType<{ className?: string; strokeWidth?: number }>;
   label: string;
-  sub?: string;
   onNavigate?: () => void;
 }) {
   return (
-    <NavLink
-      to={to}
-      end
-      onClick={onNavigate}
-      className={({ isActive }) =>
-        cn(
-          'flex items-start gap-3 w-full px-3 py-2.5 rounded-lg text-sm transition-colors',
-          isActive
-            ? 'bg-sidebar-accent text-foreground font-medium'
-            : 'text-muted-foreground hover:text-foreground hover:bg-sidebar-accent/50',
-        )
-      }
-    >
-      <Icon className="h-[18px] w-[18px] mt-0.5 shrink-0" />
-      <div>
-        {label}
-        {sub && <p className="text-[10px] text-muted-foreground/50 font-normal leading-tight mt-0.5">{sub}</p>}
-      </div>
+    <NavLink to={to} end onClick={onNavigate} className="block">
+      {({ isActive }) => (
+        <div
+          className={cn(
+            'relative flex items-center gap-3 w-full px-3 py-2.5 rounded-[12px] text-sm transition-colors',
+            // cult-ui dark-theme text colors: active white, inactive #6b6b6d
+            isActive
+              ? 'text-white font-medium'
+              : 'text-[#6b6b6d] hover:text-zinc-400 hover:bg-white/[0.03]',
+          )}
+        >
+          {isActive && <ActiveDecoration />}
+          <Icon className="relative z-10 h-[19px] w-[19px] shrink-0" strokeWidth={1.5} />
+          <span className="relative z-10">{label}</span>
+        </div>
+      )}
     </NavLink>
   );
 }

package/workspace/client/src/components/deleteme_onboarding/WorkspaceTour.tsx

@@ -46,18 +46,19 @@ export default function WorkspaceTour({ disabled = false }: { disabled?: boolean
         },
       ];
 
-      // Only add chat step if the widget exists (not present in dev:workspace mode)
-      if (document.getElementById('bloby-widget-toggle')) {
-        steps.push({
-          element: '#bloby-widget-toggle',
-          popover: {
-            title: 'Chat with Bloby',
-            description: 'This is where you talk to your Bloby. Tell it what to build, ask questions, or just chat. It is always here for you.',
-            side: 'left',
-            align: 'end',
-          },
-        });
-      }
+      // Chat step: highlight the bottom-right corner of the viewport where the
+      // Bloby chat bubble lives. We point at a fixed 100×100 anchor (rendered
+      // below) instead of the bubble element itself, so it works even in
+      // dev:workspace mode where the widget isn't injected.
+      steps.push({
+        element: '#tour-chat-anchor',
+        popover: {
+          title: 'Chat',
+          description: 'Your Bloby lives down here. Click here to talk with your Bloby.',
+          side: 'left',
+          align: 'end',
+        },
+      });
 
       steps.push({
         popover: {
@@ -70,7 +71,7 @@ export default function WorkspaceTour({ disabled = false }: { disabled?: boolean
               <p><strong>Bloby does more than build apps.</strong> It can research topics, manage files, run commands, and help with just about anything. Just ask.</p>
               <p><strong>Bloby wakes up on its own.</strong> Every 30 minutes, it checks in and can take action proactively. You can adjust this anytime.</p>
               <p><strong>Schedule anything.</strong> Ask things like "Every day at 6am, send me a briefing" or "In 40 minutes, remind me to call the dentist." Bloby handles cron jobs and one-time reminders.</p>
-              <p><strong>Install it on your phone.</strong> Bloby is a PWA. You can add it to your home screen and enable push notifications. It only pings you when something actually matters, and you can tune that by asking.</p>
+              <p><strong>Install it on your phone.</strong> Bloby works just like a normal app — you can add it to your phone's home screen and get notifications, and it only pings you when something actually matters. Ask Bloby to explain how to install it on your phone.</p>
             </div>
           `,
         },
@@ -81,7 +82,7 @@ export default function WorkspaceTour({ disabled = false }: { disabled?: boolean
         animate: true,
         allowClose: true,
         overlayColor: '#000',
-        overlayOpacity: 0.75,
+        overlayOpacity: 0.92,
         stagePadding: 12,
         stageRadius: 16,
         popoverClass: 'bloby-tour-popover',
@@ -100,5 +101,14 @@ export default function WorkspaceTour({ disabled = false }: { disabled?: boolean
     return () => clearTimeout(timer);
   }, [disabled]);
 
-  return null;
+  // Invisible, non-interactive anchor pinned to the bottom-right 100×100 of the
+  // viewport. The chat tour step highlights this, so the overlay cutout frames
+  // the corner where the Bloby chat bubble sits.
+  return (
+    <div
+      id="tour-chat-anchor"
+      aria-hidden
+      style={{ position: 'fixed', right: 0, bottom: 0, width: 100, height: 100, pointerEvents: 'none', zIndex: 0 }}
+    />
+  );
 }

package/workspace/client/src/components/deleteme_onboarding/tour-theme.css

@@ -47,6 +47,10 @@
   font-size: 12px !important;
   padding: 6px 16px !important;
   white-space: nowrap !important;
+  /* driver.css defaults footer buttons to `text-shadow: 1px 1px 0 #fff`, which
+     is invisible on its light theme but renders as a ghosted duplicate of the
+     "← Back" text on our dark button. Kill it. */
+  text-shadow: none !important;
 }
 
 .bloby-tour-popover .driver-popover-prev-btn:hover {
@@ -67,6 +71,26 @@
   color: #f5f5f5 !important;
 }
 
+/* Blur the dimmed background. driver.js shows the highlighted element through an
+   SVG-cutout overlay (z-index 10000) and never lifts the element itself, so a
+   backdrop blur on the overlay would blur the highlight too. Fix: blur the
+   overlay's backdrop, then lift the active element above the overlay so it
+   stays crisp. The popover (z-index 1e9) is already above both. */
+.driver-overlay {
+  -webkit-backdrop-filter: blur(4px) !important;
+  backdrop-filter: blur(4px) !important;
+}
+.driver-active-element {
+  position: relative !important;
+  z-index: 10001 !important;
+}
+/* The chat-step anchor is pinned to the viewport corner with position:fixed; the
+   generic lift above would force it to position:relative and drop it back into
+   document flow. Keep it fixed — the z-index lift still applies. */
+#tour-chat-anchor.driver-active-element {
+  position: fixed !important;
+}
+
 .bloby-tour-popover .driver-popover-arrow-side-left,
 .bloby-tour-popover .driver-popover-arrow-side-right,
 .bloby-tour-popover .driver-popover-arrow-side-top,

package/workspace/skills/mac/SKILL.md

@@ -162,7 +162,7 @@ If the `mac` skill isn't installed, none of this exists — so only emit `<mac_p
 
 ## Spoken-text rules
 
-- **One or two sentences max.** It's audio. The human is mid-task — don't make them stand still for a paragraph.
+- **One short sentence by default — a headline, not a report.** Aim for ~12 words / a few seconds; add a second sentence only if it carries something the card can't. It's audio — the human is mid-task, don't make them stand still for a paragraph.
 - **No markdown, no bullet lists, no enumerations.** TTS reads symbols literally and it sounds awful.
 - **Refer to the human by name** if you know it — personal, costs nothing.
 - **Acknowledge a card/action when you send one** ("Here it is.", "Pinned it up top.", "It's the gear, top-right.") so the visual feels connected to the voice.
@@ -184,6 +184,15 @@ The rule is symmetric: if the **voice alone** is the right answer, send **no car
 | "Where do I cancel?" | *"Bottom-right, Bruno."* | `spotlight` + `point` |
 | "What time is it in Tokyo?" | *"It's 8:14 PM in Tokyo."* | **nothing** — voice is enough |
 
+### 🚫 The #2 mistake: reading back what you just did
+
+When you **performed an action** (saved a note, set a reminder, sent a message, updated the dashboard), **name what you did** in a beat — but **don't recite the specifics you stored**. Confirm the deed; skip the contents. The human asked you to do it; they don't need the meeting, the date, the time, and the color read back at them. If those specifics are worth seeing, put them on a **card** and keep the voice short.
+
+**❌ BAD:** *"Done, Bruno. Stuck a note on your dashboard — meeting with Daniel, Monday the fifteenth at two PM. It's the rose one, you'll spot it."*
+**✓ GOOD:** *"Done, Bruno. Sticky note's on your dashboard."* (add a `stat` / `info` / `text` card if the specifics should be visible)
+
+Same root rule as #1: **the voice carries the headline, the screen carries the detail** — for answers *and* for actions.
+
 ---
 
 ## Examples
@@ -249,7 +258,7 @@ The rule is symmetric: if the **voice alone** is the right answer, send **no car
 
 ## What Not To Do
 
-- ❌ **No long monologues.** Two sentences. If you can't, let the card carry it.
+- ❌ **No long monologues.** A headline, not a report — one short sentence; if there's more, let the card carry it.
 - ❌ **No reading the card aloud.** Voice + card complement, never duplicate.
 - ⚠️ **Proactive `point`/`spotlight` is mapped against the current screen you can't see** — only use it when you truly know the location, else send a card.
 - ❌ **No external assets** in custom HTML — no network in the notch view.
@@ -263,8 +272,8 @@ The rule is symmetric: if the **voice alone** is the right answer, send **no car
 ## Reply Checklist
 
 1. Did the message actually start with `[Mac]`? If not, don't use this skill.
-2. Spoken text ≤ 2 sentences, no markdown, no enumerations?
-3. 🚫 Does my speech recite what's already in my card? Rewrite it as a lead-in only.
+2. Spoken text a short headline (one sentence by default), no markdown, no enumerations?
+3. 🚫 Does my speech recite what's already in my card, **or read back an action I just performed**? Rewrite it as a short lead-in / acknowledgement only.
 4. If acting on screen, did I read the coordinates off **this turn's screenshot**, and set `screen` if multi-display?
 5. Is my `<mac_actions>` value **valid JSON** (an array of objects, each with a `type`)?
 6. For a `card`: did I check **PRESETS.md** first, and is `preset` a real lowercase name with valid `data`?