@1agh/maude 0.29.0 → 0.31.0

package/apps/studio/test/use-tool-mode.test.tsx

@@ -1,6 +1,6 @@
 // use-tool-mode — Phase 4.1 Task 2. Provider transitions + cursor sync.
 
-import { afterEach, beforeEach, describe, expect, test } from 'bun:test';
+import { describe, expect, test } from 'bun:test';
 
 import { renderToStaticMarkup } from 'react-dom/server';
 
@@ -12,7 +12,7 @@ import {
 } from '../use-tool-mode.tsx';
 
 describe('use-tool-mode / static', () => {
-  test('DEFAULT_TOOLS exposes V/H/C + draw set B/I/R/N/A/T/E (single Shape tool + highlighter)', () => {
+  test('DEFAULT_TOOLS exposes V/H/C + draw set B/I/R/N/⇧S/A/T/E (single Shape tool + highlighter + section)', () => {
     expect(DEFAULT_TOOLS.map((t) => t.id)).toEqual([
       'move',
       'hand',
@@ -21,6 +21,7 @@ describe('use-tool-mode / static', () => {
       'highlighter',
       'shape',
       'sticky',
+      'section',
       'arrow',
       'text',
       'eraser',
@@ -33,6 +34,7 @@ describe('use-tool-mode / static', () => {
       'I',
       'R',
       'N',
+      '⇧S',
       'A',
       'T',
       'E',
@@ -55,6 +57,7 @@ describe('use-tool-mode / static', () => {
       'highlighter',
       'shape',
       'sticky',
+      'section',
       'arrow',
       'text',
       'eraser',

package/apps/studio/tool-palette.tsx

@@ -20,7 +20,7 @@ import {
   SHAPE_KIND_ICONS,
   TOOL_ICONS,
 } from './canvas-icons.tsx';
-import { useAnnotationsVisibility } from './use-annotations-visibility.tsx';
+import { useChromeVisibility } from './use-chrome-visibility.tsx';
 import { type ShapeKind, useToolMode } from './use-tool-mode.tsx';
 
 // ─────────────────────────────────────────────────────────────────────────────
@@ -227,8 +227,18 @@ function ensurePaletteStyles(): void {
 
 const NAV_TOOLS = ['move', 'hand', 'comment'] as const;
 // Phase 24 — the two rect/ellipse buttons collapse into one Shape tool (with a
-// kind popover); sticky/arrow/text/eraser keep their order.
-const DRAW_TOOLS = ['pen', 'highlighter', 'shape', 'sticky', 'arrow', 'text', 'eraser'] as const;
+// kind popover); sticky/arrow/text/eraser keep their order. Wave H — section
+// joins the row (it was ⇧S-only before; users couldn't discover it).
+const DRAW_TOOLS = [
+  'pen',
+  'highlighter',
+  'shape',
+  'sticky',
+  'section',
+  'arrow',
+  'text',
+  'eraser',
+] as const;
 
 // Phase 24 — the Shape tool's primitive picker (popover order matches FigJam).
 const SHAPE_KINDS: ReadonlyArray<{ kind: ShapeKind; label: string }> = [
@@ -246,7 +256,7 @@ const SHAPE_KINDS: ReadonlyArray<{ kind: ShapeKind; label: string }> = [
 export function ToolPalette() {
   ensurePaletteStyles();
   const { tool, setTool, tools, sticky, toggleSticky, shapeKind, setShapeKind } = useToolMode();
-  const visibilityCtx = useAnnotationsVisibility();
+  const chrome = useChromeVisibility();
   const [mounted, setMounted] = useState(false);
   const [shapeOpen, setShapeOpen] = useState(false);
   const containerRef = useRef<HTMLDivElement | null>(null);
@@ -277,11 +287,12 @@ export function ToolPalette() {
   }, [tool]);
 
   if (!mounted) return null;
+  // Presentation Mode hides the whole tool palette (clean artboards-only view).
+  if (chrome?.present) return null;
 
   const byId = new Map(tools.map((t) => [t.id, t]));
   const navList = NAV_TOOLS.map((id) => byId.get(id)).filter(Boolean);
   const drawList = DRAW_TOOLS.map((id) => byId.get(id)).filter(Boolean);
-  const annotationsHidden = visibilityCtx ? !visibilityCtx.visible : false;
 
   const renderToolButton = (id: string, label: string, shortcut: string) => {
     const Icon = TOOL_ICONS[id];
@@ -402,12 +413,20 @@ export function ToolPalette() {
         </button>
         <button
           type="button"
-          aria-label={
-            annotationsHidden ? 'Show annotations (Shift+P)' : 'Hide annotations (Shift+P)'
-          }
-          aria-pressed={annotationsHidden}
-          title="Presentation (Shift+P)"
-          onClick={() => visibilityCtx?.setVisible(!visibilityCtx.visible)}
+          aria-label="Presentation mode — hide all chrome"
+          title="Presentation mode — hide all chrome (Esc to exit)"
+          onClick={() => {
+            // Present Mode is a SHELL-level state (it hides the menubar /
+            // sidebar / panels too), so the canvas iframe requests it from the
+            // parent shell, which flips on `.is-present` + broadcasts
+            // dgn:'view-chrome' back down. Enter-only — the palette is hidden
+            // while presenting; exit is Esc or the floating pill.
+            try {
+              window.parent.postMessage({ dgn: 'present-enter' }, '*');
+            } catch {
+              /* detached / cross-origin */
+            }
+          }}
         >
           <IconPresentation />
         </button>

package/apps/studio/undo-hud.tsx

@@ -82,7 +82,6 @@ export function UndoHud() {
   return (
     <div
       className="dc-undo-hud"
-      // biome-ignore lint/a11y/useSemanticElements: <output> is form-scoped; this HUD is a global status overlay outside any form
       data-visible={visible ? 'true' : 'false'}
       role="status"
       aria-live="polite"

package/apps/studio/use-agent-presence.tsx

@@ -23,7 +23,7 @@
 
 import { createContext, type ReactNode, useContext, useEffect, useMemo, useState } from 'react';
 
-import { colorForName } from './use-collab.tsx';
+import { AGENT_COLOR } from './use-collab.tsx';
 
 /** Wire shape of an `ai-activity` entry (matches collab/ai-activity.ts). */
 export interface AiEntry {
@@ -134,7 +134,9 @@ export function deriveAgent(entry: AiEntry): AgentPresence {
   const author = sanitizeAuthor(entry.author);
   const id = `${author}:${entry.startedAt}`;
   const name = agentFunnyName(id);
-  return { id, name, color: colorForName(name), author, startedAt: entry.startedAt };
+  // DS colors-presence contract: the agent rides --presence-agent, a hue no
+  // human peer can hash to — attribution stays unambiguous on a shared canvas.
+  return { id, name, color: AGENT_COLOR, author, startedAt: entry.startedAt };
 }
 
 // ---------------------------------------------------------------------------