chiltepin-render 0.33.3 → 0.34.0

package/dist/index.js

@@ -5708,6 +5708,13 @@ function autoGrid(ids, edges, rankdir) {
 }
 
 // src/blocks/flow.ts
+var AI_CHIP = {
+  agent: "AGENT",
+  llm: "LLM",
+  tool: "TOOL",
+  human: "HUMAN",
+  memory: "MEMORY"
+};
 function flowRevealOrder(nodes, edges) {
   const ids = new Set(nodes.map((n) => n.id));
   const indeg = /* @__PURE__ */ new Map();
@@ -5836,16 +5843,22 @@ function renderFlowSvg(data) {
     const cx = r5.x + r5.w / 2;
     const cy = r5.y + r5.h / 2;
     const accent = accentIds.has(n.id);
-    const stroke = accent ? "var(--accent)" : kind === "start" ? "var(--rule-solid)" : "var(--ink)";
-    const sw = accent ? 1.5 : kind === "start" ? 1 : 1.5;
-    const fill = accent ? "var(--accent-tint)" : kind === "start" ? "var(--paper-2)" : "var(--paper)";
+    const chip3 = AI_CHIP[kind];
+    const secondary2 = kind === "start" || kind === "memory";
+    const stroke = accent ? "var(--accent)" : secondary2 ? "var(--rule-solid)" : "var(--ink)";
+    const sw = accent ? 1.5 : secondary2 ? 1 : 1.5;
+    const fill = accent ? "var(--accent-tint)" : secondary2 ? "var(--paper-2)" : "var(--paper)";
+    const dash = kind === "human" ? ' stroke-dasharray="4 3"' : "";
     let shape;
     if (kind === "decision") {
       shape = `<polygon points="${cx},${r5.y} ${r5.x + r5.w},${cy} ${cx},${r5.y + r5.h} ${r5.x},${cy}" fill="${fill}" stroke="${stroke}" stroke-width="${sw}" stroke-linejoin="round"/>`;
     } else if (kind === "start" || kind === "end") {
       shape = `<rect x="${r5.x}" y="${r5.y}" width="${r5.w}" height="${r5.h}" rx="${r5.h / 2}" fill="${fill}" stroke="${stroke}" stroke-width="${sw}"/>`;
     } else {
-      shape = `<rect x="${r5.x}" y="${r5.y}" width="${r5.w}" height="${r5.h}" rx="4" fill="${fill}" stroke="${stroke}" stroke-width="${sw}"/>`;
+      shape = `<rect x="${r5.x}" y="${r5.y}" width="${r5.w}" height="${r5.h}" rx="4" fill="${fill}" stroke="${stroke}" stroke-width="${sw}"${dash}/>`;
+    }
+    if (chip3 !== void 0) {
+      shape += `<text x="${r5.x + 8}" y="${r5.y + 11}" class="blk-chip t-sub">${chip3}</text>`;
     }
     const nl = n.label.indexOf("\n");
     const name = nl >= 0 ? n.label.slice(0, nl) : n.label;
@@ -5853,12 +5866,13 @@ function renderFlowSvg(data) {
     const maxChars = kind === "decision" ? 18 : 20;
     const lines = sub.length > 0 ? wrapText(name, maxChars, 1) : wrapText(name, maxChars, 2);
     const tone = accent ? " c-accent" : "";
+    const dy = chip3 !== void 0 ? 4 : 0;
     let texts = "";
     if (sub.length > 0) {
-      texts = `<text x="${cx}" y="${cy - 1}" class="fc-label t-name${tone}">${escapeHtml(lines[0] ?? name)}</text><text x="${cx}" y="${cy + 12}" class="fc-sub t-sub" text-anchor="middle">${escapeHtml(sub)}</text>`;
+      texts = `<text x="${cx}" y="${cy - 1 + dy}" class="fc-label t-name${tone}">${escapeHtml(lines[0] ?? name)}</text><text x="${cx}" y="${cy + 12 + dy}" class="fc-sub t-sub" text-anchor="middle">${escapeHtml(sub)}</text>`;
     } else {
       texts = lines.map(
-        (ln2, j2) => `<text x="${cx}" y="${cy + 4.5 - (lines.length - 1) * 7.5 + j2 * 15}" class="fc-label t-name${tone}">${escapeHtml(ln2)}</text>`
+        (ln2, j2) => `<text x="${cx}" y="${cy + 4.5 + dy - (lines.length - 1) * 7.5 + j2 * 15}" class="fc-label t-name${tone}">${escapeHtml(ln2)}</text>`
       ).join("");
     }
     s += `<g${bp(`nodes.${ni}`)}${nodeCellAttrs(n.col, n.row, n.w ?? 1)}${revealAttr(stepOf(n.id))}>${shape}${texts}</g>`;
@@ -5871,6 +5885,11 @@ function renderFlowSvg(data) {
   if (kindsUsed.has("start")) items.push({ swatch: "node-fill2", label: "start" });
   if (kindsUsed.has("process")) items.push({ swatch: "node", label: "step" });
   if (kindsUsed.has("decision")) items.push({ swatch: "node", label: "decision (diamond)" });
+  if (kindsUsed.has("agent")) items.push({ swatch: "node", label: "AGENT \xB7 autonomous step" });
+  if (kindsUsed.has("llm")) items.push({ swatch: "node", label: "LLM \xB7 model call" });
+  if (kindsUsed.has("tool")) items.push({ swatch: "node", label: "TOOL \xB7 retrieval / API / code" });
+  if (kindsUsed.has("human")) items.push({ swatch: "node-dashed", label: "HUMAN \xB7 review gate" });
+  if (kindsUsed.has("memory")) items.push({ swatch: "node-fill2", label: "MEMORY \xB7 store" });
   if (kindsUsed.has("end") && [...accentIds].length < nodes.filter((n) => n.kind === "end").length) {
     items.push({ swatch: "node", label: "exit" });
   }