bloko-studio 0.0.1

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

@@ -0,0 +1,1282 @@
+import { e as ensure_array_like, b as attr, s as stringify, d as store_get, u as unsubscribe_stores, a as attr_class } 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-Bca1pP2m.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 updateContent } from './data.remote-BmWRRAbj.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-wm2JkTIK.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 ImagePicker($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      value = null,
+      imageUrl = null,
+      images = [],
+      onchange,
+      disabled = false
+    } = $$props;
+    let showPicker = false;
+    let uploading = false;
+    function openPicker() {
+      if (disabled) return;
+      showPicker = true;
+    }
+    function clearImage() {
+      if (disabled) return;
+      onchange?.(null);
+    }
+    function openFilePicker() {
+    }
+    $$renderer2.push(`<div class="image-picker svelte-1cvd7ih">`);
+    if (imageUrl) {
+      $$renderer2.push("<!--[-->");
+      $$renderer2.push(`<div class="preview-container svelte-1cvd7ih"><img class="preview svelte-1cvd7ih"${attr("src", imageUrl)} alt=""/> <div class="overlay svelte-1cvd7ih">`);
+      Button($$renderer2, {
+        label: "Change",
+        size: "28",
+        intent: "primary",
+        onclick: openPicker,
+        disabled
+      });
+      $$renderer2.push(`<!----> `);
+      Button($$renderer2, {
+        label: "Remove",
+        size: "28",
+        intent: "danger",
+        onclick: clearImage,
+        disabled
+      });
+      $$renderer2.push(`<!----></div></div>`);
+    } else {
+      $$renderer2.push("<!--[!-->");
+      $$renderer2.push(`<button class="empty-state svelte-1cvd7ih"${attr("disabled", disabled, true)} type="button"><div class="icon svelte-1cvd7ih">🖼️</div> <div class="text svelte-1cvd7ih">Select cover image</div></button>`);
+    }
+    $$renderer2.push(`<!--]--> <input type="file" accept="image/*" hidden=""/></div> `);
+    if (showPicker) {
+      $$renderer2.push("<!--[-->");
+      $$renderer2.push(`<div class="modal-backdrop svelte-1cvd7ih" role="presentation"><div class="modal svelte-1cvd7ih" role="dialog"><div class="modal-header svelte-1cvd7ih"><h3 class="svelte-1cvd7ih">Select Image</h3> <button class="close-btn svelte-1cvd7ih" type="button">×</button></div> <div class="modal-body svelte-1cvd7ih"><div class="upload-section svelte-1cvd7ih">`);
+      Button($$renderer2, {
+        label: "Upload New Image",
+        size: "32",
+        intent: "primary",
+        onclick: openFilePicker,
+        disabled: uploading
+      });
+      $$renderer2.push(`<!----></div> `);
+      if (images.length > 0) {
+        $$renderer2.push("<!--[-->");
+        $$renderer2.push(`<div class="divider svelte-1cvd7ih"><span>or select from library</span></div> <div class="image-grid svelte-1cvd7ih"><!--[-->`);
+        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(`<button${attr_class("image-item svelte-1cvd7ih", void 0, { "selected": value === image.id })} type="button"><img${attr("src", image.url)}${attr("alt", image.file_name)} class="svelte-1cvd7ih"/> `);
+          if (value === image.id) {
+            $$renderer2.push("<!--[-->");
+            $$renderer2.push(`<div class="selected-badge svelte-1cvd7ih">✓</div>`);
+          } else {
+            $$renderer2.push("<!--[!-->");
+          }
+          $$renderer2.push(`<!--]--></button>`);
+        }
+        $$renderer2.push(`<!--]--></div>`);
+      } else {
+        $$renderer2.push("<!--[!-->");
+        $$renderer2.push(`<div class="no-images svelte-1cvd7ih"><p class="svelte-1cvd7ih">No images in library yet.</p> <p class="svelte-1cvd7ih">Upload your first image above.</p></div>`);
+      }
+      $$renderer2.push(`<!--]--></div></div></div>`);
+    } else {
+      $$renderer2.push("<!--[!-->");
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+function ContentForm($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { data, block, node, contentValue } = $$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 };
+    }
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      $$renderer3.push(`<div class="contentFormWrapper svelte-17bp990">`);
+      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(`<!--]--></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 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(imageId) {
+      if (!node) return;
+      editCoverImage = imageId;
+      if (imageId) {
+        const img = data.images?.find((i) => i.id === imageId);
+        coverImageUrl = img?.url || null;
+      } else {
+        coverImageUrl = null;
+      }
+      saving = true;
+      try {
+        await updateNode({ id: node.id, _cover_image: imageId });
+        await invalidate("app:nodes");
+        notifications.success("Cover image updated");
+      } catch (error) {
+        console.error("Save error:", error);
+        notifications.error("Failed to update cover image");
+        editCoverImage = node._cover_image || null;
+        coverImageUrl = data.coverImageUrl || null;
+      } finally {
+        saving = false;
+      }
+    }
+    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?.value ?? "" : block.content?.value?.[data.languageId] || ""
+            });
+          } 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> `);
+      {
+        let children = function($$renderer4) {
+          ImagePicker($$renderer4, {
+            value: editCoverImage,
+            imageUrl: coverImageUrl,
+            images: data.images || [],
+            onchange: onCoverImageChange,
+            disabled: saving
+          });
+        };
+        FormField($$renderer3, { label: "Cover Image", children });
+      }
+      $$renderer3.push(`<!----> <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-DHEMTmbt.js.map