businesslens 0.2.2

package/.output/server/chunks/build/server.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.mjs","sources":["../../../../node_modules/.pnpm/hookable@6.1.1/node_modules/hookable/dist/index.mjs","../../../../node_modules/.cache/nuxt/.nuxt/dist/server/server.mjs"],"names":["defu$1"],"mappings":"","x_google_ignoreList":[0,1]}

package/.output/server/chunks/build/styles.mjs

@@ -0,0 +1,9 @@
+const interopDefault = r => r.default || r || [];
+const styles = {
+  "../node_modules/.pnpm/nuxt@4.4.8_@babel+plugin-syntax-jsx@7.29.7_@babel+core@7.29.7__@babel+plugin-syntax-typ_63caf9944588c11f7b62e308e9131c64/node_modules/nuxt/dist/app/components/error-404.vue": () => import('./error-404-styles.DA-UkGXW.mjs').then(interopDefault),
+  "../node_modules/.pnpm/nuxt@4.4.8_@babel+plugin-syntax-jsx@7.29.7_@babel+core@7.29.7__@babel+plugin-syntax-typ_63caf9944588c11f7b62e308e9131c64/node_modules/nuxt/dist/app/components/error-500.vue": () => import('./error-500-styles.De7qbKJ2.mjs').then(interopDefault),
+  "layouts/default.vue": () => import('./default-styles.BYgqaNao.mjs').then(interopDefault)
+};
+
+export { styles as default };
+//# sourceMappingURL=styles.mjs.map

package/.output/server/chunks/build/styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.mjs","sources":["../../../../node_modules/.cache/nuxt/.nuxt/dist/server/styles.mjs"],"names":[],"mappings":"","x_google_ignoreList":[0]}

package/.output/server/chunks/build/topology-BJfDB_jA.mjs

@@ -0,0 +1,295 @@
+import { d as useSeoMeta, e as _sfc_main$d, b as useRoute, c as useRouter, f as _sfc_main$8, g as __nuxt_component_4 } from './server.mjs';
+import { defineComponent, mergeProps, unref, ref, computed, watch, nextTick, isRef, withCtx, createVNode, useSSRContext } from 'vue';
+import { ssrRenderAttrs, ssrRenderComponent, ssrRenderList, ssrInterpolate } from 'vue/server-renderer';
+import { a as _sfc_main$1$1, _ as _sfc_main$2, E as EntityInspector } from './EntityInspector-fTjbuYoq.mjs';
+import { _ as _sfc_main$3 } from './Tooltip-DkxwLaX6.mjs';
+import { useVueFlow, MarkerType } from '@vue-flow/core';
+import { u as useReport } from './useReport-pDAk-ETG.mjs';
+import '../nitro/nitro.mjs';
+import 'node:http';
+import 'node:https';
+import 'node:events';
+import 'node:buffer';
+import 'node:fs';
+import 'node:path';
+import 'node:crypto';
+import 'node:url';
+import '@iconify/utils';
+import 'consola';
+import 'vue-router';
+import 'tailwindcss/colors';
+import 'perfect-debounce';
+import '../routes/renderer.mjs';
+import 'vue-bundle-renderer/runtime';
+import 'unhead/server';
+import 'devalue';
+import 'unhead/plugins';
+import 'unhead/utils';
+import './Slideover-KOfskX1l.mjs';
+
+const flowId = "businesslens-report-map";
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "ReportTopology",
+  __ssrInlineRender: true,
+  setup(__props) {
+    const { report, model, actorById, domainById, journeyById, scenariosByJourney, domainColor, categoryColor } = useReport();
+    const route = useRoute();
+    const router = useRouter();
+    const { fitView } = useVueFlow(flowId);
+    const requestedMode = route.query.mode === "trace" ? "trace" : "journeys";
+    const requestedJourney = typeof route.query.journey === "string" && model.value?.journeys.some((journey) => journey.id === route.query.journey) ? route.query.journey : model.value?.journeys[0]?.id || "";
+    const mode = ref(requestedMode);
+    const selectedJourneyId = ref(requestedJourney);
+    const query = ref("");
+    const groupFilter = ref("all");
+    const inspectorOpen = ref(false);
+    const inspectorEntityId = ref(null);
+    const inspectorScenarioId = ref(null);
+    const modeOptions = [
+      { value: "journeys", label: "Journey map", icon: "i-lucide-route" },
+      { value: "trace", label: "Selected trace", icon: "i-lucide-git-fork" }
+    ];
+    const journeyOptions = computed(() => (model.value?.journeys || []).map((journey) => ({ label: journey.title, value: journey.id })));
+    const normalizedQuery = computed(() => query.value.trim().toLowerCase());
+    const groupOptions = computed(() => [{ label: "All domains", value: "all" }, ...(model.value?.domains || []).map((domain) => ({ label: domain.name, value: domain.id }))]);
+    function nodeCode(label) {
+      const words = label.split(/[^a-z0-9]+/i).filter((word) => word && !["and", "of", "the"].includes(word.toLowerCase()));
+      if (words.length > 1) return `${words[0][0]}${words[1][0]}`.toUpperCase();
+      return words[0]?.slice(0, 2).toUpperCase() || "--";
+    }
+    function clusterLayout(groups) {
+      const columns = 3;
+      const rowHeight = 108;
+      const clusterGap = 130;
+      const columnWidth = 680;
+      const startX = 420;
+      const positions = {};
+      let cursorY = 0;
+      for (let rowStart = 0; rowStart < groups.length; rowStart += columns) {
+        const row = groups.slice(rowStart, rowStart + columns);
+        const tallest = Math.max(...row.map((group) => Math.max(1, group.count)));
+        row.forEach((group, column) => {
+          const height = Math.max(1, group.count) * rowHeight;
+          const groupX = startX + column * columnWidth;
+          positions[group.id] = { groupX, groupY: cursorY + (height - rowHeight) / 2, itemX: groupX + 320, itemStartY: cursorY };
+        });
+        cursorY += tallest * rowHeight + clusterGap;
+      }
+      return { positions, totalHeight: Math.max(rowHeight, cursorY - clusterGap) };
+    }
+    function matchesJourney(journeyId) {
+      const journey = journeyById.value[journeyId];
+      if (groupFilter.value !== "all" && journey.domainId !== groupFilter.value) return false;
+      if (!normalizedQuery.value) return true;
+      return [journey.title, journey.summary, ...journey.actorIds.map((id) => actorById.value[id].name)].join(" ").toLowerCase().includes(normalizedQuery.value);
+    }
+    function journeyGraph() {
+      if (!model.value || !report.value) return { nodes: [], edges: [] };
+      const groups = model.value.domains.map((domain) => ({ id: domain.id, count: model.value.journeys.filter((journey) => journey.domainId === domain.id).length }));
+      const layout = clusterLayout(groups);
+      const nodes = [{ id: "root", type: "root", position: { x: 0, y: layout.totalHeight / 2 }, data: { label: report.value.title, subtitle: "Product journey topology", count: model.value.journeys.length }, draggable: false, selectable: false }];
+      const edges = [];
+      for (const domain of model.value.domains) {
+        const journeys = model.value.journeys.filter((journey) => journey.domainId === domain.id);
+        const position = layout.positions[domain.id];
+        const hasMatch = journeys.some((journey) => matchesJourney(journey.id));
+        nodes.push({ id: `group:${domain.id}`, type: "domain", position: { x: position.groupX, y: position.groupY }, data: { entityType: "group", entityId: domain.id, label: domain.name, code: nodeCode(domain.name), count: journeys.length, color: domainColor(domain.id), muted: !hasMatch }, draggable: false });
+        edges.push({ id: `root:${domain.id}`, source: "root", target: `group:${domain.id}`, type: "smoothstep", style: { stroke: domainColor(domain.id), strokeWidth: 1.25, opacity: hasMatch ? 0.42 : 0.06 } });
+        journeys.forEach((journey, index) => {
+          const matched = matchesJourney(journey.id);
+          nodes.push({ id: `journey:${journey.id}`, type: "journey", position: { x: position.itemX, y: position.itemStartY + index * 108 }, data: { entityType: "journey", entityId: journey.id, label: journey.title, index: model.value.journeys.indexOf(journey) + 1, domain: domain.name, scenarios: (scenariosByJourney.value[journey.id] || []).length, color: domainColor(domain.id), muted: !matched, focused: inspectorOpen.value && inspectorEntityId.value === journey.id }, draggable: false });
+          edges.push({ id: `${domain.id}:${journey.id}`, source: `group:${domain.id}`, target: `journey:${journey.id}`, type: "smoothstep", markerEnd: { type: MarkerType.ArrowClosed, color: domainColor(domain.id), width: 14, height: 14 }, style: { stroke: domainColor(domain.id), strokeWidth: 1.5, opacity: matched ? 0.62 : 0.08 } });
+        });
+      }
+      return { nodes, edges };
+    }
+    function traceGraph() {
+      if (!model.value || !report.value || !selectedJourneyId.value) return { nodes: [], edges: [] };
+      const journey = journeyById.value[selectedJourneyId.value];
+      if (!journey) return { nodes: [], edges: [] };
+      const scenarios = scenariosByJourney.value[journey.id] || [];
+      const domain = domainById.value[journey.domainId];
+      const nodes = [{ id: `journey:${journey.id}`, type: "journey", position: { x: 0, y: Math.max(0, (scenarios.length - 1) * 55) }, data: { entityType: "journey", entityId: journey.id, label: journey.title, index: model.value.journeys.indexOf(journey) + 1, domain: domain.name, scenarios: scenarios.length, color: domainColor(journey.domainId), focused: true }, draggable: false }];
+      const edges = [];
+      scenarios.forEach((scenario, index) => {
+        const kind = model.value.taxonomies.scenarioKinds.find((item) => item.id === scenario.kindId);
+        nodes.push({ id: `scenario:${scenario.id}`, type: "scenario", position: { x: 430, y: index * 110 }, data: { entityType: "scenario", entityId: scenario.id, journeyId: journey.id, label: scenario.title, index: index + 1, eyebrow: kind.name, meta: `${scenario.steps.length} steps · ${scenario.edgeCases.length} edge cases`, color: categoryColor(kind.colorSlot || 1) }, draggable: false });
+        edges.push({ id: `${journey.id}:${scenario.id}`, source: `journey:${journey.id}`, target: `scenario:${scenario.id}`, type: "smoothstep", markerEnd: { type: MarkerType.ArrowClosed, color: domainColor(journey.domainId), width: 14, height: 14 }, style: { stroke: domainColor(journey.domainId), strokeWidth: 1.5, opacity: 0.62 } });
+      });
+      return { nodes, edges };
+    }
+    computed(() => mode.value === "trace" ? traceGraph() : journeyGraph());
+    const matchingCount = computed(() => mode.value === "trace" ? scenariosByJourney.value[selectedJourneyId.value]?.length || 0 : (model.value?.journeys || []).filter((journey) => matchesJourney(journey.id)).length);
+    function changeMode(next) {
+      mode.value = next;
+      query.value = "";
+      groupFilter.value = "all";
+      void router.replace({ query: next === "trace" ? { mode: "trace", journey: selectedJourneyId.value } : {} });
+    }
+    async function fitGraph() {
+      await fitView({ padding: 0.16, duration: 350 });
+    }
+    watch(selectedJourneyId, (journeyId) => {
+      if (mode.value === "trace") void router.replace({ query: { mode: "trace", journey: journeyId } });
+    });
+    watch(mode, async () => {
+      await nextTick();
+      (void 0).setTimeout(() => fitView({ padding: 0.16, duration: 350 }), 80);
+    });
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UButton = _sfc_main$8;
+      const _component_USelect = _sfc_main$1$1;
+      const _component_UInput = _sfc_main$2;
+      const _component_UTooltip = _sfc_main$3;
+      const _component_ClientOnly = __nuxt_component_4;
+      const _component_UIcon = _sfc_main$d;
+      _push(`<section${ssrRenderAttrs(mergeProps({
+        class: "topology-workspace",
+        "aria-label": "Interactive report topology"
+      }, _attrs))}><div class="topology-toolbar"><div class="flex gap-1"><!--[-->`);
+      ssrRenderList(modeOptions, (option) => {
+        _push(ssrRenderComponent(_component_UButton, {
+          key: option.value,
+          icon: option.icon,
+          label: option.label,
+          color: unref(mode) === option.value ? "primary" : "neutral",
+          variant: unref(mode) === option.value ? "soft" : "ghost",
+          size: "sm",
+          onClick: ($event) => changeMode(option.value)
+        }, null, _parent));
+      });
+      _push(`<!--]--></div>`);
+      if (unref(mode) === "trace") {
+        _push(ssrRenderComponent(_component_USelect, {
+          modelValue: unref(selectedJourneyId),
+          "onUpdate:modelValue": ($event) => isRef(selectedJourneyId) ? selectedJourneyId.value = $event : null,
+          items: unref(journeyOptions),
+          "value-key": "value",
+          class: "min-w-64",
+          "aria-label": "Choose journey"
+        }, null, _parent));
+      } else {
+        _push(`<!--[-->`);
+        _push(ssrRenderComponent(_component_UInput, {
+          modelValue: unref(query),
+          "onUpdate:modelValue": ($event) => isRef(query) ? query.value = $event : null,
+          icon: "i-lucide-search",
+          placeholder: "Search the map",
+          class: "min-w-64"
+        }, null, _parent));
+        _push(ssrRenderComponent(_component_USelect, {
+          modelValue: unref(groupFilter),
+          "onUpdate:modelValue": ($event) => isRef(groupFilter) ? groupFilter.value = $event : null,
+          items: unref(groupOptions),
+          "value-key": "value",
+          "aria-label": "Filter map"
+        }, null, _parent));
+        _push(`<!--]-->`);
+      }
+      _push(`<span class="toolbar-count">${ssrInterpolate(unref(matchingCount))} ${ssrInterpolate(unref(mode) === "trace" ? "scenarios" : "journeys")}</span>`);
+      _push(ssrRenderComponent(_component_UTooltip, { text: "Fit graph to viewport" }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(ssrRenderComponent(_component_UButton, {
+              icon: "i-lucide-scan",
+              color: "neutral",
+              variant: "ghost",
+              "aria-label": "Fit graph to viewport",
+              onClick: fitGraph
+            }, null, _parent2, _scopeId));
+          } else {
+            return [
+              createVNode(_component_UButton, {
+                icon: "i-lucide-scan",
+                color: "neutral",
+                variant: "ghost",
+                "aria-label": "Fit graph to viewport",
+                onClick: fitGraph
+              })
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(`</div><div class="topology-canvas">`);
+      _push(ssrRenderComponent(_component_ClientOnly, null, {
+        fallback: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="loading-state"${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_UIcon, {
+              name: "i-lucide-loader-circle",
+              class: "animate-spin"
+            }, null, _parent2, _scopeId));
+            _push2(`<span${_scopeId}>Preparing topology…</span></div>`);
+          } else {
+            return [
+              createVNode("div", { class: "loading-state" }, [
+                createVNode(_component_UIcon, {
+                  name: "i-lucide-loader-circle",
+                  class: "animate-spin"
+                }),
+                createVNode("span", null, "Preparing topology…")
+              ])
+            ];
+          }
+        })
+      }, _parent));
+      _push(`</div><div class="topology-legend" aria-label="Topology legend"><span><i class="is-domain"></i>Domain</span><span><i class="is-journey"></i>${ssrInterpolate(unref(mode) === "trace" ? "Scenario" : "Journey")}</span><span class="topology-legend__hint">`);
+      _push(ssrRenderComponent(_component_UIcon, {
+        name: "i-lucide-mouse-pointer-2",
+        "aria-hidden": "true"
+      }, null, _parent));
+      _push(` Select a node to inspect it</span></div>`);
+      _push(ssrRenderComponent(EntityInspector, {
+        open: unref(inspectorOpen),
+        "entity-id": unref(inspectorEntityId),
+        "scenario-id": unref(inspectorScenarioId),
+        "onUpdate:open": ($event) => inspectorOpen.value = $event
+      }, null, _parent));
+      _push(`</section>`);
+    };
+  }
+});
+const _sfc_setup$1 = _sfc_main$1.setup;
+_sfc_main$1.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/product/ReportTopology.vue");
+  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+};
+const ReportTopology = Object.assign(_sfc_main$1, { __name: "ProductReportTopology" });
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "topology",
+  __ssrInlineRender: true,
+  setup(__props) {
+    const { report, status } = useReport();
+    useSeoMeta({ title: () => report.value ? `Topology · ${report.value.title} · BusinessLens` : "Topology · BusinessLens" });
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UIcon = _sfc_main$d;
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "page-shell" }, _attrs))}>`);
+      if (unref(status) === "pending") {
+        _push(`<div class="loading-state">`);
+        _push(ssrRenderComponent(_component_UIcon, {
+          name: "i-lucide-loader-circle",
+          class: "animate-spin"
+        }, null, _parent));
+        _push(`<span>Loading topology…</span></div>`);
+      } else if (unref(report)) {
+        _push(`<!--[--><header class="page-heading"><div><span class="page-eyebrow">Interactive product model</span><h1>Topology</h1><p>Move between the complete journey landscape and the scenarios that make up a selected user goal.</p></div></header>`);
+        _push(ssrRenderComponent(ReportTopology, null, null, _parent));
+        _push(`<!--]-->`);
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`</div>`);
+    };
+  }
+});
+const _sfc_setup = _sfc_main.setup;
+_sfc_main.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("pages/topology.vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+
+export { _sfc_main as default };
+//# sourceMappingURL=topology-BJfDB_jA.mjs.map

package/.output/server/chunks/build/topology-BJfDB_jA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"topology-BJfDB_jA.mjs","sources":["../../../../node_modules/.cache/nuxt/.nuxt/dist/server/_nuxt/topology-BJfDB_jA.js"],"names":["_sfc_main$2","_sfc_main$3","_sfc_main$4","_sfc_main$5","_sfc_main$6"],"mappings":"","x_google_ignoreList":[0]}