dsh-webdav-sync 1.0.2 → 1.0.4

package/lib/client.js

@@ -82,7 +82,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0webdav-sync-css:/home/runner/work/dsh-webdav/dsh-webdav/src/client/WebdavSyncCard.module.css?inline
-		const css = ".summary_318697645 {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n  font-size: 13px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.summaryText_318697645 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.page_318697645 {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  padding: 4px 0 8px;\n  font-size: 13px;\n  color: var(--dsw-alias-label-primary);\n}\n\n.legend_318697645 {\n  display: flex;\n  align-items: baseline;\n  gap: 8px;\n  margin: 0 0 8px;\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 0.02em;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.hint_318697645 {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.6;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n/* The two stamps share one line: the check on the left, the sync on the right.\n   They wrap rather than overlap when the card is too narrow to hold both. */\n.times_318697645 {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: 4px 10px;\n  flex-wrap: wrap;\n}\n\n.field_318697645 {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  margin-bottom: 10px;\n}\n\n.fieldLabel_318697645 {\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n/*\n * The line of explanation belonging to one field: it sits between that field's\n * label and its input, so a reader gets the rule before typing, and the gap\n * between two fields (10px) still reads as the bigger break.\n */\n.fieldHint_318697645 {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.grid_318697645 {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 10px 14px;\n}\n\n/*\n * The extra-headers field is the card's only multi-line input, and there is no\n * multi-line primitive to reuse. It takes the one-line input's frame instead —\n * same border, radius and background — so it reads as a field of the same\n * family, and a monospace face because what goes in it is header syntax, where\n * the alignment of a name against its value is the thing being checked. It\n * starts three lines tall and may be dragged taller.\n */\n.headersArea_318697645 {\n  box-sizing: border-box;\n  width: 100%;\n  min-height: 66px;\n  padding: 6px 8px;\n  resize: vertical;\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-bg-layer-1);\n  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-primary);\n}\n\n.headersArea_318697645::placeholder {\n  color: var(--dsw-alias-label-dimmed);\n}\n\n.headersArea_318697645:focus-visible {\n  outline: none;\n  border-color: var(--dsw-alias-state-business-primary);\n}\n\n/*\n * A field's label line when the field also carries an option of its own: the\n * label and the saved-password checkbox share the line, so the option reads as\n * part of the field it governs instead of as a setting of its own further down\n * the card. They sit at the two ends of that line (`space-between`): the label\n * keeps the field column's left edge, the checkbox lines up with its right edge\n * — packed together they read as one long word. The checkbox is brought down to\n * the field label's 12px and its colour for the same reason as the part rows\n * (see `.partRow_318697645 label`): a control inside a label line should not outrank the\n * line it sits in.\n */\n.labelRow_318697645 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n}\n\n.labelRow_318697645 label {\n  gap: 6px;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.labelRow_318697645 label input {\n  width: 14px;\n  height: 14px;\n}\n\n/*\n * The auto-sync choice: every tab in one row, all the same width, so six\n * options read as one strip instead of a dropdown hiding five of them.\n */\n/* Doubled class: the control's own rule also sets a display, and this wins. */\n.autoControl_318697645.autoControl_318697645 {\n  display: grid;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n/* Six tabs have to share the row, so each keeps its padding modest. */\n.autoControl_318697645 button {\n  padding: 0 6px;\n  font-size: 12px;\n}\n\n.partRow_318697645 {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  padding: 7px 0;\n  border-bottom: 1px solid var(--dsw-alias-border-l2);\n}\n\n/* No trailing border when the rows stand alone (a host with no view yet). */\n.partRow_318697645:last-child {\n  border-bottom: none;\n}\n\n/* The checkbox with its one-line description under it. */\n.partText_318697645 {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n\n/*\n * The checkbox component sets its own label at 14px, which is bigger than this\n * card's section headings (12px) — the rows read as if they outranked the\n * heading above them. Its class name is internal to the component, so the\n * element selector is the way in; the box shrinks with the text to match.\n */\n.partRow_318697645 label {\n  gap: 6px;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.partRow_318697645 label input {\n  width: 14px;\n  height: 14px;\n}\n\n.partHint_318697645 {\n  font-size: 11px;\n  line-height: 1.4;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.partState_318697645 {\n  margin-left: auto;\n  flex: none;\n  padding-top: 2px;\n  font-size: 11px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.partStateBoth_318697645 {\n  color: var(--dsw-alias-label-warning, var(--dsw-alias-label-secondary));\n}\n\n/*\n * The extra directories, laid out as one more part row — checkbox, name,\n * one-line description, state — exactly like the four above, with the picker on\n * the title line right after the name and the chosen paths listed under the row.\n * Each path is a small card of its own: a bordered row that reads as something\n * carried, not as another line of prose.\n */\n\n/*\n * The picker shares the title line with the switch. It is a text button, so it\n * has to stop borrowing a control's height and padding to sit level with a 12px\n * label — and it reads quieter than the label until it is pointed at.\n */\n.titleRow_318697645 {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.titleRow_318697645 button {\n  height: auto;\n  min-height: 0;\n  padding: 0 2px;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.titleRow_318697645 button:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}\n\n.dirList_318697645 {\n  padding: 0 0 4px;\n  border-bottom: 1px solid var(--dsw-alias-border-l2);\n}\n\n/* The group owns the separator; its heading row sits above the paths. */\n.dirList_318697645 .partRow_318697645 {\n  border-bottom: none;\n  align-items: center;\n}\n\n.dirRow_318697645 {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin: 0 0 4px 20px;\n  padding: 4px 6px 4px 8px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 8px;\n  background: var(--dsw-alias-bg-layer-3);\n}\n\n/* Switched off, the paths stay on screen but read as dormant. */\n.dirOff_318697645 {\n  opacity: 0.6;\n}\n\n/* Mono, because a path is read character by character; a narrow box drops the\n * tail, and the whole path stays in the row's title attribute. */\n.dirPath_318697645 {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 11px;\n  line-height: 16px;\n  color: var(--dsw-alias-label-primary);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* The row a path is typed into, when no dialog could be reached. */\n.dirRow_318697645 input {\n  flex: 1;\n  min-width: 0;\n}\n\n/* A configured directory this computer could not read, one line per directory. */\n.problem_318697645 {\n  margin: 4px 0 0;\n  font-size: 11px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-error);\n}\n\n.notice_318697645 {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  padding: 10px 12px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 10px;\n  background: var(--dsw-alias-bg-layer-2);\n  font-size: 12px;\n}\n\n.noticeTitle_318697645 {\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n/*\n * The sync actions. Six short labels have to sit on one row, so the buttons\n * keep their own padding down; wrapping stays on only as a narrow-card escape.\n * With no frame to separate them, the spacing has to: each label carries 6px of\n * its own and the row adds 2px, so neighbouring labels sit 14px apart — roomy\n * enough to read as separate actions, tight enough not to break the row.\n */\n.footer_318697645 {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  flex-wrap: wrap;\n  padding-top: 4px;\n}\n\n/*\n * Every sync action is a text button: no frame, no fill, only a label. The\n * reason is the row itself — six framed buttons next to the settings above read\n * as a second form — and the risk a text button always carries: 「看不出是个\n * 按钮」. That is answered by colour and by the pointer, not by a box:\n *\n * - the label sits in the ordinary primary colour, so it reads as text that\n *   happens to be clickable;\n * - the hover fill comes from `ghost` and appears under the pointer, which is\n *   exactly when the question 「能点吗」 gets asked;\n * - the focus ring is drawn here because `ghost` has none of its own, and a\n *   keyboard user has no pointer to discover the button with.\n *\n * `height: auto` drops the control's 28px box so six labels fit one line; the\n * 24px `min-height` keeps the hover fill from collapsing onto the glyphs. The\n * 500 weight is what makes the whole row read as one band of controls rather\n * than as a sentence that happens to end the section: at 12px, ordinary body\n * weight next to ordinary body text is the one thing a text button cannot\n * recover from with colour alone.\n */\n.footer_318697645 button.textAction_318697645 {\n  height: auto;\n  min-height: 24px;\n  padding: 0 6px;\n  color: var(--dsw-alias-label-primary);\n  font-weight: 500;\n}\n\n.footer_318697645 button.textAction_318697645:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\n.footer_318697645 button.textAction_318697645:focus-visible {\n  outline: var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: 1px;\n}\n\n/*\n * The one action this part of the card is for. It is the row's only accented\n * label, which is what makes 「立即同步」 findable without a filled box; the\n * colour carries it in both themes, where a 12px label is small enough that\n * hue alone would need a second signal — here that signal is being the only\n * coloured one in an otherwise grey row, so the weight stays the row's own.\n */\n.footer_318697645 button.textActionPrimary_318697645 {\n  color: var(--dsw-alias-state-business-primary);\n}\n\n.footer_318697645 button.textActionPrimary_318697645:hover:not(:disabled) {\n  color: var(--dsw-alias-state-business-primary);\n}\n\n/*\n * The two actions that replace one whole side with the other: 「服务器覆盖本机」\n * and 「本机覆盖服务器」. They are the only pair in the row that can throw away\n * work on the side it writes, so they carry the warning colour while staying\n * text buttons. Not the error colour: both are reversible (a restore has\n * `undo`, an upload keeps the old file in `sync/`), and red would say otherwise.\n *\n * `warn-label`, not `warn-primary`: the design system splits these two — the\n * primary amber (#f59e0b) paints dots and tag fills, while warning *text* uses\n * the darker `label` step (#dd8629), which is what `Toast` and\n * `ConnectionIndicator` put on 12px labels exactly like this one. At 12px the\n * primary amber on a light card is barely 2:1 against the surface; the label\n * step is the token that was picked for reading, so it is the one used here.\n */\n.footer_318697645 button.textActionReplace_318697645 {\n  color: var(--dsw-alias-state-warn-label);\n}\n\n.footer_318697645 button.textActionReplace_318697645:hover:not(:disabled) {\n  background: color-mix(in srgb, var(--dsw-alias-state-warn-label) 10%, transparent);\n  color: var(--dsw-alias-state-warn-label);\n}\n\n.spacer_318697645 {\n  flex: 1;\n}\n\n/* The card's own actions: WebDAV settings, kept apart from the sync ones. */\n.cardFooter_318697645 {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  margin-top: 4px;\n  padding-top: 12px;\n  border-top: 1px solid var(--dsw-alias-border-l2);\n}\n\n.failed_318697645 {\n  font-size: 12px;\n  color: var(--dsw-alias-label-error);\n}\n\n.note_318697645 {\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.confirm_318697645 {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  padding: 10px 12px;\n  border: 1px solid var(--dsw-alias-border-l4);\n  border-radius: 10px;\n  font-size: 12px;\n  color: var(--dsw-alias-label-primary);\n}\n\n.previewList_318697645 {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  font-size: 12px;\n}\n\n.previewRow_318697645 {\n  display: flex;\n  gap: 8px;\n}\n\n.previewPart_318697645 {\n  min-width: 90px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.output_318697645 {\n  max-height: 180px;\n  margin: 0;\n  overflow: auto;\n  padding: 8px 10px;\n  border-radius: 8px;\n  background: var(--dsw-alias-bg-layer-3);\n  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;\n  font-size: 11px;\n  line-height: 1.5;\n  white-space: pre-wrap;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.spin_318697645 {\n  animation: webdavSyncSpin 0.9s linear infinite;\n}\n\n@keyframes webdavSyncSpin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n/*\n * The forwarder's switch and the two values it hands out.\n *\n * The switch is a checkbox like the ones that choose the parts, and it reads at\n * the size of the section titles rather than at the primitive's own 14px: one\n * line of body-sized text under a title is a control shouting over its heading.\n *\n * The address is what a reader copies, so it is plain text — monospace, because\n * a path is read character by character — with the copy icon right after it and\n * no frame: a field around a value nobody types only reads as something to fill\n * in. The account sits under it the same way: name, value, copy icon. All three\n * are named, because three copy buttons in a row are otherwise three buttons\n * that all say 「copy」.\n */\n.relaySwitch_318697645 {\n  margin-bottom: 6px;\n}\n\n.relaySwitch_318697645 label {\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.relayAddressRow_318697645,\n.relayAccountRow_318697645 {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex-wrap: wrap;\n  margin-bottom: 6px;\n}\n\n/* The two account values are two groups rather than four loose items: the wider\n * gap separates them, the narrow one binds each label to its value and icon. */\n.relayAccountRow_318697645 {\n  gap: 6px 14px;\n}\n\n/* One value with its copy icon. It stays on one line, so a wrapped card can\n * never leave an icon under a value it does not copy. */\n.relayPair_318697645 {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n\n/* Plain text rather than a field frame, but still the reader's to select: the\n * failure hint's fallback — select it and copy by hand — has to keep working.\n * It takes only the width it needs, so the copy icon sits at the end of the\n * address instead of being pushed out to the card's right edge: the icon\n * belongs to that string, and a gap would read as a separate action. */\n.relayAddress_318697645 {\n  flex: 0 1 auto;\n  min-width: 0;\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-primary);\n  overflow-wrap: anywhere;\n}\n\n/* An icon button: the primitive's frame drops away, and what is left is the\n * app's own pressable shape — the hover wash around a 16px glyph, at the 24px\n * the app's other icon actions take. */\nbutton.relayCopy_318697645 {\n  flex: none;\n  width: 24px;\n  height: 24px;\n  padding: 0;\n  color: var(--dsw-alias-label-secondary);\n}\n\nbutton.relayCopy_318697645:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}\n\n.relayLabel_318697645 {\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n/* A value with nothing around it: the three things a reader takes away — the\n * address and the two account strings — are all set the same way, because none\n * of them is a field. A frame here would say 「fill this in」 about a string that\n * is generated and read-only. */\n.relayValue_318697645 {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-primary);\n}\n";
+		const css = ".summary_318697645 {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n  font-size: 13px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.summaryText_318697645 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.page_318697645 {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  padding: 4px 0 8px;\n  font-size: 13px;\n  color: var(--dsw-alias-label-primary);\n}\n\n.legend_318697645 {\n  display: flex;\n  align-items: baseline;\n  gap: 8px;\n  margin: 0 0 8px;\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 0.02em;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.hint_318697645 {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.6;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n/* The two stamps share one line: the check on the left, the sync on the right.\n   They wrap rather than overlap when the card is too narrow to hold both. */\n.times_318697645 {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: 4px 10px;\n  flex-wrap: wrap;\n}\n\n.field_318697645 {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  margin-bottom: 10px;\n}\n\n.fieldLabel_318697645 {\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n/*\n * The line of explanation belonging to one field: it sits between that field's\n * label and its input, so a reader gets the rule before typing, and the gap\n * between two fields (10px) still reads as the bigger break.\n */\n.fieldHint_318697645 {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.grid_318697645 {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 10px 14px;\n}\n\n/*\n * The extra-headers field is the card's only multi-line input, and there is no\n * multi-line primitive to reuse. It takes the one-line input's frame instead —\n * same border, radius and background — so it reads as a field of the same\n * family, and a monospace face because what goes in it is header syntax, where\n * the alignment of a name against its value is the thing being checked. It\n * starts three lines tall and may be dragged taller.\n */\n.headersArea_318697645 {\n  box-sizing: border-box;\n  width: 100%;\n  min-height: 66px;\n  padding: 6px 8px;\n  resize: vertical;\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-bg-layer-1);\n  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-primary);\n}\n\n.headersArea_318697645::placeholder {\n  color: var(--dsw-alias-label-dimmed);\n}\n\n.headersArea_318697645:focus-visible {\n  outline: none;\n  border-color: var(--dsw-alias-state-business-primary);\n}\n\n/*\n * A field's label line when the field also carries an option of its own: the\n * label and the saved-password checkbox share the line, so the option reads as\n * part of the field it governs instead of as a setting of its own further down\n * the card. They sit at the two ends of that line (`space-between`): the label\n * keeps the field column's left edge, the checkbox lines up with its right edge\n * — packed together they read as one long word. The checkbox is brought down to\n * the field label's 12px and its colour for the same reason as the part rows\n * (see `.partRow_318697645 label`): a control inside a label line should not outrank the\n * line it sits in.\n */\n.labelRow_318697645 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n}\n\n.labelRow_318697645 label {\n  gap: 6px;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.labelRow_318697645 label input {\n  width: 14px;\n  height: 14px;\n}\n\n/*\n * The auto-sync choice: every tab in one row, all the same width, so six\n * options read as one strip instead of a dropdown hiding five of them.\n */\n/* Doubled class: the control's own rule also sets a display, and this wins. */\n.autoControl_318697645.autoControl_318697645 {\n  display: grid;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n/* Six tabs have to share the row, so each keeps its padding modest. */\n.autoControl_318697645 button {\n  padding: 0 6px;\n  font-size: 12px;\n}\n\n.partRow_318697645 {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  padding: 7px 0;\n  border-bottom: 1px solid var(--dsw-alias-border-l2);\n}\n\n/* No trailing border when the rows stand alone (a host with no view yet). */\n.partRow_318697645:last-child {\n  border-bottom: none;\n}\n\n/* The checkbox with its one-line description under it. */\n.partText_318697645 {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n\n/*\n * The checkbox component sets its own label at 14px, which is bigger than this\n * card's section headings (12px) — the rows read as if they outranked the\n * heading above them. Its class name is internal to the component, so the\n * element selector is the way in; the box shrinks with the text to match.\n */\n.partRow_318697645 label {\n  gap: 6px;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.partRow_318697645 label input {\n  width: 14px;\n  height: 14px;\n}\n\n.partHint_318697645 {\n  font-size: 11px;\n  line-height: 1.4;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.partState_318697645 {\n  margin-left: auto;\n  flex: none;\n  padding-top: 2px;\n  font-size: 11px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.partStateBoth_318697645 {\n  color: var(--dsw-alias-label-warning, var(--dsw-alias-label-secondary));\n}\n\n/*\n * The extra directories, laid out as one more part row — checkbox, name,\n * one-line description, state — exactly like the four above, with the picker on\n * the title line right after the name and the chosen paths listed under the row.\n * Each path is a small card of its own: a bordered row that reads as something\n * carried, not as another line of prose.\n */\n\n/*\n * The picker shares the title line with the switch. It is a text button, so it\n * has to stop borrowing a control's height and padding to sit level with a 12px\n * label — and it reads quieter than the label until it is pointed at.\n */\n.titleRow_318697645 {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.titleRow_318697645 button {\n  height: auto;\n  min-height: 0;\n  padding: 0 2px;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.titleRow_318697645 button:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}\n\n.dirList_318697645 {\n  padding: 0 0 4px;\n  border-bottom: 1px solid var(--dsw-alias-border-l2);\n}\n\n/* The group owns the separator; its heading row sits above the paths. */\n.dirList_318697645 .partRow_318697645 {\n  border-bottom: none;\n  align-items: center;\n}\n\n.dirRow_318697645 {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin: 0 0 4px 20px;\n  padding: 4px 6px 4px 8px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 8px;\n  background: var(--dsw-alias-bg-layer-3);\n}\n\n/* Switched off, the paths stay on screen but read as dormant. */\n.dirOff_318697645 {\n  opacity: 0.6;\n}\n\n/* Mono, because a path is read character by character; a narrow box drops the\n * tail, and the whole path stays in the row's title attribute. */\n.dirPath_318697645 {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 11px;\n  line-height: 16px;\n  color: var(--dsw-alias-label-primary);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* The row a path is typed into, when no dialog could be reached. */\n.dirRow_318697645 input {\n  flex: 1;\n  min-width: 0;\n}\n\n/* A configured directory this computer could not read, one line per directory. */\n.problem_318697645 {\n  margin: 4px 0 0;\n  font-size: 11px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-error);\n}\n\n.notice_318697645 {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  padding: 10px 12px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 10px;\n  background: var(--dsw-alias-bg-layer-2);\n  font-size: 12px;\n}\n\n.noticeTitle_318697645 {\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n/*\n * The sync actions. Six short labels have to sit on one row, so the buttons\n * keep their own padding down; wrapping stays on only as a narrow-card escape.\n * With no frame to separate them, the spacing has to: each label carries 6px of\n * its own and the row adds 2px, so neighbouring labels sit 14px apart — roomy\n * enough to read as separate actions, tight enough not to break the row.\n */\n.footer_318697645 {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  flex-wrap: wrap;\n  padding-top: 4px;\n}\n\n/*\n * Every sync action is a text button: no frame, no fill, only a label. The\n * reason is the row itself — six framed buttons next to the settings above read\n * as a second form — and the risk a text button always carries: 「看不出是个\n * 按钮」. That is answered by colour and by the pointer, not by a box:\n *\n * - the label sits in the ordinary primary colour, so it reads as text that\n *   happens to be clickable;\n * - the hover fill comes from `ghost` and appears under the pointer, which is\n *   exactly when the question 「能点吗」 gets asked;\n * - the focus ring is drawn here because `ghost` has none of its own, and a\n *   keyboard user has no pointer to discover the button with.\n *\n * `height: auto` drops the control's 28px box so six labels fit one line; the\n * 24px `min-height` keeps the hover fill from collapsing onto the glyphs. The\n * 500 weight is what makes the whole row read as one band of controls rather\n * than as a sentence that happens to end the section: at 12px, ordinary body\n * weight next to ordinary body text is the one thing a text button cannot\n * recover from with colour alone.\n */\n.footer_318697645 button.textAction_318697645 {\n  height: auto;\n  min-height: 24px;\n  padding: 0 6px;\n  color: var(--dsw-alias-label-primary);\n  font-weight: 500;\n}\n\n.footer_318697645 button.textAction_318697645:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\n.footer_318697645 button.textAction_318697645:focus-visible {\n  outline: var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: 1px;\n}\n\n/*\n * The one action this part of the card is for. It is the row's only accented\n * label, which is what makes 「立即同步」 findable without a filled box; the\n * colour carries it in both themes, where a 12px label is small enough that\n * hue alone would need a second signal — here that signal is being the only\n * coloured one in an otherwise grey row, so the weight stays the row's own.\n */\n.footer_318697645 button.textActionPrimary_318697645 {\n  color: var(--dsw-alias-state-business-primary);\n}\n\n.footer_318697645 button.textActionPrimary_318697645:hover:not(:disabled) {\n  color: var(--dsw-alias-state-business-primary);\n}\n\n/*\n * The two actions that replace one whole side with the other: 「服务器覆盖本机」\n * and 「本机覆盖服务器」. They are the only pair in the row that can throw away\n * work on the side it writes, so they carry the warning colour while staying\n * text buttons. Not the error colour: both are reversible (a restore has\n * `undo`, an upload keeps the old file in `sync/`), and red would say otherwise.\n *\n * `warn-label`, not `warn-primary`: the design system splits these two — the\n * primary amber (#f59e0b) paints dots and tag fills, while warning *text* uses\n * the darker `label` step (#dd8629), which is what `Toast` and\n * `ConnectionIndicator` put on 12px labels exactly like this one. At 12px the\n * primary amber on a light card is barely 2:1 against the surface; the label\n * step is the token that was picked for reading, so it is the one used here.\n */\n.footer_318697645 button.textActionReplace_318697645 {\n  color: var(--dsw-alias-state-warn-label);\n}\n\n.footer_318697645 button.textActionReplace_318697645:hover:not(:disabled) {\n  background: color-mix(in srgb, var(--dsw-alias-state-warn-label) 10%, transparent);\n  color: var(--dsw-alias-state-warn-label);\n}\n\n.spacer_318697645 {\n  flex: 1;\n}\n\n/* The card's own actions: WebDAV settings, kept apart from the sync ones. */\n.cardFooter_318697645 {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  margin-top: 4px;\n  padding-top: 12px;\n  border-top: 1px solid var(--dsw-alias-border-l2);\n}\n\n.failed_318697645 {\n  font-size: 12px;\n  color: var(--dsw-alias-label-error);\n}\n\n.note_318697645 {\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.confirm_318697645 {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  padding: 10px 12px;\n  border: 1px solid var(--dsw-alias-border-l4);\n  border-radius: 10px;\n  font-size: 12px;\n  color: var(--dsw-alias-label-primary);\n}\n\n.previewList_318697645 {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  font-size: 12px;\n}\n\n.previewRow_318697645 {\n  display: flex;\n  gap: 8px;\n}\n\n.previewPart_318697645 {\n  min-width: 90px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.output_318697645 {\n  max-height: 180px;\n  margin: 0;\n  overflow: auto;\n  padding: 8px 10px;\n  border-radius: 8px;\n  background: var(--dsw-alias-bg-layer-3);\n  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;\n  font-size: 11px;\n  line-height: 1.5;\n  white-space: pre-wrap;\n  color: var(--dsw-alias-label-secondary);\n}\n\n/*\n * The install report: how it went, the log, and the way out.\n *\n * The button sits on the sentence's row rather than under the log, so closing it\n * is where the eye already is — and one button takes the whole report away, since\n * the log is there to be read once and then is only something to scroll past.\n */\n.outputBlock_318697645 {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.outputHead_318697645 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n}\n\n.spin_318697645 {\n  animation: webdavSyncSpin 0.9s linear infinite;\n}\n\n@keyframes webdavSyncSpin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n/*\n * The forwarder's switch and the two values it hands out.\n *\n * The switch is a checkbox like the ones that choose the parts, and it reads at\n * the size of the section titles rather than at the primitive's own 14px: one\n * line of body-sized text under a title is a control shouting over its heading.\n *\n * The address is what a reader copies, so it is plain text — monospace, because\n * a path is read character by character — with the copy icon right after it and\n * no frame: a field around a value nobody types only reads as something to fill\n * in. The account sits under it the same way: name, value, copy icon. All three\n * are named, because three copy buttons in a row are otherwise three buttons\n * that all say 「copy」.\n */\n.relaySwitch_318697645 {\n  margin-bottom: 6px;\n}\n\n.relaySwitch_318697645 label {\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.relayAddressRow_318697645,\n.relayAccountRow_318697645 {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex-wrap: wrap;\n  margin-bottom: 6px;\n}\n\n/* The two account values are two groups rather than four loose items: the wider\n * gap separates them, the narrow one binds each label to its value and icon. */\n.relayAccountRow_318697645 {\n  gap: 6px 14px;\n}\n\n/* One value with its copy icon. It stays on one line, so a wrapped card can\n * never leave an icon under a value it does not copy. */\n.relayPair_318697645 {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n\n/* Plain text rather than a field frame, but still the reader's to select: the\n * failure hint's fallback — select it and copy by hand — has to keep working.\n * It takes only the width it needs, so the copy icon sits at the end of the\n * address instead of being pushed out to the card's right edge: the icon\n * belongs to that string, and a gap would read as a separate action. */\n.relayAddress_318697645 {\n  flex: 0 1 auto;\n  min-width: 0;\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-primary);\n  overflow-wrap: anywhere;\n}\n\n/* An icon button: the primitive's frame drops away, and what is left is the\n * app's own pressable shape — the hover wash around a 16px glyph, at the 24px\n * the app's other icon actions take. */\nbutton.relayCopy_318697645 {\n  flex: none;\n  width: 24px;\n  height: 24px;\n  padding: 0;\n  color: var(--dsw-alias-label-secondary);\n}\n\nbutton.relayCopy_318697645:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}\n\n.relayLabel_318697645 {\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n/* A value with nothing around it: the three things a reader takes away — the\n * address and the two account strings — are all set the same way, because none\n * of them is a field. A frame here would say 「fill this in」 about a string that\n * is generated and read-only. */\n.relayValue_318697645 {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-primary);\n}\n";
 		const tagId = "dsh-webdav-sync/WebdavSyncCard.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"" + tagId + "\"]") === null) {
 			const tag = document.createElement("style");
@@ -131,6 +131,8 @@ window.__ModuleLoader__.load({
 			"previewRow": "previewRow_318697645",
 			"previewPart": "previewPart_318697645",
 			"output": "output_318697645",
+			"outputBlock": "outputBlock_318697645",
+			"outputHead": "outputHead_318697645",
 			"spin": "spin_318697645",
 			"relaySwitch": "relaySwitch_318697645",
 			"relayAddressRow": "relayAddressRow_318697645",
@@ -332,24 +334,24 @@ window.__ModuleLoader__.load({
 		/** Which dictionary key names each part. */
 		const PART_NAME = {
 			models: "partModels",
-			defaults: "partDefaults",
 			plugins: "partPlugins",
 			patch: "partPatch",
-			dirs: "partDirs"
+			dirs: "partDirs",
+			keys: "partKeys"
 		};
 		/** Which dictionary key says, in a line, what a part carries. */
 		const PART_HINT = {
 			models: "partModelsHint",
-			defaults: "partDefaultsHint",
 			plugins: "partPluginsHint",
 			patch: "partPatchHint",
-			dirs: "partDirsHint"
+			dirs: "partDirsHint",
+			keys: "partKeysHint"
 		};
 		/**
 		* The parts whose switch is a checkbox on their own row.
 		*
 		* The extra directories are a `part` too — they hash, merge and travel like the
-		* four profile parts — but there is no single boolean behind them: the list
+		* profile parts — but there is no single boolean behind them: the list
 		* itself is the part, so it is turned off by removing every row, and its rows
 		* are edited one by one instead of behind one label. Filtering it out keeps the
 		* checkbox loop honest, and the predicate is what tells the compiler so.
@@ -386,6 +388,20 @@ window.__ModuleLoader__.load({
 			return "partSynced";
 		}
 		/**
+		* The state word of one part's row, asked with the draft the row is bound to.
+		*
+		* The box and this word sit in the same row and have to answer for the same
+		* thing, so both read the draft. The host's `synced` says what the configuration
+		* on disk carries, and `localChanged` / `remoteChanged` describe that same saved
+		* configuration; while the draft disagrees with it, no word of the four is true —
+		* "in step" and "off" both speak about a save that has not happened yet. The row
+		* then says the one thing that is the case: the change is waiting for the save.
+		*/
+		function rowStateKey(draft, view) {
+			if (draft !== view.synced) return "partUnsaved";
+			return draft ? partStateKey(view) : "partOff";
+		}
+		/**
 		* The last sync time as this computer's own clock reads it: the host stores an
 		* ISO string in UTC, which is not what a person recognises at a glance.
 		*/
@@ -590,13 +606,14 @@ window.__ModuleLoader__.load({
 							children: t("partsLegend")
 						}),
 						(state.view?.parts ?? []).filter(isToggledPart).map((part) => {
-							const stateKey = part.synced ? partStateKey(part) : "partOff";
+							const on = state[part.part];
+							const stateKey = rowStateKey(on, part);
 							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: WebdavSyncCard_module_default.partRow,
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 									className: WebdavSyncCard_module_default.partText,
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Checkbox, {
-										checked: part.synced,
+										checked: on,
 										label: t(PART_NAME[part.part]),
 										title: t("partOffHint"),
 										onChange: (next) => props.toggle(part.part, next)
@@ -636,7 +653,7 @@ window.__ModuleLoader__.load({
 									})]
 								}), dirsPart !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: WebdavSyncCard_module_default.partState,
-									children: t(dirsPart.synced ? partStateKey(dirsPart) : "partOff")
+									children: t(rowStateKey(state.dirsEnabled, dirsPart))
 								})]
 							}), state.dirs.map((path, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: state.dirsEnabled ? WebdavSyncCard_module_default.dirRow : `${WebdavSyncCard_module_default.dirRow} ${WebdavSyncCard_module_default.dirOff}`,
@@ -669,6 +686,22 @@ window.__ModuleLoader__.load({
 								message: problem.message
 							})
 						}, problem.path)),
+						(state.view?.keysProblems ?? []).map((problem) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: WebdavSyncCard_module_default.problem,
+							role: "status",
+							children: problem.ref === "" ? t("keyStoreProblem", { message: problem.message }) : t("keyProblem", {
+								ref: problem.ref,
+								message: problem.message
+							})
+						}, problem.ref)),
+						state.keysProblems.map((problem) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: WebdavSyncCard_module_default.problem,
+							role: "status",
+							children: problem.ref === "" ? t("keyStoreProblem", { message: problem.message }) : t("keyProblem", {
+								ref: problem.ref,
+								message: problem.message
+							})
+						}, `last-${problem.ref}`)),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: WebdavSyncCard_module_default.times,
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -772,13 +805,24 @@ window.__ModuleLoader__.load({
 							})
 						]
 					}),
-					state.installOutput !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: state.messageFailed ? WebdavSyncCard_module_default.failed : WebdavSyncCard_module_default.note,
-						children: state.messageFailed ? t("installFailed") : t("installOk")
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
-						className: WebdavSyncCard_module_default.output,
-						children: state.installOutput
-					})] }),
+					state.installOutput !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: WebdavSyncCard_module_default.outputBlock,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: WebdavSyncCard_module_default.outputHead,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: state.installFailed ? WebdavSyncCard_module_default.failed : WebdavSyncCard_module_default.note,
+								children: state.installFailed ? t("installFailed") : t("installOk")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								variant: "outline",
+								size: "sm",
+								onClick: () => props.closeOutput(),
+								children: t("outputClose")
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
+							className: WebdavSyncCard_module_default.output,
+							children: state.installOutput
+						})]
+					}),
 					state.preview !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", {
 						className: WebdavSyncCard_module_default.legend,
 						children: t("previewTitle")
@@ -977,6 +1021,17 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/client/card-store.ts
+		/**
+		* The keys an action could not write, as the host reported them.
+		*
+		* Every action that applies a merge answers with the same field, and an absent one
+		* means every key went in — so this reads both shapes as "no problems" rather than
+		* making each caller remember which.
+		*/
+		function keyProblemsOf(result) {
+			const held = result.keysProblems;
+			return Array.isArray(held) ? held : [];
+		}
 		const EMPTY = {
 			phase: "loading",
 			error: "",
@@ -987,13 +1042,13 @@ window.__ModuleLoader__.load({
 			passphrase: "",
 			headers: "",
 			dirs: [],
-			dirsEnabled: true,
+			dirsEnabled: false,
 			rememberPassword: true,
 			autoEvery: -1,
 			models: true,
-			defaults: true,
 			plugins: true,
 			patch: true,
+			keys: true,
 			relayEnabled: false,
 			relayPort: RELAY_DEFAULT_PORT,
 			dirty: false,
@@ -1002,6 +1057,8 @@ window.__ModuleLoader__.load({
 			messageFailed: false,
 			preview: void 0,
 			installOutput: "",
+			installFailed: false,
+			keysProblems: [],
 			reloadNeeded: false,
 			confirm: ""
 		};
@@ -1055,13 +1112,13 @@ window.__ModuleLoader__.load({
 					passphrase: "",
 					headers: view.config.headers,
 					dirs: [...view.config.dirs ?? []],
-					dirsEnabled: view.config.dirsEnabled ?? true,
+					dirsEnabled: view.config.dirsEnabled ?? false,
 					rememberPassword: view.config.rememberPassword,
 					autoEvery: view.config.autoEvery,
 					models: view.config.models,
-					defaults: view.config.defaults,
 					plugins: view.config.plugins,
 					patch: view.config.patch,
+					keys: view.config.keys ?? true,
 					relayEnabled: view.config.relayEnabled ?? false,
 					relayPort: view.config.relayPort ?? 3426,
 					dirty: false
@@ -1215,6 +1272,7 @@ window.__ModuleLoader__.load({
 					message: "",
 					messageFailed: false,
 					installOutput: "",
+					installFailed: false,
 					confirm: "",
 					reloadNeeded: false
 				});
@@ -1230,9 +1288,9 @@ window.__ModuleLoader__.load({
 					headers: this.state.headers,
 					autoEvery: this.state.autoEvery,
 					models: this.state.models,
-					defaults: this.state.defaults,
 					plugins: this.state.plugins,
 					patch: this.state.patch,
+					keys: this.state.keys,
 					dirs: this.state.dirs,
 					dirsEnabled: this.state.dirsEnabled,
 					rememberPassword: this.state.rememberPassword,
@@ -1263,7 +1321,8 @@ window.__ModuleLoader__.load({
 			sync() {
 				this.run("sync", () => requestSync({ force: true }), (result) => ({
 					preview: void 0,
-					reloadNeeded: result.reloadNeeded === true
+					reloadNeeded: result.reloadNeeded === true,
+					keysProblems: keyProblemsOf(result)
 				})).then(() => this.load());
 			}
 			askRestore() {
@@ -1278,18 +1337,26 @@ window.__ModuleLoader__.load({
 			undo() {
 				this.run("undo", () => requestUndo(), (result) => ({
 					reloadNeeded: result.reloadNeeded === true,
-					preview: void 0
+					preview: void 0,
+					keysProblems: keyProblemsOf(result)
 				})).then(() => this.load());
 			}
 			install() {
 				this.run("install", () => requestInstall(), (result) => ({
 					installOutput: String(result.output ?? ""),
-					messageFailed: result.ok !== true
+					installFailed: result.ok !== true,
+					messageFailed: false
 				})).then(() => this.load());
 			}
 			dismiss() {
 				this.run("dismiss", () => requestDismiss(), () => ({})).then(() => this.load());
 			}
+			closeOutput() {
+				this.set({
+					installOutput: "",
+					installFailed: false
+				});
+			}
 			answer(yes) {
 				const kind = this.state.confirm;
 				this.set({ confirm: "" });
@@ -1297,7 +1364,8 @@ window.__ModuleLoader__.load({
 				if (kind === "restore") {
 					this.run("restore", () => requestRestore(), (result) => ({
 						reloadNeeded: result.reloadNeeded === true,
-						preview: void 0
+						preview: void 0,
+						keysProblems: keyProblemsOf(result)
 					})).then(() => this.load());
 					return;
 				}
@@ -1305,7 +1373,8 @@ window.__ModuleLoader__.load({
 					this.run("upload", () => requestUpload(), (result) => ({
 						preview: void 0,
 						messageFailed: false,
-						reloadNeeded: result.reloadNeeded === true
+						reloadNeeded: result.reloadNeeded === true,
+						keysProblems: keyProblemsOf(result)
 					})).then(() => this.load());
 					return;
 				}
@@ -1335,7 +1404,8 @@ window.__ModuleLoader__.load({
 					askOff: () => this.askOff(),
 					answer: (yes) => this.answer(yes),
 					install: () => this.install(),
-					dismiss: () => this.dismiss()
+					dismiss: () => this.dismiss(),
+					closeOutput: () => this.closeOutput()
 				};
 			}
 		};
@@ -1383,18 +1453,19 @@ window.__ModuleLoader__.load({
 			partsLegend: "同步内容",
 			partModels: "模型供应商与模型",
 			partModelsHint: "有哪些供应商、各自提供哪些模型、API key 从哪里读。",
-			partDefaults: "默认模型",
-			partDefaultsHint: "新开会话时默认用哪个供应商、哪个模型。",
 			partPlugins: "已安装插件",
 			partPluginsHint: "装了哪些插件、按什么顺序加载。插件包本身不传，每台机器自己安装。",
 			partPatch: "其余 profile 配置",
 			partPatchHint: "MCP 服务器、权限预设、界面设置、insert 块等其余配置。",
+			partKeys: "API 密钥",
+			partKeysHint: "这台电脑上存着的 API 密钥，跟着点它名的那些供应商一起走；两边都改过时以本机为准，任何一次同步都不会删掉密钥。离开本机前同样用口令加密。",
 			partDirs: "附加目录",
 			partDirsHint: "profile 之外的目录，连里面的文件一起同步；路径跟着这份配置走，恢复时写回同一个目录。",
 			partSynced: "已一致",
 			partOnlyHere: "仅本机有改动",
 			partOnlyThere: "仅服务器有改动",
 			partBoth: "两边都有改动",
+			partUnsaved: "待保存",
 			lastCheck: "上次检查：{at}",
 			neverChecked: "尚未检查过",
 			lastSync: "上次同步：{at}",
@@ -1422,6 +1493,7 @@ window.__ModuleLoader__.load({
 			pendingInstallAction: "安装",
 			installOk: "安装完成。",
 			installFailed: "安装未成功，请看下面的输出。",
+			outputClose: "关闭",
 			confirmRestore: "用服务器上的配置覆盖本机？本机现在的配置会先另存一份，之后可以撤销。",
 			confirmUpload: "用本机配置覆盖服务器上的文件？服务器上现有的文件会先另存一份。",
 			confirmOff: "关闭同步？服务器上的文件不会被删除。",
@@ -1440,6 +1512,8 @@ window.__ModuleLoader__.load({
 			dirPlaceholder: "这个目录的绝对路径",
 			dirRemove: "移除",
 			dirProblem: "「{path}」这个目录没读成：{message}",
+			keyProblem: "「{ref}」这个 API 密钥没读成：{message}",
+			keyStoreProblem: "本机存的 API 密钥没读成：{message}",
 			relayLegend: "本机转发",
 			relayEnable: "启用本机转发",
 			relayListening: "正在转发",
@@ -1479,18 +1553,19 @@ window.__ModuleLoader__.load({
 			partsLegend: "What is synced",
 			partModels: "Model providers and models",
 			partModelsHint: "Which providers there are, what models each offers, and where their API keys come from.",
-			partDefaults: "Default model",
-			partDefaultsHint: "Which provider and model a new session starts on.",
 			partPlugins: "Installed plugins",
 			partPluginsHint: "Which plugins are installed and in what order they load. The packages themselves stay behind: each computer installs them.",
 			partPatch: "Other profile configuration",
 			partPatchHint: "MCP servers, permission presets, interface settings, insert blocks, and the rest.",
+			partKeys: "API keys",
+			partKeysHint: "The API keys stored on this computer, travelling with the providers that name them; when both sides changed, this computer’s copy wins, and no sync ever deletes a key. They are sealed with the passphrase before the file leaves this computer.",
 			partDirs: "Extra directories",
 			partDirsHint: "Directories outside the profile, carried with the files inside them; the paths travel with this configuration, and a restore writes back into the same directory.",
 			partSynced: "In step",
 			partOnlyHere: "Changed here only",
 			partOnlyThere: "Changed on the server only",
 			partBoth: "Changed on both",
+			partUnsaved: "Not saved yet",
 			lastCheck: "Last check: {at}",
 			neverChecked: "Never checked yet",
 			lastSync: "Last sync: {at}",
@@ -1518,6 +1593,7 @@ window.__ModuleLoader__.load({
 			pendingInstallAction: "Install",
 			installOk: "Installed.",
 			installFailed: "The install did not finish; the output is below.",
+			outputClose: "Close",
 			confirmRestore: "Take the server’s setup over this computer’s? What is here now is kept aside first, so it can be undone.",
 			confirmUpload: "Write this computer’s setup over the file on the server? The file there is kept aside first.",
 			confirmOff: "Stop syncing? The file on the server is not deleted.",
@@ -1536,6 +1612,8 @@ window.__ModuleLoader__.load({
 			dirPlaceholder: "Absolute path of the directory",
 			dirRemove: "Remove",
 			dirProblem: "Could not read the directory {path}: {message}",
+			keyProblem: "Could not read the API key {ref}: {message}",
+			keyStoreProblem: "Could not read the stored API keys: {message}",
 			relayLegend: "Forwarding on this computer",
 			relayEnable: "Forward for other programs on this computer",
 			relayListening: "Forwarding",

package/lib/dirs.d.ts

@@ -2,7 +2,7 @@
  * The extra directories: reading them into the `dirs` part, and writing that
  * part back out.
  *
- * The four profile parts are read from two files whose shape this plugin already
+ * The profile parts are read from two files whose shape this plugin already
  * knows. This one is different in three ways, and each of them shapes the code
  * below:
  *

package/lib/dirs.js

@@ -2,7 +2,7 @@
  * The extra directories: reading them into the `dirs` part, and writing that
  * part back out.
  *
- * The four profile parts are read from two files whose shape this plugin already
+ * The profile parts are read from two files whose shape this plugin already
  * knows. This one is different in three ways, and each of them shapes the code
  * below:
  *

package/lib/engine.d.ts

@@ -13,27 +13,44 @@
  * with 409, a write that went out without the server checking its version, a body
  * a relay cut in half.
  */
-import { type Bundle, type CheckResult, type ConfigView, type Part, type PartHashes, type PreviewResult, type StatusResult, type SyncConfig, type SyncResult } from './wire.js';
+import { type Bundle, type CheckResult, type ConfigView, type Part, type PartHashes, type KeyProblem, type PreviewResult, type StatusResult, type SyncConfig, type SyncResult } from './wire.js';
 import { type DirsRead } from './dirs.js';
 import { missingPlugins, type Collected, type ManifestFile, type PatchFile } from './store.js';
 import { loadConfig, sameAccount, saveConfig, usable } from './state.js';
 import type { ResolvedPaths } from './paths.js';
+import { type KeysPort } from './keys.js';
 /** One read of this computer's setup, with the files it came from. */
 interface Snapshot {
     patch: PatchFile;
     manifest: ManifestFile;
-    /** The four parts that come out of the profile's own two files. */
+    /** The parts that come out of the profile's own two files, plus the keys. */
     parts: Collected;
     /** The extra directories, walked from disk, with whatever could not be read. */
     dirs: DirsRead;
+    /**
+     * Credential references this read could not resolve, with the reason.
+     *
+     * Kept on the snapshot rather than inside `parts` for the same reason the
+     * directories keep theirs beside the part: a store that cannot be read must not
+     * travel as "this computer has no keys". See {@link readKeys}.
+     */
+    keysProblems: KeyProblem[];
 }
 /** Everything a sync needs, resolved once. */
 export interface Engine {
     paths: ResolvedPaths;
     config: SyncConfig;
+    /**
+     * The host's credential store, absent on a host without one.
+     *
+     * Carried on the engine for the same reason the paths are: it is the one thing
+     * a call needs that no configuration can say. Absent is a working state — the
+     * `keys` part then has nothing to read and nothing to write, and says so.
+     */
+    credentials?: KeysPort | undefined;
 }
-/** The engine for a profile directory and a configuration. */
-export declare function engineFor(paths: ResolvedPaths, config: SyncConfig): Engine;
+/** The engine for a profile directory, a configuration, and the host's credential store. */
+export declare function engineFor(paths: ResolvedPaths, config: SyncConfig, credentials?: KeysPort | undefined): Engine;
 /**
  * Run one merge.
  *
@@ -89,7 +106,7 @@ export declare function check(engine: Engine): Promise<CheckResult>;
 /** What one sync would do, decided the same way but writing nothing anywhere. */
 export declare function preview(engine: Engine): Promise<PreviewResult>;
 /** Read this computer's setup and the files it came from, in one pass. */
-export declare function take(paths: ResolvedPaths, config: SyncConfig): Promise<Snapshot>;
+export declare function take(paths: ResolvedPaths, config: SyncConfig, credentials?: KeysPort | undefined): Promise<Snapshot>;
 /** Per-part hashes of a setup; a part that is not there has none. */
 export declare function hashesOf(parts: Partial<Record<Part, unknown>> | Bundle): PartHashes;
 /** Whether two sets of part hashes describe the same setup. */