@devmotion/cli 0.6.3 → 0.8.0

package/studio/server/chunks/_page.svelte-DC9-8nEf.js

@@ -0,0 +1,1021 @@
+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-DgcD7hjY.js';
+import { c as createApiKey, l as listApiKeys, d as deleteApiKey } from './api-keys.remote-JFKHDaD1.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-Do--xZ9M.js';
+import 'drizzle-orm/pg-core';
+import 'drizzle-orm';
+import './animation-sOd5R1cE.js';
+import './branding-5rLT-BvK.js';
+import './posthog-kZp2zKvY.js';
+import './optional-services-BGRY7tmz.js';
+import './env-AoZ3P0fg.js';
+import './shared-server-hNytdPP9.js';
+import './remote-functions-C4V-TgoU.js';
+import './command-7H4QNUwk.js';
+import './plans-BAwNKt6H.js';
+import './api-keys-CcmgUWTH.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-DC9-8nEf.js.map