@syntrologie/runtime-sdk 0.2.21 → 1.0.0-canary.1

package/dist/apps/AppRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppRegistry.js","sourceRoot":"","sources":["../../src/apps/AppRegistry.ts"],"names":[],"mappings":"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"}

package/dist/apps/adaptive-chatbot/index.js

@@ -0,0 +1,7 @@
+import{useRef as R,useEffect as M}from"react";import{useState as g,useCallback as f,useRef as m}from"react";import{jsx as A,jsxs as I}from"react/jsx-runtime";var n={mount(t,r){let{config:s,runtime:i,tileId:a="chatbot-widget"}=r||{};return!s||!i?(t.innerHTML='<div style="padding: 16px; color: #94a3b8;">Chat widget requires config and runtime.</div>',()=>{t.innerHTML=""}):(t.innerHTML=`
+      <div style="padding: 16px; font-family: system-ui; color: #e2e8f0;">
+        <p style="margin: 0 0 8px; color: #94a3b8;">${s.greeting||"Hi! How can I help?"}</p>
+        <p style="margin: 0; font-size: 12px; color: #64748b;">Chat widget mounted. Awaiting React renderer.</p>
+      </div>
+    `,()=>{t.innerHTML=""})}};var e={id:"adaptive-chatbot",version:"1.0.0",name:"Chat Assistant",description:"AI chat assistant with action execution capabilities",executors:[],widgets:[{id:"adaptive-chatbot:assistant",component:n,metadata:{name:"Chat Assistant",description:"AI-powered chat assistant that can execute DOM actions",icon:"\u{1F4AC}"}}]};var o={id:"adaptive-chatbot",version:e.version,name:e.name,description:e.description,runtime:{actions:[],widgets:e.widgets},metadata:{isBuiltIn:!1}};if(typeof window<"u"){let t=window.__SYNOS_APP_REGISTRY__;t&&typeof t.register=="function"&&t.register(o)}var T=o;export{T as default,o as manifest};
+//# sourceMappingURL=index.js.map

package/dist/apps/adaptive-chatbot/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../adaptives/adaptive-chatbot/src/ChatAssistant.tsx", "../../../../adaptives/adaptive-chatbot/src/useChat.ts", "../../../../adaptives/adaptive-chatbot/src/runtime.ts", "../../../../adaptives/adaptive-chatbot/src/cdn.ts"],
+  "sourcesContent": ["/**\n * Adaptive Chatbot - ChatAssistant Component\n *\n * Main React component for the AI chat assistant widget.\n * Renders a message list with auto-scroll, loading indicator, and input form.\n */\n\nimport React, { useRef, useEffect } from 'react';\nimport { useChat } from './useChat';\nimport type { ChatMessage, ChatbotWidgetRuntime, ChatbotConfig } from './types';\n\n// ============================================================================\n// Styles\n// ============================================================================\n\nconst styles = {\n  container: {\n    display: 'flex',\n    flexDirection: 'column' as const,\n    height: '100%',\n    fontFamily: 'system-ui, -apple-system, sans-serif',\n    fontSize: '14px',\n  },\n  messageList: {\n    flex: 1,\n    overflowY: 'auto' as const,\n    padding: '12px',\n    display: 'flex',\n    flexDirection: 'column' as const,\n    gap: '8px',\n  },\n  messageBubble: {\n    maxWidth: '85%',\n    padding: '8px 12px',\n    borderRadius: '12px',\n    lineHeight: 1.5,\n    wordBreak: 'break-word' as const,\n  },\n  userMessage: {\n    alignSelf: 'flex-end' as const,\n    backgroundColor: '#6366f1',\n    color: '#ffffff',\n    borderBottomRightRadius: '4px',\n  },\n  assistantMessage: {\n    alignSelf: 'flex-start' as const,\n    backgroundColor: 'rgba(255, 255, 255, 0.08)',\n    color: '#e2e8f0',\n    borderBottomLeftRadius: '4px',\n  },\n  loadingDots: {\n    alignSelf: 'flex-start' as const,\n    padding: '8px 16px',\n    backgroundColor: 'rgba(255, 255, 255, 0.05)',\n    borderRadius: '12px',\n    color: '#94a3b8',\n    fontSize: '13px',\n  },\n  errorBanner: {\n    padding: '8px 12px',\n    backgroundColor: 'rgba(239, 68, 68, 0.1)',\n    color: '#ef4444',\n    fontSize: '13px',\n    borderRadius: '8px',\n    margin: '0 12px',\n  },\n  inputForm: {\n    display: 'flex',\n    gap: '8px',\n    padding: '12px',\n    borderTop: '1px solid rgba(255, 255, 255, 0.06)',\n  },\n  input: {\n    flex: 1,\n    padding: '8px 12px',\n    borderRadius: '8px',\n    border: '1px solid rgba(255, 255, 255, 0.1)',\n    backgroundColor: 'rgba(0, 0, 0, 0.2)',\n    color: '#f1f5f9',\n    fontSize: '14px',\n    outline: 'none',\n    fontFamily: 'inherit',\n  },\n  sendButton: {\n    padding: '8px 16px',\n    borderRadius: '8px',\n    border: 'none',\n    backgroundColor: '#6366f1',\n    color: '#ffffff',\n    fontWeight: 600,\n    fontSize: '13px',\n    cursor: 'pointer',\n    whiteSpace: 'nowrap' as const,\n  },\n  sendButtonDisabled: {\n    opacity: 0.5,\n    cursor: 'not-allowed' as const,\n  },\n};\n\n// ============================================================================\n// MessageBubble Component\n// ============================================================================\n\nfunction MessageBubble({ message }: { message: ChatMessage }) {\n  const isUser = message.role === 'user';\n  const bubbleStyle = {\n    ...styles.messageBubble,\n    ...(isUser ? styles.userMessage : styles.assistantMessage),\n  };\n\n  return <div style={bubbleStyle}>{message.text}</div>;\n}\n\n// ============================================================================\n// ChatAssistant Component\n// ============================================================================\n\nexport interface ChatAssistantProps {\n  config: ChatbotConfig;\n  runtime: ChatbotWidgetRuntime;\n  tileId: string;\n}\n\nexport function ChatAssistant({ config, runtime, tileId }: ChatAssistantProps) {\n  const {\n    messages,\n    isLoading,\n    error,\n    sendMessage,\n    clearMessages: _clearMessages,\n  } = useChat({\n    backendUrl: config.backendUrl,\n    tileId,\n    runtime,\n    greeting: config.greeting,\n    maxHistory: config.maxHistory,\n    mlflowRunId: config.mlflowRunId,\n  });\n\n  const messageListRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  // Auto-scroll to bottom on new messages\n  useEffect(() => {\n    if (messageListRef.current) {\n      messageListRef.current.scrollTop = messageListRef.current.scrollHeight;\n    }\n  }, [messages, isLoading]);\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    const input = inputRef.current;\n    if (!input || !input.value.trim() || isLoading) return;\n\n    const text = input.value;\n    input.value = '';\n    sendMessage(text);\n  };\n\n  return (\n    <div style={styles.container} data-testid=\"chat-assistant\">\n      {/* Message list */}\n      <div ref={messageListRef} style={styles.messageList}>\n        {messages.map((msg) => (\n          <MessageBubble key={msg.id} message={msg} />\n        ))}\n        {isLoading && <div style={styles.loadingDots}>Thinking...</div>}\n      </div>\n\n      {/* Error banner */}\n      {error && <div style={styles.errorBanner}>{error}</div>}\n\n      {/* Input form */}\n      <form onSubmit={handleSubmit} style={styles.inputForm}>\n        <input\n          ref={inputRef}\n          style={styles.input}\n          placeholder=\"Ask anything...\"\n          disabled={isLoading}\n          data-testid=\"chat-input\"\n        />\n        <button\n          type=\"submit\"\n          disabled={isLoading}\n          style={{\n            ...styles.sendButton,\n            ...(isLoading ? styles.sendButtonDisabled : {}),\n          }}\n          data-testid=\"chat-send\"\n        >\n          Send\n        </button>\n      </form>\n    </div>\n  );\n}\n\n// ============================================================================\n// Mountable Widget Interface\n// ============================================================================\n\nexport const ChatAssistantMountableWidget = {\n  mount(container: HTMLElement, mountConfig?: Record<string, unknown>) {\n    const {\n      config,\n      runtime,\n      tileId: _tileId = 'chatbot-widget',\n    } = (mountConfig || {}) as {\n      config?: ChatbotConfig;\n      runtime?: ChatbotWidgetRuntime;\n      tileId?: string;\n    };\n\n    if (!config || !runtime) {\n      container.innerHTML =\n        '<div style=\"padding: 16px; color: #94a3b8;\">Chat widget requires config and runtime.</div>';\n      return () => {\n        container.innerHTML = '';\n      };\n    }\n\n    // Simple HTML fallback \u2014 full React rendering is handled by the runtime\n    container.innerHTML = `\n      <div style=\"padding: 16px; font-family: system-ui; color: #e2e8f0;\">\n        <p style=\"margin: 0 0 8px; color: #94a3b8;\">${config.greeting || 'Hi! How can I help?'}</p>\n        <p style=\"margin: 0; font-size: 12px; color: #64748b;\">Chat widget mounted. Awaiting React renderer.</p>\n      </div>\n    `;\n\n    return () => {\n      container.innerHTML = '';\n    };\n  },\n};\n\nexport default ChatAssistant;\n", "/**\n * Adaptive Chatbot - useChat Hook\n *\n * React hook managing chat message state, API communication,\n * history management, and action execution via the runtime ActionEngine.\n */\n\nimport { useState, useCallback, useRef } from 'react';\nimport { sendMessage } from './apiClient';\nimport { parseActions } from './actionParser';\nimport type { ChatMessage, ChatbotWidgetRuntime, BatchActionHandle } from './types';\n\nexport interface UseChatOptions {\n  backendUrl: string;\n  tileId: string;\n  runtime: ChatbotWidgetRuntime;\n  greeting?: string;\n  maxHistory?: number;\n  mlflowRunId?: string;\n  config?: Record<string, unknown>;\n}\n\nexport interface UseChatReturn {\n  messages: ChatMessage[];\n  isLoading: boolean;\n  error: string | null;\n  sendMessage: (text: string) => Promise<void>;\n  clearMessages: () => void;\n}\n\nlet nextId = 0;\nfunction generateId(): string {\n  return `msg-${Date.now()}-${++nextId}`;\n}\n\nexport function useChat(options: UseChatOptions): UseChatReturn {\n  const { backendUrl, tileId, runtime, greeting, maxHistory = 20, mlflowRunId, config } = options;\n\n  const [messages, setMessages] = useState<ChatMessage[]>(() => {\n    if (greeting) {\n      return [\n        {\n          id: generateId(),\n          role: 'assistant' as const,\n          text: greeting,\n          timestamp: Date.now(),\n        },\n      ];\n    }\n    return [];\n  });\n\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const batchHandleRef = useRef<BatchActionHandle | null>(null);\n\n  const send = useCallback(\n    async (text: string) => {\n      const trimmed = text.trim();\n      if (!trimmed) return;\n\n      setError(null);\n\n      const userMessage: ChatMessage = {\n        id: generateId(),\n        role: 'user',\n        text: trimmed,\n        timestamp: Date.now(),\n      };\n\n      setMessages((prev) => [...prev, userMessage]);\n      setIsLoading(true);\n\n      try {\n        // Build history from current messages + new user message\n        const currentMessages = [...messages, userMessage];\n        const historySlice = currentMessages.slice(-maxHistory).map((m) => ({\n          role: m.role,\n          content: m.text,\n        }));\n\n        const response = await sendMessage(backendUrl, {\n          message: trimmed,\n          history: historySlice,\n          mlflow_run_id: mlflowRunId,\n          current_config: config,\n        });\n\n        // Parse actions from the LLM response\n        const { displayText, actions } = parseActions(response.response);\n\n        const assistantMessage: ChatMessage = {\n          id: generateId(),\n          role: 'assistant',\n          text: displayText,\n          timestamp: Date.now(),\n        };\n\n        setMessages((prev) => [...prev, assistantMessage]);\n\n        // Execute actions if present\n        if (actions.length > 0) {\n          // Revert previous batch\n          if (batchHandleRef.current?.isApplied()) {\n            await batchHandleRef.current.revertAll();\n          }\n\n          batchHandleRef.current = await runtime.actions.applyBatch(actions);\n\n          runtime.events.publish('chatbot.actions_applied', {\n            count: actions.length,\n            kinds: actions.map((a) => a.kind),\n            tileId,\n          });\n        }\n      } catch (err) {\n        const message = err instanceof Error ? err.message : 'An unexpected error occurred';\n        setError(message);\n      } finally {\n        setIsLoading(false);\n      }\n    },\n    [backendUrl, messages, maxHistory, mlflowRunId, config, runtime, tileId]\n  );\n\n  const clearMessages = useCallback(() => {\n    setMessages([]);\n    setError(null);\n    // Revert any active actions\n    if (batchHandleRef.current?.isApplied()) {\n      batchHandleRef.current.revertAll();\n      batchHandleRef.current = null;\n    }\n    sessionStorage.removeItem(`syntro:chatbot:history:${tileId}`);\n  }, [tileId]);\n\n  return {\n    messages,\n    isLoading,\n    error,\n    sendMessage: send,\n    clearMessages,\n  };\n}\n", "/**\n * Adaptive Chatbot - Runtime Module\n *\n * Runtime manifest for the AI chat assistant adaptive.\n * This is a widget-based adaptive with no action executors.\n */\n\nimport { ChatAssistantMountableWidget } from './ChatAssistant';\n\n// ============================================================================\n// App Runtime Manifest\n// ============================================================================\n\nexport const runtime = {\n  id: 'adaptive-chatbot',\n  version: '1.0.0',\n  name: 'Chat Assistant',\n  description: 'AI chat assistant with action execution capabilities',\n\n  /** No action executors \u2014 chatbot uses existing action kinds via applyBatch */\n  executors: [],\n\n  /** Widget definitions for the runtime's WidgetRegistry */\n  widgets: [\n    {\n      id: 'adaptive-chatbot:assistant',\n      component: ChatAssistantMountableWidget,\n      metadata: {\n        name: 'Chat Assistant',\n        description: 'AI-powered chat assistant that can execute DOM actions',\n        icon: '\uD83D\uDCAC',\n      },\n    },\n  ],\n};\n\nexport default runtime;\n", "/**\n * CDN Entry Point for Adaptive Chatbot\n *\n * This module is bundled for CDN delivery and self-registers with the global\n * SynOS app registry when loaded dynamically via the AppLoader.\n */\n\nimport { runtime } from './runtime';\n\n/**\n * App manifest for registry registration.\n * Follows the AppManifest interface expected by AppLoader/AppRegistry.\n */\nexport const manifest = {\n  id: 'adaptive-chatbot',\n  version: runtime.version,\n  name: runtime.name,\n  description: runtime.description,\n  runtime: {\n    actions: [],\n    widgets: runtime.widgets,\n  },\n  metadata: {\n    isBuiltIn: false,\n  },\n};\n\n/**\n * Self-register with global registry if available.\n * This happens when loaded via script tag (UMD).\n */\nif (typeof window !== 'undefined') {\n  const globalRegistry = (window as any).__SYNOS_APP_REGISTRY__;\n  if (globalRegistry && typeof globalRegistry.register === 'function') {\n    globalRegistry.register(manifest);\n  }\n}\n\nexport default manifest;\n"],
+  "mappings": "AAOA,OAAgB,UAAAA,EAAQ,aAAAC,MAAiB,QCAzC,OAAS,YAAAC,EAAU,eAAAC,EAAa,UAAAC,MAAc,QDwGrC,cAAAC,EAoDH,QAAAC,MApDG,oBA2FF,IAAMC,EAA+B,CAC1C,MAAMC,EAAwBC,EAAuC,CACnE,GAAM,CACJ,OAAAC,EACA,QAAAC,EACA,OAAQC,EAAU,gBACpB,EAAKH,GAAe,CAAC,EAMrB,MAAI,CAACC,GAAU,CAACC,GACdH,EAAU,UACR,6FACK,IAAM,CACXA,EAAU,UAAY,EACxB,IAIFA,EAAU,UAAY;AAAA;AAAA,sDAE4BE,EAAO,UAAY,qBAAqB;AAAA;AAAA;AAAA,MAKnF,IAAM,CACXF,EAAU,UAAY,EACxB,EACF,CACF,EE7NO,IAAMK,EAAU,CACrB,GAAI,mBACJ,QAAS,QACT,KAAM,iBACN,YAAa,uDAGb,UAAW,CAAC,EAGZ,QAAS,CACP,CACE,GAAI,6BACJ,UAAWC,EACX,SAAU,CACR,KAAM,iBACN,YAAa,yDACb,KAAM,WACR,CACF,CACF,CACF,ECrBO,IAAMC,EAAW,CACtB,GAAI,mBACJ,QAASC,EAAQ,QACjB,KAAMA,EAAQ,KACd,YAAaA,EAAQ,YACrB,QAAS,CACP,QAAS,CAAC,EACV,QAASA,EAAQ,OACnB,EACA,SAAU,CACR,UAAW,EACb,CACF,EAMA,GAAI,OAAO,OAAW,IAAa,CACjC,IAAMC,EAAkB,OAAe,uBACnCA,GAAkB,OAAOA,EAAe,UAAa,YACvDA,EAAe,SAASF,CAAQ,CAEpC,CAEA,IAAOG,EAAQH",
+  "names": ["useRef", "useEffect", "useState", "useCallback", "useRef", "jsx", "jsxs", "ChatAssistantMountableWidget", "container", "mountConfig", "config", "runtime", "_tileId", "runtime", "ChatAssistantMountableWidget", "manifest", "runtime", "globalRegistry", "cdn_default"]
+}

package/dist/apps/examples/gamification-app.example.d.ts

@@ -0,0 +1,305 @@
+/**
+ * EXAMPLE: Gamification App
+ *
+ * This file demonstrates the complete structure of a SynOS app.
+ * Apps are self-contained modules that can be loaded from CDN.
+ *
+ * An app provides:
+ * 1. Runtime extensions (actions, widgets, event handlers)
+ * 2. Config schema (Zod validation)
+ * 3. Editor component (for visual editing)
+ *
+ * This file would be bundled as a standalone module (ES or UMD)
+ * and deployed to CDN at: {cdnBase}/apps/gamification/index.js
+ */
+import { z } from 'zod';
+import type { NormalizedEvent } from '../../events/types';
+import type { AppEventContext } from '../types';
+/**
+ * App config schema - defines what config this app expects.
+ */
+export declare const configSchema: z.ZodObject<{
+    badges: z.ZodDefault<z.ZodArray<z.ZodObject<{
+        id: z.ZodString;
+        name: z.ZodString;
+        description: z.ZodOptional<z.ZodString>;
+        icon: z.ZodString;
+        trigger: z.ZodObject<{
+            event: z.ZodString;
+            count: z.ZodOptional<z.ZodNumber>;
+        }, "strip", z.ZodTypeAny, {
+            event: string;
+            count?: number | undefined;
+        }, {
+            event: string;
+            count?: number | undefined;
+        }>;
+    }, "strip", z.ZodTypeAny, {
+        trigger: {
+            event: string;
+            count?: number | undefined;
+        };
+        name: string;
+        id: string;
+        icon: string;
+        description?: string | undefined;
+    }, {
+        trigger: {
+            event: string;
+            count?: number | undefined;
+        };
+        name: string;
+        id: string;
+        icon: string;
+        description?: string | undefined;
+    }>, "many">>;
+    showProgress: z.ZodDefault<z.ZodBoolean>;
+    celebrationStyle: z.ZodDefault<z.ZodEnum<["confetti", "toast", "modal"]>>;
+}, "strip", z.ZodTypeAny, {
+    badges: {
+        trigger: {
+            event: string;
+            count?: number | undefined;
+        };
+        name: string;
+        id: string;
+        icon: string;
+        description?: string | undefined;
+    }[];
+    showProgress: boolean;
+    celebrationStyle: "toast" | "modal" | "confetti";
+}, {
+    badges?: {
+        trigger: {
+            event: string;
+            count?: number | undefined;
+        };
+        name: string;
+        id: string;
+        icon: string;
+        description?: string | undefined;
+    }[] | undefined;
+    showProgress?: boolean | undefined;
+    celebrationStyle?: "toast" | "modal" | "confetti" | undefined;
+}>;
+export type GamificationConfig = z.infer<typeof configSchema>;
+/**
+ * Action: Award a badge to the user.
+ */
+declare const AwardBadgeSchema: z.ZodObject<{
+    kind: z.ZodLiteral<"gamification:award_badge">;
+    badgeId: z.ZodString;
+    showCelebration: z.ZodDefault<z.ZodBoolean>;
+    label: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    kind: "gamification:award_badge";
+    badgeId: string;
+    showCelebration: boolean;
+    label?: string | undefined;
+}, {
+    kind: "gamification:award_badge";
+    badgeId: string;
+    label?: string | undefined;
+    showCelebration?: boolean | undefined;
+}>;
+/**
+ * Action: Show the progress widget.
+ */
+declare const ShowProgressSchema: z.ZodObject<{
+    kind: z.ZodLiteral<"gamification:show_progress">;
+    slot: z.ZodDefault<z.ZodString>;
+    label: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    kind: "gamification:show_progress";
+    slot: string;
+    label?: string | undefined;
+}, {
+    kind: "gamification:show_progress";
+    slot?: string | undefined;
+    label?: string | undefined;
+}>;
+/**
+ * Award badge executor.
+ */
+declare function executeAwardBadge(action: z.infer<typeof AwardBadgeSchema>, context: any): Promise<{
+    cleanup: () => void;
+}>;
+/**
+ * Show progress executor.
+ */
+declare function executeShowProgress(action: z.infer<typeof ShowProgressSchema>, context: any): Promise<{
+    cleanup: () => void;
+}>;
+/**
+ * Props passed to the editor component.
+ */
+interface EditorPanelProps {
+    config: Record<string, unknown>;
+    onChange: (config: Record<string, unknown>) => void;
+    editor: {
+        setDirty: (dirty: boolean) => void;
+        navigateHome: () => Promise<boolean>;
+        save: () => Promise<void>;
+        publish: (captureScreenshot?: boolean) => Promise<void>;
+    };
+    platformClient?: unknown;
+}
+/**
+ * Gamification editor component.
+ */
+declare function GamificationEditor({ config, onChange, editor }: EditorPanelProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * The complete app manifest.
+ * This is what gets registered with the AppRegistry.
+ */
+export declare const manifest: {
+    id: string;
+    version: string;
+    name: string;
+    description: string;
+    runtime: {
+        actions: ({
+            kind: string;
+            schema: z.ZodObject<{
+                kind: z.ZodLiteral<"gamification:award_badge">;
+                badgeId: z.ZodString;
+                showCelebration: z.ZodDefault<z.ZodBoolean>;
+                label: z.ZodOptional<z.ZodString>;
+            }, "strip", z.ZodTypeAny, {
+                kind: "gamification:award_badge";
+                badgeId: string;
+                showCelebration: boolean;
+                label?: string | undefined;
+            }, {
+                kind: "gamification:award_badge";
+                badgeId: string;
+                label?: string | undefined;
+                showCelebration?: boolean | undefined;
+            }>;
+            executor: typeof executeAwardBadge;
+        } | {
+            kind: string;
+            schema: z.ZodObject<{
+                kind: z.ZodLiteral<"gamification:show_progress">;
+                slot: z.ZodDefault<z.ZodString>;
+                label: z.ZodOptional<z.ZodString>;
+            }, "strip", z.ZodTypeAny, {
+                kind: "gamification:show_progress";
+                slot: string;
+                label?: string | undefined;
+            }, {
+                kind: "gamification:show_progress";
+                slot?: string | undefined;
+                label?: string | undefined;
+            }>;
+            executor: typeof executeShowProgress;
+        })[];
+        widgets: ({
+            id: string;
+            component: {
+                mount(container: HTMLElement, config?: {
+                    badgeId: string;
+                    icon: string;
+                    name: string;
+                }): () => void;
+            };
+            metadata: {
+                name: string;
+                icon: string;
+            };
+        } | {
+            id: string;
+            component: {
+                mount(container: HTMLElement, config?: {
+                    progress: number;
+                    total: number;
+                }): () => void;
+            };
+            metadata: {
+                name: string;
+                icon: string;
+            };
+        })[];
+        events: {
+            names: string[];
+            handler: (event: NormalizedEvent, _ctx: AppEventContext) => void;
+        }[];
+    };
+    configSchema: z.ZodObject<{
+        badges: z.ZodDefault<z.ZodArray<z.ZodObject<{
+            id: z.ZodString;
+            name: z.ZodString;
+            description: z.ZodOptional<z.ZodString>;
+            icon: z.ZodString;
+            trigger: z.ZodObject<{
+                event: z.ZodString;
+                count: z.ZodOptional<z.ZodNumber>;
+            }, "strip", z.ZodTypeAny, {
+                event: string;
+                count?: number | undefined;
+            }, {
+                event: string;
+                count?: number | undefined;
+            }>;
+        }, "strip", z.ZodTypeAny, {
+            trigger: {
+                event: string;
+                count?: number | undefined;
+            };
+            name: string;
+            id: string;
+            icon: string;
+            description?: string | undefined;
+        }, {
+            trigger: {
+                event: string;
+                count?: number | undefined;
+            };
+            name: string;
+            id: string;
+            icon: string;
+            description?: string | undefined;
+        }>, "many">>;
+        showProgress: z.ZodDefault<z.ZodBoolean>;
+        celebrationStyle: z.ZodDefault<z.ZodEnum<["confetti", "toast", "modal"]>>;
+    }, "strip", z.ZodTypeAny, {
+        badges: {
+            trigger: {
+                event: string;
+                count?: number | undefined;
+            };
+            name: string;
+            id: string;
+            icon: string;
+            description?: string | undefined;
+        }[];
+        showProgress: boolean;
+        celebrationStyle: "toast" | "modal" | "confetti";
+    }, {
+        badges?: {
+            trigger: {
+                event: string;
+                count?: number | undefined;
+            };
+            name: string;
+            id: string;
+            icon: string;
+            description?: string | undefined;
+        }[] | undefined;
+        showProgress?: boolean | undefined;
+        celebrationStyle?: "toast" | "modal" | "confetti" | undefined;
+    }>;
+    editor: {
+        component: typeof GamificationEditor;
+        panel: {
+            title: string;
+            icon: string;
+            description: string;
+        };
+    };
+    metadata: {
+        author: string;
+        tags: string[];
+    };
+};
+export default manifest;