dsh-plugin-subscription-oauth 0.8.13 → 0.8.15

package/lib/client.js

@@ -623,6 +623,67 @@ const usageChipCss = `
   background: var(--dsw-alias-state-success-primary, #067647);
 }
 `;
+/**
+* The composer's quick-mode button stylesheet.
+*
+* It renders in the composer's own control row — the same row as the model selector —
+* so it borrows that row's geometry: a compact, borderless control that only colours on
+* hover and when the mode is on. Tokens carry fallbacks for hosts that define none.
+*/
+const fastModeCss = `
+.dsh-subscription-fast-mode {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  margin: 0;
+  padding: 3px;
+  border: 0;
+  border-radius: var(--dsw-radius-sm, 6px);
+  background: transparent;
+  color: var(--dsw-alias-label-secondary, #8a8f98);
+  font: inherit;
+  font-size: 12px;
+  line-height: 1;
+  cursor: pointer;
+}
+.dsh-subscription-fast-mode:hover {
+  background: var(--dsw-alias-interactive-bg-hover, #ffffff14);
+}
+/* A click has to look like one, even before the selection lands. */
+.dsh-subscription-fast-mode:active {
+  background: var(--dsw-alias-interactive-bg-pressed, #ffffff2e);
+}
+.dsh-subscription-fast-mode[data-pending="true"] {
+  opacity: 0.7;
+  cursor: progress;
+}
+/* A switch the host refused is marked rather than left looking merely off, so a failure
+   is visible where it happened; the reason rides the title and the console. */
+.dsh-subscription-fast-mode[data-failed="true"] {
+  color: var(--dsw-alias-state-error-primary, #b42318);
+}
+.dsh-subscription-fast-mode:focus-visible {
+  outline: 2px solid var(--dsw-alias-border-focus, #4d6bfe);
+  outline-offset: 1px;
+}
+/* Off: the bolt is dim, so an available mode reads as an invitation, not a state. */
+.dsh-subscription-fast-mode[data-active="false"] .dsh-subscription-fast-mode-bolt {
+  opacity: 0.55;
+}
+/* On: the bolt takes the accent and glows, which is the only thing distinguishing the
+   fast variant from its base — both answer with the same model name. */
+.dsh-subscription-fast-mode[data-active="true"] .dsh-subscription-fast-mode-bolt {
+  color: var(--dsw-alias-state-warning-primary, #f5a524);
+  filter: drop-shadow(0 0 6px var(--dsw-alias-state-warning-primary, #f5a52455));
+}
+.dsh-subscription-fast-mode-reason {
+  max-width: 14ch;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 11px;
+}
+`;
 
 //#endregion
 //#region src/protocol.ts
@@ -2457,7 +2518,7 @@ function UsageChip({ call, t, isOwnProvider, accountBalance, ccSwitchBalance, us
 	const [now, setNow] = (0, react.useState)(() => Date.now());
 	const [open, setOpen] = (0, react.useState)(false);
 	const lastOwn = (0, react.useRef)(void 0);
-	const selected = useProjection("modelSelection", (value) => providerOf(value));
+	const selected = providerOf(useProjection("modelSelection", (value) => value));
 	const isDeepSeek = selected === "deepseek-account";
 	const isBalanceProvider = selected !== void 0 && !isOwnProvider(selected) && !isDeepSeek;
 	(0, react.useEffect)(() => {
@@ -2709,6 +2770,112 @@ function UsageChip({ call, t, isOwnProvider, accountBalance, ccSwitchBalance, us
 	});
 }
 
+//#endregion
+//#region src/client/FastModeButton.tsx
+/**
+* The quick-mode control, for the composer's row of standard controls.
+*
+* @param props - injected RPC caller, directory, and the session standard kit.
+* @returns the button, or null when this model has no fast variant.
+*/
+function FastModeButton({ call, isOwnProvider, modelDirectory, useProjection }) {
+	const [pair, setPair] = (0, react.useState)(void 0);
+	const [failure, setFailure] = (0, react.useState)(void 0);
+	const [pending, setPending] = (0, react.useState)(false);
+	const selection = useProjection("modelSelection", (value) => value);
+	const provider = providerOf(selection);
+	const model = selection?.next?.model ?? selection?.lastUsed?.model;
+	(0, react.useEffect)(() => {
+		if (provider === void 0 || model === void 0 || !isOwnProvider(provider)) {
+			setPair(void 0);
+			return;
+		}
+		let live = true;
+		call("model-variants", {
+			provider,
+			id: model
+		}).then((result) => {
+			if (!live) return;
+			setPair(result?.fast === void 0 ? void 0 : {
+				wireId: result.fast,
+				...result.fastBase === void 0 ? {} : { baseId: result.fastBase }
+			});
+		}).catch(() => {
+			if (live) setPair(void 0);
+		});
+		return () => {
+			live = false;
+		};
+	}, [
+		provider,
+		model,
+		isOwnProvider,
+		call
+	]);
+	(0, react.useEffect)(() => {
+		setFailure(void 0);
+	}, [model]);
+	if (pair === void 0 || provider === void 0 || modelDirectory?.select === void 0) return null;
+	const active = pair.wireId === model;
+	const target = active ? pair.baseId : pair.wireId;
+	if (target === void 0 || target === model) return null;
+	const base = active ? "Fast mode is on; press to go back to the standard model" : "Fast mode: switch to the fast variant of this model";
+	const title = failure === void 0 ? base : `${base}\nThe switch was refused — ${`${failure.code ?? ""} ${failure.message}`.trim()}`;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: fastModeCss }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+		type: "button",
+		className: "dsh-subscription-fast-mode",
+		"data-active": active,
+		"data-pending": pending,
+		"data-failed": failure !== void 0,
+		"aria-pressed": active,
+		"aria-busy": pending,
+		title,
+		"aria-label": title,
+		onClick: (event) => {
+			event.stopPropagation();
+			setPending(true);
+			setFailure(void 0);
+			Promise.resolve(modelDirectory.select?.({
+				provider,
+				model: target
+			})).then((result) => {
+				const outcome = result;
+				if (outcome?.ok !== false) return;
+				const code = outcome.error?.code;
+				const message = outcome.error?.message ?? code ?? "the host refused the selection";
+				setFailure({
+					...code === void 0 ? {} : { code },
+					message
+				});
+				console.warn(`[subscription-oauth] fast mode ${provider}/${target} refused:`, outcome.error);
+			}).catch((error) => {
+				setFailure({ message: error instanceof Error ? error.message : String(error) });
+				console.warn(`[subscription-oauth] fast mode ${provider}/${target} failed:`, error);
+			}).finally(() => {
+				setPending(false);
+			});
+		},
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+			className: "dsh-subscription-fast-mode-bolt",
+			viewBox: "0 0 24 24",
+			width: "16",
+			height: "16",
+			"aria-hidden": "true",
+			fill: "none",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M13 2 3.6 13.2a1.2 1.2 0 0 0 .92 1.98H11l-.86 6.42a1.2 1.2 0 0 0 2.2.7L21.4 10.6a1.2 1.2 0 0 0-.92-1.98H13l.86-6.42A1.2 1.2 0 0 0 13 2z",
+				fill: "currentColor",
+				stroke: "currentColor",
+				strokeWidth: "1.2",
+				strokeLinejoin: "round"
+			})
+		}), failure !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "dsh-subscription-fast-mode-reason",
+			children: failure.code ?? failure.message
+		})]
+	})] });
+}
+
 //#endregion
 //#region src/client/index.ts
 /**
@@ -2736,13 +2903,21 @@ const SECTION_ORDER = 92;
 */
 const CHIP_ORDER = 10;
 /**
+* Composer-control position: ahead of the shell's own entries in that row, if it ever
+* adds any, so the quick-mode button stays adjacent to the model selector it belongs to.
+*/
+const FAST_MODE_ORDER = 10;
+/**
 * Required services: `slots` carries the registration seat, `connection` the
-* RPC caller, and `locale` the copy dictionaries.
+* RPC caller, `locale` the copy dictionaries, and `modelDirectories` the picker's
+* per-session model directory (written when the quick-mode button routes to a fast
+* variant).
 */
 const inject = [
 	"slots",
 	"connection",
-	"locale"
+	"locale",
+	"modelDirectories"
 ];
 /**
 * Register the Subscriptions settings section.
@@ -2760,6 +2935,7 @@ function apply(ctx) {
 	const connection = ctx.get("connection");
 	const t = ctx.locale.bind(NS);
 	const call = createSubscriptionsCall(connection.rpc);
+	const modelDirectories = ctx.get("modelDirectories");
 	ctx.slots.inject("settings.section", () => ctx.slots.register({
 		name: "settings.section",
 		id: "subscriptions",
@@ -2782,6 +2958,32 @@ function apply(ctx) {
 			ccSwitchBalance: createCcSwitchBalanceCall(connection.rpc)
 		})
 	}, UsageChip));
+	ctx.slots.inject("conversation.input.right", () => ctx.slots.register({
+		name: "conversation.input.right",
+		id: "subscription-fast-mode",
+		order: FAST_MODE_ORDER,
+		inject: (sessionId) => ({
+			call,
+			isOwnProvider: (provider) => OWN_PROVIDER_IDS.has(provider),
+			modelDirectory: modelDirectoryFor(modelDirectories, sessionId)
+		})
+	}, FastModeButton));
+}
+/**
+* The session's model directory, in the shape the quick-mode button writes through.
+*
+* Absent when the host exposes no directory for the session, or exposes one that cannot
+* select — in which case the button renders nothing rather than a dead control.
+*
+* @param modelDirectories - the host's directory resolver, when it has one.
+* @param sessionId - the session whose directory is wanted.
+* @returns the reader/writer pair, or undefined.
+*/
+function modelDirectoryFor(modelDirectories, sessionId) {
+	if (sessionId === void 0 || modelDirectories?.directoryFor === void 0) return void 0;
+	const directory = modelDirectories.directoryFor(sessionId);
+	if (directory?.select === void 0) return void 0;
+	return { select: (selection) => directory.select?.(selection) ?? Promise.resolve() };
 }
 
 //#endregion