@liyang8246/dsh-accounts 0.1.8 → 0.1.9

package/lib/client.js

@@ -27,7 +27,9 @@
 	const en = {
 		title: "Model Accounts",
 		refresh: "Refresh quota",
-		refreshAll: "Refresh all quotas",
+		modelFilter: "Model name filter",
+		modelFilterPlaceholder: "e.g. deepseek gpt minimax",
+		modelFilterHint: "Space-separated keywords, case-insensitive. The chat model picker only offers models whose name contains one of them; empty offers every model.",
 		add: "Add account",
 		label: "Account label",
 		key: "API key",
@@ -57,7 +59,9 @@
 	const zh = {
 		title: "模型账号",
 		refresh: "刷新额度",
-		refreshAll: "刷新全部额度",
+		modelFilter: "模型筛选",
+		modelFilterPlaceholder: "例如 deepseek gpt minimax",
+		modelFilterHint: "用空格分隔关键词，不区分大小写。聊天框的模型选择只列出名称含任一关键词的模型；留空列出全部。",
 		add: "添加账号",
 		label: "账号名称",
 		key: "API Key",
@@ -106,6 +110,7 @@
 .zph-accounts .zph-quota{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.zph-accounts .zph-window{padding:8px 10px;border-radius:8px;background:var(--dsw-alias-bg-layer-2);font-size:11px;overflow-wrap:anywhere}.zph-accounts .zph-window-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
 .zph-accounts .zph-track{margin:6px 0 0;width:100%}.zph-accounts .zph-error{color:var(--dsw-alias-state-error-primary);overflow-wrap:anywhere}.zph-accounts .zph-quota-unavailable{padding-left:5px}.zph-accounts .zph-quota-unavailable > p{display:inline}.zph-accounts .zph-quota-unavailable > p + p{margin-left:8px}
 .zph-accounts .zph-add{padding:12px 16px;border-top:1px solid var(--dsw-alias-border-l1)}.zph-accounts .zph-form{display:flex;flex-direction:column;gap:10px;margin-top:10px}.zph-accounts .zph-form label{display:flex;flex-direction:column;gap:4px}.zph-accounts .zph-grow{flex:1 1 180px;min-width:0}.zph-accounts .zph-align-end{align-items:flex-end}
+.zph-accounts .zph-filter{display:flex;flex-direction:column;gap:4px}.zph-accounts .zph-filter label{display:flex;flex-direction:column;gap:4px}.zph-accounts .zph-filter input{width:100%}
 .zph-accounts .zph-switch{display:flex;align-items:center;cursor:pointer}.zph-accounts .zph-switch input{appearance:none;-webkit-appearance:none;position:relative;width:36px;height:20px;min-height:0;padding:0;border:0;border-radius:10px;background:var(--dsw-alias-bg-layer-2);cursor:pointer;transition:background .15s}
 .zph-accounts .zph-switch input::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--dsw-alias-label-secondary);transition:transform .15s,background .15s}
 .zph-accounts .zph-switch input:checked{background:var(--dsw-alias-label-primary)}.zph-accounts .zph-switch input:checked::after{transform:translateX(16px);background:var(--dsw-alias-bg-base)}.zph-accounts .zph-switch input:disabled{opacity:.5;cursor:default}
@@ -150,7 +155,7 @@
 		return isObject(value) && typeof value.id === "string" && isChannelId(value.channel) && (value.status === "pending" || value.status === "authorized" || value.status === "cancelled" || value.status === "error") && optionalString(value.prompt) && optionalString(value.error) && (value.notice === void 0 || isNotice(value.notice));
 	}
 	function isSnapshot(value) {
-		return isObject(value) && Array.isArray(value.channels) && value.channels.every(isChannel) && Array.isArray(value.accounts) && value.accounts.every(isAccount) && isObject(value.catalog) && typeof value.catalog.source === "string" && typeof value.catalog.generatedAt === "string" && typeof value.catalog.sha256 === "string" && (value.login === void 0 || isLogin(value.login));
+		return isObject(value) && Array.isArray(value.channels) && value.channels.every(isChannel) && Array.isArray(value.accounts) && value.accounts.every(isAccount) && isObject(value.catalog) && typeof value.catalog.source === "string" && typeof value.catalog.generatedAt === "string" && typeof value.catalog.sha256 === "string" && optionalString(value.filter) && (value.login === void 0 || isLogin(value.login));
 	}
 	function readSnapshot(value) {
 		if (!isSnapshot(value)) throw new Error("Invalid account response");
@@ -225,11 +230,12 @@
 		return isLoginRequest(request) ? readLogin(value) : readSnapshot(value);
 	}
 	// src/client/accounts-page.tsx
-	function createAccountsPage(React, ctx, store, t, Quota) {
+	function createAccountsPage(React, ctx, store, t, Quota, filter) {
 		const errorMessage = (error) => error instanceof Error ? error.message : t("failed");
 		return function AccountsPage() {
 			React.useSyncExternalStore((fn) => ctx.locale.subscribe(fn), () => ctx.locale.getSnapshot());
 			const data = React.useSyncExternalStore(store.subscribe, store.getSnapshot);
+			const filterText = React.useSyncExternalStore(filter.subscribe, filter.getSnapshot);
 			const [busy, setBusy] = React.useState(false);
 			const [error, setError] = React.useState("");
 			const [form, setForm] = React.useState(null);
@@ -393,7 +399,14 @@
 				className: "zph-accounts",
 				"aria-label": t("title"),
 				"aria-busy": busy
-			}, /* @__PURE__ */ React.createElement("style", null, css), /* @__PURE__ */ React.createElement("div", { className: "zph-row zph-between" }, /* @__PURE__ */ React.createElement("h2", null, t("title")), button(t("refreshAll"), { action: "refresh_quota" })), error && /* @__PURE__ */ React.createElement("p", {
+			}, /* @__PURE__ */ React.createElement("style", null, css), /* @__PURE__ */ React.createElement("h2", null, t("title")), /* @__PURE__ */ React.createElement("div", { className: "zph-filter" }, /* @__PURE__ */ React.createElement("label", null, /* @__PURE__ */ React.createElement("span", null, t("modelFilter")), /* @__PURE__ */ React.createElement("input", {
+				type: "text",
+				value: filterText,
+				placeholder: t("modelFilterPlaceholder"),
+				autoComplete: "off",
+				spellCheck: false,
+				onChange: (event) => filter.setText(event.currentTarget.value)
+			})), /* @__PURE__ */ React.createElement("p", { className: "zph-muted" }, t("modelFilterHint"))), error && /* @__PURE__ */ React.createElement("p", {
 				role: "alert",
 				className: "zph-error"
 			}, error), !data ? /* @__PURE__ */ React.createElement("p", { role: "status" }, t("loading")) : data.channels.map((channel) => {
@@ -548,6 +561,158 @@
 			return /* @__PURE__ */ React.createElement(QuotaBars, { windows: activeQuota(data, channel) });
 		};
 	}
+	// src/client/model-filter.ts
+	/** Typing must not write the credential record per keystroke. */
+	const saveDelay = 400;
+	function keywordsOf(text) {
+		return [...new Set(text.toLowerCase().split(/\s+/).filter(Boolean))];
+	}
+	/**
+	* Create the composer model filter.
+	* @param save - persists a settled text change; typing alone never reaches it.
+	* @returns the filter, hydrated once from the Host's saved text.
+	*/
+	function createModelFilter(save) {
+		const listeners = /* @__PURE__ */ new Set();
+		let text = "";
+		let parsed = [];
+		let hydrated = false;
+		let dirty = false;
+		let timer;
+		const publish = () => {
+			for (const listener of [...listeners]) listener();
+		};
+		return {
+			getSnapshot: () => text,
+			subscribe(listener) {
+				listeners.add(listener);
+				return () => {
+					listeners.delete(listener);
+				};
+			},
+			hydrate(value) {
+				if (hydrated) return;
+				hydrated = true;
+				const next = value.trim();
+				if (dirty || next === text) return;
+				text = next;
+				parsed = keywordsOf(next);
+				publish();
+			},
+			setText(next) {
+				const value = next.trim();
+				dirty = true;
+				if (value === text) return;
+				text = value;
+				parsed = keywordsOf(value);
+				publish();
+				if (timer !== void 0) clearTimeout(timer);
+				timer = setTimeout(() => {
+					timer = void 0;
+					save?.(value);
+				}, saveDelay);
+			},
+			keywords: () => parsed,
+			dispose() {
+				if (timer !== void 0) clearTimeout(timer);
+				timer = void 0;
+				listeners.clear();
+			}
+		};
+	}
+	function matches(name, keywords) {
+		const lower = name.toLowerCase();
+		return keywords.some((keyword) => lower.includes(keyword));
+	}
+	/**
+	* Keep only models whose name contains one of the keywords.
+	* @param state - the session's model directory snapshot.
+	* @param keywords - lowercase keywords; empty keeps everything.
+	* @returns the snapshot with filtered provider groups; the selected model stays visible so the composer trigger keeps naming the model in use.
+	*/
+	function filterModels(state, keywords) {
+		if (!keywords.length) return state;
+		const groups = state.groups.map((group) => ({
+			...group,
+			models: group.models.filter((model) => matches(model.name, keywords))
+		}));
+		const { current } = state;
+		if (current !== null) {
+			const source = state.groups.find((group) => group.id === current.provider);
+			const model = source?.models.find((item) => item.id === current.model);
+			if (source !== void 0 && model !== void 0) {
+				const target = groups.find((group) => group.id === source.id);
+				if (target === void 0) groups.push({
+					...source,
+					models: [model]
+				});
+				else if (!target.models.some((item) => item.id === model.id)) target.models = [...target.models, model];
+			}
+		}
+		return {
+			...state,
+			groups: groups.filter((group) => group.models.length > 0)
+		};
+	}
+	/**
+	* Filter every session model directory the composer seat and /model popup share.
+	* Both entries read the directory's store, so the filter sits on the store
+	* instead of on either surface.
+	* @param ctx - client root context.
+	* @param filter - the page-owned keyword filter.
+	*/
+	function installModelFilter(ctx, filter) {
+		const models = ctx.get("modelDirectories");
+		if (models === void 0) return;
+		const original = models.directoryFor;
+		const patched = /* @__PURE__ */ new WeakSet();
+		models.directoryFor = (sessionId) => {
+			const directory = original.call(models, sessionId);
+			if (!patched.has(directory)) {
+				patched.add(directory);
+				filterDirectory(directory, filter);
+			}
+			return directory;
+		};
+		ctx.effect(() => () => {
+			models.directoryFor = original;
+		});
+	}
+	function filterDirectory(directory, filter) {
+		const source = directory.store;
+		let cache;
+		const read = () => {
+			const snapshot = source.getSnapshot();
+			const key = filter.getSnapshot();
+			if (cache === void 0 || cache.snapshot !== snapshot || cache.key !== key) cache = {
+				snapshot,
+				key,
+				value: filterModels(snapshot, filter.keywords())
+			};
+			return cache.value;
+		};
+		const wrapped = {
+			getSnapshot: read,
+			subscribe(listener) {
+				const stopSource = source.subscribe(listener);
+				const stopFilter = filter.subscribe(listener);
+				return () => {
+					stopSource();
+					stopFilter();
+				};
+			},
+			set: (next) => {
+				source.set(next);
+			},
+			update: (mutator) => {
+				source.update(mutator);
+			}
+		};
+		Object.defineProperty(directory, "store", {
+			configurable: true,
+			get: () => wrapped
+		});
+	}
 	// src/client/quota.tsx
 	function createQuotaComponents(React, t) {
 		function Quota({ quota }) {
@@ -669,7 +834,16 @@
 					ctx.effect(() => () => store.dispose());
 					const { Quota, QuotaBars } = createQuotaComponents(React, t);
 					const ComposerQuota = createComposerQuota(React, ctx, store, QuotaBars);
-					const AccountsPage = createAccountsPage(React, ctx, store, t, Quota);
+					const filter = createModelFilter((text) => {
+						call({
+							action: "set_filter",
+							filter: text
+						}).catch(() => {});
+					});
+					ctx.effect(() => () => filter.dispose());
+					installModelFilter(ctx, filter);
+					store.reload().then((snapshot) => filter.hydrate(snapshot.filter ?? "")).catch(() => {});
+					const AccountsPage = createAccountsPage(React, ctx, store, t, Quota, filter);
 					ctx.slots.inject("settings.section", () => ctx.slots.register({
 						name: "settings.section",
 						id: "zephyr-accounts",

package/lib/index.js

@@ -1395,6 +1395,11 @@ function record(value, label = "request") {
 	if (!value || typeof value !== "object" || Array.isArray(value)) throw new Error(`Invalid ${label}`);
 	return value;
 }
+/** Model filter text; empty clears the filter, so `text()` cannot validate it. */
+function filterText(value) {
+	if (typeof value !== "string" || value.length > 1024 || [...value].some((character) => character.charCodeAt(0) < 32 || character === "")) throw new Error("Invalid model filter");
+	return value.trim();
+}
 function validateTokens(value) {
 	const tokens = record(value, "OAuth tokens");
 	const access = text(tokens.access, "access token", 32768);
@@ -6945,7 +6950,8 @@ function readState(payload) {
 		version: 1,
 		accounts,
 		active: { ...active },
-		quotas: readQuotas(state.quotas)
+		quotas: readQuotas(state.quotas),
+		...typeof state.filter === "string" && state.filter.trim() ? { filter: state.filter.trim() } : {}
 	};
 }
 function stateFrom(stored) {
@@ -7056,6 +7062,15 @@ var Accounts = class {
 	async quotas() {
 		return (await this.read()).quotas ?? {};
 	}
+	async filter() {
+		return (await this.read()).filter ?? "";
+	}
+	async saveFilter(filter) {
+		await this.change((state) => {
+			if (filter) state.filter = filter;
+			else delete state.filter;
+		});
+	}
 	async saveQuota(id, quota) {
 		await this.change((state) => {
 			if (!state.accounts.some((account) => account.id === id)) return;
@@ -7254,6 +7269,7 @@ var ModelAccountsService = class {
 	async snapshot() {
 		const views = await this.accounts.list();
 		const saved = await this.accounts.quotas();
+		const filter = await this.accounts.filter();
 		return {
 			channels,
 			accounts: views.map((account) => {
@@ -7263,7 +7279,8 @@ var ModelAccountsService = class {
 					quota
 				} : account;
 			}),
-			catalog: catalogMetadata
+			catalog: catalogMetadata,
+			filter
 		};
 	}
 	async activeChannels() {
@@ -7357,6 +7374,10 @@ var ModelAccountsService = class {
 				if (origin !== "ui") throw new Error("Resetting quota is user-only; open Settings → Model Accounts");
 				await this.resetCredit(text(args.id, "account id"), signal);
 				break;
+			case "set_filter":
+				if (origin !== "ui") throw new Error("The model filter is user-only; open Settings → Model Accounts");
+				await this.accounts.saveFilter(filterText(args.filter));
+				break;
 			case "refresh_quota": {
 				const accounts = await this.accounts.list();
 				const ids = args.id === void 0 ? accounts.map((account) => account.id) : [text(args.id, "account id")];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@liyang8246/dsh-accounts",
   "type": "module",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "Independent multi-account Codex, OpenCode Go and CommandCode Go plugin for DeepSeek Harness.",
   "repository": { "type": "git", "url": "https://github.com/liyang8246/dsh-zolin.git", "directory": "packages/dsh-accounts" },
   "exports": {