@dsh-cove/dsh-web-all 0.0.0-stage → 0.4.4

package/src/client/conversation/worktree/locales.ts

@@ -0,0 +1,97 @@
+/**
+ * `worktree` namespace dictionaries: the conversation header chip's popover
+ * (facts, the PR action, and one delete action) and the dialogs it opens.
+ * zh is the key-set source of truth; en must keep the exact same key set.
+ *
+ * Copy rule (issue: the names were unreadable): these strings are what the user
+ * reads, so they say "分支目录 / branch directory" and never the implementation
+ * words `worktree` or `lane`. `tests/worktree-client-locales.spec.ts` enforces
+ * that on both dictionaries.
+ */
+
+/** Simplified Chinese dictionary (the key-set source of truth). */
+export const zh = {
+  'menu.aria': '管理该分支的目录（{branch}）',
+  'menu.path': '目录',
+  'menu.pr': '提交 PR',
+  'menu.delete': '删除…',
+  'menu.refresh': '检查是否已合并',
+  'menu.running': '当前对话正在运行：请先停止本轮，再删除。',
+  'menu.selfTeardown': '该目录属于当前对话：删除会一并归档本对话。',
+  'worktree.prTitle': '为「{name}」提交 PR',
+  'worktree.prDescription': '推送该分支并创建 pull request。默认打开 GitHub 对比页；配置了 GitHub token 时直接调用 API 创建。',
+  'worktree.prBase': '目标分支（base）',
+  'worktree.prConfirm': '推送并创建 PR',
+  'worktree.prOpen': '打开 PR',
+  'worktree.prSuccess': '分支已推送，PR 已就绪：',
+  'worktree.deleteTitle': '删除「{name}」',
+  'worktree.deleteDescription': '删除该分支的目录与记录，并归档它的对话。',
+  'worktree.deleteBranch': '同时删除本地分支',
+  'worktree.deleteBranchHint': '不勾选时只删目录，本地分支保留，之后还能再用它建目录。',
+  'worktree.deleteForce': '强制删除（丢弃未提交改动；未合并的分支也删）',
+  'worktree.deleteForceWarning': '强制会丢弃未提交改动；未合并的分支也会被删除，不可恢复。',
+  'worktree.deleteConfirm': '删除',
+  'dialog.close': '关闭',
+  'dialog.cancel': '取消',
+  'dialog.confirm': '确定',
+  'error.gitFailed': 'git 操作失败：{error}',
+  'error.worktreeExists': '同名分支已存在，请换个名字，或先删掉旧分支。',
+  'error.worktreeNotFound': '没有找到这个目录。',
+  'error.notARepository': '这个目录不是 git 仓库。',
+  'error.workspaceUnknown': '这个目录不在你的 DSH 工作区里，无法在这里操作。',
+  'error.invalidBranch': '分支名不可用。',
+  'error.worktreeBusy': '这个目录还有正在运行的对话，或存在未提交改动；请先停止对话，或勾选强制删除。',
+  'error.notMerged': '这个分支还没合并；请先合并 PR，或勾选强制删除。',
+  'error.laneSession': '没能把对话绑定到这个目录：主机没有这条绑定记录（目录可能不在清单里，或会话服务不可用）。',
+  'error.laneMismatch': '这个对话不在该分支目录里，无法绑定。',
+  'error.permissionDenied': '操作被拒绝：只有本机，或带浏览器会话的受信入口才允许修改分支目录。',
+  'error.unreachable': '连不上分支目录服务：{error}',
+} satisfies Record<string, string>
+
+/** The worktree namespace key union. */
+export type WorktreeKey = keyof typeof zh
+
+declare module '@deepseek-ai/dsh-client-ui-slots' {
+  interface LocaleNamespaceMap {
+    worktree: WorktreeKey
+  }
+}
+
+/** English dictionary, checked complete against the zh key set. */
+export const en: Record<WorktreeKey, string> = {
+  'menu.aria': 'Manage the directory for this branch ({branch})',
+  'menu.path': 'Directory',
+  'menu.pr': 'Open PR',
+  'menu.delete': 'Delete…',
+  'menu.refresh': 'Check whether it is merged',
+  'menu.running': 'This conversation is running: stop the current turn before deleting.',
+  'menu.selfTeardown': 'This directory belongs to this conversation: deleting archives the conversation too.',
+  'worktree.prTitle': 'Open a pull request for "{name}"',
+  'worktree.prDescription': 'Pushes the branch and creates a pull request. Opens the GitHub compare page by default; uses the REST API when a GitHub token is configured.',
+  'worktree.prBase': 'Target branch (base)',
+  'worktree.prConfirm': 'Push and create PR',
+  'worktree.prOpen': 'Open PR',
+  'worktree.prSuccess': 'Branch pushed, PR ready:',
+  'worktree.deleteTitle': 'Delete "{name}"',
+  'worktree.deleteDescription': "Deletes this branch's directory and its record, and archives its conversation.",
+  'worktree.deleteBranch': 'Also delete the local branch',
+  'worktree.deleteBranchHint': 'Leave it unchecked to keep the local branch, so a directory can be made for it again later.',
+  'worktree.deleteForce': 'Force delete (discard uncommitted changes; delete an unmerged branch too)',
+  'worktree.deleteForceWarning': 'Force discards uncommitted changes and deletes an unmerged branch. This cannot be undone.',
+  'worktree.deleteConfirm': 'Delete',
+  'dialog.close': 'Close',
+  'dialog.cancel': 'Cancel',
+  'dialog.confirm': 'Confirm',
+  'error.gitFailed': 'git failed: {error}',
+  'error.worktreeExists': 'A local branch with that name already exists; choose another name or delete the old branch first.',
+  'error.worktreeNotFound': 'No such directory.',
+  'error.notARepository': 'This directory is not a git repository.',
+  'error.workspaceUnknown': 'This directory is not one of your DSH workspaces, so it cannot be used here.',
+  'error.invalidBranch': 'That branch name is not valid.',
+  'error.worktreeBusy': 'A running conversation or uncommitted changes block this directory; stop the conversation, or use force delete.',
+  'error.notMerged': 'The branch is not merged yet; merge the pull request first, or use force delete.',
+  'error.laneSession': 'Could not bind the conversation to this directory: the host recorded no binding (the directory may be missing from its manifest, or the sessions service is unavailable).',
+  'error.laneMismatch': 'This conversation is not running in that branch directory, so it cannot be bound to it.',
+  'error.permissionDenied': 'Permission denied: only this machine, or a deployment-declared browser entry with a session, may change a branch directory.',
+  'error.unreachable': 'The branch directory service did not answer: {error}',
+}

package/src/client/conversation/worktree/semantic.ts

@@ -0,0 +1,10 @@
+/**
+ * Semantic attribute values for the worktree capability. Its surface is the
+ * conversation header chip and the popover that chip opens: there is no
+ * sidebar entry and no management panel anymore.
+ */
+export const WORKTREE_PLUGIN = 'worktree'
+/** Conversation header chip showing the session's branch (lane or main checkout). */
+export const WORKTREE_PART_LANE_CHIP = 'lane-chip'
+/** Popover opened from the lane chip: the lane's facts plus its teardown actions. */
+export const WORKTREE_PART_LANE_MENU = 'lane-menu'

package/src/client/conversation/worktree/worktree.module.css

@@ -0,0 +1,70 @@
+/** Dialog field styling shared by the branch-create and delete modals. */
+
+.dialogBody {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.field {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.fieldLabel {
+  font-size: 11.5px;
+  color: var(--dsw-alias-label-secondary);
+}
+
+.fieldInput {
+  height: 30px;
+  padding: 0 10px;
+  border: 1px solid var(--dsw-alias-border-l1, rgba(127, 127, 127, 0.25));
+  border-radius: 8px;
+  background: var(--dsw-alias-bg-overlay);
+  color: var(--dsw-alias-label-primary);
+  font: inherit;
+  font-size: 13px;
+  outline: none;
+}
+
+.fieldInput:focus {
+  border-color: var(--dsw-alias-interactive-border-active, var(--dsw-alias-label-secondary));
+}
+
+.dialogError {
+  font-size: 11.5px;
+  color: var(--dsw-alias-state-error-primary);
+}
+
+.checkboxRow {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 12.5px;
+  color: var(--dsw-alias-label-secondary);
+  cursor: pointer;
+}
+
+/** The one-line explanation under a checkbox, aligned with its label text. */
+.dialogHint {
+  margin-top: -4px;
+  padding-left: 22px;
+  font-size: 11.5px;
+  line-height: 1.5;
+  color: var(--dsw-alias-label-secondary);
+}
+
+.successText {
+  font-size: 12.5px;
+  color: var(--dsw-alias-label-secondary);
+}
+
+.prUrl {
+  margin-top: 6px;
+  font-size: 12px;
+  font-family: var(--dsw-font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
+  color: var(--dsw-alias-brand-primary);
+  word-break: break-all;
+}

package/src/client/css-modules.d.ts

@@ -0,0 +1,8 @@
+/** CSS Modules class-map declaration (tsdown compiles .module.css at build). */
+declare module '*.module.css' {
+  const classes: Record<string, string>
+  export default classes
+}
+
+/** Plain CSS side-effect imports (layout.css, vendor css) — tsdown inlines them. */
+declare module '*.css'

package/src/client/index.ts

@@ -0,0 +1,58 @@
+/**
+ * dsh-web-all — browser half.
+ *
+ * 全家桶实体插件的 client 半区：按 dsh 注入位置组织，位置是第一维度。
+ * 三个位置模块（sidebar / settings / conversation）各自负责一个
+ * 注入位置的全部注册与编排；本文件只做装配：挂 compat 补标、加载位置模块。
+ *
+ * 不再存在任何独立插件行：cordis.patch.yml 只有一行 `web-all`。
+ */
+import type { Context as ClientContext } from '@deepseek-ai/cordis'
+import type {} from '@deepseek-ai/dsh-client-ui-slots'
+import { mountCompat } from './compat.ts'
+import { mountGatewayTrust } from './trust.ts'
+import { mountSidebar } from './sidebar/index.ts'
+import { mountConversation } from './conversation/index.ts'
+import { mountLarkSettings } from './settings/lark-inbox.tsx'
+import { mountNotifySettings } from './settings/notify.tsx'
+
+/** Required services shared by the position modules (each may declare more). */
+export const inject = [
+  'slots',
+  'locale',
+  'sessions',
+  'theme',
+  'connection',
+  'remote',
+  'workspaces',
+] as const
+
+/**
+ * Application entry：装配四个位置模块 + compat shim。
+ * 每个位置模块直接挂载其完整能力并共享同一 Cordis 生命周期。
+ * @param ctx - client root context。
+ */
+/** 单模块挂载隔离：任一位置模块抛错不再拖垮整块客户端（并留下可诊断日志）。 */
+function mountPosition(ctx: ClientContext, label: string, fn: () => () => void): void {
+  ctx.effect(() => {
+    try {
+      return fn()
+    } catch (error) {
+      console.error(`[web-all] ${label} mount threw:`, error)
+      return () => {}
+    }
+  }, `web-all: ${label}`)
+}
+
+export function apply(ctx: ClientContext): void {
+  // 最先挂：网关页面的宿主信任（否则 0.2 会把设置面降级成内存态，模型页读不到配置）。
+  mountPosition(ctx, 'gateway trust', () => mountGatewayTrust(ctx))
+  // 家族只在设置页保留飞书配置（内置插件标签页），其余能力全部走默认值。
+  mountPosition(ctx, 'compat', () => mountCompat())
+  mountPosition(ctx, 'sidebar position', () => mountSidebar(ctx))
+  mountPosition(ctx, 'conversation position', () => mountConversation(ctx))
+  mountPosition(ctx, 'settings position', () => mountLarkSettings(ctx))
+  // 通知是飞书接入的出站半边，与「飞书」页并列成第二个标签页：两者配置同一个
+  // 机器人，但一个是「怎么收」、一个是「怎么发」，混在一页里两边的说明都会变糊。
+  mountPosition(ctx, 'settings position (notify)', () => mountNotifySettings(ctx))
+}

package/src/client/lark-inbox/i18n.ts

@@ -0,0 +1,125 @@
+/**
+ * 飞书设置页的本地字典（连接向导 + 命名空间配置表单）。
+ *
+ * 家族设置卡已移除，向导与配置页自带一份最小字典，不依赖设置位置的 locale
+ * 命名空间。zh 是键集来源，en 必须保持同一键集。
+ */
+
+export const zh = {
+  'settings.tab': '飞书',
+  'settings.title': '飞书连接与配置',
+  'settings.intro': '连接飞书机器人，并调整事件进入会话的方式。凭据由上方向导写入，不在此显示。',
+  'settings.summary': '连接飞书机器人并配置事件投递。',
+  'settings.enabled': '启用飞书接入',
+  'settings.enabledHint': '关闭后不再建立长连接，已有事件保留在队列中。',
+  'settings.announce': '在系统提示中告知 Agent',
+  'settings.announceHint': '开启后当前会话会收到一段飞书事件使用说明。',
+  'settings.domain': '开放平台域名',
+  'settings.domainHint': 'feishu（飞书）或 lark（Lark 国际版）。留空使用默认值 feishu。',
+  'settings.requireMention': '群聊需 @ 机器人',
+  'settings.requireMentionHint': '关闭后群里的所有消息都会进入队列。',
+  'settings.allowedOpenIds': '允许的发送者 open_id',
+  'settings.allowedOpenIdsHint': '一行一个（也支持逗号/分号分隔）。留空表示不限制发送者。',
+  'settings.queueDir': '事件队列目录',
+  'settings.queueDirHint': '存放待处理事件的目录。留空使用插件默认目录。',
+  'settings.maxAttempts': '最大投递尝试次数',
+  'settings.maxAttemptsHint': '单条事件失败后最多重试几次。留空使用默认值。',
+  'settings.staleTimeout': '过期超时（毫秒）',
+  'settings.staleTimeoutHint': '事件超过该时长仍未处理则视为过期。留空使用默认值。',
+  'settings.save': '保存',
+  'settings.saving': '保存中…',
+  'settings.saveFailed': '本部署没有接受这些值，已保留供你修改。',
+  'settings.readOnly': '本部署的设置为只读。',
+  'settings.unavailable': '宿主当前未提供飞书配置，暂时无法编辑。',
+  'settings.overridden': '已覆盖',
+  'settings.reset': '恢复默认',
+  'settings.invalid': '该值不被接受，请修改或清空以恢复默认。',
+  'settings.invalidNumber': '请填数字；留空表示使用默认值。',
+  'wizard.createNew': '创建新 bot',
+  'wizard.bindExisting': '绑定已有 bot',
+  'wizard.appId': 'App ID',
+  'wizard.appIdHint': '飞书开放平台应用的 App ID。',
+  'wizard.appSecret': 'App Secret',
+  'wizard.appSecretHint': '应用的 App Secret，仅用于本次绑定，不会写入日志。',
+  'wizard.confirmBind': '确认绑定',
+  'wizard.finishBind': '完成绑定',
+  'wizard.openLinkHint': '打开授权链接：',
+  'wizard.awaitingHint': '请在飞书中完成授权，页面每 2 秒自动刷新状态。',
+  'wizard.openConsoleHint': '打开开放平台后台，确认应用并复制 App Secret：',
+  'wizard.qrAlt': '飞书授权二维码',
+  'wizard.connected': '已连接 {appId}',
+  'wizard.connectedHint': '凭据已就绪，飞书事件将进入当前会话。',
+  'wizard.needsSecretHint': '应用已创建，请在下方 App Secret 字段粘贴一次密钥后保存。',
+  'wizard.cancel': '取消',
+  'wizard.back': '返回',
+  'wizard.failed': '连接失败',
+  'wizard.installHint': '若尚未安装 lark-cli，请先在命令行安装并登录，然后重试。',
+  'wizard.busy': '处理中…',
+} as const
+
+export type LarkKey = keyof typeof zh
+
+export const en: Record<LarkKey, string> = {
+  'settings.tab': 'Feishu',
+  'settings.title': 'Feishu connection and settings',
+  'settings.intro': 'Connect the Feishu bot and control how its events reach the session. Credentials are written by the wizard above and never shown here.',
+  'settings.summary': 'Connect the Feishu bot and configure event delivery.',
+  'settings.enabled': 'Enable Feishu intake',
+  'settings.enabledHint': 'When off, the long connection is not opened and queued events stay in the queue.',
+  'settings.announce': 'Tell the agent about Feishu events',
+  'settings.announceHint': 'When on, the current session receives a short guide for Feishu events.',
+  'settings.domain': 'Open platform domain',
+  'settings.domainHint': 'feishu or lark. Leave blank to use the default (feishu).',
+  'settings.requireMention': 'Groups require an @mention',
+  'settings.requireMentionHint': 'When off, every group message enters the queue.',
+  'settings.allowedOpenIds': 'Allowed sender open_ids',
+  'settings.allowedOpenIdsHint': 'One per line (comma or semicolon also works). Leave blank to accept every sender.',
+  'settings.queueDir': 'Event queue directory',
+  'settings.queueDirHint': 'Directory holding pending events. Leave blank for the plugin default.',
+  'settings.maxAttempts': 'Maximum delivery attempts',
+  'settings.maxAttemptsHint': 'How many times one event may be retried. Leave blank for the default.',
+  'settings.staleTimeout': 'Stale timeout (ms)',
+  'settings.staleTimeoutHint': 'An event older than this is treated as stale. Leave blank for the default.',
+  'settings.save': 'Save',
+  'settings.saving': 'Saving…',
+  'settings.saveFailed': 'The deployment did not accept these values; they were left for you to correct.',
+  'settings.readOnly': 'This deployment stores settings read-only.',
+  'settings.unavailable': 'The host does not serve Feishu settings right now, so they cannot be edited.',
+  'settings.overridden': 'Overridden',
+  'settings.reset': 'Reset to default',
+  'settings.invalid': 'This value is not accepted; change it or clear it to use the default.',
+  'settings.invalidNumber': 'Enter a number, or leave blank to use the default.',
+  'wizard.createNew': 'Create new bot',
+  'wizard.bindExisting': 'Bind existing bot',
+  'wizard.appId': 'App ID',
+  'wizard.appIdHint': 'The App ID of the Feishu Open Platform application.',
+  'wizard.appSecret': 'App Secret',
+  'wizard.appSecretHint': "The app's App Secret, used only for this bind and never written to logs.",
+  'wizard.confirmBind': 'Confirm bind',
+  'wizard.finishBind': 'Finish bind',
+  'wizard.openLinkHint': 'Open the authorization link: ',
+  'wizard.awaitingHint': 'Complete the authorization in Feishu; this page refreshes status every 2 seconds.',
+  'wizard.openConsoleHint': 'Open the Open Platform console, confirm the app, and copy the App Secret: ',
+  'wizard.qrAlt': 'Feishu authorization QR code',
+  'wizard.connected': 'Connected {appId}',
+  'wizard.connectedHint': 'Credentials are ready; Feishu events will arrive in the current session.',
+  'wizard.needsSecretHint': 'The app was created; paste its secret once into the App Secret field below and save.',
+  'wizard.cancel': 'Cancel',
+  'wizard.back': 'Back',
+  'wizard.failed': 'Connection failed',
+  'wizard.installHint': 'If lark-cli is not installed yet, install and log in from the command line, then retry.',
+  'wizard.busy': 'Working…',
+}
+
+export type Translate = (key: LarkKey, params?: Record<string, string | number>) => string
+
+/** 取字典：`<html lang>` 以 zh 开头用中文，否则英文。 */
+export function makeT(doc: Document | undefined = typeof document === 'undefined' ? undefined : document): Translate {
+  const lang = doc?.documentElement?.lang?.toLowerCase() ?? ''
+  const table: Record<LarkKey, string> = lang.startsWith('zh') ? zh : en
+  return (key, params) => {
+    const text = table[key] ?? key
+    if (params === undefined) return text
+    return text.replace(/\{(\w+)\}/gu, (match, name: string) => params[name] === undefined ? match : String(params[name]))
+  }
+}

package/src/client/lark-inbox/lark-wizard.module.css

@@ -0,0 +1,88 @@
+.card {
+  list-style: none;
+  border: 1px solid var(--dsw-alias-border-l2);
+  border-radius: 12px;
+  background: var(--dsw-alias-bg-layer-3);
+  transition: border-color 0.16s, background 0.16s;
+}
+.card:hover, .cardOpen { border-color: var(--dsw-alias-label-dimmed); }
+.cardOpen { background: var(--dsw-alias-bg-layer-2); }
+.header {
+  box-sizing: border-box;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 14px 16px;
+  border: 0;
+  border-radius: 12px;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  text-align: left;
+  cursor: pointer;
+}
+.header:focus-visible, .primary:focus-visible, .secondary:focus-visible, .reset:focus-visible { outline: 2px solid var(--dsw-alias-brand-primary); outline-offset: 1px; }
+.headText { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 4px; }
+.name { color: var(--dsw-alias-label-primary); font-size: 15px; font-weight: 600; line-height: 1.4; }
+.description { color: var(--dsw-alias-label-tertiary); font-size: 13px; line-height: 1.5; }
+.pending, .badge { white-space: nowrap; padding: 1px 8px; border-radius: 999px; background: var(--dsw-alias-bg-module-platform); color: var(--dsw-alias-label-secondary); font-size: 11px; font-weight: 500; line-height: 17px; }
+.chevron { flex: none; color: var(--dsw-alias-label-tertiary); transition: transform 0.16s; }
+.chevronOpen { transform: rotate(180deg); }
+.body { margin: 0 16px; padding-bottom: 8px; border-top: 1px solid var(--dsw-alias-border-l2); }
+.cardInner { display: flex; flex-direction: column; }
+.readOnly, .notExposed, .failed, .hint, .meta, .success, .error, .errorDetail { margin: 0; font-size: 12px; line-height: 1.5; }
+.readOnly, .hint { color: var(--dsw-alias-label-tertiary); }
+.notExposed { margin-top: 12px; color: var(--dsw-alias-state-warn-primary); }
+.failed, .error, .errorDetail, .invalid { color: var(--dsw-alias-label-error); }
+.footer { display: flex; align-items: center; justify-content: flex-end; gap: 8px; padding: 12px 0 4px; border-top: 1px solid var(--dsw-alias-border-l2); }
+.failed { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.discard, .save, .primary, .secondary {
+  appearance: none;
+  padding: 5px 14px;
+  border-radius: 8px;
+  font: inherit;
+  font-size: 13px;
+  line-height: 1.5;
+  cursor: pointer;
+}
+.discard, .secondary { border: 1px solid var(--dsw-alias-border-l2); background: transparent; color: var(--dsw-alias-label-secondary); }
+.discard:hover:not(:disabled), .secondary:hover:not(:disabled) { border-color: var(--dsw-alias-label-dimmed); color: var(--dsw-alias-label-primary); }
+.save, .primary { border: 1px solid transparent; background: var(--dsw-alias-button-primary-fill); color: var(--dsw-alias-label-primary-foreground); }
+.save:hover:not(:disabled), .primary:hover:not(:disabled) { background: var(--dsw-alias-button-primary-hover); }
+.discard:disabled, .save:disabled, .primary:disabled, .secondary:disabled { opacity: 0.4; cursor: default; }
+.field { display: flex; flex-direction: column; gap: 6px; padding: 12px 0; }
+.field + .field { border-top: 1px solid var(--dsw-alias-border-l2); }
+.fieldHead { display: flex; align-items: center; gap: 8px; }
+.label { min-width: 0; flex: 1; color: var(--dsw-alias-label-primary); font-size: 13px; font-weight: 500; line-height: 1.5; }
+.badges { display: inline-flex; align-items: center; gap: 8px; }
+.reset { padding: 0; border: 0; background: transparent; color: var(--dsw-alias-label-secondary); font: inherit; font-size: 12px; cursor: pointer; }
+.input, .inputInvalid, .textarea, .textareaInvalid, .select {
+  box-sizing: border-box;
+  width: 100%;
+  height: 34px;
+  padding: 0 12px;
+  border: 1px solid var(--dsw-alias-border-l2);
+  border-radius: 8px;
+  background: var(--dsw-alias-bg-layer-3);
+  color: var(--dsw-alias-label-primary);
+  font: inherit;
+  font-size: 13px;
+}
+.textarea, .textareaInvalid { min-height: 72px; height: auto; padding-block: 8px; resize: vertical; }
+.inputInvalid, .textareaInvalid { border-color: var(--dsw-alias-label-error); }
+.input:focus-visible, .inputInvalid:focus-visible, .textarea:focus-visible, .textareaInvalid:focus-visible, .select:focus-visible { border-color: var(--dsw-alias-brand-primary); outline: none; }
+.invalid { margin: 0; font-size: 12px; line-height: 1.5; }
+.wizard { display: flex; flex-direction: column; gap: 10px; padding: 12px 0; border-bottom: 1px solid var(--dsw-alias-border-l2); }
+.wizardTitle { color: var(--dsw-alias-label-primary); font-size: 13px; font-weight: 600; line-height: 1.5; }
+.panel { display: flex; flex-direction: column; gap: 10px; }
+.actions { display: flex; flex-wrap: wrap; gap: 8px; }
+.link { color: var(--dsw-alias-brand-primary); text-decoration: none; word-break: break-all; }
+.link:hover { text-decoration: underline; }
+.qr { width: 160px; height: 160px; align-self: flex-start; border: 1px solid var(--dsw-alias-border-l2); border-radius: 8px; }
+.wizardField { display: flex; flex-direction: column; gap: 6px; }
+.meta { color: var(--dsw-alias-label-secondary); word-break: break-all; }
+.success { color: var(--dsw-alias-label-primary); font-size: 13px; font-weight: 500; }
+.error { font-size: 13px; font-weight: 500; }
+.errorDetail { word-break: break-all; }
+@media (prefers-reduced-motion: reduce) { .card, .chevron { transition: none; } }