@mindflight/mindbrain-personal-studio 0.6.1

package/build/server/chunks/entries/pages/_page.svelte.js-DMEbD3K6.js

@@ -0,0 +1,891 @@
+import { a2 as attr_class, a3 as ensure_array_like, a0 as escape_html, a4 as bind_props, T as derived, $ as attr, a5 as attr_style, a6 as element } from '../../chunks/renderer.js-DsOhU1UZ.js';
+import '../../chunks/edgeLinkModes.js-CfRqrZtd.js';
+import { A as ALL_ONTOLOGIES } from '../../chunks/ontologyInspect.js-Dm3l7KgF.js';
+import '../../chunks/render-context.js-CTu5Wkzp.js';
+
+const LAYOUT_TEMPLATES = [
+  { id: "circular_force", label: "Circular + ForceAtlas2 (default)" },
+  { id: "circular_only", label: "Circular ring only" },
+  { id: "random_force", label: "Random seed + ForceAtlas2" },
+  { id: "linlog_clusters", label: "ForceAtlas2 LinLog (clusters)" }
+];
+const PLATFORM_HULL_DEPTH = 3;
+const CHANTIER_WEEK_GRAPH_DEPTH = 2;
+function GraphCanvas($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      ontologyKey = "all",
+      providerKey = null,
+      layoutTemplate = "circular_force",
+      dbKey = "default",
+      edgeLinkMode = "all",
+      expandHops = 0,
+      focusCompositionOnly = false,
+      graphSource = "auto",
+      workspaceId = null,
+      scenarioId = null,
+      topK = 30,
+      groupByDimension = null,
+      dataSource = "sqlite-demo",
+      brainSeedIds = [],
+      facetFilter = null,
+      legendBlocks = [],
+      onSelect
+      /** Native graph: extra hops beyond `type:*` seed (see /api/graph expandHops). */
+      /** Kept for compatibility with the original canvas props; SQLite light always returns `graph`. */
+      /** Native graph: `metadata->>'scenario_id'` subgraph + 1-hop expand; forces `source=graph` on fetch. */
+      /**
+       * Facet key to group nodes spatially before ForceAtlas2 (e.g. 'entity_layer', 'criticality').
+       * When set, cluster pre-layout replaces the normal seed; null = standard layout template.
+       */
+    } = $$props;
+    $$renderer2.push(`<div class="wrap svelte-11bec40"><div class="canvas svelte-11bec40" aria-label="Knowledge graph visualization"></div> `);
+    {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="overlay svelte-11bec40">Loading graph…</div>`);
+    }
+    $$renderer2.push(`<!--]--> `);
+    {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div>`);
+    bind_props($$props, { facetFilter, legendBlocks });
+  });
+}
+function SearchBar($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let mode = "graph";
+    let query = "";
+    let loading = false;
+    let results = [];
+    let focusedKey = "";
+    $$renderer2.push(`<section class="search svelte-yyldap" aria-label="Graph search"><form class="search-form svelte-yyldap">`);
+    $$renderer2.select(
+      { value: mode, "aria-label": "Search mode", class: "" },
+      ($$renderer3) => {
+        $$renderer3.option({ value: "graph" }, ($$renderer4) => {
+          $$renderer4.push(`Graph`);
+        });
+        $$renderer3.option({ value: "bm25" }, ($$renderer4) => {
+          $$renderer4.push(`BM25`);
+        });
+      },
+      "svelte-yyldap"
+    );
+    $$renderer2.push(` <input${attr("value", query)} placeholder="Search graph" aria-label="Search query" class="svelte-yyldap"/> <button type="submit"${attr("disabled", loading, true)} class="svelte-yyldap">${escape_html("Search")}</button></form></section> `);
+    {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (results.length > 0) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="results svelte-yyldap"><!--[-->`);
+      const each_array = ensure_array_like(results.slice(0, 8));
+      for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+        let result = each_array[$$index];
+        $$renderer2.push(`<div${attr_class("result-wrap svelte-yyldap", void 0, { "focused": focusedKey === result.key })}><button type="button" class="result svelte-yyldap"${attr("disabled", result.entityId == null, true)}><span class="result-label svelte-yyldap">${escape_html(result.label)}</span> `);
+        if (result.subtitle) {
+          $$renderer2.push("<!--[0-->");
+          $$renderer2.push(`<span class="result-sub svelte-yyldap">${escape_html(result.subtitle)}</span>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--></button> `);
+        if (focusedKey === result.key) {
+          $$renderer2.push("<!--[0-->");
+          $$renderer2.push(`<button type="button" class="clear-result svelte-yyldap"${attr("aria-label", `Clear search focus for ${result.label}`)} title="Clear search focus">×</button>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--></div>`);
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+function GraphLegend($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      legendBlocks = [],
+      facetFilter = null,
+      focusDepth = 2,
+      variant = "all"
+    } = $$props;
+    function isFacetBlock(block) {
+      return block.rows.some((row) => row.facetFilter);
+    }
+    const visibleBlocks = derived(() => variant === "all" ? legendBlocks : variant === "facets" ? legendBlocks.filter(isFacetBlock) : legendBlocks.filter((block) => !isFacetBlock(block)));
+    function facetFiltersEqual(a, b) {
+      if (a === b) return true;
+      if (!a || !b) return false;
+      if (a.kind !== b.kind) return false;
+      if (a.kind === "scalar" && b.kind === "scalar") {
+        return a.key === b.key && a.value === b.value;
+      }
+      if (a.kind === "platform_hull" && b.kind === "platform_hull") {
+        return a.platformId === b.platformId;
+      }
+      if (a.kind === "abstraction" && b.kind === "abstraction") {
+        return a.value === b.value;
+      }
+      if (a.kind === "chantier_week_neighborhood" && b.kind === "chantier_week_neighborhood") {
+        return a.week === b.week;
+      }
+      if (a.kind === "audit_phase_neighborhood" && b.kind === "audit_phase_neighborhood") {
+        return a.phase === b.phase;
+      }
+      return false;
+    }
+    function facetFilterLabel(f) {
+      if (f.kind === "scalar") return `${f.key} = ${f.value}`;
+      if (f.kind === "abstraction") return `abstraction = ${f.value}`;
+      if (f.kind === "chantier_week_neighborhood") {
+        return `week_number = ${f.week} (≤${CHANTIER_WEEK_GRAPH_DEPTH} hops)`;
+      }
+      if (f.kind === "audit_phase_neighborhood") return `audit_phase = ${f.phase}`;
+      return `hull = ${f.platformId}`;
+    }
+    function rowFacetActive(row) {
+      return !!(row.facetFilter && facetFiltersEqual(facetFilter, row.facetFilter));
+    }
+    let expandedBlocks = /* @__PURE__ */ new Set();
+    function blockKey(block) {
+      return block.title;
+    }
+    function isBlockExpanded(key) {
+      return expandedBlocks.has(key);
+    }
+    function blockHasActiveFilter(block) {
+      return block.rows.some((row) => rowFacetActive(row));
+    }
+    $$renderer2.push(`<div class="legend svelte-lmk6mp"${attr("aria-label", variant === "facets" ? "Graph facets" : "Graph legend")}>`);
+    if (variant === "all" || variant === "legend") {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="legend-hint svelte-lmk6mp"><p class="legend-hint-line svelte-lmk6mp"><strong>Node</strong>: neighborhood ≤${escape_html(focusDepth)} hops · <strong>Background</strong>: reset selection</p> `);
+      if (variant === "all") {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<p class="legend-hint-line svelte-lmk6mp"><strong>Facet row</strong>: filter graph — chantier weeks use <code class="svelte-lmk6mp">week_number</code> + neighbors
+					≤${escape_html(CHANTIER_WEEK_GRAPH_DEPTH)} hops; click the same row again to clear</p>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> <p class="legend-hint-line svelte-lmk6mp">`);
+      if (variant === "all") {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<strong>Ship</strong>: hull ≤${escape_html(PLATFORM_HULL_DEPTH)} hops ·`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> <strong>Links</strong>: edge mode + composition when a node is focused</p></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (variant === "all" || variant === "facets") {
+      $$renderer2.push("<!--[0-->");
+      if (variant === "facets") {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<div class="legend-hint svelte-lmk6mp"><p class="legend-hint-line svelte-lmk6mp"><strong>Facet row</strong>: filter graph — chantier weeks use <code class="svelte-lmk6mp">week_number</code> + neighbors
+					≤${escape_html(CHANTIER_WEEK_GRAPH_DEPTH)} hops; click the same row again to clear</p> <p class="legend-hint-line svelte-lmk6mp"><strong>Ship</strong>: hull ≤${escape_html(PLATFORM_HULL_DEPTH)} hops</p></div>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (facetFilter) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<div class="legend-active svelte-lmk6mp" role="status" aria-label="Active facet filter"><span class="svelte-lmk6mp">Active filter</span> <strong class="svelte-lmk6mp">${escape_html(facetFilterLabel(facetFilter))}</strong> <button type="button" class="svelte-lmk6mp">clear</button></div>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]-->`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (visibleBlocks().length === 0) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<p class="legend-empty svelte-lmk6mp">`);
+      if (variant === "facets") {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`No facet dimensions in this graph.`);
+      } else if (variant === "legend") {
+        $$renderer2.push("<!--[1-->");
+        $$renderer2.push(`Load a graph to see ontology and relation colours.`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+        $$renderer2.push(`Load a graph to see ontology and relation facets.`);
+      }
+      $$renderer2.push(`<!--]--></p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      $$renderer2.push(`<!--[-->`);
+      const each_array = ensure_array_like(visibleBlocks());
+      for (let $$index_1 = 0, $$length = each_array.length; $$index_1 < $$length; $$index_1++) {
+        let block = each_array[$$index_1];
+        $$renderer2.push(`<div class="legend-block svelte-lmk6mp"><button type="button"${attr_class("legend-block-toggle svelte-lmk6mp", void 0, { "legend-block-toggle--active": blockHasActiveFilter(block) })}${attr("aria-expanded", isBlockExpanded(blockKey(block)))}><span${attr_class("block-chevron svelte-lmk6mp", void 0, { "expanded": isBlockExpanded(blockKey(block)) })} aria-hidden="true">›</span> <span class="legend-block-title svelte-lmk6mp">${escape_html(block.title)}</span></button> `);
+        if (isBlockExpanded(blockKey(block))) {
+          $$renderer2.push("<!--[0-->");
+          $$renderer2.push(`<div class="legend-block-rows svelte-lmk6mp"><!--[-->`);
+          const each_array_1 = ensure_array_like(block.rows);
+          for (let $$index = 0, $$length2 = each_array_1.length; $$index < $$length2; $$index++) {
+            let row = each_array_1[$$index];
+            if (row.facetFilter) {
+              $$renderer2.push("<!--[0-->");
+              $$renderer2.push(`<button type="button"${attr_class("legend-row legend-row--clickable svelte-lmk6mp", void 0, { "legend-row--active": rowFacetActive(row) })}><span class="swatch svelte-lmk6mp"${attr_style("", { background: row.swatch })}></span> <span class="legend-label svelte-lmk6mp">${escape_html(row.label)}</span></button>`);
+            } else {
+              $$renderer2.push("<!--[-1-->");
+              $$renderer2.push(`<div class="legend-row svelte-lmk6mp"><span class="swatch svelte-lmk6mp"${attr_style("", { background: row.swatch })}></span> <span class="legend-label svelte-lmk6mp">${escape_html(row.label)}</span></div>`);
+            }
+            $$renderer2.push(`<!--]-->`);
+          }
+          $$renderer2.push(`<!--]--></div>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--></div>`);
+      }
+      $$renderer2.push(`<!--]-->`);
+    }
+    $$renderer2.push(`<!--]--></div>`);
+    bind_props($$props, { facetFilter });
+  });
+}
+function InspectorPanel($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      selection = null,
+      ontologyId = "",
+      workspaceId = "",
+      onOpenType,
+      embedded = false
+    } = $$props;
+    element(
+      $$renderer2,
+      embedded ? "div" : "aside",
+      () => {
+        $$renderer2.push(`${attr_class("inspector svelte-k2kih7", void 0, { "embedded": embedded })}`);
+      },
+      () => {
+        if (!embedded) {
+          $$renderer2.push("<!--[0-->");
+          $$renderer2.push(`<h2 class="svelte-k2kih7">Inspector</h2>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--> `);
+        if (!selection) {
+          $$renderer2.push("<!--[0-->");
+          $$renderer2.push(`<p class="muted svelte-k2kih7">Select a node or edge to inspect instance facts and ontology definition.</p>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+          {
+            $$renderer2.push("<!--[-1-->");
+          }
+          $$renderer2.push(`<!--]--> `);
+          {
+            $$renderer2.push("<!--[-1-->");
+          }
+          $$renderer2.push(`<!--]--> `);
+          {
+            $$renderer2.push("<!--[-1-->");
+          }
+          $$renderer2.push(`<!--]--> `);
+          {
+            $$renderer2.push("<!--[-1-->");
+          }
+          $$renderer2.push(`<!--]--> <button type="button" class="toggle-raw svelte-k2kih7">${escape_html("Show raw JSON")}</button> `);
+          {
+            $$renderer2.push("<!--[-1-->");
+          }
+          $$renderer2.push(`<!--]-->`);
+        }
+        $$renderer2.push(`<!--]-->`);
+      }
+    );
+    bind_props($$props, { selection });
+  });
+}
+function InspectorColumn($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      open = false,
+      sections = {
+        search: true,
+        display: false,
+        facets: false,
+        legend: false,
+        selection: true
+      },
+      showGraphTools = false,
+      brainOnline = false,
+      selection = null,
+      ontologyId = "",
+      workspaceId = "",
+      onOpenType,
+      ontologyKey = "all",
+      layoutTemplate = "circular_force",
+      edgeLinkMode = "all",
+      topK = "30",
+      ontologies = [],
+      ontologyLabel,
+      onOntologyChange,
+      filterEntityType,
+      onSeeds,
+      legendBlocks = [],
+      facetFilter = null
+    } = $$props;
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      $$renderer3.push(`<aside${attr_class("shell svelte-9xspyz", void 0, { "open": open })} aria-label="Inspector sidebar"><button type="button"${attr_class("rail svelte-9xspyz", void 0, { "active": open })}${attr("aria-expanded", open)} aria-controls="inspector-panel"><span class="rail-label svelte-9xspyz">Inspector</span> <span class="rail-chevron svelte-9xspyz" aria-hidden="true">${escape_html(open ? "▸" : "◂")}</span></button> `);
+      if (open) {
+        $$renderer3.push("<!--[0-->");
+        $$renderer3.push(`<div id="inspector-panel" class="panel svelte-9xspyz"><div class="sections svelte-9xspyz"><div class="sections-upper svelte-9xspyz">`);
+        if (showGraphTools && brainOnline) {
+          $$renderer3.push("<!--[0-->");
+          $$renderer3.push(`<section class="collapsible svelte-9xspyz"><button type="button" class="section-toggle svelte-9xspyz"><span${attr_class("chevron svelte-9xspyz", void 0, { "expanded": sections.search })} aria-hidden="true">›</span> Search</button> `);
+          if (sections.search) {
+            $$renderer3.push("<!--[0-->");
+            $$renderer3.push(`<div class="section-body svelte-9xspyz">`);
+            SearchBar($$renderer3, {
+              workspaceId: workspaceId.trim() || "default",
+              entityType: filterEntityType?.() ?? null
+            });
+            $$renderer3.push(`<!----></div>`);
+          } else {
+            $$renderer3.push("<!--[-1-->");
+          }
+          $$renderer3.push(`<!--]--></section> <section class="collapsible svelte-9xspyz"><button type="button" class="section-toggle svelte-9xspyz"><span${attr_class("chevron svelte-9xspyz", void 0, { "expanded": sections.display })} aria-hidden="true">›</span> Display</button> `);
+          if (sections.display) {
+            $$renderer3.push("<!--[0-->");
+            $$renderer3.push(`<div class="section-body display-fields svelte-9xspyz"><label class="field svelte-9xspyz"><span class="field-label svelte-9xspyz">Filter type</span> `);
+            $$renderer3.select(
+              {
+                class: "select",
+                value: ontologyKey,
+                onchange: onOntologyChange,
+                "aria-label": "Filter type"
+              },
+              ($$renderer4) => {
+                $$renderer4.option({ value: "all" }, ($$renderer5) => {
+                  $$renderer5.push(`${escape_html(ontologyLabel?.("all") ?? "All entity types")}`);
+                });
+                $$renderer4.push(`<!--[-->`);
+                const each_array = ensure_array_like(ontologies);
+                for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+                  let o = each_array[$$index];
+                  $$renderer4.option({ value: o.id }, ($$renderer5) => {
+                    $$renderer5.push(`${escape_html(ontologyLabel?.(o.id) ?? o.id)} (${escape_html(o.nodeCount)})`);
+                  });
+                }
+                $$renderer4.push(`<!--]-->`);
+              },
+              "svelte-9xspyz"
+            );
+            $$renderer3.push(`</label> <label class="field svelte-9xspyz"><span class="field-label svelte-9xspyz">Layout</span> `);
+            $$renderer3.select(
+              {
+                class: "select",
+                value: layoutTemplate,
+                "aria-label": "Graph layout template"
+              },
+              ($$renderer4) => {
+                $$renderer4.push(`<!--[-->`);
+                const each_array_1 = ensure_array_like(LAYOUT_TEMPLATES);
+                for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
+                  let t = each_array_1[$$index_1];
+                  $$renderer4.option({ value: t.id }, ($$renderer5) => {
+                    $$renderer5.push(`${escape_html(t.label)}`);
+                  });
+                }
+                $$renderer4.push(`<!--]-->`);
+              },
+              "svelte-9xspyz"
+            );
+            $$renderer3.push(`</label> <label class="field svelte-9xspyz"><span class="field-label svelte-9xspyz">Links</span> `);
+            $$renderer3.select(
+              {
+                class: "select",
+                value: edgeLinkMode,
+                "aria-label": "Edge link semantics"
+              },
+              ($$renderer4) => {
+                $$renderer4.option({ value: "all" }, ($$renderer5) => {
+                  $$renderer5.push(`All edge types`);
+                });
+                $$renderer4.option({ value: "composition" }, ($$renderer5) => {
+                  $$renderer5.push(`Composition`);
+                });
+                $$renderer4.option({ value: "discovery" }, ($$renderer5) => {
+                  $$renderer5.push(`Discovery`);
+                });
+              },
+              "svelte-9xspyz"
+            );
+            $$renderer3.push(`</label> <label class="field svelte-9xspyz"><span class="field-label svelte-9xspyz">TopK</span> `);
+            $$renderer3.select(
+              {
+                class: "select",
+                value: topK,
+                "aria-label": "Maximum links per source node"
+              },
+              ($$renderer4) => {
+                $$renderer4.option({ value: "10" }, ($$renderer5) => {
+                  $$renderer5.push(`10 per source`);
+                });
+                $$renderer4.option({ value: "30" }, ($$renderer5) => {
+                  $$renderer5.push(`30 per source`);
+                });
+                $$renderer4.option({ value: "100" }, ($$renderer5) => {
+                  $$renderer5.push(`100 per source`);
+                });
+                $$renderer4.option({ value: "none" }, ($$renderer5) => {
+                  $$renderer5.push(`All links`);
+                });
+              },
+              "svelte-9xspyz"
+            );
+            $$renderer3.push(`</label></div>`);
+          } else {
+            $$renderer3.push("<!--[-1-->");
+          }
+          $$renderer3.push(`<!--]--></section> <section class="collapsible svelte-9xspyz"><button type="button" class="section-toggle svelte-9xspyz"><span${attr_class("chevron svelte-9xspyz", void 0, { "expanded": sections.legend })} aria-hidden="true">›</span> Legend</button> `);
+          if (sections.legend) {
+            $$renderer3.push("<!--[0-->");
+            $$renderer3.push(`<div class="section-body svelte-9xspyz">`);
+            GraphLegend($$renderer3, {
+              legendBlocks,
+              variant: "legend",
+              get facetFilter() {
+                return facetFilter;
+              },
+              set facetFilter($$value) {
+                facetFilter = $$value;
+                $$settled = false;
+              }
+            });
+            $$renderer3.push(`<!----></div>`);
+          } else {
+            $$renderer3.push("<!--[-1-->");
+          }
+          $$renderer3.push(`<!--]--></section>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--> <section class="collapsible svelte-9xspyz"><button type="button" class="section-toggle svelte-9xspyz"><span${attr_class("chevron svelte-9xspyz", void 0, { "expanded": sections.selection })} aria-hidden="true">›</span> Selection</button> `);
+        if (sections.selection) {
+          $$renderer3.push("<!--[0-->");
+          $$renderer3.push(`<div class="section-body selection-body svelte-9xspyz">`);
+          InspectorPanel($$renderer3, {
+            embedded: true,
+            ontologyId,
+            workspaceId,
+            onOpenType,
+            get selection() {
+              return selection;
+            },
+            set selection($$value) {
+              selection = $$value;
+              $$settled = false;
+            }
+          });
+          $$renderer3.push(`<!----></div>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--></section></div> `);
+        if (showGraphTools && brainOnline) {
+          $$renderer3.push("<!--[0-->");
+          $$renderer3.push(`<section${attr_class("collapsible collapsible-grow svelte-9xspyz", void 0, { "expanded": sections.facets })}><button type="button" class="section-toggle svelte-9xspyz"><span${attr_class("chevron svelte-9xspyz", void 0, { "expanded": sections.facets })} aria-hidden="true">›</span> Facets</button> `);
+          if (sections.facets) {
+            $$renderer3.push("<!--[0-->");
+            $$renderer3.push(`<div class="section-body grow-body svelte-9xspyz">`);
+            GraphLegend($$renderer3, {
+              legendBlocks,
+              variant: "facets",
+              get facetFilter() {
+                return facetFilter;
+              },
+              set facetFilter($$value) {
+                facetFilter = $$value;
+                $$settled = false;
+              }
+            });
+            $$renderer3.push(`<!----></div>`);
+          } else {
+            $$renderer3.push("<!--[-1-->");
+          }
+          $$renderer3.push(`<!--]--></section>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--></div></div>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--></aside>`);
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+    bind_props($$props, {
+      open,
+      sections,
+      selection,
+      ontologyKey,
+      layoutTemplate,
+      edgeLinkMode,
+      topK,
+      facetFilter
+    });
+  });
+}
+function _page($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let activeTab = "donnees";
+    let ontologyKey = "all";
+    let layoutTemplate = "circular_force";
+    let edgeLinkMode = "all";
+    let workspaceId = "";
+    let ontologyId = "";
+    let topK = "30";
+    let graphWorkspaces = [];
+    let ontologies = [];
+    let brainOntologies = [];
+    let ontologiesError = null;
+    let brainOnline = null;
+    let dataSource = "brain";
+    let inspectorSelection = null;
+    let brainSeedIds = [];
+    let inspectorOpen = false;
+    let inspectorSections = {
+      search: true,
+      display: false,
+      facets: false,
+      legend: false,
+      selection: true
+    };
+    let graphFacetFilter = null;
+    let graphLegendBlocks = [];
+    let effectiveTopK = derived(() => topK === "none" ? null : Number(topK));
+    let effectiveGraphDataSource = derived(() => workspaceId.trim() === "immeuble-demo" ? "sqlite-demo" : dataSource);
+    let effectiveInspectorOntologyId = derived(() => {
+      const sel = inspectorSelection;
+      if (sel?.kind === "ontology" && sel.payload?.ontology_id) {
+        return String(sel.payload.ontology_id);
+      }
+      return ontologyId === ALL_ONTOLOGIES ? "" : ontologyId;
+    });
+    async function loadOntologies() {
+      ontologiesError = null;
+      try {
+        const q = new URLSearchParams();
+        if (workspaceId) q.set("workspace", workspaceId);
+        const r = await fetch(`/api/graph/ontologies?${q}`);
+        if (!r.ok) throw new Error(r.statusText);
+        const d = await r.json();
+        ontologies = d.ontologies ?? [];
+        graphWorkspaces = d.graphWorkspaces ?? [];
+        if (workspaceId && !graphWorkspaces.some((w) => w.id === workspaceId)) {
+          workspaceId = "";
+        }
+        if (ontologyKey !== "all" && !ontologies.some((o) => o.id === ontologyKey)) {
+          ontologyKey = "all";
+        }
+      } catch (e) {
+        ontologiesError = e instanceof Error ? e.message : String(e);
+      }
+    }
+    function onWorkspaceChange(ev) {
+      const el = ev.currentTarget;
+      workspaceId = el.value;
+      ontologyKey = "all";
+      brainSeedIds = [];
+      inspectorSelection = null;
+      {
+        void loadOntologies();
+      }
+    }
+    function onOntologyChange(ev) {
+      const el = ev.currentTarget;
+      ontologyKey = el.value;
+    }
+    function onBrainOntologyChange(ev) {
+      const el = ev.currentTarget;
+      ontologyId = el.value;
+    }
+    function ontologyLabel(id) {
+      if (id === "all") return "All entity types";
+      const known = ontologies.find((o) => o.id === id);
+      if (known?.label) return known.label;
+      if (id.toLowerCase().startsWith("type:")) return id.slice(5);
+      return id;
+    }
+    function filterEntityType() {
+      if (ontologyKey === "all") return null;
+      return ontologyLabel(ontologyKey);
+    }
+    function focusInspectorSelection(next) {
+      inspectorSelection = next;
+      inspectorOpen = true;
+      if (next) {
+        inspectorSections = { ...inspectorSections, selection: true };
+      }
+    }
+    function openTypeInModele(typeName, nodeKind) {
+      activeTab = "modele";
+      focusInspectorSelection({ kind: "ontology", nodeKind, typeName });
+    }
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      $$renderer3.push(`<main class="page svelte-1uha8ag"><header class="bar svelte-1uha8ag"><div class="bar-top svelte-1uha8ag"><div class="title-block svelte-1uha8ag"><h1 class="svelte-1uha8ag">GhostCrab Graph Explorer</h1> <span class="hint svelte-1uha8ag"><span${attr_class("health-badge svelte-1uha8ag", void 0, {
+        "online": brainOnline === true,
+        "offline": brainOnline === false,
+        "demo": dataSource === "sqlite-demo"
+      })}></span> `);
+      {
+        $$renderer3.push("<!--[-1-->");
+        $$renderer3.push(`Brain offline · demo fallback recommended`);
+      }
+      $$renderer3.push(`<!--]--></span></div> <div class="tabs svelte-1uha8ag"><button${attr_class("svelte-1uha8ag", void 0, { "active": activeTab === "modele" })}>Modèle</button> <button${attr_class("svelte-1uha8ag", void 0, { "active": activeTab === "donnees" })}>Données</button> <button${attr_class("svelte-1uha8ag", void 0, { "active": activeTab === "projections" })}>Projections</button> <button${attr_class("svelte-1uha8ag", void 0, { "active": activeTab === "rules" })}>Rules</button></div> <div class="controls svelte-1uha8ag"><label class="field field-workspace svelte-1uha8ag"><span class="field-label svelte-1uha8ag">Workspace</span> `);
+      $$renderer3.select(
+        {
+          class: "select",
+          value: workspaceId,
+          onchange: onWorkspaceChange,
+          "aria-label": "Workspace"
+        },
+        ($$renderer4) => {
+          {
+            $$renderer4.push("<!--[0-->");
+            $$renderer4.option({ value: "" }, ($$renderer5) => {
+              $$renderer5.push(`All workspaces`);
+            });
+          }
+          $$renderer4.push(`<!--]--><!--[-->`);
+          const each_array = ensure_array_like(graphWorkspaces);
+          for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+            let w = each_array[$$index];
+            $$renderer4.option({ value: w.id }, ($$renderer5) => {
+              $$renderer5.push(`${escape_html(w.label ? `${w.label} · ${w.id}` : w.id)} (${escape_html(w.entityCount)})`);
+            });
+          }
+          $$renderer4.push(`<!--]-->`);
+        },
+        "svelte-1uha8ag"
+      );
+      $$renderer3.push(`</label> `);
+      if (activeTab === "modele") {
+        $$renderer3.push("<!--[0-->");
+        $$renderer3.push(`<label class="field svelte-1uha8ag"><span class="field-label svelte-1uha8ag">Ontology</span> `);
+        $$renderer3.select(
+          {
+            class: "select",
+            value: ontologyId,
+            onchange: onBrainOntologyChange,
+            "aria-label": "Ontology model"
+          },
+          ($$renderer4) => {
+            if (brainOntologies.length > 1) {
+              $$renderer4.push("<!--[0-->");
+              $$renderer4.option({ value: ALL_ONTOLOGIES }, ($$renderer5) => {
+                $$renderer5.push(`Tous · ${escape_html(brainOntologies.length)} ontologies`);
+              });
+            } else {
+              $$renderer4.push("<!--[-1-->");
+            }
+            $$renderer4.push(`<!--]--><!--[-->`);
+            const each_array_1 = ensure_array_like(brainOntologies);
+            for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
+              let o = each_array_1[$$index_1];
+              $$renderer4.option({ value: o.ontology_id }, ($$renderer5) => {
+                $$renderer5.push(`${escape_html(o.name)} · ${escape_html(o.ontology_id)}`);
+              });
+            }
+            $$renderer4.push(`<!--]-->`);
+          },
+          "svelte-1uha8ag"
+        );
+        $$renderer3.push(`</label>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--></div></div> `);
+      if (ontologiesError) {
+        $$renderer3.push("<!--[0-->");
+        $$renderer3.push(`<p class="ontologies-warn svelte-1uha8ag" role="status">Ontology list unavailable: ${escape_html(ontologiesError)}</p>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--></header> <div${attr_class("workspace svelte-1uha8ag", void 0, {
+        "with-inspector": activeTab !== "projections" && activeTab !== "rules"
+      })}><div class="stage svelte-1uha8ag">`);
+      if (activeTab === "modele") {
+        $$renderer3.push("<!--[0-->");
+        {
+          $$renderer3.push("<!--[-1-->");
+          $$renderer3.push(`<p class="panel-message svelte-1uha8ag">Modèle view requires MindBrain online.</p>`);
+        }
+        $$renderer3.push(`<!--]-->`);
+      } else if (activeTab === "donnees") {
+        $$renderer3.push("<!--[1-->");
+        $$renderer3.push(`<div class="donnees-stage svelte-1uha8ag">`);
+        GraphCanvas($$renderer3, {
+          ontologyKey,
+          layoutTemplate,
+          edgeLinkMode,
+          workspaceId: workspaceId.trim() || "default",
+          topK: effectiveTopK(),
+          dataSource: effectiveGraphDataSource(),
+          brainSeedIds,
+          onSelect: (selection) => {
+            focusInspectorSelection(selection);
+          },
+          get facetFilter() {
+            return graphFacetFilter;
+          },
+          set facetFilter($$value) {
+            graphFacetFilter = $$value;
+            $$settled = false;
+          },
+          get legendBlocks() {
+            return graphLegendBlocks;
+          },
+          set legendBlocks($$value) {
+            graphLegendBlocks = $$value;
+            $$settled = false;
+          }
+        });
+        $$renderer3.push(`<!----> `);
+        {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--></div>`);
+      } else if (activeTab === "projections") {
+        $$renderer3.push("<!--[2-->");
+        {
+          $$renderer3.push("<!--[0-->");
+          $$renderer3.push(`<p class="panel-message svelte-1uha8ag">Projections require MindBrain online (brain mode).</p>`);
+        }
+        $$renderer3.push(`<!--]-->`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+        {
+          $$renderer3.push("<!--[0-->");
+          $$renderer3.push(`<p class="panel-message svelte-1uha8ag">Rules require MindBrain online (brain mode).</p>`);
+        }
+        $$renderer3.push(`<!--]-->`);
+      }
+      $$renderer3.push(`<!--]--></div> `);
+      if (activeTab !== "projections" && activeTab !== "rules") {
+        $$renderer3.push("<!--[0-->");
+        InspectorColumn($$renderer3, {
+          showGraphTools: activeTab === "donnees" && dataSource === "brain" && brainOnline === true,
+          brainOnline: brainOnline === true,
+          ontologyId: effectiveInspectorOntologyId(),
+          workspaceId: workspaceId.trim(),
+          onOpenType: openTypeInModele,
+          ontologies,
+          ontologyLabel,
+          onOntologyChange,
+          filterEntityType,
+          onSeeds: (ids) => {
+            brainSeedIds = ids;
+          },
+          legendBlocks: graphLegendBlocks,
+          get open() {
+            return inspectorOpen;
+          },
+          set open($$value) {
+            inspectorOpen = $$value;
+            $$settled = false;
+          },
+          get sections() {
+            return inspectorSections;
+          },
+          set sections($$value) {
+            inspectorSections = $$value;
+            $$settled = false;
+          },
+          get selection() {
+            return inspectorSelection;
+          },
+          set selection($$value) {
+            inspectorSelection = $$value;
+            $$settled = false;
+          },
+          get ontologyKey() {
+            return ontologyKey;
+          },
+          set ontologyKey($$value) {
+            ontologyKey = $$value;
+            $$settled = false;
+          },
+          get layoutTemplate() {
+            return layoutTemplate;
+          },
+          set layoutTemplate($$value) {
+            layoutTemplate = $$value;
+            $$settled = false;
+          },
+          get edgeLinkMode() {
+            return edgeLinkMode;
+          },
+          set edgeLinkMode($$value) {
+            edgeLinkMode = $$value;
+            $$settled = false;
+          },
+          get topK() {
+            return topK;
+          },
+          set topK($$value) {
+            topK = $$value;
+            $$settled = false;
+          },
+          get facetFilter() {
+            return graphFacetFilter;
+          },
+          set facetFilter($$value) {
+            graphFacetFilter = $$value;
+            $$settled = false;
+          }
+        });
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--></div></main>`);
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+  });
+}
+
+export { _page as default };
+//# sourceMappingURL=_page.svelte.js-DMEbD3K6.js.map