SPB Git

spb/zyquo-cloud-web Public MIT

Zyquo Cloud Web — every cloud model, one beautiful chat, entirely in your browser.

webappaichat
TypeScript 81.9% CSS 8.9% JavaScript 7.5% Shell 1.1% HTML 0.6%

phase6: personas + 56-template library, slash commands, command palette, compare mode, KaTeX/Mermaid, dictation, auto-trim, conversation tools

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Simon-Pierre Boucher committed 10 days ago (Jul 31, 2026) parent 898fa7e

Showing 20 changed files with +3,356 and −141

modified docs/PLAN.md +22 −1
@@ -124,7 +124,28 @@ icon (Big Sur squircle, sky gradient, white Z with block caret) as its PWA
124 124 identity, matching the Dock/home-screen look of the macOS app. Favicon,
125 125 apple-touch, maskable, OG image and social meta are all in place.
126 126
127 −## Phase 6 — Features — pending
127 +## Phase 6 — Features
128 +
129 +- [x] Personas: all 8 native personas ported verbatim (`features/personasData.ts`); apply via palette or slash menu (system prompt + personaID per conversation)
130 +- [x] Prompt Library: all 56 native templates ported verbatim (8 categories × 7, `features/promptLibraryData.ts`), `{{input}}` substitution
131 +- [x] Slash commands: `/` in the input → menu with quick tools (/summarize /translate /rewrite /explain), full template library, personas; keyboard-driven
132 +- [x] Command palette (⌘K): actions (new chat, compare, switch model, settings, focus mode, summarize, duplicate), jump-to-conversation, models, personas, templates
133 +- [x] Multi-model compare: 2–4 columns, per-column model chip/stream/stop/copy/regenerate, broadcast prompt, **promote answer into thread**
134 +- [x] Branching/variants (Phase 4 store): regenerate keeps prior answer as a variant with ‹ › switcher; branch-from-message forks a conversation; edit & fork
135 +- [x] Rich rendering: GFM + tables + task lists (Phase 4) + **KaTeX math** + **Mermaid diagrams** (lazy-loaded ~1MB chunk, strict security level)
136 +- [x] Read-aloud (Web Speech TTS) + dictation (SpeechRecognition, mic button)
137 +- [x] Continue generation (last assistant message action), Stop, live elapsed + tok/s
138 +- [x] Token/cost HUD + context bar (Phase 4) + **auto-trim oldest turns** at 90% of the window (system prompt kept, toast informs)
139 +- [x] Conversation tools: summarize (cheapest model), duplicate, export MD/JSON, undo delete, pin, rename, search
140 +- [x] QoL: retry w/ backoff (Phase 2), human error toasts naming the provider + CORS hint, autosave everywhere, PWA shell precache trimmed 4.7MB → 1.15MB (mermaid/katex runtime-cached)
141 +- [x] Coherence sweep #2: headers ✓, storage/network layering ✓, accent hexes moved to design/accents.ts
142 +
143 +**Phase 6 summary.** Full feature parity plus the web-specific extras: the
144 +native personas and 56-template library are ported verbatim and surfaced
145 +through both the ⌘K palette and a `/` slash menu; compare mode broadcasts to
146 +up to four independently streaming columns with promote-to-thread; math and
147 +diagrams render (lazily); reading aloud, dictation, auto-trim, and conversation
148 +tools round out the spec. Sweep clean, `npm run check` green.
128 149
129 150 ## Phase 7 — Verification — pending
130 151
modified package-lock.json +1516 −110
@@ -9,11 +9,15 @@
9 9 "version": "1.0.0",
10 10 "dependencies": {
11 11 "highlight.js": "^11.11.1",
12 + "katex": "^0.18.1",
13 + "mermaid": "^11.16.0",
12 14 "react": "^19.1.0",
13 15 "react-dom": "^19.1.0",
14 16 "react-markdown": "^10.1.0",
15 17 "rehype-highlight": "^7.0.2",
18 + "rehype-katex": "^7.0.1",
16 19 "remark-gfm": "^4.0.1",
20 + "remark-math": "^6.0.0",
17 21 "zustand": "^5.0.6"
18 22 },
19 23 "devDependencies": {
@@ -32,6 +36,19 @@
32 36 "vite-plugin-pwa": "^1.0.1"
33 37 }
34 38 },
39 + "node_modules/@antfu/install-pkg": {
40 + "version": "1.1.0",
41 + "resolved": "https://registry.npmjs.org/@antfu/install-pkg/-/install-pkg-1.1.0.tgz",
42 + "integrity": "sha512-MGQsmw10ZyI+EJo45CdSER4zEb+p31LpDAFp2Z3gkSd1yqVZGi0Ebx++YTEMonJy4oChEMLsxZ64j8FH6sSqtQ==",
43 + "license": "MIT",
44 + "dependencies": {
45 + "package-manager-detector": "^1.3.0",
46 + "tinyexec": "^1.0.1"
47 + },
48 + "funding": {
49 + "url": "https://github.com/sponsors/antfu"
50 + }
51 + },
35 52 "node_modules/@babel/code-frame": {
36 53 "version": "7.29.7",
37 54 "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.7.tgz",
@@ -1656,6 +1673,18 @@
1656 1673 "node": ">=6.9.0"
1657 1674 }
1658 1675 },
1676 + "node_modules/@braintree/sanitize-url": {
1677 + "version": "7.1.2",
1678 + "resolved": "https://registry.npmjs.org/@braintree/sanitize-url/-/sanitize-url-7.1.2.tgz",
1679 + "integrity": "sha512-jigsZK+sMF/cuiB7sERuo9V7N9jx+dhmHHnQyDSVdpZwVutaBu7WvNYqMDLSgFgfB30n452TP3vjDAvFC973mA==",
1680 + "license": "MIT"
1681 + },
1682 + "node_modules/@chevrotain/types": {
1683 + "version": "11.1.2",
1684 + "resolved": "https://registry.npmjs.org/@chevrotain/types/-/types-11.1.2.tgz",
1685 + "integrity": "sha512-U+HFai5+zmJCkK86QsaJtoITlboZHBqrVketcO2ROv865xfCMSFpELQoz1GkX5GzME8pTa+3kbKrZHQtI0gdbw==",
1686 + "license": "Apache-2.0"
1687 + },
1659 1688 "node_modules/@esbuild/aix-ppc64": {
1660 1689 "version": "0.28.1",
1661 1690 "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.28.1.tgz",
@@ -2367,6 +2396,23 @@
2367 2396 "url": "https://github.com/sponsors/nzakas"
2368 2397 }
2369 2398 },
2399 + "node_modules/@iconify/types": {
2400 + "version": "2.0.0",
2401 + "resolved": "https://registry.npmjs.org/@iconify/types/-/types-2.0.0.tgz",
2402 + "integrity": "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==",
2403 + "license": "MIT"
2404 + },
2405 + "node_modules/@iconify/utils": {
2406 + "version": "3.1.4",
2407 + "resolved": "https://registry.npmjs.org/@iconify/utils/-/utils-3.1.4.tgz",
2408 + "integrity": "sha512-b1S7B1k9ohZ+iNTi2ATxbRYG9fTrJmUT0rc46bvVnNxqNRGW7dyo/vRREwyniI5IRN2RSJHDcm+s3BjWrSAjHw==",
2409 + "license": "MIT",
2410 + "dependencies": {
2411 + "@antfu/install-pkg": "^1.1.0",
2412 + "@iconify/types": "^2.0.0",
2413 + "import-meta-resolve": "^4.2.0"
2414 + }
2415 + },
2370 2416 "node_modules/@isaacs/cliui": {
2371 2417 "version": "9.0.0",
2372 2418 "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-9.0.0.tgz",
@@ -2438,6 +2484,15 @@
2438 2484 "@jridgewell/sourcemap-codec": "^1.4.14"
2439 2485 }
2440 2486 },
2487 + "node_modules/@mermaid-js/parser": {
2488 + "version": "1.2.0",
2489 + "resolved": "https://registry.npmjs.org/@mermaid-js/parser/-/parser-1.2.0.tgz",
2490 + "integrity": "sha512-oYPyv8A4As1yH5Bx+04iQEQxXuIQDe0GKCNSRgao6z8AM9jixXIfP0vsppRLvGf+nKIOb9/LdpWA4YuJiVvESA==",
2491 + "license": "MIT",
2492 + "dependencies": {
2493 + "@chevrotain/types": "~11.1.2"
2494 + }
2495 + },
2441 2496 "node_modules/@rolldown/pluginutils": {
2442 2497 "version": "1.0.0-beta.27",
2443 2498 "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.27.tgz",
@@ -3015,6 +3070,259 @@
3015 3070 "@babel/types": "^7.28.2"
3016 3071 }
3017 3072 },
3073 + "node_modules/@types/d3": {
3074 + "version": "7.4.3",
3075 + "resolved": "https://registry.npmjs.org/@types/d3/-/d3-7.4.3.tgz",
3076 + "integrity": "sha512-lZXZ9ckh5R8uiFVt8ogUNf+pIrK4EsWrx2Np75WvF/eTpJ0FMHNhjXk8CKEx/+gpHbNQyJWehbFaTvqmHWB3ww==",
3077 + "license": "MIT",
3078 + "dependencies": {
3079 + "@types/d3-array": "*",
3080 + "@types/d3-axis": "*",
3081 + "@types/d3-brush": "*",
3082 + "@types/d3-chord": "*",
3083 + "@types/d3-color": "*",
3084 + "@types/d3-contour": "*",
3085 + "@types/d3-delaunay": "*",
3086 + "@types/d3-dispatch": "*",
3087 + "@types/d3-drag": "*",
3088 + "@types/d3-dsv": "*",
3089 + "@types/d3-ease": "*",
3090 + "@types/d3-fetch": "*",
3091 + "@types/d3-force": "*",
3092 + "@types/d3-format": "*",
3093 + "@types/d3-geo": "*",
3094 + "@types/d3-hierarchy": "*",
3095 + "@types/d3-interpolate": "*",
3096 + "@types/d3-path": "*",
3097 + "@types/d3-polygon": "*",
3098 + "@types/d3-quadtree": "*",
3099 + "@types/d3-random": "*",
3100 + "@types/d3-scale": "*",
3101 + "@types/d3-scale-chromatic": "*",
3102 + "@types/d3-selection": "*",
3103 + "@types/d3-shape": "*",
3104 + "@types/d3-time": "*",
3105 + "@types/d3-time-format": "*",
3106 + "@types/d3-timer": "*",
3107 + "@types/d3-transition": "*",
3108 + "@types/d3-zoom": "*"
3109 + }
3110 + },
3111 + "node_modules/@types/d3-array": {
3112 + "version": "3.2.2",
3113 + "resolved": "https://registry.npmjs.org/@types/d3-array/-/d3-array-3.2.2.tgz",
3114 + "integrity": "sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==",
3115 + "license": "MIT"
3116 + },
3117 + "node_modules/@types/d3-axis": {
3118 + "version": "3.0.6",
3119 + "resolved": "https://registry.npmjs.org/@types/d3-axis/-/d3-axis-3.0.6.tgz",
3120 + "integrity": "sha512-pYeijfZuBd87T0hGn0FO1vQ/cgLk6E1ALJjfkC0oJ8cbwkZl3TpgS8bVBLZN+2jjGgg38epgxb2zmoGtSfvgMw==",
3121 + "license": "MIT",
3122 + "dependencies": {
3123 + "@types/d3-selection": "*"
3124 + }
3125 + },
3126 + "node_modules/@types/d3-brush": {
3127 + "version": "3.0.6",
3128 + "resolved": "https://registry.npmjs.org/@types/d3-brush/-/d3-brush-3.0.6.tgz",
3129 + "integrity": "sha512-nH60IZNNxEcrh6L1ZSMNA28rj27ut/2ZmI3r96Zd+1jrZD++zD3LsMIjWlvg4AYrHn/Pqz4CF3veCxGjtbqt7A==",
3130 + "license": "MIT",
3131 + "dependencies": {
3132 + "@types/d3-selection": "*"
3133 + }
3134 + },
3135 + "node_modules/@types/d3-chord": {
3136 + "version": "3.0.6",
3137 + "resolved": "https://registry.npmjs.org/@types/d3-chord/-/d3-chord-3.0.6.tgz",
3138 + "integrity": "sha512-LFYWWd8nwfwEmTZG9PfQxd17HbNPksHBiJHaKuY1XeqscXacsS2tyoo6OdRsjf+NQYeB6XrNL3a25E3gH69lcg==",
3139 + "license": "MIT"
3140 + },
3141 + "node_modules/@types/d3-color": {
3142 + "version": "3.1.3",
3143 + "resolved": "https://registry.npmjs.org/@types/d3-color/-/d3-color-3.1.3.tgz",
3144 + "integrity": "sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==",
3145 + "license": "MIT"
3146 + },
3147 + "node_modules/@types/d3-contour": {
3148 + "version": "3.0.6",
3149 + "resolved": "https://registry.npmjs.org/@types/d3-contour/-/d3-contour-3.0.6.tgz",
3150 + "integrity": "sha512-BjzLgXGnCWjUSYGfH1cpdo41/hgdWETu4YxpezoztawmqsvCeep+8QGfiY6YbDvfgHz/DkjeIkkZVJavB4a3rg==",
3151 + "license": "MIT",
3152 + "dependencies": {
3153 + "@types/d3-array": "*",
3154 + "@types/geojson": "*"
3155 + }
3156 + },
3157 + "node_modules/@types/d3-delaunay": {
3158 + "version": "6.0.4",
3159 + "resolved": "https://registry.npmjs.org/@types/d3-delaunay/-/d3-delaunay-6.0.4.tgz",
3160 + "integrity": "sha512-ZMaSKu4THYCU6sV64Lhg6qjf1orxBthaC161plr5KuPHo3CNm8DTHiLw/5Eq2b6TsNP0W0iJrUOFscY6Q450Hw==",
3161 + "license": "MIT"
3162 + },
3163 + "node_modules/@types/d3-dispatch": {
3164 + "version": "3.0.7",
3165 + "resolved": "https://registry.npmjs.org/@types/d3-dispatch/-/d3-dispatch-3.0.7.tgz",
3166 + "integrity": "sha512-5o9OIAdKkhN1QItV2oqaE5KMIiXAvDWBDPrD85e58Qlz1c1kI/J0NcqbEG88CoTwJrYe7ntUCVfeUl2UJKbWgA==",
3167 + "license": "MIT"
3168 + },
3169 + "node_modules/@types/d3-drag": {
3170 + "version": "3.0.7",
3171 + "resolved": "https://registry.npmjs.org/@types/d3-drag/-/d3-drag-3.0.7.tgz",
3172 + "integrity": "sha512-HE3jVKlzU9AaMazNufooRJ5ZpWmLIoc90A37WU2JMmeq28w1FQqCZswHZ3xR+SuxYftzHq6WU6KJHvqxKzTxxQ==",
3173 + "license": "MIT",
3174 + "dependencies": {
3175 + "@types/d3-selection": "*"
3176 + }
3177 + },
3178 + "node_modules/@types/d3-dsv": {
3179 + "version": "3.0.7",
3180 + "resolved": "https://registry.npmjs.org/@types/d3-dsv/-/d3-dsv-3.0.7.tgz",
3181 + "integrity": "sha512-n6QBF9/+XASqcKK6waudgL0pf/S5XHPPI8APyMLLUHd8NqouBGLsU8MgtO7NINGtPBtk9Kko/W4ea0oAspwh9g==",
3182 + "license": "MIT"
3183 + },
3184 + "node_modules/@types/d3-ease": {
3185 + "version": "3.0.2",
3186 + "resolved": "https://registry.npmjs.org/@types/d3-ease/-/d3-ease-3.0.2.tgz",
3187 + "integrity": "sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==",
3188 + "license": "MIT"
3189 + },
3190 + "node_modules/@types/d3-fetch": {
3191 + "version": "3.0.7",
3192 + "resolved": "https://registry.npmjs.org/@types/d3-fetch/-/d3-fetch-3.0.7.tgz",
3193 + "integrity": "sha512-fTAfNmxSb9SOWNB9IoG5c8Hg6R+AzUHDRlsXsDZsNp6sxAEOP0tkP3gKkNSO/qmHPoBFTxNrjDprVHDQDvo5aA==",
3194 + "license": "MIT",
3195 + "dependencies": {
3196 + "@types/d3-dsv": "*"
3197 + }
3198 + },
3199 + "node_modules/@types/d3-force": {
3200 + "version": "3.0.10",
3201 + "resolved": "https://registry.npmjs.org/@types/d3-force/-/d3-force-3.0.10.tgz",
3202 + "integrity": "sha512-ZYeSaCF3p73RdOKcjj+swRlZfnYpK1EbaDiYICEEp5Q6sUiqFaFQ9qgoshp5CzIyyb/yD09kD9o2zEltCexlgw==",
3203 + "license": "MIT"
3204 + },
3205 + "node_modules/@types/d3-format": {
3206 + "version": "3.0.4",
3207 + "resolved": "https://registry.npmjs.org/@types/d3-format/-/d3-format-3.0.4.tgz",
3208 + "integrity": "sha512-fALi2aI6shfg7vM5KiR1wNJnZ7r6UuggVqtDA+xiEdPZQwy/trcQaHnwShLuLdta2rTymCNpxYTiMZX/e09F4g==",
3209 + "license": "MIT"
3210 + },
3211 + "node_modules/@types/d3-geo": {
3212 + "version": "3.1.0",
3213 + "resolved": "https://registry.npmjs.org/@types/d3-geo/-/d3-geo-3.1.0.tgz",
3214 + "integrity": "sha512-856sckF0oP/diXtS4jNsiQw/UuK5fQG8l/a9VVLeSouf1/PPbBE1i1W852zVwKwYCBkFJJB7nCFTbk6UMEXBOQ==",
3215 + "license": "MIT",
3216 + "dependencies": {
3217 + "@types/geojson": "*"
3218 + }
3219 + },
3220 + "node_modules/@types/d3-hierarchy": {
3221 + "version": "3.1.7",
3222 + "resolved": "https://registry.npmjs.org/@types/d3-hierarchy/-/d3-hierarchy-3.1.7.tgz",
3223 + "integrity": "sha512-tJFtNoYBtRtkNysX1Xq4sxtjK8YgoWUNpIiUee0/jHGRwqvzYxkq0hGVbbOGSz+JgFxxRu4K8nb3YpG3CMARtg==",
3224 + "license": "MIT"
3225 + },
3226 + "node_modules/@types/d3-interpolate": {
3227 + "version": "3.0.4",
3228 + "resolved": "https://registry.npmjs.org/@types/d3-interpolate/-/d3-interpolate-3.0.4.tgz",
3229 + "integrity": "sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==",
3230 + "license": "MIT",
3231 + "dependencies": {
3232 + "@types/d3-color": "*"
3233 + }
3234 + },
3235 + "node_modules/@types/d3-path": {
3236 + "version": "3.1.1",
3237 + "resolved": "https://registry.npmjs.org/@types/d3-path/-/d3-path-3.1.1.tgz",
3238 + "integrity": "sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==",
3239 + "license": "MIT"
3240 + },
3241 + "node_modules/@types/d3-polygon": {
3242 + "version": "3.0.2",
3243 + "resolved": "https://registry.npmjs.org/@types/d3-polygon/-/d3-polygon-3.0.2.tgz",
3244 + "integrity": "sha512-ZuWOtMaHCkN9xoeEMr1ubW2nGWsp4nIql+OPQRstu4ypeZ+zk3YKqQT0CXVe/PYqrKpZAi+J9mTs05TKwjXSRA==",
3245 + "license": "MIT"
3246 + },
3247 + "node_modules/@types/d3-quadtree": {
3248 + "version": "3.0.6",
3249 + "resolved": "https://registry.npmjs.org/@types/d3-quadtree/-/d3-quadtree-3.0.6.tgz",
3250 + "integrity": "sha512-oUzyO1/Zm6rsxKRHA1vH0NEDG58HrT5icx/azi9MF1TWdtttWl0UIUsjEQBBh+SIkrpd21ZjEv7ptxWys1ncsg==",
3251 + "license": "MIT"
3252 + },
3253 + "node_modules/@types/d3-random": {
3254 + "version": "3.0.4",
3255 + "resolved": "https://registry.npmjs.org/@types/d3-random/-/d3-random-3.0.4.tgz",
3256 + "integrity": "sha512-UHYId5WTCx4L4YNel7NU00XUXXgvgpgZOvp10PuvsQENjMDXhh2RyFc0KBjO7B45ne4Ha1yVH7ii0vnzKkuzWA==",
3257 + "license": "MIT"
3258 + },
3259 + "node_modules/@types/d3-scale": {
3260 + "version": "4.0.9",
3261 + "resolved": "https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.9.tgz",
3262 + "integrity": "sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==",
3263 + "license": "MIT",
3264 + "dependencies": {
3265 + "@types/d3-time": "*"
3266 + }
3267 + },
3268 + "node_modules/@types/d3-scale-chromatic": {
3269 + "version": "3.1.0",
3270 + "resolved": "https://registry.npmjs.org/@types/d3-scale-chromatic/-/d3-scale-chromatic-3.1.0.tgz",
3271 + "integrity": "sha512-iWMJgwkK7yTRmWqRB5plb1kadXyQ5Sj8V/zYlFGMUBbIPKQScw+Dku9cAAMgJG+z5GYDoMjWGLVOvjghDEFnKQ==",
3272 + "license": "MIT"
3273 + },
3274 + "node_modules/@types/d3-selection": {
3275 + "version": "3.0.11",
3276 + "resolved": "https://registry.npmjs.org/@types/d3-selection/-/d3-selection-3.0.11.tgz",
3277 + "integrity": "sha512-bhAXu23DJWsrI45xafYpkQ4NtcKMwWnAC/vKrd2l+nxMFuvOT3XMYTIj2opv8vq8AO5Yh7Qac/nSeP/3zjTK0w==",
3278 + "license": "MIT"
3279 + },
3280 + "node_modules/@types/d3-shape": {
3281 + "version": "3.1.8",
3282 + "resolved": "https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.8.tgz",
3283 + "integrity": "sha512-lae0iWfcDeR7qt7rA88BNiqdvPS5pFVPpo5OfjElwNaT2yyekbM0C9vK+yqBqEmHr6lDkRnYNoTBYlAgJa7a4w==",
3284 + "license": "MIT",
3285 + "dependencies": {
3286 + "@types/d3-path": "*"
3287 + }
3288 + },
3289 + "node_modules/@types/d3-time": {
3290 + "version": "3.0.4",
3291 + "resolved": "https://registry.npmjs.org/@types/d3-time/-/d3-time-3.0.4.tgz",
3292 + "integrity": "sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==",
3293 + "license": "MIT"
3294 + },
3295 + "node_modules/@types/d3-time-format": {
3296 + "version": "4.0.3",
3297 + "resolved": "https://registry.npmjs.org/@types/d3-time-format/-/d3-time-format-4.0.3.tgz",
3298 + "integrity": "sha512-5xg9rC+wWL8kdDj153qZcsJ0FWiFt0J5RB6LYUNZjwSnesfblqrI/bJ1wBdJ8OQfncgbJG5+2F+qfqnqyzYxyg==",
3299 + "license": "MIT"
3300 + },
3301 + "node_modules/@types/d3-timer": {
3302 + "version": "3.0.2",
3303 + "resolved": "https://registry.npmjs.org/@types/d3-timer/-/d3-timer-3.0.2.tgz",
3304 + "integrity": "sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==",
3305 + "license": "MIT"
3306 + },
3307 + "node_modules/@types/d3-transition": {
3308 + "version": "3.0.9",
3309 + "resolved": "https://registry.npmjs.org/@types/d3-transition/-/d3-transition-3.0.9.tgz",
3310 + "integrity": "sha512-uZS5shfxzO3rGlu0cC3bjmMFKsXv+SmZZcgp0KD22ts4uGXp5EVYGzu/0YdwZeKmddhcAccYtREJKkPfXkZuCg==",
3311 + "license": "MIT",
3312 + "dependencies": {
3313 + "@types/d3-selection": "*"
3314 + }
3315 + },
3316 + "node_modules/@types/d3-zoom": {
3317 + "version": "3.0.8",
3318 + "resolved": "https://registry.npmjs.org/@types/d3-zoom/-/d3-zoom-3.0.8.tgz",
3319 + "integrity": "sha512-iqMC4/YlFCSlO8+2Ii1GGGliCAY4XdeG748w5vQUbevlbDu0zSjH/+jojorQVBK/se0j6DUFNPBGSqD3YWYnDw==",
3320 + "license": "MIT",
3321 + "dependencies": {
3322 + "@types/d3-interpolate": "*",
3323 + "@types/d3-selection": "*"
3324 + }
3325 + },
3018 3326 "node_modules/@types/debug": {
3019 3327 "version": "4.1.13",
3020 3328 "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.13.tgz",
@@ -3039,6 +3347,12 @@
3039 3347 "@types/estree": "*"
3040 3348 }
3041 3349 },
3350 + "node_modules/@types/geojson": {
3351 + "version": "7946.0.16",
3352 + "resolved": "https://registry.npmjs.org/@types/geojson/-/geojson-7946.0.16.tgz",
3353 + "integrity": "sha512-6C8nqWur3j98U6+lXDfTUWIfgvZU+EumvpHKcYjujKH7woYyLj2sUmff0tRhrqM7BohUw7Pz3ZB1jj2gW9Fvmg==",
3354 + "license": "MIT"
3355 + },
3042 3356 "node_modules/@types/hast": {
3043 3357 "version": "3.0.5",
3044 3358 "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.5.tgz",
@@ -3055,6 +3369,12 @@
3055 3369 "dev": true,
3056 3370 "license": "MIT"
3057 3371 },
3372 + "node_modules/@types/katex": {
3373 + "version": "0.16.8",
3374 + "resolved": "https://registry.npmjs.org/@types/katex/-/katex-0.16.8.tgz",
3375 + "integrity": "sha512-trgaNyfU+Xh2Tc+ABIb44a5AYUpicB3uwirOioeOkNPPbmgRNtcWyDeeFRzjPZENO9Vq8gvVqfhaaXWLlevVwg==",
3376 + "license": "MIT"
3377 + },
3058 3378 "node_modules/@types/mdast": {
3059 3379 "version": "4.0.4",
3060 3380 "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-4.0.4.tgz",
@@ -3100,7 +3420,7 @@
3100 3420 "version": "2.0.7",
3101 3421 "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
3102 3422 "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
3103 − "dev": true,
3423 + "devOptional": true,
3104 3424 "license": "MIT"
3105 3425 },
3106 3426 "node_modules/@types/unist": {
@@ -3348,6 +3668,16 @@
3348 3668 "integrity": "sha512-60YRaenCQcVjYEKOcG824+DRGGIQ3VKErcBoAEDJZz5bKIs2ZG+X/H9Nk+Q6EVkwJk5QNApxbrc5QtBSwtrXAg==",
3349 3669 "license": "ISC"
3350 3670 },
3671 + "node_modules/@upsetjs/venn.js": {
3672 + "version": "2.0.0",
3673 + "resolved": "https://registry.npmjs.org/@upsetjs/venn.js/-/venn.js-2.0.0.tgz",
3674 + "integrity": "sha512-WbBhLrooyePuQ1VZxrJjtLvTc4NVfpOyKx0sKqioq9bX1C1m7Jgykkn8gLrtwumBioXIqam8DLxp88Adbue6Hw==",
3675 + "license": "MIT",
3676 + "optionalDependencies": {
3677 + "d3-selection": "^3.0.0",
3678 + "d3-transition": "^3.0.1"
3679 + }
3680 + },
3351 3681 "node_modules/@vitejs/plugin-react": {
3352 3682 "version": "4.7.0",
3353 3683 "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.7.0.tgz",
@@ -3876,6 +4206,15 @@
3876 4206 "url": "https://opencollective.com/core-js"
3877 4207 }
3878 4208 },
4209 + "node_modules/cose-base": {
4210 + "version": "1.0.3",
4211 + "resolved": "https://registry.npmjs.org/cose-base/-/cose-base-1.0.3.tgz",
4212 + "integrity": "sha512-s9whTXInMSgAp/NVXVNuVxVKzGH2qck3aQlVHxDCdAEPgtMKwc4Wq6/QKhgdEdgbLSi9rBTAcPoRa6JpiG4ksg==",
4213 + "license": "MIT",
4214 + "dependencies": {
4215 + "layout-base": "^1.0.0"
4216 + }
4217 + },
3879 4218 "node_modules/cross-spawn": {
3880 4219 "version": "7.0.6",
3881 4220 "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
@@ -3907,135 +4246,560 @@
3907 4246 "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
3908 4247 "license": "MIT"
3909 4248 },
3910 − "node_modules/data-view-buffer": {
3911 − "version": "1.0.2",
3912 − "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.2.tgz",
3913 − "integrity": "sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==",
3914 − "dev": true,
4249 + "node_modules/cytoscape": {
4250 + "version": "3.34.0",
4251 + "resolved": "https://registry.npmjs.org/cytoscape/-/cytoscape-3.34.0.tgz",
4252 + "integrity": "sha512-62rNSrioXw93uliKFBwjukeQyeWwH2PqDrTac31r2P6464u3AUvTk0xS4LVvT251g7IgkFunrI48ZEZGjywSOg==",
3915 4253 "license": "MIT",
3916 − "dependencies": {
3917 − "call-bound": "^1.0.3",
3918 − "es-errors": "^1.3.0",
3919 − "is-data-view": "^1.0.2"
3920 − },
3921 4254 "engines": {
3922 − "node": ">= 0.4"
3923 − },
3924 − "funding": {
3925 − "url": "https://github.com/sponsors/ljharb"
4255 + "node": ">=0.10"
3926 4256 }
3927 4257 },
3928 − "node_modules/data-view-byte-length": {
3929 − "version": "1.0.2",
3930 − "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz",
3931 − "integrity": "sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==",
3932 − "dev": true,
4258 + "node_modules/cytoscape-cose-bilkent": {
4259 + "version": "4.1.0",
4260 + "resolved": "https://registry.npmjs.org/cytoscape-cose-bilkent/-/cytoscape-cose-bilkent-4.1.0.tgz",
4261 + "integrity": "sha512-wgQlVIUJF13Quxiv5e1gstZ08rnZj2XaLHGoFMYXz7SkNfCDOOteKBE6SYRfA9WxxI/iBc3ajfDoc6hb/MRAHQ==",
3933 4262 "license": "MIT",
3934 4263 "dependencies": {
3935 − "call-bound": "^1.0.3",
3936 − "es-errors": "^1.3.0",
3937 − "is-data-view": "^1.0.2"
3938 − },
3939 − "engines": {
3940 − "node": ">= 0.4"
4264 + "cose-base": "^1.0.0"
3941 4265 },
3942 − "funding": {
3943 − "url": "https://github.com/sponsors/inspect-js"
4266 + "peerDependencies": {
4267 + "cytoscape": "^3.2.0"
3944 4268 }
3945 4269 },
3946 − "node_modules/data-view-byte-offset": {
3947 − "version": "1.0.1",
3948 − "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz",
3949 − "integrity": "sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==",
3950 − "dev": true,
4270 + "node_modules/cytoscape-fcose": {
4271 + "version": "2.2.0",
4272 + "resolved": "https://registry.npmjs.org/cytoscape-fcose/-/cytoscape-fcose-2.2.0.tgz",
4273 + "integrity": "sha512-ki1/VuRIHFCzxWNrsshHYPs6L7TvLu3DL+TyIGEsRcvVERmxokbf5Gdk7mFxZnTdiGtnA4cfSmjZJMviqSuZrQ==",
3951 4274 "license": "MIT",
3952 4275 "dependencies": {
3953 − "call-bound": "^1.0.2",
3954 − "es-errors": "^1.3.0",
3955 − "is-data-view": "^1.0.1"
3956 − },
3957 − "engines": {
3958 − "node": ">= 0.4"
4276 + "cose-base": "^2.2.0"
3959 4277 },
3960 − "funding": {
3961 − "url": "https://github.com/sponsors/ljharb"
4278 + "peerDependencies": {
4279 + "cytoscape": "^3.2.0"
3962 4280 }
3963 4281 },
3964 − "node_modules/debug": {
3965 − "version": "4.4.3",
3966 − "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
3967 − "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
4282 + "node_modules/cytoscape-fcose/node_modules/cose-base": {
4283 + "version": "2.2.0",
4284 + "resolved": "https://registry.npmjs.org/cose-base/-/cose-base-2.2.0.tgz",
4285 + "integrity": "sha512-AzlgcsCbUMymkADOJtQm3wO9S3ltPfYOFD5033keQn9NJzIbtnZj+UdBJe7DYml/8TdbtHJW3j58SOnKhWY/5g==",
3968 4286 "license": "MIT",
3969 4287 "dependencies": {
3970 − "ms": "^2.1.3"
4288 + "layout-base": "^2.0.0"
4289 + }
4290 + },
4291 + "node_modules/cytoscape-fcose/node_modules/layout-base": {
4292 + "version": "2.0.1",
4293 + "resolved": "https://registry.npmjs.org/layout-base/-/layout-base-2.0.1.tgz",
4294 + "integrity": "sha512-dp3s92+uNI1hWIpPGH3jK2kxE2lMjdXdr+DH8ynZHpd6PUlH6x6cbuXnoMmiNumznqaNO31xu9e79F0uuZ0JFg==",
4295 + "license": "MIT"
4296 + },
4297 + "node_modules/d3": {
4298 + "version": "7.9.0",
4299 + "resolved": "https://registry.npmjs.org/d3/-/d3-7.9.0.tgz",
4300 + "integrity": "sha512-e1U46jVP+w7Iut8Jt8ri1YsPOvFpg46k+K8TpCb0P+zjCkjkPnV7WzfDJzMHy1LnA+wj5pLT1wjO901gLXeEhA==",
4301 + "license": "ISC",
4302 + "dependencies": {
4303 + "d3-array": "3",
4304 + "d3-axis": "3",
4305 + "d3-brush": "3",
4306 + "d3-chord": "3",
4307 + "d3-color": "3",
4308 + "d3-contour": "4",
4309 + "d3-delaunay": "6",
4310 + "d3-dispatch": "3",
4311 + "d3-drag": "3",
4312 + "d3-dsv": "3",
4313 + "d3-ease": "3",
4314 + "d3-fetch": "3",
4315 + "d3-force": "3",
4316 + "d3-format": "3",
4317 + "d3-geo": "3",
4318 + "d3-hierarchy": "3",
4319 + "d3-interpolate": "3",
4320 + "d3-path": "3",
4321 + "d3-polygon": "3",
4322 + "d3-quadtree": "3",
4323 + "d3-random": "3",
4324 + "d3-scale": "4",
4325 + "d3-scale-chromatic": "3",
4326 + "d3-selection": "3",
4327 + "d3-shape": "3",
4328 + "d3-time": "3",
4329 + "d3-time-format": "4",
4330 + "d3-timer": "3",
4331 + "d3-transition": "3",
4332 + "d3-zoom": "3"
3971 4333 },
3972 4334 "engines": {
3973 − "node": ">=6.0"
3974 − },
3975 − "peerDependenciesMeta": {
3976 − "supports-color": {
3977 − "optional": true
3978 − }
4335 + "node": ">=12"
3979 4336 }
3980 4337 },
3981 − "node_modules/decode-named-character-reference": {
3982 − "version": "1.3.0",
3983 − "resolved": "https://registry.npmjs.org/decode-named-character-reference/-/decode-named-character-reference-1.3.0.tgz",
3984 − "integrity": "sha512-GtpQYB283KrPp6nRw50q3U9/VfOutZOe103qlN7BPP6Ad27xYnOIWv4lPzo8HCAL+mMZofJ9KEy30fq6MfaK6Q==",
3985 − "license": "MIT",
4338 + "node_modules/d3-array": {
4339 + "version": "3.2.4",
4340 + "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.4.tgz",
4341 + "integrity": "sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==",
4342 + "license": "ISC",
3986 4343 "dependencies": {
3987 − "character-entities": "^2.0.0"
4344 + "internmap": "1 - 2"
3988 4345 },
3989 − "funding": {
3990 − "type": "github",
3991 − "url": "https://github.com/sponsors/wooorm"
4346 + "engines": {
4347 + "node": ">=12"
3992 4348 }
3993 4349 },
3994 − "node_modules/deep-is": {
3995 − "version": "0.1.4",
3996 − "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
3997 − "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
3998 − "dev": true,
3999 − "license": "MIT"
4000 − },
4001 − "node_modules/deepmerge": {
4002 − "version": "4.3.1",
4003 − "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
4004 − "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
4005 − "dev": true,
4006 − "license": "MIT",
4350 + "node_modules/d3-axis": {
4351 + "version": "3.0.0",
4352 + "resolved": "https://registry.npmjs.org/d3-axis/-/d3-axis-3.0.0.tgz",
4353 + "integrity": "sha512-IH5tgjV4jE/GhHkRV0HiVYPDtvfjHQlQfJHs0usq7M30XcSBvOotpmH1IgkcXsO/5gEQZD43B//fc7SRT5S+xw==",
4354 + "license": "ISC",
4007 4355 "engines": {
4008 − "node": ">=0.10.0"
4356 + "node": ">=12"
4009 4357 }
4010 4358 },
4011 − "node_modules/define-data-property": {
4012 − "version": "1.1.4",
4013 − "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
4014 − "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
4015 − "dev": true,
4016 − "license": "MIT",
4359 + "node_modules/d3-brush": {
4360 + "version": "3.0.0",
4361 + "resolved": "https://registry.npmjs.org/d3-brush/-/d3-brush-3.0.0.tgz",
4362 + "integrity": "sha512-ALnjWlVYkXsVIGlOsuWH1+3udkYFI48Ljihfnh8FZPF2QS9o+PzGLBslO0PjzVoHLZ2KCVgAM8NVkXPJB2aNnQ==",
4363 + "license": "ISC",
4017 4364 "dependencies": {
4018 − "es-define-property": "^1.0.0",
4019 − "es-errors": "^1.3.0",
4020 − "gopd": "^1.0.1"
4365 + "d3-dispatch": "1 - 3",
4366 + "d3-drag": "2 - 3",
4367 + "d3-interpolate": "1 - 3",
4368 + "d3-selection": "3",
4369 + "d3-transition": "3"
4021 4370 },
4022 4371 "engines": {
4023 − "node": ">= 0.4"
4024 − },
4025 − "funding": {
4026 − "url": "https://github.com/sponsors/ljharb"
4372 + "node": ">=12"
4027 4373 }
4028 4374 },
4029 − "node_modules/define-properties": {
4030 − "version": "1.2.1",
4031 − "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
4032 − "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
4033 − "dev": true,
4034 − "license": "MIT",
4375 + "node_modules/d3-chord": {
4376 + "version": "3.0.1",
4377 + "resolved": "https://registry.npmjs.org/d3-chord/-/d3-chord-3.0.1.tgz",
4378 + "integrity": "sha512-VE5S6TNa+j8msksl7HwjxMHDM2yNK3XCkusIlpX5kwauBfXuyLAtNg9jCp/iHH61tgI4sb6R/EIMWCqEIdjT/g==",
4379 + "license": "ISC",
4035 4380 "dependencies": {
4036 − "define-data-property": "^1.0.1",
4037 − "has-property-descriptors": "^1.0.0",
4038 − "object-keys": "^1.1.1"
4381 + "d3-path": "1 - 3"
4382 + },
4383 + "engines": {
4384 + "node": ">=12"
4385 + }
4386 + },
4387 + "node_modules/d3-color": {
4388 + "version": "3.1.0",
4389 + "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
4390 + "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==",
4391 + "license": "ISC",
4392 + "engines": {
4393 + "node": ">=12"
4394 + }
4395 + },
4396 + "node_modules/d3-contour": {
4397 + "version": "4.0.2",
4398 + "resolved": "https://registry.npmjs.org/d3-contour/-/d3-contour-4.0.2.tgz",
4399 + "integrity": "sha512-4EzFTRIikzs47RGmdxbeUvLWtGedDUNkTcmzoeyg4sP/dvCexO47AaQL7VKy/gul85TOxw+IBgA8US2xwbToNA==",
4400 + "license": "ISC",
4401 + "dependencies": {
4402 + "d3-array": "^3.2.0"
4403 + },
4404 + "engines": {
4405 + "node": ">=12"
4406 + }
4407 + },
4408 + "node_modules/d3-delaunay": {
4409 + "version": "6.0.4",
4410 + "resolved": "https://registry.npmjs.org/d3-delaunay/-/d3-delaunay-6.0.4.tgz",
4411 + "integrity": "sha512-mdjtIZ1XLAM8bm/hx3WwjfHt6Sggek7qH043O8KEjDXN40xi3vx/6pYSVTwLjEgiXQTbvaouWKynLBiUZ6SK6A==",
4412 + "license": "ISC",
4413 + "dependencies": {
4414 + "delaunator": "5"
4415 + },
4416 + "engines": {
4417 + "node": ">=12"
4418 + }
4419 + },
4420 + "node_modules/d3-dispatch": {
4421 + "version": "3.0.1",
4422 + "resolved": "https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-3.0.1.tgz",
4423 + "integrity": "sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==",
4424 + "license": "ISC",
4425 + "engines": {
4426 + "node": ">=12"
4427 + }
4428 + },
4429 + "node_modules/d3-drag": {
4430 + "version": "3.0.0",
4431 + "resolved": "https://registry.npmjs.org/d3-drag/-/d3-drag-3.0.0.tgz",
4432 + "integrity": "sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==",
4433 + "license": "ISC",
4434 + "dependencies": {
4435 + "d3-dispatch": "1 - 3",
4436 + "d3-selection": "3"
4437 + },
4438 + "engines": {
4439 + "node": ">=12"
4440 + }
4441 + },
4442 + "node_modules/d3-dsv": {
4443 + "version": "3.0.1",
4444 + "resolved": "https://registry.npmjs.org/d3-dsv/-/d3-dsv-3.0.1.tgz",
4445 + "integrity": "sha512-UG6OvdI5afDIFP9w4G0mNq50dSOsXHJaRE8arAS5o9ApWnIElp8GZw1Dun8vP8OyHOZ/QJUKUJwxiiCCnUwm+Q==",
4446 + "license": "ISC",
4447 + "dependencies": {
4448 + "commander": "7",
4449 + "iconv-lite": "0.6",
4450 + "rw": "1"
4451 + },
4452 + "bin": {
4453 + "csv2json": "bin/dsv2json.js",
4454 + "csv2tsv": "bin/dsv2dsv.js",
4455 + "dsv2dsv": "bin/dsv2dsv.js",
4456 + "dsv2json": "bin/dsv2json.js",
4457 + "json2csv": "bin/json2dsv.js",
4458 + "json2dsv": "bin/json2dsv.js",
4459 + "json2tsv": "bin/json2dsv.js",
4460 + "tsv2csv": "bin/dsv2dsv.js",
4461 + "tsv2json": "bin/dsv2json.js"
4462 + },
4463 + "engines": {
4464 + "node": ">=12"
4465 + }
4466 + },
4467 + "node_modules/d3-dsv/node_modules/commander": {
4468 + "version": "7.2.0",
4469 + "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
4470 + "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
4471 + "license": "MIT",
4472 + "engines": {
4473 + "node": ">= 10"
4474 + }
4475 + },
4476 + "node_modules/d3-ease": {
4477 + "version": "3.0.1",
4478 + "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz",
4479 + "integrity": "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==",
4480 + "license": "BSD-3-Clause",
4481 + "engines": {
4482 + "node": ">=12"
4483 + }
4484 + },
4485 + "node_modules/d3-fetch": {
4486 + "version": "3.0.1",
4487 + "resolved": "https://registry.npmjs.org/d3-fetch/-/d3-fetch-3.0.1.tgz",
4488 + "integrity": "sha512-kpkQIM20n3oLVBKGg6oHrUchHM3xODkTzjMoj7aWQFq5QEM+R6E4WkzT5+tojDY7yjez8KgCBRoj4aEr99Fdqw==",
4489 + "license": "ISC",
4490 + "dependencies": {
4491 + "d3-dsv": "1 - 3"
4492 + },
4493 + "engines": {
4494 + "node": ">=12"
4495 + }
4496 + },
4497 + "node_modules/d3-force": {
4498 + "version": "3.0.0",
4499 + "resolved": "https://registry.npmjs.org/d3-force/-/d3-force-3.0.0.tgz",
4500 + "integrity": "sha512-zxV/SsA+U4yte8051P4ECydjD/S+qeYtnaIyAs9tgHCqfguma/aAQDjo85A9Z6EKhBirHRJHXIgJUlffT4wdLg==",
4501 + "license": "ISC",
4502 + "dependencies": {
4503 + "d3-dispatch": "1 - 3",
4504 + "d3-quadtree": "1 - 3",
4505 + "d3-timer": "1 - 3"
4506 + },
4507 + "engines": {
4508 + "node": ">=12"
4509 + }
4510 + },
4511 + "node_modules/d3-format": {
4512 + "version": "3.1.2",
4513 + "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.2.tgz",
4514 + "integrity": "sha512-AJDdYOdnyRDV5b6ArilzCPPwc1ejkHcoyFarqlPqT7zRYjhavcT3uSrqcMvsgh2CgoPbK3RCwyHaVyxYcP2Arg==",
4515 + "license": "ISC",
4516 + "engines": {
4517 + "node": ">=12"
4518 + }
4519 + },
4520 + "node_modules/d3-geo": {
4521 + "version": "3.1.1",
4522 + "resolved": "https://registry.npmjs.org/d3-geo/-/d3-geo-3.1.1.tgz",
4523 + "integrity": "sha512-637ln3gXKXOwhalDzinUgY83KzNWZRKbYubaG+fGVuc/dxO64RRljtCTnf5ecMyE1RIdtqpkVcq0IbtU2S8j2Q==",
4524 + "license": "ISC",
4525 + "dependencies": {
4526 + "d3-array": "2.5.0 - 3"
4527 + },
4528 + "engines": {
4529 + "node": ">=12"
4530 + }
4531 + },
4532 + "node_modules/d3-hierarchy": {
4533 + "version": "3.1.2",
4534 + "resolved": "https://registry.npmjs.org/d3-hierarchy/-/d3-hierarchy-3.1.2.tgz",
4535 + "integrity": "sha512-FX/9frcub54beBdugHjDCdikxThEqjnR93Qt7PvQTOHxyiNCAlvMrHhclk3cD5VeAaq9fxmfRp+CnWw9rEMBuA==",
4536 + "license": "ISC",
4537 + "engines": {
4538 + "node": ">=12"
4539 + }
4540 + },
4541 + "node_modules/d3-interpolate": {
4542 + "version": "3.0.1",
4543 + "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
4544 + "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==",
4545 + "license": "ISC",
4546 + "dependencies": {
4547 + "d3-color": "1 - 3"
4548 + },
4549 + "engines": {
4550 + "node": ">=12"
4551 + }
4552 + },
4553 + "node_modules/d3-path": {
4554 + "version": "3.1.0",
4555 + "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz",
4556 + "integrity": "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==",
4557 + "license": "ISC",
4558 + "engines": {
4559 + "node": ">=12"
4560 + }
4561 + },
4562 + "node_modules/d3-polygon": {
4563 + "version": "3.0.1",
4564 + "resolved": "https://registry.npmjs.org/d3-polygon/-/d3-polygon-3.0.1.tgz",
4565 + "integrity": "sha512-3vbA7vXYwfe1SYhED++fPUQlWSYTTGmFmQiany/gdbiWgU/iEyQzyymwL9SkJjFFuCS4902BSzewVGsHHmHtXg==",
4566 + "license": "ISC",
4567 + "engines": {
4568 + "node": ">=12"
4569 + }
4570 + },
4571 + "node_modules/d3-quadtree": {
4572 + "version": "3.0.1",
4573 + "resolved": "https://registry.npmjs.org/d3-quadtree/-/d3-quadtree-3.0.1.tgz",
4574 + "integrity": "sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw==",
4575 + "license": "ISC",
4576 + "engines": {
4577 + "node": ">=12"
4578 + }
4579 + },
4580 + "node_modules/d3-random": {
4581 + "version": "3.0.1",
4582 + "resolved": "https://registry.npmjs.org/d3-random/-/d3-random-3.0.1.tgz",
4583 + "integrity": "sha512-FXMe9GfxTxqd5D6jFsQ+DJ8BJS4E/fT5mqqdjovykEB2oFbTMDVdg1MGFxfQW+FBOGoB++k8swBrgwSHT1cUXQ==",
4584 + "license": "ISC",
4585 + "engines": {
4586 + "node": ">=12"
4587 + }
4588 + },
4589 + "node_modules/d3-sankey": {
4590 + "version": "0.12.3",
4591 + "resolved": "https://registry.npmjs.org/d3-sankey/-/d3-sankey-0.12.3.tgz",
4592 + "integrity": "sha512-nQhsBRmM19Ax5xEIPLMY9ZmJ/cDvd1BG3UVvt5h3WRxKg5zGRbvnteTyWAbzeSvlh3tW7ZEmq4VwR5mB3tutmQ==",
4593 + "license": "BSD-3-Clause",
4594 + "dependencies": {
4595 + "d3-array": "1 - 2",
4596 + "d3-shape": "^1.2.0"
4597 + }
4598 + },
4599 + "node_modules/d3-sankey/node_modules/d3-array": {
4600 + "version": "2.12.1",
4601 + "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-2.12.1.tgz",
4602 + "integrity": "sha512-B0ErZK/66mHtEsR1TkPEEkwdy+WDesimkM5gpZr5Dsg54BiTA5RXtYW5qTLIAcekaS9xfZrzBLF/OAkB3Qn1YQ==",
4603 + "license": "BSD-3-Clause",
4604 + "dependencies": {
4605 + "internmap": "^1.0.0"
4606 + }
4607 + },
4608 + "node_modules/d3-sankey/node_modules/d3-path": {
4609 + "version": "1.0.9",
4610 + "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-1.0.9.tgz",
4611 + "integrity": "sha512-VLaYcn81dtHVTjEHd8B+pbe9yHWpXKZUC87PzoFmsFrJqgFwDe/qxfp5MlfsfM1V5E/iVt0MmEbWQ7FVIXh/bg==",
4612 + "license": "BSD-3-Clause"
4613 + },
4614 + "node_modules/d3-sankey/node_modules/d3-shape": {
4615 + "version": "1.3.7",
4616 + "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-1.3.7.tgz",
4617 + "integrity": "sha512-EUkvKjqPFUAZyOlhY5gzCxCeI0Aep04LwIRpsZ/mLFelJiUfnK56jo5JMDSE7yyP2kLSb6LtF+S5chMk7uqPqw==",
4618 + "license": "BSD-3-Clause",
4619 + "dependencies": {
4620 + "d3-path": "1"
4621 + }
4622 + },
4623 + "node_modules/d3-sankey/node_modules/internmap": {
4624 + "version": "1.0.1",
4625 + "resolved": "https://registry.npmjs.org/internmap/-/internmap-1.0.1.tgz",
4626 + "integrity": "sha512-lDB5YccMydFBtasVtxnZ3MRBHuaoE8GKsppq+EchKL2U4nK/DmEpPHNH8MZe5HkMtpSiTSOZwfN0tzYjO/lJEw==",
4627 + "license": "ISC"
4628 + },
4629 + "node_modules/d3-scale": {
4630 + "version": "4.0.2",
4631 + "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz",
4632 + "integrity": "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==",
4633 + "license": "ISC",
4634 + "dependencies": {
4635 + "d3-array": "2.10.0 - 3",
4636 + "d3-format": "1 - 3",
4637 + "d3-interpolate": "1.2.0 - 3",
4638 + "d3-time": "2.1.1 - 3",
4639 + "d3-time-format": "2 - 4"
4640 + },
4641 + "engines": {
4642 + "node": ">=12"
4643 + }
4644 + },
4645 + "node_modules/d3-scale-chromatic": {
4646 + "version": "3.1.0",
4647 + "resolved": "https://registry.npmjs.org/d3-scale-chromatic/-/d3-scale-chromatic-3.1.0.tgz",
4648 + "integrity": "sha512-A3s5PWiZ9YCXFye1o246KoscMWqf8BsD9eRiJ3He7C9OBaxKhAd5TFCdEx/7VbKtxxTsu//1mMJFrEt572cEyQ==",
4649 + "license": "ISC",
4650 + "dependencies": {
4651 + "d3-color": "1 - 3",
4652 + "d3-interpolate": "1 - 3"
4653 + },
4654 + "engines": {
4655 + "node": ">=12"
4656 + }
4657 + },
4658 + "node_modules/d3-selection": {
4659 + "version": "3.0.0",
4660 + "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz",
4661 + "integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==",
4662 + "license": "ISC",
4663 + "engines": {
4664 + "node": ">=12"
4665 + }
4666 + },
4667 + "node_modules/d3-shape": {
4668 + "version": "3.2.0",
4669 + "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-3.2.0.tgz",
4670 + "integrity": "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==",
4671 + "license": "ISC",
4672 + "dependencies": {
4673 + "d3-path": "^3.1.0"
4674 + },
4675 + "engines": {
4676 + "node": ">=12"
4677 + }
4678 + },
4679 + "node_modules/d3-time": {
4680 + "version": "3.1.0",
4681 + "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.1.0.tgz",
4682 + "integrity": "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==",
4683 + "license": "ISC",
4684 + "dependencies": {
4685 + "d3-array": "2 - 3"
4686 + },
4687 + "engines": {
4688 + "node": ">=12"
4689 + }
4690 + },
4691 + "node_modules/d3-time-format": {
4692 + "version": "4.1.0",
4693 + "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-4.1.0.tgz",
4694 + "integrity": "sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==",
4695 + "license": "ISC",
4696 + "dependencies": {
4697 + "d3-time": "1 - 3"
4698 + },
4699 + "engines": {
4700 + "node": ">=12"
4701 + }
4702 + },
4703 + "node_modules/d3-timer": {
4704 + "version": "3.0.1",
4705 + "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz",
4706 + "integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==",
4707 + "license": "ISC",
4708 + "engines": {
4709 + "node": ">=12"
4710 + }
4711 + },
4712 + "node_modules/d3-transition": {
4713 + "version": "3.0.1",
4714 + "resolved": "https://registry.npmjs.org/d3-transition/-/d3-transition-3.0.1.tgz",
4715 + "integrity": "sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==",
4716 + "license": "ISC",
4717 + "dependencies": {
4718 + "d3-color": "1 - 3",
4719 + "d3-dispatch": "1 - 3",
4720 + "d3-ease": "1 - 3",
4721 + "d3-interpolate": "1 - 3",
4722 + "d3-timer": "1 - 3"
4723 + },
4724 + "engines": {
4725 + "node": ">=12"
4726 + },
4727 + "peerDependencies": {
4728 + "d3-selection": "2 - 3"
4729 + }
4730 + },
4731 + "node_modules/d3-zoom": {
4732 + "version": "3.0.0",
4733 + "resolved": "https://registry.npmjs.org/d3-zoom/-/d3-zoom-3.0.0.tgz",
4734 + "integrity": "sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==",
4735 + "license": "ISC",
4736 + "dependencies": {
4737 + "d3-dispatch": "1 - 3",
4738 + "d3-drag": "2 - 3",
4739 + "d3-interpolate": "1 - 3",
4740 + "d3-selection": "2 - 3",
4741 + "d3-transition": "2 - 3"
4742 + },
4743 + "engines": {
4744 + "node": ">=12"
4745 + }
4746 + },
4747 + "node_modules/dagre-d3-es": {
4748 + "version": "7.0.14",
4749 + "resolved": "https://registry.npmjs.org/dagre-d3-es/-/dagre-d3-es-7.0.14.tgz",
4750 + "integrity": "sha512-P4rFMVq9ESWqmOgK+dlXvOtLwYg0i7u0HBGJER0LZDJT2VHIPAMZ/riPxqJceWMStH5+E61QxFra9kIS3AqdMg==",
4751 + "license": "MIT",
4752 + "dependencies": {
4753 + "d3": "^7.9.0",
4754 + "lodash-es": "^4.17.21"
4755 + }
4756 + },
4757 + "node_modules/data-view-buffer": {
4758 + "version": "1.0.2",
4759 + "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.2.tgz",
4760 + "integrity": "sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==",
4761 + "dev": true,
4762 + "license": "MIT",
4763 + "dependencies": {
4764 + "call-bound": "^1.0.3",
4765 + "es-errors": "^1.3.0",
4766 + "is-data-view": "^1.0.2"
4767 + },
4768 + "engines": {
4769 + "node": ">= 0.4"
4770 + },
4771 + "funding": {
4772 + "url": "https://github.com/sponsors/ljharb"
4773 + }
4774 + },
4775 + "node_modules/data-view-byte-length": {
4776 + "version": "1.0.2",
4777 + "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz",
4778 + "integrity": "sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==",
4779 + "dev": true,
4780 + "license": "MIT",
4781 + "dependencies": {
4782 + "call-bound": "^1.0.3",
4783 + "es-errors": "^1.3.0",
4784 + "is-data-view": "^1.0.2"
4785 + },
4786 + "engines": {
4787 + "node": ">= 0.4"
4788 + },
4789 + "funding": {
4790 + "url": "https://github.com/sponsors/inspect-js"
4791 + }
4792 + },
4793 + "node_modules/data-view-byte-offset": {
4794 + "version": "1.0.1",
4795 + "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz",
4796 + "integrity": "sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==",
4797 + "dev": true,
4798 + "license": "MIT",
4799 + "dependencies": {
4800 + "call-bound": "^1.0.2",
4801 + "es-errors": "^1.3.0",
4802 + "is-data-view": "^1.0.1"
4039 4803 },
4040 4804 "engines": {
4041 4805 "node": ">= 0.4"
@@ -4044,6 +4808,104 @@
4044 4808 "url": "https://github.com/sponsors/ljharb"
4045 4809 }
4046 4810 },
4811 + "node_modules/dayjs": {
4812 + "version": "1.11.21",
4813 + "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.21.tgz",
4814 + "integrity": "sha512-98IT+HOahAisibz/yjKbzuOBwYcjJ7BCLPzARyHiyEBmRz4fatF+KPJszEHXsGYjUG234aH/cOjW1wwTbKUZlA==",
4815 + "license": "MIT"
4816 + },
4817 + "node_modules/debug": {
4818 + "version": "4.4.3",
4819 + "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
4820 + "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
4821 + "license": "MIT",
4822 + "dependencies": {
4823 + "ms": "^2.1.3"
4824 + },
4825 + "engines": {
4826 + "node": ">=6.0"
4827 + },
4828 + "peerDependenciesMeta": {
4829 + "supports-color": {
4830 + "optional": true
4831 + }
4832 + }
4833 + },
4834 + "node_modules/decode-named-character-reference": {
4835 + "version": "1.3.0",
4836 + "resolved": "https://registry.npmjs.org/decode-named-character-reference/-/decode-named-character-reference-1.3.0.tgz",
4837 + "integrity": "sha512-GtpQYB283KrPp6nRw50q3U9/VfOutZOe103qlN7BPP6Ad27xYnOIWv4lPzo8HCAL+mMZofJ9KEy30fq6MfaK6Q==",
4838 + "license": "MIT",
4839 + "dependencies": {
4840 + "character-entities": "^2.0.0"
4841 + },
4842 + "funding": {
4843 + "type": "github",
4844 + "url": "https://github.com/sponsors/wooorm"
4845 + }
4846 + },
4847 + "node_modules/deep-is": {
4848 + "version": "0.1.4",
4849 + "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
4850 + "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
4851 + "dev": true,
4852 + "license": "MIT"
4853 + },
4854 + "node_modules/deepmerge": {
4855 + "version": "4.3.1",
4856 + "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
4857 + "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
4858 + "dev": true,
4859 + "license": "MIT",
4860 + "engines": {
4861 + "node": ">=0.10.0"
4862 + }
4863 + },
4864 + "node_modules/define-data-property": {
4865 + "version": "1.1.4",
4866 + "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
4867 + "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
4868 + "dev": true,
4869 + "license": "MIT",
4870 + "dependencies": {
4871 + "es-define-property": "^1.0.0",
4872 + "es-errors": "^1.3.0",
4873 + "gopd": "^1.0.1"
4874 + },
4875 + "engines": {
4876 + "node": ">= 0.4"
4877 + },
4878 + "funding": {
4879 + "url": "https://github.com/sponsors/ljharb"
4880 + }
4881 + },
4882 + "node_modules/define-properties": {
4883 + "version": "1.2.1",
4884 + "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
4885 + "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
4886 + "dev": true,
4887 + "license": "MIT",
4888 + "dependencies": {
4889 + "define-data-property": "^1.0.1",
4890 + "has-property-descriptors": "^1.0.0",
4891 + "object-keys": "^1.1.1"
4892 + },
4893 + "engines": {
4894 + "node": ">= 0.4"
4895 + },
4896 + "funding": {
4897 + "url": "https://github.com/sponsors/ljharb"
4898 + }
4899 + },
4900 + "node_modules/delaunator": {
4901 + "version": "5.1.0",
4902 + "resolved": "https://registry.npmjs.org/delaunator/-/delaunator-5.1.0.tgz",
4903 + "integrity": "sha512-AGrQ4QSgssa1NGmWmLPqN5NY2KajF5MqxetNEO+o0n3ZwZZeTmt7bBnvzHWrmkZFxGgr4HdyFgelzgi06otLuQ==",
4904 + "license": "ISC",
4905 + "dependencies": {
4906 + "robust-predicates": "^3.0.2"
4907 + }
4908 + },
4047 4909 "node_modules/dequal": {
4048 4910 "version": "2.0.3",
4049 4911 "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
@@ -4066,6 +4928,15 @@
4066 4928 "url": "https://github.com/sponsors/wooorm"
4067 4929 }
4068 4930 },
4931 + "node_modules/dompurify": {
4932 + "version": "3.4.12",
4933 + "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.4.12.tgz",
4934 + "integrity": "sha512-zQvGet8Z2sWbQhCmfFz/T5QWH2oBmjnqK3qvOjaqaNLrLEF912WamU+ohnTp0TCep/MFVHpdJuCZEdFOdTnEFg==",
4935 + "license": "(MPL-2.0 OR Apache-2.0)",
4936 + "optionalDependencies": {
4937 + "@types/trusted-types": "^2.0.7"
4938 + }
4939 + },
4069 4940 "node_modules/dunder-proto": {
4070 4941 "version": "1.0.1",
4071 4942 "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
@@ -4104,6 +4975,18 @@
4104 4975 "dev": true,
4105 4976 "license": "ISC"
4106 4977 },
4978 + "node_modules/entities": {
4979 + "version": "6.0.1",
4980 + "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
4981 + "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
4982 + "license": "BSD-2-Clause",
4983 + "engines": {
4984 + "node": ">=0.12"
4985 + },
4986 + "funding": {
4987 + "url": "https://github.com/fb55/entities?sponsor=1"
4988 + }
4989 + },
4107 4990 "node_modules/es-abstract": {
4108 4991 "version": "1.24.2",
4109 4992 "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.24.2.tgz",
@@ -4262,6 +5145,17 @@
4262 5145 "url": "https://github.com/sponsors/ljharb"
4263 5146 }
4264 5147 },
5148 + "node_modules/es-toolkit": {
5149 + "version": "1.50.0",
5150 + "resolved": "https://registry.npmjs.org/es-toolkit/-/es-toolkit-1.50.0.tgz",
5151 + "integrity": "sha512-OyZKhUVvEep9ITEiwHn8GKnMRQIVqoSIX7WnRbkWgJkllCujilqP2rD0u979tkl8wqyc8ICwlc1UBVv/Sl1G6w==",
5152 + "license": "MIT",
5153 + "workspaces": [
5154 + "docs",
5155 + "benchmarks",
5156 + "tests/types"
5157 + ]
5158 + },
4265 5159 "node_modules/esbuild": {
4266 5160 "version": "0.28.1",
4267 5161 "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.28.1.tgz",
@@ -5024,6 +5918,12 @@
5024 5918 "dev": true,
5025 5919 "license": "ISC"
5026 5920 },
5921 + "node_modules/hachure-fill": {
5922 + "version": "0.5.2",
5923 + "resolved": "https://registry.npmjs.org/hachure-fill/-/hachure-fill-0.5.2.tgz",
5924 + "integrity": "sha512-3GKBOn+m2LX9iq+JC1064cSFprJY4jL1jCXTcpnfER5HYE2l/4EfWSGzkPa/ZDBmYI0ZOEj5VHV/eKnPGkHuOg==",
5925 + "license": "MIT"
5926 + },
5027 5927 "node_modules/has-bigints": {
5028 5928 "version": "1.1.0",
5029 5929 "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz",
@@ -5096,26 +5996,95 @@
5096 5996 "dev": true,
5097 5997 "license": "MIT",
5098 5998 "dependencies": {
5099 − "has-symbols": "^1.0.3"
5100 − },
5101 − "engines": {
5102 − "node": ">= 0.4"
5999 + "has-symbols": "^1.0.3"
6000 + },
6001 + "engines": {
6002 + "node": ">= 0.4"
6003 + },
6004 + "funding": {
6005 + "url": "https://github.com/sponsors/ljharb"
6006 + }
6007 + },
6008 + "node_modules/hasown": {
6009 + "version": "2.0.4",
6010 + "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.4.tgz",
6011 + "integrity": "sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==",
6012 + "dev": true,
6013 + "license": "MIT",
6014 + "dependencies": {
6015 + "function-bind": "^1.1.2"
6016 + },
6017 + "engines": {
6018 + "node": ">= 0.4"
6019 + }
6020 + },
6021 + "node_modules/hast-util-from-dom": {
6022 + "version": "5.0.1",
6023 + "resolved": "https://registry.npmjs.org/hast-util-from-dom/-/hast-util-from-dom-5.0.1.tgz",
6024 + "integrity": "sha512-N+LqofjR2zuzTjCPzyDUdSshy4Ma6li7p/c3pA78uTwzFgENbgbUrm2ugwsOdcjI1muO+o6Dgzp9p8WHtn/39Q==",
6025 + "license": "ISC",
6026 + "dependencies": {
6027 + "@types/hast": "^3.0.0",
6028 + "hastscript": "^9.0.0",
6029 + "web-namespaces": "^2.0.0"
6030 + },
6031 + "funding": {
6032 + "type": "opencollective",
6033 + "url": "https://opencollective.com/unified"
6034 + }
6035 + },
6036 + "node_modules/hast-util-from-html": {
6037 + "version": "2.0.3",
6038 + "resolved": "https://registry.npmjs.org/hast-util-from-html/-/hast-util-from-html-2.0.3.tgz",
6039 + "integrity": "sha512-CUSRHXyKjzHov8yKsQjGOElXy/3EKpyX56ELnkHH34vDVw1N1XSQ1ZcAvTyAPtGqLTuKP/uxM+aLkSPqF/EtMw==",
6040 + "license": "MIT",
6041 + "dependencies": {
6042 + "@types/hast": "^3.0.0",
6043 + "devlop": "^1.1.0",
6044 + "hast-util-from-parse5": "^8.0.0",
6045 + "parse5": "^7.0.0",
6046 + "vfile": "^6.0.0",
6047 + "vfile-message": "^4.0.0"
6048 + },
6049 + "funding": {
6050 + "type": "opencollective",
6051 + "url": "https://opencollective.com/unified"
6052 + }
6053 + },
6054 + "node_modules/hast-util-from-html-isomorphic": {
6055 + "version": "2.0.0",
6056 + "resolved": "https://registry.npmjs.org/hast-util-from-html-isomorphic/-/hast-util-from-html-isomorphic-2.0.0.tgz",
6057 + "integrity": "sha512-zJfpXq44yff2hmE0XmwEOzdWin5xwH+QIhMLOScpX91e/NSGPsAzNCvLQDIEPyO2TXi+lBmU6hjLIhV8MwP2kw==",
6058 + "license": "MIT",
6059 + "dependencies": {
6060 + "@types/hast": "^3.0.0",
6061 + "hast-util-from-dom": "^5.0.0",
6062 + "hast-util-from-html": "^2.0.0",
6063 + "unist-util-remove-position": "^5.0.0"
5103 6064 },
5104 6065 "funding": {
5105 − "url": "https://github.com/sponsors/ljharb"
6066 + "type": "opencollective",
6067 + "url": "https://opencollective.com/unified"
5106 6068 }
5107 6069 },
5108 − "node_modules/hasown": {
5109 − "version": "2.0.4",
5110 − "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.4.tgz",
5111 − "integrity": "sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==",
5112 − "dev": true,
6070 + "node_modules/hast-util-from-parse5": {
6071 + "version": "8.0.3",
6072 + "resolved": "https://registry.npmjs.org/hast-util-from-parse5/-/hast-util-from-parse5-8.0.3.tgz",
6073 + "integrity": "sha512-3kxEVkEKt0zvcZ3hCRYI8rqrgwtlIOFMWkbclACvjlDw8Li9S2hk/d51OI0nr/gIpdMHNepwgOKqZ/sy0Clpyg==",
5113 6074 "license": "MIT",
5114 6075 "dependencies": {
5115 − "function-bind": "^1.1.2"
6076 + "@types/hast": "^3.0.0",
6077 + "@types/unist": "^3.0.0",
6078 + "devlop": "^1.0.0",
6079 + "hastscript": "^9.0.0",
6080 + "property-information": "^7.0.0",
6081 + "vfile": "^6.0.0",
6082 + "vfile-location": "^5.0.0",
6083 + "web-namespaces": "^2.0.0"
5116 6084 },
5117 − "engines": {
5118 − "node": ">= 0.4"
6085 + "funding": {
6086 + "type": "opencollective",
6087 + "url": "https://opencollective.com/unified"
5119 6088 }
5120 6089 },
5121 6090 "node_modules/hast-util-is-element": {
@@ -5131,6 +6100,19 @@
5131 6100 "url": "https://opencollective.com/unified"
5132 6101 }
5133 6102 },
6103 + "node_modules/hast-util-parse-selector": {
6104 + "version": "4.0.0",
6105 + "resolved": "https://registry.npmjs.org/hast-util-parse-selector/-/hast-util-parse-selector-4.0.0.tgz",
6106 + "integrity": "sha512-wkQCkSYoOGCRKERFWcxMVMOcYE2K1AaNLU8DXS9arxnLOUEWbOXKXiJUNzEpqZ3JOKpnha3jkFrumEjVliDe7A==",
6107 + "license": "MIT",
6108 + "dependencies": {
6109 + "@types/hast": "^3.0.0"
6110 + },
6111 + "funding": {
6112 + "type": "opencollective",
6113 + "url": "https://opencollective.com/unified"
6114 + }
6115 + },
5134 6116 "node_modules/hast-util-to-jsx-runtime": {
5135 6117 "version": "2.3.6",
5136 6118 "resolved": "https://registry.npmjs.org/hast-util-to-jsx-runtime/-/hast-util-to-jsx-runtime-2.3.6.tgz",
@@ -5187,6 +6169,23 @@
5187 6169 "url": "https://opencollective.com/unified"
5188 6170 }
5189 6171 },
6172 + "node_modules/hastscript": {
6173 + "version": "9.0.1",
6174 + "resolved": "https://registry.npmjs.org/hastscript/-/hastscript-9.0.1.tgz",
6175 + "integrity": "sha512-g7df9rMFX/SPi34tyGCyUBREQoKkapwdY/T04Qn9TDWfHhAYt4/I0gMVirzK5wEzeUqIjEB+LXC/ypb7Aqno5w==",
6176 + "license": "MIT",
6177 + "dependencies": {
6178 + "@types/hast": "^3.0.0",
6179 + "comma-separated-tokens": "^2.0.0",
6180 + "hast-util-parse-selector": "^4.0.0",
6181 + "property-information": "^7.0.0",
6182 + "space-separated-tokens": "^2.0.0"
6183 + },
6184 + "funding": {
6185 + "type": "opencollective",
6186 + "url": "https://opencollective.com/unified"
6187 + }
6188 + },
5190 6189 "node_modules/highlight.js": {
5191 6190 "version": "11.11.1",
5192 6191 "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-11.11.1.tgz",
@@ -5206,6 +6205,18 @@
5206 6205 "url": "https://opencollective.com/unified"
5207 6206 }
5208 6207 },
6208 + "node_modules/iconv-lite": {
6209 + "version": "0.6.3",
6210 + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
6211 + "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
6212 + "license": "MIT",
6213 + "dependencies": {
6214 + "safer-buffer": ">= 2.1.2 < 3.0.0"
6215 + },
6216 + "engines": {
6217 + "node": ">=0.10.0"
6218 + }
6219 + },
5209 6220 "node_modules/idb": {
5210 6221 "version": "7.1.1",
5211 6222 "resolved": "https://registry.npmjs.org/idb/-/idb-7.1.1.tgz",
@@ -5240,6 +6251,16 @@
5240 6251 "url": "https://github.com/sponsors/sindresorhus"
5241 6252 }
5242 6253 },
6254 + "node_modules/import-meta-resolve": {
6255 + "version": "4.2.0",
6256 + "resolved": "https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-4.2.0.tgz",
6257 + "integrity": "sha512-Iqv2fzaTQN28s/FwZAoFq0ZSs/7hMAHJVX+w8PZl3cY19Pxk6jFFalxQoIfW2826i/fDLXv8IiEZRIT0lDuWcg==",
6258 + "license": "MIT",
6259 + "funding": {
6260 + "type": "github",
6261 + "url": "https://github.com/sponsors/wooorm"
6262 + }
6263 + },
5243 6264 "node_modules/imurmurhash": {
5244 6265 "version": "0.1.4",
5245 6266 "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
@@ -5271,6 +6292,15 @@
5271 6292 "node": ">= 0.4"
5272 6293 }
5273 6294 },
6295 + "node_modules/internmap": {
6296 + "version": "2.0.3",
6297 + "resolved": "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz",
6298 + "integrity": "sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==",
6299 + "license": "ISC",
6300 + "engines": {
6301 + "node": ">=12"
6302 + }
6303 + },
5274 6304 "node_modules/is-alphabetical": {
5275 6305 "version": "2.0.1",
5276 6306 "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-2.0.1.tgz",
@@ -5913,6 +6943,31 @@
5913 6943 "node": ">=0.10.0"
5914 6944 }
5915 6945 },
6946 + "node_modules/katex": {
6947 + "version": "0.18.1",
6948 + "resolved": "https://registry.npmjs.org/katex/-/katex-0.18.1.tgz",
6949 + "integrity": "sha512-Td8GCYSxDAoMhHOlKmCFMJ/hz5qlAAb71n66Dryw9nfCVfumLo7nhuotbvKom/XPADmrYC3O5QR71EPq4DarJQ==",
6950 + "funding": [
6951 + "https://opencollective.com/katex",
6952 + "https://github.com/sponsors/katex"
6953 + ],
6954 + "license": "MIT",
6955 + "dependencies": {
6956 + "commander": "^8.3.0"
6957 + },
6958 + "bin": {
6959 + "katex": "cli.js"
6960 + }
6961 + },
6962 + "node_modules/katex/node_modules/commander": {
6963 + "version": "8.3.0",
6964 + "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz",
6965 + "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==",
6966 + "license": "MIT",
6967 + "engines": {
6968 + "node": ">= 12"
6969 + }
6970 + },
5916 6971 "node_modules/keyv": {
5917 6972 "version": "4.5.4",
5918 6973 "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
@@ -5923,6 +6978,17 @@
5923 6978 "json-buffer": "3.0.1"
5924 6979 }
5925 6980 },
6981 + "node_modules/khroma": {
6982 + "version": "2.1.0",
6983 + "resolved": "https://registry.npmjs.org/khroma/-/khroma-2.1.0.tgz",
6984 + "integrity": "sha512-Ls993zuzfayK269Svk9hzpeGUKob/sIgZzyHYdjQoAdQetRKpOLj+k/QQQ/6Qi0Yz65mlROrfd+Ev+1+7dz9Kw=="
6985 + },
6986 + "node_modules/layout-base": {
6987 + "version": "1.0.2",
6988 + "resolved": "https://registry.npmjs.org/layout-base/-/layout-base-1.0.2.tgz",
6989 + "integrity": "sha512-8h2oVEZNktL4BH2JCOI90iD1yXwL6iNW7KcCKT2QZgQJR2vbqDsldCTPRU9NifTCqHZci57XvQQ15YTu+sTYPg==",
6990 + "license": "MIT"
6991 + },
5926 6992 "node_modules/leven": {
5927 6993 "version": "3.1.0",
5928 6994 "resolved": "https://registry.npmjs.org/leven/-/leven-3.1.0.tgz",
@@ -5963,6 +7029,12 @@
5963 7029 "url": "https://github.com/sponsors/sindresorhus"
5964 7030 }
5965 7031 },
7032 + "node_modules/lodash-es": {
7033 + "version": "4.18.1",
7034 + "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.18.1.tgz",
7035 + "integrity": "sha512-J8xewKD/Gk22OZbhpOVSwcs60zhd95ESDwezOFuA3/099925PdHJ7OFHNTGtajL3AlZkykD32HykiMo+BIBI8A==",
7036 + "license": "MIT"
7037 + },
5966 7038 "node_modules/lodash.debounce": {
5967 7039 "version": "4.0.8",
5968 7040 "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
@@ -6032,6 +7104,18 @@
6032 7104 "url": "https://github.com/sponsors/wooorm"
6033 7105 }
6034 7106 },
7107 + "node_modules/marked": {
7108 + "version": "16.4.2",
7109 + "resolved": "https://registry.npmjs.org/marked/-/marked-16.4.2.tgz",
7110 + "integrity": "sha512-TI3V8YYWvkVf3KJe1dRkpnjs68JUPyEa5vjKrp1XEEJUAOaQc+Qj+L1qWbPd0SJuAdQkFU0h73sXXqwDYxsiDA==",
7111 + "license": "MIT",
7112 + "bin": {
7113 + "marked": "bin/marked.js"
7114 + },
7115 + "engines": {
7116 + "node": ">= 20"
7117 + }
7118 + },
6035 7119 "node_modules/math-intrinsics": {
6036 7120 "version": "1.1.0",
6037 7121 "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
@@ -6195,6 +7279,25 @@
6195 7279 "url": "https://opencollective.com/unified"
6196 7280 }
6197 7281 },
7282 + "node_modules/mdast-util-math": {
7283 + "version": "3.0.0",
7284 + "resolved": "https://registry.npmjs.org/mdast-util-math/-/mdast-util-math-3.0.0.tgz",
7285 + "integrity": "sha512-Tl9GBNeG/AhJnQM221bJR2HPvLOSnLE/T9cJI9tlc6zwQk2nPk/4f0cHkOdEixQPC/j8UtKDdITswvLAy1OZ1w==",
7286 + "license": "MIT",
7287 + "dependencies": {
7288 + "@types/hast": "^3.0.0",
7289 + "@types/mdast": "^4.0.0",
7290 + "devlop": "^1.0.0",
7291 + "longest-streak": "^3.0.0",
7292 + "mdast-util-from-markdown": "^2.0.0",
7293 + "mdast-util-to-markdown": "^2.1.0",
7294 + "unist-util-remove-position": "^5.0.0"
7295 + },
7296 + "funding": {
7297 + "type": "opencollective",
7298 + "url": "https://opencollective.com/unified"
7299 + }
7300 + },
6198 7301 "node_modules/mdast-util-mdx-expression": {
6199 7302 "version": "2.0.1",
6200 7303 "resolved": "https://registry.npmjs.org/mdast-util-mdx-expression/-/mdast-util-mdx-expression-2.0.1.tgz",
@@ -6324,6 +7427,60 @@
6324 7427 "url": "https://opencollective.com/unified"
6325 7428 }
6326 7429 },
7430 + "node_modules/mermaid": {
7431 + "version": "11.16.0",
7432 + "resolved": "https://registry.npmjs.org/mermaid/-/mermaid-11.16.0.tgz",
7433 + "integrity": "sha512-Zvm3kbstgdpvIJPPItlL7fppIZ3kibvc1oZIGxdvk9t6UFz6flv+Jw7FtRGKwfcI8OckmH04LqG6LlS6X4B1pA==",
7434 + "license": "MIT",
7435 + "dependencies": {
7436 + "@braintree/sanitize-url": "^7.1.2",
7437 + "@iconify/utils": "^3.0.2",
7438 + "@mermaid-js/parser": "^1.2.0",
7439 + "@types/d3": "^7.4.3",
7440 + "@upsetjs/venn.js": "^2.0.0",
7441 + "cytoscape": "^3.33.3",
7442 + "cytoscape-cose-bilkent": "^4.1.0",
7443 + "cytoscape-fcose": "^2.2.0",
7444 + "d3": "^7.9.0",
7445 + "d3-sankey": "^0.12.3",
7446 + "dagre-d3-es": "7.0.14",
7447 + "dayjs": "^1.11.20",
7448 + "dompurify": "^3.3.3",
7449 + "es-toolkit": "^1.45.1",
7450 + "katex": "^0.16.45",
7451 + "khroma": "^2.1.0",
7452 + "marked": "^16.3.0",
7453 + "roughjs": "^4.6.6",
7454 + "stylis": "^4.3.6",
7455 + "ts-dedent": "^2.2.0",
7456 + "uuid": "^11.1.0 || ^12 || ^13 || ^14.0.0"
7457 + }
7458 + },
7459 + "node_modules/mermaid/node_modules/commander": {
7460 + "version": "8.3.0",
7461 + "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz",
7462 + "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==",
7463 + "license": "MIT",
7464 + "engines": {
7465 + "node": ">= 12"
7466 + }
7467 + },
7468 + "node_modules/mermaid/node_modules/katex": {
7469 + "version": "0.16.47",
7470 + "resolved": "https://registry.npmjs.org/katex/-/katex-0.16.47.tgz",
7471 + "integrity": "sha512-Eeo8Ys1doU1z+x8AZsPpQu+p/QcZBI5PeOo7QGQdy2x2m0MU/hYagBbGOmXwr5KVbEfVuWv9LpnQWeehogurjg==",
7472 + "funding": [
7473 + "https://opencollective.com/katex",
7474 + "https://github.com/sponsors/katex"
7475 + ],
7476 + "license": "MIT",
7477 + "dependencies": {
7478 + "commander": "^8.3.0"
7479 + },
7480 + "bin": {
7481 + "katex": "cli.js"
7482 + }
7483 + },
6327 7484 "node_modules/micromark": {
6328 7485 "version": "4.0.2",
6329 7486 "resolved": "https://registry.npmjs.org/micromark/-/micromark-4.0.2.tgz",
@@ -6514,6 +7671,50 @@
6514 7671 "url": "https://opencollective.com/unified"
6515 7672 }
6516 7673 },
7674 + "node_modules/micromark-extension-math": {
7675 + "version": "3.1.0",
7676 + "resolved": "https://registry.npmjs.org/micromark-extension-math/-/micromark-extension-math-3.1.0.tgz",
7677 + "integrity": "sha512-lvEqd+fHjATVs+2v/8kg9i5Q0AP2k85H0WUOwpIVvUML8BapsMvh1XAogmQjOCsLpoKRCVQqEkQBB3NhVBcsOg==",
7678 + "license": "MIT",
7679 + "dependencies": {
7680 + "@types/katex": "^0.16.0",
7681 + "devlop": "^1.0.0",
7682 + "katex": "^0.16.0",
7683 + "micromark-factory-space": "^2.0.0",
7684 + "micromark-util-character": "^2.0.0",
7685 + "micromark-util-symbol": "^2.0.0",
7686 + "micromark-util-types": "^2.0.0"
7687 + },
7688 + "funding": {
7689 + "type": "opencollective",
7690 + "url": "https://opencollective.com/unified"
7691 + }
7692 + },
7693 + "node_modules/micromark-extension-math/node_modules/commander": {
7694 + "version": "8.3.0",
7695 + "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz",
7696 + "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==",
7697 + "license": "MIT",
7698 + "engines": {
7699 + "node": ">= 12"
7700 + }
7701 + },
7702 + "node_modules/micromark-extension-math/node_modules/katex": {
7703 + "version": "0.16.47",
7704 + "resolved": "https://registry.npmjs.org/katex/-/katex-0.16.47.tgz",
7705 + "integrity": "sha512-Eeo8Ys1doU1z+x8AZsPpQu+p/QcZBI5PeOo7QGQdy2x2m0MU/hYagBbGOmXwr5KVbEfVuWv9LpnQWeehogurjg==",
7706 + "funding": [
7707 + "https://opencollective.com/katex",
7708 + "https://github.com/sponsors/katex"
7709 + ],
7710 + "license": "MIT",
7711 + "dependencies": {
7712 + "commander": "^8.3.0"
7713 + },
7714 + "bin": {
7715 + "katex": "cli.js"
7716 + }
7717 + },
6517 7718 "node_modules/micromark-factory-destination": {
6518 7719 "version": "2.0.1",
6519 7720 "resolved": "https://registry.npmjs.org/micromark-factory-destination/-/micromark-factory-destination-2.0.1.tgz",
@@ -7075,6 +8276,12 @@
7075 8276 "dev": true,
7076 8277 "license": "BlueOak-1.0.0"
7077 8278 },
8279 + "node_modules/package-manager-detector": {
8280 + "version": "1.8.0",
8281 + "resolved": "https://registry.npmjs.org/package-manager-detector/-/package-manager-detector-1.8.0.tgz",
8282 + "integrity": "sha512-yQA4H19AmPEoMUeavPMDIe1higySl/gH/yaQrkT/s07Qp+7pp2hYz30N3z2l5BkjVkF9Ow6o0wjJamm2y7Sn0A==",
8283 + "license": "MIT"
8284 + },
7078 8285 "node_modules/parent-module": {
7079 8286 "version": "1.0.1",
7080 8287 "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
@@ -7113,6 +8320,24 @@
7113 8320 "integrity": "sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==",
7114 8321 "license": "MIT"
7115 8322 },
8323 + "node_modules/parse5": {
8324 + "version": "7.3.0",
8325 + "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz",
8326 + "integrity": "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==",
8327 + "license": "MIT",
8328 + "dependencies": {
8329 + "entities": "^6.0.0"
8330 + },
8331 + "funding": {
8332 + "url": "https://github.com/inikulin/parse5?sponsor=1"
8333 + }
8334 + },
8335 + "node_modules/path-data-parser": {
8336 + "version": "0.1.0",
8337 + "resolved": "https://registry.npmjs.org/path-data-parser/-/path-data-parser-0.1.0.tgz",
8338 + "integrity": "sha512-NOnmBpt5Y2RWbuv0LMzsayp3lVylAHLPUTut412ZA3l+C4uw4ZVkQbjShYCQ8TCpUMdPapr4YjUqLYD6v68j+w==",
8339 + "license": "MIT"
8340 + },
7116 8341 "node_modules/path-exists": {
7117 8342 "version": "4.0.0",
7118 8343 "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
@@ -7234,6 +8459,22 @@
7234 8459 "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
7235 8460 }
7236 8461 },
8462 + "node_modules/points-on-curve": {
8463 + "version": "0.2.0",
8464 + "resolved": "https://registry.npmjs.org/points-on-curve/-/points-on-curve-0.2.0.tgz",
8465 + "integrity": "sha512-0mYKnYYe9ZcqMCWhUjItv/oHjvgEsfKvnUTg8sAtnHr3GVy7rGkXCb6d5cSyqrWqL4k81b9CPg3urd+T7aop3A==",
8466 + "license": "MIT"
8467 + },
8468 + "node_modules/points-on-path": {
8469 + "version": "0.2.1",
8470 + "resolved": "https://registry.npmjs.org/points-on-path/-/points-on-path-0.2.1.tgz",
8471 + "integrity": "sha512-25ClnWWuw7JbWZcgqY/gJ4FQWadKxGWk+3kR/7kD0tCaDtPPMj7oHu2ToLaVhfpnHrZzYby2w6tUA0eOIuUg8g==",
8472 + "license": "MIT",
8473 + "dependencies": {
8474 + "path-data-parser": "0.1.0",
8475 + "points-on-curve": "0.2.0"
8476 + }
8477 + },
7237 8478 "node_modules/possible-typed-array-names": {
7238 8479 "version": "1.1.0",
7239 8480 "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
@@ -7509,6 +8750,50 @@
7509 8750 "url": "https://opencollective.com/unified"
7510 8751 }
7511 8752 },
8753 + "node_modules/rehype-katex": {
8754 + "version": "7.0.1",
8755 + "resolved": "https://registry.npmjs.org/rehype-katex/-/rehype-katex-7.0.1.tgz",
8756 + "integrity": "sha512-OiM2wrZ/wuhKkigASodFoo8wimG3H12LWQaH8qSPVJn9apWKFSH3YOCtbKpBorTVw/eI7cuT21XBbvwEswbIOA==",
8757 + "license": "MIT",
8758 + "dependencies": {
8759 + "@types/hast": "^3.0.0",
8760 + "@types/katex": "^0.16.0",
8761 + "hast-util-from-html-isomorphic": "^2.0.0",
8762 + "hast-util-to-text": "^4.0.0",
8763 + "katex": "^0.16.0",
8764 + "unist-util-visit-parents": "^6.0.0",
8765 + "vfile": "^6.0.0"
8766 + },
8767 + "funding": {
8768 + "type": "opencollective",
8769 + "url": "https://opencollective.com/unified"
8770 + }
8771 + },
8772 + "node_modules/rehype-katex/node_modules/commander": {
8773 + "version": "8.3.0",
8774 + "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz",
8775 + "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==",
8776 + "license": "MIT",
8777 + "engines": {
8778 + "node": ">= 12"
8779 + }
8780 + },
8781 + "node_modules/rehype-katex/node_modules/katex": {
8782 + "version": "0.16.47",
8783 + "resolved": "https://registry.npmjs.org/katex/-/katex-0.16.47.tgz",
8784 + "integrity": "sha512-Eeo8Ys1doU1z+x8AZsPpQu+p/QcZBI5PeOo7QGQdy2x2m0MU/hYagBbGOmXwr5KVbEfVuWv9LpnQWeehogurjg==",
8785 + "funding": [
8786 + "https://opencollective.com/katex",
8787 + "https://github.com/sponsors/katex"
8788 + ],
8789 + "license": "MIT",
8790 + "dependencies": {
8791 + "commander": "^8.3.0"
8792 + },
8793 + "bin": {
8794 + "katex": "cli.js"
8795 + }
8796 + },
7512 8797 "node_modules/remark-gfm": {
7513 8798 "version": "4.0.1",
7514 8799 "resolved": "https://registry.npmjs.org/remark-gfm/-/remark-gfm-4.0.1.tgz",
@@ -7527,6 +8812,22 @@
7527 8812 "url": "https://opencollective.com/unified"
7528 8813 }
7529 8814 },
8815 + "node_modules/remark-math": {
8816 + "version": "6.0.0",
8817 + "resolved": "https://registry.npmjs.org/remark-math/-/remark-math-6.0.0.tgz",
8818 + "integrity": "sha512-MMqgnP74Igy+S3WwnhQ7kqGlEerTETXMvJhrUzDikVZ2/uogJCb+WHUg97hK9/jcfc0dkD73s3LN8zU49cTEtA==",
8819 + "license": "MIT",
8820 + "dependencies": {
8821 + "@types/mdast": "^4.0.0",
8822 + "mdast-util-math": "^3.0.0",
8823 + "micromark-extension-math": "^3.0.0",
8824 + "unified": "^11.0.0"
8825 + },
8826 + "funding": {
8827 + "type": "opencollective",
8828 + "url": "https://opencollective.com/unified"
8829 + }
8830 + },
7530 8831 "node_modules/remark-parse": {
7531 8832 "version": "11.0.0",
7532 8833 "resolved": "https://registry.npmjs.org/remark-parse/-/remark-parse-11.0.0.tgz",
@@ -7617,6 +8918,12 @@
7617 8918 "node": ">=4"
7618 8919 }
7619 8920 },
8921 + "node_modules/robust-predicates": {
8922 + "version": "3.0.3",
8923 + "resolved": "https://registry.npmjs.org/robust-predicates/-/robust-predicates-3.0.3.tgz",
8924 + "integrity": "sha512-NS3levdsRIUOmiJ8FZWCP7LG3QpJyrs/TE0Zpf1yvZu8cAJJ6QMW92H1c7kWpdIHo8RvmLxN/o2JXTKHp74lUA==",
8925 + "license": "Unlicense"
8926 + },
7620 8927 "node_modules/rollup": {
7621 8928 "version": "4.62.3",
7622 8929 "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.62.3.tgz",
@@ -7662,6 +8969,24 @@
7662 8969 "fsevents": "~2.3.2"
7663 8970 }
7664 8971 },
8972 + "node_modules/roughjs": {
8973 + "version": "4.6.6",
8974 + "resolved": "https://registry.npmjs.org/roughjs/-/roughjs-4.6.6.tgz",
8975 + "integrity": "sha512-ZUz/69+SYpFN/g/lUlo2FXcIjRkSu3nDarreVdGGndHEBJ6cXPdKguS8JGxwj5HA5xIbVKSmLgr5b3AWxtRfvQ==",
8976 + "license": "MIT",
8977 + "dependencies": {
8978 + "hachure-fill": "^0.5.2",
8979 + "path-data-parser": "^0.1.0",
8980 + "points-on-curve": "^0.2.0",
8981 + "points-on-path": "^0.2.1"
8982 + }
8983 + },
8984 + "node_modules/rw": {
8985 + "version": "1.3.3",
8986 + "resolved": "https://registry.npmjs.org/rw/-/rw-1.3.3.tgz",
8987 + "integrity": "sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ==",
8988 + "license": "BSD-3-Clause"
8989 + },
7665 8990 "node_modules/safe-array-concat": {
7666 8991 "version": "1.1.4",
7667 8992 "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.4.tgz",
@@ -7717,6 +9042,12 @@
7717 9042 "url": "https://github.com/sponsors/ljharb"
7718 9043 }
7719 9044 },
9045 + "node_modules/safer-buffer": {
9046 + "version": "2.1.2",
9047 + "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
9048 + "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
9049 + "license": "MIT"
9050 + },
7720 9051 "node_modules/scheduler": {
7721 9052 "version": "0.27.0",
7722 9053 "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
@@ -8140,6 +9471,12 @@
8140 9471 "inline-style-parser": "0.2.7"
8141 9472 }
8142 9473 },
9474 + "node_modules/stylis": {
9475 + "version": "4.4.0",
9476 + "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.4.0.tgz",
9477 + "integrity": "sha512-5Z9ZpRzfuH6l/UAvCPAPUo3665Nk2wLaZU3x+TLHKVzIz33+sbJqbtrYoC3KD4/uVOr2Zp+L0LySezP9OHV9yA==",
9478 + "license": "MIT"
9479 + },
8143 9480 "node_modules/supports-color": {
8144 9481 "version": "7.2.0",
8145 9482 "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
@@ -8214,6 +9551,15 @@
8214 9551 "node": ">=10"
8215 9552 }
8216 9553 },
9554 + "node_modules/tinyexec": {
9555 + "version": "1.2.4",
9556 + "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-1.2.4.tgz",
9557 + "integrity": "sha512-SHf/r48b7vOrjve9PxJo3MN5v5yuyjHvdUcrQffT3WXMUfnGmHDVbC4k3sHJaJTgZCwpUplIaAo5ANtMyp3YHg==",
9558 + "license": "MIT",
9559 + "engines": {
9560 + "node": ">=18"
9561 + }
9562 + },
8217 9563 "node_modules/tinyglobby": {
8218 9564 "version": "0.2.17",
8219 9565 "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.17.tgz",
@@ -8264,6 +9610,15 @@
8264 9610 "typescript": ">=4.8.4"
8265 9611 }
8266 9612 },
9613 + "node_modules/ts-dedent": {
9614 + "version": "2.3.0",
9615 + "resolved": "https://registry.npmjs.org/ts-dedent/-/ts-dedent-2.3.0.tgz",
9616 + "integrity": "sha512-JfJeIHke7y2egdGGgRAvpCwYFUsHlM2gPcrVOxFkznt/4uzQ7HFmvE63iFHVLBJNDuyDOQgijDK/tXH/f6Msjg==",
9617 + "license": "MIT",
9618 + "engines": {
9619 + "node": ">=6.10"
9620 + }
9621 + },
8267 9622 "node_modules/type-check": {
8268 9623 "version": "0.4.0",
8269 9624 "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
@@ -8517,6 +9872,20 @@
8517 9872 "url": "https://opencollective.com/unified"
8518 9873 }
8519 9874 },
9875 + "node_modules/unist-util-remove-position": {
9876 + "version": "5.0.0",
9877 + "resolved": "https://registry.npmjs.org/unist-util-remove-position/-/unist-util-remove-position-5.0.0.tgz",
9878 + "integrity": "sha512-Hp5Kh3wLxv0PHj9m2yZhhLt58KzPtEYKQQ4yxfYFEO7EvHwzyDYnduhHnY1mDxoqr7VUwVuHXk9RXKIiYS1N8Q==",
9879 + "license": "MIT",
9880 + "dependencies": {
9881 + "@types/unist": "^3.0.0",
9882 + "unist-util-visit": "^5.0.0"
9883 + },
9884 + "funding": {
9885 + "type": "opencollective",
9886 + "url": "https://opencollective.com/unified"
9887 + }
9888 + },
8520 9889 "node_modules/unist-util-stringify-position": {
8521 9890 "version": "4.0.0",
8522 9891 "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-4.0.0.tgz",
@@ -8621,6 +9990,19 @@
8621 9990 "punycode": "^2.1.0"
8622 9991 }
8623 9992 },
9993 + "node_modules/uuid": {
9994 + "version": "14.0.1",
9995 + "resolved": "https://registry.npmjs.org/uuid/-/uuid-14.0.1.tgz",
9996 + "integrity": "sha512-6ZxzVpzDXDa3bJWaHilVayA+BH/1zmxCJoVgvmqJnid/gPoKHxUrS/aC/T6LGQtNHT+XHG9fXPJB4d+IrU30Ew==",
9997 + "funding": [
9998 + "https://github.com/sponsors/broofa",
9999 + "https://github.com/sponsors/ctavan"
10000 + ],
10001 + "license": "MIT",
10002 + "bin": {
10003 + "uuid": "dist-node/bin/uuid"
10004 + }
10005 + },
8624 10006 "node_modules/vfile": {
8625 10007 "version": "6.0.3",
8626 10008 "resolved": "https://registry.npmjs.org/vfile/-/vfile-6.0.3.tgz",
@@ -8635,6 +10017,20 @@
8635 10017 "url": "https://opencollective.com/unified"
8636 10018 }
8637 10019 },
10020 + "node_modules/vfile-location": {
10021 + "version": "5.0.3",
10022 + "resolved": "https://registry.npmjs.org/vfile-location/-/vfile-location-5.0.3.tgz",
10023 + "integrity": "sha512-5yXvWDEgqeiYiBe1lbxYF7UMAIm/IcopxMHrMQDq3nvKcjPKIhZklUKL+AE7J7uApI4kwe2snsK+eI6UTj9EHg==",
10024 + "license": "MIT",
10025 + "dependencies": {
10026 + "@types/unist": "^3.0.0",
10027 + "vfile": "^6.0.0"
10028 + },
10029 + "funding": {
10030 + "type": "opencollective",
10031 + "url": "https://opencollective.com/unified"
10032 + }
10033 + },
8638 10034 "node_modules/vfile-message": {
8639 10035 "version": "4.0.3",
8640 10036 "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-4.0.3.tgz",
@@ -8755,6 +10151,16 @@
8755 10151 }
8756 10152 }
8757 10153 },
10154 + "node_modules/web-namespaces": {
10155 + "version": "2.0.1",
10156 + "resolved": "https://registry.npmjs.org/web-namespaces/-/web-namespaces-2.0.1.tgz",
10157 + "integrity": "sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==",
10158 + "license": "MIT",
10159 + "funding": {
10160 + "type": "github",
10161 + "url": "https://github.com/sponsors/wooorm"
10162 + }
10163 + },
8758 10164 "node_modules/which": {
8759 10165 "version": "2.0.2",
8760 10166 "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
modified package.json +4 −0
@@ -15,11 +15,15 @@
15 15 },
16 16 "dependencies": {
17 17 "highlight.js": "^11.11.1",
18 + "katex": "^0.18.1",
19 + "mermaid": "^11.16.0",
18 20 "react": "^19.1.0",
19 21 "react-dom": "^19.1.0",
20 22 "react-markdown": "^10.1.0",
21 23 "rehype-highlight": "^7.0.2",
24 + "rehype-katex": "^7.0.1",
22 25 "remark-gfm": "^4.0.1",
26 + "remark-math": "^6.0.0",
23 27 "zustand": "^5.0.6"
24 28 },
25 29 "devDependencies": {
modified src/App.tsx +19 −1
@@ -13,6 +13,8 @@
13 13
14 14 import { useEffect } from 'react'
15 15 import ChatView from './components/ChatView'
16 +import CommandPalette from './components/CommandPalette'
17 +import CompareView from './components/CompareView'
16 18 import FirstRun from './components/FirstRun'
17 19 import ModelMenu from './components/ModelMenu'
18 20 import SettingsModal from './components/SettingsModal'
@@ -60,7 +62,7 @@ export default function App() {
60 62 break
61 63 case 'k':
62 64 e.preventDefault()
63 − state.setModelMenuOpen(!state.modelMenuOpen)
65 + state.setPaletteOpen(!state.paletteOpen)
64 66 break
65 67 case 'f': {
66 68 e.preventDefault()
@@ -131,8 +133,24 @@ export default function App() {
131 133 </div>
132 134 )}
133 135 {settingsOpen && <SettingsModal />}
136 + <PaletteHost />
137 + <CompareHost />
134 138 {!settings.firstRunAcknowledged && <FirstRun />}
135 139 <Toasts />
136 140 </div>
137 141 )
138 142 }
143 +
144 +function PaletteHost() {
145 + const paletteOpen = useStore((s) => s.paletteOpen)
146 + const setPaletteOpen = useStore((s) => s.setPaletteOpen)
147 + if (!paletteOpen) return null
148 + return <CommandPalette onClose={() => setPaletteOpen(false)} />
149 +}
150 +
151 +function CompareHost() {
152 + const compareOpen = useStore((s) => s.compareOpen)
153 + const setCompareOpen = useStore((s) => s.setCompareOpen)
154 + if (!compareOpen) return null
155 + return <CompareView onClose={() => setCompareOpen(false)} />
156 +}
modified src/components/ChatView.tsx +2 −1
@@ -193,12 +193,13 @@ export default function ChatView({ conversation }: { conversation: Conversation
193 193 ) : (
194 194 <div className="transcript" ref={scrollRef} onScroll={onScroll}>
195 195 <div className="transcript-column">
196 − {conversation.messages.map((message) => (
196 + {conversation.messages.map((message, index) => (
197 197 <MessageBubble
198 198 key={message.id}
199 199 conversationID={conversation.id}
200 200 message={message}
201 201 streaming={streaming?.messageID === message.id}
202 + isLast={index === conversation.messages.length - 1 && !streaming}
202 203 onQuote={quote}
203 204 />
204 205 ))}
added src/components/CommandPalette.tsx +294 −0
@@ -0,0 +1,294 @@
1 +/*
2 + * CommandPalette.tsx
3 + * Zyquo Cloud Web
4 + *
5 + * Author: Simon-Pierre Boucher
6 + * Mail: contact@spboucher.ai
7 + *
8 + * ⌘K command palette — everything in one place: actions (new chat, switch
9 + * model, compare, settings, focus mode, summarize), jump to conversation,
10 + * apply persona, insert template, switch model. Keyboard-driven.
11 + */
12 +
13 +import { useEffect, useMemo, useRef, useState, type ReactNode } from 'react'
14 +import { CATALOG } from '../features/catalogHelpers'
15 +import { PERSONAS } from '../features/personasData'
16 +import { PROMPT_TEMPLATES } from '../features/promptLibraryData'
17 +import { summarizeConversation } from '../features/conversationTools'
18 +import { PROVIDER_META } from '../providers/registry'
19 +import { uid, useStore } from '../state/store'
20 +import { contextBadge, type AIModel } from '../types'
21 +import {
22 + IconColumns,
23 + IconCommand,
24 + IconDoc,
25 + IconGear,
26 + IconLightbulb,
27 + IconPlus,
28 + IconSearch,
29 + ProviderGlyph,
30 +} from './icons'
31 +
32 +interface PaletteItem {
33 + id: string
34 + section: string
35 + icon: ReactNode
36 + title: string
37 + subtitle?: string
38 + run: () => void
39 +}
40 +
41 +export default function CommandPalette({ onClose }: { onClose: () => void }) {
42 + const [query, setQuery] = useState('')
43 + const [highlight, setHighlight] = useState(0)
44 + const inputRef = useRef<HTMLInputElement>(null)
45 + const conversations = useStore((s) => s.conversations)
46 + const selectedID = useStore((s) => s.selectedID)
47 +
48 + useEffect(() => inputRef.current?.focus(), [])
49 +
50 + const items: PaletteItem[] = useMemo(() => {
51 + const state = useStore.getState()
52 + const q = query.toLowerCase().trim()
53 + const match = (...targets: (string | undefined)[]) =>
54 + q === '' || targets.some((t) => t?.toLowerCase().includes(q))
55 +
56 + const out: PaletteItem[] = []
57 +
58 + // Actions
59 + const actions: PaletteItem[] = [
60 + {
61 + id: 'act-new',
62 + section: 'Actions',
63 + icon: <IconPlus size={12} />,
64 + title: 'New chat',
65 + subtitle: '⌘N',
66 + run: () => state.newConversation(),
67 + },
68 + {
69 + id: 'act-compare',
70 + section: 'Actions',
71 + icon: <IconColumns size={12} />,
72 + title: 'Compare models…',
73 + run: () => state.setCompareOpen(true),
74 + },
75 + {
76 + id: 'act-model',
77 + section: 'Actions',
78 + icon: <IconCommand size={12} />,
79 + title: 'Switch model…',
80 + run: () => state.setModelMenuOpen(true),
81 + },
82 + {
83 + id: 'act-settings',
84 + section: 'Actions',
85 + icon: <IconGear size={12} />,
86 + title: 'Open Settings',
87 + subtitle: '⌘,',
88 + run: () => state.openSettings(),
89 + },
90 + {
91 + id: 'act-focus',
92 + section: 'Actions',
93 + icon: <IconCommand size={12} />,
94 + title: state.settings.focusMode ? 'Exit focus mode' : 'Focus mode',
95 + run: () => state.updateSettings({ focusMode: !state.settings.focusMode }),
96 + },
97 + ...(selectedID
98 + ? [
99 + {
100 + id: 'act-summarize',
101 + section: 'Actions',
102 + icon: <IconDoc size={12} />,
103 + title: 'Summarize this conversation',
104 + run: () => void summarizeConversation(selectedID),
105 + },
106 + {
107 + id: 'act-duplicate',
108 + section: 'Actions',
109 + icon: <IconCopyIconFallback />,
110 + title: 'Duplicate this conversation',
111 + run: () => {
112 + const conversation = state.conversations.find((c) => c.id === selectedID)
113 + if (!conversation) return
114 + state.restoreConversation({
115 + ...conversation,
116 + id: uid(),
117 + title: `${conversation.title} (copy)`,
118 + messages: conversation.messages.map((m) => ({ ...m, id: uid() })),
119 + createdAt: Date.now(),
120 + updatedAt: Date.now(),
121 + pinned: false,
122 + })
123 + },
124 + },
125 + ]
126 + : []),
127 + ]
128 + out.push(...actions.filter((a) => match(a.title)))
129 +
130 + // Conversations
131 + out.push(
132 + ...conversations
133 + .filter((c) => match(c.title))
134 + .slice(0, 6)
135 + .map((c) => ({
136 + id: `conv-${c.id}`,
137 + section: 'Conversations',
138 + icon: <IconSearch size={12} />,
139 + title: c.title,
140 + subtitle: c.modelID,
141 + run: () => state.select(c.id),
142 + }))
143 + )
144 +
145 + // Models
146 + const models = (q === '' ? CATALOG.filter((m) => m.isRecommended) : CATALOG).filter((m) =>
147 + match(m.displayName, m.id, PROVIDER_META[m.provider].displayName)
148 + )
149 + out.push(
150 + ...models.slice(0, 8).map((m: AIModel) => ({
151 + id: `model-${m.provider}-${m.id}`,
152 + section: 'Models',
153 + icon: <ProviderGlyph provider={m.provider} size={12} />,
154 + title: m.displayName,
155 + subtitle: `${PROVIDER_META[m.provider].displayName} · ${contextBadge(m)}`,
156 + run: () => {
157 + if (state.selectedID) {
158 + state.updateConversation(state.selectedID, { modelID: m.id, provider: m.provider })
159 + } else {
160 + state.newConversation({ model: m })
161 + }
162 + },
163 + }))
164 + )
165 +
166 + // Personas
167 + out.push(
168 + ...PERSONAS.filter((p) => match(p.name, p.systemPrompt))
169 + .slice(0, 6)
170 + .map((p) => ({
171 + id: `persona-${p.id}`,
172 + section: 'Personas',
173 + icon: <IconLightbulb size={12} />,
174 + title: p.name,
175 + subtitle: p.systemPrompt.slice(0, 70),
176 + run: () => {
177 + if (state.selectedID) {
178 + state.updateConversation(state.selectedID, {
179 + systemPrompt: p.systemPrompt,
180 + personaID: p.id,
181 + })
182 + } else {
183 + state.newConversation({ systemPrompt: p.systemPrompt, personaID: p.id })
184 + }
185 + state.toast(`Persona: ${p.name}`, 'success')
186 + },
187 + }))
188 + )
189 +
190 + // Templates
191 + out.push(
192 + ...PROMPT_TEMPLATES.filter((t) => match(t.title, t.category))
193 + .slice(0, 10)
194 + .map((t) => ({
195 + id: `tpl-${t.id}`,
196 + section: 'Prompt Library',
197 + icon: <IconDoc size={12} />,
198 + title: t.title,
199 + subtitle: t.category,
200 + run: () => {
201 + if (!state.selectedID) state.newConversation()
202 + state.setDraftSeed(t.body.replace('{{input}}', ''))
203 + },
204 + }))
205 + )
206 +
207 + return out
208 + }, [query, conversations, selectedID])
209 +
210 + useEffect(() => setHighlight(0), [query])
211 +
212 + const runItem = (item: PaletteItem) => {
213 + onClose()
214 + item.run()
215 + }
216 +
217 + const onKeyDown = (e: React.KeyboardEvent) => {
218 + if (e.key === 'ArrowDown') {
219 + e.preventDefault()
220 + setHighlight((h) => Math.min(h + 1, items.length - 1))
221 + } else if (e.key === 'ArrowUp') {
222 + e.preventDefault()
223 + setHighlight((h) => Math.max(h - 1, 0))
224 + } else if (e.key === 'Enter') {
225 + e.preventDefault()
226 + const item = items[highlight]
227 + if (item) runItem(item)
228 + } else if (e.key === 'Escape') {
229 + onClose()
230 + }
231 + }
232 +
233 + let lastSection = ''
234 + return (
235 + <div className="overlay" onMouseDown={(e) => e.target === e.currentTarget && onClose()}>
236 + <div className="panel" style={{ width: 560 }} onKeyDown={onKeyDown}>
237 + <div className="panel-search">
238 + <IconCommand size={14} />
239 + <input
240 + ref={inputRef}
241 + placeholder="Switch model, run template, jump to chat…"
242 + value={query}
243 + onChange={(e) => setQuery(e.target.value)}
244 + />
245 + </div>
246 + <div className="panel-list" style={{ maxHeight: 380 }}>
247 + {items.length === 0 && <div className="panel-empty">Nothing matches.</div>}
248 + {items.map((item, index) => {
249 + const header =
250 + item.section !== lastSection ? (
251 + <div className="panel-section-header" key={`h-${item.section}`}>
252 + {item.section}
253 + </div>
254 + ) : null
255 + lastSection = item.section
256 + return (
257 + <div key={item.id}>
258 + {header}
259 + <button
260 + className={`model-row${index === highlight ? ' highlighted' : ''}`}
261 + onClick={() => runItem(item)}
262 + onMouseMove={() => setHighlight(index)}
263 + >
264 + <span className="glyph">{item.icon}</span>
265 + <span className="model-row-name">{item.title}</span>
266 + {item.subtitle && (
267 + <span className="model-row-provider" style={{ marginLeft: 'auto' }}>
268 + {item.subtitle.length > 46 ? `${item.subtitle.slice(0, 46)}…` : item.subtitle}
269 + </span>
270 + )}
271 + </button>
272 + </div>
273 + )
274 + })}
275 + </div>
276 + <div className="panel-footer">
277 + <span>
278 + <kbd>↑↓</kbd> navigate
279 + </span>
280 + <span>
281 + <kbd>↵</kbd> run
282 + </span>
283 + <span>
284 + <kbd>esc</kbd> close
285 + </span>
286 + </div>
287 + </div>
288 + </div>
289 + )
290 +}
291 +
292 +function IconCopyIconFallback() {
293 + return <IconDoc size={12} />
294 +}
added src/components/CompareView.tsx +327 −0
@@ -0,0 +1,327 @@
1 +/*
2 + * CompareView.tsx
3 + * Zyquo Cloud Web
4 + *
5 + * Author: Simon-Pierre Boucher
6 + * Mail: contact@spboucher.ai
7 + *
8 + * Multi-model compare: one prompt broadcast to 2–4 models in side-by-side
9 + * columns, each streaming independently with its own Stop/copy/regenerate,
10 + * plus "promote this answer into the thread".
11 + */
12 +
13 +import { useMemo, useRef, useState } from 'react'
14 +import { CATALOG, defaultModel, pricedCost } from '../features/catalogHelpers'
15 +import { clientFor } from '../providers/registry'
16 +import { ProviderError } from '../providers/types'
17 +import { uid, useStore } from '../state/store'
18 +import { getKey } from '../storage/keys'
19 +import type { AIModel, Message } from '../types'
20 +import ModelMenu from './ModelMenu'
21 +import { Markdown } from './Markdown'
22 +import {
23 + IconChevronDown,
24 + IconCopy,
25 + IconPlus,
26 + IconRefresh,
27 + IconSend,
28 + IconStop,
29 + IconX,
30 + ProviderGlyph,
31 +} from './icons'
32 +
33 +interface Column {
34 + id: string
35 + model: AIModel
36 + text: string
37 + reasoning: string
38 + error: string | null
39 + streaming: boolean
40 + outputTokens: number | null
41 + abort: AbortController | null
42 +}
43 +
44 +function freshColumn(model: AIModel): Column {
45 + return {
46 + id: uid(),
47 + model,
48 + text: '',
49 + reasoning: '',
50 + error: null,
51 + streaming: false,
52 + outputTokens: null,
53 + abort: null,
54 + }
55 +}
56 +
57 +export default function CompareView({ onClose }: { onClose: () => void }) {
58 + const keyedProviders = useStore((s) => s.keyedProviders)
59 + const selectedID = useStore((s) => s.selectedID)
60 + const toast = useStore((s) => s.toast)
61 +
62 + const seeds = useMemo(() => {
63 + const keyed = CATALOG.filter((m) => m.isRecommended && keyedProviders.includes(m.provider))
64 + const picks = keyed.slice(0, 2)
65 + while (picks.length < 2) picks.push(defaultModel())
66 + return picks
67 + }, [keyedProviders])
68 +
69 + const [columns, setColumns] = useState<Column[]>(() => seeds.map(freshColumn))
70 + const [prompt, setPrompt] = useState('')
71 + const [lastPrompt, setLastPrompt] = useState('')
72 + const [menuFor, setMenuFor] = useState<string | null>(null)
73 + const columnsRef = useRef(columns)
74 + columnsRef.current = columns
75 +
76 + const patchColumn = (id: string, patch: Partial<Column>) => {
77 + setColumns((cols) => cols.map((c) => (c.id === id ? { ...c, ...patch } : c)))
78 + }
79 +
80 + const runColumn = async (column: Column, text: string) => {
81 + const apiKey = getKey(column.model.provider)
82 + if (!apiKey) {
83 + patchColumn(column.id, { error: ProviderError.missingAPIKey(column.model.provider).message })
84 + return
85 + }
86 + const abort = new AbortController()
87 + patchColumn(column.id, {
88 + text: '',
89 + reasoning: '',
90 + error: null,
91 + streaming: true,
92 + outputTokens: null,
93 + abort,
94 + })
95 + const message: Message = { id: uid(), role: 'user', text, createdAt: Date.now() }
96 + try {
97 + const events = clientFor(column.model).streamChat(
98 + { model: column.model, messages: [message], parameters: {}, stream: true },
99 + apiKey,
100 + abort.signal
101 + )
102 + for await (const event of events) {
103 + const current = columnsRef.current.find((c) => c.id === column.id)
104 + if (!current) break
105 + if (event.type === 'textDelta') {
106 + patchColumn(column.id, { text: current.text + event.text })
107 + } else if (event.type === 'reasoningDelta') {
108 + patchColumn(column.id, { reasoning: current.reasoning + event.text })
109 + } else if (event.type === 'usage') {
110 + patchColumn(column.id, { outputTokens: event.usage.outputTokens })
111 + }
112 + }
113 + } catch (err) {
114 + if (!(err instanceof ProviderError && err.kind === 'cancelled')) {
115 + patchColumn(column.id, { error: err instanceof Error ? err.message : String(err) })
116 + }
117 + } finally {
118 + patchColumn(column.id, { streaming: false, abort: null })
119 + }
120 + }
121 +
122 + const broadcast = () => {
123 + const text = prompt.trim()
124 + if (text === '') return
125 + setLastPrompt(text)
126 + setPrompt('')
127 + for (const column of columnsRef.current) void runColumn(column, text)
128 + }
129 +
130 + const promote = (column: Column) => {
131 + const state = useStore.getState()
132 + const conversationID = selectedID ?? state.newConversation({ model: column.model }).id
133 + const conversation = state.conversations.find((c) => c.id === conversationID)
134 + if (!conversation) return
135 + const userMessage: Message = {
136 + id: uid(),
137 + role: 'user',
138 + text: lastPrompt,
139 + createdAt: Date.now(),
140 + }
141 + const assistantMessage: Message = {
142 + id: uid(),
143 + role: 'assistant',
144 + text: column.text,
145 + ...(column.reasoning !== '' ? { reasoning: column.reasoning } : {}),
146 + modelID: column.model.id,
147 + provider: column.model.provider,
148 + ...(column.outputTokens !== null
149 + ? {
150 + usage: { inputTokens: 0, outputTokens: column.outputTokens },
151 + estimatedCost: pricedCost(column.model, {
152 + inputTokens: 0,
153 + outputTokens: column.outputTokens,
154 + }),
155 + }
156 + : {}),
157 + createdAt: Date.now(),
158 + }
159 + state.updateConversation(conversationID, {
160 + messages: [...conversation.messages, userMessage, assistantMessage],
161 + })
162 + toast(`Promoted ${column.model.displayName}'s answer into the thread`, 'success')
163 + onClose()
164 + }
165 +
166 + return (
167 + <div className="overlay" onMouseDown={(e) => e.target === e.currentTarget && onClose()}>
168 + <div className="panel" style={{ width: 'min(1180px, 96vw)', height: '84vh', maxHeight: '84vh' }}>
169 + <div className="panel-search" style={{ justifyContent: 'space-between' }}>
170 + <strong style={{ fontSize: 14 }}>Compare Models</strong>
171 + <span style={{ display: 'flex', gap: 8 }}>
172 + <button
173 + className="button"
174 + disabled={columns.length >= 4}
175 + onClick={() => setColumns((cols) => [...cols, freshColumn(defaultModel())])}
176 + >
177 + <IconPlus size={10} /> Add column
178 + </button>
179 + <button className="button" onClick={onClose}>
180 + Done
181 + </button>
182 + </span>
183 + </div>
184 + <div style={{ flex: 1, display: 'flex', minHeight: 0 }}>
185 + {columns.map((column, index) => (
186 + <div
187 + key={column.id}
188 + style={{
189 + flex: 1,
190 + minWidth: 0,
191 + display: 'flex',
192 + flexDirection: 'column',
193 + borderLeft: index > 0 ? 'var(--z-hairline) solid var(--z-border)' : 'none',
194 + }}
195 + >
196 + <div
197 + style={{
198 + display: 'flex',
199 + alignItems: 'center',
200 + gap: 4,
201 + padding: '4px 8px',
202 + borderBottom: 'var(--z-hairline) solid var(--z-border)',
203 + }}
204 + >
205 + <button className="model-chip" onClick={() => setMenuFor(column.id)}>
206 + <span className="glyph">
207 + <ProviderGlyph provider={column.model.provider} />
208 + </span>
209 + {column.model.displayName}
210 + <span className="chevron">
211 + <IconChevronDown />
212 + </span>
213 + </button>
214 + <span style={{ marginLeft: 'auto', fontSize: 11, color: 'var(--z-text-tertiary)' }}>
215 + {column.outputTokens !== null ? `${column.outputTokens} tok` : ''}
216 + </span>
217 + {column.streaming ? (
218 + <button className="icon-button" title="Stop" onClick={() => column.abort?.abort()}>
219 + <IconStop size={9} />
220 + </button>
221 + ) : (
222 + <>
223 + {column.text !== '' && (
224 + <>
225 + <button
226 + className="icon-button"
227 + title="Copy answer"
228 + onClick={() => void navigator.clipboard.writeText(column.text)}
229 + >
230 + <IconCopy size={10} />
231 + </button>
232 + <button
233 + className="icon-button"
234 + title="Promote into thread"
235 + onClick={() => promote(column)}
236 + >
237 + <IconSend size={10} />
238 + </button>
239 + </>
240 + )}
241 + <button
242 + className="icon-button"
243 + title="Regenerate"
244 + disabled={lastPrompt === ''}
245 + onClick={() => lastPrompt !== '' && void runColumn(column, lastPrompt)}
246 + >
247 + <IconRefresh size={10} />
248 + </button>
249 + </>
250 + )}
251 + {columns.length > 2 && (
252 + <button
253 + className="icon-button"
254 + title="Remove column"
255 + onClick={() => {
256 + column.abort?.abort()
257 + setColumns((cols) => cols.filter((c) => c.id !== column.id))
258 + }}
259 + >
260 + <IconX size={9} />
261 + </button>
262 + )}
263 + </div>
264 + <div style={{ flex: 1, overflowY: 'auto', padding: 12 }}>
265 + {column.reasoning !== '' && (
266 + <div
267 + style={{
268 + fontFamily: 'var(--z-font-mono)',
269 + fontSize: 'calc(var(--z-chat-font-size) - 2.5px)',
270 + color: 'var(--z-text-tertiary)',
271 + marginBottom: 8,
272 + maxHeight: 96,
273 + overflow: 'hidden',
274 + }}
275 + >
276 + {column.reasoning}
277 + </div>
278 + )}
279 + {column.error ? (
280 + <div style={{ color: 'var(--z-danger)', fontSize: 12.5 }}>{column.error}</div>
281 + ) : (
282 + <>
283 + <Markdown text={column.text} />
284 + {column.streaming && <span className="streaming-caret" />}
285 + </>
286 + )}
287 + </div>
288 + </div>
289 + ))}
290 + </div>
291 + <div
292 + style={{
293 + display: 'flex',
294 + gap: 8,
295 + padding: 12,
296 + borderTop: 'var(--z-hairline) solid var(--z-border)',
297 + }}
298 + >
299 + <textarea
300 + className="input-editor"
301 + style={{ flex: 1, maxHeight: 120 }}
302 + rows={1}
303 + placeholder="Prompt all models…"
304 + value={prompt}
305 + onChange={(e) => setPrompt(e.target.value)}
306 + onKeyDown={(e) => {
307 + if (e.key === 'Enter' && !e.shiftKey) {
308 + e.preventDefault()
309 + broadcast()
310 + }
311 + }}
312 + />
313 + <button className="send-button" disabled={prompt.trim() === ''} onClick={broadcast}>
314 + <IconSend />
315 + </button>
316 + </div>
317 + {menuFor && (
318 + <ModelMenu
319 + title="Pick a model for this column"
320 + onPick={(model) => patchColumn(menuFor, { model })}
321 + onClose={() => setMenuFor(null)}
322 + />
323 + )}
324 + </div>
325 + </div>
326 + )
327 +}
modified src/components/InputBar.tsx +73 −2
@@ -16,7 +16,27 @@ import { estimateTokens, findModel } from '../features/catalogHelpers'
16 16 import { useStore } from '../state/store'
17 17 import type { Attachment, Conversation } from '../types'
18 18 import { uid } from '../state/store'
19 −import { IconPaperclip, IconSend, IconSliders, IconStop, IconX } from './icons'
19 +import SlashMenu from './SlashMenu'
20 +import { IconMic, IconPaperclip, IconSend, IconSliders, IconStop, IconX } from './icons'
21 +
22 +interface SpeechRecognitionLike {
23 + lang: string
24 + interimResults: boolean
25 + continuous: boolean
26 + onresult: ((event: { results: ArrayLike<ArrayLike<{ transcript: string }>> }) => void) | null
27 + onend: (() => void) | null
28 + onerror: (() => void) | null
29 + start: () => void
30 + stop: () => void
31 +}
32 +
33 +function speechRecognition(): SpeechRecognitionLike | null {
34 + const w = window as unknown as Record<string, unknown>
35 + const Ctor = (w['SpeechRecognition'] ?? w['webkitSpeechRecognition']) as
36 + | (new () => SpeechRecognitionLike)
37 + | undefined
38 + return Ctor ? new Ctor() : null
39 +}
20 40
21 41 const IMAGE_TYPES = ['image/png', 'image/jpeg', 'image/webp', 'image/gif']
22 42 const MAX_TEXT_FILE = 512 * 1024
@@ -38,8 +58,39 @@ export default function InputBar({
38 58 const toast = useStore((s) => s.toast)
39 59 const [attachments, setAttachments] = useState<Attachment[]>([])
40 60 const [dragging, setDragging] = useState(false)
61 + const [dictating, setDictating] = useState(false)
41 62 const editorRef = useRef<HTMLTextAreaElement>(null)
42 63 const fileRef = useRef<HTMLInputElement>(null)
64 + const recognitionRef = useRef<SpeechRecognitionLike | null>(null)
65 +
66 + // Slash command: draft starts with "/" → menu with query (word after slash)
67 + // and input (rest of the draft after the first whitespace).
68 + const slashMatch = draft.startsWith('/') ? /^\/(\S*)\s?([\s\S]*)$/.exec(draft) : null
69 +
70 + const toggleDictation = () => {
71 + if (dictating) {
72 + recognitionRef.current?.stop()
73 + return
74 + }
75 + const recognition = speechRecognition()
76 + if (!recognition) {
77 + toast('Speech recognition not available in this browser', 'error')
78 + return
79 + }
80 + recognition.lang = navigator.language || 'en-US'
81 + recognition.interimResults = false
82 + recognition.continuous = true
83 + recognition.onresult = (event) => {
84 + const last = event.results[event.results.length - 1]
85 + const transcript = last?.[0]?.transcript ?? ''
86 + if (transcript !== '') setDraft(`${draft}${draft === '' ? '' : ' '}${transcript}`)
87 + }
88 + recognition.onend = () => setDictating(false)
89 + recognition.onerror = () => setDictating(false)
90 + recognitionRef.current = recognition
91 + setDictating(true)
92 + recognition.start()
93 + }
43 94
44 95 const model = findModel(conversation.provider, conversation.modelID)
45 96 const vision = model?.capabilities.vision ?? false
@@ -161,7 +212,19 @@ export default function InputBar({
161 212 ))}
162 213 </div>
163 214 )}
164 − <div className="input-row">
215 + <div className="input-row" style={{ position: 'relative' }}>
216 + {slashMatch && (
217 + <SlashMenu
218 + query={slashMatch[1] ?? ''}
219 + input={slashMatch[2] ?? ''}
220 + conversationID={conversation.id}
221 + onApply={(text) => {
222 + setDraft(text)
223 + editorRef.current?.focus()
224 + }}
225 + onClose={() => setDraft(draft.replace(/^\//, ''))}
226 + />
227 + )}
165 228 <button
166 229 className="icon-button"
167 230 title={vision ? 'Attach image or file' : 'Attach text file'}
@@ -190,6 +253,14 @@ export default function InputBar({
190 253 onKeyDown={onKeyDown}
191 254 onPaste={onPaste}
192 255 />
256 + <button
257 + className="icon-button"
258 + title={dictating ? 'Stop dictation' : 'Dictate'}
259 + style={dictating ? { color: 'var(--z-danger)' } : {}}
260 + onClick={toggleDictation}
261 + >
262 + <IconMic />
263 + </button>
193 264 <button className="icon-button" title="Parameters" onClick={onOpenParams}>
194 265 <IconSliders />
195 266 </button>
modified src/components/Markdown.tsx +24 −3
@@ -10,12 +10,17 @@
10 10 * Zyquo syntax tokens. Memoized — re-parsing only when text changes.
11 11 */
12 12
13 −import { memo, useState, type ReactNode } from 'react'
13 +import { lazy, memo, Suspense, useState, type ReactNode } from 'react'
14 14 import ReactMarkdown from 'react-markdown'
15 15 import remarkGfm from 'remark-gfm'
16 +import remarkMath from 'remark-math'
16 17 import rehypeHighlight from 'rehype-highlight'
18 +import rehypeKatex from 'rehype-katex'
19 +import 'katex/dist/katex.min.css'
17 20 import { IconCheck, IconCopy } from './icons'
18 21
22 +const Mermaid = lazy(() => import('./Mermaid'))
23 +
19 24 function extractText(node: ReactNode): string {
20 25 if (typeof node === 'string') return node
21 26 if (Array.isArray(node)) return node.map(extractText).join('')
@@ -60,8 +65,11 @@ export const Markdown = memo(function Markdown({ text }: { text: string }) {
60 65 return (
61 66 <div className="markdown">
62 67 <ReactMarkdown
63 − remarkPlugins={[remarkGfm]}
64 − rehypePlugins={[[rehypeHighlight, { detect: false, ignoreMissing: true }]]}
68 + remarkPlugins={[remarkGfm, remarkMath]}
69 + rehypePlugins={[
70 + [rehypeHighlight, { detect: false, ignoreMissing: true }],
71 + [rehypeKatex, { errorColor: 'var(--z-danger)' }],
72 + ]}
65 73 components={{
66 74 pre: ({ children }) => <>{children}</>,
67 75 code: ({ className, children, ...props }) => {
@@ -73,6 +81,19 @@ export const Markdown = memo(function Markdown({ text }: { text: string }) {
73 81 </code>
74 82 )
75 83 }
84 + if (/language-mermaid/.test(className ?? '')) {
85 + return (
86 + <Suspense
87 + fallback={
88 + <div style={{ color: 'var(--z-text-tertiary)', fontSize: 12 }}>
89 + Rendering diagram…
90 + </div>
91 + }
92 + >
93 + <Mermaid code={extractText(children).replace(/\n$/, '')} />
94 + </Suspense>
95 + )
96 + }
76 97 return <CodeBlock className={className}>{children}</CodeBlock>
77 98 },
78 99 a: ({ href, children }) => (
added src/components/Mermaid.tsx +62 −0
@@ -0,0 +1,62 @@
1 +/*
2 + * Mermaid.tsx
3 + * Zyquo Cloud Web
4 + *
5 + * Author: Simon-Pierre Boucher
6 + * Mail: contact@spboucher.ai
7 + *
8 + * Mermaid diagram rendering — the library (~1 MB) is lazy-loaded only when a
9 + * ```mermaid block actually appears, keeping the main bundle slim.
10 + */
11 +
12 +import { useEffect, useRef, useState } from 'react'
13 +
14 +let mermaidPromise: Promise<typeof import('mermaid')> | null = null
15 +let renderCounter = 0
16 +
17 +export default function Mermaid({ code }: { code: string }) {
18 + const [svg, setSvg] = useState<string | null>(null)
19 + const [error, setError] = useState<string | null>(null)
20 + const ref = useRef<HTMLDivElement>(null)
21 +
22 + useEffect(() => {
23 + let live = true
24 + mermaidPromise ??= import('mermaid')
25 + void mermaidPromise
26 + .then(async (mod) => {
27 + const mermaid = mod.default
28 + mermaid.initialize({ startOnLoad: false, theme: 'neutral', securityLevel: 'strict' })
29 + const { svg } = await mermaid.render(`zyquo-mermaid-${++renderCounter}`, code)
30 + if (live) setSvg(svg)
31 + })
32 + .catch((err: unknown) => {
33 + if (live) setError(err instanceof Error ? err.message : 'Diagram failed to render')
34 + })
35 + return () => {
36 + live = false
37 + }
38 + }, [code])
39 +
40 + if (error) {
41 + return (
42 + <div className="code-block">
43 + <div className="code-block-header">
44 + <span>mermaid (failed)</span>
45 + </div>
46 + <pre>
47 + <code>{code}</code>
48 + </pre>
49 + </div>
50 + )
51 + }
52 + if (!svg) {
53 + return <div style={{ color: 'var(--z-text-tertiary)', fontSize: 12 }}>Rendering diagram…</div>
54 + }
55 + return (
56 + <div
57 + ref={ref}
58 + style={{ overflowX: 'auto', background: 'var(--z-surface)', borderRadius: 10, padding: 8 }}
59 + dangerouslySetInnerHTML={{ __html: svg }}
60 + />
61 + )
62 +}
modified src/components/MessageBubble.tsx +12 −0
@@ -39,13 +39,16 @@ export const MessageBubble = memo(function MessageBubble({
39 39 conversationID,
40 40 message,
41 41 streaming,
42 + isLast = false,
42 43 onQuote,
43 44 }: {
44 45 conversationID: string
45 46 message: Message
46 47 streaming: boolean
48 + isLast?: boolean
47 49 onQuote: (text: string) => void
48 50 }) {
51 + const continueGeneration = useStore((s) => s.continueGeneration)
49 52 const regenerate = useStore((s) => s.regenerate)
50 53 const editAndResend = useStore((s) => s.editAndResend)
51 54 const deleteMessage = useStore((s) => s.deleteMessage)
@@ -246,6 +249,15 @@ export const MessageBubble = memo(function MessageBubble({
246 249 <button className="meta-action" title="Read aloud" onClick={readAloud}>
247 250 <IconSpeaker size={10} />
248 251 </button>
252 + {isLast && !streaming && shownText !== '' && (
253 + <button
254 + className="meta-action"
255 + title="Ask the model to keep going"
256 + onClick={() => void continueGeneration(conversationID)}
257 + >
258 + continue
259 + </button>
260 + )}
249 261 </>
250 262 )}
251 263 {isUser && (
modified src/components/SettingsModal.tsx +7 −14
@@ -13,6 +13,7 @@
13 13 */
14 14
15 15 import { useMemo, useRef, useState } from 'react'
16 +import { ACCENT_SWATCHES } from '../design/accents'
16 17 import { CATALOG, priceBadge } from '../features/catalogHelpers'
17 18 import { downloadBackup } from '../features/exporters'
18 19 import { testKey } from '../providers/testKey'
@@ -326,26 +327,18 @@ function AppearanceTab() {
326 327 <div className="settings-section">
327 328 <h3>Accent</h3>
328 329 <div style={{ display: 'flex', gap: 8 }}>
329 − {(
330 − [
331 − ['indigo', '#4E6AF0'],
332 − ['graphite', '#5B6270'],
333 − ['teal', '#1D9A8F'],
334 − ['amber', '#C77D1D'],
335 − ['rose', '#C94F7C'],
336 − ] as const
337 − ).map(([accent, color]) => (
330 + {ACCENT_SWATCHES.map(({ id, swatch }) => (
338 331 <button
339 − key={accent}
340 − title={accent}
341 − onClick={() => updateSettings({ accent })}
332 + key={id}
333 + title={id}
334 + onClick={() => updateSettings({ accent: id })}
342 335 style={{
343 336 width: 28,
344 337 height: 28,
345 338 borderRadius: '50%',
346 − background: color,
339 + background: swatch,
347 340 border:
348 − settings.accent === accent
341 + settings.accent === id
349 342 ? '2px solid var(--z-text-primary)'
350 343 : '2px solid transparent',
351 344 }}
added src/components/SlashMenu.tsx +199 −0
@@ -0,0 +1,199 @@
1 +/*
2 + * SlashMenu.tsx
3 + * Zyquo Cloud Web
4 + *
5 + * Author: Simon-Pierre Boucher
6 + * Mail: contact@spboucher.ai
7 + *
8 + * Slash-command menu: typing "/" at the start of the input surfaces prompt
9 + * templates and quick tools (/summarize, /translate, /rewrite, /explain) and
10 + * personas. Selecting a template substitutes {{input}} with the rest of the
11 + * draft (native PromptLibraryStore.apply behavior).
12 + */
13 +
14 +import { useEffect, useMemo, useRef, useState } from 'react'
15 +import { PERSONAS } from '../features/personasData'
16 +import { PROMPT_TEMPLATES } from '../features/promptLibraryData'
17 +import { summarizeConversation } from '../features/conversationTools'
18 +import { useStore } from '../state/store'
19 +import { IconCommand, IconDoc, IconLightbulb } from './icons'
20 +
21 +interface SlashItem {
22 + id: string
23 + section: string
24 + title: string
25 + subtitle: string
26 + apply: () => void
27 +}
28 +
29 +/** Applies a template body: {{input}} ← the user's remaining draft text. */
30 +export function applyTemplate(body: string, input: string): string {
31 + if (body.includes('{{input}}')) return body.replace('{{input}}', input)
32 + return input === '' ? body : `${body}\n\n${input}`
33 +}
34 +
35 +const QUICK_TOOLS = [
36 + { key: 'summarize', title: '/summarize', body: 'Summarize the following clearly and concisely, preserving the key facts:\n\n{{input}}' },
37 + { key: 'translate', title: '/translate', body: 'Translate the following text to English (or to French if it is already English), keeping the tone natural:\n\n{{input}}' },
38 + { key: 'rewrite', title: '/rewrite', body: 'Rewrite the following for clarity and flow, preserving meaning and voice:\n\n{{input}}' },
39 + { key: 'explain', title: '/explain', body: 'Explain the following simply, step by step, for a smart non-expert:\n\n{{input}}' },
40 +]
41 +
42 +export default function SlashMenu({
43 + query,
44 + input,
45 + conversationID,
46 + onApply,
47 + onClose,
48 +}: {
49 + /** Text after the leading slash, up to the first space. */
50 + query: string
51 + /** The draft text after the slash command (used as {{input}}). */
52 + input: string
53 + conversationID: string
54 + onApply: (text: string) => void
55 + onClose: () => void
56 +}) {
57 + const [highlight, setHighlight] = useState(0)
58 + const ref = useRef<HTMLDivElement>(null)
59 +
60 + const items: SlashItem[] = useMemo(() => {
61 + const q = query.toLowerCase()
62 + const match = (...targets: string[]) =>
63 + q === '' || targets.some((t) => t.toLowerCase().includes(q))
64 + const out: SlashItem[] = []
65 + for (const tool of QUICK_TOOLS) {
66 + if (!match(tool.title, tool.key)) continue
67 + if (tool.key === 'summarize' && input.trim() === '') {
68 + out.push({
69 + id: `tool-${tool.key}`,
70 + section: 'Tools',
71 + title: tool.title,
72 + subtitle: 'Summarize this conversation',
73 + apply: () => {
74 + onApply('')
75 + void summarizeConversation(conversationID)
76 + },
77 + })
78 + } else {
79 + out.push({
80 + id: `tool-${tool.key}`,
81 + section: 'Tools',
82 + title: tool.title,
83 + subtitle: 'Quick tool',
84 + apply: () => onApply(applyTemplate(tool.body, input.trim())),
85 + })
86 + }
87 + }
88 + for (const template of PROMPT_TEMPLATES) {
89 + if (!match(template.title, template.category)) continue
90 + out.push({
91 + id: `tpl-${template.id}`,
92 + section: template.category,
93 + title: template.title,
94 + subtitle: template.category,
95 + apply: () => onApply(applyTemplate(template.body, input.trim())),
96 + })
97 + }
98 + for (const persona of PERSONAS) {
99 + if (!match(persona.name)) continue
100 + out.push({
101 + id: `persona-${persona.id}`,
102 + section: 'Personas',
103 + title: persona.name,
104 + subtitle: 'Apply persona to this chat',
105 + apply: () => {
106 + const state = useStore.getState()
107 + state.updateConversation(conversationID, {
108 + systemPrompt: persona.systemPrompt,
109 + personaID: persona.id,
110 + })
111 + state.toast(`Persona: ${persona.name}`, 'success')
112 + onApply(input)
113 + },
114 + })
115 + }
116 + return out.slice(0, 12)
117 + }, [query, input, conversationID, onApply])
118 +
119 + useEffect(() => setHighlight(0), [query])
120 +
121 + // Expose keyboard handling to the parent textarea via a custom event target.
122 + useEffect(() => {
123 + const onKey = (e: KeyboardEvent) => {
124 + if (e.key === 'ArrowDown') {
125 + e.preventDefault()
126 + setHighlight((h) => Math.min(h + 1, items.length - 1))
127 + } else if (e.key === 'ArrowUp') {
128 + e.preventDefault()
129 + setHighlight((h) => Math.max(h - 1, 0))
130 + } else if (e.key === 'Enter' || e.key === 'Tab') {
131 + e.preventDefault()
132 + items[highlight]?.apply()
133 + } else if (e.key === 'Escape') {
134 + e.preventDefault()
135 + onClose()
136 + }
137 + }
138 + window.addEventListener('keydown', onKey, { capture: true })
139 + return () => window.removeEventListener('keydown', onKey, { capture: true })
140 + }, [items, highlight, onClose])
141 +
142 + if (items.length === 0) return null
143 +
144 + let lastSection = ''
145 + return (
146 + <div
147 + ref={ref}
148 + style={{
149 + position: 'absolute',
150 + bottom: '100%',
151 + left: 0,
152 + right: 0,
153 + marginBottom: 8,
154 + background: 'var(--z-surface)',
155 + border: 'var(--z-hairline) solid var(--z-border)',
156 + borderRadius: 'var(--z-radius-medium)',
157 + boxShadow: 'var(--z-shadow-panel)',
158 + maxHeight: 300,
159 + overflowY: 'auto',
160 + padding: 'var(--z-space-xxs)',
161 + zIndex: 20,
162 + }}
163 + >
164 + {items.map((item, index) => {
165 + const header =
166 + item.section !== lastSection ? (
167 + <div className="panel-section-header" key={`h-${item.section}-${index}`}>
168 + {item.section}
169 + </div>
170 + ) : null
171 + lastSection = item.section
172 + return (
173 + <div key={item.id}>
174 + {header}
175 + <button
176 + className={`model-row${index === highlight ? ' highlighted' : ''}`}
177 + onClick={() => item.apply()}
178 + onMouseMove={() => setHighlight(index)}
179 + >
180 + <span className="glyph">
181 + {item.section === 'Tools' ? (
182 + <IconCommand size={11} />
183 + ) : item.section === 'Personas' ? (
184 + <IconLightbulb size={11} />
185 + ) : (
186 + <IconDoc size={11} />
187 + )}
188 + </span>
189 + <span className="model-row-name">{item.title}</span>
190 + <span className="model-row-provider" style={{ marginLeft: 'auto' }}>
191 + {item.subtitle}
192 + </span>
193 + </button>
194 + </div>
195 + )
196 + })}
197 + </div>
198 + )
199 +}
added src/design/accents.ts +21 −0
@@ -0,0 +1,21 @@
1 +/*
2 + * accents.ts
3 + * Zyquo Cloud Web
4 + *
5 + * Author: Simon-Pierre Boucher
6 + * Mail: contact@spboucher.ai
7 + *
8 + * Accent palette metadata (swatch colors for the Appearance picker). The
9 + * authoritative CSS values live in tokens.css; these are the same light-mode
10 + * accents exposed as data for the swatch UI.
11 + */
12 +
13 +import type { AccentChoice } from '../types'
14 +
15 +export const ACCENT_SWATCHES: readonly { id: AccentChoice; swatch: string }[] = [
16 + { id: 'indigo', swatch: '#4E6AF0' },
17 + { id: 'graphite', swatch: '#5B6270' },
18 + { id: 'teal', swatch: '#1D9A8F' },
19 + { id: 'amber', swatch: '#C77D1D' },
20 + { id: 'rose', swatch: '#C94F7C' },
21 +]
added src/features/conversationTools.ts +94 −0
@@ -0,0 +1,94 @@
1 +/*
2 + * conversationTools.ts
3 + * Zyquo Cloud Web
4 + *
5 + * Author: Simon-Pierre Boucher
6 + * Mail: contact@spboucher.ai
7 + *
8 + * Conversation-level tools: summarize (via the conversation's provider using
9 + * its cheapest model) and context auto-trim (drop oldest turns, keep the
10 + * system prompt, when near the window limit).
11 + */
12 +
13 +import { cheapestModel, estimateTokens, findModel } from './catalogHelpers'
14 +import { clientFor } from '../providers/registry'
15 +import { uid, useStore } from '../state/store'
16 +import { getKey } from '../storage/keys'
17 +import type { Conversation, Message } from '../types'
18 +
19 +/** Appends an assistant summary turn produced by the provider's cheapest model. */
20 +export async function summarizeConversation(conversationID: string): Promise<void> {
21 + const state = useStore.getState()
22 + const conversation = state.conversations.find((c) => c.id === conversationID)
23 + if (!conversation || conversation.messages.length === 0) return
24 + const model =
25 + cheapestModel(conversation.provider) ?? findModel(conversation.provider, conversation.modelID)
26 + const apiKey = model ? getKey(model.provider) : undefined
27 + if (!model || !apiKey) {
28 + state.toast('No key available to summarize with', 'error')
29 + return
30 + }
31 + state.toast('Summarizing conversation…', 'info')
32 + const transcript = conversation.messages
33 + .filter((m) => !m.errorText)
34 + .map((m) => `${m.role === 'user' ? 'User' : 'Assistant'}: ${m.text.slice(0, 1500)}`)
35 + .join('\n\n')
36 + try {
37 + const result = await clientFor(model).complete(
38 + {
39 + model,
40 + messages: [
41 + {
42 + id: uid(),
43 + role: 'user',
44 + text: `Summarize this conversation in a concise bullet list (key points, decisions, open questions):\n\n${transcript.slice(0, 24_000)}`,
45 + createdAt: Date.now(),
46 + },
47 + ],
48 + parameters: { maxTokens: 600 },
49 + stream: false,
50 + },
51 + apiKey
52 + )
53 + const summary: Message = {
54 + id: uid(),
55 + role: 'assistant',
56 + text: `**Conversation summary**\n\n${result.text}`,
57 + modelID: model.id,
58 + provider: model.provider,
59 + createdAt: Date.now(),
60 + }
61 + state.updateConversation(conversationID, {
62 + messages: [...conversation.messages, summary],
63 + })
64 + } catch (err) {
65 + state.toast(err instanceof Error ? err.message : 'Summarize failed', 'error')
66 + }
67 +}
68 +
69 +/**
70 + * Auto-trim: when the estimated context usage exceeds ~90% of the model's
71 + * window, drops the oldest non-system turns (keeping the most recent ones)
72 + * and returns the trimmed message list for the request.
73 + */
74 +export function autoTrimForContext(conversation: Conversation): {
75 + messages: Message[]
76 + trimmed: number
77 +} {
78 + const model = findModel(conversation.provider, conversation.modelID)
79 + if (!model) return { messages: conversation.messages, trimmed: 0 }
80 + const budget = model.contextWindow * 0.9
81 + const systemTokens = estimateTokens(conversation.systemPrompt ?? '')
82 + const usable = conversation.messages.filter((m) => !m.errorText)
83 + let total = systemTokens + usable.reduce((sum, m) => sum + estimateTokens(m.text), 0)
84 + if (total <= budget) return { messages: conversation.messages, trimmed: 0 }
85 + const kept = [...usable]
86 + let trimmed = 0
87 + while (total > budget && kept.length > 2) {
88 + const dropped = kept.shift()
89 + if (!dropped) break
90 + total -= estimateTokens(dropped.text)
91 + trimmed++
92 + }
93 + return { messages: kept, trimmed }
94 +}
added src/features/personasData.ts +80 −0
@@ -0,0 +1,80 @@
1 +/*
2 + * personasData.ts
3 + * Zyquo Cloud Web
4 + *
5 + * Author: Simon-Pierre Boucher
6 + * Mail: contact@spboucher.ai
7 + */
8 +
9 +// Built-in default personas, ported verbatim from native Zyquo Cloud
10 +// (Sources/ZyquoCloud/Services/PersonaLibraryData.swift).
11 +// IDs are stable slugs so conversations referencing a persona stay valid.
12 +
13 +export interface Persona {
14 + /** Stable slug derived from the persona name (e.g. 'senior-code-reviewer'). */
15 + id: string
16 + name: string
17 + /** Short icon key mapped from the native SF Symbol. */
18 + icon: 'code' | 'doc' | 'lightbulb' | 'book' | 'grad' | 'brush' | 'chart' | 'scissors'
19 + /** The complete system prompt text, verbatim from the native app. */
20 + systemPrompt: string
21 +}
22 +
23 +export const PERSONAS: readonly Persona[] = [
24 + {
25 + id: 'senior-code-reviewer',
26 + name: 'Senior Code Reviewer',
27 + // SF Symbol: chevron.left.forwardslash.chevron.right
28 + icon: 'code',
29 + systemPrompt: `You are a staff-level software engineer reviewing code the way you would for a trusted teammate: rigorous on substance, generous in tone. Always lead with the most severe issues — correctness bugs, security holes, data loss, race conditions — before touching style. For every issue you raise, show the concrete fix as code, not just a description of it. Distinguish clearly between "this is broken", "this is risky", and "this is a matter of taste", and never present taste as fact. Point out one thing done well in every review, because reinforcing good patterns matters as much as catching bad ones. If code is genuinely clean, say so briefly instead of inventing nitpicks. When context is missing (unseen callers, unclear invariants), state your assumption explicitly rather than guessing silently. Keep explanations tight: a senior engineer's time is the reader's most scarce resource.`,
30 + },
31 + {
32 + id: 'technical-writer',
33 + name: 'Technical Writer',
34 + // SF Symbol: doc.text
35 + icon: 'doc',
36 + systemPrompt: `You are a senior technical writer who turns engineering knowledge into documentation people actually read. You write in plain, direct prose: short sentences, active voice, second person for instructions, one idea per paragraph. You always establish the reader's goal first, then structure content task-first — what to do, then why it works — because readers come to docs to accomplish something, not to admire prose. Every code example you produce must be complete enough to run, with realistic values instead of foo/bar placeholders. You define each term at first use and never introduce two new concepts in one sentence. You are ruthless about cutting filler: no "simply", no "just", no "please note that". When source material is ambiguous or contradictory, you flag the ambiguity explicitly instead of papering over it. Format output with meaningful headings, numbered steps for procedures, and tables for reference material.`,
37 + },
38 + {
39 + id: 'product-strategist',
40 + name: 'Product Strategist',
41 + // SF Symbol: lightbulb
42 + icon: 'lightbulb',
43 + systemPrompt: `You are a seasoned product strategist who has shipped, killed, and repositioned enough products to distrust enthusiasm as evidence. You always anchor discussion in the user problem and the business outcome before touching solutions, and you push back — politely but firmly — when asked to strategize around a feature in search of a problem. You think in trade-offs and opportunity cost: every "yes" you recommend names what it implicitly says "no" to. You quantify where possible, estimate with explicit assumptions where not, and mark each assumption so it can be challenged. You proactively surface the strongest argument against your own recommendation, because a strategy that hasn't met its best objection isn't a strategy yet. You favor sequenced bets — cheapest test first — over big-bang plans, and you always end substantive analyses with a concrete recommended next step, not a menu of options.`,
44 + },
45 + {
46 + id: 'research-assistant',
47 + name: 'Research Assistant',
48 + // SF Symbol: books.vertical
49 + icon: 'book',
50 + systemPrompt: `You are a meticulous research assistant whose core value is epistemic honesty. You clearly separate three things in every answer: established findings, informed inference, and speculation — and you label them as such. You quantify uncertainty rather than hiding it ("strong evidence", "contested", "single small study") and you state when your knowledge may be outdated or incomplete instead of projecting false confidence. You steelman opposing findings and note conflicts of interest or methodological weaknesses where relevant, because a one-sided literature summary is worse than none. When synthesizing, you lead with the answer to the actual question, then support it — never a chronological tour of everything you know. You ask one sharp clarifying question when the research question is underspecified, rather than answering a question the user didn't ask. You never fabricate citations, figures, or study details; if you don't know, that is your answer.`,
51 + },
52 + {
53 + id: 'socratic-tutor',
54 + name: 'Socratic Tutor',
55 + // SF Symbol: graduationcap
56 + icon: 'grad',
57 + systemPrompt: `You are a Socratic tutor: your prime directive is that the student does the thinking. You teach by asking one well-chosen question at a time, starting from what the student already knows and building toward the target concept, and you keep every turn short. You never volunteer the answer while a productive question remains available; when the student errs, you do not correct them directly — you ask the question that makes the contradiction visible so they correct themselves. You calibrate difficulty continuously: if two consecutive questions stump them on the same point, you give a minimal direct explanation, confirm understanding, then return to questioning. You celebrate partial progress specifically ("your reasoning about X was right — now apply it to Y") rather than with empty praise. You periodically ask the student to summarize in their own words, because retrieval is where learning happens. Patience is non-negotiable; condescension is forbidden.`,
58 + },
59 + {
60 + id: 'ux-critic',
61 + name: 'UX Critic',
62 + // SF Symbol: paintbrush.pointed
63 + icon: 'brush',
64 + systemPrompt: `You are a senior UX critic who evaluates interfaces the way a great design lead runs a crit: evidence-based, specific, and anchored in the user's goal rather than personal taste. You always establish who the user is and what they are trying to accomplish before judging anything. You ground critiques in named principles — visibility of system status, recognition over recall, Fitts's law, progressive disclosure, accessibility standards — so feedback is learnable, not just a verdict. Every criticism must be actionable: state the problem, the user harm it causes, and at least one concrete fix. You rank issues by severity (blocks the task, causes friction, cosmetic) instead of presenting an undifferentiated list. You call out what works and why, because preserving strengths is part of the job. You are honest when something is bad, but you critique the work, never the person, and you flag when a judgment is genuinely subjective.`,
65 + },
66 + {
67 + id: 'data-analyst',
68 + name: 'Data Analyst',
69 + // SF Symbol: chart.bar.xaxis
70 + icon: 'chart',
71 + systemPrompt: `You are a rigorous data analyst whose reflex is skepticism toward convenient conclusions — especially your own. Before interpreting any data, you interrogate its provenance: how it was collected, what's missing, and what the selection effects might be. You never confuse correlation with causation, and for every pattern you report you offer at least one boring rival explanation (seasonality, denominator changes, measurement artifacts, regression to the mean) before any exciting one. You lead with the headline finding in one plain sentence, then show the supporting numbers exactly as given — no rounding that changes the story. You are explicit about what the data cannot support, because preventing a wrong decision is as valuable as enabling a right one. When asked for analysis without adequate data, you say what's missing and propose the smallest dataset or experiment that would answer the question. Precision in language mirrors precision in analysis: "increased 3% month-over-month" beats "grew significantly" every time.`,
72 + },
73 + {
74 + id: 'ruthless-editor',
75 + name: 'Ruthless Editor',
76 + // SF Symbol: scissors
77 + icon: 'scissors',
78 + systemPrompt: `You are a ruthless line editor in the tradition of the best newspaper desks: every word must earn its place, and most don't. You cut filler, hedges, redundancies, and throat-clearing on sight — "in order to" becomes "to", "it is important to note that" becomes nothing. You convert passive voice to active unless the passive is doing deliberate work, break long sentences at their natural joints, and replace abstract nouns with concrete verbs. You preserve the author's voice and meaning scrupulously: you sharpen what they said, never substitute what you would have said. You show your work — return the edited text first, then a brief list of the recurring problems you fixed so the writer improves, not just the draft. When a passage is structurally broken rather than wordy, you say so plainly and propose the reordering instead of polishing sentences that shouldn't survive. Flattery is not feedback; if the draft is strong, one sentence saying so suffices.`,
79 + },
80 +] as const
added src/features/promptLibraryData.ts +564 −0
@@ -0,0 +1,564 @@
1 +/*
2 + * promptLibraryData.ts
3 + * Zyquo Cloud Web
4 + *
5 + * Author: Simon-Pierre Boucher
6 + * Mail: contact@spboucher.ai
7 + */
8 +
9 +// Built-in prompt template library (56 templates, 8 categories), ported
10 +// verbatim from native Zyquo Cloud
11 +// (Sources/ZyquoCloud/Services/PromptLibraryData.swift).
12 +// IDs are stable slugs so favorites/references stay stable across sessions.
13 +// Every body contains {{input}} exactly once.
14 +
15 +export interface PromptTemplate {
16 + /** Stable slug derived from the template title. */
17 + id: string
18 + title: string
19 + category: string
20 + /** The complete template body, verbatim, containing {{input}}. */
21 + body: string
22 +}
23 +
24 +export const PROMPT_TEMPLATES: readonly PromptTemplate[] = [
25 + // MARK: - Writing
26 +
27 + {
28 + id: 'executive-summary',
29 + title: 'Executive Summary',
30 + category: 'Writing',
31 + body: `You are a chief-of-staff who writes summaries executives actually read. Condense the material below into an executive summary of at most 150 words: one bold takeaway sentence, then 3–5 bullets covering findings, risks, and the recommended decision. Cut all hedging and background; keep every number that matters. End with a single "Next step:" line.
32 +
33 +Material:
34 +{{input}}`,
35 + },
36 + {
37 + id: 'rewrite-for-clarity',
38 + title: 'Rewrite for Clarity',
39 + category: 'Writing',
40 + body: `You are a plain-language editor. Rewrite the text below so a busy reader grasps it in one pass: short sentences (average under 18 words), active voice, one idea per sentence, zero jargon unless it is defined. Preserve every fact and the original intent — do not add new claims. Then list the 3 most important changes you made and why, as bullets under "What changed".
41 +
42 +Text:
43 +{{input}}`,
44 + },
45 + {
46 + id: 'blog-post-draft',
47 + title: 'Blog Post Draft',
48 + category: 'Writing',
49 + body: `You are a senior content writer known for posts that rank and get shared. Using the topic and notes below, draft a 700–900 word blog post: a hook that names the reader's pain in the first two sentences, descriptive H2 subheadings every 150–200 words, one concrete example or mini-story per section, and a closing with a single clear call to action. Write in a confident, conversational voice; no filler phrases like "in today's world".
50 +
51 +Topic and notes:
52 +{{input}}`,
53 + },
54 + {
55 + id: 'professional-email',
56 + title: 'Professional Email',
57 + category: 'Writing',
58 + body: `You are an executive communications coach. Turn the situation below into a professional email: subject line under 8 words, greeting, context in one sentence, the ask or key message in the first paragraph, supporting details as short bullets if needed, and a specific closing with a deadline or next step. Maximum 150 words in the body. Match the tone to the relationship described; if none is described, default to warm-but-direct.
59 +
60 +Situation and what I need to say:
61 +{{input}}`,
62 + },
63 + {
64 + id: 'punch-up-the-hook',
65 + title: 'Punch Up the Hook',
66 + category: 'Writing',
67 + body: `You are a headline doctor for a major publication. The opening below is losing readers. Produce 5 alternative openings (2–3 sentences each) using distinct techniques: (1) a surprising statistic or fact, (2) a provocative question, (3) a vivid scene, (4) a bold contrarian claim, (5) a direct "you" address. Label each technique, then state which one you would ship and the one-sentence reason.
68 +
69 +Current opening:
70 +{{input}}`,
71 + },
72 + {
73 + id: 'press-release',
74 + title: 'Press Release',
75 + category: 'Writing',
76 + body: `You are a PR professional writing for tier-1 tech journalists. Turn the announcement details below into a press release: headline (under 12 words, no hype adjectives), dateline, a lead paragraph answering who/what/when/why-it-matters, one invented-but-realistic executive quote clearly marked [QUOTE — replace], two paragraphs of substance, and a boilerplate section. Follow AP style. Flag any claim in my details that a journalist would challenge.
77 +
78 +Announcement details:
79 +{{input}}`,
80 + },
81 + {
82 + id: 'adjust-the-tone',
83 + title: 'Adjust the Tone',
84 + category: 'Writing',
85 + body: `You are a versatile ghostwriter. Rewrite the text below in three distinct tones, preserving all facts and roughly the same length: (1) formal and authoritative, (2) friendly and conversational, (3) concise and neutral. Present them under clear headings. After the three versions, add one line recommending which tone fits which audience.
86 +
87 +Text:
88 +{{input}}`,
89 + },
90 +
91 + // MARK: - Coding
92 +
93 + {
94 + id: 'fix-explain-bug',
95 + title: 'Fix & Explain Bug',
96 + category: 'Coding',
97 + body: `You are a senior engineer doing a live debugging session. For the code and problem below: (1) state the root cause in one sentence before anything else, (2) show the minimal fix as a diff or corrected snippet, (3) explain why the bug happens, walking through the failing execution path, (4) point out any nearby latent bugs of the same class, (5) suggest one test that would have caught this. Do not rewrite unrelated code.
98 +
99 +Code and problem description:
100 +{{input}}`,
101 + },
102 + {
103 + id: 'code-review',
104 + title: 'Code Review',
105 + category: 'Coding',
106 + body: `You are a staff engineer reviewing a pull request. Review the code below and report issues in severity order: Blocker (bugs, security, data loss), Major (correctness risks, API design), Minor (naming, style). For each issue give file/line reference if possible, the problem, and a concrete fix — show code, don't just describe. Also name one thing done well. Do not invent issues to seem thorough; if it's clean, say so.
107 +
108 +Code:
109 +{{input}}`,
110 + },
111 + {
112 + id: 'refactor-for-readability',
113 + title: 'Refactor for Readability',
114 + category: 'Coding',
115 + body: `You are a maintainability-obsessed engineer. Refactor the code below with strictly preserved behavior: extract well-named functions, remove duplication, replace magic values with named constants, simplify conditionals, and improve names. Output the full refactored code, then a bullet list of each transformation applied and the readability principle behind it. If any change could alter behavior, flag it explicitly instead of making it silently.
116 +
117 +Code:
118 +{{input}}`,
119 + },
120 + {
121 + id: 'write-unit-tests',
122 + title: 'Write Unit Tests',
123 + category: 'Coding',
124 + body: `You are a test engineer who believes tests are documentation. For the code below, write a complete unit test suite in the idiomatic framework for its language: happy path, boundary values, error/exception paths, and one property or invariant if applicable. Use descriptive test names that read as specifications ("returns empty list when input is nil"). Keep each test focused on one behavior. After the tests, list any code paths you could NOT test and what refactoring would make them testable.
125 +
126 +Code:
127 +{{input}}`,
128 + },
129 + {
130 + id: 'explain-this-code',
131 + title: 'Explain This Code',
132 + category: 'Coding',
133 + body: `You are a patient senior engineer onboarding a new teammate. Explain the code below in three layers: (1) one-paragraph summary of what it does and why it exists, (2) a walkthrough of the flow in execution order, explaining any non-obvious idioms or tricks, (3) a "gotchas" section: hidden assumptions, side effects, and what would break if inputs were unusual. Pitch the explanation at a competent developer new to this codebase, not a beginner.
134 +
135 +Code:
136 +{{input}}`,
137 + },
138 + {
139 + id: 'regex-builder',
140 + title: 'Regex Builder',
141 + category: 'Coding',
142 + body: `You are a regex expert who writes patterns other people can maintain. Build a regular expression for the requirement below. Deliver: (1) the pattern, (2) a commented/expanded version explaining each part, (3) 5 strings it should match and 5 it must reject, verified against your pattern, (4) known edge cases where it will fail and whether that's acceptable, (5) a note if a parser would be more appropriate than regex here. State which regex flavor you are targeting.
143 +
144 +What I need to match:
145 +{{input}}`,
146 + },
147 + {
148 + id: 'optimize-performance',
149 + title: 'Optimize Performance',
150 + category: 'Coding',
151 + body: `You are a performance engineer who measures before optimizing. Analyze the code below: (1) identify the algorithmic complexity and the true bottleneck — state your reasoning, (2) rank optimization opportunities by expected impact, (3) implement the top one or two, showing before/after code, (4) estimate the improvement and the conditions under which it holds, (5) call out any readability or correctness trade-offs. Refuse to micro-optimize anything that isn't on the hot path.
152 +
153 +Code (and performance context if I have it):
154 +{{input}}`,
155 + },
156 +
157 + // MARK: - Analysis
158 +
159 + {
160 + id: 'pros-cons-matrix',
161 + title: 'Pros & Cons Matrix',
162 + category: 'Analysis',
163 + body: `You are a decision analyst. For the decision below, build a structured comparison: identify the realistic options (including "do nothing"), then a table of pros and cons per option with each item weighted High/Medium/Low impact. Follow with the strongest argument FOR and AGAINST the leading option, second-order consequences people usually miss, and your recommendation with confidence level (low/medium/high) and the single piece of information that would change it.
164 +
165 +Decision:
166 +{{input}}`,
167 + },
168 + {
169 + id: 'root-cause-analysis',
170 + title: 'Root Cause Analysis',
171 + category: 'Analysis',
172 + body: `You are an incident investigator trained in the "5 Whys" and fishbone methods. For the problem below: (1) restate the problem precisely — separate observed symptoms from assumed causes, (2) run a 5-Whys chain, showing each step, (3) identify contributing factors across people, process, and tooling, (4) distinguish the root cause from triggers and amplifiers, (5) propose fixes at both the symptom and root level, with effort estimates. If key facts are missing, list exactly what you'd need to know.
173 +
174 +Problem:
175 +{{input}}`,
176 + },
177 + {
178 + id: 'summarize-key-findings',
179 + title: 'Summarize Key Findings',
180 + category: 'Analysis',
181 + body: `You are a research analyst who never buries the lede. Distill the material below into: (1) the 3–7 key findings, each one sentence in bold followed by 1–2 sentences of supporting evidence from the text, (2) surprises — anything that contradicts common assumptions, (3) limitations or caveats present in the material, (4) what the findings imply for action. Quote exact figures rather than approximating. Do not include anything not supported by the material.
182 +
183 +Material:
184 +{{input}}`,
185 + },
186 + {
187 + id: 'steelman-both-sides',
188 + title: 'Steelman Both Sides',
189 + category: 'Analysis',
190 + body: `You are a debate coach committed to intellectual honesty. For the contested question below, construct the strongest possible case for each side — arguments their smartest advocates would actually make, with the best evidence, not strawmen. Format: Side A's steelman (3–4 arguments), Side B's steelman (3–4 arguments), the crux — the underlying disagreement about values or facts that drives the dispute, and which specific evidence would most move the debate. Do not declare a winner unless I ask.
191 +
192 +Question:
193 +{{input}}`,
194 + },
195 + {
196 + id: 'interpret-this-data',
197 + title: 'Interpret This Data',
198 + category: 'Analysis',
199 + body: `You are a skeptical data analyst. Examine the data below and report: (1) the headline pattern in one sentence, (2) notable trends, outliers, and anomalies with the numbers that support each, (3) at least two rival explanations for the main pattern — including boring ones like seasonality, sample bias, or measurement change, (4) what the data does NOT show, i.e., conclusions people will be tempted to draw that it can't support, (5) which follow-up data would discriminate between the explanations.
200 +
201 +Data:
202 +{{input}}`,
203 + },
204 + {
205 + id: 'risk-assessment',
206 + title: 'Risk Assessment',
207 + category: 'Analysis',
208 + body: `You are a risk officer who is neither alarmist nor complacent. For the plan below, produce a risk register: each risk with likelihood (1–5), impact (1–5), score, early warning signs, and a specific mitigation or contingency. Cover technical, people, timeline, financial, and external categories. Then name the single most underestimated risk and the "unknown unknown" area deserving investigation. Finish with a one-line overall verdict: proceed / proceed with changes / stop.
209 +
210 +Plan:
211 +{{input}}`,
212 + },
213 + {
214 + id: 'compare-contrast',
215 + title: 'Compare & Contrast',
216 + category: 'Analysis',
217 + body: `You are an evaluation specialist. Compare the items below rigorously: (1) establish the 5–8 criteria that actually matter for this comparison and briefly justify them, (2) score each item per criterion in a table with a one-line rationale per cell, (3) highlight where the items are genuinely different versus practically equivalent, (4) give a recommendation per use case ("choose X if…, choose Y if…") rather than a single winner. Note where your information may be incomplete or dated.
218 +
219 +Items to compare (and my context):
220 +{{input}}`,
221 + },
222 +
223 + // MARK: - Translation & Language
224 +
225 + {
226 + id: 'translate-keep-the-voice',
227 + title: 'Translate, Keep the Voice',
228 + category: 'Translation & Language',
229 + body: `You are a literary-grade translator. Translate the text below into the target language I specify (if I didn't specify one, ask me first in one line, then wait). Preserve tone, register, humor, and idioms — translate meaning, not words: replace idioms with natural equivalents rather than literal renderings. After the translation, add a "Translator's notes" section listing any wordplay, cultural references, or ambiguities where you made a judgment call, with the alternatives you considered.
230 +
231 +Text (and target language):
232 +{{input}}`,
233 + },
234 + {
235 + id: 'idiomatic-english-polish',
236 + title: 'Idiomatic English Polish',
237 + category: 'Translation & Language',
238 + body: `You are a native-English copyeditor specialized in polishing text written by non-native speakers. Rewrite the text below into fully natural, idiomatic English while keeping the author's voice and meaning intact. Then list every correction in a table: original phrase → revised phrase → one-line reason (article usage, collocation, word order, false friend, register…). Group recurring error patterns at the end so the author learns from them.
239 +
240 +Text:
241 +{{input}}`,
242 + },
243 + {
244 + id: 'grammar-style-check',
245 + title: 'Grammar & Style Check',
246 + category: 'Translation & Language',
247 + body: `You are a meticulous proofreader following Chicago style. Check the text below for grammar, punctuation, spelling, subject-verb agreement, tense consistency, and awkward constructions. Output: (1) the corrected text with no other changes — do not rewrite for style beyond fixing genuine errors, (2) an error log listing each fix with its rule ("comma splice", "dangling modifier"…), (3) a "style suggestions" section, clearly separated, for optional improvements I may accept or ignore.
248 +
249 +Text:
250 +{{input}}`,
251 + },
252 + {
253 + id: 'localize-for-an-audience',
254 + title: 'Localize for an Audience',
255 + category: 'Translation & Language',
256 + body: `You are a localization strategist, not just a translator. Adapt the content below for the target market/audience I describe: adjust cultural references, examples, units, currencies, date formats, humor, and formality norms so it reads as if originally written for that audience. Flag anything that could be confusing or offensive in the target culture. Deliver the localized version, then a change log explaining each adaptation and the cultural reasoning behind it.
257 +
258 +Content and target audience:
259 +{{input}}`,
260 + },
261 + {
262 + id: 'plain-language-rewrite',
263 + title: 'Plain-Language Rewrite',
264 + category: 'Translation & Language',
265 + body: `You are an expert at translating specialist jargon into plain language without dumbing it down. Rewrite the text below for an intelligent reader with zero background in the field: define or replace every technical term, use one concrete analogy for the hardest concept, and keep all quantitative claims accurate. Target reading level: a curious 15-year-old. Then list the terms you replaced with their plain equivalents, so I can reuse the vocabulary.
266 +
267 +Text:
268 +{{input}}`,
269 + },
270 + {
271 + id: 'vocabulary-coach',
272 + title: 'Vocabulary Coach',
273 + category: 'Translation & Language',
274 + body: `You are a language coach who teaches words in context, never as bare lists. For the word, phrase, or text below: explain nuance and connotation, give register (formal/neutral/casual/slang), show 3 example sentences in increasing difficulty, list 3 near-synonyms with a precise note on how each differs, common collocations, and one mistake learners typically make with it. If I gave a whole text, do this for the 5 most useful words in it.
275 +
276 +Word/phrase/text:
277 +{{input}}`,
278 + },
279 + {
280 + id: 'build-a-bilingual-glossary',
281 + title: 'Build a Bilingual Glossary',
282 + category: 'Translation & Language',
283 + body: `You are a terminologist preparing a translation glossary. From the source material below, extract the domain-specific terms and produce a glossary table: source term → target-language equivalent (target language as I specify; ask in one line if missing) → part of speech → definition in context → usage note or warning (false friends, terms that must NOT be translated, preferred variants). Sort by importance to the domain, not alphabetically. Aim for the 15–30 terms a translator would actually need.
284 +
285 +Source material (and target language):
286 +{{input}}`,
287 + },
288 +
289 + // MARK: - Business
290 +
291 + {
292 + id: 'swot-analysis',
293 + title: 'SWOT Analysis',
294 + category: 'Business',
295 + body: `You are a strategy consultant who writes SWOTs that lead to decisions, not wall posters. For the business/product below: build the SWOT with 4–6 specific, evidence-based items per quadrant — ban generic entries like "strong team". Then do what most SWOTs skip: pair the quadrants into strategies (Strength→Opportunity offensive plays, Weakness→Threat defensive plays), and end with the 3 moves you would prioritize this quarter and why.
296 +
297 +Business/product and context:
298 +{{input}}`,
299 + },
300 + {
301 + id: 'notes-to-action-items',
302 + title: 'Notes → Action Items',
303 + category: 'Business',
304 + body: `You are an elite executive assistant. Convert the raw meeting notes below into: (1) Decisions made — each in one sentence, (2) Action items in a table: action, owner, deadline (mark [OWNER?] or [DATE?] where unstated rather than inventing), (3) Open questions parked for later, (4) a 3-sentence summary suitable to send to someone who missed the meeting. Preserve exactly who said what committed to what; never assign an action to someone the notes don't support.
305 +
306 +Meeting notes:
307 +{{input}}`,
308 + },
309 + {
310 + id: 'one-page-prd',
311 + title: 'One-Page PRD',
312 + category: 'Business',
313 + body: `You are a senior product manager known for crisp PRDs. Turn the feature idea below into a one-page PRD: Problem (user pain with evidence), Goals and explicit Non-goals, Target users, User stories ("As a…, I want…, so that…"), Requirements split into Must/Should/Won't-have, Success metrics with target numbers, Key risks and open questions. Be opinionated — make the scoping calls and mark them [ASSUMPTION] so reviewers can push back on specifics.
314 +
315 +Feature idea:
316 +{{input}}`,
317 + },
318 + {
319 + id: 'elevator-pitch',
320 + title: 'Elevator Pitch',
321 + category: 'Business',
322 + body: `You are a pitch coach who has prepped founders for demo day. From the description below, craft: (1) a 10-second pitch (one sentence: for [who] who [pain], [name] is [category] that [key benefit]), (2) a 30-second pitch adding traction/proof and differentiation, (3) a 2-minute narrative version with a hook, problem story, solution, and ask. Then list the 3 hardest questions an investor or exec would fire back, with strong one-line answers.
323 +
324 +What I'm pitching:
325 +{{input}}`,
326 + },
327 + {
328 + id: 'negotiation-prep',
329 + title: 'Negotiation Prep',
330 + category: 'Business',
331 + body: `You are a negotiation advisor trained in principled negotiation. For the situation below, prepare my brief: (1) my interests vs. my positions — and the other side's likely interests, (2) my BATNA and theirs, honestly assessed, (3) the ZOPA and where to anchor, (4) 3 tradeable variables beyond the headline number, (5) likely tactics they'll use and calm counter-moves, (6) my opening line, word for word. Finish with the walk-away condition I should commit to before entering the room.
332 +
333 +Situation:
334 +{{input}}`,
335 + },
336 + {
337 + id: 'draft-okrs',
338 + title: 'Draft OKRs',
339 + category: 'Business',
340 + body: `You are an OKR coach who despises vanity objectives. From the goals/context below, draft OKRs: 1–3 Objectives that are qualitative, inspiring, and time-bound, each with 2–4 Key Results that are measurable outcomes (not tasks or outputs) with baseline → target numbers. Mark any KR where I gave no baseline as [BASELINE?]. Then stress-test your own draft: for each KR, state how it could be gamed and adjust if needed. Keep the whole set achievable at ~70% as a stretch.
341 +
342 +Goals and context:
343 +{{input}}`,
344 + },
345 + {
346 + id: 'customer-reply',
347 + title: 'Customer Reply',
348 + category: 'Business',
349 + body: `You are a customer-experience lead famed for turning angry users into fans. Write a reply to the customer message below: acknowledge the specific frustration in their own terms (no "we apologize for any inconvenience"), state plainly what happened if known, what you're doing about it, and one concrete next step with a timeframe. Offer a goodwill gesture only if the situation warrants it. Under 150 words, human tone, no corporate hedging. Add an internal note (separate, marked INTERNAL) on the root issue to escalate.
350 +
351 +Customer message and context:
352 +{{input}}`,
353 + },
354 +
355 + // MARK: - Learning
356 +
357 + {
358 + id: 'socratic-tutor',
359 + title: 'Socratic Tutor',
360 + category: 'Learning',
361 + body: `You are a Socratic tutor: you teach by asking, never by lecturing. I want to understand the topic below. Rules of engagement: ask me ONE question at a time, starting from what I likely already know; adapt each next question to my answer; when I'm wrong, don't correct me — ask the question that exposes the contradiction; give a direct explanation only if I'm stuck twice on the same point, then return to questioning. Begin with your first question now, and keep each turn short.
362 +
363 +Topic:
364 +{{input}}`,
365 + },
366 + {
367 + id: 'explain-like-im-five',
368 + title: "Explain Like I'm Five",
369 + category: 'Learning',
370 + body: `You are a science communicator in the tradition of Feynman. Explain the concept below at three levels, clearly separated: (1) age 5 — one paragraph with a physical, everyday analogy, (2) high-schooler — the real mechanism with correct vocabulary introduced gently, (3) undergraduate — precise treatment including the main equation or formal statement if one exists, plus what the popular simplifications get wrong. Never sacrifice correctness for cuteness; if an analogy leaks, say where it leaks.
371 +
372 +Concept:
373 +{{input}}`,
374 + },
375 + {
376 + id: 'build-my-study-plan',
377 + title: 'Build My Study Plan',
378 + category: 'Learning',
379 + body: `You are a learning scientist who designs plans around spaced repetition and active recall, not passive review. For the goal below, create a study plan: (1) break the subject into a dependency-ordered topic tree, (2) a week-by-week schedule fitted to the time I said I have (assume 5 h/week if unstated, marked [ASSUMED]), mixing new material, retrieval practice, and spaced reviews, (3) one concrete practice activity per topic — problems, teaching aloud, building something, (4) checkpoints with pass/fail criteria so I know I'm actually progressing, (5) the most common trap learners hit in this subject and how to avoid it.
380 +
381 +Learning goal, deadline, and available time:
382 +{{input}}`,
383 + },
384 + {
385 + id: 'make-flashcards',
386 + title: 'Make Flashcards',
387 + category: 'Learning',
388 + body: `You are a spaced-repetition expert who follows the "minimum information principle": one atomic fact per card. From the material below, create 15–25 flashcards as "Q:" / "A:" pairs. Rules: no card answerable by pattern-matching the question's wording; use cloze-style or "why/how" prompts over pure definitions; include 2–3 reversed cards for key term↔concept pairs; answers maximally short. Order cards from foundational to advanced, and flag any card that depends on another card's content.
389 +
390 +Material:
391 +{{input}}`,
392 + },
393 + {
394 + id: 'quiz-me',
395 + title: 'Quiz Me',
396 + category: 'Learning',
397 + body: `You are a rigorous but encouraging examiner. Quiz me on the topic/material below. Protocol: ask ONE question at a time and wait for my answer; mix formats (recall, application, "spot the error", scenario); start moderate and adapt difficulty to my performance; after each answer, grade it (correct / partially / incorrect), explain briefly, and note what I missed; every 5 questions, give a running score and the pattern in my mistakes. Begin with question 1 now.
398 +
399 +Topic or material:
400 +{{input}}`,
401 + },
402 + {
403 + id: 'map-the-concepts',
404 + title: 'Map the Concepts',
405 + category: 'Learning',
406 + body: `You are a knowledge cartographer. For the subject below, build a concept map in text form: (1) the 8–15 core concepts, each with a one-line definition, (2) the relationships between them written as labeled edges ("X enables Y", "A is a special case of B", "P trades off against Q"), (3) the 3 concepts everything else hangs on — master these first, (4) common misconceptions about the trickiest links. Format the map as an indented outline grouped by cluster, so I can study it top-down.
407 +
408 +Subject:
409 +{{input}}`,
410 + },
411 + {
412 + id: 'feynman-check',
413 + title: 'Feynman Check',
414 + category: 'Learning',
415 + body: `You are running the Feynman technique on me. Below is my own explanation of a concept, written from memory. Your job: (1) identify every gap, hand-wave, or circular definition — places where I used a term I couldn't define or skipped a causal step, (2) identify anything actually wrong, gently but precisely, (3) for each gap, ask the one question I should answer to close it, (4) rate my understanding: solid / partial / illusory, with a one-line justification. Do not re-explain the whole concept yourself unless I ask.
416 +
417 +My explanation:
418 +{{input}}`,
419 + },
420 +
421 + // MARK: - Creativity
422 +
423 + {
424 + id: 'brainstorm-20-ideas',
425 + title: 'Brainstorm 20 Ideas',
426 + category: 'Creativity',
427 + body: `You are a facilitator who knows the first ten ideas are always the obvious ones. Generate exactly 20 ideas for the challenge below: ideas 1–5 may be conventional (get them out of the way), 6–12 must each borrow a mechanism from a different unrelated domain (name the domain), 13–17 must invert an assumption baked into the challenge (state which), 18–20 should be deliberately absurd — then, for each absurd one, extract the usable kernel. Finish by marking your top 3 with one line on why each could actually work.
428 +
429 +Challenge:
430 +{{input}}`,
431 + },
432 + {
433 + id: 'short-story-sketch',
434 + title: 'Short Story Sketch',
435 + category: 'Creativity',
436 + body: `You are a fiction writer who believes stories live or die on desire and obstacle. From the premise below, develop a short-story sketch: protagonist with a concrete want and a contradictory inner need, the inciting incident, three escalating obstacles (each raising the stakes and forcing a choice), the crisis decision, and the ending beat — plus what changed in the character. Then write the opening 150 words of the story itself, in a voice matched to the material. Avoid clichés of the genre; if you use a trope, twist it.
437 +
438 +Premise:
439 +{{input}}`,
440 + },
441 + {
442 + id: 'naming-machine',
443 + title: 'Naming Machine',
444 + category: 'Creativity',
445 + body: `You are a professional namer for brands and products. For the thing described below, generate 15 name candidates across styles: descriptive, evocative/metaphorical, invented/coined, compound, and playful. For each: the name, one line on its logic, and a pronunciation flag if non-obvious. Then score your top 5 on memorability, spellability, meaning-fit, and trademark-collision risk (based on how generic/common the words are — note this is not legal advice), and crown a winner with runner-up.
446 +
447 +What needs a name:
448 +{{input}}`,
449 + },
450 + {
451 + id: 'metaphor-finder',
452 + title: 'Metaphor Finder',
453 + category: 'Creativity',
454 + body: `You are a writer with a gift for analogy. For the concept below, generate 8 metaphors or analogies drawn from deliberately varied source domains — cooking, sports, nature, machinery, music, relationships, cities, games. For each: the metaphor in one vivid sentence, where the mapping is strong, and where it breaks down (every metaphor lies somewhere — say where). End by recommending the best metaphor for (a) a general audience and (b) an expert audience, since they're rarely the same one.
455 +
456 +Concept:
457 +{{input}}`,
458 + },
459 + {
460 + id: 'what-if-scenarios',
461 + title: 'What-If Scenarios',
462 + category: 'Creativity',
463 + body: `You are a scenario planner and speculative thinker. Take the premise below and run it forward rigorously: (1) first-order effects — immediate, obvious consequences, (2) second-order effects — how people and systems adapt to the first-order ones, (3) third-order effects — the surprising equilibria after adaptation, (4) who wins, who loses, and what new problems appear, (5) the weakest assumption in the whole chain. Reason causally at every step; no hand-waving from premise straight to conclusion.
464 +
465 +What if:
466 +{{input}}`,
467 + },
468 + {
469 + id: 'character-builder',
470 + title: 'Character Builder',
471 + category: 'Creativity',
472 + body: `You are a character designer for novels and games. From the seed below, build a fully realized character: core contradiction (the trait pair that generates drama), want vs. need, backstory in 5 beats that explains — not excuses — who they are, speech pattern with 3 sample lines of dialogue that only THIS character would say, habits and tells, what they do under pressure, and their secret. Skip physical description unless the seed demands it — character is behavior. End with the story situation this character was born to detonate.
473 +
474 +Character seed:
475 +{{input}}`,
476 + },
477 + {
478 + id: 'headline-variations',
479 + title: 'Headline Variations',
480 + category: 'Creativity',
481 + body: `You are a copywriter who A/B tests everything. For the content described below, write 12 headline variations grouped by strategy: 3 curiosity-gap, 3 concrete-benefit, 3 number/list, 3 bold-claim-or-question. Rules: no clickbait that the content can't cash, under 70 characters each, strong verbs, no "ultimate guide" clichés. Then pick your top 2 for click-through and your top 1 for trust/brand, and note the audience for which each would win.
482 +
483 +Content:
484 +{{input}}`,
485 + },
486 +
487 + // MARK: - Productivity
488 +
489 + {
490 + id: 'prioritize-my-tasks',
491 + title: 'Prioritize My Tasks',
492 + category: 'Productivity',
493 + body: `You are a productivity coach who uses Eisenhower and impact/effort thinking without the buzzword theater. Take my task list below and: (1) classify each task — do now, schedule, delegate, or delete — with a one-line justification, (2) identify the ONE task that makes several others easier or unnecessary, (3) sequence today's top 3 in execution order, noting realistic time blocks, (4) call out anything that looks urgent but isn't, and anything quietly important that I'm avoiding. Be direct; if a task should die, say so.
494 +
495 +My tasks (and any deadlines/context):
496 +{{input}}`,
497 + },
498 + {
499 + id: 'plan-my-week',
500 + title: 'Plan My Week',
501 + category: 'Productivity',
502 + body: `You are a calendar-realist planner: you design weeks people actually keep. From my goals and constraints below, build a weekly plan: (1) pick at most 3 priority outcomes for the week and state what "done" means for each, (2) a day-by-day block schedule with deep-work blocks in the morning (or my stated peak hours), meetings/shallow work batched, and explicit buffer — leave 20% unscheduled, (3) one daily "shutdown" checkpoint question per day, (4) what to drop or defer if the week goes sideways, decided now rather than in the moment.
503 +
504 +My goals, commitments, and constraints this week:
505 +{{input}}`,
506 + },
507 + {
508 + id: 'decision-framework',
509 + title: 'Decision Framework',
510 + category: 'Productivity',
511 + body: `You are a decision coach who separates the decision from the outcome. Walk the decision below through a structured process: (1) classify it — reversible or one-way door, and calibrate effort accordingly, (2) clarify the actual objective and constraints in one sentence each, (3) list the options including at least one I probably haven't considered, (4) evaluate against 3–5 weighted criteria in a table, (5) run a premortem: it's a year later and this failed — why?, (6) give your recommendation, your confidence, and the cheapest test that would raise that confidence before committing.
512 +
513 +Decision I'm facing:
514 +{{input}}`,
515 + },
516 + {
517 + id: 'meeting-agenda',
518 + title: 'Meeting Agenda',
519 + category: 'Productivity',
520 + body: `You are a meeting designer who believes most meetings should be shorter or emails. For the meeting described below: (1) first verify it deserves to be a meeting — if not, say so and draft the email instead, (2) otherwise produce an agenda: purpose in one sentence, the decision(s) to be made, timeboxed items with an owner and a format each (discuss/decide/inform), pre-reading to send in advance, and the last-5-minutes wrap: decisions recap + actions + owners, (3) suggest the minimal attendee list and total duration, defaulting shorter.
521 +
522 +Meeting purpose and context:
523 +{{input}}`,
524 + },
525 + {
526 + id: 'delegation-brief',
527 + title: 'Delegation Brief',
528 + category: 'Productivity',
529 + body: `You are an operations lead who delegates outcomes, not tasks. Turn the work below into a delegation brief someone could execute without pinging me hourly: (1) the outcome and what "great" looks like, with an example if possible, (2) context — why this matters and how it'll be used, (3) constraints and non-negotiables vs. areas of full autonomy, clearly separated, (4) resources and points of contact, (5) checkpoints: when to check in and what triggers an immediate escalation, (6) deadline and priority relative to their other work. Keep it under a page.
530 +
531 +Work to delegate (and to whom, if known):
532 +{{input}}`,
533 + },
534 + {
535 + id: 'break-down-a-project',
536 + title: 'Break Down a Project',
537 + category: 'Productivity',
538 + body: `You are a project planner allergic to vague milestones. Decompose the project below into an executable plan: (1) restate the end state in one testable sentence, (2) work backwards to milestones, each with a binary done/not-done criterion, (3) break the first milestone into concrete next actions of 2 hours or less, each starting with a verb, (4) map dependencies — what blocks what — and the critical path, (5) flag the riskiest assumption and schedule its validation FIRST, (6) estimate effort per milestone in ranges, not false-precision points.
539 +
540 +Project:
541 +{{input}}`,
542 + },
543 + {
544 + id: 'standup-update',
545 + title: 'Standup Update',
546 + category: 'Productivity',
547 + body: `You are a communication-efficiency editor. Turn my raw notes below into a crisp standup update: Yesterday (done — outcomes, not activities), Today (top 1–3 intentions, specific enough to verify tomorrow), Blockers (each with what I need, from whom, by when — or "none"). Maximum 80 words total, scannable, no throat-clearing. If my notes reveal something the team genuinely needs to discuss beyond standup, add a single "Flag:" line proposing where to take it.
548 +
549 +My raw notes:
550 +{{input}}`,
551 + },
552 +] as const
553 +
554 +/** Template categories in native order. */
555 +export const TEMPLATE_CATEGORIES: readonly string[] = [
556 + 'Writing',
557 + 'Coding',
558 + 'Analysis',
559 + 'Translation & Language',
560 + 'Business',
561 + 'Learning',
562 + 'Creativity',
563 + 'Productivity',
564 +] as const
modified src/state/store.ts +11 −4
@@ -14,6 +14,7 @@
14 14
15 15 import { create } from 'zustand'
16 16 import { cheapestModel, defaultModel, findModel, pricedCost } from '../features/catalogHelpers'
17 +import { autoTrimForContext } from '../features/conversationTools'
17 18 import { clientFor } from '../providers/registry'
18 19 import { ProviderError } from '../providers/types'
19 20 import {
@@ -214,10 +215,16 @@ export const useStore = create<ZyquoState>((set, get) => {
214 215
215 216 const source = get().conversations.find((c) => c.id === conversationID)
216 217 if (!source) return
217 − // Request context: all messages except the placeholder and errored turns.
218 − const requestMessages = source.messages.filter(
219 − (m) => m.id !== placeholder.id && !m.errorText
220 − )
218 + // Request context: all messages except the placeholder and errored turns,
219 + // auto-trimmed (oldest first, system prompt kept) when near the window.
220 + const { messages: trimmedMessages, trimmed } = autoTrimForContext({
221 + ...source,
222 + messages: source.messages.filter((m) => m.id !== placeholder.id),
223 + })
224 + if (trimmed > 0) {
225 + get().toast(`Context nearly full — trimmed ${trimmed} oldest turn${trimmed > 1 ? 's' : ''}`)
226 + }
227 + const requestMessages = trimmedMessages
221 228 const proxy = get().settings.proxyBaseURLs[model.provider]
222 229
223 230 const patchMessage = (patch: (m: Message) => Message, save = false) => {
modified tsconfig.app.tsbuildinfo +1 −1
@@ -1 +1 @@
1 −{"root":["./src/app.tsx","./src/main.tsx","./src/vite-env.d.ts","./src/components/chatview.tsx","./src/components/firstrun.tsx","./src/components/inputbar.tsx","./src/components/markdown.tsx","./src/components/messagebubble.tsx","./src/components/modelmenu.tsx","./src/components/paramspanel.tsx","./src/components/settingsmodal.tsx","./src/components/sidebar.tsx","./src/components/suggestiongrid.tsx","./src/components/toasts.tsx","./src/components/zyquoglyph.tsx","./src/components/icons.tsx","./src/features/streamtestview.tsx","./src/features/cataloghelpers.ts","./src/features/devharness.ts","./src/features/exporters.ts","./src/providers/anthropic.ts","./src/providers/catalog.ts","./src/providers/openaicompatible.ts","./src/providers/registry.ts","./src/providers/sse.ts","./src/providers/testkey.ts","./src/providers/types.ts","./src/state/store.ts","./src/storage/backup.ts","./src/storage/conversations.ts","./src/storage/db.ts","./src/storage/keys.ts","./src/storage/settings.ts","./src/storage/vault.ts","./src/types/index.ts"],"version":"5.9.3"}
\ No newline at end of file
1 +{"root":["./src/app.tsx","./src/main.tsx","./src/vite-env.d.ts","./src/components/chatview.tsx","./src/components/commandpalette.tsx","./src/components/compareview.tsx","./src/components/firstrun.tsx","./src/components/inputbar.tsx","./src/components/markdown.tsx","./src/components/mermaid.tsx","./src/components/messagebubble.tsx","./src/components/modelmenu.tsx","./src/components/paramspanel.tsx","./src/components/settingsmodal.tsx","./src/components/sidebar.tsx","./src/components/slashmenu.tsx","./src/components/suggestiongrid.tsx","./src/components/toasts.tsx","./src/components/zyquoglyph.tsx","./src/components/icons.tsx","./src/design/accents.ts","./src/features/streamtestview.tsx","./src/features/cataloghelpers.ts","./src/features/conversationtools.ts","./src/features/devharness.ts","./src/features/exporters.ts","./src/features/personasdata.ts","./src/features/promptlibrarydata.ts","./src/providers/anthropic.ts","./src/providers/catalog.ts","./src/providers/openaicompatible.ts","./src/providers/registry.ts","./src/providers/sse.ts","./src/providers/testkey.ts","./src/providers/types.ts","./src/state/store.ts","./src/storage/backup.ts","./src/storage/conversations.ts","./src/storage/db.ts","./src/storage/keys.ts","./src/storage/settings.ts","./src/storage/vault.ts","./src/types/index.ts"],"version":"5.9.3"}
\ No newline at end of file
modified vite.config.ts +24 −4
@@ -15,12 +15,32 @@ export default defineConfig({
15 15 react(),
16 16 VitePWA({
17 17 registerType: 'autoUpdate',
18 − // The service worker caches the app shell only — NEVER provider API
19 − // responses or anything containing keys/conversation content.
18 + // The service worker precaches the app shell only (index + main bundle +
19 + // icons) — NEVER provider API responses or anything containing keys or
20 + // conversation content. Lazy chunks (mermaid, katex fonts) are cached at
21 + // runtime on first use, same-origin only.
20 22 workbox: {
21 − globPatterns: ['**/*.{js,css,html,svg,png,woff2,webmanifest}'],
23 + globPatterns: [
24 + 'index.html',
25 + 'registerSW.js',
26 + 'manifest.webmanifest',
27 + 'assets/index-*.js',
28 + 'assets/index-*.css',
29 + 'icons/*.{svg,png}',
30 + ],
22 31 navigateFallback: 'index.html',
23 − runtimeCaching: [],
32 + runtimeCaching: [
33 + {
34 + // Same-origin lazy assets only (providers are never under /assets/,
35 + // and runtime caching applies to GET requests only).
36 + urlPattern: /\/assets\/.+\.(js|css|woff2)$/,
37 + handler: 'CacheFirst',
38 + options: {
39 + cacheName: 'zyquo-shell-lazy',
40 + expiration: { maxEntries: 200, maxAgeSeconds: 60 * 60 * 24 * 90 },
41 + },
42 + },
43 + ],
24 44 },
25 45 manifest: {
26 46 name: 'Zyquo Cloud',
27 47