@elizaos/ui 2.0.0-alpha.85 → 2.0.0-beta.2

package/state/useOnboardingCompat.d.ts

@@ -0,0 +1,61 @@
+import type { OnboardingServerTarget } from "../onboarding/server-target";
+import type { OnboardingStateHook } from "./useOnboardingState";
+export declare function useOnboardingCompat({ dispatch, setConnectorToken, setDeferredTasks, setField, setRemoteStatus, state: { connectorTokens, remote }, }: OnboardingStateHook): {
+    onboardingRemoteConnecting: boolean;
+    onboardingRemoteError: string | null;
+    onboardingRemoteConnected: boolean;
+    onboardingTelegramToken: string;
+    onboardingDiscordToken: string;
+    onboardingWhatsAppSessionPath: string;
+    onboardingTwilioAccountSid: string;
+    onboardingTwilioAuthToken: string;
+    onboardingTwilioPhoneNumber: string;
+    onboardingBlooioApiKey: string;
+    onboardingBlooioPhoneNumber: string;
+    onboardingGithubToken: string;
+    setOnboardingName: (value: string) => void;
+    setOnboardingOwnerName: (value: string) => void;
+    setOnboardingStyle: (value: string) => void;
+    setOnboardingServerTarget: (value: OnboardingServerTarget) => void;
+    setOnboardingCloudApiKey: (value: string) => void;
+    setOnboardingSmallModel: (value: string) => void;
+    setOnboardingLargeModel: (value: string) => void;
+    setOnboardingProvider: (value: string) => void;
+    setOnboardingApiKey: (value: string) => void;
+    setOnboardingVoiceProvider: (value: string) => void;
+    setOnboardingVoiceApiKey: (value: string) => void;
+    setOnboardingExistingInstallDetected: (value: boolean) => void;
+    setOnboardingRemoteApiBase: (value: string) => void;
+    setOnboardingRemoteToken: (value: string) => void;
+    setOnboardingRemoteConnecting: (value: boolean) => void;
+    setOnboardingRemoteError: (value: string | null) => void;
+    setOnboardingRemoteConnected: (value: boolean) => void;
+    setOnboardingOpenRouterModel: (value: string) => void;
+    setOnboardingPrimaryModel: (value: string) => void;
+    setOnboardingTelegramToken: (value: string) => void;
+    setOnboardingDiscordToken: (value: string) => void;
+    setOnboardingWhatsAppSessionPath: (value: string) => void;
+    setOnboardingTwilioAccountSid: (value: string) => void;
+    setOnboardingTwilioAuthToken: (value: string) => void;
+    setOnboardingTwilioPhoneNumber: (value: string) => void;
+    setOnboardingBlooioApiKey: (value: string) => void;
+    setOnboardingBlooioPhoneNumber: (value: string) => void;
+    setOnboardingGithubToken: (value: string) => void;
+    setOnboardingSubscriptionTab: (value: "token" | "oauth") => void;
+    setOnboardingElizaCloudTab: (value: "login" | "apikey") => void;
+    setOnboardingSelectedChains: (value: Set<string>) => void;
+    setOnboardingRpcSelections: (value: Record<string, string>) => void;
+    setOnboardingRpcKeys: (value: Record<string, string>) => void;
+    setOnboardingAvatar: (value: number) => void;
+    setOnboardingFeatureTelegram: (value: boolean) => void;
+    setOnboardingFeatureDiscord: (value: boolean) => void;
+    setOnboardingFeaturePhone: (value: boolean) => void;
+    setOnboardingFeatureCrypto: (value: boolean) => void;
+    setOnboardingFeatureBrowser: (value: boolean) => void;
+    setOnboardingFeatureComputerUse: (value: boolean) => void;
+    setOnboardingFeatureOAuthPending: (value: string | null) => void;
+    setOnboardingCloudProvisionedContainer: (value: boolean) => void;
+    setPostOnboardingChecklistDismissed: (value: boolean) => void;
+    setOnboardingDeferredTasks: (tasks: string[]) => void;
+};
+//# sourceMappingURL=useOnboardingCompat.d.ts.map

package/state/useOnboardingCompat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnboardingCompat.d.ts","sourceRoot":"","sources":["../../../../../src/state/useOnboardingCompat.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEhE,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,iBAAiB,EACjB,gBAAgB,EAChB,QAAQ,EACR,eAAe,EACf,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,GACnC,EAAE,mBAAmB;;;;;;;;;;;;;uBA0BwB,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;4BACb,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;wBAC/B,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;+BACT,CACtD,KAAK,EAAE,sBAAsB,KAC1B,IAAI;8BAC6C,CACpD,KAAK,EAAE,MAAM,KACV,IAAI;6BAC2C,CAClD,KAAK,EAAE,MAAM,KACV,IAAI;6BAC2C,CAClD,KAAK,EAAE,MAAM,KACV,IAAI;2BACuC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;yBAC3B,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;gCACT,CACxD,KAAK,EAAE,MAAM,KACV,IAAI;8BAC6C,CACpD,KAAK,EAAE,MAAM,KACV,IAAI;0CAGJ,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI;wCACO,MAAM,KAAG,IAAI;sCAGf,MAAM,KAAG,IAAI;2CAGR,OAAO,KAAG,IAAI;sCASnB,MAAM,GAAG,IAAI,KAAG,IAAI;0CAShB,OAAO,KAAG,IAAI;kCASU,CAC5D,KAAK,EAAE,MAAM,KACV,IAAI;+BAC+C,CACtD,KAAK,EAAE,MAAM,KACV,IAAI;wCAjFD,MAAM,KAAG,IAAI;uCAAb,MAAM,KAAG,IAAI;8CAAb,MAAM,KAAG,IAAI;2CAAb,MAAM,KAAG,IAAI;0CAAb,MAAM,KAAG,IAAI;4CAAb,MAAM,KAAG,IAAI;uCAAb,MAAM,KAAG,IAAI;4CAAb,MAAM,KAAG,IAAI;sCAAb,MAAM,KAAG,IAAI;kCA6FyC,CAC5D,KAAK,EAAE,OAAO,GAAG,OAAO,KACrB,IAAI;gCACiD,CACxD,KAAK,EAAE,OAAO,GAAG,QAAQ,KACtB,IAAI;iCACmD,CAC1D,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,KACf,IAAI;gCACiD,CACxD,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAC1B,IAAI;0BACqC,CAC5C,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAC1B,IAAI;yBACmC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;kCACL,CAC5D,KAAK,EAAE,OAAO,KACX,IAAI;iCACmD,CAC1D,KAAK,EAAE,OAAO,KACX,IAAI;+BAC+C,CACtD,KAAK,EAAE,OAAO,KACX,IAAI;gCACiD,CACxD,KAAK,EAAE,OAAO,KACX,IAAI;iCACmD,CAC1D,KAAK,EAAE,OAAO,KACX,IAAI;qCAC2D,CAClE,KAAK,EAAE,OAAO,KACX,IAAI;sCAC6D,CACpE,KAAK,EAAE,MAAM,GAAG,IAAI,KACjB,IAAI;4CAGJ,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI;iDACgB,OAAO,KAAG,IAAI;wCAGvB,MAAM,EAAE,KAAG,IAAI;EAcxD"}

package/state/useOnboardingCompat.js

@@ -0,0 +1,110 @@
+import { useMemo } from "react";
+export function useOnboardingCompat({ dispatch, setConnectorToken, setDeferredTasks, setField, setRemoteStatus, state: { connectorTokens, remote }, }) {
+    return useMemo(() => {
+        const bindField = (field) => (value) => {
+            setField(field, value);
+        };
+        const bindConnectorToken = (key) => (value) => {
+            setConnectorToken(key, value);
+        };
+        return {
+            onboardingRemoteConnecting: remote.status === "connecting",
+            onboardingRemoteError: remote.error,
+            onboardingRemoteConnected: remote.status === "connected",
+            onboardingTelegramToken: connectorTokens.telegramToken,
+            onboardingDiscordToken: connectorTokens.discordToken,
+            onboardingWhatsAppSessionPath: connectorTokens.whatsAppSessionPath,
+            onboardingTwilioAccountSid: connectorTokens.twilioAccountSid,
+            onboardingTwilioAuthToken: connectorTokens.twilioAuthToken,
+            onboardingTwilioPhoneNumber: connectorTokens.twilioPhoneNumber,
+            onboardingBlooioApiKey: connectorTokens.blooioApiKey,
+            onboardingBlooioPhoneNumber: connectorTokens.blooioPhoneNumber,
+            onboardingGithubToken: connectorTokens.githubToken,
+            setOnboardingName: bindField("name"),
+            setOnboardingOwnerName: bindField("ownerName"),
+            setOnboardingStyle: bindField("style"),
+            setOnboardingServerTarget: bindField("serverTarget"),
+            setOnboardingCloudApiKey: bindField("cloudApiKey"),
+            setOnboardingSmallModel: bindField("smallModel"),
+            setOnboardingLargeModel: bindField("largeModel"),
+            setOnboardingProvider: bindField("provider"),
+            setOnboardingApiKey: bindField("apiKey"),
+            setOnboardingVoiceProvider: bindField("voiceProvider"),
+            setOnboardingVoiceApiKey: bindField("voiceApiKey"),
+            setOnboardingExistingInstallDetected: bindField("existingInstallDetected"),
+            setOnboardingRemoteApiBase: (value) => {
+                dispatch({ type: "SET_REMOTE_API_BASE", value });
+            },
+            setOnboardingRemoteToken: (value) => {
+                dispatch({ type: "SET_REMOTE_TOKEN", value });
+            },
+            setOnboardingRemoteConnecting: (value) => {
+                if (value) {
+                    setRemoteStatus("connecting");
+                    return;
+                }
+                if (remote.status === "connecting") {
+                    setRemoteStatus("idle");
+                }
+            },
+            setOnboardingRemoteError: (value) => {
+                if (value) {
+                    setRemoteStatus("error", value);
+                    return;
+                }
+                if (remote.status === "error") {
+                    setRemoteStatus("idle");
+                }
+            },
+            setOnboardingRemoteConnected: (value) => {
+                if (value) {
+                    setRemoteStatus("connected");
+                    return;
+                }
+                if (remote.status === "connected") {
+                    setRemoteStatus("idle");
+                }
+            },
+            setOnboardingOpenRouterModel: bindField("openRouterModel"),
+            setOnboardingPrimaryModel: bindField("primaryModel"),
+            setOnboardingTelegramToken: bindConnectorToken("telegramToken"),
+            setOnboardingDiscordToken: bindConnectorToken("discordToken"),
+            setOnboardingWhatsAppSessionPath: bindConnectorToken("whatsAppSessionPath"),
+            setOnboardingTwilioAccountSid: bindConnectorToken("twilioAccountSid"),
+            setOnboardingTwilioAuthToken: bindConnectorToken("twilioAuthToken"),
+            setOnboardingTwilioPhoneNumber: bindConnectorToken("twilioPhoneNumber"),
+            setOnboardingBlooioApiKey: bindConnectorToken("blooioApiKey"),
+            setOnboardingBlooioPhoneNumber: bindConnectorToken("blooioPhoneNumber"),
+            setOnboardingGithubToken: bindConnectorToken("githubToken"),
+            setOnboardingSubscriptionTab: bindField("subscriptionTab"),
+            setOnboardingElizaCloudTab: bindField("elizaCloudTab"),
+            setOnboardingSelectedChains: bindField("selectedChains"),
+            setOnboardingRpcSelections: bindField("rpcSelections"),
+            setOnboardingRpcKeys: bindField("rpcKeys"),
+            setOnboardingAvatar: bindField("avatar"),
+            setOnboardingFeatureTelegram: bindField("featureTelegram"),
+            setOnboardingFeatureDiscord: bindField("featureDiscord"),
+            setOnboardingFeaturePhone: bindField("featurePhone"),
+            setOnboardingFeatureCrypto: bindField("featureCrypto"),
+            setOnboardingFeatureBrowser: bindField("featureBrowser"),
+            setOnboardingFeatureComputerUse: bindField("featureComputerUse"),
+            setOnboardingFeatureOAuthPending: bindField("featureOAuthPending"),
+            setOnboardingCloudProvisionedContainer: bindField("cloudProvisionedContainer"),
+            setPostOnboardingChecklistDismissed: (value) => {
+                dispatch({ type: "SET_POST_CHECKLIST_DISMISSED", value });
+            },
+            setOnboardingDeferredTasks: (tasks) => {
+                setDeferredTasks(tasks);
+            },
+        };
+    }, [
+        connectorTokens,
+        dispatch,
+        remote.error,
+        remote.status,
+        setConnectorToken,
+        setDeferredTasks,
+        setField,
+        setRemoteStatus,
+    ]);
+}

package/state/useOnboardingState.d.ts

@@ -0,0 +1,126 @@
+/**
+ * Onboarding state — consolidated via useReducer.
+ *
+ * Replaces 35+ individual useState hooks with structured reducers.
+ * Connector tokens (telegram, discord, etc.) collapse into a single Record.
+ * Remote connection state (connecting/connected/error) collapses into one object.
+ */
+import type { OnboardingOptions } from "../api";
+import { type OnboardingServerTarget } from "../onboarding/server-target";
+import type { AppState, OnboardingStep } from "./types";
+export type ConnectorTokenKey = "telegramToken" | "discordToken" | "whatsAppSessionPath" | "twilioAccountSid" | "twilioAuthToken" | "twilioPhoneNumber" | "blooioApiKey" | "blooioPhoneNumber" | "githubToken";
+export interface RemoteConnectionState {
+    status: "idle" | "connecting" | "connected" | "error";
+    error: string | null;
+}
+export interface OnboardingState {
+    step: OnboardingStep;
+    mode: AppState["onboardingMode"];
+    activeGuide: string | null;
+    deferredTasks: string[];
+    postChecklistDismissed: boolean;
+    options: OnboardingOptions | null;
+    name: string;
+    ownerName: string;
+    style: string;
+    avatar: number;
+    serverTarget: OnboardingServerTarget;
+    cloudApiKey: string;
+    provider: string;
+    apiKey: string;
+    voiceProvider: string;
+    voiceApiKey: string;
+    nanoModel: string;
+    smallModel: string;
+    mediumModel: string;
+    largeModel: string;
+    megaModel: string;
+    openRouterModel: string;
+    primaryModel: string;
+    existingInstallDetected: boolean;
+    detectedProviders: AppState["onboardingDetectedProviders"];
+    connectorTokens: Record<ConnectorTokenKey, string>;
+    remote: RemoteConnectionState;
+    remoteApiBase: string;
+    remoteToken: string;
+    subscriptionTab: "token" | "oauth";
+    elizaCloudTab: "login" | "apikey";
+    selectedChains: Set<string>;
+    rpcSelections: Record<string, string>;
+    rpcKeys: Record<string, string>;
+    featureTelegram: boolean;
+    featureDiscord: boolean;
+    featurePhone: boolean;
+    featureCrypto: boolean;
+    featureBrowser: boolean;
+    featureComputerUse: boolean;
+    featureOAuthPending: string | null;
+    restarting: boolean;
+    cloudProvisionedContainer: boolean;
+}
+type OnboardingAction = {
+    type: "SET_STEP";
+    step: OnboardingStep;
+} | {
+    type: "SET_MODE";
+    mode: AppState["onboardingMode"];
+} | {
+    type: "SET_ACTIVE_GUIDE";
+    guide: string | null;
+} | {
+    type: "ADD_DEFERRED_TASK";
+    task: string;
+} | {
+    type: "SET_DEFERRED_TASKS";
+    tasks: string[];
+} | {
+    type: "SET_POST_CHECKLIST_DISMISSED";
+    value: boolean;
+} | {
+    type: "SET_OPTIONS";
+    options: OnboardingOptions | null;
+} | {
+    type: "SET_FIELD";
+    field: string;
+    value: unknown;
+} | {
+    type: "SET_CONNECTOR_TOKEN";
+    key: ConnectorTokenKey;
+    value: string;
+} | {
+    type: "SET_REMOTE_STATUS";
+    status: RemoteConnectionState["status"];
+    error?: string | null;
+} | {
+    type: "SET_REMOTE_API_BASE";
+    value: string;
+} | {
+    type: "SET_REMOTE_TOKEN";
+    value: string;
+} | {
+    type: "SET_DETECTED_PROVIDERS";
+    value: AppState["onboardingDetectedProviders"];
+} | {
+    type: "RESET_FOR_NEW_ONBOARDING";
+};
+export interface OnboardingStateHook {
+    state: OnboardingState;
+    dispatch: React.Dispatch<OnboardingAction>;
+    setStep: (step: OnboardingStep) => void;
+    setMode: (mode: AppState["onboardingMode"]) => void;
+    setActiveGuide: (guide: string | null) => void;
+    addDeferredTask: (task: string) => void;
+    setDeferredTasks: (tasks: string[]) => void;
+    setOptions: (options: OnboardingOptions | null) => void;
+    setField: (field: string, value: unknown) => void;
+    setConnectorToken: (key: ConnectorTokenKey, value: string) => void;
+    setRemoteStatus: (status: RemoteConnectionState["status"], error?: string | null) => void;
+    setDetectedProviders: (value: AppState["onboardingDetectedProviders"]) => void;
+    /** Tracks whether onboarding completion has been committed this session. */
+    completionCommittedRef: React.RefObject<boolean>;
+    /** Force local bootstrap ref. */
+    forceLocalBootstrapRef: React.RefObject<boolean>;
+}
+export declare function useOnboardingState(cloudOnly?: boolean): OnboardingStateHook;
+export type { OnboardingAction as OnboardingDispatchAction };
+//# sourceMappingURL=useOnboardingState.d.ts.map

package/state/useOnboardingState.d.ts.map

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

package/state/useOnboardingState.js

@@ -0,0 +1,263 @@
+/**
+ * Onboarding state — consolidated via useReducer.
+ *
+ * Replaces 35+ individual useState hooks with structured reducers.
+ * Connector tokens (telegram, discord, etc.) collapse into a single Record.
+ * Remote connection state (connecting/connected/error) collapses into one object.
+ */
+import { DEFAULT_ELIZA_CLOUD_TEXT_MODEL, getDefaultStylePreset, } from "@elizaos/shared";
+import { useCallback, useReducer, useRef } from "react";
+import { isElectrobunRuntime } from "../bridge/index.js";
+import { readPersistedMobileRuntimeMode } from "../onboarding/mobile-runtime-mode.js";
+import { activeServerKindToOnboardingServerTarget, } from "../onboarding/server-target.js";
+import { canRunLocal } from "../platform/init.js";
+import { loadPersistedActiveServer, loadPersistedOnboardingStep, saveOnboardingStep, } from "./persistence.js";
+function isRemoteApiBase(baseUrl) {
+    if (!baseUrl || typeof window === "undefined")
+        return false;
+    try {
+        const parsed = new URL(baseUrl);
+        return (parsed.hostname !== window.location.hostname &&
+            parsed.hostname !== "localhost" &&
+            parsed.hostname !== "127.0.0.1" &&
+            parsed.hostname !== "::1");
+    }
+    catch {
+        return false;
+    }
+}
+const EMPTY_TOKENS = {
+    telegramToken: "",
+    discordToken: "",
+    whatsAppSessionPath: "",
+    twilioAccountSid: "",
+    twilioAuthToken: "",
+    twilioPhoneNumber: "",
+    blooioApiKey: "",
+    blooioPhoneNumber: "",
+    githubToken: "",
+};
+function loadInitialServerSelection() {
+    const activeServer = loadPersistedActiveServer();
+    if (!activeServer) {
+        return {
+            serverTarget: "",
+            remote: {
+                status: "idle",
+                error: null,
+            },
+            remoteApiBase: "",
+            remoteToken: "",
+        };
+    }
+    if (activeServer.kind === "local") {
+        return {
+            serverTarget: activeServerKindToOnboardingServerTarget(activeServer.kind),
+            remote: {
+                status: "idle",
+                error: null,
+            },
+            remoteApiBase: "",
+            remoteToken: "",
+        };
+    }
+    if (activeServer.kind === "cloud") {
+        const serverTarget = readPersistedMobileRuntimeMode() === "cloud-hybrid"
+            ? "elizacloud-hybrid"
+            : activeServerKindToOnboardingServerTarget(activeServer.kind);
+        return {
+            serverTarget,
+            remote: {
+                status: "idle",
+                error: null,
+            },
+            remoteApiBase: "",
+            remoteToken: activeServer.accessToken?.trim() ?? "",
+        };
+    }
+    const apiBase = activeServer.apiBase?.trim() ?? "";
+    return {
+        serverTarget: activeServerKindToOnboardingServerTarget(activeServer.kind),
+        remote: {
+            status: isRemoteApiBase(apiBase) ? "connected" : "idle",
+            error: null,
+        },
+        remoteApiBase: apiBase,
+        remoteToken: activeServer.accessToken?.trim() ?? "",
+    };
+}
+function createInitialState(cloudOnly) {
+    const defaultStyle = getDefaultStylePreset();
+    const initialServer = loadInitialServerSelection();
+    const initialServerTarget = cloudOnly
+        ? readPersistedMobileRuntimeMode() === "cloud-hybrid"
+            ? "elizacloud-hybrid"
+            : "elizacloud"
+        : initialServer.serverTarget;
+    const persistedStep = loadPersistedOnboardingStep();
+    const _isDesktop = isElectrobunRuntime();
+    const skipDeployment = canRunLocal();
+    // Desktop / dev mode defaults to local agent, bypassing the deployment chooser step.
+    let step = persistedStep ?? (skipDeployment ? "providers" : "deployment");
+    if (skipDeployment && step === "deployment") {
+        step = "providers";
+    }
+    const serverTarget = initialServerTarget ||
+        (skipDeployment && step === "providers" ? "local" : "");
+    return {
+        step,
+        mode: "basic",
+        activeGuide: null,
+        deferredTasks: [],
+        postChecklistDismissed: false,
+        options: null,
+        name: defaultStyle.name,
+        ownerName: "anon",
+        style: defaultStyle.id,
+        avatar: defaultStyle.avatarIndex,
+        serverTarget,
+        cloudApiKey: "",
+        provider: "",
+        apiKey: "",
+        voiceProvider: "",
+        voiceApiKey: "",
+        nanoModel: DEFAULT_ELIZA_CLOUD_TEXT_MODEL,
+        smallModel: DEFAULT_ELIZA_CLOUD_TEXT_MODEL,
+        mediumModel: DEFAULT_ELIZA_CLOUD_TEXT_MODEL,
+        largeModel: DEFAULT_ELIZA_CLOUD_TEXT_MODEL,
+        megaModel: DEFAULT_ELIZA_CLOUD_TEXT_MODEL,
+        openRouterModel: "",
+        primaryModel: "",
+        existingInstallDetected: false,
+        detectedProviders: [],
+        connectorTokens: { ...EMPTY_TOKENS },
+        remote: initialServer.remote,
+        remoteApiBase: initialServer.remoteApiBase,
+        remoteToken: initialServer.remoteToken,
+        subscriptionTab: "token",
+        elizaCloudTab: "login",
+        selectedChains: new Set(["evm", "solana"]),
+        rpcSelections: {},
+        rpcKeys: {},
+        featureTelegram: false,
+        featureDiscord: false,
+        featurePhone: false,
+        featureCrypto: true,
+        featureBrowser: true,
+        featureComputerUse: false,
+        featureOAuthPending: null,
+        restarting: false,
+        cloudProvisionedContainer: false,
+    };
+}
+function onboardingReducer(state, action) {
+    switch (action.type) {
+        case "SET_STEP":
+            return { ...state, step: action.step };
+        case "SET_MODE":
+            return { ...state, mode: action.mode };
+        case "SET_ACTIVE_GUIDE":
+            return { ...state, activeGuide: action.guide };
+        case "ADD_DEFERRED_TASK":
+            if (state.deferredTasks.includes(action.task))
+                return state;
+            return {
+                ...state,
+                deferredTasks: [...state.deferredTasks, action.task],
+                postChecklistDismissed: false,
+            };
+        case "SET_DEFERRED_TASKS":
+            return {
+                ...state,
+                deferredTasks: [...new Set(action.tasks)],
+            };
+        case "SET_POST_CHECKLIST_DISMISSED":
+            return { ...state, postChecklistDismissed: action.value };
+        case "SET_OPTIONS":
+            return { ...state, options: action.options };
+        case "SET_FIELD": {
+            if (action.field === "serverTarget") {
+                return {
+                    ...state,
+                    serverTarget: action.value,
+                };
+            }
+            return { ...state, [action.field]: action.value };
+        }
+        case "SET_CONNECTOR_TOKEN":
+            return {
+                ...state,
+                connectorTokens: {
+                    ...state.connectorTokens,
+                    [action.key]: action.value,
+                },
+            };
+        case "SET_REMOTE_STATUS":
+            return {
+                ...state,
+                remote: { status: action.status, error: action.error ?? null },
+            };
+        case "SET_REMOTE_API_BASE":
+            return { ...state, remoteApiBase: action.value };
+        case "SET_REMOTE_TOKEN":
+            return { ...state, remoteToken: action.value };
+        case "SET_DETECTED_PROVIDERS":
+            return { ...state, detectedProviders: action.value };
+        case "RESET_FOR_NEW_ONBOARDING":
+            return createInitialState();
+        default:
+            return state;
+    }
+}
+export function useOnboardingState(cloudOnly) {
+    const [state, dispatch] = useReducer(onboardingReducer, cloudOnly, (co) => createInitialState(co));
+    const completionCommittedRef = useRef(false);
+    const forceLocalBootstrapRef = useRef(false);
+    const setStep = useCallback((step) => {
+        dispatch({ type: "SET_STEP", step });
+        saveOnboardingStep(step);
+    }, []);
+    const setMode = useCallback((mode) => {
+        dispatch({ type: "SET_MODE", mode });
+    }, []);
+    const setActiveGuide = useCallback((guide) => {
+        dispatch({ type: "SET_ACTIVE_GUIDE", guide });
+    }, []);
+    const addDeferredTask = useCallback((task) => {
+        dispatch({ type: "ADD_DEFERRED_TASK", task });
+    }, []);
+    const setDeferredTasks = useCallback((tasks) => {
+        dispatch({ type: "SET_DEFERRED_TASKS", tasks });
+    }, []);
+    const setOptions = useCallback((options) => {
+        dispatch({ type: "SET_OPTIONS", options });
+    }, []);
+    const setField = useCallback((field, value) => {
+        dispatch({ type: "SET_FIELD", field, value });
+    }, []);
+    const setConnectorToken = useCallback((key, value) => {
+        dispatch({ type: "SET_CONNECTOR_TOKEN", key, value });
+    }, []);
+    const setRemoteStatus = useCallback((status, error) => {
+        dispatch({ type: "SET_REMOTE_STATUS", status, error });
+    }, []);
+    const setDetectedProviders = useCallback((value) => {
+        dispatch({ type: "SET_DETECTED_PROVIDERS", value });
+    }, []);
+    return {
+        state,
+        dispatch,
+        setStep,
+        setMode,
+        setActiveGuide,
+        addDeferredTask,
+        setDeferredTasks,
+        setOptions,
+        setField,
+        setConnectorToken,
+        setRemoteStatus,
+        setDetectedProviders,
+        completionCommittedRef,
+        forceLocalBootstrapRef,
+    };
+}

package/state/usePairingState.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Pairing / auth state — extracted from AppContext.
+ *
+ * Manages the pairing code UI (input, submit, error, busy). The startup
+ * effect sets pairingEnabled/pairingExpiresAt from the backend — those
+ * setters are returned so AppContext can wire them.
+ */
+export declare function persistPairedToken(token: string): void;
+export declare function usePairingState(): {
+    state: {
+        pairingEnabled: boolean;
+        pairingExpiresAt: number | null;
+        pairingCodeInput: string;
+        pairingError: string | null;
+        pairingBusy: boolean;
+    };
+    setPairingEnabled: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    setPairingExpiresAt: import("react").Dispatch<import("react").SetStateAction<number | null>>;
+    setPairingCodeInput: import("react").Dispatch<import("react").SetStateAction<string>>;
+    handlePairingSubmit: () => Promise<void>;
+};
+//# sourceMappingURL=usePairingState.d.ts.map

package/state/usePairingState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePairingState.d.ts","sourceRoot":"","sources":["../../../../../src/state/usePairingState.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAUH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAUtD;AAED,wBAAgB,eAAe;;;;;;;;;;;;EAmD9B"}

package/state/usePairingState.js

@@ -0,0 +1,73 @@
+/**
+ * Pairing / auth state — extracted from AppContext.
+ *
+ * Manages the pairing code UI (input, submit, error, busy). The startup
+ * effect sets pairingEnabled/pairingExpiresAt from the backend — those
+ * setters are returned so AppContext can wire them.
+ */
+import { useCallback, useRef, useState } from "react";
+import { client } from "../api/index.js";
+import { getActiveProfile, updateAgentProfile } from "./agent-profiles.js";
+import { loadPersistedActiveServer, savePersistedActiveServer, } from "./persistence.js";
+export function persistPairedToken(token) {
+    const activeServer = loadPersistedActiveServer();
+    if (activeServer && activeServer.kind !== "local") {
+        savePersistedActiveServer({ ...activeServer, accessToken: token });
+    }
+    const activeProfile = getActiveProfile();
+    if (activeProfile && activeProfile.kind !== "local") {
+        updateAgentProfile(activeProfile.id, { accessToken: token });
+    }
+}
+export function usePairingState() {
+    const [pairingEnabled, setPairingEnabled] = useState(false);
+    const [pairingExpiresAt, setPairingExpiresAt] = useState(null);
+    const [pairingCodeInput, setPairingCodeInput] = useState("");
+    const [pairingError, setPairingError] = useState(null);
+    const [pairingBusy, setPairingBusy] = useState(false);
+    const pairingBusyRef = useRef(false);
+    const handlePairingSubmit = useCallback(async () => {
+        if (pairingBusyRef.current || pairingBusy)
+            return;
+        const code = pairingCodeInput.trim();
+        if (!code) {
+            setPairingError("Enter the pairing code from your server.");
+            return;
+        }
+        setPairingError(null);
+        pairingBusyRef.current = true;
+        setPairingBusy(true);
+        try {
+            const { token } = await client.pair(code);
+            persistPairedToken(token);
+            client.setToken(token);
+            window.location.reload();
+        }
+        catch (err) {
+            const status = err.status;
+            if (status === 410)
+                setPairingError("Pairing code expired. Generate a new code and try again.");
+            else if (status === 429)
+                setPairingError("Too many attempts. Try again later.");
+            else
+                setPairingError("Pairing failed. Check the code and try again.");
+        }
+        finally {
+            pairingBusyRef.current = false;
+            setPairingBusy(false);
+        }
+    }, [pairingBusy, pairingCodeInput]);
+    return {
+        state: {
+            pairingEnabled,
+            pairingExpiresAt,
+            pairingCodeInput,
+            pairingError,
+            pairingBusy,
+        },
+        setPairingEnabled,
+        setPairingExpiresAt,
+        setPairingCodeInput,
+        handlePairingSubmit,
+    };
+}