likec4 1.56.0 → 1.58.0

package/dist/chunks/vite-plugin.mjs

@@ -0,0 +1,593 @@
+import{i as e}from"./rolldown-runtime.mjs";import{c as t,d as n,f as r,g as i,n as a}from"./node.mjs";import{a as o,n as s,o as c,r as l,t as u}from"./libs/langium.mjs";import{o as d}from"./libs/ufo.mjs";import{t as f}from"./libs/json5.mjs";import{F as p,S as m,_ as h,a as g,b as _,c as v,n as y}from"./libs/zod.mjs";import{C as b,F as ee,G as te,H as x,M as S,O as C,P as w,Q as T,V as E,X as D,Z as O,_ as k,c as ne,et as A,m as j,o as re,q as M,r as N,t as P,v as ie,y as F,z as ae}from"./libs/remeda.mjs";import{n as oe,t as se}from"./libs/package-manager-detector.mjs";import{t as ce}from"./libs/birpc.mjs";import{t as le}from"./libs/pako.mjs";import{createRequire as ue}from"node:module";import{resolve as I}from"node:path";import{RichText as de,exact as fe,flattenMarkdownOrString as L}from"@likec4/core/types";import{DefaultMap as R,LikeC4Styles as pe,exact as z,invariant as me,nonexhaustive as he}from"@likec4/core";import{compareNatural as ge,nonNullable as _e}from"@likec4/core/utils";import"@likec4/core/model";import ve from"nano-spawn";import{existsSync as ye}from"node:fs";import{mkdir as be,readFile as xe,writeFile as Se}from"node:fs/promises";import{env as B}from"std-env";import V,{cwd as Ce}from"node:process";const pDebounce=(e,t,n={})=>{if(!Number.isFinite(t))throw TypeError("Expected `wait` to be a finite number");let r,i,a=[],onAbort=()=>{clearTimeout(i),i=void 0;try{n.signal?.throwIfAborted()}catch(e){for(let{reject:t}of a)t(e);a=[]}};return function(...o){return new Promise((s,c)=>{try{n.signal?.throwIfAborted()}catch(e){c(e);return}let l=n.before&&!i;clearTimeout(i),i=setTimeout(async()=>{i=void 0;let t=a;a=[];try{let i=n.before?r:await e.apply(this,o);for(let{resolve:e}of t)e(i)}catch(e){for(let{reject:n}of t)n(e)}r=void 0,n.signal?.removeEventListener(`abort`,onAbort)},t),l?(async()=>{try{r=await e.apply(this,o),s(r)}catch(e){c(e)}})():(a.push({resolve:s,reject:c}),n.signal&&a.length===1&&n.signal.addEventListener(`abort`,onAbort,{once:!0}))})}};pDebounce.promise=(e,t={})=>{let n,r;return async function(...i){if(n)return t.after?(r??={resolvers:[]},r.arguments=i,r.context=this,new Promise((e,t)=>{r.resolvers.push({resolve:e,reject:t})})):n;n=(async()=>{let t,n;try{t=await e.apply(this,i)}catch(e){n=e}for(;r;){let t=r;r=void 0;try{let n=await e.apply(t.context,t.arguments);for(let{resolve:e}of t.resolvers)e(n)}catch(e){for(let{reject:n}of t.resolvers)n(e)}}if(n)throw n;return t})();try{return await n}finally{n=void 0}}};function isJsonStringifyOutput(e){if(e.length===0)return!1;try{return JSON.parse(e),!0}catch{return!1}}function hardenJsonStringLiteralForEmbeddedScript(e){if(typeof e!=`string`)throw TypeError(`hardenJsonStringLiteralForEmbeddedScript: expected JSON.stringify(...) output as a string`);if(!isJsonStringifyOutput(e))throw TypeError(`hardenJsonStringLiteralForEmbeddedScript: expected JSON.stringify(...) output (string, object, array, number, boolean, or null)`);return e.replaceAll(`<`,`\\u003C`).replaceAll(`>`,`\\u003E`).replaceAll(`/`,`\\u002F`).replaceAll(`\u2028`,`\\u2028`).replaceAll(`\u2029`,`\\u2029`)}function generateMatches(e,t=`.js`){return{matches:n=>{let{module:r,projectId:i}=n.match(/likec4:plugin\/(?<projectId>.+)\/(?<module>.+)$/)?.groups??n.match(/likec4:(?<module>.+)\/(?<projectId>.+)$/)?.groups??{};return!r||!i?null:(r.endsWith(t)&&(r=r.slice(0,-t.length)),r===e?i:null)},virtualId:n=>d(`likec4:plugin`,n,e)+t}}function generateCombinedProjects(e,t){return{id:`likec4:${e}`,virtualId:`likec4:plugin/`+e+`.js`,async load({projects:n}){return logGenerating(e),{code:`
+export let ${t}Fn = {
+${n.map(({id:t})=>`${hardenJsonStringLiteralForEmbeddedScript(JSON.stringify(t))}: async () => await import(${hardenJsonStringLiteralForEmbeddedScript(JSON.stringify(d(`likec4:${e}`,t)))})`).join(`,
+`)}
+}      
+
+export async function ${t}(projectId) {
+  let fn = ${t}Fn[projectId]
+  if (!fn) {
+    const projects = Object.keys(${t}Fn)
+    console.error('Unknown projectId: ' + projectId + ' (available: ' + projects + ')')
+    if (projects.length === 0) {
+      throw new Error('No projects found, invalid state')
+    }
+    projectId = projects[0]
+    console.warn('Falling back to project: ' + projectId)
+    fn = ${t}Fn[projectId]
+  }
+  return await fn()
+}
+
+if (import.meta.hot) {
+  import.meta.hot.accept(md => {
+    if (!import.meta.hot.data.$update) {
+      import.meta.hot.data.$update = ${t}Fn
+    }
+    const update = md.${t}Fn
+    if (update) {
+      for (const [id, fn] of Object.entries(update)) {
+        import.meta.hot.data.$update[id] ??= fn
+      }
+    } else {
+      import.meta.hot.invalidate()
+    }
+  })
+}
+    `,moduleType:`js`}}}}const H=r.getChild(`vite`);function logGenerating(e,n){n?H.info(t.dim(`generating `)+t.magenta(`likec4:${e}/`)+t.magentaBright(n)):H.info(t.dim(`generating `)+t.magenta(`likec4:${e}`))}function isInstalled(e){try{return!!import.meta.resolve(e,V.cwd())}catch(e){return H.trace(i(e)),!1}}async function ensurePackage(e){let n=H.getChild(`pkg`);if(isInstalled(e)){n.trace`${e} installed`;return}n.warn(t.dim(`not found `)+t.green(e));let{command:r,args:a}=_e(oe(_e(await se(),()=>{n.error`Package manager not detected, install ${e} manually`,V.exit(1)}).agent,`add`,[e]),()=>{n.error`Install package ${e} manually`,V.exit(1)});n.info(t.dim(`installing `)+t.green(e));try{await ve(r,a)}catch(t){n.debug(i(t)),n.error`Install package ${e} manually`,V.exit(1)}}const U=H.getChild(`ai`);function chooseModel(e,n){let r=B[e];return r||=(U.info(`I will use `+t.green(n)+` model `+t.dim(`you can override with `)+t.yellow(e)+t.dim(` env var`)),n),r}const W=16e3;async function loadOpenAI(){U.info(`Found `+t.yellow(`OPENAI_API_KEY`)+t.dim(`, loading @tanstack/ai-openai`)),await ensurePackage(`@tanstack/ai-openai`);let{openaiText:e}=await import(`@tanstack/ai-openai`);return{adapter:e(chooseModel(`OPENAI_CHAT_MODEL`,`gpt-5.2`)),modelOptions:{reasoning:{effort:`medium`}},maxTokens:W}}async function loadOpenRouter(){U.info(`Found `+t.yellow(`OPENROUTER_API_KEY`)+t.dim(`, loading @tanstack/ai-openrouter`)),await ensurePackage(`@tanstack/ai-openrouter`);let{openRouterText:e}=await import(`@tanstack/ai-openrouter`);return{adapter:e(chooseModel(`OPENROUTER_CHAT_MODEL`,`openai/gpt-5.4`)),maxTokens:W}}async function loadAnthropic(){U.info(`Found `+t.yellow(`ANTHROPIC_API_KEY`)+t.dim(`, loading @tanstack/ai-anthropic`)),await ensurePackage(`@tanstack/ai-anthropic`);let{anthropicText:e}=await import(`@tanstack/ai-anthropic`);return{adapter:e(chooseModel(`ANTHROPIC_CHAT_MODEL`,`claude-sonnet-4-6`)),maxTokens:W}}async function loadGemini(){U.info(`Found `+t.yellow(`GEMINI_API_KEY`)+t.dim(`, loading @tanstack/ai-gemini`)),await ensurePackage(`@tanstack/ai-gemini`);let{geminiText:e}=await import(`@tanstack/ai-gemini`);return{adapter:e(chooseModel(`GEMINI_CHAT_MODEL`,`gemini-2.5-pro`)),maxTokens:W}}async function loadOllama(){U.info(`Found `+t.yellow(`OLLAMA_HOST`)+t.dim(`, loading @tanstack/ai-ollama`)),await ensurePackage(`@tanstack/ai-ollama`);let{ollamaText:e}=await import(`@tanstack/ai-ollama`),n=chooseModel(`OLLAMA_CHAT_MODEL`,`qwen3`);return{adapter:e(n),modelOptions:{model:n,think:`low`},maxTokens:W}}function pickLoader(){if(b(B.OPENAI_API_KEY))return loadOpenAI;if(b(B.OPENROUTER_API_KEY))return loadOpenRouter;if(b(B.ANTHROPIC_API_KEY))return loadAnthropic;if(b(B.GEMINI_API_KEY))return loadGemini;if(b(B.OLLAMA_HOST))return loadOllama}const we=j(async()=>{let e=pickLoader();if(e){await ensurePackage(`@tanstack/ai`);let n=await e();return U.info([`AI configured with`,t.green(n.adapter.name),`adapter`,t.dim(`you can disable it in plugin options`)].join(` `)),n}}),G=H.getChild(`icons`);function iconBundlePlugin(e){let n=Ce(),r=[n];e.workspace&&r.unshift(e.workspace);let i=ue(n),a,resolveIcon=async(e,n)=>{try{let a=i.resolve(`@likec4/icons/${e}/${n}`,{paths:r});return G.trace(t.dim(`found in package `)+a),await xe(a,`utf-8`)}catch{return}},readFromCache=async(e,n)=>{if(a)try{let r=I(a,e,`${n}.js`);if(ye(r))return G.trace(t.dim(`read cached `)+`${e}/${n}.js`),await xe(r,`utf-8`)}catch{}},writeToCache=async(e,n,r)=>{if(a)try{let i=I(a,e);ye(i)||await be(i,{recursive:!0});let o=I(i,`${n}.js`);await Se(o,r),G.trace(t.dim(`written to cache `)+o)}catch(r){G.error(t.dim(`failed to write to cache `)+`${e}/${n}.js`,{error:r})}},fetchFromRemote=async(e,n)=>{let r=d(`https://icons.like-c4.dev`,e,`${n}.js`);G.trace(t.dim(`fetching `)+r);let i=await fetch(r);if(!i.ok)throw Error(`Failed to fetch icon: ${i.status} ${i.statusText}`);return await i.text()},o=new R(async e=>{try{let[n,r]=e.split(`:`);(r.endsWith(`.jsx`)||r.endsWith(`.js`))&&(r=r.slice(0,r.lastIndexOf(`.`))),G.debug(t.dim(`resolving `)+t.green(`${n}:${r}`));let i=await readFromCache(n,r);return i??=await resolveIcon(n,r),i||(i=await fetchFromRemote(n,r),await writeToCache(n,r,i),i)}catch(n){return G.error(t.dim(`failed to resolve icon `)+t.red(e),{error:n}),`
+export default function NotFoundIcon() {
+  return null
+}
+      `}});return{name:`likec4:icon-bundle`,sharedDuringBuild:!0,applyToEnvironment(t){return e.environments?e.environments.includes(t.name):!0},configResolved({root:e,...t}){r.unshift(e),t.cacheDir&&(a=I(t.cacheDir,`likec4-icons`))},resolveId:{filter:{id:/likec4:icon-bundle/},handler(e){return{id:e,moduleSideEffects:!1}}},load:{filter:{id:/likec4:icon-bundle/},async handler(e){let t=e.split(`/`).slice(-2);if(!T(t,2))return null;let[n,r]=t;return{moduleType:`jsx`,code:await o.get(`${n}:${r}`)}}}}}const K=n(`ai-layout`);function truncate(e,t=100){return e=e.replaceAll(/\n/g,` `).trim(),e.length<=t?e:e.slice(0,t-1)+`…`}function mappedEntries(e){let t={};for(let[n,r]of e.entries())t[r]=n;return t}function edgeLabel(e){let t=e.label&&e.label!==`[...]`?e.label:void 0,n=L(e.description);return n&&(t=t?`${t}\n${n}`:n),t??=e.technology??void 0,t?truncate(t):void 0}function prepareLLMInput(e){let t=1,n=1,r=new R(e=>e.children.length===0?`n${n++}`:`c${t++}`),findNodeById=t=>e.nodes.find(e=>e.id===t),nodeId=e=>r.get(findNodeById(e)),i=new Set;e.nodes.forEach(e=>{r.get(e),e.children.length===0&&i.add(e.id)});let a=e.edges.find(e=>!i.has(e.source)||!i.has(e.target));if(a)throw K.error(`Non-leaf edge found in view`,{view:e.id,edge:{source:a.source,target:a.target}}),Error(`Non-leaf edge found in view, this is not supported by the current implementation`);let o=1,s=new R(e=>`e${o++}`),c=e.edges.map(e=>{let t=nodeId(e.source),n=nodeId(e.target),r=e.parent?nodeId(e.parent):null;e.dir===`back`&&([t,n]=[n,t]);let i=edgeLabel(e);return{id:s.get(e),...i&&{label:i},...r&&{parent:r},source:t,target:n}}),reduceNodes=(e,t)=>{let{level:n,kind:i,...a}=t,o=r.get(t),s=a.children.length>0,c=a.parent?nodeId(a.parent):void 0,l=truncate(a.title);if(s)return e.compounds.push(fe({id:o,title:l,parent:c,children:a.children.map(nodeId),level:n})),e;let u=a.description?truncate(L(a.description),200):void 0;return e.nodes.push(fe({id:o,kind:i,title:l,description:u,parent:c,level:n})),e};return{serialized:e.nodes.reduce(reduceNodes,{direction:e.autoLayout.direction,compounds:[],nodes:[],edges:c}),mapping:{nodes:mappedEntries(r),edges:mappedEntries(s)}}}const Te=g([`TB`,`BT`,`LR`,`RL`]),q=m().nonempty().brand(),Ee=h({rank:g([`same`,`source`,`sink`,`min`,`max`]),nodes:v(q)}),J={id:m().nonempty().brand(),weight:y().int().min(0).max(20),minlen:y().int().min(0).max(4)},De=h({source:q,target:q,weight:J.weight.optional(),minlen:J.minlen.optional()}),Oe=h({direction:Te.optional(),ranks:v(Ee).default([]),edgeWeight:_(J.id,J.weight).default({}),edgeMinlen:_(J.id,J.minlen).default({}),reverseRank:v(J.id).default([]),excludeFromRanking:v(J.id).default([]),edgeOrder:v(J.id).default([]),nodeOrder:v(q).default([]),invisibleEdges:v(De).default([]),reasoning:m().default(``)}),ke=/```(?:json)?\s*\n?([\s\S]*?)\n?\s*```/;function extractJson(e){let t=ke.exec(e);if(t&&t[1])return t[1];let n=e.indexOf(`{`),r=e.lastIndexOf(`}`);return n!==-1&&r!==-1&&r>n?e.slice(n,r+1):e.trim()}function parseOutput(e,t){try{let n=extractJson(e),r=f.parse(n),i=Oe.safeParse(r);if(!i.success){K.warn(`Failed to validate LLM response
+`+p(i.error));return}return restoreIdsAndMapToHints(i.data,t)}catch(t){K.warn(`Failed to parse LLM response
+{response}`,{error:t,response:e});return}}function restoreIdsAndMapToHints(e,t){let{mapping:n}=t,nodeId=e=>{let t=n.nodes[e]?.id;return t||K.warn`Unknown node ID ${e} in LLM output, skipping`,t},mapToNodeId=e=>A(e,F(nodeId),D(w)),edgeId=e=>{let t=n.edges[e]?.id;return t||K.warn`Unknown edge ID ${e} in LLM output, skipping`,t},mapToNonEmpty=(e,t)=>{let n=e.map(t).filter(w);return T(n,1)?n:void 0},r=A(e.excludeFromRanking,F(edgeId),D(w),N(),e=>T(e,1)?e:void 0),i=A(e.reverseRank,F(edgeId),D(w),N(),e=>T(e,1)?e:void 0),a=(()=>{let e=new Set;return t=>t.filter(t=>e.has(t)?!1:(e.add(t),!0))})(),o=A(e.ranks,F(e=>{let t=a(mapToNodeId(e.nodes));return T(t,1)?{rank:e.rank,nodes:t}:null}),D(b)),s=A(e.invisibleEdges,F(({source:e,target:t,minlen:n=1,weight:r=1})=>{let i=nodeId(e),a=nodeId(t);if(!(!i||!a))return z({weight:r===1?void 0:r,minlen:n===1?void 0:n,source:i,target:a})}),D(w),E(e=>`${e.source}->${e.target}`),k(([e,...t])=>A(t,ne((e,t)=>z({...e,...t,weight:e.weight&&t.weight?Math.max(e.weight,t.weight):e.weight||t.weight,minlen:e.minlen&&t.minlen?Math.max(e.minlen,t.minlen):e.minlen||t.minlen}),e))),P(),e=>T(e,1)?e:void 0),c=e.reasoning;c&&(c=c.replaceAll(`][`,`] [`),O(t.mapping.nodes).forEach(([e,t])=>{c=c.replaceAll(RegExp(`\\[${e}\\]`,`g`),"`"+t.id+"`")}),O(t.mapping.edges).forEach(([e,t])=>{c=c.replaceAll(RegExp(`\\[${e}\\]`,`g`),"`"+t.source+` -> `+t.target+"`")}));let safeMapEdgeKeys=e=>{let t={};for(let[n,r]of O(e)){let e=edgeId(n);e&&(t[e]=r)}return t};return z({direction:e.direction,ranks:o,edgeWeight:safeMapEdgeKeys(e.edgeWeight),edgeMinlen:safeMapEdgeKeys(e.edgeMinlen),excludeFromRanking:r,reverseRank:i,edgeOrder:mapToNonEmpty(e.edgeOrder,edgeId),nodeOrder:mapToNonEmpty(e.nodeOrder,nodeId),invisibleEdges:s,reasoning:c})}const Ae={systemPrompt:`You are an advisor specializing in software architecture diagrams and graphviz (DOT) layout optimizations.
+You receive a JSON of Diagram data with:
+- nodes (architectural elements, rendered as leaf boxes)
+- compounds (group of nodes or other compounds, define hierarchy and rendered as boxes around children)
+- edges (directed relationships between nodes, define flow from source to target)
+- direction (preferred layout direction for the diagram, e.g. TB = top to bottom, LR = left to right)
+
+Your task: Suggest layout hints to produce readable and visually balanced diagram.
+
+<input>
+Diagram (JSON object) fields:
+- compounds: Compound[]
+- nodes: Node[]
+- edges: Edge[]
+- direction: "TB" | "LR" | "BT" | "RL"
+
+Node (JSON object) fields:
+- id: string (starts with "n" followed by a number, e.g. "n1", "n2", etc.)
+- kind: string (semantic type, e.g. "system", "container", "component", "service", "database", etc.)
+- title: string
+- description?: string | undefined - optional description
+- parent?: string (compound ID) | undefined - optional Parent ID, if node is nested inside a compound;
+- level: number - zero-based level in the hierarchy (root level = 0)
+
+Compound (JSON object) fields:
+- id: string (starts with "c" followed by a number, e.g. "c1", "c2", etc.)
+- title: string
+- parent?: string (compound ID) | undefined - optional Parent ID, if compound is nested inside another compound;
+- level: number - zero-based level in the hierarchy (root level = 0)
+- children: string[] - IDs of children (compounds or nodes)
+
+Edge (JSON object) fields:
+- id: string (starts with "e" followed by a number, e.g. "e1", "e2", etc.)
+- source: string (node ID)
+- target: string (node ID)
+- parent?: string (compound ID) | undefined - optional Parent ID, if edge is inside a compound
+- label?: string | undefined
+</input>
+
+<rules>
+
+1. Diagram is a hierarchical directed graph, may contain cycles
+2. Compound size and position are determined by its children; Node position is determined by its rank and hierarchy
+3. In vertical direction (TB, BT) rank is a row, in horizontal (LR, RL) rank is a column; rank increases following the direction (i.e from top to bottom for TB)
+4. Edge exists ONLY between nodes
+5. Edge increases rank following its direction, i.e making rank of target higher than rank of source; \`minlen\` controls how many ranks apart they should be
+   - by default, all edges have \`minlen=1\`
+   - \`minlen=2\` adds extra rank between nodes, pushing target node further away from source (adds more space)
+   - \`minlen=0\` does not increase rank, but defines relative order within rank (i.e if rank is a row, source node is on the left, or if rank is a column, source node is on the top)
+   - keep \`minlen\` in range 0..4
+6. You can change edge rank direction by adding its ID to the \`reverseRank\` array; this enforces the opposite - rank of source node should be higher than rank of target; It does not change the semantics, and gives more control over ranks. Especially useful to break cycles or swap rank order of source and target
+7. You can exclude edge from calculations by adding its ID to the \`excludeFromRanking\` array; Edge still visible but does not contribute to node ranks (\`constraint=false\` in graphviz)
+8. Edge acts like a "spring" that pulls nodes together; its force controlled by \`weight\`; higher weight means shorter and straighter line;
+   - by default, all edges have \`weight=1\`
+   - \`weight\` is relative to \`weight\` of other edges
+   - same \`weight\` value balances edges equally; only difference in \`weight\` values affects layout
+   - keep \`weight\` in range 1..10, to emphasize edge use range 6..10
+9. You can add invisible edges to fine-tune node ranks (and/or order within same rank):
+   - invisible edge has same effects as regular edge (changes rank and order), but not visible and does not change semantics
+   - to add invisible edge, push an object with \`source\` and \`target\` node IDs to the \`invisibleEdges\` array (\`minlen\` and \`weight\` are optional, but if provided, follow the same rules)
+   - you can add edge if only there is no same edge exists, i.e if \`A->B\` exists, you can add \`B->A\`, but not \`A->B\` again
+   - invisible edges especially useful to pull semantically related nodes closer, force position of orphan nodes (having only incoming, outgoing, or none edges), move nodes to separate ranks or order nodes strictly in same rank
+10. You can constrain node ranks by using the \`ranks\` array:
+    - \`rank="source"\` constrain node(s) at the minimum rank (top/left)
+    - \`rank="sink"\` constrain node(s) at the maximum rank (bottom/right)
+    - \`rank="same"\` constrain two or more nodes to be on the same rank
+    - Node cannot have multiple rank constraints, if you encounter this, pick the most important (prefer \`rank="same"\` when in doubt)
+    - Node rank constraint takes precedence over edge-based rank calculations
+11. Vertical layout directions (TB,BT) are good for general flows (like interactions, processes, etc.), horizontal layout (LR,RL) for pipelines, request processing; Keep input layout direction, unless it contradicts the semantics
+12. Node size is 300x200px, rank separation is 200px, spacing within rank is 200px
+13. Avoid node overlapping, compounds order should be aligned with flows crossing their boundaries
+14. Minimize edge crossings; prefer balanced, straighter edges
+
+</rules>
+
+<workflow>
+
+1. Analyze diagram semantics, identify main and auxiliary flows, which nodes are most likely to be sources and which are sinks
+2. If any compound exists, analyze hierarchy and keep parent-child relationships in mind as constraints
+3. Plan node positions and rank constraints
+4. Decide on edges: adjust \`minlen\`, reverse rank direction or exclude from ranking
+5. Consider adding invisible edges to enforce layout
+6. Balance the layout by adjusting edge weights
+7. Output existing edges in semantic order
+8. Output nodes in semantic order
+</workflow>
+
+<output>
+Output ONLY a valid JSON object matching the following schema.
+All fields are optional (omit empty, null, undefined).
+Use \`reasoning\` field to explain your decision, be concise.
+Do not include any other text, comments, questions or explanations.
+Do not pretty-print, compact JSON is preferred.
+
+\`\`\`json
+{
+  // Force ranks for nodes, use "source" for top level, "sink" for bottom level, "same" for nodes that should be on the same rank
+  "ranks": [
+    { "rank": "source", "nodes": ["n1", "n2"] },
+    { "rank": "same", "nodes": ["n4", "n5"] },
+    { "rank": "sink", "nodes": ["n3"] }
+  ],
+  // Edge weight adjustments (only if you want to change from default weight=1)
+  "edgeWeight": {
+    "e1": 8,
+    "e2": 5
+  },
+  // Edge rank separation adjustments (only if you want to change from default minlen=1)
+  "edgeMinlen": {
+    "e1": 2, // two ranks between connected nodes
+    "e2": 0  // no rank separation
+  },
+  // Reverse edge rank
+  "reverseRank": ["e4"],
+  // Exclude edges from ranking
+  "excludeFromRanking": ["e5"],
+  // Add invisible edges to enforce better layout
+  "invisibleEdges": [
+    {
+      "source": "n1", // Node ID
+      "target": "n2", // Node ID
+      "weight": 8,    // (optional, default: 1)
+      "minlen": 2     // (optional, default: 1)
+    }
+  ],
+  // Suggest to change order of edges to satisfy semantics better (if order from input does not)
+  "edgeOrder": ["e2", "e1", "e3"],
+  // Suggest to change order of nodes to represent flows better (if order from input does not)
+  "nodeOrder": ["n2", "n1", "n3", "n4", "n5"],
+  // Suggest to change layout direction, if it would improve readability
+  "direction": "LR", 
+  // Reasoning for debugging. Use ID in brackets, like [e1] or [n1], to reference nodes, compounds or edges (for invisible edges use [source->target]). This is important for displaying references on UI correctly.
+  "reasoning": "User-facing actor [n1] at top, data store [n3] at bottom. [n4] and [n2] on separate ranks to show the request flow clearly. Main flows are [e1][e2][e3] and [e4][e6], [e5] is auxiliary and does not affect ranking. Added invisible edge [n8->n9] to pull them closer and emphasize their connection."
+}
+\`\`\`
+</output>
+
+<example>
+
+INPUT:
+\`\`\`json
+{
+  "direction": "TB",
+  "compounds": [
+    { "id": "c1", "title": "Cloud System", "children": ["n2", "n3", "n4"], "level": 0 },
+    { "id": "c2", "title": "Amazon", "children": ["n6", "n7", "n8"], "level": 0 }
+  ],
+  "nodes": [
+    { "id": "n2", "kind": "service", "title": "Cloud Legacy", "parent": "c1", "level": 1 },
+    { "id": "n3", "kind": "service", "title": "Cloud Next", "parent": "c1", "level": 1 },
+    { "id": "n4", "kind": "ui", "title": "Frontends", "parent": "c1", "level": 1 },
+    { "id": "n6", "kind": "storage", "title": "S3", "parent": "c2", "level": 1 },
+    { "id": "n7", "kind": "service", "title": "Lambda", "parent": "c2", "level": 1 },
+    { "id": "n8", "kind": "storage", "title": "Postgres", "parent": "c2", "level": 1 }
+  ],
+  "edges": [
+    { "id": "e1", "source": "n7", "target": "n8", "parent": "c2"},
+    { "id": "e2", "source": "n3", "target": "n7", "label": "calls lambda" },
+    { "id": "e3", "source": "n4", "target": "n2", "parent": "c1", "label": "requests" },
+    { "id": "e4", "source": "n3", "target": "n4", "parent": "c1", "label": "serves" },
+    { "id": "e5", "source": "n3", "target": "n2", "parent": "c1", "label": "calls legacy" },
+    { "id": "e6", "source": "n2", "target": "n6", "label": "persists" },
+    { "id": "e7", "source": "n3", "target": "n8", "label": "reads users from the database" }
+  ]
+}
+\`\`\`
+
+OUTPUT:
+\`\`\`json
+{
+  "direction": "TB",
+  "ranks": [
+    { "rank": "source", "nodes": ["n4"] },
+    { "rank": "same", "nodes": ["n2", "n3"] },
+    { "rank": "sink", "nodes": ["n6", "n8"] }
+  ],
+  "edgeMinlen": {
+    "e5": 0
+  },  
+  "reverseRank": ["e4"],
+  "excludeFromRanking": ["e1"],
+  "edgeOrder": ["e3", "e4", "e5", "e6", "e7", "e1"],
+  "nodeOrder": ["n4", "n2", "n3", "n6", "n7", "n8"],
+  "reasoning": "I reversed [e4] as it moves [n4] to the top, pushes [n3] to the next row and balances layout, [e5] \`minlen=0\` to keep [n2][n3] on same rank"
+}
+\`\`\`
+</example>`,userPrompt:`Analyze semantics and suggest layout hints for the following diagram. Return only JSON object without any additional text or markdown formatting.`};async function enhanceLayoutWithAI(e,t,n){try{K.debug`generating AI layout hints for ${e.id} using ${t.name}`;let{serialized:r,mapping:i}=prepareLLMInput(e);return parseOutput(await t.sendRequest({...Ae,view:e,mapping:i,diagram:JSON.stringify(r)},n),{mapping:i,view:e})}catch(e){K.warn(`AI layout enhancement failed`,{error:e});return}}async function applySemanticLayout({logger:e,ai:n,likec4:r,server:i},a){me(n,`AI is not configured`),e.info([t.green(`semantic:layout`),t.dim(`project:`),a.projectId,t.dim(`view:`),a.viewId].join(` `));let o={started:()=>i.hot.send(`likec4:apply-semantic-layout`,{type:`started`}),completed:()=>i.hot.send(`likec4:apply-semantic-layout`,{type:`completed`}),log:e=>i.hot.send(`likec4:apply-semantic-layout`,{log:e})},{chat:s,EventType:c}=await import(`@tanstack/ai`),l=(await r.computedModel(a.projectId)).findView(a.viewId);me(l,`View ${a.viewId} not found in project ${a.projectId}`),e.info([t.green(`semantic:layout`),t.dim(`call`),n.adapter.name].join(` `));let u=await enhanceLayoutWithAI(l.$view,{name:n.adapter.name,async sendRequest({systemPrompt:e,userPrompt:t,diagram:r}){o.started();let i=s({...n,systemPrompts:[e],stream:!0,messages:[{role:`user`,content:[{type:`text`,content:e},{type:`text`,content:t},{type:`text`,content:r}]}]}),a=``;for await(let e of i)switch(e.type){case c.TEXT_MESSAGE_CONTENT:o.log(e.delta),a+=e.delta;break;case c.REASONING_MESSAGE_CONTENT:o.log(e.delta);break}return a}});if(o.completed(),!u){e.warn([t.yellow(`semantic:layout`),`No semantic layout generated`].join(` `));return}e.info([t.green(`semantic:layout`),t.dim(`apply ai hints to layout`)].join(` `));let d=await r.views.layoutView({viewId:a.viewId,projectId:a.projectId,layoutHints:u});if(!d){e.error([t.red(`semantic:layout`),`layout hints failed`].join(` `));return}e.info([t.green(`semantic:layout`),t.dim(`save view snapshot`)].join(` `));let f=await r.editor.applyChange({viewId:a.viewId,projectId:a.projectId,change:{op:`save-view-snapshot`,layout:d.diagram}});if(!f.success){e.error([t.red(`semantic:layout`),`apply change failed`,f.error].join(` `));let n=Error(f.error);throw n.stack=f.error,n}e.info([t.green(`semantic:layout`),t.dim(`project:`),a.projectId,t.dim(`view:`),a.viewId,`✅`].join(` `))}async function calcAdhocView({logger:e,likec4:n},r){e.info([t.green(`adhoc:view`),t.dim(`project:`),r.projectId].join(` `));let i=await n.views.adhocView(r.predicates,r.projectId);return e.info([t.green(`adhoc:view`),`✅`].join(` `)),i}async function updateView({logger:e,likec4:n},r){e.info([t.green(`view:onChange`),t.dim(`project`),r.projectId,t.dim(`view`),r.viewId,t.dim(`change`),r.change.op].join(` `));let i=await n.editor.applyChange(r);if(!i.success){e.error(`Failed to apply view change:\n${i.error}`);let t=Error(i.error);throw t.stack=i.error,t}e.info([t.green(`view:onChange`),`✅`].join(` `))}function splitErrorMessage(e){let t=e.split(`
+`),n=/^\s+at\s+/,r=t.findIndex(e=>n.test(e));return r===-1&&(r=1),{message:t.slice(0,r).join(`
+`),stack:t.slice(r).join(`
+`)}}function sendError(e,{name:t,error:n}){e.hot.send({type:`error`,err:{...splitErrorMessage(n),name:t??`LikeC4PluginError`,plugin:`vite-plugin-likec4`}})}function enablePluginRPC(e){let t=null,n=e.server;ce({updateView:t=>updateView(e,t),calcAdhocView:t=>calcAdhocView(e,t),applySemanticLayout:t=>applySemanticLayout(e,t)},{on:e=>n.hot.on(`likec4:rpc`,e),post:e=>n.hot.send(`likec4:rpc`,e),onTimeoutError(e){return e===`applySemanticLayout`},onFunctionError:(r,i)=>{e.logger.error(`RPC error in ${i}`,{error:r});let a=r.stack??r.message;try{t!==a&&(t=a,sendError(n,{name:r.name,error:a}))}catch(t){e.logger.error(`Failed to send error to client`,{error:t})}}})}function createAppConfigModule(e){let{webcomponentPrefix:t=`likec4`,pageTitle:n=`LikeC4`,useHashHistory:r=!1,theme:i=`auto`}=e||{};return{id:`likec4:app-config`,virtualId:`likec4:plugin/app-config.js`,async load(){return logGenerating(`app-config`),`
+export let ComponentName = {
+  View: ${JSON.stringify(t+`-view`)},
+  Browser: ${JSON.stringify(t+`-browser`)},
+}
+
+let BASE = import.meta.env.BASE_URL
+if (!BASE.endsWith('/')) {
+  BASE = BASE + '/'
+}
+
+export let pageTitle = ${JSON.stringify(n)}
+export let useHashHistory = ${r}
+
+export let basepath = useHashHistory ? '/' : BASE
+
+export let isDevelopment = import.meta.env.DEV
+
+export let defaultTheme = ${JSON.stringify(i)}
+
+export let krokiD2SvgUrl = import.meta.env.VITE_KROKI_D2_SVG_URL || 'https://kroki.io/d2/svg'
+export let krokiPumlSvgUrl = import.meta.env.VITE_KROKI_D2_SVG_URL || 'https://kroki.io/plantuml/svg'
+
+`}}}const je=e(e=>e.charAt(0).toLocaleUpperCase()+e.slice(1),`capitalizeFirstLetter`),Me=e(e=>e.split(`.`).map(je).join(``),`fqnName`),Ne=e(e=>Me(e.parent?e.id.slice(e.parent.length+1):e.id),`nodeName`),d2direction=({autoLayout:e})=>{switch(e.direction){case`TB`:return`down`;case`BT`:return`up`;case`LR`:return`right`;case`RL`:return`left`}},d2shape=({shape:e})=>{switch(e){case`queue`:case`cylinder`:case`rectangle`:case`document`:return e;case`person`:return`c4-person`;case`storage`:return`stored_data`;case`component`:case`bucket`:case`mobile`:case`browser`:return`rectangle`}};function generateD2(e){let t=e.$view,{nodes:n,edges:r}=t,i=new Map,printNode=(e,t)=>{let r=Ne(e),a=(t?t+`.`:``)+r;i.set(e.id,a);let o=JSON.stringify(e.title),c=d2shape(e);return new s().append(r,`: {`,l).indent({indentedChildren:t=>t.append(`label: `,o,l).appendIf(c!==`rectangle`,`shape: `,c,l).appendIf(e.children.length>0,l,u(n.filter(t=>t.parent===e.id),e=>printNode(e,a))),indentation:2}).append(`}`,l)},printEdge=e=>new s().append(i.get(e.source),` -> `,i.get(e.target)).append(t=>e.label&&t.append(`: `,JSON.stringify(e.label)));return o(new s().append(`direction: `,d2direction(t),l,l).append(u(n.filter(e=>C(e.parent)),e=>printNode(e),{appendNewLineIfNotEmpty:!0})).appendIf(r.length>0,l,u(r,e=>printEdge(e),{appendNewLineIfNotEmpty:!0})))}const Y=`data:page/id,likec4-`,Pe=`diagrams.drawio`;function escapeXml(e){return e.replaceAll(`&`,`&amp;`).replaceAll(`<`,`&lt;`).replaceAll(`>`,`&gt;`).replaceAll(`"`,`&quot;`).replaceAll(`'`,`&apos;`)}function parseDrawioRoundtripComments(e){let t=e.split(/\r?\n/),n={},r={},i={},a={},o=!1,s=0;for(;s<t.length;){let e=t[s];if(e==null){s+=1;continue}if(e.trim()===`// <likec4.layout.drawio>`){o=!0,s+=1;let e=[];for(;s<t.length&&t[s]?.trim()!==`// </likec4.layout.drawio>`;){let n=t[s]?.trim();n?.startsWith(`// `)&&e.push(n.slice(3)),s+=1}if(e.length>0)try{let t=e.join(`
+`);n=JSON.parse(t)}catch{}s+=1;continue}if(e.trim()===`// <likec4.strokeColor.vertices>`){for(o=!0,s+=1;s<t.length&&t[s]?.trim()!==`// </likec4.strokeColor.vertices>`;){let e=t[s]?.trim();if(e?.startsWith(`// `)&&e.includes(`=`)){let t=e.slice(3).trim(),n=t.indexOf(`=`);if(n>0){let e=t.slice(0,n).trim(),i=t.slice(n+1).trim();e&&i&&(r[e]=i)}}s+=1}s+=1;continue}if(e.trim()===`// <likec4.strokeWidth.vertices>`){for(o=!0,s+=1;s<t.length&&t[s]?.trim()!==`// </likec4.strokeWidth.vertices>`;){let e=t[s]?.trim();if(e?.startsWith(`// `)&&e.includes(`=`)){let t=e.slice(3).trim(),n=t.indexOf(`=`);if(n>0){let e=t.slice(0,n).trim(),r=t.slice(n+1).trim();e&&r!==``&&(i[e]=r)}}s+=1}s+=1;continue}if(e.trim()===`// <likec4.edge.waypoints>`){for(o=!0,s+=1;s<t.length&&t[s]?.trim()!==`// </likec4.edge.waypoints>`;){let e=t[s]?.trim();if(e?.startsWith(`// `)){let t=e.slice(3).trim(),n=t.indexOf(` `);if(n>0){let e=t.slice(0,n).trim(),r=t.slice(n+1).trim();if(e&&r)try{let t=JSON.parse(r);Array.isArray(t)&&(a[e]=t)}catch{}}}s+=1}s+=1;continue}s+=1}return o?{layoutByView:n,strokeColorByFqn:r,strokeWidthByFqn:i,edgeWaypoints:a}:null}function compressDrawioDiagramXml(e){let t=encodeURIComponent(e),n=new TextEncoder().encode(t);return uint8ArrayToBase64(le.deflateRaw(n))}function uint8ArrayToBase64(e){if(typeof Buffer<`u`)return Buffer.from(e).toString(`base64`);let t=``;for(let n=0;n<e.length;n++)t+=String.fromCharCode(e[n]);return btoa(t)}const X={getNotes(e){return e.notes},getSummary(e){return e.summary},getTags(e){return e.tags},getNavigateTo(e){return e.navigateTo},getIcon(e){return e.icon},getLinks(e){return e.links},getNotation(e){return e.notation},getCustomData(e){return e.customData},getChildren(e){return e.children}},Z={getKind(e){return e.kind},getNotation(e){return e.notation},getLinks(e){return e.links},getMetadata(e){return e.metadata},getCustomData(e){return e.customData}};function getEffectiveStyles(e){return e.$styles??pe.DEFAULT}function escapeHtml(e){return e.replaceAll(`&`,`&amp;`).replaceAll(`<`,`&lt;`).replaceAll(`>`,`&gt;`).replaceAll(`"`,`&quot;`)}function toNonEmptyString(e){if(e==null)return``;let t=typeof e;if(t===`string`){let t=e;return t.trim()===``?``:t}return t===`number`||t===`boolean`?String(e):``}function getContainerDashedStyle(e,t){return e&&t!==`none`||t===`dashed`?`dashed=1;`:``}function getDefaultStrokeWidth(e,t){return e===`none`?`0`:t||e?`1`:``}function applyStrokeColorOverride(e,t){return{fill:e?.fill??`#dae8fc`,stroke:t,font:e?.font??t}}function resolveThemeColor(e,t,n){return t&&t in e.theme.colors?t:n}function getThemeColorValues(e,t,n){let r=getEffectiveStyles(e),i=resolveThemeColor(r,t??n,n);try{return r.colors(i)}catch{return pe.DEFAULT.colors(n)}}function drawioShape(e){let t=`shape=rectangle;rounded=1;arcSize=12;`;switch(e){case`person`:return`shape=actor;`;case`rectangle`:case`browser`:case`mobile`:case`bucket`:return t;case`cylinder`:case`queue`:case`storage`:return`shape=cylinder3;whiteSpace=wrap;boundedLbl=1;backgroundOutline=1;size=15;`;case`document`:return`shape=document;whiteSpace=wrap;html=1;boundedLbl=1;`;case`component`:return`shape=component;`;default:return t}}function getElementColors(e,t){let n=getThemeColorValues(e,t,`primary`).elements;return{fill:String(n.fill??`#dae8fc`),stroke:String(n.stroke??`#2563eb`),font:String(n.hiContrast??n.stroke??`#1e40af`)}}function getEdgeStrokeColor(e,t){let n=getThemeColorValues(e,t??`gray`,`gray`);return String(n.relationships?.line??`#1e40af`)}function getEdgeLabelColors(e,t){let n=getThemeColorValues(e,t??`gray`,`gray`).relationships;return{font:String(n?.label??n?.line??`#1e40af`),background:String(n?.labelBg??`#ffffff`)}}function edgeAnchors(e,t){let n=e.x+e.width/2,r=e.y+e.height/2,i=t.x+t.width/2,a=t.y+t.height/2,o=i-n,s=a-r,c=Math.abs(o)>=Math.abs(s);return{exitX:c?+(o>=0):.5,exitY:c?.5:+(s>=0),entryX:c?o>=0?0:1:.5,entryY:c?.5:s>=0?0:1}}function normalizeEdgePoint(e){if(Array.isArray(e)&&e.length>=2&&typeof e[0]==`number`&&typeof e[1]==`number`)return[[e[0],e[1]]];let t=e;return typeof t.x==`number`&&typeof t.y==`number`?[[t.x,t.y]]:[]}function buildNodeValueHtml(e,t,n,r,i,a){return n?``:t===``?`<div style="box-sizing:border-box;width:100%;min-height:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:${r};font-family:${i};"><b style="font-size:${a}px;">${escapeHtml(e)}</b></div>`:`<div style="box-sizing:border-box;width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:${r};font-family:${i};"><b style="font-size:${a}px;">${escapeHtml(e)}</b><br/><span style="font-weight:normal;font-size:${a}px;">${escapeHtml(t)}</span></div>`}function pushStylePart(e,t,n){n!=null&&n!==``&&e.push(`${t}=${encodeURIComponent(n)}`)}function pushStylePartNum(e,t,n){n!=null&&e.push(`${t}=${n}`)}function buildNavLinkStyle(e){return e===``?``:`link=${encodeURIComponent(`${Y}${e}`)};`}function toExportString(e){let t=e==null?null:L(e);return t!=null&&!S(t)?t.trim():``}function linksToStyleJson(e){return!Array.isArray(e)||e.length===0?``:encodeURIComponent(JSON.stringify(e.map(e=>({url:e.url,title:e.title}))))}function metadataToStyleJson(e){return typeof e!=`object`||!e||Array.isArray(e)||Object.keys(e).length===0?``:encodeURIComponent(JSON.stringify(e))}const Fe=/^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{4}|[0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$/;function buildLikec4StyleForNode(e){let t=[];return pushStylePart(t,`likec4Description`,e.desc),pushStylePart(t,`likec4Technology`,e.tech),pushStylePart(t,`likec4Notes`,e.notes),pushStylePart(t,`likec4Tags`,e.tagList),pushStylePart(t,`likec4NavigateTo`,e.navTo),pushStylePart(t,`likec4Icon`,e.iconName),pushStylePart(t,`likec4Summary`,e.summaryStr),e.linksJson!==``&&t.push(`likec4Links=${e.linksJson}`),pushStylePart(t,`likec4Border`,e.borderVal),pushStylePartNum(t,`likec4Opacity`,e.containerOpacityNum),pushStylePart(t,`likec4StrokeWidth`,e.strokeWidth),e.colorNameForRoundtrip!==``&&t.push(`likec4ColorName=${e.colorNameForRoundtrip}`),pushStylePart(t,`likec4Size`,e.nodeStyle?.size),pushStylePart(t,`likec4Padding`,e.nodeStyle?.padding),pushStylePart(t,`likec4TextSize`,e.nodeStyle?.textSize),pushStylePart(t,`likec4IconPosition`,e.nodeStyle?.iconPosition),e.strokeHex&&Fe.test(e.strokeHex)&&pushStylePart(t,`likec4StrokeColor`,e.strokeHex),pushStylePart(t,`likec4Notation`,e.nodeNotation??void 0),t.length>0?t.join(`;`)+`;`:``}function buildBridgeManagedStyleForNode(e,t,n,r){if(r?.profile!==`leanix`)return``;let i=[`bridgeManaged=true`,`likec4Id=${encodeURIComponent(e)}`,`likec4Kind=${encodeURIComponent(t)}`,`likec4ViewId=${encodeURIComponent(n)}`];r.projectId!=null&&r.projectId!==``&&i.push(`likec4ProjectId=${encodeURIComponent(r.projectId)}`);let a=r.leanixFactSheetTypeByKind?.[t];return a!=null&&a!==``&&i.push(`leanixFactSheetType=${encodeURIComponent(a)}`),i.join(`;`)+`;`}function buildBridgeManagedStyleForEdge(e,t){return t?.profile===`leanix`?`bridgeManaged=true;likec4RelationId=${encodeURIComponent(e)};`:``}function buildMxUserObjectXml(e){return!e||typeof e!=`object`||Array.isArray(e)||Object.keys(e).length===0?``:`
+  <mxUserObject>`+Object.entries(e).map(([e,t])=>{let n=typeof t==`string`?t:t==null?``:String(t);return`<data key="${escapeXml(e)}">${escapeXml(n)}</data>`}).join(``)+`</mxUserObject>`}function buildLikec4StyleForEdge(e){let t=[];return pushStylePart(t,`likec4Description`,e.edgeDesc),pushStylePart(t,`likec4Technology`,e.edgeTech),pushStylePart(t,`likec4Notes`,e.edgeNotes),pushStylePart(t,`likec4NavigateTo`,e.edgeNavTo),pushStylePart(t,`likec4RelationshipKind`,e.edgeKind??void 0),pushStylePart(t,`likec4Notation`,e.edgeNotation??void 0),e.edgeLinksJson!==``&&t.push(`likec4Links=${e.edgeLinksJson}`),e.edgeMetadataJson!==``&&t.push(`likec4Metadata=${e.edgeMetadataJson}`),t.length>0?t.join(`;`)+`;`:``}function buildEdgeLabelValue(e){return e.label?escapeXml(e.label):``}function buildEdgeGeometryXml(e,t){let n=t?.[`${e.source}|${e.target}|${e.id}`]??t?.[`${e.source}|${e.target}`],r=Array.isArray(n)?n.flatMap(normalizeEdgePoint):[];return r.length>0?`<mxGeometry relative="1" as="geometry">${`<Array as="points">`+r.map(([e,t])=>`<mxPoint x="${Math.round(e)}" y="${Math.round(t)}"/>`).join(``)+`</Array>`}</mxGeometry>`:`<mxGeometry relative="1" as="geometry" />`}function buildEdgeStyleString(e,t,n,r,i){let{bboxes:a,fontFamily:o}=t,s=a.get(e.source),c=a.get(e.target),l=s&&c?edgeAnchors(s,c):{exitX:1,exitY:.5,entryX:0,entryY:.5},u=`exitX=${l.exitX};exitY=${l.exitY};entryX=${l.entryX};entryY=${l.entryY};`,d=getEdgeStrokeColor(n,e.color),f=e.line===`dashed`?`dashed=1;`:e.line===`dotted`?`dashed=1;dashPattern=1 1;`:``,p=drawioArrow(e.head),m=e.tail==null||e.tail===`none`?`none`:drawioArrow(e.tail),h=buildLikec4StyleForEdge({edgeDesc:toExportString(e.description),edgeTech:toExportString(e.technology),edgeNotes:toExportString(e.notes),edgeNavTo:toNonEmptyString(e.navigateTo),edgeKind:Z.getKind(e),edgeNotation:Z.getNotation(e),edgeLinksJson:linksToStyleJson(Z.getLinks(e)),edgeMetadataJson:metadataToStyleJson(Z.getMetadata(e))}),g=buildBridgeManagedStyleForEdge(e.id,i),_=getEdgeLabelColors(n,e.color);return`endArrow=${p};startArrow=${m};html=1;rounded=0;${u}strokeColor=${d};strokeWidth=2;${f}${r===``?``:`fontColor=${_.font};fontSize=12;align=center;verticalAlign=middle;labelBackgroundColor=none;fontFamily=${encodeURIComponent(o)};`}${h}${g}`}function buildEdgeCellXml(e,t,n,r,i,a){let{defaultParentId:o}=t,s=i(e.source),c=i(e.target),l=buildEdgeLabelValue(e),u=buildEdgeGeometryXml(e,n?.edgeWaypoints);return`<mxCell id="${a}" value="${l}" style="${buildEdgeStyleString(e,t,r,l,n)}" edge="1" parent="${o}" source="${s}" target="${c}">
+  ${u}${buildMxUserObjectXml(Z.getCustomData(e))}
+</mxCell>`}function computeNodeGeometry(e,t,n){let{bboxes:r,defaultParentId:i,nodeIdsInView:a}=t,o=n(e.id),s=r.get(e.id),{width:c,height:l}=s,u=e.parent!=null&&a.has(e.parent)?n(e.parent):i,d=e.parent==null?void 0:r.get(e.parent);return{id:o,parentId:u,x:d==null?s.x+t.offsetX:s.x-d.x,y:d==null?s.y+t.offsetY:s.y-d.y,width:c,height:l}}function computeNodeStylePartsAndValue(e,t,n,r){let{containerNodeIds:i,effectiveStyles:a,fontFamily:o,containerTitleFontSizePx:s,containerTitleColor:c}=t,l=n?.strokeColorByNodeId,u=n?.strokeWidthByNodeId,d=i.has(e.id),f=e.kind??``,p=e.title,m=toExportString(e.description),h=toExportString(e.technology),g=toExportString(X.getNotes(e)),_=X.getTags(e),v=Array.isArray(_)&&_.length>0?_.join(`,`):``,y=toNonEmptyString(X.getNavigateTo(e)),b=toNonEmptyString(X.getIcon(e)),ee=f===`actor`||e.shape===`person`,te=d?`shape=rectangle;rounded=0;container=1;collapsible=0;startSize=0;`:ee?`shape=actor;`:drawioShape(e.shape),x=l?.[e.id],S=u?.[e.id],C=x?applyStrokeColorOverride(getElementColors(r,e.color),x):getElementColors(r,e.color),w=C?.fill??`#dae8fc`,T=C?.stroke??`#2563eb`,E=C?.font??C?.stroke??`#1e40af`,D=`fillColor=${w};strokeColor=${T};fontColor=${E};`,O=e.style,k=a.fontSize(O?.textSize),ne=escapeXml(buildNodeValueHtml(p,m,d,E,o,k)),A=O?.border,j=S??getDefaultStrokeWidth(A,d),re=j===``?``:`strokeWidth=${j};`,M=getContainerDashedStyle(d,A),N=d===!0?O?.opacity??15:void 0,P=N!=null&&d===!0?`fillOpacity=${Math.min(100,Math.max(0,N))};`:``,ie=buildLikec4StyleForNode({desc:m,tech:h,notes:g,tagList:v,navTo:y,iconName:b,summaryStr:toExportString(X.getSummary(e)),linksJson:linksToStyleJson(X.getLinks(e)),borderVal:A,containerOpacityNum:N,strokeWidth:j,colorNameForRoundtrip:e.color?encodeURIComponent(String(e.color)):``,nodeStyle:O,strokeHex:T,nodeNotation:X.getNotation(e)})+buildBridgeManagedStyleForNode(e.id,f,t.view.id,n),F=buildMxUserObjectXml(X.getCustomData(e)),ae=buildNavLinkStyle(y);return{value:ne,styleStr:`${d?`align=left;verticalAlign=top;overflow=fill;whiteSpace=wrap;html=1;`:`align=center;verticalAlign=middle;verticalLabelPosition=middle;labelPosition=center;fontSize=${k};fontStyle=1;spacingTop=4;spacingLeft=2;spacingRight=2;spacingBottom=2;overflow=fill;whiteSpace=wrap;html=1;fontFamily=${encodeURIComponent(o)};`}${te}${D}${re}${M}${P}${ae}${ie}`,userObjectXml:F,navTo:y,isContainer:d,title:p,fontFamily:o,containerTitleFontSizePx:s,containerTitleColor:c}}function computeNodeCellExportData(e,t,n,r,i,a){let o=computeNodeGeometry(e,t,i),s=computeNodeStylePartsAndValue(e,t,n,r);return{...o,value:s.value,styleStr:s.styleStr,userObjectXml:s.userObjectXml,navTo:s.navTo,isContainer:s.isContainer,fontFamily:s.fontFamily,...s.isContainer&&{title:s.title??``,titleCellId:String(a),containerTitleFontSizePx:s.containerTitleFontSizePx,containerTitleColor:s.containerTitleColor}}}function buildNodeCellXml(e){let t=`<mxGeometry height="${Math.round(e.height)}" width="${Math.round(e.width)}" x="${Math.round(e.x)}" y="${Math.round(e.y)}" as="geometry" />`,n=e.userObjectXml===``?`\n  ${t}`:`${e.userObjectXml}\n  ${t}`,r=e.isContainer&&e.title!=null?escapeXml(e.title):e.value,i=e.navTo===``?`<mxCell id="${e.id}" value="${e.value}" style="${e.styleStr}" vertex="1" parent="${e.parentId}">\n  ${n}\n</mxCell>`:`<UserObject label="${r}" link="${Y}${escapeXml(e.navTo)}" id="${e.id}">\n  <mxCell parent="${e.parentId}" style="${e.styleStr}" value="${e.value}" vertex="1">\n  ${n}\n</mxCell>\n</UserObject>`;return e.isContainer?{vertexXml:i,titleCellXml:buildContainerTitleCellXml(e.title??``,e.titleCellId??e.id,e.navTo,e.id,e.fontFamily,e.containerTitleFontSizePx??12,e.containerTitleColor??`#74c0fc`),isContainer:!0}:{vertexXml:i,isContainer:!1}}function buildContainerTitleCellXml(e,t,n,r,i,a,o){let s=escapeXml(e),c=Math.max(60,Math.min(260,e.length*8)),l=buildNavLinkStyle(n),u=`shape=text;html=1;fillColor=none;strokeColor=none;align=left;verticalAlign=top;fontSize=${a};fontStyle=1;fontColor=${o};fontFamily=${encodeURIComponent(i)};${l}`;if(n===``)return`<mxCell id="${t}" value="${s}" style="${u}" vertex="1" parent="${r}">\n  <mxGeometry x="8" y="8" width="${c}" height="18" as="geometry" />\n</mxCell>`;let d=`<mxCell parent="${r}" style="${u}" value="${s}" vertex="1">\n  <mxGeometry x="8" y="8" width="${c}" height="18" as="geometry" />\n</mxCell>`;return`<UserObject label="${escapeXml(e)}" link="${Y}${escapeXml(n)}" id="${t}">\n  ${d}\n</UserObject>`}function getViewTitle(e){return typeof e.title==`string`?e.title:null}function getViewDescriptionString(e){let t=e.description;return typeof t==`object`&&t&&`txt`in t?String(t.txt):typeof t==`object`&&t&&`md`in t?String(t.md):typeof t==`string`?t:``}function getLeanixRootStyleParts(e,t){let n=[`bridgeManaged=true;`,`likec4ViewId=${encodeURIComponent(e.id)};`];return t.projectId!=null&&t.projectId!==``&&n.push(`likec4ProjectId=${encodeURIComponent(t.projectId)};`),n}function buildRootCellStyle(e,t){let n=getViewTitle(e),r=getViewDescriptionString(e),i=r.trim()===``?``:encodeURIComponent(r.trim()),a=e.notation,o=typeof a==`string`&&a!==``?a:void 0,s=o==null?``:encodeURIComponent(o),c=[`rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=none;`,`likec4ViewTitle=${encodeURIComponent(n??e.id)};`,i===``?``:`likec4ViewDescription=${i};`,s===``?``:`likec4ViewNotation=${s};`];return t?.profile===`leanix`&&c.push(...getLeanixRootStyleParts(e,t)),c.join(``)}function drawioArrow(e){switch(e){case`none`:return`none`;case`open`:case`onormal`:case`vee`:return`open`;case`diamond`:case`odiamond`:return`diamond`;case`dot`:case`odot`:return`oval`;case`crow`:return`block`;default:return`block`}}const Q={x:0,y:0,width:120,height:60};function isDefaultBbox(e){return e.x===Q.x&&e.y===Q.y&&e.width===Q.width&&e.height===Q.height}function spreadUnlaidNodesOverVertical(e,t,n){let bboxKey=e=>`${e.x},${e.y},${e.width},${e.height}`,r=t.filter(e=>!n.has(e.id)),i=new Map;for(let t of r){let n=e.get(t.id);if(!n)continue;let r=bboxKey(n),a=i.get(r)??[];a.push(t),i.set(r,a)}for(let t of i.values()){if(t.length<=1)continue;let n=t[0],r=n?e.get(n.id):void 0;r&&isDefaultBbox(r)&&t.forEach((t,n)=>{e.set(t.id,{...r,x:r.x,y:r.y+n*(r.height+24)})})}}function computeContainerBboxesFromChildren(e,t,n,r,i,a){let o=[...n].filter(e=>t.has(e.id)).sort((e,t)=>(t.level??0)-(e.level??0));for(let t of o){let n=(X.getChildren(t)??[]).filter(e=>r.has(e));if(n.length===0||!isDefaultBbox(e.get(t.id)))continue;let o=1/0,s=1/0,c=-1/0,l=-1/0;for(let t of n){let n=e.get(t);n&&(o=Math.min(o,n.x),s=Math.min(s,n.y),c=Math.max(c,n.x+n.width),l=Math.max(l,n.y+n.height))}o!==1/0&&e.set(t.id,{x:o-i,y:s-a,width:c-o+2*i,height:l-s+2*a})}}function computeContentBoundsAndOffsets(e){let t=1/0,n=1/0,r=-1/0,i=-1/0;for(let a of e.values())t=Math.min(t,a.x),n=Math.min(n,a.y),r=Math.max(r,a.x+a.width),i=Math.max(i,a.y+a.height);t===1/0&&(t=0),n===1/0&&(n=0),r===-1/0&&(r=t+800),i===-1/0&&(i=n+600);let a=t+(r-t)/2,o=n+(i-n)/2;return{offsetX:800/2-a,offsetY:600/2-o,canvasWidth:800,canvasHeight:600}}function computeDiagramLayout(e,t){let n=e.$view,{nodes:r}=n,i=t?.layoutOverride,a=[...r].sort((e,t)=>C(e.parent)&&C(t.parent)?0:C(e.parent)?-1:C(t.parent)?1:e.parent===t.parent?0:e.id.startsWith(t.id+`.`)?1:t.id.startsWith(e.id+`.`)?-1:0),getBBox=e=>{let t=i?.[e.id];if(t)return t;let n=e;return{x:typeof n.x==`number`?n.x:Array.isArray(n.position)?n.position[0]:0,y:typeof n.y==`number`?n.y:Array.isArray(n.position)?n.position[1]:0,width:typeof n.width==`number`?n.width:n.size?.width??120,height:typeof n.height==`number`?n.height:n.size?.height??60}},o=new Map;for(let e of a)o.set(e.id,getBBox(e));let s=new Set(r.map(e=>e.id)),c=new Set(r.filter(e=>{let t=X.getChildren(e);return Array.isArray(t)&&t.some(e=>s.has(e))}).map(e=>e.id));spreadUnlaidNodesOverVertical(o,a,c);let l=getEffectiveStyles(e),u=l.theme.spacing.xl;computeContainerBboxesFromChildren(o,c,a,s,u,l.theme.spacing.xl+l.theme.spacing.md);let{offsetX:d,offsetY:f,canvasWidth:p,canvasHeight:m}=computeContentBoundsAndOffsets(o);return{view:n,bboxes:o,containerNodeIds:c,sortedNodes:a,offsetX:d,offsetY:f,canvasWidth:p,canvasHeight:m,defaultParentId:`1`,rootId:`0`,effectiveStyles:l,fontFamily:`'IBM Plex Sans Variable',ui-sans-serif,system-ui,sans-serif`,containerTitleFontSizePx:Math.round(l.theme.textSizes.xs),containerTitleColor:`#74c0fc`,nodeIdsInView:s}}function generateDiagramContent(e,t){let n=e.$view,{edges:r}=n,i=t?.compressed!==!1,a=computeDiagramLayout(e,t),{sortedNodes:o,defaultParentId:s,rootId:c,canvasWidth:l,canvasHeight:u}=a,d=new Map,f=2,getCellId=e=>{let t=d.get(e);if(!t){if(f>=1e4)throw Error(`DrawIO cell ID range exhausted`);t=String(f++),d.set(e,t)}return t},p=[],m=[],h=[],g=1e4;for(let n of o){let r=buildNodeCellXml(computeNodeCellExportData(n,a,t,e,getCellId,g));r.isContainer?(p.push(r.vertexXml),r.titleCellXml&&p.push(r.titleCellXml),g++):m.push(r.vertexXml)}for(let n of r){if(f>=1e4)throw Error(`DrawIO cell ID range exhausted`);let r=String(f++);h.push(buildEdgeCellXml(n,a,t,e,getCellId,r))}let _=[`<mxCell id="${s}" value="" style="${buildRootCellStyle(n,t)}" vertex="1" parent="${c}">
+  <mxGeometry x="0" y="0" width="${l}" height="${u}" as="geometry" />
+</mxCell>`,...p,...m,...h].join(`
+`),v=(getViewTitle(n)??n.id).trim()||n.id,y=`<mxGraphModel dx="800" dy="800" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
+      <root>
+        <mxCell id="${c}" />
+        ${_}
+      </root>
+    </mxGraphModel>`,b=i?compressDrawioDiagramXml(y):y;return{name:v,id:n.id,content:b}}function wrapInMxFile(e,t){let n=escapeXml(t??new Date().toISOString());return e.length===0?`<?xml version="1.0" encoding="UTF-8"?>
+<mxfile host="LikeC4" modified="${n}" agent="LikeC4" version="1.0" etag="" type="device">
+</mxfile>
+`:`<?xml version="1.0" encoding="UTF-8"?>
+<mxfile host="LikeC4" modified="${n}" agent="LikeC4" version="1.0" etag="" type="device"${e.length>1?` pages="${e.length}"`:``}>
+${e.map(e=>`  <diagram name="${escapeXml(e.name)}" id="likec4-${escapeXml(e.id)}">${e.content}</diagram>`).join(`
+`)}
+</mxfile>
+`}function generateDrawio(e,t){return wrapInMxFile([generateDiagramContent(e,t)],t?.modified)}function generateDrawioMulti(e,t,n){return wrapInMxFile(e.map(e=>generateDiagramContent(e,t?.[e.$view.id])),n)}function buildOptionsFromRoundtrip(e,t,n){let r={compressed:!1,...n};if(!t)return r;let i=t.layoutByView[e]?.nodes;return i!=null&&(r.layoutOverride=i),Object.keys(t.strokeColorByFqn).length>0&&(r.strokeColorByNodeId=t.strokeColorByFqn),Object.keys(t.strokeWidthByFqn).length>0&&(r.strokeWidthByNodeId=t.strokeWidthByFqn),Object.keys(t.edgeWaypoints).length>0&&(r.edgeWaypoints=t.edgeWaypoints),r}function buildDrawioExportOptionsForViews(e,t,n){let r=t?parseDrawioRoundtripComments(t):null;return Object.fromEntries(e.map(e=>[e,buildOptionsFromRoundtrip(e,r,n)]))}function generateDrawioEditUrl(e){let t=compressDrawioDiagramXml(e),n=JSON.stringify({type:`xml`,compressed:!0,data:t});return`https://app.diagrams.net/#create=`+encodeURIComponent(n)}const Ie=e(e=>e.charAt(0).toLocaleUpperCase()+e.slice(1),`capitalizeFirstLetter`),Le=e(e=>e.split(`.`).map(Ie).join(``),`fqnName`),Re=e(e=>Le(e.parent?e.id.slice(e.parent.length+1):e.id),`nodeName`),toSingleQuotes=e=>e.replace(/\\?"/g,`'`),mmdshape=({shape:e,title:t})=>{let n=`label: ${JSON.stringify(t)}`;switch(e){case`queue`:return`@{ shape: horizontal-cylinder, ${n} }`;case`person`:return`@{ icon: "fa:user", shape: rounded, ${n} }`;case`storage`:return`@{ shape: disk, ${n} }`;case`cylinder`:return`@{ shape: cylinder, ${n} }`;case`mobile`:case`browser`:return`@{ shape: rounded, ${n} }`;case`bucket`:return`@{ shape: trap-t, ${n} }`;case`rectangle`:return`@{ shape: rectangle, ${n} }`;case`document`:return`@{ shape: doc, ${n} }`;case`component`:return`@{ shape: rectangle, ${n} }`;default:he(e)}};function generateMermaid(e){let t=e.$view,{nodes:n,edges:r}=t,i=new Map,printNode=(e,t)=>{let r=Re(e),a=(t?t+`.`:``)+r;i.set(e.id,a);let o=new s;if(e.children.length>0){let t=toSingleQuotes(e.title);o.append(`subgraph `,a,'["`',t,'`"]',l).indent({indentedChildren:[u(n.filter(t=>t.parent===e.id),e=>printNode(e,a),{appendNewLineIfNotEmpty:!0})],indentation:2}).append(`end`,l)}else o.append(a,mmdshape(e));return o},printEdge=e=>new s().append(i.get(e.source),` -.`,e.label?' "`'+toSingleQuotes(e.label)+'`" .-':`-`,`> `,i.get(e.target));return o(new s().append(`---`,l,`title: ${JSON.stringify(toSingleQuotes(e.titleOrId))}`,l,`---`,l).append(`graph `,t.autoLayout.direction,l).indent({indentedChildren:e=>{e.append(u(n.filter(e=>C(e.parent)),e=>printNode(e),{appendNewLineIfNotEmpty:!0})).appendIf(r.length>0,u(r,e=>printEdge(e),{appendNewLineIfNotEmpty:!0}))},indentation:2}))}const capitalizeFirstLetter=e=>e.charAt(0).toLocaleUpperCase()+e.slice(1),fqnName=e=>e.split(/[.-]/).map(capitalizeFirstLetter).join(``),nodeName=e=>fqnName(e.parent?e.id.slice(e.parent.length+1):e.id),pumlColor=(e,t,n=`#3b82f6`)=>e?t(e)??n:n,pumlDirection=({autoLayout:e})=>{switch(e.direction){case`TB`:return`top to bottom`;case`BT`:return console.warn(`Bottom to top direction is not supported. Defaulting to top to bottom.`),`top to bottom`;case`LR`:return`left to right`;case`RL`:return console.warn(`Right to left direction is not supported. Defaulting to left to right.`),`left to right`}},pumlShape=({shape:e})=>{switch(e){case`queue`:case`rectangle`:case`person`:return e;case`storage`:case`cylinder`:return`database`;case`component`:return`component`;case`document`:case`mobile`:case`bucket`:case`browser`:return`rectangle`;default:he(e)}},escapeLabel=e=>S(e)?null:JSON.stringify(e).slice(1,-1).replace(/\\"/g,`"`);function generatePuml(e){let t=e.$view,n=e.$model.$styles.theme.colors,{nodes:r,edges:i}=t,elementColorProvider=e=>t=>t in n?n[t].elements[e]:void 0,relationshipsColorProvider=e=>t=>t in n?n[t].relationships[e]:void 0,a=new Map,printHeader=()=>new s().append(`title "`,e.titleOrId,`"`,l).append(pumlDirection(t),` direction`,l),printTheme=()=>new s().append(`hide stereotype`,l).append(`skinparam ranksep `,`60`,l).append(`skinparam nodesep `,`30`,l).append(`skinparam {`,l).indent({indentedChildren:e=>e.append(`arrowFontSize `,`10`,l).append(`defaultTextAlignment `,`center`,l).append(`wrapWidth `,`200`,l).append(`maxMessageSize `,`100`,l).append(`shadowing `,`false`,l),indentation:2}).append(`}`,l),printStereotypes=e=>{let t=pumlShape(e),n=fqnName(e.id);return new s().append(`skinparam `,t,`<<`,n,`>>`,`{`,l).indent({indentedChildren:t=>t.append(`BackgroundColor `,pumlColor(e.color,elementColorProvider(`fill`)),l).append(`FontColor `,pumlColor(e.color,elementColorProvider(`hiContrast`),`#FFFFFF`),l).append(`BorderColor `,pumlColor(e.color,elementColorProvider(`stroke`)),l),indentation:2}).append(`}`,l)},printNode=e=>{let t=pumlShape(e),n=fqnName(e.id),r=escapeLabel(e.title)||nodeName(e),i=escapeLabel(e.technology);a.set(e.id,n);let o=de.from(e.description);return new s().append(t,` `).append(`"`).append(`==`,r).appendIf(!!i,`\\n<size:10>[`,i,`]</size>`).appendIf(o.nonEmpty,`\\n\\n`,escapeLabel(o.text)).append(`"`,` <<`,n,`>> `,`as `,n,l)},printBoundary=e=>{let t=escapeLabel(e.title)||nodeName(e),n=fqnName(e.id);return a.set(e.id,n),new s().append(`rectangle "`,t,`" <<`,n,`>> as `,n,` {`,l).indent({indentedChildren:t=>t.append(`skinparam `,`RectangleBorderColor<<`,n,`>> `,pumlColor(e.color,elementColorProvider(`fill`)),l).append(`skinparam `,`RectangleFontColor<<`,n,`>> `,pumlColor(e.color,elementColorProvider(`fill`)),l).append(`skinparam `,`RectangleBorderStyle<<`,n,`>> `,`dashed`,l,l).append(u(r.filter(t=>t.parent===e.id),e=>e.children.length>0?printBoundary(e):printNode(e))),indentation:2}).append(`}`,l)},printEdge=e=>{let t=e.technology||``,n=e.label||t,r=pumlColor(e.color,relationshipsColorProvider(`line`),`#777777`),withColor=e=>`<color:${r}>${e.replaceAll(`"`,`'`)}`,i=new s().append(a.get(e.source),` .[`,r,`,thickness=2].> `,a.get(e.target));return(n||t)&&(i.append(` : `,n.split(`
+`).map(e=>S(e)?e:withColor(e)).join(`\\n`)),t&&t!==n&&i.append(`\\n<size:8>[`,withColor(t),`]</size>`)),i.append(l)};return o(new s().append(`@startuml`,l).append(printHeader(),l).append(printTheme(),l).append(u(r.filter(e=>e.children.length==0),e=>printStereotypes(e),{appendNewLineIfNotEmpty:!0})).append(u(r.filter(e=>C(e.parent)),e=>e.children.length>0?printBoundary(e):printNode(e),{appendNewLineIfNotEmpty:!0})).appendIf(i.length>0,l,u(i,e=>printEdge(e),{appendNewLineIfNotEmpty:!0})).append(`@enduml`,l))}function code$9(e){let t=new s;return t.appendTemplate`
+    /******************************************************************************
+     * This file was generated
+     * DO NOT EDIT MANUALLY!
+     ******************************************************************************/
+    /* eslint-disable */
+
+    export let d2Source = (viewId) => {
+      switch (viewId) {
+  `.appendNewLine().indent({indentation:4,indentedChildren(t){t.append(u([...e.views()],e=>c`
+              case ${JSON.stringify(e.id)}: {
+                return ${JSON.stringify(generateD2(e))}
+              }
+            `,{appendNewLineIfNotEmpty:!0})).appendTemplate`
+        default: {
+          throw new Error('Unknown viewId: ' + viewId)
+        }
+      `}}).append(l,`  }`,l).appendTemplate`
+    }
+    `.append(l,l),o(t)}e(code$9,`code`);const ze={...generateMatches(`d2`),async load({likec4:e,project:t}){return logGenerating(`d2`,t.id),{code:code$9(await e.computedModel(t.id)),moduleType:`js`}}},Be=generateCombinedProjects(`d2`,`loadD2Sources`);function code$8(e){let t=new s;return t.appendTemplate`
+    /******************************************************************************
+     * This file was generated
+     * DO NOT EDIT MANUALLY!
+     ******************************************************************************/
+    /* eslint-disable */
+
+    export let dotSource = (viewId) => {
+      switch (viewId) {
+  `.appendNewLine().indent({indentation:4,indentedChildren(t){t.append(u(Object.keys(e),t=>c`
+              case ${JSON.stringify(t)}: {
+                return ${JSON.stringify(e[t].dot)}
+              }
+            `,{appendNewLineIfNotEmpty:!0})).appendTemplate`
+          default: {
+            throw new Error('Unknown viewId: ' + viewId)
+          }
+        `}}).append(l,`  }`,l).appendTemplate`
+    }
+
+    export let svgSource = (viewId) => {
+      switch (viewId) {
+    `.appendNewLine().indent({indentation:4,indentedChildren(t){t.append(u(Object.keys(e),t=>c`
+              case ${hardenJsonStringLiteralForEmbeddedScript(JSON.stringify(t))}: {
+                return ${hardenJsonStringLiteralForEmbeddedScript(JSON.stringify(e[t].svg))}
+              }
+            `,{appendNewLineIfNotEmpty:!0})).appendTemplate`
+          default: {
+            throw new Error('Unknown viewId: ' + viewId)
+          }
+        `}}).append(l,`  }`,l,`}`,l,l),o(t)}e(code$8,`code`);const Ve={...generateMatches(`dot`),async load({likec4:e,project:t}){return logGenerating(`dot`,t.id),{code:code$8(ie(await e.views.viewsAsGraphvizOut(t.id),({id:e,svg:t,dot:n})=>[e,{dot:n,svg:t}])),moduleType:`js`}}},He=generateCombinedProjects(`dot`,`loadDotSources`);function code$7(e){let t=new s;return t.appendTemplate`
+    /******************************************************************************
+     * This file was generated
+     * DO NOT EDIT MANUALLY!
+     ******************************************************************************/
+    /* eslint-disable */
+
+    export function drawioEditUrl(viewId) {
+      switch (viewId) {
+  `.appendNewLine().indent({indentation:4,indentedChildren(t){t.append(u([...e.views()],e=>c`
+              case ${JSON.stringify(e.id)}: {
+                return ${JSON.stringify(generateDrawioEditUrl(generateDrawio(e)))}
+              }
+            `,{appendNewLineIfNotEmpty:!0})).appendTemplate`
+        default: {
+          throw new Error('Unknown viewId: ' + viewId)
+        }
+      `}}).append(l,`  }`,l).appendTemplate`
+    }
+    `.append(l,l),o(t)}e(code$7,`code`);const Ue={...generateMatches(`drawio`),async load({likec4:e,project:t}){return logGenerating(`drawio`,t.id),{code:code$7(await e.layoutedModel(t.id)),moduleType:`js`}}},We=generateCombinedProjects(`drawio`,`loadDrawioSources`),Ge=/^(https?:)?\/\//i;function code$6(e){let{imports:t,cases:n}=A(e,te(e=>e.nodes),F(e=>e.icon??void 0),D(e=>b(e)&&!Ge.test(e)),N(),re(ge)).reduce((e,t,n)=>{let r=t.startsWith(`file:`),i=`Icon`+n.toString().padStart(2,`0`);if(r)return e.imports.push(`import ${i} from '${t}?inline'`),e.cases.push(`  '${t}': () => jsx('img', { src: ${i} })`),e;let[a,o]=t.split(`:`),s=`likec4:icon-bundle/${a}/${o}.jsx`;return e.imports.push(`import ${i} from '${s}'`),e.cases.push(`  '${a}:${o}': ${i}`),e},{imports:[],cases:[]});return`
+import { jsx } from 'react/jsx-runtime'
+${t.join(`
+`)}
+
+const Icons = {
+${n.join(`,
+`)}
+}
+export function IconRenderer({ node, ...props }) {
+  const IconComponent = Icons[node.icon ?? '']
+  if (!IconComponent) {
+    return null
+  }
+  return jsx(IconComponent, props)
+}
+`}e(code$6,`code`);const Ke={...generateMatches(`icons`,`.jsx`),async load({likec4:e,project:t}){logGenerating(`icons`,t.id);let n=await e.computedModel(t.id);return{moduleType:`jsx`,code:code$6([...P(n.$data.views),...P(n.$data.manualLayouts??{})])}}},qe=/^[a-zA-Z0-9_.-]+$/;function embedProjectIdAsJsString(e){if(!qe.test(e))throw Error(`Unsafe value for code generation: ${e}`);return JSON.stringify(e)}function embedUrlAsJsString(e){return JSON.stringify(e)}const Je={id:`likec4:icons`,virtualId:`likec4:plugin/icons.jsx`,async load({projects:e,logger:n}){logGenerating(`icons`);let{imports:r,cases:i}=e.filter(e=>qe.test(e.id)?!0:(n.warn(t.yellow(`Skipping project with unsafe id for icons registry: ${e.id}`)),!1)).reduce((e,t,n)=>{let r=`Project`+n.toString().padStart(2,`0`),i=hardenJsonStringLiteralForEmbeddedScript(embedProjectIdAsJsString(t.id)),a=hardenJsonStringLiteralForEmbeddedScript(embedUrlAsJsString(d(`likec4:icons`,t.id)));return e.imports.push(`import {IconRenderer as ${r}} from ${a}`),e.cases.push(`  ${i}: ${r}`),e},{imports:[],cases:[]});return{code:`
+import { jsx } from 'react/jsx-runtime'
+${r.join(`
+`)}
+
+export let ProjectIconsRegistry = {
+${i.join(`,
+`)}
+}
+
+export function getProjectIcons(projectId) {
+  return (props) => {
+    let Renderer = ProjectIconsRegistry[projectId]
+    if (!Renderer) {
+      const projects = Object.keys(ProjectIconsRegistry)
+      console.error('Unknown projectId: ' + projectId + ' (available: ' + projects + ')')
+      if (projects.length === 0) {
+        throw new Error('No projects found, invalid state')
+      }
+      projectId = projects[0]
+      console.warn('Falling back to project: ' + projectId)
+      Renderer = ProjectIconsRegistry[projectId]
+    }
+    return jsx(Renderer, props)
+  }
+}
+
+if (import.meta.hot) {
+  import.meta.hot.accept(md => {
+    if (!import.meta.hot.data.$update) {
+      import.meta.hot.data.$update = ProjectIconsRegistry
+    }
+    const update = md.ProjectIconsRegistry
+    if (update) {
+      Object.assign(import.meta.hot.data.$update, update)
+    } else {
+      import.meta.hot.invalidate()
+    }
+  })
+}
+`,moduleType:`jsx`}}};function code$5(e){let t=new s;return t.appendTemplate`
+    /******************************************************************************
+     * This file was generated
+     * DO NOT EDIT MANUALLY!
+     ******************************************************************************/
+    /* eslint-disable */
+
+    export let mmdSource = (viewId) => {
+      switch (viewId) {
+  `.appendNewLine().indent({indentation:4,indentedChildren(t){t.append(u([...e.views()],e=>c`
+              case ${hardenJsonStringLiteralForEmbeddedScript(JSON.stringify(e.id))}: {
+                return ${hardenJsonStringLiteralForEmbeddedScript(JSON.stringify(generateMermaid(e)))}
+              }
+            `,{appendNewLineIfNotEmpty:!0})).appendTemplate`
+          default: {
+            throw new Error('Unknown viewId: ' + viewId)
+          }
+        `}}).append(l,`  }`,l).appendTemplate`
+    }
+
+    `.append(l,l),o(t)}e(code$5,`code`);const Ye={...generateMatches(`mmd`),async load({likec4:e,project:t}){return logGenerating(`mmd`,t.id),{code:code$5(await e.computedModel(t.id)),moduleType:`js`}}},Xe=generateCombinedProjects(`mmd`,`loadMmdSources`),projectModelCode=e=>`
+import { createHooksForModel, atom } from 'likec4/vite-plugin/internal'
+
+export let $likec4data = atom(${f.stringify(e.$data)})
+
+export let {
+  updateModel,
+  $likec4model,
+  useLikeC4Model,
+  useLikeC4Views,
+  useLikeC4View
+} = createHooksForModel($likec4data)
+
+if (import.meta.hot) {
+  import.meta.hot.accept(md => {
+    if (!import.meta.hot.data.$update) {
+      import.meta.hot.data.$update = updateModel
+    }
+    const update = md.$likec4data?.get()
+    if (update) {
+      import.meta.hot.data.$update(update)
+    } else {
+      import.meta.hot.invalidate()
+    }
+  })
+}
+`,Ze={...generateMatches(`model`),async load({likec4:e,project:t}){return logGenerating(`model`,t.id),{code:projectModelCode(await e.layoutedModel(t.id)),moduleType:`js`}}},$=generateCombinedProjects(`model`,`loadModel`),Qe=e(e=>`
+import { atom, useStore } from 'likec4/vite-plugin/internal'
+
+export const isSingleProject = ${e.length===1};
+export const projects = ${f.stringify(e,null,2)};
+
+export const $projects = atom([...projects])
+
+export function useLikeC4Projects() {
+  return useStore($projects)
+}
+
+if (import.meta.hot) {
+  import.meta.hot.accept(md => {
+    if (!import.meta.hot.data.$projects) {
+      import.meta.hot.data.$projects = $projects
+    }
+    if (!import.meta.hot.data.projects) {
+      import.meta.hot.data.projects = projects
+    }      
+    const update = md.projects
+    if (update) {
+      import.meta.hot.data.projects.length = 0
+      import.meta.hot.data.projects.push(...update)
+      import.meta.hot.data.$projects.set(update)
+    } else {
+      import.meta.hot.invalidate()
+    }
+  })
+}
+`,`code`),$e={id:`likec4:projects`,virtualId:`likec4:plugin/projects.js`,async load({projects:e}){return logGenerating(`projects`),{code:Qe(F(e,e=>({id:e.id,title:e.title,landingPage:e.config.landingPage}))),moduleType:`js`}}},et=e(e=>`
+import { atom, useStore } from 'likec4/vite-plugin/internal'
+
+export const $viewdata = atom(${f.stringify(e)})
+
+export function useLikeC4ProjectsOverview() {
+  return useStore($viewdata)
+}
+
+if (import.meta.hot) {
+  import.meta.hot.accept(md => {
+    if (!import.meta.hot.data.$viewdata) {
+      import.meta.hot.data.$viewdata = $viewdata
+    }
+    const update = md.$viewdata?.value
+    if (update) {
+      import.meta.hot.data.$viewdata.set(update)
+    } else {
+      import.meta.hot.invalidate()
+    }
+  })
+}
+`,`code`),noProjects=()=>`
+export function useLikeC4ProjectsOverview() {
+  throw new Error('No projects overview available for this workspace: single project mode is enabled')
+}
+`,tt={id:`likec4:projects-overview`,virtualId:`likec4:plugin/projects-overview.js`,async load({projects:e,likec4:t}){return e.length<2?noProjects():(logGenerating(`projects-overview`),{code:et(await t.projectsOverview()),moduleType:`js`})}};function code$2(e){let t=new s;return t.appendTemplate`
+    /******************************************************************************
+     * This file was generated
+     * DO NOT EDIT MANUALLY!
+     ******************************************************************************/
+    /* eslint-disable */
+
+    export let pumlSource = (viewId) => {
+      switch (viewId) {
+  `.appendNewLine().indent({indentation:4,indentedChildren(t){t.append(u([...e.views()],e=>c`
+              case ${hardenJsonStringLiteralForEmbeddedScript(JSON.stringify(e.id))}: {
+                return ${hardenJsonStringLiteralForEmbeddedScript(JSON.stringify(generatePuml(e)))}
+              }
+            `,{appendNewLineIfNotEmpty:!0})).appendTemplate`
+        default: {
+          throw new Error('Unknown viewId: ' + viewId)
+        }
+      `}}).append(l,`  }`,l).appendTemplate`
+    }
+    `.append(l,l),o(t)}e(code$2,`code`);const nt={...generateMatches(`puml`),async load({likec4:e,project:t}){return logGenerating(`puml`,t.id),{code:code$2(await e.computedModel(t.id)),moduleType:`js`}}},rt=generateCombinedProjects(`puml`,`loadPumlSources`),projectCode=e=>`
+import { jsx as _jsx } from "react/jsx-runtime";
+import { LikeC4ModelProvider as Provider, LikeC4View as GenericView, ReactLikeC4 as GenericReactLikeC4 } from 'likec4/react';
+import { IconRenderer } from 'likec4:icons/${e}'
+
+import { useLikeC4Model, useLikeC4Views, useLikeC4View } from 'likec4:model/${e}'
+
+export function LikeC4ModelProvider({ children }) {
+  const likeC4Model = useLikeC4Model()
+  return (_jsx(Provider, { likec4model: likeC4Model, children: children }));
+}
+export function LikeC4View(props) {
+  return (_jsx(LikeC4ModelProvider, { children: _jsx(GenericView, { renderIcon: IconRenderer, ...props }) }));
+}
+export function ReactLikeC4(props) {
+  return (_jsx(LikeC4ModelProvider, { children: _jsx(GenericReactLikeC4, { renderIcon: IconRenderer, ...props }) }));
+}
+
+export {
+  useLikeC4Model,
+  useLikeC4View,
+  useLikeC4Views
+}
+`,it={...generateMatches(`react`),async load({project:e}){return logGenerating(`react`,e.id),{code:projectCode(e.id),moduleType:`js`}}},at={id:`likec4:react`,virtualId:`likec4:plugin/react.js`,async load({projects:e}){let t=M(e);return logGenerating(`react-default-project`),{code:`export {
+  useLikeC4Model,
+  useLikeC4View,
+  useLikeC4Views,
+  LikeC4ModelProvider,
+  LikeC4View,
+  ReactLikeC4
+} from 'likec4:react/${t.id}'`,moduleType:`js`}}},ot=e(({isAIAvailable:e,ai:t,rpcEnabled:n})=>` 
+import { createRpc } from 'likec4/vite-plugin/internal'
+
+export const isRpcAvailable = !!import.meta.hot && ${n}
+export const isAIAvailable = isRpcAvailable && ${e}
+export const AIAdapter = ${JSON.stringify(t?.adapter.name)}
+
+let rpc 
+if (isRpcAvailable) {
+  rpc = createRpc({
+    send: (event, data) => {
+      import.meta.hot.send(event, data)
+    },
+    on: (event, fn) => {
+      import.meta.hot.on(event, fn)
+    }
+  })
+
+  import.meta.hot.accept()
+}
+
+export const likec4rpc = rpc ?? {
+  applySemanticLayout: () => {
+    throw new Error('likec4rpc.applySemanticLayout is not available in production')
+  },
+  updateView: () => {
+    throw new Error('likec4rpc.updateView is not available in production')
+  },
+  calcAdhocView: () => {
+    throw new Error('likec4rpc.calcAdhocView is not available in production')
+  },
+}
+`,`code`),st={id:`likec4:rpc`,virtualId:`likec4:plugin/rpc.js`,async load(e){return logGenerating(`rpc`),{code:ot(e),moduleType:`js`,moduleSideEffects:!1}}},code=e=>`
+export { IconRenderer } from 'likec4:icons/${e}'
+export {
+  $likec4data,
+  $likec4model,
+  useLikeC4Model,
+  useLikeC4Views,
+  useLikeC4View
+} from 'likec4:model/${e}'
+export const projectId = ${hardenJsonStringLiteralForEmbeddedScript(JSON.stringify(e))}
+`,ct={id:`likec4:single-project`,virtualId:`likec4:plugin/single-project.js`,async load({projects:e}){let t=M(e);return logGenerating(`single-project`,t.id),code(t.id)}},lt=[Ze,Ke,ze,Ve,Ye,nt,Ue],ut=[...lt,it],dt=[$e,$,tt,ct,at,Be,He,Xe,rt,We,Je,st];function LikeC4VitePlugin({environments:e,appConfig:n,ai:r=`auto`,...o}){let s,c,l=!1,u,d=o.watch??!1,f=[...dt,createAppConfigModule(n)],initAI=async()=>{if(ee(r))throw Error(`Invalid AI configuration: true is not allowed, use an object with adapter configuration or false to disable AI`);if(r!==`disabled`)return r===`auto`?await we():r};function moduleopts(e){return{rpcEnabled:l,isAIAvailable:!!u,ai:u,assetsDir:c,likec4:s,logger:H,...e}}let projectsChangeDetector=()=>{let e=F(e=>({id:e.id,title:e.title,folder:e.folder.toString(),landingPage:e.config.landingPage})),t;return n=>{let r=e(n);return t??=r,ae(t,r)?!1:(t=r,!0)}};return[iconBundlePlugin({environments:e?[e].flat():void 0,workspace:o.workspace??o.languageServices?.workspacePath}),{name:`vite-plugin-likec4`,sharedDuringBuild:!0,applyToEnvironment(t){return e?e.includes(t.name):!0},async configResolved(e){let t=l=e.command===`serve`;if(o.languageServices)s=o.languageServices;else{let n=d=t&&(o.watch??!0);s=(await a(o.workspace??e.root,{manualLayouts:!0,graphviz:o.graphviz??`wasm`,configureLogger:`console`,logLevel:o.logLevel??`warning`,printErrors:o.printErrors??!0,throwIfInvalid:o.throwIfInvalid??!1,watch:n})).languageServices}c=s.workspaceUri.fsPath,l&&(u=await initAI())},resolveId:{filter:{id:/^likec4:/},handler(e){for(let t of ut){let n=t.matches(e);if(n)return t.virtualId(n)}for(let t of f)if(t.id===e)return t.virtualId;return null}},load:{filter:{id:/likec4:plugin/},async handler(e){for(let t of ut){let n=t.matches(e);if(n){let e=s.project(n);return await t.load.call(this,moduleopts({project:e}))}}for(let t of f)if(t.virtualId===e){let e=s.projects();return T(e,1)?await t.load.call(this,moduleopts({projects:e})):null}return null}},async configureServer(e){if(l){if(enablePluginRPC.call(this,moduleopts({server:e})),u){H.info(t.dim(`enabling`)+` `+t.magenta(`AI Chat`));let{enableAIServer:n}=await import(`./enableServer.mjs`);n.call(this,moduleopts({server:e}))}return()=>{let n=e.hot,r=projectsChangeDetector(),reloadModule=async t=>{let n=e.moduleGraph.getModuleById(t);if(!n||n.importers.size===0)return!1;try{return await e.reloadModule(n),!0}catch(e){return H.error(i(e)),!1}},hasErrors=()=>{let[e]=s.getErrors();if(!e)return!1;try{n.send({type:`error`,err:{name:`LikeC4ValidationError`,...splitErrorMessage(e.message),plugin:`vite-plugin-likec4`,loc:{file:e.sourceFsPath,line:e.line,column:e.range.start.character+1}}}),H.trace(t.dim(`sent LikeC4ValidationError`))}catch(e){H.error(i(e))}return!0},reloadProjects=async()=>{let e=s.projects();r(e)?(H.trace(t.dim(`onProjectsUpdate - change detected`)),await reloadModule($e.virtualId),await reloadModule(Je.virtualId),await reloadModule($.virtualId),e.length>1&&await reloadModule(tt.virtualId)):H.trace(t.dim(`onProjectsUpdate - no change`))};s.projectsManager.onProjectsUpdate(pDebounce(reloadProjects,100)),s.builder.onModelParsed(onModelParsedBatched(async e=>{if(!hasErrors())for(let n of e){H.trace(t.dim(`onModelParsed project`)+` `+t.cyan(n));for(let e of lt)await reloadModule(e.virtualId(n))}}))}}},async buildEnd(){d&&await s.dispose()}}]}function onModelParsedBatched(e){return x(t=>{e(t).catch(e=>{H.error(i(e))})},{reducer:(e,t)=>(e??=new Set,e.add(t),e),triggerAt:`end`,minQuietPeriodMs:130,maxBurstDurationMs:500}).call}export{generateDrawio as a,generateD2 as c,buildDrawioExportOptionsForViews as i,enhanceLayoutWithAI as l,generatePuml as n,generateDrawioMulti as o,generateMermaid as r,Pe as s,LikeC4VitePlugin as t,H as u};