@devmotion/cli 0.6.3 → 0.8.0

package/studio/server/chunks/_page.svelte-CWrqBxDM.js

@@ -1,1021 +0,0 @@
-import './async-lVJA8xJZ.js';
-import { p as props_id, z as async_derived, i as escape_html, a as attributes, o as stringify, d as spread_props, e as ensure_array_like, t as attr, w as attr_class, f as bind_props, h as derived } from './index9-D9BBZH26.js';
-import { S as Seo_head } from './seo-head-Bx-uKR1E.js';
-import { B as Button, c as cn } from './button-EIkCOf5j.js';
-import { C as Card, a as Card_header, b as Card_content, c as Card_title } from './card-title-EaKgUTDm.js';
-import { C as Card_description, F as Field_group, a as Field, b as Field_label, c as Field_error, d as Field_description } from './field-error-fGLmL5i5.js';
-import { c as createBitsAttrs, I as Input, e as createId, b as boxWith, a as attachRef, m as mergeProps } from './input-C1z0Nn4U.js';
-import { a as watch, b as Mail, K as Key, P as Plus, T as Trash_2, C as Context, D as DOMContext, d as Copy, w as watch$1, U as User } from './copy-gHAQZ-hc.js';
-import { u as updateUser, a as getUserOrRedirect, b as signOut } from './auth.remote-C6edHyaa.js';
-import { c as createApiKey, l as listApiKeys, d as deleteApiKey } from './api-keys.remote-CN4CRiIA.js';
-import { r as resolve } from './server2-vs5lBcGY.js';
-import { I as Icon } from './Icon-DbEXclx7.js';
-import './index11-D0KEeryD.js';
-import './client3-6wS0pbKv.js';
-import './root-DjEsp22s.js';
-import './event-DmhHnWT5.js';
-import './exports-5qhW9hr2.js';
-import './_commonjsHelpers-D6la_xYv.js';
-import './index-Dp2_pJiZ.js';
-import './shared-hgBL35K7.js';
-import './query-D9bdUhU3.js';
-import 'zod';
-import './index10-DB2myPI4.js';
-import './api-DkajkFtS.js';
-import 'drizzle-orm/pg-core';
-import 'drizzle-orm';
-import './animation-DPwINa4I.js';
-import './branding-5rLT-BvK.js';
-import './posthog-DXw1m97H.js';
-import './optional-services-rI0rdA4P.js';
-import './env-CsH9rG40.js';
-import './shared-server-hNytdPP9.js';
-import './remote-functions-C4V-TgoU.js';
-import './command-7H4QNUwk.js';
-import './plans-BAwNKt6H.js';
-import './api-keys-D9bbxRhK.js';
-import 'nanoid';
-import './routing-Up9X2RDi.js';
-
-function Log_out($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let { $$slots, $$events, ...props } = $$props;
-    const iconNode = [
-      ["path", { "d": "m16 17 5-5-5-5" }],
-      ["path", { "d": "M21 12H9" }],
-      ["path", { "d": "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }]
-    ];
-    Icon($$renderer2, spread_props([
-      { name: "log-out" },
-      /**
-       * @component @name LogOut
-       * @description Lucide SVG icon component, renders SVG Element with children.
-       *
-       * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aCBkPSJtMTYgMTcgNS01LTUtNSIgLz4KICA8cGF0aCBkPSJNMjEgMTJIOSIgLz4KICA8cGF0aCBkPSJNOSAyMUg1YTIgMiAwIDAgMS0yLTJWNWEyIDIgMCAwIDEgMi0yaDQiIC8+Cjwvc3ZnPgo=) - https://lucide.dev/icons/log-out
-       * @see https://lucide.dev/guide/packages/lucide-svelte - Documentation
-       *
-       * @param {Object} props - Lucide icons props and any valid SVG attribute
-       * @returns {FunctionalComponent} Svelte component
-       *
-       */
-      props,
-      {
-        iconNode,
-        children: ($$renderer3) => {
-          props.children?.($$renderer3);
-          $$renderer3.push(`<!---->`);
-        },
-        $$slots: { default: true }
-      }
-    ]));
-  });
-}
-const avatarAttrs = createBitsAttrs({ component: "avatar", parts: ["root", "image", "fallback"] });
-const AvatarRootContext = new Context("Avatar.Root");
-class AvatarRootState {
-  static create(opts) {
-    return AvatarRootContext.set(new AvatarRootState(opts));
-  }
-  opts;
-  domContext;
-  attachment;
-  constructor(opts) {
-    this.opts = opts;
-    this.domContext = new DOMContext(this.opts.ref);
-    this.loadImage = this.loadImage.bind(this);
-    this.attachment = attachRef(this.opts.ref);
-  }
-  loadImage(src, crossorigin, referrerPolicy) {
-    if (this.opts.loadingStatus.current === "loaded") return;
-    let imageTimerId;
-    const image = new Image();
-    image.src = src;
-    if (crossorigin !== void 0) image.crossOrigin = crossorigin;
-    if (referrerPolicy) image.referrerPolicy = referrerPolicy;
-    this.opts.loadingStatus.current = "loading";
-    image.onload = () => {
-      imageTimerId = this.domContext.setTimeout(
-        () => {
-          this.opts.loadingStatus.current = "loaded";
-        },
-        this.opts.delayMs.current
-      );
-    };
-    image.onerror = () => {
-      this.opts.loadingStatus.current = "error";
-    };
-    return () => {
-      if (!imageTimerId) return;
-      this.domContext.clearTimeout(imageTimerId);
-    };
-  }
-  #props = derived(() => ({
-    id: this.opts.id.current,
-    [avatarAttrs.root]: "",
-    "data-status": this.opts.loadingStatus.current,
-    ...this.attachment
-  }));
-  get props() {
-    return this.#props();
-  }
-  set props($$value) {
-    return this.#props($$value);
-  }
-}
-class AvatarImageState {
-  static create(opts) {
-    return new AvatarImageState(opts, AvatarRootContext.get());
-  }
-  opts;
-  root;
-  attachment;
-  constructor(opts, root) {
-    this.opts = opts;
-    this.root = root;
-    this.attachment = attachRef(this.opts.ref);
-    watch$1.pre(
-      [
-        () => this.opts.src.current,
-        () => this.opts.crossOrigin.current
-      ],
-      ([src, crossOrigin]) => {
-        if (!src) {
-          this.root.opts.loadingStatus.current = "error";
-          return;
-        }
-        this.root.loadImage(src, crossOrigin, this.opts.referrerPolicy.current);
-      }
-    );
-  }
-  #props = derived(() => ({
-    id: this.opts.id.current,
-    style: {
-      display: this.root.opts.loadingStatus.current === "loaded" ? "block" : "none"
-    },
-    "data-status": this.root.opts.loadingStatus.current,
-    [avatarAttrs.image]: "",
-    src: this.opts.src.current,
-    crossorigin: this.opts.crossOrigin.current,
-    referrerpolicy: this.opts.referrerPolicy.current,
-    ...this.attachment
-  }));
-  get props() {
-    return this.#props();
-  }
-  set props($$value) {
-    return this.#props($$value);
-  }
-}
-class AvatarFallbackState {
-  static create(opts) {
-    return new AvatarFallbackState(opts, AvatarRootContext.get());
-  }
-  opts;
-  root;
-  attachment;
-  constructor(opts, root) {
-    this.opts = opts;
-    this.root = root;
-    this.attachment = attachRef(this.opts.ref);
-  }
-  #style = derived(() => this.root.opts.loadingStatus.current === "loaded" ? { display: "none" } : void 0);
-  get style() {
-    return this.#style();
-  }
-  set style($$value) {
-    return this.#style($$value);
-  }
-  #props = derived(() => ({
-    style: this.style,
-    "data-status": this.root.opts.loadingStatus.current,
-    [avatarAttrs.fallback]: "",
-    ...this.attachment
-  }));
-  get props() {
-    return this.#props();
-  }
-  set props($$value) {
-    return this.#props($$value);
-  }
-}
-function Avatar$1($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    const uid = props_id($$renderer2);
-    let {
-      delayMs = 0,
-      loadingStatus = "loading",
-      onLoadingStatusChange,
-      child,
-      children,
-      id = createId(uid),
-      ref = null,
-      $$slots,
-      $$events,
-      ...restProps
-    } = $$props;
-    const rootState = AvatarRootState.create({
-      delayMs: boxWith(() => delayMs),
-      loadingStatus: boxWith(() => loadingStatus, (v) => {
-        if (loadingStatus !== v) {
-          loadingStatus = v;
-          onLoadingStatusChange?.(v);
-        }
-      }),
-      id: boxWith(() => id),
-      ref: boxWith(() => ref, (v) => ref = v)
-    });
-    const mergedProps = derived(() => mergeProps(restProps, rootState.props));
-    if (child) {
-      $$renderer2.push("<!--[0-->");
-      child($$renderer2, { props: mergedProps() });
-      $$renderer2.push(`<!---->`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-      $$renderer2.push(`<div${attributes({ ...mergedProps() })}>`);
-      children?.($$renderer2);
-      $$renderer2.push(`<!----></div>`);
-    }
-    $$renderer2.push(`<!--]-->`);
-    bind_props($$props, { loadingStatus, ref });
-  });
-}
-function Avatar_image$1($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    const uid = props_id($$renderer2);
-    let {
-      src,
-      child,
-      id = createId(uid),
-      ref = null,
-      crossorigin = void 0,
-      referrerpolicy = void 0,
-      $$slots,
-      $$events,
-      ...restProps
-    } = $$props;
-    const imageState = AvatarImageState.create({
-      src: boxWith(() => src),
-      id: boxWith(() => id),
-      ref: boxWith(() => ref, (v) => ref = v),
-      crossOrigin: boxWith(() => crossorigin),
-      referrerPolicy: boxWith(() => referrerpolicy)
-    });
-    const mergedProps = derived(() => mergeProps(restProps, imageState.props));
-    if (child) {
-      $$renderer2.push("<!--[0-->");
-      child($$renderer2, { props: mergedProps() });
-      $$renderer2.push(`<!---->`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-      $$renderer2.push(`<img${attributes({ ...mergedProps(), src })} onload="this.__e=event" onerror="this.__e=event"/>`);
-    }
-    $$renderer2.push(`<!--]-->`);
-    bind_props($$props, { ref });
-  });
-}
-function Avatar_fallback$1($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    const uid = props_id($$renderer2);
-    let {
-      children,
-      child,
-      id = createId(uid),
-      ref = null,
-      $$slots,
-      $$events,
-      ...restProps
-    } = $$props;
-    const fallbackState = AvatarFallbackState.create({
-      id: boxWith(() => id),
-      ref: boxWith(() => ref, (v) => ref = v)
-    });
-    const mergedProps = derived(() => mergeProps(restProps, fallbackState.props));
-    if (child) {
-      $$renderer2.push("<!--[0-->");
-      child($$renderer2, { props: mergedProps() });
-      $$renderer2.push(`<!---->`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-      $$renderer2.push(`<span${attributes({ ...mergedProps() })}>`);
-      children?.($$renderer2);
-      $$renderer2.push(`<!----></span>`);
-    }
-    $$renderer2.push(`<!--]-->`);
-    bind_props($$props, { ref });
-  });
-}
-function Avatar($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      ref = null,
-      loadingStatus = "loading",
-      class: className,
-      $$slots,
-      $$events,
-      ...restProps
-    } = $$props;
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      if (Avatar$1) {
-        $$renderer3.push("<!--[-->");
-        Avatar$1($$renderer3, spread_props([
-          {
-            "data-slot": "avatar",
-            class: cn("relative flex size-8 shrink-0 overflow-hidden rounded-full", className)
-          },
-          restProps,
-          {
-            get ref() {
-              return ref;
-            },
-            set ref($$value) {
-              ref = $$value;
-              $$settled = false;
-            },
-            get loadingStatus() {
-              return loadingStatus;
-            },
-            set loadingStatus($$value) {
-              loadingStatus = $$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, loadingStatus });
-  });
-}
-function Avatar_image($$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 (Avatar_image$1) {
-        $$renderer3.push("<!--[-->");
-        Avatar_image$1($$renderer3, spread_props([
-          {
-            "data-slot": "avatar-image",
-            class: cn("aspect-square size-full", 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 Avatar_fallback($$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 (Avatar_fallback$1) {
-        $$renderer3.push("<!--[-->");
-        Avatar_fallback$1($$renderer3, spread_props([
-          {
-            "data-slot": "avatar-fallback",
-            class: cn("flex size-full items-center justify-center rounded-full bg-muted", 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 _page($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    const id = props_id($$renderer2);
-    let apiKeys = derived(listApiKeys);
-    let newKeyName = "";
-    let newKeyRevealed = null;
-    let apiKeyError = "";
-    async function createApiKey$1() {
-      if (!newKeyName.trim()) return;
-      apiKeyError = "";
-      const result = await createApiKey({ name: newKeyName.trim() });
-      if (!result.success) {
-        apiKeyError = result.error || "Failed to create API key";
-        return;
-      }
-      newKeyRevealed = result.data.key;
-      newKeyName = "";
-      await apiKeys().refresh();
-    }
-    async function deleteApiKey$1(id2) {
-      await deleteApiKey({ id: id2 });
-      await apiKeys().refresh();
-    }
-    async function copyToClipboard(text) {
-      await navigator.clipboard.writeText(text);
-    }
-    var user, showSuccess, handleUpdate;
-    var $$promises = $$renderer2.run([
-      async () => user = await async_derived(getUserOrRedirect),
-      () => {
-        void watch(() => user(), () => {
-          if (!user()) return;
-          updateUser.fields.set({
-            name: user().name ?? "",
-            emailConsent: user().emailConsent ?? false
-          });
-        });
-        showSuccess = false;
-        handleUpdate = updateUser.enhance(async ({ submit }) => {
-          await submit();
-          if (updateUser.result?.success) {
-            showSuccess = true;
-            setTimeout(
-              () => {
-                showSuccess = false;
-              },
-              3e3
-            );
-            await getUserOrRedirect().refresh();
-          }
-        });
-      }
-    ]);
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      Seo_head($$renderer3, {
-        title: "Profile Settings — DevMotion",
-        description: "Manage your DevMotion account settings, profile information, and API keys.",
-        noindex: true
-      });
-      $$renderer3.push(`<!----> <div class="flex min-h-svh flex-col items-center justify-center bg-muted p-6 md:p-10">`);
-      if (Card) {
-        $$renderer3.push("<!--[-->");
-        Card($$renderer3, {
-          class: "mx-auto w-full max-w-md",
-          children: ($$renderer4) => {
-            if (Card_header) {
-              $$renderer4.push("<!--[-->");
-              Card_header($$renderer4, {
-                children: ($$renderer5) => {
-                  if (Card_title) {
-                    $$renderer5.push("<!--[-->");
-                    Card_title($$renderer5, {
-                      class: "text-2xl",
-                      children: ($$renderer6) => {
-                        $$renderer6.push(`<!---->Profile Settings`);
-                      },
-                      $$slots: { default: true }
-                    });
-                    $$renderer5.push("<!--]-->");
-                  } else {
-                    $$renderer5.push("<!--[!-->");
-                    $$renderer5.push("<!--]-->");
-                  }
-                  $$renderer5.push(` `);
-                  if (Card_description) {
-                    $$renderer5.push("<!--[-->");
-                    Card_description($$renderer5, {
-                      children: ($$renderer6) => {
-                        $$renderer6.push(`<!---->Manage your account information and preferences`);
-                      },
-                      $$slots: { default: true }
-                    });
-                    $$renderer5.push("<!--]-->");
-                  } else {
-                    $$renderer5.push("<!--[!-->");
-                    $$renderer5.push("<!--]-->");
-                  }
-                },
-                $$slots: { default: true }
-              });
-              $$renderer4.push("<!--]-->");
-            } else {
-              $$renderer4.push("<!--[!-->");
-              $$renderer4.push("<!--]-->");
-            }
-            $$renderer4.push(` `);
-            if (Card_content) {
-              $$renderer4.push("<!--[-->");
-              Card_content($$renderer4, {
-                children: ($$renderer5) => {
-                  $$renderer5.push(`<div class="mb-6 flex items-center gap-4">`);
-                  if (Avatar) {
-                    $$renderer5.push("<!--[-->");
-                    Avatar($$renderer5, {
-                      class: "size-16",
-                      children: ($$renderer6) => {
-                        $$renderer6.async_block([$$promises[1]], ($$renderer7) => {
-                          if (Avatar_image) {
-                            $$renderer7.push("<!--[-->");
-                            Avatar_image($$renderer7, { src: user().image, alt: user().name ?? "User" });
-                            $$renderer7.push("<!--]-->");
-                          } else {
-                            $$renderer7.push("<!--[!-->");
-                            $$renderer7.push("<!--]-->");
-                          }
-                        });
-                        $$renderer6.push(` `);
-                        if (Avatar_fallback) {
-                          $$renderer6.push("<!--[-->");
-                          Avatar_fallback($$renderer6, {
-                            children: ($$renderer7) => {
-                              $$renderer7.async_block([$$promises[1]], ($$renderer8) => {
-                                if (user().name) {
-                                  $$renderer8.push("<!--[0-->");
-                                  $$renderer8.async([$$promises[1]], ($$renderer9) => $$renderer9.push(() => escape_html(user().name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2))));
-                                } else {
-                                  $$renderer8.push("<!--[-1-->");
-                                  User($$renderer8, { class: "size-6" });
-                                }
-                              });
-                              $$renderer7.push(`<!--]-->`);
-                            },
-                            $$slots: { default: true }
-                          });
-                          $$renderer6.push("<!--]-->");
-                        } else {
-                          $$renderer6.push("<!--[!-->");
-                          $$renderer6.push("<!--]-->");
-                        }
-                      },
-                      $$slots: { default: true }
-                    });
-                    $$renderer5.push("<!--]-->");
-                  } else {
-                    $$renderer5.push("<!--[!-->");
-                    $$renderer5.push("<!--]-->");
-                  }
-                  $$renderer5.push(` <div class="flex-1"><p class="font-medium">`);
-                  $$renderer5.async([$$promises[1]], ($$renderer6) => $$renderer6.push(() => escape_html(user().name ?? "User")));
-                  $$renderer5.push(`</p> <p class="flex items-center gap-1.5 text-sm text-muted-foreground">`);
-                  Mail($$renderer5, { class: "size-3.5" });
-                  $$renderer5.push(`<!----> `);
-                  $$renderer5.async([$$promises[1]], ($$renderer6) => $$renderer6.push(() => escape_html(user().email ?? "")));
-                  $$renderer5.push(`</p></div></div> `);
-                  $$renderer5.async([$$promises[1]], ($$renderer6) => {
-                    $$renderer6.push(`<form${attributes({ ...handleUpdate })}>`);
-                    if (Field_group) {
-                      $$renderer6.push("<!--[-->");
-                      Field_group($$renderer6, {
-                        children: ($$renderer7) => {
-                          if (Field) {
-                            $$renderer7.push("<!--[-->");
-                            Field($$renderer7, {
-                              children: ($$renderer8) => {
-                                if (Field_label) {
-                                  $$renderer8.push("<!--[-->");
-                                  Field_label($$renderer8, {
-                                    for: `name-${stringify(id)}`,
-                                    children: ($$renderer9) => {
-                                      $$renderer9.push(`<!---->Name`);
-                                    },
-                                    $$slots: { default: true }
-                                  });
-                                  $$renderer8.push("<!--]-->");
-                                } else {
-                                  $$renderer8.push("<!--[!-->");
-                                  $$renderer8.push("<!--]-->");
-                                }
-                                $$renderer8.push(` `);
-                                $$renderer8.async_block([$$promises[1]], ($$renderer9) => {
-                                  Input($$renderer9, spread_props([
-                                    {
-                                      id: `name-${stringify(id)}`,
-                                      placeholder: "Your name",
-                                      required: true
-                                    },
-                                    updateUser.fields.name.as("text")
-                                  ]));
-                                });
-                                $$renderer8.push(` <!--[-->`);
-                                $$renderer8.async_block([$$promises[1]], ($$renderer9) => {
-                                  const each_array = ensure_array_like(updateUser.fields.name.issues());
-                                  for (let index = 0, $$length = each_array.length; index < $$length; index++) {
-                                    let issue = each_array[index];
-                                    if (Field_error) {
-                                      $$renderer9.push("<!--[-->");
-                                      Field_error($$renderer9, {
-                                        children: ($$renderer10) => {
-                                          $$renderer10.push(`<!---->${escape_html(issue.message)}`);
-                                        },
-                                        $$slots: { default: true }
-                                      });
-                                      $$renderer9.push("<!--]-->");
-                                    } else {
-                                      $$renderer9.push("<!--[!-->");
-                                      $$renderer9.push("<!--]-->");
-                                    }
-                                  }
-                                });
-                                $$renderer8.push(`<!--]-->`);
-                              },
-                              $$slots: { default: true }
-                            });
-                            $$renderer7.push("<!--]-->");
-                          } else {
-                            $$renderer7.push("<!--[!-->");
-                            $$renderer7.push("<!--]-->");
-                          }
-                          $$renderer7.push(` `);
-                          if (Field) {
-                            $$renderer7.push("<!--[-->");
-                            Field($$renderer7, {
-                              children: ($$renderer8) => {
-                                if (Field_label) {
-                                  $$renderer8.push("<!--[-->");
-                                  Field_label($$renderer8, {
-                                    for: `email-consent-${stringify(id)}`,
-                                    children: ($$renderer9) => {
-                                      $$renderer9.async([$$promises[1]], ($$renderer10) => {
-                                        $$renderer10.push(`<input${attributes(
-                                          {
-                                            id: `email-consent-${stringify(id)}`,
-                                            ...updateUser.fields.emailConsent.as("checkbox"),
-                                            class: "size-4 rounded border-input bg-background accent-primary"
-                                          },
-                                          void 0,
-                                          void 0,
-                                          void 0,
-                                          4
-                                        )}/>`);
-                                      });
-                                      $$renderer9.push(` <div><div class="font-medium">Email notifications</div> `);
-                                      if (Field_description) {
-                                        $$renderer9.push("<!--[-->");
-                                        Field_description($$renderer9, {
-                                          class: "mt-1",
-                                          children: ($$renderer10) => {
-                                            $$renderer10.push(`<!---->Receive updates about new features and product improvements`);
-                                          },
-                                          $$slots: { default: true }
-                                        });
-                                        $$renderer9.push("<!--]-->");
-                                      } else {
-                                        $$renderer9.push("<!--[!-->");
-                                        $$renderer9.push("<!--]-->");
-                                      }
-                                      $$renderer9.push(`</div>`);
-                                    },
-                                    $$slots: { default: true }
-                                  });
-                                  $$renderer8.push("<!--]-->");
-                                } else {
-                                  $$renderer8.push("<!--[!-->");
-                                  $$renderer8.push("<!--]-->");
-                                }
-                                $$renderer8.push(` <!--[-->`);
-                                $$renderer8.async_block([$$promises[1]], ($$renderer9) => {
-                                  const each_array_1 = ensure_array_like(updateUser.fields.emailConsent.issues());
-                                  for (let index = 0, $$length = each_array_1.length; index < $$length; index++) {
-                                    let issue = each_array_1[index];
-                                    if (Field_error) {
-                                      $$renderer9.push("<!--[-->");
-                                      Field_error($$renderer9, {
-                                        children: ($$renderer10) => {
-                                          $$renderer10.push(`<!---->${escape_html(issue.message)}`);
-                                        },
-                                        $$slots: { default: true }
-                                      });
-                                      $$renderer9.push("<!--]-->");
-                                    } else {
-                                      $$renderer9.push("<!--[!-->");
-                                      $$renderer9.push("<!--]-->");
-                                    }
-                                  }
-                                });
-                                $$renderer8.push(`<!--]-->`);
-                              },
-                              $$slots: { default: true }
-                            });
-                            $$renderer7.push("<!--]-->");
-                          } else {
-                            $$renderer7.push("<!--[!-->");
-                            $$renderer7.push("<!--]-->");
-                          }
-                          $$renderer7.push(` `);
-                          $$renderer7.async_block([$$promises[1]], ($$renderer8) => {
-                            if (showSuccess) {
-                              $$renderer8.push("<!--[0-->");
-                              $$renderer8.push(`<div class="rounded-md border border-green-200 bg-green-50 px-4 py-3 text-sm text-green-800 dark:border-green-800 dark:bg-green-950 dark:text-green-200">Profile updated successfully!</div>`);
-                            } else {
-                              $$renderer8.push("<!--[-1-->");
-                            }
-                          });
-                          $$renderer7.push(`<!--]--> `);
-                          $$renderer7.async_block([$$promises[1]], ($$renderer8) => {
-                            if (!updateUser.result?.success && updateUser.result?.error) {
-                              $$renderer8.push("<!--[0-->");
-                              if (Field_error) {
-                                $$renderer8.push("<!--[-->");
-                                Field_error($$renderer8, {
-                                  children: ($$renderer9) => {
-                                    $$renderer9.push(`<!---->`);
-                                    $$renderer9.async([$$promises[1]], ($$renderer10) => $$renderer10.push(() => escape_html(updateUser.result.error)));
-                                  },
-                                  $$slots: { default: true }
-                                });
-                                $$renderer8.push("<!--]-->");
-                              } else {
-                                $$renderer8.push("<!--[!-->");
-                                $$renderer8.push("<!--]-->");
-                              }
-                            } else {
-                              $$renderer8.push("<!--[-1-->");
-                            }
-                          });
-                          $$renderer7.push(`<!--]--> `);
-                          if (Field) {
-                            $$renderer7.push("<!--[-->");
-                            Field($$renderer7, {
-                              children: ($$renderer8) => {
-                                $$renderer8.async_block([$$promises[1]], ($$renderer9) => {
-                                  Button($$renderer9, {
-                                    type: "submit",
-                                    class: "w-full",
-                                    disabled: !!updateUser.pending,
-                                    children: ($$renderer10) => {
-                                      $$renderer10.push(`<!---->`);
-                                      $$renderer10.async([$$promises[1]], ($$renderer11) => $$renderer11.push(() => escape_html(updateUser.pending ? "Updating..." : "Update Profile")));
-                                    },
-                                    $$slots: { default: true }
-                                  });
-                                });
-                              },
-                              $$slots: { default: true }
-                            });
-                            $$renderer7.push("<!--]-->");
-                          } else {
-                            $$renderer7.push("<!--[!-->");
-                            $$renderer7.push("<!--]-->");
-                          }
-                        },
-                        $$slots: { default: true }
-                      });
-                      $$renderer6.push("<!--]-->");
-                    } else {
-                      $$renderer6.push("<!--[!-->");
-                      $$renderer6.push("<!--]-->");
-                    }
-                    $$renderer6.push(`</form>`);
-                  });
-                  $$renderer5.push(` <div class="mt-6 border-t pt-6"><form${attributes({ ...signOut })}>`);
-                  Button($$renderer5, {
-                    type: "submit",
-                    variant: "outline",
-                    class: "w-full",
-                    icon: Log_out,
-                    children: ($$renderer6) => {
-                      $$renderer6.push(`<!---->Sign Out`);
-                    },
-                    $$slots: { default: true }
-                  });
-                  $$renderer5.push(`<!----></form></div>`);
-                },
-                $$slots: { default: true }
-              });
-              $$renderer4.push("<!--]-->");
-            } else {
-              $$renderer4.push("<!--[!-->");
-              $$renderer4.push("<!--]-->");
-            }
-          },
-          $$slots: { default: true }
-        });
-        $$renderer3.push("<!--]-->");
-      } else {
-        $$renderer3.push("<!--[!-->");
-        $$renderer3.push("<!--]-->");
-      }
-      $$renderer3.push(` `);
-      if (Card) {
-        $$renderer3.push("<!--[-->");
-        Card($$renderer3, {
-          class: "mx-auto mt-6 w-full max-w-md",
-          children: ($$renderer4) => {
-            if (Card_header) {
-              $$renderer4.push("<!--[-->");
-              Card_header($$renderer4, {
-                children: ($$renderer5) => {
-                  if (Card_title) {
-                    $$renderer5.push("<!--[-->");
-                    Card_title($$renderer5, {
-                      class: "flex items-center gap-2 text-2xl",
-                      children: ($$renderer6) => {
-                        Key($$renderer6, { class: "size-5" });
-                        $$renderer6.push(`<!----> API Keys`);
-                      },
-                      $$slots: { default: true }
-                    });
-                    $$renderer5.push("<!--]-->");
-                  } else {
-                    $$renderer5.push("<!--[!-->");
-                    $$renderer5.push("<!--]-->");
-                  }
-                  $$renderer5.push(` `);
-                  if (Card_description) {
-                    $$renderer5.push("<!--[-->");
-                    Card_description($$renderer5, {
-                      children: ($$renderer6) => {
-                        $$renderer6.push(`<!---->Manage API keys for programmatic access to the DevMotion Video API. <a${attr("href", resolve("/docs/api"))} class="text-primary underline">View API docs</a>`);
-                      },
-                      $$slots: { default: true }
-                    });
-                    $$renderer5.push("<!--]-->");
-                  } else {
-                    $$renderer5.push("<!--[!-->");
-                    $$renderer5.push("<!--]-->");
-                  }
-                },
-                $$slots: { default: true }
-              });
-              $$renderer4.push("<!--]-->");
-            } else {
-              $$renderer4.push("<!--[!-->");
-              $$renderer4.push("<!--]-->");
-            }
-            $$renderer4.push(` `);
-            if (Card_content) {
-              $$renderer4.push("<!--[-->");
-              Card_content($$renderer4, {
-                children: ($$renderer5) => {
-                  if (newKeyRevealed) {
-                    $$renderer5.push("<!--[0-->");
-                    $$renderer5.push(`<div class="mb-4 rounded-md border border-green-200 bg-green-50 p-4 dark:border-green-800 dark:bg-green-950"><p class="mb-2 text-sm font-medium text-green-800 dark:text-green-200">API key created! Copy it now — it won't be shown again.</p> <div class="flex items-center gap-2"><code class="flex-1 overflow-hidden rounded bg-green-100 px-2 py-1 text-xs text-ellipsis dark:bg-green-900">${escape_html(newKeyRevealed)}</code> `);
-                    Button($$renderer5, {
-                      size: "sm",
-                      variant: "ghost",
-                      onclick: () => {
-                        copyToClipboard(newKeyRevealed);
-                        newKeyRevealed = null;
-                      },
-                      children: ($$renderer6) => {
-                        Copy($$renderer6, { class: "size-4" });
-                      },
-                      $$slots: { default: true }
-                    });
-                    $$renderer5.push(`<!----></div></div>`);
-                  } else {
-                    $$renderer5.push("<!--[-1-->");
-                  }
-                  $$renderer5.push(`<!--]--> <div class="mb-4 flex gap-2">`);
-                  Input($$renderer5, {
-                    placeholder: "Key name (e.g., Production)",
-                    onkeydown: (e) => e.key === "Enter" && createApiKey$1(),
-                    get value() {
-                      return newKeyName;
-                    },
-                    set value($$value) {
-                      newKeyName = $$value;
-                      $$settled = false;
-                    }
-                  });
-                  $$renderer5.push(`<!----> `);
-                  Button($$renderer5, {
-                    onclick: createApiKey$1,
-                    disabled: !newKeyName.trim(),
-                    size: "sm",
-                    icon: Plus
-                  });
-                  $$renderer5.push(`<!----></div> `);
-                  if (apiKeyError) {
-                    $$renderer5.push("<!--[0-->");
-                    $$renderer5.push(`<div class="mb-4 rounded-md border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800 dark:border-red-800 dark:bg-red-950 dark:text-red-200">${escape_html(apiKeyError)}</div>`);
-                  } else {
-                    $$renderer5.push("<!--[-1-->");
-                  }
-                  $$renderer5.push(`<!--]--> `);
-                  if (apiKeys().loading) {
-                    $$renderer5.push("<!--[0-->");
-                    $$renderer5.push(`<p class="text-sm text-muted-foreground">Loading...</p>`);
-                  } else if ((apiKeys().current?.length ?? 0) === 0) {
-                    $$renderer5.push("<!--[1-->");
-                    $$renderer5.push(`<p class="text-sm text-muted-foreground">No API keys yet. Create one to start using the Video API.</p>`);
-                  } else {
-                    $$renderer5.push("<!--[-1-->");
-                    $$renderer5.push(`<div class="space-y-3"><!--[-->`);
-                    const each_array_2 = ensure_array_like(apiKeys().current);
-                    for (let $$index_2 = 0, $$length = each_array_2.length; $$index_2 < $$length; $$index_2++) {
-                      let key = each_array_2[$$index_2];
-                      $$renderer5.push(`<div${attr_class(`flex items-center justify-between rounded-md border p-3 ${stringify(key.revoked ? "opacity-50" : "")}`)}><div class="min-w-0 flex-1"><p class="truncate text-sm font-medium">${escape_html(key.name)}</p> <p class="font-mono text-xs text-muted-foreground">${escape_html(key.prefix)}... `);
-                      if (key.revoked) {
-                        $$renderer5.push("<!--[0-->");
-                        $$renderer5.push(`<span class="ml-1 text-red-500">(revoked)</span>`);
-                      } else {
-                        $$renderer5.push("<!--[-1-->");
-                      }
-                      $$renderer5.push(`<!--]--></p> `);
-                      if (key.lastUsedAt) {
-                        $$renderer5.push("<!--[0-->");
-                        $$renderer5.push(`<p class="text-xs text-muted-foreground">Last used: ${escape_html(new Date(key.lastUsedAt).toLocaleDateString())}</p>`);
-                      } else {
-                        $$renderer5.push("<!--[-1-->");
-                        $$renderer5.push(`<p class="text-xs text-muted-foreground">Never used</p>`);
-                      }
-                      $$renderer5.push(`<!--]--></div> `);
-                      if (!key.revoked) {
-                        $$renderer5.push("<!--[0-->");
-                        Button($$renderer5, {
-                          size: "sm",
-                          variant: "ghost",
-                          onclick: async () => await deleteApiKey$1(key.id),
-                          class: "text-destructive",
-                          icon: Trash_2
-                        });
-                      } else {
-                        $$renderer5.push("<!--[-1-->");
-                      }
-                      $$renderer5.push(`<!--]--></div>`);
-                    }
-                    $$renderer5.push(`<!--]--></div>`);
-                  }
-                  $$renderer5.push(`<!--]-->`);
-                },
-                $$slots: { default: true }
-              });
-              $$renderer4.push("<!--]-->");
-            } else {
-              $$renderer4.push("<!--[!-->");
-              $$renderer4.push("<!--]-->");
-            }
-          },
-          $$slots: { default: true }
-        });
-        $$renderer3.push("<!--]-->");
-      } else {
-        $$renderer3.push("<!--[!-->");
-        $$renderer3.push("<!--]-->");
-      }
-      $$renderer3.push(`</div>`);
-    }
-    do {
-      $$settled = true;
-      $$inner_renderer = $$renderer2.copy();
-      $$render_inner($$inner_renderer);
-    } while (!$$settled);
-    $$renderer2.subsume($$inner_renderer);
-  });
-}
-
-export { _page as default };
-//# sourceMappingURL=_page.svelte-CWrqBxDM.js.map