@liquidcars/atlas-geometry-processes 0.1.1 → 0.3.0

package/README.md

@@ -37,6 +37,10 @@ not depend on Three.js.
 | process.annotation | Note attached to a symbol |
 | process.control-transfer | Control-flow transfer |
 | process.condition | Condition/rule gate |
+| process.rocket | Project / startup rocket |
+| process.laurel-wreath | Epic / laurel wreath |
+| process.rabbit | Sprint / running rabbit |
+| process.wrench | Task / open-ended wrench |
 
 The symbols are intentionally process-oriented rather than generic primitives:
 they preserve the visual vocabulary of flowcharts while remaining volumetric,
@@ -61,7 +65,6 @@ stable and backwards compatible.
   geometry: process.activity
   geometryOptions:
     variant: task
-    icon: "✓"
 
 - id: order-valid
   name: Order valid?
@@ -73,7 +76,7 @@ stable and backwards compatible.
   name: Rejected
   geometry: process.document
   geometryOptions:
-    icon: "!"
+    copies: 2
 
 relations:
   - from: receive-order
@@ -94,8 +97,7 @@ semantics:
 {
   "geometry": "process.display",
   "geometryOptions": {
-    "screen": "active",
-    "icon": "UI"
+    "screen": "active"
   },
   "geometryPalette": {
     "body": "#263746",
@@ -104,17 +106,18 @@ semantics:
 }
 ~~~
 
-Icons and images are optional. A symbol stays clean when no marker is supplied.
-Images accept browser-loadable URLs or data URIs; external hosts must permit
-cross-origin loading when required by the browser.
+Images are optional on the few symbols where a real visual asset is useful.
+The pack deliberately avoids text-based icon fields because entity labels are
+the semantic caption and front-face text competes with them. Images accept
+browser-loadable URLs or data URIs; external hosts must permit cross-origin
+loading when required by the browser.
 
 ## Design notes
 
-The first release follows common flowchart semantics visible in standard
-process-symbol libraries. Some symbols, such as a document's curved lower edge
-or a manual-input parallelogram, are represented as stylized 3D compounds so
-they remain legible from the interactive camera instead of pretending to be
-flat 2D SVG glyphs.
+The symbols follow common flowchart semantics while remaining volumetric. The
+terminator is a single rounded pill, documents use a light paper face with a
+wave at the lower edge, connectors face the camera as compact discs, and notes
+use the familiar folded-corner Post-it silhouette.
 
 The pack uses namespace process and registers itself on import:
 
@@ -123,3 +126,18 @@ import processGeometryPack from "@liquidcars/atlas-geometry-processes";
 
 console.log(processGeometryPack.geometries.map(geometry => geometry.id));
 ~~~
+
+## Work management (0.3.0)
+
+The four work-management symbols appear under **Processes · Work management**.
+Their ids describe reusable shapes, independently of the host application’s entity types.
+The suggested mapping is project → `process.rocket`, epic → `process.laurel-wreath`,
+sprint → `process.rabbit`, task → `process.wrench`. Existing geometry ids are unchanged.
+
+The silhouettes use solid SVG extrusions with real thickness and local palette colors.
+Atlas derives 2D diagrams and thumbnails from the same geometry used in 3D; no emoji,
+font, remote image or Three.js dependency is required by the pack. Atlas >= 0.1.40
+is required for SVG extrusion support. Colors use `workPrimary`, `workPaper`,
+`workWindow`, `workGold`, `workGreen`, `workMetal` and `workFlame`.
+
+Run `npm test` to check the pack contract and backwards-compatible symbol ids.

package/index.js

@@ -2,16 +2,14 @@ import { registerGeometryPack } from "@liquidcars/atlas";
 
 const clamp = (value, minimum, maximum) => Math.min(maximum, Math.max(minimum, Number(value) || minimum));
 
-const frontMarker = (parameters, color = "accent", position = [0, 0, .54], size = [.3, .24, 1]) => {
-  if (!parameters?.icon && !parameters?.image) return [];
+const frontImage = (parameters, position = [0, 0, .54], size = [.3, .24, 1]) => {
+  if (!parameters?.image) return [];
   return [{
     shape: "plane",
     size,
     position,
-    color: parameters.image ? "#ffffff" : color,
-    icon: parameters.icon,
+    color: "#ffffff",
     image: parameters.image,
-    iconColor: "#ffffff",
     edges: false,
     doubleSided: true
   }];
@@ -26,6 +24,17 @@ const frontLine = (position, size, color = "accent") => ({
   metalness: .12
 });
 
+const frontWave = (y = -.29, z = .175, color = "body") => Array.from({ length: 15 }, (_, index) => {
+  const progress = index / 14;
+  return {
+    shape: "sphere",
+    size: [.09, .026, .018],
+    position: [-.42 + progress * .84, y + Math.sin(progress * Math.PI * 2) * .045, z],
+    color,
+    edges: false
+  };
+});
+
 const processPalette = {
   body: "#496879",
   edge: "#8fd3ee",
@@ -33,7 +42,10 @@ const processPalette = {
   decision: "#d19a54",
   data: "#5e9f9a",
   input: "#6c8fb7",
-  paper: "#8ca9b7",
+  paper: "#f4f1e8",
+  note: "#efcf62",
+  fold: "#fff0ae",
+  screen: "#173541",
   storage: "#597887",
   accent: "#72dbc9",
   positive: "#8bd8a8",
@@ -44,7 +56,7 @@ const processPalette = {
 export const processGeometryPack = {
   namespace: "process",
   name: "Process Symbols",
-  version: "0.1.1",
+  version: "0.3.0",
   category: "Processes",
   palette: processPalette,
   geometries: [
@@ -55,19 +67,14 @@ export const processGeometryPack = {
       category: "Processes · Essentials",
       canonicalSize: [3, 1.35, 1.5],
       parameters: {
-        kind: { type: "select", label: "Kind", options: ["start", "end"], default: "start" },
-        icon: { type: "icon", label: "Front icon", default: "" },
-        image: { type: "image", label: "Front image URL", default: "" }
+        kind: { type: "select", label: "Kind", options: ["start", "end"], default: "start" }
       },
       anchors: { input: [-1, 0, 0], output: [1, 0, 0] },
       create({ parameters }) {
         const color = parameters.kind === "end" ? "negative" : "positive";
         return {
           parts: [
-            { shape: "box", size: [.72, .8, .82], color, radius: .16, edgeColor: "edge" },
-            { shape: "sphere", size: [.62, .8, .82], position: [-.35, 0, 0], color, edges: false },
-            { shape: "sphere", size: [.62, .8, .82], position: [.35, 0, 0], color, edges: false },
-            ...frontMarker(parameters, "ink", [0, 0, .45], [.34, .26, 1])
+            { shape: "box", size: [1, .72, .7], color, radius: .36, segments: 10, edgeColor: "edge" }
           ]
         };
       }
@@ -81,7 +88,6 @@ export const processGeometryPack = {
       parameters: {
         variant: { type: "select", label: "Variant", options: ["task", "subprocess", "call"], default: "task" },
         radius: { type: "number", label: "Corner radius", min: 0, max: .2, step: .01, default: .05 },
-        icon: { type: "icon", label: "Front icon", default: "" },
         image: { type: "image", label: "Front image URL", default: "" }
       },
       anchors: { input: [-1, 0, 0], output: [1, 0, 0], detail: [0, 0, 1] },
@@ -96,7 +102,7 @@ export const processGeometryPack = {
           );
         }
         if (parameters.variant === "call") parts.push(frontLine([0, .39, .42], [.72, .035, .035], "accent"));
-        return { parts: [...parts, ...frontMarker(parameters)] };
+        return { parts: [...parts, ...frontImage(parameters)] };
       }
     },
     {
@@ -106,16 +112,14 @@ export const processGeometryPack = {
       category: "Processes · Essentials",
       canonicalSize: [2.25, 1.8, 2.25],
       parameters: {
-        outcome: { type: "select", label: "Expected outcome", options: ["neutral", "positive", "negative"], default: "neutral" },
-        icon: { type: "icon", label: "Front icon", default: "" }
+        outcome: { type: "select", label: "Expected outcome", options: ["neutral", "positive", "negative"], default: "neutral" }
       },
       anchors: { input: [-1, 0, 0], yes: [1, 0, 0], no: [0, -1, 0], detail: [0, 0, 1] },
       create({ parameters }) {
         const color = parameters.outcome === "positive" ? "positive" : parameters.outcome === "negative" ? "negative" : "decision";
         return {
           parts: [
-            { shape: "box", size: [.88, .22, .88], rotation: [0, 0, Math.PI / 4], color, edgeColor: "edge", radius: .04 },
-            ...frontMarker(parameters, "ink", [0, 0, .15], [.25, .2, 1])
+            { shape: "box", size: [.88, .22, .88], rotation: [0, 0, Math.PI / 4], color, edgeColor: "edge", radius: .04 }
           ]
         };
       }
@@ -128,7 +132,6 @@ export const processGeometryPack = {
       canonicalSize: [2.7, 1.55, 1.7],
       parameters: {
         direction: { type: "select", label: "Direction", options: ["input", "output", "both"], default: "input" },
-        icon: { type: "icon", label: "Front icon", default: "" },
         image: { type: "image", label: "Front image URL", default: "" }
       },
       anchors: { input: [-1, 0, 0], output: [1, 0, 0], detail: [0, 0, 1] },
@@ -137,7 +140,7 @@ export const processGeometryPack = {
         return {
           parts: [
             { shape: "box", size: [1, .58, .78], rotation: [0, 0, -.16], color, edgeColor: "edge", radius: .03 },
-            ...frontMarker(parameters, "ink", [0, 0, .43], [.3, .23, 1])
+            ...frontImage(parameters, [0, 0, .43], [.3, .23, 1])
           ]
         };
       }
@@ -148,15 +151,12 @@ export const processGeometryPack = {
       description: "A manually performed operation.",
       category: "Processes · Advanced",
       canonicalSize: [2.75, 1.6, 1.7],
-      parameters: {
-        icon: { type: "icon", label: "Front icon", default: "" }
-      },
+      parameters: {},
       anchors: { input: [-1, 0, 0], output: [1, 0, 0] },
       create({ parameters }) {
         return {
           parts: [
-            { shape: "frustum-pyramid", size: [1, .64, .84], color: "input", edgeColor: "edge" },
-            ...frontMarker(parameters, "ink", [0, 0, .44], [.28, .22, 1])
+            { shape: "frustum-pyramid", size: [1, .64, .84], color: "input", edgeColor: "edge" }
           ]
         };
       }
@@ -166,11 +166,9 @@ export const processGeometryPack = {
       name: "Document",
       description: "A document or generated record.",
       category: "Processes · Essentials",
-      canonicalSize: [2.65, 2, 1.65],
+      canonicalSize: [2.65, 2, .72],
       parameters: {
-        copies: { type: "number", label: "Copies", min: 1, max: 3, step: 1, default: 1 },
-        icon: { type: "icon", label: "Front icon", default: "" },
-        image: { type: "image", label: "Front image URL", default: "" }
+        copies: { type: "number", label: "Copies", min: 1, max: 3, step: 1, default: 1 }
       },
       anchors: { input: [-1, 0, 0], output: [1, 0, 0], archive: [0, -1, 0] },
       create({ parameters }) {
@@ -179,18 +177,14 @@ export const processGeometryPack = {
         for (let index = copies - 1; index >= 0; index--) {
           parts.push({
             shape: "box",
-            size: [1, .72, .78],
-            position: [index * .06, index * .04, index * -.05],
+            size: [1, .76, .34],
+            position: [index * .055, index * .04, index * -.08],
             color: index === 0 ? "paper" : "body",
             edgeColor: "edge",
             radius: .04
           });
         }
-        parts.push(
-          frontLine([-.28, -.22, .43], [.42, .035, .035], "ink"),
-          frontLine([.22, -.22, .43], [.22, .035, .035], "ink"),
-          ...frontMarker(parameters, "ink", [0, .12, .44], [.25, .2, 1])
-        );
+        parts.push(...frontWave(-.29, .185, "body"));
         return { parts };
       }
     },
@@ -201,7 +195,6 @@ export const processGeometryPack = {
       category: "Processes · Advanced",
       canonicalSize: [2.9, 1.8, 1.8],
       parameters: {
-        icon: { type: "icon", label: "Front icon", default: "" },
         image: { type: "image", label: "Front image URL", default: "" }
       },
       anchors: { input: [-1, 0, 0], output: [1, 0, 0], call: [0, 0, 1] },
@@ -211,7 +204,7 @@ export const processGeometryPack = {
             { shape: "box", size: [1, .76, .8], color: "process", edgeColor: "edge", radius: .07 },
             frontLine([-.42, 0, .43], [.035, .68, .035], "accent"),
             frontLine([.42, 0, .43], [.035, .68, .035], "accent"),
-            ...frontMarker(parameters)
+            ...frontImage(parameters)
           ]
         };
       }
@@ -223,8 +216,7 @@ export const processGeometryPack = {
       category: "Processes · Essentials",
       canonicalSize: [2.45, 1.9, 2.1],
       parameters: {
-        tiers: { type: "number", label: "Tiers", min: 1, max: 4, step: 1, default: 2 },
-        icon: { type: "icon", label: "Front icon", default: "" }
+        tiers: { type: "number", label: "Tiers", min: 1, max: 4, step: 1, default: 2 }
       },
       anchors: { input: [-1, 0, 0], output: [1, 0, 0], query: [0, 0, 1] },
       create({ parameters }) {
@@ -239,7 +231,7 @@ export const processGeometryPack = {
             edgeColor: "accent"
           });
         }
-        return { parts: [...parts, ...frontMarker(parameters, "accent", [0, 0, .46], [.27, .22, 1])] };
+        return { parts };
       }
     },
     {
@@ -248,22 +240,14 @@ export const processGeometryPack = {
       description: "A store managed inside the process boundary.",
       category: "Processes · Advanced",
       canonicalSize: [2.55, 2, 1.8],
-      parameters: {
-        partitions: { type: "number", label: "Partitions", min: 1, max: 4, step: 1, default: 2 },
-        icon: { type: "icon", label: "Front icon", default: "" }
-      },
+      parameters: {},
       anchors: { input: [-1, 0, 0], output: [1, 0, 0], access: [0, 0, 1] },
-      create({ parameters }) {
-        const partitions = Math.round(clamp(parameters.partitions, 1, 4));
-        const parts = [
+      create() {
+        return { parts: [
           { shape: "box", size: [1, .78, .8], color: "storage", edgeColor: "edge", radius: .03 },
-          frontLine([0, 0, .43], [.035, .7, .035], "accent")
-        ];
-        for (let index = 1; index < partitions; index++) {
-          const x = -.36 + index * (.72 / partitions);
-          parts.push(frontLine([x, 0, .44], [.022, .66, .035], "accent"));
-        }
-        return { parts: [...parts, ...frontMarker(parameters)] };
+          frontLine([-.36, 0, .43], [.025, .66, .035], "accent"),
+          frontLine([0, .28, .43], [.72, .025, .035], "accent")
+        ] };
       }
     },
     {
@@ -273,8 +257,7 @@ export const processGeometryPack = {
       category: "Processes · Advanced",
       canonicalSize: [2.6, 1.9, 2.15],
       parameters: {
-        medium: { type: "select", label: "Medium", options: ["disk", "drum"], default: "disk" },
-        icon: { type: "icon", label: "Front icon", default: "" }
+        medium: { type: "select", label: "Medium", options: ["disk", "drum"], default: "disk" }
       },
       anchors: { input: [-1, 0, 0], output: [1, 0, 0], read: [0, 0, 1] },
       create({ parameters }) {
@@ -282,8 +265,7 @@ export const processGeometryPack = {
         return {
           parts: [
             { shape: "cylinder", size: [.86, 1.02, .86], rotation: [0, 0, Math.PI / 2], color, edgeColor: "edge" },
-            { shape: "cylinder", size: [.48, 1.04, .48], rotation: [0, 0, Math.PI / 2], color: "accent", edges: false },
-            ...frontMarker(parameters, "ink", [0, 0, .5], [.27, .2, 1])
+            { shape: "cylinder", size: [.48, 1.04, .48], rotation: [0, 0, Math.PI / 2], color: "accent", edges: false }
           ]
         };
       }
@@ -295,7 +277,6 @@ export const processGeometryPack = {
       category: "Processes · Advanced",
       canonicalSize: [2.75, 1.65, 1.75],
       parameters: {
-        icon: { type: "icon", label: "Front icon", default: "" },
         image: { type: "image", label: "Front image URL", default: "" }
       },
       anchors: { input: [-1, .15, 0], output: [1, 0, 0], operator: [0, 1, 0] },
@@ -303,7 +284,7 @@ export const processGeometryPack = {
         return {
           parts: [
             { shape: "box", size: [1, .62, .8], rotation: [0, 0, .16], color: "input", edgeColor: "edge", radius: .03 },
-            ...frontMarker(parameters, "ink", [0, 0, .43], [.3, .22, 1])
+            ...frontImage(parameters, [0, 0, .43], [.3, .22, 1])
           ]
         };
       }
@@ -314,15 +295,12 @@ export const processGeometryPack = {
       description: "Preparation, setup or initialization step.",
       category: "Processes · Advanced",
       canonicalSize: [2.7, 1.8, 1.8],
-      parameters: {
-        icon: { type: "icon", label: "Front icon", default: "" }
-      },
+      parameters: {},
       anchors: { input: [-1, 0, 0], output: [1, 0, 0], setup: [0, 1, 0] },
       create({ parameters }) {
         return {
           parts: [
-            { shape: "prism", size: [1, .74, .82], color: "process", edgeColor: "edge" },
-            ...frontMarker(parameters)
+            { shape: "prism", size: [1, .74, .82], color: "process", edgeColor: "edge" }
           ]
         };
       }
@@ -334,8 +312,7 @@ export const processGeometryPack = {
       category: "Processes · Advanced",
       canonicalSize: [2.8, 1.9, 1.8],
       parameters: {
-        lanes: { type: "number", label: "Lanes", min: 2, max: 4, step: 1, default: 2 },
-        icon: { type: "icon", label: "Front icon", default: "" }
+        lanes: { type: "number", label: "Lanes", min: 2, max: 4, step: 1, default: 2 }
       },
       anchors: { input: [-1, 0, 0], output: [1, 0, 0], lane: [0, 0, 1] },
       create({ parameters }) {
@@ -347,7 +324,7 @@ export const processGeometryPack = {
           const y = -.27 + index * (.54 / Math.max(1, lanes - 1));
           parts.push(frontLine([0, y, .43], [.66, .025, .035], index % 2 ? "accent" : "edge"));
         }
-        return { parts: [...parts, ...frontMarker(parameters)] };
+        return { parts };
       }
     },
     {
@@ -357,17 +334,17 @@ export const processGeometryPack = {
       category: "Processes · Advanced",
       canonicalSize: [2.7, 1.9, 1.8],
       parameters: {
-        limit: { type: "number", label: "Limit", min: 1, max: 99, step: 1, default: 3 },
-        icon: { type: "icon", label: "Front icon", default: "" }
+        limit: { type: "number", label: "Limit", min: 1, max: 99, step: 1, default: 3 }
       },
       anchors: { input: [-1, 0, 0], output: [1, 0, 0], loop: [0, 0, 1] },
       create({ parameters }) {
         const limit = Math.round(clamp(parameters.limit, 1, 99));
+        const limitWidth = .2 + Math.log10(limit + 1) / 2 * .5;
         return {
           parts: [
             { shape: "pyramid-square", size: [1, .72, .82], color: "decision", edgeColor: "edge" },
             frontLine([0, -.17, .45], [.34, .035, .035], "ink"),
-            ...frontMarker({ ...parameters, icon: parameters.icon || String(limit) }, "ink", [0, .12, .45], [.28, .2, 1])
+            frontLine([0, .12, .45], [limitWidth, .045, .035], "ink")
           ]
         };
       }
@@ -380,17 +357,17 @@ export const processGeometryPack = {
       canonicalSize: [2.9, 1.8, 1.8],
       parameters: {
         screen: { type: "select", label: "Screen state", options: ["idle", "active", "warning"], default: "active" },
-        image: { type: "image", label: "Screen image URL", default: "" },
-        icon: { type: "icon", label: "Screen icon", default: "" }
+        image: { type: "image", label: "Screen image URL", default: "" }
       },
       anchors: { input: [-1, 0, 0], output: [1, 0, 0], user: [0, 0, 1] },
       create({ parameters }) {
-        const color = parameters.screen === "warning" ? "negative" : parameters.screen === "active" ? "accent" : "body";
+        const color = parameters.screen === "warning" ? "negative" : parameters.screen === "active" ? "accent" : "screen";
         return {
           parts: [
             { shape: "box", size: [.9, .68, .76], color: "body", edgeColor: "edge", radius: .12 },
-            { shape: "box", size: [.72, .5, .05], position: [0, .02, .41], color: "screen", edgeColor: color, radius: .03 },
-            ...frontMarker(parameters, color, [0, .02, .45], [.25, .18, 1])
+            { shape: "box", size: [.72, .5, .05], position: [0, .02, .41], color, edgeColor: color, radius: .03 },
+            { shape: "sphere", size: [.055, .055, .035], position: [.36, -.29, .43], color, edges: false },
+            ...frontImage(parameters, [0, .02, .45], [.25, .18, 1])
           ]
         };
       }
@@ -400,19 +377,16 @@ export const processGeometryPack = {
       name: "Connector",
       description: "An in-page connector or continuation point.",
       category: "Processes · Essentials",
-      canonicalSize: [1.55, 1.55, 1.55],
+      canonicalSize: [1.55, 1.55, .55],
       parameters: {
-        kind: { type: "select", label: "Kind", options: ["sequence", "junction"], default: "sequence" },
-        icon: { type: "icon", label: "Connector icon", default: "" }
+        kind: { type: "select", label: "Kind", options: ["sequence", "junction"], default: "sequence" }
       },
       anchors: { input: [-1, 0, 0], output: [1, 0, 0], continuation: [0, 0, 1] },
       create({ parameters }) {
         const color = parameters.kind === "junction" ? "decision" : "accent";
         return {
           parts: [
-            { shape: "cylinder", size: [.72, .22, .72], rotation: [0, 0, Math.PI / 2], color, edgeColor: "edge" },
-            { shape: "sphere", size: [.32, .32, .32], position: [0, 0, .39], color: "ink", edges: false },
-            ...frontMarker(parameters, "ink", [0, 0, .51], [.2, .16, 1])
+            { shape: "cylinder", size: [.82, .22, .82], rotation: [Math.PI / 2, 0, 0], color, edgeColor: "edge" }
           ]
         };
       }
@@ -423,16 +397,12 @@ export const processGeometryPack = {
       description: "A continuation to another page or diagram.",
       category: "Processes · Advanced",
       canonicalSize: [2.2, 2.1, 1.7],
-      parameters: {
-        target: { type: "string", label: "Target", default: "" },
-        icon: { type: "icon", label: "Reference icon", default: "" }
-      },
+      parameters: {},
       anchors: { input: [-1, 0, 0], output: [1, 0, 0], continuation: [0, -1, 0] },
       create({ parameters }) {
         return {
           parts: [
-            { shape: "pyramid-square", size: [1, .72, .82], rotation: [0, 0, Math.PI / 4], color: "paper", edgeColor: "edge" },
-            ...frontMarker({ ...parameters, icon: parameters.icon || parameters.target }, "ink", [0, 0, .2], [.25, .18, 1])
+            { shape: "pyramid-square", size: [1, .72, .82], rotation: [0, 0, Math.PI / 4], color: "paper", edgeColor: "edge" }
           ]
         };
       }
@@ -442,18 +412,15 @@ export const processGeometryPack = {
       name: "Note",
       description: "A note linked to a process symbol.",
       category: "Processes · Essentials",
-      canonicalSize: [2.7, 1.9, 1.6],
-      parameters: {
-        icon: { type: "icon", label: "Annotation icon", default: "i" },
-        image: { type: "image", label: "Annotation image URL", default: "" }
-      },
+      canonicalSize: [2.35, 2.15, .62],
+      parameters: {},
       anchors: { target: [-1, 0, 0], note: [1, 0, 0] },
       create({ parameters }) {
         return {
           parts: [
-            { shape: "box", size: [.72, .58, .58], color: "paper", edgeColor: "edge", radius: .04 },
-            frontLine([.58, 0, 0], [.62, .035, .035], "accent"),
-            ...frontMarker(parameters, "ink", [0, 0, .32], [.22, .16, 1])
+            { shape: "box", size: [.82, .82, .32], color: "note", edgeColor: "edge", radius: .025 },
+            { shape: "pyramid-triangle", size: [.22, .035, .22], position: [.31, .31, .18], rotation: [Math.PI / 2, 0, Math.PI / 4], color: "fold", edges: false },
+            frontLine([.2, .2, .185], [.24, .025, .018], "body")
           ]
         };
       }
@@ -465,8 +432,7 @@ export const processGeometryPack = {
       category: "Processes · Advanced",
       canonicalSize: [2.5, 1.55, 1.55],
       parameters: {
-        direction: { type: "select", label: "Direction", options: ["forward", "back"], default: "forward" },
-        icon: { type: "icon", label: "Transfer icon", default: "" }
+        direction: { type: "select", label: "Direction", options: ["forward", "back"], default: "forward" }
       },
       anchors: { input: [-1, 0, 0], output: [1, 0, 0] },
       create({ parameters }) {
@@ -474,8 +440,7 @@ export const processGeometryPack = {
         return {
           parts: [
             { shape: "box", size: [.62, .16, .16], position: [-.17, 0, 0], color: "accent", edges: false },
-            { shape: "cone", size: [.42, .42, .42], position: [.28, 0, 0], rotation: [0, 0, rotation], color: "accent", edgeColor: "edge" },
-            ...frontMarker(parameters, "ink", [0, 0, .24], [.2, .16, 1])
+            { shape: "cone", size: [.42, .42, .42], position: [.28, 0, 0], rotation: [0, 0, rotation], color: "accent", edgeColor: "edge" }
           ]
         };
       }
@@ -487,16 +452,14 @@ export const processGeometryPack = {
       category: "Processes · Advanced",
       canonicalSize: [2.25, 1.8, 2.1],
       parameters: {
-        state: { type: "select", label: "State", options: ["true", "false", "unknown"], default: "unknown" },
-        icon: { type: "icon", label: "Condition icon", default: "" }
+        state: { type: "select", label: "State", options: ["true", "false", "unknown"], default: "unknown" }
       },
       anchors: { input: [-1, 0, 0], true: [1, .35, 0], false: [1, -.35, 0] },
       create({ parameters }) {
         const color = parameters.state === "true" ? "positive" : parameters.state === "false" ? "negative" : "decision";
         return {
           parts: [
-            { shape: "pyramid-triangle", size: [1, .68, .84], color, edgeColor: "edge" },
-            ...frontMarker(parameters, "ink", [0, 0, .45], [.22, .18, 1])
+            { shape: "pyramid-triangle", size: [1, .68, .84], color, edgeColor: "edge" }
           ]
         };
       }
@@ -504,6 +467,80 @@ export const processGeometryPack = {
   ]
 };
 
+// Work-management vocabulary. Every silhouette is a solid SVG extrusion, so
+// Atlas uses the same outline for its 2D diagrams and its volumetric 3D view.
+const workSvg = (paths, size, position = [0, 0, 0], color = "workPrimary") => ({
+  shape: "svg-extrude",
+  svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">${paths}</svg>`,
+  size, position, color, edges: false, bevel: .018, curveSegments: 10,
+  metalness: .16, roughness: .48
+});
+const workEye = (position, diameter, color = "workPaper") => ({
+  shape: "cylinder", size: [diameter, .055, diameter],
+  rotation: [Math.PI / 2, 0, 0], position, color, edges: false
+});
+const rocketOutline = '<path d="M50 3C31 16 27 35 28 57L13 72V88L35 79H65L87 88V72L72 57C73 35 69 16 50 3Z"/>';
+const rocketFlame = '<path d="M24 4Q50 25 76 4Q84 55 50 97Q16 55 24 4Z"/>';
+const rabbitOutline = '<path d="M14 62C6 65 2 57 6 51C9 47 14 49 18 52C24 39 37 37 49 43L59 36L55 18Q54 8 60 13L70 32L74 11Q78 3 82 10L81 34Q90 36 94 44L97 49Q99 54 92 57L81 58L75 64L91 76Q95 83 87 83L70 72L62 70L52 79L32 89Q24 91 26 84L39 75L46 65Q35 60 27 66L18 79L7 83Q0 84 4 77L14 68Z"/>';
+// Opposite contour winding keeps the handle hole without discarding the body caps in Atlas.
+const wrenchOutline = '<path fill-rule="evenodd" d="M63 8L57 10C45 14 38 28 44 40L8 68C0 74 -2 84 5 91C12 98 22 97 29 89L59 55C73 63 87 59 94 45L77 45L70 32L79 20L95 20C90 8 76 2 63 8ZM20 81A5 5 0 1 1 10 81A5 5 0 1 1 20 81Z"/>';
+const laurelOutline = (() => {
+  const point = (x, y) => `${x.toFixed(2)} ${y.toFixed(2)}`;
+  const leaf = (x, y, tx, ty, width) => {
+    const dx = tx - x, dy = ty - y, length = Math.hypot(dx, dy), nx = -dy / length * width, ny = dx / length * width;
+    return `<path d="M${point(x,y)}C${point(x+dx*.25+nx,y+dy*.25+ny)} ${point(x+dx*.75+nx,y+dy*.75+ny)} ${point(tx,ty)}C${point(x+dx*.75-nx,y+dy*.75-ny)} ${point(x+dx*.25-nx,y+dy*.25-ny)} ${point(x,y)}Z"/>`;
+  };
+  let paths = '<path d="M49 94C16 78 9 46 34 10L37 12C16 47 23 75 51 90ZM51 94C84 78 91 46 66 10L63 12C84 47 77 75 49 90Z"/>';
+  for (const side of [-1, 1]) for (let i = 0; i < 7; i++) {
+    const angle = (90 + side * (20 + i * 22)) * Math.PI / 180;
+    const rx = Math.cos(angle), ry = Math.sin(angle), dx = -ry * side, dy = rx * side;
+    const x = 50 + rx * 34, y = 50 + ry * 34;
+    paths += leaf(x, y, x + rx * 13 + dx * 7, y + ry * 13 + dy * 7, 3.8);
+    paths += leaf(x, y, x - rx * 11 + dx * 9, y - ry * 11 + dy * 9, 3.2);
+  }
+  return paths;
+})();
+Object.assign(processPalette, {
+  workPrimary: "#7961c9", workPaper: "#fff9ef", workWindow: "#81d6ec",
+  workGold: "#d6a739", workGreen: "#43856b", workMetal: "#55788d", workFlame: "#efa34b"
+});
+processGeometryPack.geometries.push(
+  {
+    id: "rocket", name: "Project · Rocket", description: "Startup rocket: a project taking off.",
+    category: "Processes · Work management", canonicalSize: [1.8, 2.5, .6],
+    anchors: { input: [-.9, 0, 0], output: [.9, 0, 0], detail: [0, 0, .3] },
+    create() { return { parts: [
+      workSvg(rocketFlame, [.48, .65, .22], [0, -.93, -.015], "workFlame"),
+      workSvg(rocketOutline, [1.45, 1.85, .32], [0, .18, 0]),
+      workEye([0, .49, .18], .46), workEye([0, .49, .215], .30, "workWindow"),
+      frontLine([0, -.43, .185], [.48, .07, .05], "workPaper")
+    ] }; }
+  },
+  {
+    id: "laurel-wreath", name: "Epic · Laurel wreath", description: "A laurel wreath framing a significant achievement.",
+    category: "Processes · Work management", canonicalSize: [2.3, 2.3, .5],
+    anchors: { input: [-1.15, 0, 0], output: [1.15, 0, 0], detail: [0, 0, .25] },
+    create() { return { parts: [workSvg(laurelOutline, [2, 2.05, .3], [0, 0, 0], "workGold")] }; }
+  },
+  {
+    id: "rabbit", name: "Sprint · Running rabbit", description: "A running hare, with long ears and extended legs, for a short delivery iteration.",
+    category: "Processes · Work management", canonicalSize: [2.7, 2.15, .6],
+    anchors: { input: [-1.35, 0, 0], output: [1.35, 0, 0], detail: [0, 0, .3] },
+    create() { return { parts: [
+      workSvg(rabbitOutline, [2.15, 1.95, .3], [.1, .04, 0], "workGreen"),
+      workEye([.9, .20, .185], .095),
+      { ...frontLine([-.99, -.08, 0], [.54, .075, .12], "workGreen"), radius: .035 },
+      { ...frontLine([-1.03, -.35, 0], [.4, .065, .12], "workGreen"), radius: .03 }
+    ] }; }
+  },
+  {
+    id: "wrench", name: "Task · Wrench", description: "An open-ended wrench with a pierced handle for concrete work on an asset.",
+    category: "Processes · Work management", canonicalSize: [2.3, 2.3, .55],
+    anchors: { input: [-1.15, 0, 0], output: [1.15, 0, 0], detail: [0, 0, .275] },
+    create() { return { parts: [workSvg(wrenchOutline, [2.05, 2.05, .32], [0, 0, 0], "workMetal")] }; }
+  }
+);
+
 registerGeometryPack(processGeometryPack);
 
 export default processGeometryPack;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liquidcars/atlas-geometry-processes",
-  "version": "0.1.1",
+  "version": "0.3.0",
   "description": "Standard process and flowchart geometry pack for LiquidCars Atlas",
   "type": "module",
   "main": "./index.js",
@@ -14,7 +14,7 @@
   ],
   "sideEffects": true,
   "peerDependencies": {
-    "@liquidcars/atlas": ">=0.1.25"
+    "@liquidcars/atlas": ">=0.1.40"
   },
   "keywords": [
     "liquidcars",
@@ -23,7 +23,11 @@
     "geometry-pack",
     "process",
     "flowchart",
-    "bpmn"
+    "bpmn",
+    "work-management"
   ],
-  "license": "MIT"
+  "license": "MIT",
+  "scripts": {
+    "test": "node --test test/*.test.mjs"
+  }
 }