@almadar/ui 4.44.0 → 4.45.0

package/dist/hooks/index.cjs

@@ -1,10 +1,11 @@
 'use strict';
 
 var react = require('react');
-var providers = require('@almadar/ui/providers');
 var logger = require('@almadar/logger');
+var providers = require('@almadar/ui/providers');
 var reactQuery = require('@tanstack/react-query');
 
+var log = logger.createLogger("almadar:ui:orbital-history");
 function useOrbitalHistory(options) {
   const { appId, authToken, userId, onHistoryChange, onRevertSuccess } = options;
   const getHeaders = react.useCallback(() => {
@@ -66,7 +67,7 @@ function useOrbitalHistory(options) {
         setCurrentVersion(mergedTimeline[0].version);
       }
     } catch (err) {
-      console.error("[useOrbitalHistory] Failed to load history:", err);
+      log.error("Failed to load history", { error: err instanceof Error ? err : String(err) });
       setError(err instanceof Error ? err.message : "Failed to load history");
     } finally {
       setIsLoading(false);
@@ -99,7 +100,7 @@ function useOrbitalHistory(options) {
         error: data.error || "Unknown error during revert"
       };
     } catch (err) {
-      console.error("[useOrbitalHistory] Failed to revert:", err);
+      log.error("Failed to revert", { error: err instanceof Error ? err : String(err) });
       return {
         success: false,
         error: err instanceof Error ? err.message : "Failed to revert"
@@ -123,6 +124,7 @@ function useOrbitalHistory(options) {
     refresh
   };
 }
+var log2 = logger.createLogger("almadar:ui:filesystem");
 function useFileSystem() {
   const [status, setStatus] = react.useState("idle");
   const [error, setError] = react.useState(null);
@@ -137,7 +139,7 @@ function useFileSystem() {
     setError(null);
     setIsLoading(true);
     try {
-      console.log("[useFileSystem] Booting WebContainer...");
+      log2.debug("Booting WebContainer");
       await new Promise((resolve) => setTimeout(resolve, 100));
       setStatus("ready");
     } catch (err) {
@@ -200,7 +202,7 @@ function useFileSystem() {
       setFiles(newTree);
       setStatus("running");
     } catch (err) {
-      console.error("[useFileSystem] Failed to mount files:", err);
+      log2.error("Failed to mount files", { error: err instanceof Error ? err : String(err) });
     } finally {
       setIsLoading(false);
     }
@@ -241,7 +243,7 @@ function useFileSystem() {
     const path = contentArg !== void 0 ? pathOrContent : selectedPath;
     const content = contentArg !== void 0 ? contentArg : pathOrContent;
     if (!path) {
-      console.warn("[useFileSystem] updateContent called without path and no file selected");
+      log2.warn("updateContent called without path and no file selected");
       return;
     }
     setFileContents((prev) => {
@@ -257,14 +259,14 @@ function useFileSystem() {
     setSelectedFile((prev) => prev ? { ...prev, content, isDirty: true } : null);
   }, []);
   const refreshTree = react.useCallback(async () => {
-    console.log("[useFileSystem] Refreshing tree");
+    log2.debug("Refreshing tree");
   }, []);
   const runCommand = react.useCallback(async (command) => {
-    console.log("[useFileSystem] Running command:", command);
+    log2.debug("Running command", { command });
     return { exitCode: 0, output: "" };
   }, []);
   const startDevServer = react.useCallback(async () => {
-    console.log("[useFileSystem] Starting dev server");
+    log2.debug("Starting dev server");
     setPreviewUrl("http://localhost:5173");
   }, []);
   return {
@@ -287,6 +289,7 @@ function useFileSystem() {
     startDevServer
   };
 }
+var log3 = logger.createLogger("almadar:ui:extensions");
 var defaultManifest = {
   languages: {
     typescript: { extensions: [".ts", ".tsx"], icon: "ts", color: "#3178c6" },
@@ -305,7 +308,7 @@ function useExtensions(options) {
   const [isLoading, setIsLoading] = react.useState(false);
   const [error, setError] = react.useState(null);
   const loadExtension = react.useCallback(async (extensionId) => {
-    console.log("[useExtensions] Loading extension:", extensionId);
+    log3.debug("Loading extension", { extensionId });
   }, []);
   const loadExtensions = react.useCallback(async () => {
     setIsLoading(true);
@@ -377,6 +380,7 @@ function useExtensions(options) {
     getExtensionForFile
   };
 }
+var log4 = logger.createLogger("almadar:ui:file-editor");
 function useFileEditor(options) {
   const { extensions, fileSystem, onSchemaUpdate } = options;
   const [openFiles, setOpenFiles] = react.useState([]);
@@ -401,7 +405,7 @@ function useFileEditor(options) {
       setOpenFiles((prev) => [...prev, newFile]);
       setActiveFilePath(path);
     } catch (err) {
-      console.error("[useFileEditor] Failed to open file:", err);
+      log4.error("Failed to open file", { error: err instanceof Error ? err : String(err) });
     }
   }, [openFiles, fileSystem, extensions]);
   const closeFile = react.useCallback((path) => {
@@ -462,7 +466,7 @@ function useFileEditor(options) {
         }
       }
     } catch (err) {
-      console.error("[useFileEditor] Failed to save file:", err);
+      log4.error("Failed to save file", { error: err instanceof Error ? err : String(err) });
     } finally {
       setIsSaving(false);
     }
@@ -491,6 +495,7 @@ function useFileEditor(options) {
     saveAllFiles
   };
 }
+var log5 = logger.createLogger("almadar:ui:compile");
 function useCompile() {
   const [isCompiling, setIsCompiling] = react.useState(false);
   const [stage, setStage] = react.useState("idle");
@@ -501,7 +506,7 @@ function useCompile() {
     setStage("compiling");
     setError(null);
     try {
-      console.log("[useCompile] Compiling schema:", schema.name);
+      log5.debug("Compiling schema", { name: schema.name });
       const result = {
         success: true,
         files: []
@@ -527,6 +532,7 @@ function useCompile() {
     compileSchema
   };
 }
+var log6 = logger.createLogger("almadar:ui:preview");
 function usePreview(options) {
   const [previewUrl, setPreviewUrl] = react.useState(null);
   const [isLoading, setIsLoading] = react.useState(!!options?.appId);
@@ -560,17 +566,17 @@ function usePreview(options) {
       setIsLoading(false);
       return;
     }
-    console.log("[usePreview] Setting up preview for app:", appId);
+    log6.debug("Setting up preview for app", { appId });
     setPreviewUrl(`/api/orbitals/${appId}`);
     setIsLoading(false);
   }, [options?.appId]);
   const startPreview = react.useCallback(async () => {
-    console.log("[usePreview] startPreview called");
+    log6.debug("startPreview called");
   }, []);
   const stopPreview = react.useCallback(async () => {
     setIsLoading(true);
     try {
-      console.log("[usePreview] Stopping preview server...");
+      log6.debug("Stopping preview server");
       setPreviewUrl(null);
       setApp(null);
     } finally {
@@ -579,15 +585,15 @@ function usePreview(options) {
   }, []);
   const refresh = react.useCallback(async () => {
     if (!previewUrl) return;
-    console.log("[usePreview] Refreshing preview...");
+    log6.debug("Refreshing preview");
     setPreviewUrl(`${previewUrl.split("?")[0]}?t=${Date.now()}`);
   }, [previewUrl]);
   const handleRefresh = react.useCallback(async () => {
-    console.log("[usePreview] Handle refresh...");
+    log6.debug("Handle refresh");
     await refresh();
   }, [refresh]);
   const handleReset = react.useCallback(async () => {
-    console.log("[usePreview] Resetting preview...");
+    log6.debug("Resetting preview");
     setError(null);
     setLoadError(null);
     setErrorToast(null);
@@ -621,6 +627,7 @@ function usePreview(options) {
     dismissErrorToast
   };
 }
+var log7 = logger.createLogger("almadar:ui:agent-chat");
 function useAgentChat(options) {
   const [messages, setMessages] = react.useState([]);
   const [status, setStatus] = react.useState("idle");
@@ -643,7 +650,7 @@ function useAgentChat(options) {
         timestamp: Date.now()
       };
       setMessages((prev) => [...prev, userMessage]);
-      console.log("[useAgentChat] Sending message:", content);
+      log7.debug("Sending message", { content });
       const assistantMessage = {
         id: (Date.now() + 1).toString(),
         role: "assistant",
@@ -666,7 +673,7 @@ function useAgentChat(options) {
     setError(null);
     const skillName = Array.isArray(skill) ? skill[0] : skill;
     try {
-      console.log("[useAgentChat] Starting generation:", skillName, prompt, genOptions);
+      log7.debug("Starting generation", () => ({ skillName, prompt, genOptions: JSON.stringify(genOptions) }));
       await new Promise((resolve) => setTimeout(resolve, 100));
       setStatus("complete");
       options?.onComplete?.();
@@ -678,10 +685,10 @@ function useAgentChat(options) {
     }
   }, [options]);
   const continueConversation = react.useCallback(async (message) => {
-    console.log("[useAgentChat] Continue conversation", message);
+    log7.debug("Continue conversation", { message: Array.isArray(message) ? message : [message] });
   }, []);
   const resumeWithDecision = react.useCallback(async (decisions) => {
-    console.log("[useAgentChat] Resume with decision:", decisions);
+    log7.debug("Resume with decision", () => ({ decisions: JSON.stringify(decisions), count: decisions.length }));
     setInterrupt(null);
   }, []);
   const cancel = react.useCallback(() => {
@@ -718,6 +725,7 @@ function useAgentChat(options) {
     clearHistory
   };
 }
+var log8 = logger.createLogger("almadar:ui:validation");
 function useValidation() {
   const [result, setResult] = react.useState(null);
   const [isValidating, setIsValidating] = react.useState(false);
@@ -731,7 +739,7 @@ function useValidation() {
     setStage("validating");
     setProgressMessage("Validating schema...");
     try {
-      console.log("[useValidation] Validating app:", appId);
+      log8.debug("Validating app", { appId });
       const validationResult = {
         valid: true,
         errors: [],
@@ -784,6 +792,7 @@ function useValidation() {
     reset
   };
 }
+var log9 = logger.createLogger("almadar:ui:deep-agent");
 function useDeepAgentGeneration() {
   const [requests, setRequests] = react.useState([]);
   const [currentRequest, setCurrentRequest] = react.useState(null);
@@ -807,7 +816,7 @@ function useDeepAgentGeneration() {
     setCurrentRequest(request);
     setRequests((prev) => [...prev, request]);
     try {
-      console.log("[useDeepAgentGeneration] Generating from prompt:", prompt);
+      log9.debug("Generating from prompt", { prompt });
       await new Promise((resolve) => setTimeout(resolve, 100));
       request.status = "completed";
       setCurrentRequest(request);
@@ -827,7 +836,7 @@ function useDeepAgentGeneration() {
     }
   }, []);
   const startGeneration = react.useCallback(async (skill, prompt, _options) => {
-    console.log("[useDeepAgentGeneration] Starting generation with skill:", skill);
+    log9.debug("Starting generation with skill", { skill });
     await generate(prompt);
   }, [generate]);
   const cancelGeneration = react.useCallback(() => {
@@ -849,7 +858,7 @@ function useDeepAgentGeneration() {
     setIsComplete(false);
   }, []);
   const submitInterruptDecisions = react.useCallback((decisions) => {
-    console.log("[useDeepAgentGeneration] Submitting interrupt decisions:", decisions);
+    log9.debug("Submitting interrupt decisions", () => ({ decisions: JSON.stringify(decisions), count: decisions.length }));
     setInterrupt(null);
   }, []);
   return {
@@ -868,7 +877,7 @@ function useDeepAgentGeneration() {
     submitInterruptDecisions
   };
 }
-var log = logger.createLogger("almadar:eventbus");
+var log10 = logger.createLogger("almadar:eventbus");
 var subLog = logger.createLogger("almadar:eventbus:subscribe");
 var scopeLog = logger.createLogger("almadar:ui:trait-scope");
 function getGlobalEventBus() {
@@ -888,13 +897,13 @@ var fallbackEventBus = {
       source
     };
     const handlers = fallbackListeners.get(type);
-    log.debug("emit", { type, payloadKeys: payload ? Object.keys(payload).length : 0, listenerCount: (handlers?.size ?? 0) + fallbackAnyListeners.size });
+    log10.debug("emit", { type, payloadKeys: payload ? Object.keys(payload).length : 0, listenerCount: (handlers?.size ?? 0) + fallbackAnyListeners.size });
     if (handlers) {
       handlers.forEach((handler) => {
         try {
           handler(event);
         } catch (error) {
-          console.error(`[EventBus] Error in listener for '${type}':`, error);
+          log10.error("Error in listener", { type, error: error instanceof Error ? error : String(error) });
         }
       });
     }
@@ -902,7 +911,7 @@ var fallbackEventBus = {
       try {
         handler(event);
       } catch (error) {
-        console.error(`[EventBus] Error in onAny listener for '${type}':`, error);
+        log10.error("Error in onAny listener", { type, error: error instanceof Error ? error : String(error) });
       }
     });
   },
@@ -1002,7 +1011,7 @@ function useEmitEvent() {
     [eventBus]
   );
 }
-var slotLog = logger.createLogger("almadar:ui:useUISlots");
+var log11 = logger.createLogger("almadar:ui:ui-slots");
 var DEFAULT_SOURCE_KEY = "__default__";
 var MULTI_SOURCE_STACK_TRAIT = "__multi_source_stack__";
 var ALL_SLOTS = [
@@ -1084,7 +1093,7 @@ function useUISlotManager() {
       try {
         callback(slot, content);
       } catch (error) {
-        console.error("[UISlots] Subscriber error:", error);
+        log11.error("Subscriber error", { error: error instanceof Error ? error : String(error) });
       }
     });
   }, []);
@@ -1096,7 +1105,7 @@ function useUISlotManager() {
         try {
           callback(content);
         } catch (error) {
-          console.error(`[UISlots] Trait subscriber error (${traitName}):`, error);
+          log11.error("Trait subscriber error", { traitName, error: error instanceof Error ? error : String(error) });
         }
       });
     },
@@ -1147,9 +1156,12 @@ function useUISlotManager() {
         const slotSources = prev[config.target] ?? {};
         const existing = slotSources[sourceKey];
         if (existing && existing.priority > content.priority) {
-          console.warn(
-            `[UISlots] Slot "${config.target}" source "${sourceKey}" already has higher priority content (${existing.priority} > ${content.priority})`
-          );
+          log11.warn("Slot already has higher priority content", {
+            slot: config.target,
+            sourceKey,
+            existingPriority: existing.priority,
+            newPriority: content.priority
+          });
           return prev;
         }
         const nextSources = {
@@ -1161,7 +1173,7 @@ function useUISlotManager() {
           indexTraitRender(content.sourceTrait, content);
           notifyTraitSubscribers(content.sourceTrait, content);
         }
-        slotLog.info("slot:written", {
+        log11.info("slot:written", {
           slot: config.target,
           sourceKey,
           sourceTrait: content.sourceTrait,
@@ -1206,7 +1218,7 @@ function useUISlotManager() {
       setSources((prev) => {
         const slotSources = prev[slot];
         if (!slotSources || !(sourceKey in slotSources)) {
-          slotLog.debug("slot:clear-noop", { slot, sourceTrait, reason: !slotSources ? "no-slot" : "no-source" });
+          log11.debug("slot:clear-noop", { slot, sourceTrait, reason: !slotSources ? "no-slot" : "no-source" });
           return prev;
         }
         const content = slotSources[sourceKey];
@@ -1222,7 +1234,7 @@ function useUISlotManager() {
         }
         const nextSources = { ...slotSources };
         delete nextSources[sourceKey];
-        slotLog.info("slot:cleared", { slot, sourceTrait, lastPatternType: content.pattern });
+        log11.info("slot:cleared", { slot, sourceTrait, lastPatternType: content.pattern });
         notifySubscribers(slot, aggregateSlot(nextSources));
         return { ...prev, [slot]: nextSources };
       });