@diagrammo/dgmo 0.16.0 → 0.17.0

package/dist/auto.mjs

@@ -416,6 +416,9 @@ function nameMergedMessage(args) {
 function akaRemovedMessage() {
   return `'aka' is no longer supported \u2014 use the participant name directly`;
 }
+function participantTypeRemovedMessage(type) {
+  return `'${type}' is no longer supported \u2014 drop 'is a ${type}'; the participant renders as the default rectangle`;
+}
 function tagShorthandRemovedMessage(args) {
   return `Bare tag shorthand 'tag ${args.name} ${args.alias}' was removed. Use 'tag ${args.name} as ${args.alias}' instead.`;
 }
@@ -449,7 +452,15 @@ var init_diagnostics = __esm({
        * participant declaration. Forgiving normalization makes aliasing
        * unnecessary; the diagnostic directs users to the new syntax.
        */
-      AKA_REMOVED: "E_AKA_REMOVED"
+      AKA_REMOVED: "E_AKA_REMOVED",
+      /**
+       * Error: a removed sequence participant-type keyword was used in
+       * an `is a X` declaration. The 0.16.0 trim retained only
+       * `actor`/`database`/`cache`/`queue`; `service`/`frontend`/
+       * `networking`/`gateway`/`external` no longer carry semantic
+       * weight and emit this error so users drop the override.
+       */
+      PARTICIPANT_TYPE_REMOVED: "E_PARTICIPANT_TYPE_REMOVED"
     };
     ALIAS_DIAGNOSTIC_CODES = {
       /** Alias token used before its declaration (strict-ordering rule). */
@@ -3112,81 +3123,7 @@ var init_participant_inference = __esm({
       // Names that would incorrectly match general patterns in later groups
       { pattern: /^KeyDB$/i, type: "cache" },
       // not database (DB$ suffix)
-      { pattern: /Webhook/i, type: "external" },
-      // not frontend (Web contains)
-      { pattern: /^Upstream$/i, type: "external" },
-      // not queue (Stream$ suffix)
-      { pattern: /^Downstream$/i, type: "external" },
-      // not queue (Stream$ suffix)
-      // ── 1. Infrastructure overrides ─────────────────────────
-      // These names end in -er/-or but are NOT actors
-      { pattern: /^.*Router$/i, type: "networking" },
-      { pattern: /^.*Scheduler$/i, type: "service" },
-      { pattern: /^.*Dispatcher$/i, type: "service" },
-      { pattern: /^.*Balancer$/i, type: "networking" },
-      { pattern: /^.*Controller$/i, type: "service" },
-      { pattern: /^.*Handler$/i, type: "service" },
-      { pattern: /^.*Processor$/i, type: "service" },
-      { pattern: /^.*Connector$/i, type: "service" },
-      { pattern: /^.*Adapter$/i, type: "service" },
-      { pattern: /^.*Provider$/i, type: "service" },
-      { pattern: /^.*Manager$/i, type: "service" },
-      { pattern: /^.*Orchestrator$/i, type: "service" },
-      { pattern: /^.*Monitor$/i, type: "service" },
-      { pattern: /^.*Resolver$/i, type: "service" },
-      { pattern: /^.*Logger$/i, type: "service" },
-      { pattern: /^.*Server$/i, type: "service" },
-      { pattern: /^.*Broker$/i, type: "queue" },
-      { pattern: /^.*Worker$/i, type: "service" },
-      { pattern: /^.*Consumer$/i, type: "service" },
-      { pattern: /^.*Producer$/i, type: "service" },
-      { pattern: /^.*Publisher$/i, type: "service" },
-      { pattern: /^.*Subscriber$/i, type: "service" },
-      { pattern: /^.*Listener$/i, type: "service" },
-      // New -er/-or suffixes that are services, not actors
-      { pattern: /^.*Watcher$/i, type: "service" },
-      { pattern: /^.*Executor$/i, type: "service" },
-      { pattern: /^.*Aggregator$/i, type: "service" },
-      { pattern: /^.*Collector$/i, type: "service" },
-      { pattern: /^.*Transformer$/i, type: "service" },
-      { pattern: /^.*Validator$/i, type: "service" },
-      { pattern: /^.*Generator$/i, type: "service" },
-      { pattern: /^.*Indexer$/i, type: "service" },
-      { pattern: /^.*Crawler$/i, type: "service" },
-      { pattern: /^.*Scanner$/i, type: "service" },
-      { pattern: /^.*Parser$/i, type: "service" },
-      { pattern: /^.*Emitter$/i, type: "service" },
-      { pattern: /^.*Exporter$/i, type: "service" },
-      { pattern: /^.*Importer$/i, type: "service" },
-      { pattern: /^.*Loader$/i, type: "service" },
-      { pattern: /^.*Renderer$/i, type: "service" },
-      { pattern: /^.*Checker$/i, type: "service" },
-      { pattern: /^.*Inspector$/i, type: "service" },
-      { pattern: /^.*Encoder$/i, type: "service" },
-      { pattern: /^.*Decoder$/i, type: "service" },
-      { pattern: /^.*Notifier$/i, type: "service" },
-      // ── 2. Networking patterns ──────────────────────────────
-      { pattern: /Gateway/i, type: "networking" },
-      { pattern: /GW$/i, type: "networking" },
-      { pattern: /Proxy/i, type: "networking" },
-      { pattern: /LB$/i, type: "networking" },
-      { pattern: /LoadBalancer/i, type: "networking" },
-      { pattern: /CDN/i, type: "networking" },
-      { pattern: /Firewall/i, type: "networking" },
-      { pattern: /WAF$/i, type: "networking" },
-      { pattern: /DNS/i, type: "networking" },
-      { pattern: /Ingress/i, type: "networking" },
-      // Named products & patterns
-      { pattern: /Nginx/i, type: "networking" },
-      { pattern: /Traefik/i, type: "networking" },
-      { pattern: /Envoy/i, type: "networking" },
-      { pattern: /Istio/i, type: "networking" },
-      { pattern: /Kong/i, type: "networking" },
-      { pattern: /Akamai/i, type: "networking" },
-      { pattern: /Cloudflare/i, type: "networking" },
-      { pattern: /Mesh$/i, type: "networking" },
-      { pattern: /ServiceMesh/i, type: "networking" },
-      // ── 3. Database patterns ────────────────────────────────
+      // ── 1. Database patterns ────────────────────────────────
       { pattern: /DB$/i, type: "database" },
       { pattern: /Database/i, type: "database" },
       { pattern: /Datastore/i, type: "database" },
@@ -3220,16 +3157,15 @@ var init_participant_inference = __esm({
       { pattern: /Milvus/i, type: "database" },
       { pattern: /Presto/i, type: "database" },
       { pattern: /Table$/i, type: "database" },
-      // ── 4. Cache patterns ──────────────────────────────────
+      // ── 2. Cache patterns ──────────────────────────────────
       { pattern: /Cache/i, type: "cache" },
       { pattern: /Redis/i, type: "cache" },
       { pattern: /Memcache/i, type: "cache" },
-      // CDN already matched by networking above
       // Named products
       { pattern: /Dragonfly/i, type: "cache" },
       { pattern: /Hazelcast/i, type: "cache" },
       { pattern: /Valkey/i, type: "cache" },
-      // ── 5. Queue/Messaging patterns ─────────────────────────
+      // ── 3. Queue/Messaging patterns ─────────────────────────
       { pattern: /Queue/i, type: "queue" },
       { pattern: /MQ$/i, type: "queue" },
       { pattern: /SQS/i, type: "queue" },
@@ -3242,6 +3178,7 @@ var init_participant_inference = __esm({
       { pattern: /Stream$/i, type: "queue" },
       { pattern: /SNS/i, type: "queue" },
       { pattern: /PubSub/i, type: "queue" },
+      { pattern: /Broker$/i, type: "queue" },
       // Named products & patterns
       { pattern: /NATS/i, type: "queue" },
       { pattern: /Pulsar/i, type: "queue" },
@@ -3252,7 +3189,7 @@ var init_participant_inference = __esm({
       { pattern: /Sidekiq/i, type: "queue" },
       { pattern: /EventHub/i, type: "queue" },
       { pattern: /Channel$/i, type: "queue" },
-      // ── 6. Actor patterns ──────────────────────────────────
+      // ── 4. Actor patterns ──────────────────────────────────
       // Exact matches first
       { pattern: /^Admin$/i, type: "actor" },
       { pattern: /^User$/i, type: "actor" },
@@ -3271,98 +3208,11 @@ var init_participant_inference = __esm({
       { pattern: /^Fan$/i, type: "actor" },
       { pattern: /^Purchaser$/i, type: "actor" },
       { pattern: /^Reviewer$/i, type: "actor" },
-      // Suffix rules (after infrastructure overrides filtered above)
+      // Suffix rules
       { pattern: /User$/i, type: "actor" },
       { pattern: /Actor$/i, type: "actor" },
       { pattern: /Analyst$/i, type: "actor" },
-      { pattern: /Staff$/i, type: "actor" },
-      // ── 7. Frontend patterns ────────────────────────────────
-      { pattern: /App$/i, type: "frontend" },
-      { pattern: /Application/i, type: "frontend" },
-      { pattern: /Mobile/i, type: "frontend" },
-      { pattern: /iOS/i, type: "frontend" },
-      { pattern: /Android/i, type: "frontend" },
-      { pattern: /Web/i, type: "frontend" },
-      { pattern: /Browser/i, type: "frontend" },
-      { pattern: /Frontend/i, type: "frontend" },
-      { pattern: /UI$/i, type: "frontend" },
-      { pattern: /Dashboard/i, type: "frontend" },
-      { pattern: /CLI$/i, type: "frontend" },
-      { pattern: /Terminal/i, type: "frontend" },
-      // Frameworks & patterns
-      { pattern: /React/i, type: "frontend" },
-      { pattern: /^Vue$/i, type: "frontend" },
-      { pattern: /Angular/i, type: "frontend" },
-      { pattern: /Svelte/i, type: "frontend" },
-      { pattern: /NextJS/i, type: "frontend" },
-      { pattern: /Nuxt/i, type: "frontend" },
-      { pattern: /Remix/i, type: "frontend" },
-      { pattern: /Electron/i, type: "frontend" },
-      { pattern: /Tauri/i, type: "frontend" },
-      { pattern: /Widget$/i, type: "frontend" },
-      { pattern: /Portal/i, type: "frontend" },
-      { pattern: /Console$/i, type: "frontend" },
-      { pattern: /^SPA$/i, type: "frontend" },
-      { pattern: /^PWA$/i, type: "frontend" },
-      // ── 8. Service patterns ─────────────────────────────────
-      { pattern: /Service/i, type: "service" },
-      { pattern: /Svc$/i, type: "service" },
-      { pattern: /API$/i, type: "service" },
-      { pattern: /Lambda/i, type: "service" },
-      { pattern: /Function$/i, type: "service" },
-      { pattern: /Fn$/i, type: "service" },
-      { pattern: /Job$/i, type: "service" },
-      { pattern: /Cron/i, type: "service" },
-      { pattern: /Microservice/i, type: "service" },
-      // Auth
-      { pattern: /^Auth$/i, type: "service" },
-      { pattern: /^AuthN$/i, type: "service" },
-      { pattern: /^AuthZ$/i, type: "service" },
-      { pattern: /^SSO$/i, type: "service" },
-      { pattern: /OAuth/i, type: "service" },
-      { pattern: /^OIDC$/i, type: "service" },
-      // SaaS
-      { pattern: /Stripe/i, type: "service" },
-      { pattern: /Twilio/i, type: "service" },
-      { pattern: /SendGrid/i, type: "service" },
-      { pattern: /Mailgun/i, type: "service" },
-      // Cloud/infra
-      { pattern: /^S3$/i, type: "service" },
-      { pattern: /^Blob$/i, type: "service" },
-      { pattern: /Vercel/i, type: "service" },
-      { pattern: /Netlify/i, type: "service" },
-      { pattern: /Heroku/i, type: "service" },
-      { pattern: /Docker/i, type: "service" },
-      { pattern: /Kubernetes/i, type: "service" },
-      { pattern: /K8s/i, type: "service" },
-      { pattern: /Terraform/i, type: "service" },
-      // Security
-      { pattern: /Vault/i, type: "service" },
-      { pattern: /^HSM$/i, type: "service" },
-      { pattern: /KMS/i, type: "service" },
-      { pattern: /^IAM$/i, type: "service" },
-      // AI/ML
-      { pattern: /^LLM$/i, type: "service" },
-      { pattern: /GPT/i, type: "service" },
-      { pattern: /^Claude$/i, type: "service" },
-      { pattern: /Embedding/i, type: "service" },
-      { pattern: /Inference/i, type: "service" },
-      // Suffixes & patterns
-      { pattern: /Pipeline$/i, type: "service" },
-      { pattern: /Registry/i, type: "service" },
-      { pattern: /Engine$/i, type: "service" },
-      { pattern: /Daemon/i, type: "service" },
-      // ── 9. External patterns ────────────────────────────────
-      { pattern: /External/i, type: "external" },
-      { pattern: /Ext$/i, type: "external" },
-      { pattern: /ThirdParty/i, type: "external" },
-      { pattern: /3P$/i, type: "external" },
-      { pattern: /Vendor/i, type: "external" },
-      // Named products & patterns
-      { pattern: /Callback/i, type: "external" },
-      { pattern: /^AWS$/i, type: "external" },
-      { pattern: /^GCP$/i, type: "external" },
-      { pattern: /Azure/i, type: "external" }
+      { pattern: /Staff$/i, type: "actor" }
     ];
     RULE_COUNT = PARTICIPANT_RULES.length;
   }
@@ -3655,7 +3505,7 @@ function parseSequenceDgmo(content) {
   const pushWarning = (line12, message) => {
     result.diagnostics.push(makeDgmoError(line12, message, "warning"));
   };
-  if (!content || !content.trim()) {
+  if (!content?.trim()) {
     return fail(0, "Empty content");
   }
   const lines = content.split("\n");
@@ -3666,7 +3516,7 @@ function parseSequenceDgmo(content) {
     const fl = lines[fi].trim();
     if (!fl || fl.startsWith("//")) continue;
     const parsed = parseFirstLine(fl);
-    if (parsed && parsed.chartType === "sequence") {
+    if (parsed?.chartType === "sequence") {
       hasExplicitChart = true;
       firstLineIndex = fi;
       if (parsed.title) {
@@ -3981,6 +3831,17 @@ function parseSequenceDgmo(content) {
       const id = isAMatch[1];
       const typeStr = isAMatch[2].toLowerCase();
       let remainder = isAMatch[3]?.trim() || "";
+      if (REMOVED_PARTICIPANT_TYPES.has(typeStr)) {
+        result.diagnostics.push(
+          makeDgmoError(
+            lineNumber,
+            participantTypeRemovedMessage(typeStr),
+            "error",
+            NAME_DIAGNOSTIC_CODES.PARTICIPANT_TYPE_REMOVED
+          )
+        );
+        continue;
+      }
       const participantType = VALID_PARTICIPANT_TYPES.has(
         typeStr
       ) ? typeStr : "default";
@@ -4281,6 +4142,25 @@ function parseSequenceDgmo(content) {
       }
       continue;
     }
+    const elifMatch = trimmed.match(/^elif\b\s*(.*)$/i);
+    if (elifMatch) {
+      const tailRaw = elifMatch[1].trim();
+      const tail = tailRaw ? " " + tailRaw : "";
+      pushError(
+        lineNumber,
+        `'elif' is not a keyword. Did you mean 'else if${tail}'?`
+      );
+      continue;
+    }
+    const elseLabelMatch = trimmed.match(/^else\s+(.+)$/i);
+    if (elseLabelMatch) {
+      const tail = elseLabelMatch[1].trim();
+      pushError(
+        lineNumber,
+        `'else' does not take a label. Did you mean 'else if ${tail}'?`
+      );
+      continue;
+    }
     {
       const noteParsed = parseNoteLine(
         trimmed,
@@ -4404,7 +4284,7 @@ function looksLikeSequence(content) {
     return ARROW_PATTERN.test(trimmed);
   });
 }
-var KNOWN_SEQ_OPTIONS, KNOWN_SEQ_BOOLEANS, VALID_PARTICIPANT_TYPES, IS_A_PATTERN, POSITION_ONLY_PATTERN, COLORED_PARTICIPANT_PATTERN, GROUP_HEADING_PATTERN, GROUP_HEADING_FALLBACK, LEGACY_GROUP_PATTERN, SECTION_PATTERN, ARROW_PATTERN, NOTE_BARE, NOTE_MULTI;
+var KNOWN_SEQ_OPTIONS, KNOWN_SEQ_BOOLEANS, VALID_PARTICIPANT_TYPES, REMOVED_PARTICIPANT_TYPES, IS_A_PATTERN, POSITION_ONLY_PATTERN, COLORED_PARTICIPANT_PATTERN, GROUP_HEADING_PATTERN, GROUP_HEADING_FALLBACK, LEGACY_GROUP_PATTERN, SECTION_PATTERN, ARROW_PATTERN, NOTE_BARE, NOTE_MULTI;
 var init_parser = __esm({
   "src/sequence/parser.ts"() {
     "use strict";
@@ -4417,15 +4297,17 @@ var init_parser = __esm({
     KNOWN_SEQ_OPTIONS = /* @__PURE__ */ new Set(["active-tag"]);
     KNOWN_SEQ_BOOLEANS = /* @__PURE__ */ new Set(["activations", "solid-fill", "no-title"]);
     VALID_PARTICIPANT_TYPES = /* @__PURE__ */ new Set([
-      "service",
       "database",
       "actor",
       "queue",
-      "cache",
-      "gateway",
-      "external",
+      "cache"
+    ]);
+    REMOVED_PARTICIPANT_TYPES = /* @__PURE__ */ new Set([
+      "service",
+      "frontend",
       "networking",
-      "frontend"
+      "gateway",
+      "external"
     ]);
     IS_A_PATTERN = /^([^:]+?)\s+is\s+an?\s+(\w+)(?:\s+(.+))?$/i;
     POSITION_ONLY_PATTERN = /^([^:]+?)\s+position\s+(-?\d+)$/i;
@@ -5319,7 +5201,7 @@ function parseClassDiagram(content, palette) {
     if (trimmed.startsWith("//")) continue;
     if (!contentStarted && indent === 0 && i === 0) {
       const firstLine = parseFirstLine(trimmed);
-      if (firstLine && firstLine.chartType === "class") {
+      if (firstLine?.chartType === "class") {
         if (firstLine.title) {
           result.title = firstLine.title;
           result.titleLineNumber = lineNumber;
@@ -5720,7 +5602,7 @@ function parseERDiagram(content, palette) {
     if (trimmed.startsWith("//")) continue;
     if (!firstLineParsed && indent === 0) {
       const firstLineResult = parseFirstLine(trimmed);
-      if (firstLineResult && firstLineResult.chartType === "er") {
+      if (firstLineResult?.chartType === "er") {
         firstLineParsed = true;
         if (firstLineResult.title) {
           result.title = firstLineResult.title;
@@ -6674,7 +6556,7 @@ function parseExtendedChart(content, palette) {
             ""
           ) : trimmed;
           const dataRow2 = parseDataRowValues(strippedLine);
-          if (dataRow2 && dataRow2.values.length === 1) {
+          if (dataRow2?.values.length === 1) {
             const source = sankeyStack.at(-1).name;
             const linkColor = valColorMatch?.[2] ? resolveColorWithDiagnostic(
               valColorMatch[2].trim(),
@@ -6906,7 +6788,7 @@ function parseExtendedChart(content, palette) {
       }
     }
     const dataRow = parseDataRowValues(trimmed);
-    if (dataRow && dataRow.values.length === 1) {
+    if (dataRow?.values.length === 1) {
       const { label: rawLabel, color: pointColor } = extractColor(
         dataRow.label,
         palette
@@ -8950,7 +8832,7 @@ function parseOrg(content, palette) {
   const pushWarning = (line12, message) => {
     result.diagnostics.push(makeDgmoError(line12, message, "warning"));
   };
-  if (!content || !content.trim()) {
+  if (!content?.trim()) {
     return fail(0, "No content provided");
   }
   const lines = content.split("\n");
@@ -9247,7 +9129,7 @@ function parseKanban(content, palette) {
   const warn2 = (line12, message) => {
     result.diagnostics.push(makeDgmoError(line12, message, "warning"));
   };
-  if (!content || !content.trim()) {
+  if (!content?.trim()) {
     return fail(0, "No content provided");
   }
   const lines = content.split("\n");
@@ -9636,7 +9518,7 @@ function parseC4(content, palette) {
     result.error = formatDgmoError(diag);
     return result;
   };
-  if (!content || !content.trim()) {
+  if (!content?.trim()) {
     return fail(0, "No content provided");
   }
   const lines = content.split("\n");
@@ -10387,7 +10269,7 @@ function parseSitemap(content, palette) {
   const pushWarning = (line12, message) => {
     result.diagnostics.push(makeDgmoError(line12, message, "warning"));
   };
-  if (!content || !content.trim()) {
+  if (!content?.trim()) {
     return fail(0, "No content provided");
   }
   const lines = content.split("\n");
@@ -13071,7 +12953,7 @@ function parsePert(content, parseOpts = {}) {
         const head = trimmed.slice(0, firstSpace).toLowerCase();
         const value = trimmed.slice(firstSpace + 1).trim();
         const hint = NEAR_DIRECTIVE_HINTS.find((h) => h.stem === head);
-        if (hint && hint.matches.test(value)) {
+        if (hint?.matches.test(value)) {
           error(
             lineNumber,
             `Unknown directive '${head}'. Did you mean '${hint.canonical}'?`,
@@ -14378,7 +14260,7 @@ function parseMindmap(content, palette) {
   const pushWarning = (line12, message) => {
     result.diagnostics.push(makeDgmoError(line12, message, "warning"));
   };
-  if (!content || !content.trim()) {
+  if (!content?.trim()) {
     return fail(0, "No content provided");
   }
   const lines = content.split("\n");
@@ -14549,7 +14431,7 @@ function parseMindmap(content, palette) {
     const diag = makeDgmoError(1, "No nodes found in mindmap");
     result.diagnostics.push(diag);
     result.error = formatDgmoError(diag);
-  } else if (titleRoot && titleRoot.children.length === 0 && result.roots.length === 1 && !result.error) {
+  } else if (titleRoot?.children.length === 0 && result.roots.length === 1 && !result.error) {
   }
   return result;
 }
@@ -15008,7 +14890,7 @@ function parseWireframe(content) {
     const indent = measureIndent(line12);
     if (phase === "header") {
       const firstLineResult = parseFirstLine(trimmed);
-      if (firstLineResult && firstLineResult.chartType === "wireframe") {
+      if (firstLineResult?.chartType === "wireframe") {
         title = firstLineResult.title || null;
         titleLineNumber = lineNumber;
         continue;
@@ -15303,7 +15185,7 @@ function parseTechRadar(content) {
   const warn2 = (line12, message) => {
     result.diagnostics.push(makeDgmoError(line12, message, "warning"));
   };
-  if (!content || !content.trim()) {
+  if (!content?.trim()) {
     return fail(0, "No content provided");
   }
   function isRingName(name) {
@@ -15340,7 +15222,7 @@ function parseTechRadar(content) {
     if (trimmed.startsWith("//")) continue;
     if (!headerParsed) {
       const firstLine = parseFirstLine(trimmed);
-      if (firstLine && firstLine.chartType === "tech-radar") {
+      if (firstLine?.chartType === "tech-radar") {
         result.title = firstLine.title ?? "";
         result.titleLineNumber = lineNumber;
         headerParsed = true;
@@ -15632,7 +15514,7 @@ function parseCycle(content) {
     const indent = measureIndent(raw);
     if (!headerParsed) {
       const firstLineResult = parseFirstLine(trimmed);
-      if (firstLineResult && firstLineResult.chartType === "cycle") {
+      if (firstLineResult?.chartType === "cycle") {
         result.title = firstLineResult.title ?? "";
         result.titleLineNumber = lineNum;
         headerParsed = true;
@@ -15856,7 +15738,7 @@ function parseJourneyMap(content, palette) {
   const warn2 = (line12, message) => {
     result.diagnostics.push(makeDgmoError(line12, message, "warning"));
   };
-  if (!content || !content.trim()) {
+  if (!content?.trim()) {
     return fail(0, "No content provided");
   }
   const lines = content.split("\n");
@@ -16276,7 +16158,7 @@ function parsePyramid(content) {
     const indent = measureIndent(raw);
     if (!headerParsed) {
       const firstLineResult = parseFirstLine(trimmed);
-      if (firstLineResult && firstLineResult.chartType === "pyramid") {
+      if (firstLineResult?.chartType === "pyramid") {
         result.title = firstLineResult.title ?? "";
         result.titleLineNumber = lineNum;
         headerParsed = true;
@@ -16410,7 +16292,7 @@ function parseRing(content) {
     const indent = measureIndent(raw);
     if (!headerParsed) {
       const firstLineResult = parseFirstLine(trimmed);
-      if (firstLineResult && firstLineResult.chartType === "ring") {
+      if (firstLineResult?.chartType === "ring") {
         result.title = firstLineResult.title ?? "";
         result.titleLineNumber = lineNum;
         headerParsed = true;
@@ -16857,7 +16739,7 @@ function parseRaci(content, palette) {
   const errorAt = (line12, message, code) => {
     result.diagnostics.push(makeDgmoError(line12, message, "error", code));
   };
-  if (!content || !content.trim()) {
+  if (!content?.trim()) {
     return fail(0, "No content provided");
   }
   const lines = content.split("\n");
@@ -17178,7 +17060,7 @@ function parseRaci(content, palette) {
         if (roleId === null) continue;
         if (rolesExplicit) {
           const entry = roleStore.get(roleId);
-          if (entry && entry.declaredLine === lineNumber) {
+          if (entry?.declaredLine === lineNumber) {
             const candidates = result.roleDisplayNames.filter(
               (n) => n !== entry.displayName
             );
@@ -23460,8 +23342,7 @@ async function layoutBoxesAndLines(parsed, collapseInfo, layoutOptions) {
       const edge = parsed.edges[i];
       if (edgeParallelCounts[i] === 0) continue;
       const elkEdge = edgeById.get(`e${i}`);
-      if (!elkEdge || !elkEdge.sections || elkEdge.sections.length === 0)
-        continue;
+      if (!elkEdge?.sections || elkEdge.sections.length === 0) continue;
       const container = elkEdge.container ?? "root";
       const off = containerAbs.get(container) ?? { x: 0, y: 0 };
       const s = elkEdge.sections[0];
@@ -28388,6 +28269,8 @@ function renderNodeShape(g, node, palette, isDark, endTerminalIds, colorOff, sol
     case "document":
       renderDocument(g, node, palette, isDark, colorOff, solid);
       break;
+    default:
+      break;
   }
 }
 function renderFlowchart(container, graph, layout, palette, isDark, onClickItem, exportDims) {
@@ -30958,7 +30841,7 @@ function renderNodes(svg, nodes, palette, isDark, animate, expandedNodeIds, acti
         const badgeText = `${node.computedInstances}x`;
         g.append("text").attr("x", x + node.width - 6).attr("y", y + NODE_HEADER_HEIGHT2 / 2 + META_FONT_SIZE4 * 0.35).attr("text-anchor", "end").attr("font-family", FONT_FAMILY).attr("font-size", META_FONT_SIZE4).attr("fill", textFill).attr("data-instance-node", node.id).style("cursor", "pointer").text(badgeText);
       }
-      const showDots = activeGroup != null && activeGroup.toLowerCase() === "capabilities";
+      const showDots = activeGroup?.toLowerCase() === "capabilities";
       const roles = showDots && !node.isEdge ? inferRoles(node.properties) : [];
       if (roles.length > 0) {
         const dotY = isCollapsedGroup ? y + node.height - COLLAPSE_BAR_HEIGHT6 - NODE_PAD_BOTTOM2 / 2 : y + node.height - NODE_PAD_BOTTOM2 / 2;
@@ -31755,7 +31638,7 @@ function analyzePert(parsed) {
   for (const e of edges) {
     if (!e.lag || e.lag.amount >= 0) continue;
     const src = activities.find((a) => a.id === e.source);
-    if (!src || !src.duration) continue;
+    if (!src?.duration) continue;
     const leadDays = -toDays(e.lag, sprintDays);
     const srcDurDays = toDays(src.duration.m, sprintDays);
     if (e.type === "FS" && leadDays > srcDurDays) {
@@ -32261,7 +32144,7 @@ function buildSummary(input) {
   const anchor = input.anchor ?? null;
   if (parsedActivities.length === 0) return null;
   if (projectMu === null) {
-    if (anchor && anchor.kind === "backward") {
+    if (anchor?.kind === "backward") {
       return [
         { text: "Expected duration: ?", level: 0 },
         { text: "P50 latest-safe start: ?", level: 0 },
@@ -32284,13 +32167,13 @@ function buildSummary(input) {
   const sigmaPositive = projectSigma !== null && projectSigma > 0;
   const showMcDetail = mc && sigmaPositive;
   const sigmaParen = showMcDetail ? ` (\xB1 ${roundForCaption(projectSigma)} ${pluralizeUnit(projectSigma, unit)})` : "";
-  if (anchor && anchor.kind === "forward") {
+  if (anchor?.kind === "forward") {
     const projectMuDays = projectMu * unitToDays(unit);
     rows.push({
       text: `Expected finish: ${addCalendarDays(anchor.date, projectMuDays)}${sigmaParen}.`,
       level: 0
     });
-  } else if (anchor && anchor.kind === "backward") {
+  } else if (anchor?.kind === "backward") {
     const projectMuDays = projectMu * unitToDays(unit);
     rows.push({
       text: `Expected start: ${addCalendarDays(anchor.date, -projectMuDays)}${sigmaParen}.`,
@@ -32309,13 +32192,13 @@ function buildSummary(input) {
       { pct: 80, days: monteCarloResult.p80 },
       { pct: 95, days: monteCarloResult.p95 }
     ];
-    if (anchor && anchor.kind === "forward") {
+    if (anchor?.kind === "forward") {
       for (const { pct, days } of percentiles) {
         const offsetDays = roundConservative(days, "forward");
         const date = addCalendarDays(anchor.date, offsetDays);
         rows.push({ text: `P${pct} finish: ${date}.`, level: 1 });
       }
-    } else if (anchor && anchor.kind === "backward") {
+    } else if (anchor?.kind === "backward") {
       for (const { pct, days } of percentiles) {
         const offsetDays = roundConservative(days, "backward");
         const date = addCalendarDays(anchor.date, -offsetDays);
@@ -32359,20 +32242,20 @@ function buildProjectSubtitle(input) {
   const sigmaPositive = projectSigma !== null && projectSigma > 0;
   const sigmaParen = sigmaPositive ? ` (\xB1 ${roundForCaption(projectSigma)})` : "";
   if (projectMu === null) {
-    if (anchor && anchor.kind === "forward") {
+    if (anchor?.kind === "forward") {
       return `Expected finish: ? \xB7 \u2248 ? ${pluralizeUnit(2, unit)} of work`;
     }
-    if (anchor && anchor.kind === "backward") {
+    if (anchor?.kind === "backward") {
       return `Expected start: ? \xB7 \u2248 ? ${pluralizeUnit(2, unit)} lead time`;
     }
     return `\u2248 ? ${pluralizeUnit(2, unit)}`;
   }
   const muStr = `${roundForCaption(projectMu)} ${pluralizeUnit(projectMu, unit)}`;
-  if (anchor && anchor.kind === "forward") {
+  if (anchor?.kind === "forward") {
     const projectMuDays = projectMu * unitToDays(unit);
     return `Expected finish: ${addCalendarDays(anchor.date, projectMuDays)} \xB7 \u2248 ${muStr} of work${sigmaParen}`;
   }
-  if (anchor && anchor.kind === "backward") {
+  if (anchor?.kind === "backward") {
     const projectMuDays = projectMu * unitToDays(unit);
     return `Expected start: ${addCalendarDays(anchor.date, -projectMuDays)} \xB7 \u2248 ${muStr} lead time${sigmaParen}`;
   }
@@ -32563,7 +32446,7 @@ function computeNodeSizing(resolved) {
   return { activityWidth, milestoneWidth, outerColW, midColW };
 }
 function nodeDimensions(resolved, id, sizing, overrides) {
-  if (overrides && overrides[id]) {
+  if (overrides?.[id]) {
     return { width: overrides[id].width, height: overrides[id].height };
   }
   const r = resolved.activities.find((a) => a.activity.id === id);
@@ -42949,9 +42832,6 @@ function wrapLabelWords(words) {
 function renderRectParticipant(g, palette, isDark, color, solid) {
   g.append("rect").attr("x", -W / 2).attr("y", 0).attr("width", W).attr("height", H).attr("rx", 2).attr("ry", 2).attr("fill", fill(palette, isDark, color, solid)).attr("stroke", stroke(palette, color)).attr("stroke-width", SW);
 }
-function renderServiceParticipant(g, palette, isDark, color, solid) {
-  g.append("rect").attr("x", -W / 2).attr("y", 0).attr("width", W).attr("height", H).attr("rx", SERVICE_BORDER_RADIUS).attr("ry", SERVICE_BORDER_RADIUS).attr("fill", fill(palette, isDark, color, solid)).attr("stroke", stroke(palette, color)).attr("stroke-width", SW);
-}
 function renderActorParticipant(g, palette, color) {
   const headR = 8;
   const cx = 0;
@@ -43006,31 +42886,6 @@ function renderCacheParticipant(g, palette, isDark, color, solid) {
   g.append("line").attr("x1", W / 2).attr("y1", topY).attr("x2", W / 2).attr("y2", topY + bodyH).attr("stroke", s).attr("stroke-width", SW).attr("stroke-dasharray", dash);
   g.append("ellipse").attr("cx", 0).attr("cy", topY).attr("rx", W / 2).attr("ry", ry).attr("fill", f).attr("stroke", s).attr("stroke-width", SW).attr("stroke-dasharray", dash);
 }
-function renderNetworkingParticipant(g, palette, isDark, color, solid) {
-  const inset = 16;
-  const points = [
-    `${-W / 2 + inset},0`,
-    `${W / 2 - inset},0`,
-    `${W / 2},${H / 2}`,
-    `${W / 2 - inset},${H}`,
-    `${-W / 2 + inset},${H}`,
-    `${-W / 2},${H / 2}`
-  ].join(" ");
-  g.append("polygon").attr("points", points).attr("fill", fill(palette, isDark, color, solid)).attr("stroke", stroke(palette, color)).attr("stroke-width", SW);
-}
-function renderFrontendParticipant(g, palette, isDark, color, solid) {
-  const screenH = H - 10;
-  const s = stroke(palette, color);
-  g.append("rect").attr("x", -W / 2).attr("y", 0).attr("width", W).attr("height", screenH).attr("rx", 3).attr("ry", 3).attr("fill", fill(palette, isDark, color, solid)).attr("stroke", s).attr("stroke-width", SW);
-  g.append("line").attr("x1", 0).attr("y1", screenH).attr("x2", 0).attr("y2", H - 2).attr("stroke", s).attr("stroke-width", SW);
-  g.append("line").attr("x1", -14).attr("y1", H - 2).attr("x2", 14).attr("y2", H - 2).attr("stroke", s).attr("stroke-width", SW);
-}
-function renderExternalParticipant(g, palette, isDark, color, solid) {
-  g.append("rect").attr("x", -W / 2).attr("y", 0).attr("width", W).attr("height", H).attr("rx", 2).attr("ry", 2).attr("fill", fill(palette, isDark, color, solid)).attr("stroke", stroke(palette, color)).attr("stroke-width", SW).attr("stroke-dasharray", "6 3");
-}
-function renderGatewayParticipant(g, palette, isDark, color, _solid) {
-  renderRectParticipant(g, palette, isDark, color);
-}
 function groupMessagesBySection(elements, messages) {
   const groups = [];
   let currentGroup = null;
@@ -43669,7 +43524,7 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
     }
   }
   const lastStep = renderSteps[renderSteps.length - 1];
-  const lastIsSelfCall = lastStep && lastStep.type === "call" && lastStep.from === lastStep.to;
+  const lastIsSelfCall = lastStep?.type === "call" && lastStep.from === lastStep.to;
   const lastStepTrailing = lastIsSelfCall ? SELF_CALL_HEIGHT + 25 : stepSpacing;
   let contentBottomY = renderSteps.length > 0 ? Math.max(
     stepYPositions[stepYPositions.length - 1] + lastStepTrailing,
@@ -43843,6 +43698,9 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
   const FRAME_PADDING_X = 30;
   const FRAME_PADDING_BOTTOM = 15;
   const FRAME_LABEL_HEIGHT = 18;
+  const SELF_ARROW_PROJECTION = ACTIVATION_WIDTH / 2 + SELF_CALL_WIDTH;
+  const SELF_ARROW_FRAME_PAD = 10;
+  const frameRightmostX = Math.max(...Array.from(participantX.values()));
   const collectMsgIndices = (els) => {
     const indices = [];
     for (const el of els) {
@@ -43909,16 +43767,40 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
           maxPX = Math.max(maxPX, px);
         }
       }
-      const frameX = minPX - FRAME_PADDING_X;
+      let extraLeft = 0;
+      let extraRight = 0;
+      let maxStepIsSelfCall = false;
+      for (const mi of allIndices) {
+        const m = messages[mi];
+        if (m.from === m.to) {
+          const px = participantX.get(m.from);
+          if (px !== void 0) {
+            const flipLeft = px === frameRightmostX;
+            if (flipLeft) {
+              const loopMin = px - SELF_ARROW_PROJECTION;
+              const need = minPX - FRAME_PADDING_X - loopMin + SELF_ARROW_FRAME_PAD;
+              if (need > 0) extraLeft = Math.max(extraLeft, need);
+            } else {
+              const loopMax = px + SELF_ARROW_PROJECTION;
+              const need = loopMax - (maxPX + FRAME_PADDING_X) + SELF_ARROW_FRAME_PAD;
+              if (need > 0) extraRight = Math.max(extraRight, need);
+            }
+          }
+          if (msgToLastStep.get(mi) === maxStep) {
+            maxStepIsSelfCall = true;
+          }
+        }
+      }
+      const frameX = minPX - FRAME_PADDING_X - extraLeft;
       const frameY = stepY(minStep) - FRAME_PADDING_TOP;
-      const frameW = maxPX - minPX + FRAME_PADDING_X * 2;
-      const frameH = stepY(maxStep) - stepY(minStep) + FRAME_PADDING_TOP + FRAME_PADDING_BOTTOM;
+      const frameW = maxPX - minPX + FRAME_PADDING_X * 2 + extraLeft + extraRight;
+      const frameH = stepY(maxStep) - stepY(minStep) + FRAME_PADDING_TOP + FRAME_PADDING_BOTTOM + (maxStepIsSelfCall ? SELF_CALL_HEIGHT : 0);
       svg.append("rect").attr("x", frameX).attr("y", frameY).attr("width", frameW).attr("height", frameH).attr("fill", "none").attr("stroke", palette.textMuted).attr("stroke-width", 1).attr("stroke-dasharray", "2 3").attr("rx", 3).attr("ry", 3).attr("class", "block-frame").attr("data-block-line", String(el.lineNumber));
       deferredLabels.push({
         x: frameX + 6,
         y: frameY + FRAME_LABEL_HEIGHT - 4,
         text: `${el.type} ${el.label}`,
-        bold: true,
+        bold: false,
         italic: false,
         blockLine: el.lineNumber
       });
@@ -43944,7 +43826,7 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
               y: dividerY + 14,
               text: `else if ${branchData.label}`,
               bold: false,
-              italic: true,
+              italic: false,
               blockLine: branchData.lineNumber
             });
           }
@@ -43971,7 +43853,7 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
             y: dividerY + 14,
             text: "else",
             bold: false,
-            italic: true,
+            italic: false,
             blockLine: el.elseLineNumber
           });
         }
@@ -44041,7 +43923,7 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
     return side === "right" ? px + ACTIVATION_WIDTH / 2 + offset : px - ACTIVATION_WIDTH / 2 + offset;
   };
   const leftmostX = Math.min(...Array.from(participantX.values()));
-  const rightmostX = Math.max(...Array.from(participantX.values()));
+  const rightmostX = frameRightmostX;
   const sectionLineX1 = leftmostX - PARTICIPANT_BOX_WIDTH / 2 - 10;
   const sectionLineX2 = rightmostX + PARTICIPANT_BOX_WIDTH / 2 + 10;
   for (const region of sectionRegions) {
@@ -44300,27 +44182,12 @@ function renderParticipant(svg, participant, cx, cy, palette, isDark, color, tag
     case "database":
       renderDatabaseParticipant(g, palette, isDark, color, solid);
       break;
-    case "service":
-      renderServiceParticipant(g, palette, isDark, color, solid);
-      break;
     case "queue":
       renderQueueParticipant(g, palette, isDark, color, solid);
       break;
     case "cache":
       renderCacheParticipant(g, palette, isDark, color, solid);
       break;
-    case "networking":
-      renderNetworkingParticipant(g, palette, isDark, color, solid);
-      break;
-    case "frontend":
-      renderFrontendParticipant(g, palette, isDark, color, solid);
-      break;
-    case "external":
-      renderExternalParticipant(g, palette, isDark, color, solid);
-      break;
-    case "gateway":
-      renderGatewayParticipant(g, palette, isDark, color, solid);
-      break;
     default:
       renderRectParticipant(g, palette, isDark, color, solid);
       break;
@@ -44348,7 +44215,7 @@ function renderParticipant(svg, participant, cx, cy, palette, isDark, color, tag
     });
   }
 }
-var PARTICIPANT_GAP, PARTICIPANT_BOX_WIDTH, PARTICIPANT_BOX_HEIGHT, TOP_MARGIN, TITLE_HEIGHT8, PARTICIPANT_Y_OFFSET, SERVICE_BORDER_RADIUS, MESSAGE_START_OFFSET, LIFELINE_TAIL, ARROWHEAD_SIZE, NOTE_MAX_W, NOTE_FOLD, NOTE_PAD_H, NOTE_PAD_V, NOTE_FONT_SIZE, NOTE_LINE_H, NOTE_GAP, NOTE_CHAR_W, NOTE_CHARS_PER_LINE, ACTIVATION_WIDTH, SELF_CALL_HEIGHT, SELF_CALL_WIDTH, NOTE_LANE_MAX, LABEL_CHAR_WIDTH, LABEL_MAX_CHARS, fill, stroke, SW, W, H;
+var PARTICIPANT_GAP, PARTICIPANT_BOX_WIDTH, PARTICIPANT_BOX_HEIGHT, TOP_MARGIN, TITLE_HEIGHT8, PARTICIPANT_Y_OFFSET, MESSAGE_START_OFFSET, LIFELINE_TAIL, ARROWHEAD_SIZE, NOTE_MAX_W, NOTE_FOLD, NOTE_PAD_H, NOTE_PAD_V, NOTE_FONT_SIZE, NOTE_LINE_H, NOTE_GAP, NOTE_CHAR_W, NOTE_CHARS_PER_LINE, ACTIVATION_WIDTH, SELF_CALL_HEIGHT, SELF_CALL_WIDTH, NOTE_LANE_MAX, LABEL_CHAR_WIDTH, LABEL_MAX_CHARS, fill, stroke, SW, W, H;
 var init_renderer19 = __esm({
   "src/sequence/renderer.ts"() {
     "use strict";
@@ -44369,7 +44236,6 @@ var init_renderer19 = __esm({
     TOP_MARGIN = 20;
     TITLE_HEIGHT8 = 30;
     PARTICIPANT_Y_OFFSET = 10;
-    SERVICE_BORDER_RADIUS = 10;
     MESSAGE_START_OFFSET = 30;
     LIFELINE_TAIL = 30;
     ARROWHEAD_SIZE = 8;
@@ -44566,7 +44432,7 @@ function parseVisualization(content, palette) {
   const warn2 = (line12, message) => {
     result.diagnostics.push(makeDgmoError(line12, message, "warning"));
   };
-  if (!content || !content.trim()) {
+  if (!content?.trim()) {
     return fail(0, "Empty content");
   }
   const lines = content.split("\n");
@@ -46606,7 +46472,7 @@ function renderTimelineTagLegendOverlay(container, parsed, palette, isDark, setu
           const groupKey = groupName.toLowerCase();
           groupEl.attr("data-tag-group", groupKey);
           if (isActive && !viewMode) {
-            const isSwimActive = currentSwimlaneGroup != null && currentSwimlaneGroup.toLowerCase() === groupKey;
+            const isSwimActive = currentSwimlaneGroup?.toLowerCase() === groupKey;
             const pillWidth3 = measureLegendText(groupName, LG_PILL_FONT_SIZE) + LG_PILL_PAD;
             const pillXOff = LG_CAPSULE_PAD;
             const iconX = pillXOff + pillWidth3 + 5;
@@ -50708,7 +50574,7 @@ pre.dgmo, code.language-dgmo, pre > code.language-dgmo,
 
 // src/auto/index.ts
 init_safe_href();
-var VERSION = "0.16.0";
+var VERSION = "0.17.0";
 var DEFAULTS = {
   theme: "auto",
   palette: "nord",
@@ -50856,7 +50722,7 @@ function resolveTheme(theme) {
 function ensureStyles() {
   if (typeof document === "undefined") return;
   const html = document.documentElement;
-  if (html && html.dataset && html.dataset[STYLE_FLAG] === "1") return;
+  if (html?.dataset?.[STYLE_FLAG] === "1") return;
   const linked = document.querySelector(
     'link[rel="stylesheet"][href*="auto.css"]'
   );
@@ -51012,7 +50878,7 @@ function deriveAriaLabel(source) {
 function determineReplaceTarget(matched) {
   if (matched.tagName === "CODE") {
     const parent = matched.parentElement;
-    if (parent && parent.tagName === "PRE") {
+    if (parent?.tagName === "PRE") {
       const meaningfulChildren = Array.from(parent.childNodes).filter(
         (n) => n.nodeType === 1 || n.nodeType === 3 && (n.textContent || "").trim().length > 0
       );