feat(ui): streamline workspace settings and remove sharing

Unify compact workspace controls and panel transitions, move directory actions into the context menu, and remove backlink UI.

Reorganize settings with searchable sections, per-setting resets, shortcut search, and accurate save feedback.

Remove sharing UI, APIs, authentication helpers, and storage code; provide a transactional cleanup script with retirement tests. Reject directories during orphan image cleanup and cover mixed-batch preservation.

web/src/themes/base.css

@@ -10,14 +10,22 @@
   --rm-font-mono: 'JetBrains Mono', ui-monospace, monospace;
   --rm-font-size: 16px;
   /* 界面排版独立于正文；辅助文字随界面缩放，但不小于 13px。 */
-  --rm-ui-font-size: 16px;
+  --rm-ui-font-size: 14px;
   --rm-ui-font-small: max(13px, calc(var(--rm-ui-font-size) - 2px));
   --rm-ui-font-caption: max(13px, calc(var(--rm-ui-font-size) - 3px));
   --rm-ui-font-heading: calc(var(--rm-ui-font-size) + 4px);
-  --rm-ui-font-title: calc(var(--rm-ui-font-size) + 12px);
-  --rm-icon-size: calc(var(--rm-ui-font-size) + 4px);
-  --rm-control-size: max(40px, calc(var(--rm-ui-font-size) + 24px));
-  --rm-control-compact: max(32px, calc(var(--rm-ui-font-size) + 16px));
+  --rm-ui-font-title: calc(var(--rm-ui-font-size) + 8px);
+  --rm-ui-line-height: 1.5;
+  --rm-icon-size: max(16px, calc(var(--rm-ui-font-size) + 2px));
+  --rm-control-size: max(32px, calc(var(--rm-ui-font-size) + 18px));
+  --rm-control-compact: max(28px, calc(var(--rm-ui-font-size) + 14px));
+  --rm-space-1: 4px;
+  --rm-space-2: 8px;
+  --rm-space-3: 12px;
+  --rm-space-4: 16px;
+  --rm-space-6: 24px;
+  --rm-panel-duration: 220ms;
+  --rm-panel-easing: cubic-bezier(0.2, 0, 0, 1);
   --rm-header-height: calc(var(--rm-ui-font-size) + 48px);
   --rm-line-height: 1.75;
   --rm-content-width: 760px;
@@ -99,7 +107,7 @@ body {
   font-family: var(--rm-font-text);
 }
 
-body { font-size: var(--rm-ui-font-size); line-height: 1.5; }
+body { font-size: var(--rm-ui-font-size); line-height: var(--rm-ui-line-height); }
 button, input, select, textarea { font: inherit; }
 .rm-icon { flex: none; width: var(--rm-icon-size); height: var(--rm-icon-size); }
 @media (pointer: coarse), (max-width: 767px) {
@@ -335,27 +343,27 @@ button, input, select, textarea { font: inherit; }
 .cm-line.cm-rm-frontmatter-begin { border-radius: 6px 6px 0 0; padding-top: 4px; }
 .cm-line.cm-rm-frontmatter-end { border-radius: 0 0 6px 6px; padding-bottom: 4px; }
 
-/* 浅色编辑排版与分享共用同一套 Prism token 颜色。 */
-:root:not([data-rm-color-mode="dark"]) :is(.cm-rm-code, .rm-share-content pre) .token { text-shadow: none; background: none; }
-:root:not([data-rm-color-mode="dark"]) :is(.cm-rm-code, .rm-share-content pre) :is(.comment,.prolog,.doctype,.cdata) { color: #94a3b8; }
-:root:not([data-rm-color-mode="dark"]) :is(.cm-rm-code, .rm-share-content pre) :is(.punctuation,.operator) { color: #64748b; }
-:root:not([data-rm-color-mode="dark"]) :is(.cm-rm-code, .rm-share-content pre) :is(.keyword,.atrule,.tag) { color: #7c3aed; }
-:root:not([data-rm-color-mode="dark"]) :is(.cm-rm-code, .rm-share-content pre) :is(.string,.char,.attr-value,.builtin) { color: #059669; }
-:root:not([data-rm-color-mode="dark"]) :is(.cm-rm-code, .rm-share-content pre) :is(.function,.class-name) { color: #2563eb; }
-:root:not([data-rm-color-mode="dark"]) :is(.cm-rm-code, .rm-share-content pre) :is(.number,.boolean,.constant) { color: #d97706; }
+/* 浅色编辑器的 Prism token 颜色。 */
+:root:not([data-rm-color-mode="dark"]) .cm-rm-code .token { text-shadow: none; background: none; }
+:root:not([data-rm-color-mode="dark"]) .cm-rm-code :is(.comment,.prolog,.doctype,.cdata) { color: #94a3b8; }
+:root:not([data-rm-color-mode="dark"]) .cm-rm-code :is(.punctuation,.operator) { color: #64748b; }
+:root:not([data-rm-color-mode="dark"]) .cm-rm-code :is(.keyword,.atrule,.tag) { color: #7c3aed; }
+:root:not([data-rm-color-mode="dark"]) .cm-rm-code :is(.string,.char,.attr-value,.builtin) { color: #059669; }
+:root:not([data-rm-color-mode="dark"]) .cm-rm-code :is(.function,.class-name) { color: #2563eb; }
+:root:not([data-rm-color-mode="dark"]) .cm-rm-code :is(.number,.boolean,.constant) { color: #d97706; }
 .cm-line:is(.cm-rm-h1,.cm-rm-h2,.cm-rm-h3,.cm-rm-h4,.cm-rm-h5,.cm-rm-h6) { font-family: var(--rm-font-heading); font-weight: 600; }
 .cm-line.cm-rm-h1 { font-size: 2.125em; line-height: 1.4; }
 .cm-line.cm-rm-h2 { font-size: 1.5em; line-height: 1.5; }
-.cm-editor .cm-content { padding-top: 36px; }
+.cm-editor .cm-content { padding-top: 16px; }
 .cm-rm-code-lang { font-family: var(--rm-font-mono); }
 .cm-line.cm-rm-code-begin::before { border-top: 1px solid var(--rm-divider); }
 .cm-line.cm-rm-code-end::before { border-bottom: 1px solid var(--rm-divider); }
 .cm-line.cm-rm-paragraph-end { padding-bottom: var(--rm-paragraph-spacing); }
 @media (max-width: 767px) {
   :root:not([data-rm-color-mode="dark"]) { --rm-code-bg: #283044; --rm-code-text: #eef0ff; }
-  :root:not([data-rm-color-mode="dark"]) :is(.cm-rm-code, .rm-share-content pre) :is(.keyword,.atrule,.tag) { color: #c4b5fd; }
-  :root:not([data-rm-color-mode="dark"]) :is(.cm-rm-code, .rm-share-content pre) :is(.string,.char,.attr-value,.builtin) { color: #6ee7b7; }
-  :root:not([data-rm-color-mode="dark"]) :is(.cm-rm-code, .rm-share-content pre) :is(.function,.class-name) { color: #93c5fd; }
-  :root:not([data-rm-color-mode="dark"]) :is(.cm-rm-code, .rm-share-content pre) :is(.number,.boolean,.constant) { color: #fcd34d; }
+  :root:not([data-rm-color-mode="dark"]) .cm-rm-code :is(.keyword,.atrule,.tag) { color: #c4b5fd; }
+  :root:not([data-rm-color-mode="dark"]) .cm-rm-code :is(.string,.char,.attr-value,.builtin) { color: #6ee7b7; }
+  :root:not([data-rm-color-mode="dark"]) .cm-rm-code :is(.function,.class-name) { color: #93c5fd; }
+  :root:not([data-rm-color-mode="dark"]) .cm-rm-code :is(.number,.boolean,.constant) { color: #fcd34d; }
   .cm-line.cm-rm-h1 { font-size: 1.75em; }
 }

web/src/themes/typography.test.ts

@@ -5,8 +5,8 @@ import { applyDisplaySettings, DISPLAY_DEFAULTS, sanitizeDisplaySettings } from
 afterEach(() => document.documentElement.removeAttribute('style'))
 
 describe('界面与正文排版设置', () => {
-  it('旧设置缺少界面字号时使用 16px，保留正文字号', () => {
-    expect(sanitizeDisplaySettings({ fontSize: 24 })).toMatchObject({ uiFontSize: 16, fontSize: 24 })
+  it('旧设置缺少界面字号时使用 14px，保留正文字号', () => {
+    expect(sanitizeDisplaySettings({ fontSize: 24 })).toMatchObject({ uiFontSize: 14, fontSize: 24 })
   })
 
   it.each([14, 16, 20])('接受范围内的整数界面字号 %s', uiFontSize => {
@@ -14,7 +14,7 @@ describe('界面与正文排版设置', () => {
   })
 
   it.each([13, 21, 16.5, '18', null, Number.NaN, Number.POSITIVE_INFINITY])('拒绝非法界面字号 %s', uiFontSize => {
-    expect(sanitizeDisplaySettings({ uiFontSize }).uiFontSize).toBe(16)
+    expect(sanitizeDisplaySettings({ uiFontSize }).uiFontSize).toBe(14)
   })
 
   it('应用界面字号不改变正文、代码字体和正文宽度', () => {
@@ -27,7 +27,7 @@ describe('界面与正文排版设置', () => {
     expect(style.getPropertyValue('--rm-font-editor')).toContain('Noto Serif SC')
     expect(style.getPropertyValue('--rm-font-mono')).toBe('ui-monospace, monospace')
     applyDisplaySettings({ ...display, uiFontSize: DISPLAY_DEFAULTS.uiFontSize })
-    expect(style.getPropertyValue('--rm-ui-font-size')).toBe('16px')
+    expect(style.getPropertyValue('--rm-ui-font-size')).toBe('14px')
     expect(style.getPropertyValue('--rm-font-size')).toBe('24px')
   })
 })

web/src/themes/typography.ts

@@ -1,4 +1,4 @@
-// 编辑器和只读分享共用可公开的排版设置；账户、快捷键等设置不进入此模块。
+// 编辑器排版设置；账户、快捷键等设置不进入此模块。
 export const TEXT_FONTS = {
   sans: { label: 'Manrope · 清晰无衬线', css: "'Manrope', 'PingFang SC', 'Microsoft YaHei', sans-serif" },
   serif: { label: 'Noto Serif SC · 思源宋体', css: "'Noto Serif SC', 'Source Han Serif SC', serif" },
@@ -8,7 +8,7 @@ export const CODE_FONTS = {
   jetbrains: { label: 'JetBrains Mono', css: "'JetBrains Mono', ui-monospace, monospace" },
   system: { label: '系统等宽字体', css: 'ui-monospace, monospace' },
 }
-export const UI_FONT_SIZE = { min: 14, max: 20, default: 16 }
+export const UI_FONT_SIZE = { min: 14, max: 20, default: 14 }
 export const DISPLAY_DEFAULTS = { uiFontSize: UI_FONT_SIZE.default, fontSize: 16, contentWidth: 760, textFont: 'sans' as keyof typeof TEXT_FONTS, codeFont: 'jetbrains' as keyof typeof CODE_FONTS, lineHeight: 1.75, paragraphSpacing: 16, glassOpacity: .75 }
 export type DisplaySettings = typeof DISPLAY_DEFAULTS
 export function sanitizeDisplaySettings(raw: Record<string, unknown>): DisplaySettings {