bloko-studio 0.0.16 → 0.0.17

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

@@ -0,0 +1,1548 @@
+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-B25TYUvp.js';
+import { I as Input } from './TextArrayInput.svelte_svelte_type_style_lang-CUwd3H56.js';
+import { e as escape_html } from './escaping-CqgfEcN3.js';
+import { B as Button, F as FormField } from './FormField-CY1KNEIj.js';
+import { D as Dropdown } from './Dropdown-BzNenJZq.js';
+import { L as LabeledText } from './LabeledText-BCfBa02Y.js';
+import { L as LanguageTabs } from './LanguageTabs-KKbndp5D.js';
+import { n as notifications } from './Notification-CHkdCvrc.js';
+import { T as Textarea } from './Textarea-CihpFp54.js';
+import { i as invalidate, g as goto } from './client-DQdAew_Q.js';
+import { p as page } from './stores-CvADriIQ.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-cgpQTrDf.js';
+import { d as detailedMode } from './globals.svelte-CF7bdd9Z.js';
+import './utils2-CMYnPZWH.js';
+import './context-H6NpHtt-.js';
+import './index-ku2qcDDa.js';
+import './exports-Cv9LZeD1.js';
+import './utils-UnnCNxc8.js';
+import './state.svelte-CzGKJII0.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, onreorder, disabled = false } = $$props;
+    let uploading = false;
+    let dragging = false;
+    let draggedIndex = null;
+    let dragOverIndex = null;
+    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${attr_class("imageItem svelte-1tlyvbx", void 0, {
+          "dragOver": dragOverIndex === index && draggedIndex !== index,
+          "isDragging": draggedIndex === index
+        })}${attr("draggable", !disabled && !!onreorder)} role="listitem"><img${attr("src", image.url)}${attr("alt", image.file_name || "")} class="svelte-1tlyvbx"/> `);
+        if (onreorder && !disabled) {
+          $$renderer2.push("<!--[-->");
+          $$renderer2.push(`<div class="dragHandle svelte-1tlyvbx" aria-label="Drag to reorder">⋮⋮</div>`);
+        } else {
+          $$renderer2.push("<!--[!-->");
+        }
+        $$renderer2.push(`<!--]--> `);
+        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;
+      }
+    }
+    async function onImageListReorder(newIds) {
+      saving = true;
+      try {
+        await updateContent({ _node: node.id, _block: block.id, value: newIds });
+        await invalidate("app:nodes");
+        notifications.success("Images reordered");
+      } catch (error) {
+        console.error("Image reorder error:", error);
+        notifications.error("Failed to reorder images");
+      } finally {
+        saving = false;
+      }
+    }
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      $$renderer3.push(`<div class="contentFormWrapper svelte-1cupviq">`);
+      if (block.content_type === "image") {
+        $$renderer3.push("<!--[-->");
+        $$renderer3.push(`<div class="imageWrapper svelte-1cupviq">`);
+        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-1cupviq">`);
+          MultiImageUpload($$renderer3, {
+            images: contentImages,
+            onupload: onImageListUpload,
+            ondelete: onImageListDelete,
+            onreorder: onImageListReorder,
+            disabled: saving
+          });
+          $$renderer3.push(`<!----></div>`);
+        } else {
+          $$renderer3.push("<!--[!-->");
+          if (contentExists) {
+            $$renderer3.push("<!--[-->");
+            $$renderer3.push(`<div class="inputWrapper svelte-1cupviq">`);
+            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-1cupviq"><!--[-->`);
+                    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-1cupviq">`);
+                      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-1cupviq"><!--[-->`);
+                      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-1cupviq"><div class="titledListItemHeader svelte-1cupviq"><span class="itemNumber svelte-1cupviq">${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-1cupviq">`);
+                        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-1j6lbxz"><div class="sectionHeader svelte-1j6lbxz"><div class="sectionTitle svelte-1j6lbxz">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-1j6lbxz">`);
+        if (previewText) {
+          $$renderer3.push("<!--[-->");
+          $$renderer3.push(`<div class="previewText svelte-1j6lbxz">${escape_html(previewText)}</div>`);
+        } else {
+          $$renderer3.push("<!--[!-->");
+        }
+        $$renderer3.push(`<!--]--> <div class="formRow svelte-1j6lbxz"><div class="formField svelte-1j6lbxz"><label class="label svelte-1j6lbxz">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-1j6lbxz"><div class="formField svelte-1j6lbxz"><label class="label svelte-1j6lbxz">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-1j6lbxz"><label class="label svelte-1j6lbxz">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-1j6lbxz"><label class="label svelte-1j6lbxz">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-1j6lbxz">`);
+        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-1j6lbxz"><!--[-->`);
+        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-1j6lbxz"><span class="relationText svelte-1j6lbxz"><span class="nodeCode svelte-1j6lbxz">${escape_html(node.code || node.title?.[data.languageId] || "unknown")}</span> <span class="relationCode svelte-1j6lbxz">${escape_html(relation.relation_type_title?.[data.languageId] || relation.relation_type_code)}</span> <a class="nodeLink svelte-1j6lbxz"${attr("href", `/finder/${stringify(data.languageId)}/${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-1j6lbxz">No outgoing relations</div>`);
+        } else {
+          $$renderer3.push("<!--[!-->");
+        }
+        $$renderer3.push(`<!--]-->`);
+      }
+      $$renderer3.push(`<!--]--> <div class="sectionHeader svelte-1j6lbxz"><div class="sectionTitle svelte-1j6lbxz">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-1j6lbxz">`);
+        if (previewText) {
+          $$renderer3.push("<!--[-->");
+          $$renderer3.push(`<div class="previewText svelte-1j6lbxz">${escape_html(previewText)}</div>`);
+        } else {
+          $$renderer3.push("<!--[!-->");
+        }
+        $$renderer3.push(`<!--]--> <div class="formRow svelte-1j6lbxz"><div class="formField svelte-1j6lbxz"><label class="label svelte-1j6lbxz">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-1j6lbxz"><div class="formField svelte-1j6lbxz"><label class="label svelte-1j6lbxz">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-1j6lbxz"><label class="label svelte-1j6lbxz">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-1j6lbxz"><label class="label svelte-1j6lbxz">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-1j6lbxz">`);
+        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-1j6lbxz"><!--[-->`);
+        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-1j6lbxz"><span class="relationText svelte-1j6lbxz"><span class="nodeCode svelte-1j6lbxz">${escape_html(node.code || node.title?.[data.languageId] || "unknown")}</span> <span class="relationCode svelte-1j6lbxz">${escape_html(relation.relation_type_title?.[data.languageId] || relation.relation_type_code)}</span> <a class="nodeLink svelte-1j6lbxz"${attr("href", `/finder/${stringify(data.languageId)}/${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-1j6lbxz">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 onGalleryReorder(newIds) {
+      if (!node) return;
+      await updateNode({ id: node.id, _images: newIds });
+      await invalidate();
+      notifications.success("Images reordered");
+    }
+    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(`/finder/${data.languageId}/${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-7qq7s7"><!--[-->`);
+            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-7qq7s7"><div class="header svelte-7qq7s7"><h2 class="title svelte-7qq7s7">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-7qq7s7">`);
+      if (detailedMode.value) {
+        $$renderer3.push("<!--[-->");
+        $$renderer3.push(`<div class="metaRow svelte-7qq7s7">`);
+        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-7qq7s7">`);
+      {
+        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-7qq7s7">`);
+      {
+        let children = function($$renderer4) {
+          $$renderer4.push(`<div class="coverImageWrapper svelte-7qq7s7">`);
+          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,
+            onreorder: onGalleryReorder,
+            disabled: saving
+          });
+        };
+        FormField($$renderer3, { label: "Gallery", children });
+      }
+      $$renderer3.push(`<!----></div> <hr class="svelte-7qq7s7"/> `);
+      LanguageTabs($$renderer3, {
+        languages: data.languages,
+        activeLanguage: data.languageId,
+        intents: languageIntents,
+        onclick: (lang) => {
+          const currentPath = store_get($$store_subs ??= {}, "$page", page).url.pathname;
+          currentPath.replace(/^(\/finder)\/[^\/]+/, `$1/${lang}`);
+          goto();
+        }
+      });
+      $$renderer3.push(`<!----> <div class="row svelte-7qq7s7">`);
+      {
+        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-7qq7s7"/> <div class="sectionHeader svelte-7qq7s7"><div class="sectionTitle svelte-7qq7s7">Blocks and Content</div> `);
+        if (node._template) {
+          $$renderer3.push("<!--[-->");
+          Button($$renderer3, {
+            label: "View Template",
+            intent: "secondary",
+            size: "24",
+            type: "button",
+            onclick: () => goto(`/finder/${data.languageId}/${data.collection.id}/templates/${node._template}`)
+          });
+        } else {
+          $$renderer3.push("<!--[!-->");
+        }
+        $$renderer3.push(`<!--]--></div> <div class="blocksList svelte-7qq7s7"><!--[-->`);
+        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-7qq7s7"/> `);
+      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-BBAFa6g1.js.map