@chrisjowen/wheelhouse 0.2.0 → 0.2.1

package/build/server/chunks/entries/pages/settings/plugins/_page.svelte.js-U1GPMY59.js

@@ -0,0 +1,1847 @@
+import { aj as head, al as escape_html, a8 as ensure_array_like, am as attr, an as stringify, ak as attr_class, a5 as clsx, a6 as bind_props, ac as spread_props, _ as derived, ao as props_id, a4 as attributes } from '../../../../chunks/index.js-B0NFhRTN.js';
+import '../../../../chunks/exports.js-BZBK1HC9.js';
+import '../../../../chunks/utils2.js-BQzn9ikS.js';
+import '../../../../chunks/utils.js-BJgm9WbO.js';
+import '../../../../chunks/root.js-60iebdW4.js';
+import { p as page } from '../../../../chunks/index2.js-Bxt1T6_K.js';
+import { S as SettingsNav } from '../../../../chunks/SettingsNav.js-BtJIv5cc.js';
+import { I as InstallPlugin } from '../../../../chunks/InstallPlugin.js-B46b-IrK.js';
+import { n as noop, b as boxWith, C as Context, P as PresenceManager, w as watch, g as getDataOpenClosed, c as createBitsAttrs, $ as Refresh_cw, d as createId, a as Portal, a1 as Focus_scope, e as attachRef, S as SPACE, E as ENTER, f as boolToStr, m as mergeProps, o as getDataTransitionAttrs, q as boolToEmptyStrOrUndef, a2 as Escape_layer, a3 as Dismissible_layer, a4 as Text_selection_layer, a0 as Scroll_lock, j as Circle_arrow_up } from '../../../../chunks/scroll-lock.js-Ci_ylINL.js';
+import { B as Button, c as cn } from '../../../../chunks/button.js-BF2PsvWw.js';
+import { X } from '../../../../chunks/x.js-YxaUOlq9.js';
+import { P as Plus } from '../../../../chunks/plus.js-caVrjGZc.js';
+import { E as EveryProjectSwitch, S as SavedNote, c as checkPluginUpdates, a as changePlugin, l as lookUp, b as answerText, C as ChangeProgress, d as afterRestart, u as updatePlugin, e as SettingsFields } from '../../../../chunks/EveryProjectSwitch.js-DWet6DU1.js';
+import { T as Triangle_alert } from '../../../../chunks/triangle-alert.js-ClLszsZE.js';
+import { L as Loader_circle } from '../../../../chunks/loader-circle.js-rQHvIWN7.js';
+import { C as Check } from '../../../../chunks/check.js-32sYHVxG.js';
+import { l as live } from '../../../../chunks/live.svelte.js-DavJCZVs.js';
+import { a as ago } from '../../../../chunks/format.js-D3lWEg6U.js';
+import { w as whereOnWords, b as backToDefaultWords } from '../../../../chunks/words.js-Cte4wOB4.js';
+import { C as Chevron_right } from '../../../../chunks/chevron-right.js-DCBAqAae.js';
+import '../../../../chunks/Icon.js-CVZZ-yuB.js';
+import '../../../../chunks/index-server2.js-Fb2GE8KQ.js';
+import '../../../../chunks/index-server.js-DsObimPA.js';
+import '../../../../chunks/messages.js-CFyGKoqq.js';
+
+const dialogAttrs = createBitsAttrs({
+  component: "dialog",
+  parts: [
+    "content",
+    "trigger",
+    "overlay",
+    "title",
+    "description",
+    "close",
+    "cancel",
+    "action"
+  ]
+});
+const DialogRootContext = new Context("Dialog.Root | AlertDialog.Root");
+class DialogRootState {
+  static create(opts) {
+    const parent = DialogRootContext.getOr(null);
+    return DialogRootContext.set(new DialogRootState(opts, parent));
+  }
+  opts;
+  triggerNode = null;
+  contentNode = null;
+  overlayNode = null;
+  descriptionNode = null;
+  contentId = void 0;
+  titleId = void 0;
+  triggerId = void 0;
+  descriptionId = void 0;
+  cancelNode = null;
+  nestedOpenCount = 0;
+  depth;
+  parent;
+  contentPresence;
+  overlayPresence;
+  constructor(opts, parent) {
+    this.opts = opts;
+    this.parent = parent;
+    this.depth = parent ? parent.depth + 1 : 0;
+    this.handleOpen = this.handleOpen.bind(this);
+    this.handleClose = this.handleClose.bind(this);
+    this.contentPresence = new PresenceManager({
+      ref: boxWith(() => this.contentNode),
+      open: this.opts.open,
+      enabled: true,
+      onComplete: () => {
+        this.opts.onOpenChangeComplete.current(this.opts.open.current);
+      }
+    });
+    this.overlayPresence = new PresenceManager({
+      ref: boxWith(() => this.overlayNode),
+      open: this.opts.open,
+      enabled: true
+    });
+    watch(
+      () => this.opts.open.current,
+      (isOpen) => {
+        if (!this.parent) return;
+        if (isOpen) {
+          this.parent.incrementNested();
+        } else {
+          this.parent.decrementNested();
+        }
+      },
+      { lazy: true }
+    );
+  }
+  handleOpen() {
+    if (this.opts.open.current) return;
+    this.opts.open.current = true;
+  }
+  handleClose() {
+    if (!this.opts.open.current) return;
+    this.opts.open.current = false;
+  }
+  getBitsAttr = (part) => {
+    return dialogAttrs.getAttr(part, this.opts.variant.current);
+  };
+  incrementNested() {
+    this.nestedOpenCount++;
+    this.parent?.incrementNested();
+  }
+  decrementNested() {
+    if (this.nestedOpenCount === 0) return;
+    this.nestedOpenCount--;
+    this.parent?.decrementNested();
+  }
+  #sharedProps = derived(() => ({ "data-state": getDataOpenClosed(this.opts.open.current) }));
+  get sharedProps() {
+    return this.#sharedProps();
+  }
+  set sharedProps($$value) {
+    return this.#sharedProps($$value);
+  }
+}
+class DialogTriggerState {
+  static create(opts) {
+    return new DialogTriggerState(opts, DialogRootContext.get());
+  }
+  opts;
+  root;
+  attachment;
+  constructor(opts, root) {
+    this.opts = opts;
+    this.root = root;
+    this.attachment = attachRef(this.opts.ref, (v) => {
+      this.root.triggerNode = v;
+      this.root.triggerId = v?.id;
+    });
+    this.onclick = this.onclick.bind(this);
+    this.onkeydown = this.onkeydown.bind(this);
+  }
+  onclick(e) {
+    if (this.opts.disabled.current) return;
+    if (e.button > 0) return;
+    this.root.handleOpen();
+  }
+  onkeydown(e) {
+    if (this.opts.disabled.current) return;
+    if (e.key === SPACE || e.key === ENTER) {
+      e.preventDefault();
+      this.root.handleOpen();
+    }
+  }
+  #props = derived(() => ({
+    id: this.opts.id.current,
+    "aria-haspopup": "dialog",
+    "aria-expanded": boolToStr(this.root.opts.open.current),
+    "aria-controls": this.root.contentId,
+    [this.root.getBitsAttr("trigger")]: "",
+    onkeydown: this.onkeydown,
+    onclick: this.onclick,
+    disabled: this.opts.disabled.current ? true : void 0,
+    ...this.root.sharedProps,
+    ...this.attachment
+  }));
+  get props() {
+    return this.#props();
+  }
+  set props($$value) {
+    return this.#props($$value);
+  }
+}
+class DialogCloseState {
+  static create(opts) {
+    return new DialogCloseState(opts, DialogRootContext.get());
+  }
+  opts;
+  root;
+  attachment;
+  constructor(opts, root) {
+    this.opts = opts;
+    this.root = root;
+    this.attachment = attachRef(this.opts.ref);
+    this.onclick = this.onclick.bind(this);
+    this.onkeydown = this.onkeydown.bind(this);
+  }
+  onclick(e) {
+    if (this.opts.disabled.current) return;
+    if (e.button > 0) return;
+    this.root.handleClose();
+  }
+  onkeydown(e) {
+    if (this.opts.disabled.current) return;
+    if (e.key === SPACE || e.key === ENTER) {
+      e.preventDefault();
+      this.root.handleClose();
+    }
+  }
+  #props = derived(() => ({
+    id: this.opts.id.current,
+    [this.root.getBitsAttr(this.opts.variant.current)]: "",
+    onclick: this.onclick,
+    onkeydown: this.onkeydown,
+    disabled: this.opts.disabled.current ? true : void 0,
+    tabindex: 0,
+    ...this.root.sharedProps,
+    ...this.attachment
+  }));
+  get props() {
+    return this.#props();
+  }
+  set props($$value) {
+    return this.#props($$value);
+  }
+}
+class DialogTitleState {
+  static create(opts) {
+    return new DialogTitleState(opts, DialogRootContext.get());
+  }
+  opts;
+  root;
+  attachment;
+  constructor(opts, root) {
+    this.opts = opts;
+    this.root = root;
+    this.root.titleId = this.opts.id.current;
+    this.attachment = attachRef(this.opts.ref);
+    watch.pre(() => this.opts.id.current, (id) => {
+      this.root.titleId = id;
+    });
+  }
+  #props = derived(() => ({
+    id: this.opts.id.current,
+    role: "heading",
+    "aria-level": this.opts.level.current,
+    [this.root.getBitsAttr("title")]: "",
+    ...this.root.sharedProps,
+    ...this.attachment
+  }));
+  get props() {
+    return this.#props();
+  }
+  set props($$value) {
+    return this.#props($$value);
+  }
+}
+class DialogDescriptionState {
+  static create(opts) {
+    return new DialogDescriptionState(opts, DialogRootContext.get());
+  }
+  opts;
+  root;
+  attachment;
+  constructor(opts, root) {
+    this.opts = opts;
+    this.root = root;
+    this.root.descriptionId = this.opts.id.current;
+    this.attachment = attachRef(this.opts.ref, (v) => {
+      this.root.descriptionNode = v;
+    });
+    watch.pre(() => this.opts.id.current, (id) => {
+      this.root.descriptionId = id;
+    });
+  }
+  #props = derived(() => ({
+    id: this.opts.id.current,
+    [this.root.getBitsAttr("description")]: "",
+    ...this.root.sharedProps,
+    ...this.attachment
+  }));
+  get props() {
+    return this.#props();
+  }
+  set props($$value) {
+    return this.#props($$value);
+  }
+}
+class DialogContentState {
+  static create(opts) {
+    return new DialogContentState(opts, DialogRootContext.get());
+  }
+  opts;
+  root;
+  attachment;
+  constructor(opts, root) {
+    this.opts = opts;
+    this.root = root;
+    this.attachment = attachRef(this.opts.ref, (v) => {
+      this.root.contentNode = v;
+      this.root.contentId = v?.id;
+    });
+  }
+  #snippetProps = derived(() => ({ open: this.root.opts.open.current }));
+  get snippetProps() {
+    return this.#snippetProps();
+  }
+  set snippetProps($$value) {
+    return this.#snippetProps($$value);
+  }
+  #props = derived(() => ({
+    id: this.opts.id.current,
+    role: this.root.opts.variant.current === "alert-dialog" ? "alertdialog" : "dialog",
+    "aria-modal": "true",
+    "aria-describedby": this.root.descriptionId,
+    "aria-labelledby": this.root.titleId,
+    [this.root.getBitsAttr("content")]: "",
+    style: {
+      pointerEvents: "auto",
+      outline: this.root.opts.variant.current === "alert-dialog" ? "none" : void 0,
+      "--bits-dialog-depth": this.root.depth,
+      "--bits-dialog-nested-count": this.root.nestedOpenCount,
+      contain: "layout style"
+    },
+    tabindex: this.root.opts.variant.current === "alert-dialog" ? -1 : void 0,
+    "data-nested-open": boolToEmptyStrOrUndef(this.root.nestedOpenCount > 0),
+    "data-nested": boolToEmptyStrOrUndef(this.root.parent !== null),
+    ...getDataTransitionAttrs(this.root.contentPresence.transitionStatus),
+    ...this.root.sharedProps,
+    ...this.attachment
+  }));
+  get props() {
+    return this.#props();
+  }
+  set props($$value) {
+    return this.#props($$value);
+  }
+  get shouldRender() {
+    return this.root.contentPresence.shouldRender;
+  }
+}
+class DialogOverlayState {
+  static create(opts) {
+    return new DialogOverlayState(opts, DialogRootContext.get());
+  }
+  opts;
+  root;
+  attachment;
+  constructor(opts, root) {
+    this.opts = opts;
+    this.root = root;
+    this.attachment = attachRef(this.opts.ref, (v) => this.root.overlayNode = v);
+  }
+  #snippetProps = derived(() => ({ open: this.root.opts.open.current }));
+  get snippetProps() {
+    return this.#snippetProps();
+  }
+  set snippetProps($$value) {
+    return this.#snippetProps($$value);
+  }
+  #props = derived(() => ({
+    id: this.opts.id.current,
+    [this.root.getBitsAttr("overlay")]: "",
+    style: {
+      pointerEvents: "auto",
+      "--bits-dialog-depth": this.root.depth,
+      "--bits-dialog-nested-count": this.root.nestedOpenCount
+    },
+    "data-nested-open": boolToEmptyStrOrUndef(this.root.nestedOpenCount > 0),
+    "data-nested": boolToEmptyStrOrUndef(this.root.parent !== null),
+    ...getDataTransitionAttrs(this.root.overlayPresence.transitionStatus),
+    ...this.root.sharedProps,
+    ...this.attachment
+  }));
+  get props() {
+    return this.#props();
+  }
+  set props($$value) {
+    return this.#props($$value);
+  }
+  get shouldRender() {
+    return this.root.overlayPresence.shouldRender;
+  }
+}
+function Dialog_title$1($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const uid = props_id($$renderer2);
+    let {
+      id = createId(uid),
+      ref = null,
+      child,
+      children,
+      level = 2,
+      $$slots,
+      $$events,
+      ...restProps
+    } = $$props;
+    const titleState = DialogTitleState.create({
+      id: boxWith(() => id),
+      level: boxWith(() => level),
+      ref: boxWith(() => ref, (v) => ref = v)
+    });
+    const mergedProps = derived(() => mergeProps(restProps, titleState.props));
+    if (child) {
+      $$renderer2.push("<!--[0-->");
+      child($$renderer2, { props: mergedProps() });
+      $$renderer2.push(`<!---->`);
+    } else {
+      $$renderer2.push(`<!--[-1--><div${attributes({ ...mergedProps() })}>`);
+      children?.($$renderer2);
+      $$renderer2.push(`<!----></div>`);
+    }
+    $$renderer2.push(`<!--]-->`);
+    bind_props($$props, { ref });
+  });
+}
+function Dialog_overlay$1($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const uid = props_id($$renderer2);
+    let {
+      id = createId(uid),
+      forceMount = false,
+      child,
+      children,
+      ref = null,
+      $$slots,
+      $$events,
+      ...restProps
+    } = $$props;
+    const overlayState = DialogOverlayState.create({
+      id: boxWith(() => id),
+      ref: boxWith(() => ref, (v) => ref = v)
+    });
+    const mergedProps = derived(() => mergeProps(restProps, overlayState.props));
+    if (overlayState.shouldRender || forceMount) {
+      $$renderer2.push("<!--[0-->");
+      if (child) {
+        $$renderer2.push("<!--[0-->");
+        child($$renderer2, {
+          props: mergeProps(mergedProps()),
+          ...overlayState.snippetProps
+        });
+        $$renderer2.push(`<!---->`);
+      } else {
+        $$renderer2.push(`<!--[-1--><div${attributes({ ...mergeProps(mergedProps()) })}>`);
+        children?.($$renderer2, overlayState.snippetProps);
+        $$renderer2.push(`<!----></div>`);
+      }
+      $$renderer2.push(`<!--]-->`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]-->`);
+    bind_props($$props, { ref });
+  });
+}
+function Dialog_trigger$1($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const uid = props_id($$renderer2);
+    let {
+      id = createId(uid),
+      ref = null,
+      children,
+      child,
+      disabled = false,
+      $$slots,
+      $$events,
+      ...restProps
+    } = $$props;
+    const triggerState = DialogTriggerState.create({
+      id: boxWith(() => id),
+      ref: boxWith(() => ref, (v) => ref = v),
+      disabled: boxWith(() => Boolean(disabled))
+    });
+    const mergedProps = derived(() => mergeProps(restProps, triggerState.props));
+    if (child) {
+      $$renderer2.push("<!--[0-->");
+      child($$renderer2, { props: mergedProps() });
+      $$renderer2.push(`<!---->`);
+    } else {
+      $$renderer2.push(`<!--[-1--><button${attributes({ ...mergedProps() })}>`);
+      children?.($$renderer2);
+      $$renderer2.push(`<!----></button>`);
+    }
+    $$renderer2.push(`<!--]-->`);
+    bind_props($$props, { ref });
+  });
+}
+function Dialog_description$1($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const uid = props_id($$renderer2);
+    let {
+      id = createId(uid),
+      children,
+      child,
+      ref = null,
+      $$slots,
+      $$events,
+      ...restProps
+    } = $$props;
+    const descriptionState = DialogDescriptionState.create({
+      id: boxWith(() => id),
+      ref: boxWith(() => ref, (v) => ref = v)
+    });
+    const mergedProps = derived(() => mergeProps(restProps, descriptionState.props));
+    if (child) {
+      $$renderer2.push("<!--[0-->");
+      child($$renderer2, { props: mergedProps() });
+      $$renderer2.push(`<!---->`);
+    } else {
+      $$renderer2.push(`<!--[-1--><div${attributes({ ...mergedProps() })}>`);
+      children?.($$renderer2);
+      $$renderer2.push(`<!----></div>`);
+    }
+    $$renderer2.push(`<!--]-->`);
+    bind_props($$props, { ref });
+  });
+}
+function Dialog$1($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      open = false,
+      onOpenChange = noop,
+      onOpenChangeComplete = noop,
+      children
+    } = $$props;
+    DialogRootState.create({
+      variant: boxWith(() => "dialog"),
+      open: boxWith(() => open, (v) => {
+        open = v;
+        onOpenChange(v);
+      }),
+      onOpenChangeComplete: boxWith(() => onOpenChangeComplete)
+    });
+    children?.($$renderer2);
+    $$renderer2.push(`<!---->`);
+    bind_props($$props, { open });
+  });
+}
+function Dialog_close$1($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const uid = props_id($$renderer2);
+    let {
+      children,
+      child,
+      id = createId(uid),
+      ref = null,
+      disabled = false,
+      $$slots,
+      $$events,
+      ...restProps
+    } = $$props;
+    const closeState = DialogCloseState.create({
+      variant: boxWith(() => "close"),
+      id: boxWith(() => id),
+      ref: boxWith(() => ref, (v) => ref = v),
+      disabled: boxWith(() => Boolean(disabled))
+    });
+    const mergedProps = derived(() => mergeProps(restProps, closeState.props));
+    if (child) {
+      $$renderer2.push("<!--[0-->");
+      child($$renderer2, { props: mergedProps() });
+      $$renderer2.push(`<!---->`);
+    } else {
+      $$renderer2.push(`<!--[-1--><button${attributes({ ...mergedProps() })}>`);
+      children?.($$renderer2);
+      $$renderer2.push(`<!----></button>`);
+    }
+    $$renderer2.push(`<!--]-->`);
+    bind_props($$props, { ref });
+  });
+}
+function Dialog_content$1($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const uid = props_id($$renderer2);
+    let {
+      id = createId(uid),
+      children,
+      child,
+      ref = null,
+      forceMount = false,
+      onCloseAutoFocus = noop,
+      onOpenAutoFocus = noop,
+      onEscapeKeydown = noop,
+      onInteractOutside = noop,
+      trapFocus = true,
+      preventScroll = true,
+      preventOverflowTextSelection = true,
+      restoreScrollDelay = null,
+      $$slots,
+      $$events,
+      ...restProps
+    } = $$props;
+    const contentState = DialogContentState.create({
+      id: boxWith(() => id),
+      ref: boxWith(() => ref, (v) => ref = v)
+    });
+    const mergedProps = derived(() => mergeProps(restProps, contentState.props));
+    if (contentState.shouldRender || forceMount) {
+      $$renderer2.push("<!--[0-->");
+      {
+        let focusScope = function($$renderer3, { props: focusScopeProps }) {
+          Escape_layer($$renderer3, spread_props([
+            mergedProps(),
+            {
+              enabled: contentState.root.opts.open.current,
+              ref: contentState.opts.ref,
+              onEscapeKeydown: (e) => {
+                onEscapeKeydown(e);
+                if (e.defaultPrevented) return;
+                contentState.root.handleClose();
+              },
+              children: ($$renderer4) => {
+                Dismissible_layer($$renderer4, spread_props([
+                  mergedProps(),
+                  {
+                    ref: contentState.opts.ref,
+                    enabled: contentState.root.opts.open.current,
+                    onInteractOutside: (e) => {
+                      onInteractOutside(e);
+                      if (e.defaultPrevented) return;
+                      contentState.root.handleClose();
+                    },
+                    children: ($$renderer5) => {
+                      Text_selection_layer($$renderer5, spread_props([
+                        mergedProps(),
+                        {
+                          preventOverflowTextSelection,
+                          ref: contentState.opts.ref,
+                          enabled: contentState.root.opts.open.current,
+                          children: ($$renderer6) => {
+                            if (child) {
+                              $$renderer6.push("<!--[0-->");
+                              if (contentState.root.opts.open.current) {
+                                $$renderer6.push("<!--[0-->");
+                                Scroll_lock($$renderer6, { preventScroll, restoreScrollDelay });
+                              } else {
+                                $$renderer6.push("<!--[-1-->");
+                              }
+                              $$renderer6.push(`<!--]--> `);
+                              child($$renderer6, {
+                                props: mergeProps(mergedProps(), focusScopeProps),
+                                ...contentState.snippetProps
+                              });
+                              $$renderer6.push(`<!---->`);
+                            } else {
+                              $$renderer6.push("<!--[-1-->");
+                              Scroll_lock($$renderer6, { preventScroll });
+                              $$renderer6.push(`<!----> <div${attributes({ ...mergeProps(mergedProps(), focusScopeProps) })}>`);
+                              children?.($$renderer6);
+                              $$renderer6.push(`<!----></div>`);
+                            }
+                            $$renderer6.push(`<!--]-->`);
+                          },
+                          $$slots: { default: true }
+                        }
+                      ]));
+                    },
+                    $$slots: { default: true }
+                  }
+                ]));
+              },
+              $$slots: { default: true }
+            }
+          ]));
+        };
+        Focus_scope($$renderer2, {
+          ref: contentState.opts.ref,
+          loop: true,
+          trapFocus,
+          enabled: contentState.root.opts.open.current,
+          onOpenAutoFocus,
+          onCloseAutoFocus,
+          focusScope
+        });
+      }
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]-->`);
+    bind_props($$props, { ref });
+  });
+}
+function Dialog_close($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { ref = null, type = "button", $$slots, $$events, ...restProps } = $$props;
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      if (Dialog_close$1) {
+        $$renderer3.push("<!--[-->");
+        Dialog_close$1($$renderer3, spread_props([
+          { "data-slot": "dialog-close", type },
+          restProps,
+          {
+            get ref() {
+              return ref;
+            },
+            set ref($$value) {
+              ref = $$value;
+              $$settled = false;
+            }
+          }
+        ]));
+        $$renderer3.push("<!--]-->");
+      } else {
+        $$renderer3.push("<!--[!-->");
+        $$renderer3.push("<!--]-->");
+      }
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+    bind_props($$props, { ref });
+  });
+}
+function Dialog_portal($$renderer, $$props) {
+  let { $$slots, $$events, ...restProps } = $$props;
+  if (Portal) {
+    $$renderer.push("<!--[-->");
+    Portal($$renderer, spread_props([restProps]));
+    $$renderer.push("<!--]-->");
+  } else {
+    $$renderer.push("<!--[!-->");
+    $$renderer.push("<!--]-->");
+  }
+}
+function Dialog_content($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      ref = null,
+      class: className,
+      portalProps,
+      children,
+      showCloseButton = true,
+      $$slots,
+      $$events,
+      ...restProps
+    } = $$props;
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      Dialog_portal($$renderer3, spread_props([
+        portalProps,
+        {
+          children: ($$renderer4) => {
+            if (Dialog_overlay) {
+              $$renderer4.push("<!--[-->");
+              Dialog_overlay($$renderer4, {});
+              $$renderer4.push("<!--]-->");
+            } else {
+              $$renderer4.push("<!--[!-->");
+              $$renderer4.push("<!--]-->");
+            }
+            $$renderer4.push(` `);
+            if (Dialog_content$1) {
+              $$renderer4.push("<!--[-->");
+              Dialog_content$1($$renderer4, spread_props([
+                {
+                  "data-slot": "dialog-content",
+                  class: cn("fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%_-_2rem)] -translate-x-1/2 -translate-y-1/2 gap-6 rounded-xl bg-popover p-6 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-md data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className)
+                },
+                restProps,
+                {
+                  get ref() {
+                    return ref;
+                  },
+                  set ref($$value) {
+                    ref = $$value;
+                    $$settled = false;
+                  },
+                  children: ($$renderer5) => {
+                    children?.($$renderer5);
+                    $$renderer5.push(`<!----> `);
+                    if (showCloseButton) {
+                      $$renderer5.push("<!--[0-->");
+                      {
+                        let child = function($$renderer6, { props }) {
+                          Button($$renderer6, spread_props([
+                            {
+                              variant: "ghost",
+                              class: "absolute top-4 right-4",
+                              size: "icon-sm"
+                            },
+                            props,
+                            {
+                              children: ($$renderer7) => {
+                                X($$renderer7, {});
+                                $$renderer7.push(`<!----> <span class="sr-only">Close</span>`);
+                              },
+                              $$slots: { default: true }
+                            }
+                          ]));
+                        };
+                        if (Dialog_close$1) {
+                          $$renderer5.push("<!--[-->");
+                          Dialog_close$1($$renderer5, { "data-slot": "dialog-close", child, $$slots: { child: true } });
+                          $$renderer5.push("<!--]-->");
+                        } else {
+                          $$renderer5.push("<!--[!-->");
+                          $$renderer5.push("<!--]-->");
+                        }
+                      }
+                    } else {
+                      $$renderer5.push("<!--[-1-->");
+                    }
+                    $$renderer5.push(`<!--]-->`);
+                  },
+                  $$slots: { default: true }
+                }
+              ]));
+              $$renderer4.push("<!--]-->");
+            } else {
+              $$renderer4.push("<!--[!-->");
+              $$renderer4.push("<!--]-->");
+            }
+          },
+          $$slots: { default: true }
+        }
+      ]));
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+    bind_props($$props, { ref });
+  });
+}
+function Dialog_description($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      ref = null,
+      class: className,
+      $$slots,
+      $$events,
+      ...restProps
+    } = $$props;
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      if (Dialog_description$1) {
+        $$renderer3.push("<!--[-->");
+        Dialog_description$1($$renderer3, spread_props([
+          {
+            "data-slot": "dialog-description",
+            class: cn("text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className)
+          },
+          restProps,
+          {
+            get ref() {
+              return ref;
+            },
+            set ref($$value) {
+              ref = $$value;
+              $$settled = false;
+            }
+          }
+        ]));
+        $$renderer3.push("<!--]-->");
+      } else {
+        $$renderer3.push("<!--[!-->");
+        $$renderer3.push("<!--]-->");
+      }
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+    bind_props($$props, { ref });
+  });
+}
+function Dialog_footer($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      ref = null,
+      class: className,
+      children,
+      showCloseButton = false,
+      $$slots,
+      $$events,
+      ...restProps
+    } = $$props;
+    $$renderer2.push(`<div${attributes({
+      "data-slot": "dialog-footer",
+      class: clsx(cn("flex flex-col-reverse gap-2 gap-2 sm:flex-row sm:justify-end", className)),
+      ...restProps
+    })}>`);
+    children?.($$renderer2);
+    $$renderer2.push(`<!----> `);
+    if (showCloseButton) {
+      $$renderer2.push("<!--[0-->");
+      {
+        let child = function($$renderer3, { props }) {
+          Button($$renderer3, spread_props([
+            { variant: "outline" },
+            props,
+            {
+              children: ($$renderer4) => {
+                $$renderer4.push(`<!---->Close`);
+              },
+              $$slots: { default: true }
+            }
+          ]));
+        };
+        if (Dialog_close$1) {
+          $$renderer2.push("<!--[-->");
+          Dialog_close$1($$renderer2, { child, $$slots: { child: true } });
+          $$renderer2.push("<!--]-->");
+        } else {
+          $$renderer2.push("<!--[!-->");
+          $$renderer2.push("<!--]-->");
+        }
+      }
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div>`);
+    bind_props($$props, { ref });
+  });
+}
+function Dialog_header($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      ref = null,
+      class: className,
+      children,
+      $$slots,
+      $$events,
+      ...restProps
+    } = $$props;
+    $$renderer2.push(`<div${attributes({
+      "data-slot": "dialog-header",
+      class: clsx(cn("flex flex-col gap-2", className)),
+      ...restProps
+    })}>`);
+    children?.($$renderer2);
+    $$renderer2.push(`<!----></div>`);
+    bind_props($$props, { ref });
+  });
+}
+function Dialog_overlay($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      ref = null,
+      class: className,
+      $$slots,
+      $$events,
+      ...restProps
+    } = $$props;
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      if (Dialog_overlay$1) {
+        $$renderer3.push("<!--[-->");
+        Dialog_overlay$1($$renderer3, spread_props([
+          {
+            "data-slot": "dialog-overlay",
+            class: cn("fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", className)
+          },
+          restProps,
+          {
+            get ref() {
+              return ref;
+            },
+            set ref($$value) {
+              ref = $$value;
+              $$settled = false;
+            }
+          }
+        ]));
+        $$renderer3.push("<!--]-->");
+      } else {
+        $$renderer3.push("<!--[!-->");
+        $$renderer3.push("<!--]-->");
+      }
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+    bind_props($$props, { ref });
+  });
+}
+function Dialog_title($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      ref = null,
+      class: className,
+      $$slots,
+      $$events,
+      ...restProps
+    } = $$props;
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      if (Dialog_title$1) {
+        $$renderer3.push("<!--[-->");
+        Dialog_title$1($$renderer3, spread_props([
+          {
+            "data-slot": "dialog-title",
+            class: cn("leading-none font-medium", className)
+          },
+          restProps,
+          {
+            get ref() {
+              return ref;
+            },
+            set ref($$value) {
+              ref = $$value;
+              $$settled = false;
+            }
+          }
+        ]));
+        $$renderer3.push("<!--]-->");
+      } else {
+        $$renderer3.push("<!--[!-->");
+        $$renderer3.push("<!--]-->");
+      }
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+    bind_props($$props, { ref });
+  });
+}
+function Dialog_trigger($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { ref = null, type = "button", $$slots, $$events, ...restProps } = $$props;
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      if (Dialog_trigger$1) {
+        $$renderer3.push("<!--[-->");
+        Dialog_trigger$1($$renderer3, spread_props([
+          { "data-slot": "dialog-trigger", type },
+          restProps,
+          {
+            get ref() {
+              return ref;
+            },
+            set ref($$value) {
+              ref = $$value;
+              $$settled = false;
+            }
+          }
+        ]));
+        $$renderer3.push("<!--]-->");
+      } else {
+        $$renderer3.push("<!--[!-->");
+        $$renderer3.push("<!--]-->");
+      }
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+    bind_props($$props, { ref });
+  });
+}
+function Dialog($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { open = false, $$slots, $$events, ...restProps } = $$props;
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      if (Dialog$1) {
+        $$renderer3.push("<!--[-->");
+        Dialog$1($$renderer3, spread_props([
+          restProps,
+          {
+            get open() {
+              return open;
+            },
+            set open($$value) {
+              open = $$value;
+              $$settled = false;
+            }
+          }
+        ]));
+        $$renderer3.push("<!--]-->");
+      } else {
+        $$renderer3.push("<!--[!-->");
+        $$renderer3.push("<!--]-->");
+      }
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+    bind_props($$props, { open });
+  });
+}
+const askedSettings = (p) => p.installed ? p.settings.filter((s) => s.current === void 0) : p.settings;
+const initialAnswers = (p) => Object.fromEntries(askedSettings(p).map((s) => [s.key, answerText(s.current ?? s.default)]));
+const missingSetting = (p, answers) => askedSettings(p).find((s) => s.required && !answers[s.key]?.trim()) ?? null;
+const filledAnswers = (answers) => Object.fromEntries(Object.entries(answers).filter(([, v]) => v.trim() !== ""));
+function PluginReview($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { preview: p, answers = void 0, busy = [] } = $$props;
+    const asked = derived(() => askedSettings(p));
+    const short = (c) => c.slice(0, 12);
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      $$renderer3.push(`<div class="grid gap-4"><div class="rounded-md border bg-card px-4 py-3"><p class="font-medium">${escape_html(p.name)} <span class="font-normal text-muted-foreground">${escape_html(p.id)} ${escape_html(p.version)}</span></p> `);
+      if (p.description) {
+        $$renderer3.push(`<!--[0--><p class="mt-0.5 text-xs text-muted-foreground">${escape_html(p.description)}</p>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> <dl class="mt-3 grid grid-cols-[6rem_minmax(0,1fr)] gap-x-3 gap-y-1 text-xs"><dt class="text-muted-foreground">From</dt> <dd class="font-mono break-all">${escape_html(p.repository)}${escape_html(p.ref ? ` (${p.ref})` : "")}</dd> `);
+      if (p.installed) {
+        $$renderer3.push(`<!--[0--><dt class="text-muted-foreground">Now</dt> <dd class="tabular font-mono">${escape_html(p.installed.version)} · ${escape_html(short(p.installed.commit))}</dd>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> <dt class="text-muted-foreground">Commit</dt> <dd class="tabular font-mono">${escape_html(short(p.commit))} `);
+      if (p.installed) {
+        $$renderer3.push(`<!--[0--><span class="font-sans">· <a class="text-sea hover:underline"${attr("href", `https://github.com/${stringify(p.repository)}/compare/${stringify(p.installed.commit)}...${stringify(p.commit)}`)} target="_blank" rel="noreferrer">compare</a></span>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--></dd> `);
+      if (p.author) {
+        $$renderer3.push(`<!--[0--><dt class="text-muted-foreground">Author</dt> <dd>${escape_html(p.author)}</dd>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> <dt class="text-muted-foreground">Adds</dt> <dd>${escape_html(p.slots.join(", ") || "nothing to the pages")}${escape_html(p.ui ? "; a UI bundle" : "")}</dd> `);
+      if (p.services.length) {
+        $$renderer3.push(`<!--[0--><dt class="text-muted-foreground">Runs</dt> <dd>${escape_html(p.services.join(", "))}</dd>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (p.addresses?.length) {
+        $$renderer3.push(`<!--[0--><dt class="text-muted-foreground">Addresses</dt> <dd>${escape_html(p.addresses.join("; "))}</dd>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> <dt class="text-muted-foreground">On</dt> <dd>${escape_html(p.on)}</dd></dl></div> `);
+      if (asked().length) {
+        $$renderer3.push(`<!--[0--><fieldset class="grid gap-3"><legend class="mb-1 text-xs font-medium">${escape_html(p.installed ? "Its new settings" : "Its settings")}</legend> `);
+        SettingsFields($$renderer3, {
+          settings: asked(),
+          get answers() {
+            return answers;
+          },
+          set answers($$value) {
+            answers = $$value;
+            $$settled = false;
+          }
+        });
+        $$renderer3.push(`<!----> <p class="text-xs text-muted-foreground">Kept in Wheelhouse’s plugins file.</p></fieldset>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> <p class="flex items-start gap-2 rounded-md border border-warning/40 bg-warning/10 px-3 py-2 text-xs">`);
+      Triangle_alert($$renderer3, { class: "mt-0.5 size-3.5 shrink-0 text-warning" });
+      $$renderer3.push(`<!----> <span>Its code runs with your permissions, inside Wheelhouse and in its pages. Wheelhouse does not
+			sandbox it. ${escape_html(p.installed ? "Update" : "Install")} only plugins you trust.</span></p> `);
+      if (busy.length) {
+        $$renderer3.push(`<!--[0--><div class="text-xs text-muted-foreground">Wheelhouse restarts to load it, which stops: <ul class="mt-0.5 list-inside list-disc"><!--[-->`);
+        const each_array = ensure_array_like(busy);
+        for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+          let b = each_array[$$index];
+          $$renderer3.push(`<li>${escape_html(b)}</li>`);
+        }
+        $$renderer3.push(`<!--]--></ul></div>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--></div>`);
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+    bind_props($$props, { answers });
+  });
+}
+function InstallFromGitHub($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let open = false;
+    let step = "form";
+    let repo = "";
+    let ref = "";
+    const valid = derived(() => /^[A-Za-z0-9_.-]+\/[A-Za-z0-9_.-]+$/.test(repo.trim()));
+    const field = "h-9 rounded-md border border-input bg-background px-2.5 font-mono text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring";
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      if (Dialog) {
+        $$renderer3.push("<!--[-->");
+        Dialog($$renderer3, {
+          onOpenChange: (o) => {
+          },
+          get open() {
+            return open;
+          },
+          set open($$value) {
+            open = $$value;
+            $$settled = false;
+          },
+          children: ($$renderer4) => {
+            {
+              let child = function($$renderer5, { props }) {
+                Button($$renderer5, spread_props([
+                  props,
+                  {
+                    variant: "outline",
+                    size: "sm",
+                    children: ($$renderer6) => {
+                      Plus($$renderer6, {});
+                      $$renderer6.push(`<!---->Install plugin`);
+                    },
+                    $$slots: { default: true }
+                  }
+                ]));
+              };
+              if (Dialog_trigger) {
+                $$renderer4.push("<!--[-->");
+                Dialog_trigger($$renderer4, { child, $$slots: { child: true } });
+                $$renderer4.push("<!--]-->");
+              } else {
+                $$renderer4.push("<!--[!-->");
+                $$renderer4.push("<!--]-->");
+              }
+            }
+            $$renderer4.push(` `);
+            if (Dialog_content) {
+              $$renderer4.push("<!--[-->");
+              Dialog_content($$renderer4, {
+                class: "max-h-[calc(100dvh-2rem)] overflow-y-auto sm:max-w-lg",
+                interactOutsideBehavior: "close",
+                children: ($$renderer5) => {
+                  if (Dialog_header) {
+                    $$renderer5.push("<!--[-->");
+                    Dialog_header($$renderer5, {
+                      children: ($$renderer6) => {
+                        if (Dialog_title) {
+                          $$renderer6.push("<!--[-->");
+                          Dialog_title($$renderer6, {
+                            class: "font-display text-lg",
+                            children: ($$renderer7) => {
+                              $$renderer7.push(`<!---->Install a plugin from GitHub`);
+                            },
+                            $$slots: { default: true }
+                          });
+                          $$renderer6.push("<!--]-->");
+                        } else {
+                          $$renderer6.push("<!--[!-->");
+                          $$renderer6.push("<!--]-->");
+                        }
+                        $$renderer6.push(` `);
+                        if (Dialog_description) {
+                          $$renderer6.push("<!--[-->");
+                          Dialog_description($$renderer6, {
+                            children: ($$renderer7) => {
+                              {
+                                $$renderer7.push(`<!--[-1-->Wheelhouse fetches the repository, pins the exact commit and shows you its manifest first.
+					Nothing runs until you install it.`);
+                              }
+                              $$renderer7.push(`<!--]-->`);
+                            },
+                            $$slots: { default: true }
+                          });
+                          $$renderer6.push("<!--]-->");
+                        } else {
+                          $$renderer6.push("<!--[!-->");
+                          $$renderer6.push("<!--]-->");
+                        }
+                      },
+                      $$slots: { default: true }
+                    });
+                    $$renderer5.push("<!--]-->");
+                  } else {
+                    $$renderer5.push("<!--[!-->");
+                    $$renderer5.push("<!--]-->");
+                  }
+                  $$renderer5.push(` `);
+                  {
+                    $$renderer5.push(`<!--[0--><form class="grid gap-4" id="install-plugin-form"><label class="grid gap-1"><span class="text-xs font-medium">Repository</span> <input${attr_class(clsx(field))} name="repository" placeholder="org/repo" autocomplete="off" spellcheck="false"${attr("value", repo)}/> <span class="text-xs text-muted-foreground">On github.com, such as chrisjowen/improve.</span></label> <label class="grid gap-1"><span class="text-xs font-medium">Version <span class="font-normal text-muted-foreground">(optional)</span></span> <input${attr_class(clsx(field))} name="ref" placeholder="tag, branch or commit" autocomplete="off" spellcheck="false"${attr("value", ref)}/> <span class="text-xs text-muted-foreground">Leave it empty for the default branch. A tag keeps it on that release.</span></label> `);
+                    {
+                      $$renderer5.push("<!--[-1-->");
+                    }
+                    $$renderer5.push(`<!--]--></form> `);
+                    if (Dialog_footer) {
+                      $$renderer5.push("<!--[-->");
+                      Dialog_footer($$renderer5, {
+                        children: ($$renderer6) => {
+                          {
+                            let child = function($$renderer7, { props }) {
+                              Button($$renderer7, spread_props([
+                                props,
+                                {
+                                  variant: "ghost",
+                                  children: ($$renderer8) => {
+                                    $$renderer8.push(`<!---->Cancel`);
+                                  },
+                                  $$slots: { default: true }
+                                }
+                              ]));
+                            };
+                            if (Dialog_close) {
+                              $$renderer6.push("<!--[-->");
+                              Dialog_close($$renderer6, { child, $$slots: { child: true } });
+                              $$renderer6.push("<!--]-->");
+                            } else {
+                              $$renderer6.push("<!--[!-->");
+                              $$renderer6.push("<!--]-->");
+                            }
+                          }
+                          $$renderer6.push(` `);
+                          Button($$renderer6, {
+                            type: "submit",
+                            form: "install-plugin-form",
+                            disabled: !valid() || step === "looking",
+                            children: ($$renderer7) => {
+                              {
+                                $$renderer7.push(`<!--[-1-->Look it up`);
+                              }
+                              $$renderer7.push(`<!--]-->`);
+                            },
+                            $$slots: { default: true }
+                          });
+                          $$renderer6.push(`<!---->`);
+                        },
+                        $$slots: { default: true }
+                      });
+                      $$renderer5.push("<!--]-->");
+                    } else {
+                      $$renderer5.push("<!--[!-->");
+                      $$renderer5.push("<!--]-->");
+                    }
+                  }
+                  $$renderer5.push(`<!--]-->`);
+                },
+                $$slots: { default: true }
+              });
+              $$renderer4.push("<!--]-->");
+            } else {
+              $$renderer4.push("<!--[!-->");
+              $$renderer4.push("<!--]-->");
+            }
+          },
+          $$slots: { default: true }
+        });
+        $$renderer3.push("<!--]-->");
+      } else {
+        $$renderer3.push("<!--[!-->");
+        $$renderer3.push("<!--]-->");
+      }
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+  });
+}
+function PluginUpdate($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { update: u, name, checking = false, busy = [] } = $$props;
+    let open = false;
+    let step = "looking";
+    let error = null;
+    let preview = null;
+    let answers = {};
+    const missing = derived(() => preview ? missingSetting(preview, answers) : null);
+    const token = () => page.data.sessionToken;
+    async function begin() {
+      open = true;
+      step = "looking";
+      error = null;
+      preview = null;
+      const ref = u.state === "newer-tag" ? u.latest?.ref ?? null : null;
+      const r = await lookUp({ id: u.id, ref }, token());
+      if (!r.ok) {
+        error = r.error;
+        step = "failed";
+        return;
+      }
+      preview = r.value;
+      answers = initialAnswers(r.value);
+      step = "review";
+    }
+    async function go() {
+      if (!preview || missing()) return;
+      step = "saving";
+      error = null;
+      const back = afterRestart();
+      const r = await updatePlugin(preview, filledAnswers(answers), token());
+      if (!r.ok) {
+        error = r.error;
+        step = "review";
+        return;
+      }
+      step = "restarting";
+      step = await back ? "done" : "slow";
+    }
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      $$renderer3.push(`<div class="flex flex-wrap items-center justify-end gap-2 text-xs sm:min-w-48"${attr("data-update", u.state)}>`);
+      if (checking) {
+        $$renderer3.push(`<!--[0--><span class="flex items-center gap-1.5 text-muted-foreground">`);
+        Loader_circle($$renderer3, { class: "size-3.5 animate-spin" });
+        $$renderer3.push(`<!---->Checking…</span>`);
+      } else if (u.state === "current") {
+        $$renderer3.push(`<!--[1--><span class="flex items-center gap-1.5 text-muted-foreground">`);
+        Check($$renderer3, { class: "size-3.5 text-success" });
+        $$renderer3.push(`<!---->Up to date</span>`);
+      } else if (u.state === "pinned") {
+        $$renderer3.push(`<!--[2--><span class="text-muted-foreground" title="Installed at a commit, so it is not checked">Pinned to a commit</span>`);
+      } else if (u.state === "error") {
+        $$renderer3.push(`<!--[3--><span class="flex items-center gap-1.5 text-muted-foreground"${attr("title", u.reason ?? void 0)}>`);
+        Triangle_alert($$renderer3, { class: "size-3.5 text-warning" });
+        $$renderer3.push(`<!---->Could not check</span>`);
+      } else {
+        $$renderer3.push(`<!--[-1--><span class="text-sea">${escape_html(u.state === "newer-tag" ? `${u.latest?.ref} is out` : `New commits${u.ref ? ` on ${u.ref}` : ""}`)}</span> `);
+        Button($$renderer3, {
+          variant: "outline",
+          size: "xs",
+          onclick: begin,
+          children: ($$renderer4) => {
+            Circle_arrow_up($$renderer4, {});
+            $$renderer4.push(`<!---->${escape_html(u.state === "newer-tag" ? `Move to ${u.latest?.ref}` : "Update")}`);
+          },
+          $$slots: { default: true }
+        });
+        $$renderer3.push(`<!---->`);
+      }
+      $$renderer3.push(`<!--]--></div> `);
+      if (Dialog) {
+        $$renderer3.push("<!--[-->");
+        Dialog($$renderer3, {
+          get open() {
+            return open;
+          },
+          set open($$value) {
+            open = $$value;
+            $$settled = false;
+          },
+          children: ($$renderer4) => {
+            if (Dialog_content) {
+              $$renderer4.push("<!--[-->");
+              Dialog_content($$renderer4, {
+                class: "max-h-[calc(100dvh-2rem)] overflow-y-auto sm:max-w-lg",
+                interactOutsideBehavior: step === "saving" || step === "restarting" ? "ignore" : "close",
+                children: ($$renderer5) => {
+                  if (Dialog_header) {
+                    $$renderer5.push("<!--[-->");
+                    Dialog_header($$renderer5, {
+                      children: ($$renderer6) => {
+                        if (Dialog_title) {
+                          $$renderer6.push("<!--[-->");
+                          Dialog_title($$renderer6, {
+                            class: "font-display text-lg",
+                            children: ($$renderer7) => {
+                              $$renderer7.push(`<!---->Update ${escape_html(name)}`);
+                            },
+                            $$slots: { default: true }
+                          });
+                          $$renderer6.push("<!--]-->");
+                        } else {
+                          $$renderer6.push("<!--[!-->");
+                          $$renderer6.push("<!--]-->");
+                        }
+                        $$renderer6.push(` `);
+                        if (Dialog_description) {
+                          $$renderer6.push("<!--[-->");
+                          Dialog_description($$renderer6, {
+                            class: "tabular",
+                            children: ($$renderer7) => {
+                              if (preview) {
+                                $$renderer7.push(`<!--[0-->${escape_html(u.version)} → ${escape_html(preview.version)}${escape_html(u.state === "newer-tag" && u.ref ? `, from ${u.ref} to ${preview.ref}` : "")}`);
+                              } else {
+                                $$renderer7.push(`<!--[-1-->${escape_html(u.repository)}`);
+                              }
+                              $$renderer7.push(`<!--]-->`);
+                            },
+                            $$slots: { default: true }
+                          });
+                          $$renderer6.push("<!--]-->");
+                        } else {
+                          $$renderer6.push("<!--[!-->");
+                          $$renderer6.push("<!--]-->");
+                        }
+                      },
+                      $$slots: { default: true }
+                    });
+                    $$renderer5.push("<!--]-->");
+                  } else {
+                    $$renderer5.push("<!--[!-->");
+                    $$renderer5.push("<!--]-->");
+                  }
+                  $$renderer5.push(` `);
+                  if (step === "looking") {
+                    $$renderer5.push(`<!--[0--><p class="flex items-center gap-2 text-muted-foreground">`);
+                    Loader_circle($$renderer5, { class: "size-4 animate-spin" });
+                    $$renderer5.push(`<!---->Fetching ${escape_html(u.repository)}…</p>`);
+                  } else if (step === "failed") {
+                    $$renderer5.push(`<!--[1--><p class="flex items-start gap-2 text-xs text-danger" role="alert">`);
+                    Triangle_alert($$renderer5, { class: "mt-0.5 size-3.5 shrink-0" });
+                    $$renderer5.push(`<!---->${escape_html(error)}</p> `);
+                    if (Dialog_footer) {
+                      $$renderer5.push("<!--[-->");
+                      Dialog_footer($$renderer5, {
+                        children: ($$renderer6) => {
+                          {
+                            let child = function($$renderer7, { props }) {
+                              Button($$renderer7, spread_props([
+                                props,
+                                {
+                                  variant: "ghost",
+                                  children: ($$renderer8) => {
+                                    $$renderer8.push(`<!---->Close`);
+                                  },
+                                  $$slots: { default: true }
+                                }
+                              ]));
+                            };
+                            if (Dialog_close) {
+                              $$renderer6.push("<!--[-->");
+                              Dialog_close($$renderer6, { child, $$slots: { child: true } });
+                              $$renderer6.push("<!--]-->");
+                            } else {
+                              $$renderer6.push("<!--[!-->");
+                              $$renderer6.push("<!--]-->");
+                            }
+                          }
+                        },
+                        $$slots: { default: true }
+                      });
+                      $$renderer5.push("<!--]-->");
+                    } else {
+                      $$renderer5.push("<!--[!-->");
+                      $$renderer5.push("<!--]-->");
+                    }
+                  } else if (step === "review" && preview) {
+                    $$renderer5.push("<!--[2-->");
+                    PluginReview($$renderer5, {
+                      preview,
+                      busy,
+                      get answers() {
+                        return answers;
+                      },
+                      set answers($$value) {
+                        answers = $$value;
+                        $$settled = false;
+                      }
+                    });
+                    $$renderer5.push(`<!----> `);
+                    if (error) {
+                      $$renderer5.push(`<!--[0--><p class="text-xs text-danger" role="alert">${escape_html(error)}</p>`);
+                    } else {
+                      $$renderer5.push("<!--[-1-->");
+                    }
+                    $$renderer5.push(`<!--]--> `);
+                    if (Dialog_footer) {
+                      $$renderer5.push("<!--[-->");
+                      Dialog_footer($$renderer5, {
+                        children: ($$renderer6) => {
+                          {
+                            let child = function($$renderer7, { props }) {
+                              Button($$renderer7, spread_props([
+                                props,
+                                {
+                                  variant: "ghost",
+                                  children: ($$renderer8) => {
+                                    $$renderer8.push(`<!---->Cancel`);
+                                  },
+                                  $$slots: { default: true }
+                                }
+                              ]));
+                            };
+                            if (Dialog_close) {
+                              $$renderer6.push("<!--[-->");
+                              Dialog_close($$renderer6, { child, $$slots: { child: true } });
+                              $$renderer6.push("<!--]-->");
+                            } else {
+                              $$renderer6.push("<!--[!-->");
+                              $$renderer6.push("<!--]-->");
+                            }
+                          }
+                          $$renderer6.push(` `);
+                          Button($$renderer6, {
+                            onclick: go,
+                            disabled: !!missing(),
+                            title: missing() ? `${missing().title} is needed` : void 0,
+                            children: ($$renderer7) => {
+                              $$renderer7.push(`<!---->Update and restart`);
+                            },
+                            $$slots: { default: true }
+                          });
+                          $$renderer6.push(`<!---->`);
+                        },
+                        $$slots: { default: true }
+                      });
+                      $$renderer5.push("<!--]-->");
+                    } else {
+                      $$renderer5.push("<!--[!-->");
+                      $$renderer5.push("<!--]-->");
+                    }
+                  } else if (preview) {
+                    $$renderer5.push("<!--[3-->");
+                    ChangeProgress($$renderer5, {
+                      label: `Replace ${stringify(u.id)} with ${stringify(preview.version)} at ${stringify(preview.commit.slice(0, 7))}`,
+                      phase: step === "saving" || step === "restarting" || step === "done" || step === "slow" ? step : "saving"
+                    });
+                    $$renderer5.push(`<!----> `);
+                    if (step === "done") {
+                      $$renderer5.push(`<!--[0--><p>${escape_html(name)}
+					${escape_html(preview.version)} is installed and Wheelhouse restarted. Its row shows whether it loaded.</p>`);
+                    } else {
+                      $$renderer5.push("<!--[-1-->");
+                    }
+                    $$renderer5.push(`<!--]--> `);
+                    if (Dialog_footer) {
+                      $$renderer5.push("<!--[-->");
+                      Dialog_footer($$renderer5, {
+                        children: ($$renderer6) => {
+                          {
+                            let child = function($$renderer7, { props }) {
+                              Button($$renderer7, spread_props([
+                                props,
+                                {
+                                  disabled: step === "saving" || step === "restarting",
+                                  children: ($$renderer8) => {
+                                    $$renderer8.push(`<!---->Done`);
+                                  },
+                                  $$slots: { default: true }
+                                }
+                              ]));
+                            };
+                            if (Dialog_close) {
+                              $$renderer6.push("<!--[-->");
+                              Dialog_close($$renderer6, { child, $$slots: { child: true } });
+                              $$renderer6.push("<!--]-->");
+                            } else {
+                              $$renderer6.push("<!--[!-->");
+                              $$renderer6.push("<!--]-->");
+                            }
+                          }
+                        },
+                        $$slots: { default: true }
+                      });
+                      $$renderer5.push("<!--]-->");
+                    } else {
+                      $$renderer5.push("<!--[!-->");
+                      $$renderer5.push("<!--]-->");
+                    }
+                  } else {
+                    $$renderer5.push("<!--[-1-->");
+                  }
+                  $$renderer5.push(`<!--]-->`);
+                },
+                $$slots: { default: true }
+              });
+              $$renderer4.push("<!--]-->");
+            } else {
+              $$renderer4.push("<!--[!-->");
+              $$renderer4.push("<!--]-->");
+            }
+          },
+          $$slots: { default: true }
+        });
+        $$renderer3.push("<!--]-->");
+      } else {
+        $$renderer3.push("<!--[!-->");
+        $$renderer3.push("<!--]-->");
+      }
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+  });
+}
+function _page($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { data } = $$props;
+    let fresh = {};
+    const pageFor = (id) => fresh[id] ?? data.pages[id];
+    let saving = null;
+    let note = null;
+    let noteTimer;
+    function say(text, ok = true) {
+      note = { text, ok };
+      clearTimeout(noteTimer);
+      noteTimer = setTimeout(() => note = null, ok ? 4e3 : 8e3);
+    }
+    async function turn(p, on) {
+      saving = p.id;
+      const r = await changePlugin(p.id, { enabled: on }, page.data.sessionToken);
+      saving = null;
+      if (!r.ok) return say(r.error, false);
+      fresh[p.id] = r.value;
+      say(`${on === null ? backToDefaultWords(r.value) : `${p.name} is ${on ? "on" : "off"} for every project.`} It applies now, with no restart.`);
+    }
+    let updates = null;
+    let checking = false;
+    let checkError = null;
+    const updateFor = (id) => updates?.plugins.find((u) => u.id === id) ?? null;
+    async function checkNow() {
+      checking = true;
+      checkError = null;
+      const r = await checkPluginUpdates(data.sessionToken);
+      if (r.ok) updates = r.value;
+      else checkError = r.error;
+      checking = false;
+    }
+    const configurable = (p) => (p.state === "loaded" || p.state === "disabled") && !!pageFor(p.id);
+    head("1ql6547", $$renderer2, ($$renderer3) => {
+      $$renderer3.title(($$renderer4) => {
+        $$renderer4.push(`<title>Plugins · Wheelhouse</title>`);
+      });
+    });
+    $$renderer2.push(`<main class="px-4 py-6 sm:px-6 lg:px-10"><div class="surface px-5 py-6 sm:px-8 sm:py-8">`);
+    SettingsNav($$renderer2);
+    $$renderer2.push(`<!----> <div class="mt-6 flex flex-wrap items-end justify-between gap-3"><h1 class="text-2xl">Plugins</h1> <div class="flex flex-wrap items-center gap-2">`);
+    if (updates?.checkedAt) {
+      $$renderer2.push(`<!--[0--><span class="hidden text-xs text-muted-foreground sm:inline">Checked ${escape_html(ago(updates.checkedAt, live.now))}</span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    Button($$renderer2, {
+      variant: "ghost",
+      size: "sm",
+      onclick: checkNow,
+      disabled: checking || updates?.checking,
+      children: ($$renderer3) => {
+        Refresh_cw($$renderer3, { class: checking || updates?.checking ? "animate-spin" : "" });
+        $$renderer3.push(`<!---->Check for
+					updates`);
+      },
+      $$slots: { default: true }
+    });
+    $$renderer2.push(`<!----> `);
+    InstallFromGitHub($$renderer2, { busy: updates?.busy ?? [] });
+    $$renderer2.push(`<!----></div></div> <p class="mt-1 max-w-prose text-sm text-muted-foreground">Turn a plugin on or off here; open one to choose its projects and change its settings. Those
+			apply straight away. Installing or updating a plugin restarts Wheelhouse to load it; Firstmate
+			and its crew keep running.</p> `);
+    if (checkError || updates?.error) {
+      $$renderer2.push(`<!--[0--><p class="mt-3 text-xs text-danger" role="alert">${escape_html(checkError ?? updates?.error)}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (data.view.installed.error) {
+      $$renderer2.push(`<!--[0--><p class="mt-6 rounded-lg border border-danger/40 p-4 text-sm text-danger">Wheelhouse could not read which plugins are installed, so none of them loaded.</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (data.view.config.error) {
+      $$renderer2.push(`<!--[0--><p class="mt-6 rounded-lg border border-danger/40 p-4 text-sm text-danger">Wheelhouse’s plugins file is not valid, so every plugin keeps its default and nothing can be
+				changed here until it is fixed.</p> <details class="mt-2 text-xs text-muted-foreground"><summary class="cursor-pointer">What is wrong with it</summary> <p class="mt-1 break-words">${escape_html(data.view.config.error)}</p></details>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <!--[-->`);
+    const each_array = ensure_array_like(data.view.suggested);
+    for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+      let s = each_array[$$index];
+      $$renderer2.push(`<div class="mt-6">`);
+      InstallPlugin($$renderer2, { plugin: s });
+      $$renderer2.push(`<!----></div>`);
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (data.view.plugins.length === 0) {
+      $$renderer2.push(`<!--[0--><p class="mt-8 rounded-lg border border-dashed p-6 text-sm text-muted-foreground">No plugins.</p>`);
+    } else {
+      $$renderer2.push(`<!--[-1--><ul class="mt-8 divide-y rounded-lg border bg-card" aria-label="Plugins"><!--[-->`);
+      const each_array_1 = ensure_array_like(data.view.plugins);
+      for (let i = 0, $$length = each_array_1.length; i < $$length; i++) {
+        let p = each_array_1[i];
+        const pg = pageFor(p.id);
+        $$renderer2.push(`<li class="flex flex-wrap items-center gap-x-4 gap-y-2 px-4 py-3"${attr("data-plugin", p.id)}>`);
+        if (configurable(p) && pg) {
+          $$renderer2.push(`<!--[0--><a${attr("href", `/settings/plugins/${stringify(p.id)}`)} class="group min-w-0 flex-1 basis-40"><span class="min-w-0 flex-1"><span class="block text-sm font-medium group-hover:underline">${escape_html(p.name)} <span class="font-normal text-muted-foreground">${escape_html(p.version)}</span></span> <span class="block text-xs text-muted-foreground">`);
+          if (p.state === "disabled") {
+            $$renderer2.push(`<!--[0-->Installed, but not loaded`);
+          } else {
+            $$renderer2.push(`<!--[-1--><span${attr_class(clsx(pg.projects.some((x) => x.on) || !pg.projects.length && pg.on ? "text-success" : ""))} data-where="">${escape_html(whereOnWords(pg))}</span>${escape_html(p.source === "installed" && p.repository ? ` · from ${p.repository}` : " · comes with Wheelhouse")}`);
+          }
+          $$renderer2.push(`<!--]--></span></span></a>`);
+        } else {
+          $$renderer2.push(`<!--[-1--><div class="min-w-0 flex-1 basis-40"><p class="text-sm font-medium">${escape_html(p.name)} <span class="font-normal text-muted-foreground">${escape_html(p.version)}</span></p> <p class="text-xs break-words text-danger"${attr("data-state", p.state)}>${escape_html(p.reason ?? "Wheelhouse could not load it.")}</p></div>`);
+        }
+        $$renderer2.push(`<!--]--> `);
+        if (p.source === "installed" && updateFor(p.id)) {
+          $$renderer2.push("<!--[0-->");
+          PluginUpdate($$renderer2, {
+            update: updateFor(p.id),
+            name: p.name,
+            checking: checking || !!updates?.checking,
+            busy: updates?.busy ?? []
+          });
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--> `);
+        if (p.state === "loaded" && pg) {
+          $$renderer2.push("<!--[0-->");
+          if (pg.enabled !== null) {
+            $$renderer2.push(`<!--[0--><button type="button" class="shrink-0 cursor-pointer text-xs text-sea hover:underline disabled:cursor-not-allowed"${attr("disabled", saving !== null || !!pg.configError, true)}>Back to the default</button>`);
+          } else {
+            $$renderer2.push("<!--[-1-->");
+          }
+          $$renderer2.push(`<!--]--> `);
+          EveryProjectSwitch($$renderer2, {
+            view: pg,
+            disabled: saving !== null || !!pg.configError,
+            onchange: (on) => turn(p, on)
+          });
+          $$renderer2.push(`<!---->`);
+        } else {
+          $$renderer2.push(`<!--[-1--><span class="hidden w-11 shrink-0 sm:block" aria-hidden="true"></span>`);
+        }
+        $$renderer2.push(`<!--]--> `);
+        if (configurable(p)) {
+          $$renderer2.push(`<!--[0--><a${attr("href", `/settings/plugins/${stringify(p.id)}`)} class="shrink-0 text-muted-foreground hover:text-foreground" tabindex="-1" aria-hidden="true">`);
+          Chevron_right($$renderer2, { class: "size-4" });
+          $$renderer2.push(`<!----></a>`);
+        } else {
+          $$renderer2.push(`<!--[-1--><span class="w-4 shrink-0" aria-hidden="true"></span>`);
+        }
+        $$renderer2.push(`<!--]--></li>`);
+      }
+      $$renderer2.push(`<!--]--></ul>`);
+    }
+    $$renderer2.push(`<!--]--></div></main> `);
+    SavedNote($$renderer2, { note });
+    $$renderer2.push(`<!---->`);
+  });
+}
+
+export { _page as default };
+//# sourceMappingURL=_page.svelte.js-U1GPMY59.js.map