@vibes.diy/use-vibes-base 0.19.8-dev → 0.19.16-dev-cli

package/hooks/vibes-gen/index.d.ts

@@ -1,2 +1,2 @@
-export { useVibes } from './use-vibes.js';
-export type { UseVibesOptions, UseVibesResult, VibeDocument } from '@vibes.diy/use-vibes-types';
+export { useVibes } from "./use-vibes.js";
+export type { UseVibesOptions, UseVibesResult, VibeDocument } from "@vibes.diy/use-vibes-types";

package/hooks/vibes-gen/index.js

@@ -1,2 +1,2 @@
-export { useVibes } from './use-vibes.js';
+export { useVibes } from "./use-vibes.js";
 //# sourceMappingURL=index.js.map

package/hooks/vibes-gen/use-vibes.d.ts

@@ -1,3 +1,3 @@
-import type { UseVibesOptions, UseVibesResult } from '@vibes.diy/use-vibes-types';
-import { callAI as defaultCallAI } from 'call-ai';
+import type { UseVibesOptions, UseVibesResult } from "@vibes.diy/use-vibes-types";
+import { callAI as defaultCallAI } from "call-ai";
 export declare function useVibes(prompt: string, options?: UseVibesOptions, callAI?: typeof defaultCallAI): UseVibesResult;

package/hooks/vibes-gen/use-vibes.js

@@ -1,7 +1,7 @@
-import { makeBaseSystemPrompt, parseContent } from '@vibes.diy/prompts';
-import { callAI as defaultCallAI } from 'call-ai';
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import IframeVibesComponent from './IframeVibesComponent.js';
+import { makeBaseSystemPrompt, parseContent } from "@vibes.diy/prompts";
+import { callAI as defaultCallAI } from "call-ai";
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import IframeVibesComponent from "./IframeVibesComponent.js";
 export function useVibes(prompt, options = {}, callAI = defaultCallAI) {
     const [state, setState] = useState({
         App: null,
@@ -32,11 +32,11 @@ export function useVibes(prompt, options = {}, callAI = defaultCallAI) {
     useEffect(() => {
         if (!mountedRef.current)
             return;
-        if (!prompt || typeof prompt !== 'string' || prompt.trim().length === 0) {
+        if (!prompt || typeof prompt !== "string" || prompt.trim().length === 0) {
             setState((prev) => ({
                 ...prev,
                 loading: false,
-                error: new Error('Prompt required'),
+                error: new Error("Prompt required"),
                 App: null,
                 code: null,
                 progress: 0,
@@ -73,10 +73,14 @@ export function useVibes(prompt, options = {}, callAI = defaultCallAI) {
                 simulateProgress(0);
                 let result;
                 try {
-                    result = await makeBaseSystemPrompt(options.model || 'anthropic/claude-sonnet-4.5', {
+                    result = await makeBaseSystemPrompt(options.model || "anthropic/claude-sonnet-4.5", {
                         userPrompt: prompt,
                         history: [],
-                        fallBackUrl: 'https://esm.sh/@vibes.diy/prompts/llms',
+                        callAi: {
+                            ModuleAndOptionsSelection: () => {
+                                throw new Error("ModuleAndOptionsSelection not implemented in Cycle 1");
+                            },
+                        },
                         dependencies: options.dependencies,
                         dependenciesUserOverride: !!options.dependencies,
                     });
@@ -86,9 +90,9 @@ export function useVibes(prompt, options = {}, callAI = defaultCallAI) {
                         systemPrompt: `You are a React component generator. Generate a complete React component based on the user's prompt. 
 Use Fireproof for data persistence. Begin the component with the import statements.
 Return only the JSX code with a default export. Use modern React patterns with hooks if needed.`,
-                        dependencies: options.dependencies || ['useFireproof'],
+                        dependencies: options.dependencies || ["useFireproof"],
                         demoData: false,
-                        model: options.model || 'anthropic/claude-sonnet-4.5',
+                        model: options.model || "anthropic/claude-sonnet-4.5",
                     };
                 }
                 const systemPrompt = result.systemPrompt;
@@ -100,8 +104,8 @@ Return only the JSX code with a default export. Use modern React patterns with h
                     timestamp: Date.now(),
                 };
                 const messages = [
-                    { role: 'system', content: systemPrompt },
-                    { role: 'user', content: prompt },
+                    { role: "system", content: systemPrompt },
+                    { role: "user", content: prompt },
                 ];
                 const aiResponse = await callAI(messages, {
                     model: metadata.model,
@@ -110,10 +114,10 @@ Return only the JSX code with a default export. Use modern React patterns with h
                 if (generationIdRef.current !== generationId || !mountedRef.current) {
                     return;
                 }
-                const rawResponse = typeof aiResponse === 'string' ? aiResponse : '';
+                const rawResponse = typeof aiResponse === "string" ? aiResponse : "";
                 const { segments } = parseContent(rawResponse);
-                const codeSegment = segments.find((segment) => segment.type === 'code');
-                const extractedCode = codeSegment ? codeSegment.content : '';
+                const codeSegment = segments.find((segment) => segment.type === "code");
+                const extractedCode = codeSegment ? codeSegment.content : "";
                 const codeToUse = extractedCode || rawResponse;
                 const sessionId = `vibes-${Date.now()}`;
                 const App = () => React.createElement(IframeVibesComponent, {
@@ -135,7 +139,7 @@ Return only the JSX code with a default export. Use modern React patterns with h
                         _id: `vibe-${Date.now()}`,
                         prompt,
                         code: codeToUse,
-                        title: 'Generated Component',
+                        title: "Generated Component",
                         ...metadata,
                         created_at: Date.now(),
                         version: 1,
@@ -149,7 +153,7 @@ Return only the JSX code with a default export. Use modern React patterns with h
                 setState((prev) => ({
                     ...prev,
                     loading: false,
-                    error: error instanceof Error ? error : new Error('Generation failed'),
+                    error: error instanceof Error ? error : new Error("Generation failed"),
                     progress: 0,
                 }));
             }

package/hooks/vibes-gen/use-vibes.js.map

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

package/index.d.ts

@@ -1,53 +1,78 @@
-import type { ToCloudAttachable } from '@fireproof/core-types-protocols-cloud';
-import { fireproof, ImgFile, type Database, type UseFpToCloudParam } from 'use-fireproof';
+import type { ToCloudAttachable, TokenStrategie } from "@fireproof/core-types-protocols-cloud";
+import { Attached, fireproof, ImgFile, UseFireproof, UseFPConfig, type Database, type UseFpToCloudParam } from "@fireproof/use-fireproof";
+import { Vibe } from "./contexts/VibeContext.js";
+import { callAI } from "call-ai";
+export * from "./contexts/VibeContext.js";
 export { fireproof, ImgFile };
-export type * as Fireproof from 'use-fireproof';
-export declare function isJWTExpired(token: string): Promise<boolean>;
-export declare function toCloud(opts?: UseFpToCloudParam): ToCloudAttachable;
-export declare function useFireproof(nameOrDatabase?: string | Database): {
-    database: Database;
-    useDocument: import("use-fireproof").UseDocument;
-    useLiveQuery: import("use-fireproof").UseLiveQuery;
-    useAllDocs: import("use-fireproof").UseAllDocs;
-    useChanges: import("use-fireproof").UseChanges;
-    attach: import("use-fireproof").AttachState;
-    enableSync: () => void;
-    disableSync: () => void;
-    syncEnabled: boolean;
-    share: (options: {
-        email: string;
-        role?: "admin" | "member" | undefined;
-        right?: "read" | "write" | undefined;
-        token?: string | undefined;
-    }) => Promise<{
-        success: boolean;
-        email: string;
-        role: string;
-        right: string;
-        message: string;
-    }>;
-};
-import { callAI } from 'call-ai';
+export type * as Fireproof from "@fireproof/use-fireproof";
+export declare const vibesEnvSchema: import("arktype/internal/variants/object.ts").ObjectType<{
+    FPCLOUD_URL: string;
+    DASHBOARD_URL: string;
+    VIBES_DIY_STYLES_URL: string;
+}, {}>;
+export type VibesEnv = typeof vibesEnvSchema.infer;
+export declare const vibeEnv: import("arktype/internal/variants/object.ts").ObjectType<Record<string, string>, {}>;
+export type VibeEnv = typeof vibeEnv.infer;
+export declare const vibeBindings: import("arktype/internal/variants/object.ts").ObjectType<{
+    appSlug: string;
+    userSlug: string;
+    fsId: string;
+    groupId?: string | undefined;
+}, {}>;
+export type VibeBindings = typeof vibeBindings.infer;
+export declare const vibesDiyMountParams: import("arktype/internal/variants/object.ts").ObjectType<{
+    bindings: {
+        appSlug: string;
+        userSlug: string;
+        fsId: string;
+        groupId?: string | undefined;
+    };
+    env: {
+        [x: string]: string;
+        FPCLOUD_URL: string;
+        DASHBOARD_URL: string;
+        VIBES_DIY_STYLES_URL: string;
+    };
+}, {}>;
+export type VibesDiyMountParams = typeof vibesDiyMountParams.infer;
+interface ToCloudWithClerkOpts extends UseFpToCloudParam {
+    readonly env: VibesEnv;
+    readonly fpCloudStrategie?: TokenStrategie;
+}
+export declare function injectDefaultVibesCtx(ctx: Vibe): void;
+export declare function toCloud(iopts?: ToCloudWithClerkOpts): ToCloudAttachable;
+export interface AttachState {
+    readonly state: "detached" | "attaching" | "attached" | "detaching" | "error";
+    readonly error?: Error;
+    readonly attach?: Attached;
+}
+export interface UseVibesFireproof extends UseFireproof {
+    readonly doAttach: () => void;
+    readonly doDetach: () => void;
+    readonly attachState: AttachState;
+    readonly syncEnabled?: boolean;
+}
+export declare function useFireproof(nameOrDatabase: string | Database, config?: UseFPConfig): UseVibesFireproof;
 export { callAI, callAI as callAi };
-export type * as CallAI from 'call-ai';
-export { default as ImgGen } from './components/ImgGen.js';
-export type { ImgGenProps } from './components/ImgGen.js';
-export { ControlsBar } from './components/ControlsBar.js';
-export { PromptBar } from './components/PromptBar.js';
-export { hashInput, useImageGen } from './hooks/image-gen/index.js';
-export { useThemeDetection } from './hooks/useThemeDetection.js';
-export { useMobile } from './hooks/useMobile.js';
-export { defaultClasses } from './utils/style-utils.js';
-export type { ImgGenClasses } from '@vibes.diy/use-vibes-types';
-export { base64ToFile } from './utils/base64.js';
-export { ImgGenDisplay } from './components/ImgGenUtils/ImgGenDisplay.js';
-export { ImgGenDisplayPlaceholder } from './components/ImgGenUtils/ImgGenDisplayPlaceholder.js';
-export { ImgGenModal, type ImgGenModalProps } from './components/ImgGenUtils/ImgGenModal.js';
-export { ImageOverlay } from './components/ImgGenUtils/overlays/ImageOverlay.js';
-export { addNewVersion, MODULE_STATE } from './hooks/image-gen/utils.js';
-export type { ImageDocument, PartialImageDocument, UseImageGenOptions, UseImageGenResult, } from '@vibes.diy/use-vibes-types';
-export type { UseVibesOptions, UseVibesResult, VibeDocument } from '@vibes.diy/use-vibes-types';
-export { useVibes } from './hooks/vibes-gen/index.js';
-export { getAppSlug, getInstanceId, getFullAppIdentifier, isDevelopmentEnvironment, isProductionEnvironment, generateRandomInstanceId, generateFreshDataUrl, generateRemixUrl, generateInstallId, } from './utils/appSlug.js';
-export { VibeContextProvider, useVibeContext, VibeMetadataValidationError, VIBE_METADATA_ERROR_CODES, validateVibeMetadata, } from './contexts/VibeContext.js';
-export type { VibeMetadata } from './contexts/VibeContext.js';
+export type * as CallAI from "call-ai";
+export { default as ImgGen } from "./components/ImgGen.js";
+export type { ImgGenProps } from "./components/ImgGen.js";
+export { ControlsBar } from "./components/ControlsBar.js";
+export { PromptBar } from "./components/PromptBar.js";
+export { hashInput, useImageGen } from "./hooks/image-gen/index.js";
+export { useThemeDetection } from "./hooks/useThemeDetection.js";
+export { useMobile } from "./hooks/useMobile.js";
+export { defaultClasses } from "./utils/style-utils.js";
+export type { ImgGenClasses } from "@vibes.diy/use-vibes-types";
+export { base64ToFile } from "./utils/base64.js";
+export { constructVibesDatabaseName } from "./utils/databaseName.js";
+export { ImgGenDisplay } from "./components/ImgGenUtils/ImgGenDisplay.js";
+export { ImgGenDisplayPlaceholder } from "./components/ImgGenUtils/ImgGenDisplayPlaceholder.js";
+export { ImgGenModal, type ImgGenModalProps } from "./components/ImgGenUtils/ImgGenModal.js";
+export { ImageOverlay } from "./components/ImgGenUtils/overlays/ImageOverlay.js";
+export { addNewVersion, MODULE_STATE } from "./hooks/image-gen/utils.js";
+export type { ImageDocument, PartialImageDocument, UseImageGenOptions, UseImageGenResult } from "@vibes.diy/use-vibes-types";
+export type { UseVibesOptions, UseVibesResult, VibeDocument } from "@vibes.diy/use-vibes-types";
+export { useVibes } from "./hooks/vibes-gen/index.js";
+export { getAppSlug, getInstanceId, getFullAppIdentifier, isDevelopmentEnvironment, isProductionEnvironment, generateRandomInstanceId, generateFreshDataUrl, generateRemixUrl, generateInstallId, } from "./utils/appSlug.js";
+export { VibeContextProvider, useVibeContext, VibeMetadataValidationError } from "./contexts/VibeContext.js";

package/index.js

@@ -1,205 +1,158 @@
-import { getKeyBag } from '@fireproof/core-keybag';
-import { Lazy } from '@adviser/cement';
-import { ensureSuperThis } from '@fireproof/core-runtime';
-import { useCallback, useEffect } from 'react';
-import { fireproof, ImgFile, toCloud as originalToCloud, useFireproof as originalUseFireproof, } from 'use-fireproof';
-import { VIBES_SYNC_ENABLED_CLASS } from './constants.js';
-import { useVibeContext } from './contexts/VibeContext.js';
-const syncEnabledInstances = new Map();
-let instanceCounter = 0;
-function updateBodyClass() {
-    if (typeof window === 'undefined' || !document?.body)
-        return;
-    const hasAnySyncEnabled = Array.from(syncEnabledInstances.values()).some((instanceSet) => instanceSet.size > 0);
-    if (hasAnySyncEnabled) {
-        document.body.classList.add(VIBES_SYNC_ENABLED_CLASS);
-    }
-    else {
-        document.body.classList.remove(VIBES_SYNC_ENABLED_CLASS);
-    }
-}
-const sthis = Lazy(() => ensureSuperThis());
+import { useCallback, useEffect, useState } from "react";
+import { fireproof, ImgFile, isDatabase, toCloud as originalToCloud, useFireproof as originalUseFireproof, } from "@fireproof/use-fireproof";
+import { useVibeContext } from "./contexts/VibeContext.js";
+import { constructVibesDatabaseName } from "./utils/databaseName.js";
+import { callAI } from "call-ai";
+import { ResolveOnce } from "@adviser/cement";
+import { type } from "arktype";
+export * from "./contexts/VibeContext.js";
 export { fireproof, ImgFile };
-export async function isJWTExpired(token) {
-    try {
-        const kb = await getKeyBag(sthis());
-        await kb.setJwt('vibes-temp-check', token);
-        const result = await kb.getJwt('vibes-temp-check');
-        if (result.isErr())
-            return true;
-        const claims = result.Ok().claims;
-        if (!claims?.exp || typeof claims.exp !== 'number')
-            return true;
-        return Date.now() >= claims.exp * 1000 - 60000;
-    }
-    catch {
-        return true;
+export const vibesEnvSchema = type({
+    FPCLOUD_URL: "string",
+    DASHBOARD_URL: "string",
+    VIBES_DIY_STYLES_URL: "string",
+});
+export const vibeEnv = type("Record<string, string>");
+const slugPattern = /^(?!.*\/|.*--|.*\.\.)[a-zA-Z0-9][a-zA-Z0-9.-]*[a-zA-Z0-9]$/;
+export const vibeBindings = type({
+    appSlug: slugPattern,
+    userSlug: slugPattern,
+    fsId: slugPattern,
+    "groupId?": slugPattern,
+});
+export const vibesDiyMountParams = type({
+    bindings: vibeBindings,
+    env: vibeEnv.and(vibesEnvSchema),
+});
+let injectedVibesCtx = undefined;
+function defVibesCtx() {
+    if (!injectedVibesCtx) {
+        throw new Error("VibesCtx not injected. Please call injectDefaultVibes");
     }
+    return injectedVibesCtx;
+}
+export function injectDefaultVibesCtx(ctx) {
+    injectedVibesCtx = ctx;
 }
-export function toCloud(opts) {
+export function toCloud(iopts) {
+    const defCtx = defVibesCtx();
+    const opts = {
+        ...defCtx,
+        ...iopts,
+    };
     const attachable = originalToCloud({
-        ...opts,
-        dashboardURI: 'https://connect.fireproof.direct/fp/cloud/api/token-auto',
-        tokenApiURI: 'https://connect.fireproof.direct/api',
-        urls: { base: 'fpcloud://cloud.fireproof.direct' },
+        strategy: opts.strategy,
+        dashboardURI: opts.env.DASHBOARD_URL,
+        urls: { base: opts.env.FPCLOUD_URL },
     });
     return attachable;
 }
-function constructDatabaseName(nameOrDatabase, vibeMetadata) {
-    if (typeof nameOrDatabase === 'object' && nameOrDatabase !== null) {
-        return nameOrDatabase;
+export function useFireproof(nameOrDatabase, config) {
+    const vibeCtx = useVibeContext();
+    let dbName;
+    if (isDatabase(nameOrDatabase)) {
+        dbName = nameOrDatabase.ledger.ctx.get("UseVibes.AppId") || nameOrDatabase.name;
     }
-    const baseName = nameOrDatabase || 'default';
-    if (!vibeMetadata) {
-        return baseName;
+    else {
+        dbName = constructVibesDatabaseName(vibeCtx.bindings, nameOrDatabase);
     }
-    return `vf-${baseName}-${vibeMetadata.titleId}-${vibeMetadata.installId}`;
-}
-export function useFireproof(nameOrDatabase) {
-    const vibeMetadata = useVibeContext();
-    const augmentedDbName = constructDatabaseName(nameOrDatabase, vibeMetadata);
-    const instanceId = `instance-${++instanceCounter}`;
-    const dbName = typeof augmentedDbName === 'string' ? augmentedDbName : augmentedDbName?.name || 'default';
-    const syncKey = 'fireproof-sync-enabled';
-    const wasSyncEnabled = typeof window !== 'undefined' && localStorage.getItem(syncKey) === 'true';
-    const attachConfig = wasSyncEnabled ? toCloud() : undefined;
-    const result = originalUseFireproof(augmentedDbName, attachConfig ? { attach: attachConfig } : {});
-    const enableSync = useCallback(() => {
-        console.log('enableSync() not implemented - TODO: Enable sync with Clerk token');
-    }, []);
-    const disableSync = useCallback(() => {
-        console.log('disableSync() not implemented - TODO: Disable sync with Clerk token');
-    }, []);
-    const syncEnabled = wasSyncEnabled && (result.attach?.state === 'attached' || result.attach?.state === 'attaching');
-    const share = useCallback(async (options) => {
-        const token = options.token;
-        if (!token) {
-            throw new Error('Authentication token required for sharing.');
+    let fpRet;
+    if (isDatabase(nameOrDatabase)) {
+        fpRet = originalUseFireproof(nameOrDatabase, config);
+    }
+    else {
+        fpRet = originalUseFireproof(dbName, config);
+    }
+    if (!fpRet.database.ledger.ctx.get("UseVibes.AppId")) {
+        fpRet.database.ledger.ctx.set("UseVibes.AppId", dbName);
+    }
+    if (!fpRet.database.ledger.ctx.get("UseVibes.Mutex")) {
+        fpRet.database.ledger.ctx.set("UseVibes.Mutex", new ResolveOnce());
+    }
+    const mutexAttachState = fpRet.database.ledger.ctx.get("UseVibes.Mutex");
+    const [attachState, setAttachState] = useState({ state: "detached" });
+    const doAttach = useCallback(( /* in future we will be able to override defVibesCtx */ /* in future we will be able to override defVibesCtx */) => {
+        if (!vibeCtx.sessionReady()) {
+            console.error("Session not ready for attach");
+            setAttachState({ state: "error", error: new Error("Session not ready for attach") });
         }
-        const auth = {
-            type: 'clerk',
-            token,
-        };
-        const apiUrl = 'https://connect.fireproof.direct/api';
-        const response = await fetch(apiUrl, {
-            method: 'PUT',
-            headers: {
-                'Content-Type': 'application/json',
-                Accept: 'application/json',
-            },
-            body: JSON.stringify({
-                type: 'reqShareWithUser',
-                auth: auth,
-                email: options.email,
-                role: options.role || 'member',
-                right: options.right || 'read',
-            }),
+        setAttachState({ state: "attaching" });
+        mutexAttachState.once(() => {
+            vibeCtx.dashApi.ensureUser({}).then((rUser) => {
+                if (rUser.isErr()) {
+                    console.error("Failed to ensure user for attach:", rUser);
+                    setAttachState({ state: "error", error: rUser.Err() });
+                    return;
+                }
+                const user = rUser.unwrap();
+                console.log("Ensured user for attach:", user);
+            });
+            console.log("attach invoked", defVibesCtx());
+            fpRet.database
+                .attach(toCloud({
+                env: defVibesCtx().env,
+                strategy: defVibesCtx().fpCloudStrategie(),
+            }))
+                .then((at) => {
+                console.log("Database attached");
+                setAttachState({ state: "attached", attach: at });
+            })
+                .catch((err) => {
+                console.error("Database attach failed:", err);
+                setAttachState({ state: "error", error: err });
+            });
         });
-        if (!response.ok) {
-            const errorText = await response.text();
-            throw new Error(`Share failed: HTTP ${response.status} ${response.statusText}: ${errorText}`);
-        }
-        const shareData = (await response.json());
-        return {
-            success: shareData.success,
-            email: shareData.email,
-            role: shareData.role,
-            right: shareData.right,
-            message: shareData.message || 'User added to ledger successfully',
-        };
-    }, [dbName, result.attach]);
-    useEffect(() => {
-        if (typeof window === 'undefined')
-            return;
-        const handleShareRequest = async (event) => {
-            const customEvent = event;
-            const { email, role = 'member', right = 'read', token } = customEvent.detail || {};
-            if (!email) {
-                const error = new Error('vibes-share-request requires email in event detail');
-                document.dispatchEvent(new CustomEvent('vibes-share-error', {
-                    detail: { error, originalEvent: event },
-                    bubbles: true,
-                }));
-                return;
-            }
-            if (!token) {
-                const error = new Error('vibes-share-request requires token in event detail');
-                document.dispatchEvent(new CustomEvent('vibes-share-error', {
-                    detail: { error, originalEvent: event },
-                    bubbles: true,
-                }));
-                return;
-            }
-            try {
-                const result = await share({ email, role, right, token });
-                document.dispatchEvent(new CustomEvent('vibes-share-success', {
-                    detail: { ...result, originalEvent: event },
-                    bubbles: true,
-                }));
-            }
-            catch (error) {
-                document.dispatchEvent(new CustomEvent('vibes-share-error', {
-                    detail: { error, originalEvent: event },
-                    bubbles: true,
-                }));
-            }
-        };
-        document.addEventListener('vibes-share-request', handleShareRequest);
-        return () => {
-            document.removeEventListener('vibes-share-request', handleShareRequest);
-        };
-    }, [share]);
-    useEffect(() => {
-        if (typeof window === 'undefined')
+    }, []);
+    const doDetach = useCallback(() => {
+        if (attachState.state !== "attached") {
             return;
-        if (!syncEnabledInstances.has(dbName)) {
-            syncEnabledInstances.set(dbName, new Set());
         }
-        const instanceSet = syncEnabledInstances.get(dbName);
-        if (!instanceSet)
-            return;
-        if (syncEnabled) {
-            instanceSet.add(instanceId);
+        console.log("doDetach invoked");
+        setAttachState({ ...attachState, state: "detaching" });
+        mutexAttachState.reset(() => {
+            attachState.attach
+                ?.detach()
+                .then(() => {
+                console.log("Database detached");
+                setAttachState({ state: "detached" });
+            })
+                .catch((err) => {
+                console.error("Database detach failed:", err);
+                setAttachState({ state: "error", error: err });
+            });
+        });
+    }, []);
+    useEffect(() => {
+        if (vibeCtx.sessionReady()) {
+            doAttach();
         }
         else {
-            instanceSet.delete(instanceId);
+            doDetach();
         }
-        updateBodyClass();
-        return () => {
-            const currentInstanceSet = syncEnabledInstances.get(dbName);
-            if (currentInstanceSet) {
-                currentInstanceSet.delete(instanceId);
-                if (currentInstanceSet.size === 0) {
-                    syncEnabledInstances.delete(dbName);
-                }
-                updateBodyClass();
-            }
-        };
-    }, [syncEnabled, dbName, instanceId]);
+    });
     return {
-        ...result,
-        enableSync,
-        disableSync,
-        syncEnabled,
-        share,
+        ...fpRet,
+        doAttach,
+        doDetach,
+        attachState,
     };
 }
-import { callAI } from 'call-ai';
 export { callAI, callAI as callAi };
-export { default as ImgGen } from './components/ImgGen.js';
-export { ControlsBar } from './components/ControlsBar.js';
-export { PromptBar } from './components/PromptBar.js';
-export { hashInput, useImageGen } from './hooks/image-gen/index.js';
-export { useThemeDetection } from './hooks/useThemeDetection.js';
-export { useMobile } from './hooks/useMobile.js';
-export { defaultClasses } from './utils/style-utils.js';
-export { base64ToFile } from './utils/base64.js';
-export { ImgGenDisplay } from './components/ImgGenUtils/ImgGenDisplay.js';
-export { ImgGenDisplayPlaceholder } from './components/ImgGenUtils/ImgGenDisplayPlaceholder.js';
-export { ImgGenModal } from './components/ImgGenUtils/ImgGenModal.js';
-export { ImageOverlay } from './components/ImgGenUtils/overlays/ImageOverlay.js';
-export { addNewVersion, MODULE_STATE } from './hooks/image-gen/utils.js';
-export { useVibes } from './hooks/vibes-gen/index.js';
-export { getAppSlug, getInstanceId, getFullAppIdentifier, isDevelopmentEnvironment, isProductionEnvironment, generateRandomInstanceId, generateFreshDataUrl, generateRemixUrl, generateInstallId, } from './utils/appSlug.js';
-export { VibeContextProvider, useVibeContext, VibeMetadataValidationError, VIBE_METADATA_ERROR_CODES, validateVibeMetadata, } from './contexts/VibeContext.js';
+export { default as ImgGen } from "./components/ImgGen.js";
+export { ControlsBar } from "./components/ControlsBar.js";
+export { PromptBar } from "./components/PromptBar.js";
+export { hashInput, useImageGen } from "./hooks/image-gen/index.js";
+export { useThemeDetection } from "./hooks/useThemeDetection.js";
+export { useMobile } from "./hooks/useMobile.js";
+export { defaultClasses } from "./utils/style-utils.js";
+export { base64ToFile } from "./utils/base64.js";
+export { constructVibesDatabaseName } from "./utils/databaseName.js";
+export { ImgGenDisplay } from "./components/ImgGenUtils/ImgGenDisplay.js";
+export { ImgGenDisplayPlaceholder } from "./components/ImgGenUtils/ImgGenDisplayPlaceholder.js";
+export { ImgGenModal } from "./components/ImgGenUtils/ImgGenModal.js";
+export { ImageOverlay } from "./components/ImgGenUtils/overlays/ImageOverlay.js";
+export { addNewVersion, MODULE_STATE } from "./hooks/image-gen/utils.js";
+export { useVibes } from "./hooks/vibes-gen/index.js";
+export { getAppSlug, getInstanceId, getFullAppIdentifier, isDevelopmentEnvironment, isProductionEnvironment, generateRandomInstanceId, generateFreshDataUrl, generateRemixUrl, generateInstallId, } from "./utils/appSlug.js";
+export { VibeContextProvider, useVibeContext, VibeMetadataValidationError } from "./contexts/VibeContext.js";
 //# sourceMappingURL=index.js.map