graview 0.1.28 → 0.1.29

package/dist/preview/chunk.ONGVH3ZM.js

@@ -0,0 +1,1076 @@
+import{a as me,b as fe,c as va,d as wa,f as he}from"./chunk.UIIVEQAT.js";import{h as pa,i as ga}from"./chunk.WKXNBHTL.js";import"./chunk.OWE6OJ4P.js";import"./chunk.JNGUSAWX.js";import{b as na,c as oa,d as ue,e as da}from"./chunk.QNHECGMH.js";import"./chunk.RKRSRKF3.js";import{o as ra,p as ta,q as ia}from"./chunk.KC6UZHBM.js";import{a as la}from"./chunk.HJCQ6I3S.js";import{b as sa}from"./chunk.ZBXOX3W3.js";import"./chunk.5AT4O4BN.js";import"./chunk.X53HI436.js";import"./chunk.COTG2IG5.js";import{d as ca}from"./chunk.LYJAVUST.js";import{a as Ia}from"./chunk.T4LY5QXO.js";import"./chunk.YCA7P5MK.js";import{a as Je}from"./chunk.VNBO2RXD.js";import{b as we}from"./chunk.VPPUTA74.js";import"./chunk.UT6642FC.js";import"./chunk.2CLPRG3I.js";import"./chunk.MB7LKKUD.js";import"./chunk.OHE5AMHH.js";import{d as je,e as Xe,f as X,p as Qe}from"./chunk.OYJSFO3A.js";import"./chunk.HV6I74DF.js";import"./chunk.HGAMNIST.js";import"./chunk.OQDETV4X.js";import"./chunk.ZS4DJ76C.js";import"./chunk.5R66YTET.js";import"./chunk.G4WQGTZR.js";import"./chunk.HFKMHLJ3.js";import{A as aa,a as B,c as De,h as Ve,m as Ze,s as ea}from"./chunk.GS4T26WW.js";import{F as P,I as We,M as u,R as Fe,T as qe,U as h,W as ne,_ as Ge,ga as ve,ha as _e,i as ge,ia as K,j as te,la as Ue,m as j,n as ie,o as ce,oa as Ye,pa as U,r as Ne,x as Be,y as Ke,z as Oe}from"./chunk.Z56B2JR2.js";import{$ as re,Fb as T,Hb as L,Z as Pe,ob as He}from"./chunk.HLLWKSZB.js";import{b as l}from"./chunk.AJZBJBMO.js";function Ra(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: ${T.lines};
+}
+
+
+.graview-kind-open { display: none; }
+
+
+
+.graview-drive-in {
+  
+  position: absolute;
+  left: 50%;
+  top: 42px;
+  transform: translateX(-50%);
+  z-index: ${T.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: ${Xe}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(${X/16}rem, ${X}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(${X/16}rem, ${X}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: ${T.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: ${T.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: ${T.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: ${T.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 {
+  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: ${T.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: ${L("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: ${T.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: ${T.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 {
+  position: absolute;
+  
+  right: calc(16px + var(--graview-dock, 0px));
+  bottom: calc(16px + var(--graview-sheet, 0px));
+  
+  z-index: ${T.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-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 xe(e="dark",t={}){let n=Ra(e);return t.scope===void 0?n:De(n,t.scope)}var A=l(P(),1);var O=l(u(),1),La=U(B(()=>import("./chunk.J46KDTEZ.js"))).part(e=>(0,O.jsx)(e.MapKey,{}),{quiet:!0});function be(){let{store:e}=h(),{view:t}=K(),n=ne(),i=(0,A.useMemo)(()=>e.graph.allEdges().length>0,[e,n]),[a,g]=(0,A.useState)(!1),v=(0,A.useId)(),c=(0,A.useRef)(null),m=(0,A.useRef)(null);return(0,A.useEffect)(()=>{if(!a)return;let s=$=>{let y=$.target;y&&(m.current?.contains(y)||c.current?.contains(y))||g(!1)};return document.addEventListener("pointerdown",s,!0),()=>document.removeEventListener("pointerdown",s,!0)},[a]),i?(0,O.jsxs)("div",{style:{display:"contents"},onKeyDown:s=>{s.key!=="Escape"||!a||(s.preventDefault(),s.stopPropagation(),g(!1),c.current?.focus({preventScroll:!0}))},children:[(0,O.jsx)("button",{ref:c,type:"button","data-testid":"lines-key","aria-expanded":a,"aria-controls":v,title:"What the lines mean",onClick:()=>g(s=>!s),style:{position:"absolute",top:60,right:"calc(14px + var(--graview-dock, 0px))",zIndex:L("overview"),height:30,padding:"0 11px",borderRadius:8,borderColor:"transparent",fontSize:"0.8125rem",color:a?"var(--graview-accent)":"var(--graview-ink-muted)",background:"var(--graview-float)",boxShadow:"var(--graview-lift-low)"},children:"Key"}),a?(0,O.jsxs)("div",{ref:m,id:v,"data-testid":"lines-key-pane","data-graview-offstage":"",style:{position:"absolute",top:98,right:"calc(14px + var(--graview-dock, 0px))",zIndex:L("rail"),width:wa,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:[t.overview?(0,O.jsx)(La,{}):null,(0,O.jsx)(va,{inside:!0,widthOf:la})]}):null]}):null}var ua=l(P(),1),oe=l(u(),1);function ma(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 Pa=U(B(()=>import("./chunk.AVUS5LMG.js"))),Ha=Pa.part((e,t)=>(0,oe.jsx)(e.MapPanelFor,{showing:t.showing}),{what:"This panel",quiet:!0});function ye(){let{store:e,view:t,selection:n,hiddenKinds:i}=h();if(ne(),!t.overview)return null;let a=ma(sa(n,{...t,beside:!0},g=>e.graph.getNode(g)?.kind));return!a||a.what!=="record"&&(i.has(a.kind)||!e.schema.kinds.includes(a.kind))?null:(0,oe.jsx)(ua.Suspense,{fallback:null,children:(0,oe.jsx)(Ha,{showing:a})})}var D=l(P(),1),de=l(u(),1),Na="A",ke=U(B(()=>import("./chunk.4GGAPOMK.js")));var Ba=ke.part((e,t)=>(0,de.jsx)(e.InspectorPane,{...t}),{what:"This card's acts"});function Ka(e){let t=()=>{(typeof navigator>"u"||navigator.onLine!==!1)&&e()},n=globalThis;if(n.requestIdleCallback){let a=n.requestIdleCallback(t,{timeout:5e3});return()=>n.cancelIdleCallback?.(a)}let i=setTimeout(t,2500);return()=>clearTimeout(i)}function Se({placement:e="float"}={}){let{menuAt:t,setMenuAt:n,registerActsDoor:i}=h(),{selection:a}=ve();(0,D.useEffect)(()=>{if(ke.current)return;let m=()=>{y(),ke.prefetch()},s=Ka(m),$=["pointerdown","keydown"];for(let w of $)document.addEventListener(w,m,{capture:!0,passive:!0});function y(){s();for(let w of $)document.removeEventListener(w,m,{capture:!0})}return y},[]),(0,D.useEffect)(()=>{if(e==="menu")return i({key:Na,open:m=>{let s=m.getBoundingClientRect(),$=m.closest("[data-graview-pick]")?.getAttribute("data-graview-pick")??m.closest("[data-graview-view]")?.getAttribute("data-graview-view")??void 0;n({x:Math.round(s.left+Math.min(16,s.width/2)),y:Math.round(Math.min(s.bottom,s.top+36)),...$?{on:$}:{}})}}),()=>i(null)},[e,i,n]);let g=t!==null||e==="float"&&a.length>0,[v,c]=(0,D.useState)(g);return(0,D.useEffect)(()=>{g&&c(!0)},[g]),!v&&!g?null:(0,de.jsx)(D.Suspense,{fallback:null,children:(0,de.jsx)(Ba,{placement:e})})}var Oa=l(P(),1);var H=l(u(),1);function $e(){let{view:e,go:t}=K(),{store:n,views:i,hiddenKinds:a}=h(),g=e.overview??!1,v=i.places().map(w=>w.kind).filter(w=>!a.has(w)),c=aa(e,n.schema.kinds,v),m=()=>{t(te(j(e,!1),c))},s=(()=>{if(!c)return null;let w=Be(c)[0],S=e.within?.view,N=(S?i.places().find(f=>f.as===S):void 0)??(w?i.places().find(f=>f.kind===w):void 0);return N?N.title:w?re(n.schema,w):n.graph.getNode(c)?.label??null})(),$=g?"Close the map":"Up",y=g&&s?`Close the map, down to ${s}`:$;return(0,H.jsxs)("button",{type:"button","data-testid":"overview",className:"graview-altitude-control","aria-pressed":g,"aria-label":y,title:g?y:"Up \u2014 the whole thing, from above",onClick:()=>g?m():t(j(e,!0)),style:{position:"absolute",top:14,right:"calc(14px + var(--graview-dock, 0px))",zIndex:L("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,H.jsxs)("svg",{className:"graview-altitude-mark",width:"16",height:"16",viewBox:"0 0 12 12","aria-hidden":"true",children:[(0,H.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,H.jsx)("circle",{className:"graview-altitude-mark-apex",cx:"6",cy:"4",r:"1.5",fill:"currentColor"}),(0,H.jsx)("circle",{className:"graview-altitude-mark-wing","data-side":"left",cx:"1.6",cy:"7.4",r:"1.2",fill:"currentColor"}),(0,H.jsx)("circle",{className:"graview-altitude-mark-wing","data-side":"right",cx:"10.4",cy:"7.4",r:"1.2",fill:"currentColor"})]}),(0,H.jsx)("span",{className:"graview-altitude-label",children:$})]})}var ze=l(u(),1);function Ce(){let{administered:e}=h(),{view:t,go:n}=K(),i=e.filter(a=>a.canShow);return i.length===0?null:(0,ze.jsx)("div",{role:"group","aria-label":"Administered","data-testid":"administered",style:{display:"flex",gap:6},children:i.map(a=>(0,ze.jsx)("button",{type:"button","aria-pressed":a.shown,"data-testid":`show-${a.name}`,title:a.shown?`Hide the ${a.name}'s own districts again`:a.description??`Show the ${a.name}'s own districts beside the domain`,onClick:()=>n(na(t,a.name,!a.shown)),style:{padding:"3px 11px",borderRadius:999,fontSize:"0.875rem",borderWidth:1,borderStyle:"solid",borderColor:a.shown?"var(--graview-accent)":"var(--graview-edge)",color:a.shown?"var(--graview-accent)":"var(--graview-ink-muted)",background:a.shown?"var(--graview-panel)":"transparent"},children:a.shown?`Hide the ${a.name}`:`Show the ${a.name}`},a.name))})}var x=l(P(),1);var p=l(u(),1);Fe({search:ta,touchWeights:ra});var Da=e=>e.about==="rule"?"rule:":e.about==="act"?"act:":e.kind;function ba({compact:e=!1}){let{store:t,view:n,setView:i,principal:a,setMenuAt:g,brand:v,seatTalk:c}=h(),m=We(c),s=qe(),$=_e(),y=Qe().marks.flag,w=(0,x.useRef)(null),S=(0,x.useId)(),[N,f]=(0,x.useState)(!1),[_,Q]=(0,x.useState)(null),[F,J]=(0,x.useState)(null),z=n.q??"";(0,x.useEffect)(()=>{let r=d=>{if(d.defaultPrevented)return;let o=d.key.toLowerCase()==="k"&&(d.metaKey||d.ctrlKey)&&!d.altKey&&!d.shiftKey,C=d.key==="/"&&!d.metaKey&&!d.ctrlKey&&!d.altKey;if(!o&&!C)return;let R=w.current;if(!R)return;let ae=R.closest("[data-graview-embed]"),G=d.target,Aa=G===document.body||G===document.documentElement||G===window;if(ae&&!(o&&Aa||G instanceof Node&&ae.contains(G)))return;let V=document.activeElement,Ma=V instanceof HTMLInputElement||V instanceof HTMLTextAreaElement||V instanceof HTMLSelectElement||V instanceof HTMLElement&&V.isContentEditable;C&&Ma||(d.preventDefault(),R.getClientRects().length===0&&R.closest("[data-graview-app-bar]")?.querySelector('[data-testid="app-find-open"]')?.click(),R.focus({preventScroll:!0}),R.select(),f(!0))};return window.addEventListener("keydown",r),()=>window.removeEventListener("keydown",r)},[]);let Re=(0,x.useMemo)(()=>F&&z.trim()?ia(t,F,s?.words??z,{principal:a,limit:4}):[],[t,z,s,F,a]),le=(0,x.useMemo)(()=>{let r=new Map;for(let[d,o]of(s?.hits??[]).entries()){if(o.about==="act")continue;let C=Da(o),R=r.get(C)??[];if(R.push({id:`${S}-${d}`,hit:o}),r.set(C,R),o.about==="node"&&o.id===F)for(let[ae,G]of Re.entries())R.push({id:`${S}-${d}-act-${ae}`,hit:G})}return[...r.entries()]},[s,Re,F,S]),E=m.drawn>0&&z.trim()?{id:`${S}-ask`,ask:z.trim()}:null,q=(0,x.useMemo)(()=>[...le.flatMap(([,r])=>r),...E?[E]:[]],[le,E?.ask]),I=q.find(r=>r.id===_)??q[0];(0,x.useEffect)(()=>{Q(null),J(null)},[z]);let Z=r=>{if(r){if(Q(r.id),"ask"in r){J(null);return}r.hit.about==="node"?J(r.hit.id):r.hit.about!=="act"&&J(null)}},pe=r=>{if(!r)return;if("ask"in r){c.ask(r.ask),i(o=>ue(o)),f(!1);return}let d=r.hit;switch(d.about){case"node":i(o=>ie(te(j(o,!1),d.id),[d.id]));break;case"kind":i(o=>Ke(o,Ne(d.kind),{ownPicture:!0,...o.q?{carry:o.q}:{}}));break;case"place":i(o=>Oe(o,d.kind,d.as));break;case"rule":{let o=$.filter(C=>C.invariant===d.name).flatMap(C=>C.nodeIds);i(C=>ie(C,[...new Set(o)]));break}case"act":{i(C=>ie(C,[d.subject]));let o=w.current?.getBoundingClientRect();g({x:o?.left??0,y:(o?.bottom??0)+6,on:d.subject});break}}f(!1),w.current?.blur()},Ea=s?qa(s.byKind,s.hits,t.schema):"",ee=N&&z.trim().length>0,Ta=(0,x.useCallback)(()=>{let r=w.current?.closest("[data-graview-app-bar]")?.getBoundingClientRect();if(r)return{x:r.right,y:r.bottom-Ga};let d=w.current?.getBoundingClientRect();return d?{x:d.right,y:d.bottom}:null},[]),Le=Ye("find",{open:ee,onOpenChange:r=>{r||f(!1)},...e?{at:Ta}:{}});return(0,p.jsxs)("div",{style:{position:"relative",minWidth:0,flex:"1 1 auto"},"data-testid":"find",children:[(0,p.jsx)("input",{ref:r=>{w.current=r,Le.trigger.ref(r)},"data-graview-popover-trigger":"find",type:"search",role:"combobox","aria-label":"Find anything","aria-expanded":ee,"aria-controls":S,"aria-autocomplete":"list",...ee&&I?{"aria-activedescendant":I.id}:{},"data-testid":"find-box",placeholder:"Find\u2026","aria-keyshortcuts":"/ Meta+K Control+K",value:z,onChange:r=>{let d=r.target.value;f(!0),i(o=>oa(o,d.length>0?d:null))},onFocus:()=>f(!0),onBlur:()=>f(!1),onKeyDown:r=>{let d=_!==null&&I?q.indexOf(I):-1;r.key==="ArrowDown"?(r.preventDefault(),f(!0),Z(q[Math.min(q.length-1,d+1)])):r.key==="ArrowUp"?(r.preventDefault(),Z(q[Math.max(0,d-1)])):r.key==="Enter"?(r.preventDefault(),pe(I)):r.key==="Escape"&&(r.preventDefault(),z?i(o=>ue(o)):w.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 ${z?"var(--graview-accent)":"var(--graview-edge)"}`,borderRadius:8}}),(0,p.jsx)("span",{role:"status","aria-live":"polite",style:Ve,"data-testid":"find-count",children:z.trim()?Ea:""}),(0,p.jsxs)("div",{...Le.pane,id:S,role:"listbox","aria-label":z?`What \u201C${z}\u201D finds`:"What the words find","data-testid":"find-strip",hidden:!ee,onMouseDown:r=>r.preventDefault(),style:e?{...ha,..._a}:ha,children:[q.every(r=>"ask"in r)?(0,p.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",s?.words||z,"\u201D."]}):le.map(([r,d])=>(0,p.jsxs)("div",{role:"group","aria-label":fa(r,t.schema),children:[(0,p.jsxs)("div",{role:"presentation",style:Ua,children:[r!=="rule:"?(0,p.jsx)(Fa,{kind:r,accents:v?.accents}):null,fa(r,t.schema)]}),d.map(o=>(0,p.jsx)("div",{id:o.id,role:"option","aria-selected":o===I,"data-testid":"find-hit","data-about":o.hit.about,...o.hit.about==="node"&&o.hit.near?{"data-near":""}:{},onMouseEnter:()=>Z(o),onClick:()=>pe(o),style:{...xa,...o.hit.about==="act"?{paddingLeft:30}:{},background:o===I?"var(--graview-panel-muted)":"transparent"},children:(0,p.jsx)(Wa,{hit:o.hit,flag:y})},o.id))]},r)),E?(0,p.jsx)("div",{id:E.id,role:"option","aria-selected":E===I||I?.id===E.id,"data-testid":"find-ask",onMouseEnter:()=>Z(E),onClick:()=>pe(E),style:{...xa,borderTop:"1px solid var(--graview-edge)",marginTop:4,background:I?.id===E.id?"var(--graview-panel-muted)":"transparent"},children:(0,p.jsxs)("span",{children:["Ask: ",(0,p.jsxs)("span",{style:{fontWeight:600},children:["\u2018",E.ask,"\u2019"]})]})}):null,s&&s.searched.past===!1&&s.searched.kinds.some(r=>t.schema.tryDefinition(r)?.lifecycle)?(0,p.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 Wa({hit:e,flag:t}){switch(e.about){case"node":return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)("span",{style:{fontWeight:600,overflowWrap:"anywhere"},children:[e.flagged?(0,p.jsxs)("span",{style:{color:"var(--graview-warn)"},children:[t," "]}):null,e.label,e.apart?(0,p.jsxs)("span",{style:Y,children:[" \xB7 ",e.apart]}):null,e.current?null:(0,p.jsx)("span",{style:Y,children:" \xB7 past"})]}),e.near?(0,p.jsxs)("span",{style:Y,"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,p.jsxs)("span",{style:Y,children:[e.why.reading.toLowerCase(),": ",e.why.fragment]}):null]});case"kind":return(0,p.jsxs)("span",{children:[e.label,(0,p.jsxs)("span",{style:Y,children:[" \xB7 ",e.count," match"]})]});case"place":return(0,p.jsxs)("span",{children:["Go to ",e.title]});case"rule":return(0,p.jsxs)("span",{children:["The rule \u201C",e.label,"\u201D"]});case"act":return(0,p.jsxs)("span",{style:e.destructive?{color:"var(--graview-warn)"}:void 0,children:[e.title,(0,p.jsxs)("span",{style:Y,children:[" \xB7 ",e.why.field==="title"?"act":`on ${e.why.fragment}`]})]})}}function Fa({kind:e,accents:t}){let n=Math.round(He(e,t));return(0,p.jsx)("span",{"aria-hidden":"true",style:{width:8,height:8,borderRadius:2,flex:"0 0 auto",background:`hsl(${n} 55% 52%)`}})}function fa(e,t){return e==="rule:"?"Rules":e==="act:"?"Acts":t.tryDefinition(e)?.plural??`${e}s`}function qa(e,t,n){let i=Object.entries(e).map(([v,c])=>Pe(n,v,c)),a=t.filter(v=>v.about==="kind"||v.about==="place"||v.about==="rule").length;a>0&&i.push(`${a} ${a===1?"place or rule":"places and rules"}`);let g=t.filter(v=>v.about==="node"&&v.near).length;return i.length===0?"Nothing found":`${i.join(", ")} found${g>0?`, ${g} of them near`:""}`}var ha={...Ue,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"},Ga=6,_a={width:"var(--graview-bar-width, 100vw)",maxHeight:"55vh",borderRadius:0,borderLeft:"none",borderRight:"none"},Ua={display:"flex",alignItems:"center",gap:6,padding:"8px 12px 2px",fontSize:"0.6875rem",letterSpacing:"0.06em",textTransform:"uppercase",color:"var(--graview-ink-muted)"},xa={display:"grid",gap:1,minHeight:32,padding:"5px 12px",alignContent:"center",cursor:"pointer",fontSize:"0.875rem",lineHeight:1.35,color:"var(--graview-ink)"},Y={color:"var(--graview-ink-muted)",fontSize:"0.8125rem",fontWeight:400};var se=l(P(),1),Ee=l(Ia(),1);var ka=l(u(),1);function ya(){let{following:e,follow:t}=h();return e?(0,ka.jsxs)("button",{type:"button","data-testid":"following-who",onClick:()=>t(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 Sa=l(P(),1);var k=l(u(),1);function $a({home:e,homeLabel:t,children:n,onPicture:i=!1}){let{view:a,focus:g,show:v,go:c}=K(),{store:m}=h(),{movedByHand:s}=h(),$=s&&(a.pan!==void 0||Object.keys(a.pins).length>0),y=a.focusId&&a.focusId!==e?m.graph.getNode(a.focusId):void 0,w=_=>re(m.schema,_),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"},N=t!==void 0&&y!==void 0,f=[];return y&&!i&&f.push({key:"focused",node:(0,k.jsxs)("button",{type:"button","data-testid":"focused",onClick:()=>c(ce({...a,focusId:e},!1)),title:we(m,y.id),style:{...S,maxWidth:"min(14rem, 15vw)"},children:[(0,k.jsx)("span",{style:{minWidth:0,overflow:"hidden",textOverflow:"ellipsis"},children:we(m,y.id)}),(0,k.jsx)("span",{"aria-hidden":"true",style:{opacity:.7},children:"\xD7"})]})}),a.past&&f.push({key:"past",node:(0,k.jsxs)("button",{type:"button","data-testid":"past",onClick:()=>c(da(a,!1)),title:"Back to now \u2014 retired things leave the picture again",style:S,children:["the past",(0,k.jsx)("span",{"aria-hidden":"true",style:{opacity:.7},children:"\xD7"})]})}),a.zoom&&f.push({key:"zoomed",node:(0,k.jsxs)("button",{type:"button","data-testid":"zoomed",onClick:()=>c(ce(a,!1)),title:"Zoom back out",style:S,children:["zoomed in",(0,k.jsx)("span",{"aria-hidden":"true",style:{opacity:.7},children:"\xD7"})]})}),$&&f.push({key:"moved",node:(0,k.jsx)("button",{type:"button","data-testid":"moved",onClick:()=>c(ge(a)),title:"Put the camera and everything you dragged back where the layout wanted them",style:S,children:"Reset view"})}),a.relation&&f.push({key:"raised",node:(0,k.jsxs)("button",{type:"button","data-testid":"raised",onClick:()=>v(null),title:`Stop showing ${w(a.relation)}`,style:S,children:[w(a.relation),(0,k.jsx)("span",{"aria-hidden":"true",style:{opacity:.7},children:"\xD7"})]})}),i&&!N&&f.length===0&&n===void 0?null:(0,k.jsxs)("nav",{"aria-label":"View","data-testid":"trail",style:{display:"flex",alignItems:"center",gap:8,fontSize:"0.875rem",minWidth:0,...i?{pointerEvents:"auto",padding:"4px 6px",borderRadius:8,background:"var(--graview-float)",boxShadow:"var(--graview-lift-low)",overflow:"hidden"}:{}},children:[N?(0,k.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:t}):null,f.map(({key:_,node:Q},F)=>(0,k.jsxs)(Sa.Fragment,{children:[N||F>0?(0,k.jsx)("span",{style:{color:"var(--graview-ink-faint)"},children:"\u203A"}):null,Q]},_)),n]})}var M=l(u(),1);function Te(){let[e,t]=(0,se.useState)([]),n=(0,se.useCallback)(i=>{t(a=>{let g=i.phase!=="running"&&a[0]?.name===i.name&&a[0]?.at===i.at;return[i,...g?a.slice(1):a].slice(0,12)})},[]);return[e,n]}function Ae({find:e,calls:t,seat:n,remembers:i=!1}){return e?(0,M.jsxs)(M.Fragment,{children:[(0,Ee.createPortal)((0,M.jsx)(ba,{compact:e.compact}),e.slot),e.own?(0,Ee.createPortal)((0,M.jsx)(Je,{calls:t,remembers:i,...n!==void 0?{seat:n}:{}}),e.own):null]}):null}function Me({home:e=null}){return(0,M.jsxs)("div",{"data-graview-scene-trail":"",style:{position:"absolute",top:14,left:14,maxWidth:"calc(100% - 150px - var(--graview-dock, 0px))",zIndex:L("overview"),display:"flex",alignItems:"center",gap:6,minWidth:0,pointerEvents:"none"},children:[(0,M.jsx)($a,{home:e,onPicture:!0}),(0,M.jsx)("span",{style:{pointerEvents:"auto"},children:(0,M.jsx)(ya,{})})]})}var W=l(P(),1);var za=l(u(),1),Ya=B(()=>import("./chunk.2IZFIORK.js"));function Ie(){let{store:e,principal:t}=h(),n=(0,W.useContext)(ea),i=(0,W.useRef)(null),a=(0,W.useRef)(!1);return(0,W.useEffect)(()=>()=>void(a.current=!0),[]),(0,W.useEffect)(()=>{let g=e.batches().length,v=Ya().then(c=>c.sceneWay(e,t,n,g,i.current),()=>{});return()=>void v.then(c=>c?.(a.current))},[e,t,n]),(0,za.jsx)("span",{ref:i,hidden:!0})}var Ca=l(P(),1);var b=l(u(),1);function gt({address:e=!1,auto:t,seat:n,scheme:i,scope:a}){let g=(0,Ca.useMemo)(()=>`${he({scope:`.${a}`})}
+${xe(i,{scope:`.${a}`})}`,[i,a]),v=Ze(),[c,m]=Te();return(0,b.jsx)(Ge.Provider,{value:!0,children:(0,b.jsxs)("div",{"data-embed-content":"",style:{position:"relative",flex:t?`0 0 ${ca}px`:"1 1 auto",minHeight:0,containerType:"size"},children:[(0,b.jsx)("style",{children:g}),e?(0,b.jsx)(ga,{}):null,(0,b.jsx)(pa,{renderer:"dom"}),(0,b.jsx)(Me,{}),(0,b.jsx)($e,{}),(0,b.jsx)(be,{}),(0,b.jsx)(fe,{}),(0,b.jsx)(me,{...n?{start:n}:{},onCall:m}),(0,b.jsx)(ye,{}),(0,b.jsx)(Se,{placement:"menu"}),(0,b.jsx)(Ae,{find:v,calls:c}),(0,b.jsx)(Ie,{})]})})}function ct(){return(0,b.jsx)(Ce,{})}export{gt as SceneFace,ct as SceneKeeping};