@lemoncat7/dsh-knowledge 1.0.2 → 1.0.11

package/web/styles.css

@@ -7,6 +7,7 @@
   --surface-raised: #ffffff;
   --surface-soft: #f0f0f3;
   --surface-hover: #f5f5f8;
+  --dialog-surface: #ffffff;
   --text: #1d1d1f;
   --text-secondary: #4c4c50;
   --text-tertiary: #6e6e73;
@@ -34,6 +35,7 @@
     --surface-raised: #242426;
     --surface-soft: #2c2c2e;
     --surface-hover: #303033;
+    --dialog-surface: #1c1c1e;
     --text: #f5f5f7;
     --text-secondary: #c7c7cc;
     --text-tertiary: #98989d;
@@ -106,7 +108,7 @@ button:disabled { cursor: not-allowed; opacity: .56; }
   border: 1px solid var(--border);
   border-radius: 20px;
   padding: 32px;
-  background: var(--surface-raised);
+  background: var(--dialog-surface);
   box-shadow: var(--shadow);
 }
 
@@ -127,11 +129,11 @@ button:disabled { cursor: not-allowed; opacity: .56; }
 .login-card > p { margin: 0 0 24px; color: var(--text-secondary); }
 
 .field { display: grid; gap: 7px; }
-.field + .field { margin-top: 16px; }
 .field label { color: var(--text-secondary); font-size: 13px; font-weight: 600; }
 .field-hint { color: var(--text-tertiary); font-size: 12px; }
 
 .input, .select, .textarea {
+  box-sizing: border-box;
   width: 100%;
   border: 1px solid var(--border-strong);
   border-radius: 9px;
@@ -141,7 +143,7 @@ button:disabled { cursor: not-allowed; opacity: .56; }
   transition: border-color .15s ease, box-shadow .15s ease;
 }
 
-.input, .select { min-height: 40px; }
+.input, .select { height: 40px; min-height: 40px; font: inherit; line-height: 20px; }
 .textarea { min-height: 132px; resize: vertical; }
 .input::placeholder, .textarea::placeholder { color: var(--text-tertiary); }
 .input:focus, .select:focus, .textarea:focus { border-color: var(--accent); }
@@ -169,6 +171,7 @@ button:disabled { cursor: not-allowed; opacity: .56; }
 .button.ghost { border-color: transparent; background: transparent; color: var(--text-secondary); }
 .button.small { min-height: 32px; padding: 5px 10px; font-size: 12px; }
 .login-card .button { width: 100%; margin-top: 20px; }
+.login-card .field + .field { margin-top: 16px; }
 
 .app-shell { min-height: 100vh; min-height: 100dvh; display: grid; grid-template-columns: var(--sidebar-width) 6px minmax(0, 1fr); }
 
@@ -392,41 +395,6 @@ button:disabled { cursor: not-allowed; opacity: .56; }
 .workspace-switcher p { max-width: 56ch; margin: 0; color: var(--text-tertiary); font-size: 12px; text-align: right; }
 .workspace-tabs { flex: none; }
 .workspace-tabs .tab { display: inline-flex; align-items: center; gap: 7px; }
-.writeback-policy-control {
-  min-height: 36px;
-  display: inline-flex;
-  align-items: center;
-  gap: 7px;
-  border-left: 1px solid var(--border);
-  padding-left: 10px;
-}
-.writeback-policy-label { color: var(--text-tertiary); font-size: 11px; font-weight: 600; white-space: nowrap; }
-.writeback-policy-segments {
-  display: inline-flex;
-  gap: 2px;
-  border: 1px solid var(--border);
-  border-radius: 9px;
-  padding: 2px;
-  background: color-mix(in srgb, var(--surface-soft) 72%, transparent);
-}
-.writeback-policy-option {
-  min-width: 48px;
-  min-height: 30px;
-  border: 0;
-  border-radius: 7px;
-  padding: 5px 10px;
-  background: transparent;
-  color: var(--text-tertiary);
-  font-size: 11px;
-  font-weight: 620;
-  transition: background .14s ease, color .14s ease, box-shadow .14s ease;
-}
-.writeback-policy-option:hover:not(:disabled) { background: var(--surface-hover); color: var(--text); }
-.writeback-policy-option[aria-checked="true"] {
-  background: var(--surface-raised);
-  color: var(--text);
-  box-shadow: 0 1px 4px rgb(20 25 35 / 10%);
-}
 .tab-count { min-width: 20px; border-radius: 6px; padding: 1px 6px; background: color-mix(in srgb, var(--text-tertiary) 10%, transparent); color: var(--text-tertiary); font-size: 10px; font-variant-numeric: tabular-nums; }
 .tab[aria-selected="true"] .tab-count { background: var(--accent-soft); color: var(--accent); }
 .library-management, .mount-section { min-width: 0; }
@@ -548,7 +516,8 @@ button:disabled { cursor: not-allowed; opacity: .56; }
 .note-tree-document { position: relative; min-height: 38px; gap: 8px; border-radius: 7px; padding: 5px 8px; }
 .note-tree-document[aria-current="page"] { background: color-mix(in srgb, var(--accent) 9%, var(--surface)); color: var(--text); box-shadow: inset 2px 0 0 color-mix(in srgb, var(--accent) 72%, transparent); }
 .tree-document-icon { width: 12px; height: 15px; flex: none; border: 1.2px solid currentColor; border-radius: 2px; opacity: .62; }
-.tree-document-copy { min-width: 0; }
+.tree-document-copy { min-width: 0; flex: 1; }
+.note-tree-document > .badge { min-height: 17px; padding: 1px 5px; font-size: 8px; }
 .tree-document-copy strong, .tree-document-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .tree-document-copy strong { font-size: 12px; font-weight: 540; }
 .tree-document-copy small { margin-top: 1px; color: var(--text-tertiary); font-size: 9px; }
@@ -571,6 +540,22 @@ button:disabled { cursor: not-allowed; opacity: .56; }
 .note-mode-switch button:hover { color: var(--text); }
 .note-mode-switch button[aria-selected="true"] { background: var(--surface-raised); color: var(--text); box-shadow: 0 1px 3px color-mix(in srgb, var(--text) 10%, transparent); }
 .note-editor-scroll { min-height: 0; overflow: auto; container-type: inline-size; }
+.document-finalized-banner {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 4px 14px;
+  margin: 18px max(20px, calc((100% - 1120px) / 2));
+  border: 1px solid color-mix(in srgb, var(--success) 26%, var(--border));
+  border-radius: 10px;
+  padding: 11px 14px;
+  background: var(--success-soft);
+  color: var(--text-secondary);
+  font-size: 12px;
+}
+.document-finalized-banner strong { color: var(--success); }
+.document-finalized-banner p { grid-column: 2 / -1; margin: 1px 0 0; }
+.document-finalized-banner small { color: var(--text-tertiary); white-space: nowrap; }
 .note-paper {
   width: 100%;
   min-height: 100%;
@@ -661,6 +646,11 @@ button:disabled { cursor: not-allowed; opacity: .56; }
 .candidate-header h3 { margin: 8px 0 0; font-size: 15px; }
 .candidate-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, .55fr); gap: 20px; padding: 0 18px 17px; }
 .candidate-content { margin: 0; color: var(--text-secondary); white-space: pre-wrap; }
+.candidate-body.is-conflict { grid-template-columns: 1fr; }
+.candidate-comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
+.candidate-comparison section { min-width: 0; border: 1px solid var(--border); border-radius: 9px; padding: 12px; background: var(--surface-soft); }
+.candidate-comparison strong { display: block; margin-bottom: 8px; color: var(--text); font-size: 12px; }
+.candidate-comparison pre { overflow: auto; max-height: 280px; margin: 0; color: var(--text-secondary); font: inherit; line-height: 1.65; white-space: pre-wrap; overflow-wrap: anywhere; }
 .candidate-reason { border-left: 2px solid var(--border-strong); padding-left: 13px; color: var(--text-secondary); font-size: 12px; }
 .candidate-reason strong { display: block; margin-bottom: 5px; color: var(--text-tertiary); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
 .candidate-target { display: block; margin-bottom: 13px; border-radius: 7px; padding: 7px 9px; background: var(--accent-soft); color: var(--accent); font-weight: 600; }
@@ -710,7 +700,7 @@ button:disabled { cursor: not-allowed; opacity: .56; }
   flex-direction: column;
   border: 1px solid var(--border-strong);
   border-radius: 18px;
-  background: var(--surface-raised);
+  background: var(--dialog-surface);
   box-shadow: 0 28px 80px rgb(0 0 0 / 24%);
 }
 .dialog.narrow { width: min(100%, 460px); }
@@ -735,7 +725,7 @@ button:disabled { cursor: not-allowed; opacity: .56; }
 .dialog-header p { margin: 4px 0 0; color: var(--text-tertiary); font-size: 12px; }
 .dialog-body { overflow: auto; padding: 20px; }
 .dialog-footer { display: flex; justify-content: flex-end; gap: 8px; border-top: 1px solid var(--border); padding: 13px 20px; }
-.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
+.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 16px; }
 .form-grid .span-2 { grid-column: 1 / -1; }
 .check-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
 .check-option { display: flex; align-items: center; gap: 8px; border: 1px solid var(--border); border-radius: 8px; padding: 9px; }
@@ -788,6 +778,7 @@ button:disabled { cursor: not-allowed; opacity: .56; }
 }
 
 @media (max-width: 760px) {
+  .candidate-comparison { grid-template-columns: 1fr; }
   :root { --sidebar-width: 0px; }
   .app-shell { display: block; }
   .app-sidebar-resizer { display: none; }
@@ -832,6 +823,8 @@ button:disabled { cursor: not-allowed; opacity: .56; }
   .note-editor-actions { width: 100%; justify-content: flex-end; }
   .note-mode-switch { margin-right: auto; }
   .note-paper { padding: 32px 24px 60px; }
+  .document-finalized-banner { grid-template-columns: 1fr; margin: 12px; }
+  .document-finalized-banner p { grid-column: 1; }
   .note-title-input { font-size: 26px; }
   .note-inspector { align-items: stretch; flex-direction: column; gap: 5px; padding: 8px 12px; }
   .note-inspector label { justify-content: space-between; }
@@ -871,7 +864,6 @@ button:disabled { cursor: not-allowed; opacity: .56; }
   .topbar-actions .button.primary::before { content: "+"; font-size: 18px; }
   .workspace-tabs { width: 100%; }
   .workspace-tabs .tab { min-width: 0; flex: 1; justify-content: center; padding-inline: 8px; }
-  .writeback-policy-control { width: 100%; justify-content: space-between; border-left: 0; padding-left: 0; }
   .document-toolbar-actions { width: 100%; }
   .document-toolbar-actions .button.primary { margin-left: auto; }
   .form-grid { grid-template-columns: 1fr; }