graview 0.1.28 → 0.1.30

package/dist/preview/chunk.RIEHYQLK.js

@@ -0,0 +1,1101 @@
+import{a as he,b as xe,c as be,d as ua,e as ma,g as ye,h as fa}from"./chunk.R26DREVU.js";import{h as ca,i as va}from"./chunk.3SKKIHU3.js";import{a as ga}from"./chunk.HJCQ6I3S.js";import"./chunk.O2LK2AO7.js";import"./chunk.26CZTUY4.js";import"./chunk.3JNMSOFG.js";import"./chunk.OAF7TUMI.js";import"./chunk.ERXSYPYL.js";import{b as da,c as sa,d as fe,e as la}from"./chunk.J2ITFGN3.js";import{a as ea}from"./chunk.KOB6N3SL.js";import{b as ue}from"./chunk.GLBHQFJ2.js";import"./chunk.6XMEU2Q2.js";import{b as me}from"./chunk.QIAKO27D.js";import"./chunk.UT6642FC.js";import"./chunk.2CIBWZJG.js";import"./chunk.MB7LKKUD.js";import"./chunk.7BWT5L2L.js";import"./chunk.SE5SKFQH.js";import{p as ia,q as na,r as oa}from"./chunk.W3S6UXNA.js";import{b as pa}from"./chunk.4SJUTBDV.js";import{e as wa}from"./chunk.DT7LHWU2.js";import{a as La}from"./chunk.UZWWDAGM.js";import"./chunk.TI4OSTQV.js";import"./chunk.6T2Q6NLO.js";import"./chunk.EYZ7MHBZ.js";import{d as Je,e as Qe,f as Q,p as Ze}from"./chunk.KQT7WAQE.js";import"./chunk.PAVR5TK5.js";import"./chunk.OQDETV4X.js";import"./chunk.3VL5WECB.js";import"./chunk.JH6MU6TX.js";import"./chunk.WAFDCOOG.js";import{b as We,g as Xe,l as aa,r as ra,z as ta}from"./chunk.L4DECHXR.js";import{$ as se,A as Ke,G as O,J as qe,R as h,W as Ge,Y as _e,Z as $,a as Y,ga as Ue,j as ve,k as ie,n as V,o as ne,p as we,pa as Ye,qa as F,s as oe,ta as Ve,xa as je,y as Fe,ya as le,z as de}from"./chunk.GFF2FB2J.js";import{$ as te,Jb as Oe,M as Be,Z as De,bc as L,dc as P}from"./chunk.6V2RG5JG.js";import{b as p}from"./chunk.AJZBJBMO.js";function Ha(e){return`
+
+
+.graview-altitude-control {
+  --graview-altitude: 0;
+  transition:
+    --graview-altitude 640ms cubic-bezier(0.33, 0, 0.2, 1),
+    color 240ms ease,
+    border-color 240ms ease;
+}
+.graview-altitude-mark * {
+  transform-box: fill-box;
+  transform-origin: center;
+}
+
+.graview-altitude-mark-ring {
+  transform: scaleX(calc(1 - 0.48 * var(--graview-altitude)));
+  opacity: calc(0.55 + 0.4 * var(--graview-altitude));
+}
+.graview-altitude-mark-apex {
+  transform: translateY(calc(2.6px * var(--graview-altitude)));
+}
+
+.graview-altitude-mark-wing {
+  opacity: calc(0.75 * (1 - var(--graview-altitude)));
+}
+.graview-altitude-mark-wing[data-side="left"] {
+  transform: translate(calc(4.4px * var(--graview-altitude)), calc(-0.8px * var(--graview-altitude)));
+}
+.graview-altitude-mark-wing[data-side="right"] {
+  transform: translate(calc(-4.4px * var(--graview-altitude)), calc(-0.8px * var(--graview-altitude)));
+}
+
+
+.graview-kind-card {
+  height: 100%;
+  transition: transform 170ms cubic-bezier(0.22, 1, 0.36, 1), height 170ms ease,
+    box-shadow 170ms ease;
+  
+  overflow: clip;
+}
+.graview-kind-card:hover,
+.graview-kind-card:focus-within {
+  height: auto;
+  transform: translateY(-4px) scale(1.05);
+  box-shadow: var(--graview-lift-high);
+  position: relative;
+  z-index: ${L.lines};
+}
+
+
+.graview-kind-open { display: none; }
+
+
+
+.graview-drive-in {
+  
+  position: absolute;
+  left: 50%;
+  top: 42px;
+  transform: translateX(-50%);
+  z-index: ${L.lines};
+  display: grid;
+  justify-items: center;
+  gap: 4px;
+  animation: graview-settle 240ms ease backwards;
+}
+[data-graview-landmark] .graview-drive-in {
+  top: 4px;
+}
+
+.graview-drive-in-marquee {
+  display: grid;
+  gap: ${Qe}px;
+  width: ${Je}px;
+  justify-items: stretch;
+}
+.graview-drive-in-thumb {
+  position: relative;
+  display: grid;
+  align-content: center;
+  box-sizing: border-box;
+  min-height: max(${Q/16}rem, ${Q}px);
+  padding: 3px 6px 3px 10px;
+  border-left: 2px solid var(--graview-edge-bright, var(--graview-edge));
+  color: var(--graview-ink);
+  font: inherit;
+  text-align: left;
+}
+.graview-drive-in-thumb[data-graview-pressed] {
+  border-left-color: var(--graview-accent);
+  color: var(--graview-accent);
+}
+
+.graview-drive-in-thumb-press {
+  position: absolute;
+  inset: 0;
+  min-height: max(${Q/16}rem, ${Q}px);
+  margin: 0;
+  padding: 0;
+  border: none;
+  border-radius: 0 4px 4px 0;
+  background: transparent;
+  box-shadow: none;
+  cursor: pointer;
+}
+.graview-drive-in-thumb-press:hover {
+  background: color-mix(in srgb, var(--graview-accent) 8%, transparent);
+}
+.graview-drive-in-thumb-press:focus-visible {
+  outline: 2px solid var(--graview-accent);
+  outline-offset: 1px;
+}
+.graview-drive-in-thumb-title {
+  display: block;
+  font-size: 0.8125rem;
+  font-weight: 500;
+  line-height: 1.25;
+  overflow-wrap: anywhere;
+  text-shadow: 0 0 3px var(--graview-ground), 0 0 6px var(--graview-ground);
+}
+.graview-drive-in-thumb[data-graview-pressed] .graview-drive-in-thumb-title {
+  font-weight: 600;
+}
+
+
+.graview-occupants {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  z-index: ${L.occupants};
+}
+.graview-figure {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 0;
+  height: 0;
+  pointer-events: none;
+  transition: transform 420ms cubic-bezier(0.33, 0, 0.2, 1);
+  will-change: transform;
+}
+.graview-figure-body {
+  position: absolute;
+  left: -16px;
+  top: -38px;
+  width: 32px;
+  height: 38px;
+  min-height: max(1.5rem, 24px);
+  padding: 0;
+  border: 0;
+  background: transparent;
+  color: hsl(var(--graview-hue, 200) 50% 48%);
+  cursor: pointer;
+  pointer-events: auto;
+  border-radius: 6px;
+}
+.graview-figure-body:focus-visible {
+  outline: 2px solid var(--graview-accent);
+  outline-offset: 2px;
+}
+.graview-figure-body svg {
+  display: block;
+  width: 32px;
+  height: 38px;
+  overflow: visible;
+}
+.graview-figure[data-graview-mode="following"] .graview-figure-body {
+  color: var(--graview-accent);
+}
+.graview-figure[data-graview-mode="refused"] .graview-figure-body {
+  color: var(--graview-warn);
+}
+.graview-figure-name {
+  position: absolute;
+  left: 50%;
+  top: 2px;
+  transform: translateX(-50%);
+  white-space: nowrap;
+  font-size: 0.75rem;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--graview-ink-muted);
+  pointer-events: none;
+}
+
+.graview-figure[data-graview-person] .graview-figure-body {
+  left: -11px;
+  top: -24px;
+  width: 22px;
+  height: 24px;
+  min-height: 0;
+}
+.graview-figure[data-graview-person] .graview-figure-body svg {
+  width: 22px;
+  height: 24px;
+}
+.graview-figure[data-graview-person][data-graview-followed] .graview-figure-body {
+  color: var(--graview-accent);
+}
+
+.graview-figure[data-graview-theirs] .graview-figure-body {
+  opacity: 0.85;
+}
+
+.graview-figure-count {
+  position: absolute;
+  transform: translate(-50%, -100%);
+  padding: 1px 7px;
+  border-radius: 999px;
+  border: 1px solid var(--graview-edge);
+  background: var(--graview-float);
+  color: var(--graview-ink-muted);
+  font-size: 0.75rem;
+  white-space: nowrap;
+  pointer-events: auto;
+}
+
+.graview-presence-over {
+  position: absolute;
+  border: 2px solid hsl(var(--graview-hue, 200) 55% 52%);
+  border-radius: 8px;
+  pointer-events: none;
+  opacity: 0.75;
+  transition: left 200ms ease, top 200ms ease, width 200ms ease, height 200ms ease;
+}
+
+.graview-figure-edge {
+  position: absolute;
+  min-height: max(1.5rem, 24px);
+  padding: 3px 8px;
+  border-radius: 999px;
+  border: 1px solid var(--graview-edge);
+  background: var(--graview-float);
+  color: var(--graview-ink-muted);
+  font-size: 0.75rem;
+  white-space: nowrap;
+  pointer-events: auto;
+  cursor: pointer;
+}
+
+.graview-kind-members {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  gap: 3px;
+  margin-top: 7px;
+  animation: graview-settle 240ms ease backwards;
+}
+
+
+.graview-kind-past {
+  display: inline-flex;
+  align-items: center;
+  flex: 0 0 auto;
+  
+  min-height: max(1.5rem, 24px);
+  padding: 1px 8px;
+  margin: -3px 0;
+  border-radius: 999px;
+  border: 1px dashed var(--graview-edge);
+  background: none;
+  box-shadow: none;
+  color: var(--graview-ink-faint);
+  cursor: pointer;
+  font-size: 0.75rem;
+  white-space: nowrap;
+}
+.graview-kind-past:hover {
+  color: var(--graview-accent);
+  border-color: var(--graview-accent-dim);
+}
+
+
+.graview-kind-card[data-graview-emphasis="dimmed"] {
+  opacity: 0.42;
+  transition: opacity 160ms ease;
+}
+.graview-kind-card[data-graview-emphasis="lit"] {
+  z-index: ${L.stage};
+}
+.graview-kind-card[data-graview-emphasis="lit"] .graview-kind-face {
+  border-color: var(--graview-accent) !important;
+  box-shadow: 0 0 0 1px var(--graview-accent-dim);
+}
+.graview-kind-hits {
+  display: inline-flex;
+  align-items: center;
+  flex: 0 0 auto;
+  min-height: max(1.5rem, 24px);
+  padding: 1px 8px;
+  margin: -3px 0;
+  border-radius: 999px;
+  border: 1px solid var(--graview-accent);
+  background: none;
+  box-shadow: none;
+  color: var(--graview-accent);
+  cursor: pointer;
+  font-size: 0.75rem;
+  font-variant-numeric: tabular-nums;
+  white-space: nowrap;
+}
+@media (prefers-reduced-motion: reduce) {
+  .graview-kind-card[data-graview-emphasis="dimmed"] { transition: none; }
+}
+
+
+.graview-kind-block {
+  display: block;
+  
+  pointer-events: none;
+  position: absolute;
+  left: 8%;
+  bottom: 2px;
+  width: 84%;
+  height: auto;
+  
+  max-height: calc(100% - var(--graview-marquee-room, 0px));
+  opacity: var(--graview-altitude);
+  transform: translateY(calc((1 - var(--graview-altitude)) * 18px));
+  filter: drop-shadow(${e==="light"?"10px 7px 14px rgba(20,30,32,0.28)":"12px 8px 18px rgba(0,0,0,0.6)"});
+}
+
+
+.graview-kind-landmark {
+  display: block;
+  left: 50%;
+  
+  bottom: 2px;
+  aspect-ratio: 1;
+  
+  height: calc((100% - var(--graview-marquee-room, 0px)) * (0.72 + var(--graview-rise, 24) * 0.008));
+  width: auto;
+  
+  min-height: min(5em, calc(96% - var(--graview-marquee-room, 0px)));
+  
+  transform-origin: bottom center;
+  transform: translateX(-50%) scale(calc(0.55 + var(--graview-altitude) * 0.45));
+  
+  filter: drop-shadow(${e==="light"?"6px 5px 7px rgba(20,30,32,0.16)":"7px 6px 9px rgba(0,0,0,0.45)"});
+}
+
+
+.graview-kind-landmark [data-graview-figure] {
+  width: 100% !important;
+  height: 100% !important;
+  color: hsl(var(--graview-hue, 200) ${e==="light"?"42% 44%":"45% 62%"}) !important;
+}
+.graview-kind-landmark svg {
+  width: 100%;
+  height: 100%;
+  stroke-width: 0.85;
+}
+
+
+.graview-kind-face {
+  transition: border-radius 640ms cubic-bezier(0.33, 0, 0.2, 1),
+    padding 640ms cubic-bezier(0.33, 0, 0.2, 1),
+    box-shadow 640ms ease;
+}
+
+
+.graview-seat-marks {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  z-index: ${L.seatMarks};
+}
+.graview-seat-mark {
+  position: absolute;
+  display: grid;
+  place-items: center;
+  width: 16px;
+  height: 16px;
+  margin: -8px 0 0 -8px;
+  border-radius: 999px;
+  border: 1px solid var(--graview-edge);
+  background: var(--graview-float);
+  color: oklch(0.62 0.16 var(--graview-hue, 250));
+  font-size: 0.6875rem;
+  line-height: 1;
+  box-shadow: var(--graview-lift-low);
+  animation: graview-seat-mark 4000ms ease-out forwards;
+}
+
+.graview-seat-asking {
+  position: absolute;
+  transform: translate(-50%, -100%);
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  max-width: 260px;
+  padding: 3px 9px 3px 6px;
+  border-radius: 999px;
+  border: 1px solid var(--graview-accent);
+  background: var(--graview-float);
+  color: var(--graview-ink);
+  font-size: 0.75rem;
+  line-height: 1.3;
+  box-shadow: var(--graview-lift-low);
+  pointer-events: auto;
+}
+.graview-seat-asking > [aria-hidden] {
+  display: grid;
+  place-items: center;
+  width: 14px;
+  height: 14px;
+  border-radius: 999px;
+  background: var(--graview-accent);
+  color: var(--graview-panel);
+  font-size: 0.6875rem;
+}
+.graview-seat-asking-said {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+@keyframes graview-seat-mark {
+  0% { opacity: 0; transform: translateY(3px) scale(0.8); }
+  8% { opacity: 1; transform: none; }
+  80% { opacity: 1; }
+  100% { opacity: 0; }
+}
+@media (prefers-reduced-motion: reduce) {
+  .graview-figure { transition: none; }
+}
+
+[data-graview-altitude] .graview-kind-card {
+  overflow: visible;
+}
+
+[data-graview-altitude] .graview-kind-card:hover,
+[data-graview-altitude] .graview-kind-card:focus-within {
+  transform: none;
+  box-shadow: none;
+  background: transparent;
+}
+
+
+.graview-ribbons {
+  opacity: var(--graview-altitude);
+}
+.graview-ribbon-band {
+  fill: none;
+  stroke: var(--graview-ink);
+  stroke-opacity: ${e==="light"?"0.2":"0.3"};
+  stroke-linejoin: round;
+  stroke-linecap: butt;
+  transition: stroke 170ms ease, stroke-opacity 170ms ease;
+}
+.graview-ribbon[data-graview-lit] .graview-ribbon-band {
+  stroke: var(--graview-accent);
+  stroke-opacity: 0.62;
+}
+.graview-ribbon[data-graview-receded] .graview-ribbon-band {
+  stroke-opacity: 0.07;
+}
+
+.graview-map-panel-row:hover,
+.graview-map-panel-row:focus-visible {
+  background: var(--graview-panel-muted);
+  color: var(--graview-accent);
+}
+.graview-ribbon-said,
+.graview-record-link-said {
+  z-index: ${L.tieLabels};
+  box-sizing: border-box;
+  white-space: nowrap;
+  font-size: 0.8125rem;
+  line-height: 1.3;
+  color: var(--graview-ink);
+  background: var(--graview-float);
+  border: 1px solid var(--graview-edge);
+  border-radius: 6px;
+  box-shadow: var(--graview-lift-low);
+}
+.graview-ribbon-said {
+  transform: translate(-50%, calc(-100% - 8px));
+  padding: 4px 9px;
+  width: max-content;
+  max-width: min(320px, 80cqw);
+  white-space: normal;
+}
+
+.graview-record-link-line {
+  fill: none;
+  stroke: var(--graview-accent);
+  stroke-width: 1.8;
+  stroke-linecap: round;
+}
+.graview-record-link[data-graview-lands="district"] .graview-record-link-line {
+  stroke-dasharray: 5 4;
+  stroke-opacity: 0.85;
+}
+.graview-record-link-end {
+  fill: var(--graview-accent);
+}
+
+.graview-record-link-said[data-graview-tie-said="waiting"] {
+  visibility: hidden;
+}
+.graview-record-link-said {
+  max-width: 260px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  padding: 2px 7px;
+  font-size: 0.75rem;
+}
+
+.graview-ground[data-graview-altitude] {
+  background:
+    linear-gradient(to top, color-mix(in oklab, var(--graview-ground) ${e==="light"?"93%":"88%"}, var(--graview-ink)) 0%, var(--graview-ground) 78%),
+    var(--graview-ground);
+}
+
+
+[data-graview-altitude] .graview-kind-open,
+[data-graview-altitude] .graview-kind-past {
+  opacity: 0;
+  transition: opacity 150ms ease;
+}
+[data-graview-altitude] .graview-kind-card:hover .graview-kind-past,
+[data-graview-altitude] .graview-kind-card:focus-within .graview-kind-past {
+  opacity: 1;
+}
+
+[data-graview-altitude] .graview-kind-face .graview-kind-open {
+  position: absolute;
+  left: calc(100% + 2px);
+  top: 1px;
+}
+[data-graview-altitude] .graview-kind-face .graview-kind-past {
+  position: absolute;
+  right: calc(100% + 2px);
+  top: 1px;
+}
+
+[data-graview-altitude] .graview-kind-open-word {
+  display: none;
+}
+[data-graview-altitude] .graview-kind-card:hover .graview-kind-open,
+[data-graview-altitude] .graview-kind-card:focus-within .graview-kind-open,
+[data-graview-altitude] .graview-kind-open[aria-expanded="true"] {
+  opacity: 1;
+}
+[data-graview-altitude] .graview-kind-card:hover .graview-kind-open-word,
+[data-graview-altitude] .graview-kind-card:focus-within .graview-kind-open-word,
+[data-graview-altitude] .graview-kind-open[aria-expanded="true"] .graview-kind-open-word {
+  display: inline;
+}
+[data-graview-altitude] .graview-kind-open {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: 0 0 auto;
+  
+  min-height: max(1.5rem, 24px);
+  
+  min-width: max(1.5rem, 24px);
+  padding: 1px 6px;
+  margin: -3px 0;
+  
+  border-radius: 6px;
+  border: 1px solid transparent;
+  background: transparent;
+  box-shadow: none;
+  color: var(--graview-ink-muted);
+  cursor: pointer;
+  
+  font-size: 0.75rem;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  line-height: 1;
+  white-space: nowrap;
+}
+[data-graview-altitude] .graview-kind-open:hover {
+  color: var(--graview-accent);
+  text-decoration: underline;
+}
+[data-graview-altitude] .graview-kind-members > [data-graview-pick] {
+  width: 100%;
+  box-sizing: border-box;
+  justify-content: flex-start;
+  max-width: none;
+}
+
+[data-graview-altitude] .graview-kind-face[data-graview-opened] {
+  
+  display: flex !important;
+  flex-wrap: wrap;
+  justify-content: flex-start !important;
+  align-items: baseline !important;
+  column-gap: 10px;
+  row-gap: 2px;
+  border-radius: var(--graview-radius) !important;
+  
+  background: var(--graview-panel) !important;
+  border-color: var(--graview-edge) !important;
+  text-shadow: none;
+  padding: 10px 12px 11px !important;
+  width: 236px;
+  max-width: 236px;
+  box-shadow: var(--graview-lift-high) !important;
+}
+[data-graview-altitude] .graview-kind-face[data-graview-opened] .graview-kind-members {
+  flex: 1 0 100%;
+  margin-top: 8px;
+  padding-top: 8px;
+  border-top: 1px solid var(--graview-edge);
+}
+[data-graview-altitude] .graview-kind-block[data-graview-opened] {
+  opacity: calc(var(--graview-altitude) * 0.22);
+}
+
+
+.graview-kind-tag {
+  position: absolute;
+  top: -9px;
+  right: 14px;
+  z-index: ${L.tag};
+  display: var(--graview-kit-tags, inline-flex);
+  align-items: center;
+  gap: 5px;
+  padding: 2px 8px;
+  
+  border-radius: 4px;
+  
+  border: 1px solid hsl(var(--graview-hue, 200) 45% var(--graview-tint-lightness) / 0.55);
+  color: hsl(var(--graview-hue, 200) 45% calc(var(--graview-tint-lightness) + ${e==="light"?"-32%":"28%"}));
+  background: var(--graview-float);
+  box-shadow: var(--graview-lift-low);
+  font-size: 0.6875rem;
+  letter-spacing: 0.14em;
+  text-transform: uppercase;
+  color: var(--graview-ink-faint);
+  pointer-events: none;
+}
+
+
+.graview-edge-hit:hover {
+  stroke: var(--graview-accent);
+  opacity: 0.3;
+}
+
+
+
+.graview-band-group {
+  display: grid;
+  align-content: center;
+  gap: 2px;
+  height: 100%;
+  
+  min-height: max(1.75rem, 28px);
+  box-sizing: border-box;
+  padding: 6px 10px;
+  border-radius: var(--graview-radius-sm, 8px);
+  border: 1px solid var(--graview-edge);
+  background: var(--graview-panel);
+  color: var(--graview-ink);
+  overflow: hidden;
+  cursor: pointer;
+}
+.graview-band-group[data-graview-band="picture"] {
+  border-style: dashed;
+}
+.graview-band-group[data-graview-emphasis="lit"] {
+  border-color: var(--graview-accent);
+}
+.graview-band-group[data-graview-emphasis="dimmed"] {
+  opacity: 0.5;
+}
+.graview-band-group-head {
+  display: flex;
+  align-items: baseline;
+  gap: 6px;
+  min-width: 0;
+}
+.graview-band-group-name {
+  flex: 1;
+  min-width: 0;
+  font-weight: 600;
+  font-size: 0.9375rem;
+  line-height: 1.25;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.graview-band-group-open {
+  font-size: 0.75rem;
+  color: var(--graview-accent);
+}
+.graview-band-group-names {
+  font-size: 0.8125rem;
+  line-height: 1.3;
+  color: var(--graview-ink-muted);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.graview-band-group-count {
+  color: var(--graview-ink);
+  font-variant-numeric: tabular-nums;
+}
+.graview-beyond {
+  position: relative;
+  height: 100%;
+  box-sizing: border-box;
+  border-radius: var(--graview-radius-sm, 8px);
+  border: 1px solid var(--graview-edge);
+  background: var(--graview-panel);
+}
+.graview-beyond-more {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  width: 100%;
+  height: 100%;
+  min-height: max(1.75rem, 28px);
+  padding: var(--graview-pad-sm, 8px);
+  box-sizing: border-box;
+  border: none;
+  border-radius: inherit;
+  background: none;
+  color: var(--graview-ink-muted);
+  cursor: pointer;
+  font: inherit;
+  font-size: 0.875rem;
+  text-align: left;
+}
+.graview-beyond-more:hover,
+.graview-beyond[data-graview-beyond-open] .graview-beyond-more {
+  color: var(--graview-accent);
+  background: var(--graview-wash);
+}
+.graview-beyond-count {
+  font-family: var(--graview-font-display);
+  font-size: 1.1875rem;
+  line-height: 1;
+  color: inherit;
+}
+.graview-beyond-word {
+  font-size: 0.75rem;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+.graview-beyond-chevron {
+  margin-left: auto;
+  font-size: 0.8125rem;
+}
+
+.graview-beyond-list {
+  position: absolute;
+  left: 0;
+  bottom: calc(100% + 6px);
+  
+  z-index: ${P("popover")};
+  margin: 0;
+  padding: 6px;
+  list-style: none;
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+  
+  min-width: 200px;
+  max-width: min(280px, 92%);
+  max-height: 60vh;
+  overflow: auto;
+  border-radius: var(--graview-radius-sm, 8px);
+  border: 1px solid var(--graview-edge);
+  background: var(--graview-panel);
+  box-shadow: 0 18px 44px -18px rgba(0, 0, 0, 0.45);
+}
+.graview-beyond-list button {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  width: 100%;
+  
+  min-height: max(1.75rem, 28px);
+  padding: 0 8px;
+  border: none;
+  border-radius: var(--graview-radius-sm, 6px);
+  background: none;
+  color: var(--graview-ink);
+  cursor: pointer;
+  font: inherit;
+  font-size: 0.875rem;
+  text-align: left;
+  overflow-wrap: anywhere;
+  white-space: nowrap;
+}
+.graview-beyond-list button:hover {
+  color: var(--graview-accent);
+  background: var(--graview-wash);
+}
+.graview-beyond-list button[aria-current] {
+  color: var(--graview-ink-muted);
+  cursor: default;
+}
+.graview-beyond-tally {
+  margin-left: auto;
+  font-size: 0.75rem;
+  font-variant-numeric: tabular-nums;
+  color: var(--graview-ink-faint);
+}
+
+[data-graview-altitude] .graview-kind-face {
+  position: absolute !important;
+  left: 50% !important;
+  top: 2% !important;
+  transform: translateX(-50%);
+  width: max-content;
+  max-width: none;
+  white-space: nowrap;
+  height: auto !important;
+  
+  display: grid !important;
+  grid-template-columns: auto auto;
+  align-items: baseline !important;
+  column-gap: 6px !important;
+  row-gap: 3px !important;
+  padding: 1px 6px 2px !important;
+  line-height: 1.25;
+  border: 1px solid var(--graview-edge) !important;
+  border-radius: 5px !important;
+  background: var(--graview-panel) !important;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, ${e==="light"?"0.08":"0.3"}) !important;
+  z-index: ${L.tag};
+}
+[data-graview-altitude] [data-graview-plot] .graview-kind-face {
+  top: calc(var(--graview-front-y) + 4px) !important;
+}
+[data-graview-altitude] .graview-kind-face > div {
+  gap: 6px !important;
+}
+
+.graview-district-problems {
+  display: inline-flex;
+  align-items: center;
+  
+  min-height: max(1.67rem, 27px);
+  min-width: max(1.67rem, 27px);
+  margin: -5px -4px;
+  padding: 0 4px;
+  border: 1px solid transparent;
+  border-radius: 6px;
+  background: none;
+  box-shadow: none;
+  color: var(--graview-warn);
+  font: inherit;
+  font-variant-numeric: tabular-nums;
+  font-weight: 600;
+  cursor: pointer;
+  white-space: nowrap;
+}
+[data-graview-altitude] .graview-district-problems {
+  min-height: max(1.5rem, 24px);
+  min-width: max(1.5rem, 24px);
+  margin: -4px -4px;
+}
+.graview-district-problems:hover {
+  background: color-mix(in oklab, var(--graview-warn) 14%, transparent);
+  text-decoration: underline;
+}
+.graview-district-problems[aria-expanded="true"] {
+  border-color: color-mix(in oklab, var(--graview-warn) 55%, transparent);
+}
+[data-graview-altitude] .graview-kind-face > .graview-kind-members {
+  grid-column: 1 / -1;
+}
+.graview-district-states {
+  display: flex;
+  grid-column: 1 / -1;
+  
+  contain: inline-size;
+  min-width: 168px;
+  height: 13px;
+  gap: 1px;
+  border-radius: 2px;
+  overflow: hidden;
+}
+.graview-district-states > span {
+  flex-basis: 0;
+  min-width: 2px;
+  font-size: 0.625rem;
+  line-height: 13px;
+  padding: 0 3px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-variant-numeric: tabular-nums;
+  color: var(--graview-ink);
+  background: color-mix(in oklab, var(--graview-ink) ${e==="light"?"24%":"34%"}, var(--graview-panel));
+}
+.graview-district-states > [data-graview-tier="active"] {
+  color: var(--graview-panel);
+  background: color-mix(in oklab, var(--graview-ink) ${e==="light"?"72%":"78%"}, var(--graview-panel));
+}
+.graview-district-states > [data-graview-tier="done"] {
+  color: var(--graview-ink-muted);
+  background: color-mix(in oklab, var(--graview-ink) 8%, var(--graview-panel));
+}
+[data-graview-nameplate^="short"] .graview-district-states {
+  display: none;
+}
+
+[data-graview-altitude] [data-graview-plot] .graview-kind-face[data-graview-nameplate$="above"] {
+  top: calc(-4px - 0.45 * var(--graview-lattice-cell)) !important;
+  transform: translate(-50%, -100%);
+}
+[data-graview-altitude] [data-graview-plot] .graview-kind-face[data-graview-nameplate$="aside"] {
+  left: calc(100% + 4px) !important;
+  top: calc(var(--graview-center-y) - 11px) !important;
+  transform: none;
+}
+[data-graview-nameplate="none"] {
+  opacity: 0;
+  pointer-events: none;
+}
+[data-graview-altitude] .graview-kind-card:hover [data-graview-nameplate],
+[data-graview-altitude] .graview-kind-card:focus-within [data-graview-nameplate] {
+  opacity: 1;
+  pointer-events: auto;
+}
+[data-graview-altitude] [data-graview-plot]:hover,
+[data-graview-altitude] [data-graview-plot]:focus-within {
+  z-index: ${L.opened} !important;
+}
+
+[data-graview-altitude] [data-graview-landmark]:not([data-graview-plot] *) .graview-kind-face {
+  top: 0 !important;
+  transform: translate(-50%, calc(-100% - 7px));
+}
+
+[data-graview-altitude] .graview-drive-in {
+  
+  top: calc(var(--graview-front-y, 42px) + var(--graview-plate-h, 26px));
+  padding: 4px 6px;
+  border-radius: 5px;
+  background: var(--graview-panel);
+  box-shadow: var(--graview-lift-low);
+  transition: opacity 150ms ease;
+}
+[data-graview-altitude] .graview-kind-card:not(:hover):not(:focus-within) .graview-drive-in:not([data-graview-showing]) {
+  opacity: 0;
+  pointer-events: none;
+}
+
+[data-graview-altitude] .graview-kind-face[data-graview-opened] ~ .graview-drive-in {
+  top: calc(var(--graview-front-y, 42px) - 22px - var(--graview-marquee-room, 0px) + 8px);
+}
+
+[data-graview-altitude] [data-graview-plot] .graview-kind-landmark {
+  bottom: auto;
+  top: calc(var(--graview-center-y, 50%) + 10px);
+  transform: translate(-50%, -100%) scale(calc(0.55 + var(--graview-altitude) * 0.45));
+}
+
+
+.graview-zoom,
+.graview-edge-sign {
+  --graview-scene-foot: var(--graview-sheet, 0px);
+}
+@container (max-width: 639px) {
+  .graview-zoom,
+  .graview-edge-sign {
+    --graview-scene-foot: calc(var(--graview-sheet, 0px) + var(--graview-foot-room, 0px));
+  }
+}
+.graview-zoom {
+  position: absolute;
+  
+  right: calc(16px + var(--graview-dock, 0px));
+  bottom: calc(16px + var(--graview-scene-foot, var(--graview-sheet, 0px)));
+  
+  z-index: ${L.zoom};
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+  padding: 2px;
+  
+  border-radius: 8px;
+  border: 1px solid transparent;
+  background: var(--graview-float, var(--graview-panel));
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
+}
+.graview-zoom-button {
+  min-width: 32px;
+  min-height: 32px;
+  border: 0;
+  border-radius: 6px;
+  background: transparent;
+  color: var(--graview-ink);
+  font: inherit;
+  font-size: 1.0625rem;
+  line-height: 1;
+  cursor: pointer;
+}
+.graview-zoom-button:hover:not(:disabled) {
+  background: var(--graview-edge);
+}
+.graview-zoom-above {
+  margin-left: 2px;
+  padding: 0 8px;
+  font-size: 0.75rem;
+  color: var(--graview-ink-muted);
+}
+.graview-zoom-above[aria-pressed="true"] {
+  color: var(--graview-accent);
+}
+.graview-zoom-button:disabled {
+  opacity: 0.35;
+  cursor: default;
+}
+.graview-zoom-level {
+  min-width: 3.2em;
+  text-align: center;
+  font-size: 0.8125rem;
+  color: var(--graview-ink-faint);
+  font-variant-numeric: tabular-nums;
+}
+
+
+
+
+
+[data-graview-pinned] > :not([data-graview-natural]):not(.graview-kind-tag),
+[data-graview-pinned] > [data-graview-natural] > * {
+  outline: 1px dashed var(--graview-edge-bright);
+  outline-offset: 3px;
+  border-radius: var(--graview-radius);
+}
+
+[data-graview-altitude] [data-graview-pinned] > :not([data-graview-natural]):not(.graview-kind-tag),
+[data-graview-altitude] [data-graview-pinned] > [data-graview-natural] > * {
+  outline: none;
+}
+[data-graview-stage="dom"] [data-graview-view] > :not([data-graview-natural]),
+[data-graview-stage="dom"] [data-graview-view] > [data-graview-natural] > * {
+  pointer-events: auto;
+}
+
+[data-graview-record-focus] > :not(.graview-kind-tag) {
+  min-height: 0;
+  max-height: 100%;
+  overflow-y: auto;
+  flex-shrink: 1;
+}
+
+[data-graview-record-focus] > :not(.graview-kind-tag) [data-graview-primitive="panel"] {
+  height: auto !important;
+  max-height: none !important;
+  overflow: visible !important;
+  flex-shrink: 0;
+}
+[data-graview-record-focus] > :not(.graview-kind-tag) [data-graview-primitive="panel"] > .graview-scroll {
+  overflow: visible;
+}
+[data-graview-view][data-graview-selected] {
+  filter: drop-shadow(0 0 14px var(--graview-accent-dim));
+}
+[data-graview-touched] > * {
+  animation: graview-touched 1100ms cubic-bezier(0.22, 1, 0.36, 1);
+  border-radius: 10px;
+}
+
+
+[data-graview-activity] {
+  --graview-activity: var(--graview-accent);
+}
+[data-graview-activity="autonomous"] {
+  --graview-activity: hsl(212 72% 62%);
+}
+[data-graview-activity="co-edited"] {
+  --graview-activity: hsl(280 60% 66%);
+}
+[data-graview-activity="rule"] {
+  --graview-activity: var(--graview-warn);
+}
+[data-graview-view][data-graview-wrote] > * {
+  animation: graview-landed 900ms cubic-bezier(0.22, 1, 0.36, 1);
+  border-radius: 10px;
+}
+[data-graview-view][data-graview-read] > :not([data-graview-natural]):not(.graview-kind-tag),
+[data-graview-view][data-graview-read] > [data-graview-natural] > * {
+  outline: 1px dashed transparent;
+  outline-offset: 3px;
+  border-radius: 10px;
+  animation: graview-considered 1800ms ease-out;
+}
+
+
+[data-graview-view][data-graview-broke] > * {
+  box-shadow: 0 0 0 1px var(--graview-warn), 0 0 22px -6px var(--graview-warn);
+  border-radius: 10px;
+}
+[data-graview-connector][data-graview-activity] {
+  animation: graview-relation 1200ms cubic-bezier(0.22, 1, 0.36, 1);
+}`}function ke(e="dark",n={}){let s=Ha(e);return n.scope===void 0?s:We(s,n.scope)}var H=p(O(),1);var K=p(h(),1),Pa=le(Y(()=>import("./chunk.L6OMEYL6.js"))).part(e=>(0,K.jsx)(e.MapKey,{}),{quiet:!0});function Se(){let{store:e}=$(),{view:n}=F(),s=se(),o=(0,H.useMemo)(()=>e.graph.allEdges().length>0,[e,s]),[r,g]=(0,H.useState)(!1),m=(0,H.useId)(),w=(0,H.useRef)(null),M=(0,H.useRef)(null);return(0,H.useEffect)(()=>{if(!r)return;let c=B=>{let A=B.target;A&&(M.current?.contains(A)||w.current?.contains(A))||g(!1)};return document.addEventListener("pointerdown",c,!0),()=>document.removeEventListener("pointerdown",c,!0)},[r]),o?(0,K.jsxs)("div",{style:{display:"contents"},onKeyDown:c=>{c.key!=="Escape"||!r||(c.preventDefault(),c.stopPropagation(),g(!1),w.current?.focus({preventScroll:!0}))},children:[(0,K.jsx)("button",{ref:w,type:"button","data-testid":"lines-key","aria-expanded":r,"aria-controls":m,title:"What the lines mean",onClick:()=>g(c=>!c),style:{position:"absolute",top:60,right:"calc(14px + var(--graview-dock, 0px))",zIndex:P("overview"),height:30,padding:"0 11px",borderRadius:8,borderColor:"transparent",fontSize:"0.8125rem",color:r?"var(--graview-accent)":"var(--graview-ink-muted)",background:"var(--graview-float)",boxShadow:"var(--graview-lift-low)"},children:"Key"}),r?(0,K.jsxs)("div",{ref:M,id:m,"data-testid":"lines-key-pane","data-graview-offstage":"",style:{position:"absolute",top:98,right:"calc(14px + var(--graview-dock, 0px))",zIndex:P("rail"),width:ma,maxHeight:"calc(100cqh - 120px)",overflowY:"auto",boxSizing:"border-box",padding:"8px 8px",borderRadius:10,border:"1px solid var(--graview-edge)",background:"var(--graview-float)",boxShadow:"var(--graview-lift-high)"},children:[n.overview?(0,K.jsx)(Pa,{}):null,(0,K.jsx)(ua,{inside:!0,widthOf:ga})]}):null]}):null}var ha=p(O(),1),pe=p(h(),1);function xa(e){return e.lens!==null?{what:"lens",kind:e.lens}:e.records.length===1&&e.districts.length===0?{what:"record",id:e.records[0]}:e.districts.length===1&&e.records.length===0?{what:"district",kind:e.districts[0]}:null}var Na=le(Y(()=>import("./chunk.MD74YVRN.js"))),Ba=Na.part((e,n)=>(0,pe.jsx)(e.MapPanelFor,{showing:n.showing}),{what:"This panel",quiet:!0});function $e(){let{store:e,view:n,selection:s,hiddenKinds:o}=$();if(se(),!n.overview)return null;let r=xa(pa(s,{...n,beside:!0},g=>e.graph.getNode(g)?.kind));return!r||r.what!=="record"&&(o.has(r.kind)||!e.schema.kinds.includes(r.kind))?null:(0,pe.jsx)(ha.Suspense,{fallback:null,children:(0,pe.jsx)(Ba,{showing:r})})}var Da=p(O(),1);var N=p(h(),1);function ze(){let{view:e,go:n}=F(),{store:s,views:o,hiddenKinds:r}=$(),g=e.overview??!1,m=o.places().map(u=>u.kind).filter(u=>!r.has(u)),w=ta(e,s.schema.kinds,m),M=()=>{n(ie(V(e,!1),w))},c=(()=>{if(!w)return null;let u=Fe(w)[0],S=e.within?.view,D=(S?o.places().find(f=>f.as===S):void 0)??(u?o.places().filter(f=>f.kind===u).at(-1):void 0);return D?D.title:u?te(s.schema,u):s.graph.getNode(w)?.label??null})(),B=g?"Close the map":"Up",A=g&&c?`Close the map, down to ${c}`:B;return(0,N.jsxs)("button",{type:"button","data-testid":"overview",className:"graview-altitude-control","aria-pressed":g,"aria-label":A,title:g?A:"Up \u2014 the whole thing, from above",onClick:()=>g?M():n(V(e,!0)),style:{position:"absolute",top:14,right:"calc(14px + var(--graview-dock, 0px))",zIndex:P("overview"),display:"inline-flex",alignItems:"center",justifyContent:"center",gap:7,height:38,padding:"0 13px 0 11px",borderRadius:8,borderColor:"transparent",fontSize:"0.875rem",whiteSpace:"nowrap",background:"var(--graview-float)",boxShadow:"var(--graview-lift-low)","--graview-altitude":g?1:0,...g?{color:"var(--graview-accent)"}:{}},children:[(0,N.jsxs)("svg",{className:"graview-altitude-mark",width:"16",height:"16",viewBox:"0 0 12 12","aria-hidden":"true",children:[(0,N.jsx)("ellipse",{className:"graview-altitude-mark-ring",cx:"6",cy:"6.6",rx:"5",ry:"2.6",fill:"none",stroke:"currentColor",strokeWidth:"0.9"}),(0,N.jsx)("circle",{className:"graview-altitude-mark-apex",cx:"6",cy:"4",r:"1.5",fill:"currentColor"}),(0,N.jsx)("circle",{className:"graview-altitude-mark-wing","data-side":"left",cx:"1.6",cy:"7.4",r:"1.2",fill:"currentColor"}),(0,N.jsx)("circle",{className:"graview-altitude-mark-wing","data-side":"right",cx:"10.4",cy:"7.4",r:"1.2",fill:"currentColor"})]}),(0,N.jsx)("span",{className:"graview-altitude-label",children:B})]})}var Ce=p(h(),1);function Ee(){let{administered:e}=$(),{view:n,go:s}=F(),o=e.filter(r=>r.canShow);return o.length===0?null:(0,Ce.jsx)("div",{role:"group","aria-label":"Administered","data-testid":"administered",style:{display:"flex",gap:6},children:o.map(r=>(0,Ce.jsx)("button",{type:"button","aria-pressed":r.shown,"data-testid":`show-${r.name}`,title:r.shown?`Hide the ${r.name}'s own districts again`:r.description??`Show the ${r.name}'s own districts beside the domain`,onClick:()=>s(da(n,r.name,!r.shown)),style:{padding:"3px 11px",borderRadius:999,fontSize:"0.875rem",borderWidth:1,borderStyle:"solid",borderColor:r.shown?"var(--graview-accent)":"var(--graview-edge)",color:r.shown?"var(--graview-accent)":"var(--graview-ink-muted)",background:r.shown?"var(--graview-panel)":"transparent"},children:r.shown?`Hide the ${r.name}`:`Show the ${r.name}`},r.name))})}var x=p(O(),1);var l=p(h(),1);Ge({search:na,touchWeights:ia});var Oa=e=>e.about==="rule"?"rule:":e.about==="act"?"act:":e.kind;function Sa({compact:e=!1}){let{store:n,view:s,setView:o,principal:r,setMenuAt:g,brand:m,seatTalk:w}=$(),M=qe(w),c=_e(),B=Ye(),A=Ze().marks.flag,u=(0,x.useRef)(null),S=(0,x.useId)(),[D,f]=(0,x.useState)(!1),[z,Z]=(0,x.useState)(null),[q,ee]=(0,x.useState)(null),E=s.q??"";(0,x.useEffect)(()=>{let a=t=>{if(t.defaultPrevented)return;let i=t.key.toLowerCase()==="k"&&(t.metaKey||t.ctrlKey)&&!t.altKey&&!t.shiftKey,v=t.key==="/"&&!t.metaKey&&!t.ctrlKey&&!t.altKey;if(!i&&!v)return;let d=u.current;if(!d)return;let _=d.closest("[data-graview-embed]"),R=t.target,J=R===document.body||R===document.documentElement||R===window;if(_&&!(i&&J||R instanceof Node&&_.contains(R)))return;let U=document.activeElement,Ia=U instanceof HTMLInputElement||U instanceof HTMLTextAreaElement||U instanceof HTMLSelectElement||U instanceof HTMLElement&&U.isContentEditable;v&&Ia||(t.preventDefault(),d.getClientRects().length===0&&d.closest("[data-graview-app-bar]")?.querySelector('[data-testid="app-find-open"]')?.click(),d.focus({preventScroll:!0}),d.select(),f(!0))};return window.addEventListener("keydown",a),()=>window.removeEventListener("keydown",a)},[]);let Le=(0,x.useMemo)(()=>q&&E.trim()?oa(n,q,c?.words??E,{principal:r,limit:4}):[],[n,E,c,q,r]),ge=(0,x.useMemo)(()=>{let a=new Map;for(let[t,i]of(c?.hits??[]).entries()){if(i.about==="act")continue;let v=Oa(i),d=a.get(v)??[];if(d.push({id:`${S}-${t}`,hit:i}),a.set(v,d),i.about==="node"&&i.id===q)for(let[_,R]of Le.entries())d.push({id:`${S}-${t}-act-${_}`,hit:R})}return[...a.entries()]},[c,Le,q,S]),I=M.drawn>0&&E.trim()?{id:`${S}-ask`,ask:E.trim()}:null,y=(0,x.useMemo)(()=>[...ge.flatMap(([,a])=>a),...I?[I]:[]],[ge,I?.ask]),T=y.find(a=>a.id===z)??y[0],He=(c?.hits??[]).filter(a=>a.about==="node").length;(0,x.useEffect)(()=>{Z(null),ee(null)},[E]);let ae=(0,x.useRef)(null);(0,x.useEffect)(()=>{let a=ae.current;if(!a)return;ae.current=null;let t=0,i=()=>{let v=document.querySelector(`[data-graview-view="aggregate:${CSS.escape(a)}"]`),d=document.activeElement;if(!(!d||d===document.body||d===document.documentElement||d===u.current||d===v))return;let R=v?.querySelector('[role="group"][aria-label="Arrange"] :is(button, input)');if(R)return R.focus({preventScroll:!0});v&&v.tabIndex>=0&&d!==v&&t>30&&v.focus({preventScroll:!0}),++t<240&&requestAnimationFrame(i)};requestAnimationFrame(i)},[s]);let G=a=>{if(a){if(Z(a.id),"ask"in a){ee(null);return}a.hit.about==="node"?ee(a.hit.id):a.hit.about!=="act"&&ee(null)}},Pe=a=>{let t=document.getElementById(S),i=t?.querySelector('[role="option"]')?.getBoundingClientRect().height??0,v=t?.clientHeight??0;return Math.min(a,i>0&&v>0?Math.max(1,Math.floor(v/i)-1):qa)};(0,x.useEffect)(()=>{z&&document.getElementById(z)?.scrollIntoView?.({block:"nearest"})},[z]);let ce=a=>{if(!a)return;if("ask"in a){w.ask(a.ask),o(i=>fe(i)),f(!1);return}let t=a.hit;switch(t.about){case"node":o(i=>ne(ie(V(i,!1),t.id),[t.id]));break;case"kind":o(i=>de(V(i,!1),oe(t.kind),{ownPicture:!0})),ae.current=t.kind;break;case"place":o(i=>Ke(i,t.kind,t.as)),ae.current=t.kind;break;case"rule":{let i=B.filter(v=>v.invariant===t.name).flatMap(v=>v.nodeIds);o(v=>ne(v,[...new Set(i)]));break}case"act":{o(v=>ne(v,[t.subject]));let i=u.current?.getBoundingClientRect();g({x:i?.left??0,y:(i?.bottom??0)+6,on:t.subject});break}}f(!1),u.current?.blur()},Aa=c?Wa(c.byKind,c.hits,n.schema):"",re=D&&E.trim().length>0,Ra=(0,x.useCallback)(()=>{let a=u.current?.closest("[data-graview-app-bar]")?.getBoundingClientRect();if(a)return{x:a.right,y:a.bottom-_a};let t=u.current?.getBoundingClientRect();return t?{x:t.right,y:t.bottom}:null},[]),Ne=je("find",{open:re,onOpenChange:a=>{a||f(!1)},...e?{at:Ra}:{}});return(0,l.jsxs)("div",{style:{position:"relative",minWidth:0,flex:"1 1 auto"},"data-testid":"find",children:[(0,l.jsx)("input",{ref:a=>{u.current=a,Ne.trigger.ref(a)},"data-graview-popover-trigger":"find",type:"search",role:"combobox","aria-label":"Find anything","aria-expanded":re,"aria-controls":S,"aria-autocomplete":"list",...re&&T?{"aria-activedescendant":T.id}:{},"data-testid":"find-box",placeholder:"Find\u2026","aria-keyshortcuts":"/ Meta+K Control+K",value:E,onChange:a=>{let t=a.target.value;f(!0),o(i=>sa(i,t.length>0?t:null))},onFocus:()=>f(!0),onBlur:()=>f(!1),onKeyDown:a=>{let t=z!==null&&T?y.indexOf(T):-1,i=d=>d!==void 0&&!("ask"in d)&&d.hit.about==="act",v=t>=0&&T!==void 0&&!("ask"in T)&&T.hit.about==="node";if(a.key==="ArrowDown"){a.preventDefault(),f(!0);let d=t+1;if(v)for(;d<y.length-1&&i(y[d]);)d+=1;G(y[Math.min(y.length-1,d)])}else if(a.key==="ArrowUp")a.preventDefault(),G(y[Math.max(0,t-1)]);else if((a.key==="PageDown"||a.key==="PageUp")&&y.length>0){a.preventDefault(),f(!0);let d=y.flatMap((J,U)=>i(J)?[]:[U]),_=Math.max(0,d.findIndex(J=>J>=Math.max(t,0))),R=a.key==="PageDown"?Pe(y.length):-Pe(y.length);G(y[d[Math.min(d.length-1,Math.max(0,(t<0?-1:_)+R))]])}else if(a.key==="ArrowRight"&&v&&i(y[t+1]))a.preventDefault(),G(y[t+1]);else if(a.key==="ArrowLeft"&&i(T)){a.preventDefault();let d=t-1;for(;d>0&&i(y[d]);)d-=1;G(y[d])}else a.key==="Enter"?(a.preventDefault(),ce(T)):a.key==="Escape"&&(a.preventDefault(),E?o(d=>fe(d)):u.current?.blur())},style:{width:"100%",boxSizing:"border-box",minWidth:0,height:30,padding:"0 var(--graview-bar-find-end, 10px) 0 10px",font:"inherit",fontSize:"0.875rem",color:"var(--graview-ink)",background:"var(--graview-panel)",border:`1px solid ${E?"var(--graview-accent)":"var(--graview-edge)"}`,borderRadius:8}}),(0,l.jsx)("span",{role:"status","aria-live":"polite",style:Xe,"data-testid":"find-count",children:E.trim()?Aa:""}),(0,l.jsxs)("div",{...Ne.pane,id:S,role:"listbox","aria-label":E?`What \u201C${E}\u201D finds`:"What the words find","data-testid":"find-strip",hidden:!re,onMouseDown:a=>a.preventDefault(),style:e?{...ya,...Ua}:ya,children:[y.every(a=>"ask"in a)?(0,l.jsxs)("p",{role:"presentation",style:{margin:0,padding:"10px 12px",color:"var(--graview-ink-muted)",fontSize:"0.875rem"},"data-testid":"find-nothing",children:["Nothing here is called \u201C",c?.words||E,"\u201D."]}):ge.map(([a,t])=>(0,l.jsxs)("div",{role:"group","aria-label":ba(a,n.schema),children:[(0,l.jsxs)("div",{role:"presentation",style:Ya,children:[a!=="rule:"?(0,l.jsx)(Ka,{kind:a,accents:m?.accents}):null,ba(a,n.schema)]}),t.map(i=>(0,l.jsx)("div",{id:i.id,role:"option","aria-selected":i===T,"data-testid":"find-hit","data-about":i.hit.about,...i.hit.about==="node"&&i.hit.near?{"data-near":""}:{},onMouseEnter:()=>G(i),onClick:()=>ce(i),style:{...ka,...i.hit.about==="act"?{paddingLeft:30}:{},background:i===T?"var(--graview-panel-muted)":"transparent"},children:(0,l.jsx)(Fa,{hit:i.hit,flag:A})},i.id))]},a)),I?(0,l.jsx)("div",{id:I.id,role:"option","aria-selected":I===T||T?.id===I.id,"data-testid":"find-ask",onMouseEnter:()=>G(I),onClick:()=>ce(I),style:{...ka,borderTop:"1px solid var(--graview-edge)",marginTop:4,background:T?.id===I.id?"var(--graview-panel-muted)":"transparent"},children:(0,l.jsxs)("span",{children:["Ask: ",(0,l.jsxs)("span",{style:{fontWeight:600},children:["\u2018",I.ask,"\u2019"]})]})}):null,He>Ga?(0,l.jsxs)("p",{role:"presentation",style:{margin:0,padding:"6px 12px 2px",color:"var(--graview-ink-faint)",fontSize:"0.75rem"},"data-testid":"find-more-words",children:[Be(He)," found: another word of the name narrows them."]}):null,c&&c.searched.past===!1&&c.searched.kinds.some(a=>n.schema.tryDefinition(a)?.lifecycle)?(0,l.jsx)("p",{role:"presentation",style:{margin:0,padding:"6px 12px 8px",color:"var(--graview-ink-faint)",fontSize:"0.75rem"},children:"Current ones; add is:any for the past."}):null]})]})}function Fa({hit:e,flag:n}){switch(e.about){case"node":return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("span",{style:{fontWeight:600,overflowWrap:"anywhere"},children:[e.flagged?(0,l.jsxs)("span",{style:{color:"var(--graview-warn)"},children:[n," "]}):null,e.label,e.apart?(0,l.jsxs)("span",{style:j,children:[" \xB7 ",e.apart]}):null,e.current?null:(0,l.jsx)("span",{style:j,children:" \xB7 past"})]}),e.near?(0,l.jsxs)("span",{style:j,"data-testid":"find-near",children:["Near \u201C",e.why.asked,"\u201D",e.why.field!=="label"?` \u2014 ${e.why.reading.toLowerCase()}: ${e.why.fragment}`:""]}):e.why.field!=="label"?(0,l.jsxs)("span",{style:j,children:[e.why.reading.toLowerCase(),": ",e.why.fragment]}):null]});case"kind":return(0,l.jsxs)("span",{children:[e.label,(0,l.jsxs)("span",{style:j,children:[" \xB7 ",e.count," match"]})]});case"place":return(0,l.jsxs)("span",{children:["Go to ",e.title]});case"rule":return(0,l.jsxs)("span",{children:["The rule \u201C",e.label,"\u201D"]});case"act":return(0,l.jsxs)("span",{style:e.destructive?{color:"var(--graview-warn)"}:void 0,children:[e.title,(0,l.jsxs)("span",{style:j,children:[" \xB7 ",e.why.field==="title"?"act":`on ${e.why.fragment}`]})]})}}function Ka({kind:e,accents:n}){let s=Math.round(Oe(e,n));return(0,l.jsx)("span",{"aria-hidden":"true",style:{width:8,height:8,borderRadius:2,flex:"0 0 auto",background:`hsl(${s} 55% 52%)`}})}function ba(e,n){return e==="rule:"?"Rules":e==="act:"?"Acts":n.tryDefinition(e)?.plural??`${e}s`}function Wa(e,n,s){let o=Object.entries(e).map(([m,w])=>De(s,m,w)),r=n.filter(m=>m.about==="kind"||m.about==="place"||m.about==="rule").length;r>0&&o.push(`${r} ${r===1?"place or rule":"places and rules"}`);let g=n.filter(m=>m.about==="node"&&m.near).length;return o.length===0?"Nothing found":`${o.join(", ")} found${g>0?`, ${g} of them near`:""}`}var qa=10,Ga=12,ya={...Ve,width:"min(26rem, calc(100vw - 24px))",maxHeight:"min(60vh, 28rem)",overflowY:"auto",boxSizing:"border-box",background:"var(--graview-panel)",borderTop:"1px solid var(--graview-edge)",borderRight:"1px solid var(--graview-edge)",borderBottom:"1px solid var(--graview-edge)",borderLeft:"1px solid var(--graview-edge)",borderRadius:10,boxShadow:"0 10px 28px rgb(0 0 0 / 0.18)",padding:"4px 0"},_a=6,Ua={width:"var(--graview-bar-width, 100vw)",maxHeight:"55vh",borderRadius:0,borderLeft:"none",borderRight:"none"},Ya={display:"flex",alignItems:"center",gap:6,padding:"8px 12px 2px",fontSize:"0.6875rem",letterSpacing:"0.06em",textTransform:"uppercase",color:"var(--graview-ink-muted)"},ka={display:"grid",gap:1,minHeight:32,padding:"5px 12px",alignContent:"center",cursor:"pointer",fontSize:"0.875rem",lineHeight:1.35,color:"var(--graview-ink)"},j={color:"var(--graview-ink-muted)",fontSize:"0.8125rem",fontWeight:400};var X=p(O(),1);var Te=p(La(),1);var za=p(h(),1);function $a(){let{following:e,follow:n}=$();return e?(0,za.jsxs)("button",{type:"button","data-testid":"following-who",onClick:()=>n(null),title:"Press, or Escape, to stop following",style:{display:"inline-flex",alignItems:"center",gap:6,minHeight:24,padding:"2px 9px",borderRadius:999,border:"1px solid var(--graview-accent)",background:"transparent",color:"var(--graview-accent)",fontSize:"0.875rem",whiteSpace:"nowrap"},children:["following ",e.name]}):null}var Ca=p(O(),1);var b=p(h(),1);function Ea({home:e,homeLabel:n,children:s,onPicture:o=!1}){let{view:r,focus:g,show:m,go:w}=F(),{store:M}=$(),{movedByHand:c}=$(),B=c&&(r.pan!==void 0||Object.keys(r.pins).length>0),A=r.focusId&&r.focusId!==e?M.graph.getNode(r.focusId):void 0,u=z=>te(M.schema,z),S={display:"inline-flex",alignItems:"center",gap:6,minHeight:26,padding:"2px 6px",fontSize:"0.8125rem",borderRadius:6,border:"1px solid transparent",boxShadow:"none",background:"transparent",color:"var(--graview-ink-muted)",whiteSpace:"nowrap"},D=n!==void 0&&A!==void 0,f=[];if(A&&!o&&f.push({key:"focused",node:(0,b.jsxs)("button",{type:"button","data-testid":"focused",onClick:()=>w(we({...r,focusId:e},!1)),title:me(M,A.id),style:{...S,maxWidth:"min(14rem, 15vw)"},children:[(0,b.jsx)("span",{style:{minWidth:0,overflow:"hidden",textOverflow:"ellipsis"},children:me(M,A.id)}),(0,b.jsx)("span",{"aria-hidden":"true",style:{opacity:.7},children:"\xD7"})]})}),r.past&&f.push({key:"past",node:(0,b.jsxs)("button",{type:"button","data-testid":"past",onClick:()=>w(la(r,!1)),title:"Back to now \u2014 retired things leave the picture again",style:S,children:["the past",(0,b.jsx)("span",{"aria-hidden":"true",style:{opacity:.7},children:"\xD7"})]})}),r.zoom&&f.push({key:"zoomed",node:(0,b.jsxs)("button",{type:"button","data-testid":"zoomed",onClick:()=>w(we(r,!1)),title:"Zoom back out",style:S,children:["zoomed in",(0,b.jsx)("span",{"aria-hidden":"true",style:{opacity:.7},children:"\xD7"})]})}),B&&f.push({key:"moved",node:(0,b.jsx)("button",{type:"button","data-testid":"moved",onClick:()=>w(ve(r)),title:"Put the camera and everything you dragged back where the layout wanted them",style:S,children:"Reset view"})}),r.relation){let z=r.relation;f.push({key:"raised",node:(0,b.jsxs)("span",{style:{display:"inline-flex",alignItems:"center"},children:[(0,b.jsxs)("button",{type:"button","data-testid":"raised-into",onClick:()=>w(de(r,oe(z),{ownPicture:!0})),title:`Go into the ${u(z).toLowerCase()}`,"aria-label":`Go into the ${u(z).toLowerCase()}`,style:{...S,color:"var(--graview-ink)"},children:[u(z),(0,b.jsx)("span",{"aria-hidden":"true",style:{opacity:.7},children:"\u2198"})]}),(0,b.jsx)("button",{type:"button","data-testid":"raised",onClick:()=>m(null),title:`Stop showing ${u(z).toLowerCase()}`,"aria-label":`Stop showing ${u(z).toLowerCase()}`,style:{...S,minWidth:26,justifyContent:"center"},children:(0,b.jsx)("span",{"aria-hidden":"true",style:{opacity:.7},children:"\xD7"})})]})})}return o&&!D&&f.length===0&&s===void 0?null:(0,b.jsxs)("nav",{"aria-label":"View","data-testid":"trail",style:{display:"flex",alignItems:"center",gap:8,fontSize:"0.875rem",minWidth:0,...o?{pointerEvents:"auto",padding:"4px 6px",borderRadius:8,background:"var(--graview-float)",boxShadow:"var(--graview-lift-low)",overflow:"hidden"}:{}},children:[D?(0,b.jsx)("button",{type:"button",onClick:()=>g(e),style:{border:"none",background:"none",padding:"3px 0",minHeight:24,whiteSpace:"nowrap",color:"var(--graview-ink-muted)"},children:n}):null,f.map(({key:z,node:Z},q)=>(0,b.jsxs)(Ca.Fragment,{children:[D||q>0?(0,b.jsx)("span",{style:{color:"var(--graview-ink-faint)"},children:"\u203A"}):null,Z]},z)),s]})}var C=p(h(),1);function Me(){let[e,n]=(0,X.useState)([]),s=(0,X.useCallback)(o=>{n(r=>{let g=o.phase!=="running"&&r[0]?.name===o.name&&r[0]?.at===o.at;return[o,...g?r.slice(1):r].slice(0,12)})},[]);return[e,s]}function Ae({find:e,calls:n,seat:s,remembers:o=!1}){return e?(0,C.jsxs)(C.Fragment,{children:[(0,Te.createPortal)((0,C.jsx)(Sa,{compact:e.compact}),e.slot),e.own?(0,Te.createPortal)((0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(X.Suspense,{fallback:null,children:(0,C.jsx)(fa,{})}),(0,C.jsx)(ea,{calls:n,remembers:o,...s!==void 0?{seat:s}:{}})]}),e.own):null]}):null}function Re({home:e=null}){return(0,C.jsxs)("div",{"data-graview-scene-trail":"",style:{position:"absolute",top:14,left:14,maxWidth:"calc(100% - 150px - var(--graview-dock, 0px))",zIndex:P("overview"),display:"flex",alignItems:"center",gap:6,minWidth:0,pointerEvents:"none"},children:[(0,C.jsx)(Ea,{home:e,onPicture:!0}),(0,C.jsx)("span",{style:{pointerEvents:"auto"},children:(0,C.jsx)($a,{})})]})}var W=p(O(),1);var Ta=p(h(),1),Va=Y(()=>import("./chunk.BPWNWE7N.js"));function Ie(){let{store:e,principal:n}=$(),s=(0,W.useContext)(ra),o=(0,W.useRef)(null),r=(0,W.useRef)(!1);return(0,W.useEffect)(()=>()=>void(r.current=!0),[]),(0,W.useEffect)(()=>{let g=e.batches().length,m=Va().then(w=>w.sceneWay(e,n,s,g,o.current),()=>{});return()=>void m.then(w=>w?.(r.current))},[e,n,s]),(0,Ta.jsx)("span",{ref:o,hidden:!0})}var Ma=p(O(),1);var k=p(h(),1);function vt({address:e=!1,auto:n,seat:s,scheme:o,scope:r}){let g=(0,Ma.useMemo)(()=>`${ye({scope:`.${r}`})}
+${ke(o,{scope:`.${r}`})}`,[o,r]),m=aa(),[w,M]=Me();return(0,k.jsx)(Ue.Provider,{value:!0,children:(0,k.jsxs)("div",{"data-embed-content":"",style:{position:"relative",flex:n?`0 0 ${wa}px`:"1 1 auto",minHeight:0,containerType:"size"},children:[(0,k.jsx)("style",{children:g}),e?(0,k.jsx)(va,{}):null,(0,k.jsx)(ca,{renderer:"dom"}),(0,k.jsx)(Re,{}),(0,k.jsx)(ze,{}),(0,k.jsx)(Se,{}),(0,k.jsx)(be,{}),(0,k.jsx)(xe,{...s?{start:s}:{},onCall:M}),(0,k.jsx)($e,{}),(0,k.jsx)(he,{placement:"menu"}),(0,k.jsx)(Ae,{find:m,calls:w}),(0,k.jsx)(Ie,{}),(0,k.jsx)(ue,{face:"scene"})]})})}function wt(){return(0,k.jsx)(Ee,{})}export{vt as SceneFace,wt as SceneKeeping};