bloko-studio 0.0.15 → 0.0.17

package/dist/server/chunks/_page.svelte-D3xBojmc.js

@@ -1,1514 +0,0 @@
-import { e as ensure_array_like, b as attr, s as stringify, d as store_get, u as unsubscribe_stores, a as attr_class, c as bind_props } from './index2-uFRsVE8P.js';
-import { I as Input } from './TextArrayInput.svelte_svelte_type_style_lang-Ig77xHy3.js';
-import { e as escape_html } from './escaping-CqgfEcN3.js';
-import { B as Button, F as FormField } from './FormField-kISg9x93.js';
-import { D as Dropdown } from './Dropdown-hjJxTAOQ.js';
-import { L as LabeledText } from './LabeledText-Dmlq__C0.js';
-import { L as LanguageTabs } from './LanguageTabs-1Ob1qCZy.js';
-import { n as notifications } from './Notification-l1T_wIgW.js';
-import { T as Textarea } from './Textarea-DLscroTm.js';
-import { i as invalidate, g as goto } from './client-BnOvIOT-.js';
-import { p as page } from './stores-DebHkzdu.js';
-import { b as deleteRelation, g as getNodesForRelation, c as createRelation, e as deleteNode, f as updateNode, h as deleteImage, i as updateContent } from './data.remote-BJglW4G6.js';
-import { d as detailedMode } from './globals.svelte-DwdZJG2V.js';
-import './utils2-2iR6NHZC.js';
-import './context-CLjmrgKK.js';
-import './index-BlBritjc.js';
-import './utils-UnnCNxc8.js';
-import './state.svelte-DiB3TmIU.js';
-import './query-Br86yIZh.js';
-import './shared-CAxGHzOK.js';
-import './index-Djsj11qr.js';
-import './bloko-Cg3PRr44.js';
-import 'bloko';
-import './contents-DJxdkjgf.js';
-
-function BlockPreview($$renderer, $$props) {
-  let {
-    code,
-    title,
-    hint,
-    contentForm,
-    contentType,
-    contentId,
-    children
-  } = $$props;
-  $$renderer.push(`<div class="blockPreview svelte-5v5m9l"><div class="header svelte-5v5m9l"><span class="code svelte-5v5m9l">${escape_html(code)}</span> `);
-  if (contentType) {
-    $$renderer.push("<!--[-->");
-    $$renderer.push(`<span class="contentType svelte-5v5m9l"><span class="type svelte-5v5m9l">${escape_html(contentType)}</span> `);
-    if (contentId) {
-      $$renderer.push("<!--[-->");
-      $$renderer.push(`<span class="separator svelte-5v5m9l">|</span> <span class="label svelte-5v5m9l">content id:</span> <span class="sid svelte-5v5m9l">${escape_html(contentId)}</span>`);
-    } else {
-      $$renderer.push("<!--[!-->");
-    }
-    $$renderer.push(`<!--]--></span>`);
-  } else {
-    $$renderer.push("<!--[!-->");
-  }
-  $$renderer.push(`<!--]--></div> <div class="content svelte-5v5m9l">`);
-  if (title) {
-    $$renderer.push("<!--[-->");
-    $$renderer.push(`<div class="title svelte-5v5m9l">${escape_html(title)}</div>`);
-  } else {
-    $$renderer.push("<!--[!-->");
-  }
-  $$renderer.push(`<!--]--> `);
-  if (contentForm) {
-    $$renderer.push("<!--[-->");
-    $$renderer.push(`<div class="contentForm svelte-5v5m9l">`);
-    contentForm($$renderer);
-    $$renderer.push(`<!----></div>`);
-  } else {
-    $$renderer.push("<!--[!-->");
-  }
-  $$renderer.push(`<!--]--> `);
-  if (children) {
-    $$renderer.push("<!--[-->");
-    $$renderer.push(`<div class="childrenSlot svelte-5v5m9l">`);
-    children($$renderer);
-    $$renderer.push(`<!----></div>`);
-  } else {
-    $$renderer.push("<!--[!-->");
-  }
-  $$renderer.push(`<!--]--> `);
-  if (hint) {
-    $$renderer.push("<!--[-->");
-    $$renderer.push(`<div class="hint svelte-5v5m9l">${escape_html(hint)}</div>`);
-  } else {
-    $$renderer.push("<!--[!-->");
-  }
-  $$renderer.push(`<!--]--></div></div>`);
-}
-function ImageDropzone($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      src = "",
-      onchange,
-      disabled = false,
-      accept = "image/*",
-      actionSize = "28"
-    } = $$props;
-    let dragging = false;
-    let objectUrl = "";
-    function openPicker() {
-      if (disabled) return;
-    }
-    function clearImage() {
-      if (disabled) return;
-      if (objectUrl) URL.revokeObjectURL(objectUrl);
-      objectUrl = "";
-      src = "";
-      onchange?.(null);
-    }
-    $$renderer2.push(`<div${attr_class("dropzone svelte-t96qzx", void 0, { "dragging": dragging, "disabled": disabled })} role="button"${attr("tabindex", disabled ? -1 : 0)}${attr("aria-disabled", disabled)}>`);
-    if (src) {
-      $$renderer2.push("<!--[-->");
-      $$renderer2.push(`<img class="preview svelte-t96qzx"${attr("src", src)} alt="" aria-hidden="true" draggable="false"/> <div class="overlay svelte-t96qzx">`);
-      Button($$renderer2, {
-        label: "Replace",
-        size: actionSize,
-        intent: "primary",
-        onclick: openPicker,
-        disabled
-      });
-      $$renderer2.push(`<!----> `);
-      Button($$renderer2, {
-        label: "Delete",
-        size: actionSize,
-        intent: "danger",
-        onclick: clearImage,
-        disabled
-      });
-      $$renderer2.push(`<!----></div>`);
-    } else {
-      $$renderer2.push("<!--[!-->");
-      $$renderer2.push(`<div class="empty svelte-t96qzx"><div class="icon svelte-t96qzx">🖼️</div> <div class="text svelte-t96qzx">Drop image here or</div> `);
-      Button($$renderer2, {
-        label: "Browse",
-        size: actionSize,
-        intent: "primary",
-        onclick: openPicker,
-        disabled
-      });
-      $$renderer2.push(`<!----></div>`);
-    }
-    $$renderer2.push(`<!--]--> <input type="file"${attr("accept", accept)} hidden=""/></div>`);
-    bind_props($$props, { src });
-  });
-}
-function MultiImageUpload($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let { images = [], onupload, ondelete, disabled = false } = $$props;
-    let uploading = false;
-    let dragging = false;
-    function openPicker() {
-      if (disabled || uploading) return;
-    }
-    $$renderer2.push(`<div${attr_class("gallery svelte-1tlyvbx", void 0, { "dragging": dragging, "disabled": disabled })} role="region" aria-label="Multi-image upload area">`);
-    if (images.length > 0) {
-      $$renderer2.push("<!--[-->");
-      $$renderer2.push(`<div class="imageGrid svelte-1tlyvbx"><!--[-->`);
-      const each_array = ensure_array_like(images);
-      for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
-        let image = each_array[$$index];
-        $$renderer2.push(`<div class="imageItem svelte-1tlyvbx"><img${attr("src", image.url)}${attr("alt", image.file_name || "")} class="svelte-1tlyvbx"/> `);
-        if (ondelete && !disabled) {
-          $$renderer2.push("<!--[-->");
-          $$renderer2.push(`<button class="deleteBtn svelte-1tlyvbx" type="button" aria-label="Remove image">×</button>`);
-        } else {
-          $$renderer2.push("<!--[!-->");
-        }
-        $$renderer2.push(`<!--]--></div>`);
-      }
-      $$renderer2.push(`<!--]--></div>`);
-    } else {
-      $$renderer2.push("<!--[!-->");
-    }
-    $$renderer2.push(`<!--]--> <div${attr_class("uploadArea svelte-1tlyvbx", void 0, { "empty": images.length === 0 })}>`);
-    {
-      $$renderer2.push("<!--[!-->");
-      $$renderer2.push(`<div class="uploadPrompt svelte-1tlyvbx"><span class="dropText svelte-1tlyvbx">Drop images here or</span> `);
-      Button($$renderer2, {
-        label: "Browse",
-        size: "28",
-        intent: "secondary",
-        onclick: openPicker,
-        disabled
-      });
-      $$renderer2.push(`<!----></div>`);
-    }
-    $$renderer2.push(`<!--]--></div> <input type="file" accept="image/*" multiple hidden=""/></div>`);
-  });
-}
-function ContentForm($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      data,
-      block,
-      node,
-      contentValue,
-      contentImageUrl = null,
-      contentImages = []
-    } = $$props;
-    let editValue = contentValue || "";
-    let saving = false;
-    let contentExists = block.content?.id != null;
-    let listItems = block.content_type === "text_list" && Array.isArray(contentValue) ? [...contentValue] : [];
-    let titledListItems = block.content_type === "titled_list" && Array.isArray(contentValue) ? [...contentValue] : [];
-    `${block.id}-${node.id}-${data.languageId}`;
-    async function saveContent() {
-      saving = true;
-      try {
-        let value;
-        let successMessage;
-        if (block.content_type === "number") {
-          const stringValue = String(editValue || "").trim();
-          value = stringValue === "" ? null : parseFloat(stringValue);
-          successMessage = value !== null ? "Saved" : "Deleted";
-        } else if (block.content_type === "text_list") {
-          const cleanedItems = listItems.filter((item) => item && item.trim()).map((item) => item.trim());
-          value = {
-            ...block.content?.value || {},
-            [data.languageId]: cleanedItems.length > 0 ? cleanedItems : []
-          };
-          successMessage = cleanedItems.length > 0 ? "Saved" : "Deleted";
-        } else if (block.content_type === "titled_list") {
-          const cleanedItems = titledListItems.filter((item) => item?.title?.trim() || item?.text?.trim()).map((item) => ({
-            title: item?.title?.trim() || "",
-            text: item?.text?.trim() || ""
-          }));
-          value = {
-            ...block.content?.value || {},
-            [data.languageId]: cleanedItems.length > 0 ? cleanedItems : []
-          };
-          successMessage = cleanedItems.length > 0 ? "Saved" : "Deleted";
-        } else {
-          const trimmedValue = (editValue || "").trim();
-          value = {
-            ...block.content?.value || {},
-            [data.languageId]: trimmedValue
-          };
-          successMessage = trimmedValue ? "Saved" : "Deleted";
-        }
-        const payload = { _node: node.id, _block: block.id, value };
-        await updateContent(payload);
-        await invalidate("app:nodes");
-        notifications.success(successMessage);
-      } catch (error) {
-        console.error("Save error:", error);
-        notifications.error("Failed to save");
-        if (block.content_type === "text_list") {
-          listItems = Array.isArray(contentValue) ? [...contentValue] : [];
-        } else if (block.content_type === "titled_list") {
-          titledListItems = Array.isArray(contentValue) ? [...contentValue] : [];
-        } else {
-          editValue = contentValue || "";
-        }
-      } finally {
-        saving = false;
-      }
-    }
-    async function onBlur() {
-      if (block.content_type === "number") {
-        const numValue = editValue === "" ? null : parseFloat(editValue);
-        const originalNumValue = contentValue === "" || contentValue == null ? null : parseFloat(contentValue);
-        if (numValue === originalNumValue) return;
-      } else {
-        const trimmedValue = (editValue || "").trim();
-        const originalValue = (contentValue || "").trim();
-        if (trimmedValue === originalValue) return;
-      }
-      await saveContent();
-    }
-    async function onCreate() {
-      if (contentExists) return;
-      saving = true;
-      try {
-        const payload = {
-          _node: node.id,
-          _block: block.id,
-          value: block.content_type === "number" ? null : {},
-          forceCreate: true
-        };
-        await updateContent(payload);
-        await invalidate("app:nodes");
-        notifications.success("Content created");
-        const inputId = `content-${block.id}-${data.languageId}`;
-        setTimeout(
-          () => {
-            document.getElementById(inputId)?.focus();
-          },
-          50
-        );
-      } catch (error) {
-        console.error("Create error:", error);
-        notifications.error("Failed to create");
-      } finally {
-        saving = false;
-      }
-    }
-    async function onDelete() {
-      if (!contentExists) return;
-      if (!confirm("Delete this entire content row (all languages)?")) return;
-      saving = true;
-      try {
-        const payload = {
-          _node: node.id,
-          _block: block.id,
-          value: block.content_type === "number" ? null : {}
-        };
-        await updateContent(payload);
-        await invalidate("app:nodes");
-        editValue = "";
-        listItems = [];
-        titledListItems = [];
-        notifications.success("Deleted");
-      } catch (error) {
-        console.error("Delete error:", error);
-        notifications.error("Failed to delete");
-      } finally {
-        saving = false;
-      }
-    }
-    function addListItem() {
-      listItems = [...listItems, ""];
-    }
-    function removeListItem(index) {
-      listItems = listItems.filter((_, i) => i !== index);
-      saveContent();
-    }
-    function updateListItem(index, value) {
-      listItems[index] = value;
-    }
-    function addTitledListItem() {
-      titledListItems = [...titledListItems, { title: "", text: "" }];
-    }
-    function removeTitledListItem(index) {
-      titledListItems = titledListItems.filter((_, i) => i !== index);
-      saveContent();
-    }
-    function updateTitledListItem(index, field, value) {
-      titledListItems[index] = { ...titledListItems[index], [field]: value };
-    }
-    async function uploadImage(file) {
-      const arrayBuffer = await file.arrayBuffer();
-      const base64Data = btoa(new Uint8Array(arrayBuffer).reduce((data2, byte) => data2 + String.fromCharCode(byte), ""));
-      const response = await fetch("/api/images/upload-json", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          base64Data,
-          fileName: file.name,
-          mimeType: file.type,
-          nodeId: node.id
-        })
-      });
-      if (!response.ok) {
-        const errorData = await response.json().catch(() => ({}));
-        throw new Error(errorData.message || errorData.body?.message || "Upload failed");
-      }
-      return response.json();
-    }
-    function isValidImageId(value) {
-      return typeof value === "string" && value.length > 0 && !value.startsWith("{");
-    }
-    async function onImageChange(file) {
-      if (!file) {
-        saving = true;
-        try {
-          if (isValidImageId(contentValue)) {
-            await deleteImage({ imageId: contentValue });
-          }
-          await updateContent({ _node: node.id, _block: block.id, value: null });
-          await invalidate("app:nodes");
-          notifications.success("Image removed");
-        } catch (error) {
-          console.error("Image delete error:", error);
-          notifications.error("Failed to remove image");
-        } finally {
-          saving = false;
-        }
-        return;
-      }
-      saving = true;
-      try {
-        if (isValidImageId(contentValue)) {
-          await deleteImage({ imageId: contentValue });
-        }
-        const result = await uploadImage(file);
-        await updateContent({ _node: node.id, _block: block.id, value: result.image.id });
-        await invalidate("app:nodes");
-        notifications.success("Image updated");
-      } catch (error) {
-        console.error("Image upload error:", error);
-        notifications.error(error.message || "Failed to upload image");
-      } finally {
-        saving = false;
-      }
-    }
-    async function onImageListUpload(file) {
-      saving = true;
-      try {
-        const result = await uploadImage(file);
-        const currentIds = Array.isArray(contentValue) ? contentValue : [];
-        const newIds = [...currentIds, result.image.id];
-        await updateContent({ _node: node.id, _block: block.id, value: newIds });
-        await invalidate("app:nodes");
-        notifications.success("Image added");
-      } catch (error) {
-        console.error("Image upload error:", error);
-        notifications.error(error.message || "Failed to upload image");
-        throw error;
-      } finally {
-        saving = false;
-      }
-    }
-    async function onImageListDelete(imageId) {
-      saving = true;
-      try {
-        const currentIds = Array.isArray(contentValue) ? contentValue : [];
-        const newIds = currentIds.filter((id) => id !== imageId);
-        await updateContent({ _node: node.id, _block: block.id, value: newIds });
-        await deleteImage({ imageId });
-        await invalidate("app:nodes");
-        notifications.success("Image removed");
-      } catch (error) {
-        console.error("Image delete error:", error);
-        notifications.error("Failed to remove image");
-      } finally {
-        saving = false;
-      }
-    }
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      $$renderer3.push(`<div class="contentFormWrapper svelte-17bp990">`);
-      if (block.content_type === "image") {
-        $$renderer3.push("<!--[-->");
-        $$renderer3.push(`<div class="imageWrapper svelte-17bp990">`);
-        ImageDropzone($$renderer3, {
-          src: contentImageUrl?.url || null,
-          onchange: onImageChange,
-          disabled: saving
-        });
-        $$renderer3.push(`<!----></div>`);
-      } else {
-        $$renderer3.push("<!--[!-->");
-        if (block.content_type === "image_list") {
-          $$renderer3.push("<!--[-->");
-          $$renderer3.push(`<div class="imageListWrapper svelte-17bp990">`);
-          MultiImageUpload($$renderer3, {
-            images: contentImages,
-            onupload: onImageListUpload,
-            ondelete: onImageListDelete,
-            disabled: saving
-          });
-          $$renderer3.push(`<!----></div>`);
-        } else {
-          $$renderer3.push("<!--[!-->");
-          if (contentExists) {
-            $$renderer3.push("<!--[-->");
-            $$renderer3.push(`<div class="inputWrapper svelte-17bp990">`);
-            if (block.content_type === "text") {
-              $$renderer3.push("<!--[-->");
-              Input($$renderer3, {
-                id: `content-${stringify(block.id)}-${stringify(data.languageId)}`,
-                size: "32",
-                placeholder: "Enter text",
-                onblur: onBlur,
-                disabled: saving,
-                get value() {
-                  return editValue;
-                },
-                set value($$value) {
-                  editValue = $$value;
-                  $$settled = false;
-                }
-              });
-            } else {
-              $$renderer3.push("<!--[!-->");
-              if (block.content_type === "paragraph") {
-                $$renderer3.push("<!--[-->");
-                Textarea($$renderer3, {
-                  id: `content-${stringify(block.id)}-${stringify(data.languageId)}`,
-                  placeholder: "Enter paragraph",
-                  onblur: onBlur,
-                  disabled: saving,
-                  get value() {
-                    return editValue;
-                  },
-                  set value($$value) {
-                    editValue = $$value;
-                    $$settled = false;
-                  }
-                });
-              } else {
-                $$renderer3.push("<!--[!-->");
-                if (block.content_type === "number") {
-                  $$renderer3.push("<!--[-->");
-                  Input($$renderer3, {
-                    id: `content-${stringify(block.id)}-${stringify(data.languageId)}`,
-                    size: "32",
-                    type: "number",
-                    placeholder: "Enter number",
-                    onblur: onBlur,
-                    disabled: saving,
-                    get value() {
-                      return editValue;
-                    },
-                    set value($$value) {
-                      editValue = $$value;
-                      $$settled = false;
-                    }
-                  });
-                } else {
-                  $$renderer3.push("<!--[!-->");
-                  if (block.content_type === "text_list") {
-                    $$renderer3.push("<!--[-->");
-                    $$renderer3.push(`<div class="textListWrapper svelte-17bp990"><!--[-->`);
-                    const each_array = ensure_array_like(listItems);
-                    for (let index = 0, $$length = each_array.length; index < $$length; index++) {
-                      let item = each_array[index];
-                      $$renderer3.push(`<div class="listItemRow svelte-17bp990">`);
-                      Input($$renderer3, {
-                        id: `content-${stringify(block.id)}-${stringify(data.languageId)}-${stringify(index)}`,
-                        size: "32",
-                        placeholder: `List item ${stringify(index + 1)}`,
-                        value: item,
-                        oninput: (e) => updateListItem(index, e.target.value),
-                        onblur: saveContent,
-                        disabled: saving
-                      });
-                      $$renderer3.push(`<!----> `);
-                      Button($$renderer3, {
-                        label: "×",
-                        intent: "danger",
-                        size: "24",
-                        type: "button",
-                        onclick: () => removeListItem(index),
-                        disabled: saving
-                      });
-                      $$renderer3.push(`<!----></div>`);
-                    }
-                    $$renderer3.push(`<!--]--> `);
-                    Button($$renderer3, {
-                      label: "+ Add Item",
-                      intent: "secondary",
-                      size: "24",
-                      type: "button",
-                      onclick: addListItem,
-                      disabled: saving
-                    });
-                    $$renderer3.push(`<!----></div>`);
-                  } else {
-                    $$renderer3.push("<!--[!-->");
-                    if (block.content_type === "titled_list") {
-                      $$renderer3.push("<!--[-->");
-                      $$renderer3.push(`<div class="titledListWrapper svelte-17bp990"><!--[-->`);
-                      const each_array_1 = ensure_array_like(titledListItems);
-                      for (let index = 0, $$length = each_array_1.length; index < $$length; index++) {
-                        let item = each_array_1[index];
-                        $$renderer3.push(`<div class="titledListItemCard svelte-17bp990"><div class="titledListItemHeader svelte-17bp990"><span class="itemNumber svelte-17bp990">${escape_html(index + 1)}</span> `);
-                        Button($$renderer3, {
-                          label: "×",
-                          intent: "danger",
-                          size: "24",
-                          type: "button",
-                          onclick: () => removeTitledListItem(index),
-                          disabled: saving
-                        });
-                        $$renderer3.push(`<!----></div> <div class="titledListItemFields svelte-17bp990">`);
-                        Input($$renderer3, {
-                          id: `content-${stringify(block.id)}-${stringify(data.languageId)}-${stringify(index)}-title`,
-                          size: "32",
-                          placeholder: "Title",
-                          value: item?.title || "",
-                          oninput: (e) => updateTitledListItem(index, "title", e.target.value),
-                          onblur: saveContent,
-                          disabled: saving
-                        });
-                        $$renderer3.push(`<!----> `);
-                        Textarea($$renderer3, {
-                          id: `content-${stringify(block.id)}-${stringify(data.languageId)}-${stringify(index)}-text`,
-                          placeholder: "Text",
-                          value: item?.text || "",
-                          oninput: (e) => updateTitledListItem(index, "text", e.target.value),
-                          onblur: saveContent,
-                          disabled: saving
-                        });
-                        $$renderer3.push(`<!----></div></div>`);
-                      }
-                      $$renderer3.push(`<!--]--> `);
-                      Button($$renderer3, {
-                        label: "+ Add Item",
-                        intent: "secondary",
-                        size: "24",
-                        type: "button",
-                        onclick: addTitledListItem,
-                        disabled: saving
-                      });
-                      $$renderer3.push(`<!----></div>`);
-                    } else {
-                      $$renderer3.push("<!--[!-->");
-                    }
-                    $$renderer3.push(`<!--]-->`);
-                  }
-                  $$renderer3.push(`<!--]-->`);
-                }
-                $$renderer3.push(`<!--]-->`);
-              }
-              $$renderer3.push(`<!--]-->`);
-            }
-            $$renderer3.push(`<!--]--></div> `);
-            Button($$renderer3, {
-              label: "D",
-              intent: "danger",
-              size: "24",
-              type: "button",
-              onclick: onDelete,
-              disabled: saving
-            });
-            $$renderer3.push(`<!---->`);
-          } else {
-            $$renderer3.push("<!--[!-->");
-            Button($$renderer3, {
-              label: "Create Content",
-              intent: "secondary",
-              size: "24",
-              type: "button",
-              onclick: onCreate,
-              disabled: saving
-            });
-          }
-          $$renderer3.push(`<!--]-->`);
-        }
-        $$renderer3.push(`<!--]-->`);
-      }
-      $$renderer3.push(`<!--]--></div>`);
-    }
-    do {
-      $$settled = true;
-      $$inner_renderer = $$renderer2.copy();
-      $$render_inner($$inner_renderer);
-    } while (!$$settled);
-    $$renderer2.subsume($$inner_renderer);
-  });
-}
-function RelationForm($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let { data, node, outgoingRelations, incomingRelations } = $$props;
-    let creating = false;
-    let creatingIncoming = false;
-    let saving = false;
-    let selectedRelationType = "";
-    let selectedCollection = data.collection.id;
-    let selectedNodeType = "ALL";
-    let selectedOtherNode = "";
-    let availableNodes = [];
-    async function loadAvailableNodes() {
-      try {
-        const nodes = await getNodesForRelation({
-          collectionId: selectedCollection,
-          nodeType: selectedNodeType === "ALL" ? null : selectedNodeType,
-          excludeNodeId: node.id
-        });
-        availableNodes = nodes;
-        selectedOtherNode = "";
-      } catch (error) {
-        console.error("Failed to load nodes:", error);
-        notifications.error("Failed to load nodes");
-      }
-    }
-    function startCreatingOutgoing() {
-      creating = true;
-      creatingIncoming = false;
-      selectedRelationType = "";
-      selectedCollection = data.collection.id;
-      selectedNodeType = "ALL";
-      selectedOtherNode = "";
-      availableNodes = [];
-      loadAvailableNodes();
-    }
-    function startCreatingIncoming() {
-      creating = true;
-      creatingIncoming = true;
-      selectedRelationType = "";
-      selectedCollection = data.collection.id;
-      selectedNodeType = "ALL";
-      selectedOtherNode = "";
-      availableNodes = [];
-      loadAvailableNodes();
-    }
-    function cancelCreating() {
-      creating = false;
-      creatingIncoming = false;
-      selectedRelationType = "";
-      selectedCollection = data.collection.id;
-      selectedNodeType = "ALL";
-      selectedOtherNode = "";
-      availableNodes = [];
-    }
-    async function onCreate() {
-      if (!selectedRelationType || !selectedOtherNode) {
-        notifications.error("Please select a relation type and target node");
-        return;
-      }
-      saving = true;
-      try {
-        const _from = creatingIncoming ? selectedOtherNode : node.id;
-        const _to = creatingIncoming ? node.id : selectedOtherNode;
-        await createRelation({ _node_relation_type: selectedRelationType, _from, _to });
-        await invalidate("app:nodes");
-        notifications.success("Relation created");
-        cancelCreating();
-      } catch (error) {
-        console.error("Create relation error:", error);
-        notifications.error("Failed to create relation");
-      } finally {
-        saving = false;
-      }
-    }
-    async function onDelete(relationId) {
-      if (!confirm("Delete this relation?")) return;
-      saving = true;
-      try {
-        await deleteRelation({ id: relationId });
-        await invalidate("app:nodes");
-        notifications.success("Relation deleted");
-      } catch (error) {
-        console.error("Delete relation error:", error);
-        notifications.error("Failed to delete relation");
-      } finally {
-        saving = false;
-      }
-    }
-    let relationTypes = data.relationTypes || [];
-    let previewText = (() => {
-      const relationType = relationTypes.find((rt) => rt.id === selectedRelationType);
-      const otherNode = availableNodes.find((n) => n.id === selectedOtherNode);
-      if (!relationType || !otherNode) return "";
-      if (creatingIncoming) {
-        return `${otherNode.code} - ${relationType.code} -> ${node.code}`;
-      } else {
-        return `${node.code} - ${relationType.code} -> ${otherNode.code}`;
-      }
-    })();
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      $$renderer3.push(`<div class="relationsWrapper svelte-lcvot5"><div class="sectionHeader svelte-lcvot5"><div class="sectionTitle svelte-lcvot5">Outgoing Relations</div> `);
-      Button($$renderer3, {
-        label: "+ Add Relation",
-        intent: "secondary",
-        size: "24",
-        type: "button",
-        onclick: startCreatingOutgoing,
-        disabled: saving || creating
-      });
-      $$renderer3.push(`<!----></div> `);
-      if (creating && !creatingIncoming) {
-        $$renderer3.push("<!--[-->");
-        $$renderer3.push(`<div class="createRelationForm svelte-lcvot5">`);
-        if (previewText) {
-          $$renderer3.push("<!--[-->");
-          $$renderer3.push(`<div class="previewText svelte-lcvot5">${escape_html(previewText)}</div>`);
-        } else {
-          $$renderer3.push("<!--[!-->");
-        }
-        $$renderer3.push(`<!--]--> <div class="formRow svelte-lcvot5"><div class="formField svelte-lcvot5"><label class="label svelte-lcvot5">Relation Type</label> `);
-        Dropdown($$renderer3, {
-          size: "24",
-          options: relationTypes.map((rt) => ({ value: rt.id, label: rt.code })),
-          disabled: saving,
-          get value() {
-            return selectedRelationType;
-          },
-          set value($$value) {
-            selectedRelationType = $$value;
-            $$settled = false;
-          }
-        });
-        $$renderer3.push(`<!----></div></div> <div class="formRow svelte-lcvot5"><div class="formField svelte-lcvot5"><label class="label svelte-lcvot5">Collection</label> `);
-        Dropdown($$renderer3, {
-          size: "24",
-          onchange: loadAvailableNodes,
-          options: data.collections?.map((c) => ({ value: c.id, label: c.code })) || [],
-          disabled: saving,
-          get value() {
-            return selectedCollection;
-          },
-          set value($$value) {
-            selectedCollection = $$value;
-            $$settled = false;
-          }
-        });
-        $$renderer3.push(`<!----></div> <div class="formField svelte-lcvot5"><label class="label svelte-lcvot5">Node Type</label> `);
-        Dropdown($$renderer3, {
-          size: "24",
-          onchange: loadAvailableNodes,
-          options: [
-            { value: "ALL", label: "ALL" },
-            ...data.nodeTypes?.map((nt) => ({ value: nt.id, label: nt.code })) || []
-          ],
-          disabled: saving,
-          get value() {
-            return selectedNodeType;
-          },
-          set value($$value) {
-            selectedNodeType = $$value;
-            $$settled = false;
-          }
-        });
-        $$renderer3.push(`<!----></div> <div class="formField svelte-lcvot5"><label class="label svelte-lcvot5">Target Node</label> `);
-        Dropdown($$renderer3, {
-          size: "24",
-          options: availableNodes.map((n) => ({ value: n.id, label: n.code })),
-          disabled: saving || availableNodes.length === 0,
-          get value() {
-            return selectedOtherNode;
-          },
-          set value($$value) {
-            selectedOtherNode = $$value;
-            $$settled = false;
-          }
-        });
-        $$renderer3.push(`<!----></div></div> <div class="formActions svelte-lcvot5">`);
-        Button($$renderer3, {
-          label: "Create",
-          intent: "primary",
-          size: "24",
-          type: "button",
-          onclick: onCreate,
-          disabled: saving || !selectedRelationType || !selectedOtherNode
-        });
-        $$renderer3.push(`<!----> `);
-        Button($$renderer3, {
-          label: "Cancel",
-          intent: "secondary",
-          size: "24",
-          type: "button",
-          onclick: cancelCreating,
-          disabled: saving
-        });
-        $$renderer3.push(`<!----></div></div>`);
-      } else {
-        $$renderer3.push("<!--[!-->");
-      }
-      $$renderer3.push(`<!--]--> `);
-      if (outgoingRelations && outgoingRelations.length > 0) {
-        $$renderer3.push("<!--[-->");
-        $$renderer3.push(`<div class="relationsList svelte-lcvot5"><!--[-->`);
-        const each_array = ensure_array_like(outgoingRelations);
-        for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
-          let relation = each_array[$$index];
-          $$renderer3.push(`<div class="relationItem svelte-lcvot5"><span class="relationText svelte-lcvot5"><span class="nodeCode svelte-lcvot5">${escape_html(node.code || node.title?.[data.languageId] || "unknown")}</span> <span class="relationCode svelte-lcvot5">${escape_html(relation.relation_type_title?.[data.languageId] || relation.relation_type_code)}</span> <a class="nodeLink svelte-lcvot5"${attr("href", `/${stringify(data.languageId)}/finder/${stringify(relation.to_node_collection)}/nodes/${stringify(relation.to_node_path)}`)}>${escape_html(relation.to_node_code)}</a></span> `);
-          Button($$renderer3, {
-            label: "×",
-            intent: "danger",
-            size: "24",
-            type: "button",
-            onclick: () => onDelete(relation.id),
-            disabled: saving
-          });
-          $$renderer3.push(`<!----></div>`);
-        }
-        $$renderer3.push(`<!--]--></div>`);
-      } else {
-        $$renderer3.push("<!--[!-->");
-        if (!creating || creatingIncoming) {
-          $$renderer3.push("<!--[-->");
-          $$renderer3.push(`<div class="emptyState svelte-lcvot5">No outgoing relations</div>`);
-        } else {
-          $$renderer3.push("<!--[!-->");
-        }
-        $$renderer3.push(`<!--]-->`);
-      }
-      $$renderer3.push(`<!--]--> <div class="sectionHeader svelte-lcvot5"><div class="sectionTitle svelte-lcvot5">Incoming Relations</div> `);
-      Button($$renderer3, {
-        label: "+ Add Relation",
-        intent: "secondary",
-        size: "24",
-        type: "button",
-        onclick: startCreatingIncoming,
-        disabled: saving || creating
-      });
-      $$renderer3.push(`<!----></div> `);
-      if (creating && creatingIncoming) {
-        $$renderer3.push("<!--[-->");
-        $$renderer3.push(`<div class="createRelationForm svelte-lcvot5">`);
-        if (previewText) {
-          $$renderer3.push("<!--[-->");
-          $$renderer3.push(`<div class="previewText svelte-lcvot5">${escape_html(previewText)}</div>`);
-        } else {
-          $$renderer3.push("<!--[!-->");
-        }
-        $$renderer3.push(`<!--]--> <div class="formRow svelte-lcvot5"><div class="formField svelte-lcvot5"><label class="label svelte-lcvot5">Relation Type</label> `);
-        Dropdown($$renderer3, {
-          size: "24",
-          options: relationTypes.map((rt) => ({ value: rt.id, label: rt.code })),
-          disabled: saving,
-          get value() {
-            return selectedRelationType;
-          },
-          set value($$value) {
-            selectedRelationType = $$value;
-            $$settled = false;
-          }
-        });
-        $$renderer3.push(`<!----></div></div> <div class="formRow svelte-lcvot5"><div class="formField svelte-lcvot5"><label class="label svelte-lcvot5">Collection</label> `);
-        Dropdown($$renderer3, {
-          size: "24",
-          onchange: loadAvailableNodes,
-          options: data.collections?.map((c) => ({ value: c.id, label: c.code })) || [],
-          disabled: saving,
-          get value() {
-            return selectedCollection;
-          },
-          set value($$value) {
-            selectedCollection = $$value;
-            $$settled = false;
-          }
-        });
-        $$renderer3.push(`<!----></div> <div class="formField svelte-lcvot5"><label class="label svelte-lcvot5">Node Type</label> `);
-        Dropdown($$renderer3, {
-          size: "24",
-          onchange: loadAvailableNodes,
-          options: [
-            { value: "ALL", label: "ALL" },
-            ...data.nodeTypes?.map((nt) => ({ value: nt.id, label: nt.code })) || []
-          ],
-          disabled: saving,
-          get value() {
-            return selectedNodeType;
-          },
-          set value($$value) {
-            selectedNodeType = $$value;
-            $$settled = false;
-          }
-        });
-        $$renderer3.push(`<!----></div> <div class="formField svelte-lcvot5"><label class="label svelte-lcvot5">Source Node</label> `);
-        Dropdown($$renderer3, {
-          size: "24",
-          options: availableNodes.map((n) => ({ value: n.id, label: n.code })),
-          disabled: saving || availableNodes.length === 0,
-          get value() {
-            return selectedOtherNode;
-          },
-          set value($$value) {
-            selectedOtherNode = $$value;
-            $$settled = false;
-          }
-        });
-        $$renderer3.push(`<!----></div></div> <div class="formActions svelte-lcvot5">`);
-        Button($$renderer3, {
-          label: "Create",
-          intent: "primary",
-          size: "24",
-          type: "button",
-          onclick: onCreate,
-          disabled: saving || !selectedRelationType || !selectedOtherNode
-        });
-        $$renderer3.push(`<!----> `);
-        Button($$renderer3, {
-          label: "Cancel",
-          intent: "secondary",
-          size: "24",
-          type: "button",
-          onclick: cancelCreating,
-          disabled: saving
-        });
-        $$renderer3.push(`<!----></div></div>`);
-      } else {
-        $$renderer3.push("<!--[!-->");
-      }
-      $$renderer3.push(`<!--]--> `);
-      if (incomingRelations && incomingRelations.length > 0) {
-        $$renderer3.push("<!--[-->");
-        $$renderer3.push(`<div class="relationsList svelte-lcvot5"><!--[-->`);
-        const each_array_1 = ensure_array_like(incomingRelations);
-        for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
-          let relation = each_array_1[$$index_1];
-          $$renderer3.push(`<div class="relationItem svelte-lcvot5"><span class="relationText svelte-lcvot5"><span class="nodeCode svelte-lcvot5">${escape_html(node.code || node.title?.[data.languageId] || "unknown")}</span> <span class="relationCode svelte-lcvot5">${escape_html(relation.relation_type_title?.[data.languageId] || relation.relation_type_code)}</span> <a class="nodeLink svelte-lcvot5"${attr("href", `/${stringify(data.languageId)}/finder/${stringify(relation.from_node_collection)}/nodes/${stringify(relation.from_node_path)}`)}>${escape_html(relation.from_node_code)}</a></span> `);
-          Button($$renderer3, {
-            label: "×",
-            intent: "danger",
-            size: "24",
-            type: "button",
-            onclick: () => onDelete(relation.id),
-            disabled: saving
-          });
-          $$renderer3.push(`<!----></div>`);
-        }
-        $$renderer3.push(`<!--]--></div>`);
-      } else {
-        $$renderer3.push("<!--[!-->");
-        if (!creating || !creatingIncoming) {
-          $$renderer3.push("<!--[-->");
-          $$renderer3.push(`<div class="emptyState svelte-lcvot5">No incoming relations</div>`);
-        } 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);
-  });
-}
-function NodeForm($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    var $$store_subs;
-    let { data, node } = $$props;
-    let editCode = node?.code || "";
-    let editNotes = node?.notes || "";
-    let editNodeType = node?._node_type || "";
-    let editTemplate = node?._template || "";
-    let editCoverImage = node?._cover_image || null;
-    let coverImageUrl = data.coverImageUrl || null;
-    let saving = false;
-    let deleting = false;
-    let uploadingImage = false;
-    let editTitle = { ...node?.title || {} };
-    let editSubtitle = { ...node?.subtitle || {} };
-    let editSlug = { ...node?.slug || {} };
-    let languageIntents = (() => {
-      const intents = {};
-      for (const lang of data.languages) {
-        const hasTitle = editTitle[lang]?.trim();
-        const hasSlug = editSlug[lang]?.trim();
-        intents[lang] = hasTitle && hasSlug ? "success" : "danger";
-      }
-      return intents;
-    })();
-    node?.id;
-    async function onCoverImageChange(file) {
-      if (!node) return;
-      if (file) {
-        uploadingImage = true;
-        try {
-          const arrayBuffer = await file.arrayBuffer();
-          const base64Data = btoa(new Uint8Array(arrayBuffer).reduce((data2, byte) => data2 + String.fromCharCode(byte), ""));
-          const response = await fetch("/api/images/upload-json", {
-            method: "POST",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify({
-              base64Data,
-              fileName: file.name,
-              mimeType: file.type,
-              nodeId: node.id
-            })
-          });
-          if (!response.ok) {
-            throw new Error(await response.text() || "Upload failed");
-          }
-          const result = await response.json();
-          if (editCoverImage) {
-            try {
-              await deleteImage({ imageId: editCoverImage });
-            } catch (e) {
-            }
-          }
-          editCoverImage = result.image.id;
-          await updateNode({ id: node.id, _cover_image: result.image.id });
-          await invalidate("app:nodes");
-          notifications.success("Cover image uploaded");
-        } catch (error) {
-          console.error("Upload error:", error);
-          notifications.error("Failed to upload image");
-        } finally {
-          uploadingImage = false;
-        }
-      } else {
-        if (!editCoverImage) return;
-        saving = true;
-        try {
-          const imageIdToDelete = editCoverImage;
-          editCoverImage = null;
-          coverImageUrl = null;
-          await updateNode({ id: node.id, _cover_image: null });
-          await deleteImage({ imageId: imageIdToDelete });
-          await invalidate("app:nodes");
-          notifications.success("Cover image deleted");
-        } catch (error) {
-          console.error("Delete error:", error);
-          notifications.error("Failed to delete image");
-          editCoverImage = node._cover_image || null;
-          coverImageUrl = data.coverImageUrl || null;
-        } finally {
-          saving = false;
-        }
-      }
-    }
-    async function onGalleryUpload(file) {
-      if (!node) return;
-      try {
-        const arrayBuffer = await file.arrayBuffer();
-        const base64Data = btoa(new Uint8Array(arrayBuffer).reduce((data2, byte) => data2 + String.fromCharCode(byte), ""));
-        const response = await fetch("/api/images/upload-json", {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({
-            base64Data,
-            fileName: file.name,
-            mimeType: file.type,
-            nodeId: node.id
-          })
-        });
-        if (!response.ok) {
-          const errorData = await response.json().catch(() => ({}));
-          const errorMsg = errorData.message || errorData.body?.message || "Upload failed";
-          throw new Error(errorMsg);
-        }
-        const result = await response.json();
-        const newImage = result.image;
-        const currentImages = node._images || [];
-        const newImagesArray = [...currentImages, newImage.id];
-        await updateNode({ id: node.id, _images: newImagesArray });
-        await invalidate("app:nodes");
-        notifications.success("Image added");
-      } catch (error) {
-        console.error("Gallery upload error:", error);
-        notifications.error(error.message || "Failed to upload image");
-        throw error;
-      }
-    }
-    async function onGalleryDelete(imageId) {
-      if (!node) return;
-      const currentImages = node._images || [];
-      const newImagesArray = currentImages.filter((id) => id !== imageId);
-      await updateNode({ id: node.id, _images: newImagesArray });
-      await deleteImage({ imageId });
-      await invalidate();
-      notifications.success("Image removed");
-    }
-    async function onBlur() {
-      if (!node) return;
-      const code = editCode.trim();
-      const notes = editNotes.trim() || null;
-      const nodeType = editNodeType;
-      const template = editTemplate || null;
-      const hasChanges = code !== (node.code || "") || notes !== node.notes || nodeType !== node._node_type || template !== node._template || JSON.stringify(editTitle) !== JSON.stringify(node.title || {}) || JSON.stringify(editSubtitle) !== JSON.stringify(node.subtitle || {}) || JSON.stringify(editSlug) !== JSON.stringify(node.slug || {});
-      if (!hasChanges) return;
-      saving = true;
-      try {
-        const payload = {
-          id: node.id,
-          code: code || null,
-          notes,
-          _node_type: nodeType,
-          _template: template
-        };
-        if (JSON.stringify(editTitle) !== JSON.stringify(node.title || {})) {
-          payload.title = editTitle;
-        }
-        if (JSON.stringify(editSubtitle) !== JSON.stringify(node.subtitle || {})) {
-          payload.subtitle = editSubtitle;
-        }
-        if (JSON.stringify(editSlug) !== JSON.stringify(node.slug || {})) {
-          payload.slug = editSlug;
-        }
-        await updateNode(payload);
-        await invalidate("app:nodes");
-        notifications.success("Saved");
-      } catch (error) {
-        console.error("Save error:", error);
-        notifications.error("Failed to save");
-        editCode = node.code || "";
-        editNotes = node.notes || "";
-        editNodeType = node._node_type || "";
-        editTemplate = node._template || "";
-        editTitle = { ...node?.title || {} };
-        editSubtitle = { ...node?.subtitle || {} };
-        editSlug = { ...node?.slug || {} };
-      } finally {
-        saving = false;
-      }
-    }
-    async function onDelete() {
-      if (!node) return;
-      if (!confirm("Delete this node? This will delete all child nodes.")) return;
-      deleting = true;
-      try {
-        await deleteNode({ id: node.id });
-        await invalidate("app:nodes");
-        await goto(`/${data.languageId}/finder/${data.collection.id}/nodes`);
-        notifications.success("Deleted");
-      } catch (error) {
-        notifications.error("Failed to delete");
-      } finally {
-        deleting = false;
-      }
-    }
-    function buildBlockHierarchy(blocks, contents) {
-      if (!blocks || blocks.length === 0) return [];
-      const contentMap = /* @__PURE__ */ new Map();
-      if (contents) {
-        contents.forEach((content) => {
-          contentMap.set(content._block, content);
-        });
-      }
-      const blockMap = /* @__PURE__ */ new Map();
-      const rootBlocks = [];
-      blocks.forEach((block) => {
-        const content = contentMap.get(block.id);
-        blockMap.set(block.id, { ...block, children: [], content });
-      });
-      blocks.forEach((block) => {
-        const blockNode = blockMap.get(block.id);
-        if (block._parent === null) {
-          rootBlocks.push(blockNode);
-        } else {
-          const parent = blockMap.get(block._parent);
-          if (parent) {
-            parent.children.push(blockNode);
-          }
-        }
-      });
-      return rootBlocks;
-    }
-    let blockHierarchy = buildBlockHierarchy(data.blocks, data.contents);
-    function renderBlock($$renderer3, block) {
-      {
-        let contentForm = function($$renderer4) {
-          if (block.content_type) {
-            $$renderer4.push("<!--[-->");
-            ContentForm($$renderer4, {
-              data,
-              block,
-              node,
-              contentValue: block.content_type === "number" || block.content_type === "image" || block.content_type === "image_list" ? block.content?.value ?? (block.content_type === "image_list" ? [] : "") : block.content?.value?.[data.languageId] || "",
-              contentImageUrl: block.content_type === "image" ? data.contentImageUrls?.[block.id] : null,
-              contentImages: block.content_type === "image_list" ? data.contentImageUrls?.[block.id] || [] : []
-            });
-          } else {
-            $$renderer4.push("<!--[!-->");
-          }
-          $$renderer4.push(`<!--]-->`);
-        }, children = function($$renderer4) {
-          if (block.children && block.children.length > 0) {
-            $$renderer4.push("<!--[-->");
-            $$renderer4.push(`<div class="nestedBlocks svelte-15y8zm1"><!--[-->`);
-            const each_array = ensure_array_like(block.children);
-            for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
-              let childBlock = each_array[$$index];
-              renderBlock($$renderer4, childBlock);
-            }
-            $$renderer4.push(`<!--]--></div>`);
-          } else {
-            $$renderer4.push("<!--[!-->");
-          }
-          $$renderer4.push(`<!--]-->`);
-        };
-        BlockPreview($$renderer3, {
-          code: block.code || block.notes || `Block ${block.id}`,
-          title: block.title?.[data.languageId] || "",
-          hint: block.hint?.[data.languageId] || "",
-          contentType: block.content_type || "",
-          contentId: block.content?.id,
-          contentForm,
-          children
-        });
-      }
-    }
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      $$renderer3.push(`<div class="rightArea svelte-15y8zm1"><div class="header svelte-15y8zm1"><h2 class="title svelte-15y8zm1">Edit Node</h2> `);
-      Button($$renderer3, {
-        label: "Delete",
-        intent: "danger",
-        size: "28",
-        type: "button",
-        onclick: onDelete,
-        disabled: deleting || saving
-      });
-      $$renderer3.push(`<!----></div> <div class="editor svelte-15y8zm1">`);
-      if (detailedMode.value) {
-        $$renderer3.push("<!--[-->");
-        $$renderer3.push(`<div class="metaRow svelte-15y8zm1">`);
-        LabeledText($$renderer3, {
-          label: "id",
-          text: String(node?.id ?? ""),
-          textSize: "12px",
-          textColor: "var(--base600)",
-          labelColor: "var(--base300)"
-        });
-        $$renderer3.push(`<!----> `);
-        LabeledText($$renderer3, {
-          label: "sort",
-          text: String(node?.sort ?? ""),
-          textSize: "12px",
-          textColor: "var(--base600)",
-          labelColor: "var(--base300)"
-        });
-        $$renderer3.push(`<!----></div>`);
-      } else {
-        $$renderer3.push("<!--[!-->");
-      }
-      $$renderer3.push(`<!--]--> `);
-      {
-        let children = function($$renderer4) {
-          Input($$renderer4, {
-            id: "node-code",
-            size: "32",
-            placeholder: "Node code",
-            variant: "accent",
-            onblur: onBlur,
-            get value() {
-              return editCode;
-            },
-            set value($$value) {
-              editCode = $$value;
-              $$settled = false;
-            }
-          });
-        };
-        FormField($$renderer3, { label: "Code", children });
-      }
-      $$renderer3.push(`<!----> `);
-      if (detailedMode.value) {
-        $$renderer3.push("<!--[-->");
-        {
-          let children = function($$renderer4) {
-            Textarea($$renderer4, {
-              id: "node-notes",
-              placeholder: "Description (optional)",
-              variant: "accent",
-              onblur: onBlur,
-              get value() {
-                return editNotes;
-              },
-              set value($$value) {
-                editNotes = $$value;
-                $$settled = false;
-              }
-            });
-          };
-          FormField($$renderer3, { label: "Notes", children });
-        }
-      } else {
-        $$renderer3.push("<!--[!-->");
-      }
-      $$renderer3.push(`<!--]--> <div class="row svelte-15y8zm1">`);
-      {
-        let children = function($$renderer4) {
-          Dropdown($$renderer4, {
-            size: "32",
-            onchange: onBlur,
-            options: data.nodeTypes?.map((nt) => ({ value: nt.id, label: nt.code })) || [],
-            get value() {
-              return editNodeType;
-            },
-            set value($$value) {
-              editNodeType = $$value;
-              $$settled = false;
-            }
-          });
-        };
-        FormField($$renderer3, { label: "Node Type", children });
-      }
-      $$renderer3.push(`<!----> `);
-      {
-        let children = function($$renderer4) {
-          Dropdown($$renderer4, {
-            size: "32",
-            onchange: onBlur,
-            options: [
-              { value: "", label: "None" },
-              ...data.templates?.map((t) => ({ value: t.id, label: t.code || t.notes || `Template ${t.id}` })) || []
-            ],
-            get value() {
-              return editTemplate;
-            },
-            set value($$value) {
-              editTemplate = $$value;
-              $$settled = false;
-            }
-          });
-        };
-        FormField($$renderer3, { label: "Template", children });
-      }
-      $$renderer3.push(`<!----></div> <div class="imagesRow svelte-15y8zm1">`);
-      {
-        let children = function($$renderer4) {
-          $$renderer4.push(`<div class="coverImageWrapper svelte-15y8zm1">`);
-          ImageDropzone($$renderer4, {
-            src: coverImageUrl,
-            onchange: onCoverImageChange,
-            disabled: saving || uploadingImage
-          });
-          $$renderer4.push(`<!----></div>`);
-        };
-        FormField($$renderer3, { label: "Cover", children });
-      }
-      $$renderer3.push(`<!----> `);
-      {
-        let children = function($$renderer4) {
-          MultiImageUpload($$renderer4, {
-            images: data.galleryImages || [],
-            onupload: onGalleryUpload,
-            ondelete: onGalleryDelete,
-            disabled: saving
-          });
-        };
-        FormField($$renderer3, { label: "Gallery", children });
-      }
-      $$renderer3.push(`<!----></div> <hr class="svelte-15y8zm1"/> `);
-      LanguageTabs($$renderer3, {
-        languages: data.languages,
-        activeLanguage: data.languageId,
-        intents: languageIntents,
-        onclick: (lang) => {
-          const currentPath = store_get($$store_subs ??= {}, "$page", page).url.pathname;
-          currentPath.replace(/^\/[^\/]+/, `/${lang}`);
-          goto();
-        }
-      });
-      $$renderer3.push(`<!----> <div class="row svelte-15y8zm1">`);
-      {
-        let children = function($$renderer4) {
-          Input($$renderer4, {
-            id: `node-title-${stringify(data.languageId)}`,
-            size: "32",
-            placeholder: `Title in ${stringify(data.languageId)}`,
-            value: editTitle[data.languageId] || "",
-            oninput: (e) => {
-              editTitle = { ...editTitle, [data.languageId]: e.target.value };
-            },
-            onblur: onBlur
-          });
-        };
-        FormField($$renderer3, { label: "Title", children });
-      }
-      $$renderer3.push(`<!----> `);
-      {
-        let children = function($$renderer4) {
-          Input($$renderer4, {
-            id: `node-slug-${stringify(data.languageId)}`,
-            size: "32",
-            placeholder: `Slug in ${stringify(data.languageId)}`,
-            value: editSlug[data.languageId] || "",
-            oninput: (e) => {
-              editSlug = { ...editSlug, [data.languageId]: e.target.value };
-            },
-            onblur: onBlur
-          });
-        };
-        FormField($$renderer3, { label: "Slug", children });
-      }
-      $$renderer3.push(`<!----></div> `);
-      {
-        let children = function($$renderer4) {
-          Input($$renderer4, {
-            id: `node-subtitle-${stringify(data.languageId)}`,
-            size: "32",
-            placeholder: `Subtitle in ${stringify(data.languageId)}`,
-            value: editSubtitle[data.languageId] || "",
-            oninput: (e) => {
-              editSubtitle = { ...editSubtitle, [data.languageId]: e.target.value };
-            },
-            onblur: onBlur
-          });
-        };
-        FormField($$renderer3, { label: "Subtitle", children });
-      }
-      $$renderer3.push(`<!----> `);
-      if (blockHierarchy && blockHierarchy.length > 0) {
-        $$renderer3.push("<!--[-->");
-        $$renderer3.push(`<hr class="svelte-15y8zm1"/> <div class="sectionHeader svelte-15y8zm1"><div class="sectionTitle svelte-15y8zm1">Blocks and Content</div> `);
-        if (node._template) {
-          $$renderer3.push("<!--[-->");
-          Button($$renderer3, {
-            label: "View Template",
-            intent: "secondary",
-            size: "24",
-            type: "button",
-            onclick: () => goto(`/${data.languageId}/finder/${data.collection.id}/templates/${node._template}`)
-          });
-        } else {
-          $$renderer3.push("<!--[!-->");
-        }
-        $$renderer3.push(`<!--]--></div> <div class="blocksList svelte-15y8zm1"><!--[-->`);
-        const each_array_1 = ensure_array_like(blockHierarchy);
-        for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
-          let block = each_array_1[$$index_1];
-          renderBlock($$renderer3, block);
-        }
-        $$renderer3.push(`<!--]--></div>`);
-      } else {
-        $$renderer3.push("<!--[!-->");
-      }
-      $$renderer3.push(`<!--]--> <hr class="svelte-15y8zm1"/> `);
-      RelationForm($$renderer3, {
-        data,
-        node,
-        outgoingRelations: data.outgoingRelations || [],
-        incomingRelations: data.incomingRelations || []
-      });
-      $$renderer3.push(`<!----></div></div>`);
-    }
-    do {
-      $$settled = true;
-      $$inner_renderer = $$renderer2.copy();
-      $$render_inner($$inner_renderer);
-    } while (!$$settled);
-    $$renderer2.subsume($$inner_renderer);
-    if ($$store_subs) unsubscribe_stores($$store_subs);
-  });
-}
-function _page($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let { data } = $$props;
-    NodeForm($$renderer2, { data, node: data.node });
-  });
-}
-
-export { _page as default };
-//# sourceMappingURL=_page.svelte-D3xBojmc.js.map