@decido/shell 4.0.3 → 4.0.4

package/dist/chunk-LWMMFTJC.mjs

@@ -1,382 +0,0 @@
-import {
-  useMorphInstanceStore
-} from "./chunk-UHT6FIYF.mjs";
-import {
-  usePlaygroundStore
-} from "./chunk-XMSU6UWD.mjs";
-
-// src/contexts/NetworkProvider.tsx
-import { createContext, useContext, useEffect, useRef, useCallback } from "react";
-import { jsx } from "react/jsx-runtime";
-var isTauri = typeof window !== "undefined" && window.__TAURI_INTERNALS__ !== void 0;
-var getTauriEvent = () => import(
-  /* @vite-ignore */
-  "@tauri-apps/api/event"
-);
-var NetworkContext = createContext({
-  socket: null,
-  isConnected: false,
-  isNativeOS: false,
-  emitEvent: () => {
-  },
-  onEvent: () => {
-  },
-  offEvent: () => {
-  }
-});
-var useNetwork = () => useContext(NetworkContext);
-var useNetworkEvent = (eventName, callback) => {
-  const { onEvent, offEvent } = useNetwork();
-  useEffect(() => {
-    onEvent(eventName, callback);
-    return () => offEvent(eventName, callback);
-  }, [eventName, callback, onEvent, offEvent]);
-};
-var NetworkProvider = ({ children, socketInstance = null, isConnected = false }) => {
-  const nativeListeners = useRef(/* @__PURE__ */ new Map());
-  const tauriListeners = useRef(/* @__PURE__ */ new Map());
-  const emitEvent = useCallback(async (event, payload) => {
-    if (isTauri) {
-      try {
-        const { emit } = await getTauriEvent();
-        await emit(event, payload);
-      } catch (err) {
-        console.error(`[Tauri IPC] Error emitiendo ${event}:`, err);
-      }
-      return;
-    }
-    if (!socketInstance) {
-      console.warn(`[NetworkProvider] Emit '${event}' ignorado: No hay red disponible.`);
-      return;
-    }
-    if (typeof socketInstance.emit === "function") {
-      socketInstance.emit(event, payload);
-    } else if (typeof socketInstance.send === "function") {
-      socketInstance.send(JSON.stringify({ event, payload }));
-    }
-  }, [socketInstance]);
-  const onEvent = useCallback((event, callback) => {
-    if (isTauri) {
-      const unlistenPromise = getTauriEvent().then(
-        ({ listen }) => listen(event, (tauriEvent) => {
-          callback(tauriEvent.payload);
-        })
-      );
-      if (!tauriListeners.current.has(event)) {
-        tauriListeners.current.set(event, []);
-      }
-      tauriListeners.current.get(event)?.push({ originalCallback: callback, unlistenPromise });
-      return;
-    }
-    if (!socketInstance) return;
-    if (typeof socketInstance.on === "function") {
-      socketInstance.on(event, callback);
-    } else if (typeof socketInstance.addEventListener === "function") {
-      const wrappedCallback = (messageEvent) => {
-        try {
-          const data = JSON.parse(messageEvent.data);
-          if (data.event === event) callback(data.payload);
-        } catch (e) {
-        }
-      };
-      socketInstance.addEventListener("message", wrappedCallback);
-      if (!nativeListeners.current.has(event)) {
-        nativeListeners.current.set(event, []);
-      }
-      nativeListeners.current.get(event)?.push({ originalCallback: callback, wrappedCallback });
-    }
-  }, [socketInstance]);
-  const offEvent = useCallback((event, callback) => {
-    if (isTauri) {
-      const listeners = tauriListeners.current.get(event) || [];
-      const index = listeners.findIndex((l) => l.originalCallback === callback);
-      if (index > -1) {
-        listeners[index].unlistenPromise.then((unlisten) => unlisten());
-        listeners.splice(index, 1);
-      }
-      return;
-    }
-    if (!socketInstance) return;
-    if (typeof socketInstance.off === "function") {
-      socketInstance.off(event, callback);
-    } else if (typeof socketInstance.removeEventListener === "function") {
-      const listeners = nativeListeners.current.get(event) || [];
-      const foundIndex = listeners.findIndex((l) => l.originalCallback === callback);
-      if (foundIndex > -1) {
-        const { wrappedCallback } = listeners[foundIndex];
-        socketInstance.removeEventListener("message", wrappedCallback);
-        listeners.splice(foundIndex, 1);
-      }
-    }
-  }, [socketInstance]);
-  const effectiveConnection = isTauri ? true : isConnected;
-  return /* @__PURE__ */ jsx(NetworkContext.Provider, { value: {
-    socket: socketInstance,
-    isConnected: effectiveConnection,
-    isNativeOS: isTauri,
-    emitEvent,
-    onEvent,
-    offEvent
-  }, children });
-};
-
-// src/components/playground/PlaygroundErrorBoundary.tsx
-import { Component } from "react";
-import { AlertTriangle, RefreshCw } from "lucide-react";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var PlaygroundErrorBoundary = class extends Component {
-  state = {
-    hasError: false,
-    error: null
-  };
-  static getDerivedStateFromError(error) {
-    return { hasError: true, error };
-  }
-  componentDidCatch(error, errorInfo) {
-    console.error(`[PlaygroundErrorBoundary] Error capturado en ${this.props.fallbackName || "componente"}:`, error, errorInfo);
-  }
-  handleReset = () => {
-    this.setState({ hasError: false, error: null });
-  };
-  render() {
-    if (this.state.hasError) {
-      return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center w-full h-full min-h-[150px] bg-red-500/10 border border-red-500/20 rounded-xl p-4 text-center backdrop-blur-xs", children: [
-        /* @__PURE__ */ jsx2(AlertTriangle, { className: "text-red-400 mb-3", size: 32 }),
-        /* @__PURE__ */ jsxs("h3", { className: "text-red-400 font-bold mb-1", children: [
-          "Fallo en ",
-          this.props.fallbackName || "M\xF3dulo"
-        ] }),
-        /* @__PURE__ */ jsx2("p", { className: "text-xs text-red-300/80 mb-4 max-w-xs truncate", title: this.state.error?.message, children: this.state.error?.message || "Excepci\xF3n desconocida en el renderizado." }),
-        /* @__PURE__ */ jsxs(
-          "button",
-          {
-            onClick: this.handleReset,
-            className: "flex items-center gap-2 px-3 py-1.5 bg-red-500/20 hover:bg-red-500/30 text-red-300 rounded-lg text-xs transition-colors border border-red-500/20",
-            children: [
-              /* @__PURE__ */ jsx2(RefreshCw, { size: 12 }),
-              "Reiniciar M\xF3dulo"
-            ]
-          }
-        )
-      ] });
-    }
-    return this.props.children;
-  }
-};
-
-// src/hooks/morphBridge.ts
-function bridgeToMorph(opts) {
-  const { chatId, shellType, label, data = {}, artifact } = opts;
-  useMorphInstanceStore.getState().upsertInstance({
-    id: chatId,
-    sourceChatId: chatId,
-    shellType,
-    label,
-    data
-  });
-  if (artifact) {
-    useMorphInstanceStore.getState().pushArtifact(chatId, {
-      id: artifact.id,
-      name: artifact.name,
-      shellType: artifact.shellType || shellType,
-      version: artifact.version || 1,
-      data: artifact.data
-    });
-  }
-  usePlaygroundStore.getState().setShowCanvas(true);
-  console.log(`[MorphBridge] \u{1F300} ${shellType} instance "${label}" \u2192 tab ${chatId}`);
-}
-function detectShellType(content) {
-  if (typeof content === "string") {
-    if (/<html|<div|<body|<script/i.test(content)) return "iframe";
-    if (/^#{1,6}\s|^\*\*|^\- \[/m.test(content)) return "markdown";
-    return "markdown";
-  }
-  if (content.artifact) return "iframe";
-  if (content.schema) return "iframe";
-  if (content.keyframes || content.nodes) return "shell-canvas";
-  return "markdown";
-}
-
-// src/hooks/listeners/useUIStateListener.ts
-import { useEffect as useEffect2, useRef as useRef2 } from "react";
-import { useTimelineStore } from "@decido/engine";
-import { useEngineStore } from "@decido/engine";
-
-// src/hooks/useSoundEffects.ts
-var playSound = (type, isMuted = false) => {
-  if (isMuted) return;
-  try {
-    const ctx = new (window.AudioContext || window.webkitAudioContext)();
-    const osc = ctx.createOscillator();
-    const gain = ctx.createGain();
-    osc.connect(gain);
-    gain.connect(ctx.destination);
-    if (type === "beep") {
-      osc.frequency.setValueAtTime(600, ctx.currentTime);
-      gain.gain.setValueAtTime(0.1, ctx.currentTime);
-      gain.gain.exponentialRampToValueAtTime(0.01, ctx.currentTime + 0.1);
-      osc.start(ctx.currentTime);
-      osc.stop(ctx.currentTime + 0.1);
-    } else if (type === "success") {
-      osc.frequency.setValueAtTime(400, ctx.currentTime);
-      osc.frequency.exponentialRampToValueAtTime(800, ctx.currentTime + 0.2);
-      gain.gain.setValueAtTime(0.1, ctx.currentTime);
-      gain.gain.exponentialRampToValueAtTime(0.01, ctx.currentTime + 0.3);
-      osc.start(ctx.currentTime);
-      osc.stop(ctx.currentTime + 0.3);
-    } else if (type === "alert") {
-      osc.type = "square";
-      osc.frequency.setValueAtTime(300, ctx.currentTime);
-      osc.frequency.setValueAtTime(400, ctx.currentTime + 0.1);
-      gain.gain.setValueAtTime(0.1, ctx.currentTime);
-      gain.gain.exponentialRampToValueAtTime(0.01, ctx.currentTime + 0.3);
-      osc.start(ctx.currentTime);
-      osc.stop(ctx.currentTime + 0.3);
-    }
-  } catch (e) {
-    console.error("Audio not supported");
-  }
-};
-
-// src/hooks/listeners/useUIStateListener.ts
-var useUIStateListener = () => {
-  const activeTimelineId = usePlaygroundStore((state) => state.prototypeBrand);
-  const timelines = useTimelineStore((state) => state.timelines);
-  const activeNodeIds = useEngineStore((state) => state.activeNodeIds);
-  const { addLog, addChatMessage, isMuted, demoState, setDemoState, showCanvas, setShowCanvas } = usePlaygroundStore();
-  const processedNodes = useRef2(/* @__PURE__ */ new Set());
-  useEffect2(() => {
-    if (activeNodeIds.length === 0) {
-      processedNodes.current.clear();
-      setDemoState("idle");
-    }
-  }, [activeNodeIds, setDemoState]);
-  useEffect2(() => {
-    const blueprint = timelines[activeTimelineId]?.blueprint || { nodes: timelines[activeTimelineId]?.keyframes || [] };
-    if (!blueprint || activeNodeIds.length === 0) return;
-    const activeUINodes = blueprint.nodes.filter(
-      (n) => activeNodeIds.includes(n.id) && n.track === "ui"
-    );
-    activeUINodes.forEach((node) => {
-      if (!processedNodes.current.has(node.id)) {
-        processedNodes.current.add(node.id);
-        const newState = node.state || "idle";
-        setDemoState(newState);
-        if (node.canvas !== void 0) {
-          setShowCanvas(node.canvas);
-        }
-        addLog(`\u{1F500} System Authored Transition: UI Context [${newState}]`, "system");
-        if (newState.includes("whatsapp") && !newState.includes("resolved") && !newState.includes("idle")) {
-          addChatMessage({ type: "alert", sender: "system", text: "Alerta de SLA Cr\xEDtico detectada v\xEDa integraci\xF3n." });
-        } else if (newState.includes("analyzing")) {
-          addChatMessage({ type: "workflow", sender: "system", text: "Analizando informaci\xF3n contextual..." });
-        }
-        if (newState.includes("alert")) playSound("alert", isMuted);
-        else playSound("beep", isMuted);
-      }
-    });
-  }, [activeNodeIds, activeTimelineId, timelines, isMuted, addLog, addChatMessage, setDemoState, setShowCanvas]);
-  return { demoState, setDemoState, showCanvas, setShowCanvas };
-};
-
-// src/hooks/useStudioConfig.ts
-import { useState, useEffect as useEffect3, useMemo, useCallback as useCallback2 } from "react";
-
-// src/mocks/decido.tsx
-var useAuthStore = Object.assign(
-  (selector) => {
-    const state = {
-      availableLicenses: [
-        { id: "1", name: "Decido Personal", type: "personal" },
-        { id: "2", name: "K\xFAspide Corp", type: "enterprise" },
-        { id: "3", name: "Madefront Ind", type: "enterprise" }
-      ]
-    };
-    return selector ? selector(state) : state;
-  },
-  {
-    getState: () => ({
-      availableLicenses: [
-        { id: "1", name: "Decido Personal", type: "personal" },
-        { id: "2", name: "K\xFAspide Corp", type: "enterprise" },
-        { id: "3", name: "Madefront Ind", type: "enterprise" }
-      ],
-      login: (role, context, licenses) => {
-      },
-      setActiveContext: (id) => {
-      }
-    })
-  }
-);
-
-// src/hooks/useStudioConfig.ts
-function useStudioConfig(config, prototypeBrand) {
-  const safeConfig = config || { environments: {}, voices: [] };
-  const activeConfig = useMemo(() => {
-    return safeConfig.environments[prototypeBrand] || Object.values(safeConfig.environments)[0] || {
-      gradient: "from-gray-400 to-gray-600",
-      greetingText: "Console",
-      subtitle: "Sin configuraci\xF3n",
-      borderColor: "border-border-strong",
-      glowColor: "shadow-none",
-      buttonColor: "bg-surface-glass",
-      buttonGlow: "shadow-none",
-      suggestions: [],
-      widgets: []
-    };
-  }, [safeConfig, prototypeBrand]);
-  const [suggestions, setSuggestions] = useState([]);
-  useEffect3(() => {
-    setSuggestions((prev) => {
-      const next = activeConfig.suggestions || [];
-      if (JSON.stringify(prev) === JSON.stringify(next)) return prev;
-      return next;
-    });
-  }, [activeConfig.suggestions]);
-  const authAvailableLicenses = useAuthStore(
-    (state) => state.availableLicenses
-  );
-  const enterpriseLicense = authAvailableLicenses?.find(
-    (l) => l.type === "enterprise"
-  );
-  const companyName = enterpriseLicense ? enterpriseLicense.name : "Empresa Local";
-  const dynamicPersona = useMemo(() => ({
-    id: config?.persona?.id || "agent-core",
-    name: config?.persona?.name || "Agent",
-    voiceName: config?.persona?.voiceName || "Zephyr",
-    systemInstruction: config?.persona?.systemInstruction || "Eres un agente inteligente del Marco de Trabajo Decido OS. Est\xE1s dise\xF1ado para proporcionar asistencia r\xE1pida, ejecutar comandos del sistema de forma segura, y ayudar al usuario en el uso de la interfaz."
-  }), [config]);
-  const handleProfileSelect = useCallback2((license) => {
-    const { setSelectedProfile, setStep, addLog } = usePlaygroundStore.getState();
-    setSelectedProfile(license.name);
-    setStep("action");
-    setTimeout(() => {
-      useAuthStore.getState().login("admin", `${license.name} Context`, authAvailableLicenses);
-      useAuthStore.getState().setActiveContext(license.id);
-      setStep("chat");
-      addLog(`Perfil cargado: ${license.name}`, "success");
-    }, 2500);
-  }, [authAvailableLicenses]);
-  return {
-    safeConfig,
-    activeConfig,
-    suggestions,
-    setSuggestions,
-    dynamicPersona,
-    authAvailableLicenses,
-    handleProfileSelect
-  };
-}
-
-export {
-  useNetwork,
-  useNetworkEvent,
-  NetworkProvider,
-  PlaygroundErrorBoundary,
-  bridgeToMorph,
-  detectShellType,
-  playSound,
-  useUIStateListener,
-  useStudioConfig
-};

package/dist/chunk-MSVEFEXE.mjs

@@ -1,179 +0,0 @@
-import {
-  dlog
-} from "./chunk-3P4P3M54.mjs";
-
-// src/store/layoutPresets.ts
-var PRESET_CREATOR = {
-  R1: "workspace-chat",
-  R2: null,
-  R3: "graph-editor",
-  R4: "debug",
-  R5: null,
-  R6: null
-};
-var PRESET_PLAYER = {
-  R1: "workspace-chat",
-  R2: null,
-  R3: null,
-  R4: null,
-  R5: null,
-  R6: null
-};
-var PRESET_MINIMAL = {
-  R1: null,
-  R2: null,
-  R3: null,
-  R4: null,
-  R5: null,
-  R6: null
-};
-var PRESET_STUDIO = {
-  R1: "app-sidebar",
-  R2: null,
-  R3: "graph-editor",
-  R4: "terminal",
-  R5: null,
-  R6: null
-};
-var BUILT_IN_PRESETS = {
-  creator: PRESET_CREATOR,
-  player: PRESET_PLAYER,
-  minimal: PRESET_MINIMAL,
-  studio: PRESET_STUDIO
-};
-
-// src/store/useLayoutStore.ts
-import { create } from "zustand";
-import { persist, createJSONStorage } from "zustand/middleware";
-import { get, set as idbSet, del } from "idb-keyval";
-var idbStorage = {
-  getItem: async (name) => await get(name) || null,
-  setItem: async (name, value) => {
-    await idbSet(name, value);
-  },
-  removeItem: async (name) => {
-    await del(name);
-  }
-};
-var useLayoutStore = create()(
-  persist(
-    (set, get2) => ({
-      // ── Slot assignment ──
-      slots: { ...BUILT_IN_PRESETS["player"] },
-      setSlot: (region, componentId) => set((s) => ({ slots: { ...s.slots, [region]: componentId } })),
-      swapSlots: (r1, r2) => set((s) => ({
-        slots: { ...s.slots, [r1]: s.slots[r2], [r2]: s.slots[r1] }
-      })),
-      resetLayout: (preset) => {
-        const p = BUILT_IN_PRESETS[preset];
-        if (p) set({ slots: { ...p } });
-      },
-      // ── UI toggles ──
-      isCreatorMode: false,
-      setIsCreatorMode: (val) => {
-        set({ isCreatorMode: val });
-        const preset = val ? BUILT_IN_PRESETS["creator"] : BUILT_IN_PRESETS["player"];
-        set({ slots: { ...preset } });
-      },
-      showCanvas: false,
-      setShowCanvas: (val) => set({ showCanvas: val }),
-      showChat: true,
-      setShowChat: (val) => set({ showChat: val }),
-      isSidebarOpen: false,
-      setIsSidebarOpen: (val) => set({ isSidebarOpen: val }),
-      isImmersive: false,
-      setIsImmersive: (val) => set({ isImmersive: val }),
-      // ── Morph stages ──
-      activeStage: null,
-      stageHistory: [],
-      setStage: (stage) => {
-        dlog.layout(`setStage \u2192 ${stage?.type || "null"}`, stage);
-        set({ activeStage: stage });
-      },
-      pushStage: (stage) => {
-        const { activeStage, stageHistory } = get2();
-        dlog.layout(`pushStage \u2192 ${stage.type}${stage.label ? ` (${stage.label})` : ""} | depth: ${stageHistory.length + 1}`, { stage, previousStage: activeStage?.type });
-        const newHistory = activeStage ? [...stageHistory, activeStage] : stageHistory;
-        set({ activeStage: stage, stageHistory: newHistory });
-      },
-      popStage: () => {
-        const { stageHistory, activeStage } = get2();
-        if (stageHistory.length === 0) {
-          dlog.layout("popStage \u2192 null (history empty)", { poppedStage: activeStage?.type }, "warn");
-          set({ activeStage: null });
-          return;
-        }
-        const prev = stageHistory[stageHistory.length - 1];
-        dlog.layout(`popStage \u2192 ${prev.type}${prev.label ? ` (${prev.label})` : ""} | depth: ${stageHistory.length - 1}`, { poppedStage: activeStage?.type, restoredStage: prev.type });
-        set({
-          activeStage: prev,
-          stageHistory: stageHistory.slice(0, -1)
-        });
-      },
-      clearStages: () => {
-        dlog.layout("clearStages \u2192 all cleared", { previousDepth: get2().stageHistory.length });
-        set({ activeStage: null, stageHistory: [] });
-      },
-      // ── T2 Tabs ──
-      tabs: [],
-      activeTabId: null,
-      addTab: (tab) => {
-        const { tabs } = get2();
-        if (tabs.some((t) => t.id === tab.id)) {
-          set({ activeTabId: tab.id });
-          return;
-        }
-        set({ tabs: [...tabs, tab], activeTabId: tab.id });
-      },
-      removeTab: (tabId) => {
-        const { tabs, activeTabId } = get2();
-        const newTabs = tabs.filter((t) => t.id !== tabId);
-        const newActive = activeTabId === tabId ? newTabs.length > 0 ? newTabs[newTabs.length - 1].id : null : activeTabId;
-        set({ tabs: newTabs, activeTabId: newActive });
-      },
-      setActiveTab: (tabId) => set({ activeTabId: tabId }),
-      // ── Presets ──
-      savedPresets: [],
-      savePreset: (name) => {
-        const { slots, savedPresets } = get2();
-        const preset = {
-          id: Date.now().toString(36),
-          name,
-          slots: { ...slots },
-          createdAt: Date.now()
-        };
-        set({ savedPresets: [...savedPresets, preset] });
-      },
-      loadPreset: (presetId) => {
-        const { savedPresets } = get2();
-        const preset = savedPresets.find((p) => p.id === presetId);
-        if (preset) set({ slots: { ...preset.slots } });
-      },
-      deletePreset: (presetId) => {
-        set((s) => ({
-          savedPresets: s.savedPresets.filter((p) => p.id !== presetId)
-        }));
-      }
-    }),
-    {
-      name: "decido-layout-v4",
-      // v4 forces eviction to clear corrupted react-resizable-panels flex ratios
-      storage: createJSONStorage(() => idbStorage),
-      partialize: (state) => ({
-        slots: state.slots,
-        isCreatorMode: state.isCreatorMode,
-        isSidebarOpen: state.isSidebarOpen,
-        showCanvas: state.showCanvas,
-        showChat: state.showChat,
-        tabs: state.tabs,
-        activeTabId: state.activeTabId,
-        savedPresets: state.savedPresets
-      })
-    }
-  )
-);
-
-export {
-  BUILT_IN_PRESETS,
-  useLayoutStore
-};