claude-discover 1.10.0 → 1.10.2

package/out/renderer/assets/{index-DnYN00T3.css → index-CR3tCQfY.css}

@@ -124,9 +124,9 @@
   &:hover rect { filter: brightness(1.15); }
   &.selected rect { filter: brightness(1.2); }
 }
-/* Legend on the left; centered nav group: ‹ date › — where the date is a
-   button opening the granularity menu — plus a floating "Today" link. The
-   empty 1fr side cells keep the nav group truly centered. */
+/* Legend on the left, centered nav group (‹ date › plus a floating "Today"
+   link), granularity tabs on the right. The equal 1fr side cells keep the nav
+   group truly centered. */
 .gantt-toolbar {
   display: grid;
   grid-template-columns: 1fr auto 1fr;
@@ -143,35 +143,18 @@
   gap: 4px;
 }
 
-/* The date is the granularity trigger: click it to open the menu below. */
-.gantt-period {
-  position: relative;
-  display: inline-flex;
-}
-
 .gantt-toolbar-title {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 5px;
   margin: 0;
-  background: transparent;
-  border: none;
-  border-radius: 6px;
   padding: 3px 8px;
   font-size: 18px;
   font-weight: 600;
   color: var(--text);
   white-space: nowrap;
   min-width: 130px;
-  cursor: pointer;
+  text-align: center;
   user-select: none;
-  transition: background 0.12s, color 0.12s;
 }
 
-.gantt-toolbar-title:hover { background: rgba(74, 158, 255, 0.15); }
-.gantt-toolbar-title[aria-expanded="true"] { background: rgba(74, 158, 255, 0.22); }
-
 .gantt-nav-arrow {
   background: transparent;
   border: none;
@@ -254,47 +237,36 @@
   border-radius: 2px;
 }
 
-.gantt-granularity-caret {
-  font-size: 15px;
-}
-
-/* Floating menu centered under the date. */
-.gantt-granularity-menu {
-  position: absolute;
-  top: calc(100% + 6px);
-  left: 50%;
-  transform: translateX(-50%);
+/* Spans the period summary panel below it, so the tabs sit centered over it. */
+.gantt-granularity {
+  justify-self: end;
+  width: var(--gantt-side-width);
   display: flex;
-  flex-direction: column;
-  min-width: 120px;
+  gap: 3px;
+  padding: 3px;
   background: var(--bg-elev);
-  border: 1px solid rgba(80, 120, 168, 0.45);
+  border: 1px solid rgb(127 162 205 / 0.35);
   border-radius: 8px;
-  box-shadow: 0 6px 14px rgba(0,0,0,0.4);
-  overflow: hidden;
-  z-index: 20;
-}
 
-.gantt-granularity-option {
-  background: transparent;
-  border: none;
-  color: #c6d2e3;
-  font-size: 12px;
-  text-align: left;
-  padding: 7px 14px;
-  cursor: pointer;
-  transition: background 0.12s, color 0.12s;
-}
-
-.gantt-granularity-option:hover {
-  background: rgba(74, 158, 255, 0.15);
-  color: #fff;
-}
+  & button {
+    flex: 1;
+    background: transparent;
+    border: none;
+    border-radius: 6px;
+    color: var(--text-dim);
+    font-family: var(--font-mono), monospace;
+    font-size: 12px;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.4px;
+    padding: 6px 0;
+    cursor: pointer;
+    user-select: none;
+    transition: background 0.12s, color 0.12s;
 
-.gantt-granularity-option.active {
-  background: rgba(74, 158, 255, 0.22);
-  color: #fff;
-  font-weight: 600;
+    &:hover { background: rgba(74, 158, 255, 0.1); color: var(--text); }
+    &.active { background: rgba(74, 158, 255, 0.3); color: #fff; }
+  }
 }
 .cost-chart {
   position: relative;
@@ -654,6 +626,33 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.divider {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  width: 100%;
+  padding: 0;
+  border: 0;
+  background: none;
+  color: var(--text-faint);
+  font: inherit;
+  white-space: nowrap;
+
+  /* Wavy rules (~~~ label ~~~): a repeating sine stroke masked over the text color */
+  &::before, &::after {
+    content: '';
+    flex: 1;
+    height: 8px;
+    background: currentColor;
+    opacity: 0.6;
+    mask: url("./wave-D-wH63sc.svg") repeat-x center / 20px 8px;
+  }
+}
+
+button.divider {
+  cursor: pointer;
+  &:hover { color: var(--text-dim); }
+}
 .markdown { white-space: normal; max-height: 500px; overflow: auto; }
 .markdown > *:first-child { margin-top: 0; }
 .markdown > *:last-child { margin-bottom: 0; }
@@ -750,6 +749,10 @@
 
 .conv-row { position: relative; }
 
+.conv-continues-from { margin-bottom: 20px; }
+.conv-continues-to { margin-top: 20px; }
+.conv-divider { margin: 20px 0; }
+
 .token-point {
   position: absolute;
   right: -18px; /* dot centered on the line: gutter 28 − line offset 13 + dot radius 2.5 ≈ 18 */
@@ -764,8 +767,10 @@
   border-radius: 50%;
 }
 
-.token-point-user      .token-point-dot { background: #5da9c9; }
+.token-point-user      .token-point-dot,
+.token-point-compact   .token-point-dot { background: #5da9c9; } /* the summary is input, like a user message */
 .token-point-assistant .token-point-dot { background: #9aa3b2; }
+.token-point-system    .token-point-dot { background: var(--text-faint); } /* the least of the three: no color of its own */
 .token-point-command   .token-point-dot { background: var(--accent); } /* slash commands: no tokens, just a marker */
 .token-point.negative  .token-point-dot { background: #63a76b; } /* compaction shrank the context — good news, so green */
 
@@ -853,6 +858,8 @@
 
 .msg-author { color: var(--text); font-weight: 600; font-size: calc(12px * var(--font-scale, 1)); }
 .msg-user .msg-author { color: rgb(113, 183, 214); }
+.msg-system .msg-author { color: var(--text-dim); }
+.msg-proxy .msg-author, .msg-proxy .msg-icon { color: #a78bfa; }
 
 .msg-summary {
   background: transparent;
@@ -882,7 +889,7 @@ button.msg-summary:hover { color: var(--text); background: var(--bg-elev-2); bor
   color: var(--border);
 }
 
-/* Context injected with a user message, disclosed from its header's `attachments · N items` summary. */
+/* Context injected with a You or System row, disclosed from its header's `N attachments` summary. */
 .msg-context {
   margin-bottom: 8px;
   display: flex;
@@ -915,7 +922,8 @@ button.msg-summary:hover { color: var(--text); background: var(--bg-elev-2); bor
   & .turn-blocks > .aux { align-self: stretch; }
   & .turn-blocks > .tool-result { align-self: stretch; }
 
-  & .block-text {
+  /* Only the message itself — a skill body folded into a command turn reads plainly */
+  & .turn-blocks > .block-text {
     background: var(--bg-elev);
     border: 1px solid rgb(47 78 91);
     color: rgb(113, 183, 214);
@@ -930,13 +938,16 @@ button.msg-summary:hover { color: var(--text); background: var(--bg-elev-2); bor
 
 .turn-assistant .block-text { color: var(--text); }
 
-.turn-meta-note {
-  & .block-text {
-    background: transparent;
+.turn-system {
+  & .turn-blocks > .aux { align-self: flex-start; }
+  & .turn-blocks > .block-text {
     border: 1px dashed var(--border);
+    border-radius: 6px;
+    padding: 5px 10px;
+    margin: 0;
   }
 }
-.turn-assistant.turn-meta-note .turn-blocks > .aux { align-self: flex-start; }
+.aux-speaker { opacity: 0.6; }
 
 .tool-result {
   font-size: calc(12px * var(--font-scale, 1));
@@ -961,6 +972,13 @@ button.msg-summary:hover { color: var(--text); background: var(--bg-elev-2); bor
     overflow: auto;
   }
 
+  & .saved-output a {
+    color: var(--accent);
+    text-decoration: none;
+    word-break: break-all;
+    &:hover { text-decoration: underline; }
+  }
+
   &.error {
     & .tool-result-label { color: var(--danger); }
     & pre { border-left-color: var(--danger); color: var(--danger); }
@@ -1016,6 +1034,12 @@ button.msg-summary:hover { color: var(--text); background: var(--bg-elev-2); bor
   &.error .aux-toggle { color: var(--danger); }
 }
 
+.system-note {
+  &.warning :is(.aux-toggle, .aux-label) { color: var(--warn); }
+  &.error .aux-label { color: var(--danger); }
+  &.mode .aux-label { color: var(--accent); font-weight: 600; }
+}
+
 .aux-toggle {
   background: transparent;
   border: none;
@@ -1075,7 +1099,7 @@ button.msg-summary:hover { color: var(--text); background: var(--bg-elev-2); bor
   letter-spacing: 0.04em;
   padding-top: 6px;
 }
-.instruction-source:first-child { padding-top: 0; }
+.msg-header + .instruction-source { padding-top: 0; }
 
 /* Full-width toggle so the estimated token count can sit right-aligned, like msg-header-right. */
 /* Nested tool rows cancel the aux-body's right padding so their counts line up with the strips'. */
@@ -1206,6 +1230,28 @@ button.msg-summary:hover { color: var(--text); background: var(--bg-elev-2); bor
   padding: 0 1px;
 }
 .jsonl-viewer-loading { color: var(--text-faint); }
+.error-message {
+  padding: 20px; text-align: center;
+  color: var(--danger); word-break: break-word;
+}
+
+.app-crash {
+  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px;
+  height: 100vh; padding: 20px; text-align: center;
+  color: var(--danger); word-break: break-word;
+}
+
+.error-banner {
+  position: fixed; top: 8px; left: 50%; transform: translateX(-50%); z-index: 1000;
+  display: flex; align-items: flex-start; gap: 10px;
+  max-width: min(720px, calc(100vw - 16px)); padding: 8px 8px 8px 14px;
+  border: 1px solid var(--danger); border-radius: 6px;
+  background: #1f1215; color: var(--text);
+  word-break: break-word;
+
+  button { flex: none; padding: 0 6px; border: none; background: transparent; color: var(--text-faint); font-size: 16px; line-height: 1; }
+  button:hover { color: var(--text); background: transparent; }
+}
 .requests-view {
   flex: 1;
   display: flex;
@@ -1423,109 +1469,6 @@ button.msg-summary:hover { color: var(--text); background: var(--bg-elev-2); bor
 .requests-empty {
   padding: 10px 20px;
 }
-.toggle {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  font-size: 12px;
-  color: var(--text-dim);
-  cursor: pointer;
-  user-select: none;
-  padding: 4px 10px;
-  background: rgb(11 13 18 / 0.8);
-  border: 1px solid var(--bg);
-  border-radius: 999px;
-}
-
-.toggle:hover {
-  color: var(--text);
-  border-color: var(--border-strong);
-}
-
-.toggle input {
-  appearance: none;
-  -webkit-appearance: none;
-  width: 26px;
-  height: 14px;
-  background: var(--bg-elev-2);
-  border: 1px solid var(--border);
-  border-radius: 999px;
-  position: relative;
-  cursor: pointer;
-  margin: 0;
-  transition: background 120ms ease, border-color 120ms ease;
-}
-
-.toggle input::after {
-  content: '';
-  position: absolute;
-  top: 1px;
-  left: 1px;
-  width: 10px;
-  height: 10px;
-  background: var(--text-dim);
-  border-radius: 50%;
-  transition: transform 120ms ease, background 120ms ease;
-}
-
-.toggle input:checked {
-  background: var(--accent);
-  border-color: var(--accent);
-}
-
-.toggle input:checked::after {
-  transform: translateX(12px);
-  background: #fff;
-}
-.prompt-editor-wrap {
-  position: relative;
-}
-
-.prompt-editor-raw {
-  field-sizing: content; /* auto-grow to the text, like the old contentEditable (Chromium 123+) */
-  display: block;
-  width: 100%;
-  word-break: break-word;
-  font-family: var(--font-mono), monospace;
-  font-size: 12px;
-  line-height: 1.5;
-  margin: 0;
-  padding: 0;
-  border: none;
-  background: transparent;
-  color: inherit;
-  resize: none;
-  outline: none;
-}
-
-.prompt-editor-raw:focus {
-  outline: 1px solid #4a9eff;
-  outline-offset: 4px;
-}
-
-.prompt-editor-styled {
-  cursor: text;
-}
-
-.prompt-editor-reset {
-  position: absolute;
-  top: 0;
-  right: 0;
-  font-size: 11px;
-  color: var(--text-dim);
-  background: var(--bg, #1a1a1a);
-  border: 1px solid var(--border);
-  border-radius: 999px;
-  padding: 2px 10px;
-  cursor: pointer;
-  font-family: inherit;
-  z-index: 2;
-}
-
-.prompt-editor-reset:hover {
-  color: var(--text);
-  border-color: var(--border-strong);
-}
 .agent-prompt-typing {
   display: inline-flex;
   align-items: center;
@@ -1554,112 +1497,12 @@ button.msg-summary:hover { color: var(--text); background: var(--bg-elev-2); bor
 }
 
 .agent-prompt-output {
-  flex: 1;
-  min-height: 0;
-  overflow: auto;
-  border: 1px solid var(--border);
-  border-radius: 6px;
-  padding: 12px 16px;
-}
-.agent-view {
-  flex: 1;
-  min-height: 0;
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  grid-template-rows: auto 1fr;
-  padding: 16px 20px;
-  position: relative;
-  gap: 12px;
-}
-
-.agent-view-actions {
-  grid-column: 1 / -1;
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  justify-self: end;
-  z-index: 1;
-}
-
-.agent-view-block {
-  min-height: 0;
+  align-self: stretch;
+  max-height: 320px;
   overflow: auto;
-  border: 1px solid var(--border);
-  border-radius: 6px;
-  padding: 12px 16px;
-}
-
-.agent-view-close {
-  font-size: 14px;
-  line-height: 1;
-  color: var(--text-faint);
-  background: transparent;
-  border: 1px solid var(--border);
-  border-radius: 4px;
-  padding: 4px 8px;
-  cursor: pointer;
-
-  &:hover { color: var(--text); background: var(--bg-elev-2); }
-}
-
-.agent-view-raw {
-  white-space: pre-wrap;
-  word-break: break-word;
-  font-family: var(--font-mono), monospace;
+  background: var(--bg-elev-1, var(--bg));
   font-size: 12px;
-  line-height: 1.5;
-  margin: 0;
-}
-
-.agent-view-right {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  min-height: 0;
-  min-width: 0;
-}
-
-.agent-view-left,
-.agent-view-right > .agent-prompt-wrap,
-.agent-view-right > .agent-view-output-wrap {
-  flex: 1 1 0;
-  min-height: 0;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-
-.agent-view-left > .agent-view-block,
-.agent-view-output-wrap > .agent-prompt-output,
-.agent-prompt-wrap > .agent-view-block {
-  flex: 1;
-  min-height: 0;
 }
-
-.agent-prompt-wrap {
-  position: relative;
-}
-
-.agent-view-label {
-  font-size: 11px;
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.6px;
-  color: var(--text-faint);
-}
-
-.agent-prompt-actions {
-  position: absolute;
-  right: 8px;
-  bottom: 8px;
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  padding: 4px 6px;
-  background: var(--bg);
-}
-
 .session-summary {
   width: 280px;
   flex-shrink: 0;
@@ -1675,45 +1518,22 @@ button.msg-summary:hover { color: var(--text); background: var(--bg-elev-2); bor
 .summary-ai {
   display: flex;
   flex-direction: column;
+  align-items: flex-end;
   gap: 8px;
   padding-bottom: 15px;
   border-bottom: 1px solid var(--border);
 }
 
-.summary-ai-row {
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-  gap: 4px;
-}
-
-.summary-ai-gear {
-  padding: 4px 8px;
-  font-size: 14px;
-  line-height: 1;
-  color: var(--text-faint);
-  background: transparent;
-  cursor: pointer;
-  border: none;
-
-  &:hover { color: var(--text); background: transparent; }
-}
-
-
-.summary-ai-output {
-  max-height: 320px;
-  overflow: auto;
-  background: var(--bg-elev-1, var(--bg));
-  font-size: 12px;
+/* Both labels share one grid cell so the button keeps the wider label's width.
+   Doubled class: styles.css loads later and would re-center the text */
+.button-primary.summary-ai-button {
+  display: inline-grid;
+  text-align: left;
 
-  .agent-prompt-output {
-    padding: 0;
-    border: none;
-    border-radius: 0;
-  }
+  & > span { grid-area: 1 / 1; }
+  & > .hidden { visibility: hidden; }
 }
 
-
 .summary-section {
   display: flex;
   flex-direction: column;
@@ -1782,6 +1602,8 @@ button.msg-summary:hover { color: var(--text); background: var(--bg-elev-2); bor
 
   &.mono { font-family: var(--font-mono), monospace; }
 
+  /* A 36-char UUID fits the 248px column on one line, even with a scrollbar */
+  & .session-id { font-size: 11.2px; }
   & .warn { color: var(--warn); }
   & .danger { color: var(--danger); }
 }
@@ -1803,6 +1625,60 @@ button.msg-summary:hover { color: var(--text); background: var(--bg-elev-2); bor
   &.tone-warn .progress-bar-fill { background: var(--warn); }
   &.tone-danger .progress-bar-fill { background: var(--danger); }
 }
+.toggle {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 12px;
+  color: var(--text-dim);
+  cursor: pointer;
+  user-select: none;
+  padding: 4px 10px;
+  background: rgb(11 13 18 / 0.8);
+  border: 1px solid var(--bg);
+  border-radius: 999px;
+}
+
+.toggle:hover {
+  color: var(--text);
+  border-color: var(--border-strong);
+}
+
+.toggle input {
+  appearance: none;
+  -webkit-appearance: none;
+  width: 26px;
+  height: 14px;
+  background: var(--bg-elev-2);
+  border: 1px solid var(--border);
+  border-radius: 999px;
+  position: relative;
+  cursor: pointer;
+  margin: 0;
+  transition: background 120ms ease, border-color 120ms ease;
+}
+
+.toggle input::after {
+  content: '';
+  position: absolute;
+  top: 1px;
+  left: 1px;
+  width: 10px;
+  height: 10px;
+  background: var(--text-dim);
+  border-radius: 50%;
+  transition: transform 120ms ease, background 120ms ease;
+}
+
+.toggle input:checked {
+  background: var(--accent);
+  border-color: var(--accent);
+}
+
+.toggle input:checked::after {
+  transform: translateX(12px);
+  background: #fff;
+}
 .session-view {
   display: flex;
   flex-direction: column;
@@ -2083,6 +1959,18 @@ button.msg-summary:hover { color: var(--text); background: var(--bg-elev-2); bor
   white-space: nowrap;
 }
 
+/* A blue-tinted .statusbar-seg (StatusSwitch lays out the full-height fill and the tooltip) */
+.statusbar-update { background: rgb(96 165 250 / 0.14); }
+.statusbar-seg.statusbar-update:hover { background: rgb(96 165 250 / 0.24); }
+.statusbar-update .statusbar-msg {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  color: var(--accent);
+  font-weight: 700;
+  white-space: nowrap;
+}
+
 /* Session-loading indicator (compact progress bar, mirrors SessionSummary's .progress-bar) */
 /* Pinned to the left; the auto margin pushes everything else right.
    Fixed width + tabular-nums keep the layout from shifting as the count changes. */
@@ -2140,6 +2028,7 @@ button.msg-summary:hover { color: var(--text); background: var(--bg-elev-2); bor
 }
 
 .gantt-pane {
+  --gantt-side-width: 247px;
   display: flex;
   flex-direction: column;
   min-height: 0;
@@ -2154,7 +2043,7 @@ button.msg-summary:hover { color: var(--text); background: var(--bg-elev-2); bor
 
   & > * { min-width: 0; min-height: 0; }
   & > .gantt-wrap { flex: 1; }
-  & > .gantt-side { flex: 0 0 247px; }
+  & > .gantt-side { flex: 0 0 var(--gantt-side-width); }
 }
 
 .body-outer {