@celsoft/coordinator 0.0.0 → 0.1.0

package/build/chunk-ZGZJEEE3.js

@@ -0,0 +1,1091 @@
+import { createRequire as __cr } from 'node:module'; const require = __cr(import.meta.url);
+import {
+  DOC_SANDBOX
+} from "./chunk-MC5AGLMY.js";
+import {
+  Button,
+  Icon,
+  Pending,
+  buttonState,
+  pendingContext,
+  providePending
+} from "./chunk-BJTJS3XY.js";
+import {
+  external_exports
+} from "./chunk-NCZ77J5E.js";
+import {
+  attr,
+  attr_class,
+  attr_style,
+  attributes,
+  bind_props,
+  clsx,
+  derived,
+  element,
+  ensure_array_like,
+  escape_html,
+  fallback,
+  getContext,
+  props_id,
+  setContext,
+  spread_props,
+  stringify,
+  to_array
+} from "./chunk-KAYW2W7H.js";
+
+// build/server/chunks/DocDetail.js
+var favicon_default = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1024'%20height='1024'%20viewBox='-50%20-50%201354%201354'%20role='img'%20aria-labelledby='title%20desc'%3e%3ctitle%20id='title'%3eCoordinator%20mark%3c/title%3e%3cdesc%20id='desc'%3eCream%20C-shaped%20gear%20surrounding%20four%20robot%20agents,%20connected%20with%20orange%20arcs%20and%20spokes.%20Transparent%20background.%3c/desc%3e%3cstyle%3e%20/*%20Change%20fill%20to%20any%20color%20for%20a%20solid%20background.%20No%20checkerboard%20is%20drawn.%20*/%20.background%20{fill:none;}%20.gear%20{fill:%23FFF6E9;stroke:%23091216;stroke-width:64;paint-order:stroke;stroke-linejoin:round;stroke-linecap:round;}%20.disc%20{fill:%23091216;}%20.connections%20{fill:none;stroke:%23FF8A00;stroke-width:49;}%20.spokes%20{fill:none;stroke:%23FF8A00;stroke-width:35;}%20.robot-shell%20{fill:%23FFF6E9;stroke:%23091216;stroke-width:24;}%20.robot-face%20{fill:%23091216;}%20.eyes%20{fill:%23FFFAF2;}%20.antenna-stem%20{stroke:%23FFF6E9;stroke-width:25;}%20.antenna-tip%20{fill:%23FFF6E9;stroke:%23091216;stroke-width:20;}%20[id^=robot-]%20{display:none;}%20.connections%20{stroke-width:110;}%20.spokes%20{stroke-width:90;}%20.gear%20{stroke-width:100;}%20%3c/style%3e%3cg%20id='background'%20data-name='Background,%20transparent;%20set%20its%20CSS%20fill%20for%20a%20solid%20one'%3e%3crect%20class='background'%20x='-16'%20y='-16'%20width='1286'%20height='1286'/%3e%3c/g%3e%3cg%20id='c-gear'%20data-name='C-shaped%20cream%20gear'%3e%3cpath%20class='gear'%20d='M971%20424%20L1104%20323%20Q1133%20299%201113%20267%20L990%20144%20Q963%20119%20934%20137%20L867%20169%20L782%20134%20L751%2051%20Q742%2027%20714%2027%20H582%20Q551%2027%20540%2053%20L506%20134%20L416%20173%20L351%20138%20Q325%20123%20302%20143%20L201%20244%20Q182%20264%20193%20290%20L220%20340%20L179%20426%20L96%20446%20Q73%20452%2066%20483%20L49%20580%20Q44%20607%2067%20623%20L119%20659%20L131%20753%20L85%20801%20Q65%20823%2080%20850%20L126%20939%20Q138%20964%20166%20959%20L239%20947%20L297%201008%20L285%201085%20Q280%201114%20303%201131%20L393%201182%20Q415%201195%20439%201177%20L492%201127%20L575%201147%20L604%201207%20Q614%201228%20641%201228%20H730%20Q755%201228%20766%201205%20L797%201142%20Q966%201130%201113%20986%20Q1139%20958%201117%20935%20L991%20856%20L908%20887%20A378%20378%200%201%201%20942%20418%20Z'/%3e%3c/g%3e%3cg%20id='central-disc'%20data-name='Dark%20central%20disc'%3e%3ccircle%20class='disc'%20cx='630'%20cy='631'%20r='367'/%3e%3c/g%3e%3cg%20id='inside'%20data-name='Everything%20inside%20the%20C,%20scaled%20to%20its%20opening'%20transform='translate(630%20631)%20scale(0.9)%20translate(-630%20-631)'%3e%3cg%20id='orange-orbit'%20data-name='Orange%20connecting%20arcs'%20class='connections'%3e%3ccircle%20cx='630'%20cy='621'%20r='329'/%3e%3c/g%3e%3cg%20id='orange-spokes'%20data-name='Orange%20connecting%20spokes'%20class='spokes'%3e%3cpath%20d='M632%20391V845%20M352%20622H919'/%3e%3c/g%3e%3cg%20id='robot-top'%20data-name='Robot%20top'%20transform='translate(634%20335)'%3e%3cg%20id='antenna-top'%20data-name='Antenna'%3e%3ccircle%20class='antenna-tip'%20cx='0'%20cy='-144'%20r='39'/%3e%3cpath%20class='antenna-stem'%20d='M0%20-144V-67'/%3e%3c/g%3e%3crect%20class='robot-shell'%20x='-130'%20y='-97'%20width='260'%20height='196'%20rx='86'/%3e%3crect%20class='robot-face'%20x='-89'%20y='-44'%20width='178'%20height='99'%20rx='40'/%3e%3cg%20class='eyes'%20data-name='Eyes'%3e%3ccircle%20cx='-42'%20cy='4'%20r='18.5'/%3e%3ccircle%20cx='42'%20cy='4'%20r='18.5'/%3e%3c/g%3e%3c/g%3e%3cg%20id='robot-left'%20data-name='Robot%20left'%20transform='translate(315%20625)'%3e%3cg%20id='antenna-left'%20data-name='Antenna'%3e%3ccircle%20class='antenna-tip'%20cx='0'%20cy='-144'%20r='39'/%3e%3cpath%20class='antenna-stem'%20d='M0%20-144V-67'/%3e%3c/g%3e%3crect%20class='robot-shell'%20x='-130'%20y='-97'%20width='260'%20height='196'%20rx='86'/%3e%3crect%20class='robot-face'%20x='-89'%20y='-44'%20width='178'%20height='99'%20rx='40'/%3e%3cg%20class='eyes'%20data-name='Eyes'%3e%3ccircle%20cx='-42'%20cy='4'%20r='18.5'/%3e%3ccircle%20cx='42'%20cy='4'%20r='18.5'/%3e%3c/g%3e%3c/g%3e%3cg%20id='robot-right'%20data-name='Robot%20right'%20transform='translate(940%20625)'%3e%3cg%20id='antenna-right'%20data-name='Antenna'%3e%3ccircle%20class='antenna-tip'%20cx='0'%20cy='-144'%20r='39'/%3e%3cpath%20class='antenna-stem'%20d='M0%20-144V-67'/%3e%3c/g%3e%3crect%20class='robot-shell'%20x='-130'%20y='-97'%20width='260'%20height='196'%20rx='86'/%3e%3crect%20class='robot-face'%20x='-89'%20y='-44'%20width='178'%20height='99'%20rx='40'/%3e%3cg%20class='eyes'%20data-name='Eyes'%3e%3ccircle%20cx='-42'%20cy='4'%20r='18.5'/%3e%3ccircle%20cx='42'%20cy='4'%20r='18.5'/%3e%3c/g%3e%3c/g%3e%3cg%20id='robot-bottom'%20data-name='Robot%20bottom'%20transform='translate(633%20957)'%3e%3cg%20id='antenna-bottom'%20data-name='Antenna'%3e%3ccircle%20class='antenna-tip'%20cx='0'%20cy='-144'%20r='39'/%3e%3cpath%20class='antenna-stem'%20d='M0%20-144V-67'/%3e%3c/g%3e%3crect%20class='robot-shell'%20x='-130'%20y='-97'%20width='260'%20height='196'%20rx='86'/%3e%3crect%20class='robot-face'%20x='-89'%20y='-44'%20width='178'%20height='99'%20rx='40'/%3e%3cg%20class='eyes'%20data-name='Eyes'%3e%3ccircle%20cx='-42'%20cy='4'%20r='18.5'/%3e%3ccircle%20cx='42'%20cy='4'%20r='18.5'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e";
+function IconButton($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { icon, label, type = "button", cancel = false, error = "", onclick, class: className, $$slots, $$events, ...rest } = $$props;
+    const own = new Pending({ name: "An IconButton onclick" });
+    const form = pendingContext();
+    const state = derived(() => buttonState({
+      own,
+      form,
+      submit: type === "submit",
+      cancel
+    }));
+    $$renderer2.push(`<button${attributes({
+      type,
+      class: clsx(["sd-iconbtn", className]),
+      "aria-label": label,
+      title: label,
+      "aria-disabled": state().blocked ? "true" : void 0,
+      "aria-busy": state().spinning ? "true" : void 0,
+      ...rest
+    })}>`);
+    if (state().spinning) $$renderer2.push(`<!--[0--><span class="sd-spinner" aria-hidden="true"></span>`);
+    else {
+      $$renderer2.push("<!--[-1-->");
+      Icon($$renderer2, { name: icon });
+    }
+    $$renderer2.push(`<!--]--></button>`);
+    bind_props($$props, { error });
+  });
+}
+function Dialog$1($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const uid = props_id($$renderer2);
+    let { open = false, title, description, icon, size = "md", onclose, onsubmit, abortable = false, children, footer } = $$props;
+    const wait = onsubmit ? providePending(new Pending({
+      name: "A Dialog onsubmit",
+      abortable
+    })) : void 0;
+    function close() {
+      if (wait?.busy) {
+        if (!wait.abortable) return;
+        wait.abort();
+      }
+      open = false;
+      onclose?.();
+    }
+    function content($$renderer3) {
+      if (children || wait?.error) {
+        $$renderer3.push(`<!--[0--><div class="sd-dialog-body">`);
+        children?.($$renderer3);
+        $$renderer3.push(`<!----> `);
+        if (wait?.error) $$renderer3.push(`<!--[0--><p class="sd-dialog-error" role="alert">${escape_html(wait.error)}</p>`);
+        else $$renderer3.push("<!--[-1-->");
+        $$renderer3.push(`<!--]--></div>`);
+      } else $$renderer3.push("<!--[-1-->");
+      $$renderer3.push(`<!--]--> `);
+      if (footer) {
+        $$renderer3.push(`<!--[0--><footer class="sd-dialog-foot">`);
+        footer($$renderer3);
+        $$renderer3.push(`<!----></footer>`);
+      } else $$renderer3.push("<!--[-1-->");
+      $$renderer3.push(`<!--]-->`);
+    }
+    $$renderer2.push(`<dialog${attr_class(clsx([
+      "sd-dialog",
+      size === "sm" && "sd-dialog-sm",
+      size === "lg" && "sd-dialog-lg"
+    ]))}${attr("aria-labelledby", `sd-dialog-${uid}-title`)}${attr("aria-describedby", description ? `sd-dialog-${uid}-desc` : void 0)}><header class="sd-dialog-head">`);
+    if (icon) {
+      $$renderer2.push(`<!--[0--><span class="sd-dialog-icon">`);
+      Icon($$renderer2, { name: icon });
+      $$renderer2.push(`<!----></span>`);
+    } else $$renderer2.push("<!--[-1-->");
+    $$renderer2.push(`<!--]--> <div class="sd-dialog-titles"><h2 class="sd-dialog-title"${attr("id", `sd-dialog-${uid}-title`)}>${escape_html(title)}</h2> `);
+    if (description) $$renderer2.push(`<!--[0--><p class="sd-dialog-sub"${attr("id", `sd-dialog-${uid}-desc`)}>${escape_html(description)}</p>`);
+    else $$renderer2.push("<!--[-1-->");
+    $$renderer2.push(`<!--]--></div> `);
+    IconButton($$renderer2, {
+      icon: "x",
+      label: "Close",
+      cancel: true,
+      onclick: close
+    });
+    $$renderer2.push(`<!----></header> `);
+    if (wait) {
+      $$renderer2.push(`<!--[0--><form class="sd-dialog-form" novalidate="">`);
+      content($$renderer2);
+      $$renderer2.push(`<!----></form>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      content($$renderer2);
+    }
+    $$renderer2.push(`<!--]--></dialog>`);
+    bind_props($$props, { open });
+  });
+}
+var TYPE_BADGE = {
+  bug: {
+    label: "Bug",
+    tone: "warning"
+  },
+  feature: {
+    label: "Feature",
+    tone: "info"
+  },
+  task: {
+    label: "Task",
+    tone: "neutral"
+  },
+  chore: {
+    label: "Chore",
+    tone: "neutral"
+  }
+};
+var STATE_BADGE = {
+  open: {
+    label: "Open",
+    tone: "success"
+  },
+  held: {
+    label: "Held",
+    tone: "accent"
+  },
+  closed: {
+    label: "Closed",
+    tone: "neutral"
+  }
+};
+var WORK_PR_BADGE = {
+  open: {
+    label: "Opened",
+    tone: "info"
+  },
+  closed: {
+    label: "Closed",
+    tone: "neutral"
+  },
+  dry_run: {
+    label: "Dry run",
+    tone: "neutral"
+  }
+};
+var LANDING_BADGE = {
+  landing: {
+    label: "Landing",
+    tone: "info"
+  },
+  pr_open: {
+    label: "PR open",
+    tone: "info"
+  },
+  landed: {
+    label: "Landed",
+    tone: "success"
+  },
+  refused: {
+    label: "Refused",
+    tone: "warning"
+  },
+  failed: {
+    label: "Failed",
+    tone: "warning"
+  },
+  closed: {
+    label: "PR closed",
+    tone: "neutral"
+  },
+  dry_run: {
+    label: "Dry run",
+    tone: "neutral"
+  }
+};
+var ASK_LABEL = {
+  plan: "Plan to approve",
+  done: "Ready to land",
+  pr: "PR to open",
+  question: "Question"
+};
+function askedPlan(issues, ask) {
+  if (ask?.kind !== "plan" || !ask.about) return null;
+  const issue = issues.find((i) => i.address === ask.about);
+  const plan = issue && (issue.plans.findLast((p) => !p.approved_at) ?? issue.plans.at(-1));
+  return issue && plan ? {
+    issue,
+    plan
+  } : null;
+}
+function blockerBadge(i) {
+  if (!i) return {
+    label: "Unknown",
+    tone: "danger"
+  };
+  if (i.landed) return {
+    label: "Landed",
+    tone: "success"
+  };
+  if (i.state === "closed") return {
+    label: "Closed, not landed",
+    tone: "danger"
+  };
+  return {
+    label: STATE_BADGE[i.state].label,
+    tone: i.state === "held" ? "accent" : "warning"
+  };
+}
+var leadOfIn = (st) => (slot) => {
+  const id = st.slots[slot];
+  return id === void 0 ? void 0 : st.sessions[id]?.lead ?? null;
+};
+var waitersOf = (issues, address) => issues.filter((i) => i.blocked_by.includes(address));
+var waitingOn = (issues, i) => i.blocked_by.filter((b) => !issues.find((x) => x.address === b)?.landed);
+function checkoutNotices(repos) {
+  return repos.filter((r) => r.checkout).map((r) => ({
+    kind: "checkout",
+    key: `checkout:${r.repo}`,
+    tone: "warning",
+    href: repoHash(r.repo),
+    title: `${r.repo} checkout behind`,
+    text: `Its ${r.default_branch} at ${r.checkout.at} is ${r.checkout.behind} behind origin and was not fast-forwarded: ${r.checkout.why}. ${r.checkout.fix} The bus retries every minute.`
+  }));
+}
+function recordNotices(problems) {
+  return problems.map((p) => ({
+    kind: "record",
+    key: `record:${p.file}`,
+    tone: "warning",
+    href: "#skills",
+    title: `${p.file} skipped`,
+    text: p.file.startsWith(".coord/") ? `It could not be read: ${p.detail}. Fix the file, then restart the server to read it.` : `${p.detail}. Fix it in the Repo: its Profiles are read again each time its checkout moves.`
+  }));
+}
+function groupOf(groupings, i) {
+  const g = groupings[i.repo]?.groups.find((x) => x.issues.includes(i.address));
+  return g ? {
+    with: g.issues.filter((a) => a !== i.address),
+    why: g.why
+  } : null;
+}
+var docHash = (id) => `#d=${encodeURIComponent(id)}`;
+var stateOf = (s) => s.state || "unknown";
+var when = (t) => t ? new Date(t).toLocaleTimeString([], {
+  hour: "numeric",
+  minute: "2-digit"
+}) : "";
+var repoOf = (s) => s.repo || "no repo";
+var issueHash = (i) => "#i=" + encodeURIComponent(i);
+var repoHash = (r) => "#r=" + encodeURIComponent(r);
+var changeHash = (r, id) => repoHash(r) + "~" + id;
+var repoGithubUrl = (r) => `https://github.com/${r}`;
+var repoSettingsHash = (r) => "#rs=" + encodeURIComponent(r);
+var repoSecretsHash = (r) => "#rk=" + encodeURIComponent(r);
+var slotSecretsHash = (slot) => "#ss=" + encodeURIComponent(slot);
+var sessionHash = (id) => "#s=" + encodeURIComponent(id);
+var waiting = (s) => !s.ended && s.state === "starting" && Date.now() - new Date(s.started).getTime() > 2e4;
+function ago(t, at = Date.now()) {
+  if (!t) return "";
+  const seconds = Math.max(0, (at - new Date(t).getTime()) / 1e3);
+  for (const [unit, size] of [
+    ["year", 31536e3],
+    ["month", 2592e3],
+    ["week", 604800],
+    ["day", 86400],
+    ["hour", 3600],
+    ["minute", 60]
+  ]) {
+    const n = Math.floor(seconds / size);
+    if (n >= 1) return `${n} ${unit}${n === 1 ? "" : "s"} ago`;
+  }
+  return "just now";
+}
+function hashOf(hash2, kind) {
+  const match = hash2.match(new RegExp("^#" + kind + "=(.+)$"));
+  return match ? decodeURIComponent(match[1]) : "";
+}
+var KEY = Symbol("page");
+var POLL_MS = 2e3;
+var Page = class {
+  csrf;
+  st = null;
+  hash = "";
+  note = "";
+  navOpen = false;
+  /** Whether the last poll reached the server. */
+  live = false;
+  /** Why Herdr did not switch to the pane the user asked for, shown in a warning dialog until they close it. */
+  switchWarning = "";
+  /** The dialog asked for, and what it is for: a slot, a Session, or an issue. n changes on every ask, so asking again reopens it;
+  *  shown is called once it is open, or once it cannot be. */
+  dialog = null;
+  last = "";
+  asked = 0;
+  /** The held work the note is about, cleared with the note once the throttle no longer holds it. */
+  heldNote = null;
+  /** Ask for a dialog; resolves once it is open, so a button that opens one that reads first, such as Clean up, waits on it. */
+  open(kind, arg = "") {
+    return new Promise((shown) => this.dialog = {
+      kind,
+      arg,
+      n: ++this.asked,
+      shown
+    });
+  }
+  constructor(csrf) {
+    this.csrf = csrf;
+  }
+  get selected() {
+    return hashOf(this.hash, "s");
+  }
+  get selectedIssue() {
+    return hashOf(this.hash, "i");
+  }
+  get selectedRepo() {
+    return hashOf(this.hash, "r").split("~")[0];
+  }
+  /** The Change Summary opened on the repo's page, from a slot's link to its landing; 0 when none. */
+  get selectedChange() {
+    return Number(hashOf(this.hash, "r").split("~")[1] ?? 0) || 0;
+  }
+  /** The repo whose Settings view is open. */
+  get selectedRepoSettings() {
+    return hashOf(this.hash, "rs");
+  }
+  /** The repo whose Secrets view is open. */
+  get selectedRepoSecrets() {
+    return hashOf(this.hash, "rk");
+  }
+  /** The slot whose Secrets view is open. */
+  get selectedSlotSecrets() {
+    return hashOf(this.hash, "ss");
+  }
+  /** The profile, skill group, or instruction open in its editor, as kind:name. */
+  /** The document open in the Documents view. */
+  get selectedDoc() {
+    return hashOf(this.hash, "d");
+  }
+  get selectedPart() {
+    return hashOf(this.hash, "sk");
+  }
+  go(hash2) {
+    location.hash = hash2;
+  }
+  async poll() {
+    try {
+      const r = await fetch("state.json", { cache: "no-store" });
+      if (r.status === 401) {
+        location.href = "pair";
+        return;
+      }
+      const text = await r.text();
+      this.live = r.ok;
+      if (text !== this.last) {
+        this.last = text;
+        this.st = JSON.parse(text);
+      }
+      this.dropHeldNote();
+    } catch {
+      this.live = false;
+    }
+  }
+  /** Say a start is held, until the throttle runs it or another note replaces this one. */
+  held(id, text) {
+    this.note = text;
+    this.heldNote = {
+      id,
+      text
+    };
+    this.dropHeldNote();
+  }
+  dropHeldNote() {
+    const h = this.heldNote;
+    if (!h || !this.st) return;
+    if (this.note !== h.text) this.heldNote = null;
+    else if (!this.st.throttle.held.some((x) => x.id === h.id)) {
+      this.note = "";
+      this.heldNote = null;
+    }
+  }
+  start() {
+    const onHash = () => this.hash = location.hash;
+    onHash();
+    window.addEventListener("hashchange", onHash);
+    this.poll();
+    const timer = setInterval(() => void this.poll(), POLL_MS);
+    return () => {
+      clearInterval(timer);
+      window.removeEventListener("hashchange", onHash);
+    };
+  }
+  async post(path, body) {
+    return (await fetch(path, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        "X-CSRF": this.csrf
+      },
+      body: JSON.stringify(body)
+    })).json();
+  }
+  /** Switch Herdr to the Session's pane; the page shows the Session either way, and a warning says why when Herdr did not switch.
+  *  An ended one opens Clean up instead, the first time only. */
+  async focus(session) {
+    const out = await this.post("focus", { session }).catch(() => ({ error: "the server did not answer" }));
+    this.switchWarning = out.error || "";
+    if (out.cleanup) await this.open("cleanup", session);
+  }
+  /** Open a shell on the repo's checkout in Herdr and switch to it; the note under the header says why when Herdr refuses. */
+  async terminal(repo) {
+    const out = await this.post("terminal", { repo }).catch(() => ({ error: "the server did not answer" }));
+    this.note = out.error || "";
+  }
+  /** Send a Message as user; the note under the header says why when it is refused. */
+  async act(body) {
+    const out = await this.post("act", body);
+    this.note = out.error || "";
+    await this.poll();
+    return out;
+  }
+};
+function providePage(page) {
+  return setContext(KEY, page);
+}
+function usePage() {
+  return getContext(KEY);
+}
+var defaultAttributes = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": 2,
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+var mergeClasses = (...classes) => classes.filter((className, index, array) => {
+  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
+}).join(" ").trim();
+function isDefined(value) {
+  return value !== null && value !== void 0;
+}
+function buildLucideIconNode(icon, params = {}) {
+  const attributeNames = params.attributeNames ?? {};
+  const getAttributeName = (attributeName) => attributeNames[attributeName] ?? attributeName;
+  const viewBoxWidth = icon.size ?? icon.width ?? defaultAttributes["width"];
+  const viewBoxHeight = icon.size ?? icon.height ?? defaultAttributes["height"];
+  const aliasClassNames = icon.aliases?.filter((alias) => typeof alias === "string" && alias.trim() !== "").map((alias) => `lucide-${alias}`) ?? [];
+  const iconClassNames = [...icon.name ? [`lucide-${icon.name}`] : [], ...aliasClassNames];
+  const classNamesFromClassName = params.className?.split(" ").filter(Boolean) ?? [];
+  const className = params.includeDefaultClasses === false ? mergeClasses(...classNamesFromClassName) : mergeClasses("lucide", ...iconClassNames, ...classNamesFromClassName);
+  const calculatedStrokeWidth = params.absoluteStrokeWidth ? Number(params.strokeWidth ?? defaultAttributes["stroke-width"]) * Number(icon.size ?? icon.width ?? defaultAttributes["width"]) / Number(params.size ?? params.width ?? defaultAttributes["width"]) : params.strokeWidth ?? defaultAttributes["stroke-width"];
+  return [
+    "svg",
+    {
+      ...Object.entries(defaultAttributes).reduce((attrs, [attrName, value]) => {
+        attrs[getAttributeName(attrName)] = value;
+        return attrs;
+      }, {}),
+      ..."color" in params && params.color && { [getAttributeName("stroke")]: params.color },
+      ..."size" in params && isDefined(params.size) && {
+        [getAttributeName("width")]: params.size,
+        [getAttributeName("height")]: params.size
+      },
+      ..."width" in params && isDefined(params.width) && { [getAttributeName("width")]: params.width },
+      ..."height" in params && isDefined(params.height) && { [getAttributeName("height")]: params.height },
+      [getAttributeName("stroke-width")]: calculatedStrokeWidth,
+      ...className && { [getAttributeName("class")]: className },
+      [getAttributeName("viewBox")]: `0 0 ${viewBoxWidth} ${viewBoxHeight}`,
+      ...params.hasA11yProp === false ? { [getAttributeName("aria-hidden")]: "true" } : {},
+      ..."attributes" in params && params.attributes
+    },
+    icon.node.map((child) => {
+      const [name, attrs, children] = child;
+      const nextAttrs = params.nonScalingStroke ? {
+        [getAttributeName("vector-effect")]: "non-scaling-stroke",
+        ...attrs
+      } : attrs;
+      return children ? [
+        name,
+        nextAttrs,
+        children
+      ] : [name, nextAttrs];
+    })
+  ];
+}
+var hasA11yProp = (props) => {
+  for (const prop in props) if (prop.startsWith("aria-") || prop === "role" || prop === "title") return true;
+  return false;
+};
+var LucideContext = Symbol("lucide-context");
+var getLucideContext = () => getContext(LucideContext);
+function Icon2($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const globalProps = getLucideContext() ?? {};
+    const { color = globalProps.color ?? "currentColor", size = globalProps.size ?? 24, width = size, height = size, strokeWidth = globalProps.strokeWidth ?? 2, absoluteStrokeWidth = globalProps.absoluteStrokeWidth ?? false, nonScalingStroke = globalProps.nonScalingStroke ?? false, iconNode = [], icon = {
+      node: iconNode,
+      aliases: [],
+      size: 24
+    }, class: propsClass, children, $$slots, $$events, ...props } = $$props;
+    const hasAccessibleProp = derived(() => Boolean(children) || hasA11yProp(props));
+    const $$d = derived(() => buildLucideIconNode(icon, {
+      color,
+      width,
+      height,
+      strokeWidth,
+      absoluteStrokeWidth,
+      nonScalingStroke,
+      className: mergeClasses("lucide-icon", globalProps.class),
+      hasA11yProp: hasAccessibleProp(),
+      attributes: props
+    })), $$derived_array = derived(() => to_array($$d(), 3)), svgAttributes = derived(() => $$derived_array()[1]), builtIconNode = derived(() => fallback($$derived_array()[2], () => [], true));
+    const iconAttributes = derived(() => ({
+      ...svgAttributes(),
+      class: [...svgAttributes().class.split(" "), propsClass]
+    }));
+    $$renderer2.push(`<svg${attributes({ ...iconAttributes() }, void 0, void 0, void 0, 3)}><!--[-->`);
+    const each_array = ensure_array_like(builtIconNode());
+    for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+      let [tag, attrs] = each_array[$$index];
+      element($$renderer2, tag, () => {
+        $$renderer2.push(`${attributes({ ...attrs }, void 0, void 0, void 0, 3)}`);
+      });
+    }
+    $$renderer2.push(`<!--]-->`);
+    children?.($$renderer2);
+    $$renderer2.push(`<!----></svg>`);
+  });
+}
+function Circle_check($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  Icon2($$renderer, spread_props([props, { icon: {
+    "name": "circle-check",
+    "size": 24,
+    "node": [["circle", {
+      "cx": "12",
+      "cy": "12",
+      "r": "10"
+    }], ["path", { "d": "m16 9-5.5 5.5L8 12" }]],
+    "aliases": ["check-circle-2"]
+  } }]));
+}
+function External_link($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  Icon2($$renderer, spread_props([props, { icon: {
+    "name": "external-link",
+    "size": 24,
+    "node": [
+      ["path", { "d": "M15 3h6v6" }],
+      ["path", { "d": "M10 14 21 3" }],
+      ["path", { "d": "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }]
+    ]
+  } }]));
+}
+function SlotLink($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { id = null, slot = null } = $$props;
+    const page = usePage();
+    const target = derived(() => id ?? (slot ? page.st.slots[slot] : null) ?? null);
+    const s = derived(() => target() ? page.st.sessions[target()] : null);
+    if (s()) $$renderer2.push(`<!--[0--><a${attr("href", sessionHash(s().id))}>${escape_html(s().slot || s().track)}</a>`);
+    else $$renderer2.push(`<!--[-1-->${escape_html(id ?? slot)}`);
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+var UserColor = external_exports.string().regex(/^#[0-9a-fA-F]{6}$/, "Choose a color.");
+var toLinear = (c) => c <= 0.04045 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;
+var fromLinear = (c) => c <= 31308e-7 ? 12.92 * c : 1.055 * c ** (1 / 2.4) - 0.055;
+var hexToLinear = (hex) => [
+  1,
+  3,
+  5
+].map((i) => toLinear(parseInt(hex.slice(i, i + 2), 16) / 255));
+function hexToOklch(hex) {
+  const [r, g, b] = hexToLinear(hex);
+  const l = Math.cbrt(0.4122214708 * r + 0.5363325363 * g + 0.0514459929 * b);
+  const m = Math.cbrt(0.2119034982 * r + 0.6806995451 * g + 0.1073969566 * b);
+  const s = Math.cbrt(0.0883024619 * r + 0.2817188376 * g + 0.6299787005 * b);
+  const L = 0.2104542553 * l + 0.793617785 * m - 0.0040720468 * s;
+  const A = 1.9779984951 * l - 2.428592205 * m + 0.4505937099 * s;
+  const B = 0.0259040371 * l + 0.7827717662 * m - 0.808675766 * s;
+  return {
+    L,
+    C: Math.hypot(A, B),
+    h: (Math.atan2(B, A) * 180 / Math.PI + 360) % 360
+  };
+}
+function oklchToLinear(L, C, h) {
+  const a = C * Math.cos(h * Math.PI / 180);
+  const b = C * Math.sin(h * Math.PI / 180);
+  const l = (L + 0.3963377774 * a + 0.2158037573 * b) ** 3;
+  const m = (L - 0.1055613458 * a - 0.0638541728 * b) ** 3;
+  const s = (L - 0.0894841775 * a - 1.291485548 * b) ** 3;
+  return [
+    4.0767416621 * l - 3.3077115913 * m + 0.2309699292 * s,
+    -1.2684380046 * l + 2.6097574011 * m - 0.3413193965 * s,
+    -0.0041960863 * l - 0.7034186147 * m + 1.707614701 * s
+  ];
+}
+var inGamut = (rgb) => rgb.every((c) => c >= -1e-4 && c <= 1.0001);
+var toHex = (rgb) => "#" + rgb.map((c) => Math.round(fromLinear(Math.min(1, Math.max(0, c))) * 255).toString(16).padStart(2, "0")).join("");
+var luminance = ([r, g, b]) => 0.2126 * r + 0.7152 * g + 0.0722 * b;
+var contrast = (x, y) => (Math.max(x, y) + 0.05) / (Math.min(x, y) + 0.05);
+var RANGE = {
+  dark: {
+    L: [0.7, 0.88],
+    maxC: 0.16,
+    ground: "#161a20",
+    soft: {
+      L: 0.27,
+      C: 0.045,
+      step: -0.01,
+      stop: 0.16
+    }
+  },
+  light: {
+    L: [0.4, 0.53],
+    maxC: 0.16,
+    ground: "#f8f9fb",
+    soft: {
+      L: 0.955,
+      C: 0.03,
+      step: 5e-3,
+      stop: 0.995
+    }
+  }
+};
+function fitGamut(L, C, h) {
+  for (let c = C; c > 0; c -= 5e-3) {
+    const rgb = oklchToLinear(L, c, h);
+    if (inGamut(rgb)) return rgb;
+  }
+  return oklchToLinear(L, 0, h);
+}
+function fitTheme(theme, position, C, h) {
+  const r = RANGE[theme];
+  const ground = luminance(hexToLinear(r.ground));
+  let L = r.L[0] + position * (r.L[1] - r.L[0]);
+  let text = fitGamut(L, Math.min(C, r.maxC), h);
+  const away = theme === "dark" ? 0.01 : -0.01;
+  while (contrast(luminance(text), ground) < 4.5 && L > 0.05 && L < 0.98) {
+    L += away;
+    text = fitGamut(L, Math.min(C, r.maxC), h);
+  }
+  const y = luminance(text);
+  const s = r.soft;
+  let soft = fitGamut(s.L, Math.min(s.C, C), h);
+  for (let sl = s.L; theme === "dark" ? sl >= s.stop : sl <= s.stop; sl += s.step) {
+    soft = fitGamut(sl, Math.min(s.C, C), h);
+    if (contrast(y, luminance(soft)) >= 4.5) break;
+  }
+  return {
+    text: toHex(text),
+    soft: toHex(soft)
+  };
+}
+function fitColor(hex) {
+  const { L, C, h } = hexToOklch(UserColor.parse(hex));
+  const position = Math.min(1, Math.max(0, (L - 0.35) / 0.55));
+  return {
+    dark: fitTheme("dark", position, C, h),
+    light: fitTheme("light", 1 - position, C, h)
+  };
+}
+function hash(text) {
+  let h = 2166136261;
+  for (let i = 0; i < text.length; i++) {
+    h ^= text.charCodeAt(i);
+    h = Math.imul(h, 16777619);
+  }
+  return h >>> 0;
+}
+var LEVELS = [
+  0.9,
+  0.5,
+  0.1
+];
+var pick = (h, position) => toHex(fitGamut(0.45 + position * 0.4, 0.13, h));
+var sequence = [];
+var candidates;
+function oklab(hex) {
+  const { L, C, h } = hexToOklch(hex);
+  return [
+    L,
+    C * Math.cos(h * Math.PI / 180),
+    C * Math.sin(h * Math.PI / 180)
+  ];
+}
+function nthColor(n) {
+  if (!candidates) {
+    candidates = [];
+    for (let h = 0; h < 360; h += 4) for (const level of LEVELS) {
+      const hex = pick(h, level);
+      const f = fitColor(hex);
+      candidates.push({
+        h,
+        level: LEVELS.indexOf(level),
+        hex,
+        dark: oklab(f.dark.text),
+        light: oklab(f.light.text)
+      });
+    }
+    sequence.push(candidates.reduce((a, c) => Math.abs(c.h - 256) + c.level < Math.abs(a.h - 256) + a.level ? c : a));
+  }
+  while (sequence.length <= n) {
+    let best = null;
+    let bestGap = -1;
+    for (const c of candidates) {
+      let gap = Infinity;
+      for (const s of sequence) gap = Math.min(gap, Math.hypot(c.dark[0] - s.dark[0], c.dark[1] - s.dark[1], c.dark[2] - s.dark[2]), Math.hypot(c.light[0] - s.light[0], c.light[1] - s.light[1], c.light[2] - s.light[2]));
+      if (gap > bestGap) [best, bestGap] = [c, gap];
+    }
+    sequence.push(best);
+  }
+  return sequence[n].hex;
+}
+function seedColor(seed) {
+  if (typeof seed === "number") return nthColor(Math.max(0, Math.trunc(seed) - 1));
+  const x = hash(String(seed).trim().toLowerCase());
+  return pick(x % 360, LEVELS[Math.floor(x / 360) % LEVELS.length]);
+}
+function colorStyle({ color, seed }) {
+  const hex = color && UserColor.safeParse(color).success ? color : seed != null && seed !== "" ? seedColor(seed) : null;
+  if (!hex) return "";
+  const f = fitColor(hex);
+  return `--cat-d: ${f.dark.text}; --cat-soft-d: ${f.dark.soft}; --cat-l: ${f.light.text}; --cat-soft-l: ${f.light.soft};`;
+}
+function Badge($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { tone = "neutral", color, seed, fill = false, dot = false, children } = $$props;
+    const style = derived(() => colorStyle({
+      color,
+      seed
+    }));
+    if (style()) {
+      $$renderer2.push(`<!--[0--><span${attr_class(clsx([
+        "sd-badge",
+        "sd-cat",
+        fill && "sd-badge-fill",
+        dot && "sd-badge-dot"
+      ]))}${attr_style(style())}>`);
+      children?.($$renderer2);
+      $$renderer2.push(`<!----></span>`);
+    } else {
+      $$renderer2.push(`<!--[-1--><span${attr_class(clsx([
+        "sd-badge",
+        tone !== "neutral" && `sd-badge-${tone}`,
+        dot && "sd-badge-dot"
+      ]))}>`);
+      children?.($$renderer2);
+      $$renderer2.push(`<!----></span>`);
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+function Dialog($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { id, form, title, sub, icon, action, danger = false, disabled = false, note = "", size = "md", open = false, onsubmit, children, extra } = $$props;
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      $$renderer3.push(`<div${attr("id", id)} class="dialog-host">`);
+      {
+        let footer2 = function($$renderer4) {
+          Button($$renderer4, {
+            variant: "quiet",
+            cancel: true,
+            "data-close": id,
+            onclick: () => open = false,
+            children: ($$renderer5) => {
+              $$renderer5.push(`<!---->Cancel`);
+            },
+            $$slots: { default: true }
+          });
+          $$renderer4.push(`<!----> `);
+          extra?.($$renderer4);
+          $$renderer4.push(`<!----> `);
+          Button($$renderer4, {
+            variant: danger ? "danger" : "primary",
+            type: "submit",
+            "data-form": form,
+            disabled,
+            children: ($$renderer5) => {
+              $$renderer5.push(`<!---->${escape_html(action)}`);
+            },
+            $$slots: { default: true }
+          });
+          $$renderer4.push(`<!---->`);
+        };
+        var footer = footer2;
+        Dialog$1($$renderer3, {
+          title,
+          description: sub,
+          icon,
+          size,
+          onsubmit: () => onsubmit(),
+          get open() {
+            return open;
+          },
+          set open($$value) {
+            open = $$value;
+            $$settled = false;
+          },
+          footer: footer2,
+          children: ($$renderer4) => {
+            $$renderer4.push(`<div${attr("id", form)} class="dialog-form">`);
+            children($$renderer4);
+            $$renderer4.push(`<!----> <div${attr("id", `${stringify(form)}-note`)} class="form-note" role="status">${escape_html(note)}</div></div>`);
+          },
+          $$slots: {
+            footer: true,
+            default: true
+          }
+        });
+      }
+      $$renderer3.push(`<!----></div>`);
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+    bind_props($$props, { open });
+  });
+}
+function DocDetail($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { i, d, standalone = false } = $$props;
+    const page = usePage();
+    const p = derived(() => i.plans.find((p2) => p2.link === d.path));
+    let picked = null;
+    const shown = derived(() => picked !== null && d.versions.includes(picked) ? picked : d.version);
+    const src = derived(() => d.frame.replace(/\/\d+\/index\.html$/, `/${shown()}/index.html`));
+    const approvedOther = derived(() => !!p()?.approved_at && p().approved_version !== null && p().approved_version !== d.version);
+    let asked = null;
+    let askOpen = false;
+    let askNote = "";
+    derived(() => {
+      const st = page.st;
+      const holder = i.holder ? st.sessions[st.slots[i.holder]] : void 0;
+      return {
+        document: {
+          address: d.address,
+          name: d.name,
+          title: d.title,
+          version: d.version,
+          shown: shown(),
+          versions: d.versions,
+          by: d.by,
+          updated_at: d.updated_at,
+          link: d.link
+        },
+        repo: i.repo,
+        issue: {
+          address: i.address,
+          title: i.title,
+          type: i.type,
+          state: i.state,
+          holder: i.holder,
+          plans: i.plans.map(({ name, link, approved_at, approved_version }) => ({
+            name,
+            link,
+            approved_at,
+            approved_version
+          }))
+        },
+        slot: holder ? {
+          slot: i.holder,
+          stage: holder.stage,
+          status: holder.status,
+          state: holder.state
+        } : null,
+        live: page.live
+      };
+    });
+    async function send() {
+      const a = asked;
+      const out = await page.act({
+        type: a.type,
+        body: a.body
+      });
+      if (out.error) {
+        askNote = out.error;
+        return false;
+      }
+      a.id;
+      asked = null;
+    }
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      $$renderer3.push(`<div class="content-stack doc-view" data-view="doc"${attr("data-doc", d.address)}><div class="page-head"><div class="titles"><div class="title-row"><h1 class="title">${escape_html(d.title)}</h1> <span data-test="doc-live">`);
+      Badge($$renderer3, {
+        tone: page.live ? "success" : "warning",
+        dot: true,
+        children: ($$renderer4) => {
+          $$renderer4.push(`<!---->${escape_html(page.live ? "Live" : "Offline")}`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer3.push(`<!----></span></div> <div class="row-line body-sm sub"><a class="mono-sm"${attr("href", issueHash(i.address))}>${escape_html(i.address)}</a> `);
+      Badge($$renderer3, {
+        tone: STATE_BADGE[i.state].tone,
+        children: ($$renderer4) => {
+          $$renderer4.push(`<!---->${escape_html(STATE_BADGE[i.state].label)}`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer3.push(`<!----> <span>${escape_html(i.title)}</span></div> <p class="body-sm sub" data-test="doc-meta">by <span class="mono-sm">`);
+      SlotLink($$renderer3, { slot: d.by });
+      $$renderer3.push(`<!----></span> \xB7 <span class="mono-sm">${escape_html(d.name)}</span> \xB7 version ${escape_html(shown())}${escape_html(shown() !== d.version ? ` of ${d.version}` : "")} \xB7 updated ${escape_html(ago(d.updated_at))}</p> `);
+      if (d.versions.length > 1) {
+        $$renderer3.push(`<!--[0--><div class="row-line body-sm sub" data-test="doc-versions"><span>Versions</span> <!--[-->`);
+        const each_array = ensure_array_like(d.versions);
+        for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+          let v = each_array[$$index];
+          Button($$renderer3, {
+            variant: v === shown() ? "secondary" : "quiet",
+            size: "sm",
+            "data-doc-version": v,
+            onclick: () => picked = v,
+            children: ($$renderer4) => {
+              $$renderer4.push(`<!---->${escape_html(v)}`);
+            },
+            $$slots: { default: true }
+          });
+        }
+        $$renderer3.push(`<!--]--></div>`);
+      } else $$renderer3.push("<!--[-1-->");
+      $$renderer3.push(`<!--]--></div> <div class="actions">`);
+      if (p()) {
+        $$renderer3.push(`<!--[0--><span data-test="doc-plan-state">`);
+        Badge($$renderer3, {
+          tone: p().approved_at && !approvedOther() ? "success" : "warning",
+          children: ($$renderer4) => {
+            $$renderer4.push(`<!---->${escape_html(p().approved_at ? approvedOther() ? `Approved version ${p().approved_version}, now ${d.version}` : "Plan approved" : "Plan not approved yet")}`);
+          },
+          $$slots: { default: true }
+        });
+        $$renderer3.push(`<!----></span> `);
+        if ((!p().approved_at || approvedOther()) && i.state !== "closed") {
+          $$renderer3.push("<!--[0-->");
+          Button($$renderer3, {
+            variant: "primary",
+            "data-approve-plan": p().link,
+            onclick: () => page.act({
+              type: "issue_plan",
+              body: {
+                issue: i.address,
+                link: p().link,
+                approved: true
+              }
+            }),
+            icon: Circle_check,
+            children: ($$renderer4) => {
+              $$renderer4.push(`<!---->Approve plan`);
+            },
+            $$slots: { default: true }
+          });
+        } else $$renderer3.push("<!--[-1-->");
+        $$renderer3.push(`<!--]-->`);
+      } else $$renderer3.push("<!--[-1-->");
+      $$renderer3.push(`<!--]--> `);
+      if (!standalone) {
+        $$renderer3.push("<!--[0-->");
+        Button($$renderer3, {
+          variant: "secondary",
+          "data-doc-open": d.address,
+          onclick: () => window.open(d.link, "_blank", "noopener"),
+          icon: External_link,
+          children: ($$renderer4) => {
+            $$renderer4.push(`<!---->Open in new tab`);
+          },
+          $$slots: { default: true }
+        });
+      } else $$renderer3.push("<!--[-1-->");
+      $$renderer3.push(`<!--]--></div></div> <iframe class="doc-frame"${attr("title", d.title)}${attr("src", src())}${attr("sandbox", DOC_SANDBOX)}></iframe></div> `);
+      Dialog($$renderer3, {
+        id: "doc-ask",
+        form: "doc-ask-form",
+        title: "This document asks to act as you",
+        sub: "It is sent only if you choose Send.",
+        icon: "shield",
+        action: "Send",
+        note: askNote,
+        onsubmit: send,
+        get open() {
+          return askOpen;
+        },
+        set open($$value) {
+          askOpen = $$value;
+          $$settled = false;
+        },
+        children: ($$renderer4) => {
+          if (asked) $$renderer4.push(`<!--[0--><p class="body">${escape_html(d.title)} asks to send <span class="mono-sm" data-test="doc-ask-type">${escape_html(asked.type)}</span> as you:</p> <pre class="mono-sm doc-ask-body" data-test="doc-ask-body">${escape_html(JSON.stringify(asked.body, null, 2))}</pre>`);
+          else $$renderer4.push("<!--[-1-->");
+          $$renderer4.push(`<!--]-->`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer3.push(`<!---->`);
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+  });
+}
+
+export {
+  favicon_default,
+  IconButton,
+  Dialog$1,
+  TYPE_BADGE,
+  STATE_BADGE,
+  WORK_PR_BADGE,
+  LANDING_BADGE,
+  ASK_LABEL,
+  askedPlan,
+  blockerBadge,
+  leadOfIn,
+  waitersOf,
+  waitingOn,
+  checkoutNotices,
+  recordNotices,
+  groupOf,
+  docHash,
+  stateOf,
+  when,
+  repoOf,
+  issueHash,
+  repoHash,
+  changeHash,
+  repoGithubUrl,
+  repoSettingsHash,
+  repoSecretsHash,
+  slotSecretsHash,
+  sessionHash,
+  waiting,
+  ago,
+  hashOf,
+  Page,
+  providePage,
+  usePage,
+  Icon2 as Icon,
+  Circle_check,
+  External_link,
+  SlotLink,
+  colorStyle,
+  Badge,
+  Dialog,
+  DocDetail
+};