@almadar/ui 5.158.0 → 5.159.0

package/dist/hooks/index.cjs

@@ -1,15 +1,19 @@
 'use strict';
 
-var react = require('react');
+var React = require('react');
 var logger = require('@almadar/logger');
 var providers = require('@almadar/ui/providers');
 var core = require('@almadar/core');
 var reactQuery = require('@tanstack/react-query');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
 var log = logger.createLogger("almadar:ui:orbital-history");
 function useOrbitalHistory(options) {
   const { appId, authToken, userId, onHistoryChange, onRevertSuccess } = options;
-  const getHeaders = react.useCallback(() => {
+  const getHeaders = React.useCallback(() => {
     const headers = {
       "Content-Type": "application/json"
     };
@@ -21,11 +25,11 @@ function useOrbitalHistory(options) {
     }
     return headers;
   }, [authToken, userId]);
-  const [timeline, setTimeline] = react.useState([]);
-  const [currentVersion, setCurrentVersion] = react.useState(1);
-  const [isLoading, setIsLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const refresh = react.useCallback(async () => {
+  const [timeline, setTimeline] = React.useState([]);
+  const [currentVersion, setCurrentVersion] = React.useState(1);
+  const [isLoading, setIsLoading] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const refresh = React.useCallback(async () => {
     if (!appId) return;
     setIsLoading(true);
     setError(null);
@@ -74,7 +78,7 @@ function useOrbitalHistory(options) {
       setIsLoading(false);
     }
   }, [appId, getHeaders]);
-  const revertToSnapshot = react.useCallback(async (snapshotId) => {
+  const revertToSnapshot = React.useCallback(async (snapshotId) => {
     if (!appId) {
       return { success: false, error: "No app ID provided" };
     }
@@ -108,12 +112,12 @@ function useOrbitalHistory(options) {
       };
     }
   }, [appId, getHeaders, refresh, onRevertSuccess]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (appId && authToken && userId) {
       refresh();
     }
   }, [appId, authToken, userId]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     onHistoryChange?.(timeline);
   }, [timeline]);
   return {
@@ -127,15 +131,15 @@ function useOrbitalHistory(options) {
 }
 var log2 = logger.createLogger("almadar:ui:filesystem");
 function useFileSystem() {
-  const [status, setStatus] = react.useState("idle");
-  const [error, setError] = react.useState(null);
-  const [isLoading, setIsLoading] = react.useState(false);
-  const [files, setFiles] = react.useState([]);
-  const [selectedFile, setSelectedFile] = react.useState(null);
-  const [selectedPath, setSelectedPath] = react.useState(null);
-  const [previewUrl, setPreviewUrl] = react.useState(null);
-  const [fileContents, setFileContents] = react.useState(/* @__PURE__ */ new Map());
-  const boot = react.useCallback(async () => {
+  const [status, setStatus] = React.useState("idle");
+  const [error, setError] = React.useState(null);
+  const [isLoading, setIsLoading] = React.useState(false);
+  const [files, setFiles] = React.useState([]);
+  const [selectedFile, setSelectedFile] = React.useState(null);
+  const [selectedPath, setSelectedPath] = React.useState(null);
+  const [previewUrl, setPreviewUrl] = React.useState(null);
+  const [fileContents, setFileContents] = React.useState(/* @__PURE__ */ new Map());
+  const boot = React.useCallback(async () => {
     setStatus("booting");
     setError(null);
     setIsLoading(true);
@@ -150,7 +154,7 @@ function useFileSystem() {
       setIsLoading(false);
     }
   }, []);
-  const mountFiles = react.useCallback(async (filesToMount) => {
+  const mountFiles = React.useCallback(async (filesToMount) => {
     setIsLoading(true);
     try {
       let filesArray;
@@ -206,17 +210,17 @@ function useFileSystem() {
       setIsLoading(false);
     }
   }, []);
-  const readFile = react.useCallback(async (path) => {
+  const readFile = React.useCallback(async (path) => {
     return fileContents.get(path) || "";
   }, [fileContents]);
-  const writeFile = react.useCallback(async (path, content) => {
+  const writeFile = React.useCallback(async (path, content) => {
     setFileContents((prev) => {
       const next = new Map(prev);
       next.set(path, content);
       return next;
     });
   }, []);
-  const selectFile = react.useCallback(async (path) => {
+  const selectFile = React.useCallback(async (path) => {
     const content = fileContents.get(path) || "";
     const ext = path.split(".").pop()?.toLowerCase() || "";
     const languageMap = {
@@ -238,7 +242,7 @@ function useFileSystem() {
       isDirty: false
     });
   }, [fileContents]);
-  const updateContent = react.useCallback((pathOrContent, contentArg) => {
+  const updateContent = React.useCallback((pathOrContent, contentArg) => {
     const path = contentArg !== void 0 ? pathOrContent : selectedPath;
     const content = contentArg !== void 0 ? contentArg : pathOrContent;
     if (!path) {
@@ -254,17 +258,17 @@ function useFileSystem() {
       setSelectedFile((prev) => prev ? { ...prev, content, isDirty: true } : null);
     }
   }, [selectedPath]);
-  const updateSelectedContent = react.useCallback((content) => {
+  const updateSelectedContent = React.useCallback((content) => {
     setSelectedFile((prev) => prev ? { ...prev, content, isDirty: true } : null);
   }, []);
-  const refreshTree = react.useCallback(async () => {
+  const refreshTree = React.useCallback(async () => {
     log2.debug("Refreshing tree");
   }, []);
-  const runCommand = react.useCallback(async (command) => {
+  const runCommand = React.useCallback(async (command) => {
     log2.debug("Running command", { command });
     return { exitCode: 0, output: "" };
   }, []);
-  const startDevServer = react.useCallback(async () => {
+  const startDevServer = React.useCallback(async () => {
     log2.debug("Starting dev server");
     setPreviewUrl("http://localhost:5173");
   }, []);
@@ -302,14 +306,14 @@ var defaultManifest = {
 };
 function useExtensions(options) {
   const { appId, loadOnMount = true } = options;
-  const [extensions, setExtensions] = react.useState([]);
-  const [manifest] = react.useState(defaultManifest);
-  const [isLoading, setIsLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const loadExtension = react.useCallback(async (extensionId) => {
+  const [extensions, setExtensions] = React.useState([]);
+  const [manifest] = React.useState(defaultManifest);
+  const [isLoading, setIsLoading] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const loadExtension = React.useCallback(async (extensionId) => {
     log3.debug("Loading extension", { extensionId });
   }, []);
-  const loadExtensions = react.useCallback(async () => {
+  const loadExtensions = React.useCallback(async () => {
     setIsLoading(true);
     setError(null);
     try {
@@ -328,7 +332,7 @@ function useExtensions(options) {
       setIsLoading(false);
     }
   }, []);
-  const getExtensionForFile = react.useCallback((filename) => {
+  const getExtensionForFile = React.useCallback((filename) => {
     const ext = filename.split(".").pop()?.toLowerCase();
     if (!ext) return null;
     const languageMap = {
@@ -346,7 +350,7 @@ function useExtensions(options) {
     if (!language) return null;
     return extensions.find((e) => e.language === language) || null;
   }, [extensions]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (!appId || !loadOnMount) return;
     const loadExtensions2 = async () => {
       setIsLoading(true);
@@ -382,11 +386,11 @@ function useExtensions(options) {
 var log4 = logger.createLogger("almadar:ui:file-editor");
 function useFileEditor(options) {
   const { extensions, fileSystem, onSchemaUpdate } = options;
-  const [openFiles, setOpenFiles] = react.useState([]);
-  const [activeFilePath, setActiveFilePath] = react.useState(null);
-  const [isSaving, setIsSaving] = react.useState(false);
+  const [openFiles, setOpenFiles] = React.useState([]);
+  const [activeFilePath, setActiveFilePath] = React.useState(null);
+  const [isSaving, setIsSaving] = React.useState(false);
   const activeFile = openFiles.find((f) => f.path === activeFilePath) || null;
-  const openFile = react.useCallback(async (path) => {
+  const openFile = React.useCallback(async (path) => {
     const existing = openFiles.find((f) => f.path === path);
     if (existing) {
       setActiveFilePath(path);
@@ -407,24 +411,24 @@ function useFileEditor(options) {
       log4.error("Failed to open file", { error: err instanceof Error ? err : String(err) });
     }
   }, [openFiles, fileSystem, extensions]);
-  const closeFile = react.useCallback((path) => {
+  const closeFile = React.useCallback((path) => {
     setOpenFiles((prev) => prev.filter((f) => f.path !== path));
     if (activeFilePath === path) {
       const remaining = openFiles.filter((f) => f.path !== path);
       setActiveFilePath(remaining.length > 0 ? remaining[0].path : null);
     }
   }, [activeFilePath, openFiles]);
-  const setActiveFile = react.useCallback((path) => {
+  const setActiveFile = React.useCallback((path) => {
     setActiveFilePath(path);
   }, []);
-  const updateFileContent = react.useCallback((path, content) => {
+  const updateFileContent = React.useCallback((path, content) => {
     setOpenFiles(
       (prev) => prev.map(
         (f) => f.path === path ? { ...f, content, isDirty: true } : f
       )
     );
   }, []);
-  const handleFileEdit = react.useCallback(async (path, content) => {
+  const handleFileEdit = React.useCallback(async (path, content) => {
     try {
       await fileSystem.writeFile(path, content);
       let action = "saved";
@@ -446,7 +450,7 @@ function useFileEditor(options) {
       };
     }
   }, [fileSystem, onSchemaUpdate]);
-  const saveFile = react.useCallback(async (path) => {
+  const saveFile = React.useCallback(async (path) => {
     const file = openFiles.find((f) => f.path === path);
     if (!file) return;
     setIsSaving(true);
@@ -470,7 +474,7 @@ function useFileEditor(options) {
       setIsSaving(false);
     }
   }, [openFiles, fileSystem, onSchemaUpdate]);
-  const saveAllFiles = react.useCallback(async () => {
+  const saveAllFiles = React.useCallback(async () => {
     setIsSaving(true);
     try {
       const dirtyFiles = openFiles.filter((f) => f.isDirty);
@@ -496,11 +500,11 @@ function useFileEditor(options) {
 }
 var log5 = logger.createLogger("almadar:ui:compile");
 function useCompile() {
-  const [isCompiling, setIsCompiling] = react.useState(false);
-  const [stage, setStage] = react.useState("idle");
-  const [lastResult, setLastResult] = react.useState(null);
-  const [error, setError] = react.useState(null);
-  const compileSchema = react.useCallback(async (schema) => {
+  const [isCompiling, setIsCompiling] = React.useState(false);
+  const [stage, setStage] = React.useState("idle");
+  const [lastResult, setLastResult] = React.useState(null);
+  const [error, setError] = React.useState(null);
+  const compileSchema = React.useCallback(async (schema) => {
     setIsCompiling(true);
     setStage("compiling");
     setError(null);
@@ -533,18 +537,18 @@ function useCompile() {
 }
 var log6 = logger.createLogger("almadar:ui:preview");
 function usePreview(options) {
-  const [previewUrl, setPreviewUrl] = react.useState(null);
-  const [isLoading, setIsLoading] = react.useState(!!options?.appId);
-  const [error, setError] = react.useState(null);
-  const [loadError, setLoadError] = react.useState(null);
-  const [app, setApp] = react.useState(null);
-  const [isFullscreen, setIsFullscreen] = react.useState(false);
-  const [isExecutingEvent, setIsExecutingEvent] = react.useState(false);
-  const [errorToast, setErrorToast] = react.useState(null);
-  const [currentStateName, setCurrentStateName] = react.useState(null);
-  const [notificationsList, setNotificationsList] = react.useState([]);
-  const [isPanelOpen, setIsPanelOpen] = react.useState(false);
-  const notifications = react.useMemo(() => ({
+  const [previewUrl, setPreviewUrl] = React.useState(null);
+  const [isLoading, setIsLoading] = React.useState(!!options?.appId);
+  const [error, setError] = React.useState(null);
+  const [loadError, setLoadError] = React.useState(null);
+  const [app, setApp] = React.useState(null);
+  const [isFullscreen, setIsFullscreen] = React.useState(false);
+  const [isExecutingEvent, setIsExecutingEvent] = React.useState(false);
+  const [errorToast, setErrorToast] = React.useState(null);
+  const [currentStateName, setCurrentStateName] = React.useState(null);
+  const [notificationsList, setNotificationsList] = React.useState([]);
+  const [isPanelOpen, setIsPanelOpen] = React.useState(false);
+  const notifications = React.useMemo(() => ({
     notifications: notificationsList,
     isPanelOpen,
     closePanel: () => setIsPanelOpen(false),
@@ -558,7 +562,7 @@ function usePreview(options) {
     },
     clearAll: () => setNotificationsList([])
   }), [notificationsList, isPanelOpen]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     const appId = options?.appId;
     if (!appId) {
       setApp(null);
@@ -569,10 +573,10 @@ function usePreview(options) {
     setPreviewUrl(`/api/orbitals/${appId}`);
     setIsLoading(false);
   }, [options?.appId]);
-  const startPreview = react.useCallback(async () => {
+  const startPreview = React.useCallback(async () => {
     log6.debug("startPreview called");
   }, []);
-  const stopPreview = react.useCallback(async () => {
+  const stopPreview = React.useCallback(async () => {
     setIsLoading(true);
     try {
       log6.debug("Stopping preview server");
@@ -582,16 +586,16 @@ function usePreview(options) {
       setIsLoading(false);
     }
   }, []);
-  const refresh = react.useCallback(async () => {
+  const refresh = React.useCallback(async () => {
     if (!previewUrl) return;
     log6.debug("Refreshing preview");
     setPreviewUrl(`${previewUrl.split("?")[0]}?t=${Date.now()}`);
   }, [previewUrl]);
-  const handleRefresh = react.useCallback(async () => {
+  const handleRefresh = React.useCallback(async () => {
     log6.debug("Handle refresh");
     await refresh();
   }, [refresh]);
-  const handleReset = react.useCallback(async () => {
+  const handleReset = React.useCallback(async () => {
     log6.debug("Resetting preview");
     setError(null);
     setLoadError(null);
@@ -599,10 +603,10 @@ function usePreview(options) {
     setIsExecutingEvent(false);
     setCurrentStateName(null);
   }, []);
-  const toggleFullscreen = react.useCallback(() => {
+  const toggleFullscreen = React.useCallback(() => {
     setIsFullscreen((prev) => !prev);
   }, []);
-  const dismissErrorToast = react.useCallback(() => {
+  const dismissErrorToast = React.useCallback(() => {
     setErrorToast(null);
   }, []);
   return {
@@ -628,16 +632,16 @@ function usePreview(options) {
 }
 var log7 = logger.createLogger("almadar:ui:agent-chat");
 function useAgentChat(options) {
-  const [messages, setMessages] = react.useState([]);
-  const [status, setStatus] = react.useState("idle");
-  const [activities, setActivities] = react.useState([]);
-  const [todos, setTodos] = react.useState([]);
-  const [schemaDiffs, setSchemaDiffs] = react.useState([]);
-  const [isLoading, setIsLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const [threadId] = react.useState(null);
-  const [interrupt, setInterrupt] = react.useState(null);
-  const sendMessage = react.useCallback(async (content) => {
+  const [messages, setMessages] = React.useState([]);
+  const [status, setStatus] = React.useState("idle");
+  const [activities, setActivities] = React.useState([]);
+  const [todos, setTodos] = React.useState([]);
+  const [schemaDiffs, setSchemaDiffs] = React.useState([]);
+  const [isLoading, setIsLoading] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const [threadId] = React.useState(null);
+  const [interrupt, setInterrupt] = React.useState(null);
+  const sendMessage = React.useCallback(async (content) => {
     setIsLoading(true);
     setStatus("running");
     setError(null);
@@ -666,7 +670,7 @@ function useAgentChat(options) {
       setIsLoading(false);
     }
   }, [options]);
-  const startGeneration = react.useCallback(async (skill, prompt, genOptions) => {
+  const startGeneration = React.useCallback(async (skill, prompt, genOptions) => {
     setStatus("running");
     setIsLoading(true);
     setError(null);
@@ -683,22 +687,22 @@ function useAgentChat(options) {
       setIsLoading(false);
     }
   }, [options]);
-  const continueConversation = react.useCallback(async (message) => {
+  const continueConversation = React.useCallback(async (message) => {
     log7.debug("Continue conversation", { message: Array.isArray(message) ? message : [message] });
   }, []);
-  const resumeWithDecision = react.useCallback(async (decisions) => {
+  const resumeWithDecision = React.useCallback(async (decisions) => {
     log7.debug("Resume with decision", () => ({ decisions: JSON.stringify(decisions), count: decisions.length }));
     setInterrupt(null);
   }, []);
-  const cancel = react.useCallback(() => {
+  const cancel = React.useCallback(() => {
     setStatus("idle");
     setIsLoading(false);
     setInterrupt(null);
   }, []);
-  const clearMessages = react.useCallback(() => {
+  const clearMessages = React.useCallback(() => {
     setMessages([]);
   }, []);
-  const clearHistory = react.useCallback(() => {
+  const clearHistory = React.useCallback(() => {
     setMessages([]);
     setActivities([]);
     setTodos([]);
@@ -726,13 +730,13 @@ function useAgentChat(options) {
 }
 var log8 = logger.createLogger("almadar:ui:validation");
 function useValidation() {
-  const [result, setResult] = react.useState(null);
-  const [isValidating, setIsValidating] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const [stage, setStage] = react.useState("idle");
-  const [isFixing, setIsFixing] = react.useState(false);
-  const [progressMessage, setProgressMessage] = react.useState(null);
-  const validate = react.useCallback(async (appId) => {
+  const [result, setResult] = React.useState(null);
+  const [isValidating, setIsValidating] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const [stage, setStage] = React.useState("idle");
+  const [isFixing, setIsFixing] = React.useState(false);
+  const [progressMessage, setProgressMessage] = React.useState(null);
+  const validate = React.useCallback(async (appId) => {
     setIsValidating(true);
     setError(null);
     setStage("validating");
@@ -764,11 +768,11 @@ function useValidation() {
       setIsValidating(false);
     }
   }, []);
-  const clearResult = react.useCallback(() => {
+  const clearResult = React.useCallback(() => {
     setResult(null);
     setError(null);
   }, []);
-  const reset = react.useCallback(() => {
+  const reset = React.useCallback(() => {
     setResult(null);
     setError(null);
     setStage("idle");
@@ -793,15 +797,15 @@ function useValidation() {
 }
 var log9 = logger.createLogger("almadar:ui:deep-agent");
 function useDeepAgentGeneration() {
-  const [requests, setRequests] = react.useState([]);
-  const [currentRequest, setCurrentRequest] = react.useState(null);
-  const [isGenerating, setIsGenerating] = react.useState(false);
-  const [isLoading, setIsLoading] = react.useState(false);
-  const [isComplete, setIsComplete] = react.useState(false);
-  const [progress, setProgress] = react.useState({ stage: "idle", percent: 0, message: "" });
-  const [error, setError] = react.useState(null);
-  const [interrupt, setInterrupt] = react.useState(null);
-  const generate = react.useCallback(async (prompt) => {
+  const [requests, setRequests] = React.useState([]);
+  const [currentRequest, setCurrentRequest] = React.useState(null);
+  const [isGenerating, setIsGenerating] = React.useState(false);
+  const [isLoading, setIsLoading] = React.useState(false);
+  const [isComplete, setIsComplete] = React.useState(false);
+  const [progress, setProgress] = React.useState({ stage: "idle", percent: 0, message: "" });
+  const [error, setError] = React.useState(null);
+  const [interrupt, setInterrupt] = React.useState(null);
+  const generate = React.useCallback(async (prompt) => {
     setIsGenerating(true);
     setIsLoading(true);
     setIsComplete(false);
@@ -834,11 +838,11 @@ function useDeepAgentGeneration() {
       setIsLoading(false);
     }
   }, []);
-  const startGeneration = react.useCallback(async (skill, prompt, _options) => {
+  const startGeneration = React.useCallback(async (skill, prompt, _options) => {
     log9.debug("Starting generation with skill", { skill });
     await generate(prompt);
   }, [generate]);
-  const cancelGeneration = react.useCallback(() => {
+  const cancelGeneration = React.useCallback(() => {
     if (currentRequest) {
       currentRequest.status = "failed";
       currentRequest.error = "Cancelled by user";
@@ -849,14 +853,14 @@ function useDeepAgentGeneration() {
     setIsComplete(false);
     setProgress({ stage: "idle", percent: 0, message: "" });
   }, [currentRequest]);
-  const clearRequests = react.useCallback(() => {
+  const clearRequests = React.useCallback(() => {
     setRequests([]);
     setCurrentRequest(null);
     setError(null);
     setProgress({ stage: "idle", percent: 0, message: "" });
     setIsComplete(false);
   }, []);
-  const submitInterruptDecisions = react.useCallback((decisions) => {
+  const submitInterruptDecisions = React.useCallback((decisions) => {
     log9.debug("Submitting interrupt decisions", () => ({ decisions: JSON.stringify(decisions), count: decisions.length }));
     setInterrupt(null);
   }, []);
@@ -950,10 +954,10 @@ var fallbackEventBus = {
   }
 };
 function useEventBus() {
-  const context = react.useContext(providers.EventBusContext);
+  const context = React.useContext(providers.EventBusContext);
   const baseBus = context ?? getGlobalEventBus() ?? fallbackEventBus;
   const chain = providers.useTraitScopeChain();
-  return react.useMemo(() => {
+  return React.useMemo(() => {
     if (chain.length === 0) {
       return {
         ...baseBus,
@@ -998,9 +1002,9 @@ function useEventBus() {
 }
 function useEventListener(event, handler) {
   const eventBus = useEventBus();
-  const handlerRef = react.useRef(handler);
+  const handlerRef = React.useRef(handler);
   handlerRef.current = handler;
-  react.useEffect(() => {
+  React.useEffect(() => {
     const wrappedHandler = (evt) => {
       handlerRef.current(evt);
     };
@@ -1012,13 +1016,95 @@ function useEventListener(event, handler) {
 }
 function useEmitEvent() {
   const eventBus = useEventBus();
-  return react.useCallback(
+  return React.useCallback(
     (type, payload, source) => {
       eventBus.emit(type, payload, source);
     },
     [eventBus]
   );
 }
+function expressionEqual(a, b) {
+  if (Object.is(a, b)) return true;
+  if (Array.isArray(a) && Array.isArray(b)) {
+    if (a.length !== b.length) return false;
+    for (let i = 0; i < a.length; i++) {
+      if (!expressionEqual(a[i], b[i])) return false;
+    }
+    return true;
+  }
+  if (a !== null && b !== null && typeof a === "object" && typeof b === "object" && !Array.isArray(a) && !Array.isArray(b) && !(a instanceof Date) && !(b instanceof Date)) {
+    const aKeys = Object.keys(a);
+    const bKeys = Object.keys(b);
+    if (aKeys.length !== bKeys.length) return false;
+    for (const key of aKeys) {
+      if (!Object.prototype.hasOwnProperty.call(b, key)) return false;
+      if (!expressionEqual(
+        a[key],
+        b[key]
+      )) return false;
+    }
+    return true;
+  }
+  return false;
+}
+function isPlainSlotObject(value) {
+  if (value === null || value === void 0 || typeof value !== "object") return false;
+  if (Array.isArray(value)) return false;
+  if (React__default.default.isValidElement(value)) return false;
+  if (value instanceof Date) return false;
+  if (core.isRenderBindingMarker(value)) return false;
+  return true;
+}
+function shareValue(prev, next) {
+  if (Object.is(prev, next)) return { value: prev, equal: true };
+  const prevMarker = core.isRenderBindingMarker(prev) ? prev : void 0;
+  const nextMarker = core.isRenderBindingMarker(next) ? next : void 0;
+  if (prevMarker !== void 0 || nextMarker !== void 0) {
+    if (prevMarker !== void 0 && nextMarker !== void 0 && expressionEqual(prevMarker.expression, nextMarker.expression)) {
+      return { value: prev, equal: true };
+    }
+    return { value: next, equal: false };
+  }
+  if (prev instanceof Date || next instanceof Date) {
+    return prev instanceof Date && next instanceof Date && prev.getTime() === next.getTime() ? { value: prev, equal: true } : { value: next, equal: false };
+  }
+  if (typeof prev === "function" || typeof next === "function") return { value: next, equal: false };
+  if (React__default.default.isValidElement(prev) || React__default.default.isValidElement(next)) return { value: next, equal: false };
+  if (Array.isArray(prev) && Array.isArray(next)) {
+    let equal = prev.length === next.length;
+    const out = new Array(next.length);
+    for (let i = 0; i < next.length; i++) {
+      const child = shareValue(prev[i], next[i]);
+      out[i] = child.value;
+      if (!child.equal) equal = false;
+    }
+    return equal ? { value: prev, equal: true } : { value: out, equal: false };
+  }
+  if (isPlainSlotObject(prev) && isPlainSlotObject(next)) {
+    const prevKeys = Object.keys(prev);
+    const nextKeys = Object.keys(next);
+    let equal = prevKeys.length === nextKeys.length;
+    const out = {};
+    for (const key of nextKeys) {
+      if (!Object.prototype.hasOwnProperty.call(prev, key)) {
+        equal = false;
+        out[key] = next[key];
+        continue;
+      }
+      const child = shareValue(prev[key], next[key]);
+      out[key] = child.value;
+      if (!child.equal) equal = false;
+    }
+    return equal ? { value: prev, equal: true } : { value: out, equal: false };
+  }
+  return { value: next, equal: false };
+}
+function reconcileSlotProps(prev, next) {
+  const result = shareValue(prev, next);
+  return { value: result.value, equal: result.equal };
+}
+
+// hooks/useUISlots.ts
 var log11 = logger.createLogger("almadar:ui:ui-slots");
 var DEFAULT_SOURCE_KEY = "__default__";
 var MULTI_SOURCE_STACK_TRAIT = "__multi_source_stack__";
@@ -1073,25 +1159,25 @@ function aggregateSlot(sources) {
   };
 }
 function useUISlotManager() {
-  const [sources, setSources] = react.useState(DEFAULT_SOURCES);
-  const subscribersRef = react.useRef(/* @__PURE__ */ new Set());
-  const timersRef = react.useRef(/* @__PURE__ */ new Map());
-  const traitIndexRef = react.useRef(/* @__PURE__ */ new Map());
-  const traitSubscribersRef = react.useRef(/* @__PURE__ */ new Map());
-  const slots = react.useMemo(() => {
+  const [sources, setSources] = React.useState(DEFAULT_SOURCES);
+  const subscribersRef = React.useRef(/* @__PURE__ */ new Set());
+  const timersRef = React.useRef(/* @__PURE__ */ new Map());
+  const traitIndexRef = React.useRef(/* @__PURE__ */ new Map());
+  const traitSubscribersRef = React.useRef(/* @__PURE__ */ new Map());
+  const slots = React.useMemo(() => {
     const out = { ...DEFAULT_SLOTS };
     for (const slot of ALL_SLOTS) {
       out[slot] = aggregateSlot(sources[slot]);
     }
     return out;
   }, [sources]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     return () => {
       timersRef.current.forEach((timer) => clearTimeout(timer));
       timersRef.current.clear();
     };
   }, []);
-  const notifySubscribers = react.useCallback((slot, content) => {
+  const notifySubscribers = React.useCallback((slot, content) => {
     subscribersRef.current.forEach((callback) => {
       try {
         callback(slot, content);
@@ -1100,7 +1186,7 @@ function useUISlotManager() {
       }
     });
   }, []);
-  const notifyTraitSubscribers = react.useCallback(
+  const notifyTraitSubscribers = React.useCallback(
     (traitName, content) => {
       const subs = traitSubscribersRef.current.get(traitName);
       if (!subs) return;
@@ -1114,16 +1200,16 @@ function useUISlotManager() {
     },
     []
   );
-  const indexTraitRender = react.useCallback(
+  const indexTraitRender = React.useCallback(
     (traitName, content) => {
       traitIndexRef.current.set(traitName, content);
     },
     []
   );
-  const unindexTrait = react.useCallback((traitName) => {
+  const unindexTrait = React.useCallback((traitName) => {
     traitIndexRef.current.delete(traitName);
   }, []);
-  const render = react.useCallback(
+  const render = React.useCallback(
     (config) => {
       const sourceKey = config.sourceTrait ?? DEFAULT_SOURCE_KEY;
       const id = `slot-content-${config.target}-${sourceKey}`;
@@ -1173,6 +1259,14 @@ function useUISlotManager() {
           });
           return prev;
         }
+        if (existing && existing.priority === content.priority && existing.pattern === content.pattern && existing.animation === content.animation && existing.transitionEvent === content.transitionEvent && existing.fromState === content.fromState && existing.entity === content.entity && existing.nodeId === content.nodeId && existing.autoDismissAt === void 0 && content.autoDismissAt === void 0 && existing.onDismiss === void 0 === (content.onDismiss === void 0)) {
+          const reconciled = reconcileSlotProps(existing.props, content.props);
+          if (reconciled.equal) {
+            log11.debug("slot:flush-bail", { slot: config.target, sourceKey, pattern: content.pattern });
+            return prev;
+          }
+          content.props = reconciled.value;
+        }
         const nextSources = {
           ...slotSources,
           [sourceKey]: content
@@ -1204,7 +1298,7 @@ function useUISlotManager() {
     },
     [notifySubscribers, notifyTraitSubscribers, indexTraitRender]
   );
-  const clear = react.useCallback(
+  const clear = React.useCallback(
     (slot) => {
       setSources((prev) => {
         const slotSources = prev[slot];
@@ -1229,7 +1323,7 @@ function useUISlotManager() {
     },
     [notifySubscribers, notifyTraitSubscribers, unindexTrait]
   );
-  const clearBySource = react.useCallback(
+  const clearBySource = React.useCallback(
     (slot, sourceTrait) => {
       const sourceKey = sourceTrait;
       setSources((prev) => {
@@ -1258,7 +1352,7 @@ function useUISlotManager() {
     },
     [notifySubscribers, notifyTraitSubscribers, unindexTrait]
   );
-  const clearById = react.useCallback(
+  const clearById = React.useCallback(
     (id) => {
       setSources((prev) => {
         for (const slot of ALL_SLOTS) {
@@ -1289,7 +1383,7 @@ function useUISlotManager() {
     },
     [notifySubscribers, notifyTraitSubscribers, unindexTrait]
   );
-  const clearAll = react.useCallback(() => {
+  const clearAll = React.useCallback(() => {
     timersRef.current.forEach((timer) => clearTimeout(timer));
     timersRef.current.clear();
     setSources((prev) => {
@@ -1308,25 +1402,25 @@ function useUISlotManager() {
     });
     traitIndexRef.current.clear();
   }, [notifySubscribers, notifyTraitSubscribers]);
-  const subscribe = react.useCallback((callback) => {
+  const subscribe = React.useCallback((callback) => {
     subscribersRef.current.add(callback);
     return () => {
       subscribersRef.current.delete(callback);
     };
   }, []);
-  const hasContent = react.useCallback(
+  const hasContent = React.useCallback(
     (slot) => slots[slot] !== null,
     [slots]
   );
-  const getContent = react.useCallback(
+  const getContent = React.useCallback(
     (slot) => slots[slot] ?? null,
     [slots]
   );
-  const getTraitContent = react.useCallback(
+  const getTraitContent = React.useCallback(
     (traitName) => traitIndexRef.current.get(traitName) ?? null,
     []
   );
-  const subscribeTrait = react.useCallback(
+  const subscribeTrait = React.useCallback(
     (traitName, callback) => {
       let set = traitSubscribersRef.current.get(traitName);
       if (!set) {
@@ -1345,7 +1439,7 @@ function useUISlotManager() {
     },
     []
   );
-  const updateTraitContent = react.useCallback(
+  const updateTraitContent = React.useCallback(
     (traitName, content) => {
       const id = `slot-content-trait-${traitName}`;
       const fullContent = { ...content, id, sourceTrait: traitName };
@@ -1375,12 +1469,12 @@ function useUIEvents(dispatch, traitName, validEvents, eventBusInstance) {
   const defaultEventBus = useEventBus();
   const eventBus = eventBusInstance ?? defaultEventBus;
   const validEventsKey = validEvents.slice().sort().join(",");
-  const stableValidEvents = react.useMemo(
+  const stableValidEvents = React.useMemo(
     () => validEvents,
     [validEventsKey]
     // intentional — validEventsKey is the stable dep
   );
-  react.useEffect(() => {
+  React.useEffect(() => {
     const unsubscribes = [];
     for (const smEvent of stableValidEvents) {
       const handler = (event) => {
@@ -1404,12 +1498,12 @@ function useTraitListens(dispatch, listens, eventBusInstance) {
   const defaultEventBus = useEventBus();
   const eventBus = eventBusInstance ?? defaultEventBus;
   const stableKey = listens.map((l) => `${l.sourceKey}->${l.trigger}`).sort().join("|");
-  const stableListens = react.useMemo(
+  const stableListens = React.useMemo(
     () => listens,
     [stableKey]
     // intentional
   );
-  react.useEffect(() => {
+  React.useEffect(() => {
     const unsubscribes = [];
     for (const spec of stableListens) {
       const handler = (event) => {
@@ -1469,15 +1563,15 @@ function createSharedEntityStore() {
   return { getSnapshot, subscribe, commit, seed };
 }
 function useSharedEntityStore() {
-  const storeRef = react.useRef(null);
+  const storeRef = React.useRef(null);
   if (storeRef.current === null) {
     storeRef.current = createSharedEntityStore();
   }
   return storeRef.current;
 }
-var SharedEntityStoreContext = react.createContext(null);
+var SharedEntityStoreContext = React.createContext(null);
 function useSharedEntityStoreContext() {
-  const store = react.useContext(SharedEntityStoreContext);
+  const store = React.useContext(SharedEntityStoreContext);
   if (!store) {
     throw new Error(
       "useSharedEntityStoreContext: no SharedEntityStoreContext.Provider found in the component tree"
@@ -1486,7 +1580,7 @@ function useSharedEntityStoreContext() {
   return store;
 }
 function useSharedEntitySnapshot(store, entityId) {
-  return react.useSyncExternalStore(
+  return React.useSyncExternalStore(
     (onStoreChange) => store.subscribe(entityId, onStoreChange),
     () => store.getSnapshot(entityId)
   );
@@ -1514,35 +1608,35 @@ function getOrCreateStore(query) {
   return queryStores.get(query);
 }
 function useQuerySingleton(query) {
-  const [, forceUpdate] = react.useState({});
+  const [, forceUpdate] = React.useState({});
   if (!query) {
     return null;
   }
-  const store = react.useMemo(() => getOrCreateStore(query), [query]);
-  react.useMemo(() => {
+  const store = React.useMemo(() => getOrCreateStore(query), [query]);
+  React.useMemo(() => {
     const listener = () => forceUpdate({});
     store.listeners.add(listener);
     return () => {
       store.listeners.delete(listener);
     };
   }, [store]);
-  const notifyListeners = react.useCallback(() => {
+  const notifyListeners = React.useCallback(() => {
     store.listeners.forEach((listener) => listener());
   }, [store]);
-  const setSearch = react.useCallback((value) => {
+  const setSearch = React.useCallback((value) => {
     store.search = value;
     notifyListeners();
   }, [store, notifyListeners]);
-  const setFilter = react.useCallback((key, value) => {
+  const setFilter = React.useCallback((key, value) => {
     store.filters = { ...store.filters, [key]: value };
     notifyListeners();
   }, [store, notifyListeners]);
-  const clearFilters = react.useCallback(() => {
+  const clearFilters = React.useCallback(() => {
     store.filters = {};
     store.search = "";
     notifyListeners();
   }, [store, notifyListeners]);
-  const setSort = react.useCallback((field, direction) => {
+  const setSort = React.useCallback((field, direction) => {
     store.sortField = field;
     store.sortDirection = direction;
     notifyListeners();
@@ -1580,6 +1674,7 @@ var en_default = {
   "common.confirm": "Are you sure?",
   "common.create": "Create",
   "common.edit": "Edit",
+  "common.title": "Title",
   "common.view": "View",
   "common.add": "Add",
   "common.remove": "Remove",
@@ -2147,7 +2242,7 @@ var en_default = {
 // hooks/useTranslate.ts
 var { $meta: _meta, ...coreMessages } = en_default;
 var coreLocale = coreMessages;
-var I18nContext = react.createContext({
+var I18nContext = React.createContext({
   locale: "en",
   direction: "ltr",
   t: (key, params) => {
@@ -2163,7 +2258,7 @@ var I18nContext = react.createContext({
 I18nContext.displayName = "I18nContext";
 var I18nProvider = I18nContext.Provider;
 function useTranslate() {
-  return react.useContext(I18nContext);
+  return React.useContext(I18nContext);
 }
 function createTranslate(messages) {
   return (key, params) => {
@@ -2188,14 +2283,14 @@ function useAuthContext() {
 }
 function useSwipeGesture(callbacks, options = {}) {
   const { threshold = 50, velocityThreshold = 0.3, preventDefault = false } = options;
-  const startX = react.useRef(0);
-  const startY = react.useRef(0);
-  const startTime = react.useRef(0);
-  const currentX = react.useRef(0);
-  const tracking = react.useRef(false);
-  const offsetXRef = react.useRef(0);
-  const isSwipingRef = react.useRef(false);
-  const onPointerDown = react.useCallback((e) => {
+  const startX = React.useRef(0);
+  const startY = React.useRef(0);
+  const startTime = React.useRef(0);
+  const currentX = React.useRef(0);
+  const tracking = React.useRef(false);
+  const offsetXRef = React.useRef(0);
+  const isSwipingRef = React.useRef(false);
+  const onPointerDown = React.useCallback((e) => {
     startX.current = e.clientX;
     startY.current = e.clientY;
     currentX.current = e.clientX;
@@ -2205,7 +2300,7 @@ function useSwipeGesture(callbacks, options = {}) {
     offsetXRef.current = 0;
     e.target.setPointerCapture?.(e.pointerId);
   }, []);
-  const onPointerMove = react.useCallback((e) => {
+  const onPointerMove = React.useCallback((e) => {
     if (!tracking.current) return;
     if (preventDefault) e.preventDefault();
     currentX.current = e.clientX;
@@ -2216,7 +2311,7 @@ function useSwipeGesture(callbacks, options = {}) {
       offsetXRef.current = dx;
     }
   }, [preventDefault]);
-  const onPointerUp = react.useCallback((e) => {
+  const onPointerUp = React.useCallback((e) => {
     if (!tracking.current) return;
     tracking.current = false;
     const dx = e.clientX - startX.current;
@@ -2234,7 +2329,7 @@ function useSwipeGesture(callbacks, options = {}) {
       else if (dy > threshold) callbacks.onSwipeDown?.();
     }
   }, [threshold, velocityThreshold, callbacks]);
-  const onPointerCancel = react.useCallback(() => {
+  const onPointerCancel = React.useCallback(() => {
     tracking.current = false;
     offsetXRef.current = 0;
     isSwipingRef.current = false;
@@ -2250,18 +2345,18 @@ function useSwipeGesture(callbacks, options = {}) {
 }
 function useLongPress(onLongPress, options = {}) {
   const { duration = 500, moveThreshold = 10 } = options;
-  const timerRef = react.useRef(null);
-  const startPos = react.useRef({ x: 0, y: 0 });
-  const isPressedRef = react.useRef(false);
-  const firedRef = react.useRef(false);
-  const cancel = react.useCallback(() => {
+  const timerRef = React.useRef(null);
+  const startPos = React.useRef({ x: 0, y: 0 });
+  const isPressedRef = React.useRef(false);
+  const firedRef = React.useRef(false);
+  const cancel = React.useCallback(() => {
     if (timerRef.current) {
       clearTimeout(timerRef.current);
       timerRef.current = null;
     }
     isPressedRef.current = false;
   }, []);
-  const onPointerDown = react.useCallback((e) => {
+  const onPointerDown = React.useCallback((e) => {
     firedRef.current = false;
     startPos.current = { x: e.clientX, y: e.clientY };
     isPressedRef.current = true;
@@ -2271,7 +2366,7 @@ function useLongPress(onLongPress, options = {}) {
       onLongPress();
     }, duration);
   }, [duration, onLongPress]);
-  const onPointerMove = react.useCallback((e) => {
+  const onPointerMove = React.useCallback((e) => {
     if (!isPressedRef.current) return;
     const dx = e.clientX - startPos.current.x;
     const dy = e.clientY - startPos.current.y;
@@ -2279,10 +2374,10 @@ function useLongPress(onLongPress, options = {}) {
       cancel();
     }
   }, [moveThreshold, cancel]);
-  const onPointerUp = react.useCallback(() => {
+  const onPointerUp = React.useCallback(() => {
     cancel();
   }, [cancel]);
-  const onPointerCancel = react.useCallback(() => {
+  const onPointerCancel = React.useCallback(() => {
     cancel();
   }, [cancel]);
   return {
@@ -2294,22 +2389,22 @@ function useLongPress(onLongPress, options = {}) {
   };
 }
 function useDragReorder(initialItems, onReorder) {
-  const [items, setItems] = react.useState(initialItems);
-  const [dragIndex, setDragIndex] = react.useState(-1);
-  const [dragOverIndex, setDragOverIndex] = react.useState(-1);
-  const itemsRef = react.useRef(initialItems);
+  const [items, setItems] = React.useState(initialItems);
+  const [dragIndex, setDragIndex] = React.useState(-1);
+  const [dragOverIndex, setDragOverIndex] = React.useState(-1);
+  const itemsRef = React.useRef(initialItems);
   if (initialItems !== itemsRef.current) {
     itemsRef.current = initialItems;
     setItems(initialItems);
   }
   const isDragging = dragIndex >= 0;
-  const handleDragStart = react.useCallback((index) => (e) => {
+  const handleDragStart = React.useCallback((index) => (e) => {
     e.preventDefault();
     setDragIndex(index);
     setDragOverIndex(index);
     e.target.setPointerCapture?.(e.pointerId);
   }, []);
-  const handleDragMove = react.useCallback((index) => (e) => {
+  const handleDragMove = React.useCallback((index) => (e) => {
     if (dragIndex < 0) return;
     const target = document.elementFromPoint(e.clientX, e.clientY);
     if (!target) return;
@@ -2324,7 +2419,7 @@ function useDragReorder(initialItems, onReorder) {
       }
     }
   }, [dragIndex, dragOverIndex]);
-  const handleDragEnd = react.useCallback(() => {
+  const handleDragEnd = React.useCallback(() => {
     if (dragIndex >= 0 && dragOverIndex >= 0 && dragIndex !== dragOverIndex) {
       const newItems = [...items];
       const [movedItem] = newItems.splice(dragIndex, 1);
@@ -2335,13 +2430,13 @@ function useDragReorder(initialItems, onReorder) {
     setDragIndex(-1);
     setDragOverIndex(-1);
   }, [dragIndex, dragOverIndex, items, onReorder]);
-  const getDragHandleProps = react.useCallback((index) => ({
+  const getDragHandleProps = React.useCallback((index) => ({
     onPointerDown: handleDragStart(index),
     style: { cursor: "grab", touchAction: "none" },
     "aria-grabbed": dragIndex === index,
     role: "button"
   }), [handleDragStart, dragIndex]);
-  const getItemProps = react.useCallback((index) => ({
+  const getItemProps = React.useCallback((index) => ({
     onPointerMove: handleDragMove(index),
     onPointerUp: handleDragEnd,
     "aria-dropeffect": "move",
@@ -2362,7 +2457,7 @@ function useDragReorder(initialItems, onReorder) {
   };
 }
 function useMediaQuery(query) {
-  const subscribe = react.useCallback(
+  const subscribe = React.useCallback(
     (onChange) => {
       const mql = window.matchMedia(query);
       mql.addEventListener("change", onChange);
@@ -2370,7 +2465,7 @@ function useMediaQuery(query) {
     },
     [query]
   );
-  return react.useSyncExternalStore(
+  return React.useSyncExternalStore(
     subscribe,
     () => window.matchMedia(query).matches,
     () => false
@@ -2378,19 +2473,19 @@ function useMediaQuery(query) {
 }
 function useInfiniteScroll(onLoadMore, options = {}) {
   const { rootMargin = "200px", hasMore = true, isLoading = false } = options;
-  const observerRef = react.useRef(null);
-  const callbackRef = react.useRef(onLoadMore);
+  const observerRef = React.useRef(null);
+  const callbackRef = React.useRef(onLoadMore);
   callbackRef.current = onLoadMore;
-  const hasMoreRef = react.useRef(hasMore);
+  const hasMoreRef = React.useRef(hasMore);
   hasMoreRef.current = hasMore;
-  const isLoadingRef = react.useRef(isLoading);
+  const isLoadingRef = React.useRef(isLoading);
   isLoadingRef.current = isLoading;
-  react.useEffect(() => {
+  React.useEffect(() => {
     return () => {
       observerRef.current?.disconnect();
     };
   }, []);
-  const sentinelRef = react.useCallback((node) => {
+  const sentinelRef = React.useCallback((node) => {
     observerRef.current?.disconnect();
     if (!node) return;
     observerRef.current = new IntersectionObserver(
@@ -2408,12 +2503,12 @@ function useInfiniteScroll(onLoadMore, options = {}) {
 }
 function usePullToRefresh(onRefresh, options = {}) {
   const { threshold = 60, maxPull = 120 } = options;
-  const [pullDistance, setPullDistance] = react.useState(0);
-  const [isPulling, setIsPulling] = react.useState(false);
-  const [isRefreshing, setIsRefreshing] = react.useState(false);
-  const startY = react.useRef(0);
-  const scrollTopRef = react.useRef(0);
-  const onTouchStart = react.useCallback((e) => {
+  const [pullDistance, setPullDistance] = React.useState(0);
+  const [isPulling, setIsPulling] = React.useState(false);
+  const [isRefreshing, setIsRefreshing] = React.useState(false);
+  const startY = React.useRef(0);
+  const scrollTopRef = React.useRef(0);
+  const onTouchStart = React.useCallback((e) => {
     const container = e.currentTarget;
     scrollTopRef.current = container.scrollTop;
     if (scrollTopRef.current <= 0) {
@@ -2421,7 +2516,7 @@ function usePullToRefresh(onRefresh, options = {}) {
       setIsPulling(true);
     }
   }, []);
-  const onTouchMove = react.useCallback((e) => {
+  const onTouchMove = React.useCallback((e) => {
     if (!isPulling || isRefreshing) return;
     const container = e.currentTarget;
     if (container.scrollTop > 0) {
@@ -2434,7 +2529,7 @@ function usePullToRefresh(onRefresh, options = {}) {
       setPullDistance(distance);
     }
   }, [isPulling, isRefreshing, maxPull]);
-  const onTouchEnd = react.useCallback(() => {
+  const onTouchEnd = React.useCallback(() => {
     if (!isPulling) return;
     setIsPulling(false);
     if (pullDistance >= threshold && !isRefreshing) {
@@ -2445,7 +2540,7 @@ function usePullToRefresh(onRefresh, options = {}) {
       setPullDistance(0);
     }
   }, [isPulling, pullDistance, threshold, isRefreshing, onRefresh]);
-  const endRefresh = react.useCallback(() => {
+  const endRefresh = React.useCallback(() => {
     setIsRefreshing(false);
     setPullDistance(0);
   }, []);
@@ -2483,9 +2578,9 @@ function useCanvasGestures(options) {
     onPanDelta,
     onMultiTouchStart
   } = options;
-  const pointers = react.useRef(/* @__PURE__ */ new Map());
-  const pinch = react.useRef(null);
-  const computePinch = react.useCallback(() => {
+  const pointers = React.useRef(/* @__PURE__ */ new Map());
+  const pinch = React.useRef(null);
+  const computePinch = React.useCallback(() => {
     const pts = [...pointers.current.values()];
     const dx = pts[1].x - pts[0].x;
     const dy = pts[1].y - pts[0].y;
@@ -2494,7 +2589,7 @@ function useCanvasGestures(options) {
       centroid: { x: (pts[0].x + pts[1].x) / 2, y: (pts[0].y + pts[1].y) / 2 }
     };
   }, []);
-  const handlePointerDown = react.useCallback(
+  const handlePointerDown = React.useCallback(
     (e) => {
       if (!enabled) return;
       e.currentTarget.setPointerCapture(e.pointerId);
@@ -2508,7 +2603,7 @@ function useCanvasGestures(options) {
     },
     [enabled, canvasRef, onMultiTouchStart, computePinch, onPointerDown]
   );
-  const handlePointerMove = react.useCallback(
+  const handlePointerMove = React.useCallback(
     (e) => {
       if (!enabled) return;
       if (pointers.current.has(e.pointerId)) {
@@ -2528,7 +2623,7 @@ function useCanvasGestures(options) {
     },
     [enabled, canvasRef, computePinch, onZoom, onPanDelta, onPointerMove]
   );
-  const endPointer = react.useCallback(
+  const endPointer = React.useCallback(
     (e, fireUp) => {
       const wasMulti = pointers.current.size >= 2;
       pointers.current.delete(e.pointerId);
@@ -2538,21 +2633,21 @@ function useCanvasGestures(options) {
     },
     [onPointerUp]
   );
-  const handlePointerUp = react.useCallback(
+  const handlePointerUp = React.useCallback(
     (e) => {
       if (!enabled) return;
       endPointer(e, true);
     },
     [enabled, endPointer]
   );
-  const handlePointerCancel = react.useCallback(
+  const handlePointerCancel = React.useCallback(
     (e) => {
       if (!enabled) return;
       endPointer(e, false);
     },
     [enabled, endPointer]
   );
-  const handleWheel = react.useCallback(
+  const handleWheel = React.useCallback(
     (e) => {
       if (!enabled) return;
       e.preventDefault();
@@ -2571,24 +2666,24 @@ function useCanvasGestures(options) {
 }
 function useTapReveal(options = {}) {
   const { onReveal, onDismiss, refs, enabled = true } = options;
-  const [revealed, setRevealed] = react.useState(false);
-  const onRevealRef = react.useRef(onReveal);
-  const onDismissRef = react.useRef(onDismiss);
+  const [revealed, setRevealed] = React.useState(false);
+  const onRevealRef = React.useRef(onReveal);
+  const onDismissRef = React.useRef(onDismiss);
   onRevealRef.current = onReveal;
   onDismissRef.current = onDismiss;
-  const reveal = react.useCallback(() => {
+  const reveal = React.useCallback(() => {
     setRevealed((wasRevealed) => {
       if (!wasRevealed) onRevealRef.current?.();
       return true;
     });
   }, []);
-  const dismiss = react.useCallback(() => {
+  const dismiss = React.useCallback(() => {
     setRevealed((wasRevealed) => {
       if (wasRevealed) onDismissRef.current?.();
       return false;
     });
   }, []);
-  const onPointerDown = react.useCallback(
+  const onPointerDown = React.useCallback(
     (e) => {
       if (!enabled || e.pointerType === "mouse") return;
       if (revealed) dismiss();
@@ -2596,7 +2691,7 @@ function useTapReveal(options = {}) {
     },
     [enabled, revealed, reveal, dismiss]
   );
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (!revealed || typeof document === "undefined") return;
     const onDocDown = (ev) => {
       const target = ev.target;
@@ -2614,9 +2709,9 @@ function useTapReveal(options = {}) {
 }
 var ALMADAR_DND_MIME = "application/x-almadar-dnd";
 function useDraggable({ payload, disabled = false }) {
-  const [isDragging, setIsDragging] = react.useState(false);
+  const [isDragging, setIsDragging] = React.useState(false);
   const eventBus = useEventBus();
-  const handleDragStart = react.useCallback(
+  const handleDragStart = React.useCallback(
     (e) => {
       if (disabled) {
         e.preventDefault();
@@ -2629,14 +2724,14 @@ function useDraggable({ payload, disabled = false }) {
     },
     [disabled, payload, eventBus]
   );
-  const handleDragEnd = react.useCallback(
+  const handleDragEnd = React.useCallback(
     (e) => {
       setIsDragging(false);
       eventBus.emit("UI:DRAG_END", { kind: payload.kind, data: payload.data });
     },
     [payload, eventBus]
   );
-  const dragProps = react.useMemo(
+  const dragProps = React.useMemo(
     () => ({
       draggable: !disabled,
       onDragStart: handleDragStart,
@@ -2662,9 +2757,9 @@ function hasAlmadarPayload(e) {
   return e.dataTransfer.types.includes(ALMADAR_DND_MIME);
 }
 function useDropZone({ accepts, onDrop, disabled = false }) {
-  const [isOver, setIsOver] = react.useState(false);
+  const [isOver, setIsOver] = React.useState(false);
   const eventBus = useEventBus();
-  const handleDragOver = react.useCallback(
+  const handleDragOver = React.useCallback(
     (e) => {
       if (disabled) return;
       if (!hasAlmadarPayload(e)) return;
@@ -2674,13 +2769,13 @@ function useDropZone({ accepts, onDrop, disabled = false }) {
     },
     [disabled]
   );
-  const handleDragLeave = react.useCallback(
+  const handleDragLeave = React.useCallback(
     (e) => {
       setIsOver(false);
     },
     []
   );
-  const handleDrop = react.useCallback(
+  const handleDrop = React.useCallback(
     (e) => {
       e.preventDefault();
       setIsOver(false);
@@ -2694,7 +2789,7 @@ function useDropZone({ accepts, onDrop, disabled = false }) {
     },
     [disabled, accepts, onDrop, eventBus]
   );
-  const dropProps = react.useMemo(
+  const dropProps = React.useMemo(
     () => ({
       onDragOver: handleDragOver,
       onDragLeave: handleDragLeave,
@@ -2706,14 +2801,14 @@ function useDropZone({ accepts, onDrop, disabled = false }) {
 }
 function useRenderInterpolation(options = {}) {
   const tickIntervalMs = options.tickIntervalMs ?? 1e3 / 30;
-  const prevRef = react.useRef(null);
-  const currRef = react.useRef(null);
-  const rafRef = react.useRef(null);
-  const onSnapshot = react.useCallback((entities) => {
+  const prevRef = React.useRef(null);
+  const currRef = React.useRef(null);
+  const rafRef = React.useRef(null);
+  const onSnapshot = React.useCallback((entities) => {
     prevRef.current = currRef.current;
     currRef.current = { entities, arrivedAt: performance.now() };
   }, []);
-  const getInterpolated = react.useCallback((now) => {
+  const getInterpolated = React.useCallback((now) => {
     const out = /* @__PURE__ */ new Map();
     const curr = currRef.current;
     if (!curr) return out;
@@ -2739,7 +2834,7 @@ function useRenderInterpolation(options = {}) {
     }
     return out;
   }, [tickIntervalMs]);
-  const startLoop = react.useCallback(
+  const startLoop = React.useCallback(
     (draw) => {
       let active = true;
       const loop = () => {
@@ -2761,7 +2856,7 @@ function useRenderInterpolation(options = {}) {
     },
     [getInterpolated]
   );
-  react.useEffect(() => {
+  React.useEffect(() => {
     return () => {
       if (rafRef.current !== null) {
         cancelAnimationFrame(rafRef.current);
@@ -2801,7 +2896,7 @@ function useGitHubStatus() {
   });
 }
 function useConnectGitHub() {
-  const connectGitHub = react.useCallback(() => {
+  const connectGitHub = React.useCallback(() => {
     const userId = getUserId();
     const state = btoa(JSON.stringify({ userId, returnUrl: window.location.href }));
     window.location.href = `${API_BASE}/api/github/oauth/authorize?state=${state}`;