dsh-qr-share 0.2.0 → 0.3.1

package/CHANGELOG.md

@@ -7,6 +7,51 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.3.1] — 2026-09-01
+
+### Changed
+
+- **Trimmed `dsh.client.inject` peer-module list** — dropped
+  `@deepseek-ai/dsh-client-runtime` and `@deepseek-ai/dsh-client-ui-slots`
+  from the package.json manifest. The plugin's runtime only consumes
+  three services from the dsh host (`slots`, `locale`, `connection`),
+  and these are still provided by the remaining two peer modules
+  (`@deepseek-ai/dsh-client-locale` and
+  `@deepseek-ai/dsh-client-ui-sidebar`). Boot-time module manifest
+  shrinks and `__DSH_BOOT__.clientModules` reflects the smaller
+  surface; user-visible behavior (sidebar footer button, QR dialog,
+  copy-link, six extra locales) is unchanged.
+
+## [0.3.0] — 2026-08-30
+
+### Added
+
+- **Copy link button in the dialog** — a second footer action next to
+  Close. Clicking it copies `${window.location.origin}/?token=…` to
+  the clipboard; the label flips to a localized "已复制 / Copied"
+  confirmation for 1.5 s, then back. Falls back from the async
+  Clipboard API to `document.execCommand('copy')` when the secure-
+  context path is unavailable (older WebViews, non-HTTPS previews),
+  and surfaces "复制失败 / Copy failed" if both paths reject.
+- **Extra locale dictionaries** — beyond the built-in `zh` and `en`,
+  six more locales are registered via the single-locale
+  `ctx.locale.register(ns, locale, dict)` overload: `zh-Hant` (繁體),
+  `ja`, `ko`, `fr`, `de`, `ru`. They activate only when a matching
+  language-pack plugin sets the DSH preference; without a language
+  pack, the existing fallback chain (`zh` → `en`) still resolves.
+- **Dialog keys for the copy flow** — `dialog.copy`, `dialog.copied`,
+  and `dialog.copyFailed` added to the `QrShareKey` interface and
+  every dictionary.
+- **Two QrDialog tests** — clipboard write is asserted with a
+  stubbed `navigator.clipboard.writeText` (success + reject path).
+
+### Changed
+
+- **Footer action row** in `QrDialog` now holds two buttons
+  ("Copy link" + "Close") in a flex row (`.actions`) instead of a
+  single Close button. The `.close` class is generalized to `.action`;
+  the dialog's visual rhythm is unchanged.
+
 ## [0.2.0] — 2026-08-30
 
 ### Added
@@ -102,5 +147,6 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
   preventing cross-site frames from reaching the route and stopping
   intermediary caches from storing the token.
 
-[Unreleased]: https://github.com/xiaoguomeiyitian/dsh-qr-share/compare/v0.1.0...HEAD
+[Unreleased]: https://github.com/xiaoguomeiyitian/dsh-qr-share/compare/v0.2.0...HEAD
+[0.2.0]: https://github.com/xiaoguomeiyitian/dsh-qr-share/compare/v0.1.0...v0.2.0
 [0.1.0]: https://github.com/xiaoguomeiyitian/dsh-qr-share/releases/tag/v0.1.0

package/cordis.patch.yml

@@ -14,9 +14,11 @@
 # modules resolves `<name>/package.json` from the profile dir to
 # discover the client half and compose window.__DSH_BOOT__.
 #
-# To disable the plugin without uninstalling, swap this row's `name`
-# to a `!!js` expression returning a disabled placeholder (see
-# dsh-better-sidebar's cordis.patch.yml for the pattern).
+# `id` MUST match the bundle's own `window.__ModuleLoader__.load({id,
+# …})` argument (set by `tsdown.config.ts#clientBundle(pluginId)`.).
+# An id mismatch breaks dsh-client-modules' module graph: the loader
+# entry path and the bundle's required id diverge, so the browser
+# never resolves the plugin and shows nothing on screen.
 - insert:
-    - id: qr-share
+    - id: dsh-qr-share
       name: 'dsh-qr-share'

package/lib/client-registry.js

@@ -2579,8 +2579,12 @@ window.__ModuleLoader__.load({
 			});
 		})))(), 1);
 		/**
-		* dsh-qr-share dictionaries: zh-Hans + en. The shell's locale service
-		* drives the active language; the footer action reads via `ctx.locale.bind`.
+		* dsh-qr-share dictionaries. The DSH shell ships `zh` + `en` as built-in
+		* locales and falls back through its language chain; additional
+		* dictionaries below (`zh-Hant`, `ja`, `ko`, `fr`, `de`, `ru`) register
+		* through the single-locale overload and activate whenever a language
+		* pack sets that preference. Unregistered locales still fall back to
+		* the built-in chain (`zh`/`en`).
 		*/
 		const LOCALE_NS = "qr-share";
 		const zh = {
@@ -2589,6 +2593,9 @@ window.__ModuleLoader__.load({
 			"dialog.title": "扫码分享",
 			"dialog.hint": "用手机相机扫描下方二维码。手机打开后会自动以当前账号登录，token 与浏览器 cookie 同寿命。",
 			"dialog.urlLabel": "链接",
+			"dialog.copy": "复制链接",
+			"dialog.copied": "已复制",
+			"dialog.copyFailed": "复制失败",
 			"dialog.close": "关闭",
 			"dialog.error": "二维码生成失败"
 		};
@@ -2598,12 +2605,94 @@ window.__ModuleLoader__.load({
 			"dialog.title": "Scan to share",
 			"dialog.hint": "Scan the QR code below with your phone camera. The phone will log in to this session; the token lives as long as the browser cookie.",
 			"dialog.urlLabel": "URL",
+			"dialog.copy": "Copy link",
+			"dialog.copied": "Copied",
+			"dialog.copyFailed": "Copy failed",
 			"dialog.close": "Close",
 			"dialog.error": "Failed to render QR code"
 		};
+		/**
+		* Extra dictionaries for non-built-in locales. These ride the
+		* single-locale registration overload; a matching locale only activates
+		* when a language-pack plugin sets the preference.
+		*/
+		const extraDicts = {
+			"zh-Hant": {
+				"button.label": "分享",
+				"button.tooltip": "掃碼將目前工作階段分享到手機",
+				"dialog.title": "掃碼分享",
+				"dialog.hint": "用手機相機掃描下方 QR Code。手機開啟後會自動以目前帳號登入，token 與瀏覽器 cookie 同壽命。",
+				"dialog.urlLabel": "連結",
+				"dialog.copy": "複製連結",
+				"dialog.copied": "已複製",
+				"dialog.copyFailed": "複製失敗",
+				"dialog.close": "關閉",
+				"dialog.error": "QR Code 產生失敗"
+			},
+			ja: {
+				"button.label": "共有",
+				"button.tooltip": "スキャンしてこのセッションをスマホに共有",
+				"dialog.title": "スキャンして共有",
+				"dialog.hint": "スマホのカメラで下のQRコードを読み取ってください。そのセッションに自動でログインし、トークンの有効期限はブラウザのCookieと同じです。",
+				"dialog.urlLabel": "リンク",
+				"dialog.copy": "リンクをコピー",
+				"dialog.copied": "コピーしました",
+				"dialog.copyFailed": "コピーに失敗しました",
+				"dialog.close": "閉じる",
+				"dialog.error": "QRコードの生成に失敗しました"
+			},
+			ko: {
+				"button.label": "공유",
+				"button.tooltip": "스캔하여 현재 세션을 휴대폰으로 공유",
+				"dialog.title": "스캔하여 공유",
+				"dialog.hint": "휴대폰 카메라로 아래 QR 코드를 스캔하세요. 휴대폰이 이 세션에 자동으로 로그인되며, 토큰은 브라우저 쿠키와 같은 수명을 가집니다.",
+				"dialog.urlLabel": "링크",
+				"dialog.copy": "링크 복사",
+				"dialog.copied": "복사됨",
+				"dialog.copyFailed": "복사 실패",
+				"dialog.close": "닫기",
+				"dialog.error": "QR 코드 생성 실패"
+			},
+			fr: {
+				"button.label": "Partager",
+				"button.tooltip": "Scannez pour partager cette session avec votre téléphone",
+				"dialog.title": "Scanner pour partager",
+				"dialog.hint": "Scannez le QR code ci-dessous avec l'appareil photo de votre téléphone. Le téléphone se connectera à cette session ; le jeton a la même durée de vie que le cookie du navigateur.",
+				"dialog.urlLabel": "Lien",
+				"dialog.copy": "Copier le lien",
+				"dialog.copied": "Copié",
+				"dialog.copyFailed": "Échec de la copie",
+				"dialog.close": "Fermer",
+				"dialog.error": "Échec de la génération du QR code"
+			},
+			de: {
+				"button.label": "Teilen",
+				"button.tooltip": "Scannen, um diese Sitzung mit dem Telefon zu teilen",
+				"dialog.title": "Scannen zum Teilen",
+				"dialog.hint": "Scannen Sie den untenstehenden QR-Code mit der Kamera Ihres Telefons. Das Telefon meldet sich an dieser Sitzung an; das Token lebt so lange wie das Browser-Cookie.",
+				"dialog.urlLabel": "Link",
+				"dialog.copy": "Link kopieren",
+				"dialog.copied": "Kopiert",
+				"dialog.copyFailed": "Kopieren fehlgeschlagen",
+				"dialog.close": "Schließen",
+				"dialog.error": "QR-Code konnte nicht erstellt werden"
+			},
+			ru: {
+				"button.label": "Поделиться",
+				"button.tooltip": "Отсканируйте, чтобы поделиться этой сессией с телефоном",
+				"dialog.title": "Отсканируйте для доступа",
+				"dialog.hint": "Отсканируйте QR-код ниже камерой телефона. Телефон войдёт в эту сессию; токен живёт столько же, сколько cookie браузера.",
+				"dialog.urlLabel": "Ссылка",
+				"dialog.copy": "Копировать ссылку",
+				"dialog.copied": "Скопировано",
+				"dialog.copyFailed": "Не удалось скопировать",
+				"dialog.close": "Закрыть",
+				"dialog.error": "Не удалось создать QR-код"
+			}
+		};
 		//#endregion
 		//#region \0dsh-css:/root/ai/dsh-qr-share/src/client/styles.module.css.mjs
-		const css = ".GjS9-q_button{width:100%;color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;display:inline-flex}.GjS9-q_button:hover{background:color-mix(in srgb, currentColor 8%, transparent)}.GjS9-q_button:focus-visible{outline-offset:-2px;outline:2px solid}.GjS9-q_buttonLabel{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.GjS9-q_backdrop{z-index:9999;background:#00000073;place-items:center;animation:.12s ease-out GjS9-q_dsh-qr-share-fade-in;display:grid;position:fixed;inset:0}.GjS9-q_dialog{background:var(--dsh-qr-share-dialog-bg,var(--dsw-alias-bg-layer-1,var(--dsw-alias-bg-overlay,#2c2c2e)));color:var(--dsh-qr-share-dialog-fg,currentColor);border:1px solid color-mix(in srgb, currentColor 12%, transparent);border-radius:12px;flex-direction:column;align-items:center;gap:12px;min-width:320px;max-width:420px;padding:24px;animation:.16s cubic-bezier(.2,.9,.3,1.2) GjS9-q_dsh-qr-share-pop-in;display:flex;box-shadow:0 12px 32px #00000040}.GjS9-q_title{margin:0;font-size:16px;font-weight:600}.GjS9-q_canvas{image-rendering:pixelated;background:#fff;border-radius:8px;padding:8px;display:block}.GjS9-q_err{color:#d23f3f;margin:0;font-size:13px}.GjS9-q_urlBlock{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.GjS9-q_urlLabel{text-transform:uppercase;letter-spacing:.05em;opacity:.6;font-size:11px}.GjS9-q_url{word-break:break-all;background:color-mix(in srgb, currentColor 6%, transparent);text-align:center;border-radius:4px;max-width:100%;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.GjS9-q_hint{opacity:.7;text-align:center;margin:0;font-size:12px}.GjS9-q_close{border:1px solid color-mix(in srgb, currentColor 20%, transparent);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:6px;margin-top:4px;padding:8px 16px}.GjS9-q_close:hover{background:color-mix(in srgb, currentColor 8%, transparent)}.GjS9-q_close:focus-visible{outline-offset:-2px;outline:2px solid}@keyframes GjS9-q_dsh-qr-share-fade-in{0%{opacity:0}to{opacity:1}}@keyframes GjS9-q_dsh-qr-share-pop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}";
+		const css = ".GjS9-q_button{width:100%;color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;display:inline-flex}.GjS9-q_button:hover{background:color-mix(in srgb, currentColor 8%, transparent)}.GjS9-q_button:focus-visible{outline-offset:-2px;outline:2px solid}.GjS9-q_buttonLabel{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.GjS9-q_backdrop{z-index:9999;background:#00000073;place-items:center;animation:.12s ease-out GjS9-q_dsh-qr-share-fade-in;display:grid;position:fixed;inset:0}.GjS9-q_dialog{background:var(--dsh-qr-share-dialog-bg,var(--dsw-alias-bg-layer-1,var(--dsw-alias-bg-overlay,#2c2c2e)));color:var(--dsh-qr-share-dialog-fg,currentColor);border:1px solid color-mix(in srgb, currentColor 12%, transparent);border-radius:12px;flex-direction:column;align-items:center;gap:12px;min-width:320px;max-width:420px;padding:24px;animation:.16s cubic-bezier(.2,.9,.3,1.2) GjS9-q_dsh-qr-share-pop-in;display:flex;box-shadow:0 12px 32px #00000040}.GjS9-q_title{margin:0;font-size:16px;font-weight:600}.GjS9-q_canvas{image-rendering:pixelated;background:#fff;border-radius:8px;padding:8px;display:block}.GjS9-q_err{color:#d23f3f;margin:0;font-size:13px}.GjS9-q_urlBlock{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.GjS9-q_urlLabel{text-transform:uppercase;letter-spacing:.05em;opacity:.6;font-size:11px}.GjS9-q_url{word-break:break-all;background:color-mix(in srgb, currentColor 6%, transparent);text-align:center;border-radius:4px;max-width:100%;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.GjS9-q_hint{opacity:.7;text-align:center;margin:0;font-size:12px}.GjS9-q_actions{gap:8px;margin-top:4px;display:flex}.GjS9-q_action{border:1px solid color-mix(in srgb, currentColor 20%, transparent);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:8px 16px}.GjS9-q_action:hover{background:color-mix(in srgb, currentColor 8%, transparent)}.GjS9-q_action:focus-visible{outline-offset:-2px;outline:2px solid}@keyframes GjS9-q_dsh-qr-share-fade-in{0%{opacity:0}to{opacity:1}}@keyframes GjS9-q_dsh-qr-share-pop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}";
 		const tagId = "dsh-external/dsh-qr-share/styles.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -2613,20 +2702,21 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var styles_module_css_default = {
-			"title": "GjS9-q_title",
-			"urlBlock": "GjS9-q_urlBlock",
 			"buttonLabel": "GjS9-q_buttonLabel",
+			"urlBlock": "GjS9-q_urlBlock",
+			"actions": "GjS9-q_actions",
+			"dsh-qr-share-fade-in": "GjS9-q_dsh-qr-share-fade-in",
+			"title": "GjS9-q_title",
 			"err": "GjS9-q_err",
-			"urlLabel": "GjS9-q_urlLabel",
-			"url": "GjS9-q_url",
+			"action": "GjS9-q_action",
 			"hint": "GjS9-q_hint",
-			"backdrop": "GjS9-q_backdrop",
+			"canvas": "GjS9-q_canvas",
+			"urlLabel": "GjS9-q_urlLabel",
 			"dsh-qr-share-pop-in": "GjS9-q_dsh-qr-share-pop-in",
-			"close": "GjS9-q_close",
-			"dialog": "GjS9-q_dialog",
-			"dsh-qr-share-fade-in": "GjS9-q_dsh-qr-share-fade-in",
 			"button": "GjS9-q_button",
-			"canvas": "GjS9-q_canvas"
+			"url": "GjS9-q_url",
+			"dialog": "GjS9-q_dialog",
+			"backdrop": "GjS9-q_backdrop"
 		};
 		//#endregion
 		//#region src/client/QrDialog.tsx
@@ -2654,6 +2744,30 @@ window.__ModuleLoader__.load({
 			url.searchParams.set("token", token);
 			return url.toString();
 		}
+		/**
+		* Write text to the clipboard. Prefers the async Clipboard API; falls
+		* back to the legacy execCommand path for older WebViews / non-secure
+		* contexts where navigator.clipboard is absent.
+		*/
+		async function copyTextToClipboard(text) {
+			if (typeof navigator !== "undefined" && navigator.clipboard !== void 0) try {
+				await navigator.clipboard.writeText(text);
+				return true;
+			} catch {}
+			try {
+				const area = document.createElement("textarea");
+				area.value = text;
+				area.style.position = "fixed";
+				area.style.opacity = "0";
+				document.body.appendChild(area);
+				area.select();
+				const ok = document.execCommand("copy");
+				document.body.removeChild(area);
+				return ok;
+			} catch {
+				return false;
+			}
+		}
 		function QrDialog({ token, tokenTtlMs, t, onClose }) {
 			const canvasRef = (0, react.useRef)(null);
 			const [payload, setPayload] = (0, react.useState)("");
@@ -2680,6 +2794,21 @@ window.__ModuleLoader__.load({
 					setError(reason instanceof Error ? reason.message : String(reason));
 				});
 			}, [token, portalTarget]);
+			const [copyState, setCopyState] = (0, react.useState)("idle");
+			(0, react.useEffect)(() => {
+				if (copyState === "idle") return;
+				const timer = setTimeout(() => {
+					setCopyState("idle");
+				}, 1500);
+				return () => {
+					clearTimeout(timer);
+				};
+			}, [copyState]);
+			const onCopy = () => {
+				copyTextToClipboard(payload !== "" ? payload : composeQrUrl(token)).then((ok) => {
+					setCopyState(ok ? "copied" : "failed");
+				});
+			};
 			(0, react.useEffect)(() => {
 				const onKey = (e) => {
 					if (e.key === "Escape") onClose();
@@ -2710,11 +2839,15 @@ window.__ModuleLoader__.load({
 				className: styles_module_css_default.canvas,
 				width: 256,
 				height: 256
-			}), (0, react.createElement)("div", { className: styles_module_css_default.urlBlock }, (0, react.createElement)("span", { className: styles_module_css_default.urlLabel }, t("dialog.urlLabel")), (0, react.createElement)("code", { className: styles_module_css_default.url }, payload)), (0, react.createElement)("p", { className: styles_module_css_default.hint }, t("dialog.hint")), (0, react.createElement)("button", {
+			}), (0, react.createElement)("div", { className: styles_module_css_default.urlBlock }, (0, react.createElement)("span", { className: styles_module_css_default.urlLabel }, t("dialog.urlLabel")), (0, react.createElement)("code", { className: styles_module_css_default.url }, payload)), (0, react.createElement)("p", { className: styles_module_css_default.hint }, t("dialog.hint")), (0, react.createElement)("div", { className: styles_module_css_default.actions }, (0, react.createElement)("button", {
 				type: "button",
-				className: styles_module_css_default.close,
+				className: styles_module_css_default.action,
+				onClick: onCopy
+			}, copyState === "copied" ? t("dialog.copied") : copyState === "failed" ? t("dialog.copyFailed") : t("dialog.copy")), (0, react.createElement)("button", {
+				type: "button",
+				className: styles_module_css_default.action,
 				onClick: onClose
-			}, t("dialog.close")))), portalTarget);
+			}, t("dialog.close"))))), portalTarget);
 		}
 		//#endregion
 		//#region src/client/QrButton.tsx
@@ -2823,10 +2956,15 @@ window.__ModuleLoader__.load({
 		* @param ctx - client root context (slots + locale + connection injected).
 		*/
 		function apply(ctx) {
-			ctx.effect(() => ctx.locale.register(LOCALE_NS, {
-				zh,
-				en
-			}), "qr-share: dictionaries");
+			ctx.effect(() => {
+				const disposers = [ctx.locale.register(LOCALE_NS, {
+					zh,
+					en
+				}), ...Object.entries(extraDicts).map(([locale, dict]) => ctx.locale.register(LOCALE_NS, locale, dict))];
+				return () => {
+					for (const dispose of disposers) dispose();
+				};
+			}, "qr-share: dictionaries");
 			const t = ctx.locale.bind(LOCALE_NS);
 			ctx.slots.inject("sidebar.footer.action", () => ctx.slots.register({
 				name: "sidebar.footer.action",

package/lib/client.js

@@ -2579,8 +2579,12 @@ window.__ModuleLoader__.load({
 			});
 		})))(), 1);
 		/**
-		* dsh-qr-share dictionaries: zh-Hans + en. The shell's locale service
-		* drives the active language; the footer action reads via `ctx.locale.bind`.
+		* dsh-qr-share dictionaries. The DSH shell ships `zh` + `en` as built-in
+		* locales and falls back through its language chain; additional
+		* dictionaries below (`zh-Hant`, `ja`, `ko`, `fr`, `de`, `ru`) register
+		* through the single-locale overload and activate whenever a language
+		* pack sets that preference. Unregistered locales still fall back to
+		* the built-in chain (`zh`/`en`).
 		*/
 		const LOCALE_NS = "qr-share";
 		const zh = {
@@ -2589,6 +2593,9 @@ window.__ModuleLoader__.load({
 			"dialog.title": "扫码分享",
 			"dialog.hint": "用手机相机扫描下方二维码。手机打开后会自动以当前账号登录，token 与浏览器 cookie 同寿命。",
 			"dialog.urlLabel": "链接",
+			"dialog.copy": "复制链接",
+			"dialog.copied": "已复制",
+			"dialog.copyFailed": "复制失败",
 			"dialog.close": "关闭",
 			"dialog.error": "二维码生成失败"
 		};
@@ -2598,12 +2605,94 @@ window.__ModuleLoader__.load({
 			"dialog.title": "Scan to share",
 			"dialog.hint": "Scan the QR code below with your phone camera. The phone will log in to this session; the token lives as long as the browser cookie.",
 			"dialog.urlLabel": "URL",
+			"dialog.copy": "Copy link",
+			"dialog.copied": "Copied",
+			"dialog.copyFailed": "Copy failed",
 			"dialog.close": "Close",
 			"dialog.error": "Failed to render QR code"
 		};
+		/**
+		* Extra dictionaries for non-built-in locales. These ride the
+		* single-locale registration overload; a matching locale only activates
+		* when a language-pack plugin sets the preference.
+		*/
+		const extraDicts = {
+			"zh-Hant": {
+				"button.label": "分享",
+				"button.tooltip": "掃碼將目前工作階段分享到手機",
+				"dialog.title": "掃碼分享",
+				"dialog.hint": "用手機相機掃描下方 QR Code。手機開啟後會自動以目前帳號登入，token 與瀏覽器 cookie 同壽命。",
+				"dialog.urlLabel": "連結",
+				"dialog.copy": "複製連結",
+				"dialog.copied": "已複製",
+				"dialog.copyFailed": "複製失敗",
+				"dialog.close": "關閉",
+				"dialog.error": "QR Code 產生失敗"
+			},
+			ja: {
+				"button.label": "共有",
+				"button.tooltip": "スキャンしてこのセッションをスマホに共有",
+				"dialog.title": "スキャンして共有",
+				"dialog.hint": "スマホのカメラで下のQRコードを読み取ってください。そのセッションに自動でログインし、トークンの有効期限はブラウザのCookieと同じです。",
+				"dialog.urlLabel": "リンク",
+				"dialog.copy": "リンクをコピー",
+				"dialog.copied": "コピーしました",
+				"dialog.copyFailed": "コピーに失敗しました",
+				"dialog.close": "閉じる",
+				"dialog.error": "QRコードの生成に失敗しました"
+			},
+			ko: {
+				"button.label": "공유",
+				"button.tooltip": "스캔하여 현재 세션을 휴대폰으로 공유",
+				"dialog.title": "스캔하여 공유",
+				"dialog.hint": "휴대폰 카메라로 아래 QR 코드를 스캔하세요. 휴대폰이 이 세션에 자동으로 로그인되며, 토큰은 브라우저 쿠키와 같은 수명을 가집니다.",
+				"dialog.urlLabel": "링크",
+				"dialog.copy": "링크 복사",
+				"dialog.copied": "복사됨",
+				"dialog.copyFailed": "복사 실패",
+				"dialog.close": "닫기",
+				"dialog.error": "QR 코드 생성 실패"
+			},
+			fr: {
+				"button.label": "Partager",
+				"button.tooltip": "Scannez pour partager cette session avec votre téléphone",
+				"dialog.title": "Scanner pour partager",
+				"dialog.hint": "Scannez le QR code ci-dessous avec l'appareil photo de votre téléphone. Le téléphone se connectera à cette session ; le jeton a la même durée de vie que le cookie du navigateur.",
+				"dialog.urlLabel": "Lien",
+				"dialog.copy": "Copier le lien",
+				"dialog.copied": "Copié",
+				"dialog.copyFailed": "Échec de la copie",
+				"dialog.close": "Fermer",
+				"dialog.error": "Échec de la génération du QR code"
+			},
+			de: {
+				"button.label": "Teilen",
+				"button.tooltip": "Scannen, um diese Sitzung mit dem Telefon zu teilen",
+				"dialog.title": "Scannen zum Teilen",
+				"dialog.hint": "Scannen Sie den untenstehenden QR-Code mit der Kamera Ihres Telefons. Das Telefon meldet sich an dieser Sitzung an; das Token lebt so lange wie das Browser-Cookie.",
+				"dialog.urlLabel": "Link",
+				"dialog.copy": "Link kopieren",
+				"dialog.copied": "Kopiert",
+				"dialog.copyFailed": "Kopieren fehlgeschlagen",
+				"dialog.close": "Schließen",
+				"dialog.error": "QR-Code konnte nicht erstellt werden"
+			},
+			ru: {
+				"button.label": "Поделиться",
+				"button.tooltip": "Отсканируйте, чтобы поделиться этой сессией с телефоном",
+				"dialog.title": "Отсканируйте для доступа",
+				"dialog.hint": "Отсканируйте QR-код ниже камерой телефона. Телефон войдёт в эту сессию; токен живёт столько же, сколько cookie браузера.",
+				"dialog.urlLabel": "Ссылка",
+				"dialog.copy": "Копировать ссылку",
+				"dialog.copied": "Скопировано",
+				"dialog.copyFailed": "Не удалось скопировать",
+				"dialog.close": "Закрыть",
+				"dialog.error": "Не удалось создать QR-код"
+			}
+		};
 		//#endregion
 		//#region \0dsh-css:/root/ai/dsh-qr-share/src/client/styles.module.css.mjs
-		const css = ".GjS9-q_button{width:100%;color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;display:inline-flex}.GjS9-q_button:hover{background:color-mix(in srgb, currentColor 8%, transparent)}.GjS9-q_button:focus-visible{outline-offset:-2px;outline:2px solid}.GjS9-q_buttonLabel{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.GjS9-q_backdrop{z-index:9999;background:#00000073;place-items:center;animation:.12s ease-out GjS9-q_dsh-qr-share-fade-in;display:grid;position:fixed;inset:0}.GjS9-q_dialog{background:var(--dsh-qr-share-dialog-bg,var(--dsw-alias-bg-layer-1,var(--dsw-alias-bg-overlay,#2c2c2e)));color:var(--dsh-qr-share-dialog-fg,currentColor);border:1px solid color-mix(in srgb, currentColor 12%, transparent);border-radius:12px;flex-direction:column;align-items:center;gap:12px;min-width:320px;max-width:420px;padding:24px;animation:.16s cubic-bezier(.2,.9,.3,1.2) GjS9-q_dsh-qr-share-pop-in;display:flex;box-shadow:0 12px 32px #00000040}.GjS9-q_title{margin:0;font-size:16px;font-weight:600}.GjS9-q_canvas{image-rendering:pixelated;background:#fff;border-radius:8px;padding:8px;display:block}.GjS9-q_err{color:#d23f3f;margin:0;font-size:13px}.GjS9-q_urlBlock{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.GjS9-q_urlLabel{text-transform:uppercase;letter-spacing:.05em;opacity:.6;font-size:11px}.GjS9-q_url{word-break:break-all;background:color-mix(in srgb, currentColor 6%, transparent);text-align:center;border-radius:4px;max-width:100%;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.GjS9-q_hint{opacity:.7;text-align:center;margin:0;font-size:12px}.GjS9-q_close{border:1px solid color-mix(in srgb, currentColor 20%, transparent);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:6px;margin-top:4px;padding:8px 16px}.GjS9-q_close:hover{background:color-mix(in srgb, currentColor 8%, transparent)}.GjS9-q_close:focus-visible{outline-offset:-2px;outline:2px solid}@keyframes GjS9-q_dsh-qr-share-fade-in{0%{opacity:0}to{opacity:1}}@keyframes GjS9-q_dsh-qr-share-pop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}";
+		const css = ".GjS9-q_button{width:100%;color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;display:inline-flex}.GjS9-q_button:hover{background:color-mix(in srgb, currentColor 8%, transparent)}.GjS9-q_button:focus-visible{outline-offset:-2px;outline:2px solid}.GjS9-q_buttonLabel{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.GjS9-q_backdrop{z-index:9999;background:#00000073;place-items:center;animation:.12s ease-out GjS9-q_dsh-qr-share-fade-in;display:grid;position:fixed;inset:0}.GjS9-q_dialog{background:var(--dsh-qr-share-dialog-bg,var(--dsw-alias-bg-layer-1,var(--dsw-alias-bg-overlay,#2c2c2e)));color:var(--dsh-qr-share-dialog-fg,currentColor);border:1px solid color-mix(in srgb, currentColor 12%, transparent);border-radius:12px;flex-direction:column;align-items:center;gap:12px;min-width:320px;max-width:420px;padding:24px;animation:.16s cubic-bezier(.2,.9,.3,1.2) GjS9-q_dsh-qr-share-pop-in;display:flex;box-shadow:0 12px 32px #00000040}.GjS9-q_title{margin:0;font-size:16px;font-weight:600}.GjS9-q_canvas{image-rendering:pixelated;background:#fff;border-radius:8px;padding:8px;display:block}.GjS9-q_err{color:#d23f3f;margin:0;font-size:13px}.GjS9-q_urlBlock{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.GjS9-q_urlLabel{text-transform:uppercase;letter-spacing:.05em;opacity:.6;font-size:11px}.GjS9-q_url{word-break:break-all;background:color-mix(in srgb, currentColor 6%, transparent);text-align:center;border-radius:4px;max-width:100%;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.GjS9-q_hint{opacity:.7;text-align:center;margin:0;font-size:12px}.GjS9-q_actions{gap:8px;margin-top:4px;display:flex}.GjS9-q_action{border:1px solid color-mix(in srgb, currentColor 20%, transparent);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:8px 16px}.GjS9-q_action:hover{background:color-mix(in srgb, currentColor 8%, transparent)}.GjS9-q_action:focus-visible{outline-offset:-2px;outline:2px solid}@keyframes GjS9-q_dsh-qr-share-fade-in{0%{opacity:0}to{opacity:1}}@keyframes GjS9-q_dsh-qr-share-pop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}";
 		const tagId = "dsh-qr-share/styles.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -2613,20 +2702,21 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var styles_module_css_default = {
-			"button": "GjS9-q_button",
-			"canvas": "GjS9-q_canvas",
-			"err": "GjS9-q_err",
-			"dialog": "GjS9-q_dialog",
-			"buttonLabel": "GjS9-q_buttonLabel",
-			"dsh-qr-share-pop-in": "GjS9-q_dsh-qr-share-pop-in",
-			"backdrop": "GjS9-q_backdrop",
-			"urlLabel": "GjS9-q_urlLabel",
-			"url": "GjS9-q_url",
-			"hint": "GjS9-q_hint",
 			"title": "GjS9-q_title",
+			"backdrop": "GjS9-q_backdrop",
 			"urlBlock": "GjS9-q_urlBlock",
+			"dialog": "GjS9-q_dialog",
+			"hint": "GjS9-q_hint",
+			"err": "GjS9-q_err",
+			"button": "GjS9-q_button",
+			"urlLabel": "GjS9-q_urlLabel",
+			"actions": "GjS9-q_actions",
 			"dsh-qr-share-fade-in": "GjS9-q_dsh-qr-share-fade-in",
-			"close": "GjS9-q_close"
+			"action": "GjS9-q_action",
+			"dsh-qr-share-pop-in": "GjS9-q_dsh-qr-share-pop-in",
+			"canvas": "GjS9-q_canvas",
+			"buttonLabel": "GjS9-q_buttonLabel",
+			"url": "GjS9-q_url"
 		};
 		//#endregion
 		//#region src/client/QrDialog.tsx
@@ -2654,6 +2744,30 @@ window.__ModuleLoader__.load({
 			url.searchParams.set("token", token);
 			return url.toString();
 		}
+		/**
+		* Write text to the clipboard. Prefers the async Clipboard API; falls
+		* back to the legacy execCommand path for older WebViews / non-secure
+		* contexts where navigator.clipboard is absent.
+		*/
+		async function copyTextToClipboard(text) {
+			if (typeof navigator !== "undefined" && navigator.clipboard !== void 0) try {
+				await navigator.clipboard.writeText(text);
+				return true;
+			} catch {}
+			try {
+				const area = document.createElement("textarea");
+				area.value = text;
+				area.style.position = "fixed";
+				area.style.opacity = "0";
+				document.body.appendChild(area);
+				area.select();
+				const ok = document.execCommand("copy");
+				document.body.removeChild(area);
+				return ok;
+			} catch {
+				return false;
+			}
+		}
 		function QrDialog({ token, tokenTtlMs, t, onClose }) {
 			const canvasRef = (0, react.useRef)(null);
 			const [payload, setPayload] = (0, react.useState)("");
@@ -2680,6 +2794,21 @@ window.__ModuleLoader__.load({
 					setError(reason instanceof Error ? reason.message : String(reason));
 				});
 			}, [token, portalTarget]);
+			const [copyState, setCopyState] = (0, react.useState)("idle");
+			(0, react.useEffect)(() => {
+				if (copyState === "idle") return;
+				const timer = setTimeout(() => {
+					setCopyState("idle");
+				}, 1500);
+				return () => {
+					clearTimeout(timer);
+				};
+			}, [copyState]);
+			const onCopy = () => {
+				copyTextToClipboard(payload !== "" ? payload : composeQrUrl(token)).then((ok) => {
+					setCopyState(ok ? "copied" : "failed");
+				});
+			};
 			(0, react.useEffect)(() => {
 				const onKey = (e) => {
 					if (e.key === "Escape") onClose();
@@ -2710,11 +2839,15 @@ window.__ModuleLoader__.load({
 				className: styles_module_css_default.canvas,
 				width: 256,
 				height: 256
-			}), (0, react.createElement)("div", { className: styles_module_css_default.urlBlock }, (0, react.createElement)("span", { className: styles_module_css_default.urlLabel }, t("dialog.urlLabel")), (0, react.createElement)("code", { className: styles_module_css_default.url }, payload)), (0, react.createElement)("p", { className: styles_module_css_default.hint }, t("dialog.hint")), (0, react.createElement)("button", {
+			}), (0, react.createElement)("div", { className: styles_module_css_default.urlBlock }, (0, react.createElement)("span", { className: styles_module_css_default.urlLabel }, t("dialog.urlLabel")), (0, react.createElement)("code", { className: styles_module_css_default.url }, payload)), (0, react.createElement)("p", { className: styles_module_css_default.hint }, t("dialog.hint")), (0, react.createElement)("div", { className: styles_module_css_default.actions }, (0, react.createElement)("button", {
+				type: "button",
+				className: styles_module_css_default.action,
+				onClick: onCopy
+			}, copyState === "copied" ? t("dialog.copied") : copyState === "failed" ? t("dialog.copyFailed") : t("dialog.copy")), (0, react.createElement)("button", {
 				type: "button",
-				className: styles_module_css_default.close,
+				className: styles_module_css_default.action,
 				onClick: onClose
-			}, t("dialog.close")))), portalTarget);
+			}, t("dialog.close"))))), portalTarget);
 		}
 		//#endregion
 		//#region src/client/QrButton.tsx
@@ -2823,10 +2956,15 @@ window.__ModuleLoader__.load({
 		* @param ctx - client root context (slots + locale + connection injected).
 		*/
 		function apply(ctx) {
-			ctx.effect(() => ctx.locale.register(LOCALE_NS, {
-				zh,
-				en
-			}), "qr-share: dictionaries");
+			ctx.effect(() => {
+				const disposers = [ctx.locale.register(LOCALE_NS, {
+					zh,
+					en
+				}), ...Object.entries(extraDicts).map(([locale, dict]) => ctx.locale.register(LOCALE_NS, locale, dict))];
+				return () => {
+					for (const dispose of disposers) dispose();
+				};
+			}, "qr-share: dictionaries");
 			const t = ctx.locale.bind(LOCALE_NS);
 			ctx.slots.inject("sidebar.footer.action", () => ctx.slots.register({
 				name: "sidebar.footer.action",

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

@@ -6,6 +6,7 @@ declare module '@deepseek-ai/cordis' {
                 zh: unknown;
                 en: unknown;
             }): () => void;
+            register(ns: string, locale: string, dict: unknown): () => void;
             bind(ns: string): (k: string) => string;
         };
         slots: {

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

@@ -1,6 +1,10 @@
 /**
- * dsh-qr-share dictionaries: zh-Hans + en. The shell's locale service
- * drives the active language; the footer action reads via `ctx.locale.bind`.
+ * dsh-qr-share dictionaries. The DSH shell ships `zh` + `en` as built-in
+ * locales and falls back through its language chain; additional
+ * dictionaries below (`zh-Hant`, `ja`, `ko`, `fr`, `de`, `ru`) register
+ * through the single-locale overload and activate whenever a language
+ * pack sets that preference. Unregistered locales still fall back to
+ * the built-in chain (`zh`/`en`).
  */
 export declare const LOCALE_NS: "qr-share";
 export interface QrShareKey {
@@ -9,8 +13,17 @@ export interface QrShareKey {
     'dialog.title': string;
     'dialog.hint': string;
     'dialog.urlLabel': string;
+    'dialog.copy': string;
+    'dialog.copied': string;
+    'dialog.copyFailed': string;
     'dialog.close': string;
     'dialog.error': string;
 }
 export declare const zh: QrShareKey;
 export declare const en: QrShareKey;
+/**
+ * Extra dictionaries for non-built-in locales. These ride the
+ * single-locale registration overload; a matching locale only activates
+ * when a language-pack plugin sets the preference.
+ */
+export declare const extraDicts: Record<string, QrShareKey>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-qr-share",
-  "version": "0.2.0",
+  "version": "0.3.1",
   "description": "DSH web plugin: a sidebar footer QR-code button that lets a phone scan and re-issue the current browser's authenticated launch URL, reusing the same ?token exchange the desktop just completed.",
   "type": "module",
   "repository": {
@@ -57,9 +57,7 @@
     },
     "client": {
       "inject": [
-        "@deepseek-ai/dsh-client-runtime",
         "@deepseek-ai/dsh-client-locale",
-        "@deepseek-ai/dsh-client-ui-slots",
         "@deepseek-ai/dsh-client-ui-sidebar"
       ],
       "platform": "web"

package/src/client/QrDialog.test.tsx

@@ -110,4 +110,28 @@ describe('QrDialog', () => {
     fireEvent.click(getByRole('button', { name: 'dialog.close' }))
     expect(onClose).toHaveBeenCalledTimes(1)
   })
+
+  it('renders a Copy button that writes the composed URL via the Clipboard API', async () => {
+    const writeText = vi.fn(() => Promise.resolve())
+    Object.defineProperty(navigator, 'clipboard', {
+      value: { writeText },
+      configurable: true,
+    })
+    const { getByRole, findByText } = render(<QrDialog {...baseProps} />)
+    fireEvent.click(getByRole('button', { name: 'dialog.copy' }))
+    expect(writeText).toHaveBeenCalledWith(`${window.location.origin}/?token=tok-123`)
+    // Feedback flips to the localized "copied" label.
+    expect(await findByText('dialog.copied')).toBeInTheDocument()
+  })
+
+  it('shows the failure label when the copy path rejects', async () => {
+    const writeText = vi.fn(() => Promise.reject(new Error('denied')))
+    Object.defineProperty(navigator, 'clipboard', {
+      value: { writeText },
+      configurable: true,
+    })
+    const { getByRole, findByText } = render(<QrDialog {...baseProps} />)
+    fireEvent.click(getByRole('button', { name: 'dialog.copy' }))
+    expect(await findByText('dialog.copyFailed')).toBeInTheDocument()
+  })
 })

package/src/client/QrDialog.tsx

@@ -38,6 +38,35 @@ function composeQrUrl(token: string): string {
   return url.toString()
 }
 
+/**
+ * Write text to the clipboard. Prefers the async Clipboard API; falls
+ * back to the legacy execCommand path for older WebViews / non-secure
+ * contexts where navigator.clipboard is absent.
+ */
+async function copyTextToClipboard(text: string): Promise<boolean> {
+  if (typeof navigator !== 'undefined' && navigator.clipboard !== undefined) {
+    try {
+      await navigator.clipboard.writeText(text)
+      return true
+    } catch {
+      // Fall through to the legacy path — e.g. permission policy denial.
+    }
+  }
+  try {
+    const area = document.createElement('textarea')
+    area.value = text
+    area.style.position = 'fixed'
+    area.style.opacity = '0'
+    document.body.appendChild(area)
+    area.select()
+    const ok = document.execCommand('copy')
+    document.body.removeChild(area)
+    return ok
+  } catch {
+    return false
+  }
+}
+
 export function QrDialog({ token, tokenTtlMs, t, onClose }: QrDialogProps): ReactNode {
   const canvasRef = useRef<HTMLCanvasElement | null>(null)
   const [payload, setPayload] = useState<string>('')
@@ -79,6 +108,19 @@ export function QrDialog({ token, tokenTtlMs, t, onClose }: QrDialogProps): Reac
   // dialog could render a "expires in Nh" line in the future.
   void tokenTtlMs
 
+  // Copy feedback: idle → copied|copyFailed for a short window, then back.
+  const [copyState, setCopyState] = useState<'idle' | 'copied' | 'failed'>('idle')
+  useEffect(() => {
+    if (copyState === 'idle') return
+    const timer = setTimeout(() => { setCopyState('idle') }, 1500)
+    return () => { clearTimeout(timer) }
+  }, [copyState])
+
+  const onCopy = (): void => {
+    const url = payload !== '' ? payload : composeQrUrl(token)
+    void copyTextToClipboard(url).then((ok) => { setCopyState(ok ? 'copied' : 'failed') })
+  }
+
   // Escape + backdrop dismiss. The dialog is rendered above the sidebar
   // (fixed position) so the user expects the same UX as other DSH modals.
   useEffect(() => {
@@ -122,11 +164,22 @@ export function QrDialog({ token, tokenTtlMs, t, onClose }: QrDialogProps): Reac
           createElement('code', { className: styles.url }, payload),
         ),
         createElement('p', { className: styles.hint }, t('dialog.hint')),
-        createElement('button', {
-          type: 'button',
-          className: styles.close,
-          onClick: onClose,
-        }, t('dialog.close')),
+        createElement('div', { className: styles.actions },
+          createElement('button', {
+            type: 'button',
+            className: styles.action,
+            onClick: onCopy,
+          }, copyState === 'copied'
+            ? t('dialog.copied')
+            : copyState === 'failed'
+              ? t('dialog.copyFailed')
+              : t('dialog.copy')),
+          createElement('button', {
+            type: 'button',
+            className: styles.action,
+            onClick: onClose,
+          }, t('dialog.close')),
+        ),
       ),
     ),
     portalTarget,

package/src/client/index.tsx

@@ -14,7 +14,7 @@ import { Fragment, createElement, useEffect, useState } from 'react'
 import type { ReactNode } from 'react'
 import { QrButton } from './QrButton.tsx'
 import { fetchShareInfo, type ShareInfo } from './api.ts'
-import { LOCALE_NS, zh, en } from './locales.ts'
+import { LOCALE_NS, zh, en, extraDicts } from './locales.ts'
 
 // Ambient module augmentations — the host runtime supplies the real
 // service shapes via type-only declarations in its `@deepseek-ai/*`
@@ -23,6 +23,7 @@ declare module '@deepseek-ai/cordis' {
   interface Context {
     locale: {
       register(ns: string, dict: { zh: unknown; en: unknown }): () => void
+      register(ns: string, locale: string, dict: unknown): () => void
       bind(ns: string): (k: string) => string
     }
     slots: {
@@ -89,7 +90,18 @@ function FooterAction(
 export function apply(ctx: import('@deepseek-ai/cordis').Context): void {
   // Locale registration is a side-effect on the locale service; the slot
   // rendering reads through the bound `t` thunk the apply captures here.
-  ctx.effect(() => ctx.locale.register(LOCALE_NS, { zh, en }), 'qr-share: dictionaries')
+  // Built-in locales use the one-call form; extra dictionaries register
+  // individually via the single-locale overload. All disposers run in one
+  // effect so HMR / fiber teardown removes every dictionary together.
+  ctx.effect(() => {
+    const disposers = [
+      ctx.locale.register(LOCALE_NS, { zh, en }),
+      ...Object.entries(extraDicts).map(([locale, dict]) =>
+        ctx.locale.register(LOCALE_NS, locale, dict),
+      ),
+    ]
+    return () => { for (const dispose of disposers) dispose() }
+  }, 'qr-share: dictionaries')
   const t = ctx.locale.bind(LOCALE_NS) as (k: keyof typeof zh) => string
 
   ctx.slots.inject('sidebar.footer.action', () =>

package/src/client/locales.ts

@@ -1,6 +1,10 @@
 /**
- * dsh-qr-share dictionaries: zh-Hans + en. The shell's locale service
- * drives the active language; the footer action reads via `ctx.locale.bind`.
+ * dsh-qr-share dictionaries. The DSH shell ships `zh` + `en` as built-in
+ * locales and falls back through its language chain; additional
+ * dictionaries below (`zh-Hant`, `ja`, `ko`, `fr`, `de`, `ru`) register
+ * through the single-locale overload and activate whenever a language
+ * pack sets that preference. Unregistered locales still fall back to
+ * the built-in chain (`zh`/`en`).
  */
 
 export const LOCALE_NS = 'qr-share' as const
@@ -11,6 +15,9 @@ export interface QrShareKey {
   'dialog.title': string
   'dialog.hint': string
   'dialog.urlLabel': string
+  'dialog.copy': string
+  'dialog.copied': string
+  'dialog.copyFailed': string
   'dialog.close': string
   'dialog.error': string
 }
@@ -22,6 +29,9 @@ export const zh: QrShareKey = {
   'dialog.hint':
     '用手机相机扫描下方二维码。手机打开后会自动以当前账号登录，token 与浏览器 cookie 同寿命。',
   'dialog.urlLabel': '链接',
+  'dialog.copy': '复制链接',
+  'dialog.copied': '已复制',
+  'dialog.copyFailed': '复制失败',
   'dialog.close': '关闭',
   'dialog.error': '二维码生成失败',
 }
@@ -33,6 +43,95 @@ export const en: QrShareKey = {
   'dialog.hint':
     'Scan the QR code below with your phone camera. The phone will log in to this session; the token lives as long as the browser cookie.',
   'dialog.urlLabel': 'URL',
+  'dialog.copy': 'Copy link',
+  'dialog.copied': 'Copied',
+  'dialog.copyFailed': 'Copy failed',
   'dialog.close': 'Close',
   'dialog.error': 'Failed to render QR code',
 }
+
+/**
+ * Extra dictionaries for non-built-in locales. These ride the
+ * single-locale registration overload; a matching locale only activates
+ * when a language-pack plugin sets the preference.
+ */
+export const extraDicts: Record<string, QrShareKey> = {
+  'zh-Hant': {
+    'button.label': '分享',
+    'button.tooltip': '掃碼將目前工作階段分享到手機',
+    'dialog.title': '掃碼分享',
+    'dialog.hint':
+      '用手機相機掃描下方 QR Code。手機開啟後會自動以目前帳號登入，token 與瀏覽器 cookie 同壽命。',
+    'dialog.urlLabel': '連結',
+    'dialog.copy': '複製連結',
+    'dialog.copied': '已複製',
+    'dialog.copyFailed': '複製失敗',
+    'dialog.close': '關閉',
+    'dialog.error': 'QR Code 產生失敗',
+  },
+  ja: {
+    'button.label': '共有',
+    'button.tooltip': 'スキャンしてこのセッションをスマホに共有',
+    'dialog.title': 'スキャンして共有',
+    'dialog.hint':
+      'スマホのカメラで下のQRコードを読み取ってください。そのセッションに自動でログインし、トークンの有効期限はブラウザのCookieと同じです。',
+    'dialog.urlLabel': 'リンク',
+    'dialog.copy': 'リンクをコピー',
+    'dialog.copied': 'コピーしました',
+    'dialog.copyFailed': 'コピーに失敗しました',
+    'dialog.close': '閉じる',
+    'dialog.error': 'QRコードの生成に失敗しました',
+  },
+  ko: {
+    'button.label': '공유',
+    'button.tooltip': '스캔하여 현재 세션을 휴대폰으로 공유',
+    'dialog.title': '스캔하여 공유',
+    'dialog.hint':
+      '휴대폰 카메라로 아래 QR 코드를 스캔하세요. 휴대폰이 이 세션에 자동으로 로그인되며, 토큰은 브라우저 쿠키와 같은 수명을 가집니다.',
+    'dialog.urlLabel': '링크',
+    'dialog.copy': '링크 복사',
+    'dialog.copied': '복사됨',
+    'dialog.copyFailed': '복사 실패',
+    'dialog.close': '닫기',
+    'dialog.error': 'QR 코드 생성 실패',
+  },
+  fr: {
+    'button.label': 'Partager',
+    'button.tooltip': 'Scannez pour partager cette session avec votre téléphone',
+    'dialog.title': 'Scanner pour partager',
+    'dialog.hint':
+      "Scannez le QR code ci-dessous avec l'appareil photo de votre téléphone. Le téléphone se connectera à cette session ; le jeton a la même durée de vie que le cookie du navigateur.",
+    'dialog.urlLabel': 'Lien',
+    'dialog.copy': 'Copier le lien',
+    'dialog.copied': 'Copié',
+    'dialog.copyFailed': 'Échec de la copie',
+    'dialog.close': 'Fermer',
+    'dialog.error': 'Échec de la génération du QR code',
+  },
+  de: {
+    'button.label': 'Teilen',
+    'button.tooltip': 'Scannen, um diese Sitzung mit dem Telefon zu teilen',
+    'dialog.title': 'Scannen zum Teilen',
+    'dialog.hint':
+      'Scannen Sie den untenstehenden QR-Code mit der Kamera Ihres Telefons. Das Telefon meldet sich an dieser Sitzung an; das Token lebt so lange wie das Browser-Cookie.',
+    'dialog.urlLabel': 'Link',
+    'dialog.copy': 'Link kopieren',
+    'dialog.copied': 'Kopiert',
+    'dialog.copyFailed': 'Kopieren fehlgeschlagen',
+    'dialog.close': 'Schließen',
+    'dialog.error': 'QR-Code konnte nicht erstellt werden',
+  },
+  ru: {
+    'button.label': 'Поделиться',
+    'button.tooltip': 'Отсканируйте, чтобы поделиться этой сессией с телефоном',
+    'dialog.title': 'Отсканируйте для доступа',
+    'dialog.hint':
+      'Отсканируйте QR-код ниже камерой телефона. Телефон войдёт в эту сессию; токен живёт столько же, сколько cookie браузера.',
+    'dialog.urlLabel': 'Ссылка',
+    'dialog.copy': 'Копировать ссылку',
+    'dialog.copied': 'Скопировано',
+    'dialog.copyFailed': 'Не удалось скопировать',
+    'dialog.close': 'Закрыть',
+    'dialog.error': 'Не удалось создать QR-код',
+  },
+}

package/src/client/styles.module.css

@@ -146,8 +146,13 @@
   margin: 0;
 }
 
-.close {
+.actions {
+  display: flex;
+  gap: 8px;
   margin-top: 4px;
+}
+
+.action {
   padding: 8px 16px;
   border: 1px solid color-mix(in srgb, currentColor 20%, transparent);
   background: transparent;
@@ -157,11 +162,11 @@
   cursor: pointer;
 }
 
-.close:hover {
+.action:hover {
   background: color-mix(in srgb, currentColor 8%, transparent);
 }
 
-.close:focus-visible {
+.action:focus-visible {
   outline: 2px solid currentColor;
   outline-offset: -2px;
 }