From ccc2f7eee804ee4ec4e22b6cd32e46f2f1dfc2a8 Mon Sep 17 00:00:00 2001
From: Kyle Ellrott <kellrott@gmail.com>
Date: Sun, 18 Jan 2026 23:59:56 -0800
Subject: [PATCH 01/14] Adding web view subcommand to sifter

---
 cmd/root.go               |  2 +
 cmd/web/main.go           | 88 ++++++++++++++++++++++++++++++++++++++
 cmd/web/static/app.js     | 33 +++++++++++++++
 cmd/web/static/index.html | 29 +++++++++++++
 cmd/web/static/style.css  | 89 +++++++++++++++++++++++++++++++++++++++
 web/static/index.html     | 25 +++++++++++
 6 files changed, 266 insertions(+)
 create mode 100644 cmd/web/main.go
 create mode 100644 cmd/web/static/app.js
 create mode 100644 cmd/web/static/index.html
 create mode 100644 cmd/web/static/style.css
 create mode 100644 web/static/index.html

diff --git a/cmd/root.go b/cmd/root.go
index 2e889eb..0204651 100644
--- a/cmd/root.go
+++ b/cmd/root.go
@@ -7,6 +7,7 @@ import (
 	"github.com/bmeg/sifter/cmd/inspect"
 	"github.com/bmeg/sifter/cmd/run"
 	"github.com/bmeg/sifter/cmd/scan"
+	"github.com/bmeg/sifter/cmd/web"
 	"github.com/spf13/cobra"
 )
 
@@ -22,6 +23,7 @@ func init() {
 	RootCmd.AddCommand(inspect.Cmd)
 	RootCmd.AddCommand(graphplan.Cmd)
 	RootCmd.AddCommand(scan.Cmd)
+	RootCmd.AddCommand(web.Cmd)
 }
 
 var genBashCompletionCmd = &cobra.Command{
diff --git a/cmd/web/main.go b/cmd/web/main.go
new file mode 100644
index 0000000..ff0ffb8
--- /dev/null
+++ b/cmd/web/main.go
@@ -0,0 +1,88 @@
+package web
+
+import (
+	"embed"
+	"encoding/json"
+	"fmt"
+	"io/fs"
+	"log"
+	"net/http"
+	"os"
+	"path/filepath"
+	"strings"
+
+	"github.com/spf13/cobra"
+)
+
+//go:embed static/*
+var staticFS embed.FS
+
+var playbookDir string
+
+// Cmd is the declaration of the command line
+var Cmd = &cobra.Command{
+	Use:   "web <script>",
+	Short: "View sifter script in browser",
+	Args:  cobra.MinimumNArgs(1),
+	RunE: func(cmd *cobra.Command, args []string) error {
+
+		playbookDir = args[0]
+		// Serve embedded static files
+		staticFiles, err := fs.Sub(staticFS, "static")
+		if err != nil {
+			log.Fatalf("failed to create sub FS: %v", err)
+		}
+		http.Handle("/", http.FileServer(http.FS(staticFiles)))
+
+		// API endpoints
+		http.HandleFunc("/api/playbooks", listPlaybooksHandler)
+		http.HandleFunc("/api/playbook", getPlaybookHandler)
+
+		port := "8081"
+		fmt.Printf("Server listening on http://localhost:%s\n", port)
+		log.Fatal(http.ListenAndServe(":"+port, nil))
+
+		return nil
+	},
+}
+
+func listPlaybooksHandler(w http.ResponseWriter, r *http.Request) {
+	entries, err := os.ReadDir(playbookDir)
+	if err != nil {
+		http.Error(w, "failed to read playbook directory", http.StatusInternalServerError)
+		return
+	}
+	var names []string
+	for _, e := range entries {
+		if e.IsDir() {
+			continue
+		}
+		// Only include yaml files
+		if strings.HasSuffix(e.Name(), ".yaml") || strings.HasSuffix(e.Name(), ".yml") {
+			names = append(names, e.Name())
+		}
+	}
+	w.Header().Set("Content-Type", "application/json")
+	json.NewEncoder(w).Encode(names)
+}
+
+func getPlaybookHandler(w http.ResponseWriter, r *http.Request) {
+	name := r.URL.Query().Get("name")
+	if name == "" {
+		http.Error(w, "missing name parameter", http.StatusBadRequest)
+		return
+	}
+	// Prevent directory traversal
+	if strings.Contains(name, "..") || strings.ContainsAny(name, "/\\") {
+		http.Error(w, "invalid playbook name", http.StatusBadRequest)
+		return
+	}
+	path := filepath.Join("examples", name)
+	content, err := os.ReadFile(path)
+	if err != nil {
+		http.Error(w, "playbook not found", http.StatusNotFound)
+		return
+	}
+	w.Header().Set("Content-Type", "text/plain")
+	w.Write(content)
+}
diff --git a/cmd/web/static/app.js b/cmd/web/static/app.js
new file mode 100644
index 0000000..a99ee4e
--- /dev/null
+++ b/cmd/web/static/app.js
@@ -0,0 +1,33 @@
+document.addEventListener('DOMContentLoaded', () => {
+    const listEl = document.getElementById('playbook-list');
+    const contentEl = document.getElementById('playbook-content');
+
+    // Fetch list of playbooks
+    fetch('/api/playbooks')
+        .then(res => res.json())
+        .then(playbooks => {
+            playbooks.forEach(name => {
+                const li = document.createElement('li');
+                li.textContent = name;
+                li.addEventListener('click', () => loadPlaybook(name, li));
+                listEl.appendChild(li);
+            });
+        })
+        .catch(err => console.error('Failed to load playbook list', err));
+
+    function loadPlaybook(name, element) {
+        // Highlight selected
+        Array.from(listEl.children).forEach(child => child.classList.remove('selected'));
+        element.classList.add('selected');
+        fetch(`/api/playbook?name=${encodeURIComponent(name)}`)
+            .then(res => {
+                if (!res.ok) throw new Error('Playbook not found');
+                return res.text();
+            })
+            .then(text => {
+                contentEl.textContent = text;
+                hljs.highlightElement(contentEl);
+            })
+            .catch(err => console.error('Failed to load playbook', err));
+    }
+});
diff --git a/cmd/web/static/index.html b/cmd/web/static/index.html
new file mode 100644
index 0000000..e064503
--- /dev/null
+++ b/cmd/web/static/index.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Sifter Playbook Viewer</title>
+    <link rel="stylesheet" href="style.css" />
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet" />
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <link rel="stylesheet"
+        href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github-dark.min.css" />
+</head>
+
+<body>
+    <div class="container">
+        <aside class="sidebar">
+            <h1>Sifter Playbooks</h1>
+            <ul id="playbook-list"></ul>
+        </aside>
+        <main class="content">
+            <pre><code id="playbook-content" class="yaml"></code></pre>
+        </main>
+    </div>
+    <script src="app.js"></script>
+    <script>hljs.highlightAll();</script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/cmd/web/static/style.css b/cmd/web/static/style.css
new file mode 100644
index 0000000..5312646
--- /dev/null
+++ b/cmd/web/static/style.css
@@ -0,0 +1,89 @@
+/* Premium dark theme with glassmorphism and smooth gradients */
+:root {
+  --font-family: 'Inter', sans-serif;
+  --bg-gradient: linear-gradient(135deg, #1e1e2f, #2a2a3d);
+  --sidebar-bg: rgba(255, 255, 255, 0.08);
+  --content-bg: rgba(255, 255, 255, 0.04);
+  --text-color: #e0e0e0;
+  --accent-color: #4f9bff;
+}
+
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: var(--font-family);
+  background: var(--bg-gradient);
+  color: var(--text-color);
+  height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.container {
+  display: flex;
+  width: 90vw;
+  height: 80vh;
+  backdrop-filter: blur(12px);
+  border-radius: 12px;
+  overflow: hidden;
+  box-shadow: 0 8px 32px rgba(0,0,0,0.6);
+}
+
+.sidebar {
+  flex: 0 0 250px;
+  background: var(--sidebar-bg);
+  padding: 20px;
+  overflow-y: auto;
+}
+
+.sidebar h1 {
+  font-size: 1.4rem;
+  margin-bottom: 1rem;
+  color: var(--accent-color);
+}
+
+.sidebar ul {
+  list-style: none;
+}
+
+.sidebar li {
+  margin: 8px 0;
+  cursor: pointer;
+  padding: 6px 10px;
+  border-radius: 6px;
+  transition: background 0.2s, transform 0.1s;
+}
+
+.sidebar li:hover {
+  background: rgba(255,255,255,0.1);
+  transform: translateX(4px);
+}
+
+.content {
+  flex: 1;
+  background: var(--content-bg);
+  padding: 20px;
+  overflow-y: auto;
+}
+
+pre {
+  margin: 0;
+  height: 100%;
+  overflow: auto;
+}
+
+code {
+  font-family: 'Source Code Pro', monospace;
+  font-size: 0.9rem;
+}
+
+@media (max-width: 768px) {
+  .container { flex-direction: column; height: auto; }
+  .sidebar { flex: none; width: 100%; }
+  .content { flex: none; height: 60vh; }
+}
diff --git a/web/static/index.html b/web/static/index.html
new file mode 100644
index 0000000..ebe026c
--- /dev/null
+++ b/web/static/index.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Sifter Playbook Viewer</title>
+  <link rel="stylesheet" href="style.css" />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet" />
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github-dark.min.css" />
+</head>
+<body>
+  <div class="container">
+    <aside class="sidebar">
+      <h1>Sifter Playbooks</h1>
+      <ul id="playbook-list"></ul>
+    </aside>
+    <main class="content">
+      <pre><code id="playbook-content" class="yaml"></code></pre>
+    </main>
+  </div>
+  <script src="app.js"></script>
+  <script>hljs.highlightAll();</script>
+</body>
+</html>

From 136b16f50fff96d193f8799d66a58245b153f58d Mon Sep 17 00:00:00 2001
From: Kyle Ellrott <kellrott@gmail.com>
Date: Sat, 24 Jan 2026 23:38:37 -0800
Subject: [PATCH 02/14] Starting to work on webapp

---
 sifter-view/.gitignore                    |   41 +
 sifter-view/README.md                     |   36 +
 sifter-view/app/favicon.ico               |  Bin 0 -> 25931 bytes
 sifter-view/app/globals.css               |   26 +
 sifter-view/app/layout.tsx                |   34 +
 sifter-view/app/page.tsx                  |   16 +
 sifter-view/components/PlaybookFlow.tsx   |   50 +
 sifter-view/components/PlaybookViewer.tsx |   79 +
 sifter-view/eslint.config.mjs             |   18 +
 sifter-view/next.config.ts                |   10 +
 sifter-view/package-lock.json             | 5366 +++++++++++++++++++++
 sifter-view/package.json                  |   29 +
 sifter-view/postcss.config.mjs            |    7 +
 sifter-view/public/file.svg               |    1 +
 sifter-view/public/globe.svg              |    1 +
 sifter-view/public/next.svg               |    1 +
 sifter-view/public/vercel.svg             |    1 +
 sifter-view/public/window.svg             |    1 +
 sifter-view/tsconfig.json                 |   34 +
 19 files changed, 5751 insertions(+)
 create mode 100644 sifter-view/.gitignore
 create mode 100644 sifter-view/README.md
 create mode 100644 sifter-view/app/favicon.ico
 create mode 100644 sifter-view/app/globals.css
 create mode 100644 sifter-view/app/layout.tsx
 create mode 100644 sifter-view/app/page.tsx
 create mode 100644 sifter-view/components/PlaybookFlow.tsx
 create mode 100644 sifter-view/components/PlaybookViewer.tsx
 create mode 100644 sifter-view/eslint.config.mjs
 create mode 100644 sifter-view/next.config.ts
 create mode 100644 sifter-view/package-lock.json
 create mode 100644 sifter-view/package.json
 create mode 100644 sifter-view/postcss.config.mjs
 create mode 100644 sifter-view/public/file.svg
 create mode 100644 sifter-view/public/globe.svg
 create mode 100644 sifter-view/public/next.svg
 create mode 100644 sifter-view/public/vercel.svg
 create mode 100644 sifter-view/public/window.svg
 create mode 100644 sifter-view/tsconfig.json

diff --git a/sifter-view/.gitignore b/sifter-view/.gitignore
new file mode 100644
index 0000000..5ef6a52
--- /dev/null
+++ b/sifter-view/.gitignore
@@ -0,0 +1,41 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
diff --git a/sifter-view/README.md b/sifter-view/README.md
new file mode 100644
index 0000000..e215bc4
--- /dev/null
+++ b/sifter-view/README.md
@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
diff --git a/sifter-view/app/favicon.ico b/sifter-view/app/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..718d6fea4835ec2d246af9800eddb7ffb276240c
GIT binary patch
literal 25931
zcmeHv30#a{`}aL_*G&7qml|y<+KVaDM2m#dVr!KsA!#An?kSQM(q<_dDNCpjEux83
zLb9Z^XxbDl(w>%i@8hT6>)&Gu{h#Oeyszu?xtw#Zb1mO<?sK2}EE5RAKnxHU7lft+
zNRAPL3?T?25I&drAjl1ssi=G|D?(7bFsgtO(2o>{pgX9699l+Qppw7jXaYf~-84xW
z)w4x8?=youko|}Vr~(D$UX<xm7|19n6Hxvd5m6xx<*9a4%RmR{en}E&p$X-wy5A}T
zU0^dwXVA>IbiXABHh`p1?nn8Po~fxRJv}|0e(BPs|G`(TT%kKVJAdg5*Z|x0leQq0
zkdUBvb#>9F()jo|T~kx@OM8$9wzs~t2l;K=woNssA3l6|sx2r3+kdfVW@e^8e*E}v
zA1y5{bRi+3Z`uD3{F7LgFJDdvm;nJilkzDku>BwXH(8ItVCXk*-lSJnR?-2UN%<G)
zWdETe=&R39RaKR)udn|#TOgZ!e!yM=<=+`Uz{l^5UtkZ2fHDQ;UwMB}v%l$A-`~F-
z{Qr^x^CSUf63Sry{6y#+`<sMA?dPFvg)$lC_RkFRKnCi7&P<a6>hJ){&rlvg`CDTj
z)Bzo!3v7Ou#83zEDEFcKt(f1E0~=rqeEbTnMvWR#{+9pg%7G8y>u1OVRUSoox-ovF
z2Ydma(;=YuBY(eI|04{hXzZD6_f(v~H;C~y5=DhAC{MMS>2fm~1H_t2$56pc$NH8(
z5bH|<)71dV-_oCHIrzrT`2s-5w_+2CM0$95I6X8p^r!gHp+j_gd;9O<1~CEQQGS8)
zS9Qh3#p&JM-G8rHekNmKVewU;pJRcTAog68KYo^dRo}(M<!8cv(gkb9@A>>36U4Us
zfgYWSiHZL3;lpWT=<n~R&zm>zNAW>Dh#mB!_@Lg%$ms8N-;aPqMn+C2HqZgz&9~Eu
z4|Kp<`$q)Uw1R?y(~S>ePdonHxpV1#eSP1B;Ogo+-Pk}6#0GsZZ5!||ev2MGdh}_m
z{DeR7?0-1^zVs&`AV6<!ZvGbtU{7FdY&`9DeD(=q|M30$GCs(E?S0J1$e@G0#Z=wz
zl)*a>Vt;r3`I`OI_wgs*w=eO%_#7Kepl{B<UyBc9U%rn&@xFZ-e{%i>@xiyCANc(l
zzIyd4y|c6PXWq9-|KM8(zIk8LPk(>a)zyFWjhT!$HJ$qX1vo@d25W<<x-(q{Yn-pG
zKTz?fwGmh&&2-F3f57**)?Xk#p#S9h^DhK{VVKE&0KR^-_MMD9nf@pDACnmVll!kp
z3?Tha?LWW70P;AL{}cP~sW|?W|MbA09{7Kt2f!i(y>fvZQ2zUz5WRc(UnFMKHwe1|
zWmlB1qdbiA(C0jmnV<}GfbKtmcu^2*P^O?<jWWPHxu*D53Uq)j1!ZtH3Vi&#Nd^rV
zj`B>MBLZKt|As~ge8&AAO~2K@zbXelK|4T<{|y4`raF{=72kC2Kn(L4YyenWgrPiv
z@^mr$t{#X5VuIMeL!7Ab6_kG$&#&5p*Z{+?5U|TZ`B!7llpVmp@skYz&n^8QfPJzL
z0G6K_OJM9x+Wu2gfN45phANGt{7=C>i34CV{Xqlx(fWpeAoj^N0Biu`w+MVcCUyU*
zDZuzO0>4Z6fbu^T_arWW5n!E45vX8N=bxTVeFoep_G#VmNlQzAI_KTIc{6>c+04vr
zx@W}zE5JNSU>!THJ{J=cqjz+4{L4A{Ob9$ZJ*S1?Ggg3klFp!+Y1@K+pK1DqI|_gq
z5ZDXVpge8-cs!o|;K73#YXZ3AShj50wBvuq3NTOZ`M&qtjj#GOFfgExjg8Gn8>Vq5
z`85n+9|!iLCZF5$HJ$Iu($dm?8~-ofu}tEc+-pyke=3!im#6pk_Wo8IA|fJwD&~~F
zc16osQ)EBo58U7XDuMexaPRjU@h8tXe%S{fA0NH3vGJFhuyyO!Uyl2^&EOpX{9As0
zWj+P>{@}jxH)8|r;2HdupP!vie{sJ28b&bo!8`D^x}TE$%zXNb^X1p@0PJ86`dZyj
z%ce7*{^oo+6%&~I!8hQy-vQ7E)0t0ybH4l%KltWOo~8cO`T=157JqL(oq_rC%ea&4
z2NcTJe-HgFjNg-gZ$6!Y`SMHrlj}Etf7<Kk?_r;;``Uc^3+u}-v3@Q8<@$Nr`<F?K
z-%F>?r!zQTPPSv}{so2e>Fjs1{<qUF=hGRSFDG$<z3x<+@%{Vd%a`e+qodRP&D<om
zAEn>gzk~LGeesX%r(Lh6rbhSo_n)@@G-FTQy93;l#E)hgP@d_SGvyCp0~o(Y;Ee8{
zdVUDbHm5`2taPUOY^MAGOw*<R_VaVlPH<<CgYr!E->>=s7=Gst=D+p+2yON!0%Hk`
zz5mAhyT4lS*T3LS^WSxUy86q&GnoHxzQ6vm8)VS}_zuqG?+3td68_x;etQAdu@sc6
zQJ&5|4(I?~3d-QOAODHpZ=hlSg(lBZ!JZWCtHHSj`0Wh93-Uk)_S%zsJ~aD>{`A0~
z9{AG(e|q3g5B%wYKRxiL2Y$8(4w<boVrLOyLG9R$m+7N>6bzchKuloQW#e&S3n+P-
z8!ds-%f;TJ1>)v)##>gd{PdS2Oc3VaR`fr=`O8QIO(6(N!A?pr5C#6fc~Ge@N%Vvu
zaoAX2&(a6eWy_q&UwOhU)|P3J0Qc%OdhzW=F4D|pt0E4osw;%<%Dn58hAWD^XnZD=
z>9~H(3bmLtxpF?a7su6J7M*x1By7YSUbxGi)Ot0P77`}P<HJ;%@cvfCkvm6xcMjdY
zed_u6xK)F%|1Hy`)`e~K(f*MqTJ?92I+4lga{A5`-U@Cab35G6unNk<*dpB|Rtkp;
z?32o^yBlJsuA-^abQ~7;%<oa^k<DbKc{lOW2!yM#nEALvv)IhY7b|Wfg(UhtiurTM
zY-B6L26$JQo&Kt3nh3JTJ)garEgw^{uEM3__%b$U5{~+aMO*k)6R#grkER2`U6KS-
z=j1=QhCkuy%iiHWrqH8CeGNw*C?epTpl2Bo@ugUPKRFeiVHOpL7PHu-SAgX@qmTGH
z_%ePz1`io8XDfwLmip;Rn;1yo+3>3{)&5Un{KD?`-e?r21!4vTTnN(4Y6Lin?UkSM
z`MXCTC1@4A4~mvz%Rh2&EwY))LeoT=*`tMoqcEXI>TZU9WTP#l?uFv+@Dn~b(>xh2
z;>B?;Tz2SR&KVb>vGiBSB`@U7VIWFSo=LDSb9F{GF^DbmWAfpms8Sx9OX4CnBJca3
zlj9(x!dIjN?OG1X4l*imJNvRCk}F%!?SOfiOq5y^mZW)jFL@<gIi}tCXee1<sGV$i
z4r_`X#mEQbiDh!Efji0GjM9z-0bF}p0(*s(OzMJ|;K&OJBar<ARLp}T>a|r-@d#f7
z2gmU8L3IZq0ynIws=}~m^#@&C%J6QFo~Mo4V`>v7MI-_!EBMMtb%_M&kvAaN)@ZVw
z+`toz&WG#HkWDjnZE!6nk{e-oFdL^$YnbOCN}JC&{$#$O27@|Tn-skXr)2ml2~O!5
zX+gYoxhoc7qoU?C^3~&!U?kRFtnSEecWuH0B0OvLodgUAi}8p1<ZO0#U-k07ifx!>
zrO6RSXHH}D<I*>Mc$&|?D004<Y&c6)m74d`LOLU@ruR+Um4>DiOVMHV8kXCP@7NKB
zgaZq^^O<7PoKEp72kby@W0Z!Y*A<g|TlOeriuPP`vK2IntATvs?Iv|J14j&;NFSFo
zyJ+sca?G+8C%!b{Sq=6cJJqS>y{&vfg#C&gG@YVR9g?FEocMUi1gSN$+V+ayF45{a
zuDZDT<?u;)RfLQwg>N}mS|;BO%gEf}pjBfN2-gIrU#G5~cucA;dokXW89%>AyXJJI
z9X4Ul<x{xc_m~`mWBP0<g-{#wm}Vv~Ef3pKWC&N_<~88zSbEk;;+{DnJ9-u&Zc74s
zJ6TCQyl_^|5cY;wmDdrU@LTL-3v0H#Ui?8ICQV{imof1MHuM$`e*ux>IWA|ZYHgbI
z5?oFk@A=Ik7lrEQPDH!H+b`7_Y~aDb_qa=B2^Y&Ow41cU=4WDd40dp5(QS-WMN-=Y
z9g;6_-JdNU;|6cPwf$ak*aJIcwL@1n$#l~zi{c{EW?T;DaW*E8DYq?Umtz{nJ&w-M
zEMyT<MDk{HKbd#ckg5-pS_?QUVhZv?&Q-ioBS}$nvBd)nE7YO0deN~G(#zCJAbY$E
z!)g3Ytl=_NDUV%pykcE+Q<{EoZ_4FR@&#d<hqs%N>DrC&9K$d|kZe2#ws6)L=7K+{
zQw{XnV6UC$6-rW0emqm8wJoeZK)wJIcV?dST}Z;G0Arq{dVDu0&4kd%N!3F1*;*pW
zR&qUiFzK=@44#QGw7k1`3t_d8&*kBV->O##t|tonFc2YWrL7_eqg+=+k;!F-`^b8>
z#KWCE8%u4k@EprxqiV$VmmtiWxDLgnGu$Vs<8rppV5E<MCr+anDo)-{XRlCJ;D#M(
zT=3WgR02;Nm!54biUb^FtzPh8iGrf412epnki-k+G4mdkzC|lJqaRMbb0~Jjp-{}I
z5Do5afZi>ajBXL4nyyZM$SWVm!wnCj-B!Wjqj5-5dNXukI2$$|Bu3Lrw}z65Lc=1G
z^-#WuQOj$hwNGG?*CM_TO8Bg-1+qc>J7k5c51U8g?ZU5n?HYor;~JIjoWH-G>AoUP
ztrWWLbRNqIjW#RT*WqZgPJXU7C)VaW5}MiijYbABmzoru6EmQ*N8cVK7a3|aOB#O&
zBl8JY2WKfmj;h#Q!pN%9o@VNLv{OUL?rixHwOZuvX7{IJ{(EdPpuVFoQqIOa7gi<U
zTpbX&UCeYeNu>LVkBOKL@^smUA!tZ1CKRK}#SSM)iQHk)*R~?M!qkCruaS!#oIL1c
z<cK@1=jX>?J<BS8bpdt^R+}%A_DEhF^%o}8e!!lc`Y!qU>;U~&FfH#*98^G?i}pA{
z9Jg36t4=%6mhY(quYq*vSxptes9qy|7xSlH?G=S@>u>Ebe;|LVhs~@+06N<4CViBk
zUiY$thvX;>Tby6z9Y1e<Q<iIG*|o$r?OTFp`s)@_nHs4LeWbGvg7^}NK)>dAMQaiH
zm^r3v#$Q#2T=X>bsY#D%s!bhs^M9PMAcHbCc0FMHV{u-dwlL;a1eJ63v5U*?Q_8JO
zT#50!RD619#j_Uf))0ooADz~*9&lN!bBDRUgE>Vud-i5ck%vT=r^yD*^?Mp@Q^v+V
zG#-?gKlr}Eeqifb{|So?HM&g91<J5P5=Ly{?(NNY{6`O~L5r@sJe3rNZn06%SLk);
z9?hvE^Hr{!*G$<_doyzGn#*z*#}?)8dH=eYTgvc)T~}Jw!kCv68<+KL5{5?EXtDAZ
zWeNqp8%KIuBi&icn5s815Vho<+99VW1~m@L8l0=$c`t-L{q))~<!p*~vCdUcBcPz`
zyUi}!-k_`G{>P8|av8hQoCmQXkd?7wIJw<dY^{|7OQJUHKB~nksN_|Xy;DL?xjxU^
zbMa`WdfTBnr<wTd$mY&SgJ4U|X``k`#`gN@M+0x2W{YgC3kbLk<uYFJWglkx_)2#b
ztRiuA!EK9o)f`I2k)l;Of%E`ff91WlZh8yfRi6#N-mC`Ma(yr~U82SyAhc9B+ur!f
zP-3igg*KeYs9mGOAw@OaXYy9DnGjn0<m`JH&Q^h}^!h+uS9Ct*o-oEy(?iT6Yco>b
z_^v8bbg`<ZOL)a;i=IdfK0Zvw4nXsoC?eTOMpY)_ptiORm%J(1CD3dE0Z%Vy<2iHp
zcp>SAn{I*4bH$u(RZ6*x<DqKJ+5;a6Jq~=Y8V&c?Vsyq88!2nD?H?Eww58Mqt$7R8
z5BMjmKx>UhuA~hc=8czK8SHEKTzSxgbwi~9(OqJB&gwb^l4+m`k*Q;_?>Y-APi1{k
zAHQ)P)G)f|AyjSgcCFps)Fh6Bca*Xznq3<?y%xNvu0N78_R?~<RDFQx0ynlRG(E|j
zvEGN3bF<E_9p-I!UwQXFqcSGV#e^98tgFqLp+z9eP}y!jNA{)r*a+%M-_20xg?94<
zzmM{}syi0cd&P)zywMdS&Y_9k5JDtOM!L)b^2WP!+fHYGv>6!pV6Az&m{O8$wGFD?
zY&O*3*J0;_EqM#jh6^gMQKpXV?#1?>$ml1xvh8nSN>-?H=V;nJIwB07YX$e6vLxH(
zqYwQ>qxwR(i4f)DLd)-$P>T-no_c!LsN@)8`e;W@)-Hj0>nJ-}Kla4-ZdPJzI&Mce
zv)V_j;(3ERN3_@I$N<^|4Lf`B;8n+bX@bHbcZTopEmDI*Jfl)-pFDvo6svPRoo@(x
z);_{lY<;);XzT`dBFpRmGrr}z5u1=p<K1~3>C^<jVp}L(pzgMB_Vs-O?{Z?y$8M;)
zi@7zwpzV9#m72%En~(9@E)GWV^(~J*@^*K*TE0mynAnGJ5YSLCEnC42H-`tr4L=oW
zI}N{xQ$HT8Q6CVHf%RY&xw7!Zj(0xmg(K#UQ4u!ej95z7V4phlcTJ2&AR}$)zV-s!
zO7bqY6(=?1t+JCOW_z%HRE>S-{ce6iXQlLGcItwJ^mZx{m$&DA_oEZ)B{_bYPq-HA
zcH8WGoBG(aBU_j)vEy+_71T34@4dmSg!|M8Vf92Zj6WH7Q7t#OHQqWgFE3ARt+%!T
z?oLovLVlnf?2c7pTc)~cc^($_8nyKwsN`RA-23ed3sdj(ys%pjjM+9JrctL;dy8a(
z@en&CQmnV(()bu|Y%G1-4a(6x{aLytn$T-;(&{QIJB9vMox11U-1HpD@d(QkaJdEb
zG{)+6Dos_L+O3NpWo^=gR?evp|CqEG?L&Ut#D*KLaRFOgOEK(Kq1@!EGcTfo+%A&I
z=dLbB+d$u{sh?u)xP{PF8L%;YPPW53+@{>5W=Jt#wQpN;0_HYdw1{ksf_XhO4#2F=
zyPx6Lx2<92L-;L5PD`zn6zwIH`Jk(<gsVPionpJ-imI56$j4P0!br@ny3=!{x2TY^
zCD=)8_PgmN)E!^nczcDGc9Wm7oo5O3@fh=k=kh8J?_3KqEp7JHdv8z_iZ5#KmbiPt
z2Bt8Ro^p$7pS!xL3mtj<iN3f}#r6_&$Es0PnJTE?c;0#$%cGdu`T%~`gW;c^VD-S=
zrAatMf^%Lzr*wQ4kHSOb?WOUuEsJQ3xr{Imf1t{~iNmRwb_SP9!?FFN=b-E){!8P2
ztWCT~262O8`%?3<W4Wg+ovWY<re)?^kZ|Yi>$?Qw({erA$^bC;q33hv!d!>%wRhj#
zal^hk+WGNg;rJtb-EB(?czvOM=H7dl=vblBwAv>}%1@{}mnpUznfq1cE^sgsL0*4I
zJ##!*B?=vI_OEVis5o+_IwMIRrpQyT_Sq~ZU%oY7c5JMIADzpD!Upz9h@iWg_>>~j
zOLS;wp^i$-E?4<_cp?RiS%Rd?i;f*mOz=~(&3lo<=@(nR!_Rqiprh@weZlL!t#NCc
zO!QTcInq|%#>OVgobj{~ixEUec`E25zJ~*DofsQdzIa@5^nOXj2T;8O`l--(QyU<o
zeu8G~Z>^$t?TGY^7#&FQ+2SS3B#qK*k3`ye?8jUYSajE5iBbJls75CCc(m3dk{t?-
zopcER9{Z?TC)mk~gpi^kbbu>b-+a{m#8-y2^p$ka4n60w;Sc2}HMf<8JUvh<G@KZw
z+<GL!lpeahq2+nO{>CL0B&Btk)T`ctE$*qNW8L$`7!r^9T+>=<=2qaq-;ll2{`{Rg
zc5a0ZUI$oG&j-qVOuKa=*v4aY#IsoM+1|c4Z)<}lEDvy;5huB@1RJPquU2U*U-;gu
z=En2m+qjBzR#DEJDO`WU)hdd{Vj%^0V*KoyZ|5lzV87&g_j~NCjwv0uQVqXOb*QrQ
zy|Qn`hxx(58c<SELWpDAg~83oY-J_WoDiI6d7>70$E;L(X0uZZ72M1!6oeg)(cdKO
ze0gDaTz+ohR-#d)NbAH4x{I(21yjwvBQfmpLu$)|m{XolbgF!pmsqJ#D}(ylp6uC>
z{bqtcI#hT#HW=wl7>p!38sKsJ`r8}lt-q%Keqy%u(xk=yiIJiUw6|5IvkS+#?JTBl
z8H5(Q?l#wzazujH!8o>1xtn8#_w+397*<wp?Ryt$UFh41$qd}LyNJ7Oao(Aw2g|wy
zH_nZ+R#~EUME^#j4$@^5&>_cy8!pQGP%K(Ga3pAjsaTbbXJlQF_+m+-UpUUent@xM
zg%jqLUExj~o^vQ3Gl*>wh=_gOr2*|U64_iXb+-111a<qXXnUI&{l`dM&{4Gw)jZn;
zlj{VxW@#OcVE1Y%J*u^Z@H+XSqL6SwA|^jv2RU_+d;O!mk)dw7-m9B4{6*G1zRdR6
zQ}6v&Xt7R2h3Xp}EQk4nF2TULG{Ri=D|JC<a+K7dldN1}CY_f!vK#u}K3`g#TpO&W
z;!;64`0$d9raD!VbYP`kuFUasaMh!;&81y}LHS(SuGRxwEn4LZb4DS1j9iAq$MXd@
z(Ebka7_Gc(ljGaJqtI-OzmA@c@sYB$)Vg!RP4~``vaVyRq$rJXRjIPwtepN;(B%wy
zmU>H}$TjeajM+I20xw(((>fej-@CIz4S1pi$(#}P7`4({6QS2CaQS4NPENDp>sAqD
z$bH4KGzXGffkJ7R>V>)>tC)uax{UsN*dbeNC*v}#8Y#OWYwL4t$ePR?VTyIs!wea+
z5Urmc)X|^`MG~*dS6pGSbU+gPJoq*^a=_>$n4|P^w$sMBBy@f*Z^Jg6?n5?oId6f{
z$LW4M|4m502z0t7g<#Bx%X;9<=)smFolV&(V^(7Cv2-sxbxopQ!)*#ZRhTBpx1)Fc
zNm1T%bONzv6@#|dz(w02AH8OXe>kQ#1FMCzO}2J_mST)+ExmBr9cva-@?;wnmWMOk
z{3_~EX_xadgJGv&H@zK_8{(x84`}+c?oSBX*Ge3VdfTt&F}yCpFP?CpW+BE^cWY0^
zb&uBN!Ja3UzYHK-CTyA5=L<c0d<h!DNBIa<xax8W3(Ru8L0cVXQ18|Y^|*S%)R96z
zBT$(=zQ}2vmt6LzN~Oyf_Y92%P@QOx{7~}5!UIqCdfu?VwC0Nb!2@iiit8-5zUWFG
z*G&+GLIU#J;}hvowNJWnglvb^<2q~lS#?ixVtYT@(O3{TC|4kFJYLB*jni-4YZi0>
zEMW{l3Usky#ly=7px648W31UNV@K)&Ub&zP1c7%)`{);I4b0Q<)B}3;NMG2JH=X$U
zfIW4)4n9ZM`-yRj67I)YSLDK)qfUJ_ij}a#aZN~9EXrh8eZY2&=uY%2N0UFF7<~%M
zsB8=erOWZ>Ct_#^tHZ|*q`H;A)5;ycw*I<Cd*bZlOJ9YmRUK2<qXkpRR3nr6r~%Jz
z*(8tA&DYO)etdgVmoonqD{*<5Fog4ClIs-~_uhjuZOI}#Wy+ce${%#oyHloXelqfz
z8)?D3Y_>cmVxi8_0Xk}aJA^ath+E;xg!x+As(M#0=)3!NJR6H&9+zd#iP(m0PIW8$
z1Y^VX`>jm`W!=WpF*{ioM?C9`yOR>@0q=u7o>BP-eSHqCgMDj!2anwH?s%i2p+Q7D
zzszIf5XJpE)IG4;d_(La-xenmF(tgAxK`Y4sQ}BSJEPs6N_U2vI{8=0C_F?@7<(G;
zo$~G=8p+076G;`}>{MQ>t>7cm=zGtfbdDXm6||jUU|?X?CaE?(<6bKDYKeHlz}DA8
zXT={X=yp_R;HfJ9h%?eWvQ!dRgz&Su*JfNt!Wu>|XfU<MM~gB&J0gc}IH}?|B4WRK
zWPL0FhctFGdMucOFdhrVunIe5)4K^H9IjB#eA)p5w?c#v7kp8jx^~bxxJB{;hPFL9
zkR9Dbpj+T5ZMgHQg|oj*DS;x&jK}1rn&}Shp9sgOI*7puQD-w?3H*cg72;5H(_zW*
zApJBIM-p2~F;qWDj!n|Kd=5|T8OPkQ_G;ujgvKybr5@~eci2{8WAz+%NUSp-&eoG!
zOGLNLJewWl&1*NT467W3god~fYgX?!f0?NCFnjD$qE-fyQ)|Q_DLc*{olmXSVl$g_
z$vj}o?RatMy(o*j8?q1Mgw{OUOgVR6_qvS<Co*&!cR`ROi|*I`ajyG5s@L8agnX2J
zF=DLkMG`z{RP&996y0yAtvJcb<cba?TV#j4VYFPC>&68iRikRrHRW|ZxzRR^`eIGt
zIeiDgVS>IeExKVRWW8-=<xUfo0v~z=RA=cFWKXgcMECd}xHp7iqkBanH}TZ0h0rA=
zqxUZ>A=<k-RjTtwbJkkep{8z*173wY^e%-U0{Ue!n@wbg^2q)Vx5c(_RfvuR4}XXn
z+JE>yA`}`)ZkWBrZD`hpWIxBGkh&f#ijr449~m`j6{4jiJ*C!oVA8ZC?$1RM#K(_b
zL9TW)kN*Y4%^-qPpMP7d4)o?Nk#>aoYHT(*g)qmRUb?**F@pnNiy6Fv9rEiUqD(^O
zzyS?nBrX63BTRYduaG(0VVG2yJRe%o&rVrLjbxTaAFTd8s;<<@Qs>u(<193R8>}2_
zuwp{7;H2a*X7_jryzriZXMg?bTuegABb^87@SsKkr2)0Gyiax8KQWstw^v<oS3Xw7
zu51m`3~hoyxErcHymdFTZd#AO59{EkuFTcpAR33(3xc{zRnn1~1Ei(i*^HdCvM~;;
za&}Uip|u>#ix45EVrcEhr>!NMhprl<CqZuKa#zuI&@zymVzIicetS0bq#u?m(r_@S
zJ79bl%4EyHCQ3fK@en+A1@)e}HWLP|gr_zuoA{}Z<(-*53Zu@k+=^%~5F(z$EFLI;
z-TQTS8$W|GRbZq93Ha1?lu+`O;rn>$InQMzjSFH54x5k9qHc`@9uKQzvL4ihcq{^B
zPrVR=o_ic%Y>6&rMN)hTZsI7I<3&`#(nl+3y3ys9A~<Ao%ZuW})CJ)6^(aRV(gGxR
z89#(FDW;GZEAf;rI$+PU)rEV|rASrwP0_mr^Ldv)IuUf1M>&^=4?PL&nd8)`OfG#n
zwAMN$1&>K++c{^|7<<q5KGu)u(OEfEJJw2aEi(;x-i=Y=j3ram9H2n-Fuqv0dVlXJ
z&WgG5X({!vJFDrEbm+CWDca^zIe2@s1@a;;Y3!U9Q)&P0UXFmCP51_!wvTfAIyR^M
z7^R*O@yz1b-s4VC>4P=2y(B{jJsQ0a#U;HTo4ZmWZYvI{+s;Td{Yzem%0*k#)vjpB
zia;J&>}ICate44SFYY3vEelqStQWFihx%^vQ@Do(sOy7yR2@WNv7Y9I^yL=nZr3mb
zXKV5t@=?-Sk|b{XMhA7ZGB@2hqsx}4xwCW!in#C<kr{U&JG{9FhoZ<aTve_lLz39>
zI@}sc<h3gsW}hp-`WUywKA>Zlr3-NFJ@NFaJlhyfcw{k^vvtGl`N9xSo**rDW4S}i
zM9{fMPWo%4wYDG~BZ18BD+}h|GQKc-g^{++3MY>}W_uq7jGHx{mwE9fZiPCoxN$+7
zrODGGJrOkcPQUB(FD5aoS4g~7#6NR^ma7-!>mHuJfY5kTe6PpNNKC9GGRiu^L31uG
z$7v`*JknQHsYB!Tm_W{a32TM099djW%5e+j0Ve_ct}IM>XLF1Ap+YvcrLV=|CKo6S
zb+<Td{{5RWR}u2f(q<b(D$9JsF0OOzJ*+z0P5kc1t}CXlYgua%x*2lSgp|*WS3H-#
zdYr7?GQOL18zUS<2|;+vi4|4sQBM2Gs&WVS!D`q5Lz;XR@5rEfa{uG-!q?R8Ncz%(
z5K6~LQ@d2wp#)5q4u<ENlFbS)U4o1t9{-d>9Nl3_YdKP6%Cxy@6TxZ>;4&nTneadr
z_ES90ydCev)LV!dN=#(*f}|ZORFdvkYBni^aLbUk>BajeWIOcmHP#8S)*2U~QKI%S
zyrLmtPqb&TphJ;>yAxri#;{uyk`JJqODDw%(Z=2<VfJZemI(PFAD{6Sm|uE%BTbkl
zROsg*MOh20YgGs3H7?@pmQ>`1uc}br^V%>j!gS)D*q*f_-qf8&D;W1dJgQMlaH5er
zN2U<%Smb7==vE}dDI8K7cKz!vs^73o9f>2sgiTzWcwY|BMYHH5%Vn7#kiw&eItCqa
zIkR2~Q}>X=Ar8W|^Ms41Fm8o6IB2_j60eOeBB1Br!boW7JnoeX6Gs)?7rW0^5psc-
zjS16yb>dFn>KPOF;imD}e!enuIniFzv}n$m2#gCCv4jM#ArwlzZ$7@9&XkFxZ4n!V
zj3dyiwW4Ki2QG{@i>yuZXQizw_OkZI^-3otXC{!(lUpJF33gI60ak;Uqitp74|B6I
zgg{b=Iz}WkhCGj1M<xTd?60J5qsr1Cg7F~~U2N!(@lC<>=hu4#Aw173YxIVbISaoc
z-nLZC*6Tgivd5V`K%GxhBsp@SUU60-rfc$=wb>zdJzXS&-5(NRRodFk;Kxk!S(<ov
z$YXcI9;^grAyiJ4dWTv3b}K~Ww09(;mLY4+kj|$A?IMr}`7q?mIS1>O(a0e7oY=E(
zAyS;Ow?6Q&XA+cnkCb{28_1N8H#?J!*$MmIwLq^*T_9-z^&UE@A(z9oGYtFy6EZef
LrJugUA?W`A8`#=m

literal 0
HcmV?d00001

diff --git a/sifter-view/app/globals.css b/sifter-view/app/globals.css
new file mode 100644
index 0000000..a2dc41e
--- /dev/null
+++ b/sifter-view/app/globals.css
@@ -0,0 +1,26 @@
+@import "tailwindcss";
+
+:root {
+  --background: #ffffff;
+  --foreground: #171717;
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --font-sans: var(--font-geist-sans);
+  --font-mono: var(--font-geist-mono);
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --background: #0a0a0a;
+    --foreground: #ededed;
+  }
+}
+
+body {
+  background: var(--background);
+  color: var(--foreground);
+  font-family: Arial, Helvetica, sans-serif;
+}
diff --git a/sifter-view/app/layout.tsx b/sifter-view/app/layout.tsx
new file mode 100644
index 0000000..f7fa87e
--- /dev/null
+++ b/sifter-view/app/layout.tsx
@@ -0,0 +1,34 @@
+import type { Metadata } from "next";
+import { Geist, Geist_Mono } from "next/font/google";
+import "./globals.css";
+
+const geistSans = Geist({
+  variable: "--font-geist-sans",
+  subsets: ["latin"],
+});
+
+const geistMono = Geist_Mono({
+  variable: "--font-geist-mono",
+  subsets: ["latin"],
+});
+
+export const metadata: Metadata = {
+  title: "Create Next App",
+  description: "Generated by create next app",
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en">
+      <body
+        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
+      >
+        {children}
+      </body>
+    </html>
+  );
+}
diff --git a/sifter-view/app/page.tsx b/sifter-view/app/page.tsx
new file mode 100644
index 0000000..85a5576
--- /dev/null
+++ b/sifter-view/app/page.tsx
@@ -0,0 +1,16 @@
+
+'use client'
+
+import PlaybookViewer from "@/components/PlaybookViewer";
+import PlaybookFlow from "@/components/PlaybookFlow"
+import Image from "next/image";
+
+export default function Home() {
+  return (
+    <div>
+      <main>
+        <PlaybookFlow/>
+      </main>
+    </div>
+  );
+}
diff --git a/sifter-view/components/PlaybookFlow.tsx b/sifter-view/components/PlaybookFlow.tsx
new file mode 100644
index 0000000..bb40013
--- /dev/null
+++ b/sifter-view/components/PlaybookFlow.tsx
@@ -0,0 +1,50 @@
+'use client';
+
+import React, { useCallback } from 'react';
+
+import {
+  ReactFlow, 
+  useNodesState, 
+  useEdgesState, 
+  addEdge, 
+  Background, 
+  Controls,
+  OnConnect,
+  Connection
+} from "@xyflow/react";
+
+// Import the necessary styles
+import "@xyflow/react/dist/style.css";
+
+const initialNodes = [
+  { id: '1', position: { x: 0, y: 0 }, data: { label: 'Start Node' } },
+  { id: '2', position: { x: 0, y: 100 }, data: { label: 'End Node' } },
+];
+
+const initialEdges = [{ id: 'e1-2', source: '1', target: '2', animated: true }];
+
+export default function PlaybookFlow() {
+  const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);
+  const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);
+
+    const onConnect: OnConnect = useCallback(
+        (connection: Connection) => setEdges((edges) => addEdge(connection, edges)),
+        [setEdges]
+    );
+
+  return (
+    <div style={{ width: '100vw', height: '500px', border: '1px solid #ccc' }}>
+      <ReactFlow
+        nodes={nodes}
+        edges={edges}
+        onNodesChange={onNodesChange}
+        onEdgesChange={onEdgesChange}
+        onConnect={onConnect}
+        fitView
+      >
+        <Background color="#aaa" gap={16} />
+        <Controls />
+      </ReactFlow>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/sifter-view/components/PlaybookViewer.tsx b/sifter-view/components/PlaybookViewer.tsx
new file mode 100644
index 0000000..f6eafd4
--- /dev/null
+++ b/sifter-view/components/PlaybookViewer.tsx
@@ -0,0 +1,79 @@
+import React, { useEffect, useState } from "react";
+import hljs from "highlight.js";
+import "highlight.js/styles/github-dark.css";
+
+// Types for API responses
+type PlaybookList = string[];
+
+type PlaybookViewerProps = {};
+
+export default function PlaybookViewer(_: PlaybookViewerProps) {
+  const [playbooks, setPlaybooks] = useState<PlaybookList>([]);
+  const [selected, setSelected] = useState<string | null>(null);
+  const [content, setContent] = useState<string>("");
+
+  // Load list of playbooks on mount
+  useEffect(() => {
+    fetch("/api/playbooks")
+      .then((res) => {
+        if (!res.ok) throw new Error("Failed to fetch playbook list");
+        return res.json();
+      })
+      .then((data: PlaybookList) => setPlaybooks(data))
+      .catch((err) => console.error(err));
+  }, []);
+
+  // Load selected playbook content
+  const loadPlaybook = (name: string) => {
+    setSelected(name);
+    fetch(`/api/playbook?name=${encodeURIComponent(name)}`)
+      .then((res) => {
+        if (!res.ok) throw new Error("Playbook not found");
+        return res.text();
+      })
+      .then((txt) => setContent(txt))
+      .catch((err) => console.error(err));
+  };
+
+  // Highlight content after it changes
+  useEffect(() => {
+    if (content) {
+      // Using highlight.js to highlight the content as YAML
+      const block = document.getElementById("playbook-content");
+      if (block) {
+        hljs.highlightElement(block);
+      }
+    }
+  }, [content]);
+
+  return (
+    <div className="flex w-[90vw] h-[80vh] backdrop-blur-xl rounded-xl overflow-hidden shadow-2xl bg-gradient-to-br from-[#1e1e2f] to-[#2a2a3d]">
+      {/* Sidebar */}
+      <aside className="flex-none w-64 bg-white/5 p-5 overflow-y-auto">
+        <h1 className="text-lg mb-4 text-[#4f9bff]">Sifter Playbooks</h1>
+        <ul>
+          {playbooks.map((name) => (
+            <li
+              key={name}
+              onClick={() => loadPlaybook(name)}
+              className={`my-2 cursor-pointer px-2 py-1 rounded-md transition-colors hover:bg-white/10 hover:translate-x-1 ${
+                selected === name ? "bg-white/10" : ""
+              }`}
+            >
+              {name}
+            </li>
+          ))}
+        </ul>
+      </aside>
+
+      {/* Content */}
+      <main className="flex-1 bg-white/4 p-5 overflow-y-auto">
+        <pre className="h-full overflow-auto m-0">
+          <code id="playbook-content" className="language-yaml">
+            {content || "Select a playbook to view its content"}
+          </code>
+        </pre>
+      </main>
+    </div>
+  );
+}
diff --git a/sifter-view/eslint.config.mjs b/sifter-view/eslint.config.mjs
new file mode 100644
index 0000000..05e726d
--- /dev/null
+++ b/sifter-view/eslint.config.mjs
@@ -0,0 +1,18 @@
+import { defineConfig, globalIgnores } from "eslint/config";
+import nextVitals from "eslint-config-next/core-web-vitals";
+import nextTs from "eslint-config-next/typescript";
+
+const eslintConfig = defineConfig([
+  ...nextVitals,
+  ...nextTs,
+  // Override default ignores of eslint-config-next.
+  globalIgnores([
+    // Default ignores of eslint-config-next:
+    ".next/**",
+    "out/**",
+    "build/**",
+    "next-env.d.ts",
+  ]),
+]);
+
+export default eslintConfig;
diff --git a/sifter-view/next.config.ts b/sifter-view/next.config.ts
new file mode 100644
index 0000000..650ca82
--- /dev/null
+++ b/sifter-view/next.config.ts
@@ -0,0 +1,10 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  /* config options here */
+  output: 'export',
+  // Optional: Change the output directory from 'out' to 'dist'
+  distDir: 'dist',
+};
+
+export default nextConfig;
diff --git a/sifter-view/package-lock.json b/sifter-view/package-lock.json
new file mode 100644
index 0000000..32b6f84
--- /dev/null
+++ b/sifter-view/package-lock.json
@@ -0,0 +1,5366 @@
+{
+  "name": "sifter-view",
+  "version": "0.1.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "sifter-view",
+      "version": "0.1.0",
+      "dependencies": {
+        "@xyflow/react": "^12.10.0",
+        "dagre": "^0.8.5",
+        "highlight.js": "^11.11.1",
+        "next": "16.1.4",
+        "react": "19.2.3",
+        "react-dom": "19.2.3"
+      },
+      "devDependencies": {
+        "@tailwindcss/postcss": "^4",
+        "@types/node": "^20",
+        "@types/react": "^19",
+        "@types/react-dom": "^19",
+        "eslint": "^9",
+        "eslint-config-next": "16.1.4",
+        "tailwindcss": "^4",
+        "typescript": "^5"
+      }
+    },
+    "node_modules/@alloc/quick-lru": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
+      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.28.6.tgz",
+      "integrity": "sha512-JYgintcMjRiCvS8mMECzaEn+m3PfoQiyqukOMCCVQtoJGYJw8j/8LBJEiqkHLkfwCcs74E3pbAUFNg7d9VNJ+Q==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.28.5",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.28.6.tgz",
+      "integrity": "sha512-2lfu57JtzctfIrcGMz992hyLlByuzgIk58+hhGCxjKZ3rWI82NnVLjXcaTqkI2NvlcvOskZaiZ5kjUALo3Lpxg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.6.tgz",
+      "integrity": "sha512-H3mcG6ZDLTlYfaSNi0iOKkigqMFvkTKlGUYlD8GW7nNOYRrevuA46iTypPyv+06V3fEmvvazfntkBU34L0azAw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.28.6",
+        "@babel/generator": "^7.28.6",
+        "@babel/helper-compilation-targets": "^7.28.6",
+        "@babel/helper-module-transforms": "^7.28.6",
+        "@babel/helpers": "^7.28.6",
+        "@babel/parser": "^7.28.6",
+        "@babel/template": "^7.28.6",
+        "@babel/traverse": "^7.28.6",
+        "@babel/types": "^7.28.6",
+        "@jridgewell/remapping": "^2.3.5",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.28.6.tgz",
+      "integrity": "sha512-lOoVRwADj8hjf7al89tvQ2a1lf53Z+7tiXMgpZJL3maQPDxh0DgLMN62B2MKUOFcoodBHLMbDM6WAbKgNy5Suw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/parser": "^7.28.6",
+        "@babel/types": "^7.28.6",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.28.6.tgz",
+      "integrity": "sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/compat-data": "^7.28.6",
+        "@babel/helper-validator-option": "^7.27.1",
+        "browserslist": "^4.24.0",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-globals": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
+      "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz",
+      "integrity": "sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/traverse": "^7.28.6",
+        "@babel/types": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.6.tgz",
+      "integrity": "sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.28.6",
+        "@babel/helper-validator-identifier": "^7.28.5",
+        "@babel/traverse": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
+      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
+      "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.28.6.tgz",
+      "integrity": "sha512-xOBvwq86HHdB7WUDTfKfT/Vuxh7gElQ+Sfti2Cy6yIWNW05P8iUslOVcZ4/sKbE+/jQaukQAdz/gf3724kYdqw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/template": "^7.28.6",
+        "@babel/types": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.6.tgz",
+      "integrity": "sha512-TeR9zWR18BvbfPmGbLampPMW+uW1NZnJlRuuHso8i87QZNq2JRF9i6RgxRqtEq+wQGsS19NNTWr2duhnE49mfQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.28.6"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.28.6.tgz",
+      "integrity": "sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.28.6",
+        "@babel/parser": "^7.28.6",
+        "@babel/types": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.28.6.tgz",
+      "integrity": "sha512-fgWX62k02qtjqdSNTAGxmKYY/7FSL9WAS1o2Hu5+I5m9T0yxZzr4cnrfXQ/MX0rIifthCSs6FKTlzYbJcPtMNg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.28.6",
+        "@babel/generator": "^7.28.6",
+        "@babel/helper-globals": "^7.28.0",
+        "@babel/parser": "^7.28.6",
+        "@babel/template": "^7.28.6",
+        "@babel/types": "^7.28.6",
+        "debug": "^4.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.6.tgz",
+      "integrity": "sha512-0ZrskXVEHSWIqZM/sQZ4EV3jZJXRkio/WCxaqKZP1g//CEWEPSfeZFcms4XeKBCHU0ZKnIkdJeU/kF+eRp5lBg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.28.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.9.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.1.tgz",
+      "integrity": "sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==",
+      "dev": true,
+      "dependencies": {
+        "eslint-visitor-keys": "^3.4.3"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.12.2",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.2.tgz",
+      "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
+      "dev": true,
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/config-array": {
+      "version": "0.21.1",
+      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.1.tgz",
+      "integrity": "sha512-aw1gNayWpdI/jSYVgzN5pL0cfzU02GT3NBpeT/DXbx1/1x7ZKxFPd9bwrzygx/qiwIQiJ1sw/zD8qY/kRvlGHA==",
+      "dev": true,
+      "dependencies": {
+        "@eslint/object-schema": "^2.1.7",
+        "debug": "^4.3.1",
+        "minimatch": "^3.1.2"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/config-helpers": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.4.2.tgz",
+      "integrity": "sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==",
+      "dev": true,
+      "dependencies": {
+        "@eslint/core": "^0.17.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/core": {
+      "version": "0.17.0",
+      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.17.0.tgz",
+      "integrity": "sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.15"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.3.tgz",
+      "integrity": "sha512-Kr+LPIUVKz2qkx1HAMH8q1q6azbqBAsXJUxBl/ODDuVPX45Z9DfwB8tPjTi6nNZ8BuM3nbJxC5zCAg5elnBUTQ==",
+      "dev": true,
+      "dependencies": {
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^10.0.1",
+        "globals": "^14.0.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.1",
+        "minimatch": "^3.1.2",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "9.39.2",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.2.tgz",
+      "integrity": "sha512-q1mjIoW1VX4IvSocvM/vbTiveKC4k9eLrajNEuSsmjymSDEbpGddtpfOoN7YGAqBK3NG+uqo8ia4PDTt8buCYA==",
+      "dev": true,
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://eslint.org/donate"
+      }
+    },
+    "node_modules/@eslint/object-schema": {
+      "version": "2.1.7",
+      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.7.tgz",
+      "integrity": "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==",
+      "dev": true,
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/plugin-kit": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.4.1.tgz",
+      "integrity": "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==",
+      "dev": true,
+      "dependencies": {
+        "@eslint/core": "^0.17.0",
+        "levn": "^0.4.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@humanfs/core": {
+      "version": "0.19.1",
+      "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz",
+      "integrity": "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==",
+      "dev": true,
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanfs/node": {
+      "version": "0.16.7",
+      "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.7.tgz",
+      "integrity": "sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ==",
+      "dev": true,
+      "dependencies": {
+        "@humanfs/core": "^0.19.1",
+        "@humanwhocodes/retry": "^0.4.0"
+      },
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/retry": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.3.tgz",
+      "integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=18.18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@img/colour": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@img/colour/-/colour-1.0.0.tgz",
+      "integrity": "sha512-A5P/LfWGFSl6nsckYtjw9da+19jB8hkJ6ACTGcDfEJ0aE+l2n2El7dsVM7UVHZQ9s2lmYMWlrS21YLy2IR1LUw==",
+      "optional": true,
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.2.4.tgz",
+      "integrity": "sha512-tJxiiLsmHc9Ax1bz3oaOYBURTXGIRDODBqhveVHonrHJ9/+k89qbLl0bcJns+e4t4rvaNBxaEZsFtSfAdquPrw==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.2.4.tgz",
+      "integrity": "sha512-+LpyBk7L44ZIXwz/VYfglaX/okxezESc6UxDSoyo2Ks6Jxc4Y7sGjpgU9s4PMgqgjj1gZCylTieNamqA1MF7Dg==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-linux-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.34.5.tgz",
+      "integrity": "sha512-MEzd8HPKxVxVenwAa+JRPwEC7QFjoPWuS5NZnBt6B3pu7EG2Ge0id1oLHZpPJdn3OQK+BQDiw9zStiHBTJQQQQ==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.34.5.tgz",
+      "integrity": "sha512-Jg8wNT1MUzIvhBFxViqrEhWDGzqymo3sV7z7ZsaWbZNDLXRJZoRGrjulp60YYtV4wfY8VIKcWidjojlLcWrd8Q==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.4"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "dev": true
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@next/env": {
+      "version": "16.1.4",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-16.1.4.tgz",
+      "integrity": "sha512-gkrXnZyxPUy0Gg6SrPQPccbNVLSP3vmW8LU5dwEttEEC1RwDivk8w4O+sZIjFvPrSICXyhQDCG+y3VmjlJf+9A=="
+    },
+    "node_modules/@next/eslint-plugin-next": {
+      "version": "16.1.4",
+      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-16.1.4.tgz",
+      "integrity": "sha512-38WMjGP8y+1MN4bcZFs+GTcBe0iem5GGTzFE5GWW/dWdRKde7LOXH3lQT2QuoquVWyfl2S0fQRchGmeacGZ4Wg==",
+      "dev": true,
+      "dependencies": {
+        "fast-glob": "3.3.1"
+      }
+    },
+    "node_modules/@next/swc-darwin-arm64": {
+      "version": "16.1.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-16.1.4.tgz",
+      "integrity": "sha512-T8atLKuvk13XQUdVLCv1ZzMPgLPW0+DWWbHSQXs0/3TjPrKNxTmUIhOEaoEyl3Z82k8h/gEtqyuoZGv6+Ugawg==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "16.1.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-16.1.4.tgz",
+      "integrity": "sha512-AKC/qVjUGUQDSPI6gESTx0xOnOPQ5gttogNS3o6bA83yiaSZJek0Am5yXy82F1KcZCx3DdOwdGPZpQCluonuxg==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "16.1.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-16.1.4.tgz",
+      "integrity": "sha512-POQ65+pnYOkZNdngWfMEt7r53bzWiKkVNbjpmCt1Zb3V6lxJNXSsjwRuTQ8P/kguxDC8LRkqaL3vvsFrce4dMQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "16.1.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-16.1.4.tgz",
+      "integrity": "sha512-3Wm0zGYVCs6qDFAiSSDL+Z+r46EdtCv/2l+UlIdMbAq9hPJBvGu/rZOeuvCaIUjbArkmXac8HnTyQPJFzFWA0Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "16.1.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-16.1.4.tgz",
+      "integrity": "sha512-lWAYAezFinaJiD5Gv8HDidtsZdT3CDaCeqoPoJjeB57OqzvMajpIhlZFce5sCAH6VuX4mdkxCRqecCJFwfm2nQ==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-musl": {
+      "version": "16.1.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-16.1.4.tgz",
+      "integrity": "sha512-fHaIpT7x4gA6VQbdEpYUXRGyge/YbRrkG6DXM60XiBqDM2g2NcrsQaIuj375egnGFkJow4RHacgBOEsHfGbiUw==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "16.1.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-16.1.4.tgz",
+      "integrity": "sha512-MCrXxrTSE7jPN1NyXJr39E+aNFBrQZtO154LoCz7n99FuKqJDekgxipoodLNWdQP7/DZ5tKMc/efybx1l159hw==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "16.1.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-16.1.4.tgz",
+      "integrity": "sha512-JSVlm9MDhmTXw/sO2PE/MRj+G6XOSMZB+BcZ0a7d6KwVFZVpkHcb2okyoYFBaco6LeiL53BBklRlOrDDbOeE5w==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nolyfill/is-core-module": {
+      "version": "1.0.39",
+      "resolved": "https://registry.npmjs.org/@nolyfill/is-core-module/-/is-core-module-1.0.39.tgz",
+      "integrity": "sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.4.0"
+      }
+    },
+    "node_modules/@rtsao/scc": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
+      "integrity": "sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==",
+      "dev": true
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.15",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
+      "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@tailwindcss/node": {
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.1.18.tgz",
+      "integrity": "sha512-DoR7U1P7iYhw16qJ49fgXUlry1t4CpXeErJHnQ44JgTSKMaZUdf17cfn5mHchfJ4KRBZRFA/Coo+MUF5+gOaCQ==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/remapping": "^2.3.4",
+        "enhanced-resolve": "^5.18.3",
+        "jiti": "^2.6.1",
+        "lightningcss": "1.30.2",
+        "magic-string": "^0.30.21",
+        "source-map-js": "^1.2.1",
+        "tailwindcss": "4.1.18"
+      }
+    },
+    "node_modules/@tailwindcss/oxide": {
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.1.18.tgz",
+      "integrity": "sha512-EgCR5tTS5bUSKQgzeMClT6iCY3ToqE1y+ZB0AKldj809QXk1Y+3jB0upOYZrn9aGIzPtUsP7sX4QQ4XtjBB95A==",
+      "dev": true,
+      "engines": {
+        "node": ">= 10"
+      },
+      "optionalDependencies": {
+        "@tailwindcss/oxide-android-arm64": "4.1.18",
+        "@tailwindcss/oxide-darwin-arm64": "4.1.18",
+        "@tailwindcss/oxide-darwin-x64": "4.1.18",
+        "@tailwindcss/oxide-freebsd-x64": "4.1.18",
+        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.18",
+        "@tailwindcss/oxide-linux-arm64-gnu": "4.1.18",
+        "@tailwindcss/oxide-linux-arm64-musl": "4.1.18",
+        "@tailwindcss/oxide-linux-x64-gnu": "4.1.18",
+        "@tailwindcss/oxide-linux-x64-musl": "4.1.18",
+        "@tailwindcss/oxide-wasm32-wasi": "4.1.18",
+        "@tailwindcss/oxide-win32-arm64-msvc": "4.1.18",
+        "@tailwindcss/oxide-win32-x64-msvc": "4.1.18"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.1.18.tgz",
+      "integrity": "sha512-v3gyT0ivkfBLoZGF9LyHmts0Isc8jHZyVcbzio6Wpzifg/+5ZJpDiRiUhDLkcr7f/r38SWNe7ucxmGW3j3Kb/g==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-musl": {
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.1.18.tgz",
+      "integrity": "sha512-bhJ2y2OQNlcRwwgOAGMY0xTFStt4/wyU6pvI6LSuZpRgKQwxTec0/3Scu91O8ir7qCR3AuepQKLU/kX99FouqQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/postcss": {
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.1.18.tgz",
+      "integrity": "sha512-Ce0GFnzAOuPyfV5SxjXGn0CubwGcuDB0zcdaPuCSzAa/2vII24JTkH+I6jcbXLb1ctjZMZZI6OjDaLPJQL1S0g==",
+      "dev": true,
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "@tailwindcss/node": "4.1.18",
+        "@tailwindcss/oxide": "4.1.18",
+        "postcss": "^8.4.41",
+        "tailwindcss": "4.1.18"
+      }
+    },
+    "node_modules/@types/d3-color": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-color/-/d3-color-3.1.3.tgz",
+      "integrity": "sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A=="
+    },
+    "node_modules/@types/d3-drag": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-drag/-/d3-drag-3.0.7.tgz",
+      "integrity": "sha512-HE3jVKlzU9AaMazNufooRJ5ZpWmLIoc90A37WU2JMmeq28w1FQqCZswHZ3xR+SuxYftzHq6WU6KJHvqxKzTxxQ==",
+      "dependencies": {
+        "@types/d3-selection": "*"
+      }
+    },
+    "node_modules/@types/d3-interpolate": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-interpolate/-/d3-interpolate-3.0.4.tgz",
+      "integrity": "sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==",
+      "dependencies": {
+        "@types/d3-color": "*"
+      }
+    },
+    "node_modules/@types/d3-selection": {
+      "version": "3.0.11",
+      "resolved": "https://registry.npmjs.org/@types/d3-selection/-/d3-selection-3.0.11.tgz",
+      "integrity": "sha512-bhAXu23DJWsrI45xafYpkQ4NtcKMwWnAC/vKrd2l+nxMFuvOT3XMYTIj2opv8vq8AO5Yh7Qac/nSeP/3zjTK0w=="
+    },
+    "node_modules/@types/d3-transition": {
+      "version": "3.0.9",
+      "resolved": "https://registry.npmjs.org/@types/d3-transition/-/d3-transition-3.0.9.tgz",
+      "integrity": "sha512-uZS5shfxzO3rGlu0cC3bjmMFKsXv+SmZZcgp0KD22ts4uGXp5EVYGzu/0YdwZeKmddhcAccYtREJKkPfXkZuCg==",
+      "dependencies": {
+        "@types/d3-selection": "*"
+      }
+    },
+    "node_modules/@types/d3-zoom": {
+      "version": "3.0.8",
+      "resolved": "https://registry.npmjs.org/@types/d3-zoom/-/d3-zoom-3.0.8.tgz",
+      "integrity": "sha512-iqMC4/YlFCSlO8+2Ii1GGGliCAY4XdeG748w5vQUbevlbDu0zSjH/+jojorQVBK/se0j6DUFNPBGSqD3YWYnDw==",
+      "dependencies": {
+        "@types/d3-interpolate": "*",
+        "@types/d3-selection": "*"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
+      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+      "dev": true
+    },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.15",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
+      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+      "dev": true
+    },
+    "node_modules/@types/json5": {
+      "version": "0.0.29",
+      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
+      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
+      "dev": true
+    },
+    "node_modules/@types/node": {
+      "version": "20.19.30",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.30.tgz",
+      "integrity": "sha512-WJtwWJu7UdlvzEAUm484QNg5eAoq5QR08KDNx7g45Usrs2NtOPiX8ugDqmKdXkyL03rBqU5dYNYVQetEpBHq2g==",
+      "dev": true,
+      "dependencies": {
+        "undici-types": "~6.21.0"
+      }
+    },
+    "node_modules/@types/react": {
+      "version": "19.2.9",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.9.tgz",
+      "integrity": "sha512-Lpo8kgb/igvMIPeNV2rsYKTgaORYdO1XGVZ4Qz3akwOj0ySGYMPlQWa8BaLn0G63D1aSaAQ5ldR06wCpChQCjA==",
+      "devOptional": true,
+      "dependencies": {
+        "csstype": "^3.2.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "19.2.3",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.3.tgz",
+      "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
+      "dev": true,
+      "peerDependencies": {
+        "@types/react": "^19.2.0"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "8.53.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.53.1.tgz",
+      "integrity": "sha512-cFYYFZ+oQFi6hUnBTbLRXfTJiaQtYE3t4O692agbBl+2Zy+eqSKWtPjhPXJu1G7j4RLjKgeJPDdq3EqOwmX5Ag==",
+      "dev": true,
+      "dependencies": {
+        "@eslint-community/regexpp": "^4.12.2",
+        "@typescript-eslint/scope-manager": "8.53.1",
+        "@typescript-eslint/type-utils": "8.53.1",
+        "@typescript-eslint/utils": "8.53.1",
+        "@typescript-eslint/visitor-keys": "8.53.1",
+        "ignore": "^7.0.5",
+        "natural-compare": "^1.4.0",
+        "ts-api-utils": "^2.4.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^8.53.1",
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/node_modules/ignore": {
+      "version": "7.0.5",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.5.tgz",
+      "integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "8.53.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.53.1.tgz",
+      "integrity": "sha512-nm3cvFN9SqZGXjmw5bZ6cGmvJSyJPn0wU9gHAZZHDnZl2wF9PhHv78Xf06E0MaNk4zLVHL8hb2/c32XvyJOLQg==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "8.53.1",
+        "@typescript-eslint/types": "8.53.1",
+        "@typescript-eslint/typescript-estree": "8.53.1",
+        "@typescript-eslint/visitor-keys": "8.53.1",
+        "debug": "^4.4.3"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/project-service": {
+      "version": "8.53.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.53.1.tgz",
+      "integrity": "sha512-WYC4FB5Ra0xidsmlPb+1SsnaSKPmS3gsjIARwbEkHkoWloQmuzcfypljaJcR78uyLA1h8sHdWWPHSLDI+MtNog==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/tsconfig-utils": "^8.53.1",
+        "@typescript-eslint/types": "^8.53.1",
+        "debug": "^4.4.3"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "8.53.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.53.1.tgz",
+      "integrity": "sha512-Lu23yw1uJMFY8cUeq7JlrizAgeQvWugNQzJp8C3x8Eo5Jw5Q2ykMdiiTB9vBVOOUBysMzmRRmUfwFrZuI2C4SQ==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "8.53.1",
+        "@typescript-eslint/visitor-keys": "8.53.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/tsconfig-utils": {
+      "version": "8.53.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.53.1.tgz",
+      "integrity": "sha512-qfvLXS6F6b1y43pnf0pPbXJ+YoXIC7HKg0UGZ27uMIemKMKA6XH2DTxsEDdpdN29D+vHV07x/pnlPNVLhdhWiA==",
+      "dev": true,
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "8.53.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.53.1.tgz",
+      "integrity": "sha512-MOrdtNvyhy0rHyv0ENzub1d4wQYKb2NmIqG7qEqPWFW7Mpy2jzFC3pQ2yKDvirZB7jypm5uGjF2Qqs6OIqu47w==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "8.53.1",
+        "@typescript-eslint/typescript-estree": "8.53.1",
+        "@typescript-eslint/utils": "8.53.1",
+        "debug": "^4.4.3",
+        "ts-api-utils": "^2.4.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "8.53.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.53.1.tgz",
+      "integrity": "sha512-jr/swrr2aRmUAUjW5/zQHbMaui//vQlsZcJKijZf3M26bnmLj8LyZUpj8/Rd6uzaek06OWsqdofN/Thenm5O8A==",
+      "dev": true,
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "8.53.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.53.1.tgz",
+      "integrity": "sha512-RGlVipGhQAG4GxV1s34O91cxQ/vWiHJTDHbXRr0li2q/BGg3RR/7NM8QDWgkEgrwQYCvmJV9ichIwyoKCQ+DTg==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/project-service": "8.53.1",
+        "@typescript-eslint/tsconfig-utils": "8.53.1",
+        "@typescript-eslint/types": "8.53.1",
+        "@typescript-eslint/visitor-keys": "8.53.1",
+        "debug": "^4.4.3",
+        "minimatch": "^9.0.5",
+        "semver": "^7.7.3",
+        "tinyglobby": "^0.2.15",
+        "ts-api-utils": "^2.4.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/utils": {
+      "version": "8.53.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.53.1.tgz",
+      "integrity": "sha512-c4bMvGVWW4hv6JmDUEG7fSYlWOl3II2I4ylt0NM+seinYQlZMQIaKaXIIVJWt9Ofh6whrpM+EdDQXKXjNovvrg==",
+      "dev": true,
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.9.1",
+        "@typescript-eslint/scope-manager": "8.53.1",
+        "@typescript-eslint/types": "8.53.1",
+        "@typescript-eslint/typescript-estree": "8.53.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "8.53.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.53.1.tgz",
+      "integrity": "sha512-oy+wV7xDKFPRyNggmXuZQSBzvoLnpmJs+GhzRhPjrxl2b/jIlyjVokzm47CZCDUdXKr2zd7ZLodPfOBpOPyPlg==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "8.53.1",
+        "eslint-visitor-keys": "^4.2.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@unrs/resolver-binding-linux-x64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-gnu/-/resolver-binding-linux-x64-gnu-1.11.1.tgz",
+      "integrity": "sha512-C3ZAHugKgovV5YvAMsxhq0gtXuwESUKc5MhEtjBpLoHPLYM+iuwSj3lflFwK3DPm68660rZ7G8BMcwSro7hD5w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-x64-musl": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-musl/-/resolver-binding-linux-x64-musl-1.11.1.tgz",
+      "integrity": "sha512-rV0YSoyhK2nZ4vEswT/QwqzqQXw5I6CjoaYMOX0TqBlWhojUf8P94mvI7nuJTeaCkkds3QE4+zS8Ko+GdXuZtA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@xyflow/react": {
+      "version": "12.10.0",
+      "resolved": "https://registry.npmjs.org/@xyflow/react/-/react-12.10.0.tgz",
+      "integrity": "sha512-eOtz3whDMWrB4KWVatIBrKuxECHqip6PfA8fTpaS2RUGVpiEAe+nqDKsLqkViVWxDGreq0lWX71Xth/SPAzXiw==",
+      "dependencies": {
+        "@xyflow/system": "0.0.74",
+        "classcat": "^5.0.3",
+        "zustand": "^4.4.0"
+      },
+      "peerDependencies": {
+        "react": ">=17",
+        "react-dom": ">=17"
+      }
+    },
+    "node_modules/@xyflow/system": {
+      "version": "0.0.74",
+      "resolved": "https://registry.npmjs.org/@xyflow/system/-/system-0.0.74.tgz",
+      "integrity": "sha512-7v7B/PkiVrkdZzSbL+inGAo6tkR/WQHHG0/jhSvLQToCsfa8YubOGmBYd1s08tpKpihdHDZFwzQZeR69QSBb4Q==",
+      "dependencies": {
+        "@types/d3-drag": "^3.0.7",
+        "@types/d3-interpolate": "^3.0.4",
+        "@types/d3-selection": "^3.0.10",
+        "@types/d3-transition": "^3.0.8",
+        "@types/d3-zoom": "^3.0.8",
+        "d3-drag": "^3.0.0",
+        "d3-interpolate": "^3.0.1",
+        "d3-selection": "^3.0.0",
+        "d3-zoom": "^3.0.0"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.15.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
+      "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
+      "dev": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
+      "peerDependencies": {
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true
+    },
+    "node_modules/aria-query": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.2.tgz",
+      "integrity": "sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/array-buffer-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz",
+      "integrity": "sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "is-array-buffer": "^3.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-includes": {
+      "version": "3.1.9",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.9.tgz",
+      "integrity": "sha512-FmeCCAenzH0KH381SPT5FZmiA/TmpndpcaShhfgEN9eCVjnFBqq3l1xrI42y8+PPLI6hypzou4GXw00WHmPBLQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.24.0",
+        "es-object-atoms": "^1.1.1",
+        "get-intrinsic": "^1.3.0",
+        "is-string": "^1.1.1",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.findlast": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz",
+      "integrity": "sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.findlastindex": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.6.tgz",
+      "integrity": "sha512-F/TKATkzseUExPlfvmwQKGITM3DGTK+vkAsCZoDc5daVygbJBnjEUCbgkAvVFsgfXfX4YIqZ/27G3k3tdXrTxQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.9",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "es-shim-unscopables": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flat": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.3.tgz",
+      "integrity": "sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flatmap": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz",
+      "integrity": "sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.tosorted": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.4.tgz",
+      "integrity": "sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.3",
+        "es-errors": "^1.3.0",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/arraybuffer.prototype.slice": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz",
+      "integrity": "sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==",
+      "dev": true,
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.1",
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "is-array-buffer": "^3.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/ast-types-flow": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.8.tgz",
+      "integrity": "sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==",
+      "dev": true
+    },
+    "node_modules/async-function": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/async-function/-/async-function-1.0.0.tgz",
+      "integrity": "sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
+      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
+      "dev": true,
+      "dependencies": {
+        "possible-typed-array-names": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/axe-core": {
+      "version": "4.11.1",
+      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.11.1.tgz",
+      "integrity": "sha512-BASOg+YwO2C+346x3LZOeoovTIoTrRqEsqMa6fmfAV0P+U9mFr9NsyOEpiYvFjbc64NMrSswhV50WdXzdb/Z5A==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/axobject-query": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.1.0.tgz",
+      "integrity": "sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.9.18",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.9.18.tgz",
+      "integrity": "sha512-e23vBV1ZLfjb9apvfPk4rHVu2ry6RIr2Wfs+O324okSidrX7pTAnEJPCh/O5BtRlr7QtZI7ktOP3vsqr7Z5XoA==",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.js"
+      }
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.28.1",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.1.tgz",
+      "integrity": "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "baseline-browser-mapping": "^2.9.0",
+        "caniuse-lite": "^1.0.30001759",
+        "electron-to-chromium": "^1.5.263",
+        "node-releases": "^2.0.27",
+        "update-browserslist-db": "^1.2.0"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
+      "integrity": "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==",
+      "dev": true,
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.0",
+        "es-define-property": "^1.0.0",
+        "get-intrinsic": "^1.2.4",
+        "set-function-length": "^1.2.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "dev": true,
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "get-intrinsic": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001766",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001766.tgz",
+      "integrity": "sha512-4C0lfJ0/YPjJQHagaE9x2Elb69CIqEPZeG0anQt9SIvIoOH4a4uaRl73IavyO+0qZh6MDLH//DrXThEYKHkmYA==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ]
+    },
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/classcat": {
+      "version": "5.0.5",
+      "resolved": "https://registry.npmjs.org/classcat/-/classcat-5.0.5.tgz",
+      "integrity": "sha512-JhZUT7JFcQy/EzW605k/ktHtncoo9vnyW/2GspNYwFlN1C/WmjuV/xtS04e9SOkL2sTdw0VAZ2UGCcQ9lR6p6w=="
+    },
+    "node_modules/client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true
+    },
+    "node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "dev": true
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "dev": true,
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "devOptional": true
+    },
+    "node_modules/d3-color": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
+      "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-dispatch": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-3.0.1.tgz",
+      "integrity": "sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-drag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-drag/-/d3-drag-3.0.0.tgz",
+      "integrity": "sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==",
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-selection": "3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-ease": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz",
+      "integrity": "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-interpolate": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
+      "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==",
+      "dependencies": {
+        "d3-color": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-selection": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz",
+      "integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-timer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz",
+      "integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-transition": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-transition/-/d3-transition-3.0.1.tgz",
+      "integrity": "sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==",
+      "dependencies": {
+        "d3-color": "1 - 3",
+        "d3-dispatch": "1 - 3",
+        "d3-ease": "1 - 3",
+        "d3-interpolate": "1 - 3",
+        "d3-timer": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "d3-selection": "2 - 3"
+      }
+    },
+    "node_modules/d3-zoom": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-zoom/-/d3-zoom-3.0.0.tgz",
+      "integrity": "sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==",
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-drag": "2 - 3",
+        "d3-interpolate": "1 - 3",
+        "d3-selection": "2 - 3",
+        "d3-transition": "2 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/dagre": {
+      "version": "0.8.5",
+      "resolved": "https://registry.npmjs.org/dagre/-/dagre-0.8.5.tgz",
+      "integrity": "sha512-/aTqmnRta7x7MCCpExk7HQL2O4owCT2h8NT//9I1OQ9vt29Pa0BzSAkR5lwFUcQ7491yVi/3CXU9jQ5o0Mn2Sw==",
+      "dependencies": {
+        "graphlib": "^2.1.8",
+        "lodash": "^4.17.15"
+      }
+    },
+    "node_modules/damerau-levenshtein": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
+      "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
+      "dev": true
+    },
+    "node_modules/data-view-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.2.tgz",
+      "integrity": "sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/data-view-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz",
+      "integrity": "sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/inspect-js"
+      }
+    },
+    "node_modules/data-view-byte-offset": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz",
+      "integrity": "sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "dev": true,
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "dev": true,
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "devOptional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "dev": true,
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.278",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.278.tgz",
+      "integrity": "sha512-dQ0tM1svDRQOwxnXxm+twlGTjr9Upvt8UFWAgmLsxEzFQxhbti4VwxmMjsDxVC51Zo84swW7FVCXEV+VAkhuPw==",
+      "dev": true
+    },
+    "node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "dev": true
+    },
+    "node_modules/enhanced-resolve": {
+      "version": "5.18.4",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.4.tgz",
+      "integrity": "sha512-LgQMM4WXU3QI+SYgEc2liRgznaD5ojbmY3sb8LxyguVkIg5FxdpTkvk72te2R38/TGKxH634oLxXRGY6d7AP+Q==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/es-abstract": {
+      "version": "1.24.1",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.24.1.tgz",
+      "integrity": "sha512-zHXBLhP+QehSSbsS9Pt23Gg964240DPd6QCf8WpkqEXxQ7fhdZzYsocOr5u7apWonsS5EjZDmTF+/slGMyasvw==",
+      "dev": true,
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.2",
+        "arraybuffer.prototype.slice": "^1.0.4",
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "data-view-buffer": "^1.0.2",
+        "data-view-byte-length": "^1.0.2",
+        "data-view-byte-offset": "^1.0.1",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "es-set-tostringtag": "^2.1.0",
+        "es-to-primitive": "^1.3.0",
+        "function.prototype.name": "^1.1.8",
+        "get-intrinsic": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "get-symbol-description": "^1.1.0",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "internal-slot": "^1.1.0",
+        "is-array-buffer": "^3.0.5",
+        "is-callable": "^1.2.7",
+        "is-data-view": "^1.0.2",
+        "is-negative-zero": "^2.0.3",
+        "is-regex": "^1.2.1",
+        "is-set": "^2.0.3",
+        "is-shared-array-buffer": "^1.0.4",
+        "is-string": "^1.1.1",
+        "is-typed-array": "^1.1.15",
+        "is-weakref": "^1.1.1",
+        "math-intrinsics": "^1.1.0",
+        "object-inspect": "^1.13.4",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.7",
+        "own-keys": "^1.0.1",
+        "regexp.prototype.flags": "^1.5.4",
+        "safe-array-concat": "^1.1.3",
+        "safe-push-apply": "^1.0.0",
+        "safe-regex-test": "^1.1.0",
+        "set-proto": "^1.0.0",
+        "stop-iteration-iterator": "^1.1.0",
+        "string.prototype.trim": "^1.2.10",
+        "string.prototype.trimend": "^1.0.9",
+        "string.prototype.trimstart": "^1.0.8",
+        "typed-array-buffer": "^1.0.3",
+        "typed-array-byte-length": "^1.0.3",
+        "typed-array-byte-offset": "^1.0.4",
+        "typed-array-length": "^1.0.7",
+        "unbox-primitive": "^1.1.0",
+        "which-typed-array": "^1.1.19"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-iterator-helpers": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.2.2.tgz",
+      "integrity": "sha512-BrUQ0cPTB/IwXj23HtwHjS9n7O4h9FX94b4xc5zlTHxeLgTAdzYUDyy6KdExAl9lbN5rtfe44xpjpmj9grxs5w==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.24.1",
+        "es-errors": "^1.3.0",
+        "es-set-tostringtag": "^2.1.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.3.0",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "internal-slot": "^1.1.0",
+        "iterator.prototype": "^1.1.5",
+        "safe-array-concat": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "dev": true,
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "dev": true,
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-shim-unscopables": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.1.0.tgz",
+      "integrity": "sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw==",
+      "dev": true,
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-to-primitive": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.3.0.tgz",
+      "integrity": "sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==",
+      "dev": true,
+      "dependencies": {
+        "is-callable": "^1.2.7",
+        "is-date-object": "^1.0.5",
+        "is-symbol": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint": {
+      "version": "9.39.2",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.2.tgz",
+      "integrity": "sha512-LEyamqS7W5HB3ujJyvi0HQK/dtVINZvd5mAAp9eT5S/ujByGjiZLCzPcHVzuXbpJDJF/cxwHlfceVUDZ2lnSTw==",
+      "dev": true,
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.8.0",
+        "@eslint-community/regexpp": "^4.12.1",
+        "@eslint/config-array": "^0.21.1",
+        "@eslint/config-helpers": "^0.4.2",
+        "@eslint/core": "^0.17.0",
+        "@eslint/eslintrc": "^3.3.1",
+        "@eslint/js": "9.39.2",
+        "@eslint/plugin-kit": "^0.4.1",
+        "@humanfs/node": "^0.16.6",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@humanwhocodes/retry": "^0.4.2",
+        "@types/estree": "^1.0.6",
+        "ajv": "^6.12.4",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.6",
+        "debug": "^4.3.2",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^8.4.0",
+        "eslint-visitor-keys": "^4.2.1",
+        "espree": "^10.4.0",
+        "esquery": "^1.5.0",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^8.0.0",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.2",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://eslint.org/donate"
+      },
+      "peerDependencies": {
+        "jiti": "*"
+      },
+      "peerDependenciesMeta": {
+        "jiti": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-config-next": {
+      "version": "16.1.4",
+      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-16.1.4.tgz",
+      "integrity": "sha512-iCrrNolUPpn/ythx0HcyNRfUBgTkaNBXByisKUbusPGCl8DMkDXXAu7exlSTSLGTIsH9lFE/c4s/3Qiyv2qwdA==",
+      "dev": true,
+      "dependencies": {
+        "@next/eslint-plugin-next": "16.1.4",
+        "eslint-import-resolver-node": "^0.3.6",
+        "eslint-import-resolver-typescript": "^3.5.2",
+        "eslint-plugin-import": "^2.32.0",
+        "eslint-plugin-jsx-a11y": "^6.10.0",
+        "eslint-plugin-react": "^7.37.0",
+        "eslint-plugin-react-hooks": "^7.0.0",
+        "globals": "16.4.0",
+        "typescript-eslint": "^8.46.0"
+      },
+      "peerDependencies": {
+        "eslint": ">=9.0.0",
+        "typescript": ">=3.3.1"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-config-next/node_modules/globals": {
+      "version": "16.4.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-16.4.0.tgz",
+      "integrity": "sha512-ob/2LcVVaVGCYN+r14cnwnoDPUufjiYgSqRhiFD0Q1iI4Odora5RE8Iv1D24hAz5oMophRGkGz+yuvQmmUMnMw==",
+      "dev": true,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint-import-resolver-node": {
+      "version": "0.3.9",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
+      "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^3.2.7",
+        "is-core-module": "^2.13.0",
+        "resolve": "^1.22.4"
+      }
+    },
+    "node_modules/eslint-import-resolver-node/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-import-resolver-typescript": {
+      "version": "3.10.1",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.10.1.tgz",
+      "integrity": "sha512-A1rHYb06zjMGAxdLSkN2fXPBwuSaQ0iO5M/hdyS0Ajj1VBaRp0sPD3dn1FhME3c/JluGFbwSxyCfqdSbtQLAHQ==",
+      "dev": true,
+      "dependencies": {
+        "@nolyfill/is-core-module": "1.0.39",
+        "debug": "^4.4.0",
+        "get-tsconfig": "^4.10.0",
+        "is-bun-module": "^2.0.0",
+        "stable-hash": "^0.0.5",
+        "tinyglobby": "^0.2.13",
+        "unrs-resolver": "^1.6.2"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint-import-resolver-typescript"
+      },
+      "peerDependencies": {
+        "eslint": "*",
+        "eslint-plugin-import": "*",
+        "eslint-plugin-import-x": "*"
+      },
+      "peerDependenciesMeta": {
+        "eslint-plugin-import": {
+          "optional": true
+        },
+        "eslint-plugin-import-x": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-module-utils": {
+      "version": "2.12.1",
+      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.12.1.tgz",
+      "integrity": "sha512-L8jSWTze7K2mTg0vos/RuLRS5soomksDPoJLXIslC7c8Wmut3bx7CPpJijDcBZtxQ5lrbUdM+s0OlNbz0DCDNw==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^3.2.7"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependenciesMeta": {
+        "eslint": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-module-utils/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-plugin-import": {
+      "version": "2.32.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.32.0.tgz",
+      "integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==",
+      "dev": true,
+      "dependencies": {
+        "@rtsao/scc": "^1.1.0",
+        "array-includes": "^3.1.9",
+        "array.prototype.findlastindex": "^1.2.6",
+        "array.prototype.flat": "^1.3.3",
+        "array.prototype.flatmap": "^1.3.3",
+        "debug": "^3.2.7",
+        "doctrine": "^2.1.0",
+        "eslint-import-resolver-node": "^0.3.9",
+        "eslint-module-utils": "^2.12.1",
+        "hasown": "^2.0.2",
+        "is-core-module": "^2.16.1",
+        "is-glob": "^4.0.3",
+        "minimatch": "^3.1.2",
+        "object.fromentries": "^2.0.8",
+        "object.groupby": "^1.0.3",
+        "object.values": "^1.2.1",
+        "semver": "^6.3.1",
+        "string.prototype.trimend": "^1.0.9",
+        "tsconfig-paths": "^3.15.0"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-plugin-jsx-a11y": {
+      "version": "6.10.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.10.2.tgz",
+      "integrity": "sha512-scB3nz4WmG75pV8+3eRUQOHZlNSUhFNq37xnpgRkCCELU3XMvXAxLk1eqWWyE22Ki4Q01Fnsw9BA3cJHDPgn2Q==",
+      "dev": true,
+      "dependencies": {
+        "aria-query": "^5.3.2",
+        "array-includes": "^3.1.8",
+        "array.prototype.flatmap": "^1.3.2",
+        "ast-types-flow": "^0.0.8",
+        "axe-core": "^4.10.0",
+        "axobject-query": "^4.1.0",
+        "damerau-levenshtein": "^1.0.8",
+        "emoji-regex": "^9.2.2",
+        "hasown": "^2.0.2",
+        "jsx-ast-utils": "^3.3.5",
+        "language-tags": "^1.0.9",
+        "minimatch": "^3.1.2",
+        "object.fromentries": "^2.0.8",
+        "safe-regex-test": "^1.0.3",
+        "string.prototype.includes": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9"
+      }
+    },
+    "node_modules/eslint-plugin-react": {
+      "version": "7.37.5",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.37.5.tgz",
+      "integrity": "sha512-Qteup0SqU15kdocexFNAJMvCJEfa2xUKNV4CC1xsVMrIIqEy3SQ/rqyxCWNzfrd3/ldy6HMlD2e0JDVpDg2qIA==",
+      "dev": true,
+      "dependencies": {
+        "array-includes": "^3.1.8",
+        "array.prototype.findlast": "^1.2.5",
+        "array.prototype.flatmap": "^1.3.3",
+        "array.prototype.tosorted": "^1.1.4",
+        "doctrine": "^2.1.0",
+        "es-iterator-helpers": "^1.2.1",
+        "estraverse": "^5.3.0",
+        "hasown": "^2.0.2",
+        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.9",
+        "object.fromentries": "^2.0.8",
+        "object.values": "^1.2.1",
+        "prop-types": "^15.8.1",
+        "resolve": "^2.0.0-next.5",
+        "semver": "^6.3.1",
+        "string.prototype.matchall": "^4.0.12",
+        "string.prototype.repeat": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7"
+      }
+    },
+    "node_modules/eslint-plugin-react-hooks": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-7.0.1.tgz",
+      "integrity": "sha512-O0d0m04evaNzEPoSW+59Mezf8Qt0InfgGIBJnpC0h3NH/WjUAR7BIKUfysC6todmtiZ/A0oUVS8Gce0WhBrHsA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/core": "^7.24.4",
+        "@babel/parser": "^7.24.4",
+        "hermes-parser": "^0.25.1",
+        "zod": "^3.25.0 || ^4.0.0",
+        "zod-validation-error": "^3.5.0 || ^4.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/resolve": {
+      "version": "2.0.0-next.5",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz",
+      "integrity": "sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==",
+      "dev": true,
+      "dependencies": {
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz",
+      "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==",
+      "dev": true,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+      "dev": true,
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/espree": {
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
+      "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
+      "dev": true,
+      "dependencies": {
+        "acorn": "^8.15.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^4.2.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.7.0.tgz",
+      "integrity": "sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==",
+      "dev": true,
+      "dependencies": {
+        "estraverse": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "dev": true
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
+      "integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true
+    },
+    "node_modules/fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true
+    },
+    "node_modules/fastq": {
+      "version": "1.20.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.20.1.tgz",
+      "integrity": "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==",
+      "dev": true,
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/file-entry-cache": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
+      "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
+      "dev": true,
+      "dependencies": {
+        "flat-cache": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/flat-cache": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
+      "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
+      "dev": true,
+      "dependencies": {
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.4"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz",
+      "integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==",
+      "dev": true
+    },
+    "node_modules/for-each": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
+      "integrity": "sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==",
+      "dev": true,
+      "dependencies": {
+        "is-callable": "^1.2.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/function.prototype.name": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.8.tgz",
+      "integrity": "sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "functions-have-names": "^1.2.3",
+        "hasown": "^2.0.2",
+        "is-callable": "^1.2.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/generator-function": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/generator-function/-/generator-function-2.0.1.tgz",
+      "integrity": "sha512-SFdFmIJi+ybC0vjlHN0ZGVGHc3lgE0DxPAT0djjVg+kjOnSqclqmj0KQ7ykTOLP6YxoqOvuAODGdcHJn+43q3g==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "dev": true,
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/get-symbol-description": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.1.0.tgz",
+      "integrity": "sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-tsconfig": {
+      "version": "4.13.0",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.13.0.tgz",
+      "integrity": "sha512-1VKTZJCwBrvbd+Wn3AOgQP/2Av+TfTCOlE4AcRJE72W1ksZXbAx8PPBR9RzgTeSPzlPMHrbANMH3LbltH73wxQ==",
+      "dev": true,
+      "dependencies": {
+        "resolve-pkg-maps": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/globals": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
+      "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/globalthis": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
+      "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
+      "dev": true,
+      "dependencies": {
+        "define-properties": "^1.2.1",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "dev": true
+    },
+    "node_modules/graphlib": {
+      "version": "2.1.8",
+      "resolved": "https://registry.npmjs.org/graphlib/-/graphlib-2.1.8.tgz",
+      "integrity": "sha512-jcLLfkpoVGmH7/InMC/1hIvOPSUh38oJtGhvrOFGzioE1DZ+0YW16RgmOJhHiuWTvGiJQ9Z1Ik43JvkRPRvE+A==",
+      "dependencies": {
+        "lodash": "^4.17.15"
+      }
+    },
+    "node_modules/has-bigints": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz",
+      "integrity": "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "dev": true,
+      "dependencies": {
+        "es-define-property": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.2.0.tgz",
+      "integrity": "sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==",
+      "dev": true,
+      "dependencies": {
+        "dunder-proto": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "dev": true,
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "dev": true,
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/hermes-estree": {
+      "version": "0.25.1",
+      "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.25.1.tgz",
+      "integrity": "sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==",
+      "dev": true
+    },
+    "node_modules/hermes-parser": {
+      "version": "0.25.1",
+      "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.25.1.tgz",
+      "integrity": "sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==",
+      "dev": true,
+      "dependencies": {
+        "hermes-estree": "0.25.1"
+      }
+    },
+    "node_modules/highlight.js": {
+      "version": "11.11.1",
+      "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-11.11.1.tgz",
+      "integrity": "sha512-Xwwo44whKBVCYoliBQwaPvtd/2tYFkRQtXDWj1nackaV2JPXx3L0+Jvd8/qCJ2p+ML0/XVkJ2q+Mr+UVdpJK5w==",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "dev": true,
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+      "dev": true,
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/internal-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
+      "integrity": "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==",
+      "dev": true,
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "hasown": "^2.0.2",
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/is-array-buffer": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
+      "integrity": "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-async-function": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.1.1.tgz",
+      "integrity": "sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==",
+      "dev": true,
+      "dependencies": {
+        "async-function": "^1.0.0",
+        "call-bound": "^1.0.3",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bigint": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.1.0.tgz",
+      "integrity": "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==",
+      "dev": true,
+      "dependencies": {
+        "has-bigints": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-boolean-object": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.2.tgz",
+      "integrity": "sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bun-module": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-bun-module/-/is-bun-module-2.0.0.tgz",
+      "integrity": "sha512-gNCGbnnnnFAUGKeZ9PdbyeGYJqewpmc2aKHUEMO5nQPWU9lOmv7jcmQIv+qHD8fXW6W7qfuCwX4rY9LNRjXrkQ==",
+      "dev": true,
+      "dependencies": {
+        "semver": "^7.7.1"
+      }
+    },
+    "node_modules/is-bun-module/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.16.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+      "dev": true,
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-data-view": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.2.tgz",
+      "integrity": "sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "is-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-date-object": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.1.0.tgz",
+      "integrity": "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-finalizationregistry": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz",
+      "integrity": "sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-generator-function": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.2.tgz",
+      "integrity": "sha512-upqt1SkGkODW9tsGNG5mtXTXtECizwtS2kA161M+gJPc1xdb/Ax629af6YrTwcOeQHbewrPNlE5Dx7kzvXTizA==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.4",
+        "generator-function": "^2.0.0",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-map": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
+      "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-negative-zero": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
+      "integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-number-object": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.1.tgz",
+      "integrity": "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-regex": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
+      "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-set": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.3.tgz",
+      "integrity": "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-shared-array-buffer": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz",
+      "integrity": "sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-string": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.1.tgz",
+      "integrity": "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-symbol": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.1.tgz",
+      "integrity": "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-typed-array": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.15.tgz",
+      "integrity": "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==",
+      "dev": true,
+      "dependencies": {
+        "which-typed-array": "^1.1.16"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakmap": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
+      "integrity": "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakref": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.1.1.tgz",
+      "integrity": "sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakset": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.4.tgz",
+      "integrity": "sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "dev": true
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true
+    },
+    "node_modules/iterator.prototype": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.5.tgz",
+      "integrity": "sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==",
+      "dev": true,
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.6",
+        "get-proto": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "set-function-name": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/jiti": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.6.1.tgz",
+      "integrity": "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==",
+      "dev": true,
+      "bin": {
+        "jiti": "lib/jiti-cli.mjs"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "dev": true
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
+      "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
+      "dev": true,
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "dev": true,
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/json-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+      "dev": true
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true
+    },
+    "node_modules/json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+      "dev": true
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "dev": true,
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/jsx-ast-utils": {
+      "version": "3.3.5",
+      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
+      "integrity": "sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==",
+      "dev": true,
+      "dependencies": {
+        "array-includes": "^3.1.6",
+        "array.prototype.flat": "^1.3.1",
+        "object.assign": "^4.1.4",
+        "object.values": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/keyv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+      "dev": true,
+      "dependencies": {
+        "json-buffer": "3.0.1"
+      }
+    },
+    "node_modules/language-subtag-registry": {
+      "version": "0.3.23",
+      "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.23.tgz",
+      "integrity": "sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==",
+      "dev": true
+    },
+    "node_modules/language-tags": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.9.tgz",
+      "integrity": "sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==",
+      "dev": true,
+      "dependencies": {
+        "language-subtag-registry": "^0.3.20"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/lightningcss": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.30.2.tgz",
+      "integrity": "sha512-utfs7Pr5uJyyvDETitgsaqSyjCb2qNRAtuqUeWIAKztsOYdcACf2KtARYXg2pSvhkt+9NfoaNY7fxjl6nuMjIQ==",
+      "dev": true,
+      "dependencies": {
+        "detect-libc": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "lightningcss-android-arm64": "1.30.2",
+        "lightningcss-darwin-arm64": "1.30.2",
+        "lightningcss-darwin-x64": "1.30.2",
+        "lightningcss-freebsd-x64": "1.30.2",
+        "lightningcss-linux-arm-gnueabihf": "1.30.2",
+        "lightningcss-linux-arm64-gnu": "1.30.2",
+        "lightningcss-linux-arm64-musl": "1.30.2",
+        "lightningcss-linux-x64-gnu": "1.30.2",
+        "lightningcss-linux-x64-musl": "1.30.2",
+        "lightningcss-win32-arm64-msvc": "1.30.2",
+        "lightningcss-win32-x64-msvc": "1.30.2"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-gnu": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.30.2.tgz",
+      "integrity": "sha512-Cfd46gdmj1vQ+lR6VRTTadNHu6ALuw2pKR9lYq4FnhvgBc4zWY1EtZcAc6EffShbb1MFrIPfLDXD6Xprbnni4w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-musl": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.30.2.tgz",
+      "integrity": "sha512-XJaLUUFXb6/QG2lGIW6aIk6jKdtjtcffUT0NKvIqhSBY3hh9Ch+1LCeH80dR9q9LBjG3ewbDjnumefsLsP6aiA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lodash": {
+      "version": "4.17.23",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.23.tgz",
+      "integrity": "sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w=="
+    },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "dev": true,
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.21",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
+      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.5"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/napi-postinstall": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/napi-postinstall/-/napi-postinstall-0.3.4.tgz",
+      "integrity": "sha512-PHI5f1O0EP5xJ9gQmFGMS6IZcrVvTjpXjz7Na41gTE7eE2hK11lg04CECCYEEjdc17EV4DO+fkGEtt7TpTaTiQ==",
+      "dev": true,
+      "bin": {
+        "napi-postinstall": "lib/cli.js"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/napi-postinstall"
+      }
+    },
+    "node_modules/natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+      "dev": true
+    },
+    "node_modules/next": {
+      "version": "16.1.4",
+      "resolved": "https://registry.npmjs.org/next/-/next-16.1.4.tgz",
+      "integrity": "sha512-gKSecROqisnV7Buen5BfjmXAm7Xlpx9o2ueVQRo5DxQcjC8d330dOM1xiGWc2k3Dcnz0In3VybyRPOsudwgiqQ==",
+      "dependencies": {
+        "@next/env": "16.1.4",
+        "@swc/helpers": "0.5.15",
+        "baseline-browser-mapping": "^2.8.3",
+        "caniuse-lite": "^1.0.30001579",
+        "postcss": "8.4.31",
+        "styled-jsx": "5.1.6"
+      },
+      "bin": {
+        "next": "dist/bin/next"
+      },
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "optionalDependencies": {
+        "@next/swc-darwin-arm64": "16.1.4",
+        "@next/swc-darwin-x64": "16.1.4",
+        "@next/swc-linux-arm64-gnu": "16.1.4",
+        "@next/swc-linux-arm64-musl": "16.1.4",
+        "@next/swc-linux-x64-gnu": "16.1.4",
+        "@next/swc-linux-x64-musl": "16.1.4",
+        "@next/swc-win32-arm64-msvc": "16.1.4",
+        "@next/swc-win32-x64-msvc": "16.1.4",
+        "sharp": "^0.34.4"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.1.0",
+        "@playwright/test": "^1.51.1",
+        "babel-plugin-react-compiler": "*",
+        "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "sass": "^1.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "@playwright/test": {
+          "optional": true
+        },
+        "babel-plugin-react-compiler": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/next/node_modules/postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.27",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.27.tgz",
+      "integrity": "sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==",
+      "dev": true
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.4",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.assign": {
+      "version": "4.1.7",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.7.tgz",
+      "integrity": "sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.entries": {
+      "version": "1.1.9",
+      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.9.tgz",
+      "integrity": "sha512-8u/hfXFRBD1O0hPUjioLhoWFHRmt6tKA4/vZPyckBr18l1KE9uHrFaFaUi8MDRTpi4uak2goyPTSNJLXX2k2Hw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.fromentries": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.8.tgz",
+      "integrity": "sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.groupby": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.3.tgz",
+      "integrity": "sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.values": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.1.tgz",
+      "integrity": "sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/optionator": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
+      "dev": true,
+      "dependencies": {
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.5"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/own-keys": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/own-keys/-/own-keys-1.0.1.tgz",
+      "integrity": "sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.2.6",
+        "object-keys": "^1.1.1",
+        "safe-push-apply": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dev": true,
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/possible-typed-array-names": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
+      "integrity": "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.6",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
+      "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "dev": true,
+      "dependencies": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      }
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/react": {
+      "version": "19.2.3",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.2.3.tgz",
+      "integrity": "sha512-Ku/hhYbVjOQnXDZFv2+RibmLFGwFdeeKHFcOTlrt7xplBnya5OGn/hIRDsqDiSUcfORsDC7MPxwork8jBwsIWA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "19.2.3",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.3.tgz",
+      "integrity": "sha512-yELu4WmLPw5Mr/lmeEpox5rw3RETacE++JgHqQzd2dg+YbJuat3jH4ingc+WPZhxaoFzdv9y33G+F7Nl5O0GBg==",
+      "dependencies": {
+        "scheduler": "^0.27.0"
+      },
+      "peerDependencies": {
+        "react": "^19.2.3"
+      }
+    },
+    "node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "dev": true
+    },
+    "node_modules/reflect.getprototypeof": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz",
+      "integrity": "sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.9",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.7",
+        "get-proto": "^1.0.1",
+        "which-builtin-type": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/regexp.prototype.flags": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz",
+      "integrity": "sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-errors": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "set-function-name": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve": {
+      "version": "1.22.11",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.11.tgz",
+      "integrity": "sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==",
+      "dev": true,
+      "dependencies": {
+        "is-core-module": "^2.16.1",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/resolve-pkg-maps": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
+      "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+      "dev": true,
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/safe-array-concat": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.3.tgz",
+      "integrity": "sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "has-symbols": "^1.1.0",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">=0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-push-apply": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-push-apply/-/safe-push-apply-1.0.0.tgz",
+      "integrity": "sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==",
+      "dev": true,
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-regex-test": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
+      "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-regex": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/scheduler": {
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
+      "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q=="
+    },
+    "node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/set-function-length": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+      "dev": true,
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-function-name": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
+      "integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
+      "dev": true,
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-proto": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/set-proto/-/set-proto-1.0.0.tgz",
+      "integrity": "sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==",
+      "dev": true,
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/sharp": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.34.5.tgz",
+      "integrity": "sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg==",
+      "hasInstallScript": true,
+      "optional": true,
+      "dependencies": {
+        "@img/colour": "^1.0.0",
+        "detect-libc": "^2.1.2",
+        "semver": "^7.7.3"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-darwin-arm64": "0.34.5",
+        "@img/sharp-darwin-x64": "0.34.5",
+        "@img/sharp-libvips-darwin-arm64": "1.2.4",
+        "@img/sharp-libvips-darwin-x64": "1.2.4",
+        "@img/sharp-libvips-linux-arm": "1.2.4",
+        "@img/sharp-libvips-linux-arm64": "1.2.4",
+        "@img/sharp-libvips-linux-ppc64": "1.2.4",
+        "@img/sharp-libvips-linux-riscv64": "1.2.4",
+        "@img/sharp-libvips-linux-s390x": "1.2.4",
+        "@img/sharp-libvips-linux-x64": "1.2.4",
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.4",
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.4",
+        "@img/sharp-linux-arm": "0.34.5",
+        "@img/sharp-linux-arm64": "0.34.5",
+        "@img/sharp-linux-ppc64": "0.34.5",
+        "@img/sharp-linux-riscv64": "0.34.5",
+        "@img/sharp-linux-s390x": "0.34.5",
+        "@img/sharp-linux-x64": "0.34.5",
+        "@img/sharp-linuxmusl-arm64": "0.34.5",
+        "@img/sharp-linuxmusl-x64": "0.34.5",
+        "@img/sharp-wasm32": "0.34.5",
+        "@img/sharp-win32-arm64": "0.34.5",
+        "@img/sharp-win32-ia32": "0.34.5",
+        "@img/sharp-win32-x64": "0.34.5"
+      }
+    },
+    "node_modules/sharp/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "optional": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/side-channel": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
+      "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
+      "dev": true,
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3",
+        "side-channel-list": "^1.0.0",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-list": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
+      "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
+      "dev": true,
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/stable-hash": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/stable-hash/-/stable-hash-0.0.5.tgz",
+      "integrity": "sha512-+L3ccpzibovGXFK+Ap/f8LOS0ahMrHTf3xu7mMLSpEGU0EO9ucaysSylKo9eRDFNhWve/y275iPmIZ4z39a9iA==",
+      "dev": true
+    },
+    "node_modules/stop-iteration-iterator": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.1.0.tgz",
+      "integrity": "sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==",
+      "dev": true,
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "internal-slot": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/string.prototype.includes": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/string.prototype.includes/-/string.prototype.includes-2.0.1.tgz",
+      "integrity": "sha512-o7+c9bW6zpAdJHTtujeePODAhkuicdAryFsfVKwA+wGw89wJ4GTY484WTucM9hLtDEOpOvI+aHnzqnC5lHp4Rg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/string.prototype.matchall": {
+      "version": "4.0.12",
+      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.12.tgz",
+      "integrity": "sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.6",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.6",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "internal-slot": "^1.1.0",
+        "regexp.prototype.flags": "^1.5.3",
+        "set-function-name": "^2.0.2",
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.repeat": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/string.prototype.repeat/-/string.prototype.repeat-1.0.0.tgz",
+      "integrity": "sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==",
+      "dev": true,
+      "dependencies": {
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.5"
+      }
+    },
+    "node_modules/string.prototype.trim": {
+      "version": "1.2.10",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.10.tgz",
+      "integrity": "sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "define-data-property": "^1.1.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-object-atoms": "^1.0.0",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimend": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.9.tgz",
+      "integrity": "sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimstart": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz",
+      "integrity": "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/strip-bom": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+      "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/styled-jsx": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.6.tgz",
+      "integrity": "sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==",
+      "dependencies": {
+        "client-only": "0.0.1"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "babel-plugin-macros": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/tailwindcss": {
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.18.tgz",
+      "integrity": "sha512-4+Z+0yiYyEtUVCScyfHCxOYP06L5Ne+JiHhY2IjR2KWMIWhJOYZKLSGZaP5HkZ8+bY0cxfzwDE5uOmzFXyIwxw==",
+      "dev": true
+    },
+    "node_modules/tapable": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.0.tgz",
+      "integrity": "sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.15",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
+      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
+      "dev": true,
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/tinyglobby/node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/tinyglobby/node_modules/picomatch": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/ts-api-utils": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.4.0.tgz",
+      "integrity": "sha512-3TaVTaAv2gTiMB35i3FiGJaRfwb3Pyn/j3m/bfAvGe8FB7CF6u+LMYqYlDh7reQf7UNvoTvdfAqHGmPGOSsPmA==",
+      "dev": true,
+      "engines": {
+        "node": ">=18.12"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4"
+      }
+    },
+    "node_modules/tsconfig-paths": {
+      "version": "3.15.0",
+      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
+      "integrity": "sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==",
+      "dev": true,
+      "dependencies": {
+        "@types/json5": "^0.0.29",
+        "json5": "^1.0.2",
+        "minimist": "^1.2.6",
+        "strip-bom": "^3.0.0"
+      }
+    },
+    "node_modules/tsconfig-paths/node_modules/json5": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+      "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+      "dev": true,
+      "dependencies": {
+        "minimist": "^1.2.0"
+      },
+      "bin": {
+        "json5": "lib/cli.js"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="
+    },
+    "node_modules/type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
+      "dependencies": {
+        "prelude-ls": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/typed-array-buffer": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz",
+      "integrity": "sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/typed-array-byte-length": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz",
+      "integrity": "sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-byte-offset": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz",
+      "integrity": "sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==",
+      "dev": true,
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.15",
+        "reflect.getprototypeof": "^1.0.9"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-length": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.7.tgz",
+      "integrity": "sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "is-typed-array": "^1.1.13",
+        "possible-typed-array-names": "^1.0.0",
+        "reflect.getprototypeof": "^1.0.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "dev": true,
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/typescript-eslint": {
+      "version": "8.53.1",
+      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.53.1.tgz",
+      "integrity": "sha512-gB+EVQfP5RDElh9ittfXlhZJdjSU4jUSTyE2+ia8CYyNvet4ElfaLlAIqDvQV9JPknKx0jQH1racTYe/4LaLSg==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/eslint-plugin": "8.53.1",
+        "@typescript-eslint/parser": "8.53.1",
+        "@typescript-eslint/typescript-estree": "8.53.1",
+        "@typescript-eslint/utils": "8.53.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/unbox-primitive": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.1.0.tgz",
+      "integrity": "sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-bigints": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "which-boxed-primitive": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "dev": true
+    },
+    "node_modules/unrs-resolver": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/unrs-resolver/-/unrs-resolver-1.11.1.tgz",
+      "integrity": "sha512-bSjt9pjaEBnNiGgc9rUiHGKv5l4/TGzDmYw3RhnkJGtLhbnnA/5qJj7x3dNDCRx/PJxu774LlH8lCOlB4hEfKg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "dependencies": {
+        "napi-postinstall": "^0.3.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/unrs-resolver"
+      },
+      "optionalDependencies": {
+        "@unrs/resolver-binding-android-arm-eabi": "1.11.1",
+        "@unrs/resolver-binding-android-arm64": "1.11.1",
+        "@unrs/resolver-binding-darwin-arm64": "1.11.1",
+        "@unrs/resolver-binding-darwin-x64": "1.11.1",
+        "@unrs/resolver-binding-freebsd-x64": "1.11.1",
+        "@unrs/resolver-binding-linux-arm-gnueabihf": "1.11.1",
+        "@unrs/resolver-binding-linux-arm-musleabihf": "1.11.1",
+        "@unrs/resolver-binding-linux-arm64-gnu": "1.11.1",
+        "@unrs/resolver-binding-linux-arm64-musl": "1.11.1",
+        "@unrs/resolver-binding-linux-ppc64-gnu": "1.11.1",
+        "@unrs/resolver-binding-linux-riscv64-gnu": "1.11.1",
+        "@unrs/resolver-binding-linux-riscv64-musl": "1.11.1",
+        "@unrs/resolver-binding-linux-s390x-gnu": "1.11.1",
+        "@unrs/resolver-binding-linux-x64-gnu": "1.11.1",
+        "@unrs/resolver-binding-linux-x64-musl": "1.11.1",
+        "@unrs/resolver-binding-wasm32-wasi": "1.11.1",
+        "@unrs/resolver-binding-win32-arm64-msvc": "1.11.1",
+        "@unrs/resolver-binding-win32-ia32-msvc": "1.11.1",
+        "@unrs/resolver-binding-win32-x64-msvc": "1.11.1"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
+      "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/use-sync-external-store": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.6.0.tgz",
+      "integrity": "sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/which-boxed-primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz",
+      "integrity": "sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==",
+      "dev": true,
+      "dependencies": {
+        "is-bigint": "^1.1.0",
+        "is-boolean-object": "^1.2.1",
+        "is-number-object": "^1.1.1",
+        "is-string": "^1.1.1",
+        "is-symbol": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-builtin-type": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.2.1.tgz",
+      "integrity": "sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "function.prototype.name": "^1.1.6",
+        "has-tostringtag": "^1.0.2",
+        "is-async-function": "^2.0.0",
+        "is-date-object": "^1.1.0",
+        "is-finalizationregistry": "^1.1.0",
+        "is-generator-function": "^1.0.10",
+        "is-regex": "^1.2.1",
+        "is-weakref": "^1.0.2",
+        "isarray": "^2.0.5",
+        "which-boxed-primitive": "^1.1.0",
+        "which-collection": "^1.0.2",
+        "which-typed-array": "^1.1.16"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-collection": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.2.tgz",
+      "integrity": "sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==",
+      "dev": true,
+      "dependencies": {
+        "is-map": "^2.0.3",
+        "is-set": "^2.0.3",
+        "is-weakmap": "^2.0.2",
+        "is-weakset": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-typed-array": {
+      "version": "1.1.20",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.20.tgz",
+      "integrity": "sha512-LYfpUkmqwl0h9A2HL09Mms427Q1RZWuOHsukfVcKRq9q95iQxdw0ix1JQrqbcDR9PH1QDwf5Qo8OZb5lksZ8Xg==",
+      "dev": true,
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "for-each": "^0.3.5",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/word-wrap": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/zod": {
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-4.3.6.tgz",
+      "integrity": "sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    },
+    "node_modules/zod-validation-error": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/zod-validation-error/-/zod-validation-error-4.0.2.tgz",
+      "integrity": "sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "zod": "^3.25.0 || ^4.0.0"
+      }
+    },
+    "node_modules/zustand": {
+      "version": "4.5.7",
+      "resolved": "https://registry.npmjs.org/zustand/-/zustand-4.5.7.tgz",
+      "integrity": "sha512-CHOUy7mu3lbD6o6LJLfllpjkzhHXSBlX8B9+qPddUsIfeF5S/UZ5q0kmCsnRqT1UHFQZchNFDDzMbQsuesHWlw==",
+      "dependencies": {
+        "use-sync-external-store": "^1.2.2"
+      },
+      "engines": {
+        "node": ">=12.7.0"
+      },
+      "peerDependencies": {
+        "@types/react": ">=16.8",
+        "immer": ">=9.0.6",
+        "react": ">=16.8"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "immer": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        }
+      }
+    }
+  }
+}
diff --git a/sifter-view/package.json b/sifter-view/package.json
new file mode 100644
index 0000000..c8d5692
--- /dev/null
+++ b/sifter-view/package.json
@@ -0,0 +1,29 @@
+{
+  "name": "sifter-view",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "eslint"
+  },
+  "dependencies": {
+    "@xyflow/react": "^12.10.0",
+    "dagre": "^0.8.5",
+    "highlight.js": "^11.11.1",
+    "next": "16.1.4",
+    "react": "19.2.3",
+    "react-dom": "19.2.3"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "eslint": "^9",
+    "eslint-config-next": "16.1.4",
+    "tailwindcss": "^4",
+    "typescript": "^5"
+  }
+}
diff --git a/sifter-view/postcss.config.mjs b/sifter-view/postcss.config.mjs
new file mode 100644
index 0000000..61e3684
--- /dev/null
+++ b/sifter-view/postcss.config.mjs
@@ -0,0 +1,7 @@
+const config = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+
+export default config;
diff --git a/sifter-view/public/file.svg b/sifter-view/public/file.svg
new file mode 100644
index 0000000..004145c
--- /dev/null
+++ b/sifter-view/public/file.svg
@@ -0,0 +1 @@
+<svg fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 13.5V5.41a1 1 0 0 0-.3-.7L9.8.29A1 1 0 0 0 9.08 0H1.5v13.5A2.5 2.5 0 0 0 4 16h8a2.5 2.5 0 0 0 2.5-2.5m-1.5 0v-7H8v-5H3v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1M9.5 5V2.12L12.38 5zM5.13 5h-.62v1.25h2.12V5zm-.62 3h7.12v1.25H4.5zm.62 3h-.62v1.25h7.12V11z" clip-rule="evenodd" fill="#666" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/sifter-view/public/globe.svg b/sifter-view/public/globe.svg
new file mode 100644
index 0000000..567f17b
--- /dev/null
+++ b/sifter-view/public/globe.svg
@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.27 14.1a6.5 6.5 0 0 0 3.67-3.45q-1.24.21-2.7.34-.31 1.83-.97 3.1M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.48-1.52a7 7 0 0 1-.96 0H7.5a4 4 0 0 1-.84-1.32q-.38-.89-.63-2.08a40 40 0 0 0 3.92 0q-.25 1.2-.63 2.08a4 4 0 0 1-.84 1.31zm2.94-4.76q1.66-.15 2.95-.43a7 7 0 0 0 0-2.58q-1.3-.27-2.95-.43a18 18 0 0 1 0 3.44m-1.27-3.54a17 17 0 0 1 0 3.64 39 39 0 0 1-4.3 0 17 17 0 0 1 0-3.64 39 39 0 0 1 4.3 0m1.1-1.17q1.45.13 2.69.34a6.5 6.5 0 0 0-3.67-3.44q.65 1.26.98 3.1M8.48 1.5l.01.02q.41.37.84 1.31.38.89.63 2.08a40 40 0 0 0-3.92 0q.25-1.2.63-2.08a4 4 0 0 1 .85-1.32 7 7 0 0 1 .96 0m-2.75.4a6.5 6.5 0 0 0-3.67 3.44 29 29 0 0 1 2.7-.34q.31-1.83.97-3.1M4.58 6.28q-1.66.16-2.95.43a7 7 0 0 0 0 2.58q1.3.27 2.95.43a18 18 0 0 1 0-3.44m.17 4.71q-1.45-.12-2.69-.34a6.5 6.5 0 0 0 3.67 3.44q-.65-1.27-.98-3.1" fill="#666"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/sifter-view/public/next.svg b/sifter-view/public/next.svg
new file mode 100644
index 0000000..5174b28
--- /dev/null
+++ b/sifter-view/public/next.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>
\ No newline at end of file
diff --git a/sifter-view/public/vercel.svg b/sifter-view/public/vercel.svg
new file mode 100644
index 0000000..7705396
--- /dev/null
+++ b/sifter-view/public/vercel.svg
@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1155 1000"><path d="m577.3 0 577.4 1000H0z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/sifter-view/public/window.svg b/sifter-view/public/window.svg
new file mode 100644
index 0000000..b2b2a44
--- /dev/null
+++ b/sifter-view/public/window.svg
@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2.5h13v10a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1zM0 1h16v11.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5zm3.75 4.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5M7 4.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m1.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5" fill="#666"/></svg>
\ No newline at end of file
diff --git a/sifter-view/tsconfig.json b/sifter-view/tsconfig.json
new file mode 100644
index 0000000..3a13f90
--- /dev/null
+++ b/sifter-view/tsconfig.json
@@ -0,0 +1,34 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./*"]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts",
+    "**/*.mts"
+  ],
+  "exclude": ["node_modules"]
+}

From e11bd7ec4ed2903703b2d43b6c81d34ebf3f0f60 Mon Sep 17 00:00:00 2001
From: Kyle Ellrott <kellrott@gmail.com>
Date: Sun, 25 Jan 2026 19:34:16 -0800
Subject: [PATCH 03/14] dagre layout for playbook prototype

---
 cmd/web/main.go                         |  35 ++-
 sifter-view/components/PlaybookFlow.tsx | 305 +++++++++++++++++++++++-
 sifter-view/package-lock.json           |   7 +
 sifter-view/package.json                |   1 +
 sifter-view/tsconfig.json               |  18 +-
 web/static/index.html                   |  25 --
 6 files changed, 350 insertions(+), 41 deletions(-)
 delete mode 100644 web/static/index.html

diff --git a/cmd/web/main.go b/cmd/web/main.go
index ff0ffb8..735bfba 100644
--- a/cmd/web/main.go
+++ b/cmd/web/main.go
@@ -9,6 +9,7 @@ import (
 	"net/http"
 	"os"
 	"path/filepath"
+	"sigs.k8s.io/yaml"
 	"strings"
 
 	"github.com/spf13/cobra"
@@ -18,6 +19,7 @@ import (
 var staticFS embed.FS
 
 var playbookDir string
+var siteDir string
 
 // Cmd is the declaration of the command line
 var Cmd = &cobra.Command{
@@ -27,13 +29,18 @@ var Cmd = &cobra.Command{
 	RunE: func(cmd *cobra.Command, args []string) error {
 
 		playbookDir = args[0]
-		// Serve embedded static files
-		staticFiles, err := fs.Sub(staticFS, "static")
-		if err != nil {
-			log.Fatalf("failed to create sub FS: %v", err)
-		}
-		http.Handle("/", http.FileServer(http.FS(staticFiles)))
 
+		if siteDir == "" {
+			// Serve embedded static files
+			staticFiles, err := fs.Sub(staticFS, "static")
+			if err != nil {
+				log.Fatalf("failed to create sub FS: %v", err)
+			}
+			http.Handle("/", http.FileServer(http.FS(staticFiles)))
+		} else {
+			http.Handle("/", http.FileServer(http.Dir(siteDir)))
+
+		}
 		// API endpoints
 		http.HandleFunc("/api/playbooks", listPlaybooksHandler)
 		http.HandleFunc("/api/playbook", getPlaybookHandler)
@@ -83,6 +90,22 @@ func getPlaybookHandler(w http.ResponseWriter, r *http.Request) {
 		http.Error(w, "playbook not found", http.StatusNotFound)
 		return
 	}
+	format := r.URL.Query().Get("format")
+	if format == "json" {
+		jsonBytes, err := yaml.YAMLToJSON(content)
+		if err != nil {
+			http.Error(w, "failed to convert yaml to json", http.StatusInternalServerError)
+			return
+		}
+		w.Header().Set("Content-Type", "application/json")
+		w.Write(jsonBytes)
+		return
+	}
 	w.Header().Set("Content-Type", "text/plain")
 	w.Write(content)
 }
+
+func init() {
+	flags := Cmd.Flags()
+	flags.StringVarP(&siteDir, "site-dir", "s", siteDir, "Serve Custom site dir")
+}
diff --git a/sifter-view/components/PlaybookFlow.tsx b/sifter-view/components/PlaybookFlow.tsx
index bb40013..f419dc6 100644
--- a/sifter-view/components/PlaybookFlow.tsx
+++ b/sifter-view/components/PlaybookFlow.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import React, { useCallback } from 'react';
+import React, { useCallback, useEffect } from 'react';
 
 import {
   ReactFlow, 
@@ -16,14 +16,307 @@ import {
 // Import the necessary styles
 import "@xyflow/react/dist/style.css";
 
-const initialNodes = [
-  { id: '1', position: { x: 0, y: 0 }, data: { label: 'Start Node' } },
-  { id: '2', position: { x: 0, y: 100 }, data: { label: 'End Node' } },
-];
+import dagre from 'dagre';
+import type { Node, Edge } from '@xyflow/react';
+
+
+// -------------------------------------------------------------------
+// Types for the Sifter playbook JSON (imported as a static module)
+// -------------------------------------------------------------------
+interface Playbook {
+  class: string;
+  name?: string;
+  inputs: Record<string, any>;
+  outputs?: Record<string, any>;
+  pipelines: Record<string, PipelineStep[]>;
+  params?: any;
+}
+
+type PipelineStep = Record<string, any>; // each step is a single‑key object
+
+
+
+var playbook : Playbook = {
+  "class": "sifter",
+  "inputs": {
+    "cases_data": {
+      "jsonLoad": {
+        "input": "out.case.json"
+      }
+    },
+    "cases_scrape": {
+      "plugin": {
+        "commandLine": "docker run --rm bmeg/sifter-gdc-scan /opt/gdc-scan.py cases"
+      }
+    },
+    "projects_data": {
+      "jsonLoad": {
+        "input": "out.projects.json"
+      }
+    },
+    "projects_scrape": {
+      "plugin": {
+        "commandLine": "docker run --rm bmeg/sifter-gdc-scan /opt/gdc-scan.py projects"
+      }
+    }
+  },
+  "name": "GDCConvert",
+  "params": {
+    "schema": {
+      "default": "bmeg-dictionary/gdcdictionary/schemas",
+      "type": "path"
+    }
+  },
+  "pipelines": {
+    "aliquots": [
+      {
+        "from": "cases_data"
+      },
+      {
+        "fieldProcess": {
+          "field": "samples"
+        }
+      },
+      {
+        "fieldProcess": {
+          "field": "portions"
+        }
+      },
+      {
+        "fieldProcess": {
+          "field": "analytes"
+        }
+      },
+      {
+        "fieldProcess": {
+          "field": "aliquots"
+        }
+      },
+      {
+        "project": {
+          "mapping": {
+            "id": "{{row.aliquot_id}}",
+            "type": "aliquot"
+          }
+        }
+      },
+      {
+        "objectValidate": {
+          "schema": "{{params.schema}}",
+          "title": "aliquot"
+        }
+      },
+      {
+        "emit": {
+          "name": "aliquot"
+        }
+      }
+    ],
+    "cases": [
+      {
+        "from": "cases_data"
+      },
+      {
+        "project": {
+          "mapping": {
+            "experiments": "exp:{{row.project.project_id}}",
+            "studies": "{{row.project.project_id}}",
+            "type": "case"
+          }
+        }
+      },
+      {
+        "objectValidate": {
+          "schema": "{{params.schema}}",
+          "title": "case"
+        }
+      },
+      {
+        "emit": {
+          "name": "case"
+        }
+      }
+    ],
+    "experiments": [
+      {
+        "from": "projects_data"
+      },
+      {
+        "project": {
+          "mapping": {
+            "code": "{{row.project_id}}",
+            "programs": "{{row.program.name}}",
+            "projects": "{{row.project_id}}",
+            "submitter_id": "{{row.program.name}}",
+            "type": "experiment"
+          }
+        }
+      },
+      {
+        "objectValidate": {
+          "schema": "{{params.schema}}",
+          "title": "experiment"
+        }
+      },
+      {
+        "emit": {
+          "name": "experiment"
+        }
+      }
+    ],
+    "projects": [
+      {
+        "from": "projects_data"
+      },
+      {
+        "project": {
+          "mapping": {
+            "code": "{{row.project_id}}",
+            "programs": "{{row.program.name}}"
+          }
+        }
+      },
+      {
+        "objectValidate": {
+          "schema": "{{params.schema}}",
+          "title": "project"
+        }
+      },
+      {
+        "emit": {
+          "name": "project"
+        }
+      }
+    ],
+    "samples": [
+      {
+        "from": "cases_data"
+      },
+      {
+        "fieldProcess": {
+          "field": "samples"
+        }
+      },
+      {
+        "project": {
+          "mapping": {
+            "id": "{{row.sample_id}}",
+            "type": "sample"
+          }
+        }
+      },
+      {
+        "objectValidate": {
+          "schema": "{{params.schema}}",
+          "title": "sample"
+        }
+      },
+      {
+        "emit": {
+          "name": "sample"
+        }
+      }
+    ]
+  }
+}
+
+
+// -------------------------------------------------------------------
+// Build a React‑Flow graph from a Playbook, using Dagre for layout
+// -------------------------------------------------------------------
+
+const NODE_WIDTH = 150;
+const NODE_HEIGHT = 40;
+
+function buildGraph(pb: Playbook): { nodes: Node[]; edges: Edge[] } {
+  // Create a directed Dagre graph
+  const g = new dagre.graphlib.Graph({ directed: true });
+  //g.setGraph({ rankdir: 'LR', nodesep: 80, ranksep: 120 });
+  g.setGraph({});
+  
+  g.setDefaultEdgeLabel(function() { return {}; });
+
+  // ---- INPUT NODES ---------------------------------------------------
+  Object.keys(pb.inputs).forEach((name) => {
+    const id = `input-${name}`;
+    g.setNode(id, { label: name, width: NODE_WIDTH, height: NODE_HEIGHT });
+  });
+
+  // ---- OUTPUT NODES ---------------------------------------------------
+  if (pb.outputs) {
+    Object.keys(pb.outputs).forEach((name) => {
+      const id = `output-${name}`;
+      g.setNode(id, { label: name, width: NODE_WIDTH, height: NODE_HEIGHT });
+    });
+  }
+
+  // ---- PIPELINE STEP NODES & EDGES -----------------------------------
+  Object.entries(pb.pipelines).forEach(([pipelineName, steps]) => {
+    steps.forEach((stepObj, idx) => {
+      const stepKey = Object.keys(stepObj)[0]; // e.g. "from", "fieldProcess", "emit", …
+      const nodeId = `${pipelineName}-${idx}`;
+      g.setNode(nodeId, { label: stepKey, width: NODE_WIDTH, height: NODE_HEIGHT });
+
+      // Edge from previous step (if any)
+      if (idx > 0) {
+        const prevId = `${pipelineName}-${idx - 1}`;
+        g.setEdge(prevId, nodeId);
+      } else {
+        // First step – connect to the input referenced by the "from" field
+        const fromName = (stepObj as any).from;
+        if (fromName) {
+          g.setEdge(`input-${fromName}`, nodeId);
+        }
+      }
+
+      // If this step is an emit and an explicit output exists, connect to it
+      if (stepKey === 'emit' && pb.outputs) {
+        const emitName = (stepObj as any).emit?.name;
+        if (emitName && pb.outputs[emitName]) {
+          g.setEdge(nodeId, `output-${emitName}`);
+        }
+      }
+    });
+  });
+
+  // Run the layout algorithm
+  dagre.layout(g);
+
+  // Convert Dagre nodes/edges to React‑Flow structures
+  const nodes: Node[] = g.nodes().map((id) => {
+    const { x, y, label } = g.node(id);
+    return {
+      id,
+      position: { x, y },
+      data: { label },
+      // Optional: give each node a consistent size for the UI
+      style: { width: NODE_WIDTH, height: NODE_HEIGHT },
+    } as Node;
+  });
+
+  const edges: Edge[] = g.edges().map((e) => ({
+    id: `e-${e.v}-${e.w}`,
+    source: e.v,
+    target: e.w,
+    animated: true,
+  }));
+
+  return { nodes, edges };
+}
+
+// -------------------------------------------------------------------
+// React component – PlaybookFlow
+// -------------------------------------------------------------------
 
-const initialEdges = [{ id: 'e1-2', source: '1', target: '2', animated: true }];
 
 export default function PlaybookFlow() {
+
+  
+  var initialGraph = buildGraph(playbook);
+
+  var initialEdges: Edge[] = initialGraph.edges;
+  var initialNodes: Node[] = initialGraph.nodes;
+
   const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);
   const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);
 
diff --git a/sifter-view/package-lock.json b/sifter-view/package-lock.json
index 32b6f84..fc437f4 100644
--- a/sifter-view/package-lock.json
+++ b/sifter-view/package-lock.json
@@ -17,6 +17,7 @@
       },
       "devDependencies": {
         "@tailwindcss/postcss": "^4",
+        "@types/dagre": "^0.7.53",
         "@types/node": "^20",
         "@types/react": "^19",
         "@types/react-dom": "^19",
@@ -888,6 +889,12 @@
         "@types/d3-selection": "*"
       }
     },
+    "node_modules/@types/dagre": {
+      "version": "0.7.53",
+      "resolved": "https://registry.npmjs.org/@types/dagre/-/dagre-0.7.53.tgz",
+      "integrity": "sha512-f4gkWqzPZvYmKhOsDnhq/R8mO4UMcKdxZo+i5SCkOU1wvGeHJeUXGIHeE9pnwGyPMDof1Vx5ZQo4nxpeg2TTVQ==",
+      "dev": true
+    },
     "node_modules/@types/estree": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
diff --git a/sifter-view/package.json b/sifter-view/package.json
index c8d5692..9b4eced 100644
--- a/sifter-view/package.json
+++ b/sifter-view/package.json
@@ -18,6 +18,7 @@
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4",
+    "@types/dagre": "^0.7.53",
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
diff --git a/sifter-view/tsconfig.json b/sifter-view/tsconfig.json
index 3a13f90..0400cf0 100644
--- a/sifter-view/tsconfig.json
+++ b/sifter-view/tsconfig.json
@@ -1,7 +1,11 @@
 {
   "compilerOptions": {
     "target": "ES2017",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -19,7 +23,9 @@
       }
     ],
     "paths": {
-      "@/*": ["./*"]
+      "@/*": [
+        "./*"
+      ]
     }
   },
   "include": [
@@ -28,7 +34,11 @@
     "**/*.tsx",
     ".next/types/**/*.ts",
     ".next/dev/types/**/*.ts",
-    "**/*.mts"
+    "**/*.mts",
+    "dist/types/**/*.ts",
+    "dist/dev/types/**/*.ts"
   ],
-  "exclude": ["node_modules"]
+  "exclude": [
+    "node_modules"
+  ]
 }
diff --git a/web/static/index.html b/web/static/index.html
deleted file mode 100644
index ebe026c..0000000
--- a/web/static/index.html
+++ /dev/null
@@ -1,25 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Sifter Playbook Viewer</title>
-  <link rel="stylesheet" href="style.css" />
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet" />
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github-dark.min.css" />
-</head>
-<body>
-  <div class="container">
-    <aside class="sidebar">
-      <h1>Sifter Playbooks</h1>
-      <ul id="playbook-list"></ul>
-    </aside>
-    <main class="content">
-      <pre><code id="playbook-content" class="yaml"></code></pre>
-    </main>
-  </div>
-  <script src="app.js"></script>
-  <script>hljs.highlightAll();</script>
-</body>
-</html>

From f3020bc9dd393081e8736f2258669b21f5764a82 Mon Sep 17 00:00:00 2001
From: Kyle Ellrott <kellrott@gmail.com>
Date: Sun, 25 Jan 2026 23:41:08 -0800
Subject: [PATCH 04/14] Removing some invalid old examples

---
 .gitmodules                             |   3 -
 cmd/web/main.go                         |  29 ++--
 examples/Makefile                       |  10 --
 examples/bmeg-dictionary                |   1 -
 examples/cbio.yaml                      | 144 ------------------
 examples/gdc-convert.yaml               |  98 -------------
 examples/gdc-scan-docker/Dockerfile     |   4 -
 examples/gdc-scan-docker/gdc-scan.py    | 134 -----------------
 examples/gene-table.yaml                |  31 ----
 examples/genome.yaml                    |  92 ------------
 examples/hugo-ensembl.yaml              |  25 ----
 sifter-view/components/PlaybookFlow.tsx | 185 +++++-------------------
 test/resources/xml_load.yaml            |  11 +-
 13 files changed, 58 insertions(+), 709 deletions(-)
 delete mode 100644 examples/Makefile
 delete mode 160000 examples/bmeg-dictionary
 delete mode 100644 examples/cbio.yaml
 delete mode 100644 examples/gdc-convert.yaml
 delete mode 100644 examples/gdc-scan-docker/Dockerfile
 delete mode 100755 examples/gdc-scan-docker/gdc-scan.py
 delete mode 100644 examples/gene-table.yaml
 delete mode 100644 examples/genome.yaml
 delete mode 100644 examples/hugo-ensembl.yaml

diff --git a/.gitmodules b/.gitmodules
index cfa2b86..e69de29 100644
--- a/.gitmodules
+++ b/.gitmodules
@@ -1,3 +0,0 @@
-[submodule "examples/bmeg-dictionary"]
-	path = examples/bmeg-dictionary
-	url = https://github.com/bmeg/bmeg-dictionary.git
diff --git a/cmd/web/main.go b/cmd/web/main.go
index 735bfba..abad2c8 100644
--- a/cmd/web/main.go
+++ b/cmd/web/main.go
@@ -9,9 +9,10 @@ import (
 	"net/http"
 	"os"
 	"path/filepath"
-	"sigs.k8s.io/yaml"
 	"strings"
 
+	"sigs.k8s.io/yaml"
+
 	"github.com/spf13/cobra"
 )
 
@@ -30,20 +31,24 @@ var Cmd = &cobra.Command{
 
 		playbookDir = args[0]
 
+		var httpFS http.FileSystem
+
 		if siteDir == "" {
 			// Serve embedded static files
 			staticFiles, err := fs.Sub(staticFS, "static")
 			if err != nil {
 				log.Fatalf("failed to create sub FS: %v", err)
 			}
-			http.Handle("/", http.FileServer(http.FS(staticFiles)))
+			httpFS = http.FS(staticFiles)
 		} else {
-			http.Handle("/", http.FileServer(http.Dir(siteDir)))
-
+			httpFS = http.Dir(siteDir)
 		}
+		http.Handle("/", http.FileServer(httpFS))
+
 		// API endpoints
-		http.HandleFunc("/api/playbooks", listPlaybooksHandler)
-		http.HandleFunc("/api/playbook", getPlaybookHandler)
+		ph := playbookHandler{playbookDir}
+		http.HandleFunc("/api/playbooks", ph.listPlaybooksHandler)
+		http.HandleFunc("/api/playbook", ph.getPlaybookHandler)
 
 		port := "8081"
 		fmt.Printf("Server listening on http://localhost:%s\n", port)
@@ -53,8 +58,12 @@ var Cmd = &cobra.Command{
 	},
 }
 
-func listPlaybooksHandler(w http.ResponseWriter, r *http.Request) {
-	entries, err := os.ReadDir(playbookDir)
+type playbookHandler struct {
+	baseDir string
+}
+
+func (ph *playbookHandler) listPlaybooksHandler(w http.ResponseWriter, r *http.Request) {
+	entries, err := os.ReadDir(ph.baseDir)
 	if err != nil {
 		http.Error(w, "failed to read playbook directory", http.StatusInternalServerError)
 		return
@@ -73,7 +82,7 @@ func listPlaybooksHandler(w http.ResponseWriter, r *http.Request) {
 	json.NewEncoder(w).Encode(names)
 }
 
-func getPlaybookHandler(w http.ResponseWriter, r *http.Request) {
+func (ph *playbookHandler) getPlaybookHandler(w http.ResponseWriter, r *http.Request) {
 	name := r.URL.Query().Get("name")
 	if name == "" {
 		http.Error(w, "missing name parameter", http.StatusBadRequest)
@@ -84,7 +93,7 @@ func getPlaybookHandler(w http.ResponseWriter, r *http.Request) {
 		http.Error(w, "invalid playbook name", http.StatusBadRequest)
 		return
 	}
-	path := filepath.Join("examples", name)
+	path := filepath.Join(ph.baseDir, name)
 	content, err := os.ReadFile(path)
 	if err != nil {
 		http.Error(w, "playbook not found", http.StatusNotFound)
diff --git a/examples/Makefile b/examples/Makefile
deleted file mode 100644
index b9128fd..0000000
--- a/examples/Makefile
+++ /dev/null
@@ -1,10 +0,0 @@
-
-cbio-example: out/gene.table.table.gz
-	sifter run cbio.yaml --inputs tar=chol_tcga_pan_can_atlas_2018.tar.gz,geneTable=out/gene.table.table.gz
-
-out/gene.table.table.gz:
-	sifter run gene-table.yaml
-
-
-chol_tcga_pan_can_atlas_2018.tar.gz:
-	curl -O http://download.cbioportal.org/chol_tcga_pan_can_atlas_2018.tar.gz
diff --git a/examples/bmeg-dictionary b/examples/bmeg-dictionary
deleted file mode 160000
index 6edc8d8..0000000
--- a/examples/bmeg-dictionary
+++ /dev/null
@@ -1 +0,0 @@
-Subproject commit 6edc8d805d08f3230d63660a7cbb1166410c6377
diff --git a/examples/cbio.yaml b/examples/cbio.yaml
deleted file mode 100644
index ea36b31..0000000
--- a/examples/cbio.yaml
+++ /dev/null
@@ -1,144 +0,0 @@
-
-class: sifter
-name: CBioPortal
-
-params:
-  tar: ""
-  geneTable: ""
-  schema: bmeg-dictionary/gdcdictionary/schemas
-
-inputs:
-  untar:
-    plugin:
-      commandLine: tar -xzf {{params.tar}}
-  
-  patientReader:
-    tableLoad:
-      input: data_clinical_patient.txt
-  
-  sampleReader:
-    tableLoad:
-      input: data_clinical_sample.txt
-
-  rnaReader:
-    transposeLoad:
-      input: data_RNA_Seq_expression_median.txt
-      rowSkip: 1
-
-  mutationReader:
-    tableLoad:
-      input: data_mutations_extended.txt
-
-pipelines:
-  cases:
-    - from: patientReader
-    - project:
-        mapping:
-          id: "{{row.PATIENT_ID}}"
-          submitter_id: "{{row.PATIENT_ID}}"
-          type: "case"
-          experiments:
-            submitter_id: "TCGA"
-    - objectValidate:
-        title: Case
-        schema: "{{params.schema}}"
-    - emit:
-        name: case
-
-  samples:
-    - from: sampleReader
-    - project:
-        mapping:
-          id: "{{row.SAMPLE_ID}}"
-          submitter_id: "{{row.SAMPLE_ID}}"
-          cases:
-            submitter_id: "{{row.PATIENT_ID}}"
-          type: "sample"
-    - objectValidate:
-        title: Sample
-        schema: "{{params.schema}}"
-    - emit:
-        name: sample
-
-  aliquots:
-    - from: sampleReader
-    - project:
-        mapping:
-          id: "{{row.SAMPLE_ID}}-0000"
-          submitter_id: "{{row.SAMPLE_ID}}-0000"
-          samples:
-            submitter_id: "{{row.SAMPLE_ID}}"
-          type: "aliquot"
-    - objectValidate:
-        title: Aliquot
-        schema: "{{params.schema}}"
-    - emit:
-        name: aliquot
-
-  gene_expression:
-    - from: rnaReader
-    - project:
-        mapping:
-          id: "gexp:{{row.Entrez_Gene_Id}}"
-          aliquot_id: "{{row.Entrez_Gene_Id}}-0000"
-    - lookup:
-        tsv:
-          input: "{{params.geneTable}}"
-        lookup: "{{row.Entrez_Gene_Id}}"
-    - map:
-        method: nodeMap
-        python: |
-          def nodeMap(x):
-            values = {}
-            for k, v in x.items():
-              if k not in ["id", "aliquot_id", "Entrez_Gene_Id"]:
-                values[k] = v
-            return {
-              "id": x["id"],
-              "aliquot_id": x["aliquot_id"],
-              "metric": "OTHER",
-              "values": values
-            }
-    - emit:
-        name: gene_expression
-
-  mutations:
-    - from: mutationReader
-    - map:
-        method: alleleID
-        python: |
-          import hashlib
-          def alleleID(row):
-            s = "GRCh37" + row["Chromosome"] + str(row["Start_Position"]) + str(row["End_Position"]) + row["Reference_Allele"] + row["Tumor_Seq_Allele1"]
-            row["allele_id"] = "Allele:" + hashlib.sha1(s.encode()).hexdigest()
-            return row
-    - project:
-        mapping:
-          aliquot: "{{row.Tumor_Sample_Barcode}}-0000"
-          ref: "{{row.Reference_Allele}}"
-          alt: "{{row.Tumor_Seq_Allele1}}"
-          ensembl_transcript: "{{row.Transcript_ID}}"
-    - objectValidate:
-        title: SomaticVariant
-        schema: "{{params.schema}}"
-    - emit:
-        name: somatic_variant
-    
-  alleles:
-    - from: mutationReader 
-    - project:
-        mapping:
-          genome: "{{row.NCBI_Build}}"
-          chromosome: "{{row.Chromosome}}"
-          start: "{{row.Start_Position}}"
-          end: "{{row.End_Position}}"
-          strand: "{{row.Strand}}"
-          reference_bases: "{{row.Reference_Allele}}"
-          alternate_bases: "{{row.Tumor_Seq_Allele1}}"
-          hugo_symbol: "{{row.Hugo_Symbol}}"
-          effect: "{{row.Variant_Classification}}"
-    - objectValidate:
-        title: Allele
-        schema: "{{params.schema}}"
-    - emit:
-        name: allele
diff --git a/examples/gdc-convert.yaml b/examples/gdc-convert.yaml
deleted file mode 100644
index c5c16ee..0000000
--- a/examples/gdc-convert.yaml
+++ /dev/null
@@ -1,98 +0,0 @@
-
-
-class: sifter
-name: GDCConvert
-
-params:
-  schema:
-    type: path
-    default: bmeg-dictionary/gdcdictionary/schemas
-
-inputs:
-  projects_scrape:
-    plugin:
-      commandLine: docker run --rm bmeg/sifter-gdc-scan /opt/gdc-scan.py projects
-  cases_scrape:
-    plugin:
-      commandLine: docker run --rm bmeg/sifter-gdc-scan /opt/gdc-scan.py cases
-  projects_data:
-    jsonLoad:
-      input: out.projects.json
-  cases_data:
-    jsonLoad:
-      input: out.case.json
-
-pipelines:
-  projects:
-    - from: projects_data
-    - project:
-        mapping:
-          code: "{{row.project_id}}"
-          programs: "{{row.program.name}}"
-    - objectValidate:
-        title: project
-        schema: "{{params.schema}}"
-    - emit:
-        name: project
-  
-  experiments:
-    - from: projects_data
-    - project:
-        mapping:
-          code: "{{row.project_id}}"
-          programs: "{{row.program.name}}"
-          submitter_id: "{{row.program.name}}"
-          projects: "{{row.project_id}}"
-          type: experiment
-    - objectValidate:
-        title: experiment
-        schema: "{{params.schema}}"
-    - emit:
-        name: experiment
-
-  cases:
-    - from: cases_data
-    - project:
-        mapping:
-          studies: "{{row.project.project_id}}"
-          experiments: "exp:{{row.project.project_id}}"
-          type: case
-    - objectValidate:
-        title: case
-        schema: "{{params.schema}}"
-    - emit:
-        name: case
-
-  samples:
-    - from: cases_data
-    - fieldProcess:
-        field: samples
-    - project:
-        mapping:
-          type: sample
-          id: "{{row.sample_id}}"
-    - objectValidate:
-        title: sample
-        schema: "{{params.schema}}"
-    - emit:
-        name: sample
-
-  aliquots:
-    - from: cases_data
-    - fieldProcess:
-        field: samples
-    - fieldProcess:
-        field: portions
-    - fieldProcess:
-        field: analytes
-    - fieldProcess:
-        field: aliquots
-    - project:
-        mapping:
-          type: aliquot
-          id: "{{row.aliquot_id}}"
-    - objectValidate:
-        title: aliquot
-        schema: "{{params.schema}}"
-    - emit:
-        name: aliquot
diff --git a/examples/gdc-scan-docker/Dockerfile b/examples/gdc-scan-docker/Dockerfile
deleted file mode 100644
index 39236f7..0000000
--- a/examples/gdc-scan-docker/Dockerfile
+++ /dev/null
@@ -1,4 +0,0 @@
-FROM python:3.7
-
-RUN pip install requests
-ADD gdc-scan.py /opt/
diff --git a/examples/gdc-scan-docker/gdc-scan.py b/examples/gdc-scan-docker/gdc-scan.py
deleted file mode 100755
index b9a4cf2..0000000
--- a/examples/gdc-scan-docker/gdc-scan.py
+++ /dev/null
@@ -1,134 +0,0 @@
-#!/usr/bin/env python
-
-import json
-import logging
-import os
-import sys
-
-import requests
-
-URL_BASE = "https://api.gdc.cancer.gov/"
-
-client = requests
-
-def query_gdc(endpoint, params):
-    """
-    query_gdc makes a query to the GDC API while handling common issues
-    like pagination, retries, etc.
-
-    The return value is an iterator.
-    """
-    # Copy input params to avoid modification.
-    params = dict(params)
-    page_size = 100
-    params['size'] = page_size
-    # With a GET request, the filters parameter needs to be converted
-    # from a dictionary to JSON-formatted string
-    if 'filters' in params:
-        params['filters'] = json.dumps(params['filters'])
-
-    # Iterate through all the pages.
-    while True:
-        try:
-            req = client.get(URL_BASE + endpoint, params=params)
-            data = req.json()
-            data = data['data']
-
-            hits = data.get("hits", [])
-            if len(hits) == 0:
-                return
-
-            for hit in hits:
-                yield hit
-
-            # Get the next page.
-            params['from'] = data['pagination']['from'] + page_size
-        except Exception as e:
-            logging.warning(str(e))
-            logging.warning(json.dumps(params))
-            raise
-
-
-# The GDC API requires you to request that nested fields be expanded.
-# https://docs.gdc.cancer.gov/API/Users_Guide/Appendix_A_Available_Fields/#cases-field-groups
-#
-# Note that (as of this writing) we are expanding most but
-# not all possible fields. Mostly we're skipping "files" data.
-expand_case_fields = ",".join("""
-demographic
-diagnoses
-diagnoses.treatments
-exposures
-family_histories
-project
-project.program
-samples
-samples.annotations
-samples.portions
-samples.portions.analytes
-samples.portions.analytes.aliquots
-samples.portions.analytes.aliquots.annotations
-samples.portions.analytes.aliquots.center
-samples.portions.analytes.annotations
-samples.portions.annotations
-samples.portions.center
-samples.portions.slides
-samples.portions.slides.annotations
-summary
-summary.data_categories
-summary.experimental_strategies
-tissue_source_site
-type
-""".strip().split())
-
-# These are the fields we want to keep from the GDC Case (BMEG Case).
-keep_case_fields = """
-diagnoses
-demographic
-disease_type
-primary_site
-summary
-project
-""".strip().split()
-
-expand_project_fields = ",".join("""
-dbgap_accession_number
-disease_type
-name
-primary_site
-project_id
-released
-state
-program
-summary
-""".strip().split())
-
-
-def scrapeProjects():
-    projectOut = open("out.projects.json", "w")
-    for row in query_gdc("projects", {"expand": expand_project_fields}):
-        projectOut.write(json.dumps(row))
-        projectOut.write("\n")
-    projectOut.close()
-
-
-def scrapeCases():
-    # Crawl all cases, samples, aliquots to generate
-    # BMEG Cases, Samples, and Aliquots.
-    parameters={}
-    parameters['expand'] = expand_case_fields
-    case_gids = []
-    caseOut = open("out.case.json", "w")
-
-    for row in query_gdc("cases", parameters):
-        caseOut.write(json.dumps(row))
-        caseOut.write("\n")
-
-    caseOut.close()
-
-
-if __name__ == "__main__":
-    if sys.argv[1] == "projects":
-        scrapeProjects()
-    if sys.argv[1] == "cases":
-        scrapeCases()
diff --git a/examples/gene-table.yaml b/examples/gene-table.yaml
deleted file mode 100644
index 5126308..0000000
--- a/examples/gene-table.yaml
+++ /dev/null
@@ -1,31 +0,0 @@
-
-class: sifter
-name: gene-table
-
-params:
-  geneTSV: ftp://ftp.ncbi.nih.gov/gene/DATA/gene2ensembl.gz
-
-inputs:
-  geneReader:
-    tableLoad:
-      input: "{{params.geneTSV}}"
-      columns:
-        - tax_id
-        - GeneID
-        - Ensembl_gene_identifier
-        - RNA_nucleotide_accession.version
-        - Ensembl_rna_identifier
-        - protein_accession.version
-        - Ensembl_protein_identifier
-
-pipelines:
-  transform:
-    - from: geneReader
-    - filter:
-        field: tax_id
-        match: "9606"
-    - tableWrite:
-        output: gene.table
-        columns:
-          - GeneID
-          - Ensembl_gene_identifier
diff --git a/examples/genome.yaml b/examples/genome.yaml
deleted file mode 100644
index 510ee81..0000000
--- a/examples/genome.yaml
+++ /dev/null
@@ -1,92 +0,0 @@
-
-class: sifter
-name: RefGenome
-
-params:
-  gtfPath: ftp://ftp.ensembl.org/pub/grch37/release-96/gff3/homo_sapiens/Homo_sapiens.GRCh37.87.gff3.gz
-  schema: ./bmeg-dictionary/gdcdictionary/schemas
-
-inputs:
-  gtfReader:
-    tableLoad:
-      input: "{{params.gtfPath}}"
-      columns:
-        - seqid
-        - source
-        - type
-        - start
-        - end
-        - score
-        - strand
-        - phase
-        - attributes
-
-pipelines:
-  transform:
-    - from: gtfReader
-    - fieldParse:
-        field: attributes
-        sep: ";"
-    - fieldType:
-        start: integer
-        end: integer
-
-  exons:
-    - from: transform
-    - filter:
-        field: type
-        match: exon
-    - regexReplace:
-        field: Parent
-        regex: "^transcript:"
-        replace: ""
-        dst: transcript_id
-    - project:
-        mapping:
-          exon_id: "{{row.exon_id}}"
-          transcript_id: ["{{row.transcript_id}}"]
-    - reduce:
-        field: exon_id
-        method: merge
-        python: |
-          def merge(x, y):
-            x['transcript_id'] = x['transcript_id'] + y['transcript_id']
-            return x
-    - objectValidate:
-        title: exon
-        schema: "{{params.schema}}"
-    - emit:
-        name: exon
-
-  genes:
-    - from: transform
-    - filter:
-        field: type
-        match: gene
-    - project:
-        mapping:
-          gene_id: "{{row.gene_id}}"
-    - objectValidate:
-        title: gene
-        schema: "{{params.schema}}"
-    - emit:
-        name: gene
-
-  transcripts:
-    - from: transform
-    - filter:
-        field: type
-        match: mRNA
-    - regexReplace:
-        field: Parent
-        regex: "^gene:"
-        replace: ""
-        dst: gene_id
-    - project:
-        mapping:
-          transcript_id: "{{row.transcript_id}}"
-    - objectValidate:
-        title: transcript
-        schema: "{{params.schema}}"
-    - emit:
-        name: transcript
diff --git a/examples/hugo-ensembl.yaml b/examples/hugo-ensembl.yaml
deleted file mode 100644
index 295f68d..0000000
--- a/examples/hugo-ensembl.yaml
+++ /dev/null
@@ -1,25 +0,0 @@
-
-class: sifter
-name: hugo-ensembl
-
-params:
-  hugoJSON: ftp://ftp.ebi.ac.uk/pub/databases/genenames/hgnc/json/locus_types/gene_with_protein_product.json
-
-inputs:
-  hugoReader:
-    jsonLoad:
-      input: "{{params.hugoJSON}}"
-
-pipelines:
-  transform:
-    - from: hugoReader
-    - fieldProcess:
-        field: response.docs
-    - filter:
-        field: ensembl_gene_id
-        check: exists
-    - tableWrite:
-        output: hugo-ensembl.table
-        columns:
-          - symbol
-          - ensembl_gene_id
diff --git a/sifter-view/components/PlaybookFlow.tsx b/sifter-view/components/PlaybookFlow.tsx
index f419dc6..da0f613 100644
--- a/sifter-view/components/PlaybookFlow.tsx
+++ b/sifter-view/components/PlaybookFlow.tsx
@@ -24,8 +24,9 @@ import type { Node, Edge } from '@xyflow/react';
 // Types for the Sifter playbook JSON (imported as a static module)
 // -------------------------------------------------------------------
 interface Playbook {
-  class: string;
+  class?: string;
   name?: string;
+  outdir: string;
   inputs: Record<string, any>;
   outputs?: Record<string, any>;
   pipelines: Record<string, PipelineStep[]>;
@@ -37,84 +38,51 @@ type PipelineStep = Record<string, any>; // each step is a single‑key object
 
 
 var playbook : Playbook = {
-  "class": "sifter",
   "inputs": {
-    "cases_data": {
-      "jsonLoad": {
-        "input": "out.case.json"
+    "caseData": {
+      "json": {
+        "path": "{{params.cases}}"
       }
-    },
-    "cases_scrape": {
-      "plugin": {
-        "commandLine": "docker run --rm bmeg/sifter-gdc-scan /opt/gdc-scan.py cases"
-      }
-    },
-    "projects_data": {
-      "jsonLoad": {
-        "input": "out.projects.json"
+    }
+  },
+  "name": "gdc",
+  "outdir": "output/",
+  "outputs": {
+    "caseFile": {
+      "json": {
+        "from": "caseObject",
+        "path": "gdc.caseObject.case.json.gz"
       }
     },
-    "projects_scrape": {
-      "plugin": {
-        "commandLine": "docker run --rm bmeg/sifter-gdc-scan /opt/gdc-scan.py projects"
+    "caseGraph": {
+      "graph": {
+        "EdgeFix": {
+          "gpython": {
+            "$ref": "test.py"
+          },
+          "method": "test"
+        },
+        "from": "caseObject",
+        "path": "gdc.caseGraph",
+        "schema": "{{params.schema}}",
+        "title": "Case"
       }
     }
   },
-  "name": "GDCConvert",
   "params": {
+    "cases": {
+      "default": "../../resources/gdc-case.json.gz",
+      "type": "file"
+    },
     "schema": {
-      "default": "bmeg-dictionary/gdcdictionary/schemas",
+      "default": "../../resources/schemas",
       "type": "path"
     }
   },
   "pipelines": {
-    "aliquots": [
-      {
-        "from": "cases_data"
-      },
-      {
-        "fieldProcess": {
-          "field": "samples"
-        }
-      },
-      {
-        "fieldProcess": {
-          "field": "portions"
-        }
-      },
-      {
-        "fieldProcess": {
-          "field": "analytes"
-        }
-      },
-      {
-        "fieldProcess": {
-          "field": "aliquots"
-        }
-      },
-      {
-        "project": {
-          "mapping": {
-            "id": "{{row.aliquot_id}}",
-            "type": "aliquot"
-          }
-        }
-      },
-      {
-        "objectValidate": {
-          "schema": "{{params.schema}}",
-          "title": "aliquot"
-        }
-      },
-      {
-        "emit": {
-          "name": "aliquot"
-        }
-      }
-    ],
-    "cases": [
+    "caseObject": [
       {
-        "from": "cases_data"
+        "from": "caseData"
       },
       {
         "project": {
@@ -128,92 +96,7 @@ var playbook : Playbook = {
       {
         "objectValidate": {
           "schema": "{{params.schema}}",
-          "title": "case"
-        }
-      },
-      {
-        "emit": {
-          "name": "case"
-        }
-      }
-    ],
-    "experiments": [
-      {
-        "from": "projects_data"
-      },
-      {
-        "project": {
-          "mapping": {
-            "code": "{{row.project_id}}",
-            "programs": "{{row.program.name}}",
-            "projects": "{{row.project_id}}",
-            "submitter_id": "{{row.program.name}}",
-            "type": "experiment"
-          }
-        }
-      },
-      {
-        "objectValidate": {
-          "schema": "{{params.schema}}",
-          "title": "experiment"
-        }
-      },
-      {
-        "emit": {
-          "name": "experiment"
-        }
-      }
-    ],
-    "projects": [
-      {
-        "from": "projects_data"
-      },
-      {
-        "project": {
-          "mapping": {
-            "code": "{{row.project_id}}",
-            "programs": "{{row.program.name}}"
-          }
-        }
-      },
-      {
-        "objectValidate": {
-          "schema": "{{params.schema}}",
-          "title": "project"
-        }
-      },
-      {
-        "emit": {
-          "name": "project"
-        }
-      }
-    ],
-    "samples": [
-      {
-        "from": "cases_data"
-      },
-      {
-        "fieldProcess": {
-          "field": "samples"
-        }
-      },
-      {
-        "project": {
-          "mapping": {
-            "id": "{{row.sample_id}}",
-            "type": "sample"
-          }
-        }
-      },
-      {
-        "objectValidate": {
-          "schema": "{{params.schema}}",
-          "title": "sample"
-        }
-      },
-      {
-        "emit": {
-          "name": "sample"
+          "title": "Case"
         }
       }
     ]
diff --git a/test/resources/xml_load.yaml b/test/resources/xml_load.yaml
index e162d2c..9683d67 100644
--- a/test/resources/xml_load.yaml
+++ b/test/resources/xml_load.yaml
@@ -6,9 +6,8 @@ inputs:
     type: File
     default: test.xml
 
-steps:
-  - xmlLoad:
-      input: "{{inputs.xml}}"
-      transform:
-        - emit:
-            name: output
\ No newline at end of file
+outputs:
+  jsonXml:
+    json:
+      from: xml
+

From 7646081d3c41f86eec6efc7bffacb3f6b8a0425c Mon Sep 17 00:00:00 2001
From: Kyle Ellrott <kellrott@gmail.com>
Date: Thu, 19 Feb 2026 13:05:56 -0800
Subject: [PATCH 05/14] Working on display of pipelines

---
 sifter-view/app/globals.css               |   12 +
 sifter-view/components/PlaybookFlow.tsx   |  326 +++---
 sifter-view/components/PlaybookViewer.tsx |   19 +-
 sifter-view/lib/playbookApi.ts            |  279 +++++
 sifter-view/package-lock.json             | 1224 +++++++++++++++++++--
 5 files changed, 1638 insertions(+), 222 deletions(-)
 create mode 100644 sifter-view/lib/playbookApi.ts

diff --git a/sifter-view/app/globals.css b/sifter-view/app/globals.css
index a2dc41e..2e8d4fd 100644
--- a/sifter-view/app/globals.css
+++ b/sifter-view/app/globals.css
@@ -24,3 +24,15 @@ body {
   color: var(--foreground);
   font-family: Arial, Helvetica, sans-serif;
 }
+
+.react-flow {
+  --xy-node-color: #000;
+  --xy-node-color-default: #000;
+}
+
+.react-flow__node-input,
+.react-flow__node-default,
+.react-flow__node-output,
+.react-flow__node-group {
+  color: #000;
+}
diff --git a/sifter-view/components/PlaybookFlow.tsx b/sifter-view/components/PlaybookFlow.tsx
index da0f613..d9e0902 100644
--- a/sifter-view/components/PlaybookFlow.tsx
+++ b/sifter-view/components/PlaybookFlow.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import React, { useCallback, useEffect } from 'react';
+import React, { memo, useCallback, useEffect, useMemo, useState } from 'react';
 
 import {
   ReactFlow, 
@@ -9,6 +9,7 @@ import {
   addEdge, 
   Background, 
   Controls,
+  NodeProps,
   OnConnect,
   Connection
 } from "@xyflow/react";
@@ -18,162 +19,195 @@ import "@xyflow/react/dist/style.css";
 
 import dagre from 'dagre';
 import type { Node, Edge } from '@xyflow/react';
+import { getPlaybook, type Playbook } from '@/lib/playbookApi';
 
 
-// -------------------------------------------------------------------
-// Types for the Sifter playbook JSON (imported as a static module)
-// -------------------------------------------------------------------
-interface Playbook {
-  class?: string;
-  name?: string;
-  outdir: string;
-  inputs: Record<string, any>;
-  outputs?: Record<string, any>;
-  pipelines: Record<string, PipelineStep[]>;
-  params?: any;
-}
-
-type PipelineStep = Record<string, any>; // each step is a single‑key object
+type PipelineNodeData = {
+  label: string;
+  steps: string[];
+};
 
+const BASE_NODE_WIDTH = 170;
+const BASE_NODE_HEIGHT = 44;
+const PIPELINE_NODE_WIDTH = 260;
+const PIPELINE_CELL_HEIGHT = 34;
+const PIPELINE_HEADER_HEIGHT = 36;
 
+const PipelineStackNode = memo(function PipelineStackNode({ data }: NodeProps<Node>) {
+  const typedData = data as PipelineNodeData;
+  const steps = typedData?.steps ?? [];
 
-var playbook : Playbook = {
-  "inputs": {
-    "caseData": {
-      "json": {
-        "path": "{{params.cases}}"
-      }
-    }
-  },
-  "name": "gdc",
-  "outdir": "output/",
-  "outputs": {
-    "caseFile": {
-      "json": {
-        "from": "caseObject",
-        "path": "gdc.caseObject.case.json.gz"
-      }
-    },
-    "caseGraph": {
-      "graph": {
-        "EdgeFix": {
-          "gpython": {
-            "$ref": "test.py"
-          },
-          "method": "test"
-        },
-        "from": "caseObject",
-        "path": "gdc.caseGraph",
-        "schema": "{{params.schema}}",
-        "title": "Case"
-      }
-    }
-  },
-  "params": {
-    "cases": {
-      "default": "../../resources/gdc-case.json.gz",
-      "type": "file"
-    },
-    "schema": {
-      "default": "../../resources/schemas",
-      "type": "path"
-    }
-  },
-  "pipelines": {
-    "caseObject": [
-      {
-        "from": "caseData"
-      },
-      {
-        "project": {
-          "mapping": {
-            "experiments": "exp:{{row.project.project_id}}",
-            "studies": "{{row.project.project_id}}",
-            "type": "case"
-          }
-        }
-      },
-      {
-        "objectValidate": {
-          "schema": "{{params.schema}}",
-          "title": "Case"
-        }
-      }
-    ]
-  }
-}
-
+  return (
+    <div
+      style={{
+        width: PIPELINE_NODE_WIDTH,
+        border: '1px solid #ccc',
+        borderRadius: 8,
+        background: '#fff',
+        color: '#000',
+        overflow: 'hidden',
+      }}
+    >
+      <div
+        style={{
+          height: PIPELINE_HEADER_HEIGHT,
+          display: 'flex',
+          alignItems: 'center',
+          padding: '0 10px',
+          borderBottom: '1px solid #ddd',
+          fontWeight: 600,
+          color: '#000',
+        }}
+      >
+        {typedData.label}
+      </div>
+      {steps.map((step: string, index: number) => (
+        <div
+          key={`${typedData.label}-${index}`}
+          style={{
+            height: PIPELINE_CELL_HEIGHT,
+            display: 'flex',
+            alignItems: 'center',
+            padding: '0 10px',
+            borderBottom: index < steps.length - 1 ? '1px solid #eee' : 'none',
+            fontSize: 12,
+            color: '#000',
+          }}
+        >
+          {index + 1}. {step}
+        </div>
+      ))}
+    </div>
+  );
+});
 
 // -------------------------------------------------------------------
 // Build a React‑Flow graph from a Playbook, using Dagre for layout
 // -------------------------------------------------------------------
 
-const NODE_WIDTH = 150;
-const NODE_HEIGHT = 40;
+function getOutputSourcePipeline(outputDefinition: Record<string, any>): string | undefined {
+  for (const value of Object.values(outputDefinition)) {
+    if (value && typeof value === 'object' && typeof value.from === 'string') {
+      return value.from;
+    }
+  }
+  return undefined;
+}
 
 function buildGraph(pb: Playbook): { nodes: Node[]; edges: Edge[] } {
   // Create a directed Dagre graph
   const g = new dagre.graphlib.Graph({ directed: true });
-  //g.setGraph({ rankdir: 'LR', nodesep: 80, ranksep: 120 });
-  g.setGraph({});
+  g.setGraph({ rankdir: 'LR', nodesep: 60, ranksep: 100 });
   
   g.setDefaultEdgeLabel(function() { return {}; });
 
   // ---- INPUT NODES ---------------------------------------------------
   Object.keys(pb.inputs).forEach((name) => {
     const id = `input-${name}`;
-    g.setNode(id, { label: name, width: NODE_WIDTH, height: NODE_HEIGHT });
+    g.setNode(id, {
+      label: name,
+      width: BASE_NODE_WIDTH,
+      height: BASE_NODE_HEIGHT,
+      nodeType: 'default',
+      nodeData: { label: `INPUT · ${name}` },
+    });
   });
 
   // ---- OUTPUT NODES ---------------------------------------------------
   if (pb.outputs) {
     Object.keys(pb.outputs).forEach((name) => {
       const id = `output-${name}`;
-      g.setNode(id, { label: name, width: NODE_WIDTH, height: NODE_HEIGHT });
+      g.setNode(id, {
+        label: name,
+        width: BASE_NODE_WIDTH,
+        height: BASE_NODE_HEIGHT,
+        nodeType: 'default',
+        nodeData: { label: `OUTPUT · ${name}` },
+      });
     });
   }
 
-  // ---- PIPELINE STEP NODES & EDGES -----------------------------------
+  // ---- PIPELINE NODES --------------------------------------------------
   Object.entries(pb.pipelines).forEach(([pipelineName, steps]) => {
-    steps.forEach((stepObj, idx) => {
-      const stepKey = Object.keys(stepObj)[0]; // e.g. "from", "fieldProcess", "emit", …
-      const nodeId = `${pipelineName}-${idx}`;
-      g.setNode(nodeId, { label: stepKey, width: NODE_WIDTH, height: NODE_HEIGHT });
-
-      // Edge from previous step (if any)
-      if (idx > 0) {
-        const prevId = `${pipelineName}-${idx - 1}`;
-        g.setEdge(prevId, nodeId);
-      } else {
-        // First step – connect to the input referenced by the "from" field
-        const fromName = (stepObj as any).from;
-        if (fromName) {
-          g.setEdge(`input-${fromName}`, nodeId);
-        }
+    const stepLabels = steps.map((stepObj) => Object.keys(stepObj)[0]);
+    const nodeHeight = PIPELINE_HEADER_HEIGHT + Math.max(1, stepLabels.length) * PIPELINE_CELL_HEIGHT;
+
+    g.setNode(pipelineName, {
+      label: pipelineName,
+      width: PIPELINE_NODE_WIDTH,
+      height: nodeHeight,
+      nodeType: 'pipeline',
+      nodeData: { label: pipelineName, steps: stepLabels },
+    });
+
+    const firstStep = steps[0] as any;
+    const fromName = firstStep?.from;
+    if (fromName) {
+      if (pb.inputs?.[fromName]) {
+        g.setEdge(`input-${fromName}`, pipelineName);
+      } else if (pb.pipelines?.[fromName]) {
+        g.setEdge(fromName, pipelineName);
       }
+    }
 
-      // If this step is an emit and an explicit output exists, connect to it
-      if (stepKey === 'emit' && pb.outputs) {
-        const emitName = (stepObj as any).emit?.name;
-        if (emitName && pb.outputs[emitName]) {
-          g.setEdge(nodeId, `output-${emitName}`);
+    if (pb.outputs) {
+      steps.forEach((stepObj) => {
+        const stepKey = Object.keys(stepObj)[0];
+        if (stepKey === 'emit') {
+          const emitName = (stepObj as any).emit?.name;
+          if (emitName && pb.outputs?.[emitName]) {
+            g.setEdge(pipelineName, `output-${emitName}`);
+          }
         }
+      });
+    }
+  });
+
+  if (pb.outputs) {
+    Object.entries(pb.outputs).forEach(([outputName, outputDefinition]) => {
+      const sourcePipeline = getOutputSourcePipeline(outputDefinition);
+      if (sourcePipeline && pb.pipelines?.[sourcePipeline]) {
+        g.setEdge(sourcePipeline, `output-${outputName}`);
       }
     });
-  });
+  }
 
   // Run the layout algorithm
   dagre.layout(g);
 
   // Convert Dagre nodes/edges to React‑Flow structures
   const nodes: Node[] = g.nodes().map((id) => {
-    const { x, y, label } = g.node(id);
+    const nodeDefinition = g.node(id) as {
+      x: number;
+      y: number;
+      width: number;
+      height: number;
+      label?: string;
+      nodeType?: string;
+      nodeData?: Record<string, any>;
+    };
+
+    const { x, y, label, width, height, nodeType, nodeData } = nodeDefinition;
+    const isInputNode = id.startsWith('input-');
+    const isOutputNode = id.startsWith('output-');
+
     return {
       id,
-      position: { x, y },
-      data: { label },
-      // Optional: give each node a consistent size for the UI
-      style: { width: NODE_WIDTH, height: NODE_HEIGHT },
+      position: { x: x - width / 2, y: y - height / 2 },
+      data: nodeData ?? { label },
+      type: nodeType ?? 'default',
+      style: nodeType === 'pipeline'
+        ? undefined
+        : {
+            width: BASE_NODE_WIDTH,
+            height: BASE_NODE_HEIGHT,
+            color: '#000',
+            fontWeight: 600,
+            borderWidth: 2,
+            borderStyle: 'solid',
+            borderColor: isInputNode ? '#3b82f6' : isOutputNode ? '#16a34a' : '#999',
+            backgroundColor: isInputNode ? '#eff6ff' : isOutputNode ? '#f0fdf4' : '#fff',
+          },
     } as Node;
   });
 
@@ -193,26 +227,72 @@ function buildGraph(pb: Playbook): { nodes: Node[]; edges: Edge[] } {
 
 
 export default function PlaybookFlow() {
+  const [nodes, setNodes, onNodesChange] = useNodesState<Node>([]);
+  const [edges, setEdges, onEdgesChange] = useEdgesState<Edge>([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [loadError, setLoadError] = useState<string | null>(null);
+  const nodeTypes = useMemo(() => ({ pipeline: PipelineStackNode }), []);
 
-  
-  var initialGraph = buildGraph(playbook);
+  useEffect(() => {
+    let isMounted = true;
+
+    const loadPlaybook = async () => {
+      try {
+        setLoadError(null);
+        setIsLoading(true);
+        const playbook = await getPlaybook();
+        const graph = buildGraph(playbook);
+        if (!isMounted) {
+          return;
+        }
+        setNodes(graph.nodes);
+        setEdges(graph.edges);
+      } catch (error) {
+        if (!isMounted) {
+          return;
+        }
+        setLoadError(error instanceof Error ? error.message : 'Failed to load playbook');
+      } finally {
+        if (isMounted) {
+          setIsLoading(false);
+        }
+      }
+    };
 
-  var initialEdges: Edge[] = initialGraph.edges;
-  var initialNodes: Node[] = initialGraph.nodes;
+    void loadPlaybook();
 
-  const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);
-  const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);
+    return () => {
+      isMounted = false;
+    };
+  }, [setEdges, setNodes]);
 
-    const onConnect: OnConnect = useCallback(
-        (connection: Connection) => setEdges((edges) => addEdge(connection, edges)),
-        [setEdges]
+  const onConnect: OnConnect = useCallback(
+    (connection: Connection) => setEdges((currentEdges) => addEdge(connection, currentEdges)),
+    [setEdges]
+  );
+
+  if (loadError) {
+    return (
+      <div style={{ width: '100vw', height: '500px', border: '1px solid #ccc', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
+        Failed to load playbook: {loadError}
+      </div>
+    );
+  }
+
+  if (isLoading) {
+    return (
+      <div style={{ width: '100vw', height: '500px', border: '1px solid #ccc', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
+        Loading playbook...
+      </div>
     );
+  }
 
   return (
     <div style={{ width: '100vw', height: '500px', border: '1px solid #ccc' }}>
       <ReactFlow
         nodes={nodes}
         edges={edges}
+        nodeTypes={nodeTypes}
         onNodesChange={onNodesChange}
         onEdgesChange={onEdgesChange}
         onConnect={onConnect}
diff --git a/sifter-view/components/PlaybookViewer.tsx b/sifter-view/components/PlaybookViewer.tsx
index f6eafd4..0cd663e 100644
--- a/sifter-view/components/PlaybookViewer.tsx
+++ b/sifter-view/components/PlaybookViewer.tsx
@@ -1,6 +1,9 @@
+"use client";
+
 import React, { useEffect, useState } from "react";
 import hljs from "highlight.js";
 import "highlight.js/styles/github-dark.css";
+import { getPlaybook, getPlaybooks } from "@/lib/playbookApi";
 
 // Types for API responses
 type PlaybookList = string[];
@@ -14,11 +17,7 @@ export default function PlaybookViewer(_: PlaybookViewerProps) {
 
   // Load list of playbooks on mount
   useEffect(() => {
-    fetch("/api/playbooks")
-      .then((res) => {
-        if (!res.ok) throw new Error("Failed to fetch playbook list");
-        return res.json();
-      })
+    getPlaybooks()
       .then((data: PlaybookList) => setPlaybooks(data))
       .catch((err) => console.error(err));
   }, []);
@@ -26,12 +25,8 @@ export default function PlaybookViewer(_: PlaybookViewerProps) {
   // Load selected playbook content
   const loadPlaybook = (name: string) => {
     setSelected(name);
-    fetch(`/api/playbook?name=${encodeURIComponent(name)}`)
-      .then((res) => {
-        if (!res.ok) throw new Error("Playbook not found");
-        return res.text();
-      })
-      .then((txt) => setContent(txt))
+    getPlaybook(name)
+      .then((playbook) => setContent(JSON.stringify(playbook, null, 2)))
       .catch((err) => console.error(err));
   };
 
@@ -69,7 +64,7 @@ export default function PlaybookViewer(_: PlaybookViewerProps) {
       {/* Content */}
       <main className="flex-1 bg-white/4 p-5 overflow-y-auto">
         <pre className="h-full overflow-auto m-0">
-          <code id="playbook-content" className="language-yaml">
+          <code id="playbook-content" className="language-json">
             {content || "Select a playbook to view its content"}
           </code>
         </pre>
diff --git a/sifter-view/lib/playbookApi.ts b/sifter-view/lib/playbookApi.ts
new file mode 100644
index 0000000..84be7bc
--- /dev/null
+++ b/sifter-view/lib/playbookApi.ts
@@ -0,0 +1,279 @@
+type PipelineStep = Record<string, any>;
+
+export interface Playbook {
+  class?: string;
+  name?: string;
+  outdir?: string;
+  inputs: Record<string, any>;
+  outputs?: Record<string, any>;
+  pipelines: Record<string, PipelineStep[]>;
+  params?: any;
+}
+
+const STUB_PLAYBOOK: Playbook = {
+  class: 'sifter',
+  inputs: {
+    caseData: {
+      jsonLoad: {
+        input: '{{params.cases}}',
+      },
+    },
+  },
+  name: 'gdc',
+  outputs: {
+    aliquot: {
+      json: {
+        from: 'aliquotObject',
+        path: 'aliquot.json',
+      },
+    },
+    case: {
+      json: {
+        from: 'caseObject',
+        path: 'case.json',
+      },
+    },
+    project: {
+      json: {
+        from: 'projectObject',
+        path: 'project.json',
+      },
+    },
+    sample: {
+      json: {
+        from: 'sampleObject',
+        path: 'sample.json',
+      },
+    },
+    table: {
+      csv: {
+        from: 'aliquotAlias',
+        path: 'aliquot.table.csv',
+      },
+    },
+  },
+  params: {
+    cases: {
+      default: 'cases.json',
+      type: 'path',
+    },
+    schema: {
+      default: 'schema',
+      type: 'path',
+    },
+  },
+  pipelines: {
+    aliquotAlias: [
+      {
+        from: 'aliquotData',
+      },
+      {
+        clean: {
+          fields: ['aliquot_id', 'submitter_id', 'project_id'],
+        },
+      },
+    ],
+    aliquotData: [
+      {
+        from: 'sampleData',
+      },
+      {
+        fieldProcess: {
+          field: 'portions',
+          mapping: {
+            project_id: '{{row.project_id}}',
+            sample: '{{row.sample_id}}',
+          },
+        },
+      },
+      {
+        fieldProcess: {
+          field: 'analytes',
+          mapping: {
+            project_id: '{{row.project_id}}',
+            sample: '{{row.sample}}',
+          },
+        },
+      },
+      {
+        fieldProcess: {
+          field: 'aliquots',
+          mapping: {
+            project_id: '{{row.project_id}}',
+            sample: '{{row.sample}}',
+          },
+        },
+      },
+      {
+        project: {
+          mapping: {
+            id: '{{row.aliquot_id}}',
+            type: 'aliquot',
+          },
+        },
+      },
+    ],
+    aliquotObject: [
+      {
+        from: 'aliquotData',
+      },
+      {
+        project: {
+          mapping: {
+            sample: [{ id: '{{row.sample}}' }],
+          },
+        },
+      },
+      {
+        objectValidate: {
+          schema: '{{params.schema}}',
+          title: 'Aliquot',
+        },
+      },
+    ],
+    caseObject: [
+      {
+        from: 'caseData',
+      },
+      {
+        project: {
+          mapping: {
+            experiments: 'exp:{{row.project.project_id}}',
+            project_id: '{{row.project.project_id}}',
+            projects: [{ id: 'project/{{row.project.project_id}}' }],
+            studies: '{{row.project.project_id}}',
+            type: 'case',
+          },
+        },
+      },
+      {
+        map: {
+          gpython:
+            '\ndef fix(x):\n  samples = []\n  for s in x.get(\'samples\', []):\n    samples.append({"id":s["sample_id"]})\n  x[\'samples\'] = samples\n  return x\n',
+          method: 'fix',
+        },
+      },
+      {
+        objectValidate: {
+          schema: '{{params.schema}}',
+          title: 'Case',
+        },
+      },
+    ],
+    projectObject: [
+      {
+        from: 'caseObject',
+      },
+      {
+        distinct: {
+          value: '{{row.project_id}}',
+        },
+      },
+      {
+        project: {
+          mapping: {
+            id: '{{row.project_id}}',
+            submitter_id: '{{row.project_id}}',
+            type: 'project',
+          },
+        },
+      },
+      {
+        clean: {
+          fields: ['id', 'project_id', 'submitter_id', 'type'],
+        },
+      },
+      {
+        objectValidate: {
+          schema: '{{params.schema}}',
+          title: 'Project',
+        },
+      },
+    ],
+    sampleData: [
+      {
+        from: 'caseData',
+      },
+      {
+        fieldProcess: {
+          field: 'samples',
+          mapping: {
+            case: '{{row.id}}',
+            project_id: '{{row.project.project_id}}',
+          },
+        },
+      },
+    ],
+    sampleObject: [
+      {
+        from: 'sampleData',
+      },
+      {
+        project: {
+          mapping: {
+            id: '{{row.sample_id}}',
+            type: 'sample',
+          },
+        },
+      },
+      {
+        project: {
+          mapping: {
+            case: [{ id: '{{row.case}}' }],
+          },
+        },
+      },
+      {
+        objectValidate: {
+          schema: '{{params.schema}}',
+          title: 'Sample',
+        },
+      },
+    ],
+  },
+};
+
+const STUB_PLAYBOOKS: Record<string, Playbook> = {
+  gdc: STUB_PLAYBOOK,
+  demo: {
+    ...STUB_PLAYBOOK,
+    name: 'demo',
+  },
+};
+
+const DEFAULT_PLAYBOOK_NAME = 'gdc';
+const DEFAULT_STUB_LATENCY_MS = 250;
+
+function getStubLatencyMs(): number {
+  // Configure stub delay with NEXT_PUBLIC_PLAYBOOK_STUB_LATENCY_MS (defaults to 250ms).
+  const rawValue = process.env.NEXT_PUBLIC_PLAYBOOK_STUB_LATENCY_MS;
+  if (!rawValue) {
+    return DEFAULT_STUB_LATENCY_MS;
+  }
+
+  const parsedValue = Number(rawValue);
+  if (!Number.isFinite(parsedValue) || parsedValue < 0) {
+    return DEFAULT_STUB_LATENCY_MS;
+  }
+
+  return parsedValue;
+}
+
+async function sleep(ms: number): Promise<void> {
+  await new Promise((resolve) => setTimeout(resolve, ms));
+}
+
+export async function getPlaybooks(): Promise<string[]> {
+  await sleep(getStubLatencyMs());
+  return Object.keys(STUB_PLAYBOOKS);
+}
+
+export async function getPlaybook(name: string = DEFAULT_PLAYBOOK_NAME): Promise<Playbook> {
+  await sleep(getStubLatencyMs());
+  const playbook = STUB_PLAYBOOKS[name];
+  if (!playbook) {
+    throw new Error(`Playbook not found: ${name}`);
+  }
+
+  return structuredClone(playbook);
+}
diff --git a/sifter-view/package-lock.json b/sifter-view/package-lock.json
index fc437f4..6926b3c 100644
--- a/sifter-view/package-lock.json
+++ b/sifter-view/package-lock.json
@@ -263,6 +263,39 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@emnapi/core": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.8.1.tgz",
+      "integrity": "sha512-AvT9QFpxK0Zd8J0jopedNm+w/2fIzvtPKPjqyw9jwvBaReTTqPBk9Hixaz7KbjimP+QNz605/XnjFcDAL2pqBg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/wasi-threads": "1.1.0",
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.8.1.tgz",
+      "integrity": "sha512-mehfKSMWjjNol8659Z8KxEMrdSJDDot5SXMq00dM8BN4o+CLNXQ0xH2V7EchNHV4RmbZLmmPdEaXZc5H2FXmDg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/wasi-threads": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.1.0.tgz",
+      "integrity": "sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
     "node_modules/@eslint-community/eslint-utils": {
       "version": "4.9.1",
       "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.1.tgz",
@@ -454,6 +487,162 @@
         "node": ">=18"
       }
     },
+    "node_modules/@img/sharp-darwin-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.34.5.tgz",
+      "integrity": "sha512-imtQ3WMJXbMY4fxb/Ndp6HBTNVtWCUI0WdobyheGf5+ad6xX8VIDO8u2xE4qc/fr08CKG/7dDseFtn6M6g/r3w==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-darwin-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.34.5.tgz",
+      "integrity": "sha512-YNEFAF/4KQ/PeW0N+r+aVVsoIY0/qxxikF2SWdp+NRkmMB7y9LBZAVqQ4yhGCm/H3H270OSykqmQMKLBhBJDEw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.2.4.tgz",
+      "integrity": "sha512-zqjjo7RatFfFoP0MkQ51jfuFZBnVE2pRiaydKJ1G/rHZvnsrHAOcQALIi9sA5co5xenQdTugCvtb1cuf78Vf4g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.2.4.tgz",
+      "integrity": "sha512-1IOd5xfVhlGwX+zXv2N93k0yMONvUlANylbJw1eTah8K/Jtpi15KC+WSiaX/nBmbm2HxRM1gZ0nSdjSsrZbGKg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.2.4.tgz",
+      "integrity": "sha512-bFI7xcKFELdiNCVov8e44Ia4u2byA+l3XtsAj+Q8tfCwO6BQ8iDojYdvoPMqsKDkuoOo+X6HZA0s0q11ANMQ8A==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.2.4.tgz",
+      "integrity": "sha512-excjX8DfsIcJ10x1Kzr4RcWe1edC9PquDRRPx3YVCvQv+U5p7Yin2s32ftzikXojb1PIFc/9Mt28/y+iRklkrw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-ppc64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-ppc64/-/sharp-libvips-linux-ppc64-1.2.4.tgz",
+      "integrity": "sha512-FMuvGijLDYG6lW+b/UvyilUWu5Ayu+3r2d1S8notiGCIyYU/76eig1UfMmkZ7vwgOrzKzlQbFSuQfgm7GYUPpA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-riscv64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-riscv64/-/sharp-libvips-linux-riscv64-1.2.4.tgz",
+      "integrity": "sha512-oVDbcR4zUC0ce82teubSm+x6ETixtKZBh/qbREIOcI3cULzDyb18Sr/Wcyx7NRQeQzOiHTNbZFF1UwPS2scyGA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-s390x": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.2.4.tgz",
+      "integrity": "sha512-qmp9VrzgPgMoGZyPvrQHqk02uyjA0/QrTO26Tqk6l4ZV0MPWIW6LTkqOIov+J1yEu7MbFQaDpwdwJKhbJvuRxQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
     "node_modules/@img/sharp-libvips-linux-x64": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.2.4.tgz",
@@ -469,6 +658,22 @@
         "url": "https://opencollective.com/libvips"
       }
     },
+    "node_modules/@img/sharp-libvips-linuxmusl-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.2.4.tgz",
+      "integrity": "sha512-FVQHuwx1IIuNow9QAbYUzJ+En8KcVm9Lk5+uGUQJHaZmMECZmOlix9HnH7n1TRkXMS0pGxIJokIVB9SuqZGGXw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
     "node_modules/@img/sharp-libvips-linuxmusl-x64": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.2.4.tgz",
@@ -484,6 +689,116 @@
         "url": "https://opencollective.com/libvips"
       }
     },
+    "node_modules/@img/sharp-linux-arm": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.34.5.tgz",
+      "integrity": "sha512-9dLqsvwtg1uuXBGZKsxem9595+ujv0sJ6Vi8wcTANSFpwV/GONat5eCkzQo/1O6zRIkh0m/8+5BjrRr7jDUSZw==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.34.5.tgz",
+      "integrity": "sha512-bKQzaJRY/bkPOXyKx5EVup7qkaojECG6NLYswgktOZjaXecSAeCWiZwwiFf3/Y+O1HrauiE3FVsGxFg8c24rZg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-ppc64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-ppc64/-/sharp-linux-ppc64-0.34.5.tgz",
+      "integrity": "sha512-7zznwNaqW6YtsfrGGDA6BRkISKAAE1Jo0QdpNYXNMHu2+0dTrPflTLNkpc8l7MUP5M16ZJcUvysVWWrMefZquA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-ppc64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-riscv64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-riscv64/-/sharp-linux-riscv64-0.34.5.tgz",
+      "integrity": "sha512-51gJuLPTKa7piYPaVs8GmByo7/U7/7TZOq+cnXJIHZKavIRHAP77e3N2HEl3dgiqdD/w0yUfiJnII77PuDDFdw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-riscv64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-s390x": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.34.5.tgz",
+      "integrity": "sha512-nQtCk0PdKfho3eC5MrbQoigJ2gd1CgddUMkabUj+rBevs8tZ2cULOx46E7oyX+04WGfABgIwmMC0VqieTiR4jg==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-s390x": "1.2.4"
+      }
+    },
     "node_modules/@img/sharp-linux-x64": {
       "version": "0.34.5",
       "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.34.5.tgz",
@@ -505,6 +820,28 @@
         "@img/sharp-libvips-linux-x64": "1.2.4"
       }
     },
+    "node_modules/@img/sharp-linuxmusl-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.34.5.tgz",
+      "integrity": "sha512-fprJR6GtRsMt6Kyfq44IsChVZeGN97gTD331weR1ex1c1rypDEABN6Tm2xa1wE6lYb5DdEnk03NZPqA7Id21yg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.4"
+      }
+    },
     "node_modules/@img/sharp-linuxmusl-x64": {
       "version": "0.34.5",
       "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.34.5.tgz",
@@ -526,6 +863,82 @@
         "@img/sharp-libvips-linuxmusl-x64": "1.2.4"
       }
     },
+    "node_modules/@img/sharp-wasm32": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.34.5.tgz",
+      "integrity": "sha512-OdWTEiVkY2PHwqkbBI8frFxQQFekHaSSkUIJkwzclWZe64O1X4UlUjqqqLaPbUpMOQk6FBu/HtlGXNblIs0huw==",
+      "cpu": [
+        "wasm32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/runtime": "^1.7.0"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-arm64/-/sharp-win32-arm64-0.34.5.tgz",
+      "integrity": "sha512-WQ3AgWCWYSb2yt+IG8mnC6Jdk9Whs7O0gxphblsLvdhSpSTtmu69ZG1Gkb6NuvxsNACwiPV6cNSZNzt0KPsw7g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-ia32": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.34.5.tgz",
+      "integrity": "sha512-FV9m/7NmeCmSHDD5j4+4pNI8Cp3aW+JvLoXcTUo0IqyjSfAZJ8dIUmijx1qaJsIiU+Hosw6xM5KijAWRJCSgNg==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.34.5.tgz",
+      "integrity": "sha512-+29YMsqY2/9eFEiW93eqWnuLcWcufowXewwSNIT6UwZdUUCrM3oFjMWH/Z6/TMmb4hlFenmfAVbpWeup2jryCw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
     "node_modules/@jridgewell/gen-mapping": {
       "version": "0.3.13",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
@@ -571,6 +984,19 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
+    "node_modules/@napi-rs/wasm-runtime": {
+      "version": "0.2.12",
+      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-0.2.12.tgz",
+      "integrity": "sha512-ZVWUcfwY4E/yPitQJl481FjFo3K22D6qF0DuFH6Y/nbnE11GY5uguDxZMGXPQ8WQ0128MXQD7TnfHyK4oWoIJQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "^1.4.3",
+        "@emnapi/runtime": "^1.4.3",
+        "@tybys/wasm-util": "^0.10.0"
+      }
+    },
     "node_modules/@next/env": {
       "version": "16.1.4",
       "resolved": "https://registry.npmjs.org/@next/env/-/env-16.1.4.tgz",
@@ -746,59 +1172,178 @@
       "integrity": "sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==",
       "dev": true,
       "engines": {
-        "node": ">=12.4.0"
+        "node": ">=12.4.0"
+      }
+    },
+    "node_modules/@rtsao/scc": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
+      "integrity": "sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==",
+      "dev": true
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.15",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
+      "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@tailwindcss/node": {
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.1.18.tgz",
+      "integrity": "sha512-DoR7U1P7iYhw16qJ49fgXUlry1t4CpXeErJHnQ44JgTSKMaZUdf17cfn5mHchfJ4KRBZRFA/Coo+MUF5+gOaCQ==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/remapping": "^2.3.4",
+        "enhanced-resolve": "^5.18.3",
+        "jiti": "^2.6.1",
+        "lightningcss": "1.30.2",
+        "magic-string": "^0.30.21",
+        "source-map-js": "^1.2.1",
+        "tailwindcss": "4.1.18"
+      }
+    },
+    "node_modules/@tailwindcss/oxide": {
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.1.18.tgz",
+      "integrity": "sha512-EgCR5tTS5bUSKQgzeMClT6iCY3ToqE1y+ZB0AKldj809QXk1Y+3jB0upOYZrn9aGIzPtUsP7sX4QQ4XtjBB95A==",
+      "dev": true,
+      "engines": {
+        "node": ">= 10"
+      },
+      "optionalDependencies": {
+        "@tailwindcss/oxide-android-arm64": "4.1.18",
+        "@tailwindcss/oxide-darwin-arm64": "4.1.18",
+        "@tailwindcss/oxide-darwin-x64": "4.1.18",
+        "@tailwindcss/oxide-freebsd-x64": "4.1.18",
+        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.18",
+        "@tailwindcss/oxide-linux-arm64-gnu": "4.1.18",
+        "@tailwindcss/oxide-linux-arm64-musl": "4.1.18",
+        "@tailwindcss/oxide-linux-x64-gnu": "4.1.18",
+        "@tailwindcss/oxide-linux-x64-musl": "4.1.18",
+        "@tailwindcss/oxide-wasm32-wasi": "4.1.18",
+        "@tailwindcss/oxide-win32-arm64-msvc": "4.1.18",
+        "@tailwindcss/oxide-win32-x64-msvc": "4.1.18"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-android-arm64": {
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.1.18.tgz",
+      "integrity": "sha512-dJHz7+Ugr9U/diKJA0W6N/6/cjI+ZTAoxPf9Iz9BFRF2GzEX8IvXxFIi/dZBloVJX/MZGvRuFA9rqwdiIEZQ0Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-arm64": {
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.1.18.tgz",
+      "integrity": "sha512-Gc2q4Qhs660bhjyBSKgq6BYvwDz4G+BuyJ5H1xfhmDR3D8HnHCmT/BSkvSL0vQLy/nkMLY20PQ2OoYMO15Jd0A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-x64": {
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.1.18.tgz",
+      "integrity": "sha512-FL5oxr2xQsFrc3X9o1fjHKBYBMD1QZNyc1Xzw/h5Qu4XnEBi3dZn96HcHm41c/euGV+GRiXFfh2hUCyKi/e+yw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-freebsd-x64": {
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.1.18.tgz",
+      "integrity": "sha512-Fj+RHgu5bDodmV1dM9yAxlfJwkkWvLiRjbhuO2LEtwtlYlBgiAT4x/j5wQr1tC3SANAgD+0YcmWVrj8R9trVMA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 10"
       }
     },
-    "node_modules/@rtsao/scc": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
-      "integrity": "sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==",
-      "dev": true
-    },
-    "node_modules/@swc/helpers": {
-      "version": "0.5.15",
-      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
-      "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
-      "dependencies": {
-        "tslib": "^2.8.0"
+    "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.1.18.tgz",
+      "integrity": "sha512-Fp+Wzk/Ws4dZn+LV2Nqx3IilnhH51YZoRaYHQsVq3RQvEl+71VGKFpkfHrLM/Li+kt5c0DJe/bHXK1eHgDmdiA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
       }
     },
-    "node_modules/@tailwindcss/node": {
+    "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
       "version": "4.1.18",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.1.18.tgz",
-      "integrity": "sha512-DoR7U1P7iYhw16qJ49fgXUlry1t4CpXeErJHnQ44JgTSKMaZUdf17cfn5mHchfJ4KRBZRFA/Coo+MUF5+gOaCQ==",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.1.18.tgz",
+      "integrity": "sha512-S0n3jboLysNbh55Vrt7pk9wgpyTTPD0fdQeh7wQfMqLPM/Hrxi+dVsLsPrycQjGKEQk85Kgbx+6+QnYNiHalnw==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
-      "dependencies": {
-        "@jridgewell/remapping": "^2.3.4",
-        "enhanced-resolve": "^5.18.3",
-        "jiti": "^2.6.1",
-        "lightningcss": "1.30.2",
-        "magic-string": "^0.30.21",
-        "source-map-js": "^1.2.1",
-        "tailwindcss": "4.1.18"
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
       }
     },
-    "node_modules/@tailwindcss/oxide": {
+    "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
       "version": "4.1.18",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.1.18.tgz",
-      "integrity": "sha512-EgCR5tTS5bUSKQgzeMClT6iCY3ToqE1y+ZB0AKldj809QXk1Y+3jB0upOYZrn9aGIzPtUsP7sX4QQ4XtjBB95A==",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.1.18.tgz",
+      "integrity": "sha512-1px92582HkPQlaaCkdRcio71p8bc8i/ap5807tPRDK/uw953cauQBT8c5tVGkOwrHMfc2Yh6UuxaH4vtTjGvHg==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
         "node": ">= 10"
-      },
-      "optionalDependencies": {
-        "@tailwindcss/oxide-android-arm64": "4.1.18",
-        "@tailwindcss/oxide-darwin-arm64": "4.1.18",
-        "@tailwindcss/oxide-darwin-x64": "4.1.18",
-        "@tailwindcss/oxide-freebsd-x64": "4.1.18",
-        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.18",
-        "@tailwindcss/oxide-linux-arm64-gnu": "4.1.18",
-        "@tailwindcss/oxide-linux-arm64-musl": "4.1.18",
-        "@tailwindcss/oxide-linux-x64-gnu": "4.1.18",
-        "@tailwindcss/oxide-linux-x64-musl": "4.1.18",
-        "@tailwindcss/oxide-wasm32-wasi": "4.1.18",
-        "@tailwindcss/oxide-win32-arm64-msvc": "4.1.18",
-        "@tailwindcss/oxide-win32-x64-msvc": "4.1.18"
       }
     },
     "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
@@ -833,6 +1378,70 @@
         "node": ">= 10"
       }
     },
+    "node_modules/@tailwindcss/oxide-wasm32-wasi": {
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.1.18.tgz",
+      "integrity": "sha512-LffYTvPjODiP6PT16oNeUQJzNVyJl1cjIebq/rWWBF+3eDst5JGEFSc5cWxyRCJ0Mxl+KyIkqRxk1XPEs9x8TA==",
+      "bundleDependencies": [
+        "@napi-rs/wasm-runtime",
+        "@emnapi/core",
+        "@emnapi/runtime",
+        "@tybys/wasm-util",
+        "@emnapi/wasi-threads",
+        "tslib"
+      ],
+      "cpu": [
+        "wasm32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "^1.7.1",
+        "@emnapi/runtime": "^1.7.1",
+        "@emnapi/wasi-threads": "^1.1.0",
+        "@napi-rs/wasm-runtime": "^1.1.0",
+        "@tybys/wasm-util": "^0.10.1",
+        "tslib": "^2.4.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.1.18.tgz",
+      "integrity": "sha512-HjSA7mr9HmC8fu6bdsZvZ+dhjyGCLdotjVOgLA2vEqxEBZaQo9YTX4kwgEvPCpRh8o4uWc4J/wEoFzhEmjvPbA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.1.18.tgz",
+      "integrity": "sha512-bJWbyYpUlqamC8dpR7pfjA0I7vdF6t5VpUGMWRkXVE3AXgIZjYUYAK7II1GNaxR8J1SSrSrppRar8G++JekE3Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
     "node_modules/@tailwindcss/postcss": {
       "version": "4.1.18",
       "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.1.18.tgz",
@@ -846,6 +1455,17 @@
         "tailwindcss": "4.1.18"
       }
     },
+    "node_modules/@tybys/wasm-util": {
+      "version": "0.10.1",
+      "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.1.tgz",
+      "integrity": "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
     "node_modules/@types/d3-color": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/@types/d3-color/-/d3-color-3.1.3.tgz",
@@ -1143,57 +1763,239 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
-      "version": "7.7.3",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
-      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/utils": {
+      "version": "8.53.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.53.1.tgz",
+      "integrity": "sha512-c4bMvGVWW4hv6JmDUEG7fSYlWOl3II2I4ylt0NM+seinYQlZMQIaKaXIIVJWt9Ofh6whrpM+EdDQXKXjNovvrg==",
+      "dev": true,
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.9.1",
+        "@typescript-eslint/scope-manager": "8.53.1",
+        "@typescript-eslint/types": "8.53.1",
+        "@typescript-eslint/typescript-estree": "8.53.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "8.53.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.53.1.tgz",
+      "integrity": "sha512-oy+wV7xDKFPRyNggmXuZQSBzvoLnpmJs+GhzRhPjrxl2b/jIlyjVokzm47CZCDUdXKr2zd7ZLodPfOBpOPyPlg==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "8.53.1",
+        "eslint-visitor-keys": "^4.2.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@unrs/resolver-binding-android-arm-eabi": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-android-arm-eabi/-/resolver-binding-android-arm-eabi-1.11.1.tgz",
+      "integrity": "sha512-ppLRUgHVaGRWUx0R0Ut06Mjo9gBaBkg3v/8AxusGLhsIotbBLuRk51rAzqLC8gq6NyyAojEXglNjzf6R948DNw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-android-arm64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-android-arm64/-/resolver-binding-android-arm64-1.11.1.tgz",
+      "integrity": "sha512-lCxkVtb4wp1v+EoN+HjIG9cIIzPkX5OtM03pQYkG+U5O/wL53LC4QbIeazgiKqluGeVEeBlZahHalCaBvU1a2g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-darwin-arm64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-arm64/-/resolver-binding-darwin-arm64-1.11.1.tgz",
+      "integrity": "sha512-gPVA1UjRu1Y/IsB/dQEsp2V1pm44Of6+LWvbLc9SDk1c2KhhDRDBUkQCYVWe6f26uJb3fOK8saWMgtX8IrMk3g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-darwin-x64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-x64/-/resolver-binding-darwin-x64-1.11.1.tgz",
+      "integrity": "sha512-cFzP7rWKd3lZaCsDze07QX1SC24lO8mPty9vdP+YVa3MGdVgPmFc59317b2ioXtgCMKGiCLxJ4HQs62oz6GfRQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-freebsd-x64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-freebsd-x64/-/resolver-binding-freebsd-x64-1.11.1.tgz",
+      "integrity": "sha512-fqtGgak3zX4DCB6PFpsH5+Kmt/8CIi4Bry4rb1ho6Av2QHTREM+47y282Uqiu3ZRF5IQioJQ5qWRV6jduA+iGw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm-gnueabihf": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-gnueabihf/-/resolver-binding-linux-arm-gnueabihf-1.11.1.tgz",
+      "integrity": "sha512-u92mvlcYtp9MRKmP+ZvMmtPN34+/3lMHlyMj7wXJDeXxuM0Vgzz0+PPJNsro1m3IZPYChIkn944wW8TYgGKFHw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm-musleabihf": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-musleabihf/-/resolver-binding-linux-arm-musleabihf-1.11.1.tgz",
+      "integrity": "sha512-cINaoY2z7LVCrfHkIcmvj7osTOtm6VVT16b5oQdS4beibX2SYBwgYLmqhBjA1t51CarSaBuX5YNsWLjsqfW5Cw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-gnu/-/resolver-binding-linux-arm64-gnu-1.11.1.tgz",
+      "integrity": "sha512-34gw7PjDGB9JgePJEmhEqBhWvCiiWCuXsL9hYphDF7crW7UgI05gyBAi6MF58uGcMOiOqSJ2ybEeCvHcq0BCmQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm64-musl": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-musl/-/resolver-binding-linux-arm64-musl-1.11.1.tgz",
+      "integrity": "sha512-RyMIx6Uf53hhOtJDIamSbTskA99sPHS96wxVE/bJtePJJtpdKGXO1wY90oRdXuYOGOTuqjT8ACccMc4K6QmT3w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-ppc64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-ppc64-gnu/-/resolver-binding-linux-ppc64-gnu-1.11.1.tgz",
+      "integrity": "sha512-D8Vae74A4/a+mZH0FbOkFJL9DSK2R6TFPC9M+jCWYia/q2einCubX10pecpDiTmkJVUH+y8K3BZClycD8nCShA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-riscv64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-gnu/-/resolver-binding-linux-riscv64-gnu-1.11.1.tgz",
+      "integrity": "sha512-frxL4OrzOWVVsOc96+V3aqTIQl1O2TjgExV4EKgRY09AJ9leZpEg8Ak9phadbuX0BA4k8U5qtvMSQQGGmaJqcQ==",
+      "cpu": [
+        "riscv64"
+      ],
       "dev": true,
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/@typescript-eslint/utils": {
-      "version": "8.53.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.53.1.tgz",
-      "integrity": "sha512-c4bMvGVWW4hv6JmDUEG7fSYlWOl3II2I4ylt0NM+seinYQlZMQIaKaXIIVJWt9Ofh6whrpM+EdDQXKXjNovvrg==",
+    "node_modules/@unrs/resolver-binding-linux-riscv64-musl": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-musl/-/resolver-binding-linux-riscv64-musl-1.11.1.tgz",
+      "integrity": "sha512-mJ5vuDaIZ+l/acv01sHoXfpnyrNKOk/3aDoEdLO/Xtn9HuZlDD6jKxHlkN8ZhWyLJsRBxfv9GYM2utQ1SChKew==",
+      "cpu": [
+        "riscv64"
+      ],
       "dev": true,
-      "dependencies": {
-        "@eslint-community/eslint-utils": "^4.9.1",
-        "@typescript-eslint/scope-manager": "8.53.1",
-        "@typescript-eslint/types": "8.53.1",
-        "@typescript-eslint/typescript-estree": "8.53.1"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0",
-        "typescript": ">=4.8.4 <6.0.0"
-      }
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.53.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.53.1.tgz",
-      "integrity": "sha512-oy+wV7xDKFPRyNggmXuZQSBzvoLnpmJs+GhzRhPjrxl2b/jIlyjVokzm47CZCDUdXKr2zd7ZLodPfOBpOPyPlg==",
+    "node_modules/@unrs/resolver-binding-linux-s390x-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-s390x-gnu/-/resolver-binding-linux-s390x-gnu-1.11.1.tgz",
+      "integrity": "sha512-kELo8ebBVtb9sA7rMe1Cph4QHreByhaZ2QEADd9NzIQsYNQpt9UkM9iqr2lhGr5afh885d/cB5QeTXSbZHTYPg==",
+      "cpu": [
+        "s390x"
+      ],
       "dev": true,
-      "dependencies": {
-        "@typescript-eslint/types": "8.53.1",
-        "eslint-visitor-keys": "^4.2.1"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
     "node_modules/@unrs/resolver-binding-linux-x64-gnu": {
       "version": "1.11.1",
@@ -1221,6 +2023,65 @@
         "linux"
       ]
     },
+    "node_modules/@unrs/resolver-binding-wasm32-wasi": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-wasm32-wasi/-/resolver-binding-wasm32-wasi-1.11.1.tgz",
+      "integrity": "sha512-5u4RkfxJm+Ng7IWgkzi3qrFOvLvQYnPBmjmZQ8+szTK/b31fQCnleNl1GgEt7nIsZRIf5PLhPwT0WM+q45x/UQ==",
+      "cpu": [
+        "wasm32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@napi-rs/wasm-runtime": "^0.2.11"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@unrs/resolver-binding-win32-arm64-msvc": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-arm64-msvc/-/resolver-binding-win32-arm64-msvc-1.11.1.tgz",
+      "integrity": "sha512-nRcz5Il4ln0kMhfL8S3hLkxI85BXs3o8EYoattsJNdsX4YUU89iOkVn7g0VHSRxFuVMdM4Q1jEpIId1Ihim/Uw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-win32-ia32-msvc": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-ia32-msvc/-/resolver-binding-win32-ia32-msvc-1.11.1.tgz",
+      "integrity": "sha512-DCEI6t5i1NmAZp6pFonpD5m7i6aFrpofcp4LA2i8IIq60Jyo28hamKBxNrZcyOwVOZkgsRp9O2sXWBWP8MnvIQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-win32-x64-msvc": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-x64-msvc/-/resolver-binding-win32-x64-msvc-1.11.1.tgz",
+      "integrity": "sha512-lrW200hZdbfRtztbygyaq/6jP6AKE8qQN2KvPcJ+x7wiD038YtnYtZ82IMNJ69GJibV7bwL3y9FgK+5w/pYt6g==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
     "node_modules/@xyflow/react": {
       "version": "12.10.0",
       "resolved": "https://registry.npmjs.org/@xyflow/react/-/react-12.10.0.tgz",
@@ -3655,6 +4516,153 @@
         "lightningcss-win32-x64-msvc": "1.30.2"
       }
     },
+    "node_modules/lightningcss-android-arm64": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.30.2.tgz",
+      "integrity": "sha512-BH9sEdOCahSgmkVhBLeU7Hc9DWeZ1Eb6wNS6Da8igvUwAe0sqROHddIlvU06q3WyXVEOYDZ6ykBZQnjTbmo4+A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-arm64": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.30.2.tgz",
+      "integrity": "sha512-ylTcDJBN3Hp21TdhRT5zBOIi73P6/W0qwvlFEk22fkdXchtNTOU4Qc37SkzV+EKYxLouZ6M4LG9NfZ1qkhhBWA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-x64": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.30.2.tgz",
+      "integrity": "sha512-oBZgKchomuDYxr7ilwLcyms6BCyLn0z8J0+ZZmfpjwg9fRVZIR5/GMXd7r9RH94iDhld3UmSjBM6nXWM2TfZTQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-freebsd-x64": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.30.2.tgz",
+      "integrity": "sha512-c2bH6xTrf4BDpK8MoGG4Bd6zAMZDAXS569UxCAGcA7IKbHNMlhGQ89eRmvpIUGfKWNVdbhSbkQaWhEoMGmGslA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm-gnueabihf": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.30.2.tgz",
+      "integrity": "sha512-eVdpxh4wYcm0PofJIZVuYuLiqBIakQ9uFZmipf6LF/HRj5Bgm0eb3qL/mr1smyXIS1twwOxNWndd8z0E374hiA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-gnu": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.30.2.tgz",
+      "integrity": "sha512-UK65WJAbwIJbiBFXpxrbTNArtfuznvxAJw4Q2ZGlU8kPeDIWEX1dg3rn2veBVUylA2Ezg89ktszWbaQnxD/e3A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-musl": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.30.2.tgz",
+      "integrity": "sha512-5Vh9dGeblpTxWHpOx8iauV02popZDsCYMPIgiuw97OJ5uaDsL86cnqSFs5LZkG3ghHoX5isLgWzMs+eD1YzrnA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
     "node_modules/lightningcss-linux-x64-gnu": {
       "version": "1.30.2",
       "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.30.2.tgz",
@@ -3695,6 +4703,48 @@
         "url": "https://opencollective.com/parcel"
       }
     },
+    "node_modules/lightningcss-win32-arm64-msvc": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.30.2.tgz",
+      "integrity": "sha512-FZn+vaj7zLv//D/192WFFVA0RgHawIcHqLX9xuWiQt7P0PtdFEVaxgF9rjM/IRYHQXNnk61/H/gb2Ei+kUQ4xQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-x64-msvc": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.30.2.tgz",
+      "integrity": "sha512-5g1yc73p+iAkid5phb4oVFMB45417DkRevRbt/El/gKXJk4jid+vPFF/AXbxn05Aky8PapwzZrdJShv5C0avjw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
     "node_modules/locate-path": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",

From 02021a8379ff003df92fe9596579d7c54e75caf2 Mon Sep 17 00:00:00 2001
From: Kyle Ellrott <kellrott@gmail.com>
Date: Thu, 19 Feb 2026 13:21:58 -0800
Subject: [PATCH 06/14] Working on making the UI represent the playbook
 correctly

---
 sifter-view/components/PlaybookFlow.tsx | 25 ++++++++++++-------------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/sifter-view/components/PlaybookFlow.tsx b/sifter-view/components/PlaybookFlow.tsx
index d9e0902..c843278 100644
--- a/sifter-view/components/PlaybookFlow.tsx
+++ b/sifter-view/components/PlaybookFlow.tsx
@@ -9,6 +9,8 @@ import {
   addEdge, 
   Background, 
   Controls,
+  Handle,
+  Position,
   NodeProps,
   OnConnect,
   Connection
@@ -40,6 +42,7 @@ const PipelineStackNode = memo(function PipelineStackNode({ data }: NodeProps<No
   return (
     <div
       style={{
+        position: 'relative',
         width: PIPELINE_NODE_WIDTH,
         border: '1px solid #ccc',
         borderRadius: 8,
@@ -48,6 +51,8 @@ const PipelineStackNode = memo(function PipelineStackNode({ data }: NodeProps<No
         overflow: 'hidden',
       }}
     >
+      <Handle type="target" position={Position.Left} />
+      <Handle type="source" position={Position.Right} />
       <div
         style={{
           height: PIPELINE_HEADER_HEIGHT,
@@ -149,18 +154,6 @@ function buildGraph(pb: Playbook): { nodes: Node[]; edges: Edge[] } {
         g.setEdge(fromName, pipelineName);
       }
     }
-
-    if (pb.outputs) {
-      steps.forEach((stepObj) => {
-        const stepKey = Object.keys(stepObj)[0];
-        if (stepKey === 'emit') {
-          const emitName = (stepObj as any).emit?.name;
-          if (emitName && pb.outputs?.[emitName]) {
-            g.setEdge(pipelineName, `output-${emitName}`);
-          }
-        }
-      });
-    }
   });
 
   if (pb.outputs) {
@@ -196,6 +189,8 @@ function buildGraph(pb: Playbook): { nodes: Node[]; edges: Edge[] } {
       position: { x: x - width / 2, y: y - height / 2 },
       data: nodeData ?? { label },
       type: nodeType ?? 'default',
+      targetPosition: Position.Left,
+      sourcePosition: Position.Right,
       style: nodeType === 'pipeline'
         ? undefined
         : {
@@ -216,6 +211,10 @@ function buildGraph(pb: Playbook): { nodes: Node[]; edges: Edge[] } {
     source: e.v,
     target: e.w,
     animated: true,
+    style: {
+      stroke: '#64748b',
+      strokeWidth: 2.5,
+    },
   }));
 
   return { nodes, edges };
@@ -288,7 +287,7 @@ export default function PlaybookFlow() {
   }
 
   return (
-    <div style={{ width: '100vw', height: '500px', border: '1px solid #ccc' }}>
+    <div style={{ width: '100vw', height: '90vw', border: '1px solid #ccc' }}>
       <ReactFlow
         nodes={nodes}
         edges={edges}

From 3d756643e631e196df33577a03844af65e5fd31f Mon Sep 17 00:00:00 2001
From: Kyle Ellrott <kellrott@gmail.com>
Date: Thu, 19 Feb 2026 14:04:16 -0800
Subject: [PATCH 07/14] Adding framework for custom rendering of pipeline steps
 in graph view

---
 sifter-view/components/PlaybookFlow.tsx       | 40 +++++------
 .../playbook-steps/cells/BaseStepCell.tsx     | 45 ++++++++++++
 .../cells/FieldProcessStepCell.tsx            | 10 +++
 .../playbook-steps/cells/FromStepCell.tsx     | 13 ++++
 .../playbook-steps/cells/GenericStepCell.tsx  |  7 ++
 .../playbook-steps/cells/MapStepCell.tsx      | 10 +++
 .../cells/ObjectValidateStepCell.tsx          | 10 +++
 .../playbook-steps/cells/ProjectStepCell.tsx  | 10 +++
 .../components/playbook-steps/cells/index.ts  |  6 ++
 .../components/playbook-steps/cells/utils.ts  | 22 ++++++
 .../components/playbook-steps/registry.tsx    | 72 +++++++++++++++++++
 .../components/playbook-steps/types.ts        | 10 +++
 12 files changed, 235 insertions(+), 20 deletions(-)
 create mode 100644 sifter-view/components/playbook-steps/cells/BaseStepCell.tsx
 create mode 100644 sifter-view/components/playbook-steps/cells/FieldProcessStepCell.tsx
 create mode 100644 sifter-view/components/playbook-steps/cells/FromStepCell.tsx
 create mode 100644 sifter-view/components/playbook-steps/cells/GenericStepCell.tsx
 create mode 100644 sifter-view/components/playbook-steps/cells/MapStepCell.tsx
 create mode 100644 sifter-view/components/playbook-steps/cells/ObjectValidateStepCell.tsx
 create mode 100644 sifter-view/components/playbook-steps/cells/ProjectStepCell.tsx
 create mode 100644 sifter-view/components/playbook-steps/cells/index.ts
 create mode 100644 sifter-view/components/playbook-steps/cells/utils.ts
 create mode 100644 sifter-view/components/playbook-steps/registry.tsx
 create mode 100644 sifter-view/components/playbook-steps/types.ts

diff --git a/sifter-view/components/PlaybookFlow.tsx b/sifter-view/components/PlaybookFlow.tsx
index c843278..4747fa2 100644
--- a/sifter-view/components/PlaybookFlow.tsx
+++ b/sifter-view/components/PlaybookFlow.tsx
@@ -22,11 +22,13 @@ import "@xyflow/react/dist/style.css";
 import dagre from 'dagre';
 import type { Node, Edge } from '@xyflow/react';
 import { getPlaybook, type Playbook } from '@/lib/playbookApi';
+import { getStepCellComponent } from './playbook-steps/registry';
+import type { PipelineStep } from './playbook-steps/types';
 
 
 type PipelineNodeData = {
   label: string;
-  steps: string[];
+  steps: PipelineStep[];
 };
 
 const BASE_NODE_WIDTH = 170;
@@ -66,22 +68,17 @@ const PipelineStackNode = memo(function PipelineStackNode({ data }: NodeProps<No
       >
         {typedData.label}
       </div>
-      {steps.map((step: string, index: number) => (
-        <div
-          key={`${typedData.label}-${index}`}
-          style={{
-            height: PIPELINE_CELL_HEIGHT,
-            display: 'flex',
-            alignItems: 'center',
-            padding: '0 10px',
-            borderBottom: index < steps.length - 1 ? '1px solid #eee' : 'none',
-            fontSize: 12,
-            color: '#000',
-          }}
-        >
-          {index + 1}. {step}
-        </div>
-      ))}
+      {steps.map((step: PipelineStep, index: number) => {
+        const CellComponent = getStepCellComponent(step.operation);
+        return (
+          <CellComponent
+            key={`${typedData.label}-${step.operation}-${index}`}
+            step={step}
+            index={index}
+            isLast={index === steps.length - 1}
+          />
+        );
+      })}
     </div>
   );
 });
@@ -134,15 +131,18 @@ function buildGraph(pb: Playbook): { nodes: Node[]; edges: Edge[] } {
 
   // ---- PIPELINE NODES --------------------------------------------------
   Object.entries(pb.pipelines).forEach(([pipelineName, steps]) => {
-    const stepLabels = steps.map((stepObj) => Object.keys(stepObj)[0]);
-    const nodeHeight = PIPELINE_HEADER_HEIGHT + Math.max(1, stepLabels.length) * PIPELINE_CELL_HEIGHT;
+    const stepData: PipelineStep[] = steps.map((stepObj) => {
+      const [operation, config] = Object.entries(stepObj)[0] ?? ['unknown', undefined];
+      return { operation, config };
+    });
+    const nodeHeight = PIPELINE_HEADER_HEIGHT + Math.max(1, stepData.length) * PIPELINE_CELL_HEIGHT;
 
     g.setNode(pipelineName, {
       label: pipelineName,
       width: PIPELINE_NODE_WIDTH,
       height: nodeHeight,
       nodeType: 'pipeline',
-      nodeData: { label: pipelineName, steps: stepLabels },
+      nodeData: { label: pipelineName, steps: stepData },
     });
 
     const firstStep = steps[0] as any;
diff --git a/sifter-view/components/playbook-steps/cells/BaseStepCell.tsx b/sifter-view/components/playbook-steps/cells/BaseStepCell.tsx
new file mode 100644
index 0000000..206908e
--- /dev/null
+++ b/sifter-view/components/playbook-steps/cells/BaseStepCell.tsx
@@ -0,0 +1,45 @@
+import type { StepCellProps } from '../types';
+import { toStepLabel } from './utils';
+
+const PIPELINE_CELL_HEIGHT = 34;
+
+type BaseStepCellProps = StepCellProps & {
+  secondaryText?: string;
+};
+
+export function BaseStepCell({ step, index, isLast, secondaryText }: BaseStepCellProps) {
+  return (
+    <div
+      style={{
+        minHeight: PIPELINE_CELL_HEIGHT,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        padding: '6px 10px',
+        borderBottom: isLast ? 'none' : '1px solid #eee',
+        fontSize: 12,
+        color: '#000',
+        gap: 10,
+      }}
+    >
+      <div style={{ display: 'flex', alignItems: 'center', gap: 6, minWidth: 0 }}>
+        <span style={{ opacity: 0.7 }}>{index + 1}.</span>
+        <span style={{ fontWeight: 500, whiteSpace: 'nowrap' }}>{step.operation}</span>
+      </div>
+      {secondaryText ? (
+        <span
+          style={{
+            color: '#475569',
+            fontSize: 11,
+            whiteSpace: 'nowrap',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            maxWidth: '58%',
+          }}
+        >
+          {secondaryText}
+        </span>
+      ) : null}
+    </div>
+  );
+}
diff --git a/sifter-view/components/playbook-steps/cells/FieldProcessStepCell.tsx b/sifter-view/components/playbook-steps/cells/FieldProcessStepCell.tsx
new file mode 100644
index 0000000..59cffca
--- /dev/null
+++ b/sifter-view/components/playbook-steps/cells/FieldProcessStepCell.tsx
@@ -0,0 +1,10 @@
+import type { StepCellProps } from '../types';
+import { isRecord } from './utils';
+import { BaseStepCell } from './BaseStepCell';
+
+export function FieldProcessStepCell(props: StepCellProps) {
+  const config = props.step.config;
+  const field = isRecord(config) && typeof config.field === 'string' ? config.field : undefined;
+
+  return <BaseStepCell {...props} secondaryText={field ? `field: ${field}` : undefined} />;
+}
diff --git a/sifter-view/components/playbook-steps/cells/FromStepCell.tsx b/sifter-view/components/playbook-steps/cells/FromStepCell.tsx
new file mode 100644
index 0000000..cea69fe
--- /dev/null
+++ b/sifter-view/components/playbook-steps/cells/FromStepCell.tsx
@@ -0,0 +1,13 @@
+import type { StepCellProps } from '../types';
+import { isRecord } from './utils';
+import { BaseStepCell } from './BaseStepCell';
+
+export function FromStepCell(props: StepCellProps) {
+  const source = typeof props.step.config === 'string'
+    ? props.step.config
+    : isRecord(props.step.config) && typeof props.step.config.from === 'string'
+      ? props.step.config.from
+      : undefined;
+
+  return <BaseStepCell {...props} secondaryText={source ? `source: ${source}` : undefined} />;
+}
diff --git a/sifter-view/components/playbook-steps/cells/GenericStepCell.tsx b/sifter-view/components/playbook-steps/cells/GenericStepCell.tsx
new file mode 100644
index 0000000..b587fdd
--- /dev/null
+++ b/sifter-view/components/playbook-steps/cells/GenericStepCell.tsx
@@ -0,0 +1,7 @@
+import type { StepCellProps } from '../types';
+import { getStepSummaryValue } from './utils';
+import { BaseStepCell } from './BaseStepCell';
+
+export function GenericStepCell(props: StepCellProps) {
+  return <BaseStepCell {...props} secondaryText={getStepSummaryValue(props.step.config)} />;
+}
diff --git a/sifter-view/components/playbook-steps/cells/MapStepCell.tsx b/sifter-view/components/playbook-steps/cells/MapStepCell.tsx
new file mode 100644
index 0000000..6fbfcb5
--- /dev/null
+++ b/sifter-view/components/playbook-steps/cells/MapStepCell.tsx
@@ -0,0 +1,10 @@
+import type { StepCellProps } from '../types';
+import { isRecord } from './utils';
+import { BaseStepCell } from './BaseStepCell';
+
+export function MapStepCell(props: StepCellProps) {
+  const config = props.step.config;
+  const engine = isRecord(config) && typeof config.engine === 'string' ? config.engine : undefined;
+
+  return <BaseStepCell {...props} secondaryText={engine ? `engine: ${engine}` : undefined} />;
+}
diff --git a/sifter-view/components/playbook-steps/cells/ObjectValidateStepCell.tsx b/sifter-view/components/playbook-steps/cells/ObjectValidateStepCell.tsx
new file mode 100644
index 0000000..a649b82
--- /dev/null
+++ b/sifter-view/components/playbook-steps/cells/ObjectValidateStepCell.tsx
@@ -0,0 +1,10 @@
+import type { StepCellProps } from '../types';
+import { isRecord } from './utils';
+import { BaseStepCell } from './BaseStepCell';
+
+export function ObjectValidateStepCell(props: StepCellProps) {
+  const config = props.step.config;
+  const schema = isRecord(config) && typeof config.schema === 'string' ? config.schema : undefined;
+
+  return <BaseStepCell {...props} secondaryText={schema ? `schema: ${schema}` : undefined} />;
+}
diff --git a/sifter-view/components/playbook-steps/cells/ProjectStepCell.tsx b/sifter-view/components/playbook-steps/cells/ProjectStepCell.tsx
new file mode 100644
index 0000000..3d6d034
--- /dev/null
+++ b/sifter-view/components/playbook-steps/cells/ProjectStepCell.tsx
@@ -0,0 +1,10 @@
+import type { StepCellProps } from '../types';
+import { isRecord } from './utils';
+import { BaseStepCell } from './BaseStepCell';
+
+export function ProjectStepCell(props: StepCellProps) {
+  const config = props.step.config;
+  const projectionCount = isRecord(config) ? Object.keys(config).length : undefined;
+
+  return <BaseStepCell {...props} secondaryText={projectionCount ? `${projectionCount} mappings` : undefined} />;
+}
diff --git a/sifter-view/components/playbook-steps/cells/index.ts b/sifter-view/components/playbook-steps/cells/index.ts
new file mode 100644
index 0000000..f6d02dc
--- /dev/null
+++ b/sifter-view/components/playbook-steps/cells/index.ts
@@ -0,0 +1,6 @@
+export { GenericStepCell } from './GenericStepCell';
+export { FromStepCell } from './FromStepCell';
+export { ProjectStepCell } from './ProjectStepCell';
+export { MapStepCell } from './MapStepCell';
+export { FieldProcessStepCell } from './FieldProcessStepCell';
+export { ObjectValidateStepCell } from './ObjectValidateStepCell';
diff --git a/sifter-view/components/playbook-steps/cells/utils.ts b/sifter-view/components/playbook-steps/cells/utils.ts
new file mode 100644
index 0000000..d4ba609
--- /dev/null
+++ b/sifter-view/components/playbook-steps/cells/utils.ts
@@ -0,0 +1,22 @@
+export function isRecord(value: unknown): value is Record<string, unknown> {
+  return value !== null && typeof value === 'object' && !Array.isArray(value);
+}
+
+export function toStepLabel(operation: string): string {
+  return operation
+    .replace(/([a-z0-9])([A-Z])/g, '$1 $2')
+    .replace(/^./, (x) => x.toUpperCase());
+}
+
+export function getStepSummaryValue(config: unknown): string | undefined {
+  if (typeof config === 'string' || typeof config === 'number' || typeof config === 'boolean') {
+    return String(config);
+  }
+  if (Array.isArray(config)) {
+    return `${config.length} items`;
+  }
+  if (isRecord(config)) {
+    return `${Object.keys(config).length} fields`;
+  }
+  return undefined;
+}
\ No newline at end of file
diff --git a/sifter-view/components/playbook-steps/registry.tsx b/sifter-view/components/playbook-steps/registry.tsx
new file mode 100644
index 0000000..9ef555b
--- /dev/null
+++ b/sifter-view/components/playbook-steps/registry.tsx
@@ -0,0 +1,72 @@
+import type { ComponentType } from 'react';
+
+import type { StepCellProps } from './types';
+import {
+  FieldProcessStepCell,
+  FromStepCell,
+  GenericStepCell,
+  MapStepCell,
+  ObjectValidateStepCell,
+  ProjectStepCell,
+} from './cells';
+
+export type StepCellComponent = ComponentType<StepCellProps>;
+
+const STEP_OPERATIONS = [
+  'from',
+  'split',
+  'fieldParse',
+  'fieldType',
+  'objectValidate',
+  'filter',
+  'clean',
+  'debug',
+  'regexReplace',
+  'project',
+  'map',
+  'plugin',
+  'flatmap',
+  'reduce',
+  'distinct',
+  'fieldProcess',
+  'dropNull',
+  'lookup',
+  'intervalIntersect',
+  'hash',
+  'accumulate',
+  'uuid',
+] as const;
+
+type StepOperation = (typeof STEP_OPERATIONS)[number];
+
+const OPERATION_CELL_COMPONENTS: Record<StepOperation, StepCellComponent> = {
+  from: FromStepCell,
+  split: GenericStepCell,
+  fieldParse: GenericStepCell,
+  fieldType: GenericStepCell,
+  objectValidate: ObjectValidateStepCell,
+  filter: GenericStepCell,
+  clean: GenericStepCell,
+  debug: GenericStepCell,
+  regexReplace: GenericStepCell,
+  project: ProjectStepCell,
+  map: MapStepCell,
+  plugin: GenericStepCell,
+  flatmap: GenericStepCell,
+  reduce: GenericStepCell,
+  distinct: GenericStepCell,
+  fieldProcess: FieldProcessStepCell,
+  dropNull: GenericStepCell,
+  lookup: GenericStepCell,
+  intervalIntersect: GenericStepCell,
+  hash: GenericStepCell,
+  accumulate: GenericStepCell,
+  uuid: GenericStepCell,
+};
+
+export function getStepCellComponent(operation: string): StepCellComponent {
+  if ((STEP_OPERATIONS as readonly string[]).includes(operation)) {
+    return OPERATION_CELL_COMPONENTS[operation as StepOperation];
+  }
+  return GenericStepCell;
+}
diff --git a/sifter-view/components/playbook-steps/types.ts b/sifter-view/components/playbook-steps/types.ts
new file mode 100644
index 0000000..cf70e36
--- /dev/null
+++ b/sifter-view/components/playbook-steps/types.ts
@@ -0,0 +1,10 @@
+export type PipelineStep = {
+  operation: string;
+  config: unknown;
+};
+
+export type StepCellProps = {
+  step: PipelineStep;
+  index: number;
+  isLast: boolean;
+};

From 432f9e01302eb46ffea39eeddf27f491cc1aa2f6 Mon Sep 17 00:00:00 2001
From: Kyle Ellrott <kellrott@gmail.com>
Date: Thu, 19 Feb 2026 14:53:49 -0800
Subject: [PATCH 08/14] Adding an inspection panel

---
 sifter-view/app/page.tsx                      |   2 +-
 sifter-view/components/PlaybookFlow.tsx       | 377 +++++++++++++++++-
 sifter-view/components/PlaybookViewer.tsx     |  11 +-
 .../components/playbook-steps/registry.tsx    |   2 +-
 4 files changed, 366 insertions(+), 26 deletions(-)

diff --git a/sifter-view/app/page.tsx b/sifter-view/app/page.tsx
index 85a5576..be317a4 100644
--- a/sifter-view/app/page.tsx
+++ b/sifter-view/app/page.tsx
@@ -9,7 +9,7 @@ export default function Home() {
   return (
     <div>
       <main>
-        <PlaybookFlow/>
+        <PlaybookViewer/>
       </main>
     </div>
   );
diff --git a/sifter-view/components/PlaybookFlow.tsx b/sifter-view/components/PlaybookFlow.tsx
index 4747fa2..e10a938 100644
--- a/sifter-view/components/PlaybookFlow.tsx
+++ b/sifter-view/components/PlaybookFlow.tsx
@@ -22,7 +22,7 @@ import "@xyflow/react/dist/style.css";
 import dagre from 'dagre';
 import type { Node, Edge } from '@xyflow/react';
 import { getPlaybook, type Playbook } from '@/lib/playbookApi';
-import { getStepCellComponent } from './playbook-steps/registry';
+import { getStepCellComponent, STEP_OPERATIONS } from './playbook-steps/registry';
 import type { PipelineStep } from './playbook-steps/types';
 
 
@@ -31,6 +31,8 @@ type PipelineNodeData = {
   steps: PipelineStep[];
 };
 
+type RawPipelineStep = Record<string, unknown>;
+
 const BASE_NODE_WIDTH = 170;
 const BASE_NODE_HEIGHT = 44;
 const PIPELINE_NODE_WIDTH = 260;
@@ -220,6 +222,15 @@ function buildGraph(pb: Playbook): { nodes: Node[]; edges: Edge[] } {
   return { nodes, edges };
 }
 
+function parsePipelineStep(stepObj: RawPipelineStep): PipelineStep {
+  const [operation, config] = Object.entries(stepObj)[0] ?? ['unknown', null];
+  return { operation, config };
+}
+
+function serializePipelineStep(step: PipelineStep): RawPipelineStep {
+  return { [step.operation]: step.config };
+}
+
 // -------------------------------------------------------------------
 // React component – PlaybookFlow
 // -------------------------------------------------------------------
@@ -228,10 +239,79 @@ function buildGraph(pb: Playbook): { nodes: Node[]; edges: Edge[] } {
 export default function PlaybookFlow() {
   const [nodes, setNodes, onNodesChange] = useNodesState<Node>([]);
   const [edges, setEdges, onEdgesChange] = useEdgesState<Edge>([]);
+  const [playbook, setPlaybook] = useState<Playbook | null>(null);
+  const [selectedNodeId, setSelectedNodeId] = useState<string | null>(null);
+  const [configDrafts, setConfigDrafts] = useState<Record<number, string>>({});
+  const [configErrors, setConfigErrors] = useState<Record<number, string>>({});
+  const [draggingStepIndex, setDraggingStepIndex] = useState<number | null>(null);
+  const [dragOverStepIndex, setDragOverStepIndex] = useState<number | null>(null);
   const [isLoading, setIsLoading] = useState(true);
   const [loadError, setLoadError] = useState<string | null>(null);
   const nodeTypes = useMemo(() => ({ pipeline: PipelineStackNode }), []);
 
+  const selectedNode = useMemo(
+    () => nodes.find((node) => node.id === selectedNodeId) ?? null,
+    [nodes, selectedNodeId]
+  );
+
+  const selectedPipelineName = useMemo(() => {
+    if (!selectedNodeId || !playbook) {
+      return null;
+    }
+    return playbook.pipelines[selectedNodeId] ? selectedNodeId : null;
+  }, [playbook, selectedNodeId]);
+
+  const selectedPipelineSteps = useMemo(() => {
+    if (!selectedPipelineName || !playbook) {
+      return [] as PipelineStep[];
+    }
+    return (playbook.pipelines[selectedPipelineName] ?? []).map((stepObj) =>
+      parsePipelineStep(stepObj as RawPipelineStep)
+    );
+  }, [playbook, selectedPipelineName]);
+
+  const updateSelectedPipelineSteps = useCallback(
+    (updater: (currentSteps: PipelineStep[]) => PipelineStep[]) => {
+      if (!selectedPipelineName) {
+        return;
+      }
+
+      setPlaybook((currentPlaybook) => {
+        if (!currentPlaybook) {
+          return currentPlaybook;
+        }
+
+        const currentPipelineSteps = (currentPlaybook.pipelines[selectedPipelineName] ?? []).map((stepObj) =>
+          parsePipelineStep(stepObj as RawPipelineStep)
+        );
+        const updatedPipelineSteps = updater(currentPipelineSteps);
+
+        return {
+          ...currentPlaybook,
+          pipelines: {
+            ...currentPlaybook.pipelines,
+            [selectedPipelineName]: updatedPipelineSteps.map(serializePipelineStep),
+          },
+        };
+      });
+    },
+    [selectedPipelineName]
+  );
+
+  const updateStepAtIndex = useCallback(
+    (index: number, updater: (step: PipelineStep) => PipelineStep) => {
+      updateSelectedPipelineSteps((currentSteps) =>
+        currentSteps.map((step, stepIndex) => (stepIndex === index ? updater(step) : step))
+      );
+    },
+    [updateSelectedPipelineSteps]
+  );
+
+  const clearConfigUiState = useCallback(() => {
+    setConfigDrafts({});
+    setConfigErrors({});
+  }, []);
+
   useEffect(() => {
     let isMounted = true;
 
@@ -239,13 +319,11 @@ export default function PlaybookFlow() {
       try {
         setLoadError(null);
         setIsLoading(true);
-        const playbook = await getPlaybook();
-        const graph = buildGraph(playbook);
+        const loadedPlaybook = await getPlaybook();
         if (!isMounted) {
           return;
         }
-        setNodes(graph.nodes);
-        setEdges(graph.edges);
+        setPlaybook(loadedPlaybook);
       } catch (error) {
         if (!isMounted) {
           return;
@@ -265,11 +343,94 @@ export default function PlaybookFlow() {
     };
   }, [setEdges, setNodes]);
 
+  useEffect(() => {
+    if (!playbook) {
+      return;
+    }
+
+    const graph = buildGraph(playbook);
+    setNodes(graph.nodes);
+    setEdges(graph.edges);
+  }, [playbook, setEdges, setNodes]);
+
+  useEffect(() => {
+    clearConfigUiState();
+  }, [clearConfigUiState, selectedPipelineName]);
+
   const onConnect: OnConnect = useCallback(
     (connection: Connection) => setEdges((currentEdges) => addEdge(connection, currentEdges)),
     [setEdges]
   );
 
+  const handleConfigDraftChange = useCallback((stepIndex: number, draftValue: string) => {
+    setConfigDrafts((currentDrafts) => ({
+      ...currentDrafts,
+      [stepIndex]: draftValue,
+    }));
+
+    try {
+      JSON.parse(draftValue);
+      setConfigErrors((currentErrors) => {
+        const { [stepIndex]: _, ...remainingErrors } = currentErrors;
+        return remainingErrors;
+      });
+    } catch {
+      setConfigErrors((currentErrors) => ({
+        ...currentErrors,
+        [stepIndex]: 'Invalid JSON',
+      }));
+    }
+  }, []);
+
+  const commitConfigDraft = useCallback(
+    (stepIndex: number) => {
+      const draftValue = configDrafts[stepIndex];
+      if (draftValue === undefined) {
+        return;
+      }
+
+      let parsedConfig: unknown;
+      try {
+        parsedConfig = JSON.parse(draftValue);
+      } catch {
+        return;
+      }
+
+      updateStepAtIndex(stepIndex, (step) => ({
+        ...step,
+        config: parsedConfig,
+      }));
+    },
+    [configDrafts, updateStepAtIndex]
+  );
+
+  const reorderSelectedPipelineSteps = useCallback(
+    (fromIndex: number, toIndex: number) => {
+      if (fromIndex === toIndex) {
+        return;
+      }
+
+      updateSelectedPipelineSteps((currentSteps) => {
+        if (
+          fromIndex < 0 ||
+          toIndex < 0 ||
+          fromIndex >= currentSteps.length ||
+          toIndex >= currentSteps.length
+        ) {
+          return currentSteps;
+        }
+
+        const reorderedSteps = [...currentSteps];
+        const [movedStep] = reorderedSteps.splice(fromIndex, 1);
+        reorderedSteps.splice(toIndex, 0, movedStep);
+        return reorderedSteps;
+      });
+
+      clearConfigUiState();
+    },
+    [clearConfigUiState, updateSelectedPipelineSteps]
+  );
+
   if (loadError) {
     return (
       <div style={{ width: '100vw', height: '500px', border: '1px solid #ccc', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
@@ -287,19 +448,201 @@ export default function PlaybookFlow() {
   }
 
   return (
-    <div style={{ width: '100vw', height: '90vw', border: '1px solid #ccc' }}>
-      <ReactFlow
-        nodes={nodes}
-        edges={edges}
-        nodeTypes={nodeTypes}
-        onNodesChange={onNodesChange}
-        onEdgesChange={onEdgesChange}
-        onConnect={onConnect}
-        fitView
+    <div style={{ width: '100%', height: '90%', border: '1px solid #ccc', display: 'flex' }}>
+      <div style={{ flex: 1, minWidth: 0 }}>
+        <ReactFlow
+          nodes={nodes}
+          edges={edges}
+          nodeTypes={nodeTypes}
+          onNodesChange={onNodesChange}
+          onEdgesChange={onEdgesChange}
+          onConnect={onConnect}
+          onNodeClick={(_, node) => setSelectedNodeId(node.id)}
+          onPaneClick={() => setSelectedNodeId(null)}
+          fitView
+        >
+          <Background color="#aaa" gap={16} />
+          <Controls />
+        </ReactFlow>
+      </div>
+      <aside
+        style={{
+          width: 360,
+          borderLeft: '1px solid #ddd',
+          background: '#f8fafc',
+          padding: 12,
+          overflowY: 'auto',
+        }}
       >
-        <Background color="#aaa" gap={16} />
-        <Controls />
-      </ReactFlow>
+        <h3 style={{ margin: 0, fontSize: 16, fontWeight: 600 }}>Inspection Panel</h3>
+        {!selectedNode && <p style={{ marginTop: 12 }}>Select a node to inspect.</p>}
+
+        {selectedNode && (
+          <div style={{ marginTop: 12 }}>
+            <div style={{ marginBottom: 8, fontSize: 13, color: '#334155' }}>
+              <strong>Node:</strong> {selectedNode.id}
+            </div>
+            <div style={{ marginBottom: 12, fontSize: 13, color: '#475569' }}>
+              <strong>Type:</strong> {selectedNode.type ?? 'default'}
+            </div>
+
+            {!selectedPipelineName && (
+              <p style={{ fontSize: 13, color: '#475569' }}>
+                This node is not a pipeline. Select a pipeline node to edit step operations.
+              </p>
+            )}
+
+            {selectedPipelineName && (
+              <div style={{ display: 'flex', flexDirection: 'column', gap: 10 }}>
+                <div style={{ fontSize: 13, color: '#334155' }}>
+                  <strong>Pipeline:</strong> {selectedPipelineName}
+                </div>
+
+                {selectedPipelineSteps.map((step, index) => {
+                  const currentDraft = configDrafts[index] ?? JSON.stringify(step.config ?? null, null, 2);
+                  const operationOptions = (STEP_OPERATIONS as readonly string[]).includes(step.operation)
+                    ? STEP_OPERATIONS
+                    : [step.operation, ...STEP_OPERATIONS];
+                  const isDragOver = dragOverStepIndex === index && draggingStepIndex !== null && draggingStepIndex !== index;
+
+                  return (
+                    <div
+                      key={`${selectedPipelineName}-${index}`}
+                      onDragOver={(event) => {
+                        event.preventDefault();
+                        if (dragOverStepIndex !== index) {
+                          setDragOverStepIndex(index);
+                        }
+                      }}
+                      onDrop={(event) => {
+                        event.preventDefault();
+                        if (draggingStepIndex === null) {
+                          return;
+                        }
+                        reorderSelectedPipelineSteps(draggingStepIndex, index);
+                        setDraggingStepIndex(null);
+                        setDragOverStepIndex(null);
+                      }}
+                      onDragLeave={(event) => {
+                        const relatedTarget = event.relatedTarget as globalThis.Node | null;
+                        if (!relatedTarget || !event.currentTarget.contains(relatedTarget)) {
+                          setDragOverStepIndex((currentIndex) => (currentIndex === index ? null : currentIndex));
+                        }
+                      }}
+                      style={{
+                        border: '1px solid #d1d5db',
+                        borderRadius: 8,
+                        padding: 8,
+                        display: 'flex',
+                        flexDirection: 'column',
+                        gap: 8,
+                        background: isDragOver ? '#e2e8f0' : '#fff',
+                      }}
+                    >
+                      <div style={{ display: 'flex', gap: 8, alignItems: 'center' }}>
+                        <div
+                          draggable
+                          onDragStart={() => {
+                            setDraggingStepIndex(index);
+                            setDragOverStepIndex(index);
+                          }}
+                          onDragEnd={() => {
+                            setDraggingStepIndex(null);
+                            setDragOverStepIndex(null);
+                          }}
+                          style={{
+                            border: '1px solid #cbd5e1',
+                            borderRadius: 4,
+                            padding: '2px 4px',
+                            color: '#000',
+                            cursor: 'grab',
+                            userSelect: 'none',
+                            background: '#fff',
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                          }}
+                          aria-label="Drag to reorder"
+                          title="Drag to reorder"
+                        >
+                          <svg width="14" height="14" viewBox="0 0 14 14" fill="none" aria-hidden="true">
+                            <circle cx="4" cy="3" r="1" fill="currentColor" />
+                            <circle cx="4" cy="7" r="1" fill="currentColor" />
+                            <circle cx="4" cy="11" r="1" fill="currentColor" />
+                            <circle cx="10" cy="3" r="1" fill="currentColor" />
+                            <circle cx="10" cy="7" r="1" fill="currentColor" />
+                            <circle cx="10" cy="11" r="1" fill="currentColor" />
+                          </svg>
+                        </div>
+                        <span style={{ fontSize: 12, color: '#475569' }}>Step {index + 1}</span>
+                        <select
+                          value={step.operation}
+                          onChange={(event) => {
+                            const nextOperation = event.target.value;
+                            updateStepAtIndex(index, (currentStep) => ({
+                              ...currentStep,
+                              operation: nextOperation,
+                            }));
+                            clearConfigUiState();
+                          }}
+                          style={{ flex: 1 }}
+                        >
+                          {operationOptions.map((operationName) => (
+                            <option key={operationName} value={operationName}>
+                              {operationName}
+                            </option>
+                          ))}
+                        </select>
+                      </div>
+
+                      <textarea
+                        value={currentDraft}
+                        onChange={(event) => handleConfigDraftChange(index, event.target.value)}
+                        onBlur={() => commitConfigDraft(index)}
+                        rows={5}
+                        style={{ width: '100%', fontFamily: 'monospace', fontSize: 12, resize: 'vertical', color: '#000', background: '#fff' }}
+                      />
+
+                      {configErrors[index] && (
+                        <div style={{ color: '#b91c1c', fontSize: 12 }}>{configErrors[index]}</div>
+                      )}
+
+                      <div style={{ display: 'flex', gap: 6, flexWrap: 'wrap' }}>
+                        <button
+                          type="button"
+                          style={{ color: '#000' }}
+                          onClick={() => {
+                            updateSelectedPipelineSteps((currentSteps) =>
+                              currentSteps.filter((_, stepIndex) => stepIndex !== index)
+                            );
+                            clearConfigUiState();
+                          }}
+                        >
+                          Remove
+                        </button>
+                      </div>
+                    </div>
+                  );
+                })}
+
+                <button
+                  type="button"
+                  style={{ color: '#000' }}
+                  onClick={() => {
+                    updateSelectedPipelineSteps((currentSteps) => [
+                      ...currentSteps,
+                      { operation: STEP_OPERATIONS[0], config: {} },
+                    ]);
+                    clearConfigUiState();
+                  }}
+                >
+                  Add Step
+                </button>
+              </div>
+            )}
+          </div>
+        )}
+      </aside>
     </div>
   );
 }
\ No newline at end of file
diff --git a/sifter-view/components/PlaybookViewer.tsx b/sifter-view/components/PlaybookViewer.tsx
index 0cd663e..8b46149 100644
--- a/sifter-view/components/PlaybookViewer.tsx
+++ b/sifter-view/components/PlaybookViewer.tsx
@@ -4,6 +4,7 @@ import React, { useEffect, useState } from "react";
 import hljs from "highlight.js";
 import "highlight.js/styles/github-dark.css";
 import { getPlaybook, getPlaybooks } from "@/lib/playbookApi";
+import PlaybookFlow from "./PlaybookFlow";
 
 // Types for API responses
 type PlaybookList = string[];
@@ -42,9 +43,9 @@ export default function PlaybookViewer(_: PlaybookViewerProps) {
   }, [content]);
 
   return (
-    <div className="flex w-[90vw] h-[80vh] backdrop-blur-xl rounded-xl overflow-hidden shadow-2xl bg-gradient-to-br from-[#1e1e2f] to-[#2a2a3d]">
+    <div className="flex w-[80vw] h-[100vh] backdrop-blur-xl rounded-xl overflow-hidden shadow-2xl bg-gradient-to-br from-[#1e1e2f] to-[#2a2a3d]">
       {/* Sidebar */}
-      <aside className="flex-none w-64 bg-white/5 p-5 overflow-y-auto">
+      <aside className="flex-none w-48 bg-white/5 p-5 overflow-y-auto">
         <h1 className="text-lg mb-4 text-[#4f9bff]">Sifter Playbooks</h1>
         <ul>
           {playbooks.map((name) => (
@@ -63,11 +64,7 @@ export default function PlaybookViewer(_: PlaybookViewerProps) {
 
       {/* Content */}
       <main className="flex-1 bg-white/4 p-5 overflow-y-auto">
-        <pre className="h-full overflow-auto m-0">
-          <code id="playbook-content" className="language-json">
-            {content || "Select a playbook to view its content"}
-          </code>
-        </pre>
+        <PlaybookFlow/>
       </main>
     </div>
   );
diff --git a/sifter-view/components/playbook-steps/registry.tsx b/sifter-view/components/playbook-steps/registry.tsx
index 9ef555b..ff4f5a1 100644
--- a/sifter-view/components/playbook-steps/registry.tsx
+++ b/sifter-view/components/playbook-steps/registry.tsx
@@ -12,7 +12,7 @@ import {
 
 export type StepCellComponent = ComponentType<StepCellProps>;
 
-const STEP_OPERATIONS = [
+export const STEP_OPERATIONS = [
   'from',
   'split',
   'fieldParse',

From e150d39420cc46953f844c23068043a9fcea55ea Mon Sep 17 00:00:00 2001
From: Kyle Ellrott <kellrott@gmail.com>
Date: Thu, 19 Feb 2026 21:24:37 -0800
Subject: [PATCH 09/14] Adding inspection panel to webview

---
 sifter-view/components/PlaybookFlow.tsx       | 343 ++----------------
 .../components/PlaybookInspectorPanel.tsx     | 197 ++++++++++
 sifter-view/components/PlaybookViewer.tsx     |   2 +-
 .../editors/FilterStepEditor.tsx              | 249 +++++++++++++
 .../playbook-steps/editors/FromStepEditor.tsx |  38 ++
 .../playbook-steps/editors/JsonStepEditor.tsx |  51 +++
 .../playbook-steps/editors/MapStepEditor.tsx  | 118 ++++++
 .../editors/ProjectStepEditor.tsx             | 124 +++++++
 .../playbook-steps/editors/index.ts           |   5 +
 .../components/playbook-steps/registry.tsx    |  37 +-
 .../components/playbook-steps/types.ts        |   5 +
 .../components/usePlaybookPipelineEditor.ts   | 140 +++++++
 sifter-view/package-lock.json                 |  12 +-
 sifter-view/package.json                      |   3 +-
 14 files changed, 1004 insertions(+), 320 deletions(-)
 create mode 100644 sifter-view/components/PlaybookInspectorPanel.tsx
 create mode 100644 sifter-view/components/playbook-steps/editors/FilterStepEditor.tsx
 create mode 100644 sifter-view/components/playbook-steps/editors/FromStepEditor.tsx
 create mode 100644 sifter-view/components/playbook-steps/editors/JsonStepEditor.tsx
 create mode 100644 sifter-view/components/playbook-steps/editors/MapStepEditor.tsx
 create mode 100644 sifter-view/components/playbook-steps/editors/ProjectStepEditor.tsx
 create mode 100644 sifter-view/components/playbook-steps/editors/index.ts
 create mode 100644 sifter-view/components/usePlaybookPipelineEditor.ts

diff --git a/sifter-view/components/PlaybookFlow.tsx b/sifter-view/components/PlaybookFlow.tsx
index e10a938..a7a137d 100644
--- a/sifter-view/components/PlaybookFlow.tsx
+++ b/sifter-view/components/PlaybookFlow.tsx
@@ -23,7 +23,9 @@ import dagre from 'dagre';
 import type { Node, Edge } from '@xyflow/react';
 import { getPlaybook, type Playbook } from '@/lib/playbookApi';
 import { getStepCellComponent, STEP_OPERATIONS } from './playbook-steps/registry';
+import PlaybookInspectorPanel from './PlaybookInspectorPanel';
 import type { PipelineStep } from './playbook-steps/types';
+import { usePlaybookPipelineEditor } from './usePlaybookPipelineEditor';
 
 
 type PipelineNodeData = {
@@ -31,8 +33,6 @@ type PipelineNodeData = {
   steps: PipelineStep[];
 };
 
-type RawPipelineStep = Record<string, unknown>;
-
 const BASE_NODE_WIDTH = 170;
 const BASE_NODE_HEIGHT = 44;
 const PIPELINE_NODE_WIDTH = 260;
@@ -222,15 +222,6 @@ function buildGraph(pb: Playbook): { nodes: Node[]; edges: Edge[] } {
   return { nodes, edges };
 }
 
-function parsePipelineStep(stepObj: RawPipelineStep): PipelineStep {
-  const [operation, config] = Object.entries(stepObj)[0] ?? ['unknown', null];
-  return { operation, config };
-}
-
-function serializePipelineStep(step: PipelineStep): RawPipelineStep {
-  return { [step.operation]: step.config };
-}
-
 // -------------------------------------------------------------------
 // React component – PlaybookFlow
 // -------------------------------------------------------------------
@@ -241,10 +232,6 @@ export default function PlaybookFlow() {
   const [edges, setEdges, onEdgesChange] = useEdgesState<Edge>([]);
   const [playbook, setPlaybook] = useState<Playbook | null>(null);
   const [selectedNodeId, setSelectedNodeId] = useState<string | null>(null);
-  const [configDrafts, setConfigDrafts] = useState<Record<number, string>>({});
-  const [configErrors, setConfigErrors] = useState<Record<number, string>>({});
-  const [draggingStepIndex, setDraggingStepIndex] = useState<number | null>(null);
-  const [dragOverStepIndex, setDragOverStepIndex] = useState<number | null>(null);
   const [isLoading, setIsLoading] = useState(true);
   const [loadError, setLoadError] = useState<string | null>(null);
   const nodeTypes = useMemo(() => ({ pipeline: PipelineStackNode }), []);
@@ -261,56 +248,19 @@ export default function PlaybookFlow() {
     return playbook.pipelines[selectedNodeId] ? selectedNodeId : null;
   }, [playbook, selectedNodeId]);
 
-  const selectedPipelineSteps = useMemo(() => {
-    if (!selectedPipelineName || !playbook) {
-      return [] as PipelineStep[];
-    }
-    return (playbook.pipelines[selectedPipelineName] ?? []).map((stepObj) =>
-      parsePipelineStep(stepObj as RawPipelineStep)
-    );
-  }, [playbook, selectedPipelineName]);
-
-  const updateSelectedPipelineSteps = useCallback(
-    (updater: (currentSteps: PipelineStep[]) => PipelineStep[]) => {
-      if (!selectedPipelineName) {
-        return;
-      }
-
-      setPlaybook((currentPlaybook) => {
-        if (!currentPlaybook) {
-          return currentPlaybook;
-        }
-
-        const currentPipelineSteps = (currentPlaybook.pipelines[selectedPipelineName] ?? []).map((stepObj) =>
-          parsePipelineStep(stepObj as RawPipelineStep)
-        );
-        const updatedPipelineSteps = updater(currentPipelineSteps);
-
-        return {
-          ...currentPlaybook,
-          pipelines: {
-            ...currentPlaybook.pipelines,
-            [selectedPipelineName]: updatedPipelineSteps.map(serializePipelineStep),
-          },
-        };
-      });
-    },
-    [selectedPipelineName]
-  );
-
-  const updateStepAtIndex = useCallback(
-    (index: number, updater: (step: PipelineStep) => PipelineStep) => {
-      updateSelectedPipelineSteps((currentSteps) =>
-        currentSteps.map((step, stepIndex) => (stepIndex === index ? updater(step) : step))
-      );
-    },
-    [updateSelectedPipelineSteps]
-  );
-
-  const clearConfigUiState = useCallback(() => {
-    setConfigDrafts({});
-    setConfigErrors({});
-  }, []);
+  const {
+    selectedPipelineSteps,
+    updateStepOperation,
+    updateStepConfig,
+    reorderSteps,
+    removeStep,
+    addStep,
+  } = usePlaybookPipelineEditor({
+    playbook,
+    setPlaybook,
+    selectedPipelineName,
+    defaultStepOperation: STEP_OPERATIONS[0],
+  });
 
   useEffect(() => {
     let isMounted = true;
@@ -353,83 +303,11 @@ export default function PlaybookFlow() {
     setEdges(graph.edges);
   }, [playbook, setEdges, setNodes]);
 
-  useEffect(() => {
-    clearConfigUiState();
-  }, [clearConfigUiState, selectedPipelineName]);
-
   const onConnect: OnConnect = useCallback(
     (connection: Connection) => setEdges((currentEdges) => addEdge(connection, currentEdges)),
     [setEdges]
   );
 
-  const handleConfigDraftChange = useCallback((stepIndex: number, draftValue: string) => {
-    setConfigDrafts((currentDrafts) => ({
-      ...currentDrafts,
-      [stepIndex]: draftValue,
-    }));
-
-    try {
-      JSON.parse(draftValue);
-      setConfigErrors((currentErrors) => {
-        const { [stepIndex]: _, ...remainingErrors } = currentErrors;
-        return remainingErrors;
-      });
-    } catch {
-      setConfigErrors((currentErrors) => ({
-        ...currentErrors,
-        [stepIndex]: 'Invalid JSON',
-      }));
-    }
-  }, []);
-
-  const commitConfigDraft = useCallback(
-    (stepIndex: number) => {
-      const draftValue = configDrafts[stepIndex];
-      if (draftValue === undefined) {
-        return;
-      }
-
-      let parsedConfig: unknown;
-      try {
-        parsedConfig = JSON.parse(draftValue);
-      } catch {
-        return;
-      }
-
-      updateStepAtIndex(stepIndex, (step) => ({
-        ...step,
-        config: parsedConfig,
-      }));
-    },
-    [configDrafts, updateStepAtIndex]
-  );
-
-  const reorderSelectedPipelineSteps = useCallback(
-    (fromIndex: number, toIndex: number) => {
-      if (fromIndex === toIndex) {
-        return;
-      }
-
-      updateSelectedPipelineSteps((currentSteps) => {
-        if (
-          fromIndex < 0 ||
-          toIndex < 0 ||
-          fromIndex >= currentSteps.length ||
-          toIndex >= currentSteps.length
-        ) {
-          return currentSteps;
-        }
-
-        const reorderedSteps = [...currentSteps];
-        const [movedStep] = reorderedSteps.splice(fromIndex, 1);
-        reorderedSteps.splice(toIndex, 0, movedStep);
-        return reorderedSteps;
-      });
-
-      clearConfigUiState();
-    },
-    [clearConfigUiState, updateSelectedPipelineSteps]
-  );
 
   if (loadError) {
     return (
@@ -448,7 +326,7 @@ export default function PlaybookFlow() {
   }
 
   return (
-    <div style={{ width: '100%', height: '90%', border: '1px solid #ccc', display: 'flex' }}>
+    <div style={{ width: '100%', height: '100%', border: '1px solid #ccc', display: 'flex' }}>
       <div style={{ flex: 1, minWidth: 0 }}>
         <ReactFlow
           nodes={nodes}
@@ -465,184 +343,17 @@ export default function PlaybookFlow() {
           <Controls />
         </ReactFlow>
       </div>
-      <aside
-        style={{
-          width: 360,
-          borderLeft: '1px solid #ddd',
-          background: '#f8fafc',
-          padding: 12,
-          overflowY: 'auto',
-        }}
-      >
-        <h3 style={{ margin: 0, fontSize: 16, fontWeight: 600 }}>Inspection Panel</h3>
-        {!selectedNode && <p style={{ marginTop: 12 }}>Select a node to inspect.</p>}
-
-        {selectedNode && (
-          <div style={{ marginTop: 12 }}>
-            <div style={{ marginBottom: 8, fontSize: 13, color: '#334155' }}>
-              <strong>Node:</strong> {selectedNode.id}
-            </div>
-            <div style={{ marginBottom: 12, fontSize: 13, color: '#475569' }}>
-              <strong>Type:</strong> {selectedNode.type ?? 'default'}
-            </div>
-
-            {!selectedPipelineName && (
-              <p style={{ fontSize: 13, color: '#475569' }}>
-                This node is not a pipeline. Select a pipeline node to edit step operations.
-              </p>
-            )}
-
-            {selectedPipelineName && (
-              <div style={{ display: 'flex', flexDirection: 'column', gap: 10 }}>
-                <div style={{ fontSize: 13, color: '#334155' }}>
-                  <strong>Pipeline:</strong> {selectedPipelineName}
-                </div>
-
-                {selectedPipelineSteps.map((step, index) => {
-                  const currentDraft = configDrafts[index] ?? JSON.stringify(step.config ?? null, null, 2);
-                  const operationOptions = (STEP_OPERATIONS as readonly string[]).includes(step.operation)
-                    ? STEP_OPERATIONS
-                    : [step.operation, ...STEP_OPERATIONS];
-                  const isDragOver = dragOverStepIndex === index && draggingStepIndex !== null && draggingStepIndex !== index;
-
-                  return (
-                    <div
-                      key={`${selectedPipelineName}-${index}`}
-                      onDragOver={(event) => {
-                        event.preventDefault();
-                        if (dragOverStepIndex !== index) {
-                          setDragOverStepIndex(index);
-                        }
-                      }}
-                      onDrop={(event) => {
-                        event.preventDefault();
-                        if (draggingStepIndex === null) {
-                          return;
-                        }
-                        reorderSelectedPipelineSteps(draggingStepIndex, index);
-                        setDraggingStepIndex(null);
-                        setDragOverStepIndex(null);
-                      }}
-                      onDragLeave={(event) => {
-                        const relatedTarget = event.relatedTarget as globalThis.Node | null;
-                        if (!relatedTarget || !event.currentTarget.contains(relatedTarget)) {
-                          setDragOverStepIndex((currentIndex) => (currentIndex === index ? null : currentIndex));
-                        }
-                      }}
-                      style={{
-                        border: '1px solid #d1d5db',
-                        borderRadius: 8,
-                        padding: 8,
-                        display: 'flex',
-                        flexDirection: 'column',
-                        gap: 8,
-                        background: isDragOver ? '#e2e8f0' : '#fff',
-                      }}
-                    >
-                      <div style={{ display: 'flex', gap: 8, alignItems: 'center' }}>
-                        <div
-                          draggable
-                          onDragStart={() => {
-                            setDraggingStepIndex(index);
-                            setDragOverStepIndex(index);
-                          }}
-                          onDragEnd={() => {
-                            setDraggingStepIndex(null);
-                            setDragOverStepIndex(null);
-                          }}
-                          style={{
-                            border: '1px solid #cbd5e1',
-                            borderRadius: 4,
-                            padding: '2px 4px',
-                            color: '#000',
-                            cursor: 'grab',
-                            userSelect: 'none',
-                            background: '#fff',
-                            display: 'flex',
-                            alignItems: 'center',
-                            justifyContent: 'center',
-                          }}
-                          aria-label="Drag to reorder"
-                          title="Drag to reorder"
-                        >
-                          <svg width="14" height="14" viewBox="0 0 14 14" fill="none" aria-hidden="true">
-                            <circle cx="4" cy="3" r="1" fill="currentColor" />
-                            <circle cx="4" cy="7" r="1" fill="currentColor" />
-                            <circle cx="4" cy="11" r="1" fill="currentColor" />
-                            <circle cx="10" cy="3" r="1" fill="currentColor" />
-                            <circle cx="10" cy="7" r="1" fill="currentColor" />
-                            <circle cx="10" cy="11" r="1" fill="currentColor" />
-                          </svg>
-                        </div>
-                        <span style={{ fontSize: 12, color: '#475569' }}>Step {index + 1}</span>
-                        <select
-                          value={step.operation}
-                          onChange={(event) => {
-                            const nextOperation = event.target.value;
-                            updateStepAtIndex(index, (currentStep) => ({
-                              ...currentStep,
-                              operation: nextOperation,
-                            }));
-                            clearConfigUiState();
-                          }}
-                          style={{ flex: 1 }}
-                        >
-                          {operationOptions.map((operationName) => (
-                            <option key={operationName} value={operationName}>
-                              {operationName}
-                            </option>
-                          ))}
-                        </select>
-                      </div>
-
-                      <textarea
-                        value={currentDraft}
-                        onChange={(event) => handleConfigDraftChange(index, event.target.value)}
-                        onBlur={() => commitConfigDraft(index)}
-                        rows={5}
-                        style={{ width: '100%', fontFamily: 'monospace', fontSize: 12, resize: 'vertical', color: '#000', background: '#fff' }}
-                      />
-
-                      {configErrors[index] && (
-                        <div style={{ color: '#b91c1c', fontSize: 12 }}>{configErrors[index]}</div>
-                      )}
-
-                      <div style={{ display: 'flex', gap: 6, flexWrap: 'wrap' }}>
-                        <button
-                          type="button"
-                          style={{ color: '#000' }}
-                          onClick={() => {
-                            updateSelectedPipelineSteps((currentSteps) =>
-                              currentSteps.filter((_, stepIndex) => stepIndex !== index)
-                            );
-                            clearConfigUiState();
-                          }}
-                        >
-                          Remove
-                        </button>
-                      </div>
-                    </div>
-                  );
-                })}
-
-                <button
-                  type="button"
-                  style={{ color: '#000' }}
-                  onClick={() => {
-                    updateSelectedPipelineSteps((currentSteps) => [
-                      ...currentSteps,
-                      { operation: STEP_OPERATIONS[0], config: {} },
-                    ]);
-                    clearConfigUiState();
-                  }}
-                >
-                  Add Step
-                </button>
-              </div>
-            )}
-          </div>
-        )}
-      </aside>
+      <PlaybookInspectorPanel
+        selectedNode={selectedNode}
+        selectedPipelineName={selectedPipelineName}
+        selectedPipelineSteps={selectedPipelineSteps}
+        stepOperations={STEP_OPERATIONS}
+        onUpdateStepOperation={updateStepOperation}
+        onUpdateStepConfig={updateStepConfig}
+        onReorderSteps={reorderSteps}
+        onRemoveStep={removeStep}
+        onAddStep={addStep}
+      />
     </div>
   );
 }
\ No newline at end of file
diff --git a/sifter-view/components/PlaybookInspectorPanel.tsx b/sifter-view/components/PlaybookInspectorPanel.tsx
new file mode 100644
index 0000000..8740dfb
--- /dev/null
+++ b/sifter-view/components/PlaybookInspectorPanel.tsx
@@ -0,0 +1,197 @@
+'use client';
+
+import React, { useState } from 'react';
+import type { Node } from '@xyflow/react';
+import { FaTrashAlt } from 'react-icons/fa';
+import { MdDragIndicator } from 'react-icons/md';
+import { getStepEditorComponent } from './playbook-steps/registry';
+import type { PipelineStep } from './playbook-steps/types';
+
+type PlaybookInspectorPanelProps = {
+  selectedNode: Node | null;
+  selectedPipelineName: string | null;
+  selectedPipelineSteps: PipelineStep[];
+  stepOperations: readonly string[];
+  onUpdateStepOperation: (index: number, operation: string) => void;
+  onUpdateStepConfig: (index: number, config: unknown) => void;
+  onReorderSteps: (fromIndex: number, toIndex: number) => void;
+  onRemoveStep: (index: number) => void;
+  onAddStep: () => void;
+};
+
+export default function PlaybookInspectorPanel({
+  selectedNode,
+  selectedPipelineName,
+  selectedPipelineSteps,
+  stepOperations,
+  onUpdateStepOperation,
+  onUpdateStepConfig,
+  onReorderSteps,
+  onRemoveStep,
+  onAddStep,
+}: PlaybookInspectorPanelProps) {
+  const [draggingStepIndex, setDraggingStepIndex] = useState<number | null>(null);
+  const [dragOverStepIndex, setDragOverStepIndex] = useState<number | null>(null);
+
+  return (
+    <aside
+      style={{
+        width: 360,
+        borderLeft: '1px solid #ddd',
+        background: '#f8fafc',
+        padding: 12,
+        overflowY: 'auto',
+      }}
+    >
+      <h3 style={{ margin: 0, fontSize: 16, fontWeight: 600 }}>Inspection Panel</h3>
+      {!selectedNode && <p style={{ marginTop: 12 }}>Select a node to inspect.</p>}
+
+      {selectedNode && (
+        <div style={{ marginTop: 12 }}>
+          <div style={{ marginBottom: 8, fontSize: 13, color: '#334155' }}>
+            <strong>Node:</strong> {selectedNode.id}
+          </div>
+          <div style={{ marginBottom: 12, fontSize: 13, color: '#475569' }}>
+            <strong>Type:</strong> {selectedNode.type ?? 'default'}
+          </div>
+
+          {!selectedPipelineName && (
+            <p style={{ fontSize: 13, color: '#475569' }}>
+              This node is not a pipeline. Select a pipeline node to edit step operations.
+            </p>
+          )}
+
+          {selectedPipelineName && (
+            <div style={{ display: 'flex', flexDirection: 'column', gap: 10 }}>
+              <div style={{ fontSize: 13, color: '#334155' }}>
+                <strong>Pipeline:</strong> {selectedPipelineName}
+              </div>
+
+              {selectedPipelineSteps.map((step, index) => {
+                const operationOptions = stepOperations.includes(step.operation)
+                  ? stepOperations
+                  : [step.operation, ...stepOperations];
+                const isDragOver =
+                  dragOverStepIndex === index && draggingStepIndex !== null && draggingStepIndex !== index;
+                const StepEditor = getStepEditorComponent(step.operation);
+
+                return (
+                  <div
+                    key={`${selectedPipelineName}-${index}`}
+                    onDragOver={(event) => {
+                      event.preventDefault();
+                      if (dragOverStepIndex !== index) {
+                        setDragOverStepIndex(index);
+                      }
+                    }}
+                    onDrop={(event) => {
+                      event.preventDefault();
+                      if (draggingStepIndex === null) {
+                        return;
+                      }
+                      onReorderSteps(draggingStepIndex, index);
+                      setDraggingStepIndex(null);
+                      setDragOverStepIndex(null);
+                    }}
+                    onDragLeave={(event) => {
+                      const relatedTarget = event.relatedTarget as globalThis.Node | null;
+                      if (!relatedTarget || !event.currentTarget.contains(relatedTarget)) {
+                        setDragOverStepIndex((currentIndex) => (currentIndex === index ? null : currentIndex));
+                      }
+                    }}
+                    style={{
+                      border: '1px solid #d1d5db',
+                      borderRadius: 8,
+                      padding: 8,
+                      display: 'flex',
+                      flexDirection: 'column',
+                      gap: 8,
+                      background: isDragOver ? '#e2e8f0' : '#fff',
+                    }}
+                  >
+                    <div style={{ display: 'flex', gap: 8, alignItems: 'center' }}>
+                      <div
+                        draggable
+                        onDragStart={() => {
+                          setDraggingStepIndex(index);
+                          setDragOverStepIndex(index);
+                        }}
+                        onDragEnd={() => {
+                          setDraggingStepIndex(null);
+                          setDragOverStepIndex(null);
+                        }}
+                        style={{
+                          border: '1px solid #cbd5e1',
+                          borderRadius: 4,
+                          padding: '2px 4px',
+                          color: '#000',
+                          cursor: 'grab',
+                          userSelect: 'none',
+                          background: '#fff',
+                          display: 'flex',
+                          alignItems: 'center',
+                          justifyContent: 'center',
+                        }}
+                        aria-label="Drag to reorder"
+                        title="Drag to reorder"
+                      >
+                        <MdDragIndicator size={14} aria-hidden="true" />
+                      </div>
+                      <span style={{ fontSize: 12, color: '#475569' }}>Step {index + 1}</span>
+                      <select
+                        value={step.operation}
+                        onChange={(event) => {
+                          onUpdateStepOperation(index, event.target.value);
+                        }}
+                        style={{ flex: 1, color: '#000' }}
+                      >
+                        {operationOptions.map((operationName) => (
+                          <option key={operationName} value={operationName}>
+                            {operationName}
+                          </option>
+                        ))}
+                      </select>
+                    </div>
+
+                    <StepEditor
+                      step={step}
+                      onChangeConfig={(nextConfig) => onUpdateStepConfig(index, nextConfig)}
+                    />
+
+                    <div style={{ display: 'flex', gap: 6, flexWrap: 'wrap' }}>
+                      <button
+                        type="button"
+                        aria-label="Remove step"
+                        title="Remove step"
+                        style={{
+                          color: '#000',
+                          display: 'flex',
+                          alignItems: 'center',
+                          justifyContent: 'center',
+                          padding: '4px 6px',
+                        }}
+                        onClick={() => {
+                          onRemoveStep(index);
+                        }}
+                      >
+                        <FaTrashAlt size={14} aria-hidden="true" />
+                      </button>
+                    </div>
+                  </div>
+                );
+              })}
+
+              <button
+                type="button"
+                style={{ color: '#000' }}
+                onClick={onAddStep}
+              >
+                Add Step
+              </button>
+            </div>
+          )}
+        </div>
+      )}
+    </aside>
+  );
+}
diff --git a/sifter-view/components/PlaybookViewer.tsx b/sifter-view/components/PlaybookViewer.tsx
index 8b46149..dc90de1 100644
--- a/sifter-view/components/PlaybookViewer.tsx
+++ b/sifter-view/components/PlaybookViewer.tsx
@@ -43,7 +43,7 @@ export default function PlaybookViewer(_: PlaybookViewerProps) {
   }, [content]);
 
   return (
-    <div className="flex w-[80vw] h-[100vh] backdrop-blur-xl rounded-xl overflow-hidden shadow-2xl bg-gradient-to-br from-[#1e1e2f] to-[#2a2a3d]">
+    <div className="flex w-[100vw] h-[100vh] backdrop-blur-xl rounded-xl overflow-hidden shadow-2xl bg-gradient-to-br from-[#1e1e2f] to-[#2a2a3d]">
       {/* Sidebar */}
       <aside className="flex-none w-48 bg-white/5 p-5 overflow-y-auto">
         <h1 className="text-lg mb-4 text-[#4f9bff]">Sifter Playbooks</h1>
diff --git a/sifter-view/components/playbook-steps/editors/FilterStepEditor.tsx b/sifter-view/components/playbook-steps/editors/FilterStepEditor.tsx
new file mode 100644
index 0000000..a84b1a5
--- /dev/null
+++ b/sifter-view/components/playbook-steps/editors/FilterStepEditor.tsx
@@ -0,0 +1,249 @@
+import React, { useEffect, useMemo, useState } from 'react';
+
+import type { StepEditorProps } from '../types';
+
+type FilterCheck = '' | 'exists' | 'hasValue' | 'not';
+type ScriptKind = 'python' | 'gpython';
+
+function asObject(value: unknown): Record<string, unknown> {
+  if (value && typeof value === 'object' && !Array.isArray(value)) {
+    return value as Record<string, unknown>;
+  }
+  return {};
+}
+
+function toDisplayString(value: unknown): string {
+  if (typeof value === 'string') {
+    return value;
+  }
+  if (value === undefined || value === null) {
+    return '';
+  }
+  try {
+    return JSON.stringify(value, null, 2);
+  } catch {
+    return String(value);
+  }
+}
+
+export function FilterStepEditor({ step, onChangeConfig }: StepEditorProps) {
+  const configObject = useMemo(() => asObject(step.config), [step.config]);
+
+  const initialField = typeof configObject.field === 'string' ? configObject.field : '';
+  const initialValue = typeof configObject.value === 'string' ? configObject.value : '';
+  const initialMatch = typeof configObject.match === 'string' ? configObject.match : '';
+  const initialCheck =
+    configObject.check === 'exists' || configObject.check === 'hasValue' || configObject.check === 'not'
+      ? configObject.check
+      : '';
+  const initialMethod = typeof configObject.method === 'string' ? configObject.method : '';
+  const hasPython = typeof configObject.python === 'string' && configObject.python.length > 0;
+  const initialScriptKind: ScriptKind = hasPython ? 'python' : 'gpython';
+  const initialScript = toDisplayString(configObject[initialScriptKind]);
+
+  const [field, setField] = useState(initialField);
+  const [value, setValue] = useState(initialValue);
+  const [match, setMatch] = useState(initialMatch);
+  const [check, setCheck] = useState<FilterCheck>(initialCheck);
+  const [method, setMethod] = useState(initialMethod);
+  const [scriptKind, setScriptKind] = useState<ScriptKind>(initialScriptKind);
+  const [script, setScript] = useState(initialScript);
+
+  useEffect(() => {
+    setField(initialField);
+    setValue(initialValue);
+    setMatch(initialMatch);
+    setCheck(initialCheck);
+    setMethod(initialMethod);
+    setScriptKind(initialScriptKind);
+    setScript(initialScript);
+  }, [initialField, initialValue, initialMatch, initialCheck, initialMethod, initialScriptKind, initialScript]);
+
+  const commit = (next: {
+    fieldValue: string;
+    valueValue: string;
+    matchValue: string;
+    checkValue: FilterCheck;
+    methodValue: string;
+    scriptEngine: ScriptKind;
+    scriptValue: string;
+  }) => {
+    const nextConfig: Record<string, unknown> = {
+      ...configObject,
+      field: next.fieldValue,
+      value: next.valueValue,
+      match: next.matchValue,
+      check: next.checkValue,
+      method: next.methodValue,
+      python: undefined,
+      gpython: undefined,
+    };
+
+    if (next.scriptValue.trim() !== '') {
+      nextConfig[next.scriptEngine] = next.scriptValue;
+    }
+
+    onChangeConfig(nextConfig);
+  };
+
+  const commitCurrent = () => {
+    commit({
+      fieldValue: field,
+      valueValue: value,
+      matchValue: match,
+      checkValue: check,
+      methodValue: method,
+      scriptEngine: scriptKind,
+      scriptValue: script,
+    });
+  };
+
+  return (
+    <div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>
+      <div style={{ display: 'flex', gap: 8 }}>
+        <div style={{ flex: 1 }}>
+          <label style={{ fontSize: 12, color: '#334155' }}>Field</label>
+          <input
+            type="text"
+            value={field}
+            onChange={(event) => setField(event.target.value)}
+            onBlur={commitCurrent}
+            style={{
+              width: '100%',
+              color: '#000',
+              background: '#fff',
+              border: '1px solid #cbd5e1',
+              borderRadius: 4,
+              padding: '6px 8px',
+            }}
+          />
+        </div>
+        <div style={{ width: 110 }}>
+          <label style={{ fontSize: 12, color: '#334155' }}>Check</label>
+          <select
+            value={check}
+            onChange={(event) => {
+              const nextCheck = event.target.value as FilterCheck;
+              setCheck(nextCheck);
+              commit({
+                fieldValue: field,
+                valueValue: value,
+                matchValue: match,
+                checkValue: nextCheck,
+                methodValue: method,
+                scriptEngine: scriptKind,
+                scriptValue: script,
+              });
+            }}
+            style={{ width: '100%', color: '#000' }}
+          >
+            <option value="">(none)</option>
+            <option value="exists">exists</option>
+            <option value="hasValue">hasValue</option>
+            <option value="not">not</option>
+          </select>
+        </div>
+      </div>
+
+      <div style={{ display: 'flex', gap: 8 }}>
+        <div style={{ flex: 1 }}>
+          <label style={{ fontSize: 12, color: '#334155' }}>Value Template</label>
+          <input
+            type="text"
+            value={value}
+            onChange={(event) => setValue(event.target.value)}
+            onBlur={commitCurrent}
+            style={{
+              width: '100%',
+              color: '#000',
+              background: '#fff',
+              border: '1px solid #cbd5e1',
+              borderRadius: 4,
+              padding: '6px 8px',
+            }}
+          />
+        </div>
+        <div style={{ flex: 1 }}>
+          <label style={{ fontSize: 12, color: '#334155' }}>Match</label>
+          <input
+            type="text"
+            value={match}
+            onChange={(event) => setMatch(event.target.value)}
+            onBlur={commitCurrent}
+            style={{
+              width: '100%',
+              color: '#000',
+              background: '#fff',
+              border: '1px solid #cbd5e1',
+              borderRadius: 4,
+              padding: '6px 8px',
+            }}
+          />
+        </div>
+      </div>
+
+      <div style={{ display: 'flex', gap: 8 }}>
+        <div style={{ flex: 1 }}>
+          <label style={{ fontSize: 12, color: '#334155' }}>Method</label>
+          <input
+            type="text"
+            value={method}
+            onChange={(event) => setMethod(event.target.value)}
+            onBlur={commitCurrent}
+            style={{
+              width: '100%',
+              color: '#000',
+              background: '#fff',
+              border: '1px solid #cbd5e1',
+              borderRadius: 4,
+              padding: '6px 8px',
+            }}
+          />
+        </div>
+        <div style={{ width: 110 }}>
+          <label style={{ fontSize: 12, color: '#334155' }}>Engine</label>
+          <select
+            value={scriptKind}
+            onChange={(event) => {
+              const nextKind = event.target.value as ScriptKind;
+              setScriptKind(nextKind);
+              commit({
+                fieldValue: field,
+                valueValue: value,
+                matchValue: match,
+                checkValue: check,
+                methodValue: method,
+                scriptEngine: nextKind,
+                scriptValue: script,
+              });
+            }}
+            style={{ width: '100%', color: '#000' }}
+          >
+            <option value="python">python</option>
+            <option value="gpython">gpython</option>
+          </select>
+        </div>
+      </div>
+
+      <div>
+        <label style={{ fontSize: 12, color: '#334155' }}>
+          {scriptKind === 'python' ? 'Python Code' : 'GPython Code'}
+        </label>
+        <textarea
+          value={script}
+          onChange={(event) => setScript(event.target.value)}
+          onBlur={commitCurrent}
+          rows={5}
+          style={{
+            width: '100%',
+            fontFamily: 'monospace',
+            fontSize: 12,
+            resize: 'vertical',
+            color: '#000',
+            background: '#fff',
+          }}
+        />
+      </div>
+    </div>
+  );
+}
diff --git a/sifter-view/components/playbook-steps/editors/FromStepEditor.tsx b/sifter-view/components/playbook-steps/editors/FromStepEditor.tsx
new file mode 100644
index 0000000..f7852a7
--- /dev/null
+++ b/sifter-view/components/playbook-steps/editors/FromStepEditor.tsx
@@ -0,0 +1,38 @@
+import React, { useEffect, useState } from 'react';
+
+import type { StepEditorProps } from '../types';
+
+export function FromStepEditor({ step, onChangeConfig }: StepEditorProps) {
+  const fromValue = typeof step.config === 'string'
+    ? step.config
+    : typeof step.config === 'object' && step.config !== null && 'from' in step.config
+      ? String((step.config as { from?: unknown }).from ?? '')
+      : '';
+
+  const [value, setValue] = useState(fromValue);
+
+  useEffect(() => {
+    setValue(fromValue);
+  }, [fromValue]);
+
+  return (
+    <div style={{ display: 'flex', flexDirection: 'column', gap: 6 }}>
+      <label style={{ fontSize: 12, color: '#334155' }}>Input Source</label>
+      <input
+        type="text"
+        value={value}
+        onChange={(event) => setValue(event.target.value)}
+        onBlur={() => onChangeConfig(value)}
+        placeholder="input or pipeline name"
+        style={{
+          width: '100%',
+          color: '#000',
+          background: '#fff',
+          border: '1px solid #cbd5e1',
+          borderRadius: 4,
+          padding: '6px 8px',
+        }}
+      />
+    </div>
+  );
+}
diff --git a/sifter-view/components/playbook-steps/editors/JsonStepEditor.tsx b/sifter-view/components/playbook-steps/editors/JsonStepEditor.tsx
new file mode 100644
index 0000000..51aa48c
--- /dev/null
+++ b/sifter-view/components/playbook-steps/editors/JsonStepEditor.tsx
@@ -0,0 +1,51 @@
+import React, { useEffect, useMemo, useState } from 'react';
+
+import type { StepEditorProps } from '../types';
+
+export function JsonStepEditor({ step, onChangeConfig }: StepEditorProps) {
+  const initialDraft = useMemo(() => JSON.stringify(step.config ?? null, null, 2), [step.config]);
+  const [draftValue, setDraftValue] = useState(initialDraft);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    setDraftValue(initialDraft);
+    setError(null);
+  }, [initialDraft]);
+
+  return (
+    <div>
+      <textarea
+        value={draftValue}
+        onChange={(event) => {
+          const nextValue = event.target.value;
+          setDraftValue(nextValue);
+          try {
+            JSON.parse(nextValue);
+            setError(null);
+          } catch {
+            setError('Invalid JSON');
+          }
+        }}
+        onBlur={() => {
+          try {
+            const parsedConfig = JSON.parse(draftValue);
+            onChangeConfig(parsedConfig);
+            setError(null);
+          } catch {
+            setError('Invalid JSON');
+          }
+        }}
+        rows={5}
+        style={{
+          width: '100%',
+          fontFamily: 'monospace',
+          fontSize: 12,
+          resize: 'vertical',
+          color: '#000',
+          background: '#fff',
+        }}
+      />
+      {error && <div style={{ color: '#b91c1c', fontSize: 12, marginTop: 4 }}>{error}</div>}
+    </div>
+  );
+}
diff --git a/sifter-view/components/playbook-steps/editors/MapStepEditor.tsx b/sifter-view/components/playbook-steps/editors/MapStepEditor.tsx
new file mode 100644
index 0000000..df7d25d
--- /dev/null
+++ b/sifter-view/components/playbook-steps/editors/MapStepEditor.tsx
@@ -0,0 +1,118 @@
+import React, { useEffect, useMemo, useState } from 'react';
+
+import type { StepEditorProps } from '../types';
+
+type ScriptKind = 'python' | 'gpython';
+
+function asObject(value: unknown): Record<string, unknown> {
+  if (value && typeof value === 'object' && !Array.isArray(value)) {
+    return value as Record<string, unknown>;
+  }
+  return {};
+}
+
+function toDisplayString(value: unknown): string {
+  if (typeof value === 'string') {
+    return value;
+  }
+  if (value === undefined || value === null) {
+    return '';
+  }
+  try {
+    return JSON.stringify(value, null, 2);
+  } catch {
+    return String(value);
+  }
+}
+
+export function MapStepEditor({ step, onChangeConfig }: StepEditorProps) {
+  const configObject = useMemo(() => asObject(step.config), [step.config]);
+  const initialMethod = typeof configObject.method === 'string' ? configObject.method : '';
+  const hasPython = typeof configObject.python === 'string' && configObject.python.length > 0;
+  const initialScriptKind: ScriptKind = hasPython ? 'python' : 'gpython';
+  const initialScript = toDisplayString(configObject[initialScriptKind]);
+
+  const [method, setMethod] = useState(initialMethod);
+  const [scriptKind, setScriptKind] = useState<ScriptKind>(initialScriptKind);
+  const [script, setScript] = useState(initialScript);
+
+  useEffect(() => {
+    setMethod(initialMethod);
+    setScriptKind(initialScriptKind);
+    setScript(initialScript);
+  }, [initialMethod, initialScript, initialScriptKind]);
+
+  const commit = (next: { methodValue: string; kind: ScriptKind; scriptValue: string }) => {
+    const nextConfig: Record<string, unknown> = {
+      ...configObject,
+      method: next.methodValue,
+      python: undefined,
+      gpython: undefined,
+    };
+
+    if (next.scriptValue.trim() !== '') {
+      nextConfig[next.kind] = next.scriptValue;
+    }
+
+    onChangeConfig(nextConfig);
+  };
+
+  return (
+    <div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>
+      <div style={{ display: 'flex', gap: 8 }}>
+        <div style={{ flex: 1 }}>
+          <label style={{ fontSize: 12, color: '#334155' }}>Method</label>
+          <input
+            type="text"
+            value={method}
+            onChange={(event) => setMethod(event.target.value)}
+            onBlur={() => commit({ methodValue: method, kind: scriptKind, scriptValue: script })}
+            style={{
+              width: '100%',
+              color: '#000',
+              background: '#fff',
+              border: '1px solid #cbd5e1',
+              borderRadius: 4,
+              padding: '6px 8px',
+            }}
+          />
+        </div>
+        <div style={{ width: 110 }}>
+          <label style={{ fontSize: 12, color: '#334155' }}>Engine</label>
+          <select
+            value={scriptKind}
+            onChange={(event) => {
+              const nextKind = event.target.value as ScriptKind;
+              setScriptKind(nextKind);
+              commit({ methodValue: method, kind: nextKind, scriptValue: script });
+            }}
+            style={{ width: '100%', color: '#000' }}
+          >
+            <option value="python">python</option>
+            <option value="gpython">gpython</option>
+          </select>
+        </div>
+      </div>
+
+      <div>
+        <label style={{ fontSize: 12, color: '#334155' }}>
+          {scriptKind === 'python' ? 'Python Code' : 'GPython Code'}
+        </label>
+        <textarea
+          value={script}
+          onChange={(event) => setScript(event.target.value)}
+          onBlur={() => commit({ methodValue: method, kind: scriptKind, scriptValue: script })}
+          rows={6}
+          style={{
+            width: '100%',
+            fontFamily: 'monospace',
+            fontSize: 12,
+            resize: 'vertical',
+            color: '#000',
+            background: '#fff',
+          }}
+        />
+      </div>
+    </div>
+  );
+}
diff --git a/sifter-view/components/playbook-steps/editors/ProjectStepEditor.tsx b/sifter-view/components/playbook-steps/editors/ProjectStepEditor.tsx
new file mode 100644
index 0000000..99cdc9c
--- /dev/null
+++ b/sifter-view/components/playbook-steps/editors/ProjectStepEditor.tsx
@@ -0,0 +1,124 @@
+import React, { useEffect, useMemo, useState } from 'react';
+
+import type { StepEditorProps } from '../types';
+
+type StringMap = Record<string, string>;
+
+type AnyMap = Record<string, unknown>;
+
+function asObject(value: unknown): Record<string, unknown> {
+  if (value && typeof value === 'object' && !Array.isArray(value)) {
+    return value as Record<string, unknown>;
+  }
+  return {};
+}
+
+function parseJsonObject<T extends Record<string, unknown>>(value: string): T | null {
+  try {
+    const parsed = JSON.parse(value);
+    if (parsed && typeof parsed === 'object' && !Array.isArray(parsed)) {
+      return parsed as T;
+    }
+  } catch {
+    return null;
+  }
+  return null;
+}
+
+export function ProjectStepEditor({ step, onChangeConfig }: StepEditorProps) {
+  const configObject = useMemo(() => asObject(step.config), [step.config]);
+  const mappingValue = useMemo(
+    () => JSON.stringify(asObject(configObject.mapping), null, 2),
+    [configObject.mapping]
+  );
+  const renameValue = useMemo(
+    () => JSON.stringify(asObject(configObject.rename), null, 2),
+    [configObject.rename]
+  );
+
+  const [mappingDraft, setMappingDraft] = useState(mappingValue);
+  const [renameDraft, setRenameDraft] = useState(renameValue);
+  const [mappingError, setMappingError] = useState<string | null>(null);
+  const [renameError, setRenameError] = useState<string | null>(null);
+
+  useEffect(() => {
+    setMappingDraft(mappingValue);
+    setMappingError(null);
+  }, [mappingValue]);
+
+  useEffect(() => {
+    setRenameDraft(renameValue);
+    setRenameError(null);
+  }, [renameValue]);
+
+  const commit = (nextMappingRaw: string, nextRenameRaw: string) => {
+    const parsedMapping = parseJsonObject<AnyMap>(nextMappingRaw);
+    const parsedRenameRaw = parseJsonObject<Record<string, unknown>>(nextRenameRaw);
+
+    if (!parsedMapping) {
+      setMappingError('Mapping must be a JSON object');
+      return;
+    }
+
+    if (!parsedRenameRaw) {
+      setRenameError('Rename must be a JSON object');
+      return;
+    }
+
+    const parsedRename: StringMap = {};
+    for (const [key, value] of Object.entries(parsedRenameRaw)) {
+      parsedRename[key] = String(value ?? '');
+    }
+
+    setMappingError(null);
+    setRenameError(null);
+
+    onChangeConfig({
+      ...configObject,
+      mapping: parsedMapping,
+      rename: parsedRename,
+    });
+  };
+
+  return (
+    <div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>
+      <div>
+        <label style={{ fontSize: 12, color: '#334155' }}>Mapping (JSON object)</label>
+        <textarea
+          value={mappingDraft}
+          onChange={(event) => setMappingDraft(event.target.value)}
+          onBlur={() => commit(mappingDraft, renameDraft)}
+          rows={5}
+          style={{
+            width: '100%',
+            fontFamily: 'monospace',
+            fontSize: 12,
+            resize: 'vertical',
+            color: '#000',
+            background: '#fff',
+          }}
+        />
+        {mappingError && <div style={{ color: '#b91c1c', fontSize: 12 }}>{mappingError}</div>}
+      </div>
+
+      <div>
+        <label style={{ fontSize: 12, color: '#334155' }}>Rename (JSON object)</label>
+        <textarea
+          value={renameDraft}
+          onChange={(event) => setRenameDraft(event.target.value)}
+          onBlur={() => commit(mappingDraft, renameDraft)}
+          rows={4}
+          style={{
+            width: '100%',
+            fontFamily: 'monospace',
+            fontSize: 12,
+            resize: 'vertical',
+            color: '#000',
+            background: '#fff',
+          }}
+        />
+        {renameError && <div style={{ color: '#b91c1c', fontSize: 12 }}>{renameError}</div>}
+      </div>
+    </div>
+  );
+}
diff --git a/sifter-view/components/playbook-steps/editors/index.ts b/sifter-view/components/playbook-steps/editors/index.ts
new file mode 100644
index 0000000..848ae72
--- /dev/null
+++ b/sifter-view/components/playbook-steps/editors/index.ts
@@ -0,0 +1,5 @@
+export { JsonStepEditor } from './JsonStepEditor';
+export { FromStepEditor } from './FromStepEditor';
+export { ProjectStepEditor } from './ProjectStepEditor';
+export { MapStepEditor } from './MapStepEditor';
+export { FilterStepEditor } from './FilterStepEditor';
diff --git a/sifter-view/components/playbook-steps/registry.tsx b/sifter-view/components/playbook-steps/registry.tsx
index ff4f5a1..88fda88 100644
--- a/sifter-view/components/playbook-steps/registry.tsx
+++ b/sifter-view/components/playbook-steps/registry.tsx
@@ -1,6 +1,6 @@
 import type { ComponentType } from 'react';
 
-import type { StepCellProps } from './types';
+import type { StepCellProps, StepEditorProps } from './types';
 import {
   FieldProcessStepCell,
   FromStepCell,
@@ -9,8 +9,11 @@ import {
   ObjectValidateStepCell,
   ProjectStepCell,
 } from './cells';
+import { FromStepEditor, JsonStepEditor } from './editors';
+import { FilterStepEditor, MapStepEditor, ProjectStepEditor } from './editors';
 
 export type StepCellComponent = ComponentType<StepCellProps>;
+export type StepEditorComponent = ComponentType<StepEditorProps>;
 
 export const STEP_OPERATIONS = [
   'from',
@@ -64,9 +67,41 @@ const OPERATION_CELL_COMPONENTS: Record<StepOperation, StepCellComponent> = {
   uuid: GenericStepCell,
 };
 
+const OPERATION_EDITOR_COMPONENTS: Record<StepOperation, StepEditorComponent> = {
+  from: FromStepEditor,
+  split: JsonStepEditor,
+  fieldParse: JsonStepEditor,
+  fieldType: JsonStepEditor,
+  objectValidate: JsonStepEditor,
+  filter: FilterStepEditor,
+  clean: JsonStepEditor,
+  debug: JsonStepEditor,
+  regexReplace: JsonStepEditor,
+  project: ProjectStepEditor,
+  map: MapStepEditor,
+  plugin: JsonStepEditor,
+  flatmap: JsonStepEditor,
+  reduce: JsonStepEditor,
+  distinct: JsonStepEditor,
+  fieldProcess: JsonStepEditor,
+  dropNull: JsonStepEditor,
+  lookup: JsonStepEditor,
+  intervalIntersect: JsonStepEditor,
+  hash: JsonStepEditor,
+  accumulate: JsonStepEditor,
+  uuid: JsonStepEditor,
+};
+
 export function getStepCellComponent(operation: string): StepCellComponent {
   if ((STEP_OPERATIONS as readonly string[]).includes(operation)) {
     return OPERATION_CELL_COMPONENTS[operation as StepOperation];
   }
   return GenericStepCell;
 }
+
+export function getStepEditorComponent(operation: string): StepEditorComponent {
+  if ((STEP_OPERATIONS as readonly string[]).includes(operation)) {
+    return OPERATION_EDITOR_COMPONENTS[operation as StepOperation];
+  }
+  return JsonStepEditor;
+}
diff --git a/sifter-view/components/playbook-steps/types.ts b/sifter-view/components/playbook-steps/types.ts
index cf70e36..c7f4e90 100644
--- a/sifter-view/components/playbook-steps/types.ts
+++ b/sifter-view/components/playbook-steps/types.ts
@@ -8,3 +8,8 @@ export type StepCellProps = {
   index: number;
   isLast: boolean;
 };
+
+export type StepEditorProps = {
+  step: PipelineStep;
+  onChangeConfig: (nextConfig: unknown) => void;
+};
diff --git a/sifter-view/components/usePlaybookPipelineEditor.ts b/sifter-view/components/usePlaybookPipelineEditor.ts
new file mode 100644
index 0000000..868765e
--- /dev/null
+++ b/sifter-view/components/usePlaybookPipelineEditor.ts
@@ -0,0 +1,140 @@
+import { useCallback, useMemo } from 'react';
+import type { Dispatch, SetStateAction } from 'react';
+
+import type { Playbook } from '@/lib/playbookApi';
+import type { PipelineStep } from './playbook-steps/types';
+
+type RawPipelineStep = Record<string, unknown>;
+
+function parsePipelineStep(stepObj: RawPipelineStep): PipelineStep {
+  const [operation, config] = Object.entries(stepObj)[0] ?? ['unknown', null];
+  return { operation, config };
+}
+
+function serializePipelineStep(step: PipelineStep): RawPipelineStep {
+  return { [step.operation]: step.config };
+}
+
+type UsePlaybookPipelineEditorParams = {
+  playbook: Playbook | null;
+  setPlaybook: Dispatch<SetStateAction<Playbook | null>>;
+  selectedPipelineName: string | null;
+  defaultStepOperation: string;
+};
+
+export function usePlaybookPipelineEditor({
+  playbook,
+  setPlaybook,
+  selectedPipelineName,
+  defaultStepOperation,
+}: UsePlaybookPipelineEditorParams) {
+  const selectedPipelineSteps = useMemo(() => {
+    if (!selectedPipelineName || !playbook) {
+      return [] as PipelineStep[];
+    }
+
+    return (playbook.pipelines[selectedPipelineName] ?? []).map((stepObj) =>
+      parsePipelineStep(stepObj as RawPipelineStep)
+    );
+  }, [playbook, selectedPipelineName]);
+
+  const updateSelectedPipelineSteps = useCallback(
+    (updater: (currentSteps: PipelineStep[]) => PipelineStep[]) => {
+      if (!selectedPipelineName) {
+        return;
+      }
+
+      setPlaybook((currentPlaybook) => {
+        if (!currentPlaybook) {
+          return currentPlaybook;
+        }
+
+        const currentPipelineSteps = (currentPlaybook.pipelines[selectedPipelineName] ?? []).map((stepObj) =>
+          parsePipelineStep(stepObj as RawPipelineStep)
+        );
+        const updatedPipelineSteps = updater(currentPipelineSteps);
+
+        return {
+          ...currentPlaybook,
+          pipelines: {
+            ...currentPlaybook.pipelines,
+            [selectedPipelineName]: updatedPipelineSteps.map(serializePipelineStep),
+          },
+        };
+      });
+    },
+    [selectedPipelineName, setPlaybook]
+  );
+
+  const updateStepOperation = useCallback(
+    (index: number, operation: string) => {
+      updateSelectedPipelineSteps((currentSteps) =>
+        currentSteps.map((step, stepIndex) =>
+          stepIndex === index ? { ...step, operation } : step
+        )
+      );
+    },
+    [updateSelectedPipelineSteps]
+  );
+
+  const updateStepConfig = useCallback(
+    (index: number, config: unknown) => {
+      updateSelectedPipelineSteps((currentSteps) =>
+        currentSteps.map((step, stepIndex) =>
+          stepIndex === index ? { ...step, config } : step
+        )
+      );
+    },
+    [updateSelectedPipelineSteps]
+  );
+
+  const reorderSteps = useCallback(
+    (fromIndex: number, toIndex: number) => {
+      if (fromIndex === toIndex) {
+        return;
+      }
+
+      updateSelectedPipelineSteps((currentSteps) => {
+        if (
+          fromIndex < 0 ||
+          toIndex < 0 ||
+          fromIndex >= currentSteps.length ||
+          toIndex >= currentSteps.length
+        ) {
+          return currentSteps;
+        }
+
+        const reorderedSteps = [...currentSteps];
+        const [movedStep] = reorderedSteps.splice(fromIndex, 1);
+        reorderedSteps.splice(toIndex, 0, movedStep);
+        return reorderedSteps;
+      });
+    },
+    [updateSelectedPipelineSteps]
+  );
+
+  const removeStep = useCallback(
+    (index: number) => {
+      updateSelectedPipelineSteps((currentSteps) =>
+        currentSteps.filter((_, stepIndex) => stepIndex !== index)
+      );
+    },
+    [updateSelectedPipelineSteps]
+  );
+
+  const addStep = useCallback(() => {
+    updateSelectedPipelineSteps((currentSteps) => [
+      ...currentSteps,
+      { operation: defaultStepOperation, config: {} },
+    ]);
+  }, [defaultStepOperation, updateSelectedPipelineSteps]);
+
+  return {
+    selectedPipelineSteps,
+    updateStepOperation,
+    updateStepConfig,
+    reorderSteps,
+    removeStep,
+    addStep,
+  };
+}
diff --git a/sifter-view/package-lock.json b/sifter-view/package-lock.json
index 6926b3c..03695c7 100644
--- a/sifter-view/package-lock.json
+++ b/sifter-view/package-lock.json
@@ -13,7 +13,8 @@
         "highlight.js": "^11.11.1",
         "next": "16.1.4",
         "react": "19.2.3",
-        "react-dom": "19.2.3"
+        "react-dom": "19.2.3",
+        "react-icons": "^5.5.0"
       },
       "devDependencies": {
         "@tailwindcss/postcss": "^4",
@@ -5319,6 +5320,15 @@
         "react": "^19.2.3"
       }
     },
+    "node_modules/react-icons": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.5.0.tgz",
+      "integrity": "sha512-MEFcXdkP3dLo8uumGI5xN3lDFNsRtrjbOEKDLD7yv76v4wpnEq2Lt2qeHaQOr34I/wPN3s3+N08WkQ+CW37Xiw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "*"
+      }
+    },
     "node_modules/react-is": {
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
diff --git a/sifter-view/package.json b/sifter-view/package.json
index 9b4eced..87343be 100644
--- a/sifter-view/package.json
+++ b/sifter-view/package.json
@@ -14,7 +14,8 @@
     "highlight.js": "^11.11.1",
     "next": "16.1.4",
     "react": "19.2.3",
-    "react-dom": "19.2.3"
+    "react-dom": "19.2.3",
+    "react-icons": "^5.5.0"
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4",

From e4a9f60517a52403c5ff1c721fba6cb9ed9a974f Mon Sep 17 00:00:00 2001
From: Kyle Ellrott <kellrott@gmail.com>
Date: Fri, 20 Feb 2026 08:07:26 -0800
Subject: [PATCH 10/14] Adding comments to the code

---
 .../components/playbook-steps/registry.tsx     |  6 ++++++
 .../components/usePlaybookPipelineEditor.ts    | 18 ++++++++++++++++++
 2 files changed, 24 insertions(+)

diff --git a/sifter-view/components/playbook-steps/registry.tsx b/sifter-view/components/playbook-steps/registry.tsx
index 88fda88..1578b12 100644
--- a/sifter-view/components/playbook-steps/registry.tsx
+++ b/sifter-view/components/playbook-steps/registry.tsx
@@ -1,3 +1,4 @@
+// Central registry for playbook step operations and their UI components.
 import type { ComponentType } from 'react';
 
 import type { StepCellProps, StepEditorProps } from './types';
@@ -15,6 +16,7 @@ import { FilterStepEditor, MapStepEditor, ProjectStepEditor } from './editors';
 export type StepCellComponent = ComponentType<StepCellProps>;
 export type StepEditorComponent = ComponentType<StepEditorProps>;
 
+// Ordered list of supported pipeline operations surfaced in the editor.
 export const STEP_OPERATIONS = [
   'from',
   'split',
@@ -42,6 +44,7 @@ export const STEP_OPERATIONS = [
 
 type StepOperation = (typeof STEP_OPERATIONS)[number];
 
+// Maps each operation to its corresponding read-only cell renderer.
 const OPERATION_CELL_COMPONENTS: Record<StepOperation, StepCellComponent> = {
   from: FromStepCell,
   split: GenericStepCell,
@@ -67,6 +70,7 @@ const OPERATION_CELL_COMPONENTS: Record<StepOperation, StepCellComponent> = {
   uuid: GenericStepCell,
 };
 
+// Maps each operation to its corresponding editor (form) component.
 const OPERATION_EDITOR_COMPONENTS: Record<StepOperation, StepEditorComponent> = {
   from: FromStepEditor,
   split: JsonStepEditor,
@@ -92,6 +96,7 @@ const OPERATION_EDITOR_COMPONENTS: Record<StepOperation, StepEditorComponent> =
   uuid: JsonStepEditor,
 };
 
+// Resolve a cell renderer for a given operation, falling back to a generic cell.
 export function getStepCellComponent(operation: string): StepCellComponent {
   if ((STEP_OPERATIONS as readonly string[]).includes(operation)) {
     return OPERATION_CELL_COMPONENTS[operation as StepOperation];
@@ -99,6 +104,7 @@ export function getStepCellComponent(operation: string): StepCellComponent {
   return GenericStepCell;
 }
 
+// Resolve an editor component for a given operation, falling back to JSON editor.
 export function getStepEditorComponent(operation: string): StepEditorComponent {
   if ((STEP_OPERATIONS as readonly string[]).includes(operation)) {
     return OPERATION_EDITOR_COMPONENTS[operation as StepOperation];
diff --git a/sifter-view/components/usePlaybookPipelineEditor.ts b/sifter-view/components/usePlaybookPipelineEditor.ts
index 868765e..3b1e61a 100644
--- a/sifter-view/components/usePlaybookPipelineEditor.ts
+++ b/sifter-view/components/usePlaybookPipelineEditor.ts
@@ -1,3 +1,5 @@
+// Provides a focused React hook for editing playbook pipeline steps in the UI,
+// handling normalization between stored pipeline shapes and editor-friendly data.
 import { useCallback, useMemo } from 'react';
 import type { Dispatch, SetStateAction } from 'react';
 
@@ -6,11 +8,13 @@ import type { PipelineStep } from './playbook-steps/types';
 
 type RawPipelineStep = Record<string, unknown>;
 
+// Normalize a raw pipeline step object (single-key record) into a typed shape.
 function parsePipelineStep(stepObj: RawPipelineStep): PipelineStep {
   const [operation, config] = Object.entries(stepObj)[0] ?? ['unknown', null];
   return { operation, config };
 }
 
+// Convert a typed step back into the raw single-key object stored in the playbook.
 function serializePipelineStep(step: PipelineStep): RawPipelineStep {
   return { [step.operation]: step.config };
 }
@@ -28,16 +32,21 @@ export function usePlaybookPipelineEditor({
   selectedPipelineName,
   defaultStepOperation,
 }: UsePlaybookPipelineEditorParams) {
+  // Derive the currently selected pipeline's steps from the playbook.
+  // Memoized to avoid unnecessary recalculation when unrelated state changes.
   const selectedPipelineSteps = useMemo(() => {
     if (!selectedPipelineName || !playbook) {
       return [] as PipelineStep[];
     }
 
+    // Decode raw step objects into a normalized shape for UI consumption.
     return (playbook.pipelines[selectedPipelineName] ?? []).map((stepObj) =>
       parsePipelineStep(stepObj as RawPipelineStep)
     );
   }, [playbook, selectedPipelineName]);
 
+  // Centralized updater that replaces the selected pipeline steps immutably.
+  // Safeguards against missing selection or playbook state.
   const updateSelectedPipelineSteps = useCallback(
     (updater: (currentSteps: PipelineStep[]) => PipelineStep[]) => {
       if (!selectedPipelineName) {
@@ -49,11 +58,13 @@ export function usePlaybookPipelineEditor({
           return currentPlaybook;
         }
 
+        // Rehydrate current steps for a deterministic update.
         const currentPipelineSteps = (currentPlaybook.pipelines[selectedPipelineName] ?? []).map((stepObj) =>
           parsePipelineStep(stepObj as RawPipelineStep)
         );
         const updatedPipelineSteps = updater(currentPipelineSteps);
 
+        // Persist updated steps back into the playbook shape.
         return {
           ...currentPlaybook,
           pipelines: {
@@ -66,6 +77,7 @@ export function usePlaybookPipelineEditor({
     [selectedPipelineName, setPlaybook]
   );
 
+  // Update only the operation of a specific step.
   const updateStepOperation = useCallback(
     (index: number, operation: string) => {
       updateSelectedPipelineSteps((currentSteps) =>
@@ -77,6 +89,7 @@ export function usePlaybookPipelineEditor({
     [updateSelectedPipelineSteps]
   );
 
+  // Update only the config payload of a specific step.
   const updateStepConfig = useCallback(
     (index: number, config: unknown) => {
       updateSelectedPipelineSteps((currentSteps) =>
@@ -88,6 +101,7 @@ export function usePlaybookPipelineEditor({
     [updateSelectedPipelineSteps]
   );
 
+  // Move a step within the selected pipeline.
   const reorderSteps = useCallback(
     (fromIndex: number, toIndex: number) => {
       if (fromIndex === toIndex) {
@@ -95,6 +109,7 @@ export function usePlaybookPipelineEditor({
       }
 
       updateSelectedPipelineSteps((currentSteps) => {
+        // Validate indices to keep the operation a no-op for invalid inputs.
         if (
           fromIndex < 0 ||
           toIndex < 0 ||
@@ -104,6 +119,7 @@ export function usePlaybookPipelineEditor({
           return currentSteps;
         }
 
+        // Clone array before in-place mutation for predictable state updates.
         const reorderedSteps = [...currentSteps];
         const [movedStep] = reorderedSteps.splice(fromIndex, 1);
         reorderedSteps.splice(toIndex, 0, movedStep);
@@ -113,6 +129,7 @@ export function usePlaybookPipelineEditor({
     [updateSelectedPipelineSteps]
   );
 
+  // Remove a step at the given index.
   const removeStep = useCallback(
     (index: number) => {
       updateSelectedPipelineSteps((currentSteps) =>
@@ -122,6 +139,7 @@ export function usePlaybookPipelineEditor({
     [updateSelectedPipelineSteps]
   );
 
+  // Append a new step with the default operation and an empty config.
   const addStep = useCallback(() => {
     updateSelectedPipelineSteps((currentSteps) => [
       ...currentSteps,

From 8bdcb5982392b51691ed383ea37e5c67572d2965 Mon Sep 17 00:00:00 2001
From: Kyle Ellrott <kellrott@gmail.com>
Date: Mon, 9 Mar 2026 22:54:06 -0700
Subject: [PATCH 11/14] Adding methods to capture inter-step communication

---
 cmd/run/main.go     |   8 +-
 cmd/run/run.go      |  26 +++++-
 playbook/execute.go | 220 ++++++++++++++++++++++++++++++++++++++++++--
 3 files changed, 238 insertions(+), 16 deletions(-)

diff --git a/cmd/run/main.go b/cmd/run/main.go
index 8b3f016..775297b 100644
--- a/cmd/run/main.go
+++ b/cmd/run/main.go
@@ -14,6 +14,8 @@ var outDir string = ""
 var paramsFile string = ""
 var verbose bool = false
 var cmdParams map[string]string
+var debugOutputDir string = ""
+var debugSampleLimit int = 10
 
 // Cmd is the declaration of the command line
 var Cmd = &cobra.Command{
@@ -46,11 +48,11 @@ var Cmd = &cobra.Command{
 				}
 				pb := playbook.Playbook{}
 				playbook.ParseBytes(yaml, "./playbook.yaml", &pb)
-				if err := Execute(pb, "./", "./", outDir, params); err != nil {
+				if err := Execute(pb, "./", "./", outDir, params, debugOutputDir, debugSampleLimit); err != nil {
 					return err
 				}
 			} else {
-				if err := ExecuteFile(playFile, "./", outDir, params); err != nil {
+				if err := ExecuteFile(playFile, "./", outDir, params, debugOutputDir, debugSampleLimit); err != nil {
 					return err
 				}
 			}
@@ -65,4 +67,6 @@ func init() {
 	flags.BoolVarP(&verbose, "verbose", "v", verbose, "Verbose logging")
 	flags.StringToStringVarP(&cmdParams, "param", "p", cmdParams, "Parameter variable")
 	flags.StringVarP(&paramsFile, "params-file", "f", paramsFile, "Parameter file")
+	flags.StringVarP(&debugOutputDir, "debug-output-dir", "d", "", "Directory for debug capture files (default: ./debug-capture)")
+	flags.IntVarP(&debugSampleLimit, "debug-sample-limit", "l", 10, "Max records to capture per step (0 = unlimited)")
 }
diff --git a/cmd/run/run.go b/cmd/run/run.go
index 42651b2..e3e5e19 100644
--- a/cmd/run/run.go
+++ b/cmd/run/run.go
@@ -9,7 +9,7 @@ import (
 	"github.com/bmeg/sifter/task"
 )
 
-func ExecuteFile(playFile string, workDir string, outDir string, inputs map[string]string) error {
+func ExecuteFile(playFile string, workDir string, outDir string, inputs map[string]string, debugDir string, debugLimit int) error {
 	logger.Info("Starting", "playFile", playFile)
 	pb := playbook.Playbook{}
 	if err := playbook.ParseFile(playFile, &pb); err != nil {
@@ -19,10 +19,10 @@ func ExecuteFile(playFile string, workDir string, outDir string, inputs map[stri
 	a, _ := filepath.Abs(playFile)
 	baseDir := filepath.Dir(a)
 	logger.Debug("parsed file", "baseDir", baseDir, "playbook", pb)
-	return Execute(pb, baseDir, workDir, outDir, inputs)
+	return Execute(pb, baseDir, workDir, outDir, inputs, debugDir, debugLimit)
 }
 
-func Execute(pb playbook.Playbook, baseDir string, workDir string, outDir string, params map[string]string) error {
+func Execute(pb playbook.Playbook, baseDir string, workDir string, outDir string, params map[string]string, debugDir string, debugLimit int) error {
 
 	if outDir == "" {
 		outDir = pb.GetDefaultOutDir()
@@ -32,6 +32,24 @@ func Execute(pb playbook.Playbook, baseDir string, workDir string, outDir string
 		os.MkdirAll(outDir, 0777)
 	}
 
+	// Setup debug capture directory if enabled
+	// Enable if: user explicitly set dir, OR user changed limit from default
+	enableDebug := debugDir != "" || (debugLimit != 10)
+	if enableDebug {
+		if debugDir == "" {
+			debugDir = filepath.Join(workDir, "debug-capture")
+		} else if !filepath.IsAbs(debugDir) {
+			debugDir = filepath.Join(workDir, debugDir)
+		}
+		if _, err := os.Stat(debugDir); os.IsNotExist(err) {
+			if err := os.MkdirAll(debugDir, 0777); err != nil {
+				logger.Error("Failed to create debug directory", "error", err)
+				return err
+			}
+		}
+		logger.Info("Debug capture enabled", "dir", debugDir, "limit", debugLimit)
+	}
+
 	nInputs, err := pb.PrepConfig(params, workDir)
 	if err != nil {
 		return err
@@ -39,6 +57,6 @@ func Execute(pb playbook.Playbook, baseDir string, workDir string, outDir string
 	logger.Debug("Running", "outDir", outDir)
 
 	t := task.NewTask(pb.Name, baseDir, workDir, outDir, nInputs)
-	err = pb.Execute(t)
+	err = pb.Execute(t, debugDir, debugLimit)
 	return err
 }
diff --git a/playbook/execute.go b/playbook/execute.go
index ed126ab..42efb5f 100644
--- a/playbook/execute.go
+++ b/playbook/execute.go
@@ -1,9 +1,14 @@
 package playbook
 
 import (
+	"encoding/json"
 	"fmt"
+	"os"
 	"path/filepath"
 	"strings"
+	"sync"
+	"sync/atomic"
+	"time"
 
 	"github.com/bmeg/flame"
 	"github.com/bmeg/sifter/logger"
@@ -119,7 +124,52 @@ type joinStruct struct {
 	proc transform.JoinProcessor
 }
 
-func (pb *Playbook) Execute(task task.RuntimeTask) error {
+// stepCaptureState tracks debug capture state for a single step
+type stepCaptureState struct {
+	pipelineName string
+	stepIndex    int
+	stepType     string
+	count        uint64
+	limit        int
+	file         *os.File
+	mu           sync.Mutex
+}
+
+// captureRecord writes a debug record to the capture file
+func (s *stepCaptureState) captureRecord(record map[string]any) {
+	if s.limit > 0 {
+		currentCount := atomic.LoadUint64(&s.count)
+		if currentCount >= uint64(s.limit) {
+			return
+		}
+	}
+
+	recordNum := atomic.AddUint64(&s.count, 1)
+
+	envelope := map[string]any{
+		"pipeline":   s.pipelineName,
+		"step_index": s.stepIndex,
+		"step_type":  s.stepType,
+		"record_num": recordNum,
+		"timestamp":  time.Now().UTC().Format(time.RFC3339),
+		"data":       record,
+	}
+
+	s.mu.Lock()
+	defer s.mu.Unlock()
+
+	if s.file != nil {
+		data, err := json.Marshal(envelope)
+		if err == nil {
+			s.file.Write(data)
+			s.file.Write([]byte("\n"))
+		} else {
+			logger.Error("Failed to marshal debug record", "error", err)
+		}
+	}
+}
+
+func (pb *Playbook) Execute(task task.RuntimeTask, debugDir string, debugLimit int) error {
 	logger.Debug("Running playbook")
 	logger.Debug("Inputs", "config", task.GetConfig())
 
@@ -148,6 +198,43 @@ func (pb *Playbook) Execute(task task.RuntimeTask) error {
 
 	procs := []transform.Processor{}
 	joins := []joinStruct{}
+	captureFiles := []*os.File{} // Track all open capture files for cleanup
+
+	// Helper function to sanitize filename components
+	sanitizeFilename := func(s string) string {
+		s = strings.ReplaceAll(s, "*", "")
+		s = strings.ReplaceAll(s, "/", "_")
+		s = strings.ReplaceAll(s, "\\", "_")
+		return s
+	}
+
+	// Helper function to create capture state for a step
+	createCaptureState := func(pipelineName string, stepIndex int, stepType string) *stepCaptureState {
+		if debugDir == "" {
+			return nil
+		}
+
+		filename := fmt.Sprintf("%s.step%d.%s.ndjson", pipelineName, stepIndex, sanitizeFilename(stepType))
+		filepath := filepath.Join(debugDir, filename)
+
+		file, err := os.Create(filepath)
+		if err != nil {
+			logger.Error("Failed to create debug capture file", "path", filepath, "error", err)
+			return nil
+		}
+
+		captureFiles = append(captureFiles, file)
+		logger.Debug("Created debug capture file", "path", filepath)
+
+		return &stepCaptureState{
+			pipelineName: pipelineName,
+			stepIndex:    stepIndex,
+			stepType:     stepType,
+			count:        0,
+			limit:        debugLimit,
+			file:         file,
+		}
+	}
 
 	for k, v := range pb.Pipelines {
 		var lastStep flame.Emitter[map[string]any]
@@ -163,7 +250,22 @@ func (pb *Playbook) Execute(task task.RuntimeTask) error {
 
 			if mProcess, ok := b.(transform.NodeProcessor); ok {
 				logger.Debug("PipelineSetup", "name", k, "step", i, "processor", fmt.Sprintf("%T", mProcess))
-				c := flame.AddFlatMapper(wf, mProcess.Process)
+
+				// Create capture state for this step
+				captureState := createCaptureState(k, i, fmt.Sprintf("%T", mProcess))
+
+				// Wrap the process function if capture is enabled
+				var processFunc func(map[string]any) []map[string]any
+				if captureState != nil {
+					processFunc = func(record map[string]any) []map[string]any {
+						captureState.captureRecord(record)
+						return mProcess.Process(record)
+					}
+				} else {
+					processFunc = mProcess.Process
+				}
+
+				c := flame.AddFlatMapper(wf, processFunc)
 				if lastStep != nil {
 					c.Connect(lastStep)
 				}
@@ -178,12 +280,27 @@ func (pb *Playbook) Execute(task task.RuntimeTask) error {
 				}
 			} else if mProcess, ok := b.(transform.MapProcessor); ok {
 				logger.Debug("Pipeline Pool", "name", k, "step", i, "processor", b)
+
+				// Create capture state for this step
+				captureState := createCaptureState(k, i, fmt.Sprintf("%T", mProcess))
+
+				// Wrap the process function if capture is enabled
+				var processFunc func(map[string]any) map[string]any
+				if captureState != nil {
+					processFunc = func(record map[string]any) map[string]any {
+						captureState.captureRecord(record)
+						return mProcess.Process(record)
+					}
+				} else {
+					processFunc = mProcess.Process
+				}
+
 				var c flame.Node[map[string]any, map[string]any]
 				if mProcess.PoolReady() {
 					logger.Debug("Starting pool worker")
-					c = flame.AddMapperPool(wf, mProcess.Process, 4) // TODO: config pool count
+					c = flame.AddMapperPool(wf, processFunc, 4) // TODO: config pool count
 				} else {
-					c = flame.AddMapper(wf, mProcess.Process)
+					c = flame.AddMapper(wf, processFunc)
 				}
 				if lastStep != nil {
 					c.Connect(lastStep)
@@ -199,12 +316,27 @@ func (pb *Playbook) Execute(task task.RuntimeTask) error {
 				}
 			} else if mProcess, ok := b.(transform.FlatMapProcessor); ok {
 				logger.Debug("Pipeline flatmap", "name", k, "step", i, "processor", b)
+
+				// Create capture state for this step
+				captureState := createCaptureState(k, i, fmt.Sprintf("%T", mProcess))
+
+				// Wrap the process function if capture is enabled
+				var processFunc func(map[string]any) []map[string]any
+				if captureState != nil {
+					processFunc = func(record map[string]any) []map[string]any {
+						captureState.captureRecord(record)
+						return mProcess.Process(record)
+					}
+				} else {
+					processFunc = mProcess.Process
+				}
+
 				var c flame.Node[map[string]any, map[string]any]
 				if mProcess.PoolReady() {
 					//	log.Printf("Starting pool worker")
-					c = flame.AddFlatMapperPool(wf, mProcess.Process, 4) // TODO: config pool count
+					c = flame.AddFlatMapperPool(wf, processFunc, 4) // TODO: config pool count
 				} else {
-					c = flame.AddFlatMapper(wf, mProcess.Process)
+					c = flame.AddFlatMapper(wf, processFunc)
 				}
 				if lastStep != nil {
 					c.Connect(lastStep)
@@ -220,6 +352,8 @@ func (pb *Playbook) Execute(task task.RuntimeTask) error {
 				}
 			} else if mProcess, ok := b.(transform.StreamProcessor); ok {
 				logger.Info("Pipeline stream %s step %d: %T", k, i, b)
+				// Note: StreamProcessor uses channels, not suitable for simple record capture
+				// Would need to wrap the entire channel processing, which is complex
 				c := flame.AddStreamer(wf, mProcess.Process)
 				if c != nil {
 					if lastStep != nil {
@@ -235,6 +369,8 @@ func (pb *Playbook) Execute(task task.RuntimeTask) error {
 				}
 			} else if jProcess, ok := b.(transform.JoinProcessor); ok {
 				logger.Debug("Pipeline Join Step")
+				// Note: JoinProcessor uses channels, not suitable for simple record capture
+				// Would need to wrap the entire channel processing, which is complex
 				c := flame.AddJoin(wf, jProcess.Process)
 				if c != nil {
 					if lastStep != nil {
@@ -253,9 +389,38 @@ func (pb *Playbook) Execute(task task.RuntimeTask) error {
 				}
 			} else if rProcess, ok := b.(transform.ReduceProcessor); ok {
 				logger.Debug("Pipeline reduce %s step %d: %T", k, i, b)
+
+				// Create capture state for this step (pre-reduce)
+				captureStateInput := createCaptureState(k, i, fmt.Sprintf("%T-input", rProcess))
+				captureStateOutput := createCaptureState(k, i, fmt.Sprintf("%T-output", rProcess))
+
 				wrap := reduceWrapper{rProcess}
-				k := flame.AddMapper(wf, wrap.addKeyValue)
-				r := flame.AddReduceKey(wf, rProcess.Reduce, rProcess.GetInit())
+
+				// Wrap addKeyValue if capturing input
+				var addKeyValueFunc func(map[string]any) flame.KeyValue[string, map[string]any]
+				if captureStateInput != nil {
+					addKeyValueFunc = func(x map[string]any) flame.KeyValue[string, map[string]any] {
+						captureStateInput.captureRecord(x)
+						return wrap.addKeyValue(x)
+					}
+				} else {
+					addKeyValueFunc = wrap.addKeyValue
+				}
+
+				// Wrap reduce function if capturing output
+				var reduceFunc func(string, map[string]any, map[string]any) map[string]any
+				if captureStateOutput != nil {
+					reduceFunc = func(key string, acc map[string]any, val map[string]any) map[string]any {
+						result := rProcess.Reduce(key, acc, val)
+						captureStateOutput.captureRecord(result)
+						return result
+					}
+				} else {
+					reduceFunc = rProcess.Reduce
+				}
+
+				k := flame.AddMapper(wf, addKeyValueFunc)
+				r := flame.AddReduceKey(wf, reduceFunc, rProcess.GetInit())
 				c := flame.AddFlatMapper(wf, wrap.removeKeyValue)
 				if lastStep != nil {
 					k.Connect(lastStep)
@@ -269,9 +434,37 @@ func (pb *Playbook) Execute(task task.RuntimeTask) error {
 			} else if rProcess, ok := b.(transform.AccumulateProcessor); ok {
 				logger.Debug("Pipeline accumulate %s step %d: %T", k, i, b)
 
+				// Create capture state for this step
+				captureStateInput := createCaptureState(k, i, fmt.Sprintf("%T-input", rProcess))
+				captureStateOutput := createCaptureState(k, i, fmt.Sprintf("%T-output", rProcess))
+
 				wrap := accumulateWrapper{rProcess}
-				k := flame.AddMapper(wf, wrap.addKeyValue)
-				r := flame.AddAccumulate(wf, rProcess.Accumulate)
+
+				// Wrap addKeyValue if capturing input
+				var addKeyValueFunc func(map[string]any) flame.KeyValue[string, map[string]any]
+				if captureStateInput != nil {
+					addKeyValueFunc = func(x map[string]any) flame.KeyValue[string, map[string]any] {
+						captureStateInput.captureRecord(x)
+						return wrap.addKeyValue(x)
+					}
+				} else {
+					addKeyValueFunc = wrap.addKeyValue
+				}
+
+				// Wrap accumulate function if capturing output
+				var accumulateFunc func(string, []map[string]any) map[string]any
+				if captureStateOutput != nil {
+					accumulateFunc = func(key string, vals []map[string]any) map[string]any {
+						result := rProcess.Accumulate(key, vals)
+						captureStateOutput.captureRecord(result)
+						return result
+					}
+				} else {
+					accumulateFunc = rProcess.Accumulate
+				}
+
+				k := flame.AddMapper(wf, addKeyValueFunc)
+				r := flame.AddAccumulate(wf, accumulateFunc)
 				c := flame.AddFlatMapper(wf, wrap.removeKeyValue)
 				if lastStep != nil {
 					k.Connect(lastStep)
@@ -376,6 +569,13 @@ func (pb *Playbook) Execute(task task.RuntimeTask) error {
 		outputs[k].Close()
 	}
 
+	// Close all debug capture files
+	for _, f := range captureFiles {
+		if f != nil {
+			f.Close()
+		}
+	}
+
 	task.Close()
 	return nil
 }

From 40fac5f10b3b07d5c7ca6575a102ecb1a5580b38 Mon Sep 17 00:00:00 2001
From: Kyle Ellrott <kellrott@gmail.com>
Date: Tue, 10 Mar 2026 11:49:57 -0700
Subject: [PATCH 12/14] Updating capture output

---
 README.md               | 14 ++++++--
 cmd/run/main.go         | 13 +++----
 extractors/interface.go | 14 ++++++++
 playbook/execute.go     | 75 ++++++++++++++++++++++++++---------------
 4 files changed, 80 insertions(+), 36 deletions(-)

diff --git a/README.md b/README.md
index 1fae78f..32733be 100644
--- a/README.md
+++ b/README.md
@@ -32,15 +32,23 @@ class: sifter
 name: census_2010
 
 params:
-  census: ../data/census_2010_byzip.json
-  date: "2010-01-01"
-  schema: ../covid19_datadictionary/gdcdictionary/schemas/
+  census: 
+    type: file
+    default: ../data/census_2010_byzip.json
+  date: 
+    default: "2010-01-01"
+  schema: 
+    type: path
+    default: ../covid19_datadictionary/gdcdictionary/schemas/
 
 inputs:
   censusData:
     jsonLoad:
       input: "{{params.census}}"
 
+outputs:
+
+
 pipelines:
   transform:
     - from: censusData
diff --git a/cmd/run/main.go b/cmd/run/main.go
index 775297b..cbab677 100644
--- a/cmd/run/main.go
+++ b/cmd/run/main.go
@@ -14,8 +14,8 @@ var outDir string = ""
 var paramsFile string = ""
 var verbose bool = false
 var cmdParams map[string]string
-var debugOutputDir string = ""
-var debugSampleLimit int = 10
+var captureDir string = ""
+var captureLimit int = 10
 
 // Cmd is the declaration of the command line
 var Cmd = &cobra.Command{
@@ -48,11 +48,11 @@ var Cmd = &cobra.Command{
 				}
 				pb := playbook.Playbook{}
 				playbook.ParseBytes(yaml, "./playbook.yaml", &pb)
-				if err := Execute(pb, "./", "./", outDir, params, debugOutputDir, debugSampleLimit); err != nil {
+				if err := Execute(pb, "./", "./", outDir, params, captureDir, captureLimit); err != nil {
 					return err
 				}
 			} else {
-				if err := ExecuteFile(playFile, "./", outDir, params, debugOutputDir, debugSampleLimit); err != nil {
+				if err := ExecuteFile(playFile, "./", outDir, params, captureDir, captureLimit); err != nil {
 					return err
 				}
 			}
@@ -67,6 +67,7 @@ func init() {
 	flags.BoolVarP(&verbose, "verbose", "v", verbose, "Verbose logging")
 	flags.StringToStringVarP(&cmdParams, "param", "p", cmdParams, "Parameter variable")
 	flags.StringVarP(&paramsFile, "params-file", "f", paramsFile, "Parameter file")
-	flags.StringVarP(&debugOutputDir, "debug-output-dir", "d", "", "Directory for debug capture files (default: ./debug-capture)")
-	flags.IntVarP(&debugSampleLimit, "debug-sample-limit", "l", 10, "Max records to capture per step (0 = unlimited)")
+	flags.StringVarP(&captureDir, "capture-dir", "d", "", "Directory for capture files (default: None)")
+	flags.IntVarP(&captureLimit, "capture-limit", "l", 10, "Max records to capture per step (0 = unlimited)")
+	flags.StringVarP(&outDir, "output", "o", outDir, "Output directory for playbook results (default: current directory or value specified in playbook)")
 }
diff --git a/extractors/interface.go b/extractors/interface.go
index 9655dc8..bc99ae0 100644
--- a/extractors/interface.go
+++ b/extractors/interface.go
@@ -44,6 +44,20 @@ func (ex *Extractor) Start(t task.RuntimeTask) (chan map[string]interface{}, err
 	return nil, fmt.Errorf(("Extractor not defined"))
 }
 
+func (ex *Extractor) GetType() reflect.Type {
+	v := reflect.ValueOf(ex).Elem()
+	for i := 0; i < v.NumField(); i++ {
+		f := v.Field(i)
+		x := f.Interface()
+		if _, ok := x.(Source); ok {
+			if !f.IsNil() {
+				return f.Type()
+			}
+		}
+	}
+	return nil
+}
+
 func (ex *Extractor) GetRequiredParams() []config.ParamRequest {
 	out := []config.ParamRequest{}
 	v := reflect.ValueOf(ex).Elem()
diff --git a/playbook/execute.go b/playbook/execute.go
index 42efb5f..03a4956 100644
--- a/playbook/execute.go
+++ b/playbook/execute.go
@@ -169,7 +169,7 @@ func (s *stepCaptureState) captureRecord(record map[string]any) {
 	}
 }
 
-func (pb *Playbook) Execute(task task.RuntimeTask, debugDir string, debugLimit int) error {
+func (pb *Playbook) Execute(task task.RuntimeTask, captureDir string, captureLimit int) error {
 	logger.Debug("Running playbook")
 	logger.Debug("Inputs", "config", task.GetConfig())
 
@@ -180,22 +180,6 @@ func (pb *Playbook) Execute(task task.RuntimeTask, debugDir string, debugLimit i
 	}
 	task.SetName(pb.Name)
 
-	outNodes := map[string]flame.Emitter[map[string]any]{}
-	inNodes := map[string]flame.Receiver[map[string]any]{}
-	outputs := map[string]OutputProcessor{}
-
-	for n, v := range pb.Inputs {
-		logger.Debug("Setting Up", "name", n)
-		s, err := v.Start(task)
-		if err == nil {
-			c := flame.AddSourceChan(wf, s)
-			outNodes[n] = c
-		} else {
-			logger.Error("Source error", "error", err)
-			return err
-		}
-	}
-
 	procs := []transform.Processor{}
 	joins := []joinStruct{}
 	captureFiles := []*os.File{} // Track all open capture files for cleanup
@@ -205,17 +189,19 @@ func (pb *Playbook) Execute(task task.RuntimeTask, debugDir string, debugLimit i
 		s = strings.ReplaceAll(s, "*", "")
 		s = strings.ReplaceAll(s, "/", "_")
 		s = strings.ReplaceAll(s, "\\", "_")
+		s = strings.ReplaceAll(s, "transform.", "")  // Remove package prefix for readability
+		s = strings.ReplaceAll(s, "extractors.", "") // Remove package prefix for readability
 		return s
 	}
 
 	// Helper function to create capture state for a step
 	createCaptureState := func(pipelineName string, stepIndex int, stepType string) *stepCaptureState {
-		if debugDir == "" {
+		if captureDir == "" {
 			return nil
 		}
 
-		filename := fmt.Sprintf("%s.step%d.%s.ndjson", pipelineName, stepIndex, sanitizeFilename(stepType))
-		filepath := filepath.Join(debugDir, filename)
+		filename := fmt.Sprintf("%s.%d.%s.ndjson", pipelineName, stepIndex, sanitizeFilename(stepType))
+		filepath := filepath.Join(captureDir, filename)
 
 		file, err := os.Create(filepath)
 		if err != nil {
@@ -231,15 +217,43 @@ func (pb *Playbook) Execute(task task.RuntimeTask, debugDir string, debugLimit i
 			stepIndex:    stepIndex,
 			stepType:     stepType,
 			count:        0,
-			limit:        debugLimit,
+			limit:        captureLimit,
 			file:         file,
 		}
 	}
 
+	outNodes := map[string]flame.Emitter[map[string]any]{}
+	inNodes := map[string]flame.Receiver[map[string]any]{}
+	outputs := map[string]OutputProcessor{}
+
+	for n, v := range pb.Inputs {
+		logger.Debug("Setting Up", "name", n)
+		s, err := v.Start(task)
+		if err == nil {
+			sourceNode := flame.AddSourceChan(wf, s)
+
+			captureState := createCaptureState(n, 0, v.GetType().String())
+			if captureState != nil {
+				captureMapper := flame.AddMapper(wf, func(record map[string]any) map[string]any {
+					captureState.captureRecord(record)
+					return record
+				})
+				captureMapper.Connect(sourceNode)
+				outNodes[n] = captureMapper
+			} else {
+				outNodes[n] = sourceNode
+			}
+		} else {
+			logger.Error("Source error", "error", err)
+			return err
+		}
+	}
+
 	for k, v := range pb.Pipelines {
 		var lastStep flame.Emitter[map[string]any]
 		var firstStep flame.Receiver[map[string]any]
 		for i, s := range v {
+
 			b, err := s.Init(task)
 			if err != nil {
 				logger.Error("Pipeline error", "name", k, "error", err)
@@ -258,8 +272,11 @@ func (pb *Playbook) Execute(task task.RuntimeTask, debugDir string, debugLimit i
 				var processFunc func(map[string]any) []map[string]any
 				if captureState != nil {
 					processFunc = func(record map[string]any) []map[string]any {
-						captureState.captureRecord(record)
-						return mProcess.Process(record)
+						out := mProcess.Process(record)
+						for _, r := range out {
+							captureState.captureRecord(r)
+						}
+						return out
 					}
 				} else {
 					processFunc = mProcess.Process
@@ -288,8 +305,9 @@ func (pb *Playbook) Execute(task task.RuntimeTask, debugDir string, debugLimit i
 				var processFunc func(map[string]any) map[string]any
 				if captureState != nil {
 					processFunc = func(record map[string]any) map[string]any {
-						captureState.captureRecord(record)
-						return mProcess.Process(record)
+						out := mProcess.Process(record)
+						captureState.captureRecord(out)
+						return out
 					}
 				} else {
 					processFunc = mProcess.Process
@@ -324,8 +342,11 @@ func (pb *Playbook) Execute(task task.RuntimeTask, debugDir string, debugLimit i
 				var processFunc func(map[string]any) []map[string]any
 				if captureState != nil {
 					processFunc = func(record map[string]any) []map[string]any {
-						captureState.captureRecord(record)
-						return mProcess.Process(record)
+						out := mProcess.Process(record)
+						for _, r := range out {
+							captureState.captureRecord(r)
+						}
+						return out
 					}
 				} else {
 					processFunc = mProcess.Process

From 7d7b33664789dfa9e359fc6a0ecc13e3200cce5d Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 10 Mar 2026 19:07:41 +0000
Subject: [PATCH 13/14] Initial plan


From a9a8d84434852074c9c27f8127810230f117e33e Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 10 Mar 2026 19:15:21 +0000
Subject: [PATCH 14/14] Address code review comments: sanitize filenames, fix
 racy limit, handle write errors, defer cleanup, improve Stat handling, add
 Execute wrapper, add capture test

Co-authored-by: kellrott <113868+kellrott@users.noreply.github.com>
---
 cmd/run/run.go            | 17 +++++++--
 playbook/execute.go       | 77 +++++++++++++++++++++++++++++----------
 test/command_line_test.go | 69 +++++++++++++++++++++++++++++++++++
 3 files changed, 140 insertions(+), 23 deletions(-)

diff --git a/cmd/run/run.go b/cmd/run/run.go
index e3e5e19..0c491e0 100644
--- a/cmd/run/run.go
+++ b/cmd/run/run.go
@@ -1,6 +1,7 @@
 package run
 
 import (
+	"fmt"
 	"os"
 	"path/filepath"
 
@@ -41,11 +42,19 @@ func Execute(pb playbook.Playbook, baseDir string, workDir string, outDir string
 		} else if !filepath.IsAbs(debugDir) {
 			debugDir = filepath.Join(workDir, debugDir)
 		}
-		if _, err := os.Stat(debugDir); os.IsNotExist(err) {
-			if err := os.MkdirAll(debugDir, 0777); err != nil {
-				logger.Error("Failed to create debug directory", "error", err)
+		if info, err := os.Stat(debugDir); err != nil {
+			if os.IsNotExist(err) {
+				if mkErr := os.MkdirAll(debugDir, 0777); mkErr != nil {
+					logger.Error("Failed to create debug directory", "error", mkErr)
+					return mkErr
+				}
+			} else {
+				logger.Error("Failed to access debug directory", "path", debugDir, "error", err)
 				return err
 			}
+		} else if !info.IsDir() {
+			logger.Error("Debug path exists but is not a directory", "path", debugDir)
+			return fmt.Errorf("debug path %s exists but is not a directory", debugDir)
 		}
 		logger.Info("Debug capture enabled", "dir", debugDir, "limit", debugLimit)
 	}
@@ -57,6 +66,6 @@ func Execute(pb playbook.Playbook, baseDir string, workDir string, outDir string
 	logger.Debug("Running", "outDir", outDir)
 
 	t := task.NewTask(pb.Name, baseDir, workDir, outDir, nInputs)
-	err = pb.Execute(t, debugDir, debugLimit)
+	err = pb.ExecuteWithCapture(t, debugDir, debugLimit)
 	return err
 }
diff --git a/playbook/execute.go b/playbook/execute.go
index 03a4956..518084b 100644
--- a/playbook/execute.go
+++ b/playbook/execute.go
@@ -137,14 +137,22 @@ type stepCaptureState struct {
 
 // captureRecord writes a debug record to the capture file
 func (s *stepCaptureState) captureRecord(record map[string]any) {
-	if s.limit > 0 {
+	var recordNum uint64
+
+	for {
 		currentCount := atomic.LoadUint64(&s.count)
-		if currentCount >= uint64(s.limit) {
+
+		// Enforce limit strictly under concurrency
+		if s.limit > 0 && currentCount >= uint64(s.limit) {
 			return
 		}
-	}
 
-	recordNum := atomic.AddUint64(&s.count, 1)
+		next := currentCount + 1
+		if atomic.CompareAndSwapUint64(&s.count, currentCount, next) {
+			recordNum = next
+			break
+		}
+	}
 
 	envelope := map[string]any{
 		"pipeline":   s.pipelineName,
@@ -161,15 +169,28 @@ func (s *stepCaptureState) captureRecord(record map[string]any) {
 	if s.file != nil {
 		data, err := json.Marshal(envelope)
 		if err == nil {
-			s.file.Write(data)
-			s.file.Write([]byte("\n"))
+			if _, writeErr := s.file.Write(data); writeErr != nil {
+				logger.Error("Failed to write debug record data", "error", writeErr)
+				return
+			}
+			if _, writeErr := s.file.Write([]byte("\n")); writeErr != nil {
+				logger.Error("Failed to write debug record newline", "error", writeErr)
+				return
+			}
 		} else {
 			logger.Error("Failed to marshal debug record", "error", err)
 		}
 	}
 }
 
-func (pb *Playbook) Execute(task task.RuntimeTask, captureDir string, captureLimit int) error {
+// Execute runs the playbook without debug capture.
+// This maintains the original public API signature for backward compatibility.
+func (pb *Playbook) Execute(task task.RuntimeTask) error {
+	return pb.ExecuteWithCapture(task, "", 0)
+}
+
+// ExecuteWithCapture runs the playbook with optional debug capture configuration.
+func (pb *Playbook) ExecuteWithCapture(task task.RuntimeTask, captureDir string, captureLimit int) error {
 	logger.Debug("Running playbook")
 	logger.Debug("Inputs", "config", task.GetConfig())
 
@@ -183,6 +204,13 @@ func (pb *Playbook) Execute(task task.RuntimeTask, captureDir string, captureLim
 	procs := []transform.Processor{}
 	joins := []joinStruct{}
 	captureFiles := []*os.File{} // Track all open capture files for cleanup
+	defer func() {
+		for _, f := range captureFiles {
+			if f != nil {
+				_ = f.Close()
+			}
+		}
+	}()
 
 	// Helper function to sanitize filename components
 	sanitizeFilename := func(s string) string {
@@ -194,23 +222,41 @@ func (pb *Playbook) Execute(task task.RuntimeTask, captureDir string, captureLim
 		return s
 	}
 
+	// Helper function to sanitize pipeline names used in filenames
+	sanitizePipelineName := func(s string) string {
+		// Use only the last path element to avoid directory traversal
+		s = filepath.Base(s)
+
+		// Treat empty, current-dir, parent-dir, or bare separator as invalid and use a default
+		if s == "" || s == "." || s == ".." || s == string(os.PathSeparator) {
+			s = "pipeline"
+		}
+
+		// Replace any remaining path separators with underscores
+		s = strings.ReplaceAll(s, string(os.PathSeparator), "_")
+		s = strings.ReplaceAll(s, "/", "_")
+		s = strings.ReplaceAll(s, "\\", "_")
+
+		return s
+	}
+
 	// Helper function to create capture state for a step
 	createCaptureState := func(pipelineName string, stepIndex int, stepType string) *stepCaptureState {
 		if captureDir == "" {
 			return nil
 		}
 
-		filename := fmt.Sprintf("%s.%d.%s.ndjson", pipelineName, stepIndex, sanitizeFilename(stepType))
-		filepath := filepath.Join(captureDir, filename)
+		filename := fmt.Sprintf("%s.%d.%s.ndjson", sanitizePipelineName(pipelineName), stepIndex, sanitizeFilename(stepType))
+		filePath := filepath.Join(captureDir, filename)
 
-		file, err := os.Create(filepath)
+		file, err := os.Create(filePath)
 		if err != nil {
-			logger.Error("Failed to create debug capture file", "path", filepath, "error", err)
+			logger.Error("Failed to create debug capture file", "path", filePath, "error", err)
 			return nil
 		}
 
 		captureFiles = append(captureFiles, file)
-		logger.Debug("Created debug capture file", "path", filepath)
+		logger.Debug("Created debug capture file", "path", filePath)
 
 		return &stepCaptureState{
 			pipelineName: pipelineName,
@@ -590,13 +636,6 @@ func (pb *Playbook) Execute(task task.RuntimeTask, captureDir string, captureLim
 		outputs[k].Close()
 	}
 
-	// Close all debug capture files
-	for _, f := range captureFiles {
-		if f != nil {
-			f.Close()
-		}
-	}
-
 	task.Close()
 	return nil
 }
diff --git a/test/command_line_test.go b/test/command_line_test.go
index 119244c..5dcc0f2 100644
--- a/test/command_line_test.go
+++ b/test/command_line_test.go
@@ -1,6 +1,7 @@
 package test
 
 import (
+	"bufio"
 	"bytes"
 	"compress/gzip"
 	"fmt"
@@ -101,3 +102,71 @@ func TestCommandLines(t *testing.T) {
 
 	}
 }
+
+// TestCaptureMode verifies that --capture-dir and --capture-limit flags create
+// NDJSON capture files and respect the record limit.
+func TestCaptureMode(t *testing.T) {
+	captureDir, err := os.MkdirTemp("", "sifter-capture-*")
+	if err != nil {
+		t.Fatalf("Failed to create temp capture dir: %s", err)
+	}
+	defer os.RemoveAll(captureDir)
+
+	playbook := "examples/gene-table/gene-table.yaml"
+	limit := 3
+
+	cmd := exec.Command("../sifter", "run",
+		"--capture-dir", captureDir,
+		"--capture-limit", fmt.Sprintf("%d", limit),
+		playbook,
+	)
+	t.Logf("Running: %s with capture-dir=%s capture-limit=%d", playbook, captureDir, limit)
+	if err := cmd.Run(); err != nil {
+		t.Fatalf("Failed running %s: %s", playbook, err)
+	}
+
+	// Check that at least one .ndjson file was created
+	entries, err := os.ReadDir(captureDir)
+	if err != nil {
+		t.Fatalf("Failed to read capture dir: %s", err)
+	}
+	if len(entries) == 0 {
+		t.Errorf("Expected capture NDJSON files in %s, but directory is empty", captureDir)
+		return
+	}
+
+	// Verify each capture file has at most `limit` records
+	for _, entry := range entries {
+		if !strings.HasSuffix(entry.Name(), ".ndjson") {
+			continue
+		}
+		filePath := filepath.Join(captureDir, entry.Name())
+		f, err := os.Open(filePath)
+		if err != nil {
+			t.Errorf("Failed to open capture file %s: %s", filePath, err)
+			continue
+		}
+
+		lineCount := 0
+		scanner := bufio.NewScanner(f)
+		for scanner.Scan() {
+			if scanner.Text() != "" {
+				lineCount++
+			}
+		}
+		scanErr := scanner.Err()
+		f.Close()
+
+		if scanErr != nil {
+			t.Errorf("Error reading capture file %s: %s", filePath, scanErr)
+		}
+		if lineCount > limit {
+			t.Errorf("Capture file %s has %d records, expected at most %d", entry.Name(), lineCount, limit)
+		}
+		t.Logf("Capture file %s has %d records (limit=%d)", entry.Name(), lineCount, limit)
+	}
+
+	// Clean up the playbook output
+	outputDir := filepath.Join(filepath.Dir(playbook), "output")
+	os.RemoveAll(outputDir)
+}