@almadar/ui 6.52.0 → 6.53.0

package/dist/{chunk-TWHYH25Q.js → chunk-JRW33U35.js}

@@ -1,6 +1,25 @@
 import { useEventBus } from './chunk-6EV3OEBQ.js';
-import { createContext, useRef, useCallback, useState, useSyncExternalStore, useContext, useEffect, useMemo } from 'react';
+import { createContext, useCallback, useSyncExternalStore, useRef, useState, useContext, useEffect, useMemo } from 'react';
 
+function useMediaQuery(query) {
+  const subscribe = useCallback(
+    (onChange) => {
+      if (!hasMatchMedia()) return () => void 0;
+      const mql = window.matchMedia(query);
+      mql.addEventListener("change", onChange);
+      return () => mql.removeEventListener("change", onChange);
+    },
+    [query]
+  );
+  return useSyncExternalStore(
+    subscribe,
+    () => hasMatchMedia() && window.matchMedia(query).matches,
+    () => false
+  );
+}
+function hasMatchMedia() {
+  return typeof window !== "undefined" && typeof window.matchMedia === "function";
+}
 var counts = /* @__PURE__ */ new Map();
 var keyListeners = /* @__PURE__ */ new Map();
 var seq = 0;
@@ -147,25 +166,6 @@ function useInfiniteScroll(onLoadMore, options = {}) {
   }, [rootMargin]);
   return { sentinelRef };
 }
-function useMediaQuery(query) {
-  const subscribe = useCallback(
-    (onChange) => {
-      if (!hasMatchMedia()) return () => void 0;
-      const mql = window.matchMedia(query);
-      mql.addEventListener("change", onChange);
-      return () => mql.removeEventListener("change", onChange);
-    },
-    [query]
-  );
-  return useSyncExternalStore(
-    subscribe,
-    () => hasMatchMedia() && window.matchMedia(query).matches,
-    () => false
-  );
-}
-function hasMatchMedia() {
-  return typeof window !== "undefined" && typeof window.matchMedia === "function";
-}
 
 // hooks/usePrefersReducedMotion.ts
 function usePrefersReducedMotion() {
@@ -549,6 +549,66 @@ function parseQueryBinding(binding) {
     field: parts.length > 1 ? parts.slice(1).join(".") : void 0
   };
 }
+function usePullToRefresh(onRefresh, options = {}) {
+  const { threshold = 60, maxPull = 120 } = options;
+  const [pullDistance, setPullDistance] = useState(0);
+  const [isPulling, setIsPulling] = useState(false);
+  const [isRefreshing, setIsRefreshing] = useState(false);
+  const startY = useRef(0);
+  const scrollTopRef = useRef(0);
+  const onTouchStart = useCallback((e) => {
+    const container = e.currentTarget;
+    scrollTopRef.current = container.scrollTop;
+    if (scrollTopRef.current <= 0) {
+      startY.current = e.touches[0].clientY;
+      setIsPulling(true);
+    }
+  }, []);
+  const onTouchMove = useCallback((e) => {
+    if (!isPulling || isRefreshing) return;
+    const container = e.currentTarget;
+    if (container.scrollTop > 0) {
+      setPullDistance(0);
+      return;
+    }
+    const dy = e.touches[0].clientY - startY.current;
+    if (dy > 0) {
+      const distance = Math.min(dy * 0.5, maxPull);
+      setPullDistance(distance);
+    }
+  }, [isPulling, isRefreshing, maxPull]);
+  const onTouchEnd = useCallback(() => {
+    if (!isPulling) return;
+    setIsPulling(false);
+    if (pullDistance >= threshold && !isRefreshing) {
+      setIsRefreshing(true);
+      setPullDistance(threshold);
+      onRefresh();
+    } else {
+      setPullDistance(0);
+    }
+  }, [isPulling, pullDistance, threshold, isRefreshing, onRefresh]);
+  const endRefresh = useCallback(() => {
+    setIsRefreshing(false);
+    setPullDistance(0);
+  }, []);
+  const containerProps = {
+    onTouchStart,
+    onTouchMove,
+    onTouchEnd,
+    style: {
+      transform: pullDistance > 0 ? `translateY(${pullDistance}px)` : void 0,
+      transition: isPulling ? "none" : "transform 300ms ease-out"
+    }
+  };
+  return {
+    pullDistance,
+    isPulling,
+    isRefreshing,
+    containerProps,
+    endRefresh
+  };
+}
 function useDragReorder(initialItems, onReorder) {
   const [items, setItems] = useState(initialItems);
   const [dragIndex, setDragIndex] = useState(-1);
@@ -617,65 +677,5 @@ function useDragReorder(initialItems, onReorder) {
     getItemProps
   };
 }
-function usePullToRefresh(onRefresh, options = {}) {
-  const { threshold = 60, maxPull = 120 } = options;
-  const [pullDistance, setPullDistance] = useState(0);
-  const [isPulling, setIsPulling] = useState(false);
-  const [isRefreshing, setIsRefreshing] = useState(false);
-  const startY = useRef(0);
-  const scrollTopRef = useRef(0);
-  const onTouchStart = useCallback((e) => {
-    const container = e.currentTarget;
-    scrollTopRef.current = container.scrollTop;
-    if (scrollTopRef.current <= 0) {
-      startY.current = e.touches[0].clientY;
-      setIsPulling(true);
-    }
-  }, []);
-  const onTouchMove = useCallback((e) => {
-    if (!isPulling || isRefreshing) return;
-    const container = e.currentTarget;
-    if (container.scrollTop > 0) {
-      setPullDistance(0);
-      return;
-    }
-    const dy = e.touches[0].clientY - startY.current;
-    if (dy > 0) {
-      const distance = Math.min(dy * 0.5, maxPull);
-      setPullDistance(distance);
-    }
-  }, [isPulling, isRefreshing, maxPull]);
-  const onTouchEnd = useCallback(() => {
-    if (!isPulling) return;
-    setIsPulling(false);
-    if (pullDistance >= threshold && !isRefreshing) {
-      setIsRefreshing(true);
-      setPullDistance(threshold);
-      onRefresh();
-    } else {
-      setPullDistance(0);
-    }
-  }, [isPulling, pullDistance, threshold, isRefreshing, onRefresh]);
-  const endRefresh = useCallback(() => {
-    setIsRefreshing(false);
-    setPullDistance(0);
-  }, []);
-  const containerProps = {
-    onTouchStart,
-    onTouchMove,
-    onTouchEnd,
-    style: {
-      transform: pullDistance > 0 ? `translateY(${pullDistance}px)` : void 0,
-      transition: isPulling ? "none" : "transform 300ms ease-out"
-    }
-  };
-  return {
-    pullDistance,
-    isPulling,
-    isRefreshing,
-    containerProps,
-    endRefresh
-  };
-}
 
 export { ALMADAR_DND_MIME, PendingScopeContext, beginPending, endPending, parseQueryBinding, useAuthContext, useCanvasGestures, useDragReorder, useDraggable, useDropZone, useInfiniteScroll, useLongPress, useMediaQuery, usePendingAction, usePendingRows, usePendingScopeValue, usePrefersReducedMotion, usePullToRefresh, useQuerySingleton, useScopeHasPending, useSwipeGesture };

package/dist/{chunk-G4GMXYMY.js → chunk-KQXXO42S.js}

@@ -1,4 +1,4 @@
-import { domPassthrough, cn } from './chunk-IN3BVW2Z.js';
+import { domPassthrough, cn } from './chunk-64WACXM7.js';
 import { useState, useRef, useCallback, useLayoutEffect, useEffect, useSyncExternalStore } from 'react';
 import { jsx } from 'react/jsx-runtime';
 import { ENTER_DELAY_STEPS, ENTER_ANIMATIONS, isFileValue } from '@almadar/core';
@@ -7,6 +7,86 @@ import { perfStore, pushPerfEntry } from '@almadar/runtime/ui';
 export { PERF_NAMESPACE, clearPerf, perfEnd, perfGauge, perfStart, perfTime, perfTimeAsync } from '@almadar/runtime/ui';
 import { createLogger, isLogLevelEnabled } from '@almadar/logger';
 
+// lib/jazari/svg-paths.ts
+function gearTeethPath(cx, cy, innerRadius, outerRadius, numTeeth) {
+  const parts = [];
+  const angleStep = Math.PI * 2 / numTeeth;
+  const halfTooth = angleStep * 0.25;
+  for (let i = 0; i < numTeeth; i++) {
+    const baseAngle = i * angleStep;
+    const x0 = cx + innerRadius * Math.cos(baseAngle - halfTooth);
+    const y0 = cy + innerRadius * Math.sin(baseAngle - halfTooth);
+    const x1 = cx + outerRadius * Math.cos(baseAngle - halfTooth * 0.4);
+    const y1 = cy + outerRadius * Math.sin(baseAngle - halfTooth * 0.4);
+    const x2 = cx + outerRadius * Math.cos(baseAngle + halfTooth * 0.4);
+    const y2 = cy + outerRadius * Math.sin(baseAngle + halfTooth * 0.4);
+    const x3 = cx + innerRadius * Math.cos(baseAngle + halfTooth);
+    const y3 = cy + innerRadius * Math.sin(baseAngle + halfTooth);
+    if (i === 0) {
+      parts.push(`M ${x0.toFixed(1)} ${y0.toFixed(1)}`);
+    } else {
+      parts.push(`L ${x0.toFixed(1)} ${y0.toFixed(1)}`);
+    }
+    parts.push(`L ${x1.toFixed(1)} ${y1.toFixed(1)}`);
+    parts.push(`L ${x2.toFixed(1)} ${y2.toFixed(1)}`);
+    parts.push(`L ${x3.toFixed(1)} ${y3.toFixed(1)}`);
+  }
+  parts.push("Z");
+  return parts.join(" ");
+}
+function lockIconPath(cx, cy, size) {
+  const bodyW = size * 0.7;
+  const bodyH = size * 0.5;
+  const bodyX = cx - bodyW / 2;
+  const bodyY = cy - bodyH / 4;
+  const body = `M ${bodyX.toFixed(1)} ${bodyY.toFixed(1)} h ${bodyW.toFixed(1)} v ${bodyH.toFixed(1)} h ${(-bodyW).toFixed(1)} Z`;
+  const shR = size * 0.28;
+  const shY = bodyY;
+  const shackle = `M ${(cx - shR).toFixed(1)} ${shY.toFixed(1)} A ${shR.toFixed(1)} ${(shR * 1.2).toFixed(1)} 0 1 1 ${(cx + shR).toFixed(1)} ${shY.toFixed(1)}`;
+  const kR = size * 0.08;
+  const kY = bodyY + bodyH * 0.35;
+  const keyhole = `M ${cx.toFixed(1)} ${(kY - kR).toFixed(1)} a ${kR.toFixed(1)} ${kR.toFixed(1)} 0 1 1 0 ${(kR * 2).toFixed(1)} a ${kR.toFixed(1)} ${kR.toFixed(1)} 0 1 1 0 ${(-kR * 2).toFixed(1)} Z`;
+  return `${body} ${shackle} ${keyhole}`;
+}
+function brainIconPath(cx, cy, size) {
+  const s = size / 2;
+  return [
+    `M ${cx.toFixed(1)} ${(cy - s).toFixed(1)}`,
+    `C ${(cx - s * 1.2).toFixed(1)} ${(cy - s).toFixed(1)}, ${(cx - s * 1.3).toFixed(1)} ${(cy + s * 0.3).toFixed(1)}, ${cx.toFixed(1)} ${(cy + s).toFixed(1)}`,
+    `C ${(cx + s * 1.3).toFixed(1)} ${(cy + s * 0.3).toFixed(1)}, ${(cx + s * 1.2).toFixed(1)} ${(cy - s).toFixed(1)}, ${cx.toFixed(1)} ${(cy - s).toFixed(1)}`,
+    "Z",
+    // Dividing line
+    `M ${cx.toFixed(1)} ${(cy - s * 0.8).toFixed(1)}`,
+    `C ${(cx - s * 0.2).toFixed(1)} ${(cy - s * 0.2).toFixed(1)}, ${(cx + s * 0.2).toFixed(1)} ${(cy + s * 0.2).toFixed(1)}, ${cx.toFixed(1)} ${(cy + s * 0.8).toFixed(1)}`
+  ].join(" ");
+}
+function pipeIconPath(cx, cy, size) {
+  const w = size * 0.6;
+  const h = size * 0.3;
+  const flangeW = size * 0.8;
+  const flangeH = size * 0.1;
+  const tube = `M ${(cx - w / 2).toFixed(1)} ${(cy - h / 2).toFixed(1)} h ${w.toFixed(1)} v ${h.toFixed(1)} h ${(-w).toFixed(1)} Z`;
+  const lf = `M ${(cx - flangeW / 2).toFixed(1)} ${(cy - h / 2 - flangeH).toFixed(1)} h ${flangeH.toFixed(1)} v ${(h + flangeH * 2).toFixed(1)} h ${(-flangeH).toFixed(1)} Z`;
+  const rf = `M ${(cx + flangeW / 2 - flangeH).toFixed(1)} ${(cy - h / 2 - flangeH).toFixed(1)} h ${flangeH.toFixed(1)} v ${(h + flangeH * 2).toFixed(1)} h ${(-flangeH).toFixed(1)} Z`;
+  return `${tube} ${lf} ${rf}`;
+}
+function eightPointedStarPath(cx, cy, outerR, innerR) {
+  const points = [];
+  const numPoints = 8;
+  const angleStep = Math.PI / numPoints;
+  for (let i = 0; i < numPoints * 2; i++) {
+    const angle = i * angleStep - Math.PI / 2;
+    const r = i % 2 === 0 ? outerR : innerR;
+    const x = cx + r * Math.cos(angle);
+    const y = cy + r * Math.sin(angle);
+    points.push(`${i === 0 ? "M" : "L"} ${x.toFixed(1)} ${y.toFixed(1)}`);
+  }
+  points.push("Z");
+  return points.join(" ");
+}
+function arrowheadPath(size) {
+  return `M 0 0 L ${size} ${size / 2} L 0 ${size} Z`;
+}
 var SAFE_EXIT_MS = 1e3;
 var motionEnabledCache = null;
 function isMotionEnabled() {
@@ -98,98 +178,6 @@ function useSlotEnterRestart(ref, contentKey, active) {
     el.classList.add(ENTER_SLOT_CLASS);
   }, [contentKey, active, ref]);
 }
-function usePerfBuffer() {
-  return useSyncExternalStore(perfStore.subscribe, perfStore.getSnapshot, perfStore.getSnapshot);
-}
-var profilerOnRender = (id, phase, actualDuration, baseDuration, _startTime, commitTime) => {
-  pushPerfEntry({
-    name: `profiler:${id}:${phase}`,
-    durationMs: actualDuration,
-    ts: commitTime,
-    detail: { baseDuration }
-  });
-};
-
-// lib/jazari/svg-paths.ts
-function gearTeethPath(cx, cy, innerRadius, outerRadius, numTeeth) {
-  const parts = [];
-  const angleStep = Math.PI * 2 / numTeeth;
-  const halfTooth = angleStep * 0.25;
-  for (let i = 0; i < numTeeth; i++) {
-    const baseAngle = i * angleStep;
-    const x0 = cx + innerRadius * Math.cos(baseAngle - halfTooth);
-    const y0 = cy + innerRadius * Math.sin(baseAngle - halfTooth);
-    const x1 = cx + outerRadius * Math.cos(baseAngle - halfTooth * 0.4);
-    const y1 = cy + outerRadius * Math.sin(baseAngle - halfTooth * 0.4);
-    const x2 = cx + outerRadius * Math.cos(baseAngle + halfTooth * 0.4);
-    const y2 = cy + outerRadius * Math.sin(baseAngle + halfTooth * 0.4);
-    const x3 = cx + innerRadius * Math.cos(baseAngle + halfTooth);
-    const y3 = cy + innerRadius * Math.sin(baseAngle + halfTooth);
-    if (i === 0) {
-      parts.push(`M ${x0.toFixed(1)} ${y0.toFixed(1)}`);
-    } else {
-      parts.push(`L ${x0.toFixed(1)} ${y0.toFixed(1)}`);
-    }
-    parts.push(`L ${x1.toFixed(1)} ${y1.toFixed(1)}`);
-    parts.push(`L ${x2.toFixed(1)} ${y2.toFixed(1)}`);
-    parts.push(`L ${x3.toFixed(1)} ${y3.toFixed(1)}`);
-  }
-  parts.push("Z");
-  return parts.join(" ");
-}
-function lockIconPath(cx, cy, size) {
-  const bodyW = size * 0.7;
-  const bodyH = size * 0.5;
-  const bodyX = cx - bodyW / 2;
-  const bodyY = cy - bodyH / 4;
-  const body = `M ${bodyX.toFixed(1)} ${bodyY.toFixed(1)} h ${bodyW.toFixed(1)} v ${bodyH.toFixed(1)} h ${(-bodyW).toFixed(1)} Z`;
-  const shR = size * 0.28;
-  const shY = bodyY;
-  const shackle = `M ${(cx - shR).toFixed(1)} ${shY.toFixed(1)} A ${shR.toFixed(1)} ${(shR * 1.2).toFixed(1)} 0 1 1 ${(cx + shR).toFixed(1)} ${shY.toFixed(1)}`;
-  const kR = size * 0.08;
-  const kY = bodyY + bodyH * 0.35;
-  const keyhole = `M ${cx.toFixed(1)} ${(kY - kR).toFixed(1)} a ${kR.toFixed(1)} ${kR.toFixed(1)} 0 1 1 0 ${(kR * 2).toFixed(1)} a ${kR.toFixed(1)} ${kR.toFixed(1)} 0 1 1 0 ${(-kR * 2).toFixed(1)} Z`;
-  return `${body} ${shackle} ${keyhole}`;
-}
-function brainIconPath(cx, cy, size) {
-  const s = size / 2;
-  return [
-    `M ${cx.toFixed(1)} ${(cy - s).toFixed(1)}`,
-    `C ${(cx - s * 1.2).toFixed(1)} ${(cy - s).toFixed(1)}, ${(cx - s * 1.3).toFixed(1)} ${(cy + s * 0.3).toFixed(1)}, ${cx.toFixed(1)} ${(cy + s).toFixed(1)}`,
-    `C ${(cx + s * 1.3).toFixed(1)} ${(cy + s * 0.3).toFixed(1)}, ${(cx + s * 1.2).toFixed(1)} ${(cy - s).toFixed(1)}, ${cx.toFixed(1)} ${(cy - s).toFixed(1)}`,
-    "Z",
-    // Dividing line
-    `M ${cx.toFixed(1)} ${(cy - s * 0.8).toFixed(1)}`,
-    `C ${(cx - s * 0.2).toFixed(1)} ${(cy - s * 0.2).toFixed(1)}, ${(cx + s * 0.2).toFixed(1)} ${(cy + s * 0.2).toFixed(1)}, ${cx.toFixed(1)} ${(cy + s * 0.8).toFixed(1)}`
-  ].join(" ");
-}
-function pipeIconPath(cx, cy, size) {
-  const w = size * 0.6;
-  const h = size * 0.3;
-  const flangeW = size * 0.8;
-  const flangeH = size * 0.1;
-  const tube = `M ${(cx - w / 2).toFixed(1)} ${(cy - h / 2).toFixed(1)} h ${w.toFixed(1)} v ${h.toFixed(1)} h ${(-w).toFixed(1)} Z`;
-  const lf = `M ${(cx - flangeW / 2).toFixed(1)} ${(cy - h / 2 - flangeH).toFixed(1)} h ${flangeH.toFixed(1)} v ${(h + flangeH * 2).toFixed(1)} h ${(-flangeH).toFixed(1)} Z`;
-  const rf = `M ${(cx + flangeW / 2 - flangeH).toFixed(1)} ${(cy - h / 2 - flangeH).toFixed(1)} h ${flangeH.toFixed(1)} v ${(h + flangeH * 2).toFixed(1)} h ${(-flangeH).toFixed(1)} Z`;
-  return `${tube} ${lf} ${rf}`;
-}
-function eightPointedStarPath(cx, cy, outerR, innerR) {
-  const points = [];
-  const numPoints = 8;
-  const angleStep = Math.PI / numPoints;
-  for (let i = 0; i < numPoints * 2; i++) {
-    const angle = i * angleStep - Math.PI / 2;
-    const r = i % 2 === 0 ? outerR : innerR;
-    const x = cx + r * Math.cos(angle);
-    const y = cy + r * Math.sin(angle);
-    points.push(`${i === 0 ? "M" : "L"} ${x.toFixed(1)} ${y.toFixed(1)}`);
-  }
-  points.push("Z");
-  return points.join(" ");
-}
-function arrowheadPath(size) {
-  return `M 0 0 L ${size} ${size / 2} L 0 ${size} Z`;
-}
 
 // lib/editorMotions.ts
 var EDITOR_MOTIONS = [
@@ -673,6 +661,17 @@ function middleSnake(a, aLo, aHi, b, bLo, bHi) {
   }
   throw new Error("computeLineDiff: no middle snake \u2014 unreachable for differing texts");
 }
+function usePerfBuffer() {
+  return useSyncExternalStore(perfStore.subscribe, perfStore.getSnapshot, perfStore.getSnapshot);
+}
+var profilerOnRender = (id, phase, actualDuration, baseDuration, _startTime, commitTime) => {
+  pushPerfEntry({
+    name: `profiler:${id}:${phase}`,
+    durationMs: actualDuration,
+    ts: commitTime,
+    detail: { baseDuration }
+  });
+};
 
 // lib/lessonSegmentUtils.ts
 function parseMarkdownWithCodeBlocks(content) {
@@ -860,83 +859,6 @@ function toLogMetaValue(v) {
   return String(v);
 }
 
-// lib/parseLessonSegments.ts
-function extractTagContent(content, tagName) {
-  const closedTagRegex = new RegExp(`<${tagName}>([\\s\\S]*?)<\\/${tagName}>`, "i");
-  const closedMatch = content.match(closedTagRegex);
-  if (closedMatch) {
-    return { content: closedMatch[1].trim(), fullMatch: closedMatch[0] };
-  }
-  const unclosedTagRegex = new RegExp(
-    `<${tagName}>([\\s\\S]*?)(?=<(?:activate|connect|reflect|bloom|prq|question|answer|visualize)|\\n\\n#|$)`,
-    "i"
-  );
-  const unclosedMatch = content.match(unclosedTagRegex);
-  if (unclosedMatch) {
-    return { content: unclosedMatch[1].trim(), fullMatch: unclosedMatch[0] };
-  }
-  return null;
-}
-function parseLessonSegments(lesson) {
-  if (!lesson) return [];
-  let content = lesson.replace(/<prq>[\s\S]*?<\/prq>/gi, "").trim();
-  const segments = [];
-  const activateResult = extractTagContent(content, "activate");
-  if (activateResult) {
-    segments.push({ type: "activate", question: activateResult.content });
-    content = content.replace(activateResult.fullMatch, "").trim();
-  }
-  const connectResult = extractTagContent(content, "connect");
-  if (connectResult) {
-    segments.push({ type: "connect", content: connectResult.content });
-    content = content.replace(connectResult.fullMatch, "").trim();
-  }
-  const tagRegex = new RegExp(
-    '(?<reflect><reflect>(?<reflectClosed>[\\s\\S]*?)<\\/reflect>)|(?<reflectUnclosed><reflect>(?<reflectOpen>[\\s\\S]*?)(?=<(?:activate|connect|reflect|bloom|prq|question|answer|visualize)|\\n\\n#|$))|(?<bloom><bloom\\s+level="(?<bloomLevel>remember|understand|apply|analyze|evaluate|create)">(?<bloomClosed>[\\s\\S]*?)<\\/bloom>)|(?<bloomUnclosed><bloom\\s+level="(?<bloomLevelUn>remember|understand|apply|analyze|evaluate|create)">(?<bloomOpen>[\\s\\S]*?)(?=<(?:activate|connect|reflect|bloom|prq|question|answer|visualize)|\\n\\n#|$))|(?<quiz><question>(?<quizQuestion>[\\s\\S]*?)<\\/question>\\s*<answer>(?<quizAnswer>[\\s\\S]*?)<\\/answer>)|(?<visualize><visualize\\s+type="(?<vizType>algorithms|math|physics|biology|chemistry|probability)"\\s+description="(?<vizDesc>[^"]*?)"\\s*\\/?>)',
-    "gi"
-  );
-  let lastIndex = 0;
-  let match;
-  while ((match = tagRegex.exec(content)) !== null) {
-    const before = content.slice(lastIndex, match.index);
-    if (before.trim()) {
-      segments.push(...parseMarkdownWithCodeBlocks(before));
-    }
-    const g = match.groups ?? {};
-    if (g.reflect || g.reflectUnclosed) {
-      const prompt = (g.reflectClosed ?? g.reflectOpen ?? "").trim();
-      if (prompt) segments.push({ type: "reflect", prompt });
-    } else if (g.bloom || g.bloomUnclosed) {
-      const level = g.bloomLevel ?? g.bloomLevelUn;
-      const bloomContent = g.bloomClosed ?? g.bloomOpen ?? "";
-      if (level && bloomContent) {
-        const qMatch = bloomContent.match(/<question>([\s\S]*?)<\/question>/i);
-        const aMatch = bloomContent.match(/<answer>([\s\S]*?)<\/answer>/i);
-        if (qMatch && aMatch) {
-          segments.push({ type: "bloom", level, question: qMatch[1].trim(), answer: aMatch[1].trim() });
-        } else if (qMatch) {
-          segments.push({ type: "bloom", level, question: qMatch[1].trim(), answer: "(Answer not provided)" });
-        } else {
-          const clean = bloomContent.replace(/^\*\*Question\s*\d*:?\*\*\s*/i, "").replace(/^\*\*Q\d*:?\*\*\s*/i, "").trim();
-          if (clean) segments.push({ type: "bloom", level, question: clean, answer: "(See answers section below)" });
-        }
-      }
-    } else if (g.quiz) {
-      segments.push({ type: "quiz", question: g.quizQuestion.trim(), answer: g.quizAnswer.trim() });
-    } else if (g.visualize) {
-      segments.push({
-        type: "visualization",
-        visualizationType: g.vizType,
-        description: g.vizDesc ?? ""
-      });
-    }
-    lastIndex = tagRegex.lastIndex;
-  }
-  const remaining = content.slice(lastIndex);
-  if (remaining.trim()) segments.push(...parseMarkdownWithCodeBlocks(remaining));
-  return segments;
-}
-
 // lib/traitRegistry.ts
 var traits = /* @__PURE__ */ new Map();
 var listeners = /* @__PURE__ */ new Set();
@@ -1196,4 +1118,4 @@ function initDebugShortcut() {
   return () => window.removeEventListener("keydown", handleKeyDown);
 }
 
-export { EDITOR_MOTIONS, EDITOR_OPERATORS, ENTER_SLOT_CLASS, INDENT_UNIT, MAX_ENTER_DELAY, Presence, applyMotion, applyOperator, arrowheadPath, asEnterAnimation, brainIconPath, clearDebugEvents, clearEntityProvider, clearGuardHistory, clearTicks, clearTraits, computeLineDiff, debug, debugCollision, debugError, debugGameState, debugGroup, debugGroupEnd, debugInput, debugPhysics, debugTable, debugTime, debugTimeEnd, debugWarn, eightPointedStarPath, enterClassName, gearTeethPath, getAllTicks, getAllTraits, getDebugEvents, getEntitiesByType, getEntityById, getEntitySnapshot, getEventsBySource, getEventsByType, getGuardEvaluationsForTrait, getGuardHistory, getRecentEvents, getRecentGuardEvaluations, getTick, getTrait, initDebugShortcut, isDebugEnabled, isDebugEnabled2, isEditorMotion, isEditorOperator, isMotionEnabled, lockIconPath, logDebugEvent, logEffectExecuted, logError, logEventFired, logInfo, logStateChange, logWarning, motionRange, onDebugToggle, parseContentSegments, parseLessonSegments, parseMarkdownWithCodeBlocks, parseMarkdownWithCodeBlocks2, pipeIconPath, profilerOnRender, recordGuardEvaluation, registerTick, registerTrait, resolveImageUrl, setDebugEnabled, setEntityProvider, setTickActive, slotPlaysDefaultEnter, subscribeToDebugEvents, subscribeToGuardChanges, subscribeToTickChanges, subscribeToTraitChanges, toggleDebug, unregisterTick, unregisterTrait, updateGuardResult, updateTickExecution, updateTraitState, usePerfBuffer, usePresence, useSlotEnterRestart };
+export { EDITOR_MOTIONS, EDITOR_OPERATORS, ENTER_SLOT_CLASS, INDENT_UNIT, MAX_ENTER_DELAY, Presence, applyMotion, applyOperator, arrowheadPath, asEnterAnimation, brainIconPath, clearDebugEvents, clearEntityProvider, clearGuardHistory, clearTicks, clearTraits, computeLineDiff, debug, debugCollision, debugError, debugGameState, debugGroup, debugGroupEnd, debugInput, debugPhysics, debugTable, debugTime, debugTimeEnd, debugWarn, eightPointedStarPath, enterClassName, gearTeethPath, getAllTicks, getAllTraits, getDebugEvents, getEntitiesByType, getEntityById, getEntitySnapshot, getEventsBySource, getEventsByType, getGuardEvaluationsForTrait, getGuardHistory, getRecentEvents, getRecentGuardEvaluations, getTick, getTrait, initDebugShortcut, isDebugEnabled, isDebugEnabled2, isEditorMotion, isEditorOperator, isMotionEnabled, lockIconPath, logDebugEvent, logEffectExecuted, logError, logEventFired, logInfo, logStateChange, logWarning, motionRange, onDebugToggle, parseContentSegments, parseMarkdownWithCodeBlocks, parseMarkdownWithCodeBlocks2, pipeIconPath, profilerOnRender, recordGuardEvaluation, registerTick, registerTrait, resolveImageUrl, setDebugEnabled, setEntityProvider, setTickActive, slotPlaysDefaultEnter, subscribeToDebugEvents, subscribeToGuardChanges, subscribeToTickChanges, subscribeToTraitChanges, toggleDebug, unregisterTick, unregisterTrait, updateGuardResult, updateTickExecution, updateTraitState, usePerfBuffer, usePresence, useSlotEnterRestart };

package/dist/chunk-OKWD7LPO.js

@@ -0,0 +1,80 @@
+import { parseMarkdownWithCodeBlocks } from './chunk-KQXXO42S.js';
+
+// lib/parseLessonSegments.ts
+function extractTagContent(content, tagName) {
+  const closedTagRegex = new RegExp(`<${tagName}>([\\s\\S]*?)<\\/${tagName}>`, "i");
+  const closedMatch = content.match(closedTagRegex);
+  if (closedMatch) {
+    return { content: closedMatch[1].trim(), fullMatch: closedMatch[0] };
+  }
+  const unclosedTagRegex = new RegExp(
+    `<${tagName}>([\\s\\S]*?)(?=<(?:activate|connect|reflect|bloom|prq|question|answer|visualize)|\\n\\n#|$)`,
+    "i"
+  );
+  const unclosedMatch = content.match(unclosedTagRegex);
+  if (unclosedMatch) {
+    return { content: unclosedMatch[1].trim(), fullMatch: unclosedMatch[0] };
+  }
+  return null;
+}
+function parseLessonSegments(lesson) {
+  if (!lesson) return [];
+  let content = lesson.replace(/<prq>[\s\S]*?<\/prq>/gi, "").trim();
+  const segments = [];
+  const activateResult = extractTagContent(content, "activate");
+  if (activateResult) {
+    segments.push({ type: "activate", question: activateResult.content });
+    content = content.replace(activateResult.fullMatch, "").trim();
+  }
+  const connectResult = extractTagContent(content, "connect");
+  if (connectResult) {
+    segments.push({ type: "connect", content: connectResult.content });
+    content = content.replace(connectResult.fullMatch, "").trim();
+  }
+  const tagRegex = new RegExp(
+    '(?<reflect><reflect>(?<reflectClosed>[\\s\\S]*?)<\\/reflect>)|(?<reflectUnclosed><reflect>(?<reflectOpen>[\\s\\S]*?)(?=<(?:activate|connect|reflect|bloom|prq|question|answer|visualize)|\\n\\n#|$))|(?<bloom><bloom\\s+level="(?<bloomLevel>remember|understand|apply|analyze|evaluate|create)">(?<bloomClosed>[\\s\\S]*?)<\\/bloom>)|(?<bloomUnclosed><bloom\\s+level="(?<bloomLevelUn>remember|understand|apply|analyze|evaluate|create)">(?<bloomOpen>[\\s\\S]*?)(?=<(?:activate|connect|reflect|bloom|prq|question|answer|visualize)|\\n\\n#|$))|(?<quiz><question>(?<quizQuestion>[\\s\\S]*?)<\\/question>\\s*<answer>(?<quizAnswer>[\\s\\S]*?)<\\/answer>)|(?<visualize><visualize\\s+type="(?<vizType>algorithms|math|physics|biology|chemistry|probability)"\\s+description="(?<vizDesc>[^"]*?)"\\s*\\/?>)',
+    "gi"
+  );
+  let lastIndex = 0;
+  let match;
+  while ((match = tagRegex.exec(content)) !== null) {
+    const before = content.slice(lastIndex, match.index);
+    if (before.trim()) {
+      segments.push(...parseMarkdownWithCodeBlocks(before));
+    }
+    const g = match.groups ?? {};
+    if (g.reflect || g.reflectUnclosed) {
+      const prompt = (g.reflectClosed ?? g.reflectOpen ?? "").trim();
+      if (prompt) segments.push({ type: "reflect", prompt });
+    } else if (g.bloom || g.bloomUnclosed) {
+      const level = g.bloomLevel ?? g.bloomLevelUn;
+      const bloomContent = g.bloomClosed ?? g.bloomOpen ?? "";
+      if (level && bloomContent) {
+        const qMatch = bloomContent.match(/<question>([\s\S]*?)<\/question>/i);
+        const aMatch = bloomContent.match(/<answer>([\s\S]*?)<\/answer>/i);
+        if (qMatch && aMatch) {
+          segments.push({ type: "bloom", level, question: qMatch[1].trim(), answer: aMatch[1].trim() });
+        } else if (qMatch) {
+          segments.push({ type: "bloom", level, question: qMatch[1].trim(), answer: "(Answer not provided)" });
+        } else {
+          const clean = bloomContent.replace(/^\*\*Question\s*\d*:?\*\*\s*/i, "").replace(/^\*\*Q\d*:?\*\*\s*/i, "").trim();
+          if (clean) segments.push({ type: "bloom", level, question: clean, answer: "(See answers section below)" });
+        }
+      }
+    } else if (g.quiz) {
+      segments.push({ type: "quiz", question: g.quizQuestion.trim(), answer: g.quizAnswer.trim() });
+    } else if (g.visualize) {
+      segments.push({
+        type: "visualization",
+        visualizationType: g.vizType,
+        description: g.vizDesc ?? ""
+      });
+    }
+    lastIndex = tagRegex.lastIndex;
+  }
+  const remaining = content.slice(lastIndex);
+  if (remaining.trim()) segments.push(...parseMarkdownWithCodeBlocks(remaining));
+  return segments;
+}
+
+export { parseLessonSegments };

package/dist/{chunk-YHY5K2Y7.js → chunk-PEST66PN.js}

@@ -11,6 +11,12 @@ var SLOT_DEFINITIONS = {
     name: "sidebar",
     type: "inline"
   },
+  dock: {
+    name: "dock",
+    type: "portal",
+    portalTarget: "body",
+    zIndex: 850
+  },
   // -------------------------------------------------------------------------
   // Portal Slots - Render to document.body via React Portal
   // -------------------------------------------------------------------------

package/dist/{chunk-WB2A6V3I.js → chunk-UGHAADU5.js}

@@ -115,6 +115,7 @@ var en_default = {
   "aria.removeFilter": "Remove filter",
   "aria.closeDrawer": "Close drawer",
   "aria.closePanel": "Close panel",
+  "aria.dockPanel": "Side panel",
   "aria.previousImage": "Previous image",
   "aria.nextImage": "Next image",
   "aria.dismiss": "Dismiss",
@@ -136,6 +137,7 @@ var en_default = {
   "aria.openMenu": "Open menu",
   "aria.closeMenu": "Close menu",
   "aria.openSidebar": "Open sidebar",
+  "aria.openRow": "Open item {{position}}",
   "sidebar.expand": "Expand sidebar",
   "sidebar.collapse": "Collapse sidebar",
   "sidebar.close": "Close sidebar",
@@ -1181,7 +1183,51 @@ var en_default = {
   "aria.walkTraitDone": "completed",
   "aria.walkTraitPending": "pending",
   "aria.walkGraph": "State graph for {{trait}}: {{from}} to {{to}}",
-  "aria.loading": "Loading"
+  "aria.loading": "Loading",
+  "agentActivity.toolCall": "Called {{tool}}",
+  "agentActivity.toolResult": "{{tool}} returned",
+  "agentActivity.toolRows": "{{count}} rows",
+  "agentActivity.thinking": "Thinking\u2026",
+  "agentActivity.analyzed": "Analyzed your request \u2014 {{organism}}",
+  "agentActivity.renamed": "Rename {{from}} \u2192 {{to}}",
+  "agentActivity.deleted": "Remove {{orbitalName}}",
+  "agentActivity.roster": "Planning {{count}} orbitals",
+  "agentActivity.orbitalStarted": "Working on {{orbitalName}}\u2026",
+  "agentActivity.orbitalStartedSettled": "Started {{orbitalName}}",
+  "agentActivity.orbitalDone": "{{orbitalName}} ready",
+  "agentActivity.orbitalCounts": "{{traitCount}} traits, {{transitionCount}} transitions",
+  "agentActivity.change.orbital-added": "Added {{orbitalName}}",
+  "agentActivity.change.orbital-removed": "Removed {{orbitalName}}",
+  "agentActivity.change.entity-fields-changed": "Changed the data fields of {{orbitalName}}",
+  "agentActivity.change.trait-added": "Added a behavior to {{orbitalName}}",
+  "agentActivity.change.trait-removed": "Removed a behavior from {{orbitalName}}",
+  "agentActivity.change.state-machine-changed": "Changed the flow of {{orbitalName}}",
+  "agentActivity.change.guard-changed": "Changed a rule in {{orbitalName}}",
+  "agentActivity.change.effect-changed": "Changed what {{orbitalName}} does",
+  "agentActivity.change.render-ui-changed": "Changed the design of {{orbitalName}}",
+  "agentActivity.change.event-wiring-changed": "Changed the connections of {{orbitalName}}",
+  "agentActivity.change.page-changed": "Changed the pages of {{orbitalName}}",
+  "agentActivity.change.behavior-composed": "Composed a behavior into {{orbitalName}}",
+  "agentActivity.done": "Done \u2014 {{count}} orbitals ready",
+  "agentActivity.cancelled": "Cancelled",
+  "agentActivity.jump": "Show",
+  "agentActivity.emptyTitle": "No activity yet",
+  "agentActivity.emptyDescription": "Send a message and the agent's work shows up here.",
+  "agentActivity.fileOperation": "{{operation}}",
+  "agentActivity.schemaDiff": "Edited {{filePath}}",
+  "agentActivity.coordinatorDecision": "Chose {{organism}}",
+  "agentActivity.change.trait-config-changed": "Changed the settings of {{orbitalName}}",
+  "agentActivity.change.theme-changed": "Changed the theme of {{orbitalName}}",
+  "agentActivity.llmResponse": "Raw LLM response",
+  "agentActivity.llmDuration": "{{seconds}}s",
+  "agentActivity.llmTokens": "{{prompt}} in / {{completion}} out tokens",
+  "agentActivity.llmResponseLabel": "Response",
+  "agentActivity.llmSystemPrompt": "System prompt",
+  "agentActivity.llmUserPrompt": "User prompt",
+  "agentActivity.llmToolCalls": "Tool calls",
+  "agentActivity.showRawLlm": "Raw LLM",
+  "agentActivity.earlierConversations": "Earlier conversations ({{count}})",
+  "agentActivity.earlierActivity": "Earlier activity"
 };
 
 export { en_default };

package/dist/{chunk-2QB2PXOO.js → chunk-VHTJRS2N.js}

@@ -1,6 +1,6 @@
-import { isNotificationSlot } from './chunk-YHY5K2Y7.js';
+import { isNotificationSlot } from './chunk-PEST66PN.js';
 import React, { useState, useRef, useMemo, useEffect, useCallback } from 'react';
-import { UI_SLOTS, isRenderBindingMarker } from '@almadar/core';
+import { RENDERED_SLOTS, isRenderBindingMarker } from '@almadar/core';
 import { createLogger } from '@almadar/logger';
 
 function expressionEqual(a, b) {
@@ -90,9 +90,7 @@ function reconcileSlotProps(prev, next) {
 var log = createLogger("almadar:ui:ui-slots");
 var DEFAULT_SOURCE_KEY = "__default__";
 var MULTI_SOURCE_STACK_TRAIT = "__multi_source_stack__";
-var ALL_SLOTS = UI_SLOTS.filter(
-  (slot) => !slot.includes(".") && slot !== "hud" && slot !== "screen"
-);
+var ALL_SLOTS = RENDERED_SLOTS;
 var DEFAULT_SLOTS = ALL_SLOTS.reduce(
   (acc, slot) => {
     acc[slot] = null;