@vibes.diy/use-vibes-base 0.18.9 → 0.18.10-dev.1

package/mounting/mountVibeCode.js.map

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

package/mounting/mountVibeWithCleanup.d.ts

@@ -1 +1,3 @@
-export declare function mountVibeWithCleanup(code: string, containerId: string, titleId: string, installId: string, transformImports: (code: string) => string, showVibesSwitch?: boolean, apiKey?: string, chatUrl?: string, imgUrl?: string): Promise<() => void>;
+export declare function mountVibeWithCleanup(code: string, containerId: string, titleId: string, installId: string, transformImports: (code: string) => string, showVibesSwitch?: boolean, apiKey?: string, chatUrl?: string, imgUrl?: string, getToken?: (options?: {
+    template?: string;
+}) => Promise<string | null>): Promise<() => void>;

package/mounting/mountVibeWithCleanup.js

@@ -1,7 +1,7 @@
 import { ResolveOnce } from '@adviser/cement';
 import { mountVibeCode } from './mountVibeCode.js';
 import { isVibesMountReadyEvent, isVibesMountErrorEvent } from './types.js';
-export async function mountVibeWithCleanup(code, containerId, titleId, installId, transformImports, showVibesSwitch = true, apiKey, chatUrl, imgUrl) {
+export async function mountVibeWithCleanup(code, containerId, titleId, installId, transformImports, showVibesSwitch = true, apiKey, chatUrl, imgUrl, getToken) {
     return new Promise((resolve) => {
         const resolveOnce = new ResolveOnce();
         let timeoutId = null;
@@ -43,7 +43,7 @@ export async function mountVibeWithCleanup(code, containerId, titleId, installId
         }, 5000);
         document.addEventListener('vibes-mount-ready', handleMountReady);
         document.addEventListener('vibes-mount-error', handleMountError);
-        mountVibeCode(code, containerId, titleId, installId, transformImports, showVibesSwitch, apiKey, chatUrl, imgUrl).catch((_err) => {
+        mountVibeCode(code, containerId, titleId, installId, transformImports, showVibesSwitch, apiKey, chatUrl, imgUrl, getToken).catch((_err) => {
             resolveOnce.once(() => {
                 cleanup();
                 resolve(() => {

package/mounting/mountVibeWithCleanup.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vibes.diy/use-vibes-base",
-  "version": "0.18.9",
+  "version": "0.18.10-dev.1",
   "type": "module",
   "description": "Core components and utilities for use-vibes (internal workspace package)",
   "exports": {
@@ -11,36 +11,24 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@adviser/cement": "^0.4.66",
-    "@fireproof/core-keybag": "^0.23.15",
-    "@fireproof/core-runtime": "^0.23.15",
-    "@fireproof/core-types-base": "^0.23.15",
-    "@fireproof/core-types-protocols-cloud": "^0.23.15",
-    "@vibes.diy/prompts": "^0.18.9",
-    "@vibes.diy/use-vibes-types": "^0.18.9",
-    "call-ai": "^0.18.9",
-    "jose": "^6.1.1",
-    "react-dom": "^19.2.0",
-    "use-fireproof": "^0.23.15",
-    "zod": "^4.1.12"
+    "@adviser/cement": "0.5.2",
+    "@fireproof/core-keybag": "0.24.0",
+    "@fireproof/core-protocols-dashboard": "0.24.0",
+    "@fireproof/core-runtime": "0.24.0",
+    "@fireproof/core-types-base": "0.24.0",
+    "@fireproof/core-types-protocols-cloud": "0.24.0",
+    "@vibes.diy/prompts": "^0.18.10-dev.1",
+    "@vibes.diy/use-vibes-types": "^0.18.10-dev.1",
+    "call-ai": "^0.18.10-dev.1",
+    "jose": "6.1.2",
+    "react-dom": "19.2.0",
+    "use-fireproof": "0.24.0",
+    "zod": "4.1.13"
   },
   "peerDependencies": {
+    "@clerk/clerk-react": ">=5.0.0",
     "react": ">=19.1.0"
   },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^4.1.3",
-    "@fireproof/core-cli": "^0.23.15",
-    "@storybook/addon-a11y": "^9.1.13",
-    "@storybook/addon-docs": "^10.0.0",
-    "@storybook/react": "^10.0.7",
-    "@storybook/react-vite": "^10.0.8",
-    "@types/react": "~19.2.2",
-    "@types/react-dom": "~19.2.2",
-    "@vitest/browser-playwright": "^4.0.10",
-    "storybook": "^10.0.6",
-    "typescript": "^5.9.3",
-    "vite": "^7.2.2"
-  },
   "scripts": {
     "build": "core-cli tsc",
     "storybook": "storybook dev -p 6007",

package/styles/colors.css

@@ -0,0 +1,198 @@
+/**
+ * Vibes Design System - Color Tokens
+ *
+ * Structure:
+ * 1. Base Colors - Static colors that never change with theme
+ * 2. Semantic Colors - Theme-aware colors that adapt to light/dark mode
+ * 3. Component-Specific Tokens - Colors for specific component needs
+ */
+
+:root {
+  /* ============================================
+     BASE COLORS - These never change with theme
+     Use these when you want consistent colors regardless of dark mode
+     ============================================ */
+
+  /* Primary Palette */
+  --vibes-blue: #3b82f6;
+  --vibes-blue-accent: #0066cc;
+  --vibes-blue-bright: #0074d9;
+  --vibes-blue-dark: #357abd;
+  --vibes-blue-darker: #4a90e2;
+
+  --vibes-red: #ef4444;
+  --vibes-red-accent: #da291c;
+  --vibes-red-dark: #b91c1c;
+  --vibes-red-bright: #dc2626;
+  --vibes-red-light: #ff6666;
+  --vibes-red-delete: #ff3333;
+
+  --vibes-yellow: #eab308;
+  --vibes-yellow-accent: #fedd00;
+  --vibes-yellow-bright: #fe0;
+
+  --vibes-gray: #6b7280;
+  --vibes-green: #51cf66;
+
+  /* Neon/Phosphorescent colors for dark mode */
+  --vibes-purple-neon: #c084fc;
+  --vibes-magenta-neon: #e879f9;
+  --vibes-pink-neon: #f472b6;
+  --vibes-cyan-neon: #22d3ee;
+  --vibes-lime-neon: #a3e635;
+  --vibes-orange-neon: #fb923c;
+
+  /* Neutrals */
+  --vibes-black: #000000;
+  --vibes-near-black: #1a1a1a;
+  --vibes-dark-gray: #222222;
+  --vibes-gray-dark: #333333;
+  --vibes-gray-mid: #555555;
+  --vibes-gray-medium: #666666;
+  --vibes-gray-light: #aaaaaa;
+  --vibes-gray-lighter: #cccccc;
+  --vibes-gray-lightest: #d4d4d4;
+  --vibes-gray-ultralight: #e0e0e0;
+  --vibes-gray-pale: #e5e5e5;
+  --vibes-gray-offwhite: #eeeeee;
+  --vibes-gray-ghost: #f0f0f0;
+  --vibes-gray-whisper: #f5f5f5;
+  --vibes-gray-mist: #fafafa;
+
+  --vibes-white: #ffffff;
+  --vibes-cream: #fffff0;
+
+  /* ============================================
+     SEMANTIC COLORS - Theme-aware (change with light/dark mode)
+     Use these for most UI elements that should adapt to theme
+     ============================================ */
+
+  /* Backgrounds */
+  --vibes-bg-primary: var(--vibes-white);
+  --vibes-bg-secondary: var(--vibes-gray-whisper);
+  --vibes-bg-tertiary: var(--vibes-gray-pale);
+  --vibes-bg-overlay: rgba(255, 255, 255, 0.5);
+  --vibes-bg-input: var(--vibes-white);
+  --vibes-bg-dropzone: var(--vibes-gray-mist);
+  --vibes-bg-dropzone-active: #f0f8ff;
+  --vibes-bg-light: var(--vibes-gray-ghost);
+
+  /* Text */
+  --vibes-text-primary: var(--vibes-gray-dark);
+  --vibes-text-secondary: var(--vibes-gray-medium);
+  --vibes-text-muted: var(--vibes-gray-light);
+  --vibes-text-inverse: var(--vibes-white);
+
+  /* Borders */
+  --vibes-border-primary: var(--vibes-near-black);
+  --vibes-border-secondary: var(--vibes-gray-lighter);
+  --vibes-border-light: #dddddd;
+  --vibes-border-input: var(--vibes-gray-lighter);
+
+  /* Shadows */
+  --vibes-shadow-color: var(--vibes-near-black);
+  --vibes-shadow-sm: rgba(0, 0, 0, 0.15);
+  --vibes-shadow-md: rgba(0, 0, 0, 0.3);
+  --vibes-shadow-lg: rgba(0, 0, 0, 0.5);
+  --vibes-shadow-backdrop: rgba(0, 0, 0, 0.9);
+
+  /* Component-Specific Semantic Colors */
+  /* Button - Light mode (cream/light by default) */
+  --vibes-button-bg: var(--vibes-cream);
+  --vibes-button-text: var(--vibes-near-black);
+  --vibes-button-border: var(--vibes-near-black);
+  --vibes-button-icon-bg: #2a2a2a;
+  --vibes-button-icon-fill: var(--vibes-white);
+
+  /* Button - Dark mode aware variants (for when ignoreDarkMode=false) */
+  --vibes-button-bg-dark-aware: var(--vibes-cream);
+  --vibes-button-text-dark-aware: var(--vibes-near-black);
+  --vibes-button-border-dark-aware: var(--vibes-near-black);
+  --vibes-button-icon-bg-dark-aware: var(--vibes-white);
+
+  /* Button variant colors - Light mode */
+  --vibes-variant-blue: var(--vibes-blue);
+  --vibes-variant-red: var(--vibes-red);
+  --vibes-variant-yellow: var(--vibes-yellow);
+  --vibes-variant-gray: var(--vibes-gray);
+
+  --vibes-card-bg: var(--vibes-gray-pale);
+  --vibes-card-text: var(--vibes-near-black);
+  --vibes-card-border: var(--vibes-near-black);
+
+  /* Error States */
+  --vibes-error-bg: rgba(0, 0, 0, 0.7);
+  --vibes-error-border: var(--vibes-red-light);
+  --vibes-error-text: var(--vibes-red-light);
+  --vibes-error-text-body: var(--vibes-white);
+
+  /* ImgGen specific */
+  --imggen-accent: var(--vibes-blue-accent);
+  --imggen-flash: var(--vibes-yellow-bright);
+  --imggen-button-bg: rgba(255, 255, 255, 0.7);
+  --imggen-delete-hover: var(--vibes-red-delete);
+}
+
+/* ============================================
+   DARK MODE - Theme-aware colors adapt here
+   Base colors remain unchanged
+   ============================================ */
+@media (prefers-color-scheme: dark) {
+  :root {
+    /* Backgrounds */
+    --vibes-bg-primary: var(--vibes-near-black);
+    --vibes-bg-secondary: #2a2a2a;
+    --vibes-bg-tertiary: #404040;
+    --vibes-bg-overlay: rgba(0, 0, 0, 0.5);
+    --vibes-bg-input: #2a2a2a;
+    --vibes-bg-dropzone: #2a2a2a;
+    --vibes-bg-dropzone-active: #1a3a4a;
+    --vibes-bg-light: #404040;
+
+    /* Text */
+    --vibes-text-primary: var(--vibes-gray-ultralight);
+    --vibes-text-secondary: var(--vibes-gray-light);
+    --vibes-text-muted: var(--vibes-gray-medium);
+    --vibes-text-inverse: var(--vibes-near-black);
+
+    /* Borders */
+    --vibes-border-primary: var(--vibes-gray-mid);
+    --vibes-border-secondary: var(--vibes-gray-mid);
+    --vibes-border-light: var(--vibes-gray-mid);
+    --vibes-border-input: var(--vibes-gray-mid);
+
+    /* Shadows */
+    --vibes-shadow-color: var(--vibes-near-black);
+    --vibes-shadow-sm: rgba(255, 255, 255, 0.1);
+    --vibes-shadow-md: rgba(255, 255, 255, 0.1);
+    --vibes-shadow-lg: rgba(0, 0, 0, 0.5);
+    --vibes-shadow-backdrop: rgba(0, 0, 0, 0.9);
+
+    /* Component-Specific Dark Mode Adjustments */
+    --vibes-card-bg: var(--vibes-near-black);
+    --vibes-card-text: var(--vibes-white);
+    --vibes-card-border: var(--vibes-gray-mid);
+
+    /* Note: Default button colors remain cream/light in dark mode for contrast */
+    /* --vibes-button-bg: var(--vibes-cream); (unchanged) */
+    /* --vibes-button-text: var(--vibes-near-black); (unchanged) */
+    /* --vibes-button-border: var(--vibes-near-black); (unchanged) */
+    --vibes-button-icon-bg: var(--vibes-white);
+    --vibes-button-icon-fill: #2a2a2a;
+
+    /* Dark mode aware buttons - darker background with light text */
+    --vibes-button-bg-dark-aware: #2a2a2a;
+    --vibes-button-text-dark-aware: var(--vibes-gray-ultralight);
+    --vibes-button-border-dark-aware: var(--vibes-gray-mid);
+    --vibes-button-icon-bg-dark-aware: #404040;
+
+    /* Button variant colors - Dark mode (neon/phosphorescent) */
+    --vibes-variant-blue: var(--vibes-purple-neon);
+    --vibes-variant-red: var(--vibes-pink-neon);
+    --vibes-variant-yellow: var(--vibes-orange-neon);
+    --vibes-variant-gray: var(--vibes-cyan-neon);
+
+    /* ImgGen dark mode adjustments */
+    --imggen-button-bg: rgba(0, 0, 0, 0.7);
+  }
+}

package/tsconfig.json

@@ -7,6 +7,8 @@
     "noEmit": false
   },
   "include": [
+    "./**/*",
+    "./png.d.ts",
     "**/*"
   ],
   "exclude": [

package/utils/vibe-control-styles.js

@@ -1,17 +1,58 @@
+if (typeof document !== 'undefined') {
+    const styleId = 'vibe-control-vars';
+    if (!document.getElementById(styleId)) {
+        const style = document.createElement('style');
+        style.id = styleId;
+        style.textContent = `
+      :root {
+        --vc-button-bg: var(--vibes-red-bright);
+        --vc-button-bg-hover: var(--vibes-red-dark);
+        --vc-button-text: var(--vibes-white);
+        --vc-button-border: var(--vibes-red-bright);
+
+        --vc-overlay-backdrop: rgba(0, 0, 0, 0.5);
+        --vc-overlay-bg: var(--vibes-white);
+        --vc-overlay-text: var(--vibes-gray-dark);
+        --vc-overlay-border: var(--vibes-gray-ultralight);
+
+        --vc-close-bg: var(--vibes-gray-whisper);
+        --vc-close-bg-hover: var(--vibes-gray-ultralight);
+        --vc-close-text: var(--vibes-gray-medium);
+
+        --vc-accent: var(--vibes-blue-accent);
+        --vc-shadow: rgba(0, 0, 0, 0.15);
+      }
+
+      @media (prefers-color-scheme: dark) {
+        :root {
+          --vc-button-bg: var(--vibes-blue-darker);
+          --vc-button-bg-hover: var(--vibes-blue-dark);
+          --vc-overlay-bg: var(--vibes-near-black);
+          --vc-overlay-text: var(--vibes-gray-ultralight);
+          --vc-overlay-border: #404040;
+          --vc-close-bg: #2a2a2a;
+          --vc-close-bg-hover: #404040;
+          --vc-close-text: var(--vibes-gray-lighter);
+        }
+      }
+    `;
+        document.head.appendChild(style);
+    }
+}
 export const vibeControlTheme = {
     colors: {
-        buttonBg: 'var(--vc-button-bg, #dc2626)',
-        buttonBgHover: 'var(--vc-button-bg-hover, #b91c1c)',
-        buttonText: 'var(--vc-button-text, #ffffff)',
-        buttonBorder: 'var(--vc-button-border, #dc2626)',
+        buttonBg: 'var(--vc-button-bg, var(--vibes-red-bright))',
+        buttonBgHover: 'var(--vc-button-bg-hover, var(--vibes-red-dark))',
+        buttonText: 'var(--vc-button-text, var(--vibes-white))',
+        buttonBorder: 'var(--vc-button-border, var(--vibes-red-bright))',
         overlayBackdrop: 'var(--vc-overlay-backdrop, rgba(0, 0, 0, 0.5))',
-        overlayBg: 'var(--vc-overlay-bg, #ffffff)',
-        overlayText: 'var(--vc-overlay-text, #333333)',
-        overlayBorder: 'var(--vc-overlay-border, #e0e0e0)',
-        closeButtonBg: 'var(--vc-close-bg, #f5f5f5)',
-        closeButtonBgHover: 'var(--vc-close-bg-hover, #e0e0e0)',
-        closeButtonText: 'var(--vc-close-text, #666666)',
-        accent: 'var(--vc-accent, #0066cc)',
+        overlayBg: 'var(--vc-overlay-bg, var(--vibes-white))',
+        overlayText: 'var(--vc-overlay-text, var(--vibes-gray-dark))',
+        overlayBorder: 'var(--vc-overlay-border, var(--vibes-gray-ultralight))',
+        closeButtonBg: 'var(--vc-close-bg, var(--vibes-gray-whisper))',
+        closeButtonBgHover: 'var(--vc-close-bg-hover, var(--vibes-gray-ultralight))',
+        closeButtonText: 'var(--vc-close-text, var(--vibes-gray-medium))',
+        accent: 'var(--vc-accent, var(--vibes-blue-accent))',
         shadow: 'var(--vc-shadow, rgba(0, 0, 0, 0.15))',
     },
     dimensions: {

package/utils/vibe-control-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"vibe-control-styles.js","sourceRoot":"","sources":["../../jsr/utils/vibe-control-styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"vibe-control-styles.js","sourceRoot":"","sources":["../../jsr/utils/vibe-control-styles.ts"],"names":[],"mappings":"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"}

package/vibe-app-mount.d.ts

@@ -5,6 +5,9 @@ export interface MountVibesAppOptions {
     readonly appComponent?: React.ComponentType;
     readonly showVibesSwitch?: boolean;
     readonly vibeMetadata?: VibeMetadata;
+    readonly getToken?: (options?: {
+        template?: string;
+    }) => Promise<string | null>;
 }
 export interface MountVibesAppResult {
     unmount: () => void;

package/vibe-app-mount.js

@@ -1,17 +1,17 @@
 import * as React from 'react';
 import * as ReactDOM from 'react-dom/client';
 import { HiddenMenuWrapper } from './components/HiddenMenuWrapper/HiddenMenuWrapper.js';
-import { VibesPanel } from './components/VibesPanel/VibesPanel.js';
+import { VibesPanel } from './components/VibesPanel.js';
 import { VibeContextProvider, validateVibeMetadata, VibeMetadataValidationError, } from './contexts/VibeContext.js';
-function VibesApp({ showVibesSwitch = true, vibeMetadata, children, }) {
+function VibesApp({ showVibesSwitch = true, vibeMetadata, getToken, children, }) {
     const content = showVibesSwitch ? (React.createElement(HiddenMenuWrapper, { menuContent: React.createElement(VibesPanel, null), showVibesSwitch: true }, children)) : (React.createElement(React.Fragment, null, children));
     if (vibeMetadata) {
-        return React.createElement(VibeContextProvider, { metadata: vibeMetadata }, content);
+        return (React.createElement(VibeContextProvider, { metadata: vibeMetadata, getToken: getToken }, content));
     }
     return content;
 }
 export function mountVibesApp(options) {
-    const { container, appComponent, showVibesSwitch, vibeMetadata } = options;
+    const { container, appComponent, showVibesSwitch, vibeMetadata, getToken } = options;
     if (vibeMetadata) {
         try {
             validateVibeMetadata(vibeMetadata);
@@ -26,7 +26,7 @@ export function mountVibesApp(options) {
     }
     const root = ReactDOM.createRoot(container);
     const AppComponent = appComponent;
-    root.render(React.createElement(VibesApp, { ...(showVibesSwitch !== undefined && { showVibesSwitch }), ...(vibeMetadata !== undefined && { vibeMetadata }) }, AppComponent && React.createElement(AppComponent, null)));
+    root.render(React.createElement(VibesApp, { ...(showVibesSwitch !== undefined && { showVibesSwitch }), ...(vibeMetadata !== undefined && { vibeMetadata }), ...(getToken !== undefined && { getToken }) }, AppComponent && React.createElement(AppComponent, null)));
     return {
         unmount: () => {
             setTimeout(() => {

package/vibe-app-mount.js.map

@@ -1 +1 @@
-{"version":3,"file":"vibe-app-mount.js","sourceRoot":"","sources":["../jsr/vibe-app-mount.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qDAAqD,CAAC;AACxF,OAAO,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AACnE,OAAO,EACL,mBAAmB,EAEnB,oBAAoB,EACpB,2BAA2B,GAC5B,MAAM,2BAA2B,CAAC;AAmBnC,SAAS,QAAQ,CAAC,EAChB,eAAe,GAAG,IAAI,EACtB,YAAY,EACZ,QAAQ,GAKT,EAAE;IAID,MAAM,OAAO,GAAG,eAAe,CAAC,CAAC,CAAC,CAChC,oBAAC,iBAAiB,IAAC,WAAW,EAAE,oBAAC,UAAU,OAAG,EAAE,eAAe,EAAE,IAAI,IAClE,QAAQ,CACS,CACrB,CAAC,CAAC,CAAC,CACF,0CAAG,QAAQ,CAAI,CAChB,CAAC;IAGF,IAAI,YAAY,EAAE,CAAC;QACjB,OAAO,oBAAC,mBAAmB,IAAC,QAAQ,EAAE,YAAY,IAAG,OAAO,CAAuB,CAAC;IACtF,CAAC;IAED,OAAO,OAAO,CAAC;AAAA,CAChB;AAED,MAAM,UAAU,aAAa,CAAC,OAA6B,EAAuB;IAChF,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,GAAG,OAAO,CAAC;IAG3E,IAAI,YAAY,EAAE,CAAC;QACjB,IAAI,CAAC;YACH,oBAAoB,CAAC,YAAY,CAAC,CAAC;QACrC,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,IAAI,KAAK,YAAY,2BAA2B,EAAE,CAAC;gBACjD,MAAM,IAAI,KAAK,CACb,8BAA8B,KAAK,CAAC,OAAO,WAAW,KAAK,CAAC,IAAI,KAAK;oBACnE,0BAA0B,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,CAC3D,CAAC;YACJ,CAAC;YACD,MAAM,KAAK,CAAC;QACd,CAAC;IACH,CAAC;IAED,MAAM,IAAI,GAAG,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;IAE5C,MAAM,YAAY,GAAG,YAAY,CAAC;IAElC,IAAI,CAAC,MAAM,CACT,oBAAC,QAAQ,OACH,CAAC,eAAe,KAAK,SAAS,IAAI,EAAE,eAAe,EAAE,CAAC,KACtD,CAAC,YAAY,KAAK,SAAS,IAAI,EAAE,YAAY,EAAE,CAAC,IAEnD,YAAY,IAAI,oBAAC,YAAY,OAAG,CACxB,CACZ,CAAC;IAEF,OAAO;QACL,OAAO,EAAE,GAAG,EAAE,CAAC;YACb,UAAU,CAAC,GAAG,EAAE,CAAC;gBACf,IAAI,CAAC,OAAO,EAAE,CAAC;YAAA,CAChB,EAAE,CAAC,CAAC,CAAC;QAAA,CACP;QAED,YAAY,EAAE,GAAG,EAAE,CAAC,SAAS;KAC9B,CAAC;AAAA,CACH"}
+{"version":3,"file":"vibe-app-mount.js","sourceRoot":"","sources":["../jsr/vibe-app-mount.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qDAAqD,CAAC;AACxF,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EACL,mBAAmB,EAEnB,oBAAoB,EACpB,2BAA2B,GAC5B,MAAM,2BAA2B,CAAC;AAoBnC,SAAS,QAAQ,CAAC,EAChB,eAAe,GAAG,IAAI,EACtB,YAAY,EACZ,QAAQ,EACR,QAAQ,GAMT,EAAE;IAID,MAAM,OAAO,GAAG,eAAe,CAAC,CAAC,CAAC,CAChC,oBAAC,iBAAiB,IAAC,WAAW,EAAE,oBAAC,UAAU,OAAG,EAAE,eAAe,EAAE,IAAI,IAClE,QAAQ,CACS,CACrB,CAAC,CAAC,CAAC,CACF,0CAAG,QAAQ,CAAI,CAChB,CAAC;IAGF,IAAI,YAAY,EAAE,CAAC;QACjB,OAAO,CACL,oBAAC,mBAAmB,IAAC,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,IAC5D,OAAO,CACY,CACvB,CAAC;IACJ,CAAC;IAED,OAAO,OAAO,CAAC;AAAA,CAChB;AAED,MAAM,UAAU,aAAa,CAAC,OAA6B,EAAuB;IAChF,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC;IAGrF,IAAI,YAAY,EAAE,CAAC;QACjB,IAAI,CAAC;YACH,oBAAoB,CAAC,YAAY,CAAC,CAAC;QACrC,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,IAAI,KAAK,YAAY,2BAA2B,EAAE,CAAC;gBACjD,MAAM,IAAI,KAAK,CACb,8BAA8B,KAAK,CAAC,OAAO,WAAW,KAAK,CAAC,IAAI,KAAK;oBACnE,0BAA0B,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,CAC3D,CAAC;YACJ,CAAC;YACD,MAAM,KAAK,CAAC;QACd,CAAC;IACH,CAAC;IAED,MAAM,IAAI,GAAG,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;IAE5C,MAAM,YAAY,GAAG,YAAY,CAAC;IAElC,IAAI,CAAC,MAAM,CACT,oBAAC,QAAQ,OACH,CAAC,eAAe,KAAK,SAAS,IAAI,EAAE,eAAe,EAAE,CAAC,KACtD,CAAC,YAAY,KAAK,SAAS,IAAI,EAAE,YAAY,EAAE,CAAC,KAChD,CAAC,QAAQ,KAAK,SAAS,IAAI,EAAE,QAAQ,EAAE,CAAC,IAE3C,YAAY,IAAI,oBAAC,YAAY,OAAG,CACxB,CACZ,CAAC;IAEF,OAAO;QACL,OAAO,EAAE,GAAG,EAAE,CAAC;YACb,UAAU,CAAC,GAAG,EAAE,CAAC;gBACf,IAAI,CAAC,OAAO,EAAE,CAAC;YAAA,CAChB,EAAE,CAAC,CAAC,CAAC;QAAA,CACP;QAED,YAAY,EAAE,GAAG,EAAE,CAAC,SAAS;KAC9B,CAAC;AAAA,CACH"}