dsh-llm-fallbacks 0.6.1 → 0.6.3

package/dist/client/index.js

@@ -8,7 +8,6 @@ window.__ModuleLoader__.load({
 		var __commonJSMin = (cb, mod) => () => (mod || (cb((mod = { exports: {} }).exports, mod), cb = null), mod.exports);
 		//#endregion
 		let react = require("react");
-		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 		let _deepseek_ai_dsh_client_store = require("@deepseek-ai/dsh-client-store");
 		let react_jsx_runtime = require("react/jsx-runtime");
 		//#region node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.js
@@ -471,13 +470,12 @@ window.__ModuleLoader__.load({
 		//#region src/config.ts
 		/**
 		* Spec §4 defaults — `Config({})` must equal this (no-op install).
-		* `enabled` defaults to `false` (readme-settings spec §1.2): the feature
-		* switch is off until the user turns it on in the settings page; an
-		* unconfigured install (`enabled: false`, empty rootChain, empty roles)
-		* behaves exactly like an uninstalled plugin (AC-3 / no-op invariant).
+		* There is no `enabled` default (the key is removed — the Plugins-page row
+		* toggle is the master switch): an unconfigured install (empty rootChain,
+		* no time slots, empty roles) behaves exactly like an uninstalled plugin
+		* (AC-3 / no-op invariant, {@link isFallbackActive}).
 		*/
 		const defaultFallbacksConfig = {
-			enabled: false,
 			triggerCodes: [
 				"AUTH",
 				"QUOTA",
@@ -503,6 +501,20 @@ window.__ModuleLoader__.load({
 		* the no-rule-match fallback, but FORBIDDEN in `roles.list[].id`.
 		*/
 		const INHERIT_ROLE_ID = "inherit";
+		/**
+		* The no-op gate (AC-8), re-keyed from the removed `enabled` switch to
+		* CONTENT PRESENCE (plan fallbacks-web-ux-alignment T2): the plugin
+		* intervenes exactly when something is configured — a non-empty `rootChain`
+		* (the all-day chain), at least one time-slot row, or at least one declared
+		* role. An inactive config is a pass-through exactly like an uninstalled
+		* plugin; the Plugins-page row toggle remains the master switch (row
+		* disable = fiber destroy). ONE helper for every runtime gate — the former
+		* `config.enabled` sites (request waterfalls, picker-row registration, TUI
+		* summary, General-row badge) all read through this.
+		*/
+		function isFallbackActive(config) {
+			return config.rootChain.length > 0 || (config.timeSlots?.length ?? 0) > 0 || config.roles.list.length > 0;
+		}
 		/** Role id format (aligned with yet-another-subagent `isValidProfileId`). */
 		const ROLE_ID_PATTERN = /^[a-z0-9-]{1,32}$/;
 		//#endregion
@@ -687,8 +699,6 @@ window.__ModuleLoader__.load({
 			if (revertPolicy !== void 0 && revertPolicy !== "cooldown-expiry" && revertPolicy !== "never") throw new TypeError("fallbacks descriptor revertPolicy must be cooldown-expiry|never");
 			const presets = value.presets;
 			if (presets !== void 0 && presets !== "bundled" && presets !== "none") throw new TypeError("fallbacks descriptor presets must be bundled|none");
-			const enabled = value.enabled;
-			if (enabled !== void 0 && typeof enabled !== "boolean") throw new TypeError("fallbacks descriptor enabled must be a boolean");
 			const roleAutoMatch = value.roleAutoMatch;
 			if (roleAutoMatch !== void 0 && typeof roleAutoMatch !== "boolean") throw new TypeError("fallbacks descriptor roleAutoMatch must be a boolean");
 			const timeSlots = value.timeSlots;
@@ -711,7 +721,6 @@ window.__ModuleLoader__.load({
 			const recovery = value.recovery;
 			if (recovery !== void 0 && recovery !== "timer" && recovery !== "half-open") throw new TypeError("fallbacks descriptor recovery must be timer|half-open");
 			return {
-				enabled: enabled ?? defaultFallbacksConfig.enabled,
 				triggerCodes: triggerCodes ?? [...defaultFallbacksConfig.triggerCodes],
 				rootChain: rootChain ?? [...defaultFallbacksConfig.rootChain],
 				roles: {
@@ -1323,18 +1332,9 @@ window.__ModuleLoader__.load({
 		*/
 		/** Simplified Chinese dictionary (the key-set source of truth). */
 		const zh = {
-			"title": "Fallbacks",
-			"intro": "模型故障自动降级",
-			"collapse": "收起设置",
-			"expand": "展开设置",
-			"unsaved": "未保存",
 			"discard": "放弃修改",
 			"retry": "重试",
 			"readOnly": "当前环境中的设置为只读。",
-			"enabled.label": "启用故障降级",
-			"enabled.hint": "关闭后插件完全不介入",
-			"enabled.tooltip": "关闭后插件完全不介入；开启但未配置 rootChain 时行为与未安装插件一致。",
-			"enabled.off": "功能未开启：打开 enabled 开关以显示配置界面。",
 			"triggerCodes.label": "触发失败码",
 			"triggerCodes.hint": "命中这些失败码时进入降级决策",
 			"triggerCodes.tooltip": "命中这些失败码时进入降级链决策；可重试型故障（如 5xx）由 llm-retry 先行退避，预算耗尽后同样进入决策。",
@@ -1519,18 +1519,9 @@ window.__ModuleLoader__.load({
 		};
 		/** English dictionary, checked complete against the zh key set. */
 		const en = {
-			"title": "Fallbacks",
-			"intro": "Automatic fallback on model failures",
-			"collapse": "Hide settings",
-			"expand": "Show settings",
-			"unsaved": "Unsaved",
 			"discard": "Discard",
 			"retry": "Retry",
 			"readOnly": "Settings are read-only in this environment.",
-			"enabled.label": "Enable failure fallback",
-			"enabled.hint": "Plugin never intervenes when off",
-			"enabled.tooltip": "When off the plugin never intervenes; when on with no rootChain configured behavior is identical to an uninstalled plugin.",
-			"enabled.off": "Feature disabled: turn on the enabled switch to show the configuration interface.",
 			"triggerCodes.label": "Trigger failure codes",
 			"triggerCodes.hint": "Failures with these codes enter fallback decision",
 			"triggerCodes.tooltip": "Failures with these codes enter chain decision; retryable failures (e.g. 5xx) back off via llm-retry first and reach the decision only when its budget is exhausted.",
@@ -1553,8 +1544,8 @@ window.__ModuleLoader__.load({
 			"alwaysModeRetryCap.hint": "Switches after the cap; 0 disables",
 			"alwaysModeRetryCap.tooltip": "Models whose retryPolicy is always switch after this many retries within one request; 0 disables.",
 			"advanced.label": "Advanced options",
-			"advanced.expand": "Show advanced options",
-			"advanced.collapse": "Hide advanced options",
+			"advanced.expand": "Expand advanced options",
+			"advanced.collapse": "Collapse advanced options",
 			"roleAutoMatch.label": "Enable role auto-match",
 			"roleAutoMatch.hint": "On rules-miss, the model picks the closest declared role",
 			"roleAutoMatch.tooltip": "When no rule matches, the model auto-selects the best-fit declared role (id + persona) and uses its chain; turn off to keep today's fallback (inherit / rootChain) on a rules-miss.",
@@ -1751,7 +1742,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/dsh-llm-fallbacks/dsh-llm-fallbacks/src/client/FallbacksCard.module.css.mjs
-		const css$3 = "\n\n\n._8827595f_card {\n  list-style: none;\n  min-width: 0;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 12px;\n  background: var(--dsw-alias-bg-layer-3);\n  transition: border-color .16s, background .16s;\n}\n\n._8827595f_card:hover {\n  border-color: var(--dsw-alias-label-dimmed);\n}\n\n\n._06704203_cardOpen {\n  background: var(--dsw-alias-bg-layer-2);\n  border-color: var(--dsw-alias-label-dimmed);\n}\n\n\n._e488d460_header {\n  width: 100%;\n  appearance: none;\n  border: 0;\n  background: none;\n  font: inherit;\n  color: inherit;\n  text-align: left;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 14px 16px;\n  border-radius: 12px;\n}\n\n._e488d460_header:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: -2px;\n}\n\n\n._f5dfe084_headText {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n._8d39bde6_name {\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 1.4;\n  color: var(--dsw-alias-label-primary);\n}\n\n._346f3b69_description {\n  font-size: 13px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._631094a0_chevron {\n  flex: none;\n  color: var(--dsw-alias-label-tertiary);\n  transition: transform .16s;\n}\n\n._44836ce8_chevronOpen {\n  transform: rotate(180deg);\n}\n\n\n._dbaa7975_body {\n  border-top: 1px solid var(--dsw-alias-border-l2);\n  margin: 0 16px;\n  padding-bottom: 8px;\n}\n\n._4e39cf17_readOnly {\n  margin: 12px 0 0;\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n\n._99bf7f3c_pending {\n  flex: none;\n  border-radius: 999px;\n  padding: 1px 8px;\n  font-size: 11px;\n  line-height: 17px;\n  font-weight: 500;\n  white-space: nowrap;\n  background: var(--dsw-alias-bg-module-platform);\n  color: var(--dsw-alias-label-secondary);\n}\n\n\n\n\n._9860a5b1_notice {\n  margin: 12px 0 0;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-state-business-primary);\n}\n\n\n._5006d43e_legacyNotice {\n  margin: 12px 0 0;\n  padding: 10px 12px;\n  border-radius: 8px;\n  background: var(--dsw-alias-bg-module-platform);\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-state-business-primary);\n}\n\n._21918751_error {\n  margin: 12px 0 0;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-state-error-primary);\n}\n\n\n._7cea4b2f_noticeRow {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 12px 0 0;\n}\n\n._7cea4b2f_noticeRow ._21918751_error {\n  flex: 1;\n  min-width: 0;\n  margin: 0;\n}\n\n\n._4058c747_form {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding: 12px 0 0;\n}\n\n\n._9998065c_checkboxRow {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n._02c2f6df_checkLabel {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  font-size: 14px;\n  line-height: 22px;\n  font-weight: 400;\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n}\n\n._f2d47237_checkLabelTitle {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-weight: 400;\n}\n\n._c1bed8ea_checkLabelDesc {\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 400;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n\n._06389b18_checkbox {\n  flex: none;\n  width: 16px;\n  height: 16px;\n  margin: 0;\n  accent-color: var(--dsw-alias-brand-primary);\n  cursor: pointer;\n}\n\n._06389b18_checkbox:disabled {\n  opacity: 0.4;\n  cursor: default;\n}\n\n\n._94c91bfd_fieldset {\n  margin: 0;\n  padding: 0;\n  border: none;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  min-width: 0;\n}\n\n\n._67826267_field {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  margin: 0;\n  padding: 0;\n  border: none;\n  min-width: 0;\n}\n\n._13e68c3f_fieldLabel {\n  \n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 0;\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 500;\n  color: var(--dsw-alias-label-secondary);\n}\n\n\n._ba240d82_sectionHeading {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 4px 0;\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n._ddbc1b49_sectionHeadingText {\n  flex: 1;\n  min-width: 0;\n}\n\n\n._c41f9db7_sectionActions {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-left: auto;\n}\n\n\n._b116c758_sectionToggle {\n  width: 100%;\n  appearance: none;\n  border: 0;\n  background: none;\n  font: inherit;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 4px 0;\n  cursor: pointer;\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 500;\n  color: var(--dsw-alias-label-secondary);\n}\n\n._b116c758_sectionToggle:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}\n\n._b116c758_sectionToggle:disabled {\n  cursor: default;\n}\n\n._b116c758_sectionToggle:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 2px;\n  border-radius: 6px;\n}\n\n._a5313fdf_sectionToggleText {\n  flex: 1;\n  min-width: 0;\n  text-align: left;\n}\n\n._4bc809b8_hint {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  flex-wrap: wrap;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._579f813a_defaultNote {\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 400;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n\n._b1962759_slotPresetName {\n  font-size: 14px;\n  line-height: 22px;\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n}\n\n\n._a6244318_infoHint {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: none;\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  font-size: 14px;\n  line-height: 1;\n  color: var(--dsw-alias-label-tertiary);\n  background: var(--dsw-alias-interactive-bg-hover);\n  cursor: help;\n  user-select: none;\n}\n\n._a6244318_infoHint:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 2px var(--dsw-alias-border-l3);\n}\n\n\n._e655c840_infoHintDisabled {\n  opacity: 0.4;\n  cursor: default;\n}\n\n\n._a2521bb0_optionRow {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 8px;\n  border-radius: 6px;\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n}\n\n._a2521bb0_optionRow:hover:has(input:not(:disabled)) {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n\n._06389b18_checkbox,\n._a2521bb0_optionRow input {\n  flex: none;\n  width: 16px;\n  height: 16px;\n  margin: 0;\n  accent-color: var(--dsw-alias-brand-primary);\n  cursor: pointer;\n}\n\n._06389b18_checkbox:focus-visible,\n._a2521bb0_optionRow input:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 2px var(--dsw-alias-border-l3);\n}\n\n._a2521bb0_optionRow input:disabled {\n  cursor: default;\n}\n\n\n._c4ecbdf3_dayRow {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n}\n\n._0330c1ed_dayCell {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 2px 6px;\n  border-radius: 6px;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n}\n\n._0330c1ed_dayCell:hover:has(input:not(:disabled)) {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._0330c1ed_dayCell input {\n  flex: none;\n  width: 16px;\n  height: 16px;\n  margin: 0;\n  accent-color: var(--dsw-alias-brand-primary);\n  cursor: pointer;\n}\n\n._0330c1ed_dayCell input:disabled {\n  cursor: default;\n}\n\n._0330c1ed_dayCell input:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 2px var(--dsw-alias-border-l3);\n}\n\n\n._f9d86f7b_input {\n  box-sizing: border-box;\n  width: 100%;\n  height: 32px;\n  padding: 0 10px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 8px;\n  font: inherit;\n  font-size: 14px;\n  line-height: 22px;\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n}\n\n._f9d86f7b_input:focus {\n  outline: none;\n  border-color: var(--dsw-alias-brand-primary);\n}\n\n._f9d86f7b_input::placeholder {\n  color: var(--dsw-alias-label-dimmed);\n}\n\n._f9d86f7b_input:disabled {\n  opacity: 0.6;\n  cursor: default;\n}\n\n\n._3a9b42fd_inputTextarea {\n  height: auto;\n  min-height: 72px;\n  padding: 6px 10px;\n  resize: vertical;\n  line-height: 20px;\n}\n\n\n._1285c19b_personaBriefRow {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  min-width: 0;\n}\n\n._4b8f7345_personaBrief {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--dsw-alias-label-primary);\n}\n\n\n._2686400e_personaBriefEmpty {\n  color: var(--dsw-alias-label-tertiary);\n}\n\n\n._4e4a07be_personaFull {\n  margin: 0;\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--dsw-alias-label-secondary);\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n}\n\n\n._7b60337a_inputInvalid,\n._7b60337a_inputInvalid:focus {\n  border-color: var(--dsw-alias-state-error-primary);\n}\n\n\nselect._f9d86f7b_input {\n  max-width: 240px;\n  cursor: pointer;\n}\n\n\n._16eb7153_selectInput {\n  appearance: none;\n  padding-right: 32px;\n  \n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%2381858C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: right 12px center;\n  background-size: 12px 12px;\n}\n\n\n._3e95886d_numberFields {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n  gap: 8px;\n}\n\n._0cfb5881_list {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 4px;\n}\n\n\n._f5c620d6_editorCard {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  padding: 14px 16px;\n  border-radius: 12px;\n  background: var(--dsw-alias-bg-module-platform);\n}\n\n._224b1387_cardFoot {\n  display: flex;\n  justify-content: flex-end;\n}\n\n._8e220e07_ruleGrid {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n._24a12a2f_ruleCell {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  min-width: 120px;\n  flex: 1;\n}\n\n\n._86bc52d2_collapseRow {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n}\n\n._a73efcc6_collapseToggle {\n  appearance: none;\n  border: 0;\n  background: none;\n  padding: 0;\n  cursor: pointer;\n  color: var(--dsw-alias-label-secondary);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex: 1;\n  min-width: 0;\n  font: inherit;\n  text-align: left;\n}\n\n._a73efcc6_collapseToggle:disabled {\n  cursor: default;\n}\n\n._af017718_collapseTitle {\n  \n  flex: none;\n  max-width: 55%;\n  min-width: 0;\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n._2cabe603_collapseMeta {\n  \n  flex: none;\n  margin-left: auto;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-secondary);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n\n._52d6df87_seedBadge {\n  flex: none;\n  max-width: 40%;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  border-radius: 999px;\n  padding: 1px 8px;\n  font-size: 11px;\n  line-height: 17px;\n  font-weight: 500;\n  white-space: nowrap;\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-secondary);\n}\n\n\n._7b04f727_slotTag {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  border-radius: 999px;\n  padding: 0 6px;\n  font-size: 11px;\n  line-height: 17px;\n  font-weight: 500;\n  white-space: nowrap;\n  border: 1px solid;\n}\n\n._c381e792_slotTagHighCost {\n  color: var(--dsw-alias-state-error-primary);\n  border-color: var(--dsw-alias-state-error-primary);\n  background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 10%, transparent);\n}\n\n._23bdb6fc_slotTagMultiplier {\n  color: var(--dsw-alias-state-warn-primary);\n  border-color: var(--dsw-alias-state-warn-primary);\n  background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 10%, transparent);\n}\n\n._f000eed9_slotTagActive {\n  color: var(--dsw-alias-state-success-primary);\n  border-color: var(--dsw-alias-state-success-primary);\n  background: color-mix(in srgb, var(--dsw-alias-state-success-primary) 10%, transparent);\n}\n\n\n._cd905ce5_dragHandle {\n  appearance: none;\n  border: 0;\n  background: none;\n  padding: 0;\n  cursor: grab;\n  color: var(--dsw-alias-label-tertiary);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  border-radius: 6px;\n  flex: none;\n}\n\n._cd905ce5_dragHandle:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\n._cd905ce5_dragHandle:active {\n  cursor: grabbing;\n}\n\n._cd905ce5_dragHandle:disabled {\n  cursor: default;\n  opacity: 0.4;\n}\n\n._cd905ce5_dragHandle:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 2px var(--dsw-alias-border-l3);\n}\n\n._49f0c4f0_dragHandleIcon {\n  transform: rotate(90deg);\n}\n\n\n._fee63b7e_slotCardDragging {\n  opacity: 0.45;\n}\n\n._6f108491_slotCardOver {\n  outline: 1px dashed var(--dsw-alias-brand-primary);\n  outline-offset: 2px;\n}\n\n._1014c097_ruleCellLabel {\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n\n._15a12620_chainSelectors {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n._240cbbf8_selectorRow {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n\n._70effa64_iconButton {\n  position: relative;\n  box-sizing: border-box;\n  appearance: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  padding: 0;\n  border: 0;\n  border-radius: 6px;\n  background: none;\n  color: var(--dsw-alias-label-tertiary);\n  cursor: pointer;\n}\n\n._70effa64_iconButton:disabled {\n  opacity: 0.4;\n  cursor: default;\n}\n\n._70effa64_iconButton:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\n._70effa64_iconButton:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 2px var(--dsw-alias-border-l3);\n}\n\n._70effa64_iconButton::after {\n  content: attr(data-tip);\n  position: absolute;\n  bottom: calc(100% + 6px);\n  left: 50%;\n  transform: translateX(-50%);\n  padding: 3px 8px;\n  border-radius: 6px;\n  background: var(--dsw-alias-label-primary);\n  color: var(--dsw-alias-bg-layer-3);\n  font-size: 11px;\n  line-height: 17px;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity .12s;\n}\n\n._70effa64_iconButton:hover::after,\n._70effa64_iconButton:focus-visible::after {\n  opacity: 1;\n}\n\n\n._a0968257_iconButtonDanger:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover-danger);\n  color: var(--dsw-alias-state-error-primary);\n}\n\n\n._28202c90_addButton {\n  align-self: flex-start;\n}\n\n\n._6a2bd54c_slotAddRow {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 4px;\n  flex-wrap: wrap;\n}\n\n\n._4e77523e_rowActions {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n\n._747fd56d_primaryButton,\n._7e855445_secondaryButton {\n  box-sizing: border-box;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  height: 36px;\n  padding: 0 14px;\n  border: none;\n  border-radius: 18px;\n  font: inherit;\n  font-size: 14px;\n  line-height: 22px;\n  cursor: pointer;\n}\n\n._747fd56d_primaryButton {\n  background: var(--dsw-alias-button-primary-fill);\n  color: var(--dsw-alias-label-primary-foreground);\n}\n\n._747fd56d_primaryButton:hover:not(:disabled) {\n  background: var(--dsw-alias-button-primary-hover);\n}\n\n._7e855445_secondaryButton {\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n}\n\n._7e855445_secondaryButton:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n}\n\n._747fd56d_primaryButton:disabled,\n._7e855445_secondaryButton:disabled {\n  opacity: 0.4;\n  cursor: default;\n}\n\n._747fd56d_primaryButton:focus-visible,\n._7e855445_secondaryButton:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 2px var(--dsw-alias-border-l3);\n}\n\n\n._238d19be_sectionAction {\n  height: 28px;\n  padding: 0 12px;\n  border-radius: 14px;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n\n._fbd045e0_statusBlock {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding: 12px 14px;\n  margin-top: 12px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 12px;\n}\n\n._d4f70367_statusTitle {\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 500;\n  color: var(--dsw-alias-label-secondary);\n}\n\n\n._8ab300ed_statusLine {\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-secondary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n._e8cedbf5_statusLineLabel {\n  font-weight: 500;\n  color: var(--dsw-alias-label-secondary);\n}\n\n\n._b48dfcba_offNotice {\n  margin: 0;\n  padding: 12px;\n  border: 1px dashed var(--dsw-alias-border-l3);\n  border-radius: 8px;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-tertiary);\n  text-align: center;\n}\n\n\n._700006c9_policyStatus {\n  margin: 12px 0 0;\n  padding: 10px 12px;\n  border-radius: 8px;\n  background: var(--dsw-alias-bg-module-platform);\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n._d4b67a81_policyStatusLabel {\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 18px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n._278bb4b3_policyStatusLine {\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-primary);\n}\n\n._da6387e5_policyStatusWarn {\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  ._70effa64_iconButton::after {\n    transition: none;\n  }\n}\n";
+		const css$3 = "\n\n\n._20fd0e45_root {\n  min-width: 0;\n}\n\n\n._4e39cf17_readOnly {\n  margin: 12px 0 0;\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._9860a5b1_notice {\n  margin: 12px 0 0;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-state-business-primary);\n}\n\n\n._5006d43e_legacyNotice {\n  margin: 12px 0 0;\n  padding: 10px 12px;\n  border-radius: 8px;\n  background: var(--dsw-alias-bg-module-platform);\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-state-business-primary);\n}\n\n._21918751_error {\n  margin: 12px 0 0;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-state-error-primary);\n}\n\n\n._7cea4b2f_noticeRow {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 12px 0 0;\n}\n\n._7cea4b2f_noticeRow ._21918751_error {\n  flex: 1;\n  min-width: 0;\n  margin: 0;\n}\n\n\n._94c91bfd_fieldset {\n  margin: 0;\n  padding: 0;\n  border: none;\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n\n._ba240d82_sectionHeading {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 0;\n  padding: 4px 0;\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n._ddbc1b49_sectionHeadingText {\n  display: block;\n  min-width: 0;\n}\n\n\n._c41f9db7_sectionActions {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-left: auto;\n}\n\n._c41f9db7_sectionActions ._f0864181_discard,\n._c41f9db7_sectionActions ._ccff7e48_save {\n  padding: 3px 12px;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n\n._b116c758_sectionToggle {\n  appearance: none;\n  border: 0;\n  background: none;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  margin: 0;\n  padding: 0;\n  font: inherit;\n  color: inherit;\n  cursor: pointer;\n}\n\n._b116c758_sectionToggle:disabled {\n  cursor: default;\n}\n\n._b116c758_sectionToggle:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n\n._80101203_advancedBody {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n._94c91bfd_fieldset > ._80101203_advancedBody > ._67826267_field,\n._94c91bfd_fieldset > ._80101203_advancedBody > ._9998065c_checkboxRow,\n._94c91bfd_fieldset > ._80101203_advancedBody > ._3e95886d_numberFields {\n  padding: 12px 0;\n}\n\n._94c91bfd_fieldset > ._80101203_advancedBody > ._67826267_field + ._67826267_field,\n._94c91bfd_fieldset > ._80101203_advancedBody > ._9998065c_checkboxRow + ._67826267_field,\n._94c91bfd_fieldset > ._80101203_advancedBody > ._67826267_field + ._3e95886d_numberFields {\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n\n._67826267_field {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  margin: 0;\n  padding: 0;\n  border: none;\n  min-width: 0;\n}\n\n\n._94c91bfd_fieldset > ._67826267_field,\n._94c91bfd_fieldset > ._9998065c_checkboxRow,\n._94c91bfd_fieldset > ._3e95886d_numberFields {\n  padding: 12px 0;\n}\n\n._94c91bfd_fieldset > ._67826267_field + ._67826267_field,\n._94c91bfd_fieldset > ._67826267_field + ._3e95886d_numberFields,\n._94c91bfd_fieldset > ._9998065c_checkboxRow + ._67826267_field {\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n\n._9998065c_checkboxRow {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n}\n\n\n._9998065c_checkboxRow ._06389b18_checkbox {\n  margin-top: 3px;\n}\n\n._13e68c3f_fieldLabel {\n  \n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 0;\n  font-size: 13px;\n  line-height: 1.5;\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n}\n\n._4bc809b8_hint {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  flex-wrap: wrap;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n\n._02c2f6df_checkLabel {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  font-size: 14px;\n  line-height: 22px;\n  font-weight: 400;\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n}\n\n._f2d47237_checkLabelTitle {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-weight: 400;\n}\n\n._c1bed8ea_checkLabelDesc {\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 400;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n\n._06389b18_checkbox {\n  flex: none;\n  width: 16px;\n  height: 16px;\n  margin: 0;\n  accent-color: var(--dsw-alias-brand-primary);\n  cursor: pointer;\n}\n\n._06389b18_checkbox:disabled {\n  opacity: 0.4;\n  cursor: default;\n}\n\n\n._b1962759_slotPresetName {\n  font-size: 14px;\n  line-height: 22px;\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n}\n\n\n._a6244318_infoHint {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: none;\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  font-size: 14px;\n  line-height: 1;\n  color: var(--dsw-alias-label-tertiary);\n  background: var(--dsw-alias-interactive-bg-hover);\n  cursor: help;\n  user-select: none;\n}\n\n._a6244318_infoHint:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 2px var(--dsw-alias-border-l3);\n}\n\n._a6244318_infoHint::after {\n  content: attr(data-tip);\n  position: absolute;\n  top: 50%;\n  left: calc(100% + 8px);\n  transform: translateY(-50%);\n  z-index: 10;\n  box-sizing: border-box;\n  width: max-content;\n  max-width: 280px;\n  padding: 5px 10px;\n  border-radius: 8px;\n  background: var(--dsw-alias-label-primary);\n  color: var(--dsw-alias-bg-layer-3);\n  font-size: 11px;\n  line-height: 17px;\n  font-weight: 400;\n  white-space: normal;\n  text-align: left;\n  pointer-events: none;\n  opacity: 0;\n  transition: opacity .12s;\n}\n\n._a6244318_infoHint:hover::after,\n._a6244318_infoHint:focus-visible::after {\n  opacity: 1;\n}\n\n\n._e655c840_infoHintDisabled {\n  opacity: 0.4;\n  cursor: default;\n}\n\n\n._a2521bb0_optionRow {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 8px;\n  border-radius: 6px;\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n}\n\n._a2521bb0_optionRow:hover:has(input:not(:disabled)) {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n\n._06389b18_checkbox,\n._a2521bb0_optionRow input {\n  flex: none;\n  width: 16px;\n  height: 16px;\n  margin: 0;\n  accent-color: var(--dsw-alias-brand-primary);\n  cursor: pointer;\n}\n\n._06389b18_checkbox:focus-visible,\n._a2521bb0_optionRow input:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 2px var(--dsw-alias-border-l3);\n}\n\n._a2521bb0_optionRow input:disabled {\n  cursor: default;\n}\n\n\n._c4ecbdf3_dayRow {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n}\n\n._0330c1ed_dayCell {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 2px 6px;\n  border-radius: 6px;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n}\n\n._0330c1ed_dayCell:hover:has(input:not(:disabled)) {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._0330c1ed_dayCell input {\n  flex: none;\n  width: 16px;\n  height: 16px;\n  margin: 0;\n  accent-color: var(--dsw-alias-brand-primary);\n  cursor: pointer;\n}\n\n._0330c1ed_dayCell input:disabled {\n  cursor: default;\n}\n\n._0330c1ed_dayCell input:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 2px var(--dsw-alias-border-l3);\n}\n\n\n._f9d86f7b_input {\n  box-sizing: border-box;\n  width: 100%;\n  height: 34px;\n  padding: 0 12px;\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: var(--dsw-radius-md);\n  font: inherit;\n  font-size: 13px;\n  line-height: 1.5;\n  background: var(--dsw-alias-bg-layer-3);\n  color: var(--dsw-alias-label-primary);\n}\n\n._f9d86f7b_input:focus-visible {\n  outline: none;\n  border-color: var(--dsw-alias-state-business-primary);\n}\n\n._f9d86f7b_input::placeholder {\n  color: var(--dsw-alias-label-dimmed);\n}\n\n._f9d86f7b_input:disabled {\n  color: var(--dsw-alias-label-tertiary);\n  cursor: default;\n}\n\n\n._3a9b42fd_inputTextarea {\n  height: auto;\n  min-height: 72px;\n  padding: 8px 12px;\n  resize: vertical;\n}\n\n\n._1285c19b_personaBriefRow {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  min-width: 0;\n}\n\n._4b8f7345_personaBrief {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--dsw-alias-label-primary);\n}\n\n\n._2686400e_personaBriefEmpty {\n  color: var(--dsw-alias-label-tertiary);\n}\n\n\n._4e4a07be_personaFull {\n  margin: 0;\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--dsw-alias-label-secondary);\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n}\n\n\n._7b60337a_inputInvalid,\n._7b60337a_inputInvalid:focus-visible {\n  border-color: var(--dsw-alias-state-error-primary);\n}\n\n\nselect._f9d86f7b_input {\n  max-width: 240px;\n  cursor: pointer;\n}\n\n\n._16eb7153_selectInput {\n  appearance: none;\n  padding-right: 32px;\n  \n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%2381858C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: right 12px center;\n  background-size: 12px 12px;\n}\n\n\n._3e95886d_numberFields {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n  gap: 12px;\n}\n\n._3e95886d_numberFields ._67826267_field {\n  padding: 0;\n}\n\n._0cfb5881_list {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 4px;\n}\n\n\n._f5c620d6_editorCard {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  padding: 14px 16px;\n  border-radius: 12px;\n  background: var(--dsw-alias-bg-module-platform);\n}\n\n._224b1387_cardFoot {\n  display: flex;\n  justify-content: flex-end;\n}\n\n._8e220e07_ruleGrid {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n._24a12a2f_ruleCell {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  min-width: 120px;\n  flex: 1;\n}\n\n._1014c097_ruleCellLabel {\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n\n._631094a0_chevron {\n  flex: none;\n  color: var(--dsw-alias-label-tertiary);\n  transform: rotate(-90deg);\n  transition: transform .16s;\n}\n\n._44836ce8_chevronOpen {\n  transform: none;\n}\n\n\n._cf3961bb_chevronFlip {\n  transform: rotate(180deg);\n}\n\n\n._86bc52d2_collapseRow {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n}\n\n._a73efcc6_collapseToggle {\n  appearance: none;\n  border: 0;\n  background: none;\n  padding: 0;\n  cursor: pointer;\n  color: var(--dsw-alias-label-secondary);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex: 1;\n  min-width: 0;\n  font: inherit;\n  text-align: left;\n}\n\n._a73efcc6_collapseToggle:disabled {\n  cursor: default;\n}\n\n._af017718_collapseTitle {\n  \n  flex: none;\n  max-width: 55%;\n  min-width: 0;\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n._2cabe603_collapseMeta {\n  \n  flex: none;\n  margin-left: auto;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-secondary);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n\n._52d6df87_seedBadge {\n  flex: none;\n  max-width: 40%;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  border-radius: 999px;\n  padding: 1px 8px;\n  font-size: 11px;\n  line-height: 17px;\n  font-weight: 500;\n  white-space: nowrap;\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-secondary);\n}\n\n\n._7b04f727_slotTag {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  border-radius: 999px;\n  padding: 0 6px;\n  font-size: 11px;\n  line-height: 17px;\n  font-weight: 500;\n  white-space: nowrap;\n  border: 1px solid;\n}\n\n._c381e792_slotTagHighCost {\n  color: var(--dsw-alias-state-error-primary);\n  border-color: var(--dsw-alias-state-error-primary);\n  background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 10%, transparent);\n}\n\n._23bdb6fc_slotTagMultiplier {\n  color: var(--dsw-alias-state-warn-primary);\n  border-color: var(--dsw-alias-state-warn-primary);\n  background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 10%, transparent);\n}\n\n._f000eed9_slotTagActive {\n  color: var(--dsw-alias-state-success-primary);\n  border-color: var(--dsw-alias-state-success-primary);\n  background: color-mix(in srgb, var(--dsw-alias-state-success-primary) 10%, transparent);\n}\n\n\n._cd905ce5_dragHandle {\n  appearance: none;\n  border: 0;\n  background: none;\n  padding: 0;\n  cursor: grab;\n  color: var(--dsw-alias-label-tertiary);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  border-radius: 6px;\n  flex: none;\n}\n\n._cd905ce5_dragHandle:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\n._cd905ce5_dragHandle:active {\n  cursor: grabbing;\n}\n\n._cd905ce5_dragHandle:disabled {\n  cursor: default;\n  opacity: 0.4;\n}\n\n._cd905ce5_dragHandle:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 2px var(--dsw-alias-border-l3);\n}\n\n\n._fee63b7e_slotCardDragging {\n  opacity: 0.45;\n}\n\n._6f108491_slotCardOver {\n  outline: 1px dashed var(--dsw-alias-brand-primary);\n  outline-offset: 2px;\n}\n\n\n._15a12620_chainSelectors {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n._240cbbf8_selectorRow {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n\n._70effa64_iconButton {\n  position: relative;\n  box-sizing: border-box;\n  appearance: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  padding: 0;\n  border: 0;\n  border-radius: 6px;\n  background: none;\n  color: var(--dsw-alias-label-tertiary);\n  cursor: pointer;\n}\n\n._70effa64_iconButton:disabled {\n  opacity: 0.4;\n  cursor: default;\n}\n\n._70effa64_iconButton:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\n._70effa64_iconButton:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 2px var(--dsw-alias-border-l3);\n}\n\n._70effa64_iconButton::after {\n  content: attr(data-tip);\n  position: absolute;\n  bottom: calc(100% + 6px);\n  left: 50%;\n  transform: translateX(-50%);\n  padding: 3px 8px;\n  border-radius: 6px;\n  background: var(--dsw-alias-label-primary);\n  color: var(--dsw-alias-bg-layer-3);\n  font-size: 11px;\n  line-height: 17px;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity .12s;\n}\n\n._70effa64_iconButton:hover::after,\n._70effa64_iconButton:focus-visible::after {\n  opacity: 1;\n}\n\n\n._a0968257_iconButtonDanger:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover-danger);\n  color: var(--dsw-alias-state-error-primary);\n}\n\n\n._711248a9_outlineButton {\n  appearance: none;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px 10px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-md);\n  background: none;\n  font: inherit;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n}\n\n._711248a9_outlineButton:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n  border-color: var(--dsw-alias-label-dimmed);\n}\n\n._711248a9_outlineButton:disabled {\n  opacity: 0.4;\n  cursor: default;\n}\n\n._711248a9_outlineButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n\n._28202c90_addButton {\n  align-self: flex-start;\n}\n\n\n._6a2bd54c_slotAddRow {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 4px;\n  flex-wrap: wrap;\n}\n\n\n._4e77523e_rowActions {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n\n._f0864181_discard,\n._ccff7e48_save {\n  appearance: none;\n  border: 1px solid transparent;\n  border-radius: var(--dsw-radius-md);\n  padding: 5px 14px;\n  font: inherit;\n  font-size: 13px;\n  line-height: 1.5;\n  cursor: pointer;\n}\n\n._f0864181_discard {\n  border-color: var(--dsw-alias-border-l2);\n  background: none;\n  color: var(--dsw-alias-label-secondary);\n}\n\n._f0864181_discard:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n  border-color: var(--dsw-alias-label-dimmed);\n}\n\n._ccff7e48_save {\n  background: var(--dsw-alias-label-primary);\n  color: var(--dsw-alias-bg-layer-3);\n}\n\n._f0864181_discard:disabled,\n._ccff7e48_save:disabled {\n  opacity: 0.4;\n  cursor: default;\n}\n\n._f0864181_discard:focus-visible,\n._ccff7e48_save:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n\n._fbd045e0_statusBlock {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding: 12px 14px;\n  margin-top: 12px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 12px;\n}\n\n._d4f70367_statusTitle {\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 500;\n  color: var(--dsw-alias-label-secondary);\n}\n\n\n._8ab300ed_statusLine {\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-secondary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n._e8cedbf5_statusLineLabel {\n  font-weight: 500;\n  color: var(--dsw-alias-label-secondary);\n}\n\n\n._700006c9_policyStatus {\n  margin: 12px 0 0;\n  padding: 10px 12px;\n  border-radius: 8px;\n  background: var(--dsw-alias-bg-module-platform);\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n._d4b67a81_policyStatusLabel {\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 18px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n._278bb4b3_policyStatusLine {\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-primary);\n}\n\n._da6387e5_policyStatusWarn {\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  ._70effa64_iconButton::after,\n  ._a6244318_infoHint::after {\n    transition: none;\n  }\n\n  ._631094a0_chevron {\n    transition: none;\n  }\n}\n";
 		const tagId$3 = "dsh-llm-fallbacks/FallbacksCard.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$3) + "]") === null) {
 			const tag = document.createElement("style");
@@ -1761,37 +1752,29 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var FallbacksCard_module_css_default = {
-			"card": "_8827595f_card",
-			"cardOpen": "_06704203_cardOpen",
-			"header": "_e488d460_header",
-			"headText": "_f5dfe084_headText",
-			"name": "_8d39bde6_name",
-			"description": "_346f3b69_description",
-			"chevron": "_631094a0_chevron",
-			"chevronOpen": "_44836ce8_chevronOpen",
-			"body": "_dbaa7975_body",
+			"root": "_20fd0e45_root",
 			"readOnly": "_4e39cf17_readOnly",
-			"pending": "_99bf7f3c_pending",
 			"notice": "_9860a5b1_notice",
 			"legacyNotice": "_5006d43e_legacyNotice",
 			"error": "_21918751_error",
 			"noticeRow": "_7cea4b2f_noticeRow",
-			"form": "_4058c747_form",
-			"checkboxRow": "_9998065c_checkboxRow",
-			"checkLabel": "_02c2f6df_checkLabel",
-			"checkLabelTitle": "_f2d47237_checkLabelTitle",
-			"checkLabelDesc": "_c1bed8ea_checkLabelDesc",
-			"checkbox": "_06389b18_checkbox",
 			"fieldset": "_94c91bfd_fieldset",
-			"field": "_67826267_field",
-			"fieldLabel": "_13e68c3f_fieldLabel",
 			"sectionHeading": "_ba240d82_sectionHeading",
 			"sectionHeadingText": "_ddbc1b49_sectionHeadingText",
 			"sectionActions": "_c41f9db7_sectionActions",
+			"discard": "_f0864181_discard",
+			"save": "_ccff7e48_save",
 			"sectionToggle": "_b116c758_sectionToggle",
-			"sectionToggleText": "_a5313fdf_sectionToggleText",
+			"advancedBody": "_80101203_advancedBody",
+			"field": "_67826267_field",
+			"checkboxRow": "_9998065c_checkboxRow",
+			"numberFields": "_3e95886d_numberFields",
+			"checkbox": "_06389b18_checkbox",
+			"fieldLabel": "_13e68c3f_fieldLabel",
 			"hint": "_4bc809b8_hint",
-			"defaultNote": "_579f813a_defaultNote",
+			"checkLabel": "_02c2f6df_checkLabel",
+			"checkLabelTitle": "_f2d47237_checkLabelTitle",
+			"checkLabelDesc": "_c1bed8ea_checkLabelDesc",
 			"slotPresetName": "_b1962759_slotPresetName",
 			"infoHint": "_a6244318_infoHint",
 			"infoHintDisabled": "_e655c840_infoHintDisabled",
@@ -1806,12 +1789,15 @@ window.__ModuleLoader__.load({
 			"personaFull": "_4e4a07be_personaFull",
 			"inputInvalid": "_7b60337a_inputInvalid",
 			"selectInput": "_16eb7153_selectInput",
-			"numberFields": "_3e95886d_numberFields",
 			"list": "_0cfb5881_list",
 			"editorCard": "_f5c620d6_editorCard",
 			"cardFoot": "_224b1387_cardFoot",
 			"ruleGrid": "_8e220e07_ruleGrid",
 			"ruleCell": "_24a12a2f_ruleCell",
+			"ruleCellLabel": "_1014c097_ruleCellLabel",
+			"chevron": "_631094a0_chevron",
+			"chevronOpen": "_44836ce8_chevronOpen",
+			"chevronFlip": "_cf3961bb_chevronFlip",
 			"collapseRow": "_86bc52d2_collapseRow",
 			"collapseToggle": "_a73efcc6_collapseToggle",
 			"collapseTitle": "_af017718_collapseTitle",
@@ -1822,25 +1808,20 @@ window.__ModuleLoader__.load({
 			"slotTagMultiplier": "_23bdb6fc_slotTagMultiplier",
 			"slotTagActive": "_f000eed9_slotTagActive",
 			"dragHandle": "_cd905ce5_dragHandle",
-			"dragHandleIcon": "_49f0c4f0_dragHandleIcon",
 			"slotCardDragging": "_fee63b7e_slotCardDragging",
 			"slotCardOver": "_6f108491_slotCardOver",
-			"ruleCellLabel": "_1014c097_ruleCellLabel",
 			"chainSelectors": "_15a12620_chainSelectors",
 			"selectorRow": "_240cbbf8_selectorRow",
 			"iconButton": "_70effa64_iconButton",
 			"iconButtonDanger": "_a0968257_iconButtonDanger",
+			"outlineButton": "_711248a9_outlineButton",
 			"addButton": "_28202c90_addButton",
 			"slotAddRow": "_6a2bd54c_slotAddRow",
 			"rowActions": "_4e77523e_rowActions",
-			"primaryButton": "_747fd56d_primaryButton",
-			"secondaryButton": "_7e855445_secondaryButton",
-			"sectionAction": "_238d19be_sectionAction",
 			"statusBlock": "_fbd045e0_statusBlock",
 			"statusTitle": "_d4f70367_statusTitle",
 			"statusLine": "_8ab300ed_statusLine",
 			"statusLineLabel": "_e8cedbf5_statusLineLabel",
-			"offNotice": "_b48dfcba_offNotice",
 			"policyStatus": "_700006c9_policyStatus",
 			"policyStatusLabel": "_d4b67a81_policyStatusLabel",
 			"policyStatusLine": "_278bb4b3_policyStatusLine",
@@ -1856,77 +1837,78 @@ window.__ModuleLoader__.load({
 		* registration order); owner props are empty and all data flows
 		* through {@link FallbacksSettingsController}.
 		*
-		* The card chrome replicates the upstream `PluginCard` contract (self-drawn:
-		* the upstream client value face exports no reusable card): a collapsible
-		* `<li>` whose header is a button stacking the plugin name over its
-		* description, with a dirty "unsaved" pill and a rotating chevron
-		* (`IconChevronDownOutlineMedium` from ui-primitives — a CLIENT_EXTERNALS value
-		* import), `aria-expanded`/`aria-label` like the upstream header; a divider
-		* under the header; then the form content. PR #62 UX round 2: the card
-		* footer is gone — each big section (主代理 / 子代理 / 高级选项) carries its
-		* own Save/Discard actions beside its heading (高级选项: inside the expanded
-		* body) and its own validation / save-error surface. PR #62 UX round 3:
-		* each section's Save writes ONLY that section's fields — 主代理 owns
-		* rootChain / timeSlots / tz (+ the card-level `enabled`), 子代理 owns
-		* roles, 高级选项 owns the advanced scalars; the patch spreads the last
-		* ACCEPTED config for every other section, so a 主代理 Save can never
-		* ride along an unsaved 子代理 edit (and vice versa) — and validation /
-		* the dirty gate apply per section too (a bad role id never blocks 主代理,
-		* and only the saved section's Discard reverts that section's edits).
-		* Save/discard disabled terms: save = `!sectionDirty || saving ||
-		* !writable`, discard = `!sectionDirty || saving` (KD-U1). Disclosure is
-		* card-local state:
-		* which card a user has open is a reading gesture, and staged edits outlive
-		* collapsing — the pill rides the header (upstream rationale).
+		* FLAT rebuild (plan fallbacks-web-ux-alignment T3, the advisor PR #98
+		* pattern): the collapsible card chrome is gone — no header button, no
+		* rotating chevron, no dirty "unsaved" pill, no card-local open state, no
+		* bordered `<li>` box. The page already renders the plugin title/description
+		* above the card (the `locale/*.json` meta files the host resolves per UI
+		* language), so the notices, the form, and the section actions directly
+		* beneath it in the official flat settings-form language (reference §3):
+		* fields at
+		* 12px vertical padding with 0.5px hairline separators, 34px inputs on the
+		* 0.5px l4 border, per-section Discard + Save pairs on the section
+		* headings. The card is ALWAYS open —
+		* nothing needs card-level disclosure state; the degraded /
+		* error / read-only / migration notices render flat atop the form (the
+		* unavailable notice stays always-visible per KD-G5 — the documented
+		* divergence from the advisor, whose unavailable card renders nothing: the
+		* fallbacks skeleton stays the USABLE last-known form and saves are
+		* attempted).
+		*
+		* The config-level `enabled` switch is REMOVED (T2, breaking): there is no
+		* checkbox row and no `enabled.off` hiding — all fields render
+		* unconditionally; the Plugins-page row toggle is the master switch and the
+		* runtime gates read content presence (`isFallbackActive`).
 		*
-		* The form body is the two-block editing surface (spec §8): the `enabled`
-		* checkbox row, the 6 top-level scalar fields (trigger codes / revert
-		* policy / three numeric fields), the `rootChain` block (block 1 — the
-		* root agent's single chain, no key input), and the roles block (block 2 —
-		* declared role entity cards from `roles.list` plus the rule rows from
-		* `roles.rules`, whose role field is a dropdown bound to the declared ids
-		* + the built-in `inherit`, same-page live). Saving runs `validateDraft`
-		* first — id format/reserved word/duplicates, undeclared rule role
-		* references, illegal selectors, and a role with no chain entries (no
-		* model config) block the write with a validation banner + inline red
-		* borders / hints (never touching the store error path); a
-		* non-empty `state.legacyKeys` renders the migration banner at the top of
-		* the card body. The row editors keep their filled editorCard surface
-		* inside the card, with `--dsw-alias-*` tokens throughout. The reset-
-		* to-defaults affordance is GONE from the card (PR #62 UX round 3) — the
-		* gateway RPC `fallbacks/reset` and the store `resetToDefaults()` stay as
-		* host APIs (store/gateway tests unchanged), only the card UI was removed.
+		* PER-SECTION Save/Discard return beside each section heading (plan
+		* fallbacks-card-section-ux, the maintainer's live-host feedback reversing
+		* the flat plan's one-document model): the scroll-to-save cost of ONE
+		* bottom Save outweighed it. Each section's Save writes ONLY that section's
+		* fields (patch = the last ACCEPTED config with the section's fields
+		* replaced — the ride-along protection, PR #62 UX round 3), gated by that
+		* section's dirty term and validation bucket only (KD-U1: save =
+		* `!sectionDirty || saving || !writable`, discard = `!sectionDirty ||
+		* saving`; Save additionally carries `!writable` — W-1, qc2 fix wave: the
+		* dirty-implies-writable assumption does not hold for this in-place-draft
+		* store). Violations render live under their OWNING section heading, and a
+		* store write failure renders under the section whose Save was last
+		* clicked (`lastSaveSection`). Discard is kept — our staged edits survive
+		* refresh, the advisor's documented divergence from the official
+		* no-discard form — a pure client-side revert of THAT section's editors to
+		* the last accepted config.
 		*
-		* The page-only chrome is gone (720px column wrapper, title/intro banners,
-		* page-bottom status block): the AC-7 read-only status (derived effective
-		* model + recent-switch summary) is folded into the card body, and the
-		* plugin-config section owns the column width.
+		* The form body is the two-block editing surface (spec §8): the 6 top-level
+		* scalar fields (trigger codes / revert policy / three numeric fields), the
+		* `rootChain` block (block 1 — the root agent's single chain, no key input),
+		* and the roles block (block 2 — declared role entity cards from
+		* `roles.list` plus the rule rows from `roles.rules`, whose role field is a
+		* dropdown bound to the declared ids + the built-in `inherit`, same-page
+		* live). Row-level disclosures that are CONTENT keep their expand/collapse:
+		* the time-slot row cards and the role entity cards (with the seeded
+		* persona briefs) stay collapsible — a read-only view forces them open so
+		* the configs stay reachable. The 主代理 / 子代理 / 高级选项 group labels
+		* are semantic `<h2>` headings (T1); 高级选项 is a content-level disclosure
+		* collapsed by default (T3 — same expand/collapse contract as the rows, a
+		* read-only view forces it open).
 		*
-		* Degraded/error/loading states keep the same card chrome (KD-U3): the
-		* header always renders title+description+chevron, and the body carries the
-		* config-channel notice or the load error. A card that cannot reach the
-		* `fallbacks/get` gateway channel (`ready && !present`) keeps the USABLE
-		* skeleton — the form stays writable and saves are attempted (KD-G5) — with
-		* the `unavailable` notice ALWAYS visible (derived open — the header cannot
-		* collapse it away), while a healthy card is collapsed until the user
-		* expands it (AC-1, the documented divergence from upstream whose
-		* unavailable card renders nothing). A hard load failure (`status ===
-		* 'error'`) also forces the body open with an error notice and — when the
-		* form is inert (`!writable`, i.e. the load never landed) — a Retry button;
-		* a save failure keeps the editable form so the Save action itself is the
-		* retry. PR #62 UX round 2: the single `state.error` surface is split by
-		* origin — a LOAD failure keeps the card-top notice (with Retry when
-		* inert), while a WRITE failure renders under the section whose Save was
-		* last clicked (`lastSaveSection`), unlike the advisor's separate
-		* apply-failure hints.
+		* Validation: id format/reserved word/duplicates, undeclared rule role
+		* references, illegal selectors, and a role with no chain entries (no model
+		* config) block the write (the Save disabled gate) with per-section banners
+		* + inline red borders / hints (never touching the store error path); a
+		* non-empty `state.legacyKeys` renders the migration banner at the top.
+		* The reset-to-defaults affordance is GONE from the card (PR #62 UX
+		* round 3) — the gateway RPC `fallbacks/reset` and the store
+		* `resetToDefaults()` stay as host APIs, only the card UI was removed.
 		*
-		* The degraded derivation is latched in the card (the store stays untouched):
-		* `present` only ever changes inside the store's `accept()`, so the settled
-		* `ready` read is authoritative, and a card-local latch carries that value
-		* through refresh/save windows (`loading`/`saving`) so the notice body can
-		* never collapse mid-refresh (the advisor's latched `degraded` field,
-		* implemented without a store change); on a first mount the latch is false,
-		* so the healthy card starts (and stays) collapsed through its first load.
+		* The AC-7 read-only status block (recent-switch summary, D-5) stays at the
+		* bottom, flat.
+		*
+		* Presentation is ui-primitives-free (T4, advisor parity + reference §4
+		* risk): Button/Tooltip and the five icon imports are replaced by
+		* self-drawn styled elements — inline SVG icons (plus / trash / chevron /
+		* grip) and the CSS `data-tip` tooltip bubble (the card's existing
+		* icon-button pattern); every color resolves through a `--dsw-alias-*`
+		* token so the card adapts to the light/dark theme.
 		*/
 		const ALL_DAY_LABEL_KEYS = ["allDay.flash", "allDay.pro"];
 		const SLOT_PRESET_IDS = [
@@ -1945,6 +1927,106 @@ window.__ModuleLoader__.load({
 			"fri",
 			"sat"
 		];
+		/** The disclosure chevron (12px) — content-level row/panel toggles only. */
+		function ChevronDownIcon({ className }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+				className,
+				width: "12",
+				height: "12",
+				viewBox: "0 0 12 12",
+				fill: "none",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					d: "M3 4.5L6 7.5L9 4.5",
+					stroke: "currentColor",
+					strokeWidth: "1.5",
+					strokeLinecap: "round",
+					strokeLinejoin: "round"
+				})
+			});
+		}
+		/** The plus glyph (14px default) for the inline add buttons. */
+		function PlusIcon({ size = 14 }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+				width: size,
+				height: size,
+				viewBox: "0 0 12 12",
+				fill: "none",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					d: "M6 2.25V9.75M2.25 6H9.75",
+					stroke: "currentColor",
+					strokeWidth: "1.5",
+					strokeLinecap: "round"
+				})
+			});
+		}
+		/** The trash glyph (14px) for the row removals. */
+		function TrashIcon() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+				width: "14",
+				height: "14",
+				viewBox: "0 0 12 12",
+				fill: "none",
+				"aria-hidden": "true",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+						d: "M2.5 3.5H9.5",
+						stroke: "currentColor",
+						strokeWidth: "1.2",
+						strokeLinecap: "round"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+						d: "M4.75 3.25V2.5C4.75 2.22386 4.97386 2 5.25 2H6.75C7.02614 2 7.25 2.22386 7.25 2.5V3.25",
+						stroke: "currentColor",
+						strokeWidth: "1.2",
+						strokeLinecap: "round"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+						d: "M3.5 3.5L3.87464 9.24692C3.91109 9.80186 4.36905 10.2333 4.92513 10.2333H7.07487C7.63095 10.2333 8.08891 9.80186 8.12536 9.24692L8.5 3.5",
+						stroke: "currentColor",
+						strokeWidth: "1.2",
+						strokeLinecap: "round"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+						d: "M5.1 5.4V8.4M6.9 5.4V8.4",
+						stroke: "currentColor",
+						strokeWidth: "1.2",
+						strokeLinecap: "round"
+					})
+				]
+			});
+		}
+		/** The vertical grip (⋮) for the slot-row drag handle. */
+		function GripIcon() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+				width: "12",
+				height: "12",
+				viewBox: "0 0 12 12",
+				fill: "none",
+				"aria-hidden": "true",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+						cx: "6",
+						cy: "2.4",
+						r: "0.95",
+						fill: "currentColor"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+						cx: "6",
+						cy: "6",
+						r: "0.95",
+						fill: "currentColor"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+						cx: "6",
+						cy: "9.6",
+						r: "0.95",
+						fill: "currentColor"
+					})
+				]
+			});
+		}
 		/** IANA timezone of this renderer (browser / host). */
 		function hostTimeZone() {
 			try {
@@ -2001,7 +2083,6 @@ window.__ModuleLoader__.load({
 		/** Split scalars from the row editors (rootChain / role entities / role rules). */
 		function scalarsOf(config) {
 			return {
-				enabled: config.enabled,
 				triggerCodes: [...config.triggerCodes],
 				cooldownMs: config.cooldownMs,
 				revertPolicy: config.revertPolicy,
@@ -2039,7 +2120,6 @@ window.__ModuleLoader__.load({
 			const trailingChain = rowsToRootChain([allDayChainRow]);
 			const tz = resolvedSlotTz(timeSlotRows, scalars.tz);
 			return {
-				enabled: scalars.enabled,
 				triggerCodes: [...scalars.triggerCodes],
 				rootChain: allDayModel === "" ? [...acceptedRootChain] : [...trailingChain, allDayModel],
 				roles: {
@@ -2056,14 +2136,6 @@ window.__ModuleLoader__.load({
 				tz
 			};
 		}
-		/** An empty per-section validation-error record (the clean-draft shape). */
-		function emptyValidationErrors() {
-			return {
-				main: [],
-				sub: [],
-				advanced: []
-			};
-		}
 		/**
 		* Badge label for one row's provenance (plan role-card-seeded-ux): every
 		* row states where its seed state comes from. The three reserved labels
@@ -2088,22 +2160,27 @@ window.__ModuleLoader__.load({
 		* (only reachable through the synthetic outside option — the dropdown
 		* itself constrains normal edits), and illegal selector entries in
 		* rootChain and role chains. Returns one localized message per violation,
-		* bucketed by the section that owns the offending field (PR #62 UX round
-		* 2 — 主代理: allDay / timeSlots / slot* / tz / default model / default
-		* chain; 子代理: role* / rule*; 高级选项: trigger / cooldown / revert /
-		* always / roleAutoMatch — the scalars are never validated, so the
-		* advanced bucket stays empty today). A non-empty result blocks
-		* {@link save} — the draft is never written. `persona` is free text and
-		* never validated.
+		* bucketed by the section that owns the offending field (主代理: allDay /
+		* timeSlots / slot* / tz / default model / default chain; 子代理: role* /
+		* rule*; 高级选项: trigger / cooldown / revert / always / roleAutoMatch —
+		* the scalars are never validated, so the advanced bucket stays empty
+		* today). A non-empty bucket blocks THAT section's Save write only
+		* (per-section saves, plan fallbacks-card-section-ux) — a sibling section
+		* with a clean bucket still saves. `persona` is free text and never
+		* validated.
 		*
 		* `seedInfo` is the live trimmed-id → seed-entry map derived from
 		* `state.seeds` (spec §9.4): the empty-chain block relaxes for seeded ids
 		* only (spec §9.6 / AC-3 — a seeded role's chain is legitimately empty by
-		* design, R4, and the row must stay persistable through a section save);
-		* non-seeded behavior is byte-identical.
+		* design, R4, and the row must stay persistable); non-seeded behavior is
+		* byte-identical.
 		*/
 		function validateDraft(draft, t, seedInfo) {
-			const errors = emptyValidationErrors();
+			const errors = {
+				main: [],
+				sub: [],
+				advanced: []
+			};
 			const declaredIds = /* @__PURE__ */ new Set();
 			for (const role of draft.roles.list) {
 				if (!ROLE_ID_PATTERN.test(role.id)) errors.sub.push(t("validation.roleIdFormat", { id: role.id }));
@@ -2158,11 +2235,12 @@ window.__ModuleLoader__.load({
 		}
 		/**
 		* The trimmed role ids that are validation failures (format / reserved word
-		* / duplicate) — drives the inline red border after a blocked save attempt.
-		* Derived once per render into a Set (qc3 F-3): a duplicate scan inside the
-		* render loop would be O(N²) per row; here the whole derivation is O(N) and
-		* each row's check is a single Set lookup. Selector errors stay on the
-		* banner only (plan Task 3 inline-scope rule).
+		* / duplicate) — drives the inline red border on the offending id input
+		* (live: the border tracks the draft, matching the live Save disabled
+		* gate). Derived once per render into a Set (qc3 F-3): a duplicate scan
+		* inside the render loop would be O(N²) per row; here the whole derivation
+		* is O(N) and each row's check is a single Set lookup. Selector errors stay
+		* on the banner only (plan Task 3 inline-scope rule).
 		*/
 		function collectInvalidRoleIds(rows) {
 			const counts = /* @__PURE__ */ new Map();
@@ -2184,9 +2262,8 @@ window.__ModuleLoader__.load({
 		}
 		/**
 		* Custom time-slot rows whose window is not valid `HH:mm` — drives the
-		* inline red border after a blocked save attempt (same derivation pattern
-		* as {@link collectInvalidRoleIds}: one pass per render, index lookup per
-		* row).
+		* inline red border on the start/end inputs (same derivation pattern as
+		* {@link collectInvalidRoleIds}: one pass per render, index lookup per row).
 		*/
 		function collectInvalidSlotRows(rows) {
 			const invalid = /* @__PURE__ */ new Set();
@@ -2204,12 +2281,13 @@ window.__ModuleLoader__.load({
 			} : void 0;
 		}
 		/**
-		* Inline "!" info badge (T3): the detailed explanation rides a primitives
-		* Tooltip bubble (side "right", ~300ms hover delay, immediate on keyboard
-		* focus) while the short inline hint stays on the row. The badge is an
-		* exposed, focusable image — the Models page credential-status pattern
-		* (role="img" + aria-label) — so the accessible name is always available;
-		* the tooltip is a progressive enhancement on top.
+		* Inline "!" info badge (T3): the detailed explanation rides a CSS
+		* `data-tip` bubble (the card's self-drawn tooltip pattern — T4 replaces
+		* the primitives Tooltip; anchored to the RIGHT of the badge, the original
+		* primitives side="right" contract) while the short inline hint stays on
+		* the row. The badge is an exposed, focusable image — the Models page
+		* credential-status pattern (role="img" + aria-label) — so the accessible
+		* name is always available; the bubble is a progressive enhancement on top.
 		*
 		* `disabled` mirrors the read-only/loading suppression of the surrounding
 		* controls: the bubble is suppressed, the badge drops out of the tab order
@@ -2222,18 +2300,13 @@ window.__ModuleLoader__.load({
 		* label-activation default action to cancel.
 		*/
 		function InfoHint({ label, disabled = false }) {
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
-				label,
-				side: "right",
-				delayMs: 300,
-				disabled,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: disabled ? `${FallbacksCard_module_css_default.infoHint} ${FallbacksCard_module_css_default.infoHintDisabled}` : FallbacksCard_module_css_default.infoHint,
-					role: "img",
-					"aria-label": label,
-					tabIndex: disabled ? -1 : 0,
-					children: "!"
-				})
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: disabled ? `${FallbacksCard_module_css_default.infoHint} ${FallbacksCard_module_css_default.infoHintDisabled}` : FallbacksCard_module_css_default.infoHint,
+				role: "img",
+				"aria-label": label,
+				"data-tip": label,
+				tabIndex: disabled ? -1 : 0,
+				children: "!"
 			});
 		}
 		/**
@@ -2361,17 +2434,16 @@ window.__ModuleLoader__.load({
 							"data-tip": t("chains.selector.remove"),
 							"aria-label": t("chains.selector.remove"),
 							onClick: onRemove,
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconTrashOutlineMedium, {})
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TrashIcon, {})
 						})
 					})
 				]
 			});
 		}
 		/**
-		* Render the Fallbacks settings card inside the plugin-config section,
-		* replicating the upstream PluginCard chrome (KD-U1). The body carries the
-		* existing form content unchanged plus the folded-in status block and the
-		* footer actions (Discard / Reset / Save).
+		* Render the Fallbacks settings card inside the plugin-config section —
+		* flat: the notices, the form, and the section action pairs directly under
+		* the page's plugin title/description, with no chrome of our own.
 		* @param props - slot-delivered injected dependencies and the synthesized t seat.
 		* @returns the card.
 		*/
@@ -2390,14 +2462,12 @@ window.__ModuleLoader__.load({
 			const [roleRows, setRoleRows] = (0, react.useState)(() => rolesToRows(defaultFallbacksConfig.roles.list));
 			const [ruleRows, setRuleRows] = (0, react.useState)(() => rulesToRows(defaultFallbacksConfig.roles.rules));
 			const [presetToAdd, setPresetToAdd] = (0, react.useState)("");
-			const [validationErrors, setValidationErrors] = (0, react.useState)(emptyValidationErrors);
-			const [validationAttempted, setValidationAttempted] = (0, react.useState)(false);
 			const [lastSaveSection, setLastSaveSection] = (0, react.useState)(null);
+			const [advancedOpen, setAdvancedOpen] = (0, react.useState)(false);
 			const seededConfigKey = (0, react.useRef)(null);
 			const draft = assembleConfig(scalars, allDayModel, state.config.rootChain, allDayChainRow, roleRows, ruleRows, state.config.roles.list, state.config.presets, scalars.roleAutoMatch, timeSlotRows);
 			const hasEmptyRuleRows = ruleRows.some((row) => row.role === "");
-			const enabledDirty = scalars.enabled !== state.config.enabled;
-			const mainDirty = enabledDirty || JSON.stringify([...draft.rootChain, draft.timeSlots]) !== JSON.stringify([...state.config.rootChain, state.config.timeSlots ?? []]);
+			const mainDirty = JSON.stringify([...draft.rootChain, draft.timeSlots]) !== JSON.stringify([...state.config.rootChain, state.config.timeSlots ?? []]);
 			const subDirty = hasEmptyRuleRows || JSON.stringify(draft.roles) !== JSON.stringify(state.config.roles);
 			const advancedDirty = JSON.stringify([
 				draft.triggerCodes,
@@ -2414,7 +2484,6 @@ window.__ModuleLoader__.load({
 				state.config.alwaysModeRetryCap,
 				state.config.roleAutoMatch
 			]);
-			const dirty = mainDirty || subDirty || advancedDirty;
 			const firstSeedDone = (0, react.useRef)(false);
 			(0, react.useEffect)(() => {
 				if (state.status !== "ready") return;
@@ -2430,7 +2499,6 @@ window.__ModuleLoader__.load({
 					setTimeSlotRows(timeSlotsToRows(state.config.timeSlots ?? [], catalog));
 					setScalars((prev) => ({
 						...prev,
-						enabled: state.config.enabled,
 						tz: state.config.tz ?? "Asia/Shanghai"
 					}));
 				}
@@ -2643,26 +2711,26 @@ window.__ModuleLoader__.load({
 					return next;
 				});
 			};
-			const allValidationErrors = [
-				...validationErrors.main,
-				...validationErrors.sub,
-				...validationErrors.advanced
-			];
 			const saving = state.status === "saving";
 			const writable = state.writable;
+			const advancedVisible = advancedOpen || !writable;
+			const cooldownMsTip = `${t("cooldownMs.tooltip")} ${t("defaults.prefix")}: ${defaultFallbacksConfig.cooldownMs}`;
+			const maxSwitchesPerStepTip = `${t("maxSwitchesPerStep.tooltip")} ${t("defaults.prefix")}: ${defaultFallbacksConfig.maxSwitchesPerStep}`;
+			const alwaysModeRetryCapTip = `${t("alwaysModeRetryCap.tooltip")} ${t("defaults.prefix")}: ${defaultFallbacksConfig.alwaysModeRetryCap}`;
 			const unknownCodes = scalars.triggerCodes.filter((code) => !KNOWN_TRIGGER_CODES.includes(code));
 			const presetsPresent = timeSlotRows.some((row) => row.kind === "preset");
 			const glmConfigured = state.configuredProviders.some((entry) => entry.provider === "zai-coding-cn");
 			const slotState = resolveSlotState(state.config, /* @__PURE__ */ new Date(), scalars.tz);
 			const activeSlotIndex = slotState.winner === "all-day" ? -1 : state.config.timeSlots?.indexOf(slotState.winner) ?? -1;
 			const roleOptions = ruleRoleOptions({ list: roleRows });
-			const invalidRoleIds = validationAttempted ? collectInvalidRoleIds(roleRows) : null;
-			const invalidSlotRows = validationAttempted ? collectInvalidSlotRows(timeSlotRows) : null;
+			const invalidRoleIds = collectInvalidRoleIds(roleRows);
+			const invalidSlotRows = collectInvalidSlotRows(timeSlotRows);
 			const seedInfo = /* @__PURE__ */ new Map();
 			for (const seed of state.seeds) seedInfo.set(seed.id.trim(), {
 				overridden: seed.overridden,
 				source: seed.source
 			});
+			const liveErrors = validateDraft(draft, t, seedInfo);
 			const latestSwitch = state.switches[0];
 			let switchesLine;
 			if (state.switchesStatus === "error") switchesLine = t("status.switches.error", { message: state.switchesError });
@@ -2712,10 +2780,7 @@ window.__ModuleLoader__.load({
 				subDirty
 			]);
 			const sectionPatch = (section) => {
-				const base = {
-					...state.config,
-					enabled: scalars.enabled
-				};
+				const base = { ...state.config };
 				switch (section) {
 					case "main": return {
 						...base,
@@ -2738,43 +2803,26 @@ window.__ModuleLoader__.load({
 					};
 				}
 			};
-			const save = (section) => {
+			const saveSection = (section) => {
+				if (liveErrors[section].length > 0 || section === "sub" && hasEmptyRuleRows) return;
 				setLastSaveSection(section);
-				const errors = validateDraft(draft, t, seedInfo);
-				if (section === "sub" && hasEmptyRuleRows) errors.sub.push(t("validation.ruleRoleRequired"));
-				if (errors[section].length > 0) {
-					setValidationErrors(errors);
-					setValidationAttempted(true);
-					return;
-				}
-				setValidationErrors(emptyValidationErrors());
-				setValidationAttempted(false);
 				controller.save(sectionPatch(section));
 			};
-			const saveEnabled = () => {
-				setLastSaveSection("main");
-				setValidationErrors(emptyValidationErrors());
-				setValidationAttempted(false);
-				controller.save({
-					...state.config,
-					enabled: scalars.enabled
-				});
-			};
 			const discardSection = (section) => {
+				const catalog = catalogOf(state);
 				switch (section) {
 					case "main":
 						setAllDayModel(allDayModelOf(state.config.rootChain));
-						setAllDayChainRow(allDayChainRowOf(state.config.rootChain, catalogOf(state)));
-						setTimeSlotRows(timeSlotsToRows(state.config.timeSlots ?? [], catalogOf(state)));
+						setAllDayChainRow(allDayChainRowOf(state.config.rootChain, catalog));
+						setTimeSlotRows(timeSlotsToRows(state.config.timeSlots ?? [], catalog));
 						setScalars((prev) => ({
 							...prev,
-							enabled: state.config.enabled,
 							tz: state.config.tz ?? "Asia/Shanghai"
 						}));
 						break;
 					case "sub":
-						setRoleRows(rolesToRows(state.config.roles.list, catalogOf(state)));
-						setRuleRows(rulesToRows(state.config.roles.rules, catalogOf(state)));
+						setRoleRows(rolesToRows(state.config.roles.list, catalog));
+						setRuleRows(rulesToRows(state.config.roles.rules, catalog));
 						break;
 					case "advanced": setScalars((prev) => ({
 						...prev,
@@ -2786,1418 +2834,1254 @@ window.__ModuleLoader__.load({
 						roleAutoMatch: state.config.roleAutoMatch
 					}));
 				}
-				setValidationErrors(emptyValidationErrors());
-				setValidationAttempted(false);
-			};
-			const discardEnabled = () => {
-				setScalars((prev) => ({
-					...prev,
-					enabled: state.config.enabled
-				}));
-				setValidationErrors(emptyValidationErrors());
-				setValidationAttempted(false);
 			};
-			(0, react.useEffect)(() => {
-				if (!validationAttempted) return;
-				const errors = validateDraft(draft, t, seedInfo);
-				if (errors.main.length === 0 && errors.sub.length === 0 && errors.advanced.length === 0 && !ruleRows.some((row) => row.role === "")) {
-					setValidationErrors(emptyValidationErrors());
-					setValidationAttempted(false);
-				}
-			}, [
-				validationAttempted,
-				draft,
-				ruleRows,
-				t
-			]);
 			(0, react.useEffect)(() => {
 				if (state.status === "ready") setLastSaveSection(null);
 			}, [state.status]);
-			const [userOpen, setUserOpen] = (0, react.useState)(false);
-			const [advancedOpen, setAdvancedOpen] = (0, react.useState)(false);
 			const degradedLatch = (0, react.useRef)(false);
-			const errorLatch = (0, react.useRef)(false);
-			if (state.status === "ready") {
-				degradedLatch.current = !state.present;
-				errorLatch.current = false;
-			} else if (state.status === "error") errorLatch.current = true;
+			if (state.status === "ready") degradedLatch.current = !state.present;
 			const degraded = state.status === "ready" ? !state.present : degradedLatch.current;
-			const open = userOpen || errorLatch.current || degraded;
-			const advancedVisible = advancedOpen || !writable;
-			const title = t("title");
-			const header = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-				type: "button",
-				className: FallbacksCard_module_css_default.header,
-				"aria-expanded": open,
-				"aria-label": `${t(open ? "collapse" : "expand")}: ${title}`,
-				onClick: () => {
-					if (!degraded && state.status !== "error") setUserOpen(!userOpen);
-				},
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: FallbacksCard_module_css_default.root,
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						className: FallbacksCard_module_css_default.headText,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: FallbacksCard_module_css_default.name,
-							children: title
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: FallbacksCard_module_css_default.description,
-							children: t("intro")
+					state.legacyKeys.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: FallbacksCard_module_css_default.legacyNotice,
+						role: "status",
+						children: t("legacy.banner", { keys: state.legacyKeys.join(", ") })
+					}),
+					state.status === "error" && state.error !== null && lastSaveSection === null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: FallbacksCard_module_css_default.noticeRow,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: FallbacksCard_module_css_default.error,
+							role: "alert",
+							children: t("error.generic", { message: state.error })
+						}), !state.writable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: FallbacksCard_module_css_default.outlineButton,
+							onClick: () => {
+								controller.load();
+							},
+							children: t("retry")
 						})]
 					}),
-					dirty ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: FallbacksCard_module_css_default.pending,
-						children: t("unsaved")
-					}) : null,
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineMedium, { className: open ? `${FallbacksCard_module_css_default.chevron} ${FallbacksCard_module_css_default.chevronOpen}` : FallbacksCard_module_css_default.chevron })
-				]
-			});
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
-				className: open ? `${FallbacksCard_module_css_default.card} ${FallbacksCard_module_css_default.cardOpen}` : FallbacksCard_module_css_default.card,
-				children: [header, open && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: FallbacksCard_module_css_default.body,
-					children: [
-						state.legacyKeys.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: FallbacksCard_module_css_default.legacyNotice,
-							role: "status",
-							children: t("legacy.banner", { keys: state.legacyKeys.join(", ") })
-						}),
-						state.status === "error" && state.error !== null && lastSaveSection === null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: FallbacksCard_module_css_default.noticeRow,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					degraded && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: FallbacksCard_module_css_default.notice,
+						role: "status",
+						children: t("unavailable")
+					}),
+					state.status === "ready" && !state.writable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: FallbacksCard_module_css_default.readOnly,
+						role: "status",
+						children: t("readOnly")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("fieldset", {
+						className: FallbacksCard_module_css_default.fieldset,
+						disabled: !writable,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h2", {
+								className: FallbacksCard_module_css_default.sectionHeading,
+								id: "fallbacks-main-agent",
+								"aria-label": t("mainAgent.label"),
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: FallbacksCard_module_css_default.sectionHeadingText,
+									children: t("mainAgent.label")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: FallbacksCard_module_css_default.sectionActions,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: FallbacksCard_module_css_default.discard,
+										disabled: !mainDirty || saving,
+										onClick: () => {
+											discardSection("main");
+										},
+										children: t("discard")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: FallbacksCard_module_css_default.save,
+										disabled: !writable || saving || !mainDirty,
+										onClick: () => {
+											saveSection("main");
+										},
+										children: saving ? t("save.saving") : t("save")
+									})]
+								})]
+							}),
+							liveErrors.main.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: FallbacksCard_module_css_default.error,
+								role: "alert",
+								children: `${t("validation.blocked")}${liveErrors.main.join("; ")}`
+							}),
+							lastSaveSection === "main" && state.status === "error" && state.error !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 								className: FallbacksCard_module_css_default.error,
 								role: "alert",
 								children: t("error.generic", { message: state.error })
-							}), !state.writable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-								variant: "outline",
-								size: "sm",
-								onClick: () => {
-									controller.load();
-								},
-								children: t("retry")
-							})]
-						}),
-						degraded && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: FallbacksCard_module_css_default.notice,
-							role: "status",
-							children: t("unavailable")
-						}),
-						state.status === "ready" && !state.writable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: FallbacksCard_module_css_default.readOnly,
-							role: "status",
-							children: t("readOnly")
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: FallbacksCard_module_css_default.form,
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: FallbacksCard_module_css_default.checkboxRow,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: FallbacksCard_module_css_default.checkLabel,
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-											className: FallbacksCard_module_css_default.checkLabelTitle,
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-												htmlFor: "fallbacks-enabled",
-												children: t("enabled.label")
-											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InfoHint, {
-												label: t("enabled.tooltip"),
-												disabled: !writable
-											})]
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: FallbacksCard_module_css_default.checkLabelDesc,
-											children: t("enabled.hint")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: FallbacksCard_module_css_default.field,
+								role: "group",
+								"aria-labelledby": "fallbacks-time-slots",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: FallbacksCard_module_css_default.fieldLabel,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											id: "fallbacks-time-slots",
+											children: t("timeSlots.label")
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InfoHint, {
+											label: t("timeSlots.tooltip"),
+											disabled: !writable
 										})]
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-										id: "fallbacks-enabled",
-										type: "checkbox",
-										className: FallbacksCard_module_css_default.checkbox,
-										checked: scalars.enabled,
-										disabled: !writable,
-										onChange: (event) => {
-											updateScalars((draft) => {
-												draft.enabled = event.target.checked;
-											});
-										}
-									})]
-								}),
-								!scalars.enabled && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-										className: FallbacksCard_module_css_default.offNotice,
-										children: t("enabled.off")
-									}),
-									allValidationErrors.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-										className: FallbacksCard_module_css_default.error,
-										role: "alert",
-										children: `${t("validation.blocked")}${allValidationErrors.join("; ")}`
 									}),
-									lastSaveSection === "main" && state.status === "error" && state.error !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-										className: FallbacksCard_module_css_default.error,
-										role: "alert",
-										children: t("error.generic", { message: state.error })
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: FallbacksCard_module_css_default.hint,
+										children: t("timeSlots.hint")
 									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: FallbacksCard_module_css_default.sectionActions,
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-											type: "button",
-											className: `${FallbacksCard_module_css_default.secondaryButton} ${FallbacksCard_module_css_default.sectionAction}`,
-											disabled: !enabledDirty || saving,
-											onClick: discardEnabled,
-											children: t("discard")
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-											type: "button",
-											className: `${FallbacksCard_module_css_default.primaryButton} ${FallbacksCard_module_css_default.sectionAction}`,
-											disabled: !writable || saving || !enabledDirty,
-											onClick: saveEnabled,
-											children: saving ? t("save.saving") : t("save")
-										})]
-									})
-								] }),
-								scalars.enabled && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("fieldset", {
-									className: FallbacksCard_module_css_default.fieldset,
-									disabled: !writable,
-									children: [
-										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: FallbacksCard_module_css_default.sectionHeading,
-											id: "fallbacks-main-agent",
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: FallbacksCard_module_css_default.sectionHeadingText,
-												children: t("mainAgent.label")
-											}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-												className: FallbacksCard_module_css_default.sectionActions,
-												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-													type: "button",
-													className: `${FallbacksCard_module_css_default.secondaryButton} ${FallbacksCard_module_css_default.sectionAction}`,
-													disabled: !mainDirty || saving,
-													onClick: () => {
-														discardSection("main");
-													},
-													children: t("discard")
-												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-													type: "button",
-													className: `${FallbacksCard_module_css_default.primaryButton} ${FallbacksCard_module_css_default.sectionAction}`,
-													disabled: !writable || saving || !mainDirty,
-													onClick: () => {
-														save("main");
-													},
-													children: saving ? t("save.saving") : t("save")
-												})]
-											})]
-										}),
-										validationErrors.main.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-											className: FallbacksCard_module_css_default.error,
-											role: "alert",
-											children: `${t("validation.blocked")}${validationErrors.main.join("; ")}`
-										}),
-										lastSaveSection === "main" && state.status === "error" && state.error !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-											className: FallbacksCard_module_css_default.error,
-											role: "alert",
-											children: t("error.generic", { message: state.error })
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: FallbacksCard_module_css_default.field,
-											role: "group",
-											"aria-labelledby": "fallbacks-time-slots",
-											children: [
-												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-													className: FallbacksCard_module_css_default.fieldLabel,
-													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														id: "fallbacks-time-slots",
-														children: t("timeSlots.label")
-													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InfoHint, {
-														label: t("timeSlots.tooltip"),
-														disabled: !writable
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: FallbacksCard_module_css_default.list,
+										children: timeSlotRows.map((row, index) => {
+											const invalidWindow = invalidSlotRows.has(index);
+											const chainEmpty = row.selectors.every((selector) => selectorRowToRaw(selector) === "");
+											const firstModel = row.selectors.map(selectorRowToRaw).find((entry) => entry !== "");
+											const slotExpanded = !row.collapsed || !writable;
+											return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: `${FallbacksCard_module_css_default.editorCard} ${draggedSlotIndex === index ? FallbacksCard_module_css_default.slotCardDragging : ""} ${overSlotIndex === index && draggedSlotIndex !== null && draggedSlotIndex !== index ? FallbacksCard_module_css_default.slotCardOver : ""}`,
+												onDragOver: (event) => {
+													if (draggedSlotIndex === null) return;
+													event.preventDefault();
+													if (overSlotIndex !== index) setOverSlotIndex(index);
+												},
+												onDrop: (event) => {
+													event.preventDefault();
+													const from = draggedSlotIndex;
+													setDraggedSlotIndex(null);
+													setOverSlotIndex(null);
+													if (from !== null && from !== index) reorderTimeSlotRow(from, index);
+												},
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: FallbacksCard_module_css_default.collapseRow,
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+														type: "button",
+														className: FallbacksCard_module_css_default.collapseToggle,
+														"aria-expanded": slotExpanded,
+														"aria-label": t(slotExpanded ? "timeSlots.collapse" : "timeSlots.expand"),
+														disabled: !writable,
+														onClick: () => {
+															updateTimeSlotRow(index, { collapsed: !row.collapsed });
+														},
+														children: [
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronDownIcon, { className: slotExpanded ? `${FallbacksCard_module_css_default.chevron} ${FallbacksCard_module_css_default.chevronOpen}` : FallbacksCard_module_css_default.chevron }),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																className: FallbacksCard_module_css_default.collapseTitle,
+																children: row.kind === "preset" ? t(`timeSlots.preset.${row.preset}.label`) : row.name !== "" ? row.name : `custom ${row.start}-${row.end}`
+															}),
+															row.kind === "preset" && (row.preset === "liang-peak" || row.preset === "glm-peak") && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																className: `${FallbacksCard_module_css_default.slotTag} ${FallbacksCard_module_css_default.slotTagHighCost}`,
+																children: t("timeSlots.preset.highCost")
+															}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																className: `${FallbacksCard_module_css_default.slotTag} ${FallbacksCard_module_css_default.slotTagMultiplier}`,
+																children: t("timeSlots.preset.multiplier", { n: row.preset === "liang-peak" ? "2" : "3" })
+															})] }),
+															activeSlotIndex === index && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																className: `${FallbacksCard_module_css_default.slotTag} ${FallbacksCard_module_css_default.slotTagActive}`,
+																children: t("timeSlots.active")
+															}),
+															firstModel !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																className: FallbacksCard_module_css_default.collapseMeta,
+																children: firstModel
+															})
+														]
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+														type: "button",
+														className: FallbacksCard_module_css_default.dragHandle,
+														draggable: writable,
+														"data-tip": t("timeSlots.drag"),
+														"aria-label": t("timeSlots.drag"),
+														disabled: !writable,
+														onDragStart: () => {
+															if (!writable) return;
+															setDraggedSlotIndex(index);
+															setOverSlotIndex(index);
+														},
+														onDragEnd: () => {
+															setDraggedSlotIndex(null);
+															setOverSlotIndex(null);
+														},
+														children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GripIcon, {})
 													})]
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: FallbacksCard_module_css_default.hint,
-													children: t("timeSlots.hint")
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-													className: FallbacksCard_module_css_default.list,
-													children: timeSlotRows.map((row, index) => {
-														const invalidWindow = invalidSlotRows?.has(index) ?? false;
-														const chainEmpty = row.selectors.every((selector) => selectorRowToRaw(selector) === "");
-														const firstModel = row.selectors.map(selectorRowToRaw).find((entry) => entry !== "");
-														const slotExpanded = !row.collapsed || !writable;
-														return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-															className: `${FallbacksCard_module_css_default.editorCard} ${draggedSlotIndex === index ? FallbacksCard_module_css_default.slotCardDragging : ""} ${overSlotIndex === index && draggedSlotIndex !== null && draggedSlotIndex !== index ? FallbacksCard_module_css_default.slotCardOver : ""}`,
-															onDragOver: (event) => {
-																if (draggedSlotIndex === null) return;
-																event.preventDefault();
-																if (overSlotIndex !== index) setOverSlotIndex(index);
-															},
-															onDrop: (event) => {
-																event.preventDefault();
-																const from = draggedSlotIndex;
-																setDraggedSlotIndex(null);
-																setOverSlotIndex(null);
-																if (from !== null && from !== index) reorderTimeSlotRow(from, index);
-															},
+												}), slotExpanded && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+													row.kind === "preset" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+														/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+															className: FallbacksCard_module_css_default.ruleGrid,
 															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-																className: FallbacksCard_module_css_default.collapseRow,
-																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-																	type: "button",
-																	className: FallbacksCard_module_css_default.collapseToggle,
-																	"aria-expanded": slotExpanded,
-																	"aria-label": t(slotExpanded ? "timeSlots.collapse" : "timeSlots.expand"),
-																	disabled: !writable,
-																	onClick: () => {
-																		updateTimeSlotRow(index, { collapsed: !row.collapsed });
-																	},
-																	children: [
-																		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineMedium, { className: slotExpanded ? `${FallbacksCard_module_css_default.chevron} ${FallbacksCard_module_css_default.chevronOpen}` : FallbacksCard_module_css_default.chevron }),
-																		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																			className: FallbacksCard_module_css_default.collapseTitle,
-																			children: row.kind === "preset" ? t(`timeSlots.preset.${row.preset}.label`) : row.name !== "" ? row.name : `custom ${row.start}-${row.end}`
-																		}),
-																		row.kind === "preset" && (row.preset === "liang-peak" || row.preset === "glm-peak") && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																			className: `${FallbacksCard_module_css_default.slotTag} ${FallbacksCard_module_css_default.slotTagHighCost}`,
-																			children: t("timeSlots.preset.highCost")
-																		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																			className: `${FallbacksCard_module_css_default.slotTag} ${FallbacksCard_module_css_default.slotTagMultiplier}`,
-																			children: t("timeSlots.preset.multiplier", { n: row.preset === "liang-peak" ? "2" : "3" })
-																		})] }),
-																		activeSlotIndex === index && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																			className: `${FallbacksCard_module_css_default.slotTag} ${FallbacksCard_module_css_default.slotTagActive}`,
-																			children: t("timeSlots.active")
-																		}),
-																		firstModel !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																			className: FallbacksCard_module_css_default.collapseMeta,
-																			children: firstModel
-																		})
-																	]
-																}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-																	type: "button",
-																	className: FallbacksCard_module_css_default.dragHandle,
-																	draggable: writable,
-																	"data-tip": t("timeSlots.drag"),
-																	"aria-label": t("timeSlots.drag"),
-																	disabled: !writable,
-																	onDragStart: () => {
-																		if (!writable) return;
-																		setDraggedSlotIndex(index);
-																		setOverSlotIndex(index);
-																	},
-																	onDragEnd: () => {
-																		setDraggedSlotIndex(null);
-																		setOverSlotIndex(null);
-																	},
-																	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconEllipsisOutlineMedium, { className: FallbacksCard_module_css_default.dragHandleIcon })
+																className: FallbacksCard_module_css_default.ruleCell,
+																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: FallbacksCard_module_css_default.ruleCellLabel,
+																	children: t("timeSlots.preset.name")
+																}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: FallbacksCard_module_css_default.slotPresetName,
+																	children: t(`timeSlots.preset.${row.preset}.label`)
 																})]
-															}), slotExpanded && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-																row.kind === "preset" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-																	/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-																		className: FallbacksCard_module_css_default.ruleGrid,
-																		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-																			className: FallbacksCard_module_css_default.ruleCell,
-																			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																				className: FallbacksCard_module_css_default.ruleCellLabel,
-																				children: t("timeSlots.preset.name")
-																			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																				className: FallbacksCard_module_css_default.slotPresetName,
-																				children: t(`timeSlots.preset.${row.preset}.label`)
-																			})]
-																		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-																			className: FallbacksCard_module_css_default.ruleCell,
-																			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																				className: FallbacksCard_module_css_default.ruleCellLabel,
-																				children: t("timeSlots.preset.windowLabel")
-																			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																				className: FallbacksCard_module_css_default.hint,
-																				children: t(`timeSlots.preset.${row.preset}.window`)
-																			})]
-																		})]
-																	}),
-																	/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																		className: FallbacksCard_module_css_default.hint,
-																		children: t("timeSlots.preset.chainsOnly")
-																	}),
-																	(row.preset === "glm-peak" || row.preset === "glm-valley") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																		className: FallbacksCard_module_css_default.hint,
-																		children: t("timeSlots.preset.glm.note")
-																	})
-																] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-																	/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-																		className: FallbacksCard_module_css_default.field,
-																		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																			className: FallbacksCard_module_css_default.ruleCellLabel,
-																			children: t("timeSlots.name")
-																		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-																			className: FallbacksCard_module_css_default.input,
-																			value: row.name,
-																			placeholder: t("timeSlots.name"),
-																			"aria-label": t("timeSlots.name"),
-																			disabled: !writable,
-																			onChange: (event) => {
-																				updateTimeSlotRow(index, { name: event.target.value });
-																			}
-																		})]
-																	}),
-																	/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-																		className: FallbacksCard_module_css_default.field,
-																		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																			className: FallbacksCard_module_css_default.ruleCellLabel,
-																			children: t("timeSlots.tz.label")
-																		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																			className: FallbacksCard_module_css_default.hint,
-																			"aria-label": t("timeSlots.tz.label"),
-																			children: tzDisplayLabel(presetsPresent ? "Asia/Shanghai" : hostTimeZone())
-																		})]
-																	}),
-																	/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-																		className: FallbacksCard_module_css_default.ruleGrid,
-																		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-																			className: FallbacksCard_module_css_default.ruleCell,
-																			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																				className: FallbacksCard_module_css_default.ruleCellLabel,
-																				children: t("timeSlots.start")
-																			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-																				className: `${FallbacksCard_module_css_default.input} ${invalidWindow ? FallbacksCard_module_css_default.inputInvalid : ""}`,
-																				value: row.start,
-																				placeholder: "09:00",
-																				"aria-label": t("timeSlots.start"),
-																				disabled: !writable,
-																				onChange: (event) => {
-																					updateTimeSlotRow(index, { start: event.target.value });
-																				}
-																			})]
-																		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-																			className: FallbacksCard_module_css_default.ruleCell,
-																			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																				className: FallbacksCard_module_css_default.ruleCellLabel,
-																				children: t("timeSlots.end")
-																			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-																				className: `${FallbacksCard_module_css_default.input} ${invalidWindow ? FallbacksCard_module_css_default.inputInvalid : ""}`,
-																				value: row.end,
-																				placeholder: "18:00",
-																				"aria-label": t("timeSlots.end"),
-																				disabled: !writable,
-																				onChange: (event) => {
-																					updateTimeSlotRow(index, { end: event.target.value });
-																				}
-																			})]
-																		})]
-																	}),
-																	/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-																		className: FallbacksCard_module_css_default.field,
-																		children: [
-																			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																				className: FallbacksCard_module_css_default.ruleCellLabel,
-																				children: t("timeSlots.days")
-																			}),
-																			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-																				className: FallbacksCard_module_css_default.dayRow,
-																				children: SLOT_WEEKDAYS.map((day, dayIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-																					className: FallbacksCard_module_css_default.dayCell,
-																					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-																						type: "checkbox",
-																						checked: row.days.includes(dayIndex),
-																						disabled: !writable,
-																						onChange: () => {
-																							updateTimeSlotRow(index, { days: row.days.includes(dayIndex) ? row.days.filter((existing) => existing !== dayIndex) : [...row.days, dayIndex] });
-																						}
-																					}), t(`timeSlots.day.${day}`)]
-																				}, day))
-																			}),
-																			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																				className: FallbacksCard_module_css_default.hint,
-																				children: t("timeSlots.days.hint")
-																			})
-																		]
-																	}),
-																	(row.start !== "" || row.end !== "") && !(HHMM_RE.test(row.start) && HHMM_RE.test(row.end)) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																		className: FallbacksCard_module_css_default.hint,
-																		children: t("validation.slotWindow")
-																	})
-																] }),
-																chainEmpty && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+																className: FallbacksCard_module_css_default.ruleCell,
+																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: FallbacksCard_module_css_default.ruleCellLabel,
+																	children: t("timeSlots.preset.windowLabel")
+																}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 																	className: FallbacksCard_module_css_default.hint,
-																	children: t("validation.slotChainRequired")
-																}),
-																/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-																	className: FallbacksCard_module_css_default.chainSelectors,
-																	children: row.selectors.map((selector, selectorIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChainSelectorEditor, {
-																		selector,
-																		catalog: catalogOf(state),
-																		configuredProviders: state.configuredProviders,
-																		disabled: !writable,
-																		t,
-																		onChange: (patch) => {
-																			updateTimeSlotSelector(index, selectorIndex, patch);
-																		},
-																		onRemove: () => {
-																			removeTimeSlotSelector(index, selectorIndex);
-																		}
-																	}, selectorIndex))
-																}),
-																/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-																	variant: "outline",
-																	size: "sm",
-																	icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconPlusOutlineMedium, { size: 14 }),
-																	className: FallbacksCard_module_css_default.addButton,
-																	onClick: () => {
-																		addTimeSlotSelector(index);
-																	},
-																	children: t("timeSlots.selector.add")
-																}),
-																/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-																	className: FallbacksCard_module_css_default.cardFoot,
-																	children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-																		className: FallbacksCard_module_css_default.rowActions,
-																		children: [
-																			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-																				type: "button",
-																				className: FallbacksCard_module_css_default.iconButton,
-																				"data-tip": t("timeSlots.moveUp"),
-																				"aria-label": t("timeSlots.moveUp"),
-																				disabled: !writable || index === 0,
-																				onClick: () => {
-																					moveTimeSlotRow(index, -1);
-																				},
-																				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronUpOutlineMedium, {})
-																			}),
-																			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-																				type: "button",
-																				className: FallbacksCard_module_css_default.iconButton,
-																				"data-tip": t("timeSlots.moveDown"),
-																				"aria-label": t("timeSlots.moveDown"),
-																				disabled: !writable || index === timeSlotRows.length - 1,
-																				onClick: () => {
-																					moveTimeSlotRow(index, 1);
-																				},
-																				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineMedium, {})
-																			}),
-																			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-																				type: "button",
-																				className: `${FallbacksCard_module_css_default.iconButton} ${FallbacksCard_module_css_default.iconButtonDanger}`,
-																				"data-tip": t("timeSlots.remove"),
-																				"aria-label": t("timeSlots.remove"),
-																				onClick: () => {
-																					removeTimeSlotRow(index);
-																				},
-																				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconTrashOutlineMedium, {})
-																			})
-																		]
-																	})
-																})
-															] })]
-														}, index);
-													})
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-													className: FallbacksCard_module_css_default.slotAddRow,
-													children: [
-														/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-															className: `${FallbacksCard_module_css_default.input} ${FallbacksCard_module_css_default.selectInput}`,
-															value: presetToAdd,
-															"aria-label": t("timeSlots.presetPlaceholder"),
-															disabled: !writable,
-															onChange: (event) => {
-																setPresetToAdd(event.target.value);
-															},
-															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-																value: "",
-																children: t("timeSlots.presetPlaceholder")
-															}), SLOT_PRESET_IDS.filter((id) => !timeSlotRows.some((row) => row.kind === "preset" && row.preset === id)).map((id) => {
-																const glmUnconfigured = !glmConfigured && (id === "glm-peak" || id === "glm-valley");
-																return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("option", {
-																	value: id,
-																	disabled: glmUnconfigured,
-																	children: [t(`timeSlots.preset.${id}.label`), glmUnconfigured ? t("timeSlots.preset.glm.unconfigured") : null]
-																}, id);
+																	children: t(`timeSlots.preset.${row.preset}.window`)
+																})]
 															})]
 														}),
-														/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-															variant: "outline",
-															size: "sm",
-															icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconPlusOutlineMedium, { size: 14 }),
-															disabled: !writable || presetToAdd === "",
-															onClick: addPresetSlotRow,
-															children: t("timeSlots.addPreset")
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: FallbacksCard_module_css_default.hint,
+															children: t("timeSlots.preset.chainsOnly")
 														}),
-														/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-															variant: "outline",
-															size: "sm",
-															icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconPlusOutlineMedium, { size: 14 }),
-															disabled: !writable,
-															onClick: addCustomSlotRow,
-															children: t("timeSlots.addCustom")
+														(row.preset === "glm-peak" || row.preset === "glm-valley") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: FallbacksCard_module_css_default.hint,
+															children: t("timeSlots.preset.glm.note")
 														})
-													]
-												})
-											]
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: FallbacksCard_module_css_default.field,
-											role: "group",
-											"aria-labelledby": "fallbacks-root-chain",
-											children: [
-												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-													className: FallbacksCard_module_css_default.fieldLabel,
-													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														id: "fallbacks-root-chain",
-														children: t("rootChain.label")
-													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InfoHint, {
-														label: t("rootChain.tooltip"),
-														disabled: !writable
-													})]
-												}),
-												state.catalogStatus === "error" && state.catalogError !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: FallbacksCard_module_css_default.hint,
-													children: t("catalog.error", { message: state.catalogError })
-												}),
-												state.catalogStatus === "ready" && state.catalogError !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: FallbacksCard_module_css_default.hint,
-													children: t("catalog.partial", { message: state.catalogError })
-												}),
-												state.catalogStatus === "ready" && (state.groups.length === 0 || state.configuredProviders.length === 0) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: FallbacksCard_module_css_default.hint,
-													children: t("catalog.empty")
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-													className: FallbacksCard_module_css_default.list,
-													children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-														className: FallbacksCard_module_css_default.editorCard,
-														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-															className: FallbacksCard_module_css_default.chainSelectors,
-															children: allDayChainRow.selectors.map((selector, selectorIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChainSelectorEditor, {
-																selector,
-																catalog: catalogOf(state),
-																configuredProviders: state.configuredProviders,
+													] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+														/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+															className: FallbacksCard_module_css_default.field,
+															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																className: FallbacksCard_module_css_default.ruleCellLabel,
+																children: t("timeSlots.name")
+															}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+																className: FallbacksCard_module_css_default.input,
+																value: row.name,
+																placeholder: t("timeSlots.name"),
+																"aria-label": t("timeSlots.name"),
 																disabled: !writable,
-																t,
-																onChange: (patch) => {
-																	updateAllDayChainSelector(selectorIndex, patch);
-																},
-																onRemove: () => {
-																	removeAllDayChainSelector(selectorIndex);
+																onChange: (event) => {
+																	updateTimeSlotRow(index, { name: event.target.value });
 																}
-															}, selectorIndex))
-														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-															variant: "outline",
-															size: "sm",
-															icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconPlusOutlineMedium, { size: 14 }),
-															className: FallbacksCard_module_css_default.addButton,
-															onClick: addAllDayChainSelector,
-															children: t("timeSlots.selector.add")
-														})]
-													})
-												})
-											]
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: FallbacksCard_module_css_default.field,
-											role: "group",
-											"aria-labelledby": "fallbacks-default-model",
-											children: [
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: FallbacksCard_module_css_default.fieldLabel,
-													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														id: "fallbacks-default-model",
-														children: t("defaultModel.label")
-													})
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: FallbacksCard_module_css_default.hint,
-													children: t("allDay.hint")
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-													className: FallbacksCard_module_css_default.list,
-													children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-														className: FallbacksCard_module_css_default.editorCard,
-														children: [OFFICIAL_ALL_DAY_IDS.map((id, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-															className: FallbacksCard_module_css_default.optionRow,
-															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-																type: "radio",
-																name: "fallbacks-all-day",
-																checked: allDayModel === id,
-																disabled: !writable,
-																onChange: () => {
-																	setAllDayModel(id);
-																}
-															}), t(ALL_DAY_LABEL_KEYS[index])]
-														}, id)), allDayModel === "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-															className: FallbacksCard_module_css_default.hint,
-															children: t("allDay.nonconforming")
-														})]
-													})
-												})
-											]
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: FallbacksCard_module_css_default.sectionHeading,
-											id: "fallbacks-subagents",
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: FallbacksCard_module_css_default.sectionHeadingText,
-												children: t("subagents.label")
-											}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-												className: FallbacksCard_module_css_default.sectionActions,
-												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-													type: "button",
-													className: `${FallbacksCard_module_css_default.secondaryButton} ${FallbacksCard_module_css_default.sectionAction}`,
-													disabled: !subDirty || saving,
-													onClick: () => {
-														discardSection("sub");
-													},
-													children: t("discard")
-												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-													type: "button",
-													className: `${FallbacksCard_module_css_default.primaryButton} ${FallbacksCard_module_css_default.sectionAction}`,
-													disabled: !writable || saving || !subDirty,
-													onClick: () => {
-														save("sub");
-													},
-													children: saving ? t("save.saving") : t("save")
-												})]
-											})]
-										}),
-										validationErrors.sub.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-											className: FallbacksCard_module_css_default.error,
-											role: "alert",
-											children: `${t("validation.blocked")}${validationErrors.sub.join("; ")}`
-										}),
-										lastSaveSection === "sub" && state.status === "error" && state.error !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-											className: FallbacksCard_module_css_default.error,
-											role: "alert",
-											children: t("error.generic", { message: state.error })
-										}),
-										state.subagentPolicy?.state === "enabled" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: FallbacksCard_module_css_default.policyStatus,
-											role: "status",
-											children: [
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: FallbacksCard_module_css_default.policyStatusLabel,
-													children: t("subagents.policy.label")
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: FallbacksCard_module_css_default.policyStatusLine,
-													children: `${t("subagents.policy.allowlist")}: ${state.subagentPolicy.allowedModels.map((route) => `${route.provider}/${route.model}`).join(", ")}`
-												}),
-												state.subagentPolicy.head !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: FallbacksCard_module_css_default.policyStatusLine,
-													children: `${t("subagents.policy.head")}: ${state.subagentPolicy.head.route.provider}/${state.subagentPolicy.head.route.model} (${t(state.subagentPolicy.head.source === "authorized" ? "subagents.policy.source.authorized" : "subagents.policy.source.injected")})`
-												}),
-												state.subagentPolicy.blockedAttempt !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: FallbacksCard_module_css_default.policyStatusWarn,
-													role: "alert",
-													children: t("subagents.policy.blocked")
-												})
-											]
-										}),
-										state.subagentPolicy?.state === "unprovable" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-											className: FallbacksCard_module_css_default.policyStatus,
-											role: "status",
-											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: FallbacksCard_module_css_default.policyStatusWarn,
-												role: "alert",
-												children: t("subagents.policy.unprovable")
-											})
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: FallbacksCard_module_css_default.field,
-											role: "group",
-											"aria-labelledby": "fallbacks-roles-list",
-											children: [
-												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-													className: FallbacksCard_module_css_default.fieldLabel,
-													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														id: "fallbacks-roles-list",
-														children: t("roles.list.label")
-													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InfoHint, {
-														label: t("roles.list.tooltip"),
-														disabled: !writable
-													})]
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: FallbacksCard_module_css_default.hint,
-													children: t("roles.list.hint")
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-													className: FallbacksCard_module_css_default.list,
-													children: roleRows.map((row, index) => {
-														const invalid = invalidRoleIds?.has(row.id.trim()) ?? false;
-														const seed = seedInfo.get(row.id.trim());
-														const seedBadge = seedBadgeLabel(seed, t);
-														const personaBlank = row.persona.trim() === "";
-														const roleSummary = row.selectors.map(selectorRowToRaw).find((entry) => entry !== "") ?? row.fallback;
-														const roleExpanded = !row.collapsed || !writable;
-														return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-															className: FallbacksCard_module_css_default.editorCard,
-															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-																className: FallbacksCard_module_css_default.collapseRow,
-																children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-																	type: "button",
-																	className: FallbacksCard_module_css_default.collapseToggle,
-																	"aria-expanded": roleExpanded,
-																	"aria-label": t(roleExpanded ? "roles.collapse" : "roles.expand"),
+															})]
+														}),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+															className: FallbacksCard_module_css_default.field,
+															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																className: FallbacksCard_module_css_default.ruleCellLabel,
+																children: t("timeSlots.tz.label")
+															}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																className: FallbacksCard_module_css_default.hint,
+																"aria-label": t("timeSlots.tz.label"),
+																children: tzDisplayLabel(presetsPresent ? "Asia/Shanghai" : hostTimeZone())
+															})]
+														}),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+															className: FallbacksCard_module_css_default.ruleGrid,
+															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+																className: FallbacksCard_module_css_default.ruleCell,
+																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: FallbacksCard_module_css_default.ruleCellLabel,
+																	children: t("timeSlots.start")
+																}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+																	className: `${FallbacksCard_module_css_default.input} ${invalidWindow ? FallbacksCard_module_css_default.inputInvalid : ""}`,
+																	value: row.start,
+																	placeholder: "09:00",
+																	"aria-label": t("timeSlots.start"),
 																	disabled: !writable,
-																	onClick: () => {
-																		updateRoleRow(index, { collapsed: !row.collapsed });
-																	},
-																	children: [
-																		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineMedium, { className: roleExpanded ? `${FallbacksCard_module_css_default.chevron} ${FallbacksCard_module_css_default.chevronOpen}` : FallbacksCard_module_css_default.chevron }),
-																		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																			className: FallbacksCard_module_css_default.collapseTitle,
-																			children: row.id
-																		}),
-																		seedBadge !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																			className: FallbacksCard_module_css_default.seedBadge,
-																			title: seedBadge,
-																			children: seedBadge
-																		}),
-																		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																			className: FallbacksCard_module_css_default.collapseMeta,
-																			children: roleSummary
-																		})
-																	]
-																})
-															}), roleExpanded && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-																seed === void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-																	className: FallbacksCard_module_css_default.ruleGrid,
-																	children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-																		className: FallbacksCard_module_css_default.ruleCell,
-																		children: [
-																			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																				className: FallbacksCard_module_css_default.ruleCellLabel,
-																				children: t("roles.id")
-																			}),
-																			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-																				className: `${FallbacksCard_module_css_default.input} ${invalid ? FallbacksCard_module_css_default.inputInvalid : ""}`,
-																				value: row.id,
-																				placeholder: t("roles.idPlaceholder"),
-																				"aria-label": t("roles.id"),
-																				"aria-invalid": invalid ? true : void 0,
-																				disabled: !writable,
-																				onChange: (event) => {
-																					updateRoleRow(index, { id: event.target.value });
-																				}
-																			}),
-																			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																				className: FallbacksCard_module_css_default.hint,
-																				children: t("roles.id.hint")
-																			})
-																		]
-																	})
+																	onChange: (event) => {
+																		updateTimeSlotRow(index, { start: event.target.value });
+																	}
+																})]
+															}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+																className: FallbacksCard_module_css_default.ruleCell,
+																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: FallbacksCard_module_css_default.ruleCellLabel,
+																	children: t("timeSlots.end")
+																}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+																	className: `${FallbacksCard_module_css_default.input} ${invalidWindow ? FallbacksCard_module_css_default.inputInvalid : ""}`,
+																	value: row.end,
+																	placeholder: "18:00",
+																	"aria-label": t("timeSlots.end"),
+																	disabled: !writable,
+																	onChange: (event) => {
+																		updateTimeSlotRow(index, { end: event.target.value });
+																	}
+																})]
+															})]
+														}),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+															className: FallbacksCard_module_css_default.field,
+															children: [
+																/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: FallbacksCard_module_css_default.ruleCellLabel,
+																	children: t("timeSlots.days")
 																}),
 																/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-																	className: FallbacksCard_module_css_default.ruleGrid,
-																	children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-																		className: FallbacksCard_module_css_default.ruleCell,
-																		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																			className: FallbacksCard_module_css_default.ruleCellLabel,
-																			children: t("roles.persona")
-																		}), seed === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
-																			rows: 3,
-																			className: `${FallbacksCard_module_css_default.input} ${FallbacksCard_module_css_default.inputTextarea}`,
-																			value: row.persona,
-																			placeholder: t("roles.personaPlaceholder"),
-																			"aria-label": t("roles.persona"),
+																	className: FallbacksCard_module_css_default.dayRow,
+																	children: SLOT_WEEKDAYS.map((day, dayIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+																		className: FallbacksCard_module_css_default.dayCell,
+																		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+																			type: "checkbox",
+																			checked: row.days.includes(dayIndex),
 																			disabled: !writable,
-																			onChange: (event) => {
-																				updateRoleRow(index, { persona: event.target.value });
+																			onChange: () => {
+																				updateTimeSlotRow(index, { days: row.days.includes(dayIndex) ? row.days.filter((existing) => existing !== dayIndex) : [...row.days, dayIndex] });
 																			}
-																		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-																			className: FallbacksCard_module_css_default.personaBriefRow,
-																			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																				className: personaBlank ? `${FallbacksCard_module_css_default.personaBrief} ${FallbacksCard_module_css_default.personaBriefEmpty}` : FallbacksCard_module_css_default.personaBrief,
-																				children: personaBlank ? t("roles.persona.empty") : row.persona
-																			}), !personaBlank && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																				role: "button",
-																				tabIndex: 0,
-																				className: FallbacksCard_module_css_default.iconButton,
-																				"aria-expanded": row.personaOpen,
-																				"aria-label": t(row.personaOpen ? "roles.persona.collapse" : "roles.persona.expand"),
-																				"data-tip": t(row.personaOpen ? "roles.persona.collapse" : "roles.persona.expand"),
-																				onClick: () => {
-																					updateRoleRow(index, { personaOpen: !row.personaOpen });
-																				},
-																				onKeyDown: (event) => {
-																					if (event.key === "Enter" || event.key === " ") {
-																						event.preventDefault();
-																						updateRoleRow(index, { personaOpen: !row.personaOpen });
-																					}
-																				},
-																				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineMedium, { className: row.personaOpen ? `${FallbacksCard_module_css_default.chevron} ${FallbacksCard_module_css_default.chevronOpen}` : FallbacksCard_module_css_default.chevron })
-																			})]
-																		}), row.personaOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-																			className: FallbacksCard_module_css_default.personaFull,
-																			children: row.persona
-																		})] })]
-																	})
-																}),
-																/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-																	className: FallbacksCard_module_css_default.chainSelectors,
-																	children: [row.selectors.map((selector, selectorIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChainSelectorEditor, {
-																		selector,
-																		catalog: catalogOf(state),
-																		configuredProviders: state.configuredProviders,
-																		disabled: !writable,
-																		t,
-																		onChange: (patch) => {
-																			updateRoleSelector(index, selectorIndex, patch);
-																		},
-																		onRemove: () => {
-																			removeRoleSelector(index, selectorIndex);
-																		}
-																	}, selectorIndex)), row.selectors.every((selector) => selectorRowToRaw(selector) === "") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																		className: FallbacksCard_module_css_default.hint,
-																		children: seed !== void 0 ? t("roles.seedChainOptional", { id: row.id }) : t("validation.roleChainRequired", { id: row.id })
-																	})]
+																		}), t(`timeSlots.day.${day}`)]
+																	}, day))
 																}),
-																/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-																	className: FallbacksCard_module_css_default.ruleGrid,
-																	children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-																		className: FallbacksCard_module_css_default.ruleCell,
-																		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																			className: FallbacksCard_module_css_default.ruleCellLabel,
-																			children: t("roles.fallback")
-																		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-																			className: `${FallbacksCard_module_css_default.input} ${FallbacksCard_module_css_default.selectInput}`,
-																			value: row.fallback,
-																			"aria-label": t("roles.fallback"),
-																			disabled: !writable,
-																			onChange: (event) => {
-																				updateRoleRow(index, { fallback: event.target.value });
-																			},
-																			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-																				value: "inherit-root",
-																				children: t("roles.fallback.inherit-root")
-																			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-																				value: "none",
-																				children: t("roles.fallback.none")
-																			})]
-																		})]
-																	})
+																/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: FallbacksCard_module_css_default.hint,
+																	children: t("timeSlots.days.hint")
+																})
+															]
+														}),
+														(row.start !== "" || row.end !== "") && !(HHMM_RE.test(row.start) && HHMM_RE.test(row.end)) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: FallbacksCard_module_css_default.hint,
+															children: t("validation.slotWindow")
+														})
+													] }),
+													chainEmpty && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: FallbacksCard_module_css_default.hint,
+														children: t("validation.slotChainRequired")
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+														className: FallbacksCard_module_css_default.chainSelectors,
+														children: row.selectors.map((selector, selectorIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChainSelectorEditor, {
+															selector,
+															catalog: catalogOf(state),
+															configuredProviders: state.configuredProviders,
+															disabled: !writable,
+															t,
+															onChange: (patch) => {
+																updateTimeSlotSelector(index, selectorIndex, patch);
+															},
+															onRemove: () => {
+																removeTimeSlotSelector(index, selectorIndex);
+															}
+														}, selectorIndex))
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+														type: "button",
+														className: `${FallbacksCard_module_css_default.outlineButton} ${FallbacksCard_module_css_default.addButton}`,
+														disabled: !writable,
+														onClick: () => {
+															addTimeSlotSelector(index);
+														},
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PlusIcon, {}), t("timeSlots.selector.add")]
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+														className: FallbacksCard_module_css_default.cardFoot,
+														children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+															className: FallbacksCard_module_css_default.rowActions,
+															children: [
+																/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+																	type: "button",
+																	className: FallbacksCard_module_css_default.iconButton,
+																	"data-tip": t("timeSlots.moveUp"),
+																	"aria-label": t("timeSlots.moveUp"),
+																	disabled: !writable || index === 0,
+																	onClick: () => {
+																		moveTimeSlotRow(index, -1);
+																	},
+																	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronDownIcon, { className: FallbacksCard_module_css_default.chevronFlip })
 																}),
-																/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-																	variant: "outline",
-																	size: "sm",
-																	icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconPlusOutlineMedium, { size: 14 }),
-																	className: FallbacksCard_module_css_default.addButton,
+																/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+																	type: "button",
+																	className: FallbacksCard_module_css_default.iconButton,
+																	"data-tip": t("timeSlots.moveDown"),
+																	"aria-label": t("timeSlots.moveDown"),
+																	disabled: !writable || index === timeSlotRows.length - 1,
 																	onClick: () => {
-																		addRoleSelector(index);
+																		moveTimeSlotRow(index, 1);
 																	},
-																	children: t("roles.selector.add")
+																	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronDownIcon, {})
 																}),
-																/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-																	className: FallbacksCard_module_css_default.cardFoot,
-																	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-																		type: "button",
-																		className: `${FallbacksCard_module_css_default.iconButton} ${FallbacksCard_module_css_default.iconButtonDanger}`,
-																		"data-tip": t("roles.remove"),
-																		"aria-label": t("roles.remove"),
-																		onClick: () => {
-																			removeRole(index);
-																		},
-																		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconTrashOutlineMedium, {})
-																	})
+																/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+																	type: "button",
+																	className: `${FallbacksCard_module_css_default.iconButton} ${FallbacksCard_module_css_default.iconButtonDanger}`,
+																	"data-tip": t("timeSlots.remove"),
+																	"aria-label": t("timeSlots.remove"),
+																	onClick: () => {
+																		removeTimeSlotRow(index);
+																	},
+																	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TrashIcon, {})
 																})
-															] })]
-														}, index);
+															]
+														})
 													})
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-													variant: "outline",
-													size: "sm",
-													icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconPlusOutlineMedium, { size: 14 }),
-													className: FallbacksCard_module_css_default.addButton,
-													onClick: addRole,
-													children: t("roles.add")
-												})
-											]
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: FallbacksCard_module_css_default.field,
-											role: "group",
-											"aria-labelledby": "fallbacks-roles-rules",
-											children: [
-												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-													className: FallbacksCard_module_css_default.fieldLabel,
-													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														id: "fallbacks-roles-rules",
-														children: t("roles.rules")
-													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InfoHint, {
-														label: t("roles.rules.tooltip"),
-														disabled: !writable
-													})]
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: FallbacksCard_module_css_default.hint,
-													children: t("roles.rules.hint")
-												}),
-												state.catalogStatus === "error" && state.catalogError !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: FallbacksCard_module_css_default.hint,
-													children: t("catalog.error", { message: state.catalogError })
-												}),
-												state.catalogStatus === "ready" && state.catalogError !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: FallbacksCard_module_css_default.hint,
-													children: t("catalog.partial", { message: state.catalogError })
-												}),
-												state.catalogStatus === "ready" && (state.groups.length === 0 || state.configuredProviders.length === 0) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: FallbacksCard_module_css_default.hint,
-													children: t("catalog.empty")
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-													className: FallbacksCard_module_css_default.list,
-													children: ruleRows.map((row, index) => {
-														const catalog = catalogOf(state);
-														const providerRaw = selectionToRaw(row.provider);
-														const group = catalog?.groups.find((entry) => entry.id === providerRaw);
-														const providerOutside = row.provider?.kind === "outside";
-														const providerUnconfigured = !providerOutside && providerRaw !== "" && (catalog?.providers.some((entry) => entry.provider === providerRaw) ?? false) && !state.configuredProviders.some((entry) => entry.provider === providerRaw);
-														const modelOutside = row.model?.kind === "outside";
-														const roleOutside = row.role !== "" && !roleOptions.includes(row.role);
-														return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-															className: FallbacksCard_module_css_default.editorCard,
+												] })]
+											}, index);
+										})
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: FallbacksCard_module_css_default.slotAddRow,
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+												className: `${FallbacksCard_module_css_default.input} ${FallbacksCard_module_css_default.selectInput}`,
+												value: presetToAdd,
+												"aria-label": t("timeSlots.presetPlaceholder"),
+												disabled: !writable,
+												onChange: (event) => {
+													setPresetToAdd(event.target.value);
+												},
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+													value: "",
+													children: t("timeSlots.presetPlaceholder")
+												}), SLOT_PRESET_IDS.filter((id) => !timeSlotRows.some((row) => row.kind === "preset" && row.preset === id)).map((id) => {
+													const glmUnconfigured = !glmConfigured && (id === "glm-peak" || id === "glm-valley");
+													return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("option", {
+														value: id,
+														disabled: glmUnconfigured,
+														children: [t(`timeSlots.preset.${id}.label`), glmUnconfigured ? t("timeSlots.preset.glm.unconfigured") : null]
+													}, id);
+												})]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+												type: "button",
+												className: `${FallbacksCard_module_css_default.outlineButton} ${FallbacksCard_module_css_default.addButton}`,
+												disabled: !writable || presetToAdd === "",
+												onClick: addPresetSlotRow,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PlusIcon, {}), t("timeSlots.addPreset")]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+												type: "button",
+												className: `${FallbacksCard_module_css_default.outlineButton} ${FallbacksCard_module_css_default.addButton}`,
+												disabled: !writable,
+												onClick: addCustomSlotRow,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PlusIcon, {}), t("timeSlots.addCustom")]
+											})
+										]
+									})
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: FallbacksCard_module_css_default.field,
+								role: "group",
+								"aria-labelledby": "fallbacks-root-chain",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: FallbacksCard_module_css_default.fieldLabel,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											id: "fallbacks-root-chain",
+											children: t("rootChain.label")
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InfoHint, {
+											label: t("rootChain.tooltip"),
+											disabled: !writable
+										})]
+									}),
+									state.catalogStatus === "error" && state.catalogError !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: FallbacksCard_module_css_default.hint,
+										children: t("catalog.error", { message: state.catalogError })
+									}),
+									state.catalogStatus === "ready" && state.catalogError !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: FallbacksCard_module_css_default.hint,
+										children: t("catalog.partial", { message: state.catalogError })
+									}),
+									state.catalogStatus === "ready" && (state.groups.length === 0 || state.configuredProviders.length === 0) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: FallbacksCard_module_css_default.hint,
+										children: t("catalog.empty")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: FallbacksCard_module_css_default.list,
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: FallbacksCard_module_css_default.editorCard,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+												className: FallbacksCard_module_css_default.chainSelectors,
+												children: allDayChainRow.selectors.map((selector, selectorIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChainSelectorEditor, {
+													selector,
+													catalog: catalogOf(state),
+													configuredProviders: state.configuredProviders,
+													disabled: !writable,
+													t,
+													onChange: (patch) => {
+														updateAllDayChainSelector(selectorIndex, patch);
+													},
+													onRemove: () => {
+														removeAllDayChainSelector(selectorIndex);
+													}
+												}, selectorIndex))
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+												type: "button",
+												className: `${FallbacksCard_module_css_default.outlineButton} ${FallbacksCard_module_css_default.addButton}`,
+												disabled: !writable,
+												onClick: addAllDayChainSelector,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PlusIcon, {}), t("timeSlots.selector.add")]
+											})]
+										})
+									})
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: FallbacksCard_module_css_default.field,
+								role: "group",
+								"aria-labelledby": "fallbacks-default-model",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: FallbacksCard_module_css_default.fieldLabel,
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											id: "fallbacks-default-model",
+											children: t("defaultModel.label")
+										})
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: FallbacksCard_module_css_default.hint,
+										children: t("allDay.hint")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: FallbacksCard_module_css_default.list,
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: FallbacksCard_module_css_default.editorCard,
+											children: [OFFICIAL_ALL_DAY_IDS.map((id, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+												className: FallbacksCard_module_css_default.optionRow,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+													type: "radio",
+													name: "fallbacks-all-day",
+													checked: allDayModel === id,
+													disabled: !writable,
+													onChange: () => {
+														setAllDayModel(id);
+													}
+												}), t(ALL_DAY_LABEL_KEYS[index])]
+											}, id)), allDayModel === "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: FallbacksCard_module_css_default.hint,
+												children: t("allDay.nonconforming")
+											})]
+										})
+									})
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h2", {
+								className: FallbacksCard_module_css_default.sectionHeading,
+								id: "fallbacks-subagents",
+								"aria-label": t("subagents.label"),
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: FallbacksCard_module_css_default.sectionHeadingText,
+									children: t("subagents.label")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: FallbacksCard_module_css_default.sectionActions,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: FallbacksCard_module_css_default.discard,
+										disabled: !subDirty || saving,
+										onClick: () => {
+											discardSection("sub");
+										},
+										children: t("discard")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: FallbacksCard_module_css_default.save,
+										disabled: !writable || saving || !subDirty,
+										onClick: () => {
+											saveSection("sub");
+										},
+										children: saving ? t("save.saving") : t("save")
+									})]
+								})]
+							}),
+							liveErrors.sub.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: FallbacksCard_module_css_default.error,
+								role: "alert",
+								children: `${t("validation.blocked")}${liveErrors.sub.join("; ")}`
+							}),
+							lastSaveSection === "sub" && state.status === "error" && state.error !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: FallbacksCard_module_css_default.error,
+								role: "alert",
+								children: t("error.generic", { message: state.error })
+							}),
+							state.subagentPolicy?.state === "enabled" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: FallbacksCard_module_css_default.policyStatus,
+								role: "status",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: FallbacksCard_module_css_default.policyStatusLabel,
+										children: t("subagents.policy.label")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: FallbacksCard_module_css_default.policyStatusLine,
+										children: `${t("subagents.policy.allowlist")}: ${state.subagentPolicy.allowedModels.map((route) => `${route.provider}/${route.model}`).join(", ")}`
+									}),
+									state.subagentPolicy.head !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: FallbacksCard_module_css_default.policyStatusLine,
+										children: `${t("subagents.policy.head")}: ${state.subagentPolicy.head.route.provider}/${state.subagentPolicy.head.route.model} (${t(state.subagentPolicy.head.source === "authorized" ? "subagents.policy.source.authorized" : "subagents.policy.source.injected")})`
+									}),
+									state.subagentPolicy.blockedAttempt !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: FallbacksCard_module_css_default.policyStatusWarn,
+										role: "alert",
+										children: t("subagents.policy.blocked")
+									})
+								]
+							}),
+							state.subagentPolicy?.state === "unprovable" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: FallbacksCard_module_css_default.policyStatus,
+								role: "status",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: FallbacksCard_module_css_default.policyStatusWarn,
+									role: "alert",
+									children: t("subagents.policy.unprovable")
+								})
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: FallbacksCard_module_css_default.field,
+								role: "group",
+								"aria-labelledby": "fallbacks-roles-list",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: FallbacksCard_module_css_default.fieldLabel,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											id: "fallbacks-roles-list",
+											children: t("roles.list.label")
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InfoHint, {
+											label: t("roles.list.tooltip"),
+											disabled: !writable
+										})]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: FallbacksCard_module_css_default.hint,
+										children: t("roles.list.hint")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: FallbacksCard_module_css_default.list,
+										children: roleRows.map((row, index) => {
+											const invalid = invalidRoleIds.has(row.id.trim());
+											const seed = seedInfo.get(row.id.trim());
+											const seedBadge = seedBadgeLabel(seed, t);
+											const personaBlank = row.persona.trim() === "";
+											const roleSummary = row.selectors.map(selectorRowToRaw).find((entry) => entry !== "") ?? row.fallback;
+											const roleExpanded = !row.collapsed || !writable;
+											return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: FallbacksCard_module_css_default.editorCard,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+													className: FallbacksCard_module_css_default.collapseRow,
+													children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+														type: "button",
+														className: FallbacksCard_module_css_default.collapseToggle,
+														"aria-expanded": roleExpanded,
+														"aria-label": t(roleExpanded ? "roles.collapse" : "roles.expand"),
+														disabled: !writable,
+														onClick: () => {
+															updateRoleRow(index, { collapsed: !row.collapsed });
+														},
+														children: [
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronDownIcon, { className: roleExpanded ? `${FallbacksCard_module_css_default.chevron} ${FallbacksCard_module_css_default.chevronOpen}` : FallbacksCard_module_css_default.chevron }),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																className: FallbacksCard_module_css_default.collapseTitle,
+																children: row.id
+															}),
+															seedBadge !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																className: FallbacksCard_module_css_default.seedBadge,
+																title: seedBadge,
+																children: seedBadge
+															}),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																className: FallbacksCard_module_css_default.collapseMeta,
+																children: roleSummary
+															})
+														]
+													})
+												}), roleExpanded && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+													seed === void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+														className: FallbacksCard_module_css_default.ruleGrid,
+														children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+															className: FallbacksCard_module_css_default.ruleCell,
 															children: [
-																/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-																	className: FallbacksCard_module_css_default.ruleGrid,
-																	children: [
-																		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-																			className: FallbacksCard_module_css_default.ruleCell,
-																			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																				className: FallbacksCard_module_css_default.ruleCellLabel,
-																				children: t("roles.rule.provider")
-																			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-																				className: `${FallbacksCard_module_css_default.input} ${FallbacksCard_module_css_default.selectInput}`,
-																				value: providerRaw,
-																				onChange: (event) => {
-																					if (event.target.value === providerRaw) return;
-																					updateRuleRow(index, {
-																						provider: classifyProvider(event.target.value, catalog),
-																						model: null
-																					});
-																				},
-																				children: [
-																					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-																						value: "",
-																						children: t("roles.rule.provider.any")
-																					}),
-																					state.configuredProviders.map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-																						value: entry.provider,
-																						children: entry.displayName
-																					}, entry.provider)),
-																					providerUnconfigured && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-																						value: providerRaw,
-																						children: `${providerRaw}${t("catalog.unconfigured.short")}`
-																					}),
-																					providerOutside && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-																						value: providerRaw,
-																						children: `${providerRaw}${t("catalog.outside.short")}`
-																					})
-																				]
-																			})]
-																		}),
-																		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-																			className: FallbacksCard_module_css_default.ruleCell,
-																			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																				className: FallbacksCard_module_css_default.ruleCellLabel,
-																				children: t("roles.rule.model")
-																			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-																				className: `${FallbacksCard_module_css_default.input} ${FallbacksCard_module_css_default.selectInput}`,
-																				value: selectionToRaw(row.model),
-																				onChange: (event) => {
-																					updateRuleRow(index, { model: classifyModel(providerRaw, event.target.value, catalog) });
-																				},
-																				children: [
-																					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-																						value: "",
-																						children: t("roles.rule.model.any")
-																					}),
-																					(group?.models ?? []).map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-																						value: model.id,
-																						children: model.name
-																					}, model.id)),
-																					modelOutside && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-																						value: selectionToRaw(row.model),
-																						children: `${selectionToRaw(row.model)}${t("catalog.outside.short")}`
-																					})
-																				]
-																			})]
-																		}),
-																		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-																			className: FallbacksCard_module_css_default.ruleCell,
-																			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																				className: FallbacksCard_module_css_default.ruleCellLabel,
-																				children: t("roles.rule.role")
-																			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-																				className: `${FallbacksCard_module_css_default.input} ${FallbacksCard_module_css_default.selectInput}`,
-																				value: row.role,
-																				disabled: !writable,
-																				onChange: (event) => {
-																					updateRuleRow(index, { role: event.target.value });
-																				},
-																				children: [
-																					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-																						value: "",
-																						children: t("roles.rule.roleSelectPlaceholder")
-																					}),
-																					roleOptions.map((id) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-																						value: id,
-																						children: id === "inherit" ? t("roles.rule.role.inherit") : id
-																					}, id)),
-																					roleOutside && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-																						value: row.role,
-																						children: `${row.role}${t("roles.rule.roleUndeclared.short")}`
-																					})
-																				]
-																			})]
-																		})
-																	]
+																/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: FallbacksCard_module_css_default.ruleCellLabel,
+																	children: t("roles.id")
 																}),
-																(providerOutside || modelOutside) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-																	className: FallbacksCard_module_css_default.hint,
-																	children: [t("catalog.outside.hint"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InfoHint, {
-																		label: t("catalog.outside.tooltip"),
-																		disabled: !writable
-																	})]
+																/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+																	className: `${FallbacksCard_module_css_default.input} ${invalid ? FallbacksCard_module_css_default.inputInvalid : ""}`,
+																	value: row.id,
+																	placeholder: t("roles.idPlaceholder"),
+																	"aria-label": t("roles.id"),
+																	"aria-invalid": invalid ? true : void 0,
+																	disabled: !writable,
+																	onChange: (event) => {
+																		updateRoleRow(index, { id: event.target.value });
+																	}
 																}),
-																row.role === "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 																	className: FallbacksCard_module_css_default.hint,
-																	children: t("validation.ruleRoleRequired")
-																}),
-																/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-																	className: FallbacksCard_module_css_default.cardFoot,
-																	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-																		type: "button",
-																		className: `${FallbacksCard_module_css_default.iconButton} ${FallbacksCard_module_css_default.iconButtonDanger}`,
-																		"data-tip": t("roles.removeRule"),
-																		"aria-label": t("roles.removeRule"),
-																		onClick: () => {
-																			setRuleRows((rows) => rows.filter((_, rowIndex) => rowIndex !== index));
-																		},
-																		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconTrashOutlineMedium, {})
-																	})
+																	children: t("roles.id.hint")
 																})
 															]
-														}, index);
-													})
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-													variant: "outline",
-													size: "sm",
-													icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconPlusOutlineMedium, { size: 14 }),
-													className: FallbacksCard_module_css_default.addButton,
-													onClick: () => {
-														setRuleRows((rows) => [...rows, {
-															provider: null,
-															model: null,
-															role: ""
-														}]);
-													},
-													children: t("roles.addRule")
-												})
-											]
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: FallbacksCard_module_css_default.field,
-											role: "group",
-											"aria-labelledby": "fallbacks-advanced",
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-												type: "button",
-												className: FallbacksCard_module_css_default.sectionToggle,
-												disabled: !writable,
-												"aria-expanded": advancedVisible,
-												"aria-controls": advancedVisible ? "fallbacks-advanced-body" : void 0,
-												"aria-label": t(advancedVisible ? "advanced.collapse" : "advanced.expand"),
-												onClick: () => {
-													if (writable) setAdvancedOpen(!advancedOpen);
-												},
-												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													id: "fallbacks-advanced",
-													className: FallbacksCard_module_css_default.sectionToggleText,
-													children: t("advanced.label")
-												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineMedium, { className: advancedVisible ? `${FallbacksCard_module_css_default.chevron} ${FallbacksCard_module_css_default.chevronOpen}` : FallbacksCard_module_css_default.chevron })]
-											}), advancedVisible && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-												id: "fallbacks-advanced-body",
-												children: [
-													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-														className: FallbacksCard_module_css_default.checkboxRow,
-														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-															className: FallbacksCard_module_css_default.checkLabel,
-															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-																className: FallbacksCard_module_css_default.checkLabelTitle,
-																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-																	htmlFor: "fallbacks-role-automatch",
-																	children: t("roleAutoMatch.label")
-																}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InfoHint, {
-																	label: t("roleAutoMatch.tooltip"),
-																	disabled: !writable
+														})
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+														className: FallbacksCard_module_css_default.ruleGrid,
+														children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+															className: FallbacksCard_module_css_default.ruleCell,
+															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																className: FallbacksCard_module_css_default.ruleCellLabel,
+																children: t("roles.persona")
+															}), seed === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+																rows: 3,
+																className: `${FallbacksCard_module_css_default.input} ${FallbacksCard_module_css_default.inputTextarea}`,
+																value: row.persona,
+																placeholder: t("roles.personaPlaceholder"),
+																"aria-label": t("roles.persona"),
+																disabled: !writable,
+																onChange: (event) => {
+																	updateRoleRow(index, { persona: event.target.value });
+																}
+															}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+																className: FallbacksCard_module_css_default.personaBriefRow,
+																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: personaBlank ? `${FallbacksCard_module_css_default.personaBrief} ${FallbacksCard_module_css_default.personaBriefEmpty}` : FallbacksCard_module_css_default.personaBrief,
+																	children: personaBlank ? t("roles.persona.empty") : row.persona
+																}), !personaBlank && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	role: "button",
+																	tabIndex: 0,
+																	className: FallbacksCard_module_css_default.iconButton,
+																	"aria-expanded": row.personaOpen,
+																	"aria-label": t(row.personaOpen ? "roles.persona.collapse" : "roles.persona.expand"),
+																	"data-tip": t(row.personaOpen ? "roles.persona.collapse" : "roles.persona.expand"),
+																	onClick: () => {
+																		updateRoleRow(index, { personaOpen: !row.personaOpen });
+																	},
+																	onKeyDown: (event) => {
+																		if (event.key === "Enter" || event.key === " ") {
+																			event.preventDefault();
+																			updateRoleRow(index, { personaOpen: !row.personaOpen });
+																		}
+																	},
+																	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronDownIcon, { className: row.personaOpen ? `${FallbacksCard_module_css_default.chevron} ${FallbacksCard_module_css_default.chevronOpen}` : FallbacksCard_module_css_default.chevron })
 																})]
-															}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																className: FallbacksCard_module_css_default.checkLabelDesc,
-																children: t("roleAutoMatch.hint")
-															})]
-														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-															id: "fallbacks-role-automatch",
-															type: "checkbox",
-															className: FallbacksCard_module_css_default.checkbox,
-															checked: scalars.roleAutoMatch,
+															}), row.personaOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+																className: FallbacksCard_module_css_default.personaFull,
+																children: row.persona
+															})] })]
+														})
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														className: FallbacksCard_module_css_default.chainSelectors,
+														children: [row.selectors.map((selector, selectorIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChainSelectorEditor, {
+															selector,
+															catalog: catalogOf(state),
+															configuredProviders: state.configuredProviders,
 															disabled: !writable,
-															onChange: (event) => {
-																updateScalars((draft) => {
-																	draft.roleAutoMatch = event.target.checked;
-																});
+															t,
+															onChange: (patch) => {
+																updateRoleSelector(index, selectorIndex, patch);
+															},
+															onRemove: () => {
+																removeRoleSelector(index, selectorIndex);
 															}
+														}, selectorIndex)), row.selectors.every((selector) => selectorRowToRaw(selector) === "") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: FallbacksCard_module_css_default.hint,
+															children: seed !== void 0 ? t("roles.seedChainOptional", { id: row.id }) : t("validation.roleChainRequired", { id: row.id })
 														})]
 													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-														className: FallbacksCard_module_css_default.field,
-														role: "group",
-														"aria-labelledby": "fallbacks-trigger-codes",
-														children: [
-															/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-																className: FallbacksCard_module_css_default.fieldLabel,
-																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																	id: "fallbacks-trigger-codes",
-																	children: t("triggerCodes.label")
-																}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InfoHint, {
-																	label: t("triggerCodes.tooltip"),
-																	disabled: !writable
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+														className: FallbacksCard_module_css_default.ruleGrid,
+														children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+															className: FallbacksCard_module_css_default.ruleCell,
+															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																className: FallbacksCard_module_css_default.ruleCellLabel,
+																children: t("roles.fallback")
+															}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+																className: `${FallbacksCard_module_css_default.input} ${FallbacksCard_module_css_default.selectInput}`,
+																value: row.fallback,
+																"aria-label": t("roles.fallback"),
+																disabled: !writable,
+																onChange: (event) => {
+																	updateRoleRow(index, { fallback: event.target.value });
+																},
+																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+																	value: "inherit-root",
+																	children: t("roles.fallback.inherit-root")
+																}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+																	value: "none",
+																	children: t("roles.fallback.none")
 																})]
-															}),
-															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																className: FallbacksCard_module_css_default.hint,
-																children: t("triggerCodes.hint")
-															}),
-															KNOWN_TRIGGER_CODES.map((code) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-																className: FallbacksCard_module_css_default.optionRow,
-																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-																	type: "checkbox",
-																	checked: scalars.triggerCodes.includes(code),
-																	onChange: (event) => {
-																		updateScalars((draft) => {
-																			draft.triggerCodes = withTriggerCode(draft.triggerCodes, code, event.target.checked);
-																		});
-																	}
-																}), t(TRIGGER_CODE_LABELS[code])]
-															}, code)),
-															unknownCodes.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																className: FallbacksCard_module_css_default.hint,
-																children: t("triggerCodes.extra", { codes: unknownCodes.join(", ") })
-															})
-														]
+															})]
+														})
 													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+														type: "button",
+														className: `${FallbacksCard_module_css_default.outlineButton} ${FallbacksCard_module_css_default.addButton}`,
+														disabled: !writable,
+														onClick: () => {
+															addRoleSelector(index);
+														},
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PlusIcon, {}), t("roles.selector.add")]
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+														className: FallbacksCard_module_css_default.cardFoot,
+														children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+															type: "button",
+															className: `${FallbacksCard_module_css_default.iconButton} ${FallbacksCard_module_css_default.iconButtonDanger}`,
+															"data-tip": t("roles.remove"),
+															"aria-label": t("roles.remove"),
+															onClick: () => {
+																removeRole(index);
+															},
+															children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TrashIcon, {})
+														})
+													})
+												] })]
+											}, index);
+										})
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+										type: "button",
+										className: `${FallbacksCard_module_css_default.outlineButton} ${FallbacksCard_module_css_default.addButton}`,
+										disabled: !writable,
+										onClick: addRole,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PlusIcon, {}), t("roles.add")]
+									})
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: FallbacksCard_module_css_default.field,
+								role: "group",
+								"aria-labelledby": "fallbacks-roles-rules",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: FallbacksCard_module_css_default.fieldLabel,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											id: "fallbacks-roles-rules",
+											children: t("roles.rules")
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InfoHint, {
+											label: t("roles.rules.tooltip"),
+											disabled: !writable
+										})]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: FallbacksCard_module_css_default.hint,
+										children: t("roles.rules.hint")
+									}),
+									state.catalogStatus === "error" && state.catalogError !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: FallbacksCard_module_css_default.hint,
+										children: t("catalog.error", { message: state.catalogError })
+									}),
+									state.catalogStatus === "ready" && state.catalogError !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: FallbacksCard_module_css_default.hint,
+										children: t("catalog.partial", { message: state.catalogError })
+									}),
+									state.catalogStatus === "ready" && (state.groups.length === 0 || state.configuredProviders.length === 0) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: FallbacksCard_module_css_default.hint,
+										children: t("catalog.empty")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: FallbacksCard_module_css_default.list,
+										children: ruleRows.map((row, index) => {
+											const catalog = catalogOf(state);
+											const providerRaw = selectionToRaw(row.provider);
+											const group = catalog?.groups.find((entry) => entry.id === providerRaw);
+											const providerOutside = row.provider?.kind === "outside";
+											const providerUnconfigured = !providerOutside && providerRaw !== "" && (catalog?.providers.some((entry) => entry.provider === providerRaw) ?? false) && !state.configuredProviders.some((entry) => entry.provider === providerRaw);
+											const modelOutside = row.model?.kind === "outside";
+											const roleOutside = row.role !== "" && !roleOptions.includes(row.role);
+											return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: FallbacksCard_module_css_default.editorCard,
+												children: [
 													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-														className: FallbacksCard_module_css_default.field,
-														role: "group",
-														"aria-labelledby": "fallbacks-revert-policy",
+														className: FallbacksCard_module_css_default.ruleGrid,
 														children: [
-															/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-																className: FallbacksCard_module_css_default.fieldLabel,
+															/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+																className: FallbacksCard_module_css_default.ruleCell,
 																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																	id: "fallbacks-revert-policy",
-																	children: t("revertPolicy.label")
-																}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InfoHint, {
-																	label: t("revertPolicy.tooltip"),
-																	disabled: !writable
-																})]
-															}),
-															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																className: FallbacksCard_module_css_default.hint,
-																children: t("revertPolicy.hint")
-															}),
-															["cooldown-expiry", "never"].map((policy) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-																className: FallbacksCard_module_css_default.optionRow,
-																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-																	type: "radio",
-																	name: "fallbacks-revert-policy",
-																	checked: scalars.revertPolicy === policy,
-																	onChange: () => {
-																		updateScalars((draft) => {
-																			draft.revertPolicy = policy;
+																	className: FallbacksCard_module_css_default.ruleCellLabel,
+																	children: t("roles.rule.provider")
+																}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+																	className: `${FallbacksCard_module_css_default.input} ${FallbacksCard_module_css_default.selectInput}`,
+																	value: providerRaw,
+																	onChange: (event) => {
+																		if (event.target.value === providerRaw) return;
+																		updateRuleRow(index, {
+																			provider: classifyProvider(event.target.value, catalog),
+																			model: null
 																		});
-																	}
-																}), t(`revertPolicy.${policy}`)]
-															}, policy))
-														]
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-														className: FallbacksCard_module_css_default.numberFields,
-														children: [
-															/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-																className: FallbacksCard_module_css_default.field,
-																children: [
-																	/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-																		className: FallbacksCard_module_css_default.fieldLabel,
-																		children: [
-																			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-																				htmlFor: "fallbacks-cooldown-ms",
-																				children: t("cooldownMs.label")
-																			}),
-																			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(InfoHint, {
-																				label: t("cooldownMs.tooltip"),
-																				disabled: !writable
-																			}),
-																			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-																				className: FallbacksCard_module_css_default.defaultNote,
-																				children: [
-																					t("defaults.prefix"),
-																					": ",
-																					state.config.cooldownMs
-																				]
-																			})
-																		]
-																	}),
-																	/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-																		id: "fallbacks-cooldown-ms",
-																		className: FallbacksCard_module_css_default.input,
-																		type: "number",
-																		min: 0,
-																		value: String(scalars.cooldownMs),
-																		disabled: !writable,
-																		onChange: (event) => {
-																			updateScalars((draft) => {
-																				draft.cooldownMs = parseCount(event.target.value);
-																			});
-																		}
-																	}),
-																	/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																		className: FallbacksCard_module_css_default.hint,
-																		children: t("cooldownMs.hint")
-																	})
-																]
+																	},
+																	children: [
+																		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+																			value: "",
+																			children: t("roles.rule.provider.any")
+																		}),
+																		state.configuredProviders.map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+																			value: entry.provider,
+																			children: entry.displayName
+																		}, entry.provider)),
+																		providerUnconfigured && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+																			value: providerRaw,
+																			children: `${providerRaw}${t("catalog.unconfigured.short")}`
+																		}),
+																		providerOutside && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+																			value: providerRaw,
+																			children: `${providerRaw}${t("catalog.outside.short")}`
+																		})
+																	]
+																})]
 															}),
-															/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-																className: FallbacksCard_module_css_default.field,
-																children: [
-																	/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-																		className: FallbacksCard_module_css_default.fieldLabel,
-																		children: [
-																			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-																				htmlFor: "fallbacks-max-switches",
-																				children: t("maxSwitchesPerStep.label")
-																			}),
-																			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(InfoHint, {
-																				label: t("maxSwitchesPerStep.tooltip"),
-																				disabled: !writable
-																			}),
-																			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-																				className: FallbacksCard_module_css_default.defaultNote,
-																				children: [
-																					t("defaults.prefix"),
-																					": ",
-																					state.config.maxSwitchesPerStep
-																				]
-																			})
-																		]
-																	}),
-																	/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-																		id: "fallbacks-max-switches",
-																		className: FallbacksCard_module_css_default.input,
-																		type: "number",
-																		min: 0,
-																		value: String(scalars.maxSwitchesPerStep),
-																		disabled: !writable,
-																		onChange: (event) => {
-																			updateScalars((draft) => {
-																				draft.maxSwitchesPerStep = parseCount(event.target.value);
-																			});
-																		}
-																	}),
-																	/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																		className: FallbacksCard_module_css_default.hint,
-																		children: t("maxSwitchesPerStep.hint")
-																	})
-																]
+															/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+																className: FallbacksCard_module_css_default.ruleCell,
+																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: FallbacksCard_module_css_default.ruleCellLabel,
+																	children: t("roles.rule.model")
+																}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+																	className: `${FallbacksCard_module_css_default.input} ${FallbacksCard_module_css_default.selectInput}`,
+																	value: selectionToRaw(row.model),
+																	onChange: (event) => {
+																		updateRuleRow(index, { model: classifyModel(providerRaw, event.target.value, catalog) });
+																	},
+																	children: [
+																		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+																			value: "",
+																			children: t("roles.rule.model.any")
+																		}),
+																		(group?.models ?? []).map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+																			value: model.id,
+																			children: model.name
+																		}, model.id)),
+																		modelOutside && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+																			value: selectionToRaw(row.model),
+																			children: `${selectionToRaw(row.model)}${t("catalog.outside.short")}`
+																		})
+																	]
+																})]
 															}),
-															/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-																className: FallbacksCard_module_css_default.field,
-																children: [
-																	/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-																		className: FallbacksCard_module_css_default.fieldLabel,
-																		children: [
-																			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-																				htmlFor: "fallbacks-always-cap",
-																				children: t("alwaysModeRetryCap.label")
-																			}),
-																			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(InfoHint, {
-																				label: t("alwaysModeRetryCap.tooltip"),
-																				disabled: !writable
-																			}),
-																			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-																				className: FallbacksCard_module_css_default.defaultNote,
-																				children: [
-																					t("defaults.prefix"),
-																					": ",
-																					state.config.alwaysModeRetryCap
-																				]
-																			})
-																		]
-																	}),
-																	/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-																		id: "fallbacks-always-cap",
-																		className: FallbacksCard_module_css_default.input,
-																		type: "number",
-																		min: 0,
-																		value: String(scalars.alwaysModeRetryCap),
-																		disabled: !writable,
-																		onChange: (event) => {
-																			updateScalars((draft) => {
-																				draft.alwaysModeRetryCap = parseCount(event.target.value);
-																			});
-																		}
-																	}),
-																	/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																		className: FallbacksCard_module_css_default.hint,
-																		children: t("alwaysModeRetryCap.hint")
-																	})
-																]
+															/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+																className: FallbacksCard_module_css_default.ruleCell,
+																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: FallbacksCard_module_css_default.ruleCellLabel,
+																	children: t("roles.rule.role")
+																}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+																	className: `${FallbacksCard_module_css_default.input} ${FallbacksCard_module_css_default.selectInput}`,
+																	value: row.role,
+																	disabled: !writable,
+																	onChange: (event) => {
+																		updateRuleRow(index, { role: event.target.value });
+																	},
+																	children: [
+																		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+																			value: "",
+																			children: t("roles.rule.roleSelectPlaceholder")
+																		}),
+																		roleOptions.map((id) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+																			value: id,
+																			children: id === "inherit" ? t("roles.rule.role.inherit") : id
+																		}, id)),
+																		roleOutside && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+																			value: row.role,
+																			children: `${row.role}${t("roles.rule.roleUndeclared.short")}`
+																		})
+																	]
+																})]
 															})
 														]
 													}),
-													validationErrors.advanced.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-														className: FallbacksCard_module_css_default.error,
-														role: "alert",
-														children: `${t("validation.blocked")}${validationErrors.advanced.join("; ")}`
+													(providerOutside || modelOutside) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+														className: FallbacksCard_module_css_default.hint,
+														children: [t("catalog.outside.hint"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InfoHint, {
+															label: t("catalog.outside.tooltip"),
+															disabled: !writable
+														})]
 													}),
-													lastSaveSection === "advanced" && state.status === "error" && state.error !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-														className: FallbacksCard_module_css_default.error,
-														role: "alert",
-														children: t("error.generic", { message: state.error })
+													row.role === "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: FallbacksCard_module_css_default.hint,
+														children: t("validation.ruleRoleRequired")
 													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-														className: FallbacksCard_module_css_default.sectionActions,
-														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+														className: FallbacksCard_module_css_default.cardFoot,
+														children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 															type: "button",
-															className: `${FallbacksCard_module_css_default.secondaryButton} ${FallbacksCard_module_css_default.sectionAction}`,
-															disabled: !advancedDirty || saving,
+															className: `${FallbacksCard_module_css_default.iconButton} ${FallbacksCard_module_css_default.iconButtonDanger}`,
+															"data-tip": t("roles.removeRule"),
+															"aria-label": t("roles.removeRule"),
 															onClick: () => {
-																discardSection("advanced");
+																setRuleRows((rows) => rows.filter((_, rowIndex) => rowIndex !== index));
 															},
-															children: t("discard")
-														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-															type: "button",
-															className: `${FallbacksCard_module_css_default.primaryButton} ${FallbacksCard_module_css_default.sectionAction}`,
-															disabled: !writable || saving || !advancedDirty,
-															onClick: () => {
-																save("advanced");
-															},
-															children: saving ? t("save.saving") : t("save")
-														})]
+															children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TrashIcon, {})
+														})
 													})
 												]
-											})]
+											}, index);
 										})
-									]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+										type: "button",
+										className: `${FallbacksCard_module_css_default.outlineButton} ${FallbacksCard_module_css_default.addButton}`,
+										disabled: !writable,
+										onClick: () => {
+											setRuleRows((rows) => [...rows, {
+												provider: null,
+												model: null,
+												role: ""
+											}]);
+										},
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PlusIcon, {}), t("roles.addRule")]
+									})
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+								className: FallbacksCard_module_css_default.sectionHeading,
+								id: "fallbacks-advanced",
+								"aria-label": t("advanced.label"),
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									className: FallbacksCard_module_css_default.sectionToggle,
+									disabled: !writable,
+									"aria-expanded": advancedVisible,
+									"aria-controls": advancedVisible ? "fallbacks-advanced-body" : void 0,
+									"aria-label": t(advancedVisible ? "advanced.collapse" : "advanced.expand"),
+									onClick: () => {
+										if (writable) setAdvancedOpen(!advancedOpen);
+									},
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronDownIcon, { className: advancedVisible ? `${FallbacksCard_module_css_default.chevron} ${FallbacksCard_module_css_default.chevronOpen}` : FallbacksCard_module_css_default.chevron }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: FallbacksCard_module_css_default.sectionHeadingText,
+										children: t("advanced.label")
+									})]
 								})
-							]
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: FallbacksCard_module_css_default.statusBlock,
+							}),
+							advancedVisible && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								id: "fallbacks-advanced-body",
+								className: FallbacksCard_module_css_default.advancedBody,
+								children: [
+									liveErrors.advanced.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: FallbacksCard_module_css_default.error,
+										role: "alert",
+										children: `${t("validation.blocked")}${liveErrors.advanced.join("; ")}`
+									}),
+									lastSaveSection === "advanced" && state.status === "error" && state.error !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: FallbacksCard_module_css_default.error,
+										role: "alert",
+										children: t("error.generic", { message: state.error })
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: FallbacksCard_module_css_default.checkboxRow,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											id: "fallbacks-role-automatch",
+											type: "checkbox",
+											className: FallbacksCard_module_css_default.checkbox,
+											checked: scalars.roleAutoMatch,
+											disabled: !writable,
+											onChange: (event) => {
+												updateScalars((draft) => {
+													draft.roleAutoMatch = event.target.checked;
+												});
+											}
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: FallbacksCard_module_css_default.checkLabel,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+												className: FallbacksCard_module_css_default.checkLabelTitle,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+													htmlFor: "fallbacks-role-automatch",
+													children: t("roleAutoMatch.label")
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InfoHint, {
+													label: t("roleAutoMatch.tooltip"),
+													disabled: !writable
+												})]
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+												className: FallbacksCard_module_css_default.checkLabelDesc,
+												htmlFor: "fallbacks-role-automatch",
+												children: t("roleAutoMatch.hint")
+											})]
+										})]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: FallbacksCard_module_css_default.field,
+										role: "group",
+										"aria-labelledby": "fallbacks-trigger-codes",
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+												className: FallbacksCard_module_css_default.fieldLabel,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													id: "fallbacks-trigger-codes",
+													children: t("triggerCodes.label")
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InfoHint, {
+													label: t("triggerCodes.tooltip"),
+													disabled: !writable
+												})]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: FallbacksCard_module_css_default.hint,
+												children: t("triggerCodes.hint")
+											}),
+											KNOWN_TRIGGER_CODES.map((code) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+												className: FallbacksCard_module_css_default.optionRow,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+													type: "checkbox",
+													checked: scalars.triggerCodes.includes(code),
+													onChange: (event) => {
+														updateScalars((draft) => {
+															draft.triggerCodes = withTriggerCode(draft.triggerCodes, code, event.target.checked);
+														});
+													}
+												}), t(TRIGGER_CODE_LABELS[code])]
+											}, code)),
+											unknownCodes.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: FallbacksCard_module_css_default.hint,
+												children: t("triggerCodes.extra", { codes: unknownCodes.join(", ") })
+											})
+										]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: FallbacksCard_module_css_default.field,
+										role: "group",
+										"aria-labelledby": "fallbacks-revert-policy",
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+												className: FallbacksCard_module_css_default.fieldLabel,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													id: "fallbacks-revert-policy",
+													children: t("revertPolicy.label")
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InfoHint, {
+													label: t("revertPolicy.tooltip"),
+													disabled: !writable
+												})]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: FallbacksCard_module_css_default.hint,
+												children: t("revertPolicy.hint")
+											}),
+											["cooldown-expiry", "never"].map((policy) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+												className: FallbacksCard_module_css_default.optionRow,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+													type: "radio",
+													name: "fallbacks-revert-policy",
+													checked: scalars.revertPolicy === policy,
+													onChange: () => {
+														updateScalars((draft) => {
+															draft.revertPolicy = policy;
+														});
+													}
+												}), t(`revertPolicy.${policy}`)]
+											}, policy))
+										]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: FallbacksCard_module_css_default.numberFields,
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: FallbacksCard_module_css_default.field,
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+														className: FallbacksCard_module_css_default.fieldLabel,
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+															htmlFor: "fallbacks-cooldown-ms",
+															children: t("cooldownMs.label")
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InfoHint, {
+															label: cooldownMsTip,
+															disabled: !writable
+														})]
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+														id: "fallbacks-cooldown-ms",
+														className: FallbacksCard_module_css_default.input,
+														type: "number",
+														min: 0,
+														value: String(scalars.cooldownMs),
+														disabled: !writable,
+														onChange: (event) => {
+															updateScalars((draft) => {
+																draft.cooldownMs = parseCount(event.target.value);
+															});
+														}
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: FallbacksCard_module_css_default.hint,
+														children: t("cooldownMs.hint")
+													})
+												]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: FallbacksCard_module_css_default.field,
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+														className: FallbacksCard_module_css_default.fieldLabel,
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+															htmlFor: "fallbacks-max-switches",
+															children: t("maxSwitchesPerStep.label")
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InfoHint, {
+															label: maxSwitchesPerStepTip,
+															disabled: !writable
+														})]
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+														id: "fallbacks-max-switches",
+														className: FallbacksCard_module_css_default.input,
+														type: "number",
+														min: 0,
+														value: String(scalars.maxSwitchesPerStep),
+														disabled: !writable,
+														onChange: (event) => {
+															updateScalars((draft) => {
+																draft.maxSwitchesPerStep = parseCount(event.target.value);
+															});
+														}
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: FallbacksCard_module_css_default.hint,
+														children: t("maxSwitchesPerStep.hint")
+													})
+												]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: FallbacksCard_module_css_default.field,
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+														className: FallbacksCard_module_css_default.fieldLabel,
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+															htmlFor: "fallbacks-always-cap",
+															children: t("alwaysModeRetryCap.label")
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InfoHint, {
+															label: alwaysModeRetryCapTip,
+															disabled: !writable
+														})]
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+														id: "fallbacks-always-cap",
+														className: FallbacksCard_module_css_default.input,
+														type: "number",
+														min: 0,
+														value: String(scalars.alwaysModeRetryCap),
+														disabled: !writable,
+														onChange: (event) => {
+															updateScalars((draft) => {
+																draft.alwaysModeRetryCap = parseCount(event.target.value);
+															});
+														}
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: FallbacksCard_module_css_default.hint,
+														children: t("alwaysModeRetryCap.hint")
+													})
+												]
+											})
+										]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: FallbacksCard_module_css_default.sectionActions,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: FallbacksCard_module_css_default.discard,
+											disabled: !advancedDirty || saving,
+											onClick: () => {
+												discardSection("advanced");
+											},
+											children: t("discard")
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: FallbacksCard_module_css_default.save,
+											disabled: !writable || saving || !advancedDirty,
+											onClick: () => {
+												saveSection("advanced");
+											},
+											children: saving ? t("save.saving") : t("save")
+										})]
+									})
+								]
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: FallbacksCard_module_css_default.statusBlock,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: FallbacksCard_module_css_default.statusTitle,
+							children: t("status.title")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+							className: FallbacksCard_module_css_default.statusLine,
+							role: state.switchesStatus === "error" ? "alert" : void 0,
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: FallbacksCard_module_css_default.statusTitle,
-								children: t("status.title")
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
-								className: FallbacksCard_module_css_default.statusLine,
-								role: state.switchesStatus === "error" ? "alert" : void 0,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: FallbacksCard_module_css_default.statusLineLabel,
-									children: t("status.switches.label")
-								}), switchesLine]
-							})]
-						})
-					]
-				})]
+								className: FallbacksCard_module_css_default.statusLineLabel,
+								children: t("status.switches.label")
+							}), switchesLine]
+						})]
+					})
+				]
 			});
 		}
 		//#endregion
@@ -4237,7 +4121,9 @@ window.__ModuleLoader__.load({
 		* afterwards — no new data path, no store API change.
 		*
 		* The row is read-only by design (偏好位语义: a General preference row is not
-		* a control surface): an enabled badge + a compact last-switch summary.
+		* a control surface): an active/inactive badge (content presence — the
+		* removed config-level `enabled` switch is re-keyed to `isFallbackActive`,
+		* plan fallbacks-web-ux-alignment T2) + a compact last-switch summary.
 		* Honest degraded states: a hard load error or an unreachable gateway
 		* channel (`ready && !present`) render the neutral 'unknown' badge — a
 		* channel-down read must never masquerade as 'disabled' (KD-G5); the
@@ -4261,7 +4147,7 @@ window.__ModuleLoader__.load({
 				if (snapshot.switchesStatus === "idle") controller.loadSwitches();
 			}, [controller]);
 			const settled = state.status === "ready";
-			const badgeKey = settled && state.present ? state.config.enabled ? "general.enabled" : "general.disabled" : "general.unknown";
+			const badgeKey = settled && state.present ? isFallbackActive(state.config) ? "general.enabled" : "general.disabled" : "general.unknown";
 			const latestSwitch = state.switches[0];
 			let summary;
 			if (state.status === "error") summary = t("general.error", { message: state.error ?? "" });