dsh-cuigengji-plugin 0.4.2 → 0.4.4

package/src/client/visual.ts

@@ -1,161 +1,161 @@
-/** The approved reading-first design. Host tokens retain light/dark integration. */
-export const visualStyles = `
-.cuigengji { --cg-paper:var(--dsw-alias-bg-base,#ffffff); --cg-ink:var(--dsw-alias-label-primary,#252936); --cg-muted:var(--dsw-alias-label-secondary,#737780); --cg-line:var(--dsw-alias-border-l1,#dde0e6); --cg-accent:var(--dsw-alias-state-business-primary,#4d6bfe); --cg-wash:color-mix(in srgb,var(--cg-accent) 7%,var(--cg-paper)); --dsw-focus-ring-color:var(--cg-accent); color:var(--cg-ink); }
-.cuigengji:not(dialog) { background:var(--cg-paper); }
-.cuigengji button,.cuigengji summary,.cuigengji select { transition:background 120ms,border-color 120ms,color 120ms; }
-.cuigengji button,.cuigengji input,.cuigengji textarea,.cuigengji select {border-color:var(--cg-line);}
-.cuigengji button:not(:disabled):hover,.cuigengji .menu>summary:hover {background:var(--cg-wash);}
-.cuigengji button.primary:hover {background:var(--cg-accent);}
-.cuigengji .primary {background:var(--cg-accent);color:var(--dsw-alias-label-on-color,#fff);}
-.cuigengji .workbench-header {display:flex;align-items:center;gap:24px;padding:8px 24px;flex-wrap:wrap;}
-.cuigengji .identity {flex:1;min-width:230px;padding:0;}
-.cuigengji .workbench-header nav {order:2;width:100%;}
-.cuigengji nav button {padding:9px 6px;}
-.cuigengji .book-picker {font-size:16px;max-width:280px;}
-.cuigengji .app-actions {display:flex;margin-left:auto;gap:4px;}
-.cuigengji .app-actions button {border:0;background:none;color:var(--cg-muted);font-size:12px;}
-.cuigengji .module-heading {padding:16px 24px 12px;}
-.cuigengji .module-toolbar {display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
-.cuigengji .module-toolbar h2 {margin:0;font-size:17px;font-weight:600;}
-.cuigengji .module-search {width:180px;min-width:90px;max-width:280px;flex:1;margin-left:auto;border-color:transparent;background:transparent;font-size:12px;}
-.cuigengji .module-search:focus {border-color:var(--cg-line);}
-.cuigengji .module-toolbar>.primary {white-space:nowrap;}
-.cuigengji .module-toolbar .segmented {font-size:12px;}
-.cuigengji .filter-strip {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;}
-.cuigengji .group-toolbar {display:contents;}
-.cuigengji .filter-control {position:relative;display:flex;align-items:center;gap:8px;border:1px solid var(--cg-line);border-radius:7px;background:var(--cg-paper);padding:0 10px;height:36px;min-width:0;margin:0;color:var(--cg-muted);max-width:260px;}
-.cuigengji .filter-control:focus-within {outline:2px solid var(--cg-accent);outline-offset:2px;}
-.cuigengji .filter-control.is-active {background:var(--cg-wash);border-color:color-mix(in srgb,var(--cg-accent) 45%,var(--cg-line));color:var(--cg-accent);}
-.cuigengji .filter-prefix {font-size:10px;border-right:1px solid var(--cg-line);padding-right:8px;white-space:nowrap;}
-.cuigengji .filter-control select {appearance:none;background:transparent;color:inherit;border:0;border-radius:0;outline:none;font-size:12px;padding:0 20px 0 0;height:100%;max-width:150px;min-width:0;text-overflow:ellipsis;}
-.cuigengji .filter-control option {background:var(--cg-paper);color:var(--cg-ink);}
-.cuigengji .filter-chevron {position:absolute;right:12px;width:5px;height:5px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);pointer-events:none;margin-top:-3px;}
-.cuigengji .group-new {color:var(--cg-accent);border-color:transparent;background:transparent;font-size:12px;white-space:nowrap;}
-.cuigengji .scope-count {color:var(--cg-muted);font-size:11px;margin-left:auto;}
-.cuigengji .clear-filter {border:0;font-size:11px;color:var(--cg-accent);padding:4px;background:transparent;}
-.cuigengji .memory-workspace {flex:1;display:flex;flex-direction:column;min-height:0;position:relative;}
-.cuigengji .memory-layout {flex:1;min-height:0;gap:0;}
-.cuigengji .memory-overview {display:flex;flex-direction:column;min-height:0;}
-.cuigengji .library-list,.cuigengji .planning-list {padding:12px 28px 32px;overflow:auto;flex:1;}
-.cuigengji .library-entry {display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--cg-line);border-radius:0;background:transparent;padding:22px 2px;}
-.cuigengji .entry-heading {display:flex;align-items:center;gap:12px;justify-content:space-between;}
-.cuigengji .library-entry strong,.cuigengji .planning-list .planning-title {font-size:17px;font-weight:600;}
-.cuigengji .library-entry small {font-size:11px;color:var(--cg-muted);}
-.cuigengji .library-entry p,.cuigengji .planning-list .card>p {font-size:13px;color:var(--cg-muted);line-height:1.8;margin:8px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
-.cuigengji .planning-list .card {padding:20px 2px;}
-.cuigengji .planning-list .planning-title {padding:0;min-height:28px;}
-.cuigengji .planning-directory {display:none;}
-.cuigengji .overview-page {display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;overflow:hidden;}
-.cuigengji .overview-page[hidden] {display:none;}
-.cuigengji .detail-page {display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;width:100%;overflow:hidden;animation:cg-arrive 150ms ease-out;}
-.cuigengji .detail-bar {display:flex;align-items:center;gap:12px;padding:10px 24px;flex:none;border-bottom:1px solid var(--cg-line);}
-.cuigengji .detail-back {border:0;background:none;font-size:12px;color:var(--cg-muted);margin:0;padding-left:0;}
-.cuigengji .detail-actions {display:flex;align-items:center;gap:8px;margin-left:auto;}
-.cuigengji .detail-actions button {font-size:12px;}
-.cuigengji .detail-scroll {flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:24px clamp(24px,5cqw,64px) 48px;}
-.cuigengji .detail-document {max-width:680px;margin-inline:auto;}
-.cuigengji .library-entry.selected,.cuigengji .planning-list .card.selected {background:var(--cg-wash);}
-.cuigengji .chapter-main .manuscript {max-width:none;margin-inline:0;}
-.cuigengji .planning-detail h2,.cuigengji .memory-detail h2 {font-family:Georgia,'Noto Serif SC','SimSun',serif;font-size:28px;letter-spacing:.025em;font-weight:600;line-height:1.5;}
-.cuigengji .document-summary {color:var(--cg-muted);font-size:15px;line-height:1.9;white-space:pre-wrap;margin:20px 0 30px;}
-.cuigengji .document-summary:empty {display:none;}
-.cuigengji .document-body {white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.95;padding:0;margin:0 0 32px;}
-.cuigengji .document-fields>label {font-size:12px;color:var(--cg-muted);margin:18px 0;}
-.cuigengji .document-fields>label:has(input),.cuigengji .document-fields>label:has(textarea) {gap:12px;}
-.cuigengji .document-fields input,.cuigengji .document-fields textarea {border:0;border-radius:0;background:transparent;color:var(--cg-ink);padding:4px 0;box-shadow:none;}
-.cuigengji .document-fields input {font-family:Georgia,'Noto Serif SC','SimSun',serif;font-size:27px;font-weight:600;}
-.cuigengji .document-fields textarea {font-size:15px;min-height:80px;line-height:1.95;}
-.cuigengji .document-fields textarea.prose {font-size:17px;min-height:320px;}
-.cuigengji .document-fields small {font-weight:400;opacity:.7;}
-.cuigengji .document-fields input:focus-visible,.cuigengji .document-fields textarea:focus-visible {outline:0;box-shadow:-3px 0 0 -1px var(--cg-accent);padding-left:10px;}
-.cuigengji .flow-context {background:transparent;border-top:1px solid var(--cg-line);padding:20px 0;margin-top:28px;}
-.cuigengji .section-fold {font-size:12px;border-color:var(--cg-line);}
-.cuigengji .section-fold>summary {font-weight:500;color:var(--cg-muted);}
-.cuigengji .related-entry {display:flex;flex-wrap:wrap;align-items:center;gap:8px;border-top:1px solid var(--cg-line);padding:10px 0;}
-.cuigengji .related-entry button {border:0;background:transparent;font-size:12px;}
-.cuigengji .related-entry button:last-child {margin-left:auto;}
-.cuigengji .related-entry small {color:var(--cg-muted);}
-.cuigengji .related-entry p {flex-basis:100%;font-size:12px;line-height:1.8;margin:0;}
-.cuigengji .canvas-tools {padding:6px 24px;gap:6px;margin:0;background:var(--cg-paper);}
-.cuigengji .canvas-tools button,.cuigengji .canvas-tools summary {font-size:12px;background:transparent;}
-.cuigengji .zoom-controls {display:flex;margin-left:auto;gap:2px;}
-.cuigengji .zoom-controls button {border:0;min-width:30px;}
-.cuigengji .planning-canvas-scroll {background-color:var(--cg-paper);background-image:radial-gradient(circle,color-mix(in srgb,var(--cg-muted) 22%,transparent) 1px,transparent 1px);background-size:24px 24px;}
-.cuigengji .planning-card {width:224px;height:156px;border:1px solid var(--cg-line);border-radius:9px;padding:12px 14px;box-shadow:0 3px 10px #00000005;background:var(--cg-paper);}
-.cuigengji .planning-card .planning-title {font-size:15px;padding:4px 0;}
-.cuigengji .planning-card p {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;line-height:1.7;color:var(--cg-muted);}
-.cuigengji .planning-card .drag-handle {font-size:10px;height:14px;}
-.cuigengji .drag-handle span {visibility:hidden;}
-.cuigengji .planning-card:hover .drag-handle span {visibility:visible;}
-.cuigengji .planning-card.selected,.cuigengji .planning-card.connect-source {outline:1px solid var(--cg-accent);background:var(--cg-wash);}
-.cuigengji .planning-state {font-size:10px;margin-top:6px;}
-.cuigengji .planning-group-frame {border-color:color-mix(in srgb,var(--cg-accent) 18%,transparent);background:color-mix(in srgb,var(--cg-accent) 2%,transparent);}
-.cuigengji .relation-label {position:absolute;width:180px;z-index:2;padding:6px 10px;border-radius:7px;background:var(--cg-paper);font-size:11px;text-align:center;}
-.cuigengji .relation-label .edge-label-content {border:0;padding:0;min-height:0;display:block;width:100%;font-size:11px;background:none;}
-.cuigengji .relation-label strong {display:block;font-size:11px;font-weight:500;color:var(--cg-accent);}
-.cuigengji .relation-label span {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6;color:var(--cg-muted);}
-.cuigengji .relation-label.expanded {z-index:4;box-shadow:0 5px 20px #0002;}
-.cuigengji .relation-label.expanded span {-webkit-line-clamp:unset;max-height:240px;overflow:auto;white-space:pre-wrap;}
-.cuigengji .relation-label .expand-edge {border:0;min-height:20px;padding:0;font-size:10px;color:var(--cg-accent);}
-.cuigengji .creation {display:flex;flex-direction:column;flex:1;min-height:0;animation:cg-arrive 150ms ease-out;}
-.cuigengji .creation-bar {display:flex;align-items:center;gap:12px;padding:14px 24px;border-bottom:1px solid var(--cg-line);flex:none;}
-.cuigengji .creation-bar>button:first-child {border:0;background:none;}
-.cuigengji .creation-scroll {flex:1;min-height:0;overflow:auto;padding:32px 32px 60px;}
-.cuigengji .creation-document {max-width:680px;margin:auto;}
-.cuigengji .creation-context {border-left:2px solid var(--cg-accent);padding-left:12px;color:var(--cg-accent);font-size:12px;}
-.cuigengji .creation-settings {display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--cg-line);}
-.cuigengji .creation-settings label {display:flex;align-items:center;gap:8px;font-size:12px;min-width:0;}
-.cuigengji .creation-settings select {max-width:240px;border:0;}
-.cuigengji .creation-settings button {border:0;color:var(--cg-accent);background:none;font-size:12px;}
-.cuigengji .chapter-directory {background:color-mix(in srgb,var(--cg-ink) 2%,var(--cg-paper));}
-.cuigengji .manuscript {line-height:var(--prose-leading,1.95);}
-.cuigengji .directory-foot {border-top:1px solid var(--cg-line);font-size:11px;color:var(--cg-muted);padding:16px 8px;margin-top:18px;}
-.cuigengji .utility-modal {color:var(--cg-ink);width:min(600px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:0;border:1px solid var(--cg-line);border-radius:12px;background:var(--cg-paper);box-shadow:0 18px 60px #0003;overflow:auto;overscroll-behavior:contain;container:cg-utility / inline-size;-webkit-app-region:no-drag;}
-.cuigengji .utility-modal::backdrop {background:#17203355;backdrop-filter:blur(2px);}
-.cuigengji .utility-head {position:sticky;top:0;background:var(--cg-paper);display:flex;align-items:center;justify-content:space-between;padding:18px 28px 14px;border-bottom:1px solid var(--cg-line);z-index:1;}
-.cuigengji .utility-head h2 {margin:0;font-size:22px;}
-.cuigengji .utility-head button {border:0;background:none;font-size:24px;width:40px;height:40px;padding:0;flex:none;-webkit-app-region:no-drag;}
-.cuigengji .utility-content {padding:4px 28px 24px;}
-.cuigengji .preference-section {padding:16px 0;border-bottom:1px solid var(--cg-line);}
-.cuigengji .preference-section h3 {font-size:13px;margin:0 0 12px;}
-.cuigengji .preference-section .split {grid-template-columns:1fr 1fr;}
-.cuigengji .reading-preview {padding:18px 20px;border-radius:8px;background:var(--cg-wash);}
-.cuigengji .reading-preview small {color:var(--cg-muted);font-size:10px;}
-.cuigengji .reading-preview p {margin:10px 0 0;}
-.cuigengji .preference-row {display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;font-size:13px;}
-.cuigengji .preference-row select {width:154px;max-width:52%;}
-.cuigengji .utility-footer {display:flex;align-items:center;gap:16px;padding-top:20px;flex-wrap:wrap;}
-.cuigengji .utility-footer button {border:0;background:none;color:var(--cg-accent);}
-.cuigengji .utility-footer small {color:var(--cg-muted);font-size:11px;}
-.cuigengji .about-overview {display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:18px 24px;align-items:center;padding:26px 0;}
-.cuigengji .about-identity {display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
-.cuigengji .about-identity h2 {font-size:28px;margin:0;}
-.cuigengji .about-version {font-size:11px;color:var(--cg-muted);border:1px solid var(--cg-line);border-radius:6px;padding:2px 6px;white-space:nowrap;}
-.cuigengji .about-tagline {font-size:17px;line-height:1.7;margin:12px 0 0;max-width:17em;}
-.cuigengji .about-sticker {display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:14px;background:#fff;}
-.cuigengji .about-description {grid-column:1 / -1;font-size:13px;color:var(--cg-muted);line-height:1.9;margin:0;}
-.cuigengji .about-contacts {border-top:1px solid var(--cg-line);}
-.cuigengji .about-contact {display:grid;grid-template-columns:64px minmax(0,1fr) 20px;gap:12px;align-items:center;min-height:58px;width:100%;padding:14px 4px;border:0;border-bottom:1px solid var(--cg-line);border-radius:0;background:none;color:var(--cg-ink);font:inherit;text-align:left;text-decoration:none;transition:background 120ms;}
-.cuigengji .about-contact:hover {background:var(--cg-wash);}
-.cuigengji .about-contact:focus-visible {outline:2px solid var(--cg-accent);outline-offset:2px;border-radius:4px;}
-.cuigengji .about-contact-label {font-size:12px;color:var(--cg-muted);}
-.cuigengji .about-contact strong {font-size:14px;font-weight:500;overflow-wrap:anywhere;}
-.cuigengji .about-contact-mark {font-size:17px;color:var(--cg-accent);text-align:center;}
-.cuigengji .about-copy-status {min-height:18px;margin:8px 4px 0;font-size:11px;color:var(--cg-accent);}
-.cuigengji .about-welcome {padding:8px 0 0;}
-.cuigengji .about-welcome p {font-size:12px;color:var(--cg-muted);line-height:1.9;margin:0;}
-.cuigengji .about-welcome p:first-child {color:var(--cg-ink);margin-bottom:4px;}
-.cuigengji .chapter-settings-panel {width:min(230px,76vw);}
-.cuigengji .chapter-settings-panel label {margin:4px 4px 10px;font-size:12px;color:var(--cg-muted);}
-.cuigengji .chapter-settings-panel select {width:100%;color:var(--cg-ink);}
-.cuigengji .chapter-settings-panel button {border:0;background:none;}
-@container cg-utility (max-width:420px){.cuigengji .about-overview {grid-template-columns:minmax(0,1fr) 88px;gap:18px 12px;padding:22px 0;}.cuigengji .about-identity {gap:8px;}.cuigengji .about-identity h2 {font-size:26px;}.cuigengji .about-tagline {font-size:15px;margin-top:10px;}.cuigengji .about-contact {grid-template-columns:52px minmax(0,1fr) 16px;gap:10px;}.cuigengji .about-contact strong {font-size:13px;}}
-@container(min-width:760px){.cuigengji .workbench-header {display:grid;grid-template-columns:minmax(130px,1fr) auto auto;gap:20px;padding:8px 24px;}.cuigengji .identity,.cuigengji .header-row {display:contents;}.cuigengji .book-picker {grid-column:1;grid-row:1;width:100%;}.cuigengji .workbench-header nav {grid-column:2;grid-row:1;width:auto;gap:20px;order:0;}.cuigengji .workbench-header nav button {min-width:64px;}.cuigengji .header-row>.menu {grid-column:3;grid-row:1;justify-self:start;}.cuigengji .app-actions {grid-column:3;grid-row:1;padding-left:32px;}.cuigengji .workbench-header .header-row>.menu {z-index:3;}}
-@container(max-width:599px){.cuigengji .workbench-header {padding:6px 16px;gap:6px;}.cuigengji .module-heading {padding:12px 16px;}.cuigengji .module-toolbar {gap:6px;}.cuigengji .module-toolbar h2 {font-size:15px;}.cuigengji .module-search {order:5;flex-basis:100%;max-width:none;margin:0;}.cuigengji .module-toolbar>.primary,.cuigengji .module-toolbar>.menu:has(.primary) {margin-left:auto;}.cuigengji .filter-prefix {display:none;}.cuigengji .filter-strip {gap:6px;}.cuigengji .filter-control select {max-width:110px;font-size:11px;}.cuigengji .group-new {font-size:11px;padding:4px;}.cuigengji .scope-count {display:none;}.cuigengji .detail-scroll {padding:20px 24px 40px;}.cuigengji .detail-bar {padding:8px 16px;}.cuigengji .creation-scroll {padding:24px;}.cuigengji .creation-bar {padding:12px 16px;}.cuigengji .canvas-tools {padding:6px 16px;}.cuigengji .creation-settings select {max-width:170px;}.cuigengji .utility-head {padding:16px 20px 12px;}.cuigengji .utility-content {padding:4px 20px 20px;}}
+/** The approved reading-first design. Host tokens retain light/dark integration. */
+export const visualStyles = `
+.cuigengji { --cg-paper:var(--dsw-alias-bg-base,#ffffff); --cg-ink:var(--dsw-alias-label-primary,#252936); --cg-muted:var(--dsw-alias-label-secondary,#737780); --cg-line:var(--dsw-alias-border-l1,#dde0e6); --cg-accent:var(--dsw-alias-state-business-primary,#4d6bfe); --cg-wash:color-mix(in srgb,var(--cg-accent) 7%,var(--cg-paper)); --dsw-focus-ring-color:var(--cg-accent); color:var(--cg-ink); }
+.cuigengji:not(dialog) { background:var(--cg-paper); }
+.cuigengji button,.cuigengji summary,.cuigengji select { transition:background 120ms,border-color 120ms,color 120ms; }
+.cuigengji button,.cuigengji input,.cuigengji textarea,.cuigengji select {border-color:var(--cg-line);}
+.cuigengji button:not(:disabled):hover,.cuigengji .menu>summary:hover {background:var(--cg-wash);}
+.cuigengji button.primary:hover {background:var(--cg-accent);}
+.cuigengji .primary {background:var(--cg-accent);color:var(--dsw-alias-label-on-color,#fff);}
+.cuigengji .workbench-header {display:flex;align-items:center;gap:24px;padding:8px 24px;flex-wrap:wrap;}
+.cuigengji .identity {flex:1;min-width:230px;padding:0;}
+.cuigengji .workbench-header nav {order:2;width:100%;}
+.cuigengji nav button {padding:9px 6px;}
+.cuigengji .book-picker {font-size:16px;max-width:280px;}
+.cuigengji .app-actions {display:flex;margin-left:auto;gap:4px;}
+.cuigengji .app-actions button {border:0;background:none;color:var(--cg-muted);font-size:12px;}
+.cuigengji .module-heading {padding:16px 24px 12px;}
+.cuigengji .module-toolbar {display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
+.cuigengji .module-toolbar h2 {margin:0;font-size:17px;font-weight:600;}
+.cuigengji .module-search {width:180px;min-width:90px;max-width:280px;flex:1;margin-left:auto;border-color:transparent;background:transparent;font-size:12px;}
+.cuigengji .module-search:focus {border-color:var(--cg-line);}
+.cuigengji .module-toolbar>.primary {white-space:nowrap;}
+.cuigengji .module-toolbar .segmented {font-size:12px;}
+.cuigengji .filter-strip {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;}
+.cuigengji .group-toolbar {display:contents;}
+.cuigengji .filter-control {position:relative;display:flex;align-items:center;gap:8px;border:1px solid var(--cg-line);border-radius:7px;background:var(--cg-paper);padding:0 10px;height:36px;min-width:0;margin:0;color:var(--cg-muted);max-width:260px;}
+.cuigengji .filter-control:focus-within {outline:2px solid var(--cg-accent);outline-offset:2px;}
+.cuigengji .filter-control.is-active {background:var(--cg-wash);border-color:color-mix(in srgb,var(--cg-accent) 45%,var(--cg-line));color:var(--cg-accent);}
+.cuigengji .filter-prefix {font-size:10px;border-right:1px solid var(--cg-line);padding-right:8px;white-space:nowrap;}
+.cuigengji .filter-control select {appearance:none;background:transparent;color:inherit;border:0;border-radius:0;outline:none;font-size:12px;padding:0 20px 0 0;height:100%;max-width:150px;min-width:0;text-overflow:ellipsis;}
+.cuigengji .filter-control option {background:var(--cg-paper);color:var(--cg-ink);}
+.cuigengji .filter-chevron {position:absolute;right:12px;width:5px;height:5px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);pointer-events:none;margin-top:-3px;}
+.cuigengji .group-new {color:var(--cg-accent);border-color:transparent;background:transparent;font-size:12px;white-space:nowrap;}
+.cuigengji .scope-count {color:var(--cg-muted);font-size:11px;margin-left:auto;}
+.cuigengji .clear-filter {border:0;font-size:11px;color:var(--cg-accent);padding:4px;background:transparent;}
+.cuigengji .memory-workspace {flex:1;display:flex;flex-direction:column;min-height:0;position:relative;}
+.cuigengji .memory-layout {flex:1;min-height:0;gap:0;}
+.cuigengji .memory-overview {display:flex;flex-direction:column;min-height:0;}
+.cuigengji .library-list,.cuigengji .planning-list {padding:12px 28px 32px;overflow:auto;flex:1;}
+.cuigengji .library-entry {display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--cg-line);border-radius:0;background:transparent;padding:22px 2px;}
+.cuigengji .entry-heading {display:flex;align-items:center;gap:12px;justify-content:space-between;}
+.cuigengji .library-entry strong,.cuigengji .planning-list .planning-title {font-size:17px;font-weight:600;}
+.cuigengji .library-entry small {font-size:11px;color:var(--cg-muted);}
+.cuigengji .library-entry p,.cuigengji .planning-list .card>p {font-size:13px;color:var(--cg-muted);line-height:1.8;margin:8px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
+.cuigengji .planning-list .card {padding:20px 2px;}
+.cuigengji .planning-list .planning-title {padding:0;min-height:28px;}
+.cuigengji .planning-directory {display:none;}
+.cuigengji .overview-page {display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;overflow:hidden;}
+.cuigengji .overview-page[hidden] {display:none;}
+.cuigengji .detail-page {display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;width:100%;overflow:hidden;animation:cg-arrive 150ms ease-out;}
+.cuigengji .detail-bar {display:flex;align-items:center;gap:12px;padding:10px 24px;flex:none;border-bottom:1px solid var(--cg-line);}
+.cuigengji .detail-back {border:0;background:none;font-size:12px;color:var(--cg-muted);margin:0;padding-left:0;}
+.cuigengji .detail-actions {display:flex;align-items:center;gap:8px;margin-left:auto;}
+.cuigengji .detail-actions button {font-size:12px;}
+.cuigengji .detail-scroll {flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:24px clamp(24px,5cqw,64px) 48px;}
+.cuigengji .detail-document {max-width:680px;margin-inline:auto;}
+.cuigengji .library-entry.selected,.cuigengji .planning-list .card.selected {background:var(--cg-wash);}
+.cuigengji .chapter-main .manuscript {max-width:none;margin-inline:0;}
+.cuigengji .planning-detail h2,.cuigengji .memory-detail h2 {font-family:Georgia,'Noto Serif SC','SimSun',serif;font-size:28px;letter-spacing:.025em;font-weight:600;line-height:1.5;}
+.cuigengji .document-summary {color:var(--cg-muted);font-size:15px;line-height:1.9;white-space:pre-wrap;margin:20px 0 30px;}
+.cuigengji .document-summary:empty {display:none;}
+.cuigengji .document-body {white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.95;padding:0;margin:0 0 32px;}
+.cuigengji .document-fields>label {font-size:12px;color:var(--cg-muted);margin:18px 0;}
+.cuigengji .document-fields>label:has(input),.cuigengji .document-fields>label:has(textarea) {gap:12px;}
+.cuigengji .document-fields input,.cuigengji .document-fields textarea {border:0;border-radius:0;background:transparent;color:var(--cg-ink);padding:4px 0;box-shadow:none;}
+.cuigengji .document-fields input {font-family:Georgia,'Noto Serif SC','SimSun',serif;font-size:27px;font-weight:600;}
+.cuigengji .document-fields textarea {font-size:15px;min-height:80px;line-height:1.95;}
+.cuigengji .document-fields textarea.prose {font-size:17px;min-height:320px;}
+.cuigengji .document-fields small {font-weight:400;opacity:.7;}
+.cuigengji .document-fields input:focus-visible,.cuigengji .document-fields textarea:focus-visible {outline:0;box-shadow:-3px 0 0 -1px var(--cg-accent);padding-left:10px;}
+.cuigengji .flow-context {background:transparent;border-top:1px solid var(--cg-line);padding:20px 0;margin-top:28px;}
+.cuigengji .section-fold {font-size:12px;border-color:var(--cg-line);}
+.cuigengji .section-fold>summary {font-weight:500;color:var(--cg-muted);}
+.cuigengji .related-entry {display:flex;flex-wrap:wrap;align-items:center;gap:8px;border-top:1px solid var(--cg-line);padding:10px 0;}
+.cuigengji .related-entry button {border:0;background:transparent;font-size:12px;}
+.cuigengji .related-entry button:last-child {margin-left:auto;}
+.cuigengji .related-entry small {color:var(--cg-muted);}
+.cuigengji .related-entry p {flex-basis:100%;font-size:12px;line-height:1.8;margin:0;}
+.cuigengji .canvas-tools {padding:6px 24px;gap:6px;margin:0;background:var(--cg-paper);}
+.cuigengji .canvas-tools button,.cuigengji .canvas-tools summary {font-size:12px;background:transparent;}
+.cuigengji .zoom-controls {display:flex;margin-left:auto;gap:2px;}
+.cuigengji .zoom-controls button {border:0;min-width:30px;}
+.cuigengji .planning-canvas-scroll {background-color:var(--cg-paper);background-image:radial-gradient(circle,color-mix(in srgb,var(--cg-muted) 22%,transparent) 1px,transparent 1px);background-size:24px 24px;}
+.cuigengji .planning-card {width:224px;height:156px;border:1px solid var(--cg-line);border-radius:9px;padding:12px 14px;box-shadow:0 3px 10px #00000005;background:var(--cg-paper);}
+.cuigengji .planning-card .planning-title {font-size:15px;padding:4px 0;}
+.cuigengji .planning-card p {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;line-height:1.7;color:var(--cg-muted);}
+.cuigengji .planning-card .drag-handle {font-size:10px;height:14px;}
+.cuigengji .drag-handle span {visibility:hidden;}
+.cuigengji .planning-card:hover .drag-handle span {visibility:visible;}
+.cuigengji .planning-card.selected,.cuigengji .planning-card.connect-source {outline:1px solid var(--cg-accent);background:var(--cg-wash);}
+.cuigengji .planning-state {font-size:10px;margin-top:6px;}
+.cuigengji .planning-group-frame {border-color:color-mix(in srgb,var(--cg-accent) 18%,transparent);background:color-mix(in srgb,var(--cg-accent) 2%,transparent);}
+.cuigengji .relation-label {position:absolute;width:180px;z-index:2;padding:6px 10px;border-radius:7px;background:var(--cg-paper);font-size:11px;text-align:center;}
+.cuigengji .relation-label .edge-label-content {border:0;padding:0;min-height:0;display:block;width:100%;font-size:11px;background:none;}
+.cuigengji .relation-label strong {display:block;font-size:11px;font-weight:500;color:var(--cg-accent);}
+.cuigengji .relation-label span {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6;color:var(--cg-muted);}
+.cuigengji .relation-label.expanded {z-index:4;box-shadow:0 5px 20px #0002;}
+.cuigengji .relation-label.expanded span {-webkit-line-clamp:unset;max-height:240px;overflow:auto;white-space:pre-wrap;}
+.cuigengji .relation-label .expand-edge {border:0;min-height:20px;padding:0;font-size:10px;color:var(--cg-accent);}
+.cuigengji .creation {display:flex;flex-direction:column;flex:1;min-height:0;animation:cg-arrive 150ms ease-out;}
+.cuigengji .creation-bar {display:flex;align-items:center;gap:12px;padding:14px 24px;border-bottom:1px solid var(--cg-line);flex:none;}
+.cuigengji .creation-bar>button:first-child {border:0;background:none;}
+.cuigengji .creation-scroll {flex:1;min-height:0;overflow:auto;padding:32px 32px 60px;}
+.cuigengji .creation-document {max-width:680px;margin:auto;}
+.cuigengji .creation-context {border-left:2px solid var(--cg-accent);padding-left:12px;color:var(--cg-accent);font-size:12px;}
+.cuigengji .creation-settings {display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--cg-line);}
+.cuigengji .creation-settings label {display:flex;align-items:center;gap:8px;font-size:12px;min-width:0;}
+.cuigengji .creation-settings select {max-width:240px;border:0;}
+.cuigengji .creation-settings button {border:0;color:var(--cg-accent);background:none;font-size:12px;}
+.cuigengji .chapter-directory {background:color-mix(in srgb,var(--cg-ink) 2%,var(--cg-paper));}
+.cuigengji .manuscript {line-height:var(--prose-leading,1.95);}
+.cuigengji .directory-foot {border-top:1px solid var(--cg-line);font-size:11px;color:var(--cg-muted);padding:16px 8px;margin-top:18px;}
+.cuigengji .utility-modal {color:var(--cg-ink);width:min(600px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:0;border:1px solid var(--cg-line);border-radius:12px;background:var(--cg-paper);box-shadow:0 18px 60px #0003;overflow:auto;overscroll-behavior:contain;container:cg-utility / inline-size;-webkit-app-region:no-drag;}
+.cuigengji .utility-modal::backdrop {background:#17203355;backdrop-filter:blur(2px);}
+.cuigengji .utility-head {position:sticky;top:0;background:var(--cg-paper);display:flex;align-items:center;justify-content:space-between;padding:18px 28px 14px;border-bottom:1px solid var(--cg-line);z-index:1;}
+.cuigengji .utility-head h2 {margin:0;font-size:22px;}
+.cuigengji .utility-head button {border:0;background:none;font-size:24px;width:40px;height:40px;padding:0;flex:none;-webkit-app-region:no-drag;}
+.cuigengji .utility-content {padding:4px 28px 24px;}
+.cuigengji .preference-section {padding:16px 0;border-bottom:1px solid var(--cg-line);}
+.cuigengji .preference-section h3 {font-size:13px;margin:0 0 12px;}
+.cuigengji .preference-section .split {grid-template-columns:1fr 1fr;}
+.cuigengji .reading-preview {padding:18px 20px;border-radius:8px;background:var(--cg-wash);}
+.cuigengji .reading-preview small {color:var(--cg-muted);font-size:10px;}
+.cuigengji .reading-preview p {margin:10px 0 0;}
+.cuigengji .preference-row {display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;font-size:13px;}
+.cuigengji .preference-row select {width:154px;max-width:52%;}
+.cuigengji .utility-footer {display:flex;align-items:center;gap:16px;padding-top:20px;flex-wrap:wrap;}
+.cuigengji .utility-footer button {border:0;background:none;color:var(--cg-accent);}
+.cuigengji .utility-footer small {color:var(--cg-muted);font-size:11px;}
+.cuigengji .about-overview {display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:18px 24px;align-items:center;padding:26px 0;}
+.cuigengji .about-identity {display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
+.cuigengji .about-identity h2 {font-size:28px;margin:0;}
+.cuigengji .about-version {font-size:11px;color:var(--cg-muted);border:1px solid var(--cg-line);border-radius:6px;padding:2px 6px;white-space:nowrap;}
+.cuigengji .about-tagline {font-size:17px;line-height:1.7;margin:12px 0 0;max-width:17em;}
+.cuigengji .about-sticker {display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:14px;background:#fff;}
+.cuigengji .about-description {grid-column:1 / -1;font-size:13px;color:var(--cg-muted);line-height:1.9;margin:0;}
+.cuigengji .about-contacts {border-top:1px solid var(--cg-line);}
+.cuigengji .about-contact {display:grid;grid-template-columns:64px minmax(0,1fr) 20px;gap:12px;align-items:center;min-height:58px;width:100%;padding:14px 4px;border:0;border-bottom:1px solid var(--cg-line);border-radius:0;background:none;color:var(--cg-ink);font:inherit;text-align:left;text-decoration:none;transition:background 120ms;}
+.cuigengji .about-contact:hover {background:var(--cg-wash);}
+.cuigengji .about-contact:focus-visible {outline:2px solid var(--cg-accent);outline-offset:2px;border-radius:4px;}
+.cuigengji .about-contact-label {font-size:12px;color:var(--cg-muted);}
+.cuigengji .about-contact strong {font-size:14px;font-weight:500;overflow-wrap:anywhere;}
+.cuigengji .about-contact-mark {font-size:17px;color:var(--cg-accent);text-align:center;}
+.cuigengji .about-copy-status {min-height:18px;margin:8px 4px 0;font-size:11px;color:var(--cg-accent);}
+.cuigengji .about-welcome {padding:8px 0 0;}
+.cuigengji .about-welcome p {font-size:12px;color:var(--cg-muted);line-height:1.9;margin:0;}
+.cuigengji .about-welcome p:first-child {color:var(--cg-ink);margin-bottom:4px;}
+.cuigengji .chapter-settings-panel {width:min(230px,76vw);}
+.cuigengji .chapter-settings-panel label {margin:4px 4px 10px;font-size:12px;color:var(--cg-muted);}
+.cuigengji .chapter-settings-panel select {width:100%;color:var(--cg-ink);}
+.cuigengji .chapter-settings-panel button {border:0;background:none;}
+@container cg-utility (max-width:420px){.cuigengji .about-overview {grid-template-columns:minmax(0,1fr) 88px;gap:18px 12px;padding:22px 0;}.cuigengji .about-identity {gap:8px;}.cuigengji .about-identity h2 {font-size:26px;}.cuigengji .about-tagline {font-size:15px;margin-top:10px;}.cuigengji .about-contact {grid-template-columns:52px minmax(0,1fr) 16px;gap:10px;}.cuigengji .about-contact strong {font-size:13px;}}
+@container(min-width:760px){.cuigengji .workbench-header {display:grid;grid-template-columns:minmax(130px,1fr) auto auto;gap:20px;padding:8px 24px;}.cuigengji .identity,.cuigengji .header-row {display:contents;}.cuigengji .book-picker {grid-column:1;grid-row:1;width:100%;}.cuigengji .workbench-header nav {grid-column:2;grid-row:1;width:auto;gap:20px;order:0;}.cuigengji .workbench-header nav button {min-width:64px;}.cuigengji .header-row>.menu {grid-column:3;grid-row:1;justify-self:start;}.cuigengji .app-actions {grid-column:3;grid-row:1;padding-left:32px;}.cuigengji .workbench-header .header-row>.menu {z-index:3;}}
+@container(max-width:599px){.cuigengji .workbench-header {padding:6px 16px;gap:6px;}.cuigengji .module-heading {padding:12px 16px;}.cuigengji .module-toolbar {gap:6px;}.cuigengji .module-toolbar h2 {font-size:15px;}.cuigengji .module-search {order:5;flex-basis:100%;max-width:none;margin:0;}.cuigengji .module-toolbar>.primary,.cuigengji .module-toolbar>.menu:has(.primary) {margin-left:auto;}.cuigengji .filter-prefix {display:none;}.cuigengji .filter-strip {gap:6px;}.cuigengji .filter-control select {max-width:110px;font-size:11px;}.cuigengji .group-new {font-size:11px;padding:4px;}.cuigengji .scope-count {display:none;}.cuigengji .detail-scroll {padding:20px 24px 40px;}.cuigengji .detail-bar {padding:8px 16px;}.cuigengji .creation-scroll {padding:24px;}.cuigengji .creation-bar {padding:12px 16px;}.cuigengji .canvas-tools {padding:6px 16px;}.cuigengji .creation-settings select {max-width:170px;}.cuigengji .utility-head {padding:16px 20px 12px;}.cuigengji .utility-content {padding:4px 20px 20px;}}
 /* A modal reaches the desktop title bar; its controls must override Electron drag regions. */
  .cuigengji .directory-drawer {inset:0 auto 0 0;margin:0;width:min(330px,calc(100vw - 36px));max-width:none;height:100dvh;max-height:100dvh;padding:0;border:0;border-right:1px solid var(--cg-line);background:var(--cg-paper);color:var(--cg-ink);overflow:hidden;-webkit-app-region:no-drag;}
-.cuigengji .directory-drawer[open] {display:flex;flex-direction:column;}
-.cuigengji .drawer-header {display:flex;justify-content:flex-end;flex:none;padding:4px 8px;background:var(--cg-paper);}
+.cuigengji .directory-drawer[open] {display:flex;flex-direction:column;}
+.cuigengji .drawer-header {display:flex;justify-content:flex-end;flex:none;padding:4px 8px;background:var(--cg-paper);}
 .cuigengji .directory-drawer::backdrop {background:#17203355;}
 .cuigengji .chapter-item {position:relative;gap:8px;user-select:none;touch-action:pan-y;}
 .cuigengji .chapter-item>.chapter-grip {flex:none;width:12px;color:var(--cg-muted);font-size:17px;line-height:1;opacity:.3;cursor:grab;touch-action:none;transition:opacity 120ms;}
@@ -169,39 +169,39 @@ export const visualStyles = `
 .cuigengji .chapter-drag-preview>span {color:var(--cg-accent);font-size:17px;}
 .cuigengji .directory-sort-note {display:block;margin-top:4px;color:var(--cg-accent);}
 .cuigengji .directory-sort-error {font-size:12px;line-height:1.7;color:var(--cg-muted);}
-/* A clipped live region still affects scrollable overflow. Anchor it inside the directory. */
-.cuigengji .chapter-sort-live {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
-.cuigengji .directory-drawer .chapter-directory {display:block;width:100%;min-height:0;flex:1;overflow:auto;border:0;background:transparent;padding-top:8px;}
-.cuigengji .drawer-close span {pointer-events:none;}
+/* A clipped live region still affects scrollable overflow. Anchor it inside the directory. */
+.cuigengji .chapter-sort-live {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
+.cuigengji .directory-drawer .chapter-directory {display:block;width:100%;min-height:0;flex:1;overflow:auto;border:0;background:transparent;padding-top:8px;}
+.cuigengji .drawer-close span {pointer-events:none;}
 .cuigengji .drawer-close {display:grid;place-items:center;flex:none;width:44px;height:44px;min-height:44px;padding:0;border:0;background:none;font-size:24px;line-height:1;cursor:pointer;touch-action:manipulation;-webkit-app-region:no-drag;}
 .cuigengji .drawer-close:hover {background:var(--cg-wash);}
-@container(max-width:759px){.cuigengji .show-directory .chapter-main {display:flex;}.cuigengji .directory-drawer .chapter-directory .directory-heading>.icon-button {display:none;}}
-.cuigengji .chapter-item {padding:10px 8px;border-radius:8px;}
-.cuigengji .chapter-item .chapter-open {display:flex;flex-direction:column;align-items:flex-start;gap:3px;flex:1;min-width:0;border:0;background:none;padding:0;text-align:left;font-size:13px;line-height:1.55;}
-.cuigengji .chapter-open>span {overflow-wrap:anywhere;}
-.cuigengji .chapter-open>small {font-size:11px;color:var(--cg-muted);}
-.cuigengji .chapter-item .chapter-row-action {flex:none;display:grid;place-items:center;width:30px;height:32px;min-height:32px;padding:5px;border:0;background:none;color:var(--cg-muted);opacity:0;transition:opacity 120ms;}
-.cuigengji .chapter-row-action svg {width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
-.cuigengji .chapter-item:hover .chapter-row-action,.cuigengji .chapter-item:focus-within .chapter-row-action,.cuigengji .chapter-item.selected .chapter-row-action,.cuigengji .chapter-item.is-deleted .chapter-row-action {opacity:1;}
-.cuigengji .chapter-row-action:hover {color:var(--cg-accent);background:var(--cg-wash);}
-.cuigengji .directory-foot {display:flex;align-items:center;justify-content:space-between;gap:8px;}
-.cuigengji .recycle-entry {display:flex;align-items:center;gap:6px;padding:4px 6px;min-height:30px;border:0;background:none;color:var(--cg-muted);font-size:12px;}
-.cuigengji .recycle-entry[aria-pressed=true] {color:var(--cg-accent);background:var(--cg-wash);}
-.cuigengji .directory-undo {display:flex;align-items:center;gap:6px;padding:8px;border-radius:8px;background:var(--cg-wash);font-size:12px;}
-.cuigengji .directory-undo>span {flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.cuigengji .directory-undo>button {border:0;background:none;color:var(--cg-accent);padding:4px 6px;min-height:28px;font-size:12px;}
-.cuigengji .inline-title h2 {margin:0;}
-.cuigengji .inline-title-display {display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;text-align:left;color:inherit;padding:4px 0;min-height:0;font:inherit;line-height:inherit;}
-.cuigengji .inline-title-display>span {min-width:0;overflow-wrap:anywhere;}
-.cuigengji .inline-title-display:hover {background:none;}
-.cuigengji .inline-title-display svg {flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;opacity:0;}
-.cuigengji .inline-title-display:hover svg,.cuigengji .inline-title-display:focus-visible svg {opacity:.5;}
-.cuigengji .inline-title>input {width:100%;padding:4px 0;border:0;border-bottom:1px solid var(--cg-accent);border-radius:0;background:none;font-family:Georgia,'Noto Serif SC','SimSun',serif;font-size:26px;font-weight:600;line-height:1.5;}
-.cuigengji .inline-title-error {font-size:12px;color:var(--cg-muted);margin-top:4px;}
-.cuigengji .inline-title-error button {font-size:12px;padding:3px 6px;}
-@media(pointer:coarse){.cuigengji .chapter-item .chapter-row-action {opacity:1;min-width:40px;min-height:40px;}}
-@container(max-width:759px){.cuigengji .directory-drawer .directory-heading>.icon-button[aria-label="返回章节目录"] {display:block;}}
-@keyframes cg-arrive {from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
-.cuigengji[data-motion=reduce] *,.cuigengji[data-motion=reduce] *::before,.cuigengji[data-motion=reduce] *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
-@media(prefers-reduced-motion:reduce){.cuigengji *,.cuigengji *::before,.cuigengji *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}}
-`;
+@container(max-width:759px){.cuigengji .show-directory .chapter-main {display:flex;}.cuigengji .directory-drawer .chapter-directory .directory-heading>.icon-button {display:none;}}
+.cuigengji .chapter-item {padding:10px 8px;border-radius:8px;}
+.cuigengji .chapter-item .chapter-open {display:flex;flex-direction:column;align-items:flex-start;gap:3px;flex:1;min-width:0;border:0;background:none;padding:0;text-align:left;font-size:13px;line-height:1.55;}
+.cuigengji .chapter-open>span {overflow-wrap:anywhere;}
+.cuigengji .chapter-open>small {font-size:11px;color:var(--cg-muted);}
+.cuigengji .chapter-item .chapter-row-action {flex:none;display:grid;place-items:center;width:30px;height:32px;min-height:32px;padding:5px;border:0;background:none;color:var(--cg-muted);opacity:0;transition:opacity 120ms;}
+.cuigengji .chapter-row-action svg {width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
+.cuigengji .chapter-item:hover .chapter-row-action,.cuigengji .chapter-item:focus-within .chapter-row-action,.cuigengji .chapter-item.selected .chapter-row-action,.cuigengji .chapter-item.is-deleted .chapter-row-action {opacity:1;}
+.cuigengji .chapter-row-action:hover {color:var(--cg-accent);background:var(--cg-wash);}
+.cuigengji .directory-foot {display:flex;align-items:center;justify-content:space-between;gap:8px;}
+.cuigengji .recycle-entry {display:flex;align-items:center;gap:6px;padding:4px 6px;min-height:30px;border:0;background:none;color:var(--cg-muted);font-size:12px;}
+.cuigengji .recycle-entry[aria-pressed=true] {color:var(--cg-accent);background:var(--cg-wash);}
+.cuigengji .directory-undo {display:flex;align-items:center;gap:6px;padding:8px;border-radius:8px;background:var(--cg-wash);font-size:12px;}
+.cuigengji .directory-undo>span {flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.cuigengji .directory-undo>button {border:0;background:none;color:var(--cg-accent);padding:4px 6px;min-height:28px;font-size:12px;}
+.cuigengji .inline-title h2 {margin:0;}
+.cuigengji .inline-title-display {display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;text-align:left;color:inherit;padding:4px 0;min-height:0;font:inherit;line-height:inherit;}
+.cuigengji .inline-title-display>span {min-width:0;overflow-wrap:anywhere;}
+.cuigengji .inline-title-display:hover {background:none;}
+.cuigengji .inline-title-display svg {flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;opacity:0;}
+.cuigengji .inline-title-display:hover svg,.cuigengji .inline-title-display:focus-visible svg {opacity:.5;}
+.cuigengji .inline-title>input {width:100%;padding:4px 0;border:0;border-bottom:1px solid var(--cg-accent);border-radius:0;background:none;font-family:Georgia,'Noto Serif SC','SimSun',serif;font-size:26px;font-weight:600;line-height:1.5;}
+.cuigengji .inline-title-error {font-size:12px;color:var(--cg-muted);margin-top:4px;}
+.cuigengji .inline-title-error button {font-size:12px;padding:3px 6px;}
+@media(pointer:coarse){.cuigengji .chapter-item .chapter-row-action {opacity:1;min-width:40px;min-height:40px;}}
+@container(max-width:759px){.cuigengji .directory-drawer .directory-heading>.icon-button[aria-label="返回章节目录"] {display:block;}}
+@keyframes cg-arrive {from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
+.cuigengji[data-motion=reduce] *,.cuigengji[data-motion=reduce] *::before,.cuigengji[data-motion=reduce] *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
+@media(prefers-reduced-motion:reduce){.cuigengji *,.cuigengji *::before,.cuigengji *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}}
+`;

package/src/contracts/actions.js

@@ -1,22 +1,22 @@
-// Shared capability contract. Actor policy remains in the host and Store.
-export const isReadAction = action => /\.(get|read|list|groups|pages|decorations|history|search|changes|handoff)$/.test(action);
-export const changesProse = (action, args) => ['chapter.restore', 'chapter.delete'].includes(action)
-  || (action === 'volume.delete' && args.chapterPolicy === 'delete')
-  || (['chapter.create', 'chapter.update'].includes(action)
-    && ['content', 'append', 'patch'].some(key => args[key] !== undefined));
-export const TOOL_ACTIONS = Object.freeze({
-  cuigengji_project: Object.freeze(['novel.get','novel.handoff','volume.list','volume.create','volume.update','volume.delete','chapter.list','chapter.search','chapter.create','chapter.get','chapter.update','chapter.delete','chapter.history','chapter.restore']),
+// Shared capability contract. Actor policy remains in the host and Store.
+export const isReadAction = action => /\.(get|read|list|groups|pages|decorations|history|search|changes|handoff)$/.test(action);
+export const changesProse = (action, args) => ['chapter.restore', 'chapter.delete'].includes(action)
+  || (action === 'volume.delete' && args.chapterPolicy === 'delete')
+  || (['chapter.create', 'chapter.update'].includes(action)
+    && ['content', 'append', 'patch'].some(key => args[key] !== undefined));
+export const TOOL_ACTIONS = Object.freeze({
+  cuigengji_project: Object.freeze(['novel.get','novel.handoff','volume.list','volume.create','volume.update','volume.delete','chapter.list','chapter.search','chapter.create','chapter.get','chapter.update','chapter.delete','chapter.history','chapter.restore']),
   cuigengji_memory: Object.freeze(['graph.list','graph.get','graph.groups','graph.group.create','graph.group.update','graph.group.delete','graph.move','graph.layout','graph.continue','graph.duplicate','graph.remove','graph.create','graph.update','graph.delete','edge.list','edge.get','edge.create','edge.update','edge.delete','edge.disconnect']),
-  cuigengji_plan: Object.freeze(['planning.pages','planning.page.create','planning.page.update','planning.page.delete','planning.decorations','planning.list','planning.search','planning.get','planning.continue','planning.groups','planning.group.create','planning.group.update','planning.group.delete','planning.changes','planning.history','planning.apply','planning.revert']),
-  cuigengji_context: Object.freeze(['context.get','binding.get','preset.read']),
-});
-export const MEMORY_ACTIONS = Object.freeze([...TOOL_ACTIONS.cuigengji_memory, 'context.get']);
-export const HUMAN_ACTIONS = Object.freeze([...new Set([
-  ...Object.values(TOOL_ACTIONS).flat(), 'novel.list','novel.create','novel.import',
-  'novel.export','novel.update','novel.archive','novel.restore','novel.purge','binding.set','settings.get','legacy.preview','tavern.preview','tavern.import',
+  cuigengji_plan: Object.freeze(['planning.pages','planning.page.create','planning.page.update','planning.page.delete','planning.decorations','planning.list','planning.search','planning.get','planning.continue','planning.groups','planning.group.create','planning.group.update','planning.group.delete','planning.changes','planning.history','planning.apply','planning.revert']),
+  cuigengji_context: Object.freeze(['context.get','binding.get','preset.read']),
+});
+export const MEMORY_ACTIONS = Object.freeze([...TOOL_ACTIONS.cuigengji_memory, 'context.get']);
+export const HUMAN_ACTIONS = Object.freeze([...new Set([
+  ...Object.values(TOOL_ACTIONS).flat(), 'novel.list','novel.create','novel.import',
+  'novel.export','novel.update','novel.archive','novel.restore','novel.purge','binding.set','settings.get','legacy.preview','tavern.preview','tavern.import',
   'preset.get','preset.preview','preset.set',
   'chapter.move',
-  'workspace.status','workspace.export','workspace.preview','workspace.import',
-  'transfer.catalog','transfer.inspect','transfer.preview','transfer.import','transfer.exportPreview','transfer.export',
-  'maintenance.status','maintenance.verify',
-])]);
+  'workspace.status','workspace.export','workspace.preview','workspace.import',
+  'transfer.catalog','transfer.inspect','transfer.preview','transfer.import','transfer.exportPreview','transfer.export',
+  'maintenance.status','maintenance.verify',
+])]);

package/src/contracts/planning.ts

@@ -1,36 +1,36 @@
-export interface Point { x: number; y: number }
-export interface PlanningNode {
-  id: string; revision: number; title: string; summary: string; content: string;
-  scope: 'long' | 'phase' | 'near' | 'unspecified';
-  status: 'idea' | 'selected' | 'written' | 'dropped';
-  parentId: string | null; groupId?: string | null; pageId?: string | null; position?: Point | null;
-  threads: string[]; chapterRefs: { chapterId: string; revision: number }[]; memoryRefs: string[];
-  deleted: boolean; updatedAt: string; lastSequence?: number;
-  actor?: { kind: string; sessionId?: string | null };
-}
-export interface PlanningEdge { id: string; revision: number; from: string; to: string; type: 'next' | 'requires' | 'alternative'; label: string; deleted: boolean }
-export interface PlanningGroup { id: string; revision: number; name: string; summary: string; deleted?: boolean }
-export interface PlanningPage extends PlanningGroup {}
-export interface Decoration {
-  id:string; revision:number; pageId:string|null; kind:'note'|'frame'; title:string; content:string;
-  position:Point; width:number; height:number; color:'neutral'|'sand'|'sage'|'sky'|'rose';
+export interface Point { x: number; y: number }
+export interface PlanningNode {
+  id: string; revision: number; title: string; summary: string; content: string;
+  scope: 'long' | 'phase' | 'near' | 'unspecified';
+  status: 'idea' | 'selected' | 'written' | 'dropped';
+  parentId: string | null; groupId?: string | null; pageId?: string | null; position?: Point | null;
+  threads: string[]; chapterRefs: { chapterId: string; revision: number }[]; memoryRefs: string[];
+  deleted: boolean; updatedAt: string; lastSequence?: number;
+  actor?: { kind: string; sessionId?: string | null };
+}
+export interface PlanningEdge { id: string; revision: number; from: string; to: string; type: 'next' | 'requires' | 'alternative'; label: string; deleted: boolean }
+export interface PlanningGroup { id: string; revision: number; name: string; summary: string; deleted?: boolean }
+export interface PlanningPage extends PlanningGroup {}
+export interface Decoration {
+  id:string; revision:number; pageId:string|null; kind:'note'|'frame'; title:string; content:string;
+  position:Point; width:number; height:number; color:'neutral'|'sand'|'sage'|'sky'|'rose';
   fontSize:number; fontFamily:'sans'|'serif'; moveContents?:boolean; deleted:boolean;
-}
-export type NodeIndex = Omit<PlanningNode, 'content'>;
-export type PlanningEntity = PlanningNode | PlanningEdge | PlanningGroup | PlanningPage | Decoration;
-export type Collection = 'nodes' | 'edges' | 'groups' | 'pages' | 'decorations';
-export interface Change { collection: Collection; id: string; before: PlanningEntity | null; after: PlanningEntity }
-export interface Transaction { id: string; sequence: number; lastSequence: number; updatedAt: string; actor: {kind: string; sessionId: string | null}; reason: string; changes: Change[] }
-export interface Board {
-  formatVersion: number; nodes: Record<string, PlanningNode>; edges: Record<string, PlanningEdge>;
-  groups: Record<string, PlanningGroup>; sequence: number; transactions: Transaction[];
-  pages:Record<string,PlanningPage>; decorations:Record<string,Decoration>;
-  legacy?: LegacyPlan;
-}
-export interface LegacyPlan { id: string; revision: number; content: string; updatedAt?: string; approved: boolean }
+}
+export type NodeIndex = Omit<PlanningNode, 'content'>;
+export type PlanningEntity = PlanningNode | PlanningEdge | PlanningGroup | PlanningPage | Decoration;
+export type Collection = 'nodes' | 'edges' | 'groups' | 'pages' | 'decorations';
+export interface Change { collection: Collection; id: string; before: PlanningEntity | null; after: PlanningEntity }
+export interface Transaction { id: string; sequence: number; lastSequence: number; updatedAt: string; actor: {kind: string; sessionId: string | null}; reason: string; changes: Change[] }
+export interface Board {
+  formatVersion: number; nodes: Record<string, PlanningNode>; edges: Record<string, PlanningEdge>;
+  groups: Record<string, PlanningGroup>; sequence: number; transactions: Transaction[];
+  pages:Record<string,PlanningPage>; decorations:Record<string,Decoration>;
+  legacy?: LegacyPlan;
+}
+export interface LegacyPlan { id: string; revision: number; content: string; updatedAt?: string; approved: boolean }
 export interface PlanningNovel {
-  planning?: Board; plan?: LegacyPlan | null;
-  chapters: Record<string, {versions: {revision: number}[]}>; nodes: Record<string, unknown>;
+  planning?: Board; plan?: LegacyPlan | null;
+  chapters: Record<string, {versions: {revision: number}[]}>; nodes: Record<string, unknown>;
 }
 export const PLANNING_OPERATIONS = [
   'page.create','page.update','page.delete',
@@ -40,25 +40,25 @@ export const PLANNING_OPERATIONS = [
   'group.create','group.update','group.delete',
 ] as const;
 export type Operation =
-  | {op:'page.create';ref?:string;value:Pick<PlanningPage,'name'> & Partial<PlanningPage>}
-  | {op:'page.update';id:string;expectedRevision:number;value:Partial<PlanningPage>}
-  | {op:'page.delete';id:string;expectedRevision:number;confirm?:boolean}
-  | {op:'decoration.create';ref?:string;value:Partial<Decoration>}
-  | {op:'decoration.update';id:string;expectedRevision:number;value:Partial<Decoration>}
-  | {op:'decoration.delete';id:string;expectedRevision:number;confirm?:boolean}
-  | {op:'node.create';ref?:string;value?:Partial<PlanningNode>}
-  | {op:'node.update';id:string;expectedRevision:number;value:Partial<PlanningNode>}
-  | {op:'node.delete';id:string;expectedRevision:number;confirm?:boolean;childPolicy?:'detach'|'subtree'}
-  | {op:'edge.create';value:Pick<PlanningEdge,'from'|'to'> & Partial<PlanningEdge>}
-  | {op:'edge.update';id:string;expectedRevision:number;value:Partial<PlanningEdge>}
-  | {op:'edge.delete';id:string;expectedRevision:number;confirm?:boolean}
-  | {op:'group.create';ref?:string;value:Pick<PlanningGroup,'name'> & Partial<PlanningGroup>}
-  | {op:'group.update';id:string;expectedRevision:number;value:Partial<PlanningGroup>}
-  | {op:'group.delete';id:string;expectedRevision:number;confirm?:boolean};
-export interface PlanningArgs {
-  value?: Partial<PlanningNode>;
-  requestId?:string; expectedSequence?:number; transactionId?:string; operations?:Operation[]; reason?:string;
-  nodeId?:string;groupId?:string|null;pageId?:string|null;name?:string;summary?:string;expectedRevision?:number;confirm?:boolean;
-  query?:string;includeDeleted?:boolean;parentId?:string|null;status?:string;thread?:string;
+  | {op:'page.create';ref?:string;value:Pick<PlanningPage,'name'> & Partial<PlanningPage>}
+  | {op:'page.update';id:string;expectedRevision:number;value:Partial<PlanningPage>}
+  | {op:'page.delete';id:string;expectedRevision:number;confirm?:boolean}
+  | {op:'decoration.create';ref?:string;value:Partial<Decoration>}
+  | {op:'decoration.update';id:string;expectedRevision:number;value:Partial<Decoration>}
+  | {op:'decoration.delete';id:string;expectedRevision:number;confirm?:boolean}
+  | {op:'node.create';ref?:string;value?:Partial<PlanningNode>}
+  | {op:'node.update';id:string;expectedRevision:number;value:Partial<PlanningNode>}
+  | {op:'node.delete';id:string;expectedRevision:number;confirm?:boolean;childPolicy?:'detach'|'subtree'}
+  | {op:'edge.create';value:Pick<PlanningEdge,'from'|'to'> & Partial<PlanningEdge>}
+  | {op:'edge.update';id:string;expectedRevision:number;value:Partial<PlanningEdge>}
+  | {op:'edge.delete';id:string;expectedRevision:number;confirm?:boolean}
+  | {op:'group.create';ref?:string;value:Pick<PlanningGroup,'name'> & Partial<PlanningGroup>}
+  | {op:'group.update';id:string;expectedRevision:number;value:Partial<PlanningGroup>}
+  | {op:'group.delete';id:string;expectedRevision:number;confirm?:boolean};
+export interface PlanningArgs {
+  value?: Partial<PlanningNode>;
+  requestId?:string; expectedSequence?:number; transactionId?:string; operations?:Operation[]; reason?:string;
+  nodeId?:string;groupId?:string|null;pageId?:string|null;name?:string;summary?:string;expectedRevision?:number;confirm?:boolean;
+  query?:string;includeDeleted?:boolean;parentId?:string|null;status?:string;thread?:string;
   after?:number;offset?:number;limit?:number;side?:'in'|'out';
-}
+}

package/src/domain/manuscript.ts

@@ -1,4 +1,4 @@
-/** Display count: Unicode characters including punctuation, excluding whitespace. */
-export function countManuscript(content: string): number {
-  return Array.from(content.replace(/\s/gu, '')).length;
-}
+/** Display count: Unicode characters including punctuation, excluding whitespace. */
+export function countManuscript(content: string): number {
+  return Array.from(content.replace(/\s/gu, '')).length;
+}