@musnows/scriverse 0.6.9 → 0.6.10

package/dist/public/s3-backup-ui.js

@@ -0,0 +1,28 @@
+export function s3BackupRootPrefix(basePath = "") {
+  const normalized = String(basePath).trim().replace(/^\/+|\/+$/gu, "").replace(/\/{2,}/gu, "/");
+  return normalized ? `${normalized}/scriverse` : "scriverse";
+}
+
+export function s3BackupStatusLabel(status) {
+  if (status === "succeeded") return "成功";
+  if (status === "failed") return "失败";
+  return "执行中";
+}
+
+export function collectS3BackupRunTransitions(previousSnapshots, runs, initialized, maximumSnapshots = 500) {
+  const snapshots = new Map(previousSnapshots);
+  const failures = [];
+  for (const run of runs) {
+    const previousStatus = snapshots.get(run.id);
+    if (initialized && run.status === "failed" && previousStatus !== "failed") failures.push(run);
+    snapshots.delete(run.id);
+    snapshots.set(run.id, run.status);
+  }
+  while (snapshots.size > maximumSnapshots) snapshots.delete(snapshots.keys().next().value);
+  return { snapshots, failures };
+}
+
+export function s3BackupFailureToast(run) {
+  const reason = String(run?.errorMessage || "S3 服务请求失败").trim();
+  return `S3 备份目标“${run?.targetName || "未命名目标"}”失败：${reason}`;
+}

package/dist/public/styles.css

@@ -794,6 +794,53 @@ body.is-panel-resizing { cursor: col-resize; user-select: none; }
   cursor: not-allowed;
   opacity: .46;
 }
+.dialog.s3-backup-dialog { width: min(900px, 94vw); }
+.s3-backup-body { display: grid; gap: 18px; max-height: calc(88vh - 86px); overflow-y: auto; padding: 18px 24px 24px; }
+.s3-backup-overview { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 15px 16px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface-soft); }
+.s3-backup-overview h3, .s3-backup-history h3 { margin: 0; font-size: 15px; font-weight: 600; }
+.s3-backup-overview p, .s3-backup-history header p { margin: 4px 0 0; color: var(--muted); font-size: 10px; line-height: 1.55; }
+.s3-backup-overview-actions, .s3-backup-target-actions { display: flex; flex: 0 0 auto; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
+.s3-backup-overview-actions button, .s3-backup-target-actions button, .s3-backup-history header button { min-height: 34px; padding: 7px 11px; font-size: 11px; }
+.s3-backup-target-list, .s3-backup-run-list { display: grid; gap: 9px; }
+.s3-backup-target-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 13px 18px; padding: 15px 16px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface-soft); }
+.s3-backup-target-card.is-failed { border-color: color-mix(in srgb, var(--toast-error-fg) 36%, var(--line)); }
+.s3-backup-target-heading { display: flex; align-items: flex-start; gap: 9px; min-width: 0; }
+.s3-backup-target-heading > div { display: grid; gap: 4px; min-width: 0; }
+.s3-backup-target-heading strong { overflow: hidden; color: var(--ink); font-size: 14px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
+.s3-backup-target-heading code, .s3-backup-history code { overflow-wrap: anywhere; color: var(--muted); font: 10px/1.45 var(--font-latin), monospace; }
+.s3-backup-status { flex: 0 0 auto; padding: 3px 7px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); color: var(--muted); font-size: 9px; font-weight: 650; line-height: 1.25; }
+.s3-backup-status.is-enabled, .s3-backup-status.is-succeeded { border-color: color-mix(in srgb, var(--green) 38%, var(--line)); color: var(--green); }
+.s3-backup-status.is-failed { border-color: color-mix(in srgb, var(--toast-error-fg) 42%, var(--line)); color: var(--toast-error-fg); }
+.s3-backup-status.is-running { border-color: color-mix(in srgb, var(--accent) 42%, var(--line)); color: var(--accent-dark); }
+.s3-backup-target-meta { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 0; }
+.s3-backup-target-meta > div { display: grid; gap: 3px; min-width: 0; padding: 9px 10px; border-radius: 5px; background: var(--surface); }
+.s3-backup-target-meta dt { color: var(--muted); font-size: 9px; }
+.s3-backup-target-meta dd { overflow: hidden; margin: 0; color: var(--ink); font: 10px/1.4 var(--font-latin), var(--font-cjk), sans-serif; text-overflow: ellipsis; white-space: nowrap; }
+.s3-backup-target-error { grid-column: 1 / -1; margin: 0; padding: 9px 11px; border-radius: 5px; background: var(--toast-error-bg); color: var(--toast-error-fg); font-size: 10px; line-height: 1.55; overflow-wrap: anywhere; }
+.s3-backup-history { display: grid; gap: 10px; padding-top: 2px; }
+.s3-backup-history > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
+.s3-backup-run-card { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: 10px 12px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-soft); }
+.s3-backup-run-copy { display: grid; gap: 3px; min-width: 0; }
+.s3-backup-run-copy strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
+.s3-backup-run-copy small, .s3-backup-run-metrics { color: var(--muted); font-size: 9px; line-height: 1.5; }
+.s3-backup-run-metrics { text-align: right; white-space: nowrap; }
+.s3-backup-run-card details { grid-column: 2 / -1; min-width: 0; }
+.s3-backup-run-card summary { color: var(--muted); font-size: 9px; cursor: pointer; }
+.s3-backup-run-card pre { max-height: 180px; overflow: auto; margin: 7px 0 0; padding: 9px; border-radius: 4px; background: var(--ink); color: var(--panel); font: 9px/1.5 var(--font-latin), monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
+.s3-backup-empty { margin: 0; padding: 24px 16px; border: 1px dashed var(--line); border-radius: 7px; color: var(--muted); font-size: 11px; line-height: 1.6; text-align: center; }
+.dialog.s3-backup-target-dialog { width: min(780px, 94vw); height: min(720px, calc(100dvh - 24px)); max-height: calc(100dvh - 24px); overflow: hidden; }
+.s3-backup-target-dialog > form { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; height: 100%; }
+.s3-backup-target-dialog .dialog-fields { min-height: 0; max-height: none; }
+.s3-backup-target-fields > .s3-backup-wide-field { grid-column: 1 / -1; }
+.s3-backup-target-fields input[spellcheck="false"], .s3-backup-target-fields code { font-family: var(--font-latin), monospace; }
+.s3-backup-target-fields label > small { color: var(--muted); font-size: 9px; line-height: 1.5; }
+.s3-backup-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; min-width: 0; margin: 0; padding: 13px; border: 1px solid var(--line); border-radius: 6px; }
+.s3-backup-options legend { padding: 0 6px; color: var(--ink); font-size: 11px; font-weight: 600; }
+.dialog-fields .s3-backup-options label { display: flex; align-items: flex-start; gap: 8px; padding: 10px; border-radius: 5px; background: var(--surface-soft); color: var(--ink); cursor: pointer; }
+.dialog-fields .s3-backup-options input { flex: 0 0 auto; width: 15px; height: 15px; margin: 2px 0 0; padding: 0; }
+.s3-backup-options span { display: grid; gap: 3px; }
+.s3-backup-options strong { font-size: 10px; font-weight: 600; }
+.s3-backup-options small { color: var(--muted); font-size: 9px; line-height: 1.45; }
 .member-permission-form { display: grid; gap: 12px; margin: 0; padding: 14px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface-soft); }
 .member-person-field { display: grid; gap: 6px; color: var(--muted); font-size: 11px; }
 .member-person-field small, .member-permission-help { color: var(--muted); font-size: 10px; line-height: 1.5; }
@@ -1765,6 +1812,7 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .ai-agent-tools input { width: 16px; margin-top: 2px; }
 .ai-agent-tools strong { color: var(--ink); font-size: 12px; font-weight: 600; }
 .ai-agent-tools small { display: block; margin-top: 2px; font-size: 10px; }
+.ai-agent-tools-section + .empty-state { margin-top: 24px; border-top: 1px solid var(--line); }
 .default-model-select { min-width: 260px; padding: 7px 9px; font-size: 11px; }
 .empty-state { padding: 70px 30px; text-align: center; color: var(--muted); border: 1px dashed var(--line); }
 .empty-state b { display: block; color: var(--ink); margin-bottom: 8px; }
@@ -2139,9 +2187,15 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .config-inline-save .context-compact-threshold-field,
 .config-inline-save .agent-tool-call-limit-field,
 .config-inline-save .daily-token-quota-field { display: grid; gap: 6px; width: 64px; margin: 0; color: var(--muted); font-size: 10px; }
+.config-inline-save .book-summary-context-percent-field,
+.config-inline-save .context-compact-threshold-field { grid-template-columns: minmax(110px, 130px) 88px; align-items: center; column-gap: 12px; width: min(100%, 230px); }
+.config-inline-save .book-summary-context-percent-field input,
+.config-inline-save .context-compact-threshold-field input { width: 88px; }
 .config-inline-save .daily-token-quota-field { width: 144px; }
 .config-inline-save .agent-tool-call-global-multiplier-field { display: grid; gap: 6px; width: auto; margin: 0; color: var(--muted); font-size: 10px; }
-.agent-tool-call-global-multiplier-toggle button { min-width: 32px; padding: 0 10px; font-family: var(--font-latin), monospace; font-size: 12px; font-variant-numeric: tabular-nums; }
+.config-inline-save > .config-checkbox-field { display: inline-flex !important; align-items: center; gap: 8px; min-height: 32px; margin: 0; color: var(--muted); font-size: calc(11px * var(--ui-font-scale)); line-height: 1.4; white-space: nowrap; }
+.config-inline-save > .config-checkbox-field input[type="checkbox"] { width: 18px; min-width: 18px; height: 18px; }
+.agent-tool-call-global-multiplier-toggle button { width: 32px; min-width: 32px; height: 30px; min-height: 30px; padding: 0; font-family: var(--font-latin), monospace; font-size: 11px; font-variant-numeric: tabular-nums; }
 .relationship-index-summary { display: grid; gap: 14px; padding: 15px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-soft); }
 .relationship-index-state-row { display: flex; align-items: center; gap: 12px 18px; flex-wrap: wrap; color: var(--muted); font-size: 10px; }
 .relationship-index-state-row strong { color: var(--ink); font-family: var(--font-latin), monospace; font-weight: 600; }
@@ -2173,6 +2227,10 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
   .platform-image-tool-field select, .platform-image-tool-panel .config-save-button { height: 40px; min-height: 40px; }
   .platform-image-tool-panel .config-save-button { width: 100%; }
 }
+@media (max-width: 640px) {
+  .config-inline-save .book-summary-context-percent-field,
+  .config-inline-save .context-compact-threshold-field { grid-template-columns: minmax(0, 1fr); row-gap: 6px; width: 100%; }
+}
 .field-label textarea {
   width: 100%;
   min-height: 140px;
@@ -2206,6 +2264,10 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .message-body { min-width: 0; overflow-wrap: anywhere; }
 .assistant-message.is-error .message-body { font-family: inherit; font-size: inherit; line-height: inherit; }
 .assistant-message.is-error .ai-error-text { margin: 0; white-space: pre-wrap; font: inherit; }
+.ai-error-settings-link-wrap { margin: 12px 0 0; }
+.ai-error-settings-link { color: var(--accent); font-size: 12px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
+.ai-error-settings-link:hover, .ai-error-settings-link:focus-visible { color: var(--accent-dark); }
+.config-section.is-targeted { border-radius: 5px; box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 34%, transparent); }
 .message-card-actions { position: absolute; right: 0; bottom: -31px; display: flex; align-items: center; gap: 12px; height: 24px; }
 .message-card-actions button { display: inline-flex; align-items: center; gap: 4px; min-width: 0; padding: 3px 2px; border: 0; background: transparent; color: var(--muted); font-size: 9px; }
 .message-card-actions button:hover, .message-card-actions button:focus-visible { color: var(--accent-dark); }
@@ -3388,3 +3450,24 @@ body { font-size: var(--ui-font-size); }
 .ai-tool-call-info dt, .ai-tool-call-detail h3 { font-size: calc(9px * var(--ai-font-scale)); }
 .ai-tool-call-info dd { font-size: calc(11px * var(--ai-font-scale)); }
 .ai-tool-call-detail pre { font-size: calc(10px * var(--ai-font-scale)); }
+
+@media (max-width: 850px) {
+  .s3-backup-target-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+  .s3-backup-options { grid-template-columns: minmax(0, 1fr); }
+}
+
+@media (max-width: 640px) {
+  .s3-backup-body { gap: 14px; padding: 14px 16px 18px; }
+  .s3-backup-overview, .s3-backup-history > header { align-items: stretch; flex-direction: column; }
+  .s3-backup-overview-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
+  .s3-backup-overview-actions button { width: 100%; }
+  .s3-backup-target-card { grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 13px; }
+  .s3-backup-target-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); justify-content: stretch; }
+  .s3-backup-target-actions button { min-width: 0; padding-inline: 6px; }
+  .s3-backup-target-meta { grid-template-columns: minmax(0, 1fr); }
+  .s3-backup-run-card { grid-template-columns: auto minmax(0, 1fr); }
+  .s3-backup-run-metrics { grid-column: 2; text-align: left; white-space: normal; }
+  .s3-backup-run-card details { grid-column: 1 / -1; }
+  .s3-backup-target-fields { grid-template-columns: minmax(0, 1fr) !important; padding-inline: 16px !important; }
+  .s3-backup-target-fields > * { grid-column: 1 !important; }
+}