@deepseek-ai/dsh-client-ui-settings-account 0.1.7-alpha.1

package/lib/index.js

@@ -0,0 +1,28 @@
+import z from "@deepseek-ai/schemastery";
+//#region lib/types/contact-config.js
+/** Public questionnaire deployment options shared by Host and Client. */
+/** Validate public questionnaire options. */
+const Config = z.object({
+	contactFormUrl: z.string().pattern(/^https:\/\/[^/\s]+\//).default("https://trtgsjkv6r.feishu.cn/share/base/form/shrcnhcHE4A6lQaQ3v0raCXmBAg"),
+	contactSource: z.string().default("")
+});
+/** Bootstrap key containing no account credentials. */
+const CONTACT_CONFIG_GLOBAL = "__DSH_CONTACT_CONFIG__";
+//#endregion
+//#region lib/types/index.js
+/**
+* Publish public questionnaire options before browser plugins activate.
+* @param ctx - Host context collecting page initialization data.
+* @param config - validated deployment options.
+*/
+function apply(ctx, config) {
+	ctx.on("webserver/index-inject", (table) => {
+		table.push({
+			kind: "global",
+			name: CONTACT_CONFIG_GLOBAL,
+			value: config
+		});
+	});
+}
+//#endregion
+export { Config, apply };

package/lib/types/client/AccountAvatar.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Render a decorative avatar next to the account identity.
+ * @param props - profile picture URL; absent while signed out or loading.
+ * @returns picture or the default account icon.
+ */
+export declare function AccountAvatar({ url }: {
+    url?: string | null | undefined;
+}): import("react").JSX.Element;
+//# sourceMappingURL=AccountAvatar.d.ts.map

package/lib/types/client/AccountMenu.d.ts

@@ -0,0 +1,10 @@
+import type { InjectFace, PropsLocale, PropsRuntime } from '@deepseek-ai/dsh-client-ui-slots';
+import type { AccountSectionInjected } from './AccountSection.tsx';
+/** Account launcher composed by the settings shell. */
+export type AccountMenuProps = PropsRuntime<'settings.launcher'> & PropsLocale<'settings.account'> & InjectFace<AccountSectionInjected>;
+/** The signed-in label stays empty while the profile loads.
+ * @param props - sidebar geometry, settings navigation and account operations.
+ * @returns account menu launcher.
+ */
+export declare function AccountMenu({ wide, openSettings, openOnboarding, useAccount, signOut, contactUs, showLogin, start, cancel, t, }: AccountMenuProps): import("react").JSX.Element;
+//# sourceMappingURL=AccountMenu.d.ts.map

package/lib/types/client/AccountOnboarding.d.ts

@@ -0,0 +1,5 @@
+import type { InjectFace, PropsLocale, PropsRuntime } from '@deepseek-ai/dsh-client-ui-slots';
+import type { AccountSectionInjected } from './AccountSection.tsx';
+/** @param props - onboarding completion, account state and actions. @returns account dialog while signed out. */
+export declare function AccountOnboarding({ complete, useApiKey, useAccount, setOnboarding, showLogin, start, cancel, t }: PropsRuntime<'settings.models.sign-in'> & PropsLocale<'settings.account'> & InjectFace<AccountSectionInjected>): import("react").JSX.Element | null;
+//# sourceMappingURL=AccountOnboarding.d.ts.map

package/lib/types/client/AccountSection.d.ts

@@ -0,0 +1,46 @@
+import type { AccountDetails, AccountView, SignInAttemptId } from '@deepseek-ai/dsh-deepseek-account/types';
+import type { PropsRuntime, PropsLocale, InjectFace, HostObservable } from '@deepseek-ai/dsh-client-ui-slots';
+import { type PlatformBridge } from './PlatformOverlay.tsx';
+/** Safe account snapshot shared by the settings page and launcher. */
+export interface AccountSnapshot {
+    /** Latest Host state, absent until the stream responds. */
+    view: AccountView | undefined;
+    /** Sanitized profile and balance query outcomes, absent while loading. */
+    details: Partial<AccountDetails> | undefined;
+    /** Whether the state stream failed. */
+    failed: boolean;
+    /** Explicitly opened account dialog outside onboarding. */
+    loginVisible?: boolean;
+    /** Latest explicit start request failed before a Host state was available. */
+    loginFailed?: boolean;
+    /** Mounted onboarding owns the dialog while active. */
+    onboarding?: boolean;
+}
+/** Host operations injected into the Cordis-free account component. */
+export interface AccountSectionInjected {
+    /** Desktop-only commands; absent in ordinary browsers. */
+    platform?: PlatformBridge;
+    /** Host-owned account stream observed through framework hooks. */
+    hooks: {
+        account: HostObservable<AccountSnapshot>;
+    };
+    /** @returns after account details are refreshed; concurrent refreshes share a request. */
+    refresh: () => Promise<void>;
+    /** Open the external support questionnaire with the current account and environment. */
+    contactUs: () => void;
+    /** Open or dismiss the login dialog. */
+    showLogin: (visible: boolean) => void;
+    /** Claim dialog ownership for the onboarding step. */
+    setOnboarding: (active: boolean) => void;
+    /** @returns after the login attempt is created. */
+    start: () => Promise<void>;
+    /** @param id - attempt to cancel. @returns after cancellation or an already-admitted commit. */
+    cancel: (id: SignInAttemptId) => Promise<void>;
+    /** @returns after local account credentials are removed. */
+    signOut: () => Promise<void>;
+}
+/** Composed account section props. */
+export type AccountSectionProps = PropsRuntime<'settings.section'> & PropsLocale<'settings.account'> & InjectFace<AccountSectionInjected>;
+/** @param props - localized actions and account subscription. @returns account settings UI. */
+export declare function AccountSection({ t, useAccount, start, cancel, refresh, platform }: AccountSectionProps): import("react").JSX.Element;
+//# sourceMappingURL=AccountSection.d.ts.map

package/lib/types/client/LogoutIcon.d.ts

@@ -0,0 +1,4 @@
+/** Figma IcDsLogOutOutline16 glyph, stored inline for theme-aware rendering. */
+/** @returns the account menu logout glyph. */
+export declare function LogoutIcon(): import("react").JSX.Element;
+//# sourceMappingURL=LogoutIcon.d.ts.map

package/lib/types/client/PlatformOverlay.d.ts

@@ -0,0 +1,30 @@
+/** Non-secret commands supplied by the desktop application preload. */
+export interface PlatformBridge {
+    /** @param page - supported Platform destination. @param bounds - viewport rectangle. @returns after document load. */
+    open(this: void, page: 'usage' | 'top-up', bounds: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    }): Promise<void>;
+    /** @param bounds - viewport rectangle. @returns after native bounds update. */
+    setBounds(this: void, bounds: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    }): Promise<void>;
+    /** @returns after the native document is destroyed. */
+    close(this: void): Promise<void>;
+}
+/** @param props - native commands, localized copy, and return action. @returns full-window Platform container. */
+export declare function PlatformOverlay({ bridge, page, backLabel, loadingLabel, failureLabel, retryLabel, onClose }: {
+    bridge: PlatformBridge;
+    page: 'usage' | 'top-up';
+    backLabel: string;
+    loadingLabel: string;
+    failureLabel: string;
+    retryLabel: string;
+    onClose: () => void;
+}): import("react").ReactPortal;
+//# sourceMappingURL=PlatformOverlay.d.ts.map

package/lib/types/client/SignInDialog.d.ts

@@ -0,0 +1,13 @@
+import type { AccountSnapshot } from './AccountSection.tsx';
+import type { SignInAttemptId } from '@deepseek-ai/dsh-deepseek-account/types';
+import type { AccountKey } from './locales.ts';
+/** @param props - safe account state, localized copy, and user actions. @returns login dialog. */
+export declare function SignInDialog({ account, start, cancel, close, useApiKey, t }: {
+    account: AccountSnapshot;
+    start: () => Promise<void>;
+    cancel: (id: SignInAttemptId) => Promise<void>;
+    close: () => void;
+    useApiKey: () => void;
+    t: (key: AccountKey) => string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=SignInDialog.d.ts.map

package/lib/types/client/contact-url.d.ts

@@ -0,0 +1,18 @@
+/** Feishu questionnaire context follows the Platform Web ticket fields. */
+import type { Config } from '../contact-config.ts';
+import type { AccountProfile } from '@deepseek-ai/dsh-deepseek-account/types';
+/**
+ * Build an external questionnaire URL without authentication credentials.
+ * @param config - questionnaire destination and supported source option.
+ * @param context - currently available account and browser environment.
+ * @returns questionnaire URL with hidden, optionally prefilled context fields.
+ */
+export declare function contactUrl(config: Config, context: {
+    uid: AccountProfile['id'];
+    version: string | undefined;
+    locale: string;
+    width: number;
+    height: number;
+    pixelRatio: number;
+}): string;
+//# sourceMappingURL=contact-url.d.ts.map

package/lib/types/client/formatBalance.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Format a balance using Platform Web's two-decimal and sub-cent display rules.
+ * @param amount - validated decimal balance string.
+ * @param symbol - currency symbol.
+ * @returns signed currency text with grouped digits.
+ */
+export declare function formatBalance(amount: string, symbol: '¥' | '$'): string;
+//# sourceMappingURL=formatBalance.d.ts.map

package/lib/types/client/index.d.ts

@@ -0,0 +1,17 @@
+/** Desktop account settings registration and reconnecting Remote subscription. */
+import type { Context } from '@deepseek-ai/cordis';
+import { type AccountKey } from './locales.ts';
+export type { AccountSectionInjected, AccountSectionProps } from './AccountSection.tsx';
+export type { AccountMenuProps } from './AccountMenu.tsx';
+export type { AccountSnapshot } from './AccountSection.tsx';
+export type { AccountKey } from './locales.ts';
+declare module '@deepseek-ai/dsh-client-ui-slots' {
+    interface LocaleNamespaceMap {
+        'settings.account': AccountKey;
+    }
+}
+/** Services required by account settings. */
+export declare const inject: string[];
+/** Register account UI only in the Desktop renderer. @param ctx - client plugin context. */
+export declare function apply(ctx: Context): void;
+//# sourceMappingURL=index.d.ts.map

package/lib/types/client/locales.d.ts

@@ -0,0 +1,53 @@
+/** Account settings copy, owned by the account feature. */
+export declare const en: {
+    readonly close: "Close";
+    readonly addApiKey: "Add API Key";
+    readonly retry: "Sign in again";
+    readonly loginTitle: "Start creating";
+    readonly loginDescription: "Sign in to create, edit, and share your design projects. Everything is saved locally.";
+    readonly browserTitle: "Waiting for sign in";
+    readonly browserPrompt: "Page did not open automatically? ";
+    readonly copyLink: "Copy sign-in link";
+    readonly copiedLink: "Link copied";
+    readonly copyFailed: "Copy failed";
+    readonly browserDescription: ", then open it in your browser to finish signing in.";
+    readonly timeoutTitle: "Sign in timed out";
+    readonly timeoutDescription: "Sign in again to continue.";
+    readonly failureTitle: "Could not sign in";
+    readonly platformFailed: "Could not complete the operation. Try again.";
+    readonly platformRetry: "Retry";
+    readonly loading: "Loading…";
+    readonly backToHarness: "Back to DeepSeek Harness";
+    readonly settings: "Settings";
+    readonly contactUs: "Contact us";
+    readonly menu: "Account menu";
+    readonly nav: "Account";
+    readonly signedIn: "Signed in to DeepSeek";
+    readonly signedOut: "Not signed in";
+    readonly signIn: "Sign in";
+    readonly signOut: "Sign out";
+    readonly cancel: "Cancel";
+    readonly open: "Open browser";
+    readonly initializing: "Starting sign in…";
+    readonly waiting: "Continue in your browser";
+    readonly completing: "Completing sign in…";
+    readonly expired: "Sign in expired. Try again.";
+    readonly failed: "Could not complete the operation. Try again.";
+    readonly settingsSignedOutTitle: "You are not signed in to DeepSeek Harness";
+    readonly settingsSignedOutDescription: "Sign in to DeepSeek Harness to get your dedicated API Key";
+    readonly signInDescription: "Use your DeepSeek account to get started.";
+    readonly profileUnavailable: "Account details are not available yet.";
+    readonly balance: "Recharge balance";
+    readonly bonusBalance: "Bonus balance";
+    readonly balanceUnavailable: "View on Platform";
+    readonly balanceSignedOut: "Sign in to view";
+    readonly accountInfo: "More account information";
+    readonly more: "More";
+    readonly usage: "View usage";
+    readonly topUp: "Top up";
+};
+/** Account locale keys. */
+export type AccountKey = keyof typeof en;
+/** Chinese account settings copy. */
+export declare const zh: Record<AccountKey, string>;
+//# sourceMappingURL=locales.d.ts.map

package/lib/types/contact-config.d.ts

@@ -0,0 +1,14 @@
+/** Public questionnaire deployment options shared by Host and Client. */
+import z from '@deepseek-ai/schemastery';
+/** Questionnaire destination and its supported source option. */
+export interface Config {
+    /** HTTPS questionnaire URL; override for a test form. */
+    contactFormUrl: string;
+    /** Questionnaire source option; empty until Harness is supported by the form. */
+    contactSource: string;
+}
+/** Validate public questionnaire options. */
+export declare const Config: z<Partial<Config>, Config>;
+/** Bootstrap key containing no account credentials. */
+export declare const CONTACT_CONFIG_GLOBAL = "__DSH_CONTACT_CONFIG__";
+//# sourceMappingURL=contact-config.d.ts.map

package/lib/types/index.d.ts

@@ -0,0 +1,11 @@
+/** Host configuration for the account settings client. */
+import type { Context } from '@deepseek-ai/cordis';
+import { type Config } from './contact-config.ts';
+export { Config } from './contact-config.ts';
+/**
+ * Publish public questionnaire options before browser plugins activate.
+ * @param ctx - Host context collecting page initialization data.
+ * @param config - validated deployment options.
+ */
+export declare function apply(ctx: Context, config: Config): void;
+//# sourceMappingURL=index.d.ts.map

package/package.json

@@ -0,0 +1,74 @@
+{
+  "name": "@deepseek-ai/dsh-client-ui-settings-account",
+  "description": "Manage DeepSeek login and open Platform billing pages",
+  "version": "0.1.7-alpha.1",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/deepseek-ai/deepseek-harness.git",
+    "directory": "packages/client/ui-settings-account"
+  },
+  "type": "module",
+  "main": "lib/index.js",
+  "types": "lib/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./lib/types/index.d.ts",
+      "default": "./lib/index.js"
+    },
+    "./client": {
+      "types": "./lib/types/client/index.d.ts",
+      "default": "./lib/client.js"
+    },
+    "./src/*": "./src/*",
+    "./package.json": "./package.json"
+  },
+  "dsh": {
+    "client": {
+      "inject": [
+        "@deepseek-ai/dsh-api-remotes",
+        "@deepseek-ai/dsh-client-ui-settings",
+        "@deepseek-ai/dsh-client-locale"
+      ],
+      "platform": "web"
+    }
+  },
+  "license": "MIT",
+  "peerDependencies": {
+    "@deepseek-ai/cordis": "^4.0.3"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^16.1.0",
+    "@types/big.js": "^6.2.2",
+    "@types/react": "~18.3.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "@types/react-dom": "~18.3.0",
+    "big.js": "^7.0.1",
+    "@deepseek-ai/cordis": "^4.0.3",
+    "@deepseek-ai/dsh-api-remotes": "^0.1.7-alpha.1",
+    "@deepseek-ai/dsh-client-locale": "^0.1.7-alpha.1",
+    "@deepseek-ai/dsh-client-test-runtime": "^0.1.7-alpha.1",
+    "@deepseek-ai/dsh-client-ui-primitives": "^0.1.7-alpha.1",
+    "@deepseek-ai/dsh-client-ui-settings": "^0.1.7-alpha.1",
+    "@deepseek-ai/dsh-client-ui-slots": "^0.1.7-alpha.1",
+    "@deepseek-ai/dsh-deepseek-account": "^0.1.7-alpha.1",
+    "@deepseek-ai/dsh-client-ui-settings-models": "^0.1.7-alpha.1",
+    "@deepseek-ai/dsh-client-ui-renderer": "^0.1.7-alpha.1",
+    "@deepseek-ai/dsh-host-webserver": "^0.1.7-alpha.1"
+  },
+  "files": [
+    "lib/index.js",
+    "lib/client.js",
+    "lib/types/**/*.d.ts"
+  ],
+  "dependencies": {
+    "@deepseek-ai/schemastery": "^3.18.3"
+  },
+  "scripts": {
+    "bundle": "tsdown",
+    "watch": "tsdown --watch"
+  }
+}