@ascribed/astro 0.2.0 → 0.2.1-next.11

package/dist/toolbar/style.d.ts

@@ -1 +1 @@
-export declare const PANEL_CSS = "\n.panel {\n  --ink: #1d2330;\n  --muted: #5b6475;\n  --win: #ffffff;\n  --side: #f5f7fb;\n  --line: #d3d8e0;\n  --accent: #1f6feb;\n  --accent-ink: #ffffff;\n  --notice: #fff1c2;\n  --ui: system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif;\n  --mono: ui-monospace, \"SF Mono\", Menlo, Consolas, monospace;\n}\n/* Light or dark as the page is (data-scheme), else as the reader's system is. */\n@media (prefers-color-scheme: dark) {\n  .panel:not([data-scheme=\"light\"]) {\n    --ink: #d9dde5;\n    --muted: #929bab;\n    --win: #1e2026;\n    --side: #23262d;\n    --line: #343a45;\n    --accent: #5aa2ff;\n    --accent-ink: #0b1220;\n    --notice: #3a2f0d;\n  }\n}\n.panel[data-scheme=\"dark\"] {\n  --ink: #d9dde5;\n  --muted: #929bab;\n  --win: #1e2026;\n  --side: #23262d;\n  --line: #343a45;\n  --accent: #5aa2ff;\n  --accent-ink: #0b1220;\n  --notice: #3a2f0d;\n}\n.panel {\n  position: fixed;\n  left: 50%;\n  bottom: 72px;\n  transform: translateX(-50%);\n  width: min(960px, calc(100vw - 20px));\n  box-sizing: border-box;\n  max-height: 300px;\n  overflow-y: auto;\n  background: var(--win);\n  color: var(--ink);\n  border: 1px solid var(--ink);\n  border-radius: 8px;\n  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.3);\n  font: 12.5px/1.45 var(--ui);\n  z-index: 1;\n}\n.ttl {\n  display: flex;\n  gap: 10px;\n  align-items: center;\n  padding: 4px 10px;\n  font-size: 11px;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  font-weight: 700;\n  background: var(--ink);\n  color: var(--win);\n  position: sticky;\n  top: 0;\n}\n.ttl .grow {\n  flex: 1;\n}\n.ttl button {\n  border: 0;\n  background: transparent;\n  color: var(--win);\n  padding: 0;\n  font: inherit;\n  text-transform: none;\n  letter-spacing: 0;\n  font-weight: 400;\n  cursor: pointer;\n}\n.row,\n.notice,\n.unsent {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px 10px;\n  align-items: center;\n  padding: 6px 10px;\n  border-bottom: 1px solid var(--line);\n  font-size: 12px;\n}\n.row {\n  background: var(--side);\n}\n.row .grow {\n  flex: 1;\n  min-width: 160px;\n  color: var(--muted);\n}\n.row b {\n  color: var(--ink);\n  font-weight: 600;\n}\n.legend {\n  flex-basis: 100%;\n  color: var(--muted);\n  font-size: 11.5px;\n}\n.notice,\n.unsent {\n  background: var(--notice);\n  font-size: 12.5px;\n}\n.notice code {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 0.95em;\n}\n.spacer {\n  flex: 1;\n}\n.body {\n  padding: 8px 10px;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  border-bottom: 1px solid var(--line);\n}\n.body:last-child,\n.row:last-child,\n.notice:last-child,\n.unsent:last-child {\n  border-bottom: 0;\n}\n.hint {\n  color: var(--muted);\n  font-size: 11.5px;\n}\nul {\n  margin: 0;\n  padding-left: 18px;\n}\nli + li {\n  margin-top: 2px;\n}\n.thread {\n  border: 1px solid var(--line);\n  border-radius: 6px;\n  padding: 6px 8px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.thread .where {\n  color: var(--muted);\n  font-size: 11.5px;\n}\n.thread .comment p {\n  margin: 0;\n}\ncode {\n  font-family: var(--mono);\n  font-size: 0.92em;\n}\nbutton {\n  font: inherit;\n  cursor: pointer;\n  color: inherit;\n}\nbutton:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton:focus-visible,\na:focus-visible {\n  outline: 2px solid var(--accent);\n  outline-offset: 1px;\n}\n.ghost {\n  border: 1px solid var(--line);\n  background: var(--win);\n  border-radius: 5px;\n  padding: 2px 8px;\n  font-size: 12px;\n}\n.ghost:hover {\n  border-color: var(--accent);\n  color: var(--accent);\n}\n.square {\n  min-width: 28px;\n  min-height: 24px;\n}\n.primary {\n  border: 1px solid var(--accent);\n  background: var(--accent);\n  color: var(--accent-ink);\n  border-radius: 5px;\n  padding: 2px 10px;\n  font-size: 12.5px;\n  font-weight: 600;\n}\n.link,\na {\n  border: 0;\n  background: transparent;\n  color: var(--accent);\n  padding: 0;\n  font-size: inherit;\n  text-decoration: none;\n}\n.link:hover,\na:hover {\n  text-decoration: underline;\n}\n.position {\n  white-space: nowrap;\n}\n.segmented {\n  display: inline-flex;\n  border: 1px solid var(--line);\n  border-radius: 5px;\n  overflow: hidden;\n}\n.segmented button {\n  border: 0;\n  background: transparent;\n  padding: 2px 9px;\n  font-size: 12px;\n  color: var(--muted);\n}\n.segmented button + button {\n  border-left: 1px solid var(--line);\n}\n.segmented button[aria-pressed=\"true\"] {\n  background: var(--accent);\n  color: var(--accent-ink);\n}\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n}\n";
+export declare const PANEL_CSS = "\n.panel {\n  /* Generated from design/tokens.toml by scripts/design/tokens.ts: panel, light. */\n  --ink: #22272e;\n  --muted: #676c75;\n  --win: #ffffff;\n  --side: #f7f9fd;\n  --line: #e3e6ec;\n  --accent: #5962e8;\n  --accent-ink: #ffffff;\n  --notice: #fef5eb;\n  --ui: system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif;\n  --mono: ui-monospace, \"SF Mono\", Menlo, Consolas, monospace;\n  /* End of generated panel. */\n}\n/* Light or dark as the page is (data-scheme), else as the reader's system is. */\n@media (prefers-color-scheme: dark) {\n  .panel:not([data-scheme=\"light\"]) {\n    /* Generated from design/tokens.toml by scripts/design/tokens.ts: panel, dark. */\n    --ink: #f0f3f7;\n    --muted: #a5a9b2;\n    --win: #0c0f16;\n    --side: #13171f;\n    --line: #393d46;\n    --accent: #91a1fe;\n    --accent-ink: #0c0f16;\n    --notice: #2b1a03;\n    /* End of generated panel. */\n  }\n}\n.panel[data-scheme=\"dark\"] {\n  /* Generated from design/tokens.toml by scripts/design/tokens.ts: panel, dark. */\n  --ink: #f0f3f7;\n  --muted: #a5a9b2;\n  --win: #0c0f16;\n  --side: #13171f;\n  --line: #393d46;\n  --accent: #91a1fe;\n  --accent-ink: #0c0f16;\n  --notice: #2b1a03;\n  /* End of generated panel. */\n}\n.panel {\n  position: fixed;\n  left: 50%;\n  bottom: 72px;\n  transform: translateX(-50%);\n  width: min(960px, calc(100vw - 20px));\n  box-sizing: border-box;\n  max-height: 300px;\n  overflow-y: auto;\n  background: var(--win);\n  color: var(--ink);\n  border: 1px solid var(--ink);\n  border-radius: 8px;\n  /* Generated from design/tokens.toml by scripts/design/tokens.ts: shadow, light. */\n  box-shadow: 0 8px 28px rgb(0 0 0 / 0.3);\n  /* End of generated shadow. */\n  font: 12.5px/1.45 var(--ui);\n  z-index: 1;\n}\n.ttl {\n  display: flex;\n  gap: 10px;\n  align-items: center;\n  padding: 4px 10px;\n  font-size: 11px;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  font-weight: 700;\n  background: var(--ink);\n  color: var(--win);\n  position: sticky;\n  top: 0;\n}\n.ttl .grow {\n  flex: 1;\n}\n.ttl button {\n  border: 0;\n  background: transparent;\n  color: var(--win);\n  padding: 0;\n  font: inherit;\n  text-transform: none;\n  letter-spacing: 0;\n  font-weight: 400;\n  cursor: pointer;\n}\n.row,\n.notice,\n.unsent {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px 10px;\n  align-items: center;\n  padding: 6px 10px;\n  border-bottom: 1px solid var(--line);\n  font-size: 12px;\n}\n.row {\n  background: var(--side);\n}\n.row .grow {\n  flex: 1;\n  min-width: 160px;\n  color: var(--muted);\n}\n.row b {\n  color: var(--ink);\n  font-weight: 600;\n}\n.legend {\n  flex-basis: 100%;\n  color: var(--muted);\n  font-size: 11.5px;\n}\n.notice,\n.unsent {\n  background: var(--notice);\n  font-size: 12.5px;\n}\n.notice code {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 0.95em;\n}\n.spacer {\n  flex: 1;\n}\n.body {\n  padding: 8px 10px;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  border-bottom: 1px solid var(--line);\n}\n.body:last-child,\n.row:last-child,\n.notice:last-child,\n.unsent:last-child {\n  border-bottom: 0;\n}\n.hint {\n  color: var(--muted);\n  font-size: 11.5px;\n}\nul {\n  margin: 0;\n  padding-left: 18px;\n}\nli + li {\n  margin-top: 2px;\n}\n.thread {\n  border: 1px solid var(--line);\n  border-radius: 6px;\n  padding: 6px 8px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.thread .where {\n  color: var(--muted);\n  font-size: 11.5px;\n}\n.thread .comment p {\n  margin: 0;\n}\ncode {\n  font-family: var(--mono);\n  font-size: 0.92em;\n}\nbutton {\n  font: inherit;\n  cursor: pointer;\n  color: inherit;\n}\nbutton:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton:focus-visible,\na:focus-visible {\n  outline: 2px solid var(--accent);\n  outline-offset: 1px;\n}\n.ghost {\n  border: 1px solid var(--line);\n  background: var(--win);\n  border-radius: 5px;\n  padding: 2px 8px;\n  font-size: 12px;\n}\n.ghost:hover {\n  border-color: var(--accent);\n  color: var(--accent);\n}\n.square {\n  min-width: 28px;\n  min-height: 24px;\n}\n.primary {\n  border: 1px solid var(--accent);\n  background: var(--accent);\n  color: var(--accent-ink);\n  border-radius: 5px;\n  padding: 2px 10px;\n  font-size: 12.5px;\n  font-weight: 600;\n}\n.link,\na {\n  border: 0;\n  background: transparent;\n  color: var(--accent);\n  padding: 0;\n  font-size: inherit;\n  text-decoration: none;\n}\n.link:hover,\na:hover {\n  text-decoration: underline;\n}\n.position {\n  white-space: nowrap;\n}\n.segmented {\n  display: inline-flex;\n  border: 1px solid var(--line);\n  border-radius: 5px;\n  overflow: hidden;\n}\n.segmented button {\n  border: 0;\n  background: transparent;\n  padding: 2px 9px;\n  font-size: 12px;\n  color: var(--muted);\n}\n.segmented button + button {\n  border-left: 1px solid var(--line);\n}\n.segmented button[aria-pressed=\"true\"] {\n  background: var(--accent);\n  color: var(--accent-ink);\n}\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n}\n";

package/dist/toolbar/style.js

@@ -2,39 +2,45 @@
 // don't reach it, and its don't reach the page.
 export const PANEL_CSS = `
 .panel {
-  --ink: #1d2330;
-  --muted: #5b6475;
+  /* Generated from design/tokens.toml by scripts/design/tokens.ts: panel, light. */
+  --ink: #22272e;
+  --muted: #676c75;
   --win: #ffffff;
-  --side: #f5f7fb;
-  --line: #d3d8e0;
-  --accent: #1f6feb;
+  --side: #f7f9fd;
+  --line: #e3e6ec;
+  --accent: #5962e8;
   --accent-ink: #ffffff;
-  --notice: #fff1c2;
+  --notice: #fef5eb;
   --ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
   --mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
+  /* End of generated panel. */
 }
 /* Light or dark as the page is (data-scheme), else as the reader's system is. */
 @media (prefers-color-scheme: dark) {
   .panel:not([data-scheme="light"]) {
-    --ink: #d9dde5;
-    --muted: #929bab;
-    --win: #1e2026;
-    --side: #23262d;
-    --line: #343a45;
-    --accent: #5aa2ff;
-    --accent-ink: #0b1220;
-    --notice: #3a2f0d;
+    /* Generated from design/tokens.toml by scripts/design/tokens.ts: panel, dark. */
+    --ink: #f0f3f7;
+    --muted: #a5a9b2;
+    --win: #0c0f16;
+    --side: #13171f;
+    --line: #393d46;
+    --accent: #91a1fe;
+    --accent-ink: #0c0f16;
+    --notice: #2b1a03;
+    /* End of generated panel. */
   }
 }
 .panel[data-scheme="dark"] {
-  --ink: #d9dde5;
-  --muted: #929bab;
-  --win: #1e2026;
-  --side: #23262d;
-  --line: #343a45;
-  --accent: #5aa2ff;
-  --accent-ink: #0b1220;
-  --notice: #3a2f0d;
+  /* Generated from design/tokens.toml by scripts/design/tokens.ts: panel, dark. */
+  --ink: #f0f3f7;
+  --muted: #a5a9b2;
+  --win: #0c0f16;
+  --side: #13171f;
+  --line: #393d46;
+  --accent: #91a1fe;
+  --accent-ink: #0c0f16;
+  --notice: #2b1a03;
+  /* End of generated panel. */
 }
 .panel {
   position: fixed;
@@ -49,7 +55,9 @@ export const PANEL_CSS = `
   color: var(--ink);
   border: 1px solid var(--ink);
   border-radius: 8px;
-  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.3);
+  /* Generated from design/tokens.toml by scripts/design/tokens.ts: shadow, light. */
+  box-shadow: 0 8px 28px rgb(0 0 0 / 0.3);
+  /* End of generated shadow. */
   font: 12.5px/1.45 var(--ui);
   z-index: 1;
 }

package/dist/toolbar/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sourceRoot":"","sources":["../../src/toolbar/style.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,gDAAgD;AAChD,MAAM,CAAC,MAAM,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsPxB,CAAC","sourcesContent":["// The toolbar app's panel, in the app's own shadow root: the page's styles\n// don't reach it, and its don't reach the page.\nexport const PANEL_CSS = `\n.panel {\n  --ink: #1d2330;\n  --muted: #5b6475;\n  --win: #ffffff;\n  --side: #f5f7fb;\n  --line: #d3d8e0;\n  --accent: #1f6feb;\n  --accent-ink: #ffffff;\n  --notice: #fff1c2;\n  --ui: system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif;\n  --mono: ui-monospace, \"SF Mono\", Menlo, Consolas, monospace;\n}\n/* Light or dark as the page is (data-scheme), else as the reader's system is. */\n@media (prefers-color-scheme: dark) {\n  .panel:not([data-scheme=\"light\"]) {\n    --ink: #d9dde5;\n    --muted: #929bab;\n    --win: #1e2026;\n    --side: #23262d;\n    --line: #343a45;\n    --accent: #5aa2ff;\n    --accent-ink: #0b1220;\n    --notice: #3a2f0d;\n  }\n}\n.panel[data-scheme=\"dark\"] {\n  --ink: #d9dde5;\n  --muted: #929bab;\n  --win: #1e2026;\n  --side: #23262d;\n  --line: #343a45;\n  --accent: #5aa2ff;\n  --accent-ink: #0b1220;\n  --notice: #3a2f0d;\n}\n.panel {\n  position: fixed;\n  left: 50%;\n  bottom: 72px;\n  transform: translateX(-50%);\n  width: min(960px, calc(100vw - 20px));\n  box-sizing: border-box;\n  max-height: 300px;\n  overflow-y: auto;\n  background: var(--win);\n  color: var(--ink);\n  border: 1px solid var(--ink);\n  border-radius: 8px;\n  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.3);\n  font: 12.5px/1.45 var(--ui);\n  z-index: 1;\n}\n.ttl {\n  display: flex;\n  gap: 10px;\n  align-items: center;\n  padding: 4px 10px;\n  font-size: 11px;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  font-weight: 700;\n  background: var(--ink);\n  color: var(--win);\n  position: sticky;\n  top: 0;\n}\n.ttl .grow {\n  flex: 1;\n}\n.ttl button {\n  border: 0;\n  background: transparent;\n  color: var(--win);\n  padding: 0;\n  font: inherit;\n  text-transform: none;\n  letter-spacing: 0;\n  font-weight: 400;\n  cursor: pointer;\n}\n.row,\n.notice,\n.unsent {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px 10px;\n  align-items: center;\n  padding: 6px 10px;\n  border-bottom: 1px solid var(--line);\n  font-size: 12px;\n}\n.row {\n  background: var(--side);\n}\n.row .grow {\n  flex: 1;\n  min-width: 160px;\n  color: var(--muted);\n}\n.row b {\n  color: var(--ink);\n  font-weight: 600;\n}\n.legend {\n  flex-basis: 100%;\n  color: var(--muted);\n  font-size: 11.5px;\n}\n.notice,\n.unsent {\n  background: var(--notice);\n  font-size: 12.5px;\n}\n.notice code {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 0.95em;\n}\n.spacer {\n  flex: 1;\n}\n.body {\n  padding: 8px 10px;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  border-bottom: 1px solid var(--line);\n}\n.body:last-child,\n.row:last-child,\n.notice:last-child,\n.unsent:last-child {\n  border-bottom: 0;\n}\n.hint {\n  color: var(--muted);\n  font-size: 11.5px;\n}\nul {\n  margin: 0;\n  padding-left: 18px;\n}\nli + li {\n  margin-top: 2px;\n}\n.thread {\n  border: 1px solid var(--line);\n  border-radius: 6px;\n  padding: 6px 8px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.thread .where {\n  color: var(--muted);\n  font-size: 11.5px;\n}\n.thread .comment p {\n  margin: 0;\n}\ncode {\n  font-family: var(--mono);\n  font-size: 0.92em;\n}\nbutton {\n  font: inherit;\n  cursor: pointer;\n  color: inherit;\n}\nbutton:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton:focus-visible,\na:focus-visible {\n  outline: 2px solid var(--accent);\n  outline-offset: 1px;\n}\n.ghost {\n  border: 1px solid var(--line);\n  background: var(--win);\n  border-radius: 5px;\n  padding: 2px 8px;\n  font-size: 12px;\n}\n.ghost:hover {\n  border-color: var(--accent);\n  color: var(--accent);\n}\n.square {\n  min-width: 28px;\n  min-height: 24px;\n}\n.primary {\n  border: 1px solid var(--accent);\n  background: var(--accent);\n  color: var(--accent-ink);\n  border-radius: 5px;\n  padding: 2px 10px;\n  font-size: 12.5px;\n  font-weight: 600;\n}\n.link,\na {\n  border: 0;\n  background: transparent;\n  color: var(--accent);\n  padding: 0;\n  font-size: inherit;\n  text-decoration: none;\n}\n.link:hover,\na:hover {\n  text-decoration: underline;\n}\n.position {\n  white-space: nowrap;\n}\n.segmented {\n  display: inline-flex;\n  border: 1px solid var(--line);\n  border-radius: 5px;\n  overflow: hidden;\n}\n.segmented button {\n  border: 0;\n  background: transparent;\n  padding: 2px 9px;\n  font-size: 12px;\n  color: var(--muted);\n}\n.segmented button + button {\n  border-left: 1px solid var(--line);\n}\n.segmented button[aria-pressed=\"true\"] {\n  background: var(--accent);\n  color: var(--accent-ink);\n}\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n}\n`;\n"]}
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../src/toolbar/style.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,gDAAgD;AAChD,MAAM,CAAC,MAAM,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8PxB,CAAC","sourcesContent":["// The toolbar app's panel, in the app's own shadow root: the page's styles\n// don't reach it, and its don't reach the page.\nexport const PANEL_CSS = `\n.panel {\n  /* Generated from design/tokens.toml by scripts/design/tokens.ts: panel, light. */\n  --ink: #22272e;\n  --muted: #676c75;\n  --win: #ffffff;\n  --side: #f7f9fd;\n  --line: #e3e6ec;\n  --accent: #5962e8;\n  --accent-ink: #ffffff;\n  --notice: #fef5eb;\n  --ui: system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif;\n  --mono: ui-monospace, \"SF Mono\", Menlo, Consolas, monospace;\n  /* End of generated panel. */\n}\n/* Light or dark as the page is (data-scheme), else as the reader's system is. */\n@media (prefers-color-scheme: dark) {\n  .panel:not([data-scheme=\"light\"]) {\n    /* Generated from design/tokens.toml by scripts/design/tokens.ts: panel, dark. */\n    --ink: #f0f3f7;\n    --muted: #a5a9b2;\n    --win: #0c0f16;\n    --side: #13171f;\n    --line: #393d46;\n    --accent: #91a1fe;\n    --accent-ink: #0c0f16;\n    --notice: #2b1a03;\n    /* End of generated panel. */\n  }\n}\n.panel[data-scheme=\"dark\"] {\n  /* Generated from design/tokens.toml by scripts/design/tokens.ts: panel, dark. */\n  --ink: #f0f3f7;\n  --muted: #a5a9b2;\n  --win: #0c0f16;\n  --side: #13171f;\n  --line: #393d46;\n  --accent: #91a1fe;\n  --accent-ink: #0c0f16;\n  --notice: #2b1a03;\n  /* End of generated panel. */\n}\n.panel {\n  position: fixed;\n  left: 50%;\n  bottom: 72px;\n  transform: translateX(-50%);\n  width: min(960px, calc(100vw - 20px));\n  box-sizing: border-box;\n  max-height: 300px;\n  overflow-y: auto;\n  background: var(--win);\n  color: var(--ink);\n  border: 1px solid var(--ink);\n  border-radius: 8px;\n  /* Generated from design/tokens.toml by scripts/design/tokens.ts: shadow, light. */\n  box-shadow: 0 8px 28px rgb(0 0 0 / 0.3);\n  /* End of generated shadow. */\n  font: 12.5px/1.45 var(--ui);\n  z-index: 1;\n}\n.ttl {\n  display: flex;\n  gap: 10px;\n  align-items: center;\n  padding: 4px 10px;\n  font-size: 11px;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  font-weight: 700;\n  background: var(--ink);\n  color: var(--win);\n  position: sticky;\n  top: 0;\n}\n.ttl .grow {\n  flex: 1;\n}\n.ttl button {\n  border: 0;\n  background: transparent;\n  color: var(--win);\n  padding: 0;\n  font: inherit;\n  text-transform: none;\n  letter-spacing: 0;\n  font-weight: 400;\n  cursor: pointer;\n}\n.row,\n.notice,\n.unsent {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px 10px;\n  align-items: center;\n  padding: 6px 10px;\n  border-bottom: 1px solid var(--line);\n  font-size: 12px;\n}\n.row {\n  background: var(--side);\n}\n.row .grow {\n  flex: 1;\n  min-width: 160px;\n  color: var(--muted);\n}\n.row b {\n  color: var(--ink);\n  font-weight: 600;\n}\n.legend {\n  flex-basis: 100%;\n  color: var(--muted);\n  font-size: 11.5px;\n}\n.notice,\n.unsent {\n  background: var(--notice);\n  font-size: 12.5px;\n}\n.notice code {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 0.95em;\n}\n.spacer {\n  flex: 1;\n}\n.body {\n  padding: 8px 10px;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  border-bottom: 1px solid var(--line);\n}\n.body:last-child,\n.row:last-child,\n.notice:last-child,\n.unsent:last-child {\n  border-bottom: 0;\n}\n.hint {\n  color: var(--muted);\n  font-size: 11.5px;\n}\nul {\n  margin: 0;\n  padding-left: 18px;\n}\nli + li {\n  margin-top: 2px;\n}\n.thread {\n  border: 1px solid var(--line);\n  border-radius: 6px;\n  padding: 6px 8px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.thread .where {\n  color: var(--muted);\n  font-size: 11.5px;\n}\n.thread .comment p {\n  margin: 0;\n}\ncode {\n  font-family: var(--mono);\n  font-size: 0.92em;\n}\nbutton {\n  font: inherit;\n  cursor: pointer;\n  color: inherit;\n}\nbutton:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton:focus-visible,\na:focus-visible {\n  outline: 2px solid var(--accent);\n  outline-offset: 1px;\n}\n.ghost {\n  border: 1px solid var(--line);\n  background: var(--win);\n  border-radius: 5px;\n  padding: 2px 8px;\n  font-size: 12px;\n}\n.ghost:hover {\n  border-color: var(--accent);\n  color: var(--accent);\n}\n.square {\n  min-width: 28px;\n  min-height: 24px;\n}\n.primary {\n  border: 1px solid var(--accent);\n  background: var(--accent);\n  color: var(--accent-ink);\n  border-radius: 5px;\n  padding: 2px 10px;\n  font-size: 12.5px;\n  font-weight: 600;\n}\n.link,\na {\n  border: 0;\n  background: transparent;\n  color: var(--accent);\n  padding: 0;\n  font-size: inherit;\n  text-decoration: none;\n}\n.link:hover,\na:hover {\n  text-decoration: underline;\n}\n.position {\n  white-space: nowrap;\n}\n.segmented {\n  display: inline-flex;\n  border: 1px solid var(--line);\n  border-radius: 5px;\n  overflow: hidden;\n}\n.segmented button {\n  border: 0;\n  background: transparent;\n  padding: 2px 9px;\n  font-size: 12px;\n  color: var(--muted);\n}\n.segmented button + button {\n  border-left: 1px solid var(--line);\n}\n.segmented button[aria-pressed=\"true\"] {\n  background: var(--accent);\n  color: var(--accent-ink);\n}\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n}\n`;\n"]}

package/dist/toolbar/text.d.ts

@@ -1,11 +1,11 @@
 import type { LocatedThread } from "@ascribed/review/overlay";
-import type { ChangedPage, Counts, DiffPage, PageView, ThreadsState } from "../review/protocol.js";
+import type { ChangedPage, Counts, PageDiff, PageView, ThreadsState } from "../review/protocol.js";
 /** "10 changes on this page", or "3 of 10 on this page" while stepping through them. */
 export declare function position(total: number, at: number): string;
 /** "5 changed · 3 added · 1 removed · 1 moved", leaving out kinds with none. */
 export declare function countsText(counts: Counts): string;
 /** A changed page's line in the list: its counts, or what happened to it. */
-export declare function pageDetail(page: Omit<DiffPage, "changes">): string;
+export declare function pageDetail(page: Omit<PageDiff, "changes">): string;
 /**
  * The notice about the working tree's errors, or `undefined` with none: a
  * page with an error may render oddly, which shouldn't read as the change.
@@ -27,7 +27,7 @@ export declare function threadsNotice(threads: ThreadsState): string | undefined
  * path order, or past the last, the first (`first`). Removed pages are
  * skipped. `null` when no other page changed.
  */
-export declare function nextChangedPage<P extends Omit<DiffPage, "changes">>(pages: readonly P[], current: string | null): {
+export declare function nextChangedPage<P extends Omit<PageDiff, "changes">>(pages: readonly P[], current: string | null): {
     page: P;
     first: boolean;
 } | null;

package/dist/toolbar/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","sourceRoot":"","sources":["../../src/toolbar/text.ts"],"names":[],"mappings":"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","sourcesContent":["// What the toolbar app says, apart from the DOM so it can be tested by itself.\nimport type { LocatedThread } from \"@ascribed/review/overlay\";\nimport type { ChangedPage, Counts, DiffPage, PageView, ThreadsState } from \"../review/protocol.js\";\n\n/** \"10 changes on this page\", or \"3 of 10 on this page\" while stepping through them. */\nexport function position(total: number, at: number): string {\n  if (total === 0) return \"No changes on this page\";\n  if (at >= 0 && at < total) return `${at + 1} of ${total} on this page`;\n  return total === 1 ? \"1 change on this page\" : `${total} changes on this page`;\n}\n\n/** \"5 changed · 3 added · 1 removed · 1 moved\", leaving out kinds with none. */\nexport function countsText(counts: Counts): string {\n  const parts: string[] = [];\n  if (counts.changed > 0) parts.push(`${counts.changed} changed`);\n  if (counts.added > 0) parts.push(`${counts.added} added`);\n  if (counts.removed > 0) parts.push(`${counts.removed} removed`);\n  if (counts.moved > 0) parts.push(`${counts.moved} moved`);\n  return parts.join(\" · \");\n}\n\n/** A changed page's line in the list: its counts, or what happened to it. */\nexport function pageDetail(page: Omit<DiffPage, \"changes\">): string {\n  if (page.status === \"added\") return \"new page\";\n  if (page.status === \"removed\") return \"removed\";\n  const counts = countsText(page.counts);\n  if (counts !== \"\") return counts;\n  return page.page_changed.length > 0 ? `${page.page_changed.join(\", \")} changed` : \"changed\";\n}\n\n/**\n * The notice about the working tree's errors, or `undefined` with none: a\n * page with an error may render oddly, which shouldn't read as the change.\n */\nexport function errorsNotice(errors: number): string | undefined {\n  if (errors <= 0) return undefined;\n  const one = errors === 1;\n  return (\n    `The working tree has ${one ? \"1 error\" : `${errors} errors`}, so a page may not show as ` +\n    `it will once ${one ? \"it's\" : \"they're\"} fixed. \\`ascribe check\\` lists ${one ? \"it\" : \"them\"}.`\n  );\n}\n\n/** \"1 unsent comment\", \"2 unsent comments\". */\nexport function unsentText(count: number): string {\n  return count === 1 ? \"1 unsent comment\" : `${count} unsent comments`;\n}\n\n/** The toolbar button's label: \"Ascribe review\", with the unsent count when there is one. */\nexport function buttonLabel(unsent: number): string {\n  return unsent > 0 ? `Ascribe review · ${unsentText(unsent)}` : \"Ascribe review\";\n}\n\n/** The base's name and the pull request, as the panel's first words: \"#128 against main\". */\nexport function againstText(view: PageView): { pullRequest: string | null; base: string | null } {\n  const pullRequest = view.threads.state === \"on\" ? `#${view.threads.pullRequest.number}` : null;\n  const requested = view.base?.requested ?? null;\n  // The pull request's base by its name (\"main\"), not the remote branch compared with (\"origin/main\").\n  const name = view.threads.state === \"on\" ? view.threads.pullRequest.baseRefName : undefined;\n  const base =\n    requested !== null && name !== undefined && requested.endsWith(`/${name}`) ? name : requested;\n  return { pullRequest, base };\n}\n\n/** A sentence about the threads: why there are none, or how the checkout differs. */\nexport function threadsNotice(threads: ThreadsState): string | undefined {\n  if (threads.state !== \"on\") return threads.message;\n  const { local, pullRequest } = threads;\n  const name = `#${pullRequest.number}`;\n  const commits = (n: number) => (n === 1 ? \"1 commit\" : `${n} commits`);\n  switch (local.state) {\n    case \"same\":\n      return undefined;\n    case \"behind\":\n      return `Your checkout is ${commits(local.behind)} behind ${name}, so some comments may be on lines you don't have. Pull to see the latest.`;\n    case \"ahead\":\n      return `You have ${commits(local.ahead)} that ${local.ahead === 1 ? \"isn't\" : \"aren't\"} pushed. You can comment only on lines that are on GitHub.`;\n    case \"diverged\":\n      return `Your checkout and ${name} have both moved on (${local.behind} behind, ${local.ahead} ahead). Some comments may be on lines you don't have, and you can comment only on lines that are on GitHub.`;\n    case \"missing\":\n      return `Your checkout doesn't have ${name}'s latest commit, so some comments may be on lines you don't have. Fetch to see the latest.`;\n  }\n}\n\n/**\n * The changed page to offer after `current` (a content path): the next in\n * path order, or past the last, the first (`first`). Removed pages are\n * skipped. `null` when no other page changed.\n */\nexport function nextChangedPage<P extends Omit<DiffPage, \"changes\">>(\n  pages: readonly P[],\n  current: string | null,\n): { page: P; first: boolean } | null {\n  const open = pages.filter((p) => p.status !== \"removed\" && p.path !== current);\n  const first = open[0];\n  if (first === undefined) return null;\n  const after = current === null ? undefined : open.find((p) => p.path > current);\n  return after ? { page: after, first: false } : { page: first, first: true };\n}\n\n/** The button past the last change: \"Next changed page: Install Loom\", by title as the page preview says it. */\nexport function nextPageText(next: { page: ChangedPage; first: boolean }): string {\n  return `${next.first ? \"First\" : \"Next\"} changed page: ${next.page.title ?? next.page.route}`;\n}\n\n/**\n * Where a listed thread is, as the overlay's cards say it: its file's name\n * and lines (`Options.md:16`), or for a thread on removed text, only the\n * file's name, since its lines are the base's.\n */\nexport function threadLocation(thread: LocatedThread): { label: string; removed: boolean } {\n  const file = thread.path.slice(thread.path.lastIndexOf(\"/\") + 1);\n  const removed = thread.kind === \"review\" && thread.side === \"LEFT\";\n  const lines = thread.lines;\n  if (removed || lines === undefined) return { label: file, removed };\n  const range = lines.first === lines.last ? `${lines.first}` : `${lines.first}-${lines.last}`;\n  return { label: `${file}:${range}`, removed };\n}\n\n/** The hash that tells a page to go to a thread once it's drawn. */\nexport const THREAD_HASH = \"#ascribe-thread=\";\n"]}
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../src/toolbar/text.ts"],"names":[],"mappings":"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","sourcesContent":["// What the toolbar app says, apart from the DOM so it can be tested by itself.\nimport type { LocatedThread } from \"@ascribed/review/overlay\";\nimport type { ChangedPage, Counts, PageDiff, PageView, ThreadsState } from \"../review/protocol.js\";\n\n/** \"10 changes on this page\", or \"3 of 10 on this page\" while stepping through them. */\nexport function position(total: number, at: number): string {\n  if (total === 0) return \"No changes on this page\";\n  if (at >= 0 && at < total) return `${at + 1} of ${total} on this page`;\n  return total === 1 ? \"1 change on this page\" : `${total} changes on this page`;\n}\n\n/** \"5 changed · 3 added · 1 removed · 1 moved\", leaving out kinds with none. */\nexport function countsText(counts: Counts): string {\n  const parts: string[] = [];\n  if (counts.changed > 0) parts.push(`${counts.changed} changed`);\n  if (counts.added > 0) parts.push(`${counts.added} added`);\n  if (counts.removed > 0) parts.push(`${counts.removed} removed`);\n  if (counts.moved > 0) parts.push(`${counts.moved} moved`);\n  return parts.join(\" · \");\n}\n\n/** A changed page's line in the list: its counts, or what happened to it. */\nexport function pageDetail(page: Omit<PageDiff, \"changes\">): string {\n  if (page.status === \"added\") return \"new page\";\n  if (page.status === \"removed\") return \"removed\";\n  const counts = countsText(page.counts);\n  if (counts !== \"\") return counts;\n  return page.page_changed.length > 0 ? `${page.page_changed.join(\", \")} changed` : \"changed\";\n}\n\n/**\n * The notice about the working tree's errors, or `undefined` with none: a\n * page with an error may render oddly, which shouldn't read as the change.\n */\nexport function errorsNotice(errors: number): string | undefined {\n  if (errors <= 0) return undefined;\n  const one = errors === 1;\n  return (\n    `The working tree has ${one ? \"1 error\" : `${errors} errors`}, so a page may not show as ` +\n    `it will once ${one ? \"it's\" : \"they're\"} fixed. \\`ascribe check\\` lists ${one ? \"it\" : \"them\"}.`\n  );\n}\n\n/** \"1 unsent comment\", \"2 unsent comments\". */\nexport function unsentText(count: number): string {\n  return count === 1 ? \"1 unsent comment\" : `${count} unsent comments`;\n}\n\n/** The toolbar button's label: \"Ascribe review\", with the unsent count when there is one. */\nexport function buttonLabel(unsent: number): string {\n  return unsent > 0 ? `Ascribe review · ${unsentText(unsent)}` : \"Ascribe review\";\n}\n\n/** The base's name and the pull request, as the panel's first words: \"#128 against main\". */\nexport function againstText(view: PageView): { pullRequest: string | null; base: string | null } {\n  const pullRequest = view.threads.state === \"on\" ? `#${view.threads.pullRequest.number}` : null;\n  const requested = view.base?.requested ?? null;\n  // The pull request's base by its name (\"main\"), not the remote branch compared with (\"origin/main\").\n  const name = view.threads.state === \"on\" ? view.threads.pullRequest.baseRefName : undefined;\n  const base =\n    requested !== null && name !== undefined && requested.endsWith(`/${name}`) ? name : requested;\n  return { pullRequest, base };\n}\n\n/** A sentence about the threads: why there are none, or how the checkout differs. */\nexport function threadsNotice(threads: ThreadsState): string | undefined {\n  if (threads.state !== \"on\") return threads.message;\n  const { local, pullRequest } = threads;\n  const name = `#${pullRequest.number}`;\n  const commits = (n: number) => (n === 1 ? \"1 commit\" : `${n} commits`);\n  switch (local.state) {\n    case \"same\":\n      return undefined;\n    case \"behind\":\n      return `Your checkout is ${commits(local.behind)} behind ${name}, so some comments may be on lines you don't have. Pull to see the latest.`;\n    case \"ahead\":\n      return `You have ${commits(local.ahead)} that ${local.ahead === 1 ? \"isn't\" : \"aren't\"} pushed. You can comment only on lines that are on GitHub.`;\n    case \"diverged\":\n      return `Your checkout and ${name} have both moved on (${local.behind} behind, ${local.ahead} ahead). Some comments may be on lines you don't have, and you can comment only on lines that are on GitHub.`;\n    case \"missing\":\n      return `Your checkout doesn't have ${name}'s latest commit, so some comments may be on lines you don't have. Fetch to see the latest.`;\n  }\n}\n\n/**\n * The changed page to offer after `current` (a content path): the next in\n * path order, or past the last, the first (`first`). Removed pages are\n * skipped. `null` when no other page changed.\n */\nexport function nextChangedPage<P extends Omit<PageDiff, \"changes\">>(\n  pages: readonly P[],\n  current: string | null,\n): { page: P; first: boolean } | null {\n  const open = pages.filter((p) => p.status !== \"removed\" && p.path !== current);\n  const first = open[0];\n  if (first === undefined) return null;\n  const after = current === null ? undefined : open.find((p) => p.path > current);\n  return after ? { page: after, first: false } : { page: first, first: true };\n}\n\n/** The button past the last change: \"Next changed page: Install Loom\", by title as the page preview says it. */\nexport function nextPageText(next: { page: ChangedPage; first: boolean }): string {\n  return `${next.first ? \"First\" : \"Next\"} changed page: ${next.page.title ?? next.page.route}`;\n}\n\n/**\n * Where a listed thread is, as the overlay's cards say it: its file's name\n * and lines (`Options.md:16`), or for a thread on removed text, only the\n * file's name, since its lines are the base's.\n */\nexport function threadLocation(thread: LocatedThread): { label: string; removed: boolean } {\n  const file = thread.path.slice(thread.path.lastIndexOf(\"/\") + 1);\n  const removed = thread.kind === \"review\" && thread.side === \"LEFT\";\n  const lines = thread.lines;\n  if (removed || lines === undefined) return { label: file, removed };\n  const range = lines.first === lines.last ? `${lines.first}` : `${lines.first}-${lines.last}`;\n  return { label: `${file}:${range}`, removed };\n}\n\n/** The hash that tells a page to go to a thread once it's drawn. */\nexport const THREAD_HASH = \"#ascribe-thread=\";\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ascribed/astro",
-  "version": "0.2.0",
+  "version": "0.2.1-next.11",
   "description": "The Astro integration for Ascribe.",
   "type": "module",
   "license": "MPL-2.0",
@@ -41,14 +41,24 @@
     "node": ">=24"
   },
   "dependencies": {
-    "@ascribed/cli": "0.2.0",
-    "@ascribed/elements": "0.2.0",
-    "@ascribed/review": "0.2.0",
+    "@ascribed/cli": "0.2.1-next.11",
+    "@ascribed/elements": "0.2.1-next.11",
+    "@ascribed/review": "0.2.1-next.11",
     "property-information": "^7.2.0",
     "smol-toml": "^1.9.0"
   },
   "peerDependencies": {
-    "astro": "^7.3.5"
+    "@types/hast": "^3.0.0",
+    "astro": "^7.3.5",
+    "satteri": "^0.10.3"
+  },
+  "peerDependenciesMeta": {
+    "@types/hast": {
+      "optional": true
+    },
+    "satteri": {
+      "optional": true
+    }
   },
   "devDependencies": {
     "@types/hast": "^3.0.4",
@@ -68,6 +78,7 @@
   "publishConfig": {
     "access": "public"
   },
+  "gitHead": "dd64394135ff782efb8db030c81ac3b38e0f92c5",
   "scripts": {
     "build": "tsc -p tsconfig.build.json",
     "typecheck": "tsc --noEmit",