@1agh/maude 0.28.1 → 0.30.0

package/{plugins/design/dev-server → apps/studio}/tool-palette.tsx

@@ -1,6 +1,6 @@
 /**
  * @file       tool-palette.tsx — Phase 5.1 centered icon toolbar
- * @scope      plugins/design/dev-server/tool-palette.tsx
+ * @scope      apps/studio/tool-palette.tsx
  * @purpose    Bottom-center floating chrome — navigate (V/H/C), draw
  *             (B/R/O/A/E), and zoom in one shell. Adopts the dev-server
  *             menubar's visual language (8 px radius, soft shadow, hairline
@@ -20,7 +20,6 @@ import {
   SHAPE_KIND_ICONS,
   TOOL_ICONS,
 } from './canvas-icons.tsx';
-import { useViewportControllerContext } from './canvas-lib.tsx';
 import { useAnnotationsVisibility } from './use-annotations-visibility.tsx';
 import { type ShapeKind, useToolMode } from './use-tool-mode.tsx';
 
@@ -228,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', '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 }> = [
@@ -247,25 +256,21 @@ const SHAPE_KINDS: ReadonlyArray<{ kind: ShapeKind; label: string }> = [
 export function ToolPalette() {
   ensurePaletteStyles();
   const { tool, setTool, tools, sticky, toggleSticky, shapeKind, setShapeKind } = useToolMode();
-  const controller = useViewportControllerContext();
   const visibilityCtx = useAnnotationsVisibility();
   const [mounted, setMounted] = useState(false);
-  const [zoomOpen, setZoomOpen] = useState(false);
   const [shapeOpen, setShapeOpen] = useState(false);
   const containerRef = useRef<HTMLDivElement | null>(null);
 
   useEffect(() => setMounted(true), []);
   useEffect(() => {
-    if (!zoomOpen && !shapeOpen) return;
+    if (!shapeOpen) return;
     const onDown = (e: PointerEvent) => {
       if (!containerRef.current?.contains(e.target as Node)) {
-        setZoomOpen(false);
         setShapeOpen(false);
       }
     };
     const onKey = (e: KeyboardEvent) => {
       if (e.key === 'Escape') {
-        setZoomOpen(false);
         setShapeOpen(false);
       }
     };
@@ -275,7 +280,7 @@ export function ToolPalette() {
       document.removeEventListener('pointerdown', onDown, true);
       document.removeEventListener('keydown', onKey, true);
     };
-  }, [zoomOpen, shapeOpen]);
+  }, [shapeOpen]);
   // Close the shape popover whenever the tool changes away from Shape.
   useEffect(() => {
     if (tool !== 'shape') setShapeOpen(false);
@@ -286,7 +291,6 @@ export function ToolPalette() {
   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 pct = controller ? Math.round(controller.viewport.zoom * 100) : 100;
   const annotationsHidden = visibilityCtx ? !visibilityCtx.visible : false;
 
   const renderToolButton = (id: string, label: string, shortcut: string) => {
@@ -417,66 +421,7 @@ export function ToolPalette() {
         >
           <IconPresentation />
         </button>
-        <button
-          type="button"
-          className="dc-tp-zoom"
-          aria-label={`Zoom ${pct}%, open zoom menu`}
-          aria-expanded={zoomOpen}
-          title={`Zoom ${pct}%`}
-          onClick={() => setZoomOpen((o) => !o)}
-        >
-          <span>{pct}%</span>
-          <IconChevronDown size={12} />
-        </button>
       </div>
-      {zoomOpen && controller ? (
-        <div className="dc-tp-popover" role="menu" aria-label="Zoom">
-          <button
-            type="button"
-            role="menuitem"
-            onClick={() => {
-              controller.zoomIn();
-              setZoomOpen(false);
-            }}
-          >
-            <span>Zoom In</span>
-            <span className="dc-tp-kbd">⌘ +</span>
-          </button>
-          <button
-            type="button"
-            role="menuitem"
-            onClick={() => {
-              controller.zoomOut();
-              setZoomOpen(false);
-            }}
-          >
-            <span>Zoom Out</span>
-            <span className="dc-tp-kbd">⌘ −</span>
-          </button>
-          <button
-            type="button"
-            role="menuitem"
-            onClick={() => {
-              controller.fit();
-              setZoomOpen(false);
-            }}
-          >
-            <span>Fit to Screen</span>
-            <span className="dc-tp-kbd">⌘ 0</span>
-          </button>
-          <button
-            type="button"
-            role="menuitem"
-            onClick={() => {
-              controller.reset();
-              setZoomOpen(false);
-            }}
-          >
-            <span>Actual Size 100%</span>
-            <span className="dc-tp-kbd">⌘ 1</span>
-          </button>
-        </div>
-      ) : null}
     </div>
   );
 }

package/{plugins/design/dev-server → apps/studio}/undo-hud.tsx

@@ -1,6 +1,6 @@
 /**
  * @file       undo-hud.tsx — top-right toast announcing the last undo edit
- * @scope      plugins/design/dev-server/undo-hud.tsx
+ * @scope      apps/studio/undo-hud.tsx
  * @purpose    Subscribes to `useUndoStack().lastLabel` + `.lastTick` and
  *             surfaces a 1.2 s aria-live toast so the user (and a screen
  *             reader) knows which edit just got pushed / undone / redone.
@@ -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/{plugins/design/dev-server → apps/studio}/undo-stack.ts

@@ -1,6 +1,6 @@
 /**
  * @file       undo-stack.ts — per-canvas in-memory command stack
- * @scope      plugins/design/dev-server/undo-stack.ts
+ * @scope      apps/studio/undo-stack.ts
  * @purpose    Pure state + reducer for canvas Cmd+Z / Cmd+Shift+Z. No React,
  *             no DOM, no fetch — `EditCommand.do()` / `.undo()` are caller-
  *             supplied side-effects so this file stays trivially testable

package/{plugins/design/dev-server → apps/studio}/use-agent-presence.tsx

@@ -1,6 +1,6 @@
 /**
  * @file       use-agent-presence.tsx — Phase 13.2 / DDR-078 agent presence.
- * @scope      plugins/design/dev-server/use-agent-presence.tsx
+ * @scope      apps/studio/use-agent-presence.tsx
  * @purpose    Turn the Phase 8 `ai-activity` heartbeat into a *presence* peer:
  *             when an agent (`/design:edit` / `/design:new`) is editing THIS
  *             canvas, surface it like another connected human — an avatar in the
@@ -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 };
 }
 
 // ---------------------------------------------------------------------------