From b6dc71421a1ae87b4ef6696e6b6987ff9c845f28 Mon Sep 17 00:00:00 2001
From: Kevin Turcios <turcioskevinr@gmail.com>
Date: Sun, 15 Feb 2026 03:54:13 -0500
Subject: [PATCH 1/3] chore: update tessl.json with npm tile entries

---
 tessl.json | 156 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 156 insertions(+)

diff --git a/tessl.json b/tessl.json
index e08d23455..081840b62 100644
--- a/tessl.json
+++ b/tessl.json
@@ -10,6 +10,162 @@
     },
     "codeflash/codeflash-internal-skills": {
       "version": "0.1.0"
+    },
+    "tessl/npm-anthropic-ai--sdk": {
+      "version": "0.70.0"
+    },
+    "tessl/npm-azure--msal-node": {
+      "version": "3.7.0"
+    },
+    "tessl/npm-monaco-editor--react": {
+      "version": "4.7.0"
+    },
+    "tessl/npm-radix-ui--react-dialog": {
+      "version": "1.1.0"
+    },
+    "tessl/npm-radix-ui--react-dropdown-menu": {
+      "version": "2.1.0"
+    },
+    "tessl/npm-radix-ui--react-navigation-menu": {
+      "version": "1.2.0"
+    },
+    "tessl/npm-radix-ui--react-progress": {
+      "version": "1.1.0"
+    },
+    "tessl/npm-radix-ui--react-slot": {
+      "version": "1.2.0"
+    },
+    "tessl/npm-radix-ui--react-tooltip": {
+      "version": "1.2.0"
+    },
+    "tessl/npm-testing-library--react": {
+      "version": "16.3.2"
+    },
+    "tessl/npm-types--react": {
+      "version": "18.3.0"
+    },
+    "tessl/npm-typescript-eslint--eslint-plugin": {
+      "version": "8.42.0"
+    },
+    "tessl/npm-typescript-eslint--parser": {
+      "version": "8.42.0"
+    },
+    "tessl/npm-vitejs--plugin-react": {
+      "version": "5.1.0"
+    },
+    "tessl/npm-chart-js": {
+      "version": "4.3.0"
+    },
+    "tessl/npm-clsx": {
+      "version": "2.1.0"
+    },
+    "tessl/npm-date-fns": {
+      "version": "4.1.0"
+    },
+    "tessl/npm-diff": {
+      "version": "7.0.0"
+    },
+    "tessl/npm-eslint-config-prettier": {
+      "version": "10.1.0"
+    },
+    "tessl/npm-eslint-plugin-import": {
+      "version": "2.32.0"
+    },
+    "tessl/npm-eslint-plugin-promise": {
+      "version": "6.6.0"
+    },
+    "tessl/npm-eslint-plugin-react": {
+      "version": "7.37.0"
+    },
+    "tessl/npm-eslint": {
+      "version": "8.57.0"
+    },
+    "tessl/npm-framer-motion": {
+      "version": "12.23.0"
+    },
+    "tessl/npm-github-markdown-css": {
+      "version": "5.8.0"
+    },
+    "tessl/npm-jsdom": {
+      "version": "27.4.0"
+    },
+    "tessl/npm-jsonwebtoken": {
+      "version": "9.0.0"
+    },
+    "tessl/npm-lint-staged": {
+      "version": "15.5.0"
+    },
+    "tessl/npm-lucide-react": {
+      "version": "0.542.0"
+    },
+    "tessl/npm-marked": {
+      "version": "17.0.0"
+    },
+    "tessl/npm-next": {
+      "version": "14.2.0"
+    },
+    "tessl/npm-pg": {
+      "version": "8.16.0"
+    },
+    "tessl/npm-postcss": {
+      "version": "8.5.0"
+    },
+    "tessl/npm-posthog-js": {
+      "version": "1.335.0"
+    },
+    "tessl/npm-posthog-node": {
+      "version": "5.13.0"
+    },
+    "tessl/npm-prettier": {
+      "version": "3.6.0"
+    },
+    "tessl/npm-prism-react-renderer": {
+      "version": "2.4.0"
+    },
+    "tessl/npm-prisma": {
+      "version": "6.15.0"
+    },
+    "tessl/npm-react-chartjs-2": {
+      "version": "5.3.0"
+    },
+    "tessl/npm-react-dom": {
+      "version": "18.3.0"
+    },
+    "tessl/npm-react-markdown": {
+      "version": "9.1.0"
+    },
+    "tessl/npm-react-syntax-highlighter": {
+      "version": "15.6.0"
+    },
+    "tessl/npm-react": {
+      "version": "18.3.0"
+    },
+    "tessl/npm-remark-gfm": {
+      "version": "4.0.0"
+    },
+    "tessl/npm-sharp": {
+      "version": "0.34.0"
+    },
+    "tessl/npm-sonner": {
+      "version": "1.7.0"
+    },
+    "tessl/npm-tailwind-merge": {
+      "version": "2.6.0"
+    },
+    "tessl/npm-tailwindcss": {
+      "version": "3.4.0"
+    },
+    "tessl/npm-typescript": {
+      "version": "5.9.1"
+    },
+    "tessl/npm-vitest": {
+      "version": "3.2.0"
+    },
+    "tessl/npm-web-tree-sitter": {
+      "version": "0.25.0"
+    },
+    "tessl/npm-zod": {
+      "version": "3.25.0"
     }
   }
 }

From 9ab71ad672bcbf51ad992463a658fc2405a3e89c Mon Sep 17 00:00:00 2001
From: Kevin Turcios <turcioskevinr@gmail.com>
Date: Sun, 15 Feb 2026 03:55:12 -0500
Subject: [PATCH 2/3] chore: add .next/ to gitignore

---
 .gitignore | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/.gitignore b/.gitignore
index 1cd35240a..fa8024b0c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -255,5 +255,8 @@ fabric.properties
 
 */node_modules/*
 
+# Next.js
+.next/
+
 /cli/experiments/js-serialization-experiment/node_modules/*
 /cli/packages/codeflash/.npmrc

From 6933fe07acc72c63c8ec9177c117cffaad66b392 Mon Sep 17 00:00:00 2001
From: Kevin Turcios <turcioskevinr@gmail.com>
Date: Sun, 15 Feb 2026 03:56:05 -0500
Subject: [PATCH 3/3] chore: add npm tessl tiles from tessl install

---
 .../npm-anthropic-ai--sdk/docs/batches.md     |  681 +++++
 .../docs/beta-features.md                     |  678 +++++
 .../npm-anthropic-ai--sdk/docs/client.md      |  744 ++++++
 .../npm-anthropic-ai--sdk/docs/completions.md |  208 ++
 .../npm-anthropic-ai--sdk/docs/errors.md      |  697 +++++
 .../tessl/npm-anthropic-ai--sdk/docs/files.md |  491 ++++
 .../tessl/npm-anthropic-ai--sdk/docs/index.md |  434 ++++
 .../npm-anthropic-ai--sdk/docs/messages.md    | 1025 ++++++++
 .../npm-anthropic-ai--sdk/docs/models.md      |  351 +++
 .../npm-anthropic-ai--sdk/docs/skills.md      |  464 ++++
 .../npm-anthropic-ai--sdk/docs/streaming.md   | 1056 ++++++++
 .../tessl/npm-anthropic-ai--sdk/docs/tools.md | 1189 +++++++++
 .../tessl/npm-anthropic-ai--sdk/docs/types.md | 1084 ++++++++
 .../tessl/npm-anthropic-ai--sdk/tile.json     |    8 +
 .../docs/authentication-flows.md              |  601 +++++
 .../docs/confidential-client.md               |  512 ++++
 .../docs/configuration.md                     |  746 ++++++
 .../docs/error-handling.md                    |  653 +++++
 .../tessl/npm-azure--msal-node/docs/index.md  |  475 ++++
 .../docs/managed-identity.md                  |  438 ++++
 .../docs/public-client.md                     |  421 ++++
 .../npm-azure--msal-node/docs/token-cache.md  |  681 +++++
 .../tessl/npm-azure--msal-node/tile.json      |    7 +
 .../npm-chart-js/docs/chart-management.md     |  346 +++
 .../tessl/npm-chart-js/docs/chart-types.md    |  461 ++++
 .tessl/tiles/tessl/npm-chart-js/docs/index.md |  291 +++
 .../tiles/tessl/npm-chart-js/docs/plugins.md  |  529 ++++
 .../tiles/tessl/npm-chart-js/docs/scales.md   |  469 ++++
 .../tessl/npm-chart-js/docs/utilities.md      |  495 ++++
 .../npm-chart-js/docs/visual-elements.md      |  418 +++
 .tessl/tiles/tessl/npm-chart-js/tile.json     |    8 +
 .tessl/tiles/tessl/npm-clsx/docs/index.md     |  237 ++
 .tessl/tiles/tessl/npm-clsx/tile.json         |    7 +
 .../tessl/npm-date-fns/docs/arithmetic.md     |  377 +++
 .../tessl/npm-date-fns/docs/components.md     |  527 ++++
 .../tessl/npm-date-fns/docs/constants.md      |  525 ++++
 .../tessl/npm-date-fns/docs/formatting.md     |  486 ++++
 .tessl/tiles/tessl/npm-date-fns/docs/fp.md    |  477 ++++
 .tessl/tiles/tessl/npm-date-fns/docs/i18n.md  |  552 ++++
 .tessl/tiles/tessl/npm-date-fns/docs/index.md |  267 ++
 .../tiles/tessl/npm-date-fns/docs/parsing.md  |  381 +++
 .../tiles/tessl/npm-date-fns/docs/periods.md  |  612 +++++
 .../tessl/npm-date-fns/docs/validation.md     |  467 ++++
 .tessl/tiles/tessl/npm-date-fns/tile.json     |    7 +
 .../tessl/npm-diff/docs/array-diffing.md      |  266 ++
 .../tessl/npm-diff/docs/character-diffing.md  |  150 ++
 .../tiles/tessl/npm-diff/docs/css-diffing.md  |  351 +++
 .../tessl/npm-diff/docs/custom-diffing.md     |  235 ++
 .../tessl/npm-diff/docs/format-conversion.md  |  385 +++
 .tessl/tiles/tessl/npm-diff/docs/index.md     |  241 ++
 .../tiles/tessl/npm-diff/docs/json-diffing.md |  384 +++
 .../tiles/tessl/npm-diff/docs/line-diffing.md |  220 ++
 .../tessl/npm-diff/docs/patch-application.md  |  433 ++++
 .../tessl/npm-diff/docs/patch-creation.md     |  409 +++
 .../tessl/npm-diff/docs/patch-utilities.md    |  454 ++++
 .../tessl/npm-diff/docs/sentence-diffing.md   |  227 ++
 .../tiles/tessl/npm-diff/docs/word-diffing.md |  189 ++
 .tessl/tiles/tessl/npm-diff/tile.json         |    7 +
 .../npm-eslint-config-prettier/docs/index.md  |  460 ++++
 .../npm-eslint-config-prettier/tile.json      |    7 +
 .../docs/configuration-presets.md             |  478 ++++
 .../docs/helpful-warnings-rules.md            |  370 +++
 .../npm-eslint-plugin-import/docs/index.md    |  207 ++
 .../docs/module-systems-rules.md              |  332 +++
 .../docs/plugin-interface.md                  |  296 +++
 .../docs/static-analysis-rules.md             |  655 +++++
 .../docs/style-guide-rules.md                 |  755 ++++++
 .../tessl/npm-eslint-plugin-import/tile.json  |    7 +
 .../docs/async-patterns.md                    |  325 +++
 .../docs/compatibility.md                     |  344 +++
 .../docs/constructors.md                      |  256 ++
 .../docs/flow-control.md                      |  233 ++
 .../npm-eslint-plugin-promise/docs/index.md   |  257 ++
 .../tessl/npm-eslint-plugin-promise/tile.json |    7 +
 .../docs/code-style-rules.md                  |  525 ++++
 .../docs/component-lifecycle-rules.md         |  466 ++++
 .../npm-eslint-plugin-react/docs/index.md     |  359 +++
 .../docs/jsx-syntax-rules.md                  |  459 ++++
 .../docs/plugin-configuration.md              |  329 +++
 .../docs/prop-validation-rules.md             |  425 ++++
 .../docs/react-component-rules.md             |  351 +++
 .../docs/security-safety-rules.md             |  422 ++++
 .../tessl/npm-eslint-plugin-react/tile.json   |    7 +
 .tessl/tiles/tessl/npm-eslint/docs/cli.md     |  452 ++++
 .../tessl/npm-eslint/docs/flat-config.md      |  597 +++++
 .tessl/tiles/tessl/npm-eslint/docs/index.md   |  260 ++
 .../tessl/npm-eslint/docs/legacy-eslint.md    |  513 ++++
 .tessl/tiles/tessl/npm-eslint/docs/linting.md |  450 ++++
 .../tessl/npm-eslint/docs/rule-testing.md     |  500 ++++
 .../tessl/npm-eslint/docs/source-code.md      |  622 +++++
 .tessl/tiles/tessl/npm-eslint/tile.json       |    7 +
 .../docs/animation-controls.md                |  382 +++
 .../npm-framer-motion/docs/configuration.md   |  726 ++++++
 .../npm-framer-motion/docs/dom-utilities.md   |  636 +++++
 .../tessl/npm-framer-motion/docs/gestures.md  |  649 +++++
 .../tessl/npm-framer-motion/docs/index.md     |  479 ++++
 .../npm-framer-motion/docs/layout-presence.md |  692 +++++
 .../docs/motion-components.md                 |  428 ++++
 .../npm-framer-motion/docs/motion-values.md   |  526 ++++
 .../npm-framer-motion/docs/scroll-view.md     |  563 +++++
 .../tiles/tessl/npm-framer-motion/tile.json   |    7 +
 .../npm-github-markdown-css/docs/index.md     |  606 +++++
 .../tessl/npm-github-markdown-css/tile.json   |    7 +
 .../npm-jsdom/docs/api/cookie-management.md   |  402 +++
 .../npm-jsdom/docs/api/jsdom-constructor.md   |  541 ++++
 .../npm-jsdom/docs/api/resource-loading.md    |  598 +++++
 .../npm-jsdom/docs/api/virtual-console.md     |  378 +++
 .../npm-jsdom/docs/api/window-dom-apis.md     |  870 +++++++
 .../tessl/npm-jsdom/docs/guides/advanced.md   |  330 +++
 .../npm-jsdom/docs/guides/common-patterns.md  |  272 ++
 .../npm-jsdom/docs/guides/getting-started.md  |  184 ++
 .tessl/tiles/tessl/npm-jsdom/docs/index.md    |  375 +++
 .tessl/tiles/tessl/npm-jsdom/tile.json        |    8 +
 .../tessl/npm-jsonwebtoken/docs/index.md      |  376 +++
 .tessl/tiles/tessl/npm-jsonwebtoken/tile.json |    7 +
 .../tiles/tessl/npm-lint-staged/docs/cli.md   |  279 +++
 .../tiles/tessl/npm-lint-staged/docs/index.md |  130 +
 .../npm-lint-staged/docs/programmatic-api.md  |  247 ++
 .tessl/tiles/tessl/npm-lint-staged/tile.json  |    7 +
 .../npm-lucide-react/docs/custom-icons.md     |  318 +++
 .../npm-lucide-react/docs/dynamic-icons.md    |  263 ++
 .../tessl/npm-lucide-react/docs/index.md      |  148 ++
 .../npm-lucide-react/docs/static-icons.md     |  303 +++
 .tessl/tiles/tessl/npm-lucide-react/tile.json |    7 +
 .../npm-marked/docs/examples/edge-cases.md    |  452 ++++
 .../docs/examples/real-world-scenarios.md     |  694 +++++
 .../npm-marked/docs/guides/async-patterns.md  |   41 +
 .../npm-marked/docs/guides/error-handling.md  |   56 +
 .../npm-marked/docs/guides/extensions.md      |   66 +
 .../tessl/npm-marked/docs/guides/migration.md |   54 +
 .../npm-marked/docs/guides/performance.md     |   58 +
 .../npm-marked/docs/guides/quick-start.md     |  358 +++
 .../tessl/npm-marked/docs/guides/rendering.md |   44 +
 .../tessl/npm-marked/docs/guides/security.md  |   47 +
 .../docs/guides/token-manipulation.md         |   59 +
 .../npm-marked/docs/guides/troubleshooting.md |   63 +
 .../npm-marked/docs/guides/typescript.md      |   52 +
 .tessl/tiles/tessl/npm-marked/docs/index.md   |  370 +++
 .../tessl/npm-marked/docs/reference/api.md    |  369 +++
 .../npm-marked/docs/reference/architecture.md |   53 +
 .../tessl/npm-marked/docs/reference/cli.md    |   48 +
 .../npm-marked/docs/reference/extensions.md   | 1675 +++++++++++++
 .../tessl/npm-marked/docs/reference/hooks.md  |  895 +++++++
 .../tessl/npm-marked/docs/reference/lexer.md  |  677 +++++
 .../npm-marked/docs/reference/options.md      |  741 ++++++
 .../docs/reference/parser-renderer.md         |  873 +++++++
 .../npm-marked/docs/reference/tokenizer.md    | 1005 ++++++++
 .../tessl/npm-marked/docs/reference/types.md  | 1354 ++++++++++
 .tessl/tiles/tessl/npm-marked/tile.json       |    8 +
 .../docs/diff-editor.md                       |  445 ++++
 .../npm-monaco-editor--react/docs/editor.md   |  376 +++
 .../npm-monaco-editor--react/docs/index.md    |  208 ++
 .../npm-monaco-editor--react/docs/loader.md   |  409 +++
 .../docs/monaco-hook.md                       |  436 ++++
 .../tessl/npm-monaco-editor--react/tile.json  |    7 +
 .../npm-next/docs/app-router-navigation.md    |  368 +++
 .../tiles/tessl/npm-next/docs/components.md   |  436 ++++
 .../tessl/npm-next/docs/core-framework.md     |  369 +++
 .../tessl/npm-next/docs/dynamic-imports.md    |  440 ++++
 .tessl/tiles/tessl/npm-next/docs/fonts.md     |  415 +++
 .tessl/tiles/tessl/npm-next/docs/index.md     |  416 +++
 .tessl/tiles/tessl/npm-next/docs/metadata.md  |  423 ++++
 .../npm-next/docs/pages-router-navigation.md  |  517 ++++
 .../tessl/npm-next/docs/server-functions.md   |  461 ++++
 .../tessl/npm-next/docs/server-runtime.md     |  428 ++++
 .../tiles/tessl/npm-next/docs/web-vitals.md   |  166 ++
 .tessl/tiles/tessl/npm-next/tile.json         |    7 +
 .tessl/tiles/tessl/npm-pg/docs/client.md      |  376 +++
 .../tessl/npm-pg/docs/connection-string.md    |  302 +++
 .tessl/tiles/tessl/npm-pg/docs/cursor.md      |  440 ++++
 .tessl/tiles/tessl/npm-pg/docs/index.md       |  340 +++
 .tessl/tiles/tessl/npm-pg/docs/pool.md        |  368 +++
 .../tiles/tessl/npm-pg/docs/query-stream.md   |  491 ++++
 .tessl/tiles/tessl/npm-pg/docs/query.md       |  455 ++++
 .tessl/tiles/tessl/npm-pg/docs/types.md       |  400 +++
 .tessl/tiles/tessl/npm-pg/docs/utilities.md   |  479 ++++
 .tessl/tiles/tessl/npm-pg/tile.json           |    7 +
 .../tiles/tessl/npm-postcss/docs/ast-nodes.md |  708 ++++++
 .../tessl/npm-postcss/docs/core-processing.md |  542 ++++
 .tessl/tiles/tessl/npm-postcss/docs/index.md  |  280 +++
 .../tessl/npm-postcss/docs/plugin-system.md   |  556 ++++
 .../tessl/npm-postcss/docs/results-errors.md  |  646 +++++
 .../tiles/tessl/npm-postcss/docs/utilities.md |  548 ++++
 .tessl/tiles/tessl/npm-postcss/tile.json      |    7 +
 .../docs/examples/edge-cases.md               |  496 ++++
 .../docs/examples/real-world-scenarios.md     |  458 ++++
 .../docs/guides/best-practices.md             |  785 ++++++
 .../npm-posthog-js/docs/guides/quick-start.md |  183 ++
 .../tiles/tessl/npm-posthog-js/docs/index.md  |  383 +++
 .../npm-posthog-js/docs/reference/advanced.md | 2231 +++++++++++++++++
 .../docs/reference/conversations.md           |  297 +++
 .../docs/reference/early-access-features.md   |  349 +++
 .../docs/reference/error-tracking.md          | 1122 +++++++++
 .../npm-posthog-js/docs/reference/events.md   |  882 +++++++
 .../docs/reference/feature-flags.md           | 1701 +++++++++++++
 .../npm-posthog-js/docs/reference/heatmaps.md |  480 ++++
 .../docs/reference/identification.md          |  561 +++++
 .../docs/reference/initialization.md          | 1096 ++++++++
 .../npm-posthog-js/docs/reference/privacy.md  | 1459 +++++++++++
 .../docs/reference/product-tours.md           |  383 +++
 .../docs/reference/sentry-integration.md      |  314 +++
 .../docs/reference/session-recording.md       | 1383 ++++++++++
 .../npm-posthog-js/docs/reference/surveys.md  |  972 +++++++
 .../npm-posthog-js/docs/reference/toolbar.md  |  262 ++
 .../npm-posthog-js/docs/reference/types.md    | 2091 +++++++++++++++
 .../docs/reference/web-experiments.md         |  267 ++
 .tessl/tiles/tessl/npm-posthog-js/tile.json   |    8 +
 .../docs/client-configuration.md              |  414 +++
 .../npm-posthog-node/docs/error-tracking.md   |  652 +++++
 .../npm-posthog-node/docs/event-tracking.md   |  518 ++++
 .../npm-posthog-node/docs/experimental.md     | 1154 +++++++++
 .../docs/express-integration.md               |  401 +++
 .../npm-posthog-node/docs/feature-flags.md    | 1132 +++++++++
 .../npm-posthog-node/docs/identification.md   |  611 +++++
 .../tessl/npm-posthog-node/docs/index.md      |  356 +++
 .../docs/sentry-integration.md                |  936 +++++++
 .tessl/tiles/tessl/npm-posthog-node/tile.json |    8 +
 .../tessl/npm-prettier/docs/configuration.md  |  371 +++
 .../npm-prettier/docs/core-formatting.md      |  248 ++
 .../npm-prettier/docs/document-builders.md    |  608 +++++
 .../tessl/npm-prettier/docs/file-analysis.md  |  415 +++
 .tessl/tiles/tessl/npm-prettier/docs/index.md |  330 +++
 .../npm-prettier/docs/plugin-development.md   |  311 +++
 .../tessl/npm-prettier/docs/utilities.md      |  520 ++++
 .tessl/tiles/tessl/npm-prettier/tile.json     |    7 +
 .../docs/component-hooks.md                   |  285 +++
 .../npm-prism-react-renderer/docs/index.md    |  217 ++
 .../npm-prism-react-renderer/docs/themes.md   |  271 ++
 .../docs/utilities.md                         |  238 ++
 .../tessl/npm-prism-react-renderer/tile.json  |    7 +
 .../npm-prisma/docs/client-generation.md      |  219 ++
 .../npm-prisma/docs/database-operations.md    |  307 +++
 .tessl/tiles/tessl/npm-prisma/docs/index.md   |  319 +++
 .../tiles/tessl/npm-prisma/docs/mcp-server.md |  429 ++++
 .../npm-prisma/docs/migration-management.md   |  392 +++
 .../npm-prisma/docs/platform-integration.md   |  455 ++++
 .../npm-prisma/docs/schema-management.md      |  483 ++++
 .../tessl/npm-prisma/docs/studio-interface.md |  325 +++
 .tessl/tiles/tessl/npm-prisma/tile.json       |    7 +
 .../docs/advanced-context.md                  |  324 +++
 .../docs/content-accessibility.md             |  465 ++++
 .../docs/dialog-root.md                       |  169 ++
 .../npm-radix-ui--react-dialog/docs/index.md  |  239 ++
 .../docs/portal-layout.md                     |  304 +++
 .../docs/triggers-controls.md                 |  247 ++
 .../npm-radix-ui--react-dialog/tile.json      |    7 +
 .../docs/core-components.md                   |  182 ++
 .../docs/index.md                             |  269 ++
 .../docs/layout-components.md                 |  223 ++
 .../docs/menu-items.md                        |  231 ++
 .../docs/portal-context.md                    |  188 ++
 .../docs/submenus.md                          |  230 ++
 .../tile.json                                 |    7 +
 .../docs/content-management.md                |  403 +++
 .../docs/core-components.md                   |  269 ++
 .../docs/index.md                             |  290 +++
 .../docs/indicators-submenus.md               |  417 +++
 .../docs/interactive-elements.md              |  295 +++
 .../docs/utility-functions.md                 |  182 ++
 .../tile.json                                 |    7 +
 .../docs/index.md                             |  283 +++
 .../npm-radix-ui--react-progress/tile.json    |    7 +
 .../npm-radix-ui--react-slot/docs/index.md    |  270 ++
 .../tessl/npm-radix-ui--react-slot/tile.json  |    7 +
 .../npm-radix-ui--react-tooltip/docs/arrow.md |  238 ++
 .../npm-radix-ui--react-tooltip/docs/index.md |  265 ++
 .../docs/portal-content.md                    |  326 +++
 .../docs/provider.md                          |  118 +
 .../docs/tooltip-root.md                      |  172 ++
 .../docs/trigger.md                           |  185 ++
 .../docs/utilities.md                         |  250 ++
 .../npm-radix-ui--react-tooltip/tile.json     |    7 +
 .../docs/chart-components.md                  |  363 +++
 .../docs/event-handling.md                    |  329 +++
 .../tessl/npm-react-chartjs-2/docs/index.md   |  243 ++
 .../tiles/tessl/npm-react-chartjs-2/tile.json |    7 +
 .../npm-react-dom/docs/client-rendering.md    |  265 ++
 .../tiles/tessl/npm-react-dom/docs/index.md   |  185 ++
 .../npm-react-dom/docs/server-rendering.md    |  364 +++
 .../npm-react-dom/docs/testing-utilities.md   |  390 +++
 .tessl/tiles/tessl/npm-react-dom/tile.json    |    7 +
 .../docs/component-customization.md           |  325 +++
 .../npm-react-markdown/docs/configuration.md  |  233 ++
 .../docs/core-components.md                   |  103 +
 .../tessl/npm-react-markdown/docs/index.md    |  166 ++
 .../tessl/npm-react-markdown/docs/security.md |  355 +++
 .../tiles/tessl/npm-react-markdown/tile.json  |    7 +
 .../docs/async-builds.md                      |  457 ++++
 .../docs/index.md                             |  228 ++
 .../docs/language-support.md                  |  876 +++++++
 .../docs/light-builds.md                      |  286 +++
 .../docs/prism-integration.md                 |  567 +++++
 .../docs/standard-highlighter.md              |  250 ++
 .../docs/styling-themes.md                    |  679 +++++
 .../npm-react-syntax-highlighter/tile.json    |    7 +
 .../npm-react/docs/builtin-components.md      |  459 ++++
 .tessl/tiles/tessl/npm-react/docs/children.md |  612 +++++
 .../tiles/tessl/npm-react/docs/components.md  |  499 ++++
 .../tiles/tessl/npm-react/docs/concurrent.md  |  506 ++++
 .tessl/tiles/tessl/npm-react/docs/context.md  |  551 ++++
 .tessl/tiles/tessl/npm-react/docs/elements.md |  416 +++
 .tessl/tiles/tessl/npm-react/docs/hoc.md      |  427 ++++
 .tessl/tiles/tessl/npm-react/docs/hooks.md    |  697 +++++
 .tessl/tiles/tessl/npm-react/docs/index.md    |  295 +++
 .../tiles/tessl/npm-react/docs/jsx-runtime.md |  393 +++
 .tessl/tiles/tessl/npm-react/docs/refs.md     |  679 +++++
 .tessl/tiles/tessl/npm-react/tile.json        |    7 +
 .../tiles/tessl/npm-remark-gfm/docs/index.md  |  216 ++
 .tessl/tiles/tessl/npm-remark-gfm/tile.json   |    7 +
 .../tessl/npm-sharp/docs/color-channels.md    |  435 ++++
 .../tiles/tessl/npm-sharp/docs/composition.md |  396 +++
 .../tessl/npm-sharp/docs/constructor-input.md |  299 +++
 .tessl/tiles/tessl/npm-sharp/docs/index.md    |  296 +++
 .../tessl/npm-sharp/docs/metadata-stats.md    |  458 ++++
 .../npm-sharp/docs/operations-filters.md      |  616 +++++
 .../tessl/npm-sharp/docs/output-formats.md    |  625 +++++
 .../tessl/npm-sharp/docs/resize-geometry.md   |  363 +++
 .../npm-sharp/docs/utilities-performance.md   |  646 +++++
 .tessl/tiles/tessl/npm-sharp/tile.json        |    7 +
 .../docs/advanced-toast-features.md           |  492 ++++
 .../npm-sonner/docs/core-toast-functions.md   |  379 +++
 .tessl/tiles/tessl/npm-sonner/docs/index.md   |  287 +++
 .../tessl/npm-sonner/docs/react-hooks.md      |  432 ++++
 .../npm-sonner/docs/toaster-component.md      |  432 ++++
 .tessl/tiles/tessl/npm-sonner/tile.json       |    7 +
 .../npm-tailwind-merge/docs/configuration.md  |  281 +++
 .../npm-tailwind-merge/docs/core-functions.md |  115 +
 .../tessl/npm-tailwind-merge/docs/index.md    |  150 ++
 .../npm-tailwind-merge/docs/validation.md     |  322 +++
 .../tiles/tessl/npm-tailwind-merge/tile.json  |    7 +
 .../tiles/tessl/npm-tailwindcss/docs/cli.md   |  313 +++
 .../npm-tailwindcss/docs/configuration.md     |  309 +++
 .../tiles/tessl/npm-tailwindcss/docs/index.md |  271 ++
 .../tessl/npm-tailwindcss/docs/nesting.md     |  356 +++
 .../npm-tailwindcss/docs/plugin-system.md     |  493 ++++
 .../npm-tailwindcss/docs/postcss-plugin.md    |  144 ++
 .../npm-tailwindcss/docs/theme-colors.md      |  421 ++++
 .tessl/tiles/tessl/npm-tailwindcss/tile.json  |    7 +
 .../npm-testing-library--react/docs/async.md  |  463 ++++
 .../docs/configuration.md                     |  381 +++
 .../npm-testing-library--react/docs/events.md |  507 ++++
 .../npm-testing-library--react/docs/hooks.md  |  516 ++++
 .../npm-testing-library--react/docs/index.md  |  494 ++++
 .../docs/queries.md                           |  541 ++++
 .../docs/rendering.md                         |  389 +++
 .../npm-testing-library--react/tile.json      |    8 +
 .../docs/advanced-components.md               | 1018 ++++++++
 .../tessl/npm-types--react/docs/canary.md     | 1002 ++++++++
 .../tessl/npm-types--react/docs/context.md    |  921 +++++++
 .../tessl/npm-types--react/docs/core-api.md   |  649 +++++
 .../tessl/npm-types--react/docs/dom-types.md  | 1756 +++++++++++++
 .../tessl/npm-types--react/docs/events.md     |  906 +++++++
 .../npm-types--react/docs/experimental.md     |  826 ++++++
 .../tessl/npm-types--react/docs/hooks.md      |  682 +++++
 .../tessl/npm-types--react/docs/index.md      |  279 +++
 .../tiles/tessl/npm-types--react/docs/refs.md | 1016 ++++++++
 .tessl/tiles/tessl/npm-types--react/tile.json |    7 +
 .../docs/best-practices-rules.md              |  571 +++++
 .../docs/code-quality-rules.md                |  521 ++++
 .../docs/index.md                             |  229 ++
 .../docs/plugin-configuration.md              |  332 +++
 .../docs/style-formatting-rules.md            |  509 ++++
 .../docs/type-safety-rules.md                 |  501 ++++
 .../tile.json                                 |    7 +
 .../docs/index.md                             |  561 +++++
 .../npm-typescript-eslint--parser/tile.json   |    7 +
 .../tessl/npm-typescript/docs/ast/factory.md  |  640 +++++
 .../tessl/npm-typescript/docs/ast/nodes.md    | 1166 +++++++++
 .../npm-typescript/docs/ast/scanner-parser.md |  327 +++
 .../npm-typescript/docs/ast/type-guards.md    |  133 +
 .../npm-typescript/docs/core/compilation.md   |  589 +++++
 .../tessl/npm-typescript/docs/core/config.md  |  115 +
 .../docs/core/module-resolution.md            |  241 ++
 .../docs/core/solution-builder.md             |  401 +++
 .../tiles/tessl/npm-typescript/docs/index.md  |  373 +++
 .../docs/language-service/api.md              |  811 ++++++
 .../docs/language-service/completions.md      |  152 ++
 .../docs/language-service/formatting.md       |  355 +++
 .../docs/language-service/navigation.md       |  192 ++
 .../docs/language-service/refactorings.md     |  115 +
 .../docs/language-service/tsserver.md         |  459 ++++
 .../docs/transformation/context.md            |   79 +
 .../docs/transformation/emit-helpers.md       |  151 ++
 .../docs/transformation/transformers.md       |  613 +++++
 .../npm-typescript/docs/types/diagnostics.md  |  279 +++
 .../npm-typescript/docs/types/type-checker.md |  640 +++++
 .../docs/types/types-symbols.md               |  440 ++++
 .../npm-typescript/docs/types/utilities.md    |   22 +
 .../npm-typescript/docs/utilities/paths.md    |   67 +
 .../npm-typescript/docs/utilities/printer.md  |   76 +
 .../npm-typescript/docs/utilities/system.md   |  711 ++++++
 .../npm-typescript/docs/utilities/text.md     |   70 +
 .../docs/utilities/transpilation.md           |   72 +
 .tessl/tiles/tessl/npm-typescript/tile.json   |    8 +
 .../docs/babel-integration.md                 |  606 +++++
 .../npm-vitejs--plugin-react/docs/index.md    |  280 +++
 .../tessl/npm-vitejs--plugin-react/tile.json  |    7 +
 .../tiles/tessl/npm-vitest/docs/assertions.md |  466 ++++
 .../tessl/npm-vitest/docs/benchmarking.md     |  574 +++++
 .../tessl/npm-vitest/docs/configuration.md    |  702 ++++++
 .../tessl/npm-vitest/docs/core-testing-api.md |  366 +++
 .tessl/tiles/tessl/npm-vitest/docs/index.md   |  218 ++
 .tessl/tiles/tessl/npm-vitest/docs/mocking.md |  612 +++++
 .../tessl/npm-vitest/docs/nodejs-apis.md      |  649 +++++
 .../tessl/npm-vitest/docs/type-testing.md     |  400 +++
 .tessl/tiles/tessl/npm-vitest/tile.json       |    7 +
 .../tessl/npm-web-tree-sitter/docs/index.md   |  183 ++
 .../npm-web-tree-sitter/docs/language.md      |  298 +++
 .../tessl/npm-web-tree-sitter/docs/parser.md  |  225 ++
 .../tessl/npm-web-tree-sitter/docs/query.md   |  391 +++
 .../npm-web-tree-sitter/docs/tree-cursor.md   |  393 +++
 .../npm-web-tree-sitter/docs/tree-node.md     |  573 +++++
 .../tiles/tessl/npm-web-tree-sitter/tile.json |    7 +
 .../tessl/npm-zod/docs/advanced-schemas.md    |  280 +++
 .tessl/tiles/tessl/npm-zod/docs/errors.md     |  579 +++++
 .tessl/tiles/tessl/npm-zod/docs/index.md      |  363 +++
 .../tessl/npm-zod/docs/literals-enums.md      |  272 ++
 .tessl/tiles/tessl/npm-zod/docs/modifiers.md  |  408 +++
 .../tessl/npm-zod/docs/objects-arrays.md      |  541 ++++
 .tessl/tiles/tessl/npm-zod/docs/primitives.md |  383 +++
 .../tessl/npm-zod/docs/transformations.md     |  559 +++++
 .../npm-zod/docs/unions-intersections.md      |  268 ++
 .tessl/tiles/tessl/npm-zod/docs/utilities.md  |  505 ++++
 .tessl/tiles/tessl/npm-zod/docs/validation.md |  362 +++
 .tessl/tiles/tessl/npm-zod/tile.json          |    7 +
 425 files changed, 168775 insertions(+)
 create mode 100644 .tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/batches.md
 create mode 100644 .tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/beta-features.md
 create mode 100644 .tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/client.md
 create mode 100644 .tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/completions.md
 create mode 100644 .tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/errors.md
 create mode 100644 .tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/files.md
 create mode 100644 .tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/messages.md
 create mode 100644 .tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/models.md
 create mode 100644 .tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/skills.md
 create mode 100644 .tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/streaming.md
 create mode 100644 .tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/tools.md
 create mode 100644 .tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/types.md
 create mode 100644 .tessl/tiles/tessl/npm-anthropic-ai--sdk/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-azure--msal-node/docs/authentication-flows.md
 create mode 100644 .tessl/tiles/tessl/npm-azure--msal-node/docs/confidential-client.md
 create mode 100644 .tessl/tiles/tessl/npm-azure--msal-node/docs/configuration.md
 create mode 100644 .tessl/tiles/tessl/npm-azure--msal-node/docs/error-handling.md
 create mode 100644 .tessl/tiles/tessl/npm-azure--msal-node/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-azure--msal-node/docs/managed-identity.md
 create mode 100644 .tessl/tiles/tessl/npm-azure--msal-node/docs/public-client.md
 create mode 100644 .tessl/tiles/tessl/npm-azure--msal-node/docs/token-cache.md
 create mode 100644 .tessl/tiles/tessl/npm-azure--msal-node/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-chart-js/docs/chart-management.md
 create mode 100644 .tessl/tiles/tessl/npm-chart-js/docs/chart-types.md
 create mode 100644 .tessl/tiles/tessl/npm-chart-js/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-chart-js/docs/plugins.md
 create mode 100644 .tessl/tiles/tessl/npm-chart-js/docs/scales.md
 create mode 100644 .tessl/tiles/tessl/npm-chart-js/docs/utilities.md
 create mode 100644 .tessl/tiles/tessl/npm-chart-js/docs/visual-elements.md
 create mode 100644 .tessl/tiles/tessl/npm-chart-js/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-clsx/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-clsx/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-date-fns/docs/arithmetic.md
 create mode 100644 .tessl/tiles/tessl/npm-date-fns/docs/components.md
 create mode 100644 .tessl/tiles/tessl/npm-date-fns/docs/constants.md
 create mode 100644 .tessl/tiles/tessl/npm-date-fns/docs/formatting.md
 create mode 100644 .tessl/tiles/tessl/npm-date-fns/docs/fp.md
 create mode 100644 .tessl/tiles/tessl/npm-date-fns/docs/i18n.md
 create mode 100644 .tessl/tiles/tessl/npm-date-fns/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-date-fns/docs/parsing.md
 create mode 100644 .tessl/tiles/tessl/npm-date-fns/docs/periods.md
 create mode 100644 .tessl/tiles/tessl/npm-date-fns/docs/validation.md
 create mode 100644 .tessl/tiles/tessl/npm-date-fns/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-diff/docs/array-diffing.md
 create mode 100644 .tessl/tiles/tessl/npm-diff/docs/character-diffing.md
 create mode 100644 .tessl/tiles/tessl/npm-diff/docs/css-diffing.md
 create mode 100644 .tessl/tiles/tessl/npm-diff/docs/custom-diffing.md
 create mode 100644 .tessl/tiles/tessl/npm-diff/docs/format-conversion.md
 create mode 100644 .tessl/tiles/tessl/npm-diff/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-diff/docs/json-diffing.md
 create mode 100644 .tessl/tiles/tessl/npm-diff/docs/line-diffing.md
 create mode 100644 .tessl/tiles/tessl/npm-diff/docs/patch-application.md
 create mode 100644 .tessl/tiles/tessl/npm-diff/docs/patch-creation.md
 create mode 100644 .tessl/tiles/tessl/npm-diff/docs/patch-utilities.md
 create mode 100644 .tessl/tiles/tessl/npm-diff/docs/sentence-diffing.md
 create mode 100644 .tessl/tiles/tessl/npm-diff/docs/word-diffing.md
 create mode 100644 .tessl/tiles/tessl/npm-diff/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-eslint-config-prettier/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-eslint-config-prettier/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-eslint-plugin-import/docs/configuration-presets.md
 create mode 100644 .tessl/tiles/tessl/npm-eslint-plugin-import/docs/helpful-warnings-rules.md
 create mode 100644 .tessl/tiles/tessl/npm-eslint-plugin-import/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-eslint-plugin-import/docs/module-systems-rules.md
 create mode 100644 .tessl/tiles/tessl/npm-eslint-plugin-import/docs/plugin-interface.md
 create mode 100644 .tessl/tiles/tessl/npm-eslint-plugin-import/docs/static-analysis-rules.md
 create mode 100644 .tessl/tiles/tessl/npm-eslint-plugin-import/docs/style-guide-rules.md
 create mode 100644 .tessl/tiles/tessl/npm-eslint-plugin-import/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-eslint-plugin-promise/docs/async-patterns.md
 create mode 100644 .tessl/tiles/tessl/npm-eslint-plugin-promise/docs/compatibility.md
 create mode 100644 .tessl/tiles/tessl/npm-eslint-plugin-promise/docs/constructors.md
 create mode 100644 .tessl/tiles/tessl/npm-eslint-plugin-promise/docs/flow-control.md
 create mode 100644 .tessl/tiles/tessl/npm-eslint-plugin-promise/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-eslint-plugin-promise/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-eslint-plugin-react/docs/code-style-rules.md
 create mode 100644 .tessl/tiles/tessl/npm-eslint-plugin-react/docs/component-lifecycle-rules.md
 create mode 100644 .tessl/tiles/tessl/npm-eslint-plugin-react/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-eslint-plugin-react/docs/jsx-syntax-rules.md
 create mode 100644 .tessl/tiles/tessl/npm-eslint-plugin-react/docs/plugin-configuration.md
 create mode 100644 .tessl/tiles/tessl/npm-eslint-plugin-react/docs/prop-validation-rules.md
 create mode 100644 .tessl/tiles/tessl/npm-eslint-plugin-react/docs/react-component-rules.md
 create mode 100644 .tessl/tiles/tessl/npm-eslint-plugin-react/docs/security-safety-rules.md
 create mode 100644 .tessl/tiles/tessl/npm-eslint-plugin-react/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-eslint/docs/cli.md
 create mode 100644 .tessl/tiles/tessl/npm-eslint/docs/flat-config.md
 create mode 100644 .tessl/tiles/tessl/npm-eslint/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-eslint/docs/legacy-eslint.md
 create mode 100644 .tessl/tiles/tessl/npm-eslint/docs/linting.md
 create mode 100644 .tessl/tiles/tessl/npm-eslint/docs/rule-testing.md
 create mode 100644 .tessl/tiles/tessl/npm-eslint/docs/source-code.md
 create mode 100644 .tessl/tiles/tessl/npm-eslint/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-framer-motion/docs/animation-controls.md
 create mode 100644 .tessl/tiles/tessl/npm-framer-motion/docs/configuration.md
 create mode 100644 .tessl/tiles/tessl/npm-framer-motion/docs/dom-utilities.md
 create mode 100644 .tessl/tiles/tessl/npm-framer-motion/docs/gestures.md
 create mode 100644 .tessl/tiles/tessl/npm-framer-motion/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-framer-motion/docs/layout-presence.md
 create mode 100644 .tessl/tiles/tessl/npm-framer-motion/docs/motion-components.md
 create mode 100644 .tessl/tiles/tessl/npm-framer-motion/docs/motion-values.md
 create mode 100644 .tessl/tiles/tessl/npm-framer-motion/docs/scroll-view.md
 create mode 100644 .tessl/tiles/tessl/npm-framer-motion/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-github-markdown-css/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-github-markdown-css/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-jsdom/docs/api/cookie-management.md
 create mode 100644 .tessl/tiles/tessl/npm-jsdom/docs/api/jsdom-constructor.md
 create mode 100644 .tessl/tiles/tessl/npm-jsdom/docs/api/resource-loading.md
 create mode 100644 .tessl/tiles/tessl/npm-jsdom/docs/api/virtual-console.md
 create mode 100644 .tessl/tiles/tessl/npm-jsdom/docs/api/window-dom-apis.md
 create mode 100644 .tessl/tiles/tessl/npm-jsdom/docs/guides/advanced.md
 create mode 100644 .tessl/tiles/tessl/npm-jsdom/docs/guides/common-patterns.md
 create mode 100644 .tessl/tiles/tessl/npm-jsdom/docs/guides/getting-started.md
 create mode 100644 .tessl/tiles/tessl/npm-jsdom/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-jsdom/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-jsonwebtoken/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-jsonwebtoken/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-lint-staged/docs/cli.md
 create mode 100644 .tessl/tiles/tessl/npm-lint-staged/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-lint-staged/docs/programmatic-api.md
 create mode 100644 .tessl/tiles/tessl/npm-lint-staged/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-lucide-react/docs/custom-icons.md
 create mode 100644 .tessl/tiles/tessl/npm-lucide-react/docs/dynamic-icons.md
 create mode 100644 .tessl/tiles/tessl/npm-lucide-react/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-lucide-react/docs/static-icons.md
 create mode 100644 .tessl/tiles/tessl/npm-lucide-react/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-marked/docs/examples/edge-cases.md
 create mode 100644 .tessl/tiles/tessl/npm-marked/docs/examples/real-world-scenarios.md
 create mode 100644 .tessl/tiles/tessl/npm-marked/docs/guides/async-patterns.md
 create mode 100644 .tessl/tiles/tessl/npm-marked/docs/guides/error-handling.md
 create mode 100644 .tessl/tiles/tessl/npm-marked/docs/guides/extensions.md
 create mode 100644 .tessl/tiles/tessl/npm-marked/docs/guides/migration.md
 create mode 100644 .tessl/tiles/tessl/npm-marked/docs/guides/performance.md
 create mode 100644 .tessl/tiles/tessl/npm-marked/docs/guides/quick-start.md
 create mode 100644 .tessl/tiles/tessl/npm-marked/docs/guides/rendering.md
 create mode 100644 .tessl/tiles/tessl/npm-marked/docs/guides/security.md
 create mode 100644 .tessl/tiles/tessl/npm-marked/docs/guides/token-manipulation.md
 create mode 100644 .tessl/tiles/tessl/npm-marked/docs/guides/troubleshooting.md
 create mode 100644 .tessl/tiles/tessl/npm-marked/docs/guides/typescript.md
 create mode 100644 .tessl/tiles/tessl/npm-marked/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-marked/docs/reference/api.md
 create mode 100644 .tessl/tiles/tessl/npm-marked/docs/reference/architecture.md
 create mode 100644 .tessl/tiles/tessl/npm-marked/docs/reference/cli.md
 create mode 100644 .tessl/tiles/tessl/npm-marked/docs/reference/extensions.md
 create mode 100644 .tessl/tiles/tessl/npm-marked/docs/reference/hooks.md
 create mode 100644 .tessl/tiles/tessl/npm-marked/docs/reference/lexer.md
 create mode 100644 .tessl/tiles/tessl/npm-marked/docs/reference/options.md
 create mode 100644 .tessl/tiles/tessl/npm-marked/docs/reference/parser-renderer.md
 create mode 100644 .tessl/tiles/tessl/npm-marked/docs/reference/tokenizer.md
 create mode 100644 .tessl/tiles/tessl/npm-marked/docs/reference/types.md
 create mode 100644 .tessl/tiles/tessl/npm-marked/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-monaco-editor--react/docs/diff-editor.md
 create mode 100644 .tessl/tiles/tessl/npm-monaco-editor--react/docs/editor.md
 create mode 100644 .tessl/tiles/tessl/npm-monaco-editor--react/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-monaco-editor--react/docs/loader.md
 create mode 100644 .tessl/tiles/tessl/npm-monaco-editor--react/docs/monaco-hook.md
 create mode 100644 .tessl/tiles/tessl/npm-monaco-editor--react/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-next/docs/app-router-navigation.md
 create mode 100644 .tessl/tiles/tessl/npm-next/docs/components.md
 create mode 100644 .tessl/tiles/tessl/npm-next/docs/core-framework.md
 create mode 100644 .tessl/tiles/tessl/npm-next/docs/dynamic-imports.md
 create mode 100644 .tessl/tiles/tessl/npm-next/docs/fonts.md
 create mode 100644 .tessl/tiles/tessl/npm-next/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-next/docs/metadata.md
 create mode 100644 .tessl/tiles/tessl/npm-next/docs/pages-router-navigation.md
 create mode 100644 .tessl/tiles/tessl/npm-next/docs/server-functions.md
 create mode 100644 .tessl/tiles/tessl/npm-next/docs/server-runtime.md
 create mode 100644 .tessl/tiles/tessl/npm-next/docs/web-vitals.md
 create mode 100644 .tessl/tiles/tessl/npm-next/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-pg/docs/client.md
 create mode 100644 .tessl/tiles/tessl/npm-pg/docs/connection-string.md
 create mode 100644 .tessl/tiles/tessl/npm-pg/docs/cursor.md
 create mode 100644 .tessl/tiles/tessl/npm-pg/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-pg/docs/pool.md
 create mode 100644 .tessl/tiles/tessl/npm-pg/docs/query-stream.md
 create mode 100644 .tessl/tiles/tessl/npm-pg/docs/query.md
 create mode 100644 .tessl/tiles/tessl/npm-pg/docs/types.md
 create mode 100644 .tessl/tiles/tessl/npm-pg/docs/utilities.md
 create mode 100644 .tessl/tiles/tessl/npm-pg/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-postcss/docs/ast-nodes.md
 create mode 100644 .tessl/tiles/tessl/npm-postcss/docs/core-processing.md
 create mode 100644 .tessl/tiles/tessl/npm-postcss/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-postcss/docs/plugin-system.md
 create mode 100644 .tessl/tiles/tessl/npm-postcss/docs/results-errors.md
 create mode 100644 .tessl/tiles/tessl/npm-postcss/docs/utilities.md
 create mode 100644 .tessl/tiles/tessl/npm-postcss/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-posthog-js/docs/examples/edge-cases.md
 create mode 100644 .tessl/tiles/tessl/npm-posthog-js/docs/examples/real-world-scenarios.md
 create mode 100644 .tessl/tiles/tessl/npm-posthog-js/docs/guides/best-practices.md
 create mode 100644 .tessl/tiles/tessl/npm-posthog-js/docs/guides/quick-start.md
 create mode 100644 .tessl/tiles/tessl/npm-posthog-js/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-posthog-js/docs/reference/advanced.md
 create mode 100644 .tessl/tiles/tessl/npm-posthog-js/docs/reference/conversations.md
 create mode 100644 .tessl/tiles/tessl/npm-posthog-js/docs/reference/early-access-features.md
 create mode 100644 .tessl/tiles/tessl/npm-posthog-js/docs/reference/error-tracking.md
 create mode 100644 .tessl/tiles/tessl/npm-posthog-js/docs/reference/events.md
 create mode 100644 .tessl/tiles/tessl/npm-posthog-js/docs/reference/feature-flags.md
 create mode 100644 .tessl/tiles/tessl/npm-posthog-js/docs/reference/heatmaps.md
 create mode 100644 .tessl/tiles/tessl/npm-posthog-js/docs/reference/identification.md
 create mode 100644 .tessl/tiles/tessl/npm-posthog-js/docs/reference/initialization.md
 create mode 100644 .tessl/tiles/tessl/npm-posthog-js/docs/reference/privacy.md
 create mode 100644 .tessl/tiles/tessl/npm-posthog-js/docs/reference/product-tours.md
 create mode 100644 .tessl/tiles/tessl/npm-posthog-js/docs/reference/sentry-integration.md
 create mode 100644 .tessl/tiles/tessl/npm-posthog-js/docs/reference/session-recording.md
 create mode 100644 .tessl/tiles/tessl/npm-posthog-js/docs/reference/surveys.md
 create mode 100644 .tessl/tiles/tessl/npm-posthog-js/docs/reference/toolbar.md
 create mode 100644 .tessl/tiles/tessl/npm-posthog-js/docs/reference/types.md
 create mode 100644 .tessl/tiles/tessl/npm-posthog-js/docs/reference/web-experiments.md
 create mode 100644 .tessl/tiles/tessl/npm-posthog-js/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-posthog-node/docs/client-configuration.md
 create mode 100644 .tessl/tiles/tessl/npm-posthog-node/docs/error-tracking.md
 create mode 100644 .tessl/tiles/tessl/npm-posthog-node/docs/event-tracking.md
 create mode 100644 .tessl/tiles/tessl/npm-posthog-node/docs/experimental.md
 create mode 100644 .tessl/tiles/tessl/npm-posthog-node/docs/express-integration.md
 create mode 100644 .tessl/tiles/tessl/npm-posthog-node/docs/feature-flags.md
 create mode 100644 .tessl/tiles/tessl/npm-posthog-node/docs/identification.md
 create mode 100644 .tessl/tiles/tessl/npm-posthog-node/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-posthog-node/docs/sentry-integration.md
 create mode 100644 .tessl/tiles/tessl/npm-posthog-node/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-prettier/docs/configuration.md
 create mode 100644 .tessl/tiles/tessl/npm-prettier/docs/core-formatting.md
 create mode 100644 .tessl/tiles/tessl/npm-prettier/docs/document-builders.md
 create mode 100644 .tessl/tiles/tessl/npm-prettier/docs/file-analysis.md
 create mode 100644 .tessl/tiles/tessl/npm-prettier/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-prettier/docs/plugin-development.md
 create mode 100644 .tessl/tiles/tessl/npm-prettier/docs/utilities.md
 create mode 100644 .tessl/tiles/tessl/npm-prettier/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-prism-react-renderer/docs/component-hooks.md
 create mode 100644 .tessl/tiles/tessl/npm-prism-react-renderer/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-prism-react-renderer/docs/themes.md
 create mode 100644 .tessl/tiles/tessl/npm-prism-react-renderer/docs/utilities.md
 create mode 100644 .tessl/tiles/tessl/npm-prism-react-renderer/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-prisma/docs/client-generation.md
 create mode 100644 .tessl/tiles/tessl/npm-prisma/docs/database-operations.md
 create mode 100644 .tessl/tiles/tessl/npm-prisma/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-prisma/docs/mcp-server.md
 create mode 100644 .tessl/tiles/tessl/npm-prisma/docs/migration-management.md
 create mode 100644 .tessl/tiles/tessl/npm-prisma/docs/platform-integration.md
 create mode 100644 .tessl/tiles/tessl/npm-prisma/docs/schema-management.md
 create mode 100644 .tessl/tiles/tessl/npm-prisma/docs/studio-interface.md
 create mode 100644 .tessl/tiles/tessl/npm-prisma/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-radix-ui--react-dialog/docs/advanced-context.md
 create mode 100644 .tessl/tiles/tessl/npm-radix-ui--react-dialog/docs/content-accessibility.md
 create mode 100644 .tessl/tiles/tessl/npm-radix-ui--react-dialog/docs/dialog-root.md
 create mode 100644 .tessl/tiles/tessl/npm-radix-ui--react-dialog/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-radix-ui--react-dialog/docs/portal-layout.md
 create mode 100644 .tessl/tiles/tessl/npm-radix-ui--react-dialog/docs/triggers-controls.md
 create mode 100644 .tessl/tiles/tessl/npm-radix-ui--react-dialog/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-radix-ui--react-dropdown-menu/docs/core-components.md
 create mode 100644 .tessl/tiles/tessl/npm-radix-ui--react-dropdown-menu/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-radix-ui--react-dropdown-menu/docs/layout-components.md
 create mode 100644 .tessl/tiles/tessl/npm-radix-ui--react-dropdown-menu/docs/menu-items.md
 create mode 100644 .tessl/tiles/tessl/npm-radix-ui--react-dropdown-menu/docs/portal-context.md
 create mode 100644 .tessl/tiles/tessl/npm-radix-ui--react-dropdown-menu/docs/submenus.md
 create mode 100644 .tessl/tiles/tessl/npm-radix-ui--react-dropdown-menu/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-radix-ui--react-navigation-menu/docs/content-management.md
 create mode 100644 .tessl/tiles/tessl/npm-radix-ui--react-navigation-menu/docs/core-components.md
 create mode 100644 .tessl/tiles/tessl/npm-radix-ui--react-navigation-menu/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-radix-ui--react-navigation-menu/docs/indicators-submenus.md
 create mode 100644 .tessl/tiles/tessl/npm-radix-ui--react-navigation-menu/docs/interactive-elements.md
 create mode 100644 .tessl/tiles/tessl/npm-radix-ui--react-navigation-menu/docs/utility-functions.md
 create mode 100644 .tessl/tiles/tessl/npm-radix-ui--react-navigation-menu/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-radix-ui--react-progress/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-radix-ui--react-progress/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-radix-ui--react-slot/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-radix-ui--react-slot/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-radix-ui--react-tooltip/docs/arrow.md
 create mode 100644 .tessl/tiles/tessl/npm-radix-ui--react-tooltip/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-radix-ui--react-tooltip/docs/portal-content.md
 create mode 100644 .tessl/tiles/tessl/npm-radix-ui--react-tooltip/docs/provider.md
 create mode 100644 .tessl/tiles/tessl/npm-radix-ui--react-tooltip/docs/tooltip-root.md
 create mode 100644 .tessl/tiles/tessl/npm-radix-ui--react-tooltip/docs/trigger.md
 create mode 100644 .tessl/tiles/tessl/npm-radix-ui--react-tooltip/docs/utilities.md
 create mode 100644 .tessl/tiles/tessl/npm-radix-ui--react-tooltip/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-react-chartjs-2/docs/chart-components.md
 create mode 100644 .tessl/tiles/tessl/npm-react-chartjs-2/docs/event-handling.md
 create mode 100644 .tessl/tiles/tessl/npm-react-chartjs-2/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-react-chartjs-2/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-react-dom/docs/client-rendering.md
 create mode 100644 .tessl/tiles/tessl/npm-react-dom/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-react-dom/docs/server-rendering.md
 create mode 100644 .tessl/tiles/tessl/npm-react-dom/docs/testing-utilities.md
 create mode 100644 .tessl/tiles/tessl/npm-react-dom/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-react-markdown/docs/component-customization.md
 create mode 100644 .tessl/tiles/tessl/npm-react-markdown/docs/configuration.md
 create mode 100644 .tessl/tiles/tessl/npm-react-markdown/docs/core-components.md
 create mode 100644 .tessl/tiles/tessl/npm-react-markdown/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-react-markdown/docs/security.md
 create mode 100644 .tessl/tiles/tessl/npm-react-markdown/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-react-syntax-highlighter/docs/async-builds.md
 create mode 100644 .tessl/tiles/tessl/npm-react-syntax-highlighter/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-react-syntax-highlighter/docs/language-support.md
 create mode 100644 .tessl/tiles/tessl/npm-react-syntax-highlighter/docs/light-builds.md
 create mode 100644 .tessl/tiles/tessl/npm-react-syntax-highlighter/docs/prism-integration.md
 create mode 100644 .tessl/tiles/tessl/npm-react-syntax-highlighter/docs/standard-highlighter.md
 create mode 100644 .tessl/tiles/tessl/npm-react-syntax-highlighter/docs/styling-themes.md
 create mode 100644 .tessl/tiles/tessl/npm-react-syntax-highlighter/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-react/docs/builtin-components.md
 create mode 100644 .tessl/tiles/tessl/npm-react/docs/children.md
 create mode 100644 .tessl/tiles/tessl/npm-react/docs/components.md
 create mode 100644 .tessl/tiles/tessl/npm-react/docs/concurrent.md
 create mode 100644 .tessl/tiles/tessl/npm-react/docs/context.md
 create mode 100644 .tessl/tiles/tessl/npm-react/docs/elements.md
 create mode 100644 .tessl/tiles/tessl/npm-react/docs/hoc.md
 create mode 100644 .tessl/tiles/tessl/npm-react/docs/hooks.md
 create mode 100644 .tessl/tiles/tessl/npm-react/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-react/docs/jsx-runtime.md
 create mode 100644 .tessl/tiles/tessl/npm-react/docs/refs.md
 create mode 100644 .tessl/tiles/tessl/npm-react/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-remark-gfm/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-remark-gfm/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-sharp/docs/color-channels.md
 create mode 100644 .tessl/tiles/tessl/npm-sharp/docs/composition.md
 create mode 100644 .tessl/tiles/tessl/npm-sharp/docs/constructor-input.md
 create mode 100644 .tessl/tiles/tessl/npm-sharp/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-sharp/docs/metadata-stats.md
 create mode 100644 .tessl/tiles/tessl/npm-sharp/docs/operations-filters.md
 create mode 100644 .tessl/tiles/tessl/npm-sharp/docs/output-formats.md
 create mode 100644 .tessl/tiles/tessl/npm-sharp/docs/resize-geometry.md
 create mode 100644 .tessl/tiles/tessl/npm-sharp/docs/utilities-performance.md
 create mode 100644 .tessl/tiles/tessl/npm-sharp/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-sonner/docs/advanced-toast-features.md
 create mode 100644 .tessl/tiles/tessl/npm-sonner/docs/core-toast-functions.md
 create mode 100644 .tessl/tiles/tessl/npm-sonner/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-sonner/docs/react-hooks.md
 create mode 100644 .tessl/tiles/tessl/npm-sonner/docs/toaster-component.md
 create mode 100644 .tessl/tiles/tessl/npm-sonner/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-tailwind-merge/docs/configuration.md
 create mode 100644 .tessl/tiles/tessl/npm-tailwind-merge/docs/core-functions.md
 create mode 100644 .tessl/tiles/tessl/npm-tailwind-merge/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-tailwind-merge/docs/validation.md
 create mode 100644 .tessl/tiles/tessl/npm-tailwind-merge/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-tailwindcss/docs/cli.md
 create mode 100644 .tessl/tiles/tessl/npm-tailwindcss/docs/configuration.md
 create mode 100644 .tessl/tiles/tessl/npm-tailwindcss/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-tailwindcss/docs/nesting.md
 create mode 100644 .tessl/tiles/tessl/npm-tailwindcss/docs/plugin-system.md
 create mode 100644 .tessl/tiles/tessl/npm-tailwindcss/docs/postcss-plugin.md
 create mode 100644 .tessl/tiles/tessl/npm-tailwindcss/docs/theme-colors.md
 create mode 100644 .tessl/tiles/tessl/npm-tailwindcss/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-testing-library--react/docs/async.md
 create mode 100644 .tessl/tiles/tessl/npm-testing-library--react/docs/configuration.md
 create mode 100644 .tessl/tiles/tessl/npm-testing-library--react/docs/events.md
 create mode 100644 .tessl/tiles/tessl/npm-testing-library--react/docs/hooks.md
 create mode 100644 .tessl/tiles/tessl/npm-testing-library--react/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-testing-library--react/docs/queries.md
 create mode 100644 .tessl/tiles/tessl/npm-testing-library--react/docs/rendering.md
 create mode 100644 .tessl/tiles/tessl/npm-testing-library--react/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-types--react/docs/advanced-components.md
 create mode 100644 .tessl/tiles/tessl/npm-types--react/docs/canary.md
 create mode 100644 .tessl/tiles/tessl/npm-types--react/docs/context.md
 create mode 100644 .tessl/tiles/tessl/npm-types--react/docs/core-api.md
 create mode 100644 .tessl/tiles/tessl/npm-types--react/docs/dom-types.md
 create mode 100644 .tessl/tiles/tessl/npm-types--react/docs/events.md
 create mode 100644 .tessl/tiles/tessl/npm-types--react/docs/experimental.md
 create mode 100644 .tessl/tiles/tessl/npm-types--react/docs/hooks.md
 create mode 100644 .tessl/tiles/tessl/npm-types--react/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-types--react/docs/refs.md
 create mode 100644 .tessl/tiles/tessl/npm-types--react/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-typescript-eslint--eslint-plugin/docs/best-practices-rules.md
 create mode 100644 .tessl/tiles/tessl/npm-typescript-eslint--eslint-plugin/docs/code-quality-rules.md
 create mode 100644 .tessl/tiles/tessl/npm-typescript-eslint--eslint-plugin/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-typescript-eslint--eslint-plugin/docs/plugin-configuration.md
 create mode 100644 .tessl/tiles/tessl/npm-typescript-eslint--eslint-plugin/docs/style-formatting-rules.md
 create mode 100644 .tessl/tiles/tessl/npm-typescript-eslint--eslint-plugin/docs/type-safety-rules.md
 create mode 100644 .tessl/tiles/tessl/npm-typescript-eslint--eslint-plugin/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-typescript-eslint--parser/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-typescript-eslint--parser/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-typescript/docs/ast/factory.md
 create mode 100644 .tessl/tiles/tessl/npm-typescript/docs/ast/nodes.md
 create mode 100644 .tessl/tiles/tessl/npm-typescript/docs/ast/scanner-parser.md
 create mode 100644 .tessl/tiles/tessl/npm-typescript/docs/ast/type-guards.md
 create mode 100644 .tessl/tiles/tessl/npm-typescript/docs/core/compilation.md
 create mode 100644 .tessl/tiles/tessl/npm-typescript/docs/core/config.md
 create mode 100644 .tessl/tiles/tessl/npm-typescript/docs/core/module-resolution.md
 create mode 100644 .tessl/tiles/tessl/npm-typescript/docs/core/solution-builder.md
 create mode 100644 .tessl/tiles/tessl/npm-typescript/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-typescript/docs/language-service/api.md
 create mode 100644 .tessl/tiles/tessl/npm-typescript/docs/language-service/completions.md
 create mode 100644 .tessl/tiles/tessl/npm-typescript/docs/language-service/formatting.md
 create mode 100644 .tessl/tiles/tessl/npm-typescript/docs/language-service/navigation.md
 create mode 100644 .tessl/tiles/tessl/npm-typescript/docs/language-service/refactorings.md
 create mode 100644 .tessl/tiles/tessl/npm-typescript/docs/language-service/tsserver.md
 create mode 100644 .tessl/tiles/tessl/npm-typescript/docs/transformation/context.md
 create mode 100644 .tessl/tiles/tessl/npm-typescript/docs/transformation/emit-helpers.md
 create mode 100644 .tessl/tiles/tessl/npm-typescript/docs/transformation/transformers.md
 create mode 100644 .tessl/tiles/tessl/npm-typescript/docs/types/diagnostics.md
 create mode 100644 .tessl/tiles/tessl/npm-typescript/docs/types/type-checker.md
 create mode 100644 .tessl/tiles/tessl/npm-typescript/docs/types/types-symbols.md
 create mode 100644 .tessl/tiles/tessl/npm-typescript/docs/types/utilities.md
 create mode 100644 .tessl/tiles/tessl/npm-typescript/docs/utilities/paths.md
 create mode 100644 .tessl/tiles/tessl/npm-typescript/docs/utilities/printer.md
 create mode 100644 .tessl/tiles/tessl/npm-typescript/docs/utilities/system.md
 create mode 100644 .tessl/tiles/tessl/npm-typescript/docs/utilities/text.md
 create mode 100644 .tessl/tiles/tessl/npm-typescript/docs/utilities/transpilation.md
 create mode 100644 .tessl/tiles/tessl/npm-typescript/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-vitejs--plugin-react/docs/babel-integration.md
 create mode 100644 .tessl/tiles/tessl/npm-vitejs--plugin-react/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-vitejs--plugin-react/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-vitest/docs/assertions.md
 create mode 100644 .tessl/tiles/tessl/npm-vitest/docs/benchmarking.md
 create mode 100644 .tessl/tiles/tessl/npm-vitest/docs/configuration.md
 create mode 100644 .tessl/tiles/tessl/npm-vitest/docs/core-testing-api.md
 create mode 100644 .tessl/tiles/tessl/npm-vitest/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-vitest/docs/mocking.md
 create mode 100644 .tessl/tiles/tessl/npm-vitest/docs/nodejs-apis.md
 create mode 100644 .tessl/tiles/tessl/npm-vitest/docs/type-testing.md
 create mode 100644 .tessl/tiles/tessl/npm-vitest/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-web-tree-sitter/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-web-tree-sitter/docs/language.md
 create mode 100644 .tessl/tiles/tessl/npm-web-tree-sitter/docs/parser.md
 create mode 100644 .tessl/tiles/tessl/npm-web-tree-sitter/docs/query.md
 create mode 100644 .tessl/tiles/tessl/npm-web-tree-sitter/docs/tree-cursor.md
 create mode 100644 .tessl/tiles/tessl/npm-web-tree-sitter/docs/tree-node.md
 create mode 100644 .tessl/tiles/tessl/npm-web-tree-sitter/tile.json
 create mode 100644 .tessl/tiles/tessl/npm-zod/docs/advanced-schemas.md
 create mode 100644 .tessl/tiles/tessl/npm-zod/docs/errors.md
 create mode 100644 .tessl/tiles/tessl/npm-zod/docs/index.md
 create mode 100644 .tessl/tiles/tessl/npm-zod/docs/literals-enums.md
 create mode 100644 .tessl/tiles/tessl/npm-zod/docs/modifiers.md
 create mode 100644 .tessl/tiles/tessl/npm-zod/docs/objects-arrays.md
 create mode 100644 .tessl/tiles/tessl/npm-zod/docs/primitives.md
 create mode 100644 .tessl/tiles/tessl/npm-zod/docs/transformations.md
 create mode 100644 .tessl/tiles/tessl/npm-zod/docs/unions-intersections.md
 create mode 100644 .tessl/tiles/tessl/npm-zod/docs/utilities.md
 create mode 100644 .tessl/tiles/tessl/npm-zod/docs/validation.md
 create mode 100644 .tessl/tiles/tessl/npm-zod/tile.json

diff --git a/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/batches.md b/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/batches.md
new file mode 100644
index 000000000..71693e66b
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/batches.md
@@ -0,0 +1,681 @@
+# Message Batches
+
+The Message Batches API allows you to send multiple message requests in a single batch, processing them asynchronously. Batches are cost-efficient for bulk operations and provide significant cost savings (50% off) compared to individual API calls.
+
+## Overview
+
+Message Batches enable:
+- Bulk processing of multiple independent message requests
+- Asynchronous result retrieval
+- 50% cost reduction compared to standard API
+- Processing of up to 10,000 requests per batch
+- 24-hour processing window with automatic expiration
+
+## API Reference
+
+```typescript { .api }
+class Batches extends APIResource {
+  create(params: MessageBatchCreateParams): APIPromise<MessageBatch>;
+  retrieve(messageBatchID: string): APIPromise<MessageBatch>;
+  list(params?: MessageBatchListParams): MessageBatchesPage;
+  delete(messageBatchID: string): APIPromise<DeletedMessageBatch>;
+  cancel(messageBatchID: string): APIPromise<MessageBatch>;
+  results(messageBatchID: string): AsyncIterable<MessageBatchIndividualResponse>;
+}
+```
+
+Access via:
+
+```typescript
+client.messages.batches.*  // Standard API
+client.beta.messages.batches.*  // Beta API
+```
+
+## Creating a Batch
+
+```typescript { .api }
+client.messages.batches.create(
+  params: MessageBatchCreateParams
+): APIPromise<MessageBatch>;
+
+interface MessageBatchCreateParams {
+  requests: Array<{
+    custom_id: string;
+    params: MessageCreateParams;
+  }>;
+}
+
+interface MessageBatch {
+  id: string;
+  type: 'message_batch';
+  processing_status: 'in_progress' | 'canceling' | 'ended';
+  request_counts: MessageBatchRequestCounts;
+  ended_at: string | null;
+  created_at: string;
+  expires_at: string;
+  archived_at: string | null;
+  cancel_initiated_at: string | null;
+  results_url: string | null;
+}
+
+interface MessageBatchRequestCounts {
+  processing: number;
+  succeeded: number;
+  errored: number;
+  canceled: number;
+  expired: number;
+}
+```
+
+**Example:**
+
+```typescript
+import Anthropic from '@anthropic-ai/sdk';
+
+const client = new Anthropic();
+
+const batch = await client.messages.batches.create({
+  requests: [
+    {
+      custom_id: 'request-1',
+      params: {
+        model: 'claude-sonnet-4-5-20250929',
+        max_tokens: 1024,
+        messages: [
+          {
+            role: 'user',
+            content: 'What is the capital of France?',
+          },
+        ],
+      },
+    },
+    {
+      custom_id: 'request-2',
+      params: {
+        model: 'claude-sonnet-4-5-20250929',
+        max_tokens: 1024,
+        messages: [
+          {
+            role: 'user',
+            content: 'What is 2 + 2?',
+          },
+        ],
+      },
+    },
+    {
+      custom_id: 'request-3',
+      params: {
+        model: 'claude-sonnet-4-5-20250929',
+        max_tokens: 1024,
+        messages: [
+          {
+            role: 'user',
+            content: 'Explain quantum computing in simple terms.',
+          },
+        ],
+      },
+    },
+  ],
+});
+
+console.log('Batch ID:', batch.id);
+console.log('Status:', batch.processing_status);
+console.log('Created at:', batch.created_at);
+console.log('Expires at:', batch.expires_at);
+```
+
+### Custom IDs
+
+Each request requires a unique `custom_id`:
+
+```typescript
+// ✅ Good: Meaningful IDs
+{
+  custom_id: 'user-123-question-1',
+  params: { /* ... */ }
+}
+
+// ✅ Good: Sequential IDs
+{
+  custom_id: 'batch-001-item-001',
+  params: { /* ... */ }
+}
+
+// ❌ Bad: Duplicate IDs
+{
+  custom_id: 'request',  // Used multiple times
+  params: { /* ... */ }
+}
+```
+
+Custom IDs are used to match requests with results and must be unique within a batch.
+
+## Checking Batch Status
+
+```typescript { .api }
+client.messages.batches.retrieve(
+  messageBatchID: string
+): APIPromise<MessageBatch>;
+```
+
+**Example:**
+
+```typescript
+const batch = await client.messages.batches.retrieve('batch_123');
+
+console.log('Processing status:', batch.processing_status);
+console.log('Request counts:', batch.request_counts);
+// {
+//   processing: 5,
+//   succeeded: 10,
+//   errored: 2,
+//   canceled: 0,
+//   expired: 0
+// }
+
+if (batch.processing_status === 'ended') {
+  console.log('Batch processing complete!');
+  console.log('Results URL:', batch.results_url);
+}
+```
+
+### Processing Status
+
+```typescript
+type ProcessingStatus =
+  | 'in_progress'  // Batch is being processed
+  | 'canceling'    // Cancellation in progress
+  | 'ended'        // Processing complete (success/error/expired)
+  ;
+```
+
+### Polling for Completion
+
+```typescript
+async function waitForBatch(batchId: string): Promise<MessageBatch> {
+  while (true) {
+    const batch = await client.messages.batches.retrieve(batchId);
+
+    if (batch.processing_status === 'ended') {
+      return batch;
+    }
+
+    // Wait before polling again
+    await new Promise(resolve => setTimeout(resolve, 60000)); // 1 minute
+  }
+}
+
+const batch = await client.messages.batches.create({ /* ... */ });
+console.log('Waiting for batch to complete...');
+const completed = await waitForBatch(batch.id);
+console.log('Batch completed!', completed.request_counts);
+```
+
+## Retrieving Results
+
+```typescript { .api }
+client.messages.batches.results(
+  messageBatchID: string
+): AsyncIterable<MessageBatchIndividualResponse>;
+
+interface MessageBatchIndividualResponse {
+  custom_id: string;
+  result: MessageBatchResult;
+}
+
+type MessageBatchResult =
+  | MessageBatchSucceededResult
+  | MessageBatchErroredResult
+  | MessageBatchCanceledResult
+  | MessageBatchExpiredResult;
+
+interface MessageBatchSucceededResult {
+  type: 'succeeded';
+  message: Message;
+}
+
+interface MessageBatchErroredResult {
+  type: 'errored';
+  error: {
+    type: string;
+    message: string;
+  };
+}
+
+interface MessageBatchCanceledResult {
+  type: 'canceled';
+}
+
+interface MessageBatchExpiredResult {
+  type: 'expired';
+}
+```
+
+**Example:**
+
+```typescript
+const batch = await client.messages.batches.create({ /* ... */ });
+
+// Wait for completion
+await waitForBatch(batch.id);
+
+// Retrieve results
+const results = await client.messages.batches.results(batch.id);
+
+for await (const result of results) {
+  console.log('Custom ID:', result.custom_id);
+
+  if (result.result.type === 'succeeded') {
+    const message = result.result.message;
+    console.log('Success:', message.content[0].text);
+  } else if (result.result.type === 'errored') {
+    console.error('Error:', result.result.error.message);
+  } else if (result.result.type === 'canceled') {
+    console.log('Request was canceled');
+  } else if (result.result.type === 'expired') {
+    console.log('Request expired');
+  }
+}
+```
+
+### Collecting Results
+
+```typescript
+const batch = await client.messages.batches.create({ /* ... */ });
+await waitForBatch(batch.id);
+
+const results = await client.messages.batches.results(batch.id);
+const allResults: MessageBatchIndividualResponse[] = [];
+
+for await (const result of results) {
+  allResults.push(result);
+}
+
+console.log(`Processed ${allResults.length} results`);
+
+// Group by result type
+const succeeded = allResults.filter(r => r.result.type === 'succeeded');
+const errored = allResults.filter(r => r.result.type === 'errored');
+
+console.log(`Succeeded: ${succeeded.length}, Errored: ${errored.length}`);
+```
+
+## Listing Batches
+
+```typescript { .api }
+client.messages.batches.list(
+  params?: MessageBatchListParams
+): MessageBatchesPage;
+
+interface MessageBatchListParams {
+  before_id?: string;
+  after_id?: string;
+  limit?: number;  // Default: 20, max: 100
+}
+```
+
+**Example:**
+
+```typescript
+// List recent batches
+const batches = await client.messages.batches.list({
+  limit: 10,
+});
+
+for (const batch of batches.data) {
+  console.log('Batch:', batch.id);
+  console.log('Status:', batch.processing_status);
+  console.log('Counts:', batch.request_counts);
+}
+
+// Auto-pagination
+for await (const batch of client.messages.batches.list({ limit: 20 })) {
+  console.log(batch.id);
+}
+```
+
+## Canceling a Batch
+
+```typescript { .api }
+client.messages.batches.cancel(
+  messageBatchID: string
+): APIPromise<MessageBatch>;
+```
+
+**Example:**
+
+```typescript
+const batch = await client.messages.batches.create({ /* ... */ });
+
+// Cancel the batch
+const canceled = await client.messages.batches.cancel(batch.id);
+console.log('Status:', canceled.processing_status); // 'canceling'
+
+// Wait for cancellation to complete
+await waitForBatch(canceled.id);
+
+// Check final status
+const final = await client.messages.batches.retrieve(canceled.id);
+console.log('Canceled requests:', final.request_counts.canceled);
+```
+
+**Note**: Cancellation may take time. In-flight requests will complete, but pending requests will be canceled.
+
+## Deleting a Batch
+
+```typescript { .api }
+client.messages.batches.delete(
+  messageBatchID: string
+): APIPromise<DeletedMessageBatch>;
+
+interface DeletedMessageBatch {
+  id: string;
+  type: 'message_batch';
+  deleted: boolean;
+}
+```
+
+**Example:**
+
+```typescript
+// Delete a batch (must be ended first)
+const deleted = await client.messages.batches.delete('batch_123');
+console.log('Deleted:', deleted.deleted); // true
+```
+
+**Important**: You can only delete batches that have `processing_status === 'ended'`. Archived batches are automatically deleted.
+
+## Complete Workflow Example
+
+```typescript
+import Anthropic from '@anthropic-ai/sdk';
+
+const client = new Anthropic();
+
+// 1. Create batch
+const batch = await client.messages.batches.create({
+  requests: [
+    {
+      custom_id: 'analysis-1',
+      params: {
+        model: 'claude-sonnet-4-5-20250929',
+        max_tokens: 1024,
+        messages: [
+          {
+            role: 'user',
+            content: 'Analyze this data: [1, 2, 3, 4, 5]',
+          },
+        ],
+      },
+    },
+    {
+      custom_id: 'analysis-2',
+      params: {
+        model: 'claude-sonnet-4-5-20250929',
+        max_tokens: 1024,
+        messages: [
+          {
+            role: 'user',
+            content: 'Summarize: The quick brown fox jumps over the lazy dog.',
+          },
+        ],
+      },
+    },
+  ],
+});
+
+console.log('Created batch:', batch.id);
+
+// 2. Poll for completion
+console.log('Waiting for completion...');
+let currentBatch = batch;
+while (currentBatch.processing_status !== 'ended') {
+  await new Promise(resolve => setTimeout(resolve, 30000)); // 30 seconds
+  currentBatch = await client.messages.batches.retrieve(batch.id);
+  console.log('Status:', currentBatch.request_counts);
+}
+
+// 3. Retrieve results
+console.log('Retrieving results...');
+const results = await client.messages.batches.results(batch.id);
+
+const resultMap = new Map<string, MessageBatchIndividualResponse>();
+for await (const result of results) {
+  resultMap.set(result.custom_id, result);
+}
+
+// 4. Process results
+for (const [customId, result] of resultMap) {
+  console.log(`\nResult for ${customId}:`);
+
+  if (result.result.type === 'succeeded') {
+    console.log('Response:', result.result.message.content[0].text);
+  } else {
+    console.error('Failed:', result.result);
+  }
+}
+
+// 5. Cleanup (optional)
+// await client.messages.batches.delete(batch.id);
+```
+
+## Use Cases
+
+### Bulk Document Processing
+
+```typescript
+const documents = await loadDocuments(); // Load from database
+
+const batch = await client.messages.batches.create({
+  requests: documents.map((doc, index) => ({
+    custom_id: `doc-${doc.id}`,
+    params: {
+      model: 'claude-sonnet-4-5-20250929',
+      max_tokens: 2048,
+      messages: [
+        {
+          role: 'user',
+          content: [
+            {
+              type: 'document',
+              source: {
+                type: 'base64',
+                media_type: 'application/pdf',
+                data: doc.content,
+              },
+            },
+            {
+              type: 'text',
+              text: 'Summarize this document.',
+            },
+          ],
+        },
+      ],
+    },
+  })),
+});
+```
+
+### Data Analysis Pipeline
+
+```typescript
+const dataPoints = await fetchDataPoints();
+
+const batch = await client.messages.batches.create({
+  requests: dataPoints.map((data) => ({
+    custom_id: `analysis-${data.id}`,
+    params: {
+      model: 'claude-sonnet-4-5-20250929',
+      max_tokens: 1024,
+      messages: [
+        {
+          role: 'user',
+          content: `Analyze this data and provide insights: ${JSON.stringify(data)}`,
+        },
+      ],
+    },
+  })),
+});
+
+await waitForBatch(batch.id);
+
+const results = await client.messages.batches.results(batch.id);
+for await (const result of results) {
+  if (result.result.type === 'succeeded') {
+    await saveAnalysis(result.custom_id, result.result.message);
+  }
+}
+```
+
+### Translation Service
+
+```typescript
+const textsToTranslate = [
+  { id: '1', text: 'Hello, world!', targetLang: 'Spanish' },
+  { id: '2', text: 'Good morning!', targetLang: 'French' },
+  { id: '3', text: 'Thank you!', targetLang: 'German' },
+];
+
+const batch = await client.messages.batches.create({
+  requests: textsToTranslate.map((item) => ({
+    custom_id: `translation-${item.id}`,
+    params: {
+      model: 'claude-sonnet-4-5-20250929',
+      max_tokens: 1024,
+      messages: [
+        {
+          role: 'user',
+          content: `Translate "${item.text}" to ${item.targetLang}`,
+        },
+      ],
+    },
+  })),
+});
+```
+
+## Limitations
+
+- **Batch Size**: Maximum 10,000 requests per batch
+- **Expiration**: Batches expire after 24 hours
+- **Processing Time**: No guaranteed completion time (typically minutes to hours)
+- **No Streaming**: Individual requests cannot stream results
+- **Rate Limits**: Subject to account-level rate limits
+
+## Best Practices
+
+### Error Handling
+
+```typescript
+const results = await client.messages.batches.results(batchId);
+
+for await (const result of results) {
+  if (result.result.type === 'succeeded') {
+    await processSuccess(result);
+  } else if (result.result.type === 'errored') {
+    await logError(result.custom_id, result.result.error);
+    await retryRequest(result.custom_id);
+  } else if (result.result.type === 'expired') {
+    await handleExpiredRequest(result.custom_id);
+  }
+}
+```
+
+### Request Chunking
+
+```typescript
+// ✅ Good: Process in chunks
+async function processBatches(requests: Request[]) {
+  const CHUNK_SIZE = 5000;
+
+  for (let i = 0; i < requests.length; i += CHUNK_SIZE) {
+    const chunk = requests.slice(i, i + CHUNK_SIZE);
+
+    const batch = await client.messages.batches.create({
+      requests: chunk.map((req, index) => ({
+        custom_id: `chunk-${i / CHUNK_SIZE}-item-${index}`,
+        params: req.params,
+      })),
+    });
+
+    await waitForBatch(batch.id);
+    await processResults(batch.id);
+  }
+}
+
+// ❌ Bad: Exceeding limits
+const batch = await client.messages.batches.create({
+  requests: allRequests.map(/* ... */), // Could be > 10,000
+});
+```
+
+### Result Processing
+
+```typescript
+// ✅ Good: Stream and process results
+const results = await client.messages.batches.results(batchId);
+
+for await (const result of results) {
+  // Process immediately, don't accumulate
+  await handleResult(result);
+}
+
+// ❌ Bad: Loading all into memory
+const results = await client.messages.batches.results(batchId);
+const allResults = [];
+for await (const result of results) {
+  allResults.push(result); // Can be large
+}
+```
+
+### Monitoring
+
+```typescript
+async function monitorBatch(batchId: string) {
+  const startTime = Date.now();
+
+  while (true) {
+    const batch = await client.messages.batches.retrieve(batchId);
+
+    const elapsed = (Date.now() - startTime) / 1000 / 60; // minutes
+    console.log(`[${elapsed.toFixed(1)}m] Status:`, batch.request_counts);
+
+    if (batch.processing_status === 'ended') {
+      console.log('Batch complete!');
+      return batch;
+    }
+
+    await new Promise(resolve => setTimeout(resolve, 60000)); // 1 min
+  }
+}
+```
+
+## Cost Optimization
+
+Batches provide 50% cost savings:
+
+```typescript
+// Standard API cost: $0.003 per 1K input tokens (example)
+// Batch API cost: $0.0015 per 1K input tokens (50% off)
+
+// For 1000 requests with 500 input tokens each:
+// Standard: 1000 * 0.5K * $0.003 = $1.50
+// Batch: 1000 * 0.5K * $0.0015 = $0.75
+// Savings: $0.75 (50%)
+```
+
+Use batches for:
+- Non-urgent bulk processing
+- Offline analysis
+- Data pipelines
+- Scheduled tasks
+
+Use standard API for:
+- Real-time responses
+- User-facing applications
+- Time-sensitive requests
+
+## See Also
+
+- [Messages API](./messages.md) - Individual message creation
+- [Tools](./tools.md) - Using tools in batch requests
+- [Types](./types.md) - Batch type definitions
diff --git a/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/beta-features.md b/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/beta-features.md
new file mode 100644
index 000000000..17bb1d0d9
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/beta-features.md
@@ -0,0 +1,678 @@
+# Beta Features
+
+The Anthropic SDK provides access to experimental and advanced features through the beta namespace. Beta features require specific beta headers and may change before general availability.
+
+## Overview
+
+Beta features include:
+- **Code Execution**: Execute Python and bash code in sandboxed environments
+- **Computer Use**: Bash, text editor, and computer control tools
+- **Extended Thinking**: Access Claude's reasoning process
+- **MCP (Model Context Protocol)**: External tool integration
+- **Memory Tools**: Persistent memory across conversations
+- **Web Search & Fetch**: Search the web and fetch content
+- **Context Management**: Advanced context window management
+- **Structured Outputs**: JSON output with automatic parsing
+- **Files API**: File upload and management
+- **Skills API**: Custom skill definitions
+
+## Accessing Beta Features
+
+Use the `client.beta` namespace and include appropriate beta headers:
+
+```typescript
+import Anthropic from '@anthropic-ai/sdk';
+
+const client = new Anthropic();
+
+const message = await client.beta.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 2048,
+  betas: ['code-execution-2025-05-22'],  // Required beta header
+  messages: [{ role: 'user', content: 'Execute Python code' }],
+});
+```
+
+## Available Beta Headers
+
+```typescript { .api }
+type AnthropicBeta =
+  | 'message-batches-2024-09-24'
+  | 'prompt-caching-2024-07-31'
+  | 'computer-use-2024-10-22'
+  | 'computer-use-2025-01-24'
+  | 'pdfs-2024-09-25'
+  | 'token-counting-2024-11-01'
+  | 'token-efficient-tools-2025-02-19'
+  | 'output-128k-2025-02-19'
+  | 'files-api-2025-04-14'
+  | 'mcp-client-2025-04-04'
+  | 'dev-full-thinking-2025-05-14'
+  | 'interleaved-thinking-2025-05-14'
+  | 'code-execution-2025-05-22'
+  | 'code-execution-2025-08-25'
+  | 'extended-cache-ttl-2025-04-11'
+  | 'context-1m-2025-08-07'
+  | 'context-management-2025-06-27'
+  | 'model-context-window-exceeded-2025-08-26'
+  | 'skills-2025-10-02'
+  ;
+```
+
+## Code Execution
+
+Execute Python code in a sandboxed environment:
+
+```typescript
+const message = await client.beta.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 2048,
+  betas: ['code-execution-2025-05-22'],
+  tools: [
+    {
+      name: 'code_execution',
+      type: 'code_execution_20250522',
+    },
+  ],
+  messages: [
+    {
+      role: 'user',
+      content: 'Calculate the factorial of 10 using Python.',
+    },
+  ],
+});
+
+// Claude will use code_execution tool
+for (const block of message.content) {
+  if (block.type === 'code_execution_result') {
+    console.log('Output:', block.output);
+  }
+}
+```
+
+**Versions**:
+- `code_execution_20250522`: Version from 2025-05-22
+- `code_execution_20250825`: Version from 2025-08-25
+
+## Computer Use Tools
+
+Interact with computer interfaces:
+
+### Bash Tool
+
+```typescript
+const message = await client.beta.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 2048,
+  betas: ['computer-use-2025-01-24'],
+  tools: [
+    {
+      name: 'bash',
+      type: 'bash_20250124',
+    },
+  ],
+  messages: [
+    {
+      role: 'user',
+      content: 'List files in the current directory.',
+    },
+  ],
+});
+```
+
+### Text Editor Tool
+
+```typescript
+const message = await client.beta.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 2048,
+  betas: ['computer-use-2025-01-24'],
+  tools: [
+    {
+      name: 'str_replace_editor',
+      type: 'text_editor_20250728',
+    },
+  ],
+  messages: [
+    {
+      role: 'user',
+      content: 'Create a file and write "Hello World" to it.',
+    },
+  ],
+});
+```
+
+**Tool Versions**:
+- `bash_20241022`, `bash_20250124`: Bash execution
+- `text_editor_20241022`, `text_editor_20250124`, `text_editor_20250429`, `text_editor_20250728`: Text editor operations
+- `computer_use_20241022`, `computer_use_20250124`: Full computer control
+
+## Extended Thinking
+
+Access Claude's reasoning process:
+
+```typescript
+const message = await client.beta.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 4096,
+  betas: ['dev-full-thinking-2025-05-14'],
+  thinking: {
+    type: 'enabled',
+    budget_tokens: 2000,
+  },
+  messages: [
+    {
+      role: 'user',
+      content: 'Solve this complex problem: ...',
+    },
+  ],
+});
+
+// Access thinking blocks
+for (const block of message.content) {
+  if (block.type === 'thinking') {
+    console.log('Reasoning:', block.thinking);
+    console.log('Signature:', block.signature);
+  } else if (block.type === 'text') {
+    console.log('Answer:', block.text);
+  }
+}
+```
+
+**Beta Headers**:
+- `dev-full-thinking-2025-05-14`: Full thinking traces
+- `interleaved-thinking-2025-05-14`: Interleaved thinking and responses
+
+## Memory Tools
+
+Persistent memory across conversations:
+
+```typescript
+const message = await client.beta.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 2048,
+  betas: ['memory-2025-08-18'],
+  tools: [
+    {
+      name: 'memory',
+      type: 'memory_20250818',
+      commands: {
+        create: {
+          enabled: true,
+        },
+        view: {
+          enabled: true,
+        },
+        delete: {
+          enabled: true,
+        },
+      },
+    },
+  ],
+  messages: [
+    {
+      role: 'user',
+      content: 'Remember that my name is Alice.',
+    },
+  ],
+});
+
+// Later conversation
+const message2 = await client.beta.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  betas: ['memory-2025-08-18'],
+  tools: [
+    {
+      name: 'memory',
+      type: 'memory_20250818',
+      commands: {
+        view: { enabled: true },
+      },
+    },
+  ],
+  messages: [
+    {
+      role: 'user',
+      content: 'What is my name?',
+    },
+  ],
+});
+// Claude will recall: "Alice"
+```
+
+**Memory Commands**:
+- `create`: Store new memory
+- `view`: Retrieve memory
+- `delete`: Remove memory
+- `insert`: Add content to memory
+- `str_replace`: Replace content in memory
+- `rename`: Rename memory
+
+## Web Search & Fetch
+
+Search the web and fetch content:
+
+### Web Search
+
+```typescript
+const message = await client.beta.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 2048,
+  betas: ['web-search-2025-03-05'],
+  tools: [
+    {
+      name: 'web_search',
+      type: 'web_search_20250305',
+    },
+  ],
+  messages: [
+    {
+      role: 'user',
+      content: 'Search for recent AI news.',
+    },
+  ],
+});
+
+// Claude will use web_search tool and return results
+for (const block of message.content) {
+  if (block.type === 'web_search_result') {
+    console.log('Query:', block.query);
+    console.log('Results:', block.results);
+  }
+}
+```
+
+### Web Fetch
+
+```typescript
+const message = await client.beta.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 2048,
+  betas: ['web-fetch-2025-09-10'],
+  tools: [
+    {
+      name: 'web_fetch',
+      type: 'web_fetch_20250910',
+    },
+  ],
+  messages: [
+    {
+      role: 'user',
+      content: 'Fetch the content from https://example.com',
+    },
+  ],
+});
+```
+
+## MCP (Model Context Protocol)
+
+Integrate external tools via MCP:
+
+```typescript
+const message = await client.beta.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 2048,
+  betas: ['mcp-client-2025-04-04'],
+  mcp_servers: [
+    {
+      url: 'https://mcp-server.example.com',
+      tools: ['*'],  // Allow all tools from server
+    },
+  ],
+  messages: [
+    {
+      role: 'user',
+      content: 'Use external MCP tools.',
+    },
+  ],
+});
+```
+
+## Context Management
+
+Advanced context window management:
+
+```typescript
+const message = await client.beta.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 2048,
+  betas: ['context-management-2025-06-27'],
+  context_management: {
+    input_tokens_clear_at_least: 50000,  // Clear when over 50k tokens
+    tool_uses: {
+      keep: 10,  // Keep last 10 tool uses
+    },
+    thinking_turns: {
+      keep: 'all',  // Keep all thinking turns
+    },
+  },
+  messages: longConversation,
+});
+```
+
+**Configuration**:
+- `input_tokens_clear_at_least`: Threshold for clearing context
+- `tool_uses.keep`: Number of tool interactions to retain
+- `thinking_turns.keep`: How many thinking turns to keep (`'all'` or `'none'`)
+
+## Structured Outputs
+
+JSON output with automatic parsing:
+
+```typescript
+import { betaZodOutputFormat } from '@anthropic-ai/sdk/helpers/zod';
+import { z } from 'zod';
+
+const outputFormat = betaZodOutputFormat(
+  z.object({
+    name: z.string(),
+    age: z.number(),
+    email: z.string().email(),
+  })
+);
+
+const message = await client.beta.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  betas: ['structured-outputs-2025-02-19'],
+  output_format: {
+    type: 'json_schema',
+    schema: outputFormat.schema,
+  },
+  messages: [
+    {
+      role: 'user',
+      content: 'Extract information from: John Doe, 30, john@example.com',
+    },
+  ],
+});
+
+// Parse output
+const parsed = outputFormat.parse(message.content[0].text);
+console.log(parsed.name); // "John Doe"
+console.log(parsed.age); // 30
+console.log(parsed.email); // "john@example.com"
+```
+
+Or use JSON Schema:
+
+```typescript
+import { betaJSONSchemaOutputFormat } from '@anthropic-ai/sdk/helpers/json-schema';
+
+const outputFormat = betaJSONSchemaOutputFormat({
+  type: 'object',
+  properties: {
+    sentiment: { type: 'string', enum: ['positive', 'negative', 'neutral'] },
+    confidence: { type: 'number', minimum: 0, maximum: 1 },
+  },
+  required: ['sentiment', 'confidence'],
+});
+
+const message = await client.beta.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 512,
+  betas: ['structured-outputs-2025-02-19'],
+  output_format: {
+    type: 'json_schema',
+    schema: outputFormat.schema,
+  },
+  messages: [
+    {
+      role: 'user',
+      content: 'Analyze sentiment: This product is amazing!',
+    },
+  ],
+});
+
+const parsed = outputFormat.parse(message.content[0].text);
+console.log(parsed.sentiment); // "positive"
+console.log(parsed.confidence); // 0.95
+```
+
+## Prompt Caching
+
+Cache frequently used prompts for reduced latency:
+
+```typescript
+const message = await client.beta.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  betas: ['prompt-caching-2024-07-31'],
+  system: [
+    {
+      type: 'text',
+      text: 'You are a helpful assistant.',
+    },
+    {
+      type: 'text',
+      text: largeKnowledgeBase,
+      cache_control: {
+        type: 'ephemeral',
+        ttl: '1h',  // Cache for 1 hour
+      },
+    },
+  ],
+  messages: [
+    {
+      role: 'user',
+      content: 'Question about the knowledge base...',
+    },
+  ],
+});
+
+console.log('Cache usage:', message.usage);
+// {
+//   input_tokens: 1000,
+//   cache_read_input_tokens: 50000,  // Read from cache
+//   output_tokens: 500
+// }
+```
+
+**TTL Options**:
+- `5m`: 5 minutes (default)
+- `1h`: 1 hour (requires `extended-cache-ttl-2025-04-11` beta)
+
+## Message Batches
+
+Process multiple messages asynchronously:
+
+```typescript
+const batch = await client.beta.messages.batches.create({
+  betas: ['message-batches-2024-09-24'],
+  requests: [
+    {
+      custom_id: 'request-1',
+      params: {
+        model: 'claude-sonnet-4-5-20250929',
+        max_tokens: 1024,
+        messages: [{ role: 'user', content: 'Task 1' }],
+      },
+    },
+    {
+      custom_id: 'request-2',
+      params: {
+        model: 'claude-sonnet-4-5-20250929',
+        max_tokens: 1024,
+        messages: [{ role: 'user', content: 'Task 2' }],
+      },
+    },
+  ],
+});
+
+console.log('Batch ID:', batch.id);
+```
+
+See [batches.md](./batches.md) for complete documentation.
+
+## Files API
+
+Upload and manage files:
+
+```typescript
+import { toFile } from '@anthropic-ai/sdk';
+import fs from 'fs';
+
+const file = await client.beta.files.upload({
+  file: await toFile(fs.createReadStream('document.pdf'), 'document.pdf', { type: 'application/pdf' }),
+  betas: ['files-api-2025-04-14'],
+});
+
+const message = await client.beta.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 2048,
+  betas: ['files-api-2025-04-14'],
+  messages: [
+    {
+      role: 'user',
+      content: [
+        {
+          type: 'document',
+          source: {
+            type: 'file',
+            file_id: file.id,
+          },
+        },
+        {
+          type: 'text',
+          text: 'Summarize this document.',
+        },
+      ],
+    },
+  ],
+});
+```
+
+See [files.md](./files.md) for complete documentation.
+
+## Skills API
+
+Create and manage custom skills:
+
+```typescript
+const skill = await client.beta.skills.create({
+  name: 'data_analyzer',
+  description: 'Analyze structured data',
+  definition: {
+    type: 'analysis',
+    capabilities: ['statistics', 'visualization'],
+  },
+  betas: ['skills-2025-10-02'],
+});
+
+const message = await client.beta.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 2048,
+  betas: ['skills-2025-10-02'],
+  skills: [
+    {
+      type: 'skill',
+      skill_id: skill.id,
+    },
+  ],
+  messages: [
+    {
+      role: 'user',
+      content: 'Analyze this data...',
+    },
+  ],
+});
+```
+
+See [skills.md](./skills.md) for complete documentation.
+
+## Combining Beta Features
+
+Use multiple beta features together:
+
+```typescript
+const message = await client.beta.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 4096,
+  betas: [
+    'code-execution-2025-05-22',
+    'dev-full-thinking-2025-05-14',
+    'web-search-2025-03-05',
+  ],
+  thinking: {
+    type: 'enabled',
+    budget_tokens: 2000,
+  },
+  tools: [
+    {
+      name: 'code_execution',
+      type: 'code_execution_20250522',
+    },
+    {
+      name: 'web_search',
+      type: 'web_search_20250305',
+    },
+  ],
+  messages: [
+    {
+      role: 'user',
+      content: 'Search for recent data on topic X, then analyze it with Python.',
+    },
+  ],
+});
+
+// Claude can use thinking, web search, and code execution together
+```
+
+## Beta API Namespace
+
+All beta features are accessed through the `client.beta` namespace:
+
+```typescript
+client.beta.messages.*         // Beta messages API
+client.beta.messages.batches.* // Beta message batches
+client.beta.models.*           // Beta models API
+client.beta.files.*            // Files API
+client.beta.skills.*           // Skills API
+client.beta.skills.versions.*  // Skill versions
+```
+
+## Best Practices
+
+### Feature Detection
+
+```typescript
+// ✅ Good: Check beta support
+const betaHeaders: AnthropicBeta[] = ['code-execution-2025-05-22'];
+
+try {
+  const message = await client.beta.messages.create({
+    model: 'claude-sonnet-4-5-20250929',
+    max_tokens: 2048,
+    betas: betaHeaders,
+    tools: [{ name: 'code_execution', type: 'code_execution_20250522' }],
+    messages: [{ role: 'user', content: 'Execute code' }],
+  });
+} catch (error) {
+  if (error instanceof Anthropic.BadRequestError) {
+    console.error('Beta feature not available');
+  }
+}
+```
+
+### Migration Planning
+
+```typescript
+// ✅ Good: Prepare for GA migration
+const USE_BETA = process.env.USE_CODE_EXECUTION === 'true';
+
+const message = await (USE_BETA ? client.beta.messages : client.messages).create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 2048,
+  ...(USE_BETA && { betas: ['code-execution-2025-05-22'] }),
+  messages: [{ role: 'user', content: 'Task' }],
+});
+```
+
+## See Also
+
+- [Messages API](./messages.md) - Core message creation
+- [Tools](./tools.md) - Tool use and helpers
+- [Files](./files.md) - File upload and management
+- [Skills](./skills.md) - Custom skill definitions
+- [Batches](./batches.md) - Batch processing
diff --git a/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/client.md b/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/client.md
new file mode 100644
index 000000000..7e022b5d8
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/client.md
@@ -0,0 +1,744 @@
+# Client Initialization and Configuration
+
+The Anthropic client is the primary interface for interacting with the Anthropic API. It handles authentication, configuration, and provides access to all API resource endpoints.
+
+## Import
+
+```typescript
+import Anthropic from '@anthropic-ai/sdk';
+```
+
+CommonJS:
+
+```typescript
+const Anthropic = require('@anthropic-ai/sdk');
+```
+
+## Client Class
+
+```typescript { .api }
+class Anthropic extends BaseAnthropic {
+  constructor(options?: ClientOptions);
+
+  // Resource endpoints
+  completions: Completions;
+  messages: Messages;
+  models: Models;
+  beta: Beta;
+
+  // Instance methods
+  withOptions(options: Partial<ClientOptions>): this;
+
+  // Static constants
+  static HUMAN_PROMPT: string;
+  static AI_PROMPT: string;
+  static DEFAULT_TIMEOUT: number;
+}
+```
+
+## ClientOptions
+
+Complete configuration options for the Anthropic client.
+
+```typescript { .api }
+interface ClientOptions {
+  /**
+   * API key for authentication.
+   * Can be a static string or async function for dynamic credentials.
+   * Defaults to process.env['ANTHROPIC_API_KEY']
+   */
+  apiKey?: string | ApiKeySetter | null;
+
+  /**
+   * Alternative authentication token.
+   * Defaults to process.env['ANTHROPIC_AUTH_TOKEN']
+   */
+  authToken?: string | null;
+
+  /**
+   * Custom API base URL.
+   * Defaults to process.env['ANTHROPIC_BASE_URL'] or 'https://api.anthropic.com'
+   */
+  baseURL?: string | null;
+
+  /**
+   * Request timeout in milliseconds.
+   * Default: 600000 (10 minutes)
+   *
+   * For non-streaming requests with large max_tokens, timeout is dynamically
+   * calculated: min(10 minutes, (60 * max_tokens) / 128000 hours)
+   */
+  timeout?: number;
+
+  /**
+   * Maximum number of retry attempts for failed requests.
+   * Default: 2
+   *
+   * Retries occur for:
+   * - Network errors (connection failures)
+   * - 408 Request Timeout
+   * - 409 Conflict
+   * - 429 Rate Limit
+   * - 5xx Server errors
+   */
+  maxRetries?: number;
+
+  /**
+   * Additional fetch options passed to all requests.
+   * Can include headers, signal, credentials, etc.
+   */
+  fetchOptions?: RequestInit;
+
+  /**
+   * Custom fetch implementation.
+   * If not provided, uses global fetch.
+   */
+  fetch?: typeof fetch;
+
+  /**
+   * Default headers included with every request.
+   * Can be overridden per-request by setting header to null.
+   */
+  defaultHeaders?: HeadersLike;
+
+  /**
+   * Default query parameters included with every request.
+   * Can be removed per-request by setting param to undefined.
+   */
+  defaultQuery?: Record<string, string | undefined>;
+
+  /**
+   * Enable client-side usage (browser environments).
+   * Default: false
+   *
+   * WARNING: Enabling this in browsers exposes API credentials.
+   * Only use with appropriate security mitigations.
+   */
+  dangerouslyAllowBrowser?: boolean;
+
+  /**
+   * Logging level for SDK operations.
+   * Defaults to process.env['ANTHROPIC_LOG'] or 'warn'
+   */
+  logLevel?: LogLevel;
+
+  /**
+   * Custom logger instance.
+   * Defaults to globalThis.console
+   */
+  logger?: Logger;
+}
+```
+
+### Supporting Types
+
+```typescript { .api }
+// Dynamic API key function
+type ApiKeySetter = () => Promise<string>;
+
+// Log levels (most to least verbose)
+type LogLevel = 'debug' | 'info' | 'warn' | 'error' | 'off';
+
+// Logger interface (compatible with console, pino, winston, etc.)
+interface Logger {
+  debug(...args: any[]): void;
+  info(...args: any[]): void;
+  warn(...args: any[]): void;
+  error(...args: any[]): void;
+}
+
+// Header types
+type HeadersLike = Record<string, string | string[] | undefined> | Headers;
+```
+
+## Basic Initialization
+
+### Default Configuration
+
+Uses environment variables for authentication:
+
+```typescript
+const client = new Anthropic();
+// Uses process.env.ANTHROPIC_API_KEY
+```
+
+### Explicit API Key
+
+```typescript
+const client = new Anthropic({
+  apiKey: 'your-api-key-here',
+});
+```
+
+### Dynamic API Key
+
+For rotating credentials or runtime key fetching:
+
+```typescript
+const client = new Anthropic({
+  apiKey: async () => {
+    // Fetch key from secure storage
+    const key = await fetchKeyFromVault();
+    return key;
+  },
+});
+```
+
+The function is called before each request, allowing for:
+- Credential rotation
+- Token refresh
+- Runtime key management
+
+## Configuration Examples
+
+### Custom Timeout
+
+```typescript
+const client = new Anthropic({
+  timeout: 30 * 1000, // 30 seconds
+});
+```
+
+### Disable Retries
+
+```typescript
+const client = new Anthropic({
+  maxRetries: 0,
+});
+```
+
+### Custom Base URL
+
+For proxies or custom endpoints:
+
+```typescript
+const client = new Anthropic({
+  baseURL: 'https://proxy.example.com/anthropic',
+});
+```
+
+### Custom Headers
+
+Add headers to all requests:
+
+```typescript
+const client = new Anthropic({
+  defaultHeaders: {
+    'X-Custom-Header': 'value',
+    'User-Agent': 'MyApp/1.0',
+  },
+});
+```
+
+### Browser Usage (Not Recommended)
+
+```typescript
+const client = new Anthropic({
+  apiKey: 'your-api-key',
+  dangerouslyAllowBrowser: true, // SECURITY WARNING
+});
+```
+
+**WARNING**: This exposes your API key in client-side code. Only use for:
+- Internal tools with trusted users
+- Development/debugging with temporary keys
+- Environments where key exposure is acceptable
+
+### Logging Configuration
+
+```typescript
+// Set log level via environment
+// export ANTHROPIC_LOG=debug
+
+// Or via options
+const client = new Anthropic({
+  logLevel: 'debug', // Shows all HTTP requests/responses
+});
+
+// Custom logger (pino example)
+import pino from 'pino';
+
+const logger = pino();
+const client = new Anthropic({
+  logger: logger.child({ component: 'anthropic-sdk' }),
+  logLevel: 'debug',
+});
+```
+
+Log levels:
+- `debug`: All requests/responses with headers and bodies (may expose sensitive data)
+- `info`: General informational messages
+- `warn`: Warnings and errors (default)
+- `error`: Only errors
+- `off`: No logging
+
+### Custom Fetch Implementation
+
+For Node.js proxies or custom network handling:
+
+```typescript
+// Node.js with undici proxy
+import * as undici from 'undici';
+
+const proxyAgent = new undici.ProxyAgent('http://proxy.example.com:8080');
+const client = new Anthropic({
+  fetchOptions: {
+    dispatcher: proxyAgent, // undici-specific
+  },
+});
+
+// Bun with built-in proxy support
+const client = new Anthropic({
+  fetchOptions: {
+    proxy: 'http://proxy.example.com:8080',
+  },
+});
+
+// Deno with HTTP client
+const httpClient = Deno.createHttpClient({
+  proxy: { url: 'http://proxy.example.com:8080' },
+});
+const client = new Anthropic({
+  fetchOptions: {
+    client: httpClient,
+  },
+});
+
+// Custom fetch function
+const client = new Anthropic({
+  fetch: async (url, init) => {
+    // Add custom logic
+    console.log('Fetching:', url);
+    return fetch(url, init);
+  },
+});
+```
+
+## Instance Methods
+
+### withOptions()
+
+Create a new client with modified options while preserving existing configuration:
+
+```typescript { .api }
+withOptions(options: Partial<ClientOptions>): Anthropic;
+```
+
+**Example:**
+
+```typescript
+const originalClient = new Anthropic({
+  apiKey: 'key-1',
+  timeout: 60000,
+});
+
+// Create new client with different timeout
+const timeoutClient = originalClient.withOptions({
+  timeout: 120000,
+});
+
+// Create new client with different API key
+const secondClient = originalClient.withOptions({
+  apiKey: 'key-2',
+});
+
+// Original client unchanged
+console.log(originalClient.timeout); // 60000
+console.log(timeoutClient.timeout); // 120000
+```
+
+Use cases:
+- Multi-tenant applications with different API keys
+- Different timeout requirements per use case
+- Testing with different configurations
+
+## Resource Endpoints
+
+The client provides access to all API resources:
+
+```typescript { .api }
+client.messages    // Messages API (primary conversational interface)
+client.completions // Legacy completions API
+client.models      // Model information
+client.beta        // Beta features namespace
+```
+
+### Messages
+
+```typescript
+const message = await client.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  messages: [{ role: 'user', content: 'Hello' }],
+});
+```
+
+See [messages.md](./messages.md)
+
+### Models
+
+```typescript
+const models = await client.models.list();
+const model = await client.models.retrieve('claude-sonnet-4-5-20250929');
+```
+
+See [models.md](./models.md)
+
+### Beta Features
+
+```typescript
+const message = await client.beta.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  messages: [{ role: 'user', content: 'Hello' }],
+  betas: ['code-execution-2025-05-22'],
+  tools: [{ name: 'code_execution', type: 'code_execution_20250522' }],
+});
+```
+
+See [beta-features.md](./beta-features.md)
+
+## Static Constants
+
+Legacy prompt delimiters for the old text completions API:
+
+```typescript { .api }
+Anthropic.HUMAN_PROMPT: string    // '\n\nHuman:'
+Anthropic.AI_PROMPT: string       // '\n\nAssistant:'
+Anthropic.DEFAULT_TIMEOUT: number // 600000 (10 minutes)
+```
+
+**Example:**
+
+```typescript
+import Anthropic from '@anthropic-ai/sdk';
+
+const prompt = `${Anthropic.HUMAN_PROMPT} What is 2+2?${Anthropic.AI_PROMPT}`;
+
+// Used with legacy completions API
+const completion = await client.completions.create({
+  model: 'claude-2.1',
+  prompt,
+  max_tokens_to_sample: 100,
+});
+```
+
+**Note**: These are for the legacy completions API. The modern Messages API uses structured message objects instead.
+
+## Per-Request Options
+
+Override client configuration for individual requests:
+
+```typescript { .api }
+interface RequestOptions {
+  timeout?: number;
+  maxRetries?: number;
+  headers?: HeadersLike;
+  query?: Record<string, string | undefined>;
+  signal?: AbortSignal;
+  idempotencyKey?: string;
+}
+```
+
+**Example:**
+
+```typescript
+// Shorter timeout for this request
+const message = await client.messages.create(
+  {
+    model: 'claude-sonnet-4-5-20250929',
+    max_tokens: 1024,
+    messages: [{ role: 'user', content: 'Quick question' }],
+  },
+  {
+    timeout: 10000, // 10 seconds
+    maxRetries: 0,
+    headers: {
+      'X-Request-ID': 'custom-id',
+    },
+  }
+);
+
+// Manual cancellation with AbortController
+const controller = new AbortController();
+const promise = client.messages.create(
+  { /* params */ },
+  { signal: controller.signal }
+);
+
+// Cancel request after 5 seconds
+setTimeout(() => controller.abort(), 5000);
+```
+
+## Environment Variables
+
+The SDK reads configuration from environment variables:
+
+```bash
+# Authentication
+ANTHROPIC_API_KEY=sk-ant-...
+ANTHROPIC_AUTH_TOKEN=...
+
+# Configuration
+ANTHROPIC_BASE_URL=https://custom-endpoint.example.com
+ANTHROPIC_LOG=debug
+
+# Runtime-specific variables are also supported
+NODE_ENV=production
+```
+
+Priority order:
+1. Explicit constructor options
+2. Environment variables
+3. Default values
+
+## Error Handling
+
+The client will throw errors when:
+
+```typescript
+// No API key provided
+try {
+  const client = new Anthropic(); // No apiKey, env var not set
+} catch (error) {
+  // AnthropicError: Missing API Key
+}
+
+// Browser usage without explicit permission
+try {
+  const client = new Anthropic({ apiKey: 'key' }); // In browser
+} catch (error) {
+  // AnthropicError: Browser usage not allowed
+}
+
+// Invalid configuration
+try {
+  const client = new Anthropic({
+    maxRetries: -1, // Invalid
+  });
+} catch (error) {
+  // Configuration validation error
+}
+```
+
+See [errors.md](./errors.md) for complete error handling documentation.
+
+## TypeScript Support
+
+The client is fully typed with TypeScript:
+
+```typescript
+import Anthropic from '@anthropic-ai/sdk';
+
+// All types are exported
+import type {
+  ClientOptions,
+  Message,
+  MessageParam,
+  MessageCreateParams,
+} from '@anthropic-ai/sdk';
+
+const client: Anthropic = new Anthropic();
+
+// Type inference works automatically
+const message = await client.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  messages: [{ role: 'user', content: 'Hello' }],
+});
+
+// message is typed as Anthropic.Message
+console.log(message.content[0].type); // TypeScript knows the shape
+```
+
+## Runtime Compatibility
+
+The SDK supports multiple JavaScript runtimes:
+
+### Node.js
+
+```typescript
+// Node.js 20+ (LTS or later)
+import Anthropic from '@anthropic-ai/sdk';
+const client = new Anthropic();
+```
+
+### Deno
+
+```typescript
+// Deno v1.28.0+
+import Anthropic from 'npm:@anthropic-ai/sdk';
+const client = new Anthropic();
+```
+
+### Bun
+
+```typescript
+// Bun 1.0+
+import Anthropic from '@anthropic-ai/sdk';
+const client = new Anthropic();
+```
+
+### Edge Runtimes
+
+```typescript
+// Cloudflare Workers
+export default {
+  async fetch(request) {
+    const client = new Anthropic({
+      apiKey: env.ANTHROPIC_API_KEY,
+    });
+    // ...
+  },
+};
+
+// Vercel Edge Functions
+import Anthropic from '@anthropic-ai/sdk';
+export const config = { runtime: 'edge' };
+export default async function handler(req) {
+  const client = new Anthropic();
+  // ...
+}
+```
+
+### Browsers
+
+```typescript
+// NOT recommended - exposes API key
+const client = new Anthropic({
+  apiKey: 'your-key', // Will be visible in browser
+  dangerouslyAllowBrowser: true,
+});
+```
+
+**For production browser apps**: Use a backend proxy to keep credentials secure.
+
+## Advanced Usage
+
+### Request ID Tracking
+
+All responses include a request ID for debugging:
+
+```typescript
+const message = await client.messages.create({ /* ... */ });
+console.log(message._request_id); // 'req_018EeWyXxfu5pfWkrYcMdjWG'
+
+// Or access via withResponse()
+const { data, response, request_id } = await client.messages
+  .create({ /* ... */ })
+  .withResponse();
+
+console.log(request_id); // Same ID
+console.log(response.headers.get('request-id'));
+```
+
+### Raw Response Access
+
+Access underlying HTTP response:
+
+```typescript
+// Get response before body is parsed
+const response = await client.messages.create({ /* ... */ }).asResponse();
+console.log(response.status);
+console.log(response.headers.get('x-ratelimit-remaining'));
+
+// Get both parsed data and response
+const { data, response, request_id } = await client.messages
+  .create({ /* ... */ })
+  .withResponse();
+
+console.log(data.content); // Parsed message
+console.log(response.status); // 200
+```
+
+### Keep-Alive Configuration
+
+For long-running connections, TCP keep-alive is automatically configured when supported by the fetch implementation. This reduces idle connection timeouts on some networks.
+
+Override via custom fetch options if needed.
+
+## Best Practices
+
+### Credential Management
+
+```typescript
+// ✅ Good: Use environment variables
+const client = new Anthropic(); // Reads from ANTHROPIC_API_KEY
+
+// ✅ Good: Use credential manager
+const client = new Anthropic({
+  apiKey: async () => await credentialManager.getKey(),
+});
+
+// ❌ Bad: Hardcode keys
+const client = new Anthropic({
+  apiKey: 'sk-ant-...', // Don't commit this!
+});
+```
+
+### Timeout Configuration
+
+```typescript
+// ✅ Good: Set reasonable timeouts
+const client = new Anthropic({
+  timeout: 120000, // 2 minutes for typical requests
+});
+
+// ✅ Good: Use streaming for long operations
+const stream = await client.messages.stream({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 4000,
+  messages: [{ role: 'user', content: 'Long task...' }],
+});
+
+// ❌ Bad: Very short timeout without streaming
+const client = new Anthropic({
+  timeout: 5000, // Too short for API processing
+});
+```
+
+### Error Handling
+
+```typescript
+// ✅ Good: Handle specific errors
+try {
+  const message = await client.messages.create({ /* ... */ });
+} catch (error) {
+  if (error instanceof Anthropic.APIError) {
+    console.error('API error:', error.status, error.message);
+    console.error('Request ID:', error.requestID);
+  } else if (error instanceof Anthropic.APIConnectionError) {
+    console.error('Network error:', error.message);
+  } else {
+    throw error;
+  }
+}
+```
+
+### Resource Reuse
+
+```typescript
+// ✅ Good: Reuse client instance
+const client = new Anthropic();
+
+async function processMany(inputs) {
+  return Promise.all(
+    inputs.map(input =>
+      client.messages.create({ /* ... */ })
+    )
+  );
+}
+
+// ❌ Bad: Create new client per request
+async function processBad(input) {
+  const client = new Anthropic(); // Wasteful
+  return client.messages.create({ /* ... */ });
+}
+```
+
+## See Also
+
+- [Messages API](./messages.md) - Core conversational interface
+- [Streaming](./streaming.md) - Real-time response streaming
+- [Error Handling](./errors.md) - Comprehensive error reference
+- [Beta Features](./beta-features.md) - Experimental capabilities
diff --git a/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/completions.md b/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/completions.md
new file mode 100644
index 000000000..457527839
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/completions.md
@@ -0,0 +1,208 @@
+# Text Completions API (Legacy)
+
+The Text Completions API is a legacy API for generating text completions using Claude models. This API is maintained for backwards compatibility, but the [Messages API](./messages.md) is recommended for new implementations.
+
+**Note:** Future models and features will not be compatible with Text Completions. See the [migration guide](https://docs.anthropic.com/en/api/migrating-from-text-completions-to-messages) for guidance on migrating from Text Completions to Messages.
+
+## Capabilities
+
+### Create Completion
+
+Creates a text completion using the legacy prompt format with `\n\nHuman:` and `\n\nAssistant:` conversational turns.
+
+```typescript { .api }
+/**
+ * Create a Text Completion (Legacy).
+ *
+ * @param params - Completion parameters
+ * @param options - Optional request options
+ * @returns APIPromise resolving to a Completion or Stream<Completion>
+ */
+client.completions.create(
+  params: CompletionCreateParams
+): APIPromise<Completion> | APIPromise<Stream<Completion>>;
+```
+
+**Usage Example:**
+
+```typescript
+import Anthropic from '@anthropic-ai/sdk';
+
+const client = new Anthropic({
+  apiKey: process.env.ANTHROPIC_API_KEY,
+});
+
+// Non-streaming completion
+const completion = await client.completions.create({
+  max_tokens_to_sample: 256,
+  model: 'claude-sonnet-4-5-20250929',
+  prompt: '\n\nHuman: Hello, world!\n\nAssistant:',
+});
+
+console.log(completion.completion);
+
+// Streaming completion
+const stream = await client.completions.create({
+  max_tokens_to_sample: 256,
+  model: 'claude-sonnet-4-5-20250929',
+  prompt: '\n\nHuman: Tell me a story\n\nAssistant:',
+  stream: true,
+});
+
+for await (const chunk of stream) {
+  console.log(chunk.completion);
+}
+```
+
+## Types
+
+### Completion
+
+The response object returned by the Text Completions API.
+
+```typescript { .api }
+interface Completion {
+  /**
+   * Unique object identifier.
+   * The format and length of IDs may change over time.
+   */
+  id: string;
+
+  /**
+   * The resulting completion up to and excluding the stop sequences.
+   */
+  completion: string;
+
+  /**
+   * The model that completed your prompt.
+   * See https://docs.anthropic.com/en/docs/models-overview for details.
+   */
+  model: Model;
+
+  /**
+   * The reason that generation stopped.
+   *
+   * Possible values:
+   * - "stop_sequence": reached a stop sequence (provided or built-in)
+   * - "max_tokens": exceeded max_tokens_to_sample or model's maximum
+   */
+  stop_reason: string | null;
+
+  /**
+   * Object type. For Text Completions, this is always "completion".
+   */
+  type: 'completion';
+}
+```
+
+### CompletionCreateParams
+
+Parameters for creating a text completion.
+
+```typescript { .api }
+type CompletionCreateParams =
+  | CompletionCreateParamsNonStreaming
+  | CompletionCreateParamsStreaming;
+
+interface CompletionCreateParamsBase {
+  /**
+   * The maximum number of tokens to generate before stopping.
+   *
+   * Note that models may stop before reaching this maximum.
+   * This parameter only specifies the absolute maximum number of tokens to generate.
+   */
+  max_tokens_to_sample: number;
+
+  /**
+   * The model that will complete your prompt.
+   * See https://docs.anthropic.com/en/docs/models-overview for details.
+   */
+  model: Model;
+
+  /**
+   * The prompt that you want Claude to complete.
+   *
+   * For proper response generation, format your prompt using alternating
+   * `\n\nHuman:` and `\n\nAssistant:` conversational turns.
+   *
+   * Example: "\n\nHuman: {userQuestion}\n\nAssistant:"
+   *
+   * See https://docs.claude.com/en/api/prompt-validation and
+   * https://docs.claude.com/en/docs/intro-to-prompting for more details.
+   */
+  prompt: string;
+
+  /**
+   * An object describing metadata about the request.
+   */
+  metadata?: Metadata;
+
+  /**
+   * Sequences that will cause the model to stop generating.
+   *
+   * Models stop on "\n\nHuman:" and may include additional built-in stop
+   * sequences in the future. By providing stop_sequences, you may include
+   * additional strings that will cause the model to stop generating.
+   */
+  stop_sequences?: string[];
+
+  /**
+   * Whether to incrementally stream the response using server-sent events.
+   * See https://docs.claude.com/en/api/streaming for details.
+   */
+  stream?: boolean;
+
+  /**
+   * Amount of randomness injected into the response.
+   *
+   * Defaults to 1.0. Ranges from 0.0 to 1.0.
+   * Use temperature closer to 0.0 for analytical/multiple choice tasks,
+   * and closer to 1.0 for creative and generative tasks.
+   *
+   * Note that even with temperature of 0.0, results will not be fully deterministic.
+   */
+  temperature?: number;
+
+  /**
+   * Only sample from the top K options for each subsequent token.
+   *
+   * Used to remove "long tail" low probability responses.
+   * See https://towardsdatascience.com/how-to-sample-from-language-models-682bceb97277
+   *
+   * Recommended for advanced use cases only. You usually only need to use temperature.
+   */
+  top_k?: number;
+
+  /**
+   * Use nucleus sampling.
+   *
+   * In nucleus sampling, we compute the cumulative distribution over all options
+   * for each subsequent token in decreasing probability order and cut it off once
+   * it reaches a particular probability specified by top_p.
+   *
+   * You should either alter temperature or top_p, but not both.
+   *
+   * Recommended for advanced use cases only. You usually only need to use temperature.
+   */
+  top_p?: number;
+
+  /**
+   * Optional header to specify the beta version(s) you want to use.
+   */
+  betas?: AnthropicBeta[];
+}
+
+interface CompletionCreateParamsNonStreaming extends CompletionCreateParamsBase {
+  /**
+   * Whether to incrementally stream the response using server-sent events.
+   */
+  stream?: false;
+}
+
+interface CompletionCreateParamsStreaming extends CompletionCreateParamsBase {
+  /**
+   * Whether to incrementally stream the response using server-sent events.
+   */
+  stream: true;
+}
+```
diff --git a/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/errors.md b/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/errors.md
new file mode 100644
index 000000000..2907486e3
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/errors.md
@@ -0,0 +1,697 @@
+# Error Handling
+
+The Anthropic SDK provides comprehensive error classes for different failure scenarios. All errors extend from the base `AnthropicError` class and provide detailed information for debugging and recovery.
+
+## Error Hierarchy
+
+```typescript { .api }
+AnthropicError
+├── APIError<TStatus, THeaders, TError>
+│   ├── BadRequestError (400)
+│   ├── AuthenticationError (401)
+│   ├── PermissionDeniedError (403)
+│   ├── NotFoundError (404)
+│   ├── ConflictError (409)
+│   ├── UnprocessableEntityError (422)
+│   ├── RateLimitError (429)
+│   └── InternalServerError (5xx)
+├── APIConnectionError
+│   └── APIConnectionTimeoutError
+└── APIUserAbortError
+```
+
+## Base Error Class
+
+```typescript { .api }
+class AnthropicError extends Error {
+  readonly name: string;
+  readonly message: string;
+  readonly cause?: Error;
+}
+```
+
+All SDK errors inherit from `AnthropicError`.
+
+## API Errors
+
+```typescript { .api }
+class APIError<TStatus = number, THeaders = Headers, TError = any> extends AnthropicError {
+  readonly status: TStatus;           // HTTP status code
+  readonly headers: THeaders;         // Response headers
+  readonly error: TError;             // Error details from API
+  readonly requestID: string | null;  // Request ID for debugging
+}
+```
+
+**Example:**
+
+```typescript
+try {
+  const message = await client.messages.create({ /* ... */ });
+} catch (error) {
+  if (error instanceof Anthropic.APIError) {
+    console.error('Status:', error.status);
+    console.error('Message:', error.message);
+    console.error('Request ID:', error.requestID);
+    console.error('Error details:', error.error);
+  }
+}
+```
+
+## HTTP Status Errors
+
+### BadRequestError (400)
+
+Invalid request parameters or malformed request.
+
+```typescript { .api }
+class BadRequestError extends APIError<400> {}
+```
+
+**Common Causes**:
+- Invalid parameter values
+- Missing required fields
+- Malformed JSON
+- Invalid model name
+
+**Example:**
+
+```typescript
+try {
+  const message = await client.messages.create({
+    model: 'invalid-model',
+    max_tokens: 1024,
+    messages: [{ role: 'user', content: 'Hello' }],
+  });
+} catch (error) {
+  if (error instanceof Anthropic.BadRequestError) {
+    console.error('Invalid request:', error.message);
+    // "model: invalid-model is not a valid model"
+  }
+}
+```
+
+### AuthenticationError (401)
+
+Authentication failed - invalid or missing API key.
+
+```typescript { .api }
+class AuthenticationError extends APIError<401> {}
+```
+
+**Common Causes**:
+- Missing API key
+- Invalid API key
+- Expired API key
+
+**Example:**
+
+```typescript
+try {
+  const client = new Anthropic({ apiKey: 'invalid-key' });
+  await client.messages.create({ /* ... */ });
+} catch (error) {
+  if (error instanceof Anthropic.AuthenticationError) {
+    console.error('Authentication failed');
+    // Check API key configuration
+  }
+}
+```
+
+### PermissionDeniedError (403)
+
+Insufficient permissions for the requested operation.
+
+```typescript { .api }
+class PermissionDeniedError extends APIError<403> {}
+```
+
+**Common Causes**:
+- Account doesn't have access to requested feature
+- API key lacks required permissions
+
+**Example:**
+
+```typescript
+try {
+  await client.beta.messages.create({
+    betas: ['restricted-feature'],
+    /* ... */
+  });
+} catch (error) {
+  if (error instanceof Anthropic.PermissionDeniedError) {
+    console.error('Access denied to beta feature');
+  }
+}
+```
+
+### NotFoundError (404)
+
+Requested resource not found.
+
+```typescript { .api }
+class NotFoundError extends APIError<404> {}
+```
+
+**Common Causes**:
+- Invalid resource ID
+- Resource was deleted
+- Typo in endpoint or ID
+
+**Example:**
+
+```typescript
+try {
+  const batch = await client.messages.batches.retrieve('nonexistent-id');
+} catch (error) {
+  if (error instanceof Anthropic.NotFoundError) {
+    console.error('Batch not found');
+  }
+}
+```
+
+### ConflictError (409)
+
+Request conflicts with current state.
+
+```typescript { .api }
+class ConflictError extends APIError<409> {}
+```
+
+**Common Causes**:
+- Duplicate resource creation
+- Conflicting operations
+
+**Example:**
+
+```typescript
+try {
+  await client.beta.skills.create({
+    name: 'existing-skill',  // Already exists
+    /* ... */
+  });
+} catch (error) {
+  if (error instanceof Anthropic.ConflictError) {
+    console.error('Skill already exists');
+  }
+}
+```
+
+### UnprocessableEntityError (422)
+
+Request is syntactically correct but semantically invalid.
+
+```typescript { .api }
+class UnprocessableEntityError extends APIError<422> {}
+```
+
+**Common Causes**:
+- Invalid parameter combination
+- Business logic validation failure
+
+**Example:**
+
+```typescript
+try {
+  await client.messages.create({
+    model: 'claude-sonnet-4-5-20250929',
+    max_tokens: 1024,
+    messages: [
+      { role: 'assistant', content: 'Cannot start with assistant' },
+    ],
+  });
+} catch (error) {
+  if (error instanceof Anthropic.UnprocessableEntityError) {
+    console.error('Invalid message structure');
+  }
+}
+```
+
+### RateLimitError (429)
+
+Rate limit exceeded.
+
+```typescript { .api }
+class RateLimitError extends APIError<429> {}
+```
+
+**Common Causes**:
+- Too many requests in time window
+- Exceeded tokens per minute
+- Exceeded requests per day
+
+**Example:**
+
+```typescript
+try {
+  await client.messages.create({ /* ... */ });
+} catch (error) {
+  if (error instanceof Anthropic.RateLimitError) {
+    console.error('Rate limited');
+
+    // Get retry information from headers
+    const retryAfter = error.headers.get('retry-after');
+    const resetTime = error.headers.get('x-ratelimit-reset');
+
+    console.log(`Retry after: ${retryAfter} seconds`);
+    console.log(`Resets at: ${new Date(parseInt(resetTime) * 1000)}`);
+
+    // Implement backoff
+    await new Promise(resolve => setTimeout(resolve, parseInt(retryAfter) * 1000));
+  }
+}
+```
+
+### InternalServerError (5xx)
+
+Server-side error.
+
+```typescript { .api }
+class InternalServerError extends APIError<500 | 502 | 503 | 504> {}
+```
+
+**Common Causes**:
+- Temporary server issues
+- Service overload
+- Gateway errors
+
+**Example:**
+
+```typescript
+try {
+  await client.messages.create({ /* ... */ });
+} catch (error) {
+  if (error instanceof Anthropic.InternalServerError) {
+    console.error('Server error:', error.status);
+
+    // Retry with exponential backoff
+    await retryWithBackoff(() => client.messages.create({ /* ... */ }));
+  }
+}
+```
+
+## Network Errors
+
+### APIConnectionError
+
+Failed to connect to the API.
+
+```typescript { .api }
+class APIConnectionError extends AnthropicError {
+  readonly cause?: Error;
+}
+```
+
+**Common Causes**:
+- Network connectivity issues
+- DNS resolution failure
+- Firewall blocking requests
+
+**Example:**
+
+```typescript
+try {
+  await client.messages.create({ /* ... */ });
+} catch (error) {
+  if (error instanceof Anthropic.APIConnectionError) {
+    console.error('Network error:', error.message);
+    console.error('Cause:', error.cause);
+
+    // Check network connectivity
+    // Retry with exponential backoff
+  }
+}
+```
+
+### APIConnectionTimeoutError
+
+Request timed out.
+
+```typescript { .api }
+class APIConnectionTimeoutError extends APIConnectionError {}
+```
+
+**Common Causes**:
+- Request exceeded timeout
+- Slow network connection
+- Large request/response
+
+**Example:**
+
+```typescript
+try {
+  await client.messages.create(
+    {
+      model: 'claude-sonnet-4-5-20250929',
+      max_tokens: 10000,
+      messages: [{ role: 'user', content: 'Long task' }],
+    },
+    { timeout: 30000 }  // 30 seconds
+  );
+} catch (error) {
+  if (error instanceof Anthropic.APIConnectionTimeoutError) {
+    console.error('Request timed out');
+
+    // Use streaming for long requests
+    const stream = client.messages.stream({ /* ... */ });
+  }
+}
+```
+
+### APIUserAbortError
+
+User aborted the request.
+
+```typescript { .api }
+class APIUserAbortError extends AnthropicError {}
+```
+
+**Common Causes**:
+- User called `stream.abort()`
+- AbortController signal triggered
+- Stream break
+
+**Example:**
+
+```typescript
+const stream = client.messages.stream({ /* ... */ });
+
+// User decides to cancel
+setTimeout(() => stream.abort(), 5000);
+
+try {
+  await stream.done();
+} catch (error) {
+  if (error instanceof Anthropic.APIUserAbortError) {
+    console.log('User canceled the request');
+  }
+}
+```
+
+## Error Handling Patterns
+
+### Basic Try-Catch
+
+```typescript
+try {
+  const message = await client.messages.create({ /* ... */ });
+  console.log(message.content);
+} catch (error) {
+  if (error instanceof Anthropic.APIError) {
+    console.error(`API Error ${error.status}:`, error.message);
+  } else if (error instanceof Anthropic.APIConnectionError) {
+    console.error('Connection error:', error.message);
+  } else {
+    console.error('Unexpected error:', error);
+    throw error;
+  }
+}
+```
+
+### Comprehensive Error Handling
+
+```typescript
+async function createMessage(params: Anthropic.MessageCreateParams) {
+  try {
+    return await client.messages.create(params);
+  } catch (error) {
+    // HTTP errors
+    if (error instanceof Anthropic.BadRequestError) {
+      console.error('Invalid request parameters');
+      throw new Error('Please check your request parameters');
+    }
+
+    if (error instanceof Anthropic.AuthenticationError) {
+      console.error('Authentication failed');
+      throw new Error('Please check your API key');
+    }
+
+    if (error instanceof Anthropic.RateLimitError) {
+      const retryAfter = error.headers.get('retry-after');
+      console.error(`Rate limited. Retry after ${retryAfter}s`);
+      await sleep(parseInt(retryAfter) * 1000);
+      return createMessage(params);  // Retry
+    }
+
+    if (error instanceof Anthropic.InternalServerError) {
+      console.error('Server error, retrying...');
+      await sleep(5000);
+      return createMessage(params);  // Retry
+    }
+
+    // Network errors
+    if (error instanceof Anthropic.APIConnectionTimeoutError) {
+      console.error('Request timed out');
+      throw new Error('Request took too long. Try using streaming.');
+    }
+
+    if (error instanceof Anthropic.APIConnectionError) {
+      console.error('Network error');
+      throw new Error('Cannot reach Anthropic API. Check your connection.');
+    }
+
+    // User abort
+    if (error instanceof Anthropic.APIUserAbortError) {
+      console.log('Request was canceled');
+      return null;
+    }
+
+    // Unknown error
+    console.error('Unexpected error:', error);
+    throw error;
+  }
+}
+```
+
+### Retry with Exponential Backoff
+
+```typescript
+async function retryWithBackoff<T>(
+  fn: () => Promise<T>,
+  maxRetries = 3,
+  initialDelay = 1000
+): Promise<T> {
+  let lastError: Error;
+
+  for (let attempt = 0; attempt < maxRetries; attempt++) {
+    try {
+      return await fn();
+    } catch (error) {
+      lastError = error;
+
+      // Don't retry on client errors (4xx except 429)
+      if (
+        error instanceof Anthropic.BadRequestError ||
+        error instanceof Anthropic.AuthenticationError ||
+        error instanceof Anthropic.PermissionDeniedError ||
+        error instanceof Anthropic.NotFoundError
+      ) {
+        throw error;
+      }
+
+      // Retry on server errors, network errors, and rate limits
+      if (
+        error instanceof Anthropic.RateLimitError ||
+        error instanceof Anthropic.InternalServerError ||
+        error instanceof Anthropic.APIConnectionError
+      ) {
+        const delay = initialDelay * Math.pow(2, attempt);
+        console.log(`Retry attempt ${attempt + 1} after ${delay}ms`);
+        await new Promise(resolve => setTimeout(resolve, delay));
+        continue;
+      }
+
+      // Unknown error
+      throw error;
+    }
+  }
+
+  throw lastError;
+}
+
+// Usage
+const message = await retryWithBackoff(() =>
+  client.messages.create({ /* ... */ })
+);
+```
+
+### Request ID Logging
+
+```typescript
+try {
+  const message = await client.messages.create({ /* ... */ });
+} catch (error) {
+  if (error instanceof Anthropic.APIError) {
+    console.error('Error details:', {
+      status: error.status,
+      message: error.message,
+      requestID: error.requestID,  // Include in support requests
+      timestamp: new Date().toISOString(),
+    });
+
+    // Log for debugging
+    logger.error('Anthropic API error', {
+      requestId: error.requestID,
+      status: error.status,
+      error: error.error,
+    });
+  }
+}
+```
+
+### Graceful Degradation
+
+```typescript
+async function getResponse(prompt: string): Promise<string> {
+  try {
+    // Try with Opus first
+    const message = await client.messages.create({
+      model: 'claude-opus-4-5-20250514',
+      max_tokens: 2048,
+      messages: [{ role: 'user', content: prompt }],
+    });
+    return message.content[0].text;
+  } catch (error) {
+    if (error instanceof Anthropic.RateLimitError) {
+      console.warn('Opus rate limited, falling back to Sonnet');
+
+      // Fall back to Sonnet
+      const message = await client.messages.create({
+        model: 'claude-sonnet-4-5-20250929',
+        max_tokens: 2048,
+        messages: [{ role: 'user', content: prompt }],
+      });
+      return message.content[0].text;
+    }
+
+    throw error;
+  }
+}
+```
+
+## Accessing Error Details
+
+### Error Object Structure
+
+```typescript
+catch (error) {
+  if (error instanceof Anthropic.APIError) {
+    // Status code
+    console.log(error.status);  // 400, 401, 429, etc.
+
+    // Error message
+    console.log(error.message);  // Human-readable message
+
+    // Request ID
+    console.log(error.requestID);  // 'req_...'
+
+    // Response headers
+    console.log(error.headers.get('x-ratelimit-remaining'));
+
+    // Detailed error from API
+    console.log(error.error);  // API error object
+
+    // Stack trace
+    console.log(error.stack);
+
+    // Original cause (if wrapped)
+    console.log(error.cause);
+  }
+}
+```
+
+### API Error Object
+
+```typescript
+if (error instanceof Anthropic.APIError) {
+  const apiError = error.error;
+
+  console.log('Type:', apiError.type);
+  console.log('Message:', apiError.message);
+
+  // Error-specific fields
+  if (apiError.type === 'invalid_request_error') {
+    console.log('Invalid field:', apiError.field);
+    console.log('Invalid value:', apiError.value);
+  }
+}
+```
+
+## Best Practices
+
+### Specific Error Handling
+
+```typescript
+// ✅ Good: Handle specific errors
+try {
+  const message = await client.messages.create({ /* ... */ });
+} catch (error) {
+  if (error instanceof Anthropic.RateLimitError) {
+    // Handle rate limiting
+  } else if (error instanceof Anthropic.AuthenticationError) {
+    // Handle auth issues
+  } else if (error instanceof Anthropic.APIError) {
+    // Handle other API errors
+  } else {
+    // Handle unexpected errors
+  }
+}
+
+// ❌ Bad: Generic catch-all
+try {
+  const message = await client.messages.create({ /* ... */ });
+} catch (error) {
+  console.error('Error:', error);  // Not helpful
+}
+```
+
+### Error Logging
+
+```typescript
+// ✅ Good: Log useful context
+try {
+  const message = await client.messages.create(params);
+} catch (error) {
+  if (error instanceof Anthropic.APIError) {
+    logger.error('Anthropic API request failed', {
+      requestId: error.requestID,
+      status: error.status,
+      message: error.message,
+      params: { model: params.model, max_tokens: params.max_tokens },
+      userId: currentUserId,
+    });
+  }
+  throw error;
+}
+```
+
+### User-Friendly Messages
+
+```typescript
+// ✅ Good: User-friendly error messages
+try {
+  const message = await client.messages.create({ /* ... */ });
+} catch (error) {
+  if (error instanceof Anthropic.RateLimitError) {
+    return {
+      error: 'Too many requests. Please try again in a few moments.',
+      retryAfter: error.headers.get('retry-after'),
+    };
+  } else if (error instanceof Anthropic.APIConnectionError) {
+    return {
+      error: 'Unable to connect to service. Please check your internet connection.',
+    };
+  } else {
+    return {
+      error: 'An unexpected error occurred. Please try again later.',
+    };
+  }
+}
+```
+
+## See Also
+
+- [Client Configuration](./client.md) - Timeout and retry settings
+- [Messages API](./messages.md) - Message creation errors
+- [Streaming](./streaming.md) - Stream error handling
+- [Types](./types.md) - Error type definitions
diff --git a/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/files.md b/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/files.md
new file mode 100644
index 000000000..018661ac8
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/files.md
@@ -0,0 +1,491 @@
+# Files API (Beta)
+
+The Files API allows you to upload, manage, and download files for use with Claude. Files can be referenced in messages for document analysis, image processing, and other file-based operations.
+
+## Overview
+
+The Files API enables:
+- Upload files for use in conversations
+- Manage uploaded files (list, retrieve metadata, delete)
+- Download files when needed
+- Reference files across multiple messages
+- Support for images and documents (PDFs)
+
+**Beta Feature**: Requires `betas: ['files-api-2025-04-14']`
+
+## API Reference
+
+```typescript { .api }
+class Files extends APIResource {
+  upload(params: FileUploadParams): APIPromise<FileMetadata>;
+  list(params?: FileListParams): FileMetadataPage;
+  retrieveMetadata(fileID: string, params?: FileRetrieveMetadataParams): APIPromise<FileMetadata>;
+  download(fileID: string, params?: FileDownloadParams): APIPromise<Response>;
+  delete(fileID: string, params?: FileDeleteParams): APIPromise<DeletedFile>;
+}
+```
+
+Access via:
+
+```typescript
+client.beta.files.*
+```
+
+## File Types
+
+```typescript { .api }
+interface FileMetadata {
+  id: string;
+  type: 'file';
+  filename: string;
+  size: number;  // Bytes
+  created_at: string;  // ISO 8601
+}
+
+interface DeletedFile {
+  id: string;
+  type: 'file';
+  deleted: boolean;
+}
+```
+
+## Uploading Files
+
+```typescript { .api }
+client.beta.files.upload(
+  params: FileUploadParams
+): APIPromise<FileMetadata>;
+
+interface FileUploadParams {
+  file: File | Blob | ReadStream;
+  betas: ['files-api-2025-04-14'];
+}
+```
+
+**Example - Node.js:**
+
+```typescript
+import Anthropic, { toFile } from '@anthropic-ai/sdk';
+import fs from 'fs';
+
+const client = new Anthropic();
+
+// Upload from file system
+const file = await client.beta.files.upload({
+  file: await toFile(
+    fs.createReadStream('/path/to/document.pdf'),
+    'document.pdf',
+    { type: 'application/pdf' }
+  ),
+  betas: ['files-api-2025-04-14'],
+});
+
+console.log('File ID:', file.id);
+console.log('Filename:', file.filename);
+console.log('Size:', file.size, 'bytes');
+```
+
+**Example - Browser:**
+
+```typescript
+// Upload from File input
+const fileInput = document.querySelector('input[type="file"]');
+const uploadedFile = fileInput.files[0];
+
+const file = await client.beta.files.upload({
+  file: uploadedFile,
+  betas: ['files-api-2025-04-14'],
+});
+```
+
+**Example - Buffer:**
+
+```typescript
+import { toFile } from '@anthropic-ai/sdk';
+
+const buffer = Buffer.from('PDF content here...');
+
+const file = await client.beta.files.upload({
+  file: await toFile(buffer, 'document.pdf', { type: 'application/pdf' }),
+  betas: ['files-api-2025-04-14'],
+});
+```
+
+**Example - Fetch Response:**
+
+```typescript
+const response = await fetch('https://example.com/document.pdf');
+
+const file = await client.beta.files.upload({
+  file: response,
+  betas: ['files-api-2025-04-14'],
+});
+```
+
+## Using Uploaded Files
+
+Reference uploaded files in messages:
+
+```typescript
+// Upload file first
+const file = await client.beta.files.upload({
+  file: await toFile(fs.createReadStream('report.pdf'), 'report.pdf', { type: 'application/pdf' }),
+  betas: ['files-api-2025-04-14'],
+});
+
+// Use file in message
+const message = await client.beta.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 2048,
+  betas: ['files-api-2025-04-14'],
+  messages: [
+    {
+      role: 'user',
+      content: [
+        {
+          type: 'document',
+          source: {
+            type: 'file',
+            file_id: file.id,  // Reference uploaded file
+          },
+        },
+        {
+          type: 'text',
+          text: 'Summarize this document.',
+        },
+      ],
+    },
+  ],
+});
+```
+
+For images:
+
+```typescript
+const image = await client.beta.files.upload({
+  file: await toFile(fs.createReadStream('photo.jpg'), 'photo.jpg', { type: 'image/jpeg' }),
+  betas: ['files-api-2025-04-14'],
+});
+
+const message = await client.beta.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  betas: ['files-api-2025-04-14'],
+  messages: [
+    {
+      role: 'user',
+      content: [
+        {
+          type: 'image',
+          source: {
+            type: 'file',
+            file_id: image.id,
+          },
+        },
+        {
+          type: 'text',
+          text: 'What is in this image?',
+        },
+      ],
+    },
+  ],
+});
+```
+
+## Listing Files
+
+```typescript { .api }
+client.beta.files.list(
+  params?: FileListParams
+): FileMetadataPage;
+
+interface FileListParams {
+  before_id?: string;
+  after_id?: string;
+  limit?: number;  // Default: 20
+  betas: ['files-api-2025-04-14'];
+}
+```
+
+**Example:**
+
+```typescript
+const files = await client.beta.files.list({
+  limit: 50,
+  betas: ['files-api-2025-04-14'],
+});
+
+for (const file of files.data) {
+  console.log(`${file.filename} - ${file.size} bytes - ${file.created_at}`);
+}
+
+// Auto-pagination
+for await (const file of client.beta.files.list({ betas: ['files-api-2025-04-14'] })) {
+  console.log(file.id);
+}
+```
+
+## Retrieving File Metadata
+
+```typescript { .api }
+client.beta.files.retrieveMetadata(
+  fileID: string,
+  params?: FileRetrieveMetadataParams
+): APIPromise<FileMetadata>;
+
+interface FileRetrieveMetadataParams {
+  betas: ['files-api-2025-04-14'];
+}
+```
+
+**Example:**
+
+```typescript
+const metadata = await client.beta.files.retrieveMetadata('file_abc123', {
+  betas: ['files-api-2025-04-14'],
+});
+
+console.log('Filename:', metadata.filename);
+console.log('Size:', metadata.size);
+console.log('Created:', metadata.created_at);
+```
+
+## Downloading Files
+
+```typescript { .api }
+client.beta.files.download(
+  fileID: string,
+  params?: FileDownloadParams
+): APIPromise<Response>;
+
+interface FileDownloadParams {
+  betas: ['files-api-2025-04-14'];
+}
+```
+
+**Example:**
+
+```typescript
+import fs from 'fs';
+import { pipeline } from 'stream/promises';
+
+const response = await client.beta.files.download('file_abc123', {
+  betas: ['files-api-2025-04-14'],
+});
+
+// Save to file system (Node.js)
+await pipeline(
+  response.body,
+  fs.createWriteStream('/path/to/downloaded-file.pdf')
+);
+
+// Or get as buffer
+const buffer = Buffer.from(await response.arrayBuffer());
+
+// Browser: Trigger download
+const blob = await response.blob();
+const url = URL.createObjectURL(blob);
+const a = document.createElement('a');
+a.href = url;
+a.download = 'file.pdf';
+a.click();
+```
+
+## Deleting Files
+
+```typescript { .api }
+client.beta.files.delete(
+  fileID: string,
+  params?: FileDeleteParams
+): APIPromise<DeletedFile>;
+
+interface FileDeleteParams {
+  betas: ['files-api-2025-04-14'];
+}
+```
+
+**Example:**
+
+```typescript
+const deleted = await client.beta.files.delete('file_abc123', {
+  betas: ['files-api-2025-04-14'],
+});
+
+console.log('Deleted:', deleted.deleted); // true
+```
+
+## Complete Workflow
+
+```typescript
+import Anthropic, { toFile } from '@anthropic-ai/sdk';
+import fs from 'fs';
+
+const client = new Anthropic();
+
+// 1. Upload file
+console.log('Uploading file...');
+const file = await client.beta.files.upload({
+  file: await toFile(
+    fs.createReadStream('document.pdf'),
+    'document.pdf',
+    { type: 'application/pdf' }
+  ),
+  betas: ['files-api-2025-04-14'],
+});
+
+console.log('Uploaded:', file.id);
+
+// 2. Use in message
+console.log('Creating message...');
+const message = await client.beta.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 2048,
+  betas: ['files-api-2025-04-14'],
+  messages: [
+    {
+      role: 'user',
+      content: [
+        {
+          type: 'document',
+          source: {
+            type: 'file',
+            file_id: file.id,
+          },
+        },
+        {
+          type: 'text',
+          text: 'Extract the key points from this document.',
+        },
+      ],
+    },
+  ],
+});
+
+console.log('Response:', message.content[0].text);
+
+// 3. Cleanup
+console.log('Cleaning up...');
+await client.beta.files.delete(file.id, {
+  betas: ['files-api-2025-04-14'],
+});
+
+console.log('Done!');
+```
+
+## File Reuse
+
+Files can be referenced multiple times:
+
+```typescript
+const file = await client.beta.files.upload({ /* ... */ });
+
+// Use in multiple messages
+const message1 = await client.beta.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  betas: ['files-api-2025-04-14'],
+  messages: [{
+    role: 'user',
+    content: [
+      { type: 'document', source: { type: 'file', file_id: file.id } },
+      { type: 'text', text: 'Summarize this.' },
+    ],
+  }],
+});
+
+const message2 = await client.beta.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  betas: ['files-api-2025-04-14'],
+  messages: [{
+    role: 'user',
+    content: [
+      { type: 'document', source: { type: 'file', file_id: file.id } },
+      { type: 'text', text: 'What are the main topics?' },
+    ],
+  }],
+});
+
+// Cleanup when done
+await client.beta.files.delete(file.id, { betas: ['files-api-2025-04-14'] });
+```
+
+## Supported File Types
+
+### Documents
+- PDF: `application/pdf`
+- Text: `text/plain`
+
+### Images
+- JPEG: `image/jpeg`
+- PNG: `image/png`
+- GIF: `image/gif`
+- WebP: `image/webp`
+
+## Limitations
+
+- Maximum file size varies by type
+- Files are stored temporarily
+- Access requires beta header
+- Automatic cleanup after expiration
+
+## Best Practices
+
+### File Management
+
+```typescript
+// ✅ Good: Clean up after use
+const file = await client.beta.files.upload({ /* ... */ });
+try {
+  const message = await client.beta.messages.create({ /* ... */ });
+  // Use message
+} finally {
+  await client.beta.files.delete(file.id, { betas: ['files-api-2025-04-14'] });
+}
+
+// ❌ Bad: Leaving files around
+const file = await client.beta.files.upload({ /* ... */ });
+const message = await client.beta.messages.create({ /* ... */ });
+// File never deleted
+```
+
+### Error Handling
+
+```typescript
+try {
+  const file = await client.beta.files.upload({ /* ... */ });
+} catch (error) {
+  if (error instanceof Anthropic.BadRequestError) {
+    console.error('Invalid file:', error.message);
+  } else if (error instanceof Anthropic.RateLimitError) {
+    console.error('Rate limited, retry later');
+  }
+  throw error;
+}
+```
+
+### File Validation
+
+```typescript
+// ✅ Good: Validate before upload
+async function uploadFile(filePath: string) {
+  const stats = await fs.promises.stat(filePath);
+
+  if (stats.size > 10 * 1024 * 1024) { // 10MB
+    throw new Error('File too large');
+  }
+
+  const ext = path.extname(filePath);
+  if (!['.pdf', '.jpg', '.png'].includes(ext)) {
+    throw new Error('Unsupported file type');
+  }
+
+  return client.beta.files.upload({ /* ... */ });
+}
+```
+
+## See Also
+
+- [Messages API](./messages.md) - Using files in messages
+- [Beta Features](./beta-features.md) - Other beta capabilities
+- [Types](./types.md) - File type definitions
diff --git a/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/index.md b/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/index.md
new file mode 100644
index 000000000..bba487985
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/index.md
@@ -0,0 +1,434 @@
+# Anthropic TypeScript SDK
+
+The official TypeScript library for the Anthropic API, providing comprehensive access to Claude AI models. This SDK offers strongly-typed interfaces, streaming support, tool execution helpers, batch processing, and extensive beta features including code execution, computer use, and memory management.
+
+## Package Information
+
+- **Package Name**: @anthropic-ai/sdk
+- **Package Type**: npm
+- **Language**: TypeScript
+- **Installation**: `npm install @anthropic-ai/sdk`
+
+## Core Imports
+
+```typescript
+import Anthropic from '@anthropic-ai/sdk';
+```
+
+CommonJS:
+
+```javascript
+const Anthropic = require('@anthropic-ai/sdk');
+```
+
+## Basic Usage
+
+```typescript
+import Anthropic from '@anthropic-ai/sdk';
+
+const client = new Anthropic({
+  apiKey: process.env.ANTHROPIC_API_KEY, // This is the default
+});
+
+const message = await client.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  messages: [{ role: 'user', content: 'Hello, Claude' }],
+});
+
+console.log(message.content);
+```
+
+## Architecture
+
+The SDK is organized around several key components:
+
+- **Client**: Main `Anthropic` class that initializes API access and provides resource endpoints
+- **Resources**: API endpoint groups (`messages`, `models`, `beta`)
+- **Streaming**: Enhanced streaming with `MessageStream` helper providing event-based API and message accumulation
+- **Tools**: Helper functions for defining and automatically executing tools using Zod or JSON Schema
+- **Pagination**: Automatic pagination support for list endpoints with async iteration
+- **Error Handling**: Comprehensive error class hierarchy for different HTTP status codes
+
+## Capabilities
+
+### Client Initialization
+
+Create and configure the Anthropic API client.
+
+```typescript { .api }
+class Anthropic {
+  constructor(options?: ClientOptions);
+}
+
+interface ClientOptions {
+  apiKey?: string | ((req: Request) => string) | null;
+  authToken?: string | null;
+  baseURL?: string | null;
+  timeout?: number; // default: 600000 (10 minutes)
+  maxRetries?: number; // default: 2
+  fetchOptions?: RequestInit;
+  fetch?: typeof fetch;
+  defaultHeaders?: Record<string, string>;
+  defaultQuery?: Record<string, string>;
+  dangerouslyAllowBrowser?: boolean;
+  logLevel?: 'debug' | 'info' | 'warn' | 'error' | 'off';
+  logger?: Logger;
+}
+```
+
+[Client Configuration](./client.md)
+
+### Text Completions API (Legacy)
+
+Legacy text completion interface using the `\n\nHuman:` and `\n\nAssistant:` prompt format. This API is maintained for backwards compatibility, but the Messages API is recommended for new implementations.
+
+```typescript { .api }
+client.completions.create(
+  params: CompletionCreateParams
+): APIPromise<Completion> | APIPromise<Stream<Completion>>;
+
+interface Completion {
+  id: string;
+  completion: string;
+  model: Model;
+  stop_reason: string | null;
+  type: 'completion';
+}
+```
+
+[Text Completions API](./completions.md)
+
+### Messages API
+
+Core conversational interface for interacting with Claude models. Supports both streaming and non-streaming requests, tool use, prompt caching, and extended thinking.
+
+```typescript { .api }
+client.messages.create(
+  params: MessageCreateParams
+): APIPromise<Message> | APIPromise<Stream<MessageStreamEvent>>;
+
+interface MessageCreateParams {
+  model: string; // e.g., 'claude-sonnet-4-5-20250929'
+  max_tokens: number;
+  messages: MessageParam[];
+  stream?: boolean;
+  system?: string | SystemBlockParam[];
+  temperature?: number;
+  top_k?: number;
+  top_p?: number;
+  stop_sequences?: string[];
+  metadata?: Metadata;
+  tools?: Tool[];
+  tool_choice?: ToolChoice;
+}
+
+interface MessageParam {
+  role: 'user' | 'assistant';
+  content: string | ContentBlockParam[];
+}
+
+interface Message {
+  id: string;
+  type: 'message';
+  role: 'assistant';
+  content: ContentBlock[];
+  model: string;
+  stop_reason: 'end_turn' | 'max_tokens' | 'stop_sequence' | 'tool_use' | 'server_tool_use' | null;
+  stop_sequence: string | null;
+  usage: Usage;
+}
+```
+
+[Messages API](./messages.md)
+
+### Streaming
+
+Enhanced streaming capabilities with event-based API, automatic message accumulation, and helper methods.
+
+```typescript { .api }
+client.messages.stream(params: MessageStreamParams): MessageStream;
+
+class MessageStream {
+  on(event: string, listener: Function): this;
+  once(event: string, listener: Function): this;
+  off(event: string, listener: Function): this;
+  emitted(event: string): Promise<any>;
+  done(): Promise<void>;
+  finalMessage(): Promise<Message>;
+  finalText(): Promise<string>;
+  abort(): void;
+  toReadableStream(): ReadableStream;
+}
+```
+
+Events: `connect`, `streamEvent`, `text`, `inputJson`, `citation`, `thinking`, `contentBlock`, `message`, `finalMessage`, `error`, `abort`, `end`
+
+[Streaming](./streaming.md)
+
+### Tool Use
+
+Define and execute tools (function calling) with automatic validation and execution loop.
+
+```typescript { .api }
+// Tool definition
+interface Tool {
+  name: string;
+  description: string;
+  input_schema: {
+    type: 'object';
+    properties: Record<string, any>;
+    required?: string[];
+  };
+}
+
+// Tool helpers with Zod
+import { betaZodTool } from '@anthropic-ai/sdk/helpers/zod';
+
+function betaZodTool<Schema extends ZodType>(options: {
+  name: string;
+  inputSchema: Schema;
+  description: string;
+  run: (input: z.infer<Schema>) => Promise<string | BetaToolResultContentBlockParam[]> | string | BetaToolResultContentBlockParam[];
+}): BetaRunnableTool<z.infer<Schema>>;
+
+// Automatic tool execution
+client.beta.messages.toolRunner(
+  params: BetaToolRunnerParams
+): BetaToolRunner;
+```
+
+[Tool Use and Tool Helpers](./tools.md)
+
+### Message Batches
+
+Batch processing for multiple messages with asynchronous result retrieval.
+
+```typescript { .api }
+client.messages.batches.create(
+  params: MessageBatchCreateParams
+): APIPromise<MessageBatch>;
+
+client.messages.batches.list(
+  params?: MessageBatchListParams
+): MessageBatchesPage;
+
+client.messages.batches.results(
+  messageBatchID: string
+): AsyncIterable<MessageBatchIndividualResponse>;
+
+interface MessageBatch {
+  id: string;
+  type: 'message_batch';
+  processing_status: 'in_progress' | 'canceling' | 'ended';
+  request_counts: MessageBatchRequestCounts;
+  ended_at: string | null;
+  created_at: string;
+  expires_at: string;
+  archived_at: string | null;
+  cancel_initiated_at: string | null;
+  results_url: string | null;
+}
+```
+
+[Message Batches](./batches.md)
+
+### Models API
+
+Retrieve information about available Claude models.
+
+```typescript { .api }
+client.models.retrieve(
+  modelID: string,
+  params?: ModelRetrieveParams
+): APIPromise<ModelInfo>;
+
+client.models.list(
+  params?: ModelListParams
+): ModelInfosPage;
+
+interface ModelInfo {
+  type: 'model';
+  id: string;
+  display_name: string;
+  created_at: string;
+}
+```
+
+[Models API](./models.md)
+
+### Files API (Beta)
+
+Upload, manage, and download files for use with file-based tools and document processing.
+
+```typescript { .api }
+client.beta.files.upload(
+  params: FileUploadParams
+): APIPromise<FileMetadata>;
+
+client.beta.files.list(
+  params?: FileListParams
+): FileMetadataPage;
+
+client.beta.files.download(
+  fileID: string,
+  params?: FileDownloadParams
+): APIPromise<Response>;
+
+interface FileMetadata {
+  id: string;
+  type: 'file';
+  filename: string;
+  size: number;
+  created_at: string;
+}
+```
+
+[Files API](./files.md)
+
+### Skills API (Beta)
+
+Create and manage custom skills for extended capabilities.
+
+```typescript { .api }
+client.beta.skills.create(
+  params: SkillCreateParams
+): APIPromise<SkillCreateResponse>;
+
+client.beta.skills.list(
+  params?: SkillListParams
+): SkillListResponsesPageCursor;
+
+client.beta.skills.retrieve(
+  skillID: string,
+  params?: SkillRetrieveParams
+): APIPromise<SkillRetrieveResponse>;
+```
+
+[Skills API](./skills.md)
+
+### Beta Features
+
+Access experimental and advanced features through the beta namespace.
+
+Beta features include:
+- **Code Execution**: Execute Python code in sandboxed environments
+- **Computer Use**: Control computer interactions (bash, text editor, computer use tools)
+- **Extended Thinking**: Access full thinking traces from Claude
+- **MCP (Model Context Protocol)**: External tool integration
+- **Memory Tools**: Persistent memory across conversations
+- **Web Search & Fetch**: Search the web and fetch content
+- **Context Management**: Advanced context window management
+- **Structured Outputs**: JSON output with automatic parsing
+
+```typescript { .api }
+// Access beta features
+client.beta.messages.create(params: {
+  ...MessageCreateParams,
+  betas: AnthropicBeta[];
+});
+
+type AnthropicBeta =
+  | 'message-batches-2024-09-24'
+  | 'prompt-caching-2024-07-31'
+  | 'computer-use-2025-01-24'
+  | 'code-execution-2025-05-22'
+  | 'files-api-2025-04-14'
+  | 'mcp-client-2025-04-04'
+  | 'skills-2025-10-02'
+  | 'context-management-2025-06-27'
+  // ... and more
+  ;
+```
+
+[Beta Features](./beta-features.md)
+
+### Error Handling
+
+Comprehensive error classes for different failure scenarios.
+
+```typescript { .api }
+class AnthropicError extends Error {}
+class APIError extends AnthropicError {
+  readonly status: number;
+  readonly headers: Headers;
+  readonly error: any;
+  readonly requestID: string | null;
+}
+class BadRequestError extends APIError {} // 400
+class AuthenticationError extends APIError {} // 401
+class PermissionDeniedError extends APIError {} // 403
+class NotFoundError extends APIError {} // 404
+class UnprocessableEntityError extends APIError {} // 422
+class RateLimitError extends APIError {} // 429
+class InternalServerError extends APIError {} // 5xx
+class APIConnectionError extends AnthropicError {}
+class APIConnectionTimeoutError extends APIConnectionError {}
+class APIUserAbortError extends AnthropicError {}
+```
+
+[Error Handling](./errors.md)
+
+### Pagination
+
+Automatic pagination support for list endpoints with async iteration.
+
+```typescript { .api }
+// Auto-pagination with async iteration
+for await (const item of client.messages.batches.list({ limit: 20 })) {
+  console.log(item);
+}
+
+// Manual pagination
+let page = await client.messages.batches.list({ limit: 20 });
+while (page.hasNextPage()) {
+  page = await page.getNextPage();
+  // process page.data
+}
+
+// Page interface
+interface Page<Item> {
+  data: Item[];
+  has_more: boolean;
+  first_id: string | null;
+  last_id: string | null;
+  hasNextPage(): boolean;
+  getNextPage(): Promise<this>;
+}
+```
+
+### File Uploads
+
+Convert various input types to uploadable files.
+
+```typescript { .api }
+import { toFile } from '@anthropic-ai/sdk';
+
+function toFile(
+  value: File | Blob | Response | ReadStream | Buffer | Uint8Array | ArrayBuffer,
+  name?: string,
+  options?: { type?: string }
+): Promise<FileLike>;
+```
+
+### Request Metadata
+
+Access response headers and request IDs for debugging.
+
+```typescript { .api }
+// Get response metadata
+const { data, response, request_id } = await client.messages
+  .create(params)
+  .withResponse();
+
+console.log(request_id); // For support requests
+
+// Get raw response
+const response = await client.messages.create(params).asResponse();
+```
+
+## Types Reference
+
+For complete type definitions including all content blocks, tool types, streaming events, and beta-specific types, see:
+
+[Types Reference](./types.md)
diff --git a/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/messages.md b/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/messages.md
new file mode 100644
index 000000000..306f4d47e
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/messages.md
@@ -0,0 +1,1025 @@
+# Messages API
+
+The Messages API is the core interface for conversational interactions with Claude models. It supports text, images, documents, tool use, thinking, prompt caching, and both streaming and non-streaming modes.
+
+## Overview
+
+The Messages API allows you to:
+- Send structured conversations with multiple turns
+- Include text, images, and document content
+- Use tools (function calling) for extended capabilities
+- Stream responses in real-time
+- Cache prompts for efficient repeated use
+- Access extended thinking traces
+- Count tokens before creating messages
+
+## API Reference
+
+```typescript { .api }
+class Messages extends APIResource {
+  // Sub-resources
+  batches: Batches;
+
+  // Methods
+  create(params: MessageCreateParamsNonStreaming, options?: RequestOptions): APIPromise<Message>;
+  create(params: MessageCreateParamsStreaming, options?: RequestOptions): APIPromise<Stream<RawMessageStreamEvent>>;
+  stream(params: MessageStreamParams, options?: RequestOptions): MessageStream;
+  countTokens(params: MessageCountTokensParams, options?: RequestOptions): APIPromise<MessageTokensCount>;
+}
+```
+
+## Creating Messages
+
+### Basic Message Creation
+
+```typescript { .api }
+client.messages.create(params: MessageCreateParams): APIPromise<Message>;
+
+interface MessageCreateParams {
+  model: string;              // Required: Model identifier
+  max_tokens: number;         // Required: Maximum tokens to generate
+  messages: MessageParam[];   // Required: Conversation messages
+
+  // Optional parameters
+  stream?: boolean;           // Enable streaming
+  system?: string | SystemBlockParam[];  // System prompt
+  temperature?: number;       // 0-1, default varies by model
+  top_k?: number;            // Top-k sampling
+  top_p?: number;            // 0-1, nucleus sampling
+  stop_sequences?: string[]; // Stop generation on these sequences
+  metadata?: Metadata;       // User-defined metadata
+  tools?: Tool[];            // Available tools
+  tool_choice?: ToolChoice;  // Tool selection strategy
+  thinking?: ThinkingConfigParam;  // Extended thinking configuration
+  citations?: CitationsConfigParam;  // Citation generation
+}
+```
+
+**Example:**
+
+```typescript
+import Anthropic from '@anthropic-ai/sdk';
+
+const client = new Anthropic();
+
+const message = await client.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  messages: [
+    {
+      role: 'user',
+      content: 'What is the capital of France?'
+    }
+  ],
+});
+
+console.log(message.content[0].text); // "The capital of France is Paris."
+```
+
+### Multi-Turn Conversations
+
+```typescript
+const message = await client.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  messages: [
+    {
+      role: 'user',
+      content: 'Hello, my name is Alice.'
+    },
+    {
+      role: 'assistant',
+      content: 'Hello Alice! Nice to meet you. How can I help you today?'
+    },
+    {
+      role: 'user',
+      content: 'What did I just tell you my name was?'
+    }
+  ],
+});
+
+console.log(message.content[0].text); // "You told me your name is Alice."
+```
+
+### System Prompts
+
+System prompts guide Claude's behavior:
+
+```typescript
+const message = await client.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  system: 'You are a helpful assistant that speaks like a pirate.',
+  messages: [
+    {
+      role: 'user',
+      content: 'Tell me about the weather.'
+    }
+  ],
+});
+```
+
+Advanced system with cache control:
+
+```typescript
+const message = await client.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  system: [
+    {
+      type: 'text',
+      text: 'You are an expert in quantum physics.',
+    },
+    {
+      type: 'text',
+      text: 'Here is a large corpus of physics papers...',
+      cache_control: { type: 'ephemeral' }, // Cache this content
+    }
+  ],
+  messages: [
+    {
+      role: 'user',
+      content: 'Explain quantum entanglement.'
+    }
+  ],
+});
+```
+
+## Message Structure
+
+### MessageParam (Input)
+
+```typescript { .api }
+interface MessageParam {
+  role: 'user' | 'assistant';
+  content: string | ContentBlockParam[];
+}
+
+// Simple text content
+type MessageParam = {
+  role: 'user' | 'assistant';
+  content: string;
+};
+
+// Structured content blocks
+type MessageParam = {
+  role: 'user' | 'assistant';
+  content: ContentBlockParam[];
+};
+```
+
+### Message (Output)
+
+```typescript { .api }
+interface Message {
+  id: string;                    // Unique message ID
+  type: 'message';
+  role: 'assistant';
+  content: ContentBlock[];       // Generated content blocks
+  model: string;                 // Model that generated response
+  stop_reason: StopReason | null;
+  stop_sequence: string | null;
+  usage: Usage;                  // Token usage information
+  _request_id?: string;          // Request ID for debugging
+}
+
+type StopReason =
+  | 'end_turn'        // Natural completion
+  | 'max_tokens'      // Reached max_tokens limit
+  | 'stop_sequence'   // Hit a stop sequence
+  | 'tool_use'        // Wants to use a tool
+  | 'server_tool_use' // Server-side tool execution
+  ;
+
+interface Usage {
+  input_tokens: number;
+  output_tokens: number;
+  cache_creation_input_tokens?: number;  // Tokens cached (first use)
+  cache_read_input_tokens?: number;      // Tokens read from cache
+}
+```
+
+## Content Blocks
+
+### Input Content Blocks
+
+```typescript { .api }
+type ContentBlockParam =
+  | TextBlockParam
+  | ImageBlockParam
+  | DocumentBlockParam
+  | ToolUseBlockParam
+  | ToolResultBlockParam
+  | ThinkingBlockParam
+  | RedactedThinkingBlockParam
+  | ServerToolUseBlockParam
+  | SearchResultBlockParam
+  | WebSearchResultBlockParam
+  ;
+
+// Text content
+interface TextBlockParam {
+  type: 'text';
+  text: string;
+  cache_control?: CacheControlEphemeral;
+  citations?: TextCitationParam[];
+}
+
+// Image content
+interface ImageBlockParam {
+  type: 'image';
+  source: Base64ImageSource | URLImageSource;
+  cache_control?: CacheControlEphemeral;
+}
+
+interface Base64ImageSource {
+  type: 'base64';
+  media_type: 'image/jpeg' | 'image/png' | 'image/gif' | 'image/webp';
+  data: string;  // Base64-encoded image
+}
+
+interface URLImageSource {
+  type: 'url';
+  url: string;
+}
+
+// Document content (PDFs, text files)
+interface DocumentBlockParam {
+  type: 'document';
+  source: Base64PDFSource | URLPDFSource | PlainTextSource;
+  cache_control?: CacheControlEphemeral;
+}
+
+interface Base64PDFSource {
+  type: 'base64';
+  media_type: 'application/pdf';
+  data: string;  // Base64-encoded PDF
+}
+
+interface URLPDFSource {
+  type: 'url';
+  url: string;
+  media_type: 'application/pdf';
+}
+
+interface PlainTextSource {
+  type: 'text';
+  media_type: 'text/plain';
+  data: string;
+}
+
+// Tool use request (from assistant)
+interface ToolUseBlockParam {
+  type: 'tool_use';
+  id: string;
+  name: string;
+  input: Record<string, any>;
+  cache_control?: CacheControlEphemeral;
+}
+
+// Tool result (from user)
+interface ToolResultBlockParam {
+  type: 'tool_result';
+  tool_use_id: string;
+  content?: string | ContentBlockParam[];
+  is_error?: boolean;
+  cache_control?: CacheControlEphemeral;
+}
+```
+
+### Output Content Blocks
+
+```typescript { .api }
+type ContentBlock =
+  | TextBlock
+  | ThinkingBlock
+  | RedactedThinkingBlock
+  | ToolUseBlock
+  | ServerToolUseBlock
+  | WebSearchResultBlock
+  ;
+
+interface TextBlock {
+  type: 'text';
+  text: string;
+  citations?: TextCitation[];
+}
+
+interface ThinkingBlock {
+  type: 'thinking';
+  thinking: string;
+  signature?: string;
+}
+
+interface RedactedThinkingBlock {
+  type: 'redacted_thinking';
+  signature: string;
+}
+
+interface ToolUseBlock {
+  type: 'tool_use';
+  id: string;
+  name: string;
+  input: Record<string, any>;
+}
+
+interface ServerToolUseBlock {
+  type: 'server_tool_use';
+  id: string;
+  name: string;
+  input: Record<string, any>;
+}
+
+interface WebSearchResultBlock {
+  type: 'web_search_result';
+  query: string;
+  results: Array<{
+    url: string;
+    title: string;
+    snippet: string;
+  }>;
+}
+```
+
+## Examples
+
+### Text with Images
+
+```typescript
+const message = await client.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  messages: [
+    {
+      role: 'user',
+      content: [
+        {
+          type: 'image',
+          source: {
+            type: 'base64',
+            media_type: 'image/jpeg',
+            data: '/9j/4AAQSkZJRgABAQAA...',  // Base64 image data
+          },
+        },
+        {
+          type: 'text',
+          text: 'What is in this image?',
+        },
+      ],
+    },
+  ],
+});
+```
+
+From URL:
+
+```typescript
+const message = await client.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  messages: [
+    {
+      role: 'user',
+      content: [
+        {
+          type: 'image',
+          source: {
+            type: 'url',
+            url: 'https://example.com/image.jpg',
+          },
+        },
+        {
+          type: 'text',
+          text: 'Describe this image.',
+        },
+      ],
+    },
+  ],
+});
+```
+
+### Documents (PDFs)
+
+```typescript
+import fs from 'fs';
+
+const pdfData = fs.readFileSync('document.pdf', 'base64');
+
+const message = await client.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  messages: [
+    {
+      role: 'user',
+      content: [
+        {
+          type: 'document',
+          source: {
+            type: 'base64',
+            media_type: 'application/pdf',
+            data: pdfData,
+          },
+        },
+        {
+          type: 'text',
+          text: 'Summarize this document.',
+        },
+      ],
+    },
+  ],
+});
+```
+
+### Temperature and Sampling
+
+Control randomness and creativity:
+
+```typescript
+// More creative (higher randomness)
+const creative = await client.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  temperature: 1.0,  // Range: 0-1
+  messages: [
+    {
+      role: 'user',
+      content: 'Write a creative story about a robot.',
+    }
+  ],
+});
+
+// More focused (lower randomness)
+const focused = await client.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  temperature: 0.2,
+  top_p: 0.9,        // Nucleus sampling
+  messages: [
+    {
+      role: 'user',
+      content: 'What is 2+2?',
+    }
+  ],
+});
+```
+
+### Stop Sequences
+
+Stop generation at specific strings:
+
+```typescript
+const message = await client.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  stop_sequences: ['\n\nHuman:', 'END'],
+  messages: [
+    {
+      role: 'user',
+      content: 'Count from 1 to 10, one per line.',
+    }
+  ],
+});
+
+// Will stop if it generates '\n\nHuman:' or 'END'
+if (message.stop_reason === 'stop_sequence') {
+  console.log('Stopped at:', message.stop_sequence);
+}
+```
+
+### Metadata
+
+Attach custom metadata for tracking:
+
+```typescript
+const message = await client.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  metadata: {
+    user_id: 'user_123',
+    session_id: 'session_456',
+    environment: 'production',
+  },
+  messages: [
+    {
+      role: 'user',
+      content: 'Hello!',
+    }
+  ],
+});
+```
+
+## Prompt Caching
+
+Cache frequently used content to reduce latency and costs:
+
+```typescript
+// First request - creates cache
+const message1 = await client.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  system: [
+    {
+      type: 'text',
+      text: 'You are an expert legal analyst.',
+    },
+    {
+      type: 'text',
+      text: largeDocumentText,  // Large document
+      cache_control: {
+        type: 'ephemeral',
+        ttl: '5m',  // or '1h'
+      },
+    },
+  ],
+  messages: [
+    {
+      role: 'user',
+      content: 'Analyze section 1.',
+    }
+  ],
+});
+
+console.log(message1.usage);
+// {
+//   input_tokens: 1000,
+//   cache_creation_input_tokens: 5000,  // Cached
+//   output_tokens: 500
+// }
+
+// Second request - uses cache
+const message2 = await client.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  system: [
+    {
+      type: 'text',
+      text: 'You are an expert legal analyst.',
+    },
+    {
+      type: 'text',
+      text: largeDocumentText,  // Same content
+      cache_control: { type: 'ephemeral', ttl: '5m' },
+    },
+  ],
+  messages: [
+    {
+      role: 'user',
+      content: 'Analyze section 2.',  // Different question
+    }
+  ],
+});
+
+console.log(message2.usage);
+// {
+//   input_tokens: 1000,
+//   cache_read_input_tokens: 5000,  // Read from cache
+//   output_tokens: 500
+// }
+```
+
+Cache TTL options:
+- `5m`: 5 minutes (default)
+- `1h`: 1 hour
+
+Caching works for:
+- System prompts
+- User messages
+- Tool definitions
+- Documents and images
+
+## Extended Thinking
+
+Access Claude's reasoning process:
+
+```typescript
+const message = await client.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 4096,
+  thinking: {
+    type: 'enabled',
+    budget_tokens: 2000,  // Max tokens for thinking
+  },
+  messages: [
+    {
+      role: 'user',
+      content: 'Solve this complex math problem: ...',
+    }
+  ],
+});
+
+// Response includes thinking blocks
+for (const block of message.content) {
+  if (block.type === 'thinking') {
+    console.log('Reasoning:', block.thinking);
+    console.log('Signature:', block.signature);
+  } else if (block.type === 'text') {
+    console.log('Answer:', block.text);
+  }
+}
+```
+
+Disable thinking:
+
+```typescript
+const message = await client.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  thinking: {
+    type: 'disabled',
+  },
+  messages: [/* ... */],
+});
+```
+
+## Citations
+
+Request citations for generated text:
+
+```typescript
+const message = await client.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  citations: {
+    enabled: true,
+  },
+  messages: [
+    {
+      role: 'user',
+      content: [
+        {
+          type: 'document',
+          source: {
+            type: 'text',
+            media_type: 'text/plain',
+            data: 'The capital of France is Paris. It has a population of 2.1 million.',
+          },
+        },
+        {
+          type: 'text',
+          text: 'What is the population of the capital?',
+        },
+      ],
+    }
+  ],
+});
+
+// Response includes citations
+const textBlock = message.content[0];
+if (textBlock.type === 'text' && textBlock.citations) {
+  for (const citation of textBlock.citations) {
+    console.log('Cited text:', citation.cited_text);
+    console.log('Location:', citation.location);
+  }
+}
+```
+
+## Token Counting
+
+Count tokens before creating a message:
+
+```typescript { .api }
+client.messages.countTokens(params: MessageCountTokensParams): APIPromise<MessageTokensCount>;
+
+interface MessageCountTokensParams {
+  model: string;
+  messages: MessageParam[];
+  system?: string | SystemBlockParam[];
+  tools?: MessageCountTokensTool[];
+  tool_choice?: ToolChoice;
+}
+
+interface MessageTokensCount {
+  input_tokens: number;
+}
+```
+
+**Example:**
+
+```typescript
+const tokenCount = await client.messages.countTokens({
+  model: 'claude-sonnet-4-5-20250929',
+  messages: [
+    {
+      role: 'user',
+      content: 'What is the weather like today?',
+    }
+  ],
+});
+
+console.log('Input tokens:', tokenCount.input_tokens);
+
+// Use count to validate before expensive operation
+if (tokenCount.input_tokens < 1000) {
+  const message = await client.messages.create({
+    model: 'claude-sonnet-4-5-20250929',
+    max_tokens: 1024,
+    messages: [
+      {
+        role: 'user',
+        content: 'What is the weather like today?',
+      }
+    ],
+  });
+}
+```
+
+## Response Access
+
+### Standard Promise
+
+```typescript
+const message = await client.messages.create({ /* ... */ });
+console.log(message.content);
+console.log(message.usage);
+```
+
+### With Response Metadata
+
+```typescript
+const { data, response, request_id } = await client.messages
+  .create({ /* ... */ })
+  .withResponse();
+
+console.log('Message:', data);
+console.log('Status:', response.status);
+console.log('Request ID:', request_id);
+console.log('Rate limit remaining:', response.headers.get('x-ratelimit-remaining'));
+```
+
+### Raw Response
+
+```typescript
+const response = await client.messages
+  .create({ /* ... */ })
+  .asResponse();
+
+console.log('Status:', response.status);
+console.log('Headers:', response.headers);
+
+// Parse body manually if needed
+const message = await response.json();
+```
+
+## Streaming
+
+For real-time responses, use streaming mode:
+
+```typescript
+const stream = await client.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  stream: true,  // Enable streaming
+  messages: [
+    {
+      role: 'user',
+      content: 'Write a haiku about programming.',
+    }
+  ],
+});
+
+for await (const event of stream) {
+  if (event.type === 'content_block_delta') {
+    if (event.delta.type === 'text_delta') {
+      process.stdout.write(event.delta.text);
+    }
+  }
+}
+```
+
+Or use the enhanced stream helper:
+
+```typescript
+const stream = client.messages.stream({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  messages: [
+    {
+      role: 'user',
+      content: 'Write a story.',
+    }
+  ],
+});
+
+stream.on('text', (text) => {
+  console.log('Text delta:', text);
+});
+
+const message = await stream.finalMessage();
+console.log('Complete message:', message);
+```
+
+See [streaming.md](./streaming.md) for complete streaming documentation.
+
+## Tool Use
+
+Enable Claude to call functions:
+
+```typescript
+const message = await client.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  tools: [
+    {
+      name: 'get_weather',
+      description: 'Get the current weather in a location',
+      input_schema: {
+        type: 'object',
+        properties: {
+          location: {
+            type: 'string',
+            description: 'City and state, e.g., San Francisco, CA',
+          },
+          unit: {
+            type: 'string',
+            enum: ['celsius', 'fahrenheit'],
+            description: 'Temperature unit',
+          },
+        },
+        required: ['location'],
+      },
+    },
+  ],
+  messages: [
+    {
+      role: 'user',
+      content: 'What is the weather in San Francisco?',
+    }
+  ],
+});
+
+// Check if Claude wants to use a tool
+if (message.stop_reason === 'tool_use') {
+  const toolUse = message.content.find(block => block.type === 'tool_use');
+  console.log('Tool:', toolUse.name);
+  console.log('Input:', toolUse.input);
+
+  // Execute tool and continue conversation
+  const toolResult = getWeather(toolUse.input.location);
+
+  const followUp = await client.messages.create({
+    model: 'claude-sonnet-4-5-20250929',
+    max_tokens: 1024,
+    tools: [/* same tools */],
+    messages: [
+      {
+        role: 'user',
+        content: 'What is the weather in San Francisco?',
+      },
+      {
+        role: 'assistant',
+        content: message.content,  // Include tool use
+      },
+      {
+        role: 'user',
+        content: [
+          {
+            type: 'tool_result',
+            tool_use_id: toolUse.id,
+            content: toolResult,
+          },
+        ],
+      },
+    ],
+  });
+}
+```
+
+See [tools.md](./tools.md) for comprehensive tool documentation including automatic execution with `toolRunner()`.
+
+## Model Selection
+
+Available models:
+
+```typescript { .api }
+type Model =
+  | 'claude-opus-4-5-20250514'
+  | 'claude-sonnet-4-5-20250929'
+  | 'claude-3-5-sonnet-20241022'
+  | 'claude-3-5-haiku-20241022'
+  | 'claude-3-opus-20240229'
+  | 'claude-3-sonnet-20240229'
+  | 'claude-3-haiku-20240307'
+  // ... and more
+  ;
+```
+
+Choose based on your needs:
+- **Claude Opus 4.5**: Most capable, complex reasoning
+- **Claude Sonnet 4.5**: Balance of intelligence and speed
+- **Claude Haiku 3.5**: Fast and efficient for simpler tasks
+
+## Error Handling
+
+Handle API errors:
+
+```typescript
+try {
+  const message = await client.messages.create({
+    model: 'claude-sonnet-4-5-20250929',
+    max_tokens: 1024,
+    messages: [
+      {
+        role: 'user',
+        content: 'Hello!',
+      }
+    ],
+  });
+} catch (error) {
+  if (error instanceof Anthropic.APIError) {
+    console.error('Status:', error.status);
+    console.error('Message:', error.message);
+    console.error('Request ID:', error.requestID);
+
+    if (error.status === 429) {
+      // Rate limit - retry with backoff
+    } else if (error.status === 529) {
+      // Overloaded - wait and retry
+    }
+  }
+  throw error;
+}
+```
+
+See [errors.md](./errors.md) for complete error documentation.
+
+## Best Practices
+
+### Conversation Management
+
+```typescript
+// ✅ Good: Maintain conversation state
+const conversation: MessageParam[] = [
+  { role: 'user', content: 'Hi, I am Alice.' },
+];
+
+const response1 = await client.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  messages: conversation,
+});
+
+// Add assistant response to conversation
+conversation.push({
+  role: 'assistant',
+  content: response1.content,
+});
+
+// Continue conversation
+conversation.push({
+  role: 'user',
+  content: 'What is my name?',
+});
+
+const response2 = await client.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  messages: conversation,
+});
+```
+
+### Token Management
+
+```typescript
+// ✅ Good: Check token usage
+const message = await client.messages.create({ /* ... */ });
+console.log('Tokens used:', message.usage.input_tokens + message.usage.output_tokens);
+
+// ✅ Good: Use countTokens for validation
+const count = await client.messages.countTokens({ /* ... */ });
+if (count.input_tokens > 100000) {
+  console.warn('Input is very large, consider summarizing');
+}
+```
+
+### Prompt Caching
+
+```typescript
+// ✅ Good: Cache expensive content
+// Mark only the content you want to reuse
+const baseSystem = [
+  { type: 'text', text: 'You are a helpful assistant.' },
+  {
+    type: 'text',
+    text: largeKnowledgeBase,
+    cache_control: { type: 'ephemeral', ttl: '1h' },  // Cache for 1 hour
+  },
+];
+
+// Reuse across multiple requests
+for (const question of questions) {
+  await client.messages.create({
+    model: 'claude-sonnet-4-5-20250929',
+    max_tokens: 1024,
+    system: baseSystem,  // Reuses cached content
+    messages: [{ role: 'user', content: question }],
+  });
+}
+```
+
+## See Also
+
+- [Streaming](./streaming.md) - Real-time response streaming
+- [Tools](./tools.md) - Function calling and tool execution
+- [Batches](./batches.md) - Batch message processing
+- [Types](./types.md) - Complete type reference
+- [Beta Features](./beta-features.md) - Advanced capabilities
diff --git a/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/models.md b/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/models.md
new file mode 100644
index 000000000..8cdc44ccf
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/models.md
@@ -0,0 +1,351 @@
+# Models API
+
+The Models API provides information about available Claude models, including their capabilities, context windows, and creation dates.
+
+## API Reference
+
+```typescript { .api }
+class Models extends APIResource {
+  retrieve(modelID: string, params?: ModelRetrieveParams): APIPromise<ModelInfo>;
+  list(params?: ModelListParams): ModelInfosPage;
+}
+```
+
+Access via:
+
+```typescript
+client.models.*  // Standard API
+client.beta.models.*  // Beta API
+```
+
+## Model Information
+
+```typescript { .api }
+interface ModelInfo {
+  type: 'model';
+  id: string;
+  display_name: string;
+  created_at: string;
+}
+```
+
+## Retrieving Model Info
+
+```typescript { .api }
+client.models.retrieve(
+  modelID: string,
+  params?: ModelRetrieveParams
+): APIPromise<ModelInfo>;
+
+interface ModelRetrieveParams {
+  betas?: AnthropicBeta[];
+}
+```
+
+**Example:**
+
+```typescript
+import Anthropic from '@anthropic-ai/sdk';
+
+const client = new Anthropic();
+
+const model = await client.models.retrieve('claude-sonnet-4-5-20250929');
+
+console.log('Model ID:', model.id);
+console.log('Display name:', model.display_name);
+console.log('Created at:', model.created_at);
+```
+
+## Listing Models
+
+```typescript { .api }
+client.models.list(
+  params?: ModelListParams
+): ModelInfosPage;
+
+interface ModelListParams {
+  before_id?: string;
+  after_id?: string;
+  limit?: number;  // Default: 20, max: 1000
+  betas?: AnthropicBeta[];
+}
+```
+
+**Example:**
+
+```typescript
+// List all available models
+const models = await client.models.list();
+
+for (const model of models.data) {
+  console.log(`${model.display_name} (${model.id})`);
+}
+
+// Auto-pagination
+for await (const model of client.models.list({ limit: 100 })) {
+  console.log(model.id);
+}
+```
+
+## Available Models
+
+### Claude Opus 4.5
+
+```typescript
+model: 'claude-opus-4-5-20250514'
+```
+
+- **Capabilities**: Most capable model, excels at complex reasoning and analysis
+- **Context Window**: 200K tokens
+- **Use Cases**: Research, complex problem solving, detailed analysis
+
+### Claude Sonnet 4.5
+
+```typescript
+model: 'claude-sonnet-4-5-20250929'
+```
+
+- **Capabilities**: Balance of intelligence and speed
+- **Context Window**: 200K tokens
+- **Use Cases**: Most applications, coding, writing, analysis
+
+### Claude 3.5 Sonnet
+
+```typescript
+model: 'claude-3-5-sonnet-20241022'
+```
+
+- **Capabilities**: Previous generation, still highly capable
+- **Context Window**: 200K tokens
+- **Use Cases**: General purpose applications
+
+### Claude 3.5 Haiku
+
+```typescript
+model: 'claude-3-5-haiku-20241022'
+```
+
+- **Capabilities**: Fast and efficient for simpler tasks
+- **Context Window**: 200K tokens
+- **Use Cases**: Quick responses, simple queries, high-throughput
+
+### Claude 3 Family
+
+```typescript
+model: 'claude-3-opus-20240229'     // Most capable (previous generation)
+model: 'claude-3-sonnet-20240229'   // Balanced (previous generation)
+model: 'claude-3-haiku-20240307'    // Fast (previous generation)
+```
+
+## Model Selection Guide
+
+Choose based on your needs:
+
+### Opus 4.5 - Maximum Capability
+```typescript
+const message = await client.messages.create({
+  model: 'claude-opus-4-5-20250514',
+  max_tokens: 4096,
+  messages: [{
+    role: 'user',
+    content: 'Provide a detailed analysis of quantum computing trends...',
+  }],
+});
+```
+
+Use for:
+- Complex reasoning and analysis
+- Research and academic work
+- Detailed creative writing
+- Advanced coding tasks
+
+### Sonnet 4.5 - Best All-Around
+```typescript
+const message = await client.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 2048,
+  messages: [{
+    role: 'user',
+    content: 'Help me debug this code...',
+  }],
+});
+```
+
+Use for:
+- Most applications
+- Coding and development
+- Content generation
+- Data analysis
+- Customer support
+
+### Haiku 3.5 - Speed and Efficiency
+```typescript
+const message = await client.messages.create({
+  model: 'claude-3-5-haiku-20241022',
+  max_tokens: 1024,
+  messages: [{
+    role: 'user',
+    content: 'What is 2+2?',
+  }],
+});
+```
+
+Use for:
+- Simple queries
+- High-throughput scenarios
+- Quick responses
+- Classification tasks
+- Simple data extraction
+
+## Dynamic Model Selection
+
+```typescript
+function selectModel(complexity: 'simple' | 'moderate' | 'complex'): string {
+  switch (complexity) {
+    case 'simple':
+      return 'claude-3-5-haiku-20241022';
+    case 'moderate':
+      return 'claude-sonnet-4-5-20250929';
+    case 'complex':
+      return 'claude-opus-4-5-20250514';
+  }
+}
+
+const model = selectModel('moderate');
+const message = await client.messages.create({
+  model,
+  max_tokens: 1024,
+  messages: [{ role: 'user', content: 'Task...' }],
+});
+```
+
+## Beta Models
+
+Access beta models with beta headers:
+
+```typescript
+const model = await client.beta.models.retrieve(
+  'claude-sonnet-4-5-20250929',
+  {
+    betas: ['extended-thinking-2025-05-14'],
+  }
+);
+```
+
+## Model Deprecation
+
+Models are deprecated over time. The SDK will warn when using deprecated models:
+
+```typescript
+// Using deprecated model
+const message = await client.messages.create({
+  model: 'claude-2.1',  // Deprecated model
+  max_tokens: 1024,
+  messages: [{ role: 'user', content: 'Hello' }],
+});
+
+// Console warning:
+// "The model 'claude-2.1' is deprecated and will reach end-of-life on 2024-12-31
+//  Please migrate to a newer model. Visit https://docs.anthropic.com/..."
+```
+
+## Context Windows
+
+All current models support 200K token context windows:
+
+```typescript
+// You can use large context
+const message = await client.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 4096,
+  system: largeSystemPrompt,  // Can be very large
+  messages: longConversation,  // Many turns
+});
+
+// Count tokens first
+const count = await client.messages.countTokens({
+  model: 'claude-sonnet-4-5-20250929',
+  system: largeSystemPrompt,
+  messages: longConversation,
+});
+
+console.log('Input tokens:', count.input_tokens);
+// Ensure: count.input_tokens + max_tokens <= 200000
+```
+
+## Best Practices
+
+### Model Choice
+
+```typescript
+// ✅ Good: Choose based on task
+async function processTask(task: Task) {
+  let model: string;
+
+  if (task.requiresDeepReasoning) {
+    model = 'claude-opus-4-5-20250514';
+  } else if (task.isSimple) {
+    model = 'claude-3-5-haiku-20241022';
+  } else {
+    model = 'claude-sonnet-4-5-20250929';  // Default
+  }
+
+  return client.messages.create({ model, /* ... */ });
+}
+
+// ❌ Bad: Always using most expensive model
+async function processTask(task: Task) {
+  return client.messages.create({
+    model: 'claude-opus-4-5-20250514',  // Overkill for simple tasks
+    /* ... */
+  });
+}
+```
+
+### Cost Optimization
+
+```typescript
+// ✅ Good: Use appropriate model for workload
+const simpleQueries = tasks.filter(t => t.complexity === 'simple');
+const complexQueries = tasks.filter(t => t.complexity === 'complex');
+
+// Process simple with Haiku (cheaper)
+for (const task of simpleQueries) {
+  await client.messages.create({
+    model: 'claude-3-5-haiku-20241022',
+    /* ... */
+  });
+}
+
+// Process complex with Opus (necessary)
+for (const task of complexQueries) {
+  await client.messages.create({
+    model: 'claude-opus-4-5-20250514',
+    /* ... */
+  });
+}
+```
+
+### Model Validation
+
+```typescript
+// ✅ Good: Validate model exists
+async function createMessage(model: string, content: string) {
+  try {
+    await client.models.retrieve(model);
+  } catch (error) {
+    if (error instanceof Anthropic.NotFoundError) {
+      console.error(`Model ${model} not found`);
+      model = 'claude-sonnet-4-5-20250929';  // Fallback
+    }
+  }
+
+  return client.messages.create({ model, /* ... */ });
+}
+```
+
+## See Also
+
+- [Messages API](./messages.md) - Using models for message creation
+- [Batches](./batches.md) - Model selection in batches
+- [Client](./client.md) - Client configuration
diff --git a/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/skills.md b/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/skills.md
new file mode 100644
index 000000000..796031f78
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/skills.md
@@ -0,0 +1,464 @@
+# Skills API (Beta)
+
+The Skills API allows you to create and manage custom skills that extend Claude's capabilities with reusable, versioned components.
+
+## Overview
+
+Skills enable:
+- Define reusable capabilities for Claude
+- Version management for skills
+- Organized skill libraries
+- Consistent behavior across conversations
+
+**Beta Feature**: Requires `betas: ['skills-2025-10-02']`
+
+## API Reference
+
+```typescript { .api }
+class Skills extends APIResource {
+  create(params: SkillCreateParams): APIPromise<SkillCreateResponse>;
+  retrieve(skillID: string, params?: SkillRetrieveParams): APIPromise<SkillRetrieveResponse>;
+  list(params?: SkillListParams): SkillListResponsesPageCursor;
+  delete(skillID: string, params?: SkillDeleteParams): APIPromise<SkillDeleteResponse>;
+
+  // Sub-resource
+  versions: Versions;
+}
+
+class Versions extends APIResource {
+  create(skillID: string, params: VersionCreateParams): APIPromise<VersionCreateResponse>;
+  retrieve(skillID: string, versionID: string, params?: VersionRetrieveParams): APIPromise<VersionRetrieveResponse>;
+  list(skillID: string, params?: VersionListParams): VersionListResponsesPageCursor;
+  delete(skillID: string, versionID: string, params?: VersionDeleteParams): APIPromise<VersionDeleteResponse>;
+}
+```
+
+Access via:
+
+```typescript
+client.beta.skills.*
+client.beta.skills.versions.*
+```
+
+## Types
+
+```typescript { .api }
+interface SkillCreateResponse {
+  id: string;
+  type: 'skill';
+  name: string;
+  description: string;
+  created_at: string;
+}
+
+interface SkillRetrieveResponse {
+  id: string;
+  type: 'skill';
+  name: string;
+  description: string;
+  created_at: string;
+  versions: VersionListResponse[];
+}
+
+interface SkillListResponse {
+  id: string;
+  type: 'skill';
+  name: string;
+  description: string;
+  created_at: string;
+}
+
+interface SkillDeleteResponse {
+  id: string;
+  type: 'skill';
+  deleted: boolean;
+}
+
+interface VersionCreateResponse {
+  id: string;
+  skill_id: string;
+  version: string;
+  created_at: string;
+}
+
+interface VersionRetrieveResponse {
+  id: string;
+  skill_id: string;
+  version: string;
+  definition: any;  // Skill definition
+  created_at: string;
+}
+```
+
+## Creating Skills
+
+```typescript { .api }
+client.beta.skills.create(
+  params: SkillCreateParams
+): APIPromise<SkillCreateResponse>;
+
+interface SkillCreateParams {
+  name: string;
+  description: string;
+  definition: any;  // Skill implementation
+  betas: ['skills-2025-10-02'];
+}
+```
+
+**Example:**
+
+```typescript
+import Anthropic from '@anthropic-ai/sdk';
+
+const client = new Anthropic();
+
+const skill = await client.beta.skills.create({
+  name: 'data_analyzer',
+  description: 'Analyze structured data and provide insights',
+  definition: {
+    // Skill implementation details
+    type: 'analysis',
+    capabilities: ['statistics', 'visualization', 'trend_detection'],
+  },
+  betas: ['skills-2025-10-02'],
+});
+
+console.log('Skill ID:', skill.id);
+console.log('Name:', skill.name);
+```
+
+## Using Skills in Messages
+
+```typescript
+const message = await client.beta.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 2048,
+  betas: ['skills-2025-10-02'],
+  skills: [
+    {
+      type: 'skill',
+      skill_id: skill.id,
+    },
+  ],
+  messages: [
+    {
+      role: 'user',
+      content: 'Analyze this dataset and provide insights.',
+    },
+  ],
+});
+```
+
+## Retrieving Skills
+
+```typescript { .api }
+client.beta.skills.retrieve(
+  skillID: string,
+  params?: SkillRetrieveParams
+): APIPromise<SkillRetrieveResponse>;
+
+interface SkillRetrieveParams {
+  betas: ['skills-2025-10-02'];
+}
+```
+
+**Example:**
+
+```typescript
+const skill = await client.beta.skills.retrieve('skill_abc123', {
+  betas: ['skills-2025-10-02'],
+});
+
+console.log('Skill:', skill.name);
+console.log('Description:', skill.description);
+console.log('Versions:', skill.versions.length);
+```
+
+## Listing Skills
+
+```typescript { .api }
+client.beta.skills.list(
+  params?: SkillListParams
+): SkillListResponsesPageCursor;
+
+interface SkillListParams {
+  limit?: number;
+  next_page?: string;
+  betas: ['skills-2025-10-02'];
+}
+```
+
+**Example:**
+
+```typescript
+const skills = await client.beta.skills.list({
+  limit: 20,
+  betas: ['skills-2025-10-02'],
+});
+
+for (const skill of skills.data) {
+  console.log(`${skill.name}: ${skill.description}`);
+}
+
+// Auto-pagination
+for await (const skill of client.beta.skills.list({ betas: ['skills-2025-10-02'] })) {
+  console.log(skill.id);
+}
+```
+
+## Deleting Skills
+
+```typescript { .api }
+client.beta.skills.delete(
+  skillID: string,
+  params?: SkillDeleteParams
+): APIPromise<SkillDeleteResponse>;
+
+interface SkillDeleteParams {
+  betas: ['skills-2025-10-02'];
+}
+```
+
+**Example:**
+
+```typescript
+const deleted = await client.beta.skills.delete('skill_abc123', {
+  betas: ['skills-2025-10-02'],
+});
+
+console.log('Deleted:', deleted.deleted); // true
+```
+
+## Version Management
+
+Skills support versioning for controlled updates:
+
+### Creating Versions
+
+```typescript { .api }
+client.beta.skills.versions.create(
+  skillID: string,
+  params: VersionCreateParams
+): APIPromise<VersionCreateResponse>;
+
+interface VersionCreateParams {
+  version: string;
+  definition: any;
+  betas: ['skills-2025-10-02'];
+}
+```
+
+**Example:**
+
+```typescript
+// Create new version
+const version = await client.beta.skills.versions.create('skill_abc123', {
+  version: '2.0.0',
+  definition: {
+    // Updated skill definition
+    type: 'analysis',
+    capabilities: ['statistics', 'visualization', 'trend_detection', 'forecasting'],
+  },
+  betas: ['skills-2025-10-02'],
+});
+
+console.log('Version created:', version.version);
+```
+
+### Retrieving Versions
+
+```typescript { .api }
+client.beta.skills.versions.retrieve(
+  skillID: string,
+  versionID: string,
+  params?: VersionRetrieveParams
+): APIPromise<VersionRetrieveResponse>;
+```
+
+**Example:**
+
+```typescript
+const version = await client.beta.skills.versions.retrieve(
+  'skill_abc123',
+  '2.0.0',
+  { betas: ['skills-2025-10-02'] }
+);
+
+console.log('Version:', version.version);
+console.log('Definition:', version.definition);
+```
+
+### Listing Versions
+
+```typescript { .api }
+client.beta.skills.versions.list(
+  skillID: string,
+  params?: VersionListParams
+): VersionListResponsesPageCursor;
+```
+
+**Example:**
+
+```typescript
+const versions = await client.beta.skills.versions.list('skill_abc123', {
+  betas: ['skills-2025-10-02'],
+});
+
+for (const version of versions.data) {
+  console.log(`Version ${version.version} - ${version.created_at}`);
+}
+```
+
+### Deleting Versions
+
+```typescript { .api }
+client.beta.skills.versions.delete(
+  skillID: string,
+  versionID: string,
+  params?: VersionDeleteParams
+): APIPromise<VersionDeleteResponse>;
+```
+
+**Example:**
+
+```typescript
+await client.beta.skills.versions.delete(
+  'skill_abc123',
+  '1.0.0',
+  { betas: ['skills-2025-10-02'] }
+);
+```
+
+## Complete Workflow
+
+```typescript
+import Anthropic from '@anthropic-ai/sdk';
+
+const client = new Anthropic();
+
+// 1. Create skill
+const skill = await client.beta.skills.create({
+  name: 'sentiment_analyzer',
+  description: 'Analyze sentiment in text',
+  definition: {
+    type: 'text_analysis',
+    models: ['sentiment'],
+  },
+  betas: ['skills-2025-10-02'],
+});
+
+// 2. Use skill
+const message = await client.beta.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  betas: ['skills-2025-10-02'],
+  skills: [
+    {
+      type: 'skill',
+      skill_id: skill.id,
+    },
+  ],
+  messages: [
+    {
+      role: 'user',
+      content: 'Analyze the sentiment of this review: "This product is amazing!"',
+    },
+  ],
+});
+
+console.log('Analysis:', message.content[0].text);
+
+// 3. Create new version
+const version = await client.beta.skills.versions.create(skill.id, {
+  version: '1.1.0',
+  definition: {
+    type: 'text_analysis',
+    models: ['sentiment', 'emotion'],  // Added emotion detection
+  },
+  betas: ['skills-2025-10-02'],
+});
+
+// 4. Use specific version
+const message2 = await client.beta.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  betas: ['skills-2025-10-02'],
+  skills: [
+    {
+      type: 'skill',
+      skill_id: skill.id,
+      version: '1.1.0',  // Specific version
+    },
+  ],
+  messages: [
+    {
+      role: 'user',
+      content: 'Analyze sentiment and emotions.',
+    },
+  ],
+});
+
+// 5. Cleanup (optional)
+// await client.beta.skills.delete(skill.id, { betas: ['skills-2025-10-02'] });
+```
+
+## Best Practices
+
+### Skill Organization
+
+```typescript
+// ✅ Good: Descriptive names and organization
+const skills = {
+  dataAnalysis: await client.beta.skills.create({
+    name: 'data_analysis',
+    description: 'Statistical analysis and visualization',
+    definition: { /* ... */ },
+    betas: ['skills-2025-10-02'],
+  }),
+  textSummarization: await client.beta.skills.create({
+    name: 'text_summarization',
+    description: 'Extract key points from documents',
+    definition: { /* ... */ },
+    betas: ['skills-2025-10-02'],
+  }),
+};
+```
+
+### Version Control
+
+```typescript
+// ✅ Good: Semantic versioning
+await client.beta.skills.versions.create(skillId, {
+  version: '2.1.0',  // major.minor.patch
+  definition: { /* ... */ },
+  betas: ['skills-2025-10-02'],
+});
+
+// ❌ Bad: Unclear versioning
+await client.beta.skills.versions.create(skillId, {
+  version: 'v2',
+  definition: { /* ... */ },
+  betas: ['skills-2025-10-02'],
+});
+```
+
+### Error Handling
+
+```typescript
+try {
+  const skill = await client.beta.skills.create({ /* ... */ });
+} catch (error) {
+  if (error instanceof Anthropic.BadRequestError) {
+    console.error('Invalid skill definition');
+  } else if (error instanceof Anthropic.ConflictError) {
+    console.error('Skill with this name already exists');
+  }
+  throw error;
+}
+```
+
+## See Also
+
+- [Messages API](./messages.md) - Using skills in messages
+- [Tools](./tools.md) - Tool use and skills
+- [Beta Features](./beta-features.md) - Other beta capabilities
diff --git a/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/streaming.md b/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/streaming.md
new file mode 100644
index 000000000..80f665e68
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/streaming.md
@@ -0,0 +1,1056 @@
+# Streaming
+
+The Anthropic SDK provides powerful streaming capabilities for real-time message generation. Streaming allows you to process responses as they arrive, providing better user experience for long-running requests.
+
+## Overview
+
+The SDK offers two streaming approaches:
+
+1. **Basic Streaming**: Low-level async iteration over raw stream events
+2. **MessageStream**: Enhanced helper with event handlers, message accumulation, and convenience methods
+
+## Basic Streaming
+
+Use the `stream: true` parameter to get raw stream events:
+
+```typescript { .api }
+client.messages.create(
+  params: MessageCreateParamsStreaming
+): APIPromise<Stream<RawMessageStreamEvent>>;
+
+interface MessageCreateParamsStreaming {
+  stream: true;
+  // ... other message params
+}
+```
+
+**Example:**
+
+```typescript
+import Anthropic from '@anthropic-ai/sdk';
+
+const client = new Anthropic();
+
+const stream = await client.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  stream: true,  // Enable streaming
+  messages: [
+    {
+      role: 'user',
+      content: 'Write a short story about a robot.',
+    }
+  ],
+});
+
+// Async iteration over events
+for await (const event of stream) {
+  if (event.type === 'content_block_start') {
+    console.log('Content block started:', event.content_block);
+  } else if (event.type === 'content_block_delta') {
+    if (event.delta.type === 'text_delta') {
+      process.stdout.write(event.delta.text);
+    }
+  } else if (event.type === 'message_stop') {
+    console.log('\nStream ended');
+  }
+}
+```
+
+### Cancellation
+
+Break from the loop or abort the controller:
+
+```typescript
+const stream = await client.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  stream: true,
+  messages: [/* ... */],
+});
+
+let tokenCount = 0;
+for await (const event of stream) {
+  if (event.type === 'content_block_delta' && event.delta.type === 'text_delta') {
+    tokenCount += event.delta.text.length;
+    if (tokenCount > 500) {
+      break;  // Stop iteration
+    }
+  }
+}
+
+// Or use controller
+stream.controller.abort();
+```
+
+## MessageStream
+
+Enhanced streaming helper that provides event-based API and automatic message accumulation:
+
+```typescript { .api }
+client.messages.stream(params: MessageStreamParams): MessageStream;
+
+class MessageStream implements AsyncIterable<MessageStreamEvent> {
+  // Properties
+  messages: MessageParam[];           // Sent messages
+  receivedMessages: Message[];        // Received messages
+  controller: AbortController;        // Abort controller
+  currentMessage: Message | undefined;  // Current accumulating message
+  response: Response | null;          // Raw HTTP response
+  request_id: string | null;          // Request ID
+
+  // Event methods
+  on(event: string, listener: Function): this;
+  once(event: string, listener: Function): this;
+  off(event: string, listener: Function): this;
+  emitted(event: string): Promise<any>;
+
+  // Promise methods
+  done(): Promise<void>;
+  finalMessage(): Promise<Message>;
+  finalText(): Promise<string>;
+
+  // Control methods
+  abort(): void;
+  withResponse(): Promise<{data: Message, response: Response, request_id: string}>;
+
+  // Conversion
+  toReadableStream(): ReadableStream;
+  [Symbol.asyncIterator](): AsyncIterator<MessageStreamEvent>;
+
+  // Static constructors
+  static fromReadableStream(stream: ReadableStream): MessageStream;
+  static createMessage(messages: Messages, params: MessageStreamParams, options?: RequestOptions): MessageStream;
+}
+```
+
+**Example:**
+
+```typescript
+const stream = client.messages.stream({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  messages: [
+    {
+      role: 'user',
+      content: 'Explain quantum computing.',
+    }
+  ],
+});
+
+stream.on('text', (text) => {
+  console.log('Text delta:', text);
+});
+
+stream.on('message', (message) => {
+  console.log('Complete message:', message);
+});
+
+// Wait for completion
+const finalMessage = await stream.finalMessage();
+console.log('Final:', finalMessage.content);
+```
+
+## Events
+
+MessageStream emits the following events:
+
+### connect
+
+Fired when connection to the API is established:
+
+```typescript { .api }
+stream.on('connect', () => void);
+```
+
+**Example:**
+
+```typescript
+stream.on('connect', () => {
+  console.log('Connected to API');
+});
+```
+
+### streamEvent
+
+Fired for each stream event with accumulated message snapshot:
+
+```typescript { .api }
+stream.on('streamEvent', (event: MessageStreamEvent, snapshot: Message) => void);
+```
+
+**Example:**
+
+```typescript
+stream.on('streamEvent', (event, snapshot) => {
+  console.log('Event type:', event.type);
+  console.log('Current message state:', snapshot);
+});
+```
+
+### text
+
+Fired when text content is generated:
+
+```typescript { .api }
+stream.on('text', (textDelta: string, textSnapshot: string) => void);
+```
+
+**Parameters:**
+- `textDelta`: The new text added in this event
+- `textSnapshot`: All text accumulated so far
+
+**Example:**
+
+```typescript
+let fullText = '';
+stream.on('text', (delta, snapshot) => {
+  process.stdout.write(delta);  // Stream to console
+  fullText = snapshot;          // Keep full text
+});
+```
+
+### inputJson
+
+Fired when tool input JSON is being generated:
+
+```typescript { .api }
+stream.on('inputJson', (partialJson: string, jsonSnapshot: unknown) => void);
+```
+
+**Parameters:**
+- `partialJson`: The JSON string delta
+- `jsonSnapshot`: Partially parsed JSON object (best effort)
+
+**Example:**
+
+```typescript
+stream.on('inputJson', (partialJson, jsonSnapshot) => {
+  console.log('Tool input building:', jsonSnapshot);
+});
+```
+
+### thinking
+
+Fired when extended thinking content is generated:
+
+```typescript { .api }
+stream.on('thinking', (thinkingDelta: string, thinkingSnapshot: string) => void);
+```
+
+**Example:**
+
+```typescript
+stream.on('thinking', (delta, snapshot) => {
+  console.log('Reasoning:', delta);
+});
+```
+
+### citation
+
+Fired when a citation is added:
+
+```typescript { .api }
+stream.on('citation', (citation: TextCitation, citationsSnapshot: TextCitation[]) => void);
+```
+
+**Example:**
+
+```typescript
+stream.on('citation', (citation, allCitations) => {
+  console.log('New citation:', citation.cited_text);
+  console.log('Total citations:', allCitations.length);
+});
+```
+
+### signature
+
+Fired when a signature is generated (for extended thinking):
+
+```typescript { .api }
+stream.on('signature', (signature: string) => void);
+```
+
+**Example:**
+
+```typescript
+stream.on('signature', (sig) => {
+  console.log('Signature:', sig);
+});
+```
+
+### contentBlock
+
+Fired when a content block is completed:
+
+```typescript { .api }
+stream.on('contentBlock', (content: ContentBlock) => void);
+```
+
+**Example:**
+
+```typescript
+stream.on('contentBlock', (block) => {
+  if (block.type === 'text') {
+    console.log('Text block completed:', block.text);
+  } else if (block.type === 'tool_use') {
+    console.log('Tool use:', block.name, block.input);
+  }
+});
+```
+
+### message
+
+Fired when the complete message is received:
+
+```typescript { .api }
+stream.on('message', (message: Message) => void);
+```
+
+**Example:**
+
+```typescript
+stream.on('message', (message) => {
+  console.log('Message ID:', message.id);
+  console.log('Stop reason:', message.stop_reason);
+  console.log('Usage:', message.usage);
+});
+```
+
+### finalMessage
+
+Fired after the `message` event with the final message:
+
+```typescript { .api }
+stream.on('finalMessage', (message: Message) => void);
+```
+
+**Example:**
+
+```typescript
+stream.on('finalMessage', (message) => {
+  console.log('Stream complete. Final message:', message);
+});
+```
+
+### error
+
+Fired when an error occurs:
+
+```typescript { .api }
+stream.on('error', (error: AnthropicError) => void);
+```
+
+**Example:**
+
+```typescript
+stream.on('error', (error) => {
+  console.error('Stream error:', error.message);
+  if (error instanceof Anthropic.APIError) {
+    console.error('Status:', error.status);
+  }
+});
+```
+
+### abort
+
+Fired when the stream is aborted:
+
+```typescript { .api }
+stream.on('abort', (error: APIUserAbortError) => void);
+```
+
+**Example:**
+
+```typescript
+stream.on('abort', (error) => {
+  console.log('Stream aborted by user');
+});
+```
+
+### end
+
+Last event fired when stream processing is complete:
+
+```typescript { .api }
+stream.on('end', () => void);
+```
+
+**Example:**
+
+```typescript
+stream.on('end', () => {
+  console.log('Stream processing ended');
+});
+```
+
+## Methods
+
+### on()
+
+Register an event listener:
+
+```typescript { .api }
+stream.on(event: keyof MessageStreamEvents, listener: Function): MessageStream;
+```
+
+**Example:**
+
+```typescript
+stream
+  .on('connect', () => console.log('Connected'))
+  .on('text', (text) => process.stdout.write(text))
+  .on('error', (err) => console.error(err))
+  .on('end', () => console.log('\nDone'));
+```
+
+### once()
+
+Register a one-time event listener:
+
+```typescript { .api }
+stream.once(event: keyof MessageStreamEvents, listener: Function): MessageStream;
+```
+
+**Example:**
+
+```typescript
+stream.once('message', (message) => {
+  console.log('First message received:', message.id);
+});
+```
+
+### off()
+
+Remove an event listener:
+
+```typescript { .api }
+stream.off(event: keyof MessageStreamEvents, listener: Function): MessageStream;
+```
+
+**Example:**
+
+```typescript
+const textHandler = (text) => console.log(text);
+
+stream.on('text', textHandler);
+
+// Later, remove the listener
+stream.off('text', textHandler);
+```
+
+### emitted()
+
+Wait for a specific event to fire:
+
+```typescript { .api }
+stream.emitted(event: keyof MessageStreamEvents): Promise<EventData>;
+```
+
+**Example:**
+
+```typescript
+// Wait for first text
+const firstText = await stream.emitted('text');
+console.log('First text received:', firstText);
+
+// Wait for complete message
+const message = await stream.emitted('message');
+console.log('Message received:', message);
+```
+
+### done()
+
+Wait for stream to complete:
+
+```typescript { .api }
+stream.done(): Promise<void>;
+```
+
+**Example:**
+
+```typescript
+const stream = client.messages.stream({ /* ... */ });
+
+// Register handlers
+stream.on('text', (text) => process.stdout.write(text));
+
+// Wait for completion
+await stream.done();
+console.log('Stream finished');
+```
+
+### finalMessage()
+
+Get the complete accumulated message:
+
+```typescript { .api }
+stream.finalMessage(): Promise<Message>;
+```
+
+**Example:**
+
+```typescript
+const stream = client.messages.stream({ /* ... */ });
+
+const message = await stream.finalMessage();
+console.log('Complete message:', message.content);
+console.log('Usage:', message.usage);
+```
+
+### finalText()
+
+Get just the text content from the final message:
+
+```typescript { .api }
+stream.finalText(): Promise<string>;
+```
+
+**Example:**
+
+```typescript
+const stream = client.messages.stream({ /* ... */ });
+
+const text = await stream.finalText();
+console.log('Response:', text);
+```
+
+### abort()
+
+Abort the stream:
+
+```typescript { .api }
+stream.abort(): void;
+```
+
+**Example:**
+
+```typescript
+const stream = client.messages.stream({ /* ... */ });
+
+// Abort after 5 seconds
+setTimeout(() => {
+  stream.abort();
+}, 5000);
+
+try {
+  await stream.done();
+} catch (error) {
+  if (error instanceof Anthropic.APIUserAbortError) {
+    console.log('Stream was aborted');
+  }
+}
+```
+
+### withResponse()
+
+Get the stream, response, and request ID:
+
+```typescript { .api }
+stream.withResponse(): Promise<{
+  data: MessageStream;
+  response: Response;
+  request_id: string | null;
+}>;
+```
+
+**Example:**
+
+```typescript
+const { data: stream, response, request_id } = await client.messages
+  .stream({ /* ... */ })
+  .withResponse();
+
+console.log('Request ID:', request_id);
+console.log('Status:', response.status);
+
+stream.on('text', (text) => console.log(text));
+await stream.done();
+```
+
+### toReadableStream()
+
+Convert to a Web ReadableStream:
+
+```typescript { .api }
+stream.toReadableStream(): ReadableStream;
+```
+
+**Example:**
+
+```typescript
+const stream = client.messages.stream({ /* ... */ });
+const readableStream = stream.toReadableStream();
+
+// Use with Response for server-side streaming
+return new Response(readableStream, {
+  headers: { 'Content-Type': 'text/event-stream' },
+});
+```
+
+### Async Iteration
+
+MessageStream is async iterable:
+
+```typescript { .api }
+for await (const event of stream) {
+  // Process event
+}
+```
+
+**Example:**
+
+```typescript
+const stream = client.messages.stream({ /* ... */ });
+
+for await (const event of stream) {
+  if (event.type === 'content_block_delta') {
+    if (event.delta.type === 'text_delta') {
+      process.stdout.write(event.delta.text);
+    }
+  }
+}
+```
+
+## Stream Event Types
+
+```typescript { .api }
+type MessageStreamEvent =
+  | MessageStartEvent
+  | MessageDeltaEvent
+  | MessageStopEvent
+  | ContentBlockStartEvent
+  | ContentBlockDeltaEvent
+  | ContentBlockStopEvent
+  ;
+
+interface MessageStartEvent {
+  type: 'message_start';
+  message: Message;
+}
+
+interface MessageDeltaEvent {
+  type: 'message_delta';
+  delta: {
+    stop_reason: StopReason | null;
+    stop_sequence: string | null;
+  };
+  usage: MessageDeltaUsage;
+}
+
+interface MessageStopEvent {
+  type: 'message_stop';
+}
+
+interface ContentBlockStartEvent {
+  type: 'content_block_start';
+  index: number;
+  content_block: ContentBlock;
+}
+
+interface ContentBlockDeltaEvent {
+  type: 'content_block_delta';
+  index: number;
+  delta: RawContentBlockDelta;
+}
+
+interface ContentBlockStopEvent {
+  type: 'content_block_stop';
+  index: number;
+}
+```
+
+### Delta Types
+
+```typescript { .api }
+type RawContentBlockDelta =
+  | TextDelta
+  | ThinkingDelta
+  | InputJSONDelta
+  | CitationsDelta
+  | SignatureDelta
+  ;
+
+interface TextDelta {
+  type: 'text_delta';
+  text: string;
+}
+
+interface ThinkingDelta {
+  type: 'thinking_delta';
+  thinking: string;
+}
+
+interface InputJSONDelta {
+  type: 'input_json_delta';
+  partial_json: string;
+}
+
+interface CitationsDelta {
+  type: 'citations_delta';
+  citations: TextCitation[];
+}
+
+interface SignatureDelta {
+  type: 'signature_delta';
+  signature: string;
+}
+```
+
+## Usage Patterns
+
+### Simple Text Streaming
+
+```typescript
+const stream = client.messages.stream({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  messages: [
+    {
+      role: 'user',
+      content: 'Write a poem about the ocean.',
+    }
+  ],
+});
+
+stream.on('text', (text) => {
+  process.stdout.write(text);
+});
+
+await stream.done();
+```
+
+### Accumulating Response
+
+```typescript
+let accumulatedText = '';
+
+const stream = client.messages.stream({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  messages: [
+    {
+      role: 'user',
+      content: 'Explain machine learning.',
+    }
+  ],
+});
+
+stream.on('text', (delta, snapshot) => {
+  accumulatedText = snapshot;
+});
+
+await stream.done();
+console.log('Complete response:', accumulatedText);
+```
+
+### Tool Use with Streaming
+
+```typescript
+const stream = client.messages.stream({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  tools: [
+    {
+      name: 'calculator',
+      description: 'Perform calculations',
+      input_schema: {
+        type: 'object',
+        properties: {
+          expression: { type: 'string' },
+        },
+        required: ['expression'],
+      },
+    },
+  ],
+  messages: [
+    {
+      role: 'user',
+      content: 'What is 15 * 23?',
+    }
+  ],
+});
+
+stream.on('contentBlock', (block) => {
+  if (block.type === 'tool_use') {
+    console.log('Tool called:', block.name);
+    console.log('Input:', block.input);
+  }
+});
+
+const message = await stream.finalMessage();
+
+if (message.stop_reason === 'tool_use') {
+  // Handle tool execution
+  const toolBlock = message.content.find(b => b.type === 'tool_use');
+  // Execute tool and continue conversation
+}
+```
+
+### Extended Thinking
+
+```typescript
+const stream = client.messages.stream({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 4096,
+  thinking: {
+    type: 'enabled',
+    budget_tokens: 2000,
+  },
+  messages: [
+    {
+      role: 'user',
+      content: 'Solve this logic puzzle: ...',
+    }
+  ],
+});
+
+stream.on('thinking', (delta, snapshot) => {
+  console.log('Reasoning:', delta);
+});
+
+stream.on('text', (delta) => {
+  console.log('Answer:', delta);
+});
+
+await stream.done();
+```
+
+### Progress Tracking
+
+```typescript
+let totalTokens = 0;
+
+const stream = client.messages.stream({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  messages: [{ role: 'user', content: 'Tell me a story.' }],
+});
+
+stream.on('text', (delta) => {
+  totalTokens += delta.length;
+  console.log(`Tokens: ${totalTokens}`);
+});
+
+stream.on('message', (message) => {
+  console.log('Actual usage:', message.usage);
+});
+
+await stream.done();
+```
+
+### Server-Side Streaming (Backend to Frontend)
+
+```typescript
+// Backend (Express/Node.js)
+app.get('/api/stream', async (req, res) => {
+  const stream = client.messages.stream({
+    model: 'claude-sonnet-4-5-20250929',
+    max_tokens: 1024,
+    messages: [{ role: 'user', content: req.query.prompt }],
+  });
+
+  // Convert to ReadableStream and pipe to response
+  const readableStream = stream.toReadableStream();
+
+  res.setHeader('Content-Type', 'text/event-stream');
+  res.setHeader('Cache-Control', 'no-cache');
+  res.setHeader('Connection', 'keep-alive');
+
+  // Stream to client
+  for await (const chunk of readableStream) {
+    res.write(chunk);
+  }
+
+  res.end();
+});
+
+// Frontend
+const eventSource = new EventSource('/api/stream?prompt=Hello');
+eventSource.onmessage = (event) => {
+  const data = JSON.parse(event.data);
+  console.log(data);
+};
+```
+
+Or reconstruct MessageStream on frontend:
+
+```typescript
+// Backend
+app.get('/api/stream', async (req, res) => {
+  const stream = client.messages.stream({ /* ... */ });
+  const readableStream = stream.toReadableStream();
+
+  return new Response(readableStream, {
+    headers: { 'Content-Type': 'text/event-stream' },
+  });
+});
+
+// Frontend
+const response = await fetch('/api/stream');
+const stream = Anthropic.MessageStream.fromReadableStream(response.body);
+
+stream.on('text', (text) => {
+  console.log(text);
+});
+
+await stream.finalMessage();
+```
+
+## Error Handling
+
+### With Event Listeners
+
+```typescript
+const stream = client.messages.stream({ /* ... */ });
+
+stream.on('error', (error) => {
+  console.error('Stream error:', error);
+
+  if (error instanceof Anthropic.APIError) {
+    if (error.status === 429) {
+      console.log('Rate limited, retry later');
+    }
+  }
+});
+
+stream.on('abort', () => {
+  console.log('Stream was aborted');
+});
+
+await stream.done().catch(err => {
+  console.error('Stream failed:', err);
+});
+```
+
+### With Try-Catch
+
+```typescript
+try {
+  const stream = client.messages.stream({ /* ... */ });
+
+  for await (const event of stream) {
+    // Process events
+  }
+} catch (error) {
+  if (error instanceof Anthropic.APIUserAbortError) {
+    console.log('User aborted');
+  } else if (error instanceof Anthropic.APIConnectionError) {
+    console.log('Network error');
+  } else {
+    throw error;
+  }
+}
+```
+
+## Cancellation
+
+### Manual Abort
+
+```typescript
+const stream = client.messages.stream({ /* ... */ });
+
+// Abort after condition
+stream.on('text', (delta) => {
+  if (delta.includes('STOP')) {
+    stream.abort();
+  }
+});
+
+await stream.done();
+```
+
+### Timeout
+
+```typescript
+const stream = client.messages.stream({ /* ... */ });
+
+const timeout = setTimeout(() => {
+  stream.abort();
+}, 30000);  // 30 seconds
+
+try {
+  await stream.done();
+  clearTimeout(timeout);
+} catch (error) {
+  if (error instanceof Anthropic.APIUserAbortError) {
+    console.log('Timed out');
+  }
+}
+```
+
+### With AbortSignal
+
+```typescript
+const abortController = new AbortController();
+
+const stream = client.messages.stream(
+  { /* ... */ },
+  { signal: abortController.signal }
+);
+
+// Abort externally
+setTimeout(() => abortController.abort(), 10000);
+
+await stream.done();
+```
+
+## Best Practices
+
+### Memory Efficiency
+
+```typescript
+// ✅ Good: Use stream.on for processing
+const stream = client.messages.stream({ /* ... */ });
+
+stream.on('text', (text) => {
+  // Process immediately, don't accumulate
+  sendToClient(text);
+});
+
+await stream.done();
+
+// ❌ Bad: Accumulating everything in memory
+let allText = '';
+stream.on('text', (delta, snapshot) => {
+  allText = snapshot;  // Keeps growing
+});
+```
+
+### Error Resilience
+
+```typescript
+// ✅ Good: Handle errors
+const stream = client.messages.stream({ /* ... */ });
+
+stream.on('error', (error) => {
+  logger.error('Stream error', { error, requestId: stream.request_id });
+  notifyUser('Generation failed, please retry');
+});
+
+await stream.done().catch(() => {
+  // Already handled in error event
+});
+```
+
+### Resource Cleanup
+
+```typescript
+// ✅ Good: Ensure cleanup
+const stream = client.messages.stream({ /* ... */ });
+
+try {
+  stream.on('text', (text) => saveToDatabase(text));
+  await stream.done();
+} finally {
+  // Cleanup resources
+  closeConnections();
+}
+```
+
+## See Also
+
+- [Messages API](./messages.md) - Core message creation
+- [Tools](./tools.md) - Tool use with streaming
+- [Errors](./errors.md) - Error handling reference
+- [Types](./types.md) - Complete type definitions
diff --git a/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/tools.md b/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/tools.md
new file mode 100644
index 000000000..47281f360
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/tools.md
@@ -0,0 +1,1189 @@
+# Tool Use
+
+Tool use (also called function calling) allows Claude to request that you execute specific functions and return results, enabling Claude to interact with external systems, perform calculations, access databases, and more.
+
+## Overview
+
+The SDK provides three layers for working with tools:
+
+1. **Basic Tool Use**: Manual tool definition and execution loop
+2. **Tool Helpers**: Zod or JSON Schema-based tool creation with automatic validation
+3. **Tool Runner**: Automatic execution loop that handles tool calling for you
+
+## Basic Tool Use
+
+### Defining Tools
+
+```typescript { .api }
+interface Tool {
+  name: string;
+  description: string;
+  input_schema: {
+    type: 'object';
+    properties: Record<string, JSONSchema>;
+    required?: string[];
+  };
+}
+```
+
+**Example:**
+
+```typescript
+const tools: Anthropic.Tool[] = [
+  {
+    name: 'get_weather',
+    description: 'Get the current weather in a given location',
+    input_schema: {
+      type: 'object',
+      properties: {
+        location: {
+          type: 'string',
+          description: 'The city and state, e.g. San Francisco, CA',
+        },
+        unit: {
+          type: 'string',
+          enum: ['celsius', 'fahrenheit'],
+          description: 'The unit of temperature',
+        },
+      },
+      required: ['location'],
+    },
+  },
+];
+```
+
+### Tool Execution Loop
+
+```typescript
+import Anthropic from '@anthropic-ai/sdk';
+
+const client = new Anthropic();
+
+const conversation: Anthropic.MessageParam[] = [
+  {
+    role: 'user',
+    content: 'What is the weather like in San Francisco?',
+  },
+];
+
+let message = await client.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  tools,
+  messages: conversation,
+});
+
+// Continue loop while Claude wants to use tools
+while (message.stop_reason === 'tool_use') {
+  // Add assistant's response to conversation
+  conversation.push({
+    role: 'assistant',
+    content: message.content,
+  });
+
+  // Execute all requested tools
+  const toolResults: Anthropic.ToolResultBlockParam[] = [];
+
+  for (const block of message.content) {
+    if (block.type === 'tool_use') {
+      console.log(`Tool: ${block.name}`);
+      console.log(`Input: ${JSON.stringify(block.input)}`);
+
+      // Execute the tool
+      const result = await executeToolFunction(block.name, block.input);
+
+      toolResults.push({
+        type: 'tool_result',
+        tool_use_id: block.id,
+        content: result,
+      });
+    }
+  }
+
+  // Add tool results to conversation
+  conversation.push({
+    role: 'user',
+    content: toolResults,
+  });
+
+  // Get next response
+  message = await client.messages.create({
+    model: 'claude-sonnet-4-5-20250929',
+    max_tokens: 1024,
+    tools,
+    messages: conversation,
+  });
+}
+
+// Final response without tool use
+console.log(message.content[0].text);
+```
+
+### Tool Result Format
+
+```typescript { .api }
+interface ToolResultBlockParam {
+  type: 'tool_result';
+  tool_use_id: string;
+  content?: string | ContentBlockParam[];
+  is_error?: boolean;
+  cache_control?: CacheControlEphemeral;
+}
+```
+
+**Text result:**
+
+```typescript
+{
+  type: 'tool_result',
+  tool_use_id: 'toolu_123',
+  content: 'The weather in San Francisco is 65°F and sunny.',
+}
+```
+
+**Structured result:**
+
+```typescript
+{
+  type: 'tool_result',
+  tool_use_id: 'toolu_123',
+  content: [
+    {
+      type: 'text',
+      text: 'Weather data:',
+    },
+    {
+      type: 'image',
+      source: {
+        type: 'base64',
+        media_type: 'image/png',
+        data: '...',  // Weather map image
+      },
+    },
+  ],
+}
+```
+
+**Error result:**
+
+```typescript
+{
+  type: 'tool_result',
+  tool_use_id: 'toolu_123',
+  content: 'Error: Location not found',
+  is_error: true,
+}
+```
+
+## Tool Choice
+
+Control which tools Claude can use:
+
+```typescript { .api }
+type ToolChoice =
+  | ToolChoiceAuto
+  | ToolChoiceAny
+  | ToolChoiceNone
+  | ToolChoiceTool;
+
+interface ToolChoiceAuto {
+  type: 'auto';
+  // Let Claude decide whether to use a tool
+}
+
+interface ToolChoiceAny {
+  type: 'any';
+  // Force Claude to use at least one tool
+}
+
+interface ToolChoiceNone {
+  type: 'none';
+  // Prevent tool use (tools are in context but not callable)
+}
+
+interface ToolChoiceTool {
+  type: 'tool';
+  name: string;
+  // Force use of a specific tool
+}
+```
+
+**Examples:**
+
+```typescript
+// Auto (default) - Claude decides
+const message = await client.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  tools,
+  tool_choice: { type: 'auto' },
+  messages: [{ role: 'user', content: 'What time is it?' }],
+});
+
+// Force tool use
+const message = await client.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  tools,
+  tool_choice: { type: 'any' },  // Must use a tool
+  messages: [{ role: 'user', content: 'Help me' }],
+});
+
+// Force specific tool
+const message = await client.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  tools,
+  tool_choice: {
+    type: 'tool',
+    name: 'get_weather',  // Must use this specific tool
+  },
+  messages: [{ role: 'user', content: 'Give me information' }],
+});
+
+// Disable tool use
+const message = await client.messages.create({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  tools,  // Tools in context for reference
+  tool_choice: { type: 'none' },  // But can't call them
+  messages: [{ role: 'user', content: 'Explain the weather tool' }],
+});
+```
+
+## Tool Helpers
+
+The SDK provides helpers to create runnable tools with automatic validation.
+
+### Zod Tool Helper
+
+Create tools with Zod schema validation:
+
+```typescript { .api }
+import { betaZodTool } from '@anthropic-ai/sdk/helpers/zod';
+import { z } from 'zod';
+
+function betaZodTool<InputSchema extends ZodType>(options: {
+  name: string;
+  inputSchema: InputSchema;
+  description: string;
+  run: (args: z.infer<InputSchema>) => Promise<string | BetaToolResultContentBlockParam[]> | string | BetaToolResultContentBlockParam[];
+}): BetaRunnableTool<z.infer<InputSchema>>;
+```
+
+**Example:**
+
+```typescript
+import { betaZodTool } from '@anthropic-ai/sdk/helpers/zod';
+import { z } from 'zod';
+
+const weatherTool = betaZodTool({
+  name: 'get_weather',
+  inputSchema: z.object({
+    location: z.string().describe('City and state, e.g. San Francisco, CA'),
+    unit: z.enum(['celsius', 'fahrenheit']).default('fahrenheit'),
+  }),
+  description: 'Get the current weather in a given location',
+  run: async (input) => {
+    // Automatically validated against schema
+    console.log('Getting weather for:', input.location);
+    console.log('Unit:', input.unit);
+
+    // Call weather API
+    const weather = await fetchWeather(input.location, input.unit);
+
+    return `The weather in ${input.location} is ${weather.temp}° and ${weather.conditions}`;
+  },
+});
+
+// Use with toolRunner (automatic execution)
+const result = await client.beta.messages.toolRunner({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  messages: [
+    {
+      role: 'user',
+      content: 'What is the weather in New York?',
+    }
+  ],
+  tools: [weatherTool],
+});
+```
+
+### JSON Schema Tool Helper
+
+Create tools with JSON Schema:
+
+```typescript { .api }
+import { betaTool } from '@anthropic-ai/sdk/helpers/json-schema';
+
+function betaTool<Schema extends JSONSchema>(options: {
+  name: string;
+  input_schema: Schema;
+  description: string;
+  run: (args: InferredTypeFromSchema<Schema>) => Promise<string | BetaToolResultContentBlockParam[]> | string | BetaToolResultContentBlockParam[];
+}): BetaRunnableTool<InferredTypeFromSchema<Schema>>;
+```
+
+**Example:**
+
+```typescript
+import { betaTool } from '@anthropic-ai/sdk/helpers/json-schema';
+
+const calculatorTool = betaTool({
+  name: 'calculator',
+  input_schema: {
+    type: 'object',
+    properties: {
+      operation: {
+        type: 'string',
+        enum: ['add', 'subtract', 'multiply', 'divide'],
+        description: 'The mathematical operation',
+      },
+      a: {
+        type: 'number',
+        description: 'First number',
+      },
+      b: {
+        type: 'number',
+        description: 'Second number',
+      },
+    },
+    required: ['operation', 'a', 'b'],
+  },
+  description: 'Perform basic arithmetic operations',
+  run: (input) => {
+    // Input is type-safe based on JSON Schema
+    const { operation, a, b } = input;
+
+    let result: number;
+    switch (operation) {
+      case 'add':
+        result = a + b;
+        break;
+      case 'subtract':
+        result = a - b;
+        break;
+      case 'multiply':
+        result = a * b;
+        break;
+      case 'divide':
+        result = a / b;
+        break;
+      default:
+        throw new Error(`Unknown operation: ${operation}`);
+    }
+
+    return String(result);
+  },
+});
+```
+
+### Returning Structured Content
+
+Tools can return text or structured content blocks:
+
+```typescript
+import { betaZodTool } from '@anthropic-ai/sdk/helpers/zod';
+import { z } from 'zod';
+
+const imageTool = betaZodTool({
+  name: 'generate_chart',
+  inputSchema: z.object({
+    data: z.array(z.number()),
+    title: z.string(),
+  }),
+  description: 'Generate a chart from data',
+  run: async (input) => {
+    const chartImage = await generateChart(input.data, input.title);
+
+    // Return structured content
+    return [
+      {
+        type: 'text',
+        text: `Generated chart: ${input.title}`,
+      },
+      {
+        type: 'image',
+        source: {
+          type: 'base64',
+          media_type: 'image/png',
+          data: chartImage,
+        },
+      },
+    ];
+  },
+});
+```
+
+### Output Format Helpers
+
+The SDK provides helpers for structured output formats that parse the response content automatically.
+
+#### Zod Output Format
+
+Create a structured output format using Zod schemas:
+
+```typescript { .api }
+import { betaZodOutputFormat } from '@anthropic-ai/sdk/helpers/zod';
+import { z } from 'zod';
+
+function betaZodOutputFormat<ZodInput extends ZodType>(
+  zodObject: ZodInput
+): AutoParseableBetaOutputFormat<z.infer<ZodInput>>;
+```
+
+**Example:**
+
+```typescript
+import { betaZodOutputFormat } from '@anthropic-ai/sdk/helpers/zod';
+import { z } from 'zod';
+
+const schema = z.object({
+  name: z.string(),
+  age: z.number(),
+  email: z.string().email(),
+});
+
+const message = await client.beta.messages.parse({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  output_format: betaZodOutputFormat(schema),
+  messages: [
+    {
+      role: 'user',
+      content: 'Extract user information: John Doe, 30 years old, john@example.com',
+    }
+  ],
+});
+
+// Typed and validated parsed output
+console.log(message.parsed); // { name: 'John Doe', age: 30, email: 'john@example.com' }
+```
+
+#### JSON Schema Output Format
+
+Create a structured output format using JSON Schema:
+
+```typescript { .api }
+import { betaJSONSchemaOutputFormat } from '@anthropic-ai/sdk/helpers/json-schema';
+import { JSONSchema } from 'json-schema-to-ts';
+
+function betaJSONSchemaOutputFormat<Schema extends JSONSchema>(
+  jsonSchema: Schema,
+  options?: { transform?: boolean }
+): AutoParseableBetaOutputFormat<InferredTypeFromSchema<Schema>>;
+```
+
+**Example:**
+
+```typescript
+import { betaJSONSchemaOutputFormat } from '@anthropic-ai/sdk/helpers/json-schema';
+
+const schema = {
+  type: 'object',
+  properties: {
+    sentiment: { type: 'string', enum: ['positive', 'negative', 'neutral'] },
+    confidence: { type: 'number', minimum: 0, maximum: 1 },
+  },
+  required: ['sentiment', 'confidence'],
+} as const;
+
+const message = await client.beta.messages.parse({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  output_format: betaJSONSchemaOutputFormat(schema),
+  messages: [
+    {
+      role: 'user',
+      content: 'Analyze the sentiment of this text: "I love this product!"',
+    }
+  ],
+});
+
+console.log(message.parsed); // { sentiment: 'positive', confidence: 0.95 }
+```
+
+### Memory Tool Helper
+
+Create a memory tool with custom handlers for memory operations:
+
+```typescript { .api }
+import { betaMemoryTool } from '@anthropic-ai/sdk/helpers/memory';
+
+type MemoryToolHandlers = {
+  [Command in MemoryCommand]: (
+    command: MemoryCommandObject<Command>
+  ) => Promise<string | BetaToolResultContentBlockParam[]> | string | BetaToolResultContentBlockParam[];
+};
+
+function betaMemoryTool(
+  handlers: MemoryToolHandlers
+): BetaRunnableTool<BetaMemoryTool20250818Command>;
+```
+
+**Example:**
+
+```typescript
+import { betaMemoryTool } from '@anthropic-ai/sdk/helpers/memory';
+
+const memoryStorage = new Map<string, string>();
+
+const memoryTool = betaMemoryTool({
+  read: (command) => {
+    const value = memoryStorage.get(command.key);
+    return value || `No value found for key: ${command.key}`;
+  },
+  write: (command) => {
+    memoryStorage.set(command.key, command.value);
+    return `Successfully wrote to key: ${command.key}`;
+  },
+  delete: (command) => {
+    const existed = memoryStorage.delete(command.key);
+    return existed ? `Deleted key: ${command.key}` : `Key not found: ${command.key}`;
+  },
+  list: () => {
+    const keys = Array.from(memoryStorage.keys());
+    return `Available keys: ${keys.join(', ')}`;
+  },
+});
+
+// Use with toolRunner
+const result = await client.beta.messages.toolRunner({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  betas: ['memory-20250818'],
+  messages: [
+    {
+      role: 'user',
+      content: 'Remember that my favorite color is blue',
+    }
+  ],
+  tools: [memoryTool],
+});
+```
+
+## Tool Runner
+
+Automatic tool execution loop that handles the conversation for you:
+
+```typescript { .api }
+client.beta.messages.toolRunner(
+  params: BetaToolRunnerParams
+): BetaToolRunner<Stream>;
+
+interface BetaToolRunnerParams {
+  model: string;
+  max_tokens: number;
+  messages: BetaMessageParam[];
+  tools: Array<BetaToolUnion | BetaRunnableTool>;
+
+  // Optional
+  stream?: boolean;
+  max_iterations?: number;  // Max tool execution rounds
+  system?: string | SystemBlockParam[];
+  temperature?: number;
+  // ... other message params
+}
+
+class BetaToolRunner<Stream extends boolean> {
+  // Async iteration
+  [Symbol.asyncIterator](): AsyncIterator<Stream extends true ? BetaMessageStream : BetaMessage>;
+
+  // Properties
+  params: BetaToolRunnerParams;  // Current parameters
+
+  // Methods
+  setMessagesParams(params: BetaToolRunnerParams | ((prev: BetaToolRunnerParams) => BetaToolRunnerParams)): void;
+  pushMessages(...messages: BetaMessageParam[]): void;
+  generateToolResponse(): Promise<BetaMessageParam | null>;
+  done(): Promise<void>;
+  runUntilDone(): Promise<BetaMessage>;
+}
+```
+
+### Basic Usage
+
+```typescript
+import Anthropic from '@anthropic-ai/sdk';
+import { betaZodTool } from '@anthropic-ai/sdk/helpers/zod';
+import { z } from 'zod';
+
+const client = new Anthropic();
+
+const weatherTool = betaZodTool({
+  name: 'get_weather',
+  inputSchema: z.object({
+    location: z.string(),
+  }),
+  description: 'Get the current weather',
+  run: (input) => {
+    return `The weather in ${input.location} is sunny and 72°F`;
+  },
+});
+
+// Automatic tool execution
+const finalMessage = await client.beta.messages.toolRunner({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  messages: [
+    {
+      role: 'user',
+      content: 'What is the weather in San Francisco?',
+    }
+  ],
+  tools: [weatherTool],
+});
+
+console.log(finalMessage.content[0].text);
+// "Based on the weather data, it's currently sunny and 72°F in San Francisco."
+```
+
+### Iteration
+
+Process intermediate messages:
+
+```typescript
+const runner = client.beta.messages.toolRunner({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  messages: [
+    {
+      role: 'user',
+      content: 'Calculate 15 * 23 and then add 100',
+    }
+  ],
+  tools: [calculatorTool],
+});
+
+// Process each turn
+for await (const message of runner) {
+  console.log('Turn:', message.role);
+  console.log('Content:', message.content);
+  console.log('Stop reason:', message.stop_reason);
+}
+
+// Get final result
+const final = await runner;
+console.log('Final answer:', final.content[0].text);
+```
+
+### Streaming with Tool Runner
+
+```typescript
+const runner = client.beta.messages.toolRunner({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  stream: true,  // Enable streaming
+  messages: [
+    {
+      role: 'user',
+      content: 'Search for restaurants and calculate tip',
+    }
+  ],
+  tools: [searchTool, calculatorTool],
+});
+
+// Each iteration yields a BetaMessageStream
+for await (const stream of runner) {
+  console.log('--- New message stream ---');
+
+  stream.on('text', (text) => {
+    process.stdout.write(text);
+  });
+
+  stream.on('contentBlock', (block) => {
+    if (block.type === 'tool_use') {
+      console.log(`\nTool: ${block.name}`);
+    }
+  });
+
+  await stream.done();
+}
+
+// Final message
+const final = await runner;
+console.log('\nFinal:', final.content);
+```
+
+### Max Iterations
+
+Limit tool execution rounds:
+
+```typescript
+const runner = client.beta.messages.toolRunner({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  max_iterations: 5,  // Stop after 5 tool execution rounds
+  messages: [
+    {
+      role: 'user',
+      content: 'Complex multi-step task',
+    }
+  ],
+  tools: [tool1, tool2, tool3],
+});
+
+const final = await runner;
+```
+
+### Dynamic Parameters
+
+Update parameters during execution:
+
+```typescript
+const runner = client.beta.messages.toolRunner({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  messages: [
+    {
+      role: 'user',
+      content: 'Help me with a task',
+    }
+  ],
+  tools: [myTool],
+});
+
+// Update parameters
+runner.setMessagesParams({
+  ...runner.params,
+  temperature: 0.5,  // Change temperature
+});
+
+// Or use mutator function
+runner.setMessagesParams((prevParams) => ({
+  ...prevParams,
+  max_tokens: prevParams.max_tokens * 2,
+}));
+
+const final = await runner;
+```
+
+### Add Messages
+
+Inject messages during execution:
+
+```typescript
+const runner = client.beta.messages.toolRunner({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  messages: [
+    {
+      role: 'user',
+      content: 'Start a task',
+    }
+  ],
+  tools: [myTool],
+});
+
+// Add context mid-execution
+runner.pushMessages(
+  {
+    role: 'user',
+    content: 'Additional information: ...',
+  }
+);
+
+const final = await runner;
+```
+
+### Generate Tool Response
+
+Get tool response for last message:
+
+```typescript
+const runner = client.beta.messages.toolRunner({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 1024,
+  messages: [{ role: 'user', content: 'Task' }],
+  tools: [myTool],
+});
+
+for await (const message of runner) {
+  // Get tool response that was generated
+  const toolResponse = await runner.generateToolResponse();
+
+  if (toolResponse) {
+    console.log('Tool results:', toolResponse.content);
+  }
+}
+```
+
+### Waiting for Completion
+
+Multiple ways to wait:
+
+```typescript
+const runner = client.beta.messages.toolRunner({ /* ... */ });
+
+// Method 1: Iterate and wait
+for await (const message of runner) {
+  console.log('Processing:', message);
+}
+await runner.done();
+
+// Method 2: Run until done
+const final = await runner.runUntilDone();
+
+// Method 3: Direct await (equivalent to runUntilDone)
+const final = await runner;
+```
+
+## Complex Tool Examples
+
+### Multi-Tool Workflow
+
+```typescript
+import { betaZodTool } from '@anthropic-ai/sdk/helpers/zod';
+import { z } from 'zod';
+
+const searchTool = betaZodTool({
+  name: 'search',
+  inputSchema: z.object({
+    query: z.string(),
+  }),
+  description: 'Search the web',
+  run: async (input) => {
+    const results = await searchWeb(input.query);
+    return JSON.stringify(results);
+  },
+});
+
+const analyzeTool = betaZodTool({
+  name: 'analyze',
+  inputSchema: z.object({
+    data: z.string(),
+  }),
+  description: 'Analyze data',
+  run: async (input) => {
+    const analysis = await analyzeData(input.data);
+    return analysis;
+  },
+});
+
+const summarizeTool = betaZodTool({
+  name: 'summarize',
+  inputSchema: z.object({
+    text: z.string(),
+    length: z.enum(['short', 'medium', 'long']),
+  }),
+  description: 'Summarize text',
+  run: async (input) => {
+    const summary = await summarize(input.text, input.length);
+    return summary;
+  },
+});
+
+// Claude will use multiple tools in sequence
+const result = await client.beta.messages.toolRunner({
+  model: 'claude-sonnet-4-5-20250929',
+  max_tokens: 2048,
+  messages: [
+    {
+      role: 'user',
+      content: 'Search for recent AI news, analyze the trends, and give me a short summary',
+    }
+  ],
+  tools: [searchTool, analyzeTool, summarizeTool],
+});
+```
+
+### Database Tool
+
+```typescript
+const dbTool = betaZodTool({
+  name: 'query_database',
+  inputSchema: z.object({
+    query: z.string().describe('SQL query to execute'),
+    database: z.enum(['users', 'orders', 'products']),
+  }),
+  description: 'Query the database',
+  run: async (input) => {
+    // Validate and execute query safely
+    if (!isSafeQuery(input.query)) {
+      throw new Error('Unsafe query detected');
+    }
+
+    const results = await db.query(input.database, input.query);
+
+    return [
+      {
+        type: 'text',
+        text: `Found ${results.length} results`,
+      },
+      {
+        type: 'text',
+        text: JSON.stringify(results, null, 2),
+      },
+    ];
+  },
+});
+```
+
+### File Operations Tool
+
+```typescript
+const fileTool = betaZodTool({
+  name: 'file_operations',
+  inputSchema: z.object({
+    operation: z.enum(['read', 'write', 'list']),
+    path: z.string(),
+    content: z.string().optional(),
+  }),
+  description: 'Perform file operations',
+  run: async (input) => {
+    switch (input.operation) {
+      case 'read':
+        const content = await fs.readFile(input.path, 'utf-8');
+        return content;
+
+      case 'write':
+        await fs.writeFile(input.path, input.content || '');
+        return `Wrote to ${input.path}`;
+
+      case 'list':
+        const files = await fs.readdir(input.path);
+        return files.join('\n');
+
+      default:
+        throw new Error(`Unknown operation: ${input.operation}`);
+    }
+  },
+});
+```
+
+### API Call Tool
+
+```typescript
+const apiTool = betaZodTool({
+  name: 'call_api',
+  inputSchema: z.object({
+    endpoint: z.string().url(),
+    method: z.enum(['GET', 'POST', 'PUT', 'DELETE']),
+    body: z.record(z.any()).optional(),
+    headers: z.record(z.string()).optional(),
+  }),
+  description: 'Make HTTP API calls',
+  run: async (input) => {
+    const response = await fetch(input.endpoint, {
+      method: input.method,
+      headers: {
+        'Content-Type': 'application/json',
+        ...input.headers,
+      },
+      body: input.body ? JSON.stringify(input.body) : undefined,
+    });
+
+    const data = await response.json();
+
+    return [
+      {
+        type: 'text',
+        text: `Status: ${response.status}`,
+      },
+      {
+        type: 'text',
+        text: JSON.stringify(data, null, 2),
+      },
+    ];
+  },
+});
+```
+
+## Error Handling
+
+### Tool Execution Errors
+
+```typescript
+const riskyTool = betaZodTool({
+  name: 'risky_operation',
+  inputSchema: z.object({
+    param: z.string(),
+  }),
+  description: 'A risky operation',
+  run: async (input) => {
+    try {
+      const result = await riskyOperation(input.param);
+      return result;
+    } catch (error) {
+      // Return error to Claude
+      return `Error: ${error.message}`;
+    }
+  },
+});
+```
+
+### Validation Errors
+
+```typescript
+const tool = betaZodTool({
+  name: 'validated_tool',
+  inputSchema: z.object({
+    email: z.string().email(),
+    age: z.number().min(0).max(120),
+  }),
+  description: 'Tool with validation',
+  run: async (input) => {
+    // Input is automatically validated
+    // This will only run if validation passes
+    return `Processing ${input.email}`;
+  },
+});
+
+// If Claude provides invalid input, validation error is automatically handled
+```
+
+### Runner Errors
+
+```typescript
+try {
+  const runner = client.beta.messages.toolRunner({
+    model: 'claude-sonnet-4-5-20250929',
+    max_tokens: 1024,
+    messages: [{ role: 'user', content: 'Task' }],
+    tools: [myTool],
+  });
+
+  const result = await runner;
+} catch (error) {
+  if (error instanceof Anthropic.APIError) {
+    console.error('API error:', error.status, error.message);
+  } else if (error instanceof Anthropic.AnthropicError) {
+    console.error('SDK error:', error.message);
+  } else {
+    console.error('Tool execution error:', error);
+  }
+}
+```
+
+## Best Practices
+
+### Tool Naming
+
+```typescript
+// ✅ Good: Clear, descriptive names
+betaZodTool({ name: 'get_weather', /* ... */ });
+betaZodTool({ name: 'search_database', /* ... */ });
+betaZodTool({ name: 'calculate_mortgage', /* ... */ });
+
+// ❌ Bad: Vague or unclear
+betaZodTool({ name: 'do_thing', /* ... */ });
+betaZodTool({ name: 'tool1', /* ... */ });
+```
+
+### Tool Descriptions
+
+```typescript
+// ✅ Good: Detailed, explains when to use
+betaZodTool({
+  name: 'get_stock_price',
+  description: 'Get the current stock price for a given ticker symbol. Use this when the user asks about stock prices, market data, or company valuations.',
+  /* ... */
+});
+
+// ❌ Bad: Too brief
+betaZodTool({
+  name: 'get_stock_price',
+  description: 'Gets stock data',
+  /* ... */
+});
+```
+
+### Input Validation
+
+```typescript
+// ✅ Good: Strict validation
+betaZodTool({
+  name: 'send_email',
+  inputSchema: z.object({
+    to: z.string().email().describe('Recipient email address'),
+    subject: z.string().min(1).max(200).describe('Email subject line'),
+    body: z.string().max(10000).describe('Email body content'),
+  }),
+  /* ... */
+});
+
+// ❌ Bad: Loose validation
+betaZodTool({
+  name: 'send_email',
+  inputSchema: z.object({
+    to: z.string(),
+    subject: z.string(),
+    body: z.string(),
+  }),
+  /* ... */
+});
+```
+
+### Error Messages
+
+```typescript
+// ✅ Good: Helpful error messages
+const tool = betaZodTool({
+  name: 'divide',
+  inputSchema: z.object({
+    a: z.number(),
+    b: z.number(),
+  }),
+  description: 'Divide two numbers',
+  run: (input) => {
+    if (input.b === 0) {
+      return 'Error: Cannot divide by zero. Please provide a non-zero divisor.';
+    }
+    return String(input.a / input.b);
+  },
+});
+
+// ❌ Bad: Generic errors
+const tool = betaZodTool({
+  name: 'divide',
+  /* ... */
+  run: (input) => {
+    if (input.b === 0) {
+      throw new Error('Error');
+    }
+    return String(input.a / input.b);
+  },
+});
+```
+
+### Security
+
+```typescript
+// ✅ Good: Validate and sanitize inputs
+const dbTool = betaZodTool({
+  name: 'query_db',
+  inputSchema: z.object({
+    query: z.string(),
+  }),
+  description: 'Query database',
+  run: async (input) => {
+    // Validate query before execution
+    if (!isAllowedQuery(input.query)) {
+      return 'Error: Query not allowed';
+    }
+
+    // Use parameterized queries
+    const results = await db.execute(input.query);
+    return JSON.stringify(results);
+  },
+});
+
+// ❌ Bad: No validation
+const dbTool = betaZodTool({
+  name: 'query_db',
+  /* ... */
+  run: async (input) => {
+    // Direct execution - SQL injection risk!
+    const results = await db.execute(input.query);
+    return JSON.stringify(results);
+  },
+});
+```
+
+## See Also
+
+- [Messages API](./messages.md) - Core message creation
+- [Streaming](./streaming.md) - Streaming with tools
+- [Beta Features](./beta-features.md) - Advanced tool capabilities
+- [Types](./types.md) - Tool type definitions
diff --git a/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/types.md b/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/types.md
new file mode 100644
index 000000000..c625f4209
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-anthropic-ai--sdk/docs/types.md
@@ -0,0 +1,1084 @@
+# Core Types Reference
+
+Complete type definitions for the Anthropic TypeScript SDK. This document covers all public types, interfaces, and enums used throughout the SDK.
+
+## Messages API Types
+
+### Message Types
+
+```typescript { .api }
+interface Message {
+  id: string;
+  type: 'message';
+  role: 'assistant';
+  content: ContentBlock[];
+  model: string;
+  stop_reason: StopReason | null;
+  stop_sequence: string | null;
+  usage: Usage;
+}
+
+interface MessageParam {
+  role: 'user' | 'assistant';
+  content: string | ContentBlockParam[];
+}
+
+type StopReason =
+  | 'end_turn'
+  | 'max_tokens'
+  | 'stop_sequence'
+  | 'tool_use'
+  | 'server_tool_use';
+
+interface Usage {
+  input_tokens: number;
+  output_tokens: number;
+  cache_creation_input_tokens?: number;
+  cache_read_input_tokens?: number;
+}
+```
+
+### Content Block Types (Output)
+
+```typescript { .api }
+type ContentBlock =
+  | TextBlock
+  | ThinkingBlock
+  | RedactedThinkingBlock
+  | ToolUseBlock
+  | ServerToolUseBlock
+  | WebSearchResultBlock;
+
+interface TextBlock {
+  type: 'text';
+  text: string;
+  citations?: TextCitation[];
+}
+
+interface ThinkingBlock {
+  type: 'thinking';
+  thinking: string;
+  signature?: string;
+}
+
+interface RedactedThinkingBlock {
+  type: 'redacted_thinking';
+  signature: string;
+}
+
+interface ToolUseBlock {
+  type: 'tool_use';
+  id: string;
+  name: string;
+  input: Record<string, any>;
+}
+
+interface ServerToolUseBlock {
+  type: 'server_tool_use';
+  id: string;
+  name: string;
+  input: Record<string, any>;
+}
+
+interface WebSearchResultBlock {
+  type: 'web_search_result';
+  query: string;
+  results: Array<{
+    url: string;
+    title: string;
+    snippet: string;
+  }>;
+}
+```
+
+### Content Block Params (Input)
+
+```typescript { .api }
+type ContentBlockParam =
+  | TextBlockParam
+  | ImageBlockParam
+  | DocumentBlockParam
+  | ToolUseBlockParam
+  | ToolResultBlockParam
+  | ThinkingBlockParam
+  | RedactedThinkingBlockParam
+  | ServerToolUseBlockParam
+  | SearchResultBlockParam
+  | WebSearchResultBlockParam;
+
+interface TextBlockParam {
+  type: 'text';
+  text: string;
+  cache_control?: CacheControlEphemeral;
+  citations?: TextCitationParam[];
+}
+
+interface ImageBlockParam {
+  type: 'image';
+  source: Base64ImageSource | URLImageSource | BetaFileImageSource;
+  cache_control?: CacheControlEphemeral;
+}
+
+interface DocumentBlockParam {
+  type: 'document';
+  source: Base64PDFSource | URLPDFSource | PlainTextSource | BetaFileDocumentSource;
+  cache_control?: CacheControlEphemeral;
+}
+
+interface ToolUseBlockParam {
+  type: 'tool_use';
+  id: string;
+  name: string;
+  input: Record<string, any>;
+  cache_control?: CacheControlEphemeral;
+}
+
+interface ToolResultBlockParam {
+  type: 'tool_result';
+  tool_use_id: string;
+  content?: string | ContentBlockParam[];
+  is_error?: boolean;
+  cache_control?: CacheControlEphemeral;
+}
+
+interface ThinkingBlockParam {
+  type: 'thinking';
+  thinking: string;
+  cache_control?: CacheControlEphemeral;
+}
+
+interface RedactedThinkingBlockParam {
+  type: 'redacted_thinking';
+  signature: string;
+  cache_control?: CacheControlEphemeral;
+}
+
+interface ServerToolUseBlockParam {
+  type: 'server_tool_use';
+  id: string;
+  name: string;
+  input: Record<string, any>;
+  cache_control?: CacheControlEphemeral;
+}
+
+interface SearchResultBlockParam {
+  type: 'search_result';
+  url: string;
+  title: string;
+  content: string;
+  cache_control?: CacheControlEphemeral;
+}
+
+interface WebSearchResultBlockParam {
+  type: 'web_search_result';
+  query: string;
+  results: WebSearchToolResultBlockParam[];
+  cache_control?: CacheControlEphemeral;
+}
+```
+
+### Image and Document Sources
+
+```typescript { .api }
+interface Base64ImageSource {
+  type: 'base64';
+  media_type: 'image/jpeg' | 'image/png' | 'image/gif' | 'image/webp';
+  data: string;
+}
+
+interface URLImageSource {
+  type: 'url';
+  url: string;
+}
+
+interface Base64PDFSource {
+  type: 'base64';
+  media_type: 'application/pdf';
+  data: string;
+}
+
+interface URLPDFSource {
+  type: 'url';
+  url: string;
+  media_type: 'application/pdf';
+}
+
+interface PlainTextSource {
+  type: 'text';
+  media_type: 'text/plain';
+  data: string;
+}
+
+// Beta file sources
+interface BetaFileImageSource {
+  type: 'file';
+  file_id: string;
+}
+
+interface BetaFileDocumentSource {
+  type: 'file';
+  file_id: string;
+}
+```
+
+### Tool Types
+
+```typescript { .api }
+interface Tool {
+  type?: 'custom';
+  name: string;
+  description: string;
+  input_schema: {
+    type: 'object';
+    properties: Record<string, JSONSchema>;
+    required?: string[];
+  };
+  cache_control?: CacheControlEphemeral;
+}
+
+interface ToolBash20250124 {
+  type: 'bash_20250124';
+  name: 'bash';
+  cache_control?: CacheControlEphemeral;
+}
+
+interface ToolTextEditor20250124 {
+  type: 'text_editor_20250124';
+  name: 'str_replace_editor';
+  cache_control?: CacheControlEphemeral;
+}
+
+interface ToolTextEditor20250429 {
+  type: 'text_editor_20250429';
+  name: 'str_replace_editor';
+  cache_control?: CacheControlEphemeral;
+}
+
+interface ToolTextEditor20250728 {
+  type: 'text_editor_20250728';
+  name: 'str_replace_editor';
+  cache_control?: CacheControlEphemeral;
+}
+
+interface WebSearchTool20250305 {
+  type: 'web_search_20250305';
+  name: 'web_search';
+  cache_control?: CacheControlEphemeral;
+}
+
+type ToolUnion =
+  | Tool
+  | ToolBash20250124
+  | ToolTextEditor20250124
+  | ToolTextEditor20250429
+  | ToolTextEditor20250728
+  | WebSearchTool20250305;
+```
+
+### Tool Choice
+
+```typescript { .api }
+type ToolChoice =
+  | ToolChoiceAuto
+  | ToolChoiceAny
+  | ToolChoiceNone
+  | ToolChoiceTool;
+
+interface ToolChoiceAuto {
+  type: 'auto';
+}
+
+interface ToolChoiceAny {
+  type: 'any';
+}
+
+interface ToolChoiceNone {
+  type: 'none';
+}
+
+interface ToolChoiceTool {
+  type: 'tool';
+  name: string;
+}
+```
+
+### Citations
+
+```typescript { .api }
+interface TextCitation {
+  type: 'citation';
+  cited_text: string;
+  location: CitationLocation;
+}
+
+interface TextCitationParam {
+  type: 'citation';
+  cited_text: string;
+  location: CitationLocationParam;
+}
+
+type CitationLocation =
+  | CitationCharLocation
+  | CitationContentBlockLocation
+  | CitationPageLocation
+  | CitationsSearchResultLocation
+  | CitationsWebSearchResultLocation;
+
+type CitationLocationParam =
+  | CitationCharLocationParam
+  | CitationContentBlockLocationParam
+  | CitationPageLocationParam
+  | CitationSearchResultLocationParam
+  | CitationWebSearchResultLocationParam;
+
+interface CitationCharLocation {
+  type: 'char_location';
+  document_index: number;
+  document_title: string | null;
+  cited_text: string;
+  start_char_index: number;
+  end_char_index: number;
+  file_id: string | null;
+}
+
+interface CitationContentBlockLocation {
+  type: 'content_block_location';
+  document_index: number;
+  document_title: string | null;
+  cited_text: string;
+  start_block_index: number;
+  end_block_index: number;
+  file_id: string | null;
+}
+
+interface CitationPageLocation {
+  type: 'page_location';
+  document_index: number;
+  document_title: string | null;
+  cited_text: string;
+  page_number: number;
+  file_id: string | null;
+}
+
+interface CitationsSearchResultLocation {
+  type: 'search_result_location';
+  cited_text: string;
+  search_result_index: number;
+}
+
+interface CitationsWebSearchResultLocation {
+  type: 'web_search_result_location';
+  cited_text: string;
+  web_search_result_index: number;
+}
+
+interface CitationsConfigParam {
+  enabled: boolean;
+}
+```
+
+### Thinking Configuration
+
+```typescript { .api }
+type ThinkingConfigParam =
+  | ThinkingConfigEnabled
+  | ThinkingConfigDisabled;
+
+interface ThinkingConfigEnabled {
+  type: 'enabled';
+  budget_tokens?: number;
+}
+
+interface ThinkingConfigDisabled {
+  type: 'disabled';
+}
+```
+
+### Caching
+
+```typescript { .api }
+interface CacheControlEphemeral {
+  type: 'ephemeral';
+  ttl?: '5m' | '1h';
+}
+
+interface CacheCreation {
+  ephemeral_5m_input_tokens: number;
+  ephemeral_1h_input_tokens: number;
+}
+```
+
+### Metadata
+
+```typescript { .api }
+interface Metadata {
+  user_id?: string;
+  [key: string]: string | undefined;
+}
+```
+
+### Models
+
+```typescript { .api }
+type Model =
+  | 'claude-opus-4-5-20250514'
+  | 'claude-sonnet-4-5-20250929'
+  | 'claude-3-5-sonnet-20241022'
+  | 'claude-3-5-haiku-20241022'
+  | 'claude-3-opus-20240229'
+  | 'claude-3-sonnet-20240229'
+  | 'claude-3-haiku-20240307'
+  | (string & {});  // Allow other strings
+```
+
+## Streaming Types
+
+### Stream Events
+
+```typescript { .api }
+type MessageStreamEvent =
+  | MessageStartEvent
+  | MessageDeltaEvent
+  | MessageStopEvent
+  | ContentBlockStartEvent
+  | ContentBlockDeltaEvent
+  | ContentBlockStopEvent;
+
+interface MessageStartEvent {
+  type: 'message_start';
+  message: Message;
+}
+
+interface MessageDeltaEvent {
+  type: 'message_delta';
+  delta: {
+    stop_reason: StopReason | null;
+    stop_sequence: string | null;
+  };
+  usage: MessageDeltaUsage;
+}
+
+interface MessageStopEvent {
+  type: 'message_stop';
+}
+
+interface ContentBlockStartEvent {
+  type: 'content_block_start';
+  index: number;
+  content_block: ContentBlock;
+}
+
+interface ContentBlockDeltaEvent {
+  type: 'content_block_delta';
+  index: number;
+  delta: RawContentBlockDelta;
+}
+
+interface ContentBlockStopEvent {
+  type: 'content_block_stop';
+  index: number;
+}
+
+interface MessageDeltaUsage {
+  output_tokens: number;
+}
+```
+
+### Delta Types
+
+```typescript { .api }
+type RawContentBlockDelta =
+  | TextDelta
+  | ThinkingDelta
+  | InputJSONDelta
+  | CitationsDelta
+  | SignatureDelta;
+
+interface TextDelta {
+  type: 'text_delta';
+  text: string;
+}
+
+interface ThinkingDelta {
+  type: 'thinking_delta';
+  thinking: string;
+}
+
+interface InputJSONDelta {
+  type: 'input_json_delta';
+  partial_json: string;
+}
+
+interface CitationsDelta {
+  type: 'citations_delta';
+  citations: TextCitation[];
+}
+
+interface SignatureDelta {
+  type: 'signature_delta';
+  signature: string;
+}
+```
+
+## Beta Types
+
+### Beta Messages
+
+All message types have Beta equivalents with `Beta` prefix:
+
+```typescript { .api }
+interface BetaMessage extends Message {
+  // Additional beta-specific fields
+}
+
+interface BetaMessageParam extends MessageParam {
+  // Additional beta-specific fields
+}
+
+type BetaContentBlock = ContentBlock | /* beta-specific blocks */;
+type BetaContentBlockParam = ContentBlockParam | /* beta-specific params */;
+```
+
+### Beta Tools
+
+```typescript { .api }
+interface BetaCodeExecutionTool20250522 {
+  type: 'code_execution_20250522';
+  name: 'code_execution';
+}
+
+interface BetaCodeExecutionTool20250825 {
+  type: 'code_execution_20250825';
+  name: 'code_execution';
+}
+
+interface BetaToolBash20241022 {
+  type: 'bash_20241022';
+  name: 'bash';
+}
+
+interface BetaToolBash20250124 {
+  type: 'bash_20250124';
+  name: 'bash';
+}
+
+interface BetaToolTextEditor20241022 {
+  type: 'text_editor_20241022';
+  name: 'str_replace_editor';
+}
+
+interface BetaToolTextEditor20250124 {
+  type: 'text_editor_20250124';
+  name: 'str_replace_editor';
+}
+
+interface BetaToolTextEditor20250429 {
+  type: 'text_editor_20250429';
+  name: 'str_replace_editor';
+}
+
+interface BetaToolTextEditor20250728 {
+  type: 'text_editor_20250728';
+  name: 'str_replace_editor';
+}
+
+interface BetaToolComputerUse20241022 {
+  type: 'computer_use_20241022';
+  name: 'computer';
+  display_width_px: number;
+  display_height_px: number;
+  display_number?: number;
+}
+
+interface BetaToolComputerUse20250124 {
+  type: 'computer_use_20250124';
+  name: 'computer';
+  display_width_px: number;
+  display_height_px: number;
+  display_number?: number;
+}
+
+interface BetaWebFetchTool20250910 {
+  type: 'web_fetch_20250910';
+  name: 'web_fetch';
+}
+
+interface BetaWebSearchTool20250305 {
+  type: 'web_search_20250305';
+  name: 'web_search';
+}
+
+interface BetaMemoryTool20250818 {
+  type: 'memory_20250818';
+  name: 'memory';
+  commands: {
+    create?: BetaMemoryTool20250818CreateCommand;
+    view?: BetaMemoryTool20250818ViewCommand;
+    delete?: BetaMemoryTool20250818DeleteCommand;
+    insert?: BetaMemoryTool20250818InsertCommand;
+    str_replace?: BetaMemoryTool20250818StrReplaceCommand;
+    rename?: BetaMemoryTool20250818RenameCommand;
+  };
+}
+```
+
+### Beta Context Management
+
+```typescript { .api }
+interface BetaContextManagementConfig {
+  input_tokens_clear_at_least?: number;
+  tool_uses?: BetaToolUsesTrigger;
+  thinking_turns?: BetaThinkingTurns;
+}
+
+interface BetaToolUsesTrigger {
+  keep: number;
+}
+
+type BetaThinkingTurns =
+  | { keep: 'all' }
+  | { keep: 'none' };
+
+interface BetaContextManagementResponse {
+  input_tokens_clear_at_least?: number;
+  tool_uses_kept?: number;
+  thinking_turns_kept?: 'all' | 'none';
+}
+```
+
+### Beta Output Formats
+
+```typescript { .api }
+interface BetaJSONOutputFormat {
+  type: 'json_schema';
+  schema: JSONSchema;
+}
+
+interface AutoParseableBetaOutputFormat<ParsedT> {
+  type: 'json_schema';
+  schema: JSONSchema;
+  parse: (content: string) => ParsedT;
+}
+```
+
+### Beta MCP
+
+```typescript { .api }
+interface BetaRequestMCPServerToolConfiguration {
+  url: string;
+  tools: string[] | '*';
+}
+
+interface BetaRequestMCPServerURLDefinition {
+  url: string;
+}
+```
+
+### Beta Container
+
+```typescript { .api }
+interface BetaContainer {
+  id: string;
+  type: 'container';
+  status: 'running' | 'stopped';
+}
+
+interface BetaContainerParams {
+  container_id?: string;
+}
+```
+
+### Beta Skills
+
+```typescript { .api }
+interface BetaSkill {
+  type: 'skill';
+  skill_id: string;
+  version?: string;
+}
+
+interface BetaSkillParams {
+  type: 'skill';
+  skill_id: string;
+  version?: string;
+}
+```
+
+## Batch Types
+
+```typescript { .api }
+interface MessageBatch {
+  id: string;
+  type: 'message_batch';
+  processing_status: 'in_progress' | 'canceling' | 'ended';
+  request_counts: MessageBatchRequestCounts;
+  ended_at: string | null;
+  created_at: string;
+  expires_at: string;
+  archived_at: string | null;
+  cancel_initiated_at: string | null;
+  results_url: string | null;
+}
+
+interface MessageBatchRequestCounts {
+  processing: number;
+  succeeded: number;
+  errored: number;
+  canceled: number;
+  expired: number;
+}
+
+interface MessageBatchIndividualResponse {
+  custom_id: string;
+  result: MessageBatchResult;
+}
+
+type MessageBatchResult =
+  | MessageBatchSucceededResult
+  | MessageBatchErroredResult
+  | MessageBatchCanceledResult
+  | MessageBatchExpiredResult;
+
+interface MessageBatchSucceededResult {
+  type: 'succeeded';
+  message: Message;
+}
+
+interface MessageBatchErroredResult {
+  type: 'errored';
+  error: {
+    type: string;
+    message: string;
+  };
+}
+
+interface MessageBatchCanceledResult {
+  type: 'canceled';
+}
+
+interface MessageBatchExpiredResult {
+  type: 'expired';
+}
+
+interface DeletedMessageBatch {
+  id: string;
+  type: 'message_batch';
+  deleted: boolean;
+}
+```
+
+## Model Types
+
+```typescript { .api }
+interface ModelInfo {
+  type: 'model';
+  id: string;
+  display_name: string;
+  created_at: string;
+}
+```
+
+## File Types (Beta)
+
+```typescript { .api }
+interface FileMetadata {
+  id: string;
+  type: 'file';
+  filename: string;
+  size: number;
+  created_at: string;
+}
+
+interface DeletedFile {
+  id: string;
+  type: 'file';
+  deleted: boolean;
+}
+```
+
+## Skill Types (Beta)
+
+```typescript { .api }
+interface SkillCreateResponse {
+  id: string;
+  type: 'skill';
+  name: string;
+  description: string;
+  created_at: string;
+}
+
+interface SkillRetrieveResponse {
+  id: string;
+  type: 'skill';
+  name: string;
+  description: string;
+  created_at: string;
+  versions: VersionListResponse[];
+}
+
+interface SkillListResponse {
+  id: string;
+  type: 'skill';
+  name: string;
+  description: string;
+  created_at: string;
+}
+
+interface SkillDeleteResponse {
+  id: string;
+  type: 'skill';
+  deleted: boolean;
+}
+
+interface VersionCreateResponse {
+  id: string;
+  skill_id: string;
+  version: string;
+  created_at: string;
+}
+
+interface VersionRetrieveResponse {
+  id: string;
+  skill_id: string;
+  version: string;
+  definition: any;
+  created_at: string;
+}
+
+interface VersionListResponse {
+  id: string;
+  version: string;
+  created_at: string;
+}
+
+interface VersionDeleteResponse {
+  id: string;
+  deleted: boolean;
+}
+```
+
+## Error Types
+
+```typescript { .api }
+interface ErrorResponse {
+  type: 'error';
+  error: ErrorObject;
+}
+
+type ErrorObject =
+  | InvalidRequestError
+  | AuthenticationError
+  | BillingError
+  | PermissionError
+  | NotFoundError
+  | RateLimitError
+  | GatewayTimeoutError
+  | APIErrorObject
+  | OverloadedError;
+
+interface InvalidRequestError {
+  type: 'invalid_request_error';
+  message: string;
+}
+
+interface AuthenticationError {
+  type: 'authentication_error';
+  message: string;
+}
+
+interface BillingError {
+  type: 'billing_error';
+  message: string;
+}
+
+interface PermissionError {
+  type: 'permission_error';
+  message: string;
+}
+
+interface NotFoundError {
+  type: 'not_found_error';
+  message: string;
+}
+
+interface RateLimitError {
+  type: 'rate_limit_error';
+  message: string;
+}
+
+interface GatewayTimeoutError {
+  type: 'gateway_timeout_error';
+  message: string;
+}
+
+interface APIErrorObject {
+  type: 'api_error';
+  message: string;
+}
+
+interface OverloadedError {
+  type: 'overloaded_error';
+  message: string;
+}
+```
+
+## Pagination Types
+
+```typescript { .api }
+interface Page<Item> {
+  data: Item[];
+  has_more: boolean;
+  first_id: string | null;
+  last_id: string | null;
+}
+
+interface TokenPage<Item> {
+  data: Item[];
+  has_more: boolean;
+  next_page: string | null;
+}
+
+interface PageCursor<Item> {
+  data: Item[];
+  has_more: boolean;
+  next_page: string | null;
+}
+
+interface PageParams {
+  before_id?: string;
+  after_id?: string;
+  limit?: number;
+}
+
+interface TokenPageParams {
+  page_token?: string;
+  limit?: number;
+}
+
+interface PageCursorParams {
+  next_page?: string;
+  limit?: number;
+}
+```
+
+## Request Options
+
+```typescript { .api }
+interface RequestOptions {
+  timeout?: number;
+  maxRetries?: number;
+  headers?: HeadersLike;
+  query?: Record<string, string | undefined>;
+  signal?: AbortSignal;
+  idempotencyKey?: string;
+}
+
+type HeadersLike = Record<string, string | string[] | undefined> | Headers;
+```
+
+## Utility Types
+
+```typescript { .api }
+type Promisable<T> = T | Promise<T>;
+
+type Uploadable = File | Blob | ReadStream | Response;
+
+interface FileLike {
+  name: string;
+  type: string;
+  size: number;
+  arrayBuffer(): Promise<ArrayBuffer>;
+  slice(start?: number, end?: number): Blob;
+}
+
+type LogLevel = 'debug' | 'info' | 'warn' | 'error' | 'off';
+
+interface Logger {
+  debug(...args: any[]): void;
+  info(...args: any[]): void;
+  warn(...args: any[]): void;
+  error(...args: any[]): void;
+}
+
+type AnthropicBeta = string;  // See beta-features.md for full list
+```
+
+## Promise Utilities
+
+### APIPromise
+
+A subclass of `Promise` providing additional helper methods for interacting with the SDK.
+
+```typescript { .api }
+/**
+ * A Promise subclass with additional helper methods.
+ * All API methods return this type to provide extra functionality.
+ */
+class APIPromise<T> extends Promise<WithRequestID<T>> {
+  /**
+   * Gets the raw Response instance instead of parsing the response data.
+   * If you want to parse the response body but still get the Response instance,
+   * use withResponse() instead.
+   */
+  asResponse(): Promise<Response>;
+
+  /**
+   * Gets the parsed response data, the raw Response instance, and the request ID
+   * returned via the 'request-id' header (useful for debugging and reporting issues).
+   */
+  withResponse(): Promise<{
+    data: T;
+    response: Response;
+    request_id: string | null | undefined;
+  }>;
+}
+
+interface WithRequestID<T> extends T {
+  _request_id?: string | null;
+}
+```
+
+### PagePromise
+
+A Promise subclass for paginated responses that also implements `AsyncIterable` for auto-paginating iteration.
+
+```typescript { .api }
+/**
+ * Promise that resolves to a Page instance.
+ * Also implements AsyncIterable for auto-paginating iteration.
+ *
+ * Example:
+ *   for await (const item of client.models.list()) {
+ *     console.log(item);
+ *   }
+ */
+class PagePromise<PageClass extends AbstractPage<Item>, Item>
+  extends APIPromise<PageClass>
+  implements AsyncIterable<Item>
+{
+  [Symbol.asyncIterator](): AsyncIterator<Item>;
+}
+```
+
+## Type Utilities
+
+```typescript { .api }
+// Extract parsed type from beta params
+type ExtractParsedContentFromBetaParams<Params> =
+  Params extends { output_format: AutoParseableBetaOutputFormat<infer T> }
+    ? T
+    : never;
+
+// Merge request init options
+interface MergedRequestInit extends RequestInit {
+  // Runtime-specific extensions
+}
+```
+
+## See Also
+
+- [Messages API](./messages.md) - Using message types
+- [Streaming](./streaming.md) - Stream event types
+- [Tools](./tools.md) - Tool type definitions
+- [Beta Features](./beta-features.md) - Beta type definitions
+- [Errors](./errors.md) - Error type definitions
diff --git a/.tessl/tiles/tessl/npm-anthropic-ai--sdk/tile.json b/.tessl/tiles/tessl/npm-anthropic-ai--sdk/tile.json
new file mode 100644
index 000000000..5e6fc3d68
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-anthropic-ai--sdk/tile.json
@@ -0,0 +1,8 @@
+{
+  "name": "tessl/npm-anthropic-ai--sdk",
+  "version": "0.70.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/%40anthropic-ai/sdk@0.70.0",
+  "summary": "The official TypeScript library for the Anthropic API, providing a comprehensive client for interacting with Claude AI models.",
+  "private": false
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-azure--msal-node/docs/authentication-flows.md b/.tessl/tiles/tessl/npm-azure--msal-node/docs/authentication-flows.md
new file mode 100644
index 000000000..afb444769
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-azure--msal-node/docs/authentication-flows.md
@@ -0,0 +1,601 @@
+# Authentication Flows
+
+MSAL Node supports multiple OAuth 2.0 authentication flows, each designed for specific application scenarios and security requirements. This document covers all supported flows with their request types, usage patterns, and security considerations.
+
+## Capabilities
+
+### Authorization Code Flow
+
+The most secure and recommended flow for most applications, using OAuth 2.0 authorization code grant with PKCE.
+
+```typescript { .api }
+/**
+ * Request to generate authorization URL (first step)
+ */
+type AuthorizationUrlRequest = {
+  /** Array of scopes the application is requesting access to */
+  scopes: string[];
+  /** URI where the authorization server will redirect after user authorization */
+  redirectUri: string;
+  /** Prompt behavior for user interaction */
+  prompt?: PromptValue;
+  /** Account to use for authentication */
+  account?: AccountInfo;
+  /** Login hint for pre-filling username */
+  loginHint?: string;
+  /** Domain hint for federated authentication */
+  domainHint?: string;
+  /** Additional query parameters for the authorization request */
+  extraQueryParameters?: Record<string, string>;
+  /** PKCE code challenge for security */
+  codeChallenge?: string;
+  /** PKCE code challenge method */
+  codeChallengeMethod?: string;
+  /** State parameter for CSRF protection */
+  state?: string;
+  /** Correlation ID for tracking requests */
+  correlationId?: string;
+  /** Claims request for additional token claims */
+  claims?: string;
+  /** Authority URL to override default */
+  authority?: string;
+  /** Response mode (query, fragment, form_post) */
+  responseMode?: ResponseMode;
+};
+
+/**
+ * Request to exchange authorization code for tokens (second step)
+ */
+type AuthorizationCodeRequest = {
+  /** Array of scopes the application is requesting access to */
+  scopes: string[];
+  /** URI where the authorization server redirected after user authorization */
+  redirectUri: string;
+  /** Authorization code received from authorization server */
+  code: string;
+  /** State parameter for CSRF protection validation */
+  state?: string;
+  /** Authority URL to override default */
+  authority?: string;
+  /** Correlation ID for tracking requests */
+  correlationId?: string;
+  /** Claims request for additional token claims */
+  claims?: string;
+  /** Additional parameters for token request */
+  tokenQueryParameters?: Record<string, string>;
+  /** PKCE code verifier for security validation */
+  codeVerifier?: string;
+};
+
+/**
+ * Prompt values for user interaction
+ */
+enum PromptValue {
+  /** Force user to enter credentials */
+  LOGIN = "login",
+  /** Show account selection screen */
+  SELECT_ACCOUNT = "select_account", 
+  /** Request user consent */
+  CONSENT = "consent",
+  /** No user interaction (silent) */
+  NONE = "none"
+}
+
+/**
+ * Response modes for authorization response
+ */
+enum ResponseMode {
+  /** Return parameters in URL query string */
+  QUERY = "query",
+  /** Return parameters in URL fragment */
+  FRAGMENT = "fragment",
+  /** Return parameters via HTTP POST */
+  FORM_POST = "form_post"
+}
+```
+
+**Usage Example:**
+
+```typescript
+import { PublicClientApplication, PromptValue } from "@azure/msal-node";
+
+const pca = new PublicClientApplication({
+  auth: {
+    clientId: "your-client-id",
+    authority: "https://login.microsoftonline.com/common"
+  }
+});
+
+// Step 1: Generate authorization URL
+const authCodeUrlParameters = {
+  scopes: ["openid", "profile", "user.read"],
+  redirectUri: "http://localhost:3000/redirect",
+  prompt: PromptValue.SELECT_ACCOUNT,
+  state: "random-state-value", // CSRF protection
+  loginHint: "user@domain.com"
+};
+
+const authUrl = await pca.getAuthCodeUrl(authCodeUrlParameters);
+
+// Step 2: Exchange code for tokens (after user authorization)
+const tokenRequest = {
+  code: "authorization-code-from-callback",
+  scopes: ["openid", "profile", "user.read"],
+  redirectUri: "http://localhost:3000/redirect",
+  state: "random-state-value"
+};
+
+const response = await pca.acquireTokenByCode(tokenRequest);
+```
+
+### Client Credentials Flow
+
+App-only authentication flow for server applications and daemon apps that don't require user interaction.
+
+```typescript { .api }
+/**
+ * Request for client credentials flow (app-only authentication)
+ */
+type ClientCredentialRequest = {
+  /** Array of scopes the application is requesting access to */
+  scopes: string[];
+  /** Authority URL to override default */
+  authority?: string;
+  /** Correlation ID for tracking requests */
+  correlationId?: string;
+  /** Skip cache and force token acquisition from authority */
+  skipCache?: boolean;
+  /** Client assertion JWT for certificate-based authentication */
+  clientAssertion?: string | (() => string);
+  /** Additional parameters for token request */
+  tokenQueryParameters?: Record<string, string>;
+  /** Claims request for additional token claims */
+  claims?: string;
+};
+```
+
+**Usage Example:**
+
+```typescript
+import { ConfidentialClientApplication } from "@azure/msal-node";
+
+const cca = new ConfidentialClientApplication({
+  auth: {
+    clientId: "your-client-id",
+    clientSecret: "your-client-secret", // Or use clientCertificate
+    authority: "https://login.microsoftonline.com/your-tenant-id"
+  }
+});
+
+const clientCredentialRequest = {
+  scopes: ["https://graph.microsoft.com/.default"],
+  skipCache: false // Use cache if available
+};
+
+const response = await cca.acquireTokenByClientCredential(clientCredentialRequest);
+
+// Use token for Microsoft Graph API calls
+const graphData = await fetch("https://graph.microsoft.com/v1.0/users", {
+  headers: {
+    "Authorization": `Bearer ${response.accessToken}`
+  }
+});
+```
+
+### Device Code Flow
+
+Authentication flow for devices with limited input capabilities or no browser.
+
+```typescript { .api }
+/**
+ * Request for device code flow authentication
+ */
+type DeviceCodeRequest = {
+  /** Array of scopes the application is requesting access to */
+  scopes: string[];
+  /** Callback function to display device code to user */
+  deviceCodeCallback: (response: DeviceCodeResponse) => void;
+  /** Flag to cancel the device code flow polling */
+  cancel?: boolean;
+  /** Authority URL to override default */
+  authority?: string;
+  /** Correlation ID for tracking requests */
+  correlationId?: string;
+  /** Additional query parameters for the device authorization request */
+  extraQueryParameters?: Record<string, string>;
+  /** Claims request for additional token claims */
+  claims?: string;
+};
+
+/**
+ * Response containing device code information for user
+ */
+type DeviceCodeResponse = {
+  /** Device code for internal polling */
+  deviceCode: string;
+  /** User-friendly code to display to user */
+  userCode: string;
+  /** URL where user should navigate to enter the user code */
+  verificationUri: string;
+  /** Complete verification URL including user code (optional) */
+  verificationUriComplete?: string;
+  /** Number of seconds the device code is valid */
+  expiresIn: number;
+  /** Minimum number of seconds to wait between polling requests */
+  interval: number;
+  /** Message to display to user */
+  message: string;
+};
+```
+
+**Usage Example:**
+
+```typescript
+const deviceCodeRequest = {
+  scopes: ["user.read"],
+  deviceCodeCallback: (response) => {
+    console.log("=== Device Code Authentication ===");
+    console.log("Please open a web browser and navigate to:");
+    console.log(response.verificationUri);
+    console.log("Enter the following code:");
+    console.log(response.userCode);
+    console.log("Or visit this URL directly:");
+    console.log(response.verificationUriComplete);
+    console.log(`Code expires in ${response.expiresIn} seconds`);
+  }
+};
+
+try {
+  const response = await pca.acquireTokenByDeviceCode(deviceCodeRequest);
+  if (response) {
+    console.log("Authentication successful!");
+    console.log("Access token:", response.accessToken);
+  }
+} catch (error) {
+  console.error("Device code flow failed:", error);
+}
+```
+
+### On-Behalf-Of Flow
+
+Flow for middle-tier services to exchange user tokens for tokens to downstream services.
+
+```typescript { .api }
+/**
+ * Request for on-behalf-of flow for middle-tier services
+ */
+type OnBehalfOfRequest = {
+  /** User assertion (JWT) from the upstream service */
+  oboAssertion: string;
+  /** Array of scopes the application is requesting access to */
+  scopes: string[];
+  /** Authority URL to override default */
+  authority?: string;
+  /** Correlation ID for tracking requests */
+  correlationId?: string;
+  /** Skip cache and force token acquisition from authority */
+  skipCache?: boolean;
+  /** Additional parameters for token request */
+  tokenQueryParameters?: Record<string, string>;
+  /** Claims request for additional token claims */
+  claims?: string;
+};
+```
+
+**Usage Example:**
+
+```typescript
+// Express.js middleware API that calls downstream services
+app.post("/api/user-data", async (req, res) => {
+  const userToken = req.headers.authorization?.replace("Bearer ", "");
+  
+  if (!userToken) {
+    return res.status(401).json({ error: "No authorization token" });
+  }
+
+  const oboRequest = {
+    oboAssertion: userToken,
+    scopes: ["https://graph.microsoft.com/user.read", "https://graph.microsoft.com/mail.read"]
+  };
+
+  try {
+    const response = await cca.acquireTokenOnBehalfOf(oboRequest);
+    
+    if (response) {
+      // Call Microsoft Graph on behalf of the user
+      const userProfile = await fetch("https://graph.microsoft.com/v1.0/me", {
+        headers: {
+          "Authorization": `Bearer ${response.accessToken}`
+        }
+      });
+      
+      const userData = await userProfile.json();
+      res.json(userData);
+    } else {
+      res.status(500).json({ error: "Failed to acquire OBO token" });
+    }
+  } catch (error) {
+    console.error("OBO flow failed:", error);
+    res.status(500).json({ error: "Authentication failed" });
+  }
+});
+```
+
+### Silent Token Acquisition
+
+Acquire tokens without user interaction using cached tokens or refresh tokens.
+
+```typescript { .api }
+/**
+ * Request for silent token acquisition from cache
+ */
+type SilentFlowRequest = {
+  /** Account to acquire token for */
+  account: AccountInfo;
+  /** Array of scopes the application is requesting access to */
+  scopes: string[];
+  /** Force refresh from authority instead of using cache */
+  forceRefresh?: boolean;
+  /** Authority URL to override default */
+  authority?: string;
+  /** Correlation ID for tracking requests */
+  correlationId?: string;
+  /** Claims request for additional token claims */
+  claims?: string;
+};
+```
+
+**Usage Example:**
+
+```typescript
+// Get cached accounts
+const accounts = await pca.getAllAccounts();
+
+if (accounts.length > 0) {
+  const silentRequest = {
+    account: accounts[0],
+    scopes: ["user.read"],
+    forceRefresh: false
+  };
+
+  try {
+    const response = await pca.acquireTokenSilent(silentRequest);
+    console.log("Token acquired silently:", response.accessToken);
+  } catch (error) {
+    if (error.errorCode === "interaction_required") {
+      // Fall back to interactive flow
+      console.log("Silent acquisition failed, user interaction required");
+    }
+  }
+}
+```
+
+### Refresh Token Flow
+
+Exchange refresh tokens for new access tokens.
+
+```typescript { .api }
+/**
+ * Request for refresh token flow
+ */
+type RefreshTokenRequest = {
+  /** Refresh token to exchange for new tokens */
+  refreshToken: string;
+  /** Array of scopes the application is requesting access to */
+  scopes: string[];
+  /** Authority URL to override default */
+  authority?: string;
+  /** Correlation ID for tracking requests */
+  correlationId?: string;
+  /** Additional parameters for token request */
+  tokenQueryParameters?: Record<string, string>;
+  /** Claims request for additional token claims */
+  claims?: string;
+  /** Force cache refresh for migration scenarios */
+  forceCache?: boolean;
+};
+```
+
+**Usage Example:**
+
+```typescript
+// Refresh token stored from previous authentication
+const storedRefreshToken = getStoredRefreshToken();
+
+const refreshRequest = {
+  refreshToken: storedRefreshToken,
+  scopes: ["user.read", "mail.read"]
+};
+
+try {
+  const response = await pca.acquireTokenByRefreshToken(refreshRequest);
+  if (response) {
+    console.log("Token refreshed successfully");
+    // Update stored tokens
+    storeTokens(response);
+  }
+} catch (error) {
+  console.error("Token refresh failed:", error);
+  // May need to prompt user for re-authentication
+}
+```
+
+### Interactive Flow
+
+Browser-based interactive authentication for desktop applications.
+
+```typescript { .api }
+/**
+ * Request for interactive token acquisition with browser
+ */
+type InteractiveRequest = {
+  /** Function to open browser with authorization URL */
+  openBrowser: (url: string) => Promise<void>;
+  /** Array of scopes the application is requesting access to */
+  scopes?: string[];
+  /** HTML template for success page */
+  successTemplate?: string;
+  /** HTML template for error page */
+  errorTemplate?: string;
+  /** Window handle for desktop applications */
+  windowHandle?: Buffer;
+  /** Custom loopback client for handling redirects */
+  loopbackClient?: ILoopbackClient;
+  /** Additional query parameters for the authorization request */
+  extraQueryParameters?: Record<string, string>;
+  /** Prompt behavior for user interaction */
+  prompt?: PromptValue;
+  /** Login hint for pre-filling username */
+  loginHint?: string;
+  /** Domain hint for federated authentication */
+  domainHint?: string;
+  /** Account to use for authentication */
+  account?: AccountInfo;
+  /** Authority URL to override default */
+  authority?: string;
+  /** Correlation ID for tracking requests */
+  correlationId?: string;
+  /** Claims request for additional token claims */
+  claims?: string;
+};
+
+/**
+ * Interface for custom loopback client implementations
+ */
+interface ILoopbackClient {
+  /** Start listening for authorization response */
+  listenForAuthCode(authCodeUrl: string, port?: number): Promise<string>;
+  /** Get the redirect URI for the loopback server */
+  getRedirectUri(): string;
+  /** Close the loopback server */
+  closeServer(): void;
+}
+```
+
+**Usage Example:**
+
+```typescript
+import { open } from "open"; // npm package for opening URLs
+
+const interactiveRequest = {
+  scopes: ["user.read", "mail.read"],
+  openBrowser: async (url: string) => {
+    console.log("Opening browser...");
+    await open(url);
+  },
+  successTemplate: `
+    <html>
+      <body>
+        <h1>Authentication Successful!</h1>
+        <p>You can close this window and return to the application.</p>
+      </body>
+    </html>
+  `,
+  prompt: PromptValue.SELECT_ACCOUNT
+};
+
+try {
+  const response = await pca.acquireTokenInteractive(interactiveRequest);
+  console.log("Interactive authentication successful!");
+  console.log("User:", response.account?.username);
+} catch (error) {
+  console.error("Interactive authentication failed:", error);
+}
+```
+
+### Username/Password Flow (Deprecated)
+
+Resource Owner Password Credentials (ROPC) flow - deprecated for security reasons.
+
+```typescript { .api }
+/**
+ * Request for username/password flow (deprecated)
+ * @deprecated Use more secure flows like authorization code or device code
+ */
+type UsernamePasswordRequest = {
+  /** Array of scopes the application is requesting access to */
+  scopes: string[];
+  /** Username for authentication */
+  username: string;
+  /** Password for authentication */
+  password: string;
+  /** Authority URL to override default */
+  authority?: string;
+  /** Correlation ID for tracking requests */
+  correlationId?: string;
+  /** Additional parameters for token request */
+  tokenQueryParameters?: Record<string, string>;
+  /** Claims request for additional token claims */
+  claims?: string;
+};
+```
+
+**Usage Example (Not Recommended):**
+
+```typescript
+// ⚠️ This flow is deprecated and should be avoided for security reasons
+const usernamePasswordRequest = {
+  scopes: ["user.read"],
+  username: "user@domain.com",
+  password: "user-password"
+};
+
+try {
+  const response = await pca.acquireTokenByUsernamePassword(usernamePasswordRequest);
+  // This flow bypasses multi-factor authentication and modern security features
+} catch (error) {
+  console.error("Username/password authentication failed:", error);
+}
+```
+
+## Flow Selection Guide
+
+### Public Client Applications
+
+- **Authorization Code Flow**: Web apps, SPAs with backend
+- **Interactive Flow**: Desktop applications  
+- **Device Code Flow**: IoT devices, CLI tools, smart TVs
+- **Silent Flow**: Token refresh for all scenarios
+
+### Confidential Client Applications
+
+- **Client Credentials Flow**: Daemon apps, background services
+- **Authorization Code Flow**: Web applications with server-side code
+- **On-Behalf-Of Flow**: Middle-tier APIs calling downstream services
+- **Silent Flow**: Token refresh and cache utilization
+
+### Security Considerations
+
+```typescript { .api }
+/**
+ * Security best practices for different flows
+ */
+type SecurityConsiderations = {
+  /** Always use PKCE for authorization code flow */
+  usePKCE: boolean;
+  /** Validate state parameter for CSRF protection */
+  validateState: boolean;
+  /** Use secure storage for refresh tokens */
+  secureTokenStorage: boolean;
+  /** Implement proper token caching */
+  implementCaching: boolean;
+  /** Use certificate-based authentication when possible */
+  useCertificates: boolean;
+  /** Avoid username/password flow */
+  avoidROPC: boolean;
+};
+```
+
+**Recommended Flow Selection:**
+
+1. **Server Applications**: Client Credentials Flow
+2. **Web Applications**: Authorization Code Flow
+3. **Desktop Applications**: Interactive Flow or Authorization Code Flow
+4. **Mobile Applications**: Authorization Code Flow with PKCE
+5. **IoT/CLI Applications**: Device Code Flow
+6. **Middle-tier APIs**: On-Behalf-Of Flow
+7. **Background Services**: Client Credentials Flow
+
+**Flows to Avoid:**
+- Username/Password Flow (deprecated and insecure)
+- Implicit Flow (less secure than authorization code with PKCE)
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-azure--msal-node/docs/confidential-client.md b/.tessl/tiles/tessl/npm-azure--msal-node/docs/confidential-client.md
new file mode 100644
index 000000000..2ed3ec7f4
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-azure--msal-node/docs/confidential-client.md
@@ -0,0 +1,512 @@
+# Confidential Client Applications
+
+Confidential Client Applications are designed for applications that can securely store client secrets, such as server applications, web APIs, and daemon applications. These applications support advanced authentication flows including client credentials, on-behalf-of, and certificate-based authentication.
+
+## Capabilities
+
+### ConfidentialClientApplication Class
+
+Main class for creating confidential client applications.
+
+```typescript { .api }
+/**
+ * Confidential client application class implementing IConfidentialClientApplication interface
+ * Suitable for applications that can securely store client secrets
+ */
+class ConfidentialClientApplication implements IConfidentialClientApplication {
+  constructor(configuration: Configuration);
+  
+  /** Creates the URL of the authorization request */
+  getAuthCodeUrl(request: AuthorizationUrlRequest): Promise<string>;
+  
+  /** Acquires a token by exchanging the authorization code received from the first step of OAuth 2.0 Authorization Code Flow */
+  acquireTokenByCode(request: AuthorizationCodeRequest): Promise<AuthenticationResult>;
+  
+  /** Acquires a token silently when a user specifies the account the token is requested for */
+  acquireTokenSilent(request: SilentFlowRequest): Promise<AuthenticationResult | null>;
+  
+  /** Acquires a token by exchanging the refresh token provided for a new set of tokens */
+  acquireTokenByRefreshToken(request: RefreshTokenRequest): Promise<AuthenticationResult | null>;
+  
+  /** Acquires tokens from the authority for the application (not for an end user) */
+  acquireTokenByClientCredential(request: ClientCredentialRequest): Promise<AuthenticationResult | null>;
+  
+  /** Acquires tokens from the authority for the application */
+  acquireTokenOnBehalfOf(request: OnBehalfOfRequest): Promise<AuthenticationResult | null>;
+  
+  /** 
+   * Acquires tokens with password grant by exchanging client applications username and password for credentials
+   * @deprecated - Use a more secure flow instead
+   */
+  acquireTokenByUsernamePassword(request: UsernamePasswordRequest): Promise<AuthenticationResult | null>;
+  
+  /** Gets the token cache for the application */
+  getTokenCache(): TokenCache;
+  
+  /** Returns the logger instance */
+  getLogger(): Logger;
+  
+  /** Replaces the default logger set in configurations with new Logger with new configurations */
+  setLogger(logger: Logger): void;
+  
+  /** Clear the cache */
+  clearCache(): void;
+  
+  /** This extensibility point is meant for Azure SDK to enhance Managed Identity support */
+  SetAppTokenProvider(provider: IAppTokenProvider): void;
+}
+```
+
+**Usage Example:**
+
+```typescript
+import { ConfidentialClientApplication } from "@azure/msal-node";
+
+// With client secret
+const cca = new ConfidentialClientApplication({
+  auth: {
+    clientId: "your-client-id",
+    clientSecret: "your-client-secret",
+    authority: "https://login.microsoftonline.com/your-tenant-id"
+  }
+});
+
+// With client certificate
+const ccaWithCert = new ConfidentialClientApplication({
+  auth: {
+    clientId: "your-client-id",
+    clientCertificate: {
+      thumbprintSha256: "cert-thumbprint-sha256",
+      privateKey: "-----BEGIN PRIVATE KEY-----\n...\n-----END PRIVATE KEY-----",
+      x5c: "base64-encoded-certificate"
+    },
+    authority: "https://login.microsoftonline.com/your-tenant-id"
+  }
+});
+```
+
+### Client Credentials Flow
+
+OAuth 2.0 client credentials flow for app-only authentication without user interaction.
+
+```typescript { .api }
+/**
+ * Request for client credentials flow (app-only authentication)
+ */
+type ClientCredentialRequest = {
+  /** Array of scopes the application is requesting access to */
+  scopes: string[];
+  /** Authority URL to override default */
+  authority?: string;
+  /** Correlation ID for tracking requests */
+  correlationId?: string;
+  /** Skip cache and force token acquisition from authority */
+  skipCache?: boolean;
+  /** Client assertion JWT for certificate-based authentication */
+  clientAssertion?: string | (() => string);
+  /** Additional parameters for token request */
+  tokenQueryParameters?: Record<string, string>;
+  /** Claims request for additional token claims */
+  claims?: string;
+};
+```
+
+**Usage Example:**
+
+```typescript
+// Basic client credentials flow
+const clientCredentialRequest = {
+  scopes: ["https://graph.microsoft.com/.default"]
+};
+
+try {
+  const response = await cca.acquireTokenByClientCredential(clientCredentialRequest);
+  if (response) {
+    console.log("Access token:", response.accessToken);
+    console.log("Token expires on:", response.expiresOn);
+  }
+} catch (error) {
+  console.error("Client credential authentication failed:", error);
+}
+
+// With custom client assertion for certificate rotation
+const clientCredentialWithAssertion = {
+  scopes: ["https://graph.microsoft.com/.default"],
+  clientAssertion: () => {
+    // Generate JWT assertion dynamically
+    return generateClientAssertion();
+  },
+  skipCache: true // Always get fresh token
+};
+
+const response = await cca.acquireTokenByClientCredential(clientCredentialWithAssertion);
+```
+
+### On-Behalf-Of Flow
+
+OAuth 2.0 on-behalf-of flow for middle-tier services to act on behalf of users.
+
+```typescript { .api }
+/**
+ * Request for on-behalf-of flow for middle-tier services
+ */
+type OnBehalfOfRequest = {
+  /** User assertion (JWT) from the upstream service */
+  oboAssertion: string;
+  /** Array of scopes the application is requesting access to */
+  scopes: string[];
+  /** Authority URL to override default */
+  authority?: string;
+  /** Correlation ID for tracking requests */
+  correlationId?: string;
+  /** Skip cache and force token acquisition from authority */
+  skipCache?: boolean;
+  /** Additional parameters for token request */
+  tokenQueryParameters?: Record<string, string>;
+  /** Claims request for additional token claims */
+  claims?: string;
+};
+```
+
+**Usage Example:**
+
+```typescript
+// Middleware service receiving user token and calling downstream API
+app.post("/api/data", async (req, res) => {
+  const userToken = req.headers.authorization?.replace("Bearer ", "");
+  
+  if (!userToken) {
+    return res.status(401).json({ error: "No token provided" });
+  }
+
+  const oboRequest = {
+    oboAssertion: userToken,
+    scopes: ["https://graph.microsoft.com/user.read"]
+  };
+
+  try {
+    const response = await cca.acquireTokenOnBehalfOf(oboRequest);
+    if (response) {
+      // Use the access token to call Microsoft Graph on behalf of user
+      const graphResponse = await callMicrosoftGraph(response.accessToken);
+      res.json(graphResponse);
+    } else {
+      res.status(500).json({ error: "Failed to acquire token" });
+    }
+  } catch (error) {
+    console.error("OBO flow failed:", error);
+    res.status(500).json({ error: "Authentication failed" });
+  }
+});
+```
+
+### Authorization Code Flow (Server-Side)
+
+Server-side authorization code flow for web applications.
+
+```typescript { .api }
+/**
+ * Same types as public client but with confidential client capabilities
+ */
+type AuthorizationUrlRequest = {
+  scopes: string[];
+  redirectUri: string;
+  prompt?: PromptValue;
+  state?: string;
+  loginHint?: string;
+  domainHint?: string;
+  extraQueryParameters?: Record<string, string>;
+  authority?: string;
+  correlationId?: string;
+  claims?: string;
+};
+
+type AuthorizationCodeRequest = {
+  scopes: string[];
+  redirectUri: string;
+  code: string;
+  state?: string;
+  authority?: string;
+  correlationId?: string;
+  claims?: string;
+  tokenQueryParameters?: Record<string, string>;
+};
+```
+
+**Usage Example:**
+
+```typescript
+// Express.js web application example
+app.get("/auth", async (req, res) => {
+  const authCodeUrlParameters = {
+    scopes: ["user.read"],
+    redirectUri: "https://your-app.com/redirect",
+    state: generateState(), // Generate CSRF protection state
+  };
+
+  try {
+    const authUrl = await cca.getAuthCodeUrl(authCodeUrlParameters);
+    res.redirect(authUrl);
+  } catch (error) {
+    console.error("Failed to generate auth URL:", error);
+    res.status(500).send("Authentication initiation failed");
+  }
+});
+
+app.get("/redirect", async (req, res) => {
+  const { code, state } = req.query;
+  
+  // Validate state parameter for CSRF protection
+  if (!validateState(state)) {
+    return res.status(400).send("Invalid state parameter");
+  }
+
+  const tokenRequest = {
+    code: code as string,
+    scopes: ["user.read"],
+    redirectUri: "https://your-app.com/redirect",
+    state: state as string
+  };
+
+  try {
+    const response = await cca.acquireTokenByCode(tokenRequest);
+    
+    // Store tokens securely (e.g., encrypted session)
+    req.session.accessToken = response.accessToken;
+    req.session.account = response.account;
+    
+    res.redirect("/dashboard");
+  } catch (error) {
+    console.error("Token exchange failed:", error);
+    res.status(500).send("Authentication failed");
+  }
+});
+```
+
+### Silent Token Acquisition
+
+Silent token acquisition for confidential clients with refresh token support.
+
+```typescript { .api }
+/**
+ * Request for silent token acquisition
+ */
+type SilentFlowRequest = {
+  /** Account to acquire token for (optional for confidential clients) */
+  account?: AccountInfo;
+  /** Array of scopes the application is requesting access to */
+  scopes: string[];
+  /** Force refresh from authority instead of using cache */
+  forceRefresh?: boolean;
+  /** Authority URL to override default */
+  authority?: string;
+  /** Correlation ID for tracking requests */
+  correlationId?: string;
+  /** Claims request for additional token claims */
+  claims?: string;
+};
+
+/**
+ * Request for refresh token flow
+ */
+type RefreshTokenRequest = {
+  /** Refresh token to exchange for new tokens */
+  refreshToken: string;
+  /** Array of scopes the application is requesting access to */
+  scopes: string[];
+  /** Authority URL to override default */
+  authority?: string;
+  /** Correlation ID for tracking requests */
+  correlationId?: string;
+  /** Additional parameters for token request */
+  tokenQueryParameters?: Record<string, string>;
+  /** Claims request for additional token claims */
+  claims?: string;
+  /** Force cache refresh for migration scenarios */
+  forceCache?: boolean;
+};
+```
+
+**Usage Example:**
+
+```typescript
+// Silent token acquisition
+const silentRequest = {
+  scopes: ["user.read"],
+  forceRefresh: false
+};
+
+try {
+  const response = await cca.acquireTokenSilent(silentRequest);
+  if (response) {
+    console.log("Token acquired silently:", response.accessToken);
+  }
+} catch (error) {
+  console.log("Silent acquisition failed, may need user interaction");
+}
+
+// Refresh token flow
+const refreshRequest = {
+  refreshToken: storedRefreshToken,
+  scopes: ["user.read", "mail.read"]
+};
+
+try {
+  const response = await cca.acquireTokenByRefreshToken(refreshRequest);
+  if (response) {
+    console.log("Token refreshed successfully:", response.accessToken);
+    // Update stored tokens
+    updateStoredTokens(response);
+  }
+} catch (error) {
+  console.error("Token refresh failed:", error);
+}
+```
+
+### Username/Password Flow (Deprecated)
+
+Resource Owner Password Credentials (ROPC) flow - deprecated for security reasons.
+
+```typescript { .api }
+/**
+ * Request for username/password flow (deprecated)
+ * @deprecated Use more secure flows like authorization code or device code
+ */
+type UsernamePasswordRequest = {
+  /** Array of scopes the application is requesting access to */
+  scopes: string[];
+  /** Username for authentication */
+  username: string;
+  /** Password for authentication */
+  password: string;
+  /** Authority URL to override default */
+  authority?: string;
+  /** Correlation ID for tracking requests */
+  correlationId?: string;
+  /** Additional parameters for token request */
+  tokenQueryParameters?: Record<string, string>;
+  /** Claims request for additional token claims */
+  claims?: string;
+};
+```
+
+**Usage Example (Not Recommended):**
+
+```typescript
+// This flow is deprecated and should be avoided
+const usernamePasswordRequest = {
+  scopes: ["user.read"],
+  username: "user@domain.com",
+  password: "user-password"
+};
+
+try {
+  const response = await cca.acquireTokenByUsernamePassword(usernamePasswordRequest);
+  if (response) {
+    console.log("Access token:", response.accessToken);
+  }
+} catch (error) {
+  console.error("Username/password authentication failed:", error);
+}
+```
+
+### Azure SDK Integration
+
+App token provider integration for Azure SDK services.
+
+```typescript { .api }
+/**
+ * Interface for app token provider (Azure SDK integration)
+ */
+interface IAppTokenProvider {
+  getAppTokenProviderParameters(appTokenProviderParameters: AppTokenProviderParameters): AppTokenProviderResult;
+}
+
+type AppTokenProviderParameters = {
+  scopes: string[];
+  correlationId?: string;
+  tenantId?: string;
+  claims?: string;
+};
+
+type AppTokenProviderResult = {
+  accessToken: string;
+  expiresOnTimestamp: number;
+};
+```
+
+**Usage Example:**
+
+```typescript
+// Custom app token provider for Azure SDK
+class CustomAppTokenProvider implements IAppTokenProvider {
+  getAppTokenProviderParameters(params: AppTokenProviderParameters): AppTokenProviderResult {
+    // Custom token acquisition logic
+    return {
+      accessToken: "custom-token",
+      expiresOnTimestamp: Date.now() + 3600000 // 1 hour
+    };
+  }
+}
+
+// Set the app token provider
+const tokenProvider = new CustomAppTokenProvider();
+cca.SetAppTokenProvider(tokenProvider);
+```
+
+## Advanced Configuration
+
+### Certificate-based Authentication
+
+```typescript { .api }
+type NodeAuthOptions = {
+  clientId: string;
+  authority?: string;
+  clientCertificate?: {
+    /** SHA-256 thumbprint of the certificate */
+    thumbprintSha256?: string;
+    /** 
+     * @deprecated Use thumbprintSha256 instead
+     * SHA-1 thumbprint for backwards compatibility
+     */
+    thumbprint?: string;
+    /** PEM encoded private key */
+    privateKey: string;
+    /** Base64 encoded X.509 certificate chain */
+    x5c?: string;
+  };
+};
+```
+
+### Client Assertion Configuration
+
+```typescript { .api }
+type ClientAssertionCallback = () => string;
+
+type NodeAuthOptions = {
+  clientId: string;
+  authority?: string;
+  /** Client assertion JWT or callback function that returns JWT */
+  clientAssertion?: string | ClientAssertionCallback;
+};
+```
+
+**Usage Example:**
+
+```typescript
+// Dynamic client assertion generation
+const ccaWithAssertion = new ConfidentialClientApplication({
+  auth: {
+    clientId: "your-client-id",
+    clientAssertion: () => {
+      // Generate JWT assertion with current timestamp and certificate
+      return generateJWTAssertion({
+        clientId: "your-client-id",
+        audience: "https://login.microsoftonline.com/tenant-id/oauth2/v2.0/token",
+        certificate: loadCurrentCertificate()
+      });
+    },
+    authority: "https://login.microsoftonline.com/your-tenant-id"
+  }
+});
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-azure--msal-node/docs/configuration.md b/.tessl/tiles/tessl/npm-azure--msal-node/docs/configuration.md
new file mode 100644
index 000000000..980edde2c
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-azure--msal-node/docs/configuration.md
@@ -0,0 +1,746 @@
+# Configuration System
+
+MSAL Node provides a comprehensive hierarchical configuration system that allows fine-grained control over authentication, caching, networking, logging, and telemetry. The configuration system supports both public and confidential client applications with specialized options for different deployment scenarios.
+
+## Capabilities
+
+### Main Configuration
+
+Core configuration structure for MSAL applications.
+
+```typescript { .api }
+/**
+ * Main configuration object for MSAL applications
+ */
+type Configuration = {
+  /** Authentication configuration (required) */
+  auth: NodeAuthOptions;
+  /** Broker configuration for native authentication */
+  broker?: BrokerOptions;
+  /** Cache configuration options */
+  cache?: CacheOptions;
+  /** System-level configuration */
+  system?: NodeSystemOptions;
+  /** Telemetry configuration */
+  telemetry?: NodeTelemetryOptions;
+};
+```
+
+**Usage Example:**
+
+```typescript
+import { PublicClientApplication, LogLevel } from "@azure/msal-node";
+
+const config: Configuration = {
+  auth: {
+    clientId: "your-client-id",
+    authority: "https://login.microsoftonline.com/common"
+  },
+  cache: {
+    cachePlugin: // your cache plugin
+  },
+  system: {
+    loggerOptions: {
+      logLevel: LogLevel.Info,
+      loggerCallback: (level, message) => console.log(message)
+    },
+    networkClient: // custom network client
+  },
+  telemetry: {
+    application: {
+      appName: "MyApp",
+      appVersion: "1.0.0"
+    }
+  }
+};
+
+const pca = new PublicClientApplication(config);
+```
+
+### Authentication Configuration
+
+Core authentication settings including client credentials, authority, and protocol options.
+
+```typescript { .api }
+/**
+ * Authentication configuration options
+ */
+type NodeAuthOptions = {
+  /** Application (client) ID from app registration */
+  clientId: string;
+  /** Authority URL - defaults to https://login.microsoftonline.com/common */
+  authority?: string;
+  /** Client secret for confidential client applications */
+  clientSecret?: string;
+  /** Client assertion JWT or callback function for certificate-based auth */
+  clientAssertion?: string | ClientAssertionCallback;
+  /** Client certificate configuration for certificate-based auth */
+  clientCertificate?: {
+    /** 
+     * @deprecated Use thumbprintSha256 property instead
+     * SHA-1 thumbprint for backwards compatibility with older ADFS versions
+     */
+    thumbprint?: string;
+    /** SHA-256 thumbprint of the certificate (recommended) */
+    thumbprintSha256?: string;
+    /** PEM encoded private key */
+    privateKey: string;
+    /** X.509 certificate chain (optional) */
+    x5c?: string;
+  };
+  /** Known authorities for B2C and ADFS scenarios */
+  knownAuthorities?: Array<string>;
+  /** Cloud discovery metadata for custom clouds */
+  cloudDiscoveryMetadata?: string;
+  /** Authority metadata for custom authorities */
+  authorityMetadata?: string;
+  /** Client capabilities for conditional access */
+  clientCapabilities?: Array<string>;
+  /** Protocol mode (AAD or OIDC) */
+  protocolMode?: ProtocolMode;
+  /** Azure cloud configuration options */
+  azureCloudOptions?: AzureCloudOptions;
+  /** Skip authority metadata cache for testing */
+  skipAuthorityMetadataCache?: boolean;
+  /** 
+   * @deprecated This flag is deprecated and will be removed in the next major version
+   * All extra query params will be encoded by default
+   */
+  encodeExtraQueryParams?: boolean;
+};
+
+/**
+ * Callback function type for client assertions
+ */
+type ClientAssertionCallback = () => string;
+
+/**
+ * Protocol modes supported by MSAL
+ */
+enum ProtocolMode {
+  /** Azure Active Directory protocol */
+  AAD = "AAD",
+  /** OpenID Connect protocol */
+  OIDC = "OIDC"
+}
+```
+
+**Usage Examples:**
+
+```typescript
+// Basic public client configuration
+const publicClientAuth: NodeAuthOptions = {
+  clientId: "12345678-1234-1234-1234-123456789012",
+  authority: "https://login.microsoftonline.com/common"
+};
+
+// Confidential client with client secret
+const confidentialClientAuth: NodeAuthOptions = {
+  clientId: "12345678-1234-1234-1234-123456789012",
+  clientSecret: "your-client-secret",
+  authority: "https://login.microsoftonline.com/your-tenant-id"
+};
+
+// Certificate-based authentication
+const certificateAuth: NodeAuthOptions = {
+  clientId: "12345678-1234-1234-1234-123456789012",
+  clientCertificate: {
+    thumbprintSha256: "AA:BB:CC:DD:EE:FF:00:11:22:33:44:55:66:77:88:99:AA:BB:CC:DD:EE:FF:00:11:22:33:44:55:66:77:88:99",
+    privateKey: `-----BEGIN PRIVATE KEY-----
+MIIEvQIBADANBgkqhkiG9w0BAQEFAASCBKcwggSjAgEAAoIBAQC...
+-----END PRIVATE KEY-----`,
+    x5c: "base64-encoded-certificate-chain"
+  },
+  authority: "https://login.microsoftonline.com/your-tenant-id"
+};
+
+// Dynamic client assertion
+const dynamicAssertionAuth: NodeAuthOptions = {
+  clientId: "12345678-1234-1234-1234-123456789012",
+  clientAssertion: () => {
+    // Generate JWT assertion dynamically
+    return generateJWTAssertion();
+  },
+  authority: "https://login.microsoftonline.com/your-tenant-id"
+};
+
+// B2C configuration
+const b2cAuth: NodeAuthOptions = {
+  clientId: "12345678-1234-1234-1234-123456789012",
+  authority: "https://yourtenant.b2clogin.com/yourtenant.onmicrosoft.com/B2C_1_signupsignin1",
+  knownAuthorities: ["yourtenant.b2clogin.com"],
+  protocolMode: ProtocolMode.OIDC
+};
+```
+
+### Azure Cloud Configuration
+
+Configuration for different Azure cloud environments.
+
+```typescript { .api }
+/**
+ * Azure cloud instance enumeration
+ */
+enum AzureCloudInstance {
+  /** No specific cloud (use authority as-is) */
+  None = "",
+  /** Azure Public Cloud */
+  AzurePublic = "https://login.microsoftonline.com",
+  /** Azure US Government Cloud */
+  AzurePpope = "https://login.microsoftonline.us",
+  /** Azure China Cloud */
+  AzureChina = "https://login.chinacloudapi.cn",
+  /** Azure Germany Cloud */
+  AzureGermany = "https://login.microsoftonline.de"
+}
+
+/**
+ * Azure cloud configuration options
+ */
+type AzureCloudOptions = {
+  /** Azure cloud instance */
+  azureCloudInstance: AzureCloudInstance;
+  /** Tenant ID or domain */
+  tenant: string;
+};
+```
+
+**Usage Example:**
+
+```typescript
+// Azure US Government configuration
+const govCloudAuth: NodeAuthOptions = {
+  clientId: "your-client-id",
+  azureCloudOptions: {
+    azureCloudInstance: AzureCloudInstance.AzurePpope,
+    tenant: "your-tenant-id"
+  }
+};
+
+// Azure China configuration
+const chinaCloudAuth: NodeAuthOptions = {
+  clientId: "your-client-id",
+  azureCloudOptions: {
+    azureCloudInstance: AzureCloudInstance.AzureChina,
+    tenant: "your-tenant-id"
+  }
+};
+```
+
+### System Configuration
+
+System-level configuration for networking, logging, and operational settings.
+
+```typescript { .api }
+/**
+ * System configuration options
+ */
+type NodeSystemOptions = {
+  /** Logger configuration */
+  loggerOptions?: LoggerOptions;
+  /** Custom network client implementation */
+  networkClient?: INetworkModule;
+  /** Proxy URL for network requests */
+  proxyUrl?: string;
+  /** Custom HTTP agent options */
+  customAgentOptions?: http.AgentOptions | https.AgentOptions;
+  /** Disable internal request retries */
+  disableInternalRetries?: boolean;
+};
+
+/**
+ * Logger configuration options
+ */
+type LoggerOptions = {
+  /** Callback function for log messages */
+  loggerCallback?: (level: LogLevel, message: string, containsPii: boolean) => void;
+  /** Enable PII (personally identifiable information) logging */
+  piiLoggingEnabled?: boolean;
+  /** Minimum log level to output */
+  logLevel?: LogLevel;
+  /** Correlation ID for log correlation */
+  correlationId?: string;
+};
+
+/**
+ * Log levels
+ */
+enum LogLevel {
+  Error = 0,
+  Warning = 1,
+  Info = 2,
+  Verbose = 3,
+  Trace = 4
+}
+
+/**
+ * Network module interface for custom HTTP clients
+ */
+interface INetworkModule {
+  /** Send HTTP request */
+  sendGetRequestAsync<T>(
+    url: string,
+    options?: NetworkRequestOptions,
+    cancellationToken?: number
+  ): Promise<NetworkResponse<T>>;
+  
+  /** Send HTTP POST request */
+  sendPostRequestAsync<T>(
+    url: string,
+    options?: NetworkRequestOptions
+  ): Promise<NetworkResponse<T>>;
+}
+
+/**
+ * Network request options
+ */
+type NetworkRequestOptions = {
+  /** Request headers */
+  headers?: Record<string, string>;
+  /** Request body */
+  body?: string;
+  /** Request timeout in milliseconds */
+  timeout?: number;
+  /** Proxy URL */
+  proxyUrl?: string;
+};
+
+/**
+ * Network response structure
+ */
+type NetworkResponse<T> = {
+  /** Response headers */
+  headers: Record<string, string>;
+  /** Response body */
+  body: T;
+  /** HTTP status code */
+  status: number;
+};
+```
+
+**Usage Examples:**
+
+```typescript
+import https from "https";
+
+// Custom logger configuration
+const systemWithLogger: NodeSystemOptions = {
+  loggerOptions: {
+    loggerCallback: (level, message, containsPii) => {
+      if (!containsPii) {
+        const timestamp = new Date().toISOString();
+        const levelName = LogLevel[level];
+        console.log(`[${timestamp}] ${levelName}: ${message}`);
+      }
+    },
+    logLevel: LogLevel.Verbose,
+    piiLoggingEnabled: false
+  }
+};
+
+// Proxy configuration
+const systemWithProxy: NodeSystemOptions = {
+  proxyUrl: "http://proxy.company.com:8080",
+  customAgentOptions: {
+    timeout: 30000,
+    keepAlive: true
+  }
+};
+
+// Custom HTTPS agent with certificate validation
+const systemWithCustomAgent: NodeSystemOptions = {
+  customAgentOptions: {
+    ca: [fs.readFileSync("./ca-cert.pem")],
+    rejectUnauthorized: true,
+    timeout: 10000
+  } as https.AgentOptions
+};
+
+// Disable retries for testing
+const systemWithoutRetries: NodeSystemOptions = {
+  disableInternalRetries: true,
+  loggerOptions: {
+    logLevel: LogLevel.Trace,
+    loggerCallback: (level, message) => console.log(message)
+  }
+};
+```
+
+### Cache Configuration
+
+Configuration options for token caching behavior.
+
+```typescript { .api }
+/**
+ * Cache configuration options
+ */
+type CacheOptions = {
+  /** Cache plugin for custom storage backends */
+  cachePlugin?: ICachePlugin;
+  /** 
+   * @deprecated claims-based-caching functionality will be removed in the next version
+   */
+  claimsBasedCachingEnabled?: boolean;
+};
+
+/**
+ * Cache plugin interface
+ */
+interface ICachePlugin {
+  /** Called before cache access - load cache data */
+  beforeCacheAccess(tokenCacheContext: TokenCacheContext): Promise<void>;
+  /** Called after cache access - persist cache data if changed */
+  afterCacheAccess(tokenCacheContext: TokenCacheContext): Promise<void>;
+}
+```
+
+**Usage Example:**
+
+```typescript
+// File-based cache plugin
+class FileCachePlugin implements ICachePlugin {
+  private cacheFilePath: string;
+
+  constructor(cacheFilePath: string) {
+    this.cacheFilePath = cacheFilePath;
+  }
+
+  async beforeCacheAccess(cacheContext: TokenCacheContext): Promise<void> {
+    try {
+      const cacheData = await fs.readFile(this.cacheFilePath, "utf8");
+      await cacheContext.tokenCache.deserialize(cacheData);
+    } catch (error) {
+      // Cache file doesn't exist - start with empty cache
+    }
+  }
+
+  async afterCacheAccess(cacheContext: TokenCacheContext): Promise<void> {
+    if (cacheContext.hasChanged) {
+      const serializedCache = await cacheContext.tokenCache.serialize();
+      await fs.writeFile(this.cacheFilePath, serializedCache);
+    }
+  }
+}
+
+const cacheConfig: CacheOptions = {
+  cachePlugin: new FileCachePlugin("./token-cache.json")
+};
+```
+
+### Broker Configuration
+
+Configuration for native broker integration (Windows, macOS, Linux).
+
+```typescript { .api }
+/**
+ * Broker configuration options
+ * Note: These options are only available for PublicClientApplications using Authorization Code Flow
+ */
+type BrokerOptions = {
+  /** Native broker plugin implementation */
+  nativeBrokerPlugin?: INativeBrokerPlugin;
+};
+
+/**
+ * Native broker plugin interface
+ */
+interface INativeBrokerPlugin {
+  /** Check if broker is available on current platform */
+  isBrokerAvailable(): Promise<boolean>;
+  /** Acquire token using native broker */
+  acquireTokenSilent(request: SilentFlowRequest): Promise<AuthenticationResult>;
+  /** Acquire token interactively using native broker */
+  acquireTokenInteractive(request: InteractiveRequest): Promise<AuthenticationResult>;
+  /** Get accounts from native broker */
+  getAllAccounts(): Promise<AccountInfo[]>;
+  /** Remove account from native broker */
+  removeAccount(account: AccountInfo): Promise<void>;
+}
+```
+
+**Usage Example:**
+
+```typescript
+// Broker configuration (requires msal-node-extensions package)
+import { NativeBrokerPlugin } from "msal-node-extensions";
+
+const brokerConfig: BrokerOptions = {
+  nativeBrokerPlugin: new NativeBrokerPlugin()
+};
+
+const pca = new PublicClientApplication({
+  auth: {
+    clientId: "your-client-id"
+  },
+  broker: brokerConfig
+});
+```
+
+### Telemetry Configuration
+
+Configuration for application telemetry and usage analytics.
+
+```typescript { .api }
+/**
+ * Telemetry configuration options
+ */
+type NodeTelemetryOptions = {
+  /** Application telemetry information */
+  application?: ApplicationTelemetry;
+};
+
+/**
+ * Application telemetry information
+ */
+type ApplicationTelemetry = {
+  /** Application name */
+  appName: string;
+  /** Application version */
+  appVersion: string;
+};
+```
+
+**Usage Example:**
+
+```typescript
+const telemetryConfig: NodeTelemetryOptions = {
+  application: {
+    appName: "MyNodeApp",
+    appVersion: "2.1.0"
+  }
+};
+
+const pca = new PublicClientApplication({
+  auth: {
+    clientId: "your-client-id"
+  },
+  telemetry: telemetryConfig
+});
+```
+
+### Managed Identity Configuration
+
+Specialized configuration for Azure Managed Identity applications.
+
+```typescript { .api }
+/**
+ * Configuration for managed identity applications
+ */
+type ManagedIdentityConfiguration = {
+  /** Client capabilities for conditional access */
+  clientCapabilities?: Array<string>;
+  /** Parameters for user-assigned managed identity */
+  managedIdentityIdParams?: ManagedIdentityIdParams;
+  /** System configuration options */
+  system?: NodeSystemOptions;
+};
+
+/**
+ * Parameters for user-assigned managed identity
+ */
+type ManagedIdentityIdParams = {
+  /** Client ID of the user-assigned managed identity */
+  userAssignedClientId?: string;
+  /** Resource ID of the user-assigned managed identity */
+  userAssignedResourceId?: string;
+  /** Object ID of the user-assigned managed identity */
+  userAssignedObjectId?: string;
+};
+```
+
+**Usage Example:**
+
+```typescript
+import { ManagedIdentityApplication } from "@azure/msal-node";
+
+// System-assigned managed identity
+const systemAssignedConfig: ManagedIdentityConfiguration = {};
+
+// User-assigned managed identity by client ID
+const userAssignedConfig: ManagedIdentityConfiguration = {
+  managedIdentityIdParams: {
+    userAssignedClientId: "12345678-1234-1234-1234-123456789012"
+  },
+  clientCapabilities: ["CP1"], // Conditional access capability
+  system: {
+    loggerOptions: {
+      logLevel: LogLevel.Info,
+      loggerCallback: (level, message) => console.log(message)
+    }
+  }
+};
+
+const mia = new ManagedIdentityApplication(userAssignedConfig);
+```
+
+## Configuration Validation and Defaults
+
+### Default Values
+
+```typescript { .api }
+/**
+ * Default configuration values applied automatically
+ */
+const DEFAULT_AUTH_OPTIONS: Required<NodeAuthOptions> = {
+  clientId: "", // Must be provided
+  authority: "https://login.microsoftonline.com/common",
+  clientSecret: "",
+  clientAssertion: "",
+  clientCertificate: {
+    thumbprint: "",
+    thumbprintSha256: "",
+    privateKey: "",
+    x5c: ""
+  },
+  knownAuthorities: [],
+  cloudDiscoveryMetadata: "",
+  authorityMetadata: "",
+  clientCapabilities: [],
+  protocolMode: ProtocolMode.AAD,
+  azureCloudOptions: {
+    azureCloudInstance: AzureCloudInstance.None,
+    tenant: ""
+  },
+  skipAuthorityMetadataCache: false,
+  encodeExtraQueryParams: false
+};
+
+const DEFAULT_SYSTEM_OPTIONS: Required<NodeSystemOptions> = {
+  loggerOptions: {
+    loggerCallback: () => {}, // No-op by default
+    piiLoggingEnabled: false,
+    logLevel: LogLevel.Info
+  },
+  networkClient: new HttpClient(),
+  proxyUrl: "",
+  customAgentOptions: {},
+  disableInternalRetries: false
+};
+```
+
+### Configuration Validation
+
+```typescript { .api }
+/**
+ * Configuration validation function (internal)
+ */
+function buildAppConfiguration(config: Configuration): NodeConfiguration;
+
+/**
+ * Validation rules applied during configuration
+ */
+type ConfigurationValidation = {
+  /** Client ID is required and must be valid GUID */
+  clientIdRequired: boolean;
+  /** Certificate thumbprint validation (SHA-1 or SHA-256 required) */
+  certificateThumbprintRequired: boolean;
+  /** Known authorities format validation */
+  knownAuthoritiesFormat: boolean;
+  /** Protocol mode compatibility */
+  protocolModeCompatibility: boolean;
+};
+```
+
+**Usage Example:**
+
+```typescript
+// Configuration with validation
+try {
+  const pca = new PublicClientApplication({
+    auth: {
+      clientId: "invalid-client-id" // This will cause validation error
+    }
+  });
+} catch (error) {
+  console.error("Configuration validation failed:", error.message);
+}
+
+// Valid configuration
+const validConfig: Configuration = {
+  auth: {
+    clientId: "12345678-1234-1234-1234-123456789012",
+    authority: "https://login.microsoftonline.com/common",
+    clientCapabilities: ["CP1", "CP2"]
+  },
+  system: {
+    loggerOptions: {
+      logLevel: LogLevel.Warning,
+      loggerCallback: (level, message, containsPii) => {
+        if (!containsPii && level <= LogLevel.Warning) {
+          console.warn(message);
+        }
+      }
+    }
+  }
+};
+
+const pca = new PublicClientApplication(validConfig);
+```
+
+## Environment-Specific Configurations
+
+### Development Configuration
+
+```typescript
+const developmentConfig: Configuration = {
+  auth: {
+    clientId: "dev-client-id",
+    authority: "https://login.microsoftonline.com/common"
+  },
+  system: {
+    loggerOptions: {
+      logLevel: LogLevel.Verbose,
+      loggerCallback: (level, message) => console.log(message),
+      piiLoggingEnabled: false
+    },
+    disableInternalRetries: false
+  }
+};
+```
+
+### Production Configuration
+
+```typescript
+const productionConfig: Configuration = {
+  auth: {
+    clientId: process.env.MSAL_CLIENT_ID!,
+    clientSecret: process.env.MSAL_CLIENT_SECRET,
+    authority: `https://login.microsoftonline.com/${process.env.TENANT_ID}`
+  },
+  system: {
+    loggerOptions: {
+      logLevel: LogLevel.Error,
+      loggerCallback: (level, message, containsPii) => {
+        if (!containsPii) {
+          // Log to production logging system
+          logger.log(level, message);
+        }
+      }
+    },
+    proxyUrl: process.env.HTTPS_PROXY,
+    disableInternalRetries: false
+  },
+  cache: {
+    cachePlugin: new ProductionCachePlugin()
+  }
+};
+```
+
+### Testing Configuration
+
+```typescript
+const testConfig: Configuration = {
+  auth: {
+    clientId: "test-client-id",
+    authority: "https://login.microsoftonline.com/common",
+    skipAuthorityMetadataCache: true
+  },
+  system: {
+    disableInternalRetries: true,
+    loggerOptions: {
+      logLevel: LogLevel.Error,
+      loggerCallback: () => {} // Silent in tests
+    }
+  }
+};
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-azure--msal-node/docs/error-handling.md b/.tessl/tiles/tessl/npm-azure--msal-node/docs/error-handling.md
new file mode 100644
index 000000000..3dc351366
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-azure--msal-node/docs/error-handling.md
@@ -0,0 +1,653 @@
+# Error Handling
+
+MSAL Node provides comprehensive error handling with specific error classes, detailed error codes, and structured error information. The error system helps developers diagnose authentication issues and implement appropriate error recovery strategies.
+
+## Capabilities
+
+### Error Class Hierarchy
+
+MSAL Node uses a hierarchical error system with specific error classes for different scenarios.
+
+```typescript { .api }
+/**
+ * Base authentication error class (from @azure/msal-common)
+ */
+class AuthError extends Error {
+  /** Error code identifier */
+  errorCode: string;
+  /** Detailed error message */
+  errorMessage: string;
+  /** Sub-error code for additional context */
+  subError: string;
+  /** Correlation ID for tracking requests */
+  correlationId: string;
+  
+  constructor(errorCode: string, errorMessage?: string, suberror?: string);
+  
+  /** Create error message with error codes */
+  createPostRequestFailed(endpoint: string, serverErrorMsg: string): string;
+  /** Create error message for GET request failures */
+  createGetRequestFailed(endpoint: string, serverErrorMsg: string): string;
+}
+
+/**
+ * Client-side authentication errors (from @azure/msal-common)
+ */
+class ClientAuthError extends AuthError {
+  constructor(errorCode: string, errorMessage?: string);
+}
+
+/**
+ * Client configuration errors (from @azure/msal-common)
+ */
+class ClientConfigurationError extends AuthError {
+  constructor(errorCode: string, errorMessage?: string);
+}
+
+/**
+ * Server-side authentication errors (from @azure/msal-common)
+ */
+class ServerError extends AuthError {
+  constructor(errorCode: string, errorMessage?: string, subError?: string);
+}
+
+/**
+ * Interaction required errors (from @azure/msal-common)
+ */
+class InteractionRequiredAuthError extends AuthError {
+  constructor(errorCode: string, errorMessage?: string, subError?: string);
+}
+```
+
+### Node-Specific Errors
+
+MSAL Node provides additional error classes for Node.js-specific scenarios.
+
+```typescript { .api }
+/**
+ * Node.js specific authentication errors
+ */
+class NodeAuthError extends AuthError {
+  constructor(errorCode: string, errorMessage?: string);
+  
+  /** Create error for invalid loopback server address type */
+  static createInvalidLoopbackAddressTypeError(): NodeAuthError;
+  /** Create error when unable to load redirect URL */
+  static createUnableToLoadRedirectUrlError(): NodeAuthError;
+  /** Create error when no auth code is found in response */
+  static createNoAuthCodeInResponseError(): NodeAuthError;
+  /** Create error when no loopback server exists */
+  static createNoLoopbackServerExistsError(): NodeAuthError;
+  /** Create error when loopback server already exists */
+  static createLoopbackServerAlreadyExistsError(): NodeAuthError;
+  /** Create error for loopback server timeout */
+  static createLoopbackServerTimeoutError(): NodeAuthError;
+  /** Create error for invalid state parameter */
+  static createStateNotFoundError(): NodeAuthError;
+  /** Create error when client certificate thumbprint is missing */
+  static createThumbprintMissingError(): NodeAuthError;
+  /** Create error when redirect URI is not supported */
+  static createRedirectUriNotSupportedError(): NodeAuthError;
+}
+
+/**
+ * Managed Identity specific errors
+ */
+class ManagedIdentityError extends AuthError {
+  constructor(errorCode: string);
+}
+
+/**
+ * Helper function to create managed identity errors
+ */
+function createManagedIdentityError(errorCode: string): ManagedIdentityError;
+```
+
+### Error Codes
+
+Comprehensive error codes for different error scenarios.
+
+```typescript { .api }
+/**
+ * Base authentication error codes
+ */
+const AuthErrorCodes = {
+  /** Unexpected error occurred */
+  unexpectedError: "unexpected_error",
+  /** POST request failed */
+  postRequestFailed: "post_request_failed",
+  /** GET request failed */
+  get_request_failed: "get_request_failed",
+  /** Network request failed */
+  networkError: "network_error",
+  /** Request timeout */
+  requestTimeout: "request_timeout",
+  /** Invalid JSON in response */
+  jsonParseError: "json_parse_error",
+  /** Invalid authority */
+  invalidAuthority: "invalid_authority"
+} as const;
+
+/**
+ * Client authentication error codes
+ */
+const ClientAuthErrorCodes = {
+  /** Multiple matching accounts found */
+  multipleMatchingAccounts: "multiple_matching_accounts",
+  /** Multiple matching tokens found */
+  multipleMatchingTokens: "multiple_matching_tokens",
+  /** No matching account found */
+  noAccountFound: "no_account_found",
+  /** No matching token found */
+  noTokenFound: "no_token_found",
+  /** Token request cannot be made */
+  tokenRequestCannotBeMade: "token_request_cannot_be_made",
+  /** Silent token request failed */
+  silentTokenRequestFailure: "silent_token_request_failure"
+} as const;
+
+/**
+ * Client configuration error codes
+ */
+const ClientConfigurationErrorCodes = {
+  /** Invalid client ID */
+  invalidClientId: "invalid_client_id",
+  /** Invalid authority */
+  invalidAuthority: "invalid_authority",
+  /** Invalid redirect URI */
+  invalidRedirectUri: "invalid_redirect_uri",
+  /** Invalid request */
+  invalidRequest: "invalid_request",
+  /** Invalid scope */
+  invalidScope: "invalid_scope",
+  /** Invalid claims */
+  invalidClaims: "invalid_claims"
+} as const;
+
+/**
+ * Interaction required error codes
+ */
+const InteractionRequiredAuthErrorCodes = {
+  /** User interaction required */
+  interactionRequired: "interaction_required",
+  /** User consent required */
+  consentRequired: "consent_required",
+  /** User login required */
+  loginRequired: "login_required",
+  /** Account selection required */
+  accountSelectionRequired: "account_selection_required",
+  /** Basic action required */
+  basicActionRequired: "basic_action_required",
+  /** Additional action required */
+  additionalActionRequired: "additional_action_required"
+} as const;
+
+/**
+ * Node-specific error codes
+ */
+const NodeAuthErrorCodes = {
+  /** Invalid loopback server address type */
+  invalidLoopbackAddressType: "invalid_loopback_server_address_type",
+  /** Unable to load redirect URL */
+  unableToLoadRedirectUrl: "unable_to_load_redirectUrl",
+  /** No auth code in response */
+  noAuthCodeInResponse: "no_auth_code_in_response",
+  /** No loopback server exists */
+  noLoopbackServerExists: "no_loopback_server_exists",
+  /** Loopback server already exists */
+  loopbackServerAlreadyExists: "loopback_server_already_exists",
+  /** Loopback server timeout */
+  loopbackServerTimeout: "loopback_server_timeout",
+  /** State parameter not found */
+  stateNotFound: "state_not_found",
+  /** Thumbprint missing from client certificate */
+  thumbprintMissing: "thumbprint_missing_from_client_certificate",
+  /** Redirect URI not supported */
+  redirectUriNotSupported: "redirect_uri_not_supported"
+} as const;
+
+/**
+ * Managed Identity error codes
+ */
+const ManagedIdentityErrorCodes = {
+  /** Invalid file extension */
+  invalidFileExtension: "invalid_file_extension",
+  /** Invalid file path */
+  invalidFilePath: "invalid_file_path",
+  /** Invalid managed identity ID type */
+  invalidManagedIdentityIdType: "invalid_managed_identity_id_type",
+  /** Invalid secret */
+  invalidSecret: "invalid_secret",
+  /** Missing client ID */
+  missingId: "missing_client_id",
+  /** Network unavailable */
+  networkUnavailable: "network_unavailable",
+  /** Platform not supported */
+  platformNotSupported: "platform_not_supported",
+  /** Unable to create Azure Arc */
+  unableToCreateAzureArc: "unable_to_create_azure_arc",
+  /** Unable to create Cloud Shell */
+  unableToCreateCloudShell: "unable_to_create_cloud_shell",
+  /** Unable to create source */
+  unableToCreateSource: "unable_to_create_source",
+  /** Unable to read secret file */
+  unableToReadSecretFile: "unable_to_read_secret_file",
+  /** URL parse error */
+  urlParseError: "url_parse_error",
+  /** User assigned not available at runtime */
+  userAssignedNotAvailableAtRuntime: "user_assigned_not_available_at_runtime",
+  /** WWW-Authenticate header missing */
+  wwwAuthenticateHeaderMissing: "www_authenticate_header_missing",
+  /** WWW-Authenticate header unsupported format */
+  wwwAuthenticateHeaderUnsupportedFormat: "www_authenticate_header_unsupported_format",
+  /** Environment variable URL malformed - Azure Pod Identity Authority Host */
+  azurePodIdentityAuthorityHostUrlMalformed: "azure_pod_identity_authority_host_url_malformed",
+  /** Environment variable URL malformed - Identity Endpoint */
+  identityEndpointUrlMalformed: "identity_endpoint_url_malformed",
+  /** Environment variable URL malformed - IMDS Endpoint */
+  imdsEndpointUrlMalformed: "imds_endpoint_url_malformed",
+  /** Environment variable URL malformed - MSI Endpoint */
+  msiEndpointUrlMalformed: "msi_endpoint_url_malformed"
+} as const;
+```
+
+### Error Handling Patterns
+
+Common error handling patterns and best practices.
+
+```typescript { .api }
+/**
+ * Error handling utility functions
+ */
+type ErrorHandlingUtils = {
+  /** Check if error is retryable */
+  isRetryableError(error: AuthError): boolean;
+  /** Check if error requires user interaction */
+  requiresInteraction(error: AuthError): boolean;
+  /** Extract user-friendly error message */
+  getUserFriendlyMessage(error: AuthError): string;
+  /** Check if error is due to network issues */
+  isNetworkError(error: AuthError): boolean;
+};
+```
+
+**Usage Examples:**
+
+```typescript
+import { 
+  AuthError, 
+  ClientAuthError, 
+  InteractionRequiredAuthError,
+  NodeAuthError,
+  ManagedIdentityError 
+} from "@azure/msal-node";
+
+// Basic error handling
+try {
+  const response = await pca.acquireTokenSilent(silentRequest);
+} catch (error) {
+  if (error instanceof AuthError) {
+    console.error("Authentication error:", error.errorCode, error.errorMessage);
+    console.error("Correlation ID:", error.correlationId);
+  } else {
+    console.error("Unexpected error:", error);
+  }
+}
+
+// Comprehensive error handling
+async function handleAuthenticationError(error: unknown): Promise<void> {
+  if (error instanceof InteractionRequiredAuthError) {
+    console.log("User interaction required, falling back to interactive flow");
+    // Implement interactive flow fallback
+  } else if (error instanceof ClientAuthError) {
+    switch (error.errorCode) {
+      case "no_account_found":
+        console.log("No cached accounts found, prompting for login");
+        break;
+      case "multiple_matching_accounts":
+        console.log("Multiple accounts found, prompting for account selection");
+        break;
+      default:
+        console.error("Client authentication error:", error.errorMessage);
+    }
+  } else if (error instanceof NodeAuthError) {
+    switch (error.errorCode) {
+      case "loopback_server_timeout":
+        console.error("Interactive authentication timed out");
+        break;
+      case "state_not_found":
+        console.error("Invalid state parameter - possible CSRF attack");
+        break;
+      default:
+        console.error("Node authentication error:", error.errorMessage);
+    }
+  } else if (error instanceof ManagedIdentityError) {
+    switch (error.errorCode) {
+      case "platform_not_supported":
+        console.error("Managed Identity not available on this platform");
+        break;
+      case "network_request_failed":
+        console.error("Failed to connect to managed identity endpoint");
+        break;
+      default:
+        console.error("Managed Identity error:", error.errorMessage);
+    }
+  } else if (error instanceof AuthError) {
+    console.error("General authentication error:", error.errorCode, error.errorMessage);
+  } else {
+    console.error("Unexpected error:", error);
+  }
+}
+```
+
+### Silent Flow Error Handling
+
+Specific error handling for silent token acquisition scenarios.
+
+```typescript { .api }
+/**
+ * Silent flow error handling pattern
+ */
+async function acquireTokenWithFallback(
+  silentRequest: SilentFlowRequest,
+  interactiveRequest: InteractiveRequest
+): Promise<AuthenticationResult> {
+  try {
+    // Try silent acquisition first
+    return await pca.acquireTokenSilent(silentRequest);
+  } catch (error) {
+    if (error instanceof InteractionRequiredAuthError) {
+      // Silent acquisition failed, user interaction required
+      console.log("Silent acquisition failed, using interactive flow");
+      return await pca.acquireTokenInteractive(interactiveRequest);
+    } else if (error instanceof ClientAuthError && error.errorCode === "no_account_found") {
+      // No cached accounts, need to authenticate
+      console.log("No cached accounts found, using interactive flow");
+      return await pca.acquireTokenInteractive(interactiveRequest);
+    } else {
+      // Other errors should be handled or re-thrown
+      throw error;
+    }
+  }
+}
+```
+
+### Network Error Handling
+
+Handling network-related errors and implementing retry logic.
+
+```typescript { .api }
+/**
+ * Network error handling with retry logic
+ */
+async function acquireTokenWithRetry(
+  request: ClientCredentialRequest,
+  maxRetries: number = 3
+): Promise<AuthenticationResult | null> {
+  let lastError: AuthError;
+  
+  for (let attempt = 1; attempt <= maxRetries; attempt++) {
+    try {
+      return await cca.acquireTokenByClientCredential(request);
+    } catch (error) {
+      lastError = error as AuthError;
+      
+      if (error instanceof AuthError) {
+        // Check if error is retryable
+        if (isRetryableError(error) && attempt < maxRetries) {
+          const delayMs = Math.pow(2, attempt) * 1000; // Exponential backoff
+          console.log(`Attempt ${attempt} failed, retrying in ${delayMs}ms`);
+          await new Promise(resolve => setTimeout(resolve, delayMs));
+          continue;
+        }
+      }
+      
+      // Non-retryable error or max retries reached
+      throw error;
+    }
+  }
+  
+  throw lastError;
+}
+
+function isRetryableError(error: AuthError): boolean {
+  const retryableErrors = [
+    "network_error",
+    "request_timeout",
+    "post_request_failed",
+    "get_request_failed"
+  ];
+  
+  return retryableErrors.includes(error.errorCode);
+}
+```
+
+### Device Code Flow Error Handling
+
+Specific error handling for device code flow scenarios.
+
+```typescript { .api }
+/**
+ * Device code flow error handling
+ */
+async function deviceCodeFlowWithErrorHandling(): Promise<AuthenticationResult | null> {
+  const deviceCodeRequest = {
+    scopes: ["user.read"],
+    deviceCodeCallback: (response) => {
+      console.log("Please visit:", response.verificationUri);
+      console.log("And enter code:", response.userCode);
+    }
+  };
+
+  try {
+    const response = await pca.acquireTokenByDeviceCode(deviceCodeRequest);
+    return response;
+  } catch (error) {
+    if (error instanceof AuthError) {
+      switch (error.errorCode) {
+        case "authorization_pending":
+          console.log("User has not completed authentication yet");
+          break;
+        case "slow_down":
+          console.log("Polling too frequently, slowing down");
+          break;
+        case "expired_token":
+          console.log("Device code has expired, please try again");
+          break;
+        case "access_denied":
+          console.log("User denied authorization");
+          break;
+        default:
+          console.error("Device code flow error:", error.errorMessage);
+      }
+    }
+    throw error;
+  }
+}
+```
+
+### Error Recovery Strategies
+
+Implementation patterns for error recovery and user experience.
+
+```typescript { .api }
+/**
+ * Comprehensive error recovery strategy
+ */
+class AuthenticationService {
+  private pca: PublicClientApplication;
+  
+  constructor(config: Configuration) {
+    this.pca = new PublicClientApplication(config);
+  }
+  
+  async acquireToken(scopes: string[]): Promise<AuthenticationResult> {
+    const accounts = await this.pca.getAllAccounts();
+    
+    if (accounts.length > 0) {
+      // Try silent acquisition first
+      try {
+        return await this.pca.acquireTokenSilent({
+          account: accounts[0],
+          scopes: scopes
+        });
+      } catch (error) {
+        return await this.handleSilentFlowError(error, scopes);
+      }
+    } else {
+      // No accounts cached, use interactive flow
+      return await this.acquireTokenInteractively(scopes);
+    }
+  }
+  
+  private async handleSilentFlowError(
+    error: unknown, 
+    scopes: string[]
+  ): Promise<AuthenticationResult> {
+    if (error instanceof InteractionRequiredAuthError) {
+      // Token expired or consent required
+      return await this.acquireTokenInteractively(scopes);
+    } else if (error instanceof ClientAuthError) {
+      if (error.errorCode === "no_token_found") {
+        // No cached token, use interactive flow
+        return await this.acquireTokenInteractively(scopes);
+      }
+    } else if (error instanceof AuthError && this.isNetworkError(error)) {
+      // Network error, implement retry with backoff
+      await this.delay(1000);
+      return await this.acquireToken(scopes);
+    }
+    
+    // Re-throw unhandled errors
+    throw error;
+  }
+  
+  private async acquireTokenInteractively(scopes: string[]): Promise<AuthenticationResult> {
+    return await this.pca.acquireTokenInteractive({
+      scopes: scopes,
+      openBrowser: async (url: string) => {
+        const { open } = await import("open");
+        await open(url);
+      }
+    });
+  }
+  
+  private isNetworkError(error: AuthError): boolean {
+    const networkErrorCodes = [
+      "network_error",
+      "request_timeout",
+      "post_request_failed",
+      "get_request_failed"
+    ];
+    return networkErrorCodes.includes(error.errorCode);
+  }
+  
+  private delay(ms: number): Promise<void> {
+    return new Promise(resolve => setTimeout(resolve, ms));
+  }
+}
+```
+
+### Logging and Monitoring
+
+Error logging and monitoring best practices.
+
+```typescript { .api }
+/**
+ * Error logging and monitoring integration
+ */
+class ErrorLogger {
+  static logAuthError(error: AuthError, context: string): void {
+    const errorData = {
+      timestamp: new Date().toISOString(),
+      context: context,
+      errorCode: error.errorCode,
+      errorMessage: error.errorMessage,
+      correlationId: error.correlationId,
+      subError: error.subError,
+      stack: error.stack
+    };
+    
+    // Log to monitoring system
+    console.error("Authentication Error:", JSON.stringify(errorData, null, 2));
+    
+    // Send to monitoring service (e.g., Application Insights, DataDog)
+    // this.sendToMonitoring(errorData);
+  }
+  
+  static logNetworkError(error: AuthError, endpoint: string): void {
+    const networkErrorData = {
+      timestamp: new Date().toISOString(),
+      endpoint: endpoint,
+      errorCode: error.errorCode,
+      errorMessage: error.errorMessage,
+      correlationId: error.correlationId
+    };
+    
+    console.error("Network Error:", JSON.stringify(networkErrorData, null, 2));
+  }
+}
+
+// Usage in error handling
+try {
+  const response = await pca.acquireTokenSilent(request);
+} catch (error) {
+  if (error instanceof AuthError) {
+    ErrorLogger.logAuthError(error, "silent_token_acquisition");
+  }
+  throw error;
+}
+```
+
+## Common Error Scenarios
+
+### Token Expiration
+
+```typescript
+// Handle expired tokens
+if (error.errorCode === "token_expired" || error.errorCode === "interaction_required") {
+  // Token has expired, need to refresh or re-authenticate
+  console.log("Token expired, attempting refresh");
+}
+```
+
+### Account Selection
+
+```typescript
+// Handle multiple accounts
+if (error.errorCode === "multiple_matching_accounts") {
+  const accounts = await pca.getAllAccounts();
+  // Present account selection UI to user
+  console.log("Multiple accounts found:", accounts.map(a => a.username));
+}
+```
+
+### Network Connectivity
+
+```typescript
+// Handle network issues
+if (error.errorCode === "network_error" || error.errorCode === "request_timeout") {
+  console.log("Network connectivity issue, check internet connection");
+  // Implement offline mode or retry logic
+}
+```
+
+### Configuration Issues
+
+```typescript
+// Handle configuration errors
+if (error instanceof ClientConfigurationError) {
+  console.error("Configuration error - check client ID, authority, and other settings");
+  console.error("Error details:", error.errorMessage);
+}
+```
+
+### Platform-Specific Issues
+
+```typescript
+// Handle managed identity platform issues
+if (error instanceof ManagedIdentityError && error.errorCode === "platform_not_supported") {
+  console.error("Managed Identity not available - running outside Azure environment");
+  // Fallback to other authentication methods
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-azure--msal-node/docs/index.md b/.tessl/tiles/tessl/npm-azure--msal-node/docs/index.md
new file mode 100644
index 000000000..3c661a648
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-azure--msal-node/docs/index.md
@@ -0,0 +1,475 @@
+# MSAL Node
+
+Microsoft Authentication Library for Node (MSAL Node) is a comprehensive TypeScript library that enables Node.js applications to authenticate users and acquire tokens using the Microsoft Identity platform. It supports multiple OAuth 2.0 authentication flows for both public and confidential client applications, enabling authentication with Azure AD work and school accounts, Microsoft personal accounts, and social identity providers through Azure AD B2C.
+
+## Package Information
+
+- **Package Name**: @azure/msal-node
+- **Package Type**: npm
+- **Language**: TypeScript
+- **Installation**: `npm install @azure/msal-node`
+
+## Core Imports
+
+```typescript
+import { 
+  PublicClientApplication, 
+  ConfidentialClientApplication,
+  ManagedIdentityApplication,
+  type Configuration,
+  type AuthenticationResult
+} from "@azure/msal-node";
+```
+
+For CommonJS:
+
+```javascript
+const { 
+  PublicClientApplication, 
+  ConfidentialClientApplication,
+  ManagedIdentityApplication
+} = require("@azure/msal-node");
+```
+
+## Basic Usage
+
+### Public Client (Desktop/Mobile Apps)
+
+```typescript
+import { PublicClientApplication } from "@azure/msal-node";
+
+const pca = new PublicClientApplication({
+  auth: {
+    clientId: "your-client-id",
+    authority: "https://login.microsoftonline.com/common"
+  }
+});
+
+// Authorization code flow
+const authCodeUrlParameters = {
+  scopes: ["user.read"],
+  redirectUri: "http://localhost:3000/redirect"
+};
+
+const authUrl = await pca.getAuthCodeUrl(authCodeUrlParameters);
+// Redirect user to authUrl, get code from callback
+
+const tokenRequest = {
+  code: "authorization-code-from-callback",
+  scopes: ["user.read"],
+  redirectUri: "http://localhost:3000/redirect"
+};
+
+const response = await pca.acquireTokenByCode(tokenRequest);
+console.log(response.accessToken);
+```
+
+### Confidential Client (Server Applications)
+
+```typescript
+import { ConfidentialClientApplication } from "@azure/msal-node";
+
+const cca = new ConfidentialClientApplication({
+  auth: {
+    clientId: "your-client-id",
+    clientSecret: "your-client-secret",
+    authority: "https://login.microsoftonline.com/your-tenant-id"
+  }
+});
+
+// Client credentials flow
+const clientCredentialRequest = {
+  scopes: ["https://graph.microsoft.com/.default"]
+};
+
+const response = await cca.acquireTokenByClientCredential(clientCredentialRequest);
+console.log(response.accessToken);
+```
+
+### Managed Identity (Azure Resources)
+
+```typescript
+import { ManagedIdentityApplication } from "@azure/msal-node";
+
+const mia = new ManagedIdentityApplication({});
+
+const tokenRequest = {
+  resource: "https://graph.microsoft.com/"
+};
+
+const response = await mia.acquireToken(tokenRequest);
+console.log(response.accessToken);
+```
+
+## Architecture
+
+MSAL Node is built around several key components:
+
+- **Client Applications**: Different application types (Public, Confidential, Managed Identity) providing specialized authentication flows
+- **Request/Response System**: Strongly-typed request objects for each OAuth 2.0 flow with comprehensive response handling
+- **Token Cache**: In-memory and distributed cache system for storing tokens with serialization support
+- **Configuration System**: Hierarchical configuration with authentication, system, cache, and telemetry options
+- **Error Handling**: Comprehensive error classes with specific error codes for different scenarios
+- **Cryptographic Provider**: Secure cryptographic operations including PKCE, JWT signatures, and certificate handling
+
+## Capabilities
+
+### Public Client Applications
+
+Core functionality for applications that cannot securely store client secrets, including desktop apps, mobile apps, and single-page applications.
+
+```typescript { .api }
+interface IPublicClientApplication {
+  getAuthCodeUrl(request: AuthorizationUrlRequest): Promise<string>;
+  acquireTokenByCode(request: AuthorizationCodeRequest): Promise<AuthenticationResult>;
+  acquireTokenInteractive(request: InteractiveRequest): Promise<AuthenticationResult>;
+  acquireTokenSilent(request: SilentFlowRequest): Promise<AuthenticationResult>;
+  acquireTokenByRefreshToken(request: RefreshTokenRequest): Promise<AuthenticationResult | null>;
+  acquireTokenByDeviceCode(request: DeviceCodeRequest): Promise<AuthenticationResult | null>;
+  acquireTokenByUsernamePassword(request: UsernamePasswordRequest): Promise<AuthenticationResult | null>;
+  getTokenCache(): TokenCache;
+  getLogger(): Logger;
+  setLogger(logger: Logger): void;
+  clearCache(): void;
+  getAllAccounts(): Promise<AccountInfo[]>;
+  signOut(request: SignOutRequest): Promise<void>;
+}
+
+class PublicClientApplication implements IPublicClientApplication {
+  constructor(configuration: Configuration);
+}
+```
+
+[Public Client Applications](./public-client.md)
+
+### Confidential Client Applications
+
+Advanced functionality for applications that can securely store client secrets, including server applications, web APIs, and daemon applications.
+
+```typescript { .api }
+interface IConfidentialClientApplication {
+  getAuthCodeUrl(request: AuthorizationUrlRequest): Promise<string>;
+  acquireTokenByCode(request: AuthorizationCodeRequest): Promise<AuthenticationResult>;
+  acquireTokenSilent(request: SilentFlowRequest): Promise<AuthenticationResult | null>;
+  acquireTokenByRefreshToken(request: RefreshTokenRequest): Promise<AuthenticationResult | null>;
+  acquireTokenByClientCredential(request: ClientCredentialRequest): Promise<AuthenticationResult | null>;
+  acquireTokenOnBehalfOf(request: OnBehalfOfRequest): Promise<AuthenticationResult | null>;
+  acquireTokenByUsernamePassword(request: UsernamePasswordRequest): Promise<AuthenticationResult | null>;
+  getTokenCache(): TokenCache;
+  getLogger(): Logger;
+  setLogger(logger: Logger): void;
+  clearCache(): void;
+  SetAppTokenProvider(provider: IAppTokenProvider): void;
+}
+
+class ConfidentialClientApplication implements IConfidentialClientApplication {
+  constructor(configuration: Configuration);
+}
+```
+
+[Confidential Client Applications](./confidential-client.md)
+
+### Managed Identity Applications
+
+Azure Managed Identity authentication for applications running on Azure resources like VMs, App Service, and Function Apps.
+
+```typescript { .api }
+class ManagedIdentityApplication {
+  constructor(configuration?: ManagedIdentityConfiguration);
+  acquireToken(request: ManagedIdentityRequestParams): Promise<AuthenticationResult | null>;
+  getManagedIdentitySource(): ManagedIdentitySourceNames;
+}
+
+type ManagedIdentityConfiguration = {
+  clientCapabilities?: Array<string>;
+  managedIdentityIdParams?: ManagedIdentityIdParams;
+  system?: NodeSystemOptions;
+};
+
+type ManagedIdentityIdParams = {
+  userAssignedClientId?: string;
+  userAssignedResourceId?: string;
+  userAssignedObjectId?: string;
+};
+```
+
+[Managed Identity Applications](./managed-identity.md)
+
+### Authentication Flows
+
+Complete set of OAuth 2.0 authentication flows with strongly-typed request objects and comprehensive configuration options.
+
+```typescript { .api }
+type AuthorizationUrlRequest = {
+  scopes: string[];
+  redirectUri: string;
+  prompt?: PromptValue;
+  account?: AccountInfo;
+  loginHint?: string;
+  domainHint?: string;
+  extraQueryParameters?: Record<string, string>;
+};
+
+type AuthorizationCodeRequest = {
+  scopes: string[];
+  redirectUri: string;
+  code: string;
+  state?: string;
+  authority?: string;
+  correlationId?: string;
+  claims?: string;
+};
+
+type ClientCredentialRequest = {
+  scopes: string[];
+  authority?: string;
+  clientAssertion?: string | (() => string);
+  skipCache?: boolean;
+};
+```
+
+[Authentication Flows](./authentication-flows.md)
+
+### Token Cache Management
+
+Comprehensive token caching system with in-memory storage, serialization support, and distributed cache capabilities.
+
+```typescript { .api }
+interface ITokenCache {
+  getAllAccounts(): Promise<AccountInfo[]>;
+  getAccountByHomeId(homeAccountId: string): Promise<AccountInfo | null>;
+  getAccountByLocalId(localAccountId: string): Promise<AccountInfo | null>;
+  removeAccount(account: AccountInfo): Promise<void>;
+}
+
+class TokenCache implements ITokenCache, ISerializableTokenCache {
+  // Cache management methods
+}
+
+type CacheOptions = {
+  cachePlugin?: ICachePlugin;
+  claimsBasedCachingEnabled?: boolean;
+};
+```
+
+[Token Cache Management](./token-cache.md)
+
+### Configuration System
+
+Hierarchical configuration system supporting authentication options, system settings, cache configuration, and telemetry.
+
+```typescript { .api }
+type Configuration = {
+  auth: NodeAuthOptions;
+  broker?: BrokerOptions;
+  cache?: CacheOptions;
+  system?: NodeSystemOptions;
+  telemetry?: NodeTelemetryOptions;
+};
+
+type NodeAuthOptions = {
+  clientId: string;
+  authority?: string;
+  clientSecret?: string;
+  clientAssertion?: string | ClientAssertionCallback;
+  clientCertificate?: {
+    thumbprintSha256?: string;
+    privateKey: string;
+    x5c?: string;
+  };
+  knownAuthorities?: Array<string>;
+  protocolMode?: ProtocolMode;
+};
+```
+
+[Configuration System](./configuration.md)
+
+### Error Handling
+
+Comprehensive error handling with specific error classes and detailed error codes for different authentication scenarios.
+
+```typescript { .api }
+class NodeAuthError extends AuthError {
+  static createStateNotFoundError(): NodeAuthError;
+  static createLoopbackServerTimeoutError(): NodeAuthError;
+}
+
+class ManagedIdentityError extends AuthError {
+  // Managed Identity specific errors
+}
+
+type AuthErrorCodes = {
+  unexpectedError: string;
+  postRequestFailed: string;
+  getRequestFailed: string;
+  // Additional error codes...
+};
+```
+
+[Error Handling](./error-handling.md)
+
+### Specialized Client Classes
+
+Low-level client classes for specific OAuth 2.0 flows, providing direct access to individual authentication methods.
+
+```typescript { .api }
+/**
+ * OAuth 2.0 client credential flow client
+ */
+class ClientCredentialClient extends BaseClient {
+  constructor(configuration: ClientConfiguration, appTokenProvider?: IAppTokenProvider);
+  acquireToken(request: CommonClientCredentialRequest): Promise<AuthenticationResult | null>;
+}
+
+/**
+ * OAuth 2.0 device code flow client
+ */
+class DeviceCodeClient extends BaseClient {
+  constructor(configuration: ClientConfiguration);
+  acquireToken(request: CommonDeviceCodeRequest): Promise<AuthenticationResult | null>;
+}
+
+/**
+ * OAuth 2.0 on-behalf-of flow client
+ */
+class OnBehalfOfClient extends BaseClient {
+  constructor(configuration: ClientConfiguration);
+  acquireToken(request: CommonOnBehalfOfRequest): Promise<AuthenticationResult | null>;
+}
+
+/**
+ * OAuth 2.0 username/password flow client
+ */
+class UsernamePasswordClient extends BaseClient {
+  constructor(configuration: ClientConfiguration);
+  acquireToken(request: CommonUsernamePasswordRequest): Promise<AuthenticationResult | null>;
+}
+
+/**
+ * Base client application class
+ */
+abstract class ClientApplication {
+  protected constructor(configuration: Configuration);
+  getTokenCache(): TokenCache;
+  getLogger(): Logger;
+  setLogger(logger: Logger): void;
+  clearCache(): void;
+}
+```
+
+### Cryptographic Provider
+
+Cryptographic operations for authentication flows including PKCE, JWT signatures, and certificate handling.
+
+```typescript { .api }
+/**
+ * Cryptographic provider for Node.js environments
+ */
+class CryptoProvider {
+  /** Generate UUID v4 */
+  createNewGuid(): string;
+  /** Generate PKCE code verifier */
+  generatePkceCodes(): PkceCodes;
+  /** Generate SHA256 hash */
+  sha256Digest(inputString: string): Promise<string>;
+  /** Sign JWT with private key */
+  signJwt(payload: object, privateKey: string): Promise<string>;
+  /** Verify JWT signature */
+  verifyJwt(token: string, publicKey: string): Promise<object>;
+}
+
+type PkceCodes = {
+  verifier: string;
+  challenge: string;
+};
+```
+
+### Client Assertion
+
+Certificate-based authentication support for confidential client applications.
+
+```typescript { .api }
+/**
+ * Client assertion for certificate-based authentication
+ */
+class ClientAssertion {
+  constructor(assertion: string);
+  getJwt(): string;
+  static fromCertificate(privateKey: string, thumbprint: string, audience: string): ClientAssertion;
+}
+```
+
+## Common Types
+
+### Authentication Results
+
+```typescript { .api }
+type AuthenticationResult = {
+  authority: string;
+  uniqueId: string;
+  tenantId: string;
+  scopes: string[];
+  account: AccountInfo | null;
+  idToken: string;
+  idTokenClaims: IdTokenClaims;
+  accessToken: string;
+  fromCache: boolean;
+  expiresOn: Date | null;
+  correlationId: string;
+  requestId?: string;
+};
+
+type AccountInfo = {
+  homeAccountId: string;
+  environment: string;
+  tenantId: string;
+  username: string;
+  localAccountId: string;
+  name?: string;
+  idTokenClaims?: IdTokenClaims;
+};
+```
+
+### Protocol Types
+
+```typescript { .api }
+enum PromptValue {
+  LOGIN = "login",
+  SELECT_ACCOUNT = "select_account",
+  CONSENT = "consent",
+  NONE = "none"
+}
+
+enum ResponseMode {
+  QUERY = "query",
+  FRAGMENT = "fragment",
+  FORM_POST = "form_post"
+}
+
+enum ProtocolMode {
+  AAD = "AAD",
+  OIDC = "OIDC"
+}
+
+enum AzureCloudInstance {
+  None = "",
+  AzurePublic = "https://login.microsoftonline.com",
+  AzurePpope = "https://login.microsoftonline.us",
+  AzureChina = "https://login.chinacloudapi.cn",
+  AzureGermany = "https://login.microsoftonline.de"
+}
+
+type ClientAssertionCallback = () => string;
+
+const ManagedIdentitySourceNames = {
+  IMDS: "IMDS",
+  APP_SERVICE: "APP_SERVICE",
+  AZURE_ARC: "AZURE_ARC",
+  CLOUD_SHELL: "CLOUD_SHELL",
+  SERVICE_FABRIC: "SERVICE_FABRIC",
+  MACHINE_LEARNING: "MACHINE_LEARNING",
+  DEFAULT_TO_IMDS: "DEFAULT_TO_IMDS"
+} as const;
+
+type ManagedIdentitySourceNames = typeof ManagedIdentitySourceNames[keyof typeof ManagedIdentitySourceNames];
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-azure--msal-node/docs/managed-identity.md b/.tessl/tiles/tessl/npm-azure--msal-node/docs/managed-identity.md
new file mode 100644
index 000000000..66e4a6a24
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-azure--msal-node/docs/managed-identity.md
@@ -0,0 +1,438 @@
+# Managed Identity Applications
+
+Managed Identity Applications provide authentication for applications running on Azure resources like Virtual Machines, App Service, Function Apps, and other Azure services. This eliminates the need to store credentials in code by leveraging Azure's managed identity infrastructure.
+
+## Capabilities
+
+### ManagedIdentityApplication Class
+
+Main class for Azure Managed Identity authentication.
+
+```typescript { .api }
+/**
+ * Managed Identity application class for Azure resources
+ * Automatically detects and uses the appropriate managed identity source
+ */
+class ManagedIdentityApplication {
+  constructor(configuration: ManagedIdentityConfiguration);
+  
+  /** 
+   * Acquires a token using Azure Managed Identity
+   * Automatically detects the managed identity source (IMDS, App Service, etc.)
+   */
+  acquireToken(request: ManagedIdentityRequestParams): Promise<AuthenticationResult | null>;
+}
+
+/**
+ * Configuration for managed identity applications
+ */
+type ManagedIdentityConfiguration = {
+  /** Client capabilities for conditional access */
+  clientCapabilities?: Array<string>;
+  /** Parameters for user-assigned managed identity */
+  managedIdentityIdParams?: ManagedIdentityIdParams;
+  /** System configuration options */
+  system?: NodeSystemOptions;
+};
+
+/**
+ * Parameters for user-assigned managed identity
+ */
+type ManagedIdentityIdParams = {
+  /** Client ID of the user-assigned managed identity */
+  userAssignedClientId?: string;
+  /** Resource ID of the user-assigned managed identity */
+  userAssignedResourceId?: string;
+  /** Object ID of the user-assigned managed identity */
+  userAssignedObjectId?: string;
+};
+
+/**
+ * Request parameters for managed identity token acquisition
+ */
+type ManagedIdentityRequestParams = {
+  /** Target resource URI for the token */
+  resource: string;
+  /** Claims for conditional access */
+  claims?: string;
+  /** Force refresh instead of using cached token */
+  forceRefresh?: boolean;
+};
+```
+
+**Usage Example:**
+
+```typescript
+import { ManagedIdentityApplication } from "@azure/msal-node";
+
+// System-assigned managed identity (default)
+const mia = new ManagedIdentityApplication({});
+
+const tokenRequest = {
+  resource: "https://graph.microsoft.com/"
+};
+
+try {
+  const response = await mia.acquireToken(tokenRequest);
+  if (response) {
+    console.log("Access token:", response.accessToken);
+    console.log("Token expires on:", response.expiresOn);
+  }
+} catch (error) {
+  console.error("Managed identity authentication failed:", error);
+}
+```
+
+### System-Assigned Managed Identity
+
+Default configuration that uses the system-assigned managed identity of the Azure resource.
+
+```typescript { .api }
+/**
+ * Basic configuration for system-assigned managed identity
+ * No additional parameters needed - automatically uses the system-assigned identity
+ */
+type SystemAssignedConfig = ManagedIdentityConfiguration;
+```
+
+**Usage Example:**
+
+```typescript
+// System-assigned managed identity (simplest configuration)
+const mia = new ManagedIdentityApplication({});
+
+// Acquire token for Microsoft Graph
+const graphToken = await mia.acquireToken({
+  resource: "https://graph.microsoft.com/"
+});
+
+// Acquire token for Azure Resource Manager
+const armToken = await mia.acquireToken({
+  resource: "https://management.azure.com/"
+});
+
+// Acquire token for Key Vault
+const keyVaultToken = await mia.acquireToken({
+  resource: "https://vault.azure.net/"
+});
+```
+
+### User-Assigned Managed Identity
+
+Configuration for using a specific user-assigned managed identity.
+
+```typescript { .api }
+/**
+ * Configuration for user-assigned managed identity
+ * Specify identity using one of: clientId, resourceId, or objectId
+ */
+type UserAssignedConfig = {
+  managedIdentityIdParams: ManagedIdentityIdParams;
+  system?: NodeSystemOptions;
+};
+```
+
+**Usage Examples:**
+
+```typescript
+// User-assigned managed identity by client ID
+const miaByClientId = new ManagedIdentityApplication({
+  managedIdentityIdParams: {
+    userAssignedClientId: "12345678-1234-1234-1234-123456789012"
+  }
+});
+
+// User-assigned managed identity by resource ID
+const miaByResourceId = new ManagedIdentityApplication({
+  managedIdentityIdParams: {
+    userAssignedResourceId: "/subscriptions/sub-id/resourceGroups/rg-name/providers/Microsoft.ManagedIdentity/userAssignedIdentities/identity-name"
+  }
+});
+
+// User-assigned managed identity by object ID
+const miaByObjectId = new ManagedIdentityApplication({
+  managedIdentityIdParams: {
+    userAssignedObjectId: "87654321-4321-4321-4321-210987654321"
+  }
+});
+
+const tokenRequest = {
+  resource: "https://graph.microsoft.com/"
+};
+
+const response = await miaByClientId.acquireToken(tokenRequest);
+```
+
+### Supported Azure Services
+
+Managed Identity automatically detects and works with various Azure services:
+
+```typescript { .api }
+/**
+ * Managed Identity source names (for reference)
+ * These are automatically detected - no manual configuration needed
+ */
+const ManagedIdentitySourceNames = {
+  /** Azure Instance Metadata Service (VMs, VMSS) */
+  IMDS: "IMDS",
+  /** Azure App Service and Function Apps */
+  APP_SERVICE: "APP_SERVICE", 
+  /** Azure Arc enabled servers */
+  AZURE_ARC: "AZURE_ARC",
+  /** Azure Cloud Shell */
+  CLOUD_SHELL: "CLOUD_SHELL",
+  /** Azure Service Fabric */
+  SERVICE_FABRIC: "SERVICE_FABRIC",
+  /** Azure Machine Learning */
+  MACHINE_LEARNING: "MACHINE_LEARNING",
+  /** Default fallback to IMDS */
+  DEFAULT_TO_IMDS: "DEFAULT_TO_IMDS"
+} as const;
+```
+
+**Supported Azure Services:**
+
+- **Azure Virtual Machines**: Uses IMDS endpoint
+- **Azure App Service**: Uses environment variables and MSI endpoint
+- **Azure Function Apps**: Uses environment variables and MSI endpoint  
+- **Azure Container Instances**: Uses IMDS endpoint
+- **Azure Kubernetes Service**: Uses IMDS endpoint
+- **Azure Service Fabric**: Uses Service Fabric endpoint
+- **Azure Arc enabled servers**: Uses Arc-specific endpoint
+- **Azure Cloud Shell**: Uses Cloud Shell environment
+- **Azure Machine Learning**: Uses ML-specific endpoint
+
+### Token Caching and Refresh
+
+```typescript { .api }
+/**
+ * Request with cache control options
+ */
+type ManagedIdentityRequestWithCaching = {
+  /** Target resource URI for the token */
+  resource: string;
+  /** Force refresh instead of using cached token */
+  forceRefresh?: boolean;
+  /** Claims for conditional access scenarios */
+  claims?: string;
+};
+```
+
+**Usage Example:**
+
+```typescript
+const mia = new ManagedIdentityApplication({});
+
+// Use cached token if available and valid
+const cachedResponse = await mia.acquireToken({
+  resource: "https://graph.microsoft.com/",
+  forceRefresh: false
+});
+
+// Force refresh from managed identity endpoint
+const freshResponse = await mia.acquireToken({
+  resource: "https://graph.microsoft.com/",
+  forceRefresh: true
+});
+
+// With conditional access claims
+const claimsResponse = await mia.acquireToken({
+  resource: "https://graph.microsoft.com/",
+  claims: JSON.stringify({
+    "access_token": {
+      "acrs": {
+        "essential": true,
+        "values": ["urn:microsoft:req1"]
+      }
+    }
+  })
+});
+```
+
+### Error Handling
+
+```typescript { .api }
+/**
+ * Managed Identity specific error class
+ */
+class ManagedIdentityError extends AuthError {
+  constructor(errorCode: string, errorMessage: string);
+}
+
+/**
+ * Common managed identity error codes
+ */
+const ManagedIdentityErrorCodes = {
+  /** Network request failed */
+  NETWORK_REQUEST_FAILED: "network_request_failed",
+  /** Invalid resource format */
+  INVALID_RESOURCE: "invalid_resource", 
+  /** Managed identity not available on current platform */
+  PLATFORM_NOT_SUPPORTED: "platform_not_supported",
+  /** Environment variables malformed */
+  MALFORMED_ENVIRONMENT_VARIABLE: "malformed_environment_variable",
+  /** Timeout waiting for response */
+  REQUEST_TIMEOUT: "request_timeout",
+  /** File system access error */
+  FILE_NOT_FOUND: "file_not_found"
+} as const;
+```
+
+**Usage Example:**
+
+```typescript
+import { ManagedIdentityError } from "@azure/msal-node";
+
+try {
+  const response = await mia.acquireToken({
+    resource: "https://graph.microsoft.com/"
+  });
+} catch (error) {
+  if (error instanceof ManagedIdentityError) {
+    switch (error.errorCode) {
+      case "platform_not_supported":
+        console.error("Managed Identity not supported on this platform");
+        break;
+      case "network_request_failed":
+        console.error("Network error accessing managed identity endpoint");
+        break;
+      case "invalid_resource":
+        console.error("Invalid resource URI provided");
+        break;
+      default:
+        console.error("Managed Identity error:", error.message);
+    }
+  } else {
+    console.error("Unexpected error:", error);
+  }
+}
+```
+
+### Advanced Configuration
+
+```typescript { .api }
+/**
+ * Advanced managed identity configuration with system options
+ */
+type AdvancedManagedIdentityConfiguration = {
+  /** Client capabilities for conditional access */
+  clientCapabilities?: Array<string>;
+  /** User-assigned identity parameters */
+  managedIdentityIdParams?: ManagedIdentityIdParams;
+  /** System configuration */
+  system?: {
+    /** Logger configuration */
+    loggerOptions?: LoggerOptions;
+    /** Custom network client */
+    networkClient?: INetworkModule;
+    /** Proxy URL for network requests */
+    proxyUrl?: string;
+    /** Custom HTTP agent options */
+    customAgentOptions?: http.AgentOptions | https.AgentOptions;
+    /** Disable internal request retries */
+    disableInternalRetries?: boolean;
+  };
+};
+```
+
+**Usage Example:**
+
+```typescript
+import { ManagedIdentityApplication, LogLevel } from "@azure/msal-node";
+
+const mia = new ManagedIdentityApplication({
+  managedIdentityIdParams: {
+    userAssignedClientId: "12345678-1234-1234-1234-123456789012"
+  },
+  clientCapabilities: ["CP1"], // Conditional access capability
+  system: {
+    loggerOptions: {
+      loggerCallback: (level, message, containsPii) => {
+        if (!containsPii) {
+          console.log(`[${level}] ${message}`);
+        }
+      },
+      logLevel: LogLevel.Verbose,
+      piiLoggingEnabled: false
+    },
+    proxyUrl: "http://proxy.company.com:8080",
+    disableInternalRetries: false
+  }
+});
+
+const response = await mia.acquireToken({
+  resource: "https://graph.microsoft.com/",
+  claims: JSON.stringify({
+    "access_token": {
+      "xms_cc": {
+        "values": ["CP1"]
+      }
+    }
+  })
+});
+```
+
+## Common Use Cases
+
+### Accessing Microsoft Graph
+
+```typescript
+const mia = new ManagedIdentityApplication({});
+
+const graphToken = await mia.acquireToken({
+  resource: "https://graph.microsoft.com/"
+});
+
+// Use token to call Microsoft Graph
+const response = await fetch("https://graph.microsoft.com/v1.0/me", {
+  headers: {
+    "Authorization": `Bearer ${graphToken.accessToken}`
+  }
+});
+```
+
+### Accessing Azure Resource Manager
+
+```typescript
+const armToken = await mia.acquireToken({
+  resource: "https://management.azure.com/"
+});
+
+// Use token for Azure Resource Manager APIs
+const subscriptions = await fetch("https://management.azure.com/subscriptions?api-version=2020-01-01", {
+  headers: {
+    "Authorization": `Bearer ${armToken.accessToken}`
+  }
+});
+```
+
+### Accessing Azure Key Vault
+
+```typescript
+const keyVaultToken = await mia.acquireToken({
+  resource: "https://vault.azure.net/"
+});
+
+// Use token for Key Vault operations
+const secret = await fetch("https://my-vault.vault.azure.net/secrets/my-secret?api-version=7.2", {
+  headers: {
+    "Authorization": `Bearer ${keyVaultToken.accessToken}`
+  }
+});
+```
+
+### Accessing Azure Storage
+
+```typescript
+const storageToken = await mia.acquireToken({
+  resource: "https://storage.azure.com/"
+});
+
+// Use token for Azure Storage operations
+const blobs = await fetch("https://myaccount.blob.core.windows.net/mycontainer?restype=container&comp=list", {
+  headers: {
+    "Authorization": `Bearer ${storageToken.accessToken}`,
+    "x-ms-version": "2020-04-08"
+  }
+});
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-azure--msal-node/docs/public-client.md b/.tessl/tiles/tessl/npm-azure--msal-node/docs/public-client.md
new file mode 100644
index 000000000..c6efa3019
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-azure--msal-node/docs/public-client.md
@@ -0,0 +1,421 @@
+# Public Client Applications
+
+Public Client Applications are designed for applications that cannot securely store client secrets, such as desktop applications, mobile apps, and single-page applications. These applications rely on user interaction for authentication and use flows like authorization code with PKCE, device code, and interactive authentication.
+
+## Capabilities
+
+### PublicClientApplication Class
+
+Main class for creating public client applications.
+
+```typescript { .api }
+/**
+ * Public client application class implementing IPublicClientApplication interface
+ * Suitable for applications that cannot securely store client secrets
+ */
+class PublicClientApplication implements IPublicClientApplication {
+  constructor(configuration: Configuration);
+  
+  /** Creates the URL of the authorization request */
+  getAuthCodeUrl(request: AuthorizationUrlRequest): Promise<string>;
+  
+  /** Acquires a token by exchanging the authorization code received from the first step of OAuth 2.0 Authorization Code Flow */
+  acquireTokenByCode(request: AuthorizationCodeRequest): Promise<AuthenticationResult>;
+  
+  /** Acquires a token interactively */
+  acquireTokenInteractive(request: InteractiveRequest): Promise<AuthenticationResult>;
+  
+  /** Acquires a token silently when a user specifies the account the token is requested for */
+  acquireTokenSilent(request: SilentFlowRequest): Promise<AuthenticationResult>;
+  
+  /** Acquires a token by exchanging the refresh token provided for a new set of tokens */
+  acquireTokenByRefreshToken(request: RefreshTokenRequest): Promise<AuthenticationResult | null>;
+  
+  /** Acquires a token from the authority using OAuth2.0 device code flow */
+  acquireTokenByDeviceCode(request: DeviceCodeRequest): Promise<AuthenticationResult | null>;
+  
+  /** 
+   * Acquires tokens with password grant by exchanging client applications username and password for credentials
+   * @deprecated - Use a more secure flow instead
+   */
+  acquireTokenByUsernamePassword(request: UsernamePasswordRequest): Promise<AuthenticationResult | null>;
+  
+  /** Gets the token cache for the application */
+  getTokenCache(): TokenCache;
+  
+  /** Returns the logger instance */
+  getLogger(): Logger;
+  
+  /** Replaces the default logger set in configurations with new Logger with new configurations */
+  setLogger(logger: Logger): void;
+  
+  /** Clear the cache */
+  clearCache(): void;
+  
+  /** Gets all cached accounts */
+  getAllAccounts(): Promise<AccountInfo[]>;
+  
+  /** Removes cache artifacts associated with the given account */
+  signOut(request: SignOutRequest): Promise<void>;
+}
+```
+
+**Usage Example:**
+
+```typescript
+import { PublicClientApplication } from "@azure/msal-node";
+
+const pca = new PublicClientApplication({
+  auth: {
+    clientId: "your-client-id",
+    authority: "https://login.microsoftonline.com/common"
+  },
+  cache: {
+    cachePlugin: // optional cache plugin
+  },
+  system: {
+    loggerOptions: {
+      loggerCallback: (level, message) => {
+        console.log(message);
+      },
+      piiLoggingEnabled: false,
+      logLevel: LogLevel.Info
+    }
+  }
+});
+```
+
+### Authorization Code Flow
+
+Standard OAuth 2.0 authorization code flow with PKCE for secure authentication.
+
+```typescript { .api }
+/**
+ * Request to generate authorization URL (first step of authorization code flow)
+ */
+type AuthorizationUrlRequest = {
+  /** Array of scopes the application is requesting access to */
+  scopes: string[];
+  /** URI where the authorization server will redirect after user authorization */
+  redirectUri: string;
+  /** Prompt behavior for user interaction */
+  prompt?: PromptValue;
+  /** Account to use for authentication */
+  account?: AccountInfo;
+  /** Login hint for pre-filling username */
+  loginHint?: string;
+  /** Domain hint for federated authentication */
+  domainHint?: string;
+  /** Additional query parameters for the authorization request */
+  extraQueryParameters?: Record<string, string>;
+  /** PKCE code challenge for security */
+  codeChallenge?: string;
+  /** PKCE code challenge method */
+  codeChallengeMethod?: string;
+  /** State parameter for CSRF protection */
+  state?: string;
+  /** Correlation ID for tracking requests */
+  correlationId?: string;
+  /** Claims request for additional token claims */
+  claims?: string;
+  /** Authority URL to override default */
+  authority?: string;
+};
+
+/**
+ * Request to exchange authorization code for tokens (second step of authorization code flow)
+ */
+type AuthorizationCodeRequest = {
+  /** Array of scopes the application is requesting access to */
+  scopes: string[];
+  /** URI where the authorization server redirected after user authorization */
+  redirectUri: string;
+  /** Authorization code received from authorization server */
+  code: string;
+  /** State parameter for CSRF protection validation */
+  state?: string;
+  /** Authority URL to override default */
+  authority?: string;
+  /** Correlation ID for tracking requests */
+  correlationId?: string;
+  /** Claims request for additional token claims */
+  claims?: string;
+  /** Additional parameters for token request */
+  tokenQueryParameters?: Record<string, string>;
+  /** PKCE code verifier for security validation */
+  codeVerifier?: string;
+};
+```
+
+**Usage Example:**
+
+```typescript
+// Step 1: Generate authorization URL
+const authCodeUrlParameters = {
+  scopes: ["user.read", "mail.read"],
+  redirectUri: "http://localhost:3000/redirect",
+  prompt: "select_account" as PromptValue
+};
+
+const authUrl = await pca.getAuthCodeUrl(authCodeUrlParameters);
+console.log("Navigate to:", authUrl);
+
+// Step 2: Exchange authorization code for tokens
+const tokenRequest = {
+  code: "authorization-code-from-callback", // Extract from callback URL
+  scopes: ["user.read", "mail.read"],
+  redirectUri: "http://localhost:3000/redirect"
+};
+
+try {
+  const response = await pca.acquireTokenByCode(tokenRequest);
+  console.log("Access token:", response.accessToken);
+  console.log("Account:", response.account);
+} catch (error) {
+  console.error("Token acquisition failed:", error);
+}
+```
+
+### Interactive Authentication
+
+Browser-based interactive authentication flow for desktop applications.
+
+```typescript { .api }
+/**
+ * Request for interactive token acquisition with browser
+ */
+type InteractiveRequest = {
+  /** Function to open browser with authorization URL */
+  openBrowser: (url: string) => Promise<void>;
+  /** Array of scopes the application is requesting access to */
+  scopes?: string[];
+  /** HTML template for success page */
+  successTemplate?: string;
+  /** HTML template for error page */
+  errorTemplate?: string;
+  /** Window handle for desktop applications */
+  windowHandle?: Buffer;
+  /** Custom loopback client for handling redirects */
+  loopbackClient?: ILoopbackClient;
+  /** Additional query parameters for the authorization request */
+  extraQueryParameters?: Record<string, string>;
+  /** Prompt behavior for user interaction */
+  prompt?: PromptValue;
+  /** Login hint for pre-filling username */
+  loginHint?: string;
+  /** Domain hint for federated authentication */
+  domainHint?: string;
+  /** Account to use for authentication */
+  account?: AccountInfo;
+  /** Authority URL to override default */
+  authority?: string;
+  /** Correlation ID for tracking requests */
+  correlationId?: string;
+  /** Claims request for additional token claims */
+  claims?: string;
+};
+```
+
+**Usage Example:**
+
+```typescript
+import { open } from "open"; // For opening browser
+
+const interactiveRequest = {
+  scopes: ["user.read"],
+  openBrowser: async (url: string) => {
+    await open(url);
+  },
+  successTemplate: "<h1>Authentication successful! You can close this window.</h1>",
+  errorTemplate: "<h1>Authentication failed. Please try again.</h1>"
+};
+
+try {
+  const response = await pca.acquireTokenInteractive(interactiveRequest);
+  console.log("Access token:", response.accessToken);
+} catch (error) {
+  console.error("Interactive authentication failed:", error);
+}
+```
+
+### Device Code Flow
+
+OAuth 2.0 device code flow for devices with limited input capabilities.
+
+```typescript { .api }
+/**
+ * Request for device code flow authentication
+ */
+type DeviceCodeRequest = {
+  /** Array of scopes the application is requesting access to */
+  scopes: string[];
+  /** Callback function to display device code to user */
+  deviceCodeCallback: (response: DeviceCodeResponse) => void;
+  /** Flag to cancel the device code flow polling */
+  cancel?: boolean;
+  /** Authority URL to override default */
+  authority?: string;
+  /** Correlation ID for tracking requests */
+  correlationId?: string;
+  /** Additional query parameters for the device authorization request */
+  extraQueryParameters?: Record<string, string>;
+  /** Claims request for additional token claims */
+  claims?: string;
+};
+
+/**
+ * Response containing device code information for user
+ */
+type DeviceCodeResponse = {
+  /** Device code for internal polling */
+  deviceCode: string;
+  /** User-friendly code to display to user */
+  userCode: string;
+  /** URL where user should navigate to enter the user code */
+  verificationUri: string;
+  /** Complete verification URL including user code (optional) */
+  verificationUriComplete?: string;
+  /** Number of seconds the device code is valid */
+  expiresIn: number;
+  /** Minimum number of seconds to wait between polling requests */
+  interval: number;
+  /** Message to display to user */
+  message: string;
+};
+```
+
+**Usage Example:**
+
+```typescript
+const deviceCodeRequest = {
+  scopes: ["user.read"],
+  deviceCodeCallback: (response) => {
+    console.log("Please visit:", response.verificationUri);
+    console.log("And enter code:", response.userCode);
+    console.log("Or visit:", response.verificationUriComplete);
+  }
+};
+
+try {
+  const response = await pca.acquireTokenByDeviceCode(deviceCodeRequest);
+  if (response) {
+    console.log("Access token:", response.accessToken);
+  }
+} catch (error) {
+  console.error("Device code authentication failed:", error);
+}
+```
+
+### Silent Token Acquisition
+
+Silent token acquisition from cache or using refresh tokens.
+
+```typescript { .api }
+/**
+ * Request for silent token acquisition from cache
+ */
+type SilentFlowRequest = {
+  /** Account to acquire token for */
+  account: AccountInfo;
+  /** Array of scopes the application is requesting access to */
+  scopes: string[];
+  /** Force refresh from authority instead of using cache */
+  forceRefresh?: boolean;
+  /** Authority URL to override default */
+  authority?: string;
+  /** Correlation ID for tracking requests */
+  correlationId?: string;
+  /** Claims request for additional token claims */
+  claims?: string;
+};
+```
+
+**Usage Example:**
+
+```typescript
+// Get accounts from cache
+const accounts = await pca.getAllAccounts();
+
+if (accounts.length > 0) {
+  const silentRequest = {
+    account: accounts[0],
+    scopes: ["user.read"],
+    forceRefresh: false // Use cache if available
+  };
+
+  try {
+    const response = await pca.acquireTokenSilent(silentRequest);
+    console.log("Access token from cache:", response.accessToken);
+  } catch (error) {
+    // Silent acquisition failed, fall back to interactive
+    console.log("Silent acquisition failed, using interactive flow");
+  }
+}
+```
+
+### Sign Out
+
+Sign out functionality to clear user session and cache.
+
+```typescript { .api }
+/**
+ * Request to sign out user
+ */
+type SignOutRequest = {
+  /** Account to sign out */
+  account: AccountInfo;
+  /** Post logout redirect URI */
+  postLogoutRedirectUri?: string;
+  /** Correlation ID for tracking requests */
+  correlationId?: string;
+};
+```
+
+**Usage Example:**
+
+```typescript
+const accounts = await pca.getAllAccounts();
+
+if (accounts.length > 0) {
+  const signOutRequest = {
+    account: accounts[0],
+    postLogoutRedirectUri: "http://localhost:3000/signedout"
+  };
+
+  try {
+    await pca.signOut(signOutRequest);
+    console.log("User signed out successfully");
+  } catch (error) {
+    console.error("Sign out failed:", error);
+  }
+}
+```
+
+## Additional Features
+
+### Account Management
+
+```typescript { .api }
+/** Get all cached accounts */
+getAllAccounts(): Promise<AccountInfo[]>;
+
+/** Clear all cache entries */
+clearCache(): void;
+```
+
+### Logger Configuration
+
+```typescript { .api }
+/** Get current logger instance */
+getLogger(): Logger;
+
+/** Set new logger instance */
+setLogger(logger: Logger): void;
+```
+
+### Token Cache Access
+
+```typescript { .api }
+/** Get token cache instance for advanced operations */
+getTokenCache(): TokenCache;
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-azure--msal-node/docs/token-cache.md b/.tessl/tiles/tessl/npm-azure--msal-node/docs/token-cache.md
new file mode 100644
index 000000000..6b8fc3cfe
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-azure--msal-node/docs/token-cache.md
@@ -0,0 +1,681 @@
+# Token Cache Management
+
+MSAL Node provides a comprehensive token caching system that stores authentication artifacts in memory with support for serialization, distributed caching, and custom cache plugins. The cache system improves performance by avoiding unnecessary network requests and enables silent token acquisition.
+
+## Capabilities
+
+### TokenCache Class
+
+Main token cache implementation providing in-memory storage with serialization support.
+
+```typescript { .api }
+/**
+ * Token cache interface for basic cache operations
+ */
+interface ITokenCache {
+  /** Get all cached accounts */
+  getAllAccounts(): Promise<AccountInfo[]>;
+  /** Get account by home account ID */
+  getAccountByHomeId(homeAccountId: string): Promise<AccountInfo | null>;
+  /** Get account by local account ID */
+  getAccountByLocalId(localAccountId: string): Promise<AccountInfo | null>;
+  /** Remove account and associated tokens from cache */
+  removeAccount(account: AccountInfo): Promise<void>;
+}
+
+/**
+ * Main token cache class with serialization support
+ */
+class TokenCache implements ITokenCache, ISerializableTokenCache {
+  /** Get all cached accounts */
+  getAllAccounts(): Promise<AccountInfo[]>;
+  
+  /** Get account by home account ID */
+  getAccountByHomeId(homeAccountId: string): Promise<AccountInfo | null>;
+  
+  /** Get account by local account ID */
+  getAccountByLocalId(localAccountId: string): Promise<AccountInfo | null>;
+  
+  /** Remove account and associated tokens from cache */
+  removeAccount(account: AccountInfo): Promise<void>;
+  
+  /** Serialize cache to JSON string */
+  serialize(): Promise<string>;
+  
+  /** Deserialize cache from JSON string */
+  deserialize(cache: string): Promise<void>;
+  
+  /** Get all cached access tokens */
+  getAllAccessTokens(): Promise<AccessTokenEntity[]>;
+  
+  /** Get all cached refresh tokens */
+  getAllRefreshTokens(): Promise<RefreshTokenEntity[]>;
+  
+  /** Get all cached ID tokens */
+  getAllIdTokens(): Promise<IdTokenEntity[]>;
+  
+  /** Clear all cache entries */
+  clear(): Promise<void>;
+}
+```
+
+**Usage Example:**
+
+```typescript
+import { PublicClientApplication } from "@azure/msal-node";
+
+const pca = new PublicClientApplication({
+  auth: {
+    clientId: "your-client-id"
+  }
+});
+
+// Get token cache instance
+const cache = pca.getTokenCache();
+
+// Get all accounts
+const accounts = await cache.getAllAccounts();
+console.log("Cached accounts:", accounts.length);
+
+// Get specific account
+if (accounts.length > 0) {
+  const account = await cache.getAccountByHomeId(accounts[0].homeAccountId);
+  console.log("Account:", account?.username);
+}
+
+// Remove account from cache
+if (accounts.length > 0) {
+  await cache.removeAccount(accounts[0]);
+  console.log("Account removed from cache");
+}
+```
+
+### Cache Serialization
+
+Serialize and deserialize cache for persistent storage.
+
+```typescript { .api }
+/**
+ * Interface for serializable token cache
+ */
+interface ISerializableTokenCache {
+  /** Serialize cache to JSON string */
+  serialize(): Promise<string>;
+  /** Deserialize cache from JSON string */
+  deserialize(cache: string): Promise<void>;
+}
+
+/**
+ * Cache serialization types
+ */
+type JsonCache = {
+  /** Account entities indexed by key */
+  Account: Record<string, SerializedAccountEntity>;
+  /** ID token entities indexed by key */
+  IdToken: Record<string, SerializedIdTokenEntity>;
+  /** Access token entities indexed by key */
+  AccessToken: Record<string, SerializedAccessTokenEntity>;
+  /** Refresh token entities indexed by key */
+  RefreshToken: Record<string, SerializedRefreshTokenEntity>;
+  /** App metadata entities indexed by key */
+  AppMetadata: Record<string, SerializedAppMetadataEntity>;
+};
+
+/**
+ * In-memory cache representation
+ */
+type InMemoryCache = {
+  /** Account entities */
+  accounts: Record<string, AccountEntity>;
+  /** ID token entities */
+  idTokens: Record<string, IdTokenEntity>;
+  /** Access token entities */
+  accessTokens: Record<string, AccessTokenEntity>;
+  /** Refresh token entities */
+  refreshTokens: Record<string, RefreshTokenEntity>;
+  /** App metadata entities */
+  appMetadata: Record<string, AppMetadataEntity>;
+};
+
+/**
+ * Key-value store for cache operations
+ */
+type CacheKVStore = Record<string, ValidCacheType>;
+
+/**
+ * Valid cache value types
+ */
+type ValidCacheType = 
+  | AccountEntity 
+  | IdTokenEntity 
+  | AccessTokenEntity 
+  | RefreshTokenEntity 
+  | AppMetadataEntity;
+```
+
+**Usage Example:**
+
+```typescript
+import fs from "fs/promises";
+
+const cache = pca.getTokenCache();
+
+// Serialize cache to file
+const serializedCache = await cache.serialize();
+await fs.writeFile("./token-cache.json", serializedCache);
+console.log("Cache saved to file");
+
+// Load cache from file
+try {
+  const cacheData = await fs.readFile("./token-cache.json", "utf8");
+  await cache.deserialize(cacheData);
+  console.log("Cache loaded from file");
+} catch (error) {
+  console.log("No existing cache file found");
+}
+
+// Clear cache
+await cache.clear();
+console.log("Cache cleared");
+```
+
+### Serialized Entity Types
+
+Detailed structure of cached entities for serialization.
+
+```typescript { .api }
+/**
+ * Serialized account entity
+ */
+type SerializedAccountEntity = {
+  /** Home account ID (user identifier across tenants) */
+  home_account_id: string;
+  /** Environment (authority host) */
+  environment: string;
+  /** Realm (tenant ID) */
+  realm: string;
+  /** Local account ID (user identifier within tenant) */
+  local_account_id: string;
+  /** Username (UPN or email) */
+  username: string;
+  /** Account type */
+  authority_type: string;
+  /** Display name */
+  name?: string;
+  /** Last modification timestamp */
+  last_modification_time?: string;
+  /** Additional client info */
+  client_info?: string;
+};
+
+/**
+ * Serialized ID token entity
+ */
+type SerializedIdTokenEntity = {
+  /** Home account ID */
+  home_account_id: string;
+  /** Environment */
+  environment: string;
+  /** Credential type */
+  credential_type: string;
+  /** Client ID */
+  client_id: string;
+  /** ID token JWT */
+  secret: string;
+  /** Realm */
+  realm: string;
+};
+
+/**
+ * Serialized access token entity
+ */
+type SerializedAccessTokenEntity = {
+  /** Home account ID */
+  home_account_id: string;
+  /** Environment */
+  environment: string;
+  /** Credential type */
+  credential_type: string;
+  /** Client ID */
+  client_id: string;
+  /** Access token */
+  secret: string;
+  /** Realm */
+  realm: string;
+  /** Target scopes */
+  target: string;
+  /** Expiration timestamp */
+  expires_on: string;
+  /** Extended expiration timestamp */
+  extended_expires_on?: string;
+  /** Cached at timestamp */
+  cached_at: string;
+  /** Token type (Bearer) */
+  token_type?: string;
+  /** Key ID for key-based tokens */
+  key_id?: string;
+};
+
+/**
+ * Serialized refresh token entity
+ */
+type SerializedRefreshTokenEntity = {
+  /** Home account ID */
+  home_account_id: string;
+  /** Environment */
+  environment: string;
+  /** Credential type */
+  credential_type: string;
+  /** Client ID */
+  client_id: string;
+  /** Refresh token */
+  secret: string;
+  /** Family ID for family of client IDs */
+  family_id?: string;
+  /** Target scopes */
+  target?: string;
+  /** Realm */
+  realm?: string;
+};
+
+/**
+ * Serialized app metadata entity
+ */
+type SerializedAppMetadataEntity = {
+  /** Client ID */
+  client_id: string;
+  /** Environment */
+  environment: string;
+  /** Family ID */
+  family_id?: string;
+};
+```
+
+### Cache Plugin System
+
+Pluggable cache system for custom storage backends.
+
+```typescript { .api }
+/**
+ * Cache plugin interface for custom cache implementations
+ */
+interface ICachePlugin {
+  /** Called before cache access */
+  beforeCacheAccess(tokenCacheContext: TokenCacheContext): Promise<void>;
+  /** Called after cache access */
+  afterCacheAccess(tokenCacheContext: TokenCacheContext): Promise<void>;
+}
+
+/**
+ * Token cache context provided to cache plugins
+ */
+type TokenCacheContext = {
+  /** Token cache instance */
+  tokenCache: ISerializableTokenCache;
+  /** Whether cache has changed */
+  hasChanged: boolean;
+  /** Client ID of the application */
+  clientId: string;
+  /** Account information if available */
+  account?: AccountInfo;
+  /** Requested scopes */
+  scopes?: string[];
+};
+
+/**
+ * Cache options for configuring cache behavior
+ */
+type CacheOptions = {
+  /** Cache plugin for custom storage */
+  cachePlugin?: ICachePlugin;
+  /** 
+   * @deprecated claims-based-caching functionality will be removed in the next version
+   */
+  claimsBasedCachingEnabled?: boolean;
+};
+```
+
+**Usage Example:**
+
+```typescript
+import fs from "fs/promises";
+
+// Custom file-based cache plugin
+class FileCachePlugin implements ICachePlugin {
+  private cacheFilePath = "./msal-cache.json";
+
+  async beforeCacheAccess(cacheContext: TokenCacheContext): Promise<void> {
+    try {
+      const cacheData = await fs.readFile(this.cacheFilePath, "utf8");
+      await cacheContext.tokenCache.deserialize(cacheData);
+    } catch (error) {
+      // Cache file doesn't exist yet
+      console.log("No existing cache file found");
+    }
+  }
+
+  async afterCacheAccess(cacheContext: TokenCacheContext): Promise<void> {
+    if (cacheContext.hasChanged) {
+      const serializedCache = await cacheContext.tokenCache.serialize();
+      await fs.writeFile(this.cacheFilePath, serializedCache);
+      console.log("Cache updated and saved to file");
+    }
+  }
+}
+
+// Use custom cache plugin
+const pca = new PublicClientApplication({
+  auth: {
+    clientId: "your-client-id"
+  },
+  cache: {
+    cachePlugin: new FileCachePlugin()
+  }
+});
+```
+
+### Distributed Cache Support
+
+Distributed cache plugin for Redis and other external cache systems.
+
+```typescript { .api }
+/**
+ * Interface for external cache clients (Redis, etc.)
+ */
+interface ICacheClient {
+  /** Retrieve value from cache using key */
+  get(key: string): Promise<string>;
+  /** Save value to cache using key */
+  set(key: string, value: string): Promise<string>;
+}
+
+/**
+ * Interface for cache partitioning strategies
+ */
+interface IPartitionManager {
+  /** Get partition key for current context */
+  getKey(): Promise<string>;
+  /** Extract partition key from account entity */
+  extractKey(accountEntity: AccountEntity): Promise<string>;
+}
+
+/**
+ * Distributed cache plugin for external cache systems like Redis, DynamoDB, etc.
+ */
+class DistributedCachePlugin implements ICachePlugin {
+  constructor(client: ICacheClient, partitionManager: IPartitionManager);
+  
+  /** Called before cache access to deserialize from external cache */
+  beforeCacheAccess(cacheContext: TokenCacheContext): Promise<void>;
+  
+  /** Called after cache access to serialize to external cache */
+  afterCacheAccess(cacheContext: TokenCacheContext): Promise<void>;
+}
+```
+
+**Usage Example:**
+
+```typescript
+import Redis from "ioredis";
+
+// Redis cache client implementation
+class RedisCacheClient implements ICacheClient {
+  private redis: Redis;
+
+  constructor(redisUrl: string) {
+    this.redis = new Redis(redisUrl);
+  }
+
+  async get(key: string): Promise<string | null> {
+    return await this.redis.get(key);
+  }
+
+  async set(key: string, value: string): Promise<void> {
+    await this.redis.set(key, value, "EX", 3600); // 1 hour expiration
+  }
+}
+
+// Simple partition manager
+class SimplePartitionManager implements IPartitionManager {
+  private clientId: string;
+
+  constructor(clientId: string) {
+    this.clientId = clientId;
+  }
+
+  getKey(): string {
+    return `msal-cache:${this.clientId}`;
+  }
+
+  extractKey(accountEntity: AccountEntity): string {
+    return `msal-cache:${this.clientId}:${accountEntity.homeAccountId}`;
+  }
+}
+
+// Use distributed cache
+const redisClient = new RedisCacheClient("redis://localhost:6379");
+const partitionManager = new SimplePartitionManager("your-client-id");
+const distributedCachePlugin = new DistributedCachePlugin(redisClient, partitionManager);
+
+const pca = new PublicClientApplication({
+  auth: {
+    clientId: "your-client-id"
+  },
+  cache: {
+    cachePlugin: distributedCachePlugin
+  }
+});
+```
+
+### Account Management
+
+Advanced account management operations.
+
+```typescript { .api }
+/**
+ * Account information structure
+ */
+type AccountInfo = {
+  /** Home account ID (unique across tenants) */
+  homeAccountId: string;
+  /** Environment (authority host) */
+  environment: string;
+  /** Tenant ID */
+  tenantId: string;
+  /** Username (UPN or email) */
+  username: string;
+  /** Local account ID (unique within tenant) */
+  localAccountId: string;
+  /** Display name */
+  name?: string;
+  /** ID token claims */
+  idTokenClaims?: IdTokenClaims;
+};
+
+/**
+ * ID token claims structure
+ */
+type IdTokenClaims = {
+  /** Issuer */
+  iss?: string;
+  /** Subject (user ID) */
+  sub?: string;
+  /** Audience */
+  aud?: string;
+  /** Expiration time */
+  exp?: number;
+  /** Issued at time */
+  iat?: number;
+  /** Authentication time */
+  auth_time?: number;
+  /** Nonce */
+  nonce?: string;
+  /** Preferred username */
+  preferred_username?: string;
+  /** Name */
+  name?: string;
+  /** Email */
+  email?: string;
+  /** Object ID */
+  oid?: string;
+  /** Tenant ID */
+  tid?: string;
+  /** Version */
+  ver?: string;
+};
+```
+
+**Usage Example:**
+
+```typescript
+// Account management operations
+const accounts = await cache.getAllAccounts();
+
+// Filter accounts by tenant
+const tenantAccounts = accounts.filter(account => 
+  account.tenantId === "specific-tenant-id"
+);
+
+// Find account by username
+const userAccount = accounts.find(account => 
+  account.username === "user@domain.com"
+);
+
+// Get detailed account information
+if (userAccount) {
+  console.log("Account details:");
+  console.log("- Home Account ID:", userAccount.homeAccountId);
+  console.log("- Tenant ID:", userAccount.tenantId);
+  console.log("- Username:", userAccount.username);
+  console.log("- Display Name:", userAccount.name);
+  
+  if (userAccount.idTokenClaims) {
+    console.log("- Email:", userAccount.idTokenClaims.email);
+    console.log("- Object ID:", userAccount.idTokenClaims.oid);
+  }
+}
+
+// Remove specific account
+if (userAccount) {
+  await cache.removeAccount(userAccount);
+  console.log("Account removed from cache");
+}
+```
+
+### Cache Performance Optimization
+
+Best practices for cache performance and management.
+
+```typescript { .api }
+/**
+ * Cache performance considerations
+ */
+type CachePerformanceOptions = {
+  /** Enable cache compression */
+  enableCompression?: boolean;
+  /** Cache size limits */
+  maxCacheSize?: number;
+  /** Token expiration buffer */
+  expirationBuffer?: number;
+  /** Cleanup interval */
+  cleanupInterval?: number;
+};
+```
+
+**Usage Example:**
+
+```typescript
+// High-performance cache plugin with compression and cleanup
+class OptimizedCachePlugin implements ICachePlugin {
+  private cacheFile = "./optimized-cache.json";
+  private lastCleanup = Date.now();
+  private cleanupInterval = 60000; // 1 minute
+
+  async beforeCacheAccess(cacheContext: TokenCacheContext): Promise<void> {
+    // Periodic cleanup of expired tokens
+    if (Date.now() - this.lastCleanup > this.cleanupInterval) {
+      await this.cleanupExpiredTokens(cacheContext);
+      this.lastCleanup = Date.now();
+    }
+
+    // Load cache from file
+    try {
+      const cacheData = await fs.readFile(this.cacheFile, "utf8");
+      await cacheContext.tokenCache.deserialize(cacheData);
+    } catch (error) {
+      // No cache file exists
+    }
+  }
+
+  async afterCacheAccess(cacheContext: TokenCacheContext): Promise<void> {
+    if (cacheContext.hasChanged) {
+      const serializedCache = await cacheContext.tokenCache.serialize();
+      
+      // Compress cache data (optional)
+      const compressedCache = this.compressCache(serializedCache);
+      
+      await fs.writeFile(this.cacheFile, compressedCache);
+    }
+  }
+
+  private async cleanupExpiredTokens(cacheContext: TokenCacheContext): Promise<void> {
+    // Implementation to remove expired access tokens
+    const accessTokens = await cacheContext.tokenCache.getAllAccessTokens();
+    const now = Date.now() / 1000;
+
+    for (const token of accessTokens) {
+      if (token.expiresOn && parseInt(token.expiresOn) < now) {
+        // Remove expired token
+        console.log("Removing expired token");
+      }
+    }
+  }
+
+  private compressCache(cache: string): string {
+    // Optional: implement compression
+    return cache;
+  }
+}
+```
+
+## Cache Storage Patterns
+
+### In-Memory Only
+
+```typescript
+// Default behavior - cache only exists in memory
+const pca = new PublicClientApplication({
+  auth: { clientId: "your-client-id" }
+  // No cache plugin = in-memory only
+});
+```
+
+### File-Based Persistence
+
+```typescript
+// File-based cache for desktop applications
+const pca = new PublicClientApplication({
+  auth: { clientId: "your-client-id" },
+  cache: { cachePlugin: new FileCachePlugin() }
+});
+```
+
+### Distributed Cache
+
+```typescript
+// Redis-based cache for scalable web applications
+const pca = new PublicClientApplication({
+  auth: { clientId: "your-client-id" },
+  cache: { cachePlugin: new DistributedCachePlugin(redisClient, partitionManager) }
+});
+```
+
+### Encrypted Cache
+
+```typescript
+// Encrypted file cache for sensitive environments
+const pca = new PublicClientApplication({
+  auth: { clientId: "your-client-id" },
+  cache: { cachePlugin: new EncryptedFileCachePlugin(encryptionKey) }
+});
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-azure--msal-node/tile.json b/.tessl/tiles/tessl/npm-azure--msal-node/tile.json
new file mode 100644
index 000000000..9c4e5dbe2
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-azure--msal-node/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-azure--msal-node",
+  "version": "3.7.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/@azure/msal-node@3.7.3",
+  "summary": "Microsoft Authentication Library for Node - A comprehensive Node.js authentication library for Microsoft identity platform supporting multiple OAuth 2.0 flows"
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-chart-js/docs/chart-management.md b/.tessl/tiles/tessl/npm-chart-js/docs/chart-management.md
new file mode 100644
index 000000000..7f54dae45
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-chart-js/docs/chart-management.md
@@ -0,0 +1,346 @@
+# Chart Management
+
+Core Chart class functionality for creating, updating, and managing chart instances.
+
+## Capabilities
+
+### Chart Constructor
+
+Creates a new chart instance on a canvas element.
+
+```javascript { .api }
+/**
+ * Creates a new chart instance
+ * @param item - Canvas element, context, string ID, or other chart item
+ * @param config - Chart configuration object
+ */
+constructor(
+  item: ChartItem,
+  config: ChartConfiguration
+): Chart;
+```
+
+**Usage Example:**
+
+```javascript
+import { Chart } from "chart.js";
+
+const ctx = document.getElementById('myChart').getContext('2d');
+const chart = new Chart(ctx, {
+  type: 'bar',
+  data: {
+    labels: ['A', 'B', 'C'],
+    datasets: [{
+      label: 'Dataset 1',
+      data: [1, 2, 3]
+    }]
+  },
+  options: {
+    responsive: true
+  }
+});
+```
+
+### Update Chart
+
+Updates the chart with new data or configuration changes.
+
+```javascript { .api }
+/**
+ * Updates the chart
+ * @param mode - Animation mode for the update
+ * @returns void
+ */
+update(mode?: UpdateMode): void;
+```
+
+**Usage Example:**
+
+```javascript
+// Update chart data
+chart.data.datasets[0].data = [4, 5, 6];
+chart.update('active'); // Animates the update
+
+// Update without animation
+chart.update('none');
+```
+
+### Render Chart
+
+Triggers a re-render of the chart.
+
+```javascript { .api }
+/**
+ * Renders the chart
+ * @returns void
+ */
+render(): void;
+```
+
+### Draw Chart
+
+Draws the chart without animation.
+
+```javascript { .api }
+/**
+ * Draws the chart without animation
+ * @returns void
+ */
+draw(): void;
+```
+
+### Resize Chart
+
+Resizes the chart to fit its container or specified dimensions.
+
+```javascript { .api }
+/**
+ * Resizes the chart
+ * @param width - Optional new width
+ * @param height - Optional new height
+ * @returns void
+ */
+resize(width?: number, height?: number): void;
+```
+
+### Clear Chart
+
+Clears the chart canvas.
+
+```javascript { .api }
+/**
+ * Clears the chart canvas
+ * @returns Chart instance for chaining
+ */
+clear(): this;
+```
+
+### Reset Chart
+
+Resets the chart to its initial state.
+
+```javascript { .api }
+/**
+ * Resets the chart to initial state
+ * @returns void
+ */
+reset(): void;
+```
+
+### Stop Animations
+
+Stops all current animations.
+
+```javascript { .api }
+/**
+ * Stops all chart animations
+ * @returns Chart instance for chaining
+ */
+stop(): this;
+```
+
+### Destroy Chart
+
+Destroys the chart instance and cleans up resources.
+
+```javascript { .api }
+/**
+ * Destroys the chart instance
+ * @returns void
+ */
+destroy(): void;
+```
+
+**Usage Example:**
+
+```javascript
+// Clean up when done
+chart.destroy();
+```
+
+### Export Image
+
+Exports the chart as a base64 encoded image.
+
+```javascript { .api }
+/**
+ * Exports chart as base64 image
+ * @param type - Image MIME type (default: 'image/png')
+ * @param quality - Image quality for lossy formats
+ * @returns Base64 encoded image string
+ */
+toBase64Image(type?: string, quality?: unknown): string;
+```
+
+**Usage Example:**
+
+```javascript
+// Export as PNG
+const pngImage = chart.toBase64Image();
+
+// Export as JPEG with quality
+const jpegImage = chart.toBase64Image('image/jpeg', 0.8);
+```
+
+### Element Visibility
+
+Control visibility of chart elements.
+
+```javascript { .api }
+/**
+ * Hides chart elements
+ * @param datasetIndex - Index of dataset
+ * @param dataIndex - Optional index of specific data point
+ * @returns void
+ */
+hide(datasetIndex: number, dataIndex?: number): void;
+
+/**
+ * Shows chart elements
+ * @param datasetIndex - Index of dataset
+ * @param dataIndex - Optional index of specific data point  
+ * @returns void
+ */
+show(datasetIndex: number, dataIndex?: number): void;
+```
+
+**Usage Example:**
+
+```javascript
+// Hide entire dataset
+chart.hide(0);
+
+// Hide specific data point
+chart.hide(0, 2);
+
+// Show dataset
+chart.show(0);
+```
+
+### Active Elements
+
+Get and set active (highlighted) chart elements.
+
+```javascript { .api }
+/**
+ * Gets currently active elements
+ * @returns Array of active elements
+ */
+getActiveElements(): ActiveElement[];
+
+/**
+ * Sets active elements
+ * @param active - Array of data points to make active
+ * @returns void
+ */
+setActiveElements(active: ActiveDataPoint[]): void;
+```
+
+### Static Methods
+
+Class-level methods for chart management.
+
+```javascript { .api }
+/**
+ * Gets chart instance by key
+ * @param key - Chart ID, canvas element, or context
+ * @returns Chart instance or undefined
+ */
+static getChart(key: string | CanvasRenderingContext2D | HTMLCanvasElement): Chart | undefined;
+
+/**
+ * Registers chart components
+ * @param items - Components to register
+ * @returns void
+ */
+static register(...items: ChartComponentLike[]): void;
+
+/**
+ * Unregisters chart components
+ * @param items - Components to unregister
+ * @returns void
+ */
+static unregister(...items: ChartComponentLike[]): void;
+```
+
+**Usage Example:**
+
+```javascript
+import { Chart, LinearScale, CategoryScale } from 'chart.js';
+
+// Register components
+Chart.register(LinearScale, CategoryScale);
+
+// Get chart by canvas ID
+const chart = Chart.getChart('myCanvas');
+```
+
+### Instance Properties
+
+Key properties available on chart instances.
+
+```javascript { .api }
+interface Chart {
+  // Read-only properties
+  readonly id: string;
+  readonly canvas: HTMLCanvasElement;
+  readonly ctx: CanvasRenderingContext2D;
+  readonly platform: BasePlatform;
+  readonly config: ChartConfiguration;
+  readonly scales: { [key: string]: Scale };
+  
+  // Mutable properties
+  data: ChartData;
+  options: ChartOptions;
+}
+```
+
+### Static Properties
+
+Class-level properties and registries.
+
+```javascript { .api }
+interface ChartStatic {
+  defaults: Defaults;
+  overrides: Overrides;
+  version: string;
+  instances: { [key: string]: Chart };
+  registry: Registry;
+}
+```
+
+## Types
+
+```javascript { .api }
+type UpdateMode = 'resize' | 'reset' | 'none' | 'hide' | 'show' | 'default' | 'active';
+
+interface ActiveElement {
+  datasetIndex: number;
+  index: number;
+  element: Element;
+}
+
+interface ActiveDataPoint {
+  datasetIndex: number;
+  index: number;
+}
+
+interface ChartConfiguration<TType extends ChartType = ChartType, TData = DefaultDataPoint<TType>, TLabel = unknown> {
+  type: TType;
+  data: ChartData<TType, TData, TLabel>;
+  options?: ChartOptions<TType>;
+  plugins?: Plugin[];
+}
+
+interface ChartData<TType extends ChartType = ChartType, TData = DefaultDataPoint<TType>, TLabel = unknown> {
+  labels?: TLabel[];
+  datasets: ChartDataset<TType, TData>[];
+}
+
+type ChartItem =
+  | string
+  | CanvasRenderingContext2D
+  | HTMLCanvasElement
+  | { canvas: HTMLCanvasElement }
+  | ArrayLike<CanvasRenderingContext2D | HTMLCanvasElement>;
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-chart-js/docs/chart-types.md b/.tessl/tiles/tessl/npm-chart-js/docs/chart-types.md
new file mode 100644
index 000000000..bbf0741ea
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-chart-js/docs/chart-types.md
@@ -0,0 +1,461 @@
+# Chart Types
+
+Built-in chart type controllers for different visualization patterns. Each controller handles dataset-specific data processing, element creation, and interaction handling.
+
+## Capabilities
+
+### Bar Charts
+
+Creates bar and column charts for categorical data comparison.
+
+```javascript { .api }
+class BarController extends DatasetController {
+  static id: 'bar';
+  static defaults: object;
+  static overrides: object;
+}
+
+// Chart configuration
+interface BarChartConfiguration {
+  type: 'bar';
+  data: {
+    labels: string[];
+    datasets: BarDataset[];
+  };
+  options?: BarChartOptions;
+}
+
+interface BarDataset {
+  label?: string;
+  data: number[];
+  backgroundColor?: Color | Color[];
+  borderColor?: Color | Color[];
+  borderWidth?: number | number[];
+  borderRadius?: number | BorderRadius | (number | BorderRadius)[];
+  borderSkipped?: string | string[];
+  base?: number | number[];
+  grouped?: boolean;
+  indexAxis?: 'x' | 'y';
+  maxBarThickness?: number;
+  minBarLength?: number;
+  order?: number;
+  stack?: string;
+}
+```
+
+**Usage Example:**
+
+```javascript
+const config = {
+  type: 'bar',
+  data: {
+    labels: ['January', 'February', 'March', 'April', 'May', 'June'],
+    datasets: [{
+      label: 'Sales',
+      data: [12, 19, 3, 5, 2, 3],
+      backgroundColor: 'rgba(75, 192, 192, 0.2)',
+      borderColor: 'rgba(75, 192, 192, 1)',
+      borderWidth: 1
+    }]
+  },
+  options: {
+    scales: {
+      y: {
+        beginAtZero: true
+      }
+    }
+  }
+};
+```
+
+### Line Charts
+
+Creates line charts for showing trends over continuous data.
+
+```javascript { .api }
+class LineController extends DatasetController {
+  static id: 'line';
+  static defaults: object;
+  static overrides: object;
+}
+
+// Chart configuration
+interface LineChartConfiguration {
+  type: 'line';
+  data: {
+    labels: string[];
+    datasets: LineDataset[];
+  };
+  options?: LineChartOptions;
+}
+
+interface LineDataset {
+  label?: string;
+  data: (number | Point)[];
+  backgroundColor?: Color;
+  borderColor?: Color;
+  borderWidth?: number;
+  borderDash?: number[];
+  borderDashOffset?: number;
+  borderCapStyle?: CanvasLineCap;
+  borderJoinStyle?: CanvasLineJoin;
+  cubicInterpolationMode?: 'default' | 'monotone';
+  fill?: boolean | string | number | object;
+  lineTension?: number;
+  pointBackgroundColor?: Color | Color[];
+  pointBorderColor?: Color | Color[];
+  pointBorderWidth?: number | number[];
+  pointRadius?: number | number[];
+  pointStyle?: PointStyle | PointStyle[];
+  showLine?: boolean;
+  spanGaps?: boolean | number;
+  stepped?: boolean | 'before' | 'after' | 'middle';
+  tension?: number;
+}
+```
+
+**Usage Example:**
+
+```javascript
+const config = {
+  type: 'line',
+  data: {
+    labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'],
+    datasets: [{
+      label: 'Temperature',
+      data: [20, 25, 22, 28, 24, 30],
+      borderColor: 'rgba(255, 99, 132, 1)',
+      backgroundColor: 'rgba(255, 99, 132, 0.2)',
+      tension: 0.1,
+      fill: true
+    }]
+  }
+};
+```
+
+### Radar Charts
+
+Creates radar charts for multivariate data comparison.
+
+```javascript { .api }
+class RadarController extends DatasetController {
+  static id: 'radar';
+  static defaults: object;
+  static overrides: object;
+}
+
+// Chart configuration
+interface RadarChartConfiguration {
+  type: 'radar';
+  data: {
+    labels: string[];
+    datasets: RadarDataset[];
+  };
+  options?: RadarChartOptions;
+}
+
+interface RadarDataset {
+  label?: string;
+  data: number[];
+  backgroundColor?: Color;
+  borderColor?: Color;
+  borderWidth?: number;
+  borderDash?: number[];
+  borderDashOffset?: number;
+  borderCapStyle?: CanvasLineCap;
+  borderJoinStyle?: CanvasLineJoin;
+  fill?: boolean | string | number;
+  lineTension?: number;
+  pointBackgroundColor?: Color | Color[];
+  pointBorderColor?: Color | Color[];
+  pointBorderWidth?: number | number[];
+  pointRadius?: number | number[];
+  pointStyle?: PointStyle | PointStyle[];
+  tension?: number;
+}
+```
+
+### Doughnut Charts
+
+Creates doughnut charts for proportional data visualization.
+
+```javascript { .api }
+class DoughnutController extends DatasetController {
+  static id: 'doughnut';
+  static defaults: object;
+  static overrides: object;
+}
+
+// Chart configuration
+interface DoughnutChartConfiguration {
+  type: 'doughnut';
+  data: {
+    labels: string[];
+    datasets: DoughnutDataset[];
+  };
+  options?: DoughnutChartOptions;
+}
+
+interface DoughnutDataset {
+  label?: string;
+  data: number[];
+  backgroundColor?: Color | Color[];
+  borderColor?: Color | Color[];
+  borderWidth?: number | number[];
+  borderAlign?: 'center' | 'inner';
+  borderRadius?: number | number[];
+  circumference?: number;
+  clip?: number | object;
+  hoverBackgroundColor?: Color | Color[];
+  hoverBorderColor?: Color | Color[];
+  hoverBorderWidth?: number | number[];
+  hoverOffset?: number | number[];
+  offset?: number | number[];
+  rotation?: number;
+  spacing?: number;
+  weight?: number;
+}
+```
+
+### Pie Charts
+
+Creates pie charts, extends doughnut charts with 100% circumference.
+
+```javascript { .api }
+class PieController extends DoughnutController {
+  static id: 'pie';
+  static defaults: object;
+  static overrides: object;
+}
+
+// Chart configuration
+interface PieChartConfiguration {
+  type: 'pie';
+  data: {
+    labels: string[];
+    datasets: PieDataset[];
+  };
+  options?: PieChartOptions;
+}
+
+// PieDataset extends DoughnutDataset
+type PieDataset = DoughnutDataset;
+```
+
+### Polar Area Charts
+
+Creates polar area charts for proportional data with equal angles.
+
+```javascript { .api }
+class PolarAreaController extends DatasetController {
+  static id: 'polarArea';
+  static defaults: object;
+  static overrides: object;
+}
+
+// Chart configuration
+interface PolarAreaChartConfiguration {
+  type: 'polarArea';
+  data: {
+    labels: string[];
+    datasets: PolarAreaDataset[];
+  };
+  options?: PolarAreaChartOptions;
+}
+
+interface PolarAreaDataset {
+  label?: string;
+  data: number[];
+  backgroundColor?: Color | Color[];
+  borderColor?: Color | Color[];
+  borderWidth?: number | number[];
+  borderAlign?: 'center' | 'inner';
+  hoverBackgroundColor?: Color | Color[];
+  hoverBorderColor?: Color | Color[];
+  hoverBorderWidth?: number | number[];
+}
+```
+
+### Bubble Charts
+
+Creates bubble charts for three-dimensional data visualization.
+
+```javascript { .api }
+class BubbleController extends DatasetController {
+  static id: 'bubble';
+  static defaults: object;
+  static overrides: object;
+}
+
+// Chart configuration
+interface BubbleChartConfiguration {
+  type: 'bubble';
+  data: {
+    datasets: BubbleDataset[];
+  };
+  options?: BubbleChartOptions;
+}
+
+interface BubbleDataset {
+  label?: string;
+  data: BubbleDataPoint[];
+  backgroundColor?: Color | Color[];
+  borderColor?: Color | Color[];
+  borderWidth?: number | number[];
+  hoverBackgroundColor?: Color | Color[];
+  hoverBorderColor?: Color | Color[];
+  hoverBorderWidth?: number | number[];
+  hoverRadius?: number | number[];
+  pointRadius?: number | number[];
+  pointStyle?: PointStyle | PointStyle[];
+  rotation?: number | number[];
+}
+
+interface BubbleDataPoint {
+  x: number;
+  y: number;
+  r: number;
+}
+```
+
+### Scatter Charts
+
+Creates scatter plots, extends line charts without connecting lines.
+
+```javascript { .api }
+class ScatterController extends LineController {
+  static id: 'scatter';
+  static defaults: object;
+  static overrides: object;
+}
+
+// Chart configuration
+interface ScatterChartConfiguration {
+  type: 'scatter';
+  data: {
+    datasets: ScatterDataset[];
+  };
+  options?: ScatterChartOptions;
+}
+
+// ScatterDataset extends LineDataset
+interface ScatterDataset extends LineDataset {
+  data: ScatterDataPoint[];
+  showLine?: boolean; // Typically false for scatter
+}
+
+interface ScatterDataPoint {
+  x: number;
+  y: number;
+}
+```
+
+**Usage Example:**
+
+```javascript
+const config = {
+  type: 'scatter',
+  data: {
+    datasets: [{
+      label: 'Scatter Dataset',
+      data: [{
+        x: -10,
+        y: 0
+      }, {
+        x: 0,
+        y: 10
+      }, {
+        x: 10,
+        y: 5
+      }],
+      backgroundColor: 'rgba(255, 99, 132, 1)'
+    }]
+  },
+  options: {
+    scales: {
+      x: {
+        type: 'linear',
+        position: 'bottom'
+      }
+    }
+  }
+};
+```
+
+## Types
+
+```javascript { .api }
+type ChartType = 'line' | 'bar' | 'radar' | 'doughnut' | 'pie' | 'polarArea' | 'bubble' | 'scatter';
+
+interface DatasetController {
+  static id: string;
+  static defaults: object;
+  static overrides: object;
+  
+  constructor(chart: Chart, datasetIndex: number);
+  
+  initialize(): void;
+  update(mode: UpdateMode): void;
+  draw(): void;
+  reset(): void;
+  destroy(): void;
+}
+
+type Color = string | CanvasGradient | CanvasPattern;
+
+type PointStyle = 'circle' | 'cross' | 'crossRot' | 'dash' | 'line' | 'rect' | 'rectRounded' | 'rectRot' | 'star' | 'triangle' | HTMLImageElement | HTMLCanvasElement;
+
+interface BorderRadius {
+  topLeft: number;
+  topRight: number;
+  bottomLeft: number;
+  bottomRight: number;
+}
+
+interface Point {
+  x: number;
+  y: number;
+}
+
+// Chart-specific options interfaces
+interface BarChartOptions extends ChartOptions<'bar'> {
+  indexAxis?: 'x' | 'y';
+  skipNull?: boolean;
+  grouped?: boolean;
+  maxBarThickness?: number;
+  categoryPercentage?: number;
+  barPercentage?: number;
+}
+
+interface LineChartOptions extends ChartOptions<'line'> {
+  showLine?: boolean;
+  spanGaps?: boolean | number;
+}
+
+interface RadarChartOptions extends ChartOptions<'radar'> {
+  scale?: RadialLinearScaleOptions;
+}
+
+interface DoughnutChartOptions extends ChartOptions<'doughnut'> {
+  circumference?: number;
+  rotation?: number;
+  cutout?: number | string;
+  radius?: number | string;
+}
+
+interface PieChartOptions extends DoughnutChartOptions {
+  // Inherits from DoughnutChartOptions
+}
+
+interface PolarAreaChartOptions extends ChartOptions<'polarArea'> {
+  scale?: RadialLinearScaleOptions;
+}
+
+interface BubbleChartOptions extends ChartOptions<'bubble'> {
+  // Extends base chart options
+}
+
+interface ScatterChartOptions extends LineChartOptions {
+  showLine?: false; // Typically false for scatter
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-chart-js/docs/index.md b/.tessl/tiles/tessl/npm-chart-js/docs/index.md
new file mode 100644
index 000000000..32a604bda
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-chart-js/docs/index.md
@@ -0,0 +1,291 @@
+# Chart.js
+
+Chart.js is a comprehensive JavaScript charting library that enables developers to create responsive, interactive HTML5 charts using the Canvas element. It provides a wide variety of chart types including line, bar, radar, doughnut, pie, polar area, bubble, and scatter charts with extensive customization options for colors, animations, tooltips, legends, and data interactions.
+
+## Package Information
+
+- **Package Name**: chart.js
+- **Package Type**: npm
+- **Language**: JavaScript/TypeScript
+- **Installation**: `npm install chart.js`
+
+## Core Imports
+
+```javascript
+import { Chart } from "chart.js";
+```
+
+Import with auto-registration of all components:
+
+```javascript
+import Chart from "chart.js/auto";
+```
+
+For tree-shaking, import components selectively:
+
+```javascript
+import {
+  Chart,
+  CategoryScale,
+  LinearScale,
+  BarElement,
+  Title,
+  Tooltip,
+  Legend,
+} from "chart.js";
+
+Chart.register(CategoryScale, LinearScale, BarElement, Title, Tooltip, Legend);
+```
+
+CommonJS:
+
+```javascript
+const { Chart } = require("chart.js");
+```
+
+## Basic Usage
+
+```javascript
+import { Chart } from "chart.js/auto";
+
+// Create a basic bar chart
+const ctx = document.getElementById('myChart').getContext('2d');
+const myChart = new Chart(ctx, {
+  type: 'bar',
+  data: {
+    labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
+    datasets: [{
+      label: '# of Votes',
+      data: [12, 19, 3, 5, 2, 3],
+      backgroundColor: [
+        'rgba(255, 99, 132, 0.2)',
+        'rgba(54, 162, 235, 0.2)',
+        'rgba(255, 205, 86, 0.2)',
+        'rgba(75, 192, 192, 0.2)',
+        'rgba(153, 102, 255, 0.2)',
+        'rgba(255, 159, 64, 0.2)'
+      ],
+      borderColor: [
+        'rgba(255, 99, 132, 1)',
+        'rgba(54, 162, 235, 1)',
+        'rgba(255, 205, 86, 1)',
+        'rgba(75, 192, 192, 1)',
+        'rgba(153, 102, 255, 1)',
+        'rgba(255, 159, 64, 1)'
+      ],
+      borderWidth: 1
+    }]
+  },
+  options: {
+    scales: {
+      y: {
+        beginAtZero: true
+      }
+    }
+  }
+});
+```
+
+## Architecture
+
+Chart.js is built around several key components:
+
+- **Chart Class**: The main class for creating and managing chart instances
+- **Controllers**: Chart-type-specific logic for data processing (BarController, LineController, etc.)
+- **Elements**: Visual components for rendering (BarElement, LineElement, PointElement, ArcElement) 
+- **Scales**: Data-to-pixel conversion and axis rendering (LinearScale, CategoryScale, TimeScale, etc.)
+- **Plugins**: Extensible functionality system (Tooltip, Legend, Title, etc.)
+- **Registry**: Component registration and management system
+- **Platform**: Environment abstraction (DOM, Basic, Custom platforms)
+
+## Capabilities
+
+### Chart Management
+
+Core Chart class functionality for creating, updating, and managing chart instances.
+
+```javascript { .api }
+class Chart {
+  constructor(item: ChartItem, config: ChartConfiguration);
+  
+  // Instance methods
+  update(mode?: UpdateMode): void;
+  render(): void;
+  resize(width?: number, height?: number): void;
+  destroy(): void;
+  toBase64Image(type?: string, quality?: unknown): string;
+  
+  // Static methods
+  static getChart(key: string | CanvasRenderingContext2D | HTMLCanvasElement): Chart;
+  static register(...items: ChartComponentLike[]): void;
+  static unregister(...items: ChartComponentLike[]): void;
+}
+```
+
+[Chart Management](./chart-management.md)
+
+### Chart Types
+
+Built-in chart type controllers for different visualization patterns.
+
+```javascript { .api }
+// Available chart types
+type ChartType = 'line' | 'bar' | 'radar' | 'doughnut' | 'pie' | 'polarArea' | 'bubble' | 'scatter';
+
+// Controllers
+class BarController extends DatasetController { }
+class LineController extends DatasetController { }
+class RadarController extends DatasetController { }
+class DoughnutController extends DatasetController { }
+class PieController extends DoughnutController { }
+class PolarAreaController extends DatasetController { }
+class BubbleController extends DatasetController { }
+class ScatterController extends LineController { }
+```
+
+[Chart Types](./chart-types.md)
+
+### Scales
+
+Data-to-pixel conversion and axis rendering for different data types.
+
+```javascript { .api }
+// Available scale types
+type ScaleType = 'linear' | 'logarithmic' | 'category' | 'time' | 'timeseries' | 'radialLinear';
+
+// Base scale interface
+interface Scale {
+  getPixelForValue(value: unknown): number;
+  getValueForPixel(pixel: number): unknown;
+  getLabelForValue(value: unknown): string;
+  getDecimalForPixel(pixel: number): number;
+}
+```
+
+[Scales](./scales.md)
+
+### Visual Elements
+
+Core visual components for rendering chart elements.
+
+```javascript { .api }
+// Element classes
+class BarElement extends Element { }
+class LineElement extends Element { }
+class PointElement extends Element { }
+class ArcElement extends Element { }
+
+// Base element interface
+interface Element {
+  draw(ctx: CanvasRenderingContext2D): void;
+  inRange(mouseX: number, mouseY: number): boolean;
+  inXRange(mouseX: number): boolean; 
+  inYRange(mouseY: number): boolean;
+  getCenterPoint(): Point;
+}
+```
+
+[Visual Elements](./visual-elements.md)
+
+### Plugins
+
+Built-in and extensible plugin system for additional functionality.
+
+```javascript { .api }
+// Built-in plugins
+const Title: Plugin;
+const Legend: Plugin;
+const Tooltip: Plugin;
+const SubTitle: Plugin;
+const Filler: Plugin;
+const Decimation: Plugin;
+const Colors: Plugin;
+
+// Plugin interface
+interface Plugin {
+  id: string;
+  beforeInit?(chart: Chart, args: EmptyObject, options: O): void;
+  afterInit?(chart: Chart, args: EmptyObject, options: O): void;
+  beforeUpdate?(chart: Chart, args: UpdateArgs, options: O): void;
+  afterUpdate?(chart: Chart, args: UpdateArgs, options: O): void;
+  // ... more lifecycle hooks
+}
+```
+
+[Plugins](./plugins.md)
+
+### Utilities
+
+Helper functions for common operations, calculations, and canvas manipulation.
+
+```javascript { .api }
+// Color utilities
+function color(value: string | CanvasGradient | CanvasPattern): Color;
+function getHoverColor(color: Color): Color;
+
+// Core utilities  
+function isArray(value: unknown): value is unknown[];
+function isObject(value: unknown): value is object;
+function valueOrDefault<T>(value: T | undefined, defaultValue: T): T;
+
+// Canvas utilities
+function clearCanvas(ctx: CanvasRenderingContext2D): void;
+function drawPoint(ctx: CanvasRenderingContext2D, options: PointOptions, x: number, y: number): void;
+```
+
+[Utilities](./utilities.md)
+
+## Types
+
+```javascript { .api }
+interface ChartConfiguration<TType extends ChartType = ChartType, TData = DefaultDataPoint<TType>, TLabel = unknown> {
+  type: TType;
+  data: ChartData<TType, TData, TLabel>;
+  options?: ChartOptions<TType>;
+  plugins?: Plugin[];
+}
+
+interface ChartData<TType extends ChartType = ChartType, TData = DefaultDataPoint<TType>, TLabel = unknown> {
+  labels?: TLabel[];
+  datasets: ChartDataset<TType, TData>[];
+}
+
+interface ChartOptions<TType extends ChartType = ChartType> {
+  responsive?: boolean;
+  maintainAspectRatio?: boolean;
+  aspectRatio?: number;
+  resizeDelay?: number;
+  devicePixelRatio?: number;
+  hover?: HoverOptions<TType>;
+  events?: Event[];
+  onClick?: (event: ChartEvent, elements: ActiveElement[], chart: Chart) => void;
+  plugins?: PluginOptionsByType<TType>;
+  scales?: ScaleOptionsByType<TType>;
+  elements?: ElementOptionsByType<TType>;
+  layout?: LayoutOptions;
+  animation?: AnimationOptions<TType>;
+  animations?: AnimationOptions<TType>;
+  transitions?: TransitionsSpec<TType>;
+}
+
+type UpdateMode = 'resize' | 'reset' | 'none' | 'hide' | 'show' | 'default' | 'active';
+
+interface Point {
+  x: number;
+  y: number;
+}
+
+interface Color {
+  r: number;
+  g: number;
+  b: number;
+  a: number;
+}
+
+type ChartItem =
+  | string
+  | CanvasRenderingContext2D
+  | HTMLCanvasElement
+  | { canvas: HTMLCanvasElement }
+  | ArrayLike<CanvasRenderingContext2D | HTMLCanvasElement>;
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-chart-js/docs/plugins.md b/.tessl/tiles/tessl/npm-chart-js/docs/plugins.md
new file mode 100644
index 000000000..7e0f977d1
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-chart-js/docs/plugins.md
@@ -0,0 +1,529 @@
+# Plugins
+
+Built-in and extensible plugin system for additional functionality. Plugins provide lifecycle hooks and configurable features that extend chart behavior.
+
+## Capabilities
+
+### Title Plugin
+
+Displays chart titles and subtitles.
+
+```javascript { .api }
+const Title: Plugin = {
+  id: 'title',
+  defaults: object,
+  // Plugin implementation
+};
+
+interface TitleOptions {
+  display?: boolean;
+  position?: 'top' | 'left' | 'bottom' | 'right';
+  align?: 'start' | 'center' | 'end';
+  color?: Color;
+  font?: FontSpec;
+  fullSize?: boolean;
+  padding?: number | Padding;
+  text?: string | string[];
+}
+```
+
+**Usage Example:**
+
+```javascript
+const config = {
+  type: 'bar',
+  data: { /* data */ },
+  options: {
+    plugins: {
+      title: {
+        display: true,
+        text: 'Chart Title',
+        position: 'top',
+        align: 'center',
+        color: '#333',
+        font: {
+          size: 18,
+          weight: 'bold'
+        },
+        padding: {
+          top: 10,
+          bottom: 30
+        }
+      }
+    }
+  }
+};
+```
+
+### Legend Plugin
+
+Displays chart legend for datasets.
+
+```javascript { .api }
+const Legend: Plugin = {
+  id: 'legend',
+  defaults: object,
+  // Plugin implementation
+};
+
+interface LegendOptions {
+  display?: boolean;
+  position?: 'top' | 'left' | 'bottom' | 'right' | 'chartArea';
+  align?: 'start' | 'center' | 'end';
+  maxHeight?: number;
+  maxWidth?: number;
+  fullSize?: boolean;
+  onClick?: (event: ChartEvent, legendItem: LegendItem, legend: LegendElement) => void;
+  onHover?: (event: ChartEvent, legendItem: LegendItem, legend: LegendElement) => void;
+  onLeave?: (event: ChartEvent, legendItem: LegendItem, legend: LegendElement) => void;
+  reverse?: boolean;
+  labels?: LegendLabelOptions;
+  rtl?: boolean;
+  textDirection?: string;
+  title?: LegendTitleOptions;
+}
+
+interface LegendLabelOptions {
+  boxWidth?: number;
+  boxHeight?: number;
+  color?: Color;
+  font?: FontSpec;
+  padding?: number;
+  generateLabels?: (chart: Chart) => LegendItem[];
+  filter?: (item: LegendItem, data: ChartData) => boolean;
+  sort?: (a: LegendItem, b: LegendItem, data: ChartData) => number;
+  pointStyle?: PointStyle | HTMLImageElement | HTMLCanvasElement;
+  textAlign?: 'left' | 'right' | 'center';
+  usePointStyle?: boolean;
+  useBorderRadius?: boolean;
+  borderRadius?: number;
+}
+
+interface LegendItem {
+  text: string;
+  lineCap?: CanvasLineCap;
+  lineDash?: number[];
+  lineDashOffset?: number;
+  lineJoin?: CanvasLineJoin;
+  lineWidth?: number;
+  strokeStyle?: Color;
+  pointStyle?: PointStyle | HTMLImageElement | HTMLCanvasElement;
+  rotation?: number;
+  boxWidth?: number;
+  boxHeight?: number;
+  color?: Color;
+  fillStyle?: Color;
+  fontColor?: Color;
+  hidden?: boolean;
+  index?: number;
+  datasetIndex?: number;
+}
+```
+
+**Usage Example:**
+
+```javascript
+const config = {
+  type: 'line',
+  data: { /* data */ },
+  options: {
+    plugins: {
+      legend: {
+        display: true,
+        position: 'bottom',
+        align: 'center',
+        labels: {
+          usePointStyle: true,
+          padding: 20,
+          font: {
+            size: 14
+          },
+          generateLabels: (chart) => {
+            // Custom label generation
+            return chart.data.datasets.map((dataset, i) => ({
+              text: dataset.label,
+              fillStyle: dataset.backgroundColor,
+              strokeStyle: dataset.borderColor,
+              hidden: !chart.isDatasetVisible(i),
+              index: i
+            }));
+          }
+        }
+      }
+    }
+  }
+};
+```
+
+### Tooltip Plugin
+
+Interactive tooltips on hover.
+
+```javascript { .api }
+const Tooltip: Plugin = {
+  id: 'tooltip',
+  defaults: object,
+  // Plugin implementation
+};
+
+interface TooltipOptions {
+  enabled?: boolean;
+  external?: (context: TooltipContext) => void;
+  mode?: InteractionMode;
+  intersect?: boolean;
+  position?: 'average' | 'nearest' | TooltipPositioner;
+  callbacks?: TooltipCallbacks;
+  itemSort?: (a: TooltipItem, b: TooltipItem, data: ChartData) => number;
+  filter?: (tooltipItem: TooltipItem, index: number, tooltipItems: TooltipItem[], data: ChartData) => boolean;
+  backgroundColor?: Color;
+  titleColor?: Color;
+  titleFont?: FontSpec;
+  titleAlign?: 'left' | 'center' | 'right';
+  titleSpacing?: number;
+  titleMarginBottom?: number;
+  bodyColor?: Color;
+  bodyFont?: FontSpec;
+  bodyAlign?: 'left' | 'center' | 'right';
+  bodySpacing?: number;
+  footerColor?: Color;
+  footerFont?: FontSpec;
+  footerAlign?: 'left' | 'center' | 'right';
+  footerSpacing?: number;
+  footerMarginTop?: number;
+  padding?: number | Padding;
+  caretPadding?: number;
+  caretSize?: number;
+  cornerRadius?: number;
+  multiKeyBackground?: Color;
+  displayColors?: boolean;
+  boxWidth?: number;
+  boxHeight?: number;
+  boxPadding?: number;
+  usePointStyle?: boolean;
+  borderColor?: Color;
+  borderWidth?: number;
+  rtl?: boolean;
+  textDirection?: string;
+  xAlign?: 'left' | 'center' | 'right';
+  yAlign?: 'top' | 'center' | 'bottom';
+}
+
+interface TooltipCallbacks {
+  beforeTitle?: (tooltipItems: TooltipItem[]) => string | string[];
+  title?: (tooltipItems: TooltipItem[]) => string | string[];
+  afterTitle?: (tooltipItems: TooltipItem[]) => string | string[];
+  beforeBody?: (tooltipItems: TooltipItem[]) => string | string[];
+  beforeLabel?: (tooltipItem: TooltipItem) => string | string[];
+  label?: (tooltipItem: TooltipItem) => string | string[];
+  labelColor?: (tooltipItem: TooltipItem) => TooltipLabelStyle;
+  labelTextColor?: (tooltipItem: TooltipItem) => Color;
+  labelPointStyle?: (tooltipItem: TooltipItem) => PointStyle | { pointStyle: PointStyle; rotation: number };
+  afterLabel?: (tooltipItem: TooltipItem) => string | string[];
+  afterBody?: (tooltipItems: TooltipItem[]) => string | string[];
+  beforeFooter?: (tooltipItems: TooltipItem[]) => string | string[];
+  footer?: (tooltipItems: TooltipItem[]) => string | string[];
+  afterFooter?: (tooltipItems: TooltipItem[]) => string | string[];
+}
+
+interface TooltipItem {
+  chart: Chart;
+  label: string;
+  parsed: ParsedDataType;
+  raw: unknown;
+  formattedValue: string;
+  dataset: ChartDataset;
+  datasetIndex: number;
+  dataIndex: number;
+  element: Element;
+}
+```
+
+### Subtitle Plugin
+
+Displays chart subtitles.
+
+```javascript { .api }
+const SubTitle: Plugin = {
+  id: 'subtitle',
+  defaults: object,
+  // Plugin implementation
+};
+
+// SubTitleOptions extends TitleOptions
+interface SubTitleOptions extends TitleOptions {
+  // Inherits all title options
+}
+```
+
+### Filler Plugin
+
+Fills areas between datasets or to axes.
+
+```javascript { .api }
+const Filler: Plugin = {
+  id: 'filler',
+  defaults: object,
+  // Plugin implementation
+};
+
+interface FillerOptions {
+  propagate?: boolean;
+  drawTime?: 'beforeDatasetDraw' | 'beforeDatasetsDraw';
+}
+
+// Fill configurations (used in dataset options)
+type FillTarget = boolean | number | string | 'start' | 'end' | 'origin' | 'stack' | 'shape' | { target: FillTarget; above?: Color; below?: Color };
+```
+
+**Usage Example:**
+
+```javascript
+const config = {
+  type: 'line',
+  data: {
+    datasets: [{
+      label: 'Dataset 1',
+      data: [10, 20, 30, 40],
+      fill: 'start', // Fill to start of chart
+      backgroundColor: 'rgba(75, 192, 192, 0.2)'
+    }, {
+      label: 'Dataset 2', 
+      data: [15, 25, 35, 45],
+      fill: '-1', // Fill to previous dataset
+      backgroundColor: 'rgba(255, 99, 132, 0.2)'
+    }]
+  },
+  options: {
+    plugins: {
+      filler: {
+        propagate: true
+      }
+    }
+  }
+};
+```
+
+### Decimation Plugin
+
+Reduces data points for performance with large datasets.
+
+```javascript { .api }
+const Decimation: Plugin = {
+  id: 'decimation',
+  defaults: object,
+  // Plugin implementation
+};
+
+interface DecimationOptions {
+  enabled?: boolean;
+  algorithm?: 'lttb' | 'min-max';
+  samples?: number;
+  threshold?: number;
+}
+```
+
+### Colors Plugin
+
+Automatic color assignment for datasets.
+
+```javascript { .api }
+const Colors: Plugin = {
+  id: 'colors',
+  defaults: object,
+  // Plugin implementation
+};
+
+interface ColorsOptions {
+  enabled?: boolean;
+  forceOverride?: boolean;
+}
+```
+
+### Plugin Interface
+
+Base interface for creating custom plugins.
+
+```javascript { .api }
+interface Plugin<TType extends ChartType = ChartType, O = object> {
+  id: string;
+  
+  // Lifecycle hooks
+  beforeInit?(chart: Chart<TType>, args: EmptyObject, options: O): void;
+  afterInit?(chart: Chart<TType>, args: EmptyObject, options: O): void;
+  beforeUpdate?(chart: Chart<TType>, args: UpdateArgs, options: O): boolean | void;
+  afterUpdate?(chart: Chart<TType>, args: UpdateArgs, options: O): void;
+  beforeElementsUpdate?(chart: Chart<TType>, args: EmptyObject, options: O): void;
+  beforeLayout?(chart: Chart<TType>, args: EmptyObject, options: O): boolean | void;
+  afterLayout?(chart: Chart<TType>, args: EmptyObject, options: O): void;
+  beforeDatasetsUpdate?(chart: Chart<TType>, args: UpdateArgs, options: O): boolean | void;
+  afterDatasetsUpdate?(chart: Chart<TType>, args: UpdateArgs, options: O): void;
+  beforeDatasetUpdate?(chart: Chart<TType>, args: DatasetUpdateArgs, options: O): boolean | void;
+  afterDatasetUpdate?(chart: Chart<TType>, args: DatasetUpdateArgs, options: O): void;
+  beforeRender?(chart: Chart<TType>, args: EmptyObject, options: O): boolean | void;
+  afterRender?(chart: Chart<TType>, args: EmptyObject, options: O): void;
+  beforeDraw?(chart: Chart<TType>, args: EmptyObject, options: O): boolean | void;
+  afterDraw?(chart: Chart<TType>, args: EmptyObject, options: O): void;
+  beforeDatasetsDraw?(chart: Chart<TType>, args: EmptyObject, options: O): boolean | void;
+  afterDatasetsDraw?(chart: Chart<TType>, args: EmptyObject, options: O): void;
+  beforeDatasetDraw?(chart: Chart<TType>, args: DatasetDrawArgs, options: O): boolean | void;
+  afterDatasetDraw?(chart: Chart<TType>, args: DatasetDrawArgs, options: O): void;
+  beforeTooltipDraw?(chart: Chart<TType>, args: TooltipDrawArgs, options: O): boolean | void;
+  afterTooltipDraw?(chart: Chart<TType>, args: TooltipDrawArgs, options: O): void;
+  beforeEvent?(chart: Chart<TType>, args: EventArgs, options: O): boolean | void;
+  afterEvent?(chart: Chart<TType>, args: EventArgs, options: O): void;
+  resize?(chart: Chart<TType>, args: ResizeArgs, options: O): void;
+  reset?(chart: Chart<TType>, args: EmptyObject, options: O): void;
+  stop?(chart: Chart<TType>, args: EmptyObject, options: O): void;
+  destroy?(chart: Chart<TType>, args: EmptyObject, options: O): void;
+  
+  // Optional properties
+  defaults?: object;
+  defaultRoutes?: { [property: string]: string };
+  descriptors?: { [property: string]: boolean };
+}
+```
+
+**Usage Example (Custom Plugin):**
+
+```javascript
+const customPlugin = {
+  id: 'customPlugin',
+  beforeDraw: (chart, args, options) => {
+    const { ctx, chartArea } = chart;
+    
+    // Custom drawing logic
+    ctx.fillStyle = options.backgroundColor || 'lightgray';
+    ctx.fillRect(chartArea.left, chartArea.top, chartArea.width, chartArea.height);
+  }
+};
+
+// Register and use
+Chart.register(customPlugin);
+
+const config = {
+  type: 'bar',
+  data: { /* data */ },
+  plugins: [customPlugin],
+  options: {
+    plugins: {
+      customPlugin: {
+        backgroundColor: 'lightblue'
+      }
+    }
+  }
+};
+```
+
+## Plugin Registration
+
+Plugins must be registered before use.
+
+```javascript { .api }
+import {
+  Chart,
+  Title,
+  Tooltip,
+  Legend,
+  SubTitle,
+  Filler,
+  Decimation,
+  Colors
+} from 'chart.js';
+
+// Register built-in plugins
+Chart.register(
+  Title,
+  Tooltip,
+  Legend,
+  SubTitle,
+  Filler,
+  Decimation,
+  Colors
+);
+```
+
+## Types
+
+```javascript { .api }
+type InteractionMode = 'point' | 'nearest' | 'index' | 'dataset' | 'x' | 'y';
+
+type PointStyle = 'circle' | 'cross' | 'crossRot' | 'dash' | 'line' | 'rect' | 'rectRounded' | 'rectRot' | 'star' | 'triangle';
+
+interface FontSpec {
+  family?: string;
+  size?: number;
+  style?: 'normal' | 'italic' | 'oblique';
+  weight?: string | number;
+  lineHeight?: number | string;
+}
+
+interface Padding {
+  top?: number;
+  right?: number;
+  bottom?: number;
+  left?: number;
+}
+
+interface EmptyObject {}
+
+interface UpdateArgs {
+  mode: UpdateMode;
+}
+
+interface DatasetUpdateArgs {
+  index: number;
+  mode: UpdateMode;
+}
+
+interface EventArgs {
+  event: ChartEvent;
+  replay: boolean;
+  changed?: boolean;
+  cancelable: boolean;
+  inChartArea: boolean;
+}
+
+type Color = string | CanvasGradient | CanvasPattern;
+
+interface ChartEvent {
+  type: string;
+  x?: number;
+  y?: number;
+  native?: Event;
+}
+
+interface TooltipContext<TType extends ChartType = ChartType> {
+  chart: Chart<TType>;
+  tooltip: TooltipModel<TType>;
+  tooltipItems: TooltipItem<TType>[];
+}
+
+interface TooltipModel<TType extends ChartType = ChartType> {
+  opacity: number;
+  title: string[];
+  body: TooltipBodyItem[];
+  footer: string[];
+  x: number;
+  y: number;
+  width: number;
+  height: number;
+  caretX: number;
+  caretY: number;
+}
+
+interface TooltipBodyItem {
+  before: string[];
+  lines: string[];
+  after: string[];
+}
+
+type TooltipPositioner = (elements: Element[], eventPosition: Point) => Point;
+
+type ParsedDataType = { [key: string]: unknown };
+
+interface LegendElement {
+  chart: Chart;
+  options: LegendOptions;
+  legendItems?: LegendItem[];
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-chart-js/docs/scales.md b/.tessl/tiles/tessl/npm-chart-js/docs/scales.md
new file mode 100644
index 000000000..57fc689bb
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-chart-js/docs/scales.md
@@ -0,0 +1,469 @@
+# Scales
+
+Data-to-pixel conversion and axis rendering for different data types. Scales handle the transformation between data values and pixel coordinates on the chart canvas.
+
+## Capabilities
+
+### Linear Scale
+
+Handles linear numeric data with equal intervals.
+
+```javascript { .api }
+class LinearScale extends Scale {
+  static id: 'linear';
+  static defaults: object;
+  
+  getPixelForValue(value: number): number;
+  getValueForPixel(pixel: number): number;
+  getLabelForValue(value: number): string;
+  getDecimalForPixel(pixel: number): number;
+}
+
+interface LinearScaleOptions {
+  type: 'linear';
+  position?: 'left' | 'right' | 'top' | 'bottom' | 'center' | { [scaleId: string]: number };
+  axis?: 'x' | 'y';
+  offset?: boolean;
+  beginAtZero?: boolean;
+  bounds?: 'data' | 'ticks';
+  clip?: boolean;
+  grace?: number | string;
+  min?: number;
+  max?: number;
+  suggestedMin?: number;
+  suggestedMax?: number;
+  ticks?: TickOptions;
+  title?: TitleOptions;
+  grid?: GridLineOptions;
+  border?: BorderOptions;
+}
+```
+
+**Usage Example:**
+
+```javascript
+const config = {
+  type: 'line',
+  data: { /* data */ },
+  options: {
+    scales: {
+      y: {
+        type: 'linear',
+        beginAtZero: true,
+        min: 0,
+        max: 100,
+        ticks: {
+          stepSize: 10
+        }
+      }
+    }
+  }
+};
+```
+
+### Category Scale
+
+Handles categorical/ordinal data with discrete labels.
+
+```javascript { .api }
+class CategoryScale extends Scale {
+  static id: 'category';
+  static defaults: object;
+  
+  getPixelForValue(value: string | number): number;
+  getValueForPixel(pixel: number): number;
+  getLabelForValue(value: string | number): string;
+  getLabels(): string[];
+}
+
+interface CategoryScaleOptions {
+  type: 'category';
+  position?: 'left' | 'right' | 'top' | 'bottom' | 'center' | { [scaleId: string]: number };
+  axis?: 'x' | 'y';
+  offset?: boolean;
+  labels?: string[];
+  min?: string | number;
+  max?: string | number;
+  ticks?: TickOptions;
+  title?: TitleOptions;
+  grid?: GridLineOptions;
+  border?: BorderOptions;
+}
+```
+
+**Usage Example:**
+
+```javascript
+const config = {
+  type: 'bar',
+  data: {
+    labels: ['Red', 'Blue', 'Yellow', 'Green'],
+    datasets: [{ /* dataset */ }]
+  },
+  options: {
+    scales: {
+      x: {
+        type: 'category',
+        labels: ['Custom Red', 'Custom Blue', 'Custom Yellow', 'Custom Green']
+      }
+    }
+  }
+};
+```
+
+### Logarithmic Scale
+
+Handles logarithmic numeric data with exponential intervals.
+
+```javascript { .api }
+class LogarithmicScale extends Scale {
+  static id: 'logarithmic';
+  static defaults: object;
+  
+  getPixelForValue(value: number): number;
+  getValueForPixel(pixel: number): number;
+  getLabelForValue(value: number): string;
+}
+
+interface LogarithmicScaleOptions {
+  type: 'logarithmic';
+  position?: 'left' | 'right' | 'top' | 'bottom' | 'center' | { [scaleId: string]: number };
+  axis?: 'x' | 'y';
+  min?: number;
+  max?: number;
+  suggestedMin?: number;
+  suggestedMax?: number;
+  ticks?: TickOptions;
+  title?: TitleOptions;
+  grid?: GridLineOptions;
+  border?: BorderOptions;
+}
+```
+
+### Time Scale
+
+Handles time-based data with temporal intervals.
+
+```javascript { .api }
+class TimeScale extends Scale {
+  static id: 'time';
+  static defaults: object;
+  
+  getPixelForValue(value: string | number | Date): number;
+  getValueForPixel(pixel: number): number;
+  getLabelForValue(value: string | number | Date): string;
+}
+
+interface TimeScaleOptions {
+  type: 'time';
+  position?: 'left' | 'right' | 'top' | 'bottom' | 'center' | { [scaleId: string]: number };
+  axis?: 'x' | 'y';
+  adapters?: DateAdapter;
+  bounds?: 'data' | 'ticks';
+  offset?: boolean;
+  min?: string | number | Date;
+  max?: string | number | Date;
+  suggestedMin?: string | number | Date;
+  suggestedMax?: string | number | Date;
+  time?: TimeOptions;
+  ticks?: TickOptions;
+  title?: TitleOptions;
+  grid?: GridLineOptions;
+  border?: BorderOptions;
+}
+
+interface TimeOptions {
+  displayFormats?: {
+    millisecond?: string;
+    second?: string;
+    minute?: string;
+    hour?: string;
+    day?: string;
+    week?: string;
+    month?: string;
+    quarter?: string;
+    year?: string;
+  };
+  isoWeekday?: boolean | number;
+  parser?: string | ((value: unknown) => Date);
+  round?: TimeUnit;
+  tooltipFormat?: string;
+  unit?: TimeUnit;
+  stepSize?: number;
+  minUnit?: TimeUnit;
+}
+
+type TimeUnit = 'millisecond' | 'second' | 'minute' | 'hour' | 'day' | 'week' | 'month' | 'quarter' | 'year';
+
+interface DateAdapter {
+  formats(): { [key: string]: string };
+  parse(value: unknown, format?: string): Date | null;
+  format(time: Date, format: string): string;
+  add(time: Date, amount: number, unit: TimeUnit): Date;
+  diff(max: Date, min: Date, unit: TimeUnit): number;
+  startOf(time: Date, unit: TimeUnit, weekday?: number): Date;
+  endOf(time: Date, unit: TimeUnit): Date;
+}
+```
+
+**Usage Example:**
+
+```javascript
+const config = {
+  type: 'line',
+  data: {
+    datasets: [{
+      label: 'Time Series',
+      data: [
+        { x: '2023-01-01', y: 10 },
+        { x: '2023-02-01', y: 20 },
+        { x: '2023-03-01', y: 15 }
+      ]
+    }]
+  },
+  options: {
+    scales: {
+      x: {
+        type: 'time',
+        time: {
+          unit: 'month',
+          displayFormats: {
+            month: 'MMM YYYY'
+          }
+        }
+      }
+    }
+  }
+};
+```
+
+### Time Series Scale
+
+Optimized time scale for large time series datasets.
+
+```javascript { .api }
+class TimeSeriesScale extends TimeScale {
+  static id: 'timeseries';
+  static defaults: object;
+}
+
+interface TimeSeriesScaleOptions extends TimeScaleOptions {
+  type: 'timeseries';
+  bounds: 'data'; // Always 'data' for timeseries
+  offset: false;   // Always false for timeseries
+}
+```
+
+### Radial Linear Scale
+
+Handles radial numeric data for radar charts.
+
+```javascript { .api }
+class RadialLinearScale extends Scale {
+  static id: 'radialLinear';
+  static defaults: object;
+  
+  getPixelForValue(value: number, index?: number): number;
+  getValueForPixel(pixel: number): number;
+  getLabelForValue(value: number): string;
+  getIndexAngle(index: number): number;
+  getDistanceFromCenterForValue(value: number): number;
+  getValueForDistanceFromCenter(distance: number): number;
+}
+
+interface RadialLinearScaleOptions {
+  type: 'radialLinear';
+  animate?: boolean;
+  angleLines?: AngleLineOptions;
+  beginAtZero?: boolean;
+  grid?: GridLineOptions;
+  min?: number;
+  max?: number;
+  pointLabels?: PointLabelOptions;
+  startAngle?: number;
+  ticks?: TickOptions;
+  title?: TitleOptions;
+}
+
+interface AngleLineOptions {
+  display?: boolean;
+  color?: Color;
+  lineWidth?: number;
+  borderDash?: number[];
+  borderDashOffset?: number;
+}
+
+interface PointLabelOptions {
+  display?: boolean;
+  callback?: (label: string, index: number) => string;
+  color?: Color;
+  font?: FontSpec;
+  padding?: number;
+  centerPointLabels?: boolean;
+}
+```
+
+### Base Scale Interface
+
+Common interface implemented by all scales.
+
+```javascript { .api }
+interface Scale {
+  readonly id: string;
+  readonly type: string;
+  readonly ctx: CanvasRenderingContext2D;
+  readonly chart: Chart;
+  
+  // Core conversion methods
+  getPixelForValue(value: unknown, index?: number): number;
+  getValueForPixel(pixel: number): unknown;
+  getPixelForTick(index: number): number;
+  getPixelForDecimal(decimal: number): number;
+  getDecimalForPixel(pixel: number): number;
+  getBaseValue(): number;
+  getBasePixel(): number;
+  
+  // Label methods
+  getLabelForValue(value: unknown): string;
+  
+  // Lifecycle methods
+  beforeLayout(): void;
+  afterLayout(): void;
+  beforeUpdate(mode: UpdateMode): void;
+  update(width: number, height: number, margins: ChartArea): void;
+  afterUpdate(mode: UpdateMode): void;
+  
+  // Drawing methods
+  beforeDraw(): void;
+  draw(chartArea: ChartArea): void;
+  afterDraw(): void;
+  
+  // Utility methods
+  isHorizontal(): boolean;
+  buildTicks(): Tick[];
+  configure(): void;
+  fit(): void;
+}
+```
+
+## Scale Registration
+
+Scales must be registered before use in charts.
+
+```javascript { .api }
+import {
+  Chart,
+  LinearScale,
+  CategoryScale,
+  TimeScale,
+  LogarithmicScale,
+  RadialLinearScale,
+  TimeSeriesScale
+} from 'chart.js';
+
+// Register scales
+Chart.register(
+  LinearScale,
+  CategoryScale,
+  TimeScale,
+  LogarithmicScale,
+  RadialLinearScale,
+  TimeSeriesScale
+);
+```
+
+## Types
+
+```javascript { .api }
+type ScaleType = 'linear' | 'logarithmic' | 'category' | 'time' | 'timeseries' | 'radialLinear';
+
+interface TickOptions {
+  display?: boolean;
+  align?: 'start' | 'center' | 'end' | 'inner';
+  callback?: (tickValue: number | string, index: number, ticks: Tick[]) => string | string[] | number | number[];
+  color?: Color | Color[];
+  count?: number;
+  crossAlign?: 'near' | 'center' | 'far';
+  font?: FontSpec | FontSpec[];
+  includeBounds?: boolean;
+  labelOffset?: number;
+  maxRotation?: number;
+  maxTicksLimit?: number;
+  minRotation?: number;
+  mirror?: boolean;
+  padding?: number;
+  precision?: number;
+  sampleSize?: number;
+  showLabelBackdrop?: boolean;
+  source?: 'auto' | 'data' | 'labels';
+  stepSize?: number;
+  textStrokeColor?: Color | Color[];
+  textStrokeWidth?: number | number[];
+  z?: number;
+}
+
+interface TitleOptions {
+  display?: boolean;
+  align?: 'start' | 'center' | 'end';
+  color?: Color;
+  font?: FontSpec;
+  padding?: Padding;
+  text?: string | string[];
+}
+
+interface GridLineOptions {
+  display?: boolean;
+  circular?: boolean;
+  color?: Color | Color[];
+  lineWidth?: number | number[];
+  drawBorder?: boolean;
+  drawOnChartArea?: boolean;
+  drawTicks?: boolean;
+  tickBorderDash?: number[];
+  tickBorderDashOffset?: number;
+  tickColor?: Color | Color[];
+  tickLength?: number;
+  tickWidth?: number;
+  offset?: boolean;
+  z?: number;
+}
+
+interface BorderOptions {
+  display?: boolean;
+  color?: Color;
+  width?: number;
+  dash?: number[];
+  dashOffset?: number;
+  z?: number;
+}
+
+interface Tick {
+  value: number;
+  label?: string;
+  major?: boolean;
+}
+
+interface ChartArea {
+  left: number;
+  top: number;
+  right: number;
+  bottom: number;
+  width: number;
+  height: number;
+}
+
+interface FontSpec {
+  family?: string;
+  size?: number;
+  style?: 'normal' | 'italic' | 'oblique';
+  weight?: string | number;
+  lineHeight?: number | string;
+}
+
+interface Padding {
+  top?: number;
+  right?: number;
+  bottom?: number;
+  left?: number;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-chart-js/docs/utilities.md b/.tessl/tiles/tessl/npm-chart-js/docs/utilities.md
new file mode 100644
index 000000000..e027374c7
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-chart-js/docs/utilities.md
@@ -0,0 +1,495 @@
+# Utilities
+
+Helper functions for common operations, calculations, and canvas manipulation. The helpers module provides utility functions organized by category for various chart-related tasks.
+
+## Capabilities
+
+### Color Utilities
+
+Functions for color parsing, manipulation, and conversion.
+
+```javascript { .api }
+/**
+ * Parse and create color objects
+ * @param value - Color string, gradient, or pattern
+ * @returns Color object with RGBA properties
+ */
+function color(value: string | CanvasGradient | CanvasPattern): Color;
+
+/**
+ * Generate hover color variant
+ * @param color - Base color
+ * @returns Darker/lighter variant for hover state
+ */
+function getHoverColor(color: Color): Color;
+
+/**
+ * Check if value is a pattern or gradient
+ * @param value - Value to check
+ * @returns True if pattern or gradient
+ */
+function isPatternOrGradient(value: unknown): value is CanvasGradient | CanvasPattern;
+```
+
+**Usage Example:**
+
+```javascript
+import { color, getHoverColor } from 'chart.js/helpers';
+
+// Parse color
+const blue = color('rgba(54, 162, 235, 0.8)');
+console.log(blue.r, blue.g, blue.b, blue.a); // 54, 162, 235, 0.8
+
+// Generate hover color
+const hoverBlue = getHoverColor(blue);
+```
+
+### Core Utilities
+
+Basic utility functions for type checking and value handling.
+
+```javascript { .api }
+/**
+ * Check if value is an array
+ * @param value - Value to check
+ * @returns True if array
+ */
+function isArray(value: unknown): value is unknown[];
+
+/**
+ * Check if value is an object
+ * @param value - Value to check
+ * @returns True if object (not null, array, or primitive)
+ */
+function isObject(value: unknown): value is object;
+
+/**
+ * Check if value is null or undefined
+ * @param value - Value to check
+ * @returns True if null or undefined
+ */
+function isNullOrUndef(value: unknown): value is null | undefined;
+
+/**
+ * No-operation function
+ * @returns void
+ */
+function noop(): void;
+
+/**
+ * Generate unique identifier
+ * @returns Unique string ID
+ */
+function uid(): string;
+
+/**
+ * Return value or default if undefined
+ * @param value - Value to check
+ * @param defaultValue - Default to return
+ * @returns Value or default
+ */
+function valueOrDefault<T>(value: T | undefined, defaultValue: T): T;
+
+/**
+ * Clamp value to range
+ * @param value - Value to clamp
+ * @param min - Minimum value
+ * @param max - Maximum value
+ * @returns Clamped value
+ */
+function clamp(value: number, min: number, max: number): number;
+```
+
+### Canvas Utilities
+
+Functions for canvas drawing and manipulation.
+
+```javascript { .api }
+/**
+ * Clear entire canvas
+ * @param ctx - Canvas rendering context
+ */
+function clearCanvas(ctx: CanvasRenderingContext2D): void;
+
+/**
+ * Clip canvas to specified area
+ * @param ctx - Canvas rendering context
+ * @param area - Area to clip to
+ */
+function clipArea(ctx: CanvasRenderingContext2D, area: ChartArea): void;
+
+/**
+ * Restore canvas from clipping
+ * @param ctx - Canvas rendering context
+ * @param area - Previously clipped area
+ */
+function unclipArea(ctx: CanvasRenderingContext2D, area: ChartArea): void;
+
+/**
+ * Draw point shape at coordinates
+ * @param ctx - Canvas rendering context
+ * @param options - Point style options
+ * @param x - X coordinate
+ * @param y - Y coordinate
+ */
+function drawPoint(ctx: CanvasRenderingContext2D, options: PointOptions, x: number, y: number): void;
+
+/**
+ * Render text with alignment and rotation
+ * @param ctx - Canvas rendering context
+ * @param text - Text to render
+ * @param x - X coordinate
+ * @param y - Y coordinate
+ * @param options - Text rendering options
+ */
+function renderText(ctx: CanvasRenderingContext2D, text: string, x: number, y: number, options?: TextOptions): void;
+
+/**
+ * Measure text dimensions
+ * @param ctx - Canvas rendering context
+ * @param text - Text to measure
+ * @param font - Font specification
+ * @returns Text metrics
+ */
+function measureText(ctx: CanvasRenderingContext2D, text: string, font?: FontSpec): TextMetrics;
+```
+
+**Usage Example:**
+
+```javascript
+import { clearCanvas, drawPoint, renderText } from 'chart.js/helpers';
+
+const ctx = canvas.getContext('2d');
+
+// Clear canvas
+clearCanvas(ctx);
+
+// Draw custom point
+drawPoint(ctx, {
+  pointStyle: 'star',
+  radius: 10,
+  backgroundColor: 'gold'
+}, 100, 100);
+
+// Render text
+renderText(ctx, 'Custom Label', 100, 120, {
+  color: 'black',
+  font: { size: 14, weight: 'bold' },
+  textAlign: 'center'
+});
+```
+
+### Collection Utilities
+
+Functions for array and object manipulation.
+
+```javascript { .api }
+/**
+ * Iterate over collection
+ * @param loopable - Array or object to iterate
+ * @param fn - Function to call for each item
+ * @param thisArg - Context for function calls
+ */
+function each<T>(loopable: T[] | { [key: string]: T }, fn: (item: T, index: number | string) => void, thisArg?: unknown): void;
+
+/**
+ * Find index in array matching condition
+ * @param array - Array to search
+ * @param callback - Condition function
+ * @returns Index or -1 if not found
+ */
+function findIndex<T>(array: T[], callback: (item: T, index: number) => boolean): number;
+
+/**
+ * Filter collection by condition
+ * @param collection - Collection to filter
+ * @param filterCallback - Filter function
+ * @returns Filtered array
+ */
+function where<T>(collection: T[], filterCallback: (item: T) => boolean): T[];
+
+/**
+ * Get unique values from array
+ * @param array - Input array
+ * @returns Array with unique values
+ */
+function uniq<T>(array: T[]): T[];
+
+/**
+ * Create array with specified length and fill value
+ * @param length - Array length
+ * @param value - Fill value
+ * @returns Filled array
+ */
+function array<T>(length: number, value: T): T[];
+```
+
+### Configuration Utilities
+
+Functions for resolving and merging configuration options.
+
+```javascript { .api }
+/**
+ * Resolve scriptable options
+ * @param inputs - Option inputs to resolve
+ * @param context - Resolution context
+ * @param index - Data index
+ * @param info - Additional info object
+ * @returns Resolved value
+ */
+function resolve<T>(inputs: T[], context?: object, index?: number, info?: object): T;
+
+/**
+ * Merge objects conditionally
+ * @param target - Target object
+ * @param source - Source object
+ * @returns Merged object
+ */
+function mergeIf(target: object, source: object): object;
+
+/**
+ * Deep merge objects
+ * @param target - Target object
+ * @param source - Source object(s)
+ * @returns Merged object
+ */
+function merge(target: object, ...source: object[]): object;
+
+/**
+ * Deep clone object or array
+ * @param source - Object to clone
+ * @returns Cloned object
+ */
+function clone<T>(source: T): T;
+```
+
+### DOM Utilities
+
+Functions for DOM element manipulation and event handling.
+
+```javascript { .api }
+/**
+ * Get canvas element from various inputs
+ * @param item - Canvas, context, or selector
+ * @returns Canvas element
+ */
+function getCanvas(item: string | HTMLCanvasElement | CanvasRenderingContext2D): HTMLCanvasElement;
+
+/**
+ * Get relative position of event within chart
+ * @param event - DOM event
+ * @param chart - Chart instance
+ * @returns Relative coordinates
+ */
+function getRelativePosition(event: Event, chart: Chart): Point;
+
+/**
+ * Calculate maximum size for canvas
+ * @param canvas - Canvas element
+ * @param width - Desired width
+ * @param height - Desired height
+ * @param aspectRatio - Aspect ratio to maintain
+ * @returns Maximum size object
+ */
+function getMaximumSize(canvas: HTMLCanvasElement, width?: number, height?: number, aspectRatio?: number): Size;
+
+/**
+ * Get device pixel ratio
+ * @returns Device pixel ratio
+ */
+function getDevicePixelRatio(): number;
+
+/**
+ * Add event listener with options
+ * @param element - DOM element
+ * @param type - Event type
+ * @param listener - Event listener
+ * @param options - Event options
+ */
+function addEventListener(element: Element, type: string, listener: EventListener, options?: AddEventListenerOptions): void;
+
+/**
+ * Remove event listener
+ * @param element - DOM element  
+ * @param type - Event type
+ * @param listener - Event listener
+ */
+function removeEventListener(element: Element, type: string, listener: EventListener): void;
+```
+
+### Math Utilities
+
+Mathematical helper functions for calculations.
+
+```javascript { .api }
+/**
+ * Check if two numbers are approximately equal
+ * @param x - First number
+ * @param y - Second number
+ * @param epsilon - Tolerance
+ * @returns True if approximately equal
+ */
+function almostEquals(x: number, y: number, epsilon: number): boolean;
+
+/**
+ * Check if number is almost a whole number
+ * @param x - Number to check
+ * @param epsilon - Tolerance
+ * @returns True if almost whole
+ */
+function almostWhole(x: number, epsilon: number): boolean;
+
+/**
+ * Convert degrees to radians
+ * @param degrees - Angle in degrees
+ * @returns Angle in radians
+ */
+function toRadians(degrees: number): number;
+
+/**
+ * Convert radians to degrees
+ * @param radians - Angle in radians
+ * @returns Angle in degrees
+ */
+function toDegrees(radians: number): number;
+
+/**
+ * Calculate distance between two points
+ * @param pt1 - First point
+ * @param pt2 - Second point
+ * @returns Distance
+ */
+function distanceBetweenPoints(pt1: Point, pt2: Point): number;
+
+/**
+ * Linear interpolation between values
+ * @param a - Start value
+ * @param b - End value
+ * @param t - Interpolation factor (0-1)
+ * @returns Interpolated value
+ */
+function lerp(a: number, b: number, t: number): number;
+
+/**
+ * Get angle of line between two points
+ * @param pt1 - First point
+ * @param pt2 - Second point
+ * @returns Angle in radians
+ */
+function getAngleFromPoint(pt1: Point, pt2: Point): number;
+```
+
+### RTL (Right-to-Left) Utilities
+
+Functions for right-to-left text support.
+
+```javascript { .api }
+/**
+ * Get RTL helper for canvas
+ * @param rtl - RTL mode
+ * @param canvas - Canvas element
+ * @returns RTL helper object
+ */
+function getRtlHelper(rtl: boolean, canvas: HTMLCanvasElement): RtlHelper;
+
+interface RtlHelper {
+  x(x: number): number;
+  setWidth(width: number): void;
+  textAlign(align: string): string;
+  xPlus(x: number, value: number): number;
+  leftForLtr(x: number, itemWidth: number): number;
+}
+```
+
+### Interpolation Utilities
+
+Functions for value interpolation and animation.
+
+```javascript { .api }
+/**
+ * Interpolate between objects
+ * @param from - Start object
+ * @param to - End object
+ * @param factor - Interpolation factor (0-1)
+ * @returns Interpolated object
+ */
+function interpolate<T>(from: T, to: T, factor: number): T;
+
+/**
+ * Get interpolator function for property
+ * @param property - Property name
+ * @returns Interpolator function
+ */
+function getInterpolator(property: string): (from: unknown, to: unknown, factor: number) => unknown;
+```
+
+## Helper Module Access
+
+All helpers are available through the helpers namespace:
+
+```javascript { .api }
+import { helpers } from 'chart.js';
+
+// Access utilities via helpers object
+const { color, isArray, clearCanvas } = helpers;
+
+// Or import specific helpers
+import { color, isArray, clearCanvas } from 'chart.js/helpers';
+```
+
+## Types
+
+```javascript { .api }
+interface Point {
+  x: number;
+  y: number;
+}
+
+interface Size {
+  width: number;
+  height: number;
+}
+
+interface ChartArea {
+  left: number;
+  top: number;
+  right: number;
+  bottom: number;
+  width: number;
+  height: number;
+}
+
+interface Color {
+  r: number;
+  g: number;
+  b: number;
+  a: number;
+}
+
+interface FontSpec {
+  family?: string;
+  size?: number;
+  style?: 'normal' | 'italic' | 'oblique';
+  weight?: string | number;
+  lineHeight?: number | string;
+}
+
+interface PointOptions {
+  pointStyle: PointStyle | HTMLImageElement | HTMLCanvasElement;
+  radius: number;
+  backgroundColor?: Color;
+  borderColor?: Color;
+  borderWidth?: number;
+  rotation?: number;
+}
+
+interface TextOptions {
+  color?: Color;
+  font?: FontSpec;
+  textAlign?: CanvasTextAlign;
+  textBaseline?: CanvasTextBaseline;
+  rotation?: number;
+}
+
+type PointStyle = 'circle' | 'cross' | 'crossRot' | 'dash' | 'line' | 'rect' | 'rectRounded' | 'rectRot' | 'star' | 'triangle';
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-chart-js/docs/visual-elements.md b/.tessl/tiles/tessl/npm-chart-js/docs/visual-elements.md
new file mode 100644
index 000000000..3e5335331
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-chart-js/docs/visual-elements.md
@@ -0,0 +1,418 @@
+# Visual Elements
+
+Core visual components for rendering chart elements. Elements handle the drawing and interaction logic for different visual shapes used in charts.
+
+## Capabilities
+
+### Bar Element
+
+Renders rectangular bars for bar charts.
+
+```javascript { .api }
+class BarElement extends Element {
+  static id: 'bar';
+  static defaults: object;
+  static defaultRoutes: object;
+  
+  // Properties
+  x: number;
+  y: number;
+  base: number;
+  horizontal: boolean;
+  width: number;
+  height: number;
+  
+  // Methods
+  draw(ctx: CanvasRenderingContext2D): void;
+  inRange(mouseX: number, mouseY: number, useFinalPosition?: boolean): boolean;
+  inXRange(mouseX: number, useFinalPosition?: boolean): boolean;
+  inYRange(mouseY: number, useFinalPosition?: boolean): boolean;
+  getCenterPoint(useFinalPosition?: boolean): Point;
+  getRange(axis: 'x' | 'y'): number;
+}
+
+interface BarElementOptions {
+  backgroundColor: Color;
+  borderColor: Color;
+  borderSkipped: 'start' | 'end' | 'middle' | 'bottom' | 'left' | 'top' | 'right' | boolean;
+  borderWidth: number;
+  borderRadius: number | BorderRadius;
+  inflateAmount: number | 'auto';
+}
+```
+
+**Usage Example:**
+
+```javascript
+// Bar element styling
+const config = {
+  type: 'bar',
+  data: { /* data */ },
+  options: {
+    elements: {
+      bar: {
+        backgroundColor: 'rgba(75, 192, 192, 0.2)',
+        borderColor: 'rgba(75, 192, 192, 1)',
+        borderWidth: 2,
+        borderRadius: 4,
+        borderSkipped: false
+      }
+    }
+  }
+};
+```
+
+### Line Element
+
+Renders line paths connecting data points.
+
+```javascript { .api }
+class LineElement extends Element {
+  static id: 'line';
+  static defaults: object;
+  static defaultRoutes: object;
+  
+  // Properties
+  points: PointElement[];
+  segments: LineSegment[];
+  first: boolean;
+  last: boolean;
+  smooth: boolean;
+  
+  // Methods
+  draw(ctx: CanvasRenderingContext2D): void;
+  interpolate(point: PointElement, property: string): unknown;
+  pathSegment(ctx: CanvasRenderingContext2D, segment: LineSegment, params: SegmentParams): boolean | void;
+  path(ctx: CanvasRenderingContext2D): boolean | void;
+}
+
+interface LineElementOptions {
+  backgroundColor: Color;
+  borderCapStyle: CanvasLineCap;
+  borderColor: Color;
+  borderDash: number[];
+  borderDashOffset: number;
+  borderJoinStyle: CanvasLineJoin;
+  borderWidth: number;
+  fill: boolean | string | number | object;
+  stepped: boolean | 'before' | 'after' | 'middle';
+  tension: number;
+}
+
+interface LineSegment {
+  start: number;
+  end: number;
+  loop: boolean;
+}
+
+interface SegmentParams {
+  move: boolean;
+  reverse: boolean;
+}
+```
+
+**Usage Example:**
+
+```javascript
+// Line element styling
+const config = {
+  type: 'line',
+  data: { /* data */ },
+  options: {
+    elements: {
+      line: {
+        borderColor: 'rgba(255, 99, 132, 1)',
+        borderWidth: 3,
+        borderDash: [5, 5],
+        borderCapStyle: 'round',
+        borderJoinStyle: 'round',
+        fill: false,
+        tension: 0.4
+      }
+    }
+  }
+};
+```
+
+### Point Element
+
+Renders individual data points and markers.
+
+```javascript { .api }
+class PointElement extends Element {
+  static id: 'point';
+  static defaults: object;
+  static defaultRoutes: object;
+  
+  // Properties
+  x: number;
+  y: number;
+  size: number;
+  
+  // Methods
+  draw(ctx: CanvasRenderingContext2D, area?: ChartArea): void;
+  inRange(mouseX: number, mouseY: number, useFinalPosition?: boolean): boolean;
+  inXRange(mouseX: number, useFinalPosition?: boolean): boolean;
+  inYRange(mouseY: number, useFinalPosition?: boolean): boolean;
+  getCenterPoint(useFinalPosition?: boolean): Point;
+  size(options?: PointElementOptions): number;
+  resolveElementProperties(chart: Chart, options: PointElementOptions): void;
+}
+
+interface PointElementOptions {
+  backgroundColor: Color;
+  borderColor: Color;
+  borderWidth: number;
+  hitRadius: number;
+  hoverBackgroundColor: Color;
+  hoverBorderColor: Color;
+  hoverBorderWidth: number;
+  hoverRadius: number;
+  pointStyle: PointStyle | HTMLImageElement | HTMLCanvasElement;
+  radius: number;
+  rotation: number;
+}
+
+type PointStyle = 'circle' | 'cross' | 'crossRot' | 'dash' | 'line' | 'rect' | 'rectRounded' | 'rectRot' | 'star' | 'triangle';
+```
+
+**Usage Example:**
+
+```javascript
+// Point element styling
+const config = {
+  type: 'line',
+  data: { /* data */ },
+  options: {
+    elements: {
+      point: {
+        backgroundColor: 'rgba(255, 206, 86, 1)',
+        borderColor: 'rgba(255, 206, 86, 1)',
+        borderWidth: 2,
+        radius: 6,
+        pointStyle: 'circle',
+        hoverRadius: 8,
+        hoverBorderWidth: 3
+      }
+    }
+  }
+};
+```
+
+### Arc Element
+
+Renders arc/sector shapes for pie and doughnut charts.
+
+```javascript { .api }
+class ArcElement extends Element {
+  static id: 'arc';
+  static defaults: object;
+  static defaultRoutes: object;
+  
+  // Properties
+  x: number;
+  y: number;
+  startAngle: number;
+  endAngle: number;
+  innerRadius: number;
+  outerRadius: number;
+  circumference: number;
+  
+  // Methods
+  draw(ctx: CanvasRenderingContext2D): void;
+  inRange(mouseX: number, mouseY: number, useFinalPosition?: boolean): boolean;
+  inXRange(mouseX: number, useFinalPosition?: boolean): boolean;
+  inYRange(mouseY: number, useFinalPosition?: boolean): boolean;
+  getCenterPoint(useFinalPosition?: boolean): Point;
+  getAngle(): number;
+  tooltipPosition(): Point;
+}
+
+interface ArcElementOptions {
+  angle: number;
+  backgroundColor: Color;
+  borderAlign: 'center' | 'inner';
+  borderColor: Color;
+  borderJoinStyle: CanvasLineJoin;
+  borderRadius: number | ArcBorderRadius;
+  borderWidth: number;
+  offset: number;
+  spacing: number;
+  circular: boolean;
+}
+
+interface ArcBorderRadius {
+  outerStart?: number;
+  outerEnd?: number;
+  innerStart?: number;
+  innerEnd?: number;
+}
+```
+
+**Usage Example:**
+
+```javascript
+// Arc element styling
+const config = {
+  type: 'doughnut',
+  data: { /* data */ },
+  options: {
+    elements: {
+      arc: {
+        backgroundColor: 'rgba(153, 102, 255, 0.2)',
+        borderColor: 'rgba(153, 102, 255, 1)',
+        borderWidth: 2,
+        borderAlign: 'center',
+        spacing: 2,
+        borderRadius: 4
+      }
+    }
+  }
+};
+```
+
+### Base Element Interface
+
+Common interface implemented by all elements.
+
+```javascript { .api }
+interface Element {
+  // Properties
+  readonly chart: Chart;
+  active: boolean;
+  options: ElementOptions;
+  
+  // Core methods
+  draw(ctx: CanvasRenderingContext2D, area?: ChartArea): void;
+  
+  // Hit detection methods
+  inRange(mouseX: number, mouseY: number, useFinalPosition?: boolean): boolean;
+  inXRange(mouseX: number, useFinalPosition?: boolean): boolean;
+  inYRange(mouseY: number, useFinalPosition?: boolean): boolean;
+  
+  // Position methods
+  getCenterPoint(useFinalPosition?: boolean): Point;
+  getRange?(axis: 'x' | 'y'): number;
+  
+  // Lifecycle methods  
+  tooltipPosition?(useFinalPosition?: boolean): Point;
+  hasValue?(): boolean;
+  getProps?(props: string[], final?: boolean): { [key: string]: unknown };
+}
+```
+
+### Element Factory
+
+Helper for creating element instances.
+
+```javascript { .api }
+interface ElementFactory {
+  create<T extends Element>(type: string, scope: object, values: object): T;
+  update<T extends Element>(element: T, properties: object, active: boolean): void;
+}
+```
+
+## Element Registration
+
+Elements must be registered before use in charts.
+
+```javascript { .api }
+import {
+  Chart,
+  BarElement,
+  LineElement,
+  PointElement,
+  ArcElement
+} from 'chart.js';
+
+// Register elements
+Chart.register(
+  BarElement,
+  LineElement,
+  PointElement,
+  ArcElement
+);
+```
+
+## Animation Properties
+
+Elements support property animation during chart updates.
+
+```javascript { .api }
+interface AnimatableElement {
+  // Properties that can be animated
+  x?: number;
+  y?: number;
+  width?: number;
+  height?: number;
+  radius?: number;
+  innerRadius?: number;
+  outerRadius?: number;
+  startAngle?: number;
+  endAngle?: number;
+  backgroundColor?: Color;
+  borderColor?: Color;
+  borderWidth?: number;
+}
+```
+
+**Usage Example:**
+
+```javascript
+// Custom animation configuration
+const config = {
+  type: 'bar',
+  data: { /* data */ },
+  options: {
+    animation: {
+      duration: 2000,
+      easing: 'easeInOutQuart'
+    },
+    animations: {
+      x: {
+        type: 'number',
+        easing: 'linear',
+        duration: 1000,
+        from: 0
+      },
+      y: {
+        type: 'number',
+        easing: 'easeInOutCubic',
+        duration: 1500,
+        delay: 500
+      }
+    }
+  }
+};
+```
+
+## Types
+
+```javascript { .api }
+interface Point {
+  x: number;
+  y: number;
+}
+
+interface BorderRadius {
+  topLeft: number;
+  topRight: number;
+  bottomLeft: number;
+  bottomRight: number;
+}
+
+interface ChartArea {
+  left: number;
+  top: number;
+  right: number;
+  bottom: number;
+  width: number;
+  height: number;
+}
+
+type Color = string | CanvasGradient | CanvasPattern;
+
+interface ElementOptions {
+  [key: string]: unknown;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-chart-js/tile.json b/.tessl/tiles/tessl/npm-chart-js/tile.json
new file mode 100644
index 000000000..9ddb5d368
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-chart-js/tile.json
@@ -0,0 +1,8 @@
+{
+  "name": "tessl/npm-chart-js",
+  "version": "4.3.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/chart.js@4.3.3",
+  "summary": "Simple HTML5 charts using the canvas element.",
+  "private": false
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-clsx/docs/index.md b/.tessl/tiles/tessl/npm-clsx/docs/index.md
new file mode 100644
index 000000000..4aea97d1f
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-clsx/docs/index.md
@@ -0,0 +1,237 @@
+# clsx
+
+clsx is a tiny (239B) utility for constructing className strings conditionally. It serves as a faster and smaller drop-in replacement for the popular classnames module, supporting various input types including strings, objects, arrays, and booleans while automatically filtering out falsy values.
+
+## Package Information
+
+- **Package Name**: clsx
+- **Package Type**: npm
+- **Language**: JavaScript with TypeScript definitions
+- **Installation**: `npm install clsx`
+
+## Core Imports
+
+ES Module (default):
+```javascript
+import clsx from "clsx";
+```
+
+ES Module (named):
+```javascript
+import { clsx } from "clsx";
+```
+
+CommonJS:
+```javascript
+const clsx = require("clsx");
+```
+
+Lite version (string-only):
+```javascript
+import clsx from "clsx/lite";
+// or
+import { clsx } from "clsx/lite";
+```
+
+## Basic Usage
+
+```javascript
+import clsx from 'clsx';
+
+// Strings (variadic)
+clsx('foo', true && 'bar', 'baz');
+//=> 'foo bar baz'
+
+// Objects
+clsx({ foo: true, bar: false, baz: isTrue() });
+//=> 'foo baz'
+
+// Arrays
+clsx(['foo', 0, false, 'bar']);
+//=> 'foo bar'
+
+// Mixed arguments (kitchen sink)
+clsx('foo', [1 && 'bar', { baz: false, bat: null }, ['hello', ['world']]], 'cya');
+//=> 'foo bar hello world cya'
+```
+
+## Capabilities
+
+### Main clsx Function
+
+The primary function that accepts any number of arguments of various types and returns a consolidated className string.
+
+```typescript { .api }
+function clsx(...inputs: ClassValue[]): string;
+```
+
+**Arguments:**
+- `inputs` - Any number of ClassValue arguments (strings, numbers, booleans, objects, arrays, null, undefined)
+
+**Returns:**
+- `string` - Consolidated className string with space-separated class names
+
+**Behavior:**
+- Falsy values (false, 0, '', null, undefined, NaN) are ignored
+- Standalone boolean values are discarded
+- String and number values are included directly
+- Object keys with truthy values are included as class names
+- Arrays are processed recursively, flattening nested structures
+- BigInt values are converted to strings and included
+
+### Lite Version
+
+A lightweight variant that only processes string arguments, ignoring all other input types.
+
+```typescript { .api }
+function clsx(...inputs: string[]): string;
+```
+
+**Arguments:**
+- `inputs` - Any number of string arguments (non-string arguments are ignored)
+
+**Returns:**
+- `string` - Consolidated className string from valid string inputs only
+
+**Usage:**
+```javascript
+import clsx from 'clsx/lite';
+
+// Only strings are processed
+clsx('hello', true && 'foo', false && 'bar');
+//=> "hello foo"
+
+// Non-string inputs are ignored
+clsx({ foo: true }, ['bar'], 42);
+//=> ""
+```
+
+## Types
+
+```typescript { .api }
+type ClassValue = ClassArray | ClassDictionary | string | number | bigint | null | boolean | undefined;
+
+type ClassDictionary = Record<string, any>;
+
+type ClassArray = ClassValue[];
+```
+
+**Type Descriptions:**
+- `ClassValue` - Union type representing all valid input types for clsx
+- `ClassDictionary` - Object type where keys are class names and values determine inclusion
+- `ClassArray` - Recursive array type allowing nested ClassValue items
+
+## Input Type Behavior
+
+### Strings
+- Included directly in the output
+- Empty strings are ignored
+- Whitespace is preserved as provided
+
+### Numbers
+- Converted to strings and included
+- Zero (0) is treated as falsy and ignored
+- Infinity is converted to "Infinity"
+- NaN is treated as falsy and ignored
+
+### Booleans
+- Used for conditional logic but not included in output
+- Commonly used with logical operators: `condition && 'class-name'`
+
+### Objects
+- Keys with truthy values are included as class names
+- Keys with falsy values are ignored
+- Nested objects within arrays are processed normally
+
+### Arrays
+- Processed recursively, supporting unlimited nesting
+- Each element is evaluated according to its type
+- Empty arrays are ignored
+
+### Null/Undefined
+- Always ignored and filtered out
+- Safe to pass without conditional checks
+
+## Usage Patterns
+
+### Conditional Classes
+```javascript
+clsx('base-class', {
+  'active': isActive,
+  'disabled': !isEnabled,
+  'error': hasError
+});
+```
+
+### Mixed Input Types
+```javascript
+clsx(
+  'always-present',
+  condition && 'conditional-class',
+  {
+    'object-based': someBoolean,
+    'another-class': anotherCondition
+  },
+  ['array', 'classes', nested && 'nested-class']
+);
+```
+
+### React Component Example
+```javascript
+function Button({ variant, size, disabled, className, children }) {
+  return (
+    <button
+      className={clsx(
+        'btn',
+        `btn-${variant}`,
+        `btn-${size}`,
+        {
+          'btn-disabled': disabled
+        },
+        className
+      )}
+    >
+      {children}
+    </button>
+  );
+}
+```
+
+### Tailwind CSS Integration
+```javascript
+// Optimal for Tailwind with clsx/lite
+import clsx from 'clsx/lite';
+
+const classes = clsx(
+  'text-base',
+  props.active && 'text-primary',
+  props.className
+);
+```
+
+## Distribution Formats
+
+### Main Package
+- **CommonJS**: `dist/clsx.js`
+- **ES Module**: `dist/clsx.mjs`  
+- **UMD**: `dist/clsx.min.js`
+- **Size**: 239 bytes (gzipped)
+
+### Lite Package
+- **CommonJS**: `dist/lite.js`
+- **ES Module**: `dist/lite.mjs`
+- **Size**: 140 bytes (gzipped)
+
+## Browser Support
+
+- **Modern Browsers**: All browsers supporting Array.isArray (IE9+)
+- **Node.js**: All versions 6+
+- **Legacy Support**: clsx@1.0.x for IE8 and below
+
+## Error Handling
+
+clsx is designed to be fault-tolerant:
+- Accepts any input without throwing errors
+- Gracefully handles undefined, null, and unexpected types
+- No validation errors - invalid inputs are simply ignored
+- Safe to use with dynamic or untrusted input data
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-clsx/tile.json b/.tessl/tiles/tessl/npm-clsx/tile.json
new file mode 100644
index 000000000..7c37062b4
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-clsx/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-clsx",
+  "version": "2.1.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/clsx@2.1.1",
+  "summary": "A tiny (239B) utility for constructing className strings conditionally."
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-date-fns/docs/arithmetic.md b/.tessl/tiles/tessl/npm-date-fns/docs/arithmetic.md
new file mode 100644
index 000000000..aa251f861
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-date-fns/docs/arithmetic.md
@@ -0,0 +1,377 @@
+# Date Arithmetic
+
+Date arithmetic functions provide core date manipulation capabilities for adding, subtracting, and calculating differences between dates. All functions are pure and return new date instances without modifying the input dates.
+
+## Add Functions
+
+### add
+
+Add a duration to a date.
+
+```typescript { .api }
+function add<DateType extends Date>(
+  date: DateArg<DateType>,
+  duration: Duration
+): DateType;
+```
+
+**Parameters:**
+- `date` - The date to add the duration to
+- `duration` - The duration object specifying amounts to add
+
+**Example:**
+```typescript
+import { add } from "date-fns";
+
+const result = add(new Date(2014, 8, 1), {
+  years: 2,
+  months: 9,
+  weeks: 1,
+  days: 7,
+  hours: 5,
+  minutes: 9,
+  seconds: 30,
+});
+//=> Sun Jun 15 2017 05:09:30
+```
+
+### Individual Add Functions
+
+Add specific time units to a date.
+
+```typescript { .api }
+function addYears<DateType extends Date>(date: DateArg<DateType>, amount: number): DateType;
+function addMonths<DateType extends Date>(date: DateArg<DateType>, amount: number): DateType;
+function addQuarters<DateType extends Date>(date: DateArg<DateType>, amount: number): DateType;
+function addWeeks<DateType extends Date>(date: DateArg<DateType>, amount: number): DateType;
+function addDays<DateType extends Date>(date: DateArg<DateType>, amount: number): DateType;
+function addBusinessDays<DateType extends Date>(date: DateArg<DateType>, amount: number): DateType;
+function addHours<DateType extends Date>(date: DateArg<DateType>, amount: number): DateType;
+function addMinutes<DateType extends Date>(date: DateArg<DateType>, amount: number): DateType;
+function addSeconds<DateType extends Date>(date: DateArg<DateType>, amount: number): DateType;
+function addMilliseconds<DateType extends Date>(date: DateArg<DateType>, amount: number): DateType;
+function addISOWeekYears<DateType extends Date>(date: DateArg<DateType>, amount: number): DateType;
+```
+
+**Parameters:**
+- `date` - The date to add to
+- `amount` - The amount to add (can be negative for subtraction)
+
+**Examples:**
+```typescript
+import { addDays, addBusinessDays, addMonths } from "date-fns";
+
+// Add 10 days
+addDays(new Date(2014, 8, 1), 10);
+//=> Thu Sep 11 2014
+
+// Add 10 business days (skips weekends)
+addBusinessDays(new Date(2014, 8, 1), 10);
+//=> Mon Sep 15 2014
+
+// Add 2 months
+addMonths(new Date(2014, 8, 1), 2);
+//=> Wed Nov 01 2014
+```
+
+## Subtract Functions
+
+### sub
+
+Subtract a duration from a date.
+
+```typescript { .api }
+function sub<DateType extends Date>(
+  date: DateArg<DateType>,
+  duration: Duration
+): DateType;
+```
+
+**Parameters:**
+- `date` - The date to subtract the duration from
+- `duration` - The duration object specifying amounts to subtract
+
+**Example:**
+```typescript
+import { sub } from "date-fns";
+
+const result = sub(new Date(2014, 8, 1), {
+  years: 2,
+  months: 9,
+  weeks: 1,
+  days: 7,
+  hours: 5,
+  minutes: 9,
+  seconds: 30,
+});
+//=> Tue Sep 04 2012
+```
+
+### Individual Subtract Functions
+
+Subtract specific time units from a date.
+
+```typescript { .api }
+function subYears<DateType extends Date>(date: DateArg<DateType>, amount: number): DateType;
+function subMonths<DateType extends Date>(date: DateArg<DateType>, amount: number): DateType;
+function subQuarters<DateType extends Date>(date: DateArg<DateType>, amount: number): DateType;
+function subWeeks<DateType extends Date>(date: DateArg<DateType>, amount: number): DateType;
+function subDays<DateType extends Date>(date: DateArg<DateType>, amount: number): DateType;
+function subBusinessDays<DateType extends Date>(date: DateArg<DateType>, amount: number): DateType;
+function subHours<DateType extends Date>(date: DateArg<DateType>, amount: number): DateType;
+function subMinutes<DateType extends Date>(date: DateArg<DateType>, amount: number): DateType;
+function subSeconds<DateType extends Date>(date: DateArg<DateType>, amount: number): DateType;
+function subMilliseconds<DateType extends Date>(date: DateArg<DateType>, amount: number): DateType;
+function subISOWeekYears<DateType extends Date>(date: DateArg<DateType>, amount: number): DateType;
+```
+
+## Difference Functions
+
+Calculate the difference between two dates in various units.
+
+```typescript { .api }
+function differenceInYears(laterDate: DateArg<Date>, earlierDate: DateArg<Date>, options?: DifferenceInYearsOptions): number;
+function differenceInMonths(laterDate: DateArg<Date>, earlierDate: DateArg<Date>, options?: DifferenceInMonthsOptions): number;
+function differenceInQuarters(laterDate: DateArg<Date>, earlierDate: DateArg<Date>): number;
+function differenceInWeeks(laterDate: DateArg<Date>, earlierDate: DateArg<Date>, options?: DifferenceInWeeksOptions): number;
+function differenceInDays(laterDate: DateArg<Date>, earlierDate: DateArg<Date>): number;
+function differenceInBusinessDays(laterDate: DateArg<Date>, earlierDate: DateArg<Date>): number;
+function differenceInHours(laterDate: DateArg<Date>, earlierDate: DateArg<Date>, options?: DifferenceInHoursOptions): number;
+function differenceInMinutes(dateLeft: DateArg<Date>, dateRight: DateArg<Date>, options?: DifferenceInMinutesOptions): number;
+function differenceInSeconds(laterDate: DateArg<Date>, earlierDate: DateArg<Date>): number;
+function differenceInMilliseconds(laterDate: DateArg<Date>, earlierDate: DateArg<Date>): number;
+```
+
+**Parameters:**
+- `laterDate` - The later date (or `dateLeft` for differenceInMinutes)
+- `earlierDate` - The earlier date (or `dateRight` for differenceInMinutes)
+- `options` - Configuration options for supported functions
+
+**Returns:** The number of units between the dates (positive if laterDate > earlierDate)
+
+**Examples:**
+```typescript
+import { differenceInDays, differenceInHours, differenceInMonths } from "date-fns";
+
+// Days difference
+differenceInDays(new Date(2014, 6, 2), new Date(2014, 0, 1));
+//=> 182
+
+// Hours difference
+differenceInHours(new Date(2014, 6, 2, 06, 0), new Date(2014, 6, 2, 19, 0));
+//=> -13
+
+// Months difference
+differenceInMonths(new Date(2014, 6, 2), new Date(2012, 0, 1));
+//=> 30
+```
+
+## Calendar Difference Functions
+
+Calculate differences based on calendar periods rather than exact time spans.
+
+```typescript { .api }
+function differenceInCalendarYears(laterDate: DateArg<Date>, earlierDate: DateArg<Date>): number;
+function differenceInCalendarMonths(laterDate: DateArg<Date>, earlierDate: DateArg<Date>): number;
+function differenceInCalendarQuarters(laterDate: DateArg<Date>, earlierDate: DateArg<Date>): number;
+function differenceInCalendarWeeks(laterDate: DateArg<Date>, earlierDate: DateArg<Date>, options?: DifferenceInCalendarWeeksOptions): number;
+function differenceInCalendarDays(laterDate: DateArg<Date>, earlierDate: DateArg<Date>): number;
+function differenceInCalendarISOWeeks(laterDate: DateArg<Date>, earlierDate: DateArg<Date>): number;
+function differenceInCalendarISOWeekYears(laterDate: DateArg<Date>, earlierDate: DateArg<Date>): number;
+```
+
+**Example:**
+```typescript
+import { differenceInCalendarMonths, differenceInMonths } from "date-fns";
+
+// Calendar months (counts month boundaries)
+differenceInCalendarMonths(new Date(2014, 6, 2), new Date(2014, 0, 31));
+//=> 6
+
+// Full months (30+ day periods)
+differenceInMonths(new Date(2014, 6, 2), new Date(2014, 0, 31));
+//=> 5
+```
+
+## ISO Week Functions
+
+ISO week year arithmetic for international week-based calculations.
+
+```typescript { .api }
+function differenceInISOWeekYears(laterDate: DateArg<Date>, earlierDate: DateArg<Date>): number;
+```
+
+**Example:**
+```typescript
+import { differenceInISOWeekYears } from "date-fns";
+
+differenceInISOWeekYears(new Date(2014, 6, 2), new Date(2012, 0, 1));
+//=> 2
+```
+
+## Unit Conversion Functions
+
+Convert between different time units for calculations and display.
+
+```typescript { .api }
+// Time unit conversions
+function millisecondsToSeconds(milliseconds: number): number;
+function millisecondsToMinutes(milliseconds: number): number;
+function millisecondsToHours(milliseconds: number): number;
+function secondsToMinutes(seconds: number): number;
+function secondsToHours(seconds: number): number;
+function secondsToMilliseconds(seconds: number): number;
+function minutesToSeconds(minutes: number): number;
+function minutesToHours(minutes: number): number;
+function minutesToMilliseconds(minutes: number): number;
+function hoursToMinutes(hours: number): number;
+function hoursToSeconds(hours: number): number;
+function hoursToMilliseconds(hours: number): number;
+
+// Date unit conversions
+function daysToWeeks(days: number): number;
+function weeksToDays(weeks: number): number;
+function monthsToQuarters(months: number): number;
+function monthsToYears(months: number): number;
+function quartersToMonths(quarters: number): number;
+function quartersToYears(quarters: number): number;
+function yearsToDays(years: number): number;
+function yearsToMonths(years: number): number;
+function yearsToQuarters(years: number): number;
+```
+
+**Examples:**
+```typescript
+import { hoursToMinutes, daysToWeeks, monthsToQuarters } from "date-fns";
+
+hoursToMinutes(2); //=> 120
+daysToWeeks(14); //=> 2
+monthsToQuarters(9); //=> 3
+```
+
+## Utility Functions
+
+### clamp
+
+Clamp a date to fit within an interval.
+
+```typescript { .api }
+function clamp<DateType extends Date>(
+  date: DateArg<DateType>,
+  interval: Interval
+): DateType;
+```
+
+**Example:**
+```typescript
+import { clamp } from "date-fns";
+
+clamp(new Date(2014, 0, 1), {
+  start: new Date(2014, 0, 5),
+  end: new Date(2014, 0, 10)
+});
+//=> Sun Jan 05 2014 (clamped to start)
+```
+
+### intervalToDuration
+
+Convert an interval to a duration object.
+
+```typescript { .api }
+function intervalToDuration(interval: Interval): Duration;
+```
+
+**Example:**
+```typescript
+import { intervalToDuration } from "date-fns";
+
+intervalToDuration({
+  start: new Date(2014, 0, 1, 0, 0, 0),
+  end: new Date(2014, 0, 1, 0, 0, 15)
+});
+//=> { seconds: 15 }
+```
+
+## Rounding Functions
+
+Round dates to the nearest specified time unit.
+
+```typescript { .api }
+function roundToNearestHours<DateType extends Date>(
+  date: DateArg<DateType>,
+  options?: RoundToNearestHoursOptions
+): DateType;
+
+function roundToNearestMinutes<DateType extends Date>(
+  date: DateArg<DateType>,
+  options?: RoundToNearestMinutesOptions
+): DateType;
+```
+
+**Parameters:**
+- `date` - The date to round
+- `options` - Rounding configuration
+
+**Examples:**
+```typescript
+import { roundToNearestHours, roundToNearestMinutes } from "date-fns";
+
+// Round to nearest hour
+roundToNearestHours(new Date(2014, 6, 10, 12, 30));
+//=> Thu Jul 10 2014 13:00:00
+
+// Round to nearest 15 minutes
+roundToNearestMinutes(new Date(2014, 6, 10, 12, 7), { nearestTo: 15 });
+//=> Thu Jul 10 2014 12:00:00
+```
+
+## Duration Conversion
+
+### milliseconds
+
+Convert a duration to milliseconds.
+
+```typescript { .api }
+function milliseconds(duration: Duration): number;
+```
+
+**Example:**
+```typescript
+import { milliseconds } from "date-fns";
+
+milliseconds({ hours: 2, minutes: 30 });
+//=> 9000000
+```
+
+## Options Interfaces
+
+```typescript { .api }
+interface DifferenceInYearsOptions extends ContextOptions<Date> {}
+
+interface DifferenceInMonthsOptions extends ContextOptions<Date> {}
+
+interface DifferenceInHoursOptions extends RoundingOptions, ContextOptions<Date> {}
+
+interface DifferenceInMinutesOptions extends RoundingOptions {}
+
+interface DifferenceInWeeksOptions extends RoundingOptions, ContextOptions<Date> {}
+
+interface DifferenceInCalendarWeeksOptions extends LocalizedOptions<"options">, WeekOptions, ContextOptions<Date> {}
+
+interface RoundToNearestHoursOptions<DateType extends Date = Date> 
+  extends NearestToUnitOptions<NearestHours>, RoundingOptions, ContextOptions<DateType> {}
+
+interface RoundToNearestMinutesOptions<DateType extends Date = Date>
+  extends NearestToUnitOptions<NearestMinutes>, RoundingOptions, ContextOptions<DateType> {}
+
+interface RoundingOptions {
+  roundingMethod?: "ceil" | "floor" | "round" | "trunc";
+}
+
+interface NearestToUnitOptions<Unit extends number> {
+  nearestTo?: Unit;
+}
+
+type NearestHours = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+type NearestMinutes = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30;
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-date-fns/docs/components.md b/.tessl/tiles/tessl/npm-date-fns/docs/components.md
new file mode 100644
index 000000000..dc3bfb2fd
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-date-fns/docs/components.md
@@ -0,0 +1,527 @@
+# Date Components
+
+Date component functions provide utilities for getting and setting individual date parts (year, month, day, hour, etc.) with proper handling of time zones and edge cases. All functions are pure and return new date instances.
+
+## Get Functions
+
+### Year Components
+
+```typescript { .api }
+function getYear(date: DateArg<Date>): number;
+function getISOWeekYear(date: DateArg<Date>): number;
+function getWeekYear(date: DateArg<Date>, options?: WeekYearOptions): number;
+function getDecade(date: DateArg<Date>): number;
+```
+
+**Examples:**
+```typescript
+import { getYear, getISOWeekYear, getDecade } from "date-fns";
+
+const date = new Date(2014, 1, 11);
+
+getYear(date); //=> 2014
+getISOWeekYear(date); //=> 2014
+getDecade(date); //=> 2014
+
+// Edge case: ISO week year can differ from calendar year
+getYear(new Date(2005, 0, 1)); //=> 2005
+getISOWeekYear(new Date(2005, 0, 1)); //=> 2004 (belongs to 2004's ISO week year)
+```
+
+### Month and Quarter Components
+
+```typescript { .api }
+function getMonth(date: DateArg<Date>): number;
+function getQuarter(date: DateArg<Date>): number;
+function getDaysInMonth(date: DateArg<Date>): number;
+function getDaysInYear(date: DateArg<Date>): number;
+```
+
+**Examples:**
+```typescript
+import { getMonth, getQuarter, getDaysInMonth, getDaysInYear } from "date-fns";
+
+const date = new Date(2014, 1, 11); // February 11, 2014
+
+getMonth(date); //=> 1 (February, 0-indexed)
+getQuarter(date); //=> 1 (Q1: Jan-Mar)
+getDaysInMonth(date); //=> 28 (February 2014)
+getDaysInYear(date); //=> 365 (2014 is not a leap year)
+
+// Leap year
+getDaysInYear(new Date(2012, 0, 1)); //=> 366
+```
+
+### Day Components
+
+```typescript { .api }
+function getDate(date: DateArg<Date>): number;
+function getDay(date: DateArg<Date>): number;
+function getISODay(date: DateArg<Date>): number;
+function getDayOfYear(date: DateArg<Date>): number;
+```
+
+**Examples:**
+```typescript
+import { getDate, getDay, getISODay, getDayOfYear } from "date-fns";
+
+const date = new Date(2014, 1, 11); // Tuesday, February 11, 2014
+
+getDate(date); //=> 11 (day of month)
+getDay(date); //=> 2 (Tuesday, 0=Sunday)
+getISODay(date); //=> 2 (Tuesday, 1=Monday in ISO)
+getDayOfYear(date); //=> 42 (42nd day of 2014)
+```
+
+### Week Components
+
+```typescript { .api }
+function getWeek(date: DateArg<Date>, options?: WeekOptions): number;
+function getISOWeek(date: DateArg<Date>): number;
+function getWeekOfMonth(date: DateArg<Date>, options?: WeekOptions): number;
+function getWeeksInMonth(date: DateArg<Date>, options?: WeekOptions): number;
+function getISOWeeksInYear(date: DateArg<Date>): number;
+```
+
+**Examples:**
+```typescript
+import { getWeek, getISOWeek, getWeekOfMonth } from "date-fns";
+
+const date = new Date(2014, 1, 11);
+
+getWeek(date); //=> 7 (7th week of 2014)
+getISOWeek(date); //=> 7 (ISO week 7)
+getWeekOfMonth(date); //=> 2 (2nd week of February)
+```
+
+### Time Components
+
+```typescript { .api }
+function getHours(date: DateArg<Date>): number;
+function getMinutes(date: DateArg<Date>): number;
+function getSeconds(date: DateArg<Date>): number;
+function getMilliseconds(date: DateArg<Date>): number;
+function getTime(date: DateArg<Date>): number;
+function getUnixTime(date: DateArg<Date>): number;
+```
+
+**Examples:**
+```typescript
+import { getHours, getMinutes, getSeconds, getTime, getUnixTime } from "date-fns";
+
+const date = new Date(2014, 1, 11, 14, 30, 45, 500);
+
+getHours(date); //=> 14
+getMinutes(date); //=> 30
+getSeconds(date); //=> 45
+getMilliseconds(date); //=> 500
+getTime(date); //=> 1392123045500 (milliseconds since epoch)
+getUnixTime(date); //=> 1392123045 (seconds since epoch)
+```
+
+## Set Functions
+
+### Year Setting
+
+```typescript { .api }
+function setYear<DateType extends Date>(
+  date: DateArg<DateType>,
+  year: number
+): DateType;
+function setISOWeekYear<DateType extends Date>(
+  date: DateArg<DateType>,
+  isoWeekYear: number
+): DateType;
+function setWeekYear<DateType extends Date>(
+  date: DateArg<DateType>,
+  weekYear: number,
+  options?: WeekYearOptions
+): DateType;
+```
+
+**Examples:**
+```typescript
+import { setYear, setISOWeekYear } from "date-fns";
+
+const date = new Date(2014, 1, 11);
+
+setYear(date, 2020);
+//=> Tue Feb 11 2020
+
+// Handle leap year edge case
+setYear(new Date(2016, 1, 29), 2017); // Feb 29, 2016
+//=> Tue Feb 28 2017 (2017 is not a leap year)
+```
+
+### Month and Quarter Setting
+
+```typescript { .api }
+function setMonth<DateType extends Date>(
+  date: DateArg<DateType>,
+  month: number
+): DateType;
+function setQuarter<DateType extends Date>(
+  date: DateArg<DateType>,
+  quarter: number
+): DateType;
+```
+
+**Examples:**
+```typescript
+import { setMonth, setQuarter } from "date-fns";
+
+const date = new Date(2014, 1, 11);
+
+setMonth(date, 5); // Set to June (0-indexed)
+//=> Wed Jun 11 2014
+
+setQuarter(date, 3); // Set to Q3 (July)
+//=> Fri Jul 11 2014
+
+// Handle month overflow
+setMonth(new Date(2014, 0, 31), 1); // Jan 31 to February
+//=> Fri Feb 28 2014 (February doesn't have 31 days)
+```
+
+### Day Setting
+
+```typescript { .api }
+function setDate<DateType extends Date>(
+  date: DateArg<DateType>,
+  dayOfMonth: number
+): DateType;
+function setDay<DateType extends Date>(
+  date: DateArg<DateType>,
+  day: number,
+  options?: WeekOptions
+): DateType;
+function setISODay<DateType extends Date>(
+  date: DateArg<DateType>,
+  day: number
+): DateType;
+function setDayOfYear<DateType extends Date>(
+  date: DateArg<DateType>,
+  dayOfYear: number
+): DateType;
+```
+
+**Examples:**
+```typescript
+import { setDate, setDay, setISODay, setDayOfYear } from "date-fns";
+
+const date = new Date(2014, 1, 11); // Tuesday
+
+setDate(date, 20);
+//=> Thu Feb 20 2014
+
+setDay(date, 0); // Set to Sunday
+//=> Sun Feb 09 2014
+
+setISODay(date, 1); // Set to Monday (ISO: 1=Monday)
+//=> Mon Feb 10 2014
+
+setDayOfYear(date, 100); // 100th day of year
+//=> Thu Apr 10 2014
+```
+
+### Week Setting
+
+```typescript { .api }
+function setWeek<DateType extends Date>(
+  date: DateArg<DateType>,
+  week: number,
+  options?: WeekOptions
+): DateType;
+function setISOWeek<DateType extends Date>(
+  date: DateArg<DateType>,
+  isoWeek: number
+): DateType;
+```
+
+**Examples:**
+```typescript
+import { setWeek, setISOWeek } from "date-fns";
+
+const date = new Date(2014, 1, 11);
+
+setWeek(date, 1); // First week of year
+//=> Mon Jan 06 2014
+
+setISOWeek(date, 1); // ISO week 1
+//=> Mon Jan 06 2014
+```
+
+### Time Setting
+
+```typescript { .api }
+function setHours<DateType extends Date>(
+  date: DateArg<DateType>,
+  hours: number
+): DateType;
+function setMinutes<DateType extends Date>(
+  date: DateArg<DateType>,
+  minutes: number
+): DateType;
+function setSeconds<DateType extends Date>(
+  date: DateArg<DateType>,
+  seconds: number
+): DateType;
+function setMilliseconds<DateType extends Date>(
+  date: DateArg<DateType>,
+  milliseconds: number
+): DateType;
+```
+
+**Examples:**
+```typescript
+import { setHours, setMinutes, setSeconds, setMilliseconds } from "date-fns";
+
+const date = new Date(2014, 1, 11, 10, 30, 40, 500);
+
+setHours(date, 14);
+//=> Tue Feb 11 2014 14:30:40.500
+
+setMinutes(date, 45);
+//=> Tue Feb 11 2014 10:45:40.500
+
+setSeconds(date, 0);
+//=> Tue Feb 11 2014 10:30:00.500
+
+setMilliseconds(date, 0);
+//=> Tue Feb 11 2014 10:30:40.000
+```
+
+## Bulk Setting
+
+### set
+
+Set multiple date components at once.
+
+```typescript { .api }
+function set<DateType extends Date>(
+  date: DateArg<DateType>,
+  values: {
+    year?: number;
+    month?: number;
+    date?: number;
+    hours?: number;
+    minutes?: number;
+    seconds?: number;
+    milliseconds?: number;
+  }
+): DateType;
+```
+
+**Examples:**
+```typescript
+import { set } from "date-fns";
+
+const date = new Date(2014, 1, 11, 10, 30, 40, 500);
+
+// Set multiple components
+set(date, {
+  year: 2020,
+  month: 5, // June (0-indexed)
+  date: 15,
+  hours: 14,
+  minutes: 0,
+  seconds: 0,
+  milliseconds: 0
+});
+//=> Mon Jun 15 2020 14:00:00.000
+
+// Partial setting
+set(date, {
+  hours: 0,
+  minutes: 0,
+  seconds: 0,
+  milliseconds: 0
+});
+//=> Tue Feb 11 2014 00:00:00.000 (only time components changed)
+```
+
+## Configuration
+
+### Default Options
+
+```typescript { .api }
+function getDefaultOptions(): DefaultOptions;
+function setDefaultOptions(newOptions: DefaultOptions): void;
+```
+
+**Examples:**
+```typescript
+import { getDefaultOptions, setDefaultOptions } from "date-fns";
+import { enGB } from "date-fns/locale";
+
+// Get current defaults
+const currentOptions = getDefaultOptions();
+
+// Set new defaults
+setDefaultOptions({
+  locale: enGB,
+  weekStartsOn: 1, // Monday
+  firstWeekContainsDate: 4
+});
+
+// Now all functions will use these defaults unless overridden
+```
+
+## Advanced Component Access
+
+### Overlapping Intervals
+
+```typescript { .api }
+function getOverlappingDaysInIntervals(
+  intervalLeft: Interval,
+  intervalRight: Interval
+): number;
+```
+
+**Example:**
+```typescript
+import { getOverlappingDaysInIntervals } from "date-fns";
+
+const leftInterval = {
+  start: new Date(2014, 0, 10),
+  end: new Date(2014, 0, 20)
+};
+
+const rightInterval = {
+  start: new Date(2014, 0, 17),
+  end: new Date(2014, 0, 21)
+};
+
+getOverlappingDaysInIntervals(leftInterval, rightInterval);
+//=> 4 (days 17, 18, 19, 20)
+```
+
+## Component Manipulation Patterns
+
+### Date Normalization
+
+```typescript
+import { set } from "date-fns";
+
+// Normalize to start of day
+function normalizeToStartOfDay(date: Date): Date {
+  return set(date, {
+    hours: 0,
+    minutes: 0,
+    seconds: 0,
+    milliseconds: 0
+  });
+}
+
+// Normalize to end of day
+function normalizeToEndOfDay(date: Date): Date {
+  return set(date, {
+    hours: 23,
+    minutes: 59,
+    seconds: 59,
+    milliseconds: 999
+  });
+}
+```
+
+### Safe Component Setting
+
+```typescript
+import { setMonth, getDaysInMonth, setDate } from "date-fns";
+
+// Safely set month, handling day overflow
+function safeSetMonth(date: Date, month: number): Date {
+  const tempDate = setMonth(date, month);
+  const daysInNewMonth = getDaysInMonth(tempDate);
+  const currentDay = getDate(date);
+  
+  if (currentDay > daysInNewMonth) {
+    return setDate(tempDate, daysInNewMonth);
+  }
+  
+  return tempDate;
+}
+```
+
+### Component Validation
+
+```typescript
+import { isValid, set, getYear, getMonth, getDate } from "date-fns";
+
+function isValidDateComponents(year: number, month: number, day: number): boolean {
+  try {
+    const testDate = set(new Date(), { year, month, date: day });
+    return isValid(testDate) && 
+           getYear(testDate) === year &&
+           getMonth(testDate) === month &&
+           getDate(testDate) === day;
+  } catch {
+    return false;
+  }
+}
+```
+
+## Option Types
+
+### WeekOptions
+
+```typescript { .api }
+interface WeekOptions {
+  locale?: Locale;
+  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+}
+```
+
+### WeekYearOptions
+
+```typescript { .api }
+interface WeekYearOptions {
+  locale?: Locale;
+  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+  firstWeekContainsDate?: 1 | 2 | 3 | 4 | 5 | 6 | 7;
+}
+```
+
+### DefaultOptions
+
+```typescript { .api }
+interface DefaultOptions {
+  locale?: Locale;
+  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+  firstWeekContainsDate?: 1 | 2 | 3 | 4 | 5 | 6 | 7;
+}
+```
+
+## Edge Cases and Considerations
+
+### Month Overflow
+
+When setting months, date-fns automatically handles overflow:
+
+```typescript
+import { setMonth } from "date-fns";
+
+// January 31 → February 28 (not March 3)
+setMonth(new Date(2014, 0, 31), 1); //=> Feb 28, 2014
+```
+
+### Leap Year Handling
+
+```typescript
+import { setYear } from "date-fns";
+
+// February 29 in leap year → February 28 in non-leap year
+setYear(new Date(2016, 1, 29), 2017); //=> Feb 28, 2017
+```
+
+### Week Year vs Calendar Year
+
+ISO week years can differ from calendar years at year boundaries:
+
+```typescript
+import { getYear, getISOWeekYear } from "date-fns";
+
+const date = new Date(2005, 0, 1); // January 1, 2005 (Saturday)
+getYear(date); //=> 2005
+getISOWeekYear(date); //=> 2004 (belongs to last week of ISO year 2004)
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-date-fns/docs/constants.md b/.tessl/tiles/tessl/npm-date-fns/docs/constants.md
new file mode 100644
index 000000000..2920d0d97
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-date-fns/docs/constants.md
@@ -0,0 +1,525 @@
+# Constants and Utilities
+
+Constants and utility functions provide mathematical constants for time calculations, utility functions for date construction, and helper functions for common operations. These form the foundation of date-fns functionality.
+
+## Time Constants
+
+### Basic Time Units
+
+```typescript { .api }
+const millisecondsInSecond: number = 1000;
+const millisecondsInMinute: number = 60000;
+const millisecondsInHour: number = 3600000;
+const millisecondsInDay: number = 86400000;
+const millisecondsInWeek: number = 604800000;
+```
+
+**Usage:**
+```typescript
+import { millisecondsInDay, millisecondsInHour } from "date-fns/constants";
+
+// Calculate milliseconds for custom durations
+const threeDaysInMs = 3 * millisecondsInDay;
+const sixHoursInMs = 6 * millisecondsInHour;
+
+// Convert millisecond differences to days
+const msDifference = date2.getTime() - date1.getTime();
+const daysDifference = msDifference / millisecondsInDay;
+```
+
+### Duration Constants
+
+```typescript { .api }
+const secondsInMinute: number = 60;
+const secondsInHour: number = 3600;
+const secondsInDay: number = 86400;
+const secondsInWeek: number = 604800;
+const secondsInMonth: number = 2629800; // Average month (secondsInYear / 12)
+const secondsInQuarter: number = 7889400; // Average quarter (secondsInMonth * 3)
+const secondsInYear: number = 31557600; // Average year (secondsInDay * daysInYear)
+```
+
+**Examples:**
+```typescript
+import { secondsInDay, secondsInHour } from "date-fns/constants";
+
+// Calculate time intervals
+const workingHoursPerDay = 8;
+const workingSecondsPerDay = workingHoursPerDay * secondsInHour;
+
+// Convert Unix timestamps
+const unixTimestamp = Date.now() / 1000;
+const daysFromEpoch = unixTimestamp / secondsInDay;
+```
+
+### Calendar Constants
+
+```typescript { .api }
+const minutesInHour: number = 60;
+const minutesInDay: number = 1440;
+const minutesInMonth: number = 43200; // Average month
+const minutesInYear: number = 525600; // Average year
+
+const daysInWeek: number = 7;
+const daysInYear: number = 365.2425; // Average with leap years
+
+const monthsInQuarter: number = 3;
+const monthsInYear: number = 12;
+const quartersInYear: number = 4;
+```
+
+**Examples:**
+```typescript
+import { daysInWeek, monthsInYear, quartersInYear } from "date-fns/constants";
+
+// Calculate periods
+const weeksInYear = daysInYear / daysInWeek; // ~52.18
+const monthsInTwoYears = 2 * monthsInYear; // 24
+const quartersInFiveYears = 5 * quartersInYear; // 20
+```
+
+### Boundary Constants
+
+```typescript { .api }
+const maxTime: number = 8640000000000000;
+const minTime: number = -8640000000000000;
+```
+
+These represent the maximum and minimum valid JavaScript Date values.
+
+**Examples:**
+```typescript
+import { maxTime, minTime } from "date-fns/constants";
+
+// Create boundary dates
+const maxDate = new Date(maxTime);
+//=> Sat Sep 13 275760 02:00:00 (maximum valid date)
+
+const minDate = new Date(minTime);
+//=> Tue Apr 20 -271821 02:00:00 (minimum valid date)
+
+// Validate date ranges
+function isValidDateRange(date: Date): boolean {
+  const time = date.getTime();
+  return time >= minTime && time <= maxTime;
+}
+```
+
+### Construction Symbol
+
+```typescript { .api }
+const constructFromSymbol: unique symbol = Symbol.for("constructDateFrom");
+```
+
+Internal symbol used for date constructor injection in generic date types and extensions like UTCDate.
+
+## Core Utility Functions
+
+### Date Construction
+
+```typescript { .api }
+function toDate<DateType extends Date>(
+  argument: DateArg<DateType>,
+  context?: ContextFn<DateType>
+): DateType;
+
+function constructFrom<DateType extends Date>(
+  date: DateArg<DateType> | ContextFn<DateType>,
+  value: DateArg<Date>
+): DateType;
+
+function constructNow<DateType extends Date>(
+  date: DateArg<DateType> | ContextFn<DateType>
+): DateType;
+```
+
+**Examples:**
+```typescript
+import { toDate, constructFrom, constructNow } from "date-fns";
+
+// Convert various inputs to Date
+toDate(new Date(2014, 1, 11)); //=> Date object
+toDate('2014-02-11'); //=> Date object
+toDate(1392076800000); //=> Date object
+
+// Construct date with same type as reference
+const utcDate = new UTCDate(2014, 1, 11);
+const newUTCDate = constructFrom(utcDate, '2015-02-11');
+//=> UTCDate instance
+
+// Construct "now" with same type as reference
+const nowUTC = constructNow(utcDate);
+//=> UTCDate instance of current time
+```
+
+The `toDate` function is the core conversion utility that all date-fns functions use internally. It converts any DateArg input to a proper Date instance, enabling automatic handling of timestamps, date strings, and existing Date objects.
+
+The `constructFrom` function enables generic date construction, preserving the type of the reference date. This is crucial for working with date extensions like UTCDate or TZDate.
+
+The `constructNow` function creates a new date representing the current time, but using the same constructor type as the reference date.
+
+### Date Validation
+
+```typescript { .api }
+function isDate(value: any): value is Date;
+function isValid(date: any): boolean;
+```
+
+**Examples:**
+```typescript
+import { isDate, isValid } from "date-fns";
+
+// Type checking
+isDate(new Date()); //=> true
+isDate('2014-02-11'); //=> false
+isDate(null); //=> false
+
+// Validity checking  
+isValid(new Date(2014, 1, 11)); //=> true
+isValid(new Date('invalid')); //=> false
+isValid(new Date(2014, 13, 1)); //=> false (invalid month)
+```
+
+### Unix Time Utilities
+
+```typescript { .api }
+function fromUnixTime(unixTime: number): Date;
+function getUnixTime(date: DateArg<Date>): number;
+```
+
+**Examples:**
+```typescript
+import { fromUnixTime, getUnixTime } from "date-fns";
+
+// Convert from Unix timestamp (seconds since epoch)
+fromUnixTime(1392123045);
+//=> Tue Feb 11 2014 11:30:45
+
+// Convert to Unix timestamp
+getUnixTime(new Date(2014, 1, 11, 11, 30, 45));
+//=> 1392123045
+```
+
+## Interval Utilities
+
+### Interval Construction
+
+```typescript { .api }
+function interval(start: DateArg<Date>, end: DateArg<Date>): Interval;
+```
+
+**Example:**
+```typescript
+import { interval } from "date-fns";
+
+const dateInterval = interval(
+  new Date(2014, 0, 1),
+  new Date(2014, 0, 7)
+);
+//=> { start: Date(2014-01-01), end: Date(2014-01-07) }
+```
+
+### Duration Conversion
+
+```typescript { .api }
+function intervalToDuration(interval: Interval): Duration;
+function milliseconds(duration: Duration): number;
+```
+
+**Examples:**
+```typescript
+import { intervalToDuration, milliseconds } from "date-fns";
+
+// Convert interval to duration object
+const duration = intervalToDuration({
+  start: new Date(2014, 0, 1, 0, 0, 0),
+  end: new Date(2014, 0, 1, 1, 30, 15)
+});
+//=> { hours: 1, minutes: 30, seconds: 15 }
+
+// Get total milliseconds from duration
+const totalMs = milliseconds({
+  hours: 2,
+  minutes: 30,
+  seconds: 45
+});
+//=> 9045000 (2.5 hours + 45 seconds in milliseconds)
+```
+
+### Date Clamping
+
+```typescript { .api }
+function clamp<DateType extends Date>(
+  date: DateArg<DateType>,
+  interval: Interval
+): DateType;
+```
+
+**Example:**
+```typescript
+import { clamp } from "date-fns";
+
+// Clamp date to fit within bounds
+clamp(new Date(2014, 0, 1), {
+  start: new Date(2014, 0, 5),
+  end: new Date(2014, 0, 10)
+});
+//=> Date(2014-01-05) (clamped to start bound)
+
+clamp(new Date(2014, 0, 15), {
+  start: new Date(2014, 0, 5),
+  end: new Date(2014, 0, 10)
+});
+//=> Date(2014-01-10) (clamped to end bound)
+```
+
+## Type Transformation
+
+### Date Transposition
+
+```typescript { .api }
+function transpose<InputDate extends Date, ResultDate extends Date>(
+  date: InputDate,
+  constructor: ResultDate | GenericDateConstructor<ResultDate> | ContextFn<ResultDate>
+): ResultDate;
+```
+
+**Examples:**
+```typescript
+import { transpose } from "date-fns";
+
+// Convert between different date types
+const regularDate = new Date(2022, 6, 10); // July 10, 2022 00:00 in local time
+const utcDate = transpose(regularDate, UTCDate);
+//=> UTCDate instance: 'Sun Jul 10 2022 00:00:00 GMT+0000 (UTC)'
+
+// Transpose to custom date extension
+const tzDate = transpose(regularDate, TZDate);
+//=> TZDate instance maintaining the date values in the target timezone
+```
+
+The `transpose` function is essential for working with date extensions. Unlike simple conversion, it preserves the date values (year, month, day, hour, etc.) while changing the underlying date type. This is particularly useful when moving between different timezone representations or date implementations.
+
+## Mathematical Utilities
+
+### Time Calculations
+
+```typescript
+import { millisecondsInDay, secondsInHour, minutesInDay } from "date-fns/constants";
+
+// Calculate elapsed time
+function getElapsedDays(startDate: Date, endDate: Date): number {
+  const diffMs = endDate.getTime() - startDate.getTime();
+  return diffMs / millisecondsInDay;
+}
+
+// Convert between units
+function hoursToMinutes(hours: number): number {
+  return hours * minutesInHour;
+}
+
+function daysToSeconds(days: number): number {
+  return days * secondsInDay;
+}
+```
+
+### Age Calculations
+
+```typescript
+import { daysInYear } from "date-fns/constants";
+
+function calculateAge(birthDate: Date, referenceDate: Date = new Date()): number {
+  const diffMs = referenceDate.getTime() - birthDate.getTime();
+  const diffDays = diffMs / millisecondsInDay;
+  return Math.floor(diffDays / daysInYear);
+}
+```
+
+## Performance Optimizations
+
+### Constant-Based Calculations
+
+```typescript
+import { millisecondsInDay, secondsInHour } from "date-fns/constants";
+
+// Faster than repeated calculations
+function addDaysOptimized(date: Date, days: number): Date {
+  return new Date(date.getTime() + days * millisecondsInDay);
+}
+
+// Pre-calculated constants for common operations
+const MILLISECONDS_IN_HOUR = millisecondsInHour;
+const MILLISECONDS_IN_WEEK = millisecondsInWeek;
+
+function addHoursOptimized(date: Date, hours: number): Date {
+  return new Date(date.getTime() + hours * MILLISECONDS_IN_HOUR);
+}
+```
+
+### Boundary Checking
+
+```typescript
+import { maxTime, minTime } from "date-fns/constants";
+
+function safeCreateDate(timestamp: number): Date | null {
+  if (timestamp < minTime || timestamp > maxTime) {
+    return null; // Invalid timestamp
+  }
+  return new Date(timestamp);
+}
+
+function isDateInValidRange(date: Date): boolean {
+  const time = date.getTime();
+  return !isNaN(time) && time >= minTime && time <= maxTime;
+}
+```
+
+## Type Definitions
+
+### Core Types
+
+```typescript { .api }
+type DateArg<DateType extends Date> = DateType | number | string;
+
+interface Duration {
+  years?: number;
+  months?: number;
+  weeks?: number;
+  days?: number;
+  hours?: number;
+  minutes?: number;
+  seconds?: number;
+}
+
+interface Interval {
+  start: DateArg<Date>;
+  end: DateArg<Date>;
+}
+
+interface GenericDateConstructor<DateType extends Date = Date> {
+  new (): DateType;
+  new (value: DateArg<Date> & {}): DateType;
+  new (
+    year: number,
+    month: number,
+    date?: number,
+    hours?: number,
+    minutes?: number,
+    seconds?: number,
+    ms?: number,
+  ): DateType;
+}
+```
+
+### Utility Types
+
+```typescript { .api }
+interface ConstructableDate extends Date {
+  [constructFromSymbol]: <DateType extends Date = Date>(
+    value: DateArg<Date> & {}
+  ) => DateType;
+}
+
+type DurationUnit = keyof Duration;
+
+type IntervalUnit = 'year' | 'quarter' | 'month' | 'week' | 'day' | 'hour' | 'minute' | 'second';
+
+type LocaleUnit = 'second' | 'minute' | 'hour' | 'day' | 'date' | 'month' | 'year';
+
+type Day = 0 | 1 | 2 | 3 | 4 | 5 | 6;
+type Month = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11;
+type Quarter = 1 | 2 | 3 | 4;
+type Era = 0 | 1; // 0 = AD, 1 = BC
+
+type FirstWeekContainsDate = 1 | 4;
+
+type ISOStringFormat = "extended" | "basic";
+type ISOStringRepresentation = "complete" | "date" | "time";
+
+type RoundingMethod = "ceil" | "floor" | "round" | "trunc";
+
+type NearestHours = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+type NearestMinutes = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30;
+
+type ContextFn<DateType extends Date> = (value: DateArg<Date> & {}) => DateType;
+```
+
+## Common Utility Patterns
+
+### Safe Date Operations
+
+```typescript
+import { isValid, toDate, maxTime, minTime } from "date-fns";
+
+function safeDateOperation<T>(
+  date: any,
+  operation: (validDate: Date) => T,
+  fallback: T
+): T {
+  try {
+    const converted = toDate(date);
+    if (!isValid(converted)) {
+      return fallback;
+    }
+    
+    const timestamp = converted.getTime();
+    if (timestamp < minTime || timestamp > maxTime) {
+      return fallback;
+    }
+    
+    return operation(converted);
+  } catch {
+    return fallback;
+  }
+}
+```
+
+### Date Range Validation
+
+```typescript
+import { isValid, constructFrom } from "date-fns";
+
+function createValidDateRange(start: any, end: any): Interval | null {
+  try {
+    const startDate = constructFrom(new Date(), start);
+    const endDate = constructFrom(new Date(), end);
+    
+    if (!isValid(startDate) || !isValid(endDate)) {
+      return null;
+    }
+    
+    if (startDate > endDate) {
+      return { start: endDate, end: startDate }; // Swap if needed
+    }
+    
+    return { start: startDate, end: endDate };
+  } catch {
+    return null;
+  }
+}
+```
+
+### Performance Timing
+
+```typescript
+import { millisecondsInSecond } from "date-fns/constants";
+
+function measurePerformance<T>(operation: () => T): { result: T; durationMs: number } {
+  const start = performance.now();
+  const result = operation();
+  const end = performance.now();
+  
+  return {
+    result,
+    durationMs: end - start
+  };
+}
+
+function formatDuration(ms: number): string {
+  if (ms < millisecondsInSecond) {
+    return `${ms.toFixed(2)}ms`;
+  } else {
+    return `${(ms / millisecondsInSecond).toFixed(2)}s`;
+  }
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-date-fns/docs/formatting.md b/.tessl/tiles/tessl/npm-date-fns/docs/formatting.md
new file mode 100644
index 000000000..fe63a50d3
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-date-fns/docs/formatting.md
@@ -0,0 +1,486 @@
+# Date Formatting
+
+Date formatting functions provide comprehensive date-to-string conversion capabilities with extensive customization options, internationalization support, and multiple output formats. All formatting functions are pure and work with various date input types.
+
+## Core Formatting
+
+### format
+
+Format a date according to a given pattern string.
+
+```typescript { .api }
+function format(
+  date: DateArg<Date>,
+  formatStr: string,
+  options?: FormatOptions
+): string;
+```
+
+**Parameters:**
+- `date` - The date to format
+- `formatStr` - The format pattern string
+- `options` - Optional formatting configuration
+
+**Format Tokens:**
+- `yyyy` - 4-digit year
+- `MM` - 2-digit month (01-12)
+- `dd` - 2-digit day (01-31)
+- `HH` - 24-hour format hour (00-23)
+- `mm` - 2-digit minute (00-59)
+- `ss` - 2-digit second (00-59)
+- `PP` - Localized date (Jan 1, 2023)
+- `pp` - Localized time (12:00 AM)
+
+**Examples:**
+```typescript
+import { format } from "date-fns";
+
+// Basic formatting
+format(new Date(2014, 1, 11), "yyyy-MM-dd");
+//=> '2014-02-11'
+
+// Full date with time
+format(new Date(2014, 1, 11, 14, 30, 45), "yyyy-MM-dd HH:mm:ss");
+//=> '2014-02-11 14:30:45'
+
+// Localized format
+format(new Date(2014, 1, 11), "PP");
+//=> 'Feb 11, 2014'
+
+// Custom pattern
+format(new Date(2014, 1, 11), "EEEE, MMMM do, yyyy");
+//=> 'Tuesday, February 11th, 2014'
+```
+
+### lightFormat
+
+Lightweight format without locale support for better performance.
+
+```typescript { .api }
+function lightFormat(date: DateArg<Date>, formatStr: string): string;
+```
+
+**Example:**
+```typescript
+import { lightFormat } from "date-fns";
+
+lightFormat(new Date(2014, 1, 11), "yyyy-MM-dd");
+//=> '2014-02-11'
+```
+
+## Distance Formatting
+
+### formatDistance
+
+Format the distance between two dates in words.
+
+```typescript { .api }
+function formatDistance(
+  dateLeft: DateArg<Date>,
+  dateRight: DateArg<Date>,
+  options?: FormatDistanceOptions
+): string;
+```
+
+**Parameters:**
+- `dateLeft` - The first date
+- `dateRight` - The second date
+- `options` - Distance formatting options
+
+**Examples:**
+```typescript
+import { formatDistance } from "date-fns";
+
+// Basic distance
+formatDistance(
+  new Date(2014, 6, 2),
+  new Date(2015, 0, 1)
+);
+//=> '6 months'
+
+// With suffix
+formatDistance(
+  new Date(2014, 6, 2),
+  new Date(2015, 0, 1),
+  { addSuffix: true }
+);
+//=> 'in 6 months'
+
+// Include seconds
+formatDistance(
+  new Date(2014, 6, 2, 0, 0, 15),
+  new Date(2014, 6, 2, 0, 0, 0),
+  { includeSeconds: true }
+);
+//=> 'less than 20 seconds'
+```
+
+### formatDistanceStrict
+
+Format distance with strict units (no rounding to nearest unit).
+
+```typescript { .api }
+function formatDistanceStrict(
+  dateLeft: DateArg<Date>,
+  dateRight: DateArg<Date>,
+  options?: FormatDistanceStrictOptions
+): string;
+```
+
+**Example:**
+```typescript
+import { formatDistanceStrict } from "date-fns";
+
+formatDistanceStrict(
+  new Date(2014, 6, 2, 0, 5),
+  new Date(2014, 6, 2, 0, 0)
+);
+//=> '5 minutes'
+```
+
+### formatDistanceToNow
+
+Format the distance between a date and now.
+
+```typescript { .api }
+function formatDistanceToNow(
+  date: DateArg<Date>,
+  options?: FormatDistanceOptions
+): string;
+```
+
+**Example:**
+```typescript
+import { formatDistanceToNow } from "date-fns";
+
+formatDistanceToNow(new Date(2014, 6, 2), { addSuffix: true });
+//=> '8 years ago' (assuming current date is 2022)
+```
+
+### formatDistanceToNowStrict
+
+Strict distance formatting to current time.
+
+```typescript { .api }
+function formatDistanceToNowStrict(
+  date: DateArg<Date>,
+  options?: FormatDistanceStrictOptions
+): string;
+```
+
+## Relative Formatting
+
+### formatRelative
+
+Format a date relative to a base date (e.g., "yesterday", "last Friday").
+
+```typescript { .api }
+function formatRelative(
+  date: DateArg<Date>,
+  baseDate: DateArg<Date>,
+  options?: FormatRelativeOptions
+): string;
+```
+
+**Examples:**
+```typescript
+import { formatRelative } from "date-fns";
+
+const baseDate = new Date(2000, 0, 1, 0, 0, 0);
+
+// Yesterday
+formatRelative(new Date(1999, 11, 31), baseDate);
+//=> 'yesterday at 12:00 AM'
+
+// Last week
+formatRelative(new Date(1999, 11, 27), baseDate);
+//=> 'last Monday at 12:00 AM'
+
+// Next week
+formatRelative(new Date(2000, 0, 7), baseDate);
+//=> 'next Friday at 12:00 AM'
+```
+
+## ISO and Standard Formats
+
+### formatISO
+
+Format a date as ISO 8601 string.
+
+```typescript { .api }
+function formatISO(date: DateArg<Date>, options?: FormatISOOptions): string;
+```
+
+**Options:**
+- `representation` - 'complete' | 'date' | 'time'
+- `format` - 'extended' | 'basic'
+
+**Examples:**
+```typescript
+import { formatISO } from "date-fns";
+
+// Complete ISO format
+formatISO(new Date(2019, 8, 18, 19, 0, 52));
+//=> '2019-09-18T19:00:52+02:00'
+
+// Date only
+formatISO(new Date(2019, 8, 18), { representation: 'date' });
+//=> '2019-09-18'
+
+// Basic format
+formatISO(new Date(2019, 8, 18), { format: 'basic' });
+//=> '20190918T190052+0200'
+```
+
+### formatISO9075
+
+Format a date as ISO 9075 string (SQL compatible).
+
+```typescript { .api }
+function formatISO9075(date: DateArg<Date>, options?: FormatISOOptions): string;
+```
+
+**Example:**
+```typescript
+import { formatISO9075 } from "date-fns";
+
+formatISO9075(new Date(2019, 8, 18, 19, 0, 52));
+//=> '2019-09-18 19:00:52'
+```
+
+### formatRFC3339
+
+Format a date as RFC 3339 string.
+
+```typescript { .api }
+function formatRFC3339(date: DateArg<Date>, options?: FormatRFC3339Options): string;
+```
+
+**Example:**
+```typescript
+import { formatRFC3339 } from "date-fns";
+
+formatRFC3339(new Date(2019, 8, 18, 19, 0, 52));
+//=> '2019-09-18T19:00:52+02:00'
+```
+
+### formatRFC7231
+
+Format a date as RFC 7231 string (HTTP date).
+
+```typescript { .api }
+function formatRFC7231(date: DateArg<Date>): string;
+```
+
+**Example:**
+```typescript
+import { formatRFC7231 } from "date-fns";
+
+formatRFC7231(new Date(2014, 11, 6, 15, 45));
+//=> 'Sat, 06 Dec 2014 15:45:00 GMT'
+```
+
+## Duration Formatting
+
+### formatDuration
+
+Format a duration object into a human-readable string.
+
+```typescript { .api }
+function formatDuration(
+  duration: Duration,
+  options?: FormatDurationOptions
+): string;
+```
+
+**Examples:**
+```typescript
+import { formatDuration } from "date-fns";
+
+// Basic duration
+formatDuration({
+  years: 2,
+  months: 9,
+  weeks: 1,
+  days: 7,
+  hours: 5,
+  minutes: 9,
+  seconds: 30
+});
+//=> '2 years 9 months 1 week 7 days 5 hours 9 minutes 30 seconds'
+
+// With custom format
+formatDuration({ hours: 1, minutes: 30 }, { format: ['hours', 'minutes'] });
+//=> '1 hour 30 minutes'
+```
+
+### formatISODuration
+
+Format a duration as ISO 8601 duration string.
+
+```typescript { .api }
+function formatISODuration(duration: Duration): string;
+```
+
+**Example:**
+```typescript
+import { formatISODuration } from "date-fns";
+
+formatISODuration({
+  years: 2,
+  months: 9,
+  weeks: 1,
+  days: 7,
+  hours: 5,
+  minutes: 9,
+  seconds: 30
+});
+//=> 'P2Y9M1W7DT5H9M30S'
+```
+
+## Internationalization Formatting
+
+### intlFormat
+
+Format a date using the Intl.DateTimeFormat API.
+
+```typescript { .api }
+function intlFormat(
+  date: DateArg<Date>,
+  formatOptions?: Intl.DateTimeFormatOptions,
+  localeOptions?: string | string[]
+): string;
+```
+
+**Examples:**
+```typescript
+import { intlFormat } from "date-fns";
+
+// Default format
+intlFormat(new Date(2019, 0, 1));
+//=> '1/1/2019'
+
+// Custom format
+intlFormat(new Date(2019, 0, 1), {
+  year: 'numeric',
+  month: 'long',
+  day: 'numeric'
+});
+//=> 'January 1, 2019'
+
+// Different locale
+intlFormat(new Date(2019, 0, 1), {
+  year: 'numeric',
+  month: 'long',
+  day: 'numeric'
+}, 'de-DE');
+//=> '1. Januar 2019'
+```
+
+### intlFormatDistance
+
+Format distance using the Intl.RelativeTimeFormat API.
+
+```typescript { .api }
+function intlFormatDistance(
+  dateLeft: DateArg<Date>,
+  dateRight: DateArg<Date>,
+  options?: IntlFormatDistanceOptions
+): string;
+```
+
+**Example:**
+```typescript
+import { intlFormatDistance } from "date-fns";
+
+intlFormatDistance(
+  new Date(1986, 3, 4, 11, 30, 0),
+  new Date(1986, 3, 4, 10, 30, 0),
+  { locale: 'en-US' }
+);
+//=> 'in 1 hour'
+```
+
+## Option Types
+
+### FormatOptions
+
+```typescript { .api }
+interface FormatOptions {
+  locale?: Locale;
+  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+  firstWeekContainsDate?: 1 | 2 | 3 | 4 | 5 | 6 | 7;
+  useAdditionalWeekYearTokens?: boolean;
+  useAdditionalDayOfYearTokens?: boolean;
+}
+```
+
+### FormatDistanceOptions
+
+```typescript { .api }
+interface FormatDistanceOptions {
+  includeSeconds?: boolean;
+  addSuffix?: boolean;
+  locale?: Locale;
+}
+```
+
+### FormatDistanceStrictOptions
+
+```typescript { .api }
+interface FormatDistanceStrictOptions {
+  addSuffix?: boolean;
+  unit?: 'second' | 'minute' | 'hour' | 'day' | 'month' | 'year';
+  roundingMethod?: 'floor' | 'ceil' | 'round';
+  locale?: Locale;
+}
+```
+
+### FormatRelativeOptions
+
+```typescript { .api }
+interface FormatRelativeOptions {
+  locale?: Locale;
+  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+}
+```
+
+### FormatISOOptions
+
+```typescript { .api }
+interface FormatISOOptions {
+  format?: 'extended' | 'basic';
+  representation?: 'complete' | 'date' | 'time';
+}
+```
+
+### FormatRFC3339Options
+
+```typescript { .api }
+interface FormatRFC3339Options {
+  fractionDigits?: 0 | 1 | 2 | 3;
+}
+```
+
+### FormatDurationOptions
+
+```typescript { .api }
+interface FormatDurationOptions {
+  format?: DurationUnit[];
+  zero?: boolean;
+  delimiter?: string;
+  locale?: Locale;
+}
+```
+
+### IntlFormatDistanceOptions
+
+```typescript { .api }
+interface IntlFormatDistanceOptions {
+  locale?: string | string[];
+  unit?: Intl.RelativeTimeFormatUnit;
+  localeMatcher?: 'lookup' | 'best fit';
+  numeric?: 'always' | 'auto';
+  style?: 'long' | 'short' | 'narrow';
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-date-fns/docs/fp.md b/.tessl/tiles/tessl/npm-date-fns/docs/fp.md
new file mode 100644
index 000000000..d203f42c5
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-date-fns/docs/fp.md
@@ -0,0 +1,477 @@
+# Functional Programming
+
+The date-fns functional programming (FP) module provides curried versions of all date functions, enabling functional composition and pipeline-style operations. All FP functions automatically reorder parameters for optimal currying and include full TypeScript support.
+
+## FP Module Overview
+
+### Import Structure
+
+```typescript
+// Import individual curried functions
+import { add, format, isAfter } from "date-fns/fp";
+
+// Import with namespace
+import * as fp from "date-fns/fp";
+```
+
+### Currying Pattern
+
+All FP functions follow a consistent currying pattern where the data (typically the date) comes last, enabling partial application and composition:
+
+```typescript
+// Regular date-fns: data first
+format(date, 'yyyy-MM-dd')
+
+// FP version: data last  
+format('yyyy-MM-dd')(date)
+```
+
+## Core FP Functions
+
+### Arithmetic Functions
+
+```typescript { .api }
+const add: CurriedFn2<Duration, DateArg<Date>, Date>;
+const addDays: CurriedFn2<number, DateArg<Date>, Date>;
+const addHours: CurriedFn2<number, DateArg<Date>, Date>;
+const addMinutes: CurriedFn2<number, DateArg<Date>, Date>;
+const addMonths: CurriedFn2<number, DateArg<Date>, Date>;
+const addYears: CurriedFn2<number, DateArg<Date>, Date>;
+const sub: CurriedFn2<Duration, DateArg<Date>, Date>;
+const subDays: CurriedFn2<number, DateArg<Date>, Date>;
+const subHours: CurriedFn2<number, DateArg<Date>, Date>;
+const subMinutes: CurriedFn2<number, DateArg<Date>, Date>;
+const subMonths: CurriedFn2<number, DateArg<Date>, Date>;
+const subYears: CurriedFn2<number, DateArg<Date>, Date>;
+```
+
+**Examples:**
+```typescript
+import { add, addDays, subMonths } from "date-fns/fp";
+
+// Create reusable functions
+const addOneWeek = add({ weeks: 1 });
+const addFiveDays = addDays(5);
+const subtractTwoMonths = subMonths(2);
+
+// Apply to dates
+const dates = [
+  new Date(2014, 0, 1),
+  new Date(2014, 0, 15),
+  new Date(2014, 0, 30)
+];
+
+const datesPlus5 = dates.map(addFiveDays);
+const weekFromNow = addOneWeek(new Date());
+```
+
+### Formatting Functions
+
+```typescript { .api }
+const format: CurriedFn2<string, DateArg<Date>, string>;
+const formatDistance: CurriedFn2<DateArg<Date>, DateArg<Date>, string>;
+const formatDistanceToNow: CurriedFn1<DateArg<Date>, string>;
+const formatISO: CurriedFn1<DateArg<Date>, string>;
+const formatRelative: CurriedFn2<DateArg<Date>, DateArg<Date>, string>;
+const lightFormat: CurriedFn2<string, DateArg<Date>, string>;
+```
+
+**Examples:**
+```typescript
+import { format, formatDistance, formatISO } from "date-fns/fp";
+
+// Create format functions
+const formatYMD = format('yyyy-MM-dd');
+const formatLong = format('EEEE, MMMM do, yyyy');
+const toISO = formatISO;
+
+// Use in pipelines
+const dates = [new Date(2014, 0, 1), new Date(2014, 5, 15)];
+const formatted = dates.map(formatYMD);
+//=> ['2014-01-01', '2014-06-15']
+
+// Distance from specific date
+const distanceFromNewYear = formatDistance(new Date(2014, 0, 1));
+distanceFromNewYear(new Date(2014, 5, 15));
+//=> '5 months'
+```
+
+### Comparison Functions
+
+```typescript { .api }
+const compareAsc: CurriedFn2<DateArg<Date>, DateArg<Date>, number>;
+const compareDesc: CurriedFn2<DateArg<Date>, DateArg<Date>, number>;
+const isAfter: CurriedFn2<DateArg<Date>, DateArg<Date>, boolean>;
+const isBefore: CurriedFn2<DateArg<Date>, DateArg<Date>, boolean>;
+const isEqual: CurriedFn2<DateArg<Date>, DateArg<Date>, boolean>;
+const max: CurriedFn1<DateArg<Date>[], Date>;
+const min: CurriedFn1<DateArg<Date>[], Date>;
+```
+
+**Examples:**
+```typescript
+import { isAfter, isBefore, compareAsc } from "date-fns/fp";
+
+// Create comparison functions
+const isAfter2020 = isAfter(new Date(2020, 0, 1));
+const isBefore2025 = isBefore(new Date(2025, 0, 1));
+
+// Filter dates
+const dates = [
+  new Date(2019, 0, 1),
+  new Date(2021, 0, 1), 
+  new Date(2026, 0, 1)
+];
+
+const recentDates = dates.filter(isAfter2020).filter(isBefore2025);
+//=> [new Date(2021, 0, 1)]
+
+// Sort dates
+const sortedDates = dates.sort(compareAsc);
+```
+
+### Validation Functions
+
+```typescript { .api }
+const isValid: CurriedFn1<any, boolean>;
+const isDate: CurriedFn1<any, boolean>;
+const isFuture: CurriedFn1<DateArg<Date>, boolean>;
+const isPast: CurriedFn1<DateArg<Date>, boolean>;
+const isToday: CurriedFn1<DateArg<Date>, boolean>;
+const isWeekend: CurriedFn1<DateArg<Date>, boolean>;
+const isMonday: CurriedFn1<DateArg<Date>, boolean>;
+const isTuesday: CurriedFn1<DateArg<Date>, boolean>;
+const isWednesday: CurriedFn1<DateArg<Date>, boolean>;
+const isThursday: CurriedFn1<DateArg<Date>, boolean>;
+const isFriday: CurriedFn1<DateArg<Date>, boolean>;
+const isSaturday: CurriedFn1<DateArg<Date>, boolean>;
+const isSunday: CurriedFn1<DateArg<Date>, boolean>;
+```
+
+**Examples:**
+```typescript
+import { isValid, isWeekend, isFuture } from "date-fns/fp";
+
+// Filter valid dates
+const mixedInput = [
+  new Date(2014, 0, 1),
+  'invalid-date',
+  new Date(2014, 0, 2),
+  null
+];
+
+const validDates = mixedInput.filter(isValid);
+//=> [new Date(2014, 0, 1), new Date(2014, 0, 2)]
+
+// Chain validations
+const dates = [/* array of dates */];
+const futureWeekends = dates.filter(isFuture).filter(isWeekend);
+```
+
+### Same Period Functions
+
+```typescript { .api }
+const isSameDay: CurriedFn2<DateArg<Date>, DateArg<Date>, boolean>;
+const isSameWeek: CurriedFn2<DateArg<Date>, DateArg<Date>, boolean>;
+const isSameMonth: CurriedFn2<DateArg<Date>, DateArg<Date>, boolean>;
+const isSameYear: CurriedFn2<DateArg<Date>, DateArg<Date>, boolean>;
+const isSameHour: CurriedFn2<DateArg<Date>, DateArg<Date>, boolean>;
+const isSameMinute: CurriedFn2<DateArg<Date>, DateArg<Date>, boolean>;
+const isSameSecond: CurriedFn2<DateArg<Date>, DateArg<Date>, boolean>;
+```
+
+**Examples:**
+```typescript
+import { isSameDay, isSameMonth } from "date-fns/fp";
+
+// Find dates matching a reference
+const referenceDate = new Date(2014, 0, 15);
+const dates = [/* array of dates */];
+
+const sameDayDates = dates.filter(isSameDay(referenceDate));
+const sameMonthDates = dates.filter(isSameMonth(referenceDate));
+```
+
+## Functional Composition
+
+### Function Composition with Ramda
+
+```typescript
+import { pipe, compose } from "ramda";
+import { format, addDays, startOfDay } from "date-fns/fp";
+
+// Create a pipeline
+const formatTomorrowStart = pipe(
+  addDays(1),
+  startOfDay,
+  format('yyyy-MM-dd HH:mm:ss')
+);
+
+formatTomorrowStart(new Date(2014, 0, 1, 14, 30));
+//=> '2014-01-02 00:00:00'
+
+// Compose operations (right to left)
+const formatNextWeekEnd = compose(
+  format('PP'),
+  endOfDay,
+  addDays(7)
+);
+```
+
+### Custom Composition Helpers
+
+```typescript
+import { addDays, format, startOfWeek, endOfWeek } from "date-fns/fp";
+
+// Create utility functions
+const pipe = <T>(...fns: Array<(arg: T) => T>) => (value: T) => 
+  fns.reduce((acc, fn) => fn(acc), value);
+
+const formatWeekRange = (date: Date) => {
+  const start = startOfWeek(date);
+  const end = endOfWeek(date);
+  const formatDate = format('MMM dd');
+  return `${formatDate(start)} - ${formatDate(end)}`;
+};
+
+// Pipeline for date processing
+const processDate = pipe(
+  startOfDay,
+  addDays(1),
+  format('yyyy-MM-dd')
+);
+```
+
+## Advanced FP Patterns
+
+### Partial Application
+
+```typescript
+import { formatDistance, isWithinInterval } from "date-fns/fp";
+
+// Create partially applied functions
+const distanceFromToday = formatDistance(new Date());
+const isInCurrentYear = isWithinInterval({
+  start: startOfYear(new Date()),
+  end: endOfYear(new Date())
+});
+
+// Use with arrays
+const dates = [/* dates */];
+const distances = dates.map(distanceFromToday);
+const currentYearDates = dates.filter(isInCurrentYear);
+```
+
+### Function Factories
+
+```typescript
+import { add, format, isBefore } from "date-fns/fp";
+
+// Factory for creating date ranges
+const createDateRange = (duration: Duration) => (start: Date): Date[] => {
+  const end = add(duration)(start);
+  return eachDayOfInterval({ start, end });
+};
+
+// Factory for deadline checkers
+const createDeadlineChecker = (deadline: Date) => (date: Date): {
+  passed: boolean;
+  remaining: string;
+} => ({
+  passed: isAfter(deadline)(date),
+  remaining: formatDistance(deadline)(date)
+});
+
+// Usage
+const getWeekRange = createDateRange({ weeks: 1 });
+const checkProjectDeadline = createDeadlineChecker(new Date(2024, 11, 31));
+
+const weekDates = getWeekRange(new Date());
+const status = checkProjectDeadline(new Date());
+```
+
+### Data Transformation Pipelines
+
+```typescript
+import { flow } from "lodash/fp";
+import { parse, format, addBusinessDays, isValid } from "date-fns/fp";
+
+// Process CSV date data
+const processDateString = flow(
+  parse('yyyy-MM-dd', new Date()), // Parse with reference date
+  date => isValid(date) ? date : null, // Validate
+  date => date ? addBusinessDays(5)(date) : null, // Add business days if valid
+  date => date ? format('MM/dd/yyyy')(date) : 'Invalid Date' // Format output
+);
+
+const csvDates = ['2014-01-01', '2014-02-15', 'invalid-date'];
+const processed = csvDates.map(processDateString);
+//=> ['01/08/2014', '02/24/2014', 'Invalid Date']
+```
+
+## Option Handling in FP
+
+### Functions with Options
+
+```typescript { .api }
+const formatWithOptions: CurriedFn3<FormatOptions, string, DateArg<Date>, string>;
+const parseWithOptions: CurriedFn4<ParseOptions, DateArg<Date>, string, string, Date>;
+const startOfWeekWithOptions: CurriedFn2<WeekStartOptions, DateArg<Date>, Date>;
+```
+
+**Examples:**
+```typescript
+import { formatWithOptions, startOfWeekWithOptions } from "date-fns/fp";
+import { de } from "date-fns/locale";
+
+// Create localized formatters
+const formatGerman = formatWithOptions({ locale: de });
+const formatGermanDate = formatGerman('EEEE, do MMMM yyyy');
+
+formatGermanDate(new Date(2014, 0, 1));
+//=> 'Mittwoch, 1. Januar 2014'
+
+// Week starting on Monday
+const startOfWeekMonday = startOfWeekWithOptions({ weekStartsOn: 1 });
+const dates = [/* dates */];
+const weekStarts = dates.map(startOfWeekMonday);
+```
+
+## Performance Considerations
+
+### Memoization
+
+```typescript
+import memoize from "lodash/memoize";
+import { format, formatDistance } from "date-fns/fp";
+
+// Memoize expensive operations
+const memoizedFormat = memoize(format);
+const formatISO = memoizedFormat('yyyy-MM-dd');
+
+// Memoize with custom key
+const memoizedDistance = memoize(
+  formatDistance,
+  (referenceDate) => referenceDate.getTime()
+);
+
+const distanceFromEpoch = memoizedDistance(new Date(0));
+```
+
+### Lazy Evaluation
+
+```typescript
+import { addDays, format, isFuture } from "date-fns/fp";
+
+// Create lazy sequences
+function* dateSequence(start: Date, step: number = 1) {
+  let current = start;
+  while (true) {
+    yield current;
+    current = addDays(step)(current);
+  }
+}
+
+// Use with functional operations
+const futureDates = Array.from(dateSequence(new Date()))
+  .slice(0, 100) // Take first 100
+  .filter(isFuture)
+  .map(format('yyyy-MM-dd'))
+  .slice(0, 10); // Take first 10 future dates
+```
+
+## Type Definitions
+
+### Curried Function Types
+
+```typescript { .api }
+interface CurriedFn1<A, R> {
+  (a: A): R;
+}
+
+interface CurriedFn2<A, B, R> {
+  (a: A): CurriedFn1<B, R>;
+  (a: A, b: B): R;
+}
+
+interface CurriedFn3<A, B, C, R> {
+  (a: A): CurriedFn2<B, C, R>;
+  (a: A, b: B): CurriedFn1<C, R>;
+  (a: A, b: B, c: C): R;
+}
+
+interface CurriedFn4<A, B, C, D, R> {
+  (a: A): CurriedFn3<B, C, D, R>;
+  (a: A, b: B): CurriedFn2<C, D, R>;
+  (a: A, b: B, c: C): CurriedFn1<D, R>;
+  (a: A, b: B, c: C, d: D): R;
+}
+```
+
+## Integration Examples
+
+### React Hooks
+
+```typescript
+import { useMemo } from "react";
+import { format, addDays, isToday } from "date-fns/fp";
+
+function useDateFormatter(pattern: string) {
+  return useMemo(() => format(pattern), [pattern]);
+}
+
+function useRelativeDates(dates: Date[]) {
+  return useMemo(() => ({
+    today: dates.filter(isToday),
+    tomorrow: dates.filter(date => isSameDay(addDays(1)(new Date()))(date)),
+    formatted: dates.map(format('MMM dd, yyyy'))
+  }), [dates]);
+}
+```
+
+### Redux Selectors
+
+```typescript
+import { createSelector } from "reselect";
+import { isAfter, format, isSameMonth } from "date-fns/fp";
+
+const getEvents = (state: State) => state.events;
+const getCurrentMonth = () => new Date();
+
+const getUpcomingEvents = createSelector(
+  getEvents,
+  events => events
+    .filter(event => isAfter(new Date())(event.date))
+    .sort(compareAsc)
+);
+
+const getCurrentMonthEvents = createSelector(
+  getEvents,
+  getCurrentMonth,
+  (events, currentMonth) => events.filter(
+    event => isSameMonth(currentMonth)(event.date)
+  )
+);
+```
+
+### Validation Schemas
+
+```typescript
+import { z } from "zod";
+import { isValid, isAfter, isBefore } from "date-fns/fp";
+
+const dateSchema = z.string()
+  .transform(str => new Date(str))
+  .refine(isValid, "Invalid date")
+  .refine(isAfter(new Date(1900, 0, 1)), "Date must be after 1900")
+  .refine(isBefore(new Date(2100, 0, 1)), "Date must be before 2100");
+
+const eventSchema = z.object({
+  title: z.string(),
+  startDate: dateSchema,
+  endDate: dateSchema
+}).refine(
+  data => isBefore(data.endDate)(data.startDate),
+  "End date must be after start date"
+);
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-date-fns/docs/i18n.md b/.tessl/tiles/tessl/npm-date-fns/docs/i18n.md
new file mode 100644
index 000000000..1593100aa
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-date-fns/docs/i18n.md
@@ -0,0 +1,552 @@
+# Internationalization
+
+The date-fns internationalization system provides comprehensive support for 97+ languages and regions with customizable date formatting, relative time display, and cultural date conventions. All locale functionality is modular and tree-shakeable.
+
+## Locale System Overview
+
+### Locale Interface
+
+```typescript { .api }
+interface Locale {
+  code: string;
+  formatDistance?: FormatDistanceFn;
+  formatLong?: FormatLongOptions;
+  formatRelative?: FormatRelativeFn;
+  localize?: LocalizeOptions;
+  match?: MatchOptions;
+  options?: LocaleOptions;
+}
+```
+
+The locale object contains all language-specific formatting rules and translations needed for date operations in different languages and regions.
+
+## Supported Locales
+
+### Major Language Families
+
+**English Variants**
+- `enUS` - English (United States) - Default
+- `enGB` - English (United Kingdom)  
+- `enCA` - English (Canada)
+- `enAU` - English (Australia)
+- `enNZ` - English (New Zealand)
+- `enIN` - English (India)
+- `enIE` - English (Ireland)
+- `enZA` - English (South Africa)
+
+**European Languages**
+- `de` - German (Germany)
+- `deAT` - German (Austria)
+- `fr` - French (France)
+- `frCA` - French (Canada)
+- `frCH` - French (Switzerland)
+- `es` - Spanish (Spain)
+- `it` - Italian (Italy)
+- `itCH` - Italian (Switzerland)
+- `pt` - Portuguese (Portugal)
+- `ptBR` - Portuguese (Brazil)
+- `nl` - Dutch (Netherlands)
+- `nlBE` - Dutch (Belgium)
+
+**Nordic Languages**
+- `da` - Danish
+- `sv` - Swedish
+- `nb` - Norwegian Bokmål
+- `nn` - Norwegian Nynorsk
+- `fi` - Finnish
+- `is` - Icelandic
+
+**Slavic Languages**
+- `ru` - Russian
+- `pl` - Polish
+- `cs` - Czech
+- `sk` - Slovak
+- `sl` - Slovenian
+- `hr` - Croatian
+- `sr` - Serbian (Cyrillic)
+- `srLatn` - Serbian (Latin)
+- `bg` - Bulgarian
+- `mk` - Macedonian
+- `be` - Belarusian
+- `beTarask` - Belarusian (Taraskievica)
+- `uk` - Ukrainian
+
+**Asian Languages**
+- `zhCN` - Chinese (Simplified, China)
+- `zhHK` - Chinese (Traditional, Hong Kong)
+- `zhTW` - Chinese (Traditional, Taiwan)
+- `ja` - Japanese
+- `jaHira` - Japanese (Hiragana)
+- `ko` - Korean
+- `th` - Thai
+- `vi` - Vietnamese
+- `hi` - Hindi
+- `bn` - Bengali
+- `gu` - Gujarati
+- `kn` - Kannada
+- `ta` - Tamil
+- `te` - Telugu
+
+**Middle Eastern & African**
+- `ar` - Arabic
+- `arDZ` - Arabic (Algeria)
+- `arEG` - Arabic (Egypt)
+- `arMA` - Arabic (Morocco)
+- `arSA` - Arabic (Saudi Arabia)
+- `arTN` - Arabic (Tunisia)
+- `he` - Hebrew
+- `faIR` - Persian (Iran)
+- `tr` - Turkish
+- `af` - Afrikaans
+
+### Complete Locale List
+
+```typescript
+// Import specific locales
+import { enUS, de, fr, ja, zhCN, ar } from "date-fns/locale";
+
+// Available locales (97 total)
+const locales = [
+  'af', 'ar', 'arDZ', 'arEG', 'arMA', 'arSA', 'arTN',
+  'az', 'be', 'beTarask', 'bg', 'bn', 'bs', 'ca', 'ckb',
+  'cs', 'cy', 'da', 'de', 'deAT', 'el', 'enAU', 'enCA',
+  'enGB', 'enIE', 'enIN', 'enNZ', 'enUS', 'enZA', 'eo',
+  'es', 'et', 'eu', 'faIR', 'fi', 'fr', 'frCA', 'frCH',
+  'fy', 'gd', 'gl', 'gu', 'he', 'hi', 'hr', 'ht', 'hu',
+  'hy', 'id', 'is', 'it', 'itCH', 'ja', 'jaHira', 'ka',
+  'kk', 'km', 'kn', 'ko', 'lb', 'lt', 'lv', 'mk', 'mn',
+  'ms', 'mt', 'nb', 'nl', 'nlBE', 'nn', 'oc', 'pl', 'pt',
+  'ptBR', 'ro', 'ru', 'se', 'sk', 'sl', 'sq', 'sr', 'srLatn',
+  'sv', 'ta', 'te', 'th', 'tr', 'ug', 'uk', 'uz', 'uzCyrl',
+  'vi', 'zhCN', 'zhHK', 'zhTW'
+];
+```
+
+## Using Locales
+
+### Basic Locale Usage
+
+```typescript
+import { format, formatDistance, formatRelative } from "date-fns";
+import { de, fr, ja, zhCN } from "date-fns/locale";
+
+const date = new Date(2014, 1, 11);
+
+// German
+format(date, "EEEE, do MMMM yyyy", { locale: de });
+//=> 'Dienstag, 11. Februar 2014'
+
+// French  
+format(date, "EEEE, do MMMM yyyy", { locale: fr });
+//=> 'mardi, 11e février 2014'
+
+// Japanese
+format(date, "EEEE, do MMMM yyyy", { locale: ja });
+//=> '火曜日, 11日 2月 2014'
+
+// Chinese (Simplified)
+format(date, "EEEE, do MMMM yyyy", { locale: zhCN });
+//=> '星期二, 11日 二月 2014'
+```
+
+### Distance Formatting with Locales
+
+```typescript
+import { formatDistance, formatDistanceToNow } from "date-fns";
+import { de, es, ru, ar } from "date-fns/locale";
+
+const date1 = new Date(2014, 6, 2);
+const date2 = new Date(2015, 0, 1);
+
+// German
+formatDistance(date2, date1, { locale: de });
+//=> 'etwa 6 Monate'
+
+// Spanish
+formatDistance(date2, date1, { locale: es });
+//=> 'alrededor de 6 meses'
+
+// Russian
+formatDistance(date2, date1, { locale: ru });
+//=> 'около 6 месяцев'
+
+// Arabic
+formatDistance(date2, date1, { locale: ar });
+//=> 'حوالي 6 أشهر'
+```
+
+### Relative Formatting with Locales
+
+```typescript
+import { formatRelative } from "date-fns";
+import { de, fr, ja } from "date-fns/locale";
+
+const baseDate = new Date(2000, 0, 1, 0, 0, 0); // Jan 1, 2000
+const date = new Date(1999, 11, 27); // Dec 27, 1999
+
+// German
+formatRelative(date, baseDate, { locale: de });
+//=> 'letzten Montag um 00:00'
+
+// French
+formatRelative(date, baseDate, { locale: fr });
+//=> 'lundi dernier à 00:00'
+
+// Japanese  
+formatRelative(date, baseDate, { locale: ja });
+//=> '先週の月曜日 0:00'
+```
+
+## Locale Configuration Options
+
+### Week Configuration
+
+```typescript
+import { format, startOfWeek } from "date-fns";
+import { de, ar, enUS } from "date-fns/locale";
+
+const date = new Date(2014, 1, 11); // Tuesday
+
+// Different week start days by locale
+startOfWeek(date, { locale: enUS }); // Sunday start
+//=> Sun Feb 09 2014
+
+startOfWeek(date, { locale: de }); // Monday start  
+//=> Mon Feb 10 2014
+
+// Manual override
+startOfWeek(date, { locale: enUS, weekStartsOn: 1 }); // Force Monday start
+//=> Mon Feb 10 2014
+```
+
+### First Week Configuration
+
+```typescript
+import { getWeek } from "date-fns";
+import { de, enUS } from "date-fns/locale";
+
+const date = new Date(2014, 0, 1); // Jan 1, 2014
+
+// Different first week rules
+getWeek(date, { locale: enUS }); 
+//=> 1 (US: week containing Jan 1 is week 1)
+
+getWeek(date, { locale: de });
+//=> 1 (German: week with 4+ days in new year is week 1)
+```
+
+## Locale-Specific Patterns
+
+### Date Patterns by Locale
+
+```typescript
+import { format } from "date-fns";
+import { enUS, de, ja, ar } from "date-fns/locale";
+
+const date = new Date(2014, 1, 11);
+
+// US format (M/d/yyyy)
+format(date, "P", { locale: enUS });
+//=> '2/11/2014'
+
+// German format (dd.MM.yyyy)
+format(date, "P", { locale: de });
+//=> '11.02.2014'
+
+// Japanese format (yyyy/MM/dd)  
+format(date, "P", { locale: ja });
+//=> '2014/02/11'
+
+// Arabic format (d‏/M‏/yyyy)
+format(date, "P", { locale: ar });
+//=> '11‏/2‏/2014'
+```
+
+### Time Patterns by Locale
+
+```typescript
+import { format } from "date-fns";
+import { enUS, de, ja } from "date-fns/locale";
+
+const date = new Date(2014, 1, 11, 14, 30);
+
+// US format (2:30 PM)
+format(date, "p", { locale: enUS });
+//=> '2:30 PM'
+
+// German format (14:30)
+format(date, "p", { locale: de });
+//=> '14:30'
+
+// Japanese format (14:30)
+format(date, "p", { locale: ja });
+//=> '14:30'
+```
+
+### Long Format Patterns
+
+```typescript
+import { format } from "date-fns";
+import { enUS, de, fr, ja } from "date-fns/locale";
+
+const date = new Date(2014, 1, 11, 14, 30, 45);
+
+// Full date and time formats
+format(date, "PPPPpppp", { locale: enUS });
+//=> 'Tuesday, February 11th, 2014 at 2:30:45 PM GMT+2'
+
+format(date, "PPPPpppp", { locale: de });
+//=> 'Dienstag, 11. Februar 2014 um 14:30:45 GMT+2'
+
+format(date, "PPPPpppp", { locale: fr });
+//=> 'mardi 11 février 2014 à 14:30:45 GMT+2'
+
+format(date, "PPPPpppp", { locale: ja });
+//=> '2014年2月11日火曜日 14:30:45 GMT+2'
+```
+
+## Creating Custom Locales
+
+### Locale Structure
+
+```typescript { .api }
+interface Locale {
+  code: string;
+  formatDistance: FormatDistanceFn;
+  formatLong: FormatLongOptions;
+  formatRelative: FormatRelativeFn;
+  localize: LocalizeOptions;
+  match: MatchOptions;
+  options?: LocaleOptions;
+}
+```
+
+### Custom Locale Example
+
+```typescript
+import { Locale } from "date-fns";
+
+const customLocale: Locale = {
+  code: 'custom',
+  
+  formatDistance: (token, count, options) => {
+    // Custom distance formatting logic
+    const formatDistanceLocale = {
+      lessThanXSeconds: 'less than {{count}} second{{s}}',
+      xSeconds: '{{count}} second{{s}}',
+      halfAMinute: 'half a minute',
+      lessThanXMinutes: 'less than {{count}} minute{{s}}',
+      xMinutes: '{{count}} minute{{s}}',
+      aboutXHours: 'about {{count}} hour{{s}}',
+      xHours: '{{count}} hour{{s}}',
+      xDays: '{{count}} day{{s}}',
+      aboutXWeeks: 'about {{count}} week{{s}}',
+      xWeeks: '{{count}} week{{s}}',
+      aboutXMonths: 'about {{count}} month{{s}}',
+      xMonths: '{{count}} month{{s}}',
+      aboutXYears: 'about {{count}} year{{s}}',
+      xYears: '{{count}} year{{s}}',
+      overXYears: 'over {{count}} year{{s}}',
+      almostXYears: 'almost {{count}} year{{s}}'
+    };
+
+    const result = formatDistanceLocale[token].replace(
+      '{{count}}', 
+      count.toString()
+    );
+    
+    return result.replace('{{s}}', count === 1 ? '' : 's');
+  },
+
+  formatLong: {
+    time: 'HH:mm:ss',
+    date: 'dd/MM/yyyy',
+    dateTime: '{{date}} {{time}}',
+    longDate: 'MMMM d, yyyy',
+    fullDate: 'EEEE, MMMM do, yyyy',
+    shortTime: 'HH:mm',
+    longTime: 'HH:mm:ss',
+    fullTime: 'HH:mm:ss'
+  },
+
+  formatRelative: (token, date, baseDate, options) => {
+    // Custom relative formatting
+    const formatRelativeLocale = {
+      lastWeek: "'last' eeee 'at' p",
+      yesterday: "'yesterday at' p",
+      today: "'today at' p", 
+      tomorrow: "'tomorrow at' p",
+      nextWeek: "eeee 'at' p",
+      other: 'P'
+    };
+    
+    return formatRelativeLocale[token];
+  },
+
+  localize: {
+    // Month names, day names, etc.
+    month: (month) => ['Jan', 'Feb', 'Mar', /*...*/][month],
+    day: (day) => ['Sun', 'Mon', 'Tue', /*...*/][day],
+    // Additional localization functions...
+  },
+
+  match: {
+    // Parsing patterns for custom locale
+    // Match functions for parsing formatted dates
+  },
+
+  options: {
+    weekStartsOn: 1, // Monday
+    firstWeekContainsDate: 4
+  }
+};
+```
+
+### Using Custom Locales
+
+```typescript
+import { format } from "date-fns";
+
+// Use the custom locale
+format(new Date(), "PPP", { locale: customLocale });
+```
+
+## Locale Helper Functions
+
+### Locale Detection
+
+```typescript
+// Browser locale detection
+function getBrowserLocale(): string {
+  return navigator.language || navigator.languages[0] || 'en-US';
+}
+
+// Map browser locale to date-fns locale
+function getDateFnsLocale(browserLocale: string): Locale {
+  const localeMap: Record<string, () => Promise<Locale>> = {
+    'de': () => import('date-fns/locale/de'),
+    'de-DE': () => import('date-fns/locale/de'),
+    'fr': () => import('date-fns/locale/fr'),
+    'fr-FR': () => import('date-fns/locale/fr'),
+    // Add more mappings...
+  };
+  
+  const loader = localeMap[browserLocale] || 
+                 localeMap[browserLocale.split('-')[0]] ||
+                 (() => import('date-fns/locale/en-US'));
+  
+  return loader();
+}
+```
+
+### Dynamic Locale Loading
+
+```typescript
+// Lazy load locales
+class LocaleManager {
+  private loadedLocales = new Map<string, Locale>();
+  
+  async getLocale(code: string): Promise<Locale> {
+    if (this.loadedLocales.has(code)) {
+      return this.loadedLocales.get(code)!;
+    }
+    
+    try {
+      const locale = await import(`date-fns/locale/${code}`);
+      this.loadedLocales.set(code, locale.default);
+      return locale.default;
+    } catch {
+      // Fallback to English
+      const enUS = await import('date-fns/locale/en-US');
+      return enUS.default;
+    }
+  }
+}
+```
+
+## Right-to-Left (RTL) Support
+
+### Arabic and Hebrew Examples
+
+```typescript
+import { format } from "date-fns";
+import { ar, he } from "date-fns/locale";
+
+const date = new Date(2014, 1, 11);
+
+// Arabic (RTL)
+format(date, "EEEE، do MMMM yyyy", { locale: ar });
+//=> 'الثلاثاء، 11 فبراير 2014'
+
+// Hebrew (RTL)  
+format(date, "EEEE, do MMMM yyyy", { locale: he });
+//=> 'יום שלישי, 11 פברואר 2014'
+```
+
+### Handling RTL in Applications
+
+```typescript
+import { ar, he, enUS } from "date-fns/locale";
+
+function isRTLLocale(locale: Locale): boolean {
+  const rtlCodes = ['ar', 'he', 'fa', 'ur'];
+  return rtlCodes.includes(locale.code);
+}
+
+function formatWithDirection(date: Date, pattern: string, locale: Locale): {
+  text: string;
+  direction: 'ltr' | 'rtl';
+} {
+  return {
+    text: format(date, pattern, { locale }),
+    direction: isRTLLocale(locale) ? 'rtl' : 'ltr'
+  };
+}
+```
+
+## Option Types
+
+### LocaleOptions
+
+```typescript { .api }
+interface LocaleOptions {
+  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+  firstWeekContainsDate?: 1 | 2 | 3 | 4 | 5 | 6 | 7;
+}
+```
+
+### FormatLongOptions
+
+```typescript { .api }
+interface FormatLongOptions {
+  time?: string;
+  date?: string;
+  dateTime?: string;
+  longDate?: string;
+  fullDate?: string;
+  shortTime?: string;
+  longTime?: string;
+  fullTime?: string;
+}
+```
+
+### FormatDistanceFn
+
+```typescript { .api }
+type FormatDistanceFn = (
+  token: string,
+  count: number,
+  options?: { addSuffix?: boolean; comparison?: number }
+) => string;
+```
+
+### FormatRelativeFn
+
+```typescript { .api }
+type FormatRelativeFn = (
+  token: 'lastWeek' | 'yesterday' | 'today' | 'tomorrow' | 'nextWeek' | 'other',
+  date: Date,
+  baseDate: Date,
+  options?: any
+) => string;
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-date-fns/docs/index.md b/.tessl/tiles/tessl/npm-date-fns/docs/index.md
new file mode 100644
index 000000000..4b38edac7
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-date-fns/docs/index.md
@@ -0,0 +1,267 @@
+# date-fns
+
+date-fns provides the most comprehensive, yet simple and consistent toolset for manipulating JavaScript dates in both browser and Node.js environments. It offers over 200 modular functions for all date manipulation needs, supporting tree-shaking and selective imports to minimize bundle size.
+
+## Package Information
+
+- **Package Name**: date-fns
+- **Package Type**: npm
+- **Language**: JavaScript/TypeScript
+- **Installation**: `npm install date-fns`
+
+## Core Imports
+
+```typescript
+import { format, addDays, differenceInDays, isValid } from "date-fns";
+```
+
+For CommonJS:
+
+```javascript
+const { format, addDays, differenceInDays, isValid } = require("date-fns");
+```
+
+Individual function imports (recommended for tree-shaking):
+
+```typescript
+import { format } from "date-fns/format";
+import { addDays } from "date-fns/addDays";
+```
+
+Constants import:
+
+```typescript
+import { maxTime, minTime } from "date-fns/constants";
+```
+
+Locale imports:
+
+```typescript
+import { enUS, de, fr } from "date-fns/locale";
+```
+
+## Basic Usage
+
+```typescript
+import { compareAsc, format } from "date-fns";
+
+// Format dates
+format(new Date(2014, 1, 11), "yyyy-MM-dd");
+//=> '2014-02-11'
+
+// Add days and format
+const futureDate = addDays(new Date(2023, 0, 1), 10);
+format(futureDate, "PP");
+//=> 'Jan 11, 2023'
+
+// Compare dates
+const dates = [
+  new Date(1995, 6, 2),
+  new Date(1987, 1, 11),
+  new Date(1989, 6, 10),
+];
+dates.sort(compareAsc);
+//=> Sorted chronologically
+
+// Validate dates
+isValid(new Date("2023-13-01")); //=> false
+isValid(new Date("2023-01-01")); //=> true
+```
+
+## Architecture
+
+date-fns is built around several key principles:
+
+- **Immutable & Pure**: All functions are pure and return new date instances without modifying inputs
+- **Modular Design**: Each function is a separate module enabling tree-shaking and selective imports
+- **TypeScript First**: Complete type definitions with generic support for custom date types
+- **No Extensions**: Uses native Date objects without extending prototypes for maximum compatibility
+- **Functional Programming**: Optional FP module with curried interfaces for functional composition
+- **Internationalization**: Comprehensive locale system supporting 97+ languages and regions
+
+## Capabilities
+
+### Date Arithmetic
+
+Core date manipulation functions for adding, subtracting, and calculating differences between dates. Essential for date calculations and scheduling applications.
+
+```typescript { .api }
+function add(date: DateArg<DateType>, duration: Duration): DateType;
+function addDays(date: DateArg<DateType>, amount: number): DateType;
+function differenceInDays(dateLeft: DateArg<Date>, dateRight: DateArg<Date>): number;
+function sub(date: DateArg<DateType>, duration: Duration): DateType;
+```
+
+[Date Arithmetic](./arithmetic.md)
+
+### Date Formatting
+
+Comprehensive date formatting with customizable patterns, internationalization support, and multiple output formats including ISO, RFC, and relative time formatting.
+
+```typescript { .api }
+function format(date: DateArg<Date>, formatStr: string, options?: FormatOptions): string;
+function formatDistance(dateLeft: DateArg<Date>, dateRight: DateArg<Date>, options?: FormatDistanceOptions): string;
+function formatISO(date: DateArg<Date>, options?: FormatISOOptions): string;
+function formatRelative(date: DateArg<Date>, baseDate: DateArg<Date>, options?: FormatRelativeOptions): string;
+```
+
+[Date Formatting](./formatting.md)
+
+### Date Parsing
+
+Flexible date parsing from strings, ISO formats, and custom patterns with proper error handling and validation support.
+
+```typescript { .api }
+function parse(dateString: string, formatString: string, referenceDate: DateArg<Date>, options?: ParseOptions): Date;
+function parseISO(argument: string, options?: ParseOptions): Date;
+function parseJSON(argument: string | number | Date): Date;
+function isMatch(dateString: string, formatString: string, options?: MatchOptions): boolean;
+```
+
+[Date Parsing](./parsing.md)
+
+### Date Validation and Comparison
+
+Comprehensive validation and comparison utilities for checking date validity, temporal relationships, and period-based comparisons.
+
+```typescript { .api }
+function isValid(date: any): boolean;
+function isAfter(date: DateArg<Date>, dateToCompare: DateArg<Date>): boolean;
+function isBefore(date: DateArg<Date>, dateToCompare: DateArg<Date>): boolean;
+function isEqual(dateLeft: DateArg<Date>, dateRight: DateArg<Date>): boolean;
+function compareAsc(dateLeft: DateArg<Date>, dateRight: DateArg<Date>): number;
+```
+
+[Date Validation](./validation.md)
+
+### Date Component Access
+
+Functions for getting and setting individual date components (year, month, day, hour, etc.) with proper handling of time zones and edge cases.
+
+```typescript { .api }
+function getYear(date: DateArg<Date>): number;
+function getMonth(date: DateArg<Date>): number;
+function getDate(date: DateArg<Date>): number;
+function setYear<DateType extends Date>(date: DateArg<DateType>, year: number): DateType;
+function setMonth<DateType extends Date>(date: DateArg<DateType>, month: number): DateType;
+```
+
+[Date Components](./components.md)
+
+### Time Period Utilities
+
+Functions for working with specific time periods like start/end of day, week, month, and iteration over date ranges.
+
+```typescript { .api }
+function startOfDay<DateType extends Date>(date: DateArg<DateType>): DateType;
+function endOfMonth<DateType extends Date>(date: DateArg<DateType>): DateType;
+function eachDayOfInterval(interval: Interval, options?: StepOptions): Date[];
+function lastDayOfMonth<DateType extends Date>(date: DateArg<DateType>): DateType;
+```
+
+[Time Periods](./periods.md)
+
+### Internationalization
+
+Complete locale system supporting 97+ languages and regions with customizable date formatting, relative time display, and cultural date conventions.
+
+```typescript { .api }
+interface Locale {
+  code: string;
+  formatDistance: FormatDistanceFn;
+  formatLong: FormatLongOptions;
+  formatRelative: FormatRelativeFn;
+  localize: LocalizeOptions;
+  match: MatchOptions;
+  options?: LocaleOptions;
+}
+```
+
+[Internationalization](./i18n.md)
+
+### Constants and Utilities
+
+Mathematical constants for time calculations, utility functions for date construction, and helper functions for common operations.
+
+```typescript { .api }
+const daysInWeek = 7;
+const millisecondsInDay = 86400000;
+const maxTime = 8640000000000000;
+function toDate(argument: DateArg<Date>): Date;
+function isDate(value: any): value is Date;
+```
+
+[Constants and Utilities](./constants.md)
+
+### Functional Programming
+
+Curried function interfaces for functional composition and pipeline-style date operations, with automatic parameter reordering for optimal usage.
+
+```typescript { .api }
+const add: CurriedFn2<Duration, DateArg<Date>, Date>;
+const format: CurriedFn2<string, DateArg<Date>, string>;
+const isAfter: CurriedFn2<DateArg<Date>, DateArg<Date>, boolean>;
+```
+
+[Functional Programming](./fp.md)
+
+## Types
+
+### Core Types
+
+```typescript { .api }
+type DateArg<DateType extends Date> = DateType | number | string;
+
+interface Duration {
+  years?: number;
+  months?: number;
+  weeks?: number;
+  days?: number;
+  hours?: number;
+  minutes?: number;
+  seconds?: number;
+}
+
+interface Interval {
+  start: DateArg<Date>;
+  end: DateArg<Date>;
+}
+
+interface GenericDateConstructor<DateType extends Date = Date> {
+  new (): DateType;
+  new (value: DateArg<Date> & {}): DateType;
+  new (
+    year: number,
+    month: number,
+    date?: number,
+    hours?: number,
+    minutes?: number,
+    seconds?: number,
+    ms?: number,
+  ): DateType;
+}
+```
+
+### Options Interfaces
+
+```typescript { .api }
+interface FormatOptions {
+  locale?: Locale;
+  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+  firstWeekContainsDate?: 1 | 2 | 3 | 4 | 5 | 6 | 7;
+  useAdditionalWeekYearTokens?: boolean;
+  useAdditionalDayOfYearTokens?: boolean;
+}
+
+interface ParseOptions {
+  locale?: Locale;
+  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+  firstWeekContainsDate?: 1 | 2 | 3 | 4 | 5 | 6 | 7;
+  useAdditionalWeekYearTokens?: boolean;
+  useAdditionalDayOfYearTokens?: boolean;
+}
+
+interface StepOptions {
+  step?: number;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-date-fns/docs/parsing.md b/.tessl/tiles/tessl/npm-date-fns/docs/parsing.md
new file mode 100644
index 000000000..e0f0e1141
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-date-fns/docs/parsing.md
@@ -0,0 +1,381 @@
+# Date Parsing
+
+Date parsing functions provide flexible conversion from strings to Date objects with support for various formats, ISO standards, and custom patterns. All parsing functions include proper error handling and validation.
+
+## Core Parsing
+
+### parse
+
+Parse a date from a string using a format pattern.
+
+```typescript { .api }
+function parse(
+  dateString: string,
+  formatString: string,
+  referenceDate: DateArg<Date>,
+  options?: ParseOptions
+): Date;
+```
+
+**Parameters:**
+- `dateString` - The string to parse
+- `formatString` - The format pattern to match
+- `referenceDate` - Reference date for relative parsing
+- `options` - Optional parsing configuration
+
+**Format Tokens:**
+- `yyyy` - 4-digit year
+- `MM` - 2-digit month (01-12)
+- `dd` - 2-digit day (01-31)
+- `HH` - 24-hour format hour (00-23)
+- `mm` - 2-digit minute (00-59)
+- `ss` - 2-digit second (00-59)
+- `SSS` - Milliseconds (000-999)
+
+**Examples:**
+```typescript
+import { parse } from "date-fns";
+
+// Basic date parsing
+parse('2014-02-11', 'yyyy-MM-dd', new Date());
+//=> Tue Feb 11 2014 00:00:00
+
+// Date and time
+parse('2014-02-11 14:30:45', 'yyyy-MM-dd HH:mm:ss', new Date());
+//=> Tue Feb 11 2014 14:30:45
+
+// Custom format
+parse('11.02.2014', 'dd.MM.yyyy', new Date());
+//=> Tue Feb 11 2014 00:00:00
+
+// With milliseconds
+parse('2014-02-11T14:30:45.123', 'yyyy-MM-ddTHH:mm:ss.SSS', new Date());
+//=> Tue Feb 11 2014 14:30:45.123
+```
+
+### parseISO
+
+Parse an ISO 8601 date string.
+
+```typescript { .api }
+function parseISO<ResultDate extends Date = Date>(
+  argument: string,
+  options?: ParseISOOptions<ResultDate>
+): ResultDate;
+```
+
+**Parameters:**
+- `argument` - The ISO 8601 string to parse
+- `options` - Optional parsing configuration with additional digits support
+
+**Supported Formats:**
+- `YYYY-MM-DD` - Calendar date
+- `YYYY-MM-DDTHH:mm:ss` - Complete date and time
+- `YYYY-MM-DDTHH:mm:ss.sss` - With milliseconds
+- `YYYY-MM-DDTHH:mm:ssZ` - UTC time
+- `YYYY-MM-DDTHH:mm:ss+HH:mm` - With timezone offset
+
+**Examples:**
+```typescript
+import { parseISO } from "date-fns";
+
+// Date only
+parseISO('2014-02-11');
+//=> Tue Feb 11 2014 00:00:00
+
+// Complete datetime
+parseISO('2014-02-11T11:30:30');
+//=> Tue Feb 11 2014 11:30:30
+
+// With timezone
+parseISO('2014-02-11T11:30:30+05:00');
+//=> Tue Feb 11 2014 11:30:30
+
+// UTC time
+parseISO('2014-02-11T11:30:30Z');
+//=> Tue Feb 11 2014 11:30:30
+
+// With milliseconds
+parseISO('2014-02-11T11:30:30.123Z');
+//=> Tue Feb 11 2014 11:30:30.123
+```
+
+### parseJSON
+
+Parse a date from JSON (handles various JSON date formats).
+
+```typescript { .api }
+function parseJSON<ResultDate extends Date = Date>(
+  dateStr: string,
+  options?: ParseJSONOptions<ResultDate>
+): ResultDate;
+```
+
+**Parameters:**
+- `dateStr` - The JSON date string to parse
+- `options` - Optional parsing configuration with context support
+
+**Examples:**
+```typescript
+import { parseJSON } from "date-fns";
+
+// ISO string from JSON
+parseJSON('2014-02-11T11:30:30.000Z');
+//=> Tue Feb 11 2014 11:30:30
+
+// Unix timestamp
+parseJSON(1392123030000);
+//=> Tue Feb 11 2014 11:30:30
+
+// Already a Date object
+parseJSON(new Date(2014, 1, 11));
+//=> Tue Feb 11 2014 00:00:00
+```
+
+## Validation and Matching
+
+### isMatch
+
+Check if a string matches a date format pattern.
+
+```typescript { .api }
+function isMatch(
+  dateString: string,
+  formatString: string,
+  options?: MatchOptions
+): boolean;
+```
+
+**Parameters:**
+- `dateString` - The string to test
+- `formatString` - The format pattern to match against
+- `options` - Optional matching configuration
+
+**Examples:**
+```typescript
+import { isMatch } from "date-fns";
+
+// Valid formats
+isMatch('2014-02-11', 'yyyy-MM-dd');
+//=> true
+
+isMatch('11.02.2014', 'dd.MM.yyyy');
+//=> true
+
+// Invalid formats
+isMatch('2014-02-11', 'dd.MM.yyyy');
+//=> false
+
+isMatch('not-a-date', 'yyyy-MM-dd');
+//=> false
+
+// Complex patterns
+isMatch('2014-02-11 14:30:45', 'yyyy-MM-dd HH:mm:ss');
+//=> true
+```
+
+## Advanced Parsing Patterns
+
+### Date Parts Parsing
+
+Parse dates with various separators and formats:
+
+```typescript
+import { parse } from "date-fns";
+
+// Different separators
+parse('2014/02/11', 'yyyy/MM/dd', new Date());
+parse('2014-02-11', 'yyyy-MM-dd', new Date());
+parse('2014.02.11', 'yyyy.MM.dd', new Date());
+
+// Different order
+parse('11/02/2014', 'dd/MM/yyyy', new Date());
+parse('02/11/2014', 'MM/dd/yyyy', new Date());
+
+// Short year
+parse('14-02-11', 'yy-MM-dd', new Date());
+```
+
+### Time Parsing
+
+Parse various time formats:
+
+```typescript
+import { parse } from "date-fns";
+
+// 24-hour format
+parse('14:30:45', 'HH:mm:ss', new Date());
+
+// 12-hour format with AM/PM
+parse('2:30:45 PM', 'h:mm:ss a', new Date());
+
+// Minutes and seconds only
+parse('30:45', 'mm:ss', new Date());
+
+// With milliseconds
+parse('14:30:45.123', 'HH:mm:ss.SSS', new Date());
+```
+
+### Relative Date Parsing
+
+Use reference date for context-dependent parsing:
+
+```typescript
+import { parse } from "date-fns";
+
+const referenceDate = new Date(2020, 0, 1); // Jan 1, 2020
+
+// Parse relative to reference year
+parse('02-11', 'MM-dd', referenceDate);
+//=> Feb 11, 2020
+
+// Day of year
+parse('42', 'D', referenceDate);
+//=> Feb 11, 2020 (42nd day of 2020)
+```
+
+## Error Handling
+
+### Invalid Date Detection
+
+```typescript
+import { parse, isValid } from "date-fns";
+
+// Parse potentially invalid date
+const result = parse('invalid-date', 'yyyy-MM-dd', new Date());
+
+// Check if parsing was successful
+if (isValid(result)) {
+  console.log('Parsed successfully:', result);
+} else {
+  console.log('Parsing failed');
+}
+
+// Parse with validation
+function safeParse(dateString: string, format: string): Date | null {
+  try {
+    const parsed = parse(dateString, format, new Date());
+    return isValid(parsed) ? parsed : null;
+  } catch {
+    return null;
+  }
+}
+```
+
+### Common Parsing Pitfalls
+
+```typescript
+import { parse, parseISO } from "date-fns";
+
+// Ambiguous formats - be explicit
+parse('01/02/2014', 'MM/dd/yyyy', new Date()); // Jan 2, 2014
+parse('01/02/2014', 'dd/MM/yyyy', new Date()); // Feb 1, 2014
+
+// Timezone handling
+parseISO('2014-02-11T11:30:30'); // Local time
+parseISO('2014-02-11T11:30:30Z'); // UTC time
+
+// Invalid dates return Invalid Date
+parse('2014-13-01', 'yyyy-MM-dd', new Date()); // Invalid Date
+parse('2014-02-30', 'yyyy-MM-dd', new Date()); // Invalid Date
+```
+
+## Option Types
+
+### ParseOptions
+
+```typescript { .api }
+interface ParseOptions {
+  locale?: Locale;
+  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+  firstWeekContainsDate?: 1 | 2 | 3 | 4 | 5 | 6 | 7;
+  useAdditionalWeekYearTokens?: boolean;
+  useAdditionalDayOfYearTokens?: boolean;
+}
+```
+
+### MatchOptions
+
+```typescript { .api }
+interface MatchOptions {
+  locale?: Locale;
+  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+  firstWeekContainsDate?: 1 | 2 | 3 | 4 | 5 | 6 | 7;
+  useAdditionalWeekYearTokens?: boolean;
+  useAdditionalDayOfYearTokens?: boolean;
+}
+```
+
+### ParseISOOptions
+
+```typescript { .api }
+interface ParseISOOptions<DateType extends Date = Date> extends ContextOptions<DateType> {
+  additionalDigits?: 0 | 1 | 2;
+}
+```
+
+### ParseJSONOptions
+
+```typescript { .api }
+interface ParseJSONOptions<DateType extends Date = Date> extends ContextOptions<DateType> {}
+```
+
+## Format Token Reference
+
+### Date Tokens
+
+| Token | Description | Example |
+|-------|-------------|---------|
+| `yyyy` | 4-digit year | 2014 |
+| `yy` | 2-digit year | 14 |
+| `y` | Year | 2014 |
+| `YYYY` | ISO week year | 2014 |
+| `YY` | 2-digit ISO week year | 14 |
+
+### Month Tokens
+
+| Token | Description | Example |
+|-------|-------------|---------|
+| `MMMM` | Full month name | February |
+| `MMM` | Short month name | Feb |
+| `MM` | 2-digit month | 02 |
+| `M` | Month | 2 |
+
+### Day Tokens
+
+| Token | Description | Example |
+|-------|-------------|---------|
+| `dd` | 2-digit day | 11 |
+| `d` | Day | 11 |
+| `D` | Day of year | 42 |
+| `EEEE` | Full day name | Tuesday |
+| `EEE` | Short day name | Tue |
+| `e` | Local day of week | 2 |
+| `i` | ISO day of week | 2 |
+
+### Time Tokens
+
+| Token | Description | Example |
+|-------|-------------|---------|
+| `HH` | 24-hour hour | 14 |
+| `H` | 24-hour hour | 14 |
+| `hh` | 12-hour hour | 02 |
+| `h` | 12-hour hour | 2 |
+| `mm` | 2-digit minute | 30 |
+| `m` | Minute | 30 |
+| `ss` | 2-digit second | 45 |
+| `s` | Second | 45 |
+| `SSS` | Millisecond | 123 |
+| `S` | 1/10 second | 1 |
+| `SS` | 1/100 second | 12 |
+
+### AM/PM and Timezone
+
+| Token | Description | Example |
+|-------|-------------|---------|
+| `a` | AM/PM | PM |
+| `aa` | AM/PM | PM |
+| `aaa` | AM/PM | PM |
+| `X` | Timezone offset | +0200 |
+| `XX` | Timezone offset | +02:00 |
+| `XXX` | Timezone offset | +02:00 |
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-date-fns/docs/periods.md b/.tessl/tiles/tessl/npm-date-fns/docs/periods.md
new file mode 100644
index 000000000..80a97d48e
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-date-fns/docs/periods.md
@@ -0,0 +1,612 @@
+# Time Periods
+
+Time period utilities provide functions for working with specific time periods like start/end of time units, iteration over date ranges, and navigation to specific dates. All functions handle edge cases and timezone considerations properly.
+
+## Start of Period Functions
+
+### Basic Time Units
+
+```typescript { .api }
+function startOfSecond<DateType extends Date>(date: DateArg<DateType>): DateType;
+function startOfMinute<DateType extends Date>(date: DateArg<DateType>): DateType;
+function startOfHour<DateType extends Date>(date: DateArg<DateType>): DateType;
+function startOfDay<DateType extends Date>(date: DateArg<DateType>): DateType;
+```
+
+**Examples:**
+```typescript
+import { startOfSecond, startOfMinute, startOfHour, startOfDay } from "date-fns";
+
+const date = new Date(2014, 1, 11, 14, 30, 45, 500);
+
+startOfSecond(date);
+//=> Tue Feb 11 2014 14:30:45.000
+
+startOfMinute(date);
+//=> Tue Feb 11 2014 14:30:00.000
+
+startOfHour(date);
+//=> Tue Feb 11 2014 14:00:00.000
+
+startOfDay(date);
+//=> Tue Feb 11 2014 00:00:00.000
+```
+
+### Week and Month Periods
+
+```typescript { .api }
+function startOfWeek<DateType extends Date>(
+  date: DateArg<DateType>,
+  options?: WeekStartOptions
+): DateType;
+function startOfISOWeek<DateType extends Date>(date: DateArg<DateType>): DateType;
+function startOfMonth<DateType extends Date>(date: DateArg<DateType>): DateType;
+function startOfQuarter<DateType extends Date>(date: DateArg<DateType>): DateType;
+```
+
+**Examples:**
+```typescript
+import { startOfWeek, startOfISOWeek, startOfMonth, startOfQuarter } from "date-fns";
+
+const date = new Date(2014, 1, 11); // Tuesday, Feb 11, 2014
+
+startOfWeek(date);
+//=> Sun Feb 09 2014 00:00:00 (week starts Sunday by default)
+
+startOfWeek(date, { weekStartsOn: 1 });
+//=> Mon Feb 10 2014 00:00:00 (week starts Monday)
+
+startOfISOWeek(date);
+//=> Mon Feb 10 2014 00:00:00 (ISO week always starts Monday)
+
+startOfMonth(date);
+//=> Sat Feb 01 2014 00:00:00
+
+startOfQuarter(date);
+//=> Wed Jan 01 2014 00:00:00 (Q1 starts in January)
+```
+
+### Year and Decade Periods
+
+```typescript { .api }
+function startOfYear<DateType extends Date>(date: DateArg<DateType>): DateType;
+function startOfISOWeekYear<DateType extends Date>(date: DateArg<DateType>): DateType;
+function startOfWeekYear<DateType extends Date>(
+  date: DateArg<DateType>,
+  options?: WeekStartOptions
+): DateType;
+function startOfDecade<DateType extends Date>(date: DateArg<DateType>): DateType;
+```
+
+**Examples:**
+```typescript
+import { startOfYear, startOfISOWeekYear, startOfDecade } from "date-fns";
+
+const date = new Date(2014, 1, 11);
+
+startOfYear(date);
+//=> Wed Jan 01 2014 00:00:00
+
+startOfISOWeekYear(date);
+//=> Mon Dec 30 2013 00:00:00 (ISO week year 2014 starts in 2013)
+
+startOfDecade(date);
+//=> Fri Jan 01 2010 00:00:00 (2010s decade)
+```
+
+### Special Date Functions
+
+```typescript { .api }
+function startOfToday(): Date;
+function startOfTomorrow(): Date;
+function startOfYesterday(): Date;
+```
+
+**Examples:**
+```typescript
+import { startOfToday, startOfTomorrow, startOfYesterday } from "date-fns";
+
+// These return dates relative to the current moment
+startOfToday();    //=> Today at 00:00:00
+startOfTomorrow(); //=> Tomorrow at 00:00:00  
+startOfYesterday(); //=> Yesterday at 00:00:00
+```
+
+## End of Period Functions
+
+### Basic Time Units
+
+```typescript { .api }
+function endOfSecond<DateType extends Date>(date: DateArg<DateType>): DateType;
+function endOfMinute<DateType extends Date>(date: DateArg<DateType>): DateType;
+function endOfHour<DateType extends Date>(date: DateArg<DateType>): DateType;
+function endOfDay<DateType extends Date>(date: DateArg<DateType>): DateType;
+```
+
+**Examples:**
+```typescript
+import { endOfSecond, endOfMinute, endOfHour, endOfDay } from "date-fns";
+
+const date = new Date(2014, 1, 11, 14, 30, 45, 500);
+
+endOfSecond(date);
+//=> Tue Feb 11 2014 14:30:45.999
+
+endOfMinute(date);
+//=> Tue Feb 11 2014 14:30:59.999
+
+endOfHour(date);
+//=> Tue Feb 11 2014 14:59:59.999
+
+endOfDay(date);
+//=> Tue Feb 11 2014 23:59:59.999
+```
+
+### Week and Month Periods
+
+```typescript { .api }
+function endOfWeek<DateType extends Date>(
+  date: DateArg<DateType>,
+  options?: WeekStartOptions
+): DateType;
+function endOfISOWeek<DateType extends Date>(date: DateArg<DateType>): DateType;
+function endOfMonth<DateType extends Date>(date: DateArg<DateType>): DateType;
+function endOfQuarter<DateType extends Date>(date: DateArg<DateType>): DateType;
+```
+
+**Examples:**
+```typescript
+import { endOfWeek, endOfISOWeek, endOfMonth, endOfQuarter } from "date-fns";
+
+const date = new Date(2014, 1, 11); // Tuesday, Feb 11, 2014
+
+endOfWeek(date);
+//=> Sat Feb 15 2014 23:59:59.999
+
+endOfISOWeek(date);
+//=> Sun Feb 16 2014 23:59:59.999
+
+endOfMonth(date);
+//=> Fri Feb 28 2014 23:59:59.999
+
+endOfQuarter(date);
+//=> Mon Mar 31 2014 23:59:59.999 (Q1 ends in March)
+```
+
+### Year and Decade Periods
+
+```typescript { .api }
+function endOfYear<DateType extends Date>(date: DateArg<DateType>): DateType;
+function endOfISOWeekYear<DateType extends Date>(date: DateArg<DateType>): DateType;
+function endOfDecade<DateType extends Date>(date: DateArg<DateType>): DateType;
+```
+
+**Examples:**
+```typescript
+import { endOfYear, endOfISOWeekYear, endOfDecade } from "date-fns";
+
+const date = new Date(2014, 1, 11);
+
+endOfYear(date);
+//=> Wed Dec 31 2014 23:59:59.999
+
+endOfISOWeekYear(date);
+//=> Sun Dec 28 2014 23:59:59.999
+
+endOfDecade(date);
+//=> Tue Dec 31 2019 23:59:59.999 (2010s decade ends in 2019)
+```
+
+### Special Date Functions
+
+```typescript { .api }
+function endOfToday(): Date;
+function endOfTomorrow(): Date;
+function endOfYesterday(): Date;
+```
+
+## Last Day Functions
+
+### Period Last Days
+
+```typescript { .api }
+function lastDayOfMonth<DateType extends Date>(date: DateArg<DateType>): DateType;
+function lastDayOfQuarter<DateType extends Date>(
+  date: DateArg<DateType>,
+  options?: QuarterOptions
+): DateType;
+function lastDayOfYear<DateType extends Date>(date: DateArg<DateType>): DateType;
+function lastDayOfDecade<DateType extends Date>(date: DateArg<DateType>): DateType;
+```
+
+**Examples:**
+```typescript
+import { lastDayOfMonth, lastDayOfQuarter, lastDayOfYear, lastDayOfDecade } from "date-fns";
+
+const date = new Date(2014, 1, 11); // February 11, 2014
+
+lastDayOfMonth(date);
+//=> Fri Feb 28 2014 00:00:00
+
+lastDayOfQuarter(date);
+//=> Mon Mar 31 2014 00:00:00 (Q1 ends March 31)
+
+lastDayOfYear(date);
+//=> Wed Dec 31 2014 00:00:00
+
+lastDayOfDecade(date);
+//=> Tue Dec 31 2019 00:00:00
+```
+
+### Week Last Days
+
+```typescript { .api }
+function lastDayOfWeek<DateType extends Date>(
+  date: DateArg<DateType>,
+  options?: WeekStartOptions
+): DateType;
+function lastDayOfISOWeek<DateType extends Date>(date: DateArg<DateType>): DateType;
+function lastDayOfISOWeekYear<DateType extends Date>(date: DateArg<DateType>): DateType;
+```
+
+**Examples:**
+```typescript
+import { lastDayOfWeek, lastDayOfISOWeek, lastDayOfISOWeekYear } from "date-fns";
+
+const date = new Date(2014, 1, 11); // Tuesday
+
+lastDayOfWeek(date);
+//=> Sat Feb 15 2014 00:00:00 (Saturday ends the week)
+
+lastDayOfWeek(date, { weekStartsOn: 1 });
+//=> Sun Feb 16 2014 00:00:00 (Sunday ends Monday-starting week)
+
+lastDayOfISOWeek(date);
+//=> Sun Feb 16 2014 00:00:00 (ISO week ends Sunday)
+
+lastDayOfISOWeekYear(date);
+//=> Sun Dec 28 2014 00:00:00
+```
+
+## Iteration Functions
+
+### Basic Iteration
+
+```typescript { .api }
+function eachDayOfInterval(
+  interval: Interval,
+  options?: StepOptions
+): Date[];
+function eachHourOfInterval(
+  interval: Interval,
+  options?: StepOptions
+): Date[];
+function eachMinuteOfInterval(
+  interval: Interval,
+  options?: StepOptions
+): Date[];
+```
+
+**Examples:**
+```typescript
+import { eachDayOfInterval, eachHourOfInterval } from "date-fns";
+
+// Each day in interval
+eachDayOfInterval({
+  start: new Date(2014, 0, 1),
+  end: new Date(2014, 0, 3)
+});
+//=> [
+//     Wed Jan 01 2014,
+//     Thu Jan 02 2014,
+//     Fri Jan 03 2014
+//   ]
+
+// Every other day
+eachDayOfInterval({
+  start: new Date(2014, 0, 1),
+  end: new Date(2014, 0, 7)
+}, { step: 2 });
+//=> [Jan 01, Jan 03, Jan 05, Jan 07]
+
+// Each hour
+eachHourOfInterval({
+  start: new Date(2014, 0, 1, 0),
+  end: new Date(2014, 0, 1, 3)
+});
+//=> [01 00:00, 01 01:00, 01 02:00, 01 03:00]
+```
+
+### Period Iteration
+
+```typescript { .api }
+function eachWeekOfInterval(
+  interval: Interval,
+  options?: WeekIterationOptions
+): Date[];
+function eachMonthOfInterval(
+  interval: Interval,
+  options?: StepOptions
+): Date[];
+function eachQuarterOfInterval(
+  interval: Interval,
+  options?: StepOptions
+): Date[];
+function eachYearOfInterval(
+  interval: Interval,
+  options?: StepOptions
+): Date[];
+```
+
+**Examples:**
+```typescript
+import { eachWeekOfInterval, eachMonthOfInterval, eachYearOfInterval } from "date-fns";
+
+// Each week
+eachWeekOfInterval({
+  start: new Date(2014, 0, 1),
+  end: new Date(2014, 0, 21)
+});
+//=> [Dec 29 2013, Jan 05 2014, Jan 12 2014, Jan 19 2014]
+
+// Each month
+eachMonthOfInterval({
+  start: new Date(2014, 0, 1),
+  end: new Date(2014, 3, 1)
+});
+//=> [Jan 01 2014, Feb 01 2014, Mar 01 2014, Apr 01 2014]
+
+// Each year with step
+eachYearOfInterval({
+  start: new Date(2010, 0, 1),
+  end: new Date(2020, 0, 1)
+}, { step: 2 });
+//=> [2010, 2012, 2014, 2016, 2018, 2020]
+```
+
+### Weekend Iteration
+
+```typescript { .api }
+function eachWeekendOfInterval(interval: Interval): Date[];
+function eachWeekendOfMonth(date: DateArg<Date>): Date[];
+function eachWeekendOfYear(date: DateArg<Date>): Date[];
+```
+
+**Examples:**
+```typescript
+import { eachWeekendOfInterval, eachWeekendOfMonth } from "date-fns";
+
+// Weekends in interval
+eachWeekendOfInterval({
+  start: new Date(2018, 8, 17), // Monday
+  end: new Date(2018, 8, 30)   // Sunday
+});
+//=> [
+//     Sat Sep 22 2018,
+//     Sun Sep 23 2018,
+//     Sat Sep 29 2018,
+//     Sun Sep 30 2018
+//   ]
+
+// Weekends in month
+eachWeekendOfMonth(new Date(2022, 1, 1));
+//=> All Saturday and Sunday dates in February 2022
+```
+
+## Navigation Functions
+
+### Next Day Navigation
+
+```typescript { .api }
+function nextDay(date: DateArg<Date>, day: Day): Date;
+function nextMonday(date: DateArg<Date>): Date;
+function nextTuesday(date: DateArg<Date>): Date;
+function nextWednesday(date: DateArg<Date>): Date;
+function nextThursday(date: DateArg<Date>): Date;
+function nextFriday(date: DateArg<Date>): Date;
+function nextSaturday(date: DateArg<Date>): Date;
+function nextSunday(date: DateArg<Date>): Date;
+```
+
+**Examples:**
+```typescript
+import { nextDay, nextMonday, nextFriday } from "date-fns";
+
+const date = new Date(2020, 2, 20); // Friday, March 20, 2020
+
+nextDay(date, 1); // Next Monday
+//=> Mon Mar 23 2020
+
+nextMonday(date);
+//=> Mon Mar 23 2020
+
+nextFriday(date);
+//=> Fri Mar 27 2020 (next Friday, not same day)
+
+// Using Day enum
+nextDay(date, 0); // Next Sunday
+//=> Sun Mar 22 2020
+```
+
+### Previous Day Navigation
+
+```typescript { .api }
+function previousDay(date: DateArg<Date>, day: Day): Date;
+function previousMonday(date: DateArg<Date>): Date;
+function previousTuesday(date: DateArg<Date>): Date;
+function previousWednesday(date: DateArg<Date>): Date;
+function previousThursday(date: DateArg<Date>): Date;
+function previousFriday(date: DateArg<Date>): Date;
+function previousSaturday(date: DateArg<Date>): Date;
+function previousSunday(date: DateArg<Date>): Date;
+```
+
+**Examples:**
+```typescript
+import { previousDay, previousMonday, previousFriday } from "date-fns";
+
+const date = new Date(2020, 2, 20); // Friday, March 20, 2020
+
+previousDay(date, 1); // Previous Monday
+//=> Mon Mar 16 2020
+
+previousMonday(date);
+//=> Mon Mar 16 2020
+
+previousFriday(date);
+//=> Fri Mar 13 2020 (previous Friday, not same day)
+```
+
+## Rounding Functions
+
+### Time Rounding
+
+```typescript { .api }
+function roundToNearestMinutes<DateType extends Date>(
+  date: DateArg<DateType>,
+  options?: RoundToNearestMinutesOptions
+): DateType;
+function roundToNearestHours<DateType extends Date>(
+  date: DateArg<DateType>,
+  options?: RoundToNearestHoursOptions
+): DateType;
+```
+
+**Examples:**
+```typescript
+import { roundToNearestMinutes, roundToNearestHours } from "date-fns";
+
+const date = new Date(2014, 6, 10, 12, 7, 30);
+
+// Round to nearest 5 minutes
+roundToNearestMinutes(date, { nearestTo: 5 });
+//=> Thu Jul 10 2014 12:05:00 (rounds down)
+
+// Round to nearest 15 minutes
+roundToNearestMinutes(date, { nearestTo: 15 });
+//=> Thu Jul 10 2014 12:00:00
+
+// Round to nearest hour (default: 1 hour)
+roundToNearestHours(date);
+//=> Thu Jul 10 2014 12:00:00
+
+// Round to nearest 4 hours
+roundToNearestHours(date, { nearestTo: 4 });
+//=> Thu Jul 10 2014 12:00:00
+```
+
+## Option Types
+
+### WeekStartOptions
+
+```typescript { .api }
+interface WeekStartOptions {
+  locale?: Locale;
+  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+}
+```
+
+### RoundToNearestMinutesOptions
+
+```typescript { .api }
+interface RoundToNearestMinutesOptions<DateType extends Date = Date>
+  extends NearestToUnitOptions<NearestMinutes>, RoundingOptions, ContextOptions<DateType> {}
+```
+
+### RoundToNearestHoursOptions
+
+```typescript { .api }
+interface RoundToNearestHoursOptions<DateType extends Date = Date>
+  extends NearestToUnitOptions<NearestHours>, RoundingOptions, ContextOptions<DateType> {}
+```
+
+### WeekIterationOptions
+
+```typescript { .api }
+interface WeekIterationOptions extends StepOptions {
+  locale?: Locale;
+  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+}
+```
+
+### QuarterOptions
+
+```typescript { .api }
+interface QuarterOptions {
+  locale?: Locale;
+}
+```
+
+### StepOptions
+
+```typescript { .api }
+interface StepOptions {
+  step?: number;
+}
+```
+
+### Day Enum
+
+```typescript { .api }
+enum Day {
+  Sunday = 0,
+  Monday = 1,
+  Tuesday = 2,
+  Wednesday = 3,
+  Thursday = 4,
+  Friday = 5,
+  Saturday = 6
+}
+```
+
+## Common Patterns
+
+### Working Hours Calculation
+
+```typescript
+import { eachDayOfInterval, startOfDay, endOfDay, isWeekend } from "date-fns";
+
+function getWorkingDays(start: Date, end: Date): Date[] {
+  return eachDayOfInterval({ start, end })
+    .filter(date => !isWeekend(date));
+}
+
+function getWorkingHours(date: Date): { start: Date; end: Date } {
+  return {
+    start: setHours(startOfDay(date), 9), // 9 AM
+    end: setHours(startOfDay(date), 17)   // 5 PM
+  };
+}
+```
+
+### Period Boundaries
+
+```typescript
+import { startOfMonth, endOfMonth, eachWeekOfInterval } from "date-fns";
+
+function getMonthBoundaries(date: Date) {
+  return {
+    start: startOfMonth(date),
+    end: endOfMonth(date)
+  };
+}
+
+function getWeeksInMonth(date: Date): Date[] {
+  const { start, end } = getMonthBoundaries(date);
+  return eachWeekOfInterval({ start, end });
+}
+```
+
+### Flexible Iteration
+
+```typescript
+import { eachDayOfInterval } from "date-fns";
+
+function getBusinessDays(start: Date, end: Date): Date[] {
+  return eachDayOfInterval({ start, end })
+    .filter(date => {
+      const day = getDay(date);
+      return day !== 0 && day !== 6; // Not Sunday or Saturday
+    });
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-date-fns/docs/validation.md b/.tessl/tiles/tessl/npm-date-fns/docs/validation.md
new file mode 100644
index 000000000..d461d0207
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-date-fns/docs/validation.md
@@ -0,0 +1,467 @@
+# Date Validation and Comparison
+
+Date validation and comparison functions provide comprehensive utilities for checking date validity, temporal relationships, and period-based comparisons. All functions handle edge cases and invalid dates gracefully.
+
+## Core Validation
+
+### isValid
+
+Check if a date is valid.
+
+```typescript { .api }
+function isValid(date: unknown): boolean;
+```
+
+**Parameters:**
+- `date` - Any value to check for date validity
+
+**Examples:**
+```typescript
+import { isValid } from "date-fns";
+
+// Valid dates
+isValid(new Date(2014, 1, 11)); //=> true
+isValid(new Date('2014-02-11')); //=> true
+
+// Invalid dates
+isValid(new Date('invalid')); //=> false
+isValid(new Date(2014, 13, 1)); //=> false (month 13)
+isValid(new Date(2014, 1, 30)); //=> false (Feb 30)
+
+// Non-date values
+isValid('2014-02-11'); //=> false
+isValid(null); //=> false
+isValid(undefined); //=> false
+```
+
+### isDate
+
+Check if a value is a Date object.
+
+```typescript { .api }
+function isDate(value: any): value is Date;
+```
+
+**Examples:**
+```typescript
+import { isDate } from "date-fns";
+
+isDate(new Date()); //=> true
+isDate(new Date('invalid')); //=> true (still a Date object)
+isDate('2014-02-11'); //=> false
+isDate(1392098430000); //=> false
+```
+
+### isExists
+
+Check if a date exists in the calendar.
+
+```typescript { .api }
+function isExists(year: number, month: number, day: number): boolean;
+```
+
+**Parameters:**
+- `year` - The year to check
+- `month` - The month to check (0-11, January is 0)
+- `day` - The day to check (1-31)
+
+**Examples:**
+```typescript
+import { isExists } from "date-fns";
+
+// Valid dates
+isExists(2014, 1, 11); //=> true
+isExists(2014, 1, 28); //=> true
+
+// Invalid dates
+isExists(2014, 1, 30); //=> false (Feb 30)
+isExists(2014, 13, 1); //=> false (month 13)
+isExists(2014, 1, 0); //=> false (day 0)
+```
+
+### isMatch
+
+Check if a date string matches a format pattern.
+
+```typescript { .api }
+function isMatch(dateStr: string, formatStr: string, options?: IsMatchOptions): boolean;
+```
+
+**Parameters:**
+- `dateStr` - The date string to validate
+- `formatStr` - The format pattern to match against
+- `options` - Optional matching configuration
+
+**Examples:**
+```typescript
+import { isMatch } from "date-fns";
+
+// Valid formats
+isMatch('2014-02-11', 'yyyy-MM-dd'); //=> true
+isMatch('11/02/2014', 'MM/dd/yyyy'); //=> true
+isMatch('Feb 11, 2014', 'MMM dd, yyyy'); //=> true
+
+// Invalid formats  
+isMatch('2014-02-11', 'dd/MM/yyyy'); //=> false
+isMatch('invalid date', 'yyyy-MM-dd'); //=> false
+isMatch('2014-13-01', 'yyyy-MM-dd'); //=> false (invalid month)
+```
+
+## Date Comparison
+
+### Basic Comparison
+
+```typescript { .api }
+function isAfter(date: DateArg<Date>, dateToCompare: DateArg<Date>): boolean;
+function isBefore(date: DateArg<Date>, dateToCompare: DateArg<Date>): boolean;
+function isEqual(dateLeft: DateArg<Date>, dateRight: DateArg<Date>): boolean;
+```
+
+**Examples:**
+```typescript
+import { isAfter, isBefore, isEqual } from "date-fns";
+
+const date1 = new Date(2014, 0, 1);
+const date2 = new Date(2014, 0, 2);
+
+isAfter(date2, date1); //=> true
+isBefore(date1, date2); //=> true
+isEqual(date1, date1); //=> true
+```
+
+### Comparison Functions
+
+```typescript { .api }
+function compareAsc(dateLeft: DateArg<Date>, dateRight: DateArg<Date>): number;
+function compareDesc(dateLeft: DateArg<Date>, dateRight: DateArg<Date>): number;
+```
+
+**Returns:**
+- `-1` if first date is before second date
+- `0` if dates are equal
+- `1` if first date is after second date
+
+**Examples:**
+```typescript
+import { compareAsc, compareDesc } from "date-fns";
+
+const date1 = new Date(2014, 0, 1);
+const date2 = new Date(2014, 0, 2);
+
+compareAsc(date1, date2); //=> -1
+compareAsc(date2, date1); //=> 1
+compareAsc(date1, date1); //=> 0
+
+// For sorting
+const dates = [
+  new Date(1995, 6, 2),
+  new Date(1987, 1, 11),
+  new Date(1989, 6, 10)
+];
+dates.sort(compareAsc);
+// Now sorted chronologically
+```
+
+### Min/Max Functions
+
+```typescript { .api }
+function min(dates: DateArg<Date>[]): Date;
+function max(dates: DateArg<Date>[]): Date;
+```
+
+**Examples:**
+```typescript
+import { min, max } from "date-fns";
+
+const dates = [
+  new Date(1989, 6, 10),
+  new Date(1987, 1, 11),
+  new Date(1995, 6, 2)
+];
+
+min(dates); //=> new Date(1987, 1, 11)
+max(dates); //=> new Date(1995, 6, 2)
+```
+
+## Temporal Validation
+
+### Relative to Current Time
+
+```typescript { .api }
+function isFuture(date: DateArg<Date>): boolean;
+function isPast(date: DateArg<Date>): boolean;
+function isToday(date: DateArg<Date>): boolean;
+function isTomorrow(date: DateArg<Date>): boolean;
+function isYesterday(date: DateArg<Date>): boolean;
+```
+
+**Examples:**
+```typescript
+import { isFuture, isPast, isToday, isTomorrow, isYesterday } from "date-fns";
+
+const now = new Date();
+const tomorrow = new Date();
+tomorrow.setDate(tomorrow.getDate() + 1);
+
+isFuture(tomorrow); //=> true
+isPast(new Date(2020, 0, 1)); //=> true (assuming current year > 2020)
+isToday(now); //=> true
+```
+
+### This Period Validation
+
+```typescript { .api }
+function isThisSecond(date: DateArg<Date>): boolean;
+function isThisMinute(date: DateArg<Date>): boolean;
+function isThisHour(date: DateArg<Date>): boolean;
+function isThisWeek(date: DateArg<Date>, options?: WeekOptions): boolean;
+function isThisISOWeek(date: DateArg<Date>): boolean;
+function isThisMonth(date: DateArg<Date>): boolean;
+function isThisQuarter(date: DateArg<Date>): boolean;
+function isThisYear(date: DateArg<Date>): boolean;
+```
+
+**Examples:**
+```typescript
+import { isThisWeek, isThisMonth, isThisYear } from "date-fns";
+
+const now = new Date();
+
+isThisWeek(now); //=> true
+isThisMonth(now); //=> true
+isThisYear(now); //=> true
+
+// Last year
+isThisYear(new Date(2020, 0, 1)); //=> false (if current year > 2020)
+```
+
+## Day of Week Validation
+
+### Specific Day Checks
+
+```typescript { .api }
+function isMonday(date: DateArg<Date>): boolean;
+function isTuesday(date: DateArg<Date>): boolean;
+function isWednesday(date: DateArg<Date>): boolean;
+function isThursday(date: DateArg<Date>): boolean;
+function isFriday(date: DateArg<Date>): boolean;
+function isSaturday(date: DateArg<Date>): boolean;
+function isSunday(date: DateArg<Date>): boolean;
+function isWeekend(date: DateArg<Date>): boolean;
+```
+
+**Examples:**
+```typescript
+import { isMonday, isSaturday, isWeekend } from "date-fns";
+
+// Monday, Feb 10, 2014
+const monday = new Date(2014, 1, 10);
+isMonday(monday); //=> true
+isSaturday(monday); //=> false
+
+// Saturday, Feb 8, 2014
+const saturday = new Date(2014, 1, 8);
+isWeekend(saturday); //=> true
+```
+
+## Same Period Validation
+
+### Same Time Unit Checks
+
+```typescript { .api }
+function isSameSecond(dateLeft: DateArg<Date>, dateRight: DateArg<Date>): boolean;
+function isSameMinute(dateLeft: DateArg<Date>, dateRight: DateArg<Date>): boolean;
+function isSameHour(dateLeft: DateArg<Date>, dateRight: DateArg<Date>): boolean;
+function isSameDay(dateLeft: DateArg<Date>, dateRight: DateArg<Date>): boolean;
+function isSameWeek(dateLeft: DateArg<Date>, dateRight: DateArg<Date>, options?: WeekOptions): boolean;
+function isSameISOWeek(dateLeft: DateArg<Date>, dateRight: DateArg<Date>): boolean;
+function isSameMonth(dateLeft: DateArg<Date>, dateRight: DateArg<Date>): boolean;
+function isSameQuarter(dateLeft: DateArg<Date>, dateRight: DateArg<Date>): boolean;
+function isSameYear(dateLeft: DateArg<Date>, dateRight: DateArg<Date>): boolean;
+function isSameISOWeekYear(dateLeft: DateArg<Date>, dateRight: DateArg<Date>): boolean;
+```
+
+**Examples:**
+```typescript
+import { isSameDay, isSameWeek, isSameMonth, isSameYear } from "date-fns";
+
+const date1 = new Date(2014, 8, 6, 14, 0);
+const date2 = new Date(2014, 8, 6, 15, 30);
+
+isSameDay(date1, date2); //=> true (same day, different time)
+isSameWeek(date1, date2); //=> true
+isSameMonth(date1, date2); //=> true
+isSameYear(date1, date2); //=> true
+
+// Different days
+const date3 = new Date(2014, 8, 7);
+isSameDay(date1, date3); //=> false
+```
+
+## Period Boundary Validation
+
+### Month Boundaries
+
+```typescript { .api }
+function isFirstDayOfMonth(date: DateArg<Date>): boolean;
+function isLastDayOfMonth(date: DateArg<Date>): boolean;
+```
+
+**Examples:**
+```typescript
+import { isFirstDayOfMonth, isLastDayOfMonth } from "date-fns";
+
+isFirstDayOfMonth(new Date(2014, 1, 1)); //=> true
+isFirstDayOfMonth(new Date(2014, 1, 2)); //=> false
+
+isLastDayOfMonth(new Date(2014, 1, 28)); //=> true (Feb in non-leap year)
+isLastDayOfMonth(new Date(2014, 1, 27)); //=> false
+```
+
+### Leap Year
+
+```typescript { .api }
+function isLeapYear(date: DateArg<Date>): boolean;
+```
+
+**Examples:**
+```typescript
+import { isLeapYear } from "date-fns";
+
+isLeapYear(new Date(2012, 0, 1)); //=> true
+isLeapYear(new Date(2013, 0, 1)); //=> false
+isLeapYear(new Date(2000, 0, 1)); //=> true
+isLeapYear(new Date(1900, 0, 1)); //=> false
+```
+
+## Interval Validation
+
+### Interval Checks
+
+```typescript { .api }
+function isWithinInterval(date: DateArg<Date>, interval: Interval): boolean;
+function areIntervalsOverlapping(
+  intervalLeft: Interval,
+  intervalRight: Interval,
+  options?: IntervalOptions
+): boolean;
+```
+
+**Examples:**
+```typescript
+import { isWithinInterval, areIntervalsOverlapping } from "date-fns";
+
+// Within interval
+isWithinInterval(new Date(2014, 0, 3), {
+  start: new Date(2014, 0, 1),
+  end: new Date(2014, 0, 7)
+}); //=> true
+
+// Overlapping intervals
+areIntervalsOverlapping(
+  { start: new Date(2014, 0, 10), end: new Date(2014, 0, 20) },
+  { start: new Date(2014, 0, 17), end: new Date(2014, 0, 21) }
+); //=> true
+
+// Non-overlapping intervals
+areIntervalsOverlapping(
+  { start: new Date(2014, 0, 10), end: new Date(2014, 0, 20) },
+  { start: new Date(2014, 0, 21), end: new Date(2014, 0, 30) }
+); //=> false
+```
+
+## Utility Functions
+
+### Closest Date Finding
+
+```typescript { .api }
+function closestTo(dateToCompare: DateArg<Date>, dates: DateArg<Date>[]): Date;
+function closestIndexTo(dateToCompare: DateArg<Date>, dates: DateArg<Date>[]): number;
+```
+
+**Examples:**
+```typescript
+import { closestTo, closestIndexTo } from "date-fns";
+
+const dateToCompare = new Date(2015, 8, 6);
+const dates = [
+  new Date(2015, 0, 1),
+  new Date(2016, 0, 1),
+  new Date(2017, 0, 1)
+];
+
+closestTo(dateToCompare, dates); //=> new Date(2015, 0, 1)
+closestIndexTo(dateToCompare, dates); //=> 0
+```
+
+## Option Types
+
+### WeekOptions
+
+```typescript { .api }
+interface WeekOptions {
+  locale?: Locale;
+  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+}
+```
+
+### IsMatchOptions
+
+```typescript { .api }
+interface IsMatchOptions {
+  locale?: Locale;
+  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+  firstWeekContainsDate?: 1 | 2 | 3 | 4 | 5 | 6 | 7;
+  useAdditionalWeekYearTokens?: boolean;
+  useAdditionalDayOfYearTokens?: boolean;
+}
+```
+
+### IntervalOptions
+
+```typescript { .api }
+interface IntervalOptions {
+  inclusive?: boolean;
+}
+```
+
+## Common Patterns
+
+### Validation Chain
+
+```typescript
+import { isValid, isAfter, isBefore } from "date-fns";
+
+function validateDateRange(date: any, minDate: Date, maxDate: Date): boolean {
+  return isValid(date) && 
+         isAfter(date, minDate) && 
+         isBefore(date, maxDate);
+}
+```
+
+### Array Filtering
+
+```typescript
+import { isWeekend, isFuture } from "date-fns";
+
+const dates = [/* array of dates */];
+
+// Filter weekend dates
+const weekends = dates.filter(isWeekend);
+
+// Filter future dates
+const futureDates = dates.filter(isFuture);
+```
+
+### Safe Comparison
+
+```typescript
+import { isValid, compareAsc } from "date-fns";
+
+function safeCompareAsc(date1: any, date2: any): number {
+  if (!isValid(date1) || !isValid(date2)) {
+    throw new Error('Invalid date provided');
+  }
+  return compareAsc(date1, date2);
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-date-fns/tile.json b/.tessl/tiles/tessl/npm-date-fns/tile.json
new file mode 100644
index 000000000..43af99c1e
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-date-fns/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-date-fns",
+  "version": "4.1.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/date-fns@4.1.0",
+  "summary": "Modern JavaScript date utility library providing 200+ modular functions for date manipulation, formatting, parsing, and calculations"
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-diff/docs/array-diffing.md b/.tessl/tiles/tessl/npm-diff/docs/array-diffing.md
new file mode 100644
index 000000000..7df18b3b4
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-diff/docs/array-diffing.md
@@ -0,0 +1,266 @@
+# Array Diffing
+
+Generic array comparison with customizable equality functions. Ideal for comparing sequences of any data type, from simple arrays to complex object collections.
+
+## Capabilities
+
+### diffArrays Function
+
+Performs element-level diff between two arrays with strict equality comparison by default.
+
+```javascript { .api }
+/**
+ * Compare two arrays element by element
+ * @param oldArr - Original array
+ * @param newArr - New array to compare against
+ * @param options - Configuration options
+ * @returns Array of change objects representing the diff
+ */
+function diffArrays(oldArr, newArr, options);
+```
+
+**Options:**
+
+```javascript { .api }
+interface ArrayDiffOptions extends DiffOptions {
+  comparator?: (left: any, right: any) => boolean;  // Custom equality function
+}
+```
+
+**Usage Examples:**
+
+```javascript
+import { diffArrays } from "diff";
+
+// Basic array comparison
+const result = diffArrays(
+  [1, 2, 3, 4],
+  [1, 2, 5, 4]
+);
+console.log(result);
+// [
+//   { value: [1, 2], count: 2 },
+//   { value: [3], removed: true, count: 1 },
+//   { value: [5], added: true, count: 1 },
+//   { value: [4], count: 1 }
+// ]
+
+// String array comparison
+const stringResult = diffArrays(
+  ["apple", "banana", "cherry"],
+  ["apple", "blueberry", "cherry"]
+);
+
+// Object array with custom comparator
+const objectResult = diffArrays(
+  [{ id: 1, name: "Alice" }, { id: 2, name: "Bob" }],
+  [{ id: 1, name: "Alice" }, { id: 2, name: "Bobby" }],
+  {
+    comparator: (left, right) => left.id === right.id && left.name === right.name
+  }
+);
+```
+
+### arrayDiff Instance
+
+Pre-configured Diff instance for array comparisons with array-specific handling.
+
+```javascript { .api }
+/**
+ * Pre-configured array diff instance
+ * Preserves array structure and handles empty elements
+ */
+const arrayDiff: Diff;
+```
+
+## Advanced Usage
+
+### Custom Equality Functions
+
+```javascript
+import { diffArrays } from "diff";
+
+// Case-insensitive string comparison
+const caseInsensitive = diffArrays(
+  ["Hello", "World"],
+  ["hello", "WORLD"],
+  {
+    comparator: (a, b) => a.toLowerCase() === b.toLowerCase()
+  }
+);
+
+// Object comparison by specific properties
+const userComparison = diffArrays(
+  [
+    { id: 1, name: "Alice", age: 25 },
+    { id: 2, name: "Bob", age: 30 }
+  ],
+  [
+    { id: 1, name: "Alice", age: 26 },  // Age changed
+    { id: 2, name: "Bob", age: 30 }
+  ],
+  {
+    comparator: (a, b) => a.id === b.id && a.name === b.name
+    // Ignores age differences
+  }
+);
+
+// Deep object comparison
+function deepEqual(obj1, obj2) {
+  return JSON.stringify(obj1) === JSON.stringify(obj2);
+}
+
+const deepComparison = diffArrays(
+  [{ nested: { value: 1 } }],
+  [{ nested: { value: 2 } }],
+  { comparator: deepEqual }
+);
+```
+
+### Data Structure Comparisons
+
+```javascript
+import { diffArrays } from "diff";
+
+// Comparing lists of complex objects
+function compareDataSets(oldData, newData) {
+  return diffArrays(oldData, newData, {
+    comparator: (a, b) => {
+      // Custom business logic comparison
+      return a.uniqueId === b.uniqueId && 
+             a.version === b.version &&
+             a.status === b.status;
+    }
+  });
+}
+
+// Comparing ordered sequences
+function compareSequences(seq1, seq2) {
+  const changes = diffArrays(seq1, seq2);
+  
+  return {
+    insertions: changes.filter(c => c.added).length,
+    deletions: changes.filter(c => c.removed).length,
+    unchanged: changes.filter(c => !c.added && !c.removed).length,
+    totalElements: changes.reduce((sum, c) => sum + c.count, 0)
+  };
+}
+```
+
+### Set-like Comparisons
+
+```javascript
+import { diffArrays } from "diff";
+
+// Convert sets to arrays for comparison
+function compareSets(set1, set2) {
+  const arr1 = Array.from(set1).sort();
+  const arr2 = Array.from(set2).sort();
+  
+  return diffArrays(arr1, arr2);
+}
+
+// Usage
+const oldSet = new Set([1, 2, 3, 4]);
+const newSet = new Set([1, 2, 5, 6]);
+const setDiff = compareSets(oldSet, newSet);
+```
+
+### Token Sequence Analysis
+
+```javascript
+import { diffArrays } from "diff";
+
+// Comparing tokenized text as arrays
+function compareTokenSequences(text1, text2) {
+  const tokens1 = text1.split(/\s+/);
+  const tokens2 = text2.split(/\s+/);
+  
+  return diffArrays(tokens1, tokens2, {
+    comparator: (a, b) => a.toLowerCase() === b.toLowerCase()
+  });
+}
+
+const tokenDiff = compareTokenSequences(
+  "The quick brown fox",
+  "The slow brown fox"
+);
+```
+
+### Large Array Handling
+
+```javascript
+import { diffArrays } from "diff";
+
+// Async processing for large arrays
+function diffLargeArrays(arr1, arr2, callback) {
+  diffArrays(arr1, arr2, {
+    callback: callback,
+    maxEditLength: 10000,  // Limit computation
+    timeout: 20000,        // 20 second timeout
+    comparator: (a, b) => a === b  // Can be customized
+  });
+}
+
+// Usage
+diffLargeArrays(largeArray1, largeArray2, (result) => {
+  if (result) {
+    console.log(`Array diff completed: ${result.length} change blocks`);
+  } else {
+    console.log("Arrays too different to compute diff efficiently");
+  }
+});
+```
+
+### Direct Instance Usage
+
+```javascript
+import { arrayDiff } from "diff";
+
+// Using the pre-configured instance
+const directResult = arrayDiff.diff([1, 2, 3], [1, 3, 4]);
+
+// Access to tokenization (returns the array itself)
+const tokens = arrayDiff.tokenize([1, 2, 3]);
+console.log("Array tokens:", tokens); // [1, 2, 3]
+
+// The arrayDiff instance preserves empty elements
+const withEmpties = arrayDiff.diff(
+  [1, , 3],  // Sparse array
+  [1, 2, 3]
+);
+```
+
+### Performance Considerations
+
+```javascript
+import { diffArrays } from "diff";
+
+// Optimize comparisons for large objects
+function efficientObjectComparison(arr1, arr2) {
+  return diffArrays(arr1, arr2, {
+    comparator: (a, b) => {
+      // Quick reference check first
+      if (a === b) return true;
+      
+      // Then check critical properties only
+      return a.id === b.id && a.hash === b.hash;
+    }
+  });
+}
+
+// Pre-process arrays for better performance
+function preprocessAndCompare(arr1, arr2) {
+  // Create lightweight comparison objects
+  const processed1 = arr1.map(item => ({ 
+    id: item.id, 
+    key: item.importantField 
+  }));
+  const processed2 = arr2.map(item => ({ 
+    id: item.id, 
+    key: item.importantField 
+  }));
+  
+  return diffArrays(processed1, processed2);
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-diff/docs/character-diffing.md b/.tessl/tiles/tessl/npm-diff/docs/character-diffing.md
new file mode 100644
index 000000000..80cd69358
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-diff/docs/character-diffing.md
@@ -0,0 +1,150 @@
+# Character Diffing
+
+Character-by-character text comparison with Unicode support and case-insensitive options. Treats each Unicode code point as a separate token for fine-grained text analysis.
+
+## Capabilities
+
+### diffChars Function
+
+Performs character-level diff between two strings, treating each character as a token.
+
+```javascript { .api }
+/**
+ * Compare two strings at the character level
+ * @param oldStr - Original string
+ * @param newStr - New string to compare against
+ * @param options - Configuration options
+ * @returns Array of change objects representing the diff
+ */
+function diffChars(oldStr, newStr, options);
+```
+
+**Options:**
+
+```javascript { .api }
+interface CharDiffOptions extends DiffOptions {
+  ignoreCase?: boolean;  // Treat uppercase and lowercase as equal
+}
+```
+
+**Usage Examples:**
+
+```javascript
+import { diffChars } from "diff";
+
+// Basic character diff
+const result = diffChars("abc", "axc");
+console.log(result);
+// [
+//   { value: "a", count: 1 },
+//   { value: "b", removed: true, count: 1 },
+//   { value: "x", added: true, count: 1 },
+//   { value: "c", count: 1 }
+// ]
+
+// Case-insensitive comparison
+const caseResult = diffChars("Hello", "HELLO", { ignoreCase: true });
+console.log(caseResult);
+// [{ value: "Hello", count: 5 }]  // No changes detected
+
+// Unicode support
+const unicodeResult = diffChars("café", "cafe");
+// Properly handles accented characters as separate tokens
+```
+
+**Visual Diff Rendering:**
+
+```javascript
+import { diffChars } from "diff";
+
+function renderDiff(oldStr, newStr) {
+  const diff = diffChars(oldStr, newStr);
+  
+  diff.forEach((part) => {
+    const color = part.added ? 'green' : 
+                  part.removed ? 'red' : 'grey';
+    process.stderr.write(part.value[color]);
+  });
+}
+
+renderDiff("beep boop", "beep boob blah");
+```
+
+### characterDiff Instance
+
+Pre-configured Diff instance for character-level comparisons.
+
+```javascript { .api }
+/**
+ * Pre-configured character diff instance
+ * Can be used directly or extended for custom behavior
+ */
+const characterDiff: Diff;
+```
+
+**Usage Examples:**
+
+```javascript
+import { characterDiff } from "diff";
+
+// Direct usage
+const result = characterDiff.diff("old", "new");
+
+// Custom async usage
+characterDiff.diff("old", "new", (result) => {
+  console.log("Async result:", result);
+});
+```
+
+## Advanced Usage
+
+### Async Character Diffing
+
+For large strings, use async mode to prevent blocking:
+
+```javascript
+import { diffChars } from "diff";
+
+// Using callback for async operation
+diffChars(largeOldString, largeNewString, (result) => {
+  console.log("Diff completed:", result);
+});
+
+// Or with options
+diffChars(largeOldString, largeNewString, {
+  ignoreCase: true,
+  callback: (result) => {
+    console.log("Case-insensitive async diff:", result);
+  }
+});
+```
+
+### Performance Considerations
+
+```javascript
+import { diffChars } from "diff";
+
+// Limit computation for very different strings
+const result = diffChars(str1, str2, {
+  maxEditLength: 1000,  // Stop if edit distance exceeds 1000
+  timeout: 5000         // Timeout after 5 seconds
+});
+
+if (!result) {
+  console.log("Diff computation exceeded limits");
+}
+```
+
+### Granular Change Objects
+
+```javascript
+import { diffChars } from "diff";
+
+// Get one change object per character
+const granular = diffChars("abc", "axc", {
+  oneChangePerToken: true
+});
+
+// Results in separate change objects for each character
+// instead of combining consecutive changes
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-diff/docs/css-diffing.md b/.tessl/tiles/tessl/npm-diff/docs/css-diffing.md
new file mode 100644
index 000000000..0bb17d10e
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-diff/docs/css-diffing.md
@@ -0,0 +1,351 @@
+# CSS Diffing
+
+Specialized diffing for CSS content with CSS-aware tokenization. Optimizes diff results for CSS syntax by treating CSS structural elements (selectors, properties, values, and punctuation) as meaningful tokens.
+
+## Capabilities
+
+### diffCss Function
+
+Performs CSS-aware diff between two CSS strings with specialized tokenization.
+
+```javascript { .api }
+/**
+ * Compare two CSS strings with CSS-aware tokenization
+ * @param oldStr - Original CSS content
+ * @param newStr - New CSS content to compare against
+ * @param options - Configuration options
+ * @returns Array of change objects representing the diff
+ */
+function diffCss(oldStr, newStr, options);
+```
+
+**Usage Examples:**
+
+```javascript
+import { diffCss } from "diff";
+
+// Basic CSS comparison
+const result = diffCss(
+  ".class { color: red; }",
+  ".class { color: blue; }"
+);
+console.log(result);
+// Shows structured diff with CSS tokens
+
+// Complex CSS comparison
+const complexResult = diffCss(`
+  .header {
+    background-color: #ffffff;
+    padding: 20px;
+    margin: 0;
+  }
+  
+  .footer {
+    background-color: #000000;
+  }
+`, `
+  .header {
+    background-color: #f0f0f0;
+    padding: 20px;
+    margin: 10px;
+  }
+  
+  .sidebar {
+    width: 300px;
+  }
+  
+  .footer {
+    background-color: #000000;
+  }
+`);
+```
+
+### cssDiff Instance
+
+Pre-configured Diff instance for CSS comparisons with CSS-specific tokenization.
+
+```javascript { .api }
+/**
+ * Pre-configured CSS diff instance
+ * Uses CSS-aware tokenization for structural elements
+ */
+const cssDiff: Diff;
+```
+
+## CSS Tokenization
+
+The CSS diff tokenizes content based on CSS syntax elements:
+
+- **Selectors**: `.class`, `#id`, `element`, `[attribute]`
+- **Braces**: `{` and `}`
+- **Properties and values**: `color`, `red`, `20px`
+- **Punctuation**: `:`, `;`, `,`
+- **Whitespace**: Preserved for formatting context
+
+```javascript
+import { cssDiff } from "diff";
+
+// Understanding tokenization
+const tokens = cssDiff.tokenize(".class { color: red; }");
+console.log("CSS tokens:", tokens);
+// [".class", " ", "{", " ", "color", ":", " ", "red", ";", " ", "}"]
+```
+
+## Advanced Usage
+
+### Style Rule Comparison
+
+```javascript
+import { diffCss } from "diff";
+
+function compareStyleRules(oldCss, newCss) {
+  const changes = diffCss(oldCss, newCss);
+  
+  const analysis = {
+    selectorsChanged: 0,
+    propertiesChanged: 0,
+    valuesChanged: 0,
+    rulesAdded: 0,
+    rulesRemoved: 0
+  };
+  
+  changes.forEach(change => {
+    if (change.added || change.removed) {
+      const content = change.value;
+      if (content.includes('{')) analysis.rulesAdded += change.added ? 1 : 0;
+      if (content.includes('{')) analysis.rulesRemoved += change.removed ? 1 : 0;
+      if (content.includes(':')) analysis.propertiesChanged++;
+    }
+  });
+  
+  return analysis;
+}
+
+// Usage
+const oldStyles = `
+.button { 
+  background: blue; 
+  padding: 10px; 
+}`;
+
+const newStyles = `
+.button { 
+  background: green; 
+  padding: 15px; 
+  border: 1px solid; 
+}`;
+
+const styleAnalysis = compareStyleRules(oldStyles, newStyles);
+```
+
+### CSS Refactoring Detection
+
+```javascript
+import { diffCss } from "diff";
+
+function detectCssChanges(originalCss, refactoredCss) {
+  const diff = diffCss(originalCss, refactoredCss);
+  
+  const changeTypes = {
+    colorChanges: [],
+    sizingChanges: [],
+    layoutChanges: [],
+    newRules: [],
+    removedRules: []
+  };
+  
+  diff.forEach(change => {
+    if (change.added || change.removed) {
+      const value = change.value.toLowerCase();
+      
+      if (value.includes('color') || value.includes('#') || 
+          value.includes('rgb') || value.includes('rgba')) {
+        changeTypes.colorChanges.push(change);
+      }
+      
+      if (value.includes('px') || value.includes('em') || 
+          value.includes('rem') || value.includes('%')) {
+        changeTypes.sizingChanges.push(change);
+      }
+      
+      if (value.includes('position') || value.includes('display') || 
+          value.includes('flex') || value.includes('grid')) {
+        changeTypes.layoutChanges.push(change);
+      }
+    }
+  });
+  
+  return changeTypes;
+}
+```
+
+### Stylesheet Migration
+
+```javascript
+import { diffCss } from "diff";
+
+function generateMigrationReport(oldStylesheet, newStylesheet) {
+  const changes = diffCss(oldStylesheet, newStylesheet);
+  
+  const report = {
+    timestamp: new Date().toISOString(),
+    totalChanges: changes.filter(c => c.added || c.removed).length,
+    additions: changes.filter(c => c.added).map(c => c.value.trim()),
+    removals: changes.filter(c => c.removed).map(c => c.value.trim()),
+    affectedSelectors: new Set()
+  };
+  
+  // Extract selectors from changes
+  changes.forEach(change => {
+    if (change.added || change.removed) {
+      const selectorMatch = change.value.match(/([.#]?[\w-]+)\s*{/);
+      if (selectorMatch) {
+        report.affectedSelectors.add(selectorMatch[1]);
+      }
+    }
+  });
+  
+  report.affectedSelectors = Array.from(report.affectedSelectors);
+  return report;
+}
+```
+
+### CSS Validation Integration
+
+```javascript
+import { diffCss } from "diff";
+
+function validateCssChanges(oldCss, newCss) {
+  const changes = diffCss(oldCss, newCss);
+  const warnings = [];
+  
+  changes.forEach(change => {
+    if (change.added) {
+      const value = change.value;
+      
+      // Check for potential issues
+      if (value.includes('!important')) {
+        warnings.push({
+          type: 'important_usage',
+          content: value.trim(),
+          message: 'New !important declaration added'
+        });
+      }
+      
+      if (value.match(/color:\s*#[\da-f]{3,6}/i)) {
+        const colorMatch = value.match(/#[\da-f]{3,6}/i);
+        if (colorMatch) {
+          warnings.push({
+            type: 'color_change',
+            content: colorMatch[0],
+            message: 'New color value introduced'
+          });
+        }
+      }
+    }
+    
+    if (change.removed) {
+      // Check for potentially breaking removals
+      if (change.value.includes('display') || change.value.includes('position')) {
+        warnings.push({
+          type: 'layout_removal',
+          content: change.value.trim(),
+          message: 'Layout-affecting property removed'
+        });
+      }
+    }
+  });
+  
+  return warnings;
+}
+```
+
+### Performance for Large Stylesheets
+
+```javascript
+import { diffCss } from "diff";
+
+function diffLargeStylesheets(css1, css2, callback) {
+  // Process large CSS files asynchronously
+  diffCss(css1, css2, {
+    callback: callback,
+    maxEditLength: 20000,  // Suitable for large CSS files
+    timeout: 30000         // 30 second timeout
+  });
+}
+
+// Usage
+diffLargeStylesheets(largeStylesheet1, largeStylesheet2, (result) => {
+  if (result) {
+    const significantChanges = result.filter(change => 
+      (change.added || change.removed) && 
+      change.value.trim().length > 0
+    );
+    console.log(`Found ${significantChanges.length} significant CSS changes`);
+  } else {
+    console.log("Stylesheets too different to compute diff efficiently");
+  }
+});
+```
+
+### Direct Instance Usage
+
+```javascript
+import { cssDiff } from "diff";
+
+// Using the pre-configured instance
+const directResult = cssDiff.diff(
+  ".old { color: red; }",
+  ".new { color: blue; }"
+);
+
+// Access tokenization directly
+const tokens = cssDiff.tokenize("body { margin: 0; padding: 0; }");
+console.log("CSS structure:", tokens);
+
+// Custom processing with the instance
+const customResult = cssDiff.diff(oldCss, newCss);
+const onlyMeaningfulChanges = customResult.filter(change => {
+  // Filter out pure whitespace changes
+  return !(change.value.trim() === '' || /^\s+$/.test(change.value));
+});
+```
+
+## Use Cases
+
+### Theme Migration
+
+```javascript
+import { diffCss } from "diff";
+
+function migrateTheme(lightTheme, darkTheme) {
+  const themeDiff = diffCss(lightTheme, darkTheme);
+  
+  return themeDiff
+    .filter(change => change.added)
+    .map(change => change.value)
+    .join('')
+    .replace(/\s+/g, ' ')
+    .trim();
+}
+```
+
+### Build Process Integration
+
+```javascript
+import { diffCss } from "diff";
+
+function cssChangeDetection(beforeBuild, afterBuild) {
+  const changes = diffCss(beforeBuild, afterBuild);
+  const hasSignificantChanges = changes.some(change => 
+    (change.added || change.removed) && 
+    !change.value.match(/^\s*$/)  // Not just whitespace
+  );
+  
+  return {
+    hasChanges: hasSignificantChanges,
+    changeCount: changes.filter(c => c.added || c.removed).length,
+    diff: changes
+  };
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-diff/docs/custom-diffing.md b/.tessl/tiles/tessl/npm-diff/docs/custom-diffing.md
new file mode 100644
index 000000000..f22d96fc7
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-diff/docs/custom-diffing.md
@@ -0,0 +1,235 @@
+# Custom Diffing
+
+Create custom diff implementations with configurable tokenization, comparison logic, and result processing. The base `Diff` class provides the core Myers algorithm implementation with customizable behavior through overridable methods.
+
+## Capabilities
+
+### Diff Constructor
+
+Base constructor for creating custom diff implementations with the Myers algorithm.
+
+```javascript { .api }
+/**
+ * Create a new Diff instance for custom diffing behavior
+ * @constructor
+ */
+function Diff();
+
+interface DiffInstance {
+  /** Main diff method implementing Myers algorithm */
+  diff(oldString: string, newString: string, options?: DiffOptions): ChangeObject[];
+  
+  /** Transform input before processing (override for custom behavior) */
+  castInput(value: any, options?: DiffOptions): string;
+  
+  /** Convert string to array of tokens (override for custom tokenization) */
+  tokenize(value: string, options?: DiffOptions): string[];
+  
+  /** Remove empty tokens from array (override for custom filtering) */
+  removeEmpty(array: string[]): string[];
+  
+  /** Compare two tokens for equality (override for custom comparison) */
+  equals(left: string, right: string, options?: DiffOptions): boolean;
+  
+  /** Join tokens back into string (override for custom joining) */
+  join(tokens: string[]): string;
+  
+  /** Post-process change objects (override for custom result processing) */
+  postProcess(changeObjects: ChangeObject[], options?: DiffOptions): ChangeObject[];
+}
+```
+
+**Usage Examples:**
+
+```javascript
+import { Diff } from "diff";
+
+// Create custom diff for semantic code comparison
+const semanticDiff = new Diff();
+
+// Override tokenization to treat function names as single tokens
+semanticDiff.tokenize = function(value) {
+  // Split on whitespace but keep function names together
+  return value.split(/(\s+|\b(?:function|class|const|let|var)\s+\w+\b)/)
+    .filter(token => token.length > 0);
+};
+
+// Override equality to ignore whitespace differences  
+semanticDiff.equals = function(left, right, options) {
+  return left.trim() === right.trim();
+};
+
+// Use the custom diff
+const result = semanticDiff.diff(oldCode, newCode);
+```
+
+### Default Method Implementations
+
+The base `Diff` class provides default implementations for all overridable methods:
+
+```javascript { .api }
+/**
+ * Default input transformation (identity function)
+ * @param value - Input value to transform
+ * @param options - Diff options
+ * @returns Transformed value
+ */
+castInput(value, options);
+
+/**
+ * Default tokenization (character-by-character split)
+ * @param value - String to tokenize
+ * @param options - Diff options
+ * @returns Array of character tokens
+ */
+tokenize(value, options);
+
+/**
+ * Default empty token removal (filters falsy values)
+ * @param array - Array of tokens
+ * @returns Array with empty tokens removed
+ */
+removeEmpty(array);
+
+/**
+ * Default equality comparison (strict equality with optional case insensitivity)
+ * @param left - Left token to compare
+ * @param right - Right token to compare  
+ * @param options - Diff options (supports ignoreCase and comparator)
+ * @returns True if tokens are considered equal
+ */
+equals(left, right, options);
+
+/**
+ * Default token joining (simple string concatenation)
+ * @param tokens - Array of tokens to join
+ * @returns Joined string
+ */
+join(tokens);
+
+/**
+ * Default post-processing (identity function)
+ * @param changeObjects - Array of change objects
+ * @param options - Diff options
+ * @returns Processed change objects
+ */
+postProcess(changeObjects, options);
+```
+
+**Advanced Custom Diff Example:**
+
+```javascript
+import { Diff } from "diff";
+
+// Create a diff for comparing structured data as JSON
+class JsonDiff extends Diff {
+  castInput(value, options) {
+    if (typeof value === 'object') {
+      return JSON.stringify(value, null, 2);
+    }
+    return value;
+  }
+  
+  tokenize(value, options) {
+    // Split JSON into logical tokens: braces, keys, values, commas
+    return value.split(/(\{|\}|\[|\]|"[^"]*":\s*|"[^"]*"|,|\s+)/)
+      .filter(token => token.trim().length > 0);
+  }
+  
+  equals(left, right, options) {
+    // Normalize whitespace for comparison
+    const normalize = str => str.replace(/\s+/g, ' ').trim();
+    return normalize(left) === normalize(right);
+  }
+  
+  postProcess(changes, options) {
+    // Group consecutive changes of the same type
+    const grouped = [];
+    let current = null;
+    
+    for (const change of changes) {
+      if (current && 
+          current.added === change.added && 
+          current.removed === change.removed) {
+        current.value += change.value;
+        current.count += change.count;
+      } else {
+        if (current) grouped.push(current);
+        current = { ...change };
+      }
+    }
+    if (current) grouped.push(current);
+    
+    return grouped;
+  }
+}
+
+// Use the custom JSON diff
+const jsonDiff = new JsonDiff();
+const result = jsonDiff.diff(
+  { name: "Alice", age: 30 },
+  { name: "Alice", age: 31, city: "NYC" }
+);
+```
+
+### Common Customization Patterns
+
+**Word-aware tokenization:**
+```javascript
+const wordDiff = new Diff();
+wordDiff.tokenize = function(value) {
+  return value.split(/(\s+|\b)/).filter(token => token.length > 0);
+};
+```
+
+**Case-insensitive comparison:**
+```javascript
+const caseInsensitiveDiff = new Diff();
+caseInsensitiveDiff.equals = function(left, right, options) {
+  return left.toLowerCase() === right.toLowerCase();
+};
+```
+
+**Custom result formatting:**
+```javascript
+const formattedDiff = new Diff();
+formattedDiff.postProcess = function(changes, options) {
+  return changes.map(change => ({
+    ...change,
+    type: change.added ? 'addition' : change.removed ? 'deletion' : 'unchanged'
+  }));
+};
+```
+
+## Integration with Built-in Diff Functions
+
+All built-in diff functions (`diffChars`, `diffWords`, etc.) are implemented using customized `Diff` instances. You can examine their implementations for inspiration:
+
+```javascript
+import { Diff, characterDiff, wordDiff, lineDiff } from "diff";
+
+// These are pre-configured Diff instances
+console.log(characterDiff instanceof Diff); // true
+console.log(wordDiff instanceof Diff);      // true  
+console.log(lineDiff instanceof Diff);      // true
+```
+
+## Types
+
+```javascript { .api }
+interface DiffOptions {
+  callback?: (result: ChangeObject[]) => void;
+  maxEditLength?: number;
+  timeout?: number;
+  oneChangePerToken?: boolean;
+  ignoreCase?: boolean;
+  comparator?: (left: string, right: string) => boolean;
+}
+
+interface ChangeObject {
+  value: string;
+  added?: boolean;
+  removed?: boolean;
+  count: number;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-diff/docs/format-conversion.md b/.tessl/tiles/tessl/npm-diff/docs/format-conversion.md
new file mode 100644
index 000000000..a8cd6bc01
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-diff/docs/format-conversion.md
@@ -0,0 +1,385 @@
+# Format Conversion
+
+Convert diff results to XML and Google diff-match-patch formats. Enables integration with other diff tools and systems that require specific output formats.
+
+## Capabilities
+
+### convertChangesToXML Function
+
+Converts change objects to XML format with `<ins>` and `<del>` tags for added and removed content.
+
+```javascript { .api }
+/**
+ * Convert change objects to XML format
+ * @param changes - Array of change objects from any diff function
+ * @returns String containing XML with <ins> and <del> tags
+ */
+function convertChangesToXML(changes);
+```
+
+### convertChangesToDMP Function
+
+Converts change objects to Google diff-match-patch format using operation codes.
+
+```javascript { .api }
+/**
+ * Convert change objects to diff-match-patch format
+ * @param changes - Array of change objects from any diff function
+ * @returns Array of [operation, text] tuples where operation is -1 (delete), 0 (equal), or 1 (insert)
+ */
+function convertChangesToDMP(changes);
+```
+
+## Usage Examples
+
+### XML Format Conversion
+
+```javascript
+import { diffWords, convertChangesToXML } from "diff";
+
+// Create a diff
+const changes = diffWords("Hello world", "Hello universe");
+
+// Convert to XML
+const xmlOutput = convertChangesToXML(changes);
+console.log(xmlOutput);
+// Output: "Hello <del>world</del><ins>universe</ins>"
+
+// Example with line diff
+const lineChanges = diffLines(
+  "line 1\nline 2\nline 3",
+  "line 1\nmodified line 2\nline 3"
+);
+
+const xmlLines = convertChangesToXML(lineChanges);
+console.log(xmlLines);
+// Output: "line 1\n<del>line 2\n</del><ins>modified line 2\n</ins>line 3"
+```
+
+### HTML Rendering
+
+```javascript
+import { diffChars, convertChangesToXML } from "diff";
+
+function renderDiffAsHTML(oldText, newText) {
+  const changes = diffChars(oldText, newText);
+  const xmlDiff = convertChangesToXML(changes);
+  
+  // Style the diff with CSS
+  return `
+    <div class="diff-container">
+      <style>
+        .diff-container ins { background-color: #d4edda; text-decoration: none; }
+        .diff-container del { background-color: #f8d7da; text-decoration: line-through; }
+      </style>
+      ${xmlDiff}
+    </div>
+  `;
+}
+
+// Usage
+const htmlDiff = renderDiffAsHTML("Hello world", "Hello universe");
+document.getElementById('diff-output').innerHTML = htmlDiff;
+```
+
+### Google diff-match-patch Format
+
+```javascript
+import { diffWords, convertChangesToDMP } from "diff";
+
+// Create a diff
+const changes = diffWords("The quick brown fox", "The slow brown fox");
+
+// Convert to DMP format
+const dmpFormat = convertChangesToDMP(changes);
+console.log(dmpFormat);
+// Output: [
+//   [0, "The "],
+//   [-1, "quick"],
+//   [1, "slow"],
+//   [0, " brown fox"]
+// ]
+
+// DMP operation codes:
+// -1 = DELETE (removed text)
+//  0 = EQUAL (unchanged text)  
+//  1 = INSERT (added text)
+```
+
+## Advanced Usage
+
+### Integration with diff-match-patch Library
+
+```javascript
+import { diffLines, convertChangesToDMP } from "diff";
+// Assuming you also have the diff-match-patch library installed
+// import { diff_match_patch } from "diff-match-patch";
+
+function integrateWithDiffMatchPatch(oldText, newText) {
+  // Use jsdiff for initial comparison
+  const changes = diffLines(oldText, newText);
+  const dmpFormat = convertChangesToDMP(changes);
+  
+  // Now you can use the DMP format with Google's diff-match-patch library
+  // const dmp = new diff_match_patch();
+  // const patches = dmp.patch_make(dmpFormat);
+  // const patchText = dmp.patch_toText(patches);
+  
+  return {
+    jsdiffChanges: changes,
+    dmpFormat: dmpFormat,
+    // patches: patches,
+    // patchText: patchText
+  };
+}
+
+// Usage
+const integration = integrateWithDiffMatchPatch(originalCode, modifiedCode);
+console.log("DMP format:", integration.dmpFormat);
+```
+
+### Rich Text Editor Integration
+
+```javascript
+import { diffWords, convertChangesToXML } from "diff";
+
+function createRichTextDiff(originalContent, newContent) {
+  const changes = diffWords(originalContent, newContent);
+  const xmlDiff = convertChangesToXML(changes);
+  
+  // Convert to rich text editor format (example for a hypothetical editor)
+  return xmlDiff
+    .replace(/<del>/g, '<span class="deletion">')
+    .replace(/<\/del>/g, '</span>')
+    .replace(/<ins>/g, '<span class="insertion">')
+    .replace(/<\/ins>/g, '</span>');
+}
+
+// Usage
+const richTextDiff = createRichTextDiff(
+  "The original document text",
+  "The modified document text"
+);
+```
+
+### Multiple Format Export
+
+```javascript
+import { diffLines, convertChangesToXML, convertChangesToDMP } from "diff";
+
+function exportDiffInMultipleFormats(oldContent, newContent, filename) {
+  const changes = diffLines(oldContent, newContent);
+  
+  const formats = {
+    xml: convertChangesToXML(changes),
+    dmp: convertChangesToDMP(changes),
+    json: JSON.stringify(changes, null, 2),
+    summary: {
+      totalChanges: changes.filter(c => c.added || c.removed).length,
+      additions: changes.filter(c => c.added).length,
+      deletions: changes.filter(c => c.removed).length,
+      unchanged: changes.filter(c => !c.added && !c.removed).length
+    }
+  };
+  
+  return formats;
+}
+
+// Usage
+const multiFormat = exportDiffInMultipleFormats(oldFile, newFile, "changes");
+console.log("XML format:", multiFormat.xml);
+console.log("DMP format:", multiFormat.dmp);
+console.log("Summary:", multiFormat.summary);
+```
+
+### Web-based Diff Viewer
+
+```javascript
+import { diffLines, convertChangesToXML } from "diff";
+
+function createWebDiffViewer(oldText, newText, options = {}) {
+  const changes = diffLines(oldText, newText);
+  const xmlDiff = convertChangesToXML(changes);
+  
+  const viewerHTML = `
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Diff Viewer</title>
+  <style>
+    body { font-family: monospace; line-height: 1.4; }
+    .diff-container { 
+      border: 1px solid #ddd; 
+      padding: 20px; 
+      background: #f9f9f9; 
+    }
+    ins { 
+      background-color: #d4edda; 
+      color: #155724; 
+      text-decoration: none; 
+      padding: 2px 4px;
+      border-radius: 3px;
+    }
+    del { 
+      background-color: #f8d7da; 
+      color: #721c24; 
+      text-decoration: line-through;
+      padding: 2px 4px;
+      border-radius: 3px;
+    }
+    .stats {
+      margin-bottom: 20px;
+      padding: 10px;
+      background: #e9ecef;
+      border-radius: 5px;
+    }
+  </style>
+</head>
+<body>
+  <div class="stats">
+    <h3>Diff Statistics</h3>
+    <p>Changes: ${changes.filter(c => c.added || c.removed).length}</p>
+    <p>Lines added: ${changes.filter(c => c.added).length}</p>
+    <p>Lines removed: ${changes.filter(c => c.removed).length}</p>
+  </div>
+  <div class="diff-container">
+    <h3>Changes</h3>
+    <pre>${xmlDiff}</pre>
+  </div>
+</body>
+</html>`;
+  
+  return viewerHTML;
+}
+
+// Usage
+const diffViewer = createWebDiffViewer(oldCode, newCode);
+// Save to file or serve via web server
+```
+
+### Custom XML Styling
+
+```javascript
+import { diffWords, convertChangesToXML } from "diff";
+
+function convertToCustomXML(changes, options = {}) {
+  const {
+    insertTag = 'add',
+    deleteTag = 'remove',
+    attributes = {},
+    escapeHtml = true
+  } = options;
+  
+  let result = '';
+  
+  for (const change of changes) {
+    let value = change.value;
+    
+    if (escapeHtml) {
+      value = value
+        .replace(/&/g, '&amp;')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;');
+    }
+    
+    if (change.added) {
+      const attrs = Object.entries(attributes)
+        .map(([k, v]) => `${k}="${v}"`)
+        .join(' ');
+      result += `<${insertTag}${attrs ? ' ' + attrs : ''}>${value}</${insertTag}>`;
+    } else if (change.removed) {
+      const attrs = Object.entries(attributes)
+        .map(([k, v]) => `${k}="${v}"`)
+        .join(' ');
+      result += `<${deleteTag}${attrs ? ' ' + attrs : ''}>${value}</${deleteTag}>`;
+    } else {
+      result += value;
+    }
+  }
+  
+  return result;
+}
+
+// Usage
+const changes = diffWords("old text", "new text");
+const customXML = convertToCustomXML(changes, {
+  insertTag: 'insertion',
+  deleteTag: 'deletion',
+  attributes: { class: 'diff-change', timestamp: Date.now() },
+  escapeHtml: true
+});
+```
+
+### Markdown Diff Format
+
+```javascript
+import { diffLines, convertChangesToXML } from "diff";
+
+function convertToMarkdownDiff(oldText, newText) {
+  const changes = diffLines(oldText, newText);
+  
+  let markdown = '```diff\n';
+  
+  changes.forEach(change => {
+    const lines = change.value.split('\n');
+    lines.forEach(line => {
+      if (!line && lines.length === 1) return; // Skip empty single lines
+      
+      if (change.added) {
+        markdown += `+ ${line}\n`;
+      } else if (change.removed) {
+        markdown += `- ${line}\n`;
+      } else {
+        markdown += `  ${line}\n`;
+      }
+    });
+  });
+  
+  markdown += '```';
+  return markdown;
+}
+
+// Usage
+const markdownDiff = convertToMarkdownDiff(oldContent, newContent);
+console.log("Markdown diff:\n", markdownDiff);
+```
+
+### Performance Considerations
+
+```javascript
+import { diffLines, convertChangesToXML, convertChangesToDMP } from "diff";
+
+function efficientFormatConversion(oldText, newText, targetFormats) {
+  // Compute diff once
+  const changes = diffLines(oldText, newText);
+  
+  // Convert to requested formats
+  const results = {};
+  
+  if (targetFormats.includes('xml')) {
+    results.xml = convertChangesToXML(changes);
+  }
+  
+  if (targetFormats.includes('dmp')) {
+    results.dmp = convertChangesToDMP(changes);
+  }
+  
+  if (targetFormats.includes('json')) {
+    results.json = JSON.stringify(changes);
+  }
+  
+  if (targetFormats.includes('stats')) {
+    results.stats = {
+      additions: changes.filter(c => c.added).length,
+      deletions: changes.filter(c => c.removed).length,
+      unchanged: changes.filter(c => !c.added && !c.removed).length
+    };
+  }
+  
+  return results;
+}
+
+// Usage - only compute what's needed
+const formats = efficientFormatConversion(text1, text2, ['xml', 'stats']);
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-diff/docs/index.md b/.tessl/tiles/tessl/npm-diff/docs/index.md
new file mode 100644
index 000000000..55804c834
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-diff/docs/index.md
@@ -0,0 +1,241 @@
+# diff
+
+A JavaScript text differencing implementation based on the Myers diff algorithm. Provides comprehensive text comparison capabilities at different granularities (characters, words, lines, sentences) with support for CSS and JSON content, plus utilities for creating, applying, and manipulating unified diff patches.
+
+## Package Information
+
+- **Package Name**: diff
+- **Package Type**: npm  
+- **Language**: JavaScript
+- **Installation**: `npm install diff`
+
+## Core Imports
+
+```javascript
+import { Diff, diffChars, diffWords, diffLines, diffJson, applyPatch, createPatch } from "diff";
+```
+
+For CommonJS:
+
+```javascript
+const { Diff, diffChars, diffWords, diffLines, diffJson, applyPatch, createPatch } = require("diff");
+```
+
+For browser:
+
+```html
+<script src="diff.js"></script>
+<!-- Functions available on global Diff object -->
+```
+
+## Basic Usage
+
+```javascript
+import { diffChars, diffWords, diffLines, createPatch, applyPatch } from "diff";
+
+// Character-level diff
+const charDiff = diffChars("abc", "axc");
+console.log(charDiff);
+// [
+//   { value: "a", count: 1 },
+//   { value: "b", removed: true, count: 1 },
+//   { value: "x", added: true, count: 1 },
+//   { value: "c", count: 1 }
+// ]
+
+// Word-level diff  
+const wordDiff = diffWords("hello world", "hello universe");
+
+// Line-level diff
+const lineDiff = diffLines("line1\nline2", "line1\nmodified line2");
+
+// Create and apply patches
+const patch = createPatch("file.txt", "old content", "new content");
+const result = applyPatch("old content", patch);
+```
+
+## Architecture
+
+The diff library is built around several key components:
+
+- **Base Diff Algorithm**: Core Myers algorithm implementation with customizable tokenization
+- **Text Diff Functions**: Specialized functions for different text granularities (chars, words, lines, sentences)
+- **Content-Specific Diffs**: Tailored implementations for CSS and JSON content  
+- **Patch System**: Complete unified diff patch creation, parsing, and application
+- **Conversion Utilities**: Export capabilities for XML and Google diff-match-patch formats
+
+## Capabilities
+
+### Character Diffing
+
+Character-by-character text comparison with Unicode support and case-insensitive options.
+
+```javascript { .api }
+function diffChars(oldStr, newStr, options);
+```
+
+[Character Diffing](./character-diffing.md)
+
+### Word Diffing  
+
+Word-level text comparison with intelligent whitespace handling and international text support.
+
+```javascript { .api }
+function diffWords(oldStr, newStr, options);
+function diffWordsWithSpace(oldStr, newStr, options);
+```
+
+[Word Diffing](./word-diffing.md)
+
+### Line Diffing
+
+Line-by-line text comparison with configurable whitespace and newline handling.
+
+```javascript { .api }
+function diffLines(oldStr, newStr, options);
+```
+
+[Line Diffing](./line-diffing.md)
+
+### Sentence Diffing
+
+Sentence-level text comparison for natural language processing applications.
+
+```javascript { .api }
+function diffSentences(oldStr, newStr, options);
+```
+
+[Sentence Diffing](./sentence-diffing.md)
+
+### Array Diffing
+
+Generic array comparison with customizable equality functions.
+
+```javascript { .api }
+function diffArrays(oldArr, newArr, options);
+```
+
+[Array Diffing](./array-diffing.md)
+
+### CSS Diffing
+
+Specialized diffing for CSS content with CSS-aware tokenization.
+
+```javascript { .api }
+function diffCss(oldStr, newStr, options);
+```
+
+[CSS Diffing](./css-diffing.md)
+
+### JSON Diffing
+
+JSON object comparison with pretty-printing and custom serialization options.
+
+```javascript { .api }
+function diffJson(oldObj, newObj, options);
+```
+
+[JSON Diffing](./json-diffing.md)
+
+### Patch Creation
+
+Create unified diff patches from text comparisons with full context control.
+
+```javascript { .api }
+function createPatch(fileName, oldStr, newStr, oldHeader, newHeader, options);
+function createTwoFilesPatch(oldFileName, newFileName, oldStr, newStr, oldHeader, newHeader, options);
+function structuredPatch(oldFileName, newFileName, oldStr, newStr, oldHeader, newHeader, options);
+```
+
+[Patch Creation](./patch-creation.md)
+
+### Patch Application
+
+Apply unified diff patches to source text with fuzzy matching and error handling.
+
+```javascript { .api }
+function applyPatch(source, patch, options);
+function applyPatches(patches, options);
+```
+
+[Patch Application](./patch-application.md)
+
+### Patch Utilities
+
+Parse, manipulate, and convert diff patches between different formats.
+
+```javascript { .api }
+function parsePatch(diffStr);
+function reversePatch(patch);
+function merge(mine, theirs, base);
+```
+
+[Patch Utilities](./patch-utilities.md)
+
+### Format Conversion
+
+Convert diff results to XML and Google diff-match-patch formats.
+
+```javascript { .api }
+function convertChangesToXML(changes);
+function convertChangesToDMP(changes);
+```
+
+[Format Conversion](./format-conversion.md)
+
+### Custom Diffing
+
+Create custom diff implementations with configurable tokenization and comparison logic.
+
+```javascript { .api }
+function Diff();
+```
+
+[Custom Diffing](./custom-diffing.md)
+
+## Universal Options
+
+All diff functions support these common options:
+
+- `callback`: Function for async computation
+- `maxEditLength`: Number limiting maximum edit distance
+- `timeout`: Number specifying timeout in milliseconds
+- `oneChangePerToken`: Boolean for granular change objects
+
+## Change Objects
+
+All diff functions return arrays of change objects with these properties:
+
+```javascript { .api }
+interface ChangeObject {
+  value: string;        // The text content
+  added?: boolean;      // True if content was added
+  removed?: boolean;    // True if content was removed  
+  count: number;        // Number of tokens
+}
+```
+
+## Types
+
+```javascript { .api }
+interface DiffOptions {
+  callback?: (result: ChangeObject[]) => void;
+  maxEditLength?: number;
+  timeout?: number;
+  oneChangePerToken?: boolean;
+  ignoreCase?: boolean;
+}
+
+interface PatchOptions {
+  context?: number;
+  ignoreWhitespace?: boolean;
+  stripTrailingCr?: boolean;
+  newlineIsToken?: boolean;
+}
+
+interface ApplyPatchOptions {
+  fuzzFactor?: number;
+  autoConvertLineEndings?: boolean;
+  compareLine?: (lineNumber: number, line: string, operation: string, patchContent: string) => boolean;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-diff/docs/json-diffing.md b/.tessl/tiles/tessl/npm-diff/docs/json-diffing.md
new file mode 100644
index 000000000..b06231bb8
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-diff/docs/json-diffing.md
@@ -0,0 +1,384 @@
+# JSON Diffing
+
+JSON object comparison with pretty-printing and custom serialization options. Automatically serializes objects to prettified JSON format and performs line-based comparison for readable diff output.
+
+## Capabilities
+
+### diffJson Function
+
+Performs JSON-aware diff between two objects by serializing them to pretty-printed JSON.
+
+```javascript { .api }
+/**
+ * Compare two JSON-serializable objects
+ * @param oldObj - Original object or JSON string
+ * @param newObj - New object to compare against
+ * @param options - Configuration options
+ * @returns Array of change objects representing the diff
+ */
+function diffJson(oldObj, newObj, options);
+```
+
+**Options:**
+
+```javascript { .api }
+interface JsonDiffOptions extends DiffOptions {
+  stringifyReplacer?: (key: string, value: any) => any;  // Custom JSON.stringify replacer
+  undefinedReplacement?: any;  // Value to replace undefined properties
+}
+```
+
+**Usage Examples:**
+
+```javascript
+import { diffJson } from "diff";
+
+// Basic object comparison
+const result = diffJson(
+  { name: "Alice", age: 25, city: "New York" },
+  { name: "Alice", age: 26, city: "Boston" }
+);
+console.log(result);
+// Shows line-by-line diff of pretty-printed JSON
+
+// Array comparison  
+const arrayResult = diffJson(
+  { items: [1, 2, 3] },
+  { items: [1, 2, 3, 4] }
+);
+
+// Nested object comparison
+const nestedResult = diffJson(
+  {
+    user: {
+      profile: { name: "John", settings: { theme: "dark" } }
+    }
+  },
+  {
+    user: {
+      profile: { name: "John", settings: { theme: "light", lang: "en" } }
+    }
+  }
+);
+```
+
+### canonicalize Function
+
+Recursively canonicalizes objects for consistent JSON serialization, handling circular references.
+
+```javascript { .api }
+/**
+ * Canonicalize object for consistent JSON comparison
+ * @param obj - Object to canonicalize
+ * @param stack - Internal recursion stack (optional)
+ * @param replacementStack - Internal replacement stack (optional)
+ * @param replacer - Custom replacer function (optional)
+ * @param key - Current property key (optional)
+ * @returns Canonicalized object with sorted keys
+ */
+function canonicalize(obj, stack, replacementStack, replacer, key);
+```
+
+### jsonDiff Instance
+
+Pre-configured Diff instance for JSON comparisons with specialized handling.
+
+```javascript { .api }
+/**
+ * Pre-configured JSON diff instance
+ * Uses line-based tokenization of pretty-printed JSON
+ * Includes longest token preference for better diff quality
+ */
+const jsonDiff: Diff;
+```
+
+## Advanced Usage
+
+### Custom Serialization
+
+```javascript
+import { diffJson } from "diff";
+
+// Custom replacer function
+const result = diffJson(
+  { date: new Date("2023-01-01"), value: undefined },
+  { date: new Date("2023-01-02"), value: null },
+  {
+    stringifyReplacer: (key, value) => {
+      if (value instanceof Date) {
+        return value.toISOString();
+      }
+      if (value === undefined) {
+        return "<undefined>";
+      }
+      return value;
+    }
+  }
+);
+
+// Undefined replacement
+const undefinedResult = diffJson(
+  { a: 1, b: undefined, c: 3 },
+  { a: 1, b: 2, c: undefined },
+  {
+    undefinedReplacement: null
+  }
+);
+```
+
+### Object Preprocessing
+
+```javascript
+import { diffJson, canonicalize } from "diff";
+
+// Manual canonicalization
+const obj1 = { b: 2, a: 1, c: { z: 26, y: 25 } };
+const obj2 = { a: 1, b: 3, c: { y: 25, z: 26 } };
+
+const canonical1 = canonicalize(obj1);
+const canonical2 = canonicalize(obj2);
+console.log("Canonicalized objects have consistent property order");
+
+// Direct comparison with canonicalized objects
+const result = diffJson(canonical1, canonical2);
+```
+
+### API Response Comparison
+
+```javascript
+import { diffJson } from "diff";
+
+function compareApiResponses(response1, response2) {
+  // Filter out volatile fields before comparison
+  const cleaned1 = cleanResponse(response1);
+  const cleaned2 = cleanResponse(response2);
+  
+  return diffJson(cleaned1, cleaned2, {
+    stringifyReplacer: (key, value) => {
+      // Ignore timestamp fields
+      if (key.includes('timestamp') || key.includes('time')) {
+        return '<timestamp>';
+      }
+      // Normalize IDs
+      if (key === 'id' && typeof value === 'string') {
+        return '<id>';
+      }
+      return value;
+    }
+  });
+}
+
+function cleanResponse(response) {
+  const { timestamp, requestId, ...cleaned } = response;
+  return cleaned;
+}
+
+// Usage
+const oldResponse = {
+  status: "success",
+  data: { users: [{ id: "123", name: "Alice" }] },
+  timestamp: "2023-01-01T10:00:00Z"
+};
+
+const newResponse = {
+  status: "success", 
+  data: { users: [{ id: "456", name: "Alice" }, { id: "789", name: "Bob" }] },
+  timestamp: "2023-01-01T10:05:00Z"
+};
+
+const apiDiff = compareApiResponses(oldResponse, newResponse);
+```
+
+### Configuration Comparison
+
+```javascript
+import { diffJson } from "diff";
+
+function compareConfigurations(oldConfig, newConfig) {
+  const changes = diffJson(oldConfig, newConfig);
+  
+  const analysis = {
+    addedKeys: [],
+    removedKeys: [],
+    modifiedValues: [],
+    unchangedLines: 0
+  };
+  
+  changes.forEach(change => {
+    if (change.added) {
+      const keyMatch = change.value.match(/^\s*"([^"]+)":/);
+      if (keyMatch) {
+        analysis.addedKeys.push(keyMatch[1]);
+      }
+    } else if (change.removed) {
+      const keyMatch = change.value.match(/^\s*"([^"]+)":/);
+      if (keyMatch) {
+        analysis.removedKeys.push(keyMatch[1]);
+      }
+    } else {
+      analysis.unchangedLines++;
+    }
+  });
+  
+  return analysis;
+}
+
+// Usage for configuration management
+const oldConfig = {
+  database: { host: "localhost", port: 5432 },
+  cache: { enabled: true, ttl: 3600 }
+};
+
+const newConfig = {
+  database: { host: "prod-db", port: 5432, ssl: true },
+  cache: { enabled: false, ttl: 7200 },
+  logging: { level: "info" }
+};
+
+const configAnalysis = compareConfigurations(oldConfig, newConfig);
+```
+
+### Large Object Handling
+
+```javascript
+import { diffJson } from "diff";
+
+function diffLargeObjects(obj1, obj2, callback) {
+  diffJson(obj1, obj2, {
+    callback: callback,
+    maxEditLength: 15000,  // Suitable for large JSON objects
+    timeout: 25000,        // 25 second timeout
+    stringifyReplacer: (key, value) => {
+      // Potentially exclude large nested objects
+      if (key === 'largeData' && Array.isArray(value) && value.length > 1000) {
+        return `<large array: ${value.length} items>`;
+      }
+      return value;
+    }
+  });
+}
+
+// Usage
+diffLargeObjects(largeObject1, largeObject2, (result) => {
+  if (result) {
+    const changeLines = result.filter(r => r.added || r.removed).length;
+    console.log(`JSON diff completed: ${changeLines} changed lines`);
+  } else {
+    console.log("Objects too different to compute JSON diff efficiently");
+  }
+});
+```
+
+### Circular Reference Handling
+
+```javascript
+import { diffJson, canonicalize } from "diff";
+
+// The library automatically handles circular references
+const objWithCircular = { name: "test" };
+objWithCircular.self = objWithCircular;
+
+const anotherObj = { name: "test", other: "value" };
+
+// This works safely - circular references are handled
+const result = diffJson(objWithCircular, anotherObj);
+
+// Manual canonicalization also handles circularity
+const canonical = canonicalize(objWithCircular);
+console.log("Circular reference handled:", canonical);
+```
+
+### Direct Instance Usage
+
+```javascript
+import { jsonDiff } from "diff";
+
+// Using the pre-configured instance
+const directResult = jsonDiff.diff(
+  { old: "value" },
+  { new: "value" }
+);
+
+// Access the JSON serialization behavior
+const serialized = jsonDiff.castInput({ b: 2, a: 1 });
+console.log("Serialized JSON:", serialized);
+// Pretty-printed JSON with sorted keys
+
+// Custom equality (handles trailing commas in JSON)
+const isEqual = jsonDiff.equals(
+  '  "key": "value",',
+  '  "key": "value"'
+);
+console.log("Ignores trailing comma differences:", isEqual);
+```
+
+### Data Migration Tracking
+
+```javascript
+import { diffJson } from "diff";
+
+function trackDataMigration(beforeMigration, afterMigration) {
+  const diff = diffJson(beforeMigration, afterMigration);
+  
+  const migrationReport = {
+    totalChanges: diff.filter(d => d.added || d.removed).length,
+    dataIntegrityIssues: [],
+    schemaChanges: [],
+    valueTransformations: []
+  };
+  
+  diff.forEach(change => {
+    if (change.added || change.removed) {
+      const line = change.value.trim();
+      
+      // Detect schema changes
+      if (line.includes('"type":') || line.includes('"schema":')) {
+        migrationReport.schemaChanges.push({
+          change: change.added ? 'added' : 'removed',
+          content: line
+        });
+      }
+      
+      // Detect potential data loss
+      if (change.removed && line.includes(':') && !line.includes('null')) {
+        migrationReport.dataIntegrityIssues.push({
+          type: 'potential_data_loss',
+          content: line
+        });
+      }
+    }
+  });
+  
+  return migrationReport;
+}
+```
+
+### Testing and Validation
+
+```javascript
+import { diffJson } from "diff";
+
+function validateJsonChanges(expected, actual) {
+  const changes = diffJson(expected, actual);
+  
+  const validation = {
+    isMatch: changes.every(change => !change.added && !change.removed),
+    differences: changes.filter(change => change.added || change.removed),
+    summary: {
+      additions: changes.filter(c => c.added).length,
+      removals: changes.filter(c => c.removed).length
+    }
+  };
+  
+  return validation;
+}
+
+// Usage in tests
+const expectedResult = { status: "success", count: 10 };
+const actualResult = { status: "success", count: 12 };
+const validation = validateJsonChanges(expectedResult, actualResult);
+
+if (!validation.isMatch) {
+  console.log("Test failed with differences:", validation.differences);
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-diff/docs/line-diffing.md b/.tessl/tiles/tessl/npm-diff/docs/line-diffing.md
new file mode 100644
index 000000000..f0b8f43a5
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-diff/docs/line-diffing.md
@@ -0,0 +1,220 @@
+# Line Diffing
+
+Line-by-line text comparison with configurable whitespace and newline handling. Essential for code diffs, file comparisons, and text processing where line boundaries are significant.
+
+## Capabilities
+
+### diffLines Function
+
+Performs line-level diff between two strings, treating each line as a token.
+
+```javascript { .api }
+/**
+ * Compare two strings at the line level
+ * @param oldStr - Original string with line breaks
+ * @param newStr - New string to compare against
+ * @param options - Configuration options
+ * @returns Array of change objects representing the diff
+ */
+function diffLines(oldStr, newStr, options);
+```
+
+**Options:**
+
+```javascript { .api }
+interface LineDiffOptions extends DiffOptions {
+  ignoreWhitespace?: boolean;    // Ignore leading/trailing whitespace on lines
+  ignoreNewlineAtEof?: boolean;  // Ignore missing newline at end of file
+  stripTrailingCr?: boolean;     // Remove \r before \n for cross-platform compatibility
+  newlineIsToken?: boolean;      // Treat newlines as separate tokens
+}
+```
+
+**Usage Examples:**
+
+```javascript
+import { diffLines } from "diff";
+
+// Basic line diff
+const result = diffLines(
+  "line1\nline2\nline3", 
+  "line1\nmodified line2\nline3"
+);
+console.log(result);
+// [
+//   { value: "line1\n", count: 1 },
+//   { value: "line2\n", removed: true, count: 1 },
+//   { value: "modified line2\n", added: true, count: 1 },
+//   { value: "line3", count: 1 }
+// ]
+
+// Ignore whitespace differences
+const whitespaceResult = diffLines(
+  "  indented line  \n",
+  "indented line\n",
+  { ignoreWhitespace: true }
+);
+// No differences detected due to whitespace normalization
+
+// Cross-platform line endings
+const crossPlatform = diffLines(
+  "line1\r\nline2\r\n",  // Windows endings
+  "line1\nline2\n",      // Unix endings  
+  { stripTrailingCr: true }
+);
+// Treats both formats as equivalent
+```
+
+### diffTrimmedLines Function
+
+Convenience function that performs line diff with whitespace ignored (deprecated wrapper).
+
+```javascript { .api }
+/**
+ * Line diff with whitespace ignored (deprecated - use diffLines with ignoreWhitespace)
+ * @param oldStr - Original string
+ * @param newStr - New string to compare against
+ * @param callback - Optional callback for async operation
+ * @returns Array of change objects representing the diff
+ * @deprecated Use diffLines with { ignoreWhitespace: true } instead
+ */
+function diffTrimmedLines(oldStr, newStr, callback);
+```
+
+### lineDiff Instance
+
+Pre-configured Diff instance for line-level comparisons with custom tokenization.
+
+```javascript { .api }
+/**
+ * Pre-configured line diff instance with line-aware tokenization
+ * Handles line breaks and line-based equality checking
+ */
+const lineDiff: Diff;
+```
+
+## Advanced Usage
+
+### Newline Handling Options
+
+```javascript
+import { diffLines } from "diff";
+
+// Treat newlines as separate tokens
+const newlineTokens = diffLines(
+  "line1\nline2",
+  "line1\n\nline2",  // Added blank line
+  { newlineIsToken: true }
+);
+// Newlines appear as separate change objects
+
+// Ignore missing newline at end of file
+const eofNewline = diffLines(
+  "last line\n",     // Has trailing newline
+  "last line",       // Missing trailing newline
+  { ignoreNewlineAtEof: true }
+);
+// Treats both as equivalent
+```
+
+### Cross-Platform Compatibility
+
+```javascript
+import { diffLines } from "diff";
+
+// Handle Windows vs Unix line endings
+const windowsText = "line1\r\nline2\r\n";
+const unixText = "line1\nline2\n";
+
+const compatible = diffLines(windowsText, unixText, {
+  stripTrailingCr: true
+});
+// No differences detected despite different line endings
+```
+
+### Code Diff Applications
+
+```javascript
+import { diffLines } from "diff";
+
+function createCodeDiff(oldCode, newCode) {
+  return diffLines(oldCode, newCode, {
+    ignoreWhitespace: false,  // Preserve code formatting
+    newlineIsToken: false,    // Keep lines together
+    stripTrailingCr: true     // Cross-platform compatibility
+  });
+}
+
+// Usage for code comparison
+const oldCode = `function hello() {
+  console.log("old");
+}`;
+
+const newCode = `function hello() {
+  console.log("new");
+  return true;
+}`;
+
+const codeDiff = createCodeDiff(oldCode, newCode);
+```
+
+### Large File Handling
+
+```javascript
+import { diffLines } from "diff";
+
+// Async processing for large files
+function diffLargeFiles(oldContent, newContent, callback) {
+  diffLines(oldContent, newContent, {
+    callback: callback,
+    maxEditLength: 50000,  // Limit computation
+    timeout: 30000         // 30 second timeout
+  });
+}
+
+diffLargeFiles(largeFile1, largeFile2, (result) => {
+  if (result) {
+    console.log(`Found ${result.length} change blocks`);
+  } else {
+    console.log("Files too different to compute diff efficiently");
+  }
+});
+```
+
+### Whitespace Comparison Modes
+
+```javascript
+import { diffLines } from "diff";
+
+const oldText = "  line with spaces  \n";
+const newText = "line with spaces\n";
+
+// Strict comparison (shows whitespace changes)
+const strict = diffLines(oldText, newText);
+
+// Ignore whitespace comparison
+const relaxed = diffLines(oldText, newText, { 
+  ignoreWhitespace: true 
+});
+
+console.log("Strict changes:", strict.length);
+console.log("Relaxed changes:", relaxed.length);
+```
+
+### Direct Instance Usage
+
+```javascript
+import { lineDiff } from "diff";
+
+// Using the pre-configured instance
+const customDiff = lineDiff.diff("old\nlines", "new\nlines");
+
+// Custom tokenization access
+const tokens = lineDiff.tokenize("line1\nline2\nline3");
+console.log("Line tokens:", tokens);
+
+// Custom equality checking
+const equal = lineDiff.equals("  trimmed  ", "trimmed", { 
+  ignoreWhitespace: true 
+});
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-diff/docs/patch-application.md b/.tessl/tiles/tessl/npm-diff/docs/patch-application.md
new file mode 100644
index 000000000..b89c0fbe8
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-diff/docs/patch-application.md
@@ -0,0 +1,433 @@
+# Patch Application
+
+Apply unified diff patches to source text with fuzzy matching and error handling. Supports both single patches and batch patch application with configurable tolerance for mismatches.
+
+## Capabilities
+
+### applyPatch Function
+
+Applies a unified diff patch to source text with intelligent matching and fuzzy logic.
+
+```javascript { .api }
+/**
+ * Apply a unified diff patch to source text
+ * @param source - Original text to patch
+ * @param patch - Unified diff patch string or structured patch object
+ * @param options - Configuration options
+ * @returns Patched text on success, false on failure
+ */
+function applyPatch(source, patch, options);
+```
+
+### applyPatches Function
+
+Applies multiple patches using callback-based file loading and saving.
+
+```javascript { .api }
+/**
+ * Apply multiple patches with callback-based file operations
+ * @param patches - Array of patches or multi-file patch string
+ * @param options - Configuration with callback functions
+ */
+function applyPatches(patches, options);
+```
+
+## Options and Types
+
+```javascript { .api }
+interface ApplyPatchOptions {
+  fuzzFactor?: number;              // Maximum line mismatches allowed (default: 0)
+  autoConvertLineEndings?: boolean; // Auto-convert line endings (default: true)
+  compareLine?: (lineNumber: number, line: string, operation: string, patchContent: string) => boolean;
+}
+
+interface ApplyPatchesOptions {
+  loadFile: (patch: any, callback: (error: Error | null, content?: string) => void) => void;
+  patched: (patch: any, content: string | false, callback: (error?: Error) => void) => void;
+  complete: (error?: Error) => void;
+}
+```
+
+## Usage Examples
+
+### Basic Patch Application
+
+```javascript
+import { applyPatch, createPatch } from "diff";
+
+// Create a patch
+const originalText = "Hello World\nLine 2\nLine 3";
+const modifiedText = "Hello Universe\nLine 2\nLine 3";
+const patch = createPatch("file.txt", originalText, modifiedText);
+
+// Apply the patch
+const result = applyPatch(originalText, patch);
+console.log(result === modifiedText); // true
+
+// Failed application returns false
+const badResult = applyPatch("completely different text", patch);
+console.log(badResult); // false
+```
+
+### Fuzzy Patch Application
+
+```javascript
+import { applyPatch } from "diff";
+
+// Source text has slight differences from when patch was created
+const sourceText = `
+function hello() {
+    console.log("Hello World");
+    return true;
+}
+
+function goodbye() {
+    console.log("Goodbye");
+}
+`.trim();
+
+// Patch expects slightly different context
+const patch = `--- file.js
++++ file.js
+@@ -1,4 +1,4 @@
+ function hello() {
+-    console.log("Hello World");
++    console.log("Hello Universe");
+     return true;
+ }`;
+
+// Apply with fuzzy matching
+const result = applyPatch(sourceText, patch, {
+  fuzzFactor: 2  // Allow up to 2 mismatched context lines
+});
+
+console.log(result); // Successfully patched despite context differences
+```
+
+### Cross-Platform Line Endings
+
+```javascript
+import { applyPatch } from "diff";
+
+// Source has Unix line endings
+const unixSource = "line1\nline2\nline3\n";
+
+// Patch was created from Windows line endings
+const windowsPatch = `--- file.txt
++++ file.txt
+@@ -1,3 +1,3 @@
+ line1\r
+-line2\r
++modified line2\r
+ line3\r`;
+
+// Auto-convert line endings (default behavior)
+const result = applyPatch(unixSource, windowsPatch, {
+  autoConvertLineEndings: true
+});
+
+console.log(result); // Successfully applied despite line ending differences
+```
+
+### Multiple File Patches
+
+```javascript
+import { applyPatches } from "diff";
+import fs from "fs";
+
+// Multi-file patch string
+const multiPatch = `--- file1.txt
++++ file1.txt
+@@ -1,2 +1,2 @@
+-old content
++new content
+ unchanged line
+
+--- file2.txt  
++++ file2.txt
+@@ -1,1 +1,2 @@
+ existing line
++added line`;
+
+applyPatches(multiPatch, {
+  loadFile: (patch, callback) => {
+    try {
+      const content = fs.readFileSync(patch.oldFileName, 'utf8');
+      callback(null, content);
+    } catch (error) {
+      callback(error);
+    }
+  },
+  
+  patched: (patch, patchedContent, callback) => {
+    if (patchedContent === false) {
+      callback(new Error(`Failed to apply patch to ${patch.oldFileName}`));
+      return;
+    }
+    
+    try {
+      fs.writeFileSync(patch.oldFileName, patchedContent);
+      console.log(`Successfully patched ${patch.oldFileName}`);
+      callback();
+    } catch (error) {
+      callback(error);
+    }
+  },
+  
+  complete: (error) => {
+    if (error) {
+      console.error("Patch application failed:", error);
+    } else {
+      console.log("All patches applied successfully");
+    }
+  }
+});
+```
+
+## Advanced Usage
+
+### Custom Line Comparison
+
+```javascript
+import { applyPatch } from "diff";
+
+// Custom comparison function for case-insensitive matching
+const result = applyPatch(source, patch, {
+  compareLine: (lineNumber, line, operation, patchContent) => {
+    // Case-insensitive comparison
+    return line.toLowerCase() === patchContent.toLowerCase();
+  }
+});
+
+// Whitespace-tolerant comparison
+const whitespaceResult = applyPatch(source, patch, {
+  compareLine: (lineNumber, line, operation, patchContent) => {
+    return line.trim() === patchContent.trim();
+  }
+});
+```
+
+### Batch File Processing
+
+```javascript
+import { applyPatches } from "diff";
+import path from "path";
+
+function applyPatchesToDirectory(patchContent, baseDirectory) {
+  const results = {
+    successful: [],
+    failed: [],
+    errors: []
+  };
+
+  return new Promise((resolve, reject) => {
+    applyPatches(patchContent, {
+      loadFile: (patch, callback) => {
+        const filePath = path.join(baseDirectory, patch.oldFileName);
+        
+        fs.readFile(filePath, 'utf8', (error, content) => {
+          if (error) {
+            results.errors.push({ file: patch.oldFileName, error: error.message });
+            callback(error);
+          } else {
+            callback(null, content);
+          }
+        });
+      },
+
+      patched: (patch, patchedContent, callback) => {
+        if (patchedContent === false) {
+          results.failed.push(patch.oldFileName);
+          callback(new Error(`Patch failed for ${patch.oldFileName}`));
+          return;
+        }
+
+        const filePath = path.join(baseDirectory, patch.oldFileName);
+        
+        fs.writeFile(filePath, patchedContent, 'utf8', (error) => {
+          if (error) {
+            results.errors.push({ file: patch.oldFileName, error: error.message });
+            callback(error);
+          } else {
+            results.successful.push(patch.oldFileName);
+            callback();
+          }
+        });
+      },
+
+      complete: (error) => {
+        if (error && results.successful.length === 0) {
+          reject(error);
+        } else {
+          resolve(results);
+        }
+      }
+    });
+  });
+}
+
+// Usage
+applyPatchesToDirectory(largePatch, './src')
+  .then(results => {
+    console.log(`Applied patches to ${results.successful.length} files`);
+    if (results.failed.length > 0) {
+      console.log(`Failed to patch: ${results.failed.join(', ')}`);
+    }
+  })
+  .catch(error => {
+    console.error("Batch patch application failed:", error);
+  });
+```
+
+### Dry Run and Validation
+
+```javascript
+import { applyPatch } from "diff";
+
+function validatePatch(source, patch, options = {}) {
+  const validation = {
+    canApply: false,
+    requiredFuzzFactor: 0,
+    issues: []
+  };
+
+  // Try applying with increasing fuzz factors
+  for (let fuzz = 0; fuzz <= 10; fuzz++) {
+    const result = applyPatch(source, patch, {
+      ...options,
+      fuzzFactor: fuzz
+    });
+
+    if (result !== false) {
+      validation.canApply = true;
+      validation.requiredFuzzFactor = fuzz;
+      validation.result = result;
+      break;
+    }
+  }
+
+  if (!validation.canApply) {
+    validation.issues.push("Patch cannot be applied even with maximum fuzz factor");
+  } else if (validation.requiredFuzzFactor > 0) {
+    validation.issues.push(`Requires fuzz factor of ${validation.requiredFuzzFactor}`);
+  }
+
+  return validation;
+}
+
+// Usage
+const patchValidation = validatePatch(sourceCode, patch);
+if (patchValidation.canApply) {
+  console.log("Patch can be applied");
+  if (patchValidation.requiredFuzzFactor > 0) {
+    console.log(`Warning: Requires fuzzy matching (${patchValidation.requiredFuzzFactor})`);
+  }
+} else {
+  console.log("Patch cannot be applied:", patchValidation.issues);
+}
+```
+
+### Error Handling and Recovery
+
+```javascript
+import { applyPatch } from "diff";
+
+function robustPatchApplication(source, patch, options = {}) {
+  const attempts = [
+    // First attempt: strict application
+    { ...options, fuzzFactor: 0 },
+    
+    // Second attempt: allow minor mismatches  
+    { ...options, fuzzFactor: 2 },
+    
+    // Third attempt: more tolerant matching
+    { 
+      ...options, 
+      fuzzFactor: 5,
+      compareLine: (lineNumber, line, operation, patchContent) => {
+        return line.trim() === patchContent.trim();
+      }
+    },
+    
+    // Last attempt: very fuzzy with case insensitive
+    {
+      ...options,
+      fuzzFactor: 10,
+      compareLine: (lineNumber, line, operation, patchContent) => {
+        return line.toLowerCase().trim() === patchContent.toLowerCase().trim();
+      }
+    }
+  ];
+
+  for (let i = 0; i < attempts.length; i++) {
+    const result = applyPatch(source, patch, attempts[i]);
+    
+    if (result !== false) {
+      return {
+        success: true,
+        result: result,
+        attempt: i + 1,
+        strategy: attempts[i]
+      };
+    }
+  }
+
+  return {
+    success: false,
+    error: "All patch application strategies failed"
+  };
+}
+
+// Usage
+const robustResult = robustPatchApplication(sourceText, problemPatch);
+if (robustResult.success) {
+  console.log(`Patch applied using strategy ${robustResult.attempt}`);
+} else {
+  console.error("Patch could not be applied:", robustResult.error);
+}
+```
+
+### Version Control Integration
+
+```javascript
+import { applyPatch } from "diff";
+import { execSync } from "child_process";
+
+function applyGitPatch(patchFile, options = {}) {
+  try {
+    // Try using git apply first
+    execSync(`git apply --check ${patchFile}`);
+    execSync(`git apply ${patchFile}`);
+    return { success: true, method: 'git' };
+    
+  } catch (gitError) {
+    console.log("Git apply failed, trying manual application...");
+    
+    // Fallback to manual patch application
+    const patchContent = fs.readFileSync(patchFile, 'utf8');
+    const patches = parsePatch(patchContent);
+    
+    const results = [];
+    for (const patch of patches) {
+      const sourceContent = fs.readFileSync(patch.oldFileName, 'utf8');
+      const result = applyPatch(sourceContent, patch, {
+        fuzzFactor: 3,
+        ...options
+      });
+      
+      if (result !== false) {
+        fs.writeFileSync(patch.oldFileName, result);
+        results.push({ file: patch.oldFileName, success: true });
+      } else {
+        results.push({ file: patch.oldFileName, success: false });
+      }
+    }
+    
+    return { 
+      success: results.every(r => r.success), 
+      method: 'manual',
+      results: results
+    };
+  }
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-diff/docs/patch-creation.md b/.tessl/tiles/tessl/npm-diff/docs/patch-creation.md
new file mode 100644
index 000000000..7dd4684c5
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-diff/docs/patch-creation.md
@@ -0,0 +1,409 @@
+# Patch Creation
+
+Create unified diff patches from text comparisons with full context control. Generates standard Unix diff format patches that can be applied with the patch command or the library's own apply functions.
+
+## Capabilities
+
+### createPatch Function
+
+Creates a unified diff patch for a single file with before and after content.
+
+```javascript { .api }
+/**
+ * Create a unified diff patch for a single file
+ * @param fileName - Name of the file being patched
+ * @param oldStr - Original content
+ * @param newStr - New content
+ * @param oldHeader - Optional header for old file (e.g., timestamp)
+ * @param newHeader - Optional header for new file (e.g., timestamp)
+ * @param options - Configuration options
+ * @returns String containing the unified diff patch
+ */
+function createPatch(fileName, oldStr, newStr, oldHeader, newHeader, options);
+```
+
+### createTwoFilesPatch Function
+
+Creates a unified diff patch comparing two different files.
+
+```javascript { .api }
+/**
+ * Create a unified diff patch for two different files
+ * @param oldFileName - Name of the original file
+ * @param newFileName - Name of the new file
+ * @param oldStr - Original content
+ * @param newStr - New content
+ * @param oldHeader - Optional header for old file
+ * @param newHeader - Optional header for new file
+ * @param options - Configuration options
+ * @returns String containing the unified diff patch
+ */
+function createTwoFilesPatch(oldFileName, newFileName, oldStr, newStr, oldHeader, newHeader, options);
+```
+
+### structuredPatch Function
+
+Creates a structured patch object instead of a formatted string, useful for programmatic manipulation.
+
+```javascript { .api }
+/**
+ * Create a structured patch object
+ * @param oldFileName - Name of the original file
+ * @param newFileName - Name of the new file
+ * @param oldStr - Original content
+ * @param newStr - New content
+ * @param oldHeader - Optional header for old file
+ * @param newHeader - Optional header for new file
+ * @param options - Configuration options
+ * @returns Structured patch object
+ */
+function structuredPatch(oldFileName, newFileName, oldStr, newStr, oldHeader, newHeader, options);
+```
+
+### formatPatch Function
+
+Formats a structured patch object (or array of patches) into unified diff string format.
+
+```javascript { .api }
+/**
+ * Format structured patch to unified diff string
+ * @param patch - Structured patch object or array of patches
+ * @returns String containing formatted unified diff
+ */
+function formatPatch(patch);
+```
+
+## Options and Types
+
+```javascript { .api }
+interface PatchCreationOptions {
+  context?: number;           // Lines of context around changes (default: 4)
+  ignoreWhitespace?: boolean; // Ignore whitespace in line comparisons
+  stripTrailingCr?: boolean;  // Remove \r characters before \n
+  callback?: (patch: any) => void; // Async callback
+  maxEditLength?: number;     // Limit computation complexity
+  timeout?: number;          // Timeout in milliseconds
+}
+
+interface StructuredPatch {
+  oldFileName: string;
+  newFileName: string;
+  oldHeader?: string;
+  newHeader?: string;
+  hunks: Hunk[];
+}
+
+interface Hunk {
+  oldStart: number;    // Starting line in old file
+  oldLines: number;    // Number of lines in old file
+  newStart: number;    // Starting line in new file  
+  newLines: number;    // Number of lines in new file
+  lines: string[];     // Diff lines with +/- prefixes
+}
+```
+
+## Usage Examples
+
+### Basic Patch Creation
+
+```javascript
+import { createPatch } from "diff";
+
+// Simple file patch
+const patch = createPatch(
+  "hello.txt",
+  "Hello World\nGoodbye World",
+  "Hello Universe\nGoodbye World"
+);
+
+console.log(patch);
+// Output:
+// Index: hello.txt
+// ===================================================================
+// --- hello.txt
+// +++ hello.txt
+// @@ -1,2 +1,2 @@
+// -Hello World
+// +Hello Universe
+//  Goodbye World
+```
+
+### Two Files Comparison
+
+```javascript
+import { createTwoFilesPatch } from "diff";
+
+// Compare different files
+const patch = createTwoFilesPatch(
+  "old-config.json",
+  "new-config.json",
+  '{\n  "version": "1.0",\n  "debug": true\n}',
+  '{\n  "version": "1.1",\n  "debug": false,\n  "feature": "enabled"\n}',
+  "2023-01-01 10:00:00",
+  "2023-01-02 10:00:00"
+);
+
+console.log(patch);
+// Includes file headers and timestamps
+```
+
+### Structured Patch Manipulation
+
+```javascript
+import { structuredPatch, formatPatch } from "diff";
+
+// Create structured patch
+const structured = structuredPatch(
+  "file.txt",
+  "file.txt", 
+  "line1\nline2\nline3",
+  "line1\nmodified\nline3"
+);
+
+console.log("Hunks:", structured.hunks.length);
+console.log("Changes:", structured.hunks[0].lines);
+
+// Convert back to string format
+const formatted = formatPatch(structured);
+console.log("Formatted patch:", formatted);
+```
+
+## Advanced Usage
+
+### Custom Context Size
+
+```javascript
+import { createPatch } from "diff";
+
+// Minimal context
+const minimalPatch = createPatch(
+  "file.txt",
+  oldContent,
+  newContent,
+  null,
+  null,
+  { context: 1 }
+);
+
+// Maximum context (entire file)
+const fullPatch = createPatch(
+  "file.txt", 
+  oldContent,
+  newContent,
+  null,
+  null,
+  { context: Number.MAX_SAFE_INTEGER }
+);
+
+// No context
+const noContextPatch = createPatch(
+  "file.txt",
+  oldContent, 
+  newContent,
+  null,
+  null,
+  { context: 0 }
+);
+```
+
+### Version Control Integration
+
+```javascript
+import { createTwoFilesPatch } from "diff";
+import fs from "fs";
+
+function createCommitPatch(filePath, oldCommit, newCommit) {
+  const oldContent = fs.readFileSync(`${oldCommit}/${filePath}`, 'utf8');
+  const newContent = fs.readFileSync(`${newCommit}/${filePath}`, 'utf8');
+  
+  return createTwoFilesPatch(
+    `a/${filePath}`,
+    `b/${filePath}`,
+    oldContent,
+    newContent,
+    oldCommit,
+    newCommit,
+    { context: 3 }
+  );
+}
+
+// Usage
+const commitDiff = createCommitPatch("src/main.js", "abc123", "def456");
+```
+
+### Multiple File Patches
+
+```javascript
+import { structuredPatch, formatPatch } from "diff";
+
+function createMultiFilePatch(fileChanges) {
+  const patches = fileChanges.map(change => 
+    structuredPatch(
+      change.oldPath,
+      change.newPath,
+      change.oldContent,
+      change.newContent,
+      change.oldHeader,
+      change.newHeader
+    )
+  );
+  
+  return formatPatch(patches);
+}
+
+// Usage
+const multiPatch = createMultiFilePatch([
+  {
+    oldPath: "file1.txt",
+    newPath: "file1.txt",
+    oldContent: "old content 1",
+    newContent: "new content 1"
+  },
+  {
+    oldPath: "file2.txt", 
+    newPath: "file2.txt",
+    oldContent: "old content 2",
+    newContent: "new content 2"
+  }
+]);
+```
+
+### Async Patch Creation
+
+```javascript
+import { createPatch } from "diff";
+
+function createLargePatch(oldContent, newContent, callback) {
+  createPatch(
+    "large-file.txt",
+    oldContent,
+    newContent,
+    null,
+    null,
+    {
+      context: 5,
+      callback: (patch) => {
+        if (patch) {
+          callback(null, patch);
+        } else {
+          callback(new Error("Patch creation timed out or exceeded limits"));
+        }
+      },
+      timeout: 30000,
+      maxEditLength: 20000
+    }
+  );
+}
+
+// Usage
+createLargePatch(largeOldFile, largeNewFile, (error, patch) => {
+  if (error) {
+    console.error("Patch creation failed:", error);
+  } else {
+    console.log("Patch created successfully");
+    fs.writeFileSync("changes.patch", patch);
+  }
+});
+```
+
+### Whitespace Handling
+
+```javascript
+import { createPatch } from "diff";
+
+// Ignore whitespace changes
+const noWhitespacePatch = createPatch(
+  "code.js",
+  "function   hello()   {\n  return   'world';\n}",
+  "function hello() {\n    return 'world';\n}",
+  null,
+  null,
+  { 
+    ignoreWhitespace: true,
+    context: 2
+  }
+);
+
+// Cross-platform line endings
+const crossPlatformPatch = createPatch(
+  "text.txt",
+  "line1\r\nline2\r\n",  // Windows
+  "line1\nline2\n",      // Unix
+  null,
+  null,
+  { stripTrailingCr: true }
+);
+```
+
+### Build System Integration
+
+```javascript
+import { createTwoFilesPatch } from "diff";
+import { execSync } from "child_process";
+
+function generateBuildDiff(sourceFile) {
+  const originalContent = fs.readFileSync(sourceFile, 'utf8');
+  
+  // Run build process
+  execSync('npm run build');
+  
+  const builtContent = fs.readFileSync(`dist/${path.basename(sourceFile)}`, 'utf8');
+  
+  return createTwoFilesPatch(
+    sourceFile,
+    `dist/${path.basename(sourceFile)}`,
+    originalContent,
+    builtContent,
+    "source",
+    "built",
+    { context: 1 }
+  );
+}
+```
+
+### Patch Analysis
+
+```javascript
+import { structuredPatch } from "diff";
+
+function analyzePatch(oldContent, newContent) {
+  const patch = structuredPatch("file", "file", oldContent, newContent);
+  
+  const analysis = {
+    hunks: patch.hunks.length,
+    linesAdded: 0,
+    linesRemoved: 0,
+    linesContext: 0,
+    changeBlocks: []
+  };
+  
+  patch.hunks.forEach((hunk, hunkIndex) => {
+    const blockAnalysis = {
+      hunkIndex,
+      oldStart: hunk.oldStart,
+      newStart: hunk.newStart,
+      changes: []
+    };
+    
+    hunk.lines.forEach(line => {
+      if (line.startsWith('+')) {
+        analysis.linesAdded++;
+        blockAnalysis.changes.push({ type: 'add', content: line.slice(1) });
+      } else if (line.startsWith('-')) {
+        analysis.linesRemoved++;
+        blockAnalysis.changes.push({ type: 'remove', content: line.slice(1) });
+      } else if (line.startsWith(' ')) {
+        analysis.linesContext++;
+      }
+    });
+    
+    analysis.changeBlocks.push(blockAnalysis);
+  });
+  
+  return analysis;
+}
+
+// Usage
+const patchAnalysis = analyzePatch(oldCode, newCode);
+console.log(`Changes: +${patchAnalysis.linesAdded} -${patchAnalysis.linesRemoved}`);
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-diff/docs/patch-utilities.md b/.tessl/tiles/tessl/npm-diff/docs/patch-utilities.md
new file mode 100644
index 000000000..94d6870c8
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-diff/docs/patch-utilities.md
@@ -0,0 +1,454 @@
+# Patch Utilities
+
+Parse, manipulate, and convert diff patches between different formats. Essential utilities for working with patch files, merging changes, and transforming patch data structures.
+
+## Capabilities
+
+### parsePatch Function
+
+Parses a unified diff string into structured patch objects for programmatic manipulation.
+
+```javascript { .api }
+/**
+ * Parse unified diff string into structured patch objects
+ * @param diffStr - Unified diff string content
+ * @returns Array of structured patch objects
+ */
+function parsePatch(diffStr);
+```
+
+### reversePatch Function
+
+Reverses a patch by swapping old and new file information and inverting add/remove operations.
+
+```javascript { .api }
+/**
+ * Reverse a patch (swap old/new and invert operations)
+ * @param patch - Structured patch object or array of patches
+ * @returns Reversed patch with swapped file references and inverted operations
+ */
+function reversePatch(patch);
+```
+
+### merge Function
+
+Merges two patches that modify the same base content, handling conflicts and overlapping changes.
+
+```javascript { .api }
+/**
+ * Merge two patches with conflict detection
+ * @param mine - First patch (my changes)
+ * @param theirs - Second patch (their changes)  
+ * @param base - Base content that both patches modify (optional)
+ * @returns Merged patch with conflict markers where applicable
+ */
+function merge(mine, theirs, base);
+```
+
+## Usage Examples
+
+### Parse and Analyze Patches
+
+```javascript
+import { parsePatch } from "diff";
+
+// Parse a patch file
+const patchContent = `--- file1.txt
++++ file1.txt
+@@ -1,3 +1,3 @@
+ line 1
+-line 2
++modified line 2
+ line 3
+
+--- file2.txt
++++ file2.txt
+@@ -1,2 +1,3 @@
+ existing line
++new line
+ another line`;
+
+const patches = parsePatch(patchContent);
+console.log(`Found ${patches.length} file patches`);
+
+patches.forEach((patch, index) => {
+  console.log(`\nPatch ${index + 1}:`);
+  console.log(`  File: ${patch.oldFileName} -> ${patch.newFileName}`);
+  console.log(`  Hunks: ${patch.hunks.length}`);
+  
+  patch.hunks.forEach((hunk, hunkIndex) => {
+    console.log(`  Hunk ${hunkIndex + 1}: lines ${hunk.oldStart}-${hunk.oldStart + hunk.oldLines - 1}`);
+    console.log(`    Changes: ${hunk.lines.filter(l => l.startsWith('+') || l.startsWith('-')).length}`);
+  });
+});
+```
+
+### Reverse Patches
+
+```javascript
+import { reversePatch, parsePatch, formatPatch } from "diff";
+
+// Create a reverse patch to undo changes
+const originalPatch = parsePatch(patchString)[0];
+const undoPatch = reversePatch(originalPatch);
+
+console.log("Original patch changes file from A to B");
+console.log("Reverse patch changes file from B to A");
+
+// Format back to string
+const undoPatchString = formatPatch(undoPatch);
+console.log("Undo patch:\n", undoPatchString);
+
+// Reverse multiple patches
+const multiplePatches = parsePatch(multiFilePatchString);
+const reversedPatches = reversePatch(multiplePatches);
+```
+
+### Merge Patches
+
+```javascript
+import { merge, parsePatch } from "diff";
+
+// Two developers made different changes to the same file
+const myPatch = `--- config.json
++++ config.json
+@@ -1,4 +1,4 @@
+ {
+   "version": "1.0",
+-  "debug": false,
++  "debug": true,
+   "features": []
+ }`;
+
+const theirPatch = `--- config.json
++++ config.json
+@@ -1,4 +1,5 @@
+ {
+   "version": "1.0",
+   "debug": false,
++  "newFeature": "enabled",
+   "features": []
+ }`;
+
+const myParsed = parsePatch(myPatch)[0];
+const theirParsed = parsePatch(theirPatch)[0];
+
+// Merge the patches
+const merged = merge(myParsed, theirParsed);
+
+if (merged.conflict) {
+  console.log("Merge has conflicts that need manual resolution");
+} else {
+  console.log("Patches merged successfully");
+}
+
+console.log("Merged hunks:", merged.hunks.length);
+```
+
+## Advanced Usage
+
+### Patch Analysis and Statistics
+
+```javascript
+import { parsePatch } from "diff";
+
+function analyzePatchFile(patchContent) {
+  const patches = parsePatch(patchContent);
+  
+  const analysis = {
+    files: patches.length,
+    totalHunks: 0,
+    linesAdded: 0,
+    linesRemoved: 0,
+    linesContext: 0,
+    fileTypes: {},
+    largestHunk: 0,
+    conflictingFiles: []
+  };
+  
+  patches.forEach(patch => {
+    analysis.totalHunks += patch.hunks.length;
+    
+    // Analyze file type
+    const extension = patch.oldFileName.split('.').pop() || 'no-extension';
+    analysis.fileTypes[extension] = (analysis.fileTypes[extension] || 0) + 1;
+    
+    patch.hunks.forEach(hunk => {
+      const hunkSize = hunk.lines.length;
+      analysis.largestHunk = Math.max(analysis.largestHunk, hunkSize);
+      
+      hunk.lines.forEach(line => {
+        if (line.startsWith('+')) {
+          analysis.linesAdded++;
+        } else if (line.startsWith('-')) {
+          analysis.linesRemoved++;
+        } else if (line.startsWith(' ')) {
+          analysis.linesContext++;
+        }
+      });
+    });
+    
+    // Check for potential conflicts (placeholder logic)
+    if (patch.hunks.some(h => h.lines.length > 50)) {
+      analysis.conflictingFiles.push(patch.oldFileName);
+    }
+  });
+  
+  return analysis;
+}
+
+// Usage
+const patchAnalysis = analyzePatchFile(largePatchString);
+console.log(`Patch affects ${patchAnalysis.files} files`);
+console.log(`Changes: +${patchAnalysis.linesAdded} -${patchAnalysis.linesRemoved}`);
+console.log(`File types:`, patchAnalysis.fileTypes);
+```
+
+### Patch Transformation
+
+```javascript
+import { parsePatch, formatPatch } from "diff";
+
+function transformPatch(patchContent, transformer) {
+  const patches = parsePatch(patchContent);
+  
+  const transformed = patches.map(patch => ({
+    ...patch,
+    oldFileName: transformer.transformPath(patch.oldFileName),
+    newFileName: transformer.transformPath(patch.newFileName),
+    hunks: patch.hunks.map(hunk => ({
+      ...hunk,
+      lines: hunk.lines.map(line => transformer.transformLine(line))
+    }))
+  }));
+  
+  return formatPatch(transformed);
+}
+
+// Example transformer: update import paths
+const pathUpdateTransformer = {
+  transformPath: (path) => path.replace(/^src\//, 'lib/'),
+  transformLine: (line) => {
+    if (line.startsWith('+') || line.startsWith('-')) {
+      const prefix = line[0];
+      const content = line.slice(1);
+      const updated = content.replace(/import.*from ['"]\.\.\/src\//g, 
+        match => match.replace('../src/', '../lib/'));
+      return prefix + updated;
+    }
+    return line;
+  }
+};
+
+const updatedPatch = transformPatch(originalPatch, pathUpdateTransformer);
+```
+
+### Conflict Resolution
+
+```javascript
+import { merge, parsePatch } from "diff";
+
+function resolveConflicts(mergedPatch, resolutionStrategy) {
+  if (!mergedPatch.conflict) {
+    return mergedPatch;
+  }
+  
+  const resolved = { ...mergedPatch };
+  
+  resolved.hunks = mergedPatch.hunks.map(hunk => {
+    if (!hunk.conflict) {
+      return hunk;
+    }
+    
+    const resolvedLines = [];
+    
+    hunk.lines.forEach(line => {
+      if (line.conflict) {
+        // Apply resolution strategy
+        switch (resolutionStrategy) {
+          case 'mine':
+            resolvedLines.push(...line.mine);
+            break;
+          case 'theirs':
+            resolvedLines.push(...line.theirs);
+            break;
+          case 'both':
+            resolvedLines.push(...line.mine);
+            resolvedLines.push(...line.theirs);
+            break;
+          case 'markers':
+            resolvedLines.push('<<<<<<< mine');
+            resolvedLines.push(...line.mine);
+            resolvedLines.push('=======');
+            resolvedLines.push(...line.theirs);
+            resolvedLines.push('>>>>>>> theirs');
+            break;
+        }
+      } else {
+        resolvedLines.push(line);
+      }
+    });
+    
+    return {
+      ...hunk,
+      lines: resolvedLines,
+      conflict: false
+    };
+  });
+  
+  resolved.conflict = false;
+  return resolved;
+}
+
+// Usage
+const conflictedMerge = merge(patch1, patch2);
+if (conflictedMerge.conflict) {
+  const resolvedWithMarkers = resolveConflicts(conflictedMerge, 'markers');
+  const resolvedMine = resolveConflicts(conflictedMerge, 'mine');
+  const resolvedTheirs = resolveConflicts(conflictedMerge, 'theirs');
+}
+```
+
+### Patch Validation
+
+```javascript
+import { parsePatch } from "diff";
+
+function validatePatch(patchContent) {
+  const validation = {
+    isValid: true,
+    errors: [],
+    warnings: [],
+    patches: []
+  };
+  
+  try {
+    const patches = parsePatch(patchContent);
+    validation.patches = patches;
+    
+    patches.forEach((patch, patchIndex) => {
+      // Check for missing file names
+      if (!patch.oldFileName || !patch.newFileName) {
+        validation.errors.push(`Patch ${patchIndex}: Missing file names`);
+        validation.isValid = false;
+      }
+      
+      // Validate hunks
+      patch.hunks.forEach((hunk, hunkIndex) => {
+        // Check hunk integrity
+        const addLines = hunk.lines.filter(l => l.startsWith('+')).length;
+        const removeLines = hunk.lines.filter(l => l.startsWith('-')).length;
+        const contextLines = hunk.lines.filter(l => l.startsWith(' ')).length;
+        
+        const expectedOldLines = removeLines + contextLines;
+        const expectedNewLines = addLines + contextLines;
+        
+        if (hunk.oldLines !== expectedOldLines) {
+          validation.warnings.push(
+            `Patch ${patchIndex}, hunk ${hunkIndex}: Old line count mismatch`
+          );
+        }
+        
+        if (hunk.newLines !== expectedNewLines) {
+          validation.warnings.push(
+            `Patch ${patchIndex}, hunk ${hunkIndex}: New line count mismatch`
+          );
+        }
+        
+        // Check for overlapping hunks
+        if (hunkIndex > 0) {
+          const prevHunk = patch.hunks[hunkIndex - 1];
+          if (hunk.oldStart <= prevHunk.oldStart + prevHunk.oldLines) {
+            validation.errors.push(
+              `Patch ${patchIndex}: Overlapping hunks ${hunkIndex - 1} and ${hunkIndex}`
+            );
+            validation.isValid = false;
+          }
+        }
+      });
+    });
+    
+  } catch (error) {
+    validation.isValid = false;
+    validation.errors.push(`Parse error: ${error.message}`);
+  }
+  
+  return validation;
+}
+
+// Usage
+const validation = validatePatch(suspiciousPatchContent);
+if (!validation.isValid) {
+  console.error("Invalid patch:", validation.errors);
+} else if (validation.warnings.length > 0) {
+  console.warn("Patch warnings:", validation.warnings);
+} else {
+  console.log("Patch is valid");
+}
+```
+
+### Patch Conversion and Export
+
+```javascript
+import { parsePatch, formatPatch } from "diff";
+
+function convertPatchFormat(patchContent, targetFormat) {
+  const patches = parsePatch(patchContent);
+  
+  switch (targetFormat) {
+    case 'git':
+      return formatPatch(patches.map(patch => ({
+        ...patch,
+        oldFileName: `a/${patch.oldFileName}`,
+        newFileName: `b/${patch.newFileName}`
+      })));
+      
+    case 'svn':
+      // SVN-style format conversion
+      return patches.map(patch => {
+        const lines = [`Index: ${patch.oldFileName}`, '==================================================================='];
+        lines.push(...formatPatch(patch).split('\n').slice(2)); // Skip standard headers
+        return lines.join('\n');
+      }).join('\n\n');
+      
+    case 'context':
+      // Convert to context diff format (simplified)
+      return patches.map(patch => 
+        `*** ${patch.oldFileName}\n--- ${patch.newFileName}\n${formatContextDiff(patch)}`
+      ).join('\n\n');
+      
+    default:
+      return formatPatch(patches);
+  }
+}
+
+function formatContextDiff(patch) {
+  // Simplified context diff format
+  return patch.hunks.map(hunk => {
+    const contextLines = [`***************`];
+    contextLines.push(`*** ${hunk.oldStart},${hunk.oldStart + hunk.oldLines - 1} ****`);
+    
+    // Add old lines
+    hunk.lines.forEach(line => {
+      if (line.startsWith('-') || line.startsWith(' ')) {
+        contextLines.push(line.startsWith('-') ? `- ${line.slice(1)}` : `  ${line.slice(1)}`);
+      }
+    });
+    
+    contextLines.push(`--- ${hunk.newStart},${hunk.newStart + hunk.newLines - 1} ----`);
+    
+    // Add new lines
+    hunk.lines.forEach(line => {
+      if (line.startsWith('+') || line.startsWith(' ')) {
+        contextLines.push(line.startsWith('+') ? `+ ${line.slice(1)}` : `  ${line.slice(1)}`);
+      }
+    });
+    
+    return contextLines.join('\n');
+  }).join('\n');
+}
+
+// Usage
+const gitPatch = convertPatchFormat(standardPatch, 'git');
+const svnPatch = convertPatchFormat(standardPatch, 'svn');
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-diff/docs/sentence-diffing.md b/.tessl/tiles/tessl/npm-diff/docs/sentence-diffing.md
new file mode 100644
index 000000000..63d4fb497
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-diff/docs/sentence-diffing.md
@@ -0,0 +1,227 @@
+# Sentence Diffing
+
+Sentence-level text comparison for natural language processing applications. Automatically detects sentence boundaries based on punctuation marks followed by whitespace.
+
+## Capabilities
+
+### diffSentences Function
+
+Performs sentence-level diff between two strings, treating each sentence as a token.
+
+```javascript { .api }
+/**
+ * Compare two strings at the sentence level
+ * @param oldStr - Original text with sentences
+ * @param newStr - New text to compare against
+ * @param options - Configuration options
+ * @returns Array of change objects representing the diff
+ */
+function diffSentences(oldStr, newStr, options);
+```
+
+**Usage Examples:**
+
+```javascript
+import { diffSentences } from "diff";
+
+// Basic sentence diff
+const result = diffSentences(
+  "Hello world. This is a test. Good bye.",
+  "Hello world. This is modified. Good bye."
+);
+console.log(result);
+// [
+//   { value: "Hello world. ", count: 1 },
+//   { value: "This is a test. ", removed: true, count: 1 },
+//   { value: "This is modified. ", added: true, count: 1 },
+//   { value: "Good bye.", count: 1 }
+// ]
+
+// Multiple sentence changes
+const multiResult = diffSentences(
+  "First sentence. Second sentence. Third sentence.",
+  "First sentence. New second sentence. Third sentence. Added sentence!"
+);
+```
+
+### sentenceDiff Instance
+
+Pre-configured Diff instance for sentence-level comparisons with sentence-aware tokenization.
+
+```javascript { .api }
+/**
+ * Pre-configured sentence diff instance
+ * Uses regex-based sentence boundary detection
+ */
+const sentenceDiff: Diff;
+```
+
+## Advanced Usage
+
+### Sentence Boundary Detection
+
+The sentence diff uses the following rules for sentence detection:
+- Sentences end with `.`, `!`, or `?`
+- Must be followed by whitespace or end of string
+- Simple regex pattern: `/(\S.+?[.!?])(?=\s+|$)/`
+
+```javascript
+import { diffSentences } from "diff";
+
+// Various punctuation marks
+const punctuation = diffSentences(
+  "Statement. Question? Exclamation!",
+  "New statement. Question? Different exclamation!"
+);
+
+// Sentences with complex punctuation
+const complex = diffSentences(
+  "Dr. Smith said hello. Then he left.",
+  "Dr. Smith said goodbye. Then he left."
+);
+// Note: "Dr." is not treated as sentence end due to no following whitespace
+```
+
+### Natural Language Processing
+
+```javascript
+import { diffSentences } from "diff";
+
+function analyzeParagraphChanges(oldParagraph, newParagraph) {
+  const changes = diffSentences(oldParagraph, newParagraph);
+  
+  const stats = {
+    unchanged: 0,
+    added: 0,
+    removed: 0,
+    modified: 0
+  };
+  
+  changes.forEach(change => {
+    if (change.added) stats.added++;
+    else if (change.removed) stats.removed++;
+    else stats.unchanged++;
+  });
+  
+  // Estimate modifications (adjacent add/remove pairs)
+  for (let i = 0; i < changes.length - 1; i++) {
+    if (changes[i].removed && changes[i + 1].added) {
+      stats.modified++;
+      stats.added--;
+      stats.removed--;
+    }
+  }
+  
+  return stats;
+}
+
+const oldText = "The cat sat on the mat. It was comfortable. The end.";
+const newText = "The dog sat on the rug. It was very comfortable. The end.";
+const analysis = analyzeParagraphChanges(oldText, newText);
+```
+
+### Document Comparison
+
+```javascript
+import { diffSentences } from "diff";
+
+function compareDocuments(doc1, doc2) {
+  const sentences = diffSentences(doc1, doc2);
+  
+  return sentences.map((change, index) => ({
+    sentenceNumber: index + 1,
+    content: change.value.trim(),
+    status: change.added ? 'added' : 
+            change.removed ? 'removed' : 'unchanged',
+    wordCount: change.value.trim().split(/\s+/).length
+  }));
+}
+
+// Usage for document analysis
+const original = "First sentence. Second sentence. Third sentence.";
+const revised = "First sentence. Modified second sentence. Third sentence. New sentence.";
+const comparison = compareDocuments(original, revised);
+```
+
+### Async Processing for Large Texts
+
+```javascript
+import { diffSentences } from "diff";
+
+function diffLongDocument(oldDoc, newDoc, callback) {
+  diffSentences(oldDoc, newDoc, {
+    callback: callback,
+    maxEditLength: 1000,  // Limit for very long documents
+    timeout: 15000        // 15 second timeout
+  });
+}
+
+// Usage
+diffLongDocument(longDocument1, longDocument2, (result) => {
+  if (result) {
+    const sentenceCount = result.length;
+    const changes = result.filter(r => r.added || r.removed).length;
+    console.log(`Compared ${sentenceCount} sentences, ${changes} changes found`);
+  } else {
+    console.log("Document too complex to diff efficiently");
+  }
+});
+```
+
+### Direct Instance Usage
+
+```javascript
+import { sentenceDiff } from "diff";
+
+// Using the pre-configured instance directly
+const directResult = sentenceDiff.diff(
+  "Old sentence. Another old sentence.",
+  "New sentence. Another old sentence."
+);
+
+// Access tokenization
+const sentences = sentenceDiff.tokenize("First. Second! Third?");
+console.log("Detected sentences:", sentences);
+// ["First. ", "Second! ", "Third?"]
+```
+
+## Limitations and Considerations
+
+### Sentence Detection Limitations
+
+```javascript
+// The sentence detector has limitations with:
+
+// Abbreviations
+const abbrev = "Dr. Smith works at U.S.A. Corp.";  
+// May not handle all abbreviations correctly
+
+// Decimal numbers
+const numbers = "The price is $12.99. That's expensive.";
+// Should work correctly as no whitespace after decimal
+
+// Ellipses  
+const ellipses = "Well... I think so.";
+// Ellipses are not treated as sentence boundaries
+```
+
+### Alternative for Complex Text
+
+```javascript
+import { diffArrays } from "diff";
+
+// For more sophisticated sentence detection, use Intl.Segmenter
+function advancedSentenceDiff(oldText, newText) {
+  if (typeof Intl !== 'undefined' && Intl.Segmenter) {
+    const segmenter = new Intl.Segmenter('en', { granularity: 'sentence' });
+    
+    const oldSentences = Array.from(segmenter.segment(oldText), s => s.segment);
+    const newSentences = Array.from(segmenter.segment(newText), s => s.segment);
+    
+    return diffArrays(oldSentences, newSentences);
+  } else {
+    // Fallback to built-in sentence diff
+    return diffSentences(oldText, newText);
+  }
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-diff/docs/word-diffing.md b/.tessl/tiles/tessl/npm-diff/docs/word-diffing.md
new file mode 100644
index 000000000..4e6a69580
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-diff/docs/word-diffing.md
@@ -0,0 +1,189 @@
+# Word Diffing
+
+Word-level text comparison with intelligent whitespace handling and international text support. Provides two variants: standard word diffing with whitespace normalization, and word diffing that preserves all whitespace and newlines.
+
+## Capabilities
+
+### diffWords Function
+
+Performs word-level diff with whitespace ignored in comparisons but preserved in output.
+
+```javascript { .api }
+/**
+ * Compare two strings at the word level with whitespace normalization
+ * @param oldStr - Original string
+ * @param newStr - New string to compare against  
+ * @param options - Configuration options
+ * @returns Array of change objects representing the diff
+ */
+function diffWords(oldStr, newStr, options);
+```
+
+**Options:**
+
+```javascript { .api }
+interface WordDiffOptions extends DiffOptions {
+  ignoreCase?: boolean;     // Treat uppercase and lowercase as equal
+  intlSegmenter?: Intl.Segmenter;  // Custom word segmentation for international text
+}
+```
+
+**Usage Examples:**
+
+```javascript
+import { diffWords } from "diff";
+
+// Basic word diff
+const result = diffWords("hello world", "hello universe");
+console.log(result);
+// [
+//   { value: "hello ", count: 1 },
+//   { value: "world", removed: true, count: 1 },
+//   { value: "universe", added: true, count: 1 }
+// ]
+
+// Case-insensitive comparison
+const caseResult = diffWords("Hello World", "hello WORLD", { ignoreCase: true });
+// Treats different cases as equal
+
+// International text with Intl.Segmenter
+const segmenter = new Intl.Segmenter('zh', { granularity: 'word' });
+const chineseResult = diffWords("你好世界", "你好宇宙", { intlSegmenter: segmenter });
+```
+
+### diffWordsWithSpace Function
+
+Performs word-level diff preserving all whitespace and newlines as separate tokens.
+
+```javascript { .api }
+/**
+ * Compare two strings at the word level preserving whitespace and newlines
+ * @param oldStr - Original string
+ * @param newStr - New string to compare against
+ * @param options - Configuration options  
+ * @returns Array of change objects representing the diff
+ */
+function diffWordsWithSpace(oldStr, newStr, options);
+```
+
+**Usage Examples:**
+
+```javascript
+import { diffWordsWithSpace } from "diff";
+
+// Preserves exact whitespace
+const result = diffWordsWithSpace("hello  world\n", "hello   world\n");
+// Will show whitespace differences
+
+// Newlines as separate tokens
+const newlineResult = diffWordsWithSpace("line1\nline2", "line1\n\nline2");
+// Shows the added newline as a separate change
+```
+
+### wordDiff Instance
+
+Pre-configured Diff instance for word-level comparisons with custom tokenization.
+
+```javascript { .api }
+/**
+ * Pre-configured word diff instance with custom tokenization and equality
+ * Includes intelligent whitespace handling and token joining
+ */
+const wordDiff: Diff;
+```
+
+### wordWithSpaceDiff Instance  
+
+Pre-configured Diff instance for word-level comparisons that preserves whitespace.
+
+```javascript { .api }
+/**
+ * Pre-configured word diff instance that treats newlines as separate tokens
+ * Preserves all whitespace in the comparison
+ */
+const wordWithSpaceDiff: Diff;
+```
+
+## Advanced Usage
+
+### International Text Support
+
+```javascript
+import { diffWords } from "diff";
+
+// Swedish text with language-specific rules
+const swedishSegmenter = new Intl.Segmenter('sv', { granularity: 'word' });
+const result = diffWords("k:a hus", "kyrka hus", { 
+  intlSegmenter: swedishSegmenter 
+});
+
+// Chinese text segmentation
+const chineseSegmenter = new Intl.Segmenter('zh', { granularity: 'word' });
+const chineseResult = diffWords("北京大学", "清华大学", { 
+  intlSegmenter: chineseSegmenter 
+});
+```
+
+### Whitespace Handling Comparison
+
+```javascript
+import { diffWords, diffWordsWithSpace } from "diff";
+
+const oldText = "hello  world";
+const newText = "hello   world";  // Extra space
+
+// Standard word diff (whitespace normalized)
+const normalized = diffWords(oldText, newText);
+// May show no differences due to whitespace normalization
+
+// Preserving whitespace
+const preserved = diffWordsWithSpace(oldText, newText);  
+// Will show the whitespace difference
+```
+
+### Custom Word Boundaries
+
+```javascript
+import { wordDiff } from "diff";
+
+// Using the base wordDiff instance directly
+const customResult = wordDiff.diff("custom-word_text", "custom word text");
+
+// Async with custom instance
+wordDiff.diff(longText1, longText2, (result) => {
+  console.log("Custom word diff completed:", result);
+});
+```
+
+### Performance Optimization
+
+```javascript
+import { diffWords } from "diff";
+
+// For very large texts
+const result = diffWords(largeText1, largeText2, {
+  maxEditLength: 10000,  // Limit edit distance calculation
+  timeout: 10000,        // 10 second timeout
+  callback: (result) => {
+    if (result) {
+      console.log("Word diff completed within limits");
+    } else {
+      console.log("Word diff exceeded computation limits");
+    }
+  }
+});
+```
+
+## Error Handling
+
+```javascript
+import { diffWords } from "diff";
+
+// Handle invalid Intl.Segmenter
+try {
+  const invalidSegmenter = new Intl.Segmenter('en', { granularity: 'sentence' });
+  diffWords("text", "text", { intlSegmenter: invalidSegmenter });
+} catch (error) {
+  console.error("Segmenter must have granularity of 'word':", error.message);
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-diff/tile.json b/.tessl/tiles/tessl/npm-diff/tile.json
new file mode 100644
index 000000000..cc736d445
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-diff/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-diff",
+  "version": "7.0.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/diff@7.0.0",
+  "summary": "A JavaScript text diff implementation based on the Myers algorithm for comparing text at different granularities."
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-eslint-config-prettier/docs/index.md b/.tessl/tiles/tessl/npm-eslint-config-prettier/docs/index.md
new file mode 100644
index 000000000..f490318e5
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-eslint-config-prettier/docs/index.md
@@ -0,0 +1,460 @@
+# ESLint Config Prettier
+
+ESLint Config Prettier is an ESLint configuration package that disables all formatting rules that might conflict with Prettier, enabling seamless integration between ESLint and Prettier in JavaScript/TypeScript projects. It supports both legacy eslintrc configuration files and the new flat config format, automatically handles various ESLint plugins, and includes a CLI helper tool to identify configuration conflicts.
+
+## Package Information
+
+- **Package Name**: eslint-config-prettier
+- **Package Type**: npm
+- **Language**: JavaScript
+- **Installation**: `npm install --save-dev eslint-config-prettier`
+
+## Core Imports
+
+ESLint configuration (eslintrc):
+
+```json
+{
+  "extends": ["prettier"]
+}
+```
+
+Flat config (ESLint 9+):
+
+```javascript
+import eslintConfigPrettier from "eslint-config-prettier/flat";
+
+export default [
+  // other configs...
+  eslintConfigPrettier,
+];
+```
+
+CommonJS flat config:
+
+```javascript
+const eslintConfigPrettier = require("eslint-config-prettier/flat");
+
+module.exports = [
+  // other configs...
+  eslintConfigPrettier,
+];
+```
+
+Programmatic access to utilities:
+
+```javascript
+// Main configuration object
+const eslintConfigPrettier = require("eslint-config-prettier");
+
+// Prettier-specific rules
+const prettierRules = require("eslint-config-prettier/prettier");
+
+// CLI helper functions
+const { processRules } = require("eslint-config-prettier/bin/cli");
+
+// Rule validators
+const validators = require("eslint-config-prettier/bin/validators");
+```
+
+## Basic Usage
+
+### Legacy ESLint Configuration
+
+Add to your `.eslintrc.json`:
+
+```json
+{
+  "extends": [
+    "some-other-config-you-use",
+    "prettier"
+  ]
+}
+```
+
+### Flat Config (ESLint 9+)
+
+Add to your `eslint.config.js`:
+
+```javascript
+import someConfig from "some-other-config-you-use";
+import eslintConfigPrettier from "eslint-config-prettier/flat";
+
+export default [
+  someConfig,
+  eslintConfigPrettier,
+];
+```
+
+### CLI Conflict Detection
+
+Check for conflicting rules:
+
+```bash
+npx eslint-config-prettier path/to/main.js
+```
+
+## Capabilities
+
+### Main Configuration
+
+The primary ESLint configuration that disables all formatting rules conflicting with Prettier.
+
+```javascript { .api }
+/**
+ * Main ESLint configuration object with disabled formatting rules
+ * Contains hundreds of rules set to either "off" or 0 (special rules)
+ */
+const eslintConfigPrettier: {
+  rules: Record<string, 0 | "off">;
+};
+
+module.exports = eslintConfigPrettier;
+```
+
+The main configuration includes:
+- **Regular rules**: Set to `"off"` - rules that directly conflict with Prettier
+- **Special rules**: Set to `0` - rules that can be used with specific options (see Special Rules section)
+- **Plugin rules**: Rules from various ESLint plugins that conflict with Prettier formatting
+
+**Usage in eslintrc:**
+
+```json
+{
+  "extends": ["prettier"]
+}
+```
+
+**Programmatic usage:**
+
+```javascript
+const eslintConfigPrettier = require("eslint-config-prettier");
+console.log(Object.keys(eslintConfigPrettier.rules).length);
+// 300+ rules (depending on ESLINT_CONFIG_PRETTIER_NO_DEPRECATED setting)
+```
+
+### Flat Config
+
+ESLint flat config version with name property for better tooling integration.
+
+```javascript { .api }
+/**
+ * Flat config version with name property
+ */
+const eslintConfigPrettierFlat: {
+  name: "config-prettier";
+  rules: Record<string, 0 | "off">;
+};
+
+export = eslintConfigPrettierFlat;
+```
+
+**Usage:**
+
+```javascript
+import eslintConfigPrettier from "eslint-config-prettier/flat";
+
+export default [
+  eslintConfigPrettier,
+];
+```
+
+### Prettier-Specific Rules
+
+Additional rules that can cause issues when using eslint-plugin-prettier.
+
+```javascript { .api }
+/**
+ * Rules that may conflict with eslint-plugin-prettier
+ * These are safe to use as long as the "prettier/prettier" rule from
+ * eslint-plugin-prettier isn't enabled
+ */
+const prettierRules: {
+  rules: {
+    "arrow-body-style": 0;
+    "prefer-arrow-callback": 0;
+  };
+};
+
+module.exports = prettierRules;
+```
+
+The prettier rules configuration disables:
+- `arrow-body-style`: Controls arrow function body style (set to 0 as special rule)
+- `prefer-arrow-callback`: Prefers arrow functions as callbacks (set to 0 as special rule)
+
+These rules use `0` instead of `"off"` to indicate they are special rules that _can_ be used safely in specific situations.
+
+**Usage:**
+
+```javascript
+const prettierRules = require("eslint-config-prettier/prettier");
+console.log(prettierRules.rules);
+// { "arrow-body-style": 0, "prefer-arrow-callback": 0 }
+```
+
+### CLI Helper Tool
+
+Command-line tool for detecting ESLint rules that conflict with Prettier.
+
+```javascript { .api }
+/**
+ * Process ESLint rules and detect conflicts with Prettier
+ * @param configRules - Array of [ruleName, value, source] tuples from ESLint config
+ * @returns Object with stdout, stderr messages and exit code
+ */
+function processRules(configRules: Array<[string, any, string]>): {
+  stdout?: string;
+  stderr?: string;
+  code: 0 | 1 | 2;
+};
+```
+
+**Programmatic Usage:**
+
+```javascript
+const { processRules } = require("eslint-config-prettier/bin/cli");
+
+// Example rule configuration
+const configRules = [
+  ["indent", ["error", 2], "src/config.js"],
+  ["quotes", ["error", "single"], "src/config.js"]
+];
+
+const result = processRules(configRules);
+console.log(result);
+// { stdout: "...", code: 2 }
+```
+
+**Command Usage:**
+
+```bash
+# Check single file
+npx eslint-config-prettier index.js
+
+# Check multiple files
+npx eslint-config-prettier index.js test/index.js src/app.js
+
+# With environment variables
+ESLINT_USE_FLAT_CONFIG=true npx eslint-config-prettier index.js
+ESLINT_CONFIG_PRETTIER_NO_DEPRECATED=true npx eslint-config-prettier index.js
+```
+
+**Exit Codes:**
+- `0`: No problems found
+- `1`: General error
+- `2`: Conflicting rules found
+
+### Rule Validators
+
+Validation functions for special rules that require specific configuration options.
+
+```javascript { .api }
+/**
+ * Validator functions for special ESLint rules
+ * Module export from eslint-config-prettier/bin/validators
+ */
+const validators: {
+  /**
+   * Validates curly brace rule options
+   * @param config - Object containing options array from ESLint rule config
+   * @returns true if config is compatible with Prettier
+   */
+  curly(config: { options: any[] }): boolean;
+  
+  /**
+   * Validates lines-around-comment rule options
+   * @param config - Object containing options array from ESLint rule config
+   * @returns true if config is compatible with Prettier
+   */
+  "lines-around-comment"(config: { options: any[] }): boolean;
+  
+  /**
+   * Validates no-confusing-arrow rule options
+   * @param config - Object containing options array from ESLint rule config
+   * @returns true if config is compatible with Prettier
+   */
+  "no-confusing-arrow"(config: { options: any[] }): boolean;
+  
+  /**
+   * Validates no-tabs rule options
+   * @param config - Object containing options array from ESLint rule config
+   * @returns true if config is compatible with Prettier
+   */
+  "no-tabs"(config: { options: any[] }): boolean;
+  
+  /**
+   * Validates unicorn/template-indent rule options
+   * @param config - Object containing options array from ESLint rule config
+   * @returns true if config is compatible with Prettier
+   */
+  "unicorn/template-indent"(config: { options: any[] }): boolean;
+  
+  /**
+   * Validates vue/html-self-closing rule options
+   * @param config - Object containing options array from ESLint rule config
+   * @returns true if config is compatible with Prettier
+   */
+  "vue/html-self-closing"(config: { options: any[] }): boolean;
+};
+
+module.exports = validators;
+```
+
+**Programmatic Usage:**
+
+```javascript
+const validators = require("eslint-config-prettier/bin/validators");
+
+// Validate a curly rule configuration
+const curlyConfig = { options: ["all"] };
+const isCompatible = validators.curly(curlyConfig);
+console.log(isCompatible); // true
+
+// Validate lines-around-comment rule
+const commentConfig = { 
+  options: [{ 
+    allowBlockStart: true, 
+    allowBlockEnd: true,
+    allowObjectStart: true,
+    allowObjectEnd: true,
+    allowArrayStart: true,
+    allowArrayEnd: true
+  }] 
+};
+const isCommentCompatible = validators["lines-around-comment"](commentConfig);
+console.log(isCommentCompatible); // true
+```
+
+## Supported Plugins
+
+ESLint Config Prettier automatically handles formatting rules from these plugins:
+
+- **@babel/eslint-plugin**: Babel-specific ESLint rules
+- **@stylistic/eslint-plugin**: Stylistic formatting rules (new ESLint stylistic plugin)
+- **@typescript-eslint/eslint-plugin**: TypeScript-specific ESLint rules
+- **eslint-plugin-babel**: Legacy Babel ESLint plugin
+- **eslint-plugin-flowtype**: Flow type checking rules
+- **eslint-plugin-react**: React-specific ESLint rules
+- **eslint-plugin-standard**: JavaScript Standard Style rules
+- **eslint-plugin-unicorn**: Various awesome ESLint rules
+- **eslint-plugin-vue**: Vue.js-specific ESLint rules
+
+## Environment Variables
+
+### ESLINT_CONFIG_PRETTIER_NO_DEPRECATED
+
+Excludes deprecated ESLint rules from the configuration when set to any non-empty value.
+
+```bash
+# Exclude deprecated rules
+ESLINT_CONFIG_PRETTIER_NO_DEPRECATED=true npx eslint-config-prettier index.js
+```
+
+### ESLINT_USE_FLAT_CONFIG
+
+Controls which ESLint configuration format the CLI tool uses:
+
+```bash
+# Force flat config
+ESLINT_USE_FLAT_CONFIG=true npx eslint-config-prettier index.js
+
+# Force legacy config
+ESLINT_USE_FLAT_CONFIG=false npx eslint-config-prettier index.js
+
+# Auto-detect (default)
+npx eslint-config-prettier index.js
+```
+
+## Special Rules
+
+Some rules require special attention and can be enabled with specific configurations:
+
+### curly
+
+Can be used with options other than "multi-line" or "multi-or-nest":
+
+```json
+{
+  "rules": {
+    "curly": ["error", "all"]
+  }
+}
+```
+
+### lines-around-comment
+
+Can be used with specific allow options:
+
+```json
+{
+  "rules": {
+    "lines-around-comment": ["error", {
+      "allowBlockStart": true,
+      "allowBlockEnd": true,
+      "allowObjectStart": true,
+      "allowObjectEnd": true,
+      "allowArrayStart": true,
+      "allowArrayEnd": true
+    }]
+  }
+}
+```
+
+### no-confusing-arrow
+
+Can be used with `allowParens: false`:
+
+```json
+{
+  "rules": {
+    "no-confusing-arrow": ["error", { "allowParens": false }]
+  }
+}
+```
+
+### no-tabs
+
+Can be used with `allowIndentationTabs: true`:
+
+```json
+{
+  "rules": {
+    "no-tabs": ["error", { "allowIndentationTabs": true }]
+  }
+}
+```
+
+## Error Handling
+
+The CLI tool provides structured error reporting:
+
+- **Regular conflicts**: Rules that directly conflict with Prettier formatting
+- **Options conflicts**: Rules enabled with options that may conflict
+- **Special rule warnings**: Rules that require manual verification
+- **Prettier plugin conflicts**: Rules that conflict when using eslint-plugin-prettier
+
+## Advanced Usage
+
+### Multiple Configuration Files
+
+For projects with different ESLint configurations for different file types:
+
+```bash
+npx eslint-config-prettier src/index.js test/index.js config/webpack.js
+```
+
+### Integration with eslint-plugin-prettier
+
+When using both packages together:
+
+```json
+{
+  "extends": [
+    "some-config",
+    "plugin:prettier/recommended"
+  ]
+}
+```
+
+The `plugin:prettier/recommended` configuration includes eslint-config-prettier automatically.
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-eslint-config-prettier/tile.json b/.tessl/tiles/tessl/npm-eslint-config-prettier/tile.json
new file mode 100644
index 000000000..e6373440f
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-eslint-config-prettier/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-eslint-config-prettier",
+  "version": "10.1.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/eslint-config-prettier@10.1.8",
+  "summary": "Turns off all rules that are unnecessary or might conflict with Prettier."
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-eslint-plugin-import/docs/configuration-presets.md b/.tessl/tiles/tessl/npm-eslint-plugin-import/docs/configuration-presets.md
new file mode 100644
index 000000000..e1dfe0f44
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-eslint-plugin-import/docs/configuration-presets.md
@@ -0,0 +1,478 @@
+# Configuration Presets
+
+Pre-configured rule sets optimized for different environments and use cases, available in both legacy and flat configuration formats.
+
+## Capabilities
+
+### Legacy Configurations
+
+Traditional ESLint configuration format for ESLint versions prior to v9.
+
+```javascript { .api }
+/**
+ * Legacy configurations object for ESLint < 9
+ * @type {{ [configName: string]: Linter.LegacyConfig }}
+ */
+const configs = {
+  recommended: LegacyConfig,
+  errors: LegacyConfig,
+  warnings: LegacyConfig,
+  "stage-0": LegacyConfig,
+  react: LegacyConfig,
+  "react-native": LegacyConfig,
+  electron: LegacyConfig,
+  typescript: LegacyConfig
+};
+
+interface LegacyConfig {
+  plugins: string[];
+  rules: { [ruleName: string]: RuleConfig };
+  parserOptions?: {
+    sourceType: "module" | "script";
+    ecmaVersion: number;
+  };
+  extends?: string[];
+  env?: { [envName: string]: boolean };
+  settings?: { [settingName: string]: any };
+}
+```
+
+### Flat Configurations
+
+Modern ESLint configuration format for ESLint v9 and later.
+
+```javascript { .api }
+/**
+ * Flat configurations object for ESLint >= 9
+ * @type {{ [configName: string]: Linter.FlatConfig }}
+ */
+const flatConfigs = {
+  recommended: FlatConfig,
+  errors: FlatConfig,
+  warnings: FlatConfig,
+  react: FlatConfig,
+  "react-native": FlatConfig,
+  electron: FlatConfig,
+  typescript: FlatConfig
+  // Note: stage-0 config not available in flat format
+};
+
+interface FlatConfig {
+  name: string;
+  plugins: { [pluginName: string]: any };
+  rules: { [ruleName: string]: RuleConfig };
+  languageOptions?: {
+    sourceType: "module" | "script";
+    ecmaVersion: number;
+    parser?: any;
+    parserOptions?: any;
+  };
+  settings?: { [settingName: string]: any };
+}
+```
+
+## Configuration Details
+
+### recommended
+
+Essential rules for import/export validation - the baseline configuration for most projects.
+
+```javascript { .api }
+/**
+ * Recommended configuration with essential import/export rules
+ */
+// Legacy format
+const recommendedLegacy = {
+  plugins: ["import"],
+  rules: {
+    // Static analysis/correctness  
+    "import/no-unresolved": "error",
+    "import/named": "error",
+    "import/namespace": "error", 
+    "import/default": "error",
+    "import/export": "error",
+    
+    // Red flags (warnings)
+    "import/no-named-as-default": "warn",
+    "import/no-named-as-default-member": "warn", 
+    "import/no-duplicates": "warn"
+  },
+  parserOptions: {
+    sourceType: "module",
+    ecmaVersion: 2018
+  }
+};
+
+// Flat format  
+const recommendedFlat = {
+  name: "import/recommended",
+  plugins: { import: importPlugin },
+  rules: {
+    "import/no-unresolved": "error",
+    "import/named": "error",
+    "import/namespace": "error",
+    "import/default": "error", 
+    "import/export": "error",
+    "import/no-named-as-default": "warn",
+    "import/no-named-as-default-member": "warn",
+    "import/no-duplicates": "warn"
+  },
+  languageOptions: {
+    ecmaVersion: 2018,
+    sourceType: "module"
+  }
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// Legacy ESLint config
+module.exports = {
+  extends: ["plugin:import/recommended"]
+};
+
+// Flat ESLint config  
+import importPlugin from "eslint-plugin-import";
+export default [importPlugin.flatConfigs.recommended];
+```
+
+### errors
+
+Configuration with only error-level rules, focusing on critical import issues.
+
+```javascript { .api }
+/**
+ * Errors-only configuration focusing on critical issues
+ */
+const errorsConfig = {
+  // Legacy format
+  plugins: ["import"],
+  rules: {
+    "import/no-unresolved": "error",
+    "import/named": "error",
+    "import/namespace": "error",
+    "import/default": "error",
+    "import/export": "error"
+  },
+  parserOptions: {
+    sourceType: "module",
+    ecmaVersion: 2018
+  }
+};
+```
+
+### warnings
+
+Configuration with only warning-level rules for less critical issues.
+
+```javascript { .api }
+/**
+ * Warnings-only configuration for less critical issues
+ */
+const warningsConfig = {
+  // Legacy format
+  plugins: ["import"],
+  rules: {
+    "import/no-named-as-default": "warn",
+    "import/no-named-as-default-member": "warn",
+    "import/no-duplicates": "warn"
+  },
+  parserOptions: {
+    sourceType: "module", 
+    ecmaVersion: 2018
+  }
+};
+```
+
+### stage-0
+
+Experimental "work in progress" rules not yet ready for production use.
+
+```javascript { .api }
+/**
+ * Stage-0 configuration with experimental rules
+ */
+const stage0Config = {
+  // Legacy format
+  plugins: ["import"],
+  rules: {
+    "import/no-deprecated": "warn"
+  },
+  parserOptions: {
+    sourceType: "module",
+    ecmaVersion: 2018
+  }
+};
+```
+
+### react
+
+Configuration optimized for React projects with additional React-specific rules.
+
+```javascript { .api }
+/**
+ * React-optimized configuration
+ */
+const reactConfig = {
+  // Legacy format
+  plugins: ["import"],
+  rules: {
+    // All recommended rules
+    "import/no-unresolved": "error",
+    "import/named": "error",
+    "import/namespace": "error",
+    "import/default": "error",
+    "import/export": "error",
+    "import/no-named-as-default": "warn",
+    "import/no-named-as-default-member": "warn",
+    "import/no-duplicates": "warn",
+    
+    // React-specific additions
+    "import/no-anonymous-default-export": "error"
+  },
+  parserOptions: {
+    sourceType: "module",
+    ecmaVersion: 2018,
+    ecmaFeatures: {
+      jsx: true
+    }
+  },
+  env: {
+    es6: true
+  }
+};
+```
+
+### react-native
+
+Configuration for React Native projects with mobile-specific considerations.
+
+```javascript { .api }
+/**
+ * React Native configuration
+ */
+const reactNativeConfig = {
+  // Legacy format
+  plugins: ["import"],
+  rules: {
+    // All React rules
+    "import/no-unresolved": "error",
+    "import/named": "error", 
+    "import/namespace": "error",
+    "import/default": "error",
+    "import/export": "error",
+    "import/no-named-as-default": "warn",
+    "import/no-named-as-default-member": "warn",
+    "import/no-duplicates": "warn",
+    "import/no-anonymous-default-export": "error",
+    
+    // React Native specific  
+    "import/no-nodejs-modules": "error"
+  },
+  parserOptions: {
+    sourceType: "module",
+    ecmaVersion: 2018,
+    ecmaFeatures: {
+      jsx: true
+    }
+  },
+  env: {
+    es6: true
+  }
+};
+```
+
+### electron
+
+Configuration for Electron applications supporting both main and renderer processes.
+
+```javascript { .api }
+/**
+ * Electron configuration for main and renderer processes
+ */
+const electronConfig = {
+  // Legacy format
+  plugins: ["import"],
+  rules: {
+    // All recommended rules
+    "import/no-unresolved": "error",
+    "import/named": "error",
+    "import/namespace": "error", 
+    "import/default": "error",
+    "import/export": "error",
+    "import/no-named-as-default": "warn",
+    "import/no-named-as-default-member": "warn",
+    "import/no-duplicates": "warn"
+    
+    // Note: Node.js modules allowed for main process
+    // Renderer process may need additional restrictions
+  },
+  parserOptions: {
+    sourceType: "module",
+    ecmaVersion: 2018
+  },
+  env: {
+    node: true,
+    es6: true
+  }
+};
+```
+
+### typescript
+
+Configuration optimized for TypeScript projects with type-aware rules.
+
+```javascript { .api }
+/**
+ * TypeScript-optimized configuration
+ */
+const typescriptConfig = {
+  // Legacy format
+  plugins: ["import"],
+  rules: {
+    // All recommended rules
+    "import/no-unresolved": "error",
+    "import/named": "error",
+    "import/namespace": "error",
+    "import/default": "error", 
+    "import/export": "error",
+    "import/no-named-as-default": "warn",
+    "import/no-named-as-default-member": "warn",
+    "import/no-duplicates": "warn",
+    
+    // TypeScript-specific
+    "import/consistent-type-specifier-style": ["error", "prefer-inline"]
+  },
+  parserOptions: {
+    sourceType: "module",
+    ecmaVersion: 2018
+  },
+  settings: {
+    "import/extensions": [".js", ".jsx", ".ts", ".tsx"],
+    "import/parsers": {
+      "@typescript-eslint/parser": [".ts", ".tsx"]
+    },
+    "import/resolver": {
+      typescript: {
+        alwaysTryTypes: true
+      }
+    }
+  }
+};
+```
+
+## Usage Examples
+
+### Using Preset Configurations
+
+```javascript
+// Legacy ESLint config - single preset
+module.exports = {
+  extends: ["plugin:import/recommended"]
+};
+
+// Legacy ESLint config - multiple presets
+module.exports = {
+  extends: [
+    "plugin:import/recommended",
+    "plugin:import/typescript"
+  ]
+};
+
+// Flat ESLint config - single preset
+import importPlugin from "eslint-plugin-import";
+export default [
+  importPlugin.flatConfigs.recommended
+];
+
+// Flat ESLint config - multiple presets
+export default [
+  importPlugin.flatConfigs.recommended,
+  importPlugin.flatConfigs.typescript
+];
+```
+
+### Customizing Preset Configurations
+
+```javascript
+// Legacy config with customizations
+module.exports = {
+  extends: ["plugin:import/recommended"],  
+  rules: {
+    // Override preset rules
+    "import/no-unresolved": "warn", // Change from error to warn
+    "import/order": ["error", {     // Add additional rule
+      "newlines-between": "always"
+    }]
+  }
+};
+
+// Flat config with customizations
+import importPlugin from "eslint-plugin-import";
+export default [{
+  ...importPlugin.flatConfigs.recommended,
+  rules: {
+    ...importPlugin.flatConfigs.recommended.rules,
+    "import/no-unresolved": "warn",
+    "import/order": ["error", { "newlines-between": "always" }]
+  }
+}];
+```
+
+### Environment-Specific Configurations
+
+```javascript
+// Multi-environment project
+export default [
+  // Base config for all files
+  {
+    ...importPlugin.flatConfigs.recommended,
+    files: ["src/**/*.{js,ts}"]
+  },
+  
+  // Node.js specific (server files)
+  {
+    ...importPlugin.flatConfigs.recommended,
+    files: ["server/**/*.js"],
+    rules: {
+      ...importPlugin.flatConfigs.recommended.rules,
+      "import/no-nodejs-modules": "off" // Allow Node.js modules
+    }
+  },
+  
+  // React specific (client files)  
+  {
+    ...importPlugin.flatConfigs.react,
+    files: ["src/components/**/*.{js,jsx,ts,tsx}"]
+  },
+  
+  // TypeScript specific
+  {
+    ...importPlugin.flatConfigs.typescript,
+    files: ["**/*.{ts,tsx}"]
+  }
+];
+```
+
+### Configuration Inheritance
+
+```javascript
+// Custom configuration extending presets
+const customConfig = {
+  ...importPlugin.flatConfigs.recommended,
+  name: "custom-import-config",
+  rules: {
+    ...importPlugin.flatConfigs.recommended.rules,
+    ...importPlugin.flatConfigs.typescript.rules,
+    // Additional custom rules
+    "import/order": ["error", {
+      "groups": ["builtin", "external", "internal", "parent", "sibling"],
+      "newlines-between": "always",
+      "alphabetize": { "order": "asc" }
+    }]
+  }
+};
+
+export default [customConfig];
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-eslint-plugin-import/docs/helpful-warnings-rules.md b/.tessl/tiles/tessl/npm-eslint-plugin-import/docs/helpful-warnings-rules.md
new file mode 100644
index 000000000..c3d31add3
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-eslint-plugin-import/docs/helpful-warnings-rules.md
@@ -0,0 +1,370 @@
+# Helpful Warnings Rules
+
+Rules that detect problematic patterns in import/export usage, providing helpful warnings about common issues like invalid exports, deprecated imports, and misused export patterns.
+
+## Capabilities
+
+### export
+
+Forbids any invalid exports, including re-export of the same name.
+
+```javascript { .api }
+/**
+ * Forbid any invalid exports, i.e. re-export of the same name
+ * @type {Rule.RuleModule}
+ */
+"import/export": {
+  meta: {
+    type: "problem",
+    docs: {
+      category: "Static analysis", 
+      description: "Forbid any invalid exports, i.e. re-export of the same name.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/export.md"
+    },
+    schema: []
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// ❌ Invalid - duplicate export names
+export const foo = 1;
+export const foo = 2; // Error: Multiple exports of name 'foo'
+
+// ❌ Invalid - re-export same name
+export { bar } from "./module1";
+export { bar } from "./module2"; // Error: Multiple exports of name 'bar'
+
+// ✅ Valid - unique export names
+export const foo = 1;
+export const baz = 2;
+```
+
+### no-deprecated
+
+Forbids imported names marked with `@deprecated` documentation tag.
+
+```javascript { .api }
+/**
+ * Forbid imported names marked with @deprecated documentation tag
+ * @type {Rule.RuleModule}
+ */
+"import/no-deprecated": {
+  meta: {
+    type: "suggestion",
+    docs: {
+      category: "Helpful warnings",
+      description: "Forbid imported names marked with `@deprecated` documentation tag.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/no-deprecated.md"
+    },
+    schema: []
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+### no-empty-named-blocks
+
+Forbids empty named import blocks.
+
+```javascript { .api }
+/**
+ * Forbid empty named import blocks
+ * @type {Rule.RuleModule}
+ */
+"import/no-empty-named-blocks": {
+  meta: {
+    type: "suggestion",
+    docs: {
+      category: "Helpful warnings",
+      description: "Forbid empty named import blocks.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/no-empty-named-blocks.md"
+    },
+    schema: [],
+    fixable: "code",
+    hasSuggestions: true
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// ❌ Invalid - empty named import
+import { } from "./module"; // Error: Empty named import block
+
+// ❌ Invalid - only whitespace
+import {   } from "./module"; // Error: Empty named import block
+
+// ✅ Valid - has named imports
+import { foo, bar } from "./module";
+
+// ✅ Valid - default import only
+import module from "./module";
+
+// ✅ Valid - namespace import
+import * as module from "./module";
+```
+
+### no-extraneous-dependencies
+
+Forbids the use of extraneous packages (dependencies not declared in package.json).
+
+```javascript { .api }
+/**
+ * Forbid the use of extraneous packages
+ * @type {Rule.RuleModule}
+ */
+"import/no-extraneous-dependencies": {
+  meta: {
+    type: "problem",
+    docs: {
+      category: "Helpful warnings",
+      description: "Forbid the use of extraneous packages.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/no-extraneous-dependencies.md"
+    },
+    schema: [{
+      type: "object",
+      properties: {
+        devDependencies: { 
+          type: ["boolean", "array"],
+          default: true
+        },
+        optionalDependencies: {
+          type: ["boolean", "array"], 
+          default: false
+        },
+        peerDependencies: {
+          type: ["boolean", "array"],
+          default: false
+        },
+        bundledDependencies: {
+          type: ["boolean", "array"],
+          default: false
+        },
+        packageDir: {
+          type: ["string", "array"]
+        }
+      },
+      additionalProperties: false
+    }]
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+### no-mutable-exports
+
+Forbids the use of mutable exports with `var` or `let`.
+
+```javascript { .api }
+/**
+ * Forbid the use of mutable exports with var or let
+ * @type {Rule.RuleModule}
+ */
+"import/no-mutable-exports": {
+  meta: {
+    type: "suggestion",
+    docs: {
+      category: "Helpful warnings",
+      description: "Forbid the use of mutable exports with `var` or `let`.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/no-mutable-exports.md"
+    },
+    schema: []
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// ❌ Invalid - mutable exports
+export var count = 0; // Error: Exporting mutable 'var' binding
+export let name = ""; // Error: Exporting mutable 'let' binding
+
+// ✅ Valid - immutable exports  
+export const count = 0;
+export const name = "";
+
+// ✅ Valid - function exports (immutable reference)
+export function increment() { /* ... */ }
+```
+
+### no-named-as-default
+
+Forbids use of exported name as identifier of default export.
+
+```javascript { .api }
+/**
+ * Forbid use of exported name as identifier of default export
+ * @type {Rule.RuleModule}
+ */
+"import/no-named-as-default": {
+  meta: {
+    type: "problem",
+    docs: {
+      category: "Helpful warnings",
+      description: "Forbid use of exported name as identifier of default export.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/no-named-as-default.md"
+    },
+    schema: []
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+### no-named-as-default-member
+
+Forbids use of exported name as property of default export.
+
+```javascript { .api }
+/**
+ * Forbid use of exported name as property of default export
+ * @type {Rule.RuleModule}
+ */
+"import/no-named-as-default-member": {
+  meta: {
+    type: "suggestion",
+    docs: {
+      category: "Helpful warnings", 
+      description: "Forbid use of exported name as property of default export.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/no-named-as-default-member.md"
+    },
+    schema: []
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// Given a module with both named and default exports:
+// module.js
+export const foo = "named";
+export default { foo: "default" };
+
+// ❌ Invalid - accessing named export as default member
+import MyModule from "./module";
+console.log(MyModule.foo); // Warning: foo is exported as named, not as default member
+
+// ✅ Valid - use named import
+import { foo } from "./module";
+console.log(foo);
+
+// ✅ Valid - use default import for default export properties
+import MyModule from "./module";  
+console.log(MyModule.bar); // OK if bar is not a named export
+```
+
+### no-unused-modules
+
+Forbids modules without exports, or exports without matching import in another module.
+
+```javascript { .api }
+/**
+ * Forbid modules without exports, or exports without matching import in another module
+ * @type {Rule.RuleModule}
+ */
+"import/no-unused-modules": {
+  meta: {
+    type: "suggestion",
+    docs: {
+      category: "Helpful warnings",
+      description: "Forbid modules without exports, or exports without matching import in another module.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/no-unused-modules.md"
+    },
+    schema: [{
+      type: "object", 
+      properties: {
+        src: {
+          description: "files/paths to be analyzed",
+          type: "array",
+          minItems: 1,
+          items: { type: "string", minLength: 1 }
+        },
+        ignoreExports: {
+          description: "files/paths for which unused exports will not be reported",
+          type: "array",
+          minItems: 1, 
+          items: { type: "string", minLength: 1 }
+        },
+        missingExports: {
+          description: "report modules without any exports",
+          type: "boolean"
+        },
+        unusedExports: {
+          description: "report exports without any usage",
+          type: "boolean"
+        }
+      },
+      not: {
+        properties: {
+          unusedExports: { enum: [false] },
+          missingExports: { enum: [false] }
+        }
+      },
+      anyOf: [{
+        properties: {
+          unusedExports: { enum: [true] }
+        },
+        required: ["unusedExports"]
+      }, {
+        properties: {
+          missingExports: { enum: [true] }
+        },
+        required: ["missingExports"]
+      }],
+      additionalProperties: false
+    }]
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+## Rule Configuration
+
+All helpful warning rules can be configured in your ESLint configuration:
+
+```javascript
+// ESLint flat config
+export default [{
+  plugins: { import: importPlugin },
+  rules: {
+    "import/export": "error",
+    "import/no-deprecated": "warn", 
+    "import/no-empty-named-blocks": "error",
+    "import/no-extraneous-dependencies": ["error", {
+      "devDependencies": ["**/*.test.js", "**/*.spec.js"],
+      "peerDependencies": false
+    }],
+    "import/no-mutable-exports": "error",
+    "import/no-named-as-default": "warn",
+    "import/no-named-as-default-member": "warn",
+    "import/no-unused-modules": ["error", {
+      "unusedExports": true,
+      "src": ["src/**/*.js"]
+    }]
+  }
+}];
+
+// Legacy ESLint config
+module.exports = {
+  plugins: ["import"],
+  rules: {
+    "import/export": "error",
+    "import/no-deprecated": "warn",
+    "import/no-empty-named-blocks": "error",
+    "import/no-extraneous-dependencies": "error",
+    "import/no-mutable-exports": "error", 
+    "import/no-named-as-default": "warn",
+    "import/no-named-as-default-member": "warn",
+    "import/no-unused-modules": "error"
+  }
+};
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-eslint-plugin-import/docs/index.md b/.tessl/tiles/tessl/npm-eslint-plugin-import/docs/index.md
new file mode 100644
index 000000000..79ea0e680
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-eslint-plugin-import/docs/index.md
@@ -0,0 +1,207 @@
+# ESLint Plugin Import
+
+ESLint Plugin Import provides comprehensive linting rules for ES2015+ (ES6+) import/export syntax. It helps prevent issues with misspelling of file paths and import names, enforces proper module resolution, detects circular dependencies, and maintains consistent import ordering and formatting. The plugin offers static analysis capabilities to validate import statements and supports maximum compatibility across different JavaScript environments and build tools.
+
+## Package Information
+
+- **Package Name**: eslint-plugin-import
+- **Package Type**: npm
+- **Language**: JavaScript/TypeScript
+- **Installation**: `npm install eslint-plugin-import --save-dev`
+
+## Core Imports
+
+```javascript
+// For ESLint flat config (ESLint 9+)
+import importPlugin from "eslint-plugin-import";
+
+// For legacy ESLint config
+module.exports = {
+  plugins: ["import"],
+  extends: ["plugin:import/recommended"]
+};
+```
+
+## Basic Usage
+
+### ESLint Flat Config (ESLint 9+)
+
+```javascript
+import importPlugin from "eslint-plugin-import";
+
+export default [
+  {
+    name: "import/recommended",
+    plugins: { import: importPlugin },
+    rules: {
+      ...importPlugin.flatConfigs.recommended.rules,
+    },
+    languageOptions: {
+      ecmaVersion: 2018,
+      sourceType: "module",
+    },
+  },
+];
+```
+
+### Legacy ESLint Config
+
+```javascript
+module.exports = {
+  plugins: ["import"],
+  extends: ["plugin:import/recommended"],
+  rules: {
+    "import/no-unresolved": "error",
+    "import/no-duplicates": "warn",
+    "import/order": ["error", {
+      "groups": ["builtin", "external", "internal", "parent", "sibling", "index"],
+      "newlines-between": "always"
+    }]
+  }
+};
+```
+
+## Architecture
+
+ESLint Plugin Import is structured around several key components:
+
+- **Plugin System**: Standard ESLint plugin interface with rules, configs, and metadata
+- **Rule Categories**: 46 rules organized into Helpful Warnings, Module Systems, Static Analysis, and Style Guide categories
+- **Configuration Presets**: 8 pre-configured rule sets for different environments (recommended, React, TypeScript, etc.)
+- **Dual Config Support**: Both legacy ESLint configs and modern flat configs for ESLint 9+
+- **Static Analysis Engine**: Core utilities for import resolution, cycle detection, and module analysis
+
+## Capabilities
+
+### Plugin Interface
+
+Core plugin structure and metadata for ESLint integration.
+
+```typescript { .api }
+interface ImportPlugin {
+  meta: {
+    name: string;
+    version: string;
+  };
+  rules: { [ruleName: string]: Rule.RuleModule };
+  configs: { [configName: string]: Linter.LegacyConfig };
+  flatConfigs: { [configName: string]: Linter.FlatConfig };
+}
+```
+
+[Plugin Interface](./plugin-interface.md)
+
+### Rule Categories
+
+Collection of 46 ESLint rules organized by functionality for comprehensive import/export validation.
+
+```typescript { .api }
+interface RuleModule {
+  meta: {
+    type: "problem" | "suggestion" | "layout";
+    docs: {
+      category: string;
+      description: string;
+      url: string;
+    };
+    schema: Array<any>;
+    fixable?: "code" | "whitespace";
+  };
+  create(context: Rule.RuleContext): Rule.RuleListener;
+}
+```
+
+**Rule Categories:**
+- **Helpful Warnings (8 rules)**: Detect problematic patterns like invalid exports and deprecated imports
+- **Module Systems (5 rules)**: Enforce ES modules vs CommonJS/AMD usage
+- **Static Analysis (15 rules)**: Validate import resolution, cycles, and module structure  
+- **Style Guide (18 rules)**: Enforce consistent import formatting and organization
+
+[Helpful Warnings Rules](./helpful-warnings-rules.md)
+
+[Module Systems Rules](./module-systems-rules.md)
+
+[Static Analysis Rules](./static-analysis-rules.md)
+
+[Style Guide Rules](./style-guide-rules.md)
+
+### Configuration Presets
+
+Pre-configured rule sets optimized for different environments and use cases.
+
+```typescript { .api }
+interface LegacyConfig {
+  plugins: string[];
+  rules: { [ruleName: string]: string | [string, ...any[]] };
+  parserOptions?: {
+    sourceType: "module" | "script";
+    ecmaVersion: number;
+  };
+}
+
+interface FlatConfig {
+  name: string; 
+  plugins: { import: ImportPlugin };
+  rules: { [ruleName: string]: string | [string, ...any[]] };
+  languageOptions?: {
+    sourceType: "module" | "script";
+    ecmaVersion: number;
+  };
+}
+```
+
+**Available Configurations:**
+- `recommended`: Essential rules for import/export validation
+- `errors`: Error-level rules only
+- `warnings`: Warning-level rules only  
+- `react`: React-specific optimizations
+- `react-native`: React Native environment
+- `electron`: Electron application support
+- `typescript`: TypeScript project optimizations
+
+**Legacy-only configurations** (not available in flat configs):
+- `stage-0`: Experimental rules
+
+[Configuration Presets](./configuration-presets.md)
+
+## Types
+
+```typescript { .api }
+// Core plugin interface
+interface ImportPlugin {
+  meta: {
+    name: string;
+    version: string;
+  };
+  rules: { [ruleName: string]: Rule.RuleModule };
+  configs: { [configName: string]: Linter.LegacyConfig };
+  flatConfigs: { [configName: string]: Linter.FlatConfig };
+}
+
+// Rule severity levels
+type RuleSeverity = "off" | "warn" | "error" | 0 | 1 | 2;
+
+// Rule configuration
+type RuleConfig = RuleSeverity | [RuleSeverity, ...any[]];
+
+// Configuration objects  
+interface LegacyConfig {
+  plugins?: string[];
+  extends?: string[];
+  rules?: { [ruleName: string]: RuleConfig };
+  parserOptions?: {
+    sourceType?: "module" | "script";
+    ecmaVersion?: number;
+  };
+}
+
+interface FlatConfig {
+  name?: string;
+  plugins?: { [name: string]: any };
+  rules?: { [ruleName: string]: RuleConfig };
+  languageOptions?: {
+    sourceType?: "module" | "script"; 
+    ecmaVersion?: number;
+  };
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-eslint-plugin-import/docs/module-systems-rules.md b/.tessl/tiles/tessl/npm-eslint-plugin-import/docs/module-systems-rules.md
new file mode 100644
index 000000000..93d9aa953
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-eslint-plugin-import/docs/module-systems-rules.md
@@ -0,0 +1,332 @@
+# Module Systems Rules
+
+Rules that enforce ES modules vs CommonJS/AMD usage, helping maintain consistent module system usage across your codebase.
+
+## Capabilities
+
+### no-amd
+
+Forbids AMD `require` and `define` calls.
+
+```javascript { .api }
+/**
+ * Forbid AMD require and define calls
+ * @type {Rule.RuleModule}
+ */
+"import/no-amd": {
+  meta: {
+    type: "suggestion",
+    docs: {
+      category: "Module systems",
+      description: "Forbid AMD `require` and `define` calls.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/no-amd.md"
+    },
+    schema: []
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// ❌ Invalid - AMD require calls
+require(["jquery", "lodash"], function($, _) {
+  // Error: AMD require calls are not allowed
+});
+
+// ❌ Invalid - AMD define calls  
+define(["jquery"], function($) {
+  // Error: AMD define calls are not allowed
+  return { /* ... */ };
+});
+
+// ✅ Valid - ES6 imports
+import $ from "jquery";
+import _ from "lodash";
+
+// ✅ Valid - CommonJS (if allowed by other rules)
+const $ = require("jquery");
+```
+
+### no-commonjs
+
+Forbids CommonJS `require` calls and `module.exports` or `exports.*`.
+
+```javascript { .api }
+/**
+ * Forbid CommonJS require calls and module.exports or exports.*
+ * @type {Rule.RuleModule}
+ */
+"import/no-commonjs": {
+  meta: {
+    type: "suggestion",
+    docs: {
+      category: "Module systems",
+      description: "Forbid CommonJS `require` calls and `module.exports` or `exports.*`.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/no-commonjs.md"
+    },
+    schema: [{
+      type: "object",
+      properties: {
+        allowRequire: { type: "boolean", default: false },
+        allowConditionalRequire: { type: "boolean", default: true },
+        allowPrimitiveModules: { type: "boolean", default: false }
+      },
+      additionalProperties: false
+    }]
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// ❌ Invalid - CommonJS require
+const fs = require("fs"); // Error: CommonJS require not allowed
+
+// ❌ Invalid - CommonJS exports
+module.exports = { foo: "bar" }; // Error: CommonJS exports not allowed
+exports.foo = "bar"; // Error: CommonJS exports not allowed
+
+// ✅ Valid - ES6 imports/exports
+import fs from "fs";
+export const foo = "bar";
+export default { foo: "bar" };
+
+// ✅ Valid - conditional require (with allowConditionalRequire: true)
+if (typeof window === "undefined") {
+  const fs = require("fs"); // OK in conditional context
+}
+```
+
+### no-import-module-exports
+
+Forbids import statements with CommonJS module.exports.
+
+```javascript { .api }
+/**
+ * Forbid import statements with CommonJS module.exports
+ * @type {Rule.RuleModule}
+ */
+"import/no-import-module-exports": {
+  meta: {
+    type: "problem",
+    docs: {
+      category: "Module systems",
+      description: "Forbid import statements with CommonJS module.exports.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/no-import-module-exports.md"
+    },
+    schema: [{
+      type: "object",
+      properties: {
+        exceptions: {
+          type: "array",
+          items: { type: "string" }
+        }
+      },
+      additionalProperties: false
+    }],
+    fixable: "code"
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// ❌ Invalid - mixing import with module.exports
+import { foo } from "./foo";
+module.exports = { bar }; // Error: Cannot use import with module.exports
+
+// ❌ Invalid - mixing import with exports
+import { foo } from "./foo";
+exports.bar = bar; // Error: Cannot use import with exports
+
+// ✅ Valid - ES6 only
+import { foo } from "./foo";
+export { bar };
+
+// ✅ Valid - CommonJS only
+const { foo } = require("./foo");
+module.exports = { bar };
+```
+
+### no-nodejs-modules
+
+Forbids Node.js builtin modules.
+
+```javascript { .api }
+/**
+ * Forbid Node.js builtin modules
+ * @type {Rule.RuleModule}
+ */
+"import/no-nodejs-modules": {
+  meta: {
+    type: "suggestion",
+    docs: {
+      category: "Module systems",
+      description: "Forbid Node.js builtin modules.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/no-nodejs-modules.md"
+    },
+    schema: [{
+      type: "object",
+      properties: {
+        allow: {
+          type: "array",
+          items: { type: "string" }
+        }
+      },
+      additionalProperties: false
+    }]
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// ❌ Invalid - Node.js builtin modules
+import fs from "fs"; // Error: Node.js builtin modules not allowed
+import path from "path"; // Error: Node.js builtin modules not allowed
+import crypto from "crypto"; // Error: Node.js builtin modules not allowed
+
+// ❌ Invalid - Node.js builtin with node: protocol
+import fs from "node:fs"; // Error: Node.js builtin modules not allowed
+
+// ✅ Valid - external packages
+import lodash from "lodash";
+import express from "express";
+
+// ✅ Valid - allowed builtins (with allow: ["util"])
+import util from "util"; // OK if util is in allow list
+```
+
+### unambiguous
+
+Forbids potentially ambiguous parse goal (`script` vs. `module`).
+
+```javascript { .api }
+/**
+ * Forbid potentially ambiguous parse goal (script vs. module)
+ * @type {Rule.RuleModule}
+ */
+"import/unambiguous": {
+  meta: {
+    type: "suggestion",
+    docs: {
+      category: "Module systems",
+      description: "Forbid potentially ambiguous parse goal (`script` vs. `module`).",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/unambiguous.md"
+    },
+    schema: []
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// ❌ Invalid - ambiguous module (no imports/exports)
+const foo = "bar";
+console.log(foo);
+// Error: This file could be parsed as script or module
+
+// ✅ Valid - clear module with import
+import { utils } from "./utils";
+const foo = "bar";
+
+// ✅ Valid - clear module with export
+const foo = "bar";
+export { foo };
+
+// ✅ Valid - clear module with import and export
+import { utils } from "./utils";
+export const foo = "bar";
+```
+
+## Rule Configuration
+
+Module systems rules can be configured in your ESLint configuration:
+
+```javascript
+// ESLint flat config
+export default [{
+  plugins: { import: importPlugin },
+  rules: {
+    "import/no-amd": "error",
+    "import/no-commonjs": ["error", {
+      "allowRequire": false,
+      "allowConditionalRequire": true,
+      "allowPrimitiveModules": false
+    }],
+    "import/no-import-module-exports": ["error", {
+      "exceptions": ["./special-case.js"]
+    }],
+    "import/no-nodejs-modules": ["error", {
+      "allow": ["util", "path"]
+    }],
+    "import/unambiguous": "error"
+  }
+}];
+
+// Legacy ESLint config
+module.exports = {
+  plugins: ["import"],
+  rules: {
+    "import/no-amd": "error",
+    "import/no-commonjs": "error",
+    "import/no-import-module-exports": "error", 
+    "import/no-nodejs-modules": "error",
+    "import/unambiguous": "error"
+  }
+};
+```
+
+## Common Configuration Patterns
+
+### Browser-only Projects
+
+```javascript
+export default [{
+  plugins: { import: importPlugin },
+  rules: {
+    "import/no-nodejs-modules": "error", // Forbid Node.js modules
+    "import/no-commonjs": "error",       // Force ES modules
+    "import/no-amd": "error",           // Forbid AMD
+    "import/unambiguous": "error"        // Require clear module syntax
+  }
+}];
+```
+
+### Node.js Projects
+
+```javascript
+export default [{
+  plugins: { import: importPlugin },
+  rules: {
+    "import/no-amd": "error",                    // Forbid AMD
+    "import/no-import-module-exports": "error",  // Prevent mixing imports/CommonJS
+    "import/unambiguous": "error"                // Require clear module syntax
+    // Allow Node.js modules and CommonJS
+  }
+}];
+```
+
+### Strict ES Modules Only
+
+```javascript
+export default [{
+  plugins: { import: importPlugin },
+  rules: {
+    "import/no-amd": "error",
+    "import/no-commonjs": "error",
+    "import/no-import-module-exports": "error",
+    "import/unambiguous": "error"
+  }
+}];
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-eslint-plugin-import/docs/plugin-interface.md b/.tessl/tiles/tessl/npm-eslint-plugin-import/docs/plugin-interface.md
new file mode 100644
index 000000000..b6dc2706a
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-eslint-plugin-import/docs/plugin-interface.md
@@ -0,0 +1,296 @@
+# Plugin Interface
+
+Core plugin structure and metadata for ESLint integration, providing access to rules, configurations, and plugin metadata.
+
+## Capabilities
+
+### Main Plugin Exports
+
+The plugin exports separate named exports for rules, configurations, and flat configurations. These are combined at build time into a single plugin object.
+
+```javascript { .api }
+/**
+ * Named exports from the plugin
+ */
+// Rules collection
+export const rules = { [ruleName: string]: Rule.RuleModule };
+
+// Legacy configurations  
+export const configs = { [configName: string]: Linter.LegacyConfig };
+
+// Flat configurations for ESLint 9+
+export const flatConfigs = { [configName: string]: Linter.FlatConfig };
+
+/**
+ * Plugin metadata (internal, used for flat configs)
+ */
+const meta = {
+  name: string,    // From package.json
+  version: string  // From package.json
+};
+
+/**
+ * Final plugin object (built version combines all exports)
+ * @type {ESLint.Plugin}
+ */
+const plugin = {
+  meta,
+  rules,
+  configs,
+  flatConfigs
+};
+
+// Built version exports as CommonJS
+module.exports = plugin;
+```
+
+### Plugin Metadata
+
+Information about the plugin name and version.
+
+```javascript { .api }
+/**
+ * Plugin metadata object
+ */
+interface PluginMeta {
+  /** Plugin name from package.json */
+  name: string;
+  /** Plugin version from package.json */  
+  version: string;
+}
+```
+
+### Rules Object
+
+Collection of all 46 ESLint rules provided by the plugin.
+
+```javascript { .api }
+/**
+ * Rules object containing all plugin rules
+ * @type {{ [ruleName: string]: Rule.RuleModule }}
+ */
+const rules = {
+  // Helpful warnings (8 rules)
+  "export": Rule.RuleModule,
+  "no-deprecated": Rule.RuleModule,
+  "no-empty-named-blocks": Rule.RuleModule,
+  "no-extraneous-dependencies": Rule.RuleModule,
+  "no-mutable-exports": Rule.RuleModule,
+  "no-named-as-default": Rule.RuleModule,
+  "no-named-as-default-member": Rule.RuleModule,
+  "no-unused-modules": Rule.RuleModule,
+  
+  // Module systems (5 rules)
+  "no-amd": Rule.RuleModule,
+  "no-commonjs": Rule.RuleModule,
+  "no-import-module-exports": Rule.RuleModule,
+  "no-nodejs-modules": Rule.RuleModule,
+  "unambiguous": Rule.RuleModule,
+  
+  // Static analysis (15 rules)
+  "default": Rule.RuleModule,
+  "enforce-node-protocol-usage": Rule.RuleModule,
+  "named": Rule.RuleModule,
+  "namespace": Rule.RuleModule,
+  "no-absolute-path": Rule.RuleModule,
+  "no-cycle": Rule.RuleModule,
+  "no-dynamic-require": Rule.RuleModule,
+  "no-internal-modules": Rule.RuleModule,
+  "no-relative-packages": Rule.RuleModule,
+  "no-relative-parent-imports": Rule.RuleModule,
+  "no-restricted-paths": Rule.RuleModule,
+  "no-self-import": Rule.RuleModule,
+  "no-unresolved": Rule.RuleModule,
+  "no-useless-path-segments": Rule.RuleModule,
+  "no-webpack-loader-syntax": Rule.RuleModule,
+  
+  // Style guide (18 rules)
+  "consistent-type-specifier-style": Rule.RuleModule,
+  "dynamic-import-chunkname": Rule.RuleModule,
+  "exports-last": Rule.RuleModule,
+  "extensions": Rule.RuleModule,
+  "first": Rule.RuleModule,
+  "group-exports": Rule.RuleModule,
+  "imports-first": Rule.RuleModule, // deprecated
+  "max-dependencies": Rule.RuleModule,
+  "newline-after-import": Rule.RuleModule,
+  "no-anonymous-default-export": Rule.RuleModule,
+  "no-default-export": Rule.RuleModule,
+  "no-duplicates": Rule.RuleModule,
+  "no-named-default": Rule.RuleModule,
+  "no-named-export": Rule.RuleModule,
+  "no-namespace": Rule.RuleModule,
+  "no-unassigned-import": Rule.RuleModule,
+  "order": Rule.RuleModule,
+  "prefer-default-export": Rule.RuleModule
+};
+```
+
+### Legacy Configurations Object
+
+Pre-configured rule sets for traditional ESLint configuration format.
+
+```javascript { .api }
+/**
+ * Legacy configurations object for ESLint < 9
+ * @type {{ [configName: string]: Linter.LegacyConfig }}
+ */
+const configs = {
+  /** Essential rules for import/export validation */
+  recommended: {
+    plugins: ["import"],
+    rules: {
+      "import/no-unresolved": "error",
+      "import/named": "error", 
+      "import/namespace": "error",
+      "import/default": "error",
+      "import/export": "error",
+      "import/no-named-as-default": "warn",
+      "import/no-named-as-default-member": "warn",
+      "import/no-duplicates": "warn"
+    },
+    parserOptions: {
+      sourceType: "module",
+      ecmaVersion: 2018
+    }
+  },
+  
+  /** Error-level rules only */
+  errors: Linter.LegacyConfig,
+  
+  /** Warning-level rules only */
+  warnings: Linter.LegacyConfig,
+  
+  /** Experimental rules (work in progress) */
+  "stage-0": Linter.LegacyConfig,
+  
+  /** React-specific optimizations */
+  react: Linter.LegacyConfig,
+  
+  /** React Native environment */
+  "react-native": Linter.LegacyConfig,
+  
+  /** Electron application support */
+  electron: Linter.LegacyConfig,
+  
+  /** TypeScript project optimizations */
+  typescript: Linter.LegacyConfig
+};
+```
+
+### Flat Configurations Object
+
+Pre-configured rule sets for ESLint v9+ flat configuration format.
+
+```javascript { .api }
+/**
+ * Flat configurations object for ESLint >= 9
+ * @type {{ [configName: string]: Linter.FlatConfig }}
+ */
+const flatConfigs = {
+  /** Essential rules for import/export validation */
+  recommended: {
+    name: "import/recommended",
+    plugins: { import: plugin },
+    rules: {
+      "import/no-unresolved": "error",
+      "import/named": "error",
+      "import/namespace": "error", 
+      "import/default": "error",
+      "import/export": "error",
+      "import/no-named-as-default": "warn",
+      "import/no-named-as-default-member": "warn",
+      "import/no-duplicates": "warn"
+    },
+    languageOptions: {
+      ecmaVersion: 2018,
+      sourceType: "module"
+    }
+  },
+  
+  /** Error-level rules only */
+  errors: {
+    name: "import/errors",
+    plugins: { import: plugin },
+    rules: Linter.FlatConfig["rules"],
+    languageOptions: {
+      ecmaVersion: 2018,
+      sourceType: "module"
+    }
+  },
+  
+  /** Warning-level rules only */
+  warnings: Linter.FlatConfig,
+  
+  /** React-specific optimizations */
+  react: Linter.FlatConfig,
+  
+  /** React Native environment (uses legacy config) */
+  "react-native": Linter.FlatConfig,
+  
+  /** Electron application support (uses legacy config) */
+  electron: Linter.FlatConfig,
+  
+  /** TypeScript project optimizations (uses legacy config) */
+  typescript: Linter.FlatConfig
+};
+```
+
+## Usage Examples
+
+### Basic Plugin Import
+
+```javascript
+// ESM
+import importPlugin from "eslint-plugin-import";
+
+// CommonJS
+const importPlugin = require("eslint-plugin-import");
+
+// Access plugin properties
+console.log(importPlugin.meta.name);    // "eslint-plugin-import"
+console.log(importPlugin.meta.version); // "2.32.0"
+```
+
+### Using Rules Directly
+
+```javascript
+import importPlugin from "eslint-plugin-import";
+
+// Access specific rule
+const noUnresolvedRule = importPlugin.rules["no-unresolved"];
+
+// Check if rule exists
+if ("no-duplicates" in importPlugin.rules) {
+  console.log("Rule exists");
+}
+
+// List all rule names
+const ruleNames = Object.keys(importPlugin.rules);
+console.log(`Plugin provides ${ruleNames.length} rules`);
+```
+
+### Using Configurations
+
+```javascript
+import importPlugin from "eslint-plugin-import";
+
+// Use flat config (ESLint 9+)
+export default [
+  importPlugin.flatConfigs.recommended
+];
+
+// Use legacy config (ESLint < 9)
+module.exports = {
+  extends: ["plugin:import/recommended"]
+};
+
+// Custom configuration with plugin rules
+export default [{
+  plugins: { import: importPlugin },
+  rules: {
+    ...importPlugin.flatConfigs.recommended.rules,
+    "import/order": ["error", { "newlines-between": "always" }]
+  }
+}];
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-eslint-plugin-import/docs/static-analysis-rules.md b/.tessl/tiles/tessl/npm-eslint-plugin-import/docs/static-analysis-rules.md
new file mode 100644
index 000000000..43b6223ca
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-eslint-plugin-import/docs/static-analysis-rules.md
@@ -0,0 +1,655 @@
+# Static Analysis Rules
+
+Rules that validate import resolution, detect cycles, and analyze module structure to prevent common import-related issues.
+
+## Capabilities
+
+### default
+
+Ensures a default export is present, given a default import.
+
+```javascript { .api }
+/**
+ * Ensure a default export is present, given a default import
+ * @type {Rule.RuleModule}
+ */
+"import/default": {
+  meta: {
+    type: "problem",
+    docs: {
+      category: "Static analysis",
+      description: "Ensure a default export is present, given a default import.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/default.md"
+    },
+    schema: []
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// module.js - only named exports
+export const foo = "bar";
+
+// main.js
+import Module from "./module"; // Error: No default export found in module
+
+// ✅ Valid - module has default export  
+// module.js
+export default { foo: "bar" };
+// main.js
+import Module from "./module"; // OK
+```
+
+### enforce-node-protocol-usage
+
+Enforces either using, or omitting, the `node:` protocol when importing Node.js builtin modules.
+
+```javascript { .api }
+/**
+ * Enforce either using, or omitting, the node: protocol when importing Node.js builtin modules
+ * @type {Rule.RuleModule}
+ */
+"import/enforce-node-protocol-usage": {
+  meta: {
+    type: "suggestion",
+    docs: {
+      category: "Static analysis",
+      description: "Enforce either using, or omitting, the `node:` protocol when importing Node.js builtin modules.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/enforce-node-protocol-usage.md"
+    },
+    schema: [{
+      type: "object",
+      properties: {
+        protocol: {
+          type: "string",
+          enum: ["always", "never"],
+          default: "always"
+        }
+      },
+      additionalProperties: false
+    }],
+    fixable: "code"
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// With protocol: "always" (default)
+// ❌ Invalid - missing node: protocol
+import fs from "fs"; // Error: Use node: protocol
+import path from "path"; // Error: Use node: protocol
+
+// ✅ Valid - with node: protocol
+import fs from "node:fs";
+import path from "node:path";
+
+// With protocol: "never"
+// ❌ Invalid - unnecessary node: protocol  
+import fs from "node:fs"; // Error: Don't use node: protocol
+import path from "node:path"; // Error: Don't use node: protocol
+
+// ✅ Valid - without node: protocol
+import fs from "fs";
+import path from "path";
+```
+
+### named
+
+Ensures named imports correspond to a named export in the remote file.
+
+```javascript { .api }
+/**
+ * Ensure named imports correspond to a named export in the remote file
+ * @type {Rule.RuleModule}
+ */
+"import/named": {
+  meta: {
+    type: "problem",
+    docs: {
+      category: "Static analysis",
+      description: "Ensure named imports correspond to a named export in the remote file.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/named.md"
+    },
+    schema: [{
+      type: "object",
+      properties: {
+        commonjs: { type: "boolean", default: false }
+      },
+      additionalProperties: false
+    }]
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// module.js
+export const foo = "bar";
+export function baz() {}
+
+// main.js
+import { foo, baz } from "./module"; // ✅ Valid - named exports exist
+import { qux } from "./module"; // ❌ Error: qux not exported by module
+```
+
+### namespace
+
+Ensures imported namespaces contain dereferenced properties as they are dereferenced.
+
+```javascript { .api }
+/**
+ * Ensure imported namespaces contain dereferenced properties as they are dereferenced
+ * @type {Rule.RuleModule}
+ */
+"import/namespace": {
+  meta: {
+    type: "problem",
+    docs: {
+      category: "Static analysis", 
+      description: "Ensure imported namespaces contain dereferenced properties as they are dereferenced.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/namespace.md"
+    },
+    schema: [{
+      type: "object",
+      properties: {
+        allowComputed: { type: "boolean", default: false }
+      },
+      additionalProperties: false
+    }]
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// module.js
+export const foo = "bar";
+export function baz() {}
+
+// main.js
+import * as Module from "./module";
+
+console.log(Module.foo); // ✅ Valid - foo exists in namespace
+console.log(Module.baz); // ✅ Valid - baz exists in namespace
+console.log(Module.qux); // ❌ Error: qux not exported by module
+```
+
+### no-absolute-path
+
+Forbids import of modules using absolute paths.
+
+```javascript { .api }
+/**
+ * Forbid import of modules using absolute paths
+ * @type {Rule.RuleModule}
+ */
+"import/no-absolute-path": {
+  meta: {
+    type: "suggestion",
+    docs: {
+      category: "Static analysis",
+      description: "Forbid import of modules using absolute paths.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/no-absolute-path.md"
+    },
+    schema: [{
+      type: "object",
+      properties: {
+        esmodule: { type: "boolean", default: true },
+        commonjs: { type: "boolean", default: true },
+        amd: { type: "boolean", default: false }
+      },
+      additionalProperties: false
+    }],
+    fixable: "code"
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// ❌ Invalid - absolute paths
+import foo from "/usr/lib/node_modules/foo"; 
+import bar from "C:\\Users\\user\\bar";
+
+// ✅ Valid - relative paths
+import foo from "./foo";
+import bar from "../bar";
+import baz from "external-package";
+```
+
+### no-cycle
+
+Forbids a module from importing a module with a dependency path back to itself.
+
+```javascript { .api }
+/**
+ * Forbid a module from importing a module with a dependency path back to itself
+ * @type {Rule.RuleModule}
+ */
+"import/no-cycle": {
+  meta: {
+    type: "suggestion",
+    docs: {
+      category: "Static analysis",
+      description: "Forbid a module from importing a module with a dependency path back to itself.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/no-cycle.md"
+    },
+    schema: [{
+      type: "object",
+      properties: {
+        maxDepth: { 
+          description: "maximum dependency depth to traverse",
+          type: "integer",
+          minimum: 1
+        },
+        ignoreExternal: {
+          description: "ignore external modules",
+          type: "boolean",
+          default: false
+        },
+        allowUnsafeDynamicCyclicDependency: {
+          description: "allow cyclic dependency if there is at least one dynamic import in the cycle",
+          type: "boolean",
+          default: false
+        }
+      },
+      additionalProperties: false
+    }]
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// ❌ Invalid - circular dependency
+// a.js
+import { b } from "./b";
+export const a = "a";
+
+// b.js  
+import { a } from "./a"; // Error: Circular dependency detected
+export const b = "b";
+
+// ✅ Valid - no cycles
+// a.js
+import { helper } from "./helper";
+export const a = "a";
+
+// helper.js
+export const helper = () => {};
+```
+
+### no-dynamic-require
+
+Forbids `require()` calls with expressions.
+
+```javascript { .api }
+/**
+ * Forbid require() calls with expressions
+ * @type {Rule.RuleModule}
+ */
+"import/no-dynamic-require": {
+  meta: {
+    type: "suggestion",
+    docs: {
+      category: "Static analysis",
+      description: "Forbid `require()` calls with expressions.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/no-dynamic-require.md"
+    },
+    schema: [{
+      type: "object",
+      properties: {
+        esmodule: { type: "boolean", default: true }
+      },
+      additionalProperties: false
+    }]
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// ❌ Invalid - dynamic require with expressions
+const moduleName = "lodash";
+const lib = require(moduleName); // Error: Dynamic require not allowed
+
+const lib2 = require(`./modules/${name}`); // Error: Template literal in require
+
+// ✅ Valid - static require
+const lodash = require("lodash");
+const myModule = require("./my-module");
+```
+
+### no-internal-modules
+
+Forbids importing the submodules of other modules.
+
+```javascript { .api }
+/**
+ * Forbid importing the submodules of other modules
+ * @type {Rule.RuleModule}
+ */
+"import/no-internal-modules": {
+  meta: {
+    type: "suggestion",
+    docs: {
+      category: "Static analysis",
+      description: "Forbid importing the submodules of other modules.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/no-internal-modules.md"
+    },
+    schema: [{
+      type: "object",
+      properties: {
+        allow: {
+          type: "array",
+          items: { type: "string" }
+        },
+        forbid: {
+          type: "array", 
+          items: { type: "string" }
+        }
+      },
+      additionalProperties: false
+    }]
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+### no-relative-packages
+
+Forbids importing packages through relative paths.
+
+```javascript { .api }
+/**
+ * Forbid importing packages through relative paths
+ * @type {Rule.RuleModule}
+ */
+"import/no-relative-packages": {
+  meta: {
+    type: "suggestion",
+    docs: {
+      category: "Static analysis",
+      description: "Forbid importing packages through relative paths.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/no-relative-packages.md"
+    },
+    schema: [{
+      type: "object",
+      properties: {
+        commonjs: { type: "boolean", default: true },
+        amd: { type: "boolean", default: false }
+      },
+      additionalProperties: false
+    }],
+    fixable: "code"
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+### no-relative-parent-imports
+
+Forbids importing modules from parent directories.
+
+```javascript { .api }
+/**
+ * Forbid importing modules from parent directories
+ * @type {Rule.RuleModule}
+ */
+"import/no-relative-parent-imports": {
+  meta: {
+    type: "suggestion",
+    docs: {
+      category: "Static analysis",
+      description: "Forbid importing modules from parent directories.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/no-relative-parent-imports.md"
+    },
+    schema: [{
+      type: "object",
+      properties: {
+        commonjs: { type: "boolean", default: true },
+        amd: { type: "boolean", default: false }
+      },
+      additionalProperties: false
+    }]
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+### no-restricted-paths
+
+Enforces which files can be imported in a given folder.
+
+```javascript { .api }
+/**
+ * Enforce which files can be imported in a given folder
+ * @type {Rule.RuleModule}
+ */
+"import/no-restricted-paths": {
+  meta: {
+    type: "problem",
+    docs: {
+      category: "Static analysis",
+      description: "Enforce which files can be imported in a given folder.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/no-restricted-paths.md"
+    },
+    schema: [{
+      type: "object",
+      properties: {
+        zones: {
+          type: "array",
+          minItems: 1,
+          items: {
+            type: "object",
+            properties: {
+              target: {
+                oneOf: [
+                  { type: "string" },
+                  { type: "array", items: { type: "string" }, uniqueItems: true, minItems: 1 }
+                ]
+              },
+              from: {
+                oneOf: [
+                  { type: "string" },
+                  { type: "array", items: { type: "string" }, uniqueItems: true, minItems: 1 }
+                ]
+              },
+              except: {
+                type: "array",
+                items: { type: "string" },
+                uniqueItems: true
+              },
+              message: { type: "string", minLength: 1 }
+            },
+            additionalProperties: false,
+            required: ["target", "from"]
+          }
+        },
+        basePath: { type: "string" }
+      },
+      additionalProperties: false,
+      required: ["zones"]
+    }]
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+### no-self-import
+
+Forbids a module from importing itself.
+
+```javascript { .api }
+/**
+ * Forbid a module from importing itself
+ * @type {Rule.RuleModule}
+ */
+"import/no-self-import": {
+  meta: {
+    type: "problem",
+    docs: {
+      category: "Static analysis",
+      description: "Forbid a module from importing itself.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/no-self-import.md"
+    },
+    schema: []
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+### no-unresolved
+
+Ensures imports point to a file/module that can be resolved.
+
+```javascript { .api }
+/**
+ * Ensure imports point to a file/module that can be resolved
+ * @type {Rule.RuleModule}
+ */
+"import/no-unresolved": {
+  meta: {
+    type: "problem",
+    docs: {
+      category: "Static analysis",
+      description: "Ensure imports point to a file/module that can be resolved.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/no-unresolved.md"
+    },
+    schema: [{
+      type: "object",
+      properties: {
+        commonjs: { type: "boolean", default: true },
+        amd: { type: "boolean", default: false },
+        esmodule: { type: "boolean", default: true },
+        ignore: {
+          type: "array",
+          minItems: 1,
+          items: { type: "string" }
+        },
+        caseSensitive: { type: "boolean", default: true },
+        caseSensitiveStrict: { type: "boolean", default: false }
+      },
+      additionalProperties: false
+    }]
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+### no-useless-path-segments
+
+Forbids unnecessary path segments in import and require statements.
+
+```javascript { .api }
+/**
+ * Forbid unnecessary path segments in import and require statements
+ * @type {Rule.RuleModule}
+ */
+"import/no-useless-path-segments": {
+  meta: {
+    type: "suggestion",
+    docs: {
+      category: "Static analysis",
+      description: "Forbid unnecessary path segments in import and require statements.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/no-useless-path-segments.md"
+    },
+    schema: [{
+      type: "object",
+      properties: {
+        commonjs: { type: "boolean", default: true },
+        noUselessIndex: { type: "boolean", default: false }
+      },
+      additionalProperties: false
+    }],
+    fixable: "code"
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+### no-webpack-loader-syntax
+
+Forbids webpack loader syntax in imports.
+
+```javascript { .api }
+/**
+ * Forbid webpack loader syntax in imports
+ * @type {Rule.RuleModule}
+ */
+"import/no-webpack-loader-syntax": {
+  meta: {
+    type: "problem",
+    docs: {
+      category: "Static analysis",
+      description: "Forbid webpack loader syntax in imports.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/no-webpack-loader-syntax.md"
+    },
+    schema: []
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// ❌ Invalid - webpack loader syntax  
+import styles from "css-loader!./styles.css"; // Error: Webpack loader syntax not allowed
+import worker from "worker-loader!./worker.js"; // Error: Webpack loader syntax not allowed
+
+// ✅ Valid - normal imports
+import styles from "./styles.css";
+import Worker from "./worker.js";
+```
+
+## Rule Configuration
+
+Static analysis rules can be configured in your ESLint configuration:
+
+```javascript
+// ESLint flat config
+export default [{
+  plugins: { import: importPlugin },
+  rules: {
+    "import/default": "error",
+    "import/enforce-node-protocol-usage": ["error", { "protocol": "always" }],
+    "import/named": "error",
+    "import/namespace": "error", 
+    "import/no-absolute-path": "error",
+    "import/no-cycle": ["error", { "maxDepth": 10 }],
+    "import/no-dynamic-require": "error",
+    "import/no-internal-modules": ["error", {
+      "allow": ["lodash/*", "@company/*/lib"]
+    }],
+    "import/no-relative-packages": "error",
+    "import/no-relative-parent-imports": "error",
+    "import/no-restricted-paths": ["error", {
+      "zones": [{
+        "target": "./src/client",
+        "from": "./src/server"
+      }]
+    }],
+    "import/no-self-import": "error",
+    "import/no-unresolved": "error",
+    "import/no-useless-path-segments": "error",
+    "import/no-webpack-loader-syntax": "error"
+  }
+}];
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-eslint-plugin-import/docs/style-guide-rules.md b/.tessl/tiles/tessl/npm-eslint-plugin-import/docs/style-guide-rules.md
new file mode 100644
index 000000000..d8974a5cb
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-eslint-plugin-import/docs/style-guide-rules.md
@@ -0,0 +1,755 @@
+# Style Guide Rules
+
+Rules that enforce consistent import formatting, organization, and style conventions across your codebase.
+
+## Capabilities
+
+### consistent-type-specifier-style
+
+Enforces or bans the use of inline type-only markers for named imports.
+
+```javascript { .api }
+/**
+ * Enforce or ban the use of inline type-only markers for named imports
+ * @type {Rule.RuleModule}
+ */
+"import/consistent-type-specifier-style": {
+  meta: {
+    type: "suggestion",
+    docs: {
+      category: "Style guide",
+      description: "Enforce or ban the use of inline type-only markers for named imports.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/consistent-type-specifier-style.md"
+    },
+    schema: [{
+      type: "string",
+      enum: ["prefer-inline", "prefer-top-level"],
+      default: "prefer-inline"
+    }],
+    fixable: "code"
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+**Usage Examples:**
+
+```typescript
+// With "prefer-inline" (default)
+// ✅ Valid - inline type specifiers
+import { type User, type Config, getData } from "./api";
+
+// ❌ Invalid - top-level type import
+import type { User, Config } from "./api"; // Error: Use inline type specifiers
+import { getData } from "./api";
+
+// With "prefer-top-level"  
+// ✅ Valid - top-level type import
+import type { User, Config } from "./api";
+import { getData } from "./api";
+
+// ❌ Invalid - inline type specifiers
+import { type User, type Config, getData } from "./api"; // Error: Use top-level type import
+```
+
+### dynamic-import-chunkname
+
+Enforces a leading comment with the webpackChunkName for dynamic imports.
+
+```javascript { .api }
+/**
+ * Enforce a leading comment with the webpackChunkName for dynamic imports
+ * @type {Rule.RuleModule}
+ */
+"import/dynamic-import-chunkname": {
+  meta: {
+    type: "suggestion",
+    docs: {
+      category: "Style guide",
+      description: "Enforce a leading comment with the webpackChunkName for dynamic imports.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/dynamic-import-chunkname.md"
+    },
+    schema: [{
+      type: "object",
+      properties: {
+        importFunctions: {
+          type: "array",
+          uniqueItems: true,
+          items: { type: "string" }
+        },
+        allowEmpty: { type: "boolean", default: false },
+        webpackChunknameFormat: {
+          type: "string",
+          default: "[0-9a-zA-Z-_/.]+"
+        }
+      },
+      additionalProperties: false
+    }],
+    hasSuggestions: true
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// ✅ Valid - with webpackChunkName comment
+const LazyComponent = lazy(() => 
+  import(/* webpackChunkName: "lazy-component" */ "./LazyComponent")
+);
+
+// ❌ Invalid - missing webpackChunkName
+const LazyComponent = lazy(() => 
+  import("./LazyComponent") // Error: Missing webpackChunkName comment
+);
+
+// ✅ Valid - multiple webpack comments
+const LazyComponent = lazy(() => 
+  import(
+    /* webpackChunkName: "lazy-component" */
+    /* webpackMode: "lazy" */
+    "./LazyComponent"
+  )
+);
+```
+
+### exports-last
+
+Ensures all exports appear after other statements.
+
+```javascript { .api }
+/**
+ * Ensure all exports appear after other statements
+ * @type {Rule.RuleModule}
+ */
+"import/exports-last": {
+  meta: {
+    type: "suggestion",
+    docs: {
+      category: "Style guide",
+      description: "Ensure all exports appear after other statements.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/exports-last.md"
+    },
+    schema: []
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// ❌ Invalid - exports before other statements
+export const foo = "bar";
+import { helper } from "./helper"; // Error: Export should come after imports
+
+const value = calculate();
+
+// ✅ Valid - exports after other statements  
+import { helper } from "./helper";
+
+const value = calculate();
+const foo = "bar";
+
+export { foo, value };
+```
+
+### extensions
+
+Ensures consistent use of file extension within the import path.
+
+```javascript { .api }
+/**
+ * Ensure consistent use of file extension within the import path
+ * @type {Rule.RuleModule}
+ */
+"import/extensions": {
+  meta: {
+    type: "suggestion",
+    docs: {
+      category: "Style guide",
+      description: "Ensure consistent use of file extension within the import path.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/extensions.md"
+    },
+    schema: {
+      anyOf: [
+        {
+          type: "array",
+          items: [
+            { 
+              type: "string",
+              enum: ["always", "ignorePackages", "never"]
+            }
+          ],
+          additionalItems: {
+            type: "object",
+            patternProperties: {
+              ".*": {
+                type: "string",
+                enum: ["always", "ignorePackages", "never"]
+              }
+            }
+          }
+        },
+        {
+          type: "array",
+          items: [
+            {
+              type: "object",
+              patternProperties: {
+                ".*": {
+                  type: "string", 
+                  enum: ["always", "ignorePackages", "never"]
+                }
+              }
+            }
+          ],
+          additionalItems: {
+            type: "object",
+            patternProperties: {
+              ".*": {
+                type: "string",
+                enum: ["always", "ignorePackages", "never"]
+              }
+            }
+          }
+        }
+      ]
+    }
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+### first
+
+Ensures all imports appear before other statements.
+
+```javascript { .api }
+/**
+ * Ensure all imports appear before other statements
+ * @type {Rule.RuleModule}
+ */
+"import/first": {
+  meta: {
+    type: "suggestion",
+    docs: {
+      category: "Style guide",
+      description: "Ensure all imports appear before other statements.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/first.md"
+    },
+    schema: [{
+      type: "string",
+      enum: ["absolute-first", "disable-absolute-first"],
+      default: "absolute-first"
+    }],
+    fixable: "code"
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// ❌ Invalid - imports after other statements
+const foo = "bar";
+import { helper } from "./helper"; // Error: Import should come first
+
+// ✅ Valid - imports before other statements
+import { helper } from "./helper";
+import express from "express";
+
+const foo = "bar";
+const app = express();
+```
+
+### group-exports
+
+Prefers named exports to be grouped together in a single export declaration.
+
+```javascript { .api }
+/**
+ * Prefer named exports to be grouped together in a single export declaration
+ * @type {Rule.RuleModule}
+ */
+"import/group-exports": {
+  meta: {
+    type: "suggestion",
+    docs: {
+      category: "Style guide",
+      description: "Prefer named exports to be grouped together in a single export declaration.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/group-exports.md"
+    },
+    schema: []
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// ❌ Invalid - multiple export statements
+export const foo = "foo";
+export const bar = "bar";
+export function baz() {}
+
+// ✅ Valid - grouped exports
+const foo = "foo";
+const bar = "bar"; 
+function baz() {}
+
+export { foo, bar, baz };
+```
+
+### imports-first
+
+Replaced by `import/first`. (DEPRECATED)
+
+```javascript { .api }
+/**
+ * Replaced by import/first (DEPRECATED)
+ * @type {Rule.RuleModule}
+ * @deprecated Use import/first instead
+ */
+"import/imports-first": {
+  meta: {
+    type: "suggestion",
+    docs: {
+      category: "Style guide",
+      description: "Replaced by `import/first`.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/imports-first.md"
+    },
+    schema: [{
+      type: "string",
+      enum: ["absolute-first", "disable-absolute-first"],
+      default: "absolute-first"
+    }],
+    fixable: "code",
+    deprecated: true
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+### max-dependencies
+
+Enforces the maximum number of dependencies a module can have.
+
+```javascript { .api }
+/**
+ * Enforce the maximum number of dependencies a module can have
+ * @type {Rule.RuleModule}
+ */
+"import/max-dependencies": {
+  meta: {
+    type: "suggestion",
+    docs: {
+      category: "Style guide",
+      description: "Enforce the maximum number of dependencies a module can have.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/max-dependencies.md"
+    },
+    schema: [{
+      type: "object",
+      properties: {
+        max: { type: "integer", minimum: 0, default: 10 },
+        ignoreTypeImports: { type: "boolean", default: false }
+      },
+      additionalProperties: false
+    }]
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+### newline-after-import
+
+Enforces a newline after import statements.
+
+```javascript { .api }
+/**
+ * Enforce a newline after import statements
+ * @type {Rule.RuleModule}
+ */
+"import/newline-after-import": {
+  meta: {
+    type: "layout",
+    docs: {
+      category: "Style guide",
+      description: "Enforce a newline after import statements.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/newline-after-import.md"
+    },
+    schema: [{
+      type: "object",
+      properties: {
+        count: { type: "integer", minimum: 1, default: 1 },
+        exactCount: { type: "boolean", default: false },
+        considerComments: { type: "boolean", default: false }
+      },
+      additionalProperties: false
+    }],
+    fixable: "whitespace"
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+### no-anonymous-default-export
+
+Forbids anonymous values as default exports.
+
+```javascript { .api }
+/**
+ * Forbid anonymous values as default exports
+ * @type {Rule.RuleModule}
+ */
+"import/no-anonymous-default-export": {
+  meta: {
+    type: "suggestion",
+    docs: {
+      category: "Style guide",
+      description: "Forbid anonymous values as default exports.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/no-anonymous-default-export.md"
+    },
+    schema: [{
+      type: "object",
+      properties: {
+        allowArray: { type: "boolean", default: false },
+        allowArrowFunction: { type: "boolean", default: false },
+        allowAnonymousClass: { type: "boolean", default: false },
+        allowAnonymousFunction: { type: "boolean", default: false },
+        allowCallExpression: { type: "boolean", default: true },
+        allowNew: { type: "boolean", default: false },
+        allowLiteral: { type: "boolean", default: false },
+        allowObject: { type: "boolean", default: false }
+      },
+      additionalProperties: false
+    }]
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+### no-default-export
+
+Forbids default exports.
+
+```javascript { .api }
+/**
+ * Forbid default exports
+ * @type {Rule.RuleModule}
+ */
+"import/no-default-export": {
+  meta: {
+    type: "suggestion",
+    docs: {
+      category: "Style guide",
+      description: "Forbid default exports.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/no-default-export.md"
+    },
+    schema: []
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+### no-duplicates
+
+Forbids repeated import of the same module in multiple places.
+
+```javascript { .api }
+/**
+ * Forbid repeated import of the same module in multiple places
+ * @type {Rule.RuleModule}
+ */
+"import/no-duplicates": {
+  meta: {
+    type: "problem",
+    docs: {
+      category: "Style guide",
+      description: "Forbid repeated import of the same module in multiple places.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/no-duplicates.md"
+    },
+    schema: [{
+      type: "object",
+      properties: {
+        considerQueryString: { type: "boolean", default: false },
+        "prefer-inline": { type: "boolean", default: false }
+      },
+      additionalProperties: false
+    }],
+    fixable: "code"
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+### no-named-default
+
+Forbids named default exports.
+
+```javascript { .api }
+/**
+ * Forbid named default exports
+ * @type {Rule.RuleModule}
+ */
+"import/no-named-default": {
+  meta: {
+    type: "suggestion",
+    docs: {
+      category: "Style guide",
+      description: "Forbid named default exports.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/no-named-default.md"
+    },
+    schema: []
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+### no-named-export
+
+Forbids named exports.
+
+```javascript { .api }
+/**
+ * Forbid named exports
+ * @type {Rule.RuleModule}
+ */
+"import/no-named-export": {
+  meta: {
+    type: "suggestion",
+    docs: {
+      category: "Style guide",
+      description: "Forbid named exports.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/no-named-export.md"
+    },
+    schema: []
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+### no-namespace
+
+Forbids namespace (a.k.a. "wildcard" `*`) imports.
+
+```javascript { .api }
+/**
+ * Forbid namespace (a.k.a. "wildcard" *) imports
+ * @type {Rule.RuleModule}
+ */
+"import/no-namespace": {
+  meta: {
+    type: "suggestion",
+    docs: {
+      category: "Style guide",
+      description: "Forbid namespace (a.k.a. \"wildcard\" `*`) imports.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/no-namespace.md"
+    },
+    schema: [{
+      type: "object",
+      properties: {
+        ignore: {
+          type: "array",
+          items: { type: "string" },
+          default: []
+        }
+      },
+      additionalProperties: false
+    }],
+    fixable: "code"
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+### no-unassigned-import
+
+Forbids unassigned imports.
+
+```javascript { .api }
+/**
+ * Forbid unassigned imports
+ * @type {Rule.RuleModule}
+ */
+"import/no-unassigned-import": {
+  meta: {
+    type: "suggestion",
+    docs: {
+      category: "Style guide",
+      description: "Forbid unassigned imports",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/no-unassigned-import.md"
+    },
+    schema: [{
+      type: "object",
+      properties: {
+        devDependencies: {
+          type: ["boolean", "array"],
+          default: true
+        },
+        optionalDependencies: {
+          type: ["boolean", "array"],
+          default: false
+        },
+        peerDependencies: {
+          type: ["boolean", "array"],
+          default: false
+        },
+        allow: {
+          type: "array",
+          items: { type: "string" }
+        }
+      },
+      additionalProperties: false
+    }]
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+### order
+
+Enforces a convention in module import order.
+
+```javascript { .api }
+/**
+ * Enforce a convention in module import order
+ * @type {Rule.RuleModule}
+ */
+"import/order": {
+  meta: {
+    type: "suggestion",
+    docs: {
+      category: "Style guide",
+      description: "Enforce a convention in module import order.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/order.md"
+    },
+    schema: [{
+      type: "object",
+      properties: {
+        groups: {
+          type: "array",
+          items: {
+            oneOf: [
+              { type: "string", enum: ["builtin", "external", "internal", "parent", "sibling", "index", "object", "type"] },
+              {
+                type: "array",
+                items: { type: "string", enum: ["builtin", "external", "internal", "parent", "sibling", "index", "object", "type"] },
+                minItems: 1
+              }
+            ]
+          },
+          default: ["builtin", "external", "parent", "sibling", "index"]
+        },
+        "newlines-between": {
+          type: "string",
+          enum: ["ignore", "always", "always-and-inside-groups", "never"],
+          default: "ignore"
+        },
+        pathGroups: {
+          type: "array",
+          items: {
+            type: "object",
+            properties: {
+              pattern: { type: "string" },
+              group: { type: "string", enum: ["builtin", "external", "internal", "parent", "sibling", "index", "object", "type"] },
+              position: { type: "string", enum: ["before", "after"] }
+            },
+            additionalProperties: false,
+            required: ["pattern", "group"]
+          }
+        },
+        pathGroupsExcludedImportTypes: {
+          type: "array",
+          items: { type: "string", enum: ["builtin", "external", "internal", "parent", "sibling", "index", "object", "type"] },
+          default: ["builtin"]
+        },
+        distinctGroup: { type: "boolean", default: true },
+        alphabetize: {
+          type: "object",
+          properties: {
+            order: { type: "string", enum: ["ignore", "asc", "desc"], default: "ignore" },
+            orderImportKind: { type: "string", enum: ["ignore", "asc", "desc"], default: "ignore" },
+            caseInsensitive: { type: "boolean", default: false }
+          },
+          additionalProperties: false
+        },
+        warnOnUnassignedImports: { type: "boolean", default: false }
+      },
+      additionalProperties: false
+    }],
+    fixable: "code"
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+### prefer-default-export
+
+Prefers a default export if module exports a single name or multiple names.
+
+```javascript { .api }
+/**
+ * Prefer a default export if module exports a single name or multiple names
+ * @type {Rule.RuleModule}
+ */
+"import/prefer-default-export": {
+  meta: {
+    type: "suggestion",
+    docs: {
+      category: "Style guide",
+      description: "Prefer a default export if module exports a single name or multiple names.",
+      url: "https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/prefer-default-export.md"
+    },
+    schema: [{
+      type: "object",
+      properties: {
+        target: {
+          type: "string",
+          enum: ["single", "any"],
+          default: "single"
+        }
+      },
+      additionalProperties: false
+    }]
+  },
+  create: (context) => Rule.RuleListener
+}
+```
+
+## Rule Configuration
+
+Style guide rules can be configured in your ESLint configuration:
+
+```javascript
+// ESLint flat config
+export default [{
+  plugins: { import: importPlugin },
+  rules: {
+    "import/consistent-type-specifier-style": ["error", "prefer-inline"],
+    "import/dynamic-import-chunkname": "error",
+    "import/exports-last": "error",
+    "import/extensions": ["error", "ignorePackages", { "js": "never", "ts": "never" }],
+    "import/first": "error",
+    "import/group-exports": "error", 
+    "import/max-dependencies": ["error", { "max": 15 }],
+    "import/newline-after-import": "error",
+    "import/no-anonymous-default-export": "error",
+    "import/no-default-export": "off",
+    "import/no-duplicates": "error",
+    "import/no-named-default": "error",
+    "import/no-named-export": "off",
+    "import/no-namespace": "error",
+    "import/no-unassigned-import": ["error", { "allow": ["**/*.css"] }],
+    "import/order": ["error", {
+      "groups": ["builtin", "external", "internal", "parent", "sibling", "index"],
+      "newlines-between": "always",
+      "alphabetize": { "order": "asc", "caseInsensitive": true }
+    }],
+    "import/prefer-default-export": "off"
+  }
+}];
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-eslint-plugin-import/tile.json b/.tessl/tiles/tessl/npm-eslint-plugin-import/tile.json
new file mode 100644
index 000000000..6b057d23a
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-eslint-plugin-import/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-eslint-plugin-import",
+  "version": "2.32.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/eslint-plugin-import@2.32.0",
+  "summary": "ESLint plugin that enforces ES2015+ import/export syntax rules and prevents common issues with module imports."
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-eslint-plugin-promise/docs/async-patterns.md b/.tessl/tiles/tessl/npm-eslint-plugin-promise/docs/async-patterns.md
new file mode 100644
index 000000000..ac70b0f36
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-eslint-plugin-promise/docs/async-patterns.md
@@ -0,0 +1,325 @@
+# Async Patterns
+
+Rules that encourage modern async/await patterns over traditional Promise chains and prevent mixing of Promise and callback patterns.
+
+## Capabilities
+
+### Prefer Await to Then Rule
+
+Prefers `await` to `then()`/`catch()`/`finally()` for reading Promise values.
+
+```javascript { .api }
+/**
+ * Encourages use of async/await over Promise then() chains
+ * Promotes more readable asynchronous code
+ */
+const rule = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'Prefer `await` to `then()`/`catch()`/`finally()` for reading Promise values.',
+      url: 'https://github.com/eslint-community/eslint-plugin-promise/blob/main/docs/rules/prefer-await-to-then.md'
+    },
+    schema: [{
+      type: 'object',
+      properties: {
+        strict: { type: 'boolean' }
+      },
+      additionalProperties: false
+    }],
+    messages: {
+      preferAwaitToThen: 'Prefer await to then().',
+      preferAwaitToCatch: 'Prefer await to catch().',
+      preferAwaitToFinally: 'Prefer await to finally().'
+    }
+  }
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// ❌ Bad - using then() chains
+function fetchUserData(id) {
+  return fetch(`/users/${id}`)
+    .then(response => response.json())
+    .then(user => user.name)
+    .catch(error => {
+      console.error(error)
+      return null
+    })
+}
+
+// ✅ Good - using async/await
+async function fetchUserData(id) {
+  try {
+    const response = await fetch(`/users/${id}`)
+    const user = await response.json()
+    return user.name
+  } catch (error) {
+    console.error(error)
+    return null
+  }
+}
+```
+
+### Prefer Await to Callbacks Rule
+
+Prefers `async`/`await` to the callback pattern.
+
+```javascript { .api }
+/**
+ * Encourages async/await over traditional callback patterns
+ * Helps modernize callback-based code to Promise-based code
+ */
+const rule = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'Prefer `async`/`await` to the callback pattern.',
+      url: 'https://github.com/eslint-community/eslint-plugin-promise/blob/main/docs/rules/prefer-await-to-callbacks.md'
+    },
+    schema: [],
+    messages: {
+      preferAwaitToCallback: 'Prefer async/await to callback functions.'
+    }
+  }
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// ❌ Bad - callback pattern
+function readFile(path, callback) {
+  fs.readFile(path, (err, data) => {
+    if (err) {
+      callback(err)
+    } else {
+      callback(null, data)
+    }
+  })
+}
+
+// ✅ Good - async/await pattern
+async function readFile(path) {
+  try {
+    const data = await fs.promises.readFile(path)
+    return data
+  } catch (error) {
+    throw error
+  }
+}
+```
+
+### No Callback in Promise Rule
+
+Disallows calling `cb()` inside of a `then()` to prevent mixing patterns.
+
+```javascript { .api }
+/**
+ * Prevents mixing callback and Promise patterns
+ * Calls out anti-pattern where callbacks are used inside Promise chains
+ */
+const rule = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'Disallow calling `cb()` inside of a `then()` (use [nodeify][] instead).',
+      url: 'https://github.com/eslint-community/eslint-plugin-promise/blob/main/docs/rules/no-callback-in-promise.md'
+    },
+    schema: [{
+      type: 'object',
+      properties: {
+        exceptions: {
+          type: 'array',
+          items: { type: 'string' }
+        }
+      },
+      additionalProperties: false
+    }],
+    messages: {
+      noCallbackInPromise: 'Avoid calling a callback inside a Promise'
+    }
+  }
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// ❌ Bad - callback inside Promise chain
+promise.then(function(data) {
+  callback(null, data)
+})
+
+// ✅ Good - return the data or use nodeify
+promise.then(function(data) {
+  return data
+})
+
+// ✅ Good - using nodeify utility
+promise.nodeify(callback)
+```
+
+### No Promise in Callback Rule
+
+Disallows using promises inside of callbacks to prevent pattern mixing.
+
+```javascript { .api }
+/**
+ * Prevents using Promise patterns inside callback functions
+ * Encourages consistent async patterns throughout codebase
+ */
+const rule = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'Disallow using promises inside of callbacks.',
+      url: 'https://github.com/eslint-community/eslint-plugin-promise/blob/main/docs/rules/no-promise-in-callback.md'
+    },
+    schema: [{
+      type: 'object',
+      properties: {
+        exceptions: {
+          type: 'array',
+          items: { type: 'string' }
+        }
+      },
+      additionalProperties: false
+    }],
+    messages: {
+      noPromiseInCallback: 'Avoid using promises inside callbacks'
+    }
+  }
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// ❌ Bad - Promise inside callback
+fs.readFile('file.txt', (err, data) => {
+  if (err) throw err
+  
+  // Promise inside callback
+  fetch('/api/process')
+    .then(response => response.json())
+    .then(result => {
+      console.log(result)
+    })
+})
+
+// ✅ Good - consistent async/await pattern
+async function processFile() {
+  try {
+    const data = await fs.promises.readFile('file.txt')
+    const response = await fetch('/api/process')
+    const result = await response.json()
+    console.log(result)
+  } catch (error) {
+    console.error(error)
+  }
+}
+```
+
+## Rule Configuration Options
+
+### Prefer Await to Then Options
+
+```javascript
+{
+  "promise/prefer-await-to-then": ["error", {
+    "strict": false  // If true, disallows then() even when await is not possible
+  }]
+}
+```
+
+### No Callback in Promise Options
+
+```javascript
+{
+  "promise/no-callback-in-promise": ["error", {
+    "exceptions": ["next", "done"]  // Callback names that are exceptions to the rule
+  }]
+}
+```
+
+### No Promise in Callback Options
+
+```javascript
+{
+  "promise/no-promise-in-callback": ["error", {
+    "exceptions": ["next", "done"]  // Callback names that are exceptions to the rule
+  }]
+}
+```
+
+## Pattern Migration Examples
+
+### From Callbacks to Async/Await
+
+```javascript
+// Before: Callback pattern
+function processData(input, callback) {
+  validateInput(input, (err, valid) => {
+    if (err) return callback(err)
+    if (!valid) return callback(new Error('Invalid input'))
+    
+    transformData(input, (err, transformed) => {
+      if (err) return callback(err)
+      callback(null, transformed)
+    })
+  })
+}
+
+// After: Async/await pattern
+async function processData(input) {
+  const valid = await validateInput(input)
+  if (!valid) {
+    throw new Error('Invalid input')
+  }
+  
+  return await transformData(input)
+}
+```
+
+### From Promise Chains to Async/Await
+
+```javascript
+// Before: Promise chains
+function fetchUserProfile(userId) {
+  return fetch(`/users/${userId}`)
+    .then(response => {
+      if (!response.ok) {
+        throw new Error('User not found')
+      }
+      return response.json()
+    })
+    .then(user => {
+      return fetch(`/users/${userId}/profile`)
+    })
+    .then(response => response.json())
+    .catch(error => {
+      console.error('Failed to fetch user profile:', error)
+      throw error
+    })
+}
+
+// After: Async/await
+async function fetchUserProfile(userId) {
+  try {
+    const userResponse = await fetch(`/users/${userId}`)
+    if (!userResponse.ok) {
+      throw new Error('User not found')
+    }
+    
+    const user = await userResponse.json()
+    const profileResponse = await fetch(`/users/${userId}/profile`)
+    return await profileResponse.json()
+  } catch (error) {
+    console.error('Failed to fetch user profile:', error)
+    throw error
+  }
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-eslint-plugin-promise/docs/compatibility.md b/.tessl/tiles/tessl/npm-eslint-plugin-promise/docs/compatibility.md
new file mode 100644
index 000000000..5f2eab805
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-eslint-plugin-promise/docs/compatibility.md
@@ -0,0 +1,344 @@
+# Compatibility Rules
+
+Rules for environment compatibility, advanced Promise control patterns, and legacy code support.
+
+## Capabilities
+
+### No Native Rule
+
+Requires creating a `Promise` constructor before using it in an ES5 environment.
+
+```javascript { .api }
+/**
+ * Requires Promise polyfill in environments without native Promise support
+ * Helps maintain compatibility with older JavaScript environments
+ */
+const rule = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'Require creating a `Promise` constructor before using it in an ES5 environment.',
+      url: 'https://github.com/eslint-community/eslint-plugin-promise/blob/main/docs/rules/no-native.md'
+    },
+    schema: [],
+    messages: {
+      noNative: '"{{ name }}" is not defined.'
+    }
+  }
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// ❌ Bad - using native Promise without polyfill check
+new Promise(function(resolve, reject) {
+  resolve(42)
+})
+
+// ✅ Good - with polyfill or compatibility check
+var Promise = require('es6-promise').Promise
+new Promise(function(resolve, reject) {
+  resolve(42)
+})
+
+// ✅ Good - with conditional usage
+if (typeof Promise !== 'undefined') {
+  new Promise(function(resolve, reject) {
+    resolve(42)
+  })
+}
+```
+
+### Avoid New Rule
+
+Disallows creating `new` promises outside of utility libraries.
+
+```javascript { .api }
+/**
+ * Discourages manual Promise construction outside utility functions
+ * Promotes use of existing promise-returning functions or utilities like pify
+ */
+const rule = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'Disallow creating `new` promises outside of utility libs (use [pify][] instead).',
+      url: 'https://github.com/eslint-community/eslint-plugin-promise/blob/main/docs/rules/avoid-new.md'
+    },
+    schema: [],
+    messages: {
+      avoidNew: 'Avoid creating new promises outside of utility files.'
+    }
+  }
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// ❌ Bad - creating new Promise in application code
+function fetchData() {
+  return new Promise((resolve, reject) => {
+    // ... manual async work
+  })
+}
+
+// ✅ Good - using existing promise-returning APIs
+function fetchData() {
+  return fetch('/api/data')
+}
+
+// ✅ Good - using utility like pify for callback conversion
+const pify = require('pify')
+const readFile = pify(require('fs').readFile)
+
+function loadConfig() {
+  return readFile('config.json')
+}
+```
+
+### No Return in Finally Rule
+
+Disallows return statements in `finally()` blocks.
+
+```javascript { .api }
+/**
+ * Prevents return statements in finally() blocks
+ * Avoids confusing control flow where finally return overrides try/catch returns
+ */
+const rule = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'Disallow return statements in `finally()`.',
+      url: 'https://github.com/eslint-community/eslint-plugin-promise/blob/main/docs/rules/no-return-in-finally.md'
+    },
+    schema: [],
+    messages: {
+      noReturnFinally: 'No return in finally'
+    }
+  }
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// ❌ Bad - return in finally block
+promise
+  .then(function(value) {
+    return value + 1
+  })
+  .catch(function(error) {
+    console.error(error)
+    return 0
+  })
+  .finally(function() {
+    return 42  // This overrides the previous return values!
+  })
+
+// ✅ Good - side effects only in finally
+promise
+  .then(function(value) {
+    return value + 1
+  })
+  .catch(function(error) {
+    console.error(error)
+    return 0
+  })
+  .finally(function() {
+    // Clean up resources, logging, etc.
+    console.log('Operation completed')
+  })
+
+// ✅ Good - return in try/catch with async/await
+async function processData() {
+  try {
+    const result = await someAsyncOperation()
+    return result + 1
+  } catch (error) {
+    console.error(error)
+    return 0
+  } finally {
+    // Clean up only, no return
+    cleanup()
+  }
+}
+```
+
+## Environment Compatibility Patterns
+
+### ES5 Promise Polyfill Setup
+
+```javascript
+// Feature detection and polyfill loading
+(function() {
+  'use strict'
+  
+  // Check for native Promise support
+  if (typeof Promise === 'undefined') {
+    // Load polyfill
+    if (typeof require !== 'undefined') {
+      // Node.js environment
+      global.Promise = require('es6-promise').Promise
+    } else {
+      // Browser environment - load polyfill script
+      var script = document.createElement('script')
+      script.src = 'https://cdn.jsdelivr.net/npm/es6-promise@4/dist/es6-promise.auto.min.js'
+      document.head.appendChild(script)
+    }
+  }
+})()
+```
+
+### Conditional Promise Usage
+
+```javascript
+// Safe Promise usage with fallback
+function createAsyncOperation(value) {
+  if (typeof Promise !== 'undefined') {
+    return Promise.resolve(value)
+  } else {
+    // Fallback for environments without Promise
+    return {
+      then: function(onFulfilled) {
+        setTimeout(function() {
+          onFulfilled(value)
+        }, 0)
+        return this
+      }
+    }
+  }
+}
+```
+
+## Legacy Code Migration
+
+### Converting Callback Libraries
+
+```javascript
+// Before: Manual Promise wrapper (avoid-new violation)
+function promisifiedReadFile(filename) {
+  return new Promise((resolve, reject) => {
+    fs.readFile(filename, 'utf8', (err, data) => {
+      if (err) reject(err)
+      else resolve(data)
+    })
+  })
+}
+
+// After: Using pify utility
+const pify = require('pify')
+const promisifiedReadFile = pify(fs.readFile)
+
+// Or using Node.js built-in promisify
+const { promisify } = require('util')
+const promisifiedReadFile = promisify(fs.readFile)
+```
+
+### Finally Block Best Practices
+
+```javascript
+// ❌ Problematic finally usage
+function processResource() {
+  return acquireResource()
+    .then(resource => {
+      return resource.process()
+    })
+    .catch(error => {
+      console.error('Processing failed:', error)
+      return null
+    })
+    .finally(() => {
+      // ❌ Bad: This return overrides the above returns
+      return 'cleanup-complete'
+    })
+}
+
+// ✅ Correct finally usage
+function processResource() {
+  let resource
+  
+  return acquireResource()
+    .then(acquired => {
+      resource = acquired
+      return resource.process()
+    })
+    .catch(error => {
+      console.error('Processing failed:', error)
+      return null
+    })
+    .finally(() => {
+      // ✅ Good: Side effects only, no return
+      if (resource) {
+        resource.cleanup()
+      }
+      console.log('Resource processing completed')
+    })
+}
+```
+
+## Browser Compatibility
+
+### Promise Feature Detection
+
+```javascript
+// Check for specific Promise features
+const hasPromise = typeof Promise !== 'undefined'
+const hasPromiseFinally = hasPromise && typeof Promise.prototype.finally === 'function'
+const hasPromiseAllSettled = hasPromise && typeof Promise.allSettled === 'function'
+
+// Conditional usage based on feature availability
+function waitForAll(promises) {
+  if (hasPromiseAllSettled) {
+    return Promise.allSettled(promises)
+  } else {
+    // Fallback for older environments
+    return Promise.all(promises.map(p => 
+      p.catch(error => ({ error }))
+    ))
+  }
+}
+```
+
+### Polyfill Integration
+
+```javascript
+// Recommended polyfill setup for compatibility rules
+// Should be done before any Promise usage
+
+// 1. Core Promise polyfill
+require('es6-promise/auto')
+
+// 2. Additional Promise methods if needed
+if (!Promise.prototype.finally) {
+  require('promise.prototype.finally').shim()
+}
+
+if (!Promise.allSettled) {
+  require('promise.allsettled').shim()
+}
+```
+
+## Rule Configuration Options
+
+### No Native Options
+
+This rule has no configuration options and is typically disabled in modern environments:
+
+```javascript
+{
+  "promise/no-native": "off"  // Disabled by default in recommended config
+}
+```
+
+### Avoid New Options
+
+This rule has no configuration options:
+
+```javascript
+{
+  "promise/avoid-new": "off"  // Disabled by default, enable if using strict utility-only approach
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-eslint-plugin-promise/docs/constructors.md b/.tessl/tiles/tessl/npm-eslint-plugin-promise/docs/constructors.md
new file mode 100644
index 000000000..c3d172b7c
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-eslint-plugin-promise/docs/constructors.md
@@ -0,0 +1,256 @@
+# Promise Constructors
+
+Rules that govern proper Promise constructor usage, parameter handling, and Promise creation patterns.
+
+## Capabilities
+
+### Parameter Names Rule
+
+Enforces consistent parameter names and ordering when creating new promises.
+
+```javascript { .api }
+/**
+ * Enforces consistent naming for Promise constructor parameters
+ * Improves code readability by standardizing resolve/reject parameter names
+ */
+const rule = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'Enforce consistent param names and ordering when creating new promises.',
+      url: 'https://github.com/eslint-community/eslint-plugin-promise/blob/main/docs/rules/param-names.md'
+    },
+    schema: [{
+      type: 'object',
+      properties: {
+        resolvePattern: { type: 'string' },
+        rejectPattern: { type: 'string' }
+      },
+      additionalProperties: false
+    }],
+    messages: {
+      resolveParamNames: 'Promise constructor parameters must be named to match "{{ resolvePattern }}"',
+      rejectParamNames: 'Promise constructor parameters must be named to match "{{ rejectPattern }}"'
+    }
+  }
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// ❌ Bad - non-standard parameter names
+new Promise(function(yes, no) {
+  yes(value)
+})
+
+// ✅ Good - standard parameter names
+new Promise(function(resolve, reject) {
+  resolve(value)
+})
+
+// ✅ Good - underscore prefix allowed by default
+new Promise(function(_resolve, _reject) {
+  _resolve(value)
+})
+```
+
+### Valid Parameters Rule
+
+Enforces the proper number of arguments are passed to Promise functions, covering both static methods and instance methods.
+
+```javascript { .api }
+/**
+ * Validates argument count for Promise methods
+ * Prevents common mistakes in Promise method usage
+ */
+const rule = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'Enforces the proper number of arguments are passed to Promise functions.',
+      url: 'https://github.com/eslint-community/eslint-plugin-promise/blob/main/docs/rules/valid-params.md'
+    },
+    schema: [],
+    messages: {
+      requireOneOptionalArgument: 'Promise.{{ name }}() requires 0 or 1 arguments, but received {{ numArgs }}',
+      requireOneArgument: 'Promise.{{ name }}() requires 1 argument, but received {{ numArgs }}',
+      requireTwoOptionalArguments: 'Promise.{{ name }}() requires 1 or 2 arguments, but received {{ numArgs }}'
+    }
+  }
+}
+```
+
+**Validated Methods:**
+
+- **0 or 1 arguments**: `Promise.resolve()`, `Promise.reject()`
+- **1 argument required**: `Promise.all()`, `Promise.allSettled()`, `Promise.race()`, `Promise.any()`, `.catch()`, `.finally()`
+- **1 or 2 arguments**: `.then()`
+
+**Usage Examples:**
+
+```javascript
+// ❌ Bad - too many arguments
+Promise.resolve(value, extraArg)
+Promise.reject(error, extraArg)
+
+// ✅ Good - correct argument count
+Promise.resolve(42)
+Promise.reject(new Error('failed'))
+
+// ❌ Bad - missing required arguments
+Promise.all()
+promise.catch()
+
+// ✅ Good - required arguments provided
+Promise.all([promise1, promise2])
+promise.catch(handleError)
+
+// ❌ Bad - too many arguments for then()
+promise.then(onResolve, onReject, extraArg)
+
+// ✅ Good - correct then() usage
+promise.then(onResolve)
+promise.then(onResolve, onReject)
+```
+
+### No New Statics Rule
+
+Disallows calling `new` on a Promise static method (auto-fixable).
+
+```javascript { .api }
+/**
+ * Prevents using 'new' operator with Promise static methods
+ * Auto-fixes by removing unnecessary 'new' keyword
+ */
+const rule = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'Disallow calling `new` on a Promise static method.',
+      url: 'https://github.com/eslint-community/eslint-plugin-promise/blob/main/docs/rules/no-new-statics.md'
+    },
+    schema: [],
+    messages: {
+      avoidNewStatic: "Avoid calling 'new' on 'Promise.{{ name }}()'"
+    },
+    fixable: 'code'
+  }
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// ❌ Bad - using new with static methods
+new Promise.resolve(value)
+new Promise.reject(error)
+new Promise.all([promise1, promise2])
+
+// ✅ Good - static methods without new
+Promise.resolve(value)
+Promise.reject(error)
+Promise.all([promise1, promise2])
+
+// ✅ Good - new with constructor is fine
+new Promise((resolve, reject) => { /* ... */ })
+```
+
+### No Multiple Resolved Rule
+
+Disallows creating new promises with paths that resolve multiple times.
+
+```javascript { .api }
+/**
+ * Prevents promises that can resolve or reject multiple times
+ * Catches common anti-patterns in Promise constructor usage
+ */
+const rule = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'Disallow creating new promises with paths that resolve multiple times.',
+      url: 'https://github.com/eslint-community/eslint-plugin-promise/blob/main/docs/rules/no-multiple-resolved.md'
+    },
+    schema: [],
+    messages: {
+      multipleResolves: 'Promise should not be resolved multiple times.',
+      multipleRejects: 'Promise should not be rejected multiple times.'
+    }
+  }
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// ❌ Bad - multiple resolve paths
+new Promise((resolve, reject) => {
+  if (condition1) {
+    resolve(value1)
+  }
+  if (condition2) {
+    resolve(value2)  // Potential multiple resolution
+  }
+})
+
+// ✅ Good - single resolution path
+new Promise((resolve, reject) => {
+  if (condition1) {
+    resolve(value1)
+  } else if (condition2) {
+    resolve(value2)
+  }
+})
+
+// ✅ Good - guard clauses prevent multiple resolution
+new Promise((resolve, reject) => {
+  if (condition1) {
+    resolve(value1)
+    return
+  }
+  if (condition2) {
+    resolve(value2)
+  }
+})
+```
+
+## Rule Configuration Options
+
+### Parameter Names Options
+
+```javascript
+{
+  "promise/param-names": ["error", {
+    "resolvePattern": "^_?resolve$",  // Regex pattern for resolve parameter name
+    "rejectPattern": "^_?reject$"     // Regex pattern for reject parameter name
+  }]
+}
+```
+
+Custom patterns example:
+```javascript
+{
+  "promise/param-names": ["error", {
+    "resolvePattern": "^(resolve|fulfill|success)$",
+    "rejectPattern": "^(reject|fail|error)$"
+  }]
+}
+```
+
+## Promise Static Methods
+
+The following Promise static methods are recognized by these rules:
+
+```javascript { .api }
+const promiseStatics = [
+  'resolve',     // Promise.resolve(value)
+  'reject',      // Promise.reject(reason)
+  'all',         // Promise.all(iterable)
+  'allSettled',  // Promise.allSettled(iterable)
+  'race',        // Promise.race(iterable)
+  'any'          // Promise.any(iterable)
+]
+```
+
+These methods should never be called with the `new` operator and have specific argument requirements validated by the `valid-params` rule.
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-eslint-plugin-promise/docs/flow-control.md b/.tessl/tiles/tessl/npm-eslint-plugin-promise/docs/flow-control.md
new file mode 100644
index 000000000..45d3fcdee
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-eslint-plugin-promise/docs/flow-control.md
@@ -0,0 +1,233 @@
+# Promise Flow Control
+
+Rules that enforce proper Promise chain structure and control flow patterns to ensure readable and maintainable Promise-based code.
+
+## Capabilities
+
+### Always Return Rule
+
+Requires returning inside each `then()` to create readable and reusable Promise chains.
+
+```javascript { .api }
+/**
+ * Enforces that promises are returned from then() callbacks
+ * Prevents broken promise chains and unhandled promises
+ */
+const rule = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'Require returning inside each `then()` to create readable and reusable Promise chains.',
+      url: 'https://github.com/eslint-community/eslint-plugin-promise/blob/main/docs/rules/always-return.md'
+    },
+    schema: [{
+      type: 'object',
+      properties: {
+        ignoreLastCallback: { type: 'boolean' }
+      },
+      additionalProperties: false
+    }],
+    messages: {
+      expectedReturnValue: 'Each then() should return a value or throw'
+    }
+  }
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// ❌ Bad - missing return
+promise.then(function(val) {
+  val.doSomething()
+})
+
+// ✅ Good - explicit return
+promise.then(function(val) {
+  return val.doSomething()
+})
+
+// ✅ Good - arrow function implicit return
+promise.then(val => val.doSomething())
+```
+
+### Catch or Return Rule
+
+Enforces the use of `catch()` on un-returned promises to prevent unhandled rejections.
+
+```javascript { .api }
+/**
+ * Ensures promises are either returned or have catch handlers
+ * Prevents unhandled promise rejections
+ */
+const rule = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'Enforce the use of `catch()` on un-returned promises.',
+      url: 'https://github.com/eslint-community/eslint-plugin-promise/blob/main/docs/rules/catch-or-return.md'
+    },
+    schema: [{
+      type: 'object',
+      properties: {
+        allowThen: { type: 'boolean' },
+        allowFinally: { type: 'boolean' },
+        terminationMethod: {
+          oneOf: [
+            { type: 'string' },
+            { type: 'array', items: { type: 'string' } }
+          ]
+        }
+      },
+      additionalProperties: false
+    }],
+    messages: {
+      terminationMethod: 'Expected {{ terminationMethod }}'
+    }
+  }
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// ❌ Bad - no catch and not returned
+function processData() {
+  promise.then(handleData)
+}
+
+// ✅ Good - has catch handler
+function processData() {
+  promise.then(handleData).catch(handleError)
+}
+
+// ✅ Good - promise is returned
+function processData() {
+  return promise.then(handleData)
+}
+```
+
+### No Nesting Rule
+
+Disallows nested `then()` or `catch()` statements to promote flat Promise chains.
+
+```javascript { .api }
+/**
+ * Prevents nested then() and catch() calls
+ * Encourages flat promise chains for better readability
+ */
+const rule = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'Disallow nested `then()` or `catch()` statements.',
+      url: 'https://github.com/eslint-community/eslint-plugin-promise/blob/main/docs/rules/no-nesting.md'
+    },
+    schema: [],
+    messages: {
+      avoidNesting: 'Avoid nesting promises.'
+    }
+  }
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// ❌ Bad - nested promises
+promise.then(function(val) {
+  return anotherPromise.then(function(val2) {
+    return val + val2
+  })
+})
+
+// ✅ Good - flat promise chain
+promise
+  .then(function(val) {
+    return anotherPromise
+  })
+  .then(function(val2) {
+    return val + val2
+  })
+```
+
+### No Return Wrap Rule
+
+Disallows wrapping values in `Promise.resolve` or `Promise.reject` when not needed.
+
+```javascript { .api }
+/**
+ * Prevents unnecessary Promise.resolve() and Promise.reject() wrapping
+ * Simplifies promise chains by avoiding redundant wrapping
+ */
+const rule = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'Disallow wrapping values in `Promise.resolve` or `Promise.reject` when not needed.',
+      url: 'https://github.com/eslint-community/eslint-plugin-promise/blob/main/docs/rules/no-return-wrap.md'
+    },
+    schema: [{
+      type: 'object',
+      properties: {
+        allowReject: { type: 'boolean' }
+      },
+      additionalProperties: false
+    }],
+    messages: {
+      wrapReturned: 'Avoid wrapping return values in Promise.resolve'
+    }
+  }
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// ❌ Bad - unnecessary Promise.resolve
+promise.then(function(val) {
+  return Promise.resolve(val * 2)
+})
+
+// ✅ Good - return value directly
+promise.then(function(val) {
+  return val * 2
+})
+
+// ✅ Good - Promise.resolve at top level is OK
+return Promise.resolve(someValue)
+```
+
+## Rule Configuration Options
+
+### Always Return Options
+
+```javascript
+{
+  "promise/always-return": ["error", {
+    "ignoreLastCallback": false  // If true, allows missing return in final callback
+  }]
+}
+```
+
+### Catch or Return Options
+
+```javascript
+{
+  "promise/catch-or-return": ["error", {
+    "allowThen": false,           // Allow .then() with rejection handler as termination
+    "allowFinally": false,        // Allow .finally() as termination method
+    "terminationMethod": "catch"  // Required termination method name(s)
+  }]
+}
+```
+
+### No Return Wrap Options
+
+```javascript
+{
+  "promise/no-return-wrap": ["error", {
+    "allowReject": false  // If true, allows Promise.reject() wrapping
+  }]
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-eslint-plugin-promise/docs/index.md b/.tessl/tiles/tessl/npm-eslint-plugin-promise/docs/index.md
new file mode 100644
index 000000000..644e629d2
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-eslint-plugin-promise/docs/index.md
@@ -0,0 +1,257 @@
+# eslint-plugin-promise
+
+ESLint plugin that enforces best practices for JavaScript promises. Provides 15 comprehensive linting rules to help developers write cleaner, more maintainable Promise-based code by catching common anti-patterns and enforcing consistent coding standards.
+
+## Package Information
+
+- **Package Name**: eslint-plugin-promise
+- **Package Type**: npm
+- **Language**: JavaScript
+- **Installation**: `npm install eslint-plugin-promise --save-dev`
+
+## Core Imports
+
+ESLint plugin configuration:
+
+```javascript
+// .eslintrc.json (legacy config)
+{
+  "plugins": ["promise"],
+  "extends": ["plugin:promise/recommended"]
+}
+```
+
+```javascript
+// eslint.config.js (flat config)
+import pluginPromise from 'eslint-plugin-promise'
+export default [
+  pluginPromise.configs['flat/recommended']
+]
+```
+
+For programmatic access:
+
+```javascript
+const pluginPromise = require('eslint-plugin-promise');
+```
+
+## Basic Usage
+
+```javascript
+// .eslintrc.json - Individual rules
+{
+  "plugins": ["promise"],
+  "rules": {
+    "promise/always-return": "error",
+    "promise/catch-or-return": "error",
+    "promise/param-names": "error",
+    "promise/no-return-wrap": "error",
+    "promise/no-nesting": "warn",
+    "promise/no-new-statics": "error"
+  }
+}
+```
+
+```javascript
+// eslint.config.js - Recommended config with overrides
+import pluginPromise from 'eslint-plugin-promise'
+export default [
+  pluginPromise.configs['flat/recommended'],
+  {
+    rules: {
+      'promise/prefer-await-to-then': 'error',
+      'promise/prefer-await-to-callbacks': 'warn'
+    }
+  }
+]
+```
+
+## Architecture
+
+eslint-plugin-promise is built around several key components:
+
+- **Rule Engine**: 15 individual ESLint rules that analyze Promise usage patterns
+- **Configuration Presets**: Recommended configurations for both legacy and flat ESLint configs
+- **Utility Libraries**: Helper functions for detecting Promise patterns and contexts
+- **Auto-fixing**: Several rules provide automatic code fixes where possible
+
+## Capabilities
+
+### Plugin Configuration
+
+Main plugin object with rules and configurations for ESLint integration.
+
+```javascript { .api }
+const pluginPromise = {
+  rules: {
+    'param-names': Rule,
+    'no-return-wrap': Rule,
+    'always-return': Rule,
+    'catch-or-return': Rule,
+    'prefer-await-to-callbacks': Rule,
+    'prefer-await-to-then': Rule,
+    'no-native': Rule,
+    'no-callback-in-promise': Rule,
+    'no-promise-in-callback': Rule,
+    'no-nesting': Rule,
+    'avoid-new': Rule,
+    'no-new-statics': Rule,
+    'no-return-in-finally': Rule,
+    'valid-params': Rule,
+    'no-multiple-resolved': Rule
+  },
+  configs: {
+    recommended: LegacyConfig,
+    'flat/recommended': FlatConfig
+  }
+}
+
+interface LegacyConfig {
+  plugins: string[];
+  rules: Record<string, string>;
+}
+
+interface FlatConfig {
+  name: string;
+  plugins: { promise: typeof pluginPromise };
+  rules: Record<string, string>;
+}
+
+interface Rule {
+  meta: {
+    type: 'problem' | 'suggestion' | 'layout';
+    docs: {
+      description: string;
+      url: string;
+    };
+    schema?: any[];
+    messages?: Record<string, string>;
+    fixable?: 'code' | 'whitespace';
+  };
+  create(context: ESLintContext): ESLintVisitor;
+}
+
+interface ESLintContext {
+  options: any[];
+  report(descriptor: {
+    node: any;
+    messageId?: string;
+    message?: string;
+    data?: Record<string, any>;
+    fix?: (fixer: any) => any;
+  }): void;
+}
+
+interface ESLintVisitor {
+  [key: string]: (node: any) => void;
+}
+```
+
+### Promise Flow Control Rules
+
+Rules that enforce proper Promise chain structure and control flow patterns.
+
+```javascript { .api }
+// Key rules for Promise flow control
+const flowControlRules = {
+  'always-return': 'error',      // Require returning inside each then()
+  'catch-or-return': 'error',    // Enforce catch() on un-returned promises
+  'no-nesting': 'warn',          // Disallow nested then()/catch()
+  'no-return-wrap': 'error'      // Avoid unnecessary Promise.resolve/reject wrapping
+}
+```
+
+[Promise Flow Control](./flow-control.md)
+
+### Promise Constructor Rules
+
+Rules that govern proper Promise constructor usage and parameter handling.
+
+```javascript { .api }
+// Key rules for Promise constructors
+const constructorRules = {
+  'param-names': 'error',         // Enforce consistent parameter names
+  'valid-params': 'warn',         // Enforce proper number of arguments
+  'no-new-statics': 'error',      // Disallow new on Promise static methods
+  'no-multiple-resolved': 'off'   // Disallow multiple resolution paths (not in recommended)
+}
+```
+
+[Promise Constructors](./constructors.md)
+
+### Async Pattern Rules
+
+Rules that encourage modern async/await patterns over traditional Promise chains.
+
+```javascript { .api }
+// Key rules for async patterns
+const asyncPatternRules = {
+  'prefer-await-to-callbacks': 'off',  // Prefer async/await over callbacks
+  'prefer-await-to-then': 'off',       // Prefer await over then()/catch()
+  'no-callback-in-promise': 'warn',    // Disallow callbacks inside then()
+  'no-promise-in-callback': 'warn'     // Disallow promises inside callbacks
+}
+```
+
+[Async Patterns](./async-patterns.md)
+
+### Compatibility and Control Rules
+
+Rules for environment compatibility and advanced Promise control patterns.
+
+```javascript { .api }
+// Key rules for compatibility and control
+const compatibilityRules = {
+  'no-native': 'off',                // Require Promise constructor in ES5
+  'avoid-new': 'off',                // Disallow new promises outside utilities
+  'no-return-in-finally': 'warn'     // Disallow return statements in finally()
+}
+```
+
+[Compatibility Rules](./compatibility.md)
+
+## Installation Requirements
+
+- **Node.js**: ^12.22.0 || ^14.17.0 || >=16.0.0
+- **ESLint**: ^7.0.0 || ^8.0.0 || ^9.0.0
+- **TypeScript Support**: Compatible with @typescript-eslint/parser
+
+## Configuration Examples
+
+### Legacy ESLint Configuration
+
+```json
+{
+  "plugins": ["promise"],
+  "extends": ["plugin:promise/recommended"],
+  "rules": {
+    "promise/always-return": "error",
+    "promise/catch-or-return": "error",
+    "promise/param-names": ["error", {
+      "resolvePattern": "^_?resolve$",
+      "rejectPattern": "^_?reject$"
+    }],
+    "promise/prefer-await-to-then": "warn"
+  }
+}
+```
+
+### Flat ESLint Configuration
+
+```javascript
+import pluginPromise from 'eslint-plugin-promise'
+
+export default [
+  {
+    files: ['**/*.js', '**/*.ts'],
+    plugins: {
+      promise: pluginPromise
+    },
+    rules: {
+      ...pluginPromise.configs['flat/recommended'].rules,
+      'promise/prefer-await-to-then': 'error',
+      'promise/no-callback-in-promise': 'error'
+    }
+  }
+]
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-eslint-plugin-promise/tile.json b/.tessl/tiles/tessl/npm-eslint-plugin-promise/tile.json
new file mode 100644
index 000000000..51df2c928
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-eslint-plugin-promise/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-eslint-plugin-promise",
+  "version": "6.6.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/eslint-plugin-promise@6.6.0",
+  "summary": "ESLint plugin that enforces best practices for JavaScript promises with 15 comprehensive linting rules"
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-eslint-plugin-react/docs/code-style-rules.md b/.tessl/tiles/tessl/npm-eslint-plugin-react/docs/code-style-rules.md
new file mode 100644
index 000000000..bfff985f6
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-eslint-plugin-react/docs/code-style-rules.md
@@ -0,0 +1,525 @@
+# Code Style and Organization Rules
+
+Rules for consistent code formatting, component organization, and style conventions in React applications. These rules ensure maintainable and readable React codebases.
+
+## Capabilities
+
+### Component Organization Rules
+
+Rules for organizing components and their internal structure.
+
+```javascript { .api }
+const organizationRules = {
+  /** Enforce component methods order */
+  'react/sort-comp': ESLintRule;
+  /** Enforce consistent placement for static properties */
+  'react/static-property-placement': ESLintRule;
+  /** Enforce destructuring assignment for props, state, and context */
+  'react/destructuring-assignment': ESLintRule;
+  /** Enforce consistent function component definition style */
+  'react/function-component-definition': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - Proper component method order
+class MyComponent extends React.Component {
+  // Static properties first
+  static propTypes = {
+    name: PropTypes.string
+  };
+  
+  static defaultProps = {
+    name: 'Anonymous'
+  };
+  
+  // Constructor
+  constructor(props) {
+    super(props);
+    this.state = { count: 0 };
+  }
+  
+  // Lifecycle methods
+  componentDidMount() {
+    this.initializeComponent();
+  }
+  
+  componentDidUpdate(prevProps) {
+    if (prevProps.name !== this.props.name) {
+      this.handleNameChange();
+    }
+  }
+  
+  // Event handlers and custom methods
+  handleClick = () => {
+    this.setState({ count: this.state.count + 1 });
+  }
+  
+  initializeComponent() {
+    // Initialization logic
+  }
+  
+  // Render method last
+  render() {
+    return (
+      <div>
+        <span>{this.props.name}: {this.state.count}</span>
+        <button onClick={this.handleClick}>Increment</button>
+      </div>
+    );
+  }
+}
+
+// ✓ Good - Destructuring assignment
+const MyComponent = ({ name, age, onAction }) => {
+  const [count, setCount] = useState(0);
+  
+  return (
+    <div>
+      <span>{name} ({age}): {count}</span>
+      <button onClick={() => setCount(count + 1)}>Increment</button>
+      <button onClick={onAction}>Action</button>
+    </div>
+  );
+};
+
+// ✗ Bad - No destructuring
+const MyComponent = (props) => {
+  const [count, setCount] = useState(0);
+  
+  return (
+    <div>
+      <span>{props.name} ({props.age}): {count}</span>
+      <button onClick={props.onAction}>Action</button>
+    </div>
+  );
+};
+```
+
+### JSX Formatting Rules
+
+Rules for consistent JSX element formatting and structure.
+
+```javascript { .api }
+const jsxFormattingRules = {
+  /** Enforce self-closing when JSX element has no children */
+  'react/self-closing-comp': ESLintRule;
+  /** Enforce boolean attributes notation in JSX */
+  'react/jsx-boolean-value': ESLintRule;
+  /** Enforce or forbid the use of curly braces inside JSX props */
+  'react/jsx-curly-brace-presence': ESLintRule;
+  /** Prevent missing parentheses around multilines JSX */
+  'react/jsx-wrap-multilines': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - Self-closing components
+<MyComponent />
+<input type="text" />
+<img src="image.jpg" alt="Description" />
+
+// ✗ Bad - Unnecessary closing tags
+<MyComponent></MyComponent>
+<input type="text"></input>
+<img src="image.jpg" alt="Description"></img>
+
+// ✓ Good - Consistent boolean attribute style
+// Explicit style (when configured)
+<MyComponent isVisible={true} isActive={false} />
+
+// Shorthand style (when configured)  
+<MyComponent isVisible isActive={false} />
+
+// ✗ Bad - Mixed boolean styles
+<MyComponent isVisible={true} isActive />
+
+// ✓ Good - Appropriate curly brace usage
+<MyComponent 
+  title="Static String"
+  count={42}
+  isActive={isUserActive}
+  style={{ color: 'red' }}
+/>
+
+// ✗ Bad - Unnecessary curly braces
+<MyComponent 
+  title={"Static String"}
+  count={"42"}
+/>
+
+// ✓ Good - Multiline JSX with parentheses
+const element = (
+  <div className="container">
+    <Header title="My App" />
+    <Content data={data} />
+    <Footer />
+  </div>
+);
+
+// ✗ Bad - Multiline JSX without parentheses
+const element = <div className="container">
+  <Header title="My App" />
+  <Content data={data} />
+  <Footer />
+</div>;
+```
+
+### Props and Attributes Styling
+
+Rules for consistent prop and attribute formatting.
+
+```javascript { .api }
+const propsStyleRules = {
+  /** Enforce props alphabetical sorting */
+  'react/jsx-sort-props': ESLintRule;
+  /** Disallow multiple spaces between inline JSX props */
+  'react/jsx-props-no-multi-spaces': ESLintRule;
+  /** Prevent JSX prop spreading */
+  'react/jsx-props-no-spreading': ESLintRule;
+  /** Disallow JSX props to use spread operator with multiple objects */
+  'react/jsx-props-no-spread-multi': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - Props in alphabetical order (when configured)
+<MyComponent
+  age={25}
+  name="John"
+  onAction={handleAction}
+  role="admin"
+/>
+
+// ✗ Bad - Props not alphabetically sorted
+<MyComponent
+  name="John"
+  age={25}
+  role="admin"
+  onAction={handleAction}
+/>
+
+// ✓ Good - Single space between props
+<MyComponent prop1="value1" prop2="value2" prop3="value3" />
+
+// ✗ Bad - Multiple spaces between props
+<MyComponent prop1="value1"    prop2="value2"   prop3="value3" />
+
+// ✓ Good - Explicit props (when spreading is forbidden)
+<MyComponent
+  name={user.name}
+  email={user.email}
+  age={user.age}
+/>
+
+// ✗ Bad - Prop spreading (when forbidden)
+<MyComponent {...user} />
+
+// ✓ Good - Single spread (when spreading is allowed)
+<MyComponent {...commonProps} specificProp="value" />
+
+// ✗ Bad - Multiple spreads
+<MyComponent {...props1} {...props2} />
+```
+
+### Naming Conventions
+
+Rules for consistent naming patterns in React components.
+
+```javascript { .api }
+const namingRules = {
+  /** Enforce PascalCase for user-defined JSX components */
+  'react/jsx-pascal-case': ESLintRule;
+  /** Enforce specific naming pattern for boolean props */
+  'react/boolean-prop-naming': ESLintRule;
+  /** Enforce event handler naming conventions in JSX */
+  'react/jsx-handler-names': ESLintRule;
+  /** Prevent missing displayName in React component definition */
+  'react/display-name': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - Component names in PascalCase
+<UserProfile />
+<NavigationBar />
+<DataVisualization />
+
+// ✗ Bad - Component names not in PascalCase
+<userProfile />
+<navigationbar />
+<dataVisualization />
+
+// ✓ Good - Boolean props with proper naming
+<Modal isOpen hasBackdrop canClose />
+<Button isDisabled hasIcon />
+<Input isRequired hasError />
+
+// ✗ Bad - Boolean props without proper prefix
+<Modal open backdrop close />
+<Button disabled icon />
+<Input required error />
+
+// ✓ Good - Event handler naming conventions
+<Button onClick={handleClick} onHover={handleHover} />
+<Input onChange={handleChange} onFocus={handleFocus} />
+
+// ✗ Bad - Event handler naming (when strict conventions enforced)
+<Button onClick={click} onHover={hover} />
+<Input onChange={change} onFocus={focus} />
+
+// ✓ Good - Component with displayName
+const MyComponent = () => <div>Hello</div>;
+MyComponent.displayName = 'MyComponent';
+
+export default MyComponent;
+```
+
+### File and Import Organization
+
+Rules for organizing imports and file structure.
+
+```javascript { .api }
+const fileOrganizationRules = {
+  /** Restrict file extensions that may contain JSX */
+  'react/jsx-filename-extension': ESLintRule;
+  /** Prevent multiple component definition per file */
+  'react/no-multi-comp': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - JSX in appropriate file extensions
+// UserProfile.jsx
+export const UserProfile = ({ user }) => (
+  <div>
+    <h2>{user.name}</h2>
+    <p>{user.email}</p>
+  </div>
+);
+
+// ✓ Good - One component per file (when rule enforces single component)
+// Button.jsx
+export const Button = ({ children, onClick }) => (
+  <button onClick={onClick}>{children}</button>
+);
+
+// ✗ Bad - Multiple components in one file (when single component enforced)
+// Components.jsx
+export const Button = ({ children }) => <button>{children}</button>;
+export const Input = ({ value }) => <input value={value} />;
+export const Label = ({ text }) => <label>{text}</label>;
+
+// Configuration for file extensions:
+{
+  "rules": {
+    "react/jsx-filename-extension": [
+      "error", 
+      { "extensions": [".jsx", ".tsx"] }
+    ]
+  }
+}
+```
+
+### Style and CSS Rules
+
+Rules for handling styles and CSS in React components.
+
+```javascript { .api }
+const styleRules = {
+  /** Enforce style prop value to be an object */
+  'react/style-prop-object': ESLintRule;
+  /** Forbid certain DOM props */
+  'react/forbid-dom-props': ESLintRule;
+  /** Forbid certain component props */
+  'react/forbid-component-props': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - Style prop as object
+<div style={{ color: 'red', fontSize: '16px' }}>
+  Styled content
+</div>
+
+// ✗ Bad - Style prop as string
+<div style="color: red; font-size: 16px;">
+  Styled content
+</div>
+
+// ✓ Good - CSS classes (when inline styles are forbidden)
+<div className="styled-content">
+  Content with CSS class
+</div>
+
+// ✗ Bad - Inline styles (when forbidden)
+<div style={{ color: 'red' }}>
+  Content with inline style
+</div>
+
+// Configuration example:
+{
+  "rules": {
+    "react/forbid-dom-props": ["error", {
+      "forbid": ["style"] // Forbid inline styles
+    }],
+    "react/forbid-component-props": ["error", {
+      "forbid": ["style", "className"] // Forbid styling props on custom components
+    }]
+  }
+}
+```
+
+### Code Formatting Rules
+
+Rules for general code formatting and whitespace.
+
+```javascript { .api }
+const formattingRules = {
+  /** Enforce child element spacing */
+  'react/jsx-child-element-spacing': ESLintRule;
+  /** Require or prevent a new line after jsx elements and expressions */
+  'react/jsx-newline': ESLintRule;
+  /** Restrict to one expression per line in JSX */
+  'react/jsx-one-expression-per-line': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - Proper child element spacing
+<div>
+  <span>First element</span>
+  <span>Second element</span>
+</div>
+
+// ✗ Bad - Missing spacing between inline elements
+<div>
+  <span>First</span><span>Second</span>
+</div>
+
+// ✓ Good - Newlines after JSX elements (when configured)
+const MyComponent = () => {
+  return (
+    <div>
+      
+      <Header />
+      
+      <Content />
+      
+      <Footer />
+      
+    </div>
+  );
+};
+
+// ✓ Good - One expression per line
+<div>
+  <span>{user.name}</span>
+  <span>{user.email}</span>
+  <span>{user.role}</span>
+</div>
+
+// ✗ Bad - Multiple expressions on same line
+<div>
+  <span>{user.name}</span> <span>{user.email}</span>
+</div>
+```
+
+## Style Rule Configuration
+
+Code style rules offer extensive configuration options:
+
+```javascript
+{
+  "rules": {
+    "react/sort-comp": ["error", {
+      "order": [
+        "static-variables",
+        "static-methods",
+        "instance-variables",
+        "lifecycle",
+        "everything-else",
+        "render"
+      ]
+    }],
+    
+    "react/jsx-sort-props": ["error", {
+      "callbacksLast": true,
+      "shorthandFirst": false,
+      "shorthandLast": true,
+      "ignoreCase": true,
+      "noSortAlphabetically": false,
+      "reservedFirst": true
+    }],
+    
+    "react/function-component-definition": ["error", {
+      "namedComponents": "arrow-function",
+      "unnamedComponents": "arrow-function"
+    }],
+    
+    "react/destructuring-assignment": ["error", "always", {
+      "ignoreClassFields": false,
+      "destructureInSignature": "always"
+    }],
+    
+    "react/jsx-curly-brace-presence": ["error", {
+      "props": "never",
+      "children": "never",
+      "propElementValues": "always"
+    }],
+    
+    "react/boolean-prop-naming": ["error", {
+      "rule": "^(is|has)[A-Z]([A-Za-z0-9]?)+",
+      "message": "Boolean props should start with 'is' or 'has'"
+    }]
+  }
+}
+```
+
+## Integration with Prettier
+
+When using Prettier alongside ESLint, some formatting rules may conflict:
+
+```javascript
+// .eslintrc.js
+module.exports = {
+  extends: [
+    'plugin:react/recommended',
+    'prettier' // Prettier config should come last
+  ],
+  rules: {
+    // Disable rules that conflict with Prettier
+    'react/jsx-indent': 'off',
+    'react/jsx-indent-props': 'off',
+    'react/jsx-closing-bracket-location': 'off',
+    'react/jsx-closing-tag-location': 'off',
+    'react/jsx-curly-spacing': 'off',
+    'react/jsx-equals-spacing': 'off',
+    'react/jsx-first-prop-new-line': 'off',
+    'react/jsx-max-props-per-line': 'off',
+    'react/jsx-one-expression-per-line': 'off',
+    'react/jsx-props-no-multi-spaces': 'off',
+    'react/jsx-tag-spacing': 'off',
+    'react/jsx-wrap-multilines': 'off',
+    
+    // Keep non-formatting rules
+    'react/jsx-sort-props': 'error',
+    'react/self-closing-comp': 'error',
+    'react/jsx-boolean-value': 'error'
+  }
+};
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-eslint-plugin-react/docs/component-lifecycle-rules.md b/.tessl/tiles/tessl/npm-eslint-plugin-react/docs/component-lifecycle-rules.md
new file mode 100644
index 000000000..c4f5f1ccf
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-eslint-plugin-react/docs/component-lifecycle-rules.md
@@ -0,0 +1,466 @@
+# Component Lifecycle Rules
+
+Rules for React component lifecycle methods, state management, and component update patterns. These rules ensure proper usage of lifecycle methods and prevent common state-related issues.
+
+## Capabilities
+
+### State Management Rules
+
+Rules for safe and proper state management in React components.
+
+```javascript { .api }
+const stateRules = {
+  /** Prevent usage of setState in componentDidMount */
+  'react/no-did-mount-set-state': ESLintRule;
+  /** Prevent usage of setState in componentDidUpdate */
+  'react/no-did-update-set-state': ESLintRule;
+  /** Prevent usage of setState in componentWillUpdate */
+  'react/no-will-update-set-state': ESLintRule;
+  /** Prevent using this.state within a this.setState */
+  'react/no-access-state-in-setstate': ESLintRule;
+  /** Enforce that setState is used properly */
+  'react/state-in-constructor': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - Async operations without setState in componentDidMount
+class MyComponent extends React.Component {
+  componentDidMount() {
+    this.fetchData(); // Async operation that will setState elsewhere
+  }
+  
+  async fetchData() {
+    try {
+      const data = await api.getData();
+      this.setState({ data }); // setState in separate method is OK
+    } catch (error) {
+      this.setState({ error });
+    }
+  }
+}
+
+// ✗ Bad - setState directly in componentDidMount
+class MyComponent extends React.Component {
+  componentDidMount() {
+    this.setState({ mounted: true }); // Can cause unnecessary re-render
+  }
+}
+
+// ✓ Good - Conditional updates in componentDidUpdate
+class MyComponent extends React.Component {
+  componentDidUpdate(prevProps) {
+    if (prevProps.userId !== this.props.userId) {
+      this.fetchUserData();
+    }
+  }
+}
+
+// ✗ Bad - setState in componentDidUpdate without conditions
+class MyComponent extends React.Component {
+  componentDidUpdate(prevProps) {
+    this.setState({ updated: true }); // Can cause infinite loop
+  }
+}
+
+// ✓ Good - Using functional setState to avoid state dependency
+this.setState(prevState => ({
+  count: prevState.count + 1
+}));
+
+// ✗ Bad - Reading current state in setState
+this.setState({
+  count: this.state.count + 1 // Race condition potential
+});
+```
+
+### Lifecycle Method Usage
+
+Rules for proper usage of React lifecycle methods and avoiding deprecated patterns.
+
+```javascript { .api }
+const lifecycleRules = {
+  /** Prevent usage of componentWillMount, componentWillReceiveProps, componentWillUpdate */
+  'react/no-deprecated': ESLintRule;
+  /** Prevent usage of UNSAFE_ lifecycle methods */
+  'react/no-unsafe': ESLintRule;
+  /** Enforce ES5 or ES6 class for returning value in render function */
+  'react/require-render-return': ESLintRule;
+  /** Prevent usage of shouldComponentUpdate when extending React.PureComponent */
+  'react/no-redundant-should-component-update': ESLintRule;
+  /** Prevent usage of arrow functions in lifecycle methods */
+  'react/no-arrow-function-lifecycle': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - Using modern lifecycle methods
+class MyComponent extends React.Component {
+  static getDerivedStateFromProps(props, state) {
+    if (props.value !== state.previousValue) {
+      return {
+        derivedValue: props.value * 2,
+        previousValue: props.value
+      };
+    }
+    return null;
+  }
+  
+  componentDidMount() {
+    this.setupComponent();
+  }
+  
+  componentDidUpdate(prevProps, prevState) {
+    if (prevState.data !== this.state.data) {
+      this.processData();
+    }
+  }
+  
+  render() {
+    return <div>{this.state.derivedValue}</div>;
+  }
+}
+
+// ✗ Bad - Using deprecated lifecycle methods
+class MyComponent extends React.Component {
+  componentWillMount() {
+    // Deprecated and unsafe
+    this.setupComponent();
+  }
+  
+  componentWillReceiveProps(nextProps) {
+    // Deprecated and unsafe
+    this.setState({ value: nextProps.value });
+  }
+  
+  componentWillUpdate(nextProps, nextState) {
+    // Deprecated and unsafe
+    console.log('About to update');
+  }
+}
+
+// ✓ Good - Proper render method with return
+class MyComponent extends React.Component {
+  render() {
+    return <div>Content</div>;
+  }
+}
+
+// ✗ Bad - Render method without return
+class MyComponent extends React.Component {
+  render() {
+    console.log('rendering');
+    // Missing return statement
+  }
+}
+
+// ✓ Good - Regular methods, not arrow functions for lifecycle
+class MyComponent extends React.Component {
+  componentDidMount() {
+    this.initializeComponent();
+  }
+  
+  // Arrow function for event handlers is OK
+  handleClick = () => {
+    this.setState({ clicked: true });
+  }
+}
+
+// ✗ Bad - Arrow function for lifecycle methods
+class MyComponent extends React.Component {
+  componentDidMount = () => {
+    this.initializeComponent();
+  }
+}
+```
+
+### PureComponent and Performance Rules
+
+Rules for optimizing component performance and avoiding redundant updates.
+
+```javascript { .api }
+const performanceRules = {
+  /** Prevent usage of shouldComponentUpdate when extending React.PureComponent */
+  'react/no-redundant-should-component-update': ESLintRule;
+  /** Enforce usage of optimization like PureComponent or React.memo */
+  'react/require-optimization': ESLintRule;
+  /** Prevent unused state */
+  'react/no-unused-state': ESLintRule;
+  /** Prevent unused class component methods */
+  'react/no-unused-class-component-methods': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - PureComponent without shouldComponentUpdate
+class MyComponent extends React.PureComponent {
+  render() {
+    return <div>{this.props.data}</div>;
+  }
+}
+
+// ✗ Bad - PureComponent with shouldComponentUpdate (redundant)
+class MyComponent extends React.PureComponent {
+  shouldComponentUpdate(nextProps, nextState) {
+    return nextProps.data !== this.props.data;
+  }
+  
+  render() {
+    return <div>{this.props.data}</div>;
+  }
+}
+
+// ✓ Good - Component with shouldComponentUpdate
+class MyComponent extends React.Component {
+  shouldComponentUpdate(nextProps, nextState) {
+    return nextProps.data !== this.props.data;
+  }
+  
+  render() {
+    return <div>{this.props.data}</div>;
+  }
+}
+
+// ✓ Good - All state properties used
+class MyComponent extends React.Component {
+  state = {
+    count: 0,
+    name: ''
+  };
+  
+  render() {
+    return (
+      <div>
+        <span>{this.state.count}</span>
+        <span>{this.state.name}</span>
+      </div>
+    );
+  }
+}
+
+// ✗ Bad - Unused state property
+class MyComponent extends React.Component {
+  state = {
+    count: 0,
+    unused: 'never referenced' // This state is never used
+  };
+  
+  render() {
+    return <div>{this.state.count}</div>;
+  }
+}
+```
+
+### State Initialization and Constructor Rules
+
+Rules for proper state initialization patterns.
+
+```javascript { .api }
+const initializationRules = {
+  /** Enforce state initialization in constructor vs class property */
+  'react/state-in-constructor': ESLintRule;
+  /** Enforce consistent placement of static properties */
+  'react/static-property-placement': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - State in constructor (when rule enforces constructor)
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      count: 0,
+      loading: false
+    };
+  }
+}
+
+// ✓ Good - State as class property (when rule allows class properties)
+class MyComponent extends React.Component {
+  state = {
+    count: 0,
+    loading: false
+  };
+}
+
+// Configuration determines which pattern is enforced:
+{
+  "rules": {
+    "react/state-in-constructor": ["error", "always"], // Enforce constructor
+    // or
+    "react/state-in-constructor": ["error", "never"]   // Enforce class property
+  }
+}
+
+// ✓ Good - Static properties at top (when configured)
+class MyComponent extends React.Component {
+  static propTypes = {
+    name: PropTypes.string
+  };
+  
+  static defaultProps = {
+    name: 'Anonymous'
+  };
+  
+  constructor(props) {
+    super(props);
+    this.state = { count: 0 };
+  }
+  
+  render() {
+    return <div>{this.props.name}</div>;
+  }
+}
+```
+
+### Functional Component Lifecycle
+
+Rules for lifecycle-equivalent patterns in functional components.
+
+```javascript { .api }
+const functionalLifecycleRules = {
+  /** Enforce destructuring and symmetric naming of useState hook value and setter */
+  'react/hook-use-state': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - Proper useState destructuring with symmetric naming
+const MyComponent = () => {
+  const [count, setCount] = useState(0);
+  const [isVisible, setIsVisible] = useState(false);
+  const [userData, setUserData] = useState(null);
+  
+  useEffect(() => {
+    // Effect logic
+  }, [count]);
+  
+  return (
+    <div>
+      <span>Count: {count}</span>
+      <button onClick={() => setCount(count + 1)}>Increment</button>
+    </div>
+  );
+};
+
+// ✗ Bad - Non-symmetric naming for useState
+const MyComponent = () => {
+  const [count, updateCount] = useState(0); // Should be setCount
+  const [isVisible, changeVisibility] = useState(false); // Should be setIsVisible
+  
+  return (
+    <div>
+      <span>Count: {count}</span>
+      <button onClick={() => updateCount(count + 1)}>Increment</button>
+    </div>
+  );
+};
+```
+
+### Error Boundaries and Error Handling
+
+Rules related to error handling in component lifecycle.
+
+```javascript { .api }
+const errorHandlingRules = {
+  /** Prevent usage of isMounted */
+  'react/no-is-mounted': ESLintRule;
+  /** Prevent usage of the return value of React.render */
+  'react/no-render-return-value': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - Error boundary with proper lifecycle methods
+class ErrorBoundary extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false };
+  }
+  
+  static getDerivedStateFromError(error) {
+    return { hasError: true };
+  }
+  
+  componentDidCatch(error, errorInfo) {
+    console.log('Error caught:', error, errorInfo);
+  }
+  
+  render() {
+    if (this.state.hasError) {
+      return <div>Something went wrong.</div>;
+    }
+    
+    return this.props.children;
+  }
+}
+
+// ✓ Good - Avoiding isMounted anti-pattern
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = { data: null };
+    this._isMounted = false;
+  }
+  
+  componentDidMount() {
+    this._isMounted = true;
+    this.fetchData();
+  }
+  
+  componentWillUnmount() {
+    this._isMounted = false;
+  }
+  
+  async fetchData() {
+    const data = await api.getData();
+    if (this._isMounted) {
+      this.setState({ data });
+    }
+  }
+}
+
+// ✗ Bad - Using isMounted (deprecated and unreliable)
+class MyComponent extends React.Component {
+  async fetchData() {
+    const data = await api.getData();
+    if (this.isMounted()) {
+      this.setState({ data });
+    }
+  }
+}
+```
+
+## Lifecycle Rule Configuration
+
+Lifecycle rules often support configuration for different coding styles:
+
+```javascript
+{
+  "rules": {
+    "react/no-did-mount-set-state": ["error", "disallow-in-func"],
+    "react/no-did-update-set-state": ["error", "disallow-in-func"],
+    "react/state-in-constructor": ["error", "always"],
+    "react/static-property-placement": ["error", "property assignment"],
+    "react/hook-use-state": ["error", {
+      "allow": ["count", "setCount"] // Allow specific patterns
+    }],
+    "react/require-optimization": ["error", {
+      "allowDecorators": ["observer"] // Allow certain HOCs to skip optimization
+    }]
+  }
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-eslint-plugin-react/docs/index.md b/.tessl/tiles/tessl/npm-eslint-plugin-react/docs/index.md
new file mode 100644
index 000000000..1e6bcdc35
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-eslint-plugin-react/docs/index.md
@@ -0,0 +1,359 @@
+# ESLint Plugin React
+
+ESLint Plugin React is a comprehensive ESLint plugin specifically designed for React applications, offering 103 total linting rules (with approximately 85 active rules) that enforce React best practices, JSX syntax validation, component patterns, and code quality standards. The plugin includes configurable presets and supports both legacy .eslintrc and modern flat config systems.
+
+## Package Information
+
+- **Package Name**: eslint-plugin-react
+- **Package Type**: npm
+- **Language**: JavaScript (with TypeScript definitions)
+- **Installation**: `npm install eslint eslint-plugin-react --save-dev`
+
+## Core Imports
+
+```javascript
+const reactPlugin = require('eslint-plugin-react');
+```
+
+For ESM:
+
+```javascript
+import reactPlugin from 'eslint-plugin-react';
+```
+
+## Basic Usage
+
+### Legacy ESLint Configuration (.eslintrc)
+
+```json
+{
+  "plugins": ["react"],
+  "extends": ["plugin:react/recommended"],
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  },
+  "parserOptions": {
+    "ecmaFeatures": {
+      "jsx": true
+    }
+  }
+}
+```
+
+### Flat Config (ESLint 9+)
+
+```javascript
+import reactPlugin from 'eslint-plugin-react';
+
+export default [
+  {
+    plugins: { react: reactPlugin },
+    rules: reactPlugin.configs.recommended.rules,
+    languageOptions: {
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true
+        }
+      }
+    },
+    settings: {
+      react: {
+        version: 'detect'
+      }
+    }
+  }
+];
+```
+
+## Architecture
+
+ESLint Plugin React is built around several key components:
+
+- **Rules Engine**: 103 total ESLint rules (approximately 85 active, 18 deprecated) covering React best practices, JSX syntax, and component patterns
+- **Configuration Presets**: Pre-configured rule sets (recommended, all, jsx-runtime) for different React usage patterns
+- **Settings System**: Shared configuration for React version detection, component wrappers, and framework-specific settings
+- **Utility Libraries**: Internal utilities for React component detection, JSX analysis, and AST manipulation
+- **Type Definitions**: TypeScript support for rule configuration and ESLint integration
+
+## Capabilities
+
+### Plugin Configuration
+
+Core plugin object providing rules, configurations, and metadata for ESLint integration.
+
+```javascript { .api }
+interface ReactPlugin {
+  /** Collection of all ESLint rules (103 total: ~85 active, ~18 deprecated) */
+  rules: Record<string, ESLintRule>;
+  /** Predefined configurations for different React usage patterns */
+  configs: {
+    recommended: ESLintConfig;
+    all: ESLintConfig;
+    'jsx-runtime': ESLintConfig;
+    flat: {
+      recommended: FlatConfig;
+      all: FlatConfig;
+      'jsx-runtime': FlatConfig;
+    };
+  };
+  /** Deprecated rules maintained for backward compatibility */
+  deprecatedRules: Record<string, ESLintRule>;
+}
+
+interface ESLintConfig {
+  plugins: string[];
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: boolean;
+    };
+  };
+  rules: Record<string, number | string>;
+}
+
+interface FlatConfig {
+  plugins: { react: ReactPlugin };
+  rules: Record<string, number | string>;
+  languageOptions: {
+    parserOptions: {
+      ecmaFeatures: {
+        jsx: boolean;
+      };
+    };
+  };
+}
+```
+
+[Plugin Configuration](./plugin-configuration.md)
+
+### React Component Rules
+
+Rules for React component definition, lifecycle, and best practices (25+ rules).
+
+```javascript { .api }
+// Key component rules
+rules: {
+  'react/display-name': ESLintRule;
+  'react/prop-types': ESLintRule;
+  'react/require-render-return': ESLintRule;
+  'react/no-direct-mutation-state': ESLintRule;
+  'react/no-deprecated': ESLintRule;
+  'react/no-unsafe': ESLintRule;
+  // ... additional component rules
+}
+```
+
+[React Component Rules](./react-component-rules.md)
+
+### JSX Syntax Rules
+
+Rules for JSX formatting, structure, and best practices (30+ rules).
+
+```javascript { .api }
+// Key JSX rules
+rules: {
+  'react/jsx-key': ESLintRule;
+  'react/jsx-no-duplicate-props': ESLintRule;
+  'react/jsx-no-undef': ESLintRule;
+  'react/jsx-uses-vars': ESLintRule;
+  'react/jsx-closing-bracket-location': ESLintRule;
+  'react/jsx-indent': ESLintRule;
+  // ... additional JSX rules
+}
+```
+
+[JSX Syntax Rules](./jsx-syntax-rules.md)
+
+### Security and Safety Rules
+
+Rules for preventing common security issues and unsafe patterns (15+ rules).
+
+```javascript { .api }
+// Key security rules
+rules: {
+  'react/no-danger': ESLintRule;
+  'react/no-danger-with-children': ESLintRule;
+  'react/jsx-no-script-url': ESLintRule;
+  'react/jsx-no-target-blank': ESLintRule;
+  'react/no-find-dom-node': ESLintRule;
+  // ... additional security rules
+}
+```
+
+[Security and Safety Rules](./security-safety-rules.md)
+
+### Component Lifecycle Rules
+
+Rules for React component lifecycle methods and state management (10+ rules).
+
+```javascript { .api }
+// Key lifecycle rules
+rules: {
+  'react/no-did-mount-set-state': ESLintRule;
+  'react/no-did-update-set-state': ESLintRule;
+  'react/no-will-update-set-state': ESLintRule;
+  'react/no-access-state-in-setstate': ESLintRule;
+  'react/no-redundant-should-component-update': ESLintRule;
+  // ... additional lifecycle rules
+}
+```
+
+[Component Lifecycle Rules](./component-lifecycle-rules.md)
+
+### Prop Types and Validation Rules
+
+Rules for PropTypes usage, validation, and type safety (10+ rules).
+
+```javascript { .api }
+// Key prop validation rules
+rules: {
+  'react/prop-types': ESLintRule;
+  'react/default-props-match-prop-types': ESLintRule;
+  'react/require-default-props': ESLintRule;
+  'react/forbid-prop-types': ESLintRule;
+  'react/sort-prop-types': ESLintRule;
+  // ... additional prop rules
+}
+```
+
+[Prop Types and Validation Rules](./prop-validation-rules.md)
+
+### Code Style and Organization Rules
+
+Rules for consistent code formatting and component organization (15+ rules).
+
+```javascript { .api }
+// Key style rules
+rules: {
+  'react/jsx-sort-props': ESLintRule;
+  'react/sort-comp': ESLintRule;
+  'react/self-closing-comp': ESLintRule;
+  'react/jsx-boolean-value': ESLintRule;
+  'react/jsx-pascal-case': ESLintRule;
+  // ... additional style rules
+}
+```
+
+[Code Style and Organization Rules](./code-style-rules.md)
+
+## Plugin Settings
+
+ESLint Plugin React recognizes several shared settings for customizing behavior:
+
+```javascript { .api }
+interface ReactSettings {
+  react: {
+    /** React version - "detect" automatically detects installed version */
+    version?: string | "detect";
+    /** JSX pragma function name (default: "React") */
+    pragma?: string;
+    /** JSX Fragment name (default: "Fragment") */
+    fragment?: string;
+    /** Component factory function regex (default: "createReactClass") */
+    createClass?: string;
+    /** Flow version for compatibility */
+    flowVersion?: string;
+  };
+  /** Functions that wrap propTypes definitions */
+  propWrapperFunctions?: Array<string | { property: string; object?: string; exact?: boolean }>;
+  /** Functions that wrap components (HOCs, etc.) */
+  componentWrapperFunctions?: Array<string | { property: string; object?: string }>;
+  /** Components used as form alternatives */
+  formComponents?: Array<string | { name: string; formAttribute: string | string[] }>;
+  /** Components used as link alternatives */
+  linkComponents?: Array<string | { name: string; linkAttribute: string | string[] }>;
+}
+```
+
+## Types
+
+```javascript { .api }
+interface ESLintRule {
+  meta: {
+    docs: {
+      description: string;
+      category: string;
+      recommended: boolean;
+      url: string;
+    };
+    messages: Record<string, string>;
+    schema: any[];
+    type?: 'problem' | 'suggestion' | 'layout';
+    fixable?: 'code' | 'whitespace';
+    deprecated?: boolean;
+  };
+  create: (context: ESLintRuleContext) => ESLintRuleListener;
+}
+
+interface ESLintRuleContext {
+  getSourceCode(): SourceCode;
+  report(descriptor: ReportDescriptor): void;
+  options: any[];
+  settings: Record<string, any>;
+  // ... additional ESLint context properties
+}
+
+interface ESLintRuleListener {
+  [key: string]: (node: ASTNode) => void;
+}
+
+interface SourceCode {
+  getText(node?: ASTNode): string;
+  getTokens(node: ASTNode): Token[];
+  // ... additional SourceCode methods
+}
+
+interface ReportDescriptor {
+  node: ASTNode;
+  message: string;
+  data?: Record<string, any>;
+  fix?: (fixer: RuleFixer) => FixerResult;
+}
+
+interface ASTNode {
+  type: string;
+  range: [number, number];
+  loc: {
+    start: { line: number; column: number };
+    end: { line: number; column: number };
+  };
+  [_: string]: any; // Dynamic properties for different node types
+}
+
+// Internal plugin type definitions (from lib/types.d.ts)
+interface TypeDeclarationBuilder {
+  (annotation: ASTNode, parentName: string, seen: Set<ASTNode>): object;
+}
+
+interface TypeDeclarationBuilders {
+  [k: string]: TypeDeclarationBuilder;
+}
+
+interface UnionTypeDefinition {
+  type: 'union' | 'shape';
+  children: unknown[];
+}
+
+interface Token {
+  type: string;
+  value: string;
+  range: [number, number];
+  loc: {
+    start: { line: number; column: number };
+    end: { line: number; column: number };
+  };
+}
+
+interface RuleFixer {
+  insertTextAfter(node: ASTNode, text: string): FixerResult;
+  insertTextBefore(node: ASTNode, text: string): FixerResult;
+  replaceText(node: ASTNode, text: string): FixerResult;
+  // ... additional fixer methods
+}
+
+interface FixerResult {
+  range: [number, number];
+  text: string;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-eslint-plugin-react/docs/jsx-syntax-rules.md b/.tessl/tiles/tessl/npm-eslint-plugin-react/docs/jsx-syntax-rules.md
new file mode 100644
index 000000000..04a1b8508
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-eslint-plugin-react/docs/jsx-syntax-rules.md
@@ -0,0 +1,459 @@
+# JSX Syntax Rules
+
+Rules for JSX formatting, structure, and syntax validation. These rules ensure consistent JSX code style and prevent common JSX-related errors.
+
+## Capabilities
+
+### JSX Structure and Validation
+
+Core rules for JSX element structure and syntax validation.
+
+```javascript { .api }
+const structureRules = {
+  /** Report missing key props in iterators/collection literals */
+  'react/jsx-key': ESLintRule;
+  /** Prevent duplicate props in JSX */  
+  'react/jsx-no-duplicate-props': ESLintRule;
+  /** Disallow undeclared variables in JSX */
+  'react/jsx-no-undef': ESLintRule;
+  /** Prevent React to be incorrectly marked as unused */
+  'react/jsx-uses-react': ESLintRule;
+  /** Prevent variables used in JSX to be incorrectly marked as unused */
+  'react/jsx-uses-vars': ESLintRule;
+  /** Enforce PascalCase for user-defined JSX components */
+  'react/jsx-pascal-case': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - Key prop in list items
+{items.map(item => (
+  <li key={item.id}>{item.name}</li>
+))}
+
+// ✗ Bad - Missing key prop
+{items.map(item => (
+  <li>{item.name}</li>
+))}
+
+// ✓ Good - No duplicate props
+<MyComponent name="John" age={25} />
+
+// ✗ Bad - Duplicate props
+<MyComponent name="John" name="Jane" />
+
+// ✓ Good - Component in PascalCase
+<MyComponent />
+<CustomButton />
+
+// ✗ Bad - Component not in PascalCase
+<myComponent />
+<custombutton />
+```
+
+### JSX Formatting and Layout
+
+Rules for consistent JSX formatting, indentation, and layout.
+
+```javascript { .api }
+const formattingRules = {
+  /** Validate JSX indentation */
+  'react/jsx-indent': ESLintRule;
+  /** Validate props indentation in JSX */
+  'react/jsx-indent-props': ESLintRule;
+  /** Validate closing bracket location in JSX */
+  'react/jsx-closing-bracket-location': ESLintRule;
+  /** Validate closing tag location for multiline JSX */
+  'react/jsx-closing-tag-location': ESLintRule;
+  /** Enforce position of the first prop in JSX */
+  'react/jsx-first-prop-new-line': ESLintRule;
+  /** Limit maximum of props on a single line in JSX */
+  'react/jsx-max-props-per-line': ESLintRule;
+  /** Require or prevent a new line after jsx elements and expressions */
+  'react/jsx-newline': ESLintRule;
+  /** Restrict to one expression per line in JSX */
+  'react/jsx-one-expression-per-line': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - Proper JSX indentation (2 spaces)
+<div>
+  <span>Hello</span>
+  <p>World</p>
+</div>
+
+// ✗ Bad - Incorrect indentation
+<div>
+    <span>Hello</span>
+<p>World</p>
+</div>
+
+// ✓ Good - Closing bracket on new line for multiline
+<MyComponent
+  prop1="value1"
+  prop2="value2"
+>
+  Content
+</MyComponent>
+
+// ✗ Bad - Closing bracket position inconsistent
+<MyComponent
+  prop1="value1"
+  prop2="value2">
+  Content
+</MyComponent>
+
+// ✓ Good - One prop per line when multiline
+<MyComponent
+  prop1="value1"
+  prop2="value2"
+  prop3="value3"
+/>
+
+// ✗ Bad - Multiple props on same line when multiline
+<MyComponent
+  prop1="value1" prop2="value2"
+  prop3="value3"
+/>
+```
+
+### JSX Spacing and Punctuation
+
+Rules for consistent spacing around JSX elements and attributes.
+
+```javascript { .api }
+const spacingRules = {
+  /** Enforce or disallow spaces inside of curly braces in JSX attributes */
+  'react/jsx-curly-spacing': ESLintRule;
+  /** Enforce consistent line breaks inside jsx curly */
+  'react/jsx-curly-newline': ESLintRule;
+  /** Enforce or disallow spaces around equal signs in JSX attributes */
+  'react/jsx-equals-spacing': ESLintRule;
+  /** Disallow multiple spaces between inline JSX props */
+  'react/jsx-props-no-multi-spaces': ESLintRule;
+  /** Validate whitespace in and around the JSX opening and closing brackets */
+  'react/jsx-tag-spacing': ESLintRule;
+  /** Enforce spacing before closing bracket in JSX (deprecated) */
+  'react/jsx-space-before-closing': ESLintRule;
+  /** Enforce child element spacing */
+  'react/jsx-child-element-spacing': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - No spaces inside curly braces (default)
+<MyComponent prop={value} />
+
+// ✓ Good - Spaces inside curly braces (when configured)
+<MyComponent prop={ value } />
+
+// ✗ Bad - Inconsistent curly spacing
+<MyComponent prop={value } other={ otherValue} />
+
+// ✓ Good - No spaces around equals
+<MyComponent prop="value" />
+
+// ✗ Bad - Spaces around equals
+<MyComponent prop = "value" />
+
+// ✓ Good - Single space between props
+<MyComponent prop1="value1" prop2="value2" />
+
+// ✗ Bad - Multiple spaces between props
+<MyComponent prop1="value1"    prop2="value2" />
+
+// ✓ Good - Proper tag spacing
+<MyComponent />
+<MyComponent>content</MyComponent>
+
+// ✗ Bad - Incorrect tag spacing
+< MyComponent />
+<MyComponent/ >
+```
+
+### JSX Attributes and Props
+
+Rules for JSX attribute formatting and prop handling.
+
+```javascript { .api }
+const attributeRules = {
+  /** Enforce boolean attributes notation in JSX */
+  'react/jsx-boolean-value': ESLintRule;
+  /** Enforce or forbid the use of curly braces inside JSX props */
+  'react/jsx-curly-brace-presence': ESLintRule;
+  /** Enforce props alphabetical sorting */
+  'react/jsx-sort-props': ESLintRule;
+  /** Prevent JSX prop spreading */
+  'react/jsx-props-no-spreading': ESLintRule;
+  /** Disallow JSX props to use spread operator with multiple objects */
+  'react/jsx-props-no-spread-multi': ESLintRule;
+  /** Enforce default props alphabetical sorting */
+  'react/jsx-sort-default-props': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - Explicit boolean value (when configured)
+<MyComponent isVisible={true} isDisabled={false} />
+
+// ✓ Good - Shorthand boolean (when configured)
+<MyComponent isVisible isDisabled />
+
+// ✗ Bad - Mixed boolean styles
+<MyComponent isVisible={true} isDisabled />
+
+// ✓ Good - Curly braces when needed
+<MyComponent className="container" count={42} />
+
+// ✗ Bad - Unnecessary curly braces
+<MyComponent className={"container"} />
+
+// ✓ Good - Props in alphabetical order (when configured)
+<MyComponent
+  anotherProp="value"
+  someProp="value"
+  zProp="value"
+/>
+
+// ✗ Bad - Props not alphabetically sorted
+<MyComponent
+  zProp="value"
+  anotherProp="value"
+  someProp="value"
+/>
+```
+
+### JSX Content and Children
+
+Rules for JSX content, children, and text handling.
+
+```javascript { .api }
+const contentRules = {
+  /** Prevent comments from being inserted as text nodes */
+  'react/jsx-no-comment-textnodes': ESLintRule;
+  /** Prevent using string literals in JSX */
+  'react/jsx-no-literals': ESLintRule;
+  /** Disallow unnecessary fragments */
+  'react/jsx-no-useless-fragment': ESLintRule;
+  /** Enforce or prevent new line after jsx elements and expressions */
+  'react/jsx-newline': ESLintRule;
+  /** Prevent missing parentheses around multilines JSX */
+  'react/jsx-wrap-multilines': ESLintRule;
+  /** Validate JSX maximum depth */
+  'react/jsx-max-depth': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - Proper comment syntax
+<div>
+  {/* This is a comment */}
+  <span>Content</span>
+</div>
+
+// ✗ Bad - Comment as text node
+<div>
+  // This will render as text
+  <span>Content</span>
+</div>
+
+// ✓ Good - String in JSX (when literals allowed)
+<div>Hello World</div>
+
+// ✗ Bad - String literal (when rule forbids literals)
+<div>Hello World</div>
+// Should be: <div>{'Hello World'}</div>
+
+// ✓ Good - Fragment with multiple children
+<>
+  <div>First</div>
+  <div>Second</div>
+</>
+
+// ✗ Bad - Unnecessary fragment with single child
+<>
+  <div>Only child</div>
+</>
+
+// ✓ Good - Multiline JSX with parentheses
+const element = (
+  <div>
+    <span>Multiline</span>
+    <span>JSX</span>
+  </div>
+);
+
+// ✗ Bad - Multiline JSX without parentheses
+const element = <div>
+  <span>Multiline</span>
+  <span>JSX</span>
+</div>;
+```
+
+### JSX Fragments
+
+Rules specifically for JSX Fragment syntax and usage.
+
+```javascript { .api }
+const fragmentRules = {
+  /** Enforce shorthand or standard form for React fragments */
+  'react/jsx-fragments': ESLintRule;
+  /** Disallow unnecessary fragments */
+  'react/jsx-no-useless-fragment': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - React.Fragment syntax (when configured)
+<React.Fragment>
+  <div>First</div>
+  <div>Second</div>
+</React.Fragment>
+
+// ✓ Good - Short syntax (when configured)
+<>
+  <div>First</div>
+  <div>Second</div>
+</>
+
+// ✗ Bad - Mixing fragment syntaxes or using wrong syntax
+
+// ✓ Good - Fragment with multiple children
+<>
+  <div>Child 1</div>
+  <div>Child 2</div>
+</>
+
+// ✗ Bad - Unnecessary fragment
+<>
+  <div>Single child</div>
+</>
+```
+
+### JSX Security and Safety
+
+Rules for preventing security issues and unsafe patterns in JSX.
+
+```javascript { .api }
+const securityRules = {
+  /** Restrict JSX props from using arrow functions and bind */
+  'react/jsx-no-bind': ESLintRule;
+  /** Prevent passing of children to void DOM elements */
+  'react/jsx-no-constructed-context-values': ESLintRule;
+  /** Prevent problematic leaked values from being rendered */
+  'react/jsx-no-leaked-render': ESLintRule;
+  /** Forbid javascript: URLs */
+  'react/jsx-no-script-url': ESLintRule;
+  /** Forbid target="_blank" attribute without rel="noreferrer" */
+  'react/jsx-no-target-blank': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - Pre-bound handler
+class MyComponent extends React.Component {
+  handleClick = () => {
+    // handler logic
+  }
+  
+  render() {
+    return <button onClick={this.handleClick}>Click</button>;
+  }
+}
+
+// ✗ Bad - Inline bind (when rule enabled)
+<button onClick={this.handleClick.bind(this)}>Click</button>
+
+// ✓ Good - Safe external link
+<a href="https://example.com" target="_blank" rel="noreferrer">
+  External Link
+</a>
+
+// ✗ Bad - target="_blank" without rel="noreferrer"
+<a href="https://example.com" target="_blank">External Link</a>
+
+// ✓ Good - Safe URL
+<a href="https://example.com">Safe Link</a>
+
+// ✗ Bad - javascript: URL
+<a href="javascript:void(0)">Unsafe Link</a>
+```
+
+### JSX File Extensions
+
+Rules for controlling which file extensions can contain JSX.
+
+```javascript { .api }
+const fileRules = {
+  /** Restrict file extensions that may contain JSX */
+  'react/jsx-filename-extension': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// Configuration example
+{
+  "rules": {
+    "react/jsx-filename-extension": [
+      "error", 
+      { "extensions": [".jsx", ".tsx"] }
+    ]
+  }
+}
+
+// ✓ Good - JSX in .jsx file
+// MyComponent.jsx
+export const MyComponent = () => <div>Hello</div>;
+
+// ✗ Bad - JSX in .js file (when rule enforces .jsx)
+// MyComponent.js  
+export const MyComponent = () => <div>Hello</div>;
+```
+
+## Advanced JSX Rule Configuration
+
+Many JSX rules support detailed configuration options:
+
+```javascript
+{
+  "rules": {
+    "react/jsx-indent": ["error", 2, {
+      "checkAttributes": true,
+      "indentLogicalExpressions": true
+    }],
+    "react/jsx-curly-spacing": ["error", {
+      "when": "never",
+      "attributes": {"allowMultiline": true},
+      "children": true
+    }],
+    "react/jsx-sort-props": ["error", {
+      "callbacksLast": true,
+      "shorthandFirst": false,
+      "shorthandLast": true,
+      "ignoreCase": true,
+      "noSortAlphabetically": false,
+      "reservedFirst": true
+    }],
+    "react/jsx-max-props-per-line": ["error", {
+      "maximum": { "single": 3, "multi": 1 }
+    }]
+  }
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-eslint-plugin-react/docs/plugin-configuration.md b/.tessl/tiles/tessl/npm-eslint-plugin-react/docs/plugin-configuration.md
new file mode 100644
index 000000000..5dfac3d72
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-eslint-plugin-react/docs/plugin-configuration.md
@@ -0,0 +1,329 @@
+# Plugin Configuration
+
+Core plugin object and configuration presets for integrating eslint-plugin-react with ESLint in both legacy and modern flat config systems.
+
+## Capabilities
+
+### Main Plugin Export
+
+The default export provides the complete plugin object with rules, configurations, and metadata.
+
+```javascript { .api }
+/**
+ * Main ESLint plugin export containing all rules and configurations
+ */
+const plugin: ReactPlugin = {
+  /** Collection of all ESLint rules (103 rules total) */
+  rules: Record<string, ESLintRule>;
+  /** Predefined configurations for different React usage patterns */
+  configs: ReactConfigs;
+  /** Deprecated rules maintained for backward compatibility */
+  deprecatedRules: Record<string, ESLintRule>;
+};
+
+interface ReactConfigs {
+  /** Essential rules for React development (18 rules enabled) */
+  recommended: LegacyConfig;
+  /** All non-deprecated rules enabled (~85 active rules) */
+  all: LegacyConfig;
+  /** Configuration for React 17+ JSX transform */
+  'jsx-runtime': LegacyConfig;
+  /** Flat config versions for ESLint 9+ */
+  flat: {
+    recommended: FlatConfig;
+    all: FlatConfig;
+    'jsx-runtime': FlatConfig;
+  };
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// CommonJS
+const reactPlugin = require('eslint-plugin-react');
+
+// Access rules
+const displayNameRule = reactPlugin.rules['display-name'];
+const allRules = reactPlugin.rules;
+
+// Access configurations
+const recommendedConfig = reactPlugin.configs.recommended;
+const flatRecommended = reactPlugin.configs.flat.recommended;
+```
+
+### Legacy Configuration Format
+
+Configurations compatible with .eslintrc configuration files.
+
+```javascript { .api }
+interface LegacyConfig {
+  /** Plugin names to load */
+  plugins: string[];
+  /** Parser options for JSX support */
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: boolean;
+    };
+    jsxPragma?: null; // For jsx-runtime config
+  };
+  /** Rule configurations mapping rule names to severity levels */
+  rules: Record<string, RuleConfig>;
+}
+
+type RuleConfig = 0 | 1 | 2 | 'off' | 'warn' | 'error';
+```
+
+**Usage Examples:**
+
+```json
+{
+  "extends": ["plugin:react/recommended"],
+  "plugins": ["react"],
+  "parserOptions": {
+    "ecmaFeatures": {
+      "jsx": true
+    }
+  }
+}
+```
+
+### Flat Configuration Format
+
+Modern flat configuration format for ESLint 9+.
+
+```javascript { .api }
+interface FlatConfig {
+  /** Plugin object mapping */
+  plugins: { react: ReactPlugin };
+  /** Rule configurations */
+  rules: Record<string, RuleConfig>;
+  /** Language options including parser configuration */
+  languageOptions: {
+    parserOptions: {
+      ecmaFeatures: {
+        jsx: boolean;
+      };
+      jsxPragma?: null;
+    };
+  };
+}
+```
+
+**Usage Examples:**
+
+```javascript
+import reactPlugin from 'eslint-plugin-react';
+
+export default [
+  {
+    plugins: { react: reactPlugin },
+    rules: reactPlugin.configs.recommended.rules,
+    languageOptions: {
+      parserOptions: {
+        ecmaFeatures: { jsx: true }
+      }
+    }
+  }
+];
+```
+
+### Standalone Flat Config Files
+
+Separate configuration files in the configs/ directory for direct import.
+
+```javascript { .api }
+// configs/recommended.js - Standalone recommended flat config
+const recommendedFlatConfig: FlatConfig;
+
+// configs/all.js - Standalone all rules flat config  
+const allFlatConfig: FlatConfig;
+
+// configs/jsx-runtime.js - Standalone jsx-runtime flat config
+const jsxRuntimeFlatConfig: FlatConfig;
+```
+
+**Usage Examples:**
+
+```javascript
+// Direct import of standalone configs
+import recommendedConfig from 'eslint-plugin-react/configs/recommended';
+import allConfig from 'eslint-plugin-react/configs/all';
+import jsxRuntimeConfig from 'eslint-plugin-react/configs/jsx-runtime';
+
+export default [
+  recommendedConfig,
+  // Override specific rules
+  {
+    rules: {
+      'react/prop-types': 'off'
+    }
+  }
+];
+```
+
+### Configuration Presets
+
+#### Recommended Preset
+
+Essential rules for React development with minimal false positives.
+
+```javascript { .api }
+const recommendedRules = {
+  'react/display-name': 2,
+  'react/jsx-key': 2,
+  'react/jsx-no-comment-textnodes': 2,
+  'react/jsx-no-duplicate-props': 2,
+  'react/jsx-no-target-blank': 2,
+  'react/jsx-no-undef': 2,
+  'react/jsx-uses-react': 2,
+  'react/jsx-uses-vars': 2,
+  'react/no-children-prop': 2,
+  'react/no-danger-with-children': 2,
+  'react/no-deprecated': 2,
+  'react/no-direct-mutation-state': 2,
+  'react/no-find-dom-node': 2,
+  'react/no-is-mounted': 2,
+  'react/no-render-return-value': 2,
+  'react/no-string-refs': 2,
+  'react/no-unescaped-entities': 2,
+  'react/no-unknown-property': 2,
+  'react/prop-types': 2,
+  'react/react-in-jsx-scope': 2,
+  'react/require-render-return': 2
+};
+```
+
+#### All Rules Preset
+
+Enables all non-deprecated rules for comprehensive React linting.
+
+```javascript { .api }
+// Dynamically generated from all active rules
+const allRulesConfig: Record<string, 2 | 'error'>;
+```
+
+#### JSX Runtime Preset
+
+Configuration for React 17+ automatic JSX transform.
+
+```javascript { .api }
+const jsxRuntimeRules = {
+  'react/react-in-jsx-scope': 0, // Disabled for automatic JSX transform
+  'react/jsx-uses-react': 0      // Disabled for automatic JSX transform
+};
+```
+
+### Rule Configuration Helpers
+
+Internal utilities for managing rule configurations.
+
+```javascript { .api }
+/**
+ * Filters rules based on predicate function
+ * @param rules - Rules object to filter
+ * @param predicate - Filter function
+ * @returns Filtered rules object
+ */
+function filterRules(
+  rules: Record<string, ESLintRule>, 
+  predicate: (rule: ESLintRule) => boolean
+): Record<string, ESLintRule>;
+
+/**
+ * Configures rules as error severity
+ * @param rules - Rules object to configure
+ * @returns Rule configuration with error severity
+ */
+function configureAsError(
+  rules: Record<string, ESLintRule>
+): Record<string, 2 | 'error'>;
+```
+
+## Configuration Examples
+
+### Basic React Project
+
+```json
+{
+  "extends": ["eslint:recommended", "plugin:react/recommended"],
+  "plugins": ["react"],
+  "parserOptions": {
+    "ecmaFeatures": {
+      "jsx": true
+    }
+  },
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  }
+}
+```
+
+### React 17+ with JSX Transform
+
+```json
+{
+  "extends": [
+    "eslint:recommended", 
+    "plugin:react/recommended",
+    "plugin:react/jsx-runtime"
+  ],
+  "plugins": ["react"],
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  }
+}
+```
+
+### Strict Configuration with All Rules
+
+```json
+{
+  "extends": ["plugin:react/all"],
+  "plugins": ["react"],
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  },
+  "rules": {
+    "react/jsx-filename-extension": ["error", { "extensions": [".jsx", ".tsx"] }],
+    "react/prop-types": "off"
+  }
+}
+```
+
+### Modern Flat Config
+
+```javascript
+import reactPlugin from 'eslint-plugin-react';
+
+export default [
+  {
+    files: ['**/*.{js,jsx,ts,tsx}'],
+    plugins: { react: reactPlugin },
+    rules: {
+      ...reactPlugin.configs.recommended.rules,
+      'react/prop-types': 'off',
+      'react/jsx-uses-react': 'off',
+      'react/react-in-jsx-scope': 'off'
+    },
+    languageOptions: {
+      parserOptions: {
+        ecmaFeatures: { jsx: true },
+        ecmaVersion: 'latest',
+        sourceType: 'module'
+      }
+    },
+    settings: {
+      react: {
+        version: 'detect'
+      }
+    }
+  }
+];
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-eslint-plugin-react/docs/prop-validation-rules.md b/.tessl/tiles/tessl/npm-eslint-plugin-react/docs/prop-validation-rules.md
new file mode 100644
index 000000000..d9f7b526a
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-eslint-plugin-react/docs/prop-validation-rules.md
@@ -0,0 +1,425 @@
+# Prop Types and Validation Rules
+
+Rules for PropTypes usage, prop validation, and type safety in React components. These rules ensure proper component interfaces and help catch prop-related errors during development.
+
+## Capabilities
+
+### PropTypes Definition Rules
+
+Rules for defining and using PropTypes in React components.
+
+```javascript { .api }
+const propTypesRules = {
+  /** Prevent missing props validation in React component definition */
+  'react/prop-types': ESLintRule;
+  /** Enforce all defaultProps have a corresponding non-required PropType */
+  'react/default-props-match-prop-types': ESLintRule;
+  /** Enforce a defaultProps definition for every prop that is not required */
+  'react/require-default-props': ESLintRule;
+  /** Prevent unused propTypes */
+  'react/no-unused-prop-types': ESLintRule;
+  /** Forbid certain propTypes */
+  'react/forbid-prop-types': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+import PropTypes from 'prop-types';
+
+// ✓ Good - Component with proper PropTypes
+const UserCard = ({ name, age, email, isActive }) => {
+  return (
+    <div>
+      <h3>{name}</h3>
+      <p>Age: {age}</p>
+      <p>Email: {email}</p>
+      {isActive && <span>Active User</span>}
+    </div>
+  );
+};
+
+UserCard.propTypes = {
+  name: PropTypes.string.isRequired,
+  age: PropTypes.number.isRequired,
+  email: PropTypes.string,
+  isActive: PropTypes.bool
+};
+
+UserCard.defaultProps = {
+  email: '',
+  isActive: false
+};
+
+// ✗ Bad - Missing PropTypes
+const UserCard = ({ name, age, email, isActive }) => {
+  return (
+    <div>
+      <h3>{name}</h3>
+      <p>Age: {age}</p>
+    </div>
+  );
+};
+// No PropTypes defined
+
+// ✗ Bad - PropTypes don't match defaultProps
+const MyComponent = ({ title, count }) => <div>{title}: {count}</div>;
+
+MyComponent.propTypes = {
+  title: PropTypes.string.isRequired,
+  count: PropTypes.number
+};
+
+MyComponent.defaultProps = {
+  title: 'Default', // Error: title is required but has default
+  count: 0,
+  extra: 'unused' // Error: extra not in PropTypes
+};
+```
+
+### PropTypes Organization Rules
+
+Rules for organizing and sorting PropTypes definitions.
+
+```javascript { .api }
+const propTypesOrganizationRules = {
+  /** Enforce propTypes declarations alphabetical sorting */
+  'react/sort-prop-types': ESLintRule;
+  /** Enforce defaultProps declarations alphabetical sorting */
+  'react/sort-default-props': ESLintRule;
+  /** Enforce JSX default props alphabetical sorting */
+  'react/jsx-sort-default-props': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - PropTypes in alphabetical order
+MyComponent.propTypes = {
+  age: PropTypes.number,
+  email: PropTypes.string,
+  name: PropTypes.string.isRequired,
+  role: PropTypes.oneOf(['admin', 'user'])
+};
+
+MyComponent.defaultProps = {
+  age: 0,
+  email: '',
+  role: 'user'
+};
+
+// ✗ Bad - PropTypes not alphabetically sorted
+MyComponent.propTypes = {
+  name: PropTypes.string.isRequired,
+  age: PropTypes.number,
+  role: PropTypes.oneOf(['admin', 'user']),
+  email: PropTypes.string
+};
+
+MyComponent.defaultProps = {
+  role: 'user',
+  age: 0,
+  email: ''
+};
+```
+
+### PropTypes Restrictions
+
+Rules for restricting certain PropTypes patterns that can lead to issues.
+
+```javascript { .api }
+const propTypesRestrictionRules = {
+  /** Forbid certain propTypes (any, array, object) */
+  'react/forbid-prop-types': ESLintRule;
+  /** Forbid foreign propTypes */
+  'react/forbid-foreign-prop-types': ESLintRule;
+  /** Prevent object type as default prop */
+  'react/no-object-type-as-default-prop': ESLintRule;
+  /** Enforce exact prop types */
+  'react/prefer-exact-props': ESLintRule;
+  /** Enforce read-only props */
+  'react/prefer-read-only-props': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - Specific PropTypes instead of generic ones
+MyComponent.propTypes = {
+  user: PropTypes.shape({
+    id: PropTypes.number.isRequired,
+    name: PropTypes.string.isRequired,
+    email: PropTypes.string
+  }),
+  items: PropTypes.arrayOf(PropTypes.string),
+  config: PropTypes.objectOf(PropTypes.string)
+};
+
+// ✗ Bad - Generic PropTypes (when forbidden)
+MyComponent.propTypes = {
+  user: PropTypes.object,    // Too generic
+  items: PropTypes.array,    // Too generic
+  data: PropTypes.any        // Too generic
+};
+
+// ✓ Good - Primitive default props
+MyComponent.defaultProps = {
+  count: 0,
+  title: 'Default Title',
+  isVisible: false
+};
+
+// ✗ Bad - Object/array as default prop (creates new instance each time)
+MyComponent.defaultProps = {
+  items: [],        // New array each render
+  config: {},       // New object each render
+  user: { name: '' } // New object each render
+};
+
+// ✓ Good - Using exact prop types (Flow/TypeScript)
+type Props = {|
+  name: string,
+  age: number
+|};
+
+// ✓ Good - Read-only props (TypeScript)
+type Props = {
+  readonly name: string;
+  readonly age: number;
+};
+```
+
+### Component Props Interface
+
+Rules for component prop interface definition and validation.
+
+```javascript { .api }
+const propsInterfaceRules = {
+  /** Forbid component props */
+  'react/forbid-component-props': ESLintRule;
+  /** Forbid DOM props */
+  'react/forbid-dom-props': ESLintRule;
+  /** Prevent passing of children as props */
+  'react/no-children-prop': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - Using children prop correctly
+const Container = ({ children, className }) => (
+  <div className={className}>
+    {children}
+  </div>
+);
+
+<Container className="wrapper">
+  <p>Child content</p>
+</Container>
+
+// ✗ Bad - Passing children as prop
+<Container children={<p>Child content</p>} />
+
+// ✓ Good - Allowed component props
+<MyComponent 
+  title="Hello"
+  onAction={handleAction}
+  data={items}
+/>
+
+// ✗ Bad - Forbidden component props (when configured)
+<MyComponent 
+  style={{ color: 'red' }}  // Forbidden if style is restricted
+  className="my-class"      // Forbidden if className is restricted
+/>
+
+// Configuration example:
+{
+  "rules": {
+    "react/forbid-component-props": ["error", {
+      "forbid": ["style", "className"]
+    }],
+    "react/forbid-dom-props": ["error", {
+      "forbid": ["id", "style"]
+    }]
+  }
+}
+```
+
+### PropTypes with Higher-Order Components
+
+Rules for handling PropTypes in HOCs and component composition.
+
+```javascript { .api }
+const hocPropTypesRules = {
+  /** Handle propTypes in HOCs correctly */
+  'react/forbid-foreign-prop-types': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - HOC that properly handles PropTypes
+const withAuth = (WrappedComponent) => {
+  const AuthenticatedComponent = (props) => {
+    if (!isAuthenticated()) {
+      return <LoginPrompt />;
+    }
+    return <WrappedComponent {...props} />;
+  };
+  
+  // Properly copy PropTypes
+  AuthenticatedComponent.propTypes = WrappedComponent.propTypes;
+  AuthenticatedComponent.displayName = `withAuth(${WrappedComponent.displayName || WrappedComponent.name})`;
+  
+  return AuthenticatedComponent;
+};
+
+// ✗ Bad - Accessing foreign PropTypes directly
+const MyComponent = ({ name }) => <div>{name}</div>;
+
+const AnotherComponent = () => {
+  // Don't access PropTypes from other components
+  const nameType = MyComponent.propTypes.name;
+  return <div>Type: {nameType}</div>;
+};
+```
+
+### Advanced PropTypes Patterns
+
+Advanced PropTypes usage patterns and validations.
+
+```javascript { .api }
+const advancedPropTypesRules = {
+  /** Custom PropTypes validation */
+  customValidators: PropTypesValidators;
+};
+
+interface PropTypesValidators {
+  /** Custom validator functions */
+  (props: any, propName: string, componentName: string): Error | null;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - Custom PropTypes validators
+const customEmailValidator = (props, propName, componentName) => {
+  const value = props[propName];
+  if (value && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value)) {
+    return new Error(
+      `Invalid prop \`${propName}\` of value \`${value}\` supplied to \`${componentName}\`, expected a valid email address.`
+    );
+  }
+  return null;
+};
+
+MyComponent.propTypes = {
+  email: customEmailValidator,
+  age: (props, propName, componentName) => {
+    const value = props[propName];
+    if (value && (value < 0 || value > 120)) {
+      return new Error(
+        `Invalid prop \`${propName}\` of value \`${value}\` supplied to \`${componentName}\`, expected age between 0 and 120.`
+      );
+    }
+    return null;
+  }
+};
+
+// ✓ Good - Complex PropTypes with oneOfType
+MyComponent.propTypes = {
+  value: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.number,
+    PropTypes.instanceOf(Date)
+  ]),
+  callback: PropTypes.func.isRequired,
+  items: PropTypes.arrayOf(
+    PropTypes.shape({
+      id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
+      name: PropTypes.string.isRequired,
+      optional: PropTypes.bool
+    })
+  )
+};
+```
+
+### PropTypes with TypeScript
+
+Integration patterns when using PropTypes alongside TypeScript.
+
+```typescript
+// ✓ Good - TypeScript interfaces with PropTypes for runtime validation
+interface UserProps {
+  name: string;
+  age: number;
+  email?: string;
+  isActive?: boolean;
+}
+
+const User: React.FC<UserProps> = ({ name, age, email = '', isActive = false }) => {
+  return (
+    <div>
+      <h3>{name}</h3>
+      <p>Age: {age}</p>
+      {email && <p>Email: {email}</p>}
+      {isActive && <span>Active</span>}
+    </div>
+  );
+};
+
+// Runtime PropTypes validation (optional with TypeScript)
+User.propTypes = {
+  name: PropTypes.string.isRequired,
+  age: PropTypes.number.isRequired,
+  email: PropTypes.string,
+  isActive: PropTypes.bool
+};
+```
+
+## PropTypes Rule Configuration
+
+PropTypes rules support extensive configuration options:
+
+```javascript
+{
+  "rules": {
+    "react/prop-types": ["error", {
+      "ignore": ["children", "className", "style"],
+      "customValidators": ["myCustomValidator"],
+      "skipUndeclared": false
+    }],
+    
+    "react/require-default-props": ["error", {
+      "forbidDefaultForRequired": true,
+      "ignoreFunctionalComponents": false
+    }],
+    
+    "react/forbid-prop-types": ["error", {
+      "forbid": ["any", "array", "object"],
+      "checkContextTypes": true,
+      "checkChildContextTypes": true
+    }],
+    
+    "react/sort-prop-types": ["error", {
+      "ignoreCase": true,
+      "callbacksLast": false,
+      "requiredFirst": false,
+      "sortShapeProp": true,
+      "noSortAlphabetically": false
+    }],
+    
+    "react/no-unused-prop-types": ["error", {
+      "customValidators": ["myCustomValidator"],
+      "skipShapeProps": true
+    }]
+  }
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-eslint-plugin-react/docs/react-component-rules.md b/.tessl/tiles/tessl/npm-eslint-plugin-react/docs/react-component-rules.md
new file mode 100644
index 000000000..83ce3a66e
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-eslint-plugin-react/docs/react-component-rules.md
@@ -0,0 +1,351 @@
+# React Component Rules
+
+Rules for React component definition, naming, structure, and best practices. These rules ensure components follow React conventions and avoid common anti-patterns.
+
+## Capabilities
+
+### Component Definition Rules
+
+Rules governing how React components should be defined and structured.
+
+```javascript { .api }
+const componentRules = {
+  /** Prevent missing displayName in React component definition */
+  'react/display-name': ESLintRule;
+  /** Enforce ES5 or ES6 class for returning value in render function */
+  'react/require-render-return': ESLintRule;
+  /** Prevent multiple component definition per file */
+  'react/no-multi-comp': ESLintRule;
+  /** Prevent usage of setState */
+  'react/no-set-state': ESLintRule;
+  /** Enforce stateless components to be written as a pure function */
+  'react/prefer-stateless-function': ESLintRule;
+  /** Enforce ES6 class instead of createClass for React components */
+  'react/prefer-es6-class': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - Component with displayName
+function MyComponent() {
+  return <div>Hello</div>;
+}
+MyComponent.displayName = 'MyComponent';
+
+// ✗ Bad - Missing displayName (when rule is enabled)
+const MyComponent = () => <div>Hello</div>;
+
+// ✓ Good - Render method returns JSX
+class MyComponent extends React.Component {
+  render() {
+    return <div>Hello</div>;
+  }
+}
+
+// ✗ Bad - Render method doesn't return
+class MyComponent extends React.Component {
+  render() {
+    console.log('rendering');
+  }
+}
+```
+
+### Component Naming and Structure
+
+Rules for component naming conventions and internal structure.
+
+```javascript { .api }
+const namingRules = {
+  /** Enforce boolean prop naming conventions */
+  'react/boolean-prop-naming': ESLintRule;
+  /** Enforce component methods order */
+  'react/sort-comp': ESLintRule;
+  /** Enforce function component definition style */
+  'react/function-component-definition': ESLintRule;
+  /** Prevent usage of this in stateless functional components */
+  'react/no-this-in-sfc': ESLintRule;
+  /** Enforce specific placement for static properties */
+  'react/static-property-placement': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - Boolean prop with proper naming
+<Component isVisible={true} hasData={false} />
+
+// ✗ Bad - Boolean prop without is/has prefix
+<Component visible={true} data={false} />
+
+// ✓ Good - Proper component method order
+class MyComponent extends React.Component {
+  static propTypes = {};
+  constructor() {}
+  componentDidMount() {}
+  render() {}
+}
+
+// ✗ Bad - Methods in wrong order
+class MyComponent extends React.Component {
+  render() {}
+  componentDidMount() {}
+  constructor() {}
+  static propTypes = {};
+}
+```
+
+### Component State and Props
+
+Rules for managing component state and props properly.
+
+```javascript { .api }
+const statePropsRules = {
+  /** Prevent direct mutation of this.state */
+  'react/no-direct-mutation-state': ESLintRule;
+  /** Prevent usage of this.state within a this.setState */
+  'react/no-access-state-in-setstate': ESLintRule;
+  /** Prevent usage of setState in constructors */
+  'react/state-in-constructor': ESLintRule;
+  /** Prevent unused state */
+  'react/no-unused-state': ESLintRule;
+  /** Prevent unused class component methods */
+  'react/no-unused-class-component-methods': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - Using setState to update state
+this.setState({ count: this.state.count + 1 });
+
+// ✗ Bad - Direct state mutation
+this.state.count = this.state.count + 1;
+
+// ✓ Good - Using functional setState to avoid state dependency
+this.setState(prevState => ({ count: prevState.count + 1 }));
+
+// ✗ Bad - Reading current state in setState
+this.setState({ count: this.state.count + 1 });
+
+// ✓ Good - State initialized in constructor
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = { count: 0 };
+  }
+}
+
+// ✗ Bad - State as class property (when rule enforces constructor)
+class MyComponent extends React.Component {
+  state = { count: 0 };
+}
+```
+
+### Component Patterns and Anti-patterns
+
+Rules preventing common React anti-patterns and enforcing best practices.
+
+```javascript { .api }
+const patternRules = {
+  /** Prevent usage of findDOMNode */
+  'react/no-find-dom-node': ESLintRule;
+  /** Prevent usage of isMounted */
+  'react/no-is-mounted': ESLintRule;
+  /** Prevent usage of the return value of React.render */
+  'react/no-render-return-value': ESLintRule;
+  /** Prevent usage of string references */
+  'react/no-string-refs': ESLintRule;
+  /** Prevent common typos */
+  'react/no-typos': ESLintRule;
+  /** Prevent usage of UNSAFE_ methods */
+  'react/no-unsafe': ESLintRule;
+  /** Prevent creating unstable components inside components */
+  'react/no-unstable-nested-components': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - Using refs properly
+const MyComponent = () => {
+  const inputRef = useRef(null);
+  return <input ref={inputRef} />;
+};
+
+// ✗ Bad - Using findDOMNode
+import { findDOMNode } from 'react-dom';
+const node = findDOMNode(this);
+
+// ✓ Good - Avoiding string refs
+<input ref={inputRef} />
+
+// ✗ Bad - Using string refs
+<input ref="myInput" />
+
+// ✓ Good - Define components outside render
+const ChildComponent = () => <div>Child</div>;
+const Parent = () => <ChildComponent />;
+
+// ✗ Bad - Creating components inside render
+const Parent = () => {
+  const ChildComponent = () => <div>Child</div>;
+  return <ChildComponent />;
+};
+```
+
+### Forward Ref and Higher-Order Components
+
+Rules for advanced component patterns like forwardRef and HOCs.
+
+```javascript { .api }
+const advancedRules = {
+  /** Ensure forwardRef is used correctly */
+  'react/forward-ref-uses-ref': ESLintRule;
+  /** Prevent usage of arrow functions in component lifecycle methods */
+  'react/no-arrow-function-lifecycle': ESLintRule;
+  /** Prevent object type as default prop */
+  'react/no-object-type-as-default-prop': ESLintRule;
+  /** Enforce exact prop types */
+  'react/prefer-exact-props': ESLintRule;
+  /** Enforce read-only props */
+  'react/prefer-read-only-props': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - forwardRef with ref usage
+const MyComponent = React.forwardRef((props, ref) => {
+  return <input ref={ref} {...props} />;
+});
+
+// ✗ Bad - forwardRef without using ref
+const MyComponent = React.forwardRef((props, ref) => {
+  return <input {...props} />;
+});
+
+// ✓ Good - Regular method in lifecycle
+class MyComponent extends React.Component {
+  componentDidMount() {
+    this.doSomething();
+  }
+  
+  doSomething() {
+    // implementation
+  }
+}
+
+// ✗ Bad - Arrow function in lifecycle
+class MyComponent extends React.Component {
+  componentDidMount = () => {
+    this.doSomething();
+  }
+}
+```
+
+### Button and Form Components
+
+Specialized rules for specific HTML elements and form handling.
+
+```javascript { .api }
+const elementRules = {
+  /** Enforce button elements to have explicit type attribute */
+  'react/button-has-type': ESLintRule;
+  /** Enforce onChange or readonly for checked property */
+  'react/checked-requires-onchange-or-readonly': ESLintRule;
+  /** Prevent usage of children with iframe elements */
+  'react/iframe-missing-sandbox': ESLintRule;
+  /** Prevent children for void DOM elements */
+  'react/void-dom-elements-no-children': ESLintRule;
+  /** Prevent adjacent inline elements not separated by whitespace */
+  'react/no-adjacent-inline-elements': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - Button with explicit type
+<button type="button">Click me</button>
+<button type="submit">Submit</button>
+
+// ✗ Bad - Button without type
+<button>Click me</button>
+
+// ✓ Good - Controlled checkbox with onChange
+<input type="checkbox" checked={isChecked} onChange={handleChange} />
+
+// ✓ Good - Readonly checkbox
+<input type="checkbox" checked={isChecked} readOnly />
+
+// ✗ Bad - Checked without onChange or readOnly
+<input type="checkbox" checked={isChecked} />
+
+// ✓ Good - iframe with sandbox
+<iframe src="https://example.com" sandbox="allow-scripts" />
+
+// ✗ Bad - iframe without sandbox
+<iframe src="https://example.com" />
+```
+
+### Hook-Related Rules
+
+Rules for proper usage of React Hooks patterns.
+
+```javascript { .api }
+const hookRules = {
+  /** Enforce destructuring and symmetric naming of useState hook value and setter variables */
+  'react/hook-use-state': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - Proper useState destructuring
+const [count, setCount] = useState(0);
+const [isVisible, setIsVisible] = useState(false);
+
+// ✗ Bad - Non-symmetric naming
+const [count, updateCount] = useState(0);
+const [isVisible, changeVisibility] = useState(false);
+```
+
+## Rule Configuration Options
+
+Most component rules accept configuration options to customize their behavior:
+
+```javascript
+{
+  "rules": {
+    "react/display-name": ["error", { 
+      "ignoreTranspilerName": false,
+      "checkContextObjects": false 
+    }],
+    "react/boolean-prop-naming": ["error", { 
+      "rule": "^(is|has)[A-Z]([A-Za-z0-9]?)+",
+      "message": "Boolean prop names should start with 'is' or 'has'"
+    }],
+    "react/function-component-definition": ["error", {
+      "namedComponents": "arrow-function",
+      "unnamedComponents": "arrow-function"
+    }],
+    "react/sort-comp": ["error", {
+      "order": [
+        "static-variables",
+        "static-methods",
+        "instance-variables",
+        "lifecycle",
+        "everything-else",
+        "render"
+      ]
+    }]
+  }
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-eslint-plugin-react/docs/security-safety-rules.md b/.tessl/tiles/tessl/npm-eslint-plugin-react/docs/security-safety-rules.md
new file mode 100644
index 000000000..a6599d684
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-eslint-plugin-react/docs/security-safety-rules.md
@@ -0,0 +1,422 @@
+# Security and Safety Rules
+
+Rules for preventing common security vulnerabilities and unsafe patterns in React applications. These rules help protect against XSS attacks, unsafe DOM operations, and other security risks.
+
+## Capabilities
+
+### DOM Security Rules
+
+Rules preventing unsafe DOM operations and manipulations.
+
+```javascript { .api }
+const domSecurityRules = {
+  /** Prevent usage of dangerous JSX props */
+  'react/no-danger': ESLintRule;
+  /** Report when a DOM element is using both children and dangerouslySetInnerHTML */
+  'react/no-danger-with-children': ESLintRule;
+  /** Prevent usage of findDOMNode */
+  'react/no-find-dom-node': ESLintRule;
+  /** Prevent usage of unknown DOM property */
+  'react/no-unknown-property': ESLintRule;
+  /** Prevent usage of invalid HTML attributes */
+  'react/no-invalid-html-attribute': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - Safe content rendering
+<div>{userContent}</div>
+
+// ✗ Bad - Using dangerouslySetInnerHTML (when rule enabled)
+<div dangerouslySetInnerHTML={{__html: userContent}} />
+
+// ✓ Good - Using dangerouslySetInnerHTML without children
+<div dangerouslySetInnerHTML={{__html: sanitizedHTML}} />
+
+// ✗ Bad - Using dangerouslySetInnerHTML with children
+<div dangerouslySetInnerHTML={{__html: html}}>
+  <span>This will cause issues</span>
+</div>
+
+// ✓ Good - Using refs instead of findDOMNode
+const MyComponent = () => {
+  const divRef = useRef(null);
+  return <div ref={divRef}>Content</div>;
+};
+
+// ✗ Bad - Using findDOMNode
+import { findDOMNode } from 'react-dom';
+const node = findDOMNode(this);
+
+// ✓ Good - Valid HTML attributes
+<input type="text" className="input" />
+
+// ✗ Bad - Unknown DOM property
+<div clasName="container" />  // typo: should be className
+```
+
+### URL and Link Security
+
+Rules for secure handling of URLs and external links.
+
+```javascript { .api }
+const urlSecurityRules = {
+  /** Forbid javascript: URLs */
+  'react/jsx-no-script-url': ESLintRule;
+  /** Forbid target="_blank" attribute without rel="noreferrer" */
+  'react/jsx-no-target-blank': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - Safe external link with proper rel attribute
+<a href="https://example.com" target="_blank" rel="noreferrer noopener">
+  External Link
+</a>
+
+// ✗ Bad - target="_blank" without rel="noreferrer"
+<a href="https://example.com" target="_blank">
+  External Link
+</a>
+
+// ✓ Good - Internal link
+<a href="/internal-page">Internal Link</a>
+
+// ✗ Bad - javascript: URL
+<a href="javascript:void(0)">Click me</a>
+<button onClick={() => location.href = 'javascript:alert(1)'}>
+  Dangerous
+</button>
+
+// ✓ Good - Safe button handler
+<button onClick={handleClick}>Click me</button>
+
+// ✓ Good - Safe dynamic URL (when properly validated)
+<a href={sanitizedUrl} target="_blank" rel="noreferrer">
+  Dynamic Link
+</a>
+```
+
+### Component Lifecycle Security
+
+Rules preventing unsafe usage of deprecated or dangerous lifecycle methods.
+
+```javascript { .api }
+const lifecycleSecurityRules = {
+  /** Prevent usage of deprecated methods */
+  'react/no-deprecated': ESLintRule;
+  /** Prevent usage of UNSAFE_ methods */
+  'react/no-unsafe': ESLintRule;
+  /** Prevent usage of isMounted */
+  'react/no-is-mounted': ESLintRule;
+  /** Prevent usage of the return value of React.render */
+  'react/no-render-return-value': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - Using modern lifecycle methods
+class MyComponent extends React.Component {
+  componentDidMount() {
+    // Safe lifecycle method
+  }
+  
+  static getDerivedStateFromProps(props, state) {
+    // Safe static method
+  }
+}
+
+// ✗ Bad - Using deprecated lifecycle methods
+class MyComponent extends React.Component {
+  componentWillMount() {
+    // Deprecated and potentially unsafe
+  }
+  
+  componentWillReceiveProps(nextProps) {
+    // Deprecated and potentially unsafe
+  }
+}
+
+// ✗ Bad - Using UNSAFE_ methods
+class MyComponent extends React.Component {
+  UNSAFE_componentWillMount() {
+    // Explicitly unsafe
+  }
+}
+
+// ✓ Good - Not using isMounted
+class MyComponent extends React.Component {
+  componentDidMount() {
+    this.fetchData().then(data => {
+      if (this._mounted) {
+        this.setState({ data });
+      }
+    });
+  }
+  
+  componentWillUnmount() {
+    this._mounted = false;
+  }
+}
+
+// ✗ Bad - Using isMounted
+class MyComponent extends React.Component {
+  componentDidMount() {
+    this.fetchData().then(data => {
+      if (this.isMounted()) {
+        this.setState({ data });
+      }
+    });
+  }
+}
+```
+
+### Iframe and Embed Security
+
+Rules for secure iframe and embedded content handling.
+
+```javascript { .api }
+const embedSecurityRules = {
+  /** Prevent usage of children with iframe elements and enforce sandbox */
+  'react/iframe-missing-sandbox': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - iframe with sandbox attribute
+<iframe 
+  src="https://trusted-site.com/embed" 
+  sandbox="allow-scripts allow-same-origin"
+  title="Embedded content"
+/>
+
+// ✓ Good - iframe with restrictive sandbox
+<iframe 
+  src="https://untrusted-site.com/content" 
+  sandbox="allow-scripts"
+  title="Untrusted content"
+/>
+
+// ✗ Bad - iframe without sandbox
+<iframe src="https://untrusted-site.com/content" />
+
+// ✗ Bad - iframe with children (iframes should be self-closing)
+<iframe src="https://example.com">
+  Fallback content
+</iframe>
+```
+
+### XSS Prevention Rules
+
+Rules specifically designed to prevent Cross-Site Scripting (XSS) attacks.
+
+```javascript { .api }
+const xssPreventionRules = {
+  /** Prevent unescaped entities in JSX */
+  'react/no-unescaped-entities': ESLintRule;
+  /** Prevent problematic leaked values from being rendered */
+  'react/jsx-no-leaked-render': ESLintRule;
+  /** Prevent passing of children to void DOM elements */
+  'react/jsx-no-constructed-context-values': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - Properly escaped entities
+<div>You &amp; I</div>
+<div>Price: $100 &lt; $200</div>
+<div>{"You & I"}</div>
+<div>{"Price: $100 < $200"}</div>
+
+// ✗ Bad - Unescaped entities that could cause rendering issues
+<div>You & I</div>
+<div>Price: $100 < $200</div>
+
+// ✓ Good - Safe conditional rendering
+<div>
+  {items.length > 0 && <ItemList items={items} />}
+  {showMessage && <Message text="Hello" />}
+</div>
+
+// ✗ Bad - Potential leaked render values
+<div>
+  {items.length && <ItemList items={items} />}
+  {/* If items.length is 0, renders "0" */}
+</div>
+
+// ✓ Good - Static context values or memoized objects
+const contextValue = useMemo(() => ({ user, settings }), [user, settings]);
+<MyContext.Provider value={contextValue}>
+  {children}
+</MyContext.Provider>
+
+// ✗ Bad - Constructed context values on each render
+<MyContext.Provider value={{ user, settings }}>
+  {children}
+</MyContext.Provider>
+```
+
+### Input Validation and Sanitization
+
+Rules for safe handling of user input and form data.
+
+```javascript { .api }
+const inputValidationRules = {
+  /** Enforce button elements to have explicit type attribute */
+  'react/button-has-type': ESLintRule;
+  /** Enforce onChange or readonly for checked property */
+  'react/checked-requires-onchange-or-readonly': ESLintRule;
+  /** Prevent array index in keys */
+  'react/no-array-index-key': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - Button with explicit type
+<button type="button" onClick={handleClick}>
+  Action Button
+</button>
+
+<button type="submit">
+  Submit Form
+</button>
+
+<button type="reset">
+  Reset Form
+</button>
+
+// ✗ Bad - Button without type (defaults to submit)
+<button onClick={handleClick}>
+  Action Button
+</button>
+
+// ✓ Good - Controlled checkbox with proper event handling
+<input 
+  type="checkbox" 
+  checked={isSelected} 
+  onChange={handleSelectionChange}
+/>
+
+// ✓ Good - Read-only checkbox
+<input 
+  type="checkbox" 
+  checked={isSelected} 
+  readOnly
+/>
+
+// ✗ Bad - Checked input without onChange or readOnly
+<input type="checkbox" checked={isSelected} />
+
+// ✓ Good - Using stable, unique keys
+{users.map(user => (
+  <UserCard key={user.id} user={user} />
+))}
+
+// ✗ Bad - Using array index as key
+{users.map((user, index) => (
+  <UserCard key={index} user={user} />
+))}
+```
+
+### Content Security Policy (CSP) Compliance
+
+Rules that help maintain CSP compliance and secure content policies.
+
+```javascript { .api }
+const cspRules = {
+  /** Prevent inline event handlers that violate CSP */
+  'react/jsx-no-script-url': ESLintRule;
+  /** Prevent usage of eval-like constructs */
+  'react/no-danger': ESLintRule;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// ✓ Good - CSP-compliant event handling
+const MyComponent = () => {
+  const handleClick = () => {
+    // Event handler logic
+  };
+  
+  return <button onClick={handleClick}>Click me</button>;
+};
+
+// ✗ Bad - Inline javascript URLs that violate CSP
+<button onClick={() => eval('some code')}>
+  Dangerous Button
+</button>
+
+<a href="javascript:someFunction()">
+  CSP-violating Link
+</a>
+
+// ✓ Good - Safe external resource loading
+<img src="https://trusted-cdn.com/image.jpg" alt="Safe image" />
+
+// ✗ Bad - Potentially unsafe inline content
+<div dangerouslySetInnerHTML={{__html: `<script>alert('xss')</script>`}} />
+```
+
+## Security Rule Configuration
+
+Security rules often support configuration for different security levels:
+
+```javascript
+{
+  "rules": {
+    "react/no-danger": "error", // Completely forbid dangerouslySetInnerHTML
+    
+    "react/jsx-no-target-blank": ["error", {
+      "allowReferrer": false,
+      "enforceDynamicLinks": "always",
+      "warnOnSpreadAttributes": true,
+      "links": true,
+      "forms": true
+    }],
+    
+    "react/iframe-missing-sandbox": ["error", {
+      "allowFullScreen": false
+    }],
+    
+    "react/no-unknown-property": ["error", {
+      "ignore": ["css"] // Allow CSS-in-JS properties
+    }],
+    
+    "react/jsx-no-script-url": ["error", [
+      {
+        "name": "Link",
+        "props": ["to", "href"]
+      },
+      {
+        "name": "Foo", 
+        "props": ["href"]
+      }
+    ]]
+  }
+}
+```
+
+## Security Best Practices
+
+When using these rules, consider these additional security practices:
+
+1. **Content Sanitization**: Always sanitize user-generated content before rendering
+2. **CSP Headers**: Implement Content Security Policy headers on your server
+3. **Input Validation**: Validate and sanitize all user inputs on both client and server
+4. **Secure Defaults**: Use secure defaults and explicit security configurations
+5. **Regular Updates**: Keep React and eslint-plugin-react updated to latest versions
+6. **Security Audits**: Regularly audit your dependencies for security vulnerabilities
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-eslint-plugin-react/tile.json b/.tessl/tiles/tessl/npm-eslint-plugin-react/tile.json
new file mode 100644
index 000000000..1feea4553
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-eslint-plugin-react/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-eslint-plugin-react",
+  "version": "7.37.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/eslint-plugin-react@7.37.5",
+  "summary": "React specific linting rules for ESLint"
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-eslint/docs/cli.md b/.tessl/tiles/tessl/npm-eslint/docs/cli.md
new file mode 100644
index 000000000..49b572224
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-eslint/docs/cli.md
@@ -0,0 +1,452 @@
+# Command Line Interface
+
+ESLint's CLI module provides programmatic access to the command-line functionality, allowing you to execute ESLint operations with full control over arguments, input sources, and configuration systems.
+
+## Capabilities
+
+### Execute CLI Command
+
+The main function for executing ESLint command-line operations programmatically.
+
+```javascript { .api }
+/**
+ * Executes ESLint CLI with the provided arguments
+ * @param args - Command-line arguments array
+ * @param text - Optional stdin text input
+ * @param allowFlatConfig - Whether to allow flat config detection
+ * @returns Promise resolving to exit code (0=success, 1=lint errors, 2=fatal error)
+ */
+function execute(
+  args: string[], 
+  text?: string | null, 
+  allowFlatConfig?: boolean
+): Promise<number>;
+```
+
+**Usage Examples:**
+
+```javascript
+const { execute } = require("eslint/lib/cli");
+
+// Basic file linting
+const exitCode = await execute(["src/**/*.js"]);
+console.log(`ESLint exit code: ${exitCode}`);
+// 0 = no errors, 1 = lint errors found, 2 = fatal error
+
+// Lint with specific formatter
+const exitCode = await execute([
+  "src/**/*.js",
+  "--format", "json"
+]);
+
+// Lint with configuration override
+const exitCode = await execute([
+  "src/**/*.js",
+  "--config", "custom-eslint.config.js",
+  "--fix"
+]);
+
+// Force flat config usage
+const exitCode = await execute(
+  ["src/**/*.js"], 
+  null, // no stdin
+  true  // allow flat config
+);
+
+// Lint stdin content
+const code = 'var unused = "hello";';
+const exitCode = await execute(
+  ["--stdin", "--stdin-filename", "input.js"],
+  code
+);
+```
+
+### CLI Arguments and Options
+
+All standard ESLint CLI options are supported through the args array:
+
+```javascript { .api }
+// File and Pattern Options
+["file1.js", "file2.js"]                    // Specific files
+["src/**/*.js"]                             // Glob patterns
+["--ext", ".js,.jsx,.ts,.tsx", "src/"]      // File extensions
+["--ignore-path", ".gitignore"]             // Custom ignore file
+
+// Configuration Options
+["--config", "path/to/config.js"]           // Specific config file
+["--no-eslintrc"]                           // Disable config file lookup
+["--env", "browser,node"]                   // Environment settings
+["--global", "jQuery,_"]                    // Global variables
+["--parser", "@typescript-eslint/parser"]   // Custom parser
+["--parser-options", '{"ecmaVersion":2024}'] // Parser options
+["--plugin", "react,@typescript-eslint"]    // Plugins to load
+
+// Rule Options
+["--rule", '{"no-console":"error"}']        // Rule overrides
+["--rulesdir", "custom-rules/"]             // Custom rules directory
+
+// Fix and Output Options
+["--fix"]                                   // Apply automatic fixes
+["--fix-dry-run"]                           // Show fixes without applying
+["--fix-type", "problem,suggestion"]        // Types of fixes to apply
+
+// Formatting Options
+["--format", "stylish"]                     // Output formatter
+["--output-file", "results.json"]          // Output to file
+["--color"]                                 // Force color output
+["--no-color"]                              // Disable color output
+
+// Caching Options
+["--cache"]                                 // Enable caching
+["--cache-file", ".custom-cache"]           // Cache file location
+["--cache-strategy", "content"]             // Cache strategy
+
+// Other Options
+["--quiet"]                                 // Report only errors
+["--max-warnings", "10"]                    // Maximum warnings
+["--debug"]                                 // Enable debug output
+["--print-config", "file.js"]              // Print config for file
+```
+
+**Complex Examples:**
+
+```javascript
+const { execute } = require("eslint/lib/cli");
+
+// Complete linting setup with all options
+const exitCode = await execute([
+  // Files to lint
+  "src/**/*.{js,jsx,ts,tsx}",
+  
+  // Configuration
+  "--config", "eslint.config.js",
+  "--env", "browser,es2024",
+  "--parser", "@typescript-eslint/parser",
+  "--parser-options", JSON.stringify({
+    ecmaVersion: 2024,
+    sourceType: "module",
+    ecmaFeatures: { jsx: true }
+  }),
+  
+  // Rules and plugins
+  "--plugin", "react,@typescript-eslint",
+  "--rule", JSON.stringify({
+    "no-console": "warn",
+    "prefer-const": "error",
+    "@typescript-eslint/no-unused-vars": "error"
+  }),
+  
+  // Fixing and output
+  "--fix",
+  "--fix-type", "problem,suggestion",
+  "--format", "json",
+  "--output-file", "lint-results.json",
+  
+  // Performance
+  "--cache",
+  "--cache-strategy", "content",
+  
+  // Behavior
+  "--max-warnings", "0",
+  "--quiet"
+]);
+
+if (exitCode === 0) {
+  console.log("✓ All files passed linting");
+} else if (exitCode === 1) {
+  console.log("✗ Linting errors found");
+} else {
+  console.log("✗ Fatal error occurred");
+}
+```
+
+### Stdin Processing
+
+Processing code from standard input with filename context:
+
+```javascript { .api }
+// Stdin options
+["--stdin"]                                 // Read from stdin
+["--stdin-filename", "virtual.js"]          // Filename for stdin content
+```
+
+**Usage Examples:**
+
+```javascript
+const { execute } = require("eslint/lib/cli");
+
+// Lint code from string
+const sourceCode = `
+function test() {
+  var unused = 1;
+  console.log("hello");
+}
+`;
+
+const exitCode = await execute([
+  "--stdin",
+  "--stdin-filename", "test.js",
+  "--format", "compact",
+  "--rule", '{"no-unused-vars":"error","no-console":"warn"}'
+], sourceCode);
+
+// Lint TypeScript code
+const tsCode = `
+interface User {
+  name: string;
+  email: string;
+}
+
+const user: any = { name: "John" };
+`;
+
+const exitCode = await execute([
+  "--stdin",
+  "--stdin-filename", "user.ts",
+  "--parser", "@typescript-eslint/parser",
+  "--plugin", "@typescript-eslint",
+  "--rule", '{"@typescript-eslint/no-explicit-any":"error"}'
+], tsCode);
+```
+
+### Configuration File Detection
+
+The CLI automatically detects configuration files based on the `allowFlatConfig` parameter:
+
+```javascript
+// Automatic detection (default behavior)
+const exitCode = await execute(["src/**/*.js"]);
+
+// Force eslintrc detection (legacy)
+const exitCode = await execute(["src/**/*.js"], null, false);
+
+// Allow flat config detection (modern)
+const exitCode = await execute(["src/**/*.js"], null, true);
+```
+
+### Error Handling and Exit Codes
+
+Understanding and handling different exit codes:
+
+```javascript { .api }
+// Exit Code Meanings:
+// 0 - Success (no errors)
+// 1 - Lint errors found
+// 2 - Fatal error (configuration, parsing, etc.)
+```
+
+**Usage Examples:**
+
+```javascript
+const { execute } = require("eslint/lib/cli");
+
+try {
+  const exitCode = await execute([
+    "src/**/*.js",
+    "--format", "json",
+    "--output-file", "results.json"
+  ]);
+  
+  switch (exitCode) {
+    case 0:
+      console.log("✓ No linting errors found");
+      break;
+    case 1:
+      console.log("⚠ Linting errors found - check results.json");
+      // Process results file
+      const results = JSON.parse(fs.readFileSync("results.json", "utf8"));
+      const totalErrors = results.reduce((sum, result) => sum + result.errorCount, 0);
+      console.log(`Total errors: ${totalErrors}`);
+      break;
+    case 2:
+      console.error("✗ Fatal error occurred during linting");
+      process.exit(1);
+      break;
+  }
+} catch (error) {
+  console.error("CLI execution failed:", error.message);
+  process.exit(2);
+}
+```
+
+### Integration with Build Systems
+
+**npm scripts integration:**
+
+```javascript
+// In a build script
+const { execute } = require("eslint/lib/cli");
+
+async function lintProject() {
+  console.log("Running ESLint...");
+  
+  const exitCode = await execute([
+    "src/**/*.js",
+    "--format", "stylish",
+    "--cache",
+    "--fix"
+  ]);
+  
+  if (exitCode !== 0) {
+    throw new Error(`ESLint failed with exit code ${exitCode}`);
+  }
+  
+  console.log("✓ ESLint passed");
+}
+
+// Usage in build pipeline
+try {
+  await lintProject();
+  console.log("Build can continue...");
+} catch (error) {
+  console.error("Build failed:", error.message);
+  process.exit(1);
+}
+```
+
+**CI/CD integration:**
+
+```javascript
+const { execute } = require("eslint/lib/cli");
+
+async function ciLint() {
+  const exitCode = await execute([
+    "src/**/*.js",
+    "--format", "junit",
+    "--output-file", "junit-results.xml",
+    "--max-warnings", "0", // Treat warnings as errors in CI
+    "--cache",
+    "--cache-strategy", "content"
+  ]);
+  
+  // Generate additional reports
+  if (exitCode !== 0) {
+    // Generate HTML report for developers
+    await execute([
+      "src/**/*.js",
+      "--format", "html",
+      "--output-file", "eslint-report.html"
+    ]);
+  }
+  
+  return exitCode;
+}
+```
+
+### Custom Formatters
+
+Using custom formatters with the CLI:
+
+```javascript
+const { execute } = require("eslint/lib/cli");
+
+// Use built-in formatters
+await execute([
+  "src/**/*.js",
+  "--format", "json"        // Built-in JSON formatter
+]);
+
+await execute([
+  "src/**/*.js", 
+  "--format", "checkstyle"  // Built-in Checkstyle XML formatter
+]);
+
+// Use custom formatter
+await execute([
+  "src/**/*.js",
+  "--format", "./formatters/custom-formatter.js"
+]);
+
+// Custom formatter example (./formatters/custom-formatter.js):
+module.exports = function(results) {
+  const summary = results.reduce((acc, result) => ({
+    files: acc.files + 1,
+    errors: acc.errors + result.errorCount,
+    warnings: acc.warnings + result.warningCount
+  }), { files: 0, errors: 0, warnings: 0 });
+  
+  return `
+Linted ${summary.files} files
+Found ${summary.errors} errors and ${summary.warnings} warnings
+${results.map(result => 
+  result.messages.length > 0 
+    ? `${result.filePath}: ${result.messages.length} issues`
+    : ""
+).filter(Boolean).join('\n')}
+  `.trim();
+};
+```
+
+### Advanced CLI Usage
+
+**Multi-step linting process:**
+
+```javascript
+const { execute } = require("eslint/lib/cli");
+
+async function advancedLinting() {
+  // Step 1: Check configuration
+  console.log("Validating configuration...");
+  const configCheck = await execute([
+    "--print-config", "src/index.js"
+  ]);
+  
+  if (configCheck !== 0) {
+    throw new Error("Invalid ESLint configuration");
+  }
+  
+  // Step 2: Lint with fixes
+  console.log("Running ESLint with fixes...");
+  const lintResult = await execute([
+    "src/**/*.js",
+    "--fix",
+    "--fix-type", "layout,suggestion",
+    "--cache"
+  ]);
+  
+  // Step 3: Check for remaining errors
+  console.log("Checking for remaining errors...");
+  const errorCheck = await execute([
+    "src/**/*.js",
+    "--quiet", // Only show errors
+    "--format", "json",
+    "--output-file", "errors.json"
+  ]);
+  
+  if (errorCheck === 1) {
+    const errors = JSON.parse(fs.readFileSync("errors.json", "utf8"));
+    const errorFiles = errors.filter(result => result.errorCount > 0);
+    console.log(`${errorFiles.length} files still have errors after fixes`);
+  }
+  
+  return errorCheck;
+}
+```
+
+**Conditional linting based on file changes:**
+
+```javascript
+const { execute } = require("eslint/lib/cli");
+const { execSync } = require("child_process");
+
+async function lintChangedFiles() {
+  // Get changed files from git
+  const changedFiles = execSync("git diff --name-only HEAD~1 HEAD", { encoding: "utf8" })
+    .split("\n")
+    .filter(file => file.endsWith(".js") || file.endsWith(".ts"))
+    .filter(Boolean);
+  
+  if (changedFiles.length === 0) {
+    console.log("No JavaScript/TypeScript files changed");
+    return 0;
+  }
+  
+  console.log(`Linting ${changedFiles.length} changed files...`);
+  
+  return await execute([
+    ...changedFiles,
+    "--cache",
+    "--format", "stylish"
+  ]);
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-eslint/docs/flat-config.md b/.tessl/tiles/tessl/npm-eslint/docs/flat-config.md
new file mode 100644
index 000000000..632171a6d
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-eslint/docs/flat-config.md
@@ -0,0 +1,597 @@
+# Flat Config API
+
+The `FlatESLint` class provides the modern flat config API for ESLint with simplified configuration, improved performance, and enhanced flexibility. This API is recommended for new projects and ESLint v9+ compatibility.
+
+## Capabilities
+
+### FlatESLint Constructor
+
+Creates a new FlatESLint instance with modern flat configuration options.
+
+```javascript { .api }
+/**
+ * Creates a new FlatESLint instance with flat config system
+ * @param options - Configuration options for the FlatESLint instance
+ */
+constructor(options?: FlatESLintOptions);
+
+interface FlatESLintOptions {
+  /** Allow inline configuration comments (default: true) */
+  allowInlineConfig?: boolean;
+  /** Base flat configuration array */
+  baseConfig?: FlatConfig | FlatConfig[];
+  /** Enable result caching (default: false) */
+  cache?: boolean;
+  /** Cache file location (default: ".eslintcache") */
+  cacheLocation?: string;
+  /** Cache strategy: "metadata" or "content" (default: "metadata") */
+  cacheStrategy?: "metadata" | "content";
+  /** Current working directory (default: process.cwd()) */
+  cwd?: string;
+  /** Error on unmatched glob patterns (default: true) */
+  errorOnUnmatchedPattern?: boolean;
+  /** Enable automatic fixing (default: false) */
+  fix?: boolean | ((message: LintMessage) => boolean);
+  /** Types of fixes to apply (default: all types) */
+  fixTypes?: ("directive" | "problem" | "suggestion" | "layout")[];
+  /** Enable glob pattern expansion (default: true) */
+  globInputPaths?: boolean;
+  /** Enable ignore functionality (default: true) */
+  ignore?: boolean;
+  /** Additional ignore patterns */
+  ignorePatterns?: string[];
+  /** Override flat configuration */
+  overrideConfig?: FlatConfig | FlatConfig[];
+  /** Override config file path or disable config file */
+  overrideConfigFile?: string | boolean;
+  /** Plugin objects to use */
+  plugins?: Record<string, Plugin>;
+  /** Warn about ignored files when explicitly specified */
+  warnIgnored?: boolean;
+}
+
+interface FlatConfig {
+  /** Configuration name for debugging */
+  name?: string;
+  /** File patterns this config applies to */
+  files?: string[];
+  /** File patterns this config ignores */
+  ignores?: string[];
+  /** Language-specific options */
+  languageOptions?: LanguageOptions;
+  /** Linter behavior options */
+  linterOptions?: LinterOptions;
+  /** Code processor */
+  processor?: Processor | string;
+  /** Plugin objects */
+  plugins?: Record<string, Plugin>;
+  /** Rule configurations */
+  rules?: Record<string, RuleConf>;
+  /** Shared settings for rules */
+  settings?: Record<string, any>;
+}
+
+interface LanguageOptions {
+  /** ECMAScript version (default: "latest") */
+  ecmaVersion?: number | "latest";
+  /** Global variables */
+  globals?: Record<string, GlobalConf>;
+  /** Parser module or name */
+  parser?: string | Parser;
+  /** Parser-specific options */
+  parserOptions?: Record<string, any>;
+  /** Source type */
+  sourceType?: "script" | "module" | "commonjs";
+}
+
+interface LinterOptions {
+  /** Disable inline configuration comments */
+  noInlineConfig?: boolean;
+  /** Report unused eslint-disable directives */
+  reportUnusedDisableDirectives?: boolean | "error" | "warn" | "off";
+}
+```
+
+**Usage Examples:**
+
+```javascript
+import { FlatESLint } from "eslint/use-at-your-own-risk";
+
+// Basic FlatESLint instance
+const eslint = new FlatESLint();
+
+// FlatESLint with base configuration
+const eslint = new FlatESLint({
+  baseConfig: [
+    {
+      languageOptions: {
+        ecmaVersion: 2024,
+        sourceType: "module",
+        globals: {
+          console: "readonly",
+          process: "readonly"
+        }
+      },
+      rules: {
+        "no-console": "warn",
+        "prefer-const": "error"
+      }
+    }
+  ]
+});
+
+// FlatESLint with multiple config objects
+const eslint = new FlatESLint({
+  baseConfig: [
+    // Base config for all files
+    {
+      languageOptions: {
+        ecmaVersion: 2024,
+        sourceType: "module"
+      },
+      rules: {
+        "no-unused-vars": "error"
+      }
+    },
+    // Specific config for test files
+    {
+      files: ["**/*.test.js", "**/*.spec.js"],
+      languageOptions: {
+        globals: {
+          describe: "readonly",
+          it: "readonly",
+          expect: "readonly"
+        }
+      },
+      rules: {
+        "no-unused-expressions": "off"
+      }
+    }
+  ]
+});
+
+// FlatESLint with plugins and processors
+const eslint = new FlatESLint({
+  baseConfig: [
+    {
+      files: ["**/*.vue"],
+      plugins: {
+        vue: vuePlugin
+      },
+      processor: "vue/vue",
+      rules: {
+        "vue/no-unused-vars": "error"
+      }
+    }
+  ]
+});
+```
+
+### Lint Files
+
+Lints files matching the provided glob patterns using flat config system.
+
+```javascript { .api }
+/**
+ * Lints files matching the provided patterns
+ * @param patterns - Glob patterns or file paths to lint
+ * @returns Promise resolving to array of lint results
+ */
+lintFiles(patterns: string | string[]): Promise<LintResult[]>;
+```
+
+**Usage Examples:**
+
+```javascript
+import { FlatESLint } from "eslint/use-at-your-own-risk";
+
+const eslint = new FlatESLint({
+  baseConfig: [
+    {
+      languageOptions: { ecmaVersion: 2024 },
+      rules: { "no-unused-vars": "error" }
+    }
+  ]
+});
+
+// Lint specific files
+const results = await eslint.lintFiles([
+  "src/app.js",
+  "lib/utils.js"
+]);
+
+// Lint using glob patterns
+const results = await eslint.lintFiles([
+  "src/**/*.js",
+  "!src/**/*.test.js"
+]);
+
+// Process results with flat config context
+for (const result of results) {
+  console.log(`File: ${result.filePath}`);
+  
+  // Check for configuration-specific messages
+  for (const message of result.messages) {
+    console.log(`  ${message.line}:${message.column} ${message.message} (${message.ruleId})`);
+  }
+}
+```
+
+### Lint Text
+
+Lints source code text directly using flat config system.
+
+```javascript { .api }
+/**
+ * Lints the provided source code text
+ * @param code - Source code string to lint
+ * @param options - Additional options for text linting
+ * @returns Promise resolving to array containing single lint result
+ */
+lintText(
+  code: string, 
+  options?: {
+    /** File path to associate with the code (affects config matching) */
+    filePath?: string;
+    /** Warn about ignored files (default: false) */
+    warnIgnored?: boolean;
+  }
+): Promise<LintResult[]>;
+```
+
+**Usage Examples:**
+
+```javascript
+import { FlatESLint } from "eslint/use-at-your-own-risk";
+
+const eslint = new FlatESLint({
+  baseConfig: [
+    {
+      rules: {
+        "no-unused-vars": "error",
+        "quotes": ["error", "single"]
+      }
+    }
+  ]
+});
+
+// Lint code string
+const results = await eslint.lintText('var unused = "hello";');
+console.log(results[0].messages);
+
+// Lint with file path for config matching
+const results = await eslint.lintText(
+  'const fs = require("fs");',
+  { filePath: "server.js" }
+);
+
+// Different config for different file types
+const eslint = new FlatESLint({
+  baseConfig: [
+    {
+      files: ["**/*.mjs"],
+      languageOptions: { sourceType: "module" },
+      rules: { "no-console": "error" }
+    },
+    {
+      files: ["**/*.cjs"],
+      languageOptions: { sourceType: "script" },
+      rules: { "no-console": "warn" }
+    }
+  ]
+});
+
+const moduleResult = await eslint.lintText(
+  'console.log("module");', 
+  { filePath: "app.mjs" }
+);
+const scriptResult = await eslint.lintText(
+  'console.log("script");', 
+  { filePath: "app.cjs" }
+);
+```
+
+### Output Fixes
+
+Writes fixed code back to the original files (same API as legacy ESLint).
+
+```javascript { .api }
+/**
+ * Writes fixes from lint results back to their source files
+ * @param results - Array of lint results containing fixes
+ * @returns Promise that resolves when all fixes are written
+ */
+static outputFixes(results: LintResult[]): Promise<void>;
+```
+
+### Load Formatter
+
+Loads formatters with the same API as legacy ESLint.
+
+```javascript { .api }
+/**
+ * Loads a formatter for displaying lint results
+ * @param name - Formatter name (default: "stylish")
+ * @returns Promise resolving to loaded formatter
+ */
+loadFormatter(name?: string): Promise<LoadedFormatter>;
+```
+
+### Calculate Config for File
+
+Calculates the effective flat configuration for a specific file.
+
+```javascript { .api }
+/**
+ * Calculates the effective flat configuration for a specific file
+ * @param filePath - Path to the file to calculate config for
+ * @returns Promise resolving to the effective flat configuration
+ */
+calculateConfigForFile(filePath: string): Promise<FlatConfig>;
+```
+
+**Usage Examples:**
+
+```javascript
+import { FlatESLint } from "eslint/use-at-your-own-risk";
+
+const eslint = new FlatESLint({
+  baseConfig: [
+    {
+      files: ["**/*.js"],
+      languageOptions: { ecmaVersion: 2024 },
+      rules: { "no-unused-vars": "error" }
+    },
+    {
+      files: ["**/*.test.js"],
+      languageOptions: { 
+        globals: { describe: "readonly", it: "readonly" }
+      },
+      rules: { "no-unused-vars": "warn" }
+    }
+  ]
+});
+
+// Get effective config for different files
+const appConfig = await eslint.calculateConfigForFile("src/app.js");
+console.log(appConfig.rules?.["no-unused-vars"]); // "error"
+
+const testConfig = await eslint.calculateConfigForFile("src/app.test.js");
+console.log(testConfig.rules?.["no-unused-vars"]); // "warn"
+console.log(testConfig.languageOptions?.globals?.describe); // "readonly"
+```
+
+### Find Config File
+
+Finds the flat config file used by the current instance.
+
+```javascript { .api }
+/**
+ * Finds the flat config file being used
+ * @returns Promise resolving to the path of the config file, or null if none
+ */
+findConfigFile(): Promise<string | null>;
+```
+
+**Usage Examples:**
+
+```javascript
+import { FlatESLint } from "eslint/use-at-your-own-risk";
+
+const eslint = new FlatESLint();
+
+// Find the config file being used
+const configFile = await eslint.findConfigFile();
+console.log(`Using config file: ${configFile}`);
+// Output: "Using config file: /path/to/project/eslint.config.js"
+
+// Check if using default config
+if (configFile === null) {
+  console.log("No config file found, using default configuration");
+}
+```
+
+### Check if Path is Ignored
+
+Same API as legacy ESLint for checking ignored paths.
+
+```javascript { .api }
+/**
+ * Determines if a file path is ignored by flat config
+ * @param filePath - Path to check for ignore status
+ * @returns Promise resolving to true if the path is ignored
+ */
+isPathIgnored(filePath: string): Promise<boolean>;
+```
+
+### Get Rules Metadata
+
+Same API as legacy ESLint for retrieving rule metadata.
+
+```javascript { .api }
+/**
+ * Gets metadata for all rules referenced in the lint results
+ * @param results - Array of lint results
+ * @returns Object mapping rule IDs to their metadata
+ */
+getRulesMetaForResults(results: LintResult[]): Record<string, RuleMeta>;
+```
+
+## Configuration Detection
+
+Utility function to determine whether to use flat config or eslintrc config.
+
+```javascript { .api }
+/**
+ * Determines whether flat config should be used in the given directory
+ * @param options - Options for config detection
+ * @returns Promise resolving to true if flat config should be used
+ */
+function shouldUseFlatConfig(options?: {
+  /** Directory to check for config files */
+  cwd?: string;
+}): Promise<boolean>;
+```
+
+**Usage Examples:**
+
+```javascript
+import { shouldUseFlatConfig, FlatESLint } from "eslint/use-at-your-own-risk";
+import { ESLint } from "eslint";
+
+// Automatically choose config system
+const useFlatConfig = await shouldUseFlatConfig();
+
+if (useFlatConfig) {
+  console.log("Using flat config system");
+  const eslint = new FlatESLint();
+  // ... use FlatESLint
+} else {
+  console.log("Using eslintrc config system");
+  const eslint = new ESLint();
+  // ... use ESLint
+}
+
+// Check in specific directory
+const useFlatConfig = await shouldUseFlatConfig({ cwd: "/path/to/project" });
+
+// Dynamic constructor selection
+const ESLintClass = useFlatConfig ? FlatESLint : ESLint;
+const eslint = new ESLintClass();
+```
+
+## Flat Config File Examples
+
+**Basic flat config (eslint.config.js):**
+
+```javascript
+export default [
+  {
+    languageOptions: {
+      ecmaVersion: 2024,
+      sourceType: "module",
+      globals: {
+        console: "readonly"
+      }
+    },
+    rules: {
+      "no-unused-vars": "error",
+      "prefer-const": "error"
+    }
+  }
+];
+```
+
+**Multi-environment flat config:**
+
+```javascript
+import js from "@eslint/js";
+
+export default [
+  // Base config for all files
+  js.configs.recommended,
+  
+  // Node.js files
+  {
+    files: ["**/*.js"],
+    languageOptions: {
+      ecmaVersion: 2024,
+      sourceType: "commonjs",
+      globals: {
+        require: "readonly",
+        module: "readonly",
+        exports: "writable"
+      }
+    }
+  },
+  
+  // ES modules
+  {
+    files: ["**/*.mjs"],
+    languageOptions: {
+      ecmaVersion: 2024,
+      sourceType: "module"
+    }
+  },
+  
+  // Test files
+  {
+    files: ["**/*.test.js", "**/*.spec.js"],
+    languageOptions: {
+      globals: {
+        describe: "readonly",
+        it: "readonly",
+        expect: "readonly"
+      }
+    },
+    rules: {
+      "no-unused-expressions": "off"
+    }
+  },
+  
+  // Ignore patterns
+  {
+    ignores: ["dist/**", "node_modules/**"]
+  }
+];
+```
+
+## Migration from ESLint to FlatESLint
+
+**Key Differences:**
+
+1. **Configuration Structure**: Array of objects vs single object with overrides
+2. **Plugin Loading**: Direct plugin objects vs string names
+3. **Global Variables**: In `languageOptions.globals` vs `globals`
+4. **Parser Options**: In `languageOptions.parserOptions` vs `parserOptions`
+5. **File Patterns**: `files`/`ignores` vs `overrides` with `files`/`excludedFiles`
+
+**Migration Example:**
+
+```javascript
+// Old eslintrc config
+module.exports = {
+  env: { node: true, es2021: true },
+  extends: ["eslint:recommended"],
+  parserOptions: { ecmaVersion: 12 },
+  rules: { "no-console": "warn" },
+  overrides: [
+    {
+      files: ["**/*.test.js"],
+      env: { jest: true },
+      rules: { "no-unused-expressions": "off" }
+    }
+  ]
+};
+
+// New flat config equivalent
+export default [
+  {
+    languageOptions: {
+      ecmaVersion: 2021,
+      sourceType: "commonjs",
+      globals: {
+        console: "readonly",
+        process: "readonly"
+      }
+    },
+    rules: {
+      "no-console": "warn",
+      // Include recommended rules explicitly or via plugin
+    }
+  },
+  {
+    files: ["**/*.test.js"],
+    languageOptions: {
+      globals: {
+        describe: "readonly",
+        it: "readonly",
+        expect: "readonly"
+      }
+    },
+    rules: {
+      "no-unused-expressions": "off"
+    }
+  }
+];
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-eslint/docs/index.md b/.tessl/tiles/tessl/npm-eslint/docs/index.md
new file mode 100644
index 000000000..32528c1ae
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-eslint/docs/index.md
@@ -0,0 +1,260 @@
+# ESLint
+
+ESLint is a comprehensive JavaScript and ECMAScript linting tool that analyzes code using Abstract Syntax Trees (AST) to identify and report patterns, potential errors, and code quality issues. It provides a pluggable architecture where every rule is implemented as a plugin, allowing developers to customize and extend linting capabilities for their specific needs. ESLint supports both legacy eslintrc configuration and modern flat config systems, with extensive formatter options and automatic code fixing capabilities.
+
+## Package Information
+
+- **Package Name**: eslint
+- **Package Type**: npm
+- **Language**: JavaScript
+- **Installation**: `npm install eslint`
+
+## Core Imports
+
+```javascript
+// Main API classes
+const { ESLint, Linter, RuleTester, SourceCode, loadESLint } = require("eslint");
+
+// Unsupported APIs (use at your own risk)
+const { FlatESLint, builtinRules, FileEnumerator, FlatRuleTester } = require("eslint/use-at-your-own-risk");
+```
+
+For ESM modules:
+
+```javascript
+import { ESLint, Linter, RuleTester, SourceCode, loadESLint } from "eslint";
+
+// Unsupported APIs (use at your own risk)
+import { FlatESLint, builtinRules, FileEnumerator, FlatRuleTester } from "eslint/use-at-your-own-risk";
+```
+
+## Basic Usage
+
+```javascript
+import { ESLint } from "eslint";
+
+// Create ESLint instance
+const eslint = new ESLint({ 
+  baseConfig: {
+    env: { node: true, es2021: true },
+    extends: ['eslint:recommended']
+  }
+});
+
+// Lint files
+const results = await eslint.lintFiles(['src/**/*.js']);
+
+// Format results
+const formatter = await eslint.loadFormatter('stylish');
+const resultText = formatter.format(results);
+console.log(resultText);
+
+// Apply fixes
+await ESLint.outputFixes(results);
+```
+
+## Architecture
+
+ESLint is built around several key components:
+
+- **Core Linting Engine**: The `Linter` class provides low-level verification and fixing capabilities
+- **High-Level APIs**: `ESLint` (legacy) and `FlatESLint` (modern) classes provide file system integration and configuration management
+- **Configuration Systems**: Support for both eslintrc (legacy) and flat config (modern) configuration formats
+- **Rule System**: 291 built-in rules covering problems, suggestions, and formatting
+- **Parser Integration**: Extensible parser system with Espree as the default
+- **Plugin Architecture**: Comprehensive plugin system for custom rules, parsers, and formatters
+- **Source Code Abstraction**: Rich `SourceCode` API for AST navigation and token manipulation
+
+## Capabilities
+
+### Core Linting
+
+Low-level linting functionality for individual source code verification and fixing. Ideal for custom integrations and rule development.
+
+```javascript { .api }
+class Linter {
+  constructor(options?: { cwd?: string, configType?: "flat" | "eslintrc" });
+  verify(textOrSourceCode: string | SourceCode, config: Config, options?: VerifyOptions): LintMessage[];
+  verifyAndFix(text: string, config: Config, options?: VerifyOptions): LintResult;
+  getSourceCode(): SourceCode;
+}
+```
+
+[Core Linting](./linting.md)
+
+### Legacy ESLint API
+
+Full-featured eslintrc-based API for file system linting with configuration discovery and caching. Best for projects using traditional ESLint configuration.
+
+```javascript { .api }
+class ESLint {
+  constructor(options?: ESLintOptions);
+  lintFiles(patterns: string | string[]): Promise<LintResult[]>;
+  lintText(code: string, options?: { filePath?: string }): Promise<LintResult[]>;
+  static outputFixes(results: LintResult[]): Promise<void>;
+  loadFormatter(name?: string): Promise<LoadedFormatter>;
+}
+```
+
+[Legacy ESLint API](./legacy-eslint.md)
+
+### Modern Flat Config API
+
+Modern flat config API with simplified configuration and improved performance. Recommended for new projects and ESLint v9+ compatibility.
+
+```javascript { .api }
+class FlatESLint {
+  constructor(options?: FlatESLintOptions);
+  lintFiles(patterns: string | string[]): Promise<LintResult[]>;
+  lintText(code: string, options?: { filePath?: string }): Promise<LintResult[]>;
+  static outputFixes(results: LintResult[]): Promise<void>;
+  loadFormatter(name?: string): Promise<LoadedFormatter>;
+}
+
+function shouldUseFlatConfig(options?: { cwd?: string }): Promise<boolean>;
+```
+
+[Flat Config API](./flat-config.md)
+
+### Rule Testing Framework
+
+Comprehensive testing framework for validating custom ESLint rules with support for both configuration systems.
+
+```javascript { .api }
+class RuleTester {
+  constructor(testerConfig?: Config);
+  static setDefaultConfig(config: Config): void;
+  run(ruleName: string, rule: RuleModule, test: RuleTestCase): void;
+}
+
+interface RuleTestCase {
+  valid: TestCase[];
+  invalid: InvalidTestCase[];
+}
+```
+
+[Rule Testing](./rule-testing.md)
+
+### Source Code Analysis
+
+Rich API for AST navigation, token manipulation, and source code analysis. Essential for rule development and advanced code analysis.
+
+```javascript { .api }
+class SourceCode {
+  constructor(textOrConfig: string | SourceCodeConfig, astIfNoConfig?: Program);
+  text: string;
+  ast: Program;
+  scopeManager: ScopeManager;
+  getText(node?: ASTNode): string;
+  getTokens(node?: ASTNode, options?: TokenOptions): Token[];
+  getComments(node: ASTNode): { leading: Token[], trailing: Token[] };
+}
+```
+
+[Source Code Analysis](./source-code.md)
+
+### Command Line Interface
+
+Programmatic access to ESLint's command-line functionality with support for all CLI options and output formats.
+
+```javascript { .api }
+function execute(args: string[], text?: string, allowFlatConfig?: boolean): Promise<number>;
+```
+
+[Command Line Interface](./cli.md)
+
+### Built-in Rules Access (Unsupported API)
+
+Direct access to ESLint's built-in rule collection for advanced integrations and rule development.
+
+```javascript { .api }
+// Available from eslint/use-at-your-own-risk
+const builtinRules: Map<string, RuleModule>;
+```
+
+### File Enumeration (Unsupported API)
+
+Low-level file enumeration and configuration resolution for custom CLI implementations.
+
+```javascript { .api }
+class FileEnumerator {
+  constructor(options: FileEnumeratorOptions);
+  iterateFiles(patterns: string | string[]): Generator<FileAndConfig>;
+}
+
+interface FileEnumeratorOptions {
+  cwd?: string;
+  extensions?: string[];
+  globInputPaths?: boolean;
+  ignore?: boolean;
+  rulePaths?: string[];
+}
+
+interface FileAndConfig {
+  filePath: string;
+  config: ConfigArray;
+  ignored: boolean;
+}
+```
+
+### Flat Config Rule Testing (Unsupported API)
+
+Modern flat config version of the rule testing framework.
+
+```javascript { .api }
+class FlatRuleTester {
+  constructor(config?: FlatConfig);
+  run(ruleName: string, rule: RuleModule, test: RuleTestCase): void;
+}
+```
+
+## Types
+
+```javascript { .api }
+interface LintMessage {
+  ruleId: string | null;
+  severity: 1 | 2;
+  message: string;
+  line: number;
+  column: number;
+  nodeType?: string;
+  messageId?: string;
+  endLine?: number;
+  endColumn?: number;
+  fix?: EditInfo;
+  suggestions?: SuggestionResult[];
+}
+
+interface LintResult {
+  filePath: string;
+  messages: LintMessage[];
+  suppressedMessages: SuppressedLintMessage[];
+  errorCount: number;
+  warningCount: number;
+  fatalErrorCount: number;
+  fixableErrorCount: number;
+  fixableWarningCount: number;
+  usedDeprecatedRules: DeprecatedRuleUse[];
+}
+
+interface VerifyOptions {
+  filename?: string;
+  allowInlineConfig?: boolean;
+  reportUnusedDisableDirectives?: boolean | "error" | "warn" | "off";
+  disableFixes?: boolean;
+}
+
+interface Config {
+  env?: Record<string, boolean>;
+  extends?: string | string[];
+  globals?: Record<string, GlobalConf>;
+  parser?: string;
+  parserOptions?: ParserOptions;
+  plugins?: string[];
+  rules?: Record<string, RuleConf>;
+  settings?: Record<string, any>;
+}
+
+type GlobalConf = boolean | "off" | "readable" | "readonly" | "writable" | "writeable";
+type RuleConf = 0 | 1 | 2 | "off" | "warn" | "error" | [0 | 1 | 2 | "off" | "warn" | "error", ...any[]];
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-eslint/docs/legacy-eslint.md b/.tessl/tiles/tessl/npm-eslint/docs/legacy-eslint.md
new file mode 100644
index 000000000..ed663737b
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-eslint/docs/legacy-eslint.md
@@ -0,0 +1,513 @@
+# Legacy ESLint API
+
+The `ESLint` class provides the traditional eslintrc-based API for file system linting with configuration discovery, caching, and comprehensive file processing capabilities. This API is recommended for projects using traditional ESLint configuration files (.eslintrc.js, .eslintrc.json, etc.).
+
+## Capabilities
+
+### ESLint Constructor
+
+Creates a new ESLint instance with comprehensive configuration options.
+
+```javascript { .api }
+/**
+ * Creates a new ESLint instance with eslintrc-based configuration
+ * @param options - Configuration options for the ESLint instance
+ */
+constructor(options?: ESLintOptions);
+
+interface ESLintOptions {
+  /** Allow inline configuration comments (default: true) */
+  allowInlineConfig?: boolean;
+  /** Base configuration object */
+  baseConfig?: Config;
+  /** Enable result caching (default: false) */
+  cache?: boolean;
+  /** Cache file location (default: ".eslintcache") */
+  cacheLocation?: string;
+  /** Cache strategy: "metadata" or "content" (default: "metadata") */
+  cacheStrategy?: "metadata" | "content";
+  /** Current working directory (default: process.cwd()) */
+  cwd?: string;
+  /** Error on unmatched glob patterns (default: true) */
+  errorOnUnmatchedPattern?: boolean;
+  /** File extensions to lint (default: [".js"]) */
+  extensions?: string[];
+  /** Enable automatic fixing (default: false) */
+  fix?: boolean | ((message: LintMessage) => boolean);
+  /** Types of fixes to apply (default: all types) */
+  fixTypes?: ("directive" | "problem" | "suggestion" | "layout")[];
+  /** Enable glob pattern expansion (default: true) */
+  globInputPaths?: boolean;
+  /** Enable ignore functionality (default: true) */
+  ignore?: boolean;
+  /** Path to ignore file (default: searches for .eslintignore) */
+  ignorePath?: string;
+  /** Override configuration object */
+  overrideConfig?: Config;
+  /** Override configuration file path */
+  overrideConfigFile?: string;
+  /** Plugin objects to use */
+  plugins?: Record<string, Plugin>;
+  /** Report unused eslint-disable directives */
+  reportUnusedDisableDirectives?: "error" | "warn" | "off";
+  /** Base directory for plugin resolution */
+  resolvePluginsRelativeTo?: string;
+  /** Directories containing custom rules */
+  rulePaths?: string[];
+  /** Use eslintrc configuration files (default: true) */
+  useEslintrc?: boolean;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+import { ESLint } from "eslint";
+
+// Basic ESLint instance
+const eslint = new ESLint();
+
+// ESLint with base configuration
+const eslint = new ESLint({
+  baseConfig: {
+    env: { node: true, es2021: true },
+    extends: ["eslint:recommended"],
+    rules: {
+      "no-console": "warn",
+      "prefer-const": "error"
+    }
+  }
+});
+
+// ESLint with caching and fixing
+const eslint = new ESLint({
+  cache: true,
+  cacheLocation: ".cache/.eslintcache",
+  fix: true,
+  fixTypes: ["problem", "suggestion"]
+});
+
+// ESLint with custom extensions and ignore patterns
+const eslint = new ESLint({
+  extensions: [".js", ".jsx", ".ts", ".tsx"],
+  ignorePath: ".gitignore",
+  cwd: "/path/to/project"
+});
+```
+
+### Lint Files
+
+Lints files matching the provided glob patterns.
+
+```javascript { .api }
+/**
+ * Lints files matching the provided patterns
+ * @param patterns - Glob patterns or file paths to lint
+ * @returns Promise resolving to array of lint results
+ */
+lintFiles(patterns: string | string[]): Promise<LintResult[]>;
+
+interface LintResult {
+  /** Absolute path to the linted file */
+  filePath: string;
+  /** Lint messages for this file */
+  messages: LintMessage[];
+  /** Suppressed messages for this file */
+  suppressedMessages: SuppressedLintMessage[];
+  /** Number of error-level messages */
+  errorCount: number;
+  /** Number of warning-level messages */
+  warningCount: number;
+  /** Number of fatal error messages */
+  fatalErrorCount: number;
+  /** Number of fixable error messages */
+  fixableErrorCount: number;
+  /** Number of fixable warning messages */
+  fixableWarningCount: number;
+  /** Deprecated rules used in this file */
+  usedDeprecatedRules: DeprecatedRuleUse[];
+}
+
+interface DeprecatedRuleUse {
+  /** ID of the deprecated rule */
+  ruleId: string;
+  /** Replacement rule ID or configuration */
+  replacedBy: string[];
+}
+```
+
+**Usage Examples:**
+
+```javascript
+import { ESLint } from "eslint";
+
+const eslint = new ESLint();
+
+// Lint specific files
+const results = await eslint.lintFiles([
+  "src/app.js",
+  "lib/utils.js"
+]);
+
+// Lint using glob patterns
+const results = await eslint.lintFiles([
+  "src/**/*.js",
+  "!src/**/*.test.js"
+]);
+
+// Lint all JavaScript files in current directory
+const results = await eslint.lintFiles(".");
+
+// Process results
+for (const result of results) {
+  console.log(`File: ${result.filePath}`);
+  console.log(`Errors: ${result.errorCount}, Warnings: ${result.warningCount}`);
+  
+  for (const message of result.messages) {
+    console.log(`  ${message.line}:${message.column} ${message.message} (${message.ruleId})`);
+  }
+}
+```
+
+### Lint Text
+
+Lints source code text directly without file system access.
+
+```javascript { .api }
+/**
+ * Lints the provided source code text
+ * @param code - Source code string to lint
+ * @param options - Additional options for text linting
+ * @returns Promise resolving to array containing single lint result
+ */
+lintText(
+  code: string, 
+  options?: {
+    /** File path to associate with the code (affects rule behavior) */
+    filePath?: string;
+    /** Warn about ignored files (default: false) */
+    warnIgnored?: boolean;
+  }
+): Promise<LintResult[]>;
+```
+
+**Usage Examples:**
+
+```javascript
+import { ESLint } from "eslint";
+
+const eslint = new ESLint({
+  baseConfig: {
+    rules: {
+      "no-unused-vars": "error",
+      "quotes": ["error", "single"]
+    }
+  }
+});
+
+// Lint code string
+const results = await eslint.lintText('var unused = "hello";');
+console.log(results[0].messages);
+// Output: [
+//   { ruleId: "no-unused-vars", message: "'unused' is defined but never used.", ... },
+//   { ruleId: "quotes", message: "Strings must use singlequote.", ... }
+// ]
+
+// Lint with file path context
+const results = await eslint.lintText(
+  'const fs = require("fs");',
+  { filePath: "server.js" }
+);
+
+// Lint React JSX
+const results = await eslint.lintText(
+  'const App = () => <div>Hello</div>;',
+  { filePath: "App.jsx" }
+);
+```
+
+### Output Fixes
+
+Writes fixed code back to the original files.
+
+```javascript { .api }
+/**
+ * Writes fixes from lint results back to their source files
+ * @param results - Array of lint results containing fixes
+ * @returns Promise that resolves when all fixes are written
+ */
+static outputFixes(results: LintResult[]): Promise<void>;
+```
+
+**Usage Examples:**
+
+```javascript
+import { ESLint } from "eslint";
+
+const eslint = new ESLint({ fix: true });
+
+// Lint and fix files
+const results = await eslint.lintFiles(["src/**/*.js"]);
+
+// Write fixes back to files
+await ESLint.outputFixes(results);
+
+// Check what was fixed
+const fixedFiles = results.filter(result => 
+  result.messages.some(message => message.fix)
+);
+console.log(`Fixed ${fixedFiles.length} files`);
+```
+
+### Load Formatter
+
+Loads and returns a formatter for displaying lint results.
+
+```javascript { .api }
+/**
+ * Loads a formatter for displaying lint results
+ * @param name - Formatter name (default: "stylish")
+ * @returns Promise resolving to loaded formatter
+ */
+loadFormatter(name?: string): Promise<LoadedFormatter>;
+
+interface LoadedFormatter {
+  /**
+   * Formats lint results for display
+   * @param results - Array of lint results to format
+   * @param resultsMeta - Optional metadata about the results
+   * @returns Formatted string or Promise resolving to formatted string
+   */
+  format(results: LintResult[], resultsMeta?: ResultsMeta): string | Promise<string>;
+}
+
+interface ResultsMeta {
+  /** Maximum number of warnings before treating as errors */
+  maxWarningsExceeded?: {
+    maxWarnings: number;
+    foundWarnings: number;
+  };
+}
+```
+
+**Built-in Formatters:**
+- `"stylish"` - Default colored output (recommended for terminals)
+- `"compact"` - Compact single-line format
+- `"json"` - JSON format for programmatic use
+- `"junit"` - JUnit XML format for CI systems
+- `"checkstyle"` - Checkstyle XML format
+- `"html"` - HTML report format
+- `"tap"` - TAP (Test Anything Protocol) format
+- `"unix"` - Unix-style format
+- `"visualstudio"` - Visual Studio format
+
+**Usage Examples:**
+
+```javascript
+import { ESLint } from "eslint";
+
+const eslint = new ESLint();
+const results = await eslint.lintFiles(["src/**/*.js"]);
+
+// Use default stylish formatter
+const formatter = await eslint.loadFormatter();
+const output = formatter.format(results);
+console.log(output);
+
+// Use JSON formatter
+const jsonFormatter = await eslint.loadFormatter("json");
+const jsonOutput = jsonFormatter.format(results);
+const parsedResults = JSON.parse(jsonOutput);
+
+// Use HTML formatter for reports
+const htmlFormatter = await eslint.loadFormatter("html");
+const htmlOutput = htmlFormatter.format(results);
+require("fs").writeFileSync("eslint-report.html", htmlOutput);
+
+// Custom formatter path
+const customFormatter = await eslint.loadFormatter("./my-formatter.js");
+```
+
+### Calculate Config for File
+
+Calculates the effective configuration for a specific file.
+
+```javascript { .api }
+/**
+ * Calculates the effective configuration for a specific file
+ * @param filePath - Path to the file to calculate config for
+ * @returns Promise resolving to the effective configuration
+ */
+calculateConfigForFile(filePath: string): Promise<Config>;
+```
+
+**Usage Examples:**
+
+```javascript
+import { ESLint } from "eslint";
+
+const eslint = new ESLint();
+
+// Get effective config for a file
+const config = await eslint.calculateConfigForFile("src/app.js");
+console.log(config.rules); // Effective rules for this file
+console.log(config.env);   // Environment settings
+console.log(config.parser); // Parser being used
+
+// Compare configs for different files
+const jsConfig = await eslint.calculateConfigForFile("src/app.js");
+const tsConfig = await eslint.calculateConfigForFile("src/app.ts");
+
+// Check if specific rule is enabled
+const config = await eslint.calculateConfigForFile("src/component.jsx");
+const noUnusedVars = config.rules?.["no-unused-vars"];
+console.log(`no-unused-vars rule: ${noUnusedVars}`);
+```
+
+### Check if Path is Ignored
+
+Determines whether a file path would be ignored by ESLint.
+
+```javascript { .api }
+/**
+ * Determines if a file path is ignored by ESLint configuration
+ * @param filePath - Path to check for ignore status
+ * @returns Promise resolving to true if the path is ignored
+ */
+isPathIgnored(filePath: string): Promise<boolean>;
+```
+
+**Usage Examples:**
+
+```javascript
+import { ESLint } from "eslint";
+
+const eslint = new ESLint();
+
+// Check if files are ignored
+const isIgnored = await eslint.isPathIgnored("node_modules/package/index.js");
+console.log(isIgnored); // true
+
+const isIgnored = await eslint.isPathIgnored("src/app.js");
+console.log(isIgnored); // false (assuming not in .eslintignore)
+
+// Filter out ignored files before processing
+const allFiles = ["src/app.js", "dist/bundle.js", "test/spec.js"];
+const filesToLint = [];
+
+for (const file of allFiles) {
+  if (!(await eslint.isPathIgnored(file))) {
+    filesToLint.push(file);
+  }
+}
+
+console.log("Files to lint:", filesToLint);
+```
+
+### Get Rules Metadata
+
+Retrieves metadata for all rules used in the provided results.
+
+```javascript { .api }
+/**
+ * Gets metadata for all rules referenced in the lint results
+ * @param results - Array of lint results
+ * @returns Object mapping rule IDs to their metadata
+ */
+getRulesMetaForResults(results: LintResult[]): Record<string, RuleMeta>;
+
+interface RuleMeta {
+  /** Rule type: "problem", "suggestion", or "layout" */
+  type?: "problem" | "suggestion" | "layout";
+  /** Documentation information */
+  docs?: {
+    /** Rule description */
+    description?: string;
+    /** Whether rule is in recommended config */
+    recommended?: boolean;
+    /** URL to rule documentation */
+    url?: string;
+  };
+  /** Whether rule is fixable: "code", "whitespace", or null */
+  fixable?: "code" | "whitespace" | null;
+  /** Whether rule has suggestions */
+  hasSuggestions?: boolean;
+  /** Rule schema for options validation */
+  schema?: JSONSchema;
+  /** Deprecated rule information */
+  deprecated?: boolean;
+  /** Rules that replace this deprecated rule */
+  replacedBy?: string[];
+}
+```
+
+**Usage Examples:**
+
+```javascript
+import { ESLint } from "eslint";
+
+const eslint = new ESLint();
+const results = await eslint.lintFiles(["src/**/*.js"]);
+
+// Get metadata for all rules used
+const rulesMeta = eslint.getRulesMetaForResults(results);
+
+// Analyze rule usage
+for (const [ruleId, meta] of Object.entries(rulesMeta)) {
+  console.log(`${ruleId}: ${meta.type} - ${meta.docs?.description}`);
+  
+  if (meta.deprecated) {
+    console.log(`  Deprecated! Use: ${meta.replacedBy?.join(", ")}`);
+  }
+  
+  if (meta.fixable) {
+    console.log(`  Fixable: ${meta.fixable}`);
+  }
+}
+
+// Generate rule documentation
+for (const result of results) {
+  for (const message of result.messages) {
+    const meta = rulesMeta[message.ruleId];
+    if (meta?.docs?.url) {
+      console.log(`More info: ${meta.docs.url}`);
+    }
+  }
+}
+```
+
+## Dynamic Constructor Loading
+
+For applications that need to support both eslintrc and flat config systems dynamically:
+
+```javascript { .api }
+/**
+ * Loads the appropriate ESLint constructor based on configuration detection
+ * @param options - Options for constructor selection
+ * @returns Promise resolving to ESLint or FlatESLint constructor
+ */
+function loadESLint(options?: {
+  /** Force specific config type */
+  useFlatConfig?: boolean;
+  /** Working directory for config detection */
+  cwd?: string;
+}): Promise<typeof ESLint | typeof FlatESLint>;
+```
+
+**Usage Examples:**
+
+```javascript
+import { loadESLint } from "eslint";
+
+// Automatically detect config system
+const ESLintClass = await loadESLint();
+const eslint = new ESLintClass();
+
+// Force flat config
+const FlatESLintClass = await loadESLint({ useFlatConfig: true });
+const flatEslint = new FlatESLintClass();
+
+// Detect in specific directory
+const ESLintClass = await loadESLint({ cwd: "/path/to/project" });
+const eslint = new ESLintClass({ cwd: "/path/to/project" });
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-eslint/docs/linting.md b/.tessl/tiles/tessl/npm-eslint/docs/linting.md
new file mode 100644
index 000000000..de4dda4d1
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-eslint/docs/linting.md
@@ -0,0 +1,450 @@
+# Core Linting
+
+The `Linter` class provides low-level linting functionality for individual source code verification and fixing. It's the core engine that powers ESLint's analysis capabilities, offering direct access to the linting process without file system integration.
+
+## Capabilities
+
+### Linter Constructor
+
+Creates a new Linter instance with optional configuration.
+
+```javascript { .api }
+/**
+ * Creates a new Linter instance
+ * @param options - Configuration options
+ * @param options.cwd - Current working directory for resolving relative paths
+ * @param options.configType - Configuration system type ("flat" or "eslintrc")
+ */
+constructor(options?: {
+  cwd?: string;
+  configType?: "flat" | "eslintrc";
+});
+```
+
+**Usage Examples:**
+
+```javascript
+import { Linter } from "eslint";
+
+// Default linter
+const linter = new Linter();
+
+// Linter with specific working directory
+const linter = new Linter({ cwd: "/path/to/project" });
+
+// Prefer flat config system
+const linter = new Linter({ configType: "flat" });
+```
+
+### Verify Source Code
+
+Primary method for linting source code, returning an array of lint messages.
+
+```javascript { .api }
+/**
+ * Verifies source code against the provided configuration
+ * @param textOrSourceCode - Source code string or SourceCode instance
+ * @param config - Linting configuration object
+ * @param options - Additional verification options
+ * @returns Array of lint messages found in the code
+ */
+verify(
+  textOrSourceCode: string | SourceCode, 
+  config: Config, 
+  options?: VerifyOptions
+): LintMessage[];
+
+interface VerifyOptions {
+  /** Filename for the source code (affects rule behavior) */
+  filename?: string;
+  /** Whether to allow inline configuration comments */
+  allowInlineConfig?: boolean;
+  /** How to handle unused disable directives */
+  reportUnusedDisableDirectives?: boolean | "error" | "warn" | "off";
+  /** Whether to disable autofix suggestions */
+  disableFixes?: boolean;
+}
+
+interface LintMessage {
+  /** Rule that generated this message (null for fatal parsing errors) */
+  ruleId: string | null;
+  /** Message severity: 1 = warning, 2 = error */
+  severity: 1 | 2;
+  /** Human-readable message text */
+  message: string;
+  /** Line number where issue occurs (1-based) */
+  line: number;
+  /** Column number where issue occurs (1-based) */
+  column: number;
+  /** AST node type that triggered the rule */
+  nodeType?: string;
+  /** Message template ID from rule definition */
+  messageId?: string;
+  /** End line number for multi-line issues */
+  endLine?: number;
+  /** End column number for multi-line issues */
+  endColumn?: number;
+  /** Autofix information if available */
+  fix?: EditInfo;
+  /** Alternative fix suggestions */
+  suggestions?: SuggestionResult[];
+}
+```
+
+**Usage Examples:**
+
+```javascript
+import { Linter } from "eslint";
+
+const linter = new Linter();
+
+// Basic linting
+const messages = linter.verify(
+  'var unused = "hello";',
+  {
+    rules: {
+      "no-unused-vars": "error",
+      "quotes": ["error", "single"]
+    }
+  }
+);
+console.log(messages);
+// Output: [
+//   { 
+//     ruleId: "no-unused-vars", 
+//     severity: 2, 
+//     message: "'unused' is defined but never used.", 
+//     line: 1, 
+//     column: 5 
+//   },
+//   { 
+//     ruleId: "quotes", 
+//     severity: 2, 
+//     message: "Strings must use singlequote.", 
+//     line: 1, 
+//     column: 15 
+//   }
+// ]
+
+// Linting with filename context
+const messages = linter.verify(
+  'const fs = require("fs");',
+  { 
+    env: { node: true },
+    rules: { "no-unused-vars": "error" }
+  },
+  { filename: "server.js" }
+);
+
+// Disable inline config
+const messages = linter.verify(
+  '/* eslint-disable no-unused-vars */\nvar x = 1;',
+  { rules: { "no-unused-vars": "error" } },
+  { allowInlineConfig: false }
+);
+```
+
+### Verify and Fix Source Code
+
+Performs linting with automatic fixing, applying all available autofixes in multiple passes.
+
+```javascript { .api }
+/**
+ * Verifies and fixes source code in multiple passes
+ * @param text - Source code string to verify and fix
+ * @param config - Linting configuration object
+ * @param options - Additional verification options
+ * @returns Object containing fix status, remaining messages, and fixed output
+ */
+verifyAndFix(
+  text: string, 
+  config: Config, 
+  options?: VerifyOptions
+): {
+  /** Whether any fixes were applied */
+  fixed: boolean;
+  /** Remaining lint messages after fixing */
+  messages: LintMessage[];
+  /** Source code after applying all fixes */
+  output: string;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+import { Linter } from "eslint";
+
+const linter = new Linter();
+
+// Fix code automatically
+const result = linter.verifyAndFix(
+  'var   x=1;  const y="hello"',
+  {
+    rules: {
+      "no-var": "error",
+      "quotes": ["error", "single"],
+      "semi": ["error", "always"],
+      "space-infix-ops": "error"
+    }
+  }
+);
+
+console.log(result);
+// Output: {
+//   fixed: true,
+//   messages: [],
+//   output: 'const x = 1; const y = \'hello\';'
+// }
+
+// Some issues may not be fixable
+const result = linter.verifyAndFix(
+  'function unused() {}',
+  { rules: { "no-unused-vars": "error" } }
+);
+// Output: {
+//   fixed: false,
+//   messages: [{ ruleId: "no-unused-vars", ... }],
+//   output: 'function unused() {}'
+// }
+```
+
+### Get Source Code
+
+Retrieves the `SourceCode` instance from the last verification operation.
+
+```javascript { .api }
+/**
+ * Gets the SourceCode instance from the most recent verify() call
+ * @returns SourceCode instance with AST and token information
+ * @throws Error if verify() has not been called yet
+ */
+getSourceCode(): SourceCode;
+```
+
+**Usage Examples:**
+
+```javascript
+import { Linter } from "eslint";
+
+const linter = new Linter();
+
+// Must verify first
+linter.verify('const x = 1;', { rules: {} });
+
+// Then get source code
+const sourceCode = linter.getSourceCode();
+console.log(sourceCode.text); // "const x = 1;"
+console.log(sourceCode.ast.type); // "Program"
+```
+
+### Get Suppressed Messages
+
+Retrieves messages that were suppressed by disable directives from the last verification.
+
+```javascript { .api }
+/**
+ * Gets suppressed messages from the most recent verify() call
+ * @returns Array of suppressed lint messages with suppression info
+ */
+getSuppressedMessages(): SuppressedLintMessage[];
+
+interface SuppressedLintMessage extends LintMessage {
+  /** Information about the suppression directive */
+  suppressions: Array<{
+    /** Type of suppression directive */
+    kind: "directive" | "external";
+    /** Justification provided in the directive */
+    justification: string;
+  }>;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+import { Linter } from "eslint";
+
+const linter = new Linter();
+
+// Code with suppression comment
+linter.verify(
+  '/* eslint-disable no-unused-vars -- Temporary variable */\nvar temp = 1;',
+  { rules: { "no-unused-vars": "error" } }
+);
+
+const suppressed = linter.getSuppressedMessages();
+console.log(suppressed);
+// Output: [{
+//   ruleId: "no-unused-vars",
+//   message: "'temp' is defined but never used.",
+//   suppressions: [{
+//     kind: "directive",
+//     justification: "Temporary variable"
+//   }]
+// }]
+```
+
+### Rule Management (eslintrc only)
+
+Methods for registering custom rules and parsers when using eslintrc configuration.
+
+```javascript { .api }
+/**
+ * Defines a custom rule (eslintrc configuration only)
+ * @param ruleId - Unique identifier for the rule
+ * @param ruleModule - Rule implementation object
+ */
+defineRule(ruleId: string, ruleModule: RuleModule): void;
+
+/**
+ * Defines multiple custom rules (eslintrc configuration only)
+ * @param rules - Object mapping rule IDs to rule modules
+ */
+defineRules(rules: Record<string, RuleModule>): void;
+
+/**
+ * Gets all available rules (eslintrc configuration only)
+ * @returns Map of rule IDs to rule modules
+ */
+getRules(): Map<string, RuleModule>;
+
+/**
+ * Defines a custom parser (eslintrc configuration only)
+ * @param parserId - Unique identifier for the parser
+ * @param parserModule - Parser implementation object
+ */
+defineParser(parserId: string, parserModule: ParserModule): void;
+
+interface RuleModule {
+  /** Rule metadata */
+  meta?: {
+    type?: "problem" | "suggestion" | "layout";
+    docs?: { description?: string; recommended?: boolean };
+    fixable?: "code" | "whitespace";
+    schema?: JSONSchema;
+    messages?: Record<string, string>;
+  };
+  /** Rule implementation function */
+  create(context: RuleContext): NodeVisitor;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+import { Linter } from "eslint";
+
+const linter = new Linter();
+
+// Define custom rule
+linter.defineRule("no-console-log", {
+  meta: {
+    type: "suggestion",
+    docs: { description: "Disallow console.log statements" },
+    messages: {
+      unexpected: "Unexpected console.log statement"
+    }
+  },
+  create(context) {
+    return {
+      CallExpression(node) {
+        if (
+          node.callee.type === "MemberExpression" &&
+          node.callee.object.name === "console" &&
+          node.callee.property.name === "log"
+        ) {
+          context.report({
+            node,
+            messageId: "unexpected"
+          });
+        }
+      }
+    };
+  }
+});
+
+// Use custom rule
+const messages = linter.verify(
+  'console.log("debug");',
+  { rules: { "no-console-log": "error" } }
+);
+
+// Get all rules
+const allRules = linter.getRules();
+console.log(allRules.has("no-console-log")); // true
+```
+
+## Static Properties
+
+### Version Information
+
+```javascript { .api }
+/** ESLint package version string */
+static version: string;
+```
+
+**Usage Example:**
+
+```javascript
+import { Linter } from "eslint";
+
+console.log(Linter.version); // "8.57.1"
+```
+
+## Configuration Types
+
+```javascript { .api }
+interface Config {
+  /** Environment settings (browser, node, es6, etc.) */
+  env?: Record<string, boolean>;
+  /** Base configurations to extend */
+  extends?: string | string[];
+  /** Global variable definitions */
+  globals?: Record<string, GlobalConf>;
+  /** Ignore patterns for inline config */
+  ignorePatterns?: string | string[];
+  /** Disable inline configuration comments */
+  noInlineConfig?: boolean;
+  /** Override configurations for specific file patterns */
+  overrides?: OverrideConfig[];
+  /** Parser to use (default: "espree") */
+  parser?: string;
+  /** Parser-specific options */
+  parserOptions?: ParserOptions;
+  /** Plugins to load */
+  plugins?: string[];
+  /** Processor to use for file transformation */
+  processor?: string;
+  /** Report unused eslint-disable directives */
+  reportUnusedDisableDirectives?: boolean;
+  /** Stop configuration search at this level */
+  root?: boolean;
+  /** Rule configurations */
+  rules?: Record<string, RuleConf>;
+  /** Shared settings for rules */
+  settings?: Record<string, any>;
+}
+
+interface ParserOptions {
+  /** ECMAScript version (3, 5, 6-15, 2015-2024, "latest") */
+  ecmaVersion?: number | "latest";
+  /** Source type ("script" or "module") */
+  sourceType?: "script" | "module";
+  /** Additional language features */
+  ecmaFeatures?: {
+    /** Allow global return statements */
+    globalReturn?: boolean;
+    /** Enable JSX parsing */
+    jsx?: boolean;
+    /** Enable implied strict mode */
+    impliedStrict?: boolean;
+  };
+  /** Allow reserved words as identifiers */
+  allowReserved?: boolean;
+}
+
+type GlobalConf = boolean | "off" | "readable" | "readonly" | "writable" | "writeable";
+type RuleSeverity = 0 | 1 | 2 | "off" | "warn" | "error";
+type RuleConf = RuleSeverity | [RuleSeverity, ...any[]];
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-eslint/docs/rule-testing.md b/.tessl/tiles/tessl/npm-eslint/docs/rule-testing.md
new file mode 100644
index 000000000..8c41e4946
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-eslint/docs/rule-testing.md
@@ -0,0 +1,500 @@
+# Rule Testing Framework
+
+The `RuleTester` class provides a comprehensive testing framework for validating custom ESLint rules. It supports both eslintrc and flat config systems, with detailed assertion capabilities for rule behavior verification.
+
+## Capabilities
+
+### RuleTester Constructor
+
+Creates a new RuleTester instance with optional configuration.
+
+```javascript { .api }
+/**
+ * Creates a new RuleTester instance for testing ESLint rules
+ * @param testerConfig - Configuration for the test environment
+ */
+constructor(testerConfig?: Config | FlatConfig);
+```
+
+**Usage Examples:**
+
+```javascript
+import { RuleTester } from "eslint";
+
+// Default RuleTester
+const ruleTester = new RuleTester();
+
+// RuleTester with specific parser and environment
+const ruleTester = new RuleTester({
+  languageOptions: {
+    ecmaVersion: 2024,
+    sourceType: "module",
+    parser: require("@typescript-eslint/parser")
+  }
+});
+
+// RuleTester for eslintrc style
+const ruleTester = new RuleTester({
+  parserOptions: { ecmaVersion: 2021, sourceType: "module" },
+  env: { es6: true }
+});
+```
+
+### Set Default Configuration
+
+Sets the global default configuration for all RuleTester instances.
+
+```javascript { .api }
+/**
+ * Sets the default configuration for all RuleTester instances
+ * @param config - Default configuration object
+ */
+static setDefaultConfig(config: Config | FlatConfig): void;
+```
+
+**Usage Examples:**
+
+```javascript
+import { RuleTester } from "eslint";
+
+// Set global defaults for all rule tests
+RuleTester.setDefaultConfig({
+  languageOptions: {
+    ecmaVersion: 2024,
+    sourceType: "module",
+    globals: {
+      console: "readonly",
+      process: "readonly"
+    }
+  }
+});
+
+// Now all RuleTester instances will use these defaults
+const ruleTester = new RuleTester();
+```
+
+### Run Rule Tests
+
+Executes comprehensive tests for a rule with valid and invalid test cases.
+
+```javascript { .api }
+/**
+ * Runs tests for an ESLint rule
+ * @param ruleName - Name of the rule being tested
+ * @param rule - Rule implementation object
+ * @param test - Test case specification with valid and invalid cases
+ */
+run(ruleName: string, rule: RuleModule, test: RuleTestCase): void;
+
+interface RuleTestCase {
+  /** Test cases that should not trigger the rule */
+  valid: TestCase[];
+  /** Test cases that should trigger the rule */
+  invalid: InvalidTestCase[];
+}
+
+type TestCase = string | {
+  /** Source code to test */
+  code: string;
+  /** Rule options array */
+  options?: any[];
+  /** Filename for the test code */
+  filename?: string;
+  /** Parser to use for this test */
+  parser?: string;
+  /** Parser options */
+  parserOptions?: ParserOptions;
+  /** Global variables */
+  globals?: Record<string, GlobalConf>;
+  /** Environment settings */
+  env?: Record<string, boolean>;
+  /** Language options (flat config) */
+  languageOptions?: LanguageOptions;
+  /** Rule settings */
+  settings?: Record<string, any>;
+};
+
+interface InvalidTestCase extends TestCase {
+  /** Expected errors (count or detailed specifications) */
+  errors: number | ErrorSpec[];
+  /** Expected output after applying fixes */
+  output?: string;
+}
+
+interface ErrorSpec {
+  /** Expected error message */
+  message?: string;
+  /** Expected message ID from rule definition */
+  messageId?: string;
+  /** Expected data for message template */
+  data?: Record<string, any>;
+  /** Expected AST node type */
+  type?: string;
+  /** Expected line number */
+  line?: number;
+  /** Expected column number */
+  column?: number;
+  /** Expected end line number */
+  endLine?: number;
+  /** Expected end column number */
+  endColumn?: number;
+  /** Expected suggestions */
+  suggestions?: SuggestionSpec[];
+}
+
+interface SuggestionSpec {
+  /** Expected suggestion description */
+  desc?: string;
+  /** Expected suggestion message ID */
+  messageId?: string;
+  /** Expected output after applying suggestion */
+  output: string;
+  /** Expected data for suggestion template */
+  data?: Record<string, any>;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+import { RuleTester } from "eslint";
+
+const ruleTester = new RuleTester({
+  languageOptions: { ecmaVersion: 2024, sourceType: "module" }
+});
+
+// Example custom rule
+const noConsoleLogRule = {
+  meta: {
+    type: "suggestion",
+    docs: {
+      description: "Disallow console.log statements"
+    },
+    fixable: "code",
+    messages: {
+      unexpected: "Unexpected console.log statement",
+      useConsoleWarn: "Use console.warn instead of console.log"
+    },
+    hasSuggestions: true
+  },
+  create(context) {
+    return {
+      CallExpression(node) {
+        if (
+          node.callee.type === "MemberExpression" &&
+          node.callee.object.name === "console" &&
+          node.callee.property.name === "log"
+        ) {
+          context.report({
+            node,
+            messageId: "unexpected",
+            fix(fixer) {
+              return fixer.remove(node);
+            },
+            suggest: [
+              {
+                messageId: "useConsoleWarn",
+                fix(fixer) {
+                  return fixer.replaceText(node.callee.property, "warn");
+                }
+              }
+            ]
+          });
+        }
+      }
+    };
+  }
+};
+
+// Run comprehensive tests
+ruleTester.run("no-console-log", noConsoleLogRule, {
+  valid: [
+    // Simple string test cases
+    "console.warn('warning');",
+    "console.error('error');",
+    "log('not console.log');",
+    
+    // Object test cases with options
+    {
+      code: "console.debug('debug');",
+      options: [{ allowDebug: true }]
+    },
+    
+    // Test with different environments
+    {
+      code: "console.log('server log');",
+      env: { node: true },
+      options: [{ allowInNode: true }]
+    }
+  ],
+  
+  invalid: [
+    // Basic invalid case
+    {
+      code: "console.log('hello');",
+      errors: [{
+        messageId: "unexpected",
+        type: "CallExpression",
+        line: 1,
+        column: 1
+      }],
+      output: ""
+    },
+    
+    // Multiple errors
+    {
+      code: "console.log('first'); console.log('second');",
+      errors: 2, // Just specify count
+      output: " "
+    },
+    
+    // Test with suggestions
+    {
+      code: "console.log('test');",
+      errors: [{
+        messageId: "unexpected",
+        suggestions: [{
+          messageId: "useConsoleWarn",
+          output: "console.warn('test');"
+        }]
+      }],
+      output: ""
+    },
+    
+    // Test with specific positions
+    {
+      code: `
+        function test() {
+          console.log('debug');
+        }
+      `,
+      errors: [{
+        messageId: "unexpected",
+        line: 3,
+        column: 11,
+        endLine: 3,
+        endColumn: 30
+      }],
+      output: `
+        function test() {
+          
+        }
+      `
+    }
+  ]
+});
+```
+
+### Advanced Testing Patterns
+
+**Testing TypeScript Rules:**
+
+```javascript
+import { RuleTester } from "eslint";
+import * as parser from "@typescript-eslint/parser";
+
+const ruleTester = new RuleTester({
+  languageOptions: {
+    parser,
+    parserOptions: {
+      project: "./tsconfig.json"
+    }
+  }
+});
+
+ruleTester.run("no-any-type", noAnyTypeRule, {
+  valid: [
+    "const value: string = 'hello';",
+    "const numbers: number[] = [1, 2, 3];"
+  ],
+  invalid: [
+    {
+      code: "const value: any = 'hello';",
+      errors: [{ messageId: "noAnyType" }]
+    }
+  ]
+});
+```
+
+**Testing JSX Rules:**
+
+```javascript
+const ruleTester = new RuleTester({
+  languageOptions: {
+    ecmaVersion: 2024,
+    sourceType: "module",
+    parserOptions: {
+      ecmaFeatures: { jsx: true }
+    }
+  }
+});
+
+ruleTester.run("jsx-no-inline-styles", jsxNoInlineStylesRule, {
+  valid: [
+    '<div className="container">Content</div>',
+    '<Component style={styleObject} />'
+  ],
+  invalid: [
+    {
+      code: '<div style={{ color: "red" }}>Content</div>',
+      errors: [{ messageId: "noInlineStyles" }]
+    }
+  ]
+});
+```
+
+**Testing with Custom Parsers:**
+
+```javascript
+const ruleTester = new RuleTester({
+  languageOptions: {
+    parser: require("vue-eslint-parser"),
+    parserOptions: {
+      parser: "@typescript-eslint/parser",
+      sourceType: "module"
+    }
+  }
+});
+
+ruleTester.run("vue-component-name", vueComponentNameRule, {
+  valid: [
+    {
+      code: `
+        <template>
+          <div>{{ message }}</div>
+        </template>
+        <script>
+        export default {
+          name: 'MyComponent'
+        }
+        </script>
+      `,
+      filename: "MyComponent.vue"
+    }
+  ],
+  invalid: [
+    {
+      code: `
+        <template>
+          <div>{{ message }}</div>
+        </template>
+        <script>
+        export default {}
+        </script>
+      `,
+      filename: "MyComponent.vue",
+      errors: [{ messageId: "missingName" }]
+    }
+  ]
+});
+```
+
+**Testing Rule Options:**
+
+```javascript
+const ruleTester = new RuleTester();
+
+ruleTester.run("max-params", maxParamsRule, {
+  valid: [
+    // Default limit (assume 3)
+    "function test(a, b, c) {}",
+    
+    // With custom limit
+    {
+      code: "function test(a, b, c, d, e) {}",
+      options: [{ max: 5 }]
+    }
+  ],
+  invalid: [
+    {
+      code: "function test(a, b, c, d) {}",
+      errors: [{ messageId: "tooManyParams" }]
+    },
+    {
+      code: "function test(a, b, c, d) {}",
+      options: [{ max: 2 }],
+      errors: [{ messageId: "tooManyParams" }]
+    }
+  ]
+});
+```
+
+## Flat Config Rule Testing
+
+For rules designed to work with flat config:
+
+```javascript
+import { FlatRuleTester } from "eslint/use-at-your-own-risk";
+
+const ruleTester = new FlatRuleTester({
+  languageOptions: {
+    ecmaVersion: 2024,
+    sourceType: "module"
+  }
+});
+
+ruleTester.run("my-flat-config-rule", myRule, {
+  valid: ["const x = 1;"],
+  invalid: [
+    {
+      code: "var x = 1;",
+      errors: [{ messageId: "preferConst" }]
+    }
+  ]
+});
+```
+
+## Test Organization Best Practices
+
+**Grouping Related Tests:**
+
+```javascript
+const ruleTester = new RuleTester();
+
+// Test basic functionality
+ruleTester.run("my-rule - basic", myRule, {
+  valid: [
+    "basic valid case 1",
+    "basic valid case 2"
+  ],
+  invalid: [
+    {
+      code: "basic invalid case",
+      errors: [{ messageId: "basicError" }]
+    }
+  ]
+});
+
+// Test edge cases
+ruleTester.run("my-rule - edge cases", myRule, {
+  valid: [
+    "edge case 1",
+    "edge case 2"
+  ],
+  invalid: [
+    {
+      code: "edge invalid case",
+      errors: [{ messageId: "edgeError" }]
+    }
+  ]
+});
+```
+
+**Testing Error Messages and Data:**
+
+```javascript
+ruleTester.run("my-rule", myRule, {
+  valid: [],
+  invalid: [
+    {
+      code: "const duplicateName = 1; const duplicateName = 2;",
+      errors: [{
+        messageId: "duplicateVariable",
+        data: { name: "duplicateName" },
+        line: 1,
+        column: 35
+      }]
+    }
+  ]
+});
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-eslint/docs/source-code.md b/.tessl/tiles/tessl/npm-eslint/docs/source-code.md
new file mode 100644
index 000000000..1f4b787c2
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-eslint/docs/source-code.md
@@ -0,0 +1,622 @@
+# Source Code Analysis
+
+The `SourceCode` class provides a rich API for AST navigation, token manipulation, and source code analysis. It's essential for rule development and advanced code analysis, offering comprehensive access to the parsed code structure and metadata.
+
+## Capabilities
+
+### SourceCode Constructor
+
+Creates a new SourceCode instance from source text or configuration.
+
+```javascript { .api }
+/**
+ * Creates a new SourceCode instance
+ * @param textOrConfig - Source code string or configuration object
+ * @param astIfNoConfig - AST Program node (when first param is string)
+ */
+constructor(textOrConfig: string | SourceCodeConfig, astIfNoConfig?: Program);
+
+interface SourceCodeConfig {
+  /** Source code text */
+  text: string;
+  /** Parsed AST Program node */
+  ast: Program;
+  /** Parser services object */
+  parserServices?: any;
+  /** Scope manager instance */
+  scopeManager?: ScopeManager;
+  /** AST visitor keys */
+  visitorKeys?: Record<string, string[]>;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+import { SourceCode } from "eslint";
+import * as espree from "espree";
+
+// Create from text and AST
+const code = 'const x = 1;';
+const ast = espree.parse(code, { ecmaVersion: 2024 });
+const sourceCode = new SourceCode(code, ast);
+
+// Create from configuration object
+const sourceCode = new SourceCode({
+  text: code,
+  ast: ast,
+  parserServices: {}
+});
+```
+
+### Core Properties
+
+Essential properties providing access to source code components.
+
+```javascript { .api }
+/** Original source code text with BOM stripped */
+text: string;
+
+/** Whether the original text had a Byte Order Mark */
+hasBOM: boolean;
+
+/** Parsed AST Program node */
+ast: Program;
+
+/** Scope analysis results */
+scopeManager: ScopeManager;
+
+/** AST visitor keys for traversal */
+visitorKeys: Record<string, string[]>;
+
+/** Parser-specific services and utilities */
+parserServices: any;
+```
+
+**Usage Examples:**
+
+```javascript
+const sourceCode = linter.getSourceCode();
+
+console.log(sourceCode.text); // "const x = 1;"
+console.log(sourceCode.hasBOM); // false
+console.log(sourceCode.ast.type); // "Program"
+console.log(sourceCode.ast.body.length); // 1
+
+// Access scope information
+console.log(sourceCode.scopeManager.scopes.length); // Number of scopes
+
+// Check for parser services (e.g., TypeScript)
+if (sourceCode.parserServices?.program) {
+  console.log("TypeScript parser services available");
+}
+```
+
+### Text and Content Methods
+
+Methods for retrieving source code text and lines.
+
+```javascript { .api }
+/**
+ * Gets the source text for a node or the entire source
+ * @param node - AST node to get text for (optional)
+ * @returns Source text for the node or entire source
+ */
+getText(node?: ASTNode): string;
+
+/**
+ * Gets all source lines as an array
+ * @returns Array of source code lines
+ */
+getLines(): string[];
+```
+
+**Usage Examples:**
+
+```javascript
+const sourceCode = linter.getSourceCode();
+
+// Get entire source text
+const fullText = sourceCode.getText();
+console.log(fullText); // "const x = 1;\nconst y = 2;"
+
+// Get text for specific node
+const firstStatement = sourceCode.ast.body[0];
+const statementText = sourceCode.getText(firstStatement);
+console.log(statementText); // "const x = 1;"
+
+// Get all lines
+const lines = sourceCode.getLines();
+console.log(lines); // ["const x = 1;", "const y = 2;"]
+console.log(lines[0]); // "const x = 1;"
+```
+
+### Comment Methods
+
+Methods for accessing and analyzing comments in the source code.
+
+```javascript { .api }
+/**
+ * Gets all comments in the source code
+ * @returns Array of all comment tokens
+ */
+getAllComments(): Token[];
+
+/**
+ * Gets leading and trailing comments for a node
+ * @param node - AST node to get comments for
+ * @returns Object with leading and trailing comment arrays
+ */
+getComments(node: ASTNode): {
+  leading: Token[];
+  trailing: Token[];
+};
+
+/**
+ * Gets the JSDoc comment for a node
+ * @param node - AST node to get JSDoc comment for
+ * @returns JSDoc comment token or null
+ */
+getJSDocComment(node: ASTNode): Token | null;
+```
+
+**Usage Examples:**
+
+```javascript
+const sourceCode = linter.getSourceCode();
+
+// Get all comments
+const allComments = sourceCode.getAllComments();
+for (const comment of allComments) {
+  console.log(`${comment.type}: ${comment.value}`);
+}
+
+// Get comments for specific node
+const functionNode = sourceCode.ast.body[0];
+const comments = sourceCode.getComments(functionNode);
+
+console.log("Leading comments:", comments.leading);
+console.log("Trailing comments:", comments.trailing);
+
+// Get JSDoc comment
+const jsdocComment = sourceCode.getJSDocComment(functionNode);
+if (jsdocComment) {
+  console.log("JSDoc:", jsdocComment.value);
+}
+
+// Example with commented code
+// /**
+//  * Calculates sum of two numbers
+//  * @param a First number
+//  * @param b Second number
+//  */
+// function sum(a, b) { // inline comment
+//   return a + b;
+// }
+```
+
+### Token Access Methods
+
+Comprehensive methods for accessing and manipulating tokens.
+
+```javascript { .api }
+/**
+ * Gets tokens for a node or range
+ * @param node - AST node or range options
+ * @param options - Token filtering options
+ * @returns Array of tokens
+ */
+getTokens(node?: ASTNode | TokenOptions, options?: TokenOptions): Token[];
+
+/**
+ * Gets the first token for a node
+ * @param node - AST node or options
+ * @param options - Token filtering options
+ * @returns First token or null
+ */
+getFirstToken(node?: ASTNode | TokenOptions, options?: TokenOptions): Token | null;
+
+/**
+ * Gets the last token for a node
+ * @param node - AST node or options
+ * @param options - Token filtering options
+ * @returns Last token or null
+ */
+getLastToken(node?: ASTNode | TokenOptions, options?: TokenOptions): Token | null;
+
+/**
+ * Gets the token before a node or position
+ * @param node - AST node or position
+ * @param options - Token filtering options
+ * @returns Token before position or null
+ */
+getTokenBefore(node?: ASTNode | Token, options?: TokenOptions): Token | null;
+
+/**
+ * Gets the token after a node or position
+ * @param node - AST node or position
+ * @param options - Token filtering options
+ * @returns Token after position or null
+ */
+getTokenAfter(node?: ASTNode | Token, options?: TokenOptions): Token | null;
+
+/**
+ * Gets the first token between two nodes
+ * @param left - Left boundary node
+ * @param right - Right boundary node
+ * @param options - Token filtering options
+ * @returns First token between nodes or null
+ */
+getFirstTokenBetween(left: ASTNode | Token, right: ASTNode | Token, options?: TokenOptions): Token | null;
+
+/**
+ * Gets the last token between two nodes
+ * @param left - Left boundary node
+ * @param right - Right boundary node
+ * @param options - Token filtering options
+ * @returns Last token between nodes or null
+ */
+getLastTokenBetween(left: ASTNode | Token, right: ASTNode | Token, options?: TokenOptions): Token | null;
+
+/**
+ * Gets all tokens between two nodes
+ * @param left - Left boundary node
+ * @param right - Right boundary node
+ * @param options - Token filtering options
+ * @returns Array of tokens between nodes
+ */
+getTokensBetween(left: ASTNode | Token, right: ASTNode | Token, options?: TokenOptions): Token[];
+
+interface TokenOptions {
+  /** Include comment tokens */
+  includeComments?: boolean;
+  /** Filter function for tokens */
+  filter?: (token: Token) => boolean;
+  /** Number of tokens to skip */
+  skip?: number;
+  /** Maximum number of tokens to return */
+  count?: number;
+}
+
+interface Token {
+  /** Token type (Punctuator, Keyword, Identifier, etc.) */
+  type: string;
+  /** Token value */
+  value: string;
+  /** Start position in source */
+  range: [number, number];
+  /** Location information */
+  loc: {
+    start: { line: number; column: number };
+    end: { line: number; column: number };
+  };
+}
+```
+
+**Usage Examples:**
+
+```javascript
+const sourceCode = linter.getSourceCode();
+
+// Get all tokens for a node
+const functionNode = sourceCode.ast.body[0];
+const tokens = sourceCode.getTokens(functionNode);
+console.log(tokens.map(t => t.value)); // ["function", "test", "(", ")", "{", "}"]
+
+// Get specific tokens
+const firstToken = sourceCode.getFirstToken(functionNode);
+console.log(firstToken.value); // "function"
+
+const lastToken = sourceCode.getLastToken(functionNode);
+console.log(lastToken.value); // "}"
+
+// Get tokens with filters
+const keywordTokens = sourceCode.getTokens(functionNode, {
+  filter: token => token.type === "Keyword"
+});
+
+const tokensWithComments = sourceCode.getTokens(functionNode, {
+  includeComments: true
+});
+
+// Navigate between tokens
+const openParen = sourceCode.getTokenAfter(firstToken);
+const closeParen = sourceCode.getTokenBefore(lastToken);
+
+// Get tokens between nodes
+const params = functionNode.params;
+if (params.length > 1) {
+  const betweenParams = sourceCode.getTokensBetween(params[0], params[1]);
+  console.log(betweenParams.map(t => t.value)); // [","]
+}
+
+// Skip and count options
+const secondToken = sourceCode.getFirstToken(functionNode, { skip: 1 });
+const firstThreeTokens = sourceCode.getTokens(functionNode, { count: 3 });
+```
+
+### Location and Range Utilities
+
+Methods for converting between character indices and line/column positions.
+
+```javascript { .api }
+/**
+ * Converts character index to line/column location
+ * @param index - Character index in source
+ * @returns Location object with line and column
+ */
+getLocFromIndex(index: number): Location;
+
+/**
+ * Converts line/column location to character index
+ * @param location - Location object
+ * @returns Character index in source
+ */
+getIndexFromLoc(location: Location): number;
+
+/**
+ * Checks if comments exist between two nodes
+ * @param left - Left boundary node
+ * @param right - Right boundary node
+ * @returns True if comments exist between nodes
+ */
+commentsExistBetween(left: ASTNode | Token, right: ASTNode | Token): boolean;
+
+/**
+ * Checks if there's whitespace between two tokens
+ * @param first - First token
+ * @param second - Second token
+ * @returns True if whitespace exists between tokens
+ */
+isSpaceBetween(first: Token, second: Token): boolean;
+
+interface Location {
+  /** Line number (1-based) */
+  line: number;
+  /** Column number (0-based) */
+  column: number;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+const sourceCode = linter.getSourceCode();
+
+// Convert positions
+const location = sourceCode.getLocFromIndex(10);
+console.log(location); // { line: 2, column: 3 }
+
+const index = sourceCode.getIndexFromLoc({ line: 2, column: 3 });
+console.log(index); // 10
+
+// Check for content between nodes
+const node1 = sourceCode.ast.body[0];
+const node2 = sourceCode.ast.body[1];
+
+if (sourceCode.commentsExistBetween(node1, node2)) {
+  console.log("Comments exist between nodes");
+}
+
+// Check whitespace between tokens
+const tokens = sourceCode.getTokens();
+if (sourceCode.isSpaceBetween(tokens[0], tokens[1])) {
+  console.log("Whitespace between first two tokens");
+}
+```
+
+### Scope Analysis
+
+Methods for analyzing variable scopes and declarations.
+
+```javascript { .api }
+/**
+ * Gets the scope for an AST node
+ * @param node - AST node to get scope for
+ * @returns Scope object containing the node
+ */
+getScope(node: ASTNode): Scope;
+
+/**
+ * Gets variables declared by a node
+ * @param node - AST node that declares variables
+ * @returns Array of declared variables
+ */
+getDeclaredVariables(node: ASTNode): Variable[];
+
+/**
+ * Marks a variable as used in the current scope
+ * @param name - Variable name to mark as used
+ * @param node - Reference node (optional)
+ * @returns True if variable was found and marked
+ */
+markVariableAsUsed(name: string, node?: ASTNode): boolean;
+
+interface Scope {
+  /** Scope type (global, function, block, etc.) */
+  type: string;
+  /** Variables defined in this scope */
+  variables: Variable[];
+  /** References to variables */
+  references: Reference[];
+  /** Parent scope */
+  upper: Scope | null;
+  /** Child scopes */
+  childScopes: Scope[];
+}
+
+interface Variable {
+  /** Variable name */
+  name: string;
+  /** References to this variable */
+  references: Reference[];
+  /** Variable definitions */
+  defs: Definition[];
+  /** Whether variable is used */
+  eslintUsed?: boolean;
+}
+
+interface Reference {
+  /** Referenced identifier node */
+  identifier: ASTNode;
+  /** Whether this is a write reference */
+  isWrite(): boolean;
+  /** Whether this is a read reference */
+  isRead(): boolean;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+const sourceCode = linter.getSourceCode();
+
+// Get scope for a node
+const functionNode = sourceCode.ast.body[0];
+const scope = sourceCode.getScope(functionNode);
+
+console.log(`Scope type: ${scope.type}`); // "function"
+console.log(`Variables in scope: ${scope.variables.length}`);
+
+// Analyze variables
+for (const variable of scope.variables) {
+  console.log(`Variable: ${variable.name}`);
+  console.log(`References: ${variable.references.length}`);
+  console.log(`Used: ${variable.eslintUsed}`);
+}
+
+// Get declared variables
+const variableDeclaration = sourceCode.ast.body[0]; // const x = 1;
+const declaredVars = sourceCode.getDeclaredVariables(variableDeclaration);
+console.log(declaredVars.map(v => v.name)); // ["x"]
+
+// Mark variable as used (useful in rules)
+sourceCode.markVariableAsUsed("x");
+
+// Find unused variables
+const globalScope = sourceCode.scopeManager.globalScope;
+function findUnusedVariables(scope) {
+  const unused = [];
+  for (const variable of scope.variables) {
+    if (variable.references.length === variable.defs.length) {
+      unused.push(variable.name);
+    }
+  }
+  return unused;
+}
+```
+
+### Configuration Comments
+
+Method for accessing inline configuration comments.
+
+```javascript { .api }
+/**
+ * Gets nodes that contain inline configuration comments
+ * @returns Array of AST nodes with configuration comments
+ */
+getInlineConfigNodes(): ASTNode[];
+```
+
+**Usage Examples:**
+
+```javascript
+const sourceCode = linter.getSourceCode();
+
+// Get all inline config nodes
+const configNodes = sourceCode.getInlineConfigNodes();
+
+for (const node of configNodes) {
+  console.log(`Config at line ${node.loc.start.line}`);
+  console.log(`Node type: ${node.type}`);
+}
+
+// Example source with inline config:
+// /* eslint-disable no-console */
+// console.log("debug");
+// /* eslint-enable no-console */
+```
+
+## Advanced Usage Patterns
+
+### Building Custom Rules with SourceCode
+
+```javascript
+const rule = {
+  create(context) {
+    return {
+      Program(node) {
+        const sourceCode = context.getSourceCode();
+        
+        // Find all function declarations
+        const functions = [];
+        sourceCode.ast.body.forEach(stmt => {
+          if (stmt.type === "FunctionDeclaration") {
+            functions.push(stmt);
+          }
+        });
+        
+        // Check spacing around functions
+        for (let i = 0; i < functions.length - 1; i++) {
+          const current = functions[i];
+          const next = functions[i + 1];
+          
+          const currentLastToken = sourceCode.getLastToken(current);
+          const nextFirstToken = sourceCode.getFirstToken(next);
+          
+          const linesBetween = nextFirstToken.loc.start.line - currentLastToken.loc.end.line;
+          
+          if (linesBetween < 2) {
+            context.report({
+              node: next,
+              message: "Expected at least one blank line between functions"
+            });
+          }
+        }
+      }
+    };
+  }
+};
+```
+
+### Analyzing Token Sequences
+
+```javascript
+function analyzeTokenSequence(sourceCode, node) {
+  const tokens = sourceCode.getTokens(node);
+  
+  for (let i = 0; i < tokens.length - 1; i++) {
+    const current = tokens[i];
+    const next = tokens[i + 1];
+    
+    // Check for missing spaces around operators
+    if (current.type === "Punctuator" && ["+", "-", "*", "/"].includes(current.value)) {
+      if (!sourceCode.isSpaceBetween(tokens[i - 1], current) || 
+          !sourceCode.isSpaceBetween(current, next)) {
+        console.log(`Missing space around operator: ${current.value}`);
+      }
+    }
+  }
+}
+```
+
+### Working with Comments
+
+```javascript
+function analyzeComments(sourceCode) {
+  const allComments = sourceCode.getAllComments();
+  
+  // Find TODO comments
+  const todoComments = allComments.filter(comment => 
+    comment.value.toLowerCase().includes('todo')
+  );
+  
+  // Find JSDoc comments
+  const jsdocComments = allComments.filter(comment => 
+    comment.type === "Block" && comment.value.startsWith("*")
+  );
+  
+  console.log(`Found ${todoComments.length} TODO comments`);
+  console.log(`Found ${jsdocComments.length} JSDoc comments`);
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-eslint/tile.json b/.tessl/tiles/tessl/npm-eslint/tile.json
new file mode 100644
index 000000000..62ccacd60
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-eslint/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-eslint",
+  "version": "8.57.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/eslint@8.57.1",
+  "summary": "An AST-based pattern checker for JavaScript that analyzes code to identify and report potential errors, code quality issues, and style violations."
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-framer-motion/docs/animation-controls.md b/.tessl/tiles/tessl/npm-framer-motion/docs/animation-controls.md
new file mode 100644
index 000000000..a81631e13
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-framer-motion/docs/animation-controls.md
@@ -0,0 +1,382 @@
+# Animation Controls
+
+Imperative animation hooks and utilities for programmatic control over animations, including scoped animations and animation controls.
+
+## Capabilities
+
+### useAnimate Hook
+
+Creates a scoped animation function that can target elements within a specific scope.
+
+```typescript { .api }
+/**
+ * Creates a scoped animation function for imperative animations
+ * @returns Tuple of [scope ref, animate function]
+ */
+function useAnimate<T extends Element = any>(): [
+  scope: AnimationScope<T>,
+  animate: (
+    target: string | Element,
+    keyframes: Record<string, any> | Record<string, any>[],
+    options?: AnimationOptions
+  ) => AnimationPlaybackControls
+];
+
+interface AnimationScope<T extends Element = any> extends React.RefObject<T> {
+  /**
+   * Animation scope reference for targeting elements
+   */
+}
+
+interface AnimationOptions {
+  /**
+   * Animation duration in seconds
+   */
+  duration?: number;
+  
+  /**
+   * Delay before animation starts in seconds
+   */
+  delay?: number;
+  
+  /**
+   * Easing function or array of easing functions
+   */
+  ease?: Easing | Easing[];
+  
+  /**
+   * Number of times to repeat animation
+   */
+  repeat?: number;
+  
+  /**
+   * Type of repeat: "loop" or "reverse"
+   */
+  repeatType?: "loop" | "reverse" | "mirror";
+  
+  /**
+   * Delay between repeats in seconds
+   */
+  repeatDelay?: number;
+  
+  /**
+   * Animation type
+   */
+  type?: "tween" | "spring" | "keyframes" | "inertia";
+  
+  /**
+   * Spring configuration (when type is "spring")
+   */
+  bounce?: number;
+  damping?: number;
+  mass?: number;
+  stiffness?: number;
+  velocity?: number;
+  restSpeed?: number;
+  restDelta?: number;
+}
+
+interface AnimationPlaybackControls {
+  /**
+   * Stop the animation
+   */
+  stop: () => void;
+  
+  /**
+   * Pause the animation
+   */
+  pause: () => void;
+  
+  /**
+   * Resume the animation
+   */
+  play: () => void;
+  
+  /**
+   * Reverse the animation direction
+   */
+  reverse: () => void;
+  
+  /**
+   * Cancel the animation and reset to initial state
+   */
+  cancel: () => void;
+  
+  /**
+   * Complete the animation immediately
+   */
+  complete: () => void;
+  
+  /**
+   * Promise that resolves when animation completes
+   */
+  then: (
+    onResolve?: () => void,
+    onReject?: (error: any) => void
+  ) => Promise<void>;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { useAnimate } from "framer-motion";
+
+function AnimatedComponent() {
+  const [scope, animate] = useAnimate();
+  
+  const handleClick = async () => {
+    // Animate multiple elements in sequence
+    await animate(".card", { x: 100 }, { duration: 0.5 });
+    await animate(".title", { opacity: 0.5 }, { duration: 0.3 });
+    
+    // Animate multiple properties
+    await animate(
+      ".button",
+      {
+        scale: [1, 1.2, 1],
+        rotate: [0, 180, 360],
+        backgroundColor: ["#ff0000", "#00ff00", "#0000ff"]
+      },
+      { duration: 1, ease: "easeInOut" }
+    );
+  };
+  
+  return (
+    <div ref={scope}>
+      <div className="card">Card content</div>
+      <h1 className="title">Title</h1>
+      <button className="button" onClick={handleClick}>
+        Animate
+      </button>
+    </div>
+  );
+}
+```
+
+### useAnimationControls Hook
+
+Creates animation controls that can be passed to motion components for imperative control.
+
+```typescript { .api }
+/**
+ * Creates animation controls for imperative animation control
+ * @returns Animation controls instance
+ */
+function useAnimationControls(): LegacyAnimationControls;
+
+/**
+ * Alias for useAnimationControls
+ */
+function useAnimation(): LegacyAnimationControls;
+
+interface LegacyAnimationControls {
+  /**
+   * Start an animation
+   * @param definition - Animation definition or variant name
+   * @returns Promise that resolves when animation completes
+   */
+  start(definition?: AnimationDefinition): Promise<any>;
+  
+  /**
+   * Stop all running animations
+   */
+  stop(): void;
+  
+  /**
+   * Mount the controls (called automatically by motion components)
+   * @returns Cleanup function
+   */
+  mount(): () => void;
+}
+
+type AnimationDefinition = string | {
+  [key: string]: any;
+} | ((custom?: any) => {
+  [key: string]: any;
+});
+```
+
+**Usage Examples:**
+
+```typescript
+import { motion, useAnimationControls } from "framer-motion";
+
+function ControlledAnimation() {
+  const controls = useAnimationControls();
+  
+  const variants = {
+    hidden: { opacity: 0, scale: 0.8 },
+    visible: { opacity: 1, scale: 1 },
+    pulse: { 
+      scale: [1, 1.1, 1],
+      transition: { duration: 0.5, repeat: Infinity }
+    }
+  };
+  
+  return (
+    <div>
+      <motion.div
+        animate={controls}
+        variants={variants}
+        initial="hidden"
+      >
+        Controlled animation
+      </motion.div>
+      
+      <button onClick={() => controls.start("visible")}>
+        Show
+      </button>
+      <button onClick={() => controls.start("pulse")}>
+        Pulse
+      </button>
+      <button onClick={() => controls.stop()}>
+        Stop
+      </button>
+    </div>
+  );
+}
+```
+
+### Animation Controls Factory
+
+Utility for creating animation controls outside of React components.
+
+```typescript { .api }
+/**
+ * Creates animation controls instance
+ * @returns New animation controls
+ */
+function animationControls(): LegacyAnimationControls;
+```
+
+### useAnimateMini Hook
+
+Minimal animation hook for WAAPI-based animations with smaller bundle size.
+
+```typescript { .api }
+/**
+ * Minimal animation hook using Web Animations API
+ * @returns Animation function for WAAPI animations
+ */
+function useAnimateMini(): (
+  target: string | Element,
+  keyframes: Record<string, any> | Record<string, any>[],
+  options?: AnimationOptions
+) => Animation;
+```
+
+**Usage Example:**
+
+```typescript
+import { useAnimateMini } from "framer-motion/mini";
+
+function MiniAnimation() {
+  const animate = useAnimateMini();
+  
+  const handleClick = () => {
+    animate(
+      ".element",
+      { transform: ["translateX(0px)", "translateX(100px)"] },
+      { duration: 500, easing: "ease-out" }
+    );
+  };
+  
+  return (
+    <div>
+      <div className="element">Element to animate</div>
+      <button onClick={handleClick}>Animate</button>
+    </div>
+  );
+}
+```
+
+### Animation Sequencing
+
+Creating complex animation sequences with timing control:
+
+```typescript
+// Sequential animations
+async function sequence() {
+  await animate(".first", { x: 100 }, { duration: 0.5 });
+  await animate(".second", { y: 100 }, { duration: 0.5 });
+  await animate(".third", { rotate: 180 }, { duration: 0.5 });
+}
+
+// Parallel animations
+function parallel() {
+  animate(".first", { x: 100 }, { duration: 0.5 });
+  animate(".second", { y: 100 }, { duration: 0.5, delay: 0.1 });
+  animate(".third", { rotate: 180 }, { duration: 0.5, delay: 0.2 });
+}
+
+// Staggered animations
+function stagger() {
+  const elements = document.querySelectorAll(".item");
+  elements.forEach((element, index) => {
+    animate(
+      element,
+      { opacity: 1, y: 0 },
+      { 
+        duration: 0.5,
+        delay: index * 0.1,
+        ease: "easeOut"
+      }
+    );
+  });
+}
+```
+
+### Advanced Control Patterns
+
+**Dynamic Animation Definitions:**
+
+```typescript
+const controls = useAnimationControls();
+
+// Function-based animation definition
+controls.start((custom) => ({
+  x: custom.targetX,
+  y: custom.targetY,
+  transition: { duration: custom.duration }
+}));
+
+// Conditional animations
+controls.start(isVisible ? "visible" : "hidden");
+
+// Chained animations
+controls.start("slideIn")
+  .then(() => controls.start("fadeIn"))
+  .then(() => controls.start("bounce"));
+```
+
+**Coordinated Multi-Element Animation:**
+
+```typescript
+function CoordinatedAnimation() {
+  const [scope, animate] = useAnimate();
+  
+  const animateSequence = async () => {
+    // Animate multiple elements with precise timing
+    const timeline = [
+      [".header", { opacity: 1, y: 0 }, { duration: 0.5 }],
+      [".content", { opacity: 1, x: 0 }, { duration: 0.6, delay: 0.2 }],
+      [".footer", { opacity: 1, scale: 1 }, { duration: 0.4, delay: 0.4 }]
+    ];
+    
+    // Run animations in parallel with different delays
+    timeline.forEach(([target, keyframes, options]) => {
+      animate(target, keyframes, options);
+    });
+  };
+  
+  return (
+    <div ref={scope}>
+      <div className="header" style={{ opacity: 0, y: -20 }}>Header</div>
+      <div className="content" style={{ opacity: 0, x: -20 }}>Content</div>
+      <div className="footer" style={{ opacity: 0, scale: 0.8 }}>Footer</div>
+      <button onClick={animateSequence}>Animate All</button>
+    </div>
+  );
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-framer-motion/docs/configuration.md b/.tessl/tiles/tessl/npm-framer-motion/docs/configuration.md
new file mode 100644
index 000000000..f8bc224ad
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-framer-motion/docs/configuration.md
@@ -0,0 +1,726 @@
+# Configuration
+
+Global configuration and feature bundle system for code splitting and performance optimization.
+
+## Capabilities
+
+### MotionConfig Component
+
+Provides global configuration for all motion components within its context.
+
+```typescript { .api }
+/**
+ * Global configuration provider for motion components
+ * @param props - Configuration options
+ * @returns JSX element providing motion configuration context
+ */
+function MotionConfig(props: MotionConfigProps): JSX.Element;
+
+interface MotionConfigProps {
+  /**
+   * Child components to apply configuration to
+   */
+  children: React.ReactNode;
+  
+  /**
+   * Default transition for all animations
+   */
+  transition?: Transition;
+  
+  /**
+   * Transform page coordinates (useful for zoom/pan interfaces)
+   */
+  transformPagePoint?: (point: Point) => Point;
+  
+  /**
+   * Reduced motion preference override
+   * - "always": Always reduce motion
+   * - "never": Never reduce motion  
+   * - "user": Respect user's system preference (default)
+   */
+  reducedMotion?: "always" | "never" | "user";
+  
+  /**
+   * Custom prop validation function
+   */
+  isValidProp?: (key: string) => boolean;
+  
+  /**
+   * Enable/disable features globally
+   */
+  features?: {
+    /**
+     * Enable layout animations (default: true)
+     */
+    layout?: boolean;
+    
+    /**
+     * Enable gesture handling (default: true)
+     */
+    gestures?: boolean;
+    
+    /**
+     * Enable exit animations (default: true)
+     */
+    animations?: boolean;
+  };
+}
+
+interface Transition {
+  /**
+   * Animation duration in seconds
+   */
+  duration?: number;
+  
+  /**
+   * Delay before animation starts in seconds
+   */
+  delay?: number;
+  
+  /**
+   * Easing function or array for keyframes
+   */
+  ease?: Easing | Easing[];
+  
+  /**
+   * Animation type
+   */
+  type?: "tween" | "spring" | "keyframes" | "inertia";
+  
+  /**
+   * Number of times to repeat
+   */
+  repeat?: number;
+  
+  /**
+   * Type of repeat behavior
+   */
+  repeatType?: "loop" | "reverse" | "mirror";
+  
+  /**
+   * Delay between repeats
+   */
+  repeatDelay?: number;
+  
+  // Spring-specific options
+  bounce?: number;
+  damping?: number;
+  mass?: number;
+  stiffness?: number;
+  velocity?: number;
+  restSpeed?: number;
+  restDelta?: number;
+}
+
+interface Point {
+  x: number;
+  y: number;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { MotionConfig, motion } from "framer-motion";
+
+// Global transition configuration
+function GlobalTransitionExample() {
+  return (
+    <MotionConfig
+      transition={{
+        type: "spring",
+        stiffness: 260,
+        damping: 20
+      }}
+    >
+      <div className="space-y-4">
+        <motion.div
+          whileHover={{ scale: 1.1 }}
+          className="w-32 h-32 bg-blue-500 rounded"
+        >
+          Uses global spring config
+        </motion.div>
+        
+        <motion.div
+          whileHover={{ scale: 1.1 }}
+          transition={{ type: "tween", duration: 0.2 }} // Override global
+          className="w-32 h-32 bg-red-500 rounded"
+        >
+          Overrides with tween
+        </motion.div>
+      </div>
+    </MotionConfig>
+  );
+}
+
+// Reduced motion configuration
+function ReducedMotionExample() {
+  return (
+    <MotionConfig reducedMotion="user">
+      <motion.div
+        initial={{ opacity: 0, y: 50 }}
+        animate={{ opacity: 1, y: 0 }}
+        className="p-4 bg-green-500 text-white rounded"
+      >
+        Respects user's motion preferences
+      </motion.div>
+    </MotionConfig>
+  );
+}
+
+// Custom coordinate transformation
+function TransformPointExample() {
+  const transformPagePoint = (point: Point) => ({
+    x: point.x * 0.5, // Scale down x coordinates
+    y: point.y * 0.5  // Scale down y coordinates
+  });
+  
+  return (
+    <MotionConfig transformPagePoint={transformPagePoint}>
+      <motion.div
+        drag
+        className="w-32 h-32 bg-purple-500 rounded cursor-grab"
+      >
+        Drag coordinates are scaled
+      </motion.div>
+    </MotionConfig>
+  );
+}
+```
+
+### LazyMotion Component
+
+Enables code splitting by loading animation features on demand.
+
+```typescript { .api }
+/**
+ * Lazy loading wrapper for motion features
+ * @param props - LazyMotion configuration
+ * @returns JSX element providing lazy-loaded features
+ */
+function LazyMotion(props: LazyMotionProps): JSX.Element;
+
+interface LazyMotionProps {
+  /**
+   * Child components that will use lazy-loaded features
+   */
+  children: React.ReactNode;
+  
+  /**
+   * Feature bundle to load (sync or async)
+   */
+  features: FeatureBundle | (() => Promise<FeatureBundle>);
+  
+  /**
+   * Strict mode - only allow features defined in bundle (default: true)
+   */
+  strict?: boolean;
+}
+
+interface FeatureBundle {
+  /**
+   * Animation feature definitions
+   */
+  animation?: FeatureDefinition;
+  
+  /**
+   * Exit animation features
+   */
+  exit?: FeatureDefinition;
+  
+  /**
+   * Gesture handling features  
+   */
+  gestures?: FeatureDefinition;
+  
+  /**
+   * Drag interaction features
+   */
+  drag?: FeatureDefinition;
+  
+  /**
+   * Layout animation features
+   */
+  layout?: FeatureDefinition;
+  
+  /**
+   * Measurement and projection features
+   */
+  measureLayout?: FeatureDefinition;
+}
+
+interface FeatureDefinition {
+  /**
+   * Feature implementation functions
+   */
+  [key: string]: any;
+}
+```
+
+**Pre-built Feature Bundles:**
+
+```typescript { .api }
+/**
+ * Minimal DOM features bundle (animations only)
+ */
+const domMin: FeatureBundle;
+
+/**
+ * DOM animation features bundle (animations + gestures)
+ */
+const domAnimation: FeatureBundle;
+
+/**
+ * Maximum DOM features bundle (all features)
+ */
+const domMax: FeatureBundle;
+```
+
+**Usage Examples:**
+
+```typescript
+import { LazyMotion, domAnimation, domMax, m } from "framer-motion";
+
+// Synchronous feature loading
+function SyncLazyMotionExample() {
+  return (
+    <LazyMotion features={domAnimation}>
+      <m.div
+        whileHover={{ scale: 1.1 }}
+        whileTap={{ scale: 0.95 }}
+        className="w-32 h-32 bg-blue-500 rounded cursor-pointer"
+      >
+        Lazy loaded gestures
+      </m.div>
+    </LazyMotion>
+  );
+}
+
+// Asynchronous feature loading
+function AsyncLazyMotionExample() {
+  return (
+    <LazyMotion
+      features={() => import("framer-motion").then(mod => mod.domMax)}
+      strict={false}
+    >
+      <m.div
+        drag
+        whileHover={{ scale: 1.1 }}
+        className="w-32 h-32 bg-green-500 rounded cursor-grab"
+      >
+        Async loaded features
+      </m.div>
+    </LazyMotion>
+  );
+}
+
+// Custom feature bundle
+function CustomFeatureExample() {
+  const customFeatures = async () => {
+    // Load only specific features
+    const { domAnimation } = await import("framer-motion");
+    return domAnimation;
+  };
+  
+  return (
+    <LazyMotion features={customFeatures}>
+      <m.div
+        animate={{ rotate: 360 }}
+        transition={{ duration: 2, repeat: Infinity, ease: "linear" }}
+        className="w-16 h-16 bg-purple-500 rounded"
+      >
+        Custom bundle
+      </m.div>
+    </LazyMotion>
+  );
+}
+```
+
+### Global Configuration
+
+Global configuration utilities that affect all Framer Motion instances.
+
+```typescript { .api }
+/**
+ * Global motion configuration object from motion-utils
+ */
+interface MotionGlobalConfig {
+  /**
+   * Skip animations entirely (useful for testing)
+   */
+  skipAnimations?: boolean;
+  
+  /**
+   * Use reduced motion globally
+   */
+  useManualTiming?: boolean;
+  
+  /**
+   * Custom easing functions
+   */
+  easing?: {
+    [key: string]: (t: number) => number;
+  };
+}
+
+/**
+ * Access to global motion configuration
+ */
+const MotionGlobalConfig: MotionGlobalConfig;
+```
+
+**Usage Example:**
+
+```typescript
+import { MotionGlobalConfig } from "framer-motion";
+
+// Configure globally (typically in app setup)
+MotionGlobalConfig.skipAnimations = process.env.NODE_ENV === "test";
+
+// Custom easing functions
+MotionGlobalConfig.easing = {
+  ...MotionGlobalConfig.easing,
+  customEase: (t: number) => t * t * (3 - 2 * t) // Smoothstep
+};
+
+function GlobalConfigExample() {
+  return (
+    <motion.div
+      animate={{ x: 100 }}
+      transition={{ ease: "customEase", duration: 1 }}
+    >
+      Uses custom global easing
+    </motion.div>
+  );
+}
+```
+
+### Reduced Motion Hooks
+
+Hooks for detecting and responding to reduced motion preferences.
+
+```typescript { .api }
+/**
+ * Detect user's reduced motion preference
+ * @returns Boolean indicating if reduced motion is preferred
+ */
+function useReducedMotion(): boolean;
+
+/**
+ * Configure reduced motion behavior for components
+ * @returns Configuration object for reduced motion
+ */
+function useReducedMotionConfig(): {
+  /**
+   * Whether reduced motion is currently active
+   */
+  shouldReduceMotion: boolean;
+  
+  /**
+   * Override reduced motion setting
+   */
+  setReducedMotion: (reduce: boolean | "user") => void;
+};
+```
+
+**Usage Examples:**
+
+```typescript
+import { motion, useReducedMotion, useReducedMotionConfig } from "framer-motion";
+
+// Basic reduced motion detection
+function ReducedMotionExample() {
+  const shouldReduceMotion = useReducedMotion();
+  
+  return (
+    <motion.div
+      animate={{ 
+        x: shouldReduceMotion ? 0 : 100,
+        transition: { 
+          duration: shouldReduceMotion ? 0 : 1
+        }
+      }}
+      className="w-32 h-32 bg-blue-500 rounded"
+    >
+      Motion respects user preference
+    </motion.div>
+  );
+}
+
+// Advanced reduced motion configuration
+function AdvancedReducedMotionExample() {
+  const { shouldReduceMotion, setReducedMotion } = useReducedMotionConfig();
+  
+  return (
+    <div>
+      <div className="mb-4 space-x-2">
+        <button 
+          onClick={() => setReducedMotion(false)}
+          className="px-4 py-2 bg-blue-500 text-white rounded"
+        >
+          Enable Motion
+        </button>
+        <button 
+          onClick={() => setReducedMotion(true)}
+          className="px-4 py-2 bg-red-500 text-white rounded"
+        >
+          Disable Motion
+        </button>
+        <button 
+          onClick={() => setReducedMotion("user")}
+          className="px-4 py-2 bg-gray-500 text-white rounded"
+        >
+          Respect User Preference
+        </button>
+      </div>
+      
+      <motion.div
+        animate={{ 
+          rotate: shouldReduceMotion ? 0 : 360,
+          scale: shouldReduceMotion ? 1 : [1, 1.2, 1]
+        }}
+        transition={{
+          duration: shouldReduceMotion ? 0 : 2,
+          repeat: shouldReduceMotion ? 0 : Infinity
+        }}
+        className="w-32 h-32 bg-green-500 rounded"
+      >
+        Configurable motion
+      </motion.div>
+      
+      <p className="mt-2 text-sm">
+        Reduced motion: {shouldReduceMotion ? "Active" : "Inactive"}
+      </p>
+    </div>
+  );
+}
+```
+
+### Feature Detection
+
+Utilities for detecting available features and capabilities.
+
+```typescript { .api }
+/**
+ * Check if running in browser environment
+ * @returns Boolean indicating browser environment
+ */
+function isBrowser(): boolean;
+
+/**
+ * Detect available animation features
+ * @returns Object describing available features
+ */
+interface FeatureDetection {
+  /**
+   * Web Animations API support
+   */
+  waapi: boolean;
+  
+  /**
+   * CSS transforms support
+   */
+  transforms: boolean;
+  
+  /**
+   * Touch/pointer events support
+   */
+  touch: boolean;
+  
+  /**
+   * Reduced motion preference
+   */
+  reducedMotion: boolean;
+}
+
+/**
+ * Browser environment detection
+ */
+const isBrowser: boolean;
+```
+
+**Usage Example:**
+
+```typescript
+import { isBrowser } from "framer-motion";
+import { useEffect, useState } from "react";
+
+function FeatureDetectionExample() {
+  const [features, setFeatures] = useState<any>(null);
+  
+  useEffect(() => {
+    if (isBrowser()) {
+      // Detect browser capabilities
+      const detection = {
+        waapi: "animate" in document.createElement("div"),
+        transforms: "transform" in document.createElement("div").style,
+        touch: "ontouchstart" in window,
+        reducedMotion: window.matchMedia("(prefers-reduced-motion: reduce)").matches
+      };
+      setFeatures(detection);
+    }
+  }, []);
+  
+  if (!isBrowser()) {
+    return <div>Server-side rendering</div>;
+  }
+  
+  return (
+    <div>
+      <h3>Browser Capabilities:</h3>
+      {features && (
+        <ul className="list-disc pl-6">
+          <li>Web Animations API: {features.waapi ? "✅" : "❌"}</li>
+          <li>CSS Transforms: {features.transforms ? "✅" : "❌"}</li>
+          <li>Touch Support: {features.touch ? "✅" : "❌"}</li>
+          <li>Reduced Motion: {features.reducedMotion ? "✅" : "❌"}</li>
+        </ul>
+      )}
+    </div>
+  );
+}
+```
+
+### Performance Configuration
+
+Configuration options for optimizing animation performance.
+
+```typescript { .api }
+/**
+ * Configure performance settings
+ */
+interface PerformanceConfig {
+  /**
+   * Enable GPU acceleration hints
+   */
+  useGPUAcceleration?: boolean;
+  
+  /**
+   * Batch DOM updates
+   */
+  batchUpdates?: boolean;
+  
+  /**
+   * Throttle animation frame rate
+   */
+  maxFrameRate?: number;
+  
+  /**
+   * Enable transform optimization
+   */
+  optimizeTransforms?: boolean;
+}
+```
+
+**Usage Example:**
+
+```typescript
+// Configure performance at app level
+function App() {
+  return (
+    <MotionConfig
+      transition={{
+        type: "spring",
+        stiffness: 260,
+        damping: 20
+      }}
+    >
+      <LazyMotion features={domAnimation}>
+        <div className="app">
+          {/* App content with optimized motion */}
+        </div>
+      </LazyMotion>
+    </MotionConfig>
+  );
+}
+
+// Environment-specific configuration
+const getMotionConfig = () => {
+  if (process.env.NODE_ENV === "development") {
+    return { reducedMotion: "never" }; // Always animate in dev
+  }
+  
+  if (process.env.NODE_ENV === "test") {
+    MotionGlobalConfig.skipAnimations = true; // Skip in tests
+  }
+  
+  return { reducedMotion: "user" }; // Respect user preference in production
+};
+```
+
+### Configuration Patterns
+
+**Responsive Motion:**
+
+```typescript
+function ResponsiveMotion() {
+  const [isMobile, setIsMobile] = useState(false);
+  
+  useEffect(() => {
+    const checkMobile = () => setIsMobile(window.innerWidth < 768);
+    checkMobile();
+    window.addEventListener("resize", checkMobile);
+    return () => window.removeEventListener("resize", checkMobile);
+  }, []);
+  
+  return (
+    <MotionConfig
+      transition={{
+        type: isMobile ? "tween" : "spring",
+        duration: isMobile ? 0.2 : 0.6
+      }}
+    >
+      {/* Motion components adapt to screen size */}
+    </MotionConfig>
+  );
+}
+```
+
+**Theme-based Configuration:**
+
+```typescript
+function ThemedMotion({ theme, children }: { theme: "light" | "dark", children: React.ReactNode }) {
+  const config = {
+    light: {
+      transition: { type: "spring", stiffness: 300 },
+      reducedMotion: "user"
+    },
+    dark: {
+      transition: { type: "tween", duration: 0.3 },
+      reducedMotion: "never"
+    }
+  };
+  
+  return (
+    <MotionConfig {...config[theme]}>
+      {children}
+    </MotionConfig>
+  );
+}
+```
+
+**Progressive Enhancement:**
+
+```typescript
+function ProgressiveMotion({ children }: { children: React.ReactNode }) {
+  const [features, setFeatures] = useState(domMin);
+  
+  useEffect(() => {
+    // Progressively load more features
+    const loadFullFeatures = async () => {
+      const { domMax } = await import("framer-motion");
+      setFeatures(domMax);
+    };
+    
+    // Load after initial render
+    const timer = setTimeout(loadFullFeatures, 100);
+    return () => clearTimeout(timer);
+  }, []);
+  
+  return (
+    <LazyMotion features={features}>
+      {children}
+    </LazyMotion>
+  );
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-framer-motion/docs/dom-utilities.md b/.tessl/tiles/tessl/npm-framer-motion/docs/dom-utilities.md
new file mode 100644
index 000000000..4f3955ab6
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-framer-motion/docs/dom-utilities.md
@@ -0,0 +1,636 @@
+# DOM Utilities
+
+Direct DOM animation functions that work without React, for imperative animations and scroll tracking.
+
+## Capabilities
+
+### Animate Function
+
+Direct DOM animation function using Web Animations API or fallback engine.
+
+```typescript { .api }
+/**
+ * Animate DOM elements directly without React
+ * @param element - Element to animate (selector string or Element)
+ * @param keyframes - Animation keyframes or single keyframe object
+ * @param options - Animation options
+ * @returns Animation playback controls
+ */
+function animate(
+  element: string | Element,
+  keyframes: Record<string, any> | Record<string, any>[],
+  options?: AnimationOptions
+): AnimationPlaybackControls;
+
+/**
+ * Create scoped animate function bound to a container
+ * @param scope - Container element for scoped queries
+ * @returns Scoped animate function
+ */
+function createScopedAnimate(scope: Element): typeof animate;
+
+interface AnimationOptions {
+  /**
+   * Animation duration in seconds
+   */
+  duration?: number;
+  
+  /**
+   * Delay before animation starts in seconds
+   */
+  delay?: number;
+  
+  /**
+   * Easing function or WAAPI easing string
+   */
+  ease?: string | number[] | ((t: number) => number);
+  
+  /**
+   * Number of times to repeat animation
+   */
+  repeat?: number;
+  
+  /**
+   * Type of repeat behavior
+   */
+  repeatType?: "loop" | "reverse" | "mirror";
+  
+  /**
+   * Delay between repeats in seconds
+   */
+  repeatDelay?: number;
+  
+  /**
+   * Direction of animation
+   */
+  direction?: "normal" | "reverse" | "alternate" | "alternate-reverse";
+  
+  /**
+   * Fill mode for animation
+   */
+  fill?: "none" | "forwards" | "backwards" | "both";
+  
+  /**
+   * Animation end behavior
+   */
+  endDelay?: number;
+  
+  /**
+   * Start time offset
+   */
+  startTime?: number;
+  
+  /**
+   * Animation timing function
+   */
+  composite?: "replace" | "add" | "accumulate";
+}
+
+interface AnimationPlaybackControls {
+  /**
+   * Stop the animation
+   */
+  stop(): void;
+  
+  /**
+   * Pause the animation
+   */
+  pause(): void;
+  
+  /**
+   * Resume the animation
+   */
+  play(): void;
+  
+  /**
+   * Reverse the animation direction
+   */
+  reverse(): void;
+  
+  /**
+   * Cancel the animation and reset to initial state
+   */
+  cancel(): void;
+  
+  /**
+   * Complete the animation immediately
+   */
+  finish(): void;
+  
+  /**
+   * Get current animation time
+   */
+  currentTime: number;
+  
+  /**
+   * Get animation duration
+   */
+  duration: number;
+  
+  /**
+   * Get animation playback rate
+   */
+  playbackRate: number;
+  
+  /**
+   * Set animation playback rate
+   */
+  updatePlaybackRate(rate: number): void;
+  
+  /**
+   * Promise that resolves when animation completes
+   */
+  then(onResolve?: () => void, onReject?: (error: any) => void): Promise<void>;
+  
+  /**
+   * Attach event listeners
+   */
+  addEventListener(event: string, handler: EventListener): void;
+  
+  /**
+   * Remove event listeners
+   */
+  removeEventListener(event: string, handler: EventListener): void;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { animate, createScopedAnimate } from "framer-motion/dom";
+
+// Basic DOM animation
+function basicDOMAnimation() {
+  // Animate single element
+  animate(".box", { x: 100, rotate: 45 }, { duration: 1 });
+  
+  // Animate with keyframes
+  animate(".circle", [
+    { scale: 1, backgroundColor: "#ff0000" },
+    { scale: 1.5, backgroundColor: "#00ff00" },
+    { scale: 1, backgroundColor: "#0000ff" }
+  ], { 
+    duration: 2, 
+    repeat: Infinity, 
+    repeatType: "reverse" 
+  });
+  
+  // Animate multiple elements
+  document.querySelectorAll(".item").forEach((element, index) => {
+    animate(element, 
+      { y: -50, opacity: [0, 1] }, 
+      { duration: 0.5, delay: index * 0.1 }
+    );
+  });
+}
+
+// Animation with controls
+function controlledDOMAnimation() {
+  const controls = animate(".animated-element", 
+    { rotate: 360 }, 
+    { duration: 2, repeat: Infinity }
+  );
+  
+  // Control playback
+  document.getElementById("pause")?.addEventListener("click", () => {
+    controls.pause();
+  });
+  
+  document.getElementById("play")?.addEventListener("click", () => {
+    controls.play();
+  });
+  
+  document.getElementById("reverse")?.addEventListener("click", () => {
+    controls.reverse();
+  });
+  
+  document.getElementById("stop")?.addEventListener("click", () => {
+    controls.stop();
+  });
+  
+  // Promise-based completion
+  controls.then(() => {
+    console.log("Animation completed");
+  });
+}
+
+// Scoped animations
+function scopedDOMAnimation() {
+  const container = document.getElementById("animation-container");
+  if (container) {
+    const scopedAnimate = createScopedAnimate(container);
+    
+    // Animate elements within container only
+    scopedAnimate(".box", { x: 200 }, { duration: 1 });
+    scopedAnimate(".circle", { scale: 1.5 }, { duration: 0.8 });
+  }
+}
+```
+
+### Minimal Animation Function
+
+Ultra-lightweight animation function for simple WAAPI animations.
+
+```typescript { .api }
+/**
+ * Minimal WAAPI-based animation function
+ * @param element - Element to animate
+ * @param keyframes - Animation keyframes
+ * @param options - WAAPI options
+ * @returns Native Web Animation object
+ */
+function animateMini(
+  element: string | Element,
+  keyframes: Keyframe[] | PropertyIndexedKeyframes,
+  options?: KeyframeAnimationOptions
+): Animation;
+
+/**
+ * Sequence multiple animations with precise timing
+ * @param animations - Array of animation definitions
+ * @param options - Sequence options
+ * @returns Promise resolving when sequence completes
+ */
+function animateSequence(
+  animations: Array<[string | Element, Keyframe[] | PropertyIndexedKeyframes, KeyframeAnimationOptions?]>,
+  options?: SequenceOptions
+): Promise<void>;
+
+interface SequenceOptions {
+  /**
+   * Default duration for animations without explicit duration
+   */
+  defaultDuration?: number;
+  
+  /**
+   * Default easing for animations
+   */
+  defaultEasing?: string;
+  
+  /**
+   * Delay between animations
+   */
+  stagger?: number;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { animateMini, animateSequence } from "framer-motion/dom-mini";
+
+// Minimal WAAPI animation
+function minimalAnimation() {
+  const element = document.querySelector(".element");
+  if (element) {
+    const animation = animateMini(element, [
+      { transform: "translateX(0px) scale(1)" },
+      { transform: "translateX(100px) scale(1.2)" },
+      { transform: "translateX(0px) scale(1)" }
+    ], {
+      duration: 1000,
+      easing: "ease-in-out",
+      iterations: Infinity
+    });
+    
+    // Native Web Animation methods
+    animation.pause();
+    animation.play();
+    animation.addEventListener("finish", () => {
+      console.log("Animation finished");
+    });
+  }
+}
+
+// Animation sequences
+async function sequencedAnimations() {
+  await animateSequence([
+    [".header", [{ opacity: 0 }, { opacity: 1 }], { duration: 500 }],
+    [".content", [{ y: 50 }, { y: 0 }], { duration: 600 }],
+    [".footer", [{ scale: 0.8 }, { scale: 1 }], { duration: 400 }]
+  ], {
+    stagger: 100 // 100ms delay between each animation
+  });
+  
+  console.log("Sequence completed");
+}
+```
+
+### Scroll Utilities
+
+Direct DOM scroll tracking utilities that work without React.
+
+```typescript { .api }
+/**
+ * Track scroll with callback (already documented in scroll-view.md)
+ */
+function scroll(
+  onScroll: (info: ScrollInfo) => void,
+  options?: ScrollOptions
+): () => void;
+
+/**
+ * Advanced scroll tracking with detailed information
+ */
+function scrollInfo(
+  onScroll: (info: DetailedScrollInfo) => void,
+  options?: ScrollOptions
+): () => void;
+
+interface ScrollInfo {
+  x: number;
+  y: number;
+  xProgress: number;
+  yProgress: number;
+  velocity: number;
+}
+
+interface DetailedScrollInfo extends ScrollInfo {
+  targetBounds: DOMRect;
+  containerBounds: DOMRect;
+  intersectionRatio: number;
+}
+```
+
+### Viewport Utilities
+
+Direct DOM intersection observer utilities.
+
+```typescript { .api }
+/**
+ * Observe element intersection with viewport (already documented in scroll-view.md)
+ */
+function inView(
+  element: string | Element,
+  onStart: (entry: IntersectionObserverEntry) => void | (() => void),
+  options?: InViewOptions
+): () => void;
+
+interface InViewOptions {
+  root?: Element;
+  margin?: string;
+  amount?: number | number[] | "some" | "all";
+}
+```
+
+### Transform Utilities
+
+Utilities for working with CSS transforms.
+
+```typescript { .api }
+/**
+ * Build CSS transform string from transform object
+ * @param transform - Transform properties object
+ * @param transformOrigin - Transform origin values
+ * @returns CSS transform string
+ */
+function buildTransform(
+  transform: Record<string, string | number>,
+  transformOrigin?: string
+): string;
+
+/**
+ * Parse transform string into object
+ * @param transformString - CSS transform string
+ * @returns Object with transform properties
+ */
+function parseTransform(transformString: string): Record<string, number>;
+
+/**
+ * Interpolate between transform states
+ * @param from - Starting transform object
+ * @param to - Ending transform object
+ * @param progress - Interpolation progress (0-1)
+ * @returns Interpolated transform object
+ */
+function interpolateTransforms(
+  from: Record<string, number>,
+  to: Record<string, number>,
+  progress: number
+): Record<string, number>;
+```
+
+**Usage Examples:**
+
+```typescript
+import { buildTransform, parseTransform } from "framer-motion/dom";
+
+// Build transform strings
+function transformUtilities() {
+  // Build transform from object
+  const transformString = buildTransform({
+    x: 100,
+    y: 50,
+    rotate: 45,
+    scale: 1.2,
+    skewX: 10
+  }, "center center");
+  
+  console.log(transformString); 
+  // "translateX(100px) translateY(50px) rotate(45deg) scale(1.2) skewX(10deg)"
+  
+  // Apply to element
+  const element = document.querySelector(".element");
+  if (element) {
+    (element as HTMLElement).style.transform = transformString;
+    (element as HTMLElement).style.transformOrigin = "center center";
+  }
+  
+  // Parse existing transform
+  const existing = (element as HTMLElement)?.style.transform || "";
+  const parsed = parseTransform(existing);
+  console.log(parsed); // { translateX: 100, translateY: 50, rotate: 45, ... }
+}
+```
+
+### Animation Utilities
+
+Additional utilities for animation management.
+
+```typescript { .api }
+/**
+ * Delay execution by specified time
+ * @param duration - Delay duration in seconds
+ * @returns Promise that resolves after delay
+ */
+function delay(duration: number): Promise<void>;
+
+/**
+ * Create delayed function
+ * @param fn - Function to delay
+ * @param duration - Delay duration in seconds
+ * @returns Delayed function
+ */
+function delay<T extends (...args: any[]) => any>(
+  fn: T, 
+  duration: number
+): DelayedFunction<T>;
+
+interface DelayedFunction<T extends (...args: any[]) => any> {
+  (...args: Parameters<T>): Promise<ReturnType<T>>;
+  cancel(): void;
+}
+
+/**
+ * RAF-based animation loop
+ * @param callback - Function to call each frame
+ * @returns Cleanup function to stop the loop
+ */
+function animationLoop(callback: (time: number, delta: number) => void): () => void;
+
+/**
+ * Throttle function calls to animation frames
+ * @param fn - Function to throttle
+ * @returns Throttled function
+ */
+function throttleToAnimationFrame<T extends (...args: any[]) => any>(fn: T): T;
+```
+
+**Usage Examples:**
+
+```typescript
+import { delay, animationLoop, throttleToAnimationFrame } from "framer-motion/dom";
+
+// Delay utilities
+async function delayExample() {
+  console.log("Starting...");
+  await delay(1); // Wait 1 second
+  console.log("After 1 second");
+  
+  // Delayed function execution
+  const delayedLog = delay(console.log, 0.5);
+  delayedLog("This appears after 500ms");
+  
+  // Cancel delayed execution
+  const cancelable = delay(() => console.log("This won't run"), 2);
+  cancelable.cancel();
+}
+
+// Animation loop
+function customAnimationLoop() {
+  let rotation = 0;
+  const element = document.querySelector(".rotating-element") as HTMLElement;
+  
+  const stopLoop = animationLoop((time, delta) => {
+    rotation += delta * 0.1; // Rotate based on time delta
+    if (element) {
+      element.style.transform = `rotate(${rotation}deg)`;
+    }
+  });
+  
+  // Stop after 5 seconds
+  setTimeout(stopLoop, 5000);
+}
+
+// Throttled event handling
+function throttledScrollExample() {
+  const handleScroll = throttleToAnimationFrame((event: Event) => {
+    const scrollY = window.scrollY;
+    const header = document.querySelector(".header") as HTMLElement;
+    if (header) {
+      header.style.transform = `translateY(${Math.min(0, -scrollY * 0.5)}px)`;
+    }
+  });
+  
+  window.addEventListener("scroll", handleScroll);
+  
+  // Cleanup
+  return () => window.removeEventListener("scroll", handleScroll);
+}
+```
+
+### Integration Patterns
+
+**Combining with React:**
+
+```typescript
+import { animate } from "framer-motion/dom";
+import { useEffect, useRef } from "react";
+
+function HybridAnimation() {
+  const ref = useRef<HTMLDivElement>(null);
+  
+  useEffect(() => {
+    if (ref.current) {
+      // Use DOM animate for complex sequences
+      const controls = animate(ref.current, [
+        { x: 0, y: 0 },
+        { x: 100, y: 0 },
+        { x: 100, y: 100 },
+        { x: 0, y: 100 },
+        { x: 0, y: 0 }
+      ], {
+        duration: 4,
+        repeat: Infinity,
+        ease: "linear"
+      });
+      
+      return () => controls.stop();
+    }
+  }, []);
+  
+  return <div ref={ref} className="w-16 h-16 bg-blue-500" />;
+}
+```
+
+**Performance Optimization:**
+
+```typescript
+// Batch DOM animations
+function batchAnimations() {
+  const elements = document.querySelectorAll(".animate-me");
+  
+  // Start all animations simultaneously for better performance
+  elements.forEach((element, index) => {
+    animate(element, 
+      { y: -100, opacity: [0, 1] },
+      { 
+        duration: 0.6,
+        delay: index * 0.05, // Small stagger
+        ease: "easeOut"
+      }
+    );
+  });
+}
+
+// Memory-efficient cleanup
+function animationWithCleanup() {
+  const cleanupFunctions: (() => void)[] = [];
+  
+  // Store cleanup functions
+  cleanupFunctions.push(
+    scroll((info) => {
+      // Handle scroll
+    })
+  );
+  
+  cleanupFunctions.push(
+    inView(".target", (entry) => {
+      // Handle intersection
+    })
+  );
+  
+  // Clean up all listeners
+  return () => {
+    cleanupFunctions.forEach(cleanup => cleanup());
+  };
+}
+```
+
+**Progressive Enhancement:**
+
+```typescript
+// Feature detection and fallbacks
+function progressiveAnimation() {
+  const element = document.querySelector(".element") as HTMLElement;
+  
+  if ("animate" in document.createElement("div")) {
+    // Use Web Animations API
+    animate(element, { x: 100 }, { duration: 1 });
+  } else {
+    // Fallback to CSS transitions
+    element.style.transition = "transform 1s ease";
+    element.style.transform = "translateX(100px)";
+  }
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-framer-motion/docs/gestures.md b/.tessl/tiles/tessl/npm-framer-motion/docs/gestures.md
new file mode 100644
index 000000000..ee05d3d98
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-framer-motion/docs/gestures.md
@@ -0,0 +1,649 @@
+# Gestures
+
+Drag controls and gesture event handlers for interactive animations and user input handling.
+
+## Capabilities
+
+### Drag Controls Hook
+
+Creates controls for programmatically managing drag operations.
+
+```typescript { .api }
+/**
+ * Creates drag controls for manual drag management
+ * @returns DragControls instance
+ */
+function useDragControls(): DragControls;
+
+interface DragControls {
+  /**
+   * Start a drag operation
+   * @param event - Pointer event that triggered the drag
+   * @param options - Drag start options
+   */
+  start(event: React.PointerEvent | PointerEvent, options?: StartOptions): void;
+  
+  /**
+   * Cancel the current drag operation
+   */
+  cancel(): void;
+  
+  /**
+   * Stop the current drag operation
+   */
+  stop(): void;
+  
+  /**
+   * Subscribe to drag controls updates
+   * @param controls - Another drag controls instance to link
+   */
+  subscribe(controls: DragControls): () => void;
+}
+
+interface StartOptions {
+  /**
+   * Snap back to original position when drag ends
+   */
+  snapToCursor?: boolean;
+  
+  /**
+   * Cursor to use during drag
+   */
+  cursorProgress?: Point;
+}
+
+interface Point {
+  x: number;
+  y: number;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { motion, useDragControls } from "framer-motion";
+import { useRef } from "react";
+
+// Basic drag controls
+function DragControlsExample() {
+  const controls = useDragControls();
+  
+  return (
+    <div>
+      <div
+        className="w-8 h-8 bg-blue-500 cursor-grab rounded-full mb-4"
+        onPointerDown={(e) => controls.start(e)}
+      >
+        Drag Handle
+      </div>
+      
+      <motion.div
+        drag
+        dragControls={controls}
+        className="w-24 h-24 bg-red-500 rounded"
+      >
+        Draggable Element
+      </motion.div>
+    </div>
+  );
+}
+
+// Multiple linked drag controls
+function LinkedDragExample() {
+  const controls1 = useDragControls();
+  const controls2 = useDragControls();
+  
+  // Link controls so they move together
+  React.useEffect(() => {
+    const unsubscribe = controls1.subscribe(controls2);
+    return unsubscribe;
+  }, [controls1, controls2]);
+  
+  return (
+    <div className="space-y-4">
+      <motion.div
+        drag
+        dragControls={controls1}
+        className="w-24 h-24 bg-blue-500 rounded"
+      >
+        Element 1
+      </motion.div>
+      
+      <motion.div
+        drag
+        dragControls={controls2}
+        className="w-24 h-24 bg-green-500 rounded"
+      >
+        Element 2 (linked)
+      </motion.div>
+    </div>
+  );
+}
+```
+
+### Drag Props and Events
+
+Motion components support comprehensive drag functionality through props.
+
+```typescript { .api }
+interface DragProps {
+  /**
+   * Enable dragging on x, y, or both axes
+   */
+  drag?: boolean | "x" | "y";
+  
+  /**
+   * Drag controls instance for manual control
+   */
+  dragControls?: DragControls;
+  
+  /**
+   * Constraints for drag boundaries
+   */
+  dragConstraints?: Partial<BoundingBox2D> | React.RefObject<Element>;
+  
+  /**
+   * Enable elastic drag beyond constraints
+   */
+  dragElastic?: boolean | number;
+  
+  /**
+   * Enable momentum and inertia after drag ends
+   */
+  dragMomentum?: boolean;
+  
+  /**
+   * Transition for snapping back to constraints
+   */
+  dragTransition?: {
+    bounceStiffness?: number;
+    bounceDamping?: number;
+    power?: number;
+    timeConstant?: number;
+    restDelta?: number;
+    modifyTarget?: (target: number) => number;
+  };
+  
+  /**
+   * Propagate drag to parent elements
+   */
+  dragPropagation?: boolean;
+  
+  /**
+   * Listen for external drag events
+   */
+  dragListener?: boolean;
+  
+  /**
+   * Direction lock threshold
+   */
+  dragDirectionLock?: boolean;
+  
+  /**
+   * Minimum distance before drag starts
+   */
+  dragSnapToOrigin?: boolean;
+}
+
+interface BoundingBox2D {
+  top: number;
+  right: number;
+  bottom: number;
+  left: number;
+}
+```
+
+**Drag Event Handlers:**
+
+```typescript { .api }
+interface DragEventHandlers {
+  /**
+   * Called when drag operation starts
+   */
+  onDragStart?: (
+    event: MouseEvent | TouchEvent | PointerEvent,
+    info: PanInfo
+  ) => void;
+  
+  /**
+   * Called continuously during drag
+   */
+  onDrag?: (
+    event: MouseEvent | TouchEvent | PointerEvent,
+    info: PanInfo
+  ) => void;
+  
+  /**
+   * Called when drag operation ends
+   */
+  onDragEnd?: (
+    event: MouseEvent | TouchEvent | PointerEvent,
+    info: PanInfo
+  ) => void;
+  
+  /**
+   * Called when dragging beyond constraints (elastic)
+   */
+  onDirectionLock?: (axis: "x" | "y") => void;
+}
+
+interface PanInfo {
+  /**
+   * Current pointer position relative to page
+   */
+  point: Point;
+  
+  /**
+   * Change in position since last event
+   */
+  delta: Point;
+  
+  /**
+   * Total offset from drag start position
+   */
+  offset: Point;
+  
+  /**
+   * Current velocity of the pointer
+   */
+  velocity: Point;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { motion } from "framer-motion";
+import { useRef, useState } from "react";
+
+// Constrained dragging
+function ConstrainedDragExample() {
+  const constraintsRef = useRef<HTMLDivElement>(null);
+  
+  return (
+    <div
+      ref={constraintsRef}
+      className="w-96 h-96 bg-gray-200 relative border-2 border-gray-400"
+    >
+      <motion.div
+        drag
+        dragConstraints={constraintsRef}
+        dragElastic={0.2}
+        className="w-16 h-16 bg-blue-500 rounded cursor-grab"
+      >
+        Constrained
+      </motion.div>
+    </div>
+  );
+}
+
+// Axis-specific dragging with momentum
+function AxisDragExample() {
+  return (
+    <div className="space-y-8">
+      <motion.div
+        drag="x"
+        dragMomentum={true}
+        dragConstraints={{ left: 0, right: 300 }}
+        className="w-16 h-16 bg-red-500 rounded cursor-grab"
+      >
+        X-axis only
+      </motion.div>
+      
+      <motion.div
+        drag="y"
+        dragMomentum={false}
+        dragConstraints={{ top: 0, bottom: 200 }}
+        className="w-16 h-16 bg-green-500 rounded cursor-grab"
+      >
+        Y-axis only
+      </motion.div>
+    </div>
+  );
+}
+
+// Drag with custom transitions and events
+function AdvancedDragExample() {
+  const [dragInfo, setDragInfo] = useState<PanInfo | null>(null);
+  
+  return (
+    <div>
+      <motion.div
+        drag
+        dragConstraints={{ left: -200, right: 200, top: -200, bottom: 200 }}
+        dragTransition={{
+          bounceStiffness: 300,
+          bounceDamping: 20,
+          power: 0.2,
+          modifyTarget: (target) => Math.round(target / 50) * 50 // Snap to grid
+        }}
+        onDragStart={(event, info) => {
+          console.log("Drag started", info);
+        }}
+        onDrag={(event, info) => {
+          setDragInfo(info);
+        }}
+        onDragEnd={(event, info) => {
+          console.log("Drag ended", info);
+          setDragInfo(null);
+        }}
+        className="w-16 h-16 bg-purple-500 rounded cursor-grab"
+      >
+        Advanced Drag
+      </motion.div>
+      
+      {dragInfo && (
+        <div className="mt-4 text-sm">
+          <p>Position: {Math.round(dragInfo.point.x)}, {Math.round(dragInfo.point.y)}</p>
+          <p>Velocity: {Math.round(dragInfo.velocity.x)}, {Math.round(dragInfo.velocity.y)}</p>
+          <p>Offset: {Math.round(dragInfo.offset.x)}, {Math.round(dragInfo.offset.y)}</p>
+        </div>
+      )}
+    </div>
+  );
+}
+```
+
+### Hover Events
+
+Handle mouse hover interactions with motion components.
+
+```typescript { .api }
+interface HoverEventHandlers {
+  /**
+   * Called when mouse enters element
+   */
+  onHoverStart?: (event: MouseEvent, info: EventInfo) => void;
+  
+  /**
+   * Called when mouse leaves element
+   */
+  onHoverEnd?: (event: MouseEvent, info: EventInfo) => void;
+}
+
+interface EventInfo {
+  /**
+   * Current pointer position
+   */
+  point: Point;
+}
+```
+
+**Usage Example:**
+
+```typescript
+import { motion } from "framer-motion";
+import { useState } from "react";
+
+function HoverExample() {
+  const [hoverInfo, setHoverInfo] = useState<string>("");
+  
+  return (
+    <motion.div
+      whileHover={{ scale: 1.1, rotate: 5 }}
+      onHoverStart={(event, info) => {
+        setHoverInfo(`Hover started at ${info.point.x}, ${info.point.y}`);
+      }}
+      onHoverEnd={(event, info) => {
+        setHoverInfo(`Hover ended at ${info.point.x}, ${info.point.y}`);
+      }}
+      className="w-32 h-32 bg-blue-500 rounded cursor-pointer flex items-center justify-center text-white"
+    >
+      Hover me
+      {hoverInfo && <div className="absolute top-full mt-2 text-sm text-black">{hoverInfo}</div>}
+    </motion.div>
+  );
+}
+```
+
+### Tap Events
+
+Handle tap/click interactions with detailed gesture information.
+
+```typescript { .api }
+interface TapEventHandlers {
+  /**
+   * Called when tap/click occurs
+   */
+  onTap?: (event: MouseEvent | TouchEvent | PointerEvent, info: TapInfo) => void;
+  
+  /**
+   * Called when tap/click starts (pointer down)
+   */
+  onTapStart?: (event: MouseEvent | TouchEvent | PointerEvent, info: TapInfo) => void;
+  
+  /**
+   * Called when tap is cancelled (pointer moved too far)
+   */
+  onTapCancel?: (event: MouseEvent | TouchEvent | PointerEvent, info: TapInfo) => void;
+}
+
+interface TapInfo {
+  /**
+   * Current pointer position
+   */
+  point: Point;
+}
+```
+
+**Usage Example:**
+
+```typescript
+import { motion } from "framer-motion";
+import { useState } from "react";
+
+function TapExample() {
+  const [tapCount, setTapCount] = useState(0);
+  const [lastTapPoint, setLastTapPoint] = useState<Point | null>(null);
+  
+  return (
+    <motion.button
+      whileTap={{ scale: 0.95 }}
+      onTap={(event, info) => {
+        setTapCount(count => count + 1);
+        setLastTapPoint(info.point);
+      }}
+      onTapStart={(event, info) => {
+        console.log("Tap started at", info.point);
+      }}
+      onTapCancel={(event, info) => {
+        console.log("Tap cancelled at", info.point);
+      }}
+      className="px-6 py-3 bg-green-500 text-white rounded hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400"
+    >
+      Tap me (count: {tapCount})
+      {lastTapPoint && (
+        <div className="text-xs mt-1">
+          Last tap: {Math.round(lastTapPoint.x)}, {Math.round(lastTapPoint.y)}
+        </div>
+      )}
+    </motion.button>
+  );
+}
+```
+
+### Focus Events
+
+Handle focus and blur events for accessibility and keyboard navigation.
+
+```typescript { .api }
+interface FocusEventHandlers {
+  /**
+   * Called when element receives focus
+   */
+  onFocus?: (event: FocusEvent) => void;
+  
+  /**
+   * Called when element loses focus
+   */
+  onBlur?: (event: FocusEvent) => void;
+}
+```
+
+**Usage Example:**
+
+```typescript
+import { motion } from "framer-motion";
+import { useState } from "react";
+
+function FocusExample() {
+  const [isFocused, setIsFocused] = useState(false);
+  
+  return (
+    <motion.input
+      type="text"
+      placeholder="Focus me"
+      whileFocus={{ scale: 1.05, borderColor: "#3B82F6" }}
+      onFocus={() => setIsFocused(true)}
+      onBlur={() => setIsFocused(false)}
+      className="px-4 py-2 border-2 border-gray-300 rounded outline-none transition-colors"
+      style={{
+        borderColor: isFocused ? "#3B82F6" : "#D1D5DB"
+      }}
+    />
+  );
+}
+```
+
+### DOM Event Utilities
+
+Utilities for handling DOM events in a cross-platform way.
+
+```typescript { .api }
+/**
+ * Add pointer event listener with proper cross-platform handling
+ * @param element - Element to add listener to
+ * @param event - Event type to listen for
+ * @param handler - Event handler function
+ * @param options - Event listener options
+ * @returns Cleanup function
+ */
+function addPointerEvent(
+  element: Element,
+  event: string,
+  handler: (event: PointerEvent) => void,
+  options?: AddEventListenerOptions
+): () => void;
+
+/**
+ * Add pointer info to event handlers for consistent data structure
+ * @param handler - Original event handler
+ * @returns Enhanced handler with pointer info
+ */
+function addPointerInfo<T extends Event>(
+  handler: (event: T, info: EventInfo) => void
+): (event: T) => void;
+
+/**
+ * React hook for DOM event handling
+ * @param ref - Element reference
+ * @param event - Event type
+ * @param handler - Event handler
+ * @param options - Event options
+ */
+function useDomEvent(
+  ref: React.RefObject<Element>,
+  event: string,
+  handler: (event: Event) => void,
+  options?: AddEventListenerOptions
+): void;
+```
+
+**Usage Example:**
+
+```typescript
+import { useDomEvent } from "framer-motion";
+import { useRef, useEffect } from "react";
+
+function DOMEventExample() {
+  const ref = useRef<HTMLDivElement>(null);
+  
+  // React hook approach
+  useDomEvent(ref, "pointerdown", (event) => {
+    console.log("Pointer down:", event);
+  });
+  
+  // Manual approach
+  useEffect(() => {
+    const element = ref.current;
+    if (!element) return;
+    
+    const cleanup = addPointerEvent(
+      element,
+      "pointermove",
+      (event) => {
+        console.log("Pointer move:", event.clientX, event.clientY);
+      },
+      { passive: true }
+    );
+    
+    return cleanup;
+  }, []);
+  
+  return (
+    <div
+      ref={ref}
+      className="w-64 h-64 bg-gray-200 border-2 border-gray-400 flex items-center justify-center"
+    >
+      Interactive area
+    </div>
+  );
+}
+```
+
+### Gesture Combination Patterns
+
+**Drag with Hover:**
+
+```typescript
+<motion.div
+  drag
+  whileHover={{ scale: 1.05 }}
+  whileDrag={{ scale: 1.1, zIndex: 10 }}
+  onDragStart={() => console.log("Started dragging")}
+  onHoverStart={() => console.log("Started hovering")}
+>
+  Combined gestures
+</motion.div>
+```
+
+**Conditional Gestures:**
+
+```typescript
+const [isDraggable, setIsDraggable] = useState(true);
+
+<motion.div
+  drag={isDraggable}
+  dragConstraints={isDraggable ? { left: 0, right: 300 } : false}
+  whileTap={!isDraggable ? { scale: 0.95 } : undefined}
+  onTap={() => {
+    if (!isDraggable) {
+      console.log("Clicked instead of dragged");
+    }
+  }}
+>
+  Conditional interaction
+</motion.div>
+```
+
+**Multi-Touch Support:**
+
+```typescript
+<motion.div
+  drag
+  onPanStart={(event, info) => {
+    // Handle touch/pan start
+    console.log("Pan started with", info.point);
+  }}
+  onPan={(event, info) => {
+    // Handle continuous touch/pan
+    console.log("Panning:", info.delta);
+  }}
+  onPanEnd={(event, info) => {
+    // Handle touch/pan end
+    console.log("Pan ended with velocity:", info.velocity);
+  }}
+>
+  Multi-touch support
+</motion.div>
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-framer-motion/docs/index.md b/.tessl/tiles/tessl/npm-framer-motion/docs/index.md
new file mode 100644
index 000000000..d2b297630
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-framer-motion/docs/index.md
@@ -0,0 +1,479 @@
+# Framer Motion
+
+Framer Motion is a production-ready motion library for React that provides a comprehensive animation and gesture API. It enables developers to create fluid, performant animations through declarative components and hooks, supporting everything from simple transitions to complex gesture-based interactions like drag, pan, and hover.
+
+## Package Information
+
+- **Package Name**: framer-motion
+- **Package Type**: npm
+- **Language**: TypeScript
+- **Installation**: `npm install framer-motion`
+
+## Core Imports
+
+```typescript
+import { motion, AnimatePresence, useAnimation, Reorder } from "framer-motion";
+```
+
+For specific entry points:
+
+```typescript
+// Full feature set (default)
+import { motion, m, AnimatePresence, useAnimation } from "framer-motion";
+
+// DOM-only utilities without React components
+import { animate, scroll, inView } from "framer-motion/dom";
+
+// Minimal motion components for code splitting
+import { m } from "framer-motion/m";
+
+// Ultra-minimal animation hook
+import { useAnimate } from "framer-motion/mini";
+
+// Client-side motion namespace (all HTML/SVG elements)
+import { motion } from "framer-motion/client";
+
+// Debug utilities and performance stats
+import { recordStats } from "framer-motion/debug";
+
+// Minimal DOM animations (ultra-lightweight)
+import { animate, animateSequence } from "framer-motion/dom/mini";
+```
+
+## Basic Usage
+
+```typescript
+import { motion, AnimatePresence, useAnimation, Reorder } from "framer-motion";
+import { useState } from "react";
+
+function App() {
+  const [isVisible, setIsVisible] = useState(true);
+  const [items, setItems] = useState([1, 2, 3, 4]);
+  const controls = useAnimation();
+  
+  return (
+    <div>
+      {/* Basic motion component with animations */}
+      <motion.div
+        initial={{ opacity: 0, y: 50 }}
+        animate={{ opacity: 1, y: 0 }}
+        transition={{ duration: 0.5 }}
+        whileHover={{ scale: 1.1 }}
+        whileTap={{ scale: 0.95 }}
+        drag
+        dragConstraints={{ left: 0, right: 300, top: 0, bottom: 300 }}
+      >
+        Animated content
+      </motion.div>
+
+      {/* Animate presence for enter/exit animations */}
+      <AnimatePresence>
+        {isVisible && (
+          <motion.div
+            initial={{ opacity: 0 }}
+            animate={{ opacity: 1 }}
+            exit={{ opacity: 0 }}
+          >
+            Content that can be toggled
+          </motion.div>
+        )}
+      </AnimatePresence>
+
+      {/* Reorderable list */}
+      <Reorder.Group axis="y" values={items} onReorder={setItems}>
+        {items.map((item) => (
+          <Reorder.Item key={item} value={item}>
+            <div style={{ padding: 20, background: "#f0f0f0", margin: 5 }}>
+              Item {item}
+            </div>
+          </Reorder.Item>
+        ))}
+      </Reorder.Group>
+
+      {/* Imperative animations */}
+      <motion.div
+        animate={controls}
+        onClick={() => controls.start({ rotate: 180 })}
+      >
+        Click to rotate
+      </motion.div>
+    </div>
+  );
+}
+```
+
+## Architecture
+
+Framer Motion is built around several key systems:
+
+- **Motion Components**: React components (`motion.div`, `m.span`) that wrap DOM elements with animation capabilities
+- **Animation Engine**: Hybrid system combining JavaScript flexibility with native browser APIs for 60-120fps performance
+- **Gesture System**: Built-in support for drag, pan, hover, tap, and focus interactions
+- **Layout Animations**: Automatic animations when component layout changes (FLIP technique)
+- **Presence System**: `AnimatePresence` for animating components entering/leaving the DOM
+- **Motion Values**: Reactive values that drive animations and can be shared between components
+- **Feature Bundles**: Code-splitting system for importing only needed animation features
+
+## Capabilities
+
+### Motion Components
+
+Core React components for declarative animations. Supports all HTML and SVG elements with animation props like `initial`, `animate`, `exit`, and gesture handlers.
+
+```typescript { .api }
+const motion: {
+  [K in keyof HTMLElementTagNameMap]: React.ForwardRefExoticComponent<
+    HTMLMotionProps<K>
+  >;
+} & {
+  [K in keyof SVGElementTagNameMap]: React.ForwardRefExoticComponent<
+    SVGMotionProps<SVGElement>
+  >;
+} & {
+  create<Props>(
+    Component: string | React.ComponentType<Props>
+  ): React.ForwardRefExoticComponent<MotionProps & Props>;
+};
+
+const m: typeof motion; // Minimal version for code splitting
+```
+
+[Motion Components](./motion-components.md)
+
+### Animation Control Hooks
+
+Imperative animation hooks for programmatic control over animations, including scoped animations and animation controls.
+
+```typescript { .api }
+function useAnimate<T extends Element = any>(): [
+  scope: React.RefObject<T>,
+  animate: (
+    target: string | Element,
+    keyframes: Record<string, any>,
+    options?: AnimationOptions
+  ) => Promise<void>
+];
+
+function useAnimationControls(): LegacyAnimationControls;
+
+interface LegacyAnimationControls {
+  start(definition?: AnimationDefinition): Promise<any>;
+  stop(): void;
+  mount(): () => void;
+}
+```
+
+[Animation Controls](./animation-controls.md)
+
+### Motion Values and Transforms
+
+Reactive values system for driving animations and sharing state between components, with transformation utilities.
+
+```typescript { .api }
+function useMotionValue<T>(initialValue: T): MotionValue<T>;
+
+function useTransform<I, O>(
+  parent: MotionValue<I> | MotionValue<I>[],
+  from: I[] | number[],
+  to: O[] | number[],
+  options?: TransformOptions<O>
+): MotionValue<O>;
+
+function useSpring(
+  source: MotionValue<number>,
+  config?: SpringOptions
+): MotionValue<number>;
+```
+
+[Motion Values](./motion-values.md)
+
+### Scroll and View Detection
+
+Scroll tracking hooks and utilities for scroll-driven animations and viewport intersection detection.
+
+```typescript { .api }
+function useScroll(options?: UseScrollOptions): ScrollMotionValues;
+
+function useInView(
+  ref: React.RefObject<Element>,
+  options?: UseInViewOptions
+): boolean;
+
+function scroll(
+  onScroll: (info: ScrollInfo) => void,
+  options?: ScrollOptions
+): () => void;
+
+interface ScrollMotionValues {
+  scrollX: MotionValue<number>;
+  scrollY: MotionValue<number>;
+  scrollXProgress: MotionValue<number>;
+  scrollYProgress: MotionValue<number>;
+}
+```
+
+[Scroll and View](./scroll-view.md)
+
+### Gesture Handling
+
+Drag controls and gesture event handlers for interactive animations.
+
+```typescript { .api }
+function useDragControls(): DragControls;
+
+interface DragControls {
+  start(event: React.PointerEvent | PointerEvent, options?: StartOptions): void;
+  cancel(): void;
+  stop(): void;
+}
+```
+
+[Gestures](./gestures.md)
+
+### Layout and Presence
+
+Components for layout animations and enter/exit animations with shared layout transitions.
+
+```typescript { .api }
+interface AnimatePresenceProps {
+  children?: React.ReactNode;
+  initial?: boolean;
+  custom?: any;
+  onExitComplete?: () => void;
+  mode?: "sync" | "popLayout" | "wait";
+  root?: HTMLElement | ShadowRoot;
+  presenceAffectsLayout?: boolean;
+  propagate?: boolean;
+  anchorX?: "left" | "right";
+}
+
+function AnimatePresence(props: AnimatePresenceProps): JSX.Element;
+
+function LayoutGroup(props: { children: React.ReactNode; id?: string }): JSX.Element;
+```
+
+[Layout and Presence](./layout-presence.md)
+
+### Reordering and Drag Sorting
+
+Namespace providing components for creating draggable lists and reorderable collections with smooth animations.
+
+```typescript { .api }
+namespace Reorder {
+  function Group<V>(props: ReorderGroupProps<V>): JSX.Element;
+  function Item<V>(props: ReorderItemProps<V>): JSX.Element;
+}
+
+interface ReorderGroupProps<V> extends Omit<HTMLMotionProps<any>, "values"> {
+  as?: keyof HTMLElements;
+  axis?: "x" | "y";
+  onReorder: (newOrder: V[]) => void;
+  values: V[];
+  children: React.ReactNode;
+}
+
+interface ReorderItemProps<V> extends Omit<HTMLMotionProps<any>, "value" | "layout"> {
+  as?: keyof HTMLElements;
+  value: V;
+  layout?: true | "position";
+  children: React.ReactNode;
+}
+```
+
+### Configuration and Features
+
+Global configuration and feature bundle system for code splitting and performance optimization.
+
+```typescript { .api }
+interface MotionConfigProps {
+  children?: React.ReactNode;
+  transition?: Transition;
+  transformPagePoint?: (point: Point) => Point;
+  reducedMotion?: "always" | "never" | "user";
+}
+
+function MotionConfig(props: MotionConfigProps): JSX.Element;
+
+function LazyMotion(props: {
+  features: FeatureBundle | (() => Promise<FeatureBundle>);
+  strict?: boolean;
+  children: React.ReactNode;
+}): JSX.Element;
+```
+
+[Configuration](./configuration.md)
+
+### DOM Animation Utilities
+
+Direct DOM animation functions that work without React, for imperative animations and scroll tracking.
+
+```typescript { .api }
+function animate(
+  element: string | Element,
+  keyframes: Record<string, any> | Record<string, any>[],
+  options?: AnimationOptions
+): AnimationPlaybackControls;
+
+function inView(
+  element: string | Element,
+  onStart: (entry: IntersectionObserverEntry) => void | (() => void),
+  options?: InViewOptions
+): () => void;
+```
+
+[DOM Utilities](./dom-utilities.md)
+
+### Utility Hooks
+
+Additional utility hooks for advanced React integration and animation frame management.
+
+```typescript { .api }
+function useCycle<T>(...items: T[]): [T, (next?: number) => void];
+
+function useAnimationFrame(callback: (timestamp: number, delta: number) => void): void;
+
+function useForceUpdate(): [() => void, number];
+```
+
+### Debug and Performance
+
+Debugging utilities and performance monitoring tools.
+
+```typescript { .api }
+function recordStats(): void;
+```
+
+### Ultra-Minimal DOM Animations
+
+Lightweight DOM animation functions for minimal bundle size.
+
+```typescript { .api }
+function animateSequence<V extends Record<string, any>>(
+  sequence: Array<[Element | string, V, AnimationOptions?]>
+): Promise<void>;
+
+// Note: animate is re-exported from framer-motion/dom/mini as animateMini
+```
+
+## Types
+
+### Core Animation Types
+
+```typescript { .api }
+interface MotionProps {
+  initial?: boolean | Variant;
+  animate?: AnimationControls | Variant;
+  exit?: Variant;
+  transition?: Transition;
+  variants?: Variants;
+  whileHover?: Variant;
+  whileTap?: Variant;
+  whileFocus?: Variant;
+  whileDrag?: Variant;
+  whileInView?: Variant;
+  drag?: boolean | "x" | "y";
+  dragConstraints?: Partial<BoundingBox2D> | React.RefObject<Element>;
+  onDragStart?: (event: MouseEvent | TouchEvent | PointerEvent, info: PanInfo) => void;
+  onDrag?: (event: MouseEvent | TouchEvent | PointerEvent, info: PanInfo) => void;
+  onDragEnd?: (event: MouseEvent | TouchEvent | PointerEvent, info: PanInfo) => void;
+  layout?: boolean | "position" | "size";
+  layoutId?: string;
+  onAnimationStart?: (definition: AnimationDefinition) => void;
+  onAnimationComplete?: (definition: AnimationDefinition) => void;
+}
+
+type Variant = string | {
+  [key: string]: any;
+};
+
+interface Variants {
+  [key: string]: Variant;
+}
+
+interface Transition {
+  duration?: number;
+  delay?: number;
+  ease?: Easing | Easing[];
+  type?: "tween" | "spring" | "keyframes" | "inertia";
+  bounce?: number;
+  damping?: number;
+  mass?: number;
+  stiffness?: number;
+  velocity?: number;
+  restSpeed?: number;
+  restDelta?: number;
+}
+```
+
+### Motion Value Types
+
+```typescript { .api }
+interface MotionValue<T = any> {
+  get(): T;
+  set(v: T, render?: boolean): void;
+  getPrevious(): T;
+  getVelocity(): number;
+  isAnimating(): boolean;
+  on(eventName: string, callback: (latest: T) => void): () => void;
+  onChange(callback: (latest: T) => void): () => void;
+  onRenderRequest(callback: () => void): () => void;
+  destroy(): void;
+}
+
+interface SpringOptions {
+  stiffness?: number;
+  damping?: number;
+  mass?: number;
+  velocity?: number;
+  restSpeed?: number;
+  restDelta?: number;
+}
+```
+
+### HTML Element Types
+
+```typescript { .api }
+interface HTMLElements {
+  // Extends HTMLElementTagNameMap with all standard HTML elements  
+  [K in keyof HTMLElementTagNameMap]: HTMLElementTagNameMap[K];
+}
+```
+
+### Component Types
+
+```typescript { .api }
+type HTMLMotionProps<T extends keyof HTMLElementTagNameMap> = Omit<
+  React.HTMLProps<HTMLElementTagNameMap[T]>,
+  "ref" | "style"
+> &
+  MotionProps & {
+    style?: MotionStyle;
+  };
+
+type SVGMotionProps<T> = Omit<React.SVGProps<T>, "ref" | "style"> &
+  MotionProps & {
+    style?: MotionStyle;
+  };
+
+interface MotionStyle extends Omit<React.CSSProperties, "rotate" | "scale" | "perspective"> {
+  x?: string | number | MotionValue<number | string>;
+  y?: string | number | MotionValue<number | string>;
+  z?: string | number | MotionValue<number | string>;
+  rotate?: string | number | MotionValue<number | string>;
+  rotateX?: string | number | MotionValue<number | string>;
+  rotateY?: string | number | MotionValue<number | string>;
+  rotateZ?: string | number | MotionValue<number | string>;
+  scale?: string | number | MotionValue<number | string>;
+  scaleX?: string | number | MotionValue<number | string>;
+  scaleY?: string | number | MotionValue<number | string>;
+  scaleZ?: string | number | MotionValue<number | string>;
+  skew?: string | number | MotionValue<number | string>;
+  skewX?: string | number | MotionValue<number | string>;
+  skewY?: string | number | MotionValue<number | string>;
+  originX?: string | number | MotionValue<number | string>;
+  originY?: string | number | MotionValue<number | string>;
+  originZ?: string | number | MotionValue<number | string>;
+  perspective?: string | number | MotionValue<number | string>;
+  transformPerspective?: string | number | MotionValue<number | string>;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-framer-motion/docs/layout-presence.md b/.tessl/tiles/tessl/npm-framer-motion/docs/layout-presence.md
new file mode 100644
index 000000000..fd05492f1
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-framer-motion/docs/layout-presence.md
@@ -0,0 +1,692 @@
+# Layout and Presence
+
+Components and hooks for layout animations and enter/exit animations with shared layout transitions.
+
+## Capabilities
+
+### AnimatePresence Component
+
+Enables exit animations for components leaving the DOM and manages component presence lifecycle.
+
+```typescript { .api }
+/**
+ * Wrapper component that enables exit animations for its children
+ * @param props - AnimatePresence configuration
+ * @returns JSX element managing presence animations
+ */
+function AnimatePresence(props: AnimatePresenceProps): JSX.Element;
+
+interface AnimatePresenceProps {
+  /**
+   * Child components to manage presence for
+   */
+  children?: React.ReactNode;
+  
+  /**
+   * Whether to animate on initial mount (default: true)
+   */
+  initial?: boolean;
+  
+  /**
+   * Custom data passed to all child animations
+   */
+  custom?: any;
+  
+  /**
+   * Called when all exit animations complete
+   */
+  onExitComplete?: () => void;
+  
+  /**
+   * Animation mode for multiple children
+   * - "sync": All children animate simultaneously (default)
+   * - "wait": Wait for exit to complete before animating new children
+   * - "popLayout": Exiting children are removed from layout flow immediately
+   */
+  mode?: "sync" | "wait" | "popLayout";
+  
+  /**
+   * Root element for presence calculations (default: nearest positioned ancestor)
+   */
+  root?: React.RefObject<Element>;
+  
+  /**
+   * Whether presence affects layout calculations (default: true)
+   */
+  presenceAffectsLayout?: boolean;
+  
+  /**
+   * Propagate presence context to nested AnimatePresence components
+   */
+  propagate?: boolean;
+  
+  /**
+   * Exit animation anchor point
+   */
+  anchorX?: number;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { AnimatePresence, motion } from "framer-motion";
+import { useState } from "react";
+
+// Basic presence animation
+function BasicPresenceExample() {
+  const [isVisible, setIsVisible] = useState(true);
+  
+  return (
+    <div>
+      <button onClick={() => setIsVisible(!isVisible)}>
+        Toggle
+      </button>
+      
+      <AnimatePresence>
+        {isVisible && (
+          <motion.div
+            initial={{ opacity: 0, scale: 0.8 }}
+            animate={{ opacity: 1, scale: 1 }}
+            exit={{ opacity: 0, scale: 0.8 }}
+            transition={{ duration: 0.3 }}
+            className="w-32 h-32 bg-blue-500 rounded mt-4"
+          >
+            Animated content
+          </motion.div>
+        )}
+      </AnimatePresence>
+    </div>
+  );
+}
+
+// Wait mode for sequential animations
+function WaitModeExample() {
+  const [currentItem, setCurrentItem] = useState(0);
+  const items = ["First", "Second", "Third"];
+  
+  return (
+    <div>
+      <button 
+        onClick={() => setCurrentItem((prev) => (prev + 1) % items.length)}
+      >
+        Next Item
+      </button>
+      
+      <AnimatePresence mode="wait" onExitComplete={() => console.log("Exit complete")}>
+        <motion.div
+          key={currentItem}
+          initial={{ x: 300, opacity: 0 }}
+          animate={{ x: 0, opacity: 1 }}
+          exit={{ x: -300, opacity: 0 }}
+          transition={{ duration: 0.5 }}
+          className="w-64 h-32 bg-green-500 rounded mt-4 flex items-center justify-center text-white"
+        >
+          {items[currentItem]}
+        </motion.div>
+      </AnimatePresence>
+    </div>
+  );
+}
+
+// List with exit animations
+function ListPresenceExample() {
+  const [items, setItems] = useState([1, 2, 3, 4, 5]);
+  
+  const removeItem = (id: number) => {
+    setItems(items.filter(item => item !== id));
+  };
+  
+  const addItem = () => {
+    setItems([...items, Math.max(...items, 0) + 1]);
+  };
+  
+  return (
+    <div>
+      <button onClick={addItem} className="mb-4 px-4 py-2 bg-blue-500 text-white rounded">
+        Add Item
+      </button>
+      
+      <AnimatePresence>
+        {items.map(item => (
+          <motion.div
+            key={item}
+            initial={{ opacity: 0, height: 0 }}
+            animate={{ opacity: 1, height: "auto" }}
+            exit={{ opacity: 0, height: 0 }}
+            transition={{ duration: 0.3 }}
+            className="bg-gray-200 p-4 mb-2 rounded overflow-hidden"
+          >
+            <div className="flex justify-between items-center">
+              <span>Item {item}</span>
+              <button 
+                onClick={() => removeItem(item)}
+                className="px-2 py-1 bg-red-500 text-white rounded text-sm"
+              >
+                Remove
+              </button>
+            </div>
+          </motion.div>
+        ))}
+      </AnimatePresence>
+    </div>
+  );
+}
+```
+
+### LayoutGroup Component
+
+Enables shared layout animations between components and coordinates layout transitions.
+
+```typescript { .api }
+/**
+ * Provides shared layout animation context for its children
+ * @param props - LayoutGroup configuration
+ * @returns JSX element providing layout group context
+ */
+function LayoutGroup(props: LayoutGroupProps): JSX.Element;
+
+interface LayoutGroupProps {
+  /**
+   * Child components to share layout animations
+   */
+  children: React.ReactNode;
+  
+  /**
+   * Unique identifier for this layout group
+   */
+  id?: string;
+  
+  /**
+   * Inherit layout group from parent (default: true)
+   */
+  inherit?: boolean;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { LayoutGroup, motion } from "framer-motion";
+import { useState } from "react";
+
+// Shared layout animations
+function SharedLayoutExample() {
+  const [selected, setSelected] = useState(0);
+  const items = ["Tab 1", "Tab 2", "Tab 3"];
+  
+  return (
+    <LayoutGroup>
+      <div className="flex space-x-2 mb-4">
+        {items.map((item, index) => (
+          <motion.button
+            key={index}
+            onClick={() => setSelected(index)}
+            className={`px-4 py-2 rounded relative ${
+              selected === index ? "text-white" : "text-gray-600"
+            }`}
+            style={{
+              WebkitTapHighlightColor: "transparent"
+            }}
+          >
+            {selected === index && (
+              <motion.div
+                layoutId="activeTab"
+                className="absolute inset-0 bg-blue-500 rounded"
+                transition={{ type: "spring", bounce: 0.2, duration: 0.6 }}
+              />
+            )}
+            <span className="relative z-10">{item}</span>
+          </motion.button>
+        ))}
+      </div>
+      
+      <motion.div
+        key={selected}
+        initial={{ opacity: 0, y: 20 }}
+        animate={{ opacity: 1, y: 0 }}
+        className="p-4 bg-gray-100 rounded"
+      >
+        Content for {items[selected]}
+      </motion.div>
+    </LayoutGroup>
+  );
+}
+
+// Card expansion example
+function CardExpansionExample() {
+  const [selectedId, setSelectedId] = useState<string | null>(null);
+  const items = [
+    { id: "1", title: "Card 1", subtitle: "First card" },
+    { id: "2", title: "Card 2", subtitle: "Second card" },
+    { id: "3", title: "Card 3", subtitle: "Third card" }
+  ];
+  
+  return (
+    <LayoutGroup>
+      <div className="grid grid-cols-3 gap-4">
+        {items.map(item => (
+          <motion.div
+            key={item.id}
+            layoutId={item.id}
+            onClick={() => setSelectedId(item.id)}
+            className="bg-white rounded-lg shadow-md p-4 cursor-pointer"
+            whileHover={{ scale: 1.05 }}
+          >
+            <motion.h3 layoutId={`title-${item.id}`} className="font-bold">
+              {item.title}
+            </motion.h3>
+            <motion.p layoutId={`subtitle-${item.id}`} className="text-gray-600">
+              {item.subtitle}
+            </motion.p>
+          </motion.div>
+        ))}
+      </div>
+      
+      {selectedId && (
+        <motion.div
+          className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50"
+          initial={{ opacity: 0 }}
+          animate={{ opacity: 1 }}
+          onClick={() => setSelectedId(null)}
+        >
+          <motion.div
+            layoutId={selectedId}
+            className="bg-white rounded-lg shadow-lg p-8 max-w-md w-full mx-4"
+            onClick={(e) => e.stopPropagation()}
+          >
+            {items.find(item => item.id === selectedId) && (
+              <>
+                <motion.h3 
+                  layoutId={`title-${selectedId}`} 
+                  className="font-bold text-2xl mb-4"
+                >
+                  {items.find(item => item.id === selectedId)?.title}
+                </motion.h3>
+                <motion.p 
+                  layoutId={`subtitle-${selectedId}`} 
+                  className="text-gray-600 mb-4"
+                >
+                  {items.find(item => item.id === selectedId)?.subtitle}
+                </motion.p>
+                <p>Expanded content goes here...</p>
+                <button 
+                  onClick={() => setSelectedId(null)}
+                  className="mt-4 px-4 py-2 bg-blue-500 text-white rounded"
+                >
+                  Close
+                </button>
+              </>
+            )}
+          </motion.div>
+        </motion.div>
+      )}
+    </LayoutGroup>
+  );
+}
+```
+
+### Presence Hooks
+
+Hooks for accessing presence state and managing component lifecycle within AnimatePresence.
+
+```typescript { .api }
+/**
+ * Access presence state within AnimatePresence
+ * @returns Tuple of [isPresent, safeToRemove]
+ */
+function usePresence(): [boolean, () => void];
+
+/**
+ * Check if component is currently present
+ * @returns Boolean indicating presence state
+ */
+function useIsPresent(): boolean;
+
+/**
+ * Access presence context data
+ * @returns Presence context information
+ */
+function usePresenceData(): PresenceContextData | null;
+
+interface PresenceContextData {
+  /**
+   * Whether component is present
+   */
+  isPresent: boolean;
+  
+  /**
+   * Function to call when safe to remove component
+   */
+  onExitComplete?: () => void;
+  
+  /**
+   * Custom data passed from AnimatePresence
+   */
+  custom?: any;
+  
+  /**
+   * Whether initial animation should be performed
+   */
+  initial?: boolean;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { usePresence, useIsPresent, motion } from "framer-motion";
+import { useEffect } from "react";
+
+// Custom exit animation component
+function CustomExitComponent({ children }: { children: React.ReactNode }) {
+  const [isPresent, safeToRemove] = usePresence();
+  
+  useEffect(() => {
+    if (!isPresent) {
+      // Perform custom exit logic
+      console.log("Component is exiting");
+      
+      // Call safeToRemove when ready to be removed from DOM
+      const timer = setTimeout(() => {
+        safeToRemove();
+      }, 1000);
+      
+      return () => clearTimeout(timer);
+    }
+  }, [isPresent, safeToRemove]);
+  
+  return (
+    <motion.div
+      animate={isPresent ? "enter" : "exit"}
+      variants={{
+        enter: { opacity: 1, scale: 1 },
+        exit: { opacity: 0, scale: 0.8 }
+      }}
+      transition={{ duration: 0.5 }}
+    >
+      {children}
+    </motion.div>
+  );
+}
+
+// Conditional rendering based on presence
+function ConditionalComponent() {
+  const isPresent = useIsPresent();
+  
+  return (
+    <motion.div
+      animate={{ 
+        backgroundColor: isPresent ? "#3B82F6" : "#EF4444",
+        scale: isPresent ? 1 : 0.9
+      }}
+      className="p-4 rounded text-white"
+    >
+      {isPresent ? "I'm here!" : "I'm leaving..."}
+    </motion.div>
+  );
+}
+```
+
+### Layout Animation Props
+
+Props for automatic layout animations on size and position changes.
+
+```typescript { .api }
+interface LayoutAnimationProps {
+  /**
+   * Enable automatic layout animations
+   * - true: Animate both position and size changes
+   * - "position": Animate only position changes
+   * - "size": Animate only size changes
+   */
+  layout?: boolean | "position" | "size";
+  
+  /**
+   * Unique identifier for shared layout animations
+   */
+  layoutId?: string;
+  
+  /**
+   * Mark element as layout root for optimization
+   */
+  layoutRoot?: boolean;
+  
+  /**
+   * Enable layout animations during scroll
+   */
+  layoutScroll?: boolean;
+  
+  /**
+   * Dependencies that trigger layout recalculation
+   */
+  layoutDependency?: any;
+  
+  /**
+   * Called when layout animation starts
+   */
+  onLayoutAnimationStart?: () => void;
+  
+  /**
+   * Called when layout animation completes
+   */
+  onLayoutAnimationComplete?: () => void;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { motion } from "framer-motion";
+import { useState } from "react";
+
+// Automatic layout animations
+function LayoutAnimationExample() {
+  const [isExpanded, setIsExpanded] = useState(false);
+  
+  return (
+    <motion.div
+      layout
+      onClick={() => setIsExpanded(!isExpanded)}
+      className={`bg-blue-500 text-white p-4 rounded cursor-pointer ${
+        isExpanded ? "w-96 h-48" : "w-32 h-16"
+      }`}
+      transition={{ type: "spring", damping: 20, stiffness: 300 }}
+      onLayoutAnimationStart={() => console.log("Layout animation started")}
+      onLayoutAnimationComplete={() => console.log("Layout animation completed")}
+    >
+      <h3>Click to expand</h3>
+      {isExpanded && (
+        <motion.p
+          initial={{ opacity: 0 }}
+          animate={{ opacity: 1 }}
+          className="mt-2"
+        >
+          This content appears when expanded!
+        </motion.p>
+      )}
+    </motion.div>
+  );
+}
+
+// Shared layout ID animations
+function SharedLayoutIdExample() {
+  const [selectedItem, setSelectedItem] = useState<string | null>(null);
+  const items = ["item1", "item2", "item3"];
+  
+  return (
+    <div>
+      <div className="grid grid-cols-3 gap-4 mb-4">
+        {items.map(item => (
+          <motion.div
+            key={item}
+            layoutId={item}
+            onClick={() => setSelectedItem(item)}
+            className="bg-green-500 text-white p-4 rounded cursor-pointer"
+            whileHover={{ scale: 1.05 }}
+          >
+            {item}
+          </motion.div>
+        ))}
+      </div>
+      
+      {selectedItem && (
+        <motion.div
+          layoutId={selectedItem}
+          className="bg-green-500 text-white p-8 rounded text-center"
+          onClick={() => setSelectedItem(null)}
+        >
+          Selected: {selectedItem}
+          <p className="mt-2 text-sm">Click to deselect</p>
+        </motion.div>
+      )}
+    </div>
+  );
+}
+```
+
+### Layout Utilities
+
+Utility hooks and functions for advanced layout animation control.
+
+```typescript { .api }
+/**
+ * Perform instant layout transitions without animation
+ * @param callback - Function to execute during instant transition
+ */
+function useInstantLayoutTransition(): (callback: () => void) => void;
+
+/**
+ * Reset projection calculations for layout animations
+ */
+function useResetProjection(): () => void;
+
+/**
+ * Enable instant transitions temporarily
+ * @returns Function to trigger instant transition
+ */
+function useInstantTransition(): (callback: () => void) => void;
+
+/**
+ * Disable instant transitions for a callback
+ * @param callback - Function to execute with instant transitions disabled
+ */
+function disableInstantTransitions(callback: () => void): void;
+```
+
+**Usage Examples:**
+
+```typescript
+import { 
+  motion, 
+  useInstantLayoutTransition, 
+  useResetProjection 
+} from "framer-motion";
+import { useState } from "react";
+
+function LayoutUtilitiesExample() {
+  const [items, setItems] = useState([1, 2, 3, 4, 5]);
+  const instantTransition = useInstantLayoutTransition();
+  const resetProjection = useResetProjection();
+  
+  const shuffleItems = () => {
+    // Shuffle without animation
+    instantTransition(() => {
+      setItems([...items].sort(() => Math.random() - 0.5));
+    });
+  };
+  
+  const resetLayout = () => {
+    // Reset layout calculations
+    resetProjection();
+  };
+  
+  return (
+    <div>
+      <div className="mb-4 space-x-2">
+        <button 
+          onClick={shuffleItems}
+          className="px-4 py-2 bg-blue-500 text-white rounded"
+        >
+          Instant Shuffle
+        </button>
+        <button 
+          onClick={resetLayout}
+          className="px-4 py-2 bg-green-500 text-white rounded"
+        >
+          Reset Layout
+        </button>
+      </div>
+      
+      <div className="grid grid-cols-5 gap-2">
+        {items.map(item => (
+          <motion.div
+            key={item}
+            layout
+            className="bg-purple-500 text-white p-4 rounded text-center"
+            transition={{ type: "spring", damping: 25, stiffness: 300 }}
+          >
+            {item}
+          </motion.div>
+        ))}
+      </div>
+    </div>
+  );
+}
+```
+
+### Advanced Presence Patterns
+
+**Staggered Exit Animations:**
+
+```typescript
+<AnimatePresence>
+  {items.map((item, index) => (
+    <motion.div
+      key={item.id}
+      exit={{ 
+        opacity: 0, 
+        x: -100,
+        transition: { delay: index * 0.1 }
+      }}
+    >
+      {item.content}
+    </motion.div>
+  ))}
+</AnimatePresence>
+```
+
+**Nested Presence:**
+
+```typescript
+<AnimatePresence>
+  {isVisible && (
+    <motion.div exit={{ opacity: 0 }}>
+      <AnimatePresence mode="wait">
+        <motion.div key={currentTab} exit={{ x: -100 }}>
+          Tab content
+        </motion.div>
+      </AnimatePresence>
+    </motion.div>
+  )}
+</AnimatePresence>
+```
+
+**Custom Exit Timing:**
+
+```typescript
+function CustomExitTiming() {
+  const [isPresent, safeToRemove] = usePresence();
+  
+  useEffect(() => {
+    if (!isPresent) {
+      // Custom async exit logic
+      performAsyncCleanup().then(() => {
+        safeToRemove();
+      });
+    }
+  }, [isPresent, safeToRemove]);
+  
+  // Component implementation...
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-framer-motion/docs/motion-components.md b/.tessl/tiles/tessl/npm-framer-motion/docs/motion-components.md
new file mode 100644
index 000000000..65bde0b4e
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-framer-motion/docs/motion-components.md
@@ -0,0 +1,428 @@
+# Motion Components
+
+Core React components that wrap DOM elements with animation capabilities. Motion components support declarative animations through props and can be used with all HTML and SVG elements.
+
+## Capabilities
+
+### Motion Namespace
+
+The `motion` object provides enhanced versions of all HTML and SVG elements with animation capabilities.
+
+```typescript { .api }
+/**
+ * Enhanced React components with animation capabilities for all HTML elements
+ */
+const motion: {
+  [K in keyof HTMLElementTagNameMap]: React.ForwardRefExoticComponent<
+    HTMLMotionProps<K>
+  >;
+} & {
+  [K in keyof SVGElementTagNameMap]: React.ForwardRefExoticComponent<
+    SVGMotionProps<SVGElement>
+  >;
+} & {
+  /**
+   * Create a custom motion component from any React component
+   * @param Component - Component to enhance with motion capabilities
+   * @returns Enhanced component with MotionProps
+   */
+  create<Props>(
+    Component: string | React.ComponentType<Props>
+  ): React.ForwardRefExoticComponent<MotionProps & Props>;
+};
+```
+
+**Available Elements:**
+- **HTML**: `motion.div`, `motion.span`, `motion.button`, `motion.input`, `motion.img`, etc. (all HTML elements)
+- **SVG**: `motion.svg`, `motion.circle`, `motion.path`, `motion.rect`, `motion.g`, etc. (all SVG elements)
+
+**Usage Examples:**
+
+```typescript
+import { motion } from "framer-motion";
+
+// Basic HTML element with animation
+<motion.div
+  initial={{ opacity: 0, scale: 0.8 }}
+  animate={{ opacity: 1, scale: 1 }}
+  transition={{ duration: 0.5 }}
+>
+  Animated content
+</motion.div>
+
+// SVG element with animation
+<motion.svg width="100" height="100">
+  <motion.circle
+    cx="50"
+    cy="50"
+    r="20"
+    fill="blue"
+    animate={{ r: [20, 30, 20] }}
+    transition={{ duration: 2, repeat: Infinity }}
+  />
+</motion.svg>
+
+// Custom component with motion
+const MotionCard = motion.create(Card);
+<MotionCard
+  whileHover={{ y: -10 }}
+  transition={{ type: "spring" }}
+/>
+```
+
+### M Namespace (Code Splitting)
+
+The `m` object provides the same components as `motion` but designed for use with `LazyMotion` for code splitting.
+
+```typescript { .api }
+/**
+ * Minimal motion components for use with LazyMotion feature bundles
+ */
+const m: typeof motion;
+```
+
+**Usage with LazyMotion:**
+
+```typescript
+import { LazyMotion, domAnimation, m } from "framer-motion";
+
+function App() {
+  return (
+    <LazyMotion features={domAnimation}>
+      <m.div
+        animate={{ x: 100 }}
+        transition={{ type: "spring" }}
+      >
+        Animated with lazy-loaded features
+      </m.div>
+    </LazyMotion>
+  );
+}
+```
+
+### Core Animation Props
+
+All motion components support these core animation properties:
+
+```typescript { .api }
+interface MotionProps {
+  /**
+   * Initial animation state when component mounts
+   */
+  initial?: boolean | Variant;
+  
+  /**
+   * Animation to perform when component is in view
+   */
+  animate?: AnimationControls | Variant;
+  
+  /**
+   * Animation to perform when component unmounts (requires AnimatePresence)
+   */
+  exit?: Variant;
+  
+  /**
+   * Transition configuration for animations
+   */
+  transition?: Transition;
+  
+  /**
+   * Named animation variants for reuse
+   */
+  variants?: Variants;
+  
+  /**
+   * Animation while element is hovered
+   */
+  whileHover?: Variant;
+  
+  /**
+   * Animation while element is pressed/tapped
+   */
+  whileTap?: Variant;
+  
+  /**
+   * Animation while element is focused
+   */
+  whileFocus?: Variant;
+  
+  /**
+   * Animation while element is being dragged
+   */
+  whileDrag?: Variant;
+  
+  /**
+   * Animation while element is in view
+   */
+  whileInView?: Variant;
+}
+```
+
+### Gesture Props
+
+Motion components include built-in gesture handling:
+
+```typescript { .api }
+interface GestureProps {
+  /**
+   * Enable dragging. Can be boolean or axis-specific
+   */
+  drag?: boolean | "x" | "y";
+  
+  /**
+   * Define drag boundaries
+   */
+  dragConstraints?: Partial<BoundingBox2D> | React.RefObject<Element>;
+  
+  /**
+   * Enable drag momentum and inertia
+   */
+  dragMomentum?: boolean;
+  
+  /**
+   * Drag event handlers
+   */
+  onDragStart?: (event: MouseEvent | TouchEvent | PointerEvent, info: PanInfo) => void;
+  onDrag?: (event: MouseEvent | TouchEvent | PointerEvent, info: PanInfo) => void;
+  onDragEnd?: (event: MouseEvent | TouchEvent | PointerEvent, info: PanInfo) => void;
+  
+  /**
+   * Hover event handlers
+   */
+  onHoverStart?: (event: MouseEvent, info: EventInfo) => void;
+  onHoverEnd?: (event: MouseEvent, info: EventInfo) => void;
+  
+  /**
+   * Tap event handlers
+   */
+  onTap?: (event: MouseEvent | TouchEvent | PointerEvent, info: TapInfo) => void;
+  onTapStart?: (event: MouseEvent | TouchEvent | PointerEvent, info: TapInfo) => void;
+  onTapCancel?: (event: MouseEvent | TouchEvent | PointerEvent, info: TapInfo) => void;
+}
+
+interface PanInfo {
+  point: Point;
+  delta: Point;
+  offset: Point;
+  velocity: Point;
+}
+
+interface Point {
+  x: number;
+  y: number;
+}
+
+interface BoundingBox2D {
+  top: number;
+  right: number;
+  bottom: number;
+  left: number;
+}
+```
+
+### Layout Animation Props
+
+Props for automatic layout animations:
+
+```typescript { .api }
+interface LayoutProps {
+  /**
+   * Enable automatic layout animations on size/position changes
+   */
+  layout?: boolean | "position" | "size";
+  
+  /**
+   * Unique ID for shared layout animations
+   */
+  layoutId?: string;
+  
+  /**
+   * Root element for layout calculations
+   */
+  layoutRoot?: boolean;
+  
+  /**
+   * Enable layout animations during scroll
+   */
+  layoutScroll?: boolean;
+  
+  /**
+   * Dependency array for when to trigger layout animations
+   */
+  layoutDependency?: any;
+}
+```
+
+### Animation Event Handlers
+
+Event callbacks for animation lifecycle:
+
+```typescript { .api }
+interface AnimationEventHandlers {
+  /**
+   * Called when any animation starts
+   */
+  onAnimationStart?: (definition: AnimationDefinition) => void;
+  
+  /**
+   * Called when any animation completes
+   */
+  onAnimationComplete?: (definition: AnimationDefinition) => void;
+  
+  /**
+   * Called on every animation frame update
+   */
+  onUpdate?: (latest: ResolvedValues) => void;
+  
+  /**
+   * Called when layout animation starts
+   */
+  onLayoutAnimationStart?: () => void;
+  
+  /**
+   * Called when layout animation completes
+   */
+  onLayoutAnimationComplete?: () => void;
+}
+
+type AnimationDefinition = string | {
+  [key: string]: any;
+};
+
+interface ResolvedValues {
+  [key: string]: string | number;
+}
+```
+
+### Component-Specific Types
+
+Type definitions for HTML and SVG motion components:
+
+```typescript { .api }
+/**
+ * Props for HTML motion components
+ */
+type HTMLMotionProps<T extends keyof HTMLElementTagNameMap> = Omit<
+  React.HTMLProps<HTMLElementTagNameMap[T]>,
+  "ref" | "style"
+> &
+  MotionProps &
+  GestureProps &
+  LayoutProps &
+  AnimationEventHandlers & {
+    /**
+     * Enhanced style prop supporting motion values
+     */
+    style?: MotionStyle;
+  };
+
+/**
+ * Props for SVG motion components
+ */
+type SVGMotionProps<T> = Omit<React.SVGProps<T>, "ref" | "style"> &
+  MotionProps &
+  GestureProps &
+  LayoutProps &
+  AnimationEventHandlers & {
+    /**
+     * Enhanced style prop supporting motion values
+     */
+    style?: MotionStyle;
+  };
+
+/**
+ * Enhanced CSS properties supporting motion values and transforms
+ */
+interface MotionStyle extends Omit<React.CSSProperties, "rotate" | "scale" | "perspective"> {
+  x?: string | number | MotionValue<number | string>;
+  y?: string | number | MotionValue<number | string>;
+  z?: string | number | MotionValue<number | string>;
+  rotate?: string | number | MotionValue<number | string>;
+  rotateX?: string | number | MotionValue<number | string>;
+  rotateY?: string | number | MotionValue<number | string>;
+  rotateZ?: string | number | MotionValue<number | string>;
+  scale?: string | number | MotionValue<number | string>;
+  scaleX?: string | number | MotionValue<number | string>;
+  scaleY?: string | number | MotionValue<number | string>;
+  scaleZ?: string | number | MotionValue<number | string>;
+  skew?: string | number | MotionValue<number | string>;
+  skewX?: string | number | MotionValue<number | string>;
+  skewY?: string | number | MotionValue<number | string>;
+  originX?: string | number | MotionValue<number | string>;
+  originY?: string | number | MotionValue<number | string>;
+  originZ?: string | number | MotionValue<number | string>;
+  perspective?: string | number | MotionValue<number | string>;
+  transformPerspective?: string | number | MotionValue<number | string>;
+}
+```
+
+### Usage Patterns
+
+**Basic Animations:**
+
+```typescript
+<motion.div
+  initial={{ opacity: 0, y: 50 }}
+  animate={{ opacity: 1, y: 0 }}
+  exit={{ opacity: 0, y: -50 }}
+  transition={{ 
+    duration: 0.5,
+    ease: "easeOut"
+  }}
+>
+  Basic animation
+</motion.div>
+```
+
+**Gesture Interactions:**
+
+```typescript
+<motion.button
+  whileHover={{ scale: 1.1 }}
+  whileTap={{ scale: 0.95 }}
+  whileFocus={{ boxShadow: "0 0 0 3px rgba(59, 130, 246, 0.5)" }}
+  drag
+  dragConstraints={{ left: 0, right: 300, top: 0, bottom: 300 }}
+  onDragEnd={(event, info) => {
+    console.log("Drag ended at:", info.point);
+  }}
+>
+  Interactive button
+</motion.button>
+```
+
+**Layout Animations:**
+
+```typescript
+<motion.div
+  layout
+  layoutId="shared-element"
+  transition={{ type: "spring", stiffness: 300, damping: 30 }}
+>
+  Automatically animates layout changes
+</motion.div>
+```
+
+**Variants System:**
+
+```typescript
+const variants = {
+  hidden: { opacity: 0, scale: 0.8 },
+  visible: { 
+    opacity: 1, 
+    scale: 1,
+    transition: { 
+      duration: 0.5,
+      ease: "easeOut"
+    }
+  }
+};
+
+<motion.div
+  variants={variants}
+  initial="hidden"
+  animate="visible"
+>
+  Using variants
+</motion.div>
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-framer-motion/docs/motion-values.md b/.tessl/tiles/tessl/npm-framer-motion/docs/motion-values.md
new file mode 100644
index 000000000..14f2d1098
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-framer-motion/docs/motion-values.md
@@ -0,0 +1,526 @@
+# Motion Values
+
+Reactive values system for driving animations and sharing state between components, with transformation and utility functions.
+
+## Capabilities
+
+### Core Motion Value Hook
+
+Creates reactive values that can drive animations and be shared between components.
+
+```typescript { .api }
+/**
+ * Creates a motion value that can be animated and shared between components
+ * @param initialValue - Initial value for the motion value
+ * @returns MotionValue instance
+ */
+function useMotionValue<T>(initialValue: T): MotionValue<T>;
+
+interface MotionValue<T = any> {
+  /**
+   * Get the current value
+   */
+  get(): T;
+  
+  /**
+   * Set a new value
+   * @param v - New value to set
+   * @param render - Whether to trigger a re-render (default: true)
+   */
+  set(v: T, render?: boolean): void;
+  
+  /**
+   * Get the previous value
+   */
+  getPrevious(): T;
+  
+  /**
+   * Get the current velocity of the value
+   */
+  getVelocity(): number;
+  
+  /**
+   * Check if the value is currently animating
+   */
+  isAnimating(): boolean;
+  
+  /**
+   * Subscribe to value changes
+   * @param eventName - Event to listen for ("change", "renderRequest", etc.)
+   * @param callback - Callback function
+   * @returns Unsubscribe function
+   */
+  on(eventName: string, callback: (latest: T) => void): () => void;
+  
+  /**
+   * Subscribe to value changes (alias for on("change"))
+   * @param callback - Callback function
+   * @returns Unsubscribe function
+   */
+  onChange(callback: (latest: T) => void): () => void;
+  
+  /**
+   * Subscribe to render requests
+   * @param callback - Callback function
+   * @returns Unsubscribe function
+   */
+  onRenderRequest(callback: () => void): () => void;
+  
+  /**
+   * Clean up the motion value
+   */
+  destroy(): void;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { motion, useMotionValue } from "framer-motion";
+
+function MotionValueExample() {
+  const x = useMotionValue(0);
+  const opacity = useMotionValue(1);
+  
+  // Update values programmatically
+  const handleClick = () => {
+    x.set(100);
+    opacity.set(0.5);
+  };
+  
+  // Listen to value changes
+  React.useEffect(() => {
+    const unsubscribe = x.onChange((latest) => {
+      console.log("X position:", latest);
+    });
+    return unsubscribe;
+  }, [x]);
+  
+  return (
+    <div>
+      <motion.div
+        style={{ x, opacity }}
+        drag="x"
+        dragConstraints={{ left: 0, right: 300 }}
+      >
+        Draggable element (x: {x.get()})
+      </motion.div>
+      <button onClick={handleClick}>Update Values</button>
+    </div>
+  );
+}
+```
+
+### Transform Hook
+
+Transforms one or more motion values into a new motion value using mapping functions.
+
+```typescript { .api }
+/**
+ * Transform a motion value or array of motion values into a new motion value
+ * @param parent - Source motion value(s)
+ * @param from - Input range for transformation
+ * @param to - Output range for transformation
+ * @param options - Transform options
+ * @returns Transformed motion value
+ */
+function useTransform<I, O>(
+  parent: MotionValue<I> | MotionValue<I>[],
+  from: I[] | number[],
+  to: O[] | number[],
+  options?: TransformOptions<O>
+): MotionValue<O>;
+
+/**
+ * Transform using a custom function
+ * @param parent - Source motion value(s)
+ * @param transformer - Custom transformation function
+ * @returns Transformed motion value
+ */
+function useTransform<I, O>(
+  parent: MotionValue<I> | MotionValue<I>[],
+  transformer: (value: I) => O
+): MotionValue<O>;
+
+interface TransformOptions<O> {
+  /**
+   * Clamp output to the defined range
+   */
+  clamp?: boolean;
+  
+  /**
+   * Easing function for interpolation
+   */
+  ease?: Easing | Easing[];
+  
+  /**
+   * Mix function for custom interpolation
+   */
+  mixer?: (from: O, to: O) => (v: number) => O;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { motion, useMotionValue, useTransform } from "framer-motion";
+
+function TransformExample() {
+  const x = useMotionValue(0);
+  
+  // Transform x position to rotation
+  const rotate = useTransform(x, [-200, 200], [-45, 45]);
+  
+  // Transform x position to opacity
+  const opacity = useTransform(x, [-200, 0, 200], [0, 1, 0]);
+  
+  // Transform using custom function
+  const backgroundColor = useTransform(
+    x,
+    (value) => `hsl(${Math.abs(value)}, 100%, 50%)`
+  );
+  
+  // Transform multiple values
+  const y = useMotionValue(0);
+  const scale = useTransform([x, y], ([latestX, latestY]) => {
+    const distance = Math.sqrt(latestX ** 2 + latestY ** 2);
+    return Math.max(0.5, 1 - distance / 300);
+  });
+  
+  return (
+    <motion.div
+      style={{ x, y, rotate, opacity, backgroundColor, scale }}
+      drag
+      dragConstraints={{ left: -200, right: 200, top: -200, bottom: 200 }}
+    >
+      Transformed element
+    </motion.div>
+  );
+}
+```
+
+### Spring Hook
+
+Applies spring physics to a motion value for natural animations.
+
+```typescript { .api }
+/**
+ * Apply spring physics to a motion value
+ * @param source - Source motion value to apply spring to
+ * @param config - Spring configuration
+ * @returns Motion value with spring physics applied
+ */
+function useSpring(
+  source: MotionValue<number>,
+  config?: SpringOptions
+): MotionValue<number>;
+
+interface SpringOptions {
+  /**
+   * Spring stiffness (default: 100)
+   */
+  stiffness?: number;
+  
+  /**
+   * Spring damping (default: 10)
+   */
+  damping?: number;
+  
+  /**
+   * Spring mass (default: 1)
+   */
+  mass?: number;
+  
+  /**
+   * Initial velocity (default: 0)
+   */
+  velocity?: number;
+  
+  /**
+   * Velocity threshold for spring to be considered at rest (default: 0.01)
+   */
+  restSpeed?: number;
+  
+  /**
+   * Value threshold for spring to be considered at rest (default: 0.01)
+   */
+  restDelta?: number;
+}
+```
+
+**Usage Example:**
+
+```typescript
+import { motion, useMotionValue, useSpring } from "framer-motion";
+
+function SpringExample() {
+  const x = useMotionValue(0);
+  
+  // Apply spring physics with custom config
+  const springX = useSpring(x, {
+    stiffness: 300,
+    damping: 30,
+    mass: 1
+  });
+  
+  return (
+    <div>
+      <motion.div
+        style={{ x: springX }}
+        onTap={() => x.set(x.get() + 100)}
+      >
+        Spring-animated element
+      </motion.div>
+      <button onClick={() => x.set(0)}>Reset</button>
+    </div>
+  );
+}
+```
+
+### Motion Template Hook
+
+Creates template literals with motion values for complex style strings.
+
+```typescript { .api }
+/**
+ * Create a motion value that combines template literals with other motion values
+ * @param template - Template string with placeholders
+ * @param deps - Motion values to interpolate into template
+ * @returns Motion value containing formatted string
+ */
+function useMotionTemplate(
+  template: TemplateStringsArray,
+  ...deps: Array<MotionValue<string | number> | string | number>
+): MotionValue<string>;
+```
+
+**Usage Example:**
+
+```typescript
+import { motion, useMotionValue, useMotionTemplate } from "framer-motion";
+
+function TemplateExample() {
+  const x = useMotionValue(0);
+  const y = useMotionValue(0);
+  const hue = useMotionValue(0);
+  
+  // Create complex CSS values using templates
+  const transform = useMotionTemplate`translateX(${x}px) translateY(${y}px)`;
+  const background = useMotionTemplate`linear-gradient(${hue}deg, #ff0000, #0000ff)`;
+  const boxShadow = useMotionTemplate`${x}px ${y}px 20px rgba(0,0,0,0.3)`;
+  
+  return (
+    <motion.div
+      style={{
+        transform,
+        background,
+        boxShadow,
+        width: 100,
+        height: 100
+      }}
+      animate={{
+        x: [0, 100, 0],
+        y: [0, 50, 0],
+        hue: [0, 360, 0]
+      }}
+      transition={{
+        duration: 3,
+        repeat: Infinity,
+        ease: "easeInOut"
+      }}
+    >
+      Template motion
+    </motion.div>
+  );
+}
+```
+
+### Velocity Hook
+
+Gets the velocity of a motion value for velocity-based animations.
+
+```typescript { .api }
+/**
+ * Get the velocity of a motion value as a separate motion value
+ * @param value - Motion value to track velocity for
+ * @returns Motion value containing the velocity
+ */
+function useVelocity(value: MotionValue<number>): MotionValue<number>;
+```
+
+**Usage Example:**
+
+```typescript
+import { motion, useMotionValue, useVelocity } from "framer-motion";
+
+function VelocityExample() {
+  const x = useMotionValue(0);
+  const xVelocity = useVelocity(x);
+  
+  React.useEffect(() => {
+    const unsubscribe = xVelocity.onChange((latest) => {
+      console.log("X velocity:", latest);
+    });
+    return unsubscribe;
+  }, [xVelocity]);
+  
+  return (
+    <motion.div
+      style={{ x }}
+      drag="x"
+      dragConstraints={{ left: -200, right: 200 }}
+    >
+      Drag me (velocity: {Math.round(xVelocity.get())})
+    </motion.div>
+  );
+}
+```
+
+### Time Hook
+
+Creates a motion value that represents elapsed time for time-based animations.
+
+```typescript { .api }
+/**
+ * Creates a motion value that represents elapsed time in milliseconds
+ * @returns Motion value with current time
+ */
+function useTime(): MotionValue<number>;
+```
+
+**Usage Example:**
+
+```typescript
+import { motion, useTime, useTransform } from "framer-motion";
+
+function TimeExample() {
+  const time = useTime();
+  
+  // Create time-based animations
+  const rotate = useTransform(time, (latest) => latest / 10);
+  const scale = useTransform(time, (latest) => 1 + Math.sin(latest / 1000) * 0.2);
+  
+  return (
+    <motion.div
+      style={{ rotate, scale }}
+    >
+      Time-based animation
+    </motion.div>
+  );
+}
+```
+
+### Motion Value Events
+
+Motion values support various events for reactive programming:
+
+```typescript { .api }
+/**
+ * Subscribe to motion value events
+ * @param value - Motion value to listen to
+ * @param event - Event name to listen for
+ * @param handler - Event handler function
+ * @returns Unsubscribe function
+ */
+function useMotionValueEvent<T>(
+  value: MotionValue<T>,
+  event: "change" | "renderRequest" | "animationStart" | "animationComplete",
+  handler: (latest: T) => void
+): void;
+```
+
+**Usage Example:**
+
+```typescript
+import { useMotionValue, useMotionValueEvent } from "framer-motion";
+
+function EventExample() {
+  const x = useMotionValue(0);
+  
+  useMotionValueEvent(x, "change", (latest) => {
+    console.log("Value changed:", latest);
+  });
+  
+  useMotionValueEvent(x, "animationStart", () => {
+    console.log("Animation started");
+  });
+  
+  useMotionValueEvent(x, "animationComplete", () => {
+    console.log("Animation completed");
+  });
+  
+  return (
+    <motion.div
+      style={{ x }}
+      animate={{ x: [0, 100, 0] }}
+      transition={{ duration: 2, repeat: Infinity }}
+    >
+      Event-tracked element
+    </motion.div>
+  );
+}
+```
+
+### Utility Functions
+
+Additional utilities for working with motion values:
+
+```typescript { .api }
+/**
+ * Resolve a motion value to its current value, handling both MotionValues and regular values
+ * @param value - Value to resolve (MotionValue or regular value)
+ * @returns Current value
+ */
+function resolveMotionValue<T>(value: T | MotionValue<T>): T;
+```
+
+### Will Change Optimization
+
+Optimize performance by managing the CSS `will-change` property:
+
+```typescript { .api }
+/**
+ * Creates a motion value that manages the CSS will-change property for performance
+ * @returns Motion value for will-change optimization
+ */
+function useWillChange(): WillChangeMotionValue;
+
+interface WillChangeMotionValue extends MotionValue<string> {
+  /**
+   * Add a property to will-change
+   * @param property - CSS property to optimize
+   */
+  add(property: string): void;
+  
+  /**
+   * Remove a property from will-change
+   * @param property - CSS property to stop optimizing
+   */
+  remove(property: string): void;
+}
+```
+
+**Usage Example:**
+
+```typescript
+import { motion, useWillChange } from "framer-motion";
+
+function OptimizedAnimation() {
+  const willChange = useWillChange();
+  
+  return (
+    <motion.div
+      style={{ willChange }}
+      animate={{ x: 100, rotate: 180 }}
+      onAnimationStart={() => {
+        willChange.add("transform");
+      }}
+      onAnimationComplete={() => {
+        willChange.remove("transform");
+      }}
+    >
+      Performance optimized
+    </motion.div>
+  );
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-framer-motion/docs/scroll-view.md b/.tessl/tiles/tessl/npm-framer-motion/docs/scroll-view.md
new file mode 100644
index 000000000..f5e0f015c
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-framer-motion/docs/scroll-view.md
@@ -0,0 +1,563 @@
+# Scroll and View Detection
+
+Scroll tracking hooks and utilities for scroll-driven animations and viewport intersection detection.
+
+## Capabilities
+
+### Scroll Tracking Hook
+
+Track scroll progress and position with reactive motion values.
+
+```typescript { .api }
+/**
+ * Track scroll progress and position
+ * @param options - Scroll tracking options
+ * @returns Object containing scroll motion values
+ */
+function useScroll(options?: UseScrollOptions): ScrollMotionValues;
+
+interface UseScrollOptions {
+  /**
+   * Element to track scroll within (default: window)
+   */
+  container?: React.RefObject<Element>;
+  
+  /**
+   * Target element to track relative to container
+   */
+  target?: React.RefObject<Element>;
+  
+  /**
+   * Offset ranges for when to start/end progress calculation
+   * Format: ["start start", "end end"] where each position can be:
+   * - "start", "center", "end" (of viewport)
+   * - Number (pixels from start)
+   * - Percentage string (e.g., "25%")
+   */
+  offset?: [string, string];
+  
+  /**
+   * Axis to track ("x" or "y", default: "y")
+   */
+  axis?: "x" | "y";
+}
+
+interface ScrollMotionValues {
+  /**
+   * Horizontal scroll position in pixels
+   */
+  scrollX: MotionValue<number>;
+  
+  /**
+   * Vertical scroll position in pixels
+   */
+  scrollY: MotionValue<number>;
+  
+  /**
+   * Horizontal scroll progress (0-1)
+   */
+  scrollXProgress: MotionValue<number>;
+  
+  /**
+   * Vertical scroll progress (0-1)
+   */
+  scrollYProgress: MotionValue<number>;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { motion, useScroll, useTransform } from "framer-motion";
+import { useRef } from "react";
+
+// Basic scroll tracking
+function ScrollExample() {
+  const { scrollY, scrollYProgress } = useScroll();
+  
+  const opacity = useTransform(scrollYProgress, [0, 0.5, 1], [1, 0.5, 0]);
+  const scale = useTransform(scrollYProgress, [0, 1], [1, 0.8]);
+  
+  return (
+    <motion.div
+      style={{ opacity, scale }}
+      className="fixed top-0 left-0 w-full h-20 bg-blue-500"
+    >
+      Header (opacity: {Math.round(opacity.get() * 100)}%)
+    </motion.div>
+  );
+}
+
+// Element-specific scroll tracking
+function ElementScrollExample() {
+  const containerRef = useRef<HTMLDivElement>(null);
+  const targetRef = useRef<HTMLDivElement>(null);
+  
+  const { scrollYProgress } = useScroll({
+    target: targetRef,
+    offset: ["start end", "end start"]
+  });
+  
+  const x = useTransform(scrollYProgress, [0, 1], ["-100%", "0%"]);
+  
+  return (
+    <div>
+      <div ref={containerRef} className="h-screen overflow-y-auto">
+        <div className="h-screen bg-gray-100">Scroll down</div>
+        <motion.div
+          ref={targetRef}
+          style={{ x }}
+          className="h-96 bg-blue-500"
+        >
+          Animates based on scroll position
+        </motion.div>
+        <div className="h-screen bg-gray-100">More content</div>
+      </div>
+    </div>
+  );
+}
+
+// Container scroll tracking
+function ContainerScrollExample() {
+  const containerRef = useRef<HTMLDivElement>(null);
+  
+  const { scrollY, scrollYProgress } = useScroll({
+    container: containerRef
+  });
+  
+  const backgroundY = useTransform(scrollY, [0, 500], [0, -100]);
+  
+  return (
+    <div ref={containerRef} className="h-96 overflow-y-auto">
+      <motion.div
+        style={{ y: backgroundY }}
+        className="h-[200vh] bg-gradient-to-b from-blue-400 to-purple-600"
+      >
+        Parallax background
+      </motion.div>
+    </div>
+  );
+}
+```
+
+### Viewport Intersection Hook
+
+Detect when elements enter or leave the viewport.
+
+```typescript { .api }
+/**
+ * Detect when an element is in the viewport
+ * @param ref - Reference to element to observe
+ * @param options - Intersection options
+ * @returns Boolean indicating if element is in view
+ */
+function useInView(
+  ref: React.RefObject<Element>,
+  options?: UseInViewOptions
+): boolean;
+
+interface UseInViewOptions {
+  /**
+   * Root element for intersection calculation (default: viewport)
+   */
+  root?: React.RefObject<Element>;
+  
+  /**
+   * Root margin for intersection calculation (CSS margin syntax)
+   */
+  margin?: string;
+  
+  /**
+   * Amount of element that must be visible (0-1 or "some"/"all")
+   */
+  amount?: number | "some" | "all";
+  
+  /**
+   * Only trigger once when element comes into view
+   */
+  once?: boolean;
+  
+  /**
+   * Initial state before observation starts
+   */
+  initial?: boolean;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { motion, useInView } from "framer-motion";
+import { useRef } from "react";
+
+// Basic in-view detection
+function InViewExample() {
+  const ref = useRef<HTMLDivElement>(null);
+  const isInView = useInView(ref, { once: true });
+  
+  return (
+    <div>
+      <div className="h-screen bg-gray-100">Scroll down</div>
+      <motion.div
+        ref={ref}
+        initial={{ opacity: 0, y: 100 }}
+        animate={isInView ? { opacity: 1, y: 0 } : { opacity: 0, y: 100 }}
+        transition={{ duration: 0.8, ease: "easeOut" }}
+        className="h-96 bg-blue-500 flex items-center justify-center text-white"
+      >
+        Animates when in view
+      </motion.div>
+    </div>
+  );
+}
+
+// Advanced in-view options
+function AdvancedInViewExample() {
+  const ref = useRef<HTMLDivElement>(null);
+  const isInView = useInView(ref, {
+    margin: "-100px",
+    amount: 0.3,
+    once: false
+  });
+  
+  return (
+    <motion.div
+      ref={ref}
+      animate={{
+        scale: isInView ? 1 : 0.8,
+        opacity: isInView ? 1 : 0.5
+      }}
+      transition={{ duration: 0.6 }}
+      className="h-96 bg-green-500"
+    >
+      Scales when 30% visible (with 100px margin)
+    </motion.div>
+  );
+}
+```
+
+### DOM Scroll Utilities
+
+Direct DOM scroll utilities that work without React.
+
+```typescript { .api }
+/**
+ * Track scroll with callback (DOM utility)
+ * @param onScroll - Callback function called on scroll
+ * @param options - Scroll options
+ * @returns Cleanup function
+ */
+function scroll(
+  onScroll: (info: ScrollInfo) => void,
+  options?: ScrollOptions
+): () => void;
+
+/**
+ * Advanced scroll tracking with detailed information
+ * @param onScroll - Callback function with detailed scroll info
+ * @param options - Scroll options
+ * @returns Cleanup function
+ */
+function scrollInfo(
+  onScroll: (info: DetailedScrollInfo) => void,
+  options?: ScrollOptions
+): () => void;
+
+interface ScrollOptions {
+  /**
+   * Element to observe (default: window)
+   */
+  container?: Element;
+  
+  /**
+   * Target element for relative calculations
+   */
+  target?: Element;
+  
+  /**
+   * Offset configuration
+   */
+  offset?: [string, string];
+  
+  /**
+   * Axis to track
+   */
+  axis?: "x" | "y";
+}
+
+interface ScrollInfo {
+  /**
+   * Current scroll position
+   */
+  x: number;
+  y: number;
+  
+  /**
+   * Scroll progress (0-1)
+   */
+  xProgress: number;
+  yProgress: number;
+  
+  /**
+   * Scroll velocity
+   */
+  velocity: number;
+}
+
+interface DetailedScrollInfo extends ScrollInfo {
+  /**
+   * Target element bounds
+   */
+  targetBounds: DOMRect;
+  
+  /**
+   * Container bounds
+   */
+  containerBounds: DOMRect;
+  
+  /**
+   * Intersection ratio
+   */
+  intersectionRatio: number;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { scroll, scrollInfo } from "framer-motion/dom";
+import { useEffect } from "react";
+
+// Basic DOM scroll tracking
+function DOMScrollExample() {
+  useEffect(() => {
+    const cleanup = scroll(
+      ({ y, yProgress, velocity }) => {
+        console.log("Scroll:", { y, yProgress, velocity });
+        
+        // Update header based on scroll
+        const header = document.querySelector('.header');
+        if (header) {
+          header.style.transform = `translateY(${Math.min(0, -y / 2)}px)`;
+          header.style.opacity = String(1 - yProgress * 0.5);
+        }
+      },
+      { axis: "y" }
+    );
+    
+    return cleanup;
+  }, []);
+  
+  return (
+    <div>
+      <div className="header fixed top-0 w-full h-16 bg-blue-500">Header</div>
+      <div className="h-[200vh] pt-16">Long scrollable content</div>
+    </div>
+  );
+}
+
+// Element-specific DOM scroll tracking
+function ElementDOMScrollExample() {
+  useEffect(() => {
+    const target = document.querySelector('.target');
+    
+    if (target) {
+      const cleanup = scrollInfo(
+        ({ yProgress, intersectionRatio, velocity }) => {
+          console.log("Element scroll:", { yProgress, intersectionRatio, velocity });
+          
+          // Animate element based on scroll
+          target.style.transform = `scale(${0.8 + intersectionRatio * 0.2})`;
+          target.style.opacity = String(intersectionRatio);
+        },
+        { 
+          target: target as Element,
+          offset: ["start end", "end start"]
+        }
+      );
+      
+      return cleanup;
+    }
+  }, []);
+  
+  return (
+    <div>
+      <div className="h-screen bg-gray-100">Scroll down</div>
+      <div className="target h-96 bg-purple-500">Target element</div>
+      <div className="h-screen bg-gray-100">More content</div>
+    </div>
+  );
+}
+```
+
+### Viewport Intersection Utility
+
+Direct DOM intersection observer utility.
+
+```typescript { .api }
+/**
+ * Observe element intersection with viewport (DOM utility)
+ * @param element - Element to observe or CSS selector
+ * @param onStart - Callback when element enters view
+ * @param options - Intersection options
+ * @returns Cleanup function
+ */
+function inView(
+  element: string | Element,
+  onStart: (entry: IntersectionObserverEntry) => void | (() => void),
+  options?: InViewOptions
+): () => void;
+
+interface InViewOptions {
+  /**
+   * Root element for intersection
+   */
+  root?: Element;
+  
+  /**
+   * Root margin
+   */
+  margin?: string;
+  
+  /**
+   * Intersection threshold (0-1 or array of thresholds)
+   */
+  amount?: number | number[] | "some" | "all";
+}
+```
+
+**Usage Example:**
+
+```typescript
+import { inView } from "framer-motion/dom";
+import { useEffect } from "react";
+
+function DOMInViewExample() {
+  useEffect(() => {
+    // Observe multiple elements
+    const elements = document.querySelectorAll('.animate-on-scroll');
+    const cleanups: (() => void)[] = [];
+    
+    elements.forEach((element, index) => {
+      const cleanup = inView(
+        element,
+        (entry) => {
+          if (entry.isIntersecting) {
+            // Element entered view
+            element.classList.add('animate-in');
+          } else {
+            // Element left view
+            element.classList.remove('animate-in');
+          }
+        },
+        {
+          margin: "-50px",
+          amount: 0.5
+        }
+      );
+      
+      cleanups.push(cleanup);
+    });
+    
+    return () => {
+      cleanups.forEach(cleanup => cleanup());
+    };
+  }, []);
+  
+  return (
+    <div>
+      {Array.from({ length: 10 }, (_, i) => (
+        <div
+          key={i}
+          className="animate-on-scroll h-96 bg-blue-500 m-4 opacity-0 transform translate-y-10 transition-all duration-500"
+          style={{
+            // CSS for animate-in class
+            '--animate-in': 'opacity: 1; transform: translateY(0);'
+          }}
+        >
+          Element {i + 1}
+        </div>
+      ))}
+    </div>
+  );
+}
+```
+
+### Page Visibility Hook
+
+Detect when the page becomes visible or hidden.
+
+```typescript { .api }
+/**
+ * Detect page visibility changes
+ * @returns Boolean indicating if page is visible
+ */
+function usePageInView(): boolean;
+```
+
+**Usage Example:**
+
+```typescript
+import { usePageInView } from "framer-motion";
+import { useEffect } from "react";
+
+function PageVisibilityExample() {
+  const isPageVisible = usePageInView();
+  
+  useEffect(() => {
+    if (isPageVisible) {
+      console.log("Page became visible");
+      // Resume animations or video playback
+    } else {
+      console.log("Page became hidden");
+      // Pause animations or video playback
+    }
+  }, [isPageVisible]);
+  
+  return (
+    <div>
+      Page is {isPageVisible ? "visible" : "hidden"}
+    </div>
+  );
+}
+```
+
+### Scroll-Driven Animation Patterns
+
+**Parallax Effects:**
+
+```typescript
+const { scrollY } = useScroll();
+const y1 = useTransform(scrollY, [0, 1000], [0, -200]);
+const y2 = useTransform(scrollY, [0, 1000], [0, -400]);
+
+<motion.div style={{ y: y1 }}>Slow parallax</motion.div>
+<motion.div style={{ y: y2 }}>Fast parallax</motion.div>
+```
+
+**Progress Indicators:**
+
+```typescript
+const { scrollYProgress } = useScroll();
+const scaleX = useTransform(scrollYProgress, [0, 1], [0, 1]);
+
+<motion.div 
+  style={{ scaleX }} 
+  className="fixed top-0 left-0 w-full h-1 bg-blue-500 origin-left"
+/>
+```
+
+**Scroll-Triggered Animations:**
+
+```typescript
+const { scrollY } = useScroll();
+const isScrolled = useTransform(scrollY, [0, 100], [false, true]);
+
+<motion.header
+  animate={isScrolled.get() ? "scrolled" : "top"}
+  variants={{
+    top: { backgroundColor: "transparent", y: 0 },
+    scrolled: { backgroundColor: "white", y: -10 }
+  }}
+/>
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-framer-motion/tile.json b/.tessl/tiles/tessl/npm-framer-motion/tile.json
new file mode 100644
index 000000000..ce73b77fa
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-framer-motion/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-framer-motion",
+  "version": "12.23.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/framer-motion@12.23.12",
+  "summary": "A production-ready motion library for React that provides comprehensive animation and gesture APIs for creating fluid, performant interactions."
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-github-markdown-css/docs/index.md b/.tessl/tiles/tessl/npm-github-markdown-css/docs/index.md
new file mode 100644
index 000000000..2b94a00b7
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-github-markdown-css/docs/index.md
@@ -0,0 +1,606 @@
+# GitHub Markdown CSS
+
+GitHub Markdown CSS provides CSS stylesheets that replicate GitHub's Markdown rendering styles for use in web applications and static sites. It offers three theme variations: an automatic theme that switches between light and dark modes, a dedicated light theme, and a dedicated dark theme.
+
+## Package Information
+
+- **Package Name**: github-markdown-css
+- **Package Type**: npm
+- **Language**: CSS
+- **Installation**: `npm install github-markdown-css`
+
+## Core Imports
+
+### HTML Import (CDN)
+
+```html
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/5.8.1/github-markdown.css">
+```
+
+### Module Import (Bundlers)
+
+```javascript
+import "github-markdown-css/github-markdown.css";
+```
+
+### Direct CSS Files
+
+```html
+<!-- Auto theme (switches between light/dark based on system preference) -->
+<link rel="stylesheet" href="node_modules/github-markdown-css/github-markdown.css">
+
+<!-- Light theme only -->
+<link rel="stylesheet" href="node_modules/github-markdown-css/github-markdown-light.css">
+
+<!-- Dark theme only -->
+<link rel="stylesheet" href="node_modules/github-markdown-css/github-markdown-dark.css">
+```
+
+## Basic Usage
+
+```html
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<link rel="stylesheet" href="github-markdown.css">
+<style>
+  .markdown-body {
+    box-sizing: border-box;
+    min-width: 200px;
+    max-width: 980px;
+    margin: 0 auto;
+    padding: 45px;
+  }
+
+  @media (max-width: 767px) {
+    .markdown-body {
+      padding: 15px;
+    }
+  }
+</style>
+<article class="markdown-body">
+  <h1>Your Markdown Content</h1>
+  <p>All markdown elements will be styled to match GitHub's appearance.</p>
+</article>
+```
+
+## Architecture
+
+GitHub Markdown CSS is built around several key components:
+
+- **Core Class**: `.markdown-body` container class that scopes all styling
+- **CSS Custom Properties**: Extensive use of CSS variables for theming and consistency
+- **Media Queries**: Automatic theme switching using `prefers-color-scheme`
+- **Data Attributes**: Manual theme override with `[data-theme]` attributes
+- **Responsive Design**: Built-in mobile optimizations and responsive behavior
+
+## Capabilities
+
+### CSS Files
+
+Three CSS files providing different theming approaches for GitHub Markdown styling.
+
+```css { .api }
+/* Auto theme file - switches based on system preference */
+github-markdown.css
+
+/* Light theme only */
+github-markdown-light.css
+
+/* Dark theme only */
+github-markdown-dark.css
+```
+
+### Primary Container Class
+
+The main CSS class that must be applied to HTML elements containing Markdown content.
+
+```css { .api }
+.markdown-body {
+  /* Base typography and layout styles */
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+  font-size: 16px;
+  line-height: 1.5;
+  word-wrap: break-word;
+  /* Color scheme and theming */
+  color-scheme: light; /* or dark in theme-specific files */
+}
+```
+
+### Theme Control
+
+Manual theme selection using data attributes.
+
+```css { .api }
+[data-theme="light"] {
+  /* Forces light theme regardless of system preference */
+}
+
+[data-theme="dark"] {
+  /* Forces dark theme regardless of system preference */
+}
+```
+
+### CSS Custom Properties (Variables)
+
+Comprehensive theming system using CSS custom properties.
+
+```css { .api }
+/* Base sizing variables */
+--base-size-4: 0.25rem;
+--base-size-8: 0.5rem;
+--base-size-16: 1rem;
+--base-size-24: 1.5rem;
+--base-size-40: 2.5rem;
+
+/* Font weight variables */
+--base-text-weight-normal: 400;
+--base-text-weight-medium: 500;
+--base-text-weight-semibold: 600;
+
+/* Font stack variables */
+--fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
+
+/* Color variables (theme-dependent) */
+--fgColor-default: /* Primary text color */;
+--fgColor-muted: /* Secondary text color */;
+--fgColor-accent: /* Accent color (links, highlights) */;
+--fgColor-success: /* Success state color */;
+--fgColor-attention: /* Warning/attention color */;
+--fgColor-danger: /* Error/danger color */;
+--fgColor-done: /* Completed state color */;
+
+--bgColor-default: /* Primary background color */;
+--bgColor-muted: /* Secondary background color */;
+--bgColor-neutral-muted: /* Neutral muted background */;
+--bgColor-attention-muted: /* Muted attention background */;
+
+--borderColor-default: /* Primary border color */;
+--borderColor-muted: /* Secondary border color */;
+--borderColor-accent-emphasis: /* Emphasized accent border */;
+--borderColor-success-emphasis: /* Emphasized success border */;
+--borderColor-attention-emphasis: /* Emphasized attention border */;
+--borderColor-danger-emphasis: /* Emphasized danger border */;
+--borderColor-done-emphasis: /* Emphasized done border */;
+
+/* Syntax highlighting variables */
+--color-prettylights-syntax-comment: /* Code comment color */;
+--color-prettylights-syntax-constant: /* Code constant color */;
+--color-prettylights-syntax-entity: /* Code entity color */;
+--color-prettylights-syntax-keyword: /* Code keyword color */;
+--color-prettylights-syntax-string: /* Code string color */;
+--color-prettylights-syntax-variable: /* Code variable color */;
+--color-prettylights-syntax-brackethighlighter-unmatched: /* Unmatched bracket color */;
+--color-prettylights-syntax-brackethighlighter-angle: /* Angle bracket color */;
+--color-prettylights-syntax-invalid-illegal-text: /* Invalid code text color */;
+--color-prettylights-syntax-invalid-illegal-bg: /* Invalid code background color */;
+--color-prettylights-syntax-carriage-return-text: /* Carriage return text color */;
+--color-prettylights-syntax-carriage-return-bg: /* Carriage return background color */;
+```
+
+### Styled HTML Elements
+
+Comprehensive styling for all standard Markdown HTML elements when used within `.markdown-body`.
+
+```css { .api }
+/* Typography elements */
+.markdown-body h1, .markdown-body h2, .markdown-body h3, 
+.markdown-body h4, .markdown-body h5, .markdown-body h6 {
+  /* Heading styles with proper spacing and typography */
+}
+
+.markdown-body p {
+  /* Paragraph styling with appropriate margins */
+}
+
+.markdown-body a {
+  /* Link styling with hover states and focus indicators */
+}
+
+.markdown-body strong, .markdown-body b {
+  /* Bold text styling */
+}
+
+.markdown-body em, .markdown-body i {
+  /* Italic text styling */
+}
+
+.markdown-body code {
+  /* Inline code styling with background and padding */
+}
+
+.markdown-body pre {
+  /* Code block container styling */
+}
+
+.markdown-body pre code {
+  /* Code block content styling with syntax highlighting support */
+}
+
+/* List elements */
+.markdown-body ul, .markdown-body ol {
+  /* Unordered and ordered list styling */
+}
+
+.markdown-body li {
+  /* List item styling with proper indentation */
+}
+
+.markdown-body dl, .markdown-body dt, .markdown-body dd {
+  /* Definition list styling */
+}
+
+/* Table elements */
+.markdown-body table {
+  /* Table styling with borders and spacing */
+}
+
+.markdown-body thead, .markdown-body tbody, .markdown-body tfoot {
+  /* Table section styling */
+}
+
+.markdown-body tr {
+  /* Table row styling with alternating backgrounds */
+}
+
+.markdown-body th, .markdown-body td {
+  /* Table cell styling with padding and alignment */
+}
+
+/* Media elements */
+.markdown-body img {
+  /* Image styling with responsive behavior */
+}
+
+.markdown-body figure, .markdown-body figcaption {
+  /* Figure and caption styling */
+}
+
+/* Interactive elements */
+.markdown-body details, .markdown-body summary {
+  /* Collapsible content styling */
+}
+
+.markdown-body input, .markdown-body textarea, 
+.markdown-body select, .markdown-body button {
+  /* Form element styling */
+}
+
+/* Special GitHub elements */
+.markdown-body .octicon {
+  /* GitHub icon styling */
+}
+
+.markdown-body .anchor {
+  /* Heading anchor link styling */
+}
+
+.markdown-body .markdown-alert {
+  /* Alert container styling */
+}
+
+.markdown-body .markdown-alert-note,
+.markdown-body .markdown-alert-tip,
+.markdown-body .markdown-alert-important,
+.markdown-body .markdown-alert-warning,
+.markdown-body .markdown-alert-caution {
+  /* Different alert type styling */
+}
+
+.markdown-body .markdown-alert-title {
+  /* Alert title styling */
+}
+
+/* Task list elements */
+.markdown-body .task-list-item {
+  /* Task list item styling with disabled list markers */
+}
+
+.markdown-body .task-list-item-checkbox {
+  /* Checkbox styling for task lists with proper spacing */
+}
+
+.markdown-body .contains-task-list {
+  /* Container for task lists with interactive behaviors */
+}
+
+/* Footnote elements */
+.markdown-body [data-footnote-ref] {
+  /* Footnote reference link styling with bracket indicators */
+}
+
+.markdown-body .footnotes {
+  /* Footnote section styling with smaller font and top border */
+}
+
+/* Data display elements */
+.markdown-body .csv-data {
+  /* CSV/tabular data display styling */
+}
+
+.markdown-body .emoji {
+  /* Emoji display styling */
+}
+```
+
+### Media Queries
+
+Automatic theme switching and responsive design.
+
+```css { .api }
+@media (prefers-color-scheme: dark) {
+  /* Automatic dark theme activation */
+  .markdown-body, [data-theme="dark"] {
+    color-scheme: dark;
+    /* Dark theme color variable definitions */
+  }
+}
+
+@media (prefers-color-scheme: light) {
+  /* Automatic light theme activation */
+  .markdown-body, [data-theme="light"] {
+    color-scheme: light;
+    /* Light theme color variable definitions */
+  }
+}
+
+@media (max-width: 767px) {
+  /* Responsive adjustments for mobile devices */
+  .markdown-body {
+    /* Reduced padding and adjusted spacing for mobile */
+  }
+}
+```
+
+### Task Lists
+
+GitHub-style task lists with interactive checkboxes for todo items and completed tasks.
+
+```css { .api }
+.markdown-body .task-list-item {
+  list-style-type: none;
+}
+
+.markdown-body .task-list-item-checkbox {
+  margin: 0 .2em .25em -1.4em;
+  vertical-align: middle;
+}
+
+.markdown-body .contains-task-list {
+  /* Container for interactive task list behaviors */
+}
+```
+
+### Footnotes
+
+GitHub-style footnotes with reference links and footnote sections.
+
+```css { .api }
+[data-footnote-ref]::before {
+  content: "[";
+}
+
+[data-footnote-ref]::after {
+  content: "]";
+}
+
+.markdown-body .footnotes {
+  font-size: 12px;
+  color: var(--fgColor-muted);
+  border-top: 1px solid var(--borderColor-default);
+}
+```
+
+## Usage Examples
+
+### Basic Implementation
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>GitHub Markdown CSS Example</title>
+  <link rel="stylesheet" href="github-markdown.css">
+  <style>
+    .markdown-body {
+      box-sizing: border-box;
+      min-width: 200px;
+      max-width: 980px;
+      margin: 0 auto;
+      padding: 45px;
+    }
+    
+    @media (max-width: 767px) {
+      .markdown-body {
+        padding: 15px;
+      }
+    }
+  </style>
+</head>
+<body>
+  <article class="markdown-body">
+    <h1>Sample Document</h1>
+    <p>This content will be styled to match GitHub's Markdown appearance.</p>
+    
+    <h2>Code Example</h2>
+    <pre><code class="language-javascript">
+function hello() {
+  console.log("Hello, world!");
+}
+    </code></pre>
+    
+    <h2>Table Example</h2>
+    <table>
+      <thead>
+        <tr>
+          <th>Feature</th>
+          <th>Supported</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>Typography</td>
+          <td>✅</td>
+        </tr>
+        <tr>
+          <td>Code Highlighting</td>
+          <td>✅</td>
+        </tr>
+      </tbody>
+    </table>
+  </article>
+</body>
+</html>
+```
+
+### Theme Selection
+
+```html
+<!-- Force light theme -->
+<article class="markdown-body" data-theme="light">
+  <h1>Always Light Theme</h1>
+  <p>This content will always use the light theme.</p>
+</article>
+
+<!-- Force dark theme -->
+<article class="markdown-body" data-theme="dark">
+  <h1>Always Dark Theme</h1>
+  <p>This content will always use the dark theme.</p>
+</article>
+
+<!-- Auto theme (default behavior) -->
+<article class="markdown-body">
+  <h1>Auto Theme</h1>
+  <p>This content will switch themes based on system preference.</p>
+</article>
+```
+
+### CSS Variable Customization
+
+```css
+.markdown-body {
+  /* Override specific color variables */
+  --fgColor-accent: #ff6b6b; /* Custom accent color */
+  --borderColor-default: #e1e8ed; /* Custom border color */
+}
+
+.custom-theme.markdown-body {
+  /* Create a completely custom theme */
+  --fgColor-default: #2c3e50;
+  --bgColor-default: #ecf0f1;
+  --fgColor-accent: #3498db;
+}
+```
+
+### Integration with Markdown Parsers
+
+```javascript
+// Using with marked.js
+import { marked } from 'marked';
+import 'github-markdown-css/github-markdown.css';
+
+const markdown = '# Hello World\nThis is **bold** text.';
+const html = marked(markdown);
+
+document.getElementById('content').innerHTML = `
+  <div class="markdown-body">
+    ${html}
+  </div>
+`;
+```
+
+### React Integration
+
+```jsx
+import React from 'react';
+import 'github-markdown-css/github-markdown.css';
+
+function MarkdownRenderer({ children, theme = 'auto' }) {
+  const dataTheme = theme !== 'auto' ? { 'data-theme': theme } : {};
+  
+  return (
+    <div 
+      className="markdown-body"
+      {...dataTheme}
+      style={{
+        boxSizing: 'border-box',
+        minWidth: '200px',
+        maxWidth: '980px',
+        margin: '0 auto',
+        padding: '45px',
+      }}
+      dangerouslySetInnerHTML={{ __html: children }}
+    />
+  );
+}
+```
+
+### Static Site Generator Integration
+
+```javascript
+// Gatsby gatsby-config.js
+module.exports = {
+  plugins: [
+    {
+      resolve: 'gatsby-plugin-postcss',
+      options: {
+        postCssPlugins: [
+          require('postcss-import')({
+            path: ['node_modules/github-markdown-css']
+          })
+        ]
+      }
+    }
+  ]
+};
+
+// In your CSS file
+@import 'github-markdown.css';
+
+.content {
+  @apply markdown-body;
+  max-width: 980px;
+  margin: 0 auto;
+  padding: 45px;
+}
+```
+
+### Task Lists
+
+```html
+<article class="markdown-body">
+  <h2>Todo List</h2>
+  <ul class="contains-task-list">
+    <li class="task-list-item">
+      <input type="checkbox" class="task-list-item-checkbox" checked disabled> 
+      Completed task
+    </li>
+    <li class="task-list-item">
+      <input type="checkbox" class="task-list-item-checkbox" disabled> 
+      Pending task
+    </li>
+    <li class="task-list-item enabled">
+      <label>
+        <input type="checkbox" class="task-list-item-checkbox"> 
+        Interactive task (can be clicked)
+      </label>
+    </li>
+  </ul>
+</article>
+```
+
+### Footnotes
+
+```html
+<article class="markdown-body">
+  <p>
+    This is a paragraph with a footnote reference<a href="#footnote-1" data-footnote-ref>1</a>.
+  </p>
+  
+  <section class="footnotes">
+    <ol>
+      <li id="footnote-1">This is the footnote content with detailed explanation.</li>
+    </ol>
+  </section>
+</article>
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-github-markdown-css/tile.json b/.tessl/tiles/tessl/npm-github-markdown-css/tile.json
new file mode 100644
index 000000000..653f00442
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-github-markdown-css/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-github-markdown-css",
+  "version": "5.8.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/github-markdown-css@5.8.1",
+  "summary": "CSS library that replicates GitHub's Markdown rendering styles with automatic, light, and dark theme variants"
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-jsdom/docs/api/cookie-management.md b/.tessl/tiles/tessl/npm-jsdom/docs/api/cookie-management.md
new file mode 100644
index 000000000..a4aeaa8f8
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-jsdom/docs/api/cookie-management.md
@@ -0,0 +1,402 @@
+# Cookie Management
+
+The CookieJar class provides HTTP cookie storage and management, extending tough-cookie's CookieJar with jsdom-specific defaults.
+
+## Capabilities
+
+### CookieJar Constructor
+
+Creates a cookie jar for storing HTTP cookies. jsdom's CookieJar enables loose mode by default to match browser behavior.
+
+```javascript { .api }
+/**
+ * Creates a cookie jar
+ * @param store - Optional cookie store (from tough-cookie)
+ * @param options - Configuration options
+ */
+constructor(store?: toughCookie.Store, options?: CookieJarOptions);
+
+interface CookieJarOptions {
+  /**
+   * Enables loose mode parsing (matches browser behavior)
+   * @default true (jsdom default)
+   */
+  looseMode?: boolean;
+
+  /**
+   * Rejects cookies from public suffix domains
+   * @default true (tough-cookie default)
+   */
+  rejectPublicSuffixes?: boolean;
+
+  /**
+   * Allows cookies on special use domains
+   * @default true (tough-cookie default)
+   */
+  allowSpecialUseDomain?: boolean;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+const { JSDOM, CookieJar } = require("jsdom");
+
+// Basic usage - looseMode is true by default
+const cookieJar = new CookieJar();
+const dom = new JSDOM(``, { cookieJar });
+
+// Share cookie jar between multiple jsdoms
+const sharedJar = new CookieJar();
+const dom1 = new JSDOM(``, { cookieJar: sharedJar, url: "https://example.org/" });
+const dom2 = new JSDOM(``, { cookieJar: sharedJar, url: "https://example.org/" });
+// Both jsdoms share the same cookies
+
+// With custom options
+const strictJar = new CookieJar(null, {
+  looseMode: false,
+  rejectPublicSuffixes: true
+});
+```
+
+### Cookie Access from DOM
+
+Cookies that match the document's domain and are not marked HTTP-only are accessible via `document.cookie`.
+
+**Usage Example:**
+
+```javascript
+const { JSDOM, CookieJar } = require("jsdom");
+
+const cookieJar = new CookieJar();
+
+// Set cookies programmatically
+cookieJar.setCookieSync("sessionid=abc123", "https://example.org/");
+cookieJar.setCookieSync("user=john", "https://example.org/");
+
+const dom = new JSDOM(``, {
+  url: "https://example.org/",
+  cookieJar
+});
+
+// Access cookies from the page
+console.log(dom.window.document.cookie);
+// "sessionid=abc123; user=john"
+
+// Set cookies from the page
+dom.window.document.cookie = "theme=dark";
+
+// Cookie is now in the jar
+const cookies = cookieJar.getCookiesSync("https://example.org/");
+console.log(cookies.map(c => c.toString()));
+// ["sessionid=abc123", "user=john", "theme=dark"]
+```
+
+### HTTP-Only Cookies
+
+HTTP-only cookies are stored in the cookie jar but not accessible via `document.cookie`.
+
+**Usage Example:**
+
+```javascript
+const { JSDOM, CookieJar } = require("jsdom");
+
+const cookieJar = new CookieJar();
+
+// Set an HTTP-only cookie
+cookieJar.setCookieSync("session=secret; HttpOnly", "https://example.org/");
+
+// Set a regular cookie
+cookieJar.setCookieSync("user=john", "https://example.org/");
+
+const dom = new JSDOM(``, {
+  url: "https://example.org/",
+  cookieJar
+});
+
+// HTTP-only cookie is not visible via document.cookie
+console.log(dom.window.document.cookie);
+// "user=john" (session=secret is hidden)
+
+// But it's still in the jar and will be sent with requests
+const allCookies = cookieJar.getCookiesSync("https://example.org/");
+console.log(allCookies.map(c => c.key));
+// ["session", "user"]
+```
+
+### Cookie Jar and Resource Loading
+
+Cookies in the jar affect subresource requests when `resources: "usable"` is enabled.
+
+**Usage Example:**
+
+```javascript
+const { JSDOM, CookieJar } = require("jsdom");
+
+const cookieJar = new CookieJar();
+cookieJar.setCookieSync("auth=token123", "https://example.org/");
+
+const dom = new JSDOM(`
+  <html>
+    <head>
+      <script src="https://example.org/script.js"></script>
+    </head>
+  </html>
+`, {
+  url: "https://example.org/",
+  resources: "usable",
+  runScripts: "dangerously",
+  cookieJar
+});
+
+// When script.js is fetched, the Cookie header will include "auth=token123"
+```
+
+### Using with fromURL()
+
+Cookies from HTTP `Set-Cookie` response headers are automatically stored in the cookie jar when using `fromURL()`.
+
+**Usage Example:**
+
+```javascript
+const { JSDOM, CookieJar } = require("jsdom");
+
+const cookieJar = new CookieJar();
+
+// Add cookies before the request
+cookieJar.setCookieSync("tracking=xyz", "https://example.com/");
+
+JSDOM.fromURL("https://example.com/", { cookieJar }).then(dom => {
+  // Cookies from the request are sent as Cookie header
+  // Cookies from Set-Cookie response headers are added to the jar
+
+  // Check all cookies in the jar
+  const cookies = cookieJar.getCookiesSync("https://example.com/");
+  console.log(cookies);
+  // Includes both the tracking cookie we set and any from Set-Cookie headers
+
+  // Access non-HTTP-only cookies from the page
+  console.log(dom.window.document.cookie);
+});
+```
+
+### Tough Cookie Integration
+
+jsdom's CookieJar extends tough-cookie's CookieJar, providing access to all tough-cookie methods.
+
+```javascript { .api }
+// CookieJar extends tough-cookie's CookieJar
+// Provides all tough-cookie methods including:
+
+/**
+ * Set a cookie (synchronous)
+ */
+setCookieSync(cookieOrString: string | Cookie, currentUrl: string, options?: object): Cookie;
+
+/**
+ * Set a cookie (asynchronous)
+ */
+setCookie(cookieOrString: string | Cookie, currentUrl: string, options?: object, callback?: (error: Error | null, cookie: Cookie) => void): void;
+
+/**
+ * Get cookies for a URL (synchronous)
+ */
+getCookiesSync(currentUrl: string, options?: object): Cookie[];
+
+/**
+ * Get cookies for a URL (asynchronous)
+ */
+getCookies(currentUrl: string, options?: object, callback?: (error: Error | null, cookies: Cookie[]) => void): void;
+
+/**
+ * Get cookie string for a URL (synchronous)
+ */
+getCookieStringSync(currentUrl: string, options?: object): string;
+
+/**
+ * Get cookie string for a URL (asynchronous)
+ */
+getCookieString(currentUrl: string, options?: object, callback?: (error: Error | null, cookieString: string) => void): void;
+
+/**
+ * Remove all cookies (synchronous)
+ */
+removeAllCookiesSync(): void;
+
+/**
+ * Remove all cookies (asynchronous)
+ */
+removeAllCookies(callback?: (error: Error | null) => void): void;
+
+// And many more tough-cookie methods...
+```
+
+**Usage Example:**
+
+```javascript
+const { JSDOM, CookieJar } = require("jsdom");
+
+const cookieJar = new CookieJar();
+
+// Use tough-cookie's synchronous methods
+cookieJar.setCookieSync(
+  "session=abc; Path=/; Secure; SameSite=Strict",
+  "https://example.org/"
+);
+
+// Get cookies with options
+const cookies = cookieJar.getCookiesSync("https://example.org/secure/", {
+  secure: true,
+  sameSiteContext: "strict"
+});
+
+// Get cookie string (formatted for Cookie header)
+const cookieString = cookieJar.getCookieStringSync("https://example.org/");
+console.log(cookieString); // "session=abc"
+
+// Use tough-cookie's asynchronous methods
+cookieJar.getCookies("https://example.org/", (err, cookies) => {
+  if (err) {
+    console.error(err);
+  } else {
+    console.log(cookies);
+  }
+});
+```
+
+### Accessing Tough Cookie Module
+
+The `toughCookie` export provides access to the tough-cookie module used by jsdom.
+
+```javascript { .api }
+// Access to tough-cookie module
+import { toughCookie } from "jsdom";
+
+// Provides access to:
+// - toughCookie.Cookie class
+// - toughCookie.CookieJar class
+// - toughCookie.Store base class
+// - toughCookie.MemoryCookieStore
+// - Various utilities and constants
+```
+
+**Usage Example:**
+
+```javascript
+const { JSDOM, CookieJar, toughCookie } = require("jsdom");
+
+// Use tough-cookie's Cookie class
+const cookie = new toughCookie.Cookie({
+  key: "session",
+  value: "abc123",
+  domain: "example.org",
+  path: "/",
+  secure: true,
+  httpOnly: true,
+  maxAge: 3600
+});
+
+// Set the cookie using the Cookie object
+const cookieJar = new CookieJar();
+cookieJar.setCookieSync(cookie, "https://example.org/");
+
+// Use tough-cookie utilities
+const canonicalDomain = toughCookie.canonicalDomain("EXAMPLE.ORG");
+console.log(canonicalDomain); // "example.org"
+
+// Create custom cookie store
+class CustomStore extends toughCookie.Store {
+  constructor() {
+    super();
+    this.idx = {};
+  }
+
+  findCookie(domain, path, key, cb) {
+    // Custom implementation
+  }
+
+  // ... implement other Store methods
+}
+
+const customJar = new CookieJar(new CustomStore());
+```
+
+### Cookie Domain and Path Matching
+
+Cookies are automatically filtered based on the document's URL.
+
+**Usage Example:**
+
+```javascript
+const { JSDOM, CookieJar } = require("jsdom");
+
+const cookieJar = new CookieJar();
+
+// Set cookies for different domains and paths
+cookieJar.setCookieSync("global=1; Domain=example.org", "https://example.org/");
+cookieJar.setCookieSync("api=2; Path=/api", "https://example.org/api/");
+cookieJar.setCookieSync("admin=3; Path=/admin", "https://example.org/admin/");
+
+// Document at root path sees global and no path-specific cookies
+const dom1 = new JSDOM(``, {
+  url: "https://example.org/",
+  cookieJar
+});
+console.log(dom1.window.document.cookie); // "global=1"
+
+// Document at /api path sees global and api cookies
+const dom2 = new JSDOM(``, {
+  url: "https://example.org/api/endpoint",
+  cookieJar
+});
+console.log(dom2.window.document.cookie); // "global=1; api=2"
+
+// Document at /admin path sees global and admin cookies
+const dom3 = new JSDOM(``, {
+  url: "https://example.org/admin/panel",
+  cookieJar
+});
+console.log(dom3.window.document.cookie); // "global=1; admin=3"
+```
+
+### Priming Cookie Jar
+
+You can pre-populate a cookie jar before creating jsdom instances.
+
+**Usage Example:**
+
+```javascript
+const { JSDOM, CookieJar } = require("jsdom");
+
+// Prime the jar with initial cookies
+const cookieJar = new CookieJar();
+cookieJar.setCookieSync("user_id=12345", "https://app.example.com/");
+cookieJar.setCookieSync("session_token=abc123", "https://app.example.com/");
+cookieJar.setCookieSync("preferences=dark_mode", "https://app.example.com/");
+
+// Use the primed jar with jsdom
+const dom = new JSDOM(`
+  <script>
+    console.log("Cookies:", document.cookie);
+    // Will log all the pre-set cookies
+  </script>
+`, {
+  url: "https://app.example.com/",
+  runScripts: "dangerously",
+  cookieJar
+});
+
+// Useful for testing authenticated scenarios
+async function testAuthenticatedPage() {
+  const jar = new CookieJar();
+  jar.setCookieSync("auth=valid_token", "https://example.com/");
+
+  const dom = await JSDOM.fromURL("https://example.com/dashboard", {
+    cookieJar: jar
+  });
+
+  // The request will include the auth cookie
+  return dom.window.document.title;
+}
+```
+
diff --git a/.tessl/tiles/tessl/npm-jsdom/docs/api/jsdom-constructor.md b/.tessl/tiles/tessl/npm-jsdom/docs/api/jsdom-constructor.md
new file mode 100644
index 000000000..c5d37451c
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-jsdom/docs/api/jsdom-constructor.md
@@ -0,0 +1,541 @@
+# JSDOM Constructor and Methods
+
+The JSDOM class is the main entry point for creating DOM instances. It provides a constructor and several factory methods for creating instances from different sources.
+
+## Constructor
+
+Creates a jsdom instance from an HTML string or binary data.
+
+```javascript { .api }
+/**
+ * Creates a jsdom instance
+ * @param input - HTML string or binary data (Buffer, ArrayBuffer, TypedArray)
+ * @param options - Configuration options
+ */
+constructor(input?: string | Buffer | ArrayBuffer | TypedArray, options?: JSDOMOptions);
+```
+
+**Usage Examples:**
+
+```javascript
+const { JSDOM } = require("jsdom");
+
+// Basic usage with HTML string
+const dom = new JSDOM(`<!DOCTYPE html><p>Hello world</p>`);
+
+// With options
+const dom = new JSDOM(`<!DOCTYPE html><body></body>`, {
+  url: "https://example.org/",
+  referrer: "https://example.com/",
+  contentType: "text/html",
+  includeNodeLocations: true,
+  storageQuota: 10000000
+});
+
+// With binary data (auto-detects encoding)
+const buffer = Buffer.from('<!DOCTYPE html><p>Hello</p>');
+const dom = new JSDOM(buffer);
+```
+
+## Constructor Options
+
+```javascript { .api }
+interface JSDOMOptions {
+  /**
+   * Sets window.location, document.URL, and document.documentURI
+   * Also affects relative URL resolution and same-origin checks
+   * @default "about:blank"
+   */
+  url?: string;
+
+  /**
+   * Sets document.referrer
+   * @default "" (empty string)
+   */
+  referrer?: string;
+
+  /**
+   * Document content type - affects parsing mode
+   * Must be an HTML MIME type or XML MIME type
+   * @default "text/html"
+   */
+  contentType?: string;
+
+  /**
+   * Preserves location info for nodeLocation() method
+   * Also ensures correct line numbers in script stack traces
+   * Cannot be used with XML content type
+   * @default false
+   */
+  includeNodeLocations?: boolean;
+
+  /**
+   * Maximum size in code units for localStorage and sessionStorage
+   * @default 5000000
+   */
+  storageQuota?: number;
+
+  /**
+   * Controls script execution
+   * - undefined: Scripts don't execute (default)
+   * - "outside-only": Enables window.eval() and fresh globals
+   * - "dangerously": Executes inline and external scripts (security risk!)
+   * @default undefined
+   */
+  runScripts?: "dangerously" | "outside-only";
+
+  /**
+   * Controls resource loading (scripts, stylesheets, images, iframes)
+   * - undefined: No resources loaded (default)
+   * - "usable": Loads usable resources
+   * - ResourceLoader instance: Custom resource loading
+   * @default undefined
+   */
+  resources?: "usable" | ResourceLoader;
+
+  /**
+   * Pretends to be rendering/displaying content
+   * - Changes document.hidden to false
+   * - Changes document.visibilityState to "visible"
+   * - Enables requestAnimationFrame/cancelAnimationFrame
+   * @default false
+   */
+  pretendToBeVisual?: boolean;
+
+  /**
+   * Custom virtual console for capturing output
+   * @default new VirtualConsole().forwardTo(console)
+   */
+  virtualConsole?: VirtualConsole;
+
+  /**
+   * Cookie jar for HTTP cookie storage
+   * @default new CookieJar()
+   */
+  cookieJar?: CookieJar;
+
+  /**
+   * Hook called before HTML parsing begins
+   * Useful for adding shims or modifying the environment
+   * @param window - The window object (not yet populated with DOM)
+   */
+  beforeParse?: (window: Window) => void;
+}
+```
+
+**Example with Multiple Options:**
+
+```javascript
+const { JSDOM, VirtualConsole, ResourceLoader } = require("jsdom");
+
+const virtualConsole = new VirtualConsole();
+virtualConsole.on("error", (err) => console.error("Page error:", err));
+
+const resourceLoader = new ResourceLoader({
+  userAgent: "MyApp/1.0"
+});
+
+const dom = new JSDOM(`<!DOCTYPE html><html><body></body></html>`, {
+  url: "https://example.org/",
+  referrer: "https://google.com/",
+  contentType: "text/html",
+  includeNodeLocations: true,
+  storageQuota: 10000000,
+  runScripts: "dangerously",
+  resources: resourceLoader,
+  pretendToBeVisual: true,
+  virtualConsole: virtualConsole,
+  beforeParse(window) {
+    window.myCustomAPI = () => console.log("Custom API called");
+  }
+});
+```
+
+## Instance Properties
+
+```javascript { .api }
+/**
+ * The Window object (global proxy)
+ * Provides access to the full DOM and web APIs
+ */
+readonly window: Window;
+
+/**
+ * The VirtualConsole instance for this jsdom
+ */
+readonly virtualConsole: VirtualConsole;
+
+/**
+ * The CookieJar instance for this jsdom
+ */
+readonly cookieJar: CookieJar;
+```
+
+**Usage Example:**
+
+```javascript
+const dom = new JSDOM(`<!DOCTYPE html><p>Hello</p>`);
+
+// Access window
+const { document } = dom.window;
+console.log(document.querySelector("p").textContent); // "Hello"
+
+// Access virtual console
+dom.virtualConsole.on("error", err => console.error(err));
+
+// Access cookie jar (compatible with tough-cookie)
+dom.cookieJar.setCookieSync("key=value", "https://example.org/");
+```
+
+## serialize()
+
+Returns the HTML serialization of the document, including the doctype.
+
+```javascript { .api }
+/**
+ * Serializes the document to an HTML string
+ * @returns HTML string including doctype
+ */
+serialize(): string;
+```
+
+**Usage Example:**
+
+```javascript
+const dom = new JSDOM(`<!DOCTYPE html>hello`);
+
+const html = dom.serialize();
+// Returns: "<!DOCTYPE html><html><head></head><body>hello</body></html>"
+
+// Contrast with:
+const outerHTML = dom.window.document.documentElement.outerHTML;
+// Returns: "<html><head></head><body>hello</body></html>" (no doctype)
+```
+
+## nodeLocation()
+
+Returns the source code location information for a DOM node. Requires `includeNodeLocations: true` option.
+
+```javascript { .api }
+/**
+ * Gets the source code location of a node
+ * @param node - The DOM node to locate
+ * @returns Location information from the HTML parser, null for implicitly created nodes (like <html>, <body>),
+ *          or undefined for dynamically created nodes
+ * @throws Error if includeNodeLocations was not set to true
+ */
+nodeLocation(node: Node): LocationInfo | null | undefined;
+
+interface LocationInfo {
+  startOffset: number;
+  endOffset: number;
+  startLine: number;
+  startCol: number;
+  endLine: number;
+  endCol: number;
+  startTag?: {
+    startOffset: number;
+    endOffset: number;
+    startLine: number;
+    startCol: number;
+    endLine: number;
+    endCol: number;
+    attrs?: Record<string, { startOffset: number; endOffset: number; startLine: number; startCol: number; endLine: number; endCol: number; }>;
+  };
+  endTag?: {
+    startOffset: number;
+    endOffset: number;
+    startLine: number;
+    startCol: number;
+    endLine: number;
+    endCol: number;
+  };
+  attrs?: Record<string, { startOffset: number; endOffset: number; startLine: number; startCol: number; endLine: number; endCol: number; }>;
+}
+```
+
+**Usage Example:**
+
+```javascript
+const dom = new JSDOM(
+  `<p>Hello
+    <img src="foo.jpg">
+  </p>`,
+  { includeNodeLocations: true }
+);
+
+const pEl = dom.window.document.querySelector("p");
+const imgEl = dom.window.document.querySelector("img");
+const textNode = pEl.firstChild;
+
+console.log(dom.nodeLocation(pEl));
+// { startOffset: 0, endOffset: 39, startTag: {...}, endTag: {...} }
+
+console.log(dom.nodeLocation(textNode));
+// { startOffset: 3, endOffset: 13 }
+
+console.log(dom.nodeLocation(imgEl));
+// { startOffset: 13, endOffset: 32 }
+
+// Implicitly created elements return null
+const bodyEl = dom.window.document.body;
+console.log(dom.nodeLocation(bodyEl)); // null
+```
+
+## getInternalVMContext()
+
+Returns the internal VM context for advanced script execution using Node.js `vm` module.
+
+```javascript { .api }
+/**
+ * Gets the internal VM context for use with Node.js vm module
+ * @returns The contextified global object
+ * @throws TypeError if runScripts was not set
+ */
+getInternalVMContext(): vm.Context;
+```
+
+**Usage Example:**
+
+```javascript
+const { Script } = require("vm");
+const { JSDOM } = require("jsdom");
+
+const dom = new JSDOM(``, { runScripts: "outside-only" });
+
+// Pre-compile a script
+const script = new Script(`
+  if (!this.ran) {
+    this.ran = 0;
+  }
+  ++this.ran;
+`);
+
+const vmContext = dom.getInternalVMContext();
+
+// Run the pre-compiled script multiple times
+script.runInContext(vmContext);
+script.runInContext(vmContext);
+script.runInContext(vmContext);
+
+console.assert(dom.window.ran === 3);
+```
+
+## reconfigure()
+
+Reconfigures the jsdom's URL or window.top after creation. Does not perform navigation or reload content.
+
+```javascript { .api }
+/**
+ * Reconfigures settings that are normally immutable
+ * @param settings - Settings to update
+ */
+reconfigure(settings: ReconfigureSettings): void;
+
+interface ReconfigureSettings {
+  /**
+   * Changes window.top (which is normally unforgeable)
+   */
+  windowTop?: Window;
+
+  /**
+   * Changes the document URL
+   * Affects window.location, document.URL, document.documentURI,
+   * relative URL resolution, and same-origin checks
+   * Does not navigate or reload content
+   */
+  url?: string;
+}
+```
+
+**Usage Example:**
+
+```javascript
+const { JSDOM } = require("jsdom");
+
+const dom = new JSDOM();
+
+console.log(dom.window.location.href); // "about:blank"
+
+// Change the URL
+dom.reconfigure({ url: "https://example.com/" });
+
+console.log(dom.window.location.href); // "https://example.com/"
+console.log(dom.window.document.URL); // "https://example.com/"
+
+// The DOM content remains unchanged
+// No navigation occurs, just URL update
+```
+
+## Static: fragment()
+
+Creates a DocumentFragment from an HTML string without creating a full JSDOM instance. Useful for simple DOM manipulation without the overhead of a complete browser environment.
+
+```javascript { .api }
+/**
+ * Creates a DocumentFragment from an HTML string
+ * Uses a shared template owner document for efficiency
+ * All fragments share the same owner document
+ * @param html - HTML string to parse
+ * @returns DocumentFragment containing parsed nodes
+ */
+static fragment(html: string): DocumentFragment;
+```
+
+**Usage Example:**
+
+```javascript
+const { JSDOM } = require("jsdom");
+
+const frag = JSDOM.fragment(`<p>Hello</p><p><strong>Hi!</strong></p>`);
+
+console.log(frag.childNodes.length); // 2
+console.log(frag.querySelector("strong").textContent); // "Hi!"
+
+// Can manipulate the fragment
+frag.querySelector("p").textContent = "Updated";
+
+// Note: The fragment's ownerDocument has no browsing context
+// - ownerDocument.defaultView is null
+// - Resources won't load
+// - No associated URL
+
+// Serialization of single-element fragments
+const singleFrag = JSDOM.fragment(`<p>Hello</p>`);
+console.log(singleFrag.firstChild.outerHTML); // "<p>Hello</p>"
+```
+
+## Static: fromURL()
+
+Promise-returning factory method that creates a jsdom by fetching content from a URL.
+
+```javascript { .api }
+/**
+ * Creates a JSDOM instance by fetching from a URL
+ * @param url - URL to fetch
+ * @param options - Configuration options (similar to constructor)
+ * @returns Promise that resolves to JSDOM instance
+ * @throws If URL is invalid or request fails
+ */
+static fromURL(url: string, options?: FromURLOptions): Promise<JSDOM>;
+
+interface FromURLOptions extends Omit<JSDOMOptions, "url" | "contentType"> {
+  // url and contentType are determined from the HTTP response
+  // All other JSDOMOptions are supported
+
+  /**
+   * Used as HTTP Referer request header
+   */
+  referrer?: string;
+}
+```
+
+**Usage Example:**
+
+```javascript
+const { JSDOM } = require("jsdom");
+
+// Basic usage
+JSDOM.fromURL("https://example.com/").then(dom => {
+  console.log(dom.serialize());
+  console.log(dom.window.document.title);
+});
+
+// With options
+JSDOM.fromURL("https://example.com/", {
+  referrer: "https://google.com/",
+  resources: "usable",
+  runScripts: "dangerously"
+}).then(dom => {
+  // The dom's URL is set from the final URL (after redirects)
+  console.log(dom.window.location.href);
+
+  // Content-Type header determines the document's content type
+  console.log(dom.window.document.contentType);
+});
+
+// Cookies are handled automatically
+const { CookieJar } = require("jsdom");
+const cookieJar = new CookieJar();
+
+JSDOM.fromURL("https://example.com/", { cookieJar }).then(dom => {
+  // Cookies from Set-Cookie headers are stored in the jar
+  // Cookies in the jar are sent with the request
+});
+
+// Using async/await
+async function fetchPage() {
+  const dom = await JSDOM.fromURL("https://example.com/");
+  return dom.window.document.querySelector("h1").textContent;
+}
+```
+
+**Important Notes:**
+- Follows redirects automatically
+- Cannot specify `url` or `contentType` options (determined from response)
+- `referrer` option becomes the HTTP Referer request header
+- `resources` option affects the initial request (e.g., for proxy configuration)
+- Cookies from Set-Cookie headers are stored in the cookie jar
+- Cookies in the jar are sent as Cookie request headers
+
+## Static: fromFile()
+
+Promise-returning factory method that creates a jsdom from a local file.
+
+```javascript { .api }
+/**
+ * Creates a JSDOM instance by reading from a file
+ * @param filename - Path to file (relative to current working directory)
+ * @param options - Configuration options
+ * @returns Promise that resolves to JSDOM instance
+ */
+static fromFile(filename: string, options?: JSDOMOptions): Promise<JSDOM>;
+```
+
+**Usage Example:**
+
+```javascript
+const { JSDOM } = require("jsdom");
+
+// Basic usage
+JSDOM.fromFile("./test.html").then(dom => {
+  console.log(dom.serialize());
+});
+
+// With options
+JSDOM.fromFile("./test.html", {
+  url: "https://example.org/",
+  resources: "usable",
+  runScripts: "dangerously"
+}).then(dom => {
+  console.log(dom.window.document.title);
+});
+
+// Using async/await
+async function processFile() {
+  const dom = await JSDOM.fromFile("./page.html");
+  return dom.window.document.querySelectorAll("p").length;
+}
+```
+
+**Default Behaviors:**
+- `url` defaults to a file URL (e.g., `file:///path/to/test.html`) instead of `"about:blank"`
+- `contentType` defaults to `"application/xhtml+xml"` for `.xht`, `.xhtml`, or `.xml` extensions
+- `contentType` defaults to `"text/html"` for all other extensions
+- Binary encoding is sniffed from file contents (BOMs, meta charset tags)
+
+**Example with File Extensions:**
+
+```javascript
+// HTML file - parsed as text/html
+await JSDOM.fromFile("./page.html");
+
+// XHTML file - parsed as application/xhtml+xml
+await JSDOM.fromFile("./page.xhtml");
+
+// Override content type
+await JSDOM.fromFile("./data.xml", {
+  contentType: "text/html" // Parse XML file as HTML
+});
+```
+
diff --git a/.tessl/tiles/tessl/npm-jsdom/docs/api/resource-loading.md b/.tessl/tiles/tessl/npm-jsdom/docs/api/resource-loading.md
new file mode 100644
index 000000000..d3e13b187
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-jsdom/docs/api/resource-loading.md
@@ -0,0 +1,598 @@
+# Resource Loading
+
+The ResourceLoader class handles loading of external resources including scripts, stylesheets, images, and iframes. It can be customized via subclassing for advanced use cases like proxies, custom headers, or response modification.
+
+## Capabilities
+
+### Resource Loading Basics
+
+By default, jsdom does not load any external resources. Enable resource loading with the `resources` option.
+
+**Usage Examples:**
+
+```javascript
+const { JSDOM } = require("jsdom");
+
+// Default: No resources loaded
+const dom1 = new JSDOM(`
+  <script src="https://example.com/script.js"></script>
+  <link rel="stylesheet" href="https://example.com/style.css">
+`);
+// script.js and style.css will NOT be loaded
+
+// Enable usable resources
+const dom2 = new JSDOM(`
+  <script src="https://example.com/script.js"></script>
+  <link rel="stylesheet" href="https://example.com/style.css">
+`, {
+  resources: "usable",
+  runScripts: "dangerously" // Required for external scripts
+});
+// script.js and style.css WILL be loaded
+```
+
+### Usable Resources
+
+When `resources: "usable"` is set, jsdom loads the following resource types:
+
+- **Frames and iframes**: `<frame>` and `<iframe>` elements
+- **Stylesheets**: `<link rel="stylesheet">` elements
+- **Scripts**: `<script src="">` elements (requires `runScripts: "dangerously"`)
+- **Images**: `<img>` elements (requires optional `canvas` npm package)
+
+**Important:** Set a valid `url` option to resolve relative URLs correctly. The default URL is `"about:blank"`, which causes relative URLs to fail.
+
+**Usage Example:**
+
+```javascript
+const { JSDOM } = require("jsdom");
+
+// BAD: Relative URLs will fail with default "about:blank"
+const dom1 = new JSDOM(`
+  <script src="/script.js"></script>
+`, {
+  resources: "usable",
+  runScripts: "dangerously"
+});
+// Fails: Cannot parse "/script.js" against "about:blank"
+
+// GOOD: Provide base URL for relative URLs
+const dom2 = new JSDOM(`
+  <script src="/script.js"></script>
+`, {
+  url: "https://example.org/",
+  resources: "usable",
+  runScripts: "dangerously"
+});
+// Success: Loads "https://example.org/script.js"
+
+// Or use fromURL() which sets URL automatically
+JSDOM.fromURL("https://example.org/page.html", {
+  resources: "usable",
+  runScripts: "dangerously"
+}).then(dom => {
+  // All resources are loaded with correct base URL
+});
+```
+
+### ResourceLoader Constructor
+
+Creates a custom resource loader with configuration for proxies, SSL, and user agent.
+
+```javascript { .api }
+/**
+ * Creates a resource loader
+ * @param options - Configuration options
+ */
+constructor(options?: ResourceLoaderOptions);
+
+interface ResourceLoaderOptions {
+  /**
+   * HTTP proxy address
+   * @example "http://127.0.0.1:9001"
+   */
+  proxy?: string;
+
+  /**
+   * Whether to require valid SSL certificates
+   * @default true
+   */
+  strictSSL?: boolean;
+
+  /**
+   * User-Agent header for requests
+   * Also sets navigator.userAgent
+   * @default "Mozilla/5.0 (${process.platform}) AppleWebKit/537.36 (KHTML, like Gecko) jsdom/${version}"
+   */
+  userAgent?: string;
+}
+```
+
+**Usage Example:**
+
+```javascript
+const { JSDOM, ResourceLoader } = require("jsdom");
+
+// Basic configuration
+const resourceLoader = new ResourceLoader({
+  proxy: "http://127.0.0.1:9001",
+  strictSSL: false,
+  userAgent: "MyApp/1.0"
+});
+
+const dom = new JSDOM(`
+  <html>
+    <head>
+      <script src="https://example.com/script.js"></script>
+      <link rel="stylesheet" href="https://example.com/style.css">
+    </head>
+  </html>
+`, {
+  url: "https://example.org/",
+  resources: resourceLoader,
+  runScripts: "dangerously"
+});
+
+// All requests will:
+// - Use the proxy
+// - Accept invalid SSL certificates
+// - Send "User-Agent: MyApp/1.0" header
+
+console.log(dom.window.navigator.userAgent); // "MyApp/1.0"
+```
+
+### Custom Resource Loading
+
+Subclass ResourceLoader and override the `fetch()` method for complete control over resource loading.
+
+```javascript { .api }
+/**
+ * Fetch a resource
+ * Override this method in subclasses for custom behavior
+ * @param url - URL to fetch
+ * @param options - Request options
+ * @returns Promise resolving to Buffer of content, or null to skip loading.
+ *          For HTTP/HTTPS requests, the Promise has additional properties:
+ *          - response: HTTP response object (available after 'response' event)
+ *          - href: Final URL after redirects (available after request completes)
+ *          - abort(): Method to cancel the request
+ *          - getHeader(name): Method to retrieve request header values
+ */
+fetch(url: string, options: FetchOptions): FetchPromise;
+
+interface FetchOptions {
+  /**
+   * DOM element requesting the resource (if applicable)
+   */
+  element?: Element;
+
+  /**
+   * Accept header value
+   */
+  accept?: string;
+
+  /**
+   * Cookie jar for sending cookies
+   */
+  cookieJar?: CookieJar;
+
+  /**
+   * Referrer URL
+   */
+  referrer?: string;
+}
+
+interface FetchPromise extends Promise<Buffer | null> {
+  /**
+   * HTTP response object (only for HTTP/HTTPS requests)
+   * Set during the 'response' event
+   */
+  response?: {
+    statusCode: number;
+    headers: Record<string, string>;
+  };
+
+  /**
+   * Final URL after following redirects (only for HTTP/HTTPS requests)
+   * Available after request completes
+   */
+  href?: string;
+
+  /**
+   * Abort the fetch request (all request types)
+   */
+  abort(): void;
+
+  /**
+   * Get a request header value (only for HTTP/HTTPS requests)
+   * @param name - Header name
+   * @returns Header value
+   */
+  getHeader?(name: string): string | undefined;
+}
+```
+
+**Usage Example:**
+
+```javascript
+const { JSDOM, ResourceLoader } = require("jsdom");
+
+// Override specific URL
+class CustomResourceLoader extends ResourceLoader {
+  fetch(url, options) {
+    // Override a specific script's contents
+    if (url === "https://example.com/config.js") {
+      return Promise.resolve(Buffer.from(`
+        window.CONFIG = { apiUrl: "https://test-api.example.com" };
+      `));
+    }
+
+    // Block certain resources
+    if (url.includes("analytics")) {
+      return Promise.resolve(null); // Return null to skip loading
+    }
+
+    // Use default behavior for everything else
+    return super.fetch(url, options);
+  }
+}
+
+const dom = new JSDOM(`
+  <html>
+    <head>
+      <script src="https://example.com/config.js"></script>
+      <script src="https://analytics.example.com/tracker.js"></script>
+      <script src="https://example.com/app.js"></script>
+    </head>
+  </html>
+`, {
+  url: "https://example.org/",
+  resources: new CustomResourceLoader(),
+  runScripts: "dangerously"
+});
+
+// config.js loads with custom content
+// tracker.js is blocked
+// app.js loads normally
+```
+
+### Logging Resource Requests
+
+Use the `element` option to identify which element is requesting a resource.
+
+**Usage Example:**
+
+```javascript
+const { JSDOM, ResourceLoader } = require("jsdom");
+
+class LoggingResourceLoader extends ResourceLoader {
+  fetch(url, options) {
+    if (options.element) {
+      console.log(`Element ${options.element.localName} is requesting ${url}`);
+      console.log(`Element attributes:`, {
+        id: options.element.id,
+        className: options.element.className,
+        src: options.element.src,
+        href: options.element.href
+      });
+    } else {
+      console.log(`Requesting ${url} (no element)`);
+    }
+
+    return super.fetch(url, options);
+  }
+}
+
+const dom = new JSDOM(`
+  <html>
+    <head>
+      <link rel="stylesheet" href="https://example.com/style.css">
+      <script src="https://example.com/script.js"></script>
+    </head>
+    <body>
+      <img id="logo" src="https://example.com/logo.png">
+      <iframe src="https://example.com/widget.html"></iframe>
+    </body>
+  </html>
+`, {
+  url: "https://example.org/",
+  resources: new LoggingResourceLoader(),
+  runScripts: "dangerously"
+});
+
+// Output:
+// Element link is requesting https://example.com/style.css
+// Element script is requesting https://example.com/script.js
+// Element img is requesting https://example.com/logo.png
+// Element iframe is requesting https://example.com/widget.html
+```
+
+### Modifying Resources
+
+Intercept and modify resource contents before they're used.
+
+**Usage Example:**
+
+```javascript
+const { JSDOM, ResourceLoader } = require("jsdom");
+
+class ModifyingResourceLoader extends ResourceLoader {
+  async fetch(url, options) {
+    const buffer = await super.fetch(url, options);
+
+    if (!buffer) return null;
+
+    // Modify JavaScript files
+    if (url.endsWith(".js")) {
+      let content = buffer.toString("utf-8");
+
+      // Add instrumentation
+      content = `console.log("Loading ${url}");\n` + content;
+
+      // Replace API endpoints
+      content = content.replace(
+        /https:\/\/api\.example\.com/g,
+        "https://test-api.example.com"
+      );
+
+      return Buffer.from(content, "utf-8");
+    }
+
+    // Modify CSS files
+    if (url.endsWith(".css")) {
+      let content = buffer.toString("utf-8");
+
+      // Add custom CSS
+      content = `/* Custom styles */\n` + content;
+
+      return Buffer.from(content, "utf-8");
+    }
+
+    return buffer;
+  }
+}
+
+const dom = new JSDOM(html, {
+  url: "https://example.org/",
+  resources: new ModifyingResourceLoader(),
+  runScripts: "dangerously"
+});
+```
+
+### Caching Resources
+
+Implement a cache to avoid re-fetching resources.
+
+**Usage Example:**
+
+```javascript
+const { JSDOM, ResourceLoader } = require("jsdom");
+
+class CachingResourceLoader extends ResourceLoader {
+  constructor(options) {
+    super(options);
+    this.cache = new Map();
+  }
+
+  async fetch(url, options) {
+    // Check cache
+    if (this.cache.has(url)) {
+      console.log(`Cache hit: ${url}`);
+      return this.cache.get(url);
+    }
+
+    console.log(`Cache miss: ${url}`);
+
+    // Fetch and cache
+    const buffer = await super.fetch(url, options);
+
+    if (buffer) {
+      this.cache.set(url, buffer);
+    }
+
+    return buffer;
+  }
+
+  clearCache() {
+    this.cache.clear();
+  }
+}
+
+const loader = new CachingResourceLoader();
+
+// First page - fetches resources
+const dom1 = await JSDOM.fromURL("https://example.com/", {
+  resources: loader,
+  runScripts: "dangerously"
+});
+
+// Second page - uses cached resources (if URLs match)
+const dom2 = await JSDOM.fromURL("https://example.com/page2", {
+  resources: loader,
+  runScripts: "dangerously"
+});
+
+// Clear cache when done
+loader.clearCache();
+```
+
+### Async Resource Loading
+
+Note that resource loading is asynchronous. Scripts and stylesheets may not be loaded immediately.
+
+**Usage Example:**
+
+```javascript
+const { JSDOM } = require("jsdom");
+
+const dom = new JSDOM(`
+  <html>
+    <head>
+      <script src="https://example.com/slow-loading.js"></script>
+    </head>
+    <body>
+      <div id="content"></div>
+      <script>
+        // This inline script runs immediately
+        // But slow-loading.js may not have loaded yet
+        console.log("Inline script executed");
+      </script>
+    </body>
+  </html>
+`, {
+  url: "https://example.org/",
+  resources: "usable",
+  runScripts: "dangerously"
+});
+
+// The page structure is available immediately
+console.log(dom.window.document.getElementById("content")); // <div>
+
+// But external scripts may still be loading
+// There's no built-in way to know when all resources finish loading
+
+// Workaround: Use a callback in the page
+const domWithCallback = new JSDOM(`
+  <html>
+    <head>
+      <script src="https://example.com/lib.js"></script>
+    </head>
+    <body>
+      <script>
+        // Signal when ready
+        if (typeof window.onLibraryLoaded === 'function') {
+          window.onLibraryLoaded();
+        }
+      </script>
+    </body>
+  </html>
+`, {
+  url: "https://example.org/",
+  resources: "usable",
+  runScripts: "dangerously"
+});
+
+// Set up callback before or during creation
+domWithCallback.window.onLibraryLoaded = () => {
+  console.log("Library is loaded!");
+};
+```
+
+### Error Handling
+
+Resource loading errors are reported via the virtual console's `jsdomError` event.
+
+**Usage Example:**
+
+```javascript
+const { JSDOM, VirtualConsole } = require("jsdom");
+
+const virtualConsole = new VirtualConsole();
+
+virtualConsole.on("jsdomError", (error) => {
+  if (error.type === "resource-loading") {
+    console.error(`Failed to load: ${error.url}`);
+    console.error(`Error: ${error.cause?.message}`);
+  }
+});
+
+const dom = new JSDOM(`
+  <html>
+    <head>
+      <script src="https://nonexistent.example.com/script.js"></script>
+      <link rel="stylesheet" href="https://example.com/missing.css">
+    </head>
+  </html>
+`, {
+  url: "https://example.org/",
+  resources: "usable",
+  runScripts: "dangerously",
+  virtualConsole
+});
+
+// Will emit jsdomError events for failed resources
+```
+
+### Synchronous Resource Access
+
+For resources you need synchronously, provide them via custom ResourceLoader or `beforeParse` hook.
+
+**Usage Example:**
+
+```javascript
+const { JSDOM, ResourceLoader } = require("jsdom");
+const fs = require("fs");
+
+class LocalResourceLoader extends ResourceLoader {
+  fetch(url, options) {
+    // Serve local files for specific URLs
+    if (url === "https://example.com/jquery.js") {
+      const content = fs.readFileSync("./node_modules/jquery/dist/jquery.js");
+      return Promise.resolve(content);
+    }
+
+    return super.fetch(url, options);
+  }
+}
+
+const dom = new JSDOM(`
+  <html>
+    <head>
+      <script src="https://example.com/jquery.js"></script>
+    </head>
+  </html>
+`, {
+  url: "https://example.org/",
+  resources: new LocalResourceLoader(),
+  runScripts: "dangerously"
+});
+
+// Or inject directly in beforeParse
+const dom2 = new JSDOM(`
+  <html>
+    <body>
+      <script>
+        // jQuery is already available
+        $('body').append('<p>Hello</p>');
+      </script>
+    </body>
+  </html>
+`, {
+  runScripts: "dangerously",
+  beforeParse(window) {
+    // Inject library before parsing
+    const jqueryCode = fs.readFileSync("./node_modules/jquery/dist/jquery.js", "utf-8");
+    window.eval(jqueryCode);
+  }
+});
+```
+
+### Resource Loading and Cookies
+
+Cookies from the cookie jar are automatically sent with resource requests.
+
+**Usage Example:**
+
+```javascript
+const { JSDOM, CookieJar } = require("jsdom");
+
+const cookieJar = new CookieJar();
+cookieJar.setCookieSync("auth=token123", "https://example.com/");
+
+const dom = new JSDOM(`
+  <html>
+    <head>
+      <script src="https://example.com/authenticated-api.js"></script>
+    </head>
+  </html>
+`, {
+  url: "https://example.com/",
+  resources: "usable",
+  runScripts: "dangerously",
+  cookieJar
+});
+
+// The request for authenticated-api.js will include:
+// Cookie: auth=token123
+```
+
diff --git a/.tessl/tiles/tessl/npm-jsdom/docs/api/virtual-console.md b/.tessl/tiles/tessl/npm-jsdom/docs/api/virtual-console.md
new file mode 100644
index 000000000..9004219e1
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-jsdom/docs/api/virtual-console.md
@@ -0,0 +1,378 @@
+# Virtual Console
+
+The VirtualConsole class captures both in-page `window.console` calls and jsdom implementation messages. It provides event-based access to all console output and jsdom-specific error reporting.
+
+## Capabilities
+
+### VirtualConsole Constructor
+
+Creates a new virtual console with no default behavior.
+
+```javascript { .api }
+/**
+ * Creates a virtual console instance
+ * By default, does nothing - must add event listeners or use forwardTo()
+ */
+constructor();
+```
+
+**Usage Example:**
+
+```javascript
+const { JSDOM, VirtualConsole } = require("jsdom");
+
+const virtualConsole = new VirtualConsole();
+const dom = new JSDOM(``, { virtualConsole });
+
+// Without listeners or forwardTo(), console output is silent
+```
+
+### forwardTo()
+
+Forwards all console output to another console object.
+
+```javascript { .api }
+/**
+ * Forwards virtual console output to another console
+ * @param console - Target console (e.g., Node.js console)
+ * @param options - Filtering options for jsdomError events
+ * @returns this (for chaining)
+ * @throws TypeError if jsdomErrors is not undefined, "none", or an array
+ */
+forwardTo(console: Console, options?: ForwardOptions): this;
+
+interface ForwardOptions {
+  /**
+   * Controls which jsdomError events are forwarded
+   * - undefined: All jsdomErrors forwarded (default)
+   * - "none": No jsdomErrors forwarded
+   * - string[]: Only specified error types forwarded
+   * @throws TypeError if value is not undefined, "none", or an array
+   */
+  jsdomErrors?: "none" | Array<"unhandled-exception" | "css-parsing" | "not-implemented" | "resource-loading">;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+const { JSDOM, VirtualConsole } = require("jsdom");
+
+// Forward everything to Node.js console
+const virtualConsole = new VirtualConsole();
+virtualConsole.forwardTo(console);
+
+const dom = new JSDOM(`
+  <script>
+    console.log("Hello from the page!");
+    console.error("An error occurred");
+  </script>
+`, {
+  runScripts: "dangerously",
+  virtualConsole
+});
+// Output: Hello from the page!
+// Output: An error occurred
+
+// Forward console output but suppress jsdom errors
+const vc = new VirtualConsole();
+vc.forwardTo(console, { jsdomErrors: "none" });
+
+// Forward only specific jsdom error types
+const vc2 = new VirtualConsole();
+vc2.forwardTo(console, {
+  jsdomErrors: ["unhandled-exception", "not-implemented"]
+});
+// CSS parsing and resource loading errors will not be forwarded
+```
+
+### Console Events
+
+The VirtualConsole is an EventEmitter that emits events for all console methods.
+
+```javascript { .api }
+/**
+ * Listen for console method calls
+ * @param event - Console method name
+ * @param listener - Event handler receiving console arguments
+ */
+on(event: ConsoleMethod, listener: (...args: any[]) => void): this;
+
+type ConsoleMethod =
+  | "assert"
+  | "clear"
+  | "count"
+  | "countReset"
+  | "debug"
+  | "dir"
+  | "dirxml"
+  | "error"
+  | "group"
+  | "groupCollapsed"
+  | "groupEnd"
+  | "info"
+  | "log"
+  | "table"
+  | "time"
+  | "timeEnd"
+  | "timeLog"
+  | "trace"
+  | "warn";
+```
+
+**Usage Example:**
+
+```javascript
+const { JSDOM, VirtualConsole } = require("jsdom");
+
+const virtualConsole = new VirtualConsole();
+
+// Listen for specific console methods
+virtualConsole.on("error", (...args) => {
+  console.error("Page error:", ...args);
+});
+
+virtualConsole.on("warn", (...args) => {
+  console.warn("Page warning:", ...args);
+});
+
+virtualConsole.on("info", (...args) => {
+  console.info("Page info:", ...args);
+});
+
+virtualConsole.on("log", (...args) => {
+  console.log("Page log:", ...args);
+});
+
+virtualConsole.on("dir", (obj) => {
+  console.log("Page dir:", obj);
+});
+
+const dom = new JSDOM(`
+  <script>
+    console.log("Message", 123);
+    console.error("Error message");
+    console.warn("Warning");
+    console.info("Info");
+    console.dir({ foo: "bar" });
+  </script>
+`, {
+  runScripts: "dangerously",
+  virtualConsole
+});
+```
+
+### jsdomError Event
+
+Special event for jsdom implementation errors and warnings.
+
+```javascript { .api }
+/**
+ * Listen for jsdom-specific errors
+ * @param event - Always "jsdomError"
+ * @param listener - Error handler
+ */
+on(event: "jsdomError", listener: (error: JSDOMError) => void): this;
+
+interface JSDOMError {
+  /**
+   * Type of jsdom error
+   */
+  type: "css-parsing" | "not-implemented" | "resource-loading" | "unhandled-exception";
+
+  /**
+   * Error message
+   */
+  message: string;
+
+  /**
+   * Original exception (for certain error types)
+   */
+  cause?: Error;
+
+  /**
+   * URL of resource (for resource-loading errors)
+   */
+  url?: string;
+
+  /**
+   * CSS stylesheet text (for css-parsing errors)
+   */
+  sheetText?: string;
+}
+```
+
+**Error Types:**
+
+#### css-parsing
+
+CSS parsing errors from the CSSOM parser.
+
+```javascript
+{
+  type: "css-parsing",
+  message: string,
+  cause: Error,        // Exception from rrweb-cssom parser
+  sheetText: string    // Full text of stylesheet that failed to parse
+}
+```
+
+#### not-implemented
+
+Called when unimplemented web platform methods are invoked.
+
+```javascript
+{
+  type: "not-implemented",
+  message: string
+}
+```
+
+#### resource-loading
+
+Resource loading failures (network errors, bad response codes).
+
+```javascript
+{
+  type: "resource-loading",
+  message: string,
+  cause: Error,    // Network error from Node.js or custom ResourceLoader
+  url: string      // URL that failed to load
+}
+```
+
+#### unhandled-exception
+
+Script execution errors not handled by Window error event listeners.
+
+```javascript
+{
+  type: "unhandled-exception",
+  message: string,
+  cause: Error     // Original exception thrown by script
+}
+```
+
+**Usage Example:**
+
+```javascript
+const { JSDOM, VirtualConsole } = require("jsdom");
+
+const virtualConsole = new VirtualConsole();
+
+// Handle all jsdom errors
+virtualConsole.on("jsdomError", (error) => {
+  switch (error.type) {
+    case "unhandled-exception":
+      console.error("Unhandled exception:", error.cause?.stack || error.message);
+      break;
+
+    case "css-parsing":
+      console.error("CSS parse error:", error.message);
+      console.error("CSS content:", error.sheetText);
+      break;
+
+    case "resource-loading":
+      console.error("Failed to load resource:", error.url);
+      console.error("Cause:", error.cause?.message);
+      break;
+
+    case "not-implemented":
+      console.warn("Not implemented:", error.message);
+      break;
+  }
+});
+
+const dom = new JSDOM(`
+  <html>
+    <head>
+      <style>
+        /* Invalid CSS */
+        .class {
+          color: #invalid-color;
+        }
+      </style>
+      <script src="https://nonexistent.example.com/script.js"></script>
+    </head>
+    <body>
+      <script>
+        throw new Error("Unhandled error in script");
+      </script>
+    </body>
+  </html>
+`, {
+  runScripts: "dangerously",
+  resources: "usable",
+  virtualConsole
+});
+```
+
+### Combining forwardTo() and Custom Handlers
+
+You can use both `forwardTo()` and custom event listeners together.
+
+**Usage Example:**
+
+```javascript
+const { JSDOM, VirtualConsole } = require("jsdom");
+
+const virtualConsole = new VirtualConsole();
+
+// Forward regular console output to Node.js console
+virtualConsole.forwardTo(console, { jsdomErrors: "none" });
+
+// But handle jsdom errors specially
+virtualConsole.on("jsdomError", (error) => {
+  if (error.type === "unhandled-exception") {
+    // Log to error tracking service
+    errorTracker.captureException(error.cause);
+  }
+});
+
+// And capture specific console methods for analysis
+const errorLogs = [];
+virtualConsole.on("error", (...args) => {
+  errorLogs.push({ timestamp: Date.now(), args });
+});
+
+const dom = new JSDOM(html, {
+  runScripts: "dangerously",
+  virtualConsole
+});
+```
+
+### Default Behavior
+
+If no virtual console is provided to the JSDOM constructor, a default one is created that forwards everything to the Node.js console:
+
+```javascript
+// These are equivalent:
+const dom1 = new JSDOM(html);
+
+const virtualConsole = new VirtualConsole();
+virtualConsole.forwardTo(console);
+const dom2 = new JSDOM(html, { virtualConsole });
+```
+
+### Setup Timing
+
+Set up event listeners **before** creating the JSDOM instance to capture errors that occur during parsing:
+
+```javascript
+const { JSDOM, VirtualConsole } = require("jsdom");
+
+// GOOD: Listeners set up before JSDOM creation
+const virtualConsole = new VirtualConsole();
+virtualConsole.on("jsdomError", (error) => {
+  console.error("Error:", error);
+});
+const dom = new JSDOM(html, { virtualConsole });
+
+// BAD: Listeners set up after - may miss parsing errors
+const dom2 = new JSDOM(html, { virtualConsole: new VirtualConsole() });
+dom2.virtualConsole.on("jsdomError", (error) => {
+  // May miss errors that occurred during parsing
+  console.error("Error:", error);
+});
+```
+
diff --git a/.tessl/tiles/tessl/npm-jsdom/docs/api/window-dom-apis.md b/.tessl/tiles/tessl/npm-jsdom/docs/api/window-dom-apis.md
new file mode 100644
index 000000000..f824fe12b
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-jsdom/docs/api/window-dom-apis.md
@@ -0,0 +1,870 @@
+# Window and DOM APIs
+
+The Window object created by jsdom provides access to 180+ web standard interfaces, creating a complete browser-like environment for JavaScript execution and DOM manipulation.
+
+## Accessing the Window Object
+
+```javascript
+const { JSDOM } = require("jsdom");
+
+const dom = new JSDOM(`<!DOCTYPE html><p>Hello world</p>`);
+
+// Access window
+const window = dom.window;
+
+// Or use destructuring
+const { document } = dom.window;
+const { Document, Element, Node, Event } = dom.window;
+```
+
+## API Categories
+
+jsdom implements a comprehensive set of web standards. All interfaces are accessible as properties of the `window` object.
+
+### DOM Core APIs
+
+Core DOM manipulation interfaces for working with nodes, elements, and documents.
+
+```javascript { .api }
+// Core node types
+interface Node {
+  // Node properties and methods per DOM specification
+  nodeType: number;
+  nodeName: string;
+  nodeValue: string | null;
+  parentNode: Node | null;
+  childNodes: NodeList;
+  firstChild: Node | null;
+  lastChild: Node | null;
+  previousSibling: Node | null;
+  nextSibling: Node | null;
+  ownerDocument: Document | null;
+
+  appendChild(node: Node): Node;
+  removeChild(node: Node): Node;
+  replaceChild(newChild: Node, oldChild: Node): Node;
+  insertBefore(newChild: Node, refChild: Node | null): Node;
+  cloneNode(deep: boolean): Node;
+  // ... and more
+}
+
+interface Element extends Node {
+  // Element properties and methods
+  tagName: string;
+  id: string;
+  className: string;
+  classList: DOMTokenList;
+  attributes: NamedNodeMap;
+  innerHTML: string;
+  outerHTML: string;
+  textContent: string;
+
+  getAttribute(name: string): string | null;
+  setAttribute(name: string, value: string): void;
+  removeAttribute(name: string): void;
+  hasAttribute(name: string): boolean;
+  querySelector(selectors: string): Element | null;
+  querySelectorAll(selectors: string): NodeList;
+  getElementsByTagName(name: string): HTMLCollection;
+  getElementsByClassName(names: string): HTMLCollection;
+  // ... and more
+}
+
+interface Document extends Node {
+  documentElement: Element;
+  head: HTMLHeadElement;
+  body: HTMLBodyElement;
+  title: string;
+  URL: string;
+  documentURI: string;
+  referrer: string;
+  cookie: string;
+  readyState: string;
+  contentType: string;
+
+  createElement(tagName: string): Element;
+  createTextNode(data: string): Text;
+  createDocumentFragment(): DocumentFragment;
+  createComment(data: string): Comment;
+  getElementById(id: string): Element | null;
+  getElementsByTagName(name: string): HTMLCollection;
+  getElementsByClassName(names: string): HTMLCollection;
+  querySelector(selectors: string): Element | null;
+  querySelectorAll(selectors: string): NodeList;
+  // ... and more
+}
+```
+
+**Available Interfaces:**
+
+- `Node` - Base node interface
+- `Element` - Element interface
+- `Document` - Document interface
+- `XMLDocument` - XML document
+- `DocumentFragment` - Document fragment
+- `DocumentType` - Doctype node
+- `Attr` - Attribute node
+- `CharacterData` - Base for text nodes
+- `Text` - Text node
+- `CDATASection` - CDATA section
+- `Comment` - Comment node
+- `ProcessingInstruction` - Processing instruction
+- `DOMImplementation` - DOM implementation factory
+
+**Collections:**
+
+- `NodeList` - List of nodes
+- `HTMLCollection` - Live collection of elements
+- `NamedNodeMap` - Named node map for attributes
+- `DOMStringMap` - String map (dataset)
+- `DOMTokenList` - Token list (classList)
+- `RadioNodeList` - Radio button group
+- `HTMLOptionsCollection` - Options collection
+- `HTMLFormControlsCollection` - Form controls
+- `StyleSheetList` - Stylesheets collection
+
+**Usage Example:**
+
+```javascript
+const { JSDOM } = require("jsdom");
+const dom = new JSDOM(`<!DOCTYPE html>
+  <html>
+    <head><title>Test</title></head>
+    <body>
+      <div id="main" class="container">
+        <p>Hello</p>
+        <p>World</p>
+      </div>
+    </body>
+  </html>
+`);
+
+const { document } = dom.window;
+
+// DOM manipulation
+const main = document.getElementById("main");
+console.log(main.tagName); // "DIV"
+console.log(main.className); // "container"
+
+// Create and append elements
+const newP = document.createElement("p");
+newP.textContent = "New paragraph";
+main.appendChild(newP);
+
+// Query selectors
+const paragraphs = document.querySelectorAll("p");
+console.log(paragraphs.length); // 3
+
+// Modify content
+document.title = "Updated Title";
+document.body.innerHTML = "<h1>New Content</h1>";
+```
+
+### HTML Element Interfaces
+
+jsdom implements 76 HTML element interfaces, each with element-specific properties and methods.
+
+**Common HTML Elements:**
+
+```javascript { .api }
+interface HTMLElement extends Element {
+  // Common to all HTML elements
+  title: string;
+  lang: string;
+  dir: string;
+  hidden: boolean;
+  tabIndex: number;
+  dataset: DOMStringMap;
+  style: CSSStyleDeclaration;
+
+  click(): void;
+  focus(): void;
+  blur(): void;
+  // ... and more
+}
+
+interface HTMLAnchorElement extends HTMLElement {
+  href: string;
+  target: string;
+  rel: string;
+  // ... and more
+}
+
+interface HTMLInputElement extends HTMLElement {
+  type: string;
+  value: string;
+  checked: boolean;
+  disabled: boolean;
+  name: string;
+  placeholder: string;
+  form: HTMLFormElement | null;
+  // ... and more
+}
+
+interface HTMLFormElement extends HTMLElement {
+  action: string;
+  method: string;
+  elements: HTMLFormControlsCollection;
+
+  submit(): void;
+  reset(): void;
+  // ... and more
+}
+```
+
+**All HTML Element Types:**
+
+`HTMLElement`, `HTMLAnchorElement`, `HTMLAreaElement`, `HTMLAudioElement`, `HTMLBaseElement`, `HTMLBodyElement`, `HTMLBRElement`, `HTMLButtonElement`, `HTMLCanvasElement`, `HTMLDataElement`, `HTMLDataListElement`, `HTMLDetailsElement`, `HTMLDialogElement`, `HTMLDirectoryElement`, `HTMLDivElement`, `HTMLDListElement`, `HTMLEmbedElement`, `HTMLFieldSetElement`, `HTMLFontElement`, `HTMLFormElement`, `HTMLFrameElement`, `HTMLFrameSetElement`, `HTMLHeadElement`, `HTMLHeadingElement`, `HTMLHtmlElement`, `HTMLHRElement`, `HTMLIFrameElement`, `HTMLImageElement`, `HTMLInputElement`, `HTMLLabelElement`, `HTMLLegendElement`, `HTMLLIElement`, `HTMLLinkElement`, `HTMLMapElement`, `HTMLMarqueeElement`, `HTMLMediaElement`, `HTMLMenuElement`, `HTMLMetaElement`, `HTMLMeterElement`, `HTMLModElement`, `HTMLObjectElement`, `HTMLOListElement`, `HTMLOptGroupElement`, `HTMLOptionElement`, `HTMLOutputElement`, `HTMLParagraphElement`, `HTMLParamElement`, `HTMLPictureElement`, `HTMLPreElement`, `HTMLProgressElement`, `HTMLQuoteElement`, `HTMLScriptElement`, `HTMLSelectElement`, `HTMLSlotElement`, `HTMLSourceElement`, `HTMLSpanElement`, `HTMLStyleElement`, `HTMLTableElement`, `HTMLTableCaptionElement`, `HTMLTableCellElement`, `HTMLTableColElement`, `HTMLTableRowElement`, `HTMLTableSectionElement`, `HTMLTemplateElement`, `HTMLTextAreaElement`, `HTMLTimeElement`, `HTMLTitleElement`, `HTMLTrackElement`, `HTMLUListElement`, `HTMLUnknownElement`, `HTMLVideoElement`
+
+**Usage Example:**
+
+```javascript
+const { JSDOM } = require("jsdom");
+const dom = new JSDOM(`<!DOCTYPE html>
+  <body>
+    <form id="myForm" action="/submit" method="post">
+      <input type="text" name="username" value="john">
+      <input type="password" name="password">
+      <button type="submit">Submit</button>
+    </form>
+  </body>
+`);
+
+const { document } = dom.window;
+
+// Access form
+const form = document.getElementById("myForm");
+console.log(form.action); // "/submit"
+console.log(form.method); // "post"
+
+// Access form controls
+const username = form.elements.namedItem("username");
+console.log(username.value); // "john"
+username.value = "jane";
+
+// Form manipulation
+form.reset();
+console.log(username.value); // "" (reset clears value)
+```
+
+### Event System
+
+Comprehensive event system supporting all standard web events.
+
+```javascript { .api }
+interface EventTarget {
+  addEventListener(type: string, listener: EventListener, options?: AddEventListenerOptions): void;
+  removeEventListener(type: string, listener: EventListener, options?: EventListenerOptions): void;
+  dispatchEvent(event: Event): boolean;
+}
+
+interface Event {
+  type: string;
+  target: EventTarget | null;
+  currentTarget: EventTarget | null;
+  eventPhase: number;
+  bubbles: boolean;
+  cancelable: boolean;
+  defaultPrevented: boolean;
+  timeStamp: number;
+
+  preventDefault(): void;
+  stopPropagation(): void;
+  stopImmediatePropagation(): void;
+  // ... and more
+}
+```
+
+**Event Types Available:**
+
+- `Event` - Base event
+- `UIEvent` - UI events base
+- `MouseEvent` - Mouse events
+- `PointerEvent` - Pointer events
+- `KeyboardEvent` - Keyboard events
+- `TouchEvent` - Touch events
+- `WheelEvent` - Mouse wheel
+- `FocusEvent` - Focus events
+- `InputEvent` - Input events
+- `CompositionEvent` - Text composition
+- `CustomEvent` - Custom events
+- `MessageEvent` - Message passing
+- `ErrorEvent` - Error events
+- `ProgressEvent` - Progress events
+- `CloseEvent` - WebSocket close
+- `HashChangeEvent` - URL hash changes
+- `PopStateEvent` - History navigation
+- `StorageEvent` - Storage changes
+- `PageTransitionEvent` - Page transitions
+- `BeforeUnloadEvent` - Before unload
+- `SubmitEvent` - Form submission
+- `TransitionEvent` - CSS transitions
+- `PromiseRejectionEvent` - Promise rejections
+- `DeviceOrientationEvent` - Device orientation
+- `DeviceMotionEvent` - Device motion
+- `BlobEvent` - Blob events
+
+**Usage Example:**
+
+```javascript
+const { JSDOM } = require("jsdom");
+const dom = new JSDOM(`<!DOCTYPE html>
+  <body>
+    <button id="myButton">Click me</button>
+  </body>
+`);
+
+const { document, MouseEvent } = dom.window;
+
+// Add event listener
+const button = document.getElementById("myButton");
+button.addEventListener("click", (event) => {
+  console.log("Button clicked!");
+  console.log("Event type:", event.type);
+  console.log("Target:", event.target.id);
+});
+
+// Dispatch event programmatically
+const clickEvent = new MouseEvent("click", {
+  bubbles: true,
+  cancelable: true,
+  view: dom.window
+});
+button.dispatchEvent(clickEvent);
+
+// Custom events
+const customEvent = new CustomEvent("myCustomEvent", {
+  detail: { message: "Hello" }
+});
+document.addEventListener("myCustomEvent", (event) => {
+  console.log(event.detail.message); // "Hello"
+});
+document.dispatchEvent(customEvent);
+```
+
+### Storage APIs
+
+localStorage and sessionStorage interfaces.
+
+```javascript { .api }
+interface Storage {
+  length: number;
+  getItem(key: string): string | null;
+  setItem(key: string, value: string): void;
+  removeItem(key: string): void;
+  clear(): void;
+  key(index: number): string | null;
+}
+
+// Access via window
+window.localStorage: Storage;
+window.sessionStorage: Storage;
+```
+
+**Usage Example:**
+
+```javascript
+const { JSDOM } = require("jsdom");
+const dom = new JSDOM(`<!DOCTYPE html><html></html>`, {
+  url: "https://example.org/"
+});
+
+const { window } = dom;
+
+// Use localStorage
+window.localStorage.setItem("username", "john");
+window.localStorage.setItem("theme", "dark");
+
+console.log(window.localStorage.getItem("username")); // "john"
+console.log(window.localStorage.length); // 2
+
+// Use sessionStorage
+window.sessionStorage.setItem("tempData", "value");
+
+// Storage quota
+// Default: 5,000,000 code units per storage area
+// Configurable via storageQuota option
+```
+
+### Network APIs
+
+XMLHttpRequest, WebSocket, and Headers interfaces.
+
+```javascript { .api }
+interface XMLHttpRequest extends XMLHttpRequestEventTarget {
+  readyState: number;
+  response: any;
+  responseText: string;
+  responseType: string;
+  status: number;
+  statusText: string;
+
+  open(method: string, url: string, async?: boolean, username?: string, password?: string): void;
+  send(body?: Document | XMLHttpRequestBodyInit | null): void;
+  abort(): void;
+  setRequestHeader(name: string, value: string): void;
+  getResponseHeader(name: string): string | null;
+  getAllResponseHeaders(): string;
+  // ... and more
+}
+
+interface WebSocket extends EventTarget {
+  readonly url: string;
+  readonly readyState: number;
+  readonly bufferedAmount: number;
+  readonly protocol: string;
+
+  send(data: string | ArrayBuffer | Blob): void;
+  close(code?: number, reason?: string): void;
+
+  onopen: ((event: Event) => void) | null;
+  onmessage: ((event: MessageEvent) => void) | null;
+  onerror: ((event: Event) => void) | null;
+  onclose: ((event: CloseEvent) => void) | null;
+}
+
+interface Headers {
+  append(name: string, value: string): void;
+  delete(name: string): void;
+  get(name: string): string | null;
+  has(name: string): boolean;
+  set(name: string, value: string): void;
+  forEach(callback: (value: string, name: string) => void): void;
+}
+```
+
+**Usage Example:**
+
+```javascript
+const { JSDOM } = require("jsdom");
+const dom = new JSDOM(``, {
+  url: "https://example.org/",
+  resources: "usable"
+});
+
+const { XMLHttpRequest, Headers } = dom.window;
+
+// Use XMLHttpRequest
+const xhr = new XMLHttpRequest();
+xhr.open("GET", "https://api.example.com/data");
+xhr.onload = () => {
+  console.log(xhr.responseText);
+};
+xhr.send();
+
+// Use Headers
+const headers = new Headers();
+headers.append("Content-Type", "application/json");
+headers.append("Authorization", "Bearer token123");
+console.log(headers.get("Content-Type")); // "application/json"
+```
+
+### File APIs
+
+Blob, File, FileList, and FileReader interfaces.
+
+```javascript { .api }
+interface Blob {
+  readonly size: number;
+  readonly type: string;
+  slice(start?: number, end?: number, contentType?: string): Blob;
+  text(): Promise<string>;
+  arrayBuffer(): Promise<ArrayBuffer>;
+}
+
+interface File extends Blob {
+  readonly name: string;
+  readonly lastModified: number;
+}
+
+interface FileReader extends EventTarget {
+  readonly readyState: number;
+  readonly result: string | ArrayBuffer | null;
+  readonly error: DOMException | null;
+
+  readAsText(blob: Blob, encoding?: string): void;
+  readAsDataURL(blob: Blob): void;
+  readAsArrayBuffer(blob: Blob): void;
+  abort(): void;
+}
+```
+
+### Parsing and Serialization
+
+DOMParser and XMLSerializer for parsing and serializing documents.
+
+```javascript { .api }
+interface DOMParser {
+  parseFromString(source: string, type: DOMParserSupportedType): Document;
+}
+
+type DOMParserSupportedType = "text/html" | "text/xml" | "application/xml" |
+                               "application/xhtml+xml" | "image/svg+xml";
+
+interface XMLSerializer {
+  serializeToString(root: Node): string;
+}
+```
+
+**Usage Example:**
+
+```javascript
+const { JSDOM } = require("jsdom");
+const dom = new JSDOM();
+const { DOMParser, XMLSerializer } = dom.window;
+
+// Parse HTML
+const parser = new DOMParser();
+const doc = parser.parseFromString("<p>Hello</p>", "text/html");
+console.log(doc.body.textContent); // "Hello"
+
+// Parse XML
+const xmlDoc = parser.parseFromString("<root><item/></root>", "text/xml");
+console.log(xmlDoc.documentElement.tagName); // "root"
+
+// Serialize
+const serializer = new XMLSerializer();
+const xmlString = serializer.serializeToString(xmlDoc);
+console.log(xmlString); // "<root><item/></root>"
+```
+
+### Range and Selection APIs
+
+Range and Selection for text selection and manipulation.
+
+```javascript { .api }
+interface Range {
+  readonly startContainer: Node;
+  readonly startOffset: number;
+  readonly endContainer: Node;
+  readonly endOffset: number;
+  readonly collapsed: boolean;
+  readonly commonAncestorContainer: Node;
+
+  setStart(node: Node, offset: number): void;
+  setEnd(node: Node, offset: number): void;
+  selectNode(node: Node): void;
+  selectNodeContents(node: Node): void;
+  collapse(toStart?: boolean): void;
+  cloneContents(): DocumentFragment;
+  extractContents(): DocumentFragment;
+  deleteContents(): void;
+  insertNode(node: Node): void;
+  // ... and more
+}
+
+interface Selection {
+  readonly anchorNode: Node | null;
+  readonly anchorOffset: number;
+  readonly focusNode: Node | null;
+  readonly focusOffset: number;
+  readonly isCollapsed: boolean;
+  readonly rangeCount: number;
+
+  getRangeAt(index: number): Range;
+  addRange(range: Range): void;
+  removeRange(range: Range): void;
+  removeAllRanges(): void;
+  collapse(node: Node | null, offset?: number): void;
+  selectAllChildren(node: Node): void;
+  // ... and more
+}
+```
+
+### Traversal APIs
+
+NodeIterator and TreeWalker for DOM traversal.
+
+```javascript { .api }
+interface NodeIterator {
+  readonly root: Node;
+  readonly whatToShow: number;
+  readonly filter: NodeFilter | null;
+
+  nextNode(): Node | null;
+  previousNode(): Node | null;
+  detach(): void;
+}
+
+interface TreeWalker {
+  readonly root: Node;
+  readonly whatToShow: number;
+  readonly filter: NodeFilter | null;
+  currentNode: Node;
+
+  parentNode(): Node | null;
+  firstChild(): Node | null;
+  lastChild(): Node | null;
+  previousSibling(): Node | null;
+  nextSibling(): Node | null;
+  previousNode(): Node | null;
+  nextNode(): Node | null;
+}
+```
+
+### Mutation Observer
+
+MutationObserver for watching DOM changes.
+
+```javascript { .api }
+interface MutationObserver {
+  observe(target: Node, options?: MutationObserverInit): void;
+  disconnect(): void;
+  takeRecords(): MutationRecord[];
+}
+
+interface MutationRecord {
+  readonly type: string;
+  readonly target: Node;
+  readonly addedNodes: NodeList;
+  readonly removedNodes: NodeList;
+  readonly previousSibling: Node | null;
+  readonly nextSibling: Node | null;
+  readonly attributeName: string | null;
+  readonly attributeNamespace: string | null;
+  readonly oldValue: string | null;
+}
+```
+
+**Usage Example:**
+
+```javascript
+const { JSDOM } = require("jsdom");
+const dom = new JSDOM(`<!DOCTYPE html><body><div id="target"></div></body>`);
+const { document, MutationObserver } = dom.window;
+
+const target = document.getElementById("target");
+
+// Create observer
+const observer = new MutationObserver((mutations) => {
+  mutations.forEach((mutation) => {
+    console.log("Mutation type:", mutation.type);
+    console.log("Added nodes:", mutation.addedNodes.length);
+    console.log("Removed nodes:", mutation.removedNodes.length);
+  });
+});
+
+// Start observing
+observer.observe(target, {
+  childList: true,
+  attributes: true,
+  subtree: true
+});
+
+// Make changes
+target.appendChild(document.createElement("p"));
+target.setAttribute("class", "active");
+
+// Stop observing
+observer.disconnect();
+```
+
+### Custom Elements and Shadow DOM
+
+Custom element registry and shadow DOM support.
+
+```javascript { .api }
+interface CustomElementRegistry {
+  define(name: string, constructor: CustomElementConstructor, options?: ElementDefinitionOptions): void;
+  get(name: string): CustomElementConstructor | undefined;
+  whenDefined(name: string): Promise<CustomElementConstructor>;
+  upgrade(root: Node): void;
+}
+
+interface ShadowRoot extends DocumentFragment {
+  readonly mode: string;
+  readonly host: Element;
+  // ... Element methods
+}
+```
+
+### Abort Controller
+
+AbortController and AbortSignal for cancellation.
+
+```javascript { .api }
+interface AbortController {
+  readonly signal: AbortSignal;
+  abort(reason?: any): void;
+}
+
+interface AbortSignal extends EventTarget {
+  readonly aborted: boolean;
+  readonly reason: any;
+  onabort: ((event: Event) => void) | null;
+}
+```
+
+### Window Properties
+
+Additional window-specific properties and interfaces.
+
+```javascript { .api }
+window.location: Location;      // URL and navigation
+window.history: History;        // Session history
+window.navigator: Navigator;    // Browser info
+window.screen: Screen;          // Screen info
+window.performance: Performance; // Performance timing
+window.crypto: Crypto;          // Cryptography
+window.console: Console;        // Console (virtual)
+
+// Timers
+window.setTimeout(callback: Function, delay: number, ...args: any[]): number;
+window.clearTimeout(id: number): void;
+window.setInterval(callback: Function, delay: number, ...args: any[]): number;
+window.clearInterval(id: number): void;
+
+// Animation (with pretendToBeVisual: true)
+window.requestAnimationFrame(callback: FrameRequestCallback): number;
+window.cancelAnimationFrame(id: number): void;
+
+// Form Data
+window.FormData: FormData;
+
+// URL and URLSearchParams
+window.URL: typeof URL;
+window.URLSearchParams: typeof URLSearchParams;
+
+// Text Encoding
+window.TextEncoder: typeof TextEncoder;
+window.TextDecoder: typeof TextDecoder;
+
+// Geometry
+window.DOMRect: typeof DOMRect;
+window.DOMRectReadOnly: typeof DOMRectReadOnly;
+```
+
+### SVG Support
+
+Basic SVG element interfaces.
+
+**Available SVG Interfaces:**
+
+`SVGElement`, `SVGGraphicsElement`, `SVGSVGElement`, `SVGGElement`, `SVGDefsElement`, `SVGDescElement`, `SVGMetadataElement`, `SVGTitleElement`, `SVGSymbolElement`, `SVGSwitchElement`, and SVG data types (`SVGAnimatedString`, `SVGNumber`, `SVGRect`, etc.)
+
+### CSS and Styling
+
+CSS Object Model (CSSOM) support via integrated libraries.
+
+```javascript { .api }
+interface CSSStyleDeclaration {
+  [index: number]: string;
+  readonly length: number;
+  cssText: string;
+
+  getPropertyValue(property: string): string;
+  setProperty(property: string, value: string, priority?: string): void;
+  removeProperty(property: string): string;
+  item(index: number): string;
+
+  // CSS properties accessible as properties
+  color: string;
+  backgroundColor: string;
+  fontSize: string;
+  // ... and 100+ more CSS properties
+}
+```
+
+**Usage Example:**
+
+```javascript
+const { JSDOM } = require("jsdom");
+const dom = new JSDOM(`<!DOCTYPE html>
+  <body>
+    <div id="box" style="color: red; font-size: 16px;"></div>
+  </body>
+`);
+
+const { document } = dom.window;
+const box = document.getElementById("box");
+
+// Access computed style
+console.log(box.style.color); // "red"
+console.log(box.style.fontSize); // "16px"
+
+// Modify style
+box.style.color = "blue";
+box.style.backgroundColor = "yellow";
+
+console.log(box.style.cssText);
+// "color: blue; font-size: 16px; background-color: yellow;"
+```
+
+### XPath Support
+
+XPath evaluation for querying DOM.
+
+```javascript { .api }
+document.evaluate(
+  xpathExpression: string,
+  contextNode: Node,
+  namespaceResolver: XPathNSResolver | null,
+  resultType: number,
+  result: XPathResult | null
+): XPathResult;
+```
+
+**Usage Example:**
+
+```javascript
+const { JSDOM } = require("jsdom");
+const dom = new JSDOM(`<!DOCTYPE html>
+  <body>
+    <div class="item">Item 1</div>
+    <div class="item">Item 2</div>
+    <div class="item">Item 3</div>
+  </body>
+`);
+
+const { document, XPathResult } = dom.window;
+
+// Evaluate XPath
+const result = document.evaluate(
+  "//div[@class='item']",
+  document,
+  null,
+  XPathResult.ORDERED_NODE_SNAPSHOT_TYPE,
+  null
+);
+
+console.log(result.snapshotLength); // 3
+
+for (let i = 0; i < result.snapshotLength; i++) {
+  const node = result.snapshotItem(i);
+  console.log(node.textContent); // "Item 1", "Item 2", "Item 3"
+}
+```
+
+## Important Notes
+
+### Not Implemented Features
+
+- **Layout**: No rendering engine. Methods like `getBoundingClientRect()` and properties like `offsetTop` return zeros
+- **Navigation**: Cannot change window/document by setting `location.href`
+- **Visual APIs**: No real rendering. Use `pretendToBeVisual` option to simulate
+
+### Working with the Window
+
+```javascript
+// GOOD: Access window directly
+const { window } = dom;
+const div = window.document.createElement("div");
+
+// AVOID: Don't merge with Node.js global
+// global.window = dom.window; // Don't do this!
+
+// GOOD: Run code inside jsdom context
+dom.window.eval('console.log(document.title);');
+
+// GOOD: Use window constructors for type checks
+console.log(div instanceof window.HTMLDivElement); // true
+console.log(div instanceof HTMLDivElement); // false (different global)
+```
+
+### Closing Resources
+
+```javascript
+// Clean up when done
+dom.window.close(); // Terminates timers, removes event listeners
+```
+
diff --git a/.tessl/tiles/tessl/npm-jsdom/docs/guides/advanced.md b/.tessl/tiles/tessl/npm-jsdom/docs/guides/advanced.md
new file mode 100644
index 000000000..b41ed0d54
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-jsdom/docs/guides/advanced.md
@@ -0,0 +1,330 @@
+# Advanced Features and Limitations
+
+Advanced configurations, edge cases, and important limitations of jsdom.
+
+## Important Limitations
+
+jsdom has some notable limitations compared to real browsers:
+
+### No Navigation
+
+Cannot change the global object by clicking links or setting `location.href`. Use `reconfigure()` to change URL or `window.top`, or create new JSDOM instances.
+
+```javascript
+const { JSDOM } = require("jsdom");
+
+const dom = new JSDOM();
+console.log(dom.window.location.href); // "about:blank"
+
+// Change the URL (doesn't navigate, just updates)
+dom.reconfigure({ url: "https://example.com/" });
+console.log(dom.window.location.href); // "https://example.com/"
+
+// The DOM content remains unchanged
+// No navigation occurs, just URL update
+```
+
+### No Layout
+
+Cannot calculate visual positioning. Methods like `getBoundingClientRect()` and properties like `offsetTop` return zeros. Use `Object.defineProperty()` to mock these if needed.
+
+```javascript
+const { JSDOM } = require("jsdom");
+const dom = new JSDOM(`<!DOCTYPE html><body><div id="box"></div></body>`);
+const { document } = dom.window;
+
+const box = document.getElementById("box");
+
+// These return zeros
+console.log(box.getBoundingClientRect()); // { x: 0, y: 0, width: 0, height: 0 }
+console.log(box.offsetTop); // 0
+console.log(box.offsetLeft); // 0
+
+// Mock if needed
+Object.defineProperty(box, "offsetTop", { value: 100 });
+console.log(box.offsetTop); // 100
+```
+
+### No Rendering
+
+Not a visual browser. Use `pretendToBeVisual: true` option to make jsdom pretend it's rendering (affects `document.hidden`, enables `requestAnimationFrame`).
+
+```javascript
+const { JSDOM } = require("jsdom");
+
+const dom = new JSDOM(`<!DOCTYPE html><body></body>`, {
+  pretendToBeVisual: true
+});
+
+console.log(dom.window.document.hidden); // false
+console.log(dom.window.document.visibilityState); // "visible"
+
+// Enables requestAnimationFrame
+dom.window.requestAnimationFrame(() => {
+  console.log("Animation frame");
+});
+```
+
+## Additional Features
+
+### Canvas Support
+
+jsdom supports the HTML5 Canvas API when the optional `canvas` npm package (v3.x) is installed as a peer dependency. Without it, `<canvas>` elements behave like `<div>` elements.
+
+```javascript
+// With canvas package installed
+const { JSDOM } = require("jsdom");
+const dom = new JSDOM(`<!DOCTYPE html><body><canvas id="myCanvas"></canvas></body>`);
+const { document } = dom.window;
+
+const canvas = document.getElementById("myCanvas");
+const ctx = canvas.getContext("2d");
+ctx.fillRect(0, 0, 100, 100); // Works if canvas package is installed
+```
+
+### Encoding Sniffing
+
+When providing binary data (Buffer, ArrayBuffer, TypedArray) instead of strings, jsdom automatically sniffs the encoding following browser behavior:
+- Detects UTF-8 and UTF-16 BOMs
+- Scans for `<meta charset>` tags
+- Uses `contentType` option's charset parameter
+- Defaults to UTF-8
+
+```javascript
+const { JSDOM } = require("jsdom");
+
+// With binary data
+const buffer = Buffer.from('<!DOCTYPE html><p>Hello</p>');
+const dom = new JSDOM(buffer); // Auto-detects encoding
+```
+
+### Closing a jsdom
+
+Terminate all timers and remove event listeners:
+
+```javascript
+const { JSDOM } = require("jsdom");
+const dom = new JSDOM(`<!DOCTYPE html><body></body>`);
+
+// Clean up when done
+dom.window.close(); // Terminates timers, removes event listeners
+```
+
+## Advanced Configuration
+
+### Using beforeParse Hook
+
+The `beforeParse` hook is called before HTML parsing begins, useful for adding shims or modifying the environment:
+
+```javascript
+const { JSDOM } = require("jsdom");
+
+const dom = new JSDOM(`<!DOCTYPE html><body></body>`, {
+  beforeParse(window) {
+    // Add custom APIs before parsing
+    window.myCustomAPI = () => console.log("Custom API called");
+    
+    // Inject libraries
+    window.jQuery = require("jquery");
+  }
+});
+
+// Custom API is available
+dom.window.myCustomAPI(); // "Custom API called"
+```
+
+### Node Location Tracking
+
+Enable location tracking for debugging and source mapping:
+
+```javascript
+const { JSDOM } = require("jsdom");
+
+const dom = new JSDOM(
+  `<p>Hello
+    <img src="foo.jpg">
+  </p>`,
+  { includeNodeLocations: true }
+);
+
+const pEl = dom.window.document.querySelector("p");
+const location = dom.nodeLocation(pEl);
+
+console.log(location);
+// {
+//   startOffset: 0,
+//   endOffset: 39,
+//   startLine: 1,
+//   startCol: 1,
+//   endLine: 3,
+//   endCol: 4,
+//   startTag: {...},
+//   endTag: {...}
+// }
+```
+
+**Note:** Cannot be used with XML content type.
+
+### Storage Quota
+
+Configure maximum size for localStorage and sessionStorage:
+
+```javascript
+const { JSDOM } = require("jsdom");
+
+const dom = new JSDOM(`<!DOCTYPE html><html></html>`, {
+  url: "https://example.org/",
+  storageQuota: 10000000 // 10 million code units (default: 5 million)
+});
+
+const { window } = dom;
+window.localStorage.setItem("key", "value");
+```
+
+### Using VM Context
+
+Access the internal VM context for advanced script execution:
+
+```javascript
+const { Script } = require("vm");
+const { JSDOM } = require("jsdom");
+
+const dom = new JSDOM(``, { runScripts: "outside-only" });
+
+// Pre-compile a script
+const script = new Script(`
+  if (!this.ran) {
+    this.ran = 0;
+  }
+  ++this.ran;
+`);
+
+const vmContext = dom.getInternalVMContext();
+
+// Run the pre-compiled script multiple times
+script.runInContext(vmContext);
+script.runInContext(vmContext);
+script.runInContext(vmContext);
+
+console.assert(dom.window.ran === 3);
+```
+
+## Working with the Window
+
+### Best Practices
+
+```javascript
+const { JSDOM } = require("jsdom");
+const dom = new JSDOM(`<!DOCTYPE html><body></body>`);
+
+// GOOD: Access window directly
+const { window } = dom;
+const div = window.document.createElement("div");
+
+// AVOID: Don't merge with Node.js global
+// global.window = dom.window; // Don't do this!
+
+// GOOD: Run code inside jsdom context
+dom.window.eval('console.log(document.title);');
+
+// GOOD: Use window constructors for type checks
+console.log(div instanceof window.HTMLDivElement); // true
+console.log(div instanceof HTMLDivElement); // false (different global)
+```
+
+## Edge Cases
+
+### Fragment Limitations
+
+DocumentFragments created with `JSDOM.fragment()` have limitations:
+
+```javascript
+const { JSDOM } = require("jsdom");
+
+const frag = JSDOM.fragment(`<p>Hello</p>`);
+
+// Note: The fragment's ownerDocument has no browsing context
+// - ownerDocument.defaultView is null
+// - Resources won't load
+// - No associated URL
+```
+
+### fromURL() Behavior
+
+Important notes about `fromURL()`:
+
+```javascript
+const { JSDOM } = require("jsdom");
+
+JSDOM.fromURL("https://example.com/", {
+  referrer: "https://google.com/"
+}).then(dom => {
+  // Follows redirects automatically
+  // Cannot specify `url` or `contentType` options (determined from response)
+  // `referrer` option becomes the HTTP Referer request header
+  // Cookies from Set-Cookie headers are stored in the cookie jar
+  // Cookies in the jar are sent as Cookie request headers
+});
+```
+
+### fromFile() Defaults
+
+`fromFile()` has special default behaviors:
+
+```javascript
+const { JSDOM } = require("jsdom");
+
+// `url` defaults to a file URL (e.g., `file:///path/to/test.html`)
+// `contentType` defaults to `"application/xhtml+xml"` for `.xht`, `.xhtml`, or `.xml` extensions
+// `contentType` defaults to `"text/html"` for all other extensions
+// Binary encoding is sniffed from file contents (BOMs, meta charset tags)
+
+await JSDOM.fromFile("./page.html"); // Parsed as text/html
+await JSDOM.fromFile("./page.xhtml"); // Parsed as application/xhtml+xml
+```
+
+## Performance Considerations
+
+### Resource Loading
+
+Resource loading is asynchronous. Scripts and stylesheets may not be loaded immediately:
+
+```javascript
+const { JSDOM } = require("jsdom");
+
+const dom = new JSDOM(`
+  <html>
+    <head>
+      <script src="https://example.com/slow-loading.js"></script>
+    </head>
+    <body>
+      <div id="content"></div>
+    </body>
+  </html>
+`, {
+  url: "https://example.org/",
+  resources: "usable",
+  runScripts: "dangerously"
+});
+
+// The page structure is available immediately
+console.log(dom.window.document.getElementById("content")); // <div>
+
+// But external scripts may still be loading
+// There's no built-in way to know when all resources finish loading
+```
+
+### Memory Management
+
+Remember to close jsdom instances when done:
+
+```javascript
+const { JSDOM } = require("jsdom");
+
+const dom = new JSDOM(`<!DOCTYPE html><body></body>`);
+
+// Use the dom...
+
+// Clean up
+dom.window.close(); // Important for long-running processes
+```
diff --git a/.tessl/tiles/tessl/npm-jsdom/docs/guides/common-patterns.md b/.tessl/tiles/tessl/npm-jsdom/docs/guides/common-patterns.md
new file mode 100644
index 000000000..ff8712c8b
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-jsdom/docs/guides/common-patterns.md
@@ -0,0 +1,272 @@
+# Common Patterns
+
+Practical examples for everyday jsdom tasks.
+
+## Basic DOM Manipulation
+
+```javascript
+const { JSDOM } = require("jsdom");
+const dom = new JSDOM(`<!DOCTYPE html><body></body>`);
+const { document } = dom.window;
+
+// Create and manipulate elements
+const div = document.createElement("div");
+div.id = "main";
+div.className = "container";
+div.textContent = "Hello World";
+document.body.appendChild(div);
+
+// Query elements
+const main = document.getElementById("main");
+const allDivs = document.querySelectorAll("div");
+```
+
+## Working with Events
+
+```javascript
+const { JSDOM } = require("jsdom");
+const dom = new JSDOM(`<!DOCTYPE html><body><button id="btn">Click</button></body>`);
+const { document, MouseEvent } = dom.window;
+
+const button = document.getElementById("btn");
+button.addEventListener("click", (event) => {
+  console.log("Button clicked!");
+});
+
+// Dispatch event programmatically
+const clickEvent = new MouseEvent("click", {
+  bubbles: true,
+  cancelable: true,
+  view: dom.window
+});
+button.dispatchEvent(clickEvent);
+```
+
+## Loading from URL
+
+```javascript
+const { JSDOM } = require("jsdom");
+
+async function scrapePage() {
+  const dom = await JSDOM.fromURL("https://example.com/", {
+    resources: "usable",
+    runScripts: "dangerously"
+  });
+  
+  const title = dom.window.document.title;
+  const paragraphs = Array.from(
+    dom.window.document.querySelectorAll("p")
+  ).map(p => p.textContent);
+  
+  return { title, paragraphs };
+}
+```
+
+## Custom Resource Loading
+
+```javascript
+const { JSDOM, ResourceLoader } = require("jsdom");
+
+class CustomResourceLoader extends ResourceLoader {
+  fetch(url, options) {
+    // Override specific URLs
+    if (url === "https://example.com/config.js") {
+      return Promise.resolve(Buffer.from(`window.CONFIG = { apiUrl: "test" };`));
+    }
+    // Block certain resources
+    if (url.includes("analytics")) {
+      return Promise.resolve(null);
+    }
+    // Use default for others
+    return super.fetch(url, options);
+  }
+}
+
+const dom = new JSDOM(html, {
+  resources: new CustomResourceLoader(),
+  runScripts: "dangerously"
+});
+```
+
+## Working with Forms
+
+```javascript
+const { JSDOM } = require("jsdom");
+const dom = new JSDOM(`<!DOCTYPE html>
+  <body>
+    <form id="myForm" action="/submit" method="post">
+      <input type="text" name="username" value="john">
+      <input type="password" name="password">
+      <button type="submit">Submit</button>
+    </form>
+  </body>
+`);
+
+const { document } = dom.window;
+
+// Access form
+const form = document.getElementById("myForm");
+console.log(form.action); // "/submit"
+console.log(form.method); // "post"
+
+// Access form controls
+const username = form.elements.namedItem("username");
+console.log(username.value); // "john"
+username.value = "jane";
+
+// Form manipulation
+form.reset();
+console.log(username.value); // "" (reset clears value)
+```
+
+## Using Storage APIs
+
+```javascript
+const { JSDOM } = require("jsdom");
+const dom = new JSDOM(`<!DOCTYPE html><html></html>`, {
+  url: "https://example.org/"
+});
+
+const { window } = dom;
+
+// Use localStorage
+window.localStorage.setItem("username", "john");
+window.localStorage.setItem("theme", "dark");
+
+console.log(window.localStorage.getItem("username")); // "john"
+console.log(window.localStorage.length); // 2
+
+// Use sessionStorage
+window.sessionStorage.setItem("tempData", "value");
+```
+
+## Handling Cookies
+
+```javascript
+const { JSDOM, CookieJar } = require("jsdom");
+
+const cookieJar = new CookieJar();
+cookieJar.setCookieSync("session=abc123", "https://example.org/");
+
+const dom = new JSDOM(``, {
+  url: "https://example.org/",
+  cookieJar
+});
+
+// Access cookies from page
+console.log(dom.window.document.cookie); // "session=abc123"
+
+// Set cookies from the page
+dom.window.document.cookie = "theme=dark";
+```
+
+## Error Handling with Virtual Console
+
+```javascript
+const { JSDOM, VirtualConsole } = require("jsdom");
+
+const virtualConsole = new VirtualConsole();
+virtualConsole.on("error", (err) => console.error("Page error:", err));
+virtualConsole.on("jsdomError", (error) => {
+  console.error("jsdom error:", error.type, error.message);
+});
+
+const dom = new JSDOM(html, { virtualConsole });
+```
+
+## Serializing Documents
+
+```javascript
+const { JSDOM } = require("jsdom");
+const dom = new JSDOM(`<!DOCTYPE html>hello`);
+
+// Serialize with doctype
+const html = dom.serialize();
+// Returns: "<!DOCTYPE html><html><head></head><body>hello</body></html>"
+
+// Get outerHTML (no doctype)
+const outerHTML = dom.window.document.documentElement.outerHTML;
+// Returns: "<html><head></head><body>hello</body></html>"
+```
+
+## Working with Custom Events
+
+```javascript
+const { JSDOM } = require("jsdom");
+const dom = new JSDOM(`<!DOCTYPE html><body></body>`);
+const { document, CustomEvent } = dom.window;
+
+// Create and dispatch custom event
+const customEvent = new CustomEvent("myCustomEvent", {
+  detail: { message: "Hello" }
+});
+
+document.addEventListener("myCustomEvent", (event) => {
+  console.log(event.detail.message); // "Hello"
+});
+
+document.dispatchEvent(customEvent);
+```
+
+## Using MutationObserver
+
+```javascript
+const { JSDOM } = require("jsdom");
+const dom = new JSDOM(`<!DOCTYPE html><body><div id="target"></div></body>`);
+const { document, MutationObserver } = dom.window;
+
+const target = document.getElementById("target");
+
+// Create observer
+const observer = new MutationObserver((mutations) => {
+  mutations.forEach((mutation) => {
+    console.log("Mutation type:", mutation.type);
+    console.log("Added nodes:", mutation.addedNodes.length);
+  });
+});
+
+// Start observing
+observer.observe(target, {
+  childList: true,
+  attributes: true,
+  subtree: true
+});
+
+// Make changes
+target.appendChild(document.createElement("p"));
+target.setAttribute("class", "active");
+
+// Stop observing
+observer.disconnect();
+```
+
+## Working with XPath
+
+```javascript
+const { JSDOM } = require("jsdom");
+const dom = new JSDOM(`<!DOCTYPE html>
+  <body>
+    <div class="item">Item 1</div>
+    <div class="item">Item 2</div>
+    <div class="item">Item 3</div>
+  </body>
+`);
+
+const { document, XPathResult } = dom.window;
+
+// Evaluate XPath
+const result = document.evaluate(
+  "//div[@class='item']",
+  document,
+  null,
+  XPathResult.ORDERED_NODE_SNAPSHOT_TYPE,
+  null
+);
+
+console.log(result.snapshotLength); // 3
+
+for (let i = 0; i < result.snapshotLength; i++) {
+  const node = result.snapshotItem(i);
+  console.log(node.textContent); // "Item 1", "Item 2", "Item 3"
+}
+```
diff --git a/.tessl/tiles/tessl/npm-jsdom/docs/guides/getting-started.md b/.tessl/tiles/tessl/npm-jsdom/docs/guides/getting-started.md
new file mode 100644
index 000000000..4f60a45dc
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-jsdom/docs/guides/getting-started.md
@@ -0,0 +1,184 @@
+# Getting Started with jsdom
+
+This guide covers the fundamental concepts and basic usage patterns for jsdom.
+
+## Basic Concepts
+
+### What is jsdom?
+
+jsdom creates a browser-like environment in Node.js, providing:
+- A complete DOM implementation
+- 180+ web standard interfaces
+- Script execution capabilities
+- Resource loading
+- Cookie management
+
+### Creating Your First DOM
+
+The simplest way to create a DOM instance:
+
+```javascript
+const { JSDOM } = require("jsdom");
+
+const dom = new JSDOM(`<!DOCTYPE html><p>Hello world</p>`);
+const paragraph = dom.window.document.querySelector("p");
+console.log(paragraph.textContent); // "Hello world"
+```
+
+### Accessing the Window Object
+
+The `window` object is your gateway to all browser APIs:
+
+```javascript
+const { JSDOM } = require("jsdom");
+const dom = new JSDOM(`<!DOCTYPE html><body></body>`);
+
+// Access window directly
+const window = dom.window;
+
+// Or use destructuring
+const { document, Element, Event, localStorage } = dom.window;
+```
+
+## Common Initial Tasks
+
+### Creating Elements
+
+```javascript
+const { JSDOM } = require("jsdom");
+const dom = new JSDOM(`<!DOCTYPE html><body></body>`);
+const { document } = dom.window;
+
+// Create and append elements
+const div = document.createElement("div");
+div.id = "main";
+div.className = "container";
+div.textContent = "Hello World";
+document.body.appendChild(div);
+```
+
+### Querying Elements
+
+```javascript
+const { JSDOM } = require("jsdom");
+const dom = new JSDOM(`
+  <!DOCTYPE html>
+  <body>
+    <div id="main" class="container">
+      <p>Hello</p>
+      <p>World</p>
+    </div>
+  </body>
+`);
+
+const { document } = dom.window;
+
+// Get element by ID
+const main = document.getElementById("main");
+
+// Query selectors
+const paragraphs = document.querySelectorAll("p");
+const firstP = document.querySelector("p");
+
+// Get elements by class
+const containers = document.getElementsByClassName("container");
+```
+
+### Modifying Content
+
+```javascript
+const { JSDOM } = require("jsdom");
+const dom = new JSDOM(`<!DOCTYPE html><body><p>Original</p></body>`);
+const { document } = dom.window;
+
+const p = document.querySelector("p");
+
+// Change text content
+p.textContent = "Updated text";
+
+// Change inner HTML
+p.innerHTML = "<strong>Bold text</strong>";
+
+// Modify attributes
+p.setAttribute("class", "highlight");
+p.id = "my-paragraph";
+```
+
+## Working with Options
+
+### Setting a URL
+
+The `url` option is important for relative URL resolution:
+
+```javascript
+const dom = new JSDOM(`<!DOCTYPE html><body></body>`, {
+  url: "https://example.org/"
+});
+
+console.log(dom.window.location.href); // "https://example.org/"
+```
+
+### Content Type
+
+Control how the document is parsed:
+
+```javascript
+// HTML parsing (default)
+const dom1 = new JSDOM(`<!DOCTYPE html><p>Hello</p>`, {
+  contentType: "text/html"
+});
+
+// XML parsing
+const dom2 = new JSDOM(`<root><item/></root>`, {
+  contentType: "application/xml"
+});
+```
+
+### Referrer
+
+Set the document referrer:
+
+```javascript
+const dom = new JSDOM(`<!DOCTYPE html><body></body>`, {
+  url: "https://example.org/",
+  referrer: "https://google.com/"
+});
+
+console.log(dom.window.document.referrer); // "https://google.com/"
+```
+
+## Creating from Different Sources
+
+### From HTML String
+
+```javascript
+const dom = new JSDOM(`<!DOCTYPE html><p>Hello</p>`);
+```
+
+### From URL
+
+```javascript
+const dom = await JSDOM.fromURL("https://example.com/");
+console.log(dom.window.document.title);
+```
+
+### From File
+
+```javascript
+const dom = await JSDOM.fromFile("./page.html");
+```
+
+### Creating Fragments
+
+For lightweight DOM manipulation without a full browser environment:
+
+```javascript
+const frag = JSDOM.fragment(`<p>Hello</p><p>World</p>`);
+console.log(frag.childNodes.length); // 2
+```
+
+## Next Steps
+
+- Learn [Common Patterns](./common-patterns.md) for practical examples
+- Explore [Advanced Features](./advanced.md) for complex scenarios
+- Review the [API Reference](../api/jsdom-constructor.md) for complete details
diff --git a/.tessl/tiles/tessl/npm-jsdom/docs/index.md b/.tessl/tiles/tessl/npm-jsdom/docs/index.md
new file mode 100644
index 000000000..7d4d22eef
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-jsdom/docs/index.md
@@ -0,0 +1,375 @@
+# jsdom
+
+jsdom is a pure-JavaScript implementation of many web standards, notably the WHATWG DOM and HTML Standards, for use with Node.js. It emulates enough of a subset of a web browser to be useful for testing and scraping real-world web applications.
+
+## Quick Start
+
+```javascript
+const { JSDOM } = require("jsdom");
+
+// Create a jsdom instance
+const dom = new JSDOM(`<!DOCTYPE html><p>Hello world</p>`);
+
+// Access the window object
+console.log(dom.window.document.querySelector("p").textContent); // "Hello world"
+
+// Use destructuring for convenience
+const { document } = (new JSDOM(`<!DOCTYPE html><div id="main"></div>`)).window;
+const mainDiv = document.getElementById("main");
+```
+
+## Package Information
+
+- **Package Name**: jsdom
+- **Package Type**: npm
+- **Language**: JavaScript
+- **Installation**: `npm install jsdom`
+
+## Core Imports
+
+```javascript { .api }
+const { JSDOM } = require("jsdom");
+```
+
+For ES modules:
+
+```javascript { .api }
+import { JSDOM } from "jsdom";
+```
+
+Additional exports:
+
+```javascript { .api }
+const { JSDOM, VirtualConsole, CookieJar, ResourceLoader, toughCookie } = require("jsdom");
+```
+
+## Architecture Overview
+
+jsdom is built around several key components:
+
+- **JSDOM Class**: The main entry point for creating DOM instances from HTML strings, files, or URLs
+- **Window Object**: Provides a complete browser-like environment with 180+ web standard interfaces
+- **Virtual Console**: Captures console output and jsdom warnings/errors
+- **Resource Loading**: Configurable system for loading external scripts, stylesheets, and other resources
+- **Script Execution**: Sandboxed JavaScript execution with configurable security levels
+- **Cookie Management**: Full cookie jar implementation for HTTP cookie handling
+
+## Core API
+
+### JSDOM Class
+
+```javascript { .api }
+class JSDOM {
+  constructor(input?: string | Buffer | ArrayBuffer | TypedArray, options?: JSDOMOptions);
+  readonly window: Window;
+  readonly virtualConsole: VirtualConsole;
+  readonly cookieJar: CookieJar;
+  serialize(): string;
+  nodeLocation(node: Node): LocationInfo | null | undefined;
+  getInternalVMContext(): vm.Context;
+  reconfigure(settings: ReconfigureSettings): void;
+  static fragment(html: string): DocumentFragment;
+  static fromURL(url: string, options?: FromURLOptions): Promise<JSDOM>;
+  static fromFile(filename: string, options?: JSDOMOptions): Promise<JSDOM>;
+}
+```
+
+**Basic Usage:**
+
+```javascript
+// From HTML string
+const dom = new JSDOM(`<!DOCTYPE html><p>Hello</p>`);
+
+// From URL
+const dom = await JSDOM.fromURL("https://example.com/");
+
+// From file
+const dom = await JSDOM.fromFile("./page.html");
+
+// Create fragment (lightweight, no full browser environment)
+const frag = JSDOM.fragment(`<p>Hello</p><p>World</p>`);
+```
+
+See [JSDOM Constructor and Methods](./api/jsdom-constructor.md) for complete API details.
+
+### Window Object
+
+The Window object provides access to 180+ web standard interfaces:
+
+```javascript { .api }
+// Access window from JSDOM instance
+const window = dom.window;
+
+// Window provides access to:
+// - DOM APIs (Document, Element, Node, etc.)
+// - HTML Elements (HTMLDivElement, HTMLInputElement, etc.)
+// - Events (Event, MouseEvent, CustomEvent, etc.)
+// - Storage (localStorage, sessionStorage)
+// - Network (XMLHttpRequest, WebSocket, fetch Headers)
+// - And 170+ more web standard interfaces
+```
+
+**Usage Example:**
+
+```javascript
+const { document, Element, Event, localStorage } = dom.window;
+
+// DOM manipulation
+const div = document.createElement("div");
+div.textContent = "Hello";
+document.body.appendChild(div);
+
+// Events
+div.addEventListener("click", (e) => console.log("Clicked"));
+
+// Storage
+localStorage.setItem("key", "value");
+```
+
+See [Window and DOM APIs](./api/window-dom-apis.md) for complete API reference.
+
+### Script Execution
+
+Control how JavaScript executes within the jsdom environment:
+
+```javascript { .api }
+interface JSDOMOptions {
+  /**
+   * Controls script execution
+   * - undefined: Scripts don't execute (default)
+   * - "outside-only": Enables window.eval() and fresh globals
+   * - "dangerously": Executes inline and external scripts (security risk!)
+   */
+  runScripts?: "dangerously" | "outside-only";
+}
+```
+
+**Usage:**
+
+```javascript
+// Default: No script execution
+const dom1 = new JSDOM(`<script>console.log("won't run");</script>`);
+
+// Outside-only: Use window.eval()
+const dom2 = new JSDOM(``, { runScripts: "outside-only" });
+dom2.window.eval('document.body.innerHTML = "<p>Hello</p>"');
+
+// Dangerously: Inline scripts execute automatically
+const dom3 = new JSDOM(`
+  <script>document.body.innerHTML = "<p>Hello</p>";</script>
+`, { runScripts: "dangerously" });
+```
+
+### Resource Loading
+
+Load external scripts, stylesheets, images, and iframes:
+
+```javascript { .api }
+interface JSDOMOptions {
+  resources?: "usable" | ResourceLoader;
+}
+
+class ResourceLoader {
+  constructor(options?: ResourceLoaderOptions);
+  fetch(url: string, options: FetchOptions): Promise<Buffer | null>;
+}
+```
+
+**Usage:**
+
+```javascript
+// Enable resource loading
+const dom = new JSDOM(`
+  <script src="https://example.com/script.js"></script>
+  <link rel="stylesheet" href="https://example.com/style.css">
+`, {
+  url: "https://example.org/",
+  resources: "usable",
+  runScripts: "dangerously"
+});
+
+// Custom resource loader
+const loader = new ResourceLoader({
+  proxy: "http://127.0.0.1:9001",
+  userAgent: "MyApp/1.0"
+});
+```
+
+See [Resource Loading](./api/resource-loading.md) for complete details.
+
+### Virtual Console
+
+Capture console output and jsdom errors:
+
+```javascript { .api }
+class VirtualConsole {
+  constructor();
+  forwardTo(console: Console, options?: ForwardOptions): this;
+  on(event: ConsoleMethod, listener: (...args: any[]) => void): this;
+  on(event: "jsdomError", listener: (error: JSDOMError) => void): this;
+}
+```
+
+**Usage:**
+
+```javascript
+const virtualConsole = new VirtualConsole();
+virtualConsole.on("error", (err) => console.error("Page error:", err));
+virtualConsole.on("jsdomError", (error) => {
+  console.error("jsdom error:", error.type, error.message);
+});
+
+const dom = new JSDOM(html, { virtualConsole });
+```
+
+See [Virtual Console](./api/virtual-console.md) for complete details.
+
+### Cookie Management
+
+HTTP cookie storage and management:
+
+```javascript { .api }
+class CookieJar extends toughCookie.CookieJar {
+  constructor(store?: toughCookie.Store, options?: CookieJarOptions);
+}
+```
+
+**Usage:**
+
+```javascript
+const cookieJar = new CookieJar();
+cookieJar.setCookieSync("session=abc123", "https://example.org/");
+
+const dom = new JSDOM(``, {
+  url: "https://example.org/",
+  cookieJar
+});
+
+// Access cookies from page
+console.log(dom.window.document.cookie); // "session=abc123"
+```
+
+See [Cookie Management](./api/cookie-management.md) for complete details.
+
+## Constructor Options
+
+```javascript { .api }
+interface JSDOMOptions {
+  /**
+   * Sets window.location, document.URL, and document.documentURI
+   * Also affects relative URL resolution and same-origin checks
+   * @default "about:blank"
+   */
+  url?: string;
+
+  /**
+   * Sets document.referrer
+   * @default "" (empty string)
+   */
+  referrer?: string;
+
+  /**
+   * Document content type - affects parsing mode
+   * Must be an HTML MIME type or XML MIME type
+   * @default "text/html"
+   */
+  contentType?: string;
+
+  /**
+   * Preserves location info for nodeLocation() method
+   * Also ensures correct line numbers in script stack traces
+   * Cannot be used with XML content type
+   * @default false
+   */
+  includeNodeLocations?: boolean;
+
+  /**
+   * Maximum size in code units for localStorage and sessionStorage
+   * @default 5000000
+   */
+  storageQuota?: number;
+
+  /**
+   * Controls script execution
+   * - undefined: Scripts don't execute (default)
+   * - "outside-only": Enables window.eval() and fresh globals
+   * - "dangerously": Executes inline and external scripts (security risk!)
+   * @default undefined
+   */
+  runScripts?: "dangerously" | "outside-only";
+
+  /**
+   * Controls resource loading (scripts, stylesheets, images, iframes)
+   * - undefined: No resources loaded (default)
+   * - "usable": Loads usable resources
+   * - ResourceLoader instance: Custom resource loading
+   * @default undefined
+   */
+  resources?: "usable" | ResourceLoader;
+
+  /**
+   * Pretends to be rendering/displaying content
+   * - Changes document.hidden to false
+   * - Changes document.visibilityState to "visible"
+   * - Enables requestAnimationFrame/cancelAnimationFrame
+   * @default false
+   */
+  pretendToBeVisual?: boolean;
+
+  /**
+   * Custom virtual console for capturing output
+   * @default new VirtualConsole().forwardTo(console)
+   */
+  virtualConsole?: VirtualConsole;
+
+  /**
+   * Cookie jar for HTTP cookie storage
+   * @default new CookieJar()
+   */
+  cookieJar?: CookieJar;
+
+  /**
+   * Hook called before HTML parsing begins
+   * Useful for adding shims or modifying the environment
+   * @param window - The window object (not yet populated with DOM)
+   */
+  beforeParse?: (window: Window) => void;
+}
+```
+
+## Learning Path
+
+### Getting Started
+
+New to jsdom? Start here:
+
+- [Getting Started Guide](./guides/getting-started.md) - Basic concepts and first steps
+- [Common Patterns](./guides/common-patterns.md) - Practical examples for everyday tasks
+
+### Advanced Topics
+
+Ready to dive deeper?
+
+- [Advanced Features](./guides/advanced.md) - Advanced configurations, limitations, and edge cases
+
+## API Reference
+
+Complete API documentation for all components:
+
+- [JSDOM Constructor and Methods](./api/jsdom-constructor.md) - Complete constructor API, factory methods, and instance methods
+- [Window and DOM APIs](./api/window-dom-apis.md) - All 180+ web standard interfaces available on the window object
+- [Virtual Console](./api/virtual-console.md) - Console output capture and jsdom error handling
+- [Resource Loading](./api/resource-loading.md) - Loading external resources and custom loaders
+- [Cookie Management](./api/cookie-management.md) - HTTP cookie storage and management
+
+## Additional Exports
+
+### Tough Cookie Access
+
+```javascript { .api }
+// Access to the tough-cookie module used by jsdom
+import { toughCookie } from "jsdom";
+
+// toughCookie is the complete tough-cookie module
+// Provides advanced cookie utilities beyond CookieJar
+```
diff --git a/.tessl/tiles/tessl/npm-jsdom/tile.json b/.tessl/tiles/tessl/npm-jsdom/tile.json
new file mode 100644
index 000000000..ba7eed76a
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-jsdom/tile.json
@@ -0,0 +1,8 @@
+{
+  "name": "tessl/npm-jsdom",
+  "version": "27.4.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/jsdom@27.4.0",
+  "summary": "A JavaScript implementation of many web standards",
+  "private": false
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-jsonwebtoken/docs/index.md b/.tessl/tiles/tessl/npm-jsonwebtoken/docs/index.md
new file mode 100644
index 000000000..80bc12bcf
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-jsonwebtoken/docs/index.md
@@ -0,0 +1,376 @@
+# jsonwebtoken
+
+A comprehensive JSON Web Token (JWT) implementation for Node.js providing secure token creation, verification, and decoding with support for both symmetric (HMAC) and asymmetric (RSA, ECDSA) cryptographic algorithms.
+
+## Package Information
+
+- **Package Name**: jsonwebtoken
+- **Package Type**: npm
+- **Language**: JavaScript
+- **Installation**: `npm install jsonwebtoken`
+
+## Core Imports
+
+```javascript
+const jwt = require('jsonwebtoken');
+const { sign, verify, decode, JsonWebTokenError, TokenExpiredError, NotBeforeError } = require('jsonwebtoken');
+```
+
+For ES modules:
+
+```javascript
+import jwt from 'jsonwebtoken';
+import { sign, verify, decode, JsonWebTokenError, TokenExpiredError, NotBeforeError } from 'jsonwebtoken';
+```
+
+## Basic Usage
+
+```javascript
+const jwt = require('jsonwebtoken');
+
+// Sign a token with HMAC
+const token = jwt.sign({ userId: 123, username: 'alice' }, 'your-secret-key', {
+  expiresIn: '1h'
+});
+
+// Verify a token
+try {
+  const decoded = jwt.verify(token, 'your-secret-key');
+  console.log(decoded); // { userId: 123, username: 'alice', iat: ..., exp: ... }
+} catch (err) {
+  if (err instanceof jwt.TokenExpiredError) {
+    console.log('Token expired');
+  } else {
+    console.log('Invalid token');
+  }
+}
+
+// Decode without verification (unsafe for untrusted tokens)
+const payload = jwt.decode(token);
+```
+
+## Architecture
+
+The jsonwebtoken library is built around three core operations:
+
+- **Token Signing**: Creates JWT tokens with configurable claims and cryptographic algorithms
+- **Token Verification**: Validates JWT tokens with security checks for timing, audience, issuer, and signature
+- **Token Decoding**: Extracts payload data without cryptographic verification (for trusted contexts only)
+- **Error Handling**: Specialized error classes for different failure modes (expiration, malformation, invalid signature)
+
+The library supports all standard JWT algorithms including HMAC (HS256/384/512), RSA (RS256/384/512, PS256/384/512), and ECDSA (ES256/384/512).
+
+## Capabilities
+
+### Token Signing
+
+Creates and signs JWT tokens with configurable options and claims.
+
+```javascript { .api }
+/**
+ * Signs a JWT token with the provided payload and secret/key
+ * @param payload - Object literal, buffer, or string representing valid JSON
+ * @param secretOrPrivateKey - Secret string, buffer, object, or KeyObject for signing
+ * @param options - Optional signing configuration
+ * @param callback - Optional callback for asynchronous operation
+ * @returns JWT string (sync) or calls callback with JWT (async)
+ */
+function sign(payload: any, secretOrPrivateKey: string | Buffer | object | KeyObject, options?: SignOptions, callback?: SignCallback): string;
+
+interface SignOptions {
+  algorithm?: Algorithm;
+  expiresIn?: string | number;
+  notBefore?: string | number;
+  audience?: string | string[];
+  issuer?: string;
+  jwtid?: string;
+  subject?: string;
+  noTimestamp?: boolean;
+  header?: object;
+  keyid?: string;
+  mutatePayload?: boolean;
+  allowInsecureKeySizes?: boolean;
+  allowInvalidAsymmetricKeyTypes?: boolean;
+  encoding?: string;
+}
+
+type Algorithm = 
+  | 'HS256' | 'HS384' | 'HS512'
+  | 'RS256' | 'RS384' | 'RS512'
+  | 'PS256' | 'PS384' | 'PS512'
+  | 'ES256' | 'ES384' | 'ES512'
+  | 'none';
+
+type SignCallback = (err: Error | null, token?: string) => void;
+```
+
+**Usage Examples:**
+
+```javascript
+// Synchronous signing with HMAC
+const token = jwt.sign({ foo: 'bar' }, 'secret', { expiresIn: '1h' });
+
+// Asynchronous signing
+jwt.sign({ foo: 'bar' }, 'secret', { expiresIn: '1h' }, (err, token) => {
+  if (err) throw err;
+  console.log(token);
+});
+
+// RSA signing
+const fs = require('fs');
+const privateKey = fs.readFileSync('private.key');
+const token = jwt.sign({ foo: 'bar' }, privateKey, { algorithm: 'RS256' });
+
+// Custom claims
+const token = jwt.sign(
+  { userId: 123 },
+  'secret',
+  {
+    expiresIn: '24h',
+    audience: 'my-app',
+    issuer: 'my-service',
+    subject: 'user-auth'
+  }
+);
+```
+
+### Token Verification
+
+Verifies JWT tokens with comprehensive security validation.
+
+```javascript { .api }
+/**
+ * Verifies a JWT token and returns the decoded payload
+ * @param token - JWT string to verify
+ * @param secretOrPublicKey - Secret/key for verification or callback function
+ * @param options - Optional verification configuration
+ * @param callback - Optional callback for asynchronous operation
+ * @returns Decoded payload (sync) or calls callback with payload (async)
+ */
+function verify(token: string, secretOrPublicKey: string | Buffer | KeyObject | GetPublicKeyCallback, options?: VerifyOptions, callback?: VerifyCallback): any;
+
+interface VerifyOptions {
+  algorithms?: Algorithm[];
+  audience?: string | RegExp | (string | RegExp)[];
+  complete?: boolean;
+  issuer?: string | string[];
+  jwtid?: string;
+  ignoreExpiration?: boolean;
+  ignoreNotBefore?: boolean;
+  subject?: string;
+  clockTolerance?: number;
+  maxAge?: string | number;
+  clockTimestamp?: number;
+  nonce?: string;
+  allowInvalidAsymmetricKeyTypes?: boolean;
+}
+
+type GetPublicKeyCallback = (header: JwtHeader, callback: (err: any, key?: string | Buffer | KeyObject) => void) => void;
+type VerifyCallback = (err: Error | null, payload?: any) => void;
+
+interface JwtHeader {
+  alg: Algorithm;
+  typ?: string;
+  kid?: string;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// Basic verification
+const decoded = jwt.verify(token, 'secret');
+
+// Async verification with error handling
+jwt.verify(token, 'secret', (err, decoded) => {
+  if (err) {
+    if (err instanceof jwt.TokenExpiredError) {
+      console.log('Token expired at:', err.expiredAt);
+    } else if (err instanceof jwt.NotBeforeError) {
+      console.log('Token not active until:', err.date);
+    } else {
+      console.log('Token invalid:', err.message);
+    }
+  } else {
+    console.log('Valid token:', decoded);
+  }
+});
+
+// Verification with audience check
+const decoded = jwt.verify(token, 'secret', {
+  audience: 'my-app',
+  issuer: 'my-service'
+});
+
+// Dynamic key resolution
+function getKey(header, callback) {
+  // Fetch key based on header.kid
+  const key = getPublicKeyFromSomewhere(header.kid);
+  callback(null, key);
+}
+
+jwt.verify(token, getKey, (err, decoded) => {
+  console.log(decoded);
+});
+
+// Complete token information
+const result = jwt.verify(token, 'secret', { complete: true });
+// result = { header: {...}, payload: {...}, signature: "..." }
+```
+
+### Token Decoding
+
+Decodes JWT tokens without cryptographic verification.
+
+```javascript { .api }
+/**
+ * Decodes a JWT token without verifying the signature (unsafe for untrusted tokens)
+ * @param token - JWT string to decode
+ * @param options - Optional decoding configuration
+ * @returns Decoded payload object or null if invalid
+ */
+function decode(token: string, options?: DecodeOptions): any | null;
+
+interface DecodeOptions {
+  complete?: boolean;
+  json?: boolean;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// Basic decoding
+const payload = jwt.decode(token);
+
+// Complete token structure
+const decoded = jwt.decode(token, { complete: true });
+// decoded = { header: {...}, payload: {...}, signature: "..." }
+
+// Force JSON parsing
+const payload = jwt.decode(token, { json: true });
+```
+
+### Error Handling
+
+Specialized error classes for different JWT validation failures.
+
+```javascript { .api }
+/**
+ * Base error class for JWT-related errors
+ */
+class JsonWebTokenError extends Error {
+  name: 'JsonWebTokenError';
+  message: string;
+  inner?: Error;
+}
+
+/**
+ * Error thrown when a token has expired
+ */
+class TokenExpiredError extends JsonWebTokenError {
+  name: 'TokenExpiredError';
+  message: 'jwt expired';
+  expiredAt: Date;
+}
+
+/**
+ * Error thrown when a token is not yet active (nbf claim)
+ */
+class NotBeforeError extends JsonWebTokenError {
+  name: 'NotBeforeError';
+  message: 'jwt not active';
+  date: Date;
+}
+```
+
+**Common Error Messages:**
+
+- `JsonWebTokenError`: 'invalid token', 'jwt malformed', 'jwt signature is required', 'invalid signature'
+- `JsonWebTokenError`: 'jwt audience invalid', 'jwt issuer invalid', 'jwt id invalid', 'jwt subject invalid'
+- `TokenExpiredError`: 'jwt expired'
+- `NotBeforeError`: 'jwt not active'
+
+## Types
+
+```javascript { .api }
+// Supported cryptographic algorithms
+type Algorithm = 
+  | 'HS256' | 'HS384' | 'HS512'  // HMAC with SHA
+  | 'RS256' | 'RS384' | 'RS512'  // RSASSA-PKCS1-v1_5 with SHA
+  | 'PS256' | 'PS384' | 'PS512'  // RSASSA-PSS with SHA (Node.js 6.12+ or 8+)
+  | 'ES256' | 'ES384' | 'ES512'  // ECDSA with SHA
+  | 'none';                      // No signature
+
+// Standard JWT header structure
+interface JwtHeader {
+  alg: Algorithm;
+  typ?: 'JWT';
+  kid?: string; // Key ID
+}
+
+// Complete JWT structure when using decode({ complete: true })
+interface CompleteJwt {
+  header: JwtHeader;
+  payload: any;
+  signature: string;
+}
+
+// Validation result when using verify({ complete: true })
+interface CompleteVerifyResult {
+  header: JwtHeader;
+  payload: any;
+  signature: string;
+}
+```
+
+## Security Considerations
+
+### Key Requirements
+
+- **HMAC (HS256/384/512)**: Requires symmetric secret key (string, Buffer, or KeyObject)
+- **RSA (RS/PS algorithms)**: Requires minimum 2048-bit modulus (configurable with `allowInsecureKeySizes`)
+- **ECDSA (ES algorithms)**: Requires appropriate elliptic curve (P-256, P-384, P-521)
+
+### Algorithm Security
+
+- Default algorithm selection based on key type prevents algorithm confusion attacks
+- Explicit algorithm specification recommended for production use
+- `none` algorithm requires explicit inclusion in `algorithms` array for verification
+
+### Time-based Validation
+
+- Automatic validation of `exp` (expiration), `nbf` (not before), and `iat` (issued at) claims
+- Configurable clock tolerance for distributed systems
+- `maxAge` option for additional age-based validation
+
+### Best Practices
+
+```javascript
+// Specify allowed algorithms explicitly
+const decoded = jwt.verify(token, publicKey, {
+  algorithms: ['RS256'],
+  audience: 'my-app',
+  issuer: 'trusted-issuer'
+});
+
+// Use asymmetric algorithms for distributed systems
+const token = jwt.sign(payload, privateKey, {
+  algorithm: 'RS256',
+  expiresIn: '15m',
+  audience: 'api-client',
+  issuer: 'auth-service'
+});
+
+// Handle errors appropriately
+try {
+  const decoded = jwt.verify(token, secret);
+  // Process valid token
+} catch (err) {
+  if (err instanceof jwt.TokenExpiredError) {
+    // Handle expired token (maybe refresh)
+  } else if (err instanceof jwt.JsonWebTokenError) {
+    // Handle invalid token
+  }
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-jsonwebtoken/tile.json b/.tessl/tiles/tessl/npm-jsonwebtoken/tile.json
new file mode 100644
index 000000000..026ba430a
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-jsonwebtoken/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-jsonwebtoken",
+  "version": "9.0.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/jsonwebtoken@9.0.2",
+  "summary": "JSON Web Token implementation for Node.js supporting both symmetric and asymmetric cryptographic algorithms"
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-lint-staged/docs/cli.md b/.tessl/tiles/tessl/npm-lint-staged/docs/cli.md
new file mode 100644
index 000000000..f21b4c369
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-lint-staged/docs/cli.md
@@ -0,0 +1,279 @@
+# Command Line Interface
+
+The lint-staged CLI provides a comprehensive command-line interface for running tasks against git-staged files. It's primarily designed for use in git hooks, npm scripts, and CI/CD pipelines.
+
+## Basic Usage
+
+```bash { .api }
+lint-staged [options]
+```
+
+## Installation and Setup
+
+```bash
+# Install as dev dependency
+npm install --save-dev lint-staged
+
+# Set up pre-commit hook (using husky)
+npx husky add .husky/pre-commit "npx lint-staged"
+
+# Or use in package.json scripts
+{
+  "scripts": {
+    "precommit": "lint-staged"
+  }
+}
+```
+
+## Configuration
+
+lint-staged automatically discovers configuration from multiple sources:
+
+1. `package.json` "lint-staged" field
+2. `.lintstagedrc` (JSON, YAML)
+3. `.lintstagedrc.json`
+4. `.lintstagedrc.yaml` / `.lintstagedrc.yml`
+5. `.lintstagedrc.js` / `.lintstagedrc.mjs`
+6. `lint-staged.config.js` / `lint-staged.config.mjs`
+
+## CLI Options
+
+### Core Options
+
+**`-c, --config [path]`**
+- Path to configuration file
+- Use `--config -` to read configuration from stdin
+- Disables automatic config discovery
+
+**`--cwd [path]`**
+- Run all tasks in specific directory instead of current
+- Useful for monorepos and build scripts
+
+**`-d, --debug`**
+- Print additional debug information
+- Shows git commands, file matching, and task execution details
+
+### Task Execution Options
+
+**`-p, --concurrent <number|boolean>`**
+- Control task concurrency (default: true)
+- `true`: Run tasks concurrently
+- `false`: Run tasks serially  
+- `number`: Maximum concurrent tasks
+
+**`-x, --shell [path]`**
+- Skip parsing of tasks for better shell support
+- `true`: Use default shell
+- `string`: Path to specific shell
+
+**`--max-arg-length [number]`**
+- Maximum length of command-line argument string
+- Automatically detected by default
+
+### Output Options
+
+**`-q, --quiet`**
+- Disable lint-staged's own console output
+- Only shows errors and task failures
+
+**`-v, --verbose`**
+- Show task output even when tasks succeed
+- By default only failed output is shown
+
+### Git Options
+
+**`--diff [string]`**
+- Override default `--staged` flag of `git diff`
+- Example: `--diff "HEAD...origin/main"`
+- **Implies `--no-stash`**
+
+**`--diff-filter [string]`**
+- Override default `--diff-filter=ACMR` flag of `git diff`
+- Controls which file change types to include:
+  - `A`: Added files
+  - `C`: Copied files  
+  - `M`: Modified files
+  - `R`: Renamed files
+
+**`--no-stash`**  
+- Disable backup stash and don't revert on errors
+- **Implies `--no-hide-partially-staged`**
+- Use with caution as changes may be lost on task failures
+
+**`--no-hide-partially-staged`**
+- Disable hiding unstaged changes from partially staged files
+- Tasks will see both staged and unstaged changes
+
+### Commit Options
+
+**`--allow-empty`**
+- Allow empty commits when tasks revert all staged changes
+- Useful when formatters might remove all changes
+
+**`-r, --relative`**
+- Pass relative filepaths to tasks instead of absolute paths
+- Paths are relative to the `--cwd` directory
+
+## Usage Examples
+
+### Basic Usage
+
+```bash
+# Run with default configuration
+lint-staged
+
+# Run with specific config file
+lint-staged --config .lintstagedrc.json
+
+# Run with debug output
+lint-staged --debug
+```
+
+### Advanced Usage
+
+```bash
+# Run tasks serially instead of concurrently
+lint-staged --concurrent false
+
+# Run with custom working directory
+lint-staged --cwd /path/to/project
+
+# Run quietly with relative paths
+lint-staged --quiet --relative
+
+# Check files between commits instead of staged files
+lint-staged --diff "HEAD~1...HEAD" --no-stash
+```
+
+### CI/CD Integration
+
+```bash
+# In GitHub Actions
+- name: Run lint-staged
+  run: |
+    npm ci
+    npx lint-staged --diff "origin/main...HEAD"
+
+# In pre-commit hook
+#!/bin/sh
+npx lint-staged --quiet
+
+# In npm script with error handling
+{
+  "scripts": {
+    "lint-staged": "lint-staged || (echo 'lint-staged failed!' && exit 1)"
+  }
+}
+```
+
+### Configuration Examples
+
+**package.json:**
+```json
+{
+  "lint-staged": {
+    "*.{js,ts}": ["eslint --fix", "prettier --write"],
+    "*.css": "stylelint --fix",
+    "*.md": "markdownlint"
+  }
+}
+```
+
+**.lintstagedrc.js:**
+```javascript
+export default {
+  "*.js": ["eslint --fix", "prettier --write"],
+  "*.{json,md}": "prettier --write",
+  "*.css": (filenames) => [
+    `stylelint ${filenames.join(' ')} --fix`,
+    `prettier ${filenames.join(' ')} --write`
+  ]
+};
+```
+
+### Reading Configuration from stdin
+
+```bash
+# Pipe configuration to lint-staged
+echo '{"*.js": "eslint --fix"}' | lint-staged --config -
+
+# From file
+cat lint-staged-config.json | lint-staged --config -
+```
+
+## Error Handling
+
+lint-staged exits with different codes based on execution results:
+
+- **Exit Code 0**: All tasks passed successfully
+- **Exit Code 1**: Some tasks failed or other errors occurred
+
+## Common Patterns
+
+### Pre-commit Hook Setup
+
+```bash
+# Using husky
+npm install --save-dev husky lint-staged
+npx husky install
+npx husky add .husky/pre-commit "npx lint-staged"
+```
+
+### Monorepo Usage
+
+```bash
+# Run in specific package directory
+lint-staged --cwd packages/frontend
+
+# With custom config per package  
+lint-staged --cwd packages/backend --config packages/backend/.lintstagedrc.json
+```
+
+### Gradual Adoption
+
+```bash
+# Only check files changed from main branch
+lint-staged --diff "main...HEAD" --no-stash
+
+# Test run without making changes
+lint-staged --diff "HEAD~1...HEAD" --no-stash --verbose
+```
+
+## Integration with Git Hooks
+
+lint-staged is designed to work seamlessly with git hooks:
+
+```bash
+# .husky/pre-commit
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npx lint-staged
+
+# .git/hooks/pre-commit (if not using husky)
+#!/bin/sh
+npx lint-staged
+```
+
+## Troubleshooting
+
+**Configuration not found:**
+```bash
+lint-staged --debug  # Shows config discovery process
+```
+
+**Tasks failing:**
+```bash
+lint-staged --verbose  # Shows all task output
+```
+
+**Git issues:**
+```bash
+lint-staged --debug  # Shows git commands being executed
+```
+
+**Performance issues:**
+```bash
+lint-staged --concurrent false  # Run tasks serially
+lint-staged --concurrent 2      # Limit concurrency
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-lint-staged/docs/index.md b/.tessl/tiles/tessl/npm-lint-staged/docs/index.md
new file mode 100644
index 000000000..18392c373
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-lint-staged/docs/index.md
@@ -0,0 +1,130 @@
+# lint-staged
+
+lint-staged is a powerful pre-commit hook tool that runs tasks like formatters, linters, and other code quality tools exclusively on git-staged files. It makes commits faster and more reliable by avoiding the need to run tasks on entire codebases and ensures only quality code enters your repository.
+
+## Package Information
+
+- **Package Name**: lint-staged
+- **Package Type**: npm
+- **Language**: JavaScript (ESM)
+- **Installation**: `npm install --save-dev lint-staged`
+- **Node.js**: >=18.12.0
+
+## Core Imports
+
+```javascript
+import lintStaged from "lint-staged";
+```
+
+## Basic Usage
+
+Most commonly used via npm scripts or git hooks:
+
+```json
+{
+  "scripts": {
+    "precommit": "lint-staged"
+  },
+  "lint-staged": {
+    "*.js": ["eslint --fix", "prettier --write"],
+    "*.{json,md}": ["prettier --write"]
+  }
+}
+```
+
+Direct programmatic usage:
+
+```javascript
+import lintStaged from "lint-staged";
+
+const success = await lintStaged({
+  config: {
+    "*.js": "eslint --fix",
+    "*.json": "prettier --write"
+  },
+  quiet: false,
+  verbose: true
+});
+
+console.log(success ? "All tasks passed!" : "Some tasks failed");
+```
+
+## Architecture
+
+lint-staged operates through several key components:
+
+- **Git Integration**: Automatically detects staged files using git commands
+- **Configuration System**: Supports multiple config formats (package.json, config files, programmatic)
+- **Task Execution**: Runs commands against matched files with glob patterns
+- **State Management**: Creates git stashes as backups and handles rollbacks on failures
+- **Parallel Processing**: Executes multiple tasks concurrently for performance
+- **File Chunking**: Handles large file sets by splitting into manageable chunks
+
+## Capabilities
+
+### Programmatic API
+
+The main `lintStaged()` function for integrating lint-staged into Node.js applications and custom tooling.
+
+```javascript { .api }
+function lintStaged(options?: Options, logger?: Logger): Promise<boolean>;
+
+interface Options {
+  allowEmpty?: boolean;
+  concurrent?: boolean | number;
+  config?: Configuration;
+  configPath?: string;
+  cwd?: string;
+  debug?: boolean;
+  diff?: string;
+  diffFilter?: string;
+  maxArgLength?: number;
+  quiet?: boolean;
+  relative?: boolean;
+  shell?: boolean | string;
+  stash?: boolean;
+  hidePartiallyStaged?: boolean;
+  verbose?: boolean;
+}
+```
+
+[Programmatic API](./programmatic-api.md)
+
+### Command Line Interface
+
+Complete CLI tool with comprehensive options for various workflow needs and CI/CD integration.
+
+```bash { .api }
+lint-staged [options]
+
+# Common options:
+--config [path]              # Path to configuration file
+--quiet                      # Disable output
+--verbose                    # Show all task output
+--debug                      # Enable debug logging
+--allow-empty               # Allow empty commits when tasks revert changes
+--no-stash                  # Disable backup stash
+--concurrent <number>        # Control task concurrency
+--diff [string]             # Override git diff command
+--cwd [path]                # Set working directory
+```
+
+[Command Line Interface](./cli.md)
+
+## Types
+
+```javascript { .api }
+type Configuration =
+  | Record<string, string | FunctionTask | (string | FunctionTask)[]>
+  | FunctionTask;
+
+type SyncFunctionTask = (stagedFileNames: string[]) => string | string[];
+type AsyncFunctionTask = (stagedFileNames: string[]) => Promise<string | string[]>;
+type FunctionTask = SyncFunctionTask | AsyncFunctionTask;
+
+interface Logger {
+  log: (...params: any) => void;
+  warn: (...params: any) => void;
+  error: (...params: any) => void;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-lint-staged/docs/programmatic-api.md b/.tessl/tiles/tessl/npm-lint-staged/docs/programmatic-api.md
new file mode 100644
index 000000000..6d70cd9c3
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-lint-staged/docs/programmatic-api.md
@@ -0,0 +1,247 @@
+# Programmatic API
+
+The lint-staged programmatic API allows you to integrate lint-staged functionality directly into Node.js applications, custom tooling, and build systems.
+
+## Main Function
+
+```javascript { .api }
+function lintStaged(options?: Options, logger?: Logger): Promise<boolean>;
+```
+
+**Parameters:**
+- `options` (Options, optional): Configuration options for execution
+- `logger` (Logger, optional): Custom logger object, defaults to `console`
+
+**Returns:** `Promise<boolean>` - `true` when all tasks succeed, `false` when some tasks fail
+
+**Throws:** `Error` when configuration issues or other fatal errors occur
+
+## Options
+
+```javascript { .api }
+interface Options {
+  allowEmpty?: boolean;
+  concurrent?: boolean | number;
+  config?: Configuration;
+  configPath?: string;
+  cwd?: string;
+  debug?: boolean;
+  diff?: string;
+  diffFilter?: string;
+  maxArgLength?: number;
+  quiet?: boolean;
+  relative?: boolean;
+  shell?: boolean | string;
+  stash?: boolean;
+  hidePartiallyStaged?: boolean;
+  verbose?: boolean;
+}
+```
+
+### Option Details
+
+**`allowEmpty`** (boolean, default: false)
+- Allow empty commits when tasks revert all staged changes
+- Useful when formatters might remove all changes
+
+**`concurrent`** (boolean | number, default: true)
+- Control task concurrency
+- `true`: Run tasks concurrently (default)
+- `false`: Run tasks serially
+- `number`: Maximum number of concurrent tasks
+
+**`config`** (Configuration)
+- Manual task configuration object
+- Disables automatic config file discovery when used
+- See Configuration section for format details
+
+**`configPath`** (string)
+- Path to single configuration file
+- Disables automatic config file discovery when used
+- Use "-" to read from stdin
+
+**`cwd`** (string)
+- Working directory to run all tasks in
+- Defaults to current working directory
+
+**`debug`** (boolean, default: false)
+- Enable debug output
+- Shows detailed execution information
+
+**`diff`** (string)
+- Override the default `--staged` flag of `git diff`
+- Example: `"HEAD...origin/main"`
+- **Warning:** Changing this implies `stash: false`
+
+**`diffFilter`** (string, default: "ACMR")
+- Override the default `--diff-filter=ACMR` flag
+- Controls which types of file changes to include
+
+**`maxArgLength`** (number)
+- Maximum argument string length
+- Automatically detected by default based on platform
+
+**`quiet`** (boolean, default: false)
+- Disable lint-staged's own console output
+- Only errors will be shown
+
+**`relative`** (boolean, default: false)
+- Pass filepaths relative to `cwd` to tasks
+- By default, absolute paths are used
+
+**`shell`** (boolean | string, default: false)
+- Skip parsing of tasks for better shell support
+- `true`: Use default shell
+- `string`: Use specific shell path
+
+**`stash`** (boolean, default: true)
+- Enable the backup stash and revert in case of errors
+- **Warning:** Disabling this implies `hidePartiallyStaged: false`
+
+**`hidePartiallyStaged`** (boolean, default: true)
+- Hide unstaged changes from partially staged files before running tasks
+- Helps ensure tasks only see intended changes
+
+**`verbose`** (boolean, default: false)
+- Show task output even when tasks succeed
+- By default, only failed output is shown
+
+## Configuration
+
+```javascript { .api }
+type Configuration =
+  | Record<string, string | FunctionTask | (string | FunctionTask)[]>
+  | FunctionTask;
+
+type SyncFunctionTask = (stagedFileNames: string[]) => string | string[];
+type AsyncFunctionTask = (stagedFileNames: string[]) => Promise<string | string[]>;
+type FunctionTask = SyncFunctionTask | AsyncFunctionTask;
+```
+
+### Configuration Examples
+
+**Object Configuration:**
+```javascript
+const config = {
+  "*.js": "eslint --fix",
+  "*.{json,md}": ["prettier --write", "git add"],
+  "*.css": async (filenames) => {
+    return `stylelint ${filenames.join(' ')} --fix`;
+  }
+};
+```
+
+**Function Configuration:**
+```javascript
+const config = (filenames) => {
+  return filenames.map(filename => `echo "Processing ${filename}"`);
+};
+```
+
+## Logger Interface
+
+```javascript { .api }
+interface Logger {
+  log: (...params: any) => void;
+  warn: (...params: any) => void;
+  error: (...params: any) => void;
+}
+```
+
+Custom logger example:
+```javascript
+const customLogger = {
+  log: (message) => console.log(`[INFO] ${message}`),
+  warn: (message) => console.warn(`[WARN] ${message}`),
+  error: (message) => console.error(`[ERROR] ${message}`)
+};
+
+await lintStaged(options, customLogger);
+```
+
+## Usage Examples
+
+### Basic Usage
+
+```javascript
+import lintStaged from "lint-staged";
+
+// Simple usage with configuration object
+const success = await lintStaged({
+  config: {
+    "*.js": "eslint --fix",
+    "*.json": "prettier --write"
+  }
+});
+
+if (!success) {
+  process.exit(1);
+}
+```
+
+### Advanced Usage
+
+```javascript
+import lintStaged from "lint-staged";
+
+// Advanced configuration with custom options
+const success = await lintStaged({
+  config: {
+    "*.{js,ts}": ["eslint --fix", "prettier --write"],
+    "*.css": "stylelint --fix",
+    "*.md": (filenames) => `markdownlint ${filenames.join(' ')}`
+  },
+  concurrent: 3,
+  verbose: true,
+  allowEmpty: true,
+  cwd: "/path/to/project"
+}, {
+  log: (msg) => console.log(`✓ ${msg}`),
+  warn: (msg) => console.warn(`⚠ ${msg}`),
+  error: (msg) => console.error(`✗ ${msg}`)
+});
+```
+
+### Integration with Build Tools
+
+```javascript
+import lintStaged from "lint-staged";
+
+// Example integration in a build script
+export async function prebuild() {
+  console.log("Running lint-staged...");
+  
+  const passed = await lintStaged({
+    configPath: "./lint-staged.config.js",
+    quiet: true
+  });
+  
+  if (!passed) {
+    throw new Error("lint-staged failed - fix issues before building");
+  }
+  
+  console.log("All checks passed!");
+}
+```
+
+### Error Handling
+
+```javascript
+import lintStaged from "lint-staged";
+
+try {
+  const success = await lintStaged({
+    config: { "*.js": "eslint --fix" }
+  });
+  
+  if (success) {
+    console.log("All tasks completed successfully");
+  } else {
+    console.log("Some tasks failed");
+    process.exit(1);
+  }
+} catch (error) {
+  console.error("Fatal error:", error.message);
+  process.exit(1);
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-lint-staged/tile.json b/.tessl/tiles/tessl/npm-lint-staged/tile.json
new file mode 100644
index 000000000..703118530
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-lint-staged/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-lint-staged",
+  "version": "15.5.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/lint-staged@15.5.2",
+  "summary": "Lint files staged by git"
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-lucide-react/docs/custom-icons.md b/.tessl/tiles/tessl/npm-lucide-react/docs/custom-icons.md
new file mode 100644
index 000000000..d70c0b81d
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-lucide-react/docs/custom-icons.md
@@ -0,0 +1,318 @@
+# Custom Icon Creation
+
+System for creating custom icon components from icon data, supporting Lucide Lab icons, custom SVG definitions, and creating new Lucide-style icon components.
+
+## Capabilities
+
+### Icon Component
+
+The base `Icon` component renders SVG icons from icon node data, supporting custom icons and Lucide Lab integration.
+
+```typescript { .api }
+import type { SVGProps, ForwardRefExoticComponent, RefAttributes } from 'react';
+
+type ElementAttributes = RefAttributes<SVGSVGElement> & Partial<SVGProps<SVGSVGElement>>;
+
+/**
+ * Base icon component that renders SVG from IconNode data
+ * @param props - Icon props including iconNode and standard LucideProps
+ * @returns JSX.Element - Rendered SVG icon
+ */
+function Icon(props: IconComponentProps): JSX.Element;
+
+interface IconComponentProps extends LucideProps {
+  /** Icon data structure defining SVG elements */
+  iconNode: IconNode;
+  /** Optional children to add to the SVG */
+  children?: React.ReactNode;
+}
+
+interface LucideProps extends ElementAttributes {
+  size?: string | number;
+  absoluteStrokeWidth?: boolean;
+}
+
+type IconNode = [elementName: SVGElementType, attrs: Record<string, string>][];
+
+type SVGElementType =
+  | 'circle'
+  | 'ellipse'
+  | 'g'
+  | 'line'
+  | 'path'
+  | 'polygon'
+  | 'polyline'
+  | 'rect';
+```
+
+**Usage Examples:**
+
+```typescript
+import { Icon } from "lucide-react";
+
+// Custom icon data
+const customIconNode: IconNode = [
+  ['path', { d: 'M12 2L2 7v10c0 5.55 3.84 10 9 10s9-4.45 9-10V7l-8-5z', key: 'custom1' }],
+  ['path', { d: 'M12 8v8', key: 'custom2' }],
+  ['path', { d: 'M8 12h8', key: 'custom3' }]
+];
+
+// Render custom icon
+<Icon iconNode={customIconNode} size={32} color="blue" />
+
+// With Lucide Lab icon
+import { coconut } from '@lucide/lab';
+<Icon iconNode={coconut} />
+
+// With additional children
+<Icon iconNode={customIconNode}>
+  <circle cx="12" cy="12" r="2" fill="red" />
+</Icon>
+```
+
+### createLucideIcon Function
+
+Factory function to create reusable icon components from icon data.
+
+```typescript { .api }
+/**
+ * Creates a reusable Lucide-style icon component from icon data
+ * @param iconName - Name for the icon (used for CSS classes and display name)
+ * @param iconNode - Icon data structure defining SVG elements
+ * @returns LucideIcon - Reusable React component with forwardRef
+ */
+function createLucideIcon(iconName: string, iconNode: IconNode): LucideIcon;
+
+type LucideIcon = ForwardRefExoticComponent<
+  Omit<LucideProps, 'ref'> & RefAttributes<SVGSVGElement>
+>;
+```
+
+**Usage Examples:**
+
+```typescript
+import { createLucideIcon } from "lucide-react";
+
+// Define custom icon data
+const heartIconNode: IconNode = [
+  ['path', { 
+    d: 'M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z',
+    key: 'heart1'
+  }]
+];
+
+// Create reusable component
+const Heart = createLucideIcon('heart', heartIconNode);
+
+// Use like any other Lucide icon
+<Heart />
+<Heart size={24} color="red" />
+<Heart className="favorite-icon" />
+```
+
+### Icon Node Structure
+
+The `IconNode` type defines how icon data is structured for rendering.
+
+```typescript { .api }
+/**
+ * Icon node structure representing SVG elements
+ * Each element is a tuple of [elementName, attributes]
+ */
+type IconNode = [elementName: SVGElementType, attrs: Record<string, string>][];
+
+/**
+ * Supported SVG element types for icon definitions
+ */
+type SVGElementType =
+  | 'circle'    // <circle cx="12" cy="12" r="5" />
+  | 'ellipse'   // <ellipse cx="12" cy="12" rx="5" ry="3" />  
+  | 'g'         // <g transform="translate(2,2)">
+  | 'line'      // <line x1="0" y1="0" x2="24" y2="24" />
+  | 'path'      // <path d="M12 2L2 7v10..." />
+  | 'polygon'   // <polygon points="12,2 22,7 22,17 12,22 2,17 2,7" />
+  | 'polyline' // <polyline points="12,2 22,7 22,17" />
+  | 'rect';     // <rect x="2" y="2" width="20" height="20" />
+
+/**
+ * Element attributes are key-value pairs
+ * Common attributes: d, x, y, cx, cy, r, width, height, points, key
+ */
+type ElementAttributes = Record<string, string>;
+```
+
+**Usage Examples:**
+
+```typescript
+// Simple path icon
+const simpleIcon: IconNode = [
+  ['path', { d: 'M12 2v20', key: 'line1' }],
+  ['path', { d: 'M2 12h20', key: 'line2' }]
+];
+
+// Complex icon with multiple elements
+const complexIcon: IconNode = [
+  ['rect', { x: '2', y: '2', width: '20', height: '20', rx: '5', key: 'bg' }],
+  ['circle', { cx: '12', cy: '12', r: '3', key: 'center' }],
+  ['path', { d: 'M12 1v6m0 10v6', key: 'vertical' }],
+  ['path', { d: 'M1 12h6m10 0h6', key: 'horizontal' }]
+];
+
+// Group element for transformations
+const groupIcon: IconNode = [
+  ['g', { transform: 'translate(2,2) scale(0.8)', key: 'group' }],
+  ['path', { d: 'M0 0h20v20H0z', key: 'square' }]
+];
+```
+
+### Creating Icons from SVG
+
+Convert existing SVG code to IconNode format for use with Lucide React.
+
+```typescript { .api }
+/**
+ * Converting SVG to IconNode:
+ * 1. Extract SVG elements (path, circle, etc.)
+ * 2. Convert to [elementName, attributes] tuples
+ * 3. Add unique 'key' attribute to each element
+ * 4. Use with Icon component or createLucideIcon
+ */
+```
+
+**Usage Examples:**
+
+```typescript
+// Original SVG
+/*
+<svg viewBox="0 0 24 24">
+  <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
+</svg>
+*/
+
+// Converted to IconNode
+const starIcon: IconNode = [
+  ['path', { 
+    d: 'M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z',
+    key: 'star'
+  }]
+];
+
+// Create component
+const Star = createLucideIcon('star', starIcon);
+
+// Or use directly
+<Icon iconNode={starIcon} />
+```
+
+### Icon Styling and Classes
+
+Created icons automatically receive Lucide-style CSS classes and support all standard props.
+
+```typescript { .api }
+/**
+ * Created icons automatically receive CSS classes:
+ * - 'lucide' - Base class for all Lucide icons
+ * - 'lucide-{icon-name}' - Specific class for the icon
+ * - Additional classes from className prop
+ */
+```
+
+**Usage Examples:**
+
+```typescript
+// Icon created with createLucideIcon gets automatic classes
+const CustomIcon = createLucideIcon('my-custom-icon', iconNode);
+
+// Results in classes: 'lucide lucide-my-custom-icon'
+<CustomIcon />
+
+// Additional classes
+<CustomIcon className="my-extra-class" />
+// Results in: 'lucide lucide-my-custom-icon my-extra-class'
+
+// Direct Icon component also gets base class
+<Icon iconNode={iconNode} className="custom-direct" />
+// Results in: 'lucide custom-direct'
+```
+
+### Lucide Lab Integration
+
+Use icons from Lucide Lab (experimental icons) with the Icon component.
+
+```typescript { .api }
+/**
+ * Lucide Lab provides experimental icons not in the main library
+ * Install: npm install @lucide/lab
+ * Icons are provided as IconNode data ready for use
+ */
+```
+
+**Usage Examples:**
+
+```typescript
+import { Icon } from "lucide-react";
+import { coconut, avocado, mango } from "@lucide/lab";
+
+// Use lab icons directly
+<Icon iconNode={coconut} />
+<Icon iconNode={avocado} size={32} color="green" />
+
+// Create reusable components from lab icons
+const Coconut = createLucideIcon('coconut', coconut);
+const Avocado = createLucideIcon('avocado', avocado);
+
+// Use like standard Lucide icons
+<Coconut />
+<Avocado size={24} />
+```
+
+### Default Attributes
+
+Custom icons inherit the same default SVG attributes as built-in icons.
+
+```typescript { .api }
+/**
+ * Default attributes applied to all custom icons:
+ * - xmlns: "http://www.w3.org/2000/svg"
+ * - width: 24, height: 24
+ * - viewBox: "0 0 24 24"  
+ * - fill: "none"
+ * - stroke: "currentColor"
+ * - strokeWidth: 2
+ * - strokeLinecap: "round"
+ * - strokeLinejoin: "round"
+ */
+```
+
+### Accessibility
+
+Custom icons support the same accessibility features as built-in icons.
+
+```typescript { .api }
+/**
+ * Accessibility features:
+ * - Automatic aria-hidden="true" for decorative icons
+ * - Support for aria-label and role attributes
+ * - Proper focus management with ref support
+ */
+```
+
+**Usage Examples:**
+
+```typescript
+// Decorative icon (automatic aria-hidden)
+<Icon iconNode={customIcon} />
+
+// Semantic icon with label
+<Icon 
+  iconNode={customIcon}
+  role="img"
+  aria-label="Custom action"
+/>
+
+// Interactive icon
+<button>
+  <Icon iconNode={customIcon} aria-hidden="true" />
+  <span className="sr-only">Perform action</span>
+</button>
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-lucide-react/docs/dynamic-icons.md b/.tessl/tiles/tessl/npm-lucide-react/docs/dynamic-icons.md
new file mode 100644
index 000000000..5c88585e3
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-lucide-react/docs/dynamic-icons.md
@@ -0,0 +1,263 @@
+# Dynamic Icon Loading
+
+Runtime icon loading system for displaying icons based on string names. The dynamic loading system is useful for CMS-driven applications or when icon selection is determined at runtime, but comes with the trade-off of including all icons in the bundle.
+
+## Capabilities
+
+### DynamicIcon Component
+
+The `DynamicIcon` component loads icons dynamically by name at runtime.
+
+```typescript { .api }
+import type { SVGProps, RefAttributes } from 'react';
+
+type ElementAttributes = RefAttributes<SVGSVGElement> & Partial<SVGProps<SVGSVGElement>>;
+
+/**
+ * Dynamic icon component that loads icons by name at runtime
+ * @param props - DynamicIcon props including name and standard LucideProps
+ * @returns JSX.Element or null/fallback
+ */
+function DynamicIcon(props: DynamicIconProps): JSX.Element;
+
+interface DynamicIconProps extends LucideProps {
+  /** Name of the icon to load */
+  name: IconName;
+  /** Fallback component to render while loading or on error */
+  fallback?: () => JSX.Element | null;
+}
+
+interface LucideProps extends ElementAttributes {
+  size?: string | number;
+  absoluteStrokeWidth?: boolean;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { DynamicIcon } from "lucide-react/dynamic";
+
+// Basic usage
+<DynamicIcon name="camera" />
+
+// With props
+<DynamicIcon 
+  name="grid" 
+  size={32} 
+  color="blue" 
+  strokeWidth={3}
+/>
+
+// With fallback
+<DynamicIcon 
+  name="unknown-icon" 
+  fallback={() => <div>Loading...</div>}
+/>
+
+// From variable
+const iconName = "chevron-right";
+<DynamicIcon name={iconName} />
+```
+
+### Icon Names
+
+The `IconName` type and `iconNames` array provide access to all available icon names.
+
+```typescript { .api }
+/**
+ * Type representing all valid icon names
+ * Generated from the available icons in the dynamic imports
+ */
+type IconName = keyof typeof dynamicIconImports;
+
+/**
+ * Array of all available icon names
+ * Useful for iteration or validation
+ */
+const iconNames: Array<IconName>;
+```
+
+**Usage Examples:**
+
+```typescript
+import { iconNames, IconName } from "lucide-react/dynamic";
+
+// Validate icon name
+function isValidIconName(name: string): name is IconName {
+  return iconNames.includes(name as IconName);
+}
+
+// Iterate over all icons
+iconNames.forEach(name => {
+  console.log(`Icon: ${name}`);
+});
+
+// Generate icon picker
+const IconPicker = () => (
+  <div>
+    {iconNames.map(name => (
+      <DynamicIcon key={name} name={name} size={24} />
+    ))}
+  </div>
+);
+
+// Type-safe icon name handling
+const handleIconSelect = (name: IconName) => {
+  setSelectedIcon(name);
+};
+```
+
+### Dynamic Icon Imports
+
+The underlying dynamic import system maps icon names to import functions.
+
+```typescript { .api }
+/**
+ * Dynamic import mapping object (internal)
+ * Maps icon names to functions that return icon modules
+ */
+const dynamicIconImports: Record<string, () => Promise<DynamicIconModule>>;
+
+/**
+ * Structure of dynamically imported icon modules
+ */
+interface DynamicIconModule {
+  default: LucideIcon;
+  __iconNode: IconNode;
+}
+
+type IconNode = [elementName: SVGElementType, attrs: Record<string, string>][];
+```
+
+### Loading Behavior
+
+The `DynamicIcon` component handles asynchronous loading with React hooks.
+
+```typescript { .api }
+/**
+ * DynamicIcon loading states:
+ * 1. Initial render: null or fallback
+ * 2. Loading: fallback component (if provided) 
+ * 3. Loaded: rendered icon
+ * 4. Error: fallback component or null
+ */
+```
+
+**Usage Examples:**
+
+```typescript
+import { DynamicIcon } from "lucide-react/dynamic";
+
+// Loading indicator
+const LoadingSpinner = () => <div className="spinner">Loading...</div>;
+
+// Error fallback
+const ErrorIcon = () => <div className="error">❌</div>;
+
+// Comprehensive fallback handling
+<DynamicIcon 
+  name={userSelectedIcon}
+  fallback={() => (
+    userSelectedIcon ? <LoadingSpinner /> : <ErrorIcon />
+  )}
+/>
+
+// Conditional rendering
+const MyIcon = ({ iconName }: { iconName: string }) => {
+  if (!iconNames.includes(iconName as IconName)) {
+    return <div>Invalid icon</div>;
+  }
+  
+  return <DynamicIcon name={iconName as IconName} />;
+};
+```
+
+### Performance Considerations
+
+Dynamic icons have different performance characteristics compared to static imports.
+
+```typescript { .api }
+/**
+ * Performance implications:
+ * - All icons are included in the bundle (no tree-shaking)
+ * - Icons are loaded asynchronously on first use
+ * - Subsequent uses of the same icon are cached
+ * - Bundle size is larger but individual icons load faster
+ */
+```
+
+**Best Practices:**
+
+```typescript
+// ❌ Not recommended for static icon usage
+<DynamicIcon name="camera" />  // Known at build time
+
+// ✅ Recommended for static usage
+import { Camera } from "lucide-react";
+<Camera />
+
+// ✅ Good use case for dynamic icons
+const IconDisplay = ({ iconName }: { iconName: string }) => (
+  <DynamicIcon name={iconName as IconName} />
+);
+
+// ✅ CMS or user-driven icon selection
+const UserIcon = ({ user }: { user: User }) => (
+  <DynamicIcon name={user.preferredIcon} />
+);
+```
+
+### Error Handling
+
+Handle cases where icon names are invalid or loading fails.
+
+```typescript { .api }
+/**
+ * Error scenarios:
+ * - Invalid icon name (not in iconNames)
+ * - Import failure (network issues, missing files)
+ * - Module loading errors
+ */
+```
+
+**Usage Examples:**
+
+```typescript
+import { DynamicIcon, iconNames, IconName } from "lucide-react/dynamic";
+
+// Safe icon component with validation
+const SafeIcon = ({ name, ...props }: { name: string } & LucideProps) => {
+  if (!iconNames.includes(name as IconName)) {
+    console.warn(`Invalid icon name: ${name}`);
+    return <div>Invalid Icon</div>;
+  }
+  
+  return (
+    <DynamicIcon 
+      name={name as IconName} 
+      fallback={() => <div>Loading...</div>}
+      {...props}
+    />
+  );
+};
+
+// With TypeScript validation
+const validateAndRenderIcon = (iconName: unknown) => {
+  if (typeof iconName === 'string' && iconNames.includes(iconName as IconName)) {
+    return <DynamicIcon name={iconName as IconName} />;
+  }
+  return <div>Invalid icon name</div>;
+};
+```
+
+### Client-Side Directive
+
+Dynamic icons include a 'use client' directive for Next.js app router compatibility.
+
+```typescript { .api }
+/**
+ * Dynamic icons are marked with 'use client' for Next.js compatibility
+ * This ensures they work properly in server-side rendering scenarios
+ */
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-lucide-react/docs/index.md b/.tessl/tiles/tessl/npm-lucide-react/docs/index.md
new file mode 100644
index 000000000..7f1bdc730
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-lucide-react/docs/index.md
@@ -0,0 +1,148 @@
+# Lucide React
+
+Lucide React is a comprehensive icon library package for React applications that provides SVG icons as tree-shakable React components. It offers a complete implementation of the Lucide icon collection with customizable styling, sizing, and color properties, designed for maximum performance and flexibility with zero dependencies beyond React.
+
+## Package Information
+
+- **Package Name**: lucide-react
+- **Package Type**: npm
+- **Language**: TypeScript
+- **Installation**: `npm install lucide-react`
+
+## Core Imports
+
+```typescript
+import { Camera, Grid, Pen } from "lucide-react";
+import { Icon } from "lucide-react";
+import { createLucideIcon } from "lucide-react";
+import { icons } from "lucide-react";
+```
+
+For CommonJS:
+
+```javascript
+const { Camera, Grid, Pen, Icon } = require("lucide-react");
+```
+
+Dynamic imports:
+
+```typescript
+import { DynamicIcon, iconNames } from "lucide-react/dynamic";
+```
+
+## Basic Usage
+
+```typescript
+import { Camera, Grid, Pen } from "lucide-react";
+
+// Basic icon usage
+const App = () => {
+  return (
+    <div>
+      <Camera />
+      <Grid size={32} color="blue" />
+      <Pen strokeWidth={3} className="my-icon" />
+    </div>
+  );
+};
+```
+
+## Architecture
+
+Lucide React is built around several key components:
+
+- **Icon Components**: Individual icon components (e.g., `Camera`, `Grid`) created from SVG data
+- **Base Icon Component**: Core `Icon` component that renders SVG from icon node data
+- **Dynamic Loading**: `DynamicIcon` component for runtime icon selection by name
+- **Icon Factory**: `createLucideIcon` function for creating new icon components
+- **Type System**: Complete TypeScript definitions with `LucideProps` and `IconNode` types
+- **Tree-shaking**: ES modules structure ensuring only imported icons are bundled
+
+## Capabilities
+
+### Static Icon Components
+
+Individual React components for each Lucide icon, optimized for tree-shaking and static imports. Perfect for when you know which icons you need at build time.
+
+```typescript { .api }
+type LucideIcon = ForwardRefExoticComponent<
+  Omit<LucideProps, 'ref'> & RefAttributes<SVGSVGElement>
+>;
+
+interface LucideProps extends ElementAttributes {
+  size?: string | number;
+  absoluteStrokeWidth?: boolean;
+}
+```
+
+[Static Icons](./static-icons.md)
+
+### Dynamic Icon Loading
+
+Runtime icon loading system for displaying icons based on string names. Useful for CMS-driven applications or when icon selection is determined at runtime.
+
+```typescript { .api }
+function DynamicIcon(props: DynamicIconProps): JSX.Element;
+
+interface DynamicIconProps extends LucideProps {
+  name: IconName;
+  fallback?: () => JSX.Element | null;
+}
+
+type IconName = keyof typeof dynamicIconImports;
+const iconNames: Array<IconName>;
+const dynamicIconImports: Record<string, () => Promise<DynamicIconModule>>;
+
+interface DynamicIconModule {
+  default: LucideIcon;
+  __iconNode: IconNode;
+}
+```
+
+[Dynamic Icons](./dynamic-icons.md)
+
+### Custom Icon Creation
+
+System for creating custom icon components from icon data, supporting Lucide Lab icons and custom SVG definitions.
+
+```typescript { .api }
+function Icon(props: IconComponentProps): JSX.Element;
+function createLucideIcon(iconName: string, iconNode: IconNode): LucideIcon;
+
+interface IconComponentProps extends LucideProps {
+  iconNode: IconNode;
+}
+
+type IconNode = [elementName: SVGElementType, attrs: Record<string, string>][];
+```
+
+[Custom Icons](./custom-icons.md)
+
+## Types
+
+```typescript { .api }
+import type { SVGProps, ForwardRefExoticComponent, RefAttributes } from 'react';
+type SVGElementType =
+  | 'circle'
+  | 'ellipse' 
+  | 'g'
+  | 'line'
+  | 'path'
+  | 'polygon'
+  | 'polyline'
+  | 'rect';
+
+type IconNode = [elementName: SVGElementType, attrs: Record<string, string>][];
+
+type SVGAttributes = Partial<SVGProps<SVGSVGElement>>;
+type ElementAttributes = RefAttributes<SVGSVGElement> & SVGAttributes;
+
+interface LucideProps extends ElementAttributes {
+  size?: string | number;
+  absoluteStrokeWidth?: boolean;
+}
+
+type LucideIcon = ForwardRefExoticComponent<
+  Omit<LucideProps, 'ref'> & RefAttributes<SVGSVGElement>
+>;
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-lucide-react/docs/static-icons.md b/.tessl/tiles/tessl/npm-lucide-react/docs/static-icons.md
new file mode 100644
index 000000000..31d91b4fe
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-lucide-react/docs/static-icons.md
@@ -0,0 +1,303 @@
+# Static Icon Components
+
+Individual React components for each Lucide icon, optimized for tree-shaking and static imports. Each icon is a separate component that can be imported directly, ensuring only the icons you use are included in your bundle.
+
+## Capabilities
+
+### Individual Icon Components
+
+Each Lucide icon is available as a named export from the main package. Icons are named in PascalCase (e.g., `AirVent`, `Camera`, `Grid`).
+
+```typescript { .api }
+import type { SVGProps, ForwardRefExoticComponent, RefAttributes } from 'react';
+
+type ElementAttributes = RefAttributes<SVGSVGElement> & Partial<SVGProps<SVGSVGElement>>;
+
+/**
+ * Individual icon components with consistent API
+ * All icons support the same props and are forwardRef components
+ */
+type LucideIcon = ForwardRefExoticComponent<
+  Omit<LucideProps, 'ref'> & RefAttributes<SVGSVGElement>
+>;
+
+interface LucideProps extends ElementAttributes {
+  /** Icon size in pixels or CSS units */
+  size?: string | number;
+  /** Use absolute stroke width (adjusts for icon size) */
+  absoluteStrokeWidth?: boolean;
+}
+
+type ElementAttributes = RefAttributes<SVGSVGElement> & SVGAttributes;
+type SVGAttributes = Partial<SVGProps<SVGSVGElement>>;
+```
+
+**Usage Examples:**
+
+```typescript
+import { Camera, Grid, Pen, AirVent } from "lucide-react";
+
+// Basic usage with default props
+<Camera />
+
+// Customized with props
+<Grid 
+  size={32} 
+  color="blue" 
+  strokeWidth={3} 
+  className="my-icon"
+/>
+
+// Using size as string
+<Pen size="2rem" />
+
+// Absolute stroke width (maintains visual weight at different sizes)
+<AirVent size={16} absoluteStrokeWidth={true} />
+```
+
+### Icon Props
+
+All icon components accept the same standardized props for consistent styling.
+
+#### Size Property
+
+```typescript { .api }
+/**
+ * Controls the width and height of the icon
+ * @param size - Number in pixels or string with CSS units
+ * @default 24
+ */
+size?: string | number;
+```
+
+**Usage Examples:**
+
+```typescript
+// Number (pixels)
+<Camera size={48} />
+
+// String with units
+<Camera size="2rem" />
+<Camera size="100%" />
+<Camera size="2.5em" />
+```
+
+#### Color and Stroke Properties
+
+Icons inherit standard SVG stroke properties for styling.
+
+```typescript { .api }
+/**
+ * Standard SVG stroke properties
+ * Icons use stroke-based rendering with default attributes
+ */
+color?: string;        // Alias for stroke
+stroke?: string;       // SVG stroke color
+strokeWidth?: number;  // SVG stroke width
+fill?: string;         // SVG fill color
+```
+
+**Usage Examples:**
+
+```typescript
+// Color variants
+<Camera color="red" />
+<Camera stroke="#3B82F6" />
+<Camera color="currentColor" /> // Default - inherits text color
+
+// Stroke width
+<Camera strokeWidth={1} />   // Thin
+<Camera strokeWidth={3} />   // Bold
+
+// Fill (most icons are stroke-based, but some support fill)
+<Camera fill="none" />       // Default
+<Camera fill="currentColor" />
+```
+
+#### Absolute Stroke Width
+
+```typescript { .api }
+/**
+ * Maintains consistent visual stroke width across different icon sizes
+ * @param absoluteStrokeWidth - When true, stroke width is adjusted based on icon size
+ * @default false
+ */
+absoluteStrokeWidth?: boolean;
+```
+
+**Usage Examples:**
+
+```typescript
+// Standard behavior - stroke scales with icon
+<Camera size={16} strokeWidth={2} />  // Thin strokes
+<Camera size={48} strokeWidth={2} />  // Thick strokes
+
+// Absolute stroke width - maintains visual consistency
+<Camera size={16} strokeWidth={2} absoluteStrokeWidth={true} />  // Stroke adjusted
+<Camera size={48} strokeWidth={2} absoluteStrokeWidth={true} />  // Same visual weight
+```
+
+### Default Attributes
+
+All icons inherit these default SVG attributes:
+
+```typescript { .api }
+/**
+ * Default SVG attributes applied to all icons
+ * These can be overridden by passing props
+ */
+interface DefaultAttributes {
+  xmlns: "http://www.w3.org/2000/svg";
+  width: 24;
+  height: 24;
+  viewBox: "0 0 24 24";
+  fill: "none";
+  stroke: "currentColor";
+  strokeWidth: 2;
+  strokeLinecap: "round";
+  strokeLinejoin: "round";
+}
+```
+
+### SVG Attributes Support
+
+Icon components accept all standard SVG element attributes for advanced customization.
+
+```typescript { .api }
+/**
+ * All standard SVG element attributes are supported
+ * Icons are rendered as <svg> elements
+ */
+interface SVGSupport extends SVGProps<SVGSVGElement> {
+  // Common SVG attributes
+  className?: string;
+  style?: CSSProperties;
+  transform?: string;
+  opacity?: number;
+  filter?: string;
+  mask?: string;
+  clipPath?: string;
+  // ... all other SVG attributes
+}
+```
+
+**Usage Examples:**
+
+```typescript
+// CSS classes and styles
+<Camera className="icon-class" style={{ marginRight: '8px' }} />
+
+// SVG transformations
+<Camera transform="rotate(45)" />
+
+// Accessibility
+<Camera role="img" aria-label="Camera icon" />
+<Camera aria-hidden="true" />  // Decorative icons
+
+// Advanced SVG properties
+<Camera opacity={0.5} filter="drop-shadow(2px 2px 4px rgba(0,0,0,0.3))" />
+```
+
+### Ref Support
+
+All icon components support React refs using `forwardRef`.
+
+```typescript { .api }
+/**
+ * Icons support refs to access the underlying SVG element
+ * Useful for imperative operations like focus management
+ */
+const iconRef = useRef<SVGSVGElement>(null);
+```
+
+**Usage Examples:**
+
+```typescript
+import { useRef, useEffect } from 'react';
+import { Camera } from 'lucide-react';
+
+const MyComponent = () => {
+  const iconRef = useRef<SVGSVGElement>(null);
+  
+  useEffect(() => {
+    if (iconRef.current) {
+      // Access SVG element directly
+      iconRef.current.focus();
+      console.log(iconRef.current.getBBox());
+    }
+  }, []);
+  
+  return <Camera ref={iconRef} />;
+};
+```
+
+### Icon Naming Convention
+
+Icons follow PascalCase naming derived from the original icon names:
+
+```typescript { .api }
+/**
+ * Icon names are converted from kebab-case to PascalCase
+ * Examples:
+ * - "air-vent" -> AirVent
+ * - "chevron-right" -> ChevronRight  
+ * - "wifi-off" -> WifiOff
+ */
+```
+
+### Icons Namespace
+
+All icons are also available through the `icons` namespace export:
+
+```typescript { .api }
+/**
+ * Namespace containing all icon components
+ * Useful when you want to access icons programmatically
+ */
+import { icons } from "lucide-react";
+
+// Access icons through namespace
+const CameraIcon = icons.Camera;
+const GridIcon = icons.Grid;
+```
+
+**Usage Examples:**
+
+```typescript
+import { icons } from "lucide-react";
+
+// Programmatic icon access
+const getIcon = (iconName: keyof typeof icons) => {
+  return icons[iconName];
+};
+
+// Dynamic component selection
+const IconDisplay = ({ name }: { name: keyof typeof icons }) => {
+  const IconComponent = icons[name];
+  return <IconComponent />;
+};
+
+// Icon picker/gallery
+const IconGallery = () => (
+  <div>
+    {Object.entries(icons).map(([name, IconComponent]) => (
+      <div key={name}>
+        <IconComponent />
+        <span>{name}</span>
+      </div>
+    ))}
+  </div>
+);
+```
+
+### Aliases
+
+Some icons have alias exports for backward compatibility:
+
+```typescript { .api }
+/**
+ * Icon aliases provide alternative names for the same icon
+ * Useful for backward compatibility and alternative naming preferences
+ */
+import { Pen, Edit2 } from "lucide-react";  // Edit2 is alias for Pen
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-lucide-react/tile.json b/.tessl/tiles/tessl/npm-lucide-react/tile.json
new file mode 100644
index 000000000..d0d2b1c16
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-lucide-react/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-lucide-react",
+  "version": "0.542.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/lucide-react@0.542.0",
+  "summary": "A Lucide icon library package for React applications providing comprehensive SVG icons as tree-shakable React components."
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-marked/docs/examples/edge-cases.md b/.tessl/tiles/tessl/npm-marked/docs/examples/edge-cases.md
new file mode 100644
index 000000000..c0d921bc2
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-marked/docs/examples/edge-cases.md
@@ -0,0 +1,452 @@
+# Edge Cases
+
+Advanced scenarios and edge cases.
+
+## Input Handling
+
+### Empty Input
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.parse('');              // Returns: ''
+marked.parseInline('');        // Returns: ''
+```
+
+### Null/Undefined Input
+
+```javascript { .api }
+import { marked } from "marked";
+
+try {
+  marked.parse(null);          // Throws: TypeError
+  marked.parse(undefined);     // Throws: TypeError
+} catch (err) {
+  console.error('Invalid input:', err.message);
+}
+```
+
+### Large Input
+
+```javascript { .api }
+import { marked } from "marked";
+
+// Very large inputs (>10MB) may have performance implications
+const largeMarkdown = '...'; // 10MB+
+
+console.time('parse');
+const html = marked.parse(largeMarkdown);
+console.timeEnd('parse');
+// Typical: < 1 second for 10MB
+```
+
+### Chunked Processing
+
+```javascript { .api }
+import { marked } from "marked";
+
+function parseInChunks(markdown, chunkSize = 100000) {
+  const chunks = [];
+  const paragraphs = markdown.split(/\n\n+/);
+  let currentChunk = [];
+  let currentSize = 0;
+  
+  for (const para of paragraphs) {
+    if (currentSize + para.length > chunkSize && currentChunk.length > 0) {
+      chunks.push(currentChunk.join('\n\n'));
+      currentChunk = [];
+      currentSize = 0;
+    }
+    currentChunk.push(para);
+    currentSize += para.length;
+  }
+  
+  if (currentChunk.length > 0) {
+    chunks.push(currentChunk.join('\n\n'));
+  }
+  
+  return chunks.map(chunk => marked.parse(chunk)).join('\n');
+}
+```
+
+## Nested Structures
+
+### Nested Links
+
+```javascript { .api }
+import { marked } from "marked";
+
+// Links cannot contain other links (per markdown spec)
+const html = marked.parse('[Outer [nested](url)](url)');
+// Inner link is treated as text
+```
+
+**Explanation**: The lexer's `inLink` state prevents nested links per markdown specification.
+
+### Deeply Nested Blockquotes
+
+```javascript { .api }
+import { marked } from "marked";
+
+const nested = '> '.repeat(100) + 'text';
+const html = marked.parse(nested);
+// Handles deep nesting
+```
+
+### Deeply Nested Lists
+
+```javascript { .api }
+import { marked } from "marked";
+
+const markdown = `
+- Level 1
+  - Level 2
+    - Level 3
+      - Level 4
+        - Level 5
+`;
+
+const html = marked.parse(markdown);
+// Properly handles nested lists
+```
+
+## Special Characters
+
+### Escape Sequences
+
+```javascript { .api }
+import { marked } from "marked";
+
+const html = marked.parse('\\* Not a list\n\\# Not a heading');
+// Escaped characters rendered literally
+```
+
+### Unicode
+
+```javascript { .api }
+import { marked } from "marked";
+
+const html = marked.parse('# 你好世界 🌍\n\nEmoji and Unicode: 😀 ñ é ü');
+// Full Unicode support
+```
+
+## GFM Features
+
+### Task Lists
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.setOptions({ gfm: true });
+
+const html = marked.parse(`
+- [ ] Unchecked task
+- [x] Checked task
+- [ ] Another task
+`);
+```
+
+### Tables
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.setOptions({ gfm: true });
+
+const html = marked.parse(`
+| Left | Center | Right |
+|:-----|:------:|------:|
+| L    |   C    |     R |
+`);
+```
+
+### Strikethrough
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.setOptions({ gfm: true });
+
+const html = marked.parse('~~deleted text~~');
+// Output: <p><del>deleted text</del></p>
+```
+
+### Autolinks
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.setOptions({ gfm: true });
+
+const html = marked.parse('Visit https://example.com for more.');
+// Raw URLs become clickable links
+```
+
+## Line Breaks
+
+### Standard Markdown
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.setOptions({ breaks: false });
+
+const html = marked.parse('Line 1\nLine 2');
+// Output: <p>Line 1\nLine 2</p> (no <br>)
+
+const html2 = marked.parse('Line 1  \nLine 2');
+// Output: <p>Line 1<br>Line 2</p> (two spaces + newline)
+```
+
+### GFM Line Breaks
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.setOptions({ gfm: true, breaks: true });
+
+const html = marked.parse('Line 1\nLine 2');
+// Output: <p>Line 1<br>Line 2</p>
+```
+
+## HTML Blocks
+
+### Block-Level HTML
+
+```javascript { .api }
+import { marked } from "marked";
+
+const html = marked.parse(`
+<div class="custom">
+  Custom HTML block
+</div>
+
+Regular markdown continues here.
+`);
+// HTML passed through unchanged
+```
+
+### Inline HTML
+
+```javascript { .api }
+import { marked } from "marked";
+
+const html = marked.parse('Text with <span class="custom">inline HTML</span>.');
+// Inline HTML passed through
+```
+
+## Link References
+
+### Reference-Style Links
+
+```javascript { .api }
+import { marked } from "marked";
+
+const markdown = `
+[Google]: https://google.com "Google Search"
+[GitHub]: https://github.com
+
+Visit [Google] or [GitHub].
+`;
+
+const html = marked.parse(markdown);
+// References resolved to full links
+```
+
+### Shortcut References
+
+```javascript { .api }
+import { marked } from "marked";
+
+const markdown = `
+[Google]: https://google.com
+
+Visit [Google].
+`;
+
+const html = marked.parse(markdown);
+```
+
+## Code Blocks
+
+### Fenced Code
+
+```javascript { .api }
+import { marked } from "marked";
+
+const markdown = `
+\`\`\`javascript
+console.log('code');
+\`\`\`
+`;
+
+const html = marked.parse(markdown);
+```
+
+### Indented Code
+
+```javascript { .api }
+import { marked } from "marked";
+
+const markdown = `
+    indented code
+    more code
+`;
+
+const html = marked.parse(markdown);
+// 4+ spaces creates code block
+```
+
+### Multiple Backticks
+
+```javascript { .api }
+import { marked } from "marked";
+
+const html = marked.parseInline('`` code with ` backtick ``');
+// Multiple backticks for code containing backticks
+```
+
+## Empty Elements
+
+### Empty Headings
+
+```javascript { .api }
+import { marked } from "marked";
+
+const html = marked.parse('# \n');
+// Creates empty heading
+```
+
+### Empty Links
+
+```javascript { .api }
+import { marked } from "marked";
+
+const html = marked.parse('[](url)');
+// Creates link with empty text
+```
+
+### Only Whitespace
+
+```javascript { .api }
+import { marked } from "marked";
+
+const html = marked.parse('   \n  \n  ');
+// Returns space token
+```
+
+### Only Link Definitions
+
+```javascript { .api }
+import { marked } from "marked";
+
+const tokens = marked.lexer('[ref]: url');
+console.log(tokens);        // []
+console.log(tokens.links);  // { ref: { href: 'url', title: '' } }
+```
+
+## Extension Edge Cases
+
+### Extension Stacking
+
+```javascript { .api }
+import { marked } from "marked";
+
+// Multiple extensions handling same token type
+marked.use({
+  renderer: {
+    link(token) {
+      if (token.href.startsWith('mailto:')) {
+        return `<a href="${token.href}" class="email">...</a>`;
+      }
+      return false; // Pass to next renderer
+    }
+  }
+});
+
+marked.use({
+  renderer: {
+    link(token) {
+      if (token.href.startsWith('tel:')) {
+        return `<a href="${token.href}" class="phone">...</a>`;
+      }
+      return false; // Pass to default
+    }
+  }
+});
+```
+
+### Async Extension Errors
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.use({
+  async: true,
+  async walkTokens(token) {
+    if (token.type === 'link') {
+      try {
+        await validateUrl(token.href);
+      } catch (err) {
+        console.error('Validation error:', err);
+        token.validated = false;
+      }
+    }
+  }
+});
+
+try {
+  const html = await marked.parse(markdown, { async: true });
+} catch (err) {
+  console.error('Parse error:', err);
+}
+
+async function validateUrl(url) {
+  // Validation logic
+}
+```
+
+## Performance Edge Cases
+
+### Very Long Lines
+
+```javascript { .api }
+import { marked } from "marked";
+
+const longLine = 'a'.repeat(100000);
+const html = marked.parse(longLine);
+// Handles long lines efficiently
+```
+
+### Many Small Tokens
+
+```javascript { .api }
+import { marked } from "marked";
+
+const manyTokens = '**a** '.repeat(10000);
+const html = marked.parse(manyTokens);
+// Handles many tokens efficiently
+```
+
+## Token Serialization
+
+```javascript { .api }
+import { marked } from "marked";
+
+// Convert tokens to JSON
+const tokens = marked.lexer(markdown);
+const json = JSON.stringify(tokens, null, 2);
+
+// Parse back from JSON
+const parsedTokens = JSON.parse(json);
+parsedTokens.links = tokens.links; // Restore links
+
+// Parse tokens
+const html = marked.parser(parsedTokens);
+```
+
+## Related Documentation
+
+- [Troubleshooting Guide](../guides/troubleshooting.md)
+- [API Reference](../reference/api.md)
+- [Real-World Scenarios](./real-world-scenarios.md)
diff --git a/.tessl/tiles/tessl/npm-marked/docs/examples/real-world-scenarios.md b/.tessl/tiles/tessl/npm-marked/docs/examples/real-world-scenarios.md
new file mode 100644
index 000000000..5bd911d9a
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-marked/docs/examples/real-world-scenarios.md
@@ -0,0 +1,694 @@
+# Real-World Scenarios
+
+Complete examples for common use cases.
+
+## Basic Parsing
+
+### Document Parsing
+
+```javascript { .api }
+import { marked } from "marked";
+import fs from "fs";
+
+const markdown = fs.readFileSync('README.md', 'utf-8');
+const html = marked.parse(markdown, { gfm: true });
+fs.writeFileSync('README.html', html);
+```
+
+### User Comments
+
+```javascript { .api }
+import { marked } from "marked";
+import DOMPurify from "dompurify";
+
+function renderComment(userComment) {
+  marked.setOptions({ silent: true, gfm: true, breaks: true });
+  const html = marked.parse(userComment);
+  return DOMPurify.sanitize(html);
+}
+```
+
+### Blog Posts
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.setOptions({
+  gfm: true,
+  breaks: false
+});
+
+const postHtml = marked.parse(blogPost);
+```
+
+### Tooltips
+
+```javascript { .api }
+import { marked } from "marked";
+
+const tooltipHtml = marked.parseInline('This is **important**');
+// Use parseInline for short content without <p> wrapper
+```
+
+## Custom Syntax
+
+### Emoji Support
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.use({
+  extensions: [{
+    name: 'emoji',
+    level: 'inline',
+    start(src) { return src.indexOf(':'); },
+    tokenizer(src) {
+      const match = src.match(/^:([a-z_]+):/);
+      if (match) {
+        return { type: 'emoji', raw: match[0], name: match[1] };
+      }
+    },
+    renderer(token) {
+      return `<span class="emoji emoji-${token.name}" role="img" aria-label="${token.name}"></span>`;
+    }
+  }]
+});
+
+const html = marked.parse('Hello :wave: world!');
+```
+
+### Wiki-Style Links
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.use({
+  extensions: [{
+    name: 'wikilink',
+    level: 'inline',
+    start(src) { return src.indexOf('[['); },
+    tokenizer(src) {
+      const match = src.match(/^\[\[([^\]|]+)(?:\|([^\]]+))?\]\]/);
+      if (match) {
+        const page = match[1].trim();
+        const display = match[2] ? match[2].trim() : page;
+        const slug = page.toLowerCase().replace(/\s+/g, '-');
+        return { type: 'wikilink', raw: match[0], page, display, slug };
+      }
+    },
+    renderer(token) {
+      return `<a href="/wiki/${encodeURIComponent(token.slug)}" class="wikilink">${escapeHtml(token.display)}</a>`;
+    }
+  }]
+});
+
+function escapeHtml(html) {
+  return String(html).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+}
+```
+
+### Custom Alert Blocks
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.use({
+  extensions: [{
+    name: 'alert',
+    level: 'block',
+    start(src) { return src.match(/^:::/)?.index; },
+    tokenizer(src) {
+      const match = src.match(/^:::(\w+)\n([\s\S]*?)\n:::/);
+      if (match) {
+        return {
+          type: 'alert',
+          raw: match[0],
+          alertType: match[1],
+          text: match[2],
+          tokens: this.lexer.blockTokens(match[2])
+        };
+      }
+    },
+    renderer(token) {
+      const body = this.parser.parse(token.tokens);
+      return `<div class="alert alert-${token.alertType}" role="alert">${body}</div>\n`;
+    }
+  }],
+  childTokens: ['tokens']
+});
+```
+
+### Math Expressions
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.use({
+  extensions: [
+    {
+      name: 'inlineMath',
+      level: 'inline',
+      start(src) { return src.indexOf('$'); },
+      tokenizer(src) {
+        const match = src.match(/^\$([^$\n]+?)\$/);
+        if (match) {
+          return { type: 'inlineMath', raw: match[0], text: match[1] };
+        }
+      },
+      renderer(token) {
+        return `<span class="math-inline">\\(${escapeHtml(token.text)}\\)</span>`;
+      }
+    },
+    {
+      name: 'blockMath',
+      level: 'block',
+      start(src) { return src.match(/^\$\$/)?.index; },
+      tokenizer(src) {
+        const match = src.match(/^\$\$\n([\s\S]+?)\n\$\$/);
+        if (match) {
+          return { type: 'blockMath', raw: match[0], text: match[1] };
+        }
+      },
+      renderer(token) {
+        return `<div class="math-block">\\[${escapeHtml(token.text)}\\]</div>\n`;
+      }
+    }
+  ]
+});
+
+function escapeHtml(html) {
+  return String(html).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+}
+```
+
+## Custom Rendering
+
+### Syntax Highlighting
+
+```javascript { .api }
+import { marked } from "marked";
+import hljs from "highlight.js";
+
+marked.use({
+  renderer: {
+    code({ text, lang, escaped }) {
+      if (lang && hljs.getLanguage(lang)) {
+        try {
+          const highlighted = hljs.highlight(text, { language: lang }).value;
+          return `<pre><code class="hljs language-${escapeHtml(lang)}">${highlighted}</code></pre>\n`;
+        } catch (err) {
+          console.error('Highlight error:', err);
+        }
+      }
+      const code = escaped ? text : escapeHtml(text);
+      const langClass = lang ? ` class="language-${escapeHtml(lang)}"` : '';
+      return `<pre><code${langClass}>${code}</code></pre>\n`;
+    }
+  }
+});
+
+function escapeHtml(html) {
+  return String(html).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+}
+```
+
+### Custom Heading Anchors
+
+```javascript { .api }
+import { marked, Renderer } from "marked";
+
+const renderer = new Renderer();
+
+renderer.heading = ({ tokens, depth }) => {
+  const text = renderer.parser.parseInline(tokens);
+  const id = text.toLowerCase().replace(/[^\w]+/g, '-');
+  return `<h${depth} id="${id}"><a href="#${id}" class="anchor">#</a> ${text}</h${depth}>\n`;
+};
+
+marked.setOptions({ renderer });
+```
+
+### External Link Handling
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.use({
+  renderer: {
+    link({ href, title, tokens }) {
+      const text = this.parser.parseInline(tokens);
+      const titleAttr = title ? ` title="${escapeHtml(title)}"` : '';
+      const isExternal = href.startsWith('http://') || href.startsWith('https://');
+      const external = isExternal ? ' target="_blank" rel="noopener noreferrer"' : '';
+      return `<a href="${escapeHtml(href)}"${titleAttr}${external}>${text}</a>`;
+    }
+  }
+});
+
+function escapeHtml(html) {
+  return String(html).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
+}
+```
+
+### Image Lazy Loading
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.use({
+  renderer: {
+    image({ href, title, text }) {
+      const alt = text ? ` alt="${escapeHtml(text)}"` : '';
+      const titleAttr = title ? ` title="${escapeHtml(title)}"` : '';
+      
+      if (title) {
+        return `<figure><img src="${escapeHtml(href)}"${alt}${titleAttr} loading="lazy"><figcaption>${escapeHtml(title)}</figcaption></figure>`;
+      }
+      return `<img src="${escapeHtml(href)}"${alt} loading="lazy">`;
+    }
+  }
+});
+
+function escapeHtml(html) {
+  return String(html).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
+}
+```
+
+## Table of Contents
+
+```javascript { .api }
+import { marked } from "marked";
+
+const toc = [];
+
+marked.use({
+  walkTokens(token) {
+    if (token.type === 'heading' && token.depth <= 3) {
+      const id = token.text.toLowerCase().replace(/[^\w]+/g, '-');
+      toc.push({ level: token.depth, text: token.text, id });
+      token.headingId = id;
+    }
+  },
+  renderer: {
+    heading({ tokens, depth, headingId }) {
+      const text = this.parser.parseInline(tokens);
+      const id = headingId || text.toLowerCase().replace(/[^\w]+/g, '-');
+      return `<h${depth} id="${id}">${text}</h${depth}>\n`;
+    }
+  }
+});
+
+const html = marked.parse(markdown);
+
+const tocHtml = '<nav class="toc"><h2>Contents</h2><ul>' +
+  toc.map(item => `<li><a href="#${item.id}">${escapeHtml(item.text)}</a></li>`).join('') +
+  '</ul></nav>';
+
+const fullHtml = tocHtml + html;
+toc.length = 0;
+
+function escapeHtml(html) {
+  return String(html).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+}
+```
+
+## Front Matter
+
+```javascript { .api }
+import { marked } from "marked";
+import yaml from "js-yaml";
+
+let frontMatter = {};
+
+marked.use({
+  hooks: {
+    preprocess(markdown) {
+      const match = markdown.match(/^---\n([\s\S]+?)\n---\n/);
+      if (match) {
+        try {
+          frontMatter = yaml.load(match[1]);
+        } catch (err) {
+          console.error('Invalid YAML:', err);
+          frontMatter = {};
+        }
+        return markdown.slice(match[0].length);
+      }
+      frontMatter = {};
+      return markdown;
+    }
+  }
+});
+
+const html = marked.parse(markdownWithFrontMatter);
+console.log('Front matter:', frontMatter);
+```
+
+## Async Link Validation
+
+```javascript { .api }
+import { marked } from "marked";
+
+const linkValidation = new Map();
+
+async function validateUrl(url) {
+  if (linkValidation.has(url)) {
+    return linkValidation.get(url);
+  }
+  try {
+    const response = await fetch(url, { method: 'HEAD', timeout: 5000 });
+    const isValid = response.ok;
+    linkValidation.set(url, isValid);
+    return isValid;
+  } catch (err) {
+    linkValidation.set(url, false);
+    return false;
+  }
+}
+
+marked.use({
+  async: true,
+  async walkTokens(token) {
+    if (token.type === 'link') {
+      token.validated = await validateUrl(token.href);
+    }
+  },
+  renderer: {
+    link(token) {
+      const text = this.parser.parseInline(token.tokens);
+      if (token.validated === false) {
+        return `<span class="broken-link">${text}</span>`;
+      }
+      return `<a href="${escapeHtml(token.href)}">${text}</a>`;
+    }
+  }
+});
+
+const html = await marked.parse(markdown, { async: true });
+
+function escapeHtml(html) {
+  return String(html).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+}
+```
+
+## Footnotes
+
+```javascript { .api }
+import { marked } from "marked";
+
+const footnotes = {};
+let footnoteCounter = 0;
+
+marked.use({
+  extensions: [
+    {
+      name: 'footnoteRef',
+      level: 'inline',
+      start(src) { return src.indexOf('[^'); },
+      tokenizer(src) {
+        const match = src.match(/^\[\^(\w+)\]/);
+        if (match) {
+          return { type: 'footnoteRef', raw: match[0], id: match[1] };
+        }
+      },
+      renderer(token) {
+        if (!footnotes[token.id]) {
+          footnotes[token.id] = { num: ++footnoteCounter };
+        }
+        const num = footnotes[token.id].num;
+        return `<sup><a href="#fn-${token.id}" id="fnref-${token.id}">${num}</a></sup>`;
+      }
+    },
+    {
+      name: 'footnoteDef',
+      level: 'block',
+      start(src) { return src.match(/^\[\^/)?.index; },
+      tokenizer(src) {
+        const match = src.match(/^\[\^(\w+)\]:\s+(.+)/);
+        if (match) {
+          return { type: 'footnoteDef', raw: match[0], id: match[1], text: match[2] };
+        }
+      },
+      renderer(token) {
+        if (!footnotes[token.id]) {
+          footnotes[token.id] = { num: ++footnoteCounter };
+        }
+        footnotes[token.id].text = token.text;
+        return '';
+      }
+    }
+  ],
+  hooks: {
+    postprocess(html) {
+      if (Object.keys(footnotes).length === 0) return html;
+      
+      let footnotesHtml = '<section class="footnotes"><hr><ol>';
+      for (const [id, data] of Object.entries(footnotes)) {
+        if (data.text) {
+          footnotesHtml += `<li id="fn-${id}">${escapeHtml(data.text)} <a href="#fnref-${id}">↩</a></li>`;
+        }
+      }
+      footnotesHtml += '</ol></section>';
+      return html + footnotesHtml;
+    }
+  }
+});
+
+function escapeHtml(html) {
+  return String(html).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+}
+```
+
+## YouTube Embeds
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.use({
+  extensions: [{
+    name: 'youtube',
+    level: 'block',
+    start(src) { return src.match(/^@\[youtube\]/)?.index; },
+    tokenizer(src) {
+      const match = src.match(/^@\[youtube\]\(([\w-]+)\)/);
+      if (match) {
+        return { type: 'youtube', raw: match[0], videoId: match[1] };
+      }
+    },
+    renderer(token) {
+      return `<iframe width="560" height="315" src="https://www.youtube.com/embed/${token.videoId}" frameborder="0" allowfullscreen loading="lazy"></iframe>\n`;
+    }
+  }]
+});
+```
+
+## Custom Blockquotes
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.use({
+  renderer: {
+    blockquote(token) {
+      const body = this.parser.parse(token.tokens);
+      const firstLine = body.match(/<p>(.+?)<\/p>/)?.[1] || '';
+      
+      let type = 'default';
+      let content = body;
+      
+      if (firstLine.startsWith('Note:')) {
+        type = 'note';
+        content = body.replace(/<p>Note:\s*/, '<p>');
+      } else if (firstLine.startsWith('Warning:')) {
+        type = 'warning';
+        content = body.replace(/<p>Warning:\s*/, '<p>');
+      }
+      
+      return `<blockquote class="callout callout-${type}">${content}</blockquote>\n`;
+    }
+  }
+});
+```
+
+## Numbered Headings
+
+```javascript { .api }
+import { marked, Renderer } from "marked";
+
+const renderer = new Renderer();
+const headingNumbers = { h1: 0, h2: 0, h3: 0, h4: 0, h5: 0, h6: 0 };
+
+renderer.heading = ({ tokens, depth }) => {
+  for (let i = depth + 1; i <= 6; i++) {
+    headingNumbers[`h${i}`] = 0;
+  }
+  headingNumbers[`h${depth}`]++;
+  
+  const numbers = [];
+  for (let i = 1; i <= depth; i++) {
+    numbers.push(headingNumbers[`h${i}`]);
+  }
+  const numberPrefix = numbers.join('.') + '. ';
+  
+  const text = renderer.parser.parseInline(tokens);
+  return `<h${depth}>${numberPrefix}${text}</h${depth}>\n`;
+};
+
+marked.setOptions({ renderer });
+```
+
+## Token Statistics
+
+```javascript { .api }
+import { marked } from "marked";
+
+function analyzeTokens(markdown) {
+  const tokens = marked.lexer(markdown);
+  const stats = {
+    headings: { h1: 0, h2: 0, h3: 0, h4: 0, h5: 0, h6: 0 },
+    paragraphs: 0,
+    codeBlocks: 0,
+    links: 0,
+    images: 0
+  };
+  
+  marked.walkTokens(tokens, token => {
+    if (token.type === 'heading') stats.headings[`h${token.depth}`]++;
+    if (token.type === 'paragraph') stats.paragraphs++;
+    if (token.type === 'code') stats.codeBlocks++;
+    if (token.type === 'link') stats.links++;
+    if (token.type === 'image') stats.images++;
+  });
+  
+  return stats;
+}
+
+const stats = analyzeTokens(markdown);
+console.log('Document statistics:', stats);
+```
+
+## Reading Time Estimator
+
+```javascript { .api }
+import { marked } from "marked";
+
+let readingTime = 0;
+const WORDS_PER_MINUTE = 200;
+
+marked.use({
+  hooks: {
+    processAllTokens(tokens) {
+      let wordCount = 0;
+      
+      function countWords(tokens) {
+        tokens.forEach(token => {
+          if (token.type === 'text' && token.text) {
+            wordCount += token.text.split(/\s+/).length;
+          }
+          if (token.type === 'code' && token.text) {
+            wordCount += token.text.split(/\s+/).length * 0.5;
+          }
+          if (token.tokens) countWords(token.tokens);
+        });
+      }
+      
+      countWords(tokens);
+      readingTime = Math.ceil(wordCount / WORDS_PER_MINUTE);
+      return tokens;
+    },
+    postprocess(html) {
+      return `<div class="reading-time">${readingTime} min read</div>\n${html}`;
+    }
+  }
+});
+```
+
+## Plain Text Extraction
+
+```javascript { .api }
+import { Parser, TextRenderer, Lexer } from "marked";
+
+function extractText(markdown) {
+  const tokens = Lexer.lex(markdown);
+  const textRenderer = new TextRenderer();
+  const parser = new Parser();
+  
+  let result = '';
+  function processTokens(tokens) {
+    tokens.forEach(token => {
+      if (token.type === 'text') {
+        result += token.text + ' ';
+      } else if (token.tokens) {
+        processTokens(token.tokens);
+      }
+    });
+  }
+  
+  processTokens(tokens);
+  return result.trim();
+}
+
+const plainText = extractText('# Heading\n\nThis is **bold**.');
+// Output: "Heading This is bold."
+```
+
+## Caching
+
+```javascript { .api }
+import { marked } from "marked";
+
+const parseCache = new Map();
+
+function cachedParse(markdown) {
+  if (parseCache.has(markdown)) {
+    return parseCache.get(markdown);
+  }
+  
+  const html = marked.parse(markdown);
+  
+  if (parseCache.size >= 1000) {
+    const firstKey = parseCache.keys().next().value;
+    parseCache.delete(firstKey);
+  }
+  
+  parseCache.set(markdown, html);
+  return html;
+}
+```
+
+## Multi-Instance Configuration
+
+```javascript { .api }
+import { Marked } from "marked";
+
+// Instance for GitHub Flavored Markdown
+const gfmMarked = new Marked({ gfm: true, breaks: true });
+
+// Instance for strict CommonMark
+const strictMarked = new Marked({ gfm: false });
+
+// Instance for blog posts
+const blogMarked = new Marked({
+  gfm: true,
+  breaks: false,
+  renderer: {
+    link({ href, title, tokens }) {
+      const text = this.parser.parseInline(tokens);
+      const titleAttr = title ? ` title="${title}"` : '';
+      const target = href.startsWith('http') ? ' target="_blank" rel="noopener"' : '';
+      return `<a href="${href}"${titleAttr}${target}>${text}</a>`;
+    }
+  }
+});
+
+// Each instance has independent configuration
+const html1 = gfmMarked.parse(markdown);
+const html2 = strictMarked.parse(markdown);
+const html3 = blogMarked.parse(markdown);
+```
+
+## Related Documentation
+
+- [Extensions Guide](../guides/extensions.md)
+- [Rendering Guide](../guides/rendering.md)
+- [Token Manipulation Guide](../guides/token-manipulation.md)
+- [Edge Cases](./edge-cases.md)
diff --git a/.tessl/tiles/tessl/npm-marked/docs/guides/async-patterns.md b/.tessl/tiles/tessl/npm-marked/docs/guides/async-patterns.md
new file mode 100644
index 000000000..8349f517e
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-marked/docs/guides/async-patterns.md
@@ -0,0 +1,41 @@
+# Async Patterns Guide
+
+Use async operations with Marked.
+
+## Enable Async Mode
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.setOptions({ async: true });
+
+const html = await marked.parse('# Async Markdown');
+```
+
+## Async Extensions
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.use({
+  async: true,
+  async walkTokens(token) {
+    if (token.type === 'link') {
+      await validateUrl(token.href);
+    }
+  }
+});
+
+const html = await marked.parse(markdown, { async: true });
+```
+
+## When to Use Async
+
+- Async `walkTokens` callbacks
+- Async hooks (preprocess, postprocess)
+- Extensions that perform async operations
+- Fetching external data during parsing
+
+## Performance Note
+
+Async mode adds overhead. Only enable when needed.
diff --git a/.tessl/tiles/tessl/npm-marked/docs/guides/error-handling.md b/.tessl/tiles/tessl/npm-marked/docs/guides/error-handling.md
new file mode 100644
index 000000000..636560e75
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-marked/docs/guides/error-handling.md
@@ -0,0 +1,56 @@
+# Error Handling Guide
+
+Handle parsing errors gracefully.
+
+## Throw Errors (Default)
+
+```javascript { .api }
+import { marked } from "marked";
+
+try {
+  const html = marked.parse(malformedMarkdown);
+} catch (err) {
+  console.error('Parse error:', err.message);
+}
+```
+
+## Silent Mode
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.setOptions({ silent: true });
+const html = marked.parse(malformedMarkdown);
+// Returns: <p>An error occurred:</p><pre>Error message</pre>
+```
+
+## Error Recovery
+
+```javascript { .api }
+import { marked } from "marked";
+
+function safeParse(markdown, options = {}) {
+  try {
+    return {
+      success: true,
+      html: marked.parse(markdown, { ...options, silent: false }),
+      error: null
+    };
+  } catch (err) {
+    return {
+      success: false,
+      html: marked.parse(markdown, { ...options, silent: true }),
+      error: err.message
+    };
+  }
+}
+```
+
+## Common Error Scenarios
+
+- Invalid input type (null/undefined)
+- Malformed tokens (low-level API)
+- Extension errors
+- Async errors
+
+See [Troubleshooting Guide](./troubleshooting.md) for specific issues.
diff --git a/.tessl/tiles/tessl/npm-marked/docs/guides/extensions.md b/.tessl/tiles/tessl/npm-marked/docs/guides/extensions.md
new file mode 100644
index 000000000..6b0795e4c
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-marked/docs/guides/extensions.md
@@ -0,0 +1,66 @@
+# Extensions Guide
+
+Learn how to extend Marked with custom syntax and rendering.
+
+## Overview
+
+Marked supports four types of extensions:
+
+1. **Tokenizer Extensions**: Add new markdown syntax
+2. **Renderer Extensions**: Customize HTML output
+3. **Hooks**: Intercept processing pipeline
+4. **walkTokens**: Process all tokens globally
+
+## Quick Example
+
+```javascript { .api }
+import { marked } from "marked";
+
+// Add custom emoji syntax
+marked.use({
+  extensions: [{
+    name: 'emoji',
+    level: 'inline',
+    start(src) { return src.indexOf(':'); },
+    tokenizer(src) {
+      const match = src.match(/^:([a-z_]+):/);
+      if (match) {
+        return { type: 'emoji', raw: match[0], name: match[1] };
+      }
+    },
+    renderer(token) {
+      return `<span class="emoji emoji-${token.name}"></span>`;
+    }
+  }]
+});
+
+const html = marked.parse('Hello :wave:!');
+```
+
+## Detailed Documentation
+
+For complete extension system documentation, see:
+
+- [Extension System Reference](../reference/extensions.md)
+
+## Common Extension Patterns
+
+### Custom Syntax
+- Emoji support
+- Wiki-style links
+- Math expressions
+- Custom alert blocks
+
+### Custom Rendering
+- Syntax highlighting
+- Custom heading anchors
+- External link handling
+- Image optimization
+
+### Token Processing
+- Table of contents generation
+- Heading ID generation
+- Link validation
+- Metadata extraction
+
+See [Real-World Scenarios](../examples/real-world-scenarios.md) for complete examples.
diff --git a/.tessl/tiles/tessl/npm-marked/docs/guides/migration.md b/.tessl/tiles/tessl/npm-marked/docs/guides/migration.md
new file mode 100644
index 000000000..94de45a37
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-marked/docs/guides/migration.md
@@ -0,0 +1,54 @@
+# Migration Guide
+
+Migrate to Marked from other markdown libraries.
+
+## From markdown-it
+
+```javascript
+// markdown-it
+const md = require('markdown-it')();
+const html = md.render(markdown);
+
+// marked
+import { marked } from "marked";
+const html = marked.parse(markdown);
+```
+
+## From showdown
+
+```javascript
+// showdown
+const converter = new showdown.Converter();
+const html = converter.makeHtml(markdown);
+
+// marked
+import { marked } from "marked";
+const html = marked.parse(markdown);
+```
+
+## From Older Marked Versions
+
+**Breaking changes in v17**:
+- Minimum Node.js version is now 20
+- Some deprecated options removed
+- Extension API changes
+
+**Migration steps**:
+
+```javascript
+// Old (deprecated)
+marked.setOptions({
+  highlight: function(code, lang) {
+    // Old highlight option
+  }
+});
+
+// New (v17+)
+marked.use({
+  renderer: {
+    code({ text, lang }) {
+      // Custom code rendering
+    }
+  }
+});
+```
diff --git a/.tessl/tiles/tessl/npm-marked/docs/guides/performance.md b/.tessl/tiles/tessl/npm-marked/docs/guides/performance.md
new file mode 100644
index 000000000..6e9a2391f
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-marked/docs/guides/performance.md
@@ -0,0 +1,58 @@
+# Performance Guide
+
+Optimize Marked for your use case.
+
+## Performance Characteristics
+
+- **Non-blocking**: No I/O operations
+- **No caching**: Each parse is independent
+- **Memory efficient**: Tokens kept in memory during parsing only
+- **Fast**: <10ms for 100KB documents (typical)
+
+## Caching
+
+```javascript { .api }
+import { marked } from "marked";
+
+const cache = new Map();
+
+function cachedParse(markdown) {
+  if (cache.has(markdown)) {
+    return cache.get(markdown);
+  }
+  const html = marked.parse(markdown);
+  cache.set(markdown, html);
+  return html;
+}
+```
+
+## Reuse Instances
+
+```javascript { .api }
+import { marked } from "marked";
+
+const parser = new marked.Parser();
+const renderer = new marked.Renderer();
+parser.renderer = renderer;
+
+// Parse multiple documents
+const htmls = documents.map(doc => {
+  const tokens = marked.lexer(doc);
+  return parser.parse(tokens);
+});
+```
+
+## Avoid Async Overhead
+
+```javascript { .api }
+// Only use async when needed
+marked.setOptions({ async: false });  // Faster
+```
+
+## Profile Extensions
+
+```javascript { .api }
+console.time('parse-with-extension');
+const html = marked.parse(markdown);
+console.timeEnd('parse-with-extension');
+```
diff --git a/.tessl/tiles/tessl/npm-marked/docs/guides/quick-start.md b/.tessl/tiles/tessl/npm-marked/docs/guides/quick-start.md
new file mode 100644
index 000000000..e656baa24
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-marked/docs/guides/quick-start.md
@@ -0,0 +1,358 @@
+# Quick Start Guide
+
+Get started with Marked in minutes.
+
+## Installation
+
+```bash
+npm install marked
+```
+
+## Basic Usage
+
+### Simple Parsing
+
+```javascript { .api }
+import { marked } from "marked";
+
+const markdown = '# Hello World\n\nThis is **markdown**.';
+const html = marked.parse(markdown);
+
+console.log(html);
+// Output: <h1>Hello World</h1>\n<p>This is <strong>markdown</strong>.</p>\n
+```
+
+### Inline Parsing
+
+Parse inline markdown without wrapping `<p>` tags:
+
+```javascript { .api }
+import { marked } from "marked";
+
+const inline = marked.parseInline('This is **bold** text');
+console.log(inline);
+// Output: This is <strong>bold</strong> text
+```
+
+**Use cases**: Tooltips, short descriptions, inline content
+
+## Imports
+
+### ES Modules (Recommended)
+
+```javascript { .api }
+import { marked } from "marked";
+```
+
+Specific imports:
+
+```javascript { .api }
+import {
+  marked,           // Main parse function
+  parse,            // Alias for marked
+  parseInline,      // Parse inline markdown only
+  Lexer,            // Tokenizer class
+  Parser,           // Parser class
+  Renderer,         // HTML renderer class
+  Tokenizer,        // Low-level tokenizer class
+  Hooks,            // Processing hooks class
+  Marked            // Instance class for isolated configs
+} from "marked";
+```
+
+### CommonJS
+
+```javascript { .api }
+const { marked } = require("marked");
+```
+
+### UMD (Browser)
+
+```html
+<script src="https://cdn.jsdelivr.net/npm/marked/lib/marked.umd.js"></script>
+<script>
+  const html = marked.parse('# Hello');
+</script>
+```
+
+### TypeScript
+
+```typescript { .api }
+import { marked, MarkedOptions, Token, Tokens } from "marked";
+
+const options: MarkedOptions = {
+  gfm: true,
+  breaks: true
+};
+
+marked.setOptions(options);
+```
+
+## Configuration
+
+### Global Options
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.setOptions({
+  gfm: true,        // Enable GitHub Flavored Markdown
+  breaks: true,     // Convert \n to <br>
+  pedantic: false,  // Don't fix markdown bugs
+  silent: false     // Throw on errors
+});
+
+const html = marked.parse(markdown);
+```
+
+### Per-Parse Options
+
+```javascript { .api }
+import { marked } from "marked";
+
+// Override global options for specific parse
+const html = marked.parse(markdown, {
+  breaks: false,  // Override global setting
+  gfm: true
+});
+```
+
+### Isolated Instances
+
+```javascript { .api }
+import { Marked } from "marked";
+
+// Create instance for GitHub Flavored Markdown
+const gfmMarked = new Marked({
+  gfm: true,
+  breaks: true
+});
+
+// Create instance for strict CommonMark
+const strictMarked = new Marked({
+  gfm: false,
+  pedantic: false
+});
+
+// Each instance has independent configuration
+const html1 = gfmMarked.parse('Line 1\nLine 2'); // Has <br>
+const html2 = strictMarked.parse('Line 1\nLine 2'); // No <br>
+```
+
+## Security
+
+**Critical**: Marked does NOT sanitize HTML output.
+
+```javascript { .api }
+import { marked } from "marked";
+import DOMPurify from "dompurify";
+
+// UNSAFE - vulnerable to XSS
+const unsafeHtml = marked.parse(userInput);
+
+// SAFE - sanitized output
+const dirty = marked.parse(userInput);
+const clean = DOMPurify.sanitize(dirty);
+
+// Use clean HTML in your application
+document.getElementById('content').innerHTML = clean;
+```
+
+**Recommended sanitization libraries**:
+- [DOMPurify](https://www.npmjs.com/package/dompurify) - Most comprehensive
+- [sanitize-html](https://www.npmjs.com/package/sanitize-html) - Configurable
+- [js-xss](https://www.npmjs.com/package/xss) - Lightweight
+
+## Error Handling
+
+### Throw Errors (Default)
+
+```javascript { .api }
+import { marked } from "marked";
+
+try {
+  const html = marked.parse(malformedMarkdown);
+} catch (err) {
+  console.error('Parse error:', err.message);
+}
+```
+
+### Silent Mode
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.setOptions({ silent: true });
+const html = marked.parse(malformedMarkdown);
+// Returns: <p>An error occurred:</p><pre>Error message</pre>
+```
+
+**Use silent mode for**: User-generated content, preview functionality
+
+## Common Options
+
+### GitHub Flavored Markdown
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.setOptions({
+  gfm: true,
+  breaks: true
+});
+
+const html = marked.parse(`
+# Title
+
+Line 1
+Line 2
+
+| A | B |
+|---|---|
+| 1 | 2 |
+
+~~strikethrough~~
+
+- [ ] Task 1
+- [x] Task 2
+`);
+```
+
+### Strict CommonMark
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.setOptions({
+  gfm: false,
+  breaks: false,
+  pedantic: false
+});
+```
+
+### Original markdown.pl Compatibility
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.setOptions({
+  pedantic: true,
+  gfm: false
+});
+```
+
+## Async Parsing
+
+```javascript { .api }
+import { marked } from "marked";
+
+// Enable async mode
+marked.setOptions({ async: true });
+
+const html = await marked.parse('# Async Markdown');
+
+// Or pass async option directly
+const html2 = await marked.parse('# Title', { async: true });
+```
+
+**When to use async**: Required for async `walkTokens` callbacks, async hooks, or extensions that perform async operations.
+
+## CLI Usage
+
+```bash
+# Install globally
+npm install -g marked
+
+# Parse file
+marked input.md -o output.html
+
+# Parse with options
+marked input.md --gfm --breaks
+
+# From stdin
+echo "# Hello" | marked
+
+# Multiple files
+marked file1.md file2.md --output-dir dist/
+```
+
+## Next Steps
+
+- [Extensions Guide](./extensions.md) - Add custom syntax and rendering
+- [Rendering Guide](./rendering.md) - Customize HTML output
+- [Token Manipulation](./token-manipulation.md) - Work with token trees
+- [Real-World Examples](../examples/real-world-scenarios.md) - Complete usage examples
+- [API Reference](../reference/api.md) - Complete API documentation
+
+## Common Patterns
+
+### Document Parsing
+
+```javascript { .api }
+import { marked } from "marked";
+import fs from "fs";
+
+const markdown = fs.readFileSync('README.md', 'utf-8');
+const html = marked.parse(markdown, { gfm: true });
+fs.writeFileSync('README.html', html);
+```
+
+### User Comments
+
+```javascript { .api }
+import { marked } from "marked";
+import DOMPurify from "dompurify";
+
+function renderComment(userComment) {
+  const html = marked.parse(userComment);
+  return DOMPurify.sanitize(html);
+}
+```
+
+### Blog Posts
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.setOptions({
+  gfm: true,
+  breaks: false
+});
+
+const postHtml = marked.parse(blogPost);
+```
+
+### Tooltips and Short Text
+
+```javascript { .api }
+import { marked } from "marked";
+
+const tooltipHtml = marked.parseInline('This is **important**');
+// Use parseInline for short content without <p> wrapper
+```
+
+## Edge Cases
+
+### Empty Input
+
+```javascript { .api }
+marked.parse('');              // Returns: ''
+marked.parse(null);            // Throws: TypeError
+marked.parse(undefined);       // Throws: TypeError
+```
+
+### Large Input
+
+```javascript { .api }
+// Very large inputs (>10MB) may have performance implications
+const largeMarkdown = '...'; // 10MB+
+
+console.time('parse');
+const html = marked.parse(largeMarkdown);
+console.timeEnd('parse');
+// Typical: < 1 second for 10MB
+```
+
+## Troubleshooting
+
+See [Troubleshooting Guide](./troubleshooting.md) for common issues and solutions.
diff --git a/.tessl/tiles/tessl/npm-marked/docs/guides/rendering.md b/.tessl/tiles/tessl/npm-marked/docs/guides/rendering.md
new file mode 100644
index 000000000..3c4e069cb
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-marked/docs/guides/rendering.md
@@ -0,0 +1,44 @@
+# Rendering Guide
+
+Customize how Marked generates HTML output.
+
+## Custom Renderer
+
+```javascript { .api }
+import { marked, Renderer } from "marked";
+
+const renderer = new Renderer();
+
+// Override heading rendering
+renderer.heading = ({ tokens, depth }) => {
+  const text = renderer.parser.parseInline(tokens);
+  const id = text.toLowerCase().replace(/[^\w]+/g, '-');
+  return `<h${depth} id="${id}">${text}</h${depth}>\n`;
+};
+
+// Override link rendering
+renderer.link = ({ href, title, tokens }) => {
+  const text = renderer.parser.parseInline(tokens);
+  const titleAttr = title ? ` title="${title}"` : '';
+  const external = href.startsWith('http') ? ' target="_blank" rel="noopener"' : '';
+  return `<a href="${href}"${titleAttr}${external}>${text}</a>`;
+};
+
+marked.setOptions({ renderer });
+```
+
+## Detailed Documentation
+
+For complete renderer documentation, see:
+
+- [Parser & Renderer Reference](../reference/parser-renderer.md)
+- [Extension System Reference](../reference/extensions.md)
+
+## Common Rendering Patterns
+
+See [Real-World Scenarios](../examples/real-world-scenarios.md) for complete examples:
+- Syntax highlighting
+- Custom heading anchors
+- External link handling
+- Image lazy loading
+- Custom blockquotes
diff --git a/.tessl/tiles/tessl/npm-marked/docs/guides/security.md b/.tessl/tiles/tessl/npm-marked/docs/guides/security.md
new file mode 100644
index 000000000..eab67a045
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-marked/docs/guides/security.md
@@ -0,0 +1,47 @@
+# Security Guide
+
+Best practices for secure markdown parsing.
+
+## Critical: No HTML Sanitization
+
+Marked does NOT sanitize HTML output. Always use a sanitization library.
+
+```javascript { .api }
+import { marked } from "marked";
+import DOMPurify from "dompurify";
+
+// UNSAFE
+const unsafeHtml = marked.parse(userInput);
+
+// SAFE
+const dirty = marked.parse(userInput);
+const clean = DOMPurify.sanitize(dirty);
+```
+
+## Recommended Sanitization Libraries
+
+- [DOMPurify](https://www.npmjs.com/package/dompurify) - Most comprehensive
+- [sanitize-html](https://www.npmjs.com/package/sanitize-html) - Configurable
+- [js-xss](https://www.npmjs.com/package/xss) - Lightweight
+
+## Additional Security Measures
+
+- Validate and limit file sizes
+- Implement rate limiting for user input
+- Use Content Security Policy (CSP) headers
+- Disable dangerous markdown features if not needed
+
+## XSS Prevention
+
+```javascript { .api }
+import { marked } from "marked";
+import DOMPurify from "dompurify";
+
+function safeRender(markdown) {
+  const html = marked.parse(markdown);
+  return DOMPurify.sanitize(html, {
+    ALLOWED_TAGS: ['p', 'strong', 'em', 'a', 'ul', 'ol', 'li'],
+    ALLOWED_ATTR: ['href']
+  });
+}
+```
diff --git a/.tessl/tiles/tessl/npm-marked/docs/guides/token-manipulation.md b/.tessl/tiles/tessl/npm-marked/docs/guides/token-manipulation.md
new file mode 100644
index 000000000..211820c48
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-marked/docs/guides/token-manipulation.md
@@ -0,0 +1,59 @@
+# Token Manipulation Guide
+
+Work with Marked's token tree for advanced processing.
+
+## Token Walking
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.use({
+  walkTokens(token) {
+    if (token.type === 'heading') {
+      // Add custom ID to headings
+      token.id = token.text.toLowerCase().replace(/[^\w]+/g, '-');
+    }
+  },
+  renderer: {
+    heading({ tokens, depth, id }) {
+      const text = this.parser.parseInline(tokens);
+      return `<h${depth} id="${id}">${text}</h${depth}>\n`;
+    }
+  }
+});
+```
+
+## Low-Level API
+
+```javascript { .api }
+import { marked } from "marked";
+
+// Tokenize
+const tokens = marked.lexer('# Hello\n\nThis is **markdown**.');
+
+// Modify tokens
+tokens.forEach(token => {
+  if (token.type === 'heading') {
+    token.depth += 1; // Demote all headings
+  }
+});
+
+// Parse modified tokens
+const html = marked.parser(tokens);
+```
+
+## Detailed Documentation
+
+For complete token documentation, see:
+
+- [Lexer Reference](../reference/lexer.md)
+- [Token Types Reference](../reference/types.md)
+
+## Common Token Patterns
+
+See [Real-World Scenarios](../examples/real-world-scenarios.md) for complete examples:
+- Table of contents generation
+- Heading ID generation
+- Link validation
+- Metadata extraction
+- Token statistics
diff --git a/.tessl/tiles/tessl/npm-marked/docs/guides/troubleshooting.md b/.tessl/tiles/tessl/npm-marked/docs/guides/troubleshooting.md
new file mode 100644
index 000000000..a5bef7f20
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-marked/docs/guides/troubleshooting.md
@@ -0,0 +1,63 @@
+# Troubleshooting Guide
+
+Common issues and solutions.
+
+## Nested Links Not Working
+
+**Problem**: Links inside links are not parsed.
+
+**Explanation**: Per markdown spec, links cannot contain other links.
+
+**Solution**: Use different markdown structure or custom extension.
+
+## Line Breaks Not Working
+
+**Problem**: Single newlines don't create `<br>` tags.
+
+**Solution**: Enable `breaks` option or use two spaces before newline.
+
+```javascript { .api }
+marked.setOptions({ gfm: true, breaks: true });
+```
+
+## HTML Not Rendering
+
+**Problem**: HTML in markdown is escaped or not showing.
+
+**Solution**: Marked passes HTML through by default. To sanitize, use DOMPurify.
+
+## Tables Not Working
+
+**Problem**: Pipe-delimited tables not parsing.
+
+**Solution**: Ensure `gfm: true` is enabled.
+
+```javascript { .api }
+marked.setOptions({ gfm: true });
+```
+
+## Extension Not Working
+
+**Problem**: Custom extension not being applied.
+
+**Solution**: Ensure tokenizer returns token object (not null/false) and includes `raw` property.
+
+## Async Not Working
+
+**Problem**: Async walkTokens or hooks not executing.
+
+**Solution**: Set `async: true` and use `await`.
+
+```javascript { .api }
+marked.use({ async: true, walkTokens: async (token) => { await operation(); } });
+const html = await marked.parse(markdown, { async: true });
+```
+
+## Performance Issues
+
+**Problem**: Parsing is slow for large documents.
+
+**Solutions**:
+- Implement caching for repeated content
+- Profile extensions to find bottlenecks
+- Avoid expensive operations in walkTokens
diff --git a/.tessl/tiles/tessl/npm-marked/docs/guides/typescript.md b/.tessl/tiles/tessl/npm-marked/docs/guides/typescript.md
new file mode 100644
index 000000000..b7c07483a
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-marked/docs/guides/typescript.md
@@ -0,0 +1,52 @@
+# TypeScript Guide
+
+Use Marked with TypeScript.
+
+## Type-Safe Configuration
+
+```typescript { .api }
+import { marked, MarkedOptions, Token, Tokens } from "marked";
+
+const options: MarkedOptions = {
+  gfm: true,
+  breaks: true
+};
+
+marked.setOptions(options);
+```
+
+## Type Guards
+
+```typescript { .api }
+import { marked, Token, Tokens } from "marked";
+
+function processToken(token: Token): void {
+  if (token.type === 'heading') {
+    // TypeScript knows this is Tokens.Heading
+    console.log(`Level ${token.depth}: ${token.text}`);
+  }
+}
+```
+
+## Custom Extensions
+
+```typescript { .api }
+import { marked, MarkedExtension } from "marked";
+
+const extension: MarkedExtension = {
+  extensions: [{
+    name: 'custom',
+    level: 'inline',
+    tokenizer(src: string) {
+      // TypeScript-safe tokenizer
+      return undefined;
+    }
+  }]
+};
+
+marked.use(extension);
+```
+
+## Type Definitions
+
+Full TypeScript support with comprehensive type definitions included.
diff --git a/.tessl/tiles/tessl/npm-marked/docs/index.md b/.tessl/tiles/tessl/npm-marked/docs/index.md
new file mode 100644
index 000000000..ceeacc11f
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-marked/docs/index.md
@@ -0,0 +1,370 @@
+# Marked
+
+Marked is a high-performance, low-level markdown compiler that parses markdown without caching or blocking operations. It supports CommonMark and GitHub Flavored Markdown with zero runtime dependencies.
+
+## Quick Start
+
+```javascript { .api }
+import { marked } from "marked";
+
+const html = marked.parse('# Hello **World**');
+// Output: <h1>Hello <strong>World</strong></h1>
+```
+
+**Security**: Marked does not sanitize HTML. Always use [DOMPurify](https://www.npmjs.com/package/dompurify) on output.
+
+[→ Complete Quick Start Guide](./guides/quick-start.md)
+
+## Package Information
+
+- **Package**: `marked` (npm)
+- **Language**: JavaScript/TypeScript
+- **Installation**: `npm install marked`
+- **Node.js**: >= 20
+- **Bundle Size**: ~20KB minified
+- **Dependencies**: Zero
+
+## Core API
+
+| Function | Purpose | Returns |
+|----------|---------|---------|
+| `marked.parse(src, options?)` | Parse markdown to HTML | `string \| Promise<string>` |
+| `marked.parseInline(src, options?)` | Parse inline markdown only | `string \| Promise<string>` |
+| `marked.setOptions(options)` | Set global options | `typeof marked` |
+| `marked.use(...extensions)` | Add extensions | `typeof marked` |
+| `marked.lexer(src, options?)` | Tokenize markdown | `TokensList` |
+| `marked.parser(tokens, options?)` | Parse tokens to HTML | `string` |
+
+[→ Complete API Reference](./reference/api.md)
+
+## Core Imports
+
+```javascript { .api }
+// Main import
+import { marked } from "marked";
+
+// Specific imports
+import {
+  marked,           // Main parse function
+  parse,            // Alias for marked
+  parseInline,      // Parse inline markdown only
+  Lexer,            // Tokenizer class
+  Parser,           // Parser class
+  Renderer,         // HTML renderer class
+  Tokenizer,        // Low-level tokenizer class
+  Hooks,            // Processing hooks class
+  Marked            // Instance class for isolated configs
+} from "marked";
+
+// CommonJS
+const { marked } = require("marked");
+```
+
+[→ Import Examples](./guides/quick-start.md#imports)
+
+## Architecture
+
+Marked uses a two-phase architecture:
+
+1. **Lexing Phase**: `Lexer` tokenizes markdown into a structured token tree
+2. **Parsing Phase**: `Parser` walks tokens and uses `Renderer` to generate HTML
+
+**Processing Pipeline**:
+```
+Markdown → [Preprocess Hook] → Lexer → [ProcessAllTokens Hook] → 
+[WalkTokens] → Parser + Renderer → [Postprocess Hook] → HTML
+```
+
+**Benefits**:
+- Token manipulation between phases
+- Custom renderers for different output formats
+- Multi-pass processing
+- Extension system at both phases
+
+[→ Architecture Details](./reference/architecture.md)
+
+## Key Features
+
+### Markdown Support
+- ✅ CommonMark specification
+- ✅ GitHub Flavored Markdown (GFM)
+  - Tables, strikethrough, task lists, autolinks
+- ✅ Full Unicode support
+- ✅ Pedantic mode (markdown.pl compatibility)
+
+### Performance
+- ⚡ Non-blocking parsing
+- ⚡ No caching overhead
+- ⚡ Optimized for large documents (<10ms for 100KB)
+- ⚡ Zero dependencies
+
+### Extensibility
+- 🔧 Custom tokenizers for new syntax
+- 🔧 Custom renderers for different output formats
+- 🔧 Hooks for pipeline interception
+- 🔧 Token walking for global modifications
+
+[→ Extension System](./reference/extensions.md)
+
+## Common Use Cases
+
+| Use Case | Guide | Example |
+|----------|-------|---------|
+| Basic markdown parsing | [Quick Start](./guides/quick-start.md) | [Basic Usage](./examples/real-world-scenarios.md#basic-parsing) |
+| Custom syntax | [Extensions Guide](./guides/extensions.md) | [Custom Tokens](./examples/real-world-scenarios.md#custom-syntax) |
+| Syntax highlighting | [Rendering Guide](./guides/rendering.md) | [Code Highlighting](./examples/real-world-scenarios.md#syntax-highlighting) |
+| Custom HTML output | [Rendering Guide](./guides/rendering.md) | [Custom Renderer](./examples/real-world-scenarios.md#custom-rendering) |
+| Front matter support | [Extensions Guide](./guides/extensions.md) | [Front Matter](./examples/real-world-scenarios.md#front-matter) |
+| Table of contents | [Token Walking](./guides/token-manipulation.md) | [TOC Generation](./examples/real-world-scenarios.md#table-of-contents) |
+
+## Configuration
+
+```javascript { .api }
+// Set global options
+marked.setOptions({
+  gfm: true,        // Enable GitHub Flavored Markdown
+  breaks: true,     // Convert \n to <br>
+  pedantic: false,  // Don't fix markdown bugs
+  silent: false     // Throw on errors
+});
+
+// Per-parse options
+const html = marked.parse(markdown, { breaks: false });
+
+// Isolated instances
+const gfmMarked = new Marked({ gfm: true, breaks: true });
+```
+
+[→ Configuration Options](./reference/options.md)
+
+## Extension System
+
+Marked supports four types of extensions:
+
+1. **Tokenizer Extensions**: Add new markdown syntax
+2. **Renderer Extensions**: Customize HTML output
+3. **Hooks**: Intercept processing pipeline
+4. **walkTokens**: Process all tokens globally
+
+```javascript { .api }
+// Add custom emoji syntax
+marked.use({
+  extensions: [{
+    name: 'emoji',
+    level: 'inline',
+    start(src) { return src.indexOf(':'); },
+    tokenizer(src) {
+      const match = src.match(/^:([a-z_]+):/);
+      if (match) {
+        return { type: 'emoji', raw: match[0], name: match[1] };
+      }
+    },
+    renderer(token) {
+      return `<span class="emoji emoji-${token.name}"></span>`;
+    }
+  }]
+});
+```
+
+[→ Extension System Guide](./guides/extensions.md) | [→ Extension Reference](./reference/extensions.md)
+
+## Security
+
+**Critical**: Marked does NOT sanitize HTML output.
+
+```javascript { .api }
+import { marked } from "marked";
+import DOMPurify from "dompurify";
+
+// UNSAFE
+const unsafeHtml = marked.parse(userInput);
+
+// SAFE
+const dirty = marked.parse(userInput);
+const clean = DOMPurify.sanitize(dirty);
+```
+
+**Recommended sanitization libraries**:
+- [DOMPurify](https://www.npmjs.com/package/dompurify) - Most comprehensive
+- [sanitize-html](https://www.npmjs.com/package/sanitize-html) - Configurable
+- [js-xss](https://www.npmjs.com/package/xss) - Lightweight
+
+[→ Security Best Practices](./guides/security.md)
+
+## Error Handling
+
+```javascript { .api }
+// Throw errors (default)
+try {
+  const html = marked.parse(markdown);
+} catch (err) {
+  console.error('Parse error:', err.message);
+}
+
+// Silent mode (return error as HTML)
+marked.setOptions({ silent: true });
+const html = marked.parse(markdown);
+```
+
+[→ Error Handling Guide](./guides/error-handling.md)
+
+## Async Support
+
+```javascript { .api }
+// Enable async mode
+marked.setOptions({ async: true });
+
+// Use async extensions
+marked.use({
+  async: true,
+  async walkTokens(token) {
+    if (token.type === 'link') {
+      await validateUrl(token.href);
+    }
+  }
+});
+
+// Must await result
+const html = await marked.parse(markdown, { async: true });
+```
+
+[→ Async Patterns](./guides/async-patterns.md)
+
+## CLI Usage
+
+```bash
+# Install globally
+npm install -g marked
+
+# Parse file
+marked input.md -o output.html
+
+# Parse with options
+marked input.md --gfm --breaks
+
+# From stdin
+echo "# Hello" | marked
+```
+
+[→ CLI Reference](./reference/cli.md)
+
+## Documentation Structure
+
+### Guides (Step-by-Step)
+- [Quick Start](./guides/quick-start.md) - Get started in minutes
+- [Extensions](./guides/extensions.md) - Add custom syntax and rendering
+- [Token Manipulation](./guides/token-manipulation.md) - Work with token trees
+- [Rendering](./guides/rendering.md) - Customize HTML output
+- [Security](./guides/security.md) - Secure markdown parsing
+- [Error Handling](./guides/error-handling.md) - Handle parsing errors
+- [Async Patterns](./guides/async-patterns.md) - Async parsing and extensions
+- [Troubleshooting](./guides/troubleshooting.md) - Common issues and solutions
+
+### Examples (Real-World Usage)
+- [Real-World Scenarios](./examples/real-world-scenarios.md) - Complete examples
+- [Edge Cases](./examples/edge-cases.md) - Advanced scenarios
+
+### Reference (Detailed Specifications)
+- [API Reference](./reference/api.md) - Complete API documentation
+- [Architecture](./reference/architecture.md) - Internal architecture
+- [Extensions](./reference/extensions.md) - Extension system details
+- [Hooks](./reference/hooks.md) - Hook system reference
+- [Lexer](./reference/lexer.md) - Lexer class reference
+- [Parser & Renderer](./reference/parser-renderer.md) - Parser and Renderer classes
+- [Tokenizer](./reference/tokenizer.md) - Tokenizer class reference
+- [Types](./reference/types.md) - TypeScript types and token structures
+- [Options](./reference/options.md) - Configuration options
+- [CLI](./reference/cli.md) - Command-line interface
+
+## Migration
+
+### From Other Libraries
+
+**From markdown-it**:
+```javascript
+// markdown-it
+const md = require('markdown-it')();
+const html = md.render(markdown);
+
+// marked
+import { marked } from "marked";
+const html = marked.parse(markdown);
+```
+
+**From showdown**:
+```javascript
+// showdown
+const converter = new showdown.Converter();
+const html = converter.makeHtml(markdown);
+
+// marked
+import { marked } from "marked";
+const html = marked.parse(markdown);
+```
+
+[→ Migration Guide](./guides/migration.md)
+
+## Performance
+
+- **Non-blocking**: No I/O operations
+- **No caching**: Each parse is independent
+- **Memory efficient**: Tokens kept in memory during parsing only
+- **Fast**: <10ms for 100KB documents (typical)
+
+```javascript { .api }
+// Cache results for repeated content
+const cache = new Map();
+
+function cachedParse(markdown) {
+  if (cache.has(markdown)) {
+    return cache.get(markdown);
+  }
+  const html = marked.parse(markdown);
+  cache.set(markdown, html);
+  return html;
+}
+```
+
+[→ Performance Guide](./guides/performance.md)
+
+## TypeScript Support
+
+Full TypeScript support with comprehensive type definitions:
+
+```typescript { .api }
+import { marked, MarkedOptions, Token, Tokens } from "marked";
+
+// Type-safe configuration
+const options: MarkedOptions = {
+  gfm: true,
+  breaks: true
+};
+
+// Type guards for token handling
+function processToken(token: Token): void {
+  if (token.type === 'heading') {
+    // TypeScript knows this is Tokens.Heading
+    console.log(`Level ${token.depth}: ${token.text}`);
+  }
+}
+```
+
+[→ TypeScript Guide](./guides/typescript.md)
+
+## Resources
+
+- **GitHub**: [markedjs/marked](https://github.com/markedjs/marked)
+- **npm**: [marked](https://www.npmjs.com/package/marked)
+- **Issues**: [GitHub Issues](https://github.com/markedjs/marked/issues)
+- **CommonMark Spec**: [commonmark.org](https://commonmark.org/)
+- **GFM Spec**: [github.github.com/gfm](https://github.github.com/gfm/)
+
+## Notes
+
+- **No HTML Sanitization**: Use DOMPurify or similar on output
+- **GFM Enabled by Default**: Tables, strikethrough, task lists, autolinks
+- **Zero Dependencies**: No runtime dependencies
+- **Browser Support**: All modern browsers (Baseline Widely Available)
+- **Node.js**: Requires Node.js >= 20
+- **Unicode**: Full Unicode support in pattern matching
+- **Compliance**: Supports CommonMark and GFM specifications
diff --git a/.tessl/tiles/tessl/npm-marked/docs/reference/api.md b/.tessl/tiles/tessl/npm-marked/docs/reference/api.md
new file mode 100644
index 000000000..29fac2289
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-marked/docs/reference/api.md
@@ -0,0 +1,369 @@
+# API Reference
+
+Complete API documentation for Marked.
+
+## Main Parsing Functions
+
+### marked.parse()
+
+```typescript { .api }
+function marked(src: string, options?: MarkedOptions): string | Promise<string>;
+function marked(src: string, options: MarkedOptions & { async: true }): Promise<string>;
+function marked(src: string, options: MarkedOptions & { async: false }): string;
+
+// Alias
+function parse(src: string, options?: MarkedOptions): string | Promise<string>;
+```
+
+Compiles markdown to HTML.
+
+**Parameters**:
+- `src` - Markdown source string (empty strings return empty output, null/undefined throws error)
+- `options` - Configuration options
+
+**Returns**: HTML string or Promise of HTML string if async enabled
+
+**Throws**: Error if parsing fails and `silent: false` (default)
+
+**Edge Cases**:
+- Empty string input returns empty string output
+- Null or undefined input throws TypeError
+- Invalid markdown with `silent: false` throws error with details
+- Invalid markdown with `silent: true` returns HTML error message
+- Very large inputs (>10MB) may have performance implications
+
+### marked.parseInline()
+
+```typescript { .api }
+function parseInline(src: string, options?: MarkedOptions): string | Promise<string>;
+function parseInline(src: string, options: MarkedOptions & { async: true }): Promise<string>;
+function parseInline(src: string, options: MarkedOptions & { async: false }): string;
+```
+
+Compiles markdown to HTML without wrapping in paragraph tags.
+
+**Use cases**: Image captions, link text, tooltips, inline content
+
+### marked.setOptions()
+
+```typescript { .api }
+function setOptions(options: MarkedOptions): typeof marked;
+```
+
+Sets default options globally. Merges provided options with existing defaults.
+
+**Returns**: The marked function for chaining
+
+### marked.use()
+
+```typescript { .api }
+function use(...extensions: MarkedExtension[]): typeof marked;
+```
+
+Apply one or more extensions to marked. Extensions are applied in order.
+
+**Returns**: The marked function for chaining
+
+### marked.lexer()
+
+```typescript { .api }
+function lexer(src: string, options?: MarkedOptions): TokensList;
+```
+
+Tokenize markdown into a token tree.
+
+**Returns**: TokensList with parsed tokens and link references
+
+### marked.parser()
+
+```typescript { .api }
+function parser(tokens: Token[], options?: MarkedOptions): string;
+```
+
+Parse tokens into HTML.
+
+**Throws**: Error if tokens are malformed
+
+### marked.walkTokens()
+
+```typescript { .api }
+function walkTokens(
+  tokens: Token[] | TokensList,
+  callback: (token: Token) => void | Promise<void>
+): (void | Promise<void>)[];
+```
+
+Walk through all tokens and execute a callback. Traverses the entire token tree including nested tokens.
+
+### marked.getDefaults()
+
+```typescript { .api }
+function getDefaults(): MarkedOptions;
+```
+
+Gets the original default options (not current customized defaults). Returns a copy.
+
+## Classes
+
+### Marked
+
+```typescript { .api }
+class Marked {
+  constructor(...extensions: MarkedExtension[]);
+  
+  parse(src: string, options?: MarkedOptions): string | Promise<string>;
+  parseInline(src: string, options?: MarkedOptions): string | Promise<string>;
+  setOptions(options: MarkedOptions): this;
+  use(...extensions: MarkedExtension[]): this;
+  walkTokens(tokens: Token[] | TokensList, callback: (token: Token) => void | Promise<void>): (void | Promise<void>)[];
+  lexer(src: string, options?: MarkedOptions): TokensList;
+  parser(tokens: Token[], options?: MarkedOptions): string;
+  
+  defaults: MarkedOptions;
+  Parser: typeof Parser;
+  Renderer: typeof Renderer;
+  TextRenderer: typeof TextRenderer;
+  Lexer: typeof Lexer;
+  Tokenizer: typeof Tokenizer;
+  Hooks: typeof Hooks;
+}
+```
+
+Class for creating custom marked instances with independent configuration.
+
+### Lexer
+
+```typescript { .api }
+class Lexer {
+  constructor(options?: MarkedOptions);
+  
+  static lex(src: string, options?: MarkedOptions): TokensList;
+  static lexInline(src: string, options?: MarkedOptions): Token[];
+  static rules: { block: BlockRules; inline: InlineRules };
+  
+  lex(src: string): TokensList;
+  blockTokens(src: string, tokens?: Token[]): Token[];
+  inlineTokens(src: string, tokens?: Token[]): Token[];
+  
+  tokens: TokensList;
+  options: MarkedOptions;
+  state: {
+    inLink: boolean;
+    inRawBlock: boolean;
+    top: boolean;
+  };
+}
+```
+
+Lexer class for tokenizing markdown.
+
+[→ Complete Lexer Reference](./lexer.md)
+
+### Parser
+
+```typescript { .api }
+class Parser {
+  constructor(options?: MarkedOptions);
+  
+  static parse(tokens: Token[], options?: MarkedOptions): string;
+  static parseInline(tokens: Token[], options?: MarkedOptions): string;
+  
+  parse(tokens: Token[]): string;
+  parseInline(tokens: Token[], renderer?: Renderer | TextRenderer): string;
+  
+  options: MarkedOptions;
+  renderer: Renderer;
+}
+```
+
+Parser class for converting tokens to HTML.
+
+[→ Complete Parser Reference](./parser-renderer.md)
+
+### Renderer
+
+```typescript { .api }
+class Renderer {
+  constructor(options?: MarkedOptions);
+  
+  // Block-level methods
+  code(token: Tokens.Code): string;
+  blockquote(token: Tokens.Blockquote): string;
+  html(token: Tokens.HTML): string;
+  heading(token: Tokens.Heading): string;
+  hr(token: Tokens.Hr): string;
+  list(token: Tokens.List): string;
+  listitem(token: Tokens.ListItem): string;
+  checkbox(token: Tokens.Checkbox): string;
+  paragraph(token: Tokens.Paragraph): string;
+  table(token: Tokens.Table): string;
+  tablerow(token: Tokens.TableRow): string;
+  tablecell(token: Tokens.TableCell): string;
+  
+  // Inline-level methods
+  strong(token: Tokens.Strong): string;
+  em(token: Tokens.Em): string;
+  codespan(token: Tokens.Codespan): string;
+  br(token: Tokens.Br): string;
+  del(token: Tokens.Del): string;
+  link(token: Tokens.Link): string;
+  image(token: Tokens.Image): string;
+  text(token: Tokens.Text | Tokens.Escape): string;
+  
+  options: MarkedOptions;
+  parser: Parser;
+}
+```
+
+Renderer class for generating HTML from tokens.
+
+[→ Complete Renderer Reference](./parser-renderer.md)
+
+### Tokenizer
+
+```typescript { .api }
+class Tokenizer {
+  constructor(options?: MarkedOptions);
+  
+  // Block-level tokenizers
+  space(src: string): Tokens.Space | undefined;
+  code(src: string): Tokens.Code | undefined;
+  fences(src: string): Tokens.Code | undefined;
+  heading(src: string): Tokens.Heading | undefined;
+  hr(src: string): Tokens.Hr | undefined;
+  blockquote(src: string): Tokens.Blockquote | undefined;
+  list(src: string): Tokens.List | undefined;
+  html(src: string): Tokens.HTML | undefined;
+  def(src: string): Tokens.Def | undefined;
+  table(src: string): Tokens.Table | undefined;
+  lheading(src: string): Tokens.Heading | undefined;
+  paragraph(src: string): Tokens.Paragraph | undefined;
+  text(src: string): Tokens.Text | undefined;
+  
+  // Inline-level tokenizers
+  escape(src: string): Tokens.Escape | undefined;
+  tag(src: string): Tokens.Tag | undefined;
+  link(src: string): Tokens.Link | Tokens.Image | undefined;
+  reflink(src: string, links: Links): Tokens.Link | Tokens.Image | Tokens.Text | undefined;
+  emStrong(src: string, maskedSrc: string, prevChar: string): Tokens.Em | Tokens.Strong | undefined;
+  codespan(src: string): Tokens.Codespan | undefined;
+  br(src: string): Tokens.Br | undefined;
+  del(src: string): Tokens.Del | undefined;
+  autolink(src: string): Tokens.Link | undefined;
+  url(src: string): Tokens.Link | undefined;
+  inlineText(src: string): Tokens.Text | undefined;
+  
+  options: MarkedOptions;
+  rules: Rules;
+  lexer: Lexer;
+}
+```
+
+Tokenizer class with methods for each markdown element type.
+
+[→ Complete Tokenizer Reference](./tokenizer.md)
+
+### Hooks
+
+```typescript { .api }
+class Hooks {
+  constructor(options?: MarkedOptions);
+  
+  preprocess(markdown: string): string | Promise<string>;
+  postprocess(html: string): string | Promise<string>;
+  processAllTokens(tokens: Token[] | TokensList): Token[] | TokensList | Promise<Token[] | TokensList>;
+  emStrongMask(src: string): string;
+  provideLexer(): typeof Lexer.lex | typeof Lexer.lexInline;
+  provideParser(): typeof Parser.parse | typeof Parser.parseInline;
+  
+  options: MarkedOptions;
+  block?: boolean;
+}
+```
+
+Hooks for intercepting and modifying the parsing process.
+
+[→ Complete Hooks Reference](./hooks.md)
+
+### TextRenderer
+
+```typescript { .api }
+class TextRenderer {
+  strong(token: Tokens.Strong): string;
+  em(token: Tokens.Em): string;
+  codespan(token: Tokens.Codespan): string;
+  del(token: Tokens.Del): string;
+  html(token: Tokens.HTML): string;
+  text(token: Tokens.Text): string;
+  link(token: Tokens.Link): string;
+  image(token: Tokens.Image): string;
+  br(): string;
+  checkbox(token: Tokens.Checkbox): string;
+}
+```
+
+Text-only renderer (no HTML tags). Useful for extracting plain text from markdown.
+
+## Interfaces
+
+### MarkedOptions
+
+```typescript { .api }
+interface MarkedOptions {
+  async?: boolean;        // Enable async parsing
+  breaks?: boolean;       // Convert \n to <br>
+  gfm?: boolean;          // Enable GitHub Flavored Markdown
+  pedantic?: boolean;     // Conform to markdown.pl
+  silent?: boolean;       // Show HTML error message instead of throwing
+  hooks?: Hooks | null;
+  renderer?: Renderer | null;
+  tokenizer?: Tokenizer | null;
+  extensions?: ExtensionConfig | null;
+  walkTokens?: ((token: Token) => void | Promise<void>) | null;
+}
+```
+
+[→ Complete Options Reference](./options.md)
+
+### MarkedExtension
+
+```typescript { .api }
+interface MarkedExtension {
+  async?: boolean;
+  breaks?: boolean;
+  gfm?: boolean;
+  pedantic?: boolean;
+  silent?: boolean;
+  extensions?: (TokenizerExtension | RendererExtension)[] | null;
+  hooks?: Partial<Hooks> | null;
+  renderer?: Partial<Renderer> | null;
+  tokenizer?: Partial<Tokenizer> | null;
+  walkTokens?: ((token: Token) => void | Promise<void>) | null;
+}
+```
+
+[→ Complete Extension Reference](./extensions.md)
+
+### Token Types
+
+[→ Complete Token Types Reference](./types.md)
+
+## Properties
+
+### marked.defaults
+
+```typescript { .api }
+const defaults: MarkedOptions;
+```
+
+Current default options object (live reference).
+
+## Related Documentation
+
+- [Extension System](./extensions.md)
+- [Hooks System](./hooks.md)
+- [Lexer Details](./lexer.md)
+- [Parser & Renderer Details](./parser-renderer.md)
+- [Tokenizer Details](./tokenizer.md)
+- [Token Types](./types.md)
+- [Configuration Options](./options.md)
diff --git a/.tessl/tiles/tessl/npm-marked/docs/reference/architecture.md b/.tessl/tiles/tessl/npm-marked/docs/reference/architecture.md
new file mode 100644
index 000000000..17efbafe8
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-marked/docs/reference/architecture.md
@@ -0,0 +1,53 @@
+# Architecture
+
+Marked uses a two-phase architecture that separates tokenization from rendering.
+
+## Two-Phase Architecture
+
+### 1. Lexing Phase
+
+The `Lexer` tokenizes markdown text into a structured token tree:
+- Recognizes block-level elements (headings, lists, paragraphs)
+- Queues inline elements for processing
+- Stores link reference definitions
+
+### 2. Parsing Phase
+
+The `Parser` walks the token tree and uses a `Renderer` to generate output:
+- Processes tokens sequentially
+- Calls renderer methods for each token type
+- Supports custom renderers for different output formats
+
+## Processing Pipeline
+
+```
+Markdown Source
+    ↓
+[Preprocess Hook]
+    ↓
+Lexer (Tokenization)
+    ↓
+[ProcessAllTokens Hook]
+    ↓
+[WalkTokens Extension]
+    ↓
+Parser + Renderer
+    ↓
+[Postprocess Hook]
+    ↓
+HTML Output
+```
+
+## Benefits
+
+- **Token manipulation**: Inspect and modify tokens between lexing and parsing
+- **Custom renderers**: Output formats other than HTML (plain text, LaTeX, etc.)
+- **Multi-pass processing**: Process tokens multiple times with different configurations
+- **Extensions**: Add functionality at either the lexing or parsing phase
+
+## Related Documentation
+
+- [Lexer Reference](./lexer.md)
+- [Parser & Renderer Reference](./parser-renderer.md)
+- [Extension System](./extensions.md)
+- [Hooks System](./hooks.md)
diff --git a/.tessl/tiles/tessl/npm-marked/docs/reference/cli.md b/.tessl/tiles/tessl/npm-marked/docs/reference/cli.md
new file mode 100644
index 000000000..5cbd04c75
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-marked/docs/reference/cli.md
@@ -0,0 +1,48 @@
+# CLI Reference
+
+Command-line interface for Marked.
+
+## Installation
+
+```bash
+npm install -g marked
+```
+
+## Basic Usage
+
+```bash
+# Parse from stdin
+echo "# Hello" | marked
+
+# Parse file
+marked input.md -o output.html
+
+# Parse with options
+marked input.md --gfm --breaks
+
+# Multiple files
+marked file1.md file2.md --output-dir dist/
+```
+
+## Options
+
+- `-o, --output <file>`: Write output to file
+- `--gfm`: Enable GitHub Flavored Markdown
+- `--breaks`: Enable GFM line breaks
+- `--pedantic`: Enable pedantic mode
+- `--silent`: Silence errors
+- `-h, --help`: Display help
+- `-v, --version`: Display version
+
+## Examples
+
+```bash
+# Convert README to HTML
+marked README.md -o README.html --gfm
+
+# Process all markdown files
+find docs -name '*.md' -exec marked {} \;
+
+# Pipe to other tools
+marked input.md | htmlmin > output.min.html
+```
diff --git a/.tessl/tiles/tessl/npm-marked/docs/reference/extensions.md b/.tessl/tiles/tessl/npm-marked/docs/reference/extensions.md
new file mode 100644
index 000000000..ceb84f2f7
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-marked/docs/reference/extensions.md
@@ -0,0 +1,1675 @@
+# Extension System
+
+Marked's extension system allows you to customize parsing and rendering behavior by adding custom tokenizers, renderers, and processing hooks.
+
+## Quick Reference
+
+| Extension Type | Purpose | Level | Returns |
+|----------------|---------|-------|---------|
+| Tokenizer Extension | Add new syntax | `'block'` or `'inline'` | Token object or `undefined` |
+| Renderer Extension | Custom HTML output | - | HTML string or `false` |
+| Tokenizer Override | Modify built-in syntax | - | Token object or `false` |
+| Renderer Override | Modify built-in output | - | HTML string or `false` |
+| Hooks | Intercept processing | - | Processed content |
+| walkTokens | Process all tokens | - | `void` or `Promise<void>` |
+
+## Using Extensions
+
+```typescript { .api }
+/**
+ * Apply one or more extensions to marked
+ * Extensions are applied in order and later extensions can override earlier ones
+ * @param extensions - Extension objects to apply
+ * @returns The marked function for chaining
+ */
+function use(...extensions: MarkedExtension[]): typeof marked;
+```
+
+Extensions are applied in the order they are passed and can be chained:
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.use(extension1)
+  .use(extension2, extension3)
+  .use(extension4);
+```
+
+**Important**: Extensions are additive - calling `use()` multiple times adds to existing extensions rather than replacing them.
+
+### Extension Application Order
+
+Extensions and options are applied in this order (later overrides earlier):
+
+1. Built-in defaults
+2. Global `setOptions()`
+3. Extensions via `use()` (in order called)
+4. Parse-time options
+
+```javascript { .api }
+import { marked } from "marked";
+
+// 1. Built-in defaults
+// gfm: true, breaks: false
+
+// 2. Global options
+marked.setOptions({ breaks: false, gfm: true });
+
+// 3. Extensions (override global options)
+marked.use({ breaks: true });
+
+// 4. Parse-time options (override everything)
+const html = marked.parse(markdown, { breaks: false });
+```
+
+## Extension Types
+
+### Tokenizer Extensions
+
+Add new syntax patterns that marked should recognize and convert into custom tokens.
+
+```typescript { .api }
+interface TokenizerExtension {
+  /**
+   * Name of the extension (becomes token type)
+   * Must be unique - will override existing token types with same name
+   */
+  name: string;
+
+  /**
+   * Whether this is a block-level or inline-level tokenizer
+   * block: for elements like paragraphs, headings, lists
+   * inline: for elements within text like emphasis, links
+   */
+  level: 'block' | 'inline';
+
+  /**
+   * Optional function to quickly find where this token might start
+   * Performance optimization - return the index to begin trying tokenization
+   * @param src - Remaining source text
+   * @returns Index where token might start, or void if not found
+   */
+  start?: (src: string) => number | void;
+
+  /**
+   * Function to tokenize the custom syntax
+   * Called when src is at a position where this token might begin
+   * @param src - Source text starting at potential token
+   * @param tokens - Current token array (for context, usually not modified)
+   * @returns Custom token object or undefined if no match
+   *          Token must include: type, raw, and any custom properties
+   */
+  tokenizer: (src: string, tokens: Token[] | TokensList) => Tokens.Generic | undefined;
+
+  /**
+   * Optional array of property names containing child tokens
+   * Used by walkTokens to traverse the token tree
+   * Example: ['tokens'] if your token has a 'tokens' property with nested tokens
+   */
+  childTokens?: string[];
+}
+```
+
+**Example - Custom Emoji Syntax**:
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.use({
+  extensions: [{
+    name: 'emoji',
+    level: 'inline',
+    start(src) {
+      // Performance optimization: quickly find potential start
+      return src.indexOf(':');
+    },
+    tokenizer(src, tokens) {
+      // Match :emoji_name: pattern
+      const rule = /^:([a-z_]+):/;
+      const match = rule.exec(src);
+      if (match) {
+        return {
+          type: 'emoji',
+          raw: match[0],        // Required: original matched text
+          name: match[1]        // Custom property
+        };
+      }
+      // Return undefined if no match
+    },
+    renderer(token) {
+      return `<span class="emoji emoji-${token.name}" role="img" aria-label="${token.name}"></span>`;
+    }
+  }]
+});
+
+const html = marked.parse('Hello :wave: world!');
+// Output: <p>Hello <span class="emoji emoji-wave" role="img" aria-label="wave"></span> world!</p>
+```
+
+**Tokenizer Best Practices**:
+- Always return `undefined` (not `null` or `false`) when no match
+- Always include `raw` property in returned token
+- Use `start()` function for performance with large documents
+- Match from the beginning of `src` (use `^` anchor in regex)
+- Consider nested content - use `this.lexer.inlineTokens()` or `this.lexer.blockTokens()`
+
+**Common Tokenizer Mistakes**:
+
+```javascript { .api }
+// ❌ BAD: Returning null/false instead of undefined
+tokenizer(src) {
+  const match = src.match(/^pattern/);
+  if (!match) {
+    return false;  // WRONG! Should be undefined
+  }
+  return { type: 'custom', raw: match[0] };
+}
+
+// ✓ GOOD: Returning undefined
+tokenizer(src) {
+  const match = src.match(/^pattern/);
+  if (!match) {
+    return undefined;  // or just return;
+  }
+  return { type: 'custom', raw: match[0] };
+}
+
+// ❌ BAD: Missing raw property
+tokenizer(src) {
+  const match = src.match(/^pattern/);
+  if (match) {
+    return { type: 'custom' };  // Missing raw!
+  }
+}
+
+// ✓ GOOD: Including raw property
+tokenizer(src) {
+  const match = src.match(/^pattern/);
+  if (match) {
+    return { type: 'custom', raw: match[0] };  // Required
+  }
+}
+
+// ❌ BAD: Not matching from start of src
+tokenizer(src) {
+  const match = src.match(/pattern/);  // Missing ^ anchor
+  // This can match anywhere in src, not just at start
+}
+
+// ✓ GOOD: Matching from start
+tokenizer(src) {
+  const match = src.match(/^pattern/);  // Matches at start only
+}
+```
+
+### Nested Content in Extensions
+
+```javascript { .api }
+import { marked } from "marked";
+
+// Example: Custom alert boxes with nested markdown
+marked.use({
+  extensions: [{
+    name: 'alert',
+    level: 'block',
+    start(src) {
+      return src.match(/^:::/)?.index;
+    },
+    tokenizer(src) {
+      // Match :::type\ncontent\n::: syntax
+      const rule = /^:::(\w+)\n([\s\S]*?)\n:::/;
+      const match = rule.exec(src);
+      if (match) {
+        return {
+          type: 'alert',
+          raw: match[0],
+          alertType: match[1],
+          text: match[2],
+          // Recursively tokenize nested content
+          tokens: this.lexer.blockTokens(match[2])
+        };
+      }
+    },
+    renderer(token) {
+      // Parse nested tokens
+      const body = this.parser.parse(token.tokens);
+      return `<div class="alert alert-${token.alertType}" role="alert">${body}</div>\n`;
+    }
+  }],
+  // Tell walkTokens about nested tokens
+  childTokens: ['tokens']
+});
+
+// Usage:
+// :::warning
+// This is a **warning** with *markdown*.
+// :::
+```
+
+### Renderer Extensions
+
+Add custom rendering for tokenizer extensions or override built-in token rendering.
+
+```typescript { .api }
+interface RendererExtension {
+  /**
+   * Name matching the token type to render
+   * Must match a token type (built-in or from tokenizer extension)
+   */
+  name: string;
+
+  /**
+   * Function to render the token to output
+   * @param token - The token to render
+   * @returns Rendered output string, or false to use default renderer
+   *          Returning false allows fallback to next renderer or default
+   */
+  renderer: (token: Tokens.Generic) => string | false;
+}
+```
+
+**Example - Custom Blockquote Renderer**:
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.use({
+  extensions: [{
+    name: 'blockquote',
+    renderer(token) {
+      // Access parser to render nested tokens
+      const body = this.parser.parse(token.tokens);
+      
+      // Detect blockquote type from first line
+      const firstLine = body.match(/<p>(.+?)<\/p>/)?.[1] || '';
+      let type = 'default';
+      let content = body;
+      
+      if (firstLine.startsWith('Note:')) {
+        type = 'note';
+        content = body.replace(/<p>Note:\s*/, '<p>');
+      } else if (firstLine.startsWith('Warning:')) {
+        type = 'warning';
+        content = body.replace(/<p>Warning:\s*/, '<p>');
+      } else if (firstLine.startsWith('Tip:')) {
+        type = 'tip';
+        content = body.replace(/<p>Tip:\s*/, '<p>');
+      }
+      
+      return `<blockquote class="callout callout-${type}">${content}</blockquote>\n`;
+    }
+  }]
+});
+
+// Usage:
+// > Note: This is an informational note.
+// > Warning: Be careful with this.
+```
+
+**Renderer Context**:
+- `this.parser`: Access to parser instance
+- `this.parser.parse(tokens)`: Render block tokens
+- `this.parser.parseInline(tokens)`: Render inline tokens
+- Return `false` to fall back to default or next renderer
+
+**Renderer with Error Handling**:
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.use({
+  renderer: {
+    code({ text, lang, escaped }) {
+      try {
+        // Attempt custom highlighting
+        if (lang === 'mermaid') {
+          return `<div class="mermaid">${text}</div>\n`;
+        }
+        
+        // Attempt syntax highlighting
+        if (lang && highlighter.getLanguage(lang)) {
+          const highlighted = highlighter.highlight(text, { language: lang }).value;
+          return `<pre><code class="hljs language-${lang}">${highlighted}</code></pre>\n`;
+        }
+      } catch (err) {
+        // Log error but don't break rendering
+        console.error(`Code rendering error for language ${lang}:`, err);
+      }
+      
+      // Fallback to default
+      return false;
+    }
+  }
+});
+```
+
+### Combined Tokenizer and Renderer Extensions
+
+A single extension can provide both tokenizer and renderer:
+
+```typescript { .api }
+type TokenizerAndRendererExtension =
+  | TokenizerExtension
+  | RendererExtension
+  | (TokenizerExtension & RendererExtension);
+```
+
+**Example - YouTube Embed**:
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.use({
+  extensions: [{
+    name: 'youtube',
+    level: 'block',
+    start(src) {
+      return src.match(/^@\[youtube\]/)?.index;
+    },
+    tokenizer(src) {
+      // Match @[youtube](videoId) syntax
+      const rule = /^@\[youtube\]\(([\w-]+)\)(\s*{([^}]+)})?\n?/;
+      const match = rule.exec(src);
+      if (match) {
+        // Parse optional attributes
+        const attrs = match[3] ? match[3].split(/\s+/) : [];
+        const width = attrs.find(a => a.startsWith('width='))?.split('=')[1] || '560';
+        const height = attrs.find(a => a.startsWith('height='))?.split('=')[1] || '315';
+        
+        return {
+          type: 'youtube',
+          raw: match[0],
+          videoId: match[1],
+          width,
+          height
+        };
+      }
+    },
+    renderer(token) {
+      return `<div class="video-wrapper">
+  <iframe 
+    width="${token.width}" 
+    height="${token.height}" 
+    src="https://www.youtube.com/embed/${token.videoId}" 
+    frameborder="0" 
+    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
+    allowfullscreen
+    loading="lazy">
+  </iframe>
+</div>\n`;
+    }
+  }]
+});
+
+// Usage:
+// @[youtube](dQw4w9WgXcQ)
+// @[youtube](dQw4w9WgXcQ) {width=800 height=600}
+```
+
+## Renderer Overrides
+
+Override built-in renderer methods without creating custom tokens.
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.use({
+  renderer: {
+    // Override heading rendering with IDs and anchor links
+    heading({ tokens, depth }) {
+      const text = this.parser.parseInline(tokens);
+      const id = text
+        .toLowerCase()
+        .replace(/[^\w\s-]/g, '')
+        .replace(/\s+/g, '-');
+      
+      return `<h${depth} id="${id}">
+  <a href="#${id}" class="anchor" aria-hidden="true">
+    <span class="icon icon-link"></span>
+  </a>
+  ${text}
+</h${depth}>\n`;
+    },
+
+    // Override link rendering for external links
+    link({ href, title, tokens }) {
+      const text = this.parser.parseInline(tokens);
+      const titleAttr = title ? ` title="${escapeHtml(title)}"` : '';
+      
+      // Add target="_blank" for external links
+      const isExternal = href.startsWith('http://') || href.startsWith('https://') || href.startsWith('//');
+      const external = isExternal ? ' target="_blank" rel="noopener noreferrer"' : '';
+      
+      // Add icon for external links
+      const icon = isExternal ? ' <span class="external-link-icon" aria-hidden="true">↗</span>' : '';
+      
+      return `<a href="${escapeHtml(href)}"${titleAttr}${external}>${text}${icon}</a>`;
+    },
+
+    // Override code rendering with language badge
+    code({ text, lang, escaped }) {
+      const code = escaped ? text : escapeHtml(text);
+      const language = lang || 'text';
+      const langBadge = lang ? `<div class="code-lang">${escapeHtml(lang)}</div>` : '';
+      
+      return `<div class="code-block">
+  ${langBadge}
+  <pre><code class="language-${escapeHtml(language)}">${code}</code></pre>
+</div>\n`;
+    },
+    
+    // Override image rendering with lazy loading and figure wrapper
+    image({ href, title, text }) {
+      const alt = text ? ` alt="${escapeHtml(text)}"` : '';
+      const titleAttr = title ? ` title="${escapeHtml(title)}"` : '';
+      
+      if (title) {
+        // Wrap in figure with caption
+        return `<figure class="image-figure">
+  <img src="${escapeHtml(href)}"${alt}${titleAttr} loading="lazy">
+  <figcaption>${escapeHtml(title)}</figcaption>
+</figure>`;
+      }
+      
+      return `<img src="${escapeHtml(href)}"${alt} loading="lazy">`;
+    },
+
+    // Returning false falls back to default renderer
+    table(token) {
+      // Only apply custom rendering to small tables
+      if (token.header.length > 10) {
+        return false; // Use default for large tables
+      }
+      
+      // Custom rendering for small tables
+      // ... custom logic ...
+      return false; // Or return custom HTML
+    }
+  }
+});
+
+function escapeHtml(html) {
+  return String(html)
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+    .replace(/'/g, '&#39;');
+}
+```
+
+**Renderer Override Notes**:
+- Methods receive token objects with all properties
+- Must call `this.parser.parseInline()` or `this.parser.parse()` for nested tokens
+- Return `false` to use default renderer
+- Can access `this.options` for current configuration
+
+## Tokenizer Overrides
+
+Override built-in tokenizer methods to customize recognition of standard markdown elements.
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.use({
+  tokenizer: {
+    // Override code block tokenization to support custom attributes
+    fences(src) {
+      // Match ```lang [filename] {attrs}
+      const match = src.match(/^```(\w+)?(?:\s+\[([^\]]+)\])?(?:\s+\{([^}]+)\})?\n([\s\S]*?)\n```/);
+      if (match) {
+        return {
+          type: 'code',
+          raw: match[0],
+          lang: match[1] || '',
+          filename: match[2] || null,      // Custom property
+          attributes: match[3] || null,    // Custom property
+          text: match[4]
+        };
+      }
+      return false; // Use default if no match
+    },
+
+    // Override heading tokenization to add custom metadata
+    heading(src) {
+      // Match heading with optional {#id .class} syntax
+      const match = src.match(/^(#{1,6})\s+(.+?)(?:\s+\{([^}]+)\})?\s*$/);
+      if (match) {
+        const attrs = match[3];
+        let customId = null;
+        let customClasses = [];
+        
+        if (attrs) {
+          // Parse {#id .class1 .class2}
+          customId = attrs.match(/#([\w-]+)/)?.[1];
+          customClasses = [...attrs.matchAll(/\.([\w-]+)/g)].map(m => m[1]);
+        }
+        
+        return {
+          type: 'heading',
+          raw: match[0],
+          depth: match[1].length,
+          text: match[2],
+          tokens: this.lexer.inline(match[2]),
+          customId,           // Custom property
+          customClasses       // Custom property
+        };
+      }
+      return false;
+    },
+    
+    // Override link tokenization to detect anchor links
+    link(src) {
+      // Let default tokenizer handle most of the work
+      // We'll just add a flag for anchor links
+      const match = src.match(/^!?\[([^\]]*)\]\(([^)]+)\)/);
+      if (match && match[2].startsWith('#')) {
+        return {
+          type: 'link',
+          raw: match[0],
+          href: match[2],
+          title: null,
+          text: match[1],
+          tokens: this.lexer.inlineTokens(match[1]),
+          isAnchor: true      // Custom property
+        };
+      }
+      return false; // Use default tokenizer
+    }
+  }
+});
+
+// Add corresponding renderer
+marked.use({
+  renderer: {
+    code({ text, lang, filename, attributes }) {
+      const code = escapeHtml(text);
+      const langClass = lang ? ` class="language-${lang}"` : '';
+      const fileLabel = filename ? `<div class="code-filename">${escapeHtml(filename)}</div>` : '';
+      
+      return `<div class="code-block" ${attributes || ''}>
+  ${fileLabel}
+  <pre><code${langClass}>${code}</code></pre>
+</div>\n`;
+    },
+    
+    heading({ tokens, depth, customId, customClasses }) {
+      const text = this.parser.parseInline(tokens);
+      const id = customId || text.toLowerCase().replace(/[^\w]+/g, '-');
+      const classes = customClasses?.length ? ` class="${customClasses.join(' ')}"` : '';
+      
+      return `<h${depth} id="${id}"${classes}>${text}</h${depth}>\n`;
+    },
+    
+    link({ href, title, tokens, isAnchor }) {
+      const text = this.parser.parseInline(tokens);
+      const titleAttr = title ? ` title="${escapeHtml(title)}"` : '';
+      const anchorClass = isAnchor ? ' class="anchor-link"' : '';
+      
+      return `<a href="${escapeHtml(href)}"${titleAttr}${anchorClass}>${text}</a>`;
+    }
+  }
+});
+
+function escapeHtml(html) {
+  return String(html)
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+    .replace(/'/g, '&#39;');
+}
+
+// Usage:
+// ```javascript [example.js] {data-line="1-5"}
+// code here
+// ```
+//
+// # Heading {#custom-id .special}
+//
+// [Jump to section](#custom-id)
+```
+
+**Tokenizer Override Notes**:
+- Return token object if matched, `false` or `undefined` if not
+- Access `this.lexer` for recursive tokenization
+- Access `this.options` for configuration
+- Tokenizer context provides `this.lexer.inline()` and `this.lexer.blockTokens()`
+
+## Token Walking
+
+Process all tokens before they are rendered, useful for global modifications or validations.
+
+```typescript { .api }
+/**
+ * Walk through all tokens including nested tokens
+ * Executes callback for every token in the tree
+ * @param tokens - Token array or TokensList
+ * @param callback - Function called for each token (can modify token in place)
+ * @returns Array of callback return values
+ */
+function walkTokens(
+  tokens: Token[] | TokensList,
+  callback: (token: Token) => void | Promise<void> | (void | Promise<void>)[]
+): (void | Promise<void>)[];
+```
+
+**Example - Add IDs to Headings**:
+
+```javascript { .api }
+import { marked } from "marked";
+
+const headingIds = new Set();
+
+marked.use({
+  walkTokens(token) {
+    if (token.type === 'heading') {
+      // Generate unique ID from text
+      let id = token.text
+        .toLowerCase()
+        .replace(/[^\w\s-]/g, '')
+        .replace(/\s+/g, '-');
+      
+      // Ensure uniqueness
+      let counter = 1;
+      let uniqueId = id;
+      while (headingIds.has(uniqueId)) {
+        uniqueId = `${id}-${counter++}`;
+      }
+      headingIds.add(uniqueId);
+      
+      token.id = uniqueId; // Add custom property
+    }
+  },
+  renderer: {
+    heading({ tokens, depth, id }) {
+      const text = this.parser.parseInline(tokens);
+      const idAttr = id ? ` id="${id}"` : '';
+      return `<h${depth}${idAttr}>${text}</h${depth}>\n`;
+    }
+  }
+});
+
+// Clear IDs before each parse (if reusing marked instance)
+headingIds.clear();
+const html = marked.parse(markdown);
+```
+
+**Example - Async Token Processing**:
+
+```javascript { .api }
+import { marked } from "marked";
+
+// Cache for link validation
+const linkValidation = new Map();
+
+async function validateUrl(url) {
+  if (linkValidation.has(url)) {
+    return linkValidation.get(url);
+  }
+  
+  try {
+    const response = await fetch(url, { method: 'HEAD', timeout: 5000 });
+    const isValid = response.ok;
+    linkValidation.set(url, isValid);
+    return isValid;
+  } catch (err) {
+    console.warn(`Failed to validate link: ${url}`, err.message);
+    linkValidation.set(url, false);
+    return false;
+  }
+}
+
+marked.use({
+  async: true,
+  async walkTokens(token) {
+    if (token.type === 'link') {
+      // Async operation: validate link
+      const isValid = await validateUrl(token.href);
+      token.validated = isValid;
+      
+      if (!isValid) {
+        console.warn(`Invalid link detected: ${token.href}`);
+      }
+    }
+  },
+  renderer: {
+    link(token) {
+      const text = this.parser.parseInline(token.tokens);
+      const titleAttr = token.title ? ` title="${escapeHtml(token.title)}"` : '';
+      
+      if (token.validated === false) {
+        return `<span class="broken-link" title="Link validation failed">${text}</span>`;
+      }
+      
+      return `<a href="${escapeHtml(token.href)}"${titleAttr}>${text}</a>`;
+    }
+  }
+});
+
+// Must use await with async mode
+const html = await marked.parse('[Link](https://example.com)', { async: true });
+
+function escapeHtml(html) {
+  return String(html)
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+    .replace(/'/g, '&#39;');
+}
+```
+
+**WalkTokens Best Practices**:
+- Modify tokens in place (direct property assignment)
+- Return value is ignored (typically void)
+- For async operations, set `async: true` and use `async/await`
+- Called before rendering, so modifications affect output
+- Traverses entire tree including deeply nested tokens
+
+## Hook Extensions
+
+Hooks intercept and modify content at key points in the processing pipeline.
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.use({
+  hooks: {
+    // Process markdown before parsing
+    preprocess(markdown) {
+      // Replace custom shortcodes
+      return markdown
+        .replace(/\{DATE\}/g, new Date().toLocaleDateString())
+        .replace(/\{VERSION\}/g, process.env.npm_package_version || '1.0.0')
+        .replace(/\{YEAR\}/g, new Date().getFullYear().toString())
+        .replace(/-->/g, '→')
+        .replace(/<--/g, '←');
+    },
+
+    // Process HTML after parsing
+    postprocess(html) {
+      // Add wrapper or modify output
+      return html
+        .replace(/<h1>/g, '<h1 class="title">')
+        .replace(/<table>/g, '<div class="table-wrapper"><table class="table">')
+        .replace(/<\/table>/g, '</table></div>')
+        .replace(/<img /g, '<img loading="lazy" ');
+    },
+
+    // Process all tokens after lexing but before walkTokens
+    processAllTokens(tokens) {
+      // Add metadata to all tokens
+      const timestamp = Date.now();
+      
+      function addMetadata(tokens) {
+        tokens.forEach(token => {
+          token._processed = timestamp;
+          token._id = generateUniqueId();
+          
+          // Recursively process nested tokens
+          if (token.tokens) {
+            addMetadata(token.tokens);
+          }
+          
+          // Handle list items
+          if (token.type === 'list' && token.items) {
+            token.items.forEach(item => {
+              if (item.tokens) {
+                addMetadata(item.tokens);
+              }
+            });
+          }
+        });
+      }
+      
+      addMetadata(tokens);
+      return tokens;
+    }
+  }
+});
+
+let idCounter = 0;
+function generateUniqueId() {
+  return `token-${Date.now()}-${idCounter++}`;
+}
+```
+
+[Full Hooks Documentation](./hooks.md)
+
+## Extension Context
+
+Within tokenizer and renderer functions, `this` provides context:
+
+### Tokenizer Context
+
+```typescript { .api }
+interface TokenizerThis {
+  /**
+   * Reference to the lexer instance
+   * Use for recursive tokenization of nested content
+   */
+  lexer: Lexer;
+  
+  /**
+   * Tokenizer options
+   */
+  options: MarkedOptions;
+}
+```
+
+**Usage**:
+
+```javascript { .api }
+tokenizer(src, tokens) {
+  const match = src.match(/^custom syntax/);
+  if (match) {
+    // Access lexer for nested tokenization
+    const inlineTokens = this.lexer.inlineTokens('some text');
+    
+    // Access options
+    if (this.options.gfm) {
+      // GFM-specific handling
+    }
+
+    return {
+      type: 'custom',
+      raw: match[0],
+      tokens: inlineTokens
+    };
+  }
+}
+```
+
+### Renderer Context
+
+```typescript { .api }
+interface RendererThis {
+  /**
+   * Reference to the parser instance
+   * Use for rendering nested tokens
+   */
+  parser: Parser;
+  
+  /**
+   * Renderer options
+   */
+  options: MarkedOptions;
+}
+```
+
+**Usage**:
+
+```javascript { .api }
+renderer(token) {
+  // Parse nested block tokens
+  const html = this.parser.parse(token.tokens);
+
+  // Parse inline tokens
+  const inline = this.parser.parseInline(token.tokens);
+  
+  // Access options
+  if (this.options.breaks) {
+    // Handle line breaks differently
+  }
+
+  return `<div>${html}</div>`;
+}
+```
+
+## Extension Stacking
+
+Multiple extensions can handle the same token type. They are applied in order, and if one returns `false`, the next is tried:
+
+```javascript { .api }
+import { marked } from "marked";
+
+// First extension - handles mailto links
+marked.use({
+  renderer: {
+    link(token) {
+      if (token.href.startsWith('mailto:')) {
+        const email = token.href.slice(7);
+        const text = this.parser.parseInline(token.tokens);
+        return `<a href="mailto:${escapeHtml(email)}" class="email-link">📧 ${text}</a>`;
+      }
+      return false; // Pass to next renderer
+    }
+  }
+});
+
+// Second extension - handles tel links
+marked.use({
+  renderer: {
+    link(token) {
+      if (token.href.startsWith('tel:')) {
+        const phone = token.href.slice(4);
+        const text = this.parser.parseInline(token.tokens);
+        return `<a href="tel:${escapeHtml(phone)}" class="phone-link">📞 ${text}</a>`;
+      }
+      return false; // Pass to next renderer
+    }
+  }
+});
+
+// Third extension - handles external links
+marked.use({
+  renderer: {
+    link(token) {
+      const isExternal = token.href.startsWith('http://') || token.href.startsWith('https://');
+      if (isExternal) {
+        const text = this.parser.parseInline(token.tokens);
+        const titleAttr = token.title ? ` title="${escapeHtml(token.title)}"` : '';
+        return `<a href="${escapeHtml(token.href)}"${titleAttr} target="_blank" rel="noopener noreferrer">${text} ↗</a>`;
+      }
+      return false; // Pass to default renderer
+    }
+  }
+});
+
+// Execution order: email check → phone check → external check → default renderer
+
+function escapeHtml(html) {
+  return String(html)
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+    .replace(/'/g, '&#39;');
+}
+```
+
+**Stacking Rules**:
+- Extensions are tried in registration order
+- Returning `false` passes to next extension
+- Last resort is built-in default renderer
+- First non-false return value is used
+
+## Real-World Examples
+
+### Add Table of Contents
+
+```javascript { .api }
+import { marked } from "marked";
+
+const toc = [];
+
+marked.use({
+  walkTokens(token) {
+    if (token.type === 'heading' && token.depth <= 3) {
+      const id = token.text
+        .toLowerCase()
+        .replace(/[^\w\s-]/g, '')
+        .replace(/\s+/g, '-');
+      
+      toc.push({
+        level: token.depth,
+        text: token.text,
+        id: id
+      });
+      
+      token.headingId = id;
+    }
+  },
+  renderer: {
+    heading({ tokens, depth, headingId }) {
+      const text = this.parser.parseInline(tokens);
+      const id = headingId || text.toLowerCase().replace(/[^\w]+/g, '-');
+      return `<h${depth} id="${id}">${text}</h${depth}>\n`;
+    }
+  }
+});
+
+const html = marked.parse(markdown);
+
+// Generate TOC
+const tocHtml = '<nav class="toc" role="navigation" aria-label="Table of Contents">\n' +
+  '  <h2>Contents</h2>\n' +
+  '  <ul>\n' +
+  toc.map(item => {
+    const indent = '    '.repeat(item.level - 1);
+    return `${indent}<li><a href="#${item.id}">${escapeHtml(item.text)}</a></li>`;
+  }).join('\n') +
+  '\n  </ul>\n</nav>';
+
+// Combine TOC with content
+const fullHtml = tocHtml + '\n' + html;
+
+// Clear TOC for next document
+toc.length = 0;
+
+function escapeHtml(html) {
+  return String(html)
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+    .replace(/'/g, '&#39;');
+}
+```
+
+### Syntax Highlighting
+
+```javascript { .api }
+import { marked } from "marked";
+import hljs from "highlight.js";
+
+marked.use({
+  renderer: {
+    code({ text, lang, escaped }) {
+      // Validate language before highlighting
+      if (lang && hljs.getLanguage(lang)) {
+        try {
+          const highlighted = hljs.highlight(text, { language: lang }).value;
+          return `<pre><code class="hljs language-${escapeHtml(lang)}">${highlighted}</code></pre>\n`;
+        } catch (err) {
+          // Fall through to default on error
+          console.error('Highlight error:', err);
+        }
+      }
+      
+      // Default rendering
+      const code = escaped ? text : escapeHtml(text);
+      const langClass = lang ? ` class="language-${escapeHtml(lang)}"` : '';
+      return `<pre><code${langClass}>${code}</code></pre>\n`;
+    }
+  }
+});
+
+function escapeHtml(html) {
+  return String(html)
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+    .replace(/'/g, '&#39;');
+}
+```
+
+### Custom Alert Blocks
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.use({
+  extensions: [{
+    name: 'alert',
+    level: 'block',
+    start(src) {
+      return src.match(/^:::/)?.index;
+    },
+    tokenizer(src) {
+      // Match :::type\ncontent\n::: syntax
+      const rule = /^:::(\w+)\n([\s\S]*?)\n:::/;
+      const match = rule.exec(src);
+      if (match) {
+        return {
+          type: 'alert',
+          raw: match[0],
+          alertType: match[1],
+          text: match[2],
+          tokens: this.lexer.blockTokens(match[2])
+        };
+      }
+    },
+    renderer(token) {
+      const body = this.parser.parse(token.tokens);
+      const icon = getAlertIcon(token.alertType);
+      return `<div class="alert alert-${token.alertType}" role="alert">
+  <div class="alert-icon" aria-hidden="true">${icon}</div>
+  <div class="alert-content">${body}</div>
+</div>\n`;
+    }
+  }],
+  childTokens: ['tokens']
+});
+
+function getAlertIcon(type) {
+  const icons = {
+    note: 'ℹ️',
+    warning: '⚠️',
+    danger: '🚫',
+    tip: '💡',
+    success: '✅'
+  };
+  return icons[type] || 'ℹ️';
+}
+
+// Usage:
+// :::warning
+// This is a warning message with **markdown**.
+// :::
+```
+
+### Math Expression Support
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.use({
+  extensions: [
+    // Inline math: $x^2$
+    {
+      name: 'inlineMath',
+      level: 'inline',
+      start(src) {
+        return src.indexOf('$');
+      },
+      tokenizer(src) {
+        const match = src.match(/^\$([^$\n]+?)\$/);
+        if (match) {
+          return {
+            type: 'inlineMath',
+            raw: match[0],
+            text: match[1]
+          };
+        }
+      },
+      renderer(token) {
+        return `<span class="math-inline">\\(${escapeHtml(token.text)}\\)</span>`;
+      }
+    },
+    // Block math: $$\n...\n$$
+    {
+      name: 'blockMath',
+      level: 'block',
+      start(src) {
+        return src.match(/^\$\$/)?.index;
+      },
+      tokenizer(src) {
+        const match = src.match(/^\$\$\n([\s\S]+?)\n\$\$/);
+        if (match) {
+          return {
+            type: 'blockMath',
+            raw: match[0],
+            text: match[1]
+          };
+        }
+      },
+      renderer(token) {
+        return `<div class="math-block">\\[${escapeHtml(token.text)}\\]</div>\n`;
+      }
+    }
+  ]
+});
+
+function escapeHtml(html) {
+  return String(html)
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+    .replace(/'/g, '&#39;');
+}
+
+// Then include MathJax or KaTeX to render the LaTeX
+```
+
+### Wiki-Style Links
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.use({
+  extensions: [{
+    name: 'wikilink',
+    level: 'inline',
+    start(src) {
+      return src.indexOf('[[');
+    },
+    tokenizer(src) {
+      const match = src.match(/^\[\[([^\]|]+)(?:\|([^\]]+))?\]\]/);
+      if (match) {
+        const page = match[1].trim();
+        const display = match[2] ? match[2].trim() : page;
+        const slug = page.toLowerCase().replace(/\s+/g, '-');
+        
+        return {
+          type: 'wikilink',
+          raw: match[0],
+          page: page,
+          display: display,
+          slug: slug
+        };
+      }
+    },
+    renderer(token) {
+      return `<a href="/wiki/${encodeURIComponent(token.slug)}" class="wikilink" data-page="${escapeHtml(token.page)}">${escapeHtml(token.display)}</a>`;
+    }
+  }]
+});
+
+function escapeHtml(html) {
+  return String(html)
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+    .replace(/'/g, '&#39;');
+}
+
+// Usage: 
+// [[Page Name]]          -> links to "page-name" with display "Page Name"
+// [[Page Name|Display]]  -> links to "page-name" with display "Display"
+```
+
+### Footnote Support
+
+```javascript { .api }
+import { marked } from "marked";
+
+const footnotes = {};
+let footnoteCounter = 0;
+
+marked.use({
+  extensions: [
+    // Footnote reference: [^1]
+    {
+      name: 'footnoteRef',
+      level: 'inline',
+      start(src) {
+        return src.indexOf('[^');
+      },
+      tokenizer(src) {
+        const match = src.match(/^\[\^(\w+)\]/);
+        if (match) {
+          return {
+            type: 'footnoteRef',
+            raw: match[0],
+            id: match[1]
+          };
+        }
+      },
+      renderer(token) {
+        if (!footnotes[token.id]) {
+          footnotes[token.id] = { num: ++footnoteCounter };
+        }
+        const num = footnotes[token.id].num;
+        return `<sup class="footnote-ref"><a href="#fn-${token.id}" id="fnref-${token.id}" role="doc-noteref">${num}</a></sup>`;
+      }
+    },
+    // Footnote definition: [^1]: Text
+    {
+      name: 'footnoteDef',
+      level: 'block',
+      start(src) {
+        return src.match(/^\[\^/)?.index;
+      },
+      tokenizer(src) {
+        const match = src.match(/^\[\^(\w+)\]:\s+(.+?)(?:\n(?!\s)|$)/s);
+        if (match) {
+          return {
+            type: 'footnoteDef',
+            raw: match[0],
+            id: match[1],
+            text: match[2].trim()
+          };
+        }
+      },
+      renderer(token) {
+        if (!footnotes[token.id]) {
+          footnotes[token.id] = { num: ++footnoteCounter };
+        }
+        footnotes[token.id].text = token.text;
+        return ''; // Definitions don't render inline
+      }
+    }
+  ],
+  hooks: {
+    postprocess(html) {
+      // Append footnotes section at end
+      if (Object.keys(footnotes).length === 0) {
+        return html;
+      }
+      
+      let footnotesHtml = '<section class="footnotes" role="doc-endnotes">\n<hr>\n<ol>\n';
+      
+      // Sort by number
+      const sortedFootnotes = Object.entries(footnotes)
+        .filter(([, data]) => data.text)
+        .sort((a, b) => a[1].num - b[1].num);
+      
+      for (const [id, data] of sortedFootnotes) {
+        footnotesHtml += `<li id="fn-${id}" role="doc-endnote">${escapeHtml(data.text)} <a href="#fnref-${id}" role="doc-backlink">↩</a></li>\n`;
+      }
+      
+      footnotesHtml += '</ol>\n</section>';
+      
+      return html + footnotesHtml;
+    }
+  }
+});
+
+// Reset footnotes before each parse
+function resetFootnotes() {
+  Object.keys(footnotes).forEach(key => delete footnotes[key]);
+  footnoteCounter = 0;
+}
+
+// Usage:
+// This is text[^1] with footnotes[^2].
+//
+// [^1]: First footnote
+// [^2]: Second footnote
+
+resetFootnotes();
+const html = marked.parse(markdown);
+
+function escapeHtml(html) {
+  return String(html)
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+    .replace(/'/g, '&#39;');
+}
+```
+
+## Error Handling in Extensions
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.use({
+  renderer: {
+    code({ text, lang }) {
+      try {
+        // Potentially failing operation
+        const result = processCode(text, lang);
+        return result;
+      } catch (err) {
+        // Handle error gracefully
+        console.error('Code processing error:', err);
+        
+        // Return safe fallback
+        return `<pre><code class="error">Error processing code block: ${escapeHtml(err.message)}</code></pre>\n`;
+        
+        // Or fall back to default
+        // return false;
+      }
+    }
+  },
+  walkTokens(token) {
+    try {
+      // Process token
+      if (token.type === 'custom') {
+        validateCustomToken(token);
+      }
+    } catch (err) {
+      // Log but don't throw (would stop parsing)
+      console.error('Token validation error:', err);
+      token.validationError = err.message;
+    }
+  }
+});
+
+function processCode(text, lang) {
+  // Some code processing that might throw
+  return `<pre><code>${escapeHtml(text)}</code></pre>\n`;
+}
+
+function validateCustomToken(token) {
+  // Some validation that might throw
+}
+
+function escapeHtml(html) {
+  return String(html)
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+    .replace(/'/g, '&#39;');
+}
+```
+
+## Performance Optimization
+
+```javascript { .api }
+import { marked } from "marked";
+
+// Cache expensive operations
+const highlightCache = new Map();
+
+marked.use({
+  extensions: [{
+    name: 'customCode',
+    level: 'block',
+    start(src) {
+      // Efficient start function
+      return src.match(/^```/)?.index;
+    },
+    tokenizer(src) {
+      // Efficient regex
+      const match = src.match(/^```(\w+)\n([\s\S]*?)\n```/);
+      if (match) {
+        return {
+          type: 'customCode',
+          raw: match[0],
+          lang: match[1],
+          text: match[2]
+        };
+      }
+    },
+    renderer(token) {
+      // Cache expensive highlighting
+      const cacheKey = `${token.lang}:${token.text}`;
+      
+      if (highlightCache.has(cacheKey)) {
+        return highlightCache.get(cacheKey);
+      }
+      
+      const result = expensiveHighlight(token.text, token.lang);
+      
+      // Implement cache size limit
+      if (highlightCache.size > 1000) {
+        const firstKey = highlightCache.keys().next().value;
+        highlightCache.delete(firstKey);
+      }
+      
+      highlightCache.set(cacheKey, result);
+      return result;
+    }
+  }]
+});
+
+function expensiveHighlight(text, lang) {
+  // Simulated expensive operation
+  return `<pre><code class="language-${lang}">${escapeHtml(text)}</code></pre>\n`;
+}
+
+function escapeHtml(html) {
+  return String(html)
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+    .replace(/'/g, '&#39;');
+}
+```
+
+## Testing Extensions
+
+```javascript { .api }
+import { marked } from "marked";
+import assert from "assert";
+
+// Test custom extension
+marked.use({
+  extensions: [{
+    name: 'mention',
+    level: 'inline',
+    start(src) {
+      return src.indexOf('@');
+    },
+    tokenizer(src) {
+      const match = src.match(/^@(\w+)/);
+      if (match) {
+        return {
+          type: 'mention',
+          raw: match[0],
+          username: match[1]
+        };
+      }
+    },
+    renderer(token) {
+      return `<a href="/users/${escapeURI(token.username)}" class="mention">@${escapeHtml(token.username)}</a>`;
+    }
+  }]
+});
+
+// Test cases
+describe('Mention Extension', () => {
+  it('should parse single mention', () => {
+    const html = marked.parse('Hello @john');
+    assert.strictEqual(
+      html,
+      '<p>Hello <a href="/users/john" class="mention">@john</a></p>\n'
+    );
+  });
+
+  it('should parse multiple mentions', () => {
+    const html = marked.parse('@jane and @doe');
+    assert(html.includes('@jane'));
+    assert(html.includes('@doe'));
+  });
+
+  it('should not match invalid mentions', () => {
+    const html = marked.parse('Email: test@example.com');
+    assert(!html.includes('class="mention"'));
+  });
+  
+  it('should handle mentions with other markdown', () => {
+    const html = marked.parse('Hello **@john**');
+    assert(html.includes('mention'));
+    assert(html.includes('<strong>'));
+  });
+});
+
+function escapeHtml(html) {
+  return String(html)
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+    .replace(/'/g, '&#39;');
+}
+
+function escapeURI(str) {
+  return encodeURIComponent(str);
+}
+```
+
+## Common Extension Pitfalls
+
+### 1. Not Returning Undefined
+
+```javascript { .api }
+// ❌ BAD
+tokenizer(src) {
+  if (!src.match(/pattern/)) {
+    return null;  // WRONG!
+  }
+}
+
+// ✓ GOOD
+tokenizer(src) {
+  if (!src.match(/pattern/)) {
+    return undefined;  // or just return;
+  }
+}
+```
+
+### 2. Missing Raw Property
+
+```javascript { .api }
+// ❌ BAD
+tokenizer(src) {
+  const match = src.match(/^pattern/);
+  return { type: 'custom' };  // Missing raw!
+}
+
+// ✓ GOOD
+tokenizer(src) {
+  const match = src.match(/^pattern/);
+  return { type: 'custom', raw: match[0] };
+}
+```
+
+### 3. Not Using Start Function
+
+```javascript { .api }
+// ❌ SLOW: Tokenizer called for every character
+{
+  name: 'custom',
+  level: 'inline',
+  // No start function
+  tokenizer(src) {
+    // Called very frequently
+  }
+}
+
+// ✓ FAST: Start function optimizes
+{
+  name: 'custom',
+  level: 'inline',
+  start(src) {
+    return src.indexOf('@');  // Quickly skip to potential tokens
+  },
+  tokenizer(src) {
+    // Only called when '@' is found
+  }
+}
+```
+
+### 4. Not Handling Nested Tokens
+
+```javascript { .api }
+// ❌ BAD: Not parsing nested markdown
+renderer(token) {
+  return `<div>${token.text}</div>`;  // Renders raw markdown
+}
+
+// ✓ GOOD: Parsing nested tokens
+renderer(token) {
+  const content = this.parser.parse(token.tokens);
+  return `<div>${content}</div>`;
+}
+```
+
+### 5. Not Escaping HTML
+
+```javascript { .api }
+// ❌ BAD: XSS vulnerability
+renderer(token) {
+  return `<div class="${token.className}">${token.text}</div>`;
+}
+
+// ✓ GOOD: Escaping user content
+renderer(token) {
+  return `<div class="${escapeHtml(token.className)}">${escapeHtml(token.text)}</div>`;
+}
+
+function escapeHtml(html) {
+  return String(html)
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+    .replace(/'/g, '&#39;');
+}
+```
+
+## Extension Best Practices Summary
+
+1. **Always return `undefined`** from tokenizers when no match (not `null` or `false`)
+2. **Always include `raw` property** in tokens
+3. **Use `start()` function** for performance optimization
+4. **Match from start of source** using `^` regex anchor
+5. **Handle nested content** using `this.lexer.inlineTokens()` or `this.lexer.blockTokens()`
+6. **Parse nested tokens** in renderers using `this.parser.parse()` or `this.parser.parseInline()`
+7. **Escape HTML** to prevent XSS vulnerabilities
+8. **Return `false`** from renderers to fall back to default
+9. **Handle errors gracefully** - don't break entire parse
+10. **Cache expensive operations** in renderers
+11. **Test thoroughly** with edge cases
+12. **Document custom properties** for maintainability
diff --git a/.tessl/tiles/tessl/npm-marked/docs/reference/hooks.md b/.tessl/tiles/tessl/npm-marked/docs/reference/hooks.md
new file mode 100644
index 000000000..ea9b6ea47
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-marked/docs/reference/hooks.md
@@ -0,0 +1,895 @@
+# Hooks
+
+Hooks provide interception points in the markdown processing pipeline, allowing you to transform content before parsing, after rendering, and at other key stages.
+
+## Class: Hooks
+
+```typescript { .api }
+class Hooks {
+  constructor(options?: MarkedOptions);
+
+  /**
+   * Hook options
+   */
+  options: MarkedOptions;
+
+  /**
+   * Whether processing block-level (true) or inline (false) content
+   * Set automatically by parser
+   */
+  block?: boolean;
+
+  /**
+   * Set of hook names that pass their input to the next hook
+   * Includes: preprocess, postprocess, processAllTokens, emStrongMask
+   */
+  static readonly passThroughHooks: Set<string>;
+
+  /**
+   * Set of pass-through hooks that respect async mode
+   * Includes: preprocess, postprocess, processAllTokens
+   */
+  static readonly passThroughHooksRespectAsync: Set<string>;
+
+  /**
+   * Process markdown before marked parses it
+   * Use cases: template substitution, custom syntax preprocessing, content normalization
+   * @param markdown - Raw markdown string
+   * @returns Processed markdown string (or Promise when async)
+   */
+  preprocess(markdown: string): string | Promise<string>;
+
+  /**
+   * Process HTML after marked generates it
+   * Use cases: wrapper elements, class additions, post-processing transformations
+   * @param html - Generated HTML string
+   * @returns Processed HTML string (or Promise when async)
+   */
+  postprocess(html: string): string | Promise<string>;
+
+  /**
+   * Process all tokens after lexing but before walkTokens
+   * Use cases: bulk modifications, validation, metadata extraction, token filtering
+   * @param tokens - Token array or TokensList
+   * @returns Processed token array (or Promise when async)
+   */
+  processAllTokens(tokens: Token[] | TokensList): Token[] | TokensList | Promise<Token[] | TokensList>;
+
+  /**
+   * Mask content that should not be interpreted as em/strong delimiters
+   * Used to prevent emphasis parsing in certain contexts
+   * Use cases: protecting custom syntax, preserving special character sequences
+   * @param src - Source text to mask
+   * @returns Masked source text (same length, with em/strong delimiters replaced)
+   */
+  emStrongMask(src: string): string;
+
+  /**
+   * Provide a custom function to tokenize markdown
+   * Advanced use case: completely replace lexer
+   * @returns Lexer function (either lex or lexInline based on context)
+   */
+  provideLexer(): typeof Lexer.lex | typeof Lexer.lexInline;
+
+  /**
+   * Provide a custom function to parse tokens
+   * Advanced use case: completely replace parser
+   * @returns Parser function (either parse or parseInline based on context)
+   */
+  provideParser(): typeof Parser.parse | typeof Parser.parseInline;
+}
+```
+
+## Hook Types
+
+### Pass-Through Hooks
+
+Pass-through hooks receive input, process it, and pass the result to the next hook in the chain:
+
+- **`preprocess`** - Processes markdown before parsing
+- **`postprocess`** - Processes HTML after rendering
+- **`processAllTokens`** - Processes tokens before walkTokens
+- **`emStrongMask`** - Masks regions that shouldn't be parsed as emphasis
+
+**Chaining Behavior**: When multiple extensions define the same pass-through hook, they execute in order, with each receiving the output of the previous.
+
+### Provider Hooks
+
+Provider hooks return functions that replace default behavior:
+
+- **`provideLexer`** - Returns custom lexer function
+- **`provideParser`** - Returns custom parser function
+
+**Override Behavior**: Only the last provider hook is used (last extension wins).
+
+## Usage
+
+### Preprocess Hook
+
+Modify markdown before it is parsed:
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.use({
+  hooks: {
+    preprocess(markdown) {
+      // Replace custom shortcodes
+      return markdown
+        .replace(/\{DATE\}/g, new Date().toLocaleDateString())
+        .replace(/\{VERSION\}/g, '1.0.0')
+        .replace(/\{YEAR\}/g, new Date().getFullYear().toString());
+    }
+  }
+});
+
+const html = marked.parse('Version: {VERSION}, Date: {DATE}');
+// Expands shortcodes before parsing
+```
+
+**Use Cases**:
+- Template variable substitution
+- Custom syntax preprocessing
+- Content normalization
+- External content inclusion
+- Markdown variant conversion
+
+**Edge Cases**:
+- Empty input returns empty output
+- Must return string of valid markdown
+- Regex replacements should handle edge cases (e.g., escaped characters)
+- Consider performance with large inputs
+
+### Postprocess Hook
+
+Modify HTML after it is generated:
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.use({
+  hooks: {
+    postprocess(html) {
+      // Add responsive classes to tables
+      return html
+        .replace(/<table>/g, '<table class="table table-responsive">')
+        .replace(/<img /g, '<img loading="lazy" ');
+    }
+  }
+});
+
+const html = marked.parse('| A | B |\n|---|---|\n| 1 | 2 |');
+// Tables have custom class, images have lazy loading
+```
+
+**Use Cases**:
+- Adding wrapper elements
+- Class or attribute injection
+- HTML minification
+- Link modification
+- Accessibility enhancements
+
+**Edge Cases**:
+- Must return valid HTML
+- Be careful with regex replacements (may match unexpected content)
+- Consider escaped characters in HTML
+- Nested tags may require more sophisticated parsing
+
+### Process All Tokens Hook
+
+Modify tokens after lexing but before walkTokens:
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.use({
+  hooks: {
+    processAllTokens(tokens) {
+      // Add metadata to all tokens
+      const timestamp = Date.now();
+      
+      function addMetadata(tokens) {
+        tokens.forEach(token => {
+          token._processed = timestamp;
+          token._id = generateUniqueId();
+          
+          // Recursively process nested tokens
+          if (token.tokens) {
+            addMetadata(token.tokens);
+          }
+        });
+      }
+      
+      addMetadata(tokens);
+      return tokens;
+    }
+  }
+});
+```
+
+**Use Cases**:
+- Bulk token modifications
+- Token validation
+- Metadata extraction
+- Token filtering or removal
+- Token tree restructuring
+
+**Important**: 
+- Must return token array (modified or new)
+- Can add/remove/modify tokens
+- Executes before `walkTokens` extension
+- Should handle nested tokens if needed
+
+### Em/Strong Mask Hook
+
+Prevent emphasis parsing in specific contexts:
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.use({
+  hooks: {
+    emStrongMask(src) {
+      // Mask content inside [[ ]] so it's not parsed as emphasis
+      // Replace * and _ with spaces (same length preservation)
+      return src.replace(/\[\[([^\]]+)\]\]/g, (match, content) => {
+        // Mask * and _ characters to prevent em/strong parsing
+        const masked = content.replace(/[*_]/g, ' ');
+        return '[[' + masked + ']]';
+      });
+    }
+  }
+});
+
+// Now [[text_with_underscores]] won't have underscores treated as emphasis
+```
+
+**Important**:
+- Must return string of same length as input
+- Only mask characters that trigger em/strong (`*` and `_`)
+- Don't mask other markdown syntax
+- Used internally during em/strong tokenization
+
+### Provide Lexer Hook
+
+Replace the lexer with a custom implementation:
+
+```javascript { .api }
+import { marked, Lexer } from "marked";
+
+marked.use({
+  hooks: {
+    provideLexer() {
+      // Return custom lexer function
+      return (src, options) => {
+        console.log('Custom lexer called with', src.length, 'characters');
+        
+        // Use default lexer or implement custom
+        // this.block indicates if processing block or inline
+        return this.block ? Lexer.lex(src, options) : Lexer.lexInline(src, options);
+      };
+    }
+  }
+});
+```
+
+**Use Cases**:
+- Complete lexer replacement
+- Lexer instrumentation (logging, metrics)
+- Caching lexer results
+- Custom token tree structure
+
+**Warning**: Advanced use case. Incorrect implementation will break parsing.
+
+### Provide Parser Hook
+
+Replace the parser with a custom implementation:
+
+```javascript { .api }
+import { marked, Parser } from "marked";
+
+marked.use({
+  hooks: {
+    provideParser() {
+      // Return custom parser function
+      return (tokens, options) => {
+        console.log('Custom parser called with', tokens.length, 'tokens');
+        
+        // Use default parser or implement custom
+        return this.block ? Parser.parse(tokens, options) : Parser.parseInline(tokens, options);
+      };
+    }
+  }
+});
+```
+
+**Use Cases**:
+- Complete parser replacement
+- Parser instrumentation
+- Non-HTML output formats
+- Custom rendering logic
+
+**Warning**: Advanced use case. Incorrect implementation will break rendering.
+
+## Async Hooks
+
+Hooks support async operations when `async: true` is set:
+
+```javascript { .api }
+import { marked } from "marked";
+import fetch from "node-fetch";
+
+marked.use({
+  async: true,
+  hooks: {
+    async preprocess(markdown) {
+      // Async preprocessing (e.g., fetch external content)
+      const includeRegex = /@include\((.*?)\)/g;
+      let result = markdown;
+      
+      const matches = [...markdown.matchAll(includeRegex)];
+      for (const match of matches) {
+        const url = match[1];
+        try {
+          const response = await fetch(url);
+          const content = await response.text();
+          result = result.replace(match[0], content);
+        } catch (err) {
+          console.error(`Failed to include ${url}:`, err);
+          result = result.replace(match[0], `<!-- Error including ${url} -->`);
+        }
+      }
+      
+      return result;
+    },
+
+    async postprocess(html) {
+      // Async postprocessing
+      const processed = await processWithExternalService(html);
+      return processed;
+    }
+  }
+});
+
+// Must await when async is true
+const html = await marked.parse('Content: @include(https://example.com/snippet.md)', { async: true });
+```
+
+**Async Notes**:
+- Set `async: true` in extension or options
+- All async hooks must be awaited
+- Mix of sync and async hooks is supported
+- Performance impact: async operations block rendering
+
+## Hook Chaining
+
+Multiple hooks can be chained together:
+
+```javascript { .api }
+import { marked } from "marked";
+
+// First extension
+marked.use({
+  hooks: {
+    preprocess(markdown) {
+      console.log('First preprocess');
+      return markdown.replace(/foo/g, 'bar');
+    },
+    postprocess(html) {
+      console.log('First postprocess');
+      return html.replace(/<p>/g, '<p class="first">');
+    }
+  }
+});
+
+// Second extension
+marked.use({
+  hooks: {
+    preprocess(markdown) {
+      console.log('Second preprocess');
+      return markdown.replace(/hello/g, 'world');
+    },
+    postprocess(html) {
+      console.log('Second postprocess');
+      return html.replace(/<\/p>/g, '</p><!-- end -->');
+    }
+  }
+});
+
+// Execution order: 
+// 1. First preprocess
+// 2. Second preprocess
+// 3. Parse
+// 4. First postprocess
+// 5. Second postprocess
+```
+
+**Chaining Rules**:
+- Hooks execute in registration order
+- Each hook receives output of previous hook
+- Error in one hook stops the chain (unless caught)
+- Last hook's output is final result
+
+## Real-World Examples
+
+### Add Front Matter Support
+
+```javascript { .api }
+import { marked } from "marked";
+import yaml from "js-yaml";
+
+let frontMatter = {};
+
+marked.use({
+  hooks: {
+    preprocess(markdown) {
+      // Extract YAML front matter
+      const match = markdown.match(/^---\n([\s\S]+?)\n---\n/);
+      if (match) {
+        try {
+          frontMatter = yaml.load(match[1]);
+        } catch (err) {
+          console.error('Invalid front matter:', err);
+          frontMatter = {};
+        }
+        // Remove front matter from markdown
+        return markdown.slice(match[0].length);
+      }
+      frontMatter = {};
+      return markdown;
+    },
+    postprocess(html) {
+      // Add front matter as meta tags
+      const metaTags = Object.entries(frontMatter)
+        .map(([key, value]) => `<meta name="${key}" content="${escapeHtml(value)}">`)
+        .join('\n');
+
+      return metaTags ? metaTags + '\n' + html : html;
+    }
+  }
+});
+
+function escapeHtml(text) {
+  return String(text)
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;');
+}
+```
+
+### Include External Files
+
+```javascript { .api }
+import { marked } from "marked";
+import fs from "fs";
+import path from "path";
+
+marked.use({
+  hooks: {
+    preprocess(markdown) {
+      // Replace @include directives
+      return markdown.replace(/@include\(([^)]+)\)/g, (match, filename) => {
+        try {
+          const fullPath = path.resolve(filename);
+          return fs.readFileSync(fullPath, 'utf-8');
+        } catch (err) {
+          console.error(`Error including ${filename}:`, err);
+          return `<!-- Error: Could not include ${filename} -->`;
+        }
+      });
+    }
+  }
+});
+
+// Usage: @include(./snippet.md)
+```
+
+### Auto-Generate Table of Contents
+
+```javascript { .api }
+import { marked } from "marked";
+
+const toc = [];
+
+marked.use({
+  hooks: {
+    processAllTokens(tokens) {
+      // Extract headings for TOC
+      toc.length = 0; // Clear previous TOC
+
+      function extractHeadings(tokens) {
+        tokens.forEach(token => {
+          if (token.type === 'heading' && token.depth <= 3) {
+            toc.push({
+              level: token.depth,
+              text: token.text,
+              id: token.text.toLowerCase().replace(/[^\w]+/g, '-')
+            });
+          }
+          if (token.tokens) {
+            extractHeadings(token.tokens);
+          }
+        });
+      }
+
+      extractHeadings(tokens);
+      return tokens;
+    },
+    postprocess(html) {
+      // Prepend TOC to HTML
+      if (toc.length === 0) {
+        return html;
+      }
+      
+      const tocHtml = '<nav class="toc">\n' +
+        toc.map(item =>
+          `  <a href="#${item.id}" class="toc-level-${item.level}">${item.text}</a>`
+        ).join('\n') +
+        '\n</nav>\n\n';
+
+      return tocHtml + html;
+    }
+  }
+});
+```
+
+### Template Variable Substitution
+
+```javascript { .api }
+import { marked } from "marked";
+
+const variables = {
+  author: 'John Doe',
+  date: '2024-01-01',
+  version: '1.0.0'
+};
+
+marked.use({
+  hooks: {
+    preprocess(markdown) {
+      // Replace {{variable}} with values
+      return markdown.replace(/\{\{(\w+)\}\}/g, (match, key) => {
+        if (key in variables) {
+          return variables[key];
+        }
+        console.warn(`Unknown variable: ${key}`);
+        return match; // Leave unchanged if not found
+      });
+    }
+  }
+});
+
+const html = marked.parse('Author: {{author}}, Version: {{version}}');
+```
+
+### Syntax Validation
+
+```javascript { .api }
+import { marked } from "marked";
+
+const errors = [];
+
+marked.use({
+  hooks: {
+    processAllTokens(tokens) {
+      errors.length = 0; // Clear previous errors
+
+      function validate(tokens) {
+        tokens.forEach(token => {
+          // Validate links have href
+          if (token.type === 'link' && !token.href) {
+            errors.push(`Invalid link at: ${token.raw}`);
+          }
+
+          // Validate images have alt text
+          if (token.type === 'image' && !token.text) {
+            errors.push(`Image missing alt text: ${token.href}`);
+          }
+          
+          // Validate code blocks have language
+          if (token.type === 'code' && token.codeBlockStyle !== 'indented' && !token.lang) {
+            errors.push(`Code block missing language: ${token.raw.substring(0, 50)}`);
+          }
+
+          if (token.tokens) {
+            validate(token.tokens);
+          }
+        });
+      }
+
+      validate(tokens);
+
+      if (errors.length > 0) {
+        console.warn('Markdown validation errors:', errors);
+      }
+
+      return tokens;
+    }
+  }
+});
+```
+
+### Content Security
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.use({
+  hooks: {
+    processAllTokens(tokens) {
+      // Remove or sanitize dangerous tokens
+      function sanitize(tokens) {
+        return tokens.filter(token => {
+          // Remove raw HTML tokens
+          if (token.type === 'html') {
+            console.warn('Removed HTML token:', token.raw);
+            return false;
+          }
+
+          // Sanitize link hrefs
+          if (token.type === 'link') {
+            const url = token.href.toLowerCase();
+            if (url.startsWith('javascript:') || url.startsWith('data:')) {
+              console.warn('Neutralized dangerous link:', token.href);
+              token.href = '#'; // Neutralize dangerous links
+            }
+          }
+
+          // Recursively sanitize nested tokens
+          if (token.tokens) {
+            token.tokens = sanitize(token.tokens);
+          }
+
+          return true;
+        });
+      }
+
+      // Modify tokens in place
+      const sanitized = sanitize(tokens);
+      tokens.length = 0;
+      tokens.push(...sanitized);
+      
+      return tokens;
+    }
+  }
+});
+```
+
+### Markdown Statistics
+
+```javascript { .api }
+import { marked } from "marked";
+
+let stats = {};
+
+marked.use({
+  hooks: {
+    processAllTokens(tokens) {
+      stats = {
+        headings: 0,
+        paragraphs: 0,
+        codeBlocks: 0,
+        links: 0,
+        images: 0,
+        lists: 0,
+        tables: 0
+      };
+
+      function countTokens(tokens) {
+        tokens.forEach(token => {
+          switch (token.type) {
+            case 'heading': stats.headings++; break;
+            case 'paragraph': stats.paragraphs++; break;
+            case 'code': stats.codeBlocks++; break;
+            case 'link': stats.links++; break;
+            case 'image': stats.images++; break;
+            case 'list': stats.lists++; break;
+            case 'table': stats.tables++; break;
+          }
+          
+          if (token.tokens) {
+            countTokens(token.tokens);
+          }
+        });
+      }
+
+      countTokens(tokens);
+      return tokens;
+    }
+  }
+});
+
+const html = marked.parse(markdown);
+console.log('Document statistics:', stats);
+```
+
+### Reading Time Estimator
+
+```javascript { .api }
+import { marked } from "marked";
+
+let readingTime = 0;
+const WORDS_PER_MINUTE = 200;
+
+marked.use({
+  hooks: {
+    processAllTokens(tokens) {
+      let wordCount = 0;
+      
+      function countWords(tokens) {
+        tokens.forEach(token => {
+          if (token.type === 'text' && token.text) {
+            wordCount += token.text.split(/\s+/).length;
+          }
+          if (token.type === 'code' && token.text) {
+            // Count code words at half speed
+            wordCount += token.text.split(/\s+/).length * 0.5;
+          }
+          if (token.tokens) {
+            countWords(token.tokens);
+          }
+        });
+      }
+      
+      countWords(tokens);
+      readingTime = Math.ceil(wordCount / WORDS_PER_MINUTE);
+      
+      return tokens;
+    },
+    postprocess(html) {
+      return `<div class="reading-time">${readingTime} min read</div>\n${html}`;
+    }
+  }
+});
+```
+
+## Hook Context
+
+Hooks have access to `this.options` and `this.block`:
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.use({
+  hooks: {
+    preprocess(markdown) {
+      // Access options
+      const isGfm = this.options.gfm;
+      const isAsync = this.options.async;
+
+      // Access context
+      const isBlockLevel = this.block;
+
+      console.log(`Processing: GFM=${isGfm}, Async=${isAsync}, Block=${isBlockLevel}`);
+
+      if (isGfm) {
+        // GFM-specific preprocessing
+        return markdown.replace(/~~(\w+)~~/g, '<del>$1</del>');
+      }
+
+      return markdown;
+    }
+  }
+});
+```
+
+**Available Context**:
+- `this.options`: Current marked options
+- `this.block`: Boolean indicating block vs inline context
+
+## Performance Considerations
+
+- Hooks are called for every parse operation
+- Keep hook logic efficient
+- Avoid expensive operations in hooks
+- Consider caching when possible
+- Profile hooks if experiencing performance issues
+
+```javascript { .api }
+import { marked } from "marked";
+
+const cache = new Map();
+
+marked.use({
+  hooks: {
+    preprocess(markdown) {
+      // Cache expensive preprocessing
+      if (cache.has(markdown)) {
+        return cache.get(markdown);
+      }
+
+      const result = expensiveTransform(markdown);
+      
+      // Implement cache size limit
+      if (cache.size > 1000) {
+        const firstKey = cache.keys().next().value;
+        cache.delete(firstKey);
+      }
+      
+      cache.set(markdown, result);
+      return result;
+    }
+  }
+});
+
+function expensiveTransform(markdown) {
+  // Simulate expensive operation
+  return markdown.replace(/complex-pattern/g, 'replacement');
+}
+```
+
+## Debugging Hooks
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.use({
+  hooks: {
+    preprocess(markdown) {
+      console.log('Preprocess input length:', markdown.length);
+      console.log('First 100 chars:', markdown.substring(0, 100));
+      const result = processMarkdown(markdown);
+      console.log('Preprocess output length:', result.length);
+      return result;
+    },
+    postprocess(html) {
+      console.log('Postprocess input length:', html.length);
+      console.log('First 100 chars:', html.substring(0, 100));
+      const result = processHtml(html);
+      console.log('Postprocess output length:', result.length);
+      return result;
+    },
+    processAllTokens(tokens) {
+      console.log('Token count:', tokens.length);
+      console.log('Token types:', tokens.map(t => t.type));
+      return tokens;
+    }
+  }
+});
+
+function processMarkdown(md) { return md; }
+function processHtml(html) { return html; }
+```
+
+## Error Handling
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.use({
+  hooks: {
+    preprocess(markdown) {
+      try {
+        return dangerousTransform(markdown);
+      } catch (err) {
+        console.error('Preprocess error:', err);
+        // Return original on error
+        return markdown;
+      }
+    },
+    postprocess(html) {
+      try {
+        return transformHtml(html);
+      } catch (err) {
+        console.error('Postprocess error:', err);
+        // Return original on error
+        return html;
+      }
+    },
+    processAllTokens(tokens) {
+      try {
+        return transformTokens(tokens);
+      } catch (err) {
+        console.error('Token processing error:', err);
+        // Return original on error
+        return tokens;
+      }
+    }
+  }
+});
+
+function dangerousTransform(md) { return md; }
+function transformHtml(html) { return html; }
+function transformTokens(tokens) { return tokens; }
+```
diff --git a/.tessl/tiles/tessl/npm-marked/docs/reference/lexer.md b/.tessl/tiles/tessl/npm-marked/docs/reference/lexer.md
new file mode 100644
index 000000000..9b0112b47
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-marked/docs/reference/lexer.md
@@ -0,0 +1,677 @@
+# Lexer
+
+The Lexer class tokenizes markdown text into a structured token tree. It handles block-level elements (paragraphs, headings, lists, etc.) and queues inline elements for processing.
+
+## Class: Lexer
+
+```typescript { .api }
+class Lexer {
+  constructor(options?: MarkedOptions);
+
+  /**
+   * Tokenize markdown string into tokens
+   * Static method - creates new Lexer internally
+   * @param src - Markdown source. Empty strings return empty token list.
+   * @param options - Lexer options
+   * @returns TokensList with all tokens and link references
+   */
+  static lex(src: string, options?: MarkedOptions): TokensList;
+
+  /**
+   * Tokenize inline markdown only
+   * Static method - creates new Lexer internally
+   * Does not process block-level elements
+   * @param src - Inline markdown source
+   * @param options - Lexer options
+   * @returns Array of inline tokens (no TokensList wrapper)
+   */
+  static lexInline(src: string, options?: MarkedOptions): Token[];
+
+  /**
+   * Regular expression rules for tokenization
+   * Rules vary based on options (GFM, pedantic, etc.)
+   * Contains block and inline rule sets
+   */
+  static readonly rules: {
+    block: BlockRules;
+    inline: InlineRules;
+  };
+
+  /**
+   * Tokenize markdown source (instance method)
+   * Processes both block and inline tokens
+   * @param src - Markdown string
+   * @returns TokensList with tokens and link references
+   */
+  lex(src: string): TokensList;
+
+  /**
+   * Tokenize block-level markdown
+   * Processes structural elements (headings, lists, paragraphs, etc.)
+   * @param src - Markdown source
+   * @param tokens - Token array to append to (optional, creates new if not provided)
+   * @param lastParagraphClipped - Internal state flag for list parsing
+   * @returns Array of tokens
+   */
+  blockTokens(src: string, tokens?: Token[], lastParagraphClipped?: boolean): Token[];
+
+  /**
+   * Queue inline tokens for processing
+   * Queues rather than immediately processing for efficiency
+   * @param src - Inline markdown source
+   * @param tokens - Token array to populate
+   * @returns Token array reference
+   */
+  inline(src: string, tokens?: Token[]): Token[];
+
+  /**
+   * Tokenize inline markdown
+   * Processes inline elements (emphasis, links, code, etc.)
+   * @param src - Inline markdown source
+   * @param tokens - Token array to append to (optional)
+   * @returns Array of inline tokens
+   */
+  inlineTokens(src: string, tokens?: Token[]): Token[];
+
+  /**
+   * Current token list being built
+   * Includes link references in TokensList.links
+   */
+  tokens: TokensList;
+
+  /**
+   * Lexer options
+   * Affects tokenization rules and behavior
+   */
+  options: MarkedOptions;
+
+  /**
+   * Current lexer state (managed automatically)
+   * Used to handle context-dependent parsing
+   */
+  state: {
+    /**
+     * Whether currently inside a link (prevents nested links)
+     * Links cannot contain other links per markdown spec
+     */
+    inLink: boolean;
+    /**
+     * Whether currently inside a raw HTML block
+     * Affects how certain markdown is interpreted
+     */
+    inRawBlock: boolean;
+    /**
+     * Whether at top level (not in a nested block)
+     * Affects what block-level elements are allowed
+     */
+    top: boolean;
+  };
+
+  /**
+   * Queue of inline content to process
+   * Used for deferred inline tokenization
+   */
+  inlineQueue: Array<{ src: string; tokens: Token[] }>;
+}
+```
+
+## Usage
+
+### Basic Lexing
+
+```javascript { .api }
+import { Lexer } from "marked";
+
+const markdown = `
+# Hello World
+
+This is a **paragraph** with inline elements.
+
+- List item 1
+- List item 2
+`;
+
+const tokens = Lexer.lex(markdown);
+
+console.log(tokens);
+// [
+//   { type: 'heading', depth: 1, text: 'Hello World', tokens: [...], ... },
+//   { type: 'space', raw: '\n', ... },
+//   { type: 'paragraph', text: 'This is a **paragraph**...', tokens: [...], ... },
+//   { type: 'list', items: [...], ordered: false, ... }
+// ]
+
+console.log(tokens.links);
+// {} - Map of link reference definitions
+```
+
+**Token List Properties**:
+- `tokens` array contains all block-level tokens
+- `tokens.links` object contains link reference definitions
+- Empty input returns empty token list with empty links object
+
+### Inline Lexing
+
+```javascript { .api }
+import { Lexer } from "marked";
+
+const inline = Lexer.lexInline('This is **bold** and *italic*');
+
+console.log(inline);
+// [
+//   { type: 'text', text: 'This is ', raw: 'This is ' },
+//   { type: 'strong', text: 'bold', tokens: [...], raw: '**bold**' },
+//   { type: 'text', text: ' and ', raw: ' and ' },
+//   { type: 'em', text: 'italic', tokens: [...], raw: '*italic*' }
+// ]
+```
+
+**Inline vs Block**:
+- `lex()`: Full processing (block + inline)
+- `lexInline()`: Only inline elements, no paragraphs or block structures
+
+### Instance Usage
+
+```javascript { .api }
+import { Lexer } from "marked";
+
+const lexer = new Lexer({
+  gfm: true,
+  breaks: true
+});
+
+const tokens = lexer.lex('# Markdown');
+
+// Access state
+console.log(lexer.state.top); // true - at document top level
+console.log(lexer.state.inLink); // false - not inside link
+console.log(lexer.tokens); // TokensList with tokens and links
+```
+
+**Instance vs Static**:
+- Static methods create new Lexer internally
+- Instance methods reuse existing Lexer (more efficient for multiple calls)
+- Instance maintains state across calls (usually reset between documents)
+
+### Custom Lexer with Extensions
+
+```javascript { .api }
+import { marked, Lexer } from "marked";
+
+// Extensions via marked.use() affect lexer automatically
+marked.use({
+  extensions: [{
+    name: 'customBlock',
+    level: 'block',
+    tokenizer(src) {
+      const match = src.match(/^@\[(\w+)\]\((.*?)\)/);
+      if (match) {
+        return {
+          type: 'customBlock',
+          raw: match[0],
+          name: match[1],
+          value: match[2]
+        };
+      }
+    }
+  }]
+});
+
+// Custom tokenizer is automatically used by lexer
+const tokens = Lexer.lex('@[youtube](abc123)');
+console.log(tokens[0].type); // 'customBlock'
+```
+
+## Block Tokenization Process
+
+The lexer processes block-level markdown in this specific order:
+
+1. **Extension block tokenizers** (if any)
+2. **Space/newlines** - Whitespace between blocks
+3. **Indented code blocks** - 4+ spaces indentation
+4. **Fenced code blocks** - `` ``` `` or `~~~`
+5. **Headings** (ATX style) - `# Heading`
+6. **Horizontal rules** - `---`, `***`, `___`
+7. **Blockquotes** - `> quote`
+8. **Lists** - Ordered and unordered
+9. **HTML blocks** - Block-level HTML
+10. **Link definitions** - `[label]: url "title"`
+11. **Tables** (GFM) - Pipe-delimited tables
+12. **Headings** (Setext style) - Underlined headings
+13. **Paragraphs** - Regular text blocks
+14. **Text** - Fallback for unmatched content
+
+**Order Matters**: Earlier patterns take precedence. Custom extensions are checked first.
+
+```javascript { .api }
+import { Lexer } from "marked";
+
+const markdown = `
+# ATX Heading
+---
+> Blockquote
+- List item
+`;
+
+const lexer = new Lexer();
+const tokens = lexer.blockTokens(markdown, []);
+
+// Tokens will be in document order:
+// 1. heading (ATX processed before HR)
+// 2. hr
+// 3. blockquote
+// 4. list
+```
+
+## Inline Tokenization Process
+
+The lexer processes inline markdown in this order:
+
+1. **Extension inline tokenizers** (if any)
+2. **Escape sequences** - `\*`, `\_`, etc.
+3. **HTML tags** - `<tag>`, `</tag>`
+4. **Links and images** - `[text](url)`, `![alt](url)`
+5. **Reference links** - `[text][ref]`
+6. **Emphasis and strong** - `*em*`, `**strong**`
+7. **Inline code** - `` `code` ``
+8. **Line breaks** - Two spaces + newline
+9. **Strikethrough** (GFM) - `~~deleted~~`
+10. **Autolinks** - `<url>`, `<email>`
+11. **URL autolinks** (GFM) - Raw URLs
+12. **Text** - Fallback for plain text
+
+```javascript { .api }
+import { Lexer } from "marked";
+
+const inline = '**bold** and *italic* and `code`';
+const tokens = Lexer.lexInline(inline);
+
+// Tokens processed in order:
+// 1. strong (**bold**)
+// 2. text ( and )
+// 3. em (*italic*)
+// 4. text ( and )
+// 5. codespan (`code`)
+```
+
+**Greedy Matching**: Lexer uses greedy matching - longest match wins.
+
+## State Management
+
+The lexer maintains state to handle context-dependent parsing:
+
+```javascript { .api }
+import { Lexer } from "marked";
+
+const lexer = new Lexer();
+
+// Initial state
+console.log(lexer.state);
+// {
+//   inLink: false,    // Prevents nested links
+//   inRawBlock: false, // Affects HTML parsing
+//   top: true          // Whether at document top level
+// }
+
+lexer.lex('# Heading\n\n[Link](url)');
+
+// State is managed automatically during tokenization
+// After processing, state is typically reset
+```
+
+**State Purposes**:
+- **`inLink`**: Prevents nested links (markdown spec violation)
+- **`inRawBlock`**: Affects HTML parsing in certain contexts
+- **`top`**: Some block elements only allowed at top level
+
+**State Management Example**:
+
+```javascript { .api }
+import { Lexer } from "marked";
+
+const lexer = new Lexer();
+
+// Process markdown with nested link attempt
+const markdown = '[Outer [nested](url)](url)';
+const tokens = lexer.lex(markdown);
+
+// Nested link will be treated as text due to inLink state
+// Output: [Outer [nested](url)](url) as single link with text "Outer [nested](url)"
+```
+
+## Link References
+
+Link reference definitions are stored separately from main tokens:
+
+```javascript { .api }
+import { Lexer } from "marked";
+
+const markdown = `
+[Google]: https://google.com "Google Search"
+[GitHub]: https://github.com
+
+This is a [link][Google] and another [link][GitHub].
+`;
+
+const tokens = Lexer.lex(markdown);
+
+console.log(tokens.links);
+// {
+//   'google': { href: 'https://google.com', title: 'Google Search' },
+//   'github': { href: 'https://github.com', title: '' }
+// }
+
+// Link definitions don't appear in main token list
+// They're used when resolving reference-style links
+```
+
+**Link Reference Notes**:
+- Keys are normalized to lowercase
+- Stored in `TokensList.links` object
+- Not included in main token array
+- Used by parser to resolve `[text][ref]` syntax
+
+**Link Reference Resolution**:
+
+```javascript { .api }
+import { Lexer } from "marked";
+
+const markdown = `
+[ref]: https://example.com "Example"
+
+This is a [reference link][ref].
+This is a [shortcut reference link].
+
+[shortcut reference link]: https://example.org
+`;
+
+const tokens = Lexer.lex(markdown);
+
+// tokens.links contains both definitions:
+// 'ref' and 'shortcut reference link'
+```
+
+## Inline Queue
+
+The lexer queues inline content for deferred processing:
+
+```javascript { .api }
+import { Lexer } from "marked";
+
+const lexer = new Lexer();
+
+// blockTokens() queues inline content
+lexer.blockTokens('# Heading\n\nParagraph', lexer.tokens);
+
+console.log(lexer.inlineQueue);
+// [
+//   { src: 'Heading', tokens: [...] },
+//   { src: 'Paragraph', tokens: [...] }
+// ]
+
+// Process queued inline tokens
+for (const item of lexer.inlineQueue) {
+  lexer.inlineTokens(item.src, item.tokens);
+}
+```
+
+**Why Queue?**
+- Performance: Process all block tokens first
+- Efficiency: Batch inline processing
+- State: Maintain proper context
+
+**Automatic Processing**: The `lex()` method automatically processes the inline queue. Only relevant when using `blockTokens()` directly.
+
+```javascript { .api }
+import { Lexer } from "marked";
+
+// Using lex() - inline queue processed automatically
+const tokens1 = Lexer.lex('# Heading');
+// Inline tokens already processed
+
+// Using blockTokens() - manual inline processing needed
+const lexer = new Lexer();
+const tokens2 = lexer.blockTokens('# Heading', []);
+// Inline queue not yet processed
+for (const item of lexer.inlineQueue) {
+  lexer.inlineTokens(item.src, item.tokens);
+}
+```
+
+## Accessing Lexer Rules
+
+```javascript { .api }
+import { Lexer } from "marked";
+
+// Access tokenization rules
+const rules = Lexer.rules;
+
+console.log(rules.block); // Block-level regex rules
+console.log(rules.inline); // Inline-level regex rules
+
+// Example: heading rule
+console.log(rules.block.heading);
+// Regex for matching ATX headings: /^(#{1,6})(?=\s|$)(.*)(?:\n+|$)/
+
+// Rules vary based on options
+const lexerGfm = new Lexer({ gfm: true });
+const lexerPedantic = new Lexer({ pedantic: true });
+// Each uses different rule set
+```
+
+**Rule Sets**:
+- Different rule sets for GFM vs CommonMark
+- Pedantic mode uses original markdown.pl rules
+- Rules are optimized regex patterns
+- Not typically modified directly (use extensions instead)
+
+## Advanced Example
+
+```javascript { .api }
+import { Lexer, Parser } from "marked";
+
+// Custom two-pass processing
+const lexer = new Lexer({ gfm: true });
+const tokens = lexer.lex(markdown);
+
+// First pass: Modify tokens before parsing
+tokens.forEach(token => {
+  if (token.type === 'heading') {
+    token.depth += 1; // Demote all headings
+  }
+  if (token.type === 'link') {
+    // Add nofollow to external links
+    if (token.href.startsWith('http')) {
+      token.rel = 'nofollow';
+    }
+  }
+});
+
+// Second pass: Parse modified tokens
+const html = Parser.parse(tokens);
+```
+
+**Advanced Use Cases**:
+- Token inspection before rendering
+- Multi-pass processing
+- Token transformation
+- Custom output formats
+- Token statistics gathering
+
+## Error Handling
+
+The lexer handles errors based on the `silent` option:
+
+```javascript { .api }
+import { Lexer } from "marked";
+
+// Throw on error (default behavior)
+const lexer1 = new Lexer({ silent: false });
+try {
+  lexer1.lex(malformedMarkdown);
+} catch (err) {
+  console.error('Lexer error:', err.message);
+}
+
+// Silent mode (logs error, continues with partial tokens)
+const lexer2 = new Lexer({ silent: true });
+const tokens = lexer2.lex(malformedMarkdown);
+// Errors logged to console, partial tokens returned
+```
+
+**Error Types**:
+- **Malformed tokens**: Invalid syntax
+- **Infinite loops**: Regex matches zero-length (prevented internally)
+- **Stack overflow**: Deeply nested structures (rare)
+
+**Handling Errors**:
+
+```javascript { .api }
+import { Lexer } from "marked";
+
+function safeLex(markdown, options = {}) {
+  try {
+    return Lexer.lex(markdown, { ...options, silent: false });
+  } catch (err) {
+    console.error('Lexing failed:', err);
+    // Return empty token list with error token
+    return Object.assign([{
+      type: 'paragraph',
+      raw: markdown,
+      text: 'Error: Failed to parse markdown',
+      tokens: []
+    }], { links: {} });
+  }
+}
+```
+
+## Performance Considerations
+
+- The lexer uses regex-based tokenization for speed
+- It processes markdown in a single pass for block elements
+- Inline processing is deferred and batched for efficiency
+- No caching or blocking operations
+- Suitable for real-time parsing
+
+```javascript { .api }
+import { Lexer } from "marked";
+
+// Performance measurement
+console.time('lex');
+const tokens = Lexer.lex(largeMarkdownDocument);
+console.timeEnd('lex');
+// Typical: milliseconds for documents < 1MB
+
+// For very large documents
+const hugeMarkdown = '.'.repeat(10000000); // 10MB
+console.time('huge-lex');
+const hugeTokens = Lexer.lex(hugeMarkdown);
+console.timeEnd('huge-lex');
+// Still typically < 1 second
+```
+
+**Performance Tips**:
+- Reuse Lexer instance for multiple documents
+- Use static methods for one-off parsing
+- Profile with actual document sizes
+- Consider streaming for very large documents (requires custom implementation)
+
+**Memory Considerations**:
+
+```javascript { .api }
+import { Lexer } from "marked";
+
+// Tokens are kept in memory
+const markdown = 'x'.repeat(1000000); // 1MB of text
+const tokens = Lexer.lex(markdown);
+
+// Memory usage ≈ input size + token overhead
+// For 1MB input, expect ~2-3MB total memory usage
+```
+
+## Debugging Lexer Output
+
+```javascript { .api }
+import { Lexer } from "marked";
+
+const markdown = `
+# Heading
+**Bold** text
+`;
+
+const tokens = Lexer.lex(markdown);
+
+// Pretty print tokens
+console.log(JSON.stringify(tokens, null, 2));
+
+// Inspect specific token
+console.log('First token:', tokens[0]);
+console.log('Type:', tokens[0].type);
+console.log('Raw:', tokens[0].raw);
+console.log('Depth:', tokens[0].depth);
+
+// Inspect nested tokens
+if (tokens[0].tokens) {
+  console.log('Nested tokens:', tokens[0].tokens);
+}
+```
+
+## Custom Tokenization
+
+```javascript { .api }
+import { marked, Lexer } from "marked";
+
+// Add custom block-level syntax
+marked.use({
+  extensions: [{
+    name: 'note',
+    level: 'block',
+    start(src) {
+      return src.match(/^:::note/)?.index;
+    },
+    tokenizer(src) {
+      const match = src.match(/^:::note\n([\s\S]*?)\n:::/);
+      if (match) {
+        return {
+          type: 'note',
+          raw: match[0],
+          text: match[1],
+          tokens: this.lexer.blockTokens(match[1])
+        };
+      }
+    }
+  }]
+});
+
+// Now lexer recognizes :::note blocks
+const tokens = Lexer.lex(':::note\nImportant\n:::');
+console.log(tokens[0].type); // 'note'
+```
+
+## Edge Cases
+
+```javascript { .api }
+import { Lexer } from "marked";
+
+// Empty input
+const empty = Lexer.lex('');
+console.log(empty); // []
+console.log(empty.links); // {}
+
+// Only whitespace
+const whitespace = Lexer.lex('   \n  \n  ');
+console.log(whitespace); // [{ type: 'space', raw: '   \n  \n  ' }]
+
+// Only link definitions
+const onlyRefs = Lexer.lex('[ref]: url');
+console.log(onlyRefs); // []
+console.log(onlyRefs.links); // { ref: { href: 'url', title: '' } }
+
+// Deeply nested structures
+const nested = '> '.repeat(100) + 'text';
+const nestedTokens = Lexer.lex(nested); // Handles deep nesting
+
+// Very long lines
+const longLine = 'a'.repeat(100000);
+const longTokens = Lexer.lex(longLine); // Handles long lines
+```
diff --git a/.tessl/tiles/tessl/npm-marked/docs/reference/options.md b/.tessl/tiles/tessl/npm-marked/docs/reference/options.md
new file mode 100644
index 000000000..09647b64e
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-marked/docs/reference/options.md
@@ -0,0 +1,741 @@
+# Configuration Options
+
+Configuration options for customizing marked's parsing and rendering behavior.
+
+## MarkedOptions Interface
+
+```typescript { .api }
+interface MarkedOptions {
+  /**
+   * Enable async parsing - returns Promise from parse functions
+   * Required when using async walkTokens or async hooks
+   * Default: false
+   */
+  async?: boolean;
+
+  /**
+   * Enable GFM line breaks (requires gfm: true)
+   * Converts single \n in paragraphs to <br>
+   * Without this, only two spaces + \n creates <br>
+   * Default: false
+   */
+  breaks?: boolean;
+
+  /**
+   * Enable GitHub Flavored Markdown features:
+   * - Tables (pipe-delimited)
+   * - Strikethrough (~~text~~)
+   * - Autolinks (raw URLs become clickable)
+   * - Task lists (- [ ] and - [x])
+   * Default: true
+   */
+  gfm?: boolean;
+
+  /**
+   * Conform to obscure parts of markdown.pl behavior
+   * Don't fix original markdown bugs or poor behavior
+   * Generally should stay false unless specific compatibility needed
+   * Default: false
+   */
+  pedantic?: boolean;
+
+  /**
+   * Show HTML error message when rendering fails instead of throwing
+   * Useful for user-generated content where errors shouldn't break page
+   * Default: false
+   */
+  silent?: boolean;
+
+  /**
+   * Custom hooks for processing pipeline
+   * See Hooks documentation for details
+   * Default: null
+   */
+  hooks?: Hooks | null;
+
+  /**
+   * Custom renderer for generating output from tokens
+   * Override to customize HTML output or create non-HTML formats
+   * Default: new Renderer()
+   */
+  renderer?: Renderer | null;
+
+  /**
+   * Custom tokenizer for recognizing markdown syntax
+   * Override methods to customize how markdown is recognized
+   * Default: new Tokenizer()
+   */
+  tokenizer?: Tokenizer | null;
+
+  /**
+   * Custom extensions (populated by use())
+   * Generally not set directly - use the use() method instead
+   * Contains tokenizer and renderer extensions
+   * Default: null
+   */
+  extensions?: {
+    renderers: { [name: string]: RendererExtensionFunction };
+    childTokens: { [name: string]: string[] };
+    inline?: TokenizerExtensionFunction[];
+    block?: TokenizerExtensionFunction[];
+    startInline?: TokenizerStartFunction[];
+    startBlock?: TokenizerStartFunction[];
+  } | null;
+
+  /**
+   * Function called for each token, useful for preprocessing
+   * Called after tokenization but before rendering
+   * Can modify tokens in place
+   * Default: null
+   */
+  walkTokens?: ((token: Token) => void | Promise<void> | (void | Promise<void>)[]) | null;
+}
+```
+
+## Usage Examples
+
+### Basic Options
+
+```javascript { .api }
+import { marked } from "marked";
+
+// Enable GFM line breaks
+marked.setOptions({
+  breaks: true,
+  gfm: true
+});
+
+const html = marked.parse("Line 1\nLine 2");
+// Output: <p>Line 1<br>Line 2</p>
+
+// Without breaks: true, output would be: <p>Line 1\nLine 2</p>
+```
+
+**Common Combinations**:
+- **GitHub-style**: `{ gfm: true, breaks: true }`
+- **Strict CommonMark**: `{ gfm: false, pedantic: false }`
+- **Original markdown.pl**: `{ pedantic: true, gfm: false }`
+
+### Async Mode
+
+```javascript { .api }
+import { marked } from "marked";
+
+// Enable async mode
+marked.setOptions({ async: true });
+
+// Now marked returns a Promise
+const html = await marked.parse("# Async Markdown");
+
+// Or use explicit async option
+const html2 = await marked.parse("# Title", { async: true });
+```
+
+**When to Use Async**:
+- When using async `walkTokens` callbacks
+- When using async hooks (preprocess, postprocess)
+- When extensions perform async operations
+- When fetching external content during parsing
+
+**Async Performance Note**: Async mode adds overhead even for sync operations. Only enable when needed.
+
+### Silent Mode
+
+```javascript { .api }
+import { marked } from "marked";
+
+// Default behavior (throw errors)
+try {
+  const html = marked.parse(malformedMarkdown);
+} catch (err) {
+  console.error('Parse error:', err);
+}
+
+// Silent mode (return error as HTML)
+marked.setOptions({ silent: true });
+const html = marked.parse(malformedMarkdown);
+// Returns: <p>An error occurred:</p><pre>Error message</pre>
+```
+
+**Silent Mode Use Cases**:
+- User-generated content
+- Preview functionality
+- Graceful degradation
+- Error display to end users
+
+**Warning**: Silent mode may hide legitimate bugs. Use sparingly.
+
+### Pedantic Mode
+
+```javascript { .api }
+import { marked } from "marked";
+
+// Conform to original markdown.pl behavior
+marked.setOptions({
+  pedantic: true,
+  gfm: false
+});
+
+const html = marked.parse("# Title");
+
+// Example differences:
+// - Stricter emphasis rules
+// - Different list handling
+// - No tables, autolinks, or GFM features
+```
+
+**Pedantic Mode Notes**:
+- Enables markdown.pl compatibility bugs
+- Disables many conveniences
+- Rarely needed (only for legacy compatibility)
+- Conflicts with `gfm: true`
+
+### Custom Renderer
+
+```javascript { .api }
+import { marked, Renderer } from "marked";
+
+const renderer = new Renderer();
+
+// Customize code block rendering
+renderer.code = ({ text, lang, escaped }) => {
+  const language = lang || 'text';
+  return `<pre><code class="language-${language}">${text}</code></pre>\n`;
+};
+
+// Customize heading rendering
+renderer.heading = ({ tokens, depth }) => {
+  const text = this.parser.parseInline(tokens);
+  const id = text.toLowerCase().replace(/[^\w]+/g, '-');
+  return `<h${depth} id="${id}">${text}</h${depth}>\n`;
+};
+
+marked.setOptions({ renderer });
+```
+
+**Renderer Customization Use Cases**:
+- Syntax highlighting
+- Custom HTML attributes
+- Non-HTML output
+- Accessibility improvements
+- Custom styling
+
+### Multiple Options
+
+```javascript { .api }
+import { marked } from "marked";
+
+// Set multiple options at once
+marked.setOptions({
+  gfm: true,
+  breaks: true,
+  silent: false,
+  async: false
+});
+
+// Options can be overridden per parse call
+const html = marked.parse(markdown, {
+  breaks: false // Override global setting
+});
+```
+
+**Option Precedence** (highest to lowest):
+1. Parse-time options
+2. Extension options (via `use()`)
+3. Global options (via `setOptions()`)
+4. Default options
+
+## MarkedExtension Interface
+
+Extensions provide a way to customize marked without modifying global options. Extensions can add custom tokenizers, renderers, and hooks.
+
+```typescript { .api }
+interface MarkedExtension {
+  /**
+   * Enable async mode for this extension
+   * Set to true if extension uses async operations
+   */
+  async?: boolean;
+
+  /**
+   * Enable GFM line breaks for this extension
+   */
+  breaks?: boolean;
+
+  /**
+   * Enable GFM features for this extension
+   */
+  gfm?: boolean;
+
+  /**
+   * Enable pedantic mode for this extension
+   */
+  pedantic?: boolean;
+
+  /**
+   * Enable silent mode for this extension
+   */
+  silent?: boolean;
+
+  /**
+   * Array of custom tokenizer and renderer extensions
+   * Each extension adds new token types or overrides existing ones
+   */
+  extensions?: (TokenizerExtension | RendererExtension | (TokenizerExtension & RendererExtension))[] | null;
+
+  /**
+   * Partial hooks object to extend default hooks
+   * Multiple extensions can define hooks - they chain together
+   */
+  hooks?: {
+    preprocess?: (markdown: string) => string | Promise<string>;
+    postprocess?: (html: string) => string | Promise<string>;
+    processAllTokens?: (tokens: Token[] | TokensList) => Token[] | TokensList | Promise<Token[] | TokensList>;
+    emStrongMask?: (src: string) => string;
+    provideLexer?: () => Function;
+    provideParser?: () => Function;
+  } | null;
+
+  /**
+   * Partial renderer object to override default rendering methods
+   * Return false from method to fall back to default renderer
+   */
+  renderer?: {
+    [key: string]: (token: any) => string | false;
+  } | null;
+
+  /**
+   * Partial tokenizer object to override default tokenization methods
+   * Return false/undefined from method to fall back to default tokenizer
+   */
+  tokenizer?: {
+    [key: string]: (src: string, ...args: any[]) => any;
+  } | null;
+
+  /**
+   * Function to walk all tokens
+   * Called for each token in the tree
+   * Can modify tokens in place
+   */
+  walkTokens?: ((token: Token) => void | Promise<void>) | null;
+}
+```
+
+## Extension Usage
+
+```javascript { .api }
+import { marked } from "marked";
+
+// Using extension to customize behavior
+marked.use({
+  gfm: true,
+  breaks: true,
+  renderer: {
+    heading({ tokens, depth }) {
+      const text = this.parser.parseInline(tokens);
+      return `<h${depth} class="custom-heading">${text}</h${depth}>\n`;
+    },
+    link({ href, title, tokens }) {
+      const text = this.parser.parseInline(tokens);
+      const titleAttr = title ? ` title="${title}"` : '';
+      // Add target="_blank" to external links
+      const external = href.startsWith('http') ? ' target="_blank" rel="noopener"' : '';
+      return `<a href="${href}"${titleAttr}${external}>${text}</a>`;
+    }
+  },
+  walkTokens(token) {
+    if (token.type === 'link') {
+      // Validate links
+      if (!isValidUrl(token.href)) {
+        console.warn('Invalid URL:', token.href);
+      }
+    }
+  }
+});
+
+function isValidUrl(url) {
+  try {
+    new URL(url);
+    return true;
+  } catch {
+    return false;
+  }
+}
+```
+
+**Extension Benefits**:
+- Don't modify global defaults
+- Can be applied conditionally
+- Composable (multiple extensions)
+- Isolated configuration
+
+## Getting Current Options
+
+```javascript { .api }
+import { marked } from "marked";
+
+// Get default options (original defaults, not current)
+const defaults = marked.getDefaults();
+console.log(defaults);
+// Output:
+// {
+//   async: false,
+//   breaks: false,
+//   gfm: true,
+//   pedantic: false,
+//   silent: false,
+//   hooks: null,
+//   renderer: null,
+//   tokenizer: null,
+//   extensions: null,
+//   walkTokens: null
+// }
+
+// Access current defaults (including modifications)
+console.log(marked.defaults);
+// Shows current default configuration
+
+// Reset to original defaults
+marked.setOptions(marked.getDefaults());
+```
+
+**Configuration Inspection**:
+
+```javascript { .api }
+import { marked } from "marked";
+
+// Check current configuration
+function inspectConfig() {
+  const config = marked.defaults;
+  console.log('GFM enabled:', config.gfm);
+  console.log('Breaks enabled:', config.breaks);
+  console.log('Async mode:', config.async);
+  console.log('Silent mode:', config.silent);
+  console.log('Custom renderer:', config.renderer !== null);
+  console.log('Custom hooks:', config.hooks !== null);
+}
+
+inspectConfig();
+```
+
+## Option Priority
+
+When using multiple option sources, they are applied in order with later options overriding earlier ones:
+
+1. **Original defaults** (from `getDefaults()`)
+2. **Global options** (from `setOptions()`)
+3. **Extension options** (from `use()`)
+4. **Parse-time options** (passed to `parse()`)
+
+```javascript { .api }
+import { marked } from "marked";
+
+// 1. Original defaults
+// gfm: true, breaks: false
+
+// 2. Set global default
+marked.setOptions({ breaks: false, silent: false });
+
+// 3. Use extension
+marked.use({ breaks: true, async: false }); // breaks: true now overrides global
+
+// 4. Parse-time option
+const html = marked.parse('text', { breaks: false }); // breaks: false overrides extension
+```
+
+**Priority Example**:
+
+```javascript { .api }
+import { marked } from "marked";
+
+// Global: breaks=false
+marked.setOptions({ breaks: false });
+
+// Extension: breaks=true (overrides global)
+marked.use({ breaks: true });
+
+// Parse-time: breaks=false (overrides extension)
+const html1 = marked.parse('Line 1\nLine 2', { breaks: false });
+// Output: <p>Line 1\nLine 2</p> (no <br>)
+
+// Without parse-time override, extension setting used
+const html2 = marked.parse('Line 1\nLine 2');
+// Output: <p>Line 1<br>Line 2</p> (has <br>)
+```
+
+## Per-Instance Options
+
+Create isolated instances with different configurations:
+
+```javascript { .api }
+import { Marked } from "marked";
+
+// Instance for GitHub-flavored markdown
+const gfmMarked = new Marked({ 
+  gfm: true, 
+  breaks: true 
+});
+
+// Instance for strict CommonMark
+const strictMarked = new Marked({ 
+  gfm: false, 
+  pedantic: false 
+});
+
+// Instance for pedantic markdown.pl compatibility
+const pedanticMarked = new Marked({ 
+  pedantic: true, 
+  gfm: false 
+});
+
+// Each instance has independent options
+const html1 = gfmMarked.parse('Line 1\nLine 2');
+// Output: <p>Line 1<br>Line 2</p>
+
+const html2 = strictMarked.parse('Line 1\nLine 2');
+// Output: <p>Line 1\nLine 2</p>
+
+const html3 = pedanticMarked.parse('Line 1\nLine 2');
+// Output: <p>Line 1\nLine 2</p> (with pedantic quirks)
+```
+
+**Instance Isolation**:
+
+```javascript { .api }
+import { Marked, marked } from "marked";
+
+// Global marked configuration
+marked.setOptions({ breaks: true });
+
+// Create instance (doesn't inherit global config)
+const instance = new Marked({ breaks: false });
+
+// Global and instance are independent
+const html1 = marked.parse('Line\nBreak'); // Has <br>
+const html2 = instance.parse('Line\nBreak'); // No <br>
+```
+
+## Option Validation
+
+```javascript { .api }
+import { marked } from "marked";
+
+// Valid options
+marked.setOptions({
+  gfm: true,
+  breaks: true,
+  silent: false
+});
+
+// Invalid/unknown options are ignored (no error)
+marked.setOptions({
+  unknownOption: true, // Ignored
+  gfm: 'yes' // Type mismatch, may cause issues
+});
+
+// Type-safe with TypeScript
+import type { MarkedOptions } from "marked";
+
+const options: MarkedOptions = {
+  gfm: true,
+  breaks: true,
+  // unknownOption: true // TypeScript error
+};
+
+marked.setOptions(options);
+```
+
+## Common Option Patterns
+
+### Preview Mode (User Content)
+
+```javascript { .api }
+import { marked } from "marked";
+import DOMPurify from "dompurify";
+
+// Safe parsing of untrusted content
+marked.setOptions({
+  silent: true,  // Don't throw on errors
+  gfm: true,     // Support GFM features
+  breaks: true   // Easier for users
+});
+
+function safeRender(markdown) {
+  const html = marked.parse(markdown);
+  return DOMPurify.sanitize(html);
+}
+```
+
+### Documentation Site
+
+```javascript { .api }
+import { marked } from "marked";
+import hljs from "highlight.js";
+
+marked.use({
+  gfm: true,
+  breaks: false, // Strict paragraphs
+  renderer: {
+    code({ text, lang }) {
+      if (lang && hljs.getLanguage(lang)) {
+        const highlighted = hljs.highlight(text, { language: lang }).value;
+        return `<pre><code class="hljs language-${lang}">${highlighted}</code></pre>\n`;
+      }
+      return false;
+    },
+    heading({ tokens, depth }) {
+      const text = this.parser.parseInline(tokens);
+      const id = text.toLowerCase().replace(/[^\w]+/g, '-');
+      return `<h${depth} id="${id}"><a href="#${id}">#</a> ${text}</h${depth}>\n`;
+    }
+  }
+});
+```
+
+### Blog Posts
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.use({
+  gfm: true,
+  breaks: false,
+  renderer: {
+    link({ href, title, tokens }) {
+      const text = this.parser.parseInline(tokens);
+      const titleAttr = title ? ` title="${title}"` : '';
+      // Open external links in new tab
+      const target = href.startsWith('http') ? ' target="_blank" rel="noopener noreferrer"' : '';
+      return `<a href="${href}"${titleAttr}${target}>${text}</a>`;
+    },
+    image({ href, title, text }) {
+      const titleAttr = title ? ` title="${title}"` : '';
+      return `<figure><img src="${href}" alt="${text}"${titleAttr} loading="lazy"><figcaption>${text}</figcaption></figure>`;
+    }
+  }
+});
+```
+
+### README Rendering
+
+```javascript { .api }
+import { marked } from "marked";
+
+// GitHub-like rendering
+marked.use({
+  gfm: true,
+  breaks: false,
+  renderer: {
+    code({ text, lang }) {
+      const language = lang || '';
+      return `<div class="code-block"><div class="code-header">${language}</div><pre><code class="language-${language}">${text}</code></pre></div>\n`;
+    },
+    table(token) {
+      // Add responsive wrapper
+      const defaultHtml = false; // Get default rendering
+      return `<div class="table-wrapper">${this.constructor.prototype.table.call(this, token)}</div>\n`;
+    }
+  }
+});
+```
+
+## Performance Tuning
+
+```javascript { .api }
+import { marked } from "marked";
+
+// For maximum performance
+marked.setOptions({
+  async: false,      // Sync is faster
+  gfm: true,         // GFM is optimized
+  breaks: false,     // Slightly faster
+  silent: false,     // Don't catch errors
+  walkTokens: null   // No token walking overhead
+});
+
+// For large documents
+const largeMarkdown = '...'; // 10MB+
+
+console.time('parse');
+const html = marked.parse(largeMarkdown);
+console.timeEnd('parse');
+
+// Consider caching for repeated parses
+const cache = new Map();
+function cachedParse(markdown) {
+  if (cache.has(markdown)) {
+    return cache.get(markdown);
+  }
+  const html = marked.parse(markdown);
+  if (cache.size < 100) { // Limit cache size
+    cache.set(markdown, html);
+  }
+  return html;
+}
+```
+
+## Option Combinations to Avoid
+
+```javascript { .api }
+import { marked } from "marked";
+
+// Conflicting options
+marked.setOptions({
+  gfm: false,
+  breaks: true  // breaks requires gfm, will not work
+});
+
+// Redundant async
+marked.setOptions({
+  async: true  // Not needed if no async operations
+});
+
+// Overly permissive
+marked.setOptions({
+  silent: true,  // May hide bugs
+  pedantic: true // Usually unnecessary
+});
+```
+
+**Best Practices**:
+- Only enable `async` when needed
+- Use `silent` sparingly (mainly for user content)
+- Prefer `gfm: true` unless strict CommonMark required
+- Avoid `pedantic` unless legacy compatibility needed
+- Test option combinations with your content
+
+## Debugging Configuration
+
+```javascript { .api }
+import { marked } from "marked";
+
+// Log current configuration
+function debugConfig() {
+  const config = marked.defaults;
+  console.log('=== Marked Configuration ===');
+  console.log('GFM:', config.gfm);
+  console.log('Breaks:', config.breaks);
+  console.log('Async:', config.async);
+  console.log('Silent:', config.silent);
+  console.log('Pedantic:', config.pedantic);
+  console.log('Custom Renderer:', !!config.renderer);
+  console.log('Custom Tokenizer:', !!config.tokenizer);
+  console.log('Custom Hooks:', !!config.hooks);
+  console.log('Extensions:', !!config.extensions);
+  console.log('WalkTokens:', !!config.walkTokens);
+  console.log('============================');
+}
+
+debugConfig();
+
+// Test configuration with sample
+function testConfig(markdown) {
+  console.log('Input:', markdown);
+  console.log('Output:', marked.parse(markdown));
+  console.log('---');
+}
+
+testConfig('Line 1\nLine 2');
+testConfig('~~strikethrough~~');
+testConfig('https://example.com');
+```
diff --git a/.tessl/tiles/tessl/npm-marked/docs/reference/parser-renderer.md b/.tessl/tiles/tessl/npm-marked/docs/reference/parser-renderer.md
new file mode 100644
index 000000000..b2f5f1ff8
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-marked/docs/reference/parser-renderer.md
@@ -0,0 +1,873 @@
+# Parser and Renderer
+
+The Parser converts tokens to output using a Renderer. The default Renderer generates HTML, but custom renderers can produce other formats.
+
+## Class: Parser
+
+```typescript { .api }
+class Parser {
+  constructor(options?: MarkedOptions);
+
+  /**
+   * Parse tokens to HTML (static method)
+   * Creates new Parser instance internally
+   * @param tokens - Array of tokens from lexer
+   * @param options - Parser options
+   * @returns HTML string
+   * @throws Error if tokens malformed and silent:false
+   */
+  static parse(tokens: Token[], options?: MarkedOptions): string;
+
+  /**
+   * Parse inline tokens only (static method)
+   * Creates new Parser instance internally
+   * @param tokens - Array of inline tokens
+   * @param options - Parser options
+   * @returns HTML string (no wrapper tags)
+   */
+  static parseInline(tokens: Token[], options?: MarkedOptions): string;
+
+  /**
+   * Parse tokens to HTML (instance method)
+   * Processes tokens sequentially using renderer
+   * @param tokens - Array of tokens
+   * @returns HTML string
+   */
+  parse(tokens: Token[]): string;
+
+  /**
+   * Parse inline tokens (instance method)
+   * @param tokens - Array of inline tokens
+   * @param renderer - Optional custom renderer (defaults to this.renderer)
+   * @returns HTML string
+   */
+  parseInline(tokens: Token[], renderer?: Renderer | TextRenderer): string;
+
+  /**
+   * Parser options
+   * Affects rendering behavior
+   */
+  options: MarkedOptions;
+
+  /**
+   * Renderer instance for generating output
+   * Can be swapped for different output formats
+   */
+  renderer: Renderer;
+
+  /**
+   * Text-only renderer instance
+   * Used for extracting plain text from tokens
+   */
+  textRenderer: TextRenderer;
+}
+```
+
+## Class: Renderer
+
+```typescript { .api }
+class Renderer {
+  constructor(options?: MarkedOptions);
+
+  /**
+   * Renderer options
+   */
+  options: MarkedOptions;
+
+  /**
+   * Reference to parser (set automatically)
+   * Use in renderer methods to parse nested tokens
+   */
+  parser: Parser;
+
+  // Block-level rendering methods
+
+  /**
+   * Render space token (returns empty string)
+   * @param token - Space token
+   * @returns Empty string (whitespace handled in raw)
+   */
+  space(token: Tokens.Space): string;
+
+  /**
+   * Render code block
+   * @param token - Code token with text, lang, escaped properties
+   * @returns HTML string: <pre><code class="language-*">...</code></pre>
+   */
+  code(token: Tokens.Code): string;
+
+  /**
+   * Render blockquote
+   * @param token - Blockquote token with nested tokens
+   * @returns HTML string: <blockquote>...</blockquote>
+   */
+  blockquote(token: Tokens.Blockquote): string;
+
+  /**
+   * Render HTML block/tag (pass-through)
+   * @param token - HTML token with text property
+   * @returns HTML string (raw HTML pass-through, not escaped)
+   */
+  html(token: Tokens.HTML | Tokens.Tag): string;
+
+  /**
+   * Render link definition (returns empty string)
+   * @param token - Def token
+   * @returns Empty string (definitions don't render output)
+   */
+  def(token: Tokens.Def): string;
+
+  /**
+   * Render heading
+   * @param token - Heading token with depth (1-6) and nested tokens
+   * @returns HTML string: <h1>...</h1> through <h6>...</h6>
+   */
+  heading(token: Tokens.Heading): string;
+
+  /**
+   * Render horizontal rule
+   * @param token - Hr token
+   * @returns HTML string: <hr>
+   */
+  hr(token: Tokens.Hr): string;
+
+  /**
+   * Render list
+   * @param token - List token with items array, ordered flag, start number
+   * @returns HTML string: <ul>...</ul> or <ol start="*">...</ol>
+   */
+  list(token: Tokens.List): string;
+
+  /**
+   * Render list item
+   * @param item - ListItem token with nested tokens, task/checked flags
+   * @returns HTML string: <li>...</li>
+   */
+  listitem(item: Tokens.ListItem): string;
+
+  /**
+   * Render task list checkbox (GFM)
+   * @param token - Checkbox token with checked property
+   * @returns HTML string: <input type="checkbox" checked?> (disabled by default)
+   */
+  checkbox(token: Tokens.Checkbox): string;
+
+  /**
+   * Render paragraph
+   * @param token - Paragraph token with nested tokens
+   * @returns HTML string: <p>...</p>
+   */
+  paragraph(token: Tokens.Paragraph): string;
+
+  /**
+   * Render table (GFM)
+   * @param token - Table token with header cells and row arrays
+   * @returns HTML string: <table><thead>...</thead><tbody>...</tbody></table>
+   */
+  table(token: Tokens.Table): string;
+
+  /**
+   * Render table row
+   * @param token - TableRow token with text property (already rendered cells)
+   * @returns HTML string: <tr>...</tr>
+   */
+  tablerow(token: Tokens.TableRow): string;
+
+  /**
+   * Render table cell
+   * @param token - TableCell token with tokens, header flag, align property
+   * @returns HTML string: <td align="*">...</td> or <th align="*">...</th>
+   */
+  tablecell(token: Tokens.TableCell): string;
+
+  // Inline-level rendering methods
+
+  /**
+   * Render strong/bold
+   * @param token - Strong token with nested tokens
+   * @returns HTML string: <strong>...</strong>
+   */
+  strong(token: Tokens.Strong): string;
+
+  /**
+   * Render emphasis/italic
+   * @param token - Em token with nested tokens
+   * @returns HTML string: <em>...</em>
+   */
+  em(token: Tokens.Em): string;
+
+  /**
+   * Render inline code
+   * @param token - Codespan token with text property (already escaped)
+   * @returns HTML string: <code>...</code>
+   */
+  codespan(token: Tokens.Codespan): string;
+
+  /**
+   * Render line break
+   * @param token - Br token
+   * @returns HTML string: <br>
+   */
+  br(token: Tokens.Br): string;
+
+  /**
+   * Render strikethrough (GFM)
+   * @param token - Del token with nested tokens
+   * @returns HTML string: <del>...</del>
+   */
+  del(token: Tokens.Del): string;
+
+  /**
+   * Render link
+   * @param token - Link token with href, title, nested tokens
+   * @returns HTML string: <a href="*" title="*">...</a>
+   */
+  link(token: Tokens.Link): string;
+
+  /**
+   * Render image
+   * @param token - Image token with href, title, text/tokens
+   * @returns HTML string: <img src="*" alt="*" title="*">
+   */
+  image(token: Tokens.Image): string;
+
+  /**
+   * Render text
+   * @param token - Text or Escape token with text property
+   * @returns HTML string (escaped if not already escaped)
+   */
+  text(token: Tokens.Text | Tokens.Escape): string;
+}
+```
+
+## Class: TextRenderer
+
+Text-only renderer that extracts text content without HTML tags.
+
+```typescript { .api }
+class TextRenderer {
+  /**
+   * Extract text from strong token (removes emphasis, keeps text)
+   * @param token - Strong token
+   * @returns Plain text string
+   */
+  strong(token: Tokens.Strong): string;
+
+  /**
+   * Extract text from emphasis token (removes emphasis, keeps text)
+   * @param token - Em token
+   * @returns Plain text string
+   */
+  em(token: Tokens.Em): string;
+
+  /**
+   * Extract text from inline code token (removes code formatting)
+   * @param token - Codespan token
+   * @returns Plain text string
+   */
+  codespan(token: Tokens.Codespan): string;
+
+  /**
+   * Extract text from strikethrough token (keeps text, removes strikethrough)
+   * @param token - Del token
+   * @returns Plain text string
+   */
+  del(token: Tokens.Del): string;
+
+  /**
+   * Extract text from HTML token (removes HTML)
+   * @param token - HTML token
+   * @returns Empty string (HTML not preserved in text mode)
+   */
+  html(token: Tokens.HTML): string;
+
+  /**
+   * Extract text from text token
+   * @param token - Text token
+   * @returns Plain text string
+   */
+  text(token: Tokens.Text): string;
+
+  /**
+   * Extract text from link token (returns link text, not URL)
+   * @param token - Link token
+   * @returns Plain text of link text
+   */
+  link(token: Tokens.Link): string;
+
+  /**
+   * Extract text from image token (returns alt text)
+   * @param token - Image token
+   * @returns Alt text string
+   */
+  image(token: Tokens.Image): string;
+
+  /**
+   * Render line break (returns empty string)
+   * @returns Empty string (breaks not preserved in text mode)
+   */
+  br(): string;
+
+  /**
+   * Render checkbox (returns raw markdown)
+   * @param token - Checkbox token
+   * @returns String: [x] or [ ]
+   */
+  checkbox(token: Tokens.Checkbox): string;
+}
+```
+
+## Usage
+
+### Basic Parsing
+
+```javascript { .api }
+import { Lexer, Parser } from "marked";
+
+const markdown = '# Hello\n\nThis is **markdown**.';
+
+// Tokenize
+const tokens = Lexer.lex(markdown);
+
+// Parse to HTML
+const html = Parser.parse(tokens);
+
+console.log(html);
+// <h1>Hello</h1>
+// <p>This is <strong>markdown</strong>.</p>
+```
+
+**Two-Phase Process**:
+1. Lexer creates token tree
+2. Parser renders tokens to HTML
+
+**Why Separate?**
+- Allows token inspection/modification
+- Enables non-HTML output
+- Supports multi-pass processing
+
+### Custom Renderer
+
+```javascript { .api }
+import { marked, Renderer } from "marked";
+
+const renderer = new Renderer();
+
+// Override heading rendering with anchor links
+renderer.heading = ({ tokens, depth }) => {
+  const text = renderer.parser.parseInline(tokens);
+  const id = text.toLowerCase().replace(/[^\w]+/g, '-');
+
+  return `
+    <h${depth} id="${id}">
+      <a href="#${id}" class="anchor" aria-hidden="true">#</a>
+      ${text}
+    </h${depth}>\n`;
+};
+
+// Override link rendering for external links
+renderer.link = ({ href, title, tokens }) => {
+  const text = renderer.parser.parseInline(tokens);
+  const titleAttr = title ? ` title="${title}"` : '';
+  const external = href.startsWith('http') ? ' target="_blank" rel="noopener noreferrer"' : '';
+
+  return `<a href="${href}"${titleAttr}${external}>${text}</a>`;
+};
+
+marked.setOptions({ renderer });
+
+const html = marked.parse('# Title\n\n[Link](https://example.com)');
+```
+
+**Renderer Method Context**:
+- `this.parser`: Access to parser instance
+- `this.parser.parse(tokens)`: Render block tokens
+- `this.parser.parseInline(tokens)`: Render inline tokens
+- `this.options`: Current marked options
+
+### Syntax Highlighting in Code Blocks
+
+```javascript { .api }
+import { marked, Renderer } from "marked";
+import hljs from "highlight.js";
+
+const renderer = new Renderer();
+
+renderer.code = ({ text, lang, escaped }) => {
+  // Validate language
+  if (lang && hljs.getLanguage(lang)) {
+    try {
+      const highlighted = hljs.highlight(text, { language: lang }).value;
+      return `<pre><code class="hljs language-${lang}">${highlighted}</code></pre>\n`;
+    } catch (err) {
+      console.error(`Highlight error for ${lang}:`, err);
+      // Fall through to default
+    }
+  }
+
+  // Escape if not already escaped
+  const code = escaped ? text : escapeHtml(text);
+  const langClass = lang ? ` class="language-${lang}"` : '';
+  return `<pre><code${langClass}>${code}</code></pre>\n`;
+};
+
+marked.setOptions({ renderer });
+
+function escapeHtml(html) {
+  return html
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+    .replace(/'/g, '&#39;');
+}
+```
+
+**Code Renderer Notes**:
+- Check if `escaped` is true before escaping
+- Validate language exists before highlighting
+- Handle highlighting errors gracefully
+- Preserve code as-is if language unknown
+
+### Custom Image Rendering
+
+```javascript { .api }
+import { marked, Renderer } from "marked";
+
+const renderer = new Renderer();
+
+renderer.image = ({ href, title, text, tokens }) => {
+  // Parse tokens to get alt text (if tokens provided)
+  if (tokens && tokens.length > 0) {
+    text = renderer.parser.parseInline(tokens, renderer.parser.textRenderer);
+  }
+
+  const titleAttr = title ? ` title="${title}"` : '';
+
+  // Add lazy loading and responsive class
+  return `<img src="${href}" alt="${text}"${titleAttr} loading="lazy" class="responsive-img">`;
+};
+
+// Wrap images in figure with caption
+const originalImage = renderer.image.bind(renderer);
+renderer.image = (token) => {
+  const img = originalImage(token);
+  if (token.title) {
+    return `<figure>${img}<figcaption>${token.title}</figcaption></figure>`;
+  }
+  return img;
+};
+
+marked.setOptions({ renderer });
+```
+
+**Image Renderer Tips**:
+- Use `tokens` for formatted alt text
+- Use `text` for plain alt text
+- Add accessibility attributes
+- Consider lazy loading for performance
+
+### Text Extraction
+
+```javascript { .api }
+import { Parser, TextRenderer, Lexer } from "marked";
+
+const markdown = '# Heading\n\nThis is **bold** and *italic*.';
+
+const tokens = Lexer.lex(markdown);
+const textRenderer = new TextRenderer();
+
+// Extract text from first token (heading)
+const parser = new Parser();
+const text = parser.parseInline(tokens[0].tokens, textRenderer);
+
+console.log(text);
+// "Heading" (no HTML tags, no formatting)
+
+// Extract text from entire document
+function extractText(markdown) {
+  const tokens = Lexer.lex(markdown);
+  let result = '';
+  
+  function processTokens(tokens) {
+    tokens.forEach(token => {
+      if (token.type === 'text') {
+        result += token.text + ' ';
+      } else if (token.tokens) {
+        processTokens(token.tokens);
+      }
+    });
+  }
+  
+  processTokens(tokens);
+  return result.trim();
+}
+
+console.log(extractText(markdown));
+// "Heading This is bold and italic."
+```
+
+**Text Extraction Use Cases**:
+- Search indexing
+- Content preview
+- Word counting
+- Plain text emails
+- Accessibility
+
+### Context-Aware Rendering
+
+```javascript { .api }
+import { marked, Renderer } from "marked";
+
+const renderer = new Renderer();
+const headingNumbers = { h1: 0, h2: 0, h3: 0, h4: 0, h5: 0, h6: 0 };
+
+renderer.heading = ({ tokens, depth }) => {
+  // Reset lower-level counters
+  for (let i = depth + 1; i <= 6; i++) {
+    headingNumbers[`h${i}`] = 0;
+  }
+
+  // Increment current level
+  headingNumbers[`h${depth}`]++;
+
+  // Build number prefix (e.g., "1.2.3")
+  const numbers = [];
+  for (let i = 1; i <= depth; i++) {
+    numbers.push(headingNumbers[`h${i}`]);
+  }
+  const numberPrefix = numbers.join('.') + '. ';
+
+  const text = renderer.parser.parseInline(tokens);
+  return `<h${depth}>${numberPrefix}${text}</h${depth}>\n`;
+};
+
+marked.setOptions({ renderer });
+
+const html = marked.parse(`
+# Chapter
+## Section
+### Subsection
+## Another Section
+`);
+// <h1>1. Chapter</h1>
+// <h2>1.1. Section</h2>
+// <h3>1.1.1. Subsection</h3>
+// <h2>1.2. Another Section</h2>
+```
+
+**Context State Management**:
+- Use closures to maintain state
+- Reset state appropriately
+- Consider multi-document scenarios
+
+### Conditional Rendering
+
+```javascript { .api }
+import { marked, Renderer } from "marked";
+
+const renderer = new Renderer();
+
+renderer.code = ({ text, lang, escaped }) => {
+  // Special handling for different languages
+  switch (lang) {
+    case 'mermaid':
+      return `<div class="mermaid">\n${text}\n</div>\n`;
+    
+    case 'math':
+    case 'latex':
+      return `<div class="math-block">$$\n${text}\n$$</div>\n`;
+    
+    case 'graphviz':
+    case 'dot':
+      return `<div class="graphviz" data-dot="${escapeAttr(text)}"></div>\n`;
+    
+    default:
+      // Default code rendering
+      const code = escaped ? text : escapeHtml(text);
+      const langClass = lang ? ` class="language-${lang}"` : '';
+      return `<pre><code${langClass}>${code}</code></pre>\n`;
+  }
+};
+
+marked.setOptions({ renderer });
+
+function escapeHtml(html) {
+  return html.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+}
+
+function escapeAttr(text) {
+  return text.replace(/"/g, '&quot;').replace(/'/g, '&#39;');
+}
+```
+
+### Accessing Parser from Renderer
+
+Renderer methods have access to the parser via `this.parser`:
+
+```javascript { .api }
+import { marked, Renderer } from "marked";
+
+const renderer = new Renderer();
+
+renderer.listitem = (item) => {
+  // Use parser to process nested tokens
+  const content = renderer.parser.parse(item.tokens);
+
+  // Add custom class for task list items
+  const taskClass = item.task ? ' class="task-item"' : '';
+  const checked = item.checked ? ' data-checked="true"' : '';
+
+  return `<li${taskClass}${checked}>${content}</li>\n`;
+};
+
+// Custom blockquote with parsed content
+renderer.blockquote = (token) => {
+  const body = renderer.parser.parse(token.tokens);
+  const type = detectQuoteType(body); // Custom logic
+  return `<blockquote class="quote-${type}">${body}</blockquote>\n`;
+};
+
+function detectQuoteType(html) {
+  if (html.includes('Warning')) return 'warning';
+  if (html.includes('Note')) return 'info';
+  return 'default';
+}
+
+marked.setOptions({ renderer });
+```
+
+**Parser Methods Available**:
+- `this.parser.parse(tokens)`: Parse block tokens
+- `this.parser.parseInline(tokens)`: Parse inline tokens
+- `this.parser.parseInline(tokens, renderer)`: Parse inline with custom renderer
+
+### Non-HTML Output
+
+```javascript { .api }
+import { Parser, Lexer } from "marked";
+
+// Custom renderer for Markdown -> Plain Text
+class PlainTextRenderer {
+  constructor() {
+    this.parser = null; // Set by parser
+  }
+
+  code({ text }) { return text + '\n\n'; }
+  blockquote({ tokens }) { return this.parser.parse(tokens); }
+  html({ text }) { return ''; } // Strip HTML
+  heading({ tokens }) { return this.parser.parseInline(tokens) + '\n\n'; }
+  hr() { return '---\n\n'; }
+  list({ items }) {
+    return items.map(item => '• ' + this.parser.parse(item.tokens)).join('') + '\n';
+  }
+  listitem({ tokens }) { return this.parser.parse(tokens); }
+  paragraph({ tokens }) { return this.parser.parseInline(tokens) + '\n\n'; }
+  table({ header, rows }) { return ''; } // Skip tables in plain text
+  tablerow() { return ''; }
+  tablecell() { return ''; }
+  strong({ tokens }) { return this.parser.parseInline(tokens); }
+  em({ tokens }) { return this.parser.parseInline(tokens); }
+  codespan({ text }) { return text; }
+  br() { return '\n'; }
+  del({ tokens }) { return this.parser.parseInline(tokens); }
+  link({ tokens }) { return this.parser.parseInline(tokens); }
+  image({ text }) { return `[Image: ${text}]`; }
+  text({ text }) { return text; }
+  checkbox({ checked }) { return checked ? '[x] ' : '[ ] '; }
+  def() { return ''; }
+  space() { return ''; }
+}
+
+// Use custom renderer
+const tokens = Lexer.lex('# Hello\n\nThis is **markdown**.');
+const parser = new Parser({ renderer: new PlainTextRenderer() });
+const plainText = parser.parse(tokens);
+
+console.log(plainText);
+// Hello
+//
+// This is markdown.
+```
+
+**Non-HTML Format Examples**:
+- Plain text
+- Terminal (ANSI) output
+- LaTeX
+- ReStructuredText
+- Custom XML/JSON
+
+### Markdown-to-Markdown Renderer
+
+```javascript { .api }
+import { marked, Renderer } from "marked";
+
+// Renderer that outputs normalized markdown
+class MarkdownRenderer extends Renderer {
+  code({ text, lang }) {
+    return `\`\`\`${lang || ''}\n${text}\n\`\`\`\n\n`;
+  }
+  
+  heading({ tokens, depth }) {
+    const text = this.parser.parseInline(tokens);
+    return `${'#'.repeat(depth)} ${text}\n\n`;
+  }
+  
+  list({ items, ordered, start }) {
+    let result = '';
+    items.forEach((item, i) => {
+      const marker = ordered ? `${start + i}. ` : '- ';
+      const content = this.parser.parse(item.tokens).trim();
+      result += marker + content + '\n';
+    });
+    return result + '\n';
+  }
+  
+  paragraph({ tokens }) {
+    return this.parser.parseInline(tokens) + '\n\n';
+  }
+  
+  strong({ tokens }) {
+    return `**${this.parser.parseInline(tokens)}**`;
+  }
+  
+  em({ tokens }) {
+    return `*${this.parser.parseInline(tokens)}*`;
+  }
+  
+  link({ href, title, tokens }) {
+    const text = this.parser.parseInline(tokens);
+    const titlePart = title ? ` "${title}"` : '';
+    return `[${text}](${href}${titlePart})`;
+  }
+  
+  // ... implement other methods
+}
+
+marked.setOptions({ renderer: new MarkdownRenderer() });
+```
+
+### Instance vs Static Methods
+
+```javascript { .api }
+import { Parser, Renderer, Lexer } from "marked";
+
+// Static method (creates new Parser instance internally)
+const tokens = Lexer.lex(markdown);
+const html1 = Parser.parse(tokens);
+
+// Instance method (reuses instance and renderer)
+const parser = new Parser();
+const html2 = parser.parse(tokens);
+
+// Custom instance with custom renderer
+const customRenderer = new Renderer();
+customRenderer.heading = ({ tokens, depth }) => {
+  return `<h${depth} class="custom">${this.parser.parseInline(tokens)}</h${depth}>\n`;
+};
+
+const customParser = new Parser({ renderer: customRenderer });
+const html3 = customParser.parse(tokens);
+```
+
+**When to Use Instances**:
+- Multiple documents with same configuration
+- Performance (reuse instance)
+- State management across documents
+- Custom renderer reuse
+
+## Error Handling
+
+Renderers can throw errors or use silent mode:
+
+```javascript { .api }
+import { marked, Renderer } from "marked";
+
+const renderer = new Renderer();
+
+renderer.link = ({ href, title, tokens }) => {
+  // Validate links
+  if (!href) {
+    if (this.options.silent) {
+      return '<span class="broken-link">[broken link]</span>';
+    }
+    throw new Error('Link has no href');
+  }
+
+  const text = this.parser.parseInline(tokens);
+  const titleAttr = title ? ` title="${title}"` : '';
+  return `<a href="${href}"${titleAttr}>${text}</a>`;
+};
+
+// With silent mode, errors are caught and displayed
+marked.setOptions({ renderer, silent: true });
+
+const html = marked.parse('[Invalid link]()');
+// Returns: <p><span class="broken-link">[broken link]</span></p>
+
+// Without silent mode, throws error
+marked.setOptions({ renderer, silent: false });
+try {
+  const html = marked.parse('[Invalid link]()');
+} catch (err) {
+  console.error('Render error:', err);
+}
+```
+
+**Error Handling Best Practices**:
+- Validate token properties
+- Provide fallbacks for missing data
+- Use silent mode for user-generated content
+- Log errors for debugging
+- Don't throw in production renderers
+
+## Performance
+
+- The parser makes a single pass through tokens
+- Renderer methods are called once per token
+- Inline token parsing is recursive
+- Custom renderers should be efficient (called frequently)
+
+```javascript { .api }
+import { Parser, Lexer, Renderer } from "marked";
+
+// Efficient: cache expensive operations
+const cache = new Map();
+
+const renderer = new Renderer();
+renderer.code = ({ text, lang }) => {
+  const key = `${lang}:${text}`;
+  if (cache.has(key)) {
+    return cache.get(key);
+  }
+
+  const result = expensiveHighlight(text, lang);
+  
+  // Limit cache size
+  if (cache.size > 1000) {
+    const firstKey = cache.keys().next().value;
+    cache.delete(firstKey);
+  }
+  
+  cache.set(key, result);
+  return result;
+};
+
+function expensiveHighlight(text, lang) {
+  // Simulated expensive operation
+  return `<pre><code class="language-${lang}">${text}</code></pre>\n`;
+}
+
+// Measure performance
+console.time('render');
+const tokens = Lexer.lex(largeMarkdown);
+const html = Parser.parse(tokens);
+console.timeEnd('render');
+```
+
+**Performance Tips**:
+- Cache expensive operations
+- Minimize regex in renderers
+- Avoid synchronous I/O
+- Reuse parser instances
+- Profile with real documents
diff --git a/.tessl/tiles/tessl/npm-marked/docs/reference/tokenizer.md b/.tessl/tiles/tessl/npm-marked/docs/reference/tokenizer.md
new file mode 100644
index 000000000..e9804e580
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-marked/docs/reference/tokenizer.md
@@ -0,0 +1,1005 @@
+# Tokenizer
+
+The Tokenizer class provides low-level methods for recognizing and creating tokens from markdown syntax patterns. It is used by the Lexer during tokenization.
+
+## Class: Tokenizer
+
+```typescript { .api }
+class Tokenizer {
+  constructor(options?: MarkedOptions);
+
+  /**
+   * Tokenizer options
+   * Affects tokenization behavior
+   */
+  options: MarkedOptions;
+
+  /**
+   * Regular expression rules for tokenization (set by lexer)
+   * Contains block and inline rule sets
+   */
+  rules: Rules;
+
+  /**
+   * Reference to the lexer instance (set by lexer)
+   * Use for recursive tokenization of nested content
+   */
+  lexer: Lexer;
+
+  // Block-level tokenizer methods
+
+  /**
+   * Tokenize whitespace/newlines
+   * @param src - Source starting with potential space
+   * @returns Space token or undefined if no match
+   */
+  space(src: string): Tokens.Space | undefined;
+
+  /**
+   * Tokenize indented code block (4+ spaces)
+   * @param src - Source starting with potential indented code
+   * @returns Code token or undefined if no match
+   */
+  code(src: string): Tokens.Code | undefined;
+
+  /**
+   * Tokenize fenced code block (``` or ~~~)
+   * @param src - Source starting with potential fenced code
+   * @returns Code token or undefined if no match
+   */
+  fences(src: string): Tokens.Code | undefined;
+
+  /**
+   * Tokenize ATX heading (# Heading)
+   * @param src - Source starting with potential heading
+   * @returns Heading token or undefined if no match
+   */
+  heading(src: string): Tokens.Heading | undefined;
+
+  /**
+   * Tokenize horizontal rule (---, ***, ___)
+   * Requires at least 3 characters
+   * @param src - Source starting with potential hr
+   * @returns Hr token or undefined if no match
+   */
+  hr(src: string): Tokens.Hr | undefined;
+
+  /**
+   * Tokenize blockquote (> quote)
+   * @param src - Source starting with potential blockquote
+   * @returns Blockquote token or undefined if no match
+   */
+  blockquote(src: string): Tokens.Blockquote | undefined;
+
+  /**
+   * Tokenize list (ordered or unordered)
+   * Handles nested lists and task lists
+   * @param src - Source starting with potential list
+   * @returns List token or undefined if no match
+   */
+  list(src: string): Tokens.List | undefined;
+
+  /**
+   * Tokenize block-level HTML
+   * @param src - Source starting with potential HTML block
+   * @returns HTML token or undefined if no match
+   */
+  html(src: string): Tokens.HTML | undefined;
+
+  /**
+   * Tokenize link definition ([label]: url "title")
+   * @param src - Source starting with potential definition
+   * @returns Def token or undefined if no match
+   */
+  def(src: string): Tokens.Def | undefined;
+
+  /**
+   * Tokenize table (GFM)
+   * Requires header row and separator row
+   * @param src - Source starting with potential table
+   * @returns Table token or undefined if no match
+   */
+  table(src: string): Tokens.Table | undefined;
+
+  /**
+   * Tokenize setext heading (underlined heading)
+   * Text followed by === or ---
+   * @param src - Source starting with potential lheading
+   * @returns Heading token or undefined if no match
+   */
+  lheading(src: string): Tokens.Heading | undefined;
+
+  /**
+   * Tokenize paragraph
+   * @param src - Source starting with potential paragraph
+   * @returns Paragraph token or undefined if no match
+   */
+  paragraph(src: string): Tokens.Paragraph | undefined;
+
+  /**
+   * Tokenize block-level text (fallback)
+   * @param src - Source to tokenize as text
+   * @returns Text token or undefined if no match
+   */
+  text(src: string): Tokens.Text | undefined;
+
+  // Inline-level tokenizer methods
+
+  /**
+   * Tokenize escape sequence (\*)
+   * @param src - Source starting with potential escape
+   * @returns Escape token or undefined if no match
+   */
+  escape(src: string): Tokens.Escape | undefined;
+
+  /**
+   * Tokenize inline HTML tag
+   * @param src - Source starting with potential tag
+   * @returns Tag token or undefined if no match
+   */
+  tag(src: string): Tokens.Tag | undefined;
+
+  /**
+   * Tokenize link or image ([text](url) or ![alt](url))
+   * @param src - Source starting with potential link/image
+   * @returns Link or Image token or undefined if no match
+   */
+  link(src: string): Tokens.Link | Tokens.Image | undefined;
+
+  /**
+   * Tokenize reference link or image ([text][ref])
+   * @param src - Source starting with potential reflink
+   * @param links - Map of link references
+   * @returns Link, Image, or Text token, or undefined if no match
+   */
+  reflink(src: string, links: Links): Tokens.Link | Tokens.Image | Tokens.Text | undefined;
+
+  /**
+   * Tokenize emphasis or strong (*em* or **strong**)
+   * Handles complex nesting and precedence
+   * @param src - Source starting with potential em/strong
+   * @param maskedSrc - Source with masked regions (from emStrongMask hook)
+   * @param prevChar - Previous character for context (affects delimiter rules)
+   * @returns Em or Strong token or undefined if no match
+   */
+  emStrong(src: string, maskedSrc: string, prevChar: string): Tokens.Em | Tokens.Strong | undefined;
+
+  /**
+   * Tokenize inline code (`code`)
+   * Supports multiple backticks
+   * @param src - Source starting with potential codespan
+   * @returns Codespan token or undefined if no match
+   */
+  codespan(src: string): Tokens.Codespan | undefined;
+
+  /**
+   * Tokenize line break (two spaces + \n or just \n with breaks: true)
+   * @param src - Source starting with potential br
+   * @returns Br token or undefined if no match
+   */
+  br(src: string): Tokens.Br | undefined;
+
+  /**
+   * Tokenize strikethrough (~~deleted~~) (GFM)
+   * Requires gfm: true
+   * @param src - Source starting with potential strikethrough
+   * @returns Del token or undefined if no match
+   */
+  del(src: string): Tokens.Del | undefined;
+
+  /**
+   * Tokenize autolink (<url> or <email>)
+   * @param src - Source starting with potential autolink
+   * @returns Link token or undefined if no match
+   */
+  autolink(src: string): Tokens.Link | undefined;
+
+  /**
+   * Tokenize raw URL (GFM)
+   * Requires gfm: true
+   * @param src - Source starting with potential URL
+   * @returns Link token or undefined if no match
+   */
+  url(src: string): Tokens.Link | undefined;
+
+  /**
+   * Tokenize inline text (fallback)
+   * Matches any text that doesn't match other inline patterns
+   * @param src - Source to tokenize as text
+   * @returns Text token or undefined if no match
+   */
+  inlineText(src: string): Tokens.Text | undefined;
+}
+```
+
+## Usage
+
+### Direct Tokenizer Usage
+
+```javascript { .api }
+import { Tokenizer, Lexer } from "marked";
+
+const tokenizer = new Tokenizer();
+
+// Must set rules and lexer (normally done by lexer automatically)
+const lexer = new Lexer();
+tokenizer.rules = Lexer.rules;
+tokenizer.lexer = lexer;
+
+// Tokenize specific element
+const headingToken = tokenizer.heading('# Hello World');
+
+console.log(headingToken);
+// {
+//   type: 'heading',
+//   raw: '# Hello World',
+//   depth: 1,
+//   text: 'Hello World',
+//   tokens: [...]
+// }
+```
+
+**Direct Usage Notes**:
+- Rarely needed (use extensions instead)
+- Must configure rules and lexer reference
+- Useful for testing or custom workflows
+
+### Override Tokenizer Methods
+
+```javascript { .api }
+import { marked, Tokenizer } from "marked";
+
+const tokenizer = new Tokenizer();
+
+// Override heading tokenization to add custom metadata
+tokenizer.heading = function(src) {
+  // Match heading with optional {#id} syntax
+  const match = src.match(/^(#{1,6})\s+(.+?)(?:\s+\{#([^}]+)\})?\s*$/);
+
+  if (match) {
+    const depth = match[1].length;
+    const text = match[2];
+    const customId = match[3];
+
+    return {
+      type: 'heading',
+      raw: match[0],
+      depth,
+      text,
+      tokens: this.lexer.inline(text),
+      customId // Custom property
+    };
+  }
+  // Return undefined if no match
+};
+
+marked.setOptions({ tokenizer });
+
+// Now "# Title {#my-id}" will include customId in token
+const html = marked.parse('# Title {#my-id}');
+```
+
+**Override Best Practices**:
+- Always return undefined when no match (not null or false)
+- Include `raw` property in returned token
+- Use `this.lexer` for nested tokenization
+- Match from start of source (use `^` regex anchor)
+
+### Custom Code Block Tokenizer
+
+```javascript { .api }
+import { marked, Tokenizer } from "marked";
+
+const tokenizer = new Tokenizer();
+
+// Add filename support to fenced code blocks
+tokenizer.fences = function(src) {
+  // Match ```lang [filename]
+  const match = src.match(/^```(\w+)?(?:\s+\[([^\]]+)\])?\n([\s\S]*?)\n```/);
+
+  if (match) {
+    return {
+      type: 'code',
+      raw: match[0],
+      lang: match[1] || '',
+      filename: match[2] || null, // Custom property
+      text: match[3]
+    };
+  }
+  // Return undefined if no match
+};
+
+marked.setOptions({ tokenizer });
+
+// Usage: ```js [example.js]
+// Token will include filename property
+```
+
+**Code Block Customization**:
+- Add metadata (filename, line numbers)
+- Support alternative fence characters
+- Extract code attributes
+- Custom language tags
+
+### Extend List Tokenizer
+
+```javascript { .api }
+import { marked, Tokenizer } from "marked";
+
+const tokenizer = new Tokenizer();
+
+// Save original list tokenizer
+const originalList = tokenizer.list.bind(tokenizer);
+
+tokenizer.list = function(src) {
+  // Try original tokenizer first
+  const token = originalList(src);
+  if (token) {
+    return token;
+  }
+
+  // Try custom marker (e.g., ☐ for tasks)
+  const match = src.match(/^(☐|☑)\s+(.+)/);
+  if (match) {
+    const checked = match[1] === '☑';
+    const text = match[2];
+    
+    return {
+      type: 'list',
+      raw: match[0],
+      ordered: false,
+      start: '',
+      loose: false,
+      items: [{
+        type: 'list_item',
+        raw: match[0],
+        task: true,
+        checked: checked,
+        loose: false,
+        text: text,
+        tokens: this.lexer.inline(text)
+      }]
+    };
+  }
+  
+  return undefined;
+};
+
+marked.setOptions({ tokenizer });
+
+// Now supports: ☐ Task item
+```
+
+**List Customization**:
+- Custom list markers
+- Nested list handling
+- Task list variants
+- Definition lists
+
+### Override Inline Tokenizers
+
+```javascript { .api }
+import { marked, Tokenizer } from "marked";
+
+const tokenizer = new Tokenizer();
+
+// Add support for ==highlighted text==
+const originalEmStrong = tokenizer.emStrong.bind(tokenizer);
+
+tokenizer.emStrong = function(src, maskedSrc, prevChar) {
+  // Check for highlight first
+  const highlightMatch = src.match(/^==([^=]+)==/);
+  if (highlightMatch) {
+    return {
+      type: 'highlight', // Custom token type
+      raw: highlightMatch[0],
+      text: highlightMatch[1],
+      tokens: this.lexer.inlineTokens(highlightMatch[1])
+    };
+  }
+
+  // Fall back to original em/strong handling
+  return originalEmStrong(src, maskedSrc, prevChar);
+};
+
+// Also need renderer for custom token type
+marked.use({
+  tokenizer,
+  renderer: {
+    highlight(token) {
+      return `<mark>${this.parser.parseInline(token.tokens)}</mark>`;
+    }
+  }
+});
+```
+
+**Inline Customization**:
+- Custom emphasis markers
+- Additional formatting
+- Custom link syntax
+- Inline extensions
+
+### Math Expression Support
+
+```javascript { .api }
+import { marked, Tokenizer } from "marked";
+
+const tokenizer = new Tokenizer();
+
+// Add support for inline math: $x^2$
+const originalCodespan = tokenizer.codespan.bind(tokenizer);
+
+tokenizer.codespan = function(src) {
+  // Check for math expression first
+  const mathMatch = src.match(/^\$([^$\n]+)\$/);
+  if (mathMatch) {
+    return {
+      type: 'inlineMath',
+      raw: mathMatch[0],
+      text: mathMatch[1]
+    };
+  }
+
+  // Fall back to regular codespan
+  return originalCodespan(src);
+};
+
+// Add support for block math: $$...$$
+tokenizer.fences = function(src) {
+  const mathMatch = src.match(/^\$\$\n([\s\S]+?)\n\$\$/);
+  if (mathMatch) {
+    return {
+      type: 'blockMath',
+      raw: mathMatch[0],
+      text: mathMatch[1]
+    };
+  }
+
+  // Handle regular fenced code...
+  // (would need to implement or call original)
+  return undefined;
+};
+
+// Add renderers
+marked.use({
+  tokenizer,
+  renderer: {
+    inlineMath(token) {
+      return `<span class="math-inline">\\(${token.text}\\)</span>`;
+    },
+    blockMath(token) {
+      return `<div class="math-block">\\[${token.text}\\]</div>\n`;
+    }
+  }
+});
+```
+
+**Math Support Patterns**:
+- Inline math: `$...$`
+- Block math: `$$...$$`
+- LaTeX commands
+- MathJax/KaTeX integration
+
+### Preserve Method Chain
+
+When overriding tokenizers, you can chain to the default implementation:
+
+```javascript { .api }
+import { marked, Tokenizer } from "marked";
+
+const tokenizer = new Tokenizer();
+
+// Save original method
+const originalLink = tokenizer.link.bind(tokenizer);
+
+tokenizer.link = function(src) {
+  // Custom handling for wiki links: [[Page]]
+  const wikiMatch = src.match(/^\[\[([^\]]+)\]\]/);
+  if (wikiMatch) {
+    const page = wikiMatch[1];
+    const slug = page.toLowerCase().replace(/\s+/g, '-');
+    
+    return {
+      type: 'link',
+      raw: wikiMatch[0],
+      href: `/wiki/${slug}`,
+      title: null,
+      text: page,
+      tokens: this.lexer.inlineTokens(page)
+    };
+  }
+
+  // Fall back to original for standard links
+  return originalLink(src);
+};
+
+marked.setOptions({ tokenizer });
+
+// Now supports: [[Wiki Page]]
+```
+
+**Chaining Pattern**:
+1. Save original method
+2. Try custom pattern first
+3. Fall back to original if no match
+4. Preserves default behavior
+
+### Context Access
+
+Tokenizer methods have access to `this.lexer` for recursive tokenization:
+
+```javascript { .api }
+import { Tokenizer } from "marked";
+
+const tokenizer = new Tokenizer();
+
+tokenizer.blockquote = function(src) {
+  const match = src.match(/^> (.+)/);
+  if (match) {
+    const text = match[1];
+
+    return {
+      type: 'blockquote',
+      raw: match[0],
+      text,
+      // Use lexer to recursively tokenize blockquote content
+      tokens: this.lexer.blockTokens(text)
+    };
+  }
+  return undefined;
+};
+```
+
+**Context Properties**:
+- `this.lexer`: Lexer instance for nested tokenization
+- `this.options`: Current marked options
+- `this.rules`: Regular expression rules
+
+**Lexer Methods Available**:
+- `this.lexer.inline(src)`: Queue inline tokens
+- `this.lexer.inlineTokens(src)`: Process inline tokens
+- `this.lexer.blockTokens(src)`: Process block tokens
+
+### Conditional Tokenization
+
+```javascript { .api }
+import { marked, Tokenizer } from "marked";
+
+const tokenizer = new Tokenizer();
+
+// Only recognize GitHub-style task lists when GFM enabled
+tokenizer.list = function(src) {
+  // Only when GFM is enabled
+  if (!this.options.gfm) {
+    return undefined; // Use default (non-GFM) handling
+  }
+
+  // Custom GFM task list parsing...
+  const match = src.match(/^- \[([ x])\] (.+)/);
+  if (match) {
+    const checked = match[1] === 'x';
+    const text = match[2];
+    
+    return {
+      type: 'list',
+      raw: match[0],
+      ordered: false,
+      start: '',
+      loose: false,
+      items: [{
+        type: 'list_item',
+        raw: match[0],
+        task: true,
+        checked: checked,
+        loose: false,
+        text: text,
+        tokens: this.lexer.inline(text)
+      }]
+    };
+  }
+
+  return undefined;
+};
+
+marked.setOptions({ tokenizer, gfm: true });
+```
+
+**Conditional Logic Uses**:
+- Check `this.options.gfm` for GFM features
+- Check `this.options.pedantic` for strict mode
+- Check `this.options.breaks` for line break handling
+- Custom option checks
+
+## Working with Rules
+
+Tokenizers use regular expression rules stored in `this.rules`:
+
+```javascript { .api }
+import { Tokenizer, Lexer } from "marked";
+
+const tokenizer = new Tokenizer();
+tokenizer.rules = Lexer.rules;
+
+// Access rules
+console.log(tokenizer.rules.block.heading); // Regex for headings
+console.log(tokenizer.rules.inline.link); // Regex for links
+
+// Rules vary by options (GFM, pedantic, breaks)
+// Example: GFM rules include table patterns
+console.log(tokenizer.rules.block.table); // Table regex (GFM only)
+```
+
+**Rule Structure**:
+- `rules.block`: Block-level patterns
+- `rules.inline`: Inline-level patterns
+- Compiled regex patterns
+- Optimized for performance
+
+## Best Practices
+
+### Return undefined for No Match
+
+```javascript { .api }
+tokenizer.heading = function(src) {
+  const match = src.match(/^#{1,6}\s+(.+)/);
+  if (!match) {
+    return undefined; // Explicit undefined (not null or false)
+  }
+
+  return {
+    type: 'heading',
+    depth: match[0].indexOf(' '),
+    text: match[1],
+    raw: match[0],
+    tokens: this.lexer.inline(match[1])
+  };
+};
+```
+
+**Return Value Rules**:
+- Return token object if matched
+- Return `undefined` if no match
+- Never return `null` or `false` from tokenizer
+- (`false` is for renderer fallbacks only)
+
+### Include `raw` Property
+
+Every token must include the `raw` property:
+
+```javascript { .api }
+tokenizer.custom = function(src) {
+  const match = src.match(/^@(\w+)/);
+  if (match) {
+    return {
+      type: 'custom',
+      raw: match[0], // REQUIRED: original matched text
+      value: match[1]
+    };
+  }
+  return undefined;
+};
+```
+
+**`raw` Property Importance**:
+- Required for lexer to advance position
+- Must match exactly what was consumed
+- Used for error reporting
+- Enables token reconstruction
+
+### Use Lexer for Nested Content
+
+```javascript { .api }
+tokenizer.blockquote = function(src) {
+  const match = src.match(/^> (.+)/);
+  if (match) {
+    return {
+      type: 'blockquote',
+      raw: match[0],
+      text: match[1],
+      // Use lexer to parse nested markdown
+      tokens: this.lexer.blockTokens(match[1])
+    };
+  }
+  return undefined;
+};
+```
+
+**Nested Content Handling**:
+- Block content: `this.lexer.blockTokens()`
+- Inline content: `this.lexer.inlineTokens()` or `this.lexer.inline()`
+- Preserves markdown parsing in nested content
+- Maintains consistent behavior
+
+### Avoid Greedy Matching
+
+```javascript { .api }
+// Bad: greedy, matches too much
+const match = src.match(/^(.+)/);
+
+// Good: specific, matches what's needed
+const match = src.match(/^[^\n]+/); // Match to end of line
+
+// Better: precise pattern
+const match = src.match(/^@\[(\w+)\]\(([^)]+)\)/); // Specific syntax
+```
+
+**Matching Guidelines**:
+- Use specific patterns
+- Avoid `.+` or `.*` without constraints
+- Use anchors (`^`, `$`)
+- Test with edge cases
+
+### Handle Edge Cases
+
+```javascript { .api }
+tokenizer.heading = function(src) {
+  // Match heading with optional whitespace
+  const match = src.match(/^(#{1,6})(?:\s+(.+?))?(?:\n|$)/);
+  if (match) {
+    const depth = match[1].length;
+    const text = match[2] || ''; // Handle empty headings
+    
+    return {
+      type: 'heading',
+      raw: match[0],
+      depth,
+      text,
+      tokens: text ? this.lexer.inline(text) : []
+    };
+  }
+  return undefined;
+};
+```
+
+**Common Edge Cases**:
+- Empty content
+- Missing optional parts
+- Whitespace variations
+- End of input
+- Escaped characters
+
+## Tokenizer Return Values
+
+- Return a token object if the source matches
+- Return `undefined` if no match
+- Never return `null` or `false` from tokenizer methods
+  - Use `false` only in renderer/extension overrides to fall back
+  - Tokenizers should return `undefined` for no match
+
+```javascript { .api }
+// Correct
+tokenizer.custom = function(src) {
+  const match = src.match(/^pattern/);
+  if (match) {
+    return { type: 'custom', raw: match[0], /* ... */ };
+  }
+  return undefined; // Correct
+};
+
+// Incorrect
+tokenizer.custom = function(src) {
+  const match = src.match(/^pattern/);
+  if (match) {
+    return { type: 'custom', raw: match[0], /* ... */ };
+  }
+  return false; // Wrong! Use undefined
+};
+```
+
+## Performance Considerations
+
+- Tokenizers are called frequently during parsing
+- Use efficient regular expressions
+- Avoid expensive operations in tokenizer methods
+- Consider caching compiled regexes
+
+```javascript { .api }
+import { Tokenizer } from "marked";
+
+// Cache regex outside method (compiled once)
+const customRegex = /^@\[(\w+)\]\(([^)]+)\)/;
+
+const tokenizer = new Tokenizer();
+
+tokenizer.custom = function(src) {
+  const match = customRegex.exec(src); // Reuse compiled regex
+  if (match) {
+    return {
+      type: 'custom',
+      raw: match[0],
+      name: match[1],
+      value: match[2]
+    };
+  }
+  return undefined;
+};
+```
+
+**Performance Tips**:
+- Compile regex once, reuse many times
+- Use start functions in extensions (optimization hint)
+- Avoid capturing groups if not needed
+- Test performance with large documents
+
+## Advanced Examples
+
+### Custom Container Syntax
+
+```javascript { .api }
+import { marked, Tokenizer } from "marked";
+
+const tokenizer = new Tokenizer();
+
+tokenizer.container = function(src) {
+  // Match :::type ... ::: syntax
+  const match = src.match(/^:::(\w+)\n([\s\S]*?)\n:::/);
+  if (match) {
+    return {
+      type: 'container',
+      raw: match[0],
+      containerType: match[1],
+      text: match[2],
+      tokens: this.lexer.blockTokens(match[2])
+    };
+  }
+  return undefined;
+};
+
+// Register as extension
+marked.use({
+  extensions: [{
+    name: 'container',
+    level: 'block',
+    tokenizer: tokenizer.container,
+    renderer(token) {
+      const body = this.parser.parse(token.tokens);
+      return `<div class="container-${token.containerType}">${body}</div>\n`;
+    }
+  }]
+});
+```
+
+### Definition List Support
+
+```javascript { .api }
+import { marked, Tokenizer } from "marked";
+
+const tokenizer = new Tokenizer();
+
+tokenizer.deflist = function(src) {
+  // Match term followed by : definition
+  const match = src.match(/^(.+)\n:\s+(.+)/);
+  if (match) {
+    return {
+      type: 'deflist',
+      raw: match[0],
+      term: match[1],
+      definition: match[2],
+      termTokens: this.lexer.inlineTokens(match[1]),
+      defTokens: this.lexer.inlineTokens(match[2])
+    };
+  }
+  return undefined;
+};
+
+marked.use({
+  extensions: [{
+    name: 'deflist',
+    level: 'block',
+    tokenizer: tokenizer.deflist,
+    renderer(token) {
+      const term = this.parser.parseInline(token.termTokens);
+      const def = this.parser.parseInline(token.defTokens);
+      return `<dl><dt>${term}</dt><dd>${def}</dd></dl>\n`;
+    }
+  }]
+});
+```
+
+### Footnote Tokenizer
+
+```javascript { .api }
+import { marked, Tokenizer } from "marked";
+
+const tokenizer = new Tokenizer();
+
+// Footnote reference: [^1]
+tokenizer.footnoteRef = function(src) {
+  const match = src.match(/^\[\^(\w+)\]/);
+  if (match) {
+    return {
+      type: 'footnoteRef',
+      raw: match[0],
+      id: match[1]
+    };
+  }
+  return undefined;
+};
+
+// Footnote definition: [^1]: Text
+tokenizer.footnoteDef = function(src) {
+  const match = src.match(/^\[\^(\w+)\]:\s+(.+)/);
+  if (match) {
+    return {
+      type: 'footnoteDef',
+      raw: match[0],
+      id: match[1],
+      text: match[2]
+    };
+  }
+  return undefined;
+};
+
+marked.use({
+  extensions: [
+    {
+      name: 'footnoteRef',
+      level: 'inline',
+      start: (src) => src.indexOf('[^'),
+      tokenizer: tokenizer.footnoteRef,
+      renderer(token) {
+        return `<sup><a href="#fn-${token.id}" id="fnref-${token.id}">${token.id}</a></sup>`;
+      }
+    },
+    {
+      name: 'footnoteDef',
+      level: 'block',
+      tokenizer: tokenizer.footnoteDef,
+      renderer() {
+        return ''; // Rendered separately in postprocess hook
+      }
+    }
+  ]
+});
+```
+
+### Attribute Support
+
+```javascript { .api }
+import { marked, Tokenizer } from "marked";
+
+const tokenizer = new Tokenizer();
+
+// Override heading to support {.class #id} attributes
+const originalHeading = tokenizer.heading.bind(tokenizer);
+
+tokenizer.heading = function(src) {
+  const match = src.match(/^(#{1,6})\s+(.+?)(?:\s+\{([^}]+)\})?\s*$/);
+  if (match) {
+    const depth = match[1].length;
+    const text = match[2];
+    const attrs = match[3];
+    
+    // Parse attributes
+    const classes = attrs ? [...attrs.matchAll(/\.([^\s#]+)/g)].map(m => m[1]) : [];
+    const id = attrs ? attrs.match(/#([^\s.]+)/)?.[1] : null;
+    
+    return {
+      type: 'heading',
+      raw: match[0],
+      depth,
+      text,
+      tokens: this.lexer.inline(text),
+      classes,
+      id
+    };
+  }
+  
+  // Fall back to original
+  return originalHeading(src);
+};
+
+marked.use({
+  tokenizer,
+  renderer: {
+    heading(token) {
+      const text = this.parser.parseInline(token.tokens);
+      const id = token.id ? ` id="${token.id}"` : '';
+      const classes = token.classes?.length ? ` class="${token.classes.join(' ')}"` : '';
+      return `<h${token.depth}${id}${classes}>${text}</h${token.depth}>\n`;
+    }
+  }
+});
+
+// Usage: # Heading {.my-class #my-id}
+```
diff --git a/.tessl/tiles/tessl/npm-marked/docs/reference/types.md b/.tessl/tiles/tessl/npm-marked/docs/reference/types.md
new file mode 100644
index 000000000..ec1783dc6
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-marked/docs/reference/types.md
@@ -0,0 +1,1354 @@
+# Token Types and Interfaces
+
+Token types representing parsed markdown elements and their structure.
+
+## Token Type Hierarchy
+
+```typescript { .api }
+/**
+ * Union of all standard token types
+ * These are the built-in token types recognized by marked
+ */
+type MarkedToken =
+  | Tokens.Blockquote
+  | Tokens.Br
+  | Tokens.Checkbox
+  | Tokens.Code
+  | Tokens.Codespan
+  | Tokens.Def
+  | Tokens.Del
+  | Tokens.Em
+  | Tokens.Escape
+  | Tokens.Heading
+  | Tokens.Hr
+  | Tokens.HTML
+  | Tokens.Image
+  | Tokens.Link
+  | Tokens.List
+  | Tokens.ListItem
+  | Tokens.Paragraph
+  | Tokens.Space
+  | Tokens.Strong
+  | Tokens.Table
+  | Tokens.Tag
+  | Tokens.Text;
+
+/**
+ * Union of all token types including custom/generic tokens
+ * Use this type when working with tokens from extensions
+ */
+type Token = MarkedToken | Tokens.Generic;
+
+/**
+ * Array of tokens with link references
+ * Returned by Lexer.lex()
+ */
+type TokensList = Token[] & {
+  /**
+   * Map of link reference IDs to their href and title
+   * Keys are normalized to lowercase
+   */
+  links: Links;
+};
+
+/**
+ * Map of link reference IDs to their href and title
+ * Used for resolving [text][ref] syntax
+ */
+type Links = Record<string, Pick<Tokens.Link | Tokens.Image, 'href' | 'title'>>;
+```
+
+## Block-Level Tokens
+
+### Space Token
+
+```typescript { .api }
+namespace Tokens {
+  interface Space {
+    type: 'space';
+    /**
+     * Raw whitespace/newline content
+     */
+    raw: string;
+  }
+}
+```
+
+Represents whitespace and newlines between block elements. Usually not rendered (returns empty string).
+
+**Example Token**:
+```javascript
+{
+  type: 'space',
+  raw: '\n\n'
+}
+```
+
+### Code Token
+
+```typescript { .api }
+namespace Tokens {
+  interface Code {
+    type: 'code';
+    /**
+     * Raw source including fences or indentation
+     */
+    raw: string;
+    /**
+     * Programming language identifier (from fence info string)
+     * Empty string if not specified
+     */
+    lang?: string;
+    /**
+     * Code content (without fences or indentation)
+     */
+    text: string;
+    /**
+     * Whether this is an indented code block (vs fenced)
+     * Only present for indented code blocks
+     */
+    codeBlockStyle?: 'indented';
+    /**
+     * Whether special characters are already escaped
+     * If true, don't escape again during rendering
+     */
+    escaped?: boolean;
+  }
+}
+```
+
+Represents fenced code blocks (`` ``` ``) and indented code blocks (4+ spaces).
+
+**Example Token**:
+```javascript
+{
+  type: 'code',
+  raw: '```javascript\nconsole.log("hi");\n```',
+  lang: 'javascript',
+  text: 'console.log("hi");',
+  escaped: false
+}
+```
+
+**Fenced vs Indented**:
+- Fenced: Can specify language, more explicit
+- Indented: Has `codeBlockStyle: 'indented'`
+
+### Heading Token
+
+```typescript { .api }
+namespace Tokens {
+  interface Heading {
+    type: 'heading';
+    /**
+     * Raw heading source
+     */
+    raw: string;
+    /**
+     * Heading level (1-6)
+     * 1 = h1, 2 = h2, etc.
+     */
+    depth: number;
+    /**
+     * Heading text (unparsed, may contain markdown)
+     */
+    text: string;
+    /**
+     * Inline tokens within heading
+     * Parse these to get formatted heading text
+     */
+    tokens: Token[];
+  }
+}
+```
+
+Represents ATX (`# Heading`) and Setext (underlined) headings.
+
+**Example Token**:
+```javascript
+{
+  type: 'heading',
+  raw: '# **Bold** Heading',
+  depth: 1,
+  text: '**Bold** Heading',
+  tokens: [
+    { type: 'strong', text: 'Bold', tokens: [...], raw: '**Bold**' },
+    { type: 'text', text: ' Heading', raw: ' Heading' }
+  ]
+}
+```
+
+### Horizontal Rule Token
+
+```typescript { .api }
+namespace Tokens {
+  interface Hr {
+    type: 'hr';
+    /**
+     * Raw HR source (---, ***, ___)
+     */
+    raw: string;
+  }
+}
+```
+
+Represents horizontal rules. Requires at least 3 dashes, asterisks, or underscores.
+
+**Example Token**:
+```javascript
+{
+  type: 'hr',
+  raw: '---'
+}
+```
+
+### Blockquote Token
+
+```typescript { .api }
+namespace Tokens {
+  interface Blockquote {
+    type: 'blockquote';
+    /**
+     * Raw blockquote source (with > markers)
+     */
+    raw: string;
+    /**
+     * Unparsed blockquote content (without > markers)
+     */
+    text: string;
+    /**
+     * Block tokens within blockquote
+     * Parse these to get formatted blockquote content
+     */
+    tokens: Token[];
+  }
+}
+```
+
+Represents blockquotes (`> quote`). Can contain nested markdown.
+
+**Example Token**:
+```javascript
+{
+  type: 'blockquote',
+  raw: '> This is a quote\n> with multiple lines',
+  text: 'This is a quote\nwith multiple lines',
+  tokens: [
+    { type: 'paragraph', text: 'This is a quote\nwith multiple lines', tokens: [...], raw: '...' }
+  ]
+}
+```
+
+### List Token
+
+```typescript { .api }
+namespace Tokens {
+  interface List {
+    type: 'list';
+    /**
+     * Raw list source
+     */
+    raw: string;
+    /**
+     * Whether this is an ordered (numbered) list
+     * true = ol, false = ul
+     */
+    ordered: boolean;
+    /**
+     * Starting number for ordered lists
+     * Empty string for unordered lists
+     */
+    start: number | '';
+    /**
+     * Whether list items are separated by blank lines
+     * Affects paragraph wrapping in items
+     */
+    loose: boolean;
+    /**
+     * Array of list item tokens
+     */
+    items: ListItem[];
+  }
+}
+```
+
+Represents ordered (numbered) and unordered (bulleted) lists.
+
+**Example Token**:
+```javascript
+{
+  type: 'list',
+  raw: '1. First\n2. Second',
+  ordered: true,
+  start: 1,
+  loose: false,
+  items: [
+    { type: 'list_item', raw: '1. First', text: 'First', tokens: [...], task: false, loose: false },
+    { type: 'list_item', raw: '2. Second', text: 'Second', tokens: [...], task: false, loose: false }
+  ]
+}
+```
+
+**Ordered vs Unordered**:
+- Ordered: `ordered: true`, has `start` number
+- Unordered: `ordered: false`, `start: ''`
+
+**Loose vs Tight**:
+- Loose: Items wrapped in `<p>` tags
+- Tight: Items not wrapped
+
+### List Item Token
+
+```typescript { .api }
+namespace Tokens {
+  interface ListItem {
+    type: 'list_item';
+    /**
+     * Raw list item source
+     */
+    raw: string;
+    /**
+     * Whether this is a task list item (GFM)
+     */
+    task: boolean;
+    /**
+     * Whether task list checkbox is checked (if task is true)
+     * Only present when task is true
+     */
+    checked?: boolean;
+    /**
+     * Whether item is separated from others by blank lines
+     */
+    loose: boolean;
+    /**
+     * Unparsed item content
+     */
+    text: string;
+    /**
+     * Block tokens within list item
+     */
+    tokens: Token[];
+  }
+}
+```
+
+Represents individual list items, including task list items (GFM feature).
+
+**Example Token (regular)**:
+```javascript
+{
+  type: 'list_item',
+  raw: '- Item text',
+  task: false,
+  loose: false,
+  text: 'Item text',
+  tokens: [...]
+}
+```
+
+**Example Token (task list)**:
+```javascript
+{
+  type: 'list_item',
+  raw: '- [x] Completed task',
+  task: true,
+  checked: true,
+  loose: false,
+  text: 'Completed task',
+  tokens: [...]
+}
+```
+
+### Table Token (GFM)
+
+```typescript { .api }
+namespace Tokens {
+  interface Table {
+    type: 'table';
+    /**
+     * Raw table source
+     */
+    raw: string;
+    /**
+     * Column alignments (null = no alignment)
+     */
+    align: Array<'center' | 'left' | 'right' | null>;
+    /**
+     * Table header cells
+     */
+    header: TableCell[];
+    /**
+     * Table body rows (each row is an array of cells)
+     */
+    rows: TableCell[][];
+  }
+
+  interface TableCell {
+    /**
+     * Unparsed cell text
+     */
+    text: string;
+    /**
+     * Inline tokens within cell
+     */
+    tokens: Token[];
+    /**
+     * Whether this is a header cell
+     */
+    header: boolean;
+    /**
+     * Cell alignment (inherited from column)
+     */
+    align: 'center' | 'left' | 'right' | null;
+  }
+
+  interface TableRow<P = string> {
+    /**
+     * Rendered row content (used internally by renderer)
+     * Contains HTML of all cells concatenated
+     */
+    text: P;
+  }
+}
+```
+
+Represents GitHub Flavored Markdown tables.
+
+**Example Token**:
+```javascript
+{
+  type: 'table',
+  raw: '| A | B |\n|---|---|\n| 1 | 2 |',
+  align: [null, null],
+  header: [
+    { text: 'A', tokens: [...], header: true, align: null },
+    { text: 'B', tokens: [...], header: true, align: null }
+  ],
+  rows: [
+    [
+      { text: '1', tokens: [...], header: false, align: null },
+      { text: '2', tokens: [...], header: false, align: null }
+    ]
+  ]
+}
+```
+
+**Alignment Options**:
+- `null`: No alignment
+- `'left'`: Left-aligned (`:---`)
+- `'right'`: Right-aligned (`---:`)
+- `'center'`: Center-aligned (`:---:`)
+
+### Paragraph Token
+
+```typescript { .api }
+namespace Tokens {
+  interface Paragraph {
+    type: 'paragraph';
+    /**
+     * Raw paragraph source
+     */
+    raw: string;
+    /**
+     * Whether this paragraph is in a special context
+     * (e.g., inside HTML block where normal paragraph rules don't apply)
+     */
+    pre?: boolean;
+    /**
+     * Unparsed paragraph text
+     */
+    text: string;
+    /**
+     * Inline tokens within paragraph
+     */
+    tokens: Token[];
+  }
+}
+```
+
+Represents paragraph blocks.
+
+**Example Token**:
+```javascript
+{
+  type: 'paragraph',
+  raw: 'This is a paragraph with **bold** text.',
+  text: 'This is a paragraph with **bold** text.',
+  tokens: [
+    { type: 'text', text: 'This is a paragraph with ', raw: '...' },
+    { type: 'strong', text: 'bold', tokens: [...], raw: '**bold**' },
+    { type: 'text', text: ' text.', raw: ' text.' }
+  ]
+}
+```
+
+### HTML Block Token
+
+```typescript { .api }
+namespace Tokens {
+  interface HTML {
+    type: 'html';
+    /**
+     * Raw HTML source
+     */
+    raw: string;
+    /**
+     * Whether this is a <pre> tag
+     * Affects whitespace handling
+     */
+    pre: boolean;
+    /**
+     * HTML content
+     */
+    text: string;
+    /**
+     * Whether this is a block-level HTML element
+     */
+    block: boolean;
+  }
+}
+```
+
+Represents block-level HTML. Passed through without modification (not sanitized).
+
+**Example Token**:
+```javascript
+{
+  type: 'html',
+  raw: '<div class="custom">\nContent\n</div>',
+  pre: false,
+  text: '<div class="custom">\nContent\n</div>',
+  block: true
+}
+```
+
+**Security Warning**: HTML tokens are not sanitized. Use DOMPurify or similar on output.
+
+### Link Definition Token
+
+```typescript { .api }
+namespace Tokens {
+  interface Def {
+    type: 'def';
+    /**
+     * Raw definition source
+     */
+    raw: string;
+    /**
+     * Reference label/tag (normalized to lowercase)
+     */
+    tag: string;
+    /**
+     * Link URL
+     */
+    href: string;
+    /**
+     * Link title (empty string if not provided)
+     */
+    title: string;
+  }
+}
+```
+
+Represents link reference definitions (`[label]: url "title"`). These are not rendered but stored in `TokensList.links`.
+
+**Example Token**:
+```javascript
+{
+  type: 'def',
+  raw: '[ref]: https://example.com "Example"',
+  tag: 'ref',
+  href: 'https://example.com',
+  title: 'Example'
+}
+```
+
+**Note**: Def tokens don't appear in rendered output. They populate the `links` object for reference resolution.
+
+## Inline-Level Tokens
+
+### Escape Token
+
+```typescript { .api }
+namespace Tokens {
+  interface Escape {
+    type: 'escape';
+    /**
+     * Raw escape sequence (e.g., \*)
+     */
+    raw: string;
+    /**
+     * Escaped character (e.g., *)
+     */
+    text: string;
+  }
+}
+```
+
+Represents escaped characters (`\*`, `\_`, etc.). Used to prevent markdown interpretation.
+
+**Example Token**:
+```javascript
+{
+  type: 'escape',
+  raw: '\\*',
+  text: '*'
+}
+```
+
+**Common Escapes**: `\*`, `\_`, `\[`, `\]`, `\(`, `\)`, `\#`, `\+`, `\-`, `\.`, `\!`
+
+### HTML Tag Token
+
+```typescript { .api }
+namespace Tokens {
+  interface Tag {
+    type: 'html';
+    /**
+     * Raw HTML tag
+     */
+    raw: string;
+    /**
+     * Whether tag is inside a link
+     * Affects parsing (links can't contain links)
+     */
+    inLink: boolean;
+    /**
+     * Whether tag is inside a raw HTML block
+     */
+    inRawBlock: boolean;
+    /**
+     * HTML tag content
+     */
+    text: string;
+    /**
+     * Whether this is a block-level tag
+     */
+    block: boolean;
+  }
+}
+```
+
+Represents inline HTML tags.
+
+**Example Token**:
+```javascript
+{
+  type: 'html',
+  raw: '<span class="custom">',
+  inLink: false,
+  inRawBlock: false,
+  text: '<span class="custom">',
+  block: false
+}
+```
+
+### Link Token
+
+```typescript { .api }
+namespace Tokens {
+  interface Link {
+    type: 'link';
+    /**
+     * Raw link source
+     */
+    raw: string;
+    /**
+     * Link URL
+     */
+    href: string;
+    /**
+     * Link title (hover text)
+     * null if not provided
+     */
+    title?: string | null;
+    /**
+     * Link text (unparsed, may contain markdown)
+     */
+    text: string;
+    /**
+     * Inline tokens within link text
+     */
+    tokens: Token[];
+  }
+}
+```
+
+Represents links in various formats: `[text](url)`, `[text](url "title")`, `[text][ref]`, `<url>`.
+
+**Example Token**:
+```javascript
+{
+  type: 'link',
+  raw: '[**bold** link](https://example.com "Title")',
+  href: 'https://example.com',
+  title: 'Title',
+  text: '**bold** link',
+  tokens: [
+    { type: 'strong', text: 'bold', tokens: [...], raw: '**bold**' },
+    { type: 'text', text: ' link', raw: ' link' }
+  ]
+}
+```
+
+**Link Formats**:
+- Inline: `[text](url)`
+- With title: `[text](url "title")`
+- Reference: `[text][ref]`
+- Shortcut reference: `[ref]`
+- Autolink: `<url>`
+- GFM autolink: Raw URL
+
+### Image Token
+
+```typescript { .api }
+namespace Tokens {
+  interface Image {
+    type: 'image';
+    /**
+     * Raw image source
+     */
+    raw: string;
+    /**
+     * Image URL
+     */
+    href: string;
+    /**
+     * Image title attribute
+     * null if not provided
+     */
+    title: string | null;
+    /**
+     * Alt text (unparsed, may contain markdown)
+     */
+    text: string;
+    /**
+     * Inline tokens within alt text
+     */
+    tokens: Token[];
+  }
+}
+```
+
+Represents images: `![alt](url)`, `![alt](url "title")`, `![alt][ref]`.
+
+**Example Token**:
+```javascript
+{
+  type: 'image',
+  raw: '![Alt text](image.png "Title")',
+  href: 'image.png',
+  title: 'Title',
+  text: 'Alt text',
+  tokens: [
+    { type: 'text', text: 'Alt text', raw: 'Alt text' }
+  ]
+}
+```
+
+**Accessibility**: Always include meaningful alt text in `text` property.
+
+### Strong Token
+
+```typescript { .api }
+namespace Tokens {
+  interface Strong {
+    type: 'strong';
+    /**
+     * Raw bold syntax (** or __)
+     */
+    raw: string;
+    /**
+     * Unparsed bold text
+     */
+    text: string;
+    /**
+     * Inline tokens within bold text
+     */
+    tokens: Token[];
+  }
+}
+```
+
+Represents bold/strong text: `**bold**` or `__bold__`.
+
+**Example Token**:
+```javascript
+{
+  type: 'strong',
+  raw: '**bold text**',
+  text: 'bold text',
+  tokens: [
+    { type: 'text', text: 'bold text', raw: 'bold text' }
+  ]
+}
+```
+
+**Nesting**: Can contain other inline elements except other strong tags.
+
+### Emphasis Token
+
+```typescript { .api }
+namespace Tokens {
+  interface Em {
+    type: 'em';
+    /**
+     * Raw italic syntax (* or _)
+     */
+    raw: string;
+    /**
+     * Unparsed italic text
+     */
+    text: string;
+    /**
+     * Inline tokens within italic text
+     */
+    tokens: Token[];
+  }
+}
+```
+
+Represents italic/emphasis text: `*italic*` or `_italic_`.
+
+**Example Token**:
+```javascript
+{
+  type: 'em',
+  raw: '*italic text*',
+  text: 'italic text',
+  tokens: [
+    { type: 'text', text: 'italic text', raw: 'italic text' }
+  ]
+}
+```
+
+**Bold + Italic**: `***text***` produces nested strong and em tokens.
+
+### Codespan Token
+
+```typescript { .api }
+namespace Tokens {
+  interface Codespan {
+    type: 'codespan';
+    /**
+     * Raw code syntax (with backticks)
+     */
+    raw: string;
+    /**
+     * Code content (without backticks)
+     */
+    text: string;
+  }
+}
+```
+
+Represents inline code: `` `code` ``.
+
+**Example Token**:
+```javascript
+{
+  type: 'codespan',
+  raw: '`const x = 1`',
+  text: 'const x = 1'
+}
+```
+
+**Multiple Backticks**: ``` `` code with ` backtick `` ``` also supported.
+
+### Line Break Token
+
+```typescript { .api }
+namespace Tokens {
+  interface Br {
+    type: 'br';
+    /**
+     * Raw break source (two spaces + \n, or \n with breaks: true)
+     */
+    raw: string;
+  }
+}
+```
+
+Represents hard line breaks. Requires two spaces + newline, or just newline with `breaks: true`.
+
+**Example Token**:
+```javascript
+{
+  type: 'br',
+  raw: '  \n'
+}
+```
+
+**Break Types**:
+- Standard: Two spaces + newline
+- GFM breaks: Single newline (requires `breaks: true`)
+
+### Strikethrough Token (GFM)
+
+```typescript { .api }
+namespace Tokens {
+  interface Del {
+    type: 'del';
+    /**
+     * Raw strikethrough syntax (~~)
+     */
+    raw: string;
+    /**
+     * Unparsed strikethrough text
+     */
+    text: string;
+    /**
+     * Inline tokens within strikethrough text
+     */
+    tokens: Token[];
+  }
+}
+```
+
+Represents strikethrough text: `~~deleted~~`. GFM feature.
+
+**Example Token**:
+```javascript
+{
+  type: 'del',
+  raw: '~~deleted text~~',
+  text: 'deleted text',
+  tokens: [
+    { type: 'text', text: 'deleted text', raw: 'deleted text' }
+  ]
+}
+```
+
+**Requires**: `gfm: true` option.
+
+### Text Token
+
+```typescript { .api }
+namespace Tokens {
+  interface Text {
+    type: 'text';
+    /**
+     * Raw text source
+     */
+    raw: string;
+    /**
+     * Text content
+     */
+    text: string;
+    /**
+     * Optional nested tokens
+     * Present when text contains inline elements that were parsed
+     */
+    tokens?: Token[];
+    /**
+     * Whether special characters are already escaped
+     */
+    escaped?: boolean;
+  }
+}
+```
+
+Represents plain text. Fallback for content that doesn't match other patterns.
+
+**Example Token**:
+```javascript
+{
+  type: 'text',
+  raw: 'plain text',
+  text: 'plain text'
+}
+```
+
+**With Nested Tokens** (less common):
+```javascript
+{
+  type: 'text',
+  raw: 'text with emphasis',
+  text: 'text with emphasis',
+  tokens: [...]
+}
+```
+
+### Checkbox Token (GFM)
+
+```typescript { .api }
+namespace Tokens {
+  interface Checkbox {
+    type: 'checkbox';
+    /**
+     * Raw checkbox syntax ([ ] or [x])
+     */
+    raw: string;
+    /**
+     * Whether checkbox is checked
+     */
+    checked: boolean;
+  }
+}
+```
+
+Represents task list checkboxes: `[ ]` or `[x]`. Part of list items. GFM feature.
+
+**Example Token**:
+```javascript
+{
+  type: 'checkbox',
+  raw: '[x]',
+  checked: true
+}
+```
+
+**Usage Context**: Only appears in task list items.
+
+## Generic Token
+
+For custom extensions:
+
+```typescript { .api }
+namespace Tokens {
+  interface Generic {
+    /**
+     * Any custom properties
+     */
+    [index: string]: any;
+    /**
+     * Token type identifier (required)
+     * Must be unique to avoid conflicts
+     */
+    type: string;
+    /**
+     * Raw matched markdown text (required)
+     * Must match exactly what was consumed from source
+     */
+    raw: string;
+    /**
+     * Optional child tokens
+     * Used by walkTokens to traverse nested content
+     */
+    tokens?: Token[];
+  }
+}
+```
+
+Extensions create custom tokens that conform to this interface:
+
+**Example Custom Token**:
+```javascript
+{
+  type: 'emoji',
+  raw: ':wave:',
+  name: 'wave',
+  // Any other custom properties
+}
+```
+
+**Custom Token Guidelines**:
+- Always include `type` and `raw`
+- Make `type` unique
+- Add `tokens` array if contains nested markdown
+- Document custom properties
+
+## Common Token Properties
+
+All tokens have:
+
+- **`type`**: String identifying the token type (required)
+- **`raw`**: The original markdown text that was matched (required)
+
+Many tokens have:
+
+- **`text`**: Unparsed text content
+- **`tokens`**: Nested tokens (for tokens that can contain other elements)
+
+**Token Property Patterns**:
+- Block tokens: Usually have `tokens` array
+- Inline tokens: May have `tokens` for nested content
+- Terminal tokens (like `hr`, `br`): Only have `type` and `raw`
+
+## Token Usage Examples
+
+### Accessing Token Properties
+
+```javascript { .api }
+import { marked } from "marked";
+
+const tokens = marked.lexer('# Hello **world**');
+
+console.log(tokens[0]);
+// {
+//   type: 'heading',
+//   raw: '# Hello **world**',
+//   depth: 1,
+//   text: 'Hello **world**',
+//   tokens: [
+//     { type: 'text', raw: 'Hello ', text: 'Hello ' },
+//     { type: 'strong', raw: '**world**', text: 'world', tokens: [...] }
+//   ]
+// }
+
+// Access nested tokens
+console.log(tokens[0].tokens[1].type); // 'strong'
+```
+
+### Modifying Tokens
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.use({
+  walkTokens(token) {
+    // Add custom property to all headings
+    if (token.type === 'heading') {
+      token.id = token.text.toLowerCase().replace(/\s+/g, '-');
+      token.level = `h${token.depth}`; // Custom property
+    }
+    
+    // Modify links
+    if (token.type === 'link') {
+      // Add flag for external links
+      if (token.href.startsWith('http')) {
+        token.external = true;
+      }
+    }
+  }
+});
+
+const html = marked.parse('# My Heading\n[Link](https://example.com)');
+```
+
+**Token Modification Guidelines**:
+- Modify in `walkTokens` before rendering
+- Don't change `type` or `raw` (breaks parsing)
+- Add custom properties as needed
+- Modifications affect rendering
+
+### Creating Custom Tokens
+
+```javascript { .api }
+import { marked } from "marked";
+
+marked.use({
+  extensions: [{
+    name: 'mention',
+    level: 'inline',
+    start(src) {
+      return src.indexOf('@');
+    },
+    tokenizer(src) {
+      const match = src.match(/^@(\w+)/);
+      if (match) {
+        return {
+          type: 'mention',
+          raw: match[0],
+          username: match[1],
+          // Custom properties
+          href: `/users/${match[1]}`
+        };
+      }
+    },
+    renderer(token) {
+      return `<a href="${token.href}" class="mention">@${token.username}</a>`;
+    }
+  }]
+});
+
+// Usage: Hello @john
+// Creates mention token: { type: 'mention', raw: '@john', username: 'john', href: '/users/john' }
+```
+
+### Token Type Checking
+
+```javascript { .api }
+import { marked } from "marked";
+
+const tokens = marked.lexer(markdown);
+
+// Type checking
+tokens.forEach(token => {
+  switch (token.type) {
+    case 'heading':
+      console.log(`Heading (h${token.depth}): ${token.text}`);
+      break;
+    case 'paragraph':
+      console.log(`Paragraph: ${token.text}`);
+      break;
+    case 'list':
+      console.log(`List (${token.ordered ? 'ordered' : 'unordered'}): ${token.items.length} items`);
+      break;
+    case 'code':
+      console.log(`Code block (${token.lang || 'no language'})`);
+      break;
+    default:
+      console.log(`Token: ${token.type}`);
+  }
+});
+```
+
+### Token Tree Traversal
+
+```javascript { .api }
+import { marked } from "marked";
+
+function traverseTokens(tokens, callback, depth = 0) {
+  tokens.forEach(token => {
+    callback(token, depth);
+    
+    // Recursively traverse nested tokens
+    if (token.tokens) {
+      traverseTokens(token.tokens, callback, depth + 1);
+    }
+    
+    // Handle list items
+    if (token.type === 'list' && token.items) {
+      token.items.forEach(item => {
+        if (item.tokens) {
+          traverseTokens(item.tokens, callback, depth + 1);
+        }
+      });
+    }
+    
+    // Handle tables
+    if (token.type === 'table') {
+      token.header.forEach(cell => {
+        if (cell.tokens) {
+          traverseTokens(cell.tokens, callback, depth + 1);
+        }
+      });
+      token.rows.forEach(row => {
+        row.forEach(cell => {
+          if (cell.tokens) {
+            traverseTokens(cell.tokens, callback, depth + 1);
+          }
+        });
+      });
+    }
+  });
+}
+
+// Usage
+const tokens = marked.lexer(markdown);
+traverseTokens(tokens, (token, depth) => {
+  console.log('  '.repeat(depth) + token.type);
+});
+```
+
+### Token Statistics
+
+```javascript { .api }
+import { marked } from "marked";
+
+function analyzeTokens(markdown) {
+  const tokens = marked.lexer(markdown);
+  const stats = {
+    headings: { h1: 0, h2: 0, h3: 0, h4: 0, h5: 0, h6: 0 },
+    paragraphs: 0,
+    codeBlocks: 0,
+    links: 0,
+    images: 0,
+    lists: 0,
+    blockquotes: 0,
+    tables: 0
+  };
+  
+  marked.walkTokens(tokens, token => {
+    switch (token.type) {
+      case 'heading':
+        stats.headings[`h${token.depth}`]++;
+        break;
+      case 'paragraph':
+        stats.paragraphs++;
+        break;
+      case 'code':
+        stats.codeBlocks++;
+        break;
+      case 'link':
+        stats.links++;
+        break;
+      case 'image':
+        stats.images++;
+        break;
+      case 'list':
+        stats.lists++;
+        break;
+      case 'blockquote':
+        stats.blockquotes++;
+        break;
+      case 'table':
+        stats.tables++;
+        break;
+    }
+  });
+  
+  return stats;
+}
+
+// Usage
+const stats = analyzeTokens(markdown);
+console.log('Document statistics:', stats);
+```
+
+### Token Serialization
+
+```javascript { .api }
+import { marked } from "marked";
+
+// Convert tokens to JSON
+const tokens = marked.lexer(markdown);
+const json = JSON.stringify(tokens, null, 2);
+console.log(json);
+
+// Parse back from JSON
+const parsedTokens = JSON.parse(json);
+
+// Restore links property (arrays lose custom properties in JSON)
+parsedTokens.links = tokens.links;
+
+// Can now parse
+const html = marked.parser(parsedTokens);
+```
+
+**Serialization Notes**:
+- Tokens are JSON-serializable
+- Links object must be restored after parsing
+- Useful for caching token trees
+- Custom properties are preserved
+
+### Token Validation
+
+```javascript { .api }
+import { marked } from "marked";
+
+function validateTokens(tokens) {
+  const errors = [];
+  
+  marked.walkTokens(tokens, token => {
+    // Check required properties
+    if (!token.type) {
+      errors.push('Token missing type property');
+    }
+    if (!token.raw) {
+      errors.push(`Token ${token.type} missing raw property`);
+    }
+    
+    // Type-specific validation
+    if (token.type === 'heading' && (token.depth < 1 || token.depth > 6)) {
+      errors.push(`Invalid heading depth: ${token.depth}`);
+    }
+    if (token.type === 'link' && !token.href) {
+      errors.push(`Link missing href: ${token.raw}`);
+    }
+    if (token.type === 'image' && !token.text) {
+      errors.push(`Image missing alt text: ${token.href}`);
+    }
+  });
+  
+  return errors;
+}
+
+// Usage
+const tokens = marked.lexer(markdown);
+const errors = validateTokens(tokens);
+if (errors.length > 0) {
+  console.error('Token validation errors:', errors);
+}
+```
diff --git a/.tessl/tiles/tessl/npm-marked/tile.json b/.tessl/tiles/tessl/npm-marked/tile.json
new file mode 100644
index 000000000..0d9ee111f
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-marked/tile.json
@@ -0,0 +1,8 @@
+{
+  "name": "tessl/npm-marked",
+  "version": "17.0.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/marked@17.0.1",
+  "summary": "A markdown parser built for speed",
+  "private": false
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-monaco-editor--react/docs/diff-editor.md b/.tessl/tiles/tessl/npm-monaco-editor--react/docs/diff-editor.md
new file mode 100644
index 000000000..9f5c83b8f
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-monaco-editor--react/docs/diff-editor.md
@@ -0,0 +1,445 @@
+# Diff Editor
+
+Side-by-side code comparison editor for visualizing differences between two versions of code. Perfect for code reviews, version comparisons, and merge conflict resolution.
+
+## Capabilities
+
+### DiffEditor Component
+
+Monaco Diff Editor component that displays two code versions side-by-side with highlighted differences.
+
+```typescript { .api }
+/**
+ * Monaco Diff Editor React component for comparing two code versions
+ * @param props - Diff editor configuration and content
+ * @returns React component rendering Monaco Diff Editor
+ */
+declare const DiffEditor: React.ComponentType<DiffEditorProps>;
+
+interface DiffEditorProps {
+  /** Original source (left side) value */
+  original?: string;
+  /** Modified source (right side) value */
+  modified?: string;
+  /** Language for both models */
+  language?: string;
+  /** Language for original model only */
+  originalLanguage?: string;
+  /** Language for modified model only */
+  modifiedLanguage?: string;
+  /** Path for the original model */
+  originalModelPath?: string;
+  /** Path for the modified model */
+  modifiedModelPath?: string;
+  /** Whether to keep original model when unmounting */
+  keepCurrentOriginalModel?: boolean;
+  /** Whether to keep modified model when unmounting */
+  keepCurrentModifiedModel?: boolean;
+  /** Theme for the monaco editor */
+  theme?: Theme | string;
+  /** Loading component shown before editor is mounted */
+  loading?: ReactNode;
+  /** Diff editor construction options */
+  options?: editor.IDiffEditorConstructionOptions;
+  /** Width of editor wrapper */
+  width?: number | string;
+  /** Height of editor wrapper */
+  height?: number | string;
+  /** CSS class name for editor container */
+  className?: string;
+  /** Props applied to the wrapper element */
+  wrapperProps?: object;
+  /** Called before diff editor is mounted */
+  beforeMount?: DiffBeforeMount;
+  /** Called when diff editor is mounted */
+  onMount?: DiffOnMount;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import React from "react";
+import { DiffEditor } from "@monaco-editor/react";
+
+// Basic diff comparison
+function BasicDiffEditor() {
+  const originalCode = `function hello() {
+  console.log("Hello");
+}`;
+
+  const modifiedCode = `function hello(name) {
+  console.log("Hello " + name);
+}`;
+
+  return (
+    <DiffEditor
+      height="400px"
+      language="javascript"
+      original={originalCode}
+      modified={modifiedCode}
+    />
+  );
+}
+
+// Advanced diff with custom options
+function AdvancedDiffEditor() {
+  const original = `const users = [
+  { name: "Alice", age: 25 },
+  { name: "Bob", age: 30 }
+];`;
+
+  const modified = `const users = [
+  { name: "Alice", age: 25, active: true },
+  { name: "Bob", age: 30, active: false },
+  { name: "Charlie", age: 35, active: true }
+];`;
+
+  const options = {
+    readOnly: false,
+    renderSideBySide: true,
+    enableSplitViewResizing: true,
+    renderOverviewRuler: true,
+    ignoreTrimWhitespace: false,
+  };
+
+  return (
+    <DiffEditor
+      height="500px"
+      language="javascript"
+      original={original}
+      modified={modified}
+      options={options}
+      theme="vs-dark"
+    />
+  );
+}
+
+// Multi-language diff
+function MultiLanguageDiff() {
+  const tsCode = `interface User {
+  name: string;
+  age: number;
+}`;
+
+  const jsCode = `/**
+ * @typedef {Object} User
+ * @property {string} name
+ * @property {number} age
+ */`;
+
+  return (
+    <DiffEditor
+      height="300px"
+      originalLanguage="typescript"
+      modifiedLanguage="javascript"
+      original={tsCode}
+      modified={jsCode}
+    />
+  );
+}
+```
+
+### Diff Event Handlers
+
+Event handlers for diff editor lifecycle management.
+
+```typescript { .api }
+/**
+ * Called when diff editor is mounted
+ * @param editor - The standalone diff editor instance
+ * @param monaco - The monaco editor namespace
+ */
+type DiffOnMount = (editor: editor.IStandaloneDiffEditor, monaco: Monaco) => void;
+
+/**
+ * Called before diff editor is mounted
+ * @param monaco - The monaco editor namespace  
+ */
+type DiffBeforeMount = (monaco: Monaco) => void;
+
+type MonacoDiffEditor = editor.IStandaloneDiffEditor;
+```
+
+**Event Handler Examples:**
+
+```typescript
+import { DiffEditor } from "@monaco-editor/react";
+
+function DiffWithHandlers() {
+  const handleBeforeMount = (monaco) => {
+    // Configure monaco before diff editor creation
+    monaco.editor.defineTheme('diffTheme', {
+      base: 'vs',
+      inherit: true,
+      rules: [],
+      colors: {
+        'diffEditor.insertedTextBackground': '#90EE9050',
+        'diffEditor.removedTextBackground': '#FF634750',
+      }
+    });
+  };
+
+  const handleMount = (diffEditor, monaco) => {
+    // Access both original and modified editors
+    const originalEditor = diffEditor.getOriginalEditor();
+    const modifiedEditor = diffEditor.getModifiedEditor();
+    
+    // Configure diff editor behavior
+    diffEditor.updateOptions({
+      renderSideBySide: true,
+      enableSplitViewResizing: true,
+    });
+    
+    // Focus on modified editor
+    modifiedEditor.focus();
+    
+    // Add navigation commands
+    diffEditor.addCommand(monaco.KeyMod.Alt | monaco.KeyCode.DownArrow, () => {
+      diffEditor.goToNextDiff();
+    });
+    
+    diffEditor.addCommand(monaco.KeyMod.Alt | monaco.KeyCode.UpArrow, () => {
+      diffEditor.goToPreviousDiff();
+    });
+  };
+
+  return (
+    <DiffEditor
+      height="400px"
+      language="javascript"
+      original="const a = 1;"
+      modified="const a = 2;"
+      beforeMount={handleBeforeMount}
+      onMount={handleMount}
+      theme="diffTheme"
+    />
+  );
+}
+```
+
+### Diff Editor Configuration
+
+Configuration options specific to the diff editor functionality.
+
+```typescript { .api }
+// Diff editor specific options
+interface DiffEditorOptions {
+  /** Monaco diff editor construction options */
+  options?: editor.IDiffEditorConstructionOptions;
+}
+
+// Content configuration for diff comparison
+interface DiffContentProps {
+  /** Original (left) content */
+  original?: string;
+  /** Modified (right) content */
+  modified?: string;
+  /** Language for both sides */
+  language?: string;
+  /** Separate language for original side */
+  originalLanguage?: string;
+  /** Separate language for modified side */
+  modifiedLanguage?: string;
+}
+
+// Model paths for diff editor
+interface DiffModelProps {
+  /** Path/URI for original model */
+  originalModelPath?: string;
+  /** Path/URI for modified model */
+  modifiedModelPath?: string;
+  /** Keep original model when unmounting */
+  keepCurrentOriginalModel?: boolean;
+  /** Keep modified model when unmounting */
+  keepCurrentModifiedModel?: boolean;
+}
+```
+
+**Configuration Examples:**
+
+```typescript
+import { DiffEditor } from "@monaco-editor/react";
+
+// Customized diff editor
+function CustomDiffEditor() {
+  const diffOptions = {
+    // Display options
+    renderSideBySide: true,              // Side-by-side vs inline
+    renderMarginRevertIcon: true,        // Show revert icons
+    renderOverviewRuler: true,           // Show overview ruler
+    renderIndicators: true,              // Show change indicators
+    
+    // Interaction options
+    enableSplitViewResizing: true,       // Allow resizing split
+    readOnly: false,                     // Allow editing
+    originalEditable: false,             // Original side read-only
+    
+    // Diff algorithm options
+    ignoreTrimWhitespace: true,          // Ignore whitespace at line ends
+    renderWhitespace: 'selection',       // Show whitespace
+    diffWordWrap: 'inherit',             // Word wrapping
+    
+    // Navigation
+    automaticLayout: true,               // Auto-resize
+    scrollBeyondLastLine: false,
+  };
+
+  return (
+    <DiffEditor
+      height="600px"
+      width="100%"
+      language="typescript"
+      theme="vs-dark"
+      options={diffOptions}
+      original="// Original code"
+      modified="// Modified code"
+    />
+  );
+}
+
+// File-based diff with model paths
+function FileDiffEditor() {
+  return (
+    <DiffEditor
+      height="500px"
+      language="javascript"
+      originalModelPath="file:///original/main.js"
+      modifiedModelPath="file:///modified/main.js"
+      original={`function calculate(a, b) {
+  return a + b;
+}`}
+      modified={`function calculate(a, b) {
+  // Added validation
+  if (typeof a !== 'number' || typeof b !== 'number') {
+    throw new Error('Arguments must be numbers');
+  }
+  return a + b;
+}`}
+      keepCurrentOriginalModel={true}
+      keepCurrentModifiedModel={true}
+    />
+  );
+}
+```
+
+## Common Use Cases
+
+### Code Review Workflow
+
+```typescript
+import React, { useState } from "react";
+import { DiffEditor } from "@monaco-editor/react";
+
+function CodeReviewDiff() {
+  const [currentFile, setCurrentFile] = useState(0);
+  
+  const changedFiles = [
+    {
+      filename: "src/utils.js",
+      original: `export function formatDate(date) {
+  return date.toLocaleDateString();
+}`,
+      modified: `export function formatDate(date) {
+  if (!date || !(date instanceof Date)) {
+    throw new Error('Invalid date provided');
+  }
+  return date.toLocaleDateString();
+}`
+    },
+    {
+      filename: "src/api.js", 
+      original: `async function fetchUser(id) {
+  const response = await fetch(\`/api/users/\${id}\`);
+  return response.json();
+}`,
+      modified: `async function fetchUser(id) {
+  const response = await fetch(\`/api/users/\${id}\`);
+  if (!response.ok) {
+    throw new Error(\`Failed to fetch user: \${response.status}\`);
+  }
+  return response.json();
+}`
+    }
+  ];
+
+  return (
+    <div>
+      <div style={{ marginBottom: 10 }}>
+        {changedFiles.map((file, index) => (
+          <button 
+            key={index}
+            onClick={() => setCurrentFile(index)}
+            style={{
+              marginRight: 10,
+              fontWeight: currentFile === index ? 'bold' : 'normal',
+              background: currentFile === index ? '#007acc' : '#f0f0f0',
+              color: currentFile === index ? 'white' : 'black',
+              border: 'none',
+              padding: '8px 12px',
+              cursor: 'pointer'
+            }}
+          >
+            {file.filename}
+          </button>
+        ))}
+      </div>
+      
+      <DiffEditor
+        height="500px"
+        language="javascript"
+        original={changedFiles[currentFile].original}
+        modified={changedFiles[currentFile].modified}
+        options={{
+          renderSideBySide: true,
+          renderMarginRevertIcon: false,
+          readOnly: true,
+        }}
+      />
+    </div>
+  );
+}
+```
+
+### Version Comparison
+
+```typescript
+function VersionComparisonDiff() {
+  const [versions] = useState([
+    { version: "1.0.0", code: "const API_URL = 'http://localhost';" },
+    { version: "1.1.0", code: "const API_URL = process.env.API_URL || 'http://localhost';" },
+    { version: "2.0.0", code: "const API_URL = process.env.REACT_APP_API_URL || 'https://api.example.com';" }
+  ]);
+  
+  const [leftVersion, setLeftVersion] = useState(0);
+  const [rightVersion, setRightVersion] = useState(1);
+
+  return (
+    <div>
+      <div style={{ marginBottom: 10 }}>
+        <label>Original: 
+          <select value={leftVersion} onChange={(e) => setLeftVersion(+e.target.value)}>
+            {versions.map((v, i) => (
+              <option key={i} value={i}>{v.version}</option>
+            ))}
+          </select>
+        </label>
+        <label style={{ marginLeft: 20 }}>Modified:
+          <select value={rightVersion} onChange={(e) => setRightVersion(+e.target.value)}>
+            {versions.map((v, i) => (
+              <option key={i} value={i}>{v.version}</option>
+            ))}
+          </select>
+        </label>
+      </div>
+      
+      <DiffEditor
+        height="300px"
+        language="javascript"
+        original={versions[leftVersion].code}
+        modified={versions[rightVersion].code}
+      />
+    </div>
+  );
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-monaco-editor--react/docs/editor.md b/.tessl/tiles/tessl/npm-monaco-editor--react/docs/editor.md
new file mode 100644
index 000000000..f1ba99f1f
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-monaco-editor--react/docs/editor.md
@@ -0,0 +1,376 @@
+# Code Editor
+
+The primary Monaco Editor React component providing full code editing capabilities with syntax highlighting, IntelliSense, autocomplete, and advanced editing features for any programming language.
+
+## Capabilities
+
+### Editor Component
+
+Main editor component that wraps Monaco Editor with React-friendly props and event handling.
+
+```typescript { .api }
+/**
+ * Monaco Editor React component with full editing capabilities
+ * @param props - Editor configuration and event handlers
+ * @returns React component rendering Monaco Editor
+ */
+declare const Editor: React.ComponentType<EditorProps>;
+
+interface EditorProps {
+  /** Default value of the current model */
+  defaultValue?: string;
+  /** Value of the current model (controlled) */
+  value?: string;
+  /** Default language of the current model */
+  defaultLanguage?: string;
+  /** Language of the current model */
+  language?: string;
+  /** Default path of the current model - passed to monaco.editor.createModel */
+  defaultPath?: string;
+  /** Path of the current model - passed to monaco.editor.createModel */
+  path?: string;
+  /** Theme for the monaco editor - 'vs-dark' | 'light' or custom theme name */
+  theme?: Theme | string;
+  /** Line number to jump to when editor mounts */
+  line?: number;
+  /** Loading component shown before editor is mounted */
+  loading?: ReactNode;
+  /** Monaco editor construction options */
+  options?: editor.IStandaloneEditorConstructionOptions;
+  /** Editor service overrides */
+  overrideServices?: editor.IEditorOverrideServices;
+  /** Whether to save view states between model changes */
+  saveViewState?: boolean;
+  /** Whether to keep current model when component unmounts */
+  keepCurrentModel?: boolean;
+  /** Width of editor wrapper */
+  width?: number | string;
+  /** Height of editor wrapper */
+  height?: number | string;
+  /** CSS class name for editor container */
+  className?: string;
+  /** Props applied to the wrapper element */
+  wrapperProps?: object;
+  /** Called before editor is mounted with monaco instance */
+  beforeMount?: BeforeMount;
+  /** Called when editor is mounted with editor and monaco instances */
+  onMount?: OnMount;
+  /** Called when editor content changes */
+  onChange?: OnChange;
+  /** Called when model validation completes */
+  onValidate?: OnValidate;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { useState } from "react";
+import Editor from "@monaco-editor/react";
+
+// Basic editor
+function BasicEditor() {
+  return (
+    <Editor
+      height="400px"
+      defaultLanguage="javascript"
+      defaultValue="console.log('Hello Monaco!');"
+    />
+  );
+}
+
+// Controlled editor with change handling
+function ControlledEditor() {
+  const [code, setCode] = useState("const greeting = 'Hello World';");
+
+  const handleEditorChange = (value) => {
+    setCode(value || "");
+  };
+
+  return (
+    <Editor
+      height="400px"
+      language="javascript"
+      value={code}
+      onChange={handleEditorChange}
+      options={{
+        minimap: { enabled: false },
+        fontSize: 14,
+      }}
+    />
+  );
+}
+
+// Multi-model editor
+function MultiModelEditor() {
+  const [currentFile, setCurrentFile] = useState("file1.js");
+  
+  const files = {
+    "file1.js": "console.log('File 1');",
+    "file2.ts": "const message: string = 'File 2';",
+    "file3.py": "print('File 3')"
+  };
+
+  return (
+    <div>
+      <select onChange={(e) => setCurrentFile(e.target.value)}>
+        {Object.keys(files).map(filename => (
+          <option key={filename} value={filename}>{filename}</option>
+        ))}
+      </select>
+      <Editor
+        height="400px"
+        path={currentFile}
+        defaultLanguage={currentFile.split('.').pop()}
+        value={files[currentFile]}
+        options={{ readOnly: false }}
+      />
+    </div>
+  );
+}
+```
+
+### Event Handlers
+
+Event handler functions for responding to editor lifecycle and content changes.
+
+```typescript { .api }
+/**
+ * Called when editor is mounted - provides access to editor and monaco instances
+ * @param editor - The standalone code editor instance
+ * @param monaco - The monaco editor namespace
+ */
+type OnMount = (editor: editor.IStandaloneCodeEditor, monaco: Monaco) => void;
+
+/**
+ * Called before editor is mounted - allows monaco configuration
+ * @param monaco - The monaco editor namespace
+ */
+type BeforeMount = (monaco: Monaco) => void;
+
+/**
+ * Called when editor content changes
+ * @param value - Current editor value (may be undefined)
+ * @param event - Monaco content change event with details
+ */
+type OnChange = (value: string | undefined, ev: editor.IModelContentChangedEvent) => void;
+
+/**
+ * Called when model validation completes with error/warning markers
+ * @param markers - Array of validation markers (errors, warnings, info)
+ */
+type OnValidate = (markers: editor.IMarker[]) => void;
+```
+
+**Event Handler Examples:**
+
+```typescript
+import Editor from "@monaco-editor/react";
+
+function EditorWithHandlers() {
+  const handleBeforeMount = (monaco) => {
+    // Configure monaco before editor creation
+    monaco.languages.typescript.javascriptDefaults.setEagerModelSync(true);
+    
+    // Define custom theme
+    monaco.editor.defineTheme('myTheme', {
+      base: 'vs-dark',
+      inherit: true,
+      rules: [],
+      colors: {
+        'editor.background': '#1e1e1e',
+      }
+    });
+  };
+
+  const handleMount = (editor, monaco) => {
+    // Configure editor after mount
+    editor.focus();
+    editor.setPosition({ lineNumber: 1, column: 1 });
+    
+    // Add custom commands
+    editor.addCommand(monaco.KeyMod.CtrlCmd | monaco.KeyCode.KeyS, () => {
+      console.log('Save command triggered');
+    });
+  };
+
+  const handleChange = (value, event) => {
+    console.log('Content changed:', value);
+    console.log('Change details:', event);
+  };
+
+  const handleValidate = (markers) => {
+    // Handle validation errors/warnings
+    const errors = markers.filter(m => m.severity === 8); // Error severity
+    const warnings = markers.filter(m => m.severity === 4); // Warning severity
+    
+    console.log(`Validation: ${errors.length} errors, ${warnings.length} warnings`);
+  };
+
+  return (
+    <Editor
+      height="400px"
+      defaultLanguage="javascript"
+      beforeMount={handleBeforeMount}
+      onMount={handleMount}
+      onChange={handleChange}
+      onValidate={handleValidate}
+      theme="myTheme"
+    />
+  );
+}
+```
+
+### Editor Configuration Options
+
+Configuration options for customizing editor behavior and appearance.
+
+```typescript { .api }
+// Core configuration props
+interface EditorSizingProps {
+  /** Width of editor wrapper - default "100%" */
+  width?: number | string;
+  /** Height of editor wrapper - default "100%" */
+  height?: number | string;
+  /** CSS class name for editor container */
+  className?: string;
+  /** Props applied to wrapper element */
+  wrapperProps?: object;
+}
+
+interface EditorContentProps {
+  /** Initial editor content */
+  defaultValue?: string;
+  /** Controlled editor content */
+  value?: string;
+  /** Initial language mode */
+  defaultLanguage?: string;
+  /** Current language mode */
+  language?: string;
+  /** Initial model path/URI */
+  defaultPath?: string;
+  /** Current model path/URI */
+  path?: string;
+}
+
+interface EditorBehaviorProps {
+  /** Editor theme name */
+  theme?: Theme | string;
+  /** Line to jump to on mount */
+  line?: number;
+  /** Loading component during initialization */
+  loading?: ReactNode;
+  /** Save view state between model changes */
+  saveViewState?: boolean;
+  /** Keep model when unmounting */
+  keepCurrentModel?: boolean;
+}
+
+// Monaco editor native options (from monaco-editor package)
+interface EditorMonacoOptions {
+  /** Monaco editor construction options */
+  options?: editor.IStandaloneEditorConstructionOptions;
+  /** Service overrides for advanced customization */
+  overrideServices?: editor.IEditorOverrideServices;
+}
+```
+
+**Configuration Examples:**
+
+```typescript
+import Editor from "@monaco-editor/react";
+
+// Customized editor appearance and behavior
+function CustomizedEditor() {
+  const editorOptions = {
+    fontSize: 16,
+    lineHeight: 24,
+    minimap: { enabled: true },
+    scrollBeyondLastLine: false,
+    wordWrap: 'on',
+    automaticLayout: true,
+    tabSize: 2,
+    insertSpaces: true,
+    renderLineHighlight: 'all',
+    selectOnLineNumbers: true,
+    glyphMargin: true,
+    folding: true,
+    lineNumbers: 'on',
+    scrollbar: {
+      vertical: 'visible',
+      horizontal: 'visible',
+    },
+  };
+
+  return (
+    <Editor
+      height="500px"
+      width="100%"
+      language="typescript"
+      theme="vs-dark"
+      options={editorOptions}
+      className="custom-editor"
+      wrapperProps={{ style: { border: '1px solid #ccc' } }}
+      saveViewState={true}
+      keepCurrentModel={false}
+    />
+  );
+}
+```
+
+## Model Management
+
+The editor supports multi-model functionality for working with multiple files or code snippets.
+
+```typescript { .api }
+// Model-related props
+interface ModelProps {
+  /** Path identifies the model - models are cached by path */
+  path?: string;
+  /** Whether to dispose model when component unmounts */
+  keepCurrentModel?: boolean;
+  /** Save editor view state (cursor, scroll) when switching models */
+  saveViewState?: boolean;
+}
+```
+
+**Multi-Model Example:**
+
+```typescript
+// File tab editor with model persistence
+function FileTabEditor() {
+  const [activeFile, setActiveFile] = useState('main.js');
+  
+  const files = {
+    'main.js': { language: 'javascript', content: 'console.log("main");' },
+    'utils.ts': { language: 'typescript', content: 'export const util = () => {};' },
+    'styles.css': { language: 'css', content: 'body { margin: 0; }' },
+  };
+
+  return (
+    <div>
+      <div>
+        {Object.keys(files).map(filename => (
+          <button 
+            key={filename}
+            onClick={() => setActiveFile(filename)}
+            style={{ 
+              fontWeight: activeFile === filename ? 'bold' : 'normal' 
+            }}
+          >
+            {filename}
+          </button>
+        ))}
+      </div>
+      <Editor
+        height="400px"
+        path={activeFile}
+        language={files[activeFile].language}
+        defaultValue={files[activeFile].content}
+        saveViewState={true}  // Preserves cursor position per file
+        keepCurrentModel={true}  // Keeps models in memory
+      />
+    </div>
+  );
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-monaco-editor--react/docs/index.md b/.tessl/tiles/tessl/npm-monaco-editor--react/docs/index.md
new file mode 100644
index 000000000..57b113e07
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-monaco-editor--react/docs/index.md
@@ -0,0 +1,208 @@
+# Monaco Editor for React
+
+Monaco Editor for React provides React components that wrap the Monaco Editor (the same editor that powers VS Code) for easy integration into React applications. The library handles Monaco Editor loading and setup automatically, requiring no webpack configuration or plugins.
+
+## Package Information
+
+- **Package Name**: @monaco-editor/react
+- **Package Type**: npm
+- **Language**: TypeScript
+- **Installation**: `npm install @monaco-editor/react`
+- **Peer Dependencies**: `monaco-editor`, `react` (>=16.8.0), `react-dom` (>=16.8.0)
+
+## Core Imports
+
+```typescript
+import Editor, { DiffEditor, useMonaco, loader } from "@monaco-editor/react";
+import type { Monaco, Theme } from "@monaco-editor/react";
+```
+
+For CommonJS:
+
+```javascript
+const Editor = require("@monaco-editor/react").default;
+const { DiffEditor, useMonaco, loader } = require("@monaco-editor/react");
+```
+
+Additional imports for React and Monaco Editor types:
+
+```typescript
+import React from "react";
+import type { editor } from "monaco-editor";
+```
+
+## Basic Usage
+
+```typescript
+import React from "react";
+import Editor from "@monaco-editor/react";
+
+function CodeEditor() {
+  const handleEditorDidMount = (editor, monaco) => {
+    console.log("onMount: the editor instance:", editor);
+    console.log("onMount: the monaco instance:", monaco);
+  };
+
+  const handleEditorChange = (value, event) => {
+    console.log("onChange: current model value:", value);
+  };
+
+  return (
+    <Editor
+      height="90vh"
+      defaultLanguage="javascript"
+      defaultValue="// Welcome to Monaco Editor!"
+      onMount={handleEditorDidMount}
+      onChange={handleEditorChange}
+      theme="vs-dark"
+    />
+  );
+}
+```
+
+## Architecture
+
+Monaco Editor for React is structured around several key components:
+
+- **Editor Component**: Primary Monaco Editor wrapper providing full editing capabilities
+- **DiffEditor Component**: Side-by-side code comparison editor for showing differences
+- **Monaco Loader**: Handles Monaco Editor initialization and loading (@monaco-editor/loader)
+- **useMonaco Hook**: React hook for accessing the Monaco instance across components
+- **Type Safety**: Complete TypeScript definitions for all Monaco Editor APIs
+
+The library uses a lazy loading approach where Monaco Editor is loaded on-demand, improving initial page load times.
+
+## Capabilities
+
+### Code Editing
+
+Primary Monaco Editor component with syntax highlighting, IntelliSense, and advanced editing features for any programming language.
+
+```typescript { .api }
+declare const Editor: React.ComponentType<EditorProps>;
+
+interface EditorProps {
+  defaultValue?: string;
+  value?: string;
+  defaultLanguage?: string;
+  language?: string;
+  theme?: Theme | string;
+  options?: editor.IStandaloneEditorConstructionOptions;
+  onMount?: OnMount;
+  onChange?: OnChange;
+  width?: number | string;
+  height?: number | string;
+}
+
+type OnMount = (editor: editor.IStandaloneCodeEditor, monaco: Monaco) => void;
+type OnChange = (value: string | undefined, ev: editor.IModelContentChangedEvent) => void;
+type Theme = 'vs-dark' | 'light';
+```
+
+[Code Editor](./editor.md)
+
+### Diff Comparison
+
+Side-by-side code comparison editor for visualizing differences between two versions of code.
+
+```typescript { .api }
+declare const DiffEditor: React.ComponentType<DiffEditorProps>;
+
+interface DiffEditorProps {
+  original?: string;
+  modified?: string;
+  language?: string;
+  originalLanguage?: string;
+  modifiedLanguage?: string;
+  theme?: Theme | string;
+  options?: editor.IDiffEditorConstructionOptions;
+  onMount?: DiffOnMount;
+  width?: number | string;
+  height?: number | string;
+}
+
+type DiffOnMount = (editor: editor.IStandaloneDiffEditor, monaco: Monaco) => void;
+```
+
+[Diff Editor](./diff-editor.md)
+
+### Monaco Instance Access
+
+React hook for accessing the Monaco Editor instance and its APIs across components.
+
+```typescript { .api }
+function useMonaco(): Monaco | null;
+
+type Monaco = typeof monaco;
+```
+
+[Monaco Hook](./monaco-hook.md)
+
+### Monaco Loader Configuration
+
+Utilities for configuring Monaco Editor loading behavior and CDN sources.
+
+```typescript { .api }
+declare const loader: {
+  init(): Promise<Monaco>;
+  config(options: LoaderConfig): void;
+  __getMonacoInstance(): Monaco | null;
+};
+
+interface LoaderConfig {
+  paths?: {
+    vs?: string;
+  };
+  "vs/nls"?: {
+    availableLanguages?: Record<string, string>;
+  };
+  monaco?: Monaco;
+}
+```
+
+[Loader Configuration](./loader.md)
+
+## Types
+
+### Core Types
+
+```typescript { .api }
+// Monaco and React types
+type Monaco = typeof monaco;
+type Theme = 'vs-dark' | 'light';
+type ReactNode = React.ReactNode;
+
+// Event handler types
+type OnMount = (editor: editor.IStandaloneCodeEditor, monaco: Monaco) => void;
+type BeforeMount = (monaco: Monaco) => void;
+type OnChange = (value: string | undefined, ev: editor.IModelContentChangedEvent) => void;
+type OnValidate = (markers: editor.IMarker[]) => void;
+
+// Diff editor types
+type MonacoDiffEditor = editor.IStandaloneDiffEditor;
+type DiffOnMount = (editor: MonacoDiffEditor, monaco: Monaco) => void;
+type DiffBeforeMount = (monaco: Monaco) => void;
+```
+
+### Monaco Editor Types
+
+All Monaco Editor types are re-exported from the `monaco-editor` package:
+
+```typescript { .api }
+// Monaco Editor interfaces (from monaco-editor package)
+interface IStandaloneCodeEditor {
+  // Full Monaco Editor API
+}
+
+interface IStandaloneDiffEditor {
+  // Full Monaco Diff Editor API  
+}
+
+interface IStandaloneEditorConstructionOptions {
+  // Editor configuration options
+}
+
+interface IDiffEditorConstructionOptions {
+  // Diff editor configuration options
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-monaco-editor--react/docs/loader.md b/.tessl/tiles/tessl/npm-monaco-editor--react/docs/loader.md
new file mode 100644
index 000000000..88eeca4c3
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-monaco-editor--react/docs/loader.md
@@ -0,0 +1,409 @@
+# Loader Configuration
+
+Utilities for configuring Monaco Editor loading behavior, CDN sources, and initialization options. The loader is re-exported from the `@monaco-editor/loader` package.
+
+## Capabilities
+
+### Loader Instance
+
+Monaco Editor loader providing configuration and initialization control.
+
+```typescript { .api }
+/**
+ * Monaco Editor loader instance for configuration and initialization
+ */
+declare const loader: MonacoLoader;
+
+interface MonacoLoader {
+  /** Initialize Monaco Editor and return promise */
+  init(): Promise<Monaco>;
+  /** Configure loader options */
+  config(options: LoaderConfig): void;
+  /** Get current Monaco instance if already loaded */
+  __getMonacoInstance(): Monaco | null;
+}
+```
+
+**Basic Usage:**
+
+```typescript
+import { loader } from "@monaco-editor/react";
+
+// Initialize Monaco manually
+async function initializeMonaco() {
+  try {
+    const monaco = await loader.init();
+    console.log("Monaco loaded:", monaco);
+    return monaco;
+  } catch (error) {
+    console.error("Failed to load Monaco:", error);
+  }
+}
+
+// Check if Monaco is already loaded
+function checkMonacoStatus() {
+  const monaco = loader.__getMonacoInstance();
+  return monaco ? "Monaco is loaded" : "Monaco not loaded yet";
+}
+```
+
+### Loader Configuration
+
+Configure Monaco Editor loading source, paths, and initialization options.
+
+```typescript { .api }
+/**
+ * Configure Monaco Editor loader settings
+ * @param options - Loader configuration options
+ */
+declare function config(options: LoaderConfig): void;
+
+interface LoaderConfig {
+  /** Monaco Editor file paths configuration */
+  paths?: {
+    /** Base path for Monaco Editor files */
+    vs?: string;
+  };
+  /** Internationalization configuration */
+  "vs/nls"?: {
+    /** Available language translations */
+    availableLanguages?: Record<string, string>;
+  };
+  /** Pre-loaded Monaco instance */
+  monaco?: Monaco;
+}
+```
+
+**Configuration Examples:**
+
+```typescript
+import { loader } from "@monaco-editor/react";
+
+// Use custom CDN
+function setupCustomCDN() {
+  loader.config({
+    paths: {
+      vs: 'https://cdn.jsdelivr.net/npm/monaco-editor@0.45.0/min/vs'
+    }
+  });
+}
+
+// Use local files (for offline scenarios)
+function setupLocalFiles() {
+  loader.config({
+    paths: {
+      vs: '/static/monaco-editor/min/vs'
+    }
+  });
+}
+
+// Configure internationalization
+function setupInternationalization() {
+  loader.config({
+    "vs/nls": {
+      availableLanguages: {
+        "*": "de"  // Use German language pack
+      }
+    }
+  });
+}
+
+// Use pre-loaded Monaco instance
+function usePreloadedMonaco(monacoInstance) {
+  loader.config({
+    monaco: monacoInstance
+  });
+}
+```
+
+### Advanced Loader Patterns
+
+#### Lazy Loading with Custom Configuration
+
+```typescript
+import React, { useState, useCallback } from "react";
+import { loader } from "@monaco-editor/react";
+import Editor from "@monaco-editor/react";
+
+function LazyMonacoEditor() {
+  const [isConfigured, setIsConfigured] = useState(false);
+
+  const configureAndLoad = useCallback(async () => {
+    if (isConfigured) return;
+
+    // Configure before loading
+    loader.config({
+      paths: {
+        vs: 'https://cdn.jsdelivr.net/npm/monaco-editor@0.45.0/min/vs'
+      }
+    });
+
+    try {
+      const monaco = await loader.init();
+      
+      // Post-load configuration
+      monaco.editor.defineTheme('customTheme', {
+        base: 'vs-dark',
+        inherit: true,
+        rules: [],
+        colors: {
+          'editor.background': '#2d2d2d',
+        }
+      });
+
+      setIsConfigured(true);
+    } catch (error) {
+      console.error('Monaco loading failed:', error);
+    }
+  }, [isConfigured]);
+
+  return (
+    <div>
+      {!isConfigured ? (
+        <div>
+          <button onClick={configureAndLoad}>Load Monaco Editor</button>
+        </div>
+      ) : (
+        <Editor
+          height="400px"
+          language="javascript"
+          defaultValue="// Monaco loaded with custom config"
+          theme="customTheme"
+        />
+      )}
+    </div>
+  );
+}
+```
+
+#### Environment-Specific Configuration
+
+```typescript
+import { loader } from "@monaco-editor/react";
+
+function configureMonacoForEnvironment() {
+  const isProduction = process.env.NODE_ENV === 'production';
+  const isDevelopment = process.env.NODE_ENV === 'development';
+  
+  if (isProduction) {
+    // Use CDN in production
+    loader.config({
+      paths: {
+        vs: 'https://cdn.jsdelivr.net/npm/monaco-editor@0.45.0/min/vs'
+      }
+    });
+  } else if (isDevelopment) {
+    // Use local files in development for faster loading
+    loader.config({
+      paths: {
+        vs: '/node_modules/monaco-editor/min/vs'
+      }
+    });
+  }
+
+  // Configure based on user preferences
+  const userLanguage = navigator.language.split('-')[0];
+  if (userLanguage !== 'en') {
+    loader.config({
+      "vs/nls": {
+        availableLanguages: {
+          "*": userLanguage
+        }
+      }
+    });
+  }
+}
+```
+
+#### Error Handling and Fallbacks
+
+```typescript
+import { loader } from "@monaco-editor/react";
+
+async function robustMonacoInitialization() {
+  const fallbackCDNs = [
+    'https://cdn.jsdelivr.net/npm/monaco-editor@0.45.0/min/vs',
+    'https://unpkg.com/monaco-editor@0.45.0/min/vs',
+    'https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.45.0/min/vs'
+  ];
+
+  for (let i = 0; i < fallbackCDNs.length; i++) {
+    try {
+      loader.config({
+        paths: { vs: fallbackCDNs[i] }
+      });
+
+      const monaco = await loader.init();
+      console.log(`Monaco loaded from CDN ${i + 1}`);
+      return monaco;
+      
+    } catch (error) {
+      console.warn(`CDN ${i + 1} failed:`, error);
+      
+      if (i === fallbackCDNs.length - 1) {
+        throw new Error('All Monaco CDN sources failed');
+      }
+    }
+  }
+}
+```
+
+### Performance Optimization
+
+#### Preloading Monaco
+
+```typescript
+import { loader } from "@monaco-editor/react";
+
+// Preload Monaco on app initialization
+export async function preloadMonaco() {
+  try {
+    loader.config({
+      paths: {
+        vs: 'https://cdn.jsdelivr.net/npm/monaco-editor@0.45.0/min/vs'
+      }
+    });
+
+    const monaco = await loader.init();
+    
+    // Pre-configure frequently used features
+    monaco.languages.typescript.javascriptDefaults.setEagerModelSync(true);
+    monaco.languages.typescript.typescriptDefaults.setEagerModelSync(true);
+    
+    return monaco;
+  } catch (error) {
+    console.error('Monaco preload failed:', error);
+  }
+}
+
+// Call during app initialization
+// preloadMonaco();
+```
+
+#### Conditional Loading
+
+```typescript
+import React, { useState, useEffect } from "react";
+import { loader } from "@monaco-editor/react";
+
+function ConditionalMonacoLoader({ shouldLoad, children }) {
+  const [monacoReady, setMonacoReady] = useState(false);
+  const [loading, setLoading] = useState(false);
+
+  useEffect(() => {
+    if (!shouldLoad || monacoReady || loading) return;
+
+    setLoading(true);
+    
+    loader.config({
+      paths: {
+        vs: 'https://cdn.jsdelivr.net/npm/monaco-editor@0.45.0/min/vs'
+      }
+    });
+
+    loader.init()
+      .then(() => {
+        setMonacoReady(true);
+        setLoading(false);
+      })
+      .catch((error) => {
+        console.error('Monaco loading failed:', error);
+        setLoading(false);
+      });
+  }, [shouldLoad, monacoReady, loading]);
+
+  if (!shouldLoad) {
+    return <div>Monaco not needed yet</div>;
+  }
+
+  if (loading) {
+    return <div>Loading Monaco Editor...</div>;
+  }
+
+  if (!monacoReady) {
+    return <div>Ready to load Monaco</div>;
+  }
+
+  return children;
+}
+```
+
+## Integration with Build Tools
+
+### Webpack Configuration
+
+```javascript
+// webpack.config.js - Example for custom Monaco setup
+const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');
+
+module.exports = {
+  plugins: [
+    new MonacoWebpackPlugin({
+      // Available languages
+      languages: ['javascript', 'typescript', 'css', 'html', 'json'],
+      // Available features
+      features: ['coreCommands', 'find', 'folding', 'bracketMatching']
+    })
+  ]
+};
+
+// Then configure loader to use local build
+import { loader } from "@monaco-editor/react";
+
+loader.config({
+  paths: {
+    vs: '/static/vs' // Path to webpack output
+  }
+});
+```
+
+### Next.js Configuration
+
+```typescript
+// next.config.js
+module.exports = {
+  webpack: (config) => {
+    config.module.rules.push({
+      test: /\.worker\.js$/,
+      use: { loader: 'worker-loader' }
+    });
+    return config;
+  }
+};
+
+// Configure for Next.js
+import { loader } from "@monaco-editor/react";
+
+if (typeof window !== 'undefined') {
+  loader.config({
+    paths: {
+      vs: 'https://cdn.jsdelivr.net/npm/monaco-editor@0.45.0/min/vs'
+    }
+  });
+}
+```
+
+### Vite Configuration
+
+```typescript
+// vite.config.js
+export default {
+  optimizeDeps: {
+    include: ['monaco-editor']
+  },
+  build: {
+    rollupOptions: {
+      external: ['monaco-editor']
+    }
+  }
+};
+
+// Configure for Vite
+import { loader } from "@monaco-editor/react";
+
+loader.config({
+  paths: {
+    vs: '/node_modules/monaco-editor/min/vs'
+  }
+});
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-monaco-editor--react/docs/monaco-hook.md b/.tessl/tiles/tessl/npm-monaco-editor--react/docs/monaco-hook.md
new file mode 100644
index 000000000..72f4eb9a0
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-monaco-editor--react/docs/monaco-hook.md
@@ -0,0 +1,436 @@
+# Monaco Hook
+
+React hook for accessing the Monaco Editor instance and its APIs across components without needing to pass instances through props.
+
+## Capabilities
+
+### useMonaco Hook
+
+React hook that provides access to the Monaco Editor instance once it's loaded.
+
+```typescript { .api }
+/**
+ * React hook for accessing the Monaco Editor instance
+ * @returns Monaco instance or null if not yet loaded
+ */
+function useMonaco(): Monaco | null;
+
+type Monaco = typeof monaco;
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { useEffect } from "react";
+import { useMonaco } from "@monaco-editor/react";
+
+// Basic Monaco instance access
+function MonacoStatus() {
+  const monaco = useMonaco();
+
+  useEffect(() => {
+    if (monaco) {
+      console.log("Monaco Editor is ready!");
+      console.log("Available languages:", monaco.languages.getLanguages());
+    }
+  }, [monaco]);
+
+  return (
+    <div>
+      Monaco Status: {monaco ? "Loaded" : "Loading..."}
+    </div>
+  );
+}
+
+// Custom language configuration
+function CustomLanguageSetup() {
+  const monaco = useMonaco();
+
+  useEffect(() => {
+    if (!monaco) return;
+
+    // Register custom language
+    monaco.languages.register({ id: 'myLang' });
+
+    // Define language syntax
+    monaco.languages.setMonarchTokensProvider('myLang', {
+      tokenizer: {
+        root: [
+          [/\[error.*/, "custom-error"],
+          [/\[notice.*/, "custom-notice"],
+          [/\[info.*/, "custom-info"],
+          [/\[[a-zA-Z 0-9:]+\]/, "custom-date"],
+        ]
+      }
+    });
+
+    // Configure language features
+    monaco.languages.setLanguageConfiguration('myLang', {
+      brackets: [
+        ['[', ']'],
+        ['(', ')'],
+        ['{', '}']
+      ],
+      autoClosingPairs: [
+        { open: '[', close: ']' },
+        { open: '(', close: ')' },
+        { open: '{', close: '}' },
+      ]
+    });
+
+  }, [monaco]);
+
+  return <div>Custom language configured</div>;
+}
+```
+
+### Theme Management
+
+Use the Monaco instance to define and manage custom themes across your application.
+
+```typescript { .api }
+// Theme definition interface (from Monaco Editor)
+interface ThemeDefinition {
+  base: 'vs' | 'vs-dark' | 'hc-black';
+  inherit: boolean;
+  rules: TokenThemeRule[];
+  colors: { [colorId: string]: string };
+}
+
+interface TokenThemeRule {
+  token: string;
+  foreground?: string;
+  background?: string;
+  fontStyle?: string;
+}
+```
+
+**Theme Examples:**
+
+```typescript
+import React, { useEffect } from "react";
+import { useMonaco } from "@monaco-editor/react";
+
+function ThemeManager() {
+  const monaco = useMonaco();
+
+  useEffect(() => {
+    if (!monaco) return;
+
+    // Define custom dark theme
+    monaco.editor.defineTheme('customDark', {
+      base: 'vs-dark',
+      inherit: true,
+      rules: [
+        { token: 'comment', foreground: '6A9955', fontStyle: 'italic' },
+        { token: 'keyword', foreground: '569CD6', fontStyle: 'bold' },
+        { token: 'string', foreground: 'CE9178' },
+        { token: 'number', foreground: 'B5CEA8' },
+      ],
+      colors: {
+        'editor.background': '#1e1e1e',
+        'editor.foreground': '#d4d4d4',
+        'editorLineNumber.foreground': '#858585',
+        'editorCursor.foreground': '#ffffff',
+        'editor.selectionBackground': '#264f78',
+        'editor.lineHighlightBackground': '#2d2d30',
+      }
+    });
+
+    // Define custom light theme
+    monaco.editor.defineTheme('customLight', {
+      base: 'vs',
+      inherit: true,
+      rules: [
+        { token: 'comment', foreground: '008000', fontStyle: 'italic' },
+        { token: 'keyword', foreground: '0000ff', fontStyle: 'bold' },
+        { token: 'string', foreground: 'a31515' },
+        { token: 'number', foreground: '098658' },
+      ],
+      colors: {
+        'editor.background': '#ffffff',
+        'editor.foreground': '#000000',
+        'editorLineNumber.foreground': '#237893',
+        'editor.selectionBackground': '#add6ff',
+        'editor.lineHighlightBackground': '#f0f0f0',
+      }
+    });
+
+  }, [monaco]);
+
+  const applyTheme = (themeName) => {
+    if (monaco) {
+      monaco.editor.setTheme(themeName);
+    }
+  };
+
+  return (
+    <div>
+      <button onClick={() => applyTheme('customDark')}>Dark Theme</button>
+      <button onClick={() => applyTheme('customLight')}>Light Theme</button>
+      <button onClick={() => applyTheme('vs-dark')}>VS Dark</button>
+      <button onClick={() => applyTheme('vs')}>VS Light</button>
+    </div>
+  );
+}
+```
+
+### Language Service Configuration
+
+Configure TypeScript/JavaScript language services and other language features.
+
+```typescript { .api }
+// Language service configuration interfaces (from Monaco Editor)
+interface LanguageServiceDefaults {
+  setCompilerOptions(options: CompilerOptions): void;
+  setDiagnosticsOptions(options: DiagnosticsOptions): void;
+  addExtraLib(content: string, filePath?: string): void;
+  setEagerModelSync(value: boolean): void;
+}
+```
+
+**Language Service Examples:**
+
+```typescript
+import React, { useEffect } from "react";
+import { useMonaco } from "@monaco-editor/react";
+
+function TypeScriptConfiguration() {
+  const monaco = useMonaco();
+
+  useEffect(() => {
+    if (!monaco) return;
+
+    // Configure TypeScript compiler options
+    monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
+      target: monaco.languages.typescript.ScriptTarget.ES2020,
+      allowNonTsExtensions: true,
+      moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,
+      module: monaco.languages.typescript.ModuleKind.CommonJS,
+      noEmit: true,
+      esModuleInterop: true,
+      jsx: monaco.languages.typescript.JsxEmit.React,
+      reactNamespace: "React",
+      allowJs: true,
+      typeRoots: ["node_modules/@types"]
+    });
+
+    // Configure diagnostics
+    monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({
+      noSemanticValidation: false,
+      noSyntaxValidation: false,
+      noSuggestionDiagnostics: false
+    });
+
+    // Add type definitions
+    const reactTypes = `
+      declare module "react" {
+        export interface FC<P = {}> {
+          (props: P & { children?: ReactNode }): ReactElement | null;
+        }
+        export type ReactNode = ReactElement | string | number | boolean | null | undefined;
+        export interface ReactElement<P = any> {
+          type: string | FC<P>;
+          props: P;
+          key: string | number | null;
+        }
+      }
+    `;
+
+    monaco.languages.typescript.typescriptDefaults.addExtraLib(
+      reactTypes,
+      'file:///node_modules/@types/react/index.d.ts'
+    );
+
+    // Enable eager model sync for better performance
+    monaco.languages.typescript.typescriptDefaults.setEagerModelSync(true);
+
+  }, [monaco]);
+
+  return <div>TypeScript language service configured</div>;
+}
+
+function CustomCompletionProvider() {
+  const monaco = useMonaco();
+
+  useEffect(() => {
+    if (!monaco) return;
+
+    // Register custom completion provider
+    const disposable = monaco.languages.registerCompletionItemProvider('javascript', {
+      provideCompletionItems: (model, position) => {
+        const suggestions = [
+          {
+            label: 'console.log',
+            kind: monaco.languages.CompletionItemKind.Function,
+            documentation: 'Log a message to the console',
+            insertText: 'console.log($1);',
+            insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,
+            range: {
+              startLineNumber: position.lineNumber,
+              endLineNumber: position.lineNumber,
+              startColumn: position.column,
+              endColumn: position.column
+            }
+          },
+          {
+            label: 'async function',
+            kind: monaco.languages.CompletionItemKind.Snippet,
+            documentation: 'Create an async function',
+            insertText: 'async function ${1:functionName}(${2:params}) {\n\t$0\n}',
+            insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,
+            range: {
+              startLineNumber: position.lineNumber,
+              endLineNumber: position.lineNumber,
+              startColumn: position.column,
+              endColumn: position.column
+            }
+          }
+        ];
+
+        return { suggestions };
+      }
+    });
+
+    // Cleanup on unmount
+    return () => disposable.dispose();
+  }, [monaco]);
+
+  return <div>Custom completion provider registered</div>;
+}
+```
+
+### Global Monaco Configuration
+
+Configure Monaco Editor settings that apply to all editor instances.
+
+```typescript { .api }
+// Global configuration options
+interface GlobalMonacoConfig {
+  /** Configure default options for all editors */
+  setGlobalOptions(options: editor.IEditorOptions): void;
+  /** Register global commands */
+  addGlobalCommand(keybinding: number, handler: () => void): void;
+  /** Configure language features globally */
+  configureLanguageGlobally(languageId: string, config: any): void;
+}
+```
+
+**Global Configuration Examples:**
+
+```typescript
+import React, { useEffect } from "react";
+import { useMonaco } from "@monaco-editor/react";
+
+function GlobalMonacoSetup() {
+  const monaco = useMonaco();
+
+  useEffect(() => {
+    if (!monaco) return;
+
+    // Set global editor defaults
+    monaco.editor.EditorOptions.fontSize.defaultValue = 14;
+    monaco.editor.EditorOptions.fontFamily.defaultValue = 'Monaco, Menlo, monospace';
+    monaco.editor.EditorOptions.lineHeight.defaultValue = 1.6;
+
+    // Configure global key bindings
+    const formatAction = {
+      id: 'format-document',
+      label: 'Format Document', 
+      keybindings: [monaco.KeyMod.Shift | monaco.KeyMod.Alt | monaco.KeyCode.KeyF],
+      run: (editor) => {
+        editor.getAction('editor.action.formatDocument').run();
+      }
+    };
+
+    // Register global actions
+    monaco.editor.addEditorAction(formatAction);
+
+    // Configure language defaults
+    const jsDefaults = monaco.languages.typescript.javascriptDefaults;
+    jsDefaults.setCompilerOptions({
+      allowNonTsExtensions: true,
+      allowJs: true
+    });
+
+  }, [monaco]);
+
+  return <div>Global Monaco configuration applied</div>;
+}
+```
+
+## Integration Patterns
+
+### Provider Pattern
+
+Create a Monaco context provider for app-wide access.
+
+```typescript
+import React, { createContext, useContext, useEffect, useState } from "react";
+import { useMonaco } from "@monaco-editor/react";
+
+const MonacoContext = createContext(null);
+
+export function MonacoProvider({ children }) {
+  const monaco = useMonaco();
+  const [isConfigured, setIsConfigured] = useState(false);
+
+  useEffect(() => {
+    if (!monaco || isConfigured) return;
+
+    // Apply global configuration
+    monaco.editor.defineTheme('appTheme', {
+      base: 'vs-dark',
+      inherit: true,
+      rules: [],
+      colors: {
+        'editor.background': '#1a1a1a',
+      }
+    });
+
+    setIsConfigured(true);
+  }, [monaco, isConfigured]);
+
+  return (
+    <MonacoContext.Provider value={{ monaco, isConfigured }}>
+      {children}
+    </MonacoContext.Provider>
+  );
+}
+
+export function useAppMonaco() {
+  const context = useContext(MonacoContext);
+  if (!context) {
+    throw new Error('useAppMonaco must be used within MonacoProvider');
+  }
+  return context;
+}
+```
+
+### Conditional Rendering
+
+Only render Monaco-dependent components after Monaco is loaded.
+
+```typescript
+import React from "react";
+import { useMonaco } from "@monaco-editor/react";
+import Editor from "@monaco-editor/react";
+
+function ConditionalEditor() {
+  const monaco = useMonaco();
+
+  if (!monaco) {
+    return <div>Loading Monaco Editor...</div>;
+  }
+
+  return (
+    <div>
+      <Editor
+        height="400px"
+        language="javascript"
+        defaultValue="// Monaco is ready!"
+      />
+    </div>
+  );
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-monaco-editor--react/tile.json b/.tessl/tiles/tessl/npm-monaco-editor--react/tile.json
new file mode 100644
index 000000000..ddf5642b4
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-monaco-editor--react/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-monaco-editor--react",
+  "version": "4.7.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/@monaco-editor/react@4.7.0",
+  "summary": "Monaco Editor for React - use the monaco-editor in any React application without needing to use webpack (or rollup/parcel/etc) configuration files / plugins"
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-next/docs/app-router-navigation.md b/.tessl/tiles/tessl/npm-next/docs/app-router-navigation.md
new file mode 100644
index 000000000..1c115df4a
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-next/docs/app-router-navigation.md
@@ -0,0 +1,368 @@
+# App Router Navigation
+
+Modern navigation system for the App Router with hooks for programmatic navigation, route information access, and server-side redirects.
+
+## Capabilities
+
+### Navigation Hooks
+
+Hooks for accessing router information and performing navigation in App Router components.
+
+```typescript { .api }
+/**
+ * Hook for programmatic navigation in App Router
+ */
+function useRouter(): AppRouterInstance;
+
+/**
+ * Hook to get the current pathname
+ */
+function usePathname(): string;
+
+/**
+ * Hook to get current search parameters as URLSearchParams
+ */
+function useSearchParams(): ReadonlyURLSearchParams;
+
+/**
+ * Hook to get current route parameters from dynamic segments
+ */
+function useParams(): { [key: string]: string | string[] };
+
+/**
+ * App Router instance with navigation methods
+ */
+interface AppRouterInstance {
+  /** Navigate to a new route */
+  push(href: string, options?: NavigateOptions): void;
+  /** Replace current route without adding new history entry */
+  replace(href: string, options?: NavigateOptions): void;
+  /** Refresh the current page */
+  refresh(): void;
+  /** Prefetch a route for faster navigation */
+  prefetch(href: string): void;
+  /** Navigate back in history */
+  back(): void;
+  /** Navigate forward in history */
+  forward(): void;
+}
+
+/**
+ * Options for navigation methods
+ */
+interface NavigateOptions {
+  /** Scroll to top of page after navigation */
+  scroll?: boolean;
+}
+
+/**
+ * Read-only URLSearchParams interface
+ */
+interface ReadonlyURLSearchParams {
+  /** Get a parameter value by name */
+  get(name: string): string | null;
+  /** Get all values for a parameter name */
+  getAll(name: string): string[];
+  /** Check if parameter exists */
+  has(name: string): boolean;
+  /** Get all parameter names */
+  keys(): IterableIterator<string>;
+  /** Get all parameter values */
+  values(): IterableIterator<string>;
+  /** Get all parameter entries */
+  entries(): IterableIterator<[string, string]>;
+  /** Iterate over parameters */
+  forEach(callbackfn: (value: string, key: string, parent: ReadonlyURLSearchParams) => void): void;
+  /** Get number of parameters */
+  size: number;
+  /** Convert to string */
+  toString(): string;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+"use client";
+import { useRouter, usePathname, useSearchParams, useParams } from "next/navigation";
+
+export default function NavigationExample() {
+  const router = useRouter();
+  const pathname = usePathname();
+  const searchParams = useSearchParams();
+  const params = useParams();
+
+  // Get current route information
+  console.log("Current pathname:", pathname); // "/blog/post-1"
+  console.log("Search params:", searchParams.get("q")); // "react"
+  console.log("Route params:", params); // { slug: "post-1" }
+
+  // Navigate programmatically
+  const handleNavigation = () => {
+    router.push("/about");
+    router.replace("/dashboard", { scroll: false });
+    router.refresh();
+    router.prefetch("/products");
+    router.back();
+    router.forward();
+  };
+
+  // Work with search parameters
+  const createQueryString = (name: string, value: string) => {
+    const params = new URLSearchParams(searchParams);
+    params.set(name, value);
+    return params.toString();
+  };
+
+  return (
+    <div>
+      <p>Current path: {pathname}</p>
+      <p>Search query: {searchParams.get("q")}</p>
+      <button onClick={handleNavigation}>Navigate</button>
+      <button 
+        onClick={() => router.push(`${pathname}?${createQueryString("q", "nextjs")}`)}
+      >
+        Update Search
+      </button>
+    </div>
+  );
+}
+```
+
+### Server-Side Redirects
+
+Functions for performing redirects and not found responses in Server Components.
+
+```typescript { .api }
+/**
+ * Perform a redirect in Server Components (terminates execution)
+ */
+function redirect(url: string): never;
+
+/**
+ * Perform a permanent redirect in Server Components
+ */
+function permanentRedirect(url: string): never;
+
+/**
+ * Trigger 404 Not Found page in Server Components
+ */
+function notFound(): never;
+```
+
+**Usage Examples:**
+
+```typescript
+import { redirect, permanentRedirect, notFound } from "next/navigation";
+
+// In Server Component or Server Action
+export default async function ServerComponent({ params }: { params: { id: string } }) {
+  const user = await getUser(params.id);
+  
+  // Redirect if user not authenticated
+  if (!user) {
+    redirect("/login");
+  }
+  
+  // Permanent redirect for moved content
+  if (user.profile.moved) {
+    permanentRedirect(`/users/${user.profile.newId}`);
+  }
+  
+  // 404 if resource doesn't exist
+  if (!user.profile.published) {
+    notFound();
+  }
+
+  return <div>User: {user.name}</div>;
+}
+
+// In Server Action
+export async function updateProfile(formData: FormData) {
+  const result = await updateUserProfile(formData);
+  
+  if (result.success) {
+    redirect("/profile?updated=true");
+  }
+}
+```
+
+### Route Information Access
+
+Access current route information in Server Components and layouts.
+
+```typescript { .api }
+/**
+ * Get route parameters in Server Components (params prop)
+ */
+interface ServerComponentProps {
+  params: { [key: string]: string | string[] };
+  searchParams: { [key: string]: string | string[] | undefined };
+}
+```
+
+**Usage Examples:**
+
+```typescript
+// app/blog/[slug]/page.tsx
+export default function BlogPost({
+  params,
+  searchParams
+}: {
+  params: { slug: string };
+  searchParams: { [key: string]: string | string[] | undefined };
+}) {
+  // Access route parameters
+  const { slug } = params;
+  
+  // Access search parameters
+  const { q, category } = searchParams;
+  
+  return (
+    <div>
+      <h1>Post: {slug}</h1>
+      {q && <p>Search: {q}</p>}
+      {category && <p>Category: {category}</p>}
+    </div>
+  );
+}
+
+// app/products/[category]/[id]/page.tsx
+export default function Product({
+  params
+}: {
+  params: { category: string; id: string };
+}) {
+  return (
+    <div>
+      <h1>Product {params.id} in {params.category}</h1>
+    </div>
+  );
+}
+
+// app/search/page.tsx
+export default function SearchPage({
+  searchParams
+}: {
+  searchParams: { [key: string]: string | string[] | undefined };
+}) {
+  const { q, page, sort } = searchParams;
+  
+  return (
+    <div>
+      <h1>Search Results for: {q}</h1>
+      <p>Page: {page || 1}</p>
+      <p>Sort: {sort || "relevance"}</p>
+    </div>
+  );
+}
+```
+
+### Navigation Events
+
+The App Router doesn't expose navigation events like the Pages Router, but you can use the router hooks to detect changes.
+
+**Usage Examples:**
+
+```typescript
+"use client";
+import { usePathname, useSearchParams } from "next/navigation";
+import { useEffect } from "react";
+
+export default function NavigationTracker() {
+  const pathname = usePathname();
+  const searchParams = useSearchParams();
+
+  useEffect(() => {
+    // Track route changes
+    console.log("Route changed:", pathname);
+    
+    // Track search parameter changes
+    const url = `${pathname}?${searchParams}`;
+    console.log("URL changed:", url);
+    
+    // Analytics tracking
+    analytics.track("page_view", {
+      path: pathname,
+      search: searchParams.toString()
+    });
+  }, [pathname, searchParams]);
+
+  return null;
+}
+```
+
+### Programmatic Navigation Patterns
+
+Common patterns for navigation in App Router applications.
+
+**Usage Examples:**
+
+```typescript
+"use client";
+import { useRouter, useSearchParams } from "next/navigation";
+import { useCallback } from "react";
+
+export default function NavigationPatterns() {
+  const router = useRouter();
+  const searchParams = useSearchParams();
+
+  // Navigate with state preservation
+  const navigateWithState = useCallback((href: string) => {
+    // Preserve certain search parameters
+    const params = new URLSearchParams(searchParams);
+    const preservedParams = ["utm_source", "ref"];
+    const newParams = new URLSearchParams();
+    
+    preservedParams.forEach(param => {
+      const value = params.get(param);
+      if (value) newParams.set(param, value);
+    });
+    
+    const url = newParams.toString() 
+      ? `${href}?${newParams.toString()}`
+      : href;
+      
+    router.push(url);
+  }, [router, searchParams]);
+
+  // Update search parameters without navigation
+  const updateSearchParams = useCallback((updates: Record<string, string>) => {
+    const params = new URLSearchParams(searchParams);
+    
+    Object.entries(updates).forEach(([key, value]) => {
+      if (value) {
+        params.set(key, value);
+      } else {
+        params.delete(key);
+      }
+    });
+    
+    router.replace(`?${params.toString()}`);
+  }, [router, searchParams]);
+
+  // Conditional navigation
+  const conditionalNavigate = useCallback(async (href: string) => {
+    const shouldNavigate = await checkPermission();
+    
+    if (shouldNavigate) {
+      router.push(href);
+    } else {
+      router.push("/unauthorized");
+    }
+  }, [router]);
+
+  return (
+    <div>
+      <button onClick={() => navigateWithState("/dashboard")}>
+        Navigate with State
+      </button>
+      <button onClick={() => updateSearchParams({ filter: "active", page: "1" })}>
+        Update Filters
+      </button>
+      <button onClick={() => conditionalNavigate("/admin")}>
+        Navigate if Authorized
+      </button>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-next/docs/components.md b/.tessl/tiles/tessl/npm-next/docs/components.md
new file mode 100644
index 000000000..4e6b72f49
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-next/docs/components.md
@@ -0,0 +1,436 @@
+# Components and UI
+
+Optimized React components for links, images, scripts, and document head management with built-in performance optimizations and Next.js-specific features.
+
+## Capabilities
+
+### Link Component
+
+Client-side navigation component that enables fast transitions between pages with prefetching and optimizations.
+
+```typescript { .api }
+/**
+ * Component for client-side navigation with prefetching and optimizations
+ */
+declare const Link: React.ForwardRefExoticComponent<
+  LinkProps & React.RefAttributes<HTMLAnchorElement>
+>;
+
+interface LinkProps {
+  /** The path or URL to navigate to */
+  href: string | UrlObject;
+  /** Decorator for the path that will be shown in the browser URL bar */
+  as?: string | UrlObject;
+  /** Replace the current history state instead of adding a new URL */
+  replace?: boolean;
+  /** Scroll to the top of the page after navigation */
+  scroll?: boolean;
+  /** Update the path of the current page without running data fetching methods */
+  shallow?: boolean;
+  /** Forces Link to send the href property to its child */
+  passHref?: boolean;
+  /** Enable prefetching in the background */
+  prefetch?: boolean;
+  /** Active locale for internationalized routing */
+  locale?: string | false;
+}
+
+interface UrlObject {
+  auth?: string | null;
+  hash?: string | null;
+  host?: string | null;
+  hostname?: string | null;
+  href?: string | null;
+  pathname?: string | null;
+  protocol?: string | null;
+  search?: string | null;
+  slashes?: boolean | null;
+  port?: string | number | null;
+  query?: string | null | ParsedUrlQuery;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import Link from "next/link";
+
+// Basic usage
+<Link href="/about">About Us</Link>
+
+// Dynamic route
+<Link href={`/posts/${post.slug}`}>Read More</Link>
+
+// With object href
+<Link href={{
+  pathname: "/blog/[slug]",
+  query: { slug: post.slug }
+}}>
+  {post.title}
+</Link>
+
+// Replace history instead of push
+<Link href="/login" replace>Login</Link>
+
+// External link (opens in new tab)
+<Link href="https://example.com" target="_blank" rel="noopener noreferrer">
+  External Link
+</Link>
+```
+
+### Image Component
+
+Optimized image component with automatic lazy loading, responsive images, and various optimization features.
+
+```typescript { .api }
+/**
+ * Optimized image component with lazy loading and responsive features
+ */
+declare const Image: React.ForwardRefExoticComponent<
+  ImageProps & React.RefAttributes<HTMLImageElement>
+>;
+
+interface ImageProps {
+  /** The path or URL of the image */
+  src: string | StaticImageData;
+  /** Alternative text for the image */
+  alt: string;
+  /** The width of the image in pixels */
+  width?: number | `${number}`;
+  /** The height of the image in pixels */
+  height?: number | `${number}`;
+  /** Make the image fill its parent container */
+  fill?: boolean;
+  /** Custom loader function for the image */
+  loader?: ImageLoader;
+  /** Quality of the optimized image (1-100) */
+  quality?: number;
+  /** Load the image with high priority */
+  priority?: boolean;
+  /** Placeholder to use while the image is loading */
+  placeholder?: "blur" | "empty";
+  /** Data URL for blur placeholder */
+  blurDataURL?: string;
+  /** Sizes attribute for responsive images */
+  sizes?: string;
+  /** Unoptimized image loading */
+  unoptimized?: boolean;
+  /** Image loading behavior */
+  loading?: "lazy" | "eager";
+  /** Style object */
+  style?: React.CSSProperties;
+  /** Callback when image load completes */
+  onLoad?: (event: React.SyntheticEvent<HTMLImageElement>) => void;
+  /** Callback when image loading completes with dimensions */
+  onLoadingComplete?: (result: { naturalWidth: number; naturalHeight: number }) => void;
+  /** Callback when image fails to load */
+  onError?: (event: React.SyntheticEvent<HTMLImageElement>) => void;
+}
+
+/**
+ * Custom loader function type for images
+ */
+type ImageLoader = (resolverProps: ImageLoaderProps) => string;
+
+interface ImageLoaderProps {
+  src: string;
+  width: number;
+  quality?: number;
+}
+
+/**
+ * Static image data from imports
+ */
+interface StaticImageData {
+  src: string;
+  height: number;
+  width: number;
+  blurDataURL?: string;
+  blurWidth?: number;
+  blurHeight?: number;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import Image from "next/image";
+import profilePic from "../public/profile.jpg";
+
+// Basic usage with external image
+<Image
+  src="/hero.jpg"
+  alt="Hero image"
+  width={800}
+  height={600}
+/>
+
+// Static import
+<Image
+  src={profilePic}
+  alt="Profile picture"
+  placeholder="blur"
+/>
+
+// Fill container
+<div style={{ position: "relative", width: "100%", height: "400px" }}>
+  <Image
+    src="/background.jpg"
+    alt="Background"
+    fill
+    style={{ objectFit: "cover" }}
+  />
+</div>
+
+// Responsive with sizes
+<Image
+  src="/responsive.jpg"
+  alt="Responsive image"
+  width={800}
+  height={600}
+  sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
+/>
+
+// Priority loading for above-the-fold images
+<Image
+  src="/hero.jpg"
+  alt="Hero"
+  width={1200}
+  height={600}
+  priority
+/>
+```
+
+### Script Component
+
+Component for loading external scripts with various loading strategies and optimization features.
+
+```typescript { .api }
+/**
+ * Component for loading external scripts with optimization
+ */
+declare const Script: React.ForwardRefExoticComponent<
+  ScriptProps & React.RefAttributes<HTMLScriptElement>
+>;
+
+interface ScriptProps {
+  /** Source URL of the script */
+  src?: string;
+  /** Unique identifier for the script */
+  id?: string;
+  /** Loading strategy for the script */
+  strategy?: "beforeInteractive" | "afterInteractive" | "lazyOnload" | "worker";
+  /** Callback when script loads successfully */
+  onLoad?: (event: Event) => void;
+  /** Callback when script fails to load */
+  onError?: (event: ErrorEvent) => void;
+  /** Callback when script is ready */
+  onReady?: () => void;
+  /** Inline script content */
+  children?: string;
+  /** Additional script attributes */
+  [attribute: string]: any;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import Script from "next/script";
+
+// Load analytics after page interactive
+<Script
+  src="https://www.google-analytics.com/analytics.js"
+  strategy="afterInteractive"
+  onLoad={() => console.log("Analytics loaded")}
+/>
+
+// Critical script before page interactive
+<Script
+  src="/critical-script.js"
+  strategy="beforeInteractive"
+/>
+
+// Lazy load on scroll or user interaction
+<Script
+  src="/non-critical.js"
+  strategy="lazyOnload"
+/>
+
+// Inline script
+<Script id="analytics-init" strategy="afterInteractive">
+  {`
+    gtag('config', 'GA_MEASUREMENT_ID', {
+      page_title: document.title,
+      page_location: window.location.href,
+    });
+  `}
+</Script>
+```
+
+### Head Component
+
+Component for modifying the document head in Pages Router applications.
+
+```typescript { .api }
+/**
+ * Component for modifying document head (Pages Router only)
+ */
+declare const Head: React.FunctionComponent<React.PropsWithChildren<{}>>;
+```
+
+**Usage Examples:**
+
+```typescript
+import Head from "next/head";
+
+const Page = () => (
+  <>
+    <Head>
+      <title>Page Title</title>
+      <meta name="description" content="Page description" />
+      <meta property="og:title" content="Page Title" />
+      <link rel="icon" href="/favicon.ico" />
+      <script src="/third-party.js" />
+    </Head>
+    <div>Page content</div>
+  </>
+);
+```
+
+### Document Components
+
+Components for customizing the HTML document structure.
+
+```typescript { .api }
+/**
+ * Custom document component for HTML structure
+ */
+declare class Document extends React.Component<DocumentProps> {
+  static getInitialProps(context: DocumentContext): Promise<DocumentInitialProps>;
+  render(): JSX.Element;
+}
+
+interface DocumentProps extends DocumentInitialProps {
+  __NEXT_DATA__: any;
+  dangerousAsPath: string;
+  docComponentsRendered: {
+    Html?: boolean;
+    Main?: boolean;
+    Head?: boolean;
+    NextScript?: boolean;
+  };
+  buildManifest: any;
+  ampPath: string;
+  inAmpMode: boolean;
+  hybridAmp: boolean;
+  isDevelopment: boolean;
+  dynamicImports: string[];
+  assetPrefix?: string;
+  canonicalBase: string;
+  headTags: any[];
+  unstable_runtimeJS?: false;
+  unstable_JsPreload?: false;
+  devOnlyCacheBusterQueryString: string;
+  scriptLoader: any;
+  locale?: string;
+  disableOptimizedLoading?: boolean;
+  styles?: React.ReactElement[] | React.ReactFragment;
+  head?: Array<JSX.Element | null>;
+}
+
+interface DocumentContext extends NextPageContext {
+  renderPage: RenderPage;
+}
+
+/**
+ * HTML component for document
+ */
+declare const Html: React.FunctionComponent<React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement>>;
+
+/**
+ * Head component for document
+ */
+declare const DocumentHead: React.FunctionComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadElement>, HTMLHeadElement>>;
+
+/**
+ * Main component for document (where app renders)
+ */
+declare const Main: React.FunctionComponent<{}>;
+
+/**
+ * NextScript component for document (required for Next.js scripts)
+ */
+declare const NextScript: React.FunctionComponent<{}>;
+```
+
+**Usage Examples:**
+
+```typescript
+import Document, { Html, Head, Main, NextScript, DocumentContext } from "next/document";
+
+class MyDocument extends Document {
+  static async getInitialProps(ctx: DocumentContext) {
+    const initialProps = await Document.getInitialProps(ctx);
+    return { ...initialProps };
+  }
+
+  render() {
+    return (
+      <Html lang="en">
+        <Head>
+          <link rel="preconnect" href="https://fonts.googleapis.com" />
+        </Head>
+        <body>
+          <Main />
+          <NextScript />
+        </body>
+      </Html>
+    );
+  }
+}
+
+export default MyDocument;
+```
+
+### Error Components
+
+Components for custom error page handling.
+
+```typescript { .api }
+/**
+ * Default error page component
+ */
+declare const Error: React.FunctionComponent<ErrorProps>;
+
+interface ErrorProps {
+  statusCode?: number;
+  hasGetInitialPropsRun?: boolean;
+  err?: Error;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import Error from "next/error";
+
+const CustomError = ({ statusCode }: { statusCode: number }) => {
+  return (
+    <div>
+      {statusCode === 404 ? (
+        <h1>404 - Page Not Found</h1>
+      ) : (
+        <Error statusCode={statusCode} />
+      )}
+    </div>
+  );
+};
+
+CustomError.getInitialProps = ({ res, err }) => {
+  const statusCode = res ? res.statusCode : err ? err.statusCode : 404;
+  return { statusCode };
+};
+
+export default CustomError;
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-next/docs/core-framework.md b/.tessl/tiles/tessl/npm-next/docs/core-framework.md
new file mode 100644
index 000000000..22059afe9
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-next/docs/core-framework.md
@@ -0,0 +1,369 @@
+# Core Framework
+
+Essential types and interfaces for Next.js pages, API routes, and data fetching patterns that form the foundation of Next.js applications.
+
+## Capabilities
+
+### Page Types
+
+Core types for defining Next.js page components with optional server-side data fetching.
+
+```typescript { .api }
+/**
+ * Type for Next.js page components with optional getInitialProps
+ */
+type NextPage<Props = {}, InitialProps = Props> = React.ComponentType<Props> & {
+  getInitialProps?(context: NextPageContext): InitialProps | Promise<InitialProps>;
+};
+
+/**
+ * Base component type for Next.js components
+ */
+type NextComponentType<Context = NextPageContext, InitialProps = {}, Props = {}> = React.ComponentType<Props> & {
+  getInitialProps?(context: Context): InitialProps | Promise<InitialProps>;
+};
+
+/**
+ * Context object passed to page components and getInitialProps
+ */
+interface NextPageContext {
+  pathname: string;
+  query: ParsedUrlQuery;
+  asPath: string;
+  req?: IncomingMessage;
+  res?: ServerResponse;
+  err?: Error;
+}
+```
+
+### Static Site Generation
+
+Types and functions for static site generation with getStaticProps and getStaticPaths.
+
+```typescript { .api }
+/**
+ * Function type for static site generation
+ */
+type GetStaticProps<Props = {}, Params = ParsedUrlQuery, Preview = PreviewData> = (
+  context: GetStaticPropsContext<Params, Preview>
+) => Promise<GetStaticPropsResult<Props>> | GetStaticPropsResult<Props>;
+
+/**
+ * Context object for getStaticProps
+ */
+interface GetStaticPropsContext<Params = ParsedUrlQuery, Preview = PreviewData> {
+  params?: Params;
+  preview?: boolean;
+  previewData?: Preview;
+  draftMode?: boolean;
+  locale?: string;
+  locales?: string[];
+  defaultLocale?: string;
+  revalidateReason?: "on-demand" | "build" | "stale";
+}
+
+/**
+ * Return type for getStaticProps
+ */
+type GetStaticPropsResult<Props> =
+  | { props: Props; revalidate?: number | boolean }
+  | { redirect: Redirect; revalidate?: number | boolean }
+  | { notFound: true; revalidate?: number | boolean };
+
+/**
+ * Function type for dynamic route static generation
+ */
+type GetStaticPaths<Params = ParsedUrlQuery> = (
+  context: GetStaticPathsContext
+) => Promise<GetStaticPathsResult<Params>> | GetStaticPathsResult<Params>;
+
+/**
+ * Context object for getStaticPaths
+ */
+interface GetStaticPathsContext {
+  locales?: string[];
+  defaultLocale?: string;
+}
+
+/**
+ * Return type for getStaticPaths
+ */
+interface GetStaticPathsResult<Params = ParsedUrlQuery> {
+  paths: Array<string | { params: Params; locale?: string }>;
+  fallback: boolean | "blocking";
+}
+```
+
+### Server-Side Rendering
+
+Types and functions for server-side rendering with getServerSideProps.
+
+```typescript { .api }
+/**
+ * Function type for server-side rendering
+ */
+type GetServerSideProps<Props = {}, Params = ParsedUrlQuery, Preview = PreviewData> = (
+  context: GetServerSidePropsContext<Params, Preview>
+) => Promise<GetServerSidePropsResult<Props>>;
+
+/**
+ * Context object for getServerSideProps
+ */
+interface GetServerSidePropsContext<Params = ParsedUrlQuery, Preview = PreviewData> {
+  req: IncomingMessage & { cookies: NextApiRequestCookies };
+  res: ServerResponse;
+  params?: Params;
+  query: ParsedUrlQuery;
+  preview?: boolean;
+  previewData?: Preview;
+  draftMode?: boolean;
+  resolvedUrl: string;
+  locale?: string;
+  locales?: string[];
+  defaultLocale?: string;
+}
+
+/**
+ * Return type for getServerSideProps
+ */
+type GetServerSidePropsResult<Props> =
+  | { props: Props | Promise<Props> }
+  | { redirect: Redirect }
+  | { notFound: true };
+```
+
+### API Routes
+
+Types for creating API endpoints in Next.js applications.
+
+```typescript { .api }
+/**
+ * Type for API route request objects
+ */
+interface NextApiRequest extends IncomingMessage {
+  query: { [key: string]: string | string[] };
+  cookies: { [key: string]: string };
+  body: any;
+  env: { [key: string]: string };
+  preview?: boolean;
+  previewData?: any;
+}
+
+/**
+ * Type for API route response objects
+ */
+interface NextApiResponse<T = any> extends ServerResponse {
+  send: (body: T) => void;
+  json: (body: T) => void;
+  status: (statusCode: number) => NextApiResponse<T>;
+  redirect(statusCode: number, url: string): NextApiResponse<T>;
+  redirect(url: string): NextApiResponse<T>;
+  setPreviewData: (
+    data: object | string,
+    options?: {
+      maxAge?: number;
+      path?: string;
+    }
+  ) => NextApiResponse<T>;
+  clearPreviewData: (options?: { path?: string }) => NextApiResponse<T>;
+  revalidate: (
+    urlPath: string,
+    opts?: {
+      unstable_onlyGenerated?: boolean;
+    }
+  ) => Promise<void>;
+}
+
+/**
+ * Type for API route handler functions
+ */
+type NextApiHandler<T = any> = (req: NextApiRequest, res: NextApiResponse<T>) => void | Promise<void>;
+
+/**
+ * Type for request cookies in API routes
+ */
+interface NextApiRequestCookies {
+  [key: string]: string;
+}
+```
+
+### Configuration Types
+
+Types for Next.js configuration and page-level configuration.
+
+```typescript { .api }
+/**
+ * Type for Next.js configuration object
+ */
+interface NextConfig {
+  env?: { [key: string]: string };
+  webpack?: (config: any, options: { buildId: string; dev: boolean; isServer: boolean; defaultLoaders: any; webpack: any }) => any;
+  webpackDevMiddleware?: (config: any) => any;
+  eslint?: { ignoreDuringBuilds?: boolean; dirs?: string[] };
+  typescript?: { ignoreBuildErrors?: boolean; tsconfigPath?: string };
+  distDir?: string;
+  cleanDistDir?: boolean;
+  assetPrefix?: string;
+  configOrigin?: string;
+  useFileSystemPublicRoutes?: boolean;
+  generateBuildId?: () => string | null | Promise<string | null>;
+  generateEtags?: boolean;
+  pageExtensions?: string[];
+  compress?: boolean;
+  images?: ImageConfig;
+  devIndicators?: { buildActivity?: boolean; buildActivityPosition?: "bottom-right" | "bottom-left" | "top-right" | "top-left" };
+  onDemandEntries?: { maxInactiveAge?: number; pagesBufferLength?: number };
+  amp?: { canonicalBase?: string };
+  basePath?: string;
+  sassOptions?: { [key: string]: any };
+  trailingSlash?: boolean;
+  i18n?: I18NConfig;
+  productionBrowserSourceMaps?: boolean;
+  optimizeFonts?: boolean;
+  loader?: "default" | "custom";
+  target?: "server" | "serverless" | "experimental-serverless-trace";
+  experimental?: ExperimentalConfig;
+  future?: { strictPostcssConfiguration?: boolean };
+  headers?: () => Promise<Header[]>;
+  rewrites?: () => Promise<Rewrite[] | { beforeFiles: Rewrite[]; afterFiles: Rewrite[]; fallback: Rewrite[] }>;
+  redirects?: () => Promise<Redirect[]>;
+  reactStrictMode?: boolean;
+  swcMinify?: boolean;
+  output?: "standalone" | "export";
+}
+
+/**
+ * Type for page-level configuration
+ */
+interface PageConfig {
+  amp?: boolean | "hybrid";
+  api?: {
+    responseLimit?: ResponseLimit;
+    bodyParser?: { sizeLimit?: SizeLimit } | false;
+    externalResolver?: true;
+  };
+  env?: Array<string>;
+  maxDuration?: number;
+  runtime?: ServerRuntime;
+  unstable_runtimeJS?: false;
+  unstable_JsPreload?: false;
+}
+```
+
+### Utility Types
+
+Utility types for working with data fetching functions and configuration.
+
+```typescript { .api }
+/**
+ * Utility to infer props type from getStaticProps
+ */
+type InferGetStaticPropsType<T extends (args: any) => any> = Extract<
+  Awaited<ReturnType<T>>,
+  { props: any }
+>["props"];
+
+/**
+ * Utility to infer props type from getServerSideProps
+ */
+type InferGetServerSidePropsType<T extends (args: any) => any> = Awaited<
+  Extract<Awaited<ReturnType<T>>, { props: any }>["props"]
+>;
+
+/**
+ * Type for preview mode data
+ */
+type PreviewData = string | false | object | undefined;
+
+/**
+ * Type for redirect objects
+ */
+type Redirect =
+  | {
+      statusCode: 301 | 302 | 303 | 307 | 308;
+      destination: string;
+      basePath?: false;
+    }
+  | {
+      permanent: boolean;
+      destination: string;
+      basePath?: false;
+    };
+
+/**
+ * Type for size limit configuration
+ */
+type SizeLimit = number | `${number}${FileSizeSuffix}`;
+
+/**
+ * Type for response size limits
+ */
+type ResponseLimit = SizeLimit | boolean;
+
+/**
+ * Type for file size suffixes
+ */
+type FileSizeSuffix = `${"k" | "K" | "m" | "M" | "g" | "G" | "t" | "T" | "p" | "P"}${"b" | "B"}`;
+
+/**
+ * Type for server runtime options
+ */
+type ServerRuntime = "nodejs" | "experimental-edge" | "edge" | undefined;
+
+/**
+ * Type for statically typed routes (when typedRoutes is enabled)
+ */
+type Route<RouteInferType = any> = string & {};
+```
+
+**Usage Examples:**
+
+```typescript
+import { NextPage, GetStaticProps, GetServerSideProps } from "next";
+
+// Static page with getStaticProps
+interface HomeProps {
+  posts: Post[];
+}
+
+const Home: NextPage<HomeProps> = ({ posts }) => {
+  return <div>{posts.map(post => <div key={post.id}>{post.title}</div>)}</div>;
+};
+
+export const getStaticProps: GetStaticProps<HomeProps> = async () => {
+  const posts = await fetchPosts();
+  return {
+    props: { posts },
+    revalidate: 60
+  };
+};
+
+// Server-side rendered page
+interface UserProps {
+  user: User;
+}
+
+const UserPage: NextPage<UserProps> = ({ user }) => {
+  return <div>Welcome {user.name}</div>;
+};
+
+export const getServerSideProps: GetServerSideProps<UserProps> = async ({ params }) => {
+  const user = await fetchUser(params?.id as string);
+  if (!user) {
+    return { notFound: true };
+  }
+  return { props: { user } };
+};
+
+// API route
+const handler: NextApiHandler = (req, res) => {
+  if (req.method === "POST") {
+    const data = req.body;
+    res.status(200).json({ success: true });
+  } else {
+    res.status(405).json({ error: "Method not allowed" });
+  }
+};
+
+export default handler;
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-next/docs/dynamic-imports.md b/.tessl/tiles/tessl/npm-next/docs/dynamic-imports.md
new file mode 100644
index 000000000..3027c87e4
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-next/docs/dynamic-imports.md
@@ -0,0 +1,440 @@
+# Dynamic Imports
+
+Dynamic component loading with SSR support and loading states for code splitting and performance optimization in Next.js applications.
+
+## Capabilities
+
+### Dynamic Component Loading
+
+Load React components dynamically with support for SSR, loading states, and error boundaries.
+
+```typescript { .api }
+/**
+ * Dynamically import components with SSR support and loading states
+ */
+function dynamic<P = {}>(
+  dynamicOptions: DynamicOptions<P> | Loader<P>,
+  options?: DynamicOptions<P>
+): React.ComponentType<P>;
+
+/**
+ * Options for dynamic imports
+ */
+interface DynamicOptions<P = {}> {
+  /** Loading component to show while loading */
+  loading?: LoaderComponent;
+  /** Dynamic loader function */
+  loader?: Loader<P>;
+  /** Loadable component */
+  loadable?: LoadableComponent<P>;
+  /** Enable/disable server-side rendering */
+  ssr?: boolean;
+  /** Use React Suspense for loading */
+  suspense?: boolean;
+}
+
+/**
+ * Loader function type
+ */
+type Loader<P = {}> = () => LoaderComponent<P>;
+
+/**
+ * Loadable component type
+ */
+type LoadableComponent<P = {}> = Promise<React.ComponentType<P> | { default: React.ComponentType<P> }>;
+
+/**
+ * Loading component type
+ */
+type LoaderComponent = React.ComponentType<any>;
+```
+
+**Usage Examples:**
+
+```typescript
+import dynamic from "next/dynamic";
+
+// Basic dynamic import
+const DynamicComponent = dynamic(() => import("../components/HeavyComponent"));
+
+// With loading component
+const DynamicChart = dynamic(
+  () => import("../components/Chart"),
+  {
+    loading: () => <div>Loading chart...</div>,
+    ssr: false // Disable SSR for client-only components
+  }
+);
+
+// With custom loading component
+const LoadingSpinner = () => (
+  <div className="flex justify-center items-center h-64">
+    <div className="animate-spin rounded-full h-32 w-32 border-b-2 border-gray-900"></div>
+  </div>
+);
+
+const DynamicDashboard = dynamic(
+  () => import("../components/Dashboard"),
+  {
+    loading: LoadingSpinner,
+    ssr: true
+  }
+);
+
+// Use in component
+export default function Page() {
+  return (
+    <div>
+      <h1>My App</h1>
+      <DynamicComponent />
+      <DynamicChart data={chartData} />
+      <DynamicDashboard />
+    </div>
+  );
+}
+```
+
+### Named Exports
+
+Import specific named exports from modules dynamically.
+
+**Usage Examples:**
+
+```typescript
+import dynamic from "next/dynamic";
+
+// Import named export
+const DynamicButton = dynamic(() => 
+  import("../components/UI").then(mod => ({ default: mod.Button }))
+);
+
+// Import multiple named exports
+const DynamicModal = dynamic(() => 
+  import("../components/Modal").then(mod => ({ 
+    default: mod.Modal 
+  }))
+);
+
+// Complex dynamic import with transformation
+const DynamicVisualization = dynamic(
+  () => import("../lib/visualizations").then(mod => ({
+    default: mod.createChart
+  })),
+  {
+    loading: () => <div>Loading visualization...</div>,
+    ssr: false
+  }
+);
+```
+
+### Client-Only Components
+
+Components that should only render on the client side.
+
+**Usage Examples:**
+
+```typescript
+import dynamic from "next/dynamic";
+
+// Disable SSR for client-only components
+const ClientOnlyComponent = dynamic(
+  () => import("../components/ClientOnly"),
+  { ssr: false }
+);
+
+// Interactive components that depend on browser APIs
+const InteractiveMap = dynamic(
+  () => import("../components/Map"),
+  {
+    loading: () => <div>Loading map...</div>,
+    ssr: false // Maps often require browser APIs
+  }
+);
+
+// Canvas-based components
+const CanvasAnimation = dynamic(
+  () => import("../components/Animation"),
+  {
+    loading: () => <div className="w-full h-64 bg-gray-200 animate-pulse"></div>,
+    ssr: false
+  }
+);
+
+// Use with conditional rendering
+export default function Page() {
+  const [showInteractive, setShowInteractive] = useState(false);
+
+  return (
+    <div>
+      <h1>Page Content</h1>
+      
+      {/* Always render client-only component */}
+      <ClientOnlyComponent />
+      
+      {/* Conditionally render heavy component */}
+      {showInteractive && <InteractiveMap />}
+      
+      <button onClick={() => setShowInteractive(true)}>
+        Load Interactive Content
+      </button>
+    </div>
+  );
+}
+```
+
+### Suspense Integration
+
+Use React Suspense with dynamic imports for better loading experiences.
+
+**Usage Examples:**
+
+```typescript
+import dynamic from "next/dynamic";
+import { Suspense } from "react";
+
+// Enable Suspense mode
+const DynamicContent = dynamic(
+  () => import("../components/HeavyContent"),
+  { suspense: true }
+);
+
+// Custom fallback component
+const LoadingFallback = () => (
+  <div className="flex flex-col items-center justify-center h-64">
+    <div className="animate-spin rounded-full h-16 w-16 border-b-2 border-blue-500 mb-4"></div>
+    <p className="text-gray-600">Loading content...</p>
+  </div>
+);
+
+// Use with Suspense boundary
+export default function Page() {
+  return (
+    <div>
+      <h1>My Page</h1>
+      
+      <Suspense fallback={<LoadingFallback />}>
+        <DynamicContent />
+      </Suspense>
+    </div>
+  );
+}
+
+// Multiple dynamic components with shared Suspense
+const DynamicChart = dynamic(() => import("../components/Chart"), { suspense: true });
+const DynamicTable = dynamic(() => import("../components/Table"), { suspense: true });
+
+export function Dashboard() {
+  return (
+    <Suspense fallback={<div>Loading dashboard...</div>}>
+      <div className="grid grid-cols-2 gap-4">
+        <DynamicChart />
+        <DynamicTable />
+      </div>
+    </Suspense>
+  );
+}
+```
+
+### Performance Optimization Patterns
+
+Advanced patterns for optimizing dynamic imports and code splitting.
+
+**Usage Examples:**
+
+```typescript
+import dynamic from "next/dynamic";
+import { lazy, Suspense } from "react";
+
+// Route-based code splitting
+const DynamicAdminPanel = dynamic(() => import("../components/AdminPanel"), {
+  loading: () => <div>Loading admin panel...</div>,
+  ssr: false
+});
+
+// Feature-based splitting
+const DynamicPaymentForm = dynamic(() => import("../components/PaymentForm"), {
+  loading: () => <div>Loading payment form...</div>
+});
+
+// Conditional loading based on user permissions
+export default function Dashboard({ user }: { user: User }) {
+  return (
+    <div>
+      <h1>Dashboard</h1>
+      
+      {/* Load admin panel only for admin users */}
+      {user.role === "admin" && <DynamicAdminPanel />}
+      
+      {/* Load payment form only when needed */}
+      {user.subscription.status === "trial" && <DynamicPaymentForm />}
+    </div>
+  );
+}
+
+// Preload components on user interaction
+const DynamicModal = dynamic(() => import("../components/Modal"));
+
+export function TriggerButton() {
+  const handleMouseEnter = () => {
+    // Preload component on hover
+    import("../components/Modal");
+  };
+
+  return (
+    <button 
+      onMouseEnter={handleMouseEnter}
+      onClick={() => setShowModal(true)}
+    >
+      Open Modal
+    </button>
+  );
+}
+```
+
+### Error Handling
+
+Handle errors in dynamic imports gracefully.
+
+**Usage Examples:**
+
+```typescript
+import dynamic from "next/dynamic";
+
+// Dynamic import with error boundary
+const DynamicComponent = dynamic(
+  () => import("../components/MayFailComponent"),
+  {
+    loading: () => <div>Loading...</div>,
+    ssr: false
+  }
+);
+
+// Error boundary component
+class DynamicImportErrorBoundary extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false };
+  }
+
+  static getDerivedStateFromError(error) {
+    return { hasError: true };
+  }
+
+  componentDidCatch(error, errorInfo) {
+    console.error("Dynamic import failed:", error, errorInfo);
+  }
+
+  render() {
+    if (this.state.hasError) {
+      return (
+        <div className="p-4 bg-red-50 border border-red-200 rounded">
+          <h3 className="text-red-800">Failed to load component</h3>
+          <p className="text-red-600">Please try refreshing the page.</p>
+        </div>
+      );
+    }
+
+    return this.props.children;
+  }
+}
+
+// Use with error boundary
+export default function Page() {
+  return (
+    <div>
+      <h1>My Page</h1>
+      
+      <DynamicImportErrorBoundary>
+        <DynamicComponent />
+      </DynamicImportErrorBoundary>
+    </div>
+  );
+}
+
+// Handle import failures with retry logic
+const createDynamicComponent = (importPath: string, retries = 3) => {
+  return dynamic(
+    async () => {
+      let lastError;
+      
+      for (let i = 0; i < retries; i++) {
+        try {
+          return await import(importPath);
+        } catch (error) {
+          lastError = error;
+          
+          // Wait before retry
+          await new Promise(resolve => setTimeout(resolve, 1000 * (i + 1)));
+        }
+      }
+      
+      throw lastError;
+    },
+    {
+      loading: () => <div>Loading...</div>,
+      ssr: false
+    }
+  );
+};
+```
+
+### Dynamic Imports with Props
+
+Pass props to dynamically imported components with type safety.
+
+**Usage Examples:**
+
+```typescript
+import dynamic from "next/dynamic";
+
+// Define component props interface
+interface ChartProps {
+  data: ChartData[];
+  width: number;
+  height: number;
+  type: "line" | "bar" | "pie";
+}
+
+// Create typed dynamic component
+const DynamicChart = dynamic(
+  () => import("../components/Chart"),
+  {
+    loading: () => <div className="w-full h-64 bg-gray-100 animate-pulse"></div>,
+    ssr: false
+  }
+) as React.ComponentType<ChartProps>;
+
+// Use with type safety
+export default function Analytics({ chartData }: { chartData: ChartData[] }) {
+  return (
+    <div>
+      <h1>Analytics Dashboard</h1>
+      
+      <DynamicChart
+        data={chartData}
+        width={800}
+        height={400}
+        type="line"
+      />
+    </div>
+  );
+}
+
+// Dynamic import with generic props
+function createDynamicComponent<P = {}>() {
+  return dynamic(
+    () => import("../components/GenericComponent"),
+    {
+      loading: () => <div>Loading...</div>
+    }
+  ) as React.ComponentType<P>;
+}
+
+// Use generic dynamic component
+interface MyComponentProps {
+  title: string;
+  data: any[];
+}
+
+const DynamicMyComponent = createDynamicComponent<MyComponentProps>();
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-next/docs/fonts.md b/.tessl/tiles/tessl/npm-next/docs/fonts.md
new file mode 100644
index 000000000..e8ef946c8
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-next/docs/fonts.md
@@ -0,0 +1,415 @@
+# Font System
+
+Google Fonts and local font loading system with automatic optimization, self-hosting, and CSS variable generation for Next.js applications.
+
+## Capabilities
+
+### Google Fonts
+
+Load Google Fonts with automatic optimization, self-hosting, and zero layout shift.
+
+```typescript { .api }
+/**
+ * Load Inter font from Google Fonts
+ */
+function Inter(options?: FontOptions): NextFont;
+
+/**
+ * Load Roboto font from Google Fonts
+ */
+function Roboto(options?: FontOptions): NextFont;
+
+/**
+ * Load Open Sans font from Google Fonts
+ */
+function Open_Sans(options?: FontOptions): NextFont;
+
+/**
+ * Load Poppins font from Google Fonts
+ */
+function Poppins(options?: FontOptions): NextFont;
+
+/**
+ * Load Montserrat font from Google Fonts
+ */
+function Montserrat(options?: FontOptions): NextFont;
+
+/**
+ * Load Lato font from Google Fonts
+ */
+function Lato(options?: FontOptions): NextFont;
+
+/**
+ * Load Nunito font from Google Fonts
+ */
+function Nunito(options?: FontOptions): NextFont;
+
+/**
+ * Load Source Sans Pro font from Google Fonts
+ */
+function Source_Sans_Pro(options?: FontOptions): NextFont;
+
+/**
+ * Options for Google Fonts
+ */
+interface FontOptions {
+  /** Font subsets to include */
+  subsets?: string[];
+  /** Font weights to load */
+  weight?: string | string[];
+  /** Font styles to load */
+  style?: string | string[];
+  /** Preload the font */
+  preload?: boolean;
+  /** Fallback fonts */
+  fallback?: string[];
+  /** Adjust fallback font metrics */
+  adjustFontFallback?: boolean;
+  /** CSS variable name */
+  variable?: string;
+  /** Font display behavior */
+  display?: "auto" | "block" | "swap" | "fallback" | "optional";
+}
+
+/**
+ * Next.js font object
+ */
+interface NextFont {
+  /** CSS class name for the font */
+  className: string;
+  /** Inline CSS styles */
+  style: React.CSSProperties;
+  /** CSS variable name (when variable option is set) */
+  variable?: string;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { Inter, Roboto, Open_Sans } from "next/font/google";
+
+// Basic font loading
+const inter = Inter({
+  subsets: ["latin"],
+  display: "swap"
+});
+
+// Multiple weights and styles
+const roboto = Roboto({
+  weight: ["300", "400", "500", "700"],
+  style: ["normal", "italic"],
+  subsets: ["latin"],
+  display: "swap"
+});
+
+// CSS variable for dynamic usage
+const openSans = Open_Sans({
+  subsets: ["latin"],
+  variable: "--font-open-sans",
+  display: "swap"
+});
+
+// Use in components
+export default function Layout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="en">
+      <body className={`${inter.className} ${openSans.variable}`}>
+        {children}
+      </body>
+    </html>
+  );
+}
+
+// Use with Tailwind CSS
+export default function Page() {
+  return (
+    <div className="font-sans"> {/* Uses CSS variable */}
+      <h1 className={roboto.className}>Welcome</h1>
+      <p style={inter.style}>This is a paragraph with Inter font.</p>
+    </div>
+  );
+}
+```
+
+### Local Fonts
+
+Load local font files with optimization and CSS variable generation.
+
+```typescript { .api }
+/**
+ * Load local font files
+ */
+function localFont(options: LocalFontOptions): NextFont;
+
+/**
+ * Options for local fonts
+ */
+interface LocalFontOptions {
+  /** Font file source(s) */
+  src: string | Array<{
+    /** Path to font file */
+    path: string;
+    /** Font weight */
+    weight?: string;
+    /** Font style */
+    style?: string;
+    /** Font format extension */
+    ext?: string;
+  }>;
+  /** Font display behavior */
+  display?: "auto" | "block" | "swap" | "fallback" | "optional";
+  /** Font weight */
+  weight?: string;
+  /** Font style */
+  style?: string;
+  /** Fallback fonts */
+  fallback?: string[];
+  /** Preload the font */
+  preload?: boolean;
+  /** CSS variable name */
+  variable?: string;
+  /** Adjust fallback font metrics */
+  adjustFontFallback?: boolean;
+  /** Font family name override */
+  declarations?: Array<{
+    prop: string;
+    value: string;
+  }>;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import localFont from "next/font/local";
+
+// Single font file
+const myFont = localFont({
+  src: "./fonts/my-font.woff2",
+  display: "swap"
+});
+
+// Multiple font files with weights
+const customFont = localFont({
+  src: [
+    {
+      path: "./fonts/custom-regular.woff2",
+      weight: "400",
+      style: "normal"
+    },
+    {
+      path: "./fonts/custom-bold.woff2",
+      weight: "700",
+      style: "normal"
+    },
+    {
+      path: "./fonts/custom-italic.woff2",
+      weight: "400",
+      style: "italic"
+    }
+  ],
+  variable: "--font-custom",
+  display: "swap"
+});
+
+// Variable font
+const variableFont = localFont({
+  src: "./fonts/variable-font.woff2",
+  display: "swap",
+  weight: "100 900" // Variable font weight range
+});
+
+// Use in app
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="en">
+      <body className={`${myFont.className} ${customFont.variable}`}>
+        {children}
+      </body>
+    </html>
+  );
+}
+```
+
+### Font Loading Strategies
+
+Different strategies for loading and optimizing fonts.
+
+**Usage Examples:**
+
+```typescript
+import { Inter, Roboto } from "next/font/google";
+import localFont from "next/font/local";
+
+// Preloaded critical fonts
+const headingFont = Inter({
+  subsets: ["latin"],
+  weight: ["600", "700"],
+  preload: true, // Preload for critical text
+  display: "swap"
+});
+
+// Lazy loaded fonts
+const bodyFont = Roboto({
+  subsets: ["latin"],
+  weight: ["300", "400"],
+  preload: false, // Don't preload non-critical fonts
+  display: "optional" // Skip font if not loaded quickly
+});
+
+// Custom fallback optimization
+const optimizedFont = Inter({
+  subsets: ["latin"],
+  adjustFontFallback: true, // Optimize fallback metrics
+  fallback: ["system-ui", "arial"] // Custom fallback stack
+});
+
+// CSS variables for design system
+const designSystemFonts = {
+  heading: Inter({
+    subsets: ["latin"],
+    weight: ["600", "700", "800"],
+    variable: "--font-heading"
+  }),
+  body: Inter({
+    subsets: ["latin"],
+    weight: ["400", "500"],
+    variable: "--font-body"
+  }),
+  mono: localFont({
+    src: "./fonts/mono.woff2",
+    variable: "--font-mono"
+  })
+};
+
+// Apply in root layout
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="en">
+      <body 
+        className={`
+          ${designSystemFonts.heading.variable} 
+          ${designSystemFonts.body.variable} 
+          ${designSystemFonts.mono.variable}
+        `}
+      >
+        {children}
+      </body>
+    </html>
+  );
+}
+```
+
+### Font Optimization Features
+
+Next.js font system includes several optimization features:
+
+**Built-in Optimizations:**
+
+1. **Self-hosting**: Google Fonts are automatically self-hosted
+2. **Zero Layout Shift**: Font metrics prevent layout shifts
+3. **Preloading**: Critical fonts can be preloaded
+4. **Subset Loading**: Only load required character sets
+5. **Format Optimization**: Serves modern formats (woff2) with fallbacks
+
+**Usage Examples:**
+
+```typescript
+// Performance optimized setup
+const performantFont = Inter({
+  subsets: ["latin"], // Only load Latin characters
+  display: "swap", // Swap with fallback immediately
+  preload: true, // Preload for critical content
+  adjustFontFallback: true, // Optimize fallback metrics
+  fallback: ["system-ui", "-apple-system", "sans-serif"]
+});
+
+// Multi-language support
+const multiLangFont = Inter({
+  subsets: ["latin", "latin-ext", "cyrillic"],
+  display: "swap"
+});
+
+// Variable font for flexible styling
+const variableFont = Inter({
+  subsets: ["latin"],
+  weight: "variable", // Use variable font
+  display: "swap"
+});
+```
+
+### Tailwind CSS Integration
+
+Using Next.js fonts with Tailwind CSS configuration.
+
+**Usage Examples:**
+
+```typescript
+// tailwind.config.js
+module.exports = {
+  theme: {
+    extend: {
+      fontFamily: {
+        'heading': ['var(--font-heading)', 'system-ui', 'sans-serif'],
+        'body': ['var(--font-body)', 'system-ui', 'sans-serif'],
+        'mono': ['var(--font-mono)', 'monospace']
+      }
+    }
+  }
+};
+
+// Usage in components
+export default function Page() {
+  return (
+    <div>
+      <h1 className="font-heading font-bold text-4xl">Heading</h1>
+      <p className="font-body text-base">Body text</p>
+      <code className="font-mono">Code snippet</code>
+    </div>
+  );
+}
+```
+
+### Font Loading Best Practices
+
+**Critical Font Loading:**
+
+```typescript
+// Load critical fonts with high priority
+const criticalFont = Inter({
+  subsets: ["latin"],
+  weight: ["400", "600"],
+  preload: true,
+  display: "swap"
+});
+
+// Apply to above-the-fold content
+export default function Hero() {
+  return (
+    <section className={criticalFont.className}>
+      <h1>Critical above-the-fold content</h1>
+    </section>
+  );
+}
+```
+
+**Progressive Enhancement:**
+
+```typescript
+// Fallback-first approach
+const enhancedFont = Inter({
+  subsets: ["latin"],
+  display: "optional", // Don't block render
+  fallback: ["system-ui", "Arial", "sans-serif"]
+});
+
+// Graceful degradation
+export default function Content() {
+  return (
+    <div className={enhancedFont.className}>
+      <p>This text looks good with or without the custom font</p>
+    </div>
+  );
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-next/docs/index.md b/.tessl/tiles/tessl/npm-next/docs/index.md
new file mode 100644
index 000000000..4fc956de5
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-next/docs/index.md
@@ -0,0 +1,416 @@
+# Next.js
+
+Next.js is a comprehensive React framework that enables developers to build full-stack web applications with advanced features including server-side rendering (SSR), static site generation (SSG), API routes, automatic code splitting, image optimization, and built-in TypeScript support. It provides a zero-configuration development experience with file-based routing, automatic bundling and compilation, and hot code reloading for rapid development.
+
+## Package Information
+
+- **Package Name**: next
+- **Package Type**: npm
+- **Language**: TypeScript/JavaScript
+- **Installation**: `npm install next react react-dom`
+
+## Core Imports
+
+```typescript
+import Link from "next/link";
+import Image from "next/image";
+import { useRouter } from "next/navigation";
+import { NextRequest, NextResponse } from "next/server";
+```
+
+For CommonJS:
+
+```javascript
+const Link = require("next/link");
+const Image = require("next/image");
+const { useRouter } = require("next/navigation");
+```
+
+## Basic Usage
+
+```typescript
+// pages/index.tsx (Pages Router)
+import { GetStaticProps, NextPage } from "next";
+import Link from "next/link";
+
+interface Props {
+  posts: Post[];
+}
+
+const HomePage: NextPage<Props> = ({ posts }) => {
+  return (
+    <div>
+      <h1>Welcome to Next.js</h1>
+      <Link href="/about">About</Link>
+      {posts.map(post => (
+        <div key={post.id}>{post.title}</div>
+      ))}
+    </div>
+  );
+};
+
+export const getStaticProps: GetStaticProps<Props> = async () => {
+  const posts = await fetchPosts();
+  return { props: { posts } };
+};
+
+export default HomePage;
+```
+
+## Architecture
+
+Next.js is built around several key architectural concepts:
+
+- **Router Systems**: Two routing approaches - modern App Router (app/ directory) and legacy Pages Router (pages/ directory)
+- **Rendering Strategies**: Client-side rendering (CSR), server-side rendering (SSR), static site generation (SSG), and incremental static regeneration (ISR)
+- **Component System**: Optimized components for images, links, scripts, and fonts with built-in performance optimizations
+- **Server Functions**: Edge runtime functions for headers, cookies, caching, and data revalidation
+- **Build System**: Automatic code splitting, bundle optimization, and deployment optimizations
+
+## Capabilities
+
+### Core Framework Types
+
+Essential types and interfaces for Next.js pages, API routes, and data fetching patterns.
+
+```typescript { .api }
+type NextPage<Props = {}, InitialProps = Props> = React.ComponentType<Props> & {
+  getInitialProps?(context: NextPageContext): InitialProps | Promise<InitialProps>;
+};
+
+interface NextPageContext {
+  pathname: string;
+  query: ParsedUrlQuery;
+  asPath: string;
+  req?: IncomingMessage;
+  res?: ServerResponse;
+  err?: Error;
+}
+
+type GetStaticProps<Props = {}, Params = ParsedUrlQuery> = (
+  context: GetStaticPropsContext<Params>
+) => Promise<GetStaticPropsResult<Props>> | GetStaticPropsResult<Props>;
+
+type GetServerSideProps<Props = {}, Params = ParsedUrlQuery> = (
+  context: GetServerSidePropsContext<Params>
+) => Promise<GetServerSidePropsResult<Props>>;
+```
+
+[Core Framework](./core-framework.md)
+
+### Components and UI
+
+Optimized React components for links, images, scripts, and document head management with built-in performance optimizations.
+
+```typescript { .api }
+declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
+
+interface LinkProps {
+  href: string | UrlObject;
+  as?: string | UrlObject;
+  replace?: boolean;
+  scroll?: boolean;
+  shallow?: boolean;
+  passHref?: boolean;
+  prefetch?: boolean;
+  locale?: string | false;
+}
+
+declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLImageElement>>;
+
+interface ImageProps {
+  src: string | StaticImageData;
+  alt: string;
+  width?: number | `${number}`;
+  height?: number | `${number}`;
+  fill?: boolean;
+  loader?: ImageLoader;
+  quality?: number;
+  priority?: boolean;
+  placeholder?: "blur" | "empty";
+  blurDataURL?: string;
+  sizes?: string;
+  unoptimized?: boolean;
+  onLoadingComplete?: (result: { naturalWidth: number; naturalHeight: number }) => void;
+}
+
+declare const Script: React.ForwardRefExoticComponent<ScriptProps & React.RefAttributes<HTMLScriptElement>>;
+
+interface ScriptProps {
+  src?: string;
+  strategy?: "beforeInteractive" | "afterInteractive" | "lazyOnload" | "worker";
+  onLoad?: (event: Event) => void;
+  onError?: (event: ErrorEvent) => void;
+  onReady?: () => void;
+}
+
+declare const NextScript: React.FunctionComponent<{}>;
+declare const Html: React.FunctionComponent<React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement>>;
+declare const Head: React.FunctionComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadElement>, HTMLHeadElement>>;
+declare const Main: React.FunctionComponent<{}>;
+```
+
+[Components and UI](./components.md)
+
+### App Router Navigation
+
+Modern navigation system for the App Router with hooks for programmatic navigation and route information.
+
+```typescript { .api }
+function useRouter(): AppRouterInstance;
+function usePathname(): string;
+function useSearchParams(): ReadonlyURLSearchParams;
+function useParams(): { [key: string]: string | string[] };
+function redirect(url: string): never;
+function permanentRedirect(url: string): never;
+function notFound(): never;
+
+interface AppRouterInstance {
+  push(href: string, options?: NavigateOptions): void;
+  replace(href: string, options?: NavigateOptions): void;
+  refresh(): void;
+  prefetch(href: string): void;
+  back(): void;
+  forward(): void;
+}
+```
+
+[App Router Navigation](./app-router-navigation.md)
+
+### Pages Router Navigation
+
+Legacy navigation system for the Pages Router with comprehensive client-side routing capabilities.
+
+```typescript { .api }
+function useRouter(): NextRouter;
+function withRouter<P extends WithRouterProps>(Component: React.ComponentType<P>): React.ComponentType<Omit<P, keyof WithRouterProps>>;
+
+interface NextRouter {
+  route: string;
+  pathname: string;
+  query: ParsedUrlQuery;
+  asPath: string;
+  basePath: string;
+  locale?: string;
+  locales?: string[];
+  defaultLocale?: string;
+  isReady: boolean;
+  push(url: string | UrlObject, as?: string | UrlObject, options?: TransitionOptions): Promise<boolean>;
+  replace(url: string | UrlObject, as?: string | UrlObject, options?: TransitionOptions): Promise<boolean>;
+  reload(): void;
+  back(): void;
+  prefetch(url: string, asPath?: string, options?: PrefetchOptions): Promise<void>;
+  beforePopState(cb: BeforePopStateCallback): void;
+  events: RouterEvents;
+}
+```
+
+[Pages Router Navigation](./pages-router-navigation.md)
+
+### Server Runtime
+
+Server-side runtime components for middleware, edge functions, and request/response handling.
+
+```typescript { .api }
+declare class NextRequest extends Request {
+  readonly cookies: RequestCookies;
+  readonly geo: Geo | undefined;
+  readonly ip: string | undefined;
+  readonly nextUrl: NextURL;
+  readonly url: string;
+}
+
+declare class NextResponse extends Response {
+  readonly cookies: ResponseCookies;
+  static json(object: any, init?: ResponseInit): NextResponse;
+  static redirect(url: string | URL, init?: number | ResponseInit): NextResponse;
+  static rewrite(destination: string | URL, init?: ResponseInit): NextResponse;
+  static next(init?: ResponseInit): NextResponse;
+}
+
+type NextMiddleware = (
+  request: NextRequest,
+  event: NextFetchEvent
+) => NextResponse | Response | null | undefined | Promise<NextResponse | Response | null | undefined>;
+```
+
+[Server Runtime](./server-runtime.md)
+
+### Server Functions
+
+Server-side functions for accessing headers, cookies, and cache management in App Router components and API routes.
+
+```typescript { .api }
+function headers(): ReadonlyHeaders;
+function cookies(): ReadonlyRequestCookies;
+function draftMode(): { isEnabled: boolean };
+function unstable_cache<T>(fn: () => Promise<T>, keyParts?: string[], options?: { revalidate?: number | false; tags?: string[] }): () => Promise<T>;
+function revalidateTag(tag: string): void;
+function revalidatePath(originalPath: string, type?: "layout" | "page"): void;
+function unstable_noStore(): void;
+
+interface ReadonlyHeaders {
+  get(name: string): string | null;
+  has(name: string): boolean;
+  forEach(callbackfn: (value: string, name: string) => void): void;
+}
+
+interface ReadonlyRequestCookies {
+  get(name: string): { name: string; value: string } | undefined;
+  getAll(): { name: string; value: string }[];
+  has(name: string): boolean;
+  set(name: string, value: string): void;
+  delete(name: string): void;
+}
+```
+
+[Server Functions](./server-functions.md)
+
+### Font System
+
+Google Fonts and local font loading system with automatic optimization and self-hosting.
+
+```typescript { .api }
+function Inter(options?: FontOptions): NextFont;
+function Roboto(options?: FontOptions): NextFont;
+function localFont(options: LocalFontOptions): NextFont;
+
+interface FontOptions {
+  subsets?: string[];
+  weight?: string | string[];
+  style?: string | string[];
+  preload?: boolean;
+  fallback?: string[];
+  adjustFontFallback?: boolean;
+  variable?: string;
+  display?: "auto" | "block" | "swap" | "fallback" | "optional";
+}
+
+interface NextFont {
+  className: string;
+  style: React.CSSProperties;
+  variable?: string;
+}
+
+interface LocalFontOptions {
+  src: string | Array<{ path: string; weight?: string; style?: string }>;
+  display?: "auto" | "block" | "swap" | "fallback" | "optional";
+  weight?: string;
+  style?: string;
+  fallback?: string[];
+  preload?: boolean;
+  variable?: string;
+  adjustFontFallback?: boolean;
+}
+```
+
+[Font System](./fonts.md)
+
+### Dynamic Imports
+
+Dynamic component loading with SSR support and loading states for code splitting and performance optimization.
+
+```typescript { .api }
+function dynamic<P = {}>(
+  dynamicOptions: DynamicOptions<P> | Loader<P>,
+  options?: DynamicOptions<P>
+): React.ComponentType<P>;
+
+interface DynamicOptions<P = {}> {
+  loading?: LoaderComponent;
+  loader?: Loader<P>;
+  loadable?: LoadableComponent<P>;
+  ssr?: boolean;
+  suspense?: boolean;
+}
+
+type Loader<P = {}> = () => LoaderComponent<P>;
+type LoadableComponent<P = {}> = Promise<React.ComponentType<P> | { default: React.ComponentType<P> }>;
+type LoaderComponent = React.ComponentType<any>;
+```
+
+[Dynamic Imports](./dynamic-imports.md)
+
+### Metadata and SEO
+
+App Router metadata system for managing page metadata, SEO tags, Open Graph data, and structured data.
+
+```typescript { .api }
+interface Metadata {
+  title?: string | TemplateString;
+  description?: string;
+  keywords?: string | string[];
+  authors?: Author | Author[];
+  openGraph?: OpenGraph;
+  twitter?: Twitter;
+  robots?: string | Robots;
+  icons?: string | URL | Icons | Icons[];
+  viewport?: string | Viewport;
+  verification?: Verification;
+}
+
+type GenerateMetadata<Params = {}, SearchParams = {}> = (
+  props: { params: Params; searchParams: SearchParams },
+  parent: ResolvingMetadata
+) => Promise<Metadata> | Metadata;
+```
+
+[Metadata and SEO](./metadata.md)
+
+### Web Vitals
+
+Performance monitoring utilities for Core Web Vitals and other performance metrics.
+
+```typescript { .api }
+function getCLS(onReport: ReportHandler): void;
+function getFCP(onReport: ReportHandler): void;
+function getFID(onReport: ReportHandler): void;
+function getINP(onReport: ReportHandler): void;
+function getLCP(onReport: ReportHandler): void;
+function getTTFB(onReport: ReportHandler): void;
+
+interface NextWebVitalsMetric extends Metric {
+  label: string;
+  startTime: number;
+}
+
+type ReportHandler = (metric: Metric) => void;
+```
+
+[Web Vitals](./web-vitals.md)
+
+## Types
+
+```typescript { .api }
+interface ParsedUrlQuery {
+  [key: string]: string | string[] | undefined;
+}
+
+interface UrlObject {
+  auth?: string | null;
+  hash?: string | null;
+  host?: string | null;
+  hostname?: string | null;
+  href?: string | null;
+  pathname?: string | null;
+  protocol?: string | null;
+  search?: string | null;
+  slashes?: boolean | null;
+  port?: string | number | null;
+  query?: string | null | ParsedUrlQuery;
+}
+
+type Redirect =
+  | {
+      statusCode: 301 | 302 | 303 | 307 | 308;
+      destination: string;
+      basePath?: false;
+    }
+  | {
+      permanent: boolean;
+      destination: string;
+      basePath?: false;
+    };
+
+type ServerRuntime = "nodejs" | "experimental-edge" | "edge" | undefined;
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-next/docs/metadata.md b/.tessl/tiles/tessl/npm-next/docs/metadata.md
new file mode 100644
index 000000000..b0685997f
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-next/docs/metadata.md
@@ -0,0 +1,423 @@
+# Metadata and SEO
+
+App Router metadata system for managing page and layout metadata, SEO tags, Open Graph data, and structured data in Next.js applications.
+
+## Capabilities
+
+### Metadata Configuration
+
+Static and dynamic metadata configuration for pages and layouts using the metadata export.
+
+```typescript { .api }
+/**
+ * Main metadata configuration interface
+ */
+interface Metadata {
+  /** Page title */
+  title?: string | TemplateString;
+  /** Page description */
+  description?: string;
+  /** Keywords for SEO */
+  keywords?: string | string[];
+  /** Page authors */  
+  authors?: Author | Author[];
+  /** Content creator */
+  creator?: string;
+  /** Content publisher */
+  publisher?: string;
+  /** Format detection settings */
+  formatDetection?: FormatDetection;
+  /** Generator information */
+  generator?: string;
+  /** Application name */
+  applicationName?: string;
+  /** Referrer policy */
+  referrer?: ReferrerType;
+  /** Content classification */
+  classification?: string;
+  /** Content category */
+  category?: string;
+  /** Bookmark URL */
+  bookmarks?: string | URL;
+  /** Twitter card configuration */
+  twitter?: Twitter;
+  /** Open Graph configuration */
+  openGraph?: OpenGraph;
+  /** Robots directives */
+  robots?: string | Robots;
+  /** Favicon and icons */
+  icons?: string | URL | Icons | Icons[];
+  /** Web app manifest */
+  manifest?: string | URL;
+  /** Viewport configuration */
+  viewport?: string | Viewport;
+  /** Site verification */
+  verification?: Verification;
+  /** iTunes App configuration */
+  itunes?: ItunesApp;
+  /** Apple web app configuration */
+  appleWebApp?: AppleWebApp;
+  /** Alternate URLs */
+  alternates?: AlternateURLs;
+  /** App links */
+  appLinks?: AppLinks;
+  /** Archive URLs */
+  archives?: string | string[];
+  /** Asset URLs */
+  assets?: string | string[];
+  /** Base URL for relative URLs */
+  metadataBase?: URL;
+}
+
+/**
+ * Template string for dynamic titles
+ */
+interface TemplateString {
+  /** Title template with %s placeholder */
+  template: string;
+  /** Default title when no child title is provided */
+  default?: string;
+  /** Absolute title that ignores parent templates */
+  absolute?: string;
+}
+
+/**
+ * Author information
+ */
+interface Author {
+  /** Author name */
+  name: string;
+  /** Author URL */
+  url?: string;
+}
+
+/**
+ * Format detection configuration
+ */
+interface FormatDetection {
+  /** Telephone number detection */
+  telephone?: boolean;
+  /** Date detection */
+  date?: boolean;
+  /** Address detection */
+  address?: boolean;
+  /** Email detection */
+  email?: boolean;
+  /** URL detection */
+  url?: boolean;
+}
+
+/**
+ * Robots configuration
+ */
+interface Robots {
+  /** Allow indexing */
+  index?: boolean;
+  /** Allow following links */
+  follow?: boolean;
+  /** Disable caching */
+  noarchive?: boolean;
+  /** Disable snippet generation */
+  nosnippet?: boolean;
+  /** Disable image indexing */
+  noimageindex?: boolean;
+  /** Maximum snippet length */
+  maxSnippet?: number;
+  /** Maximum image preview size */
+  maxImagePreview?: "none" | "standard" | "large";
+  /** Maximum video preview duration */
+  maxVideoPreview?: number;
+}
+```
+
+### Dynamic Metadata Generation
+
+Functions for generating metadata dynamically based on page parameters and data.
+
+```typescript { .api }
+/**
+ * Function to generate metadata dynamically
+ */
+type GenerateMetadata<Params = {}, SearchParams = {}> = (
+  props: {
+    params: Params;
+    searchParams: SearchParams;
+  },
+  parent: ResolvingMetadata
+) => Promise<Metadata> | Metadata;
+
+/**
+ * Resolved metadata from parent layouts
+ */
+type ResolvedMetadata = {
+  title: ResolvedTitle;
+  description: string | null;
+  openGraph: ResolvedOpenGraph;
+  twitter: ResolvedTwitter;
+};
+
+/**
+ * Metadata being resolved (includes promises)
+ */
+type ResolvingMetadata = Promise<ResolvedMetadata>;
+
+interface ResolvedTitle {
+  absolute: string;
+  template: string | null;
+}
+
+interface ResolvedOpenGraph {
+  title: string | null;
+  description: string | null;
+  images: OpenGraphImage[];
+}
+
+interface ResolvedTwitter {
+  title: string | null;
+  description: string | null;
+  images: TwitterImage[];
+}
+```
+
+### Open Graph Configuration
+
+Configuration for Open Graph meta tags for social media sharing.
+
+```typescript { .api }
+/**
+ * Open Graph configuration
+ */
+interface OpenGraph {
+  /** Page title */
+  title?: string;
+  /** Page description */
+  description?: string;
+  /** Page URL */
+  url?: string | URL;
+  /** Site name */
+  siteName?: string;
+  /** Page images */
+  images?: string | OpenGraphImage | Array<string | OpenGraphImage>;
+  /** Locale */
+  locale?: string;
+  /** Content type */
+  type?: "website" | "article" | "book" | "profile" | "music.song" | "music.album" | "music.playlist" | "music.radio_station" | "video.movie" | "video.episode" | "video.tv_show" | "video.other";
+  /** Published time (for articles) */
+  publishedTime?: string;
+  /** Modified time (for articles) */
+  modifiedTime?: string;
+  /** Expiration time (for articles) */
+  expirationTime?: string;
+  /** Authors (for articles) */
+  authors?: string[];
+  /** Section (for articles) */
+  section?: string;
+  /** Tags (for articles) */
+  tags?: string[];
+}
+
+/**
+ * Open Graph image configuration
+ */
+interface OpenGraphImage {
+  /** Image URL */
+  url: string | URL;
+  /** Image width */
+  width?: number;
+  /** Image height */
+  height?: number;
+  /** Image alt text */
+  alt?: string;
+  /** Image type */
+  type?: string;
+  /** Image secure URL */
+  secureUrl?: string;
+}
+```
+
+### Twitter Card Configuration
+
+Configuration for Twitter Card meta tags.
+
+```typescript { .api }
+/**
+ * Twitter card configuration
+ */
+interface Twitter {
+  /** Card type */
+  card?: "summary" | "summary_large_image" | "app" | "player";
+  /** Page title */
+  title?: string;
+  /** Page description */
+  description?: string;
+  /** Creator Twitter handle */
+  creator?: string;
+  /** Creator ID */
+  creatorId?: string;
+  /** Site Twitter handle */
+  site?: string;
+  /** Site ID */
+  siteId?: string;
+  /** Card images */
+  images?: string | TwitterImage | Array<string | TwitterImage>;
+  /** App configuration */
+  app?: TwitterApp;
+  /** Player configuration */
+  players?: TwitterPlayer | TwitterPlayer[];
+}
+
+/**
+ * Twitter image configuration
+ */
+interface TwitterImage {
+  /** Image URL */
+  url: string | URL;
+  /** Image alt text */
+  alt?: string;
+  /** Image type */
+  type?: string;
+  /** Image width */
+  width?: number;
+  /** Image height */
+  height?: number;
+}
+
+/**
+ * Twitter app configuration
+ */
+interface TwitterApp {
+  /** App name */
+  name: string;
+  /** iOS app ID */
+  id: {
+    iphone?: string;
+    ipad?: string;
+    googleplay?: string;
+  };
+  /** App URLs */
+  url?: {
+    iphone?: string;
+    ipad?: string;
+    googleplay?: string;
+  };
+}
+
+/**
+ * Twitter player configuration
+ */
+interface TwitterPlayer {
+  /** Player URL */
+  playerUrl: string | URL;
+  /** Stream URL */
+  streamUrl?: string | URL;
+  /** Player width */
+  width?: number;
+  /** Player height */  
+  height?: number;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+// Static metadata
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'My Next.js App',
+  description: 'This is my awesome Next.js application',
+  keywords: ['Next.js', 'React', 'TypeScript'],
+  authors: [{ name: 'John Doe', url: 'https://johndoe.com' }],
+  openGraph: {
+    title: 'My Next.js App',
+    description: 'This is my awesome Next.js application',
+    url: 'https://myapp.com',
+    siteName: 'My App',
+    images: [
+      {
+        url: 'https://myapp.com/og-image.jpg',
+        width: 1200,
+        height: 630,
+        alt: 'My App OpenGraph Image',
+      },
+    ],
+    locale: 'en_US',
+    type: 'website',
+  },
+  twitter: {
+    card: 'summary_large_image',
+    title: 'My Next.js App',
+    description: 'This is my awesome Next.js application',
+    creator: '@johndoe',
+    images: ['https://myapp.com/twitter-image.jpg'],
+  },
+  robots: {
+    index: true,
+    follow: true,
+    googleBot: {
+      index: true,
+      follow: false,
+      noimageindex: true,
+      'max-video-preview': -1,
+      'max-image-preview': 'large',
+      'max-snippet': -1,
+    },
+  },
+};
+
+// Dynamic metadata
+import type { Metadata } from 'next';
+
+interface Props {
+  params: { id: string };
+  searchParams: { [key: string]: string | string[] | undefined };
+}
+
+export async function generateMetadata(
+  { params, searchParams }: Props,
+  parent: ResolvingMetadata
+): Promise<Metadata> {
+  // Fetch data
+  const product = await fetch(`https://api.example.com/products/${params.id}`).then((res) => res.json());
+  
+  // Get parent metadata
+  const previousImages = (await parent).openGraph?.images || [];
+
+  return {
+    title: product.name,
+    description: product.description,
+    openGraph: {
+      title: product.name,
+      description: product.description,
+      images: [
+        {
+          url: product.image,
+          width: 1200,
+          height: 630,
+          alt: product.name,
+        },
+        ...previousImages,
+      ],
+    },
+    twitter: {
+      card: 'summary_large_image',
+      title: product.name,
+      description: product.description,
+      images: [product.image],
+    },
+  };
+}
+
+// Template titles
+export const metadata: Metadata = {
+  title: {
+    template: '%s | My App',
+    default: 'My App',
+  },
+};
+
+// Child page will have title: "About | My App"
+export const metadata: Metadata = {
+  title: 'About',
+};
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-next/docs/pages-router-navigation.md b/.tessl/tiles/tessl/npm-next/docs/pages-router-navigation.md
new file mode 100644
index 000000000..c2518b899
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-next/docs/pages-router-navigation.md
@@ -0,0 +1,517 @@
+# Pages Router Navigation
+
+Legacy navigation system for the Pages Router with comprehensive client-side routing capabilities, router events, and programmatic navigation.
+
+## Capabilities
+
+### Router Hook
+
+Main hook for accessing router information and performing navigation in Pages Router components.
+
+```typescript { .api }
+/**
+ * Hook for programmatic navigation and router information in Pages Router
+ */
+function useRouter(): NextRouter;
+
+/**
+ * Next.js router instance with navigation methods and properties
+ */
+interface NextRouter {
+  /** Current route pattern */
+  route: string;
+  /** Current pathname */
+  pathname: string;
+  /** Current query parameters */
+  query: ParsedUrlQuery;
+  /** Current URL as shown in browser */
+  asPath: string;
+  /** Base path from Next.js config */
+  basePath: string;
+  /** Current locale (i18n) */
+  locale?: string;
+  /** Available locales (i18n) */
+  locales?: string[];
+  /** Default locale (i18n) */
+  defaultLocale?: string;
+  /** Whether router is ready with query values */
+  isReady: boolean;
+  /** Navigate to new route */
+  push(url: string | UrlObject, as?: string | UrlObject, options?: TransitionOptions): Promise<boolean>;
+  /** Replace current route */
+  replace(url: string | UrlObject, as?: string | UrlObject, options?: TransitionOptions): Promise<boolean>;
+  /** Reload current page */
+  reload(): void;
+  /** Navigate back in history */
+  back(): void;
+  /** Prefetch route for faster navigation */
+  prefetch(url: string, asPath?: string, options?: PrefetchOptions): Promise<void>;
+  /** Handle back button behavior */
+  beforePopState(cb: BeforePopStateCallback): void;
+  /** Router events emitter */
+  events: RouterEvents;
+}
+
+/**
+ * Parsed URL query parameters
+ */
+interface ParsedUrlQuery {
+  [key: string]: string | string[] | undefined;
+}
+
+/**
+ * URL object for complex routing
+ */
+interface UrlObject {
+  auth?: string | null;
+  hash?: string | null;
+  host?: string | null;
+  hostname?: string | null;
+  href?: string | null;
+  pathname?: string | null;
+  protocol?: string | null;
+  search?: string | null;
+  slashes?: boolean | null;
+  port?: string | number | null;
+  query?: string | null | ParsedUrlQuery;
+}
+
+/**
+ * Options for navigation transitions
+ */
+interface TransitionOptions {
+  /** Update browser URL without running data fetching */
+  shallow?: boolean;
+  /** Active locale for navigation */
+  locale?: string | false;
+  /** Scroll to top after navigation */
+  scroll?: boolean;
+  /** Skip client-side routing */
+  unstable_skipClientExport?: boolean;
+}
+
+/**
+ * Options for prefetching routes
+ */
+interface PrefetchOptions {
+  /** Priority for prefetching */
+  priority?: boolean;
+  /** Active locale for prefetching */
+  locale?: string | false;
+}
+
+/**
+ * Callback for handling back button behavior
+ */
+type BeforePopStateCallback = (state: any) => boolean;
+```
+
+**Usage Examples:**
+
+```typescript
+import { useRouter } from "next/router";
+import { useEffect } from "react";
+
+export default function PageComponent() {
+  const router = useRouter();
+
+  // Access router information
+  console.log("Current route:", router.route); // "/blog/[slug]"
+  console.log("Current pathname:", router.pathname); // "/blog/my-post"
+  console.log("Current query:", router.query); // { slug: "my-post", tab: "comments" }
+  console.log("Current asPath:", router.asPath); // "/blog/my-post?tab=comments"
+  console.log("Is ready:", router.isReady); // true when query is populated
+
+  // Navigate programmatically
+  const handleNavigation = () => {
+    // Simple navigation
+    router.push("/about");
+    
+    // Navigation with query parameters
+    router.push({
+      pathname: "/blog/[slug]",
+      query: { slug: "new-post" }
+    });
+    
+    // Navigation with URL shown in browser different from actual path
+    router.push("/blog/[slug]", "/blog/new-post", { shallow: true });
+    
+    // Replace instead of push (no new history entry)
+    router.replace("/dashboard");
+    
+    // Navigate back
+    router.back();
+    
+    // Reload page
+    router.reload();
+  };
+
+  // Prefetch routes
+  useEffect(() => {
+    router.prefetch("/dashboard");
+    router.prefetch("/blog/[slug]", "/blog/popular-post");
+  }, [router]);
+
+  return (
+    <div>
+      <h1>Current Page: {router.pathname}</h1>
+      <p>Query: {JSON.stringify(router.query)}</p>
+      <button onClick={handleNavigation}>Navigate</button>
+    </div>
+  );
+}
+```
+
+### Router Events
+
+Event system for listening to router changes and navigation events.
+
+```typescript { .api }
+/**
+ * Router events emitter
+ */
+interface RouterEvents {
+  /** Listen to router events */
+  on(event: RouterEvent, handler: (...args: any[]) => void): void;
+  /** Remove event listener */
+  off(event: RouterEvent, handler: (...args: any[]) => void): void;
+  /** Emit router event */
+  emit(event: RouterEvent, ...args: any[]): void;
+}
+
+/**
+ * Available router events
+ */
+type RouterEvent =
+  | "routeChangeStart"
+  | "routeChangeComplete"
+  | "routeChangeError"
+  | "beforeHistoryChange"
+  | "hashChangeStart"
+  | "hashChangeComplete";
+```
+
+**Usage Examples:**
+
+```typescript
+import { useRouter } from "next/router";
+import { useEffect, useState } from "react";
+
+export default function NavigationTracker() {
+  const router = useRouter();
+  const [loading, setLoading] = useState(false);
+
+  useEffect(() => {
+    // Loading state handlers
+    const handleStart = (url: string) => {
+      console.log("Starting navigation to:", url);
+      setLoading(true);
+    };
+
+    const handleComplete = (url: string) => {
+      console.log("Completed navigation to:", url);
+      setLoading(false);
+    };
+
+    const handleError = (err: Error, url: string) => {
+      console.error("Navigation error:", err, url);
+      setLoading(false);
+    };
+
+    // History change handler
+    const handleHistoryChange = (url: string) => {
+      console.log("History changing to:", url);
+      // Can perform cleanup or validation here
+    };
+
+    // Hash change handlers
+    const handleHashChangeStart = (url: string) => {
+      console.log("Hash changing to:", url);
+    };
+
+    const handleHashChangeComplete = (url: string) => {
+      console.log("Hash changed to:", url);
+    };
+
+    // Register event listeners
+    router.events.on("routeChangeStart", handleStart);
+    router.events.on("routeChangeComplete", handleComplete);
+    router.events.on("routeChangeError", handleError);
+    router.events.on("beforeHistoryChange", handleHistoryChange);
+    router.events.on("hashChangeStart", handleHashChangeStart);
+    router.events.on("hashChangeComplete", handleHashChangeComplete);
+
+    // Cleanup function
+    return () => {
+      router.events.off("routeChangeStart", handleStart);
+      router.events.off("routeChangeComplete", handleComplete);
+      router.events.off("routeChangeError", handleError);
+      router.events.off("beforeHistoryChange", handleHistoryChange);
+      router.events.off("hashChangeStart", handleHashChangeStart);  
+      router.events.off("hashChangeComplete", handleHashChangeComplete);
+    };
+  }, [router]);
+
+  return (
+    <div>
+      {loading && (
+        <div className="fixed top-0 left-0 w-full h-1 bg-blue-500 animate-pulse z-50"></div>
+      )}
+    </div>
+  );
+}
+```
+
+### withRouter HOC
+
+Higher-order component to inject router into class components or components that can't use hooks.
+
+```typescript { .api }
+/**
+ * Higher-order component to inject router into components
+ */
+function withRouter<P extends WithRouterProps>(
+  Component: React.ComponentType<P>
+): React.ComponentType<Omit<P, keyof WithRouterProps>>;
+
+/**
+ * Props injected by withRouter
+ */
+interface WithRouterProps {
+  router: NextRouter;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { withRouter, NextRouter } from "next/router";
+import React from "react";
+
+// Class component with router
+interface Props extends WithRouterProps {
+  title: string;
+}
+
+class MyClassComponent extends React.Component<Props> {
+  handleNavigation = () => {
+    this.props.router.push("/about");
+  };
+
+  render() {
+    const { router, title } = this.props;
+    
+    return (
+      <div>
+        <h1>{title}</h1>
+        <p>Current path: {router.pathname}</p>
+        <button onClick={this.handleNavigation}>Navigate</button>
+      </div>
+    );
+  }
+}
+
+export default withRouter(MyClassComponent);
+
+// Function component with withRouter (when hooks aren't available)
+interface FuncProps extends WithRouterProps {
+  message: string;
+}
+
+const MyFuncComponent: React.FC<FuncProps> = ({ router, message }) => {
+  return (
+    <div>
+      <p>{message}</p>
+      <p>Route: {router.route}</p>
+      <p>Query: {JSON.stringify(router.query)}</p>
+    </div>
+  );
+};
+
+export default withRouter(MyFuncComponent);
+```
+
+### Static Router Access
+
+Access router methods statically without hooks or HOCs.
+
+```typescript { .api }
+/**
+ * Static router class with navigation methods
+ */
+declare class Router {
+  /** Navigate to new route */
+  static push(url: string | UrlObject, as?: string | UrlObject, options?: TransitionOptions): Promise<boolean>;
+  /** Replace current route */
+  static replace(url: string | UrlObject, as?: string | UrlObject, options?: TransitionOptions): Promise<boolean>;
+  /** Prefetch route */
+  static prefetch(url: string, asPath?: string, options?: PrefetchOptions): Promise<void>;
+  /** Navigate back */
+  static back(): void;
+  /** Reload page */
+  static reload(): void;
+  /** Handle before popstate */
+  static beforePopState(cb: BeforePopStateCallback): void;
+  /** Router events */
+  static events: RouterEvents;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import Router from "next/router";
+
+// Use in event handlers or utility functions
+export function navigateToLogin() {
+  Router.push("/login");
+}
+
+export function handleLogout() {
+  // Clear user data
+  localStorage.removeItem("token");
+  
+  // Navigate to home
+  Router.replace("/");
+}
+
+// Use in API calls or error handlers
+export async function handleApiError(error: ApiError) {
+  if (error.status === 401) {
+    Router.push("/login");
+  } else if (error.status === 403) {
+    Router.push("/unauthorized");
+  }
+}
+
+// Programmatic navigation with confirmation
+export function navigateWithConfirmation(url: string, message: string) {
+  if (window.confirm(message)) {
+    Router.push(url);
+  }
+}
+```
+
+### Shallow Routing
+
+Update URL without running data fetching methods for better performance.
+
+**Usage Examples:**
+
+```typescript
+import { useRouter } from "next/router";
+
+export default function FilteredList({ items }: { items: Item[] }) {
+  const router = useRouter();
+  const { filter, sort } = router.query;
+
+  // Update URL without refetching data
+  const updateFilter = (newFilter: string) => {
+    router.push(
+      {
+        pathname: router.pathname,
+        query: { ...router.query, filter: newFilter }
+      },
+      undefined,
+      { shallow: true } // Don't run getServerSideProps/getStaticProps
+    );
+  };
+
+  const updateSort = (newSort: string) => {
+    router.push(
+      {
+        pathname: router.pathname,  
+        query: { ...router.query, sort: newSort }
+      },
+      undefined,
+      { shallow: true }
+    );
+  };
+
+  // Client-side filtering based on query
+  const filteredItems = items.filter(item => {
+    if (!filter) return true;
+    return item.category === filter;
+  });
+
+  const sortedItems = filteredItems.sort((a, b) => {
+    if (sort === "name") return a.name.localeCompare(b.name);
+    if (sort === "date") return new Date(b.date).getTime() - new Date(a.date).getTime();
+    return 0;
+  });
+
+  return (
+    <div>
+      <div className="filters">
+        <select 
+          value={filter || ""} 
+          onChange={(e) => updateFilter(e.target.value)}
+        >
+          <option value="">All Categories</option>
+          <option value="tech">Technology</option>
+          <option value="design">Design</option>
+        </select>
+        
+        <select 
+          value={sort || ""} 
+          onChange={(e) => updateSort(e.target.value)}
+        >
+          <option value="">Default</option>
+          <option value="name">Name</option>
+          <option value="date">Date</option>
+        </select>
+      </div>
+
+      <div className="items">
+        {sortedItems.map(item => (
+          <div key={item.id}>{item.name}</div>
+        ))}
+      </div>
+    </div>
+  );
+}
+```
+
+### Internationalization Routing
+
+Handle locale-based routing and navigation.
+
+**Usage Examples:**
+
+```typescript
+import { useRouter } from "next/router";
+
+export default function LocalizedPage() {
+  const router = useRouter();
+  const { locale, locales, defaultLocale } = router;
+
+  // Navigate to different locale
+  const changeLocale = (newLocale: string) => {
+    router.push(router.asPath, router.asPath, { locale: newLocale });
+  };
+
+  // Navigate without changing locale
+  const navigateWithoutLocale = () => {
+    router.push("/about", "/about", { locale: false });
+  };
+
+  return (
+    <div>
+      <p>Current locale: {locale}</p>
+      <p>Default locale: {defaultLocale}</p>
+      
+      <div className="locale-switcher">
+        {locales?.map(loc => (
+          <button
+            key={loc}
+            onClick={() => changeLocale(loc)}
+            className={loc === locale ? "active" : ""}
+          >
+            {loc.toUpperCase()}
+          </button>
+        ))}
+      </div>
+    </div>
+  );
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-next/docs/server-functions.md b/.tessl/tiles/tessl/npm-next/docs/server-functions.md
new file mode 100644
index 000000000..72c0c91af
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-next/docs/server-functions.md
@@ -0,0 +1,461 @@
+# Server Functions
+
+Server-side functions for accessing headers, cookies, and cache management in App Router components and API routes.
+
+## Capabilities
+
+### Headers Access
+
+Function to read request headers in Server Components and Server Actions.
+
+```typescript { .api }
+/**
+ * Read request headers in Server Components and Server Actions
+ */
+function headers(): ReadonlyHeaders;
+
+/**
+ * Read-only headers interface
+ */
+interface ReadonlyHeaders {
+  /** Get header value by name */
+  get(name: string): string | null;
+  /** Check if header exists */
+  has(name: string): boolean;
+  /** Iterate over all headers */
+  forEach(callbackfn: (value: string, name: string, parent: ReadonlyHeaders) => void): void;
+  /** Get all header names */
+  keys(): IterableIterator<string>;
+  /** Get all header values */
+  values(): IterableIterator<string>;
+  /** Get all header entries */
+  entries(): IterableIterator<[string, string]>;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { headers } from "next/headers";
+
+// In Server Component
+export default function ServerComponent() {
+  const headersList = headers();
+  
+  const userAgent = headersList.get("user-agent");
+  const acceptLanguage = headersList.get("accept-language");
+  const authorization = headersList.get("authorization");
+  
+  return (
+    <div>
+      <p>User Agent: {userAgent}</p>
+      <p>Language: {acceptLanguage}</p>
+      <p>Authenticated: {authorization ? "Yes" : "No"}</p>
+    </div>
+  );
+}
+
+// In Server Action
+export async function processRequest() {
+  const headersList = headers();
+  
+  // Log all headers
+  headersList.forEach((value, name) => {
+    console.log(`${name}: ${value}`);
+  });
+  
+  // Check specific headers
+  const contentType = headersList.get("content-type");
+  const referer = headersList.get("referer");
+  
+  if (contentType?.includes("application/json")) {
+    // Handle JSON request
+  }
+}
+```
+
+### Cookies Access
+
+Function to read and write cookies in Server Components and Server Actions.
+
+```typescript { .api }
+/**
+ * Read and write cookies in Server Components and Server Actions
+ */
+function cookies(): ReadonlyRequestCookies;
+
+/**
+ * Read-only request cookies interface
+ */
+interface ReadonlyRequestCookies {
+  /** Get cookie by name */
+  get(name: string): { name: string; value: string } | undefined;
+  /** Get all cookies */
+  getAll(): Array<{ name: string; value: string }>;
+  /** Check if cookie exists */
+  has(name: string): boolean;
+  /** Set a cookie (Server Actions only) */
+  set(name: string, value: string, options?: CookieOptions): void;
+  /** Set a cookie with full options (Server Actions only) */
+  set(options: { name: string; value: string } & CookieOptions): void;
+  /** Delete a cookie (Server Actions only) */
+  delete(name: string): void;
+  /** Delete a cookie with options (Server Actions only) */
+  delete(options: { name: string } & Pick<CookieOptions, "path" | "domain">): void;
+}
+
+/**
+ * Cookie options for setting cookies
+ */
+interface CookieOptions {
+  /** Cookie domain */
+  domain?: string;
+  /** Cookie path */
+  path?: string;
+  /** Cookie expiration date */
+  expires?: Date;
+  /** Cookie max age in seconds */
+  maxAge?: number;
+  /** HTTP only flag */
+  httpOnly?: boolean;
+  /** Secure flag */
+  secure?: boolean;
+  /** SameSite attribute */
+  sameSite?: "strict" | "lax" | "none";
+  /** Priority attribute */
+  priority?: "low" | "medium" | "high";
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { cookies } from "next/headers";
+
+// In Server Component
+export default function ServerComponent() {
+  const cookieStore = cookies();
+  
+  const theme = cookieStore.get("theme");
+  const sessionId = cookieStore.get("session-id");
+  const preferences = cookieStore.get("user-preferences");
+  
+  return (
+    <div className={theme?.value || "light"}>
+      <p>Session: {sessionId?.value ? "Active" : "None"}</p>
+      <p>Preferences: {preferences?.value || "Default"}</p>
+    </div>
+  );
+}
+
+// In Server Action
+export async function updateTheme(theme: string) {
+  const cookieStore = cookies();
+  
+  // Set theme cookie
+  cookieStore.set("theme", theme, {
+    httpOnly: true,
+    secure: true,
+    sameSite: "lax",
+    maxAge: 30 * 24 * 60 * 60 // 30 days
+  });
+  
+  // Set multiple cookies
+  cookieStore.set({
+    name: "theme-updated",
+    value: new Date().toISOString(),
+    maxAge: 60 * 60 // 1 hour
+  });
+}
+
+// Cookie management utility
+export async function manageCookies() {
+  const cookieStore = cookies();
+  
+  // Get all cookies
+  const allCookies = cookieStore.getAll();
+  console.log("All cookies:", allCookies);
+  
+  // Check if cookie exists
+  if (cookieStore.has("user-id")) {
+    const userId = cookieStore.get("user-id");
+    console.log("User ID:", userId?.value);
+  }
+  
+  // Delete cookie
+  cookieStore.delete("temp-token");
+  
+  // Delete with path and domain
+  cookieStore.delete({
+    name: "old-session",
+    path: "/",
+    domain: ".example.com"
+  });
+}
+```
+
+### Draft Mode
+
+Function to check and manage draft mode status for content preview.
+
+```typescript { .api }
+/**
+ * Check draft mode status for content preview
+ */
+function draftMode(): {
+  /** Whether draft mode is enabled */
+  isEnabled: boolean;
+  /** Enable draft mode (Server Actions only) */
+  enable(): void;
+  /** Disable draft mode (Server Actions only) */
+  disable(): void;
+};
+```
+
+**Usage Examples:**
+
+```typescript
+import { draftMode } from "next/headers";
+
+// In Server Component
+export default async function BlogPost({ params }: { params: { slug: string } }) {
+  const { isEnabled } = draftMode();
+  
+  // Fetch published or draft content based on mode
+  const post = await fetchPost(params.slug, { 
+    includeDrafts: isEnabled 
+  });
+  
+  return (
+    <article>
+      {isEnabled && (
+        <div className="draft-banner">
+          🚧 Draft Mode - Preview Content
+        </div>
+      )}
+      <h1>{post.title}</h1>
+      <div>{post.content}</div>
+    </article>
+  );
+}
+
+// In API Route for enabling draft mode
+export async function GET(request: Request) {
+  const { searchParams } = new URL(request.url);
+  const secret = searchParams.get("secret");
+  const slug = searchParams.get("slug");
+  
+  // Check secret token
+  if (secret !== process.env.DRAFT_SECRET_TOKEN) {
+    return new Response("Unauthorized", { status: 401 });
+  }
+  
+  // Enable draft mode
+  draftMode().enable();
+  
+  // Redirect to the draft post
+  return Response.redirect(new URL(`/posts/${slug}`, request.url));
+}
+
+// In Server Action to disable draft mode
+export async function exitDraftMode() {
+  draftMode().disable();
+  redirect("/");
+}
+```
+
+### Cache Functions
+
+Functions for caching data and managing cache invalidation.
+
+```typescript { .api }
+/**
+ * Cache function with tags and revalidation options
+ */
+function unstable_cache<T>(
+  fn: () => Promise<T>,
+  keyParts?: string[],
+  options?: {
+    /** Revalidation time in seconds */
+    revalidate?: number | false;
+    /** Cache tags for invalidation */
+    tags?: string[];
+  }
+): () => Promise<T>;
+
+/**
+ * Revalidate cached data by tag
+ */
+function revalidateTag(tag: string): void;
+
+/**
+ * Revalidate cached data by path
+ */
+function revalidatePath(originalPath: string, type?: "layout" | "page"): void;
+
+/**
+ * Opt out of caching for the current request
+ */
+function unstable_noStore(): void;
+```
+
+**Usage Examples:**
+
+```typescript
+import { unstable_cache, revalidateTag, revalidatePath, unstable_noStore } from "next/cache";
+
+// Cache expensive database query
+const getCachedPosts = unstable_cache(
+  async () => {
+    console.log("Fetching posts from database...");
+    return await db.posts.findMany();
+  },
+  ["posts"],
+  {
+    revalidate: 3600, // 1 hour
+    tags: ["posts"]
+  }
+);
+
+// Use cached function
+export default async function PostsList() {
+  const posts = await getCachedPosts();
+  
+  return (
+    <div>
+      {posts.map(post => (
+        <article key={post.id}>
+          <h2>{post.title}</h2>
+          <p>{post.excerpt}</p>
+        </article>
+      ))}
+    </div>
+  );
+}
+
+// Cache with multiple tags
+const getCachedUser = unstable_cache(
+  async (userId: string) => {
+    return await db.users.findUnique({ where: { id: userId } });
+  },
+  ["user"],
+  {
+    tags: ["users", "profiles"],
+    revalidate: 900 // 15 minutes
+  }
+);
+
+// Server Action to invalidate cache
+export async function updatePost(id: string, data: PostData) {
+  await db.posts.update({
+    where: { id },
+    data
+  });
+  
+  // Invalidate specific cache tags
+  revalidateTag("posts");
+  revalidateTag(`post-${id}`);
+  
+  // Invalidate specific paths
+  revalidatePath("/blog");
+  revalidatePath(`/blog/${data.slug}`, "page");
+}
+
+// Opt out of caching for dynamic content
+export default async function RealTimeData() {
+  // Disable caching for this request
+  unstable_noStore();
+  
+  const liveData = await fetchLiveData();
+  
+  return (
+    <div>
+      <p>Last updated: {new Date().toLocaleTimeString()}</p>
+      <p>Live value: {liveData.value}</p>
+    </div>
+  );
+}
+
+// Complex caching strategy
+export async function getProductWithCache(id: string) {
+  // Disable caching if user is admin (always fresh data)
+  const user = await getCurrentUser();
+  if (user.role === "admin") {
+    unstable_noStore();
+    return await fetchProduct(id);
+  }
+  
+  // Use cached version for regular users
+  const cachedProduct = unstable_cache(
+    async () => fetchProduct(id),
+    ["product", id],
+    {
+      revalidate: 600, // 10 minutes
+      tags: [`product-${id}`, "products"]
+    }
+  );
+  
+  return await cachedProduct();
+}
+```
+
+### Request Context
+
+Access request context information in Server Components.
+
+```typescript { .api }
+/**
+ * Get request context in Server Components (passed as props)
+ */
+interface RequestContext {
+  /** Route parameters */
+  params: { [key: string]: string | string[] };
+  /** Search parameters */
+  searchParams: { [key: string]: string | string[] | undefined };
+}
+```
+
+**Usage Examples:**
+
+```typescript
+// Access context in page component
+export default function Page({
+  params,
+  searchParams
+}: {
+  params: { id: string };
+  searchParams: { [key: string]: string | string[] | undefined };
+}) {
+  const { id } = params;
+  const { tab, filter, sort } = searchParams;
+  
+  return (
+    <div>
+      <h1>Item: {id}</h1>
+      <p>Active tab: {tab || "overview"}</p>
+      <p>Filter: {filter || "all"}</p>
+      <p>Sort: {sort || "name"}</p>
+    </div>
+  );
+}
+
+// Use context in layout
+export default function Layout({
+  children,
+  params
+}: {
+  children: React.ReactNode;
+  params: { category: string };
+}) {
+  const { category } = params;
+  
+  return (
+    <div>
+      <nav>
+        <h2>Category: {category}</h2>
+      </nav>
+      {children}
+    </div>
+  );
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-next/docs/server-runtime.md b/.tessl/tiles/tessl/npm-next/docs/server-runtime.md
new file mode 100644
index 000000000..8d374dec3
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-next/docs/server-runtime.md
@@ -0,0 +1,428 @@
+# Server Runtime
+
+Server-side runtime components for middleware, edge functions, and request/response handling in Next.js applications.
+
+## Capabilities
+
+### NextRequest
+
+Extended Request object for middleware and edge runtime with additional Next.js-specific properties.
+
+```typescript { .api }
+/**
+ * Extended Request object for middleware and edge runtime
+ */
+declare class NextRequest extends Request {
+  /** Request cookies with get/set methods */
+  readonly cookies: RequestCookies;
+  /** Geolocation information (when available) */
+  readonly geo: Geo | undefined;
+  /** Client IP address */
+  readonly ip: string | undefined;
+  /** NextURL instance with additional URL methods */
+  readonly nextUrl: NextURL;
+  /** Full URL string */
+  readonly url: string;
+}
+
+/**
+ * Request cookies interface
+ */
+interface RequestCookies {
+  /** Get a cookie value by name */
+  get(name: string): { name: string; value: string } | undefined;
+  /** Get all cookies */
+  getAll(): Array<{ name: string; value: string }>;
+  /** Check if cookie exists */
+  has(name: string): boolean;
+  /** Set a cookie */
+  set(name: string, value: string): void;
+  /** Set a cookie with options */
+  set(options: { name: string; value: string; domain?: string; path?: string; expires?: Date; httpOnly?: boolean; secure?: boolean; sameSite?: "strict" | "lax" | "none" }): void;
+  /** Delete a cookie */
+  delete(name: string): void;
+  /** Clear all cookies */
+  clear(): void;
+}
+
+/**
+ * Geolocation information
+ */
+interface Geo {
+  /** Country code */
+  country?: string;
+  /** Region code */
+  region?: string;
+  /** City name */
+  city?: string;
+  /** Latitude */
+  latitude?: string;
+  /** Longitude */
+  longitude?: string;
+}
+
+/**
+ * Extended URL object with Next.js methods
+ */
+interface NextURL extends URL {
+  /** Base path from Next.js config */
+  basePath: string;
+  /** Locale information */
+  locale?: string;
+  /** Available locales */
+  locales?: string[];
+  /** Default locale */
+  defaultLocale?: string;
+  /** Domain locale information */
+  domainLocale?: DomainLocale;
+  /** Clone the NextURL */
+  clone(): NextURL;
+}
+
+interface DomainLocale {
+  defaultLocale: string;
+  domain: string;
+  locales?: string[];
+}
+```
+
+### NextResponse
+
+Extended Response object for middleware and edge runtime with additional Next.js-specific methods.
+
+```typescript { .api }
+/**
+ * Extended Response object for middleware and edge runtime
+ */
+declare class NextResponse extends Response {
+  /** Response cookies with get/set methods */
+  readonly cookies: ResponseCookies;
+  
+  /** Create JSON response */
+  static json(object: any, init?: ResponseInit): NextResponse;
+  /** Create redirect response */
+  static redirect(url: string | URL, init?: number | ResponseInit): NextResponse;
+  /** Create rewrite response (internal redirect) */
+  static rewrite(destination: string | URL, init?: ResponseInit): NextResponse;
+  /** Continue to next middleware or route handler */
+  static next(init?: ResponseInit): NextResponse;
+}
+
+/**
+ * Response cookies interface
+ */
+interface ResponseCookies {
+  /** Get a cookie value by name */
+  get(name: string): { name: string; value: string } | undefined;
+  /** Get all cookies */
+  getAll(): Array<{ name: string; value: string }>;
+  /** Check if cookie exists */
+  has(name: string): boolean;
+  /** Set a cookie */
+  set(name: string, value: string): this;
+  /** Set a cookie with options */
+  set(options: { name: string; value: string; domain?: string; path?: string; expires?: Date; maxAge?: number; httpOnly?: boolean; secure?: boolean; sameSite?: "strict" | "lax" | "none" }): this;
+  /** Delete a cookie */
+  delete(name: string): this;
+}
+```
+
+### Middleware
+
+Types and interfaces for creating middleware functions that run before requests are completed.
+
+```typescript { .api }
+/**
+ * Type for middleware functions
+ */
+type NextMiddleware = (
+  request: NextRequest,
+  event: NextFetchEvent
+) => NextResponse | Response | null | undefined | Promise<NextResponse | Response | null | undefined>;
+
+/**
+ * Configuration for middleware
+ */
+interface MiddlewareConfig {
+  /** Path matcher for middleware */
+  matcher?: string | string[];
+}
+
+/**
+ * Fetch event for middleware
+ */
+interface NextFetchEvent extends Event {
+  /** Extend the execution of the middleware */
+  waitUntil(promise: Promise<any>): void;
+  /** Next URL being accessed */
+  nextUrl: NextURL;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+// middleware.ts
+import { NextRequest, NextResponse } from "next/server";
+
+export function middleware(request: NextRequest) {
+  // Authentication check
+  const token = request.cookies.get("auth-token");
+  
+  if (!token && request.nextUrl.pathname.startsWith("/dashboard")) {
+    return NextResponse.redirect(new URL("/login", request.url));
+  }
+
+  // Add custom header
+  const response = NextResponse.next();
+  response.headers.set("x-custom-header", "middleware-value");
+
+  // Set cookie
+  response.cookies.set("visited", "true", {
+    httpOnly: true,
+    secure: true,
+    maxAge: 60 * 60 * 24 * 7 // 1 week
+  });
+
+  return response;
+}
+
+export const config = {
+  matcher: ["/dashboard/:path*", "/api/:path*"]
+};
+```
+
+### Image Response
+
+Generate dynamic images using JSX and CSS for Open Graph images, social media cards, and more.
+
+```typescript { .api }
+/**
+ * Class for generating dynamic images from JSX
+ */
+declare class ImageResponse extends Response {
+  constructor(element: React.ReactElement, options?: ImageResponseOptions);
+}
+
+/**
+ * Options for ImageResponse
+ */
+interface ImageResponseOptions {
+  /** Image width */
+  width?: number;
+  /** Image height */
+  height?: number;
+  /** Image format */
+  format?: "png" | "jpeg";
+  /** Image quality (0-100) for JPEG */
+  quality?: number;
+  /** Enable emoji support */
+  emoji?: "twemoji" | "blobmoji" | "noto" | "openmoji" | "fluent" | "fluentFlat";
+  /** Custom fonts */
+  fonts?: Array<{
+    name: string;
+    data: ArrayBuffer;
+    weight?: number;
+    style?: "normal" | "italic";
+  }>;
+  /** Debug mode */
+  debug?: boolean;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+// app/api/og/route.tsx
+import { ImageResponse } from "next/server";
+
+export async function GET(request: Request) {
+  const { searchParams } = new URL(request.url);
+  const title = searchParams.get("title") || "Default Title";
+
+  return new ImageResponse(
+    (
+      <div
+        style={{
+          fontSize: 60,
+          background: "linear-gradient(90deg, #667eea 0%, #764ba2 100%)",
+          width: "100%",
+          height: "100%",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          color: "white",
+        }}
+      >
+        {title}
+      </div>
+    ),
+    {
+      width: 1200,
+      height: 630,
+    }
+  );
+}
+```
+
+### User Agent
+
+Utilities for parsing and working with user agent strings.
+
+```typescript { .api }
+/**
+ * Parse user agent string into structured data
+ */
+function userAgent(request: NextRequest): UserAgent;
+
+/**
+ * Create user agent object from string
+ */
+function userAgentFromString(userAgentString: string): UserAgent;
+
+/**
+ * Parsed user agent information
+ */
+interface UserAgent {
+  /** Browser information */
+  browser: {
+    name?: string;
+    version?: string;
+  };
+  /** Device information */
+  device: {
+    model?: string;
+    type?: string;
+    vendor?: string;
+  };
+  /** Engine information */
+  engine: {
+    name?: string;
+    version?: string;
+  };
+  /** Operating system information */
+  os: {
+    name?: string;
+    version?: string;
+  };
+  /** CPU information */
+  cpu: {
+    architecture?: string;
+  };
+  /** Check if bot/crawler */
+  isBot: boolean;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { NextRequest, NextResponse } from "next/server";
+import { userAgent } from "next/server";
+
+export function middleware(request: NextRequest) {
+  const ua = userAgent(request);
+  
+  // Mobile redirect
+  if (ua.device.type === "mobile") {
+    return NextResponse.rewrite(new URL("/mobile", request.url));
+  }
+  
+  // Bot handling
+  if (ua.isBot) {
+    return NextResponse.next({
+      headers: {
+        "x-robots-tag": "noindex"
+      }
+    });
+  }
+  
+  // Browser-specific features
+  const response = NextResponse.next();
+  
+  if (ua.browser.name === "Chrome" && ua.browser.version) {
+    const version = parseInt(ua.browser.version);
+    if (version >= 90) {
+      response.headers.set("x-supports-webp", "true");
+    }
+  }
+  
+  return response;
+}
+```
+
+### URL Pattern Matching
+
+Pattern matching for URLs in middleware and edge functions.
+
+```typescript { .api }
+/**
+ * URL pattern matching utility
+ */
+declare class URLPattern {
+  constructor(pattern: string | URLPatternInit);
+  
+  /** Test if URL matches pattern */
+  test(input: string | URL): boolean;
+  
+  /** Execute pattern match and return groups */
+  exec(input: string | URL): URLPatternResult | null;
+}
+
+interface URLPatternInit {
+  protocol?: string;
+  username?: string;
+  password?: string;
+  hostname?: string;
+  port?: string;
+  pathname?: string;
+  search?: string;
+  hash?: string;
+  baseURL?: string;
+}
+
+interface URLPatternResult {
+  inputs: [string | URL];
+  pathname: URLPatternComponentResult;
+  hostname: URLPatternComponentResult;
+  search: URLPatternComponentResult;
+  hash: URLPatternComponentResult;
+  protocol: URLPatternComponentResult;
+  port: URLPatternComponentResult;
+  username: URLPatternComponentResult;
+  password: URLPatternComponentResult;
+}
+
+interface URLPatternComponentResult {
+  input: string;
+  groups: Record<string, string>;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { URLPattern } from "next/server";
+
+export function middleware(request: NextRequest) {
+  // Pattern matching for API routes
+  const apiPattern = new URLPattern({ pathname: "/api/:version/:endpoint" });
+  const match = apiPattern.exec(request.url);
+  
+  if (match) {
+    const { version, endpoint } = match.pathname.groups;
+    
+    // Rate limiting based on API version
+    if (version === "v1" && endpoint === "users") {
+      // Apply v1 rate limits
+    }
+    
+    // Add version header
+    const response = NextResponse.next();
+    response.headers.set("x-api-version", version);
+    return response;
+  }
+  
+  return NextResponse.next();
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-next/docs/web-vitals.md b/.tessl/tiles/tessl/npm-next/docs/web-vitals.md
new file mode 100644
index 000000000..51c1a3b34
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-next/docs/web-vitals.md
@@ -0,0 +1,166 @@
+# Web Vitals
+
+Performance monitoring utilities for Core Web Vitals and other performance metrics in Next.js applications.
+
+## Capabilities
+
+### Core Web Vitals Measurement
+
+Functions to measure Core Web Vitals metrics that are important for user experience and SEO.
+
+```typescript { .api }
+/**
+ * Measure Cumulative Layout Shift (CLS)
+ */
+function getCLS(onReport: ReportHandler): void;
+
+/**
+ * Measure First Contentful Paint (FCP)  
+ */
+function getFCP(onReport: ReportHandler): void;
+
+/**
+ * Measure First Input Delay (FID)
+ */
+function getFID(onReport: ReportHandler): void;
+
+/**
+ * Measure Interaction to Next Paint (INP)
+ */
+function getINP(onReport: ReportHandler): void;
+
+/**
+ * Measure Largest Contentful Paint (LCP)
+ */
+function getLCP(onReport: ReportHandler): void;
+
+/**
+ * Measure Time to First Byte (TTFB)
+ */
+function getTTFB(onReport: ReportHandler): void;
+
+/**
+ * Report handler callback type
+ */
+type ReportHandler = (metric: Metric) => void;
+
+/**
+ * Performance metric data
+ */
+interface Metric {
+  /** Metric name */
+  name: "CLS" | "FCP" | "FID" | "INP" | "LCP" | "TTFB";
+  /** Metric value */
+  value: number;
+  /** Rating (good, needs-improvement, poor) */
+  rating: "good" | "needs-improvement" | "poor";
+  /** Unique metric ID */
+  id: string;
+  /** Navigation type */
+  navigationType: "navigate" | "reload" | "back_forward" | "back_forward_cache" | "prerender";
+  /** Performance entries */
+  entries: PerformanceEntry[];
+  /** Delta from previous value */
+  delta: number;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { getCLS, getFID, getFCP, getLCP, getTTFB, getINP } from "next/web-vitals";
+
+// Monitor Core Web Vitals
+function sendToAnalytics(metric: Metric) {
+  // Send metric data to your analytics service
+  console.log(metric.name, metric.value, metric.rating);
+  
+  // Example: Send to Google Analytics
+  gtag('event', metric.name, {
+    value: Math.round(metric.name === 'CLS' ? metric.value * 1000 : metric.value),
+    event_label: metric.id,
+    non_interaction: true,
+  });
+}
+
+// Measure all Core Web Vitals
+getCLS(sendToAnalytics);
+getFID(sendToAnalytics);
+getFCP(sendToAnalytics);  
+getLCP(sendToAnalytics);
+getTTFB(sendToAnalytics);
+getINP(sendToAnalytics);
+
+// In a Next.js app component (_app.tsx)
+export function reportWebVitals(metric: NextWebVitalsMetric) {
+  switch (metric.name) {
+    case 'FCP':
+      // Handle First Contentful Paint
+      break;
+    case 'LCP':
+      // Handle Largest Contentful Paint
+      break;
+    case 'CLS':
+      // Handle Cumulative Layout Shift
+      break;
+    case 'FID':
+      // Handle First Input Delay
+      break;
+    case 'TTFB':
+      // Handle Time to First Byte
+      break;
+    case 'INP':
+      // Handle Interaction to Next Paint
+      break;
+    default:
+      break;
+  }
+}
+```
+
+### Next.js Web Vitals Integration
+
+Types for Next.js built-in web vitals reporting functionality.
+
+```typescript { .api }
+/**
+ * Extended metric type for Next.js web vitals reporting
+ */
+interface NextWebVitalsMetric extends Metric {
+  /** Page label for the metric */
+  label: string;
+  /** Start time of the metric measurement */
+  startTime: number;
+}
+```
+
+**Usage in Next.js App:**
+
+```typescript
+// pages/_app.tsx or app/layout.tsx
+import type { AppProps } from 'next/app';
+import type { NextWebVitalsMetric } from 'next/web-vitals';
+
+export default function MyApp({ Component, pageProps }: AppProps) {
+  return <Component {...pageProps} />;
+}
+
+export function reportWebVitals(metric: NextWebVitalsMetric) {
+  // Log metrics to console in development
+  if (process.env.NODE_ENV === 'development') {
+    console.log('Web Vital:', metric);
+  }
+  
+  // Send to analytics in production
+  if (process.env.NODE_ENV === 'production') {
+    // Example: Send to your analytics provider
+    analytics.track('Web Vital', {
+      name: metric.name,
+      value: metric.value,
+      rating: metric.rating,
+      label: metric.label,
+      url: window.location.href
+    });
+  }
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-next/tile.json b/.tessl/tiles/tessl/npm-next/tile.json
new file mode 100644
index 000000000..82d295732
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-next/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-next",
+  "version": "14.2.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/next@14.2.32",
+  "summary": "The React Framework for production-ready applications with server-side rendering, static site generation, API routes, and built-in optimizations"
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-pg/docs/client.md b/.tessl/tiles/tessl/npm-pg/docs/client.md
new file mode 100644
index 000000000..b14abe783
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-pg/docs/client.md
@@ -0,0 +1,376 @@
+# Client Management
+
+The Client class provides core PostgreSQL connection management and query execution functionality. It extends EventEmitter to provide asynchronous event-driven operations for database interactions.
+
+## Capabilities
+
+### Client Constructor
+
+Creates a new PostgreSQL client instance with connection configuration.
+
+```javascript { .api }
+/**
+ * Creates a new PostgreSQL client instance
+ * @param config - Connection configuration object
+ */
+class Client extends EventEmitter {
+  constructor(config?: ClientConfig);
+}
+
+interface ClientConfig {
+  /** Database user name */
+  user?: string;
+  /** Database password */
+  password?: string;
+  /** Database host (default: 'localhost') */
+  host?: string;
+  /** Database name */
+  database?: string;
+  /** Database port (default: 5432) */
+  port?: number;
+  /** PostgreSQL connection string */
+  connectionString?: string;
+  /** SSL configuration */
+  ssl?: boolean | SSLConfig;
+  /** Binary result mode */
+  binary?: boolean;
+  /** Client encoding */
+  client_encoding?: string;
+  /** Application name for logging */
+  application_name?: string;
+  /** Fallback application name for logging */
+  fallback_application_name?: string;
+  /** Connection options */
+  options?: string;
+  /** Statement timeout in milliseconds */
+  statement_timeout?: number | false;
+  /** Query timeout in milliseconds */
+  query_timeout?: number | false;
+  /** Lock timeout in milliseconds */
+  lock_timeout?: number | false;
+  /** Idle in transaction session timeout in milliseconds */
+  idle_in_transaction_session_timeout?: number | false;
+  /** Connection timeout in milliseconds */
+  connectionTimeoutMillis?: number;
+  /** Enable TCP keep-alive */
+  keepAlive?: boolean;
+  /** Initial delay for keep-alive probes */
+  keepAliveInitialDelayMillis?: number;
+  /** Enable SCRAM-SHA-256-PLUS authentication */
+  enableChannelBinding?: boolean;
+  /** Custom stream for connection */
+  stream?: any;
+  /** Custom connection object */
+  connection?: any;
+  /** Custom types configuration */
+  types?: TypeOverrides;
+  /** Promise constructor to use */
+  Promise?: typeof Promise;
+  /** Replication mode */
+  replication?: string;
+}
+
+interface SSLConfig {
+  rejectUnauthorized?: boolean;
+  ca?: string | Buffer;
+  key?: string | Buffer;
+  cert?: string | Buffer;
+  passphrase?: string;
+  servername?: string;
+  checkServerIdentity?: (servername: string, cert: any) => Error | undefined;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+const { Client } = require('pg');
+
+// Basic connection
+const client = new Client({
+  user: 'postgres',
+  host: 'localhost',
+  database: 'myapp',
+  password: 'secret',
+  port: 5432,
+});
+
+// Connection string
+const client2 = new Client({
+  connectionString: 'postgresql://user:password@host:5432/database'
+});
+
+// SSL connection
+const client3 = new Client({
+  host: 'secure-host.com',
+  ssl: {
+    rejectUnauthorized: false
+  }
+});
+```
+
+### Connect
+
+Establishes connection to the PostgreSQL database.
+
+```javascript { .api }
+/**
+ * Connect to the PostgreSQL database
+ * @param callback - Optional callback for connection result
+ * @returns Promise that resolves when connected
+ */
+connect(callback?: (err: Error | null) => void): Promise<void>;
+```
+
+**Usage Examples:**
+
+```javascript
+// Promise-based
+await client.connect();
+
+// Callback-based
+client.connect((err) => {
+  if (err) {
+    console.error('Connection error', err.stack);
+  } else {
+    console.log('Connected');
+  }
+});
+```
+
+### Query Execution
+
+Execute SQL queries with optional parameters and callbacks.
+
+```javascript { .api }
+/**
+ * Execute a SQL query with text and optional parameters
+ * @param text - SQL query string
+ * @param values - Optional parameter values
+ * @param callback - Optional callback for query result
+ * @returns Promise resolving to query result
+ */
+query(text: string, values?: any[], callback?: QueryCallback): Promise<QueryResult>;
+
+/**
+ * Execute a SQL query with configuration object
+ * @param config - Query configuration
+ * @param callback - Optional callback for query result
+ * @returns Promise resolving to query result
+ */
+query(config: QueryConfig, callback?: QueryCallback): Promise<QueryResult>;
+
+type QueryCallback = (err: Error | null, result: QueryResult) => void;
+```
+
+**Usage Examples:**
+
+```javascript
+// Simple query
+const res = await client.query('SELECT NOW()');
+console.log(res.rows[0]);
+
+// Parameterized query
+const res2 = await client.query('SELECT * FROM users WHERE id = $1', [123]);
+
+// Named prepared statement
+const res3 = await client.query({
+  name: 'fetch-user',
+  text: 'SELECT * FROM users WHERE id = $1',
+  values: [123]
+});
+
+// Callback style
+client.query('SELECT * FROM users', (err, result) => {
+  if (err) throw err;
+  console.log(result.rows);
+});
+```
+
+### End Connection
+
+Closes the database connection.
+
+```javascript { .api }
+/**
+ * Close the database connection
+ * @param callback - Optional callback for close result
+ * @returns Promise that resolves when connection is closed
+ */
+end(callback?: (err: Error | null) => void): Promise<void>;
+```
+
+**Usage Examples:**
+
+```javascript
+// Promise-based
+await client.end();
+
+// Callback-based
+client.end((err) => {
+  if (err) {
+    console.error('Error ending client', err.stack);
+  }
+});
+```
+
+### Type Parser Management
+
+Manage custom type parsers for PostgreSQL data types.
+
+```javascript { .api }
+/**
+ * Set a custom type parser for a PostgreSQL type
+ * @param oid - PostgreSQL type OID
+ * @param format - Format ('text' or 'binary')
+ * @param parseFn - Parser function
+ */
+setTypeParser(oid: number, format: string, parseFn: (value: string) => any): void;
+setTypeParser(oid: number, parseFn: (value: string) => any): void;
+
+/**
+ * Get the type parser for a PostgreSQL type
+ * @param oid - PostgreSQL type OID
+ * @param format - Format ('text' or 'binary')
+ * @returns Parser function
+ */
+getTypeParser(oid: number, format?: string): (value: string) => any;
+```
+
+**Usage Examples:**
+
+```javascript
+// Custom date parser
+client.setTypeParser(1082, (val) => new Date(val));
+
+// Custom JSON parser with reviver
+client.setTypeParser(114, (val) => JSON.parse(val, customReviver));
+
+// Get existing parser
+const dateParser = client.getTypeParser(1082);
+```
+
+### SQL Escaping
+
+Escape SQL identifiers and literals for safe query construction.
+
+```javascript { .api }
+/**
+ * Escape a SQL identifier (table/column name)
+ * @param str - String to escape
+ * @returns Escaped identifier
+ */
+escapeIdentifier(str: string): string;
+
+/**
+ * Escape a SQL literal value
+ * @param str - String to escape
+ * @returns Escaped literal
+ */
+escapeLiteral(str: string): string;
+```
+
+**Usage Examples:**
+
+```javascript
+const tableName = client.escapeIdentifier('user-table');
+const userInput = client.escapeLiteral("O'Reilly");
+const query = `SELECT * FROM ${tableName} WHERE name = ${userInput}`;
+```
+
+### Connection Management
+
+Control connection reference counting for process lifecycle management.
+
+```javascript { .api }
+/**
+ * Keep the Node.js process alive while client is active
+ */
+ref(): void;
+
+/**
+ * Allow Node.js process to exit even with active client
+ */
+unref(): void;
+```
+
+### Query Cancellation
+
+Cancel running queries on the database server.
+
+```javascript { .api }
+/**
+ * Cancel a running query
+ * @param client - Client with running query to cancel
+ * @param query - Query to cancel
+ */
+cancel(client: Client, query: Query): void;
+```
+
+## Client Properties
+
+```javascript { .api }
+interface Client {
+  /** Database user */
+  readonly user: string;
+  /** Database name */
+  readonly database: string;
+  /** Database host */
+  readonly host: string;
+  /** Database port */
+  readonly port: number;
+  /** Replication mode */
+  readonly replication: string;
+  /** Server process ID */
+  readonly processID: number | null;
+  /** Server secret key */
+  readonly secretKey: number | null;
+  /** Connection parameters */
+  readonly connectionParameters: ConnectionParameters;
+  /** SSL configuration */
+  readonly ssl: boolean | SSLConfig;
+  /** Binary mode setting */
+  readonly binary: boolean;
+  /** Underlying connection object */
+  readonly connection: Connection;
+}
+```
+
+## Events
+
+Client emits various events during its lifecycle:
+
+```javascript { .api }
+// Connection events
+client.on('connect', () => {});
+client.on('end', () => {});
+client.on('error', (err) => {});
+
+// Query events  
+client.on('drain', () => {});
+
+// Notification events
+client.on('notification', (msg) => {});
+client.on('notice', (msg) => {});
+```
+
+## Connection Parameters
+
+```javascript { .api }
+interface ConnectionParameters {
+  user: string;
+  database: string;
+  port: number;
+  host: string;
+  password: string;
+  ssl: boolean | SSLConfig;
+  client_encoding: string;
+  application_name: string;
+  fallback_application_name: string;
+  options: string;
+  statement_timeout: number | false;
+  lock_timeout: number | false;
+  idle_in_transaction_session_timeout: number | false;
+  replication: string;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-pg/docs/connection-string.md b/.tessl/tiles/tessl/npm-pg/docs/connection-string.md
new file mode 100644
index 000000000..31e2dd184
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-pg/docs/connection-string.md
@@ -0,0 +1,302 @@
+# Connection String Parsing
+
+Connection string parsing utilities for PostgreSQL connection URLs with comprehensive support for SSL, Unix sockets, and configuration parameters.
+
+## Capabilities
+
+### Parse Connection String
+
+Parse PostgreSQL connection strings into configuration objects.
+
+```javascript { .api }
+/**
+ * Parse a PostgreSQL connection string into configuration options
+ * @param connectionString - PostgreSQL connection URL
+ * @param options - Optional parsing configuration
+ * @returns Connection configuration object
+ */
+function parse(connectionString: string, options?: ParseOptions): ConnectionOptions;
+
+interface ParseOptions {
+  /** Use libpq-compatible semantics for SSL parameters */
+  useLibpqCompat?: boolean;
+}
+
+interface ConnectionOptions {
+  host: string | null;
+  password?: string;
+  user?: string;
+  port?: string | null;
+  database: string | null | undefined;
+  client_encoding?: string;
+  ssl?: boolean | string | SSLConfig;
+  application_name?: string;
+  fallback_application_name?: string;
+  options?: string;
+  keepalives?: number;
+  [key: string]: unknown;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+const { parse } = require('pg-connection-string');
+
+// Basic connection string
+const config = parse('postgres://user:pass@localhost:5432/mydb');
+console.log(config);
+// { user: 'user', password: 'pass', host: 'localhost', port: '5432', database: 'mydb' }
+
+// Connection string with query parameters
+const sslConfig = parse('postgres://localhost/mydb?ssl=true&application_name=MyApp');
+console.log(sslConfig);
+// { host: 'localhost', database: 'mydb', ssl: true, application_name: 'MyApp' }
+
+// Unix socket connection
+const socketConfig = parse('socket:///var/run/postgresql?db=mydb&user=postgres');
+console.log(socketConfig);
+// { host: '/var/run/postgresql', database: 'mydb', user: 'postgres' }
+
+// With libpq compatibility
+const libpqConfig = parse('postgres://localhost/mydb?sslmode=require', { useLibpqCompat: true });
+```
+
+### Convert to Client Configuration
+
+Convert connection options to pg.Client-compatible configuration.
+
+```javascript { .api }
+/**
+ * Convert connection options to pg.Client-compatible configuration
+ * @param config - Connection options from parse()
+ * @returns Client configuration object
+ */
+function toClientConfig(config: ConnectionOptions): ClientConfig;
+
+interface ClientConfig {
+  host?: string;
+  port?: number;
+  database?: string;
+  user?: string;
+  password?: string;
+  ssl?: boolean | SSLConfig;
+  application_name?: string;
+  fallback_application_name?: string;
+  client_encoding?: string;
+  options?: string;
+  keepalives?: number;
+  [key: string]: unknown;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+const { parse, toClientConfig } = require('pg-connection-string');
+const { Client } = require('pg');
+
+// Parse and convert to client config
+const options = parse('postgres://user:pass@localhost:5432/mydb');
+const clientConfig = toClientConfig(options);
+
+// Port is converted from string to number for pg.Client
+console.log(typeof clientConfig.port); // 'number'
+
+// Use with pg.Client
+const client = new Client(clientConfig);
+```
+
+### Direct Client Configuration
+
+Parse connection string directly into pg.Client-compatible configuration.
+
+```javascript { .api }
+/**
+ * Parse connection string directly into pg.Client configuration
+ * @param connectionString - PostgreSQL connection URL
+ * @returns Client configuration object
+ */
+function parseIntoClientConfig(connectionString: string): ClientConfig;
+```
+
+**Usage Examples:**
+
+```javascript
+const { parseIntoClientConfig } = require('pg-connection-string');
+const { Client } = require('pg');
+
+// One-step parsing to client config
+const config = parseIntoClientConfig('postgres://user:pass@localhost:5432/mydb');
+const client = new Client(config);
+await client.connect();
+
+// Works with complex connection strings
+const prodConfig = parseIntoClientConfig(
+  'postgres://user:pass@db.example.com:5432/prod?ssl=true&application_name=MyApp&options=-c statement_timeout=30s'
+);
+```
+
+## Supported Connection String Formats
+
+### TCP Connections
+
+```javascript
+// Standard PostgreSQL URLs
+'postgres://user:password@host:port/database'
+'pg://user:password@host:port/database'
+
+// With query parameters
+'postgres://user:pass@localhost:5432/mydb?ssl=true&application_name=MyApp'
+
+// Minimal format (database name only)
+'mydb'
+```
+
+### Unix Domain Sockets
+
+```javascript
+// Socket URL format
+'socket://user:password@/path/to/socket?db=database&encoding=utf8'
+'socket:/path/to/socket?db=database&encoding=utf8'
+
+// Simple path format
+'/var/run/postgresql database_name'
+```
+
+### SSL Configuration
+
+```javascript
+// SSL modes
+'postgres://localhost/mydb?ssl=true'
+'postgres://localhost/mydb?sslmode=require'
+'postgres://localhost/mydb?sslmode=verify-full'
+
+// SSL certificates
+'postgres://localhost/mydb?sslcert=/path/to/cert.pem&sslkey=/path/to/key.pem&sslrootcert=/path/to/ca.pem'
+
+// libpq-compatible SSL
+const config = parse('postgres://localhost/mydb?sslmode=verify-ca', { useLibpqCompat: true });
+```
+
+## SSL Configuration
+
+```javascript { .api }
+interface SSLConfig {
+  ca?: string;
+  cert?: string | null;
+  key?: string;
+  rejectUnauthorized?: boolean;
+  checkServerIdentity?: () => void;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// File-based SSL certificates
+const sslConnection = parse('postgres://localhost/mydb?sslrootcert=/etc/ssl/ca.pem&sslcert=/etc/ssl/client.pem&sslkey=/etc/ssl/client.key');
+
+// SSL with verification
+const secureConnection = parse('postgres://localhost/mydb?sslmode=verify-full');
+
+// Custom SSL configuration
+const customSSL = parse('postgres://localhost/mydb?ssl=true&sslmode=require');
+console.log(customSSL.ssl); // SSL configuration object
+```
+
+## Query Parameters
+
+### Standard PostgreSQL Parameters
+
+```javascript
+// Connection parameters
+'?host=alternative-host&port=5433'
+'?encoding=utf8&application_name=MyApp'
+'?fallback_application_name=Fallback&options=-c statement_timeout=30s'
+
+// SSL parameters  
+'?ssl=true&sslmode=require'
+'?sslcert=/path/cert.pem&sslkey=/path/key.pem'
+
+// Connection tuning
+'?keepalives=1&keepalives_idle=30'
+```
+
+### Custom Parameters
+
+```javascript
+// Custom application parameters are preserved
+const config = parse('postgres://localhost/mydb?custom_param=value&app_setting=true');
+console.log(config.custom_param); // 'value'
+console.log(config.app_setting); // 'true'
+```
+
+## Import Patterns
+
+### CommonJS
+
+```javascript
+// Default import (parse function)
+const parse = require('pg-connection-string');
+const config = parse('postgres://localhost/mydb');
+
+// Named imports
+const { parse, toClientConfig, parseIntoClientConfig } = require('pg-connection-string');
+```
+
+### ES Modules
+
+```javascript
+// Default import
+import parse from 'pg-connection-string';
+
+// Named imports
+import { parse, toClientConfig, parseIntoClientConfig } from 'pg-connection-string';
+```
+
+### TypeScript
+
+```typescript
+import { parse, toClientConfig, parseIntoClientConfig, ConnectionOptions, ClientConfig } from 'pg-connection-string';
+
+const options: ConnectionOptions = parse('postgres://localhost/mydb');
+const clientConfig: ClientConfig = toClientConfig(options);
+```
+
+## Error Handling
+
+```javascript
+try {
+  const config = parse('invalid://connection/string');
+} catch (error) {
+  console.error('Invalid connection string:', error.message);
+}
+
+// SSL file errors
+try {
+  const config = parse('postgres://localhost/mydb?sslcert=/nonexistent/cert.pem');
+} catch (error) {
+  console.error('SSL certificate error:', error.message);
+}
+```
+
+## Integration with pg
+
+```javascript
+const { parseIntoClientConfig } = require('pg-connection-string');
+const { Client, Pool } = require('pg');
+
+// Client connection
+const clientConfig = parseIntoClientConfig(process.env.DATABASE_URL);
+const client = new Client(clientConfig);
+
+// Pool connection
+const poolConfig = parseIntoClientConfig(process.env.DATABASE_URL);
+const pool = new Pool(poolConfig);
+
+// Environment variable support
+const config = parseIntoClientConfig(
+  process.env.DATABASE_URL || 'postgres://localhost:5432/development'
+);
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-pg/docs/cursor.md b/.tessl/tiles/tessl/npm-pg/docs/cursor.md
new file mode 100644
index 000000000..353ebf1da
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-pg/docs/cursor.md
@@ -0,0 +1,440 @@
+# Query Cursors
+
+Server-side cursors for efficient processing of large PostgreSQL result sets without loading all rows into memory at once.
+
+## Capabilities
+
+### Cursor Constructor
+
+Creates a new query cursor for server-side result streaming.
+
+```javascript { .api }
+/**
+ * Create a new query cursor
+ * @param text - SQL query text
+ * @param values - Optional parameter values
+ * @param config - Optional cursor configuration
+ */
+class Cursor extends EventEmitter {
+  constructor(text: string, values?: any[], config?: CursorConfig);
+}
+
+interface CursorConfig {
+  /** Row output mode ('array' or 'object') */
+  rowMode?: 'array' | 'object';
+  /** Custom type parser object */
+  types?: any;
+  /** Promise constructor to use */
+  Promise?: typeof Promise;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+const Cursor = require('pg-cursor');
+const { Client } = require('pg');
+
+const client = new Client();
+await client.connect();
+
+// Basic cursor
+const cursor1 = new Cursor('SELECT * FROM users');
+
+// Parameterized cursor
+const cursor2 = new Cursor('SELECT * FROM users WHERE age > $1', [25]);
+
+// Cursor with configuration
+const cursor3 = new Cursor('SELECT id, name FROM users', null, {
+  rowMode: 'array'
+});
+
+// Submit cursor to client
+const query = client.query(cursor1);
+```
+
+### Read Rows
+
+Read a specified number of rows from the cursor.
+
+```javascript { .api }
+/**
+ * Read rows from the cursor
+ * @param rows - Number of rows to read
+ * @param callback - Optional callback for result
+ * @returns Promise when no callback provided
+ */
+read(rows: number, callback?: (err: Error | null, rows: any[], result: QueryResult) => void): Promise<any[]>;
+```
+
+**Usage Examples:**
+
+```javascript
+// Callback-based reading
+const cursor = client.query(new Cursor('SELECT * FROM large_table'));
+
+cursor.read(100, (err, rows, result) => {
+  if (err) throw err;
+  console.log(`Read ${rows.length} rows`);
+  console.log(`Total processed: ${result.rows.length}`);
+});
+
+// Promise-based reading
+const rows = await cursor.read(100);
+console.log(`Retrieved ${rows.length} rows`);
+
+// Read all remaining rows
+const allRows = await cursor.read(1000000);
+```
+
+### Close Cursor
+
+Close the cursor and release server resources.
+
+```javascript { .api }
+/**
+ * Close the cursor and cleanup resources
+ * @param callback - Optional callback for completion
+ * @returns Promise when no callback provided
+ */
+close(callback?: (err: Error | null) => void): Promise<void>;
+```
+
+**Usage Examples:**
+
+```javascript
+// Callback-based close
+cursor.close((err) => {
+  if (err) throw err;
+  console.log('Cursor closed');
+});
+
+// Promise-based close
+await cursor.close();
+console.log('Cursor closed');
+
+// Always close cursors in finally blocks
+try {
+  const cursor = client.query(new Cursor('SELECT * FROM users'));
+  const rows = await cursor.read(100);
+  // Process rows...
+} finally {
+  await cursor.close();
+}
+```
+
+### Cursor Events
+
+Cursors emit events during their lifecycle for event-driven processing.
+
+```javascript { .api }
+// Row processing event
+cursor.on('row', (row: any, result: QueryResult) => {
+  // Emitted for each row during read operations
+});
+
+// Completion event
+cursor.on('end', (result: QueryResult) => {
+  // Emitted when cursor reaches end or is closed
+});
+
+// Error event
+cursor.on('error', (err: Error) => {
+  // Emitted when cursor encounters an error
+});
+```
+
+**Usage Examples:**
+
+```javascript
+const cursor = client.query(new Cursor('SELECT * FROM large_table'));
+
+// Process rows individually as they arrive
+cursor.on('row', (row, result) => {
+  console.log('Processing user:', row.name);
+  // Add row to result accumulator
+  result.addRow(row);
+});
+
+cursor.on('end', (result) => {
+  console.log(`Processed ${result.rows.length} total rows`);
+});
+
+cursor.on('error', (err) => {
+  console.error('Cursor error:', err);
+});
+
+// Start reading (triggers row events)
+await cursor.read(1000);
+```
+
+## Usage Patterns
+
+### Batch Processing
+
+Process large tables in manageable batches.
+
+```javascript
+const cursor = client.query(new Cursor('SELECT * FROM huge_table ORDER BY id'));
+
+let batch;
+let totalProcessed = 0;
+
+do {
+  batch = await cursor.read(1000);
+  
+  // Process this batch
+  for (const row of batch) {
+    await processRow(row);
+  }
+  
+  totalProcessed += batch.length;
+  console.log(`Processed ${totalProcessed} rows so far...`);
+  
+} while (batch.length > 0);
+
+await cursor.close();
+console.log(`Finished processing ${totalProcessed} total rows`);
+```
+
+### Memory-Efficient ETL
+
+Extract, transform, and load data without memory overflow.
+
+```javascript
+async function etlLargeTable() {
+  const sourceCursor = sourceClient.query(
+    new Cursor('SELECT * FROM source_table')
+  );
+  
+  try {
+    let batch;
+    do {
+      batch = await sourceCursor.read(500);
+      
+      // Transform batch
+      const transformedRows = batch.map(transformRow);
+      
+      // Load into destination
+      if (transformedRows.length > 0) {
+        await insertBatch(targetClient, transformedRows);
+      }
+      
+    } while (batch.length > 0);
+    
+  } finally {
+    await sourceCursor.close();
+  }
+}
+```
+
+### Real-time Processing
+
+Process rows as they become available.
+
+```javascript
+const cursor = client.query(new Cursor(
+  'SELECT * FROM events WHERE created_at > $1 ORDER BY created_at',
+  [lastProcessedTime]
+));
+
+cursor.on('row', async (row) => {
+  await processEvent(row);
+  lastProcessedTime = row.created_at;
+});
+
+cursor.on('end', () => {
+  console.log('All events processed');
+});
+
+// Start streaming
+await cursor.read(10000);
+```
+
+### Transaction Support
+
+Use cursors within database transactions.
+
+```javascript
+await client.query('BEGIN');
+
+try {
+  const cursor = client.query(new Cursor(
+    'SELECT * FROM accounts WHERE balance > 0 FOR UPDATE'
+  ));
+  
+  let batch;
+  do {
+    batch = await cursor.read(100);
+    
+    for (const account of batch) {
+      // Update account within transaction
+      await client.query(
+        'UPDATE accounts SET balance = balance * $1 WHERE id = $2',
+        [1.05, account.id]
+      );
+    }
+    
+  } while (batch.length > 0);
+  
+  await cursor.close();
+  await client.query('COMMIT');
+  
+} catch (err) {
+  await client.query('ROLLBACK');
+  throw err;
+}
+```
+
+### Connection Pool Usage
+
+Use cursors with connection pools (requires dedicated client).
+
+```javascript
+const { Pool } = require('pg');
+const pool = new Pool();
+
+async function processCursorData() {
+  const client = await pool.connect();
+  
+  try {
+    const cursor = client.query(new Cursor('SELECT * FROM large_table'));
+    
+    let totalRows = 0;
+    let batch;
+    
+    do {
+      batch = await cursor.read(1000);
+      totalRows += batch.length;
+      
+      // Process batch...
+      await processBatch(batch);
+      
+    } while (batch.length > 0);
+    
+    await cursor.close();
+    return totalRows;
+    
+  } finally {
+    client.release(); // Return client to pool
+  }
+}
+```
+
+## Configuration Options
+
+### Row Mode
+
+Control how rows are returned from the cursor.
+
+```javascript
+// Object mode (default)
+const objectCursor = new Cursor('SELECT id, name FROM users');
+// Returns: [{ id: 1, name: 'Alice' }, { id: 2, name: 'Bob' }]
+
+// Array mode
+const arrayCursor = new Cursor('SELECT id, name FROM users', null, {
+  rowMode: 'array'
+});
+// Returns: [[1, 'Alice'], [2, 'Bob']]
+```
+
+### Custom Type Parsing
+
+Use custom type parsers with cursors.
+
+```javascript
+const customTypes = {
+  getTypeParser: (oid, format) => {
+    if (oid === 1184) { // timestamptz
+      return (val) => new Date(val);
+    }
+    return types.getTypeParser(oid, format);
+  }
+};
+
+const cursor = new Cursor('SELECT created_at FROM events', null, {
+  types: customTypes
+});
+```
+
+### Promise Constructor
+
+Use custom Promise implementation.
+
+```javascript
+const BluebirdPromise = require('bluebird');
+
+const cursor = new Cursor('SELECT * FROM users', null, {
+  Promise: BluebirdPromise
+});
+
+// All cursor operations return Bluebird promises
+const rows = await cursor.read(100); // Returns Bluebird promise
+```
+
+## Error Handling
+
+```javascript
+try {
+  const cursor = client.query(new Cursor('SELECT * FROM users'));
+  
+  cursor.on('error', (err) => {
+    console.error('Cursor error:', err);
+  });
+  
+  const rows = await cursor.read(100);
+  await cursor.close();
+  
+} catch (err) {
+  console.error('Operation failed:', err);
+}
+```
+
+## Best Practices
+
+### Always Close Cursors
+
+```javascript
+// Good: Ensure cursors are always closed
+const cursor = client.query(new Cursor('SELECT * FROM table'));
+try {
+  const rows = await cursor.read(100);
+  // Process rows...
+} finally {
+  await cursor.close(); // Always close
+}
+```
+
+### Reasonable Batch Sizes
+
+```javascript
+// Good: Moderate batch sizes
+const rows = await cursor.read(1000); // Reasonable batch
+
+// Avoid: Very large batches
+const rows = await cursor.read(1000000); // May cause memory issues
+```
+
+### Error Recovery
+
+```javascript
+const cursor = client.query(new Cursor('SELECT * FROM table'));
+
+try {
+  let batch;
+  do {
+    try {
+      batch = await cursor.read(100);
+      await processBatch(batch);
+    } catch (batchError) {
+      console.error('Batch processing error:', batchError);
+      // Decide whether to continue or abort
+      break;
+    }
+  } while (batch && batch.length > 0);
+  
+} finally {
+  await cursor.close();
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-pg/docs/index.md b/.tessl/tiles/tessl/npm-pg/docs/index.md
new file mode 100644
index 000000000..94785cc03
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-pg/docs/index.md
@@ -0,0 +1,340 @@
+# pg
+
+pg is a comprehensive PostgreSQL client library for Node.js that provides both pure JavaScript and optional native libpq bindings with a unified API. It features connection pooling, extensible data-type coercion, parameterized queries with query plan caching, asynchronous notifications, and bulk data operations with full transaction support.
+
+## Package Information
+
+- **Package Name**: pg
+- **Package Type**: npm
+- **Language**: JavaScript
+- **Installation**: `npm install pg`
+- **Optional Native Bindings**: `npm install pg pg-native`
+
+## Core Imports
+
+```javascript
+const { Client, Pool, Query } = require('pg');
+```
+
+For ESM:
+
+```javascript
+import { Client, Pool, Query } from 'pg';
+```
+
+For native bindings:
+
+```javascript
+const { Client } = require('pg').native;
+// or
+import pg from 'pg';
+const Client = pg.native.Client;
+```
+
+## Basic Usage
+
+### Simple Client Connection
+
+```javascript
+const { Client } = require('pg');
+
+const client = new Client({
+  user: 'dbuser',
+  host: 'database.server.com',
+  database: 'mydb',
+  password: 'secretpassword',
+  port: 5432,
+});
+
+await client.connect();
+
+const res = await client.query('SELECT $1::text as message', ['Hello world!']);
+console.log(res.rows[0].message); // Hello world!
+
+await client.end();
+```
+
+### Connection Pool Usage
+
+```javascript
+const { Pool } = require('pg');
+
+const pool = new Pool({
+  user: 'dbuser',
+  host: 'database.server.com',
+  database: 'mydb',
+  password: 'secretpassword',
+  port: 5432,
+});
+
+const res = await pool.query('SELECT NOW()');
+console.log(res.rows[0]);
+
+await pool.end();
+```
+
+## Architecture
+
+pg is built around several key components:
+
+- **Client**: Core connection management and query execution
+- **Pool**: Connection pooling for resource optimization  
+- **Query**: Query configuration and execution handling
+- **Connection**: Low-level PostgreSQL protocol implementation
+- **Type System**: Extensible type conversion between JavaScript and PostgreSQL
+- **Utilities**: Helper functions for escaping and query normalization
+
+## Capabilities
+
+### Client Management
+
+Core PostgreSQL client functionality for establishing connections, executing queries, and managing database transactions.
+
+```javascript { .api }
+class Client extends EventEmitter {
+  constructor(config?: ClientConfig);
+  connect(callback?: (err: Error) => void): Promise<void>;
+  query(text: string, values?: any[], callback?: QueryCallback): Promise<QueryResult>;
+  query(config: QueryConfig, callback?: QueryCallback): Promise<QueryResult>;
+  end(callback?: (err: Error) => void): Promise<void>;
+}
+
+interface ClientConfig {
+  user?: string;
+  password?: string;
+  host?: string;
+  database?: string;
+  port?: number;
+  connectionString?: string;
+  ssl?: boolean | object;
+  binary?: boolean;
+  client_encoding?: string;
+  application_name?: string;
+  statement_timeout?: number | false;
+  query_timeout?: number | false;
+  connectionTimeoutMillis?: number;
+  keepAlive?: boolean;
+  keepAliveInitialDelayMillis?: number;
+}
+```
+
+[Client Management](./client.md)
+
+### Connection Pooling
+
+Connection pool management for optimizing database resource usage and handling concurrent connections.
+
+```javascript { .api }
+class Pool extends EventEmitter {
+  constructor(config?: PoolConfig);
+  connect(): Promise<PoolClient>;
+  query(text: string, values?: any[], callback?: QueryCallback): Promise<QueryResult>;
+  query(config: QueryConfig, callback?: QueryCallback): Promise<QueryResult>;
+  end(): Promise<void>;
+}
+
+interface PoolConfig extends ClientConfig {
+  max?: number;
+  min?: number;
+  idleTimeoutMillis?: number;
+  connectionTimeoutMillis?: number;
+  maxUses?: number;
+  allowExitOnIdle?: boolean;
+}
+```
+
+[Connection Pooling](./pool.md)
+
+### Query Execution
+
+Query configuration, parameter binding, and result handling with support for prepared statements and streaming.
+
+```javascript { .api }
+class Query extends EventEmitter {
+  constructor(config: QueryConfig, values?: any[], callback?: QueryCallback);
+}
+
+interface QueryConfig {
+  text: string;
+  values?: any[];
+  name?: string;
+  rowMode?: 'array' | 'object';
+  types?: TypeOverrides;
+  binary?: boolean;
+  portal?: string;
+  rows?: number;
+}
+
+interface QueryResult {
+  command: string;
+  rowCount: number;
+  oid: number;
+  rows: any[];
+  fields: FieldDef[];
+}
+```
+
+[Query Execution](./query.md)
+
+### Type System
+
+Type conversion system for handling data transformations between JavaScript and PostgreSQL types.
+
+```javascript { .api }
+interface types {
+  getTypeParser(oid: number, format?: string): (value: string) => any;
+  setTypeParser(oid: number, format: string, parseFn: (value: string) => any): void;
+  setTypeParser(oid: number, parseFn: (value: string) => any): void;
+}
+
+class TypeOverrides {
+  constructor(userTypes?: types);
+  setTypeParser(oid: number, format: string, parseFn: (value: string) => any): void;
+  getTypeParser(oid: number, format?: string): (value: string) => any;
+}
+```
+
+[Type System](./types.md)
+
+### Utilities
+
+Utility functions for SQL escaping, parameter normalization, and configuration management.
+
+```javascript { .api }
+function escapeIdentifier(str: string): string;
+function escapeLiteral(str: string): string;
+
+const defaults: {
+  host: string;
+  user: string;
+  database: string;
+  password: string;
+  port: number;
+  rows: number;
+  binary: boolean;
+  max: number;
+  idleTimeoutMillis: number;
+  client_encoding: string;
+  ssl: boolean;
+  application_name: string;
+  statement_timeout: number | false;
+  query_timeout: number | false;
+  connect_timeout: number;
+};
+```
+
+[Utilities](./utilities.md)
+
+### Connection String Parsing
+
+Parse and normalize PostgreSQL connection strings with comprehensive SSL and configuration support.
+
+```javascript { .api }
+function parse(connectionString: string, options?: ParseOptions): ConnectionOptions;
+function toClientConfig(config: ConnectionOptions): ClientConfig;
+function parseIntoClientConfig(connectionString: string): ClientConfig;
+```
+
+[Connection String Parsing](./connection-string.md)
+
+### Query Cursors
+
+Server-side cursors for memory-efficient processing of large result sets without loading all rows into memory.
+
+```javascript { .api }
+class Cursor extends EventEmitter {
+  constructor(text: string, values?: any[], config?: CursorConfig);
+  read(rows: number, callback?: QueryCallback): Promise<any[]>;
+  close(callback?: (err: Error | null) => void): Promise<void>;
+}
+```
+
+[Query Cursors](./cursor.md)
+
+### Query Streaming
+
+Node.js Readable stream interface for PostgreSQL query results, enabling streaming processing with standard stream APIs.
+
+```javascript { .api }
+class QueryStream extends Readable {
+  constructor(text: string, values?: any[], config?: QueryStreamConfig);
+}
+```
+
+[Query Streaming](./query-stream.md)
+
+## Error Handling
+
+pg provides comprehensive error handling through the DatabaseError class and standard EventEmitter patterns:
+
+```javascript { .api }
+class DatabaseError extends Error {
+  severity: string;
+  code: string;
+  detail: string;
+  hint: string;
+  position: string;
+  internalPosition: string;
+  internalQuery: string;
+  where: string;
+  schema: string;
+  table: string;
+  column: string;
+  dataType: string;
+  constraint: string;
+  file: string;
+  line: string;
+  routine: string;
+}
+```
+
+## Additional Exported Classes
+
+### Result
+
+Query result container with metadata and row data.
+
+```javascript { .api }
+class Result {
+  constructor(rowMode?: string, types?: TypeOverrides);
+  addCommandComplete(msg: any): void;
+  command: string | null;
+  rowCount: number | null;
+  oid: number | null;
+  rows: any[];
+  fields: FieldDef[];
+}
+```
+
+### Connection
+
+Low-level PostgreSQL protocol connection handler (advanced usage).
+
+```javascript { .api }
+class Connection extends EventEmitter {
+  constructor(config?: ConnectionConfig);
+  connect(port: number, host: string): void;
+  query(text: string): void;
+  end(): void;
+}
+```
+
+## Common Types
+
+```javascript { .api }
+type QueryCallback = (err: Error | null, result: QueryResult) => void;
+
+interface FieldDef {
+  name: string;
+  tableID: number;
+  columnID: number;
+  dataTypeID: number;
+  dataTypeSize: number;
+  dataTypeModifier: number;
+  format: string;
+}
+
+interface PoolClient extends Client {
+  release(err?: Error | boolean): void;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-pg/docs/pool.md b/.tessl/tiles/tessl/npm-pg/docs/pool.md
new file mode 100644
index 000000000..af947235f
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-pg/docs/pool.md
@@ -0,0 +1,368 @@
+# Connection Pooling
+
+The Pool class provides connection pool management for optimizing database resource usage and handling concurrent connections. It extends EventEmitter and maintains a pool of Client instances for efficient connection reuse.
+
+## Capabilities
+
+### Pool Constructor
+
+Creates a new connection pool with configuration options.
+
+```javascript { .api }
+/**
+ * Creates a new connection pool
+ * @param config - Pool and connection configuration
+ */
+class Pool extends EventEmitter {
+  constructor(config?: PoolConfig);
+}
+
+interface PoolConfig extends ClientConfig {
+  /** Maximum number of clients in the pool (default: 10) */
+  max?: number;
+  /** Minimum number of clients in the pool (default: 0) */
+  min?: number;
+  /** Idle timeout in milliseconds (default: 10000) */
+  idleTimeoutMillis?: number;
+  /** Connection timeout in milliseconds (default: 0) */
+  connectionTimeoutMillis?: number;
+  /** Maximum number of uses per connection before recreation */
+  maxUses?: number;
+  /** Maximum lifetime of connections in seconds */
+  maxLifetimeSeconds?: number;
+  /** Allow process to exit when pool is idle */
+  allowExitOnIdle?: boolean;
+  /** Log function for pool events */
+  log?: (message: string, level: string) => void;
+  /** Client verification function */
+  verify?: (client: Client) => Promise<void>;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+const { Pool } = require('pg');
+
+// Basic pool
+const pool = new Pool({
+  user: 'postgres',
+  host: 'localhost',
+  database: 'myapp',
+  password: 'secret',
+  port: 5432,
+  max: 20,
+  idleTimeoutMillis: 30000,
+  connectionTimeoutMillis: 2000,
+});
+
+// Pool with connection string
+const pool2 = new Pool({
+  connectionString: 'postgresql://user:password@host:5432/database',
+  max: 5
+});
+
+// Pool with SSL
+const pool3 = new Pool({
+  host: 'secure-host.com',
+  ssl: true,
+  max: 10,
+  allowExitOnIdle: true
+});
+```
+
+### Connect
+
+Acquire a client from the pool for direct connection management.
+
+```javascript { .api }
+/**
+ * Acquire a client from the pool
+ * @returns Promise resolving to a PoolClient instance
+ */
+connect(): Promise<PoolClient>;
+
+interface PoolClient extends Client {
+  /** Release the client back to the pool */
+  release(err?: Error | boolean): void;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// Manual client management
+const client = await pool.connect();
+try {
+  const res = await client.query('SELECT * FROM users');
+  console.log(res.rows);
+} finally {
+  client.release(); // Return client to pool
+}
+
+// Release with error (removes client from pool)
+const client2 = await pool.connect();
+try {
+  await client2.query('INVALID SQL');
+} catch (err) {
+  client2.release(err); // Client will be destroyed
+  throw err;
+}
+```
+
+### Direct Query Execution
+
+Execute queries directly on the pool without manual client management.
+
+```javascript { .api }
+/**
+ * Execute a SQL query using pool resources
+ * @param text - SQL query string
+ * @param values - Optional parameter values
+ * @param callback - Optional callback for query result
+ * @returns Promise resolving to query result
+ */
+query(text: string, values?: any[], callback?: QueryCallback): Promise<QueryResult>;
+
+/**
+ * Execute a SQL query with configuration object
+ * @param config - Query configuration
+ * @param callback - Optional callback for query result
+ * @returns Promise resolving to query result
+ */
+query(config: QueryConfig, callback?: QueryCallback): Promise<QueryResult>;
+```
+
+**Usage Examples:**
+
+```javascript
+// Simple query (client acquired and released automatically)
+const res = await pool.query('SELECT NOW()');
+console.log(res.rows[0]);
+
+// Parameterized query
+const users = await pool.query('SELECT * FROM users WHERE age > $1', [21]);
+
+// Named prepared statement
+const result = await pool.query({
+  name: 'fetch-user-by-email',
+  text: 'SELECT * FROM users WHERE email = $1',
+  values: ['user@example.com']
+});
+
+// Callback style
+pool.query('SELECT COUNT(*) FROM users', (err, result) => {
+  if (err) throw err;
+  console.log('User count:', result.rows[0].count);
+});
+```
+
+### Transaction Management
+
+Perform database transactions using manual client management.
+
+**Usage Examples:**
+
+```javascript
+// Transaction with manual client management
+const client = await pool.connect();
+try {
+  await client.query('BEGIN');
+  await client.query('INSERT INTO users (name) VALUES ($1)', ['Alice']);
+  await client.query('INSERT INTO profiles (user_id) VALUES ($1)', [123]);
+  await client.query('COMMIT');
+} catch (err) {
+  await client.query('ROLLBACK');
+  throw err;
+} finally {
+  client.release();
+}
+
+// Helper for cleaner transaction syntax
+async function withTransaction(pool, callback) {
+  const client = await pool.connect();
+  try {
+    await client.query('BEGIN');
+    const result = await callback(client);
+    await client.query('COMMIT');
+    return result;
+  } catch (err) {
+    await client.query('ROLLBACK');
+    throw err;
+  } finally {
+    client.release();
+  }
+}
+
+// Usage
+const result = await withTransaction(pool, async (client) => {
+  const user = await client.query('INSERT INTO users (name) VALUES ($1) RETURNING *', ['Bob']);
+  await client.query('INSERT INTO profiles (user_id) VALUES ($1)', [user.rows[0].id]);
+  return user.rows[0];
+});
+```
+
+### Pool Termination
+
+Shut down the connection pool and close all connections.
+
+```javascript { .api }
+/**
+ * End all connections in the pool
+ * @returns Promise that resolves when all connections are closed
+ */
+end(): Promise<void>;
+```
+
+**Usage Examples:**
+
+```javascript
+// Graceful shutdown
+await pool.end();
+
+// With error handling
+try {
+  await pool.end();
+  console.log('Pool has ended');
+} catch (err) {
+  console.error('Error ending pool', err);
+}
+```
+
+### Pool Monitoring
+
+Access pool statistics and status information.
+
+```javascript { .api }
+interface Pool {
+  /** Total number of clients in the pool */
+  readonly totalCount: number;
+  /** Number of idle clients available for use */
+  readonly idleCount: number;
+  /** Number of clients currently in use */
+  readonly waitingCount: number;
+  /** Number of expired clients that will be removed */
+  readonly expiredCount: number;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// Monitor pool status
+console.log(`Pool stats: ${pool.totalCount} total, ${pool.idleCount} idle, ${pool.waitingCount} waiting`);
+
+// Pool status endpoint for health checks
+app.get('/health/db', (req, res) => {
+  res.json({
+    totalConnections: pool.totalCount,
+    idleConnections: pool.idleCount,
+    waitingRequests: pool.waitingCount
+  });
+});
+```
+
+## Pool Events
+
+Pool emits various events for monitoring and debugging:
+
+```javascript { .api }
+// Client lifecycle events
+pool.on('connect', (client) => {
+  console.log('New client connected');
+});
+
+pool.on('acquire', (client) => {
+  console.log('Client acquired from pool');
+});
+
+pool.on('remove', (client) => {
+  console.log('Client removed from pool');
+});
+
+pool.on('release', (err, client) => {
+  console.log('Client released back to pool');
+});
+
+// Error events
+pool.on('error', (err, client) => {
+  console.error('Pool client error:', err);
+});
+
+// Pool status events
+pool.on('drain', () => {
+  console.log('Pool has drained');
+});
+```
+
+## Pool Configuration Best Practices
+
+### Basic Configuration
+
+```javascript
+const pool = new Pool({
+  // Connection settings
+  host: process.env.DB_HOST,
+  user: process.env.DB_USER,
+  password: process.env.DB_PASSWORD,
+  database: process.env.DB_NAME,
+  port: parseInt(process.env.DB_PORT) || 5432,
+  
+  // Pool settings
+  max: 10,                      // Maximum connections
+  idleTimeoutMillis: 30000,     // Close idle connections after 30s
+  connectionTimeoutMillis: 2000, // Timeout when acquiring connection
+  allowExitOnIdle: true         // Allow process to exit when idle
+});
+```
+
+### Production Configuration
+
+```javascript
+const pool = new Pool({
+  connectionString: process.env.DATABASE_URL,
+  
+  // SSL in production
+  ssl: process.env.NODE_ENV === 'production' ? { rejectUnauthorized: false } : false,
+  
+  // Pool sizing based on expected load
+  max: parseInt(process.env.DB_POOL_SIZE) || 20,
+  min: 2,                       // Minimum connections to maintain
+  
+  // Timeouts
+  idleTimeoutMillis: 10000,     // Close idle connections quickly
+  connectionTimeoutMillis: 5000, // Fail fast on connection issues
+  
+  // Connection health
+  maxUses: 7500,                // Recreate connections periodically
+  
+  // Monitoring
+  log: (message, level) => {
+    if (level === 'error') {
+      console.error('Pool error:', message);
+    }
+  }
+});
+```
+
+## Connection Pool Types
+
+```javascript { .api }
+type PoolConfig = ClientConfig & {
+  max?: number;
+  min?: number;
+  idleTimeoutMillis?: number;
+  connectionTimeoutMillis?: number;
+  maxUses?: number;
+  maxLifetimeSeconds?: number;
+  allowExitOnIdle?: boolean;
+  log?: (message: string, level: string) => void;
+  verify?: (client: Client) => Promise<void>;
+};
+
+interface PoolClient extends Client {
+  release(err?: Error | boolean): void;
+  processID: number;
+  secretKey: number;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-pg/docs/query-stream.md b/.tessl/tiles/tessl/npm-pg/docs/query-stream.md
new file mode 100644
index 000000000..42fff34e3
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-pg/docs/query-stream.md
@@ -0,0 +1,491 @@
+# Query Streaming
+
+Node.js Readable stream interface for PostgreSQL query results, enabling memory-efficient processing of large result sets through standard stream APIs.
+
+## Capabilities
+
+### QueryStream Constructor
+
+Creates a readable stream for PostgreSQL query results.
+
+```javascript { .api }
+/**
+ * Create a new query stream
+ * @param text - SQL query text
+ * @param values - Optional parameter values
+ * @param config - Optional stream configuration
+ */
+class QueryStream extends Readable {
+  constructor(text: string, values?: any[], config?: QueryStreamConfig);
+}
+
+interface QueryStreamConfig {
+  /** Number of rows to fetch per batch (overrides highWaterMark) */
+  batchSize?: number;
+  /** Stream's high water mark (default: 100) */
+  highWaterMark?: number;
+  /** Return rows as arrays instead of objects */
+  rowMode?: 'array';
+  /** Custom type parser object */
+  types?: any;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+const QueryStream = require('pg-query-stream');
+const { Client } = require('pg');
+
+const client = new Client();
+await client.connect();
+
+// Basic query stream
+const stream1 = new QueryStream('SELECT * FROM users');
+
+// Parameterized query stream
+const stream2 = new QueryStream('SELECT * FROM orders WHERE user_id = $1', [123]);
+
+// Configured stream
+const stream3 = new QueryStream('SELECT * FROM large_table', [], {
+  batchSize: 1000,
+  rowMode: 'array'
+});
+
+// Execute stream
+const queryStream = client.query(stream1);
+```
+
+### Stream Processing
+
+Process query results using standard Node.js stream APIs.
+
+```javascript { .api }
+// Standard Readable stream events
+stream.on('data', (row) => {});     // Each row as it arrives
+stream.on('end', () => {});         // All rows processed
+stream.on('error', (err) => {});    // Stream error occurred
+stream.on('close', () => {});       // Stream closed
+stream.on('readable', () => {});    // Data available to read
+
+// Stream control methods
+stream.read(size?: number): any | null;
+stream.pipe(destination: Writable): Writable;
+stream.destroy(error?: Error): void;
+stream.pause(): void;
+stream.resume(): void;
+```
+
+**Usage Examples:**
+
+```javascript
+// Event-driven processing
+const stream = client.query(new QueryStream('SELECT * FROM users'));
+
+stream.on('data', (row) => {
+  console.log('User:', row.name, row.email);
+});
+
+stream.on('end', () => {
+  console.log('Finished processing all users');
+});
+
+stream.on('error', (err) => {
+  console.error('Query error:', err);
+});
+
+// Manual reading
+stream.on('readable', () => {
+  let row;
+  while ((row = stream.read()) !== null) {
+    processRow(row);
+  }
+});
+```
+
+### Async Iteration
+
+Use modern async iteration for clean streaming code (Node.js ≥10).
+
+```javascript
+// Async iteration
+const stream = client.query(new QueryStream('SELECT * FROM products'));
+
+for await (const row of stream) {
+  console.log('Product:', row.name, row.price);
+  
+  // Can break early if needed
+  if (row.discontinued) break;
+}
+
+console.log('Done processing products');
+```
+
+**Usage Examples:**
+
+```javascript
+// ETL processing with async iteration
+async function processLargeDataset() {
+  const stream = client.query(new QueryStream(
+    'SELECT * FROM raw_data WHERE processed = false ORDER BY created_at'
+  ));
+  
+  let processedCount = 0;
+  
+  try {
+    for await (const row of stream) {
+      // Transform data
+      const transformed = transformData(row);
+      
+      // Load to destination
+      await insertIntoDestination(transformed);
+      
+      // Mark as processed
+      await client.query('UPDATE raw_data SET processed = true WHERE id = $1', [row.id]);
+      
+      processedCount++;
+      
+      if (processedCount % 1000 === 0) {
+        console.log(`Processed ${processedCount} records...`);
+      }
+    }
+  } catch (err) {
+    console.error('Processing failed:', err);
+  }
+  
+  console.log(`Total processed: ${processedCount} records`);
+}
+```
+
+### Stream Piping
+
+Pipe query results to other streams for processing.
+
+```javascript
+const fs = require('fs');
+const { Transform } = require('stream');
+
+// Create transform stream
+const csvTransform = new Transform({
+  objectMode: true,
+  transform(row, encoding, callback) {
+    const csvLine = `${row.id},${row.name},${row.email}\n`;
+    callback(null, csvLine);
+  }
+});
+
+// Pipe query to CSV file
+const stream = client.query(new QueryStream('SELECT id, name, email FROM users'));
+const writeStream = fs.createWriteStream('users.csv');
+
+// Write CSV header
+writeStream.write('id,name,email\n');
+
+// Pipe data
+stream
+  .pipe(csvTransform)
+  .pipe(writeStream);
+
+// Handle completion
+writeStream.on('finish', () => {
+  console.log('CSV export completed');
+});
+```
+
+**Pipeline Processing:**
+
+```javascript
+const { pipeline } = require('stream');
+const { promisify } = require('util');
+const pipelineAsync = promisify(pipeline);
+
+// Create processing pipeline
+async function exportToCSV() {
+  const queryStream = client.query(new QueryStream('SELECT * FROM orders'));
+  
+  const transformStream = new Transform({
+    objectMode: true,
+    transform(order, encoding, callback) {
+      const csvRow = `${order.id},${order.customer_id},${order.total},${order.created_at}\n`;
+      callback(null, csvRow);
+    }
+  });
+  
+  const writeStream = fs.createWriteStream('orders.csv');
+  writeStream.write('id,customer_id,total,created_date\n');
+  
+  try {
+    await pipelineAsync(queryStream, transformStream, writeStream);
+    console.log('Export completed successfully');
+  } catch (err) {
+    console.error('Export failed:', err);
+  }
+}
+```
+
+## Configuration Options
+
+### Batch Size and High Water Mark
+
+Control memory usage and performance characteristics.
+
+```javascript
+// Large batch size for high-throughput scenarios
+const fastStream = new QueryStream('SELECT * FROM logs', [], {
+  batchSize: 5000  // Fetch 5000 rows at a time
+});
+
+// Small batch size for real-time processing
+const realtimeStream = new QueryStream('SELECT * FROM events', [], {
+  batchSize: 10   // Process rows as they arrive
+});
+
+// Direct high water mark control
+const customStream = new QueryStream('SELECT * FROM data', [], {
+  highWaterMark: 50  // Buffer up to 50 rows
+});
+```
+
+### Row Mode Configuration
+
+Control how rows are returned from the stream.
+
+```javascript
+// Object mode (default)
+const objectStream = new QueryStream('SELECT id, name FROM users');
+// Emits: { id: 1, name: 'Alice' }
+
+// Array mode
+const arrayStream = new QueryStream('SELECT id, name FROM users', [], {
+  rowMode: 'array'
+});
+// Emits: [1, 'Alice']
+
+// Array mode with ordered columns
+for await (const [id, name, email] of arrayStream) {
+  console.log(`User ${id}: ${name} (${email})`);
+}
+```
+
+### Custom Type Parsing
+
+Use custom type parsers for specialized data handling.
+
+```javascript
+const customTypes = {
+  getTypeParser: (oid, format) => {
+    // Custom JSON parsing
+    if (oid === 114) { // JSON type
+      return (val) => {
+        try {
+          return JSON.parse(val);
+        } catch {
+          return val; // Return as string if parsing fails
+        }
+      };
+    }
+    
+    // Custom timestamp parsing
+    if (oid === 1184) { // TIMESTAMPTZ
+      return (val) => new Date(val);
+    }
+    
+    // Default parser
+    return require('pg').types.getTypeParser(oid, format);
+  }
+};
+
+const stream = new QueryStream('SELECT metadata, created_at FROM events', [], {
+  types: customTypes
+});
+```
+
+## Usage Patterns
+
+### Large Data Export
+
+Export large datasets without memory overflow.
+
+```javascript
+async function exportUserData() {
+  const stream = client.query(new QueryStream(
+    'SELECT * FROM users ORDER BY created_at',
+    [],
+    { batchSize: 2000 }
+  ));
+  
+  const writeStream = fs.createWriteStream('users_export.json');
+  writeStream.write('[\n');
+  
+  let first = true;
+  
+  for await (const user of stream) {
+    if (!first) writeStream.write(',\n');
+    writeStream.write(JSON.stringify(user));
+    first = false;
+  }
+  
+  writeStream.write('\n]');
+  writeStream.end();
+  
+  console.log('Export completed');
+}
+```
+
+### Real-time Processing
+
+Process data in real-time with small batches.
+
+```javascript
+async function processRecentEvents() {
+  const stream = client.query(new QueryStream(
+    'SELECT * FROM events WHERE created_at > NOW() - INTERVAL \'1 hour\'',
+    [],
+    { batchSize: 1 }  // Process immediately as available
+  ));
+  
+  for await (const event of stream) {
+    // Process each event immediately
+    await handleEvent(event);
+    
+    // Update progress
+    await client.query(
+      'UPDATE event_processing SET last_processed_at = $1',
+      [event.created_at]
+    );
+  }
+}
+```
+
+### Aggregation and Analysis
+
+Stream processing for data analysis.
+
+```javascript
+async function analyzeUserBehavior() {
+  const stream = client.query(new QueryStream(
+    'SELECT user_id, action, timestamp FROM user_events ORDER BY timestamp'
+  ));
+  
+  const userSessions = new Map();
+  
+  for await (const event of stream) {
+    const userId = event.user_id;
+    
+    if (!userSessions.has(userId)) {
+      userSessions.set(userId, {
+        actions: [],
+        startTime: event.timestamp,
+        endTime: event.timestamp
+      });
+    }
+    
+    const session = userSessions.get(userId);
+    session.actions.push(event.action);
+    session.endTime = event.timestamp;
+    
+    // Finalize session if idle too long
+    const idleTime = Date.now() - new Date(event.timestamp).getTime();
+    if (idleTime > 30 * 60 * 1000) { // 30 minutes
+      await finalizeSession(userId, session);
+      userSessions.delete(userId);
+    }
+  }
+  
+  // Finalize remaining sessions
+  for (const [userId, session] of userSessions) {
+    await finalizeSession(userId, session);
+  }
+}
+```
+
+## Error Handling and Cleanup
+
+### Stream Error Handling
+
+```javascript
+const stream = client.query(new QueryStream('SELECT * FROM users'));
+
+stream.on('error', (err) => {
+  console.error('Stream error:', err);
+  
+  // Connection is still usable after stream error
+  // Perform cleanup or retry logic here
+});
+
+// Promise-based error handling with async iteration
+try {
+  for await (const row of stream) {
+    await processRow(row);
+  }
+} catch (err) {
+  console.error('Processing error:', err);
+}
+```
+
+### Graceful Shutdown
+
+```javascript
+let currentStream = null;
+
+// Graceful shutdown handler
+process.on('SIGTERM', () => {
+  if (currentStream) {
+    console.log('Destroying current stream...');
+    currentStream.destroy();
+  }
+  
+  client.end();
+});
+
+// Usage with cleanup
+async function processData() {
+  currentStream = client.query(new QueryStream('SELECT * FROM large_table'));
+  
+  try {
+    for await (const row of currentStream) {
+      await processRow(row);
+    }
+  } finally {
+    currentStream = null;
+  }
+}
+```
+
+## Performance Considerations
+
+### Memory Usage
+
+```javascript
+// Memory-efficient: Small batch sizes
+const memoryEfficientStream = new QueryStream('SELECT * FROM huge_table', [], {
+  batchSize: 100  // Only 100 rows in memory at once
+});
+
+// High-throughput: Larger batch sizes
+const highThroughputStream = new QueryStream('SELECT * FROM huge_table', [], {
+  batchSize: 10000  // Better performance, more memory usage
+});
+```
+
+### Connection Pool Usage
+
+```javascript
+const { Pool } = require('pg');
+const pool = new Pool();
+
+async function streamProcessing() {
+  const client = await pool.connect();
+  
+  try {
+    const stream = client.query(new QueryStream('SELECT * FROM data'));
+    
+    for await (const row of stream) {
+      await processRow(row);
+    }
+    
+  } finally {
+    client.release(); // Return to pool
+  }
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-pg/docs/query.md b/.tessl/tiles/tessl/npm-pg/docs/query.md
new file mode 100644
index 000000000..27a285817
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-pg/docs/query.md
@@ -0,0 +1,455 @@
+# Query Execution
+
+The Query class and query execution system provides comprehensive SQL query handling including parameter binding, prepared statements, result processing, and streaming capabilities.
+
+## Capabilities
+
+### Query Constructor
+
+Creates a new query instance with configuration, parameters, and callback.
+
+```javascript { .api }
+/**
+ * Creates a new query instance
+ * @param config - Query configuration object or SQL text
+ * @param values - Optional parameter values
+ * @param callback - Optional callback for query completion
+ */
+class Query extends EventEmitter {
+  constructor(config: QueryConfig | string, values?: any[], callback?: QueryCallback);
+}
+
+interface QueryConfig {
+  /** SQL query text */
+  text: string;
+  /** Parameter values for query */
+  values?: any[];
+  /** Named prepared statement identifier */
+  name?: string;
+  /** Row output mode ('array' or 'object') */
+  rowMode?: 'array' | 'object';
+  /** Custom type overrides */
+  types?: TypeOverrides;
+  /** Binary result format */
+  binary?: boolean;
+  /** Portal name for prepared statements */
+  portal?: string;
+  /** Maximum rows to return per execute */
+  rows?: number;
+  /** Callback function for query completion */
+  callback?: QueryCallback;
+  /** Query execution mode */
+  queryMode?: 'simple' | 'extended';
+}
+
+type QueryCallback = (err: Error | null, result: QueryResult) => void;
+```
+
+**Usage Examples:**
+
+```javascript
+const { Query } = require('pg');
+
+// Basic query
+const query1 = new Query('SELECT * FROM users');
+
+// Parameterized query
+const query2 = new Query('SELECT * FROM users WHERE id = $1', [123]);
+
+// Named prepared statement
+const query3 = new Query({
+  name: 'get-user',
+  text: 'SELECT * FROM users WHERE id = $1',
+  values: [123]
+});
+
+// Query with callback
+const query4 = new Query('SELECT NOW()', [], (err, result) => {
+  if (err) throw err;
+  console.log(result.rows[0]);
+});
+
+// Array row mode
+const query5 = new Query({
+  text: 'SELECT name, email FROM users',
+  rowMode: 'array'
+});
+```
+
+### Query Result Structure
+
+Query results contain metadata and data from executed SQL statements.
+
+```javascript { .api }
+interface QueryResult {
+  /** SQL command that was executed */
+  command: string;
+  /** Number of rows affected by the command */
+  rowCount: number;
+  /** Object ID returned by INSERT operations */
+  oid: number;
+  /** Array of result rows */
+  rows: any[];
+  /** Field definitions for result columns */
+  fields: FieldDef[];
+  /** Row constructor function (when using custom row types) */
+  _parsers?: any[];
+  /** Query duration in milliseconds */
+  duration?: number;
+}
+
+interface FieldDef {
+  /** Column name */
+  name: string;
+  /** Table OID */
+  tableID: number;
+  /** Column attribute number */
+  columnID: number;
+  /** Data type OID */
+  dataTypeID: number;
+  /** Data type size */
+  dataTypeSize: number;
+  /** Type modifier */
+  dataTypeModifier: number;
+  /** Result format ('text' or 'binary') */
+  format: string;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+const result = await client.query('SELECT id, name FROM users WHERE active = true');
+
+console.log('Command:', result.command);     // 'SELECT'
+console.log('Row count:', result.rowCount);  // Number of rows returned
+console.log('Rows:', result.rows);           // [{ id: 1, name: 'Alice' }, ...]
+
+// Field information
+result.fields.forEach(field => {
+  console.log(`Column: ${field.name}, Type: ${field.dataTypeID}`);
+});
+
+// INSERT result
+const insertResult = await client.query('INSERT INTO users (name) VALUES ($1) RETURNING id', ['Bob']);
+console.log('New ID:', insertResult.rows[0].id);
+console.log('OID:', insertResult.oid);
+```
+
+### Prepared Statements
+
+Named prepared statements for query plan caching and performance optimization.
+
+```javascript { .api }
+/**
+ * Execute a named prepared statement
+ * Automatically prepared on first execution and cached thereafter
+ */
+interface PreparedStatement {
+  name: string;
+  text: string;
+  values?: any[];
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// Define prepared statement
+const getUserQuery = {
+  name: 'get-user-by-id',
+  text: 'SELECT * FROM users WHERE id = $1'
+};
+
+// First execution: prepares and executes
+const user1 = await client.query(getUserQuery, [123]);
+
+// Subsequent executions: uses cached plan
+const user2 = await client.query(getUserQuery, [456]);
+
+// Prepared statement with multiple parameters
+const complexQuery = {
+  name: 'user-search',
+  text: 'SELECT * FROM users WHERE age BETWEEN $1 AND $2 AND city = $3 ORDER BY name',
+  values: [25, 65, 'San Francisco']
+};
+
+const results = await client.query(complexQuery);
+```
+
+### Parameter Binding
+
+Safe parameter binding to prevent SQL injection and handle type conversion.
+
+```javascript { .api }
+/**
+ * Parameter placeholder format: $1, $2, $3, etc.
+ * Values are automatically escaped and type-converted
+ */
+```
+
+**Usage Examples:**
+
+```javascript
+// Basic parameter binding
+await client.query('SELECT * FROM users WHERE name = $1', ['Alice']);
+
+// Multiple parameters
+await client.query(
+  'SELECT * FROM orders WHERE user_id = $1 AND created_at > $2 AND amount >= $3',
+  [123, new Date('2023-01-01'), 100.00]
+);
+
+// Array values (PostgreSQL arrays)
+await client.query('SELECT * FROM products WHERE tags && $1', [['electronics', 'mobile']]);
+
+// JSON parameters
+await client.query('INSERT INTO logs (data) VALUES ($1)', [{ event: 'login', user: 123 }]);
+
+// Buffer/binary data
+const imageBuffer = Buffer.from('...image data...');
+await client.query('INSERT INTO images (data) VALUES ($1)', [imageBuffer]);
+
+// Date/time parameters
+await client.query('INSERT INTO events (scheduled_at) VALUES ($1)', [new Date()]);
+```
+
+### Row Modes
+
+Control how query results are returned - as objects or arrays.
+
+```javascript { .api }
+/**
+ * Row mode configuration affects result structure
+ * - 'object': rows as objects with column names as keys (default)
+ * - 'array': rows as arrays with values in column order
+ */
+```
+
+**Usage Examples:**
+
+```javascript
+// Default object mode
+const objectResult = await client.query('SELECT id, name, email FROM users LIMIT 1');
+console.log(objectResult.rows[0]);
+// { id: 1, name: 'Alice', email: 'alice@example.com' }
+
+// Array mode
+const arrayResult = await client.query({
+  text: 'SELECT id, name, email FROM users LIMIT 1',
+  rowMode: 'array'
+});
+console.log(arrayResult.rows[0]);
+// [1, 'Alice', 'alice@example.com']
+
+// Array mode useful for performance-critical operations
+const performanceQuery = {
+  text: 'SELECT * FROM large_table',
+  rowMode: 'array'
+};
+const results = await client.query(performanceQuery);
+// Less memory overhead, faster processing
+```
+
+### Portal-Based Query Execution
+
+Execute queries with portal-based paging to process large result sets efficiently.
+
+```javascript { .api }
+/**
+ * Portal-based query execution for large result sets
+ * Fetches results in batches rather than all at once
+ */
+interface PortalConfig extends QueryConfig {
+  /** Number of rows to fetch per portal execution */
+  rows: number;
+  /** Portal name for prepared statements */
+  portal?: string;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// Portal-based execution (fetches in batches)
+const query = new Query({
+  text: 'SELECT * FROM large_table',
+  rows: 1000  // Fetch 1000 rows at a time
+});
+
+query.on('row', (row) => {
+  // Process each row individually
+  console.log('Processing row:', row.id);
+});
+
+query.on('end', (result) => {
+  console.log('Query completed, total rows:', result.rowCount);
+});
+
+query.on('error', (err) => {
+  console.error('Query error:', err);
+});
+
+client.query(query);
+
+// For true streaming, use the separate pg-query-stream package
+// const QueryStream = require('pg-query-stream');
+// const queryStream = new QueryStream('SELECT * FROM huge_table');
+// const stream = client.query(queryStream);
+```
+
+### Query Events
+
+Query instances emit events during execution lifecycle.
+
+```javascript { .api }
+// Query execution events
+query.on('row', (row, result) => {
+  // Emitted for each row (when using streaming)
+});
+
+query.on('end', (result) => {
+  // Query completed successfully
+});
+
+query.on('error', (err) => {
+  // Query failed with error
+});
+```
+
+**Usage Examples:**
+
+```javascript
+const query = new Query('SELECT * FROM users');
+
+query.on('row', (row) => {
+  console.log('User:', row.name);
+});
+
+query.on('end', (result) => {
+  console.log(`Query completed: ${result.rowCount} rows`);
+});
+
+query.on('error', (err) => {
+  console.error('Query failed:', err.message);
+});
+
+client.query(query);
+```
+
+### Query Execution Modes
+
+Control how queries are executed on the PostgreSQL server.
+
+```javascript { .api }
+interface QueryModes {
+  /** Simple query protocol (default for ad-hoc queries) */
+  simple: 'simple';
+  /** Extended query protocol (required for prepared statements) */
+  extended: 'extended';
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// Simple protocol (default)
+await client.query('SELECT * FROM users');
+
+// Force extended protocol
+await client.query({
+  text: 'SELECT * FROM users WHERE id = $1',
+  values: [123],
+  queryMode: 'extended'
+});
+
+// Extended protocol automatically used for:
+// - Named statements
+// - Binary mode
+// - Custom row limits
+const extendedQuery = {
+  name: 'get-users',
+  text: 'SELECT * FROM users',
+  binary: true,
+  rows: 100
+};
+```
+
+### Query Validation
+
+Built-in validation and error handling for queries.
+
+```javascript { .api }
+/**
+ * Query validation occurs before execution
+ * Common validations:
+ * - Text cannot be empty
+ * - Parameter count must match placeholders  
+ * - Named queries must have valid names
+ */
+```
+
+**Usage Examples:**
+
+```javascript
+// Valid queries
+await client.query('SELECT 1');
+await client.query('SELECT * FROM users WHERE id = $1', [123]);
+
+// Invalid queries (will throw errors)
+try {
+  await client.query('');  // Empty query text
+} catch (err) {
+  console.error('Empty query error:', err.message);
+}
+
+try {
+  await client.query('SELECT * FROM users WHERE id = $1');  // Missing parameter
+} catch (err) {
+  console.error('Missing parameter error:', err.message);
+}
+
+try {
+  await client.query('SELECT * FROM users WHERE id = $1', [123, 456]);  // Too many parameters
+} catch (err) {
+  console.error('Parameter mismatch error:', err.message);
+}
+```
+
+## Query Types
+
+```javascript { .api }
+type QueryConfig = {
+  text: string;
+  values?: any[];
+  name?: string;
+  rowMode?: 'array' | 'object';
+  types?: TypeOverrides;
+  binary?: boolean;
+  portal?: string;
+  rows?: number;
+  callback?: QueryCallback;
+  queryMode?: 'simple' | 'extended';
+};
+
+type QueryCallback = (err: Error | null, result: QueryResult) => void;
+
+interface QueryResult {
+  command: string;
+  rowCount: number;
+  oid: number;
+  rows: any[];
+  fields: FieldDef[];
+  duration?: number;
+}
+
+interface FieldDef {
+  name: string;
+  tableID: number;
+  columnID: number;
+  dataTypeID: number;
+  dataTypeSize: number;
+  dataTypeModifier: number;
+  format: string;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-pg/docs/types.md b/.tessl/tiles/tessl/npm-pg/docs/types.md
new file mode 100644
index 000000000..42bdcdea4
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-pg/docs/types.md
@@ -0,0 +1,400 @@
+# Type System
+
+The pg type system provides comprehensive data conversion between JavaScript and PostgreSQL types, with support for custom type parsers, extensible type handling, and both text and binary format support.
+
+## Capabilities
+
+### Type Parser Management
+
+The main types object provides global type parser configuration.
+
+```javascript { .api }
+/**
+ * Global type parser registry from pg-types module
+ * Handles conversion between PostgreSQL and JavaScript types
+ */
+interface types {
+  /**
+   * Get the parser function for a PostgreSQL type
+   * @param oid - PostgreSQL type OID
+   * @param format - Format ('text' or 'binary', default 'text')
+   * @returns Parser function that converts string to JavaScript type
+   */
+  getTypeParser(oid: number, format?: string): (value: string) => any;
+  
+  /**
+   * Set a custom parser for a PostgreSQL type
+   * @param oid - PostgreSQL type OID
+   * @param format - Format ('text' or 'binary')
+   * @param parseFn - Parser function
+   */
+  setTypeParser(oid: number, format: string, parseFn: (value: string) => any): void;
+  
+  /**
+   * Set a custom parser for a PostgreSQL type (defaults to text format)
+   * @param oid - PostgreSQL type OID
+   * @param parseFn - Parser function
+   */
+  setTypeParser(oid: number, parseFn: (value: string) => any): void;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+const { types } = require('pg');
+
+// Get existing parser
+const dateParser = types.getTypeParser(1082, 'text');
+console.log(dateParser('2023-12-25')); // Parsed date
+
+// Set custom date parser to return Date objects
+types.setTypeParser(1082, (val) => new Date(val));
+
+// Set custom JSON parser with error handling
+types.setTypeParser(114, (val) => {
+  try {
+    return JSON.parse(val);
+  } catch (err) {
+    console.warn('Invalid JSON:', val);
+    return val;
+  }
+});
+
+// Binary format parser
+types.setTypeParser(17, 'binary', (val) => {
+  return Buffer.from(val, 'hex');
+});
+
+// Numeric type with precision handling
+types.setTypeParser(1700, (val) => {
+  return parseFloat(val);
+});
+```
+
+### TypeOverrides Class
+
+Per-client type parser overrides for customized type handling.
+
+```javascript { .api }
+/**
+ * Client-specific type parser overrides
+ * Simple container for text and binary type parsers
+ */
+function TypeOverrides(userTypes) {
+  this.text = userTypes || {};
+  this.binary = userTypes || {};
+}
+
+TypeOverrides.prototype.setTypeParser = function(oid, format, parseFn) {
+  if (typeof format === 'function') {
+    parseFn = format;
+    format = 'text';
+  }
+  this[format][oid] = parseFn;
+};
+
+TypeOverrides.prototype.getTypeParser = function(oid, format) {
+  format = format || 'text';
+  return this[format][oid];
+};
+```
+
+**Usage Examples:**
+
+```javascript
+const { TypeOverrides } = require('pg');
+
+// Create client-specific type overrides
+const customTypes = new TypeOverrides();
+
+// Override date parsing for this client only
+customTypes.setTypeParser(1082, (val) => {
+  const date = new Date(val);
+  return date.toISOString().split('T')[0]; // Return YYYY-MM-DD format
+});
+
+// Use with client
+const client = new Client({
+  // ... connection config
+  types: customTypes
+});
+
+// Override JSON parsing with custom reviver
+const apiTypes = new TypeOverrides();
+apiTypes.setTypeParser(114, (val) => {
+  return JSON.parse(val, (key, value) => {
+    // Convert ISO date strings to Date objects
+    if (typeof value === 'string' && /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}/.test(value)) {
+      return new Date(value);
+    }
+    return value;
+  });
+});
+
+const apiClient = new Client({
+  // ... connection config
+  types: apiTypes
+});
+```
+
+### Common PostgreSQL Type OIDs
+
+Reference for common PostgreSQL type identifiers (use these numeric values when setting custom parsers).
+
+```javascript
+// Numeric types
+types.setTypeParser(21, parseFn);    // smallint (INT2)
+types.setTypeParser(23, parseFn);    // integer (INT4)
+types.setTypeParser(20, parseFn);    // bigint (INT8)
+types.setTypeParser(700, parseFn);   // real (FLOAT4)
+types.setTypeParser(701, parseFn);   // double precision (FLOAT8)
+types.setTypeParser(1700, parseFn);  // numeric/decimal (NUMERIC)
+
+// String types
+types.setTypeParser(18, parseFn);    // char (CHAR)
+types.setTypeParser(1043, parseFn);  // varchar (VARCHAR)
+types.setTypeParser(25, parseFn);    // text (TEXT)
+types.setTypeParser(19, parseFn);    // name (NAME)
+
+// Date/time types
+types.setTypeParser(1082, parseFn);  // date (DATE)
+types.setTypeParser(1083, parseFn);  // time (TIME)
+types.setTypeParser(1114, parseFn);  // timestamp without timezone (TIMESTAMP)
+types.setTypeParser(1184, parseFn);  // timestamp with timezone (TIMESTAMPTZ)
+types.setTypeParser(1186, parseFn);  // interval (INTERVAL)
+
+// Other common types
+types.setTypeParser(17, parseFn);    // bytea (BYTEA)
+types.setTypeParser(16, parseFn);    // boolean (BOOL)
+types.setTypeParser(114, parseFn);   // json (JSON)
+types.setTypeParser(3802, parseFn);  // jsonb (JSONB)
+types.setTypeParser(2950, parseFn);  // uuid (UUID)
+
+// Array types
+types.setTypeParser(1007, parseFn);  // integer[] (INT4_ARRAY)
+types.setTypeParser(1009, parseFn);  // text[] (TEXT_ARRAY)
+```
+
+**Usage Examples:**
+
+```javascript
+// Custom UUID parser
+types.setTypeParser(2950, (val) => val.toUpperCase());
+
+// Custom JSONB parser
+types.setTypeParser(3802, (val) => JSON.parse(val));
+
+// Custom timestamp parser
+types.setTypeParser(1184, (val) => new Date(val));
+
+// Array type parsing
+types.setTypeParser(1007, (val) => {
+  // Parse PostgreSQL array format: {1,2,3}
+  return val.slice(1, -1).split(',').map(Number);
+});
+
+types.setTypeParser(1009, (val) => {
+  // Handle quoted strings in arrays: {"hello","world"}
+  return val.slice(1, -1).split(',').map(s => s.replace(/^"|"$/g, ''));
+});
+```
+
+### Built-in Type Conversions
+
+Standard type conversions provided by pg-types.
+
+```javascript { .api }
+/**
+ * Default type conversions applied by pg
+ * These can be overridden using setTypeParser
+ */
+interface DefaultTypeConversions {
+  // Numeric conversions
+  smallint: number;        // INT2 -> number
+  integer: number;         // INT4 -> number  
+  bigint: string;          // INT8 -> string (to avoid precision loss)
+  real: number;            // FLOAT4 -> number
+  double: number;          // FLOAT8 -> number
+  numeric: string;         // NUMERIC -> string (preserves precision)
+  
+  // String conversions
+  char: string;            // CHAR -> string
+  varchar: string;         // VARCHAR -> string
+  text: string;            // TEXT -> string
+  
+  // Date/time conversions
+  date: string;            // DATE -> 'YYYY-MM-DD'
+  time: string;            // TIME -> 'HH:MM:SS'
+  timestamp: string;       // TIMESTAMP -> 'YYYY-MM-DD HH:MM:SS'
+  timestamptz: string;     // TIMESTAMPTZ -> ISO string
+  interval: string;        // INTERVAL -> PostgreSQL interval format
+  
+  // Other conversions
+  boolean: boolean;        // BOOL -> boolean
+  bytea: Buffer;           // BYTEA -> Buffer
+  json: string;            // JSON -> string (not parsed)
+  jsonb: string;           // JSONB -> string (not parsed)
+  uuid: string;            // UUID -> string
+}
+```
+
+### Custom Type Parser Examples
+
+Common patterns for implementing custom type parsers.
+
+```javascript { .api }
+/**
+ * Example custom parsers for common use cases
+ */
+```
+
+**Usage Examples:**
+
+```javascript
+// Parse bigint as number (with precision loss warning)
+types.setTypeParser(20, (val) => {
+  const num = parseInt(val, 10);
+  if (num > Number.MAX_SAFE_INTEGER) {
+    console.warn('Bigint value exceeds JavaScript safe integer range');
+  }
+  return num;
+});
+
+// Parse numeric/decimal with precision
+types.setTypeParser(1700, (val) => {
+  // Use decimal.js for precision
+  const Decimal = require('decimal.js');
+  return new Decimal(val);
+});
+
+// Parse timestamps as Date objects with timezone handling
+types.setTypeParser(1114, (val) => {
+  // Timestamp without timezone - assume UTC
+  return new Date(val + 'Z');
+});
+
+types.setTypeParser(1184, (val) => {
+  // Timestamp with timezone
+  return new Date(val);
+});
+
+// Parse intervals as duration objects
+types.setTypeParser(1186, (val) => {
+  // Parse PostgreSQL interval format
+  const match = val.match(/(\d+):(\d+):(\d+)/);
+  if (match) {
+    return {
+      hours: parseInt(match[1], 10),
+      minutes: parseInt(match[2], 10),
+      seconds: parseInt(match[3], 10)
+    };
+  }
+  return val;
+});
+
+// Parse JSON/JSONB automatically
+types.setTypeParser(114, JSON.parse);   // json
+types.setTypeParser(3802, JSON.parse);  // jsonb
+
+// Parse arrays with proper handling
+types.setTypeParser(1007, (val) => {
+  // integer[] parser
+  if (val === '{}') return [];
+  return val.slice(1, -1).split(',').map(v => v === 'NULL' ? null : parseInt(v, 10));
+});
+
+// Parse UUIDs with validation
+types.setTypeParser(2950, (val) => {
+  const uuidRegex = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+  if (!uuidRegex.test(val)) {
+    throw new Error(`Invalid UUID format: ${val}`);
+  }
+  return val.toLowerCase();
+});
+
+// Parse network addresses
+types.setTypeParser(869, (val) => {  // inet
+  return {
+    address: val.split('/')[0],
+    netmask: val.split('/')[1] ? parseInt(val.split('/')[1], 10) : 32
+  };
+});
+```
+
+### Type Parser Debugging
+
+Utilities for debugging and inspecting type parsing.
+
+```javascript { .api }
+/**
+ * Debug utilities for type system
+ */
+```
+
+**Usage Examples:**
+
+```javascript
+// Log all registered parsers
+function debugTypeParsers() {
+  const { types } = require('pg');
+  
+  // Common type OIDs to check
+  const typeOIDs = [16, 17, 20, 21, 23, 25, 114, 1082, 1114, 1184, 1700, 2950, 3802];
+  
+  typeOIDs.forEach(oid => {
+    const textParser = types.getTypeParser(oid, 'text');
+    const binaryParser = types.getTypeParser(oid, 'binary');
+    console.log(`OID ${oid}: text=${textParser.name || 'anonymous'}, binary=${binaryParser.name || 'anonymous'}`);
+  });
+}
+
+// Test type parsing
+function testTypeParser(oid, testValue) {
+  const { types } = require('pg');
+  const parser = types.getTypeParser(oid, 'text');
+  
+  try {
+    const result = parser(testValue);
+    console.log(`OID ${oid}: "${testValue}" -> ${typeof result} ${JSON.stringify(result)}`);
+    return result;
+  } catch (err) {
+    console.error(`OID ${oid}: Error parsing "${testValue}":`, err.message);
+    return null;
+  }
+}
+
+// Usage
+debugTypeParsers();
+testTypeParser(1082, '2023-12-25');
+testTypeParser(114, '{"key": "value"}');
+testTypeParser(20, '9223372036854775807');
+```
+
+## Type System Configuration
+
+```javascript { .api }
+/**
+ * Configuration interfaces for type system
+ */
+interface TypeSystemConfig {
+  /** Global types object */
+  types: types;
+  /** Client-specific overrides */
+  TypeOverrides: typeof TypeOverrides;
+  /** Common type OID constants */
+  oids: { [typeName: string]: number };
+}
+
+/**
+ * Type parser function signature
+ */
+type TypeParser<T = any> = (value: string) => T;
+
+/**
+ * Type override map
+ */
+interface TypeOverrideMap {
+  [oid: number]: TypeParser;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-pg/docs/utilities.md b/.tessl/tiles/tessl/npm-pg/docs/utilities.md
new file mode 100644
index 000000000..9aa659151
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-pg/docs/utilities.md
@@ -0,0 +1,479 @@
+# Utilities
+
+The pg utilities module provides essential helper functions for SQL escaping, parameter normalization, configuration management, and safe query construction.
+
+## Capabilities
+
+### SQL Escaping Functions
+
+Secure SQL string and identifier escaping to prevent injection attacks.
+
+```javascript { .api }
+/**
+ * Escape a SQL identifier (table name, column name, etc.)
+ * Wraps the identifier in double quotes and escapes internal quotes
+ * @param str - String to escape as identifier
+ * @returns Properly escaped SQL identifier
+ */
+function escapeIdentifier(str: string): string;
+
+/**
+ * Escape a SQL literal value
+ * Wraps the value in single quotes and escapes internal quotes and backslashes
+ * @param str - String to escape as literal
+ * @returns Properly escaped SQL literal
+ */
+function escapeLiteral(str: string): string;
+```
+
+**Usage Examples:**
+
+```javascript
+const { escapeIdentifier, escapeLiteral } = require('pg');
+
+// Escape table/column names
+const tableName = escapeIdentifier('user-table');
+console.log(tableName); // "user-table"
+
+const columnName = escapeIdentifier('full name');
+console.log(columnName); // "full name"
+
+// Handle names with quotes
+const quotedTable = escapeIdentifier('table"with"quotes');
+console.log(quotedTable); // "table""with""quotes"
+
+// Escape string literals
+const userName = escapeLiteral("O'Reilly");
+console.log(userName); // 'O''Reilly'
+
+const description = escapeLiteral('Product with "quotes" and \\backslashes');
+console.log(description); // E'Product with "quotes" and \\\\backslashes'
+
+// Safe dynamic query construction
+const table = escapeIdentifier('users');
+const condition = escapeLiteral('admin');
+const query = `SELECT * FROM ${table} WHERE role = ${condition}`;
+console.log(query); // SELECT * FROM "users" WHERE role = 'admin'
+```
+
+### Configuration Defaults
+
+Default configuration values for connections, pools, and client behavior.
+
+```javascript { .api }
+/**
+ * Default configuration object containing standard PostgreSQL connection settings
+ * These values are used when specific configuration is not provided
+ */
+interface defaults {
+  /** Database host (default: 'localhost') */
+  host: string;
+  /** Database user (from environment: USERNAME on Windows, USER on Unix) */
+  user: string;
+  /** Database name (default: undefined) */
+  database: string | undefined;
+  /** Database password (default: null) */
+  password: string | null;
+  /** PostgreSQL connection string (default: undefined) */
+  connectionString: string | undefined;
+  /** Database port (default: 5432) */
+  port: number;
+  /** Number of rows to return from portal (default: 0 = all) */
+  rows: number;
+  /** Binary result mode (default: false) */
+  binary: boolean;
+  /** Maximum pool connections (default: 10) */
+  max: number;
+  /** Idle timeout in milliseconds (default: 30000) */
+  idleTimeoutMillis: number;
+  /** Client encoding (default: '') */
+  client_encoding: string;
+  /** SSL mode (default: false) */
+  ssl: boolean;
+  /** Application name for logging (default: undefined) */
+  application_name: string | undefined;
+  /** Fallback application name (default: undefined) */
+  fallback_application_name: string | undefined;
+  /** Connection options (default: undefined) */
+  options: string | undefined;
+  /** Parse input dates as UTC (default: false) */
+  parseInputDatesAsUTC: boolean;
+  /** Statement timeout in milliseconds (default: false = no timeout) */
+  statement_timeout: number | false;
+  /** Lock timeout in milliseconds (default: false = no timeout) */
+  lock_timeout: number | false;
+  /** Idle transaction timeout in milliseconds (default: false = no timeout) */
+  idle_in_transaction_session_timeout: number | false;
+  /** Query timeout in milliseconds (default: false = no timeout) */
+  query_timeout: number | false;
+  /** Connection timeout in milliseconds (default: 0 = no timeout) */
+  connect_timeout: number;
+  /** TCP keepalives enabled (default: 1) */
+  keepalives: number;
+  /** TCP keepalive idle time (default: 0) */
+  keepalives_idle: number;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+const { defaults } = require('pg');
+
+// View default values
+console.log('Default host:', defaults.host);           // 'localhost'
+console.log('Default port:', defaults.port);           // 5432
+console.log('Default user:', defaults.user);           // Current system user
+console.log('Default max connections:', defaults.max);  // 10
+
+// Override defaults for application
+defaults.host = 'db.example.com';
+defaults.port = 5433;
+defaults.max = 20;
+
+// Use defaults in client configuration
+const client = new Client({
+  database: 'myapp',
+  // host, port, user, etc. will use defaults
+});
+
+// Restore original defaults if needed
+defaults.host = 'localhost';
+defaults.port = 5432;
+defaults.max = 10;
+```
+
+### BigInt Parsing Configuration
+
+Special configuration for handling PostgreSQL bigint (int8) values.
+
+```javascript { .api }
+/**
+ * Configure how bigint (int8) values are parsed
+ * By default, bigints are returned as strings to avoid precision loss
+ * Setting parseInt8 = true converts them to JavaScript numbers
+ */
+interface defaults {
+  /**
+   * Control bigint parsing behavior
+   * - true: Parse int8 as JavaScript number (may lose precision)
+   * - false: Return int8 as string (preserves precision)
+   */
+  parseInt8: boolean;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+const { defaults } = require('pg');
+
+// Default behavior: bigints as strings
+const result1 = await client.query('SELECT 9223372036854775807::bigint as big_number');
+console.log(typeof result1.rows[0].big_number); // 'string'
+console.log(result1.rows[0].big_number);         // '9223372036854775807'
+
+// Enable numeric parsing for bigints
+defaults.parseInt8 = true;
+
+const result2 = await client.query('SELECT 123::bigint as small_number');
+console.log(typeof result2.rows[0].small_number); // 'number'  
+console.log(result2.rows[0].small_number);         // 123
+
+// Warning: Large bigints may lose precision
+const result3 = await client.query('SELECT 9223372036854775807::bigint as big_number');
+console.log(result3.rows[0].big_number);         // May not be exact
+
+// Disable to restore string behavior
+defaults.parseInt8 = false;
+
+// Also affects bigint arrays
+const arrayResult = await client.query('SELECT ARRAY[1::bigint, 2::bigint] as numbers');
+console.log(arrayResult.rows[0].numbers); // ['1', '2'] or [1, 2] depending on parseInt8
+```
+
+### Parameter Normalization
+
+Internal utilities for normalizing query parameters and configuration.
+
+```javascript { .api }
+/**
+ * Normalize query configuration from various input formats
+ * Handles the different ways queries can be specified
+ * @param config - Query text string or configuration object
+ * @param values - Optional parameter values
+ * @param callback - Optional callback function
+ * @returns Normalized query configuration object
+ */
+function normalizeQueryConfig(
+  config: string | QueryConfig, 
+  values?: any[] | QueryCallback, 
+  callback?: QueryCallback
+): QueryConfig;
+
+/**
+ * Prepare JavaScript values for PostgreSQL transmission
+ * Converts JS types to appropriate PostgreSQL representations
+ * @param value - JavaScript value to prepare
+ * @returns Value prepared for PostgreSQL
+ */
+function prepareValue(value: any): any;
+```
+
+**Usage Examples:**
+
+```javascript
+const { normalizeQueryConfig, prepareValue } = require('pg').utils;
+
+// Normalize different query formats
+const config1 = normalizeQueryConfig('SELECT * FROM users');
+// Result: { text: 'SELECT * FROM users' }
+
+const config2 = normalizeQueryConfig('SELECT * FROM users WHERE id = $1', [123]);
+// Result: { text: 'SELECT * FROM users WHERE id = $1', values: [123] }
+
+const config3 = normalizeQueryConfig('SELECT NOW()', (err, result) => {});
+// Result: { text: 'SELECT NOW()', callback: function }
+
+const config4 = normalizeQueryConfig({
+  text: 'SELECT * FROM users WHERE id = $1',
+  values: [123]
+}, (err, result) => {});
+// Result: { text: '...', values: [123], callback: function }
+
+// Prepare values for PostgreSQL
+console.log(prepareValue(null));           // null
+console.log(prepareValue(undefined));      // null
+console.log(prepareValue(123));            // '123'
+console.log(prepareValue(true));           // 'true'
+console.log(prepareValue([1, 2, 3]));      // '{1,2,3}' (PostgreSQL array)
+console.log(prepareValue(new Date()));     // ISO timestamp string
+console.log(prepareValue(Buffer.from('data'))); // Buffer (unchanged)
+
+// Custom objects with toPostgres method
+const customObj = {
+  value: 42,
+  toPostgres: () => JSON.stringify({ value: 42 })
+};
+console.log(prepareValue(customObj));      // '{"value":42}'
+```
+
+### Connection String Parsing
+
+Utilities for parsing PostgreSQL connection strings.
+
+```javascript { .api }
+/**
+ * Parse connection string into configuration object
+ * Supports standard PostgreSQL connection string format
+ * Note: Uses pg-connection-string module internally
+ */
+```
+
+**Usage Examples:**
+
+```javascript
+// Connection strings are automatically parsed when used
+const client = new Client({
+  connectionString: 'postgresql://user:password@host:5432/database?ssl=true'
+});
+
+// Equivalent to:
+const client2 = new Client({
+  user: 'user',
+  password: 'password', 
+  host: 'host',
+  port: 5432,
+  database: 'database',
+  ssl: true
+});
+
+// Complex connection strings
+const connectionString = 'postgres://myuser:mypass@myhost:5433/mydb?application_name=myapp&connect_timeout=10';
+
+// Environment variable usage
+const client3 = new Client({
+  connectionString: process.env.DATABASE_URL
+});
+```
+
+### Error Handling Utilities
+
+Utilities for working with PostgreSQL errors and debugging.
+
+```javascript { .api }
+/**
+ * PostgreSQL error codes and utilities
+ * Standard error codes from PostgreSQL documentation
+ */
+interface PostgreSQLErrorCodes {
+  // Class 02 — No Data  
+  NO_DATA: '02000';
+  NO_ADDITIONAL_DYNAMIC_RESULT_SETS_RETURNED: '02001';
+  
+  // Class 08 — Connection Exception
+  CONNECTION_EXCEPTION: '08000';
+  CONNECTION_DOES_NOT_EXIST: '08003';
+  CONNECTION_FAILURE: '08006';
+  
+  // Class 23 — Integrity Constraint Violation
+  INTEGRITY_CONSTRAINT_VIOLATION: '23000';
+  RESTRICT_VIOLATION: '23001';
+  NOT_NULL_VIOLATION: '23502';
+  FOREIGN_KEY_VIOLATION: '23503';
+  UNIQUE_VIOLATION: '23505';
+  CHECK_VIOLATION: '23514';
+  
+  // Class 42 — Syntax Error or Access Rule Violation
+  SYNTAX_ERROR_OR_ACCESS_RULE_VIOLATION: '42000';
+  SYNTAX_ERROR: '42601';
+  INSUFFICIENT_PRIVILEGE: '42501';
+  UNDEFINED_COLUMN: '42703';
+  UNDEFINED_TABLE: '42P01';
+}
+```
+
+**Usage Examples:**
+
+```javascript
+const { DatabaseError } = require('pg');
+
+// Error handling with specific error codes
+try {
+  await client.query('SELECT * FROM nonexistent_table');
+} catch (err) {
+  if (err instanceof DatabaseError) {
+    switch (err.code) {
+      case '42P01': // undefined_table
+        console.error('Table does not exist:', err.message);
+        break;
+      case '42703': // undefined_column  
+        console.error('Column does not exist:', err.message);
+        break;
+      case '23505': // unique_violation
+        console.error('Unique constraint violation:', err.detail);
+        break;
+      case '23503': // foreign_key_violation
+        console.error('Foreign key constraint violation:', err.detail);
+        break;
+      default:
+        console.error('Database error:', err.code, err.message);
+    }
+  } else {
+    console.error('Non-database error:', err);
+  }
+}
+
+// Extract useful error information
+function handleDatabaseError(err) {
+  if (err instanceof DatabaseError) {
+    return {
+      code: err.code,
+      message: err.message,
+      detail: err.detail,
+      hint: err.hint,
+      position: err.position,
+      internalPosition: err.internalPosition,
+      internalQuery: err.internalQuery,
+      where: err.where,
+      schema: err.schema,
+      table: err.table,
+      column: err.column,
+      dataType: err.dataType,
+      constraint: err.constraint
+    };
+  }
+  return { message: err.message };
+}
+```
+
+### Environment Configuration
+
+Helper patterns for environment-based configuration.
+
+```javascript { .api }
+/**
+ * Common patterns for environment-based configuration
+ * Not part of pg core but useful patterns for configuration
+ */
+```
+
+**Usage Examples:**
+
+```javascript
+// Environment-based configuration
+function createDbConfig() {
+  return {
+    host: process.env.DB_HOST || 'localhost',
+    port: parseInt(process.env.DB_PORT || '5432', 10),
+    database: process.env.DB_NAME || 'postgres',
+    user: process.env.DB_USER || 'postgres',
+    password: process.env.DB_PASSWORD,
+    ssl: process.env.DB_SSL === 'true',
+    max: parseInt(process.env.DB_POOL_SIZE || '10', 10),
+    idleTimeoutMillis: parseInt(process.env.DB_IDLE_TIMEOUT || '30000', 10),
+    connectionTimeoutMillis: parseInt(process.env.DB_CONNECT_TIMEOUT || '2000', 10),
+  };
+}
+
+// Usage
+const pool = new Pool(createDbConfig());
+
+// Development/production configuration
+const config = {
+  development: {
+    host: 'localhost',
+    database: 'myapp_dev',
+    ssl: false
+  },
+  production: {
+    connectionString: process.env.DATABASE_URL,
+    ssl: { rejectUnauthorized: false }
+  }
+};
+
+const dbConfig = config[process.env.NODE_ENV || 'development'];
+const client = new Client(dbConfig);
+```
+
+## Utility Types
+
+```javascript { .api }
+/**
+ * Type definitions for utility functions and configuration
+ */
+type QueryConfig = {
+  text: string;
+  values?: any[];
+  name?: string;
+  rowMode?: 'array' | 'object';
+  types?: TypeOverrides;
+  binary?: boolean;
+  portal?: string;
+  rows?: number;
+  callback?: QueryCallback;
+};
+
+type QueryCallback = (err: Error | null, result: QueryResult) => void;
+
+interface DefaultsConfig {
+  host: string;
+  user: string;
+  database: string | undefined;
+  password: string | null;
+  port: number;
+  connectionString: string | undefined;
+  rows: number;
+  binary: boolean;
+  max: number;
+  idleTimeoutMillis: number;
+  client_encoding: string;
+  ssl: boolean;
+  application_name: string | undefined;
+  parseInputDatesAsUTC: boolean;
+  statement_timeout: number | false;
+  query_timeout: number | false;
+  connect_timeout: number;
+  parseInt8: boolean;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-pg/tile.json b/.tessl/tiles/tessl/npm-pg/tile.json
new file mode 100644
index 000000000..cd521911b
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-pg/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-pg",
+  "version": "8.16.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/pg@8.16.3",
+  "summary": "PostgreSQL client library for Node.js with both pure JavaScript and optional native libpq bindings"
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-postcss/docs/ast-nodes.md b/.tessl/tiles/tessl/npm-postcss/docs/ast-nodes.md
new file mode 100644
index 000000000..08cc696f7
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-postcss/docs/ast-nodes.md
@@ -0,0 +1,708 @@
+# AST Nodes
+
+PostCSS represents CSS as an Abstract Syntax Tree (AST) composed of different node types. This document covers all the node classes and their methods for AST manipulation.
+
+## Node (Base Class)
+
+The base class for all CSS AST nodes, providing common functionality.
+
+```typescript { .api }
+import { Node, Container, Document, Source, Position, Range, NewChild, ChildProps, Stringifier, Syntax, CssSyntaxError, Warning, NodeErrorOptions, WarningOptions } from 'postcss'
+
+class Node {
+  type: string
+  parent?: Container | Document
+  source?: Source
+  raws: any
+
+  clone(overrides?: object): this
+  cloneBefore(overrides?: object): this
+  cloneAfter(overrides?: object): this
+  remove(): this
+  replaceWith(...nodes: NewChild[]): this
+  next(): ChildNode | undefined
+  prev(): ChildNode | undefined
+  before(newNode: Node | ChildProps | Node[] | string): this
+  after(newNode: Node | ChildProps | Node[] | string): this
+  root(): Root
+  assign(overrides: object): this
+  toString(stringifier?: Stringifier | Syntax): string
+  error(message: string, options?: NodeErrorOptions): CssSyntaxError
+  warn(result: Result, message: string, options?: WarningOptions): Warning
+  positionInside(index: number): Position
+  positionBy(opts?: Pick<WarningOptions, 'index' | 'word'>): Position
+  rangeBy(opts?: Pick<WarningOptions, 'endIndex' | 'index' | 'word'>): Range
+  raw(prop: string, defaultType?: string): string
+  cleanRaws(keepBetween?: boolean): void
+  toJSON(): object
+}
+```
+
+### Node Usage Examples
+
+```javascript { .api }
+import postcss from 'postcss'
+
+const root = postcss.parse('.foo { color: red; }')
+const rule = root.first
+
+// Node navigation
+console.log(rule.type)        // 'rule'
+console.log(rule.parent)      // Root node
+console.log(rule.root())      // Root node
+
+// Node manipulation
+const cloned = rule.clone()
+rule.cloneBefore({ selector: '.bar' })
+rule.cloneAfter({ selector: '.baz' })
+
+// Insert new nodes
+rule.before(postcss.comment({ text: 'Before rule' }))
+rule.after(postcss.comment({ text: 'After rule' }))
+
+// Replace node
+rule.replaceWith(
+  postcss.rule({ selector: '.new' }),
+  postcss.rule({ selector: '.another' })
+)
+
+// Remove node
+rule.remove()
+
+// Get position information
+const position = rule.positionBy({ word: 'color' })
+console.log(`Line: ${position.line}, Column: ${position.column}`)
+```
+
+### Source Information
+
+```typescript { .api }
+interface Source {
+  input: Input
+  start?: Position
+  end?: Position
+}
+
+interface Position {
+  line: number    // 1-based line number
+  column: number  // 1-based column number
+  offset: number  // 0-based character offset
+}
+
+interface Range {
+  start: Position  // Inclusive start
+  end: Position   // Exclusive end
+}
+```
+
+## Container (Base for Parent Nodes)
+
+Abstract base class for nodes that can contain children (Root, AtRule, Rule).
+
+```typescript { .api }
+import { Container, Node, Child, NewChild, ValueOptions } from 'postcss'
+
+abstract class Container extends Node {
+  nodes?: Child[]
+  first?: Child       // Getter for first child
+  last?: Child        // Getter for last child
+
+  append(...nodes: NewChild[]): this
+  prepend(...nodes: NewChild[]): this
+  insertBefore(oldNode: Child | number, newNode: NewChild): this
+  insertAfter(oldNode: Child | number, newNode: NewChild): this
+  removeChild(child: Child | number): this
+  removeAll(): this
+  replaceValues(pattern: RegExp | string, replaced: string | ((substring: string, ...args: any[]) => string)): this
+  replaceValues(pattern: RegExp | string, options: ValueOptions, replaced: string | Function): this
+  index(child: Child | number): number
+  each(callback: (node: Child, index: number) => false | void): false | undefined
+  walk(callback: (node: ChildNode, index: number) => false | void): false | undefined
+  walkDecls(callback: (decl: Declaration, index: number) => false | void): false | undefined
+  walkDecls(propFilter: RegExp | string, callback: (decl: Declaration, index: number) => false | void): false | undefined
+  walkRules(callback: (rule: Rule, index: number) => false | void): false | undefined
+  walkRules(selectorFilter: RegExp | string, callback: (rule: Rule, index: number) => false | void): false | undefined
+  walkAtRules(callback: (atRule: AtRule, index: number) => false | void): false | undefined
+  walkAtRules(nameFilter: RegExp | string, callback: (atRule: AtRule, index: number) => false | void): false | undefined
+  walkComments(callback: (comment: Comment, index: number) => false | void): false | undefined
+  every(condition: (node: Child, index: number, nodes: Child[]) => boolean): boolean
+  some(condition: (node: Child, index: number, nodes: Child[]) => boolean): boolean
+  push(child: Child): this
+}
+```
+
+### Container Usage Examples
+
+```javascript { .api }
+import postcss from 'postcss'
+
+const root = postcss.parse(`
+  .foo { color: red; }
+  .bar { color: blue; }
+`)
+
+// Add nodes
+root.append(postcss.rule({ selector: '.new' }))
+root.prepend(postcss.comment({ text: 'Header comment' }))
+
+// Insert relative to existing nodes
+const fooRule = root.first
+root.insertAfter(fooRule, postcss.rule({ selector: '.after-foo' }))
+root.insertBefore(fooRule, postcss.rule({ selector: '.before-foo' }))
+
+// Remove nodes
+root.removeChild(0)  // Remove first child
+root.removeAll()     // Remove all children
+
+// Iterate over children
+root.each((node, index) => {
+  console.log(`${index}: ${node.type}`)
+})
+
+// Walk all descendants
+root.walk(node => {
+  if (node.type === 'decl' && node.prop === 'color') {
+    node.value = 'green'
+  }
+})
+
+// Walk specific node types
+root.walkRules(rule => {
+  rule.selector = rule.selector.replace(/^\./, '.prefix-')
+})
+
+root.walkDecls('margin', decl => {
+  decl.value = '0'
+})
+
+root.walkAtRules('media', atRule => {
+  console.log(`Media query: ${atRule.params}`)
+})
+
+// Replace values in all declarations
+root.replaceValues(/red/g, 'blue')
+root.replaceValues(/(\d+)px/, { props: ['font-size'] }, '$1rem')
+```
+
+## Root
+
+Represents the CSS stylesheet root containing all top-level rules and at-rules.
+
+```typescript { .api }
+import { Root, Container, Document, ProcessOptions, Result, RootRaws, ContainerProps } from 'postcss'
+
+class Root extends Container {
+  type: 'root'
+  nodes: NonNullable<Container['nodes']>
+  parent?: Document
+  raws: RootRaws
+
+  toResult(options?: ProcessOptions): Result
+}
+
+interface RootRaws {
+  after?: string
+  semicolon?: boolean
+  codeBefore?: string
+  codeAfter?: string
+}
+
+interface RootProps extends ContainerProps {
+  raws?: RootRaws
+}
+```
+
+### Root Usage Examples
+
+```javascript { .api }
+import postcss from 'postcss'
+
+// Create root node
+const root = postcss.root()
+
+// Add CSS structures
+root.append(
+  postcss.comment({ text: 'Main stylesheet' }),
+  postcss.rule({ 
+    selector: '.container',
+    nodes: [
+      postcss.decl({ prop: 'max-width', value: '1200px' }),
+      postcss.decl({ prop: 'margin', value: '0 auto' })
+    ]
+  }),
+  postcss.atRule({
+    name: 'media',
+    params: 'screen and (max-width: 768px)',
+    nodes: [
+      postcss.rule({
+        selector: '.container',
+        nodes: [postcss.decl({ prop: 'max-width', value: '100%' })]
+      })
+    ]
+  })
+)
+
+// Convert to result with processing options
+const result = root.toResult({
+  to: 'output.css',
+  map: { inline: false }
+})
+
+console.log(result.css)
+console.log(result.map.toString())
+```
+
+## Rule
+
+Represents CSS rules with selectors and declarations.
+
+```typescript { .api }
+import { Rule, Container, ContainerWithChildren, RuleRaws, ContainerProps } from 'postcss'
+
+class Rule extends Container {
+  type: 'rule'
+  selector: string
+  selectors: string[]
+  nodes: NonNullable<Container['nodes']>
+  parent?: ContainerWithChildren
+  raws: RuleRaws
+}
+
+interface RuleRaws {
+  before?: string
+  after?: string
+  between?: string
+  semicolon?: boolean
+  ownSemicolon?: string
+  selector?: { value: string, raw: string }
+}
+
+interface RuleProps extends ContainerProps {
+  selector?: string
+  selectors?: string[]
+  raws?: RuleRaws
+}
+```
+
+### Rule Usage Examples
+
+```javascript { .api }
+import postcss from 'postcss'
+
+// Create rule
+const rule = postcss.rule({ selector: '.example' })
+
+// Work with selectors
+rule.selector = '.foo, .bar'
+console.log(rule.selectors) // ['.foo', '.bar']
+
+rule.selectors = ['.baz', '.qux']
+console.log(rule.selector)  // '.baz, .qux'
+
+// Add declarations
+rule.append(
+  postcss.decl({ prop: 'color', value: 'red' }),
+  postcss.decl({ prop: 'font-size', value: '16px' })
+)
+
+// Modify existing declarations
+rule.walkDecls(decl => {
+  if (decl.prop === 'color') {
+    decl.value = 'blue'
+  }
+})
+
+// Clone rule with modifications
+const cloned = rule.clone({
+  selector: '.modified',
+  raws: { before: '\n  ' }
+})
+```
+
+## Declaration
+
+Represents CSS property declarations (property-value pairs).
+
+```typescript { .api }
+import { Declaration, Node, ContainerWithChildren, DeclarationRaws } from 'postcss'
+
+class Declaration extends Node {
+  type: 'decl'
+  prop: string
+  value: string
+  important: boolean
+  variable: boolean     // Getter: is CSS variable (starts with -- or $)
+  parent?: ContainerWithChildren
+  raws: DeclarationRaws
+}
+
+interface DeclarationRaws {
+  before?: string
+  between?: string
+  important?: string
+  value?: { value: string, raw: string }
+}
+
+interface DeclarationProps {
+  prop: string
+  value: string
+  important?: boolean
+  raws?: DeclarationRaws
+}
+```
+
+### Declaration Usage Examples
+
+```javascript { .api }
+import postcss from 'postcss'
+
+// Create declaration
+const decl = postcss.decl({ 
+  prop: 'color', 
+  value: 'red',
+  important: true
+})
+
+console.log(decl.toString()) // 'color: red !important'
+
+// Check if variable
+const customProp = postcss.decl({ prop: '--main-color', value: 'blue' })
+console.log(customProp.variable) // true
+
+const sassProp = postcss.decl({ prop: '$primary', value: 'green' })  
+console.log(sassProp.variable) // true
+
+// Modify declaration
+decl.prop = 'background-color'
+decl.value = 'blue'
+decl.important = false
+
+// Work with raw values
+decl.raws.between = ': ' // space after colon
+decl.raws.important = ' !important' // custom important format
+```
+
+## AtRule
+
+Represents CSS at-rules like @media, @import, @keyframes, etc.
+
+```typescript { .api }
+import { AtRule, Container, ContainerWithChildren, AtRuleRaws, ContainerProps } from 'postcss'
+
+class AtRule extends Container {
+  type: 'atrule'
+  name: string
+  params: string
+  nodes?: Container['nodes']    // undefined for statement at-rules
+  parent?: ContainerWithChildren
+  raws: AtRuleRaws
+}
+
+interface AtRuleRaws {
+  before?: string
+  after?: string
+  between?: string
+  afterName?: string
+  semicolon?: boolean
+  params?: { value: string, raw: string }
+}
+
+interface AtRuleProps extends ContainerProps {
+  name: string
+  params?: string | number
+  raws?: AtRuleRaws
+}
+```
+
+### AtRule Usage Examples
+
+```javascript { .api }
+import postcss from 'postcss'
+
+// Create block at-rule (with children)
+const mediaRule = postcss.atRule({
+  name: 'media',
+  params: 'screen and (max-width: 768px)'
+})
+
+mediaRule.append(
+  postcss.rule({
+    selector: '.mobile-only',
+    nodes: [postcss.decl({ prop: 'display', value: 'block' })]
+  })
+)
+
+// Create statement at-rule (no children)
+const importRule = postcss.atRule({
+  name: 'import',
+  params: '"styles.css"'
+})
+// importRule.nodes is undefined
+
+// Keyframes example
+const keyframes = postcss.atRule({
+  name: 'keyframes',
+  params: 'slideIn'
+})
+
+keyframes.append(
+  postcss.rule({
+    selector: '0%',
+    nodes: [postcss.decl({ prop: 'transform', value: 'translateX(-100%)' })]
+  }),
+  postcss.rule({
+    selector: '100%',
+    nodes: [postcss.decl({ prop: 'transform', value: 'translateX(0)' })]
+  })
+)
+
+// Check if at-rule has children
+console.log(mediaRule.nodes !== undefined)  // true (block at-rule)
+console.log(importRule.nodes !== undefined) // false (statement at-rule)
+```
+
+## Comment
+
+Represents CSS comments.
+
+```typescript { .api }
+import { Comment, Node, Container, CommentRaws, NodeProps } from 'postcss'
+
+class Comment extends Node {
+  type: 'comment'
+  text: string
+  parent?: Container
+  raws: CommentRaws
+}
+
+interface CommentRaws {
+  before?: string
+  left?: string
+  right?: string
+}
+
+interface CommentProps extends NodeProps {
+  text: string
+  raws?: CommentRaws
+}
+```
+
+### Comment Usage Examples
+
+```javascript { .api }
+import postcss from 'postcss'
+
+// Create comment
+const comment = postcss.comment({ text: 'This is a comment' })
+console.log(comment.toString()) // '/* This is a comment */'
+
+// Comments with custom formatting
+const comment2 = postcss.comment({
+  text: 'Multiline\ncomment',
+  raws: {
+    before: '\n',
+    left: ' ',
+    right: ' '
+  }
+})
+
+// Add comments to CSS
+const root = postcss.root()
+root.append(
+  postcss.comment({ text: 'Header comment' }),
+  postcss.rule({ selector: '.foo' }),
+  postcss.comment({ text: 'Footer comment' })
+)
+
+// Find and modify comments
+root.walkComments(comment => {
+  if (comment.text.includes('TODO')) {
+    comment.text = comment.text.replace('TODO', 'DONE')
+  }
+})
+```
+
+## Document
+
+Represents a document containing multiple CSS roots (used for CSS-in-JS, etc.).
+
+```typescript { .api }
+import { Document, Container, Root, ProcessOptions, Result, ContainerProps } from 'postcss'
+
+class Document extends Container<Root> {
+  type: 'document'
+  nodes: Root[]
+  parent: undefined
+  raws: Record<string, any>
+
+  toResult(options?: ProcessOptions): Result
+}
+
+interface DocumentProps extends ContainerProps {
+  nodes?: Root[]
+  raws?: Record<string, any>
+}
+```
+
+### Document Usage Examples
+
+```javascript { .api }
+import postcss from 'postcss'
+
+// Create document with multiple roots
+const doc = postcss.document()
+
+// Add CSS roots
+doc.append(
+  postcss.root([
+    postcss.rule({ selector: '.component-a' })
+  ]),
+  postcss.root([
+    postcss.rule({ selector: '.component-b' })
+  ])
+)
+
+// Process document
+const processor = postcss([require('autoprefixer')])
+const result = processor.process(doc)
+
+// Each root is processed separately
+doc.each(root => {
+  console.log(`Root contains ${root.nodes.length} nodes`)
+})
+
+// Convert to result
+const docResult = doc.toResult({ to: 'output.css' })
+```
+
+## Node Construction Helpers
+
+PostCSS provides helper functions for creating nodes:
+
+```javascript { .api }
+import postcss from 'postcss'
+
+// Create nodes using factory functions
+const root = postcss.root()
+const rule = postcss.rule({ selector: '.example' })
+const decl = postcss.decl({ prop: 'color', value: 'red' })
+const atRule = postcss.atRule({ name: 'media', params: 'screen' })
+const comment = postcss.comment({ text: 'Example comment' })
+const document = postcss.document()
+
+// Access node constructors directly
+const Rule = postcss.Rule
+const Declaration = postcss.Declaration
+const AtRule = postcss.AtRule
+const Comment = postcss.Comment
+const Root = postcss.Root
+const Document = postcss.Document
+
+// Create using constructors
+const rule2 = new Rule({ selector: '.another' })
+const decl2 = new Declaration({ prop: 'font-size', value: '16px' })
+
+// Create with complete node options
+const ruleWithSource = postcss.rule({
+  selector: '.example',
+  source: {
+    input: inputObject,
+    start: { line: 1, column: 1, offset: 0 },
+    end: { line: 1, column: 15, offset: 14 }
+  },
+  raws: {
+    before: '\n  ',
+    between: ' ',
+    after: '\n'
+  }
+})
+
+// Create nodes with children
+const mediaRule = postcss.atRule({
+  name: 'media',
+  params: 'screen and (max-width: 768px)',
+  nodes: [
+    postcss.rule({
+      selector: '.mobile',
+      nodes: [
+        postcss.decl({ prop: 'display', value: 'block' })
+      ]
+    })
+  ]
+})
+```
+
+## Node Type Checking
+
+```javascript { .api }
+import postcss from 'postcss'
+
+const root = postcss.parse('.foo { color: red; } /* comment */')
+
+root.walk(node => {
+  switch (node.type) {
+    case 'rule':
+      console.log(`Rule: ${node.selector}`)
+      break
+    case 'decl':
+      console.log(`Declaration: ${node.prop}: ${node.value}`)
+      break
+    case 'atrule':
+      console.log(`At-rule: @${node.name} ${node.params}`)
+      break
+    case 'comment':
+      console.log(`Comment: ${node.text}`)
+      break
+  }
+})
+
+// Type-safe checking
+if (node.type === 'rule') {
+  // TypeScript knows this is a Rule
+  console.log(node.selector)
+}
+```
+
+## Advanced AST Manipulation
+
+```javascript { .api }
+import postcss from 'postcss'
+
+const root = postcss.parse(`
+  .container {
+    display: flex;
+    gap: 1rem;
+  }
+  @media (max-width: 768px) {
+    .container {
+      display: block;
+    }
+  }
+`)
+
+// Complex traversal and modification
+root.walkRules(rule => {
+  // Add responsive prefix to mobile rules
+  if (rule.parent.type === 'atrule' && rule.parent.name === 'media') {
+    rule.selector = `.mobile-${rule.selector.slice(1)}`
+  }
+  
+  // Convert flex containers to grid
+  rule.walkDecls('display', decl => {
+    if (decl.value === 'flex') {
+      decl.value = 'grid'
+      
+      // Add grid-specific properties
+      const gapDecl = rule.nodes.find(n => n.type === 'decl' && n.prop === 'gap')
+      if (gapDecl) {
+        rule.insertAfter(gapDecl, postcss.decl({ 
+          prop: 'grid-template-columns', 
+          value: 'repeat(auto-fit, minmax(200px, 1fr))' 
+        }))
+      }
+    }
+  })
+})
+
+console.log(root.toString())
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-postcss/docs/core-processing.md b/.tessl/tiles/tessl/npm-postcss/docs/core-processing.md
new file mode 100644
index 000000000..e6fda49ee
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-postcss/docs/core-processing.md
@@ -0,0 +1,542 @@
+# Core Processing
+
+PostCSS core processing involves parsing CSS into an AST, applying transformations through processors, and converting back to CSS strings. This document covers the main processing classes and functions.
+
+## Processor
+
+The Processor class manages plugins and applies CSS transformations.
+
+```typescript { .api }
+import { Processor, AcceptedPlugin, ProcessOptions, LazyResult, NoWorkResult, Root, Document } from 'postcss'
+
+class Processor {
+  plugins: (Plugin | TransformCallback | Transformer)[]
+  version: string
+  
+  use(plugin: AcceptedPlugin): this
+  process(css: string | { toString(): string } | LazyResult | Result | Root): LazyResult | NoWorkResult
+  process<RootNode extends Document | Root = Root>(
+    css: string | { toString(): string } | LazyResult | Result | Root, 
+    options: ProcessOptions<RootNode>
+  ): LazyResult<RootNode>
+}
+```
+
+### Creating a Processor
+
+```javascript { .api }
+import postcss from 'postcss'
+
+// Create processor with plugins
+const processor = postcss([
+  require('autoprefixer'),
+  require('cssnano')
+])
+
+// Add plugins individually
+const processor2 = postcss()
+processor2.use(require('autoprefixer'))
+processor2.use(require('cssnano'))
+```
+
+### Processing CSS
+
+```javascript { .api }
+import postcss from 'postcss'
+
+const processor = postcss([require('autoprefixer')])
+
+// Basic processing
+const result = processor.process('.foo { display: flex; }')
+console.log(result.css)
+
+// Processing with options
+const result = processor.process(css, {
+  from: 'input.css',
+  to: 'output.css',
+  map: { inline: false }
+})
+
+// Async processing
+processor.process(css, { from: 'input.css' })
+  .then(result => {
+    console.log(result.css)
+    console.log(result.warnings())
+  })
+  .catch(error => {
+    console.error(error)
+  })
+```
+
+### Processing Options
+
+```typescript { .api }
+interface ProcessOptions<RootNode = Document | Root> {
+  from?: string                           // Source file path
+  to?: string                            // Output file path  
+  map?: boolean | SourceMapOptions       // Source map configuration
+  parser?: Parser<RootNode> | Syntax<RootNode>     // Custom parser
+  stringifier?: Stringifier | Syntax<RootNode>    // Custom stringifier
+  syntax?: Syntax<RootNode>             // Custom syntax (parser + stringifier)
+  document?: string                      // Document type hint
+}
+
+interface SourceMapOptions {
+  inline?: boolean                       // Embed source map inline
+  prev?: boolean | string | object | ((file: string) => string) // Previous source map
+  sourcesContent?: boolean               // Include sources content
+  annotation?: boolean | string | ((file: string, root: Root) => string) // Add annotation
+  from?: string                         // Override sources from
+  absolute?: boolean                    // Use absolute paths
+}
+```
+
+## Parser Functions
+
+### parse
+
+Parse CSS strings into AST structures.
+
+```typescript { .api }
+import { parse, ProcessOptions, Root, Document } from 'postcss'
+
+interface Parse extends Parser {
+  (css: string | { toString(): string }, opts?: ProcessOptions): Root | Document
+}
+```
+
+```javascript { .api }
+import { parse } from 'postcss'
+
+// Basic parsing
+const root = parse('.foo { color: red; }')
+
+// Parsing with options
+const root = parse(css, {
+  from: 'input.css',
+  map: { prev: sourceMap }
+})
+
+// Parse with custom syntax
+const root = parse(scss, {
+  parser: require('postcss-scss')
+})
+
+// Handle parsing errors
+try {
+  const root = parse('invalid css {{}')
+} catch (error) {
+  if (error.name === 'CssSyntaxError') {
+    console.log(`${error.file}:${error.line}:${error.column}: ${error.reason}`)
+  }
+}
+```
+
+### Input Processing
+
+The Input class handles CSS source with source map support:
+
+```typescript { .api }
+class Input {
+  css: string
+  document?: string
+  file?: string
+  id?: string
+  map: PreviousMap
+  hasBOM: boolean
+  from: string
+
+  error(message: string, line: number, column: number, opts?: { plugin?: string }): CssSyntaxError
+  error(message: string, offset: number, opts?: { plugin?: string }): CssSyntaxError
+  error(message: string, start: Position, end: Position, opts?: { plugin?: string }): CssSyntaxError
+  fromOffset(offset: number): { line: number, col: number } | null
+  origin(line: number, column: number, endLine?: number, endColumn?: number): false | FilePosition
+  toJSON(): object
+}
+```
+
+```javascript { .api }
+import postcss, { Input } from 'postcss'
+
+// Create input with source map
+const input = new Input(css, 'input.css', { 
+  map: { prev: previousSourceMap }
+})
+
+// Parse with input
+const root = postcss.parse(input)
+
+// Get original position
+const original = input.origin(3, 10)
+if (original) {
+  console.log(`Original: ${original.file}:${original.line}:${original.column}`)
+}
+```
+
+### PreviousMap
+
+The PreviousMap class handles source map information from input CSS (e.g., from preprocessors like Sass):
+
+```typescript { .api }
+import { PreviousMap, SourceMapConsumer, ProcessOptions } from 'postcss'
+
+class PreviousMap {
+  annotation?: string    // sourceMappingURL content
+  file?: string         // CSS source identifier
+  inline: boolean       // Was source map inlined by data-uri
+  mapFile?: string      // Path to source map file
+  root?: string         // Directory with source map file
+  text?: string         // Source map file content
+
+  constructor(css: string, opts?: ProcessOptions)
+  
+  consumer(): SourceMapConsumer  // Create SourceMapGenerator instance (lazy)
+  withContent(): boolean         // Does source map contain sourcesContent
+}
+```
+
+```javascript { .api }
+import postcss, { PreviousMap } from 'postcss'
+
+// PreviousMap is automatically created when parsing CSS with existing source map
+const css = `
+.foo { color: red; }
+/*# sourceMappingURL=input.css.map */
+`
+
+const root = postcss.parse(css, { from: 'input.css' })
+const prevMap = root.source.input.map
+
+console.log(prevMap.inline)        // false (external map file)
+console.log(prevMap.annotation)    // 'input.css.map' 
+console.log(prevMap.withContent()) // true if sourcesContent present
+
+// Access source map consumer for advanced operations
+const consumer = prevMap.consumer()
+const originalPos = consumer.originalPositionFor({ line: 1, column: 0 })
+```
+
+## Stringifier Functions
+
+### stringify
+
+Convert AST nodes back to CSS strings.
+
+```typescript { .api }
+import { stringify, AnyNode, Builder } from 'postcss'
+
+interface Stringify extends Stringifier {
+  (node: AnyNode, builder: Builder): void
+}
+```
+
+```javascript { .api }
+import { stringify } from 'postcss'
+
+// Basic stringification
+const css = stringify(root)
+
+// Custom stringification
+const customStringify = (node, builder) => {
+  if (node.type === 'rule') {
+    builder(node.selector + ' {', node, 'start')
+    node.each(child => stringify(child, builder))
+    builder('}', node, 'end')
+  }
+}
+
+// Use custom stringifier
+const css = root.toString(customStringify)
+```
+
+### Stringifier Options
+
+```typescript { .api }
+interface Stringifier {
+  (node: AnyNode, builder: Builder): void
+}
+
+interface Builder {
+  (str: string, node?: AnyNode, type?: 'start' | 'end'): void
+}
+
+interface Syntax<RootNode = Root | Document> {
+  parse?: Parser<RootNode>
+  stringify?: Stringifier
+}
+```
+
+## JSON Serialization
+
+### fromJSON
+
+Rehydrate JSON representations back to AST nodes.
+
+```typescript { .api }
+import { fromJSON, Node } from 'postcss'
+
+interface FromJSON extends JSONHydrator {
+  (data: object): Node
+  (data: object[]): Node[]
+}
+```
+
+```javascript { .api }
+import { fromJSON } from 'postcss'
+
+// Serialize AST to JSON
+const root = postcss.parse('.foo { color: red; }')
+const json = root.toJSON()
+
+// Deserialize from JSON
+const restored = fromJSON(json)
+console.log(restored.toString()) // .foo { color: red; }
+
+// Deserialize array of nodes
+const nodes = [
+  { type: 'rule', selector: '.foo', nodes: [] },
+  { type: 'rule', selector: '.bar', nodes: [] }
+]
+const restoredNodes = fromJSON(nodes)
+```
+
+### JSON Structure
+
+```javascript { .api }
+// Example JSON structure
+const nodeJson = {
+  type: 'rule',
+  selector: '.example',
+  nodes: [
+    {
+      type: 'decl',
+      prop: 'color',
+      value: 'red',
+      important: false
+    }
+  ],
+  source: {
+    start: { line: 1, column: 1, offset: 0 },
+    end: { line: 1, column: 20, offset: 19 },
+    input: {
+      css: '.example { color: red; }',
+      from: 'input.css'
+    }
+  },
+  raws: {
+    before: '',
+    between: ' ',
+    after: ' '
+  }
+}
+```
+
+## NoWorkResult
+
+NoWorkResult is a special result type returned when no plugins are used, optimizing for cases where no CSS transformation is needed.
+
+```typescript { .api }
+import { NoWorkResult, LazyResult, SourceMap, Message, ResultOptions, Processor, Result, Root, Warning } from 'postcss'
+
+class NoWorkResult implements LazyResult<Root> {
+  catch: Promise<Result<Root>>['catch']
+  finally: Promise<Result<Root>>['finally'] 
+  then: Promise<Result<Root>>['then']
+  
+  // Sync-only properties (lazy parsed)
+  css: string
+  content: string    // Alias for css
+  map: SourceMap
+  messages: Message[]
+  opts: ResultOptions
+  processor: Processor
+  root: Root        // Triggers CSS parsing on first access
+  [Symbol.toStringTag]: string
+
+  constructor(processor: Processor, css: string, opts: ResultOptions)
+  
+  async(): Promise<Result<Root>>
+  sync(): Result<Root>
+  toString(): string
+  warnings(): Warning[]
+}
+```
+
+### NoWorkResult Usage
+
+```javascript { .api }
+import postcss from 'postcss'
+
+// When no plugins are defined, PostCSS returns NoWorkResult for optimization
+const processor = postcss([]) // No plugins
+const result = processor.process('.foo { color: red; }')
+
+// CSS is not parsed until root is accessed
+console.log(result.css)     // Still not parsed, returns original CSS
+console.log(result.root)    // NOW css is parsed because we accessed root
+
+// Promise interface still works
+result.then(res => {
+  console.log(res.css)
+}).catch(error => {
+  console.error(error)
+})
+
+// Sync/async methods available
+const syncResult = result.sync()
+const asyncResult = await result.async()
+```
+
+## LazyResult Processing
+
+LazyResult provides promise-like processing with sync/async execution control:
+
+```typescript { .api }
+class LazyResult<RootNode = Root | Document> implements PromiseLike<Result<RootNode>> {
+  then: Promise<Result<RootNode>>['then']
+  catch: Promise<Result<RootNode>>['catch']  
+  finally: Promise<Result<RootNode>>['finally']
+  
+  // Sync-only properties (throw if async plugins used)
+  css: string
+  content: string
+  map: SourceMap
+  root: RootNode
+  messages: Message[]
+  opts: ResultOptions
+  processor: Processor
+
+  sync(): Result<RootNode>
+  async(): Promise<Result<RootNode>>
+  toString(): string
+  warnings(): Warning[]
+}
+```
+
+```javascript { .api }
+import postcss from 'postcss'
+
+const processor = postcss([require('autoprefixer')])
+
+// Promise-like usage
+processor.process(css)
+  .then(result => {
+    console.log(result.css)
+  })
+
+// Sync execution (throws if async plugins present)
+const lazyResult = processor.process(css)
+try {
+  const result = lazyResult.sync()
+  console.log(result.css)
+} catch (error) {
+  // Handle sync execution error
+}
+
+// Force async execution
+const result = await lazyResult.async()
+
+// Access properties (sync only)
+const lazyResult = processor.process(css)
+console.log(lazyResult.css)     // Works if no async plugins
+console.log(lazyResult.root)    // Access processed AST
+console.log(lazyResult.warnings()) // Get warnings
+```
+
+## Legacy Plugin API (Deprecated)
+
+PostCSS 8.x still supports the deprecated `postcss.plugin()` method for backward compatibility:
+
+```typescript { .api }
+import { plugin } from 'postcss'
+
+interface LegacyPluginCreator<T> {
+  (name: string, initializer: (opts?: T) => TransformCallback): PluginCreator<T>
+}
+
+let plugin: LegacyPluginCreator<any>
+```
+
+### Legacy Plugin Usage
+
+```javascript { .api }
+import postcss from 'postcss'
+
+// Deprecated - use modern plugin API instead
+const oldPlugin = postcss.plugin('old-plugin', (opts = {}) => {
+  return (root, result) => {
+    // Transform CSS
+    root.walkRules(rule => {
+      if (opts.prefix) {
+        rule.selector = `${opts.prefix}${rule.selector}`
+      }
+    })
+  }
+})
+
+// Usage (shows deprecation warning)
+const processor = postcss([oldPlugin({ prefix: '.namespace-' })])
+
+// Convert to modern API
+const modernPlugin = (opts = {}) => ({
+  postcssPlugin: 'modern-plugin',
+  Rule(rule) {
+    if (opts.prefix) {
+      rule.selector = `${opts.prefix}${rule.selector}`
+    }
+  }
+})
+modernPlugin.postcss = true
+```
+
+## Processing Pipeline Example
+
+```javascript { .api }
+import postcss from 'postcss'
+
+// Complete processing pipeline
+const processor = postcss([
+  require('postcss-import'),
+  require('autoprefixer'),
+  require('cssnano')
+])
+
+const css = `
+  @import "base.css";
+  .container {
+    display: flex;
+    user-select: none;
+  }
+`
+
+processor.process(css, {
+  from: 'src/main.css',
+  to: 'dist/main.css', 
+  map: {
+    inline: false,
+    annotation: true,
+    sourcesContent: true
+  }
+})
+.then(result => {
+  // Write CSS output
+  fs.writeFileSync('dist/main.css', result.css)
+  
+  // Write source map
+  if (result.map) {
+    fs.writeFileSync('dist/main.css.map', result.map.toString())
+  }
+  
+  // Handle warnings
+  result.warnings().forEach(warn => {
+    console.warn(warn.toString())
+  })
+})
+.catch(error => {
+  if (error.name === 'CssSyntaxError') {
+    console.error(error.showSourceCode(true))
+  } else {
+    console.error(error)
+  }
+})
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-postcss/docs/index.md b/.tessl/tiles/tessl/npm-postcss/docs/index.md
new file mode 100644
index 000000000..9c80098d6
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-postcss/docs/index.md
@@ -0,0 +1,280 @@
+# PostCSS
+
+PostCSS is a tool for transforming styles with JavaScript plugins. It parses CSS into an Abstract Syntax Tree (AST), allows plugins to transform it, and then converts it back to CSS. PostCSS is widely used for tasks like autoprefixing, CSS optimization, and CSS-in-JS transformations.
+
+## Package Information
+
+- **Package Name**: postcss
+- **Package Type**: npm
+- **Language**: JavaScript/TypeScript
+- **Installation**: `npm install postcss`
+- **Version**: 8.5.3
+- **Main Entry Points**:
+  - CommonJS: `lib/postcss.js`
+  - ESM: `lib/postcss.mjs`
+  - TypeScript: `lib/postcss.d.ts`
+- **Repository**: https://github.com/postcss/postcss
+
+## Core Imports
+
+```javascript { .api }
+// CommonJS
+const postcss = require('postcss')
+
+// ES Modules  
+import postcss from 'postcss'
+
+// TypeScript
+import postcss from 'postcss'
+import type { ProcessOptions, Plugin } from 'postcss'
+
+// Individual imports
+const { parse, stringify, list, fromJSON } = require('postcss')
+import { parse, stringify, list, fromJSON } from 'postcss'
+
+// Node constructors
+const { Node, Rule, Declaration, AtRule, Comment, Root, Document } = require('postcss')
+import { Node, Rule, Declaration, AtRule, Comment, Root, Document } from 'postcss'
+```
+
+## Basic Usage
+
+### Processing CSS with Plugins
+
+```javascript { .api }
+const postcss = require('postcss')
+
+// Create processor with plugins
+const processor = postcss([
+  require('autoprefixer'),
+  require('cssnano')
+])
+
+// Process CSS
+processor.process(css, { from: 'input.css', to: 'output.css' })
+  .then(result => {
+    console.log(result.css) // Transformed CSS
+    console.log(result.map.toString()) // Source map
+  })
+```
+
+### Parsing and Manipulating CSS AST
+
+```javascript { .api }
+const postcss = require('postcss')
+
+// Parse CSS to AST
+const root = postcss.parse(`
+  .foo { color: red; }
+  .bar { color: blue; }
+`)
+
+// Manipulate AST
+root.walkRules(rule => {
+  rule.selector = `.prefix-${rule.selector}`
+})
+
+// Convert back to CSS
+const css = root.toString()
+// Result: .prefix-.foo { color: red; } .prefix-.bar { color: blue; }
+```
+
+### Creating Nodes Programmatically
+
+```javascript { .api }
+const postcss = require('postcss')
+
+// Create individual nodes
+const decl = postcss.decl({ prop: 'color', value: 'red' })
+const rule = postcss.rule({ selector: '.example' })
+const comment = postcss.comment({ text: 'This is a comment' })
+
+// Build CSS structure
+rule.append(decl)
+const root = postcss.root()
+root.append(comment, rule)
+
+console.log(root.toString())
+// Result: /* This is a comment */ .example { color: red; }
+```
+
+## Architecture
+
+PostCSS is built around several key components:
+
+### AST Nodes
+- **Node**: Base class for all AST nodes with common methods
+- **Container**: Base class for nodes that can contain children
+- **Root**: Represents the CSS document root
+- **Rule**: CSS rules with selectors and declarations  
+- **Declaration**: CSS property-value pairs
+- **AtRule**: CSS at-rules like @media, @import
+- **Comment**: CSS comments
+- **Document**: Container for multiple CSS roots
+
+### Processing Pipeline
+- **Parser**: Converts CSS strings to AST
+- **Processor**: Manages plugins and applies transformations
+- **Stringifier**: Converts AST back to CSS strings
+- **Result**: Contains processed CSS and metadata
+
+### Plugin System
+- **Plugin Interface**: Modern plugin API with lifecycle hooks
+- **Legacy Plugins**: Older transformation-function based plugins
+- **Helpers**: Utilities provided to plugins during processing
+
+## Capabilities
+
+### CSS Parsing and Generation
+
+Parse CSS strings into manipulable AST structures and generate CSS output with source maps:
+
+```javascript { .api }
+const postcss = require('postcss')
+
+// Parse CSS
+const root = postcss.parse(css, { from: 'input.css' })
+
+// Generate CSS with source map
+const result = root.toResult({ to: 'output.css', map: { inline: false } })
+console.log(result.css)
+console.log(result.map.toString())
+```
+
+### AST Traversal and Manipulation
+
+Walk through and modify CSS AST nodes with powerful traversal methods:
+
+```javascript { .api }
+const postcss = require('postcss')
+const root = postcss.parse(css)
+
+// Walk all nodes
+root.walk(node => {
+  if (node.type === 'decl' && node.prop === 'color') {
+    node.value = 'blue'
+  }
+})
+
+// Walk specific node types
+root.walkRules(rule => {
+  if (rule.selector.includes('.old-')) {
+    rule.selector = rule.selector.replace('.old-', '.new-')
+  }
+})
+
+root.walkDecls('margin', decl => {
+  decl.value = postcss.list.space(decl.value).map(v => 
+    v === '0' ? '0' : v
+  ).join(' ')
+})
+
+root.walkAtRules('media', atRule => {
+  if (atRule.params === 'screen') {
+    atRule.params = 'screen and (min-width: 768px)'
+  }
+})
+```
+
+### Plugin Development and Processing
+
+Create and use plugins to transform CSS:
+
+```javascript { .api }
+// Modern plugin API
+const myPlugin = (opts = {}) => {
+  return {
+    postcssPlugin: 'my-plugin',
+    Once(root, { result }) {
+      // Process entire stylesheet once
+    },
+    Declaration(decl, { result }) {
+      // Process each declaration
+      if (decl.prop.startsWith('--custom-')) {
+        result.warn('Custom properties detected', { node: decl })
+      }
+    },
+    Rule(rule, { result }) {
+      // Process each rule
+    }
+  }
+}
+myPlugin.postcss = true
+
+// Use plugin
+const processor = postcss([myPlugin({ option: 'value' })])
+```
+
+### Value Parsing and Utilities
+
+Parse and manipulate CSS values safely:
+
+```javascript { .api }
+const postcss = require('postcss')
+
+// Split comma-separated values
+const colors = postcss.list.comma('red, blue, green')
+// Result: ['red', 'blue', 'green']
+
+// Split space-separated values  
+const margins = postcss.list.space('10px 20px 30px 40px')
+// Result: ['10px', '20px', '30px', '40px']
+
+// Custom splitting
+const values = postcss.list.split('a|b|c', ['|'], true)
+// Result: ['a', 'b', 'c']
+```
+
+### Error Handling and Source Maps
+
+Comprehensive error handling with source location information:
+
+```javascript { .api }
+const postcss = require('postcss')
+
+try {
+  const root = postcss.parse('invalid css {{}')
+} catch (error) {
+  if (error.name === 'CssSyntaxError') {
+    console.log(error.message) // Error with line/column info
+    console.log(error.showSourceCode()) // Highlighted source code
+  }
+}
+
+// Plugin warnings
+const myPlugin = () => ({
+  postcssPlugin: 'my-plugin',
+  Declaration(decl, { result }) {
+    if (decl.important) {
+      result.warn('Avoid !important', { 
+        node: decl,
+        word: '!important'
+      })
+    }
+  }
+})
+```
+
+### JSON Serialization
+
+Serialize and deserialize AST for caching and analysis:
+
+```javascript { .api }
+const postcss = require('postcss')
+
+// Serialize to JSON
+const root = postcss.parse('.foo { color: red; }')
+const json = root.toJSON()
+
+// Deserialize from JSON
+const restored = postcss.fromJSON(json)
+console.log(restored.toString()) // .foo { color: red; }
+```
+
+## Sub-documentation
+
+- [Core Processing](./core-processing.md) - Processor, parsing, and string generation
+- [AST Nodes](./ast-nodes.md) - Node classes and AST manipulation
+- [Plugin System](./plugin-system.md) - Plugin interfaces and development
+- [Results and Errors](./results-errors.md) - Processing results and error handling  
+- [Utilities](./utilities.md) - List module and other utilities
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-postcss/docs/plugin-system.md b/.tessl/tiles/tessl/npm-postcss/docs/plugin-system.md
new file mode 100644
index 000000000..e2746266b
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-postcss/docs/plugin-system.md
@@ -0,0 +1,556 @@
+# Plugin System
+
+PostCSS's plugin system allows developers to create transformations that process CSS AST nodes. This document covers the modern plugin API, legacy plugin support, and plugin development patterns.
+
+## Plugin Interface
+
+Modern PostCSS plugins implement the Plugin interface with lifecycle hooks for different node types.
+
+```typescript { .api }
+import { Plugin, Processors, Result, Root, Document, Rule, AtRule, Declaration, Comment } from 'postcss'
+
+interface Plugin extends Processors {
+  postcssPlugin: string
+  prepare?(result: Result): Processors
+}
+
+interface PluginCreator<PluginOptions> {
+  (opts?: PluginOptions): Plugin | Processor
+  postcss: true
+}
+```
+
+### Basic Plugin Structure
+
+```javascript { .api }
+// Modern plugin API
+const myPlugin = (opts = {}) => {
+  return {
+    postcssPlugin: 'my-plugin',
+    // Plugin lifecycle hooks go here
+  }
+}
+myPlugin.postcss = true
+
+// With TypeScript
+interface MyPluginOptions {
+  prefix?: string
+  exclude?: string[]
+}
+
+const myTypedPlugin: PluginCreator<MyPluginOptions> = (opts = {}) => {
+  const { prefix = 'auto-', exclude = [] } = opts
+  
+  return {
+    postcssPlugin: 'my-typed-plugin',
+    Rule(rule, { result }) {
+      if (!exclude.includes(rule.selector)) {
+        rule.selector = `${prefix}${rule.selector}`
+      }
+    }
+  }
+}
+myTypedPlugin.postcss = true
+```
+
+## Processors Interface
+
+The Processors interface defines lifecycle hooks that plugins can implement:
+
+```typescript { .api }
+interface Processors {
+  Once?: RootProcessor
+  OnceExit?: RootProcessor
+  Root?: RootProcessor
+  RootExit?: RootProcessor
+  Document?: DocumentProcessor
+  DocumentExit?: DocumentProcessor
+  Rule?: RuleProcessor
+  RuleExit?: RuleProcessor
+  AtRule?: { [name: string]: AtRuleProcessor } | AtRuleProcessor
+  AtRuleExit?: { [name: string]: AtRuleProcessor } | AtRuleProcessor
+  Declaration?: { [prop: string]: DeclarationProcessor } | DeclarationProcessor
+  DeclarationExit?: { [prop: string]: DeclarationProcessor } | DeclarationProcessor
+  Comment?: CommentProcessor
+  CommentExit?: CommentProcessor
+}
+```
+
+### Processor Function Types
+
+```typescript { .api }
+import { postcss } from 'postcss'
+
+type RootProcessor = (root: Root, helper: postcss.Helpers) => Promise<void> | void
+type DocumentProcessor = (document: Document, helper: postcss.Helpers) => Promise<void> | void
+type RuleProcessor = (rule: Rule, helper: postcss.Helpers) => Promise<void> | void
+type AtRuleProcessor = (atRule: AtRule, helper: postcss.Helpers) => Promise<void> | void
+type DeclarationProcessor = (decl: Declaration, helper: postcss.Helpers) => Promise<void> | void
+type CommentProcessor = (comment: Comment, helper: postcss.Helpers) => Promise<void> | void
+
+interface Helpers {
+  result: Result
+  postcss: typeof postcss
+}
+```
+
+## Lifecycle Hooks
+
+### Once and OnceExit
+
+Execute once per processing run, regardless of AST changes:
+
+```javascript { .api }
+const setupPlugin = () => ({
+  postcssPlugin: 'setup-plugin',
+  Once(root, { result }) {
+    // Run once at the start
+    result.messages.push({
+      type: 'setup',
+      plugin: 'setup-plugin',
+      message: 'Processing started'
+    })
+  },
+  OnceExit(root, { result }) {
+    // Run once at the end
+    result.messages.push({
+      type: 'cleanup', 
+      plugin: 'setup-plugin',
+      message: 'Processing completed'
+    })
+  }
+})
+```
+
+### Root and RootExit
+
+Execute on Root nodes (re-runs if AST changes):
+
+```javascript { .api }
+const rootPlugin = () => ({
+  postcssPlugin: 'root-plugin',
+  Root(root, { result }) {
+    // Process the entire stylesheet
+    let ruleCount = 0
+    root.walkRules(() => ruleCount++)
+    
+    if (ruleCount > 100) {
+      result.warn('Large stylesheet detected', { node: root })
+    }
+  },
+  RootExit(root, { result }) {
+    // Final processing after all other plugins
+    root.append(postcss.comment({ 
+      text: `Generated by ${result.processor.version}` 
+    }))
+  }
+})
+```
+
+### Node-Specific Hooks
+
+Process specific node types:
+
+```javascript { .api }
+const nodePlugin = () => ({
+  postcssPlugin: 'node-plugin',
+  
+  Rule(rule, { result }) {
+    // Process every rule
+    if (rule.selector.startsWith('.old-')) {
+      rule.selector = rule.selector.replace('.old-', '.new-')
+    }
+  },
+  
+  Declaration(decl, { result }) {
+    // Process every declaration
+    if (decl.prop === 'color' && decl.value === 'red') {
+      result.warn('Avoid hardcoded red color', { node: decl })
+    }
+  },
+  
+  Comment(comment, { result }) {
+    // Process every comment
+    if (comment.text.includes('TODO')) {
+      result.warn('TODO found in CSS', { node: comment })
+    }
+  }
+})
+```
+
+### Filtered Hooks
+
+Process specific at-rules or declarations by name:
+
+```javascript { .api }
+const filteredPlugin = () => ({
+  postcssPlugin: 'filtered-plugin',
+  
+  // Process only @media at-rules
+  AtRule: {
+    media(atRule, { result }) {
+      // Add min-width if only max-width specified
+      if (atRule.params.includes('max-width') && !atRule.params.includes('min-width')) {
+        atRule.params = `${atRule.params} and (min-width: 320px)`
+      }
+    },
+    
+    import(atRule, { result }) {
+      result.warn('Consider bundling imports', { node: atRule })
+    }
+  },
+  
+  // Process only specific properties
+  Declaration: {
+    'font-size'(decl, { result }) {
+      if (decl.value.includes('px')) {
+        decl.value = decl.value.replace(/(\d+)px/g, (match, num) => {
+          return `${num / 16}rem`
+        })
+      }
+    },
+    
+    'margin'(decl, { result }) {
+      if (decl.value === '0px') {
+        decl.value = '0'
+      }
+    }
+  }
+})
+```
+
+## Plugin Helpers
+
+The helper object provides utilities for plugin development:
+
+```javascript { .api }
+const helperPlugin = () => ({
+  postcssPlugin: 'helper-plugin',
+  Declaration(decl, { result, postcss }) {
+    // Access result for warnings and messages
+    result.warn('Processing declaration', { node: decl })
+    
+    // Access postcss constructor functions
+    const newRule = postcss.rule({ selector: '.generated' })
+    newRule.append(postcss.decl({ prop: 'content', value: '""' }))
+    
+    // Insert generated nodes
+    decl.root().append(newRule)
+    
+    // Add custom messages
+    result.messages.push({
+      type: 'custom',
+      plugin: 'helper-plugin',
+      declaration: decl.prop,
+      value: decl.value
+    })
+  }
+})
+```
+
+## Asynchronous Plugins
+
+Plugins can return promises for async operations:
+
+```javascript { .api }
+const asyncPlugin = () => ({
+  postcssPlugin: 'async-plugin',
+  
+  async Once(root, { result }) {
+    // Async setup
+    const config = await loadConfiguration()
+    result.messages.push({ type: 'config', data: config })
+  },
+  
+  async AtRule: {
+    async import(atRule, { result }) {
+      try {
+        // Async file loading
+        const content = await fs.readFile(atRule.params.slice(1, -1), 'utf8')
+        const importedRoot = postcss.parse(content)
+        
+        // Replace @import with actual content
+        atRule.replaceWith(importedRoot.nodes)
+      } catch (error) {
+        result.warn(`Failed to import: ${error.message}`, { node: atRule })
+      }
+    }
+  }
+})
+```
+
+## Plugin with prepare()
+
+Use `prepare()` for plugins that need per-result initialization:
+
+```javascript { .api }
+const statefulPlugin = (opts = {}) => ({
+  postcssPlugin: 'stateful-plugin',
+  
+  prepare(result) {
+    // Initialize state per processing run
+    const state = {
+      ruleCount: 0,
+      declarations: new Set(),
+      startTime: Date.now()
+    }
+    
+    return {
+      Rule(rule) {
+        state.ruleCount++
+      },
+      
+      Declaration(decl) {
+        state.declarations.add(decl.prop)
+      },
+      
+      OnceExit(root) {
+        const duration = Date.now() - state.startTime
+        result.messages.push({
+          type: 'stats',
+          plugin: 'stateful-plugin',
+          ruleCount: state.ruleCount,
+          uniqueProps: state.declarations.size,
+          duration
+        })
+      }
+    }
+  }
+})
+```
+
+## Legacy Plugin Support
+
+PostCSS supports older plugin formats for backward compatibility:
+
+```typescript { .api }
+interface Transformer extends TransformCallback {
+  postcssPlugin: string
+  postcssVersion: string
+}
+
+interface TransformCallback {
+  (root: Root, result: Result): Promise<void> | void
+}
+
+type AcceptedPlugin =
+  | { postcss: Processor | TransformCallback }
+  | OldPlugin<any>
+  | Plugin
+  | PluginCreator<any>
+  | Processor
+  | TransformCallback
+```
+
+### Legacy Plugin Examples
+
+```javascript { .api }
+// Function-based legacy plugin
+const legacyFunction = (root, result) => {
+  root.walkRules(rule => {
+    if (rule.selector === '.old') {
+      rule.selector = '.new'
+    }
+  })
+}
+
+// Object-based legacy plugin  
+const legacyObject = {
+  postcss: (root, result) => {
+    root.walkDecls('color', decl => {
+      if (decl.value === 'red') {
+        decl.value = 'blue'
+      }
+    })
+  }
+}
+
+// Use legacy plugins
+const processor = postcss([
+  legacyFunction,
+  legacyObject,
+  modernPlugin()
+])
+```
+
+## Plugin Development Patterns
+
+### Property Value Transformation
+
+```javascript { .api }
+const valueTransformPlugin = (transforms = {}) => ({
+  postcssPlugin: 'value-transform',
+  Declaration(decl) {
+    const transform = transforms[decl.prop]
+    if (transform) {
+      decl.value = transform(decl.value)
+    }
+  }
+})
+
+// Usage
+const processor = postcss([
+  valueTransformPlugin({
+    'font-size': (value) => value.replace(/px$/, 'rem'),
+    'color': (value) => value === 'red' ? '#ff0000' : value
+  })
+])
+```
+
+### Selector Transformation
+
+```javascript { .api }
+const selectorPlugin = (options = {}) => {
+  const { prefix = '', suffix = '' } = options
+  
+  return {
+    postcssPlugin: 'selector-plugin',
+    Rule(rule) {
+      rule.selector = rule.selectors
+        .map(selector => `${prefix}${selector}${suffix}`)
+        .join(', ')
+    }
+  }
+}
+```
+
+### CSS Module Generation
+
+```javascript { .api }
+const cssModulesPlugin = () => {
+  const classMap = new Map()
+  
+  return {
+    postcssPlugin: 'css-modules',
+    prepare() {
+      return {
+        Rule(rule) {
+          rule.selectors = rule.selectors.map(selector => {
+            const match = selector.match(/\.(\w+)/)
+            if (match) {
+              const className = match[1]
+              const hashedName = `_${className}_${hash(className)}`
+              classMap.set(className, hashedName)
+              return selector.replace(className, hashedName)
+            }
+            return selector
+          })
+        },
+        
+        OnceExit(root, { result }) {
+          result.messages.push({
+            type: 'css-modules',
+            plugin: 'css-modules',
+            classMap: Object.fromEntries(classMap)
+          })
+        }
+      }
+    }
+  }
+}
+```
+
+### Validation Plugin
+
+```javascript { .api }
+const validationPlugin = (rules = {}) => ({
+  postcssPlugin: 'validation-plugin',
+  
+  Declaration(decl, { result }) {
+    // Check for deprecated properties
+    const deprecated = ['float', 'clear', 'vertical-align']
+    if (deprecated.includes(decl.prop)) {
+      result.warn(`Property ${decl.prop} is deprecated`, { 
+        node: decl,
+        word: decl.prop
+      })
+    }
+    
+    // Check for invalid values
+    if (decl.prop === 'display' && !['block', 'inline', 'flex', 'grid'].includes(decl.value)) {
+      result.warn(`Invalid display value: ${decl.value}`, {
+        node: decl,
+        word: decl.value
+      })
+    }
+  },
+  
+  Rule(rule, { result }) {
+    // Check for empty rules
+    if (!rule.nodes || rule.nodes.length === 0) {
+      result.warn('Empty rule detected', { node: rule })
+    }
+    
+    // Check for overly specific selectors
+    const specificity = calculateSpecificity(rule.selector)
+    if (specificity > 1000) {
+      result.warn('High specificity selector', {
+        node: rule,
+        word: rule.selector
+      })
+    }
+  }
+})
+```
+
+## Plugin Testing
+
+```javascript { .api }
+const postcss = require('postcss')
+
+// Test plugin functionality
+async function testPlugin() {
+  const plugin = myPlugin({ option: 'value' })
+  const processor = postcss([plugin])
+  
+  const input = '.foo { color: red; }'
+  const result = await processor.process(input, { from: 'test.css' })
+  
+  console.log('Output:', result.css)
+  console.log('Warnings:', result.warnings())
+  console.log('Messages:', result.messages)
+}
+
+// Test with different inputs
+const testCases = [
+  { input: '.foo { color: red; }', expected: '.foo { color: blue; }' },
+  { input: '.bar { font-size: 16px; }', expected: '.bar { font-size: 1rem; }' }
+]
+
+testCases.forEach(async ({ input, expected }) => {
+  const result = await processor.process(input)
+  console.assert(result.css === expected, `Expected ${expected}, got ${result.css}`)
+})
+```
+
+## Error Handling in Plugins
+
+```javascript { .api }
+const robustPlugin = () => ({
+  postcssPlugin: 'robust-plugin',
+  
+  Declaration(decl, { result }) {
+    try {
+      // Risky operation
+      const parsed = parseComplexValue(decl.value)
+      decl.value = transformValue(parsed)
+    } catch (error) {
+      // Report error with context
+      const cssError = decl.error(`Failed to process ${decl.prop}: ${error.message}`)
+      throw cssError
+    }
+  },
+  
+  Rule(rule, { result }) {
+    // Validate selector
+    try {
+      validateSelector(rule.selector)
+    } catch (error) {
+      result.warn(`Invalid selector: ${error.message}`, {
+        node: rule,
+        word: rule.selector
+      })
+    }
+  }
+})
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-postcss/docs/results-errors.md b/.tessl/tiles/tessl/npm-postcss/docs/results-errors.md
new file mode 100644
index 000000000..42ba5c088
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-postcss/docs/results-errors.md
@@ -0,0 +1,646 @@
+# Results and Errors
+
+PostCSS processing produces results with output CSS, source maps, and metadata. This document covers the Result class, warning system, and error handling mechanisms.
+
+## Result
+
+The Result class contains the output of CSS processing along with metadata and messages.
+
+```typescript { .api }
+import { Result, Root, Document, Processor, SourceMap, Message, Warning, ResultOptions, WarningOptions } from 'postcss'
+
+class Result<RootNode = Root | Document> {
+  css: string
+  content: string                    // Alias for css property
+  map: SourceMap
+  root: RootNode
+  messages: Message[]
+  processor: Processor
+  opts: ResultOptions
+  lastPlugin: Plugin | TransformCallback
+
+  toString(): string
+  warn(message: string, options?: WarningOptions): Warning
+  warnings(): Warning[]
+}
+```
+
+### Result Properties
+
+```javascript { .api }
+import postcss from 'postcss'
+
+const processor = postcss([require('autoprefixer')])
+const result = processor.process('.foo { display: flex; }', {
+  from: 'input.css',
+  to: 'output.css',
+  map: { inline: false }
+})
+
+// Access result properties
+console.log(result.css)        // Generated CSS string
+console.log(result.content)    // Same as css (alias)
+console.log(result.map)        // Source map object
+console.log(result.root)       // Processed AST root
+console.log(result.messages)   // Array of plugin messages
+console.log(result.processor)  // Processor instance used
+console.log(result.opts)       // Processing options
+```
+
+### Result Options
+
+```typescript { .api }
+interface ResultOptions extends ProcessOptions {
+  node?: Node
+  plugin?: string
+}
+
+interface ProcessOptions<RootNode = Document | Root> {
+  from?: string
+  to?: string
+  map?: boolean | SourceMapOptions
+  parser?: Parser<RootNode> | Syntax<RootNode>
+  stringifier?: Stringifier | Syntax<RootNode>
+  syntax?: Syntax<RootNode>
+  document?: string
+}
+```
+
+### Messages System
+
+```typescript { .api }
+interface Message {
+  type: string
+  plugin?: string
+  [others: string]: any
+}
+```
+
+```javascript { .api }
+import postcss from 'postcss'
+
+const messagePlugin = () => ({
+  postcssPlugin: 'message-plugin',
+  Once(root, { result }) {
+    // Add custom messages
+    result.messages.push({
+      type: 'info',
+      plugin: 'message-plugin', 
+      message: 'Processing started',
+      timestamp: Date.now()
+    })
+  },
+  
+  Declaration(decl, { result }) {
+    // Add declaration-specific messages
+    if (decl.prop.startsWith('--')) {
+      result.messages.push({
+        type: 'css-variable',
+        plugin: 'message-plugin',
+        property: decl.prop,
+        value: decl.value,
+        line: decl.source.start.line
+      })
+    }
+  }
+})
+
+const result = postcss([messagePlugin()])
+  .process('.foo { --color: red; color: var(--color); }')
+
+// Access messages
+result.messages.forEach(msg => {
+  console.log(`${msg.type}: ${msg.message || 'Custom data'}`)
+})
+```
+
+## Warning
+
+The Warning class represents plugin warnings with source location information.
+
+```typescript { .api }
+import { Warning, Node } from 'postcss'
+
+class Warning {
+  type: 'warning'
+  text: string
+  plugin: string
+  node: Node
+  line: number
+  column: number
+  endLine?: number
+  endColumn?: number
+
+  toString(): string
+}
+```
+
+### Creating Warnings
+
+```javascript { .api }
+import postcss from 'postcss'
+
+const warningPlugin = () => ({
+  postcssPlugin: 'warning-plugin',
+  
+  Declaration(decl, { result }) {
+    // Basic warning
+    if (decl.important) {
+      result.warn('Avoid using !important', { node: decl })
+    }
+    
+    // Warning with specific word highlighted
+    if (decl.value === 'red') {
+      result.warn('Consider using CSS variables instead of hardcoded colors', {
+        node: decl,
+        word: 'red'
+      })
+    }
+    
+    // Warning with custom position
+    if (decl.prop === 'float') {
+      result.warn('Float is deprecated, use flexbox or grid', {
+        node: decl,
+        index: 0,
+        endIndex: decl.prop.length
+      })
+    }
+  }
+})
+
+const result = postcss([warningPlugin()])
+  .process('.foo { color: red !important; float: left; }')
+
+// Access warnings
+result.warnings().forEach(warning => {
+  console.log(warning.toString())
+  // Output: warning-plugin: 2:9: Avoid using !important
+})
+```
+
+### Warning Options
+
+```typescript { .api }
+interface WarningOptions {
+  node?: Node
+  plugin?: string
+  index?: number
+  endIndex?: number
+  word?: string
+  start?: RangePosition
+  end?: RangePosition
+}
+
+interface RangePosition {
+  line: number
+  column: number
+}
+```
+
+```javascript { .api }
+import postcss from 'postcss'
+
+const detailedWarningPlugin = () => ({
+  postcssPlugin: 'detailed-warning-plugin',
+  
+  Rule(rule, { result }) {
+    // Warning with range highlighting
+    const selectorMatch = rule.selector.match(/(\.[a-z]+)/i)
+    if (selectorMatch) {
+      const start = rule.selector.indexOf(selectorMatch[1])
+      const end = start + selectorMatch[1].length
+      
+      result.warn('Consider using BEM naming convention', {
+        node: rule,
+        index: start,
+        endIndex: end,
+        word: selectorMatch[1]
+      })
+    }
+    
+    // Warning with line/column position
+    result.warn('Rule complexity warning', {
+      node: rule,
+      start: { line: rule.source.start.line, column: 1 },
+      end: { line: rule.source.end.line, column: rule.source.end.column }
+    })
+  }
+})
+```
+
+## CssSyntaxError
+
+PostCSS throws CssSyntaxError for parsing and processing errors with detailed location information.
+
+```typescript { .api }
+import { CssSyntaxError } from 'postcss'
+
+class CssSyntaxError extends Error {
+  name: 'CssSyntaxError'
+  message: string
+  reason: string
+  file?: string
+  line?: number
+  column?: number
+  endLine?: number
+  endColumn?: number
+  source?: string
+  input?: FilePosition
+  plugin?: string
+
+  toString(): string
+  showSourceCode(color?: boolean): string
+}
+
+interface FilePosition {
+  file?: string
+  url: string
+  line: number
+  column: number
+  endLine?: number
+  endColumn?: number
+  source?: string
+}
+```
+
+### Parsing Errors
+
+```javascript { .api }
+import postcss from 'postcss'
+
+try {
+  // Invalid CSS syntax
+  const root = postcss.parse('invalid css { { }')
+} catch (error) {
+  if (error.name === 'CssSyntaxError') {
+    console.log(`Error: ${error.reason}`)
+    console.log(`Location: ${error.file}:${error.line}:${error.column}`)
+    console.log(`Source: ${error.source}`)
+    
+    // Show highlighted source code
+    console.log(error.showSourceCode(true))
+  }
+}
+```
+
+### Plugin Errors
+
+```javascript { .api }
+import postcss from 'postcss'
+
+const errorPlugin = () => ({
+  postcssPlugin: 'error-plugin',
+  
+  Declaration(decl) {
+    if (decl.prop === 'forbidden-prop') {
+      // Create error with source location
+      throw decl.error('This property is not allowed', {
+        plugin: 'error-plugin',
+        word: decl.prop
+      })
+    }
+  },
+  
+  Rule(rule) {
+    if (rule.selector.includes('*')) {
+      // Error with custom position
+      const starIndex = rule.selector.indexOf('*')
+      throw rule.error('Universal selector not allowed', {
+        plugin: 'error-plugin',
+        index: starIndex,
+        endIndex: starIndex + 1
+      })
+    }
+  }
+})
+
+try {
+  postcss([errorPlugin()]).process('.foo { forbidden-prop: value; }')
+} catch (error) {
+  console.log(error.showSourceCode())
+  // Displays highlighted source with error location
+}
+```
+
+### Error Creation from Nodes
+
+```javascript { .api }
+import postcss from 'postcss'
+
+const validationPlugin = () => ({
+  postcssPlugin: 'validation-plugin',
+  
+  Declaration(decl) {
+    try {
+      validateDeclaration(decl.prop, decl.value)
+    } catch (validationError) {
+      // Create CSS error from node with context
+      const cssError = decl.error(
+        `Invalid ${decl.prop} value: ${validationError.message}`,
+        { 
+          plugin: 'validation-plugin',
+          word: decl.value
+        }
+      )
+      
+      // Add additional context
+      cssError.plugin = 'validation-plugin'
+      throw cssError
+    }
+  }
+})
+
+function validateDeclaration(prop, value) {
+  const patterns = {
+    'color': /^(#[0-9a-f]{6}|rgb\(|hsl\(|[a-z]+)$/i,
+    'font-size': /^(\d+(\.\d+)?(px|em|rem|%)|[a-z-]+)$/i
+  }
+  
+  const pattern = patterns[prop]
+  if (pattern && !pattern.test(value)) {
+    throw new Error(`Invalid format for ${prop}`)
+  }
+}
+```
+
+## Error Handling Patterns
+
+### Graceful Error Handling
+
+```javascript { .api }
+const robustPlugin = () => ({
+  postcssPlugin: 'robust-plugin',
+  
+  Declaration(decl, { result }) {
+    try {
+      // Risky transformation
+      decl.value = complexTransformation(decl.value)
+    } catch (error) {
+      // Log error but continue processing
+      result.warn(`Transformation failed: ${error.message}`, {
+        node: decl,
+        plugin: 'robust-plugin'
+      })
+    }
+  }
+})
+```
+
+### Error Collection
+
+```javascript { .api }
+const lintPlugin = () => ({
+  postcssPlugin: 'lint-plugin',
+  prepare() {
+    const errors = []
+    
+    return {
+      Declaration(decl, { result }) {
+        // Collect errors instead of throwing immediately
+        if (decl.prop.includes('_')) {
+          errors.push({
+            message: 'Properties should not contain underscores',
+            node: decl,
+            severity: 'error'
+          })
+        }
+      },
+      
+      OnceExit(root, { result }) {
+        // Report all errors at the end
+        errors.forEach(({ message, node, severity }) => {
+          if (severity === 'error') {
+            throw node.error(message, { plugin: 'lint-plugin' })
+          } else {
+            result.warn(message, { node, plugin: 'lint-plugin' })
+          }
+        })
+      }
+    }
+  }
+})
+```
+
+### Async Error Handling
+
+```javascript { .api }
+const asyncPlugin = () => ({
+  postcssPlugin: 'async-plugin',
+  
+  async AtRule: {
+    async import(atRule, { result }) {
+      try {
+        const content = await fetchRemoteCSS(atRule.params)
+        const importedRoot = postcss.parse(content)
+        atRule.replaceWith(importedRoot.nodes)
+      } catch (error) {
+        if (error.code === 'ENOTFOUND') {
+          result.warn(`Failed to fetch import: ${error.message}`, {
+            node: atRule,
+            plugin: 'async-plugin'
+          })
+        } else {
+          throw atRule.error(`Import error: ${error.message}`, {
+            plugin: 'async-plugin'
+          })
+        }
+      }
+    }
+  }
+})
+```
+
+## SourceMap Interface
+
+PostCSS source maps extend the standard SourceMapGenerator from the source-map-js library:
+
+```typescript { .api }
+import { SourceMapGenerator, RawSourceMap } from 'source-map-js'
+
+interface SourceMap extends SourceMapGenerator {
+  toJSON(): RawSourceMap
+  toString(): string
+  
+  // SourceMapGenerator methods
+  addMapping(mapping: {
+    source: string
+    original: { line: number, column: number }
+    generated: { line: number, column: number }
+    name?: string
+  }): void
+  
+  setSourceContent(sourceFile: string, sourceContent: string): void
+  applySourceMap(sourceMapConsumer: SourceMapConsumer, sourceFile?: string, sourceMapPath?: string): void
+}
+```
+
+### Working with Source Maps
+
+```javascript { .api }
+import postcss from 'postcss'
+
+const result = processor.process(css, {
+  from: 'input.css',
+  to: 'output.css',
+  map: {
+    inline: false,
+    annotation: true,
+    sourcesContent: true,
+    prev: previousSourceMap // from preprocessor
+  }
+})
+
+// Access source map
+const sourceMap = result.map
+console.log(sourceMap.toString()) // Source map as string
+console.log(sourceMap.toJSON())   // Source map as object
+
+// Add custom mapping
+sourceMap.addMapping({
+  source: 'input.css',
+  original: { line: 1, column: 0 },
+  generated: { line: 1, column: 0 }
+})
+
+// Set source content
+sourceMap.setSourceContent('input.css', originalCssContent)
+```
+
+## Source Map Integration
+
+Source maps preserve original source locations through transformations:
+
+```javascript { .api }
+import postcss from 'postcss'
+
+const processor = postcss([
+  require('postcss-nested'),
+  require('autoprefixer')
+])
+
+const result = processor.process(scss, {
+  from: 'input.scss',
+  to: 'output.css',
+  map: {
+    inline: false,
+    annotation: true,
+    sourcesContent: true
+  }
+})
+
+// Warnings include original source positions
+result.warnings().forEach(warning => {
+  console.log(`${warning.line}:${warning.column}: ${warning.text}`)
+})
+
+// Errors show original source code
+try {
+  processor.process(invalidScss, { from: 'invalid.scss' })
+} catch (error) {
+  if (error.name === 'CssSyntaxError') {
+    console.log(`Error in ${error.file}:`)
+    console.log(error.showSourceCode(true))
+  }
+}
+```
+
+## Result Processing Examples
+
+### Extract Statistics
+
+```javascript { .api }
+const statsPlugin = () => ({
+  postcssPlugin: 'stats-plugin',
+  prepare() {
+    const stats = {
+      rules: 0,
+      declarations: 0,
+      atRules: 0,
+      comments: 0,
+      selectors: new Set(),
+      properties: new Set()
+    }
+    
+    return {
+      Rule(rule) {
+        stats.rules++
+        rule.selectors.forEach(sel => stats.selectors.add(sel))
+      },
+      
+      Declaration(decl) {
+        stats.declarations++
+        stats.properties.add(decl.prop)
+      },
+      
+      AtRule(atRule) {
+        stats.atRules++
+      },
+      
+      Comment(comment) {
+        stats.comments++
+      },
+      
+      OnceExit(root, { result }) {
+        result.messages.push({
+          type: 'stats',
+          plugin: 'stats-plugin',
+          ...stats,
+          selectors: Array.from(stats.selectors),
+          properties: Array.from(stats.properties)
+        })
+      }
+    }
+  }
+})
+
+const result = postcss([statsPlugin()]).process(css)
+const statsMessage = result.messages.find(m => m.type === 'stats')
+console.log('CSS Statistics:', statsMessage)
+```
+
+### Custom Result Processing
+
+```javascript { .api }
+async function processWithMetadata(css, plugins = []) {
+  const startTime = Date.now()
+  
+  try {
+    const result = await postcss(plugins).process(css, {
+      from: 'input.css',
+      to: 'output.css',
+      map: { inline: false }
+    })
+    
+    return {
+      success: true,
+      css: result.css,
+      map: result.map,
+      warnings: result.warnings(),
+      messages: result.messages,
+      processingTime: Date.now() - startTime,
+      stats: extractStats(result.messages)
+    }
+  } catch (error) {
+    return {
+      success: false,
+      error: {
+        message: error.message,
+        line: error.line,
+        column: error.column,
+        file: error.file,
+        source: error.showSourceCode ? error.showSourceCode() : null
+      },
+      processingTime: Date.now() - startTime
+    }
+  }
+}
+
+function extractStats(messages) {
+  return messages.reduce((acc, msg) => {
+    if (msg.type === 'stats') {
+      return { ...acc, ...msg }
+    }
+    return acc
+  }, {})
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-postcss/docs/utilities.md b/.tessl/tiles/tessl/npm-postcss/docs/utilities.md
new file mode 100644
index 000000000..911a90ca9
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-postcss/docs/utilities.md
@@ -0,0 +1,548 @@
+# Utilities
+
+PostCSS provides several utility modules and functions for working with CSS values and AST manipulation. This document covers the list module for value parsing and other utility functions.
+
+## List Module
+
+The list module provides safe parsing and splitting of CSS values, handling quoted strings, functions, and complex syntax correctly.
+
+```typescript { .api }
+import { list } from 'postcss'
+
+interface List {
+  comma(str: string): string[]
+  space(str: string): string[]
+  split(string: string, separators: string[], last?: boolean): string[]
+}
+```
+
+### Comma-Separated Values
+
+Split values separated by commas, commonly used for multiple values like `font-family`, `background-image`, etc.
+
+```javascript { .api }
+import { list } from 'postcss'
+
+// Basic comma separation
+const fonts = list.comma('Arial, "Helvetica Neue", sans-serif')
+console.log(fonts)
+// Result: ['Arial', '"Helvetica Neue"', 'sans-serif']
+
+// Complex values with functions
+const backgrounds = list.comma('url("bg1.jpg"), linear-gradient(red, blue), #fff')
+console.log(backgrounds)
+// Result: ['url("bg1.jpg")', 'linear-gradient(red, blue)', '#fff']
+
+// Handle empty values
+const empty = list.comma('')
+console.log(empty) // Result: ['']
+
+const single = list.comma('single-value')
+console.log(single) // Result: ['single-value']
+
+// Values with nested commas (inside functions)
+const complex = list.comma('rgba(255, 0, 0, 0.5), rgb(0, 255, 0)')
+console.log(complex)
+// Result: ['rgba(255, 0, 0, 0.5)', 'rgb(0, 255, 0)']
+```
+
+### Space-Separated Values
+
+Split values separated by spaces, commonly used for shorthand properties like `margin`, `padding`, `font`, etc.
+
+```javascript { .api }
+import { list } from 'postcss'
+
+// Basic space separation
+const margins = list.space('10px 20px 30px 40px')
+console.log(margins)
+// Result: ['10px', '20px', '30px', '40px']
+
+// Handle multiple spaces
+const paddings = list.space('1em  2em   3em')
+console.log(paddings)
+// Result: ['1em', '2em', '3em']
+
+// Values with quotes
+const fontFamily = list.space('"Times New Roman" serif')
+console.log(fontFamily)
+// Result: ['"Times New Roman"', 'serif']
+
+// Complex font shorthand
+const font = list.space('bold 16px/1.5 "Helvetica Neue", Arial, sans-serif')
+console.log(font)
+// Result: ['bold', '16px/1.5', '"Helvetica Neue",', 'Arial,', 'sans-serif']
+
+// Values with functions
+const transform = list.space('translate(10px, 20px) rotate(45deg) scale(1.2)')
+console.log(transform)
+// Result: ['translate(10px, 20px)', 'rotate(45deg)', 'scale(1.2)']
+```
+
+### Custom Splitting
+
+Split by custom separators with fine control over behavior.
+
+```typescript { .api }
+list.split(string: string, separators: string[], last?: boolean): string[]
+```
+
+```javascript { .api }
+import { list } from 'postcss'
+
+// Split by custom separator
+const values = list.split('a|b|c', ['|'], false)
+console.log(values) // Result: ['a', 'b', 'c']
+
+// Split by multiple separators
+const mixed = list.split('a|b;c|d', ['|', ';'], false)
+console.log(mixed) // Result: ['a', 'b', 'c', 'd']
+
+// Keep last separator (useful for trailing separators)
+const trailing = list.split('a|b|c|', ['|'], true)
+console.log(trailing) // Result: ['a', 'b', 'c', '']
+
+// Complex example with slash separator
+const fontSizes = list.split('16px/1.5', ['/'], false)
+console.log(fontSizes) // Result: ['16px', '1.5']
+```
+
+## Value Processing Utilities
+
+### Safe Value Parsing
+
+```javascript { .api }
+import postcss, { list } from 'postcss'
+
+function parseMarginValue(value) {
+  const parts = list.space(value)
+  
+  switch (parts.length) {
+    case 1:
+      return { top: parts[0], right: parts[0], bottom: parts[0], left: parts[0] }
+    case 2:
+      return { top: parts[0], right: parts[1], bottom: parts[0], left: parts[1] }
+    case 3:
+      return { top: parts[0], right: parts[1], bottom: parts[2], left: parts[1] }
+    case 4:
+      return { top: parts[0], right: parts[1], bottom: parts[2], left: parts[3] }
+    default:
+      throw new Error(`Invalid margin value: ${value}`)
+  }
+}
+
+// Usage in plugin
+const marginPlugin = () => ({
+  postcssPlugin: 'margin-plugin',
+  Declaration(decl) {
+    if (decl.prop === 'margin') {
+      try {
+        const parsed = parseMarginValue(decl.value)
+        console.log(`Margin: top=${parsed.top}, right=${parsed.right}`)
+      } catch (error) {
+        console.warn(`Failed to parse margin: ${error.message}`)
+      }
+    }
+  }
+})
+```
+
+### Transform Values
+
+```javascript { .api }
+import { list } from 'postcss'
+
+function transformFontFamily(value) {
+  return list.comma(value)
+    .map(family => {
+      // Remove quotes from generic families
+      if (['serif', 'sans-serif', 'monospace', 'cursive', 'fantasy'].includes(family)) {
+        return family
+      }
+      
+      // Ensure custom families are quoted
+      if (!family.startsWith('"') && !family.startsWith("'")) {
+        return `"${family}"`
+      }
+      
+      return family
+    })
+    .join(', ')
+}
+
+const fontFamilyPlugin = () => ({
+  postcssPlugin: 'font-family-plugin',
+  Declaration(decl) {
+    if (decl.prop === 'font-family') {
+      decl.value = transformFontFamily(decl.value)
+    }
+  }
+})
+
+// Example transformation:
+// Input:  font-family: Arial, Helvetica Neue, sans-serif
+// Output: font-family: "Arial", "Helvetica Neue", sans-serif
+```
+
+### Value Validation
+
+```javascript { .api }
+import { list } from 'postcss'
+
+function validateBoxShadow(value) {
+  const shadows = list.comma(value)
+  
+  return shadows.every(shadow => {
+    if (shadow === 'none') return true
+    
+    const parts = list.space(shadow)
+    // Basic validation: at least 2 values (offset-x, offset-y)
+    if (parts.length < 2) return false
+    
+    // Check for valid length values
+    const lengthPattern = /^-?\d+(\.\d+)?(px|em|rem|%|vw|vh|cm|mm|in|pt|pc)$/
+    return parts.slice(0, 4).every(part => {
+      return lengthPattern.test(part) || part === 'inset' || isColor(part)
+    })
+  })
+}
+
+function isColor(value) {
+  return /^(#[0-9a-f]{3,6}|rgb\(|rgba\(|hsl\(|hsla\(|[a-z]+)$/i.test(value)
+}
+
+const validationPlugin = () => ({
+  postcssPlugin: 'validation-plugin',
+  Declaration(decl, { result }) {
+    if (decl.prop === 'box-shadow') {
+      if (!validateBoxShadow(decl.value)) {
+        result.warn('Invalid box-shadow syntax', { node: decl })
+      }
+    }
+  }
+})
+```
+
+## Advanced List Operations
+
+### Merge and Deduplicate
+
+```javascript { .api }
+import { list } from 'postcss'
+
+function mergeAndDeduplicateValues(value1, value2, separator = 'space') {
+  const split = separator === 'comma' ? list.comma : list.space
+  const join = separator === 'comma' ? ', ' : ' '
+  
+  const values1 = split(value1)
+  const values2 = split(value2)
+  const merged = [...values1, ...values2]
+  
+  // Remove duplicates while preserving order
+  const unique = merged.filter((value, index) => merged.indexOf(value) === index)
+  
+  return unique.join(join)
+}
+
+// Example usage
+const fonts1 = 'Arial, sans-serif'
+const fonts2 = '"Helvetica Neue", Arial, monospace'
+const mergedFonts = mergeAndDeduplicateValues(fonts1, fonts2, 'comma')
+console.log(mergedFonts) // 'Arial, sans-serif, "Helvetica Neue", monospace'
+```
+
+### Convert Between Formats
+
+```javascript { .api }
+import { list } from 'postcss'
+
+function convertShorthandToLonghand(property, value) {
+  const conversions = {
+    margin: ['margin-top', 'margin-right', 'margin-bottom', 'margin-left'],
+    padding: ['padding-top', 'padding-right', 'padding-bottom', 'padding-left'],
+    'border-width': ['border-top-width', 'border-right-width', 'border-bottom-width', 'border-left-width']
+  }
+  
+  const properties = conversions[property]
+  if (!properties) return null
+  
+  const values = list.space(value)
+  const expanded = {}
+  
+  switch (values.length) {
+    case 1:
+      properties.forEach(prop => expanded[prop] = values[0])
+      break
+    case 2:
+      expanded[properties[0]] = values[0] // top
+      expanded[properties[1]] = values[1] // right
+      expanded[properties[2]] = values[0] // bottom
+      expanded[properties[3]] = values[1] // left
+      break
+    case 3:
+      expanded[properties[0]] = values[0] // top
+      expanded[properties[1]] = values[1] // right
+      expanded[properties[2]] = values[2] // bottom
+      expanded[properties[3]] = values[1] // left
+      break
+    case 4:
+      properties.forEach((prop, i) => expanded[prop] = values[i])
+      break
+  }
+  
+  return expanded
+}
+
+const expandPlugin = () => ({
+  postcssPlugin: 'expand-plugin',
+  Declaration(decl) {
+    const expanded = convertShorthandToLonghand(decl.prop, decl.value)
+    if (expanded) {
+      // Replace shorthand with longhand properties
+      Object.entries(expanded).forEach(([prop, value]) => {
+        decl.parent.insertAfter(decl, { prop, value })
+      })
+      decl.remove()
+    }
+  }
+})
+```
+
+## Working with Function Values
+
+```javascript { .api }
+import { list } from 'postcss'
+
+function parseFunctionValue(value) {
+  const match = value.match(/^([a-z-]+)\((.*)\)$/i)
+  if (!match) return null
+  
+  const [, name, args] = match
+  const argList = list.comma(args)
+  
+  return { name, args: argList }
+}
+
+function createFunctionValue(name, args) {
+  const argString = Array.isArray(args) ? args.join(', ') : args
+  return `${name}(${argString})`
+}
+
+// Example: Transform calc() functions
+const calcPlugin = () => ({
+  postcssPlugin: 'calc-plugin',
+  Declaration(decl) {
+    if (decl.value.includes('calc(')) {
+      const parts = list.space(decl.value)
+      const transformed = parts.map(part => {
+        const func = parseFunctionValue(part)
+        if (func && func.name === 'calc') {
+          // Transform calc(10px + 5px) to calc(15px)
+          const expression = func.args[0]
+          const simplified = simplifyCalcExpression(expression)
+          return createFunctionValue('calc', [simplified])
+        }
+        return part
+      })
+      
+      decl.value = transformed.join(' ')
+    }
+  }
+})
+
+function simplifyCalcExpression(expression) {
+  // Basic simplification - in real plugin would use proper math parser
+  const match = expression.match(/^(\d+)px\s*\+\s*(\d+)px$/)
+  if (match) {
+    const sum = parseInt(match[1]) + parseInt(match[2])
+    return `${sum}px`
+  }
+  return expression
+}
+```
+
+## URL and Path Utilities
+
+```javascript { .api }
+import { list } from 'postcss'
+import path from 'path'
+
+function extractUrls(value) {
+  const urls = []
+  const urlRegex = /url\(['"]?(.*?)['"]?\)/g
+  let match
+  
+  while ((match = urlRegex.exec(value)) !== null) {
+    urls.push(match[1])
+  }
+  
+  return urls
+}
+
+function replaceUrls(value, replaceFn) {
+  return value.replace(/url\(['"]?(.*?)['"]?\)/g, (match, url) => {
+    const newUrl = replaceFn(url)
+    const quote = match.includes('"') ? '"' : match.includes("'") ? "'" : ''
+    return `url(${quote}${newUrl}${quote})`
+  })
+}
+
+const urlPlugin = (options = {}) => ({
+  postcssPlugin: 'url-plugin',
+  Declaration(decl) {
+    if (decl.value.includes('url(')) {
+      const urls = extractUrls(decl.value)
+      
+      // Process each URL
+      urls.forEach(url => {
+        if (options.resolve && !url.startsWith('http')) {
+          // Resolve relative paths
+          const absolutePath = path.resolve(options.basePath || '', url)
+          decl.value = replaceUrls(decl.value, (u) => 
+            u === url ? absolutePath : u
+          )
+        }
+      })
+    }
+  }
+})
+```
+
+## Performance Considerations
+
+```javascript { .api }
+import { list } from 'postcss'
+
+// Cache parsed values for better performance
+const valueCache = new Map()
+
+function cachedParse(value, type = 'space') {
+  const key = `${type}:${value}`
+  
+  if (valueCache.has(key)) {
+    return valueCache.get(key)
+  }
+  
+  const result = type === 'comma' ? list.comma(value) : list.space(value)
+  valueCache.set(key, result)
+  
+  return result
+}
+
+// Batch process values
+function processDeclarations(declarations, processor) {
+  const batches = new Map()
+  
+  // Group by value type
+  declarations.forEach(decl => {
+    const type = getValueType(decl.prop)
+    if (!batches.has(type)) batches.set(type, [])
+    batches.get(type).push(decl)
+  })
+  
+  // Process each batch
+  batches.forEach((decls, type) => {
+    decls.forEach(decl => {
+      const parsed = cachedParse(decl.value, type)
+      processor(decl, parsed, type)
+    })
+  })
+}
+
+function getValueType(prop) {
+  const commaProps = ['font-family', 'background-image', 'transition', 'animation']
+  const spaceProps = ['margin', 'padding', 'border-width', 'font']
+  
+  if (commaProps.some(p => prop.includes(p))) return 'comma'
+  if (spaceProps.some(p => prop.includes(p))) return 'space'
+  return 'space' // default
+}
+```
+
+## Integration Examples
+
+### Complete Value Processing Pipeline
+
+```javascript { .api }
+import postcss, { list } from 'postcss'
+
+const valueProcessingPlugin = (options = {}) => ({
+  postcssPlugin: 'value-processing',
+  
+  Declaration(decl, { result }) {
+    try {
+      // Parse value based on property type
+      const parsed = parseDeclarationValue(decl)
+      
+      // Validate parsed value
+      if (!validateParsedValue(decl.prop, parsed)) {
+        result.warn(`Invalid value for ${decl.prop}`, { node: decl })
+        return
+      }
+      
+      // Transform value
+      const transformed = transformValue(decl.prop, parsed, options)
+      
+      // Reconstruct value string
+      decl.value = reconstructValue(transformed, getValueType(decl.prop))
+      
+    } catch (error) {
+      result.warn(`Failed to process ${decl.prop}: ${error.message}`, { node: decl })
+    }
+  }
+})
+
+function parseDeclarationValue(decl) {
+  const type = getValueType(decl.prop)
+  const parsed = type === 'comma' ? list.comma(decl.value) : list.space(decl.value)
+  
+  return {
+    type,
+    values: parsed,
+    original: decl.value
+  }
+}
+
+function validateParsedValue(prop, parsed) {
+  // Add validation logic based on CSS specification
+  if (prop === 'margin' && parsed.values.length > 4) return false
+  if (prop === 'font-family' && parsed.values.length === 0) return false
+  return true
+}
+
+function transformValue(prop, parsed, options) {
+  return {
+    ...parsed,
+    values: parsed.values.map(value => {
+      // Apply transformations based on options
+      if (options.convertUnits && value.endsWith('px')) {
+        return convertPxToRem(value)
+      }
+      if (options.normalizeQuotes && isQuoted(value)) {
+        return normalizeQuotes(value)
+      }
+      return value
+    })
+  }
+}
+
+function reconstructValue(transformed, type) {
+  const separator = type === 'comma' ? ', ' : ' '
+  return transformed.values.join(separator)
+}
+
+function convertPxToRem(value) {
+  const px = parseFloat(value)
+  const rem = px / 16
+  return `${rem}rem`
+}
+
+function normalizeQuotes(value) {
+  return value.replace(/'/g, '"')
+}
+
+function isQuoted(value) {
+  return (value.startsWith('"') && value.endsWith('"')) || 
+         (value.startsWith("'") && value.endsWith("'"))
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-postcss/tile.json b/.tessl/tiles/tessl/npm-postcss/tile.json
new file mode 100644
index 000000000..867c18a77
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-postcss/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-postcss",
+  "version": "8.5.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/postcss@8.5.3",
+  "summary": "Tool for transforming styles with JS plugins"
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-posthog-js/docs/examples/edge-cases.md b/.tessl/tiles/tessl/npm-posthog-js/docs/examples/edge-cases.md
new file mode 100644
index 000000000..00cb4073f
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-posthog-js/docs/examples/edge-cases.md
@@ -0,0 +1,496 @@
+# PostHog.js Edge Cases and Advanced Scenarios
+
+Handling edge cases, race conditions, and advanced scenarios.
+
+## Race Conditions
+
+### Feature Flags Not Loaded Yet
+
+```typescript { .api }
+// ❌ Bad: Check flag before it's loaded
+function Component() {
+    const enabled = posthog.isFeatureEnabled('new-ui');  // May be undefined
+    return enabled ? <NewUI /> : <OldUI />;
+}
+
+// ✅ Good: Wait for flags to load
+function Component() {
+    const [flagsLoaded, setFlagsLoaded] = useState(false);
+    const [enabled, setEnabled] = useState(false);
+    
+    useEffect(() => {
+        const unsubscribe = posthog.onFeatureFlags((flags) => {
+            setEnabled(flags['new-ui'] || false);
+            setFlagsLoaded(true);
+        });
+        return unsubscribe;
+    }, []);
+    
+    if (!flagsLoaded) return <Loading />;
+    return enabled ? <NewUI /> : <OldUI />;
+}
+```
+
+### Async Initialization
+
+```typescript { .api }
+// Ensure PostHog is ready before use
+async function initializeApp() {
+    return new Promise<void>((resolve) => {
+        posthog.init('token', {
+            loaded: () => {
+                console.log('PostHog ready');
+                resolve();
+            }
+        });
+    });
+}
+
+// Wait for initialization
+await initializeApp();
+posthog.capture('app_initialized');
+```
+
+## Network Failures
+
+### Offline Handling
+
+```typescript { .api }
+// Handle offline scenarios gracefully
+window.addEventListener('online', () => {
+    console.log('Back online - PostHog will resume');
+    posthog.capture('connection_restored');
+});
+
+window.addEventListener('offline', () => {
+    console.log('Offline - PostHog will queue events');
+    // Events are automatically queued and sent when connection returns
+});
+
+// Check connectivity before critical operations
+if (navigator.onLine) {
+    posthog.reloadFeatureFlags();
+}
+```
+
+### API Host Unreachable
+
+```typescript { .api }
+// Fallback when API is unreachable
+posthog.init('token', {
+    api_host: 'https://us.i.posthog.com',
+    on_request_error: (response) => {
+        console.error('PostHog request failed:', response.statusCode);
+        
+        // Log to alternative service
+        logToBackupService({
+            error: 'PostHog unreachable',
+            status: response.statusCode
+        });
+    }
+});
+```
+
+## Browser Storage Issues
+
+### LocalStorage Blocked
+
+```typescript { .api }
+// Handle blocked storage
+try {
+    posthog.init('token', {
+        persistence: 'localStorage+cookie'
+    });
+} catch (error) {
+    console.warn('Storage blocked, using memory persistence');
+    
+    // Fallback to memory-only
+    posthog.init('token', {
+        persistence: 'memory'
+    });
+}
+```
+
+### Cookie Restrictions
+
+```typescript { .api }
+// Handle third-party cookie restrictions
+posthog.init('token', {
+    persistence: 'localStorage',  // Avoid cookies
+    cross_subdomain_cookie: false,
+    secure_cookie: true
+});
+```
+
+## Multiple Initialization
+
+### Prevent Double Initialization
+
+```typescript { .api }
+// Singleton pattern for PostHog
+let posthogInitialized = false;
+
+export function initPostHog() {
+    if (posthogInitialized) {
+        console.warn('PostHog already initialized');
+        return;
+    }
+    
+    posthog.init('token', {
+        loaded: () => {
+            posthogInitialized = true;
+        }
+    });
+}
+
+// Safe to call multiple times
+initPostHog();
+initPostHog();  // Will warn and skip
+```
+
+## Session Transitions
+
+### Handle Session ID Changes
+
+```typescript { .api }
+// Track session transitions
+let currentSessionId = posthog.get_session_id();
+
+posthog.onSessionId((newSessionId, windowId) => {
+    console.log('Session changed:', {
+        old: currentSessionId,
+        new: newSessionId
+    });
+    
+    // Track transition
+    posthog.capture('session_transitioned', {
+        previous_session: currentSessionId,
+        new_session: newSessionId,
+        window_id: windowId
+    });
+    
+    currentSessionId = newSessionId;
+});
+```
+
+## User Identity Edge Cases
+
+### Anonymous to Identified Transition
+
+```typescript { .api }
+// Properly link anonymous and identified users
+async function handleSignup(userData: SignupData) {
+    const anonymousId = posthog.get_distinct_id();
+    
+    // Create user account
+    const user = await createAccount(userData);
+    
+    // Link anonymous activity to new user
+    posthog.alias(user.id);
+    
+    // Identify with properties
+    posthog.identify(user.id, {
+        email: user.email,
+        name: user.name
+    }, {
+        signup_date: new Date().toISOString(),
+        initial_referrer: document.referrer
+    });
+    
+    // Track the conversion
+    posthog.capture('user_signed_up', {
+        previous_id: anonymousId,
+        new_id: user.id
+    });
+}
+```
+
+### Multiple Device Tracking
+
+```typescript { .api }
+// Handle same user across devices
+function identifyAcrossDevices(userId: string, deviceId: string) {
+    posthog.identify(userId, {
+        email: user.email
+    });
+    
+    // Track device
+    posthog.capture('device_identified', {
+        device_id: deviceId,
+        device_type: getDeviceType(),
+        first_seen: isNewDevice(deviceId)
+    });
+    
+    // Set device as super property
+    posthog.register({
+        device_id: deviceId
+    });
+}
+```
+
+## Configuration Conflicts
+
+### Resolving Conflicting Settings
+
+```typescript { .api }
+// ❌ Bad: Conflicting configuration
+posthog.init('token', {
+    disable_persistence: true,
+    persistence: 'localStorage'  // Ignored!
+});
+
+// ✅ Good: Consistent configuration
+posthog.init('token', {
+    disable_persistence: false,
+    persistence: 'localStorage'
+});
+
+// ✅ Good: Validate configuration
+function validateAndInit(config: Partial<PostHogConfig>) {
+    if (config.disable_persistence && config.persistence !== 'memory') {
+        console.warn('Conflict: disable_persistence overrides persistence setting');
+        config.persistence = 'memory';
+    }
+    
+    posthog.init('token', config);
+}
+```
+
+## High-Traffic Scenarios
+
+### Event Flooding Prevention
+
+```typescript { .api }
+// Prevent event flooding
+class EventThrottler {
+    private lastCapture = new Map<string, number>();
+    private throttleMs = 1000;
+    
+    capture(event: string, properties: Properties = {}) {
+        const now = Date.now();
+        const last = this.lastCapture.get(event);
+        
+        if (last && (now - last) < this.throttleMs) {
+            console.log('Throttling event:', event);
+            return;
+        }
+        
+        this.lastCapture.set(event, now);
+        posthog.capture(event, properties);
+    }
+}
+
+const throttler = new EventThrottler();
+
+// Use for high-frequency events
+window.addEventListener('scroll', () => {
+    throttler.capture('scrolled', {
+        position: window.scrollY
+    });
+});
+```
+
+## Memory Management
+
+### Long-Running Sessions
+
+```typescript { .api }
+// Manage memory in long-running sessions
+class SessionManager {
+    private sessionStartTime = Date.now();
+    private readonly MAX_SESSION_TIME = 4 * 60 * 60 * 1000;  // 4 hours
+    
+    initialize() {
+        setInterval(() => {
+            this.checkSessionAge();
+        }, 60000);  // Check every minute
+    }
+    
+    checkSessionAge() {
+        const age = Date.now() - this.sessionStartTime;
+        
+        if (age > this.MAX_SESSION_TIME) {
+            console.log('Session too old, resetting');
+            
+            // Capture session end
+            posthog.capture('long_session_reset', {
+                session_duration_ms: age
+            });
+            
+            // Reset PostHog state
+            posthog.reset();
+            
+            // Restart
+            this.sessionStartTime = Date.now();
+        }
+    }
+}
+```
+
+## Browser Compatibility
+
+### Polyfill Requirements
+
+```typescript { .api }
+// Check for required features
+function checkBrowserSupport(): boolean {
+    const required = {
+        localStorage: typeof window.localStorage !== 'undefined',
+        fetch: typeof window.fetch !== 'undefined',
+        Promise: typeof Promise !== 'undefined',
+        JSON: typeof JSON !== 'undefined'
+    };
+    
+    const unsupported = Object.entries(required)
+        .filter(([key, supported]) => !supported)
+        .map(([key]) => key);
+    
+    if (unsupported.length > 0) {
+        console.error('Unsupported features:', unsupported);
+        return false;
+    }
+    
+    return true;
+}
+
+// Initialize only if supported
+if (checkBrowserSupport()) {
+    posthog.init('token');
+} else {
+    console.warn('Browser not supported, PostHog disabled');
+}
+```
+
+## Performance Edge Cases
+
+### Low-End Device Detection
+
+```typescript { .api }
+// Adapt to device capabilities
+function getOptimalConfig(): Partial<PostHogConfig> {
+    const isLowEnd = (
+        navigator.deviceMemory && navigator.deviceMemory < 4 ||
+        navigator.hardwareConcurrency && navigator.hardwareConcurrency < 4
+    );
+    
+    if (isLowEnd) {
+        return {
+            session_recording: {
+                enabled: false  // Disable expensive features
+            },
+            capture_heatmaps: false,
+            autocapture: {
+                capture_clicks: true,
+                rageclicks: false,
+                dead_clicks: false
+            }
+        };
+    }
+    
+    return {
+        session_recording: {
+            enabled: true,
+            recordCanvas: true
+        },
+        capture_heatmaps: true
+    };
+}
+
+posthog.init('token', getOptimalConfig());
+```
+
+## Testing Edge Cases
+
+### Mock PostHog in Tests
+
+```typescript { .api }
+// Complete PostHog mock
+const createPostHogMock = () => ({
+    init: jest.fn(),
+    capture: jest.fn(),
+    identify: jest.fn(),
+    alias: jest.fn(),
+    reset: jest.fn(),
+    isFeatureEnabled: jest.fn(() => false),
+    getFeatureFlag: jest.fn(() => undefined),
+    onFeatureFlags: jest.fn((cb) => {
+        cb({}, {});
+        return () => {};
+    }),
+    startSessionRecording: jest.fn(),
+    stopSessionRecording: jest.fn(),
+    get_distinct_id: jest.fn(() => 'test-user'),
+    get_session_id: jest.fn(() => 'test-session'),
+    featureFlags: {
+        hasLoadedFlags: true,
+        getFlags: jest.fn(() => [])
+    }
+});
+
+// Use in tests
+beforeEach(() => {
+    (window as any).posthog = createPostHogMock();
+});
+```
+
+## Security Edge Cases
+
+### XSS Prevention
+
+```typescript { .api }
+// Sanitize user input before tracking
+function sanitizeProperties(properties: Properties): Properties {
+    const sanitized: Properties = {};
+    
+    for (const [key, value] of Object.entries(properties)) {
+        if (typeof value === 'string') {
+            // Remove potential XSS
+            sanitized[key] = value
+                .replace(/<script[^>]*>.*?<\/script>/gi, '')
+                .replace(/<[^>]+>/g, '')
+                .substring(0, 1000);  // Limit length
+        } else {
+            sanitized[key] = value;
+        }
+    }
+    
+    return sanitized;
+}
+
+// Use when tracking user-generated content
+posthog.capture('comment_posted', sanitizeProperties({
+    comment_text: userInput,
+    user_id: userId
+}));
+```
+
+## Migration Edge Cases
+
+### Gradual Migration
+
+```typescript { .api }
+// Run PostHog alongside existing analytics
+function dualTrack(event: string, properties: Properties) {
+    // Track to both systems during migration
+    posthog.capture(event, properties);
+    legacyAnalytics.track(event, properties);
+}
+
+// Gradually phase out old system
+const migrationPercent = 50;  // 50% on PostHog
+
+function smartTrack(event: string, properties: Properties) {
+    if (Math.random() * 100 < migrationPercent) {
+        posthog.capture(event, properties);
+    } else {
+        legacyAnalytics.track(event, properties);
+    }
+}
+```
+
+## See Also
+
+- **[Quick Start](../guides/quick-start.md)** - Basic setup
+- **[Best Practices](../guides/best-practices.md)** - Production patterns
+- **[Real-World Scenarios](./real-world-scenarios.md)** - Common use cases
+- **[API Reference](../reference/initialization.md)** - Detailed documentation
diff --git a/.tessl/tiles/tessl/npm-posthog-js/docs/examples/real-world-scenarios.md b/.tessl/tiles/tessl/npm-posthog-js/docs/examples/real-world-scenarios.md
new file mode 100644
index 000000000..712164e4c
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-posthog-js/docs/examples/real-world-scenarios.md
@@ -0,0 +1,458 @@
+# PostHog.js Real-World Scenarios
+
+Practical examples and patterns for common use cases.
+
+## E-Commerce Application
+
+### Complete Setup
+
+```typescript { .api }
+import posthog from 'posthog-js';
+
+// Initialize with e-commerce optimizations
+posthog.init('your-api-key', {
+    api_host: 'https://us.i.posthog.com',
+    autocapture: true,
+    capture_pageview: 'history_change',
+    session_recording: {
+        enabled: true,
+        maskAllInputs: true,
+        blockSelector: '.payment-info, .credit-card'
+    }
+});
+
+// Track product views
+function trackProductView(product: Product) {
+    posthog.capture('product_viewed', {
+        product_id: product.id,
+        product_name: product.name,
+        product_price: product.price,
+        product_category: product.category
+    });
+}
+
+// Track add to cart
+function trackAddToCart(product: Product, quantity: number) {
+    posthog.capture('product_added_to_cart', {
+        product_id: product.id,
+        quantity: quantity,
+        price: product.price,
+        cart_total: getCartTotal()
+    });
+}
+
+// Track purchase
+function trackPurchase(order: Order) {
+    posthog.capture('purchase_completed', {
+        order_id: order.id,
+        total: order.total,
+        currency: order.currency,
+        items: order.items.map(item => ({
+            product_id: item.productId,
+            quantity: item.quantity,
+            price: item.price
+        })),
+        payment_method: order.paymentMethod
+    }, {
+        send_instantly: true  // Critical event
+    });
+}
+```
+
+## SaaS Application
+
+### User Onboarding Flow
+
+```typescript { .api }
+// Track onboarding steps
+class OnboardingTracker {
+    trackStep(stepName: string, stepNumber: number, totalSteps: number) {
+        posthog.capture('onboarding_step_completed', {
+            step_name: stepName,
+            step_number: stepNumber,
+            total_steps: totalSteps,
+            completion_percentage: (stepNumber / totalSteps) * 100
+        });
+    }
+    
+    trackCompletion(timeSpent: number) {
+        posthog.capture('onboarding_completed', {
+            time_spent_seconds: timeSpent,
+            completion_date: new Date().toISOString()
+        });
+        
+        // Set user property
+        posthog.setPersonProperties({
+            onboarding_completed: true,
+            onboarding_completed_at: new Date().toISOString()
+        });
+    }
+}
+
+// Usage
+const tracker = new OnboardingTracker();
+
+function completeStep(step: number) {
+    tracker.trackStep(`step_${step}`, step, 5);
+    
+    if (step === 5) {
+        tracker.trackCompletion(calculateTimeSpent());
+    }
+}
+```
+
+### Feature Adoption Tracking
+
+```typescript { .api }
+// Track feature usage
+function trackFeatureUsage(featureName: string, action: string) {
+    posthog.capture('feature_used', {
+        feature_name: featureName,
+        action: action,
+        user_plan: posthog.get_property('plan'),
+        days_since_signup: calculateDaysSinceSignup()
+    });
+    
+    // Update feature usage count
+    posthog.setPersonProperties({
+        [`${featureName}_usage_count`]: 1  // Increments
+    });
+}
+
+// Track feature discovery
+function trackFeatureDiscovery(featureName: string, discoveryMethod: string) {
+    posthog.capture('feature_discovered', {
+        feature_name: featureName,
+        discovery_method: discoveryMethod,  // 'tooltip', 'menu', 'search', etc.
+        time_to_discovery: calculateTimeToDiscovery()
+    });
+}
+```
+
+### Multi-Tenant Organization Tracking
+
+```typescript { .api }
+// Track organization-level analytics
+function setupOrganizationTracking(user: User, org: Organization) {
+    // Identify user
+    posthog.identify(user.id, {
+        email: user.email,
+        name: user.name,
+        role: user.role
+    });
+    
+    // Associate with organization
+    posthog.group('organization', org.id, {
+        name: org.name,
+        plan: org.plan,
+        created_at: org.createdAt,
+        user_count: org.userCount,
+        mrr: org.mrr
+    });
+    
+    // Reload flags for org-specific features
+    posthog.reloadFeatureFlags();
+}
+
+// Track organization events
+function trackOrgEvent(event: string, properties: Properties = {}) {
+    const groups = posthog.getGroups();
+    
+    posthog.capture(event, {
+        ...properties,
+        organization_id: groups.organization
+    });
+}
+```
+
+## Content Platform
+
+### Article Engagement
+
+```typescript { .api }
+// Track reading behavior
+class ArticleTracker {
+    private startTime: number = Date.now();
+    private maxScroll: number = 0;
+    
+    trackArticleView(article: Article) {
+        posthog.capture('article_viewed', {
+            article_id: article.id,
+            article_title: article.title,
+            article_category: article.category,
+            article_author: article.author,
+            word_count: article.wordCount
+        });
+        
+        this.setupScrollTracking();
+        this.setupTimeTracking();
+    }
+    
+    setupScrollTracking() {
+        window.addEventListener('scroll', () => {
+            const scrollPercent = (window.scrollY / 
+                (document.body.scrollHeight - window.innerHeight)) * 100;
+            
+            if (scrollPercent > this.maxScroll) {
+                this.maxScroll = scrollPercent;
+            }
+        });
+    }
+    
+    setupTimeTracking() {
+        window.addEventListener('beforeunload', () => {
+            const timeSpent = Date.now() - this.startTime;
+            
+            posthog.capture('article_engagement', {
+                time_spent_seconds: Math.floor(timeSpent / 1000),
+                scroll_depth_percent: Math.floor(this.maxScroll),
+                completed: this.maxScroll > 90
+            });
+        });
+    }
+}
+```
+
+## Mobile-Responsive Web App
+
+### Device-Specific Tracking
+
+```typescript { .api }
+// Track device capabilities and usage
+function setupDeviceTracking() {
+    const deviceInfo = {
+        device_type: getDeviceType(),
+        screen_size: `${window.screen.width}x${window.screen.height}`,
+        viewport_size: `${window.innerWidth}x${window.innerHeight}`,
+        pixel_ratio: window.devicePixelRatio,
+        touch_support: 'ontouchstart' in window,
+        orientation: window.screen.orientation?.type
+    };
+    
+    posthog.register(deviceInfo);
+    
+    // Track orientation changes
+    window.addEventListener('orientationchange', () => {
+        posthog.capture('orientation_changed', {
+            new_orientation: window.screen.orientation?.type
+        });
+    });
+}
+
+function getDeviceType(): string {
+    const width = window.innerWidth;
+    if (width < 768) return 'mobile';
+    if (width < 1024) return 'tablet';
+    return 'desktop';
+}
+```
+
+## Progressive Web App (PWA)
+
+### Installation and Engagement
+
+```typescript { .api }
+// Track PWA installation
+window.addEventListener('beforeinstallprompt', (e) => {
+    posthog.capture('pwa_install_prompt_shown');
+    
+    e.preventDefault();
+    
+    // Show custom install button
+    showInstallButton(() => {
+        e.prompt();
+        
+        e.userChoice.then((choice) => {
+            posthog.capture('pwa_install_prompt_result', {
+                outcome: choice.outcome  // 'accepted' or 'dismissed'
+            });
+        });
+    });
+});
+
+// Track successful installation
+window.addEventListener('appinstalled', () => {
+    posthog.capture('pwa_installed', {
+        install_date: new Date().toISOString()
+    });
+    
+    posthog.setPersonProperties({
+        pwa_installed: true
+    });
+});
+
+// Track standalone mode usage
+if (window.matchMedia('(display-mode: standalone)').matches) {
+    posthog.register({
+        app_mode: 'standalone'
+    });
+}
+```
+
+## AI/LLM Application
+
+### Complete LLM Tracking
+
+```typescript { .api }
+// Track AI interactions
+class AIInteractionTracker {
+    async trackGeneration(prompt: string, model: string) {
+        const traceId = `trace_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+        const startTime = Date.now();
+        
+        // Track start
+        posthog.capture('ai_generation_started', {
+            trace_id: traceId,
+            model: model,
+            prompt_length: prompt.length
+        });
+        
+        try {
+            // Generate response
+            const response = await generateAIResponse(prompt, model);
+            const duration = Date.now() - startTime;
+            
+            // Track metrics
+            posthog.captureTraceMetric(traceId, 'duration_ms', duration);
+            posthog.captureTraceMetric(traceId, 'prompt_tokens', response.usage.promptTokens);
+            posthog.captureTraceMetric(traceId, 'completion_tokens', response.usage.completionTokens);
+            posthog.captureTraceMetric(traceId, 'total_cost_usd', response.cost);
+            
+            // Track completion
+            posthog.capture('ai_generation_completed', {
+                trace_id: traceId,
+                success: true
+            });
+            
+            return { traceId, response };
+        } catch (error) {
+            posthog.captureException(error, {
+                trace_id: traceId,
+                model: model
+            });
+            throw error;
+        }
+    }
+    
+    trackFeedback(traceId: string, helpful: boolean, comment?: string) {
+        const feedback = JSON.stringify({
+            helpful: helpful,
+            comment: comment,
+            timestamp: new Date().toISOString()
+        });
+        
+        posthog.captureTraceFeedback(traceId, feedback);
+    }
+}
+```
+
+## A/B Testing Implementation
+
+### Complete Experiment Setup
+
+```typescript { .api }
+// Run A/B test with tracking
+function setupExperiment(experimentKey: string) {
+    posthog.onFeatureFlags((flags) => {
+        const variant = flags[experimentKey];
+        
+        if (variant) {
+            // Track exposure
+            posthog.capture('experiment_viewed', {
+                experiment: experimentKey,
+                variant: variant,
+                session_id: posthog.get_session_id()
+            });
+            
+            // Apply variant
+            applyVariant(variant);
+            
+            // Track interactions
+            trackVariantInteractions(experimentKey, variant);
+        }
+    });
+}
+
+function trackVariantInteractions(experiment: string, variant: string) {
+    // Track conversions
+    document.querySelectorAll('.conversion-button').forEach(button => {
+        button.addEventListener('click', () => {
+            posthog.capture('experiment_conversion', {
+                experiment: experiment,
+                variant: variant,
+                conversion_type: 'button_click'
+            });
+        });
+    });
+}
+```
+
+## Privacy-Compliant Setup
+
+### GDPR Implementation
+
+```typescript { .api }
+// Initialize with GDPR compliance
+posthog.init('your-api-key', {
+    opt_out_capturing_by_default: true,
+    opt_out_persistence_by_default: true,
+    respect_dnt: true,
+    session_recording: {
+        maskAllInputs: true,
+        blockSelector: '.sensitive-data'
+    }
+});
+
+// Show consent banner
+function showConsentBanner() {
+    const banner = createBanner({
+        onAccept: () => {
+            posthog.opt_in_capturing({
+                captureEventName: 'gdpr_consent_granted'
+            });
+            posthog.startSessionRecording();
+        },
+        onReject: () => {
+            posthog.opt_out_capturing();
+        }
+    });
+}
+
+// Check consent on load
+if (posthog.get_explicit_consent_status() === 'pending') {
+    showConsentBanner();
+}
+```
+
+## Error Monitoring Setup
+
+### Comprehensive Error Tracking
+
+```typescript { .api }
+// Set up global error tracking
+function setupErrorTracking() {
+    // Enable autocapture
+    posthog.startExceptionAutocapture({
+        capture_unhandled_errors: true,
+        capture_unhandled_rejections: true
+    });
+    
+    // Link errors to session replays
+    window.addEventListener('error', (event) => {
+        posthog.captureException(event.error, {
+            session_replay_url: posthog.get_session_replay_url({
+                withTimestamp: true,
+                timestampLookBack: 30
+            }),
+            page_url: window.location.href
+        });
+    });
+}
+```
+
+## Next Steps
+
+For more detailed implementations, see:
+- **[Best Practices Guide](../guides/best-practices.md)** - Production patterns
+- **[Edge Cases](./edge-cases.md)** - Advanced scenarios
+- **[API Reference](../reference/initialization.md)** - Complete API documentation
diff --git a/.tessl/tiles/tessl/npm-posthog-js/docs/guides/best-practices.md b/.tessl/tiles/tessl/npm-posthog-js/docs/guides/best-practices.md
new file mode 100644
index 000000000..d6612997a
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-posthog-js/docs/guides/best-practices.md
@@ -0,0 +1,785 @@
+# PostHog.js Best Practices
+
+Comprehensive best practices for using PostHog.js in production applications, covering initialization, event tracking, feature flags, session recording, privacy, and performance optimization.
+
+## Initialization Best Practices
+
+### Environment-Specific Configuration
+
+```typescript { .api }
+// Create environment-aware configuration
+const getConfig = (): Partial<PostHogConfig> => {
+    const baseConfig: Partial<PostHogConfig> = {
+        api_host: process.env.POSTHOG_API_HOST || 'https://us.i.posthog.com',
+        autocapture: true,
+        capture_pageview: 'history_change',
+        person_profiles: 'identified_only'
+    };
+    
+    if (process.env.NODE_ENV === 'production') {
+        return {
+            ...baseConfig,
+            debug: false,
+            session_recording: {
+                enabled: true,
+                maskAllInputs: true,
+                consoleLogRecordingEnabled: false
+            },
+            advanced_disable_toolbar_metrics: true
+        };
+    }
+    
+    return {
+        ...baseConfig,
+        debug: true,
+        session_recording: {
+            enabled: true,
+            consoleLogRecordingEnabled: true
+        }
+    };
+};
+
+posthog.init(process.env.POSTHOG_API_KEY!, getConfig());
+```
+
+### Error-Resilient Initialization
+
+```typescript { .api }
+// Handle initialization failures gracefully
+function initPostHogSafely() {
+    try {
+        posthog.init(process.env.POSTHOG_API_KEY!, {
+            loaded: (posthog) => {
+                console.log('PostHog initialized successfully');
+            },
+            on_request_error: (response) => {
+                // Log but don't crash
+                console.error('PostHog error:', response.statusCode);
+            }
+        });
+    } catch (error) {
+        console.error('PostHog initialization failed:', error);
+        // Application continues without analytics
+    }
+}
+```
+
+## Event Tracking Best Practices
+
+### Consistent Event Naming
+
+```typescript { .api }
+// Use a consistent naming convention
+const EventNames = {
+    // User actions (verb_noun)
+    BUTTON_CLICKED: 'button_clicked',
+    FORM_SUBMITTED: 'form_submitted',
+    SEARCH_PERFORMED: 'search_performed',
+    
+    // Page views
+    PAGE_VIEWED: 'page_viewed',
+    
+    // Business events
+    PURCHASE_COMPLETED: 'purchase_completed',
+    SUBSCRIPTION_STARTED: 'subscription_started'
+} as const;
+
+// Type-safe event tracking
+posthog.capture(EventNames.BUTTON_CLICKED, {
+    button_id: 'signup',
+    button_location: 'header'
+});
+```
+
+### Rich Event Context
+
+```typescript { .api }
+// Include comprehensive context
+function trackUserAction(action: string, context: Record<string, any> = {}) {
+    posthog.capture(action, {
+        ...context,
+        // Automatic context
+        page_path: window.location.pathname,
+        page_url: window.location.href,
+        referrer: document.referrer,
+        viewport_height: window.innerHeight,
+        viewport_width: window.innerWidth,
+        timestamp: new Date().toISOString()
+    });
+}
+```
+
+### Avoid Over-Tracking
+
+```typescript { .api }
+// ❌ Bad: Track every mouse move
+document.addEventListener('mousemove', (e) => {
+    posthog.capture('mouse_moved', { x: e.clientX, y: e.clientY });
+});
+
+// ✅ Good: Track meaningful interactions
+document.querySelectorAll('.cta-button').forEach(button => {
+    button.addEventListener('click', () => {
+        posthog.capture('cta_clicked', {
+            button_text: button.textContent,
+            button_location: button.dataset.location
+        });
+    });
+});
+```
+
+## Feature Flag Best Practices
+
+### Defensive Flag Checking
+
+```typescript { .api }
+// Always provide defaults
+function getFeature(flagKey: string, defaultValue: boolean = false): boolean {
+    const value = posthog.isFeatureEnabled(flagKey);
+    return value !== undefined ? value : defaultValue;
+}
+
+// Wait for flags before critical decisions
+async function initializeCriticalFeature() {
+    // Wait for flags to load
+    if (!posthog.featureFlags.hasLoadedFlags) {
+        await new Promise(resolve => {
+            posthog.onFeatureFlags(() => resolve(undefined))();
+        });
+    }
+    
+    if (getFeature('critical-feature', false)) {
+        await loadCriticalFeature();
+    }
+}
+```
+
+### Flag-Driven Configuration
+
+```typescript { .api }
+// Use flags for dynamic configuration
+interface AppConfig {
+    maxRetries: number;
+    timeout: number;
+    endpoint: string;
+}
+
+function getAppConfig(): AppConfig {
+    const flagPayload = posthog.getFeatureFlagPayload('app-config') as Partial<AppConfig>;
+    
+    const defaults: AppConfig = {
+        maxRetries: 3,
+        timeout: 5000,
+        endpoint: '/api/v1'
+    };
+    
+    return {
+        ...defaults,
+        ...flagPayload
+    };
+}
+```
+
+### Experiment Tracking
+
+```typescript { .api }
+// Track experiment exposure
+function trackExperimentExposure(experimentKey: string) {
+    const variant = posthog.getFeatureFlag(experimentKey);
+    
+    if (variant) {
+        posthog.capture('experiment_exposure', {
+            experiment_key: experimentKey,
+            variant: variant,
+            session_id: posthog.get_session_id(),
+            exposure_time: Date.now()
+        });
+    }
+}
+```
+
+## Session Recording Best Practices
+
+### Privacy-First Recording
+
+```typescript { .api }
+// Configure with privacy in mind
+posthog.init('token', {
+    session_recording: {
+        enabled: true,
+        // Mask sensitive inputs
+        maskAllInputs: true,
+        // Block sensitive sections
+        blockSelector: '.sensitive-data, .payment-info, .ssn',
+        // Mask specific text
+        maskTextSelector: '.email, .phone, .address',
+        // Control network capture
+        networkPayloadCapture: {
+            recordHeaders: false,
+            recordBody: ['application/json']  // Only JSON
+        }
+    }
+});
+```
+
+### Conditional Recording
+
+```typescript { .api }
+// Only record important user flows
+const recordedPaths = ['/checkout', '/onboarding', '/dashboard'];
+
+router.on('route', (route) => {
+    const shouldRecord = recordedPaths.some(path => 
+        route.path.startsWith(path)
+    );
+    
+    if (shouldRecord && !posthog.sessionRecordingStarted()) {
+        posthog.startSessionRecording();
+    } else if (!shouldRecord && posthog.sessionRecordingStarted()) {
+        posthog.stopSessionRecording();
+    }
+});
+```
+
+### Link Recordings to Errors
+
+```typescript { .api }
+// Always link session replays to errors
+window.addEventListener('error', (event) => {
+    posthog.captureException(event.error, {
+        session_replay_url: posthog.get_session_replay_url({
+            withTimestamp: true,
+            timestampLookBack: 30
+        }),
+        session_id: posthog.get_session_id(),
+        page_url: window.location.href,
+        user_agent: navigator.userAgent
+    });
+});
+```
+
+## User Identification Best Practices
+
+### Progressive Identification
+
+```typescript { .api }
+// Identify progressively as you learn more
+class UserIdentification {
+    identifyAnonymous() {
+        // Let PostHog create anonymous ID
+        posthog.capture('app_opened');
+    }
+    
+    identifyBasic(userId: string, email: string) {
+        // Basic identification after signup
+        posthog.alias(userId);
+        posthog.identify(userId, {
+            email: email
+        }, {
+            signup_date: new Date().toISOString()
+        });
+    }
+    
+    enrichProfile(properties: Record<string, any>) {
+        // Add more properties as they become available
+        posthog.setPersonProperties(properties);
+    }
+    
+    resetOnLogout() {
+        // Always reset on logout
+        posthog.reset();
+    }
+}
+```
+
+### Handle Multiple Identity Sources
+
+```typescript { .api }
+// Handle OAuth and multiple login methods
+async function handleLogin(provider: 'google' | 'github' | 'email', credentials: any) {
+    const user = await authenticate(provider, credentials);
+    
+    // Create alias from anonymous to identified
+    posthog.alias(user.id);
+    
+    // Identify with provider info
+    posthog.identify(user.id, {
+        email: user.email,
+        name: user.name,
+        auth_provider: provider,
+        verified: user.verified
+    }, {
+        first_login_provider: provider,
+        first_login_date: new Date().toISOString()
+    });
+    
+    // Reload flags for personalized experience
+    posthog.reloadFeatureFlags();
+}
+```
+
+## Privacy & Compliance Best Practices
+
+### GDPR-Compliant Implementation
+
+```typescript { .api }
+// Implement opt-in by default for GDPR
+posthog.init('token', {
+    opt_out_capturing_by_default: true,
+    opt_out_persistence_by_default: true,
+    respect_dnt: true
+});
+
+// Show consent banner
+function showConsentBanner() {
+    // Display UI
+    const banner = createConsentBanner({
+        onAccept: () => {
+            posthog.opt_in_capturing({
+                captureEventName: 'gdpr_consent_granted',
+                captureProperties: {
+                    consent_version: '2.0',
+                    consent_date: new Date().toISOString()
+                }
+            });
+            
+            // Enable features after consent
+            posthog.startSessionRecording();
+        },
+        onReject: () => {
+            posthog.opt_out_capturing();
+        }
+    });
+}
+
+// Check consent on load
+if (posthog.get_explicit_consent_status() === 'pending') {
+    showConsentBanner();
+}
+```
+
+### Data Minimization
+
+```typescript { .api }
+// Only capture necessary data
+posthog.init('token', {
+    // Deny list for sensitive properties
+    property_denylist: [
+        'password',
+        'credit_card',
+        'ssn',
+        'api_key',
+        'access_token',
+        'secret'
+    ],
+    // Mask personal data
+    mask_personal_data_properties: true,
+    custom_personal_data_properties: [
+        'email',
+        'phone',
+        'address',
+        'ip_address'
+    ]
+});
+```
+
+## Performance Best Practices
+
+### Optimize Bundle Size
+
+```typescript { .api }
+// Lazy load PostHog for better initial page load
+async function loadPostHogAsync() {
+    const { default: posthog } = await import('posthog-js');
+    
+    posthog.init('token', {
+        loaded: (ph) => {
+            console.log('PostHog loaded asynchronously');
+        }
+    });
+    
+    return posthog;
+}
+
+// Load after critical content
+window.addEventListener('load', () => {
+    loadPostHogAsync();
+});
+```
+
+### Batch Configuration for High Traffic
+
+```typescript { .api }
+// Optimize for high-traffic pages
+posthog.init('token', {
+    request_batching: true,
+    batch_size: 100,          // Larger batches
+    batch_max_wait_ms: 10000, // Less frequent sends
+    disable_compression: false // Keep compression on
+});
+```
+
+### Selective Feature Loading
+
+```typescript { .api }
+// Only load features you need
+posthog.init('token', {
+    // Disable unused features
+    disable_surveys: true,
+    disable_product_tours: true,
+    disable_conversations: true,
+    
+    // Disable expensive features on low-end devices
+    session_recording: {
+        enabled: !isLowEndDevice(),
+        recordCanvas: false  // Canvas recording is expensive
+    }
+});
+
+function isLowEndDevice(): boolean {
+    return (
+        navigator.deviceMemory && navigator.deviceMemory < 4 ||
+        navigator.hardwareConcurrency && navigator.hardwareConcurrency < 4
+    );
+}
+```
+
+## Error Handling Best Practices
+
+### Comprehensive Error Tracking
+
+```typescript { .api }
+// Set up global error handlers
+class ErrorTracker {
+    initialize() {
+        // Uncaught errors
+        window.addEventListener('error', (event) => {
+            this.trackError(event.error, {
+                type: 'uncaught_error',
+                filename: event.filename,
+                lineno: event.lineno,
+                colno: event.colno
+            });
+        });
+        
+        // Unhandled promise rejections
+        window.addEventListener('unhandledrejection', (event) => {
+            this.trackError(event.reason, {
+                type: 'unhandled_rejection',
+                promise: String(event.promise)
+            });
+        });
+        
+        // Enable PostHog exception autocapture
+        posthog.startExceptionAutocapture({
+            capture_unhandled_errors: true,
+            capture_unhandled_rejections: true,
+            capture_console_errors: false  // We handle console separately
+        });
+    }
+    
+    trackError(error: Error, context: Record<string, any>) {
+        // Deduplicate errors
+        const fingerprint = this.getErrorFingerprint(error);
+        if (this.recentErrors.has(fingerprint)) {
+            return;
+        }
+        this.recentErrors.add(fingerprint);
+        
+        posthog.captureException(error, {
+            ...context,
+            session_replay_url: posthog.get_session_replay_url({
+                withTimestamp: true,
+                timestampLookBack: 30
+            }),
+            user_id: posthog.get_distinct_id(),
+            session_id: posthog.get_session_id()
+        });
+    }
+    
+    private recentErrors = new Set<string>();
+    
+    private getErrorFingerprint(error: Error): string {
+        return `${error.name}:${error.message}:${error.stack?.split('\n')[1]}`;
+    }
+}
+```
+
+## Testing Best Practices
+
+### Mock PostHog in Tests
+
+```typescript { .api }
+// Create PostHog mock for testing
+const mockPostHog = {
+    init: jest.fn(),
+    capture: jest.fn(),
+    identify: jest.fn(),
+    isFeatureEnabled: jest.fn(() => false),
+    getFeatureFlag: jest.fn(() => undefined),
+    onFeatureFlags: jest.fn((cb) => {
+        cb({}, {});
+        return () => {};
+    })
+};
+
+// Use in tests
+beforeEach(() => {
+    (window as any).posthog = mockPostHog;
+});
+
+afterEach(() => {
+    jest.clearAllMocks();
+});
+
+// Test with feature flags
+it('shows new feature when flag is enabled', () => {
+    mockPostHog.isFeatureEnabled.mockReturnValue(true);
+    
+    render(<Component />);
+    
+    expect(screen.getByText('New Feature')).toBeInTheDocument();
+});
+```
+
+### E2E Testing with PostHog
+
+```typescript { .api }
+// Disable PostHog in E2E tests or use test environment
+if (process.env.E2E_TEST) {
+    posthog.init('token', {
+        api_host: 'https://test.posthog.com',
+        // Or disable completely
+        opt_out_capturing_by_default: true
+    });
+}
+
+// Override flags for specific test scenarios
+if (process.env.TEST_VARIANT === 'control') {
+    posthog.featureFlags.overrideFeatureFlags({
+        'experiment': 'control'
+    });
+}
+```
+
+## Monitoring Best Practices
+
+### Health Checks
+
+```typescript { .api }
+// Monitor PostHog health
+class PostHogMonitor {
+    checkHealth() {
+        return {
+            initialized: !!posthog,
+            capturing: posthog.is_capturing(),
+            flagsLoaded: posthog.featureFlags.hasLoadedFlags,
+            sessionRecording: posthog.sessionRecordingStarted(),
+            config: {
+                apiHost: posthog.config.api_host,
+                persistence: posthog.config.persistence
+            }
+        };
+    }
+    
+    logHealthStatus() {
+        const health = this.checkHealth();
+        console.log('PostHog Health:', health);
+        
+        if (!health.capturing) {
+            console.warn('PostHog not capturing events');
+        }
+        
+        if (!health.flagsLoaded) {
+            console.warn('Feature flags not loaded');
+        }
+    }
+}
+
+// Check health on critical paths
+async function initializeApp() {
+    const monitor = new PostHogMonitor();
+    
+    // Wait for PostHog to be ready
+    await new Promise(resolve => setTimeout(resolve, 1000));
+    
+    monitor.logHealthStatus();
+    
+    // Continue with app initialization
+}
+```
+
+## TypeScript Best Practices
+
+### Type-Safe Events and Properties
+
+```typescript { .api }
+// Define event types
+interface EventMap {
+    'button_clicked': {
+        button_id: string;
+        button_text: string;
+        location: string;
+    };
+    'page_viewed': {
+        page_path: string;
+        page_title: string;
+    };
+    'purchase_completed': {
+        order_id: string;
+        total: number;
+        currency: string;
+        items: Array<{
+            id: string;
+            quantity: number;
+        }>;
+    };
+}
+
+// Type-safe capture function
+function captureEvent<K extends keyof EventMap>(
+    event: K,
+    properties: EventMap[K]
+): void {
+    posthog.capture(event, properties);
+}
+
+// Usage with type checking
+captureEvent('button_clicked', {
+    button_id: 'signup',
+    button_text: 'Sign Up',
+    location: 'header'
+});
+
+// ❌ Type error: missing required properties
+// captureEvent('button_clicked', { button_id: 'signup' });
+```
+
+### Type-Safe Feature Flags
+
+```typescript { .api }
+// Define flag types
+interface FeatureFlags {
+    'new-dashboard': boolean;
+    'button-color': 'blue' | 'green' | 'red';
+    'experiment-variant': 'control' | 'variant-a' | 'variant-b';
+}
+
+// Type-safe flag getter
+function getFeatureFlag<K extends keyof FeatureFlags>(
+    key: K
+): FeatureFlags[K] | undefined {
+    return posthog.getFeatureFlag(key) as FeatureFlags[K] | undefined;
+}
+
+// Usage with type inference
+const buttonColor = getFeatureFlag('button-color');  // 'blue' | 'green' | 'red' | undefined
+const isDashboardNew = getFeatureFlag('new-dashboard');  // boolean | undefined
+```
+
+## Production Deployment Checklist
+
+- [ ] Environment-specific configuration for dev/staging/prod
+- [ ] GDPR-compliant consent mechanism implemented
+- [ ] Session recording privacy settings configured (mask inputs, block selectors)
+- [ ] Error tracking with session replay links
+- [ ] Feature flags loaded before critical decisions
+- [ ] TypeScript types defined for events and flags
+- [ ] Performance optimizations applied (batching, selective features)
+- [ ] Monitoring and health checks in place
+- [ ] Testing strategy for analytics (mocks, E2E)
+- [ ] Privacy policy updated to reflect PostHog usage
+- [ ] Data retention policies configured in PostHog dashboard
+- [ ] Debug mode disabled in production
+- [ ] CSP headers allow PostHog domains
+- [ ] CORS configured for api_host
+- [ ] Ad blocker detection and fallbacks implemented
+
+## Common Anti-Patterns to Avoid
+
+### Don't Block Initialization
+
+```typescript { .api }
+// ❌ Bad: Wait for PostHog before rendering
+async function initApp() {
+    await initializePostHog();  // Don't block on this
+    render(<App />);
+}
+
+// ✅ Good: Initialize in parallel
+function initApp() {
+    initializePostHog();  // Fire and forget
+    render(<App />);
+}
+```
+
+### Don't Check Flags Synchronously on Load
+
+```typescript { .api }
+// ❌ Bad: Check flag immediately
+function Component() {
+    const showNew = posthog.isFeatureEnabled('new-ui');  // May be undefined!
+    return showNew ? <NewUI /> : <OldUI />;
+}
+
+// ✅ Good: Handle loading state
+function Component() {
+    const [showNew, setShowNew] = useState<boolean | null>(null);
+    
+    useEffect(() => {
+        posthog.onFeatureFlags((flags) => {
+            setShowNew(flags['new-ui'] || false);
+        });
+    }, []);
+    
+    if (showNew === null) return <Loading />;
+    return showNew ? <NewUI /> : <OldUI />;
+}
+```
+
+### Don't Identify Without Aliasing
+
+```typescript { .api }
+// ❌ Bad: Identify without alias (loses anonymous events)
+function onSignup(userId: string) {
+    posthog.identify(userId);
+}
+
+// ✅ Good: Alias first to link anonymous events
+function onSignup(userId: string) {
+    posthog.alias(userId);  // Link anonymous ID to user ID
+    posthog.identify(userId, {
+        signup_date: new Date().toISOString()
+    });
+}
+```
+
+### Don't Ignore Errors
+
+```typescript { .api }
+// ❌ Bad: Silently fail
+try {
+    posthog.capture('event');
+} catch (error) {
+    // Ignore
+}
+
+// ✅ Good: Log and monitor
+try {
+    posthog.capture('event');
+} catch (error) {
+    console.error('Analytics error:', error);
+    // Track to error monitoring service
+    errorMonitor.captureException(error);
+}
+```
+
+## Additional Resources
+
+- [Initialization](../reference/initialization.md) - Complete configuration reference
+- [Events](../reference/events.md) - Event tracking guide
+- [Feature Flags](../reference/feature-flags.md) - Feature flag implementation
+- [Session Recording](../reference/session-recording.md) - Recording setup and privacy
+- [Privacy & Consent](../reference/privacy.md) - GDPR and privacy compliance
+- [Error Tracking](../reference/error-tracking.md) - Exception handling
+- [Advanced Features](../reference/advanced.md) - LLM analytics, groups, and more
diff --git a/.tessl/tiles/tessl/npm-posthog-js/docs/guides/quick-start.md b/.tessl/tiles/tessl/npm-posthog-js/docs/guides/quick-start.md
new file mode 100644
index 000000000..5a1d4dc41
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-posthog-js/docs/guides/quick-start.md
@@ -0,0 +1,183 @@
+# PostHog.js Quick Start Guide
+
+Get started with PostHog.js in minutes.
+
+## Installation
+
+```bash
+npm install posthog-js
+```
+
+## Basic Setup
+
+### 1. Initialize PostHog
+
+```typescript { .api }
+import posthog from 'posthog-js';
+
+posthog.init('<your-project-api-key>', {
+    api_host: 'https://us.i.posthog.com',
+    loaded: (posthog) => {
+        console.log('PostHog loaded!');
+    }
+});
+```
+
+### 2. Track Events
+
+```typescript { .api }
+// Capture custom events
+posthog.capture('button_clicked', {
+    button_id: 'signup',
+    location: 'header'
+});
+```
+
+### 3. Identify Users
+
+```typescript { .api }
+// After user logs in
+posthog.identify('user-123', {
+    email: 'user@example.com',
+    name: 'John Doe',
+    plan: 'pro'
+});
+```
+
+### 4. Use Feature Flags
+
+```typescript { .api }
+// Check if feature is enabled
+if (posthog.isFeatureEnabled('new-dashboard')) {
+    showNewDashboard();
+} else {
+    showOldDashboard();
+}
+```
+
+### 5. Start Session Recording
+
+```typescript { .api }
+// Enable session recording
+posthog.startSessionRecording();
+```
+
+## Common Patterns
+
+### React Integration
+
+```typescript
+import { useEffect } from 'react';
+import posthog from 'posthog-js';
+
+function App() {
+    useEffect(() => {
+        posthog.init('your-api-key', {
+            api_host: 'https://us.i.posthog.com',
+            capture_pageview: 'history_change'
+        });
+    }, []);
+    
+    return <YourApp />;
+}
+```
+
+### User Lifecycle
+
+```typescript { .api }
+// On signup
+function handleSignup(userId: string, email: string) {
+    posthog.alias(userId);  // Link anonymous events
+    posthog.identify(userId, { email });
+}
+
+// On logout
+function handleLogout() {
+    posthog.reset();  // Clear user state
+}
+```
+
+### Feature Flag with Callback
+
+```typescript { .api }
+// Wait for flags to load
+posthog.onFeatureFlags((flags) => {
+    if (flags['new-feature']) {
+        enableNewFeature();
+    }
+});
+```
+
+## Configuration Options
+
+### Essential Settings
+
+```typescript { .api }
+posthog.init('your-api-key', {
+    // API endpoint
+    api_host: 'https://us.i.posthog.com',  // or 'https://eu.i.posthog.com'
+    
+    // Event capture
+    autocapture: true,
+    capture_pageview: 'history_change',
+    
+    // Privacy
+    opt_out_capturing_by_default: false,
+    
+    // Session recording
+    session_recording: {
+        enabled: true,
+        maskAllInputs: true
+    },
+    
+    // Person profiles
+    person_profiles: 'identified_only'
+});
+```
+
+## Next Steps
+
+### Learn More
+- **[Best Practices](./best-practices.md)** - Production deployment guide
+- **[Reference Documentation](../reference/initialization.md)** - Complete API reference
+- **[Examples](../examples/real-world-scenarios.md)** - Real-world usage patterns
+
+### Common Tasks
+- **Privacy Compliance** → [Reference: Privacy & Consent](../reference/privacy.md)
+- **A/B Testing** → [Reference: Feature Flags](../reference/feature-flags.md)
+- **Error Tracking** → [Reference: Error Tracking](../reference/error-tracking.md)
+- **Session Replay** → [Reference: Session Recording](../reference/session-recording.md)
+
+## Troubleshooting
+
+### Events Not Appearing?
+
+```typescript { .api }
+// Enable debug mode
+posthog.debug(true);
+
+// Check status
+console.log('Is capturing:', posthog.is_capturing());
+console.log('Config:', posthog.config);
+```
+
+### Feature Flags Not Working?
+
+```typescript { .api }
+// Check if flags loaded
+console.log('Flags loaded:', posthog.featureFlags.hasLoadedFlags);
+
+// Force reload
+posthog.reloadFeatureFlags();
+```
+
+### Need Help?
+- Check [troubleshooting sections](../reference/error-tracking.md) in reference docs
+- Review [common issues](./best-practices.md#common-anti-patterns-to-avoid)
+- Enable debug mode: `posthog.debug(true)`
+
+## Additional Resources
+
+- **PostHog Docs:** https://posthog.com/docs
+- **GitHub:** https://github.com/PostHog/posthog-js
+- **NPM:** https://www.npmjs.com/package/posthog-js
diff --git a/.tessl/tiles/tessl/npm-posthog-js/docs/index.md b/.tessl/tiles/tessl/npm-posthog-js/docs/index.md
new file mode 100644
index 000000000..71193c063
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-posthog-js/docs/index.md
@@ -0,0 +1,383 @@
+# PostHog Browser JS Library
+
+PostHog.js is a comprehensive browser analytics and feature management SDK for web applications.
+
+## Package Information
+
+- **Package:** posthog-js
+- **Type:** npm
+- **Language:** TypeScript
+- **Installation:** `npm install posthog-js`
+
+## Core Imports
+
+```typescript { .api }
+import posthog from 'posthog-js';
+// Or with named imports
+import { posthog, PostHog } from 'posthog-js';
+```
+
+CommonJS:
+
+```javascript
+const posthog = require('posthog-js').default;
+```
+
+## Quick Start
+
+```typescript
+import posthog from 'posthog-js';
+
+// Initialize
+posthog.init('<your-project-api-key>', {
+    api_host: 'https://us.i.posthog.com'
+});
+
+// Track events
+posthog.capture('button_clicked', { button_id: 'signup' });
+
+// Identify users
+posthog.identify('user-123', { email: 'user@example.com' });
+
+// Check feature flags
+if (posthog.isFeatureEnabled('new-dashboard')) {
+    // Show new dashboard
+}
+
+// Start session recording
+posthog.startSessionRecording();
+```
+
+## Core Capabilities
+
+### Event Capture
+Track user actions and behaviors with custom events and properties.
+
+```typescript { .api }
+function capture(event: EventName, properties?: Properties, options?: CaptureOptions): CaptureResult | void;
+function register(properties: Properties, days?: number): void;
+function register_once(properties: Properties, default_value?: Property, days?: number): void;
+```
+
+**→ [Reference: Event Capture](./reference/events.md)**
+
+### User Identification
+Identify users, set person properties, and manage user state.
+
+```typescript { .api }
+function identify(new_distinct_id?: string, userPropertiesToSet?: Properties, userPropertiesToSetOnce?: Properties): void;
+function setPersonProperties(userPropertiesToSet?: Properties, userPropertiesToSetOnce?: Properties): void;
+function alias(alias: string, original?: string): CaptureResult | void | number;
+function reset(reset_device_id?: boolean): void;
+```
+
+**→ [Reference: User Identification](./reference/identification.md)**
+
+### Feature Flags
+Control features, run experiments, and manage feature access dynamically.
+
+```typescript { .api }
+function getFeatureFlag(key: string, options?: { send_event?: boolean }): boolean | string | undefined;
+function isFeatureEnabled(key: string, options?: { send_event: boolean }): boolean | undefined;
+function getFeatureFlagPayload(key: string): JsonType;
+function reloadFeatureFlags(): void;
+function onFeatureFlags(callback: FeatureFlagsCallback): () => void;
+```
+
+**→ [Reference: Feature Flags](./reference/feature-flags.md)**
+
+### Session Recording
+Record user sessions for replay and analysis.
+
+```typescript { .api }
+function startSessionRecording(override?: { sampling?: boolean; linked_flag?: boolean; url_trigger?: boolean; event_trigger?: boolean; } | true): void;
+function stopSessionRecording(): void;
+function sessionRecordingStarted(): boolean;
+function get_session_id(): string;
+function get_session_replay_url(options?: { withTimestamp?: boolean; timestampLookBack?: number; }): string;
+```
+
+**→ [Reference: Session Recording](./reference/session-recording.md)**
+
+### Error Tracking
+Capture and monitor exceptions automatically or manually.
+
+```typescript { .api }
+function captureException(error: unknown, additionalProperties?: Properties): CaptureResult | undefined;
+function startExceptionAutocapture(config?: ExceptionAutoCaptureConfig): void;
+function stopExceptionAutocapture(): void;
+```
+
+**→ [Reference: Error Tracking](./reference/error-tracking.md)**
+
+### Privacy & Consent
+Manage user opt-in/opt-out and comply with privacy regulations.
+
+```typescript { .api }
+function opt_in_capturing(options?: { captureEventName?: EventName | null | false; captureProperties?: Properties; }): void;
+function opt_out_capturing(): void;
+function has_opted_in_capturing(): boolean;
+function has_opted_out_capturing(): boolean;
+function get_explicit_consent_status(): 'granted' | 'denied' | 'pending';
+```
+
+**→ [Reference: Privacy & Consent](./reference/privacy.md)**
+
+## Additional Features
+
+| Feature | Description | Reference |
+|---------|-------------|-----------|
+| **Surveys** | Collect user feedback and run NPS surveys | [Reference](./reference/surveys.md) |
+| **Web Experiments** | A/B test with DOM transformations | [Reference](./reference/web-experiments.md) |
+| **Heatmaps** | Visualize click and movement data | [Reference](./reference/heatmaps.md) |
+| **Product Tours** | Guided walkthroughs for users | [Reference](./reference/product-tours.md) |
+| **Conversations** | In-app chat widget | [Reference](./reference/conversations.md) |
+| **Early Access** | Manage beta feature enrollments | [Reference](./reference/early-access-features.md) |
+| **Toolbar** | Debug and test features visually | [Reference](./reference/toolbar.md) |
+| **Group Analytics** | Track organizations and teams | [Reference](./reference/advanced.md#group-analytics) |
+| **LLM Analytics** | Track AI/LLM interactions | [Reference](./reference/advanced.md#llm-analytics) |
+
+## Instance Properties
+
+```typescript { .api }
+// Version and configuration
+readonly version: string;
+readonly config: PostHogConfig;
+
+// Sub-API instances
+readonly featureFlags: PostHogFeatureFlags;
+readonly surveys: PostHogSurveys;
+readonly conversations: PostHogConversations;
+readonly experiments: WebExperiments;
+readonly heatmaps: Heatmaps;
+readonly productTours: PostHogProductTours;
+readonly sessionRecording?: SessionRecording;
+readonly toolbar: Toolbar;
+readonly exceptions: PostHogExceptions;
+readonly consent: ConsentManager;
+```
+
+## Configuration Quick Reference
+
+```typescript { .api }
+interface PostHogConfig {
+    // Core
+    api_host?: string;                                    // API endpoint
+    token?: string;                                       // Project API key
+    loaded?: (posthog: PostHog) => void;                 // Callback when loaded
+    
+    // Event Capture
+    capture_pageview?: boolean | 'history_change';       // Auto page views
+    autocapture?: boolean | AutocaptureConfig;           // Auto click tracking
+    capture_exceptions?: boolean | ExceptionAutoCaptureConfig;  // Auto error capture
+    
+    // Storage
+    persistence?: 'cookie' | 'localStorage' | 'sessionStorage' | 'memory' | 'localStorage+cookie';
+    disable_persistence?: boolean;
+    
+    // Privacy
+    opt_out_capturing_by_default?: boolean;
+    respect_dnt?: boolean;
+    cookieless_mode?: 'never' | 'always' | 'on_reject';
+    
+    // Feature Flags
+    advanced_disable_feature_flags?: boolean;
+    feature_flag_request_timeout_ms?: number;
+    
+    // Session Recording
+    disable_session_recording?: boolean;
+    session_recording?: SessionRecordingOptions;
+    
+    // Performance
+    request_batching?: boolean;
+    batch_size?: number;
+    batch_max_wait_ms?: number;
+    
+    // Person Profiles
+    person_profiles?: 'always' | 'identified_only' | 'never';
+}
+```
+
+**→ [Reference: Complete Configuration](./reference/initialization.md)**
+
+## Common Types
+
+```typescript { .api }
+type Property = string | number | boolean | null | undefined;
+type Properties = Record<string, Property | Property[]>;
+type EventName = string;
+type JsonType = any;
+
+interface CaptureResult {
+    event: string;
+    properties: Record<string, any>;
+}
+
+interface CaptureOptions {
+    send_instantly?: boolean;
+    timestamp?: Date;
+    $set?: Properties;
+    $set_once?: Properties;
+}
+```
+
+**→ [Reference: Type Definitions](./reference/types.md)**
+
+## Getting Started
+
+### For New Users
+1. **[Quick Start Guide](./guides/quick-start.md)** - Get up and running in 5 minutes
+2. **[Real-World Scenarios](./examples/real-world-scenarios.md)** - See practical examples
+3. **[Best Practices](./guides/best-practices.md)** - Production deployment guide
+
+### For Specific Use Cases
+- **E-Commerce** → [Examples: E-Commerce](./examples/real-world-scenarios.md#e-commerce-application)
+- **SaaS Platform** → [Examples: SaaS](./examples/real-world-scenarios.md#saas-application)
+- **Content Platform** → [Examples: Content](./examples/real-world-scenarios.md#content-platform)
+- **AI Application** → [Examples: AI/LLM](./examples/real-world-scenarios.md#aillm-application)
+
+### For Advanced Features
+- **A/B Testing** → [Reference: Feature Flags](./reference/feature-flags.md) + [Reference: Web Experiments](./reference/web-experiments.md)
+- **Privacy Compliance** → [Reference: Privacy](./reference/privacy.md) + [Guide: Best Practices](./guides/best-practices.md#privacy--compliance-best-practices)
+- **Error Monitoring** → [Reference: Error Tracking](./reference/error-tracking.md) + [Reference: Sentry Integration](./reference/sentry-integration.md)
+- **Multi-Tenant** → [Reference: Group Analytics](./reference/advanced.md#group-analytics)
+
+## Instance Management
+
+```typescript
+// Primary instance
+posthog.init('token1');
+
+// Named instance
+posthog.init('token2', {}, 'secondary');
+
+// Access named instance
+posthog.secondary.capture('event');
+```
+
+## Reserved Event Names
+
+Events starting with `$` are reserved by PostHog:
+
+`$pageview`, `$pageleave`, `$autocapture`, `$identify`, `$create_alias`, `$set`, `$groupidentify`, `$feature_flag_called`, `$survey_shown`, `$survey_sent`, `$exception`, `$web_vitals`, `$ai_feedback`, `$ai_metric`
+
+**→ [Reference: Reserved Events](./reference/events.md#reserved-event-names)**
+
+## Configuration Defaults
+
+```typescript
+{
+    api_host: 'https://us.i.posthog.com',
+    autocapture: true,
+    capture_pageview: true,
+    persistence: 'localStorage+cookie',
+    request_batching: true,
+    batch_size: 50,
+    session_idle_timeout_seconds: 1800,
+    person_profiles: 'identified_only'
+}
+```
+
+## Browser Compatibility
+
+- Chrome/Edge 60+, Firefox 55+, Safari 11+
+- Not supported: Internet Explorer
+
+**→ [Reference: Compatibility Details](./reference/initialization.md#browser-compatibility)**
+
+## Documentation Structure
+
+### Guides
+- **[Quick Start](./guides/quick-start.md)** - Get started quickly
+- **[Best Practices](./guides/best-practices.md)** - Production deployment
+
+### Examples
+- **[Real-World Scenarios](./examples/real-world-scenarios.md)** - Practical implementations
+- **[Edge Cases](./examples/edge-cases.md)** - Advanced scenarios
+
+### Reference
+- **[Initialization](./reference/initialization.md)** - SDK setup and configuration
+- **[Events](./reference/events.md)** - Event tracking API
+- **[Identification](./reference/identification.md)** - User identification API
+- **[Feature Flags](./reference/feature-flags.md)** - Feature flag API
+- **[Session Recording](./reference/session-recording.md)** - Recording API
+- **[Surveys](./reference/surveys.md)** - Survey API
+- **[Privacy](./reference/privacy.md)** - Privacy and consent API
+- **[Error Tracking](./reference/error-tracking.md)** - Exception tracking API
+- **[Advanced Features](./reference/advanced.md)** - Groups, LLM, integrations
+- **[Web Experiments](./reference/web-experiments.md)** - A/B testing API
+- **[Heatmaps](./reference/heatmaps.md)** - Heatmap API
+- **[Product Tours](./reference/product-tours.md)** - Tour API
+- **[Conversations](./reference/conversations.md)** - Chat API
+- **[Early Access](./reference/early-access-features.md)** - Beta features API
+- **[Toolbar](./reference/toolbar.md)** - Toolbar API
+- **[Sentry Integration](./reference/sentry-integration.md)** - Sentry integration
+- **[Types](./reference/types.md)** - TypeScript definitions
+
+## Quick Reference
+
+### Essential Methods
+
+| Method | Purpose | Example |
+|--------|---------|---------|
+| `init(token, config?)` | Initialize SDK | `posthog.init('key')` |
+| `capture(event, props?)` | Track event | `posthog.capture('clicked')` |
+| `identify(id, props?)` | Identify user | `posthog.identify('user-123')` |
+| `isFeatureEnabled(key)` | Check flag | `posthog.isFeatureEnabled('new-ui')` |
+| `startSessionRecording()` | Start recording | `posthog.startSessionRecording()` |
+| `captureException(error)` | Track error | `posthog.captureException(err)` |
+| `opt_in_capturing()` | Enable tracking | `posthog.opt_in_capturing()` |
+| `reset()` | Clear user state | `posthog.reset()` |
+
+### Common Patterns
+
+```typescript
+// User lifecycle
+posthog.alias(userId);              // On signup
+posthog.identify(userId, props);    // Set properties
+posthog.reset();                    // On logout
+
+// Feature flags
+posthog.onFeatureFlags(callback);   // Wait for flags
+posthog.reloadFeatureFlags();       // Refresh flags
+
+// Groups
+posthog.group(type, key, props);    // Associate with group
+posthog.getGroups();                // Get current groups
+```
+
+## Troubleshooting
+
+| Issue | Solution |
+|-------|----------|
+| Events not appearing | Enable debug: `posthog.debug(true)` |
+| Flags not working | Check: `posthog.featureFlags.hasLoadedFlags` |
+| Recording not starting | Force start: `posthog.startSessionRecording(true)` |
+| Performance issues | Reduce batch size, disable unused features |
+
+**→ [Detailed Troubleshooting](./reference/initialization.md#troubleshooting-configuration-issues)**
+
+## Migration Guides
+
+Migrating from another platform?
+
+- **[From Mixpanel](./reference/events.md#migration-from-mixpanel)**
+- **[From Amplitude](./reference/events.md#migration-from-amplitude)**
+- **[From Google Analytics](./reference/events.md#migration-from-google-analytics)**
+- **[From LaunchDarkly](./reference/feature-flags.md#migration-from-launchdarkly)**
+- **[From Split.io](./reference/feature-flags.md#migration-from-splitio)**
+
+## Resources
+
+### Documentation
+- **[Quick Start Guide](./guides/quick-start.md)** - 5-minute setup
+- **[Best Practices](./guides/best-practices.md)** - Production patterns
+- **[Real-World Examples](./examples/real-world-scenarios.md)** - Practical use cases
+- **[Edge Cases](./examples/edge-cases.md)** - Advanced scenarios
+- **[Complete API Reference](./reference/initialization.md)** - Detailed specifications
+
+### External Links
+- **PostHog Docs:** https://posthog.com/docs
+- **GitHub:** https://github.com/PostHog/posthog-js
+- **NPM:** https://www.npmjs.com/package/posthog-js
+- **Community:** https://posthog.com/questions
diff --git a/.tessl/tiles/tessl/npm-posthog-js/docs/reference/advanced.md b/.tessl/tiles/tessl/npm-posthog-js/docs/reference/advanced.md
new file mode 100644
index 000000000..b62808bf0
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-posthog-js/docs/reference/advanced.md
@@ -0,0 +1,2231 @@
+# Advanced Features
+
+Advanced features include group analytics, LLM analytics, product tours, conversations, toolbar, and event listeners for extended functionality.
+
+## Group Analytics
+
+Group analytics allows you to track organizations, companies, teams, or any entity that groups users together.
+
+### Associate User with Group
+
+Associates the user with a group and optionally sets group properties.
+
+```typescript { .api }
+/**
+ * Associates the user with a group
+ * @param groupType - Type of group (e.g., 'company', 'team', 'organization')
+ * @param groupKey - Unique identifier for the group
+ * @param groupPropertiesToSet - Properties to set on the group
+ */
+function group(
+    groupType: string,
+    groupKey: string,
+    groupPropertiesToSet?: Properties
+): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Associate user with company
+posthog.group('company', 'acme-inc');
+
+// Associate with properties
+posthog.group('company', 'acme-inc', {
+    name: 'Acme Inc',
+    plan: 'enterprise',
+    employees: 500,
+    industry: 'technology'
+});
+
+// Multiple group types
+posthog.group('company', 'acme-inc');
+posthog.group('team', 'engineering');
+posthog.group('project', 'project-alpha');
+
+// Update group properties
+posthog.group('company', 'acme-inc', {
+    mrr: 50000,
+    last_active: Date.now()
+});
+```
+
+### Get Current Groups
+
+Gets all current group memberships for the user.
+
+```typescript { .api }
+/**
+ * Gets all current group memberships
+ * @returns Object mapping group types to group keys
+ */
+function getGroups(): Record<string, any>;
+```
+
+**Usage Examples:**
+
+```typescript
+// Get all groups
+const groups = posthog.getGroups();
+console.log('User groups:', groups);
+// Output: { company: 'acme-inc', team: 'engineering' }
+
+// Check specific group
+const groups = posthog.getGroups();
+if (groups.company === 'acme-inc') {
+    showEnterpriseFeatures();
+}
+
+// Use in conditional logic
+function getGroupPlan() {
+    const groups = posthog.getGroups();
+    return groups.company ? 'group' : 'individual';
+}
+```
+
+### Reset Groups
+
+Clears all group associations.
+
+```typescript { .api }
+/**
+ * Clears all group associations
+ */
+function resetGroups(): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Clear all groups
+posthog.resetGroups();
+
+// Clear on user action
+function leaveOrganization() {
+    posthog.resetGroups();
+    posthog.reset(); // Also reset user
+}
+```
+
+## LLM Analytics
+
+Track Large Language Model (LLM) interactions, traces, feedback, and metrics.
+
+### Capture Trace Feedback
+
+Captures user feedback for an LLM trace.
+
+```typescript { .api }
+/**
+ * Captures user feedback for an LLM trace
+ * @param traceId - Unique identifier for the LLM trace
+ * @param userFeedback - Feedback text from the user
+ */
+function captureTraceFeedback(
+    traceId: string | number,
+    userFeedback: string
+): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Capture positive feedback
+posthog.captureTraceFeedback('trace-123', 'This response was helpful!');
+
+// Capture negative feedback
+posthog.captureTraceFeedback('trace-456', 'Response was not accurate');
+
+// Capture with structured feedback
+const feedback = JSON.stringify({
+    rating: 5,
+    comment: 'Excellent response',
+    helpful: true
+});
+posthog.captureTraceFeedback('trace-789', feedback);
+
+// Usage in UI
+function FeedbackButtons({ traceId }) {
+    return (
+        <>
+            <button onClick={() => {
+                posthog.captureTraceFeedback(traceId, 'positive');
+            }}>👍</button>
+            <button onClick={() => {
+                posthog.captureTraceFeedback(traceId, 'negative');
+            }}>👎</button>
+        </>
+    );
+}
+```
+
+### Capture Trace Metric
+
+Captures a metric for an LLM trace.
+
+```typescript { .api }
+/**
+ * Captures a metric for an LLM trace
+ * @param traceId - Unique identifier for the LLM trace
+ * @param metricName - Name of the metric
+ * @param metricValue - Value of the metric
+ */
+function captureTraceMetric(
+    traceId: string | number,
+    metricName: string,
+    metricValue: string | number | boolean
+): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Capture response time
+posthog.captureTraceMetric('trace-123', 'response_time_ms', 1250);
+
+// Capture token usage
+posthog.captureTraceMetric('trace-123', 'tokens_used', 450);
+
+// Capture quality metrics
+posthog.captureTraceMetric('trace-123', 'relevance_score', 0.95);
+posthog.captureTraceMetric('trace-123', 'coherence_score', 0.88);
+
+// Boolean metrics
+posthog.captureTraceMetric('trace-123', 'used_context', true);
+posthog.captureTraceMetric('trace-123', 'hallucination_detected', false);
+
+// Track LLM interaction
+async function generateAIResponse(prompt) {
+    const traceId = `trace-${Date.now()}`;
+    const startTime = Date.now();
+
+    const response = await llm.generate(prompt);
+
+    const duration = Date.now() - startTime;
+
+    // Capture metrics
+    posthog.captureTraceMetric(traceId, 'response_time_ms', duration);
+    posthog.captureTraceMetric(traceId, 'tokens_used', response.tokens);
+    posthog.captureTraceMetric(traceId, 'model', response.model);
+
+    return { traceId, response };
+}
+```
+
+## Product Tours
+
+Product tours are guided walkthroughs that help users discover features. Tours can be displayed automatically based on conditions or programmatically controlled through the API.
+
+**Note**: Product tours require the tours feature to be enabled in your PostHog configuration.
+
+```typescript
+// Enable product tours
+posthog.init('token', {
+    disable_product_tours: false // default is true
+});
+```
+
+### Get All Product Tours
+
+Fetches all product tours from the server.
+
+```typescript { .api }
+/**
+ * Gets all product tours
+ * @param callback - Callback receiving tours and load status
+ * @param forceReload - Force reload from server
+ */
+function getProductTours(
+    callback: ProductTourCallback,
+    forceReload?: boolean
+): void;
+```
+
+**Usage Example:**
+
+```typescript
+posthog.productTours.getProductTours((tours, context) => {
+    if (context.isLoaded) {
+        console.log('All tours:', tours);
+        tours.forEach(tour => {
+            console.log(`Tour: ${tour.name}, Status: ${tour.display_frequency}`);
+        });
+    } else {
+        console.error('Failed to load tours:', context.error);
+    }
+}, false); // Don't force reload
+```
+
+### Get Active Product Tours
+
+Fetches product tours that should be shown to the current user based on conditions.
+
+```typescript { .api }
+/**
+ * Gets active product tours that match current conditions
+ * @param callback - Callback receiving tours and load status
+ */
+function getActiveProductTours(callback: ProductTourCallback): void;
+```
+
+**Usage Example:**
+
+```typescript
+posthog.productTours.getActiveProductTours((tours, context) => {
+    if (context.isLoaded) {
+        console.log('Active tours:', tours);
+        tours.forEach(tour => {
+            console.log(`Tour: ${tour.name}`);
+        });
+    } else {
+        console.error('Failed to load tours:', context.error);
+    }
+});
+```
+
+### Show Product Tour
+
+Displays a specific product tour by ID.
+
+```typescript { .api }
+/**
+ * Shows a product tour by its ID
+ * @param tourId - Unique identifier for the tour
+ */
+function showProductTour(tourId: string): void;
+```
+
+**Usage Example:**
+
+```typescript
+// Show a specific tour
+posthog.productTours.showProductTour('onboarding-tour-123');
+```
+
+### Preview Tour
+
+Force loads and displays a tour, ignoring all display conditions. Useful for testing.
+
+```typescript { .api }
+/**
+ * Previews a tour, ignoring display conditions
+ * @param tour - Tour configuration object
+ */
+function previewTour(tour: ProductTour): void;
+```
+
+**Usage Example:**
+
+```typescript
+// Preview a tour configuration
+const testTour = {
+    id: 'test-tour',
+    name: 'Test Tour',
+    type: 'product_tour',
+    steps: [...]
+};
+
+posthog.productTours.previewTour(testTour);
+```
+
+### Dismiss Product Tour
+
+Dismisses the currently displayed tour.
+
+```typescript { .api }
+/**
+ * Dismisses the current tour
+ */
+function dismissProductTour(): void;
+```
+
+**Usage Example:**
+
+```typescript
+// User clicks close button
+posthog.productTours.dismissProductTour();
+```
+
+### Navigate Tour Steps
+
+Controls navigation through tour steps.
+
+```typescript { .api }
+/**
+ * Moves to the next step in the current tour
+ */
+function nextStep(): void;
+
+/**
+ * Moves to the previous step in the current tour
+ */
+function previousStep(): void;
+```
+
+**Usage Example:**
+
+```typescript
+// Custom navigation buttons
+document.getElementById('tour-next')?.addEventListener('click', () => {
+    posthog.productTours.nextStep();
+});
+
+document.getElementById('tour-prev')?.addEventListener('click', () => {
+    posthog.productTours.previousStep();
+});
+```
+
+### Reset Tours
+
+Resets tour completion state for users.
+
+```typescript { .api }
+/**
+ * Resets a specific tour so it can be shown again
+ * @param tourId - Tour ID to reset
+ */
+function resetTour(tourId: string): void;
+
+/**
+ * Resets all tours for the current user
+ */
+function resetAllTours(): void;
+```
+
+**Usage Example:**
+
+```typescript
+// Reset a specific tour
+posthog.productTours.resetTour('onboarding-tour-123');
+
+// Reset all tours (e.g., for testing)
+posthog.productTours.resetAllTours();
+```
+
+### Cancel Pending Tour
+
+Cancels a tour that's waiting to be displayed.
+
+```typescript { .api }
+/**
+ * Cancels a pending tour
+ * @param tourId - Tour ID to cancel
+ */
+function cancelPendingTour(tourId: string): void;
+```
+
+**Usage Example:**
+
+```typescript
+// Cancel a tour before it's shown
+posthog.productTours.cancelPendingTour('feature-announcement-tour');
+```
+
+### Product Tour Types
+
+```typescript { .api }
+/**
+ * Product tour configuration
+ */
+interface ProductTour {
+    /**
+     * Unique tour identifier
+     */
+    id: string;
+
+    /**
+     * Tour name
+     */
+    name: string;
+
+    /**
+     * Tour description
+     */
+    description?: string;
+
+    /**
+     * Tour type
+     */
+    type: 'product_tour';
+
+    /**
+     * Auto-launch the tour
+     */
+    auto_launch?: boolean;
+
+    /**
+     * Tour steps
+     */
+    steps: ProductTourStep[];
+
+    /**
+     * Display conditions
+     */
+    conditions?: ProductTourConditions;
+
+    /**
+     * Visual appearance
+     */
+    appearance?: ProductTourAppearance;
+
+    /**
+     * Display frequency
+     */
+    display_frequency?: ProductTourDisplayFrequency;
+}
+
+/**
+ * Product tour step
+ */
+interface ProductTourStep {
+    /**
+     * Step ID
+     */
+    id: string;
+
+    /**
+     * Step type
+     */
+    type: ProductTourStepType;
+
+    /**
+     * CSS selector for target element
+     */
+    selector?: string;
+
+    /**
+     * How user progresses to next step
+     */
+    progressionTrigger: 'button' | 'click';
+
+    /**
+     * Step content (markdown)
+     */
+    content: JSONContent | null;
+
+    /**
+     * Step content (HTML)
+     */
+    contentHtml?: string;
+
+    /**
+     * Survey question in step
+     */
+    survey?: ProductTourSurveyQuestion;
+
+    /**
+     * Step buttons
+     */
+    buttons?: ProductTourStepButtons;
+
+    /**
+     * Banner configuration
+     */
+    bannerConfig?: ProductTourBannerConfig;
+}
+
+/**
+ * Product tour step type
+ */
+type ProductTourStepType = 'element' | 'modal' | 'survey' | 'banner';
+```
+
+## Conversations
+
+In-app conversations provide support and messaging capabilities.
+
+**Note**: Conversations are managed through PostHog's conversations feature and require backend configuration.
+
+```typescript { .api }
+// Enable/disable conversations
+posthog.init('token', {
+    disable_conversations: false
+});
+```
+
+### Conversation Types
+
+```typescript { .api }
+/**
+ * Conversations remote configuration
+ */
+interface ConversationsRemoteConfig {
+    /**
+     * Whether conversations are enabled
+     */
+    enabled: boolean;
+
+    /**
+     * Whether the widget is enabled
+     */
+    widgetEnabled?: boolean;
+
+    /**
+     * API token for conversations
+     */
+    token: string;
+
+    /**
+     * Greeting text
+     */
+    greetingText?: string;
+
+    /**
+     * Widget color
+     */
+    color?: string;
+
+    /**
+     * Placeholder text
+     */
+    placeholderText?: string;
+
+    /**
+     * Require email from users
+     */
+    requireEmail?: boolean;
+
+    /**
+     * Collect user name
+     */
+    collectName?: boolean;
+}
+
+/**
+ * Message in conversation
+ */
+interface Message {
+    /**
+     * Message ID
+     */
+    id: string;
+
+    /**
+     * Message content
+     */
+    content: string;
+
+    /**
+     * Author type
+     */
+    author_type: MessageAuthorType;
+
+    /**
+     * Author name
+     */
+    author_name?: string;
+
+    /**
+     * Creation timestamp
+     */
+    created_at: string;
+
+    /**
+     * Whether message is private
+     */
+    is_private: boolean;
+}
+
+/**
+ * Message author type
+ */
+type MessageAuthorType = 'customer' | 'AI' | 'human';
+
+/**
+ * Support ticket
+ */
+interface Ticket {
+    /**
+     * Ticket ID
+     */
+    id: string;
+
+    /**
+     * Ticket status
+     */
+    status: TicketStatus;
+
+    /**
+     * Last message preview
+     */
+    last_message?: string;
+
+    /**
+     * Last message timestamp
+     */
+    last_message_at?: string;
+
+    /**
+     * Number of messages
+     */
+    message_count: number;
+
+    /**
+     * Creation timestamp
+     */
+    created_at: string;
+
+    /**
+     * All messages
+     */
+    messages?: Message[];
+
+    /**
+     * Unread message count
+     */
+    unread_count?: number;
+}
+
+/**
+ * Ticket status
+ */
+type TicketStatus = 'new' | 'open' | 'pending' | 'on_hold' | 'resolved';
+```
+
+**Note**: Conversations API methods are accessed through the `posthog.conversations` namespace. The methods below are available once conversations are enabled and loaded.
+
+### Show Widget
+
+Shows the conversations widget (button and chat panel).
+
+```typescript { .api }
+/**
+ * Shows the conversations widget
+ */
+function show(): void;
+```
+
+**Usage Example:**
+
+```typescript
+// Show conversations widget
+posthog.conversations.show();
+```
+
+### Hide Widget
+
+Hides the conversations widget completely.
+
+```typescript { .api }
+/**
+ * Hides the conversations widget
+ */
+function hide(): void;
+```
+
+**Usage Example:**
+
+```typescript
+// Hide conversations widget
+posthog.conversations.hide();
+```
+
+### Check Widget Availability
+
+Checks if conversations are available and loaded.
+
+```typescript { .api }
+/**
+ * Checks if conversations are available
+ * @returns True if conversations are loaded and available
+ */
+function isAvailable(): boolean;
+```
+
+**Usage Example:**
+
+```typescript
+if (posthog.conversations.isAvailable()) {
+    console.log('Conversations ready');
+    posthog.conversations.show();
+} else {
+    console.log('Conversations not available');
+}
+```
+
+### Check Widget Visibility
+
+Checks if the widget is currently visible.
+
+```typescript { .api }
+/**
+ * Checks if the widget is currently visible
+ * @returns True if widget is visible
+ */
+function isVisible(): boolean;
+```
+
+**Usage Example:**
+
+```typescript
+if (posthog.conversations.isVisible()) {
+    console.log('Widget is shown');
+}
+```
+
+### Get Current Ticket ID
+
+Gets the ID of the current active ticket.
+
+```typescript { .api }
+/**
+ * Gets the current active ticket ID
+ * @returns Ticket ID or null if no active ticket
+ */
+function getCurrentTicketId(): string | null;
+```
+
+**Usage Example:**
+
+```typescript
+const ticketId = posthog.conversations.getCurrentTicketId();
+if (ticketId) {
+    console.log('Active ticket:', ticketId);
+}
+```
+
+### Get Widget Session ID
+
+Gets the widget session ID for tracking.
+
+```typescript { .api }
+/**
+ * Gets the widget session ID
+ * @returns Widget session ID or null
+ */
+function getWidgetSessionId(): string | null;
+```
+
+**Usage Example:**
+
+```typescript
+const sessionId = posthog.conversations.getWidgetSessionId();
+console.log('Widget session:', sessionId);
+```
+
+### Reset Conversations
+
+Resets conversations state.
+
+```typescript { .api }
+/**
+ * Resets conversations state
+ */
+function reset(): void;
+```
+
+**Usage Example:**
+
+```typescript
+// Reset conversations on logout
+function logout() {
+    posthog.conversations.reset();
+    posthog.reset();
+}
+```
+
+### Send Message
+
+Sends a message in a conversation.
+
+```typescript { .api }
+/**
+ * Sends a message in a conversation
+ * @param message - Message content
+ * @param traits - Optional user identification data
+ * @returns Promise with send result
+ */
+function sendMessage(
+    message: string,
+    traits?: UserProvidedTraits
+): Promise<SendMessageResponse>;
+```
+
+**Usage Example:**
+
+```typescript
+// Send a message
+await posthog.conversations.sendMessage('Hello, I need help!', {
+    email: 'user@example.com',
+    name: 'John Doe'
+});
+```
+
+### Get Messages
+
+Retrieves messages for a conversation or ticket.
+
+```typescript { .api }
+/**
+ * Gets messages for a ticket
+ * @param ticketId - Optional ticket ID (uses current conversation if not provided)
+ * @param options - Optional query options
+ * @returns Promise with messages
+ */
+function getMessages(
+    ticketId?: string,
+    options?: GetMessagesOptions
+): Promise<GetMessagesResponse>;
+```
+
+**Usage Example:**
+
+```typescript
+// Get messages for current conversation
+const response = await posthog.conversations.getMessages();
+console.log('Messages:', response.messages);
+
+// Get messages for specific ticket
+const ticketMessages = await posthog.conversations.getMessages('ticket-123');
+```
+
+### Get Tickets
+
+Retrieves all tickets for the current user.
+
+```typescript { .api }
+/**
+ * Gets all tickets for the current user
+ * @param options - Optional query options
+ * @returns Promise with tickets
+ */
+function getTickets(
+    options?: GetTicketsOptions
+): Promise<GetTicketsResponse>;
+```
+
+**Usage Example:**
+
+```typescript
+// Get all tickets
+const response = await posthog.conversations.getTickets();
+console.log('Tickets:', response.tickets);
+
+// Filter tickets by status
+const openTickets = response.tickets.filter(
+    ticket => ticket.status === 'open'
+);
+```
+
+### Mark as Read
+
+Marks a ticket as read.
+
+```typescript { .api }
+/**
+ * Marks a ticket as read
+ * @param ticketId - Ticket ID to mark as read
+ * @returns Promise with result
+ */
+function markAsRead(ticketId: string): Promise<MarkAsReadResponse>;
+```
+
+**Usage Example:**
+
+```typescript
+// Mark ticket as read
+await posthog.conversations.markAsRead('ticket-123');
+```
+
+### Conversations Usage Pattern
+
+```typescript
+// Initialize with conversations enabled
+posthog.init('token', {
+    disable_conversations: false
+});
+
+// Wait for conversations to load
+// Then use the API
+async function initConversations() {
+    // Check if conversations are available
+    if (posthog.conversations) {
+        // Get existing tickets
+        const { tickets } = await posthog.conversations.getTickets();
+        console.log('User has', tickets.length, 'tickets');
+
+        // Send a new message
+        await posthog.conversations.sendMessage('I need support', {
+            email: 'user@example.com'
+        });
+
+        // Get messages for a ticket
+        const { messages } = await posthog.conversations.getMessages(tickets[0].id);
+        console.log('Ticket messages:', messages);
+    }
+}
+```
+
+## Toolbar
+
+The PostHog toolbar provides visual analytics and feature management capabilities.
+
+### Load Toolbar
+
+Loads the PostHog toolbar for visual analytics and editing.
+
+```typescript { .api }
+/**
+ * Loads the PostHog toolbar
+ * @param params - Toolbar parameters
+ * @returns True if toolbar loaded successfully
+ */
+function loadToolbar(params: ToolbarParams): boolean;
+```
+
+**Usage Examples:**
+
+```typescript
+// Load toolbar with API key
+posthog.loadToolbar({
+    apiKey: 'your-api-key'
+});
+
+// Load with user email
+posthog.loadToolbar({
+    apiKey: 'your-api-key',
+    userEmail: 'user@example.com'
+});
+
+// Load for admin users only
+if (user.isAdmin) {
+    posthog.loadToolbar({
+        apiKey: process.env.POSTHOG_API_KEY,
+        userEmail: user.email
+    });
+}
+
+// Load via URL parameter
+const urlParams = new URLSearchParams(window.location.search);
+if (urlParams.get('posthog_toolbar') === 'true') {
+    posthog.loadToolbar({
+        apiKey: 'your-api-key'
+    });
+}
+```
+
+### Toolbar Types
+
+```typescript { .api }
+/**
+ * Toolbar parameters
+ */
+interface ToolbarParams {
+    /**
+     * PostHog API key
+     */
+    apiKey?: string;
+
+    /**
+     * User email for toolbar
+     */
+    userEmail?: string;
+
+    /**
+     * Additional toolbar parameters
+     */
+    [key: string]: any;
+}
+```
+
+## Event Listeners
+
+Register callbacks for various PostHog events.
+
+### Event Captured Listener
+
+Registers a callback that fires whenever an event is captured.
+
+```typescript { .api }
+/**
+ * Registers an event listener
+ * @param event - Event type (currently only 'eventCaptured')
+ * @param cb - Callback function
+ * @returns Function to unsubscribe from callback
+ */
+function on(
+    event: 'eventCaptured',
+    cb: (data: CaptureResult) => void
+): () => void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Listen to all events
+const unsubscribe = posthog.on('eventCaptured', (data) => {
+    console.log('Event:', data.event);
+    console.log('Properties:', data.properties);
+});
+
+// Stop listening
+unsubscribe();
+
+// Filter specific events
+posthog.on('eventCaptured', (data) => {
+    if (data.event === 'purchase_completed') {
+        showThankYou();
+    }
+});
+
+// Send to external service
+posthog.on('eventCaptured', (data) => {
+    if (data.event.startsWith('$')) {
+        return; // Skip internal events
+    }
+
+    sendToExternalAnalytics(data);
+});
+```
+
+### Feature Flags Listener
+
+Registers a callback for when feature flags are loaded or updated.
+
+```typescript { .api }
+/**
+ * Registers a callback for when feature flags are loaded
+ * @param callback - Function to call when flags are loaded
+ * @returns Function to unsubscribe from callback
+ */
+function onFeatureFlags(callback: FeatureFlagsCallback): () => void;
+```
+
+See [Feature Flags](./feature-flags.md) for details.
+
+### Surveys Listener
+
+Registers a callback for when surveys are loaded.
+
+```typescript { .api }
+/**
+ * Registers a callback for when surveys are loaded
+ * @param callback - Function to call when surveys are loaded
+ * @returns Function to unsubscribe from callback
+ */
+function onSurveysLoaded(callback: SurveyCallback): () => void;
+```
+
+See [Surveys](./surveys.md) for details.
+
+### Session ID Listener
+
+Registers a callback for when the session ID changes.
+
+```typescript { .api }
+/**
+ * Registers a callback for when the session ID changes
+ * @param callback - Function to call when session changes
+ * @returns Function to unsubscribe from callback
+ */
+function onSessionId(callback: SessionIdChangedCallback): () => void;
+```
+
+See [Session Recording](./session-recording.md) for details.
+
+## Utility Methods
+
+### Get Page View ID
+
+Gets the unique ID for the current page view.
+
+```typescript { .api }
+/**
+ * Gets the unique ID for the current page view
+ * @returns Page view ID or undefined
+ */
+function getPageViewId(): string | undefined;
+```
+
+**Usage Example:**
+
+```typescript
+const pageViewId = posthog.getPageViewId();
+console.log('Page view:', pageViewId);
+```
+
+### Push to Queue
+
+Pushes a deferred operation to the queue (mainly for snippet usage).
+
+```typescript { .api }
+/**
+ * Pushes a deferred operation to the queue
+ * @param item - Operation to push
+ */
+function push(item: SnippetArrayItem): void;
+```
+
+**Usage Example:**
+
+```typescript
+// Used primarily with the snippet loader
+posthog.push(['identify', 'user-123']);
+```
+
+### To String
+
+Returns a string representation of the PostHog instance.
+
+```typescript { .api }
+/**
+ * Returns a string representation of the instance
+ * @returns String representation (typically the instance name)
+ */
+function toString(): string;
+```
+
+**Usage Example:**
+
+```typescript
+// Get instance name
+const instanceName = posthog.toString();
+console.log('Instance:', instanceName); // 'posthog' or custom name
+```
+
+## Integrations
+
+### Sentry Integration
+
+PostHog provides a Sentry integration class for connecting error tracking with PostHog analytics.
+
+```typescript { .api }
+/**
+ * Sentry integration class
+ * Use this with Sentry SDK to link errors with PostHog sessions
+ */
+class SentryIntegration {
+    // Integration class for Sentry error tracking
+}
+
+/**
+ * Creates a Sentry integration instance
+ * @param options - Configuration options for the integration
+ * @returns SentryIntegration instance
+ */
+function sentryIntegration(options?: SentryIntegrationOptions): SentryIntegration;
+```
+
+**Usage Example:**
+
+```typescript
+import * as Sentry from '@sentry/browser';
+import posthog, { sentryIntegration } from 'posthog-js';
+
+// Initialize PostHog
+posthog.init('your-api-key');
+
+// Initialize Sentry with PostHog integration
+Sentry.init({
+    dsn: 'your-sentry-dsn',
+    integrations: [
+        sentryIntegration({
+            posthog: posthog,
+            organization: 'my-org',
+            projectId: 123456
+        })
+    ]
+});
+
+// Errors will now be linked between Sentry and PostHog
+try {
+    riskyOperation();
+} catch (error) {
+    // Both PostHog and Sentry will capture this
+    Sentry.captureException(error);
+    posthog.captureException(error);
+}
+```
+
+## Common Patterns
+
+### Multi-Tenant Applications
+
+Track group-level analytics for SaaS applications:
+
+```typescript
+// On user login
+async function onUserLogin(user) {
+    // Identify user
+    posthog.identify(user.id, {
+        email: user.email,
+        name: user.name
+    });
+
+    // Associate with organization
+    posthog.group('organization', user.organizationId, {
+        name: user.organization.name,
+        plan: user.organization.plan,
+        seat_count: user.organization.seats,
+        created_at: user.organization.createdAt
+    });
+
+    // Associate with team
+    if (user.teamId) {
+        posthog.group('team', user.teamId, {
+            name: user.team.name,
+            role: user.team.role
+        });
+    }
+
+    // Reload flags with group context
+    posthog.reloadFeatureFlags();
+}
+
+// Track organization-level events
+function trackOrganizationEvent(eventName, properties = {}) {
+    const groups = posthog.getGroups();
+
+    posthog.capture(eventName, {
+        ...properties,
+        organization_id: groups.organization,
+        team_id: groups.team
+    });
+}
+```
+
+### LLM Application Tracking
+
+Comprehensive LLM interaction tracking:
+
+```typescript
+class LLMTracker {
+    async trackGeneration(prompt, context = {}) {
+        const traceId = this.generateTraceId();
+        const startTime = Date.now();
+
+        try {
+            // Capture generation start
+            posthog.capture('llm_generation_started', {
+                trace_id: traceId,
+                prompt_length: prompt.length,
+                ...context
+            });
+
+            // Generate response
+            const response = await this.llm.generate(prompt);
+
+            // Capture metrics
+            const duration = Date.now() - startTime;
+            posthog.captureTraceMetric(traceId, 'response_time_ms', duration);
+            posthog.captureTraceMetric(traceId, 'tokens_used', response.usage.total_tokens);
+            posthog.captureTraceMetric(traceId, 'model', response.model);
+            posthog.captureTraceMetric(traceId, 'temperature', response.temperature);
+
+            // Capture completion
+            posthog.capture('llm_generation_completed', {
+                trace_id: traceId,
+                success: true
+            });
+
+            return { traceId, response };
+        } catch (error) {
+            // Capture error
+            posthog.captureException(error, {
+                trace_id: traceId,
+                context: 'llm_generation'
+            });
+
+            posthog.capture('llm_generation_failed', {
+                trace_id: traceId,
+                error: error.message
+            });
+
+            throw error;
+        }
+    }
+
+    trackFeedback(traceId, feedback) {
+        posthog.captureTraceFeedback(traceId, feedback);
+
+        // Also capture as event for analysis
+        posthog.capture('llm_feedback_received', {
+            trace_id: traceId,
+            feedback: feedback
+        });
+    }
+
+    generateTraceId() {
+        return `trace-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+    }
+}
+
+// Usage
+const tracker = new LLMTracker();
+
+async function generateResponse(userPrompt) {
+    const { traceId, response } = await tracker.trackGeneration(
+        userPrompt,
+        { user_id: currentUser.id }
+    );
+
+    return { traceId, response };
+}
+
+function handleFeedback(traceId, rating, comment) {
+    const feedback = JSON.stringify({ rating, comment });
+    tracker.trackFeedback(traceId, feedback);
+}
+```
+
+### Admin Toolbar Integration
+
+Load toolbar for admin users:
+
+```typescript
+function initializeAdminFeatures(user) {
+    if (user.role === 'admin' || user.role === 'developer') {
+        // Load toolbar
+        posthog.loadToolbar({
+            apiKey: process.env.POSTHOG_API_KEY,
+            userEmail: user.email
+        });
+
+        // Add toolbar toggle to UI
+        addToolbarToggle();
+    }
+}
+
+function addToolbarToggle() {
+    const toggle = document.createElement('button');
+    toggle.textContent = 'Toggle PostHog Toolbar';
+    toggle.onclick = () => {
+        // Toolbar can be toggled with keyboard shortcut
+        // or programmatically loaded
+        posthog.loadToolbar({
+            apiKey: process.env.POSTHOG_API_KEY
+        });
+    };
+
+    document.body.appendChild(toggle);
+}
+```
+
+### Event Pipeline Integration
+
+Forward events to external systems:
+
+```typescript
+// Initialize external integrations
+const integrations = {
+    segment: new SegmentClient(),
+    amplitude: new AmplitudeClient(),
+    mixpanel: new MixpanelClient()
+};
+
+// Forward all PostHog events
+posthog.on('eventCaptured', (data) => {
+    // Skip internal events
+    if (data.event.startsWith('$')) {
+        return;
+    }
+
+    // Forward to other platforms
+    Object.values(integrations).forEach(integration => {
+        integration.track(data.event, data.properties);
+    });
+});
+
+// Selective forwarding
+posthog.on('eventCaptured', (data) => {
+    const criticalEvents = [
+        'purchase_completed',
+        'signup_completed',
+        'subscription_changed'
+    ];
+
+    if (criticalEvents.includes(data.event)) {
+        // Send to data warehouse
+        sendToWarehouse(data);
+
+        // Alert monitoring system
+        sendToMonitoring(data);
+    }
+});
+```
+
+### Custom Event Enrichment
+
+Enrich events with additional context:
+
+```typescript
+posthog.on('eventCaptured', async (data) => {
+    // Skip if already enriched
+    if (data.properties._enriched) {
+        return;
+    }
+
+    // Add user context
+    const user = await getCurrentUser();
+    if (user) {
+        data.properties.user_plan = user.plan;
+        data.properties.user_cohort = user.cohort;
+        data.properties.user_tenure_days = calculateTenure(user.createdAt);
+    }
+
+    // Add session context
+    data.properties.session_duration = getSessionDuration();
+    data.properties.pages_viewed = getPageViewCount();
+
+    // Add technical context
+    data.properties.connection_type = navigator.connection?.effectiveType;
+    data.properties.device_memory = navigator.deviceMemory;
+
+    // Mark as enriched
+    data.properties._enriched = true;
+});
+```
+
+### Real-Time Analytics Dashboard
+
+Build real-time monitoring:
+
+```typescript
+class AnalyticsDashboard {
+    constructor() {
+        this.events = [];
+        this.maxEvents = 100;
+
+        this.setupListeners();
+    }
+
+    setupListeners() {
+        // Track all events
+        posthog.on('eventCaptured', (data) => {
+            this.addEvent(data);
+        });
+
+        // Track session changes
+        posthog.onSessionId((sessionId) => {
+            this.updateSessionInfo(sessionId);
+        });
+
+        // Track flag changes
+        posthog.onFeatureFlags((flags) => {
+            this.updateFlags(flags);
+        });
+    }
+
+    addEvent(data) {
+        this.events.unshift({
+            ...data,
+            timestamp: Date.now()
+        });
+
+        if (this.events.length > this.maxEvents) {
+            this.events.pop();
+        }
+
+        this.render();
+    }
+
+    updateSessionInfo(sessionId) {
+        console.log('Session changed:', sessionId);
+        this.render();
+    }
+
+    updateFlags(flags) {
+        console.log('Flags updated:', flags);
+        this.render();
+    }
+
+    render() {
+        // Update dashboard UI
+        this.renderEventList();
+        this.renderMetrics();
+    }
+
+    renderEventList() {
+        // Display recent events
+        console.table(this.events.slice(0, 10));
+    }
+
+    renderMetrics() {
+        // Calculate and display metrics
+        const eventCounts = this.events.reduce((acc, e) => {
+            acc[e.event] = (acc[e.event] || 0) + 1;
+            return acc;
+        }, {});
+
+        console.log('Event counts:', eventCounts);
+    }
+}
+
+// Initialize dashboard
+const dashboard = new AnalyticsDashboard();
+```
+
+## Advanced Group Analytics Patterns
+
+### Hierarchical Groups
+
+```typescript { .api }
+// Handle nested organizational structures
+interface OrganizationHierarchy {
+    company: string;
+    division: string;
+    department: string;
+    team: string;
+}
+
+function setOrganizationContext(user: User, hierarchy: OrganizationHierarchy) {
+    // Set all group levels
+    posthog.group('company', hierarchy.company, {
+        company_name: user.companyName,
+        company_size: user.companySize,
+        industry: user.industry
+    });
+    
+    posthog.group('division', hierarchy.division, {
+        division_name: user.divisionName,
+        division_head: user.divisionHead
+    });
+    
+    posthog.group('department', hierarchy.department, {
+        department_name: user.departmentName,
+        budget: user.departmentBudget
+    });
+    
+    posthog.group('team', hierarchy.team, {
+        team_name: user.teamName,
+        team_size: user.teamSize
+    });
+    
+    // Reload flags to get group-based targeting
+    posthog.reloadFeatureFlags();
+}
+```
+
+### Group Property Management
+
+```typescript { .api }
+// Update group properties dynamically
+class GroupPropertyManager {
+    updateCompanyMetrics(companyId: string, metrics: {
+        mrr?: number;
+        userCount?: number;
+        activeUsers?: number;
+    }) {
+        posthog.group('company', companyId, {
+            mrr: metrics.mrr,
+            user_count: metrics.userCount,
+            active_users: metrics.activeUsers,
+            last_updated: new Date().toISOString()
+        });
+    }
+    
+    incrementUsage(companyId: string, feature: string) {
+        posthog.capture('feature_used', {
+            feature: feature
+        });
+        
+        // Update company-level usage tracking
+        posthog.group('company', companyId, {
+            [`${feature}_usage_count`]: 1  // PostHog will increment
+        });
+    }
+}
+```
+
+### Multi-Tenant Analytics
+
+```typescript { .api }
+// Complete multi-tenant tracking
+class MultiTenantAnalytics {
+    identifyTenant(user: User, tenant: Tenant) {
+        // Identify user
+        posthog.identify(user.id, {
+            email: user.email,
+            name: user.name,
+            role: user.role
+        });
+        
+        // Associate with tenant
+        posthog.group('tenant', tenant.id, {
+            tenant_name: tenant.name,
+            plan: tenant.plan,
+            created_at: tenant.createdAt,
+            user_count: tenant.userCount,
+            mrr: tenant.mrr,
+            industry: tenant.industry,
+            region: tenant.region
+        });
+        
+        // Track tenant-level events
+        posthog.capture('tenant_session_started', {
+            tenant_id: tenant.id,
+            user_role: user.role
+        });
+        
+        // Reload flags for tenant-specific features
+        posthog.reloadFeatureFlags();
+    }
+    
+    trackTenantEvent(event: string, properties: Properties = {}) {
+        const groups = posthog.getGroups();
+        
+        posthog.capture(event, {
+            ...properties,
+            tenant_id: groups.tenant
+        });
+    }
+    
+    switchTenant(newTenant: Tenant) {
+        // Clear old group associations
+        posthog.resetGroups();
+        
+        // Set new tenant
+        posthog.group('tenant', newTenant.id, {
+            tenant_name: newTenant.name,
+            plan: newTenant.plan
+        });
+        
+        // Track switch
+        posthog.capture('tenant_switched', {
+            new_tenant_id: newTenant.id
+        });
+        
+        // Reload flags
+        posthog.reloadFeatureFlags();
+    }
+}
+```
+
+## Advanced LLM Analytics
+
+### Comprehensive LLM Tracking
+
+```typescript { .api }
+// Complete LLM interaction tracking
+interface LLMTrace {
+    id: string;
+    model: string;
+    prompt: string;
+    response?: string;
+    startTime: number;
+    endTime?: number;
+    error?: Error;
+}
+
+class LLMAnalytics {
+    private traces = new Map<string, LLMTrace>();
+    
+    startTrace(model: string, prompt: string): string {
+        const traceId = `trace_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+        
+        this.traces.set(traceId, {
+            id: traceId,
+            model,
+            prompt,
+            startTime: Date.now()
+        });
+        
+        // Capture trace start
+        posthog.capture('llm_trace_started', {
+            trace_id: traceId,
+            model: model,
+            prompt_length: prompt.length,
+            prompt_hash: this.hashPrompt(prompt)
+        });
+        
+        return traceId;
+    }
+    
+    endTrace(traceId: string, response: string, usage: {
+        promptTokens: number;
+        completionTokens: number;
+        totalTokens: number;
+    }) {
+        const trace = this.traces.get(traceId);
+        if (!trace) return;
+        
+        trace.response = response;
+        trace.endTime = Date.now();
+        
+        const duration = trace.endTime - trace.startTime;
+        
+        // Capture metrics
+        posthog.captureTraceMetric(traceId, 'duration_ms', duration);
+        posthog.captureTraceMetric(traceId, 'prompt_tokens', usage.promptTokens);
+        posthog.captureTraceMetric(traceId, 'completion_tokens', usage.completionTokens);
+        posthog.captureTraceMetric(traceId, 'total_tokens', usage.totalTokens);
+        posthog.captureTraceMetric(traceId, 'tokens_per_second', usage.totalTokens / (duration / 1000));
+        
+        // Capture completion
+        posthog.capture('llm_trace_completed', {
+            trace_id: traceId,
+            model: trace.model,
+            response_length: response.length,
+            success: true
+        });
+    }
+    
+    errorTrace(traceId: string, error: Error) {
+        const trace = this.traces.get(traceId);
+        if (!trace) return;
+        
+        trace.error = error;
+        trace.endTime = Date.now();
+        
+        // Capture error
+        posthog.captureException(error, {
+            trace_id: traceId,
+            model: trace.model,
+            prompt_length: trace.prompt.length
+        });
+        
+        posthog.capture('llm_trace_failed', {
+            trace_id: traceId,
+            error: error.message
+        });
+    }
+    
+    captureFeedback(traceId: string, rating: number, comment?: string) {
+        const feedbackData = JSON.stringify({
+            rating: rating,
+            comment: comment,
+            timestamp: new Date().toISOString()
+        });
+        
+        posthog.captureTraceFeedback(traceId, feedbackData);
+        
+        // Also track as event for analysis
+        posthog.capture('llm_feedback', {
+            trace_id: traceId,
+            rating: rating,
+            has_comment: !!comment
+        });
+    }
+    
+    private hashPrompt(prompt: string): string {
+        // Simple hash for prompt deduplication
+        return prompt.split('').reduce((hash, char) => {
+            return ((hash << 5) - hash) + char.charCodeAt(0);
+        }, 0).toString(36);
+    }
+}
+
+// Usage
+const llm = new LLMAnalytics();
+
+async function generateResponse(prompt: string) {
+    const traceId = llm.startTrace('gpt-4', prompt);
+    
+    try {
+        const result = await openai.chat.completions.create({
+            model: 'gpt-4',
+            messages: [{ role: 'user', content: prompt }]
+        });
+        
+        llm.endTrace(traceId, result.choices[0].message.content!, {
+            promptTokens: result.usage!.prompt_tokens,
+            completionTokens: result.usage!.completion_tokens,
+            totalTokens: result.usage!.total_tokens
+        });
+        
+        return { traceId, response: result.choices[0].message.content };
+    } catch (error) {
+        llm.errorTrace(traceId, error as Error);
+        throw error;
+    }
+}
+
+// Track feedback
+function handleUserFeedback(traceId: string, thumbsUp: boolean, comment?: string) {
+    const rating = thumbsUp ? 5 : 1;
+    llm.captureFeedback(traceId, rating, comment);
+}
+```
+
+### LLM Cost Tracking
+
+```typescript { .api }
+// Track LLM costs and usage
+interface TokenPricing {
+    prompt: number;    // Price per 1K tokens
+    completion: number;  // Price per 1K tokens
+}
+
+const modelPricing: Record<string, TokenPricing> = {
+    'gpt-4': { prompt: 0.03, completion: 0.06 },
+    'gpt-3.5-turbo': { prompt: 0.001, completion: 0.002 }
+};
+
+function captureTraceWithCost(
+    traceId: string,
+    model: string,
+    usage: { promptTokens: number; completionTokens: number }
+) {
+    const pricing = modelPricing[model];
+    
+    if (pricing) {
+        const promptCost = (usage.promptTokens / 1000) * pricing.prompt;
+        const completionCost = (usage.completionTokens / 1000) * pricing.completion;
+        const totalCost = promptCost + completionCost;
+        
+        posthog.captureTraceMetric(traceId, 'prompt_cost_usd', promptCost);
+        posthog.captureTraceMetric(traceId, 'completion_cost_usd', completionCost);
+        posthog.captureTraceMetric(traceId, 'total_cost_usd', totalCost);
+    }
+    
+    posthog.captureTraceMetric(traceId, 'prompt_tokens', usage.promptTokens);
+    posthog.captureTraceMetric(traceId, 'completion_tokens', usage.completionTokens);
+}
+```
+
+## Testing Advanced Features
+
+### Testing Group Analytics
+
+```typescript { .api }
+describe('Group Analytics', () => {
+    beforeEach(() => {
+        posthog.resetGroups();
+    });
+    
+    it('associates user with groups', () => {
+        posthog.group('company', 'test-company', {
+            name: 'Test Company'
+        });
+        
+        const groups = posthog.getGroups();
+        expect(groups.company).toBe('test-company');
+    });
+    
+    it('resets groups on logout', () => {
+        posthog.group('company', 'test-company');
+        posthog.resetGroups();
+        
+        const groups = posthog.getGroups();
+        expect(Object.keys(groups).length).toBe(0);
+    });
+});
+```
+
+### Testing LLM Analytics
+
+```typescript { .api }
+describe('LLM Analytics', () => {
+    it('captures trace feedback', () => {
+        const traceId = 'test-trace-123';
+        
+        posthog.captureTraceFeedback(traceId, 'positive');
+        
+        expect(posthog.capture).toHaveBeenCalledWith(
+            '$ai_feedback',
+            expect.objectContaining({
+                trace_id: traceId
+            })
+        );
+    });
+    
+    it('captures trace metrics', () => {
+        const traceId = 'test-trace-123';
+        
+        posthog.captureTraceMetric(traceId, 'tokens', 100);
+        
+        expect(posthog.capture).toHaveBeenCalledWith(
+            '$ai_metric',
+            expect.objectContaining({
+                trace_id: traceId,
+                metric_name: 'tokens',
+                metric_value: 100
+            })
+        );
+    });
+});
+```
+
+## Troubleshooting Advanced Features
+
+### Group Analytics Not Working
+
+```typescript { .api }
+// Debug group associations
+function debugGroups() {
+    console.log('Current groups:', posthog.getGroups());
+    
+    // Test group association
+    posthog.group('test_group', 'test-key', {
+        test_property: 'test_value'
+    });
+    
+    console.log('After test group:', posthog.getGroups());
+    
+    // Verify group events are captured
+    posthog.on('eventCaptured', (data) => {
+        if (data.event === '$groupidentify') {
+            console.log('Group identify event:', data);
+        }
+    });
+    
+    // Trigger a group event
+    posthog.capture('test_event_with_group');
+}
+```
+
+### LLM Traces Not Appearing
+
+```typescript { .api }
+// Debug LLM trace capture
+function debugLLMTraces() {
+    const testTraceId = 'debug-trace-123';
+    
+    // Test feedback capture
+    posthog.captureTraceFeedback(testTraceId, 'test feedback');
+    
+    // Test metric capture
+    posthog.captureTraceMetric(testTraceId, 'test_metric', 42);
+    
+    // Listen for events
+    posthog.on('eventCaptured', (data) => {
+        if (data.event === '$ai_feedback' || data.event === '$ai_metric') {
+            console.log('LLM event captured:', data);
+        }
+    });
+}
+```
+
+### Toolbar Not Loading
+
+```typescript { .api }
+// Debug toolbar loading
+function debugToolbar() {
+    console.log('Current URL:', window.location.href);
+    console.log('Has __posthog param:', window.location.search.includes('__posthog'));
+    
+    // Try loading toolbar
+    const result = posthog.loadToolbar({});
+    console.log('Toolbar load result:', result);
+    
+    // Check toolbar config
+    console.log('Toolbar disabled:', posthog.config.advanced_disable_toolbar_metrics);
+    
+    // Force load with specific intent
+    posthog.loadToolbar({
+        userIntent: 'heatmaps'
+    });
+}
+```
+
+## Performance Considerations
+
+### Optimize Group Tracking
+
+```typescript { .api }
+// Batch group updates
+async function updateMultipleGroups(updates: Array<{
+    type: string;
+    key: string;
+    properties: Properties;
+}>) {
+    // Pause flag reloading during batch
+    posthog.featureFlags.setReloadingPaused(true);
+    
+    // Update all groups
+    for (const { type, key, properties } of updates) {
+        posthog.group(type, key, properties);
+    }
+    
+    // Resume and reload once
+    posthog.featureFlags.setReloadingPaused(false);
+    posthog.reloadFeatureFlags();
+}
+```
+
+### Optimize Event Listeners
+
+```typescript { .api }
+// Clean up event listeners properly
+class EventListenerManager {
+    private unsubscribers: Array<() => void> = [];
+    
+    addListener(type: 'eventCaptured' | 'featureFlags' | 'sessionId', callback: any) {
+        let unsubscribe: () => void;
+        
+        if (type === 'eventCaptured') {
+            unsubscribe = posthog.on('eventCaptured', callback);
+        } else if (type === 'featureFlags') {
+            unsubscribe = posthog.onFeatureFlags(callback);
+        } else {
+            unsubscribe = posthog.onSessionId(callback);
+        }
+        
+        this.unsubscribers.push(unsubscribe);
+        return unsubscribe;
+    }
+    
+    removeAllListeners() {
+        this.unsubscribers.forEach(unsubscribe => unsubscribe());
+        this.unsubscribers = [];
+    }
+}
+
+// Usage in React
+function usePostHogListener(callback: (data: CaptureResult) => void) {
+    useEffect(() => {
+        const unsubscribe = posthog.on('eventCaptured', callback);
+        return unsubscribe;  // Cleanup on unmount
+    }, [callback]);
+}
+```
+
+## Edge Cases
+
+### Group Reset on User Switch
+
+```typescript { .api }
+// Handle organization switching
+async function switchOrganization(newOrgId: string) {
+    // Get current groups for logging
+    const oldGroups = posthog.getGroups();
+    
+    // Capture switch event before reset
+    posthog.capture('organization_switched', {
+        old_organization: oldGroups.company,
+        new_organization: newOrgId
+    });
+    
+    // Reset all groups
+    posthog.resetGroups();
+    
+    // Load new organization
+    const newOrg = await loadOrganization(newOrgId);
+    
+    // Set new groups
+    posthog.group('company', newOrg.id, {
+        name: newOrg.name,
+        plan: newOrg.plan,
+        user_count: newOrg.userCount
+    });
+    
+    // Reload flags for new organization context
+    posthog.reloadFeatureFlags();
+}
+```
+
+### Trace ID Generation Best Practices
+
+```typescript { .api }
+// Generate unique, traceable trace IDs
+class TraceIdGenerator {
+    generate(prefix: string = 'trace'): string {
+        const timestamp = Date.now();
+        const random = Math.random().toString(36).substring(2, 15);
+        const sessionId = posthog.get_session_id().substring(0, 8);
+        
+        return `${prefix}_${timestamp}_${sessionId}_${random}`;
+    }
+    
+    // Validate trace ID format
+    isValid(traceId: string): boolean {
+        return /^[a-z]+_\d+_[a-f0-9]+_[a-z0-9]+$/.test(traceId);
+    }
+}
+
+const traceIdGen = new TraceIdGenerator();
+
+// Usage
+const traceId = traceIdGen.generate('llm');
+if (traceIdGen.isValid(traceId)) {
+    // Use trace ID
+}
+```
+
+### Feedback with Sentiment Analysis
+
+```typescript { .api }
+// Enhanced feedback tracking with sentiment
+interface FeedbackData {
+    rating: number;
+    comment?: string;
+    sentiment?: 'positive' | 'neutral' | 'negative';
+    categories?: string[];
+}
+
+function captureFeedbackWithSentiment(traceId: string, feedback: FeedbackData) {
+    // Determine sentiment from rating if not provided
+    const sentiment = feedback.sentiment || (
+        feedback.rating >= 4 ? 'positive' :
+        feedback.rating <= 2 ? 'negative' :
+        'neutral'
+    );
+    
+    // Capture structured feedback
+    const feedbackJson = JSON.stringify({
+        rating: feedback.rating,
+        comment: feedback.comment,
+        sentiment: sentiment,
+        categories: feedback.categories,
+        timestamp: new Date().toISOString()
+    });
+    
+    posthog.captureTraceFeedback(traceId, feedbackJson);
+    
+    // Also capture as event for aggregation
+    posthog.capture('llm_feedback_detailed', {
+        trace_id: traceId,
+        rating: feedback.rating,
+        sentiment: sentiment,
+        has_comment: !!feedback.comment,
+        categories: feedback.categories?.join(',')
+    });
+}
+```
+
+## Security Considerations
+
+### Sanitize Group Properties
+
+```typescript { .api }
+// Sanitize sensitive group properties
+function sanitizeGroupProperties(properties: Properties): Properties {
+    const sensitive = ['password', 'api_key', 'secret', 'token'];
+    const sanitized = { ...properties };
+    
+    for (const key of Object.keys(sanitized)) {
+        if (sensitive.some(s => key.toLowerCase().includes(s))) {
+            delete sanitized[key];
+        }
+    }
+    
+    return sanitized;
+}
+
+// Usage
+posthog.group('company', 'company-123', sanitizeGroupProperties({
+    name: 'Company Name',
+    api_key: 'secret',  // Will be removed
+    plan: 'enterprise'
+}));
+```
+
+### Validate Trace Data
+
+```typescript { .api }
+// Validate and sanitize trace data
+function captureSafeTraceFeedback(traceId: string, feedback: string) {
+    // Validate trace ID format
+    if (!traceId || traceId.length > 255) {
+        console.error('Invalid trace ID');
+        return;
+    }
+    
+    // Sanitize feedback (remove PII)
+    const sanitized = feedback
+        .replace(/\b[\w.-]+@[\w.-]+\.\w+\b/g, '[EMAIL]')
+        .replace(/\b\d{3}-\d{2}-\d{4}\b/g, '[SSN]')
+        .replace(/\b\d{4}[\s-]?\d{4}[\s-]?\d{4}[\s-]?\d{4}\b/g, '[CARD]');
+    
+    posthog.captureTraceFeedback(traceId, sanitized);
+}
+```
+
+## See Also
+
+- [Group Analytics in Events](./events.md) - Capturing group-level events
+- [Feature Flags](./feature-flags.md) - Group-based feature flags
+- [Identification](./identification.md) - User and group identification
+- [Sentry Integration](./sentry-integration.md) - Error tracking integration
+- [Toolbar](./toolbar.md) - Debugging with the toolbar
+- [Types](./types.md) - Advanced type definitions
diff --git a/.tessl/tiles/tessl/npm-posthog-js/docs/reference/conversations.md b/.tessl/tiles/tessl/npm-posthog-js/docs/reference/conversations.md
new file mode 100644
index 000000000..9c75966a4
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-posthog-js/docs/reference/conversations.md
@@ -0,0 +1,297 @@
+# Conversations
+
+Conversations provides an interactive chat widget that enables real-time communication between your application and users. It supports displaying messages, collecting feedback, and managing conversation state.
+
+**Note**: The Conversations API is lazy-loaded and may not be immediately available after initialization.
+
+## Capabilities
+
+### Show Conversations Widget
+
+Displays the conversations widget on the page.
+
+```typescript { .api }
+/**
+ * Shows the conversations widget
+ * The widget will be displayed as a floating chat interface
+ */
+function show(): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Show conversations widget
+posthog.conversations.show();
+
+// Show on button click
+button.addEventListener('click', () => {
+    posthog.conversations.show();
+});
+
+// Show after user action
+function openSupport() {
+    posthog.conversations.show();
+    posthog.capture('support_opened');
+}
+```
+
+### Hide Conversations Widget
+
+Hides the conversations widget from the page.
+
+```typescript { .api }
+/**
+ * Hides the conversations widget
+ */
+function hide(): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Hide conversations widget
+posthog.conversations.hide();
+
+// Hide on close button
+closeButton.addEventListener('click', () => {
+    posthog.conversations.hide();
+});
+```
+
+### Reset Conversations State
+
+Resets the conversations state, clearing any cached data.
+
+```typescript { .api }
+/**
+ * Resets conversations state
+ * Useful when user logs out or switches accounts
+ */
+function reset(): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Reset on logout
+function logout() {
+    posthog.conversations.reset();
+    posthog.reset();
+}
+
+// Reset when switching accounts
+function switchAccount(newAccountId) {
+    posthog.conversations.reset();
+    posthog.identify(newAccountId);
+}
+```
+
+## Configuration
+
+Conversations can be enabled or disabled during initialization:
+
+```typescript
+posthog.init('<your-project-api-key>', {
+    disable_conversations: false // Enable conversations (default: false)
+});
+```
+
+## Types
+
+### ConversationsRemoteConfig
+
+```typescript { .api }
+/**
+ * Remote configuration for conversations loaded from PostHog
+ */
+interface ConversationsRemoteConfig {
+    /**
+     * Whether conversations are enabled
+     */
+    enabled?: boolean;
+
+    /**
+     * Widget appearance configuration
+     */
+    appearance?: {
+        primaryColor?: string;
+        backgroundColor?: string;
+        textColor?: string;
+        position?: 'left' | 'right';
+    };
+
+    /**
+     * Auto-open settings
+     */
+    autoOpen?: boolean;
+
+    /**
+     * Welcome message
+     */
+    welcomeMessage?: string;
+}
+```
+
+### UserProvidedTraits
+
+```typescript { .api }
+/**
+ * User traits that can be provided to conversations
+ */
+interface UserProvidedTraits {
+    /**
+     * User's name
+     */
+    name?: string;
+
+    /**
+     * User's email
+     */
+    email?: string;
+
+    /**
+     * Additional custom properties
+     */
+    [key: string]: any;
+}
+```
+
+## Best Practices
+
+### Integration with User Support
+
+```typescript
+// Show conversations for support
+function ContactSupport() {
+    return (
+        <button onClick={() => {
+            posthog.conversations.show();
+            posthog.capture('support_widget_opened');
+        }}>
+            Contact Support
+        </button>
+    );
+}
+```
+
+### Conditional Display
+
+```typescript
+// Show conversations only to authenticated users
+if (user.isAuthenticated) {
+    posthog.identify(user.id, {
+        email: user.email,
+        name: user.name
+    });
+
+    // Enable conversations for authenticated users
+    if (user.needsHelp) {
+        posthog.conversations.show();
+    }
+}
+```
+
+### State Management
+
+```typescript
+// Track conversation state
+let conversationsOpen = false;
+
+function toggleConversations() {
+    if (conversationsOpen) {
+        posthog.conversations.hide();
+        conversationsOpen = false;
+    } else {
+        posthog.conversations.show();
+        conversationsOpen = true;
+    }
+}
+```
+
+## Common Patterns
+
+### Auto-open for New Users
+
+```typescript
+// Auto-open conversations for first-time users
+posthog.onFeatureFlags(() => {
+    const isNewUser = !posthog.get_property('has_opened_conversations');
+
+    if (isNewUser) {
+        setTimeout(() => {
+            posthog.conversations.show();
+            posthog.register({ has_opened_conversations: true });
+        }, 3000); // Wait 3 seconds before showing
+    }
+});
+```
+
+### Context-Aware Conversations
+
+```typescript
+// Show conversations with context
+function showHelpForFeature(featureName: string) {
+    // Set context before showing conversations
+    posthog.capture('help_requested', {
+        feature: featureName,
+        page: window.location.pathname
+    });
+
+    posthog.conversations.show();
+}
+```
+
+### Integration with Chat Button
+
+```typescript
+// Add a floating chat button
+function ChatButton() {
+    const [isOpen, setIsOpen] = useState(false);
+
+    const toggleChat = () => {
+        if (isOpen) {
+            posthog.conversations.hide();
+        } else {
+            posthog.conversations.show();
+        }
+        setIsOpen(!isOpen);
+    };
+
+    return (
+        <button
+            className="chat-button"
+            onClick={toggleChat}
+            aria-label="Open chat"
+        >
+            {isOpen ? 'Close' : 'Chat'}
+        </button>
+    );
+}
+```
+
+### User Logout Handling
+
+```typescript
+// Properly clean up conversations on logout
+function handleUserLogout() {
+    // Hide widget
+    posthog.conversations.hide();
+
+    // Reset conversations state
+    posthog.conversations.reset();
+
+    // Reset PostHog state
+    posthog.reset();
+
+    // Clear user session
+    clearUserSession();
+}
+```
+
+## Notes
+
+- The Conversations API is loaded asynchronously and may not be available immediately after PostHog initialization
+- Conversations require network connectivity to function properly
+- The widget appearance and behavior can be configured in your PostHog project settings
+- Conversations are automatically integrated with user identification, so identify users before showing the widget for the best experience
diff --git a/.tessl/tiles/tessl/npm-posthog-js/docs/reference/early-access-features.md b/.tessl/tiles/tessl/npm-posthog-js/docs/reference/early-access-features.md
new file mode 100644
index 000000000..e7c253b9b
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-posthog-js/docs/reference/early-access-features.md
@@ -0,0 +1,349 @@
+# Early Access Features
+
+Early Access Features allow you to manage beta feature enrollments and give users opt-in/opt-out control over experimental features. This enables gradual feature rollouts and gathering feedback from early adopters.
+
+## Capabilities
+
+### Get Early Access Features
+
+Fetches all early access features available for the current user.
+
+```typescript { .api }
+/**
+ * Gets early access features for the current user
+ * @param callback - Callback receiving features and load status
+ * @param force_reload - Force reload from server instead of using cache
+ */
+function getEarlyAccessFeatures(
+    callback: EarlyAccessFeatureCallback,
+    force_reload?: boolean
+): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Get all early access features
+posthog.getEarlyAccessFeatures((features) => {
+    console.log('Available features:', features);
+    features.forEach(feature => {
+        console.log(`${feature.name}: ${feature.stage}`);
+    });
+});
+
+// Force reload from server
+posthog.getEarlyAccessFeatures((features) => {
+    console.log('Fresh features:', features);
+}, true);
+
+// Display features in UI
+function EarlyAccessPanel() {
+    posthog.getEarlyAccessFeatures((features) => {
+        renderFeatureList(features);
+    });
+}
+```
+
+### Update Feature Enrollment
+
+Updates a user's enrollment status for a specific early access feature.
+
+```typescript { .api }
+/**
+ * Updates user's enrollment in an early access feature
+ * @param key - Feature key identifier
+ * @param isEnrolled - Whether the user should be enrolled
+ * @param stage - Optional stage override ('alpha', 'beta', 'general-availability')
+ */
+function updateEarlyAccessFeatureEnrollment(
+    key: string,
+    isEnrolled: boolean,
+    stage?: EarlyAccessFeatureStage
+): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Enroll user in a feature
+posthog.updateEarlyAccessFeatureEnrollment('new-editor', true);
+
+// Unenroll user from a feature
+posthog.updateEarlyAccessFeatureEnrollment('new-editor', false);
+
+// Enroll with specific stage
+posthog.updateEarlyAccessFeatureEnrollment('ai-features', true, 'beta');
+
+// Toggle enrollment
+function toggleFeature(featureKey: string, currentlyEnrolled: boolean) {
+    posthog.updateEarlyAccessFeatureEnrollment(featureKey, !currentlyEnrolled);
+
+    // Capture enrollment event
+    posthog.capture('early_access_enrollment_changed', {
+        feature: featureKey,
+        enrolled: !currentlyEnrolled
+    });
+}
+```
+
+## Types
+
+### EarlyAccessFeatureCallback
+
+```typescript { .api }
+/**
+ * Callback invoked when early access features are loaded
+ * @param features - Array of available early access features
+ */
+type EarlyAccessFeatureCallback = (features: EarlyAccessFeature[]) => void;
+```
+
+### EarlyAccessFeature
+
+```typescript { .api }
+/**
+ * Early access feature definition
+ */
+interface EarlyAccessFeature {
+    /**
+     * Unique feature identifier
+     */
+    id: string;
+
+    /**
+     * Feature key used for enrollment
+     */
+    key: string;
+
+    /**
+     * Feature name
+     */
+    name: string;
+
+    /**
+     * Feature description
+     */
+    description?: string;
+
+    /**
+     * Current stage of the feature
+     */
+    stage: EarlyAccessFeatureStage;
+
+    /**
+     * Whether the current user is enrolled
+     */
+    isEnrolled: boolean;
+
+    /**
+     * Documentation URL
+     */
+    documentationUrl?: string;
+
+    /**
+     * Feature flag key (if linked to a flag)
+     */
+    flagKey?: string;
+}
+```
+
+### EarlyAccessFeatureStage
+
+```typescript { .api }
+/**
+ * Stage of an early access feature
+ */
+type EarlyAccessFeatureStage = 'alpha' | 'beta' | 'general-availability';
+```
+
+## Best Practices
+
+### Feature Opt-In UI
+
+```typescript
+// Create an opt-in panel for early access features
+function EarlyAccessSettings() {
+    const [features, setFeatures] = useState<EarlyAccessFeature[]>([]);
+
+    useEffect(() => {
+        posthog.getEarlyAccessFeatures((loadedFeatures) => {
+            setFeatures(loadedFeatures);
+        });
+    }, []);
+
+    const toggleFeature = (feature: EarlyAccessFeature) => {
+        posthog.updateEarlyAccessFeatureEnrollment(
+            feature.key,
+            !feature.isEnrolled
+        );
+
+        // Update local state
+        setFeatures(features.map(f =>
+            f.key === feature.key
+                ? { ...f, isEnrolled: !f.isEnrolled }
+                : f
+        ));
+    };
+
+    return (
+        <div>
+            <h2>Early Access Features</h2>
+            {features.map(feature => (
+                <div key={feature.key}>
+                    <h3>{feature.name} ({feature.stage})</h3>
+                    <p>{feature.description}</p>
+                    <button onClick={() => toggleFeature(feature)}>
+                        {feature.isEnrolled ? 'Opt Out' : 'Opt In'}
+                    </button>
+                </div>
+            ))}
+        </div>
+    );
+}
+```
+
+### Feature-Flag Integration
+
+```typescript
+// Link early access features with feature flags
+posthog.getEarlyAccessFeatures((features) => {
+    features.forEach(feature => {
+        if (feature.flagKey) {
+            const isFlagEnabled = posthog.isFeatureEnabled(feature.flagKey);
+            console.log(`${feature.name}: ${isFlagEnabled ? 'enabled' : 'disabled'}`);
+        }
+    });
+});
+```
+
+### Stage-Based Access
+
+```typescript
+// Show features based on stage
+posthog.getEarlyAccessFeatures((features) => {
+    const alphaFeatures = features.filter(f => f.stage === 'alpha');
+    const betaFeatures = features.filter(f => f.stage === 'beta');
+
+    console.log('Alpha features:', alphaFeatures.length);
+    console.log('Beta features:', betaFeatures.length);
+
+    // Show beta features to all users, alpha only to internal users
+    const userEmail = posthog.get_property('email');
+    const isInternal = userEmail?.endsWith('@company.com');
+
+    if (isInternal) {
+        renderFeatures([...alphaFeatures, ...betaFeatures]);
+    } else {
+        renderFeatures(betaFeatures);
+    }
+});
+```
+
+## Common Patterns
+
+### Automatic Enrollment
+
+```typescript
+// Auto-enroll users who meet criteria
+posthog.getEarlyAccessFeatures((features) => {
+    const userPlan = posthog.get_property('plan');
+
+    features.forEach(feature => {
+        // Auto-enroll premium users in beta features
+        if (userPlan === 'premium' && feature.stage === 'beta' && !feature.isEnrolled) {
+            posthog.updateEarlyAccessFeatureEnrollment(feature.key, true);
+            console.log(`Auto-enrolled in ${feature.name}`);
+        }
+    });
+});
+```
+
+### Feature Announcement
+
+```typescript
+// Notify users of new early access features
+function checkForNewFeatures() {
+    const seenFeatures = posthog.get_property('seen_early_access_features') || [];
+
+    posthog.getEarlyAccessFeatures((features) => {
+        const newFeatures = features.filter(f => !seenFeatures.includes(f.key));
+
+        if (newFeatures.length > 0) {
+            showNotification(`${newFeatures.length} new features available!`);
+
+            // Mark as seen
+            posthog.register({
+                seen_early_access_features: features.map(f => f.key)
+            });
+        }
+    });
+}
+```
+
+### Feedback Collection
+
+```typescript
+// Collect feedback on enrolled features
+posthog.getEarlyAccessFeatures((features) => {
+    const enrolledFeatures = features.filter(f => f.isEnrolled);
+
+    enrolledFeatures.forEach(feature => {
+        // Track feature usage
+        posthog.capture('early_access_feature_used', {
+            feature_key: feature.key,
+            feature_name: feature.name,
+            stage: feature.stage
+        });
+    });
+});
+```
+
+### Progressive Rollout
+
+```typescript
+// Gradually roll out features
+function promoteFeatureStage(featureKey: string) {
+    posthog.getEarlyAccessFeatures((features) => {
+        const feature = features.find(f => f.key === featureKey);
+
+        if (feature && feature.stage === 'alpha') {
+            // Promote to beta
+            posthog.updateEarlyAccessFeatureEnrollment(
+                featureKey,
+                true,
+                'beta'
+            );
+        }
+    });
+}
+```
+
+## Integration with Feature Flags
+
+Early access features can be linked to feature flags for conditional rendering:
+
+```typescript
+// Check both enrollment and flag status
+posthog.getEarlyAccessFeatures((features) => {
+    const newEditorFeature = features.find(f => f.key === 'new-editor');
+
+    if (newEditorFeature?.isEnrolled && newEditorFeature.flagKey) {
+        const flagEnabled = posthog.isFeatureEnabled(newEditorFeature.flagKey);
+
+        if (flagEnabled) {
+            // Show new editor
+            renderNewEditor();
+        } else {
+            // Flag is off, show old editor even though enrolled
+            renderOldEditor();
+        }
+    }
+});
+```
+
+## Notes
+
+- Early access features are loaded from PostHog servers and may require network connectivity
+- Enrollment changes are persisted and synchronized across sessions
+- Feature availability may be controlled by feature flags, user properties, or cohorts
+- Use early access features for gradual rollouts and collecting user feedback before general availability
diff --git a/.tessl/tiles/tessl/npm-posthog-js/docs/reference/error-tracking.md b/.tessl/tiles/tessl/npm-posthog-js/docs/reference/error-tracking.md
new file mode 100644
index 000000000..112b5e46f
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-posthog-js/docs/reference/error-tracking.md
@@ -0,0 +1,1122 @@
+# Error Tracking
+
+Error tracking allows you to capture and monitor exceptions, errors, and crashes in your application automatically or manually.
+
+## Capabilities
+
+### Capture Exception Manually
+
+Manually captures an exception with optional additional properties.
+
+```typescript { .api }
+/**
+ * Manually captures an exception
+ * @param error - Error object or any throwable value
+ * @param additionalProperties - Additional properties to attach to the exception event
+ * @returns CaptureResult if successful, undefined otherwise
+ */
+function captureException(
+    error: unknown,
+    additionalProperties?: Properties
+): CaptureResult | undefined;
+```
+
+**Usage Examples:**
+
+```typescript
+// Capture basic error
+try {
+    riskyOperation();
+} catch (error) {
+    posthog.captureException(error);
+}
+
+// Capture with additional context
+try {
+    await processPayment(amount);
+} catch (error) {
+    posthog.captureException(error, {
+        payment_amount: amount,
+        user_id: userId,
+        payment_method: 'credit_card'
+    });
+}
+
+// Capture custom error
+const customError = new Error('Custom error message');
+customError.code = 'CUSTOM_ERROR_CODE';
+posthog.captureException(customError, {
+    context: 'user_action',
+    severity: 'high'
+});
+
+// Capture non-Error objects
+posthog.captureException('String error message', {
+    source: 'api_response'
+});
+
+posthog.captureException({
+    message: 'Custom error object',
+    details: { foo: 'bar' }
+});
+```
+
+### Start Exception Autocapture
+
+Starts automatic capture of uncaught errors and unhandled promise rejections.
+
+```typescript { .api }
+/**
+ * Starts automatic exception capture
+ * @param config - Configuration for autocapture behavior
+ */
+function startExceptionAutocapture(config?: ExceptionAutoCaptureConfig): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Start with default settings (all error types)
+posthog.startExceptionAutocapture();
+
+// Customize what to capture
+posthog.startExceptionAutocapture({
+    capture_unhandled_errors: true,      // window.onerror
+    capture_unhandled_rejections: true,   // unhandledrejection
+    capture_console_errors: false         // console.error
+});
+
+// Capture only promise rejections
+posthog.startExceptionAutocapture({
+    capture_unhandled_errors: false,
+    capture_unhandled_rejections: true,
+    capture_console_errors: false
+});
+
+// Start after user consent
+function onErrorTrackingConsent() {
+    posthog.startExceptionAutocapture();
+}
+```
+
+### Stop Exception Autocapture
+
+Stops automatic exception capture.
+
+```typescript { .api }
+/**
+ * Stops automatic exception capture
+ */
+function stopExceptionAutocapture(): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Stop autocapture
+posthog.stopExceptionAutocapture();
+
+// Stop on user opt-out
+function onUserOptOut() {
+    posthog.stopExceptionAutocapture();
+    localStorage.setItem('error_tracking_disabled', 'true');
+}
+
+// Stop temporarily
+function pauseErrorTracking() {
+    posthog.stopExceptionAutocapture();
+}
+
+function resumeErrorTracking() {
+    posthog.startExceptionAutocapture();
+}
+```
+
+## Types
+
+### ExceptionAutoCaptureConfig
+
+```typescript { .api }
+/**
+ * Configuration for automatic exception capture
+ */
+interface ExceptionAutoCaptureConfig {
+    /**
+     * Capture uncaught errors (window.onerror)
+     * @default true
+     */
+    capture_unhandled_errors?: boolean;
+
+    /**
+     * Capture unhandled promise rejections
+     * @default true
+     */
+    capture_unhandled_rejections?: boolean;
+
+    /**
+     * Capture console.error calls
+     * @default false
+     */
+    capture_console_errors?: boolean;
+}
+```
+
+### CaptureResult
+
+```typescript { .api }
+/**
+ * Result of capturing an exception
+ */
+interface CaptureResult {
+    /**
+     * Event name that was captured
+     */
+    event: string;
+
+    /**
+     * Properties that were sent with the event
+     */
+    properties: Record<string, any>;
+}
+```
+
+### Properties
+
+```typescript { .api }
+/**
+ * Object containing event properties
+ */
+type Properties = Record<string, Property | Property[]>;
+```
+
+### Property
+
+```typescript { .api }
+/**
+ * A single property value
+ */
+type Property = string | number | boolean | null | undefined;
+```
+
+## Configuration
+
+### Enable Exception Capture on Init
+
+Configure exception capture during initialization:
+
+```typescript { .api }
+// Enable with default settings
+posthog.init('token', {
+    capture_exceptions: true
+});
+
+// Enable with custom configuration
+posthog.init('token', {
+    capture_exceptions: {
+        capture_unhandled_errors: true,
+        capture_unhandled_rejections: true,
+        capture_console_errors: true
+    }
+});
+
+// Disable exception capture
+posthog.init('token', {
+    capture_exceptions: false
+});
+```
+
+## Best Practices
+
+### Error Context
+
+Always include relevant context when capturing errors:
+
+```typescript
+// ✅ Good: Rich context
+try {
+    await fetchUserData(userId);
+} catch (error) {
+    posthog.captureException(error, {
+        user_id: userId,
+        operation: 'fetch_user_data',
+        api_endpoint: '/api/users',
+        timestamp: Date.now(),
+        retry_count: retryCount,
+        network_status: navigator.onLine ? 'online' : 'offline'
+    });
+}
+
+// ❌ Bad: No context
+try {
+    await fetchUserData(userId);
+} catch (error) {
+    posthog.captureException(error);
+}
+```
+
+### Error Severity Levels
+
+Categorize errors by severity:
+
+```typescript
+function captureErrorWithSeverity(error, severity, context = {}) {
+    posthog.captureException(error, {
+        severity: severity,
+        ...context
+    });
+}
+
+// Usage
+try {
+    criticalOperation();
+} catch (error) {
+    captureErrorWithSeverity(error, 'critical', {
+        operation: 'payment_processing'
+    });
+}
+
+try {
+    nonCriticalOperation();
+} catch (error) {
+    captureErrorWithSeverity(error, 'warning', {
+        operation: 'load_recommendations'
+    });
+}
+```
+
+### Error Filtering
+
+Filter out noise and expected errors:
+
+```typescript
+// Filter known/expected errors
+function shouldCaptureError(error) {
+    // Don't capture user cancellations
+    if (error.name === 'AbortError') {
+        return false;
+    }
+
+    // Don't capture network timeouts below threshold
+    if (error.code === 'ETIMEDOUT' && error.timeout < 5000) {
+        return false;
+    }
+
+    // Don't capture 3rd party script errors
+    if (error.filename?.includes('third-party-script')) {
+        return false;
+    }
+
+    return true;
+}
+
+// Wrap captureException
+function captureFilteredError(error, properties = {}) {
+    if (shouldCaptureError(error)) {
+        posthog.captureException(error, properties);
+    }
+}
+
+// Usage
+try {
+    await operation();
+} catch (error) {
+    captureFilteredError(error, { operation: 'user_action' });
+}
+```
+
+### Link to Session Replays
+
+Include session replay URLs with exceptions:
+
+```typescript
+// Always include replay URL
+try {
+    dangerousOperation();
+} catch (error) {
+    posthog.captureException(error, {
+        session_replay_url: posthog.get_session_replay_url({
+            withTimestamp: true,
+            timestampLookBack: 30
+        }),
+        session_id: posthog.get_session_id()
+    });
+}
+
+// Automatic integration
+function captureExceptionWithReplay(error, properties = {}) {
+    posthog.captureException(error, {
+        ...properties,
+        session_replay_url: posthog.get_session_replay_url({
+            withTimestamp: true
+        }),
+        session_id: posthog.get_session_id(),
+        user_id: posthog.get_distinct_id()
+    });
+}
+```
+
+### Error Boundaries
+
+Integrate with React error boundaries:
+
+```typescript
+class ErrorBoundary extends React.Component {
+    componentDidCatch(error, errorInfo) {
+        posthog.captureException(error, {
+            error_boundary: true,
+            component_stack: errorInfo.componentStack,
+            location: window.location.pathname,
+            session_replay_url: posthog.get_session_replay_url({
+                withTimestamp: true
+            })
+        });
+    }
+
+    render() {
+        if (this.state.hasError) {
+            return <ErrorFallback />;
+        }
+
+        return this.props.children;
+    }
+}
+```
+
+## Common Patterns
+
+### Global Error Handler
+
+Set up comprehensive error tracking:
+
+```typescript
+// Initialize error tracking
+function initializeErrorTracking() {
+    // Start autocapture
+    posthog.startExceptionAutocapture({
+        capture_unhandled_errors: true,
+        capture_unhandled_rejections: true,
+        capture_console_errors: false // Handle manually for filtering
+    });
+
+    // Manual console.error capture with filtering
+    const originalConsoleError = console.error;
+    console.error = function(...args) {
+        // Filter out known warnings
+        const message = args[0]?.toString() || '';
+        if (!message.includes('React DevTools') &&
+            !message.includes('Download the React DevTools')) {
+            posthog.captureException(new Error(message), {
+                source: 'console.error',
+                args: args
+            });
+        }
+
+        originalConsoleError.apply(console, args);
+    };
+}
+
+// Call on app initialization
+initializeErrorTracking();
+```
+
+### Async Error Handling
+
+Handle async errors consistently:
+
+```typescript
+// Async wrapper with error tracking
+async function withErrorTracking(fn, context = {}) {
+    try {
+        return await fn();
+    } catch (error) {
+        posthog.captureException(error, {
+            ...context,
+            function_name: fn.name
+        });
+        throw error;
+    }
+}
+
+// Usage
+const userData = await withErrorTracking(
+    () => fetchUserData(userId),
+    { operation: 'fetch_user', user_id: userId }
+);
+
+// Promise wrapper
+function trackPromiseErrors(promise, context = {}) {
+    return promise.catch(error => {
+        posthog.captureException(error, context);
+        throw error;
+    });
+}
+
+// Usage
+trackPromiseErrors(
+    fetch('/api/data'),
+    { endpoint: '/api/data' }
+);
+```
+
+### API Error Tracking
+
+Track API errors with rich context:
+
+```typescript
+class APIClient {
+    async request(url, options = {}) {
+        try {
+            const response = await fetch(url, options);
+
+            if (!response.ok) {
+                const error = new Error(`API Error: ${response.status}`);
+                error.status = response.status;
+                error.url = url;
+                error.method = options.method || 'GET';
+
+                posthog.captureException(error, {
+                    error_type: 'api_error',
+                    status_code: response.status,
+                    endpoint: url,
+                    method: options.method || 'GET',
+                    response_headers: Object.fromEntries(response.headers)
+                });
+
+                throw error;
+            }
+
+            return response.json();
+        } catch (error) {
+            if (!error.status) {
+                // Network error
+                posthog.captureException(error, {
+                    error_type: 'network_error',
+                    endpoint: url,
+                    method: options.method || 'GET'
+                });
+            }
+
+            throw error;
+        }
+    }
+}
+```
+
+### Error Aggregation
+
+Group similar errors together:
+
+```typescript
+function getErrorFingerprint(error) {
+    // Create unique fingerprint for error grouping
+    const message = error.message || '';
+    const name = error.name || 'Error';
+    const stackLine = error.stack?.split('\n')[1] || '';
+
+    return `${name}:${message}:${stackLine}`;
+}
+
+function captureExceptionWithFingerprint(error, properties = {}) {
+    const fingerprint = getErrorFingerprint(error);
+
+    posthog.captureException(error, {
+        ...properties,
+        error_fingerprint: fingerprint,
+        error_name: error.name,
+        error_message: error.message
+    });
+}
+
+// Usage
+try {
+    operation();
+} catch (error) {
+    captureExceptionWithFingerprint(error, {
+        context: 'user_action'
+    });
+}
+```
+
+### Performance Error Tracking
+
+Track performance-related errors:
+
+```typescript
+// Track slow operations as errors
+async function trackSlowOperation(fn, threshold = 5000, context = {}) {
+    const startTime = Date.now();
+
+    try {
+        const result = await fn();
+        const duration = Date.now() - startTime;
+
+        if (duration > threshold) {
+            const error = new Error('Operation exceeded time threshold');
+            error.duration = duration;
+            error.threshold = threshold;
+
+            posthog.captureException(error, {
+                error_type: 'performance',
+                duration_ms: duration,
+                threshold_ms: threshold,
+                ...context
+            });
+        }
+
+        return result;
+    } catch (error) {
+        const duration = Date.now() - startTime;
+
+        posthog.captureException(error, {
+            ...context,
+            duration_ms: duration
+        });
+
+        throw error;
+    }
+}
+
+// Usage
+await trackSlowOperation(
+    () => loadLargeDataset(),
+    3000,
+    { operation: 'load_dataset' }
+);
+```
+
+### Error Rate Limiting
+
+Prevent error spam:
+
+```typescript
+class ErrorRateLimiter {
+    constructor(maxErrors = 10, windowMs = 60000) {
+        this.maxErrors = maxErrors;
+        this.windowMs = windowMs;
+        this.errors = [];
+    }
+
+    shouldCapture(error) {
+        const now = Date.now();
+        const fingerprint = this.getFingerprint(error);
+
+        // Remove old errors outside window
+        this.errors = this.errors.filter(e =>
+            now - e.timestamp < this.windowMs
+        );
+
+        // Count errors with same fingerprint
+        const similarErrors = this.errors.filter(e =>
+            e.fingerprint === fingerprint
+        );
+
+        if (similarErrors.length >= this.maxErrors) {
+            console.log(`Error rate limit exceeded for: ${fingerprint}`);
+            return false;
+        }
+
+        this.errors.push({
+            fingerprint: fingerprint,
+            timestamp: now
+        });
+
+        return true;
+    }
+
+    getFingerprint(error) {
+        return `${error.name}:${error.message}`;
+    }
+}
+
+const rateLimiter = new ErrorRateLimiter();
+
+function captureRateLimitedError(error, properties = {}) {
+    if (rateLimiter.shouldCapture(error)) {
+        posthog.captureException(error, properties);
+    }
+}
+```
+
+### Third-Party Error Integration
+
+Integrate with error tracking services:
+
+```typescript
+// Sentry integration
+import * as Sentry from '@sentry/browser';
+
+function captureToAllServices(error, properties = {}) {
+    // Capture to PostHog
+    posthog.captureException(error, properties);
+
+    // Capture to Sentry
+    Sentry.captureException(error, {
+        extra: properties,
+        contexts: {
+            posthog: {
+                session_id: posthog.get_session_id(),
+                distinct_id: posthog.get_distinct_id()
+            }
+        }
+    });
+}
+
+// Bugsnag integration
+import Bugsnag from '@bugsnag/js';
+
+function captureWithBugsnag(error, properties = {}) {
+    posthog.captureException(error, properties);
+
+    Bugsnag.notify(error, (event) => {
+        event.addMetadata('posthog', {
+            session_id: posthog.get_session_id(),
+            distinct_id: posthog.get_distinct_id(),
+            ...properties
+        });
+    });
+}
+```
+
+### Development vs Production
+
+Handle errors differently by environment:
+
+```typescript
+function captureEnvironmentAwareError(error, properties = {}) {
+    const isDevelopment = process.env.NODE_ENV === 'development';
+
+    if (isDevelopment) {
+        // In development, log to console with full details
+        console.error('Error captured:', error);
+        console.log('Context:', properties);
+
+        // Optionally still capture to PostHog
+        // posthog.captureException(error, properties);
+    } else {
+        // In production, always capture
+        posthog.captureException(error, {
+            ...properties,
+            environment: 'production'
+        });
+    }
+}
+```
+
+### User Impact Tracking
+
+Track how errors affect users:
+
+```typescript
+function captureErrorWithImpact(error, impact, properties = {}) {
+    posthog.captureException(error, {
+        ...properties,
+        user_impact: impact,
+        user_id: posthog.get_distinct_id(),
+        session_id: posthog.get_session_id()
+    });
+}
+
+// Usage examples
+try {
+    await submitPayment();
+} catch (error) {
+    captureErrorWithImpact(error, 'high', {
+        operation: 'payment',
+        amount: paymentAmount
+    });
+    showErrorToUser('Payment failed. Please try again.');
+}
+
+try {
+    await loadRecommendations();
+} catch (error) {
+    captureErrorWithImpact(error, 'low', {
+        operation: 'recommendations'
+    });
+    // Silently fail, show default recommendations
+}
+```
+
+## Advanced Error Tracking Patterns
+
+### Error Categorization
+
+```typescript { .api }
+// Categorize errors for better analysis
+enum ErrorCategory {
+    NETWORK = 'network',
+    VALIDATION = 'validation',
+    BUSINESS_LOGIC = 'business_logic',
+    THIRD_PARTY = 'third_party',
+    SECURITY = 'security',
+    PERFORMANCE = 'performance'
+}
+
+function captureErrorWithCategory(
+    error: Error,
+    category: ErrorCategory,
+    properties: Properties = {}
+) {
+    posthog.captureException(error, {
+        ...properties,
+        error_category: category,
+        error_severity: getSeverity(category),
+        environment: process.env.NODE_ENV
+    });
+}
+
+function getSeverity(category: ErrorCategory): string {
+    switch (category) {
+        case ErrorCategory.SECURITY:
+            return 'critical';
+        case ErrorCategory.BUSINESS_LOGIC:
+        case ErrorCategory.NETWORK:
+            return 'high';
+        case ErrorCategory.VALIDATION:
+        case ErrorCategory.THIRD_PARTY:
+            return 'medium';
+        case ErrorCategory.PERFORMANCE:
+            return 'low';
+    }
+}
+```
+
+### Error Context Enrichment
+
+```typescript { .api }
+// Automatically enrich all errors with context
+class ErrorContextEnricher {
+    captureException(error: Error, additionalProperties: Properties = {}) {
+        const enrichedProperties = {
+            ...additionalProperties,
+            
+            // Session context
+            session_id: posthog.get_session_id(),
+            session_replay_url: posthog.get_session_replay_url({
+                withTimestamp: true,
+                timestampLookBack: 30
+            }),
+            
+            // User context
+            user_id: posthog.get_distinct_id(),
+            user_groups: posthog.getGroups(),
+            
+            // Page context
+            page_url: window.location.href,
+            page_path: window.location.pathname,
+            page_title: document.title,
+            referrer: document.referrer,
+            
+            // Device context
+            user_agent: navigator.userAgent,
+            platform: navigator.platform,
+            language: navigator.language,
+            screen_resolution: `${window.screen.width}x${window.screen.height}`,
+            viewport_size: `${window.innerWidth}x${window.innerHeight}`,
+            
+            // Network context
+            online: navigator.onLine,
+            connection_type: (navigator as any).connection?.effectiveType,
+            
+            // Error context
+            error_name: error.name,
+            error_message: error.message,
+            error_stack: error.stack,
+            timestamp: new Date().toISOString()
+        };
+        
+        return posthog.captureException(error, enrichedProperties);
+    }
+}
+
+const enricher = new ErrorContextEnricher();
+
+// Usage
+try {
+    riskyOperation();
+} catch (error) {
+    enricher.captureException(error, {
+        operation: 'risky_operation',
+        input_params: params
+    });
+}
+```
+
+### Error Recovery Tracking
+
+```typescript { .api }
+// Track error recovery attempts
+class ErrorRecoveryTracker {
+    async withRecovery<T>(
+        operation: () => Promise<T>,
+        operationName: string,
+        maxRetries: number = 3
+    ): Promise<T> {
+        let lastError: Error | null = null;
+        
+        for (let attempt = 0; attempt <= maxRetries; attempt++) {
+            try {
+                const result = await operation();
+                
+                // Track successful recovery
+                if (attempt > 0) {
+                    posthog.capture('error_recovered', {
+                        operation: operationName,
+                        attempts: attempt + 1,
+                        last_error: lastError?.message
+                    });
+                }
+                
+                return result;
+            } catch (error) {
+                lastError = error as Error;
+                
+                // Track retry attempt
+                posthog.capture('error_retry_attempt', {
+                    operation: operationName,
+                    attempt: attempt + 1,
+                    max_retries: maxRetries,
+                    error: lastError.message
+                });
+                
+                // Final attempt failed
+                if (attempt === maxRetries) {
+                    posthog.captureException(lastError, {
+                        operation: operationName,
+                        attempts: attempt + 1,
+                        recovery_failed: true
+                    });
+                    
+                    throw lastError;
+                }
+                
+                // Wait before retry (exponential backoff)
+                await new Promise(resolve =>
+                    setTimeout(resolve, Math.pow(2, attempt) * 1000)
+                );
+            }
+        }
+        
+        throw lastError!;
+    }
+}
+
+// Usage
+const recovery = new ErrorRecoveryTracker();
+
+const data = await recovery.withRecovery(
+    () => fetchUserData(userId),
+    'fetch_user_data',
+    3
+);
+```
+
+### Source Map Integration
+
+```typescript { .api }
+// Enhance errors with source maps
+interface EnhancedError extends Error {
+    sourceFile?: string;
+    sourceLine?: number;
+    sourceColumn?: number;
+    originalStack?: string;
+}
+
+function captureErrorWithSourceMap(error: EnhancedError, properties: Properties = {}) {
+    // Source maps are typically handled by browser dev tools
+    // But you can add source location if available
+    const enhancedProperties = {
+        ...properties,
+        source_file: error.sourceFile,
+        source_line: error.sourceLine,
+        source_column: error.sourceColumn,
+        stack_trace: error.stack,
+        original_stack: error.originalStack
+    };
+    
+    posthog.captureException(error, enhancedProperties);
+}
+```
+
+## Error Monitoring Dashboards
+
+### Real-Time Error Dashboard
+
+```typescript { .api }
+class ErrorDashboard {
+    private errors: Array<{
+        error: Error;
+        timestamp: number;
+        properties: Properties;
+    }> = [];
+    
+    private maxErrors = 100;
+    
+    initialize() {
+        // Listen for error events
+        posthog.on('eventCaptured', (data) => {
+            if (data.event === '$exception') {
+                this.addError({
+                    error: new Error(data.properties.$exception_message),
+                    timestamp: Date.now(),
+                    properties: data.properties
+                });
+            }
+        });
+    }
+    
+    addError(errorData: any) {
+        this.errors.unshift(errorData);
+        
+        if (this.errors.length > this.maxErrors) {
+            this.errors.pop();
+        }
+        
+        this.updateDashboard();
+    }
+    
+    updateDashboard() {
+        const errorCounts = this.errors.reduce((acc, e) => {
+            const name = e.error.name;
+            acc[name] = (acc[name] || 0) + 1;
+            return acc;
+        }, {} as Record<string, number>);
+        
+        console.log('Error dashboard:', {
+            total: this.errors.length,
+            by_type: errorCounts,
+            recent: this.errors.slice(0, 5).map(e => ({
+                message: e.error.message,
+                time: new Date(e.timestamp).toISOString()
+            }))
+        });
+    }
+    
+    getErrors() {
+        return [...this.errors];
+    }
+    
+    clearErrors() {
+        this.errors = [];
+        this.updateDashboard();
+    }
+}
+```
+
+## Troubleshooting
+
+### Exceptions Not Being Captured
+
+```typescript { .api }
+// Debug exception capture
+function debugExceptionCapture() {
+    console.log('Exception autocapture:', {
+        enabled: posthog.config.capture_exceptions,
+        config: posthog.config.capture_exceptions
+    });
+    
+    // Test manual capture
+    try {
+        throw new Error('Test error');
+    } catch (error) {
+        const result = posthog.captureException(error, { test: true });
+        console.log('Capture result:', result);
+    }
+    
+    // Check if events are being sent
+    posthog.on('eventCaptured', (data) => {
+        if (data.event === '$exception') {
+            console.log('Exception event captured:', data);
+        }
+    });
+}
+```
+
+### Too Many Errors Being Captured
+
+```typescript { .api }
+// Implement smart filtering
+class SmartErrorFilter {
+    private errorCounts = new Map<string, number>();
+    private readonly MAX_SAME_ERROR = 10;
+    private readonly WINDOW_MS = 60000;
+    
+    shouldCapture(error: Error): boolean {
+        const fingerprint = this.getFingerprint(error);
+        const count = this.errorCounts.get(fingerprint) || 0;
+        
+        if (count >= this.MAX_SAME_ERROR) {
+            console.log('Error threshold reached:', fingerprint);
+            return false;
+        }
+        
+        this.errorCounts.set(fingerprint, count + 1);
+        
+        // Reset count after window
+        setTimeout(() => {
+            this.errorCounts.delete(fingerprint);
+        }, this.WINDOW_MS);
+        
+        return true;
+    }
+    
+    private getFingerprint(error: Error): string {
+        return `${error.name}:${error.message}`;
+    }
+}
+
+const filter = new SmartErrorFilter();
+
+// Use in global error handler
+window.addEventListener('error', (event) => {
+    if (filter.shouldCapture(event.error)) {
+        posthog.captureException(event.error);
+    }
+});
+```
+
+### Performance Impact
+
+```typescript { .api }
+// Monitor error tracking performance
+class ErrorPerformanceMonitor {
+    private captureTimings: number[] = [];
+    
+    trackCapturePerformance(error: Error, properties: Properties = {}) {
+        const start = performance.now();
+        
+        const result = posthog.captureException(error, properties);
+        
+        const duration = performance.now() - start;
+        this.captureTimings.push(duration);
+        
+        if (this.captureTimings.length > 100) {
+            this.captureTimings.shift();
+        }
+        
+        return result;
+    }
+    
+    getAverageCaptureTime(): number {
+        if (this.captureTimings.length === 0) return 0;
+        
+        const sum = this.captureTimings.reduce((a, b) => a + b, 0);
+        return sum / this.captureTimings.length;
+    }
+    
+    logPerformanceStats() {
+        console.log('Error capture performance:', {
+            avg_ms: this.getAverageCaptureTime().toFixed(2),
+            count: this.captureTimings.length
+        });
+    }
+}
+```
+
+## See Also
+
+- [Session Recording](./session-recording.md) - Link errors to session replays
+- [Sentry Integration](./sentry-integration.md) - Integrate with Sentry
+- [Events](./events.md) - General event capture
+- [Privacy](./privacy.md) - Error data privacy considerations
+- [Types](./types.md) - Error tracking type definitions
diff --git a/.tessl/tiles/tessl/npm-posthog-js/docs/reference/events.md b/.tessl/tiles/tessl/npm-posthog-js/docs/reference/events.md
new file mode 100644
index 000000000..d00c3e0e9
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-posthog-js/docs/reference/events.md
@@ -0,0 +1,882 @@
+# Event Capture
+
+Event capture allows you to track user actions and behaviors. You can capture custom events with properties, register super properties that apply to all events, and manage event properties dynamically.
+
+## Capabilities
+
+### Capture Custom Events
+
+Captures a custom event with optional properties and configuration options.
+
+```typescript { .api }
+/**
+ * Captures a custom event
+ * @param event - Event name
+ * @param properties - Event properties (optional)
+ * @param options - Capture options (optional)
+ * @returns CaptureResult if successful, void otherwise
+ */
+function capture(
+    event: EventName,
+    properties?: Properties,
+    options?: CaptureOptions
+): CaptureResult | void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Simple event
+posthog.capture('button_clicked');
+
+// Event with properties
+posthog.capture('purchase_completed', {
+    product_id: '12345',
+    price: 99.99,
+    currency: 'USD'
+});
+
+// Event with options
+posthog.capture('important_action',
+    { action_type: 'critical' },
+    { send_instantly: true } // Don't batch this event
+);
+
+// Set user properties with event
+posthog.capture('user_action', {}, {
+    $set: { plan: 'premium' },
+    $set_once: { first_purchase_date: '2024-01-15' }
+});
+```
+
+### Register Super Properties
+
+Registers properties that will be sent with every subsequent event.
+
+```typescript { .api }
+/**
+ * Registers super properties that apply to all events
+ * @param properties - Properties to register
+ * @param days - Number of days to persist (optional)
+ */
+function register(properties: Properties, days?: number): void;
+```
+
+**Usage Example:**
+
+```typescript
+// Register properties for all events
+posthog.register({
+    app_version: '2.1.0',
+    environment: 'production'
+});
+
+// Register with expiration
+posthog.register({
+    promotion_code: 'SUMMER2024'
+}, 30); // Expires in 30 days
+```
+
+### Register Super Properties Once
+
+Registers properties only if they don't already exist.
+
+```typescript { .api }
+/**
+ * Registers super properties once if not already set
+ * @param properties - Properties to register
+ * @param default_value - Default value if property exists
+ * @param days - Number of days to persist (optional)
+ */
+function register_once(
+    properties: Properties,
+    default_value?: Property,
+    days?: number
+): void;
+```
+
+**Usage Example:**
+
+```typescript
+// Register only on first visit
+posthog.register_once({
+    initial_referrer: document.referrer,
+    initial_landing_page: window.location.pathname
+});
+```
+
+### Register Session Properties
+
+Registers properties for the current session only (cleared on new session).
+
+```typescript { .api }
+/**
+ * Registers properties for the current session only
+ * @param properties - Properties to register for this session
+ */
+function register_for_session(properties: Properties): void;
+```
+
+**Usage Example:**
+
+```typescript
+// Properties only for this session
+posthog.register_for_session({
+    session_campaign: 'email_newsletter',
+    session_variant: 'A'
+});
+```
+
+### Unregister Super Property
+
+Removes a registered super property.
+
+```typescript { .api }
+/**
+ * Removes a registered super property
+ * @param property - Property name to remove
+ */
+function unregister(property: string): void;
+```
+
+**Usage Example:**
+
+```typescript
+posthog.unregister('promotion_code');
+```
+
+### Unregister Session Property
+
+Removes a session-specific property.
+
+```typescript { .api }
+/**
+ * Removes a session-specific property
+ * @param property - Property name to remove
+ */
+function unregister_for_session(property: string): void;
+```
+
+**Usage Example:**
+
+```typescript
+posthog.unregister_for_session('session_campaign');
+```
+
+### Get Registered Property
+
+Retrieves the value of a registered super property.
+
+```typescript { .api }
+/**
+ * Gets the value of a registered super property
+ * @param property_name - Property name
+ * @returns Property value or undefined if not found
+ */
+function get_property(property_name: string): Property | undefined;
+```
+
+**Usage Example:**
+
+```typescript
+const appVersion = posthog.get_property('app_version');
+console.log('Current version:', appVersion);
+```
+
+### Get Session Property
+
+Retrieves the value of a session-specific property.
+
+```typescript { .api }
+/**
+ * Gets the value of a session-specific property
+ * @param property_name - Property name
+ * @returns Property value or undefined if not found
+ */
+function getSessionProperty(property_name: string): Property | undefined;
+```
+
+**Usage Example:**
+
+```typescript
+const campaign = posthog.getSessionProperty('session_campaign');
+```
+
+### Calculate Event Properties
+
+Calculates the combined properties for an event, including super properties.
+
+```typescript { .api }
+/**
+ * Calculates combined event properties including super properties
+ * @param properties - Base event properties
+ * @param eventName - Event name for context
+ * @param readOnly - If true, don't modify internal state
+ * @returns Combined properties object
+ */
+function calculateEventProperties(
+    properties?: Properties,
+    eventName?: string,
+    readOnly?: boolean
+): Properties;
+```
+
+**Usage Example:**
+
+```typescript
+// Preview what properties will be sent
+const finalProps = posthog.calculateEventProperties({
+    custom_prop: 'value'
+}, 'my_event', true);
+
+console.log('Event will include:', finalProps);
+```
+
+### Listen to Captured Events
+
+Registers a callback that fires whenever an event is captured.
+
+```typescript { .api }
+/**
+ * Registers an event listener
+ * @param event - Event type (currently only 'eventCaptured')
+ * @param cb - Callback function
+ * @returns Function to unsubscribe
+ */
+function on(event: 'eventCaptured', cb: (data: CaptureResult) => void): () => void;
+```
+
+**Usage Example:**
+
+```typescript
+// Listen to all captured events
+const unsubscribe = posthog.on('eventCaptured', (data) => {
+    console.log('Event captured:', data.event, data.properties);
+});
+
+// Later, stop listening
+unsubscribe();
+```
+
+### Get Page View ID
+
+Gets the unique ID for the current page view.
+
+```typescript { .api }
+/**
+ * Gets the unique ID for the current page view
+ * @returns Page view ID or undefined
+ */
+function getPageViewId(): string | undefined;
+```
+
+**Usage Example:**
+
+```typescript
+const pageViewId = posthog.getPageViewId();
+console.log('Current page view:', pageViewId);
+```
+
+### Push to Queue
+
+Adds an item to the execution queue for snippet compatibility.
+
+```typescript { .api }
+/**
+ * Pushes an item to the execution queue
+ * Used for snippet-style initialization and command queuing
+ * @param item - Command array to execute
+ */
+function push(item: any[]): void;
+```
+
+**Usage Example:**
+
+```typescript
+// Snippet-style command queuing
+posthog.push(['capture', 'event_name', { property: 'value' }]);
+posthog.push(['identify', 'user-123']);
+
+// Typically used with the PostHog snippet for async loading
+window.posthog = window.posthog || [];
+window.posthog.push(['init', 'api-key']);
+```
+
+### String Representation
+
+Returns a string representation of the PostHog instance.
+
+```typescript { .api }
+/**
+ * Returns a string representation of the PostHog instance
+ * @returns String representation
+ */
+function toString(): string;
+```
+
+**Usage Example:**
+
+```typescript
+console.log(posthog.toString());
+// Output: "posthog" or instance name
+```
+
+## Types
+
+### EventName
+
+```typescript { .api }
+/**
+ * Event name - any string value
+ */
+type EventName = string;
+```
+
+### Property
+
+```typescript { .api }
+/**
+ * A single property value
+ */
+type Property = string | number | boolean | null | undefined;
+```
+
+### Properties
+
+```typescript { .api }
+/**
+ * Object containing event or user properties
+ */
+type Properties = Record<string, Property | Property[]>;
+```
+
+### CaptureResult
+
+```typescript { .api }
+/**
+ * Result of capturing an event
+ */
+interface CaptureResult {
+    /**
+     * Event name that was captured
+     */
+    event: string;
+
+    /**
+     * Properties that were sent with the event
+     */
+    properties: Record<string, any>;
+}
+```
+
+### CaptureOptions
+
+```typescript { .api }
+/**
+ * Options for capturing events
+ */
+interface CaptureOptions {
+    /**
+     * Send this event immediately without batching
+     * @default false
+     */
+    send_instantly?: boolean;
+
+    /**
+     * Custom timestamp for the event
+     * @default Current time
+     */
+    timestamp?: Date;
+
+    /**
+     * User properties to set with this event
+     */
+    $set?: Properties;
+
+    /**
+     * User properties to set once with this event
+     */
+    $set_once?: Properties;
+
+    /**
+     * Internal batch key for grouping events
+     * @internal
+     */
+    _batchKey?: string;
+}
+```
+
+## Reserved Event Names
+
+PostHog reserves certain event names for built-in functionality. **Do not use these names for custom events:**
+
+```typescript { .api }
+// Reserved event names (automatically captured by PostHog)
+type ReservedEventName =
+    | '$pageview'           // Automatic page view tracking
+    | '$pageleave'          // Page leave events
+    | '$autocapture'        // Automatically captured interactions
+    | '$identify'           // User identification
+    | '$create_alias'       // User aliasing
+    | '$set'                // Set user properties
+    | '$set_once'           // Set user properties once
+    | '$groupidentify'      // Group identification
+    | '$feature_flag_called' // Feature flag evaluation
+    | '$feature_flag_call'  // Alternative name for flag evaluation
+    | '$survey_shown'       // Survey shown to user
+    | '$survey_sent'        // Survey response submitted
+    | '$survey_dismissed'   // Survey dismissed by user
+    | '$exception'          // Exception captured
+    | '$web_vitals'         // Web performance metrics
+    | '$ai_feedback'        // LLM trace feedback
+    | '$ai_metric'          // LLM trace metric
+    | '$session_start'      // Session started
+    | '$session_end'        // Session ended
+    | '$opt_in'             // User opted in
+    | '$opt_out';           // User opted out
+```
+
+**Note**: Avoid event names starting with `$` to prevent conflicts with PostHog's internal events.
+
+## Automatic Event Capture
+
+PostHog automatically captures certain events based on configuration:
+
+### Page Views
+
+Automatically captured when `capture_pageview` is enabled:
+
+```typescript
+// Captured automatically
+{
+    event: '$pageview',
+    properties: {
+        $current_url: 'https://example.com/page',
+        $host: 'example.com',
+        $pathname: '/page',
+        // ... other properties
+    }
+}
+```
+
+### Page Leave
+
+Automatically captured when `capture_pageleave` is enabled:
+
+```typescript
+// Captured automatically when user leaves page
+{
+    event: '$pageleave',
+    properties: {
+        $current_url: 'https://example.com/page',
+        // ... other properties
+    }
+}
+```
+
+### Autocapture Events
+
+When `autocapture` is enabled, PostHog automatically captures:
+- Click events on buttons, links, and other interactive elements
+- Form submissions
+- Input changes
+
+```typescript
+// Captured automatically on click
+{
+    event: '$autocapture',
+    properties: {
+        $event_type: 'click',
+        $el_text: 'Sign Up',
+        $el_tag: 'button',
+        // ... other element properties
+    }
+}
+```
+
+## Advanced Event Patterns
+
+### Event Batching and Deduplication
+
+```typescript { .api }
+// Deduplicate rapid events
+class EventDeduplicator {
+    private recentEvents = new Map<string, number>();
+    private dedupWindow = 1000; // 1 second
+    
+    capture(event: string, properties: Properties = {}) {
+        const key = this.getEventKey(event, properties);
+        const now = Date.now();
+        const lastTime = this.recentEvents.get(key);
+        
+        if (lastTime && (now - lastTime) < this.dedupWindow) {
+            console.log('Skipping duplicate event:', event);
+            return;
+        }
+        
+        this.recentEvents.set(key, now);
+        posthog.capture(event, properties);
+        
+        // Cleanup old entries
+        this.cleanup();
+    }
+    
+    private getEventKey(event: string, properties: Properties): string {
+        return `${event}:${JSON.stringify(properties)}`;
+    }
+    
+    private cleanup() {
+        const now = Date.now();
+        for (const [key, time] of this.recentEvents.entries()) {
+            if (now - time > this.dedupWindow * 2) {
+                this.recentEvents.delete(key);
+            }
+        }
+    }
+}
+
+const deduplicator = new EventDeduplicator();
+
+// Usage
+button.addEventListener('click', () => {
+    deduplicator.capture('button_clicked', { button_id: 'signup' });
+});
+```
+
+### Event Validation
+
+```typescript { .api }
+// Validate events before sending
+interface EventSchema {
+    required: string[];
+    optional?: string[];
+    types?: Record<string, string>;
+}
+
+const eventSchemas: Record<string, EventSchema> = {
+    'purchase_completed': {
+        required: ['order_id', 'total', 'currency'],
+        optional: ['discount', 'items'],
+        types: {
+            order_id: 'string',
+            total: 'number',
+            currency: 'string'
+        }
+    }
+};
+
+function captureValidatedEvent(
+    event: string,
+    properties: Properties
+): CaptureResult | void {
+    const schema = eventSchemas[event];
+    
+    if (schema) {
+        // Check required properties
+        const missing = schema.required.filter(key => !(key in properties));
+        if (missing.length > 0) {
+            console.error(`Missing required properties for ${event}:`, missing);
+            return;
+        }
+        
+        // Validate types
+        if (schema.types) {
+            for (const [key, expectedType] of Object.entries(schema.types)) {
+                if (key in properties && typeof properties[key] !== expectedType) {
+                    console.error(`Wrong type for ${key}: expected ${expectedType}`);
+                    return;
+                }
+            }
+        }
+    }
+    
+    return posthog.capture(event, properties);
+}
+
+// Usage
+captureValidatedEvent('purchase_completed', {
+    order_id: '12345',
+    total: 99.99,
+    currency: 'USD'
+});
+```
+
+### Event Enrichment Pipeline
+
+```typescript { .api }
+// Automatically enrich all events
+const enrichmentRules = [
+    // Add user context
+    (properties: Properties) => ({
+        ...properties,
+        user_plan: posthog.get_property('plan'),
+        user_cohort: posthog.get_property('cohort')
+    }),
+    
+    // Add session context
+    (properties: Properties) => ({
+        ...properties,
+        session_id: posthog.get_session_id(),
+        page_url: window.location.href
+    }),
+    
+    // Add device context
+    (properties: Properties) => ({
+        ...properties,
+        screen_resolution: `${window.screen.width}x${window.screen.height}`,
+        viewport_size: `${window.innerWidth}x${window.innerHeight}`,
+        device_memory: (navigator as any).deviceMemory,
+        connection_type: (navigator as any).connection?.effectiveType
+    })
+];
+
+function captureEnriched(event: string, properties: Properties = {}) {
+    let enriched = properties;
+    
+    for (const rule of enrichmentRules) {
+        enriched = rule(enriched);
+    }
+    
+    return posthog.capture(event, enriched);
+}
+```
+
+### Async Event Tracking
+
+```typescript { .api }
+// Track async operations with timing
+async function trackAsyncOperation<T>(
+    operationName: string,
+    operation: () => Promise<T>,
+    context: Properties = {}
+): Promise<T> {
+    const startTime = Date.now();
+    const eventId = `${operationName}-${Date.now()}`;
+    
+    // Track start
+    posthog.capture(`${operationName}_started`, {
+        ...context,
+        event_id: eventId
+    });
+    
+    try {
+        const result = await operation();
+        const duration = Date.now() - startTime;
+        
+        // Track success
+        posthog.capture(`${operationName}_completed`, {
+            ...context,
+            event_id: eventId,
+            duration_ms: duration,
+            success: true
+        });
+        
+        return result;
+    } catch (error) {
+        const duration = Date.now() - startTime;
+        
+        // Track failure
+        posthog.capture(`${operationName}_failed`, {
+            ...context,
+            event_id: eventId,
+            duration_ms: duration,
+            error: error instanceof Error ? error.message : String(error)
+        });
+        
+        throw error;
+    }
+}
+
+// Usage
+const userData = await trackAsyncOperation(
+    'fetch_user_data',
+    () => fetchUserData(userId),
+    { user_id: userId }
+);
+```
+
+## Event Troubleshooting
+
+### Events Not Appearing in PostHog
+
+```typescript { .api }
+// Debug event capture
+posthog.on('eventCaptured', (data) => {
+    console.log('Event captured locally:', data.event);
+    console.log('Properties:', data.properties);
+});
+
+// Check if capturing is enabled
+console.log('Is capturing:', posthog.is_capturing());
+
+// Check opt-out status
+console.log('Has opted out:', posthog.has_opted_out_capturing());
+
+// Enable debug mode
+posthog.debug(true);
+
+// Try capturing test event
+const result = posthog.capture('test_event', { test: true });
+console.log('Capture result:', result);
+```
+
+### Event Properties Missing
+
+```typescript { .api }
+// Check super properties
+console.log('Registered properties:', {
+    app_version: posthog.get_property('app_version'),
+    environment: posthog.get_property('environment')
+});
+
+// Check session properties
+console.log('Session property:', posthog.getSessionProperty('campaign'));
+
+// Debug property calculation
+const properties = posthog.calculateEventProperties(
+    { custom: 'value' },
+    'test_event',
+    true  // readOnly mode
+);
+console.log('Final properties:', properties);
+```
+
+### Events Being Filtered
+
+```typescript { .api }
+// Check before_send hook
+posthog.init('token', {
+    before_send: (event) => {
+        console.log('Before send:', event);
+        
+        // Filter sensitive events
+        if (event.properties.sensitive) {
+            console.log('Blocked sensitive event');
+            return null;
+        }
+        
+        return event;
+    }
+});
+```
+
+## Performance Optimization
+
+### Batch Critical Events
+
+```typescript { .api }
+// Send critical events immediately
+posthog.capture('payment_completed', {
+    order_id: '12345',
+    amount: 99.99
+}, {
+    send_instantly: true  // Don't wait for batch
+});
+
+// Regular events use batching
+posthog.capture('page_viewed', {
+    path: window.location.pathname
+});
+```
+
+### Throttle High-Frequency Events
+
+```typescript { .api }
+// Throttle scroll events
+let scrollTimeout: NodeJS.Timeout;
+
+window.addEventListener('scroll', () => {
+    clearTimeout(scrollTimeout);
+    
+    scrollTimeout = setTimeout(() => {
+        posthog.capture('scroll_depth', {
+            depth: window.scrollY,
+            max_depth: document.body.scrollHeight - window.innerHeight
+        });
+    }, 500);  // Only capture after 500ms of no scrolling
+});
+```
+
+### Event Sampling
+
+```typescript { .api }
+// Sample high-frequency events
+function captureSampled(
+    event: string,
+    properties: Properties,
+    sampleRate: number = 0.1
+): CaptureResult | void {
+    if (Math.random() < sampleRate) {
+        return posthog.capture(event, {
+            ...properties,
+            sampled: true,
+            sample_rate: sampleRate
+        });
+    }
+}
+
+// Capture 10% of scroll events
+window.addEventListener('scroll', () => {
+    captureSampled('scrolled', {
+        scroll_position: window.scrollY
+    }, 0.1);
+});
+```
+
+## Testing Event Capture
+
+### Mock Event Tracking in Tests
+
+```typescript { .api }
+// Mock for unit tests
+const mockCapture = jest.fn();
+(window as any).posthog = {
+    capture: mockCapture,
+    identify: jest.fn(),
+    // ... other methods
+};
+
+// Test event capture
+it('captures event on button click', () => {
+    render(<Button />);
+    fireEvent.click(screen.getByRole('button'));
+    
+    expect(mockCapture).toHaveBeenCalledWith(
+        'button_clicked',
+        expect.objectContaining({
+            button_id: 'test-button'
+        })
+    );
+});
+```
+
+### Verify Event Properties
+
+```typescript { .api }
+// Test helper to verify event shape
+function expectEventCaptured(
+    eventName: string,
+    expectedProperties: Partial<Properties>
+) {
+    const calls = (posthog.capture as jest.Mock).mock.calls;
+    const matchingCall = calls.find(call => call[0] === eventName);
+    
+    expect(matchingCall).toBeDefined();
+    expect(matchingCall[1]).toMatchObject(expectedProperties);
+}
+
+// Usage
+fireEvent.click(button);
+expectEventCaptured('button_clicked', {
+    button_id: 'signup',
+    location: 'header'
+});
+```
+
+## See Also
+
+- [Identification](./identification.md) - User identification and properties
+- [Feature Flags](./feature-flags.md) - Feature flag integration with events
+- [Session Recording](./session-recording.md) - Link events to session replays
+- [Privacy](./privacy.md) - Event filtering and consent
+- [Types](./types.md) - Type definitions for events
diff --git a/.tessl/tiles/tessl/npm-posthog-js/docs/reference/feature-flags.md b/.tessl/tiles/tessl/npm-posthog-js/docs/reference/feature-flags.md
new file mode 100644
index 000000000..209415dd5
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-posthog-js/docs/reference/feature-flags.md
@@ -0,0 +1,1701 @@
+# Feature Flags
+
+Feature flags allow you to control feature rollouts, run A/B tests, and manage feature access dynamically without deploying new code.
+
+## Capabilities
+
+### Get Feature Flag Value
+
+Gets the value of a feature flag (boolean, string, or undefined).
+
+```typescript { .api }
+/**
+ * Gets the value of a feature flag
+ * @param key - Feature flag key
+ * @param options - Options for flag evaluation
+ * @returns Flag value (boolean for boolean flags, string for multivariate flags, undefined if not found)
+ */
+function getFeatureFlag(
+    key: string,
+    options?: { send_event?: boolean }
+): boolean | string | undefined;
+```
+
+**Usage Examples:**
+
+```typescript
+// Boolean flag
+const newFeatureEnabled = posthog.getFeatureFlag('new-dashboard');
+if (newFeatureEnabled) {
+    showNewDashboard();
+}
+
+// Multivariate flag
+const buttonColor = posthog.getFeatureFlag('button-color-test');
+if (buttonColor === 'blue') {
+    applyBlueButton();
+} else if (buttonColor === 'green') {
+    applyGreenButton();
+}
+
+// Suppress $feature_flag_called event
+const flag = posthog.getFeatureFlag('silent-flag', { send_event: false });
+```
+
+### Check If Feature Is Enabled
+
+Checks if a boolean feature flag is enabled.
+
+```typescript { .api }
+/**
+ * Checks if a feature flag is enabled (boolean flags only)
+ * @param key - Feature flag key
+ * @param options - Options for flag evaluation
+ * @returns True if enabled, false if disabled, undefined if not found or not boolean
+ */
+function isFeatureEnabled(
+    key: string,
+    options?: { send_event: boolean }
+): boolean | undefined;
+```
+
+**Usage Examples:**
+
+```typescript
+// Simple boolean check
+if (posthog.isFeatureEnabled('new-checkout')) {
+    renderNewCheckout();
+} else {
+    renderOldCheckout();
+}
+
+// With default fallback
+const showBeta = posthog.isFeatureEnabled('beta-features') ?? false;
+
+// Suppress event tracking
+const flag = posthog.isFeatureEnabled('feature', { send_event: false });
+```
+
+### Get Feature Flag Payload
+
+Gets the JSON payload associated with a feature flag.
+
+```typescript { .api }
+/**
+ * Gets the payload associated with a feature flag
+ * @param key - Feature flag key
+ * @returns JSON payload or undefined if not found
+ */
+function getFeatureFlagPayload(key: string): JsonType;
+```
+
+**Usage Examples:**
+
+```typescript
+// Get configuration from flag payload
+const config = posthog.getFeatureFlagPayload('experiment-config');
+if (config) {
+    applyConfig({
+        variant: config.variant,
+        settings: config.settings
+    });
+}
+
+// Get complex data structures
+const pricing = posthog.getFeatureFlagPayload('pricing-experiment');
+if (pricing) {
+    setPrices({
+        monthly: pricing.monthly_price,
+        annual: pricing.annual_price,
+        discount: pricing.discount_percent
+    });
+}
+
+// Type-safe payload handling
+interface PricingConfig {
+    monthly_price: number;
+    annual_price: number;
+    discount_percent: number;
+}
+
+const typedPricing = posthog.getFeatureFlagPayload('pricing-experiment') as PricingConfig | undefined;
+if (typedPricing) {
+    setPrices(typedPricing);
+}
+```
+
+### Reload Feature Flags
+
+Manually reloads all feature flags from the server.
+
+```typescript { .api }
+/**
+ * Manually reloads feature flags from the server
+ * Useful after identify() or group() calls to get updated flags
+ */
+function reloadFeatureFlags(): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Reload after identification
+posthog.identify('user-123', { plan: 'enterprise' });
+posthog.reloadFeatureFlags();
+
+// Reload after group change
+posthog.group('company', 'acme-inc');
+posthog.reloadFeatureFlags();
+
+// Force refresh
+function refreshFeatures() {
+    posthog.reloadFeatureFlags();
+}
+```
+
+### Update Feature Flags Locally
+
+Updates feature flags locally for testing or overrides.
+
+```typescript { .api }
+/**
+ * Updates feature flags locally (for testing/overrides)
+ * @param flags - Object mapping flag keys to values
+ * @param payloads - Object mapping flag keys to payloads (optional)
+ * @param options - Options for update behavior
+ */
+function updateFlags(
+    flags: Record<string, boolean | string>,
+    payloads?: Record<string, JsonType>,
+    options?: { merge?: boolean }
+): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Override flags for testing
+posthog.updateFlags({
+    'new-feature': true,
+    'experiment-variant': 'control'
+});
+
+// Override with payloads
+posthog.updateFlags(
+    { 'config-flag': true },
+    { 'config-flag': { timeout: 5000, retries: 3 } }
+);
+
+// Merge with existing flags (default: replace)
+posthog.updateFlags(
+    { 'additional-flag': true },
+    undefined,
+    { merge: true }
+);
+```
+
+### Feature Flags Callback
+
+Registers a callback that fires when feature flags are loaded or updated.
+
+```typescript { .api }
+/**
+ * Registers a callback for when feature flags are loaded
+ * @param callback - Function to call when flags are loaded
+ * @returns Function to unsubscribe from callback
+ */
+function onFeatureFlags(callback: FeatureFlagsCallback): () => void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Listen for flag changes
+const unsubscribe = posthog.onFeatureFlags((flags, variants, context) => {
+    console.log('Flags loaded:', flags);
+    console.log('Variants:', variants);
+
+    if (context?.errorsLoading) {
+        console.error('Error loading flags:', context.errorsLoading);
+    }
+
+    // Update UI based on flags
+    updateFeatureUI(flags);
+});
+
+// Later, stop listening
+unsubscribe();
+
+// One-time callback
+posthog.onFeatureFlags((flags) => {
+    initializeApp(flags);
+})();
+```
+
+### Set Person Properties for Flags
+
+Sets person property overrides for local feature flag evaluation.
+
+```typescript { .api }
+/**
+ * Sets person property overrides for local flag evaluation
+ * @param properties - Person properties to use for flag evaluation
+ * @param reloadFeatureFlags - Whether to reload flags after setting (default: true)
+ */
+function setPersonPropertiesForFlags(
+    properties: Properties,
+    reloadFeatureFlags?: boolean
+): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Override properties for flag evaluation
+posthog.setPersonPropertiesForFlags({
+    email: 'test@example.com',
+    plan: 'enterprise'
+});
+
+// Set without reloading flags
+posthog.setPersonPropertiesForFlags(
+    { role: 'admin' },
+    false
+);
+```
+
+### Reset Person Properties for Flags
+
+Clears person property overrides for flag evaluation.
+
+```typescript { .api }
+/**
+ * Clears person property overrides for flags
+ */
+function resetPersonPropertiesForFlags(): void;
+```
+
+**Usage Example:**
+
+```typescript
+// Clear overrides
+posthog.resetPersonPropertiesForFlags();
+```
+
+### Set Group Properties for Flags
+
+Sets group property overrides for local feature flag evaluation.
+
+```typescript { .api }
+/**
+ * Sets group property overrides for local flag evaluation
+ * @param properties - Object mapping group types to properties
+ * @param reloadFeatureFlags - Whether to reload flags after setting (default: true)
+ */
+function setGroupPropertiesForFlags(
+    properties: { [type: string]: Properties },
+    reloadFeatureFlags?: boolean
+): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Override group properties
+posthog.setGroupPropertiesForFlags({
+    company: { plan: 'enterprise', seats: 100 },
+    team: { role: 'engineering' }
+});
+
+// Set without reloading
+posthog.setGroupPropertiesForFlags(
+    { company: { industry: 'tech' } },
+    false
+);
+```
+
+### Reset Group Properties for Flags
+
+Clears group property overrides for flag evaluation.
+
+```typescript { .api }
+/**
+ * Clears group property overrides for flags
+ * @param group_type - Optional group type to clear (clears all if not specified)
+ */
+function resetGroupPropertiesForFlags(group_type?: string): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Clear all group overrides
+posthog.resetGroupPropertiesForFlags();
+
+// Clear specific group type
+posthog.resetGroupPropertiesForFlags('company');
+```
+
+## Early Access Features
+
+### Get Early Access Features
+
+Gets available early access features for the current user.
+
+```typescript { .api }
+/**
+ * Gets available early access features
+ * @param callback - Function to call with early access features
+ * @param force_reload - Force reload from server (default: false)
+ * @param stages - Filter by specific stages (optional)
+ */
+function getEarlyAccessFeatures(
+    callback: EarlyAccessFeatureCallback,
+    force_reload?: boolean,
+    stages?: EarlyAccessFeatureStage[]
+): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Get all early access features
+posthog.getEarlyAccessFeatures((features, context) => {
+    console.log('Available features:', features);
+
+    if (context?.error) {
+        console.error('Error loading features:', context.error);
+    }
+
+    features.forEach(feature => {
+        console.log(`${feature.name} (${feature.stage})`);
+    });
+});
+
+// Force reload from server
+posthog.getEarlyAccessFeatures((features) => {
+    displayEarlyAccessUI(features);
+}, true);
+
+// Filter by specific stages
+posthog.getEarlyAccessFeatures(
+    (features) => {
+        // Only beta features
+        features.forEach(f => console.log(f.name));
+    },
+    false,
+    [EarlyAccessFeatureStage.Beta]
+);
+
+// Filter multiple stages
+posthog.getEarlyAccessFeatures(
+    (features) => {
+        // Alpha and beta features
+        displayFeatureList(features);
+    },
+    false,
+    [EarlyAccessFeatureStage.Alpha, EarlyAccessFeatureStage.Beta]
+);
+```
+
+### Update Early Access Feature Enrollment
+
+Updates enrollment status for an early access feature.
+
+```typescript { .api }
+/**
+ * Updates enrollment status for an early access feature
+ * @param key - Early access feature key
+ * @param isEnrolled - Whether user is enrolled
+ * @param stage - Feature stage (optional)
+ */
+function updateEarlyAccessFeatureEnrollment(
+    key: string,
+    isEnrolled: boolean,
+    stage?: string
+): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Enroll user in beta feature
+posthog.updateEarlyAccessFeatureEnrollment('new-editor', true, 'beta');
+
+// Unenroll from feature
+posthog.updateEarlyAccessFeatureEnrollment('new-editor', false);
+
+// Enroll without stage
+posthog.updateEarlyAccessFeatureEnrollment('feature-x', true);
+```
+
+## Types
+
+### FeatureFlagsCallback
+
+```typescript { .api }
+/**
+ * Callback invoked when feature flags are loaded
+ */
+type FeatureFlagsCallback = (
+    flags: Record<string, boolean | string>,
+    variants: Record<string, string | undefined>,
+    context?: { errorsLoading?: string }
+) => void;
+```
+
+### FeatureFlagDetail
+
+```typescript { .api }
+/**
+ * Detailed information about a feature flag
+ */
+interface FeatureFlagDetail {
+    /**
+     * Flag key
+     */
+    key: string;
+
+    /**
+     * Whether the flag is enabled
+     */
+    enabled: boolean;
+
+    /**
+     * Variant value for multivariate flags
+     */
+    variant?: string;
+
+    /**
+     * Reason for the flag evaluation result
+     */
+    reason?: EvaluationReason;
+
+    /**
+     * Additional metadata about the flag
+     */
+    metadata?: {
+        /**
+         * Flag ID
+         */
+        id?: number;
+
+        /**
+         * Flag version
+         */
+        version?: number;
+
+        /**
+         * Flag description
+         */
+        description?: string;
+
+        /**
+         * Flag payload
+         */
+        payload?: JsonType;
+    };
+}
+```
+
+### EvaluationReason
+
+```typescript { .api }
+/**
+ * Reason for feature flag evaluation result
+ */
+type EvaluationReason =
+    | 'local_evaluation'
+    | 'remote_evaluation'
+    | 'override'
+    | 'bootstrap'
+    | 'fallback'
+    | 'disabled'
+    | 'error';
+```
+
+### EarlyAccessFeature
+
+```typescript { .api }
+/**
+ * Early access feature information
+ */
+interface EarlyAccessFeature {
+    /**
+     * Unique identifier
+     */
+    id: string;
+
+    /**
+     * Feature key
+     */
+    key: string;
+
+    /**
+     * Feature name
+     */
+    name: string;
+
+    /**
+     * Feature description
+     */
+    description?: string;
+
+    /**
+     * Current stage
+     */
+    stage: EarlyAccessFeatureStage;
+}
+```
+
+### EarlyAccessFeatureStage
+
+```typescript { .api }
+/**
+ * Early access feature stage
+ */
+enum EarlyAccessFeatureStage {
+    Development = 'development',
+    Alpha = 'alpha',
+    Beta = 'beta',
+    GeneralAvailability = 'general-availability',
+}
+```
+
+### EarlyAccessFeatureCallback
+
+```typescript { .api }
+/**
+ * Callback for early access feature loading
+ */
+type EarlyAccessFeatureCallback = (
+    features: EarlyAccessFeature[],
+    context?: { isLoaded: boolean; error?: string }
+) => void;
+```
+
+### JsonType
+
+```typescript { .api }
+/**
+ * JSON-serializable value
+ */
+type JsonType = any;
+```
+
+### Properties
+
+```typescript { .api }
+/**
+ * Object containing properties
+ */
+type Properties = Record<string, Property | Property[]>;
+```
+
+### Property
+
+```typescript { .api }
+/**
+ * A single property value
+ */
+type Property = string | number | boolean | null | undefined;
+```
+
+## Deprecated Properties
+
+### decideEndpointWasHit
+
+**Deprecated**: Use other flag status checking methods instead.
+
+```typescript { .api }
+/**
+ * @deprecated Use flagsEndpointWasHit instead
+ * Checks if the decide endpoint (flags endpoint) has been hit
+ * @returns True if endpoint was hit, false otherwise
+ */
+get decideEndpointWasHit(): boolean;
+```
+
+**Usage Example:**
+
+```typescript
+// Check if flags endpoint was called
+const wasHit = posthog.decideEndpointWasHit;
+console.log('Flags endpoint hit:', wasHit);
+```
+
+## Configuration
+
+### Feature Flag Settings
+
+Configure feature flag behavior during initialization:
+
+```typescript { .api }
+// Disable feature flags entirely
+posthog.init('token', {
+    advanced_disable_flags: true
+});
+
+// Disable flags on first load (load them later)
+posthog.init('token', {
+    advanced_disable_feature_flags_on_first_load: true
+});
+
+// Set timeout for flag requests
+posthog.init('token', {
+    feature_flag_request_timeout_ms: 5000 // 5 seconds
+});
+
+// Use separate API host for flags
+posthog.init('token', {
+    flags_api_host: 'https://flags.example.com'
+});
+
+// Bootstrap flags (skip initial load)
+posthog.init('token', {
+    bootstrap: {
+        featureFlags: {
+            'new-feature': true,
+            'variant-test': 'control'
+        },
+        featureFlagPayloads: {
+            'new-feature': { config: 'value' }
+        }
+    }
+});
+```
+
+## Best Practices
+
+### Defensive Flag Checks
+
+Always handle undefined flags gracefully:
+
+```typescript
+// ✅ Good: Handle undefined with default
+const showNewUI = posthog.isFeatureEnabled('new-ui') ?? false;
+if (showNewUI) {
+    renderNewUI();
+} else {
+    renderOldUI();
+}
+
+// ✅ Good: Explicit undefined check
+const flag = posthog.getFeatureFlag('experiment');
+if (flag === undefined) {
+    // Flags not loaded yet or flag doesn't exist
+    showLoadingState();
+} else if (flag) {
+    showExperiment();
+}
+
+// ❌ Bad: Assumes flag exists
+if (posthog.isFeatureEnabled('new-ui')) {
+    renderNewUI();
+}
+// If flag is undefined, old UI won't render either
+```
+
+### Wait for Flags to Load
+
+Use callbacks to ensure flags are loaded:
+
+```typescript
+// ✅ Good: Wait for flags
+posthog.onFeatureFlags((flags) => {
+    if (flags['critical-feature']) {
+        initializeCriticalFeature();
+    }
+});
+
+// ✅ Good: Check if loaded
+function checkFeature() {
+    const flag = posthog.getFeatureFlag('feature');
+    if (flag !== undefined) {
+        return flag;
+    }
+    // Wait for flags to load
+    posthog.onFeatureFlags(() => {
+        checkFeature();
+    });
+}
+
+// ❌ Bad: Check immediately (may not be loaded)
+if (posthog.isFeatureEnabled('feature')) {
+    // This may not work if flags haven't loaded yet
+}
+```
+
+### Reload After Identity Changes
+
+Reload flags after identifying users or changing groups:
+
+```typescript
+// ✅ Good: Reload after identify
+posthog.identify('user-123', { plan: 'enterprise' });
+posthog.reloadFeatureFlags();
+
+// ✅ Good: Reload after group change
+posthog.group('company', 'acme-inc', { plan: 'enterprise' });
+posthog.reloadFeatureFlags();
+
+// ❌ Bad: Don't reload (flags may be stale)
+posthog.identify('user-123');
+// Flags still evaluated for anonymous user
+```
+
+### Use Payloads for Configuration
+
+Store configuration data in flag payloads:
+
+```typescript
+// Flag payload in PostHog dashboard
+{
+    "timeout_ms": 5000,
+    "max_retries": 3,
+    "endpoint": "https://api.example.com/v2"
+}
+
+// Application code
+const config = posthog.getFeatureFlagPayload('api-config');
+if (config) {
+    apiClient.configure({
+        timeout: config.timeout_ms,
+        retries: config.max_retries,
+        endpoint: config.endpoint
+    });
+}
+```
+
+### Testing with Flag Overrides
+
+Override flags for local development and testing:
+
+```typescript
+// Development mode overrides
+if (process.env.NODE_ENV === 'development') {
+    posthog.updateFlags({
+        'new-feature': true,
+        'debug-mode': true,
+        'experiment-variant': 'test'
+    });
+}
+
+// Testing specific scenarios
+function testCheckoutFlow() {
+    posthog.updateFlags({
+        'new-checkout': true,
+        'payment-provider': 'stripe-test'
+    });
+
+    // Run tests...
+
+    // Reset after tests
+    posthog.reloadFeatureFlags();
+}
+
+// URL-based overrides
+const urlParams = new URLSearchParams(window.location.search);
+if (urlParams.has('feature_flags')) {
+    const flags = JSON.parse(urlParams.get('feature_flags'));
+    posthog.updateFlags(flags);
+}
+```
+
+## Advanced Feature Flags Sub-API
+
+The `posthog.featureFlags` namespace provides additional methods for advanced feature flag management and introspection.
+
+### Get All Flag Keys
+
+Returns an array of all feature flag keys that have been loaded.
+
+```typescript { .api }
+/**
+ * Gets all feature flag keys
+ * @returns Array of flag keys
+ */
+posthog.featureFlags.getFlags(): string[];
+```
+
+**Usage Example:**
+
+```typescript
+// Get all available flag keys
+const flagKeys = posthog.featureFlags.getFlags();
+console.log('Available flags:', flagKeys);
+
+// Check if a specific flag exists
+if (flagKeys.includes('new-feature')) {
+    console.log('new-feature flag is available');
+}
+```
+
+### Get Flags With Details
+
+Returns detailed information about all feature flags including evaluation metadata.
+
+```typescript { .api }
+/**
+ * Gets all flags with evaluation details
+ * @returns Object mapping flag keys to FeatureFlagDetail objects
+ */
+posthog.featureFlags.getFlagsWithDetails(): Record<string, FeatureFlagDetail>;
+
+interface FeatureFlagDetail {
+    value: boolean | string;
+    reason?: EvaluationReason;
+    metadata?: FeatureFlagMetadata;
+}
+
+type EvaluationReason =
+    | 'targeting_match'
+    | 'condition_match'
+    | 'rollout'
+    | 'bootstrap'
+    | 'override'
+    | 'unknown';
+
+interface FeatureFlagMetadata {
+    evaluatedLocally?: boolean;
+    flagType?: 'boolean' | 'multivariate';
+}
+```
+
+**Usage Example:**
+
+```typescript
+// Get detailed flag information
+const details = posthog.featureFlags.getFlagsWithDetails();
+
+Object.entries(details).forEach(([key, detail]) => {
+    console.log(`Flag: ${key}`);
+    console.log(`  Value: ${detail.value}`);
+    console.log(`  Reason: ${detail.reason}`);
+    console.log(`  Evaluated locally: ${detail.metadata?.evaluatedLocally}`);
+});
+```
+
+### Get All Flag Variants
+
+Returns the variant values for all loaded feature flags.
+
+```typescript { .api }
+/**
+ * Gets all flag variants
+ * @returns Object mapping flag keys to variant values
+ */
+posthog.featureFlags.getFlagVariants(): Record<string, string | boolean>;
+```
+
+**Usage Example:**
+
+```typescript
+// Get all flag variants
+const variants = posthog.featureFlags.getFlagVariants();
+console.log('Flag variants:', variants);
+
+// Use for analytics or debugging
+posthog.capture('page_viewed', {
+    active_variants: variants
+});
+```
+
+### Get All Flag Payloads
+
+Returns all feature flag payloads in a single object.
+
+```typescript { .api }
+/**
+ * Gets all flag payloads
+ * @returns Object mapping flag keys to payload values
+ */
+posthog.featureFlags.getFlagPayloads(): Record<string, JsonType>;
+```
+
+**Usage Example:**
+
+```typescript
+// Get all payloads at once
+const payloads = posthog.featureFlags.getFlagPayloads();
+
+// Apply multiple configurations
+Object.entries(payloads).forEach(([key, payload]) => {
+    if (payload) {
+        applyFeatureConfig(key, payload);
+    }
+});
+```
+
+### Ensure Flags Loaded
+
+Ensures that feature flags have been loaded from the server before proceeding. Useful for preventing race conditions.
+
+```typescript { .api }
+/**
+ * Ensures feature flags are loaded before proceeding
+ * Blocks until flags are loaded or timeout occurs
+ */
+posthog.featureFlags.ensureFlagsLoaded(): void;
+```
+
+**Usage Example:**
+
+```typescript
+// Wait for flags before critical initialization
+async function initializeApp() {
+    // Ensure flags are loaded first
+    posthog.featureFlags.ensureFlagsLoaded();
+
+    // Now safely check flags
+    if (posthog.isFeatureEnabled('new-ui')) {
+        loadNewUI();
+    } else {
+        loadLegacyUI();
+    }
+}
+```
+
+### Set Anonymous Distinct ID
+
+Sets the anonymous distinct ID used for feature flag evaluation. Useful for consistent flag evaluation before user identification.
+
+```typescript { .api }
+/**
+ * Sets the anonymous distinct ID for flag evaluation
+ * @param anon_distinct_id - Anonymous distinct ID to use
+ */
+posthog.featureFlags.setAnonymousDistinctId(anon_distinct_id: string): void;
+```
+
+**Usage Example:**
+
+```typescript
+// Set a custom anonymous ID
+posthog.featureFlags.setAnonymousDistinctId('custom-anon-id');
+
+// Useful for A/B testing before user signs in
+const anonId = localStorage.getItem('experimental_user_id');
+if (anonId) {
+    posthog.featureFlags.setAnonymousDistinctId(anonId);
+    posthog.reloadFeatureFlags();
+}
+```
+
+### Pause/Resume Flag Reloading
+
+Controls whether feature flags should be automatically reloaded. Useful for performance optimization or testing scenarios.
+
+```typescript { .api }
+/**
+ * Pause or resume automatic flag reloading
+ * @param isPaused - Whether to pause reloading
+ */
+posthog.featureFlags.setReloadingPaused(isPaused: boolean): void;
+```
+
+**Usage Example:**
+
+```typescript
+// Pause reloading during batch operations
+posthog.featureFlags.setReloadingPaused(true);
+
+// Perform multiple operations
+posthog.identify('user-123');
+posthog.group('company', 'acme-inc');
+posthog.setPersonProperties({ plan: 'enterprise' });
+
+// Resume and reload once
+posthog.featureFlags.setReloadingPaused(false);
+posthog.reloadFeatureFlags();
+
+// Pause during tests
+beforeEach(() => {
+    posthog.featureFlags.setReloadingPaused(true);
+});
+
+afterEach(() => {
+    posthog.featureFlags.setReloadingPaused(false);
+});
+```
+
+### Check If Flags Are Loaded
+
+Checks if feature flags have finished loading from the server.
+
+```typescript { .api }
+/**
+ * Checks if feature flags have finished loading
+ * @returns True if flags have been loaded, false otherwise
+ */
+readonly hasLoadedFlags: boolean; // Accessed as posthog.featureFlags.hasLoadedFlags
+```
+
+**Usage Examples:**
+
+```typescript
+// Check if flags are ready before using them
+if (posthog.featureFlags.hasLoadedFlags) {
+    const variant = posthog.getFeatureFlag('experiment');
+    applyVariant(variant);
+} else {
+    // Show loading state or use defaults
+    applyDefaultVariant();
+}
+
+// Wait for flags before critical decision
+function renderApp() {
+    if (!posthog.featureFlags.hasLoadedFlags) {
+        return <LoadingSpinner />;
+    }
+
+    const showNewUI = posthog.isFeatureEnabled('new-ui');
+    return showNewUI ? <NewApp /> : <OldApp />;
+}
+```
+
+### Get Feature Flag Details
+
+Gets detailed evaluation information for a single feature flag, including the value, metadata, and evaluation reason.
+
+```typescript { .api }
+/**
+ * Gets detailed evaluation information for a feature flag
+ * @param key - Feature flag key
+ * @returns FeatureFlagDetail object with value and metadata, or undefined if not found
+ */
+posthog.featureFlags.getFeatureFlagDetails(key: string): FeatureFlagDetail | undefined;
+```
+
+**Usage Examples:**
+
+```typescript
+// Get detailed flag information for debugging
+const details = posthog.featureFlags.getFeatureFlagDetails('new-feature');
+if (details) {
+    console.log('Flag value:', details.value);
+    console.log('Evaluation reason:', details.reason);
+    console.log('Metadata:', details.metadata);
+}
+
+// Debug why a flag has a specific value
+function debugFeatureFlag(flagKey: string) {
+    const details = posthog.featureFlags.getFeatureFlagDetails(flagKey);
+
+    if (!details) {
+        console.log(`Flag "${flagKey}" not found`);
+        return;
+    }
+
+    console.log(`Flag: ${flagKey}`);
+    console.log(`Value: ${details.value}`);
+    console.log(`Reason: ${details.reason}`);
+
+    if (details.metadata) {
+        console.log('Metadata:', JSON.stringify(details.metadata, null, 2));
+    }
+}
+
+// Use evaluation reason for analytics
+const flagDetails = posthog.featureFlags.getFeatureFlagDetails('experiment');
+if (flagDetails) {
+    posthog.capture('flag_evaluated', {
+        flag_key: 'experiment',
+        flag_value: flagDetails.value,
+        evaluation_reason: flagDetails.reason
+    });
+}
+```
+
+### Get Remote Config Payload
+
+Fetch encrypted remote config feature flag payloads from PostHog servers. This method is useful for retrieving sensitive configuration data that is encrypted server-side.
+
+```typescript { .api }
+/**
+ * Fetch encrypted remote config feature flag payload
+ * @param key - Feature flag key to retrieve payload for
+ * @param callback - Callback function that receives the payload
+ */
+posthog.featureFlags.getRemoteConfigPayload(key: string, callback: RemoteConfigFeatureFlagCallback): void;
+```
+
+**Usage Examples:**
+
+```typescript
+import posthog from 'posthog-js';
+
+// Fetch remote config payload
+posthog.featureFlags.getRemoteConfigPayload('api-config', (payload) => {
+    if (payload) {
+        console.log('Remote config loaded:', payload);
+        // Use encrypted config data
+        initializeAPI(payload);
+    }
+});
+
+// Example with type-safe payload handling
+posthog.featureFlags.getRemoteConfigPayload('home-page-welcome-message', (payload) => {
+    if (payload && typeof payload === 'object') {
+        const config = payload as { message: string; style: string };
+        displayWelcomeMessage(config.message, config.style);
+    }
+});
+```
+
+### Override Feature Flags
+
+Override feature flag values and payloads for local testing and development. This is the modern replacement for the deprecated `override()` method.
+
+```typescript { .api }
+/**
+ * Override feature flag values and/or payloads for testing
+ * @param overrideOptions - Configuration for flag overrides
+ */
+posthog.featureFlags.overrideFeatureFlags(overrideOptions: OverrideFeatureFlagsOptions): void;
+```
+
+**Usage Examples:**
+
+```typescript
+import posthog from 'posthog-js';
+
+// Clear all overrides
+posthog.featureFlags.overrideFeatureFlags(false);
+
+// Enable specific flags (as boolean array)
+posthog.featureFlags.overrideFeatureFlags(['beta-feature', 'new-ui']);
+
+// Set specific flag variants (as object)
+posthog.featureFlags.overrideFeatureFlags({
+    'beta-feature': 'variant-a',
+    'new-ui': true,
+    'pricing-test': 'control'
+});
+
+// Override both flags and payloads
+posthog.featureFlags.overrideFeatureFlags({
+    flags: {
+        'beta-feature': 'variant-a',
+        'config-flag': true
+    },
+    payloads: {
+        'config-flag': {
+            apiEndpoint: 'https://staging.api.example.com',
+            maxRetries: 5
+        }
+    }
+});
+
+// Override only payloads (keep flag values from server)
+posthog.featureFlags.overrideFeatureFlags({
+    payloads: {
+        'api-config': { environment: 'development' }
+    }
+});
+
+// Suppress override warnings
+posthog.featureFlags.overrideFeatureFlags({
+    flags: ['test-flag'],
+    suppressWarning: true
+});
+```
+
+## Common Patterns
+
+### Feature Rollout
+
+Gradually roll out new features:
+
+```typescript
+// Check if new feature is enabled
+if (posthog.isFeatureEnabled('new-dashboard')) {
+    loadComponent(() => import('./NewDashboard'));
+} else {
+    loadComponent(() => import('./OldDashboard'));
+}
+
+// Rollout based on user properties
+posthog.identify(userId, {
+    email: user.email,
+    plan: user.plan,
+    signup_date: user.signupDate
+});
+posthog.reloadFeatureFlags();
+```
+
+### A/B Testing
+
+Run experiments with multivariate flags:
+
+```typescript
+// Get experiment variant
+const variant = posthog.getFeatureFlag('checkout-experiment');
+
+switch (variant) {
+    case 'control':
+        renderControlCheckout();
+        break;
+    case 'variant-a':
+        renderVariantACheckout();
+        break;
+    case 'variant-b':
+        renderVariantBCheckout();
+        break;
+    default:
+        // Flag not loaded or user not in experiment
+        renderControlCheckout();
+}
+
+// Track experiment exposure
+if (variant) {
+    posthog.capture('experiment_viewed', {
+        experiment: 'checkout-experiment',
+        variant: variant
+    });
+}
+```
+
+### Progressive Feature Rollout
+
+Enable features based on user segments:
+
+```typescript
+// Enterprise users get new features first
+posthog.onFeatureFlags((flags) => {
+    const features = {
+        advancedAnalytics: flags['advanced-analytics'],
+        customReports: flags['custom-reports'],
+        apiAccess: flags['api-access']
+    };
+
+    updateUIFeatures(features);
+});
+
+// Beta testers
+posthog.setPersonProperties({
+    beta_tester: true
+});
+posthog.reloadFeatureFlags();
+```
+
+### Kill Switch
+
+Disable features remotely without deployment:
+
+```typescript
+// Check kill switch before critical operations
+async function processCriticalOperation() {
+    if (posthog.isFeatureEnabled('critical-operation-enabled') === false) {
+        console.log('Operation disabled via feature flag');
+        return;
+    }
+
+    await performOperation();
+}
+
+// Conditional feature initialization
+posthog.onFeatureFlags((flags) => {
+    if (flags['third-party-integration']) {
+        initializeThirdPartyIntegration();
+    }
+});
+```
+
+### Feature-Specific Configuration
+
+Use flags with payloads for dynamic configuration:
+
+```typescript
+// Get feature configuration
+const searchConfig = posthog.getFeatureFlagPayload('search-config');
+
+if (searchConfig) {
+    searchService.configure({
+        algorithm: searchConfig.algorithm,
+        maxResults: searchConfig.max_results,
+        fuzzyMatching: searchConfig.fuzzy_matching,
+        boost: searchConfig.boost_factors
+    });
+}
+
+// Fallback to defaults
+const config = posthog.getFeatureFlagPayload('feature-config') || {
+    enabled: false,
+    settings: defaultSettings
+};
+```
+
+## Advanced Edge Cases
+
+### Handling Undefined Flags
+
+```typescript { .api }
+// Always handle undefined cases
+function getFeatureWithDefault(flagKey: string, defaultValue: boolean): boolean {
+    const value = posthog.isFeatureEnabled(flagKey);
+    return value !== undefined ? value : defaultValue;
+}
+
+// Usage
+const showNewFeature = getFeatureWithDefault('new-feature', false);
+
+// Type-safe multivariate flags
+function getVariantWithDefault<T extends string>(
+    flagKey: string,
+    defaultVariant: T
+): T {
+    const variant = posthog.getFeatureFlag(flagKey);
+    return (variant as T) || defaultVariant;
+}
+
+const buttonColor = getVariantWithDefault('button-color', 'blue');
+```
+
+### Race Conditions
+
+```typescript { .api }
+// ❌ Bad: Check flag before it's loaded
+function Component() {
+    const enabled = posthog.isFeatureEnabled('new-ui');  // May be undefined
+    return enabled ? <NewUI /> : <OldUI />;
+}
+
+// ✅ Good: Wait for flags to load
+function Component() {
+    const [flagsLoaded, setFlagsLoaded] = useState(false);
+    const [enabled, setEnabled] = useState(false);
+    
+    useEffect(() => {
+        const unsubscribe = posthog.onFeatureFlags((flags) => {
+            setEnabled(flags['new-ui'] || false);
+            setFlagsLoaded(true);
+        });
+        
+        return unsubscribe;
+    }, []);
+    
+    if (!flagsLoaded) {
+        return <Loading />;
+    }
+    
+    return enabled ? <NewUI /> : <OldUI />;
+}
+```
+
+### Network Failures
+
+```typescript { .api }
+// Handle flag loading failures gracefully
+function initializeWithFlagFallbacks() {
+    const flagDefaults = {
+        'new-dashboard': false,
+        'beta-features': false,
+        'experimental-mode': false
+    };
+    
+    posthog.onFeatureFlags((flags, variants, context) => {
+        if (context?.errorsLoading) {
+            console.error('Flag loading error:', context.errorsLoading);
+            // Use defaults
+            initializeApp(flagDefaults);
+        } else {
+            // Use loaded flags
+            initializeApp({ ...flagDefaults, ...flags });
+        }
+    });
+}
+```
+
+### Flag Evaluation Timing
+
+```typescript { .api }
+// Check if flags are ready
+if (posthog.featureFlags.hasLoadedFlags) {
+    const variant = posthog.getFeatureFlag('experiment');
+    applyVariant(variant);
+} else {
+    // Wait for flags
+    posthog.onFeatureFlags(() => {
+        const variant = posthog.getFeatureFlag('experiment');
+        applyVariant(variant);
+    });
+}
+
+// Or use a promise wrapper
+function waitForFlags(): Promise<void> {
+    return new Promise((resolve) => {
+        if (posthog.featureFlags.hasLoadedFlags) {
+            resolve();
+        } else {
+            posthog.onFeatureFlags(() => resolve())();
+        }
+    });
+}
+
+// Usage
+await waitForFlags();
+const variant = posthog.getFeatureFlag('experiment');
+```
+
+### Caching and Staleness
+
+```typescript { .api }
+// Force fresh flag evaluation after important events
+async function onUserUpgrade() {
+    await upgradeUserPlan(userId);
+    
+    // Reload flags to get updated targeting
+    posthog.reloadFeatureFlags();
+    
+    // Wait for reload
+    await new Promise((resolve) => {
+        posthog.onFeatureFlags(() => resolve(undefined))();
+    });
+    
+    // Now flags reflect new plan
+    const premiumFeatures = posthog.isFeatureEnabled('premium-features');
+}
+```
+
+## Performance Considerations
+
+### Minimize Flag Checks
+
+```typescript { .api }
+// ❌ Bad: Check flag repeatedly in render loop
+function render() {
+    for (let i = 0; i < 1000; i++) {
+        if (posthog.isFeatureEnabled('optimization')) {
+            // Checked 1000 times!
+        }
+    }
+}
+
+// ✅ Good: Cache flag value
+function render() {
+    const optimizationEnabled = posthog.isFeatureEnabled('optimization');
+    for (let i = 0; i < 1000; i++) {
+        if (optimizationEnabled) {
+            // Checked once, used 1000 times
+        }
+    }
+}
+```
+
+### Batch Flag Evaluations
+
+```typescript { .api }
+// Get all flags at once
+const allFlags = {
+    newUI: posthog.isFeatureEnabled('new-ui'),
+    betaFeatures: posthog.isFeatureEnabled('beta-features'),
+    experimentalMode: posthog.isFeatureEnabled('experimental-mode')
+};
+
+// Or get all flag details
+const flagDetails = posthog.featureFlags.getFlagsWithDetails();
+```
+
+### Reduce Reload Frequency
+
+```typescript { .api }
+// Pause reloading during batch operations
+posthog.featureFlags.setReloadingPaused(true);
+
+// Perform multiple operations
+await batchUserUpdate();
+await batchGroupUpdate();
+await batchPropertyUpdate();
+
+// Resume and reload once
+posthog.featureFlags.setReloadingPaused(false);
+posthog.reloadFeatureFlags();
+```
+
+## Troubleshooting
+
+### Flags Not Loading
+
+```typescript { .api }
+// Debug flag loading
+console.log('Flags endpoint hit:', posthog.flagsEndpointWasHit);
+console.log('Has loaded flags:', posthog.featureFlags.hasLoadedFlags);
+console.log('All flags:', posthog.featureFlags.getFlags());
+
+// Check configuration
+console.log('Flags disabled:', posthog.config.advanced_disable_feature_flags);
+console.log('Flags API host:', posthog.config.flags_api_host || posthog.config.api_host);
+console.log('Timeout:', posthog.config.feature_flag_request_timeout_ms);
+```
+
+### Flag Value Unexpected
+
+```typescript { .api }
+// Debug specific flag
+const flagKey = 'my-flag';
+const detail = posthog.featureFlags.getFeatureFlagDetails(flagKey);
+
+console.log(`Flag: ${flagKey}`);
+console.log(`Value: ${detail?.value}`);
+console.log(`Reason: ${detail?.reason}`);
+console.log(`Metadata:`, detail?.metadata);
+
+// Check targeting
+console.log('Distinct ID:', posthog.get_distinct_id());
+console.log('Groups:', posthog.getGroups());
+console.log('Person properties:', posthog.get_property('email'));
+```
+
+### Override Not Working
+
+```typescript { .api }
+// Verify override
+posthog.featureFlags.overrideFeatureFlags({
+    'test-flag': true
+});
+
+// Check if applied
+const flagValue = posthog.getFeatureFlag('test-flag');
+const detail = posthog.featureFlags.getFeatureFlagDetails('test-flag');
+
+console.log('Flag value:', flagValue);
+console.log('Evaluation reason:', detail?.reason);  // Should be 'override'
+
+// Clear overrides
+posthog.featureFlags.overrideFeatureFlags(false);
+```
+
+### Bootstrap Flags Not Applied
+
+```typescript { .api }
+// Verify bootstrap config
+posthog.init('token', {
+    bootstrap: {
+        featureFlags: {
+            'feature-1': true,
+            'feature-2': 'variant-a'
+        },
+        featureFlagPayloads: {
+            'feature-1': { config: 'value' }
+        }
+    }
+});
+
+// Check if bootstrap worked
+setTimeout(() => {
+    console.log('Flags loaded:', posthog.featureFlags.hasLoadedFlags);
+    console.log('Flag values:', posthog.featureFlags.getFlagVariants());
+}, 0);
+```
+
+## Testing Strategies
+
+### Local Testing
+
+```typescript { .api }
+// Override flags for testing
+if (process.env.NODE_ENV === 'test') {
+    posthog.featureFlags.overrideFeatureFlags({
+        'new-feature': true,
+        'experiment': 'variant-a',
+        'beta-mode': false
+    }, true);  // suppressWarning: true
+}
+
+// Test with different variants
+describe('Feature variations', () => {
+    it('handles control variant', () => {
+        posthog.featureFlags.overrideFeatureFlags({
+            'experiment': 'control'
+        });
+        
+        const result = renderComponent();
+        expect(result).toMatchControlVariant();
+    });
+    
+    it('handles test variant', () => {
+        posthog.featureFlags.overrideFeatureFlags({
+            'experiment': 'test'
+        });
+        
+        const result = renderComponent();
+        expect(result).toMatchTestVariant();
+    });
+});
+```
+
+### Integration Testing
+
+```typescript { .api }
+// Mock flag API responses
+async function testWithMockedFlags() {
+    // Intercept decide endpoint
+    mockHTTP.intercept('POST', '/decide/', {
+        featureFlags: {
+            'new-feature': true,
+            'experiment': 'variant-a'
+        },
+        featureFlagPayloads: {
+            'new-feature': { config: 'test' }
+        }
+    });
+    
+    // Initialize and test
+    posthog.init('token');
+    await waitForFlags();
+    
+    expect(posthog.isFeatureEnabled('new-feature')).toBe(true);
+    expect(posthog.getFeatureFlag('experiment')).toBe('variant-a');
+}
+```
+
+### URL-Based Testing
+
+```typescript { .api }
+// Test different variants via URL
+// URL: https://app.com?ph_feature_flag_experiment=variant-a
+
+// PostHog automatically applies URL overrides
+const variant = posthog.getFeatureFlag('experiment');
+console.log('Testing variant:', variant);  // 'variant-a'
+```
+
+## Migration from Other Systems
+
+### From LaunchDarkly
+
+```typescript { .api }
+// LaunchDarkly: ldClient.variation('flag-key', false)
+const value = posthog.isFeatureEnabled('flag-key') ?? false;
+
+// LaunchDarkly: ldClient.variation('flag-key', 'default')
+const variant = posthog.getFeatureFlag('flag-key') ?? 'default';
+
+// LaunchDarkly: ldClient.allFlags()
+const allFlags = posthog.featureFlags.getFlagVariants();
+```
+
+### From Split.io
+
+```typescript { .api }
+// Split.io: client.getTreatment('flag-key')
+const treatment = posthog.getFeatureFlag('flag-key') || 'control';
+
+// Split.io: client.getTreatmentWithConfig('flag-key')
+const treatment = posthog.getFeatureFlag('flag-key');
+const config = posthog.getFeatureFlagPayload('flag-key');
+```
+
+### From Optimizely
+
+```typescript { .api }
+// Optimizely: optimizely.activate('experiment-key', userId)
+const variant = posthog.getFeatureFlag('experiment-key');
+
+// Optimizely: optimizely.getVariation('experiment-key', userId)
+const variant = posthog.getFeatureFlag('experiment-key');
+
+// Optimizely: optimizely.isFeatureEnabled('feature-key', userId)
+const enabled = posthog.isFeatureEnabled('feature-key') ?? false;
+```
diff --git a/.tessl/tiles/tessl/npm-posthog-js/docs/reference/heatmaps.md b/.tessl/tiles/tessl/npm-posthog-js/docs/reference/heatmaps.md
new file mode 100644
index 000000000..8f9eaa34f
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-posthog-js/docs/reference/heatmaps.md
@@ -0,0 +1,480 @@
+# Heatmaps
+
+Heatmaps capture click and mouse movement data to visualize where users interact with your website. This data powers click heatmaps, scroll depth analysis, and rage click detection in PostHog.
+
+## Capabilities
+
+### Check If Enabled
+
+Checks whether heatmaps are currently enabled based on configuration or server-side settings.
+
+```typescript { .api }
+/**
+ * Whether heatmaps are enabled
+ * Checks local config and server-side remote config
+ */
+readonly isEnabled: boolean;
+```
+
+**Usage Example:**
+
+```typescript
+if (posthog.heatmaps.isEnabled) {
+    console.log('Heatmaps are active');
+}
+```
+
+### Start Heatmaps
+
+Starts heatmap data collection if enabled.
+
+```typescript { .api }
+/**
+ * Starts heatmap collection if enabled
+ * Safe to call multiple times - will not restart if already running
+ */
+function startIfEnabled(): void;
+```
+
+**Usage Example:**
+
+```typescript
+// Typically called automatically on initialization
+// Can be called manually if needed
+posthog.heatmaps.startIfEnabled();
+```
+
+### Stop Heatmaps
+
+Stops heatmap data collection.
+
+```typescript { .api }
+/**
+ * Stops heatmap collection and clears listeners
+ */
+function stop(): void;
+```
+
+**Usage Example:**
+
+```typescript
+// Stop collecting heatmap data
+posthog.heatmaps.stop();
+```
+
+### Flush Interval
+
+The interval at which heatmap data is sent to the server.
+
+```typescript { .api }
+/**
+ * Flush interval in milliseconds
+ * Controls how often collected heatmap data is sent to PostHog
+ * @default 5000 (5 seconds)
+ */
+readonly flushIntervalMilliseconds: number;
+```
+
+**Usage Example:**
+
+```typescript
+const interval = posthog.heatmaps.flushIntervalMilliseconds;
+console.log(`Heatmaps flush every ${interval}ms`);
+```
+
+## Configuration
+
+Heatmaps can be controlled through initialization config.
+
+```typescript
+posthog.init('token', {
+    // Enable/disable heatmaps
+    capture_heatmaps: true, // default: undefined (server-controlled)
+
+    // Or use detailed configuration
+    capture_heatmaps: {
+        // Custom flush interval in milliseconds
+        flush_interval_milliseconds: 5000 // default
+    }
+});
+```
+
+### Configuration Options
+
+```typescript { .api }
+interface HeatmapsConfig {
+    /**
+     * Enable or disable heatmaps
+     * - true: Enable heatmaps
+     * - false: Disable heatmaps
+     * - undefined: Use server-side configuration (default)
+     */
+    capture_heatmaps?: boolean | {
+        /**
+         * How often to send heatmap data to server (milliseconds)
+         * @default 5000
+         */
+        flush_interval_milliseconds?: number;
+    };
+}
+```
+
+## How Heatmaps Work
+
+### Data Collection
+
+Heatmaps automatically track:
+
+1. **Click Events** - Where users click on the page
+2. **Mouse Movements** - Where users move their cursor
+3. **Rage Clicks** - Rapid repeated clicks indicating frustration
+4. **Dead Clicks** - Clicks that don't trigger any action
+
+### Server-Side Control
+
+By default, heatmaps are controlled by server-side configuration from PostHog:
+
+```typescript
+// Let PostHog control heatmaps
+posthog.init('token'); // Uses server config
+
+// Override to always enable
+posthog.init('token', {
+    capture_heatmaps: true
+});
+
+// Override to always disable
+posthog.init('token', {
+    capture_heatmaps: false
+});
+```
+
+### Data Transmission
+
+Heatmap data is:
+- Buffered locally as users interact
+- Sent to PostHog at regular intervals (default: 5 seconds)
+- Flushed immediately on page unload
+
+## Usage Patterns
+
+### Basic Usage
+
+```typescript
+// Initialize with heatmaps enabled
+posthog.init('token', {
+    capture_heatmaps: true
+});
+
+// Check if heatmaps are active
+if (posthog.heatmaps.isEnabled) {
+    console.log('Collecting heatmap data');
+}
+```
+
+### Custom Flush Interval
+
+```typescript
+// Send heatmap data more frequently
+posthog.init('token', {
+    capture_heatmaps: {
+        flush_interval_milliseconds: 2000 // Send every 2 seconds
+    }
+});
+```
+
+### Conditional Heatmaps
+
+```typescript
+// Only enable heatmaps for specific pages
+posthog.init('token', {
+    capture_heatmaps: false // Disabled by default
+});
+
+// Enable on specific pages
+if (window.location.pathname.startsWith('/product/')) {
+    posthog.heatmaps.startIfEnabled();
+}
+
+// Disable on other pages
+posthog.heatmaps.stop();
+```
+
+### Dynamic Control
+
+```typescript
+// Start collecting heatmaps based on user action
+function enableDetailedTracking() {
+    posthog.set_config({
+        capture_heatmaps: true
+    });
+    posthog.heatmaps.startIfEnabled();
+}
+
+// Stop collecting heatmaps
+function disableDetailedTracking() {
+    posthog.heatmaps.stop();
+    posthog.set_config({
+        capture_heatmaps: false
+    });
+}
+```
+
+## Integration with Other Features
+
+### Rage Clicks
+
+Heatmaps automatically detect and track rage clicks (rapid repeated clicks):
+
+```typescript
+posthog.init('token', {
+    capture_heatmaps: true,
+    autocapture: {
+        rageclicks: true // Enable rage click detection
+    }
+});
+
+// Rage clicks are automatically included in heatmap data
+```
+
+### Dead Clicks
+
+Heatmaps can also track dead clicks (clicks with no effect):
+
+```typescript
+posthog.init('token', {
+    capture_heatmaps: true,
+    autocapture: {
+        dead_clicks: true // Enable dead click detection
+    }
+});
+```
+
+### Session Recording
+
+Heatmaps complement session recording for complete user interaction analysis:
+
+```typescript
+posthog.init('token', {
+    capture_heatmaps: true,      // Visual click/movement analysis
+    session_recording: {
+        enabled: true              // Video replay of sessions
+    }
+});
+```
+
+## Best Practices
+
+### Enable for High-Value Pages
+
+Focus heatmap collection on important pages to optimize performance and data costs:
+
+```typescript
+const highValuePages = ['/pricing', '/checkout', '/product'];
+
+posthog.init('token', {
+    capture_heatmaps: highValuePages.some(page =>
+        window.location.pathname.startsWith(page)
+    )
+});
+```
+
+### Adjust Flush Interval Based on Traffic
+
+For high-traffic pages, consider a longer flush interval:
+
+```typescript
+const isHighTrafficPage = window.location.pathname === '/';
+
+posthog.init('token', {
+    capture_heatmaps: {
+        // Less frequent flushing on high-traffic pages
+        flush_interval_milliseconds: isHighTrafficPage ? 10000 : 5000
+    }
+});
+```
+
+### Combine with Feature Flags
+
+Use feature flags to control heatmap collection:
+
+```typescript
+posthog.init('token');
+
+// Check feature flag to enable heatmaps
+posthog.onFeatureFlags(() => {
+    if (posthog.isFeatureEnabled('enable-heatmaps')) {
+        posthog.set_config({
+            capture_heatmaps: true
+        });
+        posthog.heatmaps.startIfEnabled();
+    }
+});
+```
+
+### Privacy Considerations
+
+Heatmaps respect your privacy settings:
+
+```typescript
+posthog.init('token', {
+    capture_heatmaps: true,
+    // Heatmaps will respect these settings
+    mask_all_text: true,
+    mask_all_element_attributes: true
+});
+```
+
+## Common Patterns
+
+### Gradual Rollout
+
+```typescript
+// Gradually enable heatmaps for users
+posthog.init('token');
+
+posthog.onFeatureFlags(() => {
+    const heatmapVariant = posthog.getFeatureFlag('heatmap-rollout');
+
+    if (heatmapVariant === 'enabled') {
+        posthog.set_config({
+            capture_heatmaps: true
+        });
+        posthog.heatmaps.startIfEnabled();
+    }
+});
+```
+
+### Page-Specific Heatmaps
+
+```typescript
+// Different settings for different page types
+function configureHeatmapsForPage() {
+    const path = window.location.pathname;
+
+    if (path.startsWith('/checkout')) {
+        // Detailed tracking for checkout
+        posthog.set_config({
+            capture_heatmaps: {
+                flush_interval_milliseconds: 2000 // Fast flushing
+            }
+        });
+    } else if (path.startsWith('/blog')) {
+        // Basic tracking for content pages
+        posthog.set_config({
+            capture_heatmaps: {
+                flush_interval_milliseconds: 10000 // Slower flushing
+            }
+        });
+    }
+
+    posthog.heatmaps.startIfEnabled();
+}
+
+// Call on route changes in SPAs
+configureHeatmapsForPage();
+```
+
+### A/B Test Analysis
+
+```typescript
+// Use heatmaps to analyze different variants
+posthog.init('token', {
+    capture_heatmaps: true
+});
+
+// Tag heatmap data with experiment variant
+posthog.register({
+    ab_test_variant: posthog.getFeatureFlag('pricing-page-test')
+});
+
+// Analyze heatmaps for each variant in PostHog
+```
+
+### Performance Monitoring
+
+```typescript
+// Monitor heatmap collection performance
+let heatmapStats = {
+    flushes: 0,
+    lastFlushTime: Date.now()
+};
+
+// Check flush interval
+setInterval(() => {
+    if (posthog.heatmaps.isEnabled) {
+        heatmapStats.flushes++;
+        const interval = Date.now() - heatmapStats.lastFlushTime;
+        console.log(`Heatmap flush #${heatmapStats.flushes}, interval: ${interval}ms`);
+        heatmapStats.lastFlushTime = Date.now();
+    }
+}, posthog.heatmaps.flushIntervalMilliseconds);
+```
+
+## Viewing Heatmap Data
+
+Once enabled, heatmap data appears in PostHog's Toolbar:
+
+1. Load the PostHog toolbar on your site
+2. Navigate to the Heatmaps tab
+3. View click heatmaps, rage clicks, and scroll depth
+4. Filter by date range, URL, or user properties
+
+## Performance Impact
+
+Heatmaps have minimal performance impact:
+
+- **Memory**: Buffers data locally before sending
+- **Network**: Batches data and sends at intervals
+- **CPU**: Lightweight event listeners for clicks and movements
+- **Bandwidth**: Typically <10KB per flush
+
+For optimal performance:
+- Use appropriate flush intervals
+- Enable only on important pages
+- Combine with sampling if needed
+
+## Troubleshooting
+
+### Heatmaps Not Collecting
+
+```typescript
+// Check if enabled
+console.log('Heatmaps enabled:', posthog.heatmaps.isEnabled);
+
+// Force enable
+posthog.set_config({
+    capture_heatmaps: true
+});
+posthog.heatmaps.startIfEnabled();
+
+// Check configuration
+console.log('Flush interval:', posthog.heatmaps.flushIntervalMilliseconds);
+```
+
+### Server-Side Configuration
+
+If heatmaps aren't enabled and `capture_heatmaps` is not set:
+
+1. Check your PostHog project settings
+2. Verify server-side remote config enables heatmaps
+3. Override locally if needed:
+
+```typescript
+posthog.init('token', {
+    capture_heatmaps: true // Force enable
+});
+```
+
+### High Memory Usage
+
+If experiencing high memory usage:
+
+```typescript
+// Reduce flush interval to send data more frequently
+posthog.init('token', {
+    capture_heatmaps: {
+        flush_interval_milliseconds: 2000 // Flush more often
+    }
+});
+```
diff --git a/.tessl/tiles/tessl/npm-posthog-js/docs/reference/identification.md b/.tessl/tiles/tessl/npm-posthog-js/docs/reference/identification.md
new file mode 100644
index 000000000..517dcc60d
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-posthog-js/docs/reference/identification.md
@@ -0,0 +1,561 @@
+# User Identification
+
+User identification allows you to associate events with specific users, set person properties, create aliases between distinct IDs, and manage user state.
+
+## Capabilities
+
+### Identify User
+
+Identifies a user with a distinct ID and optionally sets person properties.
+
+```typescript { .api }
+/**
+ * Identifies a user with a distinct ID and sets person properties
+ * @param new_distinct_id - Unique identifier for the user (optional)
+ * @param userPropertiesToSet - Properties to set on the person profile
+ * @param userPropertiesToSetOnce - Properties to set only if not already set
+ */
+function identify(
+    new_distinct_id?: string,
+    userPropertiesToSet?: Properties,
+    userPropertiesToSetOnce?: Properties
+): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Identify with just a user ID
+posthog.identify('user-123');
+
+// Identify with user ID and properties
+posthog.identify('user-123', {
+    email: 'user@example.com',
+    name: 'John Doe',
+    plan: 'premium'
+});
+
+// Set properties only once (useful for immutable attributes)
+posthog.identify('user-123',
+    { last_login: new Date().toISOString() },
+    { first_seen: new Date().toISOString() }
+);
+
+// Update properties without changing distinct ID
+posthog.identify(undefined, {
+    subscription_status: 'active'
+});
+```
+
+### Set Person Properties
+
+Sets person properties without changing the distinct ID.
+
+```typescript { .api }
+/**
+ * Sets person properties for the current user
+ * @param userPropertiesToSet - Properties to set on the person profile
+ * @param userPropertiesToSetOnce - Properties to set only if not already set
+ */
+function setPersonProperties(
+    userPropertiesToSet?: Properties,
+    userPropertiesToSetOnce?: Properties
+): void;
+```
+
+**Usage Example:**
+
+```typescript
+// Update user properties
+posthog.setPersonProperties({
+    subscription_tier: 'pro',
+    last_active: new Date().toISOString()
+});
+
+// Set properties once (won't overwrite if already exists)
+posthog.setPersonProperties(
+    { current_plan: 'enterprise' },
+    { signup_date: '2024-01-15' }
+);
+```
+
+### Create Person Profile
+
+Explicitly creates a person profile for the current user.
+
+```typescript { .api }
+/**
+ * Explicitly creates a person profile for the current user
+ * Useful when person_profiles config is set to 'identified_only' or 'never'
+ */
+function createPersonProfile(): void;
+```
+
+**Usage Example:**
+
+```typescript
+// Force creation of person profile
+posthog.createPersonProfile();
+```
+
+### Reset User State
+
+Resets the user state, creating a new anonymous user.
+
+```typescript { .api }
+/**
+ * Resets the user state, creating a new anonymous user
+ * @param reset_device_id - If true, also resets the device ID (default: false)
+ */
+function reset(reset_device_id?: boolean): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Reset user (keep device ID)
+posthog.reset();
+
+// Reset user and device ID (complete reset)
+posthog.reset(true);
+
+// Common use case: user logout
+function logout() {
+    posthog.reset();
+    // Clear session, redirect, etc.
+}
+```
+
+### Create Alias
+
+Creates an alias linking two distinct IDs, allowing you to merge user profiles.
+
+```typescript { .api }
+/**
+ * Creates an alias linking two distinct IDs
+ * @param alias - The new distinct ID to link
+ * @param original - The original distinct ID (optional, defaults to current distinct ID)
+ * @returns CaptureResult if successful
+ */
+function alias(alias: string, original?: string): CaptureResult | void | number;
+```
+
+**Usage Examples:**
+
+```typescript
+// Link anonymous user to identified user
+const anonymousId = posthog.get_distinct_id();
+posthog.alias('user-123'); // Links current ID to 'user-123'
+
+// Explicit alias between two IDs
+posthog.alias('user-123', 'anonymous-abc-def');
+
+// Common pattern: after signup
+function onSignup(userId) {
+    posthog.alias(userId);
+    posthog.identify(userId, {
+        email: user.email,
+        name: user.name
+    });
+}
+```
+
+### Get Distinct ID
+
+Gets the current distinct ID for the user.
+
+```typescript { .api }
+/**
+ * Gets the current distinct ID for the user
+ * @returns The current distinct ID
+ */
+function get_distinct_id(): string;
+```
+
+**Usage Example:**
+
+```typescript
+const distinctId = posthog.get_distinct_id();
+console.log('Current user ID:', distinctId);
+
+// Use in API calls
+fetch('/api/user-data', {
+    headers: {
+        'X-User-ID': posthog.get_distinct_id()
+    }
+});
+```
+
+### Get Groups
+
+Gets all current group memberships for the user.
+
+```typescript { .api }
+/**
+ * Gets all current group memberships
+ * @returns Object mapping group types to group keys
+ */
+function getGroups(): Record<string, any>;
+```
+
+**Usage Example:**
+
+```typescript
+const groups = posthog.getGroups();
+console.log('User groups:', groups);
+// Example output: { company: 'acme-inc', team: 'engineering' }
+```
+
+## Deprecated Methods
+
+### people.set()
+
+**Deprecated**: Use `setPersonProperties()` instead.
+
+```typescript { .api }
+/**
+ * @deprecated Use setPersonProperties() instead
+ * Sets person properties
+ * @param prop - Property name or properties object
+ * @param to - Property value (if prop is a string)
+ * @param callback - Optional callback for request completion
+ */
+function people.set(
+    prop: string | Properties,
+    to?: string,
+    callback?: RequestCallback
+): void;
+```
+
+**Migration Example:**
+
+```typescript
+// Old way (deprecated)
+posthog.people.set('email', 'user@example.com');
+posthog.people.set({ name: 'John', age: 30 });
+
+// New way
+posthog.setPersonProperties({ email: 'user@example.com' });
+posthog.setPersonProperties({ name: 'John', age: 30 });
+```
+
+### people.set_once()
+
+**Deprecated**: Use `setPersonProperties()` with second parameter instead.
+
+```typescript { .api }
+/**
+ * @deprecated Use setPersonProperties(undefined, props) instead
+ * Sets person properties once if not already set
+ * @param prop - Property name or properties object
+ * @param to - Property value (if prop is a string)
+ * @param callback - Optional callback for request completion
+ */
+function people.set_once(
+    prop: string | Properties,
+    to?: string,
+    callback?: RequestCallback
+): void;
+```
+
+**Migration Example:**
+
+```typescript
+// Old way (deprecated)
+posthog.people.set_once('signup_date', '2024-01-15');
+posthog.people.set_once({ initial_referrer: 'google' });
+
+// New way
+posthog.setPersonProperties(undefined, { signup_date: '2024-01-15' });
+posthog.setPersonProperties(undefined, { initial_referrer: 'google' });
+```
+
+## Types
+
+### Properties
+
+```typescript { .api }
+/**
+ * Object containing user or event properties
+ */
+type Properties = Record<string, Property | Property[]>;
+```
+
+### Property
+
+```typescript { .api }
+/**
+ * A single property value
+ */
+type Property = string | number | boolean | null | undefined;
+```
+
+### RequestCallback
+
+```typescript { .api }
+/**
+ * Callback for request completion
+ */
+type RequestCallback = (response: RequestResponse) => void;
+```
+
+### RequestResponse
+
+```typescript { .api }
+/**
+ * Response from a PostHog request
+ */
+interface RequestResponse {
+    /**
+     * HTTP status code
+     */
+    statusCode: number;
+
+    /**
+     * HTTP status text
+     */
+    statusText?: string;
+
+    /**
+     * Response body
+     */
+    body?: string;
+}
+```
+
+## Best Practices
+
+### Identification Timing
+
+When to call `identify()`:
+
+```typescript
+// After user logs in
+async function login(email, password) {
+    const user = await authenticateUser(email, password);
+    posthog.identify(user.id, {
+        email: user.email,
+        name: user.name,
+        plan: user.plan
+    });
+}
+
+// After user signs up
+async function signup(userData) {
+    const user = await createUser(userData);
+    // Create alias from anonymous ID to user ID
+    posthog.alias(user.id);
+    // Identify with user properties
+    posthog.identify(user.id, {
+        email: user.email,
+        name: user.name
+    });
+}
+
+// On app initialization (for already logged-in users)
+async function initializeApp() {
+    const user = await getCurrentUser();
+    if (user) {
+        posthog.identify(user.id, {
+            email: user.email,
+            plan: user.plan
+        });
+    }
+}
+```
+
+### Reset on Logout
+
+Always reset user state when users log out:
+
+```typescript
+function logout() {
+    // Reset PostHog state
+    posthog.reset();
+
+    // Clear local storage/session
+    localStorage.clear();
+
+    // Redirect to login
+    window.location.href = '/login';
+}
+```
+
+### Anonymous vs Identified Users
+
+Handle both anonymous and identified users appropriately:
+
+```typescript
+// Check if user is identified
+function isUserIdentified() {
+    const distinctId = posthog.get_distinct_id();
+    // Anonymous IDs are UUIDs, identified IDs are typically not
+    return !distinctId.match(/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i);
+}
+
+// Use different logic based on user state
+if (isUserIdentified()) {
+    // Show personalized content
+} else {
+    // Show generic content
+}
+```
+
+### Person Profile Configuration
+
+Control when person profiles are created using the `person_profiles` config:
+
+```typescript
+// Only create profiles for identified users (recommended)
+posthog.init('token', {
+    person_profiles: 'identified_only' // Default
+});
+
+// Always create profiles (more data, higher costs)
+posthog.init('token', {
+    person_profiles: 'always'
+});
+
+// Never create profiles (anonymous-only tracking)
+posthog.init('token', {
+    person_profiles: 'never'
+});
+
+// Force profile creation when needed
+if (shouldCreateProfile()) {
+    posthog.createPersonProfile();
+}
+```
+
+### Aliasing Best Practices
+
+Use aliases carefully to merge user identities:
+
+```typescript
+// ✅ Good: Alias before identify
+function onSignup(userId) {
+    posthog.alias(userId); // Link anonymous ID to user ID
+    posthog.identify(userId, { email: user.email });
+}
+
+// ❌ Bad: Identify without alias (creates separate profiles)
+function onSignup(userId) {
+    posthog.identify(userId, { email: user.email });
+    // Anonymous events won't be linked to this user
+}
+
+// ✅ Good: Merge external IDs
+function linkExternalAccount(externalId) {
+    const currentId = posthog.get_distinct_id();
+    posthog.alias(externalId, currentId);
+}
+```
+
+### Property Naming Conventions
+
+Use consistent naming for person properties:
+
+```typescript
+// ✅ Good: Snake case, descriptive names
+posthog.identify('user-123', {
+    email: 'user@example.com',
+    first_name: 'John',
+    last_name: 'Doe',
+    subscription_tier: 'premium',
+    account_created_at: '2024-01-15',
+    total_purchases: 5
+});
+
+// ❌ Bad: Inconsistent naming
+posthog.identify('user-123', {
+    Email: 'user@example.com',
+    firstName: 'John',
+    LastName: 'Doe',
+    'subscription-tier': 'premium'
+});
+```
+
+## Common Patterns
+
+### User Lifecycle Management
+
+```typescript
+// App initialization
+async function initApp() {
+    const currentUser = await checkAuth();
+
+    if (currentUser) {
+        // Identify logged-in user
+        posthog.identify(currentUser.id, {
+            email: currentUser.email,
+            plan: currentUser.plan
+        });
+    }
+    // Otherwise, user remains anonymous
+}
+
+// Signup flow
+async function handleSignup(formData) {
+    const newUser = await createAccount(formData);
+
+    // Create alias to link anonymous activity
+    posthog.alias(newUser.id);
+
+    // Identify with initial properties
+    posthog.identify(newUser.id, {
+        email: newUser.email,
+        name: newUser.name
+    }, {
+        signup_date: new Date().toISOString(),
+        initial_referrer: document.referrer
+    });
+}
+
+// Login flow
+async function handleLogin(credentials) {
+    const user = await authenticate(credentials);
+
+    // Identify returning user
+    posthog.identify(user.id, {
+        email: user.email,
+        last_login: new Date().toISOString()
+    });
+}
+
+// Logout flow
+function handleLogout() {
+    posthog.reset();
+    clearSession();
+    redirectToLogin();
+}
+```
+
+### Progressive User Properties
+
+Update user properties as you learn more:
+
+```typescript
+// On signup: basic info
+posthog.identify(userId, {
+    email: user.email,
+    name: user.name
+});
+
+// After onboarding: preferences
+posthog.setPersonProperties({
+    preferred_language: 'en',
+    notification_settings: 'daily'
+});
+
+// After first purchase: lifecycle stage
+posthog.setPersonProperties({
+    customer_stage: 'active',
+    first_purchase_date: new Date().toISOString()
+});
+
+// Properties set once (never updated)
+posthog.setPersonProperties(undefined, {
+    signup_referrer: document.referrer,
+    initial_utm_source: utmSource
+});
+```
diff --git a/.tessl/tiles/tessl/npm-posthog-js/docs/reference/initialization.md b/.tessl/tiles/tessl/npm-posthog-js/docs/reference/initialization.md
new file mode 100644
index 000000000..53e819c8b
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-posthog-js/docs/reference/initialization.md
@@ -0,0 +1,1096 @@
+# Initialization
+
+Initialization and configuration of the PostHog SDK.
+
+## Capabilities
+
+### Initialize PostHog Instance
+
+Creates and initializes a PostHog instance with your project API key and optional configuration.
+
+```typescript { .api }
+/**
+ * Initializes a new instance of the PostHog capturing object
+ * @param token - Your PostHog API token
+ * @param config - Configuration options
+ * @param name - Optional name for the instance (for multiple instances)
+ * @returns The initialized PostHog instance
+ */
+function init(
+    token: string,
+    config?: Partial<PostHogConfig>,
+    name?: string
+): PostHog;
+```
+
+**Usage Example:**
+
+```typescript
+import posthog from 'posthog-js';
+
+// Basic initialization
+posthog.init('<your-project-api-key>', {
+    api_host: 'https://us.i.posthog.com'
+});
+
+// With configuration
+posthog.init('<your-project-api-key>', {
+    api_host: 'https://us.i.posthog.com',
+    autocapture: true,
+    capture_pageview: true,
+    loaded: (posthog) => {
+        console.log('PostHog is ready!');
+        // You can safely use posthog here
+    }
+});
+
+// Create a named instance
+posthog.init('<secondary-token>', {
+    api_host: 'https://us.i.posthog.com'
+}, 'secondary');
+
+// Use the named instance
+posthog.secondary.capture('event');
+```
+
+### Update Configuration
+
+Updates the configuration of an already initialized PostHog instance.
+
+```typescript { .api }
+/**
+ * Updates PostHog configuration after initialization
+ * @param config - Partial configuration to update
+ */
+function set_config(config: Partial<PostHogConfig>): void;
+```
+
+**Usage Example:**
+
+```typescript
+posthog.set_config({
+    disable_session_recording: true,
+    capture_pageview: false
+});
+```
+
+### Debug Mode
+
+Enables or disables debug logging for troubleshooting.
+
+```typescript { .api }
+/**
+ * Enable or disable debug mode
+ * @param debug - True to enable, false to disable
+ */
+function debug(debug?: boolean): void;
+```
+
+**Usage Example:**
+
+```typescript
+// Enable debug mode
+posthog.debug(true);
+
+// Disable debug mode
+posthog.debug(false);
+```
+
+## Configuration Types
+
+### PostHogConfig
+
+Main configuration interface with extensive options for controlling SDK behavior.
+
+```typescript { .api }
+interface PostHogConfig {
+    // ============================================================
+    // Core Configuration
+    // ============================================================
+
+    /**
+     * PostHog API host
+     * @default 'https://us.i.posthog.com'
+     */
+    api_host?: string;
+
+    /**
+     * Project API key (token)
+     */
+    token?: string;
+
+    /**
+     * Callback invoked when the SDK is fully loaded
+     */
+    loaded?: (posthog: PostHog) => void;
+
+    /**
+     * Name for this PostHog instance (for multiple instances)
+     * @default 'posthog'
+     */
+    name?: string;
+
+    // ============================================================
+    // Event Capture Configuration
+    // ============================================================
+
+    /**
+     * Automatically capture page views
+     * - true: Capture on initial load only
+     * - 'history_change': Capture on URL changes (for SPAs)
+     * - false: Disable automatic page view capture
+     * @default true
+     */
+    capture_pageview?: boolean | 'history_change';
+
+    /**
+     * Automatically capture page leave events
+     * - true: Always capture
+     * - 'if_capture_pageview': Only if capture_pageview is enabled
+     * - false: Never capture
+     * @default 'if_capture_pageview'
+     */
+    capture_pageleave?: boolean | 'if_capture_pageview';
+
+    /**
+     * Automatically capture click events
+     * @default true
+     */
+    autocapture?: boolean | AutocaptureConfig;
+
+    /**
+     * Automatically capture exceptions
+     * @default false
+     */
+    capture_exceptions?: boolean | ExceptionAutoCaptureConfig;
+
+    // ============================================================
+    // Storage & Persistence Configuration
+    // ============================================================
+
+    /**
+     * Storage mechanism for user data
+     * - 'cookie': Use cookies only
+     * - 'localStorage': Use localStorage only
+     * - 'sessionStorage': Use sessionStorage only
+     * - 'memory': In-memory only (no persistence)
+     * - 'localStorage+cookie': Try localStorage, fall back to cookie
+     * @default 'localStorage+cookie'
+     */
+    persistence?: 'cookie' | 'localStorage' | 'sessionStorage' | 'memory' | 'localStorage+cookie';
+
+    /**
+     * Completely disable persistence
+     * @default false
+     */
+    disable_persistence?: boolean;
+
+    /**
+     * Custom name for the persistence storage
+     * @default 'ph_{token}'
+     */
+    persistence_name?: string;
+
+    /**
+     * Cookie expiration in days
+     * @default 365
+     */
+    cookie_expiration?: number;
+
+    /**
+     * Use secure cookies (HTTPS only)
+     * @default true if on HTTPS
+     */
+    secure_cookie?: boolean;
+
+    /**
+     * Allow cross-subdomain cookies
+     * @default Automatically detected
+     */
+    cross_subdomain_cookie?: boolean;
+
+    /**
+     * Properties to persist in cookies (when using localStorage+cookie)
+     * @default []
+     */
+    cookie_persisted_properties?: string[];
+
+    // ============================================================
+    // Privacy & Consent Configuration
+    // ============================================================
+
+    /**
+     * Start with capturing disabled (user must opt in)
+     * @default false
+     */
+    opt_out_capturing_by_default?: boolean;
+
+    /**
+     * Start with persistence disabled
+     * @default false
+     */
+    opt_out_persistence_by_default?: boolean;
+
+    /**
+     * Respect Do Not Track browser setting
+     * @default false
+     */
+    respect_dnt?: boolean;
+
+    /**
+     * Cookieless tracking mode
+     * - 'never': Always use cookies/storage
+     * - 'always': Never use cookies/storage
+     * - 'on_reject': Use cookies unless user rejects
+     * @default 'never'
+     */
+    cookieless_mode?: 'never' | 'always' | 'on_reject';
+
+    /**
+     * Custom storage key for consent persistence
+     * @default '__ph_consent'
+     */
+    consent_persistence_name?: string;
+
+    /**
+     * Persistence type for opt-out/opt-in status
+     * @default 'localStorage'
+     */
+    opt_out_capturing_persistence_type?: 'localStorage' | 'cookie';
+
+    /**
+     * Custom prefix for opt-out cookie (deprecated, use consent_persistence_name)
+     * @deprecated
+     */
+    opt_out_capturing_cookie_prefix?: string;
+
+    /**
+     * Properties to never capture
+     * @default []
+     */
+    property_denylist?: string[];
+
+    /**
+     * Mask all personal data properties
+     * @default false
+     */
+    mask_personal_data_properties?: boolean;
+
+    /**
+     * Custom list of personal data properties to mask
+     * @default []
+     */
+    custom_personal_data_properties?: string[];
+
+    // ============================================================
+    // Feature Flags Configuration
+    // ============================================================
+
+    /**
+     * Disable all feature flag functionality
+     * @default false
+     */
+    advanced_disable_feature_flags?: boolean;
+
+    /**
+     * Disable feature flag loading on first page load
+     * @default false
+     */
+    advanced_disable_feature_flags_on_first_load?: boolean;
+
+    /**
+     * Disable all /decide endpoint calls
+     * @default false
+     */
+    advanced_disable_decide?: boolean;
+
+    /**
+     * Only evaluate feature flags for surveys (not general flags)
+     * @default false
+     */
+    advanced_only_evaluate_survey_feature_flags?: boolean;
+
+    /**
+     * Timeout for feature flag requests in milliseconds
+     * @default 3000
+     */
+    feature_flag_request_timeout_ms?: number;
+
+    /**
+     * Override API host for feature flag requests
+     * @default null (uses api_host)
+     */
+    flags_api_host?: string | null;
+
+    // ============================================================
+    // Session Recording Configuration
+    // ============================================================
+
+    /**
+     * Disable session recording
+     * @default false
+     */
+    disable_session_recording?: boolean;
+
+    /**
+     * Detailed session recording configuration
+     */
+    session_recording?: SessionRecordingOptions;
+
+    // ============================================================
+    // Request Configuration
+    // ============================================================
+
+    /**
+     * Enable request batching
+     * @default true
+     */
+    request_batching?: boolean;
+
+    /**
+     * Maximum number of events per batch
+     * @default 50
+     */
+    batch_size?: number;
+
+    /**
+     * Maximum time to wait before sending a batch (milliseconds)
+     * @default 30000
+     */
+    batch_max_wait_ms?: number;
+
+    /**
+     * Custom HTTP headers for requests
+     * @default {}
+     */
+    request_headers?: Record<string, string>;
+
+    /**
+     * Disable compression
+     * @default false
+     */
+    disable_compression?: boolean;
+
+    /**
+     * Request queue configuration
+     */
+    request_queue_config?: {
+        /**
+         * Flush interval in milliseconds
+         * @default 3000
+         */
+        flush_interval_ms?: number;
+    };
+
+    /**
+     * Error callback for failed requests
+     */
+    on_request_error?: (response: RequestResponse) => void;
+
+    // ============================================================
+    // Session Configuration
+    // ============================================================
+
+    /**
+     * Session idle timeout in seconds
+     * @default 1800 (30 minutes)
+     */
+    session_idle_timeout_seconds?: number;
+
+    // ============================================================
+    // Person Profiles Configuration
+    // ============================================================
+
+    /**
+     * When to create person profiles
+     * - 'always': Create for all users
+     * - 'identified_only': Only after identify() is called
+     * - 'never': Never create person profiles
+     * @default 'identified_only'
+     */
+    person_profiles?: 'always' | 'identified_only' | 'never';
+
+    // ============================================================
+    // Other Configuration
+    // ============================================================
+
+    /**
+     * Enable debug logging
+     * @default false
+     */
+    debug?: boolean;
+
+    /**
+     * Automatically save UTM parameters as user properties
+     * @default true
+     */
+    save_campaign_params?: boolean;
+
+    /**
+     * Custom campaign parameter names to capture
+     * @default ['utm_source', 'utm_medium', 'utm_campaign', 'utm_content', 'utm_term']
+     */
+    custom_campaign_params?: string[];
+
+    /**
+     * Save referrer as user property
+     * @default true
+     */
+    save_referrer?: boolean;
+
+    /**
+     * Maximum string length for properties
+     * @default 65535
+     */
+    properties_string_max_length?: number;
+
+    /**
+     * Callback to modify events before sending
+     */
+    before_send?: BeforeSendFn;
+
+    /**
+     * Custom device ID generator
+     */
+    get_device_id?: (uuid: string) => string;
+
+    /**
+     * Mask all element attributes in session recordings
+     * @default false
+     */
+    mask_all_element_attributes?: boolean;
+
+    /**
+     * Mask all text content in session recordings
+     * @default false
+     */
+    mask_all_text?: boolean;
+
+    /**
+     * Bootstrap configuration with preloaded data
+     */
+    bootstrap?: BootstrapConfig;
+
+    /**
+     * UI host for viewing data (toolbar, etc.)
+     * @default null (uses api_host)
+     */
+    ui_host?: string | null;
+
+    /**
+     * Disable surveys
+     * @default false
+     */
+    disable_surveys?: boolean;
+
+    /**
+     * Disable automatic survey display
+     * @default false
+     */
+    disable_surveys_automatic_display?: boolean;
+
+    /**
+     * Timeout for survey requests in milliseconds
+     * @default 5000
+     */
+    surveys_request_timeout_ms?: number;
+
+    /**
+     * Disable conversations
+     * @default false
+     */
+    disable_conversations?: boolean;
+
+    /**
+     * Disable product tours
+     * @default true
+     */
+    disable_product_tours?: boolean;
+
+    /**
+     * Disable web experiments (A/B tests with DOM transforms)
+     * @default false
+     */
+    disable_web_experiments?: boolean;
+
+    /**
+     * Configure heatmaps data collection
+     * - true: Enable heatmaps
+     * - false: Disable heatmaps
+     * - object: Enable with custom configuration
+     * - undefined: Use server-side configuration (default)
+     * @default undefined
+     */
+    capture_heatmaps?: boolean | {
+        /**
+         * How often to send heatmap data to server (milliseconds)
+         * @default 5000
+         */
+        flush_interval_milliseconds?: number;
+    };
+
+    /**
+     * Disable loading external dependencies
+     * @default false
+     */
+    disable_external_dependency_loading?: boolean;
+
+    /**
+     * Config defaults version (controls default values)
+     * @default 'unset'
+     */
+    defaults?: ConfigDefaults | 'unset';
+}
+```
+
+### AutocaptureConfig
+
+Configuration for automatic event capture.
+
+```typescript { .api }
+interface AutocaptureConfig {
+    /**
+     * Capture click events
+     * @default true
+     */
+    capture_clicks?: boolean;
+
+    /**
+     * Capture text content of clicked elements
+     * @default true
+     */
+    capture_text_content?: boolean;
+
+    /**
+     * CSS selectors to allow for autocapture (only these will be captured)
+     */
+    element_allowlist?: string[] | undefined;
+
+    /**
+     * CSS selectors to exclude from autocapture
+     * @default []
+     */
+    element_denylist?: string[];
+
+    /**
+     * Capture rage clicks (rapid repeated clicks)
+     * @default true
+     */
+    rageclicks?: boolean | RageclickConfig;
+
+    /**
+     * Capture dead clicks (clicks that don't cause changes)
+     * @default false
+     */
+    dead_clicks?: boolean | DeadClicksAutoCaptureConfig;
+}
+```
+
+### SessionRecordingOptions
+
+Configuration for session recording.
+
+```typescript { .api }
+interface SessionRecordingOptions {
+    /**
+     * Enable session recording
+     * @default undefined (uses server-side config)
+     */
+    enabled?: boolean;
+
+    /**
+     * Mask all input fields
+     * @default false
+     */
+    maskAllInputs?: boolean;
+
+    /**
+     * CSS selector for text elements to mask
+     */
+    maskTextSelector?: string;
+
+    /**
+     * CSS selector for elements to completely block from recording
+     */
+    blockSelector?: string;
+
+    /**
+     * Record cross-origin iframes
+     * @default false
+     */
+    recordCrossOriginIframes?: boolean;
+
+    /**
+     * Sample rate (0-1) for session recording
+     */
+    sampleRate?: number;
+
+    /**
+     * Minimum session duration to record (milliseconds)
+     */
+    minimumDurationMilliseconds?: number;
+
+    /**
+     * Linked feature flag for session recording
+     */
+    linkedFlag?: string | FlagVariant;
+
+    /**
+     * Enable canvas recording
+     */
+    recordCanvas?: boolean;
+
+    /**
+     * Capture console logs in recordings
+     */
+    consoleLogRecordingEnabled?: boolean;
+
+    /**
+     * Capture network activity
+     */
+    networkPayloadCapture?: {
+        recordHeaders?: boolean | { request: boolean; response: boolean };
+        recordBody?: boolean | string[] | {
+            request: boolean | string[];
+            response: boolean | string[];
+        };
+    };
+}
+```
+
+### ExceptionAutoCaptureConfig
+
+Configuration for automatic exception capture.
+
+```typescript { .api }
+interface ExceptionAutoCaptureConfig {
+    /**
+     * Capture uncaught errors
+     * @default true
+     */
+    capture_unhandled_errors?: boolean;
+
+    /**
+     * Capture unhandled promise rejections
+     * @default true
+     */
+    capture_unhandled_rejections?: boolean;
+
+    /**
+     * Capture console.error calls
+     * @default false
+     */
+    capture_console_errors?: boolean;
+}
+```
+
+### BootstrapConfig
+
+Configuration for bootstrapping the SDK with preloaded data.
+
+```typescript { .api }
+interface BootstrapConfig {
+    /**
+     * Preloaded distinct ID
+     */
+    distinctID?: string;
+
+    /**
+     * Preloaded feature flags
+     */
+    featureFlags?: Record<string, boolean | string>;
+
+    /**
+     * Preloaded feature flag payloads
+     */
+    featureFlagPayloads?: Record<string, JsonType>;
+
+    /**
+     * Whether flags have been fully evaluated
+     */
+    isIdentifiedID?: boolean;
+}
+```
+
+### BeforeSendFn
+
+Function to modify or block events before sending.
+
+```typescript { .api }
+/**
+ * Callback to modify events before sending
+ * Return null to block the event from being sent
+ */
+type BeforeSendFn = (data: CaptureResult) => CaptureResult | null;
+```
+
+## Configuration Validation
+
+### Required Configuration
+
+```typescript { .api }
+// ✅ Minimum required configuration
+posthog.init('<your-project-api-key>');
+
+// ❌ Missing API key will fail
+posthog.init(); // Error: API key required
+```
+
+### Configuration Conflicts
+
+```typescript { .api }
+// ❌ Conflicting settings
+posthog.init('token', {
+    disable_persistence: true,
+    persistence: 'localStorage'  // Ignored when disable_persistence is true
+});
+
+// ✅ Consistent settings
+posthog.init('token', {
+    disable_persistence: false,
+    persistence: 'localStorage'
+});
+```
+
+### Environment-Specific Configuration
+
+```typescript { .api }
+// Development configuration
+const devConfig: Partial<PostHogConfig> = {
+    debug: true,
+    disable_compression: true,
+    advanced_disable_toolbar_metrics: false,
+    session_recording: {
+        enabled: true,
+        consoleLogRecordingEnabled: true
+    }
+};
+
+// Production configuration
+const prodConfig: Partial<PostHogConfig> = {
+    debug: false,
+    disable_compression: false,
+    advanced_disable_toolbar_metrics: true,
+    session_recording: {
+        enabled: true,
+        maskAllInputs: true,
+        consoleLogRecordingEnabled: false
+    }
+};
+
+const config = process.env.NODE_ENV === 'production' ? prodConfig : devConfig;
+posthog.init('token', config);
+```
+
+## Edge Cases & Error Handling
+
+### Network Errors
+
+```typescript { .api }
+// Handle initialization in offline scenarios
+posthog.init('token', {
+    on_request_error: (response) => {
+        console.error('PostHog request failed:', response);
+        // Log to error tracking service
+        logToErrorService({
+            error: 'PostHog request failed',
+            status: response.statusCode,
+            statusText: response.statusText
+        });
+    }
+});
+```
+
+### Browser Storage Unavailable
+
+```typescript { .api }
+// Fallback when localStorage is blocked
+try {
+    posthog.init('token', {
+        persistence: 'localStorage+cookie'
+    });
+} catch (error) {
+    // Fall back to memory-only persistence
+    console.warn('Storage blocked, using memory persistence');
+    posthog.init('token', {
+        persistence: 'memory'
+    });
+}
+```
+
+### API Host Connectivity
+
+```typescript { .api }
+// Test connectivity before full initialization
+async function initWithConnectivityCheck() {
+    const apiHost = 'https://us.i.posthog.com';
+    
+    try {
+        const response = await fetch(`${apiHost}/decide/`, {
+            method: 'HEAD',
+            mode: 'no-cors'
+        });
+        
+        // Initialize with standard config
+        posthog.init('token', {
+            api_host: apiHost
+        });
+    } catch (error) {
+        console.error('PostHog API unreachable:', error);
+        
+        // Initialize in degraded mode
+        posthog.init('token', {
+            api_host: apiHost,
+            request_batching: true,
+            batch_max_wait_ms: 60000  // Longer wait for batch
+        });
+    }
+}
+```
+
+### Multiple Initialization Attempts
+
+```typescript { .api }
+// Prevent multiple initialization
+let posthogInitialized = false;
+
+function safeInit() {
+    if (posthogInitialized) {
+        console.warn('PostHog already initialized');
+        return;
+    }
+    
+    posthog.init('token', {
+        loaded: () => {
+            posthogInitialized = true;
+            console.log('PostHog initialized successfully');
+        }
+    });
+}
+
+// Safe to call multiple times
+safeInit();
+safeInit(); // Will warn and skip
+```
+
+### Async Module Loading
+
+```typescript { .api }
+// Handle async script loading
+async function initPostHogAsync() {
+    // Dynamically import PostHog
+    const { default: posthog } = await import('posthog-js');
+    
+    return new Promise((resolve) => {
+        posthog.init('token', {
+            loaded: (ph) => {
+                console.log('PostHog loaded asynchronously');
+                resolve(ph);
+            }
+        });
+    });
+}
+
+// Usage
+const posthog = await initPostHogAsync();
+posthog.capture('app_loaded');
+```
+
+## Configuration Best Practices
+
+### Type-Safe Configuration
+
+```typescript { .api }
+import { PostHogConfig } from 'posthog-js';
+
+// Create typed configuration
+const createConfig = (env: 'dev' | 'prod'): Partial<PostHogConfig> => {
+    const baseConfig: Partial<PostHogConfig> = {
+        api_host: 'https://us.i.posthog.com',
+        autocapture: true,
+        capture_pageview: true
+    };
+    
+    if (env === 'dev') {
+        return {
+            ...baseConfig,
+            debug: true,
+            disable_session_recording: false
+        };
+    }
+    
+    return {
+        ...baseConfig,
+        debug: false,
+        session_recording: {
+            enabled: true,
+            maskAllInputs: true
+        }
+    };
+};
+
+posthog.init('token', createConfig('prod'));
+```
+
+### Configuration Validation Function
+
+```typescript { .api }
+function validateConfig(config: Partial<PostHogConfig>): {
+    valid: boolean;
+    errors: string[];
+} {
+    const errors: string[] = [];
+    
+    // Check for conflicts
+    if (config.disable_persistence && config.persistence !== 'memory') {
+        errors.push('disable_persistence conflicts with persistence setting');
+    }
+    
+    // Check for invalid values
+    if (config.batch_size && config.batch_size < 1) {
+        errors.push('batch_size must be positive');
+    }
+    
+    if (config.session_idle_timeout_seconds && config.session_idle_timeout_seconds < 0) {
+        errors.push('session_idle_timeout_seconds must be non-negative');
+    }
+    
+    // Check for deprecated options
+    if ('opt_out_capturing_cookie_prefix' in config) {
+        errors.push('opt_out_capturing_cookie_prefix is deprecated, use consent_persistence_name');
+    }
+    
+    return {
+        valid: errors.length === 0,
+        errors
+    };
+}
+
+// Usage
+const config = {
+    api_host: 'https://us.i.posthog.com',
+    batch_size: 50
+};
+
+const validation = validateConfig(config);
+if (validation.valid) {
+    posthog.init('token', config);
+} else {
+    console.error('Invalid configuration:', validation.errors);
+}
+```
+
+### Dynamic Configuration Updates
+
+```typescript { .api }
+// Update configuration after initialization
+function updateConfigBasedOnUserPreferences(preferences: {
+    trackingEnabled: boolean;
+    recordSessions: boolean;
+    captureConsole: boolean;
+}) {
+    if (!preferences.trackingEnabled) {
+        posthog.opt_out_capturing();
+        return;
+    }
+    
+    posthog.opt_in_capturing();
+    
+    posthog.set_config({
+        session_recording: {
+            enabled: preferences.recordSessions,
+            consoleLogRecordingEnabled: preferences.captureConsole
+        }
+    });
+    
+    if (preferences.recordSessions) {
+        posthog.startSessionRecording();
+    } else {
+        posthog.stopSessionRecording();
+    }
+}
+```
+
+## Troubleshooting Configuration Issues
+
+### Debug Configuration
+
+```typescript { .api }
+// Enable debug mode to troubleshoot
+posthog.debug(true);
+
+// Check current configuration
+console.log('Current config:', posthog.config);
+
+// Verify API host connectivity
+fetch(posthog.config.api_host + '/decide/', { method: 'HEAD' })
+    .then(() => console.log('API host reachable'))
+    .catch((e) => console.error('API host unreachable:', e));
+
+// Check persistence
+console.log('Persistence type:', posthog.config.persistence);
+console.log('Storage available:', {
+    localStorage: typeof window.localStorage !== 'undefined',
+    sessionStorage: typeof window.sessionStorage !== 'undefined',
+    cookies: navigator.cookieEnabled
+});
+```
+
+### Common Configuration Errors
+
+```typescript { .api }
+// ❌ Common mistake: Wrong API host format
+posthog.init('token', {
+    api_host: 'us.i.posthog.com'  // Missing protocol
+});
+
+// ✅ Correct: Include protocol
+posthog.init('token', {
+    api_host: 'https://us.i.posthog.com'
+});
+
+// ❌ Common mistake: Conflicting batch settings
+posthog.init('token', {
+    request_batching: false,
+    batch_size: 100  // Ignored when batching is disabled
+});
+
+// ✅ Correct: Consistent batch settings
+posthog.init('token', {
+    request_batching: true,
+    batch_size: 100
+});
+```
+
+### Configuration Migration
+
+```typescript { .api }
+// Migrate from old configuration format
+function migrateConfig(oldConfig: any): Partial<PostHogConfig> {
+    const newConfig: Partial<PostHogConfig> = {};
+    
+    // Map old properties to new ones
+    if (oldConfig.disable_cookie) {
+        newConfig.persistence = 'localStorage';
+    }
+    
+    if (oldConfig.cross_subdomain_cookie !== undefined) {
+        newConfig.cross_subdomain_cookie = oldConfig.cross_subdomain_cookie;
+    }
+    
+    // Handle deprecated options
+    if (oldConfig.opt_out_capturing_cookie_prefix) {
+        newConfig.consent_persistence_name = oldConfig.opt_out_capturing_cookie_prefix;
+    }
+    
+    return newConfig;
+}
+
+const oldConfig = {
+    disable_cookie: true,
+    opt_out_capturing_cookie_prefix: '__ph_opt_out'
+};
+
+const newConfig = migrateConfig(oldConfig);
+posthog.init('token', newConfig);
+```
diff --git a/.tessl/tiles/tessl/npm-posthog-js/docs/reference/privacy.md b/.tessl/tiles/tessl/npm-posthog-js/docs/reference/privacy.md
new file mode 100644
index 000000000..f3caf2c6a
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-posthog-js/docs/reference/privacy.md
@@ -0,0 +1,1459 @@
+# Privacy & Consent
+
+Privacy and consent management allows you to control tracking, respect user preferences, and comply with privacy regulations like GDPR and CCPA.
+
+## Capabilities
+
+### Opt In to Capturing
+
+Opts the user into tracking and data capture.
+
+```typescript { .api }
+/**
+ * Opts the user into tracking
+ * @param options - Options for opt-in behavior
+ */
+function opt_in_capturing(options?: {
+    captureEventName?: EventName | null | false;
+    captureProperties?: Properties;
+}): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Basic opt-in
+posthog.opt_in_capturing();
+
+// Opt-in with custom event
+posthog.opt_in_capturing({
+    captureEventName: 'user_opted_in',
+    captureProperties: {
+        opt_in_method: 'cookie_banner',
+        timestamp: Date.now()
+    }
+});
+
+// Opt-in without capturing event
+posthog.opt_in_capturing({
+    captureEventName: false
+});
+
+// Opt-in with consent categories
+posthog.opt_in_capturing({
+    captureEventName: 'consent_granted',
+    captureProperties: {
+        consent_analytics: true,
+        consent_marketing: true,
+        consent_preferences: true
+    }
+});
+```
+
+### Opt Out of Capturing
+
+Opts the user out of tracking and data capture.
+
+```typescript { .api }
+/**
+ * Opts the user out of tracking
+ * Stops all event capture and deletes local data
+ */
+function opt_out_capturing(): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Opt out
+posthog.opt_out_capturing();
+
+// Opt out on user request
+function onUserOptOut() {
+    posthog.opt_out_capturing();
+    showConfirmation('You have been opted out of tracking');
+}
+
+// Opt out with cleanup
+function optOutAndClean() {
+    posthog.opt_out_capturing();
+    posthog.reset(true); // Also reset device ID
+}
+```
+
+### Check Opt-In Status
+
+Checks if the user has explicitly opted in to tracking.
+
+```typescript { .api }
+/**
+ * Checks if the user has opted in to tracking
+ * @returns True if user has opted in, false otherwise
+ */
+function has_opted_in_capturing(): boolean;
+```
+
+**Usage Examples:**
+
+```typescript
+// Check opt-in status
+if (posthog.has_opted_in_capturing()) {
+    console.log('User has opted in');
+}
+
+// Conditional tracking
+function trackUserAction(action) {
+    if (posthog.has_opted_in_capturing()) {
+        posthog.capture(action);
+    }
+}
+
+// UI state
+function ConsentBanner() {
+    const hasOptedIn = posthog.has_opted_in_capturing();
+    return hasOptedIn ? null : <ConsentPrompt />;
+}
+```
+
+### Check Opt-Out Status
+
+Checks if the user has explicitly opted out of tracking.
+
+```typescript { .api }
+/**
+ * Checks if the user has opted out of tracking
+ * @returns True if user has opted out, false otherwise
+ */
+function has_opted_out_capturing(): boolean;
+```
+
+**Usage Examples:**
+
+```typescript
+// Check opt-out status
+if (posthog.has_opted_out_capturing()) {
+    console.log('User has opted out');
+}
+
+// Prevent tracking
+function captureIfAllowed(event, properties) {
+    if (!posthog.has_opted_out_capturing()) {
+        posthog.capture(event, properties);
+    }
+}
+
+// Show privacy status
+function PrivacyStatus() {
+    const hasOptedOut = posthog.has_opted_out_capturing();
+    return (
+        <div>
+            Tracking: {hasOptedOut ? 'Disabled' : 'Enabled'}
+        </div>
+    );
+}
+```
+
+### Get Explicit Consent Status
+
+Gets the explicit consent status (granted, denied, or pending).
+
+```typescript { .api }
+/**
+ * Gets the explicit consent status
+ * @returns 'granted' if opted in, 'denied' if opted out, 'pending' if neither
+ */
+function get_explicit_consent_status(): 'granted' | 'denied' | 'pending';
+```
+
+**Usage Examples:**
+
+```typescript
+// Get consent status
+const status = posthog.get_explicit_consent_status();
+console.log('Consent status:', status);
+
+// Handle all states
+switch (posthog.get_explicit_consent_status()) {
+    case 'granted':
+        initializeAllFeatures();
+        break;
+    case 'denied':
+        showMinimalFeatures();
+        break;
+    case 'pending':
+        showConsentBanner();
+        break;
+}
+
+// Conditional feature initialization
+function initializeFeatures() {
+    const consent = posthog.get_explicit_consent_status();
+
+    if (consent === 'granted') {
+        posthog.startSessionRecording();
+        posthog.startExceptionAutocapture();
+    } else if (consent === 'pending') {
+        // Wait for user decision
+        waitForConsent();
+    }
+}
+```
+
+### Check If Capturing Is Active
+
+Checks if capturing is currently enabled (not opted out).
+
+```typescript { .api }
+/**
+ * Checks if capturing is currently enabled
+ * @returns True if capturing is active, false otherwise
+ */
+function is_capturing(): boolean;
+```
+
+**Usage Examples:**
+
+```typescript
+// Check if capturing
+if (posthog.is_capturing()) {
+    console.log('Capturing is active');
+}
+
+// Conditional operations
+function performTrackedOperation() {
+    const result = doOperation();
+
+    if (posthog.is_capturing()) {
+        posthog.capture('operation_completed');
+    }
+
+    return result;
+}
+
+// Debug logging
+if (!posthog.is_capturing()) {
+    console.warn('PostHog capturing is disabled');
+}
+```
+
+### Clear Opt-In/Out Status
+
+Clears the opt-in/out status, resetting to default behavior.
+
+```typescript { .api }
+/**
+ * Clears the opt-in/out status
+ * Resets to default capturing behavior based on config
+ */
+function clear_opt_in_out_capturing(): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Clear status
+posthog.clear_opt_in_out_capturing();
+
+// Reset consent state
+function resetConsent() {
+    posthog.clear_opt_in_out_capturing();
+    showConsentBanner();
+}
+
+// Allow user to change decision
+function changeConsentPreference() {
+    posthog.clear_opt_in_out_capturing();
+    // User can now choose again
+    promptForConsent();
+}
+```
+
+## Configuration
+
+### Opt-Out by Default
+
+Configure PostHog to start with capturing disabled:
+
+```typescript { .api }
+// Require opt-in before capturing
+posthog.init('token', {
+    opt_out_capturing_by_default: true
+});
+
+// User must explicitly opt in
+// posthog.opt_in_capturing();
+
+// Also disable persistence by default
+posthog.init('token', {
+    opt_out_capturing_by_default: true,
+    opt_out_persistence_by_default: true
+});
+```
+
+### Respect Do Not Track
+
+Respect the browser's Do Not Track setting:
+
+```typescript { .api }
+posthog.init('token', {
+    respect_dnt: true
+});
+```
+
+### Cookieless Mode
+
+Configure cookieless tracking:
+
+```typescript { .api }
+// Never use cookies/storage
+posthog.init('token', {
+    cookieless_mode: 'always'
+});
+
+// Use cookies unless user rejects
+posthog.init('token', {
+    cookieless_mode: 'on_reject'
+});
+
+// Always use cookies (default)
+posthog.init('token', {
+    cookieless_mode: 'never'
+});
+```
+
+### Property Deny List
+
+Prevent specific properties from being captured:
+
+```typescript { .api }
+posthog.init('token', {
+    property_denylist: [
+        'password',
+        'credit_card',
+        'ssn',
+        'api_key',
+        'secret'
+    ]
+});
+```
+
+### Mask Personal Data
+
+Automatically mask personal data properties:
+
+```typescript { .api }
+posthog.init('token', {
+    mask_personal_data_properties: true,
+    custom_personal_data_properties: [
+        'email',
+        'phone',
+        'address',
+        'name'
+    ]
+});
+```
+
+## Best Practices
+
+### GDPR Compliance
+
+Implement GDPR-compliant consent:
+
+```typescript
+// Initialize with opt-out by default
+posthog.init('token', {
+    opt_out_capturing_by_default: true,
+    opt_out_persistence_by_default: true
+});
+
+// Show consent banner
+function showConsentBanner() {
+    const banner = document.createElement('div');
+    banner.innerHTML = `
+        <div class="consent-banner">
+            <p>We use cookies for analytics. Accept?</p>
+            <button id="accept">Accept</button>
+            <button id="reject">Reject</button>
+        </div>
+    `;
+
+    document.getElementById('accept').addEventListener('click', () => {
+        posthog.opt_in_capturing({
+            captureEventName: 'gdpr_consent_granted'
+        });
+        banner.remove();
+    });
+
+    document.getElementById('reject').addEventListener('click', () => {
+        posthog.opt_out_capturing();
+        banner.remove();
+    });
+
+    document.body.appendChild(banner);
+}
+
+// Check consent on page load
+if (posthog.get_explicit_consent_status() === 'pending') {
+    showConsentBanner();
+}
+```
+
+### CCPA Compliance
+
+Implement CCPA "Do Not Sell" option:
+
+```typescript
+// Show "Do Not Sell My Personal Information" link
+function showCCPALink() {
+    const link = document.createElement('a');
+    link.textContent = 'Do Not Sell My Personal Information';
+    link.href = '#';
+
+    link.addEventListener('click', (e) => {
+        e.preventDefault();
+        posthog.opt_out_capturing();
+        alert('You have opted out of personal information sale');
+    });
+
+    document.body.appendChild(link);
+}
+
+// Allow users to check and change status
+function showPrivacyDashboard() {
+    const hasOptedOut = posthog.has_opted_out_capturing();
+
+    if (hasOptedOut) {
+        showOptInButton();
+    } else {
+        showOptOutButton();
+    }
+}
+```
+
+### Granular Consent
+
+Implement consent for specific tracking features:
+
+```typescript
+class ConsentManager {
+    constructor() {
+        this.consent = {
+            analytics: false,
+            advertising: false,
+            personalization: false,
+            sessionRecording: false,
+            errorTracking: false
+        };
+    }
+
+    updateConsent(category, granted) {
+        this.consent[category] = granted;
+        this.applyConsent();
+    }
+
+    applyConsent() {
+        // Basic analytics
+        if (this.consent.analytics) {
+            posthog.opt_in_capturing();
+        } else {
+            posthog.opt_out_capturing();
+        }
+
+        // Session recording
+        if (this.consent.sessionRecording) {
+            posthog.startSessionRecording();
+        } else {
+            posthog.stopSessionRecording();
+        }
+
+        // Error tracking
+        if (this.consent.errorTracking) {
+            posthog.startExceptionAutocapture();
+        } else {
+            posthog.stopExceptionAutocapture();
+        }
+    }
+
+    getConsentState() {
+        return { ...this.consent };
+    }
+}
+
+// Usage
+const consentManager = new ConsentManager();
+
+consentManager.updateConsent('analytics', true);
+consentManager.updateConsent('sessionRecording', true);
+consentManager.updateConsent('errorTracking', false);
+```
+
+### Consent UI Components
+
+Build reusable consent components:
+
+```typescript
+// React consent banner
+function ConsentBanner() {
+    const [visible, setVisible] = useState(true);
+
+    useEffect(() => {
+        const status = posthog.get_explicit_consent_status();
+        if (status !== 'pending') {
+            setVisible(false);
+        }
+    }, []);
+
+    const handleAccept = () => {
+        posthog.opt_in_capturing({
+            captureEventName: 'consent_accepted'
+        });
+        setVisible(false);
+    };
+
+    const handleReject = () => {
+        posthog.opt_out_capturing();
+        setVisible(false);
+    };
+
+    if (!visible) return null;
+
+    return (
+        <div className="consent-banner">
+            <p>We use cookies to improve your experience.</p>
+            <button onClick={handleAccept}>Accept</button>
+            <button onClick={handleReject}>Reject</button>
+        </div>
+    );
+}
+
+// Privacy settings page
+function PrivacySettings() {
+    const [capturing, setCapturing] = useState(posthog.is_capturing());
+
+    const handleToggle = () => {
+        if (capturing) {
+            posthog.opt_out_capturing();
+            setCapturing(false);
+        } else {
+            posthog.opt_in_capturing();
+            setCapturing(true);
+        }
+    };
+
+    return (
+        <div>
+            <h2>Privacy Settings</h2>
+            <label>
+                <input
+                    type="checkbox"
+                    checked={capturing}
+                    onChange={handleToggle}
+                />
+                Enable Analytics
+            </label>
+        </div>
+    );
+}
+```
+
+## Common Patterns
+
+### Cookie Consent Integration
+
+Integrate with cookie consent libraries:
+
+```typescript
+// OneTrust integration
+window.OptanonWrapper = function() {
+    const activeGroups = window.OnetrustActiveGroups;
+
+    // Check if analytics cookies are accepted
+    if (activeGroups.includes('C0002')) {
+        posthog.opt_in_capturing({
+            captureEventName: 'onetrust_consent_granted'
+        });
+    } else {
+        posthog.opt_out_capturing();
+    }
+};
+
+// CookieBot integration
+window.addEventListener('CookiebotOnAccept', function() {
+    if (Cookiebot.consent.statistics) {
+        posthog.opt_in_capturing({
+            captureEventName: 'cookiebot_consent_granted'
+        });
+    }
+});
+
+window.addEventListener('CookiebotOnDecline', function() {
+    posthog.opt_out_capturing();
+});
+
+// Google Consent Mode integration
+function updatePostHogConsent(consentSettings) {
+    if (consentSettings.analytics_storage === 'granted') {
+        posthog.opt_in_capturing();
+    } else {
+        posthog.opt_out_capturing();
+    }
+}
+
+gtag('consent', 'default', {
+    analytics_storage: 'denied'
+});
+
+gtag('consent', 'update', {
+    analytics_storage: 'granted'
+});
+
+updatePostHogConsent({ analytics_storage: 'granted' });
+```
+
+### Conditional Feature Loading
+
+Load features based on consent:
+
+```typescript
+async function initializeWithConsent() {
+    const consent = posthog.get_explicit_consent_status();
+
+    if (consent === 'pending') {
+        // Wait for user decision
+        await promptForConsent();
+    }
+
+    if (posthog.has_opted_in_capturing()) {
+        // Load full features
+        posthog.startSessionRecording();
+        posthog.startExceptionAutocapture();
+
+        // Load analytics-dependent features
+        await loadUserRecommendations();
+        await loadPersonalizedContent();
+    } else {
+        // Load minimal features
+        showGenericContent();
+    }
+}
+```
+
+### Consent Expiration
+
+Implement consent expiration:
+
+```typescript
+const CONSENT_EXPIRY_DAYS = 365;
+
+function setConsentWithExpiry(granted) {
+    const expiry = Date.now() + (CONSENT_EXPIRY_DAYS * 24 * 60 * 60 * 1000);
+
+    localStorage.setItem('consent_expiry', expiry.toString());
+
+    if (granted) {
+        posthog.opt_in_capturing();
+    } else {
+        posthog.opt_out_capturing();
+    }
+}
+
+function checkConsentExpiry() {
+    const expiry = localStorage.getItem('consent_expiry');
+
+    if (expiry && Date.now() > parseInt(expiry)) {
+        // Consent expired, reset
+        posthog.clear_opt_in_out_capturing();
+        localStorage.removeItem('consent_expiry');
+        showConsentBanner();
+    }
+}
+
+// Check on page load
+checkConsentExpiry();
+```
+
+### Geolocation-Based Consent
+
+Show consent based on user location:
+
+```typescript
+async function initializeWithGeolocation() {
+    const country = await getUserCountry();
+
+    const gdprCountries = ['AT', 'BE', 'BG', 'HR', 'CY', 'CZ', 'DK', 'EE', 'FI', 'FR', 'DE', 'GR', 'HU', 'IE', 'IT', 'LV', 'LT', 'LU', 'MT', 'NL', 'PL', 'PT', 'RO', 'SK', 'SI', 'ES', 'SE', 'GB'];
+
+    if (gdprCountries.includes(country)) {
+        // Require explicit consent for GDPR countries
+        posthog.init('token', {
+            opt_out_capturing_by_default: true
+        });
+
+        if (posthog.get_explicit_consent_status() === 'pending') {
+            showGDPRConsentBanner();
+        }
+    } else {
+        // Auto opt-in for non-GDPR countries (with opt-out option)
+        posthog.init('token', {
+            opt_out_capturing_by_default: false
+        });
+
+        showOptOutLink();
+    }
+}
+```
+
+### Consent Change Tracking
+
+Track consent changes for audit:
+
+```typescript
+function trackConsentChange(oldStatus, newStatus) {
+    // Log to backend for compliance
+    fetch('/api/consent-log', {
+        method: 'POST',
+        body: JSON.stringify({
+            user_id: posthog.get_distinct_id(),
+            old_status: oldStatus,
+            new_status: newStatus,
+            timestamp: Date.now(),
+            user_agent: navigator.userAgent
+        })
+    });
+}
+
+function optInWithTracking() {
+    const oldStatus = posthog.get_explicit_consent_status();
+
+    posthog.opt_in_capturing({
+        captureEventName: 'consent_granted'
+    });
+
+    const newStatus = posthog.get_explicit_consent_status();
+    trackConsentChange(oldStatus, newStatus);
+}
+
+function optOutWithTracking() {
+    const oldStatus = posthog.get_explicit_consent_status();
+
+    posthog.opt_out_capturing();
+
+    const newStatus = posthog.get_explicit_consent_status();
+    trackConsentChange(oldStatus, newStatus);
+}
+```
+
+### Privacy-First Initialization
+
+Initialize with maximum privacy by default:
+
+```typescript
+posthog.init('token', {
+    // Require opt-in
+    opt_out_capturing_by_default: true,
+    opt_out_persistence_by_default: true,
+
+    // Respect browser settings
+    respect_dnt: true,
+
+    // Cookieless mode
+    cookieless_mode: 'always',
+
+    // Disable features by default
+    disable_session_recording: true,
+    capture_exceptions: false,
+    autocapture: false,
+
+    // Mask all data
+    mask_all_text: true,
+    mask_all_element_attributes: true,
+    property_denylist: [
+        'email', 'name', 'phone', 'address',
+        'credit_card', 'ssn', 'password'
+    ]
+});
+
+// Enable features after consent
+function onUserConsent() {
+    posthog.opt_in_capturing();
+    posthog.set_config({
+        autocapture: true,
+        capture_exceptions: true
+    });
+    posthog.startSessionRecording();
+}
+```
+
+### Consent Persistence
+
+Persist consent across sessions:
+
+```typescript
+class ConsentStorage {
+    static save(status) {
+        localStorage.setItem('posthog_consent', status);
+        localStorage.setItem('posthog_consent_date', Date.now().toString());
+    }
+
+    static load() {
+        return localStorage.getItem('posthog_consent');
+    }
+
+    static getDate() {
+        return localStorage.getItem('posthog_consent_date');
+    }
+
+    static clear() {
+        localStorage.removeItem('posthog_consent');
+        localStorage.removeItem('posthog_consent_date');
+    }
+}
+
+// Initialize with saved consent
+function initializeWithSavedConsent() {
+    const savedConsent = ConsentStorage.load();
+
+    if (savedConsent === 'granted') {
+        posthog.opt_in_capturing();
+    } else if (savedConsent === 'denied') {
+        posthog.opt_out_capturing();
+    } else {
+        // No saved consent, show banner
+        showConsentBanner();
+    }
+}
+
+// Save when consent changes
+function handleConsentChange(granted) {
+    if (granted) {
+        posthog.opt_in_capturing();
+        ConsentStorage.save('granted');
+    } else {
+        posthog.opt_out_capturing();
+        ConsentStorage.save('denied');
+    }
+}
+```
+
+## Advanced Compliance Patterns
+
+### Multi-Region Compliance
+
+```typescript { .api }
+// Handle different privacy laws by region
+interface RegionConfig {
+    requiresExplicitConsent: boolean;
+    dataResidency: 'us' | 'eu';
+    retentionDays: number;
+}
+
+const regionConfigs: Record<string, RegionConfig> = {
+    'US': { requiresExplicitConsent: false, dataResidency: 'us', retentionDays: 730 },
+    'GB': { requiresExplicitConsent: true, dataResidency: 'eu', retentionDays: 365 },
+    'DE': { requiresExplicitConsent: true, dataResidency: 'eu', retentionDays: 365 },
+    'FR': { requiresExplicitConsent: true, dataResidency: 'eu', retentionDays: 365 }
+};
+
+async function initializeWithRegionalCompliance() {
+    const userRegion = await detectUserRegion();
+    const config = regionConfigs[userRegion] || regionConfigs['US'];
+    
+    const apiHost = config.dataResidency === 'eu'
+        ? 'https://eu.i.posthog.com'
+        : 'https://us.i.posthog.com';
+    
+    posthog.init('token', {
+        api_host: apiHost,
+        opt_out_capturing_by_default: config.requiresExplicitConsent
+    });
+    
+    if (config.requiresExplicitConsent) {
+        const consent = getStoredConsent();
+        if (!consent) {
+            showConsentBanner();
+        } else if (consent === 'granted') {
+            posthog.opt_in_capturing();
+        }
+    }
+}
+```
+
+### Consent Management Platform Integration
+
+```typescript { .api }
+// OneTrust CMP integration
+declare global {
+    interface Window {
+        OneTrust?: {
+            OnConsentChanged: (callback: () => void) => void;
+        };
+        OnetrustActiveGroups?: string;
+    }
+}
+
+function initializeOneTrustIntegration() {
+    // Check initial consent
+    const checkConsent = () => {
+        const activeGroups = window.OnetrustActiveGroups || '';
+        const analyticsConsent = activeGroups.includes('C0002');
+        
+        if (analyticsConsent) {
+            posthog.opt_in_capturing({
+                captureEventName: 'onetrust_consent_granted',
+                captureProperties: {
+                    consent_groups: activeGroups
+                }
+            });
+        } else {
+            posthog.opt_out_capturing();
+        }
+    };
+    
+    // Check on load
+    checkConsent();
+    
+    // Listen for changes
+    window.OneTrust?.OnConsentChanged(() => {
+        checkConsent();
+    });
+}
+```
+
+### California Consumer Privacy Act (CCPA) Compliance
+
+```typescript { .api }
+// Implement CCPA "Do Not Sell" functionality
+class CCPACompliance {
+    private readonly DO_NOT_SELL_KEY = 'ccpa_do_not_sell';
+    
+    initialize() {
+        // Check if user has opted out of sale
+        const doNotSell = localStorage.getItem(this.DO_NOT_SELL_KEY) === 'true';
+        
+        if (doNotSell) {
+            this.optOutOfSale();
+        }
+        
+        // Add "Do Not Sell" link to footer
+        this.addDoNotSellLink();
+    }
+    
+    optOutOfSale() {
+        // Opt out of tracking
+        posthog.opt_out_capturing();
+        
+        // Store preference
+        localStorage.setItem(this.DO_NOT_SELL_KEY, 'true');
+        
+        // Capture opt-out event before disabling
+        posthog.capture('ccpa_do_not_sell', {
+            opted_out_at: new Date().toISOString()
+        });
+    }
+    
+    optInToSale() {
+        // Opt back in
+        posthog.opt_in_capturing({
+            captureEventName: 'ccpa_sale_opted_in'
+        });
+        
+        // Clear preference
+        localStorage.removeItem(this.DO_NOT_SELL_KEY);
+    }
+    
+    addDoNotSellLink() {
+        const link = document.createElement('a');
+        link.href = '#';
+        link.textContent = 'Do Not Sell My Personal Information';
+        link.className = 'ccpa-opt-out-link';
+        
+        link.addEventListener('click', (e) => {
+            e.preventDefault();
+            this.showOptOutModal();
+        });
+        
+        document.querySelector('.footer')?.appendChild(link);
+    }
+    
+    showOptOutModal() {
+        const confirmed = confirm(
+            'You are about to opt out of the sale of your personal information. Continue?'
+        );
+        
+        if (confirmed) {
+            this.optOutOfSale();
+            alert('You have successfully opted out.');
+        }
+    }
+}
+```
+
+### Children's Online Privacy Protection Act (COPPA) Compliance
+
+```typescript { .api }
+// Disable tracking for users under 13
+function initializeCOPPACompliance(userAge?: number) {
+    if (userAge && userAge < 13) {
+        posthog.init('token', {
+            // Completely disable tracking for children
+            opt_out_capturing_by_default: true,
+            opt_out_persistence_by_default: true,
+            disable_persistence: true,
+            disable_session_recording: true,
+            disable_surveys: true,
+            autocapture: false,
+            capture_pageview: false
+        });
+        
+        // Ensure opt-out is persistent
+        posthog.opt_out_capturing();
+        
+        console.log('COPPA compliance mode: Tracking disabled for user under 13');
+    } else {
+        // Normal initialization for adults
+        posthog.init('token', {
+            opt_out_capturing_by_default: true
+        });
+        
+        // Show age-appropriate consent
+        showAdultConsentBanner();
+    }
+}
+```
+
+## Data Subject Rights Implementation
+
+### Right to Access
+
+```typescript { .api }
+// Provide user access to their data
+async function getUserData() {
+    const distinctId = posthog.get_distinct_id();
+    const groups = posthog.getGroups();
+    
+    return {
+        distinct_id: distinctId,
+        groups: groups,
+        // Note: Full data export must be done via PostHog API
+        posthog_profile_url: `https://app.posthog.com/person/${distinctId}`
+    };
+}
+```
+
+### Right to Deletion
+
+```typescript { .api }
+// Handle deletion request
+async function handleDeletionRequest(userId: string) {
+    // Reset local state
+    posthog.reset(true);  // Reset including device ID
+    
+    // Opt out to prevent future tracking
+    posthog.opt_out_capturing();
+    
+    // Clear all local storage
+    Object.keys(localStorage).forEach(key => {
+        if (key.startsWith('ph_')) {
+            localStorage.removeItem(key);
+        }
+    });
+    
+    // Log deletion request for backend processing
+    await logDeletionRequest(userId);
+    
+    console.log('User data deletion initiated');
+}
+```
+
+### Right to Rectification
+
+```typescript { .api }
+// Update incorrect user properties
+async function rectifyUserData(corrections: Properties) {
+    // Update properties in PostHog
+    posthog.setPersonProperties(corrections);
+    
+    // Log rectification for audit trail
+    posthog.capture('data_rectified', {
+        rectified_fields: Object.keys(corrections),
+        rectified_at: new Date().toISOString()
+    });
+}
+```
+
+### Right to Portability
+
+```typescript { .api }
+// Export user data in portable format
+async function exportUserData() {
+    const userData = {
+        distinct_id: posthog.get_distinct_id(),
+        groups: posthog.getGroups(),
+        session_id: posthog.get_session_id(),
+        feature_flags: posthog.featureFlags.getFlagVariants(),
+        // Note: Full event history requires PostHog API access
+        export_date: new Date().toISOString()
+    };
+    
+    // Convert to JSON for portability
+    const dataBlob = new Blob(
+        [JSON.stringify(userData, null, 2)],
+        { type: 'application/json' }
+    );
+    
+    // Download file
+    const url = URL.createObjectURL(dataBlob);
+    const link = document.createElement('a');
+    link.href = url;
+    link.download = `posthog-data-${userData.distinct_id}.json`;
+    link.click();
+    
+    URL.revokeObjectURL(url);
+}
+```
+
+## Consent Lifecycle Management
+
+### Complete Consent Flow
+
+```typescript { .api }
+class ConsentLifecycleManager {
+    private readonly CONSENT_VERSION = '2.0';
+    
+    initialize() {
+        const stored = this.getStoredConsent();
+        
+        if (!stored || stored.version !== this.CONSENT_VERSION) {
+            // No consent or version changed, show banner
+            this.showConsentBanner();
+        } else {
+            // Apply stored consent
+            this.applyConsent(stored.granted);
+        }
+    }
+    
+    showConsentBanner() {
+        // Show UI with granular options
+        const banner = this.createGranularConsentUI({
+            onSave: (choices) => {
+                this.saveConsent(choices);
+                this.applyConsent(choices.analytics);
+            }
+        });
+    }
+    
+    saveConsent(choices: {
+        analytics: boolean;
+        marketing: boolean;
+        functional: boolean;
+    }) {
+        const consent = {
+            version: this.CONSENT_VERSION,
+            granted: choices.analytics,
+            choices: choices,
+            timestamp: new Date().toISOString()
+        };
+        
+        localStorage.setItem('posthog_consent', JSON.stringify(consent));
+    }
+    
+    getStoredConsent(): {
+        version: string;
+        granted: boolean;
+        choices: any;
+        timestamp: string;
+    } | null {
+        const stored = localStorage.getItem('posthog_consent');
+        return stored ? JSON.parse(stored) : null;
+    }
+    
+    applyConsent(granted: boolean) {
+        if (granted) {
+            posthog.opt_in_capturing({
+                captureEventName: 'consent_applied',
+                captureProperties: {
+                    consent_version: this.CONSENT_VERSION
+                }
+            });
+        } else {
+            posthog.opt_out_capturing();
+        }
+    }
+    
+    revokeConsent() {
+        // Revoke consent and delete data
+        posthog.opt_out_capturing();
+        posthog.reset(true);
+        localStorage.removeItem('posthog_consent');
+        
+        console.log('Consent revoked and data cleared');
+    }
+    
+    createGranularConsentUI(options: any) {
+        // Implementation of granular consent UI
+        // Returns banner element
+    }
+}
+```
+
+## Testing Privacy Compliance
+
+### Automated Compliance Tests
+
+```typescript { .api }
+describe('Privacy Compliance', () => {
+    it('requires opt-in before tracking', () => {
+        posthog.init('token', {
+            opt_out_capturing_by_default: true
+        });
+        
+        expect(posthog.is_capturing()).toBe(false);
+        
+        posthog.opt_in_capturing();
+        
+        expect(posthog.is_capturing()).toBe(true);
+    });
+    
+    it('respects Do Not Track', () => {
+        // Mock DNT
+        Object.defineProperty(navigator, 'doNotTrack', {
+            value: '1',
+            configurable: true
+        });
+        
+        posthog.init('token', {
+            respect_dnt: true
+        });
+        
+        expect(posthog.is_capturing()).toBe(false);
+    });
+    
+    it('deletes data on opt-out', () => {
+        posthog.init('token');
+        posthog.identify('user-123');
+        
+        const distinctIdBefore = posthog.get_distinct_id();
+        
+        posthog.opt_out_capturing();
+        
+        // Should clear local data
+        expect(posthog.is_capturing()).toBe(false);
+    });
+});
+```
+
+## Troubleshooting Privacy Issues
+
+### Consent Not Persisting
+
+```typescript { .api }
+// Debug consent persistence
+function debugConsent() {
+    console.log('Consent status:', posthog.get_explicit_consent_status());
+    console.log('Has opted in:', posthog.has_opted_in_capturing());
+    console.log('Has opted out:', posthog.has_opted_out_capturing());
+    console.log('Is capturing:', posthog.is_capturing());
+    
+    // Check storage
+    console.log('Consent storage:', {
+        localStorage: localStorage.getItem('__ph_consent'),
+        cookie: document.cookie.includes('ph_consent')
+    });
+    
+    // Check config
+    console.log('Config:', {
+        opt_out_by_default: posthog.config.opt_out_capturing_by_default,
+        consent_name: posthog.config.consent_persistence_name
+    });
+}
+```
+
+### Opt-Out Not Working
+
+```typescript { .api }
+// Verify opt-out
+function verifyOptOut() {
+    posthog.opt_out_capturing();
+    
+    // Wait for state to update
+    setTimeout(() => {
+        console.log('Opt-out verification:', {
+            is_capturing: posthog.is_capturing(),
+            has_opted_out: posthog.has_opted_out_capturing(),
+            status: posthog.get_explicit_consent_status()
+        });
+        
+        // Try capturing event (should fail)
+        const result = posthog.capture('test_event');
+        console.log('Capture after opt-out:', result);  // Should be undefined or void
+    }, 100);
+}
+```
+
+### DNT Not Respected
+
+```typescript { .api }
+// Force DNT respect
+function enforceDNT() {
+    if (navigator.doNotTrack === '1' || 
+        (navigator as any).doNotTrack === 'yes' ||
+        (window as any).doNotTrack === '1') {
+        
+        console.log('DNT detected, disabling tracking');
+        
+        posthog.opt_out_capturing();
+        
+        // Ensure it can't be overridden
+        const originalOptIn = posthog.opt_in_capturing;
+        posthog.opt_in_capturing = () => {
+            console.warn('Opt-in blocked due to DNT');
+        };
+    }
+}
+```
+
+## Cookie Consent Library Integrations
+
+### Cookiebot Integration
+
+```typescript { .api }
+// Full Cookiebot integration
+declare global {
+    interface Window {
+        Cookiebot?: {
+            consent: {
+                necessary: boolean;
+                preferences: boolean;
+                statistics: boolean;
+                marketing: boolean;
+            };
+            consented: boolean;
+        };
+    }
+}
+
+function initializeCookiebotIntegration() {
+    posthog.init('token', {
+        opt_out_capturing_by_default: true
+    });
+    
+    // Handle consent acceptance
+    window.addEventListener('CookiebotOnAccept', () => {
+        if (window.Cookiebot?.consent.statistics) {
+            posthog.opt_in_capturing({
+                captureEventName: 'cookiebot_consent_granted',
+                captureProperties: {
+                    consent_preferences: window.Cookiebot.consent.preferences,
+                    consent_marketing: window.Cookiebot.consent.marketing
+                }
+            });
+            
+            // Enable features based on consent
+            if (window.Cookiebot.consent.statistics) {
+                posthog.startSessionRecording();
+            }
+        }
+    });
+    
+    // Handle consent decline
+    window.addEventListener('CookiebotOnDecline', () => {
+        posthog.opt_out_capturing();
+        posthog.stopSessionRecording();
+    });
+    
+    // Check if already consented
+    if (window.Cookiebot?.consented && window.Cookiebot?.consent.statistics) {
+        posthog.opt_in_capturing();
+    }
+}
+```
+
+### Usercentrics Integration
+
+```typescript { .api }
+// Usercentrics CMP integration
+declare global {
+    interface Window {
+        UC_UI?: {
+            isInitialized: () => boolean;
+            getServicesBaseInfo: () => Array<{
+                id: string;
+                name: string;
+                consent: { status: boolean };
+            }>;
+        };
+    }
+}
+
+function initializeUsercentricsIntegration() {
+    const POSTHOG_SERVICE_ID = 'PostHog';
+    
+    posthog.init('token', {
+        opt_out_capturing_by_default: true
+    });
+    
+    // Wait for Usercentrics
+    const checkConsent = () => {
+        if (window.UC_UI?.isInitialized()) {
+            const services = window.UC_UI.getServicesBaseInfo();
+            const posthogService = services.find(s => s.name === POSTHOG_SERVICE_ID);
+            
+            if (posthogService?.consent.status) {
+                posthog.opt_in_capturing({
+                    captureEventName: 'usercentrics_consent_granted'
+                });
+            } else {
+                posthog.opt_out_capturing();
+            }
+        } else {
+            // Retry
+            setTimeout(checkConsent, 100);
+        }
+    };
+    
+    checkConsent();
+    
+    // Listen for consent changes
+    window.addEventListener('ucEvent', (event: any) => {
+        if (event.detail?.event === 'consent_status') {
+            checkConsent();
+        }
+    });
+}
+```
+
+## Privacy Policy Requirements
+
+### Essential Disclosures
+
+Your privacy policy should disclose:
+
+1. **Data Collection**: What data PostHog collects (events, properties, device info)
+2. **Purpose**: Why you're collecting it (analytics, product improvement)
+3. **Storage**: Where data is stored (US/EU regions)
+4. **Retention**: How long data is kept
+5. **Third Parties**: That PostHog (third-party service) processes the data
+6. **Rights**: User rights (access, deletion, opt-out)
+7. **Cookies**: That cookies/localStorage are used for tracking
+
+### Privacy Policy Template Section
+
+```
+Analytics and Tracking
+
+We use PostHog to understand how users interact with our application. PostHog collects:
+- Page views and navigation patterns
+- Button clicks and user interactions
+- Device information (browser, OS, screen size)
+- Session recordings (with sensitive data masked)
+
+This data is processed by PostHog Inc. and stored in [US/EU] data centers. You can opt out of tracking at any time through our privacy settings.
+
+For more information, see PostHog's privacy policy: https://posthog.com/privacy
+```
+
+## See Also
+
+- [Initialization](./initialization.md) - Privacy-focused configuration
+- [Session Recording](./session-recording.md) - Recording privacy settings
+- [Events](./events.md) - Event filtering and property denylists
+- [Advanced Features](./advanced.md) - Group analytics and consent management
diff --git a/.tessl/tiles/tessl/npm-posthog-js/docs/reference/product-tours.md b/.tessl/tiles/tessl/npm-posthog-js/docs/reference/product-tours.md
new file mode 100644
index 000000000..7ef7f2f70
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-posthog-js/docs/reference/product-tours.md
@@ -0,0 +1,383 @@
+# Product Tours
+
+Product tours are guided walkthroughs that help users discover features and learn your application. Tours can include modal dialogs, element highlights, tooltips, and surveys to create interactive onboarding experiences.
+
+## Capabilities
+
+### Get All Product Tours
+
+Fetches all product tours configured in your PostHog project.
+
+```typescript { .api }
+/**
+ * Gets all product tours from the server
+ * @param callback - Callback receiving tours and load status
+ * @param forceReload - Force reload from server instead of using cache
+ */
+function getProductTours(
+    callback: ProductTourCallback,
+    forceReload?: boolean
+): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Get all tours
+posthog.productTours.getProductTours((tours, context) => {
+    if (context.isLoaded) {
+        console.log('All tours:', tours);
+        tours.forEach(tour => {
+            console.log(`Tour: ${tour.name}, Status: ${tour.display_frequency}`);
+        });
+    } else {
+        console.error('Failed to load tours:', context.error);
+    }
+});
+
+// Force reload from server
+posthog.productTours.getProductTours((tours, context) => {
+    console.log('Fresh tours:', tours);
+}, true);
+```
+
+### Get Active Product Tours
+
+Fetches product tours that should be shown to the current user based on targeting conditions and display rules.
+
+```typescript { .api }
+/**
+ * Gets active product tours matching current user and conditions
+ * @param callback - Callback receiving active tours and load status
+ */
+function getActiveProductTours(callback: ProductTourCallback): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Get tours for current user
+posthog.productTours.getActiveProductTours((tours, context) => {
+    if (context.isLoaded && tours.length > 0) {
+        console.log('Active tours:', tours);
+        // Automatically show the first active tour
+        posthog.productTours.showProductTour(tours[0].id);
+    }
+});
+```
+
+### Show Product Tour
+
+Displays a specific product tour by its ID.
+
+```typescript { .api }
+/**
+ * Shows a product tour by its ID
+ * @param tourId - Unique identifier for the tour
+ */
+function showProductTour(tourId: string): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Show specific tour
+posthog.productTours.showProductTour('tour-abc-123');
+
+// Show tour on button click
+button.addEventListener('click', () => {
+    posthog.productTours.showProductTour('onboarding-tour');
+});
+
+// Conditional tour display
+if (isNewUser) {
+    posthog.productTours.showProductTour('welcome-tour');
+}
+```
+
+## Configuration
+
+Product tours are disabled by default and must be enabled in initialization:
+
+```typescript
+posthog.init('<your-project-api-key>', {
+    disable_product_tours: false // Enable product tours
+});
+```
+
+## Types
+
+### ProductTourCallback
+
+```typescript { .api }
+/**
+ * Callback invoked when product tours are loaded
+ * @param tours - Array of product tours
+ * @param context - Load status and error information
+ */
+type ProductTourCallback = (
+    tours: ProductTour[],
+    context: { isLoaded: boolean; error?: string }
+) => void;
+```
+
+### ProductTour
+
+```typescript { .api }
+/**
+ * Product tour definition
+ */
+interface ProductTour {
+    /**
+     * Unique tour identifier
+     */
+    id: string;
+
+    /**
+     * Tour name
+     */
+    name: string;
+
+    /**
+     * Tour description
+     */
+    description?: string;
+
+    /**
+     * Display frequency control
+     * - 'once': Show once per user
+     * - 'multiple': Show multiple times
+     */
+    display_frequency: 'once' | 'multiple';
+
+    /**
+     * Tour steps
+     */
+    steps: ProductTourStep[];
+
+    /**
+     * Visual appearance configuration
+     */
+    appearance?: ProductTourAppearance;
+
+    /**
+     * Conditions for showing the tour
+     */
+    conditions?: ProductTourConditions;
+}
+```
+
+### ProductTourStep
+
+```typescript { .api }
+/**
+ * Individual step in a product tour
+ */
+interface ProductTourStep {
+    /**
+     * Step type
+     * - 'element': Highlight and describe a page element
+     * - 'modal': Show a modal dialog
+     * - 'survey': Show a survey question
+     * - 'banner': Show a banner message
+     */
+    type: 'element' | 'modal' | 'survey' | 'banner';
+
+    /**
+     * Step title
+     */
+    title?: string;
+
+    /**
+     * Step content/description
+     */
+    content?: string;
+
+    /**
+     * CSS selector for element to highlight (element type only)
+     */
+    selector?: string;
+
+    /**
+     * Button text
+     */
+    buttonText?: string;
+
+    /**
+     * Survey configuration (survey type only)
+     */
+    survey?: {
+        question: string;
+        type: 'open' | 'multiple_choice' | 'rating';
+        choices?: string[];
+    };
+}
+```
+
+### ProductTourAppearance
+
+```typescript { .api }
+/**
+ * Visual styling for product tours
+ */
+interface ProductTourAppearance {
+    /**
+     * Primary color
+     */
+    primaryColor?: string;
+
+    /**
+     * Background color
+     */
+    backgroundColor?: string;
+
+    /**
+     * Text color
+     */
+    textColor?: string;
+
+    /**
+     * Border radius
+     */
+    borderRadius?: number;
+
+    /**
+     * Positioning
+     */
+    position?: 'top' | 'bottom' | 'left' | 'right' | 'center';
+}
+```
+
+### ProductTourConditions
+
+```typescript { .api }
+/**
+ * Conditions for showing a product tour
+ */
+interface ProductTourConditions {
+    /**
+     * URL patterns where tour should show
+     */
+    urlPatterns?: string[];
+
+    /**
+     * Feature flags that must be enabled
+     */
+    featureFlags?: string[];
+
+    /**
+     * User properties that must match
+     */
+    userProperties?: Record<string, any>;
+
+    /**
+     * Minimum time after user signup (seconds)
+     */
+    minSecondsSinceSignup?: number;
+}
+```
+
+## Best Practices
+
+### Tour Timing
+
+```typescript
+// Wait for app to be ready before checking for tours
+window.addEventListener('load', () => {
+    posthog.productTours.getActiveProductTours((tours) => {
+        if (tours.length > 0) {
+            // Show first tour after a small delay
+            setTimeout(() => {
+                posthog.productTours.showProductTour(tours[0].id);
+            }, 1000);
+        }
+    });
+});
+```
+
+### User Onboarding
+
+```typescript
+// Show different tours based on user stage
+posthog.onFeatureFlags((flags) => {
+    const userStage = posthog.get_property('onboarding_stage');
+
+    if (userStage === 'new') {
+        posthog.productTours.showProductTour('welcome-tour');
+    } else if (userStage === 'learning') {
+        posthog.productTours.showProductTour('advanced-features-tour');
+    }
+});
+```
+
+### Progressive Tours
+
+```typescript
+// Show tours sequentially
+let currentTourIndex = 0;
+const tourIds = ['tour-1', 'tour-2', 'tour-3'];
+
+function showNextTour() {
+    if (currentTourIndex < tourIds.length) {
+        posthog.productTours.showProductTour(tourIds[currentTourIndex]);
+        currentTourIndex++;
+    }
+}
+
+// Start first tour
+showNextTour();
+```
+
+## Common Patterns
+
+### Conditional Tour Display
+
+```typescript
+// Show tour based on user properties
+posthog.getActiveProductTours((tours, context) => {
+    if (context.isLoaded) {
+        const userPlan = posthog.get_property('plan');
+
+        tours.forEach(tour => {
+            // Show premium tours only to premium users
+            if (tour.name.includes('premium') && userPlan === 'premium') {
+                posthog.productTours.showProductTour(tour.id);
+            }
+        });
+    }
+});
+```
+
+### Feature Introduction Tours
+
+```typescript
+// Show tour when new feature is enabled
+posthog.onFeatureFlags((flags) => {
+    if (flags['new-feature'] && !posthog.get_property('seen-new-feature-tour')) {
+        posthog.productTours.showProductTour('new-feature-tour');
+        posthog.register({ 'seen-new-feature-tour': true });
+    }
+});
+```
+
+### Manual Tour Trigger
+
+```typescript
+// Add a help button to manually show tours
+function HelpButton() {
+    return (
+        <button onClick={() => {
+            posthog.productTours.getActiveProductTours((tours) => {
+                if (tours.length > 0) {
+                    // Show first available tour
+                    posthog.productTours.showProductTour(tours[0].id);
+                } else {
+                    console.log('No tours available');
+                }
+            });
+        }}>
+            Show Help Tour
+        </button>
+    );
+}
+```
diff --git a/.tessl/tiles/tessl/npm-posthog-js/docs/reference/sentry-integration.md b/.tessl/tiles/tessl/npm-posthog-js/docs/reference/sentry-integration.md
new file mode 100644
index 000000000..f689d2d70
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-posthog-js/docs/reference/sentry-integration.md
@@ -0,0 +1,314 @@
+# Sentry Integration
+
+The PostHog Sentry integration links error tracking from Sentry with session replays and user context from PostHog, providing a unified view of errors and user behavior.
+
+## Capabilities
+
+### Create Sentry Integration
+
+Creates a Sentry integration instance that connects PostHog with Sentry error tracking.
+
+```typescript { .api }
+/**
+ * Creates a Sentry integration
+ * Available as both a class and a function
+ */
+const integration = posthog.sentryIntegration(options?: SentryIntegrationOptions);
+
+// Or as a class
+const integration = new posthog.SentryIntegration(options?: SentryIntegrationOptions);
+```
+
+**Usage Examples:**
+
+```typescript
+import * as Sentry from '@sentry/browser';
+import posthog from 'posthog-js';
+
+// Initialize PostHog
+posthog.init('<posthog-api-key>', {
+    api_host: 'https://us.i.posthog.com'
+});
+
+// Initialize Sentry with PostHog integration
+Sentry.init({
+    dsn: '<sentry-dsn>',
+    integrations: [
+        posthog.sentryIntegration({
+            organization: 'my-org',
+            projectId: 12345,
+            severityAllowList: ['error', 'fatal']
+        })
+    ]
+});
+```
+
+## Configuration
+
+### SentryIntegrationOptions
+
+```typescript { .api }
+/**
+ * Configuration options for Sentry integration
+ */
+interface SentryIntegrationOptions {
+    /**
+     * Sentry organization slug
+     * Used to generate links to Sentry issues
+     */
+    organization?: string;
+
+    /**
+     * Sentry project ID or slug
+     * Used to generate links to Sentry issues
+     */
+    projectId?: number | string;
+
+    /**
+     * Custom prefix for self-hosted Sentry
+     * @default 'https://sentry.io'
+     * @example 'https://sentry.mycompany.com'
+     */
+    prefix?: string;
+
+    /**
+     * Error severity levels to send to PostHog
+     * @default ['error']
+     * @example ['error', 'fatal', 'warning']
+     */
+    severityAllowList?: Array<'fatal' | 'error' | 'warning' | 'info' | 'debug'>;
+
+    /**
+     * Whether to send exceptions to PostHog as well
+     * @default false
+     */
+    sendExceptionsToPostHog?: boolean;
+}
+```
+
+## Integration Benefits
+
+### Linked Session Replays
+
+When an error occurs in Sentry, the integration:
+- Adds a direct link to the PostHog session replay
+- Includes PostHog person profile link
+- Shows feature flags active at the time of error
+- Provides full user context from PostHog
+
+### Error Context in PostHog
+
+When viewing session replays in PostHog:
+- See when Sentry errors occurred during the session
+- View error details and stack traces
+- Jump directly to the error in Sentry
+
+## Setup Examples
+
+### Basic Setup
+
+```typescript
+import * as Sentry from '@sentry/react';
+import posthog from 'posthog-js';
+
+// Initialize PostHog first
+posthog.init('<posthog-key>');
+
+// Then initialize Sentry with the integration
+Sentry.init({
+    dsn: '<sentry-dsn>',
+    integrations: [
+        posthog.sentryIntegration()
+    ]
+});
+```
+
+### With Organization and Project
+
+```typescript
+Sentry.init({
+    dsn: '<sentry-dsn>',
+    integrations: [
+        posthog.sentryIntegration({
+            organization: 'my-company',
+            projectId: 12345
+        })
+    ]
+});
+```
+
+### Self-Hosted Sentry
+
+```typescript
+Sentry.init({
+    dsn: '<sentry-dsn>',
+    integrations: [
+        posthog.sentryIntegration({
+            organization: 'my-company',
+            projectId: 'my-project',
+            prefix: 'https://sentry.mycompany.com'
+        })
+    ]
+});
+```
+
+### Selective Error Reporting
+
+```typescript
+Sentry.init({
+    dsn: '<sentry-dsn>',
+    integrations: [
+        posthog.sentryIntegration({
+            // Only send critical errors to PostHog
+            severityAllowList: ['error', 'fatal'],
+            sendExceptionsToPostHog: true
+        })
+    ]
+});
+```
+
+## Best Practices
+
+### Initialization Order
+
+Always initialize PostHog before Sentry:
+
+```typescript
+// ✅ Correct order
+posthog.init('<posthog-key>');
+Sentry.init({
+    dsn: '<sentry-dsn>',
+    integrations: [posthog.sentryIntegration()]
+});
+
+// ❌ Wrong order - integration won't work properly
+Sentry.init({
+    dsn: '<sentry-dsn>',
+    integrations: [posthog.sentryIntegration()]
+});
+posthog.init('<posthog-key>');
+```
+
+### User Identification
+
+Identify users in PostHog to see user context in Sentry:
+
+```typescript
+// Identify user in PostHog
+posthog.identify('user-123', {
+    email: 'user@example.com',
+    name: 'John Doe'
+});
+
+// Sentry will automatically receive this context
+```
+
+### Error Severity Filtering
+
+Filter errors sent to PostHog based on severity:
+
+```typescript
+posthog.sentryIntegration({
+    // Only critical errors
+    severityAllowList: ['error', 'fatal']
+})
+
+// Or include warnings
+posthog.sentryIntegration({
+    severityAllowList: ['warning', 'error', 'fatal']
+})
+```
+
+## Common Patterns
+
+### Conditional Integration
+
+```typescript
+// Only integrate in production
+const sentryIntegrations = [
+    // ... other integrations
+];
+
+if (process.env.NODE_ENV === 'production') {
+    sentryIntegrations.push(posthog.sentryIntegration({
+        organization: 'my-org',
+        projectId: 12345
+    }));
+}
+
+Sentry.init({
+    dsn: '<sentry-dsn>',
+    integrations: sentryIntegrations
+});
+```
+
+### Custom Error Grouping
+
+```typescript
+// Use PostHog properties for better error grouping
+Sentry.init({
+    dsn: '<sentry-dsn>',
+    integrations: [posthog.sentryIntegration()],
+    beforeSend(event) {
+        // Add PostHog context to Sentry events
+        event.tags = {
+            ...event.tags,
+            posthog_distinct_id: posthog.get_distinct_id(),
+            posthog_session_id: posthog.get_session_id()
+        };
+        return event;
+    }
+});
+```
+
+### Error Recovery Tracking
+
+```typescript
+// Track error recovery in PostHog
+Sentry.init({
+    dsn: '<sentry-dsn>',
+    integrations: [posthog.sentryIntegration()],
+    beforeSend(event, hint) {
+        // Capture error recovery attempts
+        posthog.capture('error_occurred', {
+            error_type: event.exception?.values?.[0]?.type,
+            error_message: event.exception?.values?.[0]?.value,
+            sentry_event_id: event.event_id
+        });
+
+        return event;
+    }
+});
+```
+
+## Data Flow
+
+1. **Error occurs** in your application
+2. **Sentry captures** the error
+3. **PostHog integration** adds session replay link and context to Sentry
+4. **Sentry displays** error with PostHog session replay link
+5. **PostHog** (optionally) receives error event if `sendExceptionsToPostHog: true`
+
+## Viewing Integrated Data
+
+### In Sentry
+
+- Open any error in Sentry
+- Look for "PostHog" section in error details
+- Click "View Session Replay" to see the session in PostHog
+- See active feature flags at time of error
+
+### In PostHog
+
+- Open a session replay
+- See Sentry errors marked on the timeline
+- Click error markers to view details
+- Link to full error in Sentry
+
+## Notes
+
+- The integration requires both PostHog and Sentry to be properly initialized
+- Session replays must be enabled in PostHog for the integration to be fully functional
+- Links between Sentry and PostHog are generated automatically
+- The integration works with all Sentry SDKs (browser, React, Vue, Angular, etc.)
+- Organization and project ID are optional but recommended for proper link generation
diff --git a/.tessl/tiles/tessl/npm-posthog-js/docs/reference/session-recording.md b/.tessl/tiles/tessl/npm-posthog-js/docs/reference/session-recording.md
new file mode 100644
index 000000000..88eb20997
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-posthog-js/docs/reference/session-recording.md
@@ -0,0 +1,1383 @@
+# Session Recording
+
+Session recording captures user interactions, page views, and behaviors to help you understand how users experience your application.
+
+## Capabilities
+
+### Start Session Recording
+
+Starts session recording, optionally overriding trigger requirements.
+
+```typescript { .api }
+/**
+ * Starts session recording
+ * @param override - Override specific trigger requirements, or true to override all
+ */
+function startSessionRecording(override?: {
+    sampling?: boolean;
+    linked_flag?: boolean;
+    url_trigger?: boolean;
+    event_trigger?: boolean;
+} | true): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Start recording unconditionally
+posthog.startSessionRecording();
+
+// Start with all overrides
+posthog.startSessionRecording(true);
+
+// Override specific triggers
+posthog.startSessionRecording({
+    sampling: true,        // Override sample rate
+    linked_flag: true,     // Override feature flag requirement
+    url_trigger: false,    // Still require URL match
+    event_trigger: false   // Still require event trigger
+});
+
+// Start after user action
+function onUserConsent() {
+    posthog.startSessionRecording();
+}
+
+// Conditional recording
+if (user.plan === 'premium') {
+    posthog.startSessionRecording();
+}
+```
+
+### Stop Session Recording
+
+Stops the current session recording.
+
+```typescript { .api }
+/**
+ * Stops the current session recording
+ */
+function stopSessionRecording(): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Stop recording
+posthog.stopSessionRecording();
+
+// Stop on sensitive page
+router.on('route', (route) => {
+    if (route.path.includes('/payment')) {
+        posthog.stopSessionRecording();
+    }
+});
+
+// Stop on user request
+function disableRecording() {
+    posthog.stopSessionRecording();
+    localStorage.setItem('recording_disabled', 'true');
+}
+```
+
+### Check Recording Status
+
+Checks if session recording is currently active.
+
+```typescript { .api }
+/**
+ * Checks if session recording is currently active
+ * @returns True if recording is active, false otherwise
+ */
+function sessionRecordingStarted(): boolean;
+```
+
+**Usage Examples:**
+
+```typescript
+// Check status
+if (posthog.sessionRecordingStarted()) {
+    console.log('Session is being recorded');
+}
+
+// Conditional UI
+function RecordingIndicator() {
+    const isRecording = posthog.sessionRecordingStarted();
+    return isRecording ? <div>Recording</div> : null;
+}
+
+// Start if not already started
+if (!posthog.sessionRecordingStarted()) {
+    posthog.startSessionRecording();
+}
+```
+
+### Get Session ID
+
+Gets the current session ID.
+
+```typescript { .api }
+/**
+ * Gets the current session ID
+ * @returns The current session ID
+ */
+function get_session_id(): string;
+```
+
+**Usage Examples:**
+
+```typescript
+// Get session ID
+const sessionId = posthog.get_session_id();
+console.log('Current session:', sessionId);
+
+// Include in API calls
+fetch('/api/data', {
+    headers: {
+        'X-Session-ID': posthog.get_session_id()
+    }
+});
+
+// Track session across services
+const sessionData = {
+    sessionId: posthog.get_session_id(),
+    userId: posthog.get_distinct_id()
+};
+```
+
+### Get Session Replay URL
+
+Gets the URL to view the session replay in PostHog.
+
+```typescript { .api }
+/**
+ * Gets the URL to the session replay
+ * @param options - Options for replay URL generation
+ * @returns URL to view the session replay
+ */
+function get_session_replay_url(options?: {
+    withTimestamp?: boolean;
+    timestampLookBack?: number;
+}): string;
+```
+
+**Usage Examples:**
+
+```typescript
+// Get basic replay URL
+const replayUrl = posthog.get_session_replay_url();
+console.log('View replay:', replayUrl);
+
+// Get URL with current timestamp
+const urlWithTime = posthog.get_session_replay_url({
+    withTimestamp: true
+});
+
+// Get URL with lookback (seconds before current time)
+const urlWithLookback = posthog.get_session_replay_url({
+    withTimestamp: true,
+    timestampLookBack: 30 // 30 seconds before now
+});
+
+// Share replay with support
+function shareReplayWithSupport(issueDescription) {
+    const replayUrl = posthog.get_session_replay_url({
+        withTimestamp: true
+    });
+
+    sendToSupport({
+        description: issueDescription,
+        replayUrl: replayUrl,
+        sessionId: posthog.get_session_id()
+    });
+}
+```
+
+### Session ID Change Callback
+
+Registers a callback that fires when the session ID changes.
+
+```typescript { .api }
+/**
+ * Registers a callback for when the session ID changes
+ * @param callback - Function to call when session changes
+ * @returns Function to unsubscribe from callback
+ */
+function onSessionId(callback: SessionIdChangedCallback): () => void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Listen for session changes
+const unsubscribe = posthog.onSessionId((sessionId, windowId) => {
+    console.log('New session:', sessionId);
+    console.log('Window ID:', windowId);
+
+    // Track session change
+    trackSessionChange(sessionId);
+});
+
+// Stop listening
+unsubscribe();
+
+// React to session changes
+posthog.onSessionId((sessionId) => {
+    // Update UI with new session
+    updateSessionDisplay(sessionId);
+
+    // Sync with backend
+    syncSessionToBackend(sessionId);
+});
+```
+
+## SessionRecording Sub-API
+
+The `posthog.sessionRecording` property provides access to advanced session recording controls. These methods allow programmatic control over recording behavior and are primarily used for debugging or advanced use cases.
+
+### Check Recording Status
+
+Checks if session recording is currently active.
+
+```typescript { .api }
+/**
+ * Checks if session recording is currently active
+ * @returns True if recording is active, false otherwise
+ */
+readonly started: boolean; // Accessed as posthog.sessionRecording.started
+```
+
+**Usage Examples:**
+
+```typescript
+// Check if recording is active
+if (posthog.sessionRecording && posthog.sessionRecording.started) {
+    console.log('Session recording is active');
+} else {
+    console.log('Session recording is not active');
+}
+
+// Show recording indicator
+function RecordingStatusIndicator() {
+    const isRecording = posthog.sessionRecording?.started ?? false;
+    return isRecording ? <span>🔴 Recording</span> : null;
+}
+
+// Conditional logic based on recording state
+function handleSensitiveAction() {
+    if (posthog.sessionRecording?.started) {
+        // Pause recording for sensitive operations
+        posthog.stopSessionRecording();
+        performSensitiveAction();
+        posthog.startSessionRecording();
+    } else {
+        performSensitiveAction();
+    }
+}
+```
+
+### Override Linked Flag
+
+Programmatically overrides the linked feature flag requirement for session recording.
+
+```typescript { .api }
+/**
+ * Overrides the linked feature flag requirement
+ * Allows recording to start regardless of feature flag state
+ */
+posthog.sessionRecording.overrideLinkedFlag(): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Force recording regardless of feature flag
+if (posthog.sessionRecording) {
+    posthog.sessionRecording.overrideLinkedFlag();
+    posthog.startSessionRecording();
+}
+
+// Record VIP user sessions regardless of flag
+if (user.isVIP) {
+    posthog.sessionRecording?.overrideLinkedFlag();
+    posthog.startSessionRecording();
+}
+```
+
+### Override Sampling
+
+Programmatically overrides the sampling decision for session recording.
+
+```typescript { .api }
+/**
+ * Overrides the sampling decision
+ * Allows recording to start regardless of configured sample rate
+ */
+posthog.sessionRecording.overrideSampling(): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Force recording regardless of sample rate
+if (posthog.sessionRecording) {
+    posthog.sessionRecording.overrideSampling();
+    posthog.startSessionRecording();
+}
+
+// Record sessions for support tickets
+function openSupportTicket() {
+    posthog.sessionRecording?.overrideSampling();
+    posthog.startSessionRecording();
+
+    const replayUrl = posthog.get_session_replay_url();
+    createTicket({ replayUrl });
+}
+```
+
+### Override Trigger
+
+Programmatically overrides specific trigger requirements for session recording.
+
+```typescript { .api }
+/**
+ * Overrides specific trigger requirement
+ * @param triggerType - Type of trigger to override ('url' or 'event')
+ */
+posthog.sessionRecording.overrideTrigger(triggerType: 'url' | 'event'): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Override URL trigger requirement
+if (posthog.sessionRecording) {
+    posthog.sessionRecording.overrideTrigger('url');
+    posthog.startSessionRecording();
+}
+
+// Override event trigger requirement
+if (posthog.sessionRecording) {
+    posthog.sessionRecording.overrideTrigger('event');
+    posthog.startSessionRecording();
+}
+
+// Start recording on button click, ignoring triggers
+function handleDebugRecording() {
+    if (posthog.sessionRecording) {
+        posthog.sessionRecording.overrideTrigger('url');
+        posthog.sessionRecording.overrideTrigger('event');
+        posthog.startSessionRecording();
+    }
+}
+```
+
+### Force Localhost Network Capture (Debug Only)
+
+Debug property to enable network capture on localhost. This is intended for development and debugging purposes only.
+
+```typescript { .api }
+/**
+ * Forces network capture on localhost for debugging
+ * WARNING: Development/debugging use only
+ */
+posthog.sessionRecording._forceAllowLocalhostNetworkCapture: boolean;
+```
+
+**Usage Examples:**
+
+```typescript
+// Enable network capture in local development
+if (process.env.NODE_ENV === 'development' && posthog.sessionRecording) {
+    posthog.sessionRecording._forceAllowLocalhostNetworkCapture = true;
+    posthog.startSessionRecording();
+}
+
+// Debug network requests locally
+if (window.location.hostname === 'localhost' && posthog.sessionRecording) {
+    posthog.sessionRecording._forceAllowLocalhostNetworkCapture = true;
+}
+```
+
+**Note:** This property is prefixed with `_` to indicate it's for debugging purposes and should not be used in production code.
+
+## Types
+
+### SessionIdChangedCallback
+
+```typescript { .api }
+/**
+ * Callback invoked when session ID changes
+ */
+type SessionIdChangedCallback = (sessionId: string, windowId: string) => void;
+```
+
+### SessionRecordingOptions
+
+```typescript { .api }
+/**
+ * Configuration for session recording
+ */
+interface SessionRecordingOptions {
+    /**
+     * Enable or disable session recording
+     * @default undefined (uses server-side config)
+     */
+    enabled?: boolean;
+
+    /**
+     * Mask all input fields
+     * @default false
+     */
+    maskAllInputs?: boolean;
+
+    /**
+     * CSS selector for text elements to mask
+     */
+    maskTextSelector?: string;
+
+    /**
+     * CSS selector for elements to completely block from recording
+     */
+    blockSelector?: string;
+
+    /**
+     * Record cross-origin iframes
+     * @default false
+     */
+    recordCrossOriginIframes?: boolean;
+
+    /**
+     * Sample rate for session recording (0-1)
+     * 0.1 = 10% of sessions recorded
+     */
+    sampleRate?: number;
+
+    /**
+     * Minimum session duration to record (milliseconds)
+     */
+    minimumDurationMilliseconds?: number;
+
+    /**
+     * Feature flag controlling recording
+     */
+    linkedFlag?: string | FlagVariant;
+
+    /**
+     * Enable canvas recording
+     * @default false
+     */
+    recordCanvas?: boolean;
+
+    /**
+     * Capture console logs in recordings
+     * @default true
+     */
+    consoleLogRecordingEnabled?: boolean;
+
+    /**
+     * Capture network activity
+     */
+    networkPayloadCapture?: {
+        /**
+         * Record request/response headers
+         */
+        recordHeaders?: boolean | {
+            request: boolean;
+            response: boolean;
+        };
+
+        /**
+         * Record request/response bodies
+         */
+        recordBody?: boolean | string[] | {
+            request: boolean | string[];
+            response: boolean | string[];
+        };
+    };
+
+    /**
+     * Capture performance data
+     * @default true
+     */
+    capturePerformance?: boolean;
+
+    /**
+     * URL triggers for recording
+     */
+    urlTriggers?: string[];
+
+    /**
+     * Event triggers for recording
+     */
+    eventTriggers?: string[];
+
+    /**
+     * Mask text content
+     * @default false
+     */
+    maskTextContent?: boolean;
+
+    /**
+     * Mask captured network requests
+     */
+    maskCapturedNetworkRequestFn?: (data: NetworkRequest) => NetworkRequest | null;
+}
+```
+
+### FlagVariant
+
+```typescript { .api }
+/**
+ * Feature flag variant configuration
+ */
+interface FlagVariant {
+    /**
+     * Feature flag key
+     */
+    flag: string;
+
+    /**
+     * Required variant value
+     */
+    variant: string;
+}
+```
+
+### NetworkRequest
+
+```typescript { .api }
+/**
+ * Network request data captured during recording
+ */
+interface NetworkRequest {
+    /**
+     * Request URL
+     */
+    url: string;
+
+    /**
+     * HTTP method
+     */
+    method: string;
+
+    /**
+     * Request headers
+     */
+    headers?: Record<string, string>;
+
+    /**
+     * Request body
+     */
+    body?: string;
+
+    /**
+     * Response status
+     */
+    status?: number;
+
+    /**
+     * Response headers
+     */
+    responseHeaders?: Record<string, string>;
+
+    /**
+     * Response body
+     */
+    responseBody?: string;
+}
+```
+
+## Configuration
+
+### Session Recording Settings
+
+Configure session recording during initialization:
+
+```typescript { .api }
+// Basic configuration
+posthog.init('token', {
+    session_recording: {
+        enabled: true,
+        maskAllInputs: true,
+        consoleLogRecordingEnabled: true
+    }
+});
+
+// Privacy-focused configuration
+posthog.init('token', {
+    session_recording: {
+        enabled: true,
+        maskAllInputs: true,
+        maskTextContent: true,
+        blockSelector: '.sensitive-data',
+        networkPayloadCapture: {
+            recordHeaders: false,
+            recordBody: false
+        }
+    }
+});
+
+// Advanced configuration
+posthog.init('token', {
+    session_recording: {
+        enabled: true,
+        sampleRate: 0.1, // Record 10% of sessions
+        minimumDurationMilliseconds: 5000, // Only record sessions > 5s
+        linkedFlag: 'record-sessions', // Require feature flag
+        recordCanvas: true,
+        recordCrossOriginIframes: true,
+        networkPayloadCapture: {
+            recordHeaders: {
+                request: true,
+                response: false
+            },
+            recordBody: {
+                request: ['application/json'],
+                response: ['application/json']
+            }
+        }
+    }
+});
+
+// Disable session recording
+posthog.init('token', {
+    disable_session_recording: true
+});
+```
+
+### Privacy Masking
+
+Configure what data to mask in recordings:
+
+```typescript { .api }
+posthog.init('token', {
+    session_recording: {
+        // Mask all inputs (passwords, credit cards, etc.)
+        maskAllInputs: true,
+
+        // Mask specific text elements
+        maskTextSelector: '.user-name, .email, .phone',
+
+        // Block elements completely (won't appear in recording)
+        blockSelector: '.sensitive-section, .payment-info',
+
+        // Custom network masking
+        maskCapturedNetworkRequestFn: (data) => {
+            // Remove sensitive headers
+            if (data.headers) {
+                delete data.headers['Authorization'];
+                delete data.headers['Cookie'];
+            }
+
+            // Mask sensitive URLs
+            if (data.url.includes('/api/secret')) {
+                return null; // Don't capture this request
+            }
+
+            return data;
+        }
+    }
+});
+```
+
+## Best Practices
+
+### Respect User Privacy
+
+Always consider privacy when recording sessions:
+
+```typescript
+// ✅ Good: Get user consent
+function requestRecordingConsent() {
+    const consent = confirm('May we record your session to improve our service?');
+
+    if (consent) {
+        posthog.startSessionRecording();
+        localStorage.setItem('recording_consent', 'granted');
+    }
+}
+
+// ✅ Good: Stop recording on sensitive pages
+router.on('route', (route) => {
+    const sensitivePaths = ['/payment', '/settings/security', '/admin'];
+
+    if (sensitivePaths.some(path => route.path.includes(path))) {
+        posthog.stopSessionRecording();
+    }
+});
+
+// ✅ Good: Mask sensitive data
+posthog.init('token', {
+    session_recording: {
+        maskAllInputs: true,
+        blockSelector: '.payment-form, .ssn, .credit-card'
+    }
+});
+```
+
+### Conditional Recording
+
+Record sessions based on specific conditions:
+
+```typescript
+// Record only for authenticated users
+if (user.isAuthenticated) {
+    posthog.startSessionRecording();
+}
+
+// Record based on plan
+if (user.plan === 'enterprise' || user.plan === 'pro') {
+    posthog.startSessionRecording();
+}
+
+// Record when feature flag is enabled
+posthog.onFeatureFlags((flags) => {
+    if (flags['enable-session-recording']) {
+        posthog.startSessionRecording();
+    }
+});
+
+// Sample recording (10% of sessions)
+if (Math.random() < 0.1) {
+    posthog.startSessionRecording();
+}
+```
+
+### Error Context
+
+Include session replay URLs in error reports:
+
+```typescript
+// Add replay to error tracking
+window.addEventListener('error', (event) => {
+    const replayUrl = posthog.get_session_replay_url({
+        withTimestamp: true,
+        timestampLookBack: 10
+    });
+
+    logError({
+        message: event.message,
+        stack: event.error?.stack,
+        replayUrl: replayUrl,
+        sessionId: posthog.get_session_id()
+    });
+});
+
+// Include in support tickets
+function submitSupportTicket(description) {
+    const ticket = {
+        description: description,
+        sessionReplay: posthog.get_session_replay_url({
+            withTimestamp: true
+        }),
+        sessionId: posthog.get_session_id(),
+        userId: posthog.get_distinct_id()
+    };
+
+    sendToSupport(ticket);
+}
+```
+
+### Performance Considerations
+
+Optimize recording for performance:
+
+```typescript
+// Only record sessions longer than threshold
+posthog.init('token', {
+    session_recording: {
+        minimumDurationMilliseconds: 10000 // 10 seconds
+    }
+});
+
+// Disable canvas recording if not needed
+posthog.init('token', {
+    session_recording: {
+        recordCanvas: false // Better performance
+    }
+});
+
+// Limit network capture
+posthog.init('token', {
+    session_recording: {
+        networkPayloadCapture: {
+            recordHeaders: false,
+            recordBody: ['application/json'] // Only JSON bodies
+        }
+    }
+});
+```
+
+## Common Patterns
+
+### Support Integration
+
+Integrate session replays with customer support:
+
+```typescript
+function CustomerSupportWidget() {
+    const [sessionUrl, setSessionUrl] = useState('');
+
+    useEffect(() => {
+        // Get replay URL when widget opens
+        const url = posthog.get_session_replay_url({
+            withTimestamp: true
+        });
+        setSessionUrl(url);
+    }, []);
+
+    function sendMessage(message) {
+        submitToSupport({
+            message: message,
+            sessionReplay: sessionUrl,
+            sessionId: posthog.get_session_id(),
+            userEmail: user.email
+        });
+    }
+
+    return (
+        <div>
+            <textarea onChange={e => setMessage(e.target.value)} />
+            <button onClick={() => sendMessage(message)}>
+                Send (includes session replay)
+            </button>
+        </div>
+    );
+}
+```
+
+### Error Tracking Integration
+
+Link errors to session replays:
+
+```typescript
+// Sentry integration
+Sentry.init({
+    beforeSend(event) {
+        // Add session replay URL to Sentry events
+        event.contexts = {
+            ...event.contexts,
+            posthog: {
+                session_id: posthog.get_session_id(),
+                replay_url: posthog.get_session_replay_url({
+                    withTimestamp: true
+                })
+            }
+        };
+        return event;
+    }
+});
+
+// Custom error handler
+class ErrorHandler {
+    captureError(error) {
+        const errorReport = {
+            message: error.message,
+            stack: error.stack,
+            timestamp: Date.now(),
+            sessionReplay: posthog.get_session_replay_url({
+                withTimestamp: true,
+                timestampLookBack: 30
+            }),
+            sessionId: posthog.get_session_id()
+        };
+
+        this.sendToBackend(errorReport);
+    }
+}
+```
+
+### Conditional Recording by Route
+
+Record specific pages or flows:
+
+```typescript
+// Record only important user flows
+const recordedRoutes = [
+    '/checkout',
+    '/onboarding',
+    '/settings',
+    '/dashboard'
+];
+
+router.on('route', (route) => {
+    const shouldRecord = recordedRoutes.some(r =>
+        route.path.startsWith(r)
+    );
+
+    if (shouldRecord && !posthog.sessionRecordingStarted()) {
+        posthog.startSessionRecording();
+    } else if (!shouldRecord && posthog.sessionRecordingStarted()) {
+        posthog.stopSessionRecording();
+    }
+});
+```
+
+### Session Replay in User Research
+
+Use recordings for user research and testing:
+
+```typescript
+// Tag test sessions
+posthog.capture('user_test_started', {
+    test_id: 'checkout-flow-test-v2',
+    participant_id: 'P001'
+});
+
+posthog.startSessionRecording();
+
+// Track test milestones
+function trackTestStep(stepName) {
+    posthog.capture('user_test_step', {
+        step: stepName,
+        session_id: posthog.get_session_id()
+    });
+}
+
+// End test with replay link
+function endUserTest() {
+    const replayUrl = posthog.get_session_replay_url();
+
+    posthog.capture('user_test_completed', {
+        replay_url: replayUrl
+    });
+
+    posthog.stopSessionRecording();
+}
+```
+
+### A/B Test Recordings
+
+Record sessions for experiment analysis:
+
+```typescript
+// Record variant exposure
+posthog.onFeatureFlags((flags) => {
+    const variant = flags['checkout-experiment'];
+
+    if (variant) {
+        // Tag session with variant
+        posthog.register({
+            experiment_variant: variant
+        });
+
+        // Start recording for experiment analysis
+        posthog.startSessionRecording();
+
+        posthog.capture('experiment_exposure', {
+            experiment: 'checkout-experiment',
+            variant: variant,
+            session_id: posthog.get_session_id()
+        });
+    }
+});
+```
+
+### Rage Click Detection
+
+Detect and record frustrated user interactions:
+
+```typescript
+let clickCount = 0;
+let clickTimer = null;
+const RAGE_CLICK_THRESHOLD = 5;
+const RAGE_CLICK_WINDOW = 2000; // 2 seconds
+
+document.addEventListener('click', (event) => {
+    clickCount++;
+
+    if (clickTimer) {
+        clearTimeout(clickTimer);
+    }
+
+    if (clickCount >= RAGE_CLICK_THRESHOLD) {
+        // Rage click detected
+        console.log('Rage click detected!');
+
+        // Ensure recording is active
+        if (!posthog.sessionRecordingStarted()) {
+            posthog.startSessionRecording();
+        }
+
+        // Capture event with replay
+        posthog.capture('rage_click_detected', {
+            element: event.target.tagName,
+            click_count: clickCount,
+            replay_url: posthog.get_session_replay_url({
+                withTimestamp: true,
+                timestampLookBack: 10
+            })
+        });
+
+        clickCount = 0;
+    }
+
+    clickTimer = setTimeout(() => {
+        clickCount = 0;
+    }, RAGE_CLICK_WINDOW);
+});
+```
+
+## Advanced Recording Patterns
+
+### Conditional Recording Based on User State
+
+```typescript { .api }
+// Record based on multiple conditions
+function shouldRecordSession(user: User, page: string): boolean {
+    // Don't record for internal users
+    if (user.email?.endsWith('@company.com')) {
+        return false;
+    }
+    
+    // Record premium users
+    if (user.plan === 'premium' || user.plan === 'enterprise') {
+        return true;
+    }
+    
+    // Record important flows for all users
+    const importantFlows = ['/checkout', '/onboarding', '/payment'];
+    if (importantFlows.some(flow => page.startsWith(flow))) {
+        return true;
+    }
+    
+    // Sample other sessions (10%)
+    return Math.random() < 0.1;
+}
+
+// Apply conditional recording
+if (shouldRecordSession(currentUser, window.location.pathname)) {
+    posthog.startSessionRecording();
+}
+```
+
+### Recording with Feature Flags
+
+```typescript { .api }
+// Use feature flags to control recording
+posthog.onFeatureFlags((flags) => {
+    const recordingConfig = posthog.getFeatureFlagPayload('recording-config') as {
+        enabled: boolean;
+        sampleRate: number;
+        maskInputs: boolean;
+    } | undefined;
+    
+    if (recordingConfig?.enabled) {
+        if (Math.random() < recordingConfig.sampleRate) {
+            posthog.set_config({
+                session_recording: {
+                    enabled: true,
+                    maskAllInputs: recordingConfig.maskInputs
+                }
+            });
+            
+            posthog.startSessionRecording();
+        }
+    }
+});
+```
+
+### Network Payload Filtering
+
+```typescript { .api }
+// Advanced network request filtering
+posthog.init('token', {
+    session_recording: {
+        enabled: true,
+        networkPayloadCapture: {
+            recordHeaders: {
+                request: true,
+                response: false
+            },
+            recordBody: {
+                request: ['application/json'],
+                response: ['application/json']
+            }
+        },
+        maskCapturedNetworkRequestFn: (request) => {
+            // Don't capture authentication requests
+            if (request.url.includes('/auth/') || request.url.includes('/login')) {
+                return null;
+            }
+            
+            // Mask sensitive headers
+            if (request.headers) {
+                const maskedHeaders = { ...request.headers };
+                delete maskedHeaders['Authorization'];
+                delete maskedHeaders['Cookie'];
+                delete maskedHeaders['X-API-Key'];
+                request.headers = maskedHeaders;
+            }
+            
+            // Mask sensitive response fields
+            if (request.responseBody) {
+                try {
+                    const body = JSON.parse(request.responseBody);
+                    if (body.token) body.token = '[MASKED]';
+                    if (body.password) body.password = '[MASKED]';
+                    if (body.credit_card) body.credit_card = '[MASKED]';
+                    request.responseBody = JSON.stringify(body);
+                } catch (e) {
+                    // Not JSON, skip masking
+                }
+            }
+            
+            return request;
+        }
+    }
+});
+```
+
+## Edge Cases & Error Handling
+
+### Recording Initialization Failure
+
+```typescript { .api }
+// Handle recording failure gracefully
+function startRecordingSafely() {
+    try {
+        if (posthog.sessionRecording) {
+            posthog.startSessionRecording();
+            
+            // Verify it started
+            setTimeout(() => {
+                if (!posthog.sessionRecordingStarted()) {
+                    console.warn('Session recording failed to start');
+                    // Log to monitoring service
+                    logWarning('session_recording_failed');
+                }
+            }, 1000);
+        }
+    } catch (error) {
+        console.error('Error starting session recording:', error);
+    }
+}
+```
+
+### Handle Session Transitions
+
+```typescript { .api }
+// Handle session ID changes
+let currentSessionId = posthog.get_session_id();
+
+posthog.onSessionId((newSessionId, windowId) => {
+    console.log('Session changed:', {
+        old: currentSessionId,
+        new: newSessionId,
+        windowId: windowId
+    });
+    
+    // Track session transition
+    posthog.capture('session_transitioned', {
+        previous_session: currentSessionId,
+        new_session: newSessionId,
+        window_id: windowId
+    });
+    
+    currentSessionId = newSessionId;
+    
+    // Restart recording for new session if needed
+    if (shouldRecordCurrentPage()) {
+        posthog.startSessionRecording();
+    }
+});
+```
+
+### Memory Management
+
+```typescript { .api }
+// Prevent memory leaks with long-running recordings
+class RecordingManager {
+    private maxRecordingTime = 30 * 60 * 1000; // 30 minutes
+    private recordingTimer?: NodeJS.Timeout;
+    
+    startRecording() {
+        posthog.startSessionRecording();
+        
+        // Stop after max time
+        this.recordingTimer = setTimeout(() => {
+            console.log('Max recording time reached, restarting');
+            this.restartRecording();
+        }, this.maxRecordingTime);
+    }
+    
+    stopRecording() {
+        if (this.recordingTimer) {
+            clearTimeout(this.recordingTimer);
+        }
+        posthog.stopSessionRecording();
+    }
+    
+    restartRecording() {
+        this.stopRecording();
+        // Wait briefly before restarting
+        setTimeout(() => {
+            this.startRecording();
+        }, 1000);
+    }
+}
+```
+
+## Performance Optimization
+
+### Minimize Recording Overhead
+
+```typescript { .api }
+// Disable expensive features if not needed
+posthog.init('token', {
+    session_recording: {
+        enabled: true,
+        // Disable canvas recording (expensive)
+        recordCanvas: false,
+        // Disable console log recording if not needed
+        consoleLogRecordingEnabled: false,
+        // Minimal network capture
+        networkPayloadCapture: {
+            recordHeaders: false,
+            recordBody: false
+        },
+        // Don't capture performance (if not needed)
+        capturePerformance: false
+    }
+});
+```
+
+### Adaptive Recording Quality
+
+```typescript { .api }
+// Adjust recording based on device performance
+function getRecordingConfig(): SessionRecordingOptions {
+    const isLowEndDevice = (
+        navigator.deviceMemory && navigator.deviceMemory < 4 ||
+        navigator.hardwareConcurrency && navigator.hardwareConcurrency < 4
+    );
+    
+    if (isLowEndDevice) {
+        return {
+            enabled: true,
+            recordCanvas: false,
+            consoleLogRecordingEnabled: false,
+            networkPayloadCapture: undefined,
+            capturePerformance: false
+        };
+    }
+    
+    return {
+        enabled: true,
+        recordCanvas: true,
+        consoleLogRecordingEnabled: true,
+        capturePerformance: true
+    };
+}
+
+posthog.init('token', {
+    session_recording: getRecordingConfig()
+});
+```
+
+## Troubleshooting
+
+### Recording Not Starting
+
+```typescript { .api }
+// Debug recording issues
+function debugRecording() {
+    console.log('Recording started:', posthog.sessionRecordingStarted());
+    console.log('Recording disabled:', posthog.config.disable_session_recording);
+    console.log('Recording config:', posthog.config.session_recording);
+    console.log('Session ID:', posthog.get_session_id());
+    
+    // Check if sessionRecording API is available
+    console.log('Recording API available:', !!posthog.sessionRecording);
+    
+    if (posthog.sessionRecording) {
+        console.log('Recording started:', posthog.sessionRecording.started);
+    }
+    
+    // Try force starting
+    console.log('Force starting...');
+    posthog.startSessionRecording(true);
+    
+    setTimeout(() => {
+        console.log('Recording started after force:', posthog.sessionRecordingStarted());
+    }, 1000);
+}
+```
+
+### Replay URL Not Generated
+
+```typescript { .api }
+// Verify replay URL generation
+function getReplayUrlSafely(): string | null {
+    if (!posthog.sessionRecordingStarted()) {
+        console.warn('Recording not started, cannot get replay URL');
+        return null;
+    }
+    
+    try {
+        const url = posthog.get_session_replay_url({
+            withTimestamp: true
+        });
+        
+        if (!url || url.includes('undefined')) {
+            console.warn('Invalid replay URL generated:', url);
+            return null;
+        }
+        
+        return url;
+    } catch (error) {
+        console.error('Error generating replay URL:', error);
+        return null;
+    }
+}
+```
+
+### Recording Performance Impact
+
+```typescript { .api }
+// Monitor recording performance impact
+class RecordingPerformanceMonitor {
+    private metrics = {
+        memoryBefore: 0,
+        memoryAfter: 0,
+        startTime: 0
+    };
+    
+    start() {
+        this.metrics.memoryBefore = (performance as any).memory?.usedJSHeapSize || 0;
+        this.metrics.startTime = Date.now();
+        
+        posthog.startSessionRecording();
+        
+        // Check impact after 10 seconds
+        setTimeout(() => this.check(), 10000);
+    }
+    
+    check() {
+        this.metrics.memoryAfter = (performance as any).memory?.usedJSHeapSize || 0;
+        const memoryIncrease = this.metrics.memoryAfter - this.metrics.memoryBefore;
+        const duration = Date.now() - this.metrics.startTime;
+        
+        console.log('Recording performance:', {
+            duration_ms: duration,
+            memory_increase_mb: memoryIncrease / 1024 / 1024,
+            memory_rate_mb_per_min: (memoryIncrease / 1024 / 1024) / (duration / 60000)
+        });
+        
+        // Stop if memory usage is too high
+        if (memoryIncrease > 50 * 1024 * 1024) {  // 50 MB
+            console.warn('Recording using too much memory, stopping');
+            posthog.stopSessionRecording();
+        }
+    }
+}
+```
+
+## See Also
+
+- [Initialization](./initialization.md) - Configure session recording
+- [Privacy](./privacy.md) - Privacy and consent for recordings
+- [Error Tracking](./error-tracking.md) - Link errors to session replays
+- [Feature Flags](./feature-flags.md) - Control recording with flags
+- [Types](./types.md) - Session recording type definitions
diff --git a/.tessl/tiles/tessl/npm-posthog-js/docs/reference/surveys.md b/.tessl/tiles/tessl/npm-posthog-js/docs/reference/surveys.md
new file mode 100644
index 000000000..0483faced
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-posthog-js/docs/reference/surveys.md
@@ -0,0 +1,972 @@
+# Surveys
+
+Surveys allow you to collect user feedback, run NPS surveys, and gather qualitative data directly within your application.
+
+## Capabilities
+
+### Get Surveys
+
+Gets all available surveys for the current user.
+
+```typescript { .api }
+/**
+ * Gets all available surveys
+ * @param callback - Function to call with surveys
+ * @param forceReload - Force reload from server (default: false)
+ */
+function getSurveys(callback: SurveyCallback, forceReload?: boolean): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Get all surveys
+posthog.getSurveys((surveys, context) => {
+    console.log('Available surveys:', surveys);
+
+    if (context?.error) {
+        console.error('Error loading surveys:', context.error);
+    }
+
+    if (context?.isLoaded) {
+        displaySurveyList(surveys);
+    }
+});
+
+// Force reload from server
+posthog.getSurveys((surveys) => {
+    updateSurveyUI(surveys);
+}, true);
+```
+
+### Get Active Matching Surveys
+
+Gets surveys that match the current conditions (URL, selector, events, etc.).
+
+```typescript { .api }
+/**
+ * Gets surveys that match current conditions
+ * @param callback - Function to call with matching surveys
+ * @param forceReload - Force reload from server (default: false)
+ */
+function getActiveMatchingSurveys(
+    callback: SurveyCallback,
+    forceReload?: boolean
+): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Get surveys for current page
+posthog.getActiveMatchingSurveys((surveys) => {
+    if (surveys.length > 0) {
+        console.log('Surveys available on this page:', surveys);
+        showSurveyPrompt(surveys[0]);
+    }
+});
+
+// Force reload and check
+posthog.getActiveMatchingSurveys((surveys) => {
+    surveys.forEach(survey => {
+        console.log(`Survey "${survey.name}" is active`);
+    });
+}, true);
+```
+
+### Display Survey
+
+Displays a survey with custom display options (popover or inline).
+
+```typescript { .api }
+/**
+ * Displays a survey with custom options
+ * @param surveyId - Survey ID to display
+ * @param options - Display options (popover or inline)
+ */
+function displaySurvey(surveyId: string, options?: DisplaySurveyOptions): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Display as popover (default)
+posthog.displaySurvey('survey-123');
+
+// Display with popover options
+posthog.displaySurvey('nps-survey', {
+    type: DisplaySurveyType.Popover,
+    position: SurveyPosition.BottomRight,
+    backgroundColor: '#ffffff',
+    submitButtonText: 'Send Feedback'
+});
+
+// Display inline at specific element
+posthog.displaySurvey('feedback-survey', {
+    type: DisplaySurveyType.Inline,
+    selector: '#survey-container'
+});
+```
+
+### Render Survey
+
+Renders a survey at a specific DOM selector (inline display).
+
+```typescript { .api }
+/**
+ * Renders a survey at the specified DOM selector
+ * @param surveyId - Survey ID to render
+ * @param selector - CSS selector for container element
+ */
+function renderSurvey(surveyId: string, selector: string): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Render in specific container
+posthog.renderSurvey('survey-123', '#feedback-container');
+
+// Render in modal
+posthog.renderSurvey('nps-survey', '.modal-body');
+
+// Render after element exists
+function showSurvey(surveyId) {
+    const container = document.querySelector('#survey-area');
+    if (container) {
+        posthog.renderSurvey(surveyId, '#survey-area');
+    }
+}
+```
+
+### Cancel Pending Survey
+
+Cancels a survey that's scheduled to display after a delay.
+
+```typescript { .api }
+/**
+ * Cancels a pending time-delayed survey
+ * @param surveyId - Survey ID to cancel
+ */
+function cancelPendingSurvey(surveyId: string): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Cancel delayed survey
+posthog.cancelPendingSurvey('welcome-survey');
+
+// Cancel on route change
+router.on('routeChange', () => {
+    posthog.cancelPendingSurvey('page-specific-survey');
+});
+
+// Cancel on user action
+function dismissAllSurveys() {
+    posthog.cancelPendingSurvey('survey-1');
+    posthog.cancelPendingSurvey('survey-2');
+}
+```
+
+### Check If Survey Can Render
+
+Asynchronously checks if a survey can be rendered and returns the reason.
+
+```typescript { .api }
+/**
+ * Checks if a survey can be rendered and returns the reason
+ * @param surveyId - Survey ID to check
+ * @param forceReload - Force reload surveys from server (default: false)
+ * @returns Promise with render status and reason
+ */
+function canRenderSurveyAsync(
+    surveyId: string,
+    forceReload?: boolean
+): Promise<SurveyRenderReason>;
+```
+
+**Usage Examples:**
+
+```typescript
+// Check if survey can be shown
+const result = await posthog.canRenderSurveyAsync('survey-123');
+if (result.canRender) {
+    posthog.displaySurvey('survey-123');
+} else {
+    console.log('Cannot show survey:', result.reason);
+}
+
+// Force reload before checking
+const result = await posthog.canRenderSurveyAsync('survey-123', true);
+
+// Handle different reasons
+async function smartSurveyDisplay(surveyId) {
+    const { canRender, reason } = await posthog.canRenderSurveyAsync(surveyId);
+
+    if (canRender) {
+        posthog.displaySurvey(surveyId);
+    } else {
+        console.log(`Survey not shown: ${reason}`);
+        // Reasons could be: already completed, rate limited, conditions not met, etc.
+    }
+}
+```
+
+### Survey Load Callback
+
+Registers a callback that fires when surveys are loaded.
+
+```typescript { .api }
+/**
+ * Registers a callback for when surveys are loaded
+ * @param callback - Function to call when surveys are loaded
+ * @returns Function to unsubscribe from callback
+ */
+function onSurveysLoaded(callback: SurveyCallback): () => void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Listen for survey loading
+const unsubscribe = posthog.onSurveysLoaded((surveys, context) => {
+    console.log('Surveys loaded:', surveys.length);
+
+    if (context?.isLoaded) {
+        initializeSurveyUI(surveys);
+    }
+
+    if (context?.error) {
+        handleSurveyError(context.error);
+    }
+});
+
+// Stop listening
+unsubscribe();
+
+// One-time initialization
+posthog.onSurveysLoaded((surveys) => {
+    if (surveys.length > 0) {
+        setupSurveyTriggers(surveys);
+    }
+})();
+```
+
+## Types
+
+### SurveyCallback
+
+```typescript { .api }
+/**
+ * Callback invoked when surveys are loaded
+ */
+type SurveyCallback = (
+    surveys: Survey[],
+    context?: { isLoaded: boolean; error?: string }
+) => void;
+```
+
+### Survey
+
+```typescript { .api }
+/**
+ * Survey object containing all survey data
+ */
+interface Survey {
+    /**
+     * Unique survey identifier
+     */
+    id: string;
+
+    /**
+     * Survey name
+     */
+    name: string;
+
+    /**
+     * Survey description
+     */
+    description: string;
+
+    /**
+     * Survey type
+     */
+    type: SurveyType;
+
+    /**
+     * Survey questions
+     */
+    questions: SurveyQuestion[];
+
+    /**
+     * Visual appearance settings
+     */
+    appearance: SurveyAppearance | null;
+
+    /**
+     * Conditions for displaying the survey
+     */
+    conditions: {
+        /**
+         * URL pattern to match
+         */
+        url?: string;
+
+        /**
+         * CSS selector to match
+         */
+        selector?: string;
+
+        /**
+         * Events that trigger the survey
+         */
+        events?: { values: SurveyEventWithFilters[] } | null;
+
+        /**
+         * Wait time before showing (seconds)
+         */
+        wait_period_days?: number;
+
+        /**
+         * Response rate limit
+         */
+        response_rate_limit?: number;
+    } | null;
+
+    /**
+     * When survey starts being active
+     */
+    start_date?: string;
+
+    /**
+     * When survey stops being active
+     */
+    end_date?: string;
+
+    /**
+     * Survey targeting configuration
+     */
+    targeting?: {
+        flag_key?: string;
+        variant?: string;
+    };
+}
+```
+
+### SurveyType
+
+```typescript { .api }
+/**
+ * Type of survey display
+ */
+enum SurveyType {
+    /**
+     * Popover overlay survey
+     */
+    Popover = 'popover',
+
+    /**
+     * API-only survey (no UI)
+     */
+    API = 'api',
+
+    /**
+     * Widget survey (e.g., feedback button)
+     */
+    Widget = 'widget',
+
+    /**
+     * External survey (link to external tool)
+     */
+    ExternalSurvey = 'external_survey',
+}
+```
+
+### SurveyQuestion
+
+```typescript { .api }
+/**
+ * Union type for all survey question types
+ */
+type SurveyQuestion =
+    | BasicSurveyQuestion
+    | LinkSurveyQuestion
+    | RatingSurveyQuestion
+    | MultipleSurveyQuestion;
+
+/**
+ * Basic text question
+ */
+interface BasicSurveyQuestion {
+    type: SurveyQuestionType.Open;
+    question: string;
+    description?: string;
+    required?: boolean;
+    placeholder?: string;
+}
+
+/**
+ * Link/button question
+ */
+interface LinkSurveyQuestion {
+    type: SurveyQuestionType.Link;
+    question: string;
+    link: string;
+    buttonText?: string;
+}
+
+/**
+ * Rating question (numerical scale)
+ */
+interface RatingSurveyQuestion {
+    type: SurveyQuestionType.Rating;
+    question: string;
+    description?: string;
+    required?: boolean;
+    scale: number;
+    lowerBoundLabel?: string;
+    upperBoundLabel?: string;
+}
+
+/**
+ * Multiple choice question
+ */
+interface MultipleSurveyQuestion {
+    type: SurveyQuestionType.MultipleChoice | SurveyQuestionType.SingleChoice;
+    question: string;
+    description?: string;
+    required?: boolean;
+    choices: string[];
+    hasOpenChoice?: boolean;
+}
+```
+
+### SurveyQuestionType
+
+```typescript { .api }
+/**
+ * Types of survey questions
+ */
+enum SurveyQuestionType {
+    /**
+     * Open text response
+     */
+    Open = 'open',
+
+    /**
+     * Multiple choice (multiple selections)
+     */
+    MultipleChoice = 'multiple_choice',
+
+    /**
+     * Single choice (one selection)
+     */
+    SingleChoice = 'single_choice',
+
+    /**
+     * Rating scale
+     */
+    Rating = 'rating',
+
+    /**
+     * Link/button
+     */
+    Link = 'link',
+}
+```
+
+### SurveyAppearance
+
+```typescript { .api }
+/**
+ * Visual appearance settings for surveys
+ */
+interface SurveyAppearance {
+    /**
+     * Background color
+     */
+    backgroundColor?: string;
+
+    /**
+     * Text color
+     */
+    textColor?: string;
+
+    /**
+     * Submit button text
+     */
+    submitButtonText?: string;
+
+    /**
+     * Submit button color
+     */
+    submitButtonColor?: string;
+
+    /**
+     * Rating button color
+     */
+    ratingButtonColor?: string;
+
+    /**
+     * Border color
+     */
+    borderColor?: string;
+
+    /**
+     * Position on screen
+     */
+    position?: SurveyPosition;
+
+    /**
+     * Placeholder text color
+     */
+    placeholderTextColor?: string;
+
+    /**
+     * Thank you message after submission
+     */
+    thankYouMessage?: string;
+
+    /**
+     * Display thank you message inline or as redirect
+     */
+    thankYouMessageDisplay?: 'inline' | 'redirect';
+
+    /**
+     * URL to redirect to after submission (if redirect)
+     */
+    thankYouMessageRedirect?: string;
+
+    /**
+     * Auto-dismiss after submission (milliseconds)
+     */
+    autoDismiss?: number;
+
+    /**
+     * Width of survey (pixels or percentage)
+     */
+    width?: string | number;
+
+    /**
+     * Max width of survey
+     */
+    maxWidth?: string | number;
+
+    /**
+     * Padding
+     */
+    padding?: string | number;
+
+    /**
+     * Border radius
+     */
+    borderRadius?: string | number;
+
+    /**
+     * Show PostHog branding
+     */
+    showBranding?: boolean;
+}
+```
+
+### SurveyPosition
+
+```typescript { .api }
+/**
+ * Position for popover surveys
+ */
+enum SurveyPosition {
+    TopLeft = 'top_left',
+    TopRight = 'top_right',
+    TopCenter = 'top_center',
+    MiddleLeft = 'middle_left',
+    MiddleRight = 'middle_right',
+    MiddleCenter = 'middle_center',
+    BottomLeft = 'bottom_left',
+    BottomRight = 'bottom_right',
+    BottomCenter = 'bottom_center',
+    Left = 'left',
+    Center = 'center',
+    Right = 'right',
+    NextToTrigger = 'next_to_trigger',
+}
+```
+
+### DisplaySurveyOptions
+
+```typescript { .api }
+/**
+ * Options for displaying a survey
+ */
+type DisplaySurveyOptions = DisplaySurveyPopoverOptions | DisplaySurveyInlineOptions;
+
+/**
+ * Options for popover display
+ */
+interface DisplaySurveyPopoverOptions {
+    type: DisplaySurveyType.Popover;
+    position?: SurveyPosition;
+    backgroundColor?: string;
+    textColor?: string;
+    submitButtonText?: string;
+    submitButtonColor?: string;
+    ratingButtonColor?: string;
+    borderColor?: string;
+    placeholder?: string;
+}
+
+/**
+ * Options for inline display
+ */
+interface DisplaySurveyInlineOptions {
+    type: DisplaySurveyType.Inline;
+    selector: string;
+}
+```
+
+### DisplaySurveyType
+
+```typescript { .api }
+/**
+ * Survey display mode
+ */
+enum DisplaySurveyType {
+    /**
+     * Show as popover overlay
+     */
+    Popover = 'popover',
+
+    /**
+     * Show inline in page
+     */
+    Inline = 'inline',
+}
+```
+
+### SurveyRenderReason
+
+```typescript { .api }
+/**
+ * Result of checking if survey can be rendered
+ */
+interface SurveyRenderReason {
+    /**
+     * Whether the survey can be rendered
+     */
+    canRender: boolean;
+
+    /**
+     * Reason why it can or cannot be rendered
+     */
+    reason: string;
+}
+```
+
+### SurveyEventName
+
+```typescript { .api }
+/**
+ * Built-in survey event names
+ */
+enum SurveyEventName {
+    SHOWN = 'survey shown',
+    DISMISSED = 'survey dismissed',
+    SENT = 'survey sent',
+    ABANDONED = 'survey abandoned',
+}
+```
+
+## Configuration
+
+### Disable Surveys
+
+Configure survey behavior during initialization:
+
+```typescript { .api }
+// Disable surveys entirely
+posthog.init('token', {
+    disable_surveys: true
+});
+
+// Disable automatic survey display (manual control only)
+posthog.init('token', {
+    disable_surveys_automatic_display: true
+});
+```
+
+## Best Practices
+
+### Wait for Surveys to Load
+
+Always wait for surveys to be loaded before displaying:
+
+```typescript
+// ✅ Good: Wait for surveys
+posthog.onSurveysLoaded((surveys) => {
+    if (surveys.length > 0) {
+        displayFirstSurvey(surveys[0]);
+    }
+});
+
+// ✅ Good: Check before displaying
+posthog.getActiveMatchingSurveys((surveys) => {
+    if (surveys.length > 0) {
+        posthog.displaySurvey(surveys[0].id);
+    }
+});
+
+// ❌ Bad: Display immediately (may not be loaded)
+posthog.displaySurvey('survey-123'); // May fail if surveys not loaded
+```
+
+### Verify Survey Can Render
+
+Check if survey can be shown before displaying:
+
+```typescript
+// ✅ Good: Verify before displaying
+async function showSurveyIfPossible(surveyId) {
+    const { canRender, reason } = await posthog.canRenderSurveyAsync(surveyId);
+
+    if (canRender) {
+        posthog.displaySurvey(surveyId);
+    } else {
+        console.log(`Survey not shown: ${reason}`);
+        // Handle gracefully
+    }
+}
+
+// ❌ Bad: Display without checking
+posthog.displaySurvey('survey-123');
+// May be rate limited, already completed, or conditions not met
+```
+
+### Handle Survey Lifecycle
+
+Track survey events for analytics:
+
+```typescript
+// Listen for survey events
+posthog.on('eventCaptured', (data) => {
+    switch (data.event) {
+        case 'survey shown':
+            console.log('Survey displayed:', data.properties.survey_id);
+            break;
+        case 'survey sent':
+            console.log('Survey completed:', data.properties.survey_id);
+            trackSurveyCompletion(data.properties);
+            break;
+        case 'survey dismissed':
+            console.log('Survey dismissed:', data.properties.survey_id);
+            break;
+    }
+});
+```
+
+### Custom Survey Timing
+
+Control when surveys are displayed:
+
+```typescript
+// Show survey after user completes action
+async function onPurchaseComplete() {
+    await savePurchase();
+
+    // Show NPS survey
+    posthog.getActiveMatchingSurveys((surveys) => {
+        const npsSurvey = surveys.find(s => s.name.includes('NPS'));
+        if (npsSurvey) {
+            posthog.displaySurvey(npsSurvey.id);
+        }
+    });
+}
+
+// Delayed survey display
+async function showDelayedSurvey(surveyId, delayMs) {
+    await new Promise(resolve => setTimeout(resolve, delayMs));
+
+    const { canRender } = await posthog.canRenderSurveyAsync(surveyId);
+    if (canRender) {
+        posthog.displaySurvey(surveyId);
+    }
+}
+
+// Show survey after time on page
+let timeOnPage = 0;
+setInterval(() => {
+    timeOnPage += 1000;
+    if (timeOnPage === 30000) { // 30 seconds
+        showFeedbackSurvey();
+    }
+}, 1000);
+```
+
+### Inline Survey Integration
+
+Integrate surveys into your UI:
+
+```typescript
+// React component example
+function FeedbackSection() {
+    const surveyRef = useRef(null);
+
+    useEffect(() => {
+        posthog.onSurveysLoaded((surveys) => {
+            const feedbackSurvey = surveys.find(s =>
+                s.name === 'Product Feedback'
+            );
+
+            if (feedbackSurvey && surveyRef.current) {
+                posthog.renderSurvey(
+                    feedbackSurvey.id,
+                    '#feedback-container'
+                );
+            }
+        });
+    }, []);
+
+    return (
+        <div id="feedback-container" ref={surveyRef}>
+            {/* Survey will be rendered here */}
+        </div>
+    );
+}
+
+// Custom trigger button
+function SurveyTrigger({ surveyId }) {
+    async function handleClick() {
+        const { canRender } = await posthog.canRenderSurveyAsync(surveyId);
+
+        if (canRender) {
+            posthog.displaySurvey(surveyId, {
+                type: DisplaySurveyType.Popover,
+                position: SurveyPosition.Center
+            });
+        }
+    }
+
+    return <button onClick={handleClick}>Give Feedback</button>;
+}
+```
+
+## Common Patterns
+
+### NPS Survey
+
+Display NPS survey after key milestones:
+
+```typescript
+async function showNPSSurvey() {
+    posthog.getActiveMatchingSurveys((surveys) => {
+        const npsSurvey = surveys.find(s =>
+            s.type === SurveyType.Popover &&
+            s.questions.some(q => q.type === SurveyQuestionType.Rating)
+        );
+
+        if (npsSurvey) {
+            posthog.displaySurvey(npsSurvey.id, {
+                type: DisplaySurveyType.Popover,
+                position: SurveyPosition.Center,
+                submitButtonText: 'Submit Feedback'
+            });
+        }
+    });
+}
+
+// Trigger after significant events
+posthog.on('eventCaptured', (data) => {
+    if (data.event === 'purchase_completed') {
+        // Show NPS survey after first purchase
+        showNPSSurvey();
+    }
+});
+```
+
+### Conditional Survey Display
+
+Show different surveys based on user behavior:
+
+```typescript
+function showContextualSurvey(context) {
+    posthog.getSurveys((surveys) => {
+        let surveyToShow;
+
+        switch (context) {
+            case 'onboarding_complete':
+                surveyToShow = surveys.find(s =>
+                    s.name.includes('Onboarding')
+                );
+                break;
+            case 'feature_used':
+                surveyToShow = surveys.find(s =>
+                    s.name.includes('Feature Feedback')
+                );
+                break;
+            case 'support_needed':
+                surveyToShow = surveys.find(s =>
+                    s.name.includes('Support')
+                );
+                break;
+        }
+
+        if (surveyToShow) {
+            posthog.displaySurvey(surveyToShow.id);
+        }
+    });
+}
+```
+
+### Survey Rate Limiting
+
+Prevent survey fatigue with custom rate limiting:
+
+```typescript
+const SURVEY_COOLDOWN_KEY = 'last_survey_shown';
+const COOLDOWN_DAYS = 7;
+
+async function showSurveyWithRateLimit(surveyId) {
+    const lastShown = localStorage.getItem(SURVEY_COOLDOWN_KEY);
+    const now = Date.now();
+
+    if (lastShown) {
+        const daysSinceLastSurvey = (now - parseInt(lastShown)) / (1000 * 60 * 60 * 24);
+        if (daysSinceLastSurvey < COOLDOWN_DAYS) {
+            console.log('Survey cooldown active');
+            return;
+        }
+    }
+
+    const { canRender } = await posthog.canRenderSurveyAsync(surveyId);
+    if (canRender) {
+        posthog.displaySurvey(surveyId);
+        localStorage.setItem(SURVEY_COOLDOWN_KEY, now.toString());
+    }
+}
+```
+
+### Multi-Step Survey Flow
+
+Handle multi-question surveys:
+
+```typescript
+posthog.onSurveysLoaded((surveys) => {
+    const multiStepSurvey = surveys.find(s =>
+        s.questions.length > 1
+    );
+
+    if (multiStepSurvey) {
+        console.log(`Survey has ${multiStepSurvey.questions.length} questions`);
+
+        // Track survey progress
+        posthog.on('eventCaptured', (data) => {
+            if (data.event === 'survey sent' &&
+                data.properties.survey_id === multiStepSurvey.id) {
+                console.log('Survey completed:', data.properties);
+            }
+        });
+
+        posthog.displaySurvey(multiStepSurvey.id);
+    }
+});
+```
diff --git a/.tessl/tiles/tessl/npm-posthog-js/docs/reference/toolbar.md b/.tessl/tiles/tessl/npm-posthog-js/docs/reference/toolbar.md
new file mode 100644
index 000000000..2ad99540a
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-posthog-js/docs/reference/toolbar.md
@@ -0,0 +1,262 @@
+# Toolbar
+
+The PostHog toolbar is an overlay interface that provides debugging, feature flag testing, heatmap viewing, and other development tools directly in your application. It's useful for development, QA testing, and debugging production issues.
+
+## Capabilities
+
+### Load Toolbar
+
+Loads and displays the PostHog toolbar overlay on the current page.
+
+```typescript { .api }
+/**
+ * Loads the PostHog toolbar
+ * @param params - Toolbar configuration parameters
+ * @returns True if toolbar loaded successfully, false otherwise
+ */
+function loadToolbar(params: ToolbarParams): boolean;
+```
+
+**Usage Examples:**
+
+```typescript
+// Load toolbar with default settings
+posthog.loadToolbar({});
+
+// Load toolbar with specific user intent
+posthog.loadToolbar({
+    userIntent: 'heatmaps'
+});
+
+// Load toolbar with API key
+posthog.loadToolbar({
+    apiURL: 'https://us.i.posthog.com',
+    temporaryToken: 'temp-token-123'
+});
+```
+
+## Types
+
+### ToolbarParams
+
+```typescript { .api }
+/**
+ * Parameters for loading the toolbar
+ */
+interface ToolbarParams {
+    /**
+     * API URL for the toolbar
+     * @default Current api_host from config
+     */
+    apiURL?: string;
+
+    /**
+     * Temporary authentication token
+     */
+    temporaryToken?: string;
+
+    /**
+     * Action ID to jump to
+     */
+    actionId?: string | number;
+
+    /**
+     * User intent for toolbar usage
+     */
+    userIntent?: ToolbarUserIntent;
+
+    /**
+     * Toolbar source
+     */
+    source?: ToolbarSource;
+
+    /**
+     * Toolbar version
+     */
+    toolbarVersion?: ToolbarVersion;
+
+    /**
+     * Data attributes to use for element selection
+     * @default ['data-attr']
+     */
+    dataAttributes?: string[];
+
+    /**
+     * Whether to use JS for selecting elements
+     * @default false
+     */
+    jsURL?: boolean;
+}
+```
+
+### ToolbarUserIntent
+
+```typescript { .api }
+/**
+ * User's intended use of the toolbar
+ */
+type ToolbarUserIntent =
+    | 'add-action'
+    | 'edit-action'
+    | 'heatmaps'
+    | 'flags'
+    | 'experiments'
+    | 'surveys';
+```
+
+### ToolbarSource
+
+```typescript { .api }
+/**
+ * Source from which toolbar was loaded
+ */
+type ToolbarSource = 'url' | 'localstorage' | 'opt-in';
+```
+
+### ToolbarVersion
+
+```typescript { .api }
+/**
+ * Version of toolbar to load
+ */
+type ToolbarVersion = 'toolbar' | '2' | '3';
+```
+
+## Enabling the Toolbar
+
+### Via URL Parameter
+
+Add `__posthog` parameter to your URL:
+
+```
+https://yourapp.com?__posthog=true
+```
+
+This will prompt for authentication and load the toolbar.
+
+### Programmatically
+
+```typescript
+// Load toolbar programmatically
+posthog.loadToolbar({
+    userIntent: 'heatmaps'
+});
+```
+
+### Via Configuration
+
+```typescript
+// Disable toolbar metrics (reduces overhead)
+posthog.init('<your-project-api-key>', {
+    advanced_disable_toolbar_metrics: true
+});
+```
+
+## Common Use Cases
+
+### Heatmap Viewing
+
+```typescript
+// Load toolbar for heatmap analysis
+function viewHeatmaps() {
+    posthog.loadToolbar({
+        userIntent: 'heatmaps'
+    });
+}
+```
+
+### Feature Flag Testing
+
+```typescript
+// Load toolbar to test feature flags
+function testFeatureFlags() {
+    posthog.loadToolbar({
+        userIntent: 'flags'
+    });
+}
+```
+
+### Action Creation
+
+```typescript
+// Load toolbar to create actions
+function createAction() {
+    posthog.loadToolbar({
+        userIntent: 'add-action'
+    });
+}
+```
+
+### Experiment Management
+
+```typescript
+// Load toolbar for experiment viewing
+function manageExperiments() {
+    posthog.loadToolbar({
+        userIntent: 'experiments'
+    });
+}
+```
+
+## Best Practices
+
+### Development vs Production
+
+```typescript
+// Only load toolbar in non-production environments
+if (process.env.NODE_ENV !== 'production') {
+    // Enable toolbar via URL or local storage
+    posthog.init('<your-project-api-key>', {
+        advanced_disable_toolbar_metrics: false
+    });
+} else {
+    // Disable toolbar in production
+    posthog.init('<your-project-api-key>', {
+        advanced_disable_toolbar_metrics: true
+    });
+}
+```
+
+### Custom Data Attributes
+
+```typescript
+// Use custom data attributes for element selection
+posthog.loadToolbar({
+    dataAttributes: ['data-test-id', 'data-analytics', 'data-attr']
+});
+```
+
+### Conditional Loading
+
+```typescript
+// Load toolbar based on user role
+const userRole = getCurrentUserRole();
+
+if (userRole === 'admin' || userRole === 'developer') {
+    posthog.loadToolbar({
+        userIntent: 'heatmaps'
+    });
+}
+```
+
+## Security Considerations
+
+- The toolbar requires authentication and should only be accessible to authorized users
+- Use temporary tokens for toolbar access in production environments
+- Consider disabling toolbar in production or restricting access by IP/user role
+- Toolbar metrics can add overhead - disable them in production with `advanced_disable_toolbar_metrics: true`
+
+## Keyboard Shortcuts
+
+When the toolbar is loaded, these keyboard shortcuts are available:
+
+- **Escape**: Close/minimize toolbar
+- **?**: Show help and shortcuts
+- **H**: Toggle heatmaps (when viewing heatmaps)
+
+## Notes
+
+- The toolbar is loaded asynchronously and may take a moment to appear
+- Toolbar state persists in localStorage between page loads
+- The toolbar requires network connectivity to load and function
+- Toolbar features depend on your PostHog plan and configuration
diff --git a/.tessl/tiles/tessl/npm-posthog-js/docs/reference/types.md b/.tessl/tiles/tessl/npm-posthog-js/docs/reference/types.md
new file mode 100644
index 000000000..d59e26820
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-posthog-js/docs/reference/types.md
@@ -0,0 +1,2091 @@
+# Type Definitions
+
+Comprehensive type definitions for all PostHog APIs including configuration, events, feature flags, surveys, session recording, and more.
+
+## Core Types
+
+### Property
+
+A single property value that can be attached to events or users.
+
+```typescript { .api }
+/**
+ * A single property value
+ * Can be string, number, boolean, null, or undefined
+ */
+type Property = string | number | boolean | null | undefined;
+```
+
+### Properties
+
+Object containing multiple properties for events or users.
+
+```typescript { .api }
+/**
+ * Object containing event or user properties
+ * Keys are property names, values can be single properties or arrays
+ */
+type Properties = Record<string, Property | Property[]>;
+```
+
+### JsonType
+
+Any JSON-serializable value.
+
+```typescript { .api }
+/**
+ * JSON-serializable value
+ * Includes objects, arrays, strings, numbers, booleans, and null
+ */
+type JsonType = any;
+```
+
+### EventName
+
+Event name identifier.
+
+```typescript { .api }
+/**
+ * Event name - any string value
+ * Can be custom event names or known PostHog event names
+ */
+type EventName = string;
+```
+
+## Event Capture Types
+
+### CaptureResult
+
+Result returned when capturing an event.
+
+```typescript { .api }
+/**
+ * Result of capturing an event
+ */
+interface CaptureResult {
+    /**
+     * Event name that was captured
+     */
+    event: string;
+
+    /**
+     * Properties that were sent with the event
+     * Includes both provided properties and auto-added properties
+     */
+    properties: Record<string, any>;
+}
+```
+
+### CaptureOptions
+
+Options for customizing event capture behavior.
+
+```typescript { .api }
+/**
+ * Options for capturing events
+ */
+interface CaptureOptions {
+    /**
+     * Send this event immediately without batching
+     * @default false
+     */
+    send_instantly?: boolean;
+
+    /**
+     * Custom timestamp for the event
+     * @default Current time
+     */
+    timestamp?: Date;
+
+    /**
+     * User properties to set with this event
+     * These properties are set on the person profile
+     */
+    $set?: Properties;
+
+    /**
+     * User properties to set once with this event
+     * Only set if not already present on the person profile
+     */
+    $set_once?: Properties;
+
+    /**
+     * Internal batch key for grouping events
+     * @internal
+     */
+    _batchKey?: string;
+}
+```
+
+### BeforeSendFn
+
+Function to modify or filter events before sending.
+
+```typescript { .api }
+/**
+ * Callback to modify events before sending
+ * Return null to block the event from being sent
+ * Return modified CaptureResult to change event data
+ */
+type BeforeSendFn = (data: CaptureResult) => CaptureResult | null;
+```
+
+## Feature Flag Types
+
+### FeatureFlagsCallback
+
+Callback invoked when feature flags are loaded or updated.
+
+```typescript { .api }
+/**
+ * Callback invoked when feature flags are loaded
+ * @param flags - Object mapping flag keys to boolean or string values
+ * @param variants - Object mapping flag keys to variant names
+ * @param context - Additional context including error information
+ */
+type FeatureFlagsCallback = (
+    flags: Record<string, boolean | string>,
+    variants: Record<string, string | undefined>,
+    context?: { errorsLoading?: string }
+) => void;
+```
+
+### FeatureFlagDetail
+
+Detailed information about a feature flag evaluation.
+
+```typescript { .api }
+/**
+ * Detailed information about a feature flag
+ */
+interface FeatureFlagDetail {
+    /**
+     * Flag key
+     */
+    key: string;
+
+    /**
+     * Whether the flag is enabled
+     */
+    enabled: boolean;
+
+    /**
+     * Variant value for multivariate flags
+     */
+    variant?: string;
+
+    /**
+     * Reason for the flag evaluation result
+     */
+    reason?: EvaluationReason;
+
+    /**
+     * Additional metadata about the flag
+     */
+    metadata?: {
+        /**
+         * Flag ID in PostHog
+         */
+        id?: number;
+
+        /**
+         * Flag version number
+         */
+        version?: number;
+
+        /**
+         * Human-readable description
+         */
+        description?: string;
+
+        /**
+         * JSON payload attached to flag
+         */
+        payload?: JsonType;
+    };
+}
+```
+
+### EvaluationReason
+
+Reason why a feature flag was evaluated to a specific value.
+
+```typescript { .api }
+/**
+ * Reason for feature flag evaluation result
+ */
+type EvaluationReason =
+    | 'local_evaluation'      // Evaluated locally in browser
+    | 'remote_evaluation'     // Evaluated by PostHog server
+    | 'override'              // Manually overridden via updateFlags()
+    | 'bootstrap'             // Loaded from bootstrap config
+    | 'fallback'              // Fallback value used
+    | 'disabled'              // Flags are disabled
+    | 'error';                // Error occurred during evaluation
+```
+
+### EarlyAccessFeature
+
+Early access feature definition.
+
+```typescript { .api }
+/**
+ * Early access feature information
+ */
+interface EarlyAccessFeature {
+    /**
+     * Unique identifier
+     */
+    id: string;
+
+    /**
+     * Feature key
+     */
+    key: string;
+
+    /**
+     * Feature name
+     */
+    name: string;
+
+    /**
+     * Feature description
+     */
+    description?: string;
+
+    /**
+     * Current development stage
+     */
+    stage: EarlyAccessFeatureStage;
+}
+```
+
+### EarlyAccessFeatureStage
+
+Development stage of an early access feature.
+
+```typescript { .api }
+/**
+ * Early access feature development stage
+ */
+enum EarlyAccessFeatureStage {
+    /**
+     * In development, not ready for users
+     */
+    Development = 'development',
+
+    /**
+     * Alpha testing phase
+     */
+    Alpha = 'alpha',
+
+    /**
+     * Beta testing phase
+     */
+    Beta = 'beta',
+
+    /**
+     * Generally available to all
+     */
+    GeneralAvailability = 'general-availability',
+}
+```
+
+### EarlyAccessFeatureCallback
+
+Callback for early access feature loading.
+
+```typescript { .api }
+/**
+ * Callback for early access feature loading
+ * @param features - Array of available early access features
+ * @param context - Loading context with status and error information
+ */
+type EarlyAccessFeatureCallback = (
+    features: EarlyAccessFeature[],
+    context?: { isLoaded: boolean; error?: string }
+) => void;
+```
+
+### RemoteConfigFeatureFlagCallback
+
+Callback for remote config feature flag payload loading.
+
+```typescript { .api }
+/**
+ * Callback invoked when a remote config payload is fetched
+ * @param payload - The decrypted remote config payload (JSON value)
+ */
+type RemoteConfigFeatureFlagCallback = (payload: JsonType) => void;
+```
+
+### OverrideFeatureFlagsOptions
+
+Options for overriding feature flags locally.
+
+```typescript { .api }
+/**
+ * Options for overriding feature flags
+ * Can be:
+ * - false: Clear all overrides
+ * - string[]: Enable list of flags
+ * - Record<string, string | boolean>: Set specific flag variants
+ * - Object with flags and/or payloads: Full override configuration
+ */
+type OverrideFeatureFlagsOptions =
+    | false                                    // Clear all overrides
+    | string[]                                 // Enable list of flags
+    | Record<string, string | boolean>         // Set flag variants
+    | {
+        /**
+         * Flag overrides (false to clear, array to enable, object to set variants)
+         */
+        flags?: false | string[] | Record<string, string | boolean>;
+
+        /**
+         * Payload overrides for flags
+         */
+        payloads?: Record<string, JsonType>;
+
+        /**
+         * Suppress override warnings in console
+         * @default false
+         */
+        suppressWarning?: boolean;
+    };
+```
+
+## Survey Types
+
+### SurveyCallback
+
+Callback invoked when surveys are loaded.
+
+```typescript { .api }
+/**
+ * Callback invoked when surveys are loaded
+ * @param surveys - Array of available surveys
+ * @param context - Loading context with status and error information
+ */
+type SurveyCallback = (
+    surveys: Survey[],
+    context?: { isLoaded: boolean; error?: string }
+) => void;
+```
+
+### Survey
+
+Complete survey definition.
+
+```typescript { .api }
+/**
+ * Survey object containing all survey data
+ */
+interface Survey {
+    /**
+     * Unique survey identifier
+     */
+    id: string;
+
+    /**
+     * Survey name
+     */
+    name: string;
+
+    /**
+     * Survey description
+     */
+    description: string;
+
+    /**
+     * Survey type
+     */
+    type: SurveyType;
+
+    /**
+     * Survey questions
+     */
+    questions: SurveyQuestion[];
+
+    /**
+     * Visual appearance settings
+     */
+    appearance: SurveyAppearance | null;
+
+    /**
+     * Conditions for displaying the survey
+     */
+    conditions: {
+        /**
+         * URL pattern to match
+         */
+        url?: string;
+
+        /**
+         * CSS selector to match
+         */
+        selector?: string;
+
+        /**
+         * Events that trigger the survey
+         */
+        events?: { values: SurveyEventWithFilters[] } | null;
+
+        /**
+         * Wait time before showing (days)
+         */
+        wait_period_days?: number;
+
+        /**
+         * Response rate limit
+         */
+        response_rate_limit?: number;
+    } | null;
+
+    /**
+     * When survey starts being active
+     */
+    start_date?: string;
+
+    /**
+     * When survey stops being active
+     */
+    end_date?: string;
+
+    /**
+     * Survey targeting configuration
+     */
+    targeting?: {
+        /**
+         * Feature flag key for targeting
+         */
+        flag_key?: string;
+
+        /**
+         * Required flag variant
+         */
+        variant?: string;
+    };
+}
+```
+
+### SurveyType
+
+Type of survey display.
+
+```typescript { .api }
+/**
+ * Type of survey display
+ */
+enum SurveyType {
+    /**
+     * Popover overlay survey
+     */
+    Popover = 'popover',
+
+    /**
+     * API-only survey (no UI, handle display yourself)
+     */
+    API = 'api',
+
+    /**
+     * Widget survey (e.g., feedback button)
+     */
+    Widget = 'widget',
+
+    /**
+     * External survey (link to external survey tool)
+     */
+    ExternalSurvey = 'external_survey',
+}
+```
+
+### SurveyQuestion
+
+Union type for all survey question types.
+
+```typescript { .api }
+/**
+ * Union type for all survey question types
+ */
+type SurveyQuestion =
+    | BasicSurveyQuestion
+    | LinkSurveyQuestion
+    | RatingSurveyQuestion
+    | MultipleSurveyQuestion;
+
+/**
+ * Open-ended text question
+ */
+interface BasicSurveyQuestion {
+    /**
+     * Question type
+     */
+    type: SurveyQuestionType.Open;
+
+    /**
+     * Question text
+     */
+    question: string;
+
+    /**
+     * Additional description or context
+     */
+    description?: string;
+
+    /**
+     * Whether response is required
+     */
+    required?: boolean;
+
+    /**
+     * Placeholder text for input
+     */
+    placeholder?: string;
+}
+
+/**
+ * Link or button question
+ */
+interface LinkSurveyQuestion {
+    /**
+     * Question type
+     */
+    type: SurveyQuestionType.Link;
+
+    /**
+     * Question text
+     */
+    question: string;
+
+    /**
+     * URL to link to
+     */
+    link: string;
+
+    /**
+     * Button text
+     */
+    buttonText?: string;
+}
+
+/**
+ * Rating scale question
+ */
+interface RatingSurveyQuestion {
+    /**
+     * Question type
+     */
+    type: SurveyQuestionType.Rating;
+
+    /**
+     * Question text
+     */
+    question: string;
+
+    /**
+     * Additional description or context
+     */
+    description?: string;
+
+    /**
+     * Whether response is required
+     */
+    required?: boolean;
+
+    /**
+     * Maximum rating value
+     */
+    scale: number;
+
+    /**
+     * Label for lowest rating
+     */
+    lowerBoundLabel?: string;
+
+    /**
+     * Label for highest rating
+     */
+    upperBoundLabel?: string;
+}
+
+/**
+ * Multiple or single choice question
+ */
+interface MultipleSurveyQuestion {
+    /**
+     * Question type
+     */
+    type: SurveyQuestionType.MultipleChoice | SurveyQuestionType.SingleChoice;
+
+    /**
+     * Question text
+     */
+    question: string;
+
+    /**
+     * Additional description or context
+     */
+    description?: string;
+
+    /**
+     * Whether response is required
+     */
+    required?: boolean;
+
+    /**
+     * Available choices
+     */
+    choices: string[];
+
+    /**
+     * Allow custom "Other" option
+     */
+    hasOpenChoice?: boolean;
+}
+```
+
+### SurveyQuestionType
+
+Types of survey questions.
+
+```typescript { .api }
+/**
+ * Types of survey questions
+ */
+enum SurveyQuestionType {
+    /**
+     * Open text response
+     */
+    Open = 'open',
+
+    /**
+     * Multiple choice (allow multiple selections)
+     */
+    MultipleChoice = 'multiple_choice',
+
+    /**
+     * Single choice (radio buttons)
+     */
+    SingleChoice = 'single_choice',
+
+    /**
+     * Rating scale (e.g., 1-5, 1-10)
+     */
+    Rating = 'rating',
+
+    /**
+     * Link or button
+     */
+    Link = 'link',
+}
+```
+
+### SurveyPosition
+
+Position for displaying popover surveys.
+
+```typescript { .api }
+/**
+ * Position for popover surveys
+ */
+enum SurveyPosition {
+    TopLeft = 'top_left',
+    TopRight = 'top_right',
+    TopCenter = 'top_center',
+    MiddleLeft = 'middle_left',
+    MiddleRight = 'middle_right',
+    MiddleCenter = 'middle_center',
+    BottomLeft = 'bottom_left',
+    BottomRight = 'bottom_right',
+    BottomCenter = 'bottom_center',
+    Left = 'left',
+    Center = 'center',
+    Right = 'right',
+
+    /**
+     * Position next to the trigger element
+     */
+    NextToTrigger = 'next_to_trigger',
+}
+```
+
+### SurveyAppearance
+
+Visual appearance settings for surveys.
+
+```typescript { .api }
+/**
+ * Visual appearance settings for surveys
+ */
+interface SurveyAppearance {
+    /**
+     * Background color (hex or CSS color)
+     */
+    backgroundColor?: string;
+
+    /**
+     * Text color (hex or CSS color)
+     */
+    textColor?: string;
+
+    /**
+     * Submit button text
+     */
+    submitButtonText?: string;
+
+    /**
+     * Submit button color
+     */
+    submitButtonColor?: string;
+
+    /**
+     * Rating button color
+     */
+    ratingButtonColor?: string;
+
+    /**
+     * Border color
+     */
+    borderColor?: string;
+
+    /**
+     * Position on screen
+     */
+    position?: SurveyPosition;
+
+    /**
+     * Placeholder text color
+     */
+    placeholderTextColor?: string;
+
+    /**
+     * Thank you message after submission
+     */
+    thankYouMessage?: string;
+
+    /**
+     * Display thank you message inline or as redirect
+     */
+    thankYouMessageDisplay?: 'inline' | 'redirect';
+
+    /**
+     * URL to redirect to after submission (if redirect)
+     */
+    thankYouMessageRedirect?: string;
+
+    /**
+     * Auto-dismiss after submission (milliseconds)
+     */
+    autoDismiss?: number;
+
+    /**
+     * Width of survey (pixels or percentage)
+     */
+    width?: string | number;
+
+    /**
+     * Max width of survey
+     */
+    maxWidth?: string | number;
+
+    /**
+     * Padding (CSS padding value)
+     */
+    padding?: string | number;
+
+    /**
+     * Border radius (CSS border-radius value)
+     */
+    borderRadius?: string | number;
+
+    /**
+     * Show PostHog branding
+     */
+    showBranding?: boolean;
+}
+```
+
+### DisplaySurveyOptions
+
+Options for displaying a survey.
+
+```typescript { .api }
+/**
+ * Options for displaying a survey
+ */
+type DisplaySurveyOptions = DisplaySurveyPopoverOptions | DisplaySurveyInlineOptions;
+
+/**
+ * Options for popover display
+ */
+interface DisplaySurveyPopoverOptions {
+    /**
+     * Display type
+     */
+    type: DisplaySurveyType.Popover;
+
+    /**
+     * Position on screen
+     */
+    position?: SurveyPosition;
+
+    /**
+     * Background color
+     */
+    backgroundColor?: string;
+
+    /**
+     * Text color
+     */
+    textColor?: string;
+
+    /**
+     * Submit button text
+     */
+    submitButtonText?: string;
+
+    /**
+     * Submit button color
+     */
+    submitButtonColor?: string;
+
+    /**
+     * Rating button color
+     */
+    ratingButtonColor?: string;
+
+    /**
+     * Border color
+     */
+    borderColor?: string;
+
+    /**
+     * Placeholder text
+     */
+    placeholder?: string;
+}
+
+/**
+ * Options for inline display
+ */
+interface DisplaySurveyInlineOptions {
+    /**
+     * Display type
+     */
+    type: DisplaySurveyType.Inline;
+
+    /**
+     * CSS selector for container element
+     */
+    selector: string;
+}
+```
+
+### DisplaySurveyType
+
+Survey display mode.
+
+```typescript { .api }
+/**
+ * Survey display mode
+ */
+enum DisplaySurveyType {
+    /**
+     * Show as popover overlay
+     */
+    Popover = 'popover',
+
+    /**
+     * Show inline in page
+     */
+    Inline = 'inline',
+}
+```
+
+### SurveyRenderReason
+
+Result of checking if a survey can be rendered.
+
+```typescript { .api }
+/**
+ * Result of checking if survey can be rendered
+ */
+interface SurveyRenderReason {
+    /**
+     * Whether the survey can be rendered
+     */
+    canRender: boolean;
+
+    /**
+     * Reason why it can or cannot be rendered
+     * Examples: "already_completed", "rate_limited", "conditions_not_met"
+     */
+    reason: string;
+}
+```
+
+### SurveyEventName
+
+Built-in survey event names.
+
+```typescript { .api }
+/**
+ * Built-in survey event names
+ */
+enum SurveyEventName {
+    /**
+     * Survey was shown to user
+     */
+    SHOWN = 'survey shown',
+
+    /**
+     * Survey was dismissed without completion
+     */
+    DISMISSED = 'survey dismissed',
+
+    /**
+     * Survey response was submitted
+     */
+    SENT = 'survey sent',
+
+    /**
+     * Survey was abandoned (partially completed)
+     */
+    ABANDONED = 'survey abandoned',
+}
+```
+
+## Session Types
+
+### SessionIdChangedCallback
+
+Callback invoked when session ID changes.
+
+```typescript { .api }
+/**
+ * Callback invoked when session ID changes
+ * @param sessionId - New session ID
+ * @param windowId - Window/tab identifier
+ */
+type SessionIdChangedCallback = (sessionId: string, windowId: string) => void;
+```
+
+### SessionRecordingOptions
+
+Configuration for session recording.
+
+```typescript { .api }
+/**
+ * Configuration for session recording
+ */
+interface SessionRecordingOptions {
+    /**
+     * Enable or disable session recording
+     * @default undefined (uses server-side config)
+     */
+    enabled?: boolean;
+
+    /**
+     * Mask all input fields
+     * @default false
+     */
+    maskAllInputs?: boolean;
+
+    /**
+     * CSS selector for text elements to mask
+     */
+    maskTextSelector?: string;
+
+    /**
+     * CSS selector for elements to completely block from recording
+     */
+    blockSelector?: string;
+
+    /**
+     * Record cross-origin iframes
+     * @default false
+     */
+    recordCrossOriginIframes?: boolean;
+
+    /**
+     * Sample rate for session recording (0-1)
+     * 0.1 = 10% of sessions recorded
+     */
+    sampleRate?: number;
+
+    /**
+     * Minimum session duration to record (milliseconds)
+     */
+    minimumDurationMilliseconds?: number;
+
+    /**
+     * Feature flag controlling recording
+     */
+    linkedFlag?: string | FlagVariant;
+
+    /**
+     * Enable canvas recording
+     * @default false
+     */
+    recordCanvas?: boolean;
+
+    /**
+     * Capture console logs in recordings
+     * @default true
+     */
+    consoleLogRecordingEnabled?: boolean;
+
+    /**
+     * Capture network activity
+     */
+    networkPayloadCapture?: NetworkPayloadCaptureOptions;
+
+    /**
+     * Capture performance data
+     * @default true
+     */
+    capturePerformance?: boolean;
+
+    /**
+     * URL triggers for recording
+     */
+    urlTriggers?: string[];
+
+    /**
+     * Event triggers for recording
+     */
+    eventTriggers?: string[];
+
+    /**
+     * Mask text content
+     * @default false
+     */
+    maskTextContent?: boolean;
+
+    /**
+     * Function to mask captured network requests
+     */
+    maskCapturedNetworkRequestFn?: (data: NetworkRequest) => NetworkRequest | null;
+}
+```
+
+### NetworkPayloadCaptureOptions
+
+Options for capturing network activity in recordings.
+
+```typescript { .api }
+/**
+ * Options for capturing network activity
+ */
+interface NetworkPayloadCaptureOptions {
+    /**
+     * Record request/response headers
+     */
+    recordHeaders?: boolean | {
+        request: boolean;
+        response: boolean;
+    };
+
+    /**
+     * Record request/response bodies
+     * Can specify content types to capture
+     */
+    recordBody?: boolean | string[] | {
+        request: boolean | string[];
+        response: boolean | string[];
+    };
+}
+```
+
+### NetworkRequest
+
+Network request data captured during recording.
+
+```typescript { .api }
+/**
+ * Network request data captured during recording
+ */
+interface NetworkRequest {
+    /**
+     * Request URL
+     */
+    url: string;
+
+    /**
+     * HTTP method
+     */
+    method: string;
+
+    /**
+     * Request headers
+     */
+    headers?: Record<string, string>;
+
+    /**
+     * Request body
+     */
+    body?: string;
+
+    /**
+     * Response status code
+     */
+    status?: number;
+
+    /**
+     * Response headers
+     */
+    responseHeaders?: Record<string, string>;
+
+    /**
+     * Response body
+     */
+    responseBody?: string;
+}
+```
+
+### FlagVariant
+
+Feature flag variant configuration for session recording.
+
+```typescript { .api }
+/**
+ * Feature flag variant configuration
+ */
+interface FlagVariant {
+    /**
+     * Feature flag key
+     */
+    flag: string;
+
+    /**
+     * Required variant value
+     */
+    variant: string;
+}
+```
+
+## Web Experiments Types
+
+### WebExperiment
+
+Main web experiment configuration.
+
+```typescript { .api }
+/**
+ * Web experiment for A/B testing with DOM transformations
+ */
+interface WebExperiment {
+    /**
+     * Unique experiment ID
+     */
+    id: number;
+
+    /**
+     * Human-readable experiment name
+     */
+    name: string;
+
+    /**
+     * Optional feature flag key controlling this experiment
+     */
+    feature_flag_key?: string;
+
+    /**
+     * Map of variant names to variant configurations
+     */
+    variants: Record<string, WebExperimentVariant>;
+}
+```
+
+### WebExperimentVariant
+
+Defines a single variant within an experiment.
+
+```typescript { .api }
+/**
+ * A variant configuration within a web experiment
+ */
+interface WebExperimentVariant {
+    /**
+     * Display conditions for this variant
+     */
+    conditions?: WebExperimentConditions;
+
+    /**
+     * Variant name (matches feature flag variant value)
+     */
+    variant_name: string;
+
+    /**
+     * List of transformations to apply
+     */
+    transforms: WebExperimentTransform[];
+}
+```
+
+### WebExperimentConditions
+
+Conditions that determine when a variant is applied.
+
+```typescript { .api }
+/**
+ * Conditions for applying a web experiment variant
+ */
+interface WebExperimentConditions {
+    /**
+     * URL matching configuration
+     */
+    url?: string;
+
+    /**
+     * How to match the URL
+     */
+    urlMatchType?: WebExperimentUrlMatchType;
+
+    /**
+     * UTM parameter matching
+     */
+    utm?: {
+        utm_source?: string;
+        utm_medium?: string;
+        utm_campaign?: string;
+        utm_term?: string;
+    };
+}
+```
+
+### WebExperimentUrlMatchType
+
+URL matching strategy for web experiments.
+
+```typescript { .api }
+/**
+ * URL matching types for web experiment conditions
+ */
+type WebExperimentUrlMatchType =
+    | 'regex'         // Regular expression match
+    | 'not_regex'     // Inverse regex match
+    | 'exact'         // Exact URL match
+    | 'is_not'        // URL is not this value
+    | 'icontains'     // URL contains substring (case-insensitive)
+    | 'not_icontains' // URL does not contain substring
+    ;
+```
+
+### WebExperimentTransform
+
+Defines a transformation to apply to page elements.
+
+```typescript { .api }
+/**
+ * DOM transformation to apply in web experiment
+ */
+interface WebExperimentTransform {
+    /**
+     * CSS selector to target elements
+     */
+    selector?: string;
+
+    /**
+     * HTML attributes to set/modify
+     */
+    attributes?: Array<{ name: string; value: string }>;
+
+    /**
+     * Text content to replace
+     */
+    text?: string;
+
+    /**
+     * HTML content to replace
+     */
+    html?: string;
+
+    /**
+     * Image URL to replace
+     */
+    imgUrl?: string;
+
+    /**
+     * CSS styles to apply
+     */
+    css?: string;
+}
+```
+
+### WebExperimentsCallback
+
+Callback type for web experiments loading.
+
+```typescript { .api }
+/**
+ * Callback for web experiments loaded
+ */
+type WebExperimentsCallback = (webExperiments: WebExperiment[]) => void;
+```
+
+## Request Types
+
+### RequestResponse
+
+Response from a PostHog API request.
+
+```typescript { .api }
+/**
+ * Response from a PostHog request
+ */
+interface RequestResponse {
+    /**
+     * HTTP status code
+     */
+    statusCode: number;
+
+    /**
+     * HTTP status text
+     */
+    statusText?: string;
+
+    /**
+     * Response body
+     */
+    body?: string;
+}
+```
+
+### RequestCallback
+
+Callback for request completion.
+
+```typescript { .api }
+/**
+ * Callback for request completion
+ * @param response - HTTP response details
+ */
+type RequestCallback = (response: RequestResponse) => void;
+```
+
+### Headers
+
+HTTP headers for requests.
+
+```typescript { .api }
+/**
+ * HTTP headers
+ */
+type Headers = Record<string, string>;
+```
+
+## Configuration Types
+
+### PostHogConfig
+
+Main configuration interface for initializing PostHog.
+
+See [Initialization](./initialization.md) for complete configuration documentation.
+
+```typescript { .api }
+interface PostHogConfig {
+    // Core configuration
+    api_host?: string;
+    token?: string;
+    loaded?: (posthog: PostHog) => void;
+    name?: string;
+
+    // Event capture
+    capture_pageview?: boolean | 'history_change';
+    capture_pageleave?: boolean | 'if_capture_pageview';
+    autocapture?: boolean | AutocaptureConfig;
+    capture_exceptions?: boolean | ExceptionAutoCaptureConfig;
+
+    // Storage & persistence
+    persistence?: 'cookie' | 'localStorage' | 'sessionStorage' | 'memory' | 'localStorage+cookie';
+    disable_persistence?: boolean;
+    cookie_expiration?: number;
+    secure_cookie?: boolean;
+
+    // Privacy & consent
+    opt_out_capturing_by_default?: boolean;
+    opt_out_persistence_by_default?: boolean;
+    respect_dnt?: boolean;
+    cookieless_mode?: 'never' | 'always' | 'on_reject';
+    property_denylist?: string[];
+
+    // Feature flags
+    advanced_disable_flags?: boolean;
+    advanced_disable_feature_flags_on_first_load?: boolean;
+    feature_flag_request_timeout_ms?: number;
+
+    // Session recording
+    disable_session_recording?: boolean;
+    session_recording?: SessionRecordingOptions;
+
+    // Request configuration
+    request_batching?: boolean;
+    batch_size?: number;
+    batch_max_wait_ms?: number;
+    request_headers?: Headers;
+
+    // Advanced
+    person_profiles?: 'always' | 'identified_only' | 'never';
+    debug?: boolean;
+    before_send?: BeforeSendFn;
+    mask_all_text?: boolean;
+    mask_all_element_attributes?: boolean;
+
+    // ... many more options
+}
+```
+
+### AutocaptureConfig
+
+Configuration for automatic event capture.
+
+```typescript { .api }
+/**
+ * Configuration for automatic event capture
+ */
+interface AutocaptureConfig {
+    /**
+     * Capture click events
+     * @default true
+     */
+    capture_clicks?: boolean;
+
+    /**
+     * Capture text content of clicked elements
+     * @default true
+     */
+    capture_text_content?: boolean;
+
+    /**
+     * CSS selectors to allow for autocapture (only these will be captured)
+     */
+    element_allowlist?: string[] | undefined;
+
+    /**
+     * CSS selectors to exclude from autocapture
+     * @default []
+     */
+    element_denylist?: string[];
+
+    /**
+     * Capture rage clicks (rapid repeated clicks)
+     * @default true
+     */
+    rageclicks?: boolean | RageclickConfig;
+
+    /**
+     * Capture dead clicks (clicks that don't cause changes)
+     * @default false
+     */
+    dead_clicks?: boolean | DeadClicksAutoCaptureConfig;
+}
+```
+
+### RageclickConfig
+
+Configuration for rage click detection.
+
+```typescript { .api }
+/**
+ * Configuration for rage click detection
+ */
+interface RageclickConfig {
+    /**
+     * Number of clicks to trigger rage click
+     * @default 3
+     */
+    threshold?: number;
+
+    /**
+     * Time window in milliseconds
+     * @default 1000
+     */
+    window_ms?: number;
+}
+```
+
+### DeadClicksAutoCaptureConfig
+
+Configuration for dead click detection.
+
+```typescript { .api }
+/**
+ * Configuration for dead click detection
+ */
+interface DeadClicksAutoCaptureConfig {
+    /**
+     * Enable dead click detection
+     * @default true
+     */
+    enabled?: boolean;
+
+    /**
+     * CSS selectors to ignore for dead clicks
+     */
+    ignore_selectors?: string[];
+}
+```
+
+### ExceptionAutoCaptureConfig
+
+Configuration for automatic exception capture.
+
+```typescript { .api }
+/**
+ * Configuration for automatic exception capture
+ */
+interface ExceptionAutoCaptureConfig {
+    /**
+     * Capture uncaught errors (window.onerror)
+     * @default true
+     */
+    capture_unhandled_errors?: boolean;
+
+    /**
+     * Capture unhandled promise rejections
+     * @default true
+     */
+    capture_unhandled_rejections?: boolean;
+
+    /**
+     * Capture console.error calls
+     * @default false
+     */
+    capture_console_errors?: boolean;
+}
+```
+
+### BootstrapConfig
+
+Configuration for bootstrapping PostHog with preloaded data.
+
+```typescript { .api }
+/**
+ * Configuration for bootstrapping the SDK with preloaded data
+ */
+interface BootstrapConfig {
+    /**
+     * Preloaded distinct ID
+     */
+    distinctID?: string;
+
+    /**
+     * Preloaded feature flags
+     */
+    featureFlags?: Record<string, boolean | string>;
+
+    /**
+     * Preloaded feature flag payloads
+     */
+    featureFlagPayloads?: Record<string, JsonType>;
+
+    /**
+     * Whether flags have been fully evaluated
+     */
+    isIdentifiedID?: boolean;
+}
+```
+
+## Product Tour Types
+
+### ProductTour
+
+Product tour configuration.
+
+```typescript { .api }
+/**
+ * Product tour configuration
+ */
+interface ProductTour {
+    /**
+     * Unique tour identifier
+     */
+    id: string;
+
+    /**
+     * Tour name
+     */
+    name: string;
+
+    /**
+     * Tour description
+     */
+    description?: string;
+
+    /**
+     * Tour type
+     */
+    type: 'product_tour';
+
+    /**
+     * Auto-launch the tour
+     */
+    auto_launch?: boolean;
+
+    /**
+     * Tour steps
+     */
+    steps: ProductTourStep[];
+
+    /**
+     * Display conditions
+     */
+    conditions?: ProductTourConditions;
+
+    /**
+     * Visual appearance
+     */
+    appearance?: ProductTourAppearance;
+
+    /**
+     * Display frequency
+     */
+    display_frequency?: ProductTourDisplayFrequency;
+}
+```
+
+### ProductTourStep
+
+Individual step in a product tour.
+
+```typescript { .api }
+/**
+ * Product tour step
+ */
+interface ProductTourStep {
+    /**
+     * Step ID
+     */
+    id: string;
+
+    /**
+     * Step type
+     */
+    type: ProductTourStepType;
+
+    /**
+     * CSS selector for target element
+     */
+    selector?: string;
+
+    /**
+     * How user progresses to next step
+     */
+    progressionTrigger: 'button' | 'click';
+
+    /**
+     * Step content (markdown format)
+     */
+    content: JSONContent | null;
+
+    /**
+     * Step content (HTML format)
+     */
+    contentHtml?: string;
+
+    /**
+     * Survey question in step
+     */
+    survey?: ProductTourSurveyQuestion;
+
+    /**
+     * Step buttons
+     */
+    buttons?: ProductTourStepButtons;
+
+    /**
+     * Banner configuration
+     */
+    bannerConfig?: ProductTourBannerConfig;
+}
+```
+
+### ProductTourStepType
+
+Type of product tour step.
+
+```typescript { .api }
+/**
+ * Product tour step type
+ */
+type ProductTourStepType =
+    | 'element'  // Highlight a specific element
+    | 'modal'    // Show modal dialog
+    | 'survey'   // Show survey question
+    | 'banner';  // Show banner
+```
+
+### ProductTourCallback
+
+Callback for product tour loading.
+
+```typescript { .api }
+/**
+ * Callback for product tour loading
+ * @param tours - Array of available product tours
+ * @param context - Loading context with status and error information
+ */
+type ProductTourCallback = (
+    tours: ProductTour[],
+    context?: { isLoaded: boolean; error?: string }
+) => void;
+```
+
+## Conversation Types
+
+### ConversationsRemoteConfig
+
+Remote configuration for conversations feature.
+
+```typescript { .api }
+/**
+ * Conversations remote configuration
+ */
+interface ConversationsRemoteConfig {
+    /**
+     * Whether conversations are enabled
+     */
+    enabled: boolean;
+
+    /**
+     * Whether the widget is enabled
+     */
+    widgetEnabled?: boolean;
+
+    /**
+     * API token for conversations
+     */
+    token: string;
+
+    /**
+     * Greeting text
+     */
+    greetingText?: string;
+
+    /**
+     * Widget color (hex or CSS color)
+     */
+    color?: string;
+
+    /**
+     * Placeholder text for input
+     */
+    placeholderText?: string;
+
+    /**
+     * Require email from users
+     */
+    requireEmail?: boolean;
+
+    /**
+     * Collect user name
+     */
+    collectName?: boolean;
+}
+```
+
+### Message
+
+Message in a conversation.
+
+```typescript { .api }
+/**
+ * Message in conversation
+ */
+interface Message {
+    /**
+     * Message ID
+     */
+    id: string;
+
+    /**
+     * Message content
+     */
+    content: string;
+
+    /**
+     * Author type
+     */
+    author_type: MessageAuthorType;
+
+    /**
+     * Author name
+     */
+    author_name?: string;
+
+    /**
+     * Creation timestamp (ISO 8601)
+     */
+    created_at: string;
+
+    /**
+     * Whether message is private (internal note)
+     */
+    is_private: boolean;
+}
+```
+
+### MessageAuthorType
+
+Type of message author.
+
+```typescript { .api }
+/**
+ * Message author type
+ */
+type MessageAuthorType =
+    | 'customer'  // Message from customer
+    | 'AI'        // Message from AI assistant
+    | 'human';    // Message from support agent
+```
+
+### Ticket
+
+Support ticket containing messages.
+
+```typescript { .api }
+/**
+ * Support ticket
+ */
+interface Ticket {
+    /**
+     * Ticket ID
+     */
+    id: string;
+
+    /**
+     * Ticket status
+     */
+    status: TicketStatus;
+
+    /**
+     * Last message preview
+     */
+    last_message?: string;
+
+    /**
+     * Last message timestamp (ISO 8601)
+     */
+    last_message_at?: string;
+
+    /**
+     * Number of messages in ticket
+     */
+    message_count: number;
+
+    /**
+     * Creation timestamp (ISO 8601)
+     */
+    created_at: string;
+
+    /**
+     * All messages in ticket
+     */
+    messages?: Message[];
+
+    /**
+     * Unread message count
+     */
+    unread_count?: number;
+}
+```
+
+### TicketStatus
+
+Status of a support ticket.
+
+```typescript { .api }
+/**
+ * Ticket status
+ */
+type TicketStatus =
+    | 'new'       // Newly created ticket
+    | 'open'      // Ticket is being worked on
+    | 'pending'   // Waiting for customer response
+    | 'on_hold'   // Ticket is on hold
+    | 'resolved'; // Ticket has been resolved
+```
+
+### SendMessageResponse
+
+Response after sending a message.
+
+```typescript { .api }
+/**
+ * Response after sending a message
+ */
+interface SendMessageResponse {
+    /**
+     * Ticket ID
+     */
+    ticket_id: string;
+
+    /**
+     * Message ID
+     */
+    message_id: string;
+
+    /**
+     * Updated ticket status
+     */
+    ticket_status: TicketStatus;
+
+    /**
+     * Creation timestamp (ISO 8601)
+     */
+    created_at: string;
+
+    /**
+     * Unread message count
+     */
+    unread_count: number;
+}
+```
+
+## Toolbar Types
+
+### ToolbarParams
+
+Parameters for loading the PostHog toolbar.
+
+```typescript { .api }
+/**
+ * Toolbar parameters
+ */
+interface ToolbarParams {
+    /**
+     * PostHog API key
+     */
+    apiKey?: string;
+
+    /**
+     * User email for toolbar authentication
+     */
+    userEmail?: string;
+
+    /**
+     * Additional custom parameters
+     */
+    [key: string]: any;
+}
+```
+
+## Utility Types
+
+### SnippetArrayItem
+
+Item for the snippet queue.
+
+```typescript { .api }
+/**
+ * Item for the snippet queue
+ * Used primarily with the snippet loader
+ */
+type SnippetArrayItem = [string, ...any[]];
+```
+
+### Compression
+
+Compression algorithm for requests.
+
+```typescript { .api }
+/**
+ * Compression algorithm
+ */
+enum Compression {
+    /**
+     * GZip compression using JavaScript
+     */
+    GZipJS = 'gzip-js',
+
+    /**
+     * Base64 encoding
+     */
+    Base64 = 'base64',
+}
+```
+
+## Integration Types
+
+### SentryIntegrationOptions
+
+Options for Sentry integration.
+
+```typescript { .api }
+/**
+ * Options for Sentry integration
+ */
+interface SentryIntegrationOptions {
+    /**
+     * PostHog instance to integrate with
+     */
+    posthog?: PostHog;
+
+    /**
+     * Organization name in PostHog
+     */
+    organization?: string;
+
+    /**
+     * Project ID in PostHog
+     */
+    projectId?: number;
+
+    /**
+     * Prefix for Sentry issues
+     */
+    prefix?: string;
+}
+```
+
+## Known Event Names
+
+PostHog reserves certain event names for built-in functionality:
+
+```typescript { .api }
+/**
+ * Known PostHog event names
+ */
+type KnownEventName =
+    // Page events
+    | '$pageview'
+    | '$pageleave'
+    | '$autocapture'
+
+    // User events
+    | '$identify'
+    | '$create_alias'
+    | '$set'
+    | '$set_once'
+
+    // Group events
+    | '$groupidentify'
+
+    // Feature flag events
+    | '$feature_flag_called'
+
+    // Survey events
+    | '$survey_shown'
+    | '$survey_sent'
+    | '$survey_dismissed'
+    | '$survey_abandoned'
+
+    // Exception events
+    | '$exception'
+
+    // Web vitals
+    | '$web_vitals'
+
+    // LLM events
+    | '$ai_feedback'
+    | '$ai_metric'
+
+    // Session events
+    | '$session_start'
+    | '$session_end'
+
+    // And more...
+    ;
+```
diff --git a/.tessl/tiles/tessl/npm-posthog-js/docs/reference/web-experiments.md b/.tessl/tiles/tessl/npm-posthog-js/docs/reference/web-experiments.md
new file mode 100644
index 000000000..fe072f479
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-posthog-js/docs/reference/web-experiments.md
@@ -0,0 +1,267 @@
+# Web Experiments
+
+Web experiments enable A/B testing by dynamically modifying web page content based on feature flag variants. They automatically apply visual transformations to elements without code changes.
+
+## Package Information
+
+Import from PostHog instance:
+
+```typescript
+const experiments = posthog.experiments;
+```
+
+## Capabilities
+
+### Get and Evaluate Web Experiments
+
+Fetches web experiments from the server and evaluates which ones to apply based on current feature flag values, URL matching, and display conditions.
+
+```typescript { .api }
+/**
+ * Get web experiments and evaluate display logic
+ * @param forceReload - Force reload from server, bypassing cache
+ */
+function getWebExperimentsAndEvaluateDisplayLogic(forceReload?: boolean): void;
+```
+
+**Usage Example:**
+
+```typescript
+import posthog from 'posthog-js';
+
+// Automatically load and apply experiments
+posthog.experiments.getWebExperimentsAndEvaluateDisplayLogic();
+
+// Force reload from server
+posthog.experiments.getWebExperimentsAndEvaluateDisplayLogic(true);
+```
+
+### Get Web Experiments
+
+Fetches web experiments with a callback, optionally enabling preview mode.
+
+```typescript { .api }
+/**
+ * Get web experiments with callback
+ * @param callback - Called with array of web experiments
+ * @param forceReload - Force reload from server
+ * @param previewing - Enable preview mode (for testing)
+ */
+function getWebExperiments(
+  callback: WebExperimentsCallback,
+  forceReload: boolean,
+  previewing?: boolean
+): void;
+
+type WebExperimentsCallback = (webExperiments: WebExperiment[]) => void;
+```
+
+**Usage Example:**
+
+```typescript
+posthog.experiments.getWebExperiments(
+  (experiments) => {
+    console.log('Loaded experiments:', experiments);
+    experiments.forEach(exp => {
+      console.log(`Experiment ${exp.name}: ${exp.variants}`);
+    });
+  },
+  false // Don't force reload
+);
+```
+
+### Preview Web Experiment
+
+Activates web experiment preview mode using query parameters `__experiment_id` and `__experiment_variant` in the URL.
+
+```typescript { .api }
+/**
+ * Preview a web experiment from URL parameters
+ * Looks for __experiment_id and __experiment_variant query params
+ */
+function previewWebExperiment(): void;
+```
+
+**Usage Example:**
+
+```typescript
+// URL: https://example.com?__experiment_id=123&__experiment_variant=test
+posthog.experiments.previewWebExperiment();
+// Applies the "test" variant of experiment 123
+```
+
+### Load If Enabled
+
+Loads experiments if enabled in configuration. Called automatically during PostHog initialization.
+
+```typescript { .api }
+/**
+ * Load experiments if enabled in config
+ * Typically called internally during initialization
+ */
+function loadIfEnabled(): void;
+```
+
+## Configuration
+
+Web experiments are controlled via PostHog configuration:
+
+```typescript
+posthog.init('YOUR_PROJECT_API_KEY', {
+  api_host: 'https://us.i.posthog.com',
+  // Web experiments are disabled by default (beta feature)
+  disable_web_experiments: false, // Set to false to enable
+});
+```
+
+## Types
+
+### WebExperiment
+
+Main web experiment interface.
+
+```typescript { .api }
+interface WebExperiment {
+  /** Unique experiment ID */
+  id: number;
+  /** Human-readable experiment name */
+  name: string;
+  /** Optional feature flag key controlling this experiment */
+  feature_flag_key?: string;
+  /** Map of variant names to variant configurations */
+  variants: Record<string, WebExperimentVariant>;
+}
+```
+
+### WebExperimentVariant
+
+Defines a single variant within an experiment.
+
+```typescript { .api }
+interface WebExperimentVariant {
+  /** Display conditions for this variant */
+  conditions?: WebExperimentConditions;
+  /** Variant name (matches feature flag variant value) */
+  variant_name: string;
+  /** List of transformations to apply */
+  transforms: WebExperimentTransform[];
+}
+```
+
+### WebExperimentConditions
+
+Conditions that determine when a variant is applied.
+
+```typescript { .api }
+interface WebExperimentConditions {
+  /** URL matching configuration */
+  url?: string;
+  /** How to match the URL */
+  urlMatchType?: WebExperimentUrlMatchType;
+  /** UTM parameter matching */
+  utm?: {
+    utm_source?: string;
+    utm_medium?: string;
+    utm_campaign?: string;
+    utm_term?: string;
+  };
+}
+
+type WebExperimentUrlMatchType =
+  | 'regex'         // Regular expression match
+  | 'not_regex'     // Inverse regex match
+  | 'exact'         // Exact URL match
+  | 'is_not'        // URL is not this value
+  | 'icontains'     // URL contains substring (case-insensitive)
+  | 'not_icontains' // URL does not contain substring
+  ;
+```
+
+### WebExperimentTransform
+
+Defines a transformation to apply to page elements.
+
+```typescript { .api }
+interface WebExperimentTransform {
+  /** CSS selector to target elements */
+  selector?: string;
+  /** HTML attributes to set/modify */
+  attributes?: Array<{ name: string; value: string }>;
+  /** Text content to replace */
+  text?: string;
+  /** HTML content to replace */
+  html?: string;
+  /** Image URL to replace */
+  imgUrl?: string;
+  /** CSS styles to apply */
+  css?: string;
+}
+```
+
+**Transform Examples:**
+
+```typescript
+// Change button text
+{
+  selector: '.cta-button',
+  text: 'Buy Now - 20% Off!'
+}
+
+// Modify image source
+{
+  selector: '#hero-image',
+  imgUrl: 'https://example.com/new-hero.jpg'
+}
+
+// Apply custom CSS
+{
+  selector: '.pricing-card',
+  css: 'background-color: #ff6b6b; border: 2px solid #000;'
+}
+
+// Change multiple attributes
+{
+  selector: 'a.signup-link',
+  attributes: [
+    { name: 'href', value: '/special-offer' },
+    { name: 'class', value: 'btn btn-primary' }
+  ]
+}
+
+// Replace HTML content
+{
+  selector: '.announcement',
+  html: '<strong>Limited Time:</strong> Get 50% off!'
+}
+```
+
+## How Web Experiments Work
+
+1. **Feature Flag Integration**: Web experiments are tied to feature flag variants. When a user is assigned to a variant, the experiment's transforms are applied.
+
+2. **Conditions Evaluation**: Before applying transforms, PostHog checks:
+   - URL matching (if specified)
+   - UTM parameters (if specified)
+   - Feature flag evaluation result
+
+3. **Transform Application**: If conditions are met, transforms are applied to matching elements using DOM manipulation.
+
+4. **Preview Mode**: Use query parameters to preview specific variants without feature flag evaluation.
+
+## Best Practices
+
+1. **Test Selectors**: Ensure CSS selectors are specific enough to target the right elements without side effects.
+
+2. **Performance**: Limit the number of transforms per experiment to minimize DOM manipulation overhead.
+
+3. **Fallbacks**: Design experiments so the original experience is acceptable if transforms fail to apply.
+
+4. **Feature Flags**: Always tie experiments to feature flags for proper variant assignment and analytics.
+
+5. **Preview Before Launch**: Use preview mode to verify transforms work correctly before enabling for users.
+
+## Related
+
+- [Feature Flags](./feature-flags.md) - Control experiment variants
+- [Events](./events.md) - Track experiment interactions
+- [Initialization](./initialization.md) - Configuration options
diff --git a/.tessl/tiles/tessl/npm-posthog-js/tile.json b/.tessl/tiles/tessl/npm-posthog-js/tile.json
new file mode 100644
index 000000000..d267bea3e
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-posthog-js/tile.json
@@ -0,0 +1,8 @@
+{
+  "name": "tessl/npm-posthog-js",
+  "version": "1.335.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/posthog-js@1.335.2",
+  "summary": "PostHog Browser JS Library is a comprehensive browser analytics and feature management SDK that enables developers to capture user events, track product analytics, manage feature flags, record session replays, and implement feedback mechanisms like surveys and conversations in web applications.",
+  "private": false
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-posthog-node/docs/client-configuration.md b/.tessl/tiles/tessl/npm-posthog-node/docs/client-configuration.md
new file mode 100644
index 000000000..64438df29
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-posthog-node/docs/client-configuration.md
@@ -0,0 +1,414 @@
+# Client Configuration
+
+Configuration options for initializing and controlling the PostHog client.
+
+## Capabilities
+
+### PostHog Constructor
+
+Initialize a new PostHog client instance with API key and optional configuration.
+
+```typescript { .api }
+/**
+ * Initialize a new PostHog client instance
+ * @param apiKey - Your PostHog project API key
+ * @param options - Configuration options for the client
+ */
+class PostHog {
+  constructor(apiKey: string, options?: PostHogOptions);
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { PostHog } from 'posthog-node';
+
+// Basic initialization
+const client = new PostHog('phc_your_api_key');
+
+// With custom host
+const client = new PostHog('phc_your_api_key', {
+  host: 'https://eu.posthog.com'
+});
+
+// With personal API key for local feature flag evaluation
+const client = new PostHog('phc_your_api_key', {
+  host: 'https://app.posthog.com',
+  personalApiKey: 'phx_your_personal_api_key'
+});
+
+// With custom configuration
+const client = new PostHog('phc_your_api_key', {
+  host: 'https://app.posthog.com',
+  flushAt: 20,
+  flushInterval: 10000,
+  requestTimeout: 5000,
+  enableExceptionAutocapture: true
+});
+```
+
+### Debug Control
+
+Enable or disable debug logging to troubleshoot issues.
+
+```typescript { .api }
+/**
+ * Enable or disable debug logging
+ * @param enabled - Whether to enable debug logging (default: true)
+ */
+debug(enabled?: boolean): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Enable debug logging
+client.debug(true);
+
+// Disable debug logging
+client.debug(false);
+
+// Enable with default (true)
+client.debug();
+```
+
+### Privacy Controls
+
+Opt users in or out of tracking.
+
+```typescript { .api }
+/**
+ * Enable the PostHog client (opt-in)
+ * @returns Promise that resolves when the client is enabled
+ */
+enable(): Promise<void>;
+
+/**
+ * Disable the PostHog client (opt-out)
+ * @returns Promise that resolves when the client is disabled
+ */
+disable(): Promise<void>;
+```
+
+**Usage Examples:**
+
+```typescript
+// Enable client (opt-in)
+await client.enable();
+
+// Disable client (opt-out)
+await client.disable();
+```
+
+### Persisted Properties
+
+Get and set persisted properties in memory storage.
+
+```typescript { .api }
+/**
+ * Get a persisted property value from memory storage
+ * @param key - The property key to retrieve
+ * @returns The stored property value or undefined if not found
+ */
+getPersistedProperty(key: PostHogPersistedProperty): any | undefined;
+
+/**
+ * Set a persisted property value in memory storage
+ * @param key - The property key to set
+ * @param value - The value to store (null to remove)
+ */
+setPersistedProperty(key: PostHogPersistedProperty, value: any | null): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Set a persisted property
+client.setPersistedProperty('userId', 'user_123');
+
+// Get a persisted property
+const userId = client.getPersistedProperty('userId');
+
+// Remove a persisted property
+client.setPersistedProperty('userId', null);
+```
+
+### Library Information
+
+Get information about the library version and user agent.
+
+```typescript { .api }
+/**
+ * Get the library version from package.json
+ * @returns The current library version string
+ */
+getLibraryVersion(): string;
+
+/**
+ * Get the custom user agent string for this client
+ * @returns The formatted user agent string (e.g., "posthog-node/5.13.2")
+ */
+getCustomUserAgent(): string;
+```
+
+**Usage Examples:**
+
+```typescript
+// Get version
+const version = client.getLibraryVersion();
+console.log(`Using PostHog SDK version: ${version}`);
+
+// Get user agent
+const userAgent = client.getCustomUserAgent();
+console.log(`User agent: ${userAgent}`);
+```
+
+### Shutdown
+
+Gracefully shutdown the client, flushing pending events and stopping pollers.
+
+```typescript { .api }
+/**
+ * Shutdown the PostHog client gracefully
+ * @param shutdownTimeoutMs - Timeout in milliseconds for shutdown (default: 30000)
+ * @returns Promise that resolves when shutdown is complete
+ */
+shutdown(shutdownTimeoutMs?: number): Promise<void>;
+```
+
+**Usage Examples:**
+
+```typescript
+// Shutdown with default timeout (30 seconds)
+await client.shutdown();
+
+// Shutdown with custom timeout (5 seconds)
+await client.shutdown(5000);
+
+// In Express shutdown handler
+process.on('SIGTERM', async () => {
+  await client.shutdown(10000);
+  process.exit(0);
+});
+```
+
+## Types
+
+### PostHogOptions
+
+```typescript { .api }
+type PostHogOptions = {
+  // Connection settings
+  /** PostHog host URL (default: 'https://us.i.posthog.com') */
+  host?: string;
+
+  /** Number of events to batch before sending (default: 20) */
+  flushAt?: number;
+
+  /** Interval in milliseconds to flush events (default: 10000) */
+  flushInterval?: number;
+
+  /** Request timeout in milliseconds (default: 10000) */
+  requestTimeout?: number;
+
+  /** Maximum queue size before dropping events (default: 1000) */
+  maxQueueSize?: number;
+
+  /** Maximum number of retries for failed requests (default: 3) */
+  maxRetries?: number;
+
+  /** Disable the client completely */
+  disabled?: boolean;
+
+  /** Capture mode: 'form' or 'json' (default: 'json') */
+  captureMode?: 'form' | 'json';
+
+  // Feature flags
+  /** Personal API key for local feature flag evaluation */
+  personalApiKey?: string;
+
+  /** Polling interval for feature flags in milliseconds (default: 30000, min: 100) */
+  featureFlagsPollingInterval?: number;
+
+  /** Enable local evaluation of feature flags (default: true when personalApiKey provided) */
+  enableLocalEvaluation?: boolean;
+
+  /** Evaluation environments for feature flags (filter by tags) */
+  evaluationEnvironments?: readonly string[];
+
+  /** Custom cache provider for feature flag definitions (experimental) */
+  flagDefinitionCacheProvider?: FlagDefinitionCacheProvider;
+
+  /** Whether to send $feature_flag_called events (default: true) */
+  sendFeatureFlagEvent?: boolean;
+
+  // Privacy and filtering
+  /** Privacy mode - reduces data collection */
+  privacyMode?: boolean;
+
+  /** Additional user agent strings to block from tracking */
+  custom_blocked_useragents?: string[];
+
+  // Error tracking
+  /** Enable automatic exception capture (default: false) */
+  enableExceptionAutocapture?: boolean;
+
+  // Advanced
+  /** Persistence mode (only 'memory' is supported) */
+  persistence?: 'memory';
+
+  /** Maximum size of cache that deduplicates $feature_flag_called events (default: 50000) */
+  maxCacheSize?: number;
+
+  /** Custom fetch implementation */
+  fetch?: (url: string, options: PostHogFetchOptions) => Promise<PostHogFetchResponse>;
+
+  /** Hook(s) to modify or drop events before sending */
+  before_send?: BeforeSendFn | BeforeSendFn[];
+
+  // Preview features
+  /** PREVIEW: Enable collection of bot traffic as $bot_pageview events */
+  __preview_capture_bot_pageviews?: boolean;
+};
+```
+
+### BeforeSendFn
+
+```typescript { .api }
+/**
+ * Function to modify or drop events before sending
+ * Return null to drop the event, or return modified event to send it
+ */
+type BeforeSendFn = (event: EventMessage | null) => EventMessage | null;
+```
+
+**Usage Example:**
+
+```typescript
+const client = new PostHog('phc_your_api_key', {
+  before_send: (event) => {
+    // Drop events with sensitive data
+    if (event?.properties?.password) {
+      delete event.properties.password;
+    }
+
+    // Drop certain events entirely
+    if (event?.event === 'debug_event') {
+      return null;
+    }
+
+    return event;
+  }
+});
+
+// Multiple before_send hooks
+const client = new PostHog('phc_your_api_key', {
+  before_send: [
+    (event) => {
+      // First hook: sanitize data
+      if (event?.properties) {
+        event.properties.sanitized = true;
+      }
+      return event;
+    },
+    (event) => {
+      // Second hook: filter
+      if (event?.event === 'spam') {
+        return null;
+      }
+      return event;
+    }
+  ]
+});
+```
+
+### PostHogFetchOptions
+
+```typescript { .api }
+interface PostHogFetchOptions {
+  method?: string;
+  headers?: Record<string, string>;
+  body?: string;
+  signal?: AbortSignal;
+}
+```
+
+### PostHogFetchResponse
+
+```typescript { .api }
+interface PostHogFetchResponse {
+  ok: boolean;
+  status: number;
+  text(): Promise<string>;
+  json(): Promise<any>;
+}
+```
+
+### PostHogPersistedProperty
+
+```typescript { .api }
+type PostHogPersistedProperty = string;
+```
+
+## Configuration Best Practices
+
+### Production Settings
+
+```typescript
+const client = new PostHog('phc_your_api_key', {
+  host: 'https://app.posthog.com',
+  personalApiKey: 'phx_your_personal_api_key',
+
+  // Batching and performance
+  flushAt: 20,
+  flushInterval: 10000,
+  requestTimeout: 5000,
+
+  // Feature flags
+  featureFlagsPollingInterval: 30000,
+  enableLocalEvaluation: true,
+
+  // Privacy
+  privacyMode: false,
+
+  // Error tracking
+  enableExceptionAutocapture: true
+});
+```
+
+### Development Settings
+
+```typescript
+const client = new PostHog('phc_your_api_key', {
+  host: 'https://app.posthog.com',
+
+  // Faster feedback in development
+  flushAt: 1,
+  flushInterval: 1000,
+
+  // Debug logging
+  disabled: false
+});
+
+client.debug(true);
+```
+
+### Serverless/Edge Settings
+
+```typescript
+// Use immediate methods for serverless
+const client = new PostHog('phc_your_api_key', {
+  host: 'https://app.posthog.com',
+  personalApiKey: 'phx_your_personal_api_key',
+
+  // Disable polling in serverless
+  enableLocalEvaluation: false
+});
+
+// Use *Immediate methods
+await client.captureImmediate({
+  distinctId: 'user_123',
+  event: 'function_invoked'
+});
+```
diff --git a/.tessl/tiles/tessl/npm-posthog-node/docs/error-tracking.md b/.tessl/tiles/tessl/npm-posthog-node/docs/error-tracking.md
new file mode 100644
index 000000000..631e69fb0
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-posthog-node/docs/error-tracking.md
@@ -0,0 +1,652 @@
+# Error Tracking
+
+Capture exceptions manually or automatically with full stack traces, source context, and rate limiting.
+
+## Capabilities
+
+### Capture Exception
+
+Capture an exception manually and queue it for sending.
+
+```typescript { .api }
+/**
+ * Capture an error exception as an event
+ * @param error - The error to capture
+ * @param distinctId - Optional user distinct ID
+ * @param additionalProperties - Optional additional properties to include
+ */
+captureException(
+  error: unknown,
+  distinctId?: string,
+  additionalProperties?: Record<string | number, any>
+): void;
+```
+
+**Usage Examples:**
+
+```typescript
+import { PostHog } from 'posthog-node';
+
+const client = new PostHog('phc_your_api_key');
+
+// Basic exception capture
+try {
+  riskyOperation();
+} catch (error) {
+  client.captureException(error, 'user_123');
+}
+
+// With additional properties
+try {
+  await apiCall();
+} catch (error) {
+  client.captureException(error, 'user_123', {
+    endpoint: '/api/users',
+    method: 'POST',
+    status_code: 500
+  });
+}
+
+// Without user ID (uses personless processing)
+try {
+  backgroundJob();
+} catch (error) {
+  client.captureException(error);
+}
+
+// With context properties
+try {
+  processPayment(orderId);
+} catch (error) {
+  client.captureException(error, 'user_123', {
+    order_id: orderId,
+    payment_method: 'credit_card',
+    amount: 99.99
+  });
+}
+```
+
+### Capture Exception Immediately
+
+Capture an exception and send it immediately without queuing. Use for serverless environments or critical errors.
+
+```typescript { .api }
+/**
+ * Capture an error exception as an event immediately (synchronously)
+ * @param error - The error to capture
+ * @param distinctId - Optional user distinct ID
+ * @param additionalProperties - Optional additional properties to include
+ * @returns Promise that resolves when the error is captured
+ */
+async captureExceptionImmediate(
+  error: unknown,
+  distinctId?: string,
+  additionalProperties?: Record<string | number, any>
+): Promise<void>;
+```
+
+**Usage Examples:**
+
+```typescript
+// Immediate capture in serverless function
+export async function handler(event) {
+  try {
+    return await processEvent(event);
+  } catch (error) {
+    await client.captureExceptionImmediate(error, event.userId);
+    throw error;
+  }
+}
+
+// With additional context
+try {
+  await criticalOperation();
+} catch (error) {
+  await client.captureExceptionImmediate(error, 'user_123', {
+    operation: 'critical_operation',
+    severity: 'high'
+  });
+  throw error;
+}
+
+// In API endpoint
+app.post('/api/action', async (req, res) => {
+  try {
+    const result = await performAction(req.body);
+    res.json({ success: true, result });
+  } catch (error) {
+    await client.captureExceptionImmediate(error, req.user?.id, {
+      endpoint: '/api/action',
+      body: req.body
+    });
+    res.status(500).json({ error: 'Internal error' });
+  }
+});
+```
+
+## Automatic Exception Capture
+
+Enable automatic capture of uncaught exceptions and unhandled promise rejections.
+
+### Configuration
+
+```typescript
+import { PostHog } from 'posthog-node';
+
+// Enable automatic exception capture
+const client = new PostHog('phc_your_api_key', {
+  enableExceptionAutocapture: true
+});
+```
+
+### How It Works
+
+When `enableExceptionAutocapture` is enabled:
+- Uncaught exceptions are automatically captured
+- Unhandled promise rejections are automatically captured
+- Rate limiting prevents flood of duplicate errors (10 per type, refills 1 per 10 seconds)
+- Fatal errors trigger graceful shutdown
+- Uses personless processing (no distinct ID required)
+
+**Usage Examples:**
+
+```typescript
+// Enable autocapture
+const client = new PostHog('phc_your_api_key', {
+  enableExceptionAutocapture: true
+});
+
+// Uncaught exceptions are automatically captured
+function riskyFunction() {
+  throw new Error('This will be automatically captured');
+}
+
+// Unhandled rejections are automatically captured
+async function asyncRiskyFunction() {
+  throw new Error('This will be automatically captured');
+}
+
+// The application continues running after non-fatal errors
+setTimeout(() => {
+  riskyFunction();
+}, 1000);
+
+// Fatal errors trigger shutdown
+process.on('uncaughtException', (error) => {
+  // PostHog captures this automatically and then exits
+});
+```
+
+## Usage Patterns
+
+### Express.js Error Handling
+
+```typescript
+import express from 'express';
+import { PostHog } from 'posthog-node';
+
+const app = express();
+const client = new PostHog('phc_your_api_key');
+
+// Route-level error handling
+app.get('/api/users/:id', async (req, res) => {
+  try {
+    const user = await getUser(req.params.id);
+    res.json(user);
+  } catch (error) {
+    client.captureException(error, req.user?.id, {
+      endpoint: '/api/users/:id',
+      user_id: req.params.id
+    });
+    res.status(500).json({ error: 'Failed to fetch user' });
+  }
+});
+
+// Application-level error middleware
+app.use((error, req, res, next) => {
+  client.captureException(error, req.user?.id, {
+    endpoint: req.path,
+    method: req.method,
+    status: error.status || 500
+  });
+  res.status(error.status || 500).json({
+    error: error.message || 'Internal server error'
+  });
+});
+```
+
+### Async/Await Error Handling
+
+```typescript
+// Basic async error handling
+async function fetchData() {
+  try {
+    const response = await fetch('https://api.example.com/data');
+    const data = await response.json();
+    return data;
+  } catch (error) {
+    client.captureException(error, 'user_123', {
+      operation: 'fetch_data',
+      url: 'https://api.example.com/data'
+    });
+    throw error;
+  }
+}
+
+// With retry logic
+async function fetchDataWithRetry(url, retries = 3) {
+  for (let i = 0; i < retries; i++) {
+    try {
+      const response = await fetch(url);
+      return await response.json();
+    } catch (error) {
+      if (i === retries - 1) {
+        client.captureException(error, undefined, {
+          operation: 'fetch_data_with_retry',
+          url: url,
+          attempts: retries
+        });
+        throw error;
+      }
+    }
+  }
+}
+```
+
+### Promise Error Handling
+
+```typescript
+// Promise chain error handling
+fetchUser('user_123')
+  .then(user => processUser(user))
+  .then(result => saveResult(result))
+  .catch(error => {
+    client.captureException(error, 'user_123', {
+      operation: 'user_processing_pipeline'
+    });
+  });
+
+// Promise.all error handling
+Promise.all([
+  fetchUsers(),
+  fetchOrders(),
+  fetchProducts()
+])
+  .then(([users, orders, products]) => {
+    return combineData(users, orders, products);
+  })
+  .catch(error => {
+    client.captureException(error, undefined, {
+      operation: 'parallel_data_fetch'
+    });
+  });
+```
+
+### Database Error Handling
+
+```typescript
+// MongoDB error handling
+async function createUser(userData) {
+  try {
+    const user = await db.users.insertOne(userData);
+    return user;
+  } catch (error) {
+    client.captureException(error, userData.id, {
+      operation: 'create_user',
+      database: 'mongodb',
+      collection: 'users',
+      duplicate_key: error.code === 11000
+    });
+    throw error;
+  }
+}
+
+// PostgreSQL error handling
+async function queryUsers(filters) {
+  try {
+    const result = await pool.query('SELECT * FROM users WHERE ...', filters);
+    return result.rows;
+  } catch (error) {
+    client.captureException(error, undefined, {
+      operation: 'query_users',
+      database: 'postgresql',
+      query: 'SELECT * FROM users WHERE ...',
+      error_code: error.code
+    });
+    throw error;
+  }
+}
+```
+
+### Background Job Error Handling
+
+```typescript
+// Worker queue error handling
+async function processJob(job) {
+  try {
+    await job.process();
+    await job.complete();
+  } catch (error) {
+    await client.captureExceptionImmediate(error, job.userId, {
+      job_id: job.id,
+      job_type: job.type,
+      attempt: job.attemptsMade,
+      max_attempts: job.maxAttempts
+    });
+    await job.fail(error);
+  }
+}
+
+// Cron job error handling
+cron.schedule('0 * * * *', async () => {
+  try {
+    await runHourlyTask();
+  } catch (error) {
+    client.captureException(error, undefined, {
+      job_type: 'cron',
+      schedule: '0 * * * *',
+      task: 'hourly_task'
+    });
+  }
+});
+```
+
+### Third-party API Error Handling
+
+```typescript
+// Stripe API error handling
+async function createCharge(amount, currency, customer) {
+  try {
+    const charge = await stripe.charges.create({
+      amount,
+      currency,
+      customer
+    });
+    return charge;
+  } catch (error) {
+    client.captureException(error, customer, {
+      operation: 'stripe_charge',
+      amount: amount,
+      currency: currency,
+      stripe_error_type: error.type,
+      stripe_error_code: error.code
+    });
+    throw error;
+  }
+}
+
+// SendGrid API error handling
+async function sendEmail(to, subject, body) {
+  try {
+    await sgMail.send({ to, subject, html: body });
+  } catch (error) {
+    client.captureException(error, to, {
+      operation: 'send_email',
+      email_to: to,
+      subject: subject,
+      response_code: error.code
+    });
+    throw error;
+  }
+}
+```
+
+### Serverless Error Handling
+
+```typescript
+// AWS Lambda
+export async function handler(event, context) {
+  try {
+    const result = await processEvent(event);
+    return {
+      statusCode: 200,
+      body: JSON.stringify(result)
+    };
+  } catch (error) {
+    await client.captureExceptionImmediate(error, event.userId, {
+      function_name: context.functionName,
+      request_id: context.awsRequestId,
+      event_type: event.type
+    });
+    return {
+      statusCode: 500,
+      body: JSON.stringify({ error: 'Internal error' })
+    };
+  }
+}
+
+// Vercel Serverless Function
+export default async function handler(req, res) {
+  try {
+    const result = await processRequest(req);
+    res.json(result);
+  } catch (error) {
+    await client.captureExceptionImmediate(error, req.user?.id, {
+      url: req.url,
+      method: req.method
+    });
+    res.status(500).json({ error: 'Internal error' });
+  }
+}
+```
+
+### Custom Error Types
+
+```typescript
+// Custom error classes
+class ValidationError extends Error {
+  constructor(message, field) {
+    super(message);
+    this.name = 'ValidationError';
+    this.field = field;
+  }
+}
+
+class DatabaseError extends Error {
+  constructor(message, query) {
+    super(message);
+    this.name = 'DatabaseError';
+    this.query = query;
+  }
+}
+
+// Handling custom errors
+try {
+  validateInput(data);
+} catch (error) {
+  if (error instanceof ValidationError) {
+    client.captureException(error, 'user_123', {
+      error_type: 'validation',
+      field: error.field,
+      severity: 'low'
+    });
+  } else if (error instanceof DatabaseError) {
+    client.captureException(error, 'user_123', {
+      error_type: 'database',
+      query: error.query,
+      severity: 'high'
+    });
+  } else {
+    client.captureException(error, 'user_123', {
+      error_type: 'unknown',
+      severity: 'medium'
+    });
+  }
+  throw error;
+}
+```
+
+## Exception Properties
+
+PostHog automatically extracts the following properties from exceptions:
+
+- `$exception_message` - Error message
+- `$exception_type` - Error type/class name
+- `$exception_level` - Severity level (error, warning, etc.)
+- `$exception_list` - Array of exception details with stack traces
+- Stack trace information with:
+  - File paths
+  - Line numbers
+  - Column numbers
+  - Function names
+  - Source context (Node.js only, not edge)
+
+## Best Practices
+
+### Always Provide Context
+
+```typescript
+// Good: Rich context
+try {
+  await processOrder(orderId);
+} catch (error) {
+  client.captureException(error, userId, {
+    order_id: orderId,
+    user_id: userId,
+    payment_method: 'stripe',
+    amount: 99.99,
+    step: 'charge_card'
+  });
+}
+
+// Avoid: No context
+try {
+  await processOrder(orderId);
+} catch (error) {
+  client.captureException(error);
+}
+```
+
+### Use Distinct IDs When Available
+
+```typescript
+// Good: With user ID
+try {
+  await userOperation();
+} catch (error) {
+  client.captureException(error, req.user.id);
+}
+
+// Acceptable: Without user ID for system errors
+try {
+  await systemOperation();
+} catch (error) {
+  client.captureException(error); // Uses personless processing
+}
+```
+
+### Don't Swallow Errors
+
+```typescript
+// Good: Capture and re-throw
+try {
+  await criticalOperation();
+} catch (error) {
+  client.captureException(error, userId);
+  throw error; // Let caller handle it
+}
+
+// Avoid: Swallowing errors
+try {
+  await criticalOperation();
+} catch (error) {
+  client.captureException(error, userId);
+  // Error is lost!
+}
+```
+
+### Use Immediate Capture for Serverless
+
+```typescript
+// Good: Immediate capture in serverless
+export async function handler(event) {
+  try {
+    return await process(event);
+  } catch (error) {
+    await client.captureExceptionImmediate(error, event.userId);
+    throw error;
+  }
+}
+
+// Avoid: Queued capture in serverless (may be lost)
+export async function handler(event) {
+  try {
+    return await process(event);
+  } catch (error) {
+    client.captureException(error, event.userId); // May not send!
+    throw error;
+  }
+}
+```
+
+### Enable Autocapture Judiciously
+
+```typescript
+// Good: Enable for production with proper monitoring
+const client = new PostHog('phc_your_api_key', {
+  enableExceptionAutocapture: true
+});
+
+// Good: Disable in development
+const client = new PostHog('phc_your_api_key', {
+  enableExceptionAutocapture: process.env.NODE_ENV === 'production'
+});
+```
+
+### Add Severity Levels
+
+```typescript
+// Categorize errors by severity
+try {
+  await operation();
+} catch (error) {
+  const severity = error instanceof ValidationError ? 'low' :
+                   error instanceof DatabaseError ? 'high' :
+                   'medium';
+
+  client.captureException(error, userId, {
+    severity: severity,
+    requires_action: severity === 'high'
+  });
+}
+```
+
+### Group Related Errors
+
+```typescript
+// Add grouping properties
+try {
+  await apiCall();
+} catch (error) {
+  client.captureException(error, userId, {
+    error_group: 'external_api',
+    service: 'stripe',
+    endpoint: '/v1/charges'
+  });
+}
+```
+
+## Rate Limiting
+
+Automatic exception capture includes rate limiting to prevent flooding:
+- **Bucket Size**: 10 exceptions per error type
+- **Refill Rate**: 1 exception per 10 seconds
+- **Strategy**: Captures 10 exceptions of each type, then limits to 1 every 10 seconds
+
+This prevents a single error from dominating your exception tracking while still capturing diverse error types.
+
+## Personless Processing
+
+When no `distinctId` is provided, exceptions use personless processing:
+- Sets `$process_person_profile: false`
+- Exception is tracked but not associated with a user profile
+- Useful for system-level errors, background jobs, and autocapture
+- Reduces person profile inflation
+
+```typescript
+// Personless processing (good for system errors)
+client.captureException(error); // No distinctId
+
+// User-associated processing (good for user actions)
+client.captureException(error, 'user_123');
+```
diff --git a/.tessl/tiles/tessl/npm-posthog-node/docs/event-tracking.md b/.tessl/tiles/tessl/npm-posthog-node/docs/event-tracking.md
new file mode 100644
index 000000000..8324dd3f7
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-posthog-node/docs/event-tracking.md
@@ -0,0 +1,518 @@
+# Event Tracking
+
+Capture user events, pageviews, and custom analytics with properties, groups, and feature flag context.
+
+## Capabilities
+
+### Capture Event
+
+Capture an event and queue it for batch sending.
+
+```typescript { .api }
+/**
+ * Capture an event manually
+ * @param props - The event properties
+ */
+capture(props: EventMessage): void;
+```
+
+**Usage Examples:**
+
+```typescript
+import { PostHog } from 'posthog-node';
+
+const client = new PostHog('phc_your_api_key');
+
+// Basic event capture
+client.capture({
+  distinctId: 'user_123',
+  event: 'button_clicked',
+  properties: {
+    button_name: 'signup',
+    button_color: 'red'
+  }
+});
+
+// Event with timestamp
+client.capture({
+  distinctId: 'user_123',
+  event: 'purchase_completed',
+  properties: {
+    amount: 99.99,
+    currency: 'USD',
+    product_id: 'prod_456'
+  },
+  timestamp: new Date()
+});
+
+// Event with groups
+client.capture({
+  distinctId: 'user_123',
+  event: 'feature_used',
+  properties: {
+    feature_name: 'export_data'
+  },
+  groups: {
+    company: 'acme_corp',
+    organization: 'org_789'
+  }
+});
+
+// Event with feature flags
+client.capture({
+  distinctId: 'user_123',
+  event: 'user_action',
+  sendFeatureFlags: true
+});
+
+// Event with custom UUID
+client.capture({
+  distinctId: 'user_123',
+  event: 'custom_event',
+  uuid: 'custom-uuid-123'
+});
+
+// Disable GeoIP lookup
+client.capture({
+  distinctId: 'user_123',
+  event: 'privacy_event',
+  disableGeoip: true
+});
+```
+
+### Capture Event Immediately
+
+Capture an event and send it immediately without queuing. Use for serverless environments or when you need guaranteed delivery before function termination.
+
+```typescript { .api }
+/**
+ * Capture an event immediately (synchronously)
+ * @param props - The event properties
+ * @returns Promise that resolves when the event is captured
+ */
+captureImmediate(props: EventMessage): Promise<void>;
+```
+
+**Usage Examples:**
+
+```typescript
+// Basic immediate capture
+await client.captureImmediate({
+  distinctId: 'user_123',
+  event: 'button_clicked',
+  properties: { button_name: 'signup' }
+});
+
+// In serverless function
+export async function handler(event) {
+  await client.captureImmediate({
+    distinctId: event.userId,
+    event: 'function_invoked',
+    properties: {
+      function_name: 'my-function',
+      execution_time: Date.now()
+    }
+  });
+
+  // Ensure event is sent before function exits
+  return { statusCode: 200 };
+}
+
+// With feature flags
+await client.captureImmediate({
+  distinctId: 'user_123',
+  event: 'user_action',
+  sendFeatureFlags: true
+});
+
+// With selective feature flag evaluation
+await client.captureImmediate({
+  distinctId: 'user_123',
+  event: 'user_action',
+  sendFeatureFlags: {
+    onlyEvaluateLocally: true,
+    personProperties: { plan: 'premium' },
+    groupProperties: { organization: { tier: 'enterprise' } },
+    flagKeys: ['flag1', 'flag2']
+  }
+});
+```
+
+## Types
+
+### EventMessage
+
+```typescript { .api }
+interface EventMessage {
+  /** Unique identifier for the user */
+  distinctId: string;
+
+  /** Name of the event (e.g., 'button_clicked', 'purchase_completed') */
+  event: string;
+
+  /** Custom properties for the event */
+  properties?: Record<string | number, any>;
+
+  /** Group associations (e.g., { company: 'acme_corp' }) */
+  groups?: Record<string, string | number>;
+
+  /** Whether to evaluate and send feature flags with the event */
+  sendFeatureFlags?: boolean | SendFeatureFlagsOptions;
+
+  /** Custom timestamp for the event (defaults to now) */
+  timestamp?: Date;
+
+  /** Custom UUID for the event (auto-generated if not provided) */
+  uuid?: string;
+
+  /** Disable GeoIP lookup for this event */
+  disableGeoip?: boolean;
+}
+```
+
+### SendFeatureFlagsOptions
+
+```typescript { .api }
+interface SendFeatureFlagsOptions {
+  /** Only use local evaluation, don't fall back to remote */
+  onlyEvaluateLocally?: boolean;
+
+  /** Person properties for flag evaluation */
+  personProperties?: Record<string, any>;
+
+  /** Group properties for flag evaluation */
+  groupProperties?: Record<string, Record<string, any>>;
+
+  /** Specific flag keys to evaluate */
+  flagKeys?: string[];
+}
+```
+
+## Usage Patterns
+
+### Pageview Tracking
+
+```typescript
+// Track pageview
+client.capture({
+  distinctId: 'user_123',
+  event: '$pageview',
+  properties: {
+    $current_url: 'https://example.com/pricing',
+    $referrer: 'https://google.com',
+    $pathname: '/pricing'
+  }
+});
+```
+
+### E-commerce Events
+
+```typescript
+// Product viewed
+client.capture({
+  distinctId: 'user_123',
+  event: 'product_viewed',
+  properties: {
+    product_id: 'prod_456',
+    product_name: 'Premium Widget',
+    price: 99.99,
+    currency: 'USD',
+    category: 'widgets'
+  }
+});
+
+// Added to cart
+client.capture({
+  distinctId: 'user_123',
+  event: 'product_added_to_cart',
+  properties: {
+    product_id: 'prod_456',
+    quantity: 2,
+    price: 99.99,
+    cart_total: 199.98
+  }
+});
+
+// Purchase completed
+client.capture({
+  distinctId: 'user_123',
+  event: 'purchase_completed',
+  properties: {
+    order_id: 'order_789',
+    total: 199.98,
+    currency: 'USD',
+    items: [
+      { product_id: 'prod_456', quantity: 2, price: 99.99 }
+    ]
+  }
+});
+```
+
+### Feature Usage Tracking
+
+```typescript
+// Feature used
+client.capture({
+  distinctId: 'user_123',
+  event: 'feature_used',
+  properties: {
+    feature_name: 'export_data',
+    export_format: 'csv',
+    row_count: 1000
+  }
+});
+
+// API call made
+client.capture({
+  distinctId: 'user_123',
+  event: 'api_call',
+  properties: {
+    endpoint: '/api/users',
+    method: 'GET',
+    status_code: 200,
+    response_time_ms: 150
+  }
+});
+```
+
+### Group Analytics
+
+```typescript
+// Track company-level event
+client.capture({
+  distinctId: 'user_123',
+  event: 'company_feature_used',
+  properties: {
+    feature: 'team_collaboration'
+  },
+  groups: {
+    company: 'acme_corp'
+  }
+});
+
+// Multi-level groups
+client.capture({
+  distinctId: 'user_123',
+  event: 'resource_accessed',
+  properties: {
+    resource_type: 'document',
+    resource_id: 'doc_123'
+  },
+  groups: {
+    company: 'acme_corp',
+    team: 'engineering',
+    project: 'project_alpha'
+  }
+});
+```
+
+### Experiments and A/B Testing
+
+```typescript
+// Capture event with feature flags for experiments
+client.capture({
+  distinctId: 'user_123',
+  event: 'experiment_viewed',
+  properties: {
+    experiment_name: 'checkout_flow_v2'
+  },
+  sendFeatureFlags: true
+});
+
+// Evaluate specific flags only
+client.capture({
+  distinctId: 'user_123',
+  event: 'conversion',
+  properties: {
+    conversion_type: 'signup'
+  },
+  sendFeatureFlags: {
+    flagKeys: ['checkout_flow_v2', 'pricing_test']
+  }
+});
+```
+
+### Error and Performance Events
+
+```typescript
+// API error
+client.capture({
+  distinctId: 'user_123',
+  event: 'api_error',
+  properties: {
+    endpoint: '/api/users',
+    method: 'POST',
+    status_code: 500,
+    error_message: 'Internal server error'
+  }
+});
+
+// Performance metric
+client.capture({
+  distinctId: 'user_123',
+  event: 'page_load_time',
+  properties: {
+    url: '/dashboard',
+    load_time_ms: 2500,
+    is_slow: true
+  }
+});
+```
+
+### Express.js Integration
+
+```typescript
+import express from 'express';
+import { PostHog } from 'posthog-node';
+
+const app = express();
+const client = new PostHog('phc_your_api_key');
+
+// Track request
+app.use((req, res, next) => {
+  client.capture({
+    distinctId: req.user?.id || 'anonymous',
+    event: 'api_request',
+    properties: {
+      path: req.path,
+      method: req.method,
+      user_agent: req.headers['user-agent']
+    }
+  });
+  next();
+});
+
+// Shutdown on process exit
+process.on('SIGTERM', async () => {
+  await client.shutdown();
+  process.exit(0);
+});
+```
+
+### Serverless Function Example
+
+```typescript
+import { PostHog } from 'posthog-node';
+
+const client = new PostHog('phc_your_api_key');
+
+export async function handler(event, context) {
+  try {
+    // Track function invocation
+    await client.captureImmediate({
+      distinctId: event.userId || context.awsRequestId,
+      event: 'lambda_invoked',
+      properties: {
+        function_name: context.functionName,
+        request_id: context.awsRequestId
+      }
+    });
+
+    // Your business logic
+    const result = await processEvent(event);
+
+    // Track success
+    await client.captureImmediate({
+      distinctId: event.userId || context.awsRequestId,
+      event: 'lambda_success',
+      properties: {
+        function_name: context.functionName,
+        duration_ms: Date.now() - event.startTime
+      }
+    });
+
+    return { statusCode: 200, body: JSON.stringify(result) };
+  } catch (error) {
+    // Track error
+    await client.captureExceptionImmediate(error, event.userId);
+
+    return { statusCode: 500, body: 'Internal error' };
+  }
+}
+```
+
+## Best Practices
+
+### Event Naming
+
+Use descriptive, consistent event names in the format `[object]_[action]`:
+
+```typescript
+// Good
+client.capture({ distinctId: 'user_123', event: 'button_clicked' });
+client.capture({ distinctId: 'user_123', event: 'form_submitted' });
+client.capture({ distinctId: 'user_123', event: 'video_played' });
+
+// Avoid
+client.capture({ distinctId: 'user_123', event: 'click' });
+client.capture({ distinctId: 'user_123', event: 'submit' });
+client.capture({ distinctId: 'user_123', event: 'play' });
+```
+
+### Property Naming
+
+Use snake_case for property names and avoid special characters:
+
+```typescript
+// Good
+client.capture({
+  distinctId: 'user_123',
+  event: 'purchase_completed',
+  properties: {
+    order_id: 'order_789',
+    total_amount: 99.99,
+    item_count: 3
+  }
+});
+
+// Avoid
+client.capture({
+  distinctId: 'user_123',
+  event: 'purchase_completed',
+  properties: {
+    'Order ID': 'order_789',
+    'Total-Amount': 99.99,
+    'item.count': 3
+  }
+});
+```
+
+### Queued vs Immediate
+
+- **Use `capture()` for**: Web servers, long-running processes
+- **Use `captureImmediate()` for**: Serverless functions, edge workers, critical events
+
+```typescript
+// Long-running server: use queued capture
+app.post('/api/event', (req, res) => {
+  client.capture({
+    distinctId: req.user.id,
+    event: 'api_called'
+  });
+  res.json({ success: true });
+});
+
+// Serverless: use immediate capture
+export async function handler(event) {
+  await client.captureImmediate({
+    distinctId: event.userId,
+    event: 'function_called'
+  });
+  return { statusCode: 200 };
+}
+```
+
+### Don't Mix Capture Methods
+
+Don't mix `capture()` and `captureImmediate()` in the same application, as they use different queueing strategies.
+
+```typescript
+// Bad: mixing methods
+client.capture({ distinctId: 'user_123', event: 'event1' });
+await client.captureImmediate({ distinctId: 'user_123', event: 'event2' });
+
+// Good: choose one approach
+client.capture({ distinctId: 'user_123', event: 'event1' });
+client.capture({ distinctId: 'user_123', event: 'event2' });
+await client.shutdown(); // Flush queue
+```
diff --git a/.tessl/tiles/tessl/npm-posthog-node/docs/experimental.md b/.tessl/tiles/tessl/npm-posthog-node/docs/experimental.md
new file mode 100644
index 000000000..d49a5810b
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-posthog-node/docs/experimental.md
@@ -0,0 +1,1154 @@
+# Experimental APIs
+
+**IMPORTANT:** The experimental APIs documented below are not currently accessible in the published package due to missing package.json exports configuration. While the types exist in the codebase, they cannot be imported as documented. Users cannot currently use these APIs.
+
+~~Experimental APIs for advanced feature flag caching and distributed coordination. These APIs are designed for high-scale production environments where multiple server instances need to share feature flag definitions efficiently.~~
+
+**Note:** This documentation is kept for reference but the APIs described are not usable in version 5.13.2.
+
+## Capabilities
+
+### FlagDefinitionCacheProvider Interface
+
+Provider interface for implementing custom feature flag caching strategies. Use this to control when flag definitions are fetched and how they're cached across multiple workers.
+
+```typescript { .api }
+/**
+ * @experimental This API is experimental and may change in minor versions.
+ *
+ * Provider interface for caching feature flag definitions.
+ *
+ * Implementations control when flag definitions are fetched and how they're
+ * cached (Redis, database, filesystem, etc.).
+ *
+ * All methods may throw errors - the poller catches and logs them gracefully,
+ * ensuring cache provider errors never break flag evaluation.
+ */
+interface FlagDefinitionCacheProvider {
+  /**
+   * Retrieve cached flag definitions.
+   *
+   * Called when the poller is refreshing in-memory flag definitions.
+   * If this returns undefined (or throws), the poller fetches fresh data
+   * from PostHog API if no definitions are in memory.
+   *
+   * @returns cached definitions if available, undefined if cache is empty
+   * @throws if an error occurs while accessing the cache (error will be logged)
+   */
+  getFlagDefinitions(): Promise<FlagDefinitionCacheData | undefined> | FlagDefinitionCacheData | undefined;
+
+  /**
+   * Determines whether this instance should fetch new flag definitions.
+   *
+   * Use this to implement distributed coordination (e.g., via distributed locks)
+   * to ensure only one instance fetches at a time in a multi-worker setup.
+   *
+   * @returns true if this instance should fetch, false to skip and read cache
+   * @throws if coordination backend is unavailable (error will be logged, fetch continues)
+   */
+  shouldFetchFlagDefinitions(): Promise<boolean> | boolean;
+
+  /**
+   * Called after successfully receiving new flag definitions from PostHog.
+   *
+   * Store the definitions in your cache backend here. Called only after
+   * a successful API response with valid flag data.
+   *
+   * @param data - The complete flag definition data from PostHog
+   * @throws if storage backend is unavailable (error will be logged)
+   */
+  onFlagDefinitionsReceived(data: FlagDefinitionCacheData): Promise<void> | void;
+
+  /**
+   * Called when the PostHog client shuts down.
+   *
+   * Release any held locks, close connections, or clean up resources here.
+   *
+   * @returns Promise that resolves when cleanup is complete, or void for sync cleanup
+   */
+  shutdown(): Promise<void> | void;
+}
+```
+
+### FlagDefinitionCacheData Interface
+
+Complete set of feature flag data needed for local evaluation.
+
+```typescript { .api }
+/**
+ * Represents the complete set of feature flag data needed for local evaluation.
+ *
+ * This includes flag definitions, group type mappings, and cohort property groups.
+ */
+interface FlagDefinitionCacheData {
+  /** Array of feature flag definitions */
+  flags: PostHogFeatureFlag[];
+  /** Mapping of group type index to group name */
+  groupTypeMapping: Record<string, string>;
+  /** Cohort property groups for local evaluation */
+  cohorts: Record<string, PropertyGroup>;
+}
+```
+
+### Import Path
+
+Import experimental APIs from the dedicated experimental module:
+
+```typescript
+import {
+  FlagDefinitionCacheProvider,
+  FlagDefinitionCacheData
+} from 'posthog-node/experimental';
+```
+
+## Redis Cache Implementation
+
+Complete example of a Redis-based cache provider with distributed locking:
+
+```typescript
+import { PostHog } from 'posthog-node';
+import {
+  FlagDefinitionCacheProvider,
+  FlagDefinitionCacheData
+} from 'posthog-node/experimental';
+import Redis from 'ioredis';
+
+class RedisFlagCache implements FlagDefinitionCacheProvider {
+  private redis: Redis;
+  private teamKey: string;
+  private lockTTL: number = 60; // Lock expires after 60 seconds
+  private cacheTTL: number = 300; // Cache expires after 5 minutes
+
+  constructor(redis: Redis, teamKey: string) {
+    this.redis = redis;
+    this.teamKey = teamKey;
+  }
+
+  async getFlagDefinitions(): Promise<FlagDefinitionCacheData | undefined> {
+    try {
+      const cached = await this.redis.get(`posthog:flags:${this.teamKey}`);
+      if (cached) {
+        console.log('Using cached flag definitions');
+        return JSON.parse(cached);
+      }
+      console.log('No cached flag definitions found');
+      return undefined;
+    } catch (error) {
+      console.error('Error reading from cache:', error);
+      return undefined;
+    }
+  }
+
+  async shouldFetchFlagDefinitions(): Promise<boolean> {
+    try {
+      // Try to acquire distributed lock using SET NX (set if not exists)
+      const lockKey = `posthog:flags:${this.teamKey}:lock`;
+      const acquired = await this.redis.set(
+        lockKey,
+        '1',
+        'EX', this.lockTTL,
+        'NX'
+      );
+
+      if (acquired === 'OK') {
+        console.log('Acquired lock, will fetch flag definitions');
+        return true;
+      } else {
+        console.log('Another worker has the lock, will use cache');
+        return false;
+      }
+    } catch (error) {
+      console.error('Error acquiring lock:', error);
+      // If we can't acquire lock, fetch anyway to be safe
+      return true;
+    }
+  }
+
+  async onFlagDefinitionsReceived(data: FlagDefinitionCacheData): Promise<void> {
+    try {
+      // Store flag definitions in cache
+      await this.redis.set(
+        `posthog:flags:${this.teamKey}`,
+        JSON.stringify(data),
+        'EX',
+        this.cacheTTL
+      );
+
+      // Release the lock
+      await this.redis.del(`posthog:flags:${this.teamKey}:lock`);
+
+      console.log('Cached flag definitions and released lock');
+    } catch (error) {
+      console.error('Error caching flag definitions:', error);
+      // Try to release lock even if caching failed
+      try {
+        await this.redis.del(`posthog:flags:${this.teamKey}:lock`);
+      } catch (lockError) {
+        console.error('Error releasing lock:', lockError);
+      }
+    }
+  }
+
+  async shutdown(): Promise<void> {
+    try {
+      // Release any locks we might hold
+      await this.redis.del(`posthog:flags:${this.teamKey}:lock`);
+      console.log('Released locks on shutdown');
+    } catch (error) {
+      console.error('Error during shutdown:', error);
+    }
+  }
+}
+
+// Usage
+const redis = new Redis({
+  host: 'localhost',
+  port: 6379
+});
+
+const cache = new RedisFlagCache(redis, 'your-team-key');
+
+const client = new PostHog('phc_your_api_key', {
+  host: 'https://app.posthog.com',
+  flagDefinitionCacheProvider: cache
+});
+
+// When done
+await client.shutdown();
+await redis.quit();
+```
+
+## Database Cache Implementation
+
+Example using a SQL database for caching flag definitions:
+
+```typescript
+import { PostHog } from 'posthog-node';
+import {
+  FlagDefinitionCacheProvider,
+  FlagDefinitionCacheData
+} from 'posthog-node/experimental';
+import { Pool } from 'pg';
+
+class PostgresFlagCache implements FlagDefinitionCacheProvider {
+  private pool: Pool;
+  private teamKey: string;
+  private lockTTL: number = 60000; // 60 seconds in milliseconds
+  private cacheTTL: number = 300000; // 5 minutes in milliseconds
+
+  constructor(pool: Pool, teamKey: string) {
+    this.pool = pool;
+    this.teamKey = teamKey;
+  }
+
+  async getFlagDefinitions(): Promise<FlagDefinitionCacheData | undefined> {
+    const client = await this.pool.connect();
+    try {
+      const result = await client.query(
+        `SELECT data, updated_at
+         FROM posthog_flag_cache
+         WHERE team_key = $1
+         AND updated_at > NOW() - INTERVAL '${this.cacheTTL} milliseconds'`,
+        [this.teamKey]
+      );
+
+      if (result.rows.length > 0) {
+        console.log('Using cached flag definitions from database');
+        return result.rows[0].data;
+      }
+
+      console.log('No valid cached flag definitions found');
+      return undefined;
+    } catch (error) {
+      console.error('Error reading from database cache:', error);
+      return undefined;
+    } finally {
+      client.release();
+    }
+  }
+
+  async shouldFetchFlagDefinitions(): Promise<boolean> {
+    const client = await this.pool.connect();
+    try {
+      // Use PostgreSQL advisory lock for distributed coordination
+      const result = await client.query(
+        `SELECT pg_try_advisory_lock($1) as acquired`,
+        [this.getLockId()]
+      );
+
+      const acquired = result.rows[0].acquired;
+
+      if (acquired) {
+        console.log('Acquired database lock, will fetch flag definitions');
+        return true;
+      } else {
+        console.log('Another worker has the lock, will use cache');
+        return false;
+      }
+    } catch (error) {
+      console.error('Error acquiring database lock:', error);
+      return true;
+    } finally {
+      client.release();
+    }
+  }
+
+  async onFlagDefinitionsReceived(data: FlagDefinitionCacheData): Promise<void> {
+    const client = await this.pool.connect();
+    try {
+      // Upsert flag definitions
+      await client.query(
+        `INSERT INTO posthog_flag_cache (team_key, data, updated_at)
+         VALUES ($1, $2, NOW())
+         ON CONFLICT (team_key)
+         DO UPDATE SET data = $2, updated_at = NOW()`,
+        [this.teamKey, data]
+      );
+
+      // Release advisory lock
+      await client.query(
+        `SELECT pg_advisory_unlock($1)`,
+        [this.getLockId()]
+      );
+
+      console.log('Cached flag definitions in database and released lock');
+    } catch (error) {
+      console.error('Error caching flag definitions:', error);
+      // Try to release lock even if caching failed
+      try {
+        await client.query(
+          `SELECT pg_advisory_unlock($1)`,
+          [this.getLockId()]
+        );
+      } catch (lockError) {
+        console.error('Error releasing lock:', lockError);
+      }
+    } finally {
+      client.release();
+    }
+  }
+
+  async shutdown(): Promise<void> {
+    const client = await this.pool.connect();
+    try {
+      // Release any advisory locks
+      await client.query(
+        `SELECT pg_advisory_unlock_all()`
+      );
+      console.log('Released all locks on shutdown');
+    } catch (error) {
+      console.error('Error during shutdown:', error);
+    } finally {
+      client.release();
+    }
+  }
+
+  private getLockId(): number {
+    // Convert team key to a numeric lock ID
+    let hash = 0;
+    for (let i = 0; i < this.teamKey.length; i++) {
+      hash = ((hash << 5) - hash) + this.teamKey.charCodeAt(i);
+      hash = hash & hash; // Convert to 32bit integer
+    }
+    return Math.abs(hash);
+  }
+}
+
+// Database schema
+const schema = `
+  CREATE TABLE IF NOT EXISTS posthog_flag_cache (
+    team_key VARCHAR(255) PRIMARY KEY,
+    data JSONB NOT NULL,
+    updated_at TIMESTAMP NOT NULL DEFAULT NOW()
+  );
+
+  CREATE INDEX IF NOT EXISTS idx_posthog_flag_cache_updated_at
+  ON posthog_flag_cache(updated_at);
+`;
+
+// Usage
+const pool = new Pool({
+  host: 'localhost',
+  port: 5432,
+  database: 'myapp',
+  user: 'postgres',
+  password: 'password'
+});
+
+const cache = new PostgresFlagCache(pool, 'your-team-key');
+
+const client = new PostHog('phc_your_api_key', {
+  host: 'https://app.posthog.com',
+  flagDefinitionCacheProvider: cache
+});
+
+// When done
+await client.shutdown();
+await pool.end();
+```
+
+## In-Memory Cache with File Backup
+
+Lightweight implementation using in-memory cache with file system backup:
+
+```typescript
+import { PostHog } from 'posthog-node';
+import {
+  FlagDefinitionCacheProvider,
+  FlagDefinitionCacheData
+} from 'posthog-node/experimental';
+import fs from 'fs/promises';
+import path from 'path';
+
+class FileFlagCache implements FlagDefinitionCacheProvider {
+  private teamKey: string;
+  private cacheDir: string;
+  private cachePath: string;
+  private lockPath: string;
+  private lockTTL: number = 60000; // 60 seconds
+  private cacheTTL: number = 300000; // 5 minutes
+
+  constructor(teamKey: string, cacheDir: string = '/tmp/posthog-cache') {
+    this.teamKey = teamKey;
+    this.cacheDir = cacheDir;
+    this.cachePath = path.join(cacheDir, `flags-${teamKey}.json`);
+    this.lockPath = path.join(cacheDir, `flags-${teamKey}.lock`);
+  }
+
+  async getFlagDefinitions(): Promise<FlagDefinitionCacheData | undefined> {
+    try {
+      const stats = await fs.stat(this.cachePath);
+      const age = Date.now() - stats.mtimeMs;
+
+      if (age < this.cacheTTL) {
+        const content = await fs.readFile(this.cachePath, 'utf-8');
+        console.log('Using cached flag definitions from file');
+        return JSON.parse(content);
+      } else {
+        console.log('Cached file is too old');
+        return undefined;
+      }
+    } catch (error) {
+      if ((error as NodeJS.ErrnoException).code !== 'ENOENT') {
+        console.error('Error reading cache file:', error);
+      }
+      return undefined;
+    }
+  }
+
+  async shouldFetchFlagDefinitions(): Promise<boolean> {
+    try {
+      // Ensure cache directory exists
+      await fs.mkdir(this.cacheDir, { recursive: true });
+
+      // Check if lock file exists and is recent
+      try {
+        const stats = await fs.stat(this.lockPath);
+        const age = Date.now() - stats.mtimeMs;
+
+        if (age < this.lockTTL) {
+          console.log('Lock file exists and is recent, another worker is fetching');
+          return false;
+        } else {
+          console.log('Lock file is stale, removing');
+          await fs.unlink(this.lockPath);
+        }
+      } catch (error) {
+        if ((error as NodeJS.ErrnoException).code !== 'ENOENT') {
+          console.error('Error checking lock file:', error);
+        }
+      }
+
+      // Try to create lock file
+      try {
+        await fs.writeFile(this.lockPath, Date.now().toString(), { flag: 'wx' });
+        console.log('Acquired lock file, will fetch flag definitions');
+        return true;
+      } catch (error) {
+        if ((error as NodeJS.ErrnoException).code === 'EEXIST') {
+          console.log('Another worker created lock file first');
+          return false;
+        }
+        throw error;
+      }
+    } catch (error) {
+      console.error('Error acquiring lock:', error);
+      return true;
+    }
+  }
+
+  async onFlagDefinitionsReceived(data: FlagDefinitionCacheData): Promise<void> {
+    try {
+      // Ensure cache directory exists
+      await fs.mkdir(this.cacheDir, { recursive: true });
+
+      // Write cache file
+      await fs.writeFile(this.cachePath, JSON.stringify(data), 'utf-8');
+
+      // Remove lock file
+      try {
+        await fs.unlink(this.lockPath);
+      } catch (error) {
+        if ((error as NodeJS.ErrnoException).code !== 'ENOENT') {
+          console.error('Error removing lock file:', error);
+        }
+      }
+
+      console.log('Cached flag definitions to file and released lock');
+    } catch (error) {
+      console.error('Error caching flag definitions:', error);
+    }
+  }
+
+  async shutdown(): Promise<void> {
+    try {
+      // Remove lock file if it exists
+      await fs.unlink(this.lockPath);
+      console.log('Removed lock file on shutdown');
+    } catch (error) {
+      if ((error as NodeJS.ErrnoException).code !== 'ENOENT') {
+        console.error('Error during shutdown:', error);
+      }
+    }
+  }
+}
+
+// Usage
+const cache = new FileFlagCache('your-team-key', '/tmp/posthog-cache');
+
+const client = new PostHog('phc_your_api_key', {
+  host: 'https://app.posthog.com',
+  flagDefinitionCacheProvider: cache
+});
+
+// When done
+await client.shutdown();
+```
+
+## Distributed Coordination Patterns
+
+### Pattern 1: Leader Election
+
+One worker fetches, others wait and use cache:
+
+```typescript
+class LeaderElectionCache implements FlagDefinitionCacheProvider {
+  private cache: Map<string, any> = new Map();
+  private isLeader: boolean = false;
+
+  async getFlagDefinitions(): Promise<FlagDefinitionCacheData | undefined> {
+    return this.cache.get('flags');
+  }
+
+  async shouldFetchFlagDefinitions(): Promise<boolean> {
+    // Only leader fetches
+    return this.isLeader;
+  }
+
+  async onFlagDefinitionsReceived(data: FlagDefinitionCacheData): Promise<void> {
+    this.cache.set('flags', data);
+    // Broadcast to other workers via pub/sub
+    await this.broadcastUpdate(data);
+  }
+
+  async shutdown(): Promise<void> {
+    this.isLeader = false;
+  }
+
+  private async broadcastUpdate(data: FlagDefinitionCacheData): Promise<void> {
+    // Implement using Redis pub/sub, ZeroMQ, etc.
+  }
+}
+```
+
+### Pattern 2: Time-Based Coordination
+
+Workers take turns fetching based on time slots:
+
+```typescript
+class TimeBasedCache implements FlagDefinitionCacheProvider {
+  private workerId: number;
+  private totalWorkers: number;
+  private intervalSeconds: number;
+
+  constructor(workerId: number, totalWorkers: number, intervalSeconds: number = 30) {
+    this.workerId = workerId;
+    this.totalWorkers = totalWorkers;
+    this.intervalSeconds = intervalSeconds;
+  }
+
+  async shouldFetchFlagDefinitions(): Promise<boolean> {
+    // Each worker gets a time slot
+    const currentSlot = Math.floor(Date.now() / 1000 / this.intervalSeconds) % this.totalWorkers;
+    return currentSlot === this.workerId;
+  }
+
+  // ... other methods
+}
+```
+
+### Pattern 3: Random Backoff
+
+Workers randomly decide to fetch with exponential backoff:
+
+```typescript
+class RandomBackoffCache implements FlagDefinitionCacheProvider {
+  private lastFetchAttempt: number = 0;
+  private backoffMs: number = 1000;
+
+  async shouldFetchFlagDefinitions(): Promise<boolean> {
+    const now = Date.now();
+    const timeSinceLastAttempt = now - this.lastFetchAttempt;
+
+    if (timeSinceLastAttempt < this.backoffMs) {
+      return false;
+    }
+
+    // Random chance to fetch (10%)
+    const shouldFetch = Math.random() < 0.1;
+
+    if (shouldFetch) {
+      this.lastFetchAttempt = now;
+    }
+
+    return shouldFetch;
+  }
+
+  async onFlagDefinitionsReceived(data: FlagDefinitionCacheData): Promise<void> {
+    // Reset backoff on success
+    this.backoffMs = 1000;
+    // ... store data
+  }
+
+  // ... other methods
+}
+```
+
+## Multi-Worker Environments
+
+### Kubernetes Deployment
+
+```typescript
+import { PostHog } from 'posthog-node';
+import {
+  FlagDefinitionCacheProvider,
+  FlagDefinitionCacheData
+} from 'posthog-node/experimental';
+import Redis from 'ioredis';
+
+// Use Redis for coordination across pods
+const redis = new Redis(process.env.REDIS_URL);
+
+const cache = new RedisFlagCache(
+  redis,
+  process.env.POSTHOG_TEAM_KEY || 'default'
+);
+
+const client = new PostHog(process.env.POSTHOG_API_KEY!, {
+  host: process.env.POSTHOG_HOST,
+  flagDefinitionCacheProvider: cache
+});
+
+// Handle graceful shutdown
+process.on('SIGTERM', async () => {
+  console.log('Received SIGTERM, shutting down gracefully');
+  await client.shutdown();
+  await redis.quit();
+  process.exit(0);
+});
+```
+
+### AWS Lambda
+
+```typescript
+import { PostHog } from 'posthog-node';
+import {
+  FlagDefinitionCacheProvider,
+  FlagDefinitionCacheData
+} from 'posthog-node/experimental';
+import { DynamoDB } from 'aws-sdk';
+
+class DynamoDBFlagCache implements FlagDefinitionCacheProvider {
+  private dynamodb: DynamoDB.DocumentClient;
+  private tableName: string;
+  private teamKey: string;
+
+  constructor(tableName: string, teamKey: string) {
+    this.dynamodb = new DynamoDB.DocumentClient();
+    this.tableName = tableName;
+    this.teamKey = teamKey;
+  }
+
+  async getFlagDefinitions(): Promise<FlagDefinitionCacheData | undefined> {
+    try {
+      const result = await this.dynamodb.get({
+        TableName: this.tableName,
+        Key: { teamKey: this.teamKey }
+      }).promise();
+
+      if (result.Item && result.Item.data) {
+        const age = Date.now() - result.Item.updatedAt;
+        if (age < 300000) { // 5 minutes
+          return result.Item.data;
+        }
+      }
+
+      return undefined;
+    } catch (error) {
+      console.error('Error reading from DynamoDB:', error);
+      return undefined;
+    }
+  }
+
+  async shouldFetchFlagDefinitions(): Promise<boolean> {
+    // In Lambda, always let first invocation fetch
+    // Subsequent invocations will use cache
+    try {
+      const result = await this.dynamodb.get({
+        TableName: this.tableName,
+        Key: { teamKey: this.teamKey }
+      }).promise();
+
+      return !result.Item || (Date.now() - result.Item.updatedAt > 60000);
+    } catch (error) {
+      return true;
+    }
+  }
+
+  async onFlagDefinitionsReceived(data: FlagDefinitionCacheData): Promise<void> {
+    try {
+      await this.dynamodb.put({
+        TableName: this.tableName,
+        Item: {
+          teamKey: this.teamKey,
+          data: data,
+          updatedAt: Date.now()
+        }
+      }).promise();
+    } catch (error) {
+      console.error('Error writing to DynamoDB:', error);
+    }
+  }
+
+  async shutdown(): Promise<void> {
+    // No cleanup needed for DynamoDB
+  }
+}
+
+// Lambda handler
+let client: PostHog;
+
+export const handler = async (event: any) => {
+  if (!client) {
+    const cache = new DynamoDBFlagCache(
+      process.env.DYNAMODB_TABLE!,
+      process.env.POSTHOG_TEAM_KEY!
+    );
+
+    client = new PostHog(process.env.POSTHOG_API_KEY!, {
+      flagDefinitionCacheProvider: cache
+    });
+  }
+
+  // Use feature flags
+  const isEnabled = await client.isFeatureEnabled('my-flag', event.userId);
+
+  return {
+    statusCode: 200,
+    body: JSON.stringify({ enabled: isEnabled })
+  };
+};
+```
+
+### Worker Threads
+
+```typescript
+import { PostHog } from 'posthog-node';
+import {
+  FlagDefinitionCacheProvider,
+  FlagDefinitionCacheData
+} from 'posthog-node/experimental';
+import { Worker, isMainThread, parentPort, workerData } from 'worker_threads';
+
+class SharedMemoryCache implements FlagDefinitionCacheProvider {
+  private sharedData: SharedArrayBuffer;
+  private lock: Int32Array;
+
+  constructor(sharedBuffer: SharedArrayBuffer) {
+    this.sharedData = sharedBuffer;
+    this.lock = new Int32Array(sharedBuffer, 0, 1);
+  }
+
+  async getFlagDefinitions(): Promise<FlagDefinitionCacheData | undefined> {
+    // Read from shared memory
+    const view = new Uint8Array(this.sharedData, 4);
+    const data = Buffer.from(view).toString('utf-8');
+    if (data) {
+      return JSON.parse(data);
+    }
+    return undefined;
+  }
+
+  async shouldFetchFlagDefinitions(): Promise<boolean> {
+    // Try to acquire lock using atomic operations
+    const acquired = Atomics.compareExchange(this.lock, 0, 0, 1) === 0;
+    return acquired;
+  }
+
+  async onFlagDefinitionsReceived(data: FlagDefinitionCacheData): Promise<void> {
+    // Write to shared memory
+    const json = JSON.stringify(data);
+    const buffer = Buffer.from(json, 'utf-8');
+    const view = new Uint8Array(this.sharedData, 4, buffer.length);
+    view.set(buffer);
+
+    // Release lock
+    Atomics.store(this.lock, 0, 0);
+  }
+
+  async shutdown(): Promise<void> {
+    // Release lock if held
+    Atomics.store(this.lock, 0, 0);
+  }
+}
+
+if (isMainThread) {
+  // Main thread creates shared buffer
+  const sharedBuffer = new SharedArrayBuffer(1024 * 1024); // 1MB
+
+  for (let i = 0; i < 4; i++) {
+    new Worker(__filename, {
+      workerData: { sharedBuffer }
+    });
+  }
+} else {
+  // Worker thread uses shared cache
+  const cache = new SharedMemoryCache(workerData.sharedBuffer);
+
+  const client = new PostHog(process.env.POSTHOG_API_KEY!, {
+    flagDefinitionCacheProvider: cache
+  });
+}
+```
+
+## Best Practices
+
+### 1. Always Implement Error Handling
+
+Cache providers must never throw uncaught errors:
+
+```typescript
+// Good: Handle all errors
+async getFlagDefinitions(): Promise<FlagDefinitionCacheData | undefined> {
+  try {
+    const data = await this.redis.get('flags');
+    return data ? JSON.parse(data) : undefined;
+  } catch (error) {
+    console.error('Cache error:', error);
+    return undefined; // Graceful fallback
+  }
+}
+
+// Bad: Let errors propagate
+async getFlagDefinitions(): Promise<FlagDefinitionCacheData | undefined> {
+  const data = await this.redis.get('flags'); // May throw
+  return JSON.parse(data); // May throw
+}
+```
+
+### 2. Use Appropriate TTLs
+
+Balance freshness with API load:
+
+```typescript
+// Good: Reasonable TTLs
+const LOCK_TTL = 60; // 1 minute - lock expires if worker crashes
+const CACHE_TTL = 300; // 5 minutes - fresh enough for most use cases
+
+// Bad: Too short (high API load)
+const LOCK_TTL = 5; // 5 seconds - too much lock contention
+const CACHE_TTL = 10; // 10 seconds - too many fetches
+
+// Bad: Too long (stale data)
+const LOCK_TTL = 3600; // 1 hour - worker crash holds lock too long
+const CACHE_TTL = 86400; // 24 hours - flag changes take too long to propagate
+```
+
+### 3. Always Release Locks
+
+Release locks in finally blocks or on shutdown:
+
+```typescript
+// Good: Always release
+async onFlagDefinitionsReceived(data: FlagDefinitionCacheData): Promise<void> {
+  try {
+    await this.redis.set('flags', JSON.stringify(data));
+  } finally {
+    await this.redis.del('lock'); // Always release
+  }
+}
+
+// Good: Release on shutdown
+async shutdown(): Promise<void> {
+  try {
+    await this.redis.del('lock');
+  } catch (error) {
+    console.error('Error releasing lock:', error);
+  }
+}
+```
+
+### 4. Handle Stale Locks
+
+Implement lock expiration to prevent deadlocks:
+
+```typescript
+// Good: Locks expire automatically
+await this.redis.set('lock', '1', 'EX', 60, 'NX'); // Expires in 60 seconds
+
+// Good: Check lock age before respecting it
+const lockAge = await this.getLockAge('lock');
+if (lockAge > 60000) {
+  await this.redis.del('lock'); // Remove stale lock
+  return true; // Can fetch
+}
+```
+
+### 5. Monitor Cache Performance
+
+Track cache hit rates and fetch patterns:
+
+```typescript
+class MonitoredCache implements FlagDefinitionCacheProvider {
+  private hits: number = 0;
+  private misses: number = 0;
+  private fetches: number = 0;
+
+  async getFlagDefinitions(): Promise<FlagDefinitionCacheData | undefined> {
+    const data = await this.getFromCache();
+    if (data) {
+      this.hits++;
+    } else {
+      this.misses++;
+    }
+    return data;
+  }
+
+  async shouldFetchFlagDefinitions(): Promise<boolean> {
+    const should = await this.acquireLock();
+    if (should) {
+      this.fetches++;
+    }
+    return should;
+  }
+
+  getMetrics() {
+    return {
+      hits: this.hits,
+      misses: this.misses,
+      fetches: this.fetches,
+      hitRate: this.hits / (this.hits + this.misses)
+    };
+  }
+}
+```
+
+### 6. Test Cache Failures
+
+Verify your implementation handles cache failures gracefully:
+
+```typescript
+describe('RedisFlagCache', () => {
+  it('should handle Redis connection failure', async () => {
+    const cache = new RedisFlagCache(disconnectedRedis, 'test');
+
+    // Should not throw, should return undefined
+    const data = await cache.getFlagDefinitions();
+    expect(data).toBeUndefined();
+  });
+
+  it('should continue flag evaluation if cache fails', async () => {
+    const cache = new RedisFlagCache(disconnectedRedis, 'test');
+    const client = new PostHog('test_key', {
+      flagDefinitionCacheProvider: cache
+    });
+
+    // Should fall back to direct API fetch
+    const enabled = await client.isFeatureEnabled('flag', 'user');
+    expect(enabled).toBeDefined();
+  });
+});
+```
+
+### 7. Use Compression for Large Caches
+
+Compress flag definitions to reduce memory and network usage:
+
+```typescript
+import zlib from 'zlib';
+import { promisify } from 'util';
+
+const gzip = promisify(zlib.gzip);
+const gunzip = promisify(zlib.gunzip);
+
+class CompressedRedisCache implements FlagDefinitionCacheProvider {
+  async onFlagDefinitionsReceived(data: FlagDefinitionCacheData): Promise<void> {
+    const json = JSON.stringify(data);
+    const compressed = await gzip(json);
+    await this.redis.set('flags', compressed, 'EX', 300);
+  }
+
+  async getFlagDefinitions(): Promise<FlagDefinitionCacheData | undefined> {
+    const compressed = await this.redis.getBuffer('flags');
+    if (compressed) {
+      const json = await gunzip(compressed);
+      return JSON.parse(json.toString());
+    }
+    return undefined;
+  }
+
+  // ... other methods
+}
+```
+
+### 8. Document Cache Behavior
+
+Document TTLs, coordination strategy, and failure modes:
+
+```typescript
+/**
+ * Redis-based cache provider for feature flag definitions.
+ *
+ * Coordination: Distributed lock using Redis SET NX
+ * Cache TTL: 5 minutes
+ * Lock TTL: 60 seconds
+ *
+ * Failure modes:
+ * - Redis unavailable: Falls back to direct API fetch
+ * - Lock timeout: Lock expires automatically after 60s
+ * - Stale cache: Expires after 5 minutes
+ */
+class RedisFlagCache implements FlagDefinitionCacheProvider {
+  // ...
+}
+```
+
+## Troubleshooting
+
+### Cache Not Being Used
+
+If the cache isn't being used:
+
+1. Verify the cache provider is passed to PostHog:
+```typescript
+const client = new PostHog('key', {
+  flagDefinitionCacheProvider: cache // Must be set
+});
+```
+
+2. Check `getFlagDefinitions()` returns data:
+```typescript
+const data = await cache.getFlagDefinitions();
+console.log('Cache data:', data); // Should not be undefined
+```
+
+3. Verify cache is populated:
+```typescript
+// Manually trigger a fetch
+const flags = await client.getAllFlags('test-user');
+// Now check cache
+const cached = await cache.getFlagDefinitions();
+console.log('Cached:', cached); // Should have data
+```
+
+### Multiple Workers Fetching
+
+If multiple workers are fetching simultaneously:
+
+1. Check `shouldFetchFlagDefinitions()` coordination:
+```typescript
+// Test lock acquisition
+const worker1 = await cache.shouldFetchFlagDefinitions();
+const worker2 = await cache.shouldFetchFlagDefinitions();
+console.log('Worker 1:', worker1); // Should be true
+console.log('Worker 2:', worker2); // Should be false
+```
+
+2. Verify lock release:
+```typescript
+await cache.onFlagDefinitionsReceived(data);
+// Lock should be released now
+const canFetch = await cache.shouldFetchFlagDefinitions();
+console.log('Can fetch:', canFetch); // Should be true eventually
+```
+
+3. Check for stale locks:
+```typescript
+// Ensure locks expire
+setTimeout(async () => {
+  const canFetch = await cache.shouldFetchFlagDefinitions();
+  console.log('After TTL:', canFetch); // Should be true
+}, LOCK_TTL + 1000);
+```
+
+### Cache Not Updating
+
+If cached flags become stale:
+
+1. Check cache TTL:
+```typescript
+// Verify cache expiration
+const oldData = await cache.getFlagDefinitions();
+// Wait for TTL
+await sleep(CACHE_TTL + 1000);
+const newData = await cache.getFlagDefinitions();
+console.log('Expired:', newData === undefined); // Should be true
+```
+
+2. Verify `onFlagDefinitionsReceived()` is called:
+```typescript
+async onFlagDefinitionsReceived(data: FlagDefinitionCacheData): Promise<void> {
+  console.log('Caching new definitions:', data);
+  await this.store(data);
+}
+```
+
+3. Check for storage errors:
+```typescript
+async onFlagDefinitionsReceived(data: FlagDefinitionCacheData): Promise<void> {
+  try {
+    await this.store(data);
+  } catch (error) {
+    console.error('Failed to cache:', error); // Check for errors
+    throw error; // Re-throw to see in logs
+  }
+}
+```
+
+### Memory Leaks
+
+If memory usage grows over time:
+
+1. Ensure `shutdown()` cleans up:
+```typescript
+async shutdown(): Promise<void> {
+  await this.redis.quit(); // Close connections
+  this.cache.clear(); // Clear in-memory data
+}
+```
+
+2. Limit cache size:
+```typescript
+class LimitedCache implements FlagDefinitionCacheProvider {
+  private maxSize = 1024 * 1024; // 1MB
+
+  async onFlagDefinitionsReceived(data: FlagDefinitionCacheData): Promise<void> {
+    const json = JSON.stringify(data);
+    if (Buffer.byteLength(json) > this.maxSize) {
+      console.warn('Cache data exceeds max size, skipping');
+      return;
+    }
+    await this.store(data);
+  }
+}
+```
diff --git a/.tessl/tiles/tessl/npm-posthog-node/docs/express-integration.md b/.tessl/tiles/tessl/npm-posthog-node/docs/express-integration.md
new file mode 100644
index 000000000..d4e71e58c
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-posthog-node/docs/express-integration.md
@@ -0,0 +1,401 @@
+# Express Integration
+
+Automatic error tracking middleware for Express.js applications.
+
+## Capabilities
+
+### Setup Express Error Handler
+
+Set up Express middleware to automatically capture uncaught errors in your application.
+
+```typescript { .api }
+/**
+ * Set up Express error handler middleware
+ * @param posthog - PostHog client instance
+ * @param app - Express application or router with use() method
+ */
+function setupExpressErrorHandler(
+  posthog: PostHog,
+  app: { use: (middleware: ExpressMiddleware | ExpressErrorMiddleware) => unknown }
+): void;
+```
+
+**Usage Examples:**
+
+```typescript
+import express from 'express';
+import { PostHog, setupExpressErrorHandler } from 'posthog-node';
+
+const app = express();
+const client = new PostHog('phc_your_api_key');
+
+// Your routes
+app.get('/api/users', async (req, res) => {
+  const users = await getUsers();
+  res.json(users);
+});
+
+// Setup error handler (must be after all routes)
+setupExpressErrorHandler(client, app);
+
+// Start server
+app.listen(3000);
+```
+
+## How It Works
+
+The Express error handler middleware:
+1. Catches all errors that occur in your Express routes
+2. Extracts error status codes from various error formats
+3. Captures the error to PostHog with personless processing
+4. Passes the error to the next error handler (doesn't swallow errors)
+5. Uses a synthetic distinct ID (UUID) since no user context is available
+
+## Complete Setup Example
+
+```typescript
+import express from 'express';
+import { PostHog, setupExpressErrorHandler } from 'posthog-node';
+
+const app = express();
+const client = new PostHog('phc_your_api_key', {
+  host: 'https://app.posthog.com'
+});
+
+// Middleware
+app.use(express.json());
+app.use(express.urlencoded({ extended: true }));
+
+// Routes
+app.get('/', (req, res) => {
+  res.json({ status: 'ok' });
+});
+
+app.get('/api/users/:id', async (req, res) => {
+  const user = await getUser(req.params.id);
+  if (!user) {
+    throw new Error('User not found');
+  }
+  res.json(user);
+});
+
+app.post('/api/orders', async (req, res) => {
+  const order = await createOrder(req.body);
+  res.json(order);
+});
+
+// Setup PostHog error handler (after routes, before other error handlers)
+setupExpressErrorHandler(client, app);
+
+// Custom error handler (optional, after PostHog handler)
+app.use((error, req, res, next) => {
+  console.error('Error:', error);
+  res.status(error.status || 500).json({
+    error: error.message || 'Internal server error'
+  });
+});
+
+// Start server
+const server = app.listen(3000, () => {
+  console.log('Server listening on port 3000');
+});
+
+// Graceful shutdown
+process.on('SIGTERM', async () => {
+  server.close();
+  await client.shutdown();
+  process.exit(0);
+});
+```
+
+## Middleware Order
+
+The order of middleware is important in Express. PostHog error handler should be:
+1. **After all routes** - So it can catch errors from your routes
+2. **Before custom error handlers** - So it captures errors first
+3. **After other middleware** - After body parsers, CORS, etc.
+
+```typescript
+// 1. Basic middleware
+app.use(express.json());
+app.use(cors());
+
+// 2. Routes
+app.get('/api/users', getUsers);
+app.post('/api/orders', createOrder);
+
+// 3. PostHog error handler
+setupExpressErrorHandler(client, app);
+
+// 4. Custom error handlers
+app.use(customErrorHandler);
+```
+
+## Error Status Handling
+
+The middleware automatically extracts status codes from various error formats:
+
+```typescript
+// Standard Express error
+const error = new Error('Not found');
+error.status = 404; // Captured
+
+// HTTP errors (http-errors package)
+const error = createError(404, 'Not found');
+error.statusCode = 404; // Captured
+
+// Custom error formats
+const error = new Error('Bad request');
+error.status_code = 400; // Captured
+
+// Boom errors
+const error = Boom.badRequest('Invalid input');
+error.output.statusCode = 400; // Captured
+```
+
+## With User Context
+
+The `setupExpressErrorHandler` uses personless processing by default. For user-specific error tracking, use manual error capture:
+
+```typescript
+import { PostHog, setupExpressErrorHandler } from 'posthog-node';
+
+const client = new PostHog('phc_your_api_key');
+
+// Manual error handling with user context
+app.get('/api/protected', async (req, res) => {
+  try {
+    const data = await getProtectedData(req.user.id);
+    res.json(data);
+  } catch (error) {
+    // Capture with user ID
+    client.captureException(error, req.user.id, {
+      endpoint: '/api/protected',
+      method: req.method
+    });
+    throw error; // Will also be caught by setupExpressErrorHandler
+  }
+});
+
+// Automatic error handling (personless)
+setupExpressErrorHandler(client, app);
+```
+
+## Async Error Handling
+
+For async route handlers, ensure errors are properly caught:
+
+```typescript
+// Using express-async-errors
+import 'express-async-errors';
+
+app.get('/api/users', async (req, res) => {
+  // Errors automatically caught
+  const users = await getUsers();
+  res.json(users);
+});
+
+setupExpressErrorHandler(client, app);
+
+// Or wrap in try-catch
+app.get('/api/users', async (req, res, next) => {
+  try {
+    const users = await getUsers();
+    res.json(users);
+  } catch (error) {
+    next(error); // Pass to error handler
+  }
+});
+```
+
+## Multiple Express Apps
+
+```typescript
+// Main app
+const app = express();
+const client = new PostHog('phc_your_api_key');
+
+// API router
+const apiRouter = express.Router();
+apiRouter.get('/users', getUsers);
+apiRouter.post('/orders', createOrders);
+
+// Setup error handler on router
+setupExpressErrorHandler(client, apiRouter);
+
+// Mount router
+app.use('/api', apiRouter);
+
+// Main app error handler
+setupExpressErrorHandler(client, app);
+```
+
+## With Other Error Tracking
+
+You can use PostHog alongside other error tracking services:
+
+```typescript
+import { PostHog, setupExpressErrorHandler } from 'posthog-node';
+import * as Sentry from '@sentry/node';
+
+const client = new PostHog('phc_your_api_key');
+
+// Sentry error handler
+app.use(Sentry.Handlers.errorHandler());
+
+// PostHog error handler
+setupExpressErrorHandler(client, app);
+
+// Custom error handler
+app.use((error, req, res, next) => {
+  res.status(500).json({ error: 'Internal error' });
+});
+```
+
+## Filtering Errors
+
+To filter which errors are sent to PostHog, use manual error capture instead:
+
+```typescript
+// Don't use setupExpressErrorHandler, use custom middleware
+app.use((error, req, res, next) => {
+  // Only capture 500 errors
+  if (error.status >= 500) {
+    client.captureException(error, req.user?.id, {
+      endpoint: req.path,
+      method: req.method,
+      status: error.status
+    });
+  }
+
+  next(error);
+});
+```
+
+## Development vs Production
+
+```typescript
+const client = new PostHog('phc_your_api_key', {
+  disabled: process.env.NODE_ENV === 'development'
+});
+
+// Only setup in production
+if (process.env.NODE_ENV === 'production') {
+  setupExpressErrorHandler(client, app);
+}
+
+// Or use both with different configs
+if (process.env.NODE_ENV === 'development') {
+  app.use((error, req, res, next) => {
+    console.error('Development error:', error);
+    next(error);
+  });
+} else {
+  setupExpressErrorHandler(client, app);
+}
+```
+
+## Testing
+
+```typescript
+import request from 'supertest';
+import express from 'express';
+import { PostHog, setupExpressErrorHandler } from 'posthog-node';
+
+describe('Express error handling', () => {
+  let app;
+  let client;
+
+  beforeEach(() => {
+    app = express();
+    client = new PostHog('test_key', { disabled: true });
+
+    app.get('/error', () => {
+      throw new Error('Test error');
+    });
+
+    setupExpressErrorHandler(client, app);
+  });
+
+  it('should handle errors', async () => {
+    const response = await request(app).get('/error');
+    expect(response.status).toBe(500);
+  });
+});
+```
+
+## Best Practices
+
+### 1. Place After All Routes
+
+```typescript
+// Good
+app.get('/api/users', getUsers);
+app.post('/api/orders', createOrders);
+setupExpressErrorHandler(client, app);
+
+// Bad
+setupExpressErrorHandler(client, app);
+app.get('/api/users', getUsers); // Won't be caught
+```
+
+### 2. Use With Manual Capture for User Context
+
+```typescript
+// Combine automatic and manual tracking
+app.post('/api/checkout', async (req, res) => {
+  try {
+    await processCheckout(req.user.id, req.body);
+    res.json({ success: true });
+  } catch (error) {
+    // Manual: with user context
+    client.captureException(error, req.user.id, {
+      step: 'checkout',
+      cart_total: req.body.total
+    });
+    throw error; // Automatic: will also be caught
+  }
+});
+
+setupExpressErrorHandler(client, app);
+```
+
+### 3. Shutdown Gracefully
+
+```typescript
+const server = app.listen(3000);
+
+process.on('SIGTERM', async () => {
+  server.close();
+  await client.shutdown(5000);
+  process.exit(0);
+});
+```
+
+### 4. Don't Rely Solely on Automatic Capture
+
+Use manual `captureException()` for errors that need user context or additional properties:
+
+```typescript
+app.post('/api/payment', async (req, res) => {
+  try {
+    await processPayment(req.body);
+    res.json({ success: true });
+  } catch (error) {
+    // Capture with rich context
+    client.captureException(error, req.user.id, {
+      payment_method: req.body.method,
+      amount: req.body.amount,
+      order_id: req.body.orderId
+    });
+    res.status(500).json({ error: 'Payment failed' });
+  }
+});
+```
+
+## Limitations
+
+- Uses personless processing (no user association by default)
+- Generates a synthetic UUID for each error
+- Cannot access request context (user, session, etc.) automatically
+- For user-specific tracking, use manual `captureException()`
diff --git a/.tessl/tiles/tessl/npm-posthog-node/docs/feature-flags.md b/.tessl/tiles/tessl/npm-posthog-node/docs/feature-flags.md
new file mode 100644
index 000000000..b354e8c2f
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-posthog-node/docs/feature-flags.md
@@ -0,0 +1,1132 @@
+# Feature Flags
+
+Feature flags in PostHog enable you to control feature rollouts, run A/B tests, and manage remote configuration without deploying new code. The Node.js SDK supports both local and remote evaluation of feature flags with extensive configuration options.
+
+## Capabilities
+
+### Feature Flag Evaluation
+
+Check if a feature flag is enabled for a specific user.
+
+```typescript { .api }
+/**
+ * Check if a feature flag is enabled for a specific user
+ * @param key - The feature flag key
+ * @param distinctId - The user's distinct ID
+ * @param options - Optional configuration for flag evaluation
+ * @returns Promise that resolves to true if enabled, false if disabled, undefined if not found
+ */
+async isFeatureEnabled(
+  key: string,
+  distinctId: string,
+  options?: {
+    groups?: Record<string, string>
+    personProperties?: Record<string, string>
+    groupProperties?: Record<string, Record<string, string>>
+    onlyEvaluateLocally?: boolean
+    sendFeatureFlagEvents?: boolean
+    disableGeoip?: boolean
+  }
+): Promise<boolean | undefined>
+```
+
+**Usage Examples:**
+
+```typescript
+import { PostHog } from 'posthog-node'
+
+const client = new PostHog('your-api-key', {
+  host: 'https://app.posthog.com'
+})
+
+// Basic feature flag check
+const isEnabled = await client.isFeatureEnabled('new-feature', 'user_123')
+if (isEnabled) {
+  // Feature is enabled
+  console.log('New feature is active')
+} else {
+  // Feature is disabled
+  console.log('New feature is not active')
+}
+
+// With groups and properties
+const isEnabled = await client.isFeatureEnabled('org-feature', 'user_123', {
+  groups: { organization: 'acme-corp' },
+  personProperties: { plan: 'enterprise' }
+})
+
+// Only evaluate locally (no server call if local evaluation not ready)
+const isEnabled = await client.isFeatureEnabled('quick-check', 'user_123', {
+  onlyEvaluateLocally: true
+})
+```
+
+### Get Feature Flag Value
+
+Get the value of a feature flag for multivariate flags or string-based flags.
+
+```typescript { .api }
+/**
+ * Get the value of a feature flag for a specific user
+ * @param key - The feature flag key
+ * @param distinctId - The user's distinct ID
+ * @param options - Optional configuration for flag evaluation
+ * @returns Promise that resolves to the flag value (boolean | string) or undefined
+ */
+async getFeatureFlag(
+  key: string,
+  distinctId: string,
+  options?: {
+    groups?: Record<string, string>
+    personProperties?: Record<string, string>
+    groupProperties?: Record<string, Record<string, string>>
+    onlyEvaluateLocally?: boolean
+    sendFeatureFlagEvents?: boolean
+    disableGeoip?: boolean
+  }
+): Promise<FeatureFlagValue | undefined>
+
+type FeatureFlagValue = boolean | string
+```
+
+**Usage Examples:**
+
+```typescript
+// Basic feature flag check
+const flagValue = await client.getFeatureFlag('new-feature', 'user_123')
+if (flagValue === 'variant-a') {
+  // Show variant A
+} else if (flagValue === 'variant-b') {
+  // Show variant B
+} else {
+  // Flag is disabled or not found
+}
+
+// With groups and properties for targeted rollout
+const flagValue = await client.getFeatureFlag('org-feature', 'user_123', {
+  groups: { organization: 'acme-corp' },
+  personProperties: { plan: 'enterprise' },
+  groupProperties: { organization: { tier: 'premium' } }
+})
+
+// Only evaluate locally
+const flagValue = await client.getFeatureFlag('local-flag', 'user_123', {
+  onlyEvaluateLocally: true
+})
+
+// Disable feature flag events
+const flagValue = await client.getFeatureFlag('silent-flag', 'user_123', {
+  sendFeatureFlagEvents: false // Don't send $feature_flag_called event
+})
+```
+
+### Get Feature Flag Payload
+
+Get the JSON payload attached to a feature flag.
+
+```typescript { .api }
+/**
+ * Get the payload for a feature flag
+ * @param key - The feature flag key
+ * @param distinctId - The user's distinct ID
+ * @param matchValue - Optional match value to get payload for specific variant
+ * @param options - Optional configuration for flag evaluation
+ * @returns Promise that resolves to the flag payload or undefined
+ */
+async getFeatureFlagPayload(
+  key: string,
+  distinctId: string,
+  matchValue?: FeatureFlagValue,
+  options?: {
+    groups?: Record<string, string>
+    personProperties?: Record<string, string>
+    groupProperties?: Record<string, Record<string, string>>
+    onlyEvaluateLocally?: boolean
+    sendFeatureFlagEvents?: boolean
+    disableGeoip?: boolean
+  }
+): Promise<JsonType | undefined>
+
+type JsonType = string | number | boolean | null | JsonType[] | { [key: string]: JsonType }
+```
+
+**Usage Examples:**
+
+```typescript
+// Get payload for a feature flag
+const payload = await client.getFeatureFlagPayload('flag-key', 'user_123')
+if (payload) {
+  console.log('Flag payload:', payload)
+  // payload can be any JSON structure: string, number, boolean, object, array
+}
+
+// Get payload with specific match value
+const payload = await client.getFeatureFlagPayload('flag-key', 'user_123', 'variant-a')
+// This gets the payload specifically for variant-a
+
+// With groups and properties
+const payload = await client.getFeatureFlagPayload('org-flag', 'user_123', undefined, {
+  groups: { organization: 'acme-corp' },
+  personProperties: { plan: 'enterprise' }
+})
+
+// Example: Using payload for configuration
+const payload = await client.getFeatureFlagPayload('button-config', 'user_123')
+if (payload && typeof payload === 'object') {
+  const config = payload as { color: string; text: string; size: string }
+  console.log(`Button color: ${config.color}`)
+}
+```
+
+### Get Remote Config Payload
+
+Get remote configuration payload for encrypted feature flags.
+
+```typescript { .api }
+/**
+ * Get the remote config payload for a feature flag
+ * @param flagKey - The feature flag key
+ * @returns Promise that resolves to the remote config payload or undefined
+ * @throws Error if personal API key is not provided
+ */
+async getRemoteConfigPayload(flagKey: string): Promise<JsonType | undefined>
+```
+
+**Usage Examples:**
+
+```typescript
+// Initialize client with personal API key (required)
+const client = new PostHog('your-api-key', {
+  host: 'https://app.posthog.com',
+  personalApiKey: 'phx_...' // Required for remote config
+})
+
+// Get remote config payload
+const payload = await client.getRemoteConfigPayload('flag-key')
+if (payload) {
+  console.log('Remote config payload:', payload)
+}
+
+// Example: Using remote config for sensitive settings
+const dbConfig = await client.getRemoteConfigPayload('database-config')
+if (dbConfig && typeof dbConfig === 'object') {
+  const config = dbConfig as { host: string; port: number; name: string }
+  // Use encrypted config values
+  connectToDatabase(config)
+}
+```
+
+### Get All Flags
+
+Get all feature flag values for a specific user.
+
+```typescript { .api }
+/**
+ * Get all feature flag values for a specific user
+ * @param distinctId - The user's distinct ID
+ * @param options - Optional configuration for flag evaluation
+ * @returns Promise that resolves to a record of flag keys and their values
+ */
+async getAllFlags(
+  distinctId: string,
+  options?: {
+    groups?: Record<string, string>
+    personProperties?: Record<string, string>
+    groupProperties?: Record<string, Record<string, string>>
+    onlyEvaluateLocally?: boolean
+    disableGeoip?: boolean
+    flagKeys?: string[]
+  }
+): Promise<Record<string, FeatureFlagValue>>
+```
+
+**Usage Examples:**
+
+```typescript
+// Get all flags for a user
+const allFlags = await client.getAllFlags('user_123')
+console.log('User flags:', allFlags)
+// Output: { 'flag-1': 'variant-a', 'flag-2': false, 'flag-3': 'variant-b' }
+
+// Check multiple flags efficiently
+if (allFlags['new-ui']) {
+  // Show new UI
+}
+if (allFlags['experimental-feature'] === 'test') {
+  // Enable test mode
+}
+
+// With specific flag keys (only evaluate these flags)
+const specificFlags = await client.getAllFlags('user_123', {
+  flagKeys: ['flag-1', 'flag-2', 'flag-3']
+})
+
+// With groups and properties
+const orgFlags = await client.getAllFlags('user_123', {
+  groups: { organization: 'acme-corp' },
+  personProperties: { plan: 'enterprise' },
+  groupProperties: { organization: { employees: 500 } }
+})
+
+// Only use local evaluation
+const localFlags = await client.getAllFlags('user_123', {
+  onlyEvaluateLocally: true
+})
+```
+
+### Get All Flags and Payloads
+
+Get all feature flag values and their payloads for a specific user.
+
+```typescript { .api }
+/**
+ * Get all feature flag values and payloads for a specific user
+ * @param distinctId - The user's distinct ID
+ * @param options - Optional configuration for flag evaluation
+ * @returns Promise that resolves to flags and payloads
+ */
+async getAllFlagsAndPayloads(
+  distinctId: string,
+  options?: {
+    groups?: Record<string, string>
+    personProperties?: Record<string, string>
+    groupProperties?: Record<string, Record<string, string>>
+    onlyEvaluateLocally?: boolean
+    disableGeoip?: boolean
+    flagKeys?: string[]
+  }
+): Promise<PostHogFlagsAndPayloadsResponse>
+
+interface PostHogFlagsAndPayloadsResponse {
+  featureFlags: Record<string, FeatureFlagValue>
+  featureFlagPayloads: Record<string, JsonType>
+}
+```
+
+**Usage Examples:**
+
+```typescript
+// Get all flags and payloads for a user
+const result = await client.getAllFlagsAndPayloads('user_123')
+console.log('Flags:', result.featureFlags)
+console.log('Payloads:', result.featureFlagPayloads)
+
+// Use flags and payloads together
+if (result.featureFlags['new-button']) {
+  const config = result.featureFlagPayloads['new-button']
+  if (config && typeof config === 'object') {
+    renderButton(config as { color: string; text: string })
+  }
+}
+
+// With specific flag keys
+const result = await client.getAllFlagsAndPayloads('user_123', {
+  flagKeys: ['flag-1', 'flag-2']
+})
+
+// Only evaluate locally
+const result = await client.getAllFlagsAndPayloads('user_123', {
+  onlyEvaluateLocally: true
+})
+
+// With groups for organization-level flags
+const result = await client.getAllFlagsAndPayloads('user_123', {
+  groups: { organization: 'acme-corp', team: 'engineering' }
+})
+```
+
+### Local Evaluation Status
+
+Check if local evaluation is ready for feature flags.
+
+```typescript { .api }
+/**
+ * Check if local evaluation of feature flags is ready
+ * @returns true if local evaluation is ready, false otherwise
+ */
+isLocalEvaluationReady(): boolean
+```
+
+**Usage Examples:**
+
+```typescript
+// Check if ready
+if (client.isLocalEvaluationReady()) {
+  // Local evaluation is ready, can evaluate flags locally
+  const flag = await client.getFeatureFlag('flag-key', 'user_123')
+} else {
+  // Local evaluation not ready, will use remote evaluation
+  const flag = await client.getFeatureFlag('flag-key', 'user_123')
+}
+
+// Use in conditional logic
+const evaluationMode = client.isLocalEvaluationReady() ? 'local' : 'remote'
+console.log(`Using ${evaluationMode} evaluation`)
+```
+
+### Wait for Local Evaluation
+
+Wait for local evaluation to be ready with optional timeout.
+
+```typescript { .api }
+/**
+ * Wait for local evaluation of feature flags to be ready
+ * @param timeoutMs - Timeout in milliseconds (default: 30000)
+ * @returns Promise that resolves to true if ready, false if timed out
+ */
+async waitForLocalEvaluationReady(timeoutMs?: number): Promise<boolean>
+```
+
+**Usage Examples:**
+
+```typescript
+// Wait for local evaluation
+const isReady = await client.waitForLocalEvaluationReady()
+if (isReady) {
+  console.log('Local evaluation is ready')
+  // Now safe to use flags with onlyEvaluateLocally: true
+} else {
+  console.log('Local evaluation timed out')
+}
+
+// Wait with custom timeout
+const isReady = await client.waitForLocalEvaluationReady(10000) // 10 seconds
+if (isReady) {
+  // Proceed with local evaluation
+}
+
+// Use at application startup
+async function initializeApp() {
+  const client = new PostHog('your-api-key', {
+    host: 'https://app.posthog.com',
+    personalApiKey: 'phx_...'
+  })
+
+  // Wait for flags to be ready before serving requests
+  await client.waitForLocalEvaluationReady(5000)
+
+  // Start server
+  app.listen(3000)
+}
+```
+
+### Reload Feature Flags
+
+Force reload feature flag definitions from the server.
+
+```typescript { .api }
+/**
+ * Reload feature flag definitions from the server for local evaluation
+ * @returns Promise that resolves when flags are reloaded
+ */
+async reloadFeatureFlags(): Promise<void>
+```
+
+**Usage Examples:**
+
+```typescript
+// Force reload of feature flags
+await client.reloadFeatureFlags()
+console.log('Feature flags reloaded')
+
+// Reload before checking a specific flag
+await client.reloadFeatureFlags()
+const flag = await client.getFeatureFlag('flag-key', 'user_123')
+
+// Use in a scheduled job
+setInterval(async () => {
+  await client.reloadFeatureFlags()
+  console.log('Flags refreshed')
+}, 60000) // Refresh every minute
+
+// Reload on demand (e.g., webhook endpoint)
+app.post('/webhooks/flags-updated', async (req, res) => {
+  await client.reloadFeatureFlags()
+  res.json({ success: true })
+})
+```
+
+## Local vs Remote Evaluation
+
+PostHog feature flags can be evaluated in two ways: locally or remotely. Understanding the difference is crucial for optimal performance.
+
+### Local Evaluation
+
+Local evaluation evaluates feature flags within your application using cached flag definitions. This is faster and reduces API calls.
+
+**Requirements:**
+- Personal API key must be provided in initialization
+- Flag definitions are fetched and cached periodically
+
+**Benefits:**
+- Near-instant flag evaluation (no network call)
+- Reduced load on PostHog servers
+- Works offline with cached flags
+- Lower latency for feature checks
+
+**Setup:**
+
+```typescript
+const client = new PostHog('your-api-key', {
+  host: 'https://app.posthog.com',
+  personalApiKey: 'phx_...', // Required for local evaluation
+  enableLocalEvaluation: true, // Default: true
+  featureFlagsPollingInterval: 30000 // Default: 30 seconds (minimum: 100ms)
+})
+
+// Wait for flags to load
+await client.waitForLocalEvaluationReady()
+
+// Now flags are evaluated locally
+const flag = await client.getFeatureFlag('flag-key', 'user_123')
+```
+
+**Example:**
+
+```typescript
+// Initialize with local evaluation
+const client = new PostHog('your-api-key', {
+  host: 'https://app.posthog.com',
+  personalApiKey: 'phx_...',
+  featureFlagsPollingInterval: 60000 // Poll every 60 seconds
+})
+
+// Check readiness
+console.log('Local eval ready:', client.isLocalEvaluationReady())
+
+// Wait for ready state
+const ready = await client.waitForLocalEvaluationReady(5000)
+if (ready) {
+  // Fast local evaluation
+  const flag = await client.getFeatureFlag('my-flag', 'user_123')
+}
+```
+
+### Remote Evaluation
+
+Remote evaluation makes an API call to PostHog servers for each flag check. This ensures you always have the latest flag values but is slower.
+
+**Use When:**
+- Personal API key not available
+- Need real-time flag updates
+- Flag depends on server-side user properties
+- GeoIP-based targeting is required
+
+**Setup:**
+
+```typescript
+// Without personal API key, uses remote evaluation
+const client = new PostHog('your-api-key', {
+  host: 'https://app.posthog.com'
+})
+
+// Each call makes an API request
+const flag = await client.getFeatureFlag('flag-key', 'user_123')
+```
+
+**Example:**
+
+```typescript
+// Remote evaluation with user properties
+const flag = await client.getFeatureFlag('premium-feature', 'user_123', {
+  personProperties: {
+    email: 'user@example.com',
+    plan: 'premium'
+  }
+})
+
+// Remote evaluation with GeoIP
+const flag = await client.getFeatureFlag('region-feature', 'user_123', {
+  disableGeoip: false // Allow GeoIP-based targeting
+})
+```
+
+### Hybrid Approach
+
+You can combine both approaches for optimal performance:
+
+```typescript
+const client = new PostHog('your-api-key', {
+  host: 'https://app.posthog.com',
+  personalApiKey: 'phx_...'
+})
+
+// Try local first, fallback to remote if needed
+async function getFlag(key: string, userId: string) {
+  if (client.isLocalEvaluationReady()) {
+    // Use local evaluation
+    return await client.getFeatureFlag(key, userId, {
+      onlyEvaluateLocally: false // Allow fallback to remote
+    })
+  } else {
+    // Use remote evaluation
+    return await client.getFeatureFlag(key, userId)
+  }
+}
+```
+
+## Feature Flag Options
+
+All feature flag methods support a rich set of options for advanced use cases.
+
+### Groups
+
+Associate the flag check with groups (e.g., organizations, teams).
+
+```typescript
+const flag = await client.getFeatureFlag('org-feature', 'user_123', {
+  groups: {
+    organization: 'acme-corp',
+    team: 'engineering'
+  }
+})
+```
+
+**Use Cases:**
+- Organization-level feature rollouts
+- Team-based access control
+- Multi-tenant applications
+
+### Person Properties
+
+Provide user properties for local evaluation without making additional API calls.
+
+```typescript
+const flag = await client.getFeatureFlag('premium-feature', 'user_123', {
+  personProperties: {
+    plan: 'enterprise',
+    role: 'admin',
+    email: 'user@example.com'
+  }
+})
+```
+
+**Use Cases:**
+- Local evaluation with targeting rules
+- Avoiding additional API calls for user data
+- Performance optimization
+
+### Group Properties
+
+Provide group properties for local evaluation.
+
+```typescript
+const flag = await client.getFeatureFlag('org-feature', 'user_123', {
+  groups: { organization: 'acme-corp' },
+  groupProperties: {
+    organization: {
+      tier: 'enterprise',
+      employees: 500,
+      region: 'us-west'
+    }
+  }
+})
+```
+
+**Use Cases:**
+- Organization-level targeting
+- Multi-tenant feature rollouts
+- Local evaluation with group rules
+
+### Only Evaluate Locally
+
+Force local evaluation only, never fall back to remote.
+
+```typescript
+const flag = await client.getFeatureFlag('flag-key', 'user_123', {
+  onlyEvaluateLocally: true
+})
+
+// If local evaluation not ready or flag requires server evaluation,
+// returns undefined instead of making API call
+```
+
+**Use Cases:**
+- Performance-critical paths
+- Offline operation
+- Reducing API calls
+
+### Send Feature Flag Events
+
+Control whether `$feature_flag_called` events are sent.
+
+```typescript
+const flag = await client.getFeatureFlag('flag-key', 'user_123', {
+  sendFeatureFlagEvents: false // Don't send events
+})
+```
+
+**Use Cases:**
+- Reducing event volume
+- Flags checked frequently (e.g., every request)
+- Internal/system flags
+
+### Disable GeoIP
+
+Disable GeoIP-based targeting for the flag check.
+
+```typescript
+const flag = await client.getFeatureFlag('flag-key', 'user_123', {
+  disableGeoip: true
+})
+```
+
+**Use Cases:**
+- Privacy compliance
+- Known user location
+- Testing
+
+### Flag Keys
+
+Specify which flags to evaluate (for `getAllFlags` and `getAllFlagsAndPayloads`).
+
+```typescript
+const flags = await client.getAllFlags('user_123', {
+  flagKeys: ['flag-1', 'flag-2', 'flag-3']
+})
+
+// Only returns values for specified flags
+```
+
+**Use Cases:**
+- Performance optimization
+- Loading specific feature sets
+- Reducing payload size
+
+## Common Patterns
+
+### A/B Testing
+
+Run A/B tests with multivariate flags and payloads.
+
+```typescript
+// Define flag with variants in PostHog UI:
+// - variant-a (50%)
+// - variant-b (50%)
+
+async function renderPage(userId: string) {
+  const variant = await client.getFeatureFlag('homepage-test', userId)
+
+  switch (variant) {
+    case 'variant-a':
+      return renderVariantA()
+    case 'variant-b':
+      return renderVariantB()
+    default:
+      return renderDefault()
+  }
+}
+
+// Track conversion
+async function trackPurchase(userId: string, amount: number) {
+  client.capture({
+    distinctId: userId,
+    event: 'purchase',
+    properties: { amount }
+  })
+}
+```
+
+### Feature Rollout
+
+Gradually roll out features to users.
+
+```typescript
+async function showNewFeature(userId: string) {
+  const isEnabled = await client.isFeatureEnabled('new-feature', userId)
+
+  if (isEnabled) {
+    return renderNewFeature()
+  } else {
+    return renderOldFeature()
+  }
+}
+
+// In PostHog UI, gradually increase rollout percentage:
+// 5% -> 10% -> 25% -> 50% -> 100%
+```
+
+### Experiments
+
+Run experiments with payload-based configuration.
+
+```typescript
+// Configure in PostHog UI with payloads:
+// variant-a: { color: "blue", cta: "Buy Now" }
+// variant-b: { color: "green", cta: "Get Started" }
+
+async function renderCTA(userId: string) {
+  const payload = await client.getFeatureFlagPayload('cta-experiment', userId)
+
+  if (payload && typeof payload === 'object') {
+    const config = payload as { color: string; cta: string }
+    return `<button style="background: ${config.color}">${config.cta}</button>`
+  }
+
+  // Default
+  return '<button>Learn More</button>'
+}
+```
+
+### Remote Configuration
+
+Use feature flags as remote configuration.
+
+```typescript
+// Configure in PostHog UI with payload:
+// { apiUrl: "https://api.example.com", timeout: 5000, retries: 3 }
+
+async function getApiConfig() {
+  const config = await client.getRemoteConfigPayload('api-config')
+
+  if (config && typeof config === 'object') {
+    return config as {
+      apiUrl: string
+      timeout: number
+      retries: number
+    }
+  }
+
+  // Default config
+  return {
+    apiUrl: 'https://api.example.com',
+    timeout: 3000,
+    retries: 1
+  }
+}
+
+// Use config
+const config = await getApiConfig()
+const response = await fetch(config.apiUrl, {
+  timeout: config.timeout
+})
+```
+
+### Targeted Feature Access
+
+Enable features based on user properties and groups.
+
+```typescript
+async function hasAccessToFeature(userId: string, userPlan: string, orgId: string) {
+  const hasAccess = await client.isFeatureEnabled('premium-feature', userId, {
+    personProperties: { plan: userPlan },
+    groups: { organization: orgId }
+  })
+
+  return hasAccess
+}
+
+// Usage
+const canAccess = await hasAccessToFeature('user_123', 'enterprise', 'org_456')
+if (canAccess) {
+  showPremiumFeature()
+}
+```
+
+### Bootstrap Application with Flags
+
+Load all flags at application startup.
+
+```typescript
+async function bootstrapApp() {
+  const client = new PostHog('your-api-key', {
+    host: 'https://app.posthog.com',
+    personalApiKey: 'phx_...'
+  })
+
+  // Wait for flags to load
+  const ready = await client.waitForLocalEvaluationReady(5000)
+
+  if (!ready) {
+    console.warn('Flags not ready, using defaults')
+  }
+
+  // Get all flags for current user
+  const flags = await client.getAllFlags('current-user')
+
+  // Store in app state
+  app.state.featureFlags = flags
+
+  // Start app
+  app.listen(3000)
+}
+```
+
+### Feature Flag with Events
+
+Send feature flag values with events automatically.
+
+```typescript
+// Capture event with feature flags
+client.capture({
+  distinctId: 'user_123',
+  event: 'button_clicked',
+  properties: { button_id: 'cta' },
+  sendFeatureFlags: true // Include all active flags
+})
+
+// With specific flags
+client.capture({
+  distinctId: 'user_123',
+  event: 'page_viewed',
+  properties: { page: '/pricing' },
+  sendFeatureFlags: {
+    flagKeys: ['pricing-test', 'new-plans']
+  }
+})
+
+// Only use local evaluation for flags
+client.capture({
+  distinctId: 'user_123',
+  event: 'checkout_started',
+  sendFeatureFlags: {
+    onlyEvaluateLocally: true
+  }
+})
+```
+
+## Best Practices
+
+### 1. Use Local Evaluation
+
+Always provide a personal API key for better performance:
+
+```typescript
+// Good
+const client = new PostHog('your-api-key', {
+  host: 'https://app.posthog.com',
+  personalApiKey: 'phx_...' // Enable local evaluation
+})
+
+// Not optimal (remote evaluation only)
+const client = new PostHog('your-api-key', {
+  host: 'https://app.posthog.com'
+})
+```
+
+### 2. Wait for Local Evaluation at Startup
+
+Ensure flags are ready before serving requests:
+
+```typescript
+async function startServer() {
+  const client = new PostHog('your-api-key', {
+    host: 'https://app.posthog.com',
+    personalApiKey: 'phx_...'
+  })
+
+  // Wait for flags (with timeout)
+  await client.waitForLocalEvaluationReady(5000)
+
+  app.listen(3000)
+  console.log('Server started with feature flags loaded')
+}
+```
+
+### 3. Cache Flag Values Appropriately
+
+For frequently checked flags, cache the value per request or session:
+
+```typescript
+class FeatureFlagCache {
+  private cache: Map<string, { value: any; timestamp: number }> = new Map()
+  private ttl = 60000 // 1 minute
+
+  async getFlag(key: string, userId: string): Promise<any> {
+    const cacheKey = `${key}:${userId}`
+    const cached = this.cache.get(cacheKey)
+
+    if (cached && Date.now() - cached.timestamp < this.ttl) {
+      return cached.value
+    }
+
+    const value = await client.getFeatureFlag(key, userId)
+    this.cache.set(cacheKey, { value, timestamp: Date.now() })
+
+    return value
+  }
+}
+```
+
+### 4. Provide Properties for Better Targeting
+
+Pass person and group properties for accurate local evaluation:
+
+```typescript
+// Good - properties included
+const flag = await client.getFeatureFlag('feature', 'user_123', {
+  personProperties: { plan: 'premium', email: 'user@example.com' },
+  groups: { organization: 'acme' },
+  groupProperties: { organization: { tier: 'enterprise' } }
+})
+
+// Not optimal - may require server evaluation
+const flag = await client.getFeatureFlag('feature', 'user_123')
+```
+
+### 5. Use Groups for Organization Features
+
+For B2B applications, use groups for organization-level flags:
+
+```typescript
+// Associate user with organization
+client.capture({
+  distinctId: 'user_123',
+  event: 'page_view',
+  groups: { organization: 'acme-corp' }
+})
+
+// Check organization flag
+const hasFeature = await client.isFeatureEnabled('org-feature', 'user_123', {
+  groups: { organization: 'acme-corp' }
+})
+```
+
+### 6. Handle Undefined Gracefully
+
+Always handle the case where a flag is undefined:
+
+```typescript
+// Good
+const flag = await client.getFeatureFlag('new-feature', 'user_123')
+if (flag === 'variant-a') {
+  renderVariantA()
+} else if (flag === 'variant-b') {
+  renderVariantB()
+} else {
+  // Flag disabled, not found, or error
+  renderDefault()
+}
+
+// Not safe
+const flag = await client.getFeatureFlag('new-feature', 'user_123')
+// flag might be undefined!
+```
+
+### 7. Disable Events for High-Volume Flags
+
+For flags checked on every request, disable event tracking:
+
+```typescript
+// Checked frequently - disable events
+const flag = await client.getFeatureFlag('rate-limit-config', userId, {
+  sendFeatureFlagEvents: false
+})
+
+// Important experiment - keep events
+const variant = await client.getFeatureFlag('pricing-test', userId, {
+  sendFeatureFlagEvents: true // Default
+})
+```
+
+### 8. Use getAllFlags for Multiple Checks
+
+If checking multiple flags, use `getAllFlags` for better performance:
+
+```typescript
+// Good - single call
+const flags = await client.getAllFlags('user_123')
+if (flags['feature-a']) { /* ... */ }
+if (flags['feature-b']) { /* ... */ }
+if (flags['feature-c']) { /* ... */ }
+
+// Not optimal - multiple calls
+const featureA = await client.getFeatureFlag('feature-a', 'user_123')
+const featureB = await client.getFeatureFlag('feature-b', 'user_123')
+const featureC = await client.getFeatureFlag('feature-c', 'user_123')
+```
+
+### 9. Reload Flags After Updates
+
+After updating flag definitions, force a reload:
+
+```typescript
+// Webhook endpoint for flag updates
+app.post('/webhooks/posthog/flags-updated', async (req, res) => {
+  await client.reloadFeatureFlags()
+  console.log('Feature flags reloaded')
+  res.json({ success: true })
+})
+```
+
+### 10. Monitor Local Evaluation Status
+
+Track when local evaluation is not ready:
+
+```typescript
+async function checkFlag(key: string, userId: string) {
+  if (!client.isLocalEvaluationReady()) {
+    console.warn('Local evaluation not ready, using remote evaluation')
+  }
+
+  return await client.getFeatureFlag(key, userId)
+}
+
+// Or use events
+client._events.on('error', (error) => {
+  console.error('Feature flag error:', error)
+})
+
+client._events.on('localEvaluationFlagsLoaded', (count) => {
+  console.log(`Loaded ${count} feature flags for local evaluation`)
+})
+```
+
+### 11. Test with Different Variants
+
+Create test utilities for flag variants:
+
+```typescript
+// Test utility
+class FeatureFlagTestHelper {
+  private overrides: Map<string, any> = new Map()
+
+  setFlag(key: string, value: any) {
+    this.overrides.set(key, value)
+  }
+
+  async getFlag(key: string, userId: string) {
+    if (this.overrides.has(key)) {
+      return this.overrides.get(key)
+    }
+    return await client.getFeatureFlag(key, userId)
+  }
+
+  clearOverrides() {
+    this.overrides.clear()
+  }
+}
+
+// In tests
+const helper = new FeatureFlagTestHelper()
+helper.setFlag('new-feature', 'variant-a')
+// Test variant-a behavior
+```
+
+### 12. Use TypeScript for Type Safety
+
+Define types for flag values and payloads:
+
+```typescript
+// Define flag types
+type FeatureFlags = {
+  'new-ui': boolean
+  'pricing-test': 'control' | 'variant-a' | 'variant-b'
+  'button-config': { color: string; text: string }
+}
+
+// Type-safe wrapper
+async function getFlag<K extends keyof FeatureFlags>(
+  key: K,
+  userId: string
+): Promise<FeatureFlags[K] | undefined> {
+  return await client.getFeatureFlag(key, userId) as FeatureFlags[K] | undefined
+}
+
+// Usage
+const uiEnabled = await getFlag('new-ui', 'user_123')
+// Type: boolean | undefined
+
+const variant = await getFlag('pricing-test', 'user_123')
+// Type: 'control' | 'variant-a' | 'variant-b' | undefined
+```
diff --git a/.tessl/tiles/tessl/npm-posthog-node/docs/identification.md b/.tessl/tiles/tessl/npm-posthog-node/docs/identification.md
new file mode 100644
index 000000000..b0c89eabb
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-posthog-node/docs/identification.md
@@ -0,0 +1,611 @@
+# User and Group Identification
+
+Identify users with properties, create aliases to link identities, and manage group analytics for organization-level tracking.
+
+## Capabilities
+
+### Identify User
+
+Associate a user with their properties. Properties can be set directly or using $set and $set_once operators.
+
+```typescript { .api }
+/**
+ * Identify a user and set their properties
+ * @param data - The identify data containing distinctId and properties
+ */
+identify(data: IdentifyMessage): void;
+```
+
+**Usage Examples:**
+
+```typescript
+import { PostHog } from 'posthog-node';
+
+const client = new PostHog('phc_your_api_key');
+
+// Basic identify with properties
+client.identify({
+  distinctId: 'user_123',
+  properties: {
+    email: 'user@example.com',
+    name: 'John Doe',
+    plan: 'premium'
+  }
+});
+
+// Using $set and $set_once
+client.identify({
+  distinctId: 'user_123',
+  properties: {
+    $set: {
+      email: 'user@example.com',
+      plan: 'premium'
+    },
+    $set_once: {
+      first_login: '2025-01-01T00:00:00Z',
+      signup_source: 'organic'
+    }
+  }
+});
+
+// Update user properties
+client.identify({
+  distinctId: 'user_123',
+  properties: {
+    last_seen: new Date().toISOString(),
+    session_count: 15
+  }
+});
+
+// Disable GeoIP lookup
+client.identify({
+  distinctId: 'user_123',
+  properties: {
+    name: 'John Doe'
+  },
+  disableGeoip: true
+});
+```
+
+### Identify User Immediately
+
+Identify a user and send immediately without queuing. Use for serverless environments.
+
+```typescript { .api }
+/**
+ * Identify a user and set their properties immediately (synchronously)
+ * @param data - The identify data containing distinctId and properties
+ * @returns Promise that resolves when the identify is processed
+ */
+identifyImmediate(data: IdentifyMessage): Promise<void>;
+```
+
+**Usage Examples:**
+
+```typescript
+// Immediate identify in serverless function
+await client.identifyImmediate({
+  distinctId: 'user_123',
+  properties: {
+    email: 'user@example.com',
+    name: 'John Doe'
+  }
+});
+
+// Update profile on login
+async function handleLogin(userId, email) {
+  await client.identifyImmediate({
+    distinctId: userId,
+    properties: {
+      email: email,
+      last_login: new Date().toISOString()
+    }
+  });
+}
+```
+
+### Create Alias
+
+Link two distinct IDs together, typically used to connect an anonymous user with an identified user after signup or login.
+
+```typescript { .api }
+/**
+ * Create an alias to link two distinct IDs together
+ * @param data - The alias data containing distinctId and alias
+ */
+alias(data: { distinctId: string; alias: string; disableGeoip?: boolean }): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Link anonymous user to identified user after signup
+client.alias({
+  distinctId: 'user_123', // The new identified user ID
+  alias: 'anonymous_456'  // The previous anonymous ID
+});
+
+// In signup flow
+async function handleSignup(anonymousId, newUserId) {
+  // Create alias to link identities
+  client.alias({
+    distinctId: newUserId,
+    alias: anonymousId
+  });
+
+  // Identify the new user
+  client.identify({
+    distinctId: newUserId,
+    properties: {
+      signup_date: new Date().toISOString()
+    }
+  });
+}
+
+// Disable GeoIP lookup
+client.alias({
+  distinctId: 'user_123',
+  alias: 'anonymous_456',
+  disableGeoip: true
+});
+```
+
+### Create Alias Immediately
+
+Create an alias and send immediately without queuing.
+
+```typescript { .api }
+/**
+ * Create an alias to link two distinct IDs together immediately (synchronously)
+ * @param data - The alias data containing distinctId and alias
+ * @returns Promise that resolves when the alias is processed
+ */
+aliasImmediate(data: { distinctId: string; alias: string; disableGeoip?: boolean }): Promise<void>;
+```
+
+**Usage Examples:**
+
+```typescript
+// Immediate alias in serverless function
+await client.aliasImmediate({
+  distinctId: 'user_123',
+  alias: 'anonymous_456'
+});
+```
+
+### Group Identify
+
+Create or update properties for a group (e.g., company, organization, team).
+
+```typescript { .api }
+/**
+ * Create or update a group and its properties
+ * @param data - The group identify data
+ */
+groupIdentify(data: GroupIdentifyMessage): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Create a company group
+client.groupIdentify({
+  groupType: 'company',
+  groupKey: 'acme_corp',
+  properties: {
+    name: 'Acme Corporation',
+    industry: 'Technology',
+    employee_count: 500,
+    plan: 'enterprise'
+  }
+});
+
+// Update organization properties
+client.groupIdentify({
+  groupType: 'organization',
+  groupKey: 'org_456',
+  properties: {
+    region: 'US-West',
+    tier: 'premium'
+  }
+});
+
+// Associate with a specific user
+client.groupIdentify({
+  groupType: 'company',
+  groupKey: 'acme_corp',
+  properties: {
+    updated_at: new Date().toISOString()
+  },
+  distinctId: 'user_123'
+});
+
+// Team group
+client.groupIdentify({
+  groupType: 'team',
+  groupKey: 'team_engineering',
+  properties: {
+    name: 'Engineering',
+    size: 25,
+    department: 'Product'
+  }
+});
+
+// Disable GeoIP lookup
+client.groupIdentify({
+  groupType: 'company',
+  groupKey: 'acme_corp',
+  properties: {
+    name: 'Acme Corporation'
+  },
+  disableGeoip: true
+});
+```
+
+## Types
+
+### IdentifyMessage
+
+```typescript { .api }
+interface IdentifyMessage {
+  /** Unique identifier for the user */
+  distinctId: string;
+
+  /** User properties to set ($set) or set once ($set_once) */
+  properties?: Record<string | number, any>;
+
+  /** Disable GeoIP lookup for this identify call */
+  disableGeoip?: boolean;
+}
+```
+
+### GroupIdentifyMessage
+
+```typescript { .api }
+interface GroupIdentifyMessage {
+  /** Type of group (e.g., 'company', 'organization', 'team') - limited to 5 per project */
+  groupType: string;
+
+  /** Unique identifier for the group */
+  groupKey: string;
+
+  /** Group properties to set */
+  properties?: Record<string | number, any>;
+
+  /** Optional distinctId to associate message with a specific user */
+  distinctId?: string;
+
+  /** Disable GeoIP lookup for this group identify call */
+  disableGeoip?: boolean;
+}
+```
+
+## Usage Patterns
+
+### User Onboarding Flow
+
+```typescript
+// Step 1: Anonymous user visits site
+client.capture({
+  distinctId: 'anonymous_789',
+  event: 'page_viewed',
+  properties: {
+    page: 'landing'
+  }
+});
+
+// Step 2: User signs up
+const newUserId = 'user_123';
+
+// Link anonymous and identified IDs
+client.alias({
+  distinctId: newUserId,
+  alias: 'anonymous_789'
+});
+
+// Set user properties
+client.identify({
+  distinctId: newUserId,
+  properties: {
+    email: 'user@example.com',
+    signup_date: new Date().toISOString(),
+    signup_source: 'organic'
+  }
+});
+
+// Track signup event
+client.capture({
+  distinctId: newUserId,
+  event: 'user_signed_up'
+});
+```
+
+### Progressive Profiling
+
+```typescript
+// Initial signup - minimal info
+client.identify({
+  distinctId: 'user_123',
+  properties: {
+    email: 'user@example.com',
+    $set_once: {
+      signup_date: new Date().toISOString()
+    }
+  }
+});
+
+// Later: user completes profile
+client.identify({
+  distinctId: 'user_123',
+  properties: {
+    name: 'John Doe',
+    company: 'Acme Corp',
+    role: 'Engineer'
+  }
+});
+
+// Later: user upgrades plan
+client.identify({
+  distinctId: 'user_123',
+  properties: {
+    plan: 'premium',
+    upgraded_at: new Date().toISOString()
+  }
+});
+```
+
+### User Property Updates
+
+```typescript
+// Update properties on each login
+app.post('/api/login', async (req, res) => {
+  const user = await authenticateUser(req);
+
+  client.identify({
+    distinctId: user.id,
+    properties: {
+      last_login: new Date().toISOString(),
+      login_count: user.loginCount + 1,
+      last_ip: req.ip
+    }
+  });
+
+  res.json({ success: true });
+});
+
+// Update properties on activity
+client.identify({
+  distinctId: 'user_123',
+  properties: {
+    last_seen: new Date().toISOString(),
+    page_views: 42
+  }
+});
+```
+
+### B2B Group Analytics
+
+```typescript
+// Create company group
+client.groupIdentify({
+  groupType: 'company',
+  groupKey: 'acme_corp',
+  properties: {
+    name: 'Acme Corporation',
+    industry: 'Technology',
+    employee_count: 500,
+    plan: 'enterprise',
+    mrr: 5000
+  }
+});
+
+// Track company-level event
+client.capture({
+  distinctId: 'user_123',
+  event: 'document_created',
+  properties: {
+    document_type: 'proposal'
+  },
+  groups: {
+    company: 'acme_corp'
+  }
+});
+
+// Update company when it upgrades
+client.groupIdentify({
+  groupType: 'company',
+  groupKey: 'acme_corp',
+  properties: {
+    plan: 'enterprise_plus',
+    upgraded_at: new Date().toISOString(),
+    mrr: 10000
+  },
+  distinctId: 'user_123' // Who triggered the upgrade
+});
+```
+
+### Multi-level Groups
+
+```typescript
+// Company
+client.groupIdentify({
+  groupType: 'company',
+  groupKey: 'acme_corp',
+  properties: {
+    name: 'Acme Corporation'
+  }
+});
+
+// Department within company
+client.groupIdentify({
+  groupType: 'department',
+  groupKey: 'engineering',
+  properties: {
+    name: 'Engineering',
+    head_count: 50
+  }
+});
+
+// Team within department
+client.groupIdentify({
+  groupType: 'team',
+  groupKey: 'team_backend',
+  properties: {
+    name: 'Backend Team',
+    members: 10
+  }
+});
+
+// Track event across all levels
+client.capture({
+  distinctId: 'user_123',
+  event: 'code_deployed',
+  properties: {
+    service: 'api'
+  },
+  groups: {
+    company: 'acme_corp',
+    department: 'engineering',
+    team: 'team_backend'
+  }
+});
+```
+
+### User Merge Scenario
+
+```typescript
+// User has two accounts that need merging
+const primaryId = 'user_primary';
+const secondaryId = 'user_secondary';
+
+// Create alias to link accounts
+client.alias({
+  distinctId: primaryId,
+  alias: secondaryId
+});
+
+// Update primary account with merged properties
+client.identify({
+  distinctId: primaryId,
+  properties: {
+    accounts_merged: true,
+    merge_date: new Date().toISOString()
+  }
+});
+```
+
+## Best Practices
+
+### When to Use Identify
+
+Use `identify()` when you want to:
+- Set or update user properties
+- Associate a user with their email, name, or other attributes
+- Track user lifecycle (signup, upgrade, etc.)
+
+```typescript
+// Good: Set meaningful properties
+client.identify({
+  distinctId: 'user_123',
+  properties: {
+    email: 'user@example.com',
+    plan: 'premium',
+    signup_date: '2025-01-01'
+  }
+});
+```
+
+### When to Use Alias
+
+Use `alias()` when you need to:
+- Link an anonymous user to an identified user after signup
+- Merge two user identities
+- Connect different sessions from the same user
+
+```typescript
+// Good: Link anonymous to identified user
+client.alias({
+  distinctId: 'user_123',      // New identified ID
+  alias: 'anonymous_session_id' // Previous anonymous ID
+});
+```
+
+### When to Use Group Identify
+
+Use `groupIdentify()` when you need to:
+- Track company or organization-level properties
+- Analyze usage by teams, departments, or other groups
+- Build B2B analytics dashboards
+
+```typescript
+// Good: Track company properties
+client.groupIdentify({
+  groupType: 'company',
+  groupKey: 'acme_corp',
+  properties: {
+    plan: 'enterprise',
+    employee_count: 500
+  }
+});
+```
+
+### Property Naming
+
+Use consistent, descriptive property names:
+
+```typescript
+// Good
+client.identify({
+  distinctId: 'user_123',
+  properties: {
+    email: 'user@example.com',
+    plan_type: 'premium',
+    signup_date: '2025-01-01',
+    is_active: true
+  }
+});
+
+// Avoid
+client.identify({
+  distinctId: 'user_123',
+  properties: {
+    'E-mail': 'user@example.com',
+    'Plan': 'premium',
+    'date': '2025-01-01',
+    'active': true
+  }
+});
+```
+
+### $set vs $set_once
+
+- Use `$set` for properties that can change
+- Use `$set_once` for properties that should only be set once
+
+```typescript
+client.identify({
+  distinctId: 'user_123',
+  properties: {
+    $set: {
+      last_login: new Date().toISOString(),
+      plan: 'premium'
+    },
+    $set_once: {
+      signup_date: '2025-01-01',
+      first_referrer: 'google.com'
+    }
+  }
+});
+```
+
+### Group Type Limits
+
+PostHog allows up to 5 group types per project. Plan your group hierarchy carefully:
+
+```typescript
+// Good: Well-planned hierarchy
+const groupTypes = ['company', 'department', 'team', 'project', 'workspace'];
+
+// Avoid: Too many or unclear types
+const groupTypes = ['org', 'organization', 'company', 'business', 'enterprise'];
+```
diff --git a/.tessl/tiles/tessl/npm-posthog-node/docs/index.md b/.tessl/tiles/tessl/npm-posthog-node/docs/index.md
new file mode 100644
index 000000000..be63c71b5
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-posthog-node/docs/index.md
@@ -0,0 +1,356 @@
+# PostHog Node.js
+
+PostHog Node.js is a comprehensive server-side analytics and feature management library that enables event tracking, user identification, feature flags with local evaluation, error tracking, and group analytics for Node.js and edge runtime environments.
+
+## Package Information
+
+- **Package Name**: posthog-node
+- **Package Type**: npm
+- **Language**: TypeScript
+- **Installation**: `npm install posthog-node`
+
+## Core Imports
+
+```typescript
+import { PostHog } from 'posthog-node';
+```
+
+For CommonJS:
+
+```javascript
+const { PostHog } = require('posthog-node');
+```
+
+## Basic Usage
+
+```typescript
+import { PostHog } from 'posthog-node';
+
+// Initialize the client
+const client = new PostHog('your-api-key', {
+  host: 'https://app.posthog.com',
+});
+
+// Capture an event
+client.capture({
+  distinctId: 'user_123',
+  event: 'button_clicked',
+  properties: {
+    button_name: 'signup',
+    page: 'homepage'
+  }
+});
+
+// Identify a user
+client.identify({
+  distinctId: 'user_123',
+  properties: {
+    email: 'user@example.com',
+    plan: 'premium'
+  }
+});
+
+// Check feature flag
+const isEnabled = await client.isFeatureEnabled('new-feature', 'user_123');
+
+// Gracefully shutdown
+await client.shutdown();
+```
+
+## Architecture
+
+PostHog Node.js is built around several key components:
+
+- **PostHog Client**: Main class extending `PostHogBackendClient` providing all functionality
+- **Event Queue**: Batches events for efficient sending (or immediate sending via `*Immediate` methods)
+- **Feature Flags Poller**: Polls for feature flag definitions to enable local evaluation
+- **Error Tracking**: Automatic and manual exception capture with stack trace processing
+- **Memory Storage**: In-memory persistence for client state
+- **Integrations**: First-party integrations for Express and Sentry
+
+## Capabilities
+
+### Client Initialization
+
+Initialize and configure the PostHog client with various options including personal API keys for local flag evaluation, custom fetch implementations, and privacy settings.
+
+```typescript { .api }
+class PostHog {
+  constructor(apiKey: string, options?: PostHogOptions);
+
+  // Debug and privacy controls
+  debug(enabled?: boolean): void;
+  enable(): Promise<void>;
+  disable(): Promise<void>;
+
+  // Shutdown
+  shutdown(shutdownTimeoutMs?: number): Promise<void>;
+}
+```
+
+[Client Configuration](./client-configuration.md)
+
+### Event Tracking
+
+Capture user events with properties, groups, and feature flag context. Supports both queued and immediate capture modes.
+
+```typescript { .api }
+interface EventMessage {
+  distinctId: string;
+  event: string;
+  properties?: Record<string | number, any>;
+  groups?: Record<string, string | number>;
+  sendFeatureFlags?: boolean | SendFeatureFlagsOptions;
+  timestamp?: Date;
+  uuid?: string;
+  disableGeoip?: boolean;
+}
+
+class PostHog {
+  capture(props: EventMessage): void;
+  captureImmediate(props: EventMessage): Promise<void>;
+}
+```
+
+[Event Tracking](./event-tracking.md)
+
+### User and Group Identification
+
+Identify users with properties, create aliases, and manage group analytics for organization-level tracking.
+
+```typescript { .api }
+interface IdentifyMessage {
+  distinctId: string;
+  properties?: Record<string | number, any>;
+  disableGeoip?: boolean;
+}
+
+interface GroupIdentifyMessage {
+  groupType: string;
+  groupKey: string;
+  properties?: Record<string | number, any>;
+  distinctId?: string;
+  disableGeoip?: boolean;
+}
+
+class PostHog {
+  identify(data: IdentifyMessage): void;
+  identifyImmediate(data: IdentifyMessage): Promise<void>;
+  alias(data: { distinctId: string; alias: string; disableGeoip?: boolean }): void;
+  aliasImmediate(data: { distinctId: string; alias: string; disableGeoip?: boolean }): Promise<void>;
+  groupIdentify(data: GroupIdentifyMessage): void;
+}
+```
+
+[User and Group Identification](./identification.md)
+
+### Feature Flags
+
+Evaluate feature flags locally or remotely with support for multivariate flags, payloads, group targeting, and experiments.
+
+```typescript { .api }
+type FeatureFlagValue = boolean | string;
+
+class PostHog {
+  isFeatureEnabled(
+    key: string,
+    distinctId: string,
+    options?: {
+      groups?: Record<string, string>;
+      personProperties?: Record<string, string>;
+      groupProperties?: Record<string, Record<string, string>>;
+      onlyEvaluateLocally?: boolean;
+      sendFeatureFlagEvents?: boolean;
+      disableGeoip?: boolean;
+    }
+  ): Promise<boolean | undefined>;
+
+  getFeatureFlag(
+    key: string,
+    distinctId: string,
+    options?: {...}
+  ): Promise<FeatureFlagValue | undefined>;
+
+  getFeatureFlagPayload(
+    key: string,
+    distinctId: string,
+    matchValue?: FeatureFlagValue,
+    options?: {...}
+  ): Promise<JsonType | undefined>;
+
+  getAllFlags(distinctId: string, options?: {...}): Promise<Record<string, FeatureFlagValue>>;
+  getAllFlagsAndPayloads(distinctId: string, options?: {...}): Promise<PostHogFlagsAndPayloadsResponse>;
+
+  // Local evaluation control
+  isLocalEvaluationReady(): boolean;
+  waitForLocalEvaluationReady(timeoutMs?: number): Promise<boolean>;
+  reloadFeatureFlags(): Promise<void>;
+}
+```
+
+[Feature Flags](./feature-flags.md)
+
+### Error Tracking
+
+Capture exceptions manually or automatically with full stack traces, source context, and rate limiting.
+
+```typescript { .api }
+class PostHog {
+  captureException(
+    error: unknown,
+    distinctId?: string,
+    additionalProperties?: Record<string | number, any>
+  ): void;
+
+  captureExceptionImmediate(
+    error: unknown,
+    distinctId?: string,
+    additionalProperties?: Record<string | number, any>
+  ): Promise<void>;
+}
+```
+
+[Error Tracking](./error-tracking.md)
+
+### Express Integration
+
+Automatic error tracking middleware for Express.js applications.
+
+```typescript { .api }
+function setupExpressErrorHandler(
+  posthog: PostHog,
+  app: { use: (middleware: ExpressMiddleware | ExpressErrorMiddleware) => unknown }
+): void;
+```
+
+[Express Integration](./express-integration.md)
+
+### Sentry Integration
+
+Bi-directional integration linking PostHog users with Sentry errors.
+
+```typescript { .api }
+// Sentry v8 (function-based)
+function sentryIntegration(
+  posthog: PostHog,
+  options?: SentryIntegrationOptions
+): SentryIntegration;
+
+// Sentry v7 (class-based)
+class PostHogSentryIntegration {
+  static readonly POSTHOG_ID_TAG: string;
+  constructor(
+    posthog: PostHog,
+    organization?: string,
+    prefix?: string,
+    severityAllowList?: SeverityLevel[] | '*',
+    sendExceptionsToPostHog?: boolean
+  );
+}
+```
+
+[Sentry Integration](./sentry-integration.md)
+
+### Experimental APIs
+
+Advanced caching capabilities for distributed environments.
+
+```typescript { .api }
+// Import from 'posthog-node/experimental'
+interface FlagDefinitionCacheProvider {
+  getFlagDefinitions(): Promise<FlagDefinitionCacheData | undefined> | FlagDefinitionCacheData | undefined;
+  shouldFetchFlagDefinitions(): Promise<boolean> | boolean;
+  onFlagDefinitionsReceived(data: FlagDefinitionCacheData): Promise<void> | void;
+  shutdown(): Promise<void> | void;
+}
+
+interface FlagDefinitionCacheData {
+  flags: PostHogFeatureFlag[];
+  groupTypeMapping: Record<string, string>;
+  cohorts: Record<string, PropertyGroup>;
+}
+```
+
+[Experimental APIs](./experimental.md)
+
+## Types
+
+### PostHogOptions
+
+```typescript { .api }
+type PostHogOptions = {
+  host?: string;
+  flushAt?: number;
+  flushInterval?: number;
+  requestTimeout?: number;
+  maxQueueSize?: number;
+  maxRetries?: number;
+  disabled?: boolean;
+  captureMode?: 'form' | 'json';
+
+  // Feature flags
+  personalApiKey?: string;
+  featureFlagsPollingInterval?: number;
+  enableLocalEvaluation?: boolean;
+  evaluationEnvironments?: readonly string[];
+  flagDefinitionCacheProvider?: FlagDefinitionCacheProvider;
+
+  // Privacy and filtering
+  privacyMode?: boolean;
+  custom_blocked_useragents?: string[];
+  sendFeatureFlagEvent?: boolean;
+
+  // Error tracking
+  enableExceptionAutocapture?: boolean;
+
+  // Advanced
+  persistence?: 'memory';
+  maxCacheSize?: number;
+  fetch?: (url: string, options: PostHogFetchOptions) => Promise<PostHogFetchResponse>;
+  before_send?: BeforeSendFn | BeforeSendFn[];
+
+  // Preview features
+  __preview_capture_bot_pageviews?: boolean;
+};
+
+type BeforeSendFn = (event: EventMessage | null) => EventMessage | null;
+```
+
+### SendFeatureFlagsOptions
+
+```typescript { .api }
+interface SendFeatureFlagsOptions {
+  onlyEvaluateLocally?: boolean;
+  personProperties?: Record<string, any>;
+  groupProperties?: Record<string, Record<string, any>>;
+  flagKeys?: string[];
+}
+```
+
+### PostHogFlagsAndPayloadsResponse
+
+```typescript { .api }
+interface PostHogFlagsAndPayloadsResponse {
+  featureFlags: Record<string, FeatureFlagValue>;
+  featureFlagPayloads: Record<string, JsonType>;
+}
+```
+
+## Environment-Specific Usage
+
+### Edge Runtime Support
+
+For edge runtimes like Cloudflare Workers or Vercel Edge Functions, the package automatically uses the appropriate entry point through conditional exports. The API remains the same, but the underlying implementation is optimized for edge environments.
+
+```typescript
+// Same API works in edge runtimes
+import { PostHog } from 'posthog-node';
+
+const client = new PostHog('your-api-key');
+```
+
+### Node.js vs Edge Differences
+
+- **Node.js**: Includes advanced error tracking with source context and module resolution
+- **Edge**: Simplified error tracking without filesystem-dependent features
+- Both support the same API surface for events, feature flags, and identification
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-posthog-node/docs/sentry-integration.md b/.tessl/tiles/tessl/npm-posthog-node/docs/sentry-integration.md
new file mode 100644
index 000000000..dc68e8c7c
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-posthog-node/docs/sentry-integration.md
@@ -0,0 +1,936 @@
+# Sentry Integration
+
+Integrate PostHog with Sentry to connect error tracking with user analytics. This integration adds direct links to PostHog users in Sentry, captures exceptions as PostHog events, and enriches error data with user context.
+
+## Capabilities
+
+### PostHogSentryIntegration Class (Sentry v7)
+
+Class-based integration for Sentry v7 that automatically links Sentry errors to PostHog users.
+
+```typescript { .api }
+/**
+ * PostHog integration for Sentry v7 (class-based)
+ * @param posthog - PostHog client instance
+ * @param organization - Optional: Sentry organization name for direct links
+ * @param prefix - Optional: URL prefix for self-hosted Sentry (default: 'https://sentry.io/organizations/')
+ * @param severityAllowList - Optional: Array of severity levels to track, or '*' for all (default: ['error'])
+ * @param sendExceptionsToPostHog - Optional: Whether to capture exceptions in PostHog (default: true)
+ */
+class PostHogSentryIntegration implements SentryIntegration {
+  constructor(
+    posthog: PostHog,
+    organization?: string,
+    prefix?: string,
+    severityAllowList?: SeverityLevel[] | '*',
+    sendExceptionsToPostHog?: boolean
+  );
+
+  static readonly POSTHOG_ID_TAG: string = 'posthog_distinct_id';
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import * as Sentry from '@sentry/node';
+import { PostHog, PostHogSentryIntegration } from 'posthog-node';
+
+const client = new PostHog('phc_your_api_key', {
+  host: 'https://app.posthog.com'
+});
+
+// Basic setup
+Sentry.init({
+  dsn: 'https://examplePublicKey@o0.ingest.sentry.io/0',
+  integrations: [
+    new PostHogSentryIntegration(client)
+  ]
+});
+
+// Set the PostHog user ID on Sentry events
+Sentry.setTag(PostHogSentryIntegration.POSTHOG_ID_TAG, 'user_123');
+
+// Now when errors occur, they'll be linked to the PostHog user
+throw new Error('Something went wrong');
+```
+
+### sentryIntegration Function (Sentry v8)
+
+Function-based integration for Sentry v8 that provides the same functionality as the class-based integration.
+
+```typescript { .api }
+/**
+ * PostHog integration for Sentry v8 (function-based)
+ * @param posthog - PostHog client instance
+ * @param options - Configuration options
+ * @returns Sentry integration object
+ */
+function sentryIntegration(
+  posthog: PostHog,
+  options?: SentryIntegrationOptions
+): SentryIntegration;
+
+interface SentryIntegrationOptions {
+  /** Sentry organization name for direct links */
+  organization?: string;
+  /** Sentry project ID for direct links */
+  projectId?: number;
+  /** URL prefix for self-hosted Sentry (default: 'https://sentry.io/organizations/') */
+  prefix?: string;
+  /** Array of severity levels to track, or '*' for all (default: ['error']) */
+  severityAllowList?: SeverityLevel[] | '*';
+  /** Whether to capture exceptions in PostHog (default: true) */
+  sendExceptionsToPostHog?: boolean;
+}
+
+type SeverityLevel = 'fatal' | 'error' | 'warning' | 'log' | 'info' | 'debug';
+```
+
+**Usage Examples:**
+
+```typescript
+import * as Sentry from '@sentry/node';
+import { PostHog, sentryIntegration, PostHogSentryIntegration } from 'posthog-node';
+
+const client = new PostHog('phc_your_api_key', {
+  host: 'https://app.posthog.com'
+});
+
+// Basic setup
+Sentry.init({
+  dsn: 'https://examplePublicKey@o0.ingest.sentry.io/0',
+  integrations: [
+    sentryIntegration(client)
+  ]
+});
+
+// Set the PostHog user ID on Sentry events
+Sentry.setTag(PostHogSentryIntegration.POSTHOG_ID_TAG, 'user_123');
+
+// With options
+Sentry.init({
+  dsn: 'https://examplePublicKey@o0.ingest.sentry.io/0',
+  integrations: [
+    sentryIntegration(client, {
+      organization: 'my-org',
+      projectId: 12345,
+      severityAllowList: ['error', 'fatal']
+    })
+  ]
+});
+```
+
+### POSTHOG_ID_TAG Constant
+
+The Sentry tag key used to identify PostHog users in Sentry events.
+
+```typescript { .api }
+/**
+ * The Sentry tag key for PostHog distinct IDs
+ */
+const POSTHOG_ID_TAG: string = 'posthog_distinct_id';
+```
+
+## Setup Examples
+
+### Sentry v7 Setup
+
+```typescript
+import * as Sentry from '@sentry/node';
+import { PostHog, PostHogSentryIntegration } from 'posthog-node';
+
+const client = new PostHog('phc_your_api_key', {
+  host: 'https://app.posthog.com'
+});
+
+// Initialize Sentry with PostHog integration
+Sentry.init({
+  dsn: 'https://examplePublicKey@o0.ingest.sentry.io/0',
+  integrations: [
+    new PostHogSentryIntegration(
+      client,
+      'my-organization', // Sentry organization
+      undefined,         // Use default prefix
+      ['error', 'fatal'], // Only track errors and fatal issues
+      true               // Send exceptions to PostHog
+    )
+  ],
+  tracesSampleRate: 1.0
+});
+
+// In your application code, set the user ID
+function handleRequest(userId: string) {
+  // Set PostHog distinct ID for Sentry
+  Sentry.setTag(PostHogSentryIntegration.POSTHOG_ID_TAG, userId);
+
+  // Your code here
+  processUserRequest(userId);
+}
+```
+
+### Sentry v8 Setup
+
+```typescript
+import * as Sentry from '@sentry/node';
+import { PostHog, sentryIntegration, PostHogSentryIntegration } from 'posthog-node';
+
+const client = new PostHog('phc_your_api_key', {
+  host: 'https://app.posthog.com'
+});
+
+// Initialize Sentry with PostHog integration
+Sentry.init({
+  dsn: 'https://examplePublicKey@o0.ingest.sentry.io/0',
+  integrations: [
+    sentryIntegration(client, {
+      organization: 'my-organization',
+      projectId: 12345,
+      severityAllowList: ['error', 'fatal'],
+      sendExceptionsToPostHog: true
+    })
+  ],
+  tracesSampleRate: 1.0
+});
+
+// In your application code, set the user ID
+function handleRequest(userId: string) {
+  // Set PostHog distinct ID for Sentry
+  Sentry.setTag(PostHogSentryIntegration.POSTHOG_ID_TAG, userId);
+
+  // Your code here
+  processUserRequest(userId);
+}
+```
+
+### Express.js Integration
+
+```typescript
+import express from 'express';
+import * as Sentry from '@sentry/node';
+import { PostHog, sentryIntegration, PostHogSentryIntegration } from 'posthog-node';
+
+const app = express();
+const client = new PostHog('phc_your_api_key');
+
+// Initialize Sentry with PostHog
+Sentry.init({
+  dsn: 'https://examplePublicKey@o0.ingest.sentry.io/0',
+  integrations: [
+    new Sentry.Integrations.Http({ tracing: true }),
+    new Sentry.Integrations.Express({ app }),
+    sentryIntegration(client, {
+      organization: 'my-org',
+      projectId: 12345
+    })
+  ]
+});
+
+// Sentry request handler (must be first)
+app.use(Sentry.Handlers.requestHandler());
+app.use(Sentry.Handlers.tracingHandler());
+
+// Middleware to set PostHog user ID
+app.use((req, res, next) => {
+  if (req.user?.id) {
+    Sentry.setTag(PostHogSentryIntegration.POSTHOG_ID_TAG, req.user.id);
+  }
+  next();
+});
+
+// Your routes
+app.get('/api/users', async (req, res) => {
+  const users = await getUsers();
+  res.json(users);
+});
+
+// Sentry error handler (must be after routes)
+app.use(Sentry.Handlers.errorHandler());
+
+// Start server
+app.listen(3000);
+```
+
+### Next.js Integration
+
+```typescript
+// sentry.server.config.ts
+import * as Sentry from '@sentry/nextjs';
+import { PostHog, sentryIntegration } from 'posthog-node';
+
+const client = new PostHog(process.env.NEXT_PUBLIC_POSTHOG_KEY!, {
+  host: process.env.NEXT_PUBLIC_POSTHOG_HOST
+});
+
+Sentry.init({
+  dsn: process.env.SENTRY_DSN,
+  integrations: [
+    sentryIntegration(client, {
+      organization: 'my-org',
+      projectId: Number(process.env.SENTRY_PROJECT_ID)
+    })
+  ],
+  tracesSampleRate: 1.0
+});
+
+// In your API routes or server components
+import { PostHogSentryIntegration } from 'posthog-node';
+import * as Sentry from '@sentry/nextjs';
+
+export async function GET(request: Request) {
+  const userId = await getUserId(request);
+
+  if (userId) {
+    Sentry.setTag(PostHogSentryIntegration.POSTHOG_ID_TAG, userId);
+  }
+
+  // Your API logic
+}
+```
+
+## Linking Users to Errors
+
+### Setting User Context
+
+```typescript
+import * as Sentry from '@sentry/node';
+import { PostHog, PostHogSentryIntegration } from 'posthog-node';
+
+const client = new PostHog('phc_your_api_key');
+
+// Method 1: Set tag directly
+Sentry.setTag(PostHogSentryIntegration.POSTHOG_ID_TAG, 'user_123');
+
+// Method 2: Set in scope
+Sentry.configureScope((scope) => {
+  scope.setTag(PostHogSentryIntegration.POSTHOG_ID_TAG, 'user_123');
+});
+
+// Method 3: Set with context
+Sentry.setContext('posthog', {
+  [PostHogSentryIntegration.POSTHOG_ID_TAG]: 'user_123'
+});
+
+// Method 4: Set in error capture
+Sentry.captureException(error, {
+  tags: {
+    [PostHogSentryIntegration.POSTHOG_ID_TAG]: 'user_123'
+  }
+});
+```
+
+### Dynamic User Context
+
+```typescript
+import * as Sentry from '@sentry/node';
+import { PostHogSentryIntegration } from 'posthog-node';
+
+// Set user context per request
+async function handleRequest(req: Request) {
+  const userId = await getUserIdFromRequest(req);
+
+  if (userId) {
+    // Set for this scope
+    Sentry.setTag(PostHogSentryIntegration.POSTHOG_ID_TAG, userId);
+
+    // Also identify in PostHog
+    client.identify({
+      distinctId: userId,
+      properties: {
+        email: req.user.email,
+        name: req.user.name
+      }
+    });
+  }
+
+  try {
+    await processRequest(req);
+  } catch (error) {
+    // Error will be linked to userId in both Sentry and PostHog
+    throw error;
+  }
+}
+```
+
+### Anonymous vs Identified Users
+
+```typescript
+import * as Sentry from '@sentry/node';
+import { PostHogSentryIntegration } from 'posthog-node';
+
+function setUserContext(user: User | null) {
+  if (user) {
+    // Identified user
+    Sentry.setTag(PostHogSentryIntegration.POSTHOG_ID_TAG, user.id);
+    Sentry.setUser({
+      id: user.id,
+      email: user.email,
+      username: user.username
+    });
+  } else {
+    // Anonymous user - use session ID or device ID
+    const sessionId = getSessionId();
+    Sentry.setTag(PostHogSentryIntegration.POSTHOG_ID_TAG, sessionId);
+    Sentry.setUser({
+      id: sessionId
+    });
+  }
+}
+```
+
+## What Gets Captured
+
+### In Sentry
+
+When an error occurs, the following PostHog data is added to Sentry:
+
+```typescript
+{
+  tags: {
+    'posthog_distinct_id': 'user_123',
+    'PostHog Person URL': 'https://app.posthog.com/project/12345/person/user_123'
+  }
+}
+```
+
+### In PostHog
+
+When an error occurs, a `$exception` event is captured with these properties:
+
+```typescript
+{
+  event: '$exception',
+  distinctId: 'user_123',
+  properties: {
+    // PostHog exception properties
+    $exception_message: 'Error message',
+    $exception_type: 'Error',
+    $exception_level: 'error',
+    $exception_list: [{
+      type: 'Error',
+      value: 'Error message',
+      stacktrace: {
+        frames: [/* stack frames */]
+      }
+    }],
+
+    // Sentry exception properties
+    $sentry_event_id: '80a7023ac32c47f7acb0adaed600d149',
+    $sentry_exception: {/* Sentry exception data */},
+    $sentry_exception_message: 'Error message',
+    $sentry_exception_type: 'Error',
+    $sentry_tags: {/* All Sentry tags */},
+    $sentry_url: 'https://sentry.io/organizations/my-org/issues/?project=12345&query=80a7023ac32c47f7acb0adaed600d149'
+  }
+}
+```
+
+## Configuration Options
+
+### Severity Allow List
+
+Control which error severity levels are tracked:
+
+```typescript
+// Track only errors and fatal issues (default)
+sentryIntegration(client, {
+  severityAllowList: ['error', 'fatal']
+});
+
+// Track all severity levels
+sentryIntegration(client, {
+  severityAllowList: '*'
+});
+
+// Track errors, warnings, and info
+sentryIntegration(client, {
+  severityAllowList: ['error', 'warning', 'info']
+});
+
+// Available levels: 'fatal', 'error', 'warning', 'log', 'info', 'debug'
+```
+
+### Organization and Project Links
+
+Create direct links from PostHog to Sentry issues:
+
+```typescript
+// With organization and project ID
+sentryIntegration(client, {
+  organization: 'my-company',
+  projectId: 12345
+});
+// Creates links like: https://sentry.io/organizations/my-company/issues/?project=12345&query=<event_id>
+
+// Self-hosted Sentry
+sentryIntegration(client, {
+  organization: 'my-company',
+  projectId: 12345,
+  prefix: 'https://sentry.mycompany.com/organizations/'
+});
+// Creates links like: https://sentry.mycompany.com/organizations/my-company/issues/?project=12345&query=<event_id>
+```
+
+### Disable PostHog Exception Events
+
+Only add PostHog links to Sentry, don't capture exceptions in PostHog:
+
+```typescript
+sentryIntegration(client, {
+  sendExceptionsToPostHog: false
+});
+```
+
+This still adds the PostHog person URL to Sentry events, but doesn't create `$exception` events in PostHog.
+
+## Advanced Usage
+
+### Multi-tenant Applications
+
+```typescript
+import * as Sentry from '@sentry/node';
+import { PostHog, sentryIntegration, PostHogSentryIntegration } from 'posthog-node';
+
+const clients = new Map<string, PostHog>();
+
+function getClientForTenant(tenantId: string): PostHog {
+  if (!clients.has(tenantId)) {
+    clients.set(tenantId, new PostHog(
+      getTenantApiKey(tenantId),
+      { host: 'https://app.posthog.com' }
+    ));
+  }
+  return clients.get(tenantId)!;
+}
+
+// Initialize Sentry with default client
+const defaultClient = getClientForTenant('default');
+Sentry.init({
+  dsn: process.env.SENTRY_DSN,
+  integrations: [
+    sentryIntegration(defaultClient)
+  ]
+});
+
+// Set user context per request
+app.use((req, res, next) => {
+  const tenantId = req.headers['x-tenant-id'];
+  const userId = req.user?.id;
+
+  if (userId) {
+    // Use tenant-specific format for user ID
+    const distinctId = `${tenantId}:${userId}`;
+    Sentry.setTag(PostHogSentryIntegration.POSTHOG_ID_TAG, distinctId);
+
+    // Track in tenant-specific PostHog instance
+    const client = getClientForTenant(tenantId);
+    client.identify({
+      distinctId,
+      properties: {
+        tenant_id: tenantId,
+        user_id: userId
+      }
+    });
+  }
+
+  next();
+});
+```
+
+### Conditional Tracking
+
+```typescript
+import * as Sentry from '@sentry/node';
+import { PostHog, sentryIntegration, PostHogSentryIntegration } from 'posthog-node';
+
+const client = new PostHog('phc_your_api_key');
+
+// Only track certain error types
+sentryIntegration(client, {
+  severityAllowList: ['error', 'fatal']
+});
+
+// Custom filtering
+Sentry.init({
+  dsn: process.env.SENTRY_DSN,
+  integrations: [
+    sentryIntegration(client)
+  ],
+  beforeSend(event, hint) {
+    // Don't send to PostHog for certain errors
+    if (event.exception?.values?.[0]?.type === 'ValidationError') {
+      delete event.tags?.[PostHogSentryIntegration.POSTHOG_ID_TAG];
+    }
+    return event;
+  }
+});
+```
+
+### Integration with Feature Flags
+
+```typescript
+import * as Sentry from '@sentry/node';
+import { PostHog, sentryIntegration, PostHogSentryIntegration } from 'posthog-node';
+
+const client = new PostHog('phc_your_api_key');
+
+Sentry.init({
+  dsn: process.env.SENTRY_DSN,
+  integrations: [
+    sentryIntegration(client, {
+      organization: 'my-org',
+      projectId: 12345
+    })
+  ]
+});
+
+async function handleRequest(userId: string) {
+  // Set user context
+  Sentry.setTag(PostHogSentryIntegration.POSTHOG_ID_TAG, userId);
+
+  // Get feature flags
+  const flags = await client.getAllFlags(userId);
+
+  // Add feature flags to Sentry context
+  Sentry.setContext('feature_flags', flags);
+
+  try {
+    // Process request with feature flags
+    if (flags['new-feature']) {
+      await processWithNewFeature(userId);
+    } else {
+      await processWithOldFeature(userId);
+    }
+  } catch (error) {
+    // Error will include both user ID and active feature flags
+    throw error;
+  }
+}
+```
+
+### Graceful Shutdown
+
+```typescript
+import * as Sentry from '@sentry/node';
+import { PostHog, sentryIntegration } from 'posthog-node';
+
+const client = new PostHog('phc_your_api_key');
+
+Sentry.init({
+  dsn: process.env.SENTRY_DSN,
+  integrations: [
+    sentryIntegration(client)
+  ]
+});
+
+// Graceful shutdown
+async function shutdown() {
+  console.log('Shutting down...');
+
+  // Flush Sentry events
+  await Sentry.close(2000);
+
+  // Flush PostHog events
+  await client.shutdown(5000);
+
+  process.exit(0);
+}
+
+process.on('SIGTERM', shutdown);
+process.on('SIGINT', shutdown);
+```
+
+## Best Practices
+
+### 1. Always Set User Context
+
+Set the PostHog distinct ID for every request or operation to ensure errors are properly linked:
+
+```typescript
+// Good: Set user context at request start
+app.use((req, res, next) => {
+  if (req.user?.id) {
+    Sentry.setTag(PostHogSentryIntegration.POSTHOG_ID_TAG, req.user.id);
+  }
+  next();
+});
+
+// Bad: Only set on error
+app.use((error, req, res, next) => {
+  if (req.user?.id) {
+    Sentry.setTag(PostHogSentryIntegration.POSTHOG_ID_TAG, req.user.id);
+  }
+  next(error);
+});
+```
+
+### 2. Use Consistent User IDs
+
+Use the same distinct ID format across PostHog and Sentry:
+
+```typescript
+// Good: Consistent ID format
+const userId = `user_${user.id}`;
+Sentry.setTag(PostHogSentryIntegration.POSTHOG_ID_TAG, userId);
+client.identify({ distinctId: userId });
+
+// Bad: Different ID formats
+Sentry.setTag(PostHogSentryIntegration.POSTHOG_ID_TAG, user.id);
+client.identify({ distinctId: `user_${user.id}` });
+```
+
+### 3. Configure Organization and Project
+
+Always provide organization and project ID for direct Sentry links:
+
+```typescript
+// Good: Direct links to Sentry
+sentryIntegration(client, {
+  organization: 'my-org',
+  projectId: 12345
+});
+
+// Missing: No direct links
+sentryIntegration(client);
+```
+
+### 4. Filter by Severity
+
+Only track relevant error levels to reduce noise:
+
+```typescript
+// Good: Track only errors and fatal issues
+sentryIntegration(client, {
+  severityAllowList: ['error', 'fatal']
+});
+
+// Bad: Track everything including debug logs
+sentryIntegration(client, {
+  severityAllowList: '*'
+});
+```
+
+### 5. Handle Anonymous Users
+
+Set context for both authenticated and anonymous users:
+
+```typescript
+// Good: Handle both cases
+function setUserContext(req: Request) {
+  const userId = req.user?.id || req.session?.id || generateAnonymousId();
+  Sentry.setTag(PostHogSentryIntegration.POSTHOG_ID_TAG, userId);
+}
+
+// Bad: Only authenticated users
+function setUserContext(req: Request) {
+  if (req.user?.id) {
+    Sentry.setTag(PostHogSentryIntegration.POSTHOG_ID_TAG, req.user.id);
+  }
+}
+```
+
+### 6. Clean Up in Isolated Contexts
+
+Clear user context after processing to avoid leakage:
+
+```typescript
+// Good: Clean up after processing
+async function processJob(job: Job) {
+  Sentry.configureScope((scope) => {
+    scope.setTag(PostHogSentryIntegration.POSTHOG_ID_TAG, job.userId);
+  });
+
+  try {
+    await job.execute();
+  } finally {
+    Sentry.configureScope((scope) => {
+      scope.setTag(PostHogSentryIntegration.POSTHOG_ID_TAG, undefined);
+    });
+  }
+}
+
+// Bad: Context leaks to next job
+async function processJob(job: Job) {
+  Sentry.setTag(PostHogSentryIntegration.POSTHOG_ID_TAG, job.userId);
+  await job.execute();
+}
+```
+
+### 7. Test Integration
+
+Verify the integration works correctly:
+
+```typescript
+import * as Sentry from '@sentry/node';
+import { PostHog, sentryIntegration, PostHogSentryIntegration } from 'posthog-node';
+
+const client = new PostHog('phc_your_api_key', {
+  host: 'https://app.posthog.com'
+});
+
+Sentry.init({
+  dsn: process.env.SENTRY_DSN,
+  integrations: [
+    sentryIntegration(client, {
+      organization: 'my-org',
+      projectId: 12345
+    })
+  ]
+});
+
+// Test function
+async function testIntegration() {
+  const testUserId = 'test_user_' + Date.now();
+
+  // Set user context
+  Sentry.setTag(PostHogSentryIntegration.POSTHOG_ID_TAG, testUserId);
+
+  // Capture test exception
+  try {
+    throw new Error('Test exception from integration');
+  } catch (error) {
+    Sentry.captureException(error);
+  }
+
+  // Wait for events to be sent
+  await client.shutdown();
+  await Sentry.close(2000);
+
+  console.log(`Check Sentry for event with PostHog user: ${testUserId}`);
+  console.log(`Check PostHog for $exception event for user: ${testUserId}`);
+}
+
+testIntegration();
+```
+
+### 8. Monitor Integration Health
+
+Track integration metrics:
+
+```typescript
+import * as Sentry from '@sentry/node';
+import { PostHog, sentryIntegration, PostHogSentryIntegration } from 'posthog-node';
+
+const client = new PostHog('phc_your_api_key');
+
+let integrationErrors = 0;
+let eventsProcessed = 0;
+
+Sentry.init({
+  dsn: process.env.SENTRY_DSN,
+  integrations: [
+    sentryIntegration(client)
+  ],
+  beforeSend(event, hint) {
+    eventsProcessed++;
+
+    // Check if PostHog user is set
+    if (!event.tags?.[PostHogSentryIntegration.POSTHOG_ID_TAG]) {
+      integrationErrors++;
+      console.warn('Sentry event missing PostHog user ID');
+    }
+
+    return event;
+  }
+});
+
+// Report metrics periodically
+setInterval(() => {
+  client.capture({
+    event: 'sentry_integration_metrics',
+    distinctId: 'system',
+    properties: {
+      events_processed: eventsProcessed,
+      integration_errors: integrationErrors,
+      error_rate: integrationErrors / eventsProcessed
+    }
+  });
+}, 60000);
+```
+
+## Troubleshooting
+
+### No PostHog User URL in Sentry
+
+If the PostHog person URL isn't appearing in Sentry:
+
+1. Verify the PostHog distinct ID is set:
+```typescript
+Sentry.setTag(PostHogSentryIntegration.POSTHOG_ID_TAG, userId);
+```
+
+2. Check the tag name is correct:
+```typescript
+console.log('Tag:', PostHogSentryIntegration.POSTHOG_ID_TAG); // 'posthog_distinct_id'
+```
+
+3. Ensure the integration is initialized:
+```typescript
+Sentry.init({
+  integrations: [sentryIntegration(client)]
+});
+```
+
+### No $exception Events in PostHog
+
+If exceptions aren't appearing in PostHog:
+
+1. Verify `sendExceptionsToPostHog` is enabled:
+```typescript
+sentryIntegration(client, {
+  sendExceptionsToPostHog: true // default
+});
+```
+
+2. Check severity allow list:
+```typescript
+sentryIntegration(client, {
+  severityAllowList: ['error', 'fatal'] // or '*' for all
+});
+```
+
+3. Ensure PostHog client is initialized:
+```typescript
+const client = new PostHog('phc_your_api_key');
+```
+
+### Wrong User Linked in Sentry
+
+If errors are linked to the wrong user:
+
+1. Clear scope between requests:
+```typescript
+// Use request-scoped context
+app.use((req, res, next) => {
+  Sentry.withScope((scope) => {
+    scope.setTag(PostHogSentryIntegration.POSTHOG_ID_TAG, req.user?.id);
+    next();
+  });
+});
+```
+
+2. Use Sentry hubs for isolation:
+```typescript
+const hub = Sentry.getCurrentHub();
+hub.configureScope((scope) => {
+  scope.setTag(PostHogSentryIntegration.POSTHOG_ID_TAG, userId);
+});
+```
+
+### Self-Hosted Sentry Links Not Working
+
+If links to self-hosted Sentry are incorrect:
+
+1. Set the correct prefix:
+```typescript
+sentryIntegration(client, {
+  organization: 'my-org',
+  projectId: 12345,
+  prefix: 'https://sentry.mycompany.com/organizations/'
+});
+```
+
+2. Verify the URL format matches your Sentry instance:
+```typescript
+// Should produce: https://sentry.mycompany.com/organizations/my-org/issues/?project=12345&query=<event_id>
+```
diff --git a/.tessl/tiles/tessl/npm-posthog-node/tile.json b/.tessl/tiles/tessl/npm-posthog-node/tile.json
new file mode 100644
index 000000000..973eb5b97
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-posthog-node/tile.json
@@ -0,0 +1,8 @@
+{
+  "name": "tessl/npm-posthog-node",
+  "version": "5.13.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/posthog-node@5.13.2",
+  "summary": "PostHog Node.js integration for event tracking, feature flags, and error tracking in server-side applications",
+  "private": false
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-prettier/docs/configuration.md b/.tessl/tiles/tessl/npm-prettier/docs/configuration.md
new file mode 100644
index 000000000..9dcf6b2ad
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-prettier/docs/configuration.md
@@ -0,0 +1,371 @@
+# Configuration Resolution
+
+Prettier's configuration system allows you to discover and resolve configuration files with support for various formats, EditorConfig integration, and intelligent caching.
+
+## Configuration Functions
+
+### resolveConfig
+```javascript { .api }
+async function resolveConfig(
+  fileUrlOrPath: string | URL, 
+  options?: ResolveConfigOptions
+): Promise<Options | null>
+```
+
+Resolve Prettier configuration for a given file path. Searches up the directory tree for configuration files and merges them with defaults.
+
+**Parameters:**
+- `fileUrlOrPath` (string | URL): File path or URL to resolve configuration for
+- `options` (ResolveConfigOptions, optional): Resolution options
+
+**Returns:** Promise resolving to merged Options object or null if no config found
+
+**Types:**
+```javascript { .api }
+interface ResolveConfigOptions {
+  useCache?: boolean;         // Use cached results (default: true)
+  config?: string | URL;      // Direct path to config file
+  editorconfig?: boolean;     // Parse .editorconfig files (default: false)
+}
+```
+
+**Example:**
+```javascript { .api }
+// Basic configuration resolution
+const config = await prettier.resolveConfig('/project/src/file.js');
+// Result: { semi: true, singleQuote: false, ... } or null
+
+// With EditorConfig support
+const config = await prettier.resolveConfig('/project/src/file.js', {
+  editorconfig: true,
+  useCache: false
+});
+
+// With explicit config file
+const config = await prettier.resolveConfig('/project/src/file.js', {
+  config: '/project/.prettierrc.json'
+});
+```
+
+### resolveConfigFile
+```javascript { .api }
+async function resolveConfigFile(fileUrlOrPath?: string | URL): Promise<string | null>
+```
+
+Find the path to the Prettier configuration file that would be used for a given file path.
+
+**Parameters:**
+- `fileUrlOrPath` (string | URL, optional): Starting point for search (default: current working directory)
+
+**Returns:** Promise resolving to config file path or null if not found
+
+**Example:**
+```javascript { .api }
+// Find config file for specific path
+const configPath = await prettier.resolveConfigFile('/project/src/file.js');
+// Result: '/project/.prettierrc.json' or null
+
+// Find config file from current directory
+const configPath = await prettier.resolveConfigFile();
+// Result: '/current/dir/.prettierrc' or null
+```
+
+### clearConfigCache
+```javascript { .api }
+async function clearConfigCache(): Promise<void>
+```
+
+Clear the configuration file system cache. Useful for editor integrations and long-running processes that need to detect config changes.
+
+**Example:**
+```javascript { .api }
+// Clear cache when config files change
+await prettier.clearConfigCache();
+
+// Subsequent resolveConfig calls will re-read files
+const freshConfig = await prettier.resolveConfig('/project/src/file.js');
+```
+
+## Configuration File Formats
+
+Prettier supports multiple configuration file formats, searched in this order:
+
+### Package.json
+```json { .api }
+{
+  "prettier": {
+    "semi": false,
+    "singleQuote": true,
+    "trailingComma": "all"
+  }
+}
+```
+
+### .prettierrc (JSON/YAML)
+```json { .api }
+{
+  "semi": false,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "overrides": [
+    {
+      "files": "*.md",
+      "options": {
+        "proseWrap": "always"
+      }
+    }
+  ]
+}
+```
+
+### .prettierrc.json
+```json { .api }
+{
+  "printWidth": 100,
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": false,
+  "quoteProps": "as-needed",
+  "trailingComma": "all",
+  "bracketSpacing": true,
+  "bracketSameLine": false,
+  "arrowParens": "always"
+}
+```
+
+### .prettierrc.js/.prettierrc.cjs
+```javascript { .api }
+module.exports = {
+  semi: false,
+  singleQuote: true,
+  trailingComma: 'all',
+  overrides: [
+    {
+      files: '*.ts',
+      options: {
+        parser: 'typescript'
+      }
+    }
+  ]
+};
+```
+
+### prettier.config.js/prettier.config.cjs
+```javascript { .api }
+module.exports = {
+  plugins: ['prettier-plugin-organize-imports'],
+  semi: false,
+  singleQuote: true
+};
+```
+
+### .prettierrc.mjs/prettier.config.mjs (ESM)
+```javascript { .api }
+export default {
+  semi: false,
+  singleQuote: true,
+  trailingComma: 'all'
+};
+```
+
+### .prettierrc.ts/prettier.config.ts (TypeScript)
+```typescript { .api }
+import type { Config } from 'prettier';
+
+const config: Config = {
+  semi: false,
+  singleQuote: true,
+  trailingComma: 'all'
+};
+
+export default config;
+```
+
+## Configuration Overrides
+
+Use overrides to apply different formatting rules to specific files:
+
+```javascript { .api }
+// Configuration with overrides
+const config = {
+  semi: true,
+  singleQuote: false,
+  overrides: [
+    {
+      files: '*.json',
+      options: {
+        printWidth: 120,
+        tabWidth: 4
+      }
+    },
+    {
+      files: ['*.md', '*.mdx'],
+      options: {
+        proseWrap: 'always',
+        printWidth: 70
+      }
+    },
+    {
+      files: 'legacy/**/*.js',
+      excludeFiles: 'legacy/vendor/**',
+      options: {
+        semi: false,
+        trailingComma: 'none'
+      }
+    }
+  ]
+};
+```
+
+**Override Types:**
+```javascript { .api }
+interface Config extends Options {
+  overrides?: Array<{
+    files: string | string[];      // Glob patterns to match
+    excludeFiles?: string | string[]; // Glob patterns to exclude  
+    options?: Options;             // Options to apply
+  }>;
+}
+```
+
+## EditorConfig Integration
+
+When `editorconfig: true` is specified, Prettier parses `.editorconfig` files and converts supported properties:
+
+```ini
+# .editorconfig
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false
+max_line_length = 80
+```
+
+**Supported EditorConfig Properties:**
+- `indent_style` → `useTabs` 
+- `indent_size`/`tab_width` → `tabWidth`
+- `max_line_length` → `printWidth`
+- `end_of_line` → `endOfLine`
+
+**Example:**
+```javascript { .api }
+const config = await prettier.resolveConfig('/project/src/file.js', {
+  editorconfig: true
+});
+// Result merges .prettierrc with .editorconfig properties
+```
+
+## Configuration Resolution Order
+
+Configuration is resolved in this precedence order (highest to lowest):
+
+1. Explicit `options` parameter passed to formatting functions
+2. Configuration file options (`.prettierrc`, etc.)
+3. EditorConfig properties (if enabled)
+4. Prettier defaults
+
+```javascript { .api }
+// Explicit options override config files
+const formatted = await prettier.format(code, {
+  // This config resolution is automatic
+  filepath: '/project/src/file.js',
+  
+  // These explicit options override resolved config
+  semi: false,
+  singleQuote: true
+});
+```
+
+## Caching Behavior
+
+Configuration results are cached by file path for performance:
+
+```javascript { .api }
+// First call reads from disk
+const config1 = await prettier.resolveConfig('/project/src/file.js');
+
+// Second call uses cache
+const config2 = await prettier.resolveConfig('/project/src/file.js');
+
+// Clear cache to force re-read
+await prettier.clearConfigCache();
+
+// Next call reads from disk again
+const config3 = await prettier.resolveConfig('/project/src/file.js');
+```
+
+## Ignore Files
+
+Prettier respects `.prettierignore` files to exclude files from formatting:
+
+```gitignore
+# .prettierignore
+node_modules/
+dist/
+*.min.js
+legacy/
+coverage/
+```
+
+The ignore patterns affect `getFileInfo()` results but don't directly impact configuration resolution.
+
+## Usage Patterns
+
+### Editor Integration
+```javascript { .api }
+async function formatFileForEditor(filePath, content) {
+  // Get file info including ignore status
+  const fileInfo = await prettier.getFileInfo(filePath, {
+    resolveConfig: true
+  });
+  
+  if (fileInfo.ignored || !fileInfo.inferredParser) {
+    return content; // Don't format
+  }
+  
+  // Resolve config for file
+  const config = await prettier.resolveConfig(filePath);
+  
+  // Format with cursor tracking
+  return prettier.formatWithCursor(content, {
+    ...config,
+    filepath: filePath,
+    cursorOffset: cursor.offset
+  });
+}
+```
+
+### Build Tool Integration
+```javascript { .api }
+async function formatProjectFiles(pattern) {
+  const files = await glob(pattern);
+  
+  for (const file of files) {
+    const config = await prettier.resolveConfig(file);
+    if (!config) continue; // No config found, skip
+    
+    const content = await fs.readFile(file, 'utf8');
+    const needsFormatting = !(await prettier.check(content, {
+      ...config,
+      filepath: file
+    }));
+    
+    if (needsFormatting) {
+      const formatted = await prettier.format(content, {
+        ...config,
+        filepath: file
+      });
+      await fs.writeFile(file, formatted);
+    }
+  }
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-prettier/docs/core-formatting.md b/.tessl/tiles/tessl/npm-prettier/docs/core-formatting.md
new file mode 100644
index 000000000..527e4e37e
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-prettier/docs/core-formatting.md
@@ -0,0 +1,248 @@
+# Core Formatting Functions
+
+The core formatting functions provide the main API for formatting code with Prettier. These functions handle code parsing, formatting, and result generation with full async support.
+
+## Core Functions
+
+### format
+```javascript { .api }
+async function format(source: string, options?: Options): Promise<string>
+```
+
+Format source code using Prettier with the specified options.
+
+**Parameters:**
+- `source` (string): The source code to format
+- `options` (Options, optional): Formatting options and parser configuration
+
+**Returns:** Promise resolving to formatted source code string
+
+**Example:**
+```javascript { .api }
+const formatted = await prettier.format('const x={a:1,b:2}', {
+  parser: 'babel',
+  semi: false,
+  singleQuote: true,
+  printWidth: 80
+});
+// Result: "const x = { a: 1, b: 2 };\n"
+```
+
+### formatWithCursor
+```javascript { .api }
+async function formatWithCursor(source: string, options: CursorOptions): Promise<CursorResult>
+```
+
+Format source code while tracking cursor position. Essential for editor integrations to maintain cursor position after formatting.
+
+**Parameters:**
+- `source` (string): The source code to format
+- `options` (CursorOptions): Formatting options including cursor position
+
+**Returns:** Promise resolving to CursorResult with formatted code and new cursor position
+
+**Types:**
+```javascript { .api }
+interface CursorOptions extends Options {
+  cursorOffset: number; // Position of cursor in original source
+}
+
+interface CursorResult {
+  formatted: string;     // Formatted source code
+  cursorOffset: number;  // New cursor position in formatted code
+}
+```
+
+**Example:**
+```javascript { .api }
+const result = await prettier.formatWithCursor('const x={a:1,|b:2}', {
+  cursorOffset: 13, // Position marked with |
+  parser: 'babel',
+  semi: false
+});
+// result.formatted: "const x = { a: 1, b: 2 }\n"
+// result.cursorOffset: 18 (adjusted position)
+```
+
+### check
+```javascript { .api }
+async function check(source: string, options?: Options): Promise<boolean>
+```
+
+Check if source code is already formatted according to Prettier rules. Equivalent to CLI `--list-different` flag.
+
+**Parameters:**
+- `source` (string): The source code to check
+- `options` (Options, optional): Formatting options to use for comparison
+
+**Returns:** Promise resolving to boolean - true if already formatted, false if formatting is needed
+
+**Example:**
+```javascript { .api }
+const isFormatted = await prettier.check('const x = { a: 1, b: 2 };', {
+  parser: 'babel'
+});
+// Result: true
+
+const needsFormatting = await prettier.check('const x={a:1,b:2}', {
+  parser: 'babel'
+});
+// Result: false
+```
+
+## Formatting Options
+
+### Core Options
+```javascript { .api }
+interface Options {
+  // Parser and language
+  parser?: string;           // Parser to use (babel, typescript, css, etc.)
+  filepath?: string;         // File path for parser inference
+  
+  // Code style
+  printWidth?: number;       // Line length limit (default: 80)
+  tabWidth?: number;         // Tab width (default: 2)
+  useTabs?: boolean;         // Use tabs instead of spaces (default: false)
+  semi?: boolean;            // Print semicolons (default: true)
+  singleQuote?: boolean;     // Use single quotes (default: false)
+  jsxSingleQuote?: boolean;  // Use single quotes in JSX (default: false)
+  quoteProps?: 'as-needed' | 'consistent' | 'preserve'; // Quote object properties
+  
+  // Trailing commas
+  trailingComma?: 'none' | 'es5' | 'all'; // Trailing commas (default: 'all')
+  
+  // Spacing and brackets
+  bracketSpacing?: boolean;     // Spaces in object literals (default: true)
+  bracketSameLine?: boolean;    // Put > on same line in multi-line elements
+  arrowParens?: 'avoid' | 'always'; // Parentheses around single arrow function param
+  objectWrap?: 'preserve' | 'collapse'; // How to wrap object literals (default: 'preserve')
+  
+  // Range formatting
+  rangeStart?: number;       // Format only a range (default: 0)
+  rangeEnd?: number;         // Format only a range (default: Infinity)
+  
+  // Pragmas
+  requirePragma?: boolean;   // Only format files with @format pragma
+  insertPragma?: boolean;    // Insert @format pragma in formatted files
+  checkIgnorePragma?: boolean; // Respect // prettier-ignore comments
+  
+  // Prose
+  proseWrap?: 'always' | 'never' | 'preserve'; // Wrap prose (default: 'preserve')
+  
+  // HTML/CSS specific
+  htmlWhitespaceSensitivity?: 'css' | 'strict' | 'ignore';
+  vueIndentScriptAndStyle?: boolean; // Indent <script> and <style> in Vue
+  
+  // Line endings
+  endOfLine?: 'auto' | 'lf' | 'crlf' | 'cr'; // Line ending style
+  
+  // Embedded languages
+  embeddedLanguageFormatting?: 'auto' | 'off'; // Format embedded code
+  
+  // Experimental
+  singleAttributePerLine?: boolean; // One attribute per line in HTML/JSX
+  experimentalOperatorPosition?: 'start' | 'end'; // Operator position in binary expressions (default: 'end')
+  experimentalTernaries?: boolean;  // Use curious ternary formatting (default: false)
+  
+  // Plugins
+  plugins?: Array<string | Plugin>; // Plugins to load
+}
+```
+
+## Parser Selection
+
+Prettier automatically infers the parser from file extensions, but you can specify explicitly:
+
+### JavaScript Parsers
+```javascript { .api }
+// Babel parser (recommended for modern JS/TS/JSX)
+{ parser: 'babel' }
+
+// TypeScript-specific parsers
+{ parser: 'typescript' }  // Standard TypeScript parser
+{ parser: 'babel-ts' }    // Babel TypeScript parser
+
+// Flow parsers  
+{ parser: 'flow' }        // Flow parser
+{ parser: 'babel-flow' }  // Babel Flow parser
+
+// Alternative parsers
+{ parser: 'acorn' }    // Acorn parser
+{ parser: 'espree' }   // ESLint's parser
+{ parser: 'meriyah' }  // Fast parser
+```
+
+### CSS Parsers
+```javascript { .api }
+{ parser: 'css' }      // Standard CSS
+{ parser: 'scss' }     // SCSS/Sass
+{ parser: 'less' }     // Less CSS
+```
+
+### Markup Parsers
+```javascript { .api }
+{ parser: 'html' }     // HTML
+{ parser: 'vue' }      // Vue SFC
+{ parser: 'angular' }  // Angular templates
+{ parser: 'lwc' }      // Lightning Web Components
+```
+
+### Data Parsers
+```javascript { .api }
+{ parser: 'json' }         // JSON
+{ parser: 'json5' }        // JSON5
+{ parser: 'jsonc' }        // JSON with comments
+{ parser: 'json-stringify' } // JSON with stringify behavior
+{ parser: 'yaml' }         // YAML
+```
+
+### Other Parsers
+```javascript { .api }
+{ parser: 'graphql' }    // GraphQL
+{ parser: 'markdown' }   // Markdown
+{ parser: 'mdx' }        // MDX (Markdown + JSX)
+{ parser: 'glimmer' }    // Handlebars/Glimmer templates  
+{ parser: 'mjml' }       // MJML email templates
+```
+
+## Error Handling
+
+All formatting functions can throw errors for invalid syntax or configuration:
+
+```javascript { .api }
+try {
+  const formatted = await prettier.format('invalid javascript syntax', {
+    parser: 'babel'
+  });
+} catch (error) {
+  console.error('Formatting error:', error.message);
+  console.error('Location:', error.loc); // { start: { line, column }, end: { line, column } }
+}
+```
+
+## Performance Considerations
+
+- Use `check()` before `format()` to avoid unnecessary formatting
+- Cache configuration resolution results when processing multiple files
+- Consider using standalone build for browser applications
+- Plugin loading has overhead - reuse formatter instances when possible
+
+```javascript { .api }
+// Efficient multi-file formatting
+const config = await prettier.resolveConfig(firstFile);
+const cachedConfig = { ...config, filepath: undefined }; // Remove filepath for reuse
+
+for (const file of files) {
+  const needsFormatting = !(await prettier.check(file.content, { 
+    ...cachedConfig, 
+    filepath: file.path 
+  }));
+  
+  if (needsFormatting) {
+    file.formatted = await prettier.format(file.content, {
+      ...cachedConfig,
+      filepath: file.path
+    });
+  }
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-prettier/docs/document-builders.md b/.tessl/tiles/tessl/npm-prettier/docs/document-builders.md
new file mode 100644
index 000000000..7c809cb08
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-prettier/docs/document-builders.md
@@ -0,0 +1,608 @@
+# Document Builder API
+
+The Document Builder API provides low-level primitives for creating custom formatters and Prettier plugins. It offers a composable system for building formatted output through document objects that represent formatting decisions.
+
+## Core Concepts
+
+The Document Builder API uses an intermediate representation called "Doc" objects that describe how code should be formatted. These documents are then printed to strings with line breaking, indentation, and spacing applied.
+
+### Importing Document Builders
+```javascript { .api }
+import { doc } from 'prettier';
+
+// Access builder functions
+const { builders, printer, utils } = doc;
+
+// Or import specific builders
+import { doc } from 'prettier';
+const { group, line, indent, join } = doc.builders;
+```
+
+## Document Builder Functions
+
+### Basic Building Blocks
+
+### join
+```javascript { .api }
+function join(separator: Doc, docs: Doc[]): Doc
+```
+
+Join an array of documents with a separator document between each element.
+
+**Parameters:**
+- `separator` (Doc): Document to insert between elements
+- `docs` (Doc[]): Array of documents to join
+
+**Example:**
+```javascript { .api }
+const params = ['a', 'b', 'c'];
+const joined = doc.builders.join(
+  [',', doc.builders.line], 
+  params
+);
+// Result: 'a,\nb,\nc' (when broken) or 'a, b, c' (when flat)
+```
+
+### Line Breaking Documents
+
+### line
+```javascript { .api }
+const line: Doc
+```
+
+A line break that becomes a space when the parent group fits on one line.
+
+**Example:**
+```javascript { .api }
+const statement = doc.builders.group([
+  'if (',
+  'condition',
+  ')',
+  doc.builders.line,
+  'doSomething();'
+]);
+// Result: 'if (condition) doSomething();' or 'if (condition)\ndoSomething();'
+```
+
+### softline
+```javascript { .api }
+const softline: Doc
+```
+
+A line break that becomes nothing (empty string) when the parent group fits on one line.
+
+**Example:**
+```javascript { .api }
+const array = doc.builders.group([
+  '[',
+  doc.builders.softline,
+  doc.builders.join([',', doc.builders.line], elements),
+  doc.builders.softline,
+  ']'
+]);
+// Result: '[a, b, c]' or '[\n  a,\n  b,\n  c\n]'
+```
+
+### hardline
+```javascript { .api }
+const hardline: Doc
+```
+
+An unconditional line break that always creates a new line.
+
+**Example:**
+```javascript { .api }
+const statements = [
+  'const a = 1;',
+  'const b = 2;'
+];
+const program = doc.builders.join(doc.builders.hardline, statements);
+// Result: 'const a = 1;\nconst b = 2;'
+```
+
+### literalline
+```javascript { .api }
+const literalline: Doc
+```
+
+A line break that preserves literal newlines without triggering parent group breaking.
+
+### hardlineWithoutBreakParent
+```javascript { .api }
+const hardlineWithoutBreakParent: Doc
+```
+
+An unconditional line break that doesn't trigger parent group breaking.
+
+### literallineWithoutBreakParent  
+```javascript { .api }
+const literallineWithoutBreakParent: Doc
+```
+
+A literal line break that doesn't trigger parent group breaking.
+
+### Grouping and Layout
+
+### group
+```javascript { .api }
+function group(doc: Doc, options?: { shouldBreak?: boolean, id?: symbol }): Doc
+```
+
+Group documents that should be formatted consistently - either all on one line or all broken across multiple lines.
+
+**Parameters:**
+- `doc` (Doc): Document to group
+- `options` (optional): Grouping options
+  - `shouldBreak` (boolean): Force group to break
+  - `id` (symbol): Unique identifier for the group
+
+**Example:**
+```javascript { .api }
+const functionCall = doc.builders.group([
+  'functionName(',
+  doc.builders.indent([
+    doc.builders.softline,
+    doc.builders.join([',', doc.builders.line], args)
+  ]),
+  doc.builders.softline,
+  ')'
+]);
+// Result: 'functionName(a, b, c)' or 'functionName(\n  a,\n  b,\n  c\n)'
+```
+
+### conditionalGroup
+```javascript { .api }
+function conditionalGroup(docs: Doc[], options?: { shouldBreak?: boolean }): Doc
+```
+
+Try multiple document variants in order, using the first one that fits.
+
+**Example:**
+```javascript { .api }
+const alternatives = doc.builders.conditionalGroup([
+  // Try inline first
+  ['(', doc.builders.join(', ', args), ')'],
+  // Fall back to multi-line
+  [
+    '(',
+    doc.builders.indent([doc.builders.line, doc.builders.join([',', doc.builders.line], args)]),
+    doc.builders.line,
+    ')'
+  ]
+]);
+```
+
+### fill
+```javascript { .api }
+function fill(docs: Doc[]): Doc
+```
+
+Fill available line space optimally by trying to fit as many documents as possible on each line.
+
+**Example:**
+```javascript { .api }
+const words = ['This', 'is', 'a', 'long', 'sentence', 'that', 'should', 'wrap'];
+const paragraph = doc.builders.fill(
+  doc.builders.join(doc.builders.line, words)
+);
+// Result: Wraps words to fit available width
+```
+
+### Indentation and Alignment
+
+### indent
+```javascript { .api }
+function indent(doc: Doc): Doc
+```
+
+Increase indentation level for the contained document.
+
+**Example:**
+```javascript { .api }
+const block = [
+  '{',
+  doc.builders.indent([
+    doc.builders.hardline,
+    'statement1;',
+    doc.builders.hardline,
+    'statement2;'
+  ]),
+  doc.builders.hardline,
+  '}'
+];
+// Result: '{\n  statement1;\n  statement2;\n}'
+```
+
+### indentIfBreak
+```javascript { .api }
+function indentIfBreak(doc: Doc, options?: { groupId?: symbol }): Doc
+```
+
+Conditionally indent the document only if the parent group breaks.
+
+**Parameters:**
+- `doc` (Doc): Document to conditionally indent
+- `options` (object, optional): Options including group ID for specific targeting
+
+**Example:**
+```javascript { .api }
+const conditional = doc.builders.group([
+  'if (',
+  doc.builders.indentIfBreak([
+    doc.builders.line,
+    'longCondition'
+  ]),
+  doc.builders.line,
+  ')'
+]);
+// Indents only when the group breaks
+```
+
+### align
+```javascript { .api }
+function align(n: number | string, doc: Doc): Doc
+```
+
+Align document to a specific column offset.
+
+**Parameters:**
+- `n` (number | string): Spaces to align (number) or alignment string
+- `doc` (Doc): Document to align
+
+**Example:**
+```javascript { .api }
+const aligned = doc.builders.align(4, [
+  'let x = longVariableName +',
+  doc.builders.line,
+  'anotherLongVariableName;'
+]);
+// Result: Aligns continuation line to column 4
+```
+
+### addAlignmentToDoc
+```javascript { .api }
+function addAlignmentToDoc(doc: Doc, size: number, tabWidth: number): Doc
+```
+
+Add additional alignment space to an existing document.
+
+**Parameters:**
+- `doc` (Doc): Document to add alignment to
+- `size` (number): Number of spaces to add for alignment
+- `tabWidth` (number): Tab width for calculating proper alignment
+
+**Example:**
+```javascript { .api }
+const withAlignment = doc.builders.addAlignmentToDoc(
+  existingDoc,
+  4,
+  2
+);
+// Adds 4 spaces of alignment considering tab width
+```
+
+### dedent
+```javascript { .api }
+function dedent(doc: Doc): Doc
+```
+
+Decrease indentation level for the contained document.
+
+### dedentToRoot
+```javascript { .api }
+function dedentToRoot(doc: Doc): Doc
+```
+
+Remove all indentation, aligning to the root level.
+
+### markAsRoot
+```javascript { .api }
+function markAsRoot(doc: Doc): Doc
+```
+
+Mark document as root for indentation calculations.
+
+### Conditional Formatting
+
+### ifBreak
+```javascript { .api }
+function ifBreak(breakContents: Doc, flatContents?: Doc, options?: { groupId?: symbol }): Doc
+```
+
+Conditionally include content based on whether the parent group breaks.
+
+**Parameters:**
+- `breakContents` (Doc): Content when parent group breaks
+- `flatContents` (Doc, optional): Content when parent group is flat
+- `options` (optional): Options including group ID to check
+
+**Example:**
+```javascript { .api }
+const arrayElements = doc.builders.group([
+  '[',
+  doc.builders.indent([
+    doc.builders.softline,
+    doc.builders.join([
+      ',',
+      doc.builders.ifBreak(doc.builders.hardline, doc.builders.line)
+    ], elements)
+  ]),
+  doc.builders.softline,
+  ']'
+]);
+```
+
+### Line Manipulation
+
+### lineSuffix
+```javascript { .api }
+function lineSuffix(doc: Doc): Doc
+```
+
+Content that should appear at the end of the current line.
+
+**Example:**
+```javascript { .api }
+const statement = [
+  'const x = value;',
+  doc.builders.lineSuffix(' // comment')
+];
+// Result: 'const x = value; // comment'
+```
+
+### lineSuffixBoundary
+```javascript { .api }
+const lineSuffixBoundary: Doc
+```
+
+Boundary marker for line suffix content placement.
+
+### Special Documents
+
+### cursor
+```javascript { .api }
+const cursor: Doc
+```
+
+Placeholder for cursor position in editor integrations.
+
+### breakParent
+```javascript { .api }
+const breakParent: Doc
+```
+
+Force the parent group to break across multiple lines.
+
+**Example:**
+```javascript { .api }
+const forceBreak = doc.builders.group([
+  'items: [',
+  doc.builders.indent([
+    doc.builders.line,
+    'item1,',
+    doc.builders.breakParent, // Forces parent group to break
+    doc.builders.line,
+    'item2'
+  ]),
+  doc.builders.line,
+  ']'
+]);
+```
+
+### trim
+```javascript { .api }
+const trim: Doc
+```
+
+Remove trailing whitespace from the current line.
+
+### label
+```javascript { .api }
+function label(label: string, doc: Doc): Doc
+```
+
+Label document for debugging and development purposes.
+
+## Document Printer
+
+### printDocToString
+```javascript { .api }
+function printDocToString(doc: Doc, options: PrintOptions): PrintResult
+```
+
+Convert a document to a formatted string with the specified print options.
+
+**Types:**
+```javascript { .api }
+interface PrintOptions {
+  printWidth?: number;        // Maximum line width (default: 80)
+  tabWidth?: number;          // Tab width (default: 2)
+  useTabs?: boolean;          // Use tabs for indentation (default: false)
+  endOfLine?: 'auto' | 'lf' | 'crlf' | 'cr'; // Line ending style
+}
+
+interface PrintResult {
+  formatted: string;          // Formatted output
+  cursorOffset: number;       // Cursor position (if cursor doc was used)
+}
+```
+
+**Example:**
+```javascript { .api }
+const document = doc.builders.group([
+  'function(',
+  doc.builders.indent([
+    doc.builders.softline,
+    doc.builders.join([',', doc.builders.line], parameters)
+  ]),
+  doc.builders.softline,
+  ')'
+]);
+
+const result = doc.printer.printDocToString(document, {
+  printWidth: 80,
+  tabWidth: 2,
+  useTabs: false
+});
+
+console.log(result.formatted);
+```
+
+## Document Utilities
+
+### traverseDoc
+```javascript { .api }
+function traverseDoc(
+  doc: Doc, 
+  onEnter?: (doc: Doc) => void | boolean | Doc,
+  onExit?: (doc: Doc) => void,
+  shouldTraverseConditionalGroup?: boolean
+): void
+```
+
+Traverse document tree with enter/exit callbacks.
+
+### findInDoc
+```javascript { .api }
+function findInDoc(doc: Doc, fn: (doc: Doc) => boolean, defaultValue?: any): any
+```
+
+Find element in document tree matching predicate function.
+
+### mapDoc
+```javascript { .api }
+function mapDoc(doc: Doc, fn: (doc: Doc) => Doc): Doc
+```
+
+Transform document tree by applying function to each node.
+
+### willBreak
+```javascript { .api }
+function willBreak(doc: Doc): boolean
+```
+
+Check if document will cause parent group to break.
+
+### canBreak
+```javascript { .api }
+function canBreak(doc: Doc): boolean
+```
+
+Check if document can break across lines.
+
+### removeLines
+```javascript { .api }
+function removeLines(doc: Doc): Doc
+```
+
+Remove all line breaks from document.
+
+### stripTrailingHardline
+```javascript { .api }
+function stripTrailingHardline(doc: Doc): Doc
+```
+
+Remove trailing hard line breaks from document.
+
+### replaceEndOfLine
+```javascript { .api }
+function replaceEndOfLine(doc: Doc, replacement?: Doc): Doc
+```
+
+Replace end-of-line characters in document.
+
+## Usage Patterns
+
+### Building Complex Layouts
+```javascript { .api }
+function formatObjectExpression(properties) {
+  return doc.builders.group([
+    '{',
+    properties.length > 0 ? [
+      doc.builders.indent([
+        doc.builders.line,
+        doc.builders.join([',', doc.builders.line], properties.map(formatProperty))
+      ]),
+      doc.builders.line
+    ] : '',
+    '}'
+  ]);
+}
+
+function formatProperty(prop) {
+  return doc.builders.group([
+    prop.key,
+    ': ',
+    prop.value
+  ]);
+}
+```
+
+### Plugin Development
+```javascript { .api }
+// Example plugin printer function
+function print(path, options, print) {
+  const node = path.node;
+  
+  switch (node.type) {
+    case 'CustomNode':
+      return doc.builders.group([
+        'custom(',
+        doc.builders.indent([
+          doc.builders.softline,
+          doc.builders.join([',', doc.builders.line], 
+            node.args.map((_, index) => path.call(print, 'args', index))
+          )
+        ]),
+        doc.builders.softline,
+        ')'
+      ]);
+      
+    default:
+      return '';
+  }
+}
+```
+
+### Conditional Formatting
+```javascript { .api }
+function formatArray(elements, options) {
+  const shouldBreakElements = elements.length > 3 || 
+    elements.some(el => willBreak(el));
+  
+  return doc.builders.group([
+    '[',
+    elements.length > 0 ? [
+      doc.builders.indent([
+        shouldBreakElements ? doc.builders.hardline : doc.builders.softline,
+        doc.builders.join([
+          ',',
+          shouldBreakElements ? doc.builders.hardline : doc.builders.line
+        ], elements)
+      ]),
+      shouldBreakElements ? doc.builders.hardline : doc.builders.softline
+    ] : '',
+    ']'
+  ], { shouldBreak: shouldBreakElements });
+}
+```
+
+## Deprecated Functions
+
+### concat (Deprecated)
+```javascript { .api }
+function concat(parts: Doc[]): Doc[]
+```
+
+**⚠️ Deprecated**: This function will be removed in v4. Use array syntax directly instead.
+
+Legacy function that simply returns the parts array. Modern code should use arrays directly.
+
+**Example:**
+```javascript { .api }
+// Deprecated usage
+const doc = doc.builders.concat([part1, part2, part3]);
+
+// Modern equivalent  
+const doc = [part1, part2, part3];
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-prettier/docs/file-analysis.md b/.tessl/tiles/tessl/npm-prettier/docs/file-analysis.md
new file mode 100644
index 000000000..1f6b934ed
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-prettier/docs/file-analysis.md
@@ -0,0 +1,415 @@
+# File Analysis and Language Support
+
+Prettier provides comprehensive APIs for analyzing files, determining appropriate parsers, checking ignore status, and discovering supported languages and formatting options.
+
+## File Analysis Functions
+
+### getFileInfo
+```javascript { .api }
+async function getFileInfo(
+  file: string | URL, 
+  options?: FileInfoOptions
+): Promise<FileInfoResult>
+```
+
+Get comprehensive information about a file including inferred parser, ignore status, and configuration resolution.
+
+**Parameters:**
+- `file` (string | URL): File path or URL to analyze
+- `options` (FileInfoOptions, optional): Analysis options
+
+**Returns:** Promise resolving to FileInfoResult with file analysis data
+
+**Types:**
+```javascript { .api }
+interface FileInfoOptions {
+  ignorePath?: string | URL | (string | URL)[]; // Custom ignore file paths
+  withNodeModules?: boolean;                    // Include node_modules (default: false)
+  plugins?: Array<string | URL | Plugin>;      // Plugins for parser inference
+  resolveConfig?: boolean;                      // Resolve config for file (default: false)
+}
+
+interface FileInfoResult {
+  ignored: boolean;              // Whether file should be ignored
+  inferredParser: string | null; // Inferred parser name or null
+}
+```
+
+**Example:**
+```javascript { .api }
+// Basic file analysis
+const fileInfo = await prettier.getFileInfo('/project/src/component.tsx');
+// Result: { ignored: false, inferredParser: 'typescript' }
+
+// With ignore file and config resolution
+const fileInfo = await prettier.getFileInfo('/project/src/utils.js', {
+  ignorePath: '/project/.prettierignore',
+  resolveConfig: true,
+  withNodeModules: false
+});
+
+// Check multiple ignore files
+const fileInfo = await prettier.getFileInfo('/project/src/file.js', {
+  ignorePath: ['/project/.prettierignore', '/project/.gitignore']
+});
+```
+
+### getSupportInfo
+```javascript { .api }
+async function getSupportInfo(options?: SupportInfoOptions): Promise<SupportInfo>
+```
+
+Get comprehensive information about supported languages, parsers, and formatting options.
+
+**Parameters:**
+- `options` (SupportInfoOptions, optional): Options for support information
+
+**Returns:** Promise resolving to SupportInfo with languages and options data
+
+**Types:**
+```javascript { .api }
+interface SupportInfoOptions {
+  plugins?: Array<string | URL | Plugin>; // Include plugin-provided languages
+  showDeprecated?: boolean;               // Include deprecated options (default: false)
+}
+
+interface SupportInfo {
+  languages: SupportLanguage[]; // Supported languages
+  options: SupportOption[];     // Available formatting options
+}
+```
+
+**Example:**
+```javascript { .api }
+// Get all supported languages and options
+const supportInfo = await prettier.getSupportInfo();
+console.log(supportInfo.languages.length); // Number of supported languages
+console.log(supportInfo.options.length);   // Number of formatting options
+
+// Include deprecated options
+const fullInfo = await prettier.getSupportInfo({ 
+  showDeprecated: true 
+});
+
+// Include plugin-provided languages
+const pluginInfo = await prettier.getSupportInfo({
+  plugins: ['prettier-plugin-java', 'prettier-plugin-kotlin']
+});
+```
+
+## Language Support Information
+
+### SupportLanguage Interface
+```javascript { .api }
+interface SupportLanguage {
+  name: string;                    // Language display name
+  parsers: string[];              // Available parser names
+  group?: string;                 // Language group
+  tmScope?: string;               // TextMate scope
+  aceMode?: string;               // Ace editor mode
+  codemirrorMode?: string;        // CodeMirror mode
+  codemirrorMimeType?: string;    // CodeMirror MIME type
+  aliases?: string[];             // Language aliases
+  extensions?: string[];          // File extensions
+  filenames?: string[];           // Specific filenames
+  linguistLanguageId?: number;    // GitHub Linguist ID
+  vscodeLanguageIds?: string[];   // VS Code language IDs
+  interpreters?: string[];        // Interpreter names
+  isSupported?: (options: { filepath: string }) => boolean; // Custom support check
+}
+```
+
+**Example Language Objects:**
+```javascript { .api }
+// JavaScript language support
+{
+  "name": "JavaScript",
+  "parsers": ["babel", "acorn", "espree"],
+  "group": "JavaScript",
+  "tmScope": "source.js",
+  "aceMode": "javascript",
+  "codemirrorMode": "javascript",
+  "codemirrorMimeType": "text/javascript",
+  "extensions": [".js", ".jsx", ".mjs", ".cjs"],
+  "filenames": [],
+  "linguistLanguageId": 183,
+  "vscodeLanguageIds": ["javascript", "javascriptreact"]
+}
+
+// TypeScript language support
+{
+  "name": "TypeScript",
+  "parsers": ["typescript", "babel-ts"],
+  "group": "JavaScript", 
+  "extensions": [".ts", ".tsx", ".cts", ".mts"],
+  "vscodeLanguageIds": ["typescript", "typescriptreact"]
+}
+```
+
+### Built-in Language Support
+
+**JavaScript Family:**
+```javascript { .api }
+const jsLanguages = supportInfo.languages.filter(lang => 
+  lang.group === 'JavaScript' || lang.parsers.includes('babel')
+);
+// Includes: JavaScript, TypeScript, JSX, Flow
+```
+
+**CSS Family:**
+```javascript { .api }
+const cssLanguages = supportInfo.languages.filter(lang =>
+  lang.parsers.some(p => ['css', 'scss', 'less'].includes(p))
+);
+// Includes: CSS, SCSS, Less
+```
+
+**Markup Languages:**
+```javascript { .api }
+const markupLanguages = supportInfo.languages.filter(lang =>
+  ['HTML', 'Vue', 'Angular'].includes(lang.name)
+);
+// Includes: HTML, Vue, Angular templates, LWC
+```
+
+**Data Formats:**
+```javascript { .api }
+const dataLanguages = supportInfo.languages.filter(lang =>
+  lang.parsers.some(p => ['json', 'json5', 'yaml'].includes(p))
+);
+// Includes: JSON, JSON5, JSONC, YAML
+```
+
+## Parser Inference
+
+### Automatic Parser Detection
+```javascript { .api }
+// Parser inferred from file extension
+const info1 = await prettier.getFileInfo('component.tsx');
+// Result: { inferredParser: 'typescript' }
+
+const info2 = await prettier.getFileInfo('styles.scss');
+// Result: { inferredParser: 'scss' }
+
+const info3 = await prettier.getFileInfo('data.json');
+// Result: { inferredParser: 'json' }
+```
+
+### Custom Parser Mapping
+```javascript { .api }
+// Use plugins to extend parser inference
+import javaPlugin from 'prettier-plugin-java';
+
+const info = await prettier.getFileInfo('App.java', {
+  plugins: [javaPlugin]
+});
+// Result: { inferredParser: 'java' } (if plugin provides java parser)
+```
+
+### Manual Parser Override
+```javascript { .api }
+// Override inferred parser
+const formatted = await prettier.format(code, {
+  parser: 'babel', // Force babel parser regardless of file extension
+  filepath: 'file.unknown'
+});
+```
+
+## Ignore File Processing
+
+### Default Ignore Patterns
+Prettier automatically respects these ignore files:
+- `.prettierignore`
+- `.gitignore` (when no .prettierignore exists)
+
+### Custom Ignore Files
+```javascript { .api }
+// Single custom ignore file
+const info = await prettier.getFileInfo('/project/src/file.js', {
+  ignorePath: '/project/custom.ignore'
+});
+
+// Multiple ignore files (precedence order)
+const info = await prettier.getFileInfo('/project/src/file.js', {
+  ignorePath: [
+    '/project/.prettierignore',
+    '/project/.gitignore',
+    '/project/custom.ignore'
+  ]
+});
+```
+
+### Ignore File Format
+```gitignore
+# .prettierignore - supports .gitignore syntax
+node_modules/
+dist/
+build/
+*.min.js
+*.bundle.js
+coverage/
+.next/
+.nuxt/
+
+# Negative patterns (re-include)
+!src/important.min.js
+
+# Comments and blank lines are ignored
+```
+
+### Node Modules Handling
+```javascript { .api }
+// By default, files in node_modules are ignored
+const info1 = await prettier.getFileInfo('node_modules/package/file.js');
+// Result: { ignored: true, inferredParser: 'babel' }
+
+// Include node_modules files
+const info2 = await prettier.getFileInfo('node_modules/package/file.js', {
+  withNodeModules: true
+});
+// Result: { ignored: false, inferredParser: 'babel' }
+```
+
+## Formatting Options Information
+
+### SupportOption Interface
+```javascript { .api }
+interface SupportOption {
+  name: string;           // Option name
+  category: string;       // Option category
+  type: string;          // Option type (int, string, boolean, choice, path)
+  description?: string;   // Option description
+  deprecated?: boolean | string; // Deprecation status
+  default?: any;         // Default value
+  range?: {              // For int type
+    start: number;
+    end: number; 
+    step: number;
+  };
+  choices?: Array<{      // For choice type
+    value: any;
+    description: string;
+  }>;
+}
+```
+
+### Querying Available Options
+```javascript { .api }
+const supportInfo = await prettier.getSupportInfo();
+
+// Find specific option
+const semiOption = supportInfo.options.find(opt => opt.name === 'semi');
+console.log(semiOption);
+// Result: { name: 'semi', type: 'boolean', default: true, ... }
+
+// Get options by category
+const formatOptions = supportInfo.options.filter(opt => 
+  opt.category === 'Format'
+);
+
+// Get choice options
+const choiceOptions = supportInfo.options.filter(opt => 
+  opt.type === 'choice'
+);
+```
+
+## Usage Patterns
+
+### File Type Detection
+```javascript { .api }
+async function detectFileType(filepath) {
+  const fileInfo = await prettier.getFileInfo(filepath);
+  
+  if (fileInfo.ignored) {
+    return 'ignored';
+  }
+  
+  if (!fileInfo.inferredParser) {
+    return 'unsupported';
+  }
+  
+  const supportInfo = await prettier.getSupportInfo();
+  const language = supportInfo.languages.find(lang =>
+    lang.parsers.includes(fileInfo.inferredParser)
+  );
+  
+  return language ? language.name : 'unknown';
+}
+```
+
+### Bulk File Analysis
+```javascript { .api }
+async function analyzeProjectFiles(pattern) {
+  const files = await glob(pattern);
+  const results = [];
+  
+  for (const file of files) {
+    const info = await prettier.getFileInfo(file, {
+      resolveConfig: true
+    });
+    
+    results.push({
+      file,
+      ignored: info.ignored,
+      parser: info.inferredParser,
+      supported: info.inferredParser !== null
+    });
+  }
+  
+  return results;
+}
+```
+
+### Plugin Integration
+```javascript { .api }
+async function getSupportedExtensions(plugins = []) {
+  const supportInfo = await prettier.getSupportInfo({ plugins });
+  
+  const extensions = new Set();
+  supportInfo.languages.forEach(lang => {
+    if (lang.extensions) {
+      lang.extensions.forEach(ext => extensions.add(ext));
+    }
+  });
+  
+  return Array.from(extensions).sort();
+}
+
+// Usage
+const extensions = await getSupportedExtensions([
+  'prettier-plugin-java',
+  'prettier-plugin-kotlin'
+]);
+console.log(extensions); // ['.java', '.kt', '.js', '.ts', ...]
+```
+
+### Configuration Validation
+```javascript { .api }
+async function validateConfig(config) {
+  const supportInfo = await prettier.getSupportInfo({ showDeprecated: true });
+  const errors = [];
+  
+  for (const [key, value] of Object.entries(config)) {
+    const option = supportInfo.options.find(opt => opt.name === key);
+    
+    if (!option) {
+      errors.push(`Unknown option: ${key}`);
+      continue;
+    }
+    
+    if (option.deprecated) {
+      errors.push(`Deprecated option: ${key}`);
+    }
+    
+    // Validate option value based on type
+    if (option.type === 'choice' && option.choices) {
+      const validValues = option.choices.map(c => c.value);
+      if (!validValues.includes(value)) {
+        errors.push(`Invalid value for ${key}: ${value}`);
+      }
+    }
+  }
+  
+  return errors;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-prettier/docs/index.md b/.tessl/tiles/tessl/npm-prettier/docs/index.md
new file mode 100644
index 000000000..be8fa3a6f
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-prettier/docs/index.md
@@ -0,0 +1,330 @@
+# Prettier
+
+## Package Information
+
+- **Name**: prettier
+- **Type**: npm package
+- **Language**: JavaScript/TypeScript
+- **License**: MIT
+- **Version**: 3.6.2
+
+## Installation
+
+```bash
+npm install prettier
+# or
+yarn add prettier
+# or
+pnpm add prettier
+```
+
+## Core Imports
+
+### ESM (Recommended)
+```javascript { .api }
+import * as prettier from 'prettier';
+// or
+import { format, formatWithCursor, check, resolveConfig, getSupportInfo } from 'prettier';
+```
+
+### CommonJS
+```javascript { .api }
+const prettier = require('prettier');
+// or  
+const { format, formatWithCursor, check, resolveConfig, getSupportInfo } = require('prettier');
+```
+
+### Browser/Standalone
+```javascript { .api }
+import * as prettier from 'prettier/standalone';
+// Requires plugins to be imported separately for each language
+```
+
+## Basic Usage
+
+### Format Code
+```javascript { .api }
+const formatted = await prettier.format('const x={a:1,b:2}', { 
+  parser: 'babel',
+  semi: false,
+  singleQuote: true 
+});
+// Result: "const x = { a: 1, b: 2 }"
+```
+
+### Check if Code is Formatted
+```javascript { .api }
+const isFormatted = await prettier.check('const x = { a: 1, b: 2 }', { 
+  parser: 'babel' 
+});
+// Result: true
+```
+
+### Resolve Configuration
+```javascript { .api }
+const config = await prettier.resolveConfig('/path/to/file.js');
+// Result: { semi: true, singleQuote: false, ... } or null
+```
+
+## Capabilities
+
+Prettier provides comprehensive code formatting capabilities organized into these areas:
+
+### Core Formatting Functions
+Format code with full control over cursor position, check formatting status, and integrate with editors.
+
+```javascript { .api }
+// Format with cursor tracking for editor integrations
+const result = await prettier.formatWithCursor(code, { 
+  cursorOffset: 10, 
+  parser: 'babel' 
+});
+// result: { formatted: string, cursorOffset: number }
+
+// Check if code needs formatting
+const needsFormatting = !(await prettier.check(code, { parser: 'babel' }));
+```
+
+**[Core Formatting Functions](./core-formatting.md)**
+
+### Configuration Resolution
+Discover and resolve Prettier configuration files with support for EditorConfig integration.
+
+```javascript { .api }
+// Resolve configuration for a specific file
+const config = await prettier.resolveConfig('/path/to/file.js', {
+  editorconfig: true,
+  useCache: true
+});
+
+// Find configuration file path
+const configPath = await prettier.resolveConfigFile('/path/to/project');
+
+// Clear configuration cache
+await prettier.clearConfigCache();
+```
+
+**[Configuration Resolution](./configuration.md)**
+
+### File Analysis and Language Support
+Analyze files to determine parsers, check ignore status, and discover supported languages.
+
+```javascript { .api }
+// Get file information including inferred parser
+const fileInfo = await prettier.getFileInfo('/path/to/file.js', {
+  resolveConfig: true,
+  plugins: []
+});
+// result: { ignored: boolean, inferredParser: string | null }
+
+// Get supported languages and options  
+const supportInfo = await prettier.getSupportInfo({
+  showDeprecated: false,
+  plugins: []
+});
+// result: { languages: SupportLanguage[], options: SupportOption[] }
+```
+
+**[File Analysis and Language Support](./file-analysis.md)**
+
+### Document Builder API (Advanced Plugin Development)
+Low-level document building primitives for creating custom formatters and plugins.
+
+```javascript { .api }
+import { doc } from 'prettier';
+
+// Build formatting documents
+const document = doc.builders.group([
+  'if (',
+  doc.builders.indent([doc.builders.line, 'condition']),
+  doc.builders.line,
+  ')'
+]);
+
+// Print document to string
+const { formatted } = doc.printer.printDocToString(document, { 
+  printWidth: 80,
+  tabWidth: 2 
+});
+```
+
+**[Document Builder API](./document-builders.md)**
+
+### Utility Functions
+Text processing, AST navigation, and comment manipulation utilities for advanced use cases.
+
+```javascript { .api }
+import { util } from 'prettier';
+
+// String and position utilities
+const width = util.getStringWidth('text');
+const nextChar = util.getNextNonSpaceNonCommentCharacter(text, 0);
+const hasNewLine = util.hasNewline(text, 10);
+
+// Comment utilities
+util.addLeadingComment(node, comment);
+util.addTrailingComment(node, comment);
+```
+
+**[Utility Functions](./utilities.md)**
+
+### Debug and Internal APIs (Advanced)
+Low-level debugging APIs for development, CLI tools, and advanced integrations. These functions provide access to Prettier's internal parsing and formatting pipeline.
+
+```javascript { .api }
+import prettier from 'prettier';
+
+// Parse source code to AST without formatting
+const ast = await prettier.__debug.parse(code, { parser: 'babel' });
+
+// Format AST to intermediate document representation  
+const doc = await prettier.__debug.formatAST(ast, { parser: 'babel' });
+
+// Format document object to final string output
+const formatted = await prettier.__debug.formatDoc(doc, { printWidth: 80 });
+
+// Convert source to document without formatting (for analysis)
+const doc = await prettier.__debug.printToDoc(code, { parser: 'babel' });
+
+// Print document to string with layout options
+const result = await prettier.__debug.printDocToString(doc, { 
+  printWidth: 80,
+  tabWidth: 2 
+});
+// result: { formatted: string, cursorOffset?: number }
+```
+
+**Note:** Debug APIs are internal and may change between versions. Use with caution in production.
+
+### Version Information
+Get the current Prettier version for compatibility checks and debugging.
+
+```javascript { .api }
+import { version } from 'prettier';
+
+console.log(version); // '3.6.2'
+
+// Check version compatibility
+const majorVersion = parseInt(version.split('.')[0]);
+if (majorVersion >= 3) {
+  // Use newer APIs
+}
+```
+
+## Supported Languages
+
+Prettier supports formatting for the following languages out of the box:
+
+- **JavaScript**: ES2015+, JSX, Flow, TypeScript
+- **CSS**: CSS, SCSS, Less  
+- **Markup**: HTML, Vue, Angular templates, LWC
+- **Data**: JSON, JSON5, JSONC, YAML
+- **GraphQL**: Schema and query documents
+- **Markdown**: CommonMark, GFM, MDX
+- **Templates**: Handlebars/Glimmer
+
+Additional languages can be supported through plugins.
+
+## TypeScript Support
+
+Prettier includes full TypeScript definitions and supports both ESM and CommonJS imports:
+
+```typescript { .api }
+import { format, Options, AST, Doc, AstPath, LiteralUnion } from 'prettier';
+
+const options: Options = {
+  parser: 'typescript',
+  semi: false,
+  singleQuote: true
+};
+
+const formatted: string = await format(code, options);
+```
+
+### Advanced TypeScript Types
+
+```typescript { .api }
+// Utility type for string literals with fallback
+export type LiteralUnion<T extends U, U = string> = 
+  | T 
+  | (Pick<U, never> & { _?: never | undefined });
+
+// AST and Document types
+export type AST = any;
+export type Doc = doc.builders.Doc;
+
+// Enhanced AstPath for AST traversal
+export class AstPath<T = any> {
+  constructor(value: T);
+  
+  // Navigation properties
+  get key(): string | null;
+  get index(): number | null;
+  get node(): T;
+  get parent(): T | null;
+  get grandparent(): T | null;
+  get isInArray(): boolean;
+  get siblings(): T[] | null;
+  get next(): T | null;
+  get previous(): T | null;
+  get isFirst(): boolean;
+  get isLast(): boolean;
+  get isRoot(): boolean;
+  get root(): T;
+  get ancestors(): T[];
+  
+  // Traversal methods
+  callParent<U>(callback: (path: this) => U, count?: number): U;
+  match(...predicates: Array<(node: any, name: string | null, number: number | null) => boolean>): boolean;
+  call<U>(callback: (path: AstPath<T>, index: number, value: any) => U): U;
+  each(callback: (path: AstPath<T>, index: number, value: any) => void): void;
+  map<U>(callback: (path: AstPath<T>, index: number, value: any) => U): U[];
+}
+
+// Built-in parser names with literal union support
+export type BuiltInParserName = LiteralUnion<
+  | "acorn" | "angular" | "babel-flow" | "babel-ts" | "babel"
+  | "css" | "espree" | "flow" | "glimmer" | "graphql" | "html"
+  | "json-stringify" | "json" | "json5" | "jsonc" | "less"
+  | "lwc" | "markdown" | "mdx" | "meriyah" | "mjml" | "scss"
+  | "typescript" | "vue" | "yaml"
+>;
+```
+
+## Plugin System
+
+Prettier supports plugins to extend language support and customize formatting behavior. Built-in languages are implemented as internal plugins, and external plugins can be loaded:
+
+```javascript { .api }
+import myPlugin from 'prettier-plugin-custom';
+
+const formatted = await prettier.format(code, {
+  parser: 'custom',
+  plugins: [myPlugin]
+});
+```
+
+### Plugin Development
+Advanced plugin interfaces for creating custom parsers, printers, and language support.
+
+```typescript { .api }
+// Plugin interface with language support
+interface Plugin<T = any> {
+  languages?: SupportLanguage[];
+  parsers?: { [parserName: string]: Parser<T> };
+  printers?: { [astFormat: string]: Printer<T> };
+  options?: SupportOptions;
+  defaultOptions?: Partial<RequiredOptions>;
+}
+
+// Parser implementation
+interface Parser<T = any> {
+  parse: (text: string, options: ParserOptions<T>) => T | Promise<T>;
+  astFormat: string;
+  hasPragma?: (text: string) => boolean;
+  locStart: (node: T) => number;
+  locEnd: (node: T) => number;
+}
+```
+
+**[Plugin Development Guide](./plugin-development.md)**
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-prettier/docs/plugin-development.md b/.tessl/tiles/tessl/npm-prettier/docs/plugin-development.md
new file mode 100644
index 000000000..bcb244763
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-prettier/docs/plugin-development.md
@@ -0,0 +1,311 @@
+# Plugin Development Guide
+
+Complete interfaces and types for developing Prettier plugins, including parsers, printers, and language support definitions.
+
+## Plugin Interface
+
+### Plugin Definition
+```typescript { .api }
+interface Plugin<T = any> {
+  languages?: SupportLanguage[] | undefined;
+  parsers?: { [parserName: string]: Parser<T> } | undefined;
+  printers?: { [astFormat: string]: Printer<T> } | undefined;
+  options?: SupportOptions | undefined;
+  defaultOptions?: Partial<RequiredOptions> | undefined;
+}
+```
+
+The main plugin interface that defines a complete Prettier plugin with language support, parsing, printing, and configuration capabilities.
+
+**Properties:**
+- `languages` (SupportLanguage[], optional): Supported languages and file extensions
+- `parsers` (object, optional): Parser implementations keyed by parser name
+- `printers` (object, optional): Printer implementations keyed by AST format
+- `options` (SupportOptions, optional): Custom formatting options
+- `defaultOptions` (Partial<RequiredOptions>, optional): Default option values
+
+## Parser Interface
+
+### Parser Implementation
+```typescript { .api }
+interface Parser<T = any> {
+  parse: (text: string, options: ParserOptions<T>) => T | Promise<T>;
+  astFormat: string;
+  hasPragma?: ((text: string) => boolean) | undefined;
+  hasIgnorePragma?: ((text: string) => boolean) | undefined;
+  locStart: (node: T) => number;
+  locEnd: (node: T) => number;
+  preprocess?: ((text: string, options: ParserOptions<T>) => string) | undefined;
+}
+```
+
+Defines how to parse source code into an Abstract Syntax Tree (AST).
+
+**Required Properties:**
+- `parse` (function): Main parsing function that converts text to AST
+- `astFormat` (string): Identifier for the AST format produced
+- `locStart` (function): Returns start position of a node in original text
+- `locEnd` (function): Returns end position of a node in original text
+
+**Optional Properties:**
+- `hasPragma` (function): Detects if source contains a formatting pragma
+- `hasIgnorePragma` (function): Detects if source should be ignored
+- `preprocess` (function): Transform source before parsing
+
+### Parser Options
+```typescript { .api }
+interface ParserOptions<T = any> extends RequiredOptions {
+  locStart: (node: T) => number;
+  locEnd: (node: T) => number;
+  originalText: string;
+}
+```
+
+Options passed to parser functions, extending base formatting options with location utilities.
+
+## Printer Interface
+
+### Printer Implementation
+```typescript { .api }
+interface Printer<T = any> {
+  print(
+    path: AstPath<T>,
+    options: ParserOptions<T>,
+    print: (path: AstPath<T>) => Doc,
+    args?: unknown,
+  ): Doc;
+  embed?: ((
+    path: AstPath,
+    options: Options,
+  ) => ((
+    textToDoc: (text: string, options: Options) => Promise<Doc>,
+    print: (selector?: string | number | Array<string | number> | AstPath) => Doc,
+    path: AstPath,
+    options: Options,
+  ) => Promise<Doc | undefined> | Doc | undefined) | Doc | null) | undefined;
+  preprocess?: ((ast: T, options: ParserOptions<T>) => T | Promise<T>) | undefined;
+  insertPragma?: (text: string) => string;
+  massageAstNode?: ((original: any, cloned: any, parent: any) => any) | undefined;
+  hasPrettierIgnore?: ((path: AstPath<T>) => boolean) | undefined;
+  canAttachComment?: ((node: T) => boolean) | undefined;
+  isBlockComment?: ((node: T) => boolean) | undefined;
+  willPrintOwnComments?: ((path: AstPath<T>) => boolean) | undefined;
+  printComment?: ((commentPath: AstPath<T>, options: ParserOptions<T>) => Doc) | undefined;
+  getCommentChildNodes?: ((node: T, options: ParserOptions<T>) => T[] | undefined) | undefined;
+}
+```
+
+Defines how to format AST nodes into formatted output documents.
+
+**Required Methods:**
+- `print` (function): Main printing function that converts AST nodes to Doc objects
+
+**Optional Methods:**
+- `embed` (function): Handle embedded languages (like CSS in HTML)
+- `preprocess` (function): Transform AST before printing
+- `insertPragma` (function): Add formatting pragma to output
+- `massageAstNode` (function): Modify AST nodes during printing
+- `hasPrettierIgnore` (function): Check if node should be ignored
+- `canAttachComment` (function): Determine if comments can attach to node
+- `isBlockComment` (function): Identify block vs line comments
+- `printComment` (function): Custom comment formatting
+- `getCommentChildNodes` (function): Override default comment traversal
+
+### Comment Handling
+```typescript { .api }
+interface CommentHandlers<T = any> {
+  ownLine?: ((
+    commentNode: any,
+    text: string,
+    options: ParserOptions<T>,
+    ast: T,
+    isLastComment: boolean,
+  ) => boolean) | undefined;
+  endOfLine?: ((
+    commentNode: any,
+    text: string,
+    options: ParserOptions<T>,
+    ast: T,
+    isLastComment: boolean,
+  ) => boolean) | undefined;
+  remaining?: ((
+    commentNode: any,
+    text: string,
+    options: ParserOptions<T>,
+    ast: T,
+    isLastComment: boolean,
+  ) => boolean) | undefined;
+}
+```
+
+Advanced comment handling for complex comment attachment scenarios.
+
+## Language Support
+
+### Language Definition
+```typescript { .api }
+interface SupportLanguage {
+  name: string;
+  parsers: BuiltInParserName[] | string[];
+  group?: string | undefined;
+  tmScope?: string | undefined;
+  aceMode?: string | undefined;
+  codemirrorMode?: string | undefined;
+  codemirrorMimeType?: string | undefined;
+  aliases?: string[] | undefined;
+  extensions?: string[] | undefined;
+  filenames?: string[] | undefined;
+  linguistLanguageId?: number | undefined;
+  vscodeLanguageIds?: string[] | undefined;
+  interpreters?: string[] | undefined;
+  isSupported?: ((options: { filepath: string }) => boolean) | undefined;
+}
+```
+
+Defines language support metadata for file recognition and editor integration.
+
+**Required Properties:**
+- `name` (string): Display name of the language
+- `parsers` (string[]): Parser names that can handle this language
+
+**Optional Properties:**
+- `group` (string): Language category grouping
+- `extensions` (string[]): File extensions (e.g., ['.js', '.jsx'])
+- `filenames` (string[]): Specific filenames (e.g., ['Dockerfile'])
+- `aliases` (string[]): Alternative language names
+- `interpreters` (string[]): Shebang interpreters (e.g., ['node'])
+- `isSupported` (function): Custom support detection
+
+## Option Definition
+
+### Custom Options
+```typescript { .api }
+interface SupportOptions extends Record<string, SupportOption> {}
+
+type SupportOption =
+  | IntSupportOption
+  | StringSupportOption
+  | BooleanSupportOption
+  | ChoiceSupportOption
+  | PathSupportOption;
+
+interface BooleanSupportOption extends BaseSupportOption<"boolean"> {
+  default?: boolean | undefined;
+  description: string;
+  oppositeDescription?: string | undefined;
+}
+
+interface ChoiceSupportOption<Value = any> extends BaseSupportOption<"choice"> {
+  default?: Value | Array<{ value: Value }> | undefined;
+  description: string;
+  choices: Array<{
+    value: Value;
+    description: string;
+  }>;
+}
+```
+
+Define custom formatting options for plugins with proper CLI integration and validation.
+
+## Usage Examples
+
+### Basic Plugin Structure
+```javascript { .api }
+// Example plugin for a custom language
+export default {
+  languages: [
+    {
+      name: "MyLanguage",
+      parsers: ["mylang-parser"],
+      extensions: [".mylang"],
+      vscodeLanguageIds: ["mylang"]
+    }
+  ],
+  parsers: {
+    "mylang-parser": {
+      parse: (text, options) => {
+        // Parse text into AST
+        return parseMyLanguage(text);
+      },
+      astFormat: "mylang-ast",
+      locStart: (node) => node.start,
+      locEnd: (node) => node.end,
+    }
+  },
+  printers: {
+    "mylang-ast": {
+      print: (path, options, print) => {
+        const node = path.getValue();
+        // Convert AST node to Doc
+        return formatMyLanguageNode(node, print);
+      }
+    }
+  },
+  options: {
+    myOption: {
+      type: "boolean",
+      category: "MyLanguage",
+      default: false,
+      description: "Enable my custom formatting option"
+    }
+  }
+};
+```
+
+### Advanced Parser with Preprocessing
+```javascript { .api }
+const advancedParser = {
+  parse: async (text, options) => {
+    // Handle async parsing
+    const ast = await parseAsync(text);
+    return processAst(ast, options);
+  },
+  astFormat: "custom-ast",
+  locStart: (node) => node.loc?.start?.offset ?? 0,
+  locEnd: (node) => node.loc?.end?.offset ?? text.length,
+  hasPragma: (text) => /@format/.test(text),
+  preprocess: (text, options) => {
+    // Transform source before parsing
+    return text.replace(/oldSyntax/g, 'newSyntax');
+  }
+};
+```
+
+### Custom Printer with Embedded Language Support
+```javascript { .api }
+const customPrinter = {
+  print: (path, options, print) => {
+    const node = path.getValue();
+    
+    switch (node.type) {
+      case "Block":
+        return [
+          "{",
+          doc.builders.indent([
+            doc.builders.hardline,
+            path.map(print, "body")
+          ]),
+          doc.builders.hardline,
+          "}"
+        ];
+      default:
+        return node.value;
+    }
+  },
+  embed: (path, options) => {
+    const node = path.getValue();
+    
+    if (node.type === "EmbeddedCode" && node.lang === "javascript") {
+      return async (textToDoc, print, path, options) => {
+        // Format embedded JavaScript
+        const formatted = await textToDoc(
+          node.code,
+          { ...options, parser: "babel" }
+        );
+        return formatted;
+      };
+    }
+    return null;
+  }
+};
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-prettier/docs/utilities.md b/.tessl/tiles/tessl/npm-prettier/docs/utilities.md
new file mode 100644
index 000000000..6936c2112
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-prettier/docs/utilities.md
@@ -0,0 +1,520 @@
+# Utility Functions
+
+Prettier provides extensive utility functions for text processing, AST navigation, position tracking, and comment manipulation. These utilities are essential for plugin development and advanced formatting scenarios.
+
+## Importing Utilities
+
+```javascript { .api }
+import { util } from 'prettier';
+
+// Access all utilities
+const { getStringWidth, skipWhitespace, addLeadingComment } = util;
+```
+
+## String and Text Processing
+
+### getStringWidth
+```javascript { .api }
+function getStringWidth(text: string): number
+```
+
+Get the display width of a string, accounting for Unicode characters, emoji, and ANSI escape codes.
+
+**Example:**
+```javascript { .api }
+const width1 = util.getStringWidth('hello'); // 5
+const width2 = util.getStringWidth('你好');   // 4 (CJK characters are width 2)
+const width3 = util.getStringWidth('🎉');    // 2 (emoji width)
+```
+
+### getMaxContinuousCount
+```javascript { .api }
+function getMaxContinuousCount(text: string, searchString: string): number
+```
+
+Count the maximum continuous occurrences of a substring in text.
+
+**Example:**
+```javascript { .api }
+const maxQuotes = util.getMaxContinuousCount('"""hello"""', '"'); // 3
+const maxSpaces = util.getMaxContinuousCount('a    b  c', ' ');    // 4
+```
+
+### getAlignmentSize
+```javascript { .api }
+function getAlignmentSize(text: string, tabWidth: number, startIndex?: number): number
+```
+
+Calculate the alignment size for a text string, considering tabs and spaces.
+
+**Parameters:**
+- `text` (string): Text to measure
+- `tabWidth` (number): Width of tab characters
+- `startIndex` (number, optional): Starting position (default: 0)
+
+**Example:**
+```javascript { .api }
+const size1 = util.getAlignmentSize('  text', 2);     // 2
+const size2 = util.getAlignmentSize('\ttext', 4);     // 4
+const size3 = util.getAlignmentSize(' \t text', 4);   // 5 (1 space + 4 tab - 1 for alignment)
+```
+
+### getIndentSize
+```javascript { .api }
+function getIndentSize(value: string, tabWidth: number): number
+```
+
+Calculate the indentation size of a string.
+
+**Example:**
+```javascript { .api }
+const indent1 = util.getIndentSize('    code', 2);  // 4
+const indent2 = util.getIndentSize('\t\tcode', 4);  // 8
+const indent3 = util.getIndentSize(' \t code', 4);  // 5
+```
+
+## Quote Handling
+
+### makeString
+```javascript { .api }
+function makeString(
+  rawText: string, 
+  enclosingQuote: "'" | '"', 
+  unescapeUnnecessaryEscapes?: boolean
+): string
+```
+
+Create a properly quoted and escaped string literal.
+
+**Parameters:**
+- `rawText` (string): Raw text content
+- `enclosingQuote` (Quote): Quote character to use
+- `unescapeUnnecessaryEscapes` (boolean, optional): Remove unnecessary escapes
+
+**Example:**
+```javascript { .api }
+const quoted1 = util.makeString('hello "world"', "'"); // "'hello \"world\"'"
+const quoted2 = util.makeString("it's nice", '"');     // '"it\'s nice"'
+const quoted3 = util.makeString('simple', '"');        // '"simple"'
+```
+
+### getPreferredQuote
+```javascript { .api }
+function getPreferredQuote(
+  text: string, 
+  preferredQuoteOrPreferSingleQuote: "'" | '"' | boolean
+): "'" | '"'
+```
+
+Determine the preferred quote character for a string to minimize escaping.
+
+**Parameters:**
+- `text` (string): Text content to quote
+- `preferredQuoteOrPreferSingleQuote` (Quote | boolean): Preference setting
+
+**Example:**
+```javascript { .api }
+const quote1 = util.getPreferredQuote('hello "world"', "'"); // "'" (no escaping needed)
+const quote2 = util.getPreferredQuote("it's nice", '"');     // '"' (no escaping needed)
+const quote3 = util.getPreferredQuote('simple', true);       // "'" (prefer single)
+```
+
+## Position and Navigation
+
+### Skip Functions
+
+All skip functions follow this pattern:
+- Take `text` and `startIndex` parameters
+- Return new index position or `false` if pattern not found
+- Support optional `backwards` direction
+
+```javascript { .api }
+interface SkipOptions {
+  backwards?: boolean; // Skip in reverse direction
+}
+```
+
+### skipWhitespace
+```javascript { .api }
+const skipWhitespace: (
+  text: string, 
+  startIndex: number | false, 
+  options?: SkipOptions
+) => number | false
+```
+
+Skip whitespace characters (spaces, tabs, newlines).
+
+**Example:**
+```javascript { .api }
+const text = 'code   \n  more';
+const nextPos = util.skipWhitespace(text, 4); // 10 (after whitespace)
+const prevPos = util.skipWhitespace(text, 10, { backwards: true }); // 4
+```
+
+### skipSpaces
+```javascript { .api }
+const skipSpaces: (
+  text: string, 
+  startIndex: number | false, 
+  options?: SkipOptions
+) => number | false
+```
+
+Skip space characters only (not tabs or newlines).
+
+**Example:**
+```javascript { .api }
+const text = 'code   \tmore';
+const nextPos = util.skipSpaces(text, 4); // 7 (stops at tab)
+```
+
+### skipNewline
+```javascript { .api }
+function skipNewline(
+  text: string, 
+  startIndex: number | false, 
+  options?: SkipOptions
+): number | false
+```
+
+Skip a single newline character (LF, CRLF, or CR).
+
+**Example:**
+```javascript { .api }
+const text = 'line1\nline2';
+const nextPos = util.skipNewline(text, 5); // 6 (after newline)
+```
+
+### skipToLineEnd
+```javascript { .api }
+const skipToLineEnd: (
+  text: string, 
+  startIndex: number | false, 
+  options?: SkipOptions
+) => number | false
+```
+
+Skip to the end of the current line.
+
+### skipEverythingButNewLine
+```javascript { .api }
+const skipEverythingButNewLine: (
+  text: string, 
+  startIndex: number | false, 
+  options?: SkipOptions
+) => number | false
+```
+
+Skip all characters except newlines.
+
+### Generic skip Function
+```javascript { .api }
+function skip(characters: string | RegExp): (
+  text: string, 
+  startIndex: number | false, 
+  options?: SkipOptions
+) => number | false
+```
+
+Create a custom skip function for specific characters or patterns.
+
+**Example:**
+```javascript { .api }
+const skipDigits = util.skip(/\d/);
+const skipPunctuation = util.skip('.,;:!?');
+
+const text = '123abc';
+const afterDigits = skipDigits(text, 0); // 3
+
+const text2 = '...text';
+const afterPuncts = skipPunctuation(text2, 0); // 3
+```
+
+## Comment Processing
+
+### skipInlineComment
+```javascript { .api }
+function skipInlineComment(text: string, startIndex: number | false): number | false
+```
+
+Skip JavaScript-style inline comments (`// comment`).
+
+**Example:**
+```javascript { .api }
+const text = 'code // comment\nmore';
+const afterComment = util.skipInlineComment(text, 5); // 15 (after comment)
+```
+
+### skipTrailingComment
+```javascript { .api }
+function skipTrailingComment(text: string, startIndex: number | false): number | false
+```
+
+Skip JavaScript-style block comments (`/* comment */`).
+
+**Example:**
+```javascript { .api }
+const text = 'code /* comment */ more';
+const afterComment = util.skipTrailingComment(text, 5); // 18 (after comment)
+```
+
+## Character and Position Testing
+
+### hasNewline
+```javascript { .api }
+function hasNewline(text: string, startIndex: number, options?: SkipOptions): boolean
+```
+
+Check if there's a newline at the specified position.
+
+**Example:**
+```javascript { .api }
+const text = 'line1\nline2';
+const hasNL = util.hasNewline(text, 5); // true
+```
+
+### hasNewlineInRange
+```javascript { .api }
+function hasNewlineInRange(text: string, startIndex: number, endIndex: number): boolean
+```
+
+Check if there's a newline within a character range.
+
+**Example:**
+```javascript { .api }
+const text = 'no newline here';
+const hasNL = util.hasNewlineInRange(text, 0, 10); // false
+```
+
+### hasSpaces
+```javascript { .api }
+function hasSpaces(text: string, startIndex: number, options?: SkipOptions): boolean
+```
+
+Check if there are spaces at the specified position.
+
+### getNextNonSpaceNonCommentCharacterIndex
+```javascript { .api }
+function getNextNonSpaceNonCommentCharacterIndex(text: string, startIndex: number): number | false
+```
+
+Find the index of the next significant character, skipping whitespace and comments.
+
+**Example:**
+```javascript { .api }
+const text = 'code  /* comment */  more';
+const nextChar = util.getNextNonSpaceNonCommentCharacterIndex(text, 4); // 20 ('m' in 'more')
+```
+
+### getNextNonSpaceNonCommentCharacter
+```javascript { .api }
+function getNextNonSpaceNonCommentCharacter(text: string, startIndex: number): string
+```
+
+Get the next significant character, skipping whitespace and comments.
+
+**Example:**
+```javascript { .api }
+const text = 'code  /* comment */  more';
+const nextChar = util.getNextNonSpaceNonCommentCharacter(text, 4); // 'm'
+```
+
+### isNextLineEmpty
+```javascript { .api }
+function isNextLineEmpty(text: string, startIndex: number): boolean
+```
+
+Check if the next line after the given position is empty.
+
+**Example:**
+```javascript { .api }
+const text = 'line1\n\nline3';
+const isEmpty = util.isNextLineEmpty(text, 5); // true (line after line1 is empty)
+```
+
+### isPreviousLineEmpty
+```javascript { .api }
+function isPreviousLineEmpty(text: string, startIndex: number): boolean
+```
+
+Check if the previous line before the given position is empty.
+
+**Example:**
+```javascript { .api }
+const text = 'line1\n\nline3';
+const isEmpty = util.isPreviousLineEmpty(text, 8); // true (line before line3 is empty)
+```
+
+## Comment Manipulation
+
+### addLeadingComment
+```javascript { .api }
+function addLeadingComment(node: any, comment: any): void
+```
+
+Add a comment before an AST node.
+
+**Example:**
+```javascript { .api }
+const node = { type: 'Identifier', name: 'x' };
+const comment = { type: 'Line', value: ' This is x' };
+util.addLeadingComment(node, comment);
+// node.leadingComments = [comment]
+```
+
+### addTrailingComment
+```javascript { .api }
+function addTrailingComment(node: any, comment: any): void
+```
+
+Add a comment after an AST node.
+
+**Example:**
+```javascript { .api }
+const node = { type: 'Identifier', name: 'x' };
+const comment = { type: 'Line', value: ' End of x' };
+util.addTrailingComment(node, comment);
+// node.trailingComments = [comment]
+```
+
+### addDanglingComment
+```javascript { .api }
+function addDanglingComment(node: any, comment: any, marker: any): void
+```
+
+Add a comment inside an AST node (not leading or trailing).
+
+**Parameters:**
+- `node` (any): AST node to add comment to
+- `comment` (any): Comment object to add
+- `marker` (any): Marker for comment placement
+
+**Example:**
+```javascript { .api }
+const node = { type: 'ObjectExpression', properties: [] };
+const comment = { type: 'Block', value: ' empty object ' };
+util.addDanglingComment(node, comment, 'inside');
+// node.comments = [comment]
+```
+
+## Usage Patterns
+
+### Text Processing Pipeline
+```javascript { .api }
+function processText(text, startIndex) {
+  // Skip initial whitespace
+  let pos = util.skipWhitespace(text, startIndex);
+  if (pos === false) return null;
+  
+  // Skip comments
+  pos = util.skipInlineComment(text, pos) || pos;
+  pos = util.skipTrailingComment(text, pos) || pos;
+  
+  // Get next significant character
+  const nextChar = util.getNextNonSpaceNonCommentCharacter(text, pos);
+  
+  return {
+    position: pos,
+    character: nextChar,
+    width: util.getStringWidth(text.slice(startIndex, pos))
+  };
+}
+```
+
+### String Quoting Logic
+```javascript { .api }
+function smartQuote(text, preferSingle = false) {
+  const preferred = preferSingle ? "'" : '"';
+  const optimal = util.getPreferredQuote(text, preferred);
+  return util.makeString(text, optimal, true);
+}
+```
+
+### Position Navigation
+```javascript { .api }
+function findStatementEnd(text, startIndex) {
+  let pos = startIndex;
+  
+  while (pos < text.length) {
+    // Skip whitespace and comments
+    pos = util.skipWhitespace(text, pos) || pos;
+    pos = util.skipInlineComment(text, pos) || pos;
+    pos = util.skipTrailingComment(text, pos) || pos;
+    
+    // Check for statement terminator
+    if (text[pos] === ';' || util.hasNewline(text, pos)) {
+      return pos;
+    }
+    
+    pos++;
+  }
+  
+  return pos;
+}
+```
+
+### Comment Processing
+```javascript { .api }
+function attachComments(ast, comments) {
+  for (const comment of comments) {
+    const beforeNode = findNodeBefore(ast, comment.start);
+    const afterNode = findNodeAfter(ast, comment.end);
+    
+    if (beforeNode && isOnSameLine(beforeNode.end, comment.start)) {
+      util.addTrailingComment(beforeNode, comment);
+    } else if (afterNode && isOnSameLine(comment.end, afterNode.start)) {
+      util.addLeadingComment(afterNode, comment);
+    } else {
+      // Dangling comment
+      const parentNode = findParentNode(ast, comment);
+      if (parentNode) {
+        util.addDanglingComment(parentNode, comment, 'inside');
+      }
+    }
+  }
+}
+```
+
+### Indentation Calculation
+```javascript { .api }
+function calculateIndentation(line, tabWidth) {
+  const trimmed = line.trimStart();
+  const indentText = line.slice(0, line.length - trimmed.length);
+  
+  return {
+    size: util.getIndentSize(indentText, tabWidth),
+    alignment: util.getAlignmentSize(indentText, tabWidth),
+    text: indentText,
+    content: trimmed
+  };
+}
+```
+
+## Deprecated Functions
+
+### isNextLineEmptyAfterIndex (Deprecated)
+```javascript { .api }
+function isNextLineEmptyAfterIndex(text: string, startIndex: number): boolean
+```
+
+**⚠️ Deprecated**: This function will be removed in v4. Use `isNextLineEmpty` instead.
+
+Legacy function that checks if the next line after the given index is empty.
+
+**Example:**
+```javascript { .api }
+// Deprecated usage
+const isEmpty = util.isNextLineEmptyAfterIndex(text, 5);
+
+// Modern equivalent
+const isEmpty = util.isNextLineEmpty(text, 5);
+```
+
+## Performance Notes
+
+- Skip functions return early with `false` if `startIndex` is `false`
+- String width calculation caches results for repeated calls
+- Comment utilities modify AST nodes in place
+- Position functions work with zero-based indices
+- All functions handle edge cases (empty strings, invalid positions)
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-prettier/tile.json b/.tessl/tiles/tessl/npm-prettier/tile.json
new file mode 100644
index 000000000..6ae8226d1
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-prettier/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-prettier",
+  "version": "3.6.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/prettier@3.6.2",
+  "summary": "Prettier is an opinionated code formatter that enforces consistent style across multiple languages including JavaScript, TypeScript, Flow, JSX, JSON, CSS, SCSS, Less, HTML, Vue, Angular, GraphQL, Markdown, and YAML."
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-prism-react-renderer/docs/component-hooks.md b/.tessl/tiles/tessl/npm-prism-react-renderer/docs/component-hooks.md
new file mode 100644
index 000000000..aceb83480
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-prism-react-renderer/docs/component-hooks.md
@@ -0,0 +1,285 @@
+# Component and Hooks
+
+Core React component and hooks for syntax highlighting with flexible render props pattern and fine-grained control over tokenization and styling.
+
+## Capabilities
+
+### Highlight Component
+
+Main React component that provides syntax highlighting through a render props pattern. Handles tokenization, theme application, and provides helper functions for rendering.
+
+```typescript { .api }
+/**
+ * Main syntax highlighting component using render props pattern
+ * @param props - Component props including code, language, theme, and render function
+ * @returns JSX element returned by the children render function
+ */
+interface HighlightProps {
+  /** Optional Prism instance (defaults to bundled Prism) */
+  prism?: PrismLib;
+  /** Optional theme (defaults to vsDark) */
+  theme?: PrismTheme;
+  /** Programming language for syntax highlighting */
+  language: Language;
+  /** Code string to highlight */
+  code: string;
+  /** Render function that receives highlighting data and helper functions */
+  children: (props: RenderProps) => JSX.Element;
+}
+
+declare const Highlight: React.FC<HighlightProps>;
+```
+
+**Usage Examples:**
+
+```typescript
+import { Highlight, themes } from "prism-react-renderer";
+
+// Basic usage with custom rendering
+<Highlight
+  theme={themes.oceanicNext}
+  code="const greeting = 'Hello, World!';"
+  language="javascript"
+>
+  {({ className, style, tokens, getLineProps, getTokenProps }) => (
+    <pre className={className} style={style}>
+      {tokens.map((line, i) => (
+        <div key={i} {...getLineProps({ line })}>
+          {line.map((token, key) => (
+            <span key={key} {...getTokenProps({ token })} />
+          ))}
+        </div>
+      ))}
+    </pre>
+  )}
+</Highlight>
+
+// With line numbers
+<Highlight
+  theme={themes.vsDark}
+  code={multiLineCode}
+  language="typescript"
+>
+  {({ className, style, tokens, getLineProps, getTokenProps }) => (
+    <pre className={className} style={style}>
+      {tokens.map((line, i) => (
+        <div key={i} {...getLineProps({ line, className: "line" })}>
+          <span className="line-number">{i + 1}</span>
+          {line.map((token, key) => (
+            <span key={key} {...getTokenProps({ token })} />
+          ))}
+        </div>
+      ))}
+    </pre>
+  )}
+</Highlight>
+
+// With custom Prism instance
+<Highlight
+  prism={customPrismInstance}
+  theme={themes.github}
+  code={code}
+  language="python"
+>
+  {({ tokens, getLineProps, getTokenProps, className, style }) => (
+    <pre className={`custom ${className}`} style={style}>
+      {/* render implementation */}
+    </pre>
+  )}
+</Highlight>
+```
+
+### useTokenize Hook
+
+React hook for tokenizing code using Prism.js. Provides direct access to the tokenization process for custom highlighting implementations.
+
+```typescript { .api }
+/**
+ * Hook to tokenize code using Prism.js with memoization
+ * @param options - Tokenization options including prism instance, code, grammar, and language
+ * @returns 2D array of tokens organized by lines
+ */
+interface TokenizeOptions {
+  /** Prism instance to use for tokenization */
+  prism: PrismLib;
+  /** Code string to tokenize */
+  code: string;
+  /** Optional grammar for the language (if available) */
+  grammar?: PrismGrammar;
+  /** Language identifier */
+  language: Language;
+}
+
+declare function useTokenize(options: TokenizeOptions): Token[][];
+```
+
+**Usage Examples:**
+
+```typescript
+import { useTokenize, Prism } from "prism-react-renderer";
+
+function CustomHighlighter({ code, language }) {
+  const tokens = useTokenize({
+    prism: Prism,
+    code,
+    language,
+    grammar: Prism.languages[language]
+  });
+
+  return (
+    <div className="custom-highlighter">
+      {tokens.map((line, lineIndex) => (
+        <div key={lineIndex} className="code-line">
+          {line.map((token, tokenIndex) => (
+            <span 
+              key={tokenIndex}
+              className={`token ${token.types.join(' ')}`}
+              data-empty={token.empty}
+            >
+              {token.content}
+            </span>
+          ))}
+        </div>
+      ))}
+    </div>
+  );
+}
+
+// Using with custom grammar handling
+function AdvancedHighlighter({ code, language }) {
+  const grammar = Prism.languages[language.toLowerCase()];
+  const tokens = useTokenize({
+    prism: Prism,
+    code,
+    language,
+    grammar
+  });
+
+  if (!grammar) {
+    console.warn(`Grammar not found for language: ${language}`);
+  }
+
+  // Custom rendering logic
+  return <div>{/* render tokens */}</div>;
+}
+```
+
+### Render Props Helper Functions
+
+The Highlight component provides helper functions through its render props to generate properly styled props for line and token elements. These functions are only available within the children render function of the Highlight component.
+
+**getLineProps Function:**
+
+```typescript { .api }
+/**
+ * Function to generate props for line elements with proper styling and CSS classes
+ * Available in the RenderProps passed to Highlight children function
+ */
+type GetLineProps = (input: LineInputProps) => LineOutputProps;
+```
+
+**getTokenProps Function:**
+
+```typescript { .api }
+/**
+ * Function to generate props for token elements with proper styling and CSS classes
+ * Available in the RenderProps passed to Highlight children function
+ */
+type GetTokenProps = (input: TokenInputProps) => TokenOutputProps;
+```
+
+**Usage Examples:**
+
+```typescript
+import { Highlight, themes } from "prism-react-renderer";
+
+// Basic usage of helper functions from render props
+function CodeBlock({ code, language }) {
+  return (
+    <Highlight theme={themes.vsDark} code={code} language={language}>
+      {({ className, style, tokens, getLineProps, getTokenProps }) => (
+        <pre className={className} style={style}>
+          {tokens.map((line, i) => {
+            // Use getLineProps to generate proper line attributes
+            const lineProps = getLineProps({
+              line,
+              className: "my-custom-line",
+              style: { padding: "0.25rem 0" }
+            });
+            
+            return (
+              <div key={i} {...lineProps}>
+                {line.map((token, key) => {
+                  // Use getTokenProps to generate proper token attributes
+                  const tokenProps = getTokenProps({
+                    token,
+                    className: "my-custom-token"
+                  });
+                  
+                  return <span key={key} {...tokenProps} />;
+                })}
+              </div>
+            );
+          })}
+        </pre>
+      )}
+    </Highlight>
+  );
+}
+
+// Advanced usage with conditional styling
+function AdvancedCodeBlock({ code, language, showLineNumbers }) {
+  return (
+    <Highlight theme={themes.oceanicNext} code={code} language={language}>
+      {({ className, style, tokens, getLineProps, getTokenProps }) => (
+        <pre className={className} style={style}>
+          {tokens.map((line, i) => {
+            const lineProps = getLineProps({
+              line,
+              className: showLineNumbers ? "line-with-number" : "line"
+            });
+            
+            return (
+              <div key={i} {...lineProps}>
+                {showLineNumbers && (
+                  <span className="line-number">{i + 1}</span>
+                )}
+                {line.map((token, key) => (
+                  <span key={key} {...getTokenProps({ token })} />
+                ))}
+              </div>
+            );
+          })}
+        </pre>
+      )}
+    </Highlight>
+  );
+}
+
+## Supporting Types
+
+```typescript { .api }
+interface RenderProps {
+  /** 2D array of tokens organized by lines */
+  tokens: Token[][];
+  /** CSS class name for the container */
+  className: string;
+  /** Inline styles for the container */
+  style: CSSProperties;
+  /** Function to generate props for line elements */
+  getLineProps: (input: LineInputProps) => LineOutputProps;
+  /** Function to generate props for token elements */
+  getTokenProps: (input: TokenInputProps) => TokenOutputProps;
+}
+
+interface TokenizeOptions {
+  /** Prism instance to use for tokenization */
+  prism: PrismLib;
+  /** Code string to tokenize */
+  code: string;
+  /** Optional grammar for the language (if available) */
+  grammar?: PrismGrammar;
+  /** Language identifier */
+  language: Language;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-prism-react-renderer/docs/index.md b/.tessl/tiles/tessl/npm-prism-react-renderer/docs/index.md
new file mode 100644
index 000000000..9142dacd6
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-prism-react-renderer/docs/index.md
@@ -0,0 +1,217 @@
+# Prism React Renderer
+
+Prism React Renderer is a React component library for syntax highlighting using Prism.js. It provides a render-props-driven approach to render syntax-highlighted code directly in React applications with VSCode-like theming capabilities.
+
+## Package Information
+
+- **Package Name**: prism-react-renderer
+- **Package Type**: npm
+- **Language**: TypeScript
+- **Installation**: `npm install prism-react-renderer`
+- **Peer Dependencies**: React >=16.0.0
+- **Dependencies**: @types/prismjs, clsx
+
+## Core Imports
+
+```typescript
+import { Highlight, themes, Prism } from "prism-react-renderer";
+```
+
+For CommonJS:
+
+```javascript
+const { Highlight, themes, Prism } = require("prism-react-renderer");
+```
+
+Additional imports for advanced usage:
+
+```typescript
+import { 
+  useTokenize, 
+  normalizeTokens,
+  type PrismTheme,
+  type Token,
+  type RenderProps 
+} from "prism-react-renderer";
+```
+
+## Basic Usage
+
+```typescript
+import { Highlight, themes } from "prism-react-renderer";
+
+function CodeBlock({ code, language }) {
+  return (
+    <Highlight
+      theme={themes.vsDark}
+      code={code}
+      language={language}
+    >
+      {({ className, style, tokens, getLineProps, getTokenProps }) => (
+        <pre className={className} style={style}>
+          {tokens.map((line, i) => (
+            <div key={i} {...getLineProps({ line })}>
+              {line.map((token, key) => (
+                <span key={key} {...getTokenProps({ token })} />
+              ))}
+            </div>
+          ))}
+        </pre>
+      )}
+    </Highlight>
+  );
+}
+```
+
+## Architecture
+
+Prism React Renderer is built around several key components:
+
+- **Highlight Component**: Main render-props component that orchestrates syntax highlighting
+- **Bundled Prism Instance**: Modified Prism.js that doesn't pollute global namespace
+- **Theme System**: VSCode-compatible themes with language-specific styling support
+- **Tokenization Hooks**: React hooks for tokenizing code and generating element props
+- **Utility Functions**: Functions for normalizing tokens and converting themes
+
+## Capabilities
+
+### Syntax Highlighting
+
+Core syntax highlighting functionality using the render props pattern for maximum flexibility. Supports 20+ programming languages and provides complete control over rendering.
+
+```typescript { .api }
+interface HighlightProps {
+  prism?: PrismLib;
+  theme?: PrismTheme;
+  language: Language;
+  code: string;
+  children: (props: RenderProps) => JSX.Element;
+}
+
+declare const Highlight: React.FC<HighlightProps>;
+```
+
+[Component and Hooks](./component-hooks.md)
+
+### Built-in Themes
+
+Collection of 20 built-in syntax highlighting themes inspired by popular code editors like VSCode, with support for language-specific styling.
+
+```typescript { .api }
+declare const themes: {
+  dracula: PrismTheme;
+  duotoneDark: PrismTheme;
+  duotoneLight: PrismTheme;
+  github: PrismTheme;
+  nightOwl: PrismTheme;
+  nightOwlLight: PrismTheme;
+  oceanicNext: PrismTheme;
+  okaidia: PrismTheme;
+  palenight: PrismTheme;
+  shadesOfPurple: PrismTheme;
+  synthwave84: PrismTheme;
+  ultramin: PrismTheme;
+  vsDark: PrismTheme;
+  vsLight: PrismTheme;
+  jettwaveDark: PrismTheme;
+  jettwaveLight: PrismTheme;
+  oneDark: PrismTheme;
+  oneLight: PrismTheme;
+  gruvboxMaterialDark: PrismTheme;
+  gruvboxMaterialLight: PrismTheme;
+};
+```
+
+[Themes](./themes.md)
+
+### Bundled Prism Instance
+
+Pre-configured Prism.js instance with common programming languages bundled for optimal performance and no global namespace pollution.
+
+```typescript { .api }
+declare const Prism: PrismLib;
+
+interface PrismLib {
+  languages: Record<string, PrismGrammar>;
+  tokenize(text: string, grammar: PrismGrammar): (string | PrismToken)[];
+  hooks: {
+    run(name: string, env: EnvConfig): void;
+  };
+}
+```
+
+**Supported Languages**: markup, jsx, tsx, swift, kotlin, objectivec, js-extras, reason, rust, graphql, yaml, go, cpp, markdown, python, json (and their dependencies)
+
+[Utilities](./utilities.md)
+
+## Core Types
+
+```typescript { .api }
+type Language = string;
+
+interface Token {
+  types: string[];
+  content: string;
+  empty?: boolean;
+}
+
+interface RenderProps {
+  tokens: Token[][];
+  className: string;
+  style: CSSProperties;
+  getLineProps: (input: LineInputProps) => LineOutputProps;
+  getTokenProps: (input: TokenInputProps) => TokenOutputProps;
+}
+
+interface PrismTheme {
+  plain: PrismThemeEntry;
+  styles: Array<{
+    types: string[];
+    style: PrismThemeEntry;
+    languages?: Language[];
+  }>;
+}
+
+interface PrismThemeEntry {
+  color?: string;
+  background?: string;
+  backgroundColor?: string;
+  fontStyle?: "normal" | "italic";
+  fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
+  textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through";
+  opacity?: number;
+  cursor?: string;
+  textShadow?: string;
+  backgroundImage?: string;
+}
+
+interface LineInputProps {
+  style?: CSSProperties;
+  className?: string;
+  line: Token[];
+  [key: string]: unknown;
+}
+
+interface LineOutputProps {
+  style?: CSSProperties;
+  className: string;
+  [key: string]: unknown;
+}
+
+interface TokenInputProps {
+  style?: CSSProperties;
+  className?: string;
+  token: Token;
+  [key: string]: unknown;
+}
+
+interface TokenOutputProps {
+  style?: CSSProperties;
+  className: string;
+  children: string;
+  [key: string]: unknown;
+}
+
+type PrismGrammar = import("prismjs").Grammar;
+type PrismLib = typeof import("prismjs");
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-prism-react-renderer/docs/themes.md b/.tessl/tiles/tessl/npm-prism-react-renderer/docs/themes.md
new file mode 100644
index 000000000..522250658
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-prism-react-renderer/docs/themes.md
@@ -0,0 +1,271 @@
+# Themes
+
+Collection of 20 built-in syntax highlighting themes inspired by popular code editors. All themes are VSCode-compatible and support language-specific styling rules.
+
+## Capabilities
+
+### Built-in Themes
+
+Pre-configured themes that can be used directly with the Highlight component or custom implementations.
+
+```typescript { .api }
+/**
+ * Collection of built-in syntax highlighting themes
+ * Each theme follows the PrismTheme interface with consistent styling
+ */
+declare const themes: {
+  /** Dracula theme - dark theme with purple and pink accents */
+  dracula: PrismTheme;
+  /** Duotone dark theme - minimalist dark theme with two-tone color scheme */
+  duotoneDark: PrismTheme;
+  /** Duotone light theme - minimalist light theme with two-tone color scheme */
+  duotoneLight: PrismTheme;
+  /** GitHub theme - light theme matching GitHub's syntax highlighting */
+  github: PrismTheme;
+  /** Night Owl theme - dark theme optimized for nighttime coding */
+  nightOwl: PrismTheme;
+  /** Night Owl Light theme - light variant of Night Owl */
+  nightOwlLight: PrismTheme;
+  /** Oceanic Next theme - dark theme with ocean-inspired colors */
+  oceanicNext: PrismTheme;
+  /** Okaidia theme - dark theme with vibrant colors */
+  okaidia: PrismTheme;
+  /** Palenight theme - dark theme with soft purple tones */
+  palenight: PrismTheme;
+  /** Shades of Purple theme - dark theme with various purple shades */
+  shadesOfPurple: PrismTheme;
+  /** Synthwave '84 theme - neon-inspired retro theme */
+  synthwave84: PrismTheme;
+  /** Ultramin theme - minimal high-contrast theme */
+  ultramin: PrismTheme;
+  /** VS Dark theme - default dark theme matching VSCode (default) */
+  vsDark: PrismTheme;
+  /** VS Light theme - light theme matching VSCode */
+  vsLight: PrismTheme;
+  /** Jettwave Dark theme - dark theme with blue accents */
+  jettwaveDark: PrismTheme;
+  /** Jettwave Light theme - light theme with blue accents */
+  jettwaveLight: PrismTheme;
+  /** One Dark theme - dark theme from Atom editor */
+  oneDark: PrismTheme;
+  /** One Light theme - light theme from Atom editor */
+  oneLight: PrismTheme;
+  /** Gruvbox Material Dark theme - dark variant of Material Gruvbox */
+  gruvboxMaterialDark: PrismTheme;
+  /** Gruvbox Material Light theme - light variant of Material Gruvbox */
+  gruvboxMaterialLight: PrismTheme;
+};
+```
+
+**Usage Examples:**
+
+```typescript
+import { Highlight, themes } from "prism-react-renderer";
+
+// Using different themes
+const DarkCodeBlock = ({ code, language }) => (
+  <Highlight theme={themes.vsDark} code={code} language={language}>
+    {({ className, style, tokens, getLineProps, getTokenProps }) => (
+      <pre className={className} style={style}>
+        {/* render implementation */}
+      </pre>
+    )}
+  </Highlight>
+);
+
+const LightCodeBlock = ({ code, language }) => (
+  <Highlight theme={themes.github} code={code} language={language}>
+    {/* render implementation */}
+  </Highlight>
+);
+
+// Theme switching
+function ThemedCodeBlock({ code, language, isDark }) {
+  const theme = isDark ? themes.dracula : themes.vsLight;
+  
+  return (
+    <Highlight theme={theme} code={code} language={language}>
+      {({ className, style, tokens, getLineProps, getTokenProps }) => (
+        <pre className={className} style={style}>
+          {tokens.map((line, i) => (
+            <div key={i} {...getLineProps({ line })}>
+              {line.map((token, key) => (
+                <span key={key} {...getTokenProps({ token })} />
+              ))}
+            </div>
+          ))}
+        </pre>
+      )}
+    </Highlight>
+  );
+}
+
+// Accessing specific theme properties
+const customStyle = {
+  ...themes.oceanicNext.plain,
+  fontSize: '14px',
+  lineHeight: '1.5'
+};
+```
+
+### Theme Categories
+
+**Dark Themes:**
+- `dracula` - Purple and pink accents on dark background
+- `duotoneDark` - Two-tone minimalist dark
+- `nightOwl` - Optimized for nighttime coding
+- `oceanicNext` - Ocean-inspired colors
+- `okaidia` - Vibrant colors on dark background
+- `palenight` - Soft purple tones
+- `shadesOfPurple` - Various purple shades
+- `synthwave84` - Neon retro aesthetic
+- `vsDark` - VSCode default dark (library default)
+- `jettwaveDark` - Blue accents on dark
+- `oneDark` - Atom editor dark theme
+- `gruvboxMaterialDark` - Material design Gruvbox dark
+
+**Light Themes:**
+- `duotoneLight` - Two-tone minimalist light
+- `github` - GitHub-style light theme
+- `nightOwlLight` - Light variant of Night Owl
+- `ultramin` - High-contrast minimal
+- `vsLight` - VSCode light theme
+- `jettwaveLight` - Blue accents on light
+- `oneLight` - Atom editor light theme
+- `gruvboxMaterialLight` - Material design Gruvbox light
+
+### Custom Theme Creation
+
+You can create custom themes following the PrismTheme interface:
+
+```typescript
+import { PrismTheme } from "prism-react-renderer";
+
+const customTheme: PrismTheme = {
+  plain: {
+    color: "#393A34",
+    backgroundColor: "#f6f8fa"
+  },
+  styles: [
+    {
+      types: ["comment", "prolog", "doctype", "cdata"],
+      style: {
+        color: "#999988",
+        fontStyle: "italic"
+      }
+    },
+    {
+      types: ["namespace"],
+      style: {
+        opacity: 0.7
+      }
+    },
+    {
+      types: ["string", "attr-value"],
+      style: {
+        color: "#e3116c"
+      }
+    },
+    {
+      types: ["punctuation", "operator"],
+      style: {
+        color: "#393A34"
+      }
+    },
+    {
+      types: ["entity", "url", "symbol", "number", "boolean", "variable", "constant", "property", "regex", "inserted"],
+      style: {
+        color: "#36acaa"
+      }
+    },
+    {
+      types: ["atrule", "keyword", "attr-name", "selector"],
+      style: {
+        color: "#00a4db"
+      }
+    },
+    {
+      types: ["function", "deleted", "tag"],
+      style: {
+        color: "#d73a49"
+      }
+    },
+    {
+      types: ["function-variable"],
+      style: {
+        color: "#6f42c1"
+      }
+    },
+    {
+      types: ["tag", "selector", "keyword"],
+      style: {
+        color: "#00009f"
+      }
+    }
+  ]
+};
+
+// Language-specific styling
+const customThemeWithLanguageSupport: PrismTheme = {
+  plain: {
+    color: "#393A34",
+    backgroundColor: "#f6f8fa"
+  },
+  styles: [
+    {
+      types: ["tag"],
+      style: {
+        color: "#d73a49"
+      }
+    },
+    {
+      types: ["tag"],
+      languages: ["markup"],
+      style: {
+        color: "#22863a"  // Different color for HTML tags
+      }
+    }
+  ]
+};
+```
+
+## Theme Structure
+
+```typescript { .api }
+interface PrismTheme {
+  /** Base styling applied to the root container */
+  plain: PrismThemeEntry;
+  /** Array of styling rules for different token types */
+  styles: Array<{
+    /** Token types this style applies to */
+    types: string[];
+    /** CSS properties for these token types */
+    style: PrismThemeEntry;
+    /** Optional: restrict this style to specific languages */
+    languages?: Language[];
+  }>;
+}
+
+interface PrismThemeEntry {
+  /** Text color */
+  color?: string;
+  /** Cursor style */
+  cursor?: string;
+  /** Background color (shorthand) */
+  background?: string;
+  /** Background image */
+  backgroundImage?: string;
+  /** Background color (explicit) */
+  backgroundColor?: string;
+  /** Text shadow effect */
+  textShadow?: string;
+  /** Font style (normal or italic) */
+  fontStyle?: "normal" | "italic";
+  /** Font weight */
+  fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
+  /** Text decoration */
+  textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through";
+  /** Opacity level */
+  opacity?: number;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-prism-react-renderer/docs/utilities.md b/.tessl/tiles/tessl/npm-prism-react-renderer/docs/utilities.md
new file mode 100644
index 000000000..61dd080bb
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-prism-react-renderer/docs/utilities.md
@@ -0,0 +1,238 @@
+# Utilities
+
+Utility functions and the bundled Prism instance for advanced usage, custom implementations, and direct access to tokenization functionality.
+
+## Capabilities
+
+### Bundled Prism Instance
+
+Pre-configured Prism.js instance with common programming languages bundled for optimal performance and no global namespace pollution.
+
+```typescript { .api }
+/**
+ * Pre-configured Prism.js instance with bundled language definitions
+ * Includes common programming languages without polluting global namespace
+ */
+declare const Prism: PrismLib;
+
+interface PrismLib {
+  /** Object containing grammar definitions for supported languages */
+  languages: Record<string, PrismGrammar>;
+  /** Tokenize text using a specific grammar */
+  tokenize(text: string, grammar: PrismGrammar): (string | PrismToken)[];
+  /** Hook system for extending Prism functionality */
+  hooks: {
+    /** Run hooks for specific events */
+    run(name: string, env: EnvConfig): void;
+  };
+}
+
+type PrismGrammar = import("prismjs").Grammar;
+```
+
+**Supported Languages:**
+- **Web**: markup (HTML), jsx, tsx, javascript (via js-extras)
+- **Systems**: rust, go, cpp, swift, kotlin, objectivec
+- **Functional**: reason
+- **Scripting**: python
+- **Data**: json, yaml, graphql
+- **Documentation**: markdown
+
+**Usage Examples:**
+
+```typescript
+import { Prism } from "prism-react-renderer";
+
+// Check if a language is supported
+function isLanguageSupported(language: string): boolean {
+  return language.toLowerCase() in Prism.languages;
+}
+
+// Get available languages
+const availableLanguages = Object.keys(Prism.languages);
+console.log("Supported languages:", availableLanguages);
+
+// Direct tokenization
+const code = "const greeting = 'Hello, World!';";
+const grammar = Prism.languages.javascript;
+const tokens = Prism.tokenize(code, grammar);
+
+// Use with custom hook implementations
+function useCustomTokenizer(code: string, language: string) {
+  const grammar = Prism.languages[language.toLowerCase()];
+  
+  if (!grammar) {
+    console.warn(`Grammar not found for language: ${language}`);
+    return [code]; // Return as plain text
+  }
+  
+  return Prism.tokenize(code, grammar);
+}
+
+// Language fallback handling
+function getGrammarWithFallback(language: string): PrismGrammar | null {
+  const normalizedLang = language.toLowerCase();
+  
+  // Direct match
+  if (Prism.languages[normalizedLang]) {
+    return Prism.languages[normalizedLang];
+  }
+  
+  // Common aliases
+  const aliases: Record<string, string> = {
+    'js': 'javascript',
+    'ts': 'typescript',  
+    'py': 'python',
+    'md': 'markdown',
+    'yml': 'yaml'
+  };
+  
+  const aliasTarget = aliases[normalizedLang];
+  if (aliasTarget && Prism.languages[aliasTarget]) {
+    return Prism.languages[aliasTarget];
+  }
+  
+  return null;
+}
+```
+
+### normalizeTokens Function
+
+Utility function that converts Prism's raw token output into a normalized 2D array structure organized by lines.
+
+```typescript { .api }
+/**
+ * Converts Prism tokens into normalized Token structure grouped by lines
+ * Handles nested tokens, newlines, and empty lines consistently
+ * @param tokens - Raw tokens from Prism.tokenize()
+ * @returns 2D array of normalized tokens organized by lines
+ */
+declare function normalizeTokens(tokens: (PrismToken | string)[]): Token[][];
+
+interface Token {
+  /** Array of token type classifications */
+  types: string[];
+  /** Token content/text */
+  content: string;
+  /** Whether this token represents an empty line */
+  empty?: boolean;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { normalizeTokens, Prism } from "prism-react-renderer";
+
+// Basic normalization
+const code = `function greet(name) {
+  console.log('Hello, ' + name);
+}`;
+
+const grammar = Prism.languages.javascript;
+const rawTokens = Prism.tokenize(code, grammar);
+const normalizedTokens = normalizeTokens(rawTokens);
+
+console.log(normalizedTokens);
+// [
+//   [{ types: ['keyword'], content: 'function' }, { types: ['plain'], content: ' ' }, ...],
+//   [{ types: ['plain'], content: '  ' }, { types: ['builtin'], content: 'console' }, ...],
+//   [{ types: ['punctuation'], content: '}' }]
+// ]
+
+// Handle empty lines
+const codeWithEmptyLines = `const a = 1;
+
+const b = 2;`;
+
+const tokensWithEmpty = normalizeTokens(Prism.tokenize(codeWithEmptyLines, grammar));
+// Second array will contain: [{ types: ['plain'], content: '\n', empty: true }]
+
+// Custom rendering with normalized tokens
+function renderTokens(tokens: Token[][]) {
+  return tokens.map((line, lineIndex) => (
+    <div key={lineIndex} className="code-line">
+      {line.map((token, tokenIndex) => (
+        <span
+          key={tokenIndex}
+          className={token.types.join(' ')}
+          data-empty={token.empty || undefined}
+        >
+          {token.content}
+        </span>
+      ))}
+    </div>
+  ));
+}
+```
+
+
+## Advanced Usage Patterns
+
+### Custom Language Support
+
+For languages not included in the bundle, you can extend Prism:
+
+```typescript
+import { Prism } from "prism-react-renderer";
+
+// Note: This requires additional Prism language definitions
+// You would need to import and register the language manually
+
+// Example of how to check and handle unsupported languages
+function highlightWithFallback(code: string, language: string) {
+  const grammar = Prism.languages[language.toLowerCase()];
+  
+  if (!grammar) {
+    // Fallback to plain text
+    return normalizeTokens([code]);
+  }
+  
+  const tokens = Prism.tokenize(code, grammar);
+  return normalizeTokens(tokens);
+}
+```
+
+### Performance Optimization
+
+```typescript
+import { useTokenize, Prism } from "prism-react-renderer";
+import { useMemo } from "react";
+
+function OptimizedHighlighter({ code, language }) {
+  // Grammar lookup is memoized
+  const grammar = useMemo(() => {
+    return Prism.languages[language.toLowerCase()];
+  }, [language]);
+  
+  // useTokenize already includes memoization
+  const tokens = useTokenize({
+    prism: Prism,
+    code,
+    language,
+    grammar
+  });
+  
+  return (
+    <div>
+      {tokens.map((line, i) => (
+        <div key={i}>
+          {line.map((token, j) => (
+            <span key={j} className={token.types.join(' ')}>
+              {token.content}
+            </span>
+          ))}
+        </div>
+      ))}
+    </div>
+  );
+}
+```
+
+## Supporting Types
+
+```typescript { .api }
+type Language = string;
+type PrismGrammar = import("prismjs").Grammar;
+type PrismLib = typeof import("prismjs");
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-prism-react-renderer/tile.json b/.tessl/tiles/tessl/npm-prism-react-renderer/tile.json
new file mode 100644
index 000000000..6dd70f932
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-prism-react-renderer/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-prism-react-renderer",
+  "version": "2.4.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/prism-react-renderer@2.4.1",
+  "summary": "Renders highlighted Prism output using React with render props pattern for syntax highlighting"
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-prisma/docs/client-generation.md b/.tessl/tiles/tessl/npm-prisma/docs/client-generation.md
new file mode 100644
index 000000000..fc739a0da
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-prisma/docs/client-generation.md
@@ -0,0 +1,219 @@
+# Client Generation
+
+Generate type-safe Prisma Client from schema definitions with support for multiple generators, watch mode, and specialized output configurations.
+
+## Capabilities
+
+### Generate Command
+
+Creates Prisma Client and other artifacts based on schema configuration with full type safety and customization options.
+
+```bash { .api }
+/**
+ * Generate Prisma Client and artifacts from schema
+ * Reads prisma/schema.prisma by default or custom schema path
+ */
+prisma generate [options]
+
+Options:
+  --schema <path>          Custom schema file path
+  --sql                    Generate typed SQL module for direct queries
+  --watch                  Watch mode for continuous generation on file changes
+  --generator <name>       Target specific generator by name
+  --no-engine             Generate for Accelerate only (no local engine)
+  --no-hints              Hide promotional hint messages
+  --allow-no-models       Allow generation from schemas without models
+  --require-models        Require at least one model in schema
+  --help/-h               Show generate command help
+```
+
+**Usage Examples:**
+
+```bash
+# Basic generation from default schema
+prisma generate
+
+# Generate with custom schema location
+prisma generate --schema ./custom/schema.prisma
+
+# Watch mode for development
+prisma generate --watch
+
+# Generate only specific generator
+prisma generate --generator client
+
+# Generate with SQL support for typed queries
+prisma generate --sql
+
+# Generate for Accelerate deployment (no local engine)  
+prisma generate --no-engine
+```
+
+### SQL Module Generation
+
+Generate typed SQL module for direct database queries with full type safety and IntelliSense support.
+
+```bash { .api }
+/**
+ * Generate typed SQL module alongside Prisma Client
+ * Creates sql/ directory with typed query functions
+ */
+prisma generate --sql [options]
+```
+
+**Generated SQL Module Usage:**
+
+```typescript
+// Generated SQL module provides typed queries
+import { sql } from './generated/sql';
+
+// Type-safe raw queries
+const users = await sql`
+  SELECT id, email, name 
+  FROM "User" 
+  WHERE active = ${true}
+`;
+
+// Introspected query functions
+const getUsersByEmail = sql.getUsersByEmail;
+const result = await getUsersByEmail('test@example.com');
+```
+
+### Watch Mode
+
+Continuous generation with file system watching for development workflows.
+
+```bash { .api }
+/**
+ * Enable watch mode for continuous generation
+ * Monitors schema files and automatically regenerates on changes
+ */
+prisma generate --watch [options]
+```
+
+**Watch Mode Features:**
+
+- Monitors schema file and related files for changes
+- Automatic regeneration on file modifications  
+- Debounced updates to prevent excessive regeneration
+- Console output showing generation status
+- Error reporting for failed generations
+
+### Generator Selection
+
+Target specific generators when multiple are configured in the schema.
+
+```bash { .api }
+/**
+ * Generate artifacts for specific generator only
+ * Useful when schema has multiple generator blocks
+ */
+prisma generate --generator <name> [options]
+```
+
+**Usage with Multiple Generators:**
+
+```prisma
+// schema.prisma with multiple generators
+generator client {
+  provider = "prisma-client-js"
+  output   = "./generated/client"
+}
+
+generator docs {
+  provider = "prisma-docs-generator"  
+  output   = "./generated/docs"
+}
+```
+
+```bash
+# Generate only client
+prisma generate --generator client
+
+# Generate only docs
+prisma generate --generator docs
+```
+
+### Accelerate Integration
+
+Generate Prisma Client optimized for Prisma Accelerate deployment without local database engines.
+
+```bash { .api }
+/**
+ * Generate client for Accelerate deployment
+ * Excludes binary engines for serverless environments
+ */
+prisma generate --no-engine [options]
+```
+
+**Accelerate Configuration:**
+
+```typescript
+// Generated client works with Accelerate connection string
+import { PrismaClient } from '@prisma/client'
+
+const prisma = new PrismaClient({
+  datasourceUrl: process.env.ACCELERATE_URL, // Accelerate connection string
+})
+```
+
+### Schema Validation Options
+
+Control schema validation behavior during generation process.
+
+```bash { .api }
+/**
+ * Control model requirements during generation
+ */
+prisma generate --allow-no-models    # Allow schemas without model definitions
+prisma generate --require-models     # Require at least one model (default)
+```
+
+**Schema Examples:**
+
+```prisma
+// Valid with --allow-no-models
+generator client {
+  provider = "prisma-client-js"
+}
+
+datasource db {
+  provider = "postgresql"  
+  url      = env("DATABASE_URL")
+}
+
+// No models defined - normally fails, allowed with --allow-no-models
+```
+
+### Generation Process
+
+The generation process includes several phases:
+
+1. **Schema Parsing**: Validate and parse Prisma schema file
+2. **Generator Resolution**: Identify and configure generators
+3. **Engine Download**: Download required database engines (unless --no-engine)
+4. **Artifact Generation**: Generate client code and other artifacts
+5. **Type Generation**: Create TypeScript definitions
+6. **File Writing**: Write generated files to output directories
+
+### Error Handling
+
+Common generation errors and solutions:
+
+- **Schema Syntax Errors**: Invalid Prisma schema syntax
+- **Generator Conflicts**: Multiple generators with same output path
+- **Database Connection**: Issues connecting during introspection
+- **Engine Download**: Network issues downloading engines
+- **Permission Errors**: File system permission issues
+- **Dependency Issues**: Missing generator dependencies
+
+### Integration
+
+Generated Prisma Client integrates with:
+
+- **TypeScript**: Full type safety and IntelliSense
+- **Node.js**: Runtime support for server applications
+- **Serverless**: Optimized bundles for serverless deployment
+- **Edge Runtime**: Compatible with edge computing platforms
+- **Build Tools**: Integration with webpack, Vite, etc.
+- **Testing**: Mock client for unit testing
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-prisma/docs/database-operations.md b/.tessl/tiles/tessl/npm-prisma/docs/database-operations.md
new file mode 100644
index 000000000..147f6fff5
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-prisma/docs/database-operations.md
@@ -0,0 +1,307 @@
+# Database Operations
+
+Direct database operations including schema synchronization, raw query execution, database introspection, and seeding with support for multiple database providers.
+
+## Capabilities
+
+### Database Pull
+
+Pull database schema from existing database and generate Prisma schema file with models, relations, and constraints.
+
+```bash { .api }
+/**
+ * Pull schema from existing database to generate Prisma schema
+ * Introspects database structure and creates/updates schema.prisma
+ */
+prisma db pull [options]
+
+Options:
+  --schema <path>          Custom schema file path
+  --url <connection>       Database connection URL
+  --force                  Overwrite existing schema without confirmation
+  --print                  Print schema to stdout instead of writing file
+  --help/-h               Show db pull command help
+```
+
+**Usage Examples:**
+
+```bash
+# Pull schema from database specified in schema
+prisma db pull
+
+# Pull with custom schema location
+prisma db pull --schema ./custom/schema.prisma
+
+# Pull with direct connection URL
+prisma db pull --url "postgresql://user:pass@localhost:5432/mydb"
+
+# Preview schema without writing file
+prisma db pull --print
+
+# Force overwrite existing schema
+prisma db pull --force
+```
+
+### Database Push
+
+Push Prisma schema changes directly to the database without creating migration files, ideal for prototyping and development.
+
+```bash { .api }
+/**
+ * Push schema changes directly to database
+ * Synchronizes database with schema without migration files
+ */
+prisma db push [options]
+
+Options:
+  --schema <path>          Custom schema file path
+  --force-reset           Reset database if schema changes cannot be applied
+  --accept-data-loss      Accept potential data loss from schema changes
+  --skip-generate         Skip automatic Prisma Client generation
+  --help/-h               Show db push command help
+```
+
+**Usage Examples:**
+
+```bash
+# Push schema changes to database
+prisma db push
+
+# Push with potential data loss acceptance
+prisma db push --accept-data-loss
+
+# Push and reset database if needed
+prisma db push --force-reset
+
+# Push without regenerating client
+prisma db push --skip-generate
+```
+
+### Database Execute
+
+Execute raw SQL queries directly against the database with support for files and stdin input.
+
+```bash { .api }
+/**
+ * Execute raw SQL queries against the database
+ * Supports direct queries, files, and stdin input
+ */
+prisma db execute [options]
+
+Options:
+  --schema <path>          Custom schema file path
+  --url <connection>       Database connection URL  
+  --file <path>           SQL file to execute
+  --stdin                 Read SQL from stdin
+  --help/-h               Show db execute command help
+```
+
+**Usage Examples:**
+
+```bash
+# Execute SQL from file
+prisma db execute --file ./scripts/seed.sql
+
+# Execute SQL from stdin
+echo "SELECT * FROM users;" | prisma db execute --stdin
+
+# Execute with custom connection
+prisma db execute --file ./query.sql --url "postgresql://..."
+
+# Execute with custom schema
+prisma db execute --file ./migration.sql --schema ./custom/schema.prisma
+```
+
+### Database Seed
+
+Run database seeding scripts to populate database with initial or test data.
+
+```bash { .api }
+/**
+ * Run database seeding scripts
+ * Executes seed script defined in package.json or default locations
+ */
+prisma db seed [options]
+
+Options:
+  --schema <path>          Custom schema file path
+  --help/-h               Show db seed command help
+```
+
+**Seed Configuration:**
+
+```json
+// package.json
+{
+  "prisma": {
+    "seed": "tsx prisma/seed.ts"
+  }
+}
+```
+
+**Usage Examples:**
+
+```bash
+# Run seed script
+prisma db seed
+
+# Run seed with custom schema
+prisma db seed --schema ./custom/schema.prisma
+```
+
+**Seed Script Example:**
+
+```typescript
+// prisma/seed.ts
+import { PrismaClient } from '@prisma/client'
+
+const prisma = new PrismaClient()
+
+async function main() {
+  // Create seed data
+  const alice = await prisma.user.create({
+    data: {
+      name: 'Alice',
+      email: 'alice@prisma.io',
+      posts: {
+        create: {
+          title: 'Hello World',
+          content: 'This is my first post',
+          published: true,
+        },
+      },
+    },
+  })
+
+  const bob = await prisma.user.create({
+    data: {
+      name: 'Bob',
+      email: 'bob@prisma.io',
+      posts: {
+        create: [
+          {
+            title: 'I am Bob',
+            content: 'This is my bio',
+            published: true,
+          },
+          {
+            title: 'Draft Post',
+            content: 'This is a draft',
+            published: false,
+          },
+        ],
+      },
+    },
+  })
+
+  console.log({ alice, bob })
+}
+
+main()
+  .catch((e) => {
+    console.error(e)
+    process.exit(1)
+  })
+  .finally(async () => {
+    await prisma.$disconnect()
+  })
+```
+
+## Database Provider Support
+
+### PostgreSQL Operations
+
+```bash
+# PostgreSQL-specific examples
+prisma db pull --url "postgresql://user:password@localhost:5432/mydb"
+prisma db push --schema ./postgresql-schema.prisma
+prisma db execute --file ./postgresql-queries.sql
+```
+
+### MySQL Operations  
+
+```bash
+# MySQL-specific examples
+prisma db pull --url "mysql://user:password@localhost:3306/mydb"
+prisma db push --schema ./mysql-schema.prisma
+prisma db execute --file ./mysql-queries.sql
+```
+
+### SQLite Operations
+
+```bash
+# SQLite-specific examples
+prisma db pull --url "file:./dev.db"
+prisma db push --schema ./sqlite-schema.prisma
+prisma db execute --file ./sqlite-queries.sql
+```
+
+### MongoDB Operations
+
+```bash
+# MongoDB-specific examples (limited operations)
+prisma db pull --url "mongodb://localhost:27017/mydb"
+prisma db push --schema ./mongodb-schema.prisma
+```
+
+## Schema Synchronization Patterns
+
+### Development Workflow
+
+```bash
+# Typical development flow
+prisma db push                    # Sync schema changes quickly
+prisma generate                   # Regenerate client
+prisma db seed                    # Populate with test data
+```
+
+### Production Introspection
+
+```bash
+# Pull production schema for local development
+prisma db pull --url $PRODUCTION_DATABASE_URL --print > production-schema.prisma
+```
+
+### Schema Migration
+
+```bash
+# Convert push-based development to migrations
+prisma db push                    # Final push of current schema
+prisma migrate dev --create-only  # Create migration from current state
+```
+
+## Error Handling
+
+Common database operation errors:
+
+- **Connection Errors**: Invalid database URL or connection issues
+- **Permission Errors**: Insufficient database privileges
+- **Schema Conflicts**: Conflicting schema changes during push
+- **Data Loss**: Schema changes that would lose data
+- **Syntax Errors**: Invalid SQL in execute operations
+- **Seed Failures**: Errors during seeding process
+
+## Integration Patterns
+
+### CI/CD Integration
+
+```bash
+# Production deployment
+prisma db push --accept-data-loss  # For staging environments
+prisma migrate deploy             # For production environments
+```
+
+### Local Development
+
+```bash
+# Quick iteration cycle
+prisma db push && prisma generate && prisma db seed
+```
+
+### Testing Integration
+
+```bash
+# Test database setup
+DATABASE_URL="postgresql://test:test@localhost:5432/test_db" prisma db push
+DATABASE_URL="postgresql://test:test@localhost:5432/test_db" prisma db seed
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-prisma/docs/index.md b/.tessl/tiles/tessl/npm-prisma/docs/index.md
new file mode 100644
index 000000000..020b37742
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-prisma/docs/index.md
@@ -0,0 +1,319 @@
+# Prisma CLI
+
+Prisma CLI is a next-generation ORM toolkit that provides comprehensive database management, client generation, and development workflow capabilities. It includes type-safe query builder, declarative migrations, and GUI database management with support for multiple database systems including PostgreSQL, MySQL, SQLite, SQL Server, MongoDB, and CockroachDB.
+
+## Package Information
+
+- **Package Name**: prisma
+- **Package Type**: npm
+- **Language**: TypeScript
+- **Installation**: `npm install prisma`
+- **Requirements**: Node.js >=18.18
+
+## Core Imports
+
+The Prisma CLI is primarily accessed via command line interface, but also exports types for configuration:
+
+```typescript
+import { PrismaConfig } from "prisma";
+```
+
+For configuration utilities:
+
+```typescript
+import { PrismaConfig } from "prisma/config";
+```
+
+ESM import:
+```typescript
+import { PrismaConfig } from "prisma";
+```
+
+CommonJS require:
+```javascript
+const { PrismaConfig } = require("prisma");
+```
+
+## Basic Usage
+
+```bash
+# Initialize new project
+npx prisma init
+
+# Start local development server
+npx prisma dev
+
+# Generate Prisma Client after schema changes
+npx prisma generate
+
+# Push schema changes to database
+npx prisma db push
+
+# Create and apply migrations
+npx prisma migrate dev --name init
+
+# Launch database GUI
+npx prisma studio
+
+# Format schema file
+npx prisma format
+
+# Display debug information
+npx prisma debug
+
+# Show telemetry information
+npx prisma telemetry
+```
+
+With TypeScript configuration:
+
+```typescript
+// schema.prisma example
+generator client {
+  provider = "prisma-client-js"
+}
+
+datasource db {
+  provider = "postgresql"
+  url      = env("DATABASE_URL")
+}
+
+model User {
+  id    Int     @id @default(autoincrement())
+  email String  @unique
+  name  String?
+}
+```
+
+## Architecture
+
+Prisma CLI is built around several key components:
+
+- **Core Commands**: Essential operations like generate, migrate, db operations, debug, telemetry
+- **Platform Integration**: Authentication, workspace, and project management for Prisma Platform
+- **Migration System**: Declarative schema migration with dev and deploy workflows
+- **Studio**: Web-based GUI for database visualization and editing
+- **MCP Server**: Model Context Protocol server for AI development tools integration
+- **Dynamic Extensions**: On-demand loading of specialized CLI packages
+- **External Packages**: Integration with external CLI packages like `@prisma/cli-init`, `@prisma/cli-security-rules`
+- **Type Exports**: Provides TypeScript configuration types via `PrismaConfig` from `@prisma/config`
+
+## Capabilities
+
+### Client Generation
+
+Generate type-safe Prisma Client from schema definitions with support for multiple generators and custom output options.
+
+```bash { .api }
+prisma generate [options]
+
+Options:
+  --schema <path>          Custom schema file path
+  --sql                    Generate typed SQL module  
+  --watch                  Watch mode for continuous generation
+  --generator <name>       Target specific generator
+  --no-engine             Generate for Accelerate only
+  --no-hints              Hide hint messages
+  --allow-no-models       Allow schemas without models
+  --require-models        Require models in schema
+```
+
+[Client Generation](./client-generation.md)
+
+### Database Operations
+
+Direct database operations including schema synchronization, raw query execution, and database introspection.
+
+```bash { .api }
+prisma db <command> [options]
+
+Commands:
+  pull                     Pull schema from database
+  push                     Push schema changes to database  
+  execute                  Execute raw SQL queries
+  seed                     Run database seeding
+```
+
+[Database Operations](./database-operations.md)
+
+### Migration Management
+
+Declarative data modeling and migration system with development and production workflows.
+
+```bash { .api }
+prisma migrate <command> [options]
+
+Commands:
+  dev                      Development migrations with auto-generation
+  deploy                   Deploy pending migrations to production
+  status                   Check migration status
+  resolve                  Mark failed migrations as resolved
+  reset                    Reset database and apply all migrations
+  diff                     Generate migration diffs between states
+```
+
+[Migration Management](./migration-management.md)
+
+### Studio Interface
+
+Web-based GUI for database visualization, data editing, and relationship exploration with real-time updates.
+
+```bash { .api }
+prisma studio [options]
+
+Options:
+  --port/-p <number>       Custom port (default: 5555-5600 range)
+  --browser/-b <browser>   Browser selection
+  --hostname/-n <host>     Hostname binding  
+  --schema <path>          Schema file path
+```
+
+[Studio Interface](./studio-interface.md)
+
+### Platform Integration
+
+Authentication and project management for Prisma Platform services including Pulse, Accelerate, and workspace management.
+
+```bash { .api }
+prisma platform <command> [options]
+
+Commands:
+  auth                     Authentication management
+  workspace               Workspace operations
+  environment             Environment management
+  project                 Project operations
+  serviceToken            Service token management
+  pulse                   Real-time event streaming
+  accelerate              Connection pooling and caching
+```
+
+[Platform Integration](./platform-integration.md)
+
+### MCP Server
+
+Model Context Protocol server for AI development tools integration, providing structured access to Prisma operations.
+
+```bash { .api }
+prisma mcp [options]
+
+Options:
+  --early-access          Enable early access features
+
+MCP Tools:
+  migrate-status          Check migration status
+  migrate-dev            Run development migrations
+  migrate-reset          Reset database (with --force)
+  Prisma-Studio          Launch Studio interface
+```
+
+[MCP Server](./mcp-server.md)
+
+### Schema Management
+
+Schema validation, formatting, and development utilities for maintaining clean and valid Prisma schema files.
+
+```bash { .api }
+prisma format [options]
+prisma validate [options]
+
+Format Options:
+  --schema <path>         Schema file path
+  --check                 Check formatting without modifying
+
+Validate Options:  
+  --schema <path>         Schema file path
+  --config <path>         Configuration file path
+```
+
+[Schema Management](./schema-management.md)
+
+### Project Initialization
+
+Set up a new Prisma project with schema files, configuration, and development environment.
+
+```bash { .api }
+prisma init [options]
+
+Options:
+  --datasource-provider <provider>  Database provider (postgresql, mysql, sqlite, sqlserver, mongodb, cockroachdb)
+  --url <url>                      Database connection URL
+  --help/-h                        Show help information
+```
+
+**Note**: This command is provided by the external package `@prisma/cli-init`.
+
+### Development Server
+
+Start a local Prisma Postgres server for development with automatic schema synchronization.
+
+```bash { .api }
+prisma dev [options]
+
+Options:
+  --help/-h                        Show help information
+```
+
+**Note**: This command provides local development database capabilities.
+
+### Debug Information
+
+Display comprehensive debugging information including environment variables, paths, and configuration details.
+
+```bash { .api }
+prisma debug [options]
+
+Options:
+  --schema <path>                  Custom path to Prisma schema file
+  --config <path>                  Custom path to configuration file
+  --help/-h                        Show help information
+```
+
+### Telemetry Information
+
+Display telemetry cache information and project identifiers for debugging telemetry issues.
+
+```bash { .api }
+prisma telemetry [options]
+
+Options:
+  --schema <path>                  Custom path to Prisma schema file
+```
+
+## Global Options
+
+```bash { .api }
+Global Options:
+  --help/-h               Show help information
+  --version/-v            Show version information
+  --config <path>         Configuration file path
+  --json                  JSON output format (for version)
+  --experimental          Enable experimental features  
+  --preview-feature       Enable preview features
+  --early-access          Enable early access features
+  --telemetry-information Telemetry configuration
+```
+
+## Types
+
+```typescript { .api }
+// Configuration type from @prisma/config
+export type { PrismaConfig } from '@prisma/config';
+
+// Command interface (internal)
+interface Command {
+  parse(argv: string[], config: PrismaConfigInternal): Promise<string | Error>;
+  help(error?: string): string;
+}
+
+// CLI global arguments
+interface GlobalArgs {
+  '--help'?: boolean;
+  '--version'?: boolean;
+  '--config'?: string;
+  '--json'?: boolean;
+  '--experimental'?: boolean;
+  '--preview-feature'?: boolean;
+  '--early-access'?: boolean;
+  '--telemetry-information'?: string;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-prisma/docs/mcp-server.md b/.tessl/tiles/tessl/npm-prisma/docs/mcp-server.md
new file mode 100644
index 000000000..13da8470d
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-prisma/docs/mcp-server.md
@@ -0,0 +1,429 @@
+# MCP Server
+
+Model Context Protocol server for AI development tools integration, providing structured access to Prisma operations through standardized AI-native interfaces.
+
+## Capabilities
+
+### MCP Server Launch
+
+Start Prisma MCP server to provide AI development tools with structured access to Prisma CLI operations.
+
+```bash { .api }
+/**
+ * Start Prisma MCP server for AI development tools
+ * Provides structured interface for AI agents to interact with Prisma
+ */
+prisma mcp [options]
+
+Options:
+  --early-access         Enable early access MCP features
+  --help/-h              Show MCP command help
+```
+
+**Usage Examples:**
+
+```bash
+# Start MCP server with default configuration
+prisma mcp
+
+# Start MCP server with early access features
+prisma mcp --early-access
+```
+
+### MCP Tool Interface
+
+The Prisma MCP server exposes standardized tools that AI development environments can invoke for database operations.
+
+```typescript { .api }
+/**
+ * MCP Tools provided by Prisma server
+ * Each tool provides structured input/output for AI agent interaction
+ */
+interface McpTools {
+  'migrate-status': MigrateStatusTool;
+  'migrate-dev': MigrateDevTool;
+  'migrate-reset': MigrateResetTool;
+  'Prisma-Studio': PrismaStudioTool;
+}
+
+interface MigrateStatusTool {
+  name: 'migrate-status';
+  description: 'Check database migration status and history';
+  inputSchema: {
+    type: 'object';
+    properties: {
+      schema?: { type: 'string'; description: 'Path to schema file' };
+    };
+  };
+}
+
+interface MigrateDevTool {
+  name: 'migrate-dev';
+  description: 'Create and apply development migrations';
+  inputSchema: {
+    type: 'object';
+    properties: {
+      name?: { type: 'string'; description: 'Migration name' };
+      createOnly?: { type: 'boolean'; description: 'Create migration without applying' };
+      skipGenerate?: { type: 'boolean'; description: 'Skip client generation' };
+      schema?: { type: 'string'; description: 'Path to schema file' };
+    };
+  };
+}
+
+interface MigrateResetTool {
+  name: 'migrate-reset';
+  description: 'Reset database and reapply all migrations';
+  inputSchema: {
+    type: 'object';
+    properties: {
+      force?: { type: 'boolean'; description: 'Skip confirmation prompt' };
+      skipGenerate?: { type: 'boolean'; description: 'Skip client generation' };
+      skipSeed?: { type: 'boolean'; description: 'Skip database seeding' };
+      schema?: { type: 'string'; description: 'Path to schema file' };
+    };
+  };
+}
+
+interface PrismaStudioTool {
+  name: 'Prisma-Studio';
+  description: 'Launch Prisma Studio database interface';
+  inputSchema: {
+    type: 'object';
+    properties: {
+      port?: { type: 'number'; description: 'Custom port number' };
+      browser?: { type: 'string'; description: 'Browser selection' };
+      hostname?: { type: 'string'; description: 'Hostname binding' };
+      schema?: { type: 'string'; description: 'Path to schema file' };
+    };
+  };
+}
+```
+
+## MCP Tool Operations
+
+### Migrate Status Tool
+
+Check migration status and history through MCP interface with structured output for AI agents.
+
+```json
+{
+  "tool": "migrate-status",
+  "arguments": {
+    "schema": "./prisma/schema.prisma"
+  }
+}
+```
+
+**Response Format:**
+
+```json
+{
+  "isSuccessful": true,
+  "content": [
+    {
+      "type": "text",
+      "text": "Migration Status:\n✓ Database schema is up to date\n\nApplied migrations:\n- 20240101120000_init\n- 20240102130000_add_user_profile\n\nNo pending migrations."
+    }
+  ]
+}
+```
+
+### Migrate Dev Tool
+
+Create and apply development migrations through MCP with validation and error handling.
+
+```json
+{
+  "tool": "migrate-dev",
+  "arguments": {
+    "name": "add-user-posts",
+    "createOnly": false,
+    "skipGenerate": false
+  }
+}
+```
+
+**Response Format:**
+
+```json
+{
+  "isSuccessful": true,
+  "content": [
+    {
+      "type": "text", 
+      "text": "Migration created and applied successfully:\n- Created migration: 20240103140000_add_user_posts\n- Applied to database\n- Generated Prisma Client\n- Database synchronized"
+    }
+  ]
+}
+```
+
+### Migrate Reset Tool
+
+Reset database through MCP interface with safety confirmation and structured feedback.
+
+```json
+{
+  "tool": "migrate-reset",
+  "arguments": {
+    "force": true,
+    "skipGenerate": false,
+    "skipSeed": true
+  }
+}
+```
+
+**Response Format:**
+
+```json
+{
+  "isSuccessful": true,
+  "content": [
+    {
+      "type": "text",
+      "text": "Database reset completed:\n- Dropped all data\n- Reapplied all migrations\n- Generated Prisma Client\n- Ready for development"
+    }
+  ]
+}
+```
+
+### Prisma Studio Tool
+
+Launch Studio interface through MCP with configuration options and status reporting.
+
+```json
+{
+  "tool": "Prisma-Studio",
+  "arguments": {
+    "port": 5555,
+    "hostname": "localhost",
+    "browser": "chrome"
+  }
+}
+```
+
+**Response Format:**
+
+```json
+{
+  "isSuccessful": true,
+  "content": [
+    {
+      "type": "text",
+      "text": "Prisma Studio launched successfully:\n- URL: http://localhost:5555\n- Browser: chrome\n- Status: Running\n- Ready for database management"
+    }
+  ]
+}
+```
+
+## MCP Integration Patterns
+
+### AI Development Workflow
+
+AI development tools can use the MCP server to perform database operations:
+
+```typescript
+// AI agent workflow example
+const mcpClient = new McpClient('prisma-mcp-server');
+
+// 1. Check current migration status
+const status = await mcpClient.callTool('migrate-status', {});
+
+// 2. Create migration based on schema changes
+const migration = await mcpClient.callTool('migrate-dev', {
+  name: 'ai-suggested-changes',
+  createOnly: true // Review before applying
+});
+
+// 3. Launch Studio for verification
+const studio = await mcpClient.callTool('Prisma-Studio', {
+  port: 5555
+});
+```
+
+### Development Environment Integration
+
+```bash
+# Start MCP server for development environment
+prisma mcp &
+
+# AI development tool connects to MCP server
+# Provides structured database operations to AI agents
+```
+
+### CI/CD Integration with MCP
+
+```typescript
+// CI/CD pipeline using MCP interface
+const mcpOperations = {
+  checkMigrations: () => mcpClient.callTool('migrate-status', {}),
+  applyMigrations: () => mcpClient.callTool('migrate-dev', { 
+    skipGenerate: false 
+  }),
+  resetTestDb: () => mcpClient.callTool('migrate-reset', { 
+    force: true,
+    skipSeed: false 
+  })
+};
+```
+
+## MCP Server Configuration
+
+### Server Startup Configuration
+
+```typescript { .api }
+interface McpServerConfig {
+  earlyAccess?: boolean;           // Enable early access features
+  schemaPath?: string;             // Default schema file path
+  port?: number;                   // MCP server port (not Studio port)
+  logLevel?: 'debug' | 'info' | 'warn' | 'error';
+  timeout?: number;                // Tool execution timeout
+}
+```
+
+### Environment Variables
+
+```bash
+# MCP server environment configuration
+DATABASE_URL="postgresql://user:pass@localhost:5432/db"
+PRISMA_SCHEMA_PATH="./prisma/schema.prisma"
+MCP_LOG_LEVEL="info"
+MCP_TIMEOUT="30000"
+```
+
+### Security Considerations
+
+```typescript
+// MCP server security features
+interface McpSecurity {
+  toolWhitelist: string[];         // Allowed tools for security
+  schemaValidation: boolean;       // Validate schema before operations
+  confirmationRequired: boolean;   // Require confirmation for destructive ops
+  auditLogging: boolean;          // Log all MCP operations
+}
+```
+
+## Tool Output Formats
+
+### Success Response
+
+```typescript { .api }
+interface McpSuccessResponse {
+  isSuccessful: true;
+  content: Array<{
+    type: 'text' | 'image' | 'resource';
+    text?: string;
+    data?: string;
+    uri?: string;
+  }>;
+}
+```
+
+### Error Response
+
+```typescript { .api }
+interface McpErrorResponse {
+  isSuccessful: false;
+  content: Array<{
+    type: 'text';
+    text: string;
+  }>;
+  error?: {
+    code: string;
+    message: string;
+    details?: any;
+  };
+}
+```
+
+## Advanced MCP Features
+
+### Early Access Features
+
+```bash
+# Enable early access MCP features
+prisma mcp --early-access
+```
+
+Early access features may include:
+
+- **Extended Tool Set**: Additional tools for schema manipulation
+- **Advanced Integrations**: Integration with more AI development platforms
+- **Performance Optimizations**: Improved tool execution performance
+- **Enhanced Logging**: Detailed operation logging and monitoring
+
+### Custom Tool Extensions
+
+```typescript
+// Framework for custom MCP tool development
+interface CustomMcpTool {
+  name: string;
+  description: string;
+  inputSchema: JSONSchema;
+  handler: (args: any) => Promise<McpResponse>;
+}
+```
+
+### Monitoring and Observability
+
+```typescript
+// MCP server monitoring capabilities
+interface McpMetrics {
+  toolInvocations: Record<string, number>;
+  averageExecutionTime: Record<string, number>;
+  errorRates: Record<string, number>;
+  activeConnections: number;
+}
+```
+
+## Error Handling
+
+Common MCP server errors:
+
+- **Tool Execution Errors**: Database operations fail or timeout
+- **Schema Validation Errors**: Invalid schema prevents tool execution
+- **Connection Errors**: Database connectivity issues
+- **Permission Errors**: Insufficient database or file system permissions
+- **Configuration Errors**: Invalid MCP server configuration
+- **Protocol Errors**: MCP protocol communication issues
+
+## Integration Examples
+
+### VS Code Extension Integration
+
+```typescript
+// VS Code extension using Prisma MCP
+const mcpProvider = new PrismaMcpProvider();
+
+// Add database operations to command palette
+vscode.commands.registerCommand('prisma.checkMigrations', async () => {
+  const result = await mcpProvider.callTool('migrate-status', {});
+  vscode.window.showInformationMessage(result.content[0].text);
+});
+```
+
+### AI Assistant Integration
+
+```typescript
+// AI assistant using Prisma MCP for database operations
+class DatabaseAssistant {
+  constructor(private mcpClient: McpClient) {}
+  
+  async handleDatabaseQuery(userQuery: string) {
+    // Analyze user intent
+    const intent = this.analyzeIntent(userQuery);
+    
+    // Execute appropriate MCP tool
+    switch (intent.operation) {
+      case 'check-status':
+        return await this.mcpClient.callTool('migrate-status', {});
+      case 'create-migration':
+        return await this.mcpClient.callTool('migrate-dev', {
+          name: intent.migrationName
+        });
+      case 'open-studio':
+        return await this.mcpClient.callTool('Prisma-Studio', {});
+    }
+  }
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-prisma/docs/migration-management.md b/.tessl/tiles/tessl/npm-prisma/docs/migration-management.md
new file mode 100644
index 000000000..af5e71d78
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-prisma/docs/migration-management.md
@@ -0,0 +1,392 @@
+# Migration Management
+
+Declarative data modeling and migration system with development and production workflows, providing version control for database schema changes.
+
+## Capabilities
+
+### Migration Development
+
+Create and apply migrations during development with automatic migration generation and database synchronization.
+
+```bash { .api }
+/**
+ * Create and apply development migrations
+ * Generates migration files and applies them to development database
+ */
+prisma migrate dev [options]
+
+Options:
+  --name <name>           Migration name (required for first migration)
+  --schema <path>         Custom schema file path
+  --create-only          Create migration file without applying
+  --skip-generate        Skip automatic Prisma Client generation
+  --skip-seed            Skip automatic seeding after migration
+  --help/-h              Show migrate dev command help
+```
+
+**Usage Examples:**
+
+```bash
+# Create and apply initial migration
+prisma migrate dev --name init
+
+# Create and apply named migration
+prisma migrate dev --name add-user-profile
+
+# Create migration file only (review before applying)
+prisma migrate dev --create-only --name add-indexes
+
+# Apply pending migrations without generating new ones
+prisma migrate dev
+
+# Skip client generation after migration
+prisma migrate dev --skip-generate
+```
+
+### Migration Deployment
+
+Deploy pending migrations to production environments with safety checks and rollback capabilities.
+
+```bash { .api }
+/**
+ * Deploy pending migrations to production
+ * Applies only unapplied migrations with safety checks
+ */
+prisma migrate deploy [options]
+
+Options:
+  --schema <path>         Custom schema file path
+  --help/-h              Show migrate deploy command help
+```
+
+**Usage Examples:**
+
+```bash
+# Deploy all pending migrations
+prisma migrate deploy
+
+# Deploy with custom schema location
+prisma migrate deploy --schema ./custom/schema.prisma
+```
+
+### Migration Status
+
+Check migration status and view pending, applied, and failed migrations.
+
+```bash { .api }
+/**
+ * Check migration status and history
+ * Shows applied, pending, and failed migrations
+ */
+prisma migrate status [options]
+
+Options:
+  --schema <path>         Custom schema file path
+  --help/-h              Show migrate status command help
+```
+
+**Usage Examples:**
+
+```bash
+# Check migration status
+prisma migrate status
+
+# Check status with custom schema
+prisma migrate status --schema ./custom/schema.prisma
+```
+
+**Status Output Example:**
+
+```
+Database schema is up to date!
+
+The following migrations have been applied:
+✓ 20240101120000_init
+✓ 20240102130000_add_user_profile  
+✓ 20240103140000_add_indexes
+
+No pending migrations found.
+```
+
+### Migration Reset
+
+Reset database by dropping all data and reapplying all migrations from the beginning.
+
+```bash { .api }
+/**
+ * Reset database and reapply all migrations
+ * Drops all data and recreates database from migrations
+ */
+prisma migrate reset [options]
+
+Options:
+  --schema <path>         Custom schema file path
+  --force                Skip confirmation prompt
+  --skip-generate        Skip automatic Prisma Client generation
+  --skip-seed            Skip automatic seeding after reset
+  --help/-h              Show migrate reset command help
+```
+
+**Usage Examples:**
+
+```bash
+# Reset database (with confirmation)
+prisma migrate reset
+
+# Reset without confirmation prompt
+prisma migrate reset --force
+
+# Reset without regenerating client or seeding
+prisma migrate reset --force --skip-generate --skip-seed
+```
+
+### Migration Resolution
+
+Resolve failed migrations by marking them as applied without executing them.
+
+```bash { .api }
+/**
+ * Mark failed migrations as resolved
+ * Useful for fixing migration history after manual intervention
+ */
+prisma migrate resolve [options]
+
+Options:
+  --applied <migration>   Mark specific migration as applied
+  --rolled-back <migration> Mark specific migration as rolled back
+  --schema <path>         Custom schema file path
+  --help/-h              Show migrate resolve command help
+```
+
+**Usage Examples:**
+
+```bash
+# Mark migration as applied
+prisma migrate resolve --applied 20240101120000_failed_migration
+
+# Mark migration as rolled back
+prisma migrate resolve --rolled-back 20240101120000_problematic_migration
+```
+
+### Migration Diff
+
+Generate migration diffs between different schema states for preview and review.
+
+```bash { .api }
+/**
+ * Generate migration diffs between schema states
+ * Compare schemas and show required database changes
+ */
+prisma migrate diff [options]
+
+Options:
+  --from-empty           Compare from empty schema
+  --from-schema-datamodel <path> Compare from schema file
+  --from-schema-datasource <path> Compare from schema datasource
+  --from-url <url>       Compare from database URL
+  --from-migrations <path> Compare from migrations directory
+  --to-schema-datamodel <path> Compare to schema file
+  --to-schema-datasource <path> Compare to schema datasource  
+  --to-url <url>         Compare to database URL
+  --to-migrations <path> Compare to migrations directory
+  --script               Output executable SQL script
+  --exit-code            Return non-zero exit code if differences found
+  --help/-h              Show migrate diff command help
+```
+
+**Usage Examples:**
+
+```bash
+# Compare current schema to database
+prisma migrate diff \
+  --from-url $DATABASE_URL \
+  --to-schema-datamodel ./prisma/schema.prisma
+
+# Generate SQL script for differences
+prisma migrate diff \
+  --from-url $DATABASE_URL \
+  --to-schema-datamodel ./prisma/schema.prisma \
+  --script
+
+# Compare two database states
+prisma migrate diff \
+  --from-url $STAGING_DATABASE_URL \
+  --to-url $PRODUCTION_DATABASE_URL
+
+# Compare schema to empty state
+prisma migrate diff \
+  --from-empty \
+  --to-schema-datamodel ./prisma/schema.prisma \
+  --script
+```
+
+## Migration Files
+
+### Migration File Structure
+
+```
+prisma/
+├── schema.prisma
+└── migrations/
+    ├── 20240101120000_init/
+    │   └── migration.sql
+    ├── 20240102130000_add_user_profile/
+    │   └── migration.sql
+    └── migration_lock.toml
+```
+
+### Migration SQL Example
+
+```sql
+-- CreateTable
+CREATE TABLE "User" (
+    "id" SERIAL NOT NULL,
+    "email" TEXT NOT NULL,
+    "name" TEXT,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "User_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateIndex
+CREATE UNIQUE INDEX "User_email_key" ON "User"("email");
+```
+
+### Migration Lock File
+
+```toml
+# migration_lock.toml
+provider = "postgresql"
+```
+
+## Development Workflows
+
+### Feature Development
+
+```bash
+# 1. Modify schema
+# 2. Create migration
+prisma migrate dev --name add-feature-x
+
+# 3. Review generated migration
+cat prisma/migrations/*/migration.sql
+
+# 4. Test migration
+npm run test
+```
+
+### Collaborative Development
+
+```bash
+# Pull latest migrations from team
+git pull origin main
+
+# Apply new migrations locally
+prisma migrate dev
+
+# Create your feature migration
+prisma migrate dev --name your-feature
+```
+
+### Production Deployment
+
+```bash
+# CI/CD pipeline deployment
+prisma migrate deploy
+
+# Manual deployment with checks
+prisma migrate status  # Check pending migrations
+prisma migrate deploy  # Apply migrations
+```
+
+## Advanced Migration Patterns
+
+### Custom Migration SQL
+
+```sql
+-- Custom business logic in migration
+BEGIN;
+
+-- Generated schema changes
+CREATE TABLE "Order" (
+    "id" SERIAL NOT NULL,
+    "userId" INTEGER NOT NULL,
+    "total" DECIMAL(65,30) NOT NULL,
+    CONSTRAINT "Order_pkey" PRIMARY KEY ("id")
+);
+
+-- Custom data migration
+INSERT INTO "Order" (userId, total)
+SELECT id, 0.00 FROM "User" WHERE "User"."createdAt" < '2024-01-01';
+
+-- Add foreign key constraint  
+ALTER TABLE "Order" ADD CONSTRAINT "Order_userId_fkey" 
+FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+COMMIT;
+```
+
+### Migration Rollback Strategy
+
+```bash
+# Create rollback migration
+prisma migrate dev --name rollback-feature-x --create-only
+
+# Edit migration to reverse changes
+# Apply rollback
+prisma migrate dev
+```
+
+### Environment-Specific Migrations
+
+```bash
+# Staging deployment
+DATABASE_URL=$STAGING_DATABASE_URL prisma migrate deploy
+
+# Production deployment  
+DATABASE_URL=$PRODUCTION_DATABASE_URL prisma migrate deploy
+```
+
+## Error Handling
+
+Common migration errors:
+
+- **Schema Drift**: Database schema differs from migration history
+- **Failed Migrations**: SQL errors during migration execution
+- **Conflicting Changes**: Multiple developers creating conflicting migrations
+- **Data Loss**: Migrations that would destroy data
+- **Constraint Violations**: Migrations violating database constraints
+- **Lock Conflicts**: Concurrent migration attempts
+
+## Integration
+
+### CI/CD Integration
+
+```yaml
+# GitHub Actions example
+- name: Run migrations
+  run: prisma migrate deploy
+  env:
+    DATABASE_URL: ${{ secrets.DATABASE_URL }}
+
+- name: Generate client
+  run: prisma generate
+```
+
+### Docker Integration
+
+```dockerfile
+# Dockerfile
+COPY prisma ./prisma/
+RUN npx prisma generate
+CMD ["sh", "-c", "npx prisma migrate deploy && npm start"]
+```
+
+### Testing Integration
+
+```bash
+# Test database migrations
+DATABASE_URL="postgresql://test:test@localhost:5432/test" prisma migrate reset --force
+DATABASE_URL="postgresql://test:test@localhost:5432/test" npm run test
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-prisma/docs/platform-integration.md b/.tessl/tiles/tessl/npm-prisma/docs/platform-integration.md
new file mode 100644
index 000000000..7433bc77a
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-prisma/docs/platform-integration.md
@@ -0,0 +1,455 @@
+# Platform Integration
+
+Authentication and project management for Prisma Platform services including workspace management, environment operations, and service integrations for Pulse and Accelerate.
+
+## Capabilities
+
+### Platform Command Group
+
+Access Prisma Platform services and management capabilities through the platform command interface.
+
+```bash { .api }
+/**
+ * Access Prisma Platform services
+ * Manage authentication, projects, environments, and service integrations
+ */
+prisma platform <command> [options]
+
+Commands:
+  auth                    Authentication management (login, logout, show)
+  workspace              Workspace operations (show)
+  environment            Environment management (create, delete, show)
+  project                Project operations (create, delete, show)
+  serviceToken           Service token management (create, delete, show)
+  pulse                  Pulse real-time events (enable, disable)
+  accelerate             Accelerate connection pooling (enable, disable)
+
+Global Options:
+  --early-access         Enable early access features
+  --help/-h              Show platform command help
+```
+
+### Authentication Management
+
+Manage Prisma Platform authentication with browser-based login and credential management.
+
+```bash { .api }
+/**
+ * Authentication operations for Prisma Platform
+ * Supports GitHub and Google OAuth authentication
+ */
+prisma platform auth <command> [options]
+
+Commands:
+  login                  Authenticate via browser (GitHub/Google OAuth)
+  logout                 Sign out and clear stored credentials
+  show                   Display current authenticated user information
+```
+
+**Authentication Examples:**
+
+```bash
+# Login via browser OAuth
+prisma platform auth login
+
+# Check current authentication status
+prisma platform auth show
+
+# Sign out and clear credentials
+prisma platform auth logout
+```
+
+**Authentication Output Example:**
+
+```
+$ prisma platform auth show
+✓ Authenticated as john@example.com
+  Provider: GitHub
+  Workspace: acme-corp
+  Expires: 2024-02-01T12:00:00Z
+```
+
+### Workspace Management
+
+Display and manage workspace information for Prisma Platform organization.
+
+```bash { .api }
+/**
+ * Workspace operations for Prisma Platform
+ * View workspace details and member information
+ */
+prisma platform workspace <command> [options]
+
+Commands:
+  show                   Display current workspace information
+```
+
+**Workspace Examples:**
+
+```bash
+# Display workspace information
+prisma platform workspace show
+```
+
+### Environment Management
+
+Create, manage, and configure environments within Prisma Platform projects.
+
+```bash { .api }
+/**
+ * Environment management operations
+ * Create and manage project environments for different deployment stages
+ */
+prisma platform environment <command> [options]
+
+Commands:
+  create                 Create new environment
+  delete                 Delete existing environment
+  show                   List environments or show specific environment details
+
+Create Options:
+  --name <name>          Environment name
+  --description <text>   Environment description
+  --region <region>      Deployment region
+
+Delete Options:
+  --name <name>          Environment name to delete
+  --force               Delete without confirmation
+
+Show Options:
+  --name <name>          Show specific environment (optional)
+```
+
+**Environment Examples:**
+
+```bash
+# List all environments
+prisma platform environment show
+
+# Show specific environment
+prisma platform environment show --name production
+
+# Create new environment
+prisma platform environment create --name staging --description "Staging environment"
+
+# Create environment with region
+prisma platform environment create --name production --region us-east-1
+
+# Delete environment
+prisma platform environment delete --name old-staging
+
+# Force delete without confirmation
+prisma platform environment delete --name temp-env --force
+```
+
+### Project Management
+
+Create, configure, and manage projects within Prisma Platform workspaces.
+
+```bash { .api }
+/**
+ * Project management operations
+ * Create and manage projects within workspace
+ */
+prisma platform project <command> [options]
+
+Commands:
+  create                 Create new project
+  delete                 Delete existing project
+  show                   List projects or show specific project details
+
+Create Options:
+  --name <name>          Project name
+  --description <text>   Project description
+  --region <region>      Default region for project resources
+
+Delete Options:
+  --name <name>          Project name to delete
+  --force               Delete without confirmation
+
+Show Options:
+  --name <name>          Show specific project (optional)
+```
+
+**Project Examples:**
+
+```bash
+# List all projects
+prisma platform project show
+
+# Show specific project
+prisma platform project show --name my-app
+
+# Create new project
+prisma platform project create --name my-new-app --description "New application"
+
+# Create project with default region
+prisma platform project create --name global-app --region eu-west-1
+
+# Delete project
+prisma platform project delete --name old-project
+
+# Force delete without confirmation
+prisma platform project delete --name temp-project --force
+```
+
+### Service Token Management
+
+Generate, manage, and revoke service tokens for programmatic access to Prisma Platform APIs.
+
+```bash { .api }
+/**
+ * Service token management for API access
+ * Generate and manage tokens for CI/CD and programmatic access
+ */
+prisma platform serviceToken <command> [options]
+
+Commands:
+  create                 Generate new service token
+  delete                 Revoke existing service token
+  show                   List service tokens
+
+Create Options:
+  --name <name>          Token name/description
+  --project <project>    Project scope for token
+  --environment <env>    Environment scope for token
+  --permissions <perms>  Token permissions (comma-separated)
+
+Delete Options:
+  --id <token-id>        Token ID to revoke
+  --name <name>          Token name to revoke
+
+Show Options:
+  --project <project>    Filter by project (optional)
+```
+
+**Service Token Examples:**
+
+```bash
+# List all service tokens
+prisma platform serviceToken show
+
+# Create service token for project
+prisma platform serviceToken create --name "CI/CD Token" --project my-app
+
+# Create token with specific permissions
+prisma platform serviceToken create \
+  --name "Deploy Token" \
+  --project my-app \
+  --environment production \
+  --permissions "deploy,read"
+
+# Revoke token by ID
+prisma platform serviceToken delete --id st-abc123def456
+
+# Revoke token by name
+prisma platform serviceToken delete --name "Old CI Token"
+
+# List tokens for specific project
+prisma platform serviceToken show --project my-app
+```
+
+**Note**: Service tokens are also available via the deprecated `apikey` alias:
+
+```bash
+# Deprecated aliases (use serviceToken instead)
+prisma platform apikey create --name "Legacy Token"
+prisma platform apikey show
+prisma platform apikey delete --id st-xyz789
+```
+
+### Pulse Integration
+
+Enable and manage Pulse real-time event streaming for database change notifications.
+
+```bash { .api }
+/**
+ * Pulse real-time event streaming management
+ * Enable database change streams and real-time notifications
+ */
+prisma platform pulse <command> [options]
+
+Commands:
+  enable                 Enable Pulse for project/environment
+  disable                Disable Pulse streaming
+
+Enable Options:
+  --project <project>    Project to enable Pulse for
+  --environment <env>    Environment to enable Pulse for
+  --region <region>      Pulse processing region
+
+Disable Options:
+  --project <project>    Project to disable Pulse for
+  --environment <env>    Environment to disable Pulse for
+```
+
+**Pulse Examples:**
+
+```bash
+# Enable Pulse for project
+prisma platform pulse enable --project my-app --environment production
+
+# Enable Pulse with specific region
+prisma platform pulse enable \
+  --project my-app \
+  --environment production \
+  --region us-east-1
+
+# Disable Pulse
+prisma platform pulse disable --project my-app --environment production
+```
+
+### Accelerate Integration
+
+Enable and configure Accelerate connection pooling and caching for improved database performance.
+
+```bash { .api }
+/**
+ * Accelerate connection pooling and caching management
+ * Enable database connection pooling and query result caching
+ */
+prisma platform accelerate <command> [options]
+
+Commands:
+  enable                 Enable Accelerate for project/environment
+  disable                Disable Accelerate pooling
+
+Enable Options:
+  --project <project>    Project to enable Accelerate for
+  --environment <env>    Environment to enable Accelerate for
+  --region <region>      Accelerate processing region
+  --cache-strategy <strategy> Caching strategy configuration
+
+Disable Options:
+  --project <project>    Project to disable Accelerate for
+  --environment <env>    Environment to disable Accelerate for
+```
+
+**Accelerate Examples:**
+
+```bash
+# Enable Accelerate for project
+prisma platform accelerate enable --project my-app --environment production
+
+# Enable Accelerate with specific region and caching
+prisma platform accelerate enable \
+  --project my-app \
+  --environment production \
+  --region us-east-1 \
+  --cache-strategy ttl=300
+
+# Disable Accelerate
+prisma platform accelerate disable --project my-app --environment production
+```
+
+## Platform Integration Workflows
+
+### Initial Platform Setup
+
+```bash
+# 1. Authenticate with platform
+prisma platform auth login
+
+# 2. Create project
+prisma platform project create --name my-app --description "My application"
+
+# 3. Create environments
+prisma platform environment create --name development
+prisma platform environment create --name staging  
+prisma platform environment create --name production
+
+# 4. Enable services
+prisma platform accelerate enable --project my-app --environment production
+prisma platform pulse enable --project my-app --environment production
+```
+
+### CI/CD Integration
+
+```bash
+# Generate service token for CI/CD
+prisma platform serviceToken create \
+  --name "GitHub Actions" \
+  --project my-app \
+  --permissions "deploy,read"
+
+# Use token in CI/CD (store as secret)
+export PRISMA_PLATFORM_TOKEN="st-abc123def456"
+```
+
+**CI/CD Configuration Example:**
+
+```yaml
+# GitHub Actions
+- name: Deploy to Prisma Platform
+  env:
+    PRISMA_PLATFORM_TOKEN: ${{ secrets.PRISMA_PLATFORM_TOKEN }}
+  run: |
+    prisma platform auth login --token $PRISMA_PLATFORM_TOKEN
+    prisma migrate deploy
+```
+
+### Multi-Environment Management
+
+```bash
+# Development environment
+prisma platform environment show --name development
+
+# Deploy to staging
+prisma platform project show --name my-app
+DATABASE_URL=$STAGING_DB_URL prisma migrate deploy
+
+# Enable Accelerate for production
+prisma platform accelerate enable \
+  --project my-app \
+  --environment production
+```
+
+## Error Handling
+
+Common platform integration errors:
+
+- **Authentication Errors**: Invalid credentials or expired tokens
+- **Permission Errors**: Insufficient permissions for operation
+- **Network Errors**: Connectivity issues with Prisma Platform
+- **Resource Conflicts**: Duplicate names or conflicting configurations
+- **Quota Limits**: Platform usage limits exceeded
+- **Service Unavailable**: Platform services temporarily unavailable
+
+## Integration Patterns
+
+### Local Development with Platform Services
+
+```bash
+# Use platform services in local development
+prisma platform auth login
+export ACCELERATE_URL=$(prisma platform accelerate show --project my-app --environment development)
+npm run dev
+```
+
+### Platform Service Configuration
+
+```typescript
+// Using platform services in application
+import { PrismaClient } from '@prisma/client'
+
+const prisma = new PrismaClient({
+  datasourceUrl: process.env.ACCELERATE_URL, // From platform
+})
+
+// Pulse event subscription
+const subscription = await prisma.$subscribe('User', {
+  create: true,
+  update: true,
+})
+```
+
+### Multi-Region Deployment
+
+```bash
+# Deploy to multiple regions
+prisma platform environment create --name production-us --region us-east-1
+prisma platform environment create --name production-eu --region eu-west-1
+
+prisma platform accelerate enable --project my-app --environment production-us --region us-east-1
+prisma platform accelerate enable --project my-app --environment production-eu --region eu-west-1
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-prisma/docs/schema-management.md b/.tessl/tiles/tessl/npm-prisma/docs/schema-management.md
new file mode 100644
index 000000000..98fc22c03
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-prisma/docs/schema-management.md
@@ -0,0 +1,483 @@
+# Schema Management
+
+Schema validation, formatting, and development utilities for maintaining clean, valid, and consistent Prisma schema files with comprehensive error checking.
+
+## Capabilities
+
+### Schema Formatting
+
+Format Prisma schema files with consistent styling, proper indentation, and standardized structure.
+
+```bash { .api }
+/**
+ * Format Prisma schema files with consistent styling
+ * Applies standard formatting rules and validates syntax
+ */
+prisma format [options]
+
+Options:
+  --schema <path>         Schema file path (default: ./prisma/schema.prisma)
+  --check                 Check formatting without modifying files
+  --help/-h              Show format command help
+```
+
+**Usage Examples:**
+
+```bash
+# Format default schema file
+prisma format
+
+# Format custom schema location
+prisma format --schema ./custom/schema.prisma
+
+# Check formatting without making changes
+prisma format --check
+
+# Format multiple schemas in CI/CD
+find . -name "*.prisma" -exec prisma format --schema {} \;
+```
+
+**Formatting Rules Applied:**
+
+- Consistent indentation (2 spaces)
+- Proper line spacing between blocks
+- Standardized attribute ordering
+- Comment preservation and alignment
+- Field type alignment
+- Relation attribute formatting
+
+**Before/After Example:**
+
+```prisma
+// Before formatting
+model User{
+id Int @id @default(autoincrement())
+email String@unique
+name String?
+posts Post[]
+}
+
+// After formatting  
+model User {
+  id    Int    @id @default(autoincrement())
+  email String @unique
+  name  String?
+  posts Post[]
+}
+```
+
+### Schema Validation
+
+Validate Prisma schema syntax, configuration, and database compatibility with comprehensive error reporting.
+
+```bash { .api }
+/**
+ * Validate Prisma schema syntax and configuration
+ * Checks schema validity, database compatibility, and configuration
+ */
+prisma validate [options]
+
+Options:
+  --schema <path>         Schema file path (default: ./prisma/schema.prisma)
+  --config <path>         Configuration file path
+  --help/-h              Show validate command help
+```
+
+**Usage Examples:**
+
+```bash
+# Validate default schema
+prisma validate
+
+# Validate custom schema location
+prisma validate --schema ./custom/schema.prisma
+
+# Validate with custom configuration
+prisma validate --config ./prisma/config.json
+
+# Validate in CI/CD pipeline
+prisma validate && echo "Schema is valid"
+```
+
+**Validation Checks:**
+
+- **Syntax Validation**: Proper Prisma schema language syntax
+- **Type Checking**: Valid field types and attribute usage
+- **Relation Validation**: Correct relationship definitions
+- **Database Compatibility**: Provider-specific feature compatibility
+- **Configuration Validation**: Valid generator and datasource configurations
+- **Constraint Validation**: Database constraint compatibility
+- **Naming Validation**: Valid model and field naming conventions
+
+### Format Checking
+
+Check schema formatting without making modifications, useful for CI/CD and code review processes.
+
+```bash { .api }
+/**
+ * Check schema formatting without modifying files
+ * Returns exit code indicating whether formatting is needed
+ */
+prisma format --check [options]
+
+Exit Codes:
+  0: Schema is properly formatted
+  1: Schema needs formatting or has syntax errors
+```
+
+**CI/CD Integration:**
+
+```bash
+# Check formatting in CI pipeline
+if prisma format --check; then
+  echo "Schema formatting is valid"
+else
+  echo "Schema needs formatting" >&2
+  exit 1
+fi
+```
+
+**Usage in Pre-commit Hooks:**
+
+```bash
+# .git/hooks/pre-commit
+#!/bin/bash
+prisma format --check || {
+  echo "Please run 'prisma format' before committing"
+  exit 1
+}
+```
+
+## Schema Development Workflows
+
+### Development Formatting Workflow
+
+```bash
+# Development cycle with formatting
+# 1. Modify schema
+vim prisma/schema.prisma
+
+# 2. Format schema
+prisma format
+
+# 3. Validate schema
+prisma validate
+
+# 4. Generate client
+prisma generate
+```
+
+### Team Collaboration Workflow
+
+```bash
+# Before committing changes
+prisma format                    # Format schema
+prisma validate                  # Validate schema  
+git add prisma/schema.prisma    # Stage formatted schema
+git commit -m "Update schema"   # Commit changes
+```
+
+### Multi-Schema Project Management
+
+```bash
+# Format multiple schema files
+prisma format --schema ./apps/api/prisma/schema.prisma
+prisma format --schema ./apps/admin/prisma/schema.prisma
+
+# Validate all schemas
+find . -name "schema.prisma" -exec prisma validate --schema {} \;
+```
+
+## Advanced Schema Management
+
+### Schema File Organization
+
+```prisma
+// Well-organized schema structure
+generator client {
+  provider = "prisma-client-js"
+  output   = "../generated/client"
+}
+
+datasource db {
+  provider = "postgresql"
+  url      = env("DATABASE_URL")
+}
+
+// Enums first
+enum UserRole {
+  ADMIN
+  USER
+  MODERATOR
+}
+
+// Base models
+model User {
+  id        Int      @id @default(autoincrement())
+  email     String   @unique
+  name      String?
+  role      UserRole @default(USER)
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+
+  // Relations
+  posts     Post[]
+  profile   Profile?
+
+  @@map("users")
+}
+
+// Related models
+model Profile {
+  id     Int    @id @default(autoincrement())
+  bio    String?
+  avatar String?
+  userId Int    @unique
+  user   User   @relation(fields: [userId], references: [id])
+
+  @@map("profiles")
+}
+```
+
+### Schema Validation Rules
+
+```prisma
+// Valid schema patterns
+model Product {
+  id          Int      @id @default(autoincrement())
+  name        String   @db.VarChar(255)
+  price       Decimal  @db.Decimal(10, 2)
+  inStock     Boolean  @default(true)
+  categoryId  Int?
+  createdAt   DateTime @default(now())
+  updatedAt   DateTime @updatedAt
+
+  // Proper relation definition
+  category    Category? @relation(fields: [categoryId], references: [id])
+  orderItems  OrderItem[]
+
+  // Proper indexes
+  @@index([categoryId])
+  @@index([createdAt])
+  @@map("products")
+}
+```
+
+### Configuration Validation
+
+```prisma
+// Valid generator configuration
+generator client {
+  provider        = "prisma-client-js"
+  output          = "./generated/client"
+  previewFeatures = ["jsonProtocol", "metrics"]
+  binaryTargets   = ["native", "linux-musl"]
+}
+
+// Valid datasource configuration
+datasource db {
+  provider     = "postgresql"
+  url          = env("DATABASE_URL")
+  directUrl    = env("DIRECT_URL")
+  relationMode = "foreignKeys"
+}
+```
+
+## Error Handling and Debugging
+
+### Common Validation Errors
+
+**Syntax Errors:**
+
+```bash
+$ prisma validate
+Error: Schema parsing failed:
+  --> schema.prisma:15:3
+   |
+15 |   posts Post[]
+   |   ^^^^^ Type "Post" referenced but not defined
+```
+
+**Type Errors:**
+
+```bash
+Error: Relation field "posts" must specify both `fields` and `references` 
+or be a list and have a back-relation field with both `fields` and `references`.
+```
+
+**Database Compatibility:**
+
+```bash
+Error: The preview feature "extendedWhereUnique" is not supported 
+with the current database provider "sqlite".
+```
+
+### Formatting Issues
+
+**Formatting Check Output:**
+
+```bash
+$ prisma format --check
+The following files are not formatted:
+  - prisma/schema.prisma
+
+Run 'prisma format' to fix formatting issues.
+```
+
+**Auto-fixing Common Issues:**
+
+```bash
+# Fix formatting automatically
+prisma format
+
+# Validate after formatting
+prisma validate
+```
+
+## Integration Patterns
+
+### Editor Integration
+
+```json
+// VS Code settings.json
+{
+  "prisma.format.enable": true,
+  "editor.formatOnSave": true,
+  "[prisma]": {
+    "editor.defaultFormatter": "Prisma.prisma"
+  }
+}
+```
+
+### Git Hooks Integration
+
+```bash
+# .husky/pre-commit
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+# Format and validate schema
+prisma format
+prisma validate
+
+# Add formatted schema to commit
+git add prisma/schema.prisma
+```
+
+### CI/CD Pipeline Integration
+
+```yaml
+# GitHub Actions workflow
+name: Schema Validation
+on: [push, pull_request]
+
+jobs:
+  validate-schema:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 18
+          
+      - name: Install dependencies
+        run: npm ci
+        
+      - name: Check schema formatting
+        run: prisma format --check
+        
+      - name: Validate schema
+        run: prisma validate
+```
+
+### Docker Integration
+
+```dockerfile
+# Dockerfile with schema validation
+FROM node:18-alpine
+COPY . .
+RUN npm install
+
+# Validate schema during build
+RUN npx prisma validate
+
+# Format schema and build
+RUN npx prisma format
+RUN npx prisma generate
+```
+
+## Automated Schema Management
+
+### Format on Save
+
+```typescript
+// VS Code extension configuration
+{
+  "prisma.format.enable": true,
+  "editor.codeActionsOnSave": {
+    "source.format.prisma": true
+  }
+}
+```
+
+### Batch Processing
+
+```bash
+# Script for batch schema management
+#!/bin/bash
+for schema in $(find . -name "*.prisma"); do
+  echo "Processing $schema"
+  prisma format --schema "$schema"
+  prisma validate --schema "$schema"
+done
+```
+
+### Quality Gates
+
+```bash
+# Quality gate script
+#!/bin/bash
+set -e
+
+echo "Checking schema formatting..."
+prisma format --check || {
+  echo "Schema formatting check failed"
+  exit 1
+}
+
+echo "Validating schema..."
+prisma validate || {
+  echo "Schema validation failed"
+  exit 1
+}
+
+echo "All schema checks passed!"
+```
+
+## Best Practices
+
+### Schema Organization
+
+- **Consistent Formatting**: Always use `prisma format`
+- **Logical Grouping**: Group related models together
+- **Clear Naming**: Use descriptive model and field names
+- **Comment Usage**: Add comments for complex business logic
+- **Index Strategy**: Define appropriate database indexes
+
+### Development Workflow
+
+- **Format Before Commit**: Always format schemas before committing
+- **Validate Regularly**: Run validation during development
+- **Team Standards**: Establish team formatting conventions
+- **CI Integration**: Include validation in CI/CD pipelines
+- **Documentation**: Keep schema documentation up to date
+
+### Error Prevention
+
+- **Regular Validation**: Validate schemas frequently during development
+- **Type Safety**: Use proper Prisma types and attributes
+- **Relation Integrity**: Ensure correct relationship definitions
+- **Provider Compatibility**: Check database provider compatibility
+- **Preview Features**: Use preview features cautiously in production
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-prisma/docs/studio-interface.md b/.tessl/tiles/tessl/npm-prisma/docs/studio-interface.md
new file mode 100644
index 000000000..4f2753a3d
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-prisma/docs/studio-interface.md
@@ -0,0 +1,325 @@
+# Studio Interface
+
+Web-based GUI for database visualization, data editing, and relationship exploration with real-time updates and intuitive data management capabilities.
+
+## Capabilities
+
+### Studio Launch
+
+Launch Prisma Studio web interface for interactive database management and visualization.
+
+```bash { .api }
+/**
+ * Launch Prisma Studio web interface
+ * Opens browser-based GUI for database visualization and editing
+ */
+prisma studio [options]
+
+Options:
+  --port/-p <number>      Custom port (default: 5555-5600 range)
+  --browser/-b <browser>  Browser selection (chrome, firefox, safari, etc.)
+  --hostname/-n <host>    Hostname binding (default: localhost)
+  --schema <path>         Custom schema file path
+  --help/-h              Show studio command help
+```
+
+**Usage Examples:**
+
+```bash
+# Launch Studio with default settings
+prisma studio
+
+# Launch on custom port
+prisma studio --port 3333
+
+# Launch with specific browser
+prisma studio --browser firefox
+
+# Launch with custom hostname (for Docker/remote access)
+prisma studio --hostname 0.0.0.0
+
+# Launch with custom schema location
+prisma studio --schema ./custom/schema.prisma
+
+# Launch on specific port and hostname
+prisma studio --port 4000 --hostname 0.0.0.0
+```
+
+### Port Configuration
+
+Configure Studio to run on specific ports with automatic fallback for port conflicts.
+
+```bash { .api }
+/**
+ * Configure Studio port binding
+ * Automatically finds available port in range if default is occupied
+ */
+prisma studio --port <number>
+
+Port Behavior:
+  Default Range: 5555-5600
+  Auto-fallback: Finds next available port if specified port is occupied
+  Port Validation: Ensures port is valid and available
+```
+
+**Port Examples:**
+
+```bash
+# Specific port
+prisma studio --port 8080
+
+# Studio finds available port if 3000 is occupied
+prisma studio --port 3000
+
+# Development server alongside Studio
+npm run dev &          # Starts on 3000
+prisma studio --port 3001
+```
+
+### Browser Integration
+
+Control browser launching and selection for Studio interface access.
+
+```bash { .api }
+/**
+ * Browser selection and launching
+ * Supports major browsers with automatic detection
+ */
+prisma studio --browser <browser>
+
+Supported Browsers:
+  chrome, firefox, safari, edge, opera
+  Auto-detection: Uses system default browser if not specified
+```
+
+**Browser Examples:**
+
+```bash
+# Launch with Chrome
+prisma studio --browser chrome
+
+# Launch with Firefox
+prisma studio --browser firefox
+
+# Launch with system default browser (implicit)
+prisma studio
+```
+
+### Network Configuration
+
+Configure Studio for remote access and network binding in containerized environments.
+
+```bash { .api }
+/**
+ * Network hostname binding
+ * Configure Studio accessibility from different network locations
+ */
+prisma studio --hostname <host>
+
+Hostname Options:
+  localhost (default): Local access only
+  0.0.0.0: Accept connections from any IP address
+  specific-ip: Bind to specific network interface
+```
+
+**Network Examples:**
+
+```bash
+# Local access only (default)
+prisma studio --hostname localhost
+
+# Docker/remote access
+prisma studio --hostname 0.0.0.0 --port 5555
+
+# Specific network interface
+prisma studio --hostname 192.168.1.100
+```
+
+## Studio Features
+
+### Data Visualization
+
+Studio provides comprehensive data visualization capabilities:
+
+- **Table Browser**: Navigate between database tables and collections
+- **Record Listing**: View paginated records with sorting and filtering
+- **Relationship Visualization**: See connected records and foreign key relationships
+- **Data Type Display**: Proper rendering of different data types (dates, JSON, etc.)
+- **Query Results**: View results of database operations in real-time
+
+### Data Editing
+
+Interactive data editing with validation and error handling:
+
+- **Inline Editing**: Edit records directly in the table view
+- **Form-based Editing**: Detailed record editing with form validation
+- **Relationship Management**: Create and modify record relationships
+- **Data Validation**: Client-side validation based on schema constraints
+- **Error Reporting**: Clear error messages for constraint violations
+
+### Schema Explorer
+
+Visual schema exploration and understanding:
+
+- **Model Relationships**: Visual representation of model connections
+- **Field Details**: Data types, constraints, and validation rules
+- **Index Information**: View database indexes and performance hints
+- **Enum Visualization**: Display enum values and options
+
+## Development Workflows
+
+### Local Development
+
+```bash
+# Start development stack
+npm run dev &           # Application server
+prisma studio &         # Database GUI
+# Both running simultaneously for full development environment
+```
+
+### Database Debugging
+
+```bash
+# Quick database inspection
+prisma studio
+
+# Inspect specific changes after migration
+prisma migrate dev --name add-feature
+prisma studio  # Verify migration results
+```
+
+### Data Seeding Verification
+
+```bash
+# Verify seeded data
+prisma db seed
+prisma studio  # Check seeding results visually
+```
+
+## Production Considerations
+
+### Security Configuration
+
+```bash
+# Production-safe Studio (internal network only)
+prisma studio --hostname 127.0.0.1 --port 5555
+
+# VPN or internal access
+prisma studio --hostname 10.0.0.100 --port 5555
+```
+
+### Docker Integration
+
+```dockerfile
+# Dockerfile for Studio container
+FROM node:18-alpine
+COPY . .
+RUN npm install
+EXPOSE 5555
+CMD ["npx", "prisma", "studio", "--hostname", "0.0.0.0"]
+```
+
+```yaml
+# docker-compose.yml
+services:
+  prisma-studio:
+    build: .
+    ports:
+      - "5555:5555"
+    environment:
+      - DATABASE_URL=${DATABASE_URL}
+    command: npx prisma studio --hostname 0.0.0.0
+```
+
+### Reverse Proxy Setup
+
+```nginx
+# Nginx configuration for Studio
+location /studio/ {
+    proxy_pass http://localhost:5555/;
+    proxy_http_version 1.1;
+    proxy_set_header Upgrade $http_upgrade;
+    proxy_set_header Connection 'upgrade';
+    proxy_set_header Host $host;
+    proxy_set_header X-Real-IP $remote_addr;
+    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+    proxy_set_header X-Forwarded-Proto $scheme;
+    proxy_cache_bypass $http_upgrade;
+}
+```
+
+## Error Handling
+
+Common Studio errors and solutions:
+
+- **Port Conflicts**: Studio automatically tries alternative ports
+- **Database Connection**: Check DATABASE_URL and database availability
+- **Schema Errors**: Invalid schema prevents Studio from starting
+- **Browser Issues**: Try different browser or disable extensions
+- **Network Access**: Firewall or network configuration blocking access
+- **Permission Errors**: Database user lacks necessary permissions
+
+## Integration Patterns
+
+### Development Team Workflow
+
+```bash
+# Team member workflow
+git pull origin main          # Get latest schema changes
+prisma migrate dev           # Apply new migrations
+prisma generate             # Update client
+prisma studio               # Explore data changes
+```
+
+### Testing Integration
+
+```bash
+# Testing workflow with Studio
+npm run test:setup          # Setup test database
+prisma studio --port 5556   # Studio for test database inspection
+npm run test               # Run tests
+```
+
+### Multi-Environment Setup
+
+```bash
+# Development environment
+DATABASE_URL=$DEV_DATABASE_URL prisma studio --port 5555
+
+# Staging environment
+DATABASE_URL=$STAGING_DATABASE_URL prisma studio --port 5556
+
+# Local test database
+DATABASE_URL=$TEST_DATABASE_URL prisma studio --port 5557
+```
+
+## Studio Interface Features
+
+### Navigation
+
+- **Sidebar**: Model/table navigation with search
+- **Breadcrumbs**: Track current location in data hierarchy
+- **Tabs**: Multiple table views open simultaneously
+- **Search**: Global search across all tables and records
+
+### Data Operations
+
+- **CRUD Operations**: Create, read, update, delete records
+- **Bulk Operations**: Select and modify multiple records
+- **Export/Import**: Data export in various formats
+- **Filtering**: Advanced filtering with multiple criteria
+- **Sorting**: Sort by any column with multiple sort keys
+
+### Performance Features
+
+- **Pagination**: Efficient handling of large datasets
+- **Lazy Loading**: Load data on demand for better performance
+- **Caching**: Client-side caching for improved responsiveness
+- **Connection Pooling**: Efficient database connection management
+
+### Accessibility
+
+- **Keyboard Navigation**: Full keyboard accessibility
+- **Screen Reader Support**: ARIA labels and semantic HTML
+- **High Contrast**: Support for high contrast themes
+- **Responsive Design**: Works on various screen sizes
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-prisma/tile.json b/.tessl/tiles/tessl/npm-prisma/tile.json
new file mode 100644
index 000000000..0a2fc49bc
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-prisma/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-prisma",
+  "version": "6.15.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/prisma@6.15.0",
+  "summary": "Prisma is a next-generation ORM that provides a comprehensive database toolkit including type-safe query builder, declarative migrations, and GUI database management."
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-radix-ui--react-dialog/docs/advanced-context.md b/.tessl/tiles/tessl/npm-radix-ui--react-dialog/docs/advanced-context.md
new file mode 100644
index 000000000..56512d865
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-radix-ui--react-dialog/docs/advanced-context.md
@@ -0,0 +1,324 @@
+# Advanced Context Management
+
+Utilities for advanced use cases like nested dialogs, custom context scoping, and development-time warnings.
+
+## Capabilities
+
+### createDialogScope
+
+Creates a scoped context for dialog components, enabling advanced patterns like nested dialogs or multiple dialog instances.
+
+```typescript { .api }
+/**
+ * Creates a scoped context for dialog components
+ * Enables advanced patterns like nested dialogs and multiple instances
+ * @returns Tuple of context scope and provider functions
+ */
+const createDialogScope: () => {
+  /**
+   * Creates a scoped provider for dialog context
+   * @param scope - The scope identifier for this dialog context
+   * @param scopeProps - Props to pass through to child contexts
+   */
+  Provider: React.Provider<any>;
+  
+  /**
+   * Hook to consume the scoped dialog context
+   * @param scope - The scope identifier to consume from
+   */
+  useScope: (scope?: any) => any;
+};
+```
+
+**Usage Examples:**
+
+```typescript
+import { createDialogScope, Dialog, DialogTrigger, DialogContent } from "@radix-ui/react-dialog";
+
+// Create a custom scope for nested dialogs
+const [createNestedDialogScope, useNestedDialogScope] = createDialogScope();
+
+function NestedDialogs() {
+  const nestedScope = createNestedDialogScope();
+  
+  return (
+    <Dialog>
+      <DialogTrigger>Open Parent Dialog</DialogTrigger>
+      <DialogContent>
+        <h2>Parent Dialog</h2>
+        <Dialog __scopeDialog={nestedScope}>
+          <DialogTrigger>Open Child Dialog</DialogTrigger>
+          <DialogContent>
+            <h3>Child Dialog</h3>
+            <p>This dialog is nested within the parent</p>
+          </DialogContent>
+        </Dialog>
+      </DialogContent>
+    </Dialog>
+  );
+}
+
+// Multiple independent dialog systems
+function MultipleDialogSystems() {
+  const systemAScope = createDialogScope();
+  const systemBScope = createDialogScope();
+  
+  return (
+    <div>
+      {/* Dialog System A */}
+      <Dialog __scopeDialog={systemAScope}>
+        <DialogTrigger>Open System A</DialogTrigger>
+        <DialogContent>
+          <p>Dialog from System A</p>
+        </DialogContent>
+      </Dialog>
+      
+      {/* Dialog System B */}
+      <Dialog __scopeDialog={systemBScope}>
+        <DialogTrigger>Open System B</DialogTrigger>
+        <DialogContent>
+          <p>Dialog from System B</p>
+        </DialogContent>
+      </Dialog>
+    </div>
+  );
+}
+```
+
+### WarningProvider
+
+Context provider for development-time accessibility warnings and validation.
+
+```typescript { .api }
+/**
+ * Context provider for development-time accessibility warnings
+ * Provides configuration for warning messages and validation
+ * Internal component typically not used directly
+ */
+interface WarningContextValue {
+  contentName: string;
+  titleName: string;
+  docsSlug: string;
+}
+
+const WarningProvider: React.Provider<WarningContextValue>;
+```
+
+**Usage Examples:**
+
+```typescript
+// Typically used internally, but can be customized for advanced cases
+import { WarningProvider } from "@radix-ui/react-dialog";
+
+function CustomWarningProvider({ children }: { children: React.ReactNode }) {
+  const warningConfig = {
+    contentName: "CustomDialog",
+    titleName: "CustomTitle",
+    docsSlug: "custom-dialog"
+  };
+  
+  return (
+    <WarningProvider value={warningConfig}>
+      {children}
+    </WarningProvider>
+  );
+}
+```
+
+## Advanced Patterns
+
+### Nested Dialogs
+
+Create dialogs that can open other dialogs without conflicts:
+
+```typescript
+import { 
+  Dialog, 
+  DialogTrigger, 
+  DialogContent, 
+  DialogTitle,
+  createDialogScope 
+} from "@radix-ui/react-dialog";
+
+function NestedDialogExample() {
+  // Create separate scopes for each dialog level
+  const [createLevel2Scope, useLevel2Scope] = createDialogScope();
+  const [createLevel3Scope, useLevel3Scope] = createDialogScope();
+  
+  return (
+    <Dialog>
+      <DialogTrigger>Open Level 1</DialogTrigger>
+      <DialogContent>
+        <DialogTitle>Level 1 Dialog</DialogTitle>
+        
+        <Dialog __scopeDialog={createLevel2Scope()}>
+          <DialogTrigger>Open Level 2</DialogTrigger>
+          <DialogContent>
+            <DialogTitle>Level 2 Dialog</DialogTitle>
+            
+            <Dialog __scopeDialog={createLevel3Scope()}>
+              <DialogTrigger>Open Level 3</DialogTrigger>
+              <DialogContent>
+                <DialogTitle>Level 3 Dialog</DialogTitle>
+                <p>Deeply nested dialog</p>
+              </DialogContent>
+            </Dialog>
+          </DialogContent>
+        </Dialog>
+      </DialogContent>
+    </Dialog>
+  );
+}
+```
+
+### Multiple Dialog Systems
+
+Create independent dialog systems that don't interfere with each other:
+
+```typescript
+function MultiSystemExample() {
+  const settingsScope = createDialogScope();
+  const confirmationScope = createDialogScope();
+  
+  return (
+    <div>
+      {/* Settings Dialog System */}
+      <div className="settings-section">
+        <Dialog __scopeDialog={settingsScope}>
+          <DialogTrigger>Settings</DialogTrigger>
+          <DialogContent>
+            <DialogTitle>Application Settings</DialogTitle>
+            {/* Settings content */}
+          </DialogContent>
+        </Dialog>
+      </div>
+      
+      {/* Confirmation Dialog System */}
+      <div className="actions-section">
+        <Dialog __scopeDialog={confirmationScope}>
+          <DialogTrigger>Delete All</DialogTrigger>
+          <DialogContent>
+            <DialogTitle>Confirm Deletion</DialogTitle>
+            {/* Confirmation content */}
+          </DialogContent>
+        </Dialog>
+      </div>
+    </div>
+  );
+}
+```
+
+### Custom Context Integration
+
+Integrate dialog scoping with your own context systems:
+
+```typescript
+interface AppContextValue {
+  dialogScope: any;
+  theme: string;
+}
+
+const AppContext = React.createContext<AppContextValue | null>(null);
+
+function AppWithCustomContext({ children }: { children: React.ReactNode }) {
+  const dialogScope = createDialogScope();
+  
+  const contextValue = {
+    dialogScope,
+    theme: 'dark'
+  };
+  
+  return (
+    <AppContext.Provider value={contextValue}>
+      {children}
+    </AppContext.Provider>
+  );
+}
+
+function DialogWithAppContext() {
+  const appContext = React.useContext(AppContext);
+  
+  return (
+    <Dialog __scopeDialog={appContext?.dialogScope}>
+      <DialogTrigger>Open Contextual Dialog</DialogTrigger>
+      <DialogContent>
+        <DialogTitle>App Context Dialog</DialogTitle>
+        <p>This dialog uses the app's dialog scope</p>
+      </DialogContent>
+    </Dialog>
+  );
+}
+```
+
+## Scope Prop Usage
+
+All dialog components accept a `__scopeDialog` prop for custom scoping:
+
+```typescript
+// Scope applied to all components in the dialog tree
+<Dialog __scopeDialog={customScope}>
+  <DialogTrigger __scopeDialog={customScope}>Open</DialogTrigger>
+  <DialogPortal __scopeDialog={customScope}>
+    <DialogOverlay __scopeDialog={customScope} />
+    <DialogContent __scopeDialog={customScope}>
+      <DialogTitle __scopeDialog={customScope}>Title</DialogTitle>
+      <DialogDescription __scopeDialog={customScope}>Description</DialogDescription>
+      <DialogClose __scopeDialog={customScope}>Close</DialogClose>
+    </DialogContent>
+  </DialogPortal>
+</Dialog>
+```
+
+## Development Warnings
+
+### Accessibility Warnings
+
+In development mode, the dialog system provides warnings for:
+
+- Missing DialogTitle components
+- Missing DialogDescription when aria-describedby is expected
+- Improper nesting or context usage
+
+### Warning Customization
+
+You can customize warning messages by providing your own WarningProvider:
+
+```typescript
+const customWarningContext = {
+  contentName: "MyDialog",
+  titleName: "MyDialogTitle", 
+  docsSlug: "my-dialog"
+};
+
+<WarningProvider value={customWarningContext}>
+  <Dialog>
+    {/* Dialog components */}
+  </Dialog>
+</WarningProvider>
+```
+
+## Best Practices
+
+### When to Use Scoping
+
+- **Nested Dialogs**: Always use scoping for dialogs within dialogs
+- **Multiple Systems**: Use scoping when you have different types of dialogs
+- **Component Libraries**: Use scoping to avoid conflicts with consumer code
+- **Complex Apps**: Use scoping to isolate dialog contexts in different app sections
+
+### Scope Management
+
+- Create scopes at the highest level needed
+- Don't create unnecessary scopes for simple use cases
+- Pass scopes down through props or context
+- Document your scoping strategy for team members
+
+### Performance Considerations
+
+- Scopes are lightweight and don't significantly impact performance
+- Avoid creating new scopes on every render
+- Memoize scope creation when necessary:
+
+```typescript
+const dialogScope = React.useMemo(() => createDialogScope(), []);
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-radix-ui--react-dialog/docs/content-accessibility.md b/.tessl/tiles/tessl/npm-radix-ui--react-dialog/docs/content-accessibility.md
new file mode 100644
index 000000000..8dde6cafc
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-radix-ui--react-dialog/docs/content-accessibility.md
@@ -0,0 +1,465 @@
+# Content and Accessibility
+
+Main content container with focus management and accessibility components for proper dialog implementation.
+
+## Capabilities
+
+### DialogContent
+
+Primary content container that handles focus management, keyboard navigation, and dismissal behavior.
+
+```typescript { .api }
+/**
+ * Main content container for dialog with comprehensive accessibility features
+ * Handles focus trapping, keyboard navigation, and dismissal behavior
+ */
+type DialogContentElement = React.ComponentRef<typeof Primitive.div>;
+interface DialogContentProps extends DialogContentTypeProps {
+  /** Force mounting when more control is needed for animations */
+  forceMount?: true;
+}
+
+interface DialogContentTypeProps extends Omit<DismissableLayerProps, 'onDismiss'> {
+  /**
+   * When `true`, focus cannot escape the `Content` via keyboard,
+   * pointer, or a programmatic focus.
+   * @defaultValue false (for non-modal), true (for modal)
+   */
+  trapFocus?: boolean;
+  
+  /**
+   * When `true`, hover/focus/click interactions will be disabled on elements outside
+   * the `DismissableLayer`. Users will need to click twice on outside elements to
+   * interact with them: once to close the `DismissableLayer`, and again to trigger the element.
+   */
+  disableOutsidePointerEvents?: boolean;
+  
+  /**
+   * Event handler called when auto-focusing on open.
+   * Can be prevented.
+   */
+  onOpenAutoFocus?: (event: Event) => void;
+  
+  /**
+   * Event handler called when auto-focusing on close.
+   * Can be prevented.
+   */
+  onCloseAutoFocus?: (event: Event) => void;
+  
+  /**
+   * Event handler called when the escape key is down.
+   * Can be prevented.
+   */
+  onEscapeKeyDown?: (event: KeyboardEvent) => void;
+  
+  /**
+   * Event handler called when the a `pointerdown` event happens outside of the `DismissableLayer`.
+   * Can be prevented.
+   */
+  onPointerDownOutside?: (event: PointerDownOutsideEvent) => void;
+  
+  /**
+   * Event handler called when the focus moves outside of the `DismissableLayer`.
+   * Can be prevented.
+   */
+  onFocusOutside?: (event: FocusOutsideEvent) => void;
+  
+  /**
+   * Event handler called when an interaction happens outside the `DismissableLayer`.
+   * Specifically, when a `pointerdown` event happens outside or focus moves outside of it.
+   * Can be prevented.
+   */
+  onInteractOutside?: (event: PointerDownOutsideEvent | FocusOutsideEvent) => void;
+}
+
+// Event types from DismissableLayer
+type PointerDownOutsideEvent = CustomEvent<{ originalEvent: PointerEvent }>;
+type FocusOutsideEvent = CustomEvent<{ originalEvent: FocusEvent }>;
+
+type DismissableLayerProps = React.ComponentPropsWithoutRef<typeof Primitive.div> & {
+  disableOutsidePointerEvents?: boolean;
+  onEscapeKeyDown?: (event: KeyboardEvent) => void;
+  onPointerDownOutside?: (event: PointerDownOutsideEvent) => void;
+  onFocusOutside?: (event: FocusOutsideEvent) => void;
+  onInteractOutside?: (event: PointerDownOutsideEvent | FocusOutsideEvent) => void;
+  onDismiss?: () => void;
+};
+
+const DialogContent: React.ForwardRefExoticComponent<
+  DialogContentProps & React.RefAttributes<DialogContentElement>
+>;
+```
+
+**Usage Examples:**
+
+```typescript
+import { 
+  Dialog, 
+  DialogTrigger, 
+  DialogPortal,
+  DialogOverlay,
+  DialogContent,
+  DialogTitle,
+  DialogDescription,
+  DialogClose
+} from "@radix-ui/react-dialog";
+
+// Basic content
+function BasicContent() {
+  return (
+    <Dialog>
+      <DialogTrigger>Open</DialogTrigger>
+      <DialogPortal>
+        <DialogOverlay />
+        <DialogContent>
+          <DialogTitle>Dialog Title</DialogTitle>
+          <DialogDescription>Dialog description here</DialogDescription>
+          <DialogClose>Close</DialogClose>
+        </DialogContent>
+      </DialogPortal>
+    </Dialog>
+  );
+}
+
+// Content with custom focus handling
+function CustomFocusContent() {
+  const handleOpenAutoFocus = (event: Event) => {
+    // Prevent default auto-focus and focus specific element
+    event.preventDefault();
+    const firstInput = document.querySelector('input');
+    firstInput?.focus();
+  };
+
+  const handleCloseAutoFocus = (event: Event) => {
+    // Custom focus restoration
+    event.preventDefault();
+    const customButton = document.getElementById('custom-trigger');
+    customButton?.focus();
+  };
+
+  return (
+    <Dialog>
+      <DialogTrigger id="custom-trigger">Open</DialogTrigger>
+      <DialogPortal>
+        <DialogOverlay />
+        <DialogContent 
+          onOpenAutoFocus={handleOpenAutoFocus}
+          onCloseAutoFocus={handleCloseAutoFocus}
+        >
+          <DialogTitle>Custom Focus Dialog</DialogTitle>
+          <input placeholder="This gets focused on open" />
+          <DialogClose>Close</DialogClose>
+        </DialogContent>
+      </DialogPortal>
+    </Dialog>
+  );
+}
+
+// Content with outside interaction handling
+function OutsideInteractionContent() {
+  const handlePointerDownOutside = (event: PointerDownOutsideEvent) => {
+    console.log('Pointer down outside dialog');
+    // Prevent default to stop dialog from closing
+    // event.preventDefault();
+  };
+
+  const handleInteractOutside = (event: PointerDownOutsideEvent | FocusOutsideEvent) => {
+    // Handle any interaction outside the dialog
+    if (event.target?.closest('.keep-open-trigger')) {
+      event.preventDefault(); // Don't close when clicking this element
+    }
+  };
+
+  return (
+    <Dialog>
+      <DialogTrigger>Open</DialogTrigger>
+      <DialogPortal>
+        <DialogOverlay />
+        <DialogContent 
+          onPointerDownOutside={handlePointerDownOutside}
+          onInteractOutside={handleInteractOutside}
+        >
+          <DialogTitle>Outside Interaction Dialog</DialogTitle>
+          <p>Try clicking outside or pressing ESC</p>
+          <DialogClose>Close</DialogClose>
+        </DialogContent>
+      </DialogPortal>
+    </Dialog>
+  );
+}
+
+// Non-modal content
+function NonModalContent() {
+  return (
+    <Dialog modal={false}>
+      <DialogTrigger>Open Non-Modal</DialogTrigger>
+      <DialogPortal>
+        <DialogContent 
+          trapFocus={false}
+          disableOutsidePointerEvents={false}
+        >
+          <DialogTitle>Non-Modal Dialog</DialogTitle>
+          <p>Focus is not trapped, background remains interactive</p>
+          <DialogClose>Close</DialogClose>
+        </DialogContent>
+      </DialogPortal>
+    </Dialog>
+  );
+}
+
+// Modal content with disabled outside pointer events
+function DisabledOutsidePointerEventsContent() {
+  return (
+    <Dialog>
+      <DialogTrigger>Open Modal</DialogTrigger>
+      <DialogPortal>
+        <DialogOverlay />
+        <DialogContent 
+          trapFocus={true}
+          disableOutsidePointerEvents={true}
+        >
+          <DialogTitle>Modal Dialog</DialogTitle>
+          <p>Outside interactions require two clicks: one to close dialog, one to activate element</p>
+          <DialogClose>Close</DialogClose>
+        </DialogContent>
+      </DialogPortal>
+    </Dialog>
+  );
+}
+```
+
+### DialogTitle
+
+Title component for dialog accessibility, automatically linked via ARIA attributes.
+
+```typescript { .api }
+/**
+ * Dialog title component for proper accessibility labeling
+ * Automatically referenced by DialogContent via aria-labelledby
+ */
+type DialogTitleElement = React.ComponentRef<typeof Primitive.h2>;
+interface DialogTitleProps extends React.ComponentPropsWithoutRef<typeof Primitive.h2> {}
+
+const DialogTitle: React.ForwardRefExoticComponent<
+  DialogTitleProps & React.RefAttributes<DialogTitleElement>
+>;
+```
+
+**Usage Examples:**
+
+```typescript
+// Basic title
+function BasicTitle() {
+  return (
+    <Dialog>
+      <DialogTrigger>Open</DialogTrigger>
+      <DialogPortal>
+        <DialogOverlay />
+        <DialogContent>
+          <DialogTitle>Confirm Delete</DialogTitle>
+          <p>Are you sure you want to delete this item?</p>
+        </DialogContent>
+      </DialogPortal>
+    </Dialog>
+  );
+}
+
+// Styled title
+function StyledTitle() {
+  return (
+    <Dialog>
+      <DialogTrigger>Open</DialogTrigger>
+      <DialogPortal>
+        <DialogOverlay />
+        <DialogContent>
+          <DialogTitle className="dialog-title" style={{ fontSize: '24px' }}>
+            Settings
+          </DialogTitle>
+          <p>Configure your application settings</p>
+        </DialogContent>
+      </DialogPortal>
+    </Dialog>
+  );
+}
+
+// Visually hidden title (for accessibility only)
+function VisuallyHiddenTitle() {
+  return (
+    <Dialog>
+      <DialogTrigger>Open</DialogTrigger>
+      <DialogPortal>
+        <DialogOverlay />
+        <DialogContent>
+          <DialogTitle className="sr-only">
+            Image Gallery
+          </DialogTitle>
+          {/* Visual content without visible title */}
+          <div className="image-gallery">
+            {/* Images here */}
+          </div>
+        </DialogContent>
+      </DialogPortal>
+    </Dialog>
+  );
+}
+```
+
+### DialogDescription
+
+Description component for dialog accessibility, automatically linked via ARIA attributes.
+
+```typescript { .api }
+/**
+ * Dialog description component for additional accessibility context
+ * Automatically referenced by DialogContent via aria-describedby
+ */
+type DialogDescriptionElement = React.ComponentRef<typeof Primitive.p>;
+interface DialogDescriptionProps extends React.ComponentPropsWithoutRef<typeof Primitive.p> {}
+
+const DialogDescription: React.ForwardRefExoticComponent<
+  DialogDescriptionProps & React.RefAttributes<DialogDescriptionElement>
+>;
+```
+
+**Usage Examples:**
+
+```typescript
+// Basic description
+function BasicDescription() {
+  return (
+    <Dialog>
+      <DialogTrigger>Delete Item</DialogTrigger>
+      <DialogPortal>
+        <DialogOverlay />
+        <DialogContent>
+          <DialogTitle>Confirm Deletion</DialogTitle>
+          <DialogDescription>
+            This action cannot be undone. The item will be permanently removed.
+          </DialogDescription>
+          <div className="dialog-actions">
+            <DialogClose>Cancel</DialogClose>
+            <DialogClose>Delete</DialogClose>
+          </div>
+        </DialogContent>
+      </DialogPortal>
+    </Dialog>
+  );
+}
+
+// Multiple descriptions
+function MultipleDescriptions() {
+  return (
+    <Dialog>
+      <DialogTrigger>Show Details</DialogTrigger>
+      <DialogPortal>
+        <DialogOverlay />
+        <DialogContent>
+          <DialogTitle>User Profile</DialogTitle>
+          <DialogDescription>
+            View and edit your profile information below.
+          </DialogDescription>
+          <DialogDescription className="warning">
+            Changes will be saved automatically.
+          </DialogDescription>
+          <form>
+            {/* Form fields */}
+          </form>
+        </DialogContent>
+      </DialogPortal>
+    </Dialog>
+  );
+}
+
+// Optional description
+function OptionalDescription() {
+  const [showDetails, setShowDetails] = React.useState(false);
+  
+  return (
+    <Dialog>
+      <DialogTrigger>Open</DialogTrigger>
+      <DialogPortal>
+        <DialogOverlay />
+        <DialogContent aria-describedby={showDetails ? undefined : undefined}>
+          <DialogTitle>Simple Dialog</DialogTitle>
+          {showDetails && (
+            <DialogDescription>
+              Additional details when needed
+            </DialogDescription>
+          )}
+          <button onClick={() => setShowDetails(!showDetails)}>
+            {showDetails ? 'Hide' : 'Show'} Details
+          </button>
+        </DialogContent>
+      </DialogPortal>
+    </Dialog>
+  );
+}
+```
+
+## Accessibility Features
+
+### DialogContent Accessibility
+
+DialogContent automatically provides:
+
+- `role="dialog"` for proper semantic role
+- `aria-labelledby` referencing DialogTitle ID
+- `aria-describedby` referencing DialogDescription ID
+- `data-state` attribute with "open" or "closed" values
+- Focus management and trapping
+- Keyboard navigation (ESC to close)
+
+### Focus Management
+
+#### Auto Focus Behavior
+
+**On Open:**
+1. Focus moves to first focusable element in DialogContent
+2. If no focusable elements, focus goes to DialogContent itself
+3. Can be customized with `onOpenAutoFocus`
+
+**On Close:**
+1. Focus returns to DialogTrigger that opened the dialog
+2. Can be customized with `onCloseAutoFocus`
+
+#### Focus Trapping
+
+For modal dialogs:
+- Tab cycles through focusable elements within DialogContent
+- Shift+Tab cycles backwards
+- Focus cannot escape the dialog via keyboard
+
+### Keyboard Navigation
+
+- **ESC**: Closes the dialog
+- **Tab/Shift+Tab**: Navigate focusable elements
+- **Enter/Space**: Activate buttons and controls
+
+### Screen Reader Support
+
+- Dialog is announced when opened
+- Title and description are read to users
+- Focus changes are announced
+- State changes (open/closed) are communicated
+
+## Development Warnings
+
+In development mode, Radix UI provides helpful warnings:
+
+- Missing DialogTitle warns in console
+- Missing DialogDescription warns if aria-describedby is not undefined
+- These warnings help ensure accessibility compliance
+
+```typescript
+// This will warn in development
+<DialogContent>
+  {/* Missing DialogTitle */}
+  <p>Content without title</p>
+</DialogContent>
+
+// This will not warn
+<DialogContent aria-describedby={undefined}>
+  <DialogTitle>Title Present</DialogTitle>
+  <p>Content without description (intentional)</p>
+</DialogContent>
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-radix-ui--react-dialog/docs/dialog-root.md b/.tessl/tiles/tessl/npm-radix-ui--react-dialog/docs/dialog-root.md
new file mode 100644
index 000000000..9a408a6be
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-radix-ui--react-dialog/docs/dialog-root.md
@@ -0,0 +1,169 @@
+# Dialog Root Component
+
+The root Dialog component provides context and state management for the entire dialog system. It manages the open/closed state, coordinates between trigger and content components, and provides accessibility context.
+
+## Capabilities
+
+### Dialog Root
+
+Root component that establishes dialog context and manages state for all child components.
+
+```typescript { .api }
+/**
+ * Root dialog component that provides context and state management
+ * @param props - Dialog configuration and children
+ * @returns Dialog context provider with state management
+ */
+interface DialogProps {
+  /** Child components that make up the dialog */
+  children?: React.ReactNode;
+  /** Controlled open state of the dialog */
+  open?: boolean;
+  /** Default open state for uncontrolled usage */
+  defaultOpen?: boolean;
+  /** Callback fired when the open state changes */
+  onOpenChange?(open: boolean): void;
+  /** Whether the dialog should be modal (default: true) */
+  modal?: boolean;
+}
+
+const Dialog: React.FC<DialogProps>;
+```
+
+**Usage Examples:**
+
+```typescript
+import { Dialog, DialogTrigger, DialogContent } from "@radix-ui/react-dialog";
+
+// Basic uncontrolled dialog
+function BasicDialog() {
+  return (
+    <Dialog>
+      <DialogTrigger>Open</DialogTrigger>
+      <DialogContent>
+        Dialog content here
+      </DialogContent>
+    </Dialog>
+  );
+}
+
+// Controlled dialog with state
+function ControlledDialog() {
+  const [open, setOpen] = React.useState(false);
+  
+  return (
+    <Dialog open={open} onOpenChange={setOpen}>
+      <DialogTrigger>Open</DialogTrigger>
+      <DialogContent>
+        <p>This dialog is controlled by external state</p>
+        <button onClick={() => setOpen(false)}>Close</button>
+      </DialogContent>
+    </Dialog>
+  );
+}
+
+// Non-modal dialog
+function NonModalDialog() {
+  return (
+    <Dialog modal={false}>
+      <DialogTrigger>Open Non-Modal</DialogTrigger>
+      <DialogContent>
+        This dialog doesn't block interaction with background content
+      </DialogContent>
+    </Dialog>
+  );
+}
+
+// Dialog with default open state
+function DefaultOpenDialog() {
+  return (
+    <Dialog defaultOpen>
+      <DialogTrigger>Already Open</DialogTrigger>
+      <DialogContent>
+        This dialog starts open by default
+      </DialogContent>
+    </Dialog>
+  );
+}
+```
+
+### State Management
+
+The Dialog component provides both controlled and uncontrolled state patterns:
+
+#### Controlled Usage
+
+When both `open` and `onOpenChange` are provided, the dialog operates in controlled mode where you manage the state externally:
+
+```typescript
+const [isOpen, setIsOpen] = React.useState(false);
+
+<Dialog open={isOpen} onOpenChange={setIsOpen}>
+  {/* Dialog components */}
+</Dialog>
+```
+
+#### Uncontrolled Usage
+
+When neither `open` nor `onOpenChange` are provided, the dialog manages its own internal state:
+
+```typescript
+<Dialog>
+  {/* Dialog components */}
+</Dialog>
+```
+
+#### Default Open State
+
+You can set an initial open state for uncontrolled dialogs:
+
+```typescript
+<Dialog defaultOpen={true}>
+  {/* Dialog starts open */}
+</Dialog>
+```
+
+### Modal vs Non-Modal
+
+The `modal` prop controls whether the dialog blocks interaction with background content:
+
+#### Modal Dialog (Default)
+
+```typescript
+<Dialog modal={true}> {/* or just <Dialog> */}
+  {/* Background is blocked, focus is trapped */}
+</Dialog>
+```
+
+Modal dialogs provide:
+- Background content is blocked from interaction
+- Focus is trapped within the dialog
+- Overlay is rendered by default
+- Scroll is locked on the body
+- ESC key closes the dialog
+- Click outside closes the dialog
+
+#### Non-Modal Dialog
+
+```typescript
+<Dialog modal={false}>
+  {/* Background remains interactive */}
+</Dialog>
+```
+
+Non-modal dialogs provide:
+- Background content remains interactive
+- Focus can move outside the dialog
+- No overlay is rendered by default
+- No scroll locking
+- More flexible interaction patterns
+
+## Context and Internal Architecture
+
+The Dialog component establishes several internal contexts:
+
+- **Dialog Context**: Provides state and refs to all child components
+- **Portal Context**: Manages force mounting for animations
+- **Warning Context**: Development-time accessibility warnings
+
+These contexts are automatically consumed by child components like DialogTrigger, DialogContent, etc.
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-radix-ui--react-dialog/docs/index.md b/.tessl/tiles/tessl/npm-radix-ui--react-dialog/docs/index.md
new file mode 100644
index 000000000..36a53e298
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-radix-ui--react-dialog/docs/index.md
@@ -0,0 +1,239 @@
+# Radix UI React Dialog
+
+Radix UI React Dialog is a high-quality, accessible dialog component system for React applications. It provides modal overlays, popups, and dialog windows with proper accessibility features, focus management, keyboard navigation, and screen reader support as part of the Radix UI primitives collection.
+
+## Package Information
+
+- **Package Name**: @radix-ui/react-dialog
+- **Package Type**: npm
+- **Language**: TypeScript
+- **Installation**: `npm install @radix-ui/react-dialog`
+
+## Core Imports
+
+```typescript
+import {
+  Dialog,
+  DialogTrigger,
+  DialogContent,
+  DialogTitle,
+  DialogDescription,
+  DialogClose,
+  DialogOverlay,
+  DialogPortal
+} from "@radix-ui/react-dialog";
+```
+
+Alternative import pattern with short names:
+
+```typescript
+import {
+  Root,
+  Trigger,
+  Content,
+  Title,
+  Description,
+  Close,
+  Overlay,
+  Portal
+} from "@radix-ui/react-dialog";
+```
+
+For CommonJS:
+
+```javascript
+const {
+  Dialog,
+  DialogTrigger,
+  DialogContent,
+  DialogTitle,
+  DialogDescription,
+  DialogClose
+} = require("@radix-ui/react-dialog");
+```
+
+## Basic Usage
+
+```typescript
+import {
+  Dialog,
+  DialogTrigger,
+  DialogContent,
+  DialogTitle,
+  DialogDescription,
+  DialogClose,
+  DialogOverlay,
+  DialogPortal
+} from "@radix-ui/react-dialog";
+
+function MyDialog() {
+  return (
+    <Dialog>
+      <DialogTrigger asChild>
+        <button>Open Dialog</button>
+      </DialogTrigger>
+      <DialogPortal>
+        <DialogOverlay className="dialog-overlay" />
+        <DialogContent className="dialog-content">
+          <DialogTitle>Are you sure?</DialogTitle>
+          <DialogDescription>
+            This action cannot be undone. This will permanently delete your account.
+          </DialogDescription>
+          <div className="dialog-actions">
+            <DialogClose asChild>
+              <button>Cancel</button>
+            </DialogClose>
+            <DialogClose asChild>
+              <button className="destructive">Yes, delete account</button>
+            </DialogClose>
+          </div>
+        </DialogContent>
+      </DialogPortal>
+    </Dialog>
+  );
+}
+```
+
+## Architecture
+
+Radix UI React Dialog is built around a compound component pattern with several key components:
+
+- **Root Component**: `Dialog` provides context and state management for the entire dialog system
+- **Trigger System**: `DialogTrigger` handles opening the dialog with proper accessibility attributes
+- **Portal Rendering**: `DialogPortal` renders content outside the normal DOM flow for proper layering
+- **Overlay Management**: `DialogOverlay` provides modal background with scroll locking
+- **Content Container**: `DialogContent` manages focus trapping, keyboard navigation, and dismissal
+- **Accessibility Components**: `DialogTitle` and `DialogDescription` provide proper ARIA labeling
+- **Close Controls**: `DialogClose` enables multiple ways to close the dialog
+- **Context Scoping**: Advanced context management for nested or multiple dialog instances
+
+## Capabilities
+
+### Root Dialog Component
+
+Core dialog root component that provides context and state management for all child components.
+
+```typescript { .api }
+interface DialogProps {
+  children?: React.ReactNode;
+  open?: boolean;
+  defaultOpen?: boolean;
+  onOpenChange?(open: boolean): void;
+  modal?: boolean;
+}
+
+const Dialog: React.FC<DialogProps>;
+```
+
+[Dialog Root Component](./dialog-root.md)
+
+### Dialog Triggers and Controls
+
+Components for opening and closing dialogs with proper accessibility and focus management.
+
+```typescript { .api }
+interface DialogTriggerProps extends React.ComponentPropsWithoutRef<typeof Primitive.button> {}
+interface DialogCloseProps extends React.ComponentPropsWithoutRef<typeof Primitive.button> {}
+
+const DialogTrigger: React.ForwardRefExoticComponent<DialogTriggerProps>;
+const DialogClose: React.ForwardRefExoticComponent<DialogCloseProps>;
+```
+
+[Triggers and Controls](./triggers-controls.md)
+
+### Portal and Layout
+
+Portal rendering and overlay components for proper dialog layering and modal behavior.
+
+```typescript { .api }
+interface DialogPortalProps {
+  children?: React.ReactNode;
+  container?: PortalProps['container'];
+  forceMount?: true;
+}
+
+interface DialogOverlayProps extends React.ComponentPropsWithoutRef<typeof Primitive.div> {
+  forceMount?: true;
+}
+
+const DialogPortal: React.FC<DialogPortalProps>;
+const DialogOverlay: React.ForwardRefExoticComponent<DialogOverlayProps>;
+```
+
+[Portal and Layout](./portal-layout.md)
+
+### Content and Accessibility
+
+Main content container with focus management and accessibility components.
+
+```typescript { .api }
+interface DialogContentProps extends DialogContentTypeProps {
+  forceMount?: true;
+}
+
+interface DialogTitleProps extends React.ComponentPropsWithoutRef<typeof Primitive.h2> {}
+interface DialogDescriptionProps extends React.ComponentPropsWithoutRef<typeof Primitive.p> {}
+
+const DialogContent: React.ForwardRefExoticComponent<DialogContentProps>;
+const DialogTitle: React.ForwardRefExoticComponent<DialogTitleProps>;
+const DialogDescription: React.ForwardRefExoticComponent<DialogDescriptionProps>;
+```
+
+[Content and Accessibility](./content-accessibility.md)
+
+### Advanced Context Management
+
+Utilities for advanced use cases like nested dialogs and custom context scoping.
+
+```typescript { .api }
+const createDialogScope: () => {
+  Provider: React.Provider<any>;
+  useScope: () => any;
+};
+
+const WarningProvider: React.Provider<any>;
+```
+
+[Advanced Context Management](./advanced-context.md)
+
+## Alternative Export Names
+
+All components are also available with shorter names for convenience:
+
+```typescript { .api }
+const Root: typeof Dialog;
+const Trigger: typeof DialogTrigger;
+const Portal: typeof DialogPortal;
+const Overlay: typeof DialogOverlay;
+const Content: typeof DialogContent;
+const Title: typeof DialogTitle;
+const Description: typeof DialogDescription;
+const Close: typeof DialogClose;
+```
+
+## Element Types
+
+Reference types for component elements:
+
+```typescript { .api }
+type DialogTriggerElement = React.ComponentRef<typeof Primitive.button>;
+type DialogPortalElement = never; // Portal doesn't render a DOM element
+type DialogOverlayElement = React.ComponentRef<typeof Primitive.div>;
+type DialogContentElement = React.ComponentRef<typeof Primitive.div>;
+type DialogTitleElement = React.ComponentRef<typeof Primitive.h2>;
+type DialogDescriptionElement = React.ComponentRef<typeof Primitive.p>;
+type DialogCloseElement = React.ComponentRef<typeof Primitive.button>;
+```
+
+## Key Features
+
+- **Full Accessibility**: ARIA attributes, focus management, screen reader support
+- **Keyboard Navigation**: ESC to close, Tab navigation, Enter/Space activation
+- **Focus Management**: Focus trapping, auto-focus on open/close, focus restoration
+- **Modal and Non-modal**: Supports both blocking overlays and non-blocking dialogs
+- **Portal Rendering**: Content rendered outside normal DOM flow
+- **Customizable**: All components accept standard HTML props for styling
+- **Animation Support**: `forceMount` props for controlling mount/unmount timing
+- **TypeScript**: Full type safety with comprehensive type definitions
+- **Controlled/Uncontrolled**: Supports both usage patterns
+- **Compound Components**: Composable API for maximum flexibility
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-radix-ui--react-dialog/docs/portal-layout.md b/.tessl/tiles/tessl/npm-radix-ui--react-dialog/docs/portal-layout.md
new file mode 100644
index 000000000..5abbd89e7
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-radix-ui--react-dialog/docs/portal-layout.md
@@ -0,0 +1,304 @@
+# Portal and Layout
+
+Portal rendering and overlay components for proper dialog layering, modal behavior, and visual presentation.
+
+## Capabilities
+
+### DialogPortal
+
+Portal component that renders dialog content outside the normal DOM flow for proper layering and z-index management.
+
+```typescript { .api }
+/**
+ * Portal component that renders children outside normal DOM flow
+ * Ensures proper layering and avoids z-index conflicts
+ */
+type PortalProps = React.ComponentPropsWithoutRef<typeof PortalPrimitive>;
+
+interface DialogPortalProps {
+  /** Content to be portaled */
+  children?: React.ReactNode;
+  /** Custom container element to portal into (defaults to document.body) */
+  container?: PortalProps['container'];
+  /** Force mounting when more control is needed for animations */
+  forceMount?: true;
+}
+
+const DialogPortal: React.FC<DialogPortalProps>;
+```
+
+**Usage Examples:**
+
+```typescript
+import { 
+  Dialog, 
+  DialogTrigger, 
+  DialogPortal, 
+  DialogContent 
+} from "@radix-ui/react-dialog";
+
+// Basic portal usage
+function BasicPortal() {
+  return (
+    <Dialog>
+      <DialogTrigger>Open</DialogTrigger>
+      <DialogPortal>
+        <DialogContent>
+          This content is rendered outside the normal DOM flow
+        </DialogContent>
+      </DialogPortal>
+    </Dialog>
+  );
+}
+
+// Custom portal container
+function CustomContainer() {
+  const [container, setContainer] = React.useState<HTMLElement | null>(null);
+  
+  return (
+    <div>
+      <div ref={setContainer} id="custom-portal-root" />
+      <Dialog>
+        <DialogTrigger>Open</DialogTrigger>
+        <DialogPortal container={container}>
+          <DialogContent>
+            This renders into the custom container
+          </DialogContent>
+        </DialogPortal>
+      </Dialog>
+    </div>
+  );
+}
+
+// Force mount for animations
+function AnimatedPortal() {
+  const [open, setOpen] = React.useState(false);
+  
+  return (
+    <Dialog open={open} onOpenChange={setOpen}>
+      <DialogTrigger>Open</DialogTrigger>
+      <DialogPortal forceMount>
+        <DialogContent className={open ? 'fade-in' : 'fade-out'}>
+          Always mounted for smooth animations
+        </DialogContent>
+      </DialogPortal>
+    </Dialog>
+  );
+}
+```
+
+### DialogOverlay
+
+Background overlay component that provides visual separation and modal behavior for dialogs.
+
+```typescript { .api }
+/**
+ * Background overlay component for modal dialogs
+ * Provides visual backdrop and handles scroll locking
+ * Only renders for modal dialogs (modal={true})
+ */
+type DialogOverlayElement = React.ComponentRef<typeof Primitive.div>;
+interface DialogOverlayProps extends React.ComponentPropsWithoutRef<typeof Primitive.div> {
+  /** Force mounting when more control is needed for animations */
+  forceMount?: true;
+}
+
+const DialogOverlay: React.ForwardRefExoticComponent<
+  DialogOverlayProps & React.RefAttributes<DialogOverlayElement>
+>;
+```
+
+**Usage Examples:**
+
+```typescript
+import { 
+  Dialog, 
+  DialogTrigger, 
+  DialogPortal,
+  DialogOverlay,
+  DialogContent 
+} from "@radix-ui/react-dialog";
+
+// Basic overlay usage
+function BasicOverlay() {
+  return (
+    <Dialog>
+      <DialogTrigger>Open Modal</DialogTrigger>
+      <DialogPortal>
+        <DialogOverlay className="dialog-overlay" />
+        <DialogContent>
+          Modal content with overlay background
+        </DialogContent>
+      </DialogPortal>
+    </Dialog>
+  );
+}
+
+// Styled overlay
+function StyledOverlay() {
+  return (
+    <Dialog>
+      <DialogTrigger>Open</DialogTrigger>
+      <DialogPortal>
+        <DialogOverlay 
+          className="overlay"
+          style={{ 
+            backgroundColor: 'rgba(0, 0, 0, 0.75)',
+            backdropFilter: 'blur(4px)'
+          }}
+        />
+        <DialogContent>Content here</DialogContent>
+      </DialogPortal>
+    </Dialog>
+  );
+}
+
+// Overlay with animation
+function AnimatedOverlay() {
+  return (
+    <Dialog>
+      <DialogTrigger>Open</DialogTrigger>
+      <DialogPortal>
+        <DialogOverlay 
+          forceMount 
+          className="overlay-with-transition"
+          data-state={open ? 'open' : 'closed'}
+        />
+        <DialogContent>Content here</DialogContent>
+      </DialogPortal>
+    </Dialog>
+  );
+}
+
+// No overlay for non-modal dialog
+function NonModalDialog() {
+  return (
+    <Dialog modal={false}>
+      <DialogTrigger>Open Non-Modal</DialogTrigger>
+      <DialogPortal>
+        {/* DialogOverlay will not render when modal={false} */}
+        <DialogOverlay />
+        <DialogContent>
+          Non-modal content without blocking overlay
+        </DialogContent>
+      </DialogPortal>
+    </Dialog>
+  );
+}
+```
+
+## Portal Behavior
+
+### Default Portal Container
+
+By default, DialogPortal renders content into `document.body`. This ensures:
+
+- Content appears above other page elements
+- Proper z-index stacking
+- No overflow clipping from parent containers
+- Accessibility tree structure is maintained
+
+### Custom Portal Container
+
+You can specify a custom container for special use cases:
+
+```typescript
+// Portal into a specific element
+const portalRoot = document.getElementById('portal-root');
+
+<DialogPortal container={portalRoot}>
+  <DialogContent>Custom container content</DialogContent>
+</DialogPortal>
+```
+
+### Portal and React Context
+
+Portal content maintains access to React context from its original location in the component tree, even though it renders elsewhere in the DOM.
+
+## Overlay Behavior
+
+### Modal Overlay Features
+
+When `modal={true}` (default), DialogOverlay provides:
+
+- **Visual Backdrop**: Semi-transparent background
+- **Scroll Locking**: Prevents body scrolling when dialog is open
+- **Click Outside**: Clicking overlay closes the dialog
+- **Focus Management**: Helps contain focus within modal content
+
+### Overlay Styling
+
+The overlay renders as a `div` element with:
+
+- `data-state` attribute ("open" or "closed")
+- `pointer-events: auto` style to enable click handling
+- Full viewport coverage positioning
+
+```css
+.dialog-overlay {
+  position: fixed;
+  inset: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  animation: fadeIn 150ms ease-out;
+}
+
+.dialog-overlay[data-state="closed"] {
+  animation: fadeOut 150ms ease-in;
+}
+```
+
+### Overlay and Animation
+
+Use `forceMount` to control overlay mounting for animations:
+
+```typescript
+// Overlay always mounted for smooth transitions
+<DialogOverlay forceMount data-state={open ? 'open' : 'closed'} />
+```
+
+## Layout Patterns
+
+### Standard Modal Layout
+
+```typescript
+<Dialog>
+  <DialogTrigger>Open</DialogTrigger>
+  <DialogPortal>
+    <DialogOverlay />
+    <DialogContent>
+      {/* Dialog content */}
+    </DialogContent>
+  </DialogPortal>
+</Dialog>
+```
+
+### Non-Modal Layout
+
+```typescript
+<Dialog modal={false}>
+  <DialogTrigger>Open</DialogTrigger>
+  <DialogPortal>
+    {/* No overlay needed for non-modal */}
+    <DialogContent>
+      {/* Dialog content */}
+    </DialogContent>
+  </DialogPortal>
+</Dialog>
+```
+
+### Custom Container Layout
+
+```typescript
+<div className="app-container">
+  <div id="dialog-portal" className="dialog-container" />
+  <Dialog>
+    <DialogTrigger>Open</DialogTrigger>
+    <DialogPortal container={document.getElementById('dialog-portal')}>
+      <DialogOverlay />
+      <DialogContent>
+        {/* Content portaled to custom container */}
+      </DialogContent>
+    </DialogPortal>
+  </Dialog>
+</div>
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-radix-ui--react-dialog/docs/triggers-controls.md b/.tessl/tiles/tessl/npm-radix-ui--react-dialog/docs/triggers-controls.md
new file mode 100644
index 000000000..eff60b7a6
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-radix-ui--react-dialog/docs/triggers-controls.md
@@ -0,0 +1,247 @@
+# Triggers and Controls
+
+Components for opening and closing dialogs with proper accessibility, keyboard navigation, and focus management.
+
+## Capabilities
+
+### DialogTrigger
+
+Button component that opens the dialog when activated, with automatic accessibility attributes.
+
+```typescript { .api }
+/**
+ * Button component that opens the dialog when activated
+ * Extends all standard button props and automatically adds accessibility attributes
+ */
+type DialogTriggerElement = React.ComponentRef<typeof Primitive.button>;
+interface DialogTriggerProps extends React.ComponentPropsWithoutRef<typeof Primitive.button> {}
+
+const DialogTrigger: React.ForwardRefExoticComponent<
+  DialogTriggerProps & React.RefAttributes<DialogTriggerElement>
+>;
+```
+
+**Usage Examples:**
+
+```typescript
+import { Dialog, DialogTrigger, DialogContent } from "@radix-ui/react-dialog";
+
+// Basic trigger
+function BasicTrigger() {
+  return (
+    <Dialog>
+      <DialogTrigger>Open Dialog</DialogTrigger>
+      <DialogContent>Content here</DialogContent>
+    </Dialog>
+  );
+}
+
+// Custom styled trigger
+function StyledTrigger() {
+  return (
+    <Dialog>
+      <DialogTrigger className="custom-button" disabled={false}>
+        <span className="icon">📋</span>
+        Open Settings
+      </DialogTrigger>
+      <DialogContent>Settings content</DialogContent>
+    </Dialog>
+  );
+}
+
+// Trigger with custom click handler
+function TriggerWithHandler() {
+  const handleClick = (event: React.MouseEvent) => {
+    console.log('Trigger clicked');
+    // Dialog will still open automatically
+  };
+
+  return (
+    <Dialog>
+      <DialogTrigger onClick={handleClick}>
+        Open with Custom Handler
+      </DialogTrigger>
+      <DialogContent>Content here</DialogContent>
+    </Dialog>
+  );
+}
+
+// Using asChild pattern with existing element
+function AsChildTrigger() {
+  return (
+    <Dialog>
+      <DialogTrigger asChild>
+        <button className="existing-button-class">
+          Open Dialog
+        </button>
+      </DialogTrigger>
+      <DialogContent>Content here</DialogContent>
+    </Dialog>
+  );
+}
+```
+
+### DialogClose
+
+Button component that closes the dialog when activated, can be placed anywhere within the dialog content.
+
+```typescript { .api }
+/**
+ * Button component that closes the dialog when activated
+ * Can be placed anywhere within dialog content
+ * Extends all standard button props
+ */
+type DialogCloseElement = React.ComponentRef<typeof Primitive.button>;
+interface DialogCloseProps extends React.ComponentPropsWithoutRef<typeof Primitive.button> {}
+
+const DialogClose: React.ForwardRefExoticComponent<
+  DialogCloseProps & React.RefAttributes<DialogCloseElement>
+>;
+```
+
+**Usage Examples:**
+
+```typescript
+import { Dialog, DialogTrigger, DialogContent, DialogClose } from "@radix-ui/react-dialog";
+
+// Basic close button
+function BasicClose() {
+  return (
+    <Dialog>
+      <DialogTrigger>Open</DialogTrigger>
+      <DialogContent>
+        <p>Dialog content</p>
+        <DialogClose>Close</DialogClose>
+      </DialogContent>
+    </Dialog>
+  );
+}
+
+// Multiple close buttons
+function MultipleCloseButtons() {
+  return (
+    <Dialog>
+      <DialogTrigger>Open</DialogTrigger>
+      <DialogContent>
+        <div className="dialog-header">
+          <h2>Confirm Action</h2>
+          <DialogClose className="close-icon">×</DialogClose>
+        </div>
+        <p>Are you sure you want to continue?</p>
+        <div className="dialog-actions">
+          <DialogClose className="cancel-btn">Cancel</DialogClose>
+          <DialogClose className="confirm-btn">Confirm</DialogClose>
+        </div>
+      </DialogContent>
+    </Dialog>
+  );
+}
+
+// Close button with custom handler
+function CloseWithHandler() {
+  const handleClose = (event: React.MouseEvent) => {
+    console.log('Dialog closing');
+    // Dialog will still close automatically
+  };
+
+  return (
+    <Dialog>
+      <DialogTrigger>Open</DialogTrigger>
+      <DialogContent>
+        <p>Content here</p>
+        <DialogClose onClick={handleClose}>
+          Close with Handler
+        </DialogClose>
+      </DialogContent>
+    </Dialog>
+  );
+}
+
+// Using asChild pattern
+function AsChildClose() {
+  return (
+    <Dialog>
+      <DialogTrigger>Open</DialogTrigger>
+      <DialogContent>
+        <p>Content here</p>
+        <DialogClose asChild>
+          <button className="existing-close-class">
+            Close Dialog
+          </button>
+        </DialogClose>
+      </DialogContent>
+    </Dialog>
+  );
+}
+```
+
+## Accessibility Features
+
+### DialogTrigger Accessibility
+
+The DialogTrigger component automatically provides:
+
+- `type="button"` for proper button semantics
+- `aria-haspopup="dialog"` to indicate it opens a dialog
+- `aria-expanded` that reflects the current dialog state
+- `aria-controls` that references the dialog content ID
+- `data-state` attribute with "open" or "closed" values
+
+### DialogClose Accessibility
+
+The DialogClose component automatically provides:
+
+- `type="button"` for proper button semantics
+- Proper event handling for keyboard activation (Enter, Space)
+- Focus restoration to the trigger when dialog closes
+
+## Event Handling
+
+Both components compose event handlers, meaning you can add your own click handlers and they will be called alongside the built-in dialog control logic:
+
+```typescript
+// Your handler is called first, then the built-in logic
+<DialogTrigger onClick={(e) => {
+  console.log('Custom logic before opening');
+  // Dialog opens automatically after this
+}}>
+  Open
+</DialogTrigger>
+
+<DialogClose onClick={(e) => {
+  console.log('Custom logic before closing');
+  // Dialog closes automatically after this
+}}>
+  Close
+</DialogClose>
+```
+
+## Styling and Customization
+
+Both components render as buttons by default but can be customized:
+
+### CSS Classes and Styling
+
+```typescript
+<DialogTrigger className="btn btn-primary" style={{ fontSize: '16px' }}>
+  Styled Trigger
+</DialogTrigger>
+
+<DialogClose className="btn btn-secondary" data-testid="close-btn">
+  Styled Close
+</DialogClose>
+```
+
+### AsChild Pattern
+
+Use the `asChild` prop to render the functionality on your own element:
+
+```typescript
+<DialogTrigger asChild>
+  <YourCustomButton>Open</YourCustomButton>
+</DialogTrigger>
+
+<DialogClose asChild>
+  <YourCustomCloseIcon />
+</DialogClose>
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-radix-ui--react-dialog/tile.json b/.tessl/tiles/tessl/npm-radix-ui--react-dialog/tile.json
new file mode 100644
index 000000000..1a5e7e62e
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-radix-ui--react-dialog/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-radix-ui--react-dialog",
+  "version": "1.1.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/@radix-ui/react-dialog@1.1.15",
+  "summary": "A high-quality, accessible dialog component for React applications, providing overlay modals, focus management, keyboard navigation, and screen reader support as part of the Radix UI primitives collection"
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-radix-ui--react-dropdown-menu/docs/core-components.md b/.tessl/tiles/tessl/npm-radix-ui--react-dropdown-menu/docs/core-components.md
new file mode 100644
index 000000000..2df0d705e
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-radix-ui--react-dropdown-menu/docs/core-components.md
@@ -0,0 +1,182 @@
+# Core Components
+
+Essential components for building dropdown menus including the root container, trigger button, and content area. These components form the foundation of every dropdown menu implementation.
+
+## Capabilities
+
+### DropdownMenu (Root)
+
+Root container component that manages dropdown menu state and provides context to child components.
+
+```typescript { .api }
+/**
+ * Root container managing dropdown menu state
+ * @param children - Child components (typically Trigger and Portal)
+ * @param dir - Reading direction for layout
+ * @param open - Controlled open state
+ * @param defaultOpen - Default open state (uncontrolled)
+ * @param onOpenChange - Callback when open state changes
+ * @param modal - Whether menu should be modal (default: true)
+ */
+interface DropdownMenuProps {
+  children?: React.ReactNode;
+  dir?: 'ltr' | 'rtl';
+  open?: boolean;
+  defaultOpen?: boolean;
+  onOpenChange?(open: boolean): void;
+  modal?: boolean;
+}
+
+const DropdownMenu: React.FC<DropdownMenuProps>;
+```
+
+**Usage Examples:**
+
+```typescript
+import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
+
+// Uncontrolled dropdown
+<DropdownMenu.Root defaultOpen={false}>
+  {/* trigger and content */}
+</DropdownMenu.Root>
+
+// Controlled dropdown
+const [open, setOpen] = React.useState(false);
+<DropdownMenu.Root open={open} onOpenChange={setOpen}>
+  {/* trigger and content */}
+</DropdownMenu.Root>
+
+// Non-modal dropdown (allows interaction outside)
+<DropdownMenu.Root modal={false}>
+  {/* trigger and content */}
+</DropdownMenu.Root>
+```
+
+### DropdownMenuTrigger (Trigger)
+
+Button component that triggers the dropdown menu when clicked or activated with keyboard.
+
+```typescript { .api }
+/**
+ * Trigger button component that opens/closes the dropdown
+ * Extends all HTML button attributes and props
+ * @param disabled - Whether the trigger is disabled
+ * @param asChild - Compose with child element instead of rendering button
+ */
+interface DropdownMenuTriggerProps extends React.ComponentPropsWithoutRef<'button'> {
+  disabled?: boolean;
+  asChild?: boolean;
+}
+
+const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuTriggerProps>;
+```
+
+**Usage Examples:**
+
+```typescript
+// Basic trigger
+<DropdownMenu.Trigger>
+  Menu
+</DropdownMenu.Trigger>
+
+// Custom trigger using asChild
+<DropdownMenu.Trigger asChild>
+  <button className="custom-button">
+    <MenuIcon />
+    Options
+  </button>
+</DropdownMenu.Trigger>
+
+// Disabled trigger
+<DropdownMenu.Trigger disabled>
+  Unavailable
+</DropdownMenu.Trigger>
+```
+
+### DropdownMenuContent (Content)
+
+Main content container that holds all menu items and appears as an overlay when the dropdown is open.
+
+```typescript { .api }
+/**
+ * Content container for menu items, rendered as an overlay
+ * @param align - Alignment relative to trigger ('start' | 'center' | 'end')
+ * @param side - Preferred side to render on ('top' | 'right' | 'bottom' | 'left')
+ * @param sideOffset - Distance from trigger in pixels
+ * @param alignOffset - Offset from alignment position
+ * @param avoidCollisions - Whether to avoid viewport collisions
+ * @param collisionBoundary - Element(s) to avoid collisions with
+ * @param collisionPadding - Padding from collision boundary
+ * @param sticky - Sticky behavior ('partial' | 'always')
+ * @param hideWhenDetached - Hide when trigger becomes fully obscured
+ * @param onEscapeKeyDown - Callback when Escape key is pressed
+ * @param onPointerDownOutside - Callback when pointer down occurs outside
+ * @param onFocusOutside - Callback when focus moves outside
+ * @param onInteractOutside - Callback when interaction occurs outside
+ */
+interface DropdownMenuContentProps {
+  align?: 'start' | 'center' | 'end';
+  side?: 'top' | 'right' | 'bottom' | 'left';
+  sideOffset?: number;
+  alignOffset?: number;
+  avoidCollisions?: boolean;
+  collisionBoundary?: Element | null | Array<Element | null>;
+  collisionPadding?: number | Partial<Record<'top' | 'right' | 'bottom' | 'left', number>>;
+  sticky?: 'partial' | 'always';
+  hideWhenDetached?: boolean;
+  onEscapeKeyDown?: (event: KeyboardEvent) => void;
+  onPointerDownOutside?: (event: CustomEvent<{ originalEvent: PointerEvent }>) => void;
+  onFocusOutside?: (event: CustomEvent<{ originalEvent: FocusEvent }>) => void;
+  onInteractOutside?: (event: CustomEvent<{ originalEvent: PointerEvent | FocusEvent }>) => void;
+  children?: React.ReactNode;
+}
+
+const DropdownMenuContent: React.ForwardRefExoticComponent<DropdownMenuContentProps>;
+```
+
+**Usage Examples:**
+
+```typescript
+// Basic content
+<DropdownMenu.Content>
+  <DropdownMenu.Item>Option 1</DropdownMenu.Item>
+  <DropdownMenu.Item>Option 2</DropdownMenu.Item>
+</DropdownMenu.Content>
+
+// Positioned content
+<DropdownMenu.Content 
+  side="right" 
+  align="start" 
+  sideOffset={5}
+>
+  <DropdownMenu.Item>Right-aligned menu</DropdownMenu.Item>
+</DropdownMenu.Content>
+
+// Content with collision avoidance
+<DropdownMenu.Content
+  avoidCollisions={true}
+  collisionPadding={10}
+  sticky="partial"
+>
+  <DropdownMenu.Item>Auto-positioned</DropdownMenu.Item>
+</DropdownMenu.Content>
+
+// Content with custom event handlers
+<DropdownMenu.Content
+  onEscapeKeyDown={(e) => console.log('Escape pressed')}
+  onInteractOutside={(e) => console.log('Clicked outside')}
+>
+  <DropdownMenu.Item>Menu item</DropdownMenu.Item>
+</DropdownMenu.Content>
+```
+
+## Component Aliases
+
+```typescript { .api }
+// Short aliases for composition patterns
+const Root = DropdownMenu;
+const Trigger = DropdownMenuTrigger;
+const Content = DropdownMenuContent;
+```
+
+These components provide the foundational structure for dropdown menus and must be used together to create a functional dropdown interface.
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-radix-ui--react-dropdown-menu/docs/index.md b/.tessl/tiles/tessl/npm-radix-ui--react-dropdown-menu/docs/index.md
new file mode 100644
index 000000000..c2e74554b
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-radix-ui--react-dropdown-menu/docs/index.md
@@ -0,0 +1,269 @@
+# Radix UI React Dropdown Menu
+
+A React dropdown menu component library that provides accessible dropdown menu functionality with keyboard navigation, focus management, and customizable styling. Part of the Radix UI Primitives library, it offers a complete set of components for building dropdown menus with full accessibility compliance and keyboard navigation support.
+
+## Package Information
+
+- **Package Name**: @radix-ui/react-dropdown-menu
+- **Package Type**: npm
+- **Language**: TypeScript
+- **Installation**: `npm install @radix-ui/react-dropdown-menu`
+
+## Core Imports
+
+```typescript
+import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
+```
+
+Named imports:
+
+```typescript
+import {
+  DropdownMenu,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuCheckboxItem,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+} from "@radix-ui/react-dropdown-menu";
+```
+
+Short alias imports:
+
+```typescript
+import {
+  Root,
+  Trigger,
+  Content,
+  Item,
+  CheckboxItem,
+  RadioGroup,
+  RadioItem,
+  Separator,
+} from "@radix-ui/react-dropdown-menu";
+```
+
+## Basic Usage
+
+```typescript
+import React from "react";
+import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
+
+function App() {
+  return (
+    <DropdownMenu.Root>
+      <DropdownMenu.Trigger asChild>
+        <button>Options</button>
+      </DropdownMenu.Trigger>
+      
+      <DropdownMenu.Portal>
+        <DropdownMenu.Content>
+          <DropdownMenu.Item>New Tab</DropdownMenu.Item>
+          <DropdownMenu.Item>New Window</DropdownMenu.Item>
+          <DropdownMenu.Separator />
+          <DropdownMenu.Item>Settings</DropdownMenu.Item>
+        </DropdownMenu.Content>
+      </DropdownMenu.Portal>
+    </DropdownMenu.Root>
+  );
+}
+```
+
+## Architecture
+
+Radix UI React Dropdown Menu is built on several architectural principles:
+
+- **Composition-based**: Components work together through React composition patterns
+- **Menu Primitive Foundation**: Built on top of @radix-ui/react-menu for core functionality
+- **Context-driven State**: Uses React Context for component communication and state management
+- **Accessibility First**: Full ARIA compliance with proper roles, attributes, and keyboard navigation
+- **Portal Rendering**: Uses portal-based rendering for proper overlay positioning and z-index management
+- **Controlled/Uncontrolled**: Supports both controlled and uncontrolled state management patterns
+
+## Capabilities
+
+### Core Components
+
+Essential components for building dropdown menus including the root container, trigger button, and content area.
+
+```typescript { .api }
+// Root container managing dropdown state
+interface DropdownMenuProps {
+  children?: React.ReactNode;
+  dir?: 'ltr' | 'rtl';
+  open?: boolean;  
+  defaultOpen?: boolean;
+  onOpenChange?(open: boolean): void;
+  modal?: boolean;
+}
+
+// Trigger button component
+interface DropdownMenuTriggerProps extends React.ComponentPropsWithoutRef<'button'> {}
+
+// Content container for menu items
+interface DropdownMenuContentProps {
+  align?: 'start' | 'center' | 'end';
+  side?: 'top' | 'right' | 'bottom' | 'left';
+  sideOffset?: number;
+  alignOffset?: number;
+  avoidCollisions?: boolean;
+  collisionBoundary?: Element | null | Array<Element | null>;
+  collisionPadding?: number | Partial<Record<'top' | 'right' | 'bottom' | 'left', number>>;
+  sticky?: 'partial' | 'always';
+  hideWhenDetached?: boolean;
+  onEscapeKeyDown?: (event: KeyboardEvent) => void;
+  onPointerDownOutside?: (event: CustomEvent<{ originalEvent: PointerEvent }>) => void;
+  onFocusOutside?: (event: CustomEvent<{ originalEvent: FocusEvent }>) => void;
+  onInteractOutside?: (event: CustomEvent<{ originalEvent: PointerEvent | FocusEvent }>) => void;
+  children?: React.ReactNode;
+}
+```
+
+[Core Components](./core-components.md)
+
+### Menu Items
+
+Individual menu items including basic items, checkbox items, radio items, and their indicators.
+
+```typescript { .api }
+// Basic menu item
+interface DropdownMenuItemProps {
+  disabled?: boolean;
+  onSelect?: (event: Event) => void;
+  textValue?: string;
+  asChild?: boolean;
+  children?: React.ReactNode;
+}
+
+// Checkbox menu item
+interface DropdownMenuCheckboxItemProps {
+  checked?: boolean | 'indeterminate';
+  onCheckedChange?: (checked: boolean) => void;
+  disabled?: boolean;
+  onSelect?: (event: Event) => void;
+  textValue?: string;
+  children?: React.ReactNode;
+}
+
+// Radio group container
+interface DropdownMenuRadioGroupProps {
+  value?: string;
+  onValueChange?: (value: string) => void;
+  children?: React.ReactNode;
+}
+
+// Radio menu item
+interface DropdownMenuRadioItemProps {
+  value: string;
+  disabled?: boolean;
+  onSelect?: (event: Event) => void;
+  textValue?: string;
+  children?: React.ReactNode;
+}
+
+// Item indicator for checkbox/radio items
+interface DropdownMenuItemIndicatorProps {
+  forceMount?: boolean;
+  children?: React.ReactNode;
+}
+```
+
+[Menu Items](./menu-items.md)
+
+### Layout Components
+
+Components for organizing and structuring menu layout including groups, labels, separators, and arrows.
+
+```typescript { .api }
+// Group related menu items
+interface DropdownMenuGroupProps {
+  children?: React.ReactNode;
+}
+
+// Label for menu sections
+interface DropdownMenuLabelProps {
+  asChild?: boolean;
+  children?: React.ReactNode;
+}
+
+// Visual separator
+interface DropdownMenuSeparatorProps {
+  children?: React.ReactNode;
+}
+
+// Arrow pointing to trigger
+interface DropdownMenuArrowProps {
+  width?: number;
+  height?: number;
+  asChild?: boolean;
+}
+```
+
+[Layout Components](./layout-components.md)
+
+### Submenus
+
+Components for creating nested dropdown menus with submenu triggers and content areas.
+
+```typescript { .api }
+// Submenu container
+interface DropdownMenuSubProps {
+  children?: React.ReactNode;
+  open?: boolean;
+  defaultOpen?: boolean;
+  onOpenChange?(open: boolean): void;
+}
+
+// Submenu trigger
+interface DropdownMenuSubTriggerProps {
+  disabled?: boolean;
+  textValue?: string;
+  asChild?: boolean;
+  children?: React.ReactNode;
+}
+
+// Submenu content
+interface DropdownMenuSubContentProps {
+  loop?: boolean;
+  onEscapeKeyDown?: (event: KeyboardEvent) => void;
+  onKeyDown?: (event: KeyboardEvent) => void;
+  forceMount?: boolean;
+  container?: HTMLElement;
+  children?: React.ReactNode;
+}
+```
+
+[Submenus](./submenus.md)
+
+### Portal and Context
+
+Portal component for rendering menu content and context utilities for advanced customization.
+
+```typescript { .api }
+// Portal for rendering content
+interface DropdownMenuPortalProps {
+  forceMount?: boolean;
+  container?: HTMLElement;
+  children?: React.ReactNode;
+}
+
+// Context scope creation utility
+function createDropdownMenuScope(): any;
+```
+
+[Portal and Context](./portal-context.md)
+
+## Types
+
+```typescript { .api }
+// Direction for menu layout
+type Direction = 'ltr' | 'rtl';
+
+// Context scope type
+type Scope = any;
+
+// Scoped props pattern for context
+type ScopedProps<P> = P & { __scopeDropdownMenu?: Scope };
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-radix-ui--react-dropdown-menu/docs/layout-components.md b/.tessl/tiles/tessl/npm-radix-ui--react-dropdown-menu/docs/layout-components.md
new file mode 100644
index 000000000..7ef39fbc7
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-radix-ui--react-dropdown-menu/docs/layout-components.md
@@ -0,0 +1,223 @@
+# Layout Components
+
+Components for organizing and structuring menu layout including groups, labels, separators, and arrows. These components help create well-organized and visually structured dropdown menus.
+
+## Capabilities
+
+### DropdownMenuGroup (Group)
+
+Container component for grouping related menu items together, providing semantic organization.
+
+```typescript { .api }
+/**
+ * Container for grouping related menu items
+ * Provides semantic grouping without visual changes
+ */
+interface DropdownMenuGroupProps {
+  children?: React.ReactNode;
+}
+
+const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuGroupProps>;
+```
+
+**Usage Examples:**
+
+```typescript
+<DropdownMenu.Content>
+  <DropdownMenu.Group>
+    <DropdownMenu.Item>New File</DropdownMenu.Item>
+    <DropdownMenu.Item>New Folder</DropdownMenu.Item>
+  </DropdownMenu.Group>
+  
+  <DropdownMenu.Separator />
+  
+  <DropdownMenu.Group>
+    <DropdownMenu.Item>Cut</DropdownMenu.Item>
+    <DropdownMenu.Item>Copy</DropdownMenu.Item>
+    <DropdownMenu.Item>Paste</DropdownMenu.Item>
+  </DropdownMenu.Group>
+</DropdownMenu.Content>
+```
+
+### DropdownMenuLabel (Label)
+
+Label component for providing section headers and descriptions within menu groups.
+
+```typescript { .api }
+/**
+ * Label component for menu sections
+ * Provides descriptive text that doesn't receive focus
+ * @param asChild - Compose with child element
+ */
+interface DropdownMenuLabelProps {
+  asChild?: boolean;
+  children?: React.ReactNode;
+}
+
+const DropdownMenuLabel: React.ForwardRefExoticComponent<DropdownMenuLabelProps>;
+```
+
+**Usage Examples:**
+
+```typescript
+<DropdownMenu.Content>
+  <DropdownMenu.Label>File Operations</DropdownMenu.Label>
+  <DropdownMenu.Item>New File</DropdownMenu.Item>
+  <DropdownMenu.Item>Open File</DropdownMenu.Item>
+  
+  <DropdownMenu.Separator />
+  
+  <DropdownMenu.Label>Edit Operations</DropdownMenu.Label>
+  <DropdownMenu.Item>Cut</DropdownMenu.Item>
+  <DropdownMenu.Item>Copy</DropdownMenu.Item>
+</DropdownMenu.Content>
+
+// Custom label using asChild
+<DropdownMenu.Label asChild>
+  <h3 className="menu-section-header">Recent Files</h3>
+</DropdownMenu.Label>
+```
+
+### DropdownMenuSeparator (Separator)
+
+Visual separator component for creating distinct sections within the menu.
+
+```typescript { .api }
+/**
+ * Visual separator for creating menu sections
+ * Renders as a horizontal line between menu items
+ */
+interface DropdownMenuSeparatorProps {
+  children?: React.ReactNode;
+}
+
+const DropdownMenuSeparator: React.ForwardRefExoticComponent<DropdownMenuSeparatorProps>;
+```
+
+**Usage Examples:**
+
+```typescript
+<DropdownMenu.Content>
+  <DropdownMenu.Item>New</DropdownMenu.Item>
+  <DropdownMenu.Item>Open</DropdownMenu.Item>
+  
+  <DropdownMenu.Separator />
+  
+  <DropdownMenu.Item>Settings</DropdownMenu.Item>
+  <DropdownMenu.Item>Help</DropdownMenu.Item>
+  
+  <DropdownMenu.Separator />
+  
+  <DropdownMenu.Item>Quit</DropdownMenu.Item>
+</DropdownMenu.Content>
+```
+
+### DropdownMenuArrow (Arrow)
+
+Arrow component that points from the menu content to the trigger element.
+
+```typescript { .api }
+/**
+ * Arrow pointing from content to trigger element
+ * @param width - Width of the arrow in pixels
+ * @param height - Height of the arrow in pixels
+ * @param asChild - Compose with child element
+ */
+interface DropdownMenuArrowProps {
+  width?: number;
+  height?: number;
+  asChild?: boolean;
+}
+
+const DropdownMenuArrow: React.ForwardRefExoticComponent<DropdownMenuArrowProps>;
+```
+
+**Usage Examples:**
+
+```typescript
+<DropdownMenu.Content>
+  <DropdownMenu.Arrow />
+  <DropdownMenu.Item>Menu Item</DropdownMenu.Item>
+</DropdownMenu.Content>
+
+// Custom sized arrow
+<DropdownMenu.Content>
+  <DropdownMenu.Arrow width={10} height={5} />
+  <DropdownMenu.Item>Menu Item</DropdownMenu.Item>
+</DropdownMenu.Content>
+
+// Custom arrow using asChild
+<DropdownMenu.Content>
+  <DropdownMenu.Arrow asChild>
+    <div className="custom-arrow" />
+  </DropdownMenu.Arrow>
+  <DropdownMenu.Item>Menu Item</DropdownMenu.Item>
+</DropdownMenu.Content>
+```
+
+## Complete Layout Example
+
+```typescript
+function ComplexDropdownMenu() {
+  const [showGrid, setShowGrid] = React.useState(false);
+  const [viewMode, setViewMode] = React.useState('list');
+
+  return (
+    <DropdownMenu.Root>
+      <DropdownMenu.Trigger>View Options</DropdownMenu.Trigger>
+      
+      <DropdownMenu.Portal>
+        <DropdownMenu.Content>
+          <DropdownMenu.Arrow />
+          
+          <DropdownMenu.Label>View Settings</DropdownMenu.Label>
+          
+          <DropdownMenu.Group>
+            <DropdownMenu.CheckboxItem 
+              checked={showGrid}
+              onCheckedChange={setShowGrid}
+            >
+              <DropdownMenu.ItemIndicator>✓</DropdownMenu.ItemIndicator>
+              Show Grid
+            </DropdownMenu.CheckboxItem>
+          </DropdownMenu.Group>
+          
+          <DropdownMenu.Separator />
+          
+          <DropdownMenu.Label>View Mode</DropdownMenu.Label>
+          
+          <DropdownMenu.RadioGroup value={viewMode} onValueChange={setViewMode}>
+            <DropdownMenu.RadioItem value="list">
+              <DropdownMenu.ItemIndicator>●</DropdownMenu.ItemIndicator>
+              List View
+            </DropdownMenu.RadioItem>
+            <DropdownMenu.RadioItem value="grid">
+              <DropdownMenu.ItemIndicator>●</DropdownMenu.ItemIndicator>
+              Grid View
+            </DropdownMenu.RadioItem>
+          </DropdownMenu.RadioGroup>
+          
+          <DropdownMenu.Separator />
+          
+          <DropdownMenu.Group>
+            <DropdownMenu.Item>Refresh</DropdownMenu.Item>
+            <DropdownMenu.Item>Reset View</DropdownMenu.Item>
+          </DropdownMenu.Group>
+        </DropdownMenu.Content>
+      </DropdownMenu.Portal>
+    </DropdownMenu.Root>
+  );
+}
+```
+
+## Component Aliases
+
+```typescript { .api }
+// Short aliases for composition patterns
+const Group = DropdownMenuGroup;
+const Label = DropdownMenuLabel;
+const Separator = DropdownMenuSeparator;
+const Arrow = DropdownMenuArrow;
+```
+
+These layout components help create well-structured and visually organized dropdown menus with proper semantic grouping and visual separation.
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-radix-ui--react-dropdown-menu/docs/menu-items.md b/.tessl/tiles/tessl/npm-radix-ui--react-dropdown-menu/docs/menu-items.md
new file mode 100644
index 000000000..a166f5612
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-radix-ui--react-dropdown-menu/docs/menu-items.md
@@ -0,0 +1,231 @@
+# Menu Items
+
+Individual menu items including basic items, checkbox items, radio items, and their indicators. These components represent the interactive elements within dropdown menus.
+
+## Capabilities
+
+### DropdownMenuItem (Item)
+
+Basic menu item component that can be clicked or selected via keyboard navigation.
+
+```typescript { .api }
+/**
+ * Basic interactive menu item
+ * @param disabled - Whether the item is disabled
+ * @param onSelect - Callback when item is selected
+ * @param textValue - Text value for typeahead functionality
+ * @param asChild - Compose with child element
+ */
+interface DropdownMenuItemProps {
+  disabled?: boolean;
+  onSelect?: (event: Event) => void;
+  textValue?: string;
+  asChild?: boolean;
+  children?: React.ReactNode;
+}
+
+const DropdownMenuItem: React.ForwardRefExoticComponent<DropdownMenuItemProps>;
+```
+
+**Usage Examples:**
+
+```typescript
+// Basic menu item
+<DropdownMenu.Item onSelect={() => console.log('Selected')}>
+  New File
+</DropdownMenu.Item>
+
+// Disabled item
+<DropdownMenu.Item disabled>
+  Unavailable Option
+</DropdownMenu.Item>
+
+// Custom item using asChild
+<DropdownMenu.Item asChild>
+  <a href="/settings">Settings</a>
+</DropdownMenu.Item>
+
+// Item with custom text value for typeahead
+<DropdownMenu.Item textValue="Copy to clipboard">
+  📋 Copy
+</DropdownMenu.Item>
+```
+
+### DropdownMenuCheckboxItem (CheckboxItem)
+
+Menu item with checkbox functionality for toggling boolean states.
+
+```typescript { .api }
+/**
+ * Menu item with checkbox functionality
+ * @param checked - Controlled checked state
+ * @param onCheckedChange - Callback when checked state changes
+ * @param disabled - Whether the item is disabled
+ * @param onSelect - Callback when item is selected
+ * @param textValue - Text value for typeahead functionality
+ */
+interface DropdownMenuCheckboxItemProps {
+  checked?: boolean | 'indeterminate';
+  onCheckedChange?: (checked: boolean) => void;
+  disabled?: boolean;
+  onSelect?: (event: Event) => void;
+  textValue?: string;
+  children?: React.ReactNode;
+}
+
+const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<DropdownMenuCheckboxItemProps>;
+```
+
+**Usage Examples:**
+
+```typescript
+const [showBookmarks, setShowBookmarks] = React.useState(true);
+const [showHistory, setShowHistory] = React.useState(false);
+
+<DropdownMenu.CheckboxItem 
+  checked={showBookmarks}
+  onCheckedChange={setShowBookmarks}
+>
+  <DropdownMenu.ItemIndicator>
+    ✓
+  </DropdownMenu.ItemIndicator>
+  Show Bookmarks
+</DropdownMenu.CheckboxItem>
+
+<DropdownMenu.CheckboxItem 
+  checked={showHistory}
+  onCheckedChange={setShowHistory}
+>
+  <DropdownMenu.ItemIndicator>
+    ✓
+  </DropdownMenu.ItemIndicator>
+  Show History
+</DropdownMenu.CheckboxItem>
+```
+
+### DropdownMenuRadioGroup (RadioGroup)
+
+Container component for grouping radio button menu items with shared state.
+
+```typescript { .api }
+/**
+ * Container for radio button menu items
+ * @param value - Currently selected value
+ * @param onValueChange - Callback when selected value changes
+ */
+interface DropdownMenuRadioGroupProps {
+  value?: string;
+  onValueChange?: (value: string) => void;
+  children?: React.ReactNode;
+}
+
+const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuRadioGroupProps>;
+```
+
+### DropdownMenuRadioItem (RadioItem)
+
+Individual radio button menu item within a RadioGroup.
+
+```typescript { .api }
+/**
+ * Radio button menu item
+ * @param value - Value of this radio item
+ * @param disabled - Whether the item is disabled
+ * @param onSelect - Callback when item is selected
+ * @param textValue - Text value for typeahead functionality
+ */
+interface DropdownMenuRadioItemProps {
+  value: string;
+  disabled?: boolean;
+  onSelect?: (event: Event) => void;
+  textValue?: string;
+  children?: React.ReactNode;
+}
+
+const DropdownMenuRadioItem: React.ForwardRefExoticComponent<DropdownMenuRadioItemProps>;
+```
+
+**Usage Examples:**
+
+```typescript
+const [theme, setTheme] = React.useState('light');
+
+<DropdownMenu.RadioGroup value={theme} onValueChange={setTheme}>
+  <DropdownMenu.RadioItem value="light">
+    <DropdownMenu.ItemIndicator>
+      ●
+    </DropdownMenu.ItemIndicator>
+    Light Theme
+  </DropdownMenu.RadioItem>
+  
+  <DropdownMenu.RadioItem value="dark">
+    <DropdownMenu.ItemIndicator>
+      ●
+    </DropdownMenu.ItemIndicator>
+    Dark Theme
+  </DropdownMenu.RadioItem>
+  
+  <DropdownMenu.RadioItem value="system">
+    <DropdownMenu.ItemIndicator>
+      ●
+    </DropdownMenu.ItemIndicator>
+    System Theme
+  </DropdownMenu.RadioItem>
+</DropdownMenu.RadioGroup>
+```
+
+### DropdownMenuItemIndicator (ItemIndicator)
+
+Visual indicator component that appears when checkbox or radio items are selected.
+
+```typescript { .api }
+/**
+ * Visual indicator for checkbox/radio items
+ * Only rendered when parent item is in checked/selected state
+ * @param forceMount - Force mounting even when not indicated
+ */
+interface DropdownMenuItemIndicatorProps {
+  forceMount?: boolean;
+  children?: React.ReactNode;
+}
+
+const DropdownMenuItemIndicator: React.ForwardRefExoticComponent<DropdownMenuItemIndicatorProps>;
+```
+
+**Usage Examples:**
+
+```typescript
+// Checkbox indicator
+<DropdownMenu.CheckboxItem checked={isChecked}>
+  <DropdownMenu.ItemIndicator>
+    <CheckIcon />
+  </DropdownMenu.ItemIndicator>
+  Enable Feature
+</DropdownMenu.CheckboxItem>
+
+// Radio indicator
+<DropdownMenu.RadioItem value="option1">
+  <DropdownMenu.ItemIndicator>
+    <DotIcon />
+  </DropdownMenu.ItemIndicator>
+  Option 1
+</DropdownMenu.RadioItem>
+
+// Force-mounted indicator
+<DropdownMenu.ItemIndicator forceMount>
+  <Icon />
+</DropdownMenu.ItemIndicator>
+```
+
+## Component Aliases
+
+```typescript { .api }
+// Short aliases for composition patterns
+const Item = DropdownMenuItem;
+const CheckboxItem = DropdownMenuCheckboxItem;
+const RadioGroup = DropdownMenuRadioGroup;
+const RadioItem = DropdownMenuRadioItem;
+const ItemIndicator = DropdownMenuItemIndicator;
+```
+
+These item components provide the interactive elements within dropdown menus and support various selection patterns including single selection, multi-selection with checkboxes, and exclusive selection with radio buttons.
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-radix-ui--react-dropdown-menu/docs/portal-context.md b/.tessl/tiles/tessl/npm-radix-ui--react-dropdown-menu/docs/portal-context.md
new file mode 100644
index 000000000..8a1882455
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-radix-ui--react-dropdown-menu/docs/portal-context.md
@@ -0,0 +1,188 @@
+# Portal and Context
+
+Portal component for rendering menu content and context utilities for advanced customization. These components provide lower-level control over rendering behavior and component scope.
+
+## Capabilities
+
+### DropdownMenuPortal (Portal)
+
+Portal component that renders dropdown content outside the normal DOM hierarchy for proper layering and positioning.
+
+```typescript { .api }
+/**
+ * Portal for rendering dropdown content outside normal DOM flow
+ * @param forceMount - Force mounting regardless of open state
+ * @param container - Container element to portal into (defaults to document.body)
+ * @param children - Content to be portaled (typically DropdownMenuContent)
+ */
+interface DropdownMenuPortalProps {
+  forceMount?: boolean;
+  container?: HTMLElement;
+  children?: React.ReactNode;
+}
+
+const DropdownMenuPortal: React.FC<DropdownMenuPortalProps>;
+```
+
+**Usage Examples:**
+
+```typescript
+// Basic portal usage
+<DropdownMenu.Root>
+  <DropdownMenu.Trigger>Menu</DropdownMenu.Trigger>
+  <DropdownMenu.Portal>
+    <DropdownMenu.Content>
+      <DropdownMenu.Item>Item 1</DropdownMenu.Item>
+    </DropdownMenu.Content>
+  </DropdownMenu.Portal>
+</DropdownMenu.Root>
+
+// Portal to specific container
+const portalContainer = document.getElementById('modal-root');
+<DropdownMenu.Portal container={portalContainer}>
+  <DropdownMenu.Content>
+    <DropdownMenu.Item>Portaled Item</DropdownMenu.Item>
+  </DropdownMenu.Content>
+</DropdownMenu.Portal>
+
+// Force-mounted portal (always rendered)
+<DropdownMenu.Portal forceMount>
+  <DropdownMenu.Content>
+    <DropdownMenu.Item>Always Present</DropdownMenu.Item>
+  </DropdownMenu.Content>
+</DropdownMenu.Portal>
+
+// Without portal (content renders in place)
+<DropdownMenu.Root>
+  <DropdownMenu.Trigger>Menu</DropdownMenu.Trigger>
+  <DropdownMenu.Content>
+    <DropdownMenu.Item>Inline Item</DropdownMenu.Item>
+  </DropdownMenu.Content>
+</DropdownMenu.Root>
+```
+
+### createDropdownMenuScope
+
+Context scope creation utility for advanced component composition and avoiding context conflicts.
+
+```typescript { .api }
+/**
+ * Creates a scoped context for dropdown menu components
+ * Used for advanced composition patterns and avoiding context conflicts
+ * @returns Scoped context creation functions
+ */
+function createDropdownMenuScope(): any;
+```
+
+**Usage Examples:**
+
+```typescript
+// Advanced usage with custom scope
+const useCustomScope = createDropdownMenuScope();
+
+function CustomDropdownMenu() {
+  const customScope = useCustomScope();
+  
+  return (
+    <DropdownMenu.Root {...customScope}>
+      <DropdownMenu.Trigger {...customScope}>
+        Custom Scoped Menu
+      </DropdownMenu.Trigger>
+      <DropdownMenu.Portal {...customScope}>
+        <DropdownMenu.Content {...customScope}>
+          <DropdownMenu.Item {...customScope}>
+            Scoped Item
+          </DropdownMenu.Item>
+        </DropdownMenu.Content>
+      </DropdownMenu.Portal>
+    </DropdownMenu.Root>
+  );
+}
+```
+
+## Advanced Portal Patterns
+
+### Multiple Portals
+
+```typescript
+function MultiPortalExample() {
+  return (
+    <div>
+      {/* First dropdown with default portal */}
+      <DropdownMenu.Root>
+        <DropdownMenu.Trigger>Menu 1</DropdownMenu.Trigger>
+        <DropdownMenu.Portal>
+          <DropdownMenu.Content>
+            <DropdownMenu.Item>Item 1</DropdownMenu.Item>
+          </DropdownMenu.Content>
+        </DropdownMenu.Portal>
+      </DropdownMenu.Root>
+      
+      {/* Second dropdown with custom portal container */}
+      <DropdownMenu.Root>
+        <DropdownMenu.Trigger>Menu 2</DropdownMenu.Trigger>
+        <DropdownMenu.Portal container={document.getElementById('custom-layer')}>
+          <DropdownMenu.Content>
+            <DropdownMenu.Item>Item 2</DropdownMenu.Item>
+          </DropdownMenu.Content>
+        </DropdownMenu.Portal>
+      </DropdownMenu.Root>
+    </div>
+  );
+}
+```
+
+### Conditional Portal
+
+```typescript
+function ConditionalPortalExample() {
+  const [usePortal, setUsePortal] = React.useState(true);
+  
+  const content = (
+    <DropdownMenu.Content>
+      <DropdownMenu.Item>Item</DropdownMenu.Item>
+    </DropdownMenu.Content>
+  );
+  
+  return (
+    <DropdownMenu.Root>
+      <DropdownMenu.Trigger>Menu</DropdownMenu.Trigger>
+      {usePortal ? (
+        <DropdownMenu.Portal>{content}</DropdownMenu.Portal>
+      ) : (
+        content
+      )}
+    </DropdownMenu.Root>
+  );
+}
+```
+
+## Context Scoping Benefits
+
+- **Isolation**: Prevents context bleeding between multiple dropdown instances
+- **Composition**: Enables building custom dropdown variations
+- **Testing**: Allows isolated testing of dropdown components
+- **Performance**: Reduces unnecessary re-renders in complex component trees
+
+## When to Use Portal
+
+**Use Portal when:**
+- Content needs to appear above other page elements (z-index issues)
+- Working with modals, overlays, or fixed positioning
+- Need to escape parent container's overflow: hidden
+- Building complex layered interfaces
+
+**Skip Portal when:**
+- Simple in-page menus without layering concerns
+- Content should scroll with parent container
+- Working within already-portaled contexts
+- Performance optimization for simple cases
+
+## Component Aliases
+
+```typescript { .api }
+// Short aliases for composition patterns
+const Portal = DropdownMenuPortal;
+```
+
+These portal and context utilities provide advanced control over dropdown rendering behavior and enable sophisticated composition patterns while maintaining proper accessibility and functionality.
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-radix-ui--react-dropdown-menu/docs/submenus.md b/.tessl/tiles/tessl/npm-radix-ui--react-dropdown-menu/docs/submenus.md
new file mode 100644
index 000000000..514416390
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-radix-ui--react-dropdown-menu/docs/submenus.md
@@ -0,0 +1,230 @@
+# Submenus
+
+Components for creating nested dropdown menus with submenu triggers and content areas. These components enable complex menu hierarchies with multiple levels of navigation.
+
+## Capabilities
+
+### DropdownMenuSub (Sub)
+
+Container component that manages the state and behavior of a submenu.
+
+```typescript { .api }
+/**
+ * Container for submenu functionality
+ * @param children - Child components (typically SubTrigger and SubContent)
+ * @param open - Controlled open state of the submenu
+ * @param defaultOpen - Default open state (uncontrolled)
+ * @param onOpenChange - Callback when submenu open state changes
+ */
+interface DropdownMenuSubProps {
+  children?: React.ReactNode;
+  open?: boolean;
+  defaultOpen?: boolean;
+  onOpenChange?(open: boolean): void;
+}
+
+const DropdownMenuSub: React.FC<DropdownMenuSubProps>;
+```
+
+**Usage Examples:**
+
+```typescript
+// Uncontrolled submenu
+<DropdownMenu.Sub>
+  <DropdownMenu.SubTrigger>More Options</DropdownMenu.SubTrigger>
+  <DropdownMenu.SubContent>
+    <DropdownMenu.Item>Nested Option 1</DropdownMenu.Item>
+    <DropdownMenu.Item>Nested Option 2</DropdownMenu.Item>
+  </DropdownMenu.SubContent>
+</DropdownMenu.Sub>
+
+// Controlled submenu
+const [subOpen, setSubOpen] = React.useState(false);
+<DropdownMenu.Sub open={subOpen} onOpenChange={setSubOpen}>
+  <DropdownMenu.SubTrigger>Controlled Submenu</DropdownMenu.SubTrigger>
+  <DropdownMenu.SubContent>
+    <DropdownMenu.Item>Nested Item</DropdownMenu.Item>
+  </DropdownMenu.SubContent>
+</DropdownMenu.Sub>
+```
+
+### DropdownMenuSubTrigger (SubTrigger)
+
+Trigger component that opens a submenu when hovered or activated with keyboard.
+
+```typescript { .api }
+/**
+ * Trigger for opening submenu
+ * @param disabled - Whether the trigger is disabled
+ * @param textValue - Text value for typeahead functionality
+ * @param asChild - Compose with child element
+ */
+interface DropdownMenuSubTriggerProps {
+  disabled?: boolean;
+  textValue?: string;
+  asChild?: boolean;
+  children?: React.ReactNode;
+}
+
+const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<DropdownMenuSubTriggerProps>;
+```
+
+**Usage Examples:**
+
+```typescript
+// Basic submenu trigger
+<DropdownMenu.SubTrigger>
+  Share
+  <ChevronRightIcon />
+</DropdownMenu.SubTrigger>
+
+// Disabled submenu trigger
+<DropdownMenu.SubTrigger disabled>
+  Unavailable Options
+</DropdownMenu.SubTrigger>
+
+// Custom submenu trigger using asChild
+<DropdownMenu.SubTrigger asChild>
+  <button className="custom-submenu-trigger">
+    <ShareIcon />
+    Share Options
+    <ArrowIcon />
+  </button>
+</DropdownMenu.SubTrigger>
+```
+
+### DropdownMenuSubContent (SubContent)
+
+Content container for submenu items that appears when the submenu is triggered.
+
+```typescript { .api }
+/**
+ * Content container for submenu items
+ * Similar to DropdownMenuContent but for nested menus
+ * @param loop - Whether focus should loop when navigating
+ * @param onEscapeKeyDown - Callback when Escape key is pressed
+ * @param onKeyDown - Callback for key events
+ * @param forceMount - Force mounting regardless of open state
+ * @param container - Container element for portaling
+ */
+interface DropdownMenuSubContentProps {
+  loop?: boolean;
+  onEscapeKeyDown?: (event: KeyboardEvent) => void;
+  onKeyDown?: (event: KeyboardEvent) => void;
+  forceMount?: boolean;
+  container?: HTMLElement;
+  children?: React.ReactNode;
+}
+
+const DropdownMenuSubContent: React.ForwardRefExoticComponent<DropdownMenuSubContentProps>;
+```
+
+**Usage Examples:**
+
+```typescript
+// Basic submenu content
+<DropdownMenu.SubContent>
+  <DropdownMenu.Item>Copy Link</DropdownMenu.Item>
+  <DropdownMenu.Item>Email</DropdownMenu.Item>
+  <DropdownMenu.Item>Print</DropdownMenu.Item>
+</DropdownMenu.SubContent>
+
+// Submenu content with custom behavior
+<DropdownMenu.SubContent 
+  loop={false}
+  onEscapeKeyDown={(e) => console.log('Escaping submenu')}
+>
+  <DropdownMenu.Item>Option A</DropdownMenu.Item>
+  <DropdownMenu.Item>Option B</DropdownMenu.Item>
+</DropdownMenu.SubContent>
+```
+
+## Complete Submenu Example
+
+```typescript
+function MultiLevelDropdownMenu() {
+  return (
+    <DropdownMenu.Root>
+      <DropdownMenu.Trigger>File</DropdownMenu.Trigger>
+      
+      <DropdownMenu.Portal>
+        <DropdownMenu.Content>
+          <DropdownMenu.Item>New File</DropdownMenu.Item>
+          <DropdownMenu.Item>Open</DropdownMenu.Item>
+          
+          <DropdownMenu.Separator />
+          
+          {/* First level submenu */}
+          <DropdownMenu.Sub>
+            <DropdownMenu.SubTrigger>
+              Recent Files
+              <ChevronRightIcon />
+            </DropdownMenu.SubTrigger>
+            <DropdownMenu.SubContent>
+              <DropdownMenu.Item>document1.txt</DropdownMenu.Item>
+              <DropdownMenu.Item>document2.txt</DropdownMenu.Item>
+              
+              {/* Second level submenu */}
+              <DropdownMenu.Sub>
+                <DropdownMenu.SubTrigger>
+                  More Recent
+                  <ChevronRightIcon />
+                </DropdownMenu.SubTrigger>
+                <DropdownMenu.SubContent>
+                  <DropdownMenu.Item>old-file1.txt</DropdownMenu.Item>
+                  <DropdownMenu.Item>old-file2.txt</DropdownMenu.Item>
+                </DropdownMenu.SubContent>
+              </DropdownMenu.Sub>
+            </DropdownMenu.SubContent>
+          </DropdownMenu.Sub>
+          
+          <DropdownMenu.Sub>
+            <DropdownMenu.SubTrigger>
+              Export
+              <ChevronRightIcon />
+            </DropdownMenu.SubTrigger>
+            <DropdownMenu.SubContent>
+              <DropdownMenu.Item>Export as PDF</DropdownMenu.Item>
+              <DropdownMenu.Item>Export as HTML</DropdownMenu.Item>
+              <DropdownMenu.Item>Export as Markdown</DropdownMenu.Item>
+            </DropdownMenu.SubContent>
+          </DropdownMenu.Sub>
+          
+          <DropdownMenu.Separator />
+          
+          <DropdownMenu.Item>Close</DropdownMenu.Item>
+        </DropdownMenu.Content>
+      </DropdownMenu.Portal>
+    </DropdownMenu.Root>
+  );
+}
+```
+
+## Keyboard Navigation
+
+Submenus support full keyboard navigation:
+
+- **Arrow Keys**: Navigate between items and into/out of submenus
+- **Enter/Space**: Activate items or open submenus
+- **Escape**: Close current submenu level
+- **Home/End**: Jump to first/last item in current level
+- **Letter keys**: Type-ahead search within current level
+
+## Accessibility Features
+
+- Proper ARIA attributes for nested menu structure
+- Screen reader announcements for submenu state changes
+- Focus management across menu levels
+- Keyboard navigation between parent and child menus
+- Automatic focus return when closing submenus
+
+## Component Aliases
+
+```typescript { .api }
+// Short aliases for composition patterns
+const Sub = DropdownMenuSub;
+const SubTrigger = DropdownMenuSubTrigger;
+const SubContent = DropdownMenuSubContent;
+```
+
+These submenu components enable the creation of complex, multi-level dropdown menus while maintaining full accessibility and keyboard navigation support.
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-radix-ui--react-dropdown-menu/tile.json b/.tessl/tiles/tessl/npm-radix-ui--react-dropdown-menu/tile.json
new file mode 100644
index 000000000..c3711e681
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-radix-ui--react-dropdown-menu/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-radix-ui--react-dropdown-menu",
+  "version": "2.1.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/@radix-ui/react-dropdown-menu@2.1.16",
+  "summary": "A React dropdown menu component library providing accessible dropdown menu functionality with keyboard navigation and focus management."
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-radix-ui--react-navigation-menu/docs/content-management.md b/.tessl/tiles/tessl/npm-radix-ui--react-navigation-menu/docs/content-management.md
new file mode 100644
index 000000000..3587a6ee3
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-radix-ui--react-navigation-menu/docs/content-management.md
@@ -0,0 +1,403 @@
+# Content Management
+
+Content and viewport components for displaying menu content with animation support and focus management.
+
+## Capabilities
+
+### NavigationMenuContent
+
+Dismissable content panel that displays when a navigation menu item is triggered, with built-in focus management and animation support.
+
+```typescript { .api }
+/**
+ * Content panel for navigation menu items with dismissable layer integration
+ * @param forceMount - Force mounting for animation control (useful with animation libraries)
+ */
+const NavigationMenuContent: React.ForwardRefExoticComponent<
+  NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>
+>;
+
+interface NavigationMenuContentProps 
+  extends React.ComponentPropsWithoutRef<"div"> {
+  forceMount?: true;
+}
+```
+
+**Key Features:**
+- Dismissable layer integration (clicks outside, Escape key)
+- Focus management and tab order handling
+- Animation support via `forceMount` prop
+- Portal rendering (when used with viewport)
+- Keyboard navigation within content
+- Pointer interaction handling
+
+**Usage Examples:**
+
+```typescript
+import { 
+  NavigationMenu,
+  NavigationMenuList,
+  NavigationMenuItem,
+  NavigationMenuTrigger,
+  NavigationMenuContent,
+  NavigationMenuLink
+} from "@radix-ui/react-navigation-menu";
+
+// Basic content usage
+function BasicContentExample() {
+  return (
+    <NavigationMenu>
+      <NavigationMenuList>
+        <NavigationMenuItem>
+          <NavigationMenuTrigger>Products</NavigationMenuTrigger>
+          <NavigationMenuContent className="nav-content">
+            <div className="content-grid">
+              <NavigationMenuLink href="/web">Web Development</NavigationMenuLink>
+              <NavigationMenuLink href="/mobile">Mobile Apps</NavigationMenuLink>
+              <NavigationMenuLink href="/desktop">Desktop Software</NavigationMenuLink>
+            </div>
+          </NavigationMenuContent>
+        </NavigationMenuItem>
+      </NavigationMenuList>
+    </NavigationMenu>
+  );
+}
+
+// Content with force mount for animations
+function AnimatedContentExample() {
+  return (
+    <NavigationMenuItem>
+      <NavigationMenuTrigger>Services</NavigationMenuTrigger>
+      <NavigationMenuContent 
+        forceMount
+        className="animated-content"
+        onPointerEnter={() => console.log("Content entered")}
+        onPointerLeave={() => console.log("Content left")}
+      >
+        <div className="service-list">
+          <h3>Our Services</h3>
+          <NavigationMenuLink href="/consulting">Consulting</NavigationMenuLink>
+          <NavigationMenuLink href="/support">Support</NavigationMenuLink>
+          <NavigationMenuLink href="/training">Training</NavigationMenuLink>
+        </div>
+      </NavigationMenuContent>
+    </NavigationMenuItem>
+  );
+}
+
+// Rich content with complex layout
+function RichContentExample() {
+  return (
+    <NavigationMenuItem>
+      <NavigationMenuTrigger>Resources</NavigationMenuTrigger>
+      <NavigationMenuContent>
+        <div className="resource-content">
+          <div className="resource-section">
+            <h4>Documentation</h4>
+            <NavigationMenuLink href="/docs/getting-started">Getting Started</NavigationMenuLink>
+            <NavigationMenuLink href="/docs/api">API Reference</NavigationMenuLink>
+            <NavigationMenuLink href="/docs/examples">Examples</NavigationMenuLink>
+          </div>
+          
+          <div className="resource-section">
+            <h4>Community</h4>
+            <NavigationMenuLink href="/forum">Forum</NavigationMenuLink>
+            <NavigationMenuLink href="/discord">Discord</NavigationMenuLink>
+            <NavigationMenuLink href="/github">GitHub</NavigationMenuLink>
+          </div>
+          
+          <div className="resource-section">
+            <h4>Latest</h4>
+            <p>Check out our latest blog post about navigation patterns.</p>
+            <NavigationMenuLink href="/blog/latest">Read More</NavigationMenuLink>
+          </div>
+        </div>
+      </NavigationMenuContent>
+    </NavigationMenuItem>
+  );
+}
+```
+
+### NavigationMenuViewport
+
+Centralized viewport container that manages and displays menu content with dynamic sizing and positioning.
+
+```typescript { .api }
+/**
+ * Centralized viewport for menu content with dynamic sizing
+ * Provides a container that automatically sizes to match active content
+ * @param forceMount - Force mounting for animation control
+ */
+const NavigationMenuViewport: React.ForwardRefExoticComponent<
+  NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>
+>;
+
+interface NavigationMenuViewportProps 
+  extends React.ComponentPropsWithoutRef<"div"> {
+  forceMount?: true;
+}
+```
+
+**Key Features:**
+- Dynamic sizing based on active content
+- CSS custom properties for dimensions
+- Portal rendering for content
+- Animation support with presence detection
+- Pointer event handling
+- Content lifecycle management
+
+**Usage Examples:**
+
+```typescript
+import { 
+  NavigationMenu,
+  NavigationMenuList,
+  NavigationMenuItem,
+  NavigationMenuTrigger,
+  NavigationMenuContent,
+  NavigationMenuViewport
+} from "@radix-ui/react-navigation-menu";
+
+// Basic viewport setup
+function ViewportExample() {
+  return (
+    <div className="nav-container">
+      <NavigationMenu>
+        <NavigationMenuList>
+          <NavigationMenuItem>
+            <NavigationMenuTrigger>Products</NavigationMenuTrigger>
+            <NavigationMenuContent>
+              <div className="products-content">
+                {/* Content will be rendered in viewport */}
+                Product information here
+              </div>
+            </NavigationMenuContent>
+          </NavigationMenuItem>
+          
+          <NavigationMenuItem>
+            <NavigationMenuTrigger>Services</NavigationMenuTrigger>
+            <NavigationMenuContent>
+              <div className="services-content">
+                {/* Different sized content */}
+                Much larger service information content here
+                with multiple sections and detailed descriptions
+              </div>
+            </NavigationMenuContent>
+          </NavigationMenuItem>
+        </NavigationMenuList>
+        
+        {/* Viewport renders all content and manages transitions */}
+        <NavigationMenuViewport className="nav-viewport" />
+      </NavigationMenu>
+    </div>
+  );
+}
+
+// Viewport with custom styling using CSS custom properties
+function StyledViewportExample() {
+  return (
+    <NavigationMenu>
+      <NavigationMenuList>
+        <NavigationMenuItem>
+          <NavigationMenuTrigger>Large Content</NavigationMenuTrigger>
+          <NavigationMenuContent>
+            <div style={{ width: "400px", height: "300px" }}>
+              Large content area
+            </div>
+          </NavigationMenuContent>
+        </NavigationMenuItem>
+      </NavigationMenuList>
+      
+      <NavigationMenuViewport 
+        className="custom-viewport"
+        style={{
+          // CSS custom properties are automatically set:
+          // --radix-navigation-menu-viewport-width
+          // --radix-navigation-menu-viewport-height
+          width: "var(--radix-navigation-menu-viewport-width)",
+          height: "var(--radix-navigation-menu-viewport-height)",
+          transition: "width 200ms, height 200ms",
+        }}
+      />
+    </NavigationMenu>
+  );
+}
+
+// Viewport with animation control
+function AnimatedViewportExample() {
+  return (
+    <NavigationMenu>
+      <NavigationMenuList>
+        <NavigationMenuItem>
+          <NavigationMenuTrigger>Animated Content</NavigationMenuTrigger>
+          <NavigationMenuContent forceMount>
+            Animated content here
+          </NavigationMenuContent>
+        </NavigationMenuItem>
+      </NavigationMenuList>
+      
+      <NavigationMenuViewport 
+        forceMount
+        onPointerEnter={() => console.log("Viewport entered")}
+        onPointerLeave={() => console.log("Viewport left")}
+      />
+    </NavigationMenu>
+  );
+}
+```
+
+## Content vs Viewport Mode
+
+The navigation menu can operate in two content display modes:
+
+### Direct Content Mode (Default)
+
+Content is rendered directly adjacent to triggers:
+
+```typescript
+<NavigationMenuItem>
+  <NavigationMenuTrigger>Trigger</NavigationMenuTrigger>
+  <NavigationMenuContent>
+    {/* Rendered directly in DOM tree */}
+  </NavigationMenuContent>
+</NavigationMenuItem>
+```
+
+### Viewport Mode
+
+Content is rendered centrally in a viewport:
+
+```typescript
+<NavigationMenu>
+  <NavigationMenuList>
+    <NavigationMenuItem>
+      <NavigationMenuTrigger>Trigger</NavigationMenuTrigger>
+      <NavigationMenuContent>
+        {/* Rendered via portal into viewport */}
+      </NavigationMenuContent>
+    </NavigationMenuItem>
+  </NavigationMenuList>
+  
+  <NavigationMenuViewport />
+</NavigationMenu>
+```
+
+**Benefits of Viewport Mode:**
+- Consistent content positioning
+- Smooth size transitions between different content
+- Better animation control
+- Simplified layout management
+
+## Event Handling
+
+### Content Events
+
+```typescript
+// Pointer events for hover behavior
+onPointerEnter?: (event: React.PointerEvent) => void;
+onPointerLeave?: (event: React.PointerEvent) => void;
+
+// Focus events for accessibility
+onFocusOutside?: (event: Event) => void;
+onPointerDownOutside?: (event: Event) => void;
+
+// Keyboard events
+onKeyDown?: (event: React.KeyboardEvent) => void;
+onEscapeKeyDown?: (event: KeyboardEvent) => void;
+```
+
+### Viewport Events
+
+```typescript
+// Pointer events
+onPointerEnter?: (event: React.PointerEvent) => void;
+onPointerLeave?: (event: React.PointerEvent) => void;
+```
+
+## CSS Custom Properties
+
+When using viewport mode, these CSS custom properties are automatically available:
+
+```css
+.nav-viewport {
+  width: var(--radix-navigation-menu-viewport-width);
+  height: var(--radix-navigation-menu-viewport-height);
+  transition: width 200ms, height 200ms;
+}
+```
+
+## Data Attributes
+
+Content components expose data attributes for styling and animation:
+
+### NavigationMenuContent Data Attributes
+
+```css
+[data-state="open"] { /* Content is visible */ }
+[data-state="closed"] { /* Content is hidden */ }
+[data-motion="from-start"] { /* Animating in from start */ }
+[data-motion="from-end"] { /* Animating in from end */ }
+[data-motion="to-start"] { /* Animating out to start */ }
+[data-motion="to-end"] { /* Animating out to end */ }
+[data-orientation="horizontal"|"vertical"] { /* Content orientation */ }
+```
+
+**Animation Examples:**
+
+```css
+.nav-content[data-state="open"] {
+  animation: slideIn 200ms ease-out;
+}
+
+.nav-content[data-state="closed"] {
+  animation: slideOut 200ms ease-in;
+}
+
+.nav-content[data-motion="from-start"] {
+  animation: slideFromStart 200ms ease-out;
+}
+
+.nav-content[data-motion="from-end"] {
+  animation: slideFromEnd 200ms ease-out;
+}
+
+@keyframes slideIn {
+  from { opacity: 0; transform: translateY(-10px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+
+@keyframes slideFromStart {
+  from { transform: translateX(-20px); opacity: 0; }
+  to { transform: translateX(0); opacity: 1; }
+}
+```
+
+### NavigationMenuViewport Data Attributes
+
+```css
+[data-state="open"] { /* Viewport contains content */ }
+[data-state="closed"] { /* Viewport is empty */ }
+[data-orientation="horizontal"|"vertical"] { /* Viewport orientation */ }
+```
+
+**Viewport Styling:**
+
+```css
+.nav-viewport[data-state="open"] {
+  pointer-events: auto;
+  opacity: 1;
+}
+
+.nav-viewport[data-state="closed"] {
+  pointer-events: none;
+  opacity: 0;
+}
+
+.nav-viewport[data-orientation="horizontal"] {
+  /* Styles for horizontal viewport */
+}
+
+.nav-viewport[data-orientation="vertical"] {
+  /* Styles for vertical viewport */
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-radix-ui--react-navigation-menu/docs/core-components.md b/.tessl/tiles/tessl/npm-radix-ui--react-navigation-menu/docs/core-components.md
new file mode 100644
index 000000000..ea95ac5d4
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-radix-ui--react-navigation-menu/docs/core-components.md
@@ -0,0 +1,269 @@
+# Core Navigation Components
+
+Essential components for building navigation menu structures with proper hierarchy and state management.
+
+## Capabilities
+
+### NavigationMenu (Root)
+
+The root container component that manages global navigation menu state, timing behavior, and coordinates all child components.
+
+```typescript { .api }
+/**
+ * Root navigation menu component that manages global state and timing
+ * @param value - Controlled value for the currently open menu item
+ * @param defaultValue - Default value for uncontrolled mode
+ * @param onValueChange - Callback when the active menu item changes
+ * @param dir - Text direction, affects keyboard navigation
+ * @param orientation - Layout orientation for the menu
+ * @param delayDuration - Delay before opening menu on hover (default: 200ms)
+ * @param skipDelayDuration - Time window to skip delay when moving between items (default: 300ms)
+ */
+const NavigationMenu: React.ForwardRefExoticComponent<
+  NavigationMenuProps & React.RefAttributes<HTMLElement>
+>;
+
+interface NavigationMenuProps extends React.ComponentPropsWithoutRef<"nav"> {
+  value?: string;
+  defaultValue?: string;
+  onValueChange?: (value: string) => void;
+  dir?: "ltr" | "rtl";
+  orientation?: "horizontal" | "vertical";
+  delayDuration?: number;
+  skipDelayDuration?: number;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { NavigationMenu } from "@radix-ui/react-navigation-menu";
+
+// Uncontrolled mode
+function UncontrolledNav() {
+  return (
+    <NavigationMenu defaultValue="home">
+      {/* Menu items */}
+    </NavigationMenu>
+  );
+}
+
+// Controlled mode with custom timing
+function ControlledNav() {
+  const [value, setValue] = React.useState("");
+  
+  return (
+    <NavigationMenu
+      value={value}
+      onValueChange={setValue}
+      delayDuration={100}
+      skipDelayDuration={500}
+      orientation="vertical"
+    >
+      {/* Menu items */}
+    </NavigationMenu>
+  );
+}
+```
+
+### NavigationMenuList
+
+Container component for navigation menu items, providing the list structure and handling focus management.
+
+```typescript { .api }
+/**
+ * List container for navigation menu items with focus management
+ * Renders as an unordered list (ul) element
+ */
+const NavigationMenuList: React.ForwardRefExoticComponent<
+  NavigationMenuListProps & React.RefAttributes<HTMLUListElement>
+>;
+
+interface NavigationMenuListProps 
+  extends React.ComponentPropsWithoutRef<"ul"> {}
+```
+
+**Usage Examples:**
+
+```typescript
+import { NavigationMenu, NavigationMenuList, NavigationMenuItem } from "@radix-ui/react-navigation-menu";
+
+function NavWithList() {
+  return (
+    <NavigationMenu>
+      <NavigationMenuList className="nav-list">
+        <NavigationMenuItem>Item 1</NavigationMenuItem>
+        <NavigationMenuItem>Item 2</NavigationMenuItem>
+      </NavigationMenuList>
+    </NavigationMenu>
+  );
+}
+```
+
+### NavigationMenuItem
+
+Wrapper component for individual menu items that manages the relationship between triggers and content panels.
+
+```typescript { .api }
+/**
+ * Individual menu item wrapper that manages trigger-content relationships
+ * @param value - Unique identifier for this menu item (auto-generated if not provided)
+ */
+const NavigationMenuItem: React.ForwardRefExoticComponent<
+  NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>
+>;
+
+interface NavigationMenuItemProps 
+  extends React.ComponentPropsWithoutRef<"li"> {
+  value?: string;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { 
+  NavigationMenu, 
+  NavigationMenuList, 
+  NavigationMenuItem,
+  NavigationMenuTrigger,
+  NavigationMenuContent 
+} from "@radix-ui/react-navigation-menu";
+
+function ItemExample() {
+  return (
+    <NavigationMenu>
+      <NavigationMenuList>
+        {/* Item with explicit value */}
+        <NavigationMenuItem value="products">
+          <NavigationMenuTrigger>Products</NavigationMenuTrigger>
+          <NavigationMenuContent>
+            Product content here
+          </NavigationMenuContent>
+        </NavigationMenuItem>
+        
+        {/* Item with auto-generated value */}
+        <NavigationMenuItem>
+          <NavigationMenuTrigger>Services</NavigationMenuTrigger>
+          <NavigationMenuContent>
+            Service content here
+          </NavigationMenuContent>
+        </NavigationMenuItem>
+      </NavigationMenuList>
+    </NavigationMenu>
+  );
+}
+```
+
+### NavigationMenuSub
+
+Sub-navigation container for creating nested menu structures within a parent navigation menu.
+
+```typescript { .api }
+/**
+ * Sub-navigation container for nested menu structures
+ * @param value - Controlled value for the sub-menu
+ * @param defaultValue - Default value for uncontrolled sub-menu
+ * @param onValueChange - Callback when sub-menu value changes
+ * @param orientation - Layout orientation for the sub-menu
+ */
+const NavigationMenuSub: React.ForwardRefExoticComponent<
+  NavigationMenuSubProps & React.RefAttributes<HTMLDivElement>
+>;
+
+interface NavigationMenuSubProps 
+  extends React.ComponentPropsWithoutRef<"div"> {
+  value?: string;
+  defaultValue?: string;
+  onValueChange?: (value: string) => void;
+  orientation?: "horizontal" | "vertical";
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { 
+  NavigationMenu,
+  NavigationMenuList,
+  NavigationMenuItem,
+  NavigationMenuTrigger,
+  NavigationMenuContent,
+  NavigationMenuSub
+} from "@radix-ui/react-navigation-menu";
+
+function NestedMenuExample() {
+  return (
+    <NavigationMenu>
+      <NavigationMenuList>
+        <NavigationMenuItem>
+          <NavigationMenuTrigger>Products</NavigationMenuTrigger>
+          <NavigationMenuContent>
+            <NavigationMenuSub>
+              <NavigationMenuList>
+                <NavigationMenuItem>
+                  <NavigationMenuTrigger>Web Tools</NavigationMenuTrigger>
+                  <NavigationMenuContent>
+                    Web tools content
+                  </NavigationMenuContent>
+                </NavigationMenuItem>
+              </NavigationMenuList>
+            </NavigationMenuSub>
+          </NavigationMenuContent>
+        </NavigationMenuItem>
+      </NavigationMenuList>
+    </NavigationMenu>
+  );
+}
+```
+
+## Data Attributes
+
+Core components expose data attributes for styling:
+
+### NavigationMenu Data Attributes
+
+```css
+[data-orientation="horizontal"] { /* Horizontal menu layout */ }
+[data-orientation="vertical"] { /* Vertical menu layout */ }
+```
+
+### NavigationMenuList Data Attributes
+
+```css
+[data-orientation="horizontal"] { /* Horizontal list layout */ }
+[data-orientation="vertical"] { /* Vertical list layout */ }
+```
+
+### NavigationMenuSub Data Attributes
+
+```css
+[data-orientation="horizontal"] { /* Horizontal sub-menu */ }
+[data-orientation="vertical"] { /* Vertical sub-menu */ }
+```
+
+**Styling Examples:**
+
+```css
+.nav-menu[data-orientation="horizontal"] {
+  display: flex;
+  flex-direction: row;
+}
+
+.nav-menu[data-orientation="vertical"] {
+  display: flex;
+  flex-direction: column;
+}
+
+.nav-list[data-orientation="horizontal"] {
+  display: flex;
+  flex-direction: row;
+  gap: 1rem;
+}
+
+.nav-list[data-orientation="vertical"] {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-radix-ui--react-navigation-menu/docs/index.md b/.tessl/tiles/tessl/npm-radix-ui--react-navigation-menu/docs/index.md
new file mode 100644
index 000000000..85db22cea
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-radix-ui--react-navigation-menu/docs/index.md
@@ -0,0 +1,290 @@
+# Radix UI Navigation Menu
+
+Radix UI Navigation Menu is a comprehensive React component library that provides accessible, unstyled navigation menu primitives for building complex website navigation systems. It supports keyboard navigation, focus management, nested menus, and includes a full suite of composable components for creating sophisticated navigation experiences with complete design flexibility.
+
+## Package Information
+
+- **Package Name**: @radix-ui/react-navigation-menu
+- **Package Type**: npm  
+- **Language**: TypeScript
+- **Installation**: `npm install @radix-ui/react-navigation-menu`
+
+## Core Imports
+
+```typescript
+import {
+  NavigationMenu,
+  NavigationMenuSub,
+  NavigationMenuList,
+  NavigationMenuItem,
+  NavigationMenuTrigger,
+  NavigationMenuContent,
+  NavigationMenuLink,
+  NavigationMenuIndicator,
+  NavigationMenuViewport,
+  createNavigationMenuScope,
+} from "@radix-ui/react-navigation-menu";
+```
+
+Alternative short aliases:
+
+```typescript
+import {
+  Root,
+  Sub,
+  List,
+  Item,
+  Trigger,
+  Content,
+  Link,
+  Indicator,
+  Viewport,
+} from "@radix-ui/react-navigation-menu";
+```
+
+**Alias Mappings:**
+- `Root` → `NavigationMenu`
+- `Sub` → `NavigationMenuSub`
+- `List` → `NavigationMenuList`
+- `Item` → `NavigationMenuItem`
+- `Trigger` → `NavigationMenuTrigger`
+- `Content` → `NavigationMenuContent`
+- `Link` → `NavigationMenuLink`
+- `Indicator` → `NavigationMenuIndicator`
+- `Viewport` → `NavigationMenuViewport`
+
+## Basic Usage
+
+```typescript
+import React from "react";
+import {
+  NavigationMenu,
+  NavigationMenuList,
+  NavigationMenuItem,
+  NavigationMenuTrigger,
+  NavigationMenuContent,
+  NavigationMenuLink,
+} from "@radix-ui/react-navigation-menu";
+
+function NavExample() {
+  return (
+    <NavigationMenu>
+      <NavigationMenuList>
+        <NavigationMenuItem>
+          <NavigationMenuTrigger>Products</NavigationMenuTrigger>
+          <NavigationMenuContent>
+            <NavigationMenuLink href="/products/web">Web</NavigationMenuLink>
+            <NavigationMenuLink href="/products/mobile">Mobile</NavigationMenuLink>
+          </NavigationMenuContent>
+        </NavigationMenuItem>
+        
+        <NavigationMenuItem>
+          <NavigationMenuLink href="/about">About</NavigationMenuLink>
+        </NavigationMenuItem>
+      </NavigationMenuList>
+    </NavigationMenu>
+  );
+}
+```
+
+## Architecture
+
+The Navigation Menu is built around a hierarchical component system:
+
+- **Root Container**: `NavigationMenu` manages global state, timing, and coordination
+- **List Structure**: `NavigationMenuList` provides the container for menu items
+- **Item Management**: `NavigationMenuItem` wraps each menu item and manages trigger-content relationships
+- **Interactive Elements**: `NavigationMenuTrigger` and `NavigationMenuLink` handle user interactions
+- **Content Display**: `NavigationMenuContent` provides dismissable content panels
+- **Visual Feedback**: `NavigationMenuIndicator` shows active states
+- **Viewport Mode**: `NavigationMenuViewport` enables centralized content rendering
+- **Focus Management**: Built-in keyboard navigation and accessibility features
+- **State Management**: Controlled/uncontrolled modes with event callbacks
+
+## Capabilities
+
+### Core Navigation Components
+
+Essential components for building navigation menu structures with proper hierarchy and state management.
+
+```typescript { .api }
+const NavigationMenu: React.ForwardRefExoticComponent<
+  NavigationMenuProps & React.RefAttributes<HTMLElement>
+>;
+
+const NavigationMenuList: React.ForwardRefExoticComponent<
+  NavigationMenuListProps & React.RefAttributes<HTMLUListElement>
+>;
+
+const NavigationMenuItem: React.ForwardRefExoticComponent<
+  NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>
+>;
+```
+
+[Core Components](./core-components.md)
+
+### Interactive Elements
+
+Trigger and link components that handle user interactions with keyboard and pointer support.
+
+```typescript { .api }
+const NavigationMenuTrigger: React.ForwardRefExoticComponent<
+  NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>
+>;
+
+const NavigationMenuLink: React.ForwardRefExoticComponent<
+  NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>
+>;
+```
+
+[Interactive Elements](./interactive-elements.md)
+
+### Content Management
+
+Content and viewport components for displaying menu content with animation support and focus management.
+
+```typescript { .api }
+const NavigationMenuContent: React.ForwardRefExoticComponent<
+  NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>
+>;
+
+const NavigationMenuViewport: React.ForwardRefExoticComponent<
+  NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>
+>;
+```
+
+[Content Management](./content-management.md)
+
+### Visual Indicators and Sub-menus
+
+Indicator component for visual feedback and sub-menu support for nested navigation structures.
+
+```typescript { .api }
+const NavigationMenuIndicator: React.ForwardRefExoticComponent<
+  NavigationMenuIndicatorProps & React.RefAttributes<HTMLDivElement>
+>;
+
+const NavigationMenuSub: React.ForwardRefExoticComponent<
+  NavigationMenuSubProps & React.RefAttributes<HTMLDivElement>
+>;
+```
+
+[Visual Indicators and Sub-menus](./indicators-submenus.md)
+
+### Utility Functions
+
+Scope creation utility for isolated navigation menu contexts.
+
+```typescript { .api }
+function createNavigationMenuScope(): {
+  NavigationMenuProvider: React.Provider<any>;
+  useNavigationMenuContext: () => any;
+};
+```
+
+[Utility Functions](./utility-functions.md)
+
+## Types
+
+### Base Props Types
+
+```typescript { .api }
+interface NavigationMenuProps extends React.ComponentPropsWithoutRef<"nav"> {
+  value?: string;
+  defaultValue?: string;
+  onValueChange?: (value: string) => void;
+  dir?: "ltr" | "rtl";
+  orientation?: "horizontal" | "vertical";
+  /**
+   * The duration from when the pointer enters the trigger until the tooltip gets opened.
+   * @defaultValue 200
+   */
+  delayDuration?: number;
+  /**
+   * How much time a user has to enter another trigger without incurring a delay again.
+   * @defaultValue 300
+   */
+  skipDelayDuration?: number;
+}
+
+interface NavigationMenuListProps 
+  extends React.ComponentPropsWithoutRef<"ul"> {}
+
+interface NavigationMenuItemProps 
+  extends React.ComponentPropsWithoutRef<"li"> {
+  value?: string;
+}
+
+interface NavigationMenuTriggerProps 
+  extends React.ComponentPropsWithoutRef<"button"> {}
+
+interface NavigationMenuLinkProps 
+  extends Omit<React.ComponentPropsWithoutRef<"a">, "onSelect"> {
+  active?: boolean;
+  onSelect?: (event: Event) => void;
+}
+```
+
+### Advanced Props Types
+
+```typescript { .api }
+interface NavigationMenuContentProps 
+  extends React.ComponentPropsWithoutRef<"div"> {
+  forceMount?: true;
+}
+
+interface NavigationMenuIndicatorProps 
+  extends React.ComponentPropsWithoutRef<"div"> {
+  forceMount?: true;
+}
+
+interface NavigationMenuViewportProps 
+  extends React.ComponentPropsWithoutRef<"div"> {
+  forceMount?: true;
+}
+
+interface NavigationMenuSubProps 
+  extends React.ComponentPropsWithoutRef<"div"> {
+  value?: string;
+  defaultValue?: string;
+  onValueChange?: (value: string) => void;
+  orientation?: "horizontal" | "vertical";
+}
+```
+
+## Data Attributes
+
+All navigation menu components expose data attributes for styling and state indication:
+
+```css
+/* NavigationMenu */
+[data-orientation="horizontal"] { /* horizontal layout */ }
+[data-orientation="vertical"] { /* vertical layout */ }
+
+/* NavigationMenuTrigger */
+[data-state="open"] { /* trigger is active/open */ }
+[data-state="closed"] { /* trigger is inactive/closed */ }
+[data-disabled] { /* trigger is disabled */ }
+
+/* NavigationMenuContent */
+[data-state="open"] { /* content is visible */ }
+[data-state="closed"] { /* content is hidden */ }
+[data-motion="from-start"] { /* content animating from start */ }
+[data-motion="from-end"] { /* content animating from end */ }
+[data-motion="to-start"] { /* content animating to start */ }
+[data-motion="to-end"] { /* content animating to end */ }
+[data-orientation="horizontal"|"vertical"] { /* content orientation */ }
+
+/* NavigationMenuIndicator */
+[data-state="visible"] { /* indicator is shown */ }
+[data-state="hidden"] { /* indicator is hidden */ }
+[data-orientation="horizontal"|"vertical"] { /* indicator orientation */ }
+
+/* NavigationMenuViewport */
+[data-state="open"] { /* viewport has content */ }
+[data-state="closed"] { /* viewport is empty */ }
+[data-orientation="horizontal"|"vertical"] { /* viewport orientation */ }
+
+/* NavigationMenuLink */
+[data-active] { /* link represents current page */ }
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-radix-ui--react-navigation-menu/docs/indicators-submenus.md b/.tessl/tiles/tessl/npm-radix-ui--react-navigation-menu/docs/indicators-submenus.md
new file mode 100644
index 000000000..854f87b3b
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-radix-ui--react-navigation-menu/docs/indicators-submenus.md
@@ -0,0 +1,417 @@
+# Visual Indicators and Sub-menus
+
+Indicator component for visual feedback and sub-menu support for nested navigation structures.
+
+## Capabilities
+
+### NavigationMenuIndicator
+
+Visual indicator component that shows the active menu item with automatic positioning and animation support.
+
+```typescript { .api }
+/**
+ * Visual indicator that highlights the active menu item
+ * Automatically positions itself relative to the active trigger
+ * @param forceMount - Force mounting for animation control
+ */
+const NavigationMenuIndicator: React.ForwardRefExoticComponent<
+  NavigationMenuIndicatorProps & React.RefAttributes<HTMLDivElement>
+>;
+
+interface NavigationMenuIndicatorProps 
+  extends React.ComponentPropsWithoutRef<"div"> {
+  forceMount?: true;
+}
+```
+
+**Key Features:**
+- Automatic positioning based on active trigger
+- Smooth transitions between different menu items
+- Portal rendering to indicator track
+- Orientation support (horizontal/vertical)
+- Animation support via `forceMount`
+- Resize observer integration for responsive positioning
+
+**Usage Examples:**
+
+```typescript
+import { 
+  NavigationMenu,
+  NavigationMenuList,
+  NavigationMenuItem,
+  NavigationMenuTrigger,
+  NavigationMenuContent,
+  NavigationMenuIndicator
+} from "@radix-ui/react-navigation-menu";
+
+// Basic indicator usage
+function IndicatorExample() {
+  return (
+    <NavigationMenu>
+      <NavigationMenuList>
+        <NavigationMenuItem>
+          <NavigationMenuTrigger>Home</NavigationMenuTrigger>
+          <NavigationMenuContent>Home content</NavigationMenuContent>
+        </NavigationMenuItem>
+        
+        <NavigationMenuItem>
+          <NavigationMenuTrigger>Products</NavigationMenuTrigger>
+          <NavigationMenuContent>Products content</NavigationMenuContent>
+        </NavigationMenuItem>
+        
+        <NavigationMenuItem>
+          <NavigationMenuTrigger>Services</NavigationMenuTrigger>
+          <NavigationMenuContent>Services content</NavigationMenuContent>
+        </NavigationMenuItem>
+        
+        {/* Indicator automatically positions over active trigger */}
+        <NavigationMenuIndicator className="nav-indicator" />
+      </NavigationMenuList>
+    </NavigationMenu>
+  );
+}
+
+// Styled indicator with animations
+function StyledIndicatorExample() {
+  return (
+    <NavigationMenu>
+      <NavigationMenuList className="nav-list">
+        <NavigationMenuItem>
+          <NavigationMenuTrigger>Tab 1</NavigationMenuTrigger>
+          <NavigationMenuContent>Content 1</NavigationMenuContent>
+        </NavigationMenuItem>
+        
+        <NavigationMenuItem>
+          <NavigationMenuTrigger>Tab 2</NavigationMenuTrigger>
+          <NavigationMenuContent>Content 2</NavigationMenuContent>
+        </NavigationMenuItem>
+        
+        <NavigationMenuIndicator 
+          className="indicator"
+          style={{
+            bottom: 0,
+            height: "2px",
+            backgroundColor: "blue",
+            transition: "transform 200ms ease",
+          }}
+        />
+      </NavigationMenuList>
+    </NavigationMenu>
+  );
+}
+
+// Force mounted indicator for custom animations
+function AnimatedIndicatorExample() {
+  return (
+    <NavigationMenu>
+      <NavigationMenuList>
+        <NavigationMenuItem>
+          <NavigationMenuTrigger>Item 1</NavigationMenuTrigger>
+          <NavigationMenuContent>Content 1</NavigationMenuContent>
+        </NavigationMenuItem>
+        
+        <NavigationMenuItem>
+          <NavigationMenuTrigger>Item 2</NavigationMenuTrigger>
+          <NavigationMenuContent>Content 2</NavigationMenuContent>
+        </NavigationMenuItem>
+        
+        <NavigationMenuIndicator 
+          forceMount
+          className="custom-animated-indicator"
+        />
+      </NavigationMenuList>
+    </NavigationMenu>
+  );
+}
+```
+
+### Vertical Orientation Indicator
+
+```typescript
+function VerticalIndicatorExample() {
+  return (
+    <NavigationMenu orientation="vertical">
+      <NavigationMenuList>
+        <NavigationMenuItem>
+          <NavigationMenuTrigger>Vertical Item 1</NavigationMenuTrigger>
+          <NavigationMenuContent>Content 1</NavigationMenuContent>
+        </NavigationMenuItem>
+        
+        <NavigationMenuItem>
+          <NavigationMenuTrigger>Vertical Item 2</NavigationMenuTrigger>
+          <NavigationMenuContent>Content 2</NavigationMenuContent>
+        </NavigationMenuItem>
+        
+        {/* Indicator adapts to vertical orientation */}
+        <NavigationMenuIndicator 
+          style={{
+            left: 0,
+            width: "3px",
+            backgroundColor: "green",
+            transition: "transform 200ms ease",
+          }}
+        />
+      </NavigationMenuList>
+    </NavigationMenu>
+  );
+}
+```
+
+## Sub-menu Architecture
+
+Sub-menus inherit from the same core architecture but operate within a nested context:
+
+### Basic Sub-menu Structure
+
+```typescript
+import { 
+  NavigationMenu,
+  NavigationMenuList,
+  NavigationMenuItem,
+  NavigationMenuTrigger,
+  NavigationMenuContent,
+  NavigationMenuSub
+} from "@radix-ui/react-navigation-menu";
+
+function SubMenuExample() {
+  return (
+    <NavigationMenu>
+      <NavigationMenuList>
+        <NavigationMenuItem>
+          <NavigationMenuTrigger>Main Category</NavigationMenuTrigger>
+          <NavigationMenuContent>
+            {/* Sub-menu within content */}
+            <NavigationMenuSub>
+              <NavigationMenuList>
+                <NavigationMenuItem>
+                  <NavigationMenuTrigger>Subcategory 1</NavigationMenuTrigger>
+                  <NavigationMenuContent>
+                    Sub-content 1
+                  </NavigationMenuContent>
+                </NavigationMenuItem>
+                
+                <NavigationMenuItem>
+                  <NavigationMenuTrigger>Subcategory 2</NavigationMenuTrigger>
+                  <NavigationMenuContent>
+                    Sub-content 2
+                  </NavigationMenuContent>
+                </NavigationMenuItem>
+              </NavigationMenuList>
+            </NavigationMenuSub>
+          </NavigationMenuContent>
+        </NavigationMenuItem>
+      </NavigationMenuList>
+    </NavigationMenu>
+  );
+}
+```
+
+### Controlled Sub-menu
+
+```typescript
+function ControlledSubMenuExample() {
+  const [subValue, setSubValue] = React.useState("");
+  
+  return (
+    <NavigationMenu>
+      <NavigationMenuList>
+        <NavigationMenuItem>
+          <NavigationMenuTrigger>Products</NavigationMenuTrigger>
+          <NavigationMenuContent>
+            <NavigationMenuSub
+              value={subValue}
+              onValueChange={setSubValue}
+              orientation="vertical"
+            >
+              <NavigationMenuList>
+                <NavigationMenuItem value="web">
+                  <NavigationMenuTrigger>Web Products</NavigationMenuTrigger>
+                  <NavigationMenuContent>
+                    Web product details
+                  </NavigationMenuContent>
+                </NavigationMenuItem>
+                
+                <NavigationMenuItem value="mobile">
+                  <NavigationMenuTrigger>Mobile Products</NavigationMenuTrigger>
+                  <NavigationMenuContent>
+                    Mobile product details
+                  </NavigationMenuContent>
+                </NavigationMenuItem>
+              </NavigationMenuList>
+            </NavigationMenuSub>
+          </NavigationMenuContent>
+        </NavigationMenuItem>
+      </NavigationMenuList>
+    </NavigationMenu>
+  );
+}
+```
+
+### Complex Nested Structure
+
+```typescript
+function ComplexNestedExample() {
+  return (
+    <NavigationMenu>
+      <NavigationMenuList>
+        <NavigationMenuItem>
+          <NavigationMenuTrigger>Solutions</NavigationMenuTrigger>
+          <NavigationMenuContent>
+            <div className="mega-menu">
+              <div className="menu-column">
+                <h3>By Industry</h3>
+                <NavigationMenuSub>
+                  <NavigationMenuList>
+                    <NavigationMenuItem>
+                      <NavigationMenuTrigger>Healthcare</NavigationMenuTrigger>
+                      <NavigationMenuContent>
+                        <NavigationMenuLink href="/healthcare/hospitals">Hospitals</NavigationMenuLink>
+                        <NavigationMenuLink href="/healthcare/clinics">Clinics</NavigationMenuLink>
+                      </NavigationMenuContent>
+                    </NavigationMenuItem>
+                    
+                    <NavigationMenuItem>
+                      <NavigationMenuTrigger>Finance</NavigationMenuTrigger>
+                      <NavigationMenuContent>
+                        <NavigationMenuLink href="/finance/banking">Banking</NavigationMenuLink>
+                        <NavigationMenuLink href="/finance/insurance">Insurance</NavigationMenuLink>
+                      </NavigationMenuContent>
+                    </NavigationMenuItem>
+                  </NavigationMenuList>
+                </NavigationMenuSub>
+              </div>
+              
+              <div className="menu-column">
+                <h3>By Size</h3>
+                <NavigationMenuSub>
+                  <NavigationMenuList>
+                    <NavigationMenuItem>
+                      <NavigationMenuLink href="/enterprise">Enterprise</NavigationMenuLink>
+                    </NavigationMenuItem>
+                    
+                    <NavigationMenuItem>
+                      <NavigationMenuLink href="/small-business">Small Business</NavigationMenuLink>
+                    </NavigationMenuItem>
+                  </NavigationMenuList>
+                </NavigationMenuSub>
+              </div>
+            </div>
+          </NavigationMenuContent>
+        </NavigationMenuItem>
+      </NavigationMenuList>
+    </NavigationMenu>
+  );
+}
+```
+
+## Indicator Positioning
+
+The indicator automatically handles positioning based on the active trigger:
+
+### Horizontal Layout
+- Uses `transform: translateX()` for positioning
+- Width matches the active trigger width
+- Positioned at bottom by default
+
+### Vertical Layout  
+- Uses `transform: translateY()` for positioning
+- Height matches the active trigger height
+- Positioned at left by default
+
+### CSS Example
+
+```css
+/* Horizontal indicator */
+.nav-indicator[data-orientation="horizontal"] {
+  bottom: 0;
+  height: 2px;
+  background: var(--accent-color);
+  transition: transform 200ms ease;
+}
+
+/* Vertical indicator */
+.nav-indicator[data-orientation="vertical"] {
+  left: 0;
+  width: 3px;
+  background: var(--accent-color);
+  transition: transform 200ms ease;
+}
+
+/* Indicator states */
+.nav-indicator[data-state="visible"] {
+  opacity: 1;
+}
+
+.nav-indicator[data-state="hidden"] {
+  opacity: 0;
+}
+```
+
+## Data Attributes
+
+Both indicators and sub-menus expose data attributes for styling:
+
+### NavigationMenuIndicator Data Attributes
+
+```css
+[data-state="visible"] { /* Indicator is shown */ }
+[data-state="hidden"] { /* Indicator is hidden */ }
+[data-orientation="horizontal"] { /* Horizontal layout */ }
+[data-orientation="vertical"] { /* Vertical layout */ }
+```
+
+**Advanced Indicator Styling:**
+
+```css
+.nav-indicator {
+  position: absolute;
+  transition: all 200ms ease;
+}
+
+.nav-indicator[data-state="visible"] {
+  opacity: 1;
+  transform: scale(1);
+}
+
+.nav-indicator[data-state="hidden"] {
+  opacity: 0;
+  transform: scale(0.8);
+}
+
+.nav-indicator[data-orientation="horizontal"] {
+  width: 100%;
+  height: 2px;
+  bottom: 0;
+  left: 0;
+}
+
+.nav-indicator[data-orientation="vertical"] {
+  width: 3px;
+  height: 100%;
+  left: 0;
+  top: 0;
+}
+```
+
+### NavigationMenuSub Data Attributes
+
+```css
+[data-orientation="horizontal"] { /* Sub-menu horizontal layout */ }
+[data-orientation="vertical"] { /* Sub-menu vertical layout */ }
+```
+
+**Sub-menu Styling:**
+
+```css
+.nav-sub[data-orientation="horizontal"] {
+  display: flex;
+  flex-direction: row;
+}
+
+.nav-sub[data-orientation="vertical"] {
+  display: flex;
+  flex-direction: column;
+}
+```
+
+These attributes enable CSS-based styling and animations without JavaScript.
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-radix-ui--react-navigation-menu/docs/interactive-elements.md b/.tessl/tiles/tessl/npm-radix-ui--react-navigation-menu/docs/interactive-elements.md
new file mode 100644
index 000000000..03977e970
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-radix-ui--react-navigation-menu/docs/interactive-elements.md
@@ -0,0 +1,295 @@
+# Interactive Elements
+
+Trigger and link components that handle user interactions with keyboard and pointer support.
+
+## Capabilities
+
+### NavigationMenuTrigger
+
+Interactive button element that triggers the display of associated navigation content, with built-in keyboard and pointer event handling.
+
+```typescript { .api }
+/**
+ * Interactive trigger button for menu items with accessibility support
+ * Handles click, hover, and keyboard interactions to open/close menu content
+ * Automatically manages ARIA attributes and focus states
+ */
+const NavigationMenuTrigger: React.ForwardRefExoticComponent<
+  NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>
+>;
+
+interface NavigationMenuTriggerProps 
+  extends React.ComponentPropsWithoutRef<"button"> {}
+```
+
+**Key Features:**
+- Automatic ARIA attributes (`aria-expanded`, `aria-controls`)
+- Keyboard navigation (Enter, Space, Arrow keys)
+- Hover delay and skip delay behavior
+- Focus management and visual states
+- Pointer event handling (mouse, touch)
+
+**Usage Examples:**
+
+```typescript
+import { 
+  NavigationMenu,
+  NavigationMenuList,
+  NavigationMenuItem,
+  NavigationMenuTrigger,
+  NavigationMenuContent
+} from "@radix-ui/react-navigation-menu";
+
+function TriggerExample() {
+  return (
+    <NavigationMenu>
+      <NavigationMenuList>
+        <NavigationMenuItem>
+          <NavigationMenuTrigger className="nav-trigger">
+            Products
+          </NavigationMenuTrigger>
+          <NavigationMenuContent>
+            Product information here
+          </NavigationMenuContent>
+        </NavigationMenuItem>
+        
+        <NavigationMenuItem>
+          <NavigationMenuTrigger 
+            onPointerEnter={() => console.log("Hover started")}
+            onPointerLeave={() => console.log("Hover ended")}
+            onClick={() => console.log("Clicked")}
+          >
+            Services
+          </NavigationMenuTrigger>
+          <NavigationMenuContent>
+            Service information here
+          </NavigationMenuContent>
+        </NavigationMenuItem>
+      </NavigationMenuList>
+    </NavigationMenu>
+  );
+}
+
+// Custom trigger with disabled state
+function DisabledTriggerExample() {
+  return (
+    <NavigationMenuItem>
+      <NavigationMenuTrigger disabled>
+        Coming Soon
+      </NavigationMenuTrigger>
+    </NavigationMenuItem>
+  );
+}
+```
+
+### NavigationMenuLink
+
+Navigation link component with active state support and custom selection event handling.
+
+```typescript { .api }
+/**
+ * Navigation link component with active state and selection events
+ * @param active - Whether this link represents the current page/section
+ * @param onSelect - Custom selection event handler (called before navigation)
+ */
+const NavigationMenuLink: React.ForwardRefExoticComponent<
+  NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>
+>;
+
+interface NavigationMenuLinkProps 
+  extends Omit<React.ComponentPropsWithoutRef<"a">, "onSelect"> {
+  active?: boolean;
+  onSelect?: (event: Event) => void;
+}
+```
+
+**Key Features:**
+- Active state with `aria-current="page"` when active
+- Custom selection event system
+- Focus group integration for keyboard navigation
+- Automatic menu dismissal on selection
+- Support for both internal and external links
+
+**Usage Examples:**
+
+```typescript
+import { 
+  NavigationMenu,
+  NavigationMenuList,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuTrigger,
+  NavigationMenuContent
+} from "@radix-ui/react-navigation-menu";
+
+function LinkExample() {
+  const [currentPage, setCurrentPage] = React.useState("/home");
+
+  return (
+    <NavigationMenu>
+      <NavigationMenuList>
+        {/* Direct navigation link */}
+        <NavigationMenuItem>
+          <NavigationMenuLink 
+            href="/home"
+            active={currentPage === "/home"}
+            onSelect={(event) => {
+              console.log("Navigating to home");
+              setCurrentPage("/home");
+            }}
+          >
+            Home
+          </NavigationMenuLink>
+        </NavigationMenuItem>
+        
+        {/* Links within content */}
+        <NavigationMenuItem>
+          <NavigationMenuTrigger>Products</NavigationMenuTrigger>
+          <NavigationMenuContent>
+            <NavigationMenuLink 
+              href="/products/web"
+              active={currentPage === "/products/web"}
+            >
+              Web Development
+            </NavigationMenuLink>
+            <NavigationMenuLink 
+              href="/products/mobile"
+              active={currentPage === "/products/mobile"}
+            >
+              Mobile Apps
+            </NavigationMenuLink>
+          </NavigationMenuContent>
+        </NavigationMenuItem>
+        
+        {/* External link */}
+        <NavigationMenuItem>
+          <NavigationMenuLink 
+            href="https://example.com"
+            target="_blank"
+            rel="noopener noreferrer"
+            onSelect={(event) => {
+              console.log("Opening external link");
+            }}
+          >
+            External Resource
+          </NavigationMenuLink>
+        </NavigationMenuItem>
+      </NavigationMenuList>
+    </NavigationMenu>
+  );
+}
+
+// Link with custom selection handling
+function CustomLinkExample() {
+  return (
+    <NavigationMenuItem>
+      <NavigationMenuLink
+        href="/custom"
+        onSelect={(event) => {
+          // Prevent default navigation
+          event.preventDefault();
+          
+          // Custom handling (e.g., modal, confirmation)
+          if (confirm("Are you sure you want to navigate?")) {
+            window.location.href = "/custom";
+          }
+        }}
+      >
+        Custom Link
+      </NavigationMenuLink>
+    </NavigationMenuItem>
+  );
+}
+```
+
+## Event Handling
+
+Both trigger and link components support comprehensive event handling:
+
+### Trigger Events
+
+```typescript
+// Pointer events
+onPointerEnter?: (event: React.PointerEvent) => void;
+onPointerMove?: (event: React.PointerEvent) => void;
+onPointerLeave?: (event: React.PointerEvent) => void;
+
+// Click and keyboard events
+onClick?: (event: React.MouseEvent) => void;
+onKeyDown?: (event: React.KeyboardEvent) => void;
+
+// Focus events
+onFocus?: (event: React.FocusEvent) => void;
+onBlur?: (event: React.FocusEvent) => void;
+```
+
+### Link Events
+
+```typescript
+// Custom selection event
+onSelect?: (event: Event) => void;
+
+// Standard anchor events
+onClick?: (event: React.MouseEvent) => void;
+onKeyDown?: (event: React.KeyboardEvent) => void;
+onFocus?: (event: React.FocusEvent) => void;
+```
+
+## Accessibility Features
+
+- **ARIA Support**: Automatic ARIA attributes for screen readers
+- **Keyboard Navigation**: Full keyboard support with arrow keys, Enter, Space, Tab
+- **Focus Management**: Proper focus order and visual focus indicators
+- **Active States**: Clear indication of current page/section
+- **Selection Events**: Custom event system for enhanced interaction tracking
+
+## Data Attributes
+
+Interactive elements expose data attributes for styling:
+
+### NavigationMenuTrigger Data Attributes
+
+```css
+[data-state="open"] { /* Trigger is active (content is open) */ }
+[data-state="closed"] { /* Trigger is inactive */ }
+[data-disabled] { /* Trigger is disabled */ }
+```
+
+**Usage Example:**
+
+```css
+.nav-trigger[data-state="open"] {
+  background-color: var(--accent-color);
+  color: white;
+}
+
+.nav-trigger[data-disabled] {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+```
+
+### NavigationMenuLink Data Attributes
+
+```css
+[data-active] { /* Link represents the current page */ }
+```
+
+**Usage Example:**
+
+```css
+.nav-link[data-active] {
+  font-weight: bold;
+  color: var(--primary-color);
+}
+
+.nav-link[data-active]::after {
+  content: "";
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 2px;
+  background: var(--primary-color);
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-radix-ui--react-navigation-menu/docs/utility-functions.md b/.tessl/tiles/tessl/npm-radix-ui--react-navigation-menu/docs/utility-functions.md
new file mode 100644
index 000000000..5f2ee384f
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-radix-ui--react-navigation-menu/docs/utility-functions.md
@@ -0,0 +1,182 @@
+# Utility Functions
+
+Context scope creation utilities for managing navigation menu instances.
+
+## Capabilities
+
+### createNavigationMenuScope
+
+Creates isolated context scopes for navigation menu components to prevent conflicts between multiple navigation menu instances.
+
+```typescript { .api }
+/**
+ * Creates a scoped context factory for navigation menu components
+ * Used internally by Radix to prevent context conflicts between multiple
+ * navigation menu instances. Returns scope creation utilities.
+ */
+function createNavigationMenuScope(): CreateScope;
+```
+
+**Key Features:**
+- Enables multiple independent navigation menus on the same page
+- Provides context isolation between different navigation menu instances
+- Used internally by the navigation menu system
+- Works with collection and focus group scopes
+
+**Note:** This is primarily an internal utility function used by the Radix UI system for context management. Most applications do not need to use this function directly, as each NavigationMenu component automatically creates its own isolated scope.
+
+**Usage Examples:**
+
+```typescript
+import { createNavigationMenuScope } from "@radix-ui/react-navigation-menu";
+
+// Basic usage (rarely needed in applications)
+const useCustomNavigationMenuScope = createNavigationMenuScope();
+
+// The scope is typically used internally by NavigationMenu components
+// Most users don't need to interact with this directly
+
+// Example of internal usage pattern (for reference)
+function CustomNavigationWrapper() {
+  // In most cases, you would just use NavigationMenu directly
+  // which handles scoping automatically
+  return (
+    <NavigationMenu>
+      {/* Components automatically use proper scoping */}
+    </NavigationMenu>
+  );
+}
+```
+
+## Context Architecture
+
+The navigation menu uses a sophisticated context system:
+
+### Internal Context Structure
+
+```typescript
+// Internal context types (for reference)
+type NavigationMenuContextValue = {
+  isRootMenu: boolean;
+  value: string;
+  previousValue: string;
+  baseId: string;
+  dir: "ltr" | "rtl";
+  orientation: "horizontal" | "vertical";
+  rootNavigationMenu: HTMLElement | null;
+  indicatorTrack: HTMLDivElement | null;
+  onIndicatorTrackChange(indicatorTrack: HTMLDivElement | null): void;
+  viewport: HTMLDivElement | null;
+  onViewportChange(viewport: HTMLDivElement | null): void;
+  onViewportContentChange(contentValue: string, contentData: ContentData): void;
+  onViewportContentRemove(contentValue: string): void;
+  onTriggerEnter(itemValue: string): void;
+  onTriggerLeave(): void;
+  onContentEnter(): void;
+  onContentLeave(): void;
+  onItemSelect(itemValue: string): void;
+  onItemDismiss(): void;
+};
+```
+
+### Multiple Navigation Menus
+
+When you need multiple navigation menus, each NavigationMenu component automatically creates its own scope:
+
+```typescript
+import { 
+  NavigationMenu,
+  NavigationMenuList,
+  NavigationMenuItem,
+  NavigationMenuTrigger,
+  NavigationMenuContent
+} from "@radix-ui/react-navigation-menu";
+
+// Multiple independent navigation menus
+function MultipleNavigationExample() {
+  return (
+    <div>
+      {/* First navigation menu - automatically scoped */}
+      <NavigationMenu>
+        <NavigationMenuList>
+          <NavigationMenuItem>
+            <NavigationMenuTrigger>Products</NavigationMenuTrigger>
+            <NavigationMenuContent>Products content</NavigationMenuContent>
+          </NavigationMenuItem>
+        </NavigationMenuList>
+      </NavigationMenu>
+      
+      {/* Second navigation menu - automatically scoped */}
+      <NavigationMenu>
+        <NavigationMenuList>
+          <NavigationMenuItem>
+            <NavigationMenuTrigger>Services</NavigationMenuTrigger>
+            <NavigationMenuContent>Services content</NavigationMenuContent>
+          </NavigationMenuItem>
+        </NavigationMenuList>
+      </NavigationMenu>
+    </div>
+  );
+}
+```
+
+### Nested Navigation Structures
+
+For nested navigation, use NavigationMenuSub within content:
+
+```typescript
+function NestedNavigationExample() {
+  return (
+    <NavigationMenu>
+      <NavigationMenuList>
+        <NavigationMenuItem>
+          <NavigationMenuTrigger>Main Category</NavigationMenuTrigger>
+          <NavigationMenuContent>
+            {/* Use NavigationMenuSub for nested structure */}
+            <NavigationMenuSub>
+              <NavigationMenuList>
+                <NavigationMenuItem>
+                  <NavigationMenuTrigger>Subcategory</NavigationMenuTrigger>
+                  <NavigationMenuContent>Sub-content</NavigationMenuContent>
+                </NavigationMenuItem>
+              </NavigationMenuList>
+            </NavigationMenuSub>
+          </NavigationMenuContent>
+        </NavigationMenuItem>
+      </NavigationMenuList>
+    </NavigationMenu>
+  );
+}
+```
+
+## Best Practices
+
+### Scope Management
+- **Automatic Scoping**: NavigationMenu components handle scoping automatically
+- **No Manual Scoping**: Most applications don't need to manage scopes manually
+- **Multiple Menus**: Each NavigationMenu creates its own isolated context
+
+### When Manual Scoping Might Be Needed
+1. **Custom Component Wrappers**: When building complex wrapper components
+2. **Advanced Integration**: When integrating with other context systems
+3. **Testing**: When mocking navigation menu contexts for tests
+
+### Recommended Pattern
+```typescript
+// Preferred: Let NavigationMenu handle scoping automatically
+function RecommendedNavigation() {
+  return (
+    <NavigationMenu>
+      <NavigationMenuList>
+        <NavigationMenuItem>
+          <NavigationMenuTrigger>Item</NavigationMenuTrigger>
+          <NavigationMenuContent>Content</NavigationMenuContent>
+        </NavigationMenuItem>
+      </NavigationMenuList>
+    </NavigationMenu>
+  );
+}
+
+// Avoid: Manual scope management (unless specifically needed)
+// Most applications should not need to use createNavigationMenuScope directly
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-radix-ui--react-navigation-menu/tile.json b/.tessl/tiles/tessl/npm-radix-ui--react-navigation-menu/tile.json
new file mode 100644
index 000000000..5986282bd
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-radix-ui--react-navigation-menu/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-radix-ui--react-navigation-menu",
+  "version": "1.2.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/@radix-ui/react-navigation-menu@1.2.14",
+  "summary": "A collection of React components for building accessible, customizable navigation menus with keyboard support and flexible layout options"
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-radix-ui--react-progress/docs/index.md b/.tessl/tiles/tessl/npm-radix-ui--react-progress/docs/index.md
new file mode 100644
index 000000000..28ae244c2
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-radix-ui--react-progress/docs/index.md
@@ -0,0 +1,283 @@
+# Radix UI React Progress
+
+A React progress component that provides an accessible way to display the completion progress of a task, typically displayed as a progress bar. Part of the Radix UI Primitives collection, it offers compound component architecture with Progress as the root container and ProgressIndicator for displaying the visual progress representation.
+
+## Package Information
+
+- **Package Name**: @radix-ui/react-progress
+- **Package Type**: npm
+- **Language**: TypeScript
+- **Installation**: `npm install @radix-ui/react-progress`
+
+## Core Imports
+
+```typescript
+import { Progress, ProgressIndicator } from "@radix-ui/react-progress";
+```
+
+Import with types:
+
+```typescript
+import { 
+  Progress, 
+  ProgressIndicator, 
+  type ProgressProps, 
+  type ProgressIndicatorProps 
+} from "@radix-ui/react-progress";
+```
+
+Import with context scope creation:
+
+```typescript
+import { 
+  Progress, 
+  ProgressIndicator, 
+  createProgressScope 
+} from "@radix-ui/react-progress";
+```
+
+Alternative component name imports:
+
+```typescript
+import { Root, Indicator } from "@radix-ui/react-progress";
+```
+
+For CommonJS:
+
+```javascript
+const { Progress, ProgressIndicator } = require("@radix-ui/react-progress");
+```
+
+**Note**: This package includes a `'use client'` directive for Next.js App Router compatibility.
+
+## Basic Usage
+
+```typescript
+import * as React from "react";
+import { Progress, ProgressIndicator } from "@radix-ui/react-progress";
+
+// Determinate progress (specific value)
+function App() {
+  const [progress, setProgress] = React.useState(65);
+
+  return (
+    <Progress value={progress} max={100} className="progress-root">
+      <ProgressIndicator 
+        className="progress-indicator" 
+        style={{ transform: `translateX(-${100 - progress}%)` }}
+      />
+    </Progress>
+  );
+}
+
+// Indeterminate progress (loading state)
+function LoadingProgress() {
+  return (
+    <Progress className="progress-root">
+      <ProgressIndicator className="progress-indicator loading" />
+    </Progress>
+  );
+}
+```
+
+## Architecture
+
+The Progress component follows Radix UI's compound component pattern:
+
+- **Progress (Root)**: Container component that manages state and accessibility attributes
+- **ProgressIndicator**: Visual component that displays the progress representation
+- **Context-based Communication**: Components share state through React context
+- **Accessibility-first**: Built-in ARIA attributes and screen reader support
+- **Styling Flexibility**: Unstyled components that accept className and style props
+
+## Capabilities
+
+### Progress Root Component
+
+The main container component that provides context and accessibility attributes for the progress indicator.
+
+```typescript { .api }
+interface ProgressProps extends React.ComponentPropsWithoutRef<'div'> {
+  /** The progress value. Use `null` or `undefined` for indeterminate progress */
+  value?: number | null | undefined;
+  /** The maximum progress value. Defaults to 100 */
+  max?: number;
+  /** Custom function to generate value label for accessibility. Defaults to percentage calculation */
+  getValueLabel?(value: number, max: number): string;
+}
+
+declare const Progress: React.ForwardRefExoticComponent<
+  ProgressProps & React.RefAttributes<HTMLDivElement>
+>;
+```
+
+**Progress States:**
+- **loading**: Progress value between 0 and max (excluding max)
+- **complete**: Progress value equals max value
+- **indeterminate**: No value provided (null or undefined)
+
+**Data Attributes:**
+- `data-state`: Current progress state ('loading' | 'complete' | 'indeterminate')
+- `data-value`: Current progress value (when not indeterminate)
+- `data-max`: Maximum progress value
+
+**ARIA Attributes:**
+- `role="progressbar"`
+- `aria-valuemin="0"`
+- `aria-valuemax`: Set to max prop value
+- `aria-valuenow`: Current progress value (when not indeterminate)
+- `aria-valuetext`: Generated value label for accessibility
+
+### Progress Indicator Component
+
+Visual component that displays the actual progress representation and inherits state from the Progress context.
+
+```typescript { .api }
+interface ProgressIndicatorProps extends React.ComponentPropsWithoutRef<'div'> {}
+
+declare const ProgressIndicator: React.ForwardRefExoticComponent<
+  ProgressIndicatorProps & React.RefAttributes<HTMLDivElement>
+>;
+```
+
+The ProgressIndicator automatically receives the same data attributes as the Progress component:
+- `data-state`: Inherited progress state
+- `data-value`: Inherited progress value
+- `data-max`: Inherited maximum value
+
+### Component Aliases
+
+```typescript { .api }
+/** Alias for Progress component */
+declare const Root: typeof Progress;
+
+/** Alias for ProgressIndicator component */
+declare const Indicator: typeof ProgressIndicator;
+```
+
+### Context Scope Creation
+
+For advanced use cases requiring multiple Progress components with isolated contexts.
+
+```typescript { .api }
+/**
+ * Creates a scoped context for Progress components
+ * @returns Scope creation function for isolated Progress contexts
+ */
+declare function createProgressScope(): CreateScope;
+
+/** Create scope function interface */
+interface CreateScope {
+  scopeName: string;
+  (): ScopeHook;
+}
+
+/** Scope hook type returned by createProgressScope */
+type ScopeHook = (scope: Scope) => { [__scopeProp: string]: Scope };
+
+/** Scope type for context isolation */
+type Scope<C = any> = { [scopeName: string]: React.Context<C>[] } | undefined;
+```
+
+## Types
+
+```typescript { .api }
+/** Props interface for Progress component */
+interface ProgressProps extends React.ComponentPropsWithoutRef<'div'> {
+  value?: number | null | undefined;
+  max?: number;
+  getValueLabel?(value: number, max: number): string;
+}
+
+/** Props interface for ProgressIndicator component */
+interface ProgressIndicatorProps extends React.ComponentPropsWithoutRef<'div'> {}
+
+/** Internal progress state representation */
+type ProgressState = 'indeterminate' | 'complete' | 'loading';
+
+/** Element type for Progress component */
+type ProgressElement = React.ComponentRef<'div'>;
+
+/** Element type for ProgressIndicator component */
+type ProgressIndicatorElement = React.ComponentRef<'div'>;
+```
+
+## Validation and Error Handling
+
+The Progress component includes built-in validation with console warnings:
+
+- **Invalid max value**: Must be a positive number greater than 0. Defaults to 100 if invalid.
+- **Invalid progress value**: Must be between 0 and max (inclusive) or null/undefined for indeterminate state. Defaults to null if invalid.
+- **Default value label**: When no `getValueLabel` function is provided, defaults to percentage calculation (e.g., "65%" for value 65 of max 100).
+
+## Usage Examples
+
+**File Upload Progress:**
+
+```typescript
+function FileUploadProgress({ uploadProgress }: { uploadProgress: number | null }) {
+  return (
+    <Progress 
+      value={uploadProgress} 
+      max={100}
+      getValueLabel={(value, max) => `${value} of ${max} percent uploaded`}
+    >
+      <ProgressIndicator 
+        style={{ 
+          transform: uploadProgress ? `translateX(-${100 - uploadProgress}%)` : 'translateX(-100%)',
+          transition: 'transform 0.3s ease'
+        }}
+      />
+    </Progress>
+  );
+}
+```
+
+**Multi-step Form Progress:**
+
+```typescript
+function FormProgress({ currentStep, totalSteps }: { currentStep: number; totalSteps: number }) {
+  const progress = (currentStep / totalSteps) * 100;
+  
+  return (
+    <Progress 
+      value={progress} 
+      max={100}
+      getValueLabel={(value) => `Step ${currentStep} of ${totalSteps}`}
+    >
+      <ProgressIndicator 
+        style={{ width: `${progress}%` }}
+      />
+    </Progress>
+  );
+}
+```
+
+**Loading State with Animation:**
+
+```typescript
+function LoadingProgress() {
+  return (
+    <Progress className="loading-progress">
+      <ProgressIndicator className="loading-indicator" />
+    </Progress>
+  );
+}
+
+// CSS for indeterminate animation
+const styles = `
+  .loading-progress {
+    overflow: hidden;
+  }
+  
+  .loading-indicator {
+    animation: loading 2s ease-in-out infinite;
+  }
+  
+  @keyframes loading {
+    0% { transform: translateX(-100%); }
+    50% { transform: translateX(0%); }
+    100% { transform: translateX(100%); }
+  }
+`;
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-radix-ui--react-progress/tile.json b/.tessl/tiles/tessl/npm-radix-ui--react-progress/tile.json
new file mode 100644
index 000000000..8f87fd9f1
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-radix-ui--react-progress/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-radix-ui--react-progress",
+  "version": "1.1.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/@radix-ui/react-progress@1.1.7",
+  "summary": "A React progress component that provides an accessible way to display the completion progress of a task, typically displayed as a progress bar."
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-radix-ui--react-slot/docs/index.md b/.tessl/tiles/tessl/npm-radix-ui--react-slot/docs/index.md
new file mode 100644
index 000000000..a1d5ed242
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-radix-ui--react-slot/docs/index.md
@@ -0,0 +1,270 @@
+# React Slot
+
+React Slot provides a powerful slot pattern implementation for React, enabling prop merging and element composition with customizable rendering behavior. It allows developers to create flexible, reusable components where child elements can override or extend parent component behavior while maintaining proper ref forwarding and event handler composition.
+
+## Package Information
+
+- **Package Name**: @radix-ui/react-slot
+- **Package Type**: npm
+- **Language**: TypeScript
+- **Installation**: `npm install @radix-ui/react-slot`
+
+## Core Imports
+
+```typescript
+import { Slot, Slottable } from "@radix-ui/react-slot";
+```
+
+For CommonJS:
+
+```javascript
+const { Slot, Slottable } = require("@radix-ui/react-slot");
+```
+
+Additional imports:
+
+```typescript
+import { 
+  Slot, 
+  Slottable, 
+  Root, 
+  createSlot, 
+  createSlottable,
+  type SlotProps 
+} from "@radix-ui/react-slot";
+```
+
+## Basic Usage
+
+```typescript
+import React from "react";
+import { Slot, Slottable } from "@radix-ui/react-slot";
+
+// Basic slot usage - merges props between parent and child
+function MyButton({ asChild, ...props }) {
+  const Comp = asChild ? Slot : "button";
+  return <Comp {...props} />;
+}
+
+// Usage: renders an anchor with button's props
+<MyButton asChild onClick={handleClick} className="btn">
+  <a href="/link">Link Button</a>
+</MyButton>
+
+// Complex composition with Slottable
+function IconButton({ children, icon, asChild, ...props }) {
+  const Comp = asChild ? Slot : "button";
+  return (
+    <Comp {...props}>
+      {icon}
+      <Slottable>{children}</Slottable>
+    </Comp>
+  );
+}
+
+// Usage: child content replaces Slottable, preserving icon
+<IconButton asChild icon={<HomeIcon />} onClick={handleClick}>
+  <a href="/home">Home</a>
+</IconButton>
+```
+
+## Architecture
+
+React Slot implements the slot pattern through several key components:
+
+- **Slot Component**: Core component that merges props and renders child elements with intelligent prop composition
+- **Slottable Component**: Marks content as replaceable within slot patterns, enabling complex composition scenarios
+- **Prop Merging**: Intelligent merging of event handlers, styles, className, and refs between slot and child components
+- **Ref Composition**: Cross-React-version compatible ref forwarding and composition using @radix-ui/react-compose-refs
+- **Factory Functions**: Utilities for creating custom slot components with proper display names
+
+## Capabilities
+
+### Slot Component
+
+Main component implementing the slot pattern for prop merging and element composition.
+
+```typescript { .api }
+interface SlotProps extends React.HTMLAttributes<HTMLElement> {
+  children?: React.ReactNode;
+}
+
+declare const Slot: React.ForwardRefExoticComponent<
+  SlotProps & React.RefAttributes<HTMLElement>
+>;
+```
+
+The Slot component:
+- Merges props between itself and its child element
+- Composes event handlers (child first, then slot)
+- Merges styles and concatenates className attributes
+- Forwards and composes refs across React versions
+- Handles Slottable children with special composition logic
+
+**Usage Example:**
+
+```typescript
+// Component using slot pattern
+function Button({ asChild, children, ...props }) {
+  const Comp = asChild ? Slot : "button";
+  return <Comp {...props}>{children}</Comp>;
+}
+
+// Usage - child element receives merged props
+<Button asChild onClick={handleClick} className="btn-primary">
+  <a href="/link" className="link">Custom Link</a>
+</Button>
+// Renders: <a href="/link" onClick={handleClick} className="btn-primary link">Custom Link</a>
+```
+
+### Slottable Component
+
+Component for marking content as slottable within slot composition patterns.
+
+```typescript { .api }
+interface SlottableProps {
+  children: React.ReactNode;
+}
+
+declare const Slottable: React.FC<SlottableProps>;
+```
+
+The Slottable component:
+- Marks content as replaceable in slot patterns
+- Renders children as a transparent wrapper (React Fragment)
+- Contains internal identifier for slot recognition
+- Enables complex composition where some content is replaced and some is preserved
+
+**Usage Example:**
+
+```typescript
+function IconButton({ children, icon, asChild, ...props }) {
+  const Comp = asChild ? Slot : "button";
+  return (
+    <Comp {...props}>
+      {icon}
+      <Slottable>{children}</Slottable>
+    </Comp>
+  );
+}
+
+// When used with asChild, only Slottable content is replaced
+<IconButton asChild icon={<StarIcon />}>
+  <a href="/favorite">Favorite</a>
+</IconButton>
+// Result: <a href="/favorite"><StarIcon />Favorite</a>
+```
+
+### Root Component
+
+Alias for the Slot component, provided for semantic naming convenience.
+
+```typescript { .api }
+declare const Root: React.ForwardRefExoticComponent<
+  SlotProps & React.RefAttributes<HTMLElement>
+>;
+```
+
+Root is identical to Slot and can be used interchangeably for improved component naming in specific contexts.
+
+### Factory Functions
+
+Utilities for creating custom slot components with proper display names.
+
+```typescript { .api }
+/**
+ * Creates a custom Slot component with specified display name
+ * @param ownerName - Name used for component displayName
+ * @returns ForwardRef Slot component
+ */
+function createSlot(ownerName: string): React.ForwardRefExoticComponent<
+  SlotProps & React.RefAttributes<HTMLElement>
+>;
+
+/**
+ * Creates a custom Slottable component with specified display name
+ * @param ownerName - Name used for component displayName
+ * @returns Slottable component with internal identifier for slot recognition
+ */
+function createSlottable(ownerName: string): React.FC<SlottableProps>;
+```
+
+These factory functions allow creating custom slot components with meaningful display names for debugging and development tools.
+
+**Usage Example:**
+
+```typescript
+// Create custom slot components
+const MySlot = createSlot("MyComponent");
+const MySlottable = createSlottable("MyComponent");
+
+// MySlot.displayName === "MyComponent.Slot"
+// MySlottable.displayName === "MyComponent.Slottable"
+```
+
+## Prop Merging Behavior
+
+React Slot implements intelligent prop merging with specific rules:
+
+### Event Handlers
+- Both slot and child handlers are called
+- Child handler executes first, then slot handler
+- Child handler's return value is preserved
+- If only one handler exists, it's used directly
+
+```typescript
+// Both onClick handlers will be called
+<Slot onClick={() => console.log("slot")}>
+  <button onClick={() => console.log("child")}>Click</button>
+</Slot>
+// Output when clicked: "child", then "slot"
+```
+
+### Style Props
+- Object styles are merged with child styles taking precedence
+- `{ ...slotStyles, ...childStyles }`
+
+```typescript
+<Slot style={{ color: "red", fontSize: "16px" }}>
+  <div style={{ fontSize: "18px", fontWeight: "bold" }}>Text</div>
+</Slot>
+// Result: { color: "red", fontSize: "18px", fontWeight: "bold" }
+```
+
+### ClassName
+- Class names are concatenated with space separation
+- Both slot and child classes are preserved
+
+```typescript
+<Slot className="btn btn-primary">
+  <button className="custom-btn">Click</button>
+</Slot>
+// Result: className="btn btn-primary custom-btn"
+```
+
+### Other Props
+- Child props override slot props for all other attributes
+- Refs are composed using @radix-ui/react-compose-refs
+- React Fragment children are handled without ref warnings in React 19+
+
+## Error Handling
+
+React Slot handles edge cases gracefully:
+
+- Invalid React elements are ignored and return null
+- Multiple children in Slottable content throws appropriate React warnings
+- Multiple direct children without valid React elements return null
+- React Fragment children are handled without ref warnings in React 19+
+- Cross-React-version ref handling prevents warnings in development mode
+
+## Types
+
+```typescript { .api }
+interface SlotProps extends React.HTMLAttributes<HTMLElement> {
+  children?: React.ReactNode;
+}
+
+interface SlottableProps {
+  children: React.ReactNode;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-radix-ui--react-slot/tile.json b/.tessl/tiles/tessl/npm-radix-ui--react-slot/tile.json
new file mode 100644
index 000000000..892135230
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-radix-ui--react-slot/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-radix-ui--react-slot",
+  "version": "1.2.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/@radix-ui/react-slot@1.2.3",
+  "summary": "React component for merging props and composing elements with customizable rendering behavior through slot pattern implementation"
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-radix-ui--react-tooltip/docs/arrow.md b/.tessl/tiles/tessl/npm-radix-ui--react-tooltip/docs/arrow.md
new file mode 100644
index 000000000..2f6e2b2a2
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-radix-ui--react-tooltip/docs/arrow.md
@@ -0,0 +1,238 @@
+# Arrow and Visual Enhancement
+
+The `TooltipArrow` component provides a visual arrow/pointer that connects the tooltip content to its trigger, enhancing the visual relationship and user experience.
+
+## Capabilities
+
+### TooltipArrow Component
+
+Optional arrow component that renders as an SVG element pointing from tooltip content toward the trigger.
+
+```typescript { .api }
+/**
+ * Arrow/pointer component for tooltips
+ * Renders as SVG element that points from content to trigger
+ * @param width - Width of arrow in pixels
+ * @param height - Height of arrow in pixels
+ * @param offset - Offset from content edge in pixels
+ */
+type TooltipArrowElement = React.ComponentRef<"svg">;
+interface TooltipArrowProps extends React.ComponentPropsWithoutRef<"svg"> {
+  width?: number;
+  height?: number;
+  offset?: number;
+}
+
+const TooltipArrow: React.forwardRef<TooltipArrowElement, TooltipArrowProps>;
+```
+
+**Usage Examples:**
+
+```typescript
+import { 
+  TooltipProvider, 
+  Tooltip, 
+  TooltipTrigger,
+  TooltipPortal,
+  TooltipContent,
+  TooltipArrow
+} from "@radix-ui/react-tooltip";
+
+// Basic arrow
+function BasicArrowTooltip() {
+  return (
+    <TooltipProvider>
+      <Tooltip>
+        <TooltipTrigger>Hover me</TooltipTrigger>
+        <TooltipPortal>
+          <TooltipContent>
+            Tooltip with arrow
+            <TooltipArrow />
+          </TooltipContent>
+        </TooltipPortal>
+      </Tooltip>
+    </TooltipProvider>
+  );
+}
+
+// Custom sized arrow
+function CustomArrow() {
+  return (
+    <TooltipProvider>
+      <Tooltip>
+        <TooltipTrigger>Hover me</TooltipTrigger>
+        <TooltipPortal>
+          <TooltipContent>
+            Large arrow tooltip
+            <TooltipArrow width={15} height={10} />
+          </TooltipContent>
+        </TooltipPortal>
+      </Tooltip>
+    </TooltipProvider>
+  );
+}
+
+// Styled arrow
+function StyledArrow() {
+  return (
+    <TooltipProvider>
+      <Tooltip>
+        <TooltipTrigger>Hover me</TooltipTrigger>
+        <TooltipPortal>
+          <TooltipContent className="custom-tooltip">
+            Styled tooltip
+            <TooltipArrow 
+              className="custom-arrow"
+              fill="var(--tooltip-background)"
+              stroke="var(--tooltip-border)"
+              strokeWidth={1}
+            />
+          </TooltipContent>
+        </TooltipPortal>
+      </Tooltip>
+    </TooltipProvider>
+  );
+}
+
+// Arrow with offset
+function OffsetArrow() {
+  return (
+    <TooltipProvider>
+      <Tooltip>
+        <TooltipTrigger>Hover me</TooltipTrigger>
+        <TooltipPortal>
+          <TooltipContent>
+            Arrow with offset
+            <TooltipArrow offset={10} />
+          </TooltipContent>
+        </TooltipPortal>
+      </Tooltip>
+    </TooltipProvider>
+  );
+}
+```
+
+### Arrow Props
+
+#### width
+
+Controls the width of the arrow.
+
+- **Type**: `number`
+- **Default**: `10` pixels
+- **Description**: Width of the arrow SVG element
+
+#### height
+
+Controls the height of the arrow.
+
+- **Type**: `number`
+- **Default**: `5` pixels  
+- **Description**: Height of the arrow SVG element
+
+#### offset
+
+Controls the offset from the content edge.
+
+- **Type**: `number`
+- **Default**: `0` pixels
+- **Description**: Distance from content edge where arrow is positioned
+
+#### SVG Props
+
+Arrow accepts all standard SVG props for styling:
+
+- **fill**: `string` - Fill color of the arrow
+- **stroke**: `string` - Stroke color of the arrow
+- **strokeWidth**: `number` - Width of arrow stroke
+- **className**: `string` - CSS class for styling
+- **style**: `React.CSSProperties` - Inline styles
+
+### Arrow Positioning
+
+The arrow automatically positions itself based on:
+
+- **Content placement**: Adjusts to content's side relative to trigger
+- **Alignment**: Centers along the appropriate axis
+- **Collision avoidance**: Repositions when content moves due to collisions
+- **Content padding**: Respects `arrowPadding` prop on TooltipContent
+
+### Arrow Styling
+
+#### Default Styling
+
+The arrow renders as a simple filled triangle with:
+- Default size: 10px width × 5px height
+- Default fill: Inherits from parent or CSS
+- No stroke by default
+
+#### Custom Styling
+
+```css
+/* Style the arrow */
+.custom-arrow {
+  fill: #333;
+  stroke: #666;
+  stroke-width: 1px;
+}
+
+/* Style based on tooltip side */
+.tooltip-content[data-side="top"] .arrow {
+  fill: var(--tooltip-bg-top);
+}
+
+.tooltip-content[data-side="bottom"] .arrow {
+  fill: var(--tooltip-bg-bottom);
+}
+```
+
+#### CSS Variables
+
+Arrow inherits CSS custom properties from content:
+- `--radix-tooltip-content-transform-origin`
+- Tooltip content background colors
+- Border colors and styles
+
+### Arrow Behavior
+
+#### Automatic Orientation
+
+Arrow automatically orients based on tooltip placement:
+- **Top placement**: Arrow points downward
+- **Bottom placement**: Arrow points upward  
+- **Left placement**: Arrow points rightward
+- **Right placement**: Arrow points leftward
+
+#### Collision Response
+
+When tooltip content repositions due to collisions:
+- Arrow updates its orientation to match new placement
+- Arrow position adjusts to maintain visual connection
+- Arrow respects collision boundaries and padding
+
+#### Accessibility
+
+The arrow is purely decorative and:
+- Does not interfere with screen readers
+- Is properly hidden from accessibility tree
+- Does not affect keyboard navigation
+
+### Arrow Aliases
+
+```typescript { .api }
+const Arrow: React.forwardRef<TooltipArrowElement, TooltipArrowProps>;
+```
+
+The `Arrow` component is an alias for `TooltipArrow` for shorter import names.
+
+## Types
+
+```typescript { .api }
+type TooltipArrowElement = React.ComponentRef<"svg">;
+
+type TooltipArrowProps = React.ComponentPropsWithoutRef<"svg"> & {
+  width?: number;
+  height?: number;
+  offset?: number;
+};
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-radix-ui--react-tooltip/docs/index.md b/.tessl/tiles/tessl/npm-radix-ui--react-tooltip/docs/index.md
new file mode 100644
index 000000000..08366d2d9
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-radix-ui--react-tooltip/docs/index.md
@@ -0,0 +1,265 @@
+# Radix UI React Tooltip
+
+Radix UI React Tooltip provides a comprehensive, accessible tooltip component system for React applications. It features sophisticated hover behavior, keyboard navigation, portal rendering, and full ARIA compliance through a compound component pattern.
+
+## Package Information
+
+- **Package Name**: @radix-ui/react-tooltip
+- **Package Type**: npm
+- **Language**: TypeScript
+- **Installation**: `npm install @radix-ui/react-tooltip`
+
+## Core Imports
+
+```typescript
+import {
+  createTooltipScope,
+  TooltipProvider,
+  Tooltip,
+  TooltipTrigger,
+  TooltipPortal,
+  TooltipContent,
+  TooltipArrow,
+} from "@radix-ui/react-tooltip";
+```
+
+Alternative short aliases:
+
+```typescript
+import {
+  Provider,
+  Root,
+  Trigger,
+  Portal,
+  Content,
+  Arrow,
+} from "@radix-ui/react-tooltip";
+```
+
+For TypeScript types:
+
+```typescript
+import type {
+  TooltipProviderProps,
+  TooltipProps,
+  TooltipTriggerProps,
+  TooltipPortalProps,
+  TooltipContentProps,
+  TooltipArrowProps,
+} from "@radix-ui/react-tooltip";
+```
+
+## Basic Usage
+
+```typescript
+import {
+  TooltipProvider,
+  Tooltip,
+  TooltipTrigger,
+  TooltipPortal,
+  TooltipContent,
+  TooltipArrow,
+} from "@radix-ui/react-tooltip";
+
+function MyComponent() {
+  return (
+    <TooltipProvider>
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <button>Hover me</button>
+        </TooltipTrigger>
+        <TooltipPortal>
+          <TooltipContent side="top">
+            This is a tooltip!
+            <TooltipArrow />
+          </TooltipContent>
+        </TooltipPortal>
+      </Tooltip>
+    </TooltipProvider>
+  );
+}
+```
+
+## Architecture
+
+Radix UI React Tooltip uses a compound component pattern with hierarchical structure:
+
+- **Provider Layer**: `TooltipProvider` manages global tooltip behavior and timing
+- **Tooltip Instance**: `Tooltip` manages individual tooltip state and controls
+- **Interaction Layer**: `TooltipTrigger` handles user interactions (hover, focus, keyboard)
+- **Portal Layer**: `TooltipPortal` renders content outside normal DOM flow
+- **Content Layer**: `TooltipContent` provides the visible tooltip with positioning and accessibility
+- **Visual Enhancement**: `TooltipArrow` adds directional pointer to tooltip
+
+Key design patterns:
+- **Context-based state management** for component communication
+- **Portal rendering** for z-index and positioning control
+- **Sophisticated hover mechanics** with grace areas for smooth user experience  
+- **Controlled/uncontrolled state patterns** for flexible integration
+- **Accessibility-first design** with ARIA compliance and keyboard navigation
+
+## Capabilities
+
+### Provider Configuration
+
+Global tooltip provider that manages timing, delays, and hover behavior across all tooltips in your application.
+
+```typescript { .api }
+interface TooltipProviderProps {
+  children: React.ReactNode;
+  delayDuration?: number;
+  skipDelayDuration?: number;
+  disableHoverableContent?: boolean;
+}
+
+const TooltipProvider: React.FC<TooltipProviderProps>;
+```
+
+[Provider Configuration](./provider.md)
+
+### Tooltip Root Management
+
+Individual tooltip instance that manages open/closed state, timing, and accessibility features.
+
+```typescript { .api }
+interface TooltipProps {
+  children?: React.ReactNode;
+  open?: boolean;
+  defaultOpen?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  delayDuration?: number;
+  disableHoverableContent?: boolean;
+}
+
+const Tooltip: React.FC<TooltipProps>;
+```
+
+[Tooltip Root Management](./tooltip-root.md)
+
+### Trigger Interaction
+
+Interactive trigger element that responds to hover, focus, and keyboard events to show/hide tooltips.
+
+```typescript { .api }
+type TooltipTriggerElement = React.ComponentRef<"button">;
+interface TooltipTriggerProps extends React.ComponentPropsWithoutRef<"button"> {
+  asChild?: boolean;
+}
+
+const TooltipTrigger: React.forwardRef<TooltipTriggerElement, TooltipTriggerProps>;
+```
+
+[Trigger Interaction](./trigger.md)
+
+### Portal Rendering and Content Display
+
+Portal component for rendering tooltip content outside the normal DOM hierarchy, plus the main content component with positioning and accessibility features.
+
+```typescript { .api }
+interface TooltipPortalProps {
+  children?: React.ReactNode;
+  container?: HTMLElement;
+  forceMount?: true;
+}
+
+interface TooltipContentProps {
+  forceMount?: true;
+  side?: "top" | "right" | "bottom" | "left";
+  sideOffset?: number;
+  align?: "start" | "center" | "end";
+  alignOffset?: number;
+  avoidCollisions?: boolean;
+  collisionBoundary?: Element | Element[];
+  collisionPadding?: number | Partial<Record<"top" | "right" | "bottom" | "left", number>>;
+  arrowPadding?: number;
+  sticky?: "partial" | "always";
+  hideWhenDetached?: boolean;
+  'aria-label'?: string;
+  onEscapeKeyDown?: (event: KeyboardEvent) => void;
+  onPointerDownOutside?: (event: CustomEvent) => void;
+}
+
+const TooltipPortal: React.FC<TooltipPortalProps>;
+const TooltipContent: React.forwardRef<HTMLDivElement, TooltipContentProps>;
+```
+
+[Portal Rendering and Content Display](./portal-content.md)
+
+### Arrow and Visual Enhancement
+
+Optional arrow/pointer component that visually connects the tooltip to its trigger.
+
+```typescript { .api }
+interface TooltipArrowProps {
+  width?: number;
+  height?: number;
+  offset?: number;
+}
+
+const TooltipArrow: React.forwardRef<SVGSVGElement, TooltipArrowProps>;
+```
+
+[Arrow and Visual Enhancement](./arrow.md)
+
+### Utility Functions
+
+Context scoping utilities for advanced tooltip customization and nesting scenarios.
+
+```typescript { .api }
+function createTooltipScope(): Scope;
+```
+
+[Utility Functions](./utilities.md)
+
+## Types
+
+```typescript { .api }
+type TooltipProviderProps = {
+  children: React.ReactNode;
+  delayDuration?: number;
+  skipDelayDuration?: number; 
+  disableHoverableContent?: boolean;
+};
+
+type TooltipProps = {
+  children?: React.ReactNode;
+  open?: boolean;
+  defaultOpen?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  delayDuration?: number;
+  disableHoverableContent?: boolean;
+};
+
+type TooltipTriggerProps = React.ComponentPropsWithoutRef<"button"> & {
+  asChild?: boolean;
+};
+
+type TooltipPortalProps = {
+  children?: React.ReactNode;
+  container?: HTMLElement;
+  forceMount?: true;
+};
+
+type TooltipContentProps = React.ComponentPropsWithoutRef<"div"> & {
+  forceMount?: true;
+  side?: "top" | "right" | "bottom" | "left";
+  sideOffset?: number;
+  align?: "start" | "center" | "end";
+  alignOffset?: number;
+  avoidCollisions?: boolean;
+  collisionBoundary?: Element | Element[];
+  collisionPadding?: number | Partial<Record<"top" | "right" | "bottom" | "left", number>>;
+  arrowPadding?: number;
+  sticky?: "partial" | "always";
+  hideWhenDetached?: boolean;
+  'aria-label'?: string;
+  onEscapeKeyDown?: (event: KeyboardEvent) => void;
+  onPointerDownOutside?: (event: CustomEvent) => void;
+};
+
+type TooltipArrowProps = React.ComponentPropsWithoutRef<"svg"> & {
+  width?: number;
+  height?: number;
+  offset?: number;
+};
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-radix-ui--react-tooltip/docs/portal-content.md b/.tessl/tiles/tessl/npm-radix-ui--react-tooltip/docs/portal-content.md
new file mode 100644
index 000000000..5c4b16404
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-radix-ui--react-tooltip/docs/portal-content.md
@@ -0,0 +1,326 @@
+# Portal Rendering and Content Display
+
+The `TooltipPortal` and `TooltipContent` components work together to render tooltip content outside the normal DOM hierarchy with sophisticated positioning, collision detection, and accessibility features.
+
+## Capabilities
+
+### TooltipPortal Component
+
+Portal component that renders children in a different part of the DOM, typically at the document body level.
+
+```typescript { .api }
+/**
+ * Portal component for rendering tooltip content outside normal DOM flow
+ * @param children - Content to portal (typically TooltipContent)
+ * @param container - Container element to portal into (default: document.body)
+ * @param forceMount - Force mounting when controlling animation externally
+ */
+interface TooltipPortalProps {
+  children?: React.ReactNode;
+  container?: HTMLElement;
+  forceMount?: true;
+}
+
+const TooltipPortal: React.FC<TooltipPortalProps>;
+```
+
+### TooltipContent Component
+
+Main tooltip content component with positioning, collision detection, and accessibility features.
+
+```typescript { .api }
+/**
+ * Main tooltip content component with positioning and accessibility
+ * @param children - Content to display in tooltip
+ * @param side - Preferred side relative to trigger
+ * @param sideOffset - Distance in pixels from trigger
+ * @param align - Alignment relative to trigger
+ * @param alignOffset - Offset in pixels along alignment axis
+ * @param avoidCollisions - Whether to avoid viewport collisions
+ * @param collisionBoundary - Boundary elements for collision detection
+ * @param collisionPadding - Padding around collision boundary
+ * @param arrowPadding - Minimum distance between arrow and content edges
+ * @param sticky - Sticky behavior when trigger moves
+ * @param hideWhenDetached - Hide when trigger is no longer visible
+ * @param aria-label - Accessible label for tooltip
+ * @param onEscapeKeyDown - Handler for escape key
+ * @param onPointerDownOutside - Handler for outside pointer events
+ * @param forceMount - Force mounting for animation control
+ */
+type TooltipContentElement = React.ComponentRef<"div">;
+interface TooltipContentProps extends React.ComponentPropsWithoutRef<"div"> {
+  side?: "top" | "right" | "bottom" | "left";
+  sideOffset?: number;
+  align?: "start" | "center" | "end";
+  alignOffset?: number;
+  avoidCollisions?: boolean;
+  collisionBoundary?: Element | Element[];
+  collisionPadding?: number | Partial<Record<"top" | "right" | "bottom" | "left", number>>;
+  arrowPadding?: number;
+  sticky?: "partial" | "always";
+  hideWhenDetached?: boolean;
+  'aria-label'?: string;
+  onEscapeKeyDown?: (event: KeyboardEvent) => void;
+  onPointerDownOutside?: (event: CustomEvent) => void;
+  forceMount?: true;
+}
+
+const TooltipContent: React.forwardRef<TooltipContentElement, TooltipContentProps>;
+```
+
+**Usage Examples:**
+
+```typescript
+import { 
+  TooltipProvider, 
+  Tooltip, 
+  TooltipTrigger,
+  TooltipPortal,
+  TooltipContent,
+  TooltipArrow
+} from "@radix-ui/react-tooltip";
+
+// Basic portal and content
+function BasicTooltip() {
+  return (
+    <TooltipProvider>
+      <Tooltip>
+        <TooltipTrigger>Hover me</TooltipTrigger>
+        <TooltipPortal>
+          <TooltipContent>
+            Simple tooltip content
+          </TooltipContent>
+        </TooltipPortal>
+      </Tooltip>
+    </TooltipProvider>
+  );
+}
+
+// Custom positioning
+function PositionedTooltip() {
+  return (
+    <TooltipProvider>
+      <Tooltip>
+        <TooltipTrigger>Hover me</TooltipTrigger>
+        <TooltipPortal>
+          <TooltipContent
+            side="right"
+            align="start"
+            sideOffset={10}
+            alignOffset={5}
+          >
+            Positioned tooltip
+            <TooltipArrow />
+          </TooltipContent>
+        </TooltipPortal>
+      </Tooltip>
+    </TooltipProvider>
+  );
+}
+
+// Collision avoidance
+function SmartTooltip() {
+  return (
+    <TooltipProvider>
+      <Tooltip>
+        <TooltipTrigger>Near edge</TooltipTrigger>
+        <TooltipPortal>
+          <TooltipContent
+            side="top"
+            avoidCollisions={true}
+            collisionPadding={10}
+          >
+            This tooltip avoids viewport edges
+          </TooltipContent>
+        </TooltipPortal>
+      </Tooltip>
+    </TooltipProvider>
+  );
+}
+
+// Custom portal container
+function CustomPortalTooltip() {
+  const containerRef = useRef<HTMLDivElement>(null);
+  
+  return (
+    <div>
+      <div ref={containerRef} className="custom-portal-container" />
+      <TooltipProvider>
+        <Tooltip>
+          <TooltipTrigger>Hover me</TooltipTrigger>
+          <TooltipPortal container={containerRef.current}>
+            <TooltipContent>
+              Rendered in custom container
+            </TooltipContent>
+          </TooltipPortal>
+        </Tooltip>
+      </TooltipProvider>
+    </div>
+  );
+}
+
+// Rich content tooltip
+function RichContentTooltip() {
+  return (
+    <TooltipProvider>
+      <Tooltip>
+        <TooltipTrigger>Product info</TooltipTrigger>
+        <TooltipPortal>
+          <TooltipContent className="rich-tooltip">
+            <div>
+              <h3>Product Details</h3>
+              <p>Price: $29.99</p>
+              <p>In stock: 15 items</p>
+            </div>
+            <TooltipArrow />
+          </TooltipContent>
+        </TooltipPortal>
+      </Tooltip>
+    </TooltipProvider>
+  );
+}
+```
+
+### Portal Props
+
+#### container
+
+Specifies container element for portal rendering.
+
+- **Type**: `HTMLElement`
+- **Default**: `document.body`
+- **Description**: Element to render portal content into
+
+#### forceMount
+
+Forces mounting regardless of open state for animation control.
+
+- **Type**: `true`
+- **Description**: Keeps content mounted for external animation libraries
+
+### Content Props
+
+#### Positioning Props
+
+**side**: Preferred side relative to trigger
+- **Type**: `"top" | "right" | "bottom" | "left"`
+- **Default**: `"top"`
+
+**sideOffset**: Distance from trigger
+- **Type**: `number`
+- **Default**: `0`
+
+**align**: Alignment relative to trigger
+- **Type**: `"start" | "center" | "end"`
+- **Default**: `"center"`
+
+**alignOffset**: Offset along alignment axis
+- **Type**: `number`
+- **Default**: `0`
+
+#### Collision Detection Props
+
+**avoidCollisions**: Enable collision detection
+- **Type**: `boolean`
+- **Default**: `true`
+
+**collisionBoundary**: Elements to consider for collisions
+- **Type**: `Element | Element[]`
+- **Default**: Viewport boundaries
+
+**collisionPadding**: Padding around collision boundary
+- **Type**: `number | Partial<Record<"top" | "right" | "bottom" | "left", number>>`
+- **Default**: `0`
+
+#### Arrow Props
+
+**arrowPadding**: Minimum distance between arrow and content edges
+- **Type**: `number`
+- **Default**: `0`
+
+#### Behavior Props
+
+**sticky**: Sticky behavior when trigger moves
+- **Type**: `"partial" | "always"`
+- **Default**: `"partial"`
+
+**hideWhenDetached**: Hide when trigger is no longer visible
+- **Type**: `boolean`
+- **Default**: `false`
+
+#### Accessibility Props
+
+**aria-label**: Accessible label
+- **Type**: `string`
+- **Description**: Descriptive label for screen readers
+
+#### Event Props
+
+**onEscapeKeyDown**: Escape key handler
+- **Type**: `(event: KeyboardEvent) => void`
+
+**onPointerDownOutside**: Outside click handler
+- **Type**: `(event: CustomEvent) => void`
+
+### Content Features
+
+#### Grace Area Hover
+
+Content supports sophisticated hover behavior with grace areas:
+- Pointer can move from trigger to content without closing
+- Grace area calculations prevent accidental closing
+- Smooth user experience when interacting with rich content
+
+#### CSS Custom Properties
+
+Content exposes positioning data via CSS custom properties:
+- `--radix-tooltip-content-transform-origin`
+- `--radix-tooltip-content-available-width`
+- `--radix-tooltip-content-available-height`
+- `--radix-tooltip-trigger-width`
+- `--radix-tooltip-trigger-height`
+
+#### Data Attributes
+
+Content element receives data attributes for styling:
+- `data-state`: `"closed" | "delayed-open" | "instant-open"`
+- `data-side`: Current side placement
+- `data-align`: Current alignment
+
+### Portal and Content Aliases
+
+```typescript { .api }
+const Portal: React.FC<TooltipPortalProps>;
+const Content: React.forwardRef<TooltipContentElement, TooltipContentProps>;
+```
+
+The `Portal` and `Content` components are aliases for shorter import names.
+
+## Types
+
+```typescript { .api }
+type TooltipPortalProps = {
+  children?: React.ReactNode;
+  container?: HTMLElement;
+  forceMount?: true;
+};
+
+type TooltipContentElement = React.ComponentRef<"div">;
+
+type TooltipContentProps = React.ComponentPropsWithoutRef<"div"> & {
+  side?: "top" | "right" | "bottom" | "left";
+  sideOffset?: number;
+  align?: "start" | "center" | "end";
+  alignOffset?: number;
+  avoidCollisions?: boolean;
+  collisionBoundary?: Element | Element[];
+  collisionPadding?: number | Partial<Record<"top" | "right" | "bottom" | "left", number>>;
+  arrowPadding?: number;
+  sticky?: "partial" | "always";
+  hideWhenDetached?: boolean;
+  'aria-label'?: string;
+  onEscapeKeyDown?: (event: KeyboardEvent) => void;
+  onPointerDownOutside?: (event: CustomEvent) => void;
+  forceMount?: true;
+};
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-radix-ui--react-tooltip/docs/provider.md b/.tessl/tiles/tessl/npm-radix-ui--react-tooltip/docs/provider.md
new file mode 100644
index 000000000..01ae7dcca
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-radix-ui--react-tooltip/docs/provider.md
@@ -0,0 +1,118 @@
+# Provider Configuration
+
+The `TooltipProvider` component manages global tooltip behavior and timing across all tooltips in your application. It provides context for delay timing, hover behavior, and skip delay functionality.
+
+## Capabilities
+
+### TooltipProvider Component
+
+Global context provider that wraps your application or section containing tooltips.
+
+```typescript { .api }
+/**
+ * Provider component for managing global tooltip behavior and timing
+ * @param children - Child components containing tooltips
+ * @param delayDuration - Duration in ms from pointer enter until tooltip opens (default: 700)
+ * @param skipDelayDuration - Duration in ms user has to enter another trigger without delay (default: 300)
+ * @param disableHoverableContent - When true, hovering content closes tooltip (default: false)
+ */
+interface TooltipProviderProps {
+  children: React.ReactNode;
+  delayDuration?: number;
+  skipDelayDuration?: number;
+  disableHoverableContent?: boolean;
+}
+
+const TooltipProvider: React.FC<TooltipProviderProps>;
+```
+
+**Usage Examples:**
+
+```typescript
+import { TooltipProvider } from "@radix-ui/react-tooltip";
+
+// Basic provider with default settings
+function App() {
+  return (
+    <TooltipProvider>
+      {/* Your tooltip components */}
+    </TooltipProvider>
+  );
+}
+
+// Custom delay timing
+function CustomApp() {
+  return (
+    <TooltipProvider
+      delayDuration={500}
+      skipDelayDuration={200}
+      disableHoverableContent={false}
+    >
+      {/* Your tooltip components */}
+    </TooltipProvider>
+  );
+}
+
+// Disable hoverable content globally
+function SimpleTooltips() {
+  return (
+    <TooltipProvider disableHoverableContent>
+      {/* Tooltips will close when pointer leaves trigger */}
+    </TooltipProvider>
+  );
+}
+```
+
+### Provider Props
+
+#### delayDuration
+
+Controls the delay before tooltip opens when pointer enters trigger.
+
+- **Type**: `number`
+- **Default**: `700` (milliseconds)
+- **Description**: Duration from pointer enter until tooltip opens
+
+#### skipDelayDuration
+
+Controls how long user has to enter another trigger without delay.
+
+- **Type**: `number`
+- **Default**: `300` (milliseconds)
+- **Description**: Time window for entering another tooltip trigger without incurring delay again
+
+#### disableHoverableContent
+
+Controls whether tooltip content can be hovered.
+
+- **Type**: `boolean`
+- **Default**: `false`
+- **Description**: When `true`, trying to hover content closes tooltip as pointer leaves trigger
+
+### Provider Context
+
+The provider creates a context that manages:
+
+- **Delay state tracking**: Whether subsequent tooltips should have delays
+- **Transit state**: Whether pointer is in transit between trigger and content
+- **Global configuration**: Default settings inherited by all child tooltips
+- **Event coordination**: Opening one tooltip closes others
+
+### Provider Aliases
+
+```typescript { .api }
+const Provider: React.FC<TooltipProviderProps>;
+```
+
+The `Provider` component is an alias for `TooltipProvider` for shorter import names.
+
+## Types
+
+```typescript { .api }
+type TooltipProviderProps = {
+  children: React.ReactNode;
+  delayDuration?: number;
+  skipDelayDuration?: number;
+  disableHoverableContent?: boolean;
+};
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-radix-ui--react-tooltip/docs/tooltip-root.md b/.tessl/tiles/tessl/npm-radix-ui--react-tooltip/docs/tooltip-root.md
new file mode 100644
index 000000000..1a11053fe
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-radix-ui--react-tooltip/docs/tooltip-root.md
@@ -0,0 +1,172 @@
+# Tooltip Root Management
+
+The `Tooltip` component manages individual tooltip instances, handling open/closed state, timing overrides, and accessibility features. It serves as the root container for each tooltip.
+
+## Capabilities
+
+### Tooltip Component
+
+Root tooltip component that manages state and provides context for trigger, portal, and content components.
+
+```typescript { .api }
+/**
+ * Root tooltip component managing individual tooltip state
+ * @param children - Child components (trigger, portal, content)
+ * @param open - Controlled open state
+ * @param defaultOpen - Initial open state for uncontrolled usage
+ * @param onOpenChange - Callback when open state changes
+ * @param delayDuration - Override provider delay duration
+ * @param disableHoverableContent - Override provider hover behavior
+ */
+interface TooltipProps {
+  children?: React.ReactNode;
+  open?: boolean;
+  defaultOpen?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  delayDuration?: number;
+  disableHoverableContent?: boolean;
+}
+
+const Tooltip: React.FC<TooltipProps>;
+```
+
+**Usage Examples:**
+
+```typescript
+import { TooltipProvider, Tooltip } from "@radix-ui/react-tooltip";
+
+// Basic uncontrolled tooltip
+function BasicTooltip() {
+  return (
+    <TooltipProvider>
+      <Tooltip>
+        {/* Trigger and content components */}
+      </Tooltip>
+    </TooltipProvider>
+  );
+}
+
+// Controlled tooltip with custom state
+function ControlledTooltip() {
+  const [open, setOpen] = React.useState(false);
+  
+  return (
+    <TooltipProvider>
+      <Tooltip open={open} onOpenChange={setOpen}>
+        {/* Trigger and content components */}
+      </Tooltip>
+    </TooltipProvider>
+  );
+}
+
+// Default open tooltip
+function DefaultOpenTooltip() {
+  return (
+    <TooltipProvider>
+      <Tooltip defaultOpen>
+        {/* Tooltip starts open */}
+      </Tooltip>
+    </TooltipProvider>
+  );
+}
+
+// Custom delay for specific tooltip
+function CustomDelayTooltip() {
+  return (
+    <TooltipProvider delayDuration={700}>
+      <Tooltip delayDuration={200}>
+        {/* This tooltip opens faster than provider default */}
+      </Tooltip>
+    </TooltipProvider>
+  );
+}
+```
+
+### Tooltip Props
+
+#### open
+
+Controls the open state in controlled mode.
+
+- **Type**: `boolean`
+- **Description**: When provided, tooltip becomes controlled and ignores internal state
+
+#### defaultOpen
+
+Sets initial open state for uncontrolled tooltips.
+
+- **Type**: `boolean`
+- **Default**: `false`
+- **Description**: Initial open state when tooltip is uncontrolled
+
+#### onOpenChange
+
+Callback triggered when tooltip open state changes.
+
+- **Type**: `(open: boolean) => void`
+- **Description**: Called with new open state when tooltip opens or closes
+
+#### delayDuration
+
+Overrides provider delay duration for this tooltip instance.
+
+- **Type**: `number`
+- **Description**: Duration in milliseconds from pointer enter until tooltip opens
+
+#### disableHoverableContent
+
+Overrides provider hover behavior for this tooltip instance.
+
+- **Type**: `boolean`
+- **Description**: When `true`, tooltip closes when pointer leaves trigger
+
+### State Management
+
+The Tooltip component provides two state management patterns:
+
+**Uncontrolled (Internal State)**:
+```typescript
+<Tooltip defaultOpen={false}>
+  {/* Tooltip manages its own state */}
+</Tooltip>
+```
+
+**Controlled (External State)**:
+```typescript
+const [open, setOpen] = useState(false);
+<Tooltip open={open} onOpenChange={setOpen}>
+  {/* You control the state */}
+</Tooltip>
+```
+
+### Tooltip Context
+
+The Tooltip component creates context providing:
+
+- **Content ID**: Unique identifier for accessibility
+- **Open state**: Current open/closed state
+- **State attribute**: CSS state attribute (`closed`, `delayed-open`, `instant-open`)
+- **Trigger reference**: Reference to trigger element
+- **Event handlers**: Functions for opening, closing, and state changes
+- **Configuration**: Delay and hover behavior settings
+
+### Tooltip Aliases
+
+```typescript { .api }
+const Root: React.FC<TooltipProps>;
+```
+
+The `Root` component is an alias for `Tooltip` for shorter import names.
+
+## Types
+
+```typescript { .api }
+type TooltipProps = {
+  children?: React.ReactNode;
+  open?: boolean;
+  defaultOpen?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  delayDuration?: number;
+  disableHoverableContent?: boolean;
+};
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-radix-ui--react-tooltip/docs/trigger.md b/.tessl/tiles/tessl/npm-radix-ui--react-tooltip/docs/trigger.md
new file mode 100644
index 000000000..2afd742f2
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-radix-ui--react-tooltip/docs/trigger.md
@@ -0,0 +1,185 @@
+# Trigger Interaction
+
+The `TooltipTrigger` component handles user interactions that show and hide tooltips. It responds to hover, focus, keyboard events, and touch interactions while maintaining accessibility.
+
+## Capabilities
+
+### TooltipTrigger Component
+
+Interactive trigger element that responds to user interactions to control tooltip visibility.
+
+```typescript { .api }
+/**
+ * Interactive trigger element for showing/hiding tooltips
+ * Extends all standard button element props and event handlers
+ * @param children - Content of the trigger element
+ * @param asChild - When true, merges props with child element instead of rendering button
+ */
+type TooltipTriggerElement = React.ComponentRef<"button">;
+interface TooltipTriggerProps extends React.ComponentPropsWithoutRef<"button"> {
+  asChild?: boolean;
+}
+
+const TooltipTrigger: React.forwardRef<TooltipTriggerElement, TooltipTriggerProps>;
+```
+
+**Usage Examples:**
+
+```typescript
+import { 
+  TooltipProvider, 
+  Tooltip, 
+  TooltipTrigger,
+  TooltipPortal,
+  TooltipContent 
+} from "@radix-ui/react-tooltip";
+
+// Basic button trigger
+function BasicTrigger() {
+  return (
+    <TooltipProvider>
+      <Tooltip>
+        <TooltipTrigger>Hover me</TooltipTrigger>
+        <TooltipPortal>
+          <TooltipContent>Tooltip content</TooltipContent>
+        </TooltipPortal>
+      </Tooltip>
+    </TooltipProvider>
+  );
+}
+
+// Using asChild to trigger on custom element
+function CustomTrigger() {
+  return (
+    <TooltipProvider>
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <button className="custom-button">
+            Custom styled button
+          </button>
+        </TooltipTrigger>
+        <TooltipPortal>
+          <TooltipContent>Tooltip for custom button</TooltipContent>
+        </TooltipPortal>
+      </Tooltip>
+    </TooltipProvider>
+  );
+}
+
+// Trigger with icon and text
+function IconTrigger() {
+  return (
+    <TooltipProvider>
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <button>
+            <Icon name="help" />
+            Help
+          </button>
+        </TooltipTrigger>
+        <TooltipPortal>
+          <TooltipContent>Get help with this feature</TooltipContent>
+        </TooltipPortal>
+      </Tooltip>
+    </TooltipProvider>
+  );
+}
+
+// Trigger with event handlers
+function EventHandlerTrigger() {
+  return (
+    <TooltipProvider>
+      <Tooltip>
+        <TooltipTrigger
+          onClick={() => console.log("Clicked!")}
+          onFocus={() => console.log("Focused!")}
+        >
+          Interactive trigger
+        </TooltipTrigger>
+        <TooltipPortal>
+          <TooltipContent>Click or focus me</TooltipContent>
+        </TooltipPortal>
+      </Tooltip>
+    </TooltipProvider>
+  );
+}
+```
+
+### Trigger Props
+
+#### asChild
+
+Merges props with child element instead of rendering default button.
+
+- **Type**: `boolean`
+- **Default**: `false`
+- **Description**: When `true`, trigger props are merged with the child element
+
+#### Standard Button Props
+
+The trigger accepts all standard HTML button props:
+
+- **onClick**: `(event: MouseEvent) => void`
+- **onFocus**: `(event: FocusEvent) => void`
+- **onBlur**: `(event: FocusEvent) => void`
+- **onPointerMove**: `(event: PointerEvent) => void`
+- **onPointerLeave**: `(event: PointerEvent) => void`
+- **onPointerDown**: `(event: PointerEvent) => void`
+- **disabled**: `boolean`
+- **className**: `string`
+- **style**: `React.CSSProperties`
+- **All other button attributes**
+
+### Interaction Behavior
+
+#### Hover Interactions
+
+- **Pointer Enter**: Triggers tooltip opening with delay
+- **Pointer Leave**: Triggers tooltip closing or grace period
+- **Touch Devices**: Touch interactions are ignored for hover behavior
+
+#### Focus Interactions
+
+- **Focus**: Opens tooltip immediately (no delay)
+- **Blur**: Closes tooltip immediately
+- **Keyboard Navigation**: Full tab and arrow key support
+
+#### Click Interactions
+
+- **Click**: Closes tooltip if open
+- **Pointer Down**: Closes tooltip and prevents focus opening
+
+#### Grace Area Behavior
+
+The trigger participates in grace area calculations:
+- When pointer leaves trigger, grace area is created between trigger and content
+- If pointer stays within grace area, tooltip remains open
+- If pointer exits grace area, tooltip closes
+
+### Accessibility Features
+
+The trigger automatically handles accessibility:
+
+- **aria-describedby**: Set to tooltip content ID when open
+- **data-state**: Reflects tooltip state (`closed`, `delayed-open`, `instant-open`)
+- **Keyboard support**: Full keyboard navigation
+- **Screen reader support**: Proper ARIA relationships
+- **Focus management**: Appropriate focus handling
+
+### Trigger Aliases
+
+```typescript { .api }
+const Trigger: React.forwardRef<TooltipTriggerElement, TooltipTriggerProps>;
+```
+
+The `Trigger` component is an alias for `TooltipTrigger` for shorter import names.
+
+## Types
+
+```typescript { .api }
+type TooltipTriggerElement = React.ComponentRef<"button">;
+
+type TooltipTriggerProps = React.ComponentPropsWithoutRef<"button"> & {
+  asChild?: boolean;
+};
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-radix-ui--react-tooltip/docs/utilities.md b/.tessl/tiles/tessl/npm-radix-ui--react-tooltip/docs/utilities.md
new file mode 100644
index 000000000..c8aaf8c9b
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-radix-ui--react-tooltip/docs/utilities.md
@@ -0,0 +1,250 @@
+# Utility Functions
+
+The tooltip system provides utility functions for advanced scenarios, including context scoping for nested tooltips and complex component hierarchies.
+
+## Capabilities
+
+### Context Scoping
+
+Create scoped contexts for tooltip components to enable nesting and avoid conflicts.
+
+```typescript { .api }
+/**
+ * Creates a scoped context for tooltip components
+ * Enables nesting tooltips and avoiding context conflicts
+ * @returns Scope object for scoped tooltip components
+ */
+function createTooltipScope(): Scope;
+
+type Scope = {
+  [scopeName: string]: React.Context<any>[];
+};
+```
+
+**Usage Examples:**
+
+```typescript
+import { createTooltipScope, TooltipProvider, Tooltip } from "@radix-ui/react-tooltip";
+
+// Basic scoped tooltips
+function ScopedTooltips() {
+  const scope = createTooltipScope();
+  
+  return (
+    <TooltipProvider __scopeTooltip={scope}>
+      <Tooltip __scopeTooltip={scope}>
+        {/* This tooltip uses scoped context */}
+      </Tooltip>
+    </TooltipProvider>
+  );
+}
+
+// Nested tooltip scenarios
+function NestedTooltipExample() {
+  const outerScope = createTooltipScope();
+  const innerScope = createTooltipScope();
+  
+  return (
+    <TooltipProvider __scopeTooltip={outerScope}>
+      <Tooltip __scopeTooltip={outerScope}>
+        <TooltipTrigger __scopeTooltip={outerScope}>
+          Outer tooltip trigger
+        </TooltipTrigger>
+        <TooltipPortal __scopeTooltip={outerScope}>
+          <TooltipContent __scopeTooltip={outerScope}>
+            Outer tooltip content
+            
+            {/* Inner scoped tooltip */}
+            <TooltipProvider __scopeTooltip={innerScope}>
+              <Tooltip __scopeTooltip={innerScope}>
+                <TooltipTrigger __scopeTooltip={innerScope}>
+                  Inner trigger
+                </TooltipTrigger>
+                <TooltipPortal __scopeTooltip={innerScope}>
+                  <TooltipContent __scopeTooltip={innerScope}>
+                    Inner tooltip content
+                  </TooltipContent>
+                </TooltipPortal>
+              </Tooltip>
+            </TooltipProvider>
+          </TooltipContent>
+        </TooltipPortal>
+      </Tooltip>
+    </TooltipProvider>
+  );
+}
+
+// Component library with scoped tooltips
+function ComponentLibrary() {
+  const libraryScope = createTooltipScope();
+  
+  return (
+    <div className="library-wrapper">
+      <TooltipProvider 
+        __scopeTooltip={libraryScope}
+        delayDuration={500}
+      >
+        {/* All tooltips in this library use scoped context */}
+        <LibraryComponent scope={libraryScope} />
+        <AnotherLibraryComponent scope={libraryScope} />
+      </TooltipProvider>
+    </div>
+  );
+}
+
+function LibraryComponent({ scope }) {
+  return (
+    <Tooltip __scopeTooltip={scope}>
+      <TooltipTrigger __scopeTooltip={scope}>
+        Library component
+      </TooltipTrigger>
+      <TooltipPortal __scopeTooltip={scope}>
+        <TooltipContent __scopeTooltip={scope}>
+          Scoped tooltip for library
+        </TooltipContent>
+      </TooltipPortal>
+    </Tooltip>
+  );
+}
+```
+
+### Scope Usage Patterns
+
+#### Nested Tooltips
+
+Use scoping when tooltips need to be nested within each other:
+
+```typescript
+// Each level gets its own scope
+const level1Scope = createTooltipScope();
+const level2Scope = createTooltipScope();
+const level3Scope = createTooltipScope();
+```
+
+#### Component Library Isolation
+
+Use scoping to isolate tooltip behavior in reusable components:
+
+```typescript
+// Library creates its own scope
+function MyLibraryProvider({ children }) {
+  const libraryScope = createTooltipScope();
+  
+  return (
+    <TooltipProvider __scopeTooltip={libraryScope}>
+      {React.Children.map(children, child => 
+        React.cloneElement(child, { __scopeTooltip: libraryScope })
+      )}
+    </TooltipProvider>
+  );
+}
+```
+
+#### Multi-Instance Applications
+
+Use scoping when multiple independent tooltip systems exist:
+
+```typescript
+function MultiInstanceApp() {
+  const headerScope = createTooltipScope();
+  const sidebarScope = createTooltipScope();
+  const contentScope = createTooltipScope();
+  
+  return (
+    <div>
+      <Header tooltipScope={headerScope} />
+      <Sidebar tooltipScope={sidebarScope} />
+      <Content tooltipScope={contentScope} />
+    </div>
+  );
+}
+```
+
+### Scope Properties
+
+#### Context Isolation
+
+Each scope creates isolated context that:
+- Prevents provider/consumer mismatches across different tooltip hierarchies
+- Allows independent configuration for different tooltip groups
+- Enables safe nesting without context conflicts
+
+#### Provider Independence
+
+Scoped tooltips maintain independent:
+- **Delay timers**: Each scope has its own delay state
+- **Hover behavior**: Independent hover and grace area handling
+- **Configuration**: Separate delay durations and settings
+- **Event handling**: Isolated open/close event coordination
+
+### Advanced Scoping
+
+#### Scope Composition
+
+Scopes can be composed for complex hierarchies:
+
+```typescript
+function ComplexApp() {
+  const appScope = createTooltipScope();
+  const modalScope = createTooltipScope();
+  
+  return (
+    <TooltipProvider __scopeTooltip={appScope}>
+      {/* App-level tooltips */}
+      <AppTooltips scope={appScope} />
+      
+      <Modal>
+        <TooltipProvider __scopeTooltip={modalScope}>
+          {/* Modal-level tooltips */}
+          <ModalTooltips scope={modalScope} />
+        </TooltipProvider>
+      </Modal>
+    </TooltipProvider>
+  );
+}
+```
+
+#### Dynamic Scoping
+
+Scopes can be created dynamically:
+
+```typescript
+function DynamicTooltips() {
+  const [scopes] = useState(() => ({
+    primary: createTooltipScope(),
+    secondary: createTooltipScope(),
+  }));
+  
+  return (
+    <div>
+      <Section scope={scopes.primary} />
+      <Section scope={scopes.secondary} />
+    </div>
+  );
+}
+```
+
+### Scope Integration
+
+All tooltip components accept the `__scopeTooltip` prop:
+
+- `TooltipProvider`
+- `Tooltip` 
+- `TooltipTrigger`
+- `TooltipPortal`
+- `TooltipContent`
+- `TooltipArrow`
+
+When using scopes, ensure all related components use the same scope object.
+
+## Types
+
+```typescript { .api }
+type Scope = {
+  [scopeName: string]: React.Context<any>[];
+};
+
+type ScopedProps<P = {}> = P & { 
+  __scopeTooltip?: Scope;
+};
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-radix-ui--react-tooltip/tile.json b/.tessl/tiles/tessl/npm-radix-ui--react-tooltip/tile.json
new file mode 100644
index 000000000..91219e6b9
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-radix-ui--react-tooltip/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-radix-ui--react-tooltip",
+  "version": "1.2.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/@radix-ui/react-tooltip@1.2.8",
+  "summary": "A React tooltip component from Radix UI Primitives, part of an open-source UI component library for building high-quality, accessible design systems and web apps"
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-react-chartjs-2/docs/chart-components.md b/.tessl/tiles/tessl/npm-react-chartjs-2/docs/chart-components.md
new file mode 100644
index 000000000..d3b266894
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-react-chartjs-2/docs/chart-components.md
@@ -0,0 +1,363 @@
+# Chart Components
+
+React components for rendering different types of Chart.js charts. All components are React forwardRef components that provide access to the underlying Chart.js instance.
+
+## Capabilities
+
+### Generic Chart Component
+
+A flexible component that can render any Chart.js chart type by specifying the `type` prop.
+
+```typescript { .api }
+/**
+ * Generic chart component that accepts any Chart.js chart type
+ * @param props - Chart configuration including type, data, and options
+ * @returns JSX.Element representing the chart canvas
+ */
+function Chart<
+  TType extends ChartType = ChartType,
+  TData = DefaultDataPoint<TType>,
+  TLabel = unknown,
+>(props: ChartProps<TType, TData, TLabel> & {
+  ref?: ForwardedRef<ChartJSOrUndefined<TType, TData, TLabel>>;
+}): JSX.Element;
+
+interface ChartProps<
+  TType extends ChartType = ChartType,
+  TData = DefaultDataPoint<TType>,
+  TLabel = unknown,
+> extends CanvasHTMLAttributes<HTMLCanvasElement> {
+  /** Chart.js chart type (required) */
+  type: TType;
+  /** The data object that is passed into the Chart.js chart (required) */
+  data: ChartData<TType, TData, TLabel>;
+  /** The options object that is passed into the Chart.js chart */
+  options?: ChartOptions<TType>;
+  /** The plugins array that is passed into the Chart.js chart */
+  plugins?: Plugin<TType>[];
+  /** Teardown and redraw chart on every update (default: false) */
+  redraw?: boolean;
+  /** Key name to identificate dataset (default: 'label') */
+  datasetIdKey?: string;
+  /** A fallback for when the canvas cannot be rendered */
+  fallbackContent?: ReactNode;
+  /** A mode string to indicate transition configuration should be used */
+  updateMode?: UpdateMode;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { useRef } from "react";
+import { Chart } from "react-chartjs-2";
+import type { Chart as ChartJS } from "chart.js";
+
+function MyGenericChart() {
+  const chartRef = useRef<ChartJS>(null);
+
+  const data = {
+    labels: ['A', 'B', 'C'],
+    datasets: [{
+      label: 'Dataset',
+      data: [1, 2, 3],
+    }],
+  };
+
+  return (
+    <Chart
+      ref={chartRef}
+      type="bar"
+      data={data}
+      options={{ responsive: true }}
+    />
+  );
+}
+```
+
+### Line Chart Component
+
+Pre-configured component for rendering line charts.
+
+```typescript { .api }
+/**
+ * Line chart component with Chart.js line controller pre-registered
+ * @param props - Chart configuration without type prop (type is 'line')
+ * @returns JSX.Element representing the line chart canvas
+ */
+function Line<
+  TData = DefaultDataPoint<'line'>,
+  TLabel = unknown,
+>(props: Omit<ChartProps<'line', TData, TLabel>, 'type'> & {
+  ref?: ForwardedRef<ChartJSOrUndefined<'line', TData, TLabel>>;
+}): JSX.Element;
+```
+
+**Usage Examples:**
+
+```typescript
+import React from "react";
+import { Line } from "react-chartjs-2";
+import {
+  Chart as ChartJS,
+  CategoryScale,
+  LinearScale,
+  PointElement,
+  LineElement,
+} from 'chart.js';
+
+ChartJS.register(CategoryScale, LinearScale, PointElement, LineElement);
+
+function LineChartExample() {
+  const data = {
+    labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May'],
+    datasets: [{
+      label: 'Sales',
+      data: [65, 59, 80, 81, 56],
+      borderColor: 'rgb(75, 192, 192)',
+      backgroundColor: 'rgba(75, 192, 192, 0.2)',
+    }],
+  };
+
+  return <Line data={data} options={{ responsive: true }} />;
+}
+```
+
+### Bar Chart Component
+
+Pre-configured component for rendering bar charts.
+
+```typescript { .api }
+/**
+ * Bar chart component with Chart.js bar controller pre-registered
+ * @param props - Chart configuration without type prop (type is 'bar')
+ * @returns JSX.Element representing the bar chart canvas
+ */
+function Bar<
+  TData = DefaultDataPoint<'bar'>,
+  TLabel = unknown,
+>(props: Omit<ChartProps<'bar', TData, TLabel>, 'type'> & {
+  ref?: ForwardedRef<ChartJSOrUndefined<'bar', TData, TLabel>>;
+}): JSX.Element;
+```
+
+### Radar Chart Component
+
+Pre-configured component for rendering radar charts.
+
+```typescript { .api }
+/**
+ * Radar chart component with Chart.js radar controller pre-registered
+ * @param props - Chart configuration without type prop (type is 'radar')
+ * @returns JSX.Element representing the radar chart canvas
+ */
+function Radar<
+  TData = DefaultDataPoint<'radar'>,
+  TLabel = unknown,
+>(props: Omit<ChartProps<'radar', TData, TLabel>, 'type'> & {
+  ref?: ForwardedRef<ChartJSOrUndefined<'radar', TData, TLabel>>;
+}): JSX.Element;
+```
+
+### Doughnut Chart Component
+
+Pre-configured component for rendering doughnut charts.
+
+```typescript { .api }
+/**
+ * Doughnut chart component with Chart.js doughnut controller pre-registered
+ * @param props - Chart configuration without type prop (type is 'doughnut')
+ * @returns JSX.Element representing the doughnut chart canvas
+ */
+function Doughnut<
+  TData = DefaultDataPoint<'doughnut'>,
+  TLabel = unknown,
+>(props: Omit<ChartProps<'doughnut', TData, TLabel>, 'type'> & {
+  ref?: ForwardedRef<ChartJSOrUndefined<'doughnut', TData, TLabel>>;
+}): JSX.Element;
+```
+
+**Usage Examples:**
+
+```typescript
+import React from "react";
+import { Doughnut } from "react-chartjs-2";
+import { Chart as ChartJS, ArcElement, Tooltip, Legend } from 'chart.js';
+
+ChartJS.register(ArcElement, Tooltip, Legend);
+
+function DoughnutExample() {
+  const data = {
+    labels: ['Red', 'Blue', 'Yellow'],
+    datasets: [{
+      data: [300, 50, 100],
+      backgroundColor: ['#FF6384', '#36A2EB', '#FFCE56'],
+    }],
+  };
+
+  return (
+    <Doughnut 
+      data={data} 
+      options={{ 
+        cutout: '60%',
+        plugins: { legend: { position: 'bottom' } }
+      }} 
+    />
+  );
+}
+```
+
+### Polar Area Chart Component 
+
+Pre-configured component for rendering polar area charts.
+
+```typescript { .api }
+/**
+ * Polar area chart component with Chart.js polar area controller pre-registered
+ * @param props - Chart configuration without type prop (type is 'polarArea')
+ * @returns JSX.Element representing the polar area chart canvas
+ */
+function PolarArea<
+  TData = DefaultDataPoint<'polarArea'>,
+  TLabel = unknown,
+>(props: Omit<ChartProps<'polarArea', TData, TLabel>, 'type'> & {
+  ref?: ForwardedRef<ChartJSOrUndefined<'polarArea', TData, TLabel>>;
+}): JSX.Element;
+```
+
+### Bubble Chart Component
+
+Pre-configured component for rendering bubble charts.
+
+```typescript { .api }
+/**
+ * Bubble chart component with Chart.js bubble controller pre-registered
+ * @param props - Chart configuration without type prop (type is 'bubble')
+ * @returns JSX.Element representing the bubble chart canvas
+ */
+function Bubble<
+  TData = DefaultDataPoint<'bubble'>,
+  TLabel = unknown,
+>(props: Omit<ChartProps<'bubble', TData, TLabel>, 'type'> & {
+  ref?: ForwardedRef<ChartJSOrUndefined<'bubble', TData, TLabel>>;
+}): JSX.Element;
+```
+
+### Pie Chart Component
+
+Pre-configured component for rendering pie charts.
+
+```typescript { .api }
+/**
+ * Pie chart component with Chart.js pie controller pre-registered
+ * @param props - Chart configuration without type prop (type is 'pie')
+ * @returns JSX.Element representing the pie chart canvas
+ */
+function Pie<
+  TData = DefaultDataPoint<'pie'>,
+  TLabel = unknown,
+>(props: Omit<ChartProps<'pie', TData, TLabel>, 'type'> & {
+  ref?: ForwardedRef<ChartJSOrUndefined<'pie', TData, TLabel>>;
+}): JSX.Element;
+```
+
+### Scatter Chart Component
+
+Pre-configured component for rendering scatter charts.
+
+```typescript { .api }
+/**
+ * Scatter chart component with Chart.js scatter controller pre-registered
+ * @param props - Chart configuration without type prop (type is 'scatter')
+ * @returns JSX.Element representing the scatter chart canvas
+ */
+function Scatter<
+  TData = DefaultDataPoint<'scatter'>,
+  TLabel = unknown,
+>(props: Omit<ChartProps<'scatter', TData, TLabel>, 'type'> & {
+  ref?: ForwardedRef<ChartJSOrUndefined<'scatter', TData, TLabel>>;
+}): JSX.Element;
+```
+
+## Common Props
+
+All chart components accept the same props (except `type` is omitted from typed components):
+
+- **data** (required): Chart.js data object containing labels and datasets
+- **options**: Chart.js configuration options for customizing chart appearance and behavior
+- **plugins**: Array of Chart.js plugins to extend functionality
+- **redraw**: Boolean to force complete chart redraw on updates (default: false)
+- **datasetIdKey**: String key for identifying datasets during updates (default: 'label')
+- **fallbackContent**: React node to display when chart cannot render (accessibility)
+- **updateMode**: Chart.js update mode for transitions
+- **width**: Canvas width in pixels (default: 300)
+- **height**: Canvas height in pixels (default: 150)
+- Plus all standard HTML canvas attributes
+
+## Chart.js Registration
+
+All typed chart components automatically register their required Chart.js controllers, but you must register scales, elements, and plugins separately:
+
+```typescript
+import {
+  Chart as ChartJS,
+  CategoryScale,
+  LinearScale,
+  PointElement,
+  LineElement,
+  BarElement,
+  ArcElement,
+  Title,
+  Tooltip,
+  Legend,
+} from 'chart.js';
+
+// Register components you need
+ChartJS.register(
+  CategoryScale,
+  LinearScale,
+  PointElement,
+  LineElement,
+  BarElement,
+  ArcElement,
+  Title,
+  Tooltip,
+  Legend
+);
+```
+
+## Types
+
+```typescript { .api }
+import type { Chart, ChartType, DefaultDataPoint } from 'chart.js';
+
+type ChartJSOrUndefined<
+  TType extends ChartType = ChartType,
+  TData = DefaultDataPoint<TType>,
+  TLabel = unknown,
+> = Chart<TType, TData, TLabel> | undefined;
+
+type ForwardedRef<T> =
+  | ((instance: T | null) => void)
+  | MutableRefObject<T | null>
+  | null;
+
+type BaseChartComponent = <
+  TType extends ChartType = ChartType,
+  TData = DefaultDataPoint<TType>,
+  TLabel = unknown,
+>(
+  props: ChartProps<TType, TData, TLabel> & {
+    ref?: ForwardedRef<ChartJSOrUndefined<TType, TData, TLabel>>;
+  }
+) => JSX.Element;
+
+type TypedChartComponent<TDefaultType extends ChartType> = <
+  TData = DefaultDataPoint<TDefaultType>,
+  TLabel = unknown,
+>(
+  props: Omit<ChartProps<TDefaultType, TData, TLabel>, 'type'> & {
+    ref?: ForwardedRef<ChartJSOrUndefined<TDefaultType, TData, TLabel>>;
+  }
+) => JSX.Element;
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-react-chartjs-2/docs/event-handling.md b/.tessl/tiles/tessl/npm-react-chartjs-2/docs/event-handling.md
new file mode 100644
index 000000000..940ec6cbf
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-react-chartjs-2/docs/event-handling.md
@@ -0,0 +1,329 @@
+# Event Handling
+
+Utility functions for handling user interactions with charts, extracting chart data from mouse events. These functions help you implement interactive chart features like click handlers and hover effects.
+
+## Capabilities
+
+### Get Dataset at Event
+
+Gets dataset information from a mouse click event, useful for determining which dataset was clicked.
+
+```typescript { .api }
+/**
+ * Get dataset from mouse click event
+ * @param chart - Chart.js instance (accessible via ref)
+ * @param event - Mouse click event from React onClick handler
+ * @returns Array of InteractionItem objects representing the clicked dataset
+ */
+function getDatasetAtEvent(
+  chart: Chart,
+  event: MouseEvent<HTMLCanvasElement>
+): InteractionItem[];
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { useRef } from "react";
+import { Bar, getDatasetAtEvent } from "react-chartjs-2";
+import type { Chart as ChartJS } from "chart.js";
+
+function InteractiveChart() {
+  const chartRef = useRef<ChartJS>(null);
+
+  const handleClick = (event: React.MouseEvent<HTMLCanvasElement>) => {
+    if (chartRef.current) {
+      const elements = getDatasetAtEvent(chartRef.current, event);
+      if (elements.length > 0) {
+        const datasetIndex = elements[0].datasetIndex;
+        console.log('Clicked dataset:', datasetIndex);
+      }
+    }
+  };
+
+  const data = {
+    labels: ['A', 'B', 'C'],
+    datasets: [
+      {
+        label: 'Dataset 1',
+        data: [1, 2, 3],
+        backgroundColor: 'rgba(255, 99, 132, 0.5)',
+      },
+      {
+        label: 'Dataset 2', 
+        data: [2, 3, 4],
+        backgroundColor: 'rgba(54, 162, 235, 0.5)',
+      },
+    ],
+  };
+
+  return (
+    <Bar
+      ref={chartRef}
+      data={data}
+      onClick={handleClick}
+    />
+  );
+}
+```
+
+### Get Element at Event
+
+Gets the single nearest chart element from a mouse click event, useful for getting specific data points.
+
+```typescript { .api }
+/**
+ * Get single dataset element from mouse click event
+ * @param chart - Chart.js instance (accessible via ref)
+ * @param event - Mouse click event from React onClick handler
+ * @returns Array of InteractionItem objects (typically one element) representing the clicked data point
+ */
+function getElementAtEvent(
+  chart: Chart,
+  event: MouseEvent<HTMLCanvasElement>
+): InteractionItem[];
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { useRef } from "react";
+import { Line, getElementAtEvent } from "react-chartjs-2";
+import type { Chart as ChartJS } from "chart.js";
+
+function ClickableLineChart() {
+  const chartRef = useRef<ChartJS>(null);
+
+  const handleClick = (event: React.MouseEvent<HTMLCanvasElement>) => {
+    if (chartRef.current) {
+      const elements = getElementAtEvent(chartRef.current, event);
+      if (elements.length > 0) {
+        const { datasetIndex, index } = elements[0];
+        const datasetLabel = chartRef.current.data.datasets[datasetIndex].label;
+        const value = chartRef.current.data.datasets[datasetIndex].data[index];
+        const label = chartRef.current.data.labels?.[index];
+        
+        console.log(`Clicked: ${datasetLabel} - ${label}: ${value}`);
+      }
+    }
+  };
+
+  const data = {
+    labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May'],
+    datasets: [{
+      label: 'Sales',
+      data: [65, 59, 80, 81, 56],
+      borderColor: 'rgb(75, 192, 192)',
+    }],
+  };
+
+  return (
+    <Line
+      ref={chartRef}
+      data={data}
+      onClick={handleClick}
+    />
+  );
+}
+```
+
+### Get Elements at Event
+
+Gets all chart elements at the clicked index position across all datasets, useful for multi-dataset comparisons.
+
+```typescript { .api }
+/**
+ * Get all dataset elements from mouse click event
+ * @param chart - Chart.js instance (accessible via ref)
+ * @param event - Mouse click event from React onClick handler
+ * @returns Array of InteractionItem objects representing all data points at the clicked index
+ */
+function getElementsAtEvent(
+  chart: Chart,
+  event: MouseEvent<HTMLCanvasElement>
+): InteractionItem[];
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { useRef } from "react";
+import { Bar, getElementsAtEvent } from "react-chartjs-2";
+import type { Chart as ChartJS } from "chart.js";
+
+function MultiDatasetChart() {
+  const chartRef = useRef<ChartJS>(null);
+
+  const handleClick = (event: React.MouseEvent<HTMLCanvasElement>) => {
+    if (chartRef.current) {
+      const elements = getElementsAtEvent(chartRef.current, event);
+      if (elements.length > 0) {
+        const index = elements[0].index;
+        const label = chartRef.current.data.labels?.[index];
+        
+        console.log(`Clicked label: ${label}`);
+        elements.forEach((element) => {
+          const datasetLabel = chartRef.current!.data.datasets[element.datasetIndex].label;
+          const value = chartRef.current!.data.datasets[element.datasetIndex].data[element.index];
+          console.log(`  ${datasetLabel}: ${value}`);
+        });
+      }
+    }
+  };
+
+  const data = {
+    labels: ['Q1', 'Q2', 'Q3', 'Q4'],
+    datasets: [
+      {
+        label: '2022',
+        data: [10, 20, 30, 40],
+        backgroundColor: 'rgba(255, 99, 132, 0.5)',
+      },
+      {
+        label: '2023',
+        data: [15, 25, 35, 45],
+        backgroundColor: 'rgba(54, 162, 235, 0.5)',
+      },
+    ],
+  };
+
+  return (
+    <Bar
+      ref={chartRef}
+      data={data}
+      onClick={handleClick}
+    />
+  );
+}
+```
+
+## Event Handler Setup
+
+To use these event utilities, you need:
+
+1. A ref to the chart component to access the Chart.js instance
+2. An event handler attached to the chart component
+3. The event utility function to extract the relevant data
+
+```typescript
+import React, { useRef } from "react";
+import { Chart, getElementAtEvent } from "react-chartjs-2";
+import type { Chart as ChartJS } from "chart.js";
+
+function ChartWithEvents() {
+  const chartRef = useRef<ChartJS>(null);
+
+  const handleClick = (event: React.MouseEvent<HTMLCanvasElement>) => {
+    if (chartRef.current) {
+      const elements = getElementAtEvent(chartRef.current, event);
+      // Handle the clicked elements...
+    }
+  };
+
+  const handleHover = (event: React.MouseEvent<HTMLCanvasElement>) => {
+    if (chartRef.current) {
+      const elements = getElementAtEvent(chartRef.current, event);
+      // Handle the hovered elements...
+    }
+  };
+
+  return (
+    <Chart
+      ref={chartRef}
+      type="line"
+      data={data}
+      onClick={handleClick}
+      onMouseMove={handleHover}
+    />
+  );
+}
+```
+
+## Types
+
+```typescript { .api }
+import type { MouseEvent } from 'react';
+import type { Chart, InteractionItem } from 'chart.js';
+
+// InteractionItem represents a chart element (data point, dataset, etc.)
+interface InteractionItem {
+  /** Index of the dataset */
+  datasetIndex: number;
+  /** Index of the data point within the dataset */
+  index: number;
+  /** The chart element instance */
+  element: Element;
+}
+
+// Chart instance from Chart.js
+interface Chart {
+  data: ChartData;
+  options: ChartOptions;
+  getElementsAtEventForMode(
+    event: Event,
+    mode: string,
+    options: { intersect: boolean },
+    useFinalPosition: boolean
+  ): InteractionItem[];
+}
+```
+
+## Common Use Cases
+
+### Click to Show Details
+
+```typescript
+const handleDataPointClick = (event: React.MouseEvent<HTMLCanvasElement>) => {
+  if (chartRef.current) {
+    const elements = getElementAtEvent(chartRef.current, event);
+    if (elements.length > 0) {
+      const { datasetIndex, index } = elements[0];
+      const dataset = chartRef.current.data.datasets[datasetIndex];
+      const value = dataset.data[index];
+      const label = chartRef.current.data.labels?.[index];
+      
+      // Show modal, tooltip, or navigate to detail page
+      showDetailModal({ label, value, dataset: dataset.label });
+    }
+  }
+};
+```
+
+### Multi-Dataset Comparison
+
+```typescript
+const handleColumnClick = (event: React.MouseEvent<HTMLCanvasElement>) => {
+  if (chartRef.current) {
+    const elements = getElementsAtEvent(chartRef.current, event);
+    if (elements.length > 0) {
+      const index = elements[0].index;
+      const comparisons = elements.map(element => ({
+        dataset: chartRef.current!.data.datasets[element.datasetIndex].label,
+        value: chartRef.current!.data.datasets[element.datasetIndex].data[element.index]
+      }));
+      
+      showComparisonView(comparisons);
+    }
+  }
+};
+```
+
+### Dataset Toggle
+
+```typescript
+const handleDatasetClick = (event: React.MouseEvent<HTMLCanvasElement>) => {
+  if (chartRef.current) {
+    const elements = getDatasetAtEvent(chartRef.current, event);
+    if (elements.length > 0) {
+      const datasetIndex = elements[0].datasetIndex;
+      
+      // Toggle dataset visibility
+      chartRef.current.setDatasetVisibility(
+        datasetIndex,
+        !chartRef.current.isDatasetVisible(datasetIndex)
+      );
+      chartRef.current.update();
+    }
+  }
+};
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-react-chartjs-2/docs/index.md b/.tessl/tiles/tessl/npm-react-chartjs-2/docs/index.md
new file mode 100644
index 000000000..ce08ba891
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-react-chartjs-2/docs/index.md
@@ -0,0 +1,243 @@
+# React-chartjs-2
+
+React-chartjs-2 is a React wrapper library for Chart.js that provides React components for seamlessly integrating Chart.js charts into React applications. It supports all major chart types and maintains compatibility with Chart.js v4, offering TypeScript support with comprehensive type definitions.
+
+## Package Information
+
+- **Package Name**: react-chartjs-2
+- **Package Type**: npm
+- **Language**: TypeScript
+- **Installation**: `npm install react-chartjs-2 chart.js`
+
+## Core Imports
+
+```typescript
+import { Chart, Line, Bar, Radar, Doughnut, PolarArea, Bubble, Pie, Scatter } from "react-chartjs-2";
+import { getDatasetAtEvent, getElementAtEvent, getElementsAtEvent } from "react-chartjs-2";
+import type { ChartProps } from "react-chartjs-2";
+```
+
+For CommonJS:
+
+```javascript
+const { Chart, Line, Bar, Radar, Doughnut, PolarArea, Bubble, Pie, Scatter } = require("react-chartjs-2");
+```
+
+You must also install and register Chart.js components:
+
+```typescript
+import {
+  Chart as ChartJS,
+  CategoryScale,
+  LinearScale,
+  PointElement,
+  LineElement,
+  Title,
+  Tooltip,
+  Legend
+} from 'chart.js';
+
+ChartJS.register(
+  CategoryScale,
+  LinearScale,
+  PointElement,
+  LineElement,
+  Title,
+  Tooltip,
+  Legend
+);
+```
+
+## Basic Usage
+
+```typescript
+import React from "react";
+import { Line } from "react-chartjs-2";
+import {
+  Chart as ChartJS,
+  CategoryScale,
+  LinearScale,
+  PointElement,
+  LineElement,
+  Title,
+  Tooltip,
+  Legend
+} from 'chart.js';
+
+ChartJS.register(
+  CategoryScale,
+  LinearScale,
+  PointElement,
+  LineElement,
+  Title,
+  Tooltip,
+  Legend
+);
+
+const data = {
+  labels: ['January', 'February', 'March', 'April', 'May', 'June'],
+  datasets: [
+    {
+      label: 'Sales',
+      data: [12, 19, 3, 5, 2, 3],
+      borderColor: 'rgb(75, 192, 192)',
+      backgroundColor: 'rgba(75, 192, 192, 0.2)',
+    },
+  ],
+};
+
+const options = {
+  responsive: true,
+  scales: {
+    y: {
+      beginAtZero: true,
+    },
+  },
+};
+
+function MyChart() {
+  return <Line data={data} options={options} />;
+}
+```
+
+## Architecture
+
+React-chartjs-2 is built around several key components:
+
+- **Generic Chart Component**: `Chart` component that accepts any Chart.js chart type via the `type` prop
+- **Typed Chart Components**: Pre-configured components (`Line`, `Bar`, `Pie`, etc.) for specific chart types
+- **Event Utilities**: Helper functions for extracting chart data from user interactions
+- **React Integration**: Proper lifecycle management with automatic chart updates when props change
+- **Ref Forwarding**: Access to the underlying Chart.js instance via React refs
+
+## Capabilities
+
+### Chart Components
+
+Core chart components for rendering different types of charts. All components support the same props interface with optional chart-specific configurations.
+
+```typescript { .api }
+// Generic chart component
+interface ChartProps<
+  TType extends ChartType = ChartType,
+  TData = DefaultDataPoint<TType>,
+  TLabel = unknown,
+> {
+  type: TType;
+  data: ChartData<TType, TData, TLabel>;
+  options?: ChartOptions<TType>;
+  plugins?: Plugin<TType>[];
+  redraw?: boolean;
+  datasetIdKey?: string;
+  fallbackContent?: ReactNode;
+  updateMode?: UpdateMode;
+  width?: number;
+  height?: number;
+}
+
+function Chart<
+  TType extends ChartType = ChartType,
+  TData = DefaultDataPoint<TType>,
+  TLabel = unknown,
+>(props: ChartProps<TType, TData, TLabel>): JSX.Element;
+
+// Typed chart components (omit 'type' prop)
+function Line<TData = DefaultDataPoint<'line'>, TLabel = unknown>(
+  props: Omit<ChartProps<'line', TData, TLabel>, 'type'>
+): JSX.Element;
+
+function Bar<TData = DefaultDataPoint<'bar'>, TLabel = unknown>(
+  props: Omit<ChartProps<'bar', TData, TLabel>, 'type'>
+): JSX.Element;
+
+function Radar<TData = DefaultDataPoint<'radar'>, TLabel = unknown>(
+  props: Omit<ChartProps<'radar', TData, TLabel>, 'type'>
+): JSX.Element;
+
+function Doughnut<TData = DefaultDataPoint<'doughnut'>, TLabel = unknown>(
+  props: Omit<ChartProps<'doughnut', TData, TLabel>, 'type'>
+): JSX.Element;
+
+function PolarArea<TData = DefaultDataPoint<'polarArea'>, TLabel = unknown>(
+  props: Omit<ChartProps<'polarArea', TData, TLabel>, 'type'>
+): JSX.Element;
+
+function Bubble<TData = DefaultDataPoint<'bubble'>, TLabel = unknown>(
+  props: Omit<ChartProps<'bubble', TData, TLabel>, 'type'>
+): JSX.Element;
+
+function Pie<TData = DefaultDataPoint<'pie'>, TLabel = unknown>(
+  props: Omit<ChartProps<'pie', TData, TLabel>, 'type'>
+): JSX.Element;
+
+function Scatter<TData = DefaultDataPoint<'scatter'>, TLabel = unknown>(
+  props: Omit<ChartProps<'scatter', TData, TLabel>, 'type'>
+): JSX.Element;
+```
+
+[Chart Components](./chart-components.md)
+
+### Event Handling
+
+Utility functions for handling user interactions with charts, extracting chart data from mouse events.
+
+```typescript { .api }
+import type { MouseEvent } from 'react';
+import type { Chart, InteractionItem } from 'chart.js';
+
+function getDatasetAtEvent(
+  chart: Chart,
+  event: MouseEvent<HTMLCanvasElement>
+): InteractionItem[];
+
+function getElementAtEvent(
+  chart: Chart,
+  event: MouseEvent<HTMLCanvasElement>
+): InteractionItem[];
+
+function getElementsAtEvent(
+  chart: Chart,
+  event: MouseEvent<HTMLCanvasElement>
+): InteractionItem[];
+```
+
+[Event Handling](./event-handling.md)
+
+## Types
+
+Core types used across the library:
+
+```typescript { .api }
+import type {
+  ChartType,
+  ChartData,
+  ChartOptions,
+  DefaultDataPoint,
+  Plugin,
+  UpdateMode,
+} from 'chart.js';
+import type { CanvasHTMLAttributes, ReactNode } from 'react';
+
+interface ChartProps<
+  TType extends ChartType = ChartType,
+  TData = DefaultDataPoint<TType>,
+  TLabel = unknown,
+> extends CanvasHTMLAttributes<HTMLCanvasElement> {
+  /** Chart.js chart type */
+  type: TType;
+  /** The data object that is passed into the Chart.js chart */
+  data: ChartData<TType, TData, TLabel>;
+  /** The options object that is passed into the Chart.js chart */
+  options?: ChartOptions<TType>;
+  /** The plugins array that is passed into the Chart.js chart */
+  plugins?: Plugin<TType>[];
+  /** Teardown and redraw chart on every update */
+  redraw?: boolean;
+  /** Key name to identificate dataset */
+  datasetIdKey?: string;
+  /** A fallback for when the canvas cannot be rendered */
+  fallbackContent?: ReactNode;
+  /** A mode string to indicate transition configuration should be used */
+  updateMode?: UpdateMode;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-react-chartjs-2/tile.json b/.tessl/tiles/tessl/npm-react-chartjs-2/tile.json
new file mode 100644
index 000000000..9efe00b9b
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-react-chartjs-2/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-react-chartjs-2",
+  "version": "5.3.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/react-chartjs-2@5.3.0",
+  "summary": "React components for Chart.js providing seamless integration of interactive charts in React applications"
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-react-dom/docs/client-rendering.md b/.tessl/tiles/tessl/npm-react-dom/docs/client-rendering.md
new file mode 100644
index 000000000..a270ef935
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-react-dom/docs/client-rendering.md
@@ -0,0 +1,265 @@
+# Client-Side Rendering
+
+Modern client-side DOM rendering with React 18's concurrent features, including root management, hydration, portals, and synchronous update control.
+
+## Capabilities
+
+### Create Root
+
+Creates a React root for rendering components into a DOM container with concurrent features enabled.
+
+```javascript { .api }
+/**
+ * Creates a React root for concurrent rendering
+ * @param container - DOM element to render into
+ * @param options - Optional configuration for the root
+ * @returns Root instance with render() and unmount() methods
+ */
+function createRoot(container: Container, options?: CreateRootOptions): RootType;
+
+interface CreateRootOptions {
+  /** Prefix for generated HTML attribute IDs */
+  identifierPrefix?: string;
+  /** Callback for recoverable errors during rendering */
+  onRecoverableError?: (error: mixed) => void;
+  /** Enable strict mode for the root */
+  unstable_strictMode?: boolean;
+  /** Enable concurrent updates by default */
+  unstable_concurrentUpdatesByDefault?: boolean;
+}
+
+interface RootType {
+  /** Render React elements into the root */
+  render(children: ReactNodeList): void;
+  /** Unmount and clean up the root */
+  unmount(): void;
+}
+
+type Container = Element | Document | DocumentFragment;
+```
+
+**Usage Examples:**
+
+```javascript
+import { createRoot } from "react-dom/client";
+
+// Basic usage
+const container = document.getElementById("root");
+const root = createRoot(container);
+root.render(<App />);
+
+// With options
+const root = createRoot(container, {
+  identifierPrefix: "my-app",
+  onRecoverableError: (error) => {
+    console.error("Recoverable error:", error);
+  },
+});
+
+// Update the rendered content
+root.render(<App key="updated" />);
+
+// Clean up when done
+root.unmount();
+```
+
+### Hydrate Root
+
+Hydrates server-rendered content with React, attaching event listeners and making it interactive.
+
+```javascript { .api }
+/**
+ * Hydrates server-rendered content with React
+ * @param container - DOM element containing server-rendered content
+ * @param children - React elements that match the server-rendered content
+ * @param options - Optional configuration for hydration
+ * @returns Root instance for managing the hydrated content
+ */
+function hydrateRoot(
+  container: Document | Element,
+  children: ReactNodeList,
+  options?: HydrateRootOptions
+): RootType;
+
+interface HydrateRootOptions extends CreateRootOptions {
+  /** Props used during server rendering for validation */
+  hydratedProps?: Object;
+  /** Callback when hydration completes successfully */
+  onHydrated?: (suspenseInstance: SuspenseInstance) => void;
+  /** Callback when server-rendered content is deleted during hydration */
+  onDeleted?: (suspenseInstance: SuspenseInstance) => void;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+import { hydrateRoot } from "react-dom/client";
+
+// Basic hydration
+const container = document.getElementById("root");
+hydrateRoot(container, <App />);
+
+// With hydration callbacks
+hydrateRoot(container, <App />, {
+  onHydrated: (suspenseInstance) => {
+    console.log("Hydration completed");
+  },
+  onDeleted: (suspenseInstance) => {
+    console.log("Server content was replaced");
+  },
+});
+```
+
+### Create Portal
+
+Renders children into a different part of the DOM tree, outside the normal parent-child hierarchy.
+
+```javascript { .api }
+/**
+ * Renders children into a different DOM node
+ * @param children - React elements to render
+ * @param container - Target DOM container
+ * @param key - Optional key for the portal
+ * @returns Portal object that React can render
+ */
+function createPortal(
+  children: ReactNodeList,
+  container: Element | DocumentFragment,
+  key?: string
+): React$Portal;
+
+interface React$Portal {
+  $$typeof: symbol;
+  key: null | string;
+  containerInfo: any;
+  children: ReactNodeList;
+  implementation: any;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+import { createPortal } from "react-dom";
+
+// Modal rendered outside main app tree
+function Modal({ children, isOpen }) {
+  if (!isOpen) return null;
+  
+  const modalRoot = document.getElementById("modal-root");
+  return createPortal(
+    <div className="modal">{children}</div>,
+    modalRoot
+  );
+}
+
+// Tooltip positioned relative to document body
+function Tooltip({ content, targetRef }) {
+  return createPortal(
+    <div className="tooltip" style={{ 
+      position: "absolute",
+      left: targetRef.current?.offsetLeft,
+      top: targetRef.current?.offsetTop 
+    }}>
+      {content}
+    </div>,
+    document.body
+  );
+}
+```
+
+### Flush Sync
+
+Forces React to flush updates synchronously, blocking until all updates are committed to the DOM.
+
+```javascript { .api }
+/**
+ * Forces synchronous flushing of updates
+ * @param fn - Optional callback to execute before flushing
+ * @returns Return value of the callback function
+ */
+function flushSync<R>(fn?: () => R): R | void;
+```
+
+**Usage Examples:**
+
+```javascript
+import { flushSync } from "react-dom";
+
+// Ensure DOM is updated before reading measurements
+flushSync(() => {
+  setCount(count + 1);
+});
+const height = containerRef.current.offsetHeight;
+
+// Force synchronous update for third-party library integration
+function handleScroll() {
+  flushSync(() => {
+    setScrollPosition(window.scrollY);
+  });
+  // scrollPosition is guaranteed to be updated in DOM here
+  externalLibrary.update();
+}
+```
+
+## Legacy Client APIs
+
+These APIs are deprecated but maintained for backward compatibility:
+
+### Legacy Render
+
+```javascript { .api }
+/**
+ * Legacy rendering method (use createRoot instead)
+ * @deprecated Use createRoot().render() instead
+ */
+function render(element: ReactElement, container: Container, callback?: () => void): Component | null;
+
+/**
+ * Legacy hydration method (use hydrateRoot instead)
+ * @deprecated Use hydrateRoot() instead
+ */
+function hydrate(element: ReactElement, container: Container, callback?: () => void): Component | null;
+
+/**
+ * Legacy unmounting method
+ * @deprecated Use root.unmount() instead
+ */
+function unmountComponentAtNode(container: Container): boolean;
+```
+
+### Find DOM Node
+
+```javascript { .api }
+/**
+ * Finds the DOM node for a component instance
+ * @deprecated Use refs instead
+ */
+function findDOMNode(component: Component): Element | Text | null;
+```
+
+**Migration Examples:**
+
+```javascript
+// Legacy approach (deprecated)
+import { render, unmountComponentAtNode } from "react-dom";
+render(<App />, container);
+unmountComponentAtNode(container);
+
+// Modern approach (recommended)
+import { createRoot } from "react-dom/client";
+const root = createRoot(container);
+root.render(<App />);
+root.unmount();
+```
+
+## Unstable APIs
+
+These APIs are experimental and may change:
+
+```javascript { .api }
+function unstable_batchedUpdates<A, R>(fn: (a: A) => R, a: A): R;
+function unstable_flushControlled(fn: () => void): void;
+function unstable_createEventHandle(type: string, options?: EventHandleOptions): EventHandle;
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-react-dom/docs/index.md b/.tessl/tiles/tessl/npm-react-dom/docs/index.md
new file mode 100644
index 000000000..232445af8
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-react-dom/docs/index.md
@@ -0,0 +1,185 @@
+# React DOM
+
+React DOM is the official React library for DOM rendering and manipulation, providing the essential bridge between React's virtual DOM and the browser's actual DOM. It offers both client-side rendering capabilities for modern React applications and server-side rendering for optimized performance and SEO, along with comprehensive testing utilities for React components.
+
+## Package Information
+
+- **Package Name**: react-dom
+- **Package Type**: npm
+- **Language**: JavaScript/TypeScript
+- **Installation**: `npm install react-dom`
+- **Peer Dependencies**: `react@^18.3.1`
+
+## Core Imports
+
+```javascript
+import { createRoot, hydrateRoot } from "react-dom/client";
+import { createPortal, flushSync } from "react-dom";
+```
+
+For server-side rendering:
+
+```javascript
+import { renderToPipeableStream, renderToString } from "react-dom/server";
+```
+
+For testing:
+
+```javascript
+import { act } from "react";
+import * as TestUtils from "react-dom/test-utils";
+```
+
+For profiling builds:
+
+```javascript
+import { createRoot } from "react-dom/profiling";
+```
+
+CommonJS:
+
+```javascript
+const { createRoot, hydrateRoot } = require("react-dom/client");
+const { createPortal, flushSync } = require("react-dom");
+```
+
+## Basic Usage
+
+```javascript
+import { createRoot } from "react-dom/client";
+import { createPortal } from "react-dom";
+
+// Modern client-side rendering
+const container = document.getElementById("root");
+const root = createRoot(container);
+root.render(<App />);
+
+// Create portals for rendering outside parent hierarchy
+const modalRoot = document.getElementById("modal-root");
+const modal = createPortal(<Modal />, modalRoot);
+
+// Force synchronous updates when needed
+import { flushSync } from "react-dom";
+flushSync(() => {
+  setCount(count + 1);
+});
+```
+
+## Architecture
+
+React DOM v18 introduces several architectural improvements:
+
+- **Concurrent Features**: Built-in support for Suspense, automatic batching, and time-slicing
+- **Modern Rendering**: `createRoot` and `hydrateRoot` APIs replace legacy `render` and `hydrate`
+- **Streaming SSR**: Modern server-side rendering with `renderToPipeableStream` and `renderToReadableStream`
+- **Testing Integration**: Comprehensive test utilities with component inspection and event simulation
+- **Multiple Entry Points**: Optimized bundles for client, server (Node.js/browser), and testing scenarios
+
+## Capabilities
+
+### Client-Side Rendering
+
+Modern client-side DOM rendering with React 18's concurrent features, including root management, hydration, and portals.
+
+```javascript { .api }
+function createRoot(container, options?): RootType;
+function hydrateRoot(container, children, options?): RootType;
+function createPortal(children, container, key?): React$Portal;
+```
+
+[Client Rendering](./client-rendering.md)
+
+### Server-Side Rendering
+
+Comprehensive server-side rendering support for both Node.js and browser environments, with legacy string/stream APIs and modern streaming with Suspense support.
+
+```javascript { .api }
+function renderToString(element, options?): string;
+function renderToPipeableStream(children, options?): PipeableStream;
+function renderToReadableStream(children, options?): Promise<ReadableStream>;
+```
+
+[Server Rendering](./server-rendering.md)
+
+### Testing Utilities
+
+Comprehensive testing utilities for component inspection, tree traversal, event simulation, and advanced debugging capabilities.
+
+```javascript { .api }
+const Simulate: {
+  click(element, eventData?): void;
+  change(element, eventData?): void;
+  // 70+ other DOM event simulation methods
+};
+
+function findRenderedDOMComponentWithClass(tree, className): Element;
+function scryRenderedComponentsWithType(tree, type): Array<Component>;
+```
+
+[Testing Utilities](./testing-utilities.md)
+
+## Global Types
+
+```typescript { .api }
+interface RootType {
+  render(children: ReactNodeList): void;
+  unmount(): void;
+}
+
+interface CreateRootOptions {
+  identifierPrefix?: string;
+  onRecoverableError?: (error: mixed) => void;
+  unstable_strictMode?: boolean;
+  unstable_concurrentUpdatesByDefault?: boolean;
+}
+
+interface HydrateRootOptions extends CreateRootOptions {
+  hydratedProps?: Object;
+  onHydrated?: (suspenseInstance: SuspenseInstance) => void;
+  onDeleted?: (suspenseInstance: SuspenseInstance) => void;
+}
+
+type ReactNodeList = ReactNode | Iterable<ReactNodeList>;
+type Container = Element | Document | DocumentFragment;
+
+interface React$Portal {
+  $$typeof: symbol;
+  key: null | string;
+  containerInfo: any;
+  children: ReactNodeList;
+  implementation: any;
+}
+```
+
+## Version and Metadata
+
+```javascript { .api }
+const version: string; // "18.3.1"
+```
+
+## Development and Profiling
+
+### Profiling Build
+
+The profiling build provides the same API as the main package but with additional profiling instrumentation:
+
+```javascript { .api }
+// Same APIs as main package, but with profiling enabled
+import { createRoot, hydrateRoot, flushSync } from "react-dom/profiling";
+```
+
+The profiling build is identical to the production build but includes profiling information that can be used with React DevTools Profiler.
+
+## Legacy APIs
+
+React DOM maintains backward compatibility with React 17 APIs, though they are deprecated:
+
+```javascript { .api }
+// Deprecated - use createRoot instead
+function render(element, container, callback?): Component | null;
+function hydrate(element, container, callback?): Component | null;
+function unmountComponentAtNode(container): boolean;
+function findDOMNode(component): Element | Text | null;
+```
+
+These APIs are available in the main `react-dom` package for backward compatibility but should be replaced with modern equivalents in new applications.
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-react-dom/docs/server-rendering.md b/.tessl/tiles/tessl/npm-react-dom/docs/server-rendering.md
new file mode 100644
index 000000000..d942915f3
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-react-dom/docs/server-rendering.md
@@ -0,0 +1,364 @@
+# Server-Side Rendering
+
+Comprehensive server-side rendering support for both Node.js and browser environments, with legacy string/stream APIs and modern streaming with Suspense support.
+
+## Entry Points
+
+React DOM provides different server entry points optimized for different environments:
+
+- `react-dom/server` - Node.js server rendering with full stream support
+- `react-dom/server.browser` - Browser-compatible server rendering (limited streaming)
+
+## Capabilities
+
+### String Rendering
+
+Renders React elements to static HTML strings, suitable for simple server-side rendering without streaming.
+
+```javascript { .api }
+/**
+ * Renders React elements to an HTML string
+ * @param element - React elements to render
+ * @param options - Optional server rendering configuration
+ * @returns HTML string representation
+ */
+function renderToString(element: ReactNodeList, options?: ServerOptions): string;
+
+/**
+ * Renders React elements to static HTML without React attributes
+ * @param element - React elements to render
+ * @param options - Optional server rendering configuration
+ * @returns Static HTML string without React-specific attributes
+ */
+function renderToStaticMarkup(element: ReactNodeList, options?: ServerOptions): string;
+
+interface ServerOptions {
+  /** Prefix for server-generated element IDs */
+  identifierPrefix?: string;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+import { renderToString, renderToStaticMarkup } from "react-dom/server";
+
+// Basic server rendering with React attributes
+const html = renderToString(<App />);
+console.log(html); // '<div data-reactroot="">...</div>'
+
+// Static HTML without React attributes (for emails, static sites)
+const staticHtml = renderToStaticMarkup(<EmailTemplate />);
+console.log(staticHtml); // '<div>...</div>'
+
+// With custom identifier prefix
+const html = renderToString(<App />, {
+  identifierPrefix: "my-server-app"
+});
+```
+
+### Node.js Stream Rendering (Legacy)
+
+Legacy streaming APIs for Node.js environments using Node.js Readable streams.
+
+```javascript { .api }
+/**
+ * Renders to a Node.js Readable stream (legacy)
+ * @param element - React elements to render
+ * @param options - Optional server rendering configuration
+ * @returns Node.js Readable stream
+ */
+function renderToNodeStream(element: ReactNodeList, options?: ServerOptions): Readable;
+
+/**
+ * Renders static markup to a Node.js Readable stream (legacy)
+ * @param element - React elements to render
+ * @param options - Optional server rendering configuration
+ * @returns Node.js Readable stream with static HTML
+ */
+function renderToStaticNodeStream(element: ReactNodeList, options?: ServerOptions): Readable;
+```
+
+**Usage Examples:**
+
+```javascript
+import { renderToNodeStream } from "react-dom/server";
+import { pipeline } from "stream";
+
+// Stream to HTTP response
+const stream = renderToNodeStream(<App />);
+pipeline(stream, response, (err) => {
+  if (err) {
+    console.error("Streaming failed:", err);
+    response.statusCode = 500;
+    response.end();
+  }
+});
+```
+
+### Modern Streaming (Node.js)
+
+Modern streaming API with Suspense support and better control over the streaming process.
+
+```javascript { .api }
+/**
+ * Renders to a pipeable stream with Suspense support
+ * @param children - React elements to render
+ * @param options - Streaming configuration and callbacks
+ * @returns Object with pipe() and abort() methods
+ */
+function renderToPipeableStream(
+  children: ReactNodeList,
+  options?: PipeableStreamOptions
+): PipeableStream;
+
+interface PipeableStreamOptions {
+  /** Called when the shell is ready to stream */
+  onShellReady?: () => void;
+  /** Called when there's an error in the shell */
+  onShellError?: (error: mixed) => void;
+  /** Called when all content is ready */
+  onAllReady?: () => void;
+  /** Called when there's any error during rendering */
+  onError?: (error: mixed) => void;
+  /** Custom identifier prefix */
+  identifierPrefix?: string;
+  /** Nonce for Content Security Policy */
+  nonce?: string;
+  /** Scripts to include in the HTML */
+  bootstrapScripts?: Array<string>;
+  /** Script modules to include */
+  bootstrapScriptContent?: string;
+  /** Bootstrap modules */
+  bootstrapModules?: Array<string>;
+  /** Import map for modules */
+  importMap?: string;
+  /** Custom error handling */
+  onErrorShell?: (error: mixed) => void;
+  /** Progressive enhancement mode */
+  progressiveChunkSize?: number;
+}
+
+interface PipeableStream {
+  /** Pipe the stream to a writable destination */
+  pipe<T extends NodeJS.WritableStream>(destination: T): T;
+  /** Abort the streaming process */
+  abort(): void;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+import { renderToPipeableStream } from "react-dom/server";
+
+// Basic streaming
+const { pipe, abort } = renderToPipeableStream(<App />, {
+  onShellReady() {
+    response.statusCode = 200;
+    response.setHeader("Content-Type", "text/html");
+    pipe(response);
+  },
+  onShellError(error) {
+    response.statusCode = 500;
+    response.setHeader("Content-Type", "text/html");
+    response.send("<h1>Something went wrong</h1>");
+  },
+  onError(error) {
+    console.error("Streaming error:", error);
+  }
+});
+
+// With custom scripts and CSP
+const { pipe } = renderToPipeableStream(<App />, {
+  bootstrapScripts: ["/static/js/main.js"],
+  nonce: "random-nonce-value",
+  onShellReady() {
+    pipe(response);
+  }
+});
+
+// Handle request timeout
+const timeout = setTimeout(() => {
+  abort();
+  response.statusCode = 500;
+  response.end();
+}, 10000);
+
+// Clean up timeout when done
+response.on("finish", () => clearTimeout(timeout));
+```
+
+### Browser Streaming
+
+Web Streams compatible streaming for browser environments and edge runtimes.
+
+```javascript { .api }
+/**
+ * Renders to a Web Streams ReadableStream
+ * @param children - React elements to render
+ * @param options - Browser streaming configuration
+ * @returns Promise resolving to ReadableStream
+ */
+function renderToReadableStream(
+  children: ReactNodeList,
+  options?: ReadableStreamOptions
+): Promise<ReadableStream>;
+
+interface ReadableStreamOptions {
+  /** Custom identifier prefix */
+  identifierPrefix?: string;
+  /** Nonce for Content Security Policy */
+  nonce?: string;
+  /** Scripts to include in the HTML */
+  bootstrapScripts?: Array<string>;
+  /** Script content to include */
+  bootstrapScriptContent?: string;
+  /** Bootstrap modules */
+  bootstrapModules?: Array<string>;
+  /** Progressive chunk size */
+  progressiveChunkSize?: number;
+  /** AbortSignal for cancelling the stream */
+  signal?: AbortSignal;
+  /** Error callback */
+  onError?: (error: mixed) => void;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+import { renderToReadableStream } from "react-dom/server.browser";
+
+// Basic browser streaming
+async function handleRequest(request) {
+  const stream = await renderToReadableStream(<App />, {
+    bootstrapScripts: ["/static/js/bundle.js"]
+  });
+  
+  return new Response(stream, {
+    headers: { "Content-Type": "text/html" }
+  });
+}
+
+// With abort signal for timeout
+const controller = new AbortController();
+const timeoutId = setTimeout(() => controller.abort(), 5000);
+
+try {
+  const stream = await renderToReadableStream(<App />, {
+    signal: controller.signal,
+    onError(error) {
+      console.error("Rendering error:", error);
+    }
+  });
+  
+  clearTimeout(timeoutId);
+  return new Response(stream, {
+    headers: { "Content-Type": "text/html" }
+  });
+} catch (error) {
+  return new Response("Error", { status: 500 });
+}
+```
+
+### Environment-Specific Behavior
+
+#### Node.js Environment (`react-dom/server`)
+
+All streaming and string rendering methods are available:
+
+```javascript
+import {
+  renderToString,
+  renderToStaticMarkup,
+  renderToNodeStream,        // Available
+  renderToStaticNodeStream,  // Available
+  renderToPipeableStream
+} from "react-dom/server";
+```
+
+#### Browser Environment (`react-dom/server.browser`)
+
+Limited to string rendering and Web Streams:
+
+```javascript
+import {
+  renderToString,
+  renderToStaticMarkup,
+  renderToNodeStream,        // Throws error
+  renderToStaticNodeStream,  // Throws error
+  renderToReadableStream     // Available (Web Streams)
+} from "react-dom/server.browser";
+
+// These will throw errors in browser environment
+renderToNodeStream(<App />); // Error: Not supported in browser
+renderToStaticNodeStream(<App />); // Error: Not supported in browser
+```
+
+## Integration Examples
+
+### Express.js Integration
+
+```javascript
+import express from "express";
+import { renderToPipeableStream } from "react-dom/server";
+
+const app = express();
+
+app.get("*", (req, res) => {
+  const { pipe, abort } = renderToPipeableStream(<App url={req.url} />, {
+    bootstrapScripts: ["/static/js/bundle.js"],
+    onShellReady() {
+      res.statusCode = 200;
+      res.setHeader("Content-Type", "text/html");
+      pipe(res);
+    },
+    onShellError(error) {
+      res.statusCode = 500;
+      res.setHeader("Content-Type", "text/html");
+      res.send("<!doctype html><p>Loading...</p><script src=\"/static/js/bundle.js\"></script>");
+    },
+    onError(error) {
+      console.error(error);
+    }
+  });
+  
+  setTimeout(abort, 10000);
+});
+```
+
+### Next.js Style Streaming
+
+```javascript
+import { renderToPipeableStream } from "react-dom/server";
+
+export async function renderPage(Component, props) {
+  return new Promise((resolve, reject) => {
+    let html = "";
+    
+    const { pipe } = renderToPipeableStream(<Component {...props} />, {
+      onAllReady() {
+        resolve(html);
+      },
+      onError(error) {
+        reject(error);
+      }
+    });
+    
+    const writable = new WritableStream({
+      write(chunk) {
+        html += chunk;
+      }
+    });
+    
+    pipe(writable);
+  });
+}
+```
+
+## Version Information
+
+```javascript { .api }
+const version: string; // "18.3.1"
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-react-dom/docs/testing-utilities.md b/.tessl/tiles/tessl/npm-react-dom/docs/testing-utilities.md
new file mode 100644
index 000000000..6468fca9c
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-react-dom/docs/testing-utilities.md
@@ -0,0 +1,390 @@
+# Testing Utilities
+
+Comprehensive testing utilities for component inspection, tree traversal, event simulation, and advanced debugging capabilities. These utilities help test React components by providing programmatic access to component trees and DOM events.
+
+## Entry Points
+
+- `react-dom/test-utils` - Standard testing utilities (mostly deprecated in favor of modern testing libraries)
+- `react-dom/unstable_testing` - Experimental testing APIs for advanced debugging
+
+## Component Type Checking
+
+Utilities for checking component and element types within rendered trees.
+
+```javascript { .api }
+/**
+ * Checks if a value is a React element
+ * @param element - Value to check
+ * @returns True if the value is a React element
+ */
+function isElement(element: any): boolean;
+
+/**
+ * Checks if an element is of a specific component type
+ * @param element - React element to check
+ * @param componentType - Component type to match against
+ * @returns True if element matches the component type
+ */
+function isElementOfType(element: ReactElement, componentType: ComponentType): boolean;
+
+/**
+ * Checks if an instance is a DOM component
+ * @param instance - Component instance to check
+ * @returns True if instance is a DOM component
+ */
+function isDOMComponent(instance: ReactComponent): boolean;
+
+/**
+ * Checks if an element represents a DOM component
+ * @param element - React element to check
+ * @returns True if element represents a DOM component
+ */
+function isDOMComponentElement(element: ReactElement): boolean;
+
+/**
+ * Checks if an instance is a composite component
+ * @param instance - Component instance to check
+ * @returns True if instance is a composite component
+ */
+function isCompositeComponent(instance: ReactComponent): boolean;
+
+/**
+ * Checks if a composite component is of a specific type
+ * @param instance - Component instance to check
+ * @param type - Component type to match against
+ * @returns True if instance matches the component type
+ */
+function isCompositeComponentWithType(instance: ReactComponent, type: ComponentType): boolean;
+```
+
+**Usage Examples:**
+
+```javascript
+import * as TestUtils from "react-dom/test-utils";
+
+// Check element types
+const element = <div>Hello</div>;
+console.log(TestUtils.isElement(element)); // true
+console.log(TestUtils.isElementOfType(element, "div")); // true
+
+// Check component instances
+const component = TestUtils.renderIntoDocument(<MyComponent />);
+console.log(TestUtils.isCompositeComponent(component)); // true
+console.log(TestUtils.isCompositeComponentWithType(component, MyComponent)); // true
+```
+
+## Tree Traversal and Finding
+
+Utilities for searching and traversing rendered component trees.
+
+```javascript { .api }
+/**
+ * Finds all instances in the tree that match the test function
+ * @param tree - Component tree to search
+ * @param test - Function that returns true for matching instances
+ * @returns Array of matching instances
+ */
+function findAllInRenderedTree(tree: ReactComponent, test: (instance: ReactComponent) => boolean): Array<ReactComponent>;
+
+/**
+ * Finds DOM components by CSS class name
+ * @param tree - Component tree to search
+ * @param className - CSS class name to search for
+ * @returns Array of matching DOM elements
+ */
+function scryRenderedDOMComponentsWithClass(tree: ReactComponent, className: string): Array<Element>;
+
+/**
+ * Finds single DOM component by CSS class name
+ * @param tree - Component tree to search
+ * @param className - CSS class name to search for
+ * @returns Single matching DOM element
+ * @throws Error if zero or multiple matches found
+ */
+function findRenderedDOMComponentWithClass(tree: ReactComponent, className: string): Element;
+
+/**
+ * Finds DOM components by tag name
+ * @param tree - Component tree to search
+ * @param tagName - HTML tag name to search for
+ * @returns Array of matching DOM elements
+ */
+function scryRenderedDOMComponentsWithTag(tree: ReactComponent, tagName: string): Array<Element>;
+
+/**
+ * Finds single DOM component by tag name
+ * @param tree - Component tree to search
+ * @param tagName - HTML tag name to search for
+ * @returns Single matching DOM element
+ * @throws Error if zero or multiple matches found
+ */
+function findRenderedDOMComponentWithTag(tree: ReactComponent, tagName: string): Element;
+
+/**
+ * Finds components by React component type
+ * @param tree - Component tree to search
+ * @param type - React component type to search for
+ * @returns Array of matching component instances
+ */
+function scryRenderedComponentsWithType(tree: ReactComponent, type: ComponentType): Array<ReactComponent>;
+
+/**
+ * Finds single component by React component type
+ * @param tree - Component tree to search
+ * @param type - React component type to search for
+ * @returns Single matching component instance
+ * @throws Error if zero or multiple matches found
+ */
+function findRenderedComponentWithType(tree: ReactComponent, type: ComponentType): ReactComponent;
+```
+
+**Usage Examples:**
+
+```javascript
+import * as TestUtils from "react-dom/test-utils";
+
+// Render component for testing
+const tree = TestUtils.renderIntoDocument(
+  <div>
+    <button className="primary">Submit</button>
+    <input type="text" />
+    <MyComponent />
+  </div>
+);
+
+// Find by class name
+const button = TestUtils.findRenderedDOMComponentWithClass(tree, "primary");
+console.log(button.textContent); // "Submit"
+
+// Find by tag name
+const input = TestUtils.findRenderedDOMComponentWithTag(tree, "input");
+console.log(input.type); // "text"
+
+// Find by component type
+const myComponent = TestUtils.findRenderedComponentWithType(tree, MyComponent);
+
+// Find multiple elements
+const allButtons = TestUtils.scryRenderedDOMComponentsWithTag(tree, "button");
+console.log(allButtons.length); // Number of button elements
+
+// Custom search
+const textInputs = TestUtils.findAllInRenderedTree(tree, (instance) => {
+  return TestUtils.isDOMComponent(instance) && 
+         instance.tagName === "INPUT" && 
+         instance.type === "text";
+});
+```
+
+## Event Simulation
+
+The `Simulate` object provides methods for programmatically triggering DOM events on elements.
+
+```javascript { .api }
+const Simulate: {
+  // Mouse events
+  click(element: Element, eventData?: Object): void;
+  doubleClick(element: Element, eventData?: Object): void;
+  mouseDown(element: Element, eventData?: Object): void;
+  mouseUp(element: Element, eventData?: Object): void;
+  mouseMove(element: Element, eventData?: Object): void;
+  mouseOver(element: Element, eventData?: Object): void;
+  mouseOut(element: Element, eventData?: Object): void;
+  mouseEnter(element: Element, eventData?: Object): void;
+  mouseLeave(element: Element, eventData?: Object): void;
+  
+  // Keyboard events
+  keyDown(element: Element, eventData?: Object): void;
+  keyUp(element: Element, eventData?: Object): void;
+  keyPress(element: Element, eventData?: Object): void;
+  
+  // Form events
+  change(element: Element, eventData?: Object): void;
+  input(element: Element, eventData?: Object): void;
+  submit(element: Element, eventData?: Object): void;
+  focus(element: Element, eventData?: Object): void;
+  blur(element: Element, eventData?: Object): void;
+  
+  // Touch events
+  touchStart(element: Element, eventData?: Object): void;
+  touchMove(element: Element, eventData?: Object): void;
+  touchEnd(element: Element, eventData?: Object): void;
+  touchCancel(element: Element, eventData?: Object): void;
+  
+  // Drag events
+  drag(element: Element, eventData?: Object): void;
+  dragStart(element: Element, eventData?: Object): void;
+  dragEnd(element: Element, eventData?: Object): void;
+  dragEnter(element: Element, eventData?: Object): void;
+  dragLeave(element: Element, eventData?: Object): void;
+  dragOver(element: Element, eventData?: Object): void;
+  drop(element: Element, eventData?: Object): void;
+  
+  // Scroll events
+  scroll(element: Element, eventData?: Object): void;
+  
+  // And 60+ other DOM event types...
+};
+```
+
+**Usage Examples:**
+
+```javascript
+import * as TestUtils from "react-dom/test-utils";
+
+// Render component
+const tree = TestUtils.renderIntoDocument(<MyForm />);
+
+// Find form elements
+const input = TestUtils.findRenderedDOMComponentWithTag(tree, "input");
+const button = TestUtils.findRenderedDOMComponentWithTag(tree, "button");
+
+// Simulate user interactions
+TestUtils.Simulate.change(input, { target: { value: "test value" } });
+TestUtils.Simulate.focus(input);
+TestUtils.Simulate.keyDown(input, { key: "Enter", keyCode: 13 });
+TestUtils.Simulate.click(button);
+
+// Mouse events with coordinates
+TestUtils.Simulate.mouseOver(button, {
+  clientX: 100,
+  clientY: 200
+});
+
+// Form submission
+const form = TestUtils.findRenderedDOMComponentWithTag(tree, "form");
+TestUtils.Simulate.submit(form);
+
+// Custom event data
+TestUtils.Simulate.change(input, {
+  target: { value: "new value" },
+  preventDefault: () => {},
+  stopPropagation: () => {}
+});
+```
+
+## Legacy Testing Utilities
+
+These utilities are deprecated but still available for backward compatibility:
+
+```javascript { .api }
+/**
+ * Renders element into the document (deprecated)
+ * @deprecated Use modern testing libraries like @testing-library/react
+ */
+function renderIntoDocument(element: ReactElement): ReactComponent;
+
+/**
+ * Creates a mock component (deprecated)
+ * @deprecated Use modern mocking approaches
+ */
+function mockComponent(module: any, mockTagName?: string): Function;
+
+/**
+ * Wraps updates for testing (deprecated)
+ * @deprecated Use React.act instead
+ */
+function act(callback: () => void): void;
+```
+
+## Utility Functions
+
+Additional utility functions for testing scenarios:
+
+```javascript { .api }
+/**
+ * Creates touch event data for testing
+ * @param x - X coordinate
+ * @param y - Y coordinate
+ * @returns Touch event data object
+ */
+function nativeTouchData(x: number, y: number): Object;
+
+/**
+ * Internal utility for event traversal
+ * @param instance - Component instance
+ * @param fn - Function to call for each phase
+ * @param arg - Argument to pass to function
+ */
+function traverseTwoPhase(instance: ReactComponent, fn: Function, arg: any): void;
+```
+
+## Experimental Testing APIs
+
+Advanced testing capabilities available through `react-dom/unstable_testing`:
+
+```javascript { .api }
+// Component selection for advanced testing
+function createComponentSelector(): ComponentSelector;
+function createHasPseudoClassSelector(): PseudoClassSelector;
+function createRoleSelector(): RoleSelector;
+function createTestNameSelector(): TestNameSelector;
+function createTextSelector(): TextSelector;
+
+// Advanced inspection APIs
+function getFindAllNodesFailureDescription(): string;
+function findAllNodes(): Array<Node>;
+function findBoundingRects(): Array<DOMRect>;
+function focusWithin(): void;
+function observeVisibleRects(): void;
+```
+
+**Usage Examples:**
+
+```javascript
+import {
+  createTextSelector,
+  createRoleSelector,
+  findAllNodes
+} from "react-dom/unstable_testing";
+
+// Advanced selectors for modern testing
+const textSelector = createTextSelector("Submit");
+const roleSelector = createRoleSelector("button");
+const nodes = findAllNodes();
+```
+
+## Migration Guide
+
+**From React DOM Test Utils to Modern Testing:**
+
+```javascript
+// Old approach (deprecated)
+import * as TestUtils from "react-dom/test-utils";
+
+const tree = TestUtils.renderIntoDocument(<MyComponent />);
+const button = TestUtils.findRenderedDOMComponentWithTag(tree, "button");
+TestUtils.Simulate.click(button);
+
+// Modern approach (recommended)
+import { render, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+
+render(<MyComponent />);
+const button = screen.getByRole("button");
+await userEvent.click(button);
+```
+
+**Key Differences:**
+- Modern libraries provide better async support
+- More semantic queries (by role, label, text)
+- Better accessibility testing support
+- Cleaner API design
+- Active maintenance and community support
+
+## Integration with Modern Testing
+
+While React DOM test utilities are mostly deprecated, they can still be useful in specific scenarios:
+
+```javascript
+import { render } from "@testing-library/react";
+import * as TestUtils from "react-dom/test-utils";
+
+// Render with modern library
+const { container } = render(<MyComponent />);
+
+// Use legacy utils for specific needs
+const allComponents = TestUtils.findAllInRenderedTree(
+  container.firstChild,
+  (instance) => TestUtils.isCompositeComponent(instance)
+);
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-react-dom/tile.json b/.tessl/tiles/tessl/npm-react-dom/tile.json
new file mode 100644
index 000000000..026fd2f60
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-react-dom/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-react-dom",
+  "version": "18.3.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/react-dom@18.3.1",
+  "summary": "React package for working with the DOM."
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-react-markdown/docs/component-customization.md b/.tessl/tiles/tessl/npm-react-markdown/docs/component-customization.md
new file mode 100644
index 000000000..dc09202a4
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-react-markdown/docs/component-customization.md
@@ -0,0 +1,325 @@
+# Component Customization
+
+System for replacing default HTML elements with custom React components, enabling full control over styling and behavior.
+
+## Capabilities
+
+### Components Interface
+
+Map HTML tag names to custom React components for complete control over element rendering.
+
+```typescript { .api }
+/**
+ * Map HTML tag names to React components
+ * Each key is an HTML tag name, each value is a React component
+ */
+type Components = {
+  [Key in Extract<ElementType, string>]?: ElementType<ComponentProps<Key> & ExtraProps>
+};
+
+/**
+ * Extra properties passed to custom components
+ */
+interface ExtraProps {
+  /** Original hast element node (when available) */
+  node?: Element | undefined;
+}
+```
+
+### Standard HTML Elements
+
+All standard HTML elements can be customized. Common elements include:
+
+```typescript { .api }
+// Text elements
+a: ComponentType<ComponentProps<'a'> & ExtraProps>;
+em: ComponentType<ComponentProps<'em'> & ExtraProps>;
+strong: ComponentType<ComponentProps<'strong'> & ExtraProps>;
+code: ComponentType<ComponentProps<'code'> & ExtraProps>;
+pre: ComponentType<ComponentProps<'pre'> & ExtraProps>;
+
+// Headings
+h1: ComponentType<ComponentProps<'h1'> & ExtraProps>;
+h2: ComponentType<ComponentProps<'h2'> & ExtraProps>;
+h3: ComponentType<ComponentProps<'h3'> & ExtraProps>;
+h4: ComponentType<ComponentProps<'h4'> & ExtraProps>;
+h5: ComponentType<ComponentProps<'h5'> & ExtraProps>;
+h6: ComponentType<ComponentProps<'h6'> & ExtraProps>;
+
+// Structure
+p: ComponentType<ComponentProps<'p'> & ExtraProps>;
+blockquote: ComponentType<ComponentProps<'blockquote'> & ExtraProps>;
+ul: ComponentType<ComponentProps<'ul'> & ExtraProps>;
+ol: ComponentType<ComponentProps<'ol'> & ExtraProps>;
+li: ComponentType<ComponentProps<'li'> & ExtraProps>;
+
+// Media
+img: ComponentType<ComponentProps<'img'> & ExtraProps>;
+```
+
+### GFM Elements (with remark-gfm)
+
+When using GitHub Flavored Markdown plugin, additional elements are available:
+
+```typescript { .api }
+// Table elements
+table: ComponentType<ComponentProps<'table'> & ExtraProps>;
+thead: ComponentType<ComponentProps<'thead'> & ExtraProps>;
+tbody: ComponentType<ComponentProps<'tbody'> & ExtraProps>;
+tr: ComponentType<ComponentProps<'tr'> & ExtraProps>;
+th: ComponentType<ComponentProps<'th'> & ExtraProps>;
+td: ComponentType<ComponentProps<'td'> & ExtraProps>;
+
+// Strikethrough
+del: ComponentType<ComponentProps<'del'> & ExtraProps>;
+
+// Task list items
+input: ComponentType<ComponentProps<'input'> & ExtraProps>;
+```
+
+## Usage Patterns
+
+### Simple Element Mapping
+
+Replace one HTML element with another:
+
+```typescript
+<Markdown 
+  components={{
+    // Map h1 to h2
+    h1: 'h2',
+    // Map blockquote to div with class
+    blockquote: 'div'
+  }}
+>
+  {content}
+</Markdown>
+```
+
+### Function Component Customization
+
+Create custom components with full control:
+
+```typescript
+const CustomHeading = ({ level, children, ...props }) => {
+  const Tag = `h${level}`;
+  return (
+    <Tag className={`heading-${level} text-blue-600`} {...props}>
+      <span className="heading-icon">#</span>
+      {children}
+    </Tag>
+  );
+};
+
+<Markdown 
+  components={{
+    h1: (props) => <CustomHeading level={1} {...props} />,
+    h2: (props) => <CustomHeading level={2} {...props} />,
+    h3: (props) => <CustomHeading level={3} {...props} />
+  }}
+>
+  {content}
+</Markdown>
+```
+
+### Link Customization
+
+Custom link handling with routing integration:
+
+```typescript
+import { Link } from 'react-router-dom';
+
+const CustomLink = ({ href, children, ...props }) => {
+  // Handle internal vs external links
+  if (href?.startsWith('/')) {
+    return <Link to={href} {...props}>{children}</Link>;
+  }
+  
+  return (
+    <a 
+      href={href} 
+      target="_blank" 
+      rel="noopener noreferrer"
+      className="external-link"
+      {...props}
+    >
+      {children}
+      <ExternalLinkIcon />
+    </a>
+  );
+};
+
+<Markdown components={{ a: CustomLink }}>
+  {content}
+</Markdown>
+```
+
+### Code Block Customization
+
+Syntax highlighting and copy functionality:
+
+```typescript
+import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
+import { dark } from 'react-syntax-highlighter/dist/esm/styles/prism';
+
+const CodeBlock = ({ node, children, className, ...props }) => {
+  const match = /language-(\w+)/.exec(className || '');
+  const language = match ? match[1] : '';
+  
+  return match ? (
+    <div className="code-block-wrapper">
+      <div className="code-header">
+        <span className="language-label">{language}</span>
+        <CopyButton text={String(children)} />
+      </div>
+      <SyntaxHighlighter
+        style={dark}
+        language={language}
+        PreTag="div"
+        {...props}
+      >
+        {String(children).replace(/\n$/, '')}
+      </SyntaxHighlighter>
+    </div>
+  ) : (
+    <code className={`inline-code ${className}`} {...props}>
+      {children}
+    </code>
+  );
+};
+
+<Markdown components={{ code: CodeBlock }}>
+  {content}
+</Markdown>
+```
+
+### Image Customization
+
+Lazy loading and lightbox integration:
+
+```typescript
+const CustomImage = ({ src, alt, node, ...props }) => {
+  const [isLoaded, setIsLoaded] = useState(false);
+  
+  return (
+    <div className="image-wrapper">
+      {!isLoaded && <div className="image-placeholder">Loading...</div>}
+      <img
+        src={src}
+        alt={alt}
+        loading="lazy"
+        onLoad={() => setIsLoaded(true)}
+        onClick={() => openLightbox(src)}
+        className={`custom-image ${isLoaded ? 'loaded' : 'loading'}`}
+        {...props}
+      />
+    </div>
+  );
+};
+
+<Markdown components={{ img: CustomImage }}>
+  {content}
+</Markdown>
+```
+
+### Table Customization
+
+Enhanced table styling and functionality:
+
+```typescript
+const CustomTable = ({ children, ...props }) => (
+  <div className="table-container">
+    <table className="custom-table" {...props}>
+      {children}
+    </table>
+  </div>
+);
+
+const CustomTableRow = ({ children, node, ...props }) => {
+  const isHeader = node?.parent?.tagName === 'thead';
+  return (
+    <tr className={isHeader ? 'header-row' : 'data-row'} {...props}>
+      {children}
+    </tr>
+  );
+};
+
+<Markdown 
+  components={{
+    table: CustomTable,
+    tr: CustomTableRow,
+    th: ({ children, ...props }) => (
+      <th className="sortable-header" {...props}>
+        {children}
+        <SortIcon />
+      </th>
+    )
+  }}
+>
+  {content}
+</Markdown>
+```
+
+### Task List Customization
+
+Custom checkbox styling:
+
+```typescript
+const CustomTaskItem = ({ children, ...props }) => {
+  const isChecked = props.checked;
+  
+  return (
+    <li className={`task-item ${isChecked ? 'completed' : 'pending'}`}>
+      <CustomCheckbox checked={isChecked} readOnly />
+      <span className="task-content">{children}</span>
+    </li>
+  );
+};
+
+const CustomCheckbox = ({ checked, ...props }) => (
+  <span className={`custom-checkbox ${checked ? 'checked' : ''}`} {...props}>
+    {checked && <CheckIcon />}
+  </span>
+);
+
+<Markdown 
+  components={{
+    li: CustomTaskItem,
+    input: () => null // Hide default input
+  }}
+>
+  {content}
+</Markdown>
+```
+
+## Component Props
+
+### Standard Props
+
+All custom components receive:
+
+- Standard HTML props for the element type
+- `children`: React node content
+- `node`: Original hast element (when available)
+
+### Accessing Original Element
+
+Use the `node` prop to access the original parsed element:
+
+```typescript
+const CustomElement = ({ node, children, ...props }) => {
+  console.log('Element type:', node?.tagName);
+  console.log('Element properties:', node?.properties);
+  console.log('Element position:', node?.position);
+  
+  return <div {...props}>{children}</div>;
+};
+```
+
+## Best Practices
+
+1. **Preserve semantic HTML**: Maintain semantic meaning when customizing elements
+2. **Handle props correctly**: Spread remaining props to maintain accessibility
+3. **Consider performance**: Avoid heavy computations in component render functions
+4. **Maintain accessibility**: Ensure custom components are accessible
+5. **Type safety**: Use proper TypeScript types for component props
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-react-markdown/docs/configuration.md b/.tessl/tiles/tessl/npm-react-markdown/docs/configuration.md
new file mode 100644
index 000000000..c623c2b61
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-react-markdown/docs/configuration.md
@@ -0,0 +1,233 @@
+# Configuration
+
+Comprehensive configuration system for customizing markdown rendering behavior, security settings, and plugin integration.
+
+## Capabilities
+
+### Options Interface
+
+Complete configuration object accepted by all react-markdown components.
+
+```typescript { .api }
+/**
+ * Configuration options for react-markdown components
+ */
+interface Options {
+  /** Markdown content to render */
+  children?: string | null | undefined;
+  /** CSS class name for wrapper div */
+  className?: string | null | undefined;
+  /** HTML tag names to allow (cannot be used with disallowedElements) */
+  allowedElements?: ReadonlyArray<string> | null | undefined;
+  /** HTML tag names to disallow (cannot be used with allowedElements) */
+  disallowedElements?: ReadonlyArray<string> | null | undefined;
+  /** Function to filter elements dynamically */
+  allowElement?: AllowElement | null | undefined;
+  /** Extract children from disallowed elements instead of removing entirely */
+  unwrapDisallowed?: boolean | null | undefined;
+  /** Map HTML tag names to custom React components */
+  components?: Components | null | undefined;
+  /** Array of remark plugins for markdown processing */
+  remarkPlugins?: PluggableList | null | undefined;
+  /** Array of rehype plugins for HTML processing */
+  rehypePlugins?: PluggableList | null | undefined;
+  /** Options passed to remark-rehype transformation */
+  remarkRehypeOptions?: Readonly<RemarkRehypeOptions> | null | undefined;
+  /** Function to transform URLs for security or customization */
+  urlTransform?: UrlTransform | null | undefined;
+  /** Ignore HTML in markdown completely */
+  skipHtml?: boolean | null | undefined;
+}
+```
+
+### Content Configuration
+
+Basic content and styling options.
+
+```typescript { .api }
+/** Markdown content to render */
+children?: string | null | undefined;
+
+/** CSS class name applied to wrapper div */
+className?: string | null | undefined;
+```
+
+**Usage Example:**
+
+```typescript
+<Markdown className="prose">
+  # Hello World
+  
+  This is **bold** text.
+</Markdown>
+```
+
+### Element Filtering
+
+Security and content filtering options for controlling which HTML elements are rendered.
+
+```typescript { .api }
+/** HTML tag names to allow (whitelist approach) */
+allowedElements?: ReadonlyArray<string> | null | undefined;
+
+/** HTML tag names to disallow (blacklist approach) */
+disallowedElements?: ReadonlyArray<string> | null | undefined;
+
+/** Function to filter elements dynamically based on element, position, and context */
+allowElement?: AllowElement | null | undefined;
+
+/** Extract children from disallowed elements instead of removing entirely */
+unwrapDisallowed?: boolean | null | undefined;
+```
+
+**Important:** `allowedElements` and `disallowedElements` cannot be used together.
+
+**Usage Examples:**
+
+```typescript
+// Only allow specific elements
+<Markdown allowedElements={['h1', 'h2', 'p', 'em', 'strong']}>
+  {content}
+</Markdown>
+
+// Disallow potentially dangerous elements
+<Markdown disallowedElements={['script', 'iframe', 'object']}>
+  {content}
+</Markdown>
+
+// Dynamic filtering based on context
+<Markdown 
+  allowElement={(element, index, parent) => {
+    // Disallow h1 elements inside blockquotes
+    if (element.tagName === 'h1' && parent?.tagName === 'blockquote') {
+      return false;
+    }
+    return true;
+  }}
+>
+  {content}
+</Markdown>
+
+// Unwrap disallowed elements to preserve their content
+<Markdown 
+  disallowedElements={['div']} 
+  unwrapDisallowed={true}
+>
+  {content}
+</Markdown>
+```
+
+### Plugin Configuration
+
+Integration with the unified ecosystem for markdown and HTML processing.
+
+```typescript { .api }
+/** Array of remark plugins for markdown processing */
+remarkPlugins?: PluggableList | null | undefined;
+
+/** Array of rehype plugins for HTML processing */
+rehypePlugins?: PluggableList | null | undefined;
+
+/** Options passed to remark-rehype transformation */
+remarkRehypeOptions?: Readonly<RemarkRehypeOptions> | null | undefined;
+```
+
+**Usage Examples:**
+
+```typescript
+import remarkGfm from 'remark-gfm';
+import remarkMath from 'remark-math';
+import rehypeKatex from 'rehype-katex';
+import rehypeHighlight from 'rehype-highlight';
+
+// Basic plugin usage
+<Markdown remarkPlugins={[remarkGfm]}>
+  {content}
+</Markdown>
+
+// Plugins with configuration
+<Markdown 
+  remarkPlugins={[
+    remarkGfm,
+    [remarkMath, { singleDollarTextMath: false }]
+  ]}
+  rehypePlugins={[
+    rehypeKatex,
+    [rehypeHighlight, { detect: true }]
+  ]}
+>
+  {content}
+</Markdown>
+
+// remark-rehype bridge options
+<Markdown 
+  remarkRehypeOptions={{
+    allowDangerousHtml: true,
+    footnoteLabel: 'Footnotes',
+    footnoteLabelTagName: 'h2'
+  }}
+>
+  {content}
+</Markdown>
+```
+
+### HTML Processing
+
+Options for handling HTML content within markdown.
+
+```typescript { .api }
+/** Ignore HTML in markdown completely */
+skipHtml?: boolean | null | undefined;
+```
+
+**Usage Example:**
+
+```typescript
+// Ignore all HTML tags and render only markdown
+<Markdown skipHtml={true}>
+  # Title
+  
+  <script>alert('ignored')</script>
+  
+  This is **safe** markdown.
+</Markdown>
+```
+
+## Configuration Patterns
+
+### Security-First Configuration
+
+```typescript
+const secureConfig = {
+  allowedElements: ['h1', 'h2', 'h3', 'p', 'em', 'strong', 'ul', 'ol', 'li', 'a'],
+  urlTransform: (url: string) => {
+    // Only allow relative URLs and trusted domains
+    if (url.startsWith('/') || url.startsWith('https://trusted-domain.com')) {
+      return url;
+    }
+    return '';
+  },
+  skipHtml: true
+};
+
+<Markdown {...secureConfig}>{content}</Markdown>
+```
+
+### Rich Content Configuration
+
+```typescript
+import remarkGfm from 'remark-gfm';
+import rehypeRaw from 'rehype-raw';
+import rehypeSanitize from 'rehype-sanitize';
+
+const richConfig = {
+  remarkPlugins: [remarkGfm],
+  rehypePlugins: [rehypeRaw, rehypeSanitize],
+  components: {
+    table: CustomTable,
+    code: SyntaxHighlighter
+  }
+};
+
+<Markdown {...richConfig}>{content}</Markdown>
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-react-markdown/docs/core-components.md b/.tessl/tiles/tessl/npm-react-markdown/docs/core-components.md
new file mode 100644
index 000000000..04624dab0
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-react-markdown/docs/core-components.md
@@ -0,0 +1,103 @@
+# Core Components
+
+The primary React components for rendering markdown with different async plugin support patterns.
+
+## Capabilities
+
+### Markdown Component (Default Export)
+
+Synchronous component for standard markdown rendering. This is the main component for most use cases.
+
+```typescript { .api }
+/**
+ * Render markdown as React elements synchronously
+ * @param options - Configuration options for rendering
+ * @returns React element containing rendered markdown
+ */
+function Markdown(options: Options): ReactElement;
+```
+
+**Usage Example:**
+
+```typescript
+import React from "react";
+import Markdown from "react-markdown";
+
+function BlogPost({ content }: { content: string }) {
+  return (
+    <article>
+      <Markdown>{content}</Markdown>
+    </article>
+  );
+}
+```
+
+### MarkdownAsync Component
+
+Component for server-side async plugin support using async/await pattern.
+
+```typescript { .api }
+/**
+ * Render markdown with async plugin support using async/await
+ * @param options - Configuration options for rendering
+ * @returns Promise resolving to React element
+ */
+function MarkdownAsync(options: Options): Promise<ReactElement>;
+```
+
+**Usage Example:**
+
+```typescript
+import { MarkdownAsync } from "react-markdown";
+import rehypeStarryNight from "rehype-starry-night";
+
+// Server-side component
+async function ServerMarkdown({ content }: { content: string }) {
+  const element = await MarkdownAsync({
+    children: content,
+    rehypePlugins: [rehypeStarryNight] // Async syntax highlighting
+  });
+  
+  return element;
+}
+```
+
+### MarkdownHooks Component
+
+Component for client-side async plugin support using React hooks.
+
+```typescript { .api }
+/**
+ * Render markdown with async plugin support using React hooks
+ * @param options - Configuration options for rendering
+ * @returns React element with async plugin support
+ */
+function MarkdownHooks(options: Options): ReactElement;
+```
+
+**Usage Example:**
+
+```typescript
+import { MarkdownHooks } from "react-markdown";
+import rehypeStarryNight from "rehype-starry-night";
+
+function ClientMarkdown({ content }: { content: string }) {
+  return (
+    <MarkdownHooks
+      rehypePlugins={[rehypeStarryNight]}
+    >
+      {content}
+    </MarkdownHooks>
+  );
+}
+```
+
+## When to Use Each Component
+
+- **Markdown**: Default choice for most use cases with synchronous plugins
+- **MarkdownAsync**: Server-side rendering with async plugins (Next.js, Node.js)
+- **MarkdownHooks**: Client-side rendering with async plugins (React SPA)
+
+## Common Props
+
+All components accept the same `Options` interface, providing consistent API across sync and async patterns.
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-react-markdown/docs/index.md b/.tessl/tiles/tessl/npm-react-markdown/docs/index.md
new file mode 100644
index 000000000..afd197af0
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-react-markdown/docs/index.md
@@ -0,0 +1,166 @@
+# React Markdown
+
+React Markdown is a React component library that safely renders Markdown content to React elements without using dangerouslySetInnerHTML. It provides a secure, extensible, and performant way to display markdown in React applications with full control over element rendering and styling.
+
+## Package Information
+
+- **Package Name**: react-markdown
+- **Package Type**: npm
+- **Language**: JavaScript/TypeScript
+- **Installation**: `npm install react-markdown`
+
+## Core Imports
+
+```typescript
+import Markdown from "react-markdown";
+import { MarkdownAsync, MarkdownHooks, defaultUrlTransform } from "react-markdown";
+```
+
+For CommonJS:
+
+```javascript
+const Markdown = require("react-markdown");
+const { MarkdownAsync, MarkdownHooks, defaultUrlTransform } = require("react-markdown");
+```
+
+## Basic Usage
+
+```typescript
+import React from "react";
+import Markdown from "react-markdown";
+
+function MyComponent() {
+  const markdown = `
+    # Hello World
+    
+    This is **bold** text and this is *italic* text.
+    
+    - Item 1
+    - Item 2
+    - Item 3
+  `;
+
+  return <Markdown>{markdown}</Markdown>;
+}
+```
+
+## Architecture
+
+React Markdown is built on the unified ecosystem and provides several key components:
+
+- **Synchronous Rendering**: `Markdown` component for standard use cases with sync plugins
+- **Async Support**: `MarkdownAsync` and `MarkdownHooks` components for handling async plugins
+- **Security Layer**: URL transformation and element filtering for XSS protection
+- **Plugin System**: Integration with remark (markdown) and rehype (HTML) plugin ecosystems
+- **Component Mapping**: Ability to replace HTML elements with custom React components
+- **Type Safety**: Full TypeScript support with comprehensive type definitions
+
+## Capabilities
+
+### Core Components
+
+Main React components for rendering markdown with different async support patterns.
+
+```typescript { .api }
+function Markdown(options: Options): ReactElement;
+
+function MarkdownAsync(options: Options): Promise<ReactElement>;
+
+function MarkdownHooks(options: Options): ReactElement;
+```
+
+[Core Components](./core-components.md)
+
+### Configuration and Options
+
+Comprehensive configuration system for customizing markdown rendering behavior, security settings, and plugin integration.
+
+```typescript { .api }
+interface Options {
+  allowElement?: AllowElement | null | undefined;
+  allowedElements?: ReadonlyArray<string> | null | undefined;
+  children?: string | null | undefined;
+  className?: string | null | undefined;
+  components?: Components | null | undefined;
+  disallowedElements?: ReadonlyArray<string> | null | undefined;
+  rehypePlugins?: PluggableList | null | undefined;
+  remarkPlugins?: PluggableList | null | undefined;
+  remarkRehypeOptions?: Readonly<RemarkRehypeOptions> | null | undefined;
+  skipHtml?: boolean | null | undefined;
+  unwrapDisallowed?: boolean | null | undefined;
+  urlTransform?: UrlTransform | null | undefined;
+}
+```
+
+[Configuration](./configuration.md)
+
+### Component Customization
+
+System for replacing default HTML elements with custom React components, enabling full control over styling and behavior.
+
+```typescript { .api }
+type Components = {
+  [Key in Extract<ElementType, string>]?: ElementType<ComponentProps<Key> & ExtraProps>
+};
+
+interface ExtraProps {
+  node?: Element | undefined;
+}
+```
+
+[Component Customization](./component-customization.md)
+
+### Security and URL Handling
+
+Built-in security features including URL sanitization and element filtering to prevent XSS attacks.
+
+```typescript { .api }
+function defaultUrlTransform(value: string): string;
+
+type AllowElement = (
+  element: Readonly<Element>,
+  index: number,
+  parent: Readonly<Parents> | undefined
+) => boolean | null | undefined;
+
+type UrlTransform = (
+  url: string,
+  key: string,
+  node: Readonly<Element>
+) => string | null | undefined;
+```
+
+[Security Features](./security.md)
+
+## Types
+
+```typescript { .api }
+interface Element {
+  type: 'element';
+  tagName: string;
+  properties: Record<string, any>;
+  children: ElementContent[];
+}
+
+interface Parents {
+  type: string;
+  children: Node[];
+}
+
+interface ElementContent {
+  type: string;
+}
+
+interface RemarkRehypeOptions {
+  allowDangerousHtml?: boolean;
+  footnoteLabel?: string;
+  footnoteLabelTagName?: string;
+  footnoteBackLabel?: string;
+  clobberPrefix?: string;
+  [key: string]: unknown;
+}
+
+type PluggableList = Array<Plugin | [Plugin, ...unknown[]]>;
+
+type Plugin = any; // Unified plugin function or object
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-react-markdown/docs/security.md b/.tessl/tiles/tessl/npm-react-markdown/docs/security.md
new file mode 100644
index 000000000..80851947c
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-react-markdown/docs/security.md
@@ -0,0 +1,355 @@
+# Security Features
+
+Built-in security features including URL sanitization and element filtering to prevent XSS attacks and ensure safe markdown rendering.
+
+## Capabilities
+
+### Default URL Transformation
+
+Built-in URL sanitization function that filters unsafe protocols and URLs.
+
+```typescript { .api }
+/**
+ * Default URL transformation function for security
+ * Allows only safe protocols and relative URLs
+ * @param url - URL to transform
+ * @returns Safe URL or empty string if unsafe
+ */
+function defaultUrlTransform(url: string): string;
+```
+
+**Allowed protocols:**
+- `https:`
+- `http:`
+- `mailto:`
+- `irc:`
+- `ircs:`
+- `xmpp:`
+- Relative URLs (starting with `/`, `./`, `../`)
+- Fragment URLs (starting with `#`)
+
+**Usage Example:**
+
+```typescript
+import { defaultUrlTransform } from 'react-markdown';
+
+// Safe URLs - returned as-is
+defaultUrlTransform('https://example.com');        // → 'https://example.com'
+defaultUrlTransform('/relative/path');              // → '/relative/path'
+defaultUrlTransform('mailto:user@example.com');     // → 'mailto:user@example.com'
+defaultUrlTransform('#fragment');                   // → '#fragment'
+
+// Unsafe URLs - returned as empty string
+defaultUrlTransform('javascript:alert(1)');         // → ''
+defaultUrlTransform('data:text/html,<script>');     // → ''
+defaultUrlTransform('file:///etc/passwd');          // → ''
+```
+
+### Custom URL Transformation
+
+Define custom URL transformation logic for enhanced security or functionality.
+
+```typescript { .api }
+/**
+ * Custom URL transformation function
+ * @param url - Original URL from markdown
+ * @param key - Property name (e.g., 'href', 'src')
+ * @param node - Original hast element containing the URL
+ * @returns Transformed URL, null, or undefined
+ */
+type UrlTransform = (
+  url: string,
+  key: string,
+  node: Readonly<Element>
+) => string | null | undefined;
+```
+
+**Usage Examples:**
+
+```typescript
+// Restrict to specific domains
+const restrictedUrlTransform = (url: string) => {
+  const allowedDomains = ['example.com', 'trusted-site.org'];
+  
+  try {
+    const urlObj = new URL(url, window.location.origin);
+    if (allowedDomains.includes(urlObj.hostname) || url.startsWith('/')) {
+      return url;
+    }
+  } catch {
+    // Invalid URL
+  }
+  
+  return '';
+};
+
+// Add tracking parameters
+const trackingUrlTransform = (url: string, key: string, node: Element) => {
+  if (key === 'href' && url.startsWith('https://')) {
+    const urlObj = new URL(url);
+    urlObj.searchParams.set('utm_source', 'markdown');
+    urlObj.searchParams.set('utm_medium', 'link');
+    return urlObj.toString();
+  }
+  
+  return defaultUrlTransform(url);
+};
+
+// Context-aware transformation
+const contextAwareTransform = (url: string, key: string, node: Element) => {
+  // Different handling for images vs links
+  if (key === 'src' && node.tagName === 'img') {
+    return `/image-proxy?url=${encodeURIComponent(url)}`;
+  }
+  
+  if (key === 'href' && node.tagName === 'a') {
+    return `/link-redirect?url=${encodeURIComponent(url)}`;
+  }
+  
+  return defaultUrlTransform(url);
+};
+
+<Markdown urlTransform={restrictedUrlTransform}>
+  {content}
+</Markdown>
+```
+
+### Element Filtering
+
+Filter elements dynamically based on element type, content, and context.
+
+```typescript { .api }
+/**
+ * Function to filter elements during rendering
+ * @param element - Element to check
+ * @param index - Index of element in parent
+ * @param parent - Parent element
+ * @returns Whether to allow element (true/false/null/undefined)
+ */
+type AllowElement = (
+  element: Readonly<Element>,
+  index: number,
+  parent: Readonly<Parents> | undefined
+) => boolean | null | undefined;
+```
+
+**Usage Examples:**
+
+```typescript
+// Security-focused filtering
+const securityFilter = (element, index, parent) => {
+  // Block potentially dangerous elements
+  const dangerousElements = ['script', 'iframe', 'object', 'embed', 'form'];
+  if (dangerousElements.includes(element.tagName)) {
+    return false;
+  }
+  
+  // Block elements with dangerous attributes
+  if (element.properties?.onload || element.properties?.onclick) {
+    return false;
+  }
+  
+  // Block data URLs in images
+  if (element.tagName === 'img' && 
+      element.properties?.src?.startsWith('data:')) {
+    return false;
+  }
+  
+  return true;
+};
+
+// Content policy filtering
+const contentPolicyFilter = (element, index, parent) => {
+  // Limit heading levels
+  if (['h1', 'h2', 'h3', 'h4', 'h5', 'h6'].includes(element.tagName)) {
+    const level = parseInt(element.tagName[1]);
+    return level <= 4; // Only allow h1-h4
+  }
+  
+  // Prevent nested blockquotes
+  if (element.tagName === 'blockquote' && parent?.tagName === 'blockquote') {
+    return false;
+  }
+  
+  return true;
+};
+
+<Markdown allowElement={securityFilter}>
+  {content}
+</Markdown>
+```
+
+## Security Configurations
+
+### Maximum Security Configuration
+
+For high-security contexts where only basic markdown is needed:
+
+```typescript
+const maxSecurityConfig = {
+  // Only allow basic markdown elements
+  allowedElements: [
+    'p', 'br', 'strong', 'em', 'ul', 'ol', 'li', 
+    'h1', 'h2', 'h3', 'code', 'pre', 'blockquote'
+  ],
+  
+  // Skip all HTML
+  skipHtml: true,
+  
+  // No external URLs
+  urlTransform: (url: string) => {
+    return url.startsWith('/') ? url : '';
+  },
+  
+  // Additional element filtering
+  allowElement: (element) => {
+    // No attributes allowed except basic ones
+    const allowedAttrs = ['className', 'href', 'src', 'alt', 'title'];
+    const hasDisallowedAttrs = Object.keys(element.properties || {})
+      .some(attr => !allowedAttrs.includes(attr));
+    
+    return !hasDisallowedAttrs;
+  }
+};
+
+<Markdown {...maxSecurityConfig}>{content}</Markdown>
+```
+
+### Balanced Security Configuration
+
+For general use with reasonable security:
+
+```typescript
+const balancedSecurityConfig = {
+  // Disallow dangerous elements
+  disallowedElements: [
+    'script', 'iframe', 'object', 'embed', 'form', 
+    'input', 'button', 'select', 'textarea'
+  ],
+  
+  // Use default URL transformation
+  urlTransform: defaultUrlTransform,
+  
+  // Allow element filtering for additional checks
+  allowElement: (element) => {
+    // Remove event handlers
+    const dangerousAttrs = Object.keys(element.properties || {})
+      .filter(attr => attr.startsWith('on'));
+    
+    return dangerousAttrs.length === 0;
+  }
+};
+
+<Markdown {...balancedSecurityConfig}>{content}</Markdown>
+```
+
+### Content Security Policy Integration
+
+Work with CSP headers for additional security:
+
+```typescript
+// CSP-compatible configuration
+const cspConfig = {
+  urlTransform: (url: string, key: string) => {
+    // Only allow URLs that comply with CSP
+    if (key === 'src' && url.startsWith('https://trusted-cdn.com')) {
+      return url;
+    }
+    
+    if (key === 'href' && (url.startsWith('/') || url.startsWith('#'))) {
+      return url;
+    }
+    
+    return '';
+  },
+  
+  components: {
+    // Custom image component that respects CSP
+    img: ({ src, alt, ...props }) => {
+      if (!src || !src.startsWith('https://trusted-cdn.com')) {
+        return <div className="blocked-image">Image blocked by CSP</div>;
+      }
+      
+      return <img src={src} alt={alt} {...props} />;
+    }
+  }
+};
+```
+
+## Security Best Practices
+
+### 1. **Always Use URL Transformation**
+Never disable URL transformation without implementing custom security measures:
+
+```typescript
+// Good - uses default security
+<Markdown>{content}</Markdown>
+
+// Good - custom but secure
+<Markdown urlTransform={customSecureTransform}>{content}</Markdown>
+
+// Dangerous - no URL filtering
+<Markdown urlTransform={() => url}>{content}</Markdown>
+```
+
+### 2. **Sanitize User Content**
+Always treat user-provided content as potentially malicious:
+
+```typescript
+import rehypeSanitize from 'rehype-sanitize';
+
+<Markdown 
+  rehypePlugins={[rehypeSanitize]}
+  allowElement={securityFilter}
+>
+  {userContent}
+</Markdown>
+```
+
+### 3. **Layer Security Measures**
+Combine multiple security approaches:
+
+```typescript
+const layeredSecurity = {
+  // Content filtering
+  disallowedElements: ['script', 'iframe'],
+  
+  // URL filtering
+  urlTransform: defaultUrlTransform,
+  
+  // Element filtering
+  allowElement: securityFilter,
+  
+  // HTML processing
+  skipHtml: true,
+  
+  // Plugin-based sanitization
+  rehypePlugins: [rehypeSanitize]
+};
+```
+
+### 4. **Validate External Content**
+When processing external markdown, add extra validation:
+
+```typescript
+const processExternalMarkdown = (content: string) => {
+  // Basic content validation
+  if (content.includes('<script>') || content.includes('javascript:')) {
+    throw new Error('Potentially malicious content detected');
+  }
+  
+  return (
+    <Markdown {...maxSecurityConfig}>
+      {content}
+    </Markdown>
+  );
+};
+```
+
+## Common Security Pitfalls
+
+1. **Disabling URL transformation**: Always keep URL filtering enabled
+2. **Allowing all HTML**: Use `skipHtml: true` or proper sanitization
+3. **Ignoring event handlers**: Filter out `on*` attributes
+4. **Trusting external content**: Always validate and sanitize
+5. **Not updating dependencies**: Keep react-markdown and plugins updated
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-react-markdown/tile.json b/.tessl/tiles/tessl/npm-react-markdown/tile.json
new file mode 100644
index 000000000..b46224b67
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-react-markdown/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-react-markdown",
+  "version": "9.1.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/react-markdown@9.1.0",
+  "summary": "React component to render markdown safely without dangerouslySetInnerHTML"
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-react-syntax-highlighter/docs/async-builds.md b/.tessl/tiles/tessl/npm-react-syntax-highlighter/docs/async-builds.md
new file mode 100644
index 000000000..965848334
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-react-syntax-highlighter/docs/async-builds.md
@@ -0,0 +1,457 @@
+# Async Build Variants
+
+Asynchronous syntax highlighter builds with dynamic language loading and code splitting support. These builds defer loading of the syntax highlighting engine and languages until needed, optimizing initial bundle size and rendering performance.
+
+## Capabilities
+
+### LightAsync (Highlight.js Async)
+
+Async light build using highlight.js with dynamic language loading.
+
+```javascript { .api }
+/**
+ * Async syntax highlighter component using highlight.js
+ * Supports dynamic loading of languages and the core highlighter
+ */
+const LightAsync: React.ComponentType<SyntaxHighlighterProps> & {
+  /** Preload the AST generator (highlight.js core) */
+  preload: () => Promise<void>;
+  /** Load a specific language definition */
+  loadLanguage: (language: string) => Promise<void>;
+  /** Check if a language is supported by available loaders */
+  isSupportedLanguage: (language: string) => boolean;
+  /** Check if a language is currently registered */
+  isRegistered: (language: string) => boolean;
+  /** Register a language definition manually */
+  registerLanguage: (name: string, language: any) => void;
+  /** Array of supported language identifiers */
+  supportedLanguages: string[];
+};
+```
+
+**Usage Examples:**
+
+```javascript
+import { LightAsync as SyntaxHighlighter } from 'react-syntax-highlighter';
+
+// Basic usage - languages load automatically
+const AsyncExample = () => {
+  const code = `async function fetchData(url) {
+  const response = await fetch(url);
+  return response.json();
+}`;
+
+  return (
+    <SyntaxHighlighter language="javascript">
+      {code}
+    </SyntaxHighlighter>
+  );
+};
+
+// Preload for immediate highlighting
+const PreloadExample = () => {
+  React.useEffect(() => {
+    SyntaxHighlighter.preload();
+  }, []);
+
+  return (
+    <SyntaxHighlighter language="python">
+      {pythonCode}
+    </SyntaxHighlighter>
+  );
+};
+
+// Manual language loading
+const ManualLoadExample = () => {
+  const [isReady, setIsReady] = React.useState(false);
+
+  React.useEffect(() => {
+    const loadLanguage = async () => {
+      await SyntaxHighlighter.loadLanguage('rust');
+      setIsReady(true);
+    };
+    loadLanguage();
+  }, []);
+
+  if (!isReady) return <div>Loading syntax highlighter...</div>;
+
+  return (
+    <SyntaxHighlighter language="rust">
+      {rustCode}
+    </SyntaxHighlighter>
+  );
+};
+```
+
+### PrismAsync (Prism.js Async)
+
+Async build using Prism.js with dynamic language loading.
+
+```javascript { .api }
+/**
+ * Async syntax highlighter component using Prism.js
+ */
+const PrismAsync: React.ComponentType<SyntaxHighlighterProps> & {
+  /** Preload the AST generator (refractor core) */
+  preload: () => Promise<void>;
+  /** Load a specific language definition */
+  loadLanguage: (language: string) => Promise<void>;
+  /** Check if a language is supported by available loaders */
+  isSupportedLanguage: (language: string) => boolean;
+  /** Check if a language is currently registered */
+  isRegistered: (language: string) => boolean;
+  /** Register a language definition manually */
+  registerLanguage: (name: string, language: any) => void;
+  /** Array of supported language identifiers */
+  supportedLanguages: string[];
+};
+```
+
+**Usage Examples:**
+
+```javascript
+import { PrismAsync as SyntaxHighlighter } from 'react-syntax-highlighter';
+
+// JSX highlighting with Prism async
+const JSXExample = () => {
+  const jsxCode = `const Button = ({ onClick, children }) => (
+  <button
+    className="btn btn-primary"
+    onClick={onClick}
+  >
+    {children}
+  </button>
+);
+
+export default Button;`;
+
+  return (
+    <SyntaxHighlighter language="jsx">
+      {jsxCode}
+    </SyntaxHighlighter>
+  );
+};
+```
+
+### PrismAsyncLight
+
+Async light build combining Prism.js with minimal core loading.
+
+```javascript { .api }
+/**
+ * Async light syntax highlighter component using Prism.js core
+ */
+const PrismAsyncLight: React.ComponentType<SyntaxHighlighterProps> & {
+  /** Preload the AST generator (refractor core) */
+  preload: () => Promise<void>;
+  /** Load a specific language definition */
+  loadLanguage: (language: string) => Promise<void>;
+  /** Check if a language is supported by available loaders */
+  isSupportedLanguage: (language: string) => boolean;
+  /** Check if a language is currently registered */
+  isRegistered: (language: string) => boolean;
+  /** Register a language definition manually */
+  registerLanguage: (name: string, language: any) => void;
+  /** Array of supported language identifiers */
+  supportedLanguages: string[];
+};
+```
+
+### Async Methods
+
+Dynamic loading and management methods available on async components.
+
+```javascript { .api }
+/**
+ * Preload the core syntax highlighting engine
+ * @returns Promise that resolves when the engine is loaded
+ */
+preload(): Promise<void>;
+
+/**
+ * Load a specific language definition
+ * @param language - Language identifier to load
+ * @returns Promise that resolves when language is loaded
+ */
+loadLanguage(language: string): Promise<void>;
+
+/**
+ * Check if a language is supported by the async loader
+ * @param language - Language identifier to check
+ * @returns True if language can be loaded
+ */
+isSupportedLanguage(language: string): boolean;
+
+/**
+ * Check if a language is currently registered and ready for use
+ * @param language - Language identifier to check
+ * @returns True if language is registered
+ */
+isRegistered(language: string): boolean;
+
+/**
+ * Manually register a language definition
+ * @param name - Language identifier
+ * @param language - Language definition module
+ */
+registerLanguage(name: string, language: any): void;
+```
+
+**Advanced Usage Examples:**
+
+```javascript
+import { LightAsync as SyntaxHighlighter } from 'react-syntax-highlighter';
+
+// Check language support
+const AdvancedExample = () => {
+  const [language, setLanguage] = React.useState('javascript');
+  const [isSupported, setIsSupported] = React.useState(false);
+
+  React.useEffect(() => {
+    const checkSupport = async () => {
+      const supported = SyntaxHighlighter.isSupportedLanguage(language);
+      setIsSupported(supported);
+      
+      if (supported && !SyntaxHighlighter.isRegistered(language)) {
+        await SyntaxHighlighter.loadLanguage(language);
+      }
+    };
+    
+    checkSupport();
+  }, [language]);
+
+  if (!isSupported) {
+    return <pre>{code}</pre>; // Fallback to plain text
+  }
+
+  return (
+    <SyntaxHighlighter language={language}>
+      {code}
+    </SyntaxHighlighter>
+  );
+};
+
+// Bulk language preloading
+const BulkPreloadExample = () => {
+  React.useEffect(() => {
+    const preloadLanguages = async () => {
+      const languages = ['javascript', 'python', 'java', 'cpp'];
+      
+      // Preload core first
+      await SyntaxHighlighter.preload();
+      
+      // Load languages in parallel
+      await Promise.all(
+        languages.map(lang => SyntaxHighlighter.loadLanguage(lang))
+      );
+    };
+    
+    preloadLanguages();
+  }, []);
+
+  return (
+    <div>
+      {codeBlocks.map((block, index) => (
+        <SyntaxHighlighter key={index} language={block.language}>
+          {block.code}
+        </SyntaxHighlighter>
+      ))}
+    </div>
+  );
+};
+```
+
+### Loading States and Error Handling
+
+Managing loading states and handling errors in async components.
+
+```javascript
+const AsyncWithLoadingState = ({ language, code }) => {
+  const [isLoading, setIsLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+
+  React.useEffect(() => {
+    const loadHighlighter = async () => {
+      try {
+        setIsLoading(true);
+        setError(null);
+        
+        if (!SyntaxHighlighter.isRegistered(language)) {
+          await SyntaxHighlighter.loadLanguage(language);
+        }
+      } catch (err) {
+        setError(err.message);
+      } finally {
+        setIsLoading(false);
+      }
+    };
+
+    loadHighlighter();
+  }, [language]);
+
+  if (error) {
+    return (
+      <pre style={{ color: 'red' }}>
+        Error loading syntax highlighter: {error}
+      </pre>
+    );
+  }
+
+  if (isLoading) {
+    return (
+      <pre style={{ opacity: 0.5 }}>
+        {code} {/* Show code while loading highlighter */}
+      </pre>
+    );
+  }
+
+  return (
+    <SyntaxHighlighter language={language}>
+      {code}
+    </SyntaxHighlighter>
+  );
+};
+```
+
+### Bundle Splitting Benefits
+
+Understanding the performance benefits of async builds.
+
+```javascript
+// Bundle size comparison:
+// Standard build: ~500KB (all languages + engine)
+// Light build: ~50KB (core only, manual registration)
+// Async build: ~5KB initial + chunks loaded on demand
+
+// Async loading pattern
+const LazyCodeBlock = React.lazy(async () => {
+  // This entire component and its dependencies load on demand
+  const { LightAsync as SyntaxHighlighter } = await import('react-syntax-highlighter');
+  
+  return {
+    default: ({ language, children }) => (
+      <SyntaxHighlighter language={language}>
+        {children}
+      </SyntaxHighlighter>
+    )
+  };
+});
+
+// Usage with Suspense
+const App = () => (
+  <div>
+    <h1>My App</h1>
+    <React.Suspense fallback={<div>Loading code highlighter...</div>}>
+      <LazyCodeBlock language="javascript">
+        {codeString}
+      </LazyCodeBlock>
+    </React.Suspense>
+  </div>
+);
+```
+
+### Integration with Code Splitting
+
+Optimal patterns for code splitting with async builds.
+
+```javascript
+// Route-based code splitting with syntax highlighting
+const DocumentationPage = React.lazy(() => import('./DocumentationPage'));
+
+// DocumentationPage.js
+import { PrismAsync as SyntaxHighlighter } from 'react-syntax-highlighter';
+
+const DocumentationPage = () => {
+  // Preload on route entry
+  React.useEffect(() => {
+    SyntaxHighlighter.preload();
+  }, []);
+
+  return (
+    <div>
+      <h1>API Documentation</h1>
+      {apiExamples.map(example => (
+        <SyntaxHighlighter 
+          key={example.id} 
+          language={example.language}
+        >
+          {example.code}
+        </SyntaxHighlighter>
+      ))}
+    </div>
+  );
+};
+
+// App routing
+const App = () => (
+  <Router>
+    <Routes>
+      <Route path="/" element={<HomePage />} />
+      <Route 
+        path="/docs" 
+        element={
+          <React.Suspense fallback={<div>Loading...</div>}>
+            <DocumentationPage />
+          </React.Suspense>
+        } 
+      />
+    </Routes>
+  </Router>
+);
+```
+
+## Best Practices
+
+### Performance Optimization
+
+```javascript
+// Optimize async loading with caching
+class AsyncHighlighterManager {
+  constructor() {
+    this.loadingPromises = new Map();
+    this.loadedLanguages = new Set();
+  }
+
+  async ensureLanguage(language) {
+    if (this.loadedLanguages.has(language)) {
+      return; // Already loaded
+    }
+
+    if (this.loadingPromises.has(language)) {
+      return this.loadingPromises.get(language); // Loading in progress
+    }
+
+    const promise = SyntaxHighlighter.loadLanguage(language)
+      .then(() => {
+        this.loadedLanguages.add(language);
+        this.loadingPromises.delete(language);
+      })
+      .catch((error) => {
+        this.loadingPromises.delete(language);
+        throw error;
+      });
+
+    this.loadingPromises.set(language, promise);
+    return promise;
+  }
+}
+
+const manager = new AsyncHighlighterManager();
+
+// Usage in components
+const CodeBlock = ({ language, children }) => {
+  const [isReady, setIsReady] = React.useState(false);
+
+  React.useEffect(() => {
+    manager.ensureLanguage(language).then(() => setIsReady(true));
+  }, [language]);
+
+  return isReady ? (
+    <SyntaxHighlighter language={language}>
+      {children}
+    </SyntaxHighlighter>
+  ) : (
+    <pre>{children}</pre>
+  );
+};
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-react-syntax-highlighter/docs/index.md b/.tessl/tiles/tessl/npm-react-syntax-highlighter/docs/index.md
new file mode 100644
index 000000000..39c794aa5
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-react-syntax-highlighter/docs/index.md
@@ -0,0 +1,228 @@
+# React Syntax Highlighter
+
+React Syntax Highlighter is a comprehensive React component library that provides syntax highlighting capabilities for displaying code in web applications. It supports multiple syntax highlighting engines including highlight.js and Prism.js through lowlight and refractor AST parsers, offering developers flexibility in choosing their preferred highlighting approach.
+
+## Package Information
+
+- **Package Name**: react-syntax-highlighter
+- **Package Type**: npm
+- **Language**: JavaScript
+- **Installation**: `npm install react-syntax-highlighter`
+
+## Core Imports
+
+```javascript
+import SyntaxHighlighter from 'react-syntax-highlighter';
+import { docco } from 'react-syntax-highlighter/dist/esm/styles/hljs';
+```
+
+For Prism.js support:
+
+```javascript
+import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
+import { dark } from 'react-syntax-highlighter/dist/esm/styles/prism';
+```
+
+For Light builds (manual language registration):
+
+```javascript
+import { Light as SyntaxHighlighter } from 'react-syntax-highlighter';
+import js from 'react-syntax-highlighter/dist/esm/languages/hljs/javascript';
+import docco from 'react-syntax-highlighter/dist/esm/styles/hljs/docco';
+
+SyntaxHighlighter.registerLanguage('javascript', js);
+```
+
+## Basic Usage
+
+```javascript
+import React from 'react';
+import SyntaxHighlighter from 'react-syntax-highlighter';
+import { docco } from 'react-syntax-highlighter/dist/esm/styles/hljs';
+
+const CodeBlock = () => {
+  const codeString = `function greet(name) {
+  return \`Hello, \${name}!\`;
+}
+
+console.log(greet('World'));`;
+
+  return (
+    <SyntaxHighlighter language="javascript" style={docco}>
+      {codeString}
+    </SyntaxHighlighter>
+  );
+};
+```
+
+## Architecture
+
+React Syntax Highlighter is built around several key components:
+
+- **Multiple Build Variants**: Full, Light, and Async builds for different bundle size requirements
+- **Dual Engine Support**: Both highlight.js (via lowlight) and Prism.js (via refractor) syntax engines
+- **JavaScript Styling**: Inline styles eliminating external CSS dependencies
+- **AST-Based Rendering**: Uses syntax trees to build virtual DOM instead of dangerouslySetInnerHTML
+- **Dynamic Language Loading**: Async variants support on-demand language loading
+- **Extensible Rendering**: Custom renderers and virtualization support
+
+## Capabilities
+
+### Standard Syntax Highlighter
+
+Full-featured syntax highlighter using highlight.js with pre-bundled languages and default styling.
+
+```javascript { .api }
+function SyntaxHighlighter(props: SyntaxHighlighterProps): JSX.Element;
+
+interface SyntaxHighlighterProps {
+  language?: string;
+  children: string;
+  style?: { [key: string]: React.CSSProperties };
+  customStyle?: React.CSSProperties;
+  useInlineStyles?: boolean;
+  showLineNumbers?: boolean;
+  showInlineLineNumbers?: boolean;
+  startingLineNumber?: number;
+  lineNumberContainerStyle?: React.CSSProperties;
+  lineNumberStyle?: React.CSSProperties | ((lineNumber: number) => React.CSSProperties);
+  wrapLines?: boolean;
+  wrapLongLines?: boolean;
+  lineProps?: React.HTMLProps<HTMLElement> | ((lineNumber: number) => React.HTMLProps<HTMLElement>);
+  renderer?: (props: RendererProps) => React.ReactNode;
+  PreTag?: React.ComponentType<any> | string;
+  CodeTag?: React.ComponentType<any> | string;
+  codeTagProps?: React.HTMLProps<HTMLElement>;
+  [key: string]: any;
+}
+```
+
+[Standard Highlighter](./standard-highlighter.md)
+
+### Light Build Variants
+
+Lightweight versions requiring manual language registration for optimal bundle sizes.
+
+```javascript { .api }
+// Light build using highlight.js
+const Light: SyntaxHighlighterComponent & {
+  registerLanguage: (name: string, language: any) => void;
+};
+
+// Light build using Prism.js
+const PrismLight: SyntaxHighlighterComponent & {
+  registerLanguage: (name: string, language: any) => void;
+};
+```
+
+[Light Build Variants](./light-builds.md)
+
+### Async Build Variants
+
+Asynchronous versions with dynamic language loading and code splitting support.
+
+```javascript { .api }
+// Async light build using highlight.js
+const LightAsync: React.ComponentType<SyntaxHighlighterProps> & {
+  preload: () => Promise<void>;
+  loadLanguage: (language: string) => Promise<void>;
+  isSupportedLanguage: (language: string) => boolean;
+  isRegistered: (language: string) => boolean;
+  registerLanguage: (name: string, language: any) => void;
+  supportedLanguages: string[];
+};
+
+// Async variants for Prism.js
+const PrismAsync: typeof LightAsync;
+const PrismAsyncLight: typeof LightAsync;
+```
+
+[Async Build Variants](./async-builds.md)
+
+### Prism.js Integration
+
+Full Prism.js support with enhanced language coverage including JSX, TSX, and modern syntax.
+
+```javascript { .api }
+const Prism: SyntaxHighlighterComponent & {
+  supportedLanguages: string[];
+};
+
+const PrismLight: SyntaxHighlighterComponent & {
+  registerLanguage: (name: string, language: any) => void;
+  alias: (name: string, aliases: string | string[]) => void;
+};
+```
+
+[Prism Integration](./prism-integration.md)
+
+### Styling and Themes
+
+Extensive theme support with JavaScript-based styling and CSS class alternatives.
+
+```javascript { .api }
+// Import highlight.js themes
+import { 
+  docco, 
+  github, 
+  monokai, 
+  dracula,
+  solarizedLight,
+  solarizedDark
+} from 'react-syntax-highlighter/dist/esm/styles/hljs';
+
+// Import Prism themes
+import { 
+  prism, 
+  dark, 
+  tomorrow, 
+  okaidia,
+  coy
+} from 'react-syntax-highlighter/dist/esm/styles/prism';
+```
+
+[Styling and Themes](./styling-themes.md)
+
+### Language Support
+
+Comprehensive language support with over 472 language definitions across both engines (193 for highlight.js, 279 for Prism.js).
+
+```javascript { .api }
+// Access supported languages
+const supportedLanguages: string[];
+
+// Import individual languages for light builds
+import javascript from 'react-syntax-highlighter/dist/esm/languages/hljs/javascript';
+import python from 'react-syntax-highlighter/dist/esm/languages/hljs/python';
+import jsx from 'react-syntax-highlighter/dist/esm/languages/prism/jsx';
+```
+
+[Language Support](./language-support.md)
+
+## Types
+
+```javascript { .api }
+interface RendererProps {
+  rows: RowData[];
+  stylesheet: { [key: string]: React.CSSProperties };
+  useInlineStyles: boolean;
+}
+
+interface RowData {
+  type: 'element';
+  tagName: string;
+  properties: {
+    className?: string[];
+    style?: React.CSSProperties;
+    key?: string;
+  };
+  children: Array<RowData | TextNode>;
+}
+
+interface TextNode {
+  type: 'text';
+  value: string;
+}
+
+type SyntaxHighlighterComponent = React.ComponentType<SyntaxHighlighterProps>;
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-react-syntax-highlighter/docs/language-support.md b/.tessl/tiles/tessl/npm-react-syntax-highlighter/docs/language-support.md
new file mode 100644
index 000000000..e906561ce
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-react-syntax-highlighter/docs/language-support.md
@@ -0,0 +1,876 @@
+# Language Support
+
+Comprehensive programming language support with over 472 language definitions across highlight.js and Prism.js engines (193 for highlight.js, 279 for Prism.js). The library provides extensive coverage for both traditional and modern programming languages, markup languages, and configuration formats.
+
+## Capabilities
+
+### Supported Languages Access
+
+Access to the complete list of supported languages for each engine.
+
+```javascript { .api }
+/**
+ * Array of supported language identifiers for each engine
+ */
+interface LanguageSupport {
+  /** Highlight.js supported languages (~190 languages) */
+  hljsLanguages: string[];
+  /** Prism.js supported languages (~280 languages) */
+  prismLanguages: string[];
+}
+
+// Access supported languages from components
+const hljsLanguages: string[] = SyntaxHighlighter.supportedLanguages;
+const prismLanguages: string[] = Prism.supportedLanguages;
+```
+
+**Usage Examples:**
+
+```javascript
+import SyntaxHighlighter from 'react-syntax-highlighter';
+import { Prism } from 'react-syntax-highlighter';
+
+// Check language support
+const LanguageChecker = ({ language }) => {
+  const hljsSupported = SyntaxHighlighter.supportedLanguages.includes(language);
+  const prismSupported = Prism.supportedLanguages.includes(language);
+
+  return (
+    <div>
+      <p>Highlight.js supports {language}: {hljsSupported ? '✓' : '✗'}</p>
+      <p>Prism.js supports {language}: {prismSupported ? '✓' : '✗'}</p>
+    </div>
+  );
+};
+
+// List all supported languages
+const LanguageList = () => {
+  return (
+    <div>
+      <h3>Highlight.js Languages ({SyntaxHighlighter.supportedLanguages.length})</h3>
+      <ul>
+        {SyntaxHighlighter.supportedLanguages.map(lang => (
+          <li key={lang}>{lang}</li>
+        ))}
+      </ul>
+      
+      <h3>Prism.js Languages ({Prism.supportedLanguages.length})</h3>
+      <ul>
+        {Prism.supportedLanguages.map(lang => (
+          <li key={lang}>{lang}</li>
+        ))}
+      </ul>
+    </div>
+  );
+};
+```
+
+### Language Import for Light Builds
+
+Individual language imports for optimized bundle sizes in light builds.
+
+```javascript { .api }
+// Highlight.js language imports
+import javascript from 'react-syntax-highlighter/dist/esm/languages/hljs/javascript';
+import python from 'react-syntax-highlighter/dist/esm/languages/hljs/python';
+import java from 'react-syntax-highlighter/dist/esm/languages/hljs/java';
+import cpp from 'react-syntax-highlighter/dist/esm/languages/hljs/cpp';
+import csharp from 'react-syntax-highlighter/dist/esm/languages/hljs/csharp';
+import go from 'react-syntax-highlighter/dist/esm/languages/hljs/go';
+import rust from 'react-syntax-highlighter/dist/esm/languages/hljs/rust';
+import typescript from 'react-syntax-highlighter/dist/esm/languages/hljs/typescript';
+
+// Prism.js language imports
+import jsx from 'react-syntax-highlighter/dist/esm/languages/prism/jsx';
+import tsx from 'react-syntax-highlighter/dist/esm/languages/prism/tsx';
+import vue from 'react-syntax-highlighter/dist/esm/languages/prism/vue';
+import svelte from 'react-syntax-highlighter/dist/esm/languages/prism/svelte';
+import graphql from 'react-syntax-highlighter/dist/esm/languages/prism/graphql';
+import yaml from 'react-syntax-highlighter/dist/esm/languages/prism/yaml';
+import dockerfile from 'react-syntax-highlighter/dist/esm/languages/prism/docker';
+```
+
+**Language Registration Examples:**
+
+```javascript
+import { Light as SyntaxHighlighter } from 'react-syntax-highlighter';
+import { PrismLight } from 'react-syntax-highlighter';
+
+// Register highlight.js languages
+import javascript from 'react-syntax-highlighter/dist/esm/languages/hljs/javascript';
+import python from 'react-syntax-highlighter/dist/esm/languages/hljs/python';
+
+SyntaxHighlighter.registerLanguage('javascript', javascript);
+SyntaxHighlighter.registerLanguage('python', python);
+
+// Register Prism languages
+import jsx from 'react-syntax-highlighter/dist/esm/languages/prism/jsx';
+import typescript from 'react-syntax-highlighter/dist/esm/languages/prism/typescript';
+
+PrismLight.registerLanguage('jsx', jsx);
+PrismLight.registerLanguage('typescript', typescript);
+
+// Usage after registration
+const MultiLanguageExample = () => {
+  const jsCode = `const greeting = (name) => \`Hello, \${name}!\`;`;
+  const pyCode = `def greeting(name): return f"Hello, {name}!"`;
+  const jsxCode = `const Greeting = ({ name }) => <h1>Hello, {name}!</h1>;`;
+
+  return (
+    <div>
+      <SyntaxHighlighter language="javascript">{jsCode}</SyntaxHighlighter>
+      <SyntaxHighlighter language="python">{pyCode}</SyntaxHighlighter>
+      <PrismLight language="jsx">{jsxCode}</PrismLight>
+    </div>
+  );
+};
+```
+
+### Popular Programming Languages
+
+Coverage of widely-used programming languages with examples.
+
+```javascript
+const PopularLanguagesDemo = () => {
+  const languages = {
+    javascript: `// Modern JavaScript with ES6+
+const users = [
+  { name: 'Alice', age: 30 },
+  { name: 'Bob', age: 25 }
+];
+
+const adults = users
+  .filter(user => user.age >= 18)
+  .map(user => ({ ...user, isAdult: true }));
+
+const fetchUserData = async (userId) => {
+  try {
+    const response = await fetch(\`/api/users/\${userId}\`);
+    return await response.json();
+  } catch (error) {
+    console.error('Failed to fetch user:', error);
+    throw error;
+  }
+};`,
+
+    python: `# Python with modern features
+from typing import List, Dict, Optional
+import asyncio
+import aiohttp
+
+class UserService:
+    def __init__(self, base_url: str):
+        self.base_url = base_url
+    
+    async def fetch_user(self, user_id: int) -> Optional[Dict]:
+        async with aiohttp.ClientSession() as session:
+            async with session.get(f"{self.base_url}/users/{user_id}") as response:
+                if response.status == 200:
+                    return await response.json()
+                return None
+    
+    def process_users(self, users: List[Dict]) -> List[Dict]:
+        return [
+            {**user, 'full_name': f"{user['first_name']} {user['last_name']}"}
+            for user in users
+            if user.get('active', False)
+        ]`,
+
+    java: `// Modern Java with records and pattern matching
+import java.util.List;
+import java.util.Optional;
+import java.util.stream.Collectors;
+
+public record User(String name, int age, boolean active) {}
+
+public class UserProcessor {
+    private final List<User> users;
+    
+    public UserProcessor(List<User> users) {
+        this.users = users;
+    }
+    
+    public List<User> getActiveAdults() {
+        return users.stream()
+            .filter(User::active)
+            .filter(user -> user.age() >= 18)
+            .collect(Collectors.toList());
+    }
+    
+    public Optional<User> findUserByName(String name) {
+        return users.stream()
+            .filter(user -> user.name().equals(name))
+            .findFirst();
+    }
+}`,
+
+    rust: `// Rust with modern async and error handling
+use std::collections::HashMap;
+use serde::{Deserialize, Serialize};
+use tokio;
+
+#[derive(Debug, Serialize, Deserialize)]
+struct User {
+    id: u64,
+    name: String,
+    email: String,
+    active: bool,
+}
+
+#[derive(Debug)]
+enum UserError {
+    NotFound(u64),
+    NetworkError(String),
+    SerializationError,
+}
+
+struct UserService {
+    client: reqwest::Client,
+    base_url: String,
+}
+
+impl UserService {
+    fn new(base_url: String) -> Self {
+        Self {
+            client: reqwest::Client::new(),
+            base_url,
+        }
+    }
+    
+    async fn fetch_user(&self, id: u64) -> Result<User, UserError> {
+        let url = format!("{}/users/{}", self.base_url, id);
+        
+        let response = self.client
+            .get(&url)
+            .send()
+            .await
+            .map_err(|e| UserError::NetworkError(e.to_string()))?;
+            
+        if response.status() == 404 {
+            return Err(UserError::NotFound(id));
+        }
+        
+        response
+            .json::<User>()
+            .await
+            .map_err(|_| UserError::SerializationError)
+    }
+}`
+  };
+
+  return (
+    <div>
+      {Object.entries(languages).map(([lang, code]) => (
+        <div key={lang} style={{ marginBottom: '2rem' }}>
+          <h3>{lang.toUpperCase()}</h3>
+          <SyntaxHighlighter language={lang} style={github}>
+            {code}
+          </SyntaxHighlighter>
+        </div>
+      ))}
+    </div>
+  );
+};
+```
+
+### Web Technologies and Markup
+
+Specialized support for web development languages and markup formats.
+
+```javascript
+const WebTechnologiesDemo = () => {
+  const webLanguages = {
+    jsx: `// React JSX with hooks and modern patterns
+import React, { useState, useEffect, useCallback } from 'react';
+import { useQuery, useMutation } from 'react-query';
+
+interface User {
+  id: number;
+  name: string;
+  email: string;
+}
+
+const UserProfile: React.FC<{ userId: number }> = ({ userId }) => {
+  const [isEditing, setIsEditing] = useState(false);
+  
+  const { data: user, isLoading } = useQuery(
+    ['user', userId],
+    () => fetchUser(userId)
+  );
+  
+  const updateMutation = useMutation(updateUser, {
+    onSuccess: () => {
+      setIsEditing(false);
+      queryClient.invalidateQueries(['user', userId]);
+    }
+  });
+  
+  const handleSubmit = useCallback((formData: User) => {
+    updateMutation.mutate(formData);
+  }, [updateMutation]);
+  
+  if (isLoading) return <div>Loading...</div>;
+  
+  return (
+    <div className="user-profile">
+      <h2>{user?.name}</h2>
+      {isEditing ? (
+        <UserForm 
+          user={user} 
+          onSubmit={handleSubmit}
+          onCancel={() => setIsEditing(false)}
+        />
+      ) : (
+        <UserDisplay 
+          user={user}
+          onEdit={() => setIsEditing(true)}
+        />
+      )}
+    </div>
+  );
+};`,
+
+    scss: `// Modern SCSS with CSS Grid and Flexbox
+@import 'variables';
+@import 'mixins';
+
+// CSS Custom Properties
+:root {
+  --primary-color: #{$primary-blue};
+  --secondary-color: #{$secondary-green};
+  --font-size-base: 16px;
+  --spacing-unit: 8px;
+  --border-radius: 8px;
+  --transition-duration: 0.3s;
+}
+
+// Mixins
+@mixin flex-center {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+@mixin responsive-grid($min-width: 300px, $gap: 2rem) {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax($min-width, 1fr));
+  gap: $gap;
+}
+
+// Component styles
+.user-dashboard {
+  @include responsive-grid(350px, 1.5rem);
+  padding: calc(var(--spacing-unit) * 3);
+  
+  &__header {
+    grid-column: 1 / -1;
+    @include flex-center;
+    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
+    border-radius: var(--border-radius);
+    color: white;
+    padding: calc(var(--spacing-unit) * 2);
+    
+    h1 {
+      margin: 0;
+      font-size: calc(var(--font-size-base) * 1.75);
+    }
+  }
+  
+  &__card {
+    background: white;
+    border-radius: var(--border-radius);
+    padding: calc(var(--spacing-unit) * 2);
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+    transition: transform var(--transition-duration) ease;
+    
+    &:hover {
+      transform: translateY(-2px);
+    }
+    
+    @media (max-width: 768px) {
+      padding: var(--spacing-unit);
+    }
+  }
+}`,
+
+    html: `<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Modern Web App</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="stylesheet" href="styles.css">
+    <script type="module" src="app.js" defer></script>
+</head>
+<body>
+    <header class="app-header">
+        <nav class="navbar" role="navigation" aria-label="main navigation">
+            <div class="navbar-brand">
+                <img src="logo.svg" alt="Company Logo" width="120" height="40">
+            </div>
+            <ul class="navbar-menu" id="navbar-menu">
+                <li><a href="#home" class="navbar-item">Home</a></li>
+                <li><a href="#about" class="navbar-item">About</a></li>
+                <li><a href="#services" class="navbar-item">Services</a></li>
+                <li><a href="#contact" class="navbar-item">Contact</a></li>
+            </ul>
+            <button class="navbar-toggle" aria-controls="navbar-menu" aria-expanded="false">
+                <span class="sr-only">Toggle navigation</span>
+                <span class="hamburger"></span>
+            </button>
+        </nav>
+    </header>
+    
+    <main class="main-content">
+        <section class="hero" aria-labelledby="hero-title">
+            <div class="container">
+                <h1 id="hero-title">Welcome to Our Platform</h1>
+                <p class="hero-subtitle">Build amazing things with our tools</p>
+                <div class="hero-actions">
+                    <button class="btn btn-primary">Get Started</button>
+                    <button class="btn btn-secondary">Learn More</button>
+                </div>
+            </div>
+        </section>
+        
+        <section class="features" aria-labelledby="features-title">
+            <div class="container">
+                <h2 id="features-title">Features</h2>
+                <div class="features-grid">
+                    <article class="feature-card">
+                        <svg class="feature-icon" aria-hidden="true">
+                            <use href="#icon-fast"></use>
+                        </svg>
+                        <h3>Lightning Fast</h3>
+                        <p>Optimized for performance with modern web standards.</p>
+                    </article>
+                </div>
+            </div>
+        </section>
+    </main>
+    
+    <footer class="app-footer">
+        <div class="container">
+            <p>&copy; 2023 Company Name. All rights reserved.</p>
+        </div>
+    </footer>
+</body>
+</html>`
+  };
+
+  return (
+    <div>
+      {Object.entries(webLanguages).map(([lang, code]) => (
+        <div key={lang} style={{ marginBottom: '2rem' }}>
+          <h3>{lang.toUpperCase()}</h3>
+          <Prism language={lang} style={tomorrow}>
+            {code}
+          </Prism>
+        </div>
+      ))}
+    </div>
+  );
+};
+```
+
+### Configuration and Data Formats
+
+Support for various configuration files and data interchange formats.
+
+```javascript
+const ConfigurationFormatsDemo = () => {
+  const configFormats = {
+    yaml: `# Kubernetes Deployment Configuration
+apiVersion: apps/v1
+kind: Deployment
+metadata:
+  name: webapp-deployment
+  labels:
+    app: webapp
+spec:
+  replicas: 3
+  selector:
+    matchLabels:
+      app: webapp
+  template:
+    metadata:
+      labels:
+        app: webapp
+    spec:
+      containers:
+      - name: webapp
+        image: nginx:1.21-alpine
+        ports:
+        - containerPort: 80
+        env:
+        - name: NODE_ENV
+          value: "production"
+        - name: DATABASE_URL
+          valueFrom:
+            secretKeyRef:
+              name: database-secret
+              key: url
+        resources:
+          limits:
+            memory: "512Mi"
+            cpu: "500m"
+          requests:
+            memory: "256Mi"
+            cpu: "250m"
+        readinessProbe:
+          httpGet:
+            path: /health
+            port: 80
+          initialDelaySeconds: 10
+          periodSeconds: 5`,
+
+    json: `{
+  "name": "my-web-app",
+  "version": "2.1.0",
+  "description": "A modern web application",
+  "main": "dist/index.js",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview",
+    "test": "vitest",
+    "test:coverage": "vitest --coverage",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "type-check": "tsc --noEmit"
+  },
+  "dependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.8.0",
+    "@tanstack/react-query": "^4.24.0",
+    "axios": "^1.3.0",
+    "zustand": "^4.3.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.27",
+    "@types/react-dom": "^18.0.10",
+    "@vitejs/plugin-react": "^3.1.0",
+    "vite": "^4.1.0",
+    "typescript": "^4.9.0",
+    "vitest": "^0.28.0",
+    "@testing-library/react": "^13.4.0"
+  },
+  "engines": {
+    "node": ">=16.0.0",
+    "npm": ">=8.0.0"
+  }
+}`,
+
+    dockerfile: `# Multi-stage Docker build for Node.js application
+FROM node:18-alpine AS builder
+
+# Set working directory
+WORKDIR /app
+
+# Copy package files
+COPY package.json package-lock.json ./
+
+# Install dependencies
+RUN npm ci --only=production
+
+# Copy source code
+COPY . .
+
+# Build application
+RUN npm run build
+
+# Production stage
+FROM node:18-alpine AS production
+
+# Create non-root user
+RUN addgroup -g 1001 -S nodejs
+RUN adduser -S nextjs -u 1001
+
+# Set working directory
+WORKDIR /app
+
+# Copy built application from builder stage
+COPY --from=builder --chown=nextjs:nodejs /app/dist ./dist
+COPY --from=builder --chown=nextjs:nodejs /app/node_modules ./node_modules
+COPY --from=builder --chown=nextjs:nodejs /app/package.json ./package.json
+
+# Switch to non-root user
+USER nextjs
+
+# Expose port
+EXPOSE 3000
+
+# Health check
+HEALTHCHECK --interval=30s --timeout=3s --start-period=5s --retries=3 \\
+  CMD curl -f http://localhost:3000/health || exit 1
+
+# Start application
+CMD ["npm", "start"]`,
+
+    toml: `# Rust Cargo.toml configuration
+[package]
+name = "web-server"
+version = "0.3.0"
+edition = "2021"
+authors = ["Developer <dev@example.com>"]
+description = "A high-performance web server built with Rust"
+license = "MIT OR Apache-2.0"
+repository = "https://github.com/user/web-server"
+readme = "README.md"
+keywords = ["web", "server", "async", "performance"]
+categories = ["web-programming::http-server"]
+
+[dependencies]
+tokio = { version = "1.25", features = ["full"] }
+axum = "0.6"
+serde = { version = "1.0", features = ["derive"] }
+serde_json = "1.0"
+sqlx = { version = "0.6", features = ["runtime-tokio-rustls", "postgres", "uuid", "chrono"] }
+uuid = { version = "1.3", features = ["v4", "serde"] }
+chrono = { version = "0.4", features = ["serde"] }
+tracing = "0.1"
+tracing-subscriber = { version = "0.3", features = ["env-filter"] }
+clap = { version = "4.1", features = ["derive"] }
+
+[dev-dependencies]
+tokio-test = "0.4"
+axum-test = "11.0"
+
+[profile.release]
+lto = true
+codegen-units = 1
+panic = "abort"`
+  };
+
+  return (
+    <div>
+      {Object.entries(configFormats).map(([lang, code]) => (
+        <div key={lang} style={{ marginBottom: '2rem' }}>
+          <h3>{lang.toUpperCase()}</h3>
+          <Prism language={lang} style={tomorrow}>
+            {code}
+          </Prism>
+        </div>
+      ))}
+    </div>
+  );
+};
+```
+
+### Language Detection and Fallbacks
+
+Handling unknown languages and providing fallback options.
+
+```javascript { .api }
+/**
+ * Language detection and fallback strategies
+ */
+interface LanguageDetectionOptions {
+  /** Language identifier or 'text' for plain text */
+  language?: string;
+  /** Fallback to plain text for unsupported languages */
+  fallbackToText?: boolean;
+  /** Custom language detection function */
+  detectLanguage?: (code: string) => string;
+}
+```
+
+**Language Detection Examples:**
+
+```javascript
+const SmartLanguageHighlighter = ({ code, language, ...props }) => {
+  const [detectedLanguage, setDetectedLanguage] = useState(language);
+
+  useEffect(() => {
+    if (!language || language === 'auto') {
+      // Simple heuristic language detection
+      const detectLanguage = (code) => {
+        if (code.includes('function') && code.includes('{')) return 'javascript';
+        if (code.includes('def ') && code.includes(':')) return 'python';
+        if (code.includes('class ') && code.includes('public')) return 'java';
+        if (code.includes('<') && code.includes('>')) return 'html';
+        if (code.includes('SELECT') || code.includes('FROM')) return 'sql';
+        return 'text';
+      };
+      
+      setDetectedLanguage(detectLanguage(code));
+    }
+  }, [code, language]);
+
+  // Check if language is supported
+  const isSupported = SyntaxHighlighter.supportedLanguages.includes(detectedLanguage);
+  const finalLanguage = isSupported ? detectedLanguage : 'text';
+
+  return (
+    <div>
+      {!isSupported && detectedLanguage !== 'text' && (
+        <div style={{ color: 'orange', fontSize: '12px', marginBottom: '4px' }}>
+          Language '{detectedLanguage}' not supported, showing as plain text
+        </div>
+      )}
+      <SyntaxHighlighter 
+        language={finalLanguage}
+        {...props}
+      >
+        {code}
+      </SyntaxHighlighter>
+    </div>
+  );
+};
+
+// Usage with automatic detection
+const AutoDetectExample = () => {
+  const codeSnippets = [
+    'console.log("Hello, World!");',
+    'print("Hello, World!")',
+    'System.out.println("Hello, World!");',
+    '<h1>Hello, World!</h1>',
+    'SELECT * FROM users WHERE active = true;'
+  ];
+
+  return (
+    <div>
+      {codeSnippets.map((code, index) => (
+        <SmartLanguageHighlighter 
+          key={index}
+          code={code}
+          language="auto"
+          style={github}
+        />
+      ))}
+    </div>
+  );
+};
+```
+
+### Custom Language Extensions
+
+Adding support for domain-specific languages or extending existing language definitions.
+
+```javascript
+const CustomLanguageExample = () => {
+  // Register a custom language
+  useEffect(() => {
+    // Define custom SQL dialect
+    const customSQL = {
+      ...sqlLanguage,
+      keywords: [
+        ...sqlLanguage.keywords,
+        'UPSERT', 'MERGE', 'WINDOW', 'PARTITION'
+      ],
+      functions: [
+        ...sqlLanguage.functions,
+        'LAG', 'LEAD', 'ROW_NUMBER', 'RANK', 'DENSE_RANK'
+      ]
+    };
+    
+    SyntaxHighlighter.registerLanguage('custom-sql', customSQL);
+  }, []);
+
+  const customSQLCode = `-- Advanced SQL with window functions
+WITH monthly_sales AS (
+  SELECT 
+    DATE_TRUNC('month', sale_date) as month,
+    SUM(amount) as total_sales,
+    LAG(SUM(amount)) OVER (ORDER BY DATE_TRUNC('month', sale_date)) as prev_month_sales
+  FROM sales
+  WHERE sale_date >= '2023-01-01'
+  GROUP BY DATE_TRUNC('month', sale_date)
+),
+growth_analysis AS (
+  SELECT 
+    month,
+    total_sales,
+    prev_month_sales,
+    CASE 
+      WHEN prev_month_sales IS NOT NULL 
+      THEN ((total_sales - prev_month_sales) / prev_month_sales) * 100
+      ELSE NULL
+    END as growth_percentage,
+    ROW_NUMBER() OVER (ORDER BY total_sales DESC) as sales_rank
+  FROM monthly_sales
+)
+SELECT 
+  month,
+  total_sales,
+  growth_percentage,
+  sales_rank,
+  CASE 
+    WHEN sales_rank <= 3 THEN 'Top Performer'
+    WHEN growth_percentage > 10 THEN 'High Growth'
+    ELSE 'Standard'
+  END as performance_category
+FROM growth_analysis
+ORDER BY month;`;
+
+  return (
+    <SyntaxHighlighter language="custom-sql" style={github}>
+      {customSQLCode}
+    </SyntaxHighlighter>
+  );
+};
+```
+
+## Best Practices
+
+### Language Selection Strategy
+
+```javascript
+const LanguageStrategy = {
+  // Use Prism for modern web development
+  webDevelopment: ['jsx', 'tsx', 'vue', 'svelte', 'graphql', 'mdx'],
+  
+  // Use highlight.js for general programming
+  generalProgramming: ['python', 'java', 'cpp', 'csharp', 'go', 'rust'],
+  
+  // Both engines support these well
+  common: ['javascript', 'typescript', 'css', 'html', 'json', 'yaml', 'sql'],
+  
+  // Specialized use cases
+  specialized: {
+    'data-science': ['python', 'r', 'julia', 'matlab'],
+    'systems': ['c', 'cpp', 'rust', 'assembly'],
+    'web': ['html', 'css', 'scss', 'jsx', 'vue'],
+    'config': ['yaml', 'toml', 'ini', 'dockerfile']
+  }
+};
+```
+
+### Performance Optimization
+
+```javascript
+// Lazy load languages for better performance
+const LazyLanguageLoader = ({ language, children, ...props }) => {
+  const [isLoaded, setIsLoaded] = useState(false);
+
+  useEffect(() => {
+    const loadLanguage = async () => {
+      try {
+        const lang = await import(`react-syntax-highlighter/dist/esm/languages/hljs/${language}`);
+        SyntaxHighlighter.registerLanguage(language, lang.default);
+        setIsLoaded(true);
+      } catch (error) {
+        console.warn(`Failed to load language: ${language}`);
+        setIsLoaded(true); // Show as plain text
+      }
+    };
+
+    if (!SyntaxHighlighter.supportedLanguages.includes(language)) {
+      loadLanguage();
+    } else {
+      setIsLoaded(true);
+    }
+  }, [language]);
+
+  if (!isLoaded) {
+    return <pre style={{ opacity: 0.6 }}>{children}</pre>;
+  }
+
+  return (
+    <SyntaxHighlighter language={language} {...props}>
+      {children}
+    </SyntaxHighlighter>
+  );
+};
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-react-syntax-highlighter/docs/light-builds.md b/.tessl/tiles/tessl/npm-react-syntax-highlighter/docs/light-builds.md
new file mode 100644
index 000000000..fb99d40fc
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-react-syntax-highlighter/docs/light-builds.md
@@ -0,0 +1,286 @@
+# Light Build Variants
+
+Lightweight syntax highlighter builds that require manual language registration for optimal bundle sizes. These builds include only the core highlighting engine without pre-bundled languages.
+
+## Capabilities
+
+### Light (Highlight.js Core)
+
+Light build using highlight.js core requiring manual language registration.
+
+```javascript { .api }
+/**
+ * Light syntax highlighter component using highlight.js core
+ */
+const Light: SyntaxHighlighterComponent & {
+  /** Register a language definition for highlighting */
+  registerLanguage: (name: string, language: any) => void;
+};
+
+type SyntaxHighlighterComponent = React.ComponentType<SyntaxHighlighterProps>;
+```
+
+**Usage Examples:**
+
+```javascript
+import { Light as SyntaxHighlighter } from 'react-syntax-highlighter';
+import js from 'react-syntax-highlighter/dist/esm/languages/hljs/javascript';
+import python from 'react-syntax-highlighter/dist/esm/languages/hljs/python';
+import docco from 'react-syntax-highlighter/dist/esm/styles/hljs/docco';
+
+// Register languages before use
+SyntaxHighlighter.registerLanguage('javascript', js);
+SyntaxHighlighter.registerLanguage('python', python);
+
+const LightExample = () => {
+  const code = `function calculateSum(a, b) {
+  return a + b;
+}
+
+console.log(calculateSum(5, 3));`;
+
+  return (
+    <SyntaxHighlighter language="javascript" style={docco}>
+      {code}
+    </SyntaxHighlighter>
+  );
+};
+```
+
+### PrismLight (Prism.js Core)
+
+Light build using Prism.js core requiring manual language registration.
+
+```javascript { .api }
+/**
+ * Light syntax highlighter component using Prism.js core
+ */
+const PrismLight: SyntaxHighlighterComponent & {
+  /** Register a language definition for highlighting */
+  registerLanguage: (name: string, language: any) => void;
+  /** Create language aliases for existing registered languages */
+  alias: (name: string, aliases: string | string[]) => void;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+import { PrismLight as SyntaxHighlighter } from 'react-syntax-highlighter';
+import jsx from 'react-syntax-highlighter/dist/esm/languages/prism/jsx';
+import typescript from 'react-syntax-highlighter/dist/esm/languages/prism/typescript';
+import prism from 'react-syntax-highlighter/dist/esm/styles/prism/prism';
+
+// Register languages
+SyntaxHighlighter.registerLanguage('jsx', jsx);
+SyntaxHighlighter.registerLanguage('typescript', typescript);
+
+const PrismLightExample = () => {
+  const code = `interface User {
+  name: string;
+  age: number;
+}
+
+const user: User = {
+  name: "Alice",
+  age: 30
+};`;
+
+  return (
+    <SyntaxHighlighter language="typescript" style={prism}>
+      {code}
+    </SyntaxHighlighter>
+  );
+};
+```
+
+### Language Registration
+
+Manual language registration for light builds.
+
+```javascript { .api }
+/**
+ * Register a language definition for syntax highlighting
+ * @param name - Language identifier (e.g., 'javascript', 'python')
+ * @param language - Language definition module
+ */
+registerLanguage(name: string, language: any): void;
+```
+
+**Usage Examples:**
+
+```javascript
+// Single language registration
+import { Light as SyntaxHighlighter } from 'react-syntax-highlighter';
+import javascript from 'react-syntax-highlighter/dist/esm/languages/hljs/javascript';
+
+SyntaxHighlighter.registerLanguage('javascript', javascript);
+
+// Multiple language registration
+import cpp from 'react-syntax-highlighter/dist/esm/languages/hljs/cpp';
+import java from 'react-syntax-highlighter/dist/esm/languages/hljs/java';
+import rust from 'react-syntax-highlighter/dist/esm/languages/hljs/rust';
+
+const languages = [
+  ['cpp', cpp],
+  ['java', java], 
+  ['rust', rust]
+];
+
+languages.forEach(([name, lang]) => {
+  SyntaxHighlighter.registerLanguage(name, lang);
+});
+
+// Dynamic registration
+const registerLanguageIfNeeded = async (languageName) => {
+  try {
+    const language = await import(`react-syntax-highlighter/dist/esm/languages/hljs/${languageName}`);
+    SyntaxHighlighter.registerLanguage(languageName, language.default);
+  } catch (error) {
+    console.warn(`Language ${languageName} not found`);
+  }
+};
+```
+
+### Bundle Size Optimization
+
+Light builds significantly reduce bundle size by including only required languages.
+
+```javascript
+// Compare bundle sizes:
+// Full build: ~500KB (all languages included)
+// Light build: ~50KB (core only, languages added as needed)
+
+// Optimal pattern for known languages
+import { Light as SyntaxHighlighter } from 'react-syntax-highlighter';
+import javascript from 'react-syntax-highlighter/dist/esm/languages/hljs/javascript';
+import css from 'react-syntax-highlighter/dist/esm/languages/hljs/css';
+import html from 'react-syntax-highlighter/dist/esm/languages/hljs/xml'; // xml is used for HTML
+
+// Register only the languages you need
+const SUPPORTED_LANGUAGES = {
+  javascript,
+  css,
+  html
+};
+
+Object.entries(SUPPORTED_LANGUAGES).forEach(([name, lang]) => {
+  SyntaxHighlighter.registerLanguage(name, lang);
+});
+
+// Usage remains the same
+<SyntaxHighlighter language="javascript" style={docco}>
+  {code}
+</SyntaxHighlighter>
+```
+
+### Custom Language Support
+
+Adding support for languages not included in the standard distribution.
+
+```javascript
+// Example: Adding cURL support with highlight.js plugin
+import { Light as SyntaxHighlighter } from 'react-syntax-highlighter';
+import curl from 'highlightjs-curl'; // External plugin
+
+SyntaxHighlighter.registerLanguage('curl', curl);
+
+const CurlExample = () => {
+  const curlCode = `curl -X POST https://api.example.com/users \\
+  -H "Content-Type: application/json" \\
+  -d '{"name": "John", "email": "john@example.com"}'`;
+
+  return (
+    <SyntaxHighlighter language="curl" style={docco}>
+      {curlCode}
+    </SyntaxHighlighter>
+  );
+};
+```
+
+### Migration from Full Builds
+
+Converting from full builds to light builds for better performance.
+
+```javascript
+// Before (Full build - larger bundle)
+import SyntaxHighlighter from 'react-syntax-highlighter';
+import { docco } from 'react-syntax-highlighter/dist/esm/styles/hljs';
+
+// After (Light build - smaller bundle)
+import { Light as SyntaxHighlighter } from 'react-syntax-highlighter';
+import javascript from 'react-syntax-highlighter/dist/esm/languages/hljs/javascript';
+import docco from 'react-syntax-highlighter/dist/esm/styles/hljs/docco';
+
+// Register required languages
+SyntaxHighlighter.registerLanguage('javascript', javascript);
+
+// Component usage remains identical
+const CodeBlock = ({ code, language }) => (
+  <SyntaxHighlighter language={language} style={docco}>
+    {code}
+  </SyntaxHighlighter>
+);
+```
+
+## Best Practices
+
+### Language Management
+
+```javascript
+// Create a centralized language registry
+const LanguageRegistry = {
+  registered: new Set(),
+  
+  async register(languageName) {
+    if (this.registered.has(languageName)) return;
+    
+    try {
+      const language = await import(
+        `react-syntax-highlighter/dist/esm/languages/hljs/${languageName}`
+      );
+      SyntaxHighlighter.registerLanguage(languageName, language.default);
+      this.registered.add(languageName);
+    } catch (error) {
+      console.warn(`Failed to load language: ${languageName}`);
+    }
+  },
+  
+  isRegistered(languageName) {
+    return this.registered.has(languageName);
+  }
+};
+
+// Usage in components
+const CodeBlock = async ({ language, children }) => {
+  await LanguageRegistry.register(language);
+  
+  return (
+    <SyntaxHighlighter language={language} style={docco}>
+      {children}
+    </SyntaxHighlighter>
+  );
+};
+```
+
+### Performance Optimization
+
+```javascript
+// Preload common languages at app startup
+const COMMON_LANGUAGES = ['javascript', 'typescript', 'python', 'json'];
+
+const preloadLanguages = async () => {
+  const imports = COMMON_LANGUAGES.map(async (lang) => {
+    const module = await import(`react-syntax-highlighter/dist/esm/languages/hljs/${lang}`);
+    return [lang, module.default];
+  });
+  
+  const languages = await Promise.all(imports);
+  languages.forEach(([name, lang]) => {
+    SyntaxHighlighter.registerLanguage(name, lang);
+  });
+};
+
+// Call during app initialization
+preloadLanguages();
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-react-syntax-highlighter/docs/prism-integration.md b/.tessl/tiles/tessl/npm-react-syntax-highlighter/docs/prism-integration.md
new file mode 100644
index 000000000..2e660a19b
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-react-syntax-highlighter/docs/prism-integration.md
@@ -0,0 +1,567 @@
+# Prism.js Integration
+
+Enhanced syntax highlighting using Prism.js through the refractor AST parser. Prism.js offers extended language support including modern web technologies like JSX, TSX, and improved highlighting for various programming languages.
+
+## Capabilities
+
+### Prism (Full Build)
+
+Full Prism.js build with comprehensive language support and default Prism styling.
+
+```javascript { .api }
+/**
+ * React syntax highlighter component using Prism.js (refractor)
+ */
+const Prism: SyntaxHighlighterComponent & {
+  /** Array of supported language identifiers */
+  supportedLanguages: string[];
+};
+
+type SyntaxHighlighterComponent = React.ComponentType<SyntaxHighlighterProps>;
+```
+
+**Usage Examples:**
+
+```javascript
+import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
+import { dark } from 'react-syntax-highlighter/dist/esm/styles/prism';
+
+// JSX highlighting (Prism.js specialty)
+const JSXExample = () => {
+  const jsxCode = `import React, { useState } from 'react';
+
+const Counter = ({ initialCount = 0 }) => {
+  const [count, setCount] = useState(initialCount);
+
+  return (
+    <div className="counter">
+      <p>Count: {count}</p>
+      <button onClick={() => setCount(count + 1)}>
+        Increment
+      </button>
+      <button onClick={() => setCount(count - 1)}>
+        Decrement
+      </button>
+    </div>
+  );
+};
+
+export default Counter;`;
+
+  return (
+    <SyntaxHighlighter language="jsx" style={dark}>
+      {jsxCode}
+    </SyntaxHighlighter>
+  );
+};
+
+// TypeScript highlighting
+const TypeScriptExample = () => {
+  const tsCode = `interface User {
+  id: number;
+  name: string;
+  email: string;
+  profile?: UserProfile;
+}
+
+interface UserProfile {
+  avatar: string;
+  bio: string;
+  location?: string;
+}
+
+class UserService {
+  private users: Map<number, User> = new Map();
+
+  async createUser(userData: Omit<User, 'id'>): Promise<User> {
+    const id = Math.max(...this.users.keys()) + 1;
+    const user: User = { id, ...userData };
+    
+    this.users.set(id, user);
+    return user;
+  }
+
+  getUserById(id: number): User | undefined {
+    return this.users.get(id);
+  }
+}`;
+
+  return (
+    <SyntaxHighlighter language="typescript" style={dark}>
+      {tsCode}
+    </SyntaxHighlighter>
+  );
+};
+```
+
+### PrismLight (Core Build)
+
+Light Prism.js build requiring manual language registration.
+
+```javascript { .api }
+/**
+ * Light Prism.js syntax highlighter requiring manual language registration
+ */
+const PrismLight: SyntaxHighlighterComponent & {
+  /** Register a Prism language definition */
+  registerLanguage: (name: string, language: any) => void;
+  /** Create language aliases for existing registered languages */
+  alias: (name: string, aliases: string | string[]) => void;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+import { PrismLight as SyntaxHighlighter } from 'react-syntax-highlighter';
+import jsx from 'react-syntax-highlighter/dist/esm/languages/prism/jsx';
+import typescript from 'react-syntax-highlighter/dist/esm/languages/prism/typescript';
+import prism from 'react-syntax-highlighter/dist/esm/styles/prism/prism';
+
+// Register required languages
+SyntaxHighlighter.registerLanguage('jsx', jsx);
+SyntaxHighlighter.registerLanguage('typescript', typescript);
+
+// Create language aliases
+SyntaxHighlighter.alias('typescript', ['ts']);
+SyntaxHighlighter.alias('jsx', ['react']);
+
+const PrismLightExample = () => {
+  return (
+    <SyntaxHighlighter language="jsx" style={prism}>
+      {jsxCode}
+    </SyntaxHighlighter>
+  );
+};
+```
+
+### Advanced Language Support
+
+Prism.js provides superior support for modern web technologies and markup languages.
+
+```javascript
+// Vue.js Single File Components
+import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
+import { tomorrow } from 'react-syntax-highlighter/dist/esm/styles/prism';
+
+const VueExample = () => {
+  const vueCode = `<template>
+  <div class="user-profile">
+    <h2>{{ user.name }}</h2>
+    <img :src="user.avatar" :alt="user.name" />
+    <p v-if="user.bio">{{ user.bio }}</p>
+    <button @click="followUser">Follow</button>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'UserProfile',
+  props: {
+    user: {
+      type: Object,
+      required: true
+    }
+  },
+  methods: {
+    followUser() {
+      this.$emit('follow', this.user.id);
+    }
+  }
+}
+</script>
+
+<style scoped>
+.user-profile {
+  border: 1px solid #ccc;
+  border-radius: 8px;
+  padding: 16px;
+}
+</style>`;
+
+  return (
+    <SyntaxHighlighter language="vue" style={tomorrow}>
+      {vueCode}
+    </SyntaxHighlighter>
+  );
+};
+
+// GraphQL Schema
+const GraphQLExample = () => {
+  const graphqlCode = `type User {
+  id: ID!
+  name: String!
+  email: String!
+  posts: [Post!]!
+  createdAt: DateTime!
+}
+
+type Post {
+  id: ID!
+  title: String!
+  content: String!
+  author: User!
+  comments: [Comment!]!
+  publishedAt: DateTime
+}
+
+type Query {
+  users(first: Int, after: String): UserConnection!
+  user(id: ID!): User
+  posts(authorId: ID, published: Boolean): [Post!]!
+}
+
+type Mutation {
+  createUser(input: CreateUserInput!): User!
+  updateUser(id: ID!, input: UpdateUserInput!): User!
+  deleteUser(id: ID!): Boolean!
+}`;
+
+  return (
+    <SyntaxHighlighter language="graphql" style={tomorrow}>
+      {graphqlCode}
+    </SyntaxHighlighter>
+  );
+};
+```
+
+### Modern Web Framework Support
+
+Enhanced support for popular web frameworks and their specific syntax.
+
+```javascript
+// Svelte Components
+const SvelteExample = () => {
+  const svelteCode = `<script>
+  import { onMount } from 'svelte';
+  
+  let count = 0;
+  let doubled;
+  
+  $: doubled = count * 2;
+  
+  onMount(() => {
+    console.log('Component mounted');
+  });
+  
+  function increment() {
+    count += 1;
+  }
+</script>
+
+<main>
+  <h1>Count: {count}</h1>
+  <p>Doubled: {doubled}</p>
+  <button on:click={increment}>+</button>
+</main>
+
+<style>
+  main {
+    text-align: center;
+    padding: 1em;
+  }
+</style>`;
+
+  return (
+    <SyntaxHighlighter language="svelte" style={tomorrow}>
+      {svelteCode}
+    </SyntaxHighlighter>
+  );
+};
+
+// MDX (Markdown + JSX)
+const MDXExample = () => {
+  const mdxCode = `# My Blog Post
+
+This is a regular markdown paragraph.
+
+import { Chart } from './components/Chart';
+import { DataTable } from './components/DataTable';
+
+Here's an interactive chart embedded in markdown:
+
+<Chart 
+  data={salesData} 
+  type="line" 
+  title="Monthly Sales" 
+/>
+
+## Code Examples
+
+Here's some JavaScript:
+
+\`\`\`javascript
+const greeting = (name) => {
+  return \`Hello, \${name}!\`;
+};
+\`\`\`
+
+And here's a data table:
+
+<DataTable 
+  columns={['Name', 'Age', 'City']}
+  data={userData}
+  sortable
+/>
+
+## Conclusion
+
+This demonstrates the power of combining Markdown with React components.`;
+
+  return (
+    <SyntaxHighlighter language="mdx" style={tomorrow}>
+      {mdxCode}
+    </SyntaxHighlighter>
+  );
+};
+```
+
+### Language-Specific Features
+
+Prism.js provides better tokenization for specific language features.
+
+```javascript
+// CSS with Advanced Features
+const CSSExample = () => {
+  const cssCode = `/* CSS Custom Properties and Grid */
+:root {
+  --primary-color: #3498db;
+  --secondary-color: #2ecc71;
+  --font-size-base: 16px;
+  --border-radius: 8px;
+}
+
+.container {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  grid-gap: 2rem;
+  padding: 2rem;
+  background: linear-gradient(
+    135deg,
+    var(--primary-color) 0%,
+    var(--secondary-color) 100%
+  );
+}
+
+.card {
+  background: white;
+  border-radius: var(--border-radius);
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+  padding: 1.5rem;
+  transition: transform 0.2s ease-in-out;
+}
+
+.card:hover {
+  transform: translateY(-2px);
+}
+
+@media (max-width: 768px) {
+  .container {
+    grid-template-columns: 1fr;
+    padding: 1rem;
+  }
+}`;
+
+  return (
+    <SyntaxHighlighter language="css" style={tomorrow}>
+      {cssCode}
+    </SyntaxHighlighter>
+  );
+};
+
+// Rust with Advanced Features
+const RustExample = () => {
+  const rustCode = `use std::collections::HashMap;
+use serde::{Deserialize, Serialize};
+
+#[derive(Debug, Serialize, Deserialize)]
+struct User {
+    id: u64,
+    name: String,
+    email: String,
+    age: Option<u8>,
+}
+
+#[derive(Debug)]
+enum DatabaseError {
+    ConnectionFailed,
+    QueryFailed(String),
+    UserNotFound(u64),
+}
+
+impl std::fmt::Display for DatabaseError {
+    fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
+        match self {
+            DatabaseError::ConnectionFailed => write!(f, "Database connection failed"),
+            DatabaseError::QueryFailed(query) => write!(f, "Query failed: {}", query),
+            DatabaseError::UserNotFound(id) => write!(f, "User with id {} not found", id),
+        }
+    }
+}
+
+struct UserRepository {
+    users: HashMap<u64, User>,
+}
+
+impl UserRepository {
+    fn new() -> Self {
+        Self {
+            users: HashMap::new(),
+        }
+    }
+
+    fn create_user(&mut self, user: User) -> Result<u64, DatabaseError> {
+        let id = user.id;
+        self.users.insert(id, user);
+        Ok(id)
+    }
+
+    fn get_user(&self, id: u64) -> Result<&User, DatabaseError> {
+        self.users.get(&id).ok_or(DatabaseError::UserNotFound(id))
+    }
+}`;
+
+  return (
+    <SyntaxHighlighter language="rust" style={tomorrow}>
+      {rustCode}
+    </SyntaxHighlighter>
+  );
+};
+```
+
+### Prism vs Highlight.js Comparison
+
+Understanding when to choose Prism.js over highlight.js.
+
+```javascript
+// Prism.js advantages:
+// ✓ Better JSX/TSX support
+// ✓ More modern web framework support (Vue, Svelte, etc.)
+// ✓ Better CSS highlighting with modern features
+// ✓ Enhanced markup language support (MDX, etc.)
+// ✓ More granular tokenization
+// ✓ Better plugin ecosystem
+
+// Highlight.js advantages:
+// ✓ Auto-detection of languages
+// ✓ Smaller core size
+// ✓ More language coverage overall
+// ✓ Better performance for large code blocks
+
+// Migration from highlight.js to Prism
+// Before (highlight.js)
+import SyntaxHighlighter from 'react-syntax-highlighter';
+import { docco } from 'react-syntax-highlighter/dist/esm/styles/hljs';
+
+// After (Prism.js)
+import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
+import { prism } from 'react-syntax-highlighter/dist/esm/styles/prism';
+
+// Component usage remains the same
+<SyntaxHighlighter language="jsx" style={prism}>
+  {code}
+</SyntaxHighlighter>
+```
+
+### Custom Language Extensions
+
+Adding custom language support to Prism.js builds.
+
+```javascript
+// Example: Adding custom templating language
+import { PrismLight as SyntaxHighlighter } from 'react-syntax-highlighter';
+
+// Define custom language grammar
+const customTemplate = {
+  'template-tag': {
+    pattern: /\{\{[\s\S]*?\}\}/,
+    inside: {
+      'delimiter': {
+        pattern: /^\{\{|\}\}$/,
+        alias: 'punctuation'
+      },
+      'variable': /\b\w+\b/
+    }
+  },
+  'string': /"(?:[^"\\]|\\.)*"/,
+  'number': /\b\d+(?:\.\d+)?\b/,
+  'operator': /[=<>!]=?|[&|]{2}|\+\+?|--?/,
+  'punctuation': /[{}[\];(),.:]/
+};
+
+// Register the custom language
+SyntaxHighlighter.registerLanguage('custom-template', customTemplate);
+
+// Usage
+const CustomTemplateExample = () => {
+  const templateCode = `<!DOCTYPE html>
+<html>
+<head>
+    <title>{{title}}</title>
+</head>
+<body>
+    <h1>Welcome, {{user.name}}!</h1>
+    {{#if user.isAdmin}}
+        <div class="admin-panel">
+            <a href="/admin">Admin Dashboard</a>
+        </div>
+    {{/if}}
+    
+    <ul>
+    {{#each posts}}
+        <li>
+            <h2>{{title}}</h2>
+            <p>{{excerpt}}</p>
+            <small>By {{author}} on {{date}}</small>
+        </li>
+    {{/each}}
+    </ul>
+</body>
+</html>`;
+
+  return (
+    <SyntaxHighlighter language="custom-template" style={prism}>
+      {templateCode}
+    </SyntaxHighlighter>
+  );
+};
+```
+
+## Best Practices
+
+### Language Selection Strategy
+
+```javascript
+// Choose Prism.js for:
+const modernWebProjects = {
+  frameworks: ['React', 'Vue', 'Svelte', 'Angular'],
+  languages: ['JSX', 'TSX', 'Vue SFC', 'Svelte'],
+  features: ['Modern CSS', 'GraphQL', 'MDX', 'Template literals']
+};
+
+// Choose highlight.js for:
+const traditionalProjects = {
+  features: ['Auto-detection', 'Large code blocks', 'Performance-critical'],
+  languages: ['General programming', 'Server-side languages', 'Legacy syntax']
+};
+
+// Hybrid approach: Use both based on content type
+const LanguageSelector = ({ language, children }) => {
+  const prismLanguages = ['jsx', 'tsx', 'vue', 'svelte', 'graphql', 'mdx'];
+  const usePrism = prismLanguages.includes(language);
+  
+  if (usePrism) {
+    return (
+      <PrismSyntaxHighlighter language={language} style={prismStyle}>
+        {children}
+      </PrismSyntaxHighlighter>
+    );
+  }
+  
+  return (
+    <HljsSyntaxHighlighter language={language} style={hljsStyle}>
+      {children}
+    </HljsSyntaxHighlighter>
+  );
+};
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-react-syntax-highlighter/docs/standard-highlighter.md b/.tessl/tiles/tessl/npm-react-syntax-highlighter/docs/standard-highlighter.md
new file mode 100644
index 000000000..3fdb40685
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-react-syntax-highlighter/docs/standard-highlighter.md
@@ -0,0 +1,250 @@
+# Standard Syntax Highlighter
+
+The default syntax highlighter component using highlight.js with comprehensive language support and built-in themes.
+
+## Capabilities
+
+### Default Export (SyntaxHighlighter)
+
+The main syntax highlighter component with full highlight.js support and default styling.
+
+```javascript { .api }
+/**
+ * React component for syntax highlighting using highlight.js
+ * @param props - Configuration props for the highlighter
+ * @returns JSX element with highlighted code
+ */
+function SyntaxHighlighter(props: SyntaxHighlighterProps): JSX.Element;
+
+interface SyntaxHighlighterProps {
+  /** Programming language to highlight (default: auto-detect) */
+  language?: string;
+  /** Code string to highlight */
+  children: string;
+  /** Theme object for styling */
+  style?: { [key: string]: React.CSSProperties };
+  /** Additional styles for the pre tag */
+  customStyle?: React.CSSProperties;
+  /** Use inline styles vs CSS classes (default: true) */
+  useInlineStyles?: boolean;
+  /** Show line numbers in left gutter (default: false) */
+  showLineNumbers?: boolean;
+  /** Show line numbers inline with code (default: true when showLineNumbers is true) */
+  showInlineLineNumbers?: boolean;
+  /** Starting line number (default: 1) */
+  startingLineNumber?: number;
+  /** Styles for line number container */
+  lineNumberContainerStyle?: React.CSSProperties;
+  /** Styles for individual line numbers, can be function */
+  lineNumberStyle?: React.CSSProperties | ((lineNumber: number) => React.CSSProperties);
+  /** Wrap each line in a span element (default: false) */
+  wrapLines?: boolean;
+  /** Enable line wrapping with CSS white-space: pre-wrap (default: false) */
+  wrapLongLines?: boolean;
+  /** Props for line wrapper spans, can be function */
+  lineProps?: React.HTMLProps<HTMLElement> | ((lineNumber: number) => React.HTMLProps<HTMLElement>);
+  /** Custom renderer for code lines */
+  renderer?: (props: RendererProps) => React.ReactNode;
+  /** Custom component for pre tag (default: 'pre') */
+  PreTag?: React.ComponentType<any> | string;
+  /** Custom component for code tag (default: 'code') */
+  CodeTag?: React.ComponentType<any> | string;
+  /** Props for the code tag */
+  codeTagProps?: React.HTMLProps<HTMLElement>;
+  /** Additional props spread to pre tag */
+  [key: string]: any;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+import React from 'react';
+import SyntaxHighlighter from 'react-syntax-highlighter';
+import { docco } from 'react-syntax-highlighter/dist/esm/styles/hljs';
+
+// Basic usage
+const BasicExample = () => {
+  const code = `function hello() {
+  console.log('Hello, World!');
+}`;
+
+  return (
+    <SyntaxHighlighter language="javascript" style={docco}>
+      {code}
+    </SyntaxHighlighter>
+  );
+};
+
+// With line numbers
+const LineNumberExample = () => {
+  const code = `def fibonacci(n):
+    if n <= 1:
+        return n
+    return fibonacci(n-1) + fibonacci(n-2)
+
+print(fibonacci(10))`;
+
+  return (
+    <SyntaxHighlighter 
+      language="python" 
+      style={docco}
+      showLineNumbers={true}
+      startingLineNumber={1}
+    >
+      {code}
+    </SyntaxHighlighter>
+  );
+};
+
+// Custom styling
+const CustomStyleExample = () => {
+  const code = `<div className="example">
+  <h1>Hello World</h1>
+  <p>This is a paragraph.</p>
+</div>`;
+
+  return (
+    <SyntaxHighlighter 
+      language="html"
+      style={docco}
+      customStyle={{
+        padding: '20px',
+        borderRadius: '8px',
+        fontSize: '14px'
+      }}
+      codeTagProps={{
+        style: {
+          fontFamily: 'Menlo, Monaco, Consolas, monospace'
+        }
+      }}
+    >
+      {code}
+    </SyntaxHighlighter>
+  );
+};
+```
+
+### Supported Languages Property
+
+Access to the list of supported languages.
+
+```javascript { .api }
+/**
+ * Array of supported language identifiers
+ */
+const supportedLanguages: string[];
+```
+
+**Usage Example:**
+
+```javascript
+import SyntaxHighlighter from 'react-syntax-highlighter';
+
+// Check if a language is supported
+const isSupported = SyntaxHighlighter.supportedLanguages.includes('typescript');
+
+// List all supported languages
+console.log('Supported languages:', SyntaxHighlighter.supportedLanguages);
+```
+
+### Language Detection
+
+The highlighter supports automatic language detection when no language is specified.
+
+```javascript
+// Auto-detect language (highlight.js feature)
+<SyntaxHighlighter style={docco}>
+  {codeString}
+</SyntaxHighlighter>
+
+// Plain text (no highlighting)
+<SyntaxHighlighter language="text" style={docco}>
+  {plainTextString}
+</SyntaxHighlighter>
+```
+
+### Line Number Customization
+
+Advanced line number styling and positioning options.
+
+```javascript
+// Function-based line number styling
+const dynamicLineNumberStyle = (lineNumber) => ({
+  color: lineNumber % 2 === 0 ? '#666' : '#999',
+  fontWeight: lineNumber === 5 ? 'bold' : 'normal'
+});
+
+<SyntaxHighlighter 
+  language="javascript"
+  style={docco}
+  showLineNumbers={true}
+  lineNumberStyle={dynamicLineNumberStyle}
+  lineNumberContainerStyle={{
+    backgroundColor: '#f5f5f5',
+    borderRight: '2px solid #ddd',
+    paddingRight: '10px'
+  }}
+>
+  {code}
+</SyntaxHighlighter>
+```
+
+### Custom Rendering
+
+Integration with virtualization libraries and custom renderers.
+
+```javascript
+// Custom renderer for virtualization
+const customRenderer = ({ rows, stylesheet, useInlineStyles }) => {
+  return rows.map((node, i) => (
+    <div key={i} className="code-line">
+      {/* Custom rendering logic */}
+      {createElement({
+        node,
+        stylesheet,
+        useInlineStyles,
+        key: `code-segment-${i}`
+      })}
+    </div>
+  ));
+};
+
+<SyntaxHighlighter 
+  language="javascript"
+  style={docco}
+  renderer={customRenderer}
+  wrapLines={true}
+>
+  {code}
+</SyntaxHighlighter>
+```
+
+## Types
+
+```javascript { .api }
+interface RendererProps {
+  /** Array of parsed code rows */
+  rows: RowData[];
+  /** Style object for theming */
+  stylesheet: { [key: string]: React.CSSProperties };
+  /** Whether to use inline styles */
+  useInlineStyles: boolean;
+}
+
+interface RowData {
+  type: 'element';
+  tagName: string;
+  properties: {
+    className?: string[];
+    style?: React.CSSProperties;
+    key?: string;
+  };
+  children: Array<RowData | TextNode>;
+}
+
+interface TextNode {
+  type: 'text';
+  value: string;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-react-syntax-highlighter/docs/styling-themes.md b/.tessl/tiles/tessl/npm-react-syntax-highlighter/docs/styling-themes.md
new file mode 100644
index 000000000..3f84ed48d
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-react-syntax-highlighter/docs/styling-themes.md
@@ -0,0 +1,679 @@
+# Styling and Themes
+
+Comprehensive theming and styling system with JavaScript-based styles, CSS class alternatives, and extensive customization options. React Syntax Highlighter provides 146 pre-built themes across both engines (99 for highlight.js, 47 for Prism.js).
+
+## Capabilities
+
+### JavaScript-Based Styling
+
+Default inline styling approach using JavaScript objects, eliminating external CSS dependencies.
+
+```javascript { .api }
+/**
+ * Style object structure for themes
+ */
+interface ThemeStyle {
+  [selector: string]: React.CSSProperties;
+}
+
+/**
+ * Common style selectors for highlight.js themes
+ */
+interface HljsThemeSelectors {
+  'hljs': React.CSSProperties;
+  'hljs-comment': React.CSSProperties;
+  'hljs-keyword': React.CSSProperties;
+  'hljs-string': React.CSSProperties;
+  'hljs-number': React.CSSProperties;
+  'hljs-function': React.CSSProperties;
+  'hljs-variable': React.CSSProperties;
+  'hljs-operator': React.CSSProperties;
+  'hljs-punctuation': React.CSSProperties;
+  [key: string]: React.CSSProperties;
+}
+
+/**
+ * Common style selectors for Prism themes
+ */
+interface PrismThemeSelectors {
+  'code[class*="language-"]': React.CSSProperties;
+  'pre[class*="language-"]': React.CSSProperties;
+  'token.comment': React.CSSProperties;
+  'token.keyword': React.CSSProperties;
+  'token.string': React.CSSProperties;
+  'token.number': React.CSSProperties;
+  'token.function': React.CSSProperties;
+  'token.operator': React.CSSProperties;
+  [key: string]: React.CSSProperties;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+import SyntaxHighlighter from 'react-syntax-highlighter';
+import { docco, github, monokai } from 'react-syntax-highlighter/dist/esm/styles/hljs';
+
+// Using pre-built themes
+const ThemeExample = () => {
+  const code = `function fibonacci(n) {
+  if (n <= 1) return n;
+  return fibonacci(n - 1) + fibonacci(n - 2);
+}`;
+
+  return (
+    <div>
+      {/* Docco theme */}
+      <SyntaxHighlighter language="javascript" style={docco}>
+        {code}
+      </SyntaxHighlighter>
+      
+      {/* GitHub theme */}
+      <SyntaxHighlighter language="javascript" style={github}>
+        {code}
+      </SyntaxHighlighter>
+      
+      {/* Monokai theme */}
+      <SyntaxHighlighter language="javascript" style={monokai}>
+        {code}
+      </SyntaxHighlighter>
+    </div>
+  );
+};
+```
+
+### Highlight.js Themes
+
+Extensive collection of highlight.js themes with various color schemes and styles.
+
+```javascript { .api }
+// Popular highlight.js themes
+import {
+  // Light themes
+  docco,
+  github,
+  googlecode,
+  foundation,
+  xcode,
+  
+  // Dark themes
+  monokai,
+  dracula,
+  atomOneDark,
+  nightOwl,
+  nord,
+  
+  // High contrast themes
+  a11yDark,
+  a11yLight,
+  
+  // Colorful themes
+  rainbow,
+  sunburst,
+  zenburn
+} from 'react-syntax-highlighter/dist/esm/styles/hljs';
+```
+
+**Theme Showcase:**
+
+```javascript
+import SyntaxHighlighter from 'react-syntax-highlighter';
+import * as hljsStyles from 'react-syntax-highlighter/dist/esm/styles/hljs';
+
+const HljsThemeShowcase = () => {
+  const sampleCode = `class Calculator {
+  constructor() {
+    this.result = 0;
+  }
+  
+  add(number) {
+    this.result += number;
+    return this;
+  }
+  
+  multiply(number) {
+    this.result *= number;
+    return this;
+  }
+  
+  getValue() {
+    return this.result;
+  }
+}
+
+const calc = new Calculator();
+const result = calc.add(5).multiply(3).getValue(); // 15`;
+
+  const popularThemes = [
+    'docco', 'github', 'monokai', 'dracula', 
+    'atomOneDark', 'solarizedLight', 'solarizedDark'
+  ];
+
+  return (
+    <div>
+      {popularThemes.map(themeName => (
+        <div key={themeName} style={{ marginBottom: '2rem' }}>
+          <h3>{themeName}</h3>
+          <SyntaxHighlighter 
+            language="javascript" 
+            style={hljsStyles[themeName]}
+          >
+            {sampleCode}
+          </SyntaxHighlighter>
+        </div>
+      ))}
+    </div>
+  );
+};
+```
+
+### Prism.js Themes
+
+Collection of Prism.js themes with modern styling and enhanced visual appeal.
+
+```javascript { .api }
+// Popular Prism themes
+import {
+  // Light themes
+  prism,
+  coy,
+  solarizedlight,
+  base16AteliersulphurpoolLight,
+  
+  // Dark themes
+  dark,
+  tomorrow,
+  twilight,
+  okaidia,
+  atomDark,
+  
+  // Specialized themes
+  a11yDark,
+  cbTheme,
+  coldarkCold,
+  coldarkDark,
+  funky,
+  lucario,
+  materialDark,
+  materialLight,
+  nightOwl,
+  nord,
+  oneDark,
+  oneLight,
+  shadesOfPurple,
+  synthwave84,
+  vscDarkPlus
+} from 'react-syntax-highlighter/dist/esm/styles/prism';
+```
+
+**Prism Theme Examples:**
+
+```javascript
+import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
+import { vscDarkPlus, oneLight, synthwave84 } from 'react-syntax-highlighter/dist/esm/styles/prism';
+
+const PrismThemeDemo = () => {
+  const reactCode = `import React, { useState, useEffect } from 'react';
+
+const UserProfile = ({ userId }) => {
+  const [user, setUser] = useState(null);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    const fetchUser = async () => {
+      try {
+        const response = await fetch(\`/api/users/\${userId}\`);
+        const userData = await response.json();
+        setUser(userData);
+      } catch (error) {
+        console.error('Failed to fetch user:', error);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchUser();
+  }, [userId]);
+
+  if (loading) return <div>Loading...</div>;
+  if (!user) return <div>User not found</div>;
+
+  return (
+    <div className="user-profile">
+      <h2>{user.name}</h2>
+      <p>{user.email}</p>
+      <p>Joined: {new Date(user.createdAt).toLocaleDateString()}</p>
+    </div>
+  );
+};`;
+
+  return (
+    <div>
+      <h3>VS Code Dark Plus</h3>
+      <SyntaxHighlighter language="jsx" style={vscDarkPlus}>
+        {reactCode}
+      </SyntaxHighlighter>
+      
+      <h3>One Light</h3>
+      <SyntaxHighlighter language="jsx" style={oneLight}>
+        {reactCode}
+      </SyntaxHighlighter>
+      
+      <h3>Synthwave '84</h3>
+      <SyntaxHighlighter language="jsx" style={synthwave84}>
+        {reactCode}
+      </SyntaxHighlighter>
+    </div>
+  );
+};
+```
+
+### Custom Styling
+
+Creating and modifying themes with custom styles and overrides.
+
+```javascript { .api }
+/**
+ * Custom style properties for syntax highlighter components
+ */
+interface CustomStyleOptions {
+  /** Additional styles for the pre tag */
+  customStyle?: React.CSSProperties;
+  /** Props for the code tag including styles */
+  codeTagProps?: {
+    style?: React.CSSProperties;
+    className?: string;
+    [key: string]: any;
+  };
+  /** Use inline styles vs CSS classes */
+  useInlineStyles?: boolean;
+}
+```
+
+**Custom Theme Creation:**
+
+```javascript
+import SyntaxHighlighter from 'react-syntax-highlighter';
+import { docco } from 'react-syntax-highlighter/dist/esm/styles/hljs';
+
+// Create custom theme by extending existing theme
+const customTheme = {
+  ...docco,
+  'hljs': {
+    ...docco.hljs,
+    background: '#1e1e1e',
+    color: '#d4d4d4',
+    borderRadius: '8px',
+    padding: '16px'
+  },
+  'hljs-keyword': {
+    ...docco['hljs-keyword'],
+    color: '#569cd6',
+    fontWeight: 'bold'
+  },
+  'hljs-string': {
+    ...docco['hljs-string'],
+    color: '#ce9178'
+  },
+  'hljs-comment': {
+    ...docco['hljs-comment'],
+    color: '#6a9955',
+    fontStyle: 'italic'
+  }
+};
+
+const CustomThemeExample = () => {
+  return (
+    <SyntaxHighlighter language="javascript" style={customTheme}>
+      {code}
+    </SyntaxHighlighter>
+  );
+};
+
+// Theme with custom styling overrides
+const StyledExample = () => {
+  return (
+    <SyntaxHighlighter 
+      language="javascript"
+      style={docco}
+      customStyle={{
+        margin: '20px 0',
+        borderRadius: '12px',
+        boxShadow: '0 4px 6px rgba(0, 0, 0, 0.1)',
+        border: '1px solid #e1e5e9',
+        fontSize: '14px',
+        lineHeight: '1.5'
+      }}
+      codeTagProps={{
+        style: {
+          fontFamily: 'Fira Code, Menlo, Monaco, Consolas, monospace'
+        }
+      }}
+    >
+      {code}
+    </SyntaxHighlighter>
+  );
+};
+```
+
+### CSS Class-Based Styling
+
+Alternative styling approach using CSS classes instead of inline styles.
+
+```javascript { .api }
+/**
+ * Props for CSS class-based styling
+ */
+interface CSSClassStyleOptions {
+  /** Disable inline styles and use CSS classes */
+  useInlineStyles: false;
+  /** Additional CSS class for the pre element */
+  className?: string;
+  /** Props for code element including className */
+  codeTagProps?: {
+    className?: string;
+    [key: string]: any;
+  };
+}
+```
+
+**CSS Class Examples:**
+
+```javascript
+// Using CSS classes instead of inline styles
+const CSSClassExample = () => {
+  return (
+    <SyntaxHighlighter 
+      language="javascript"
+      useInlineStyles={false}
+      className="custom-highlighter"
+      codeTagProps={{
+        className: "custom-code"
+      }}
+    >
+      {code}
+    </SyntaxHighlighter>
+  );
+};
+```
+
+```css
+/* External CSS file */
+.custom-highlighter {
+  background-color: #2d3748;
+  border-radius: 8px;
+  padding: 16px;
+  margin: 16px 0;
+  overflow-x: auto;
+}
+
+.custom-code {
+  font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
+  font-size: 14px;
+  line-height: 1.5;
+}
+
+/* Highlight.js classes */
+.hljs-keyword {
+  color: #f7fafc;
+  font-weight: bold;
+}
+
+.hljs-string {
+  color: #68d391;
+}
+
+.hljs-comment {
+  color: #a0aec0;
+  font-style: italic;
+}
+
+.hljs-number {
+  color: #f6ad55;
+}
+```
+
+### Line Number Styling
+
+Customizing the appearance and behavior of line numbers.
+
+```javascript { .api }
+/**
+ * Line number styling options
+ */
+interface LineNumberStyleOptions {
+  /** Show line numbers in left gutter */
+  showLineNumbers?: boolean;
+  /** Show line numbers inline with code */
+  showInlineLineNumbers?: boolean;
+  /** Starting line number */
+  startingLineNumber?: number;
+  /** Container styles for line numbers */
+  lineNumberContainerStyle?: React.CSSProperties;
+  /** Style for individual line numbers */
+  lineNumberStyle?: React.CSSProperties | ((lineNumber: number) => React.CSSProperties);
+}
+```
+
+**Line Number Styling Examples:**
+
+```javascript
+const LineNumberStyling = () => {
+  // Basic line numbers
+  const basicExample = (
+    <SyntaxHighlighter 
+      language="python"
+      style={docco}
+      showLineNumbers={true}
+      startingLineNumber={1}
+    >
+      {pythonCode}
+    </SyntaxHighlighter>
+  );
+
+  // Custom line number styling
+  const customLineNumbers = (
+    <SyntaxHighlighter 
+      language="python"
+      style={docco}
+      showLineNumbers={true}
+      lineNumberContainerStyle={{
+        backgroundColor: '#f8f9fa',
+        borderRight: '2px solid #e9ecef',
+        paddingRight: '12px',
+        marginRight: '12px'
+      }}
+      lineNumberStyle={{
+        color: '#6c757d',
+        fontSize: '12px',
+        fontWeight: 'bold'
+      }}
+    >
+      {pythonCode}
+    </SyntaxHighlighter>
+  );
+
+  // Dynamic line number styling
+  const dynamicLineNumbers = (
+    <SyntaxHighlighter 
+      language="python"
+      style={docco}
+      showLineNumbers={true}
+      lineNumberStyle={(lineNumber) => ({
+        color: lineNumber % 5 === 0 ? '#dc3545' : '#6c757d',
+        fontWeight: lineNumber % 5 === 0 ? 'bold' : 'normal',
+        backgroundColor: lineNumber % 10 === 0 ? '#fff3cd' : 'transparent'
+      })}
+    >
+      {pythonCode}
+    </SyntaxHighlighter>
+  );
+
+  return (
+    <div>
+      <h3>Basic Line Numbers</h3>
+      {basicExample}
+      
+      <h3>Custom Line Numbers</h3>
+      {customLineNumbers}
+      
+      <h3>Dynamic Line Numbers</h3>
+      {dynamicLineNumbers}
+    </div>
+  );
+};
+```
+
+### Responsive and Adaptive Styling
+
+Creating responsive themes that adapt to different screen sizes and user preferences.
+
+```javascript
+const ResponsiveExample = () => {
+  const [theme, setTheme] = useState('light');
+  const [fontSize, setFontSize] = useState(14);
+
+  // Theme switching
+  const lightTheme = github;
+  const darkTheme = atomOneDark;
+  const currentTheme = theme === 'light' ? lightTheme : darkTheme;
+
+  // Responsive custom styles
+  const responsiveStyles = {
+    fontSize: `${fontSize}px`,
+    borderRadius: '8px',
+    margin: '16px 0',
+    // Mobile styles
+    '@media (max-width: 768px)': {
+      fontSize: '12px',
+      margin: '8px 0',
+      borderRadius: '4px'
+    }
+  };
+
+  return (
+    <div>
+      <div style={{ marginBottom: '16px' }}>
+        <button onClick={() => setTheme(theme === 'light' ? 'dark' : 'light')}>
+          Switch to {theme === 'light' ? 'Dark' : 'Light'} Theme
+        </button>
+        <input 
+          type="range" 
+          min="10" 
+          max="20" 
+          value={fontSize}
+          onChange={(e) => setFontSize(Number(e.target.value))}
+        />
+        <span>Font Size: {fontSize}px</span>
+      </div>
+      
+      <SyntaxHighlighter 
+        language="javascript"
+        style={currentTheme}
+        customStyle={responsiveStyles}
+      >
+        {code}
+      </SyntaxHighlighter>
+    </div>
+  );
+};
+```
+
+### Print Styling
+
+Optimizing syntax highlighting for print media and PDF generation.
+
+```javascript
+const PrintOptimizedExample = () => {
+  const printStyles = {
+    backgroundColor: 'white',
+    color: 'black',
+    border: '1px solid #ccc',
+    fontSize: '10px',
+    lineHeight: '1.2',
+    // Print-specific styles
+    '@media print': {
+      backgroundColor: 'white !important',
+      color: 'black !important',
+      boxShadow: 'none',
+      border: '1px solid #000'
+    }
+  };
+
+  return (
+    <SyntaxHighlighter 
+      language="javascript"
+      style={github} // Light theme works better for print
+      customStyle={printStyles}
+      showLineNumbers={true}
+      lineNumberStyle={{
+        color: '#666',
+        fontSize: '9px'
+      }}
+    >
+      {code}
+    </SyntaxHighlighter>
+  );
+};
+```
+
+## Advanced Styling Techniques
+
+### Theme Composition
+
+```javascript
+// Composing themes from multiple sources
+const composeTheme = (baseTheme, overrides) => {
+  const composed = { ...baseTheme };
+  
+  Object.keys(overrides).forEach(selector => {
+    composed[selector] = {
+      ...composed[selector],
+      ...overrides[selector]
+    };
+  });
+  
+  return composed;
+};
+
+const myTheme = composeTheme(docco, {
+  'hljs': {
+    backgroundColor: '#1a1a1a',
+    color: '#f8f8f2',
+    borderRadius: '12px'
+  },
+  'hljs-keyword': {
+    color: '#ff79c6',
+    fontWeight: 'bold'
+  }
+});
+```
+
+### Conditional Styling
+
+```javascript
+const ConditionalStyling = ({ isDark, isHighContrast }) => {
+  const getTheme = () => {
+    if (isHighContrast) {
+      return isDark ? a11yDark : a11yLight;
+    }
+    return isDark ? monokai : github;
+  };
+
+  const getCustomStyles = () => ({
+    fontSize: isHighContrast ? '16px' : '14px',
+    lineHeight: isHighContrast ? '1.8' : '1.5',
+    padding: isHighContrast ? '20px' : '16px'
+  });
+
+  return (
+    <SyntaxHighlighter 
+      language="javascript"
+      style={getTheme()}
+      customStyle={getCustomStyles()}
+    >
+      {code}
+    </SyntaxHighlighter>
+  );
+};
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-react-syntax-highlighter/tile.json b/.tessl/tiles/tessl/npm-react-syntax-highlighter/tile.json
new file mode 100644
index 000000000..855bbaa7e
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-react-syntax-highlighter/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-react-syntax-highlighter",
+  "version": "15.6.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/react-syntax-highlighter@15.6.6",
+  "summary": "React component library for syntax highlighting with highlight.js and Prism.js support."
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-react/docs/builtin-components.md b/.tessl/tiles/tessl/npm-react/docs/builtin-components.md
new file mode 100644
index 000000000..229398296
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-react/docs/builtin-components.md
@@ -0,0 +1,459 @@
+# Built-in Components
+
+React provides several built-in components for layout, performance optimization, and development features. These special components enable advanced React patterns and help with debugging and performance.
+
+## Capabilities
+
+### Fragment
+
+Groups multiple elements without adding an extra DOM node.
+
+```javascript { .api }
+/**
+ * Groups children without creating DOM wrapper
+ */
+const Fragment: ExoticComponent<{ children?: ReactNode }>;
+```
+
+**Usage Examples:**
+
+```javascript
+import React, { Fragment } from 'react';
+
+// Using Fragment component
+function UserInfo({ user }) {
+  return (
+    <Fragment>
+      <h2>{user.name}</h2>
+      <p>{user.email}</p>
+      <p>{user.role}</p>
+    </Fragment>
+  );
+}
+
+// Using short syntax
+function UserInfo({ user }) {
+  return (
+    <>
+      <h2>{user.name}</h2>
+      <p>{user.email}</p>
+      <p>{user.role}</p>
+    </>
+  );
+}
+
+// With key prop (useful in lists)
+function ItemList({ items }) {
+  return (
+    <ul>
+      {items.map(item => (
+        <Fragment key={item.id}>
+          <li>{item.name}</li>
+          <li className="description">{item.description}</li>
+        </Fragment>
+      ))}
+    </ul>
+  );
+}
+
+// Conditional fragments
+function ConditionalContent({ showDetails, user }) {
+  return (
+    <div>
+      <h1>Welcome</h1>
+      {showDetails && (
+        <Fragment>
+          <p>User: {user.name}</p>
+          <p>Last login: {user.lastLogin}</p>
+          <p>Status: {user.status}</p>
+        </Fragment>
+      )}
+    </div>
+  );
+}
+```
+
+### StrictMode
+
+Enables additional checks and warnings for development.
+
+```javascript { .api }
+/**
+ * Enables additional development checks and warnings
+ */
+const StrictMode: ExoticComponent<{ children?: ReactNode }>;
+```
+
+**Usage Examples:**
+
+```javascript
+import React, { StrictMode } from 'react';
+
+// Wrap entire app in StrictMode
+function App() {
+  return (
+    <StrictMode>
+      <Header />
+      <MainContent />
+      <Footer />
+    </StrictMode>
+  );
+}
+
+// Wrap specific components for stricter checks
+function DevelopmentApp() {
+  return (
+    <div>
+      <Header />
+      <StrictMode>
+        {/* This section will have additional checks */}
+        <ExperimentalFeature />
+        <NewComponent />
+      </StrictMode>
+      <Footer />
+    </div>
+  );
+}
+
+// StrictMode helps identify:
+// - Components with unsafe lifecycles
+// - Legacy string ref API usage
+// - Deprecated findDOMNode usage
+// - Unexpected side effects
+// - Legacy context API
+function ProblematicComponent() {
+  // StrictMode will warn about this deprecated lifecycle
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    // This will trigger warnings in StrictMode
+  }
+  
+  // StrictMode will help detect side effects by double-invoking
+  useEffect(() => {
+    // This effect should be idempotent
+    console.log('Effect running'); // Will log twice in StrictMode
+  }, []);
+  
+  return <div>Component content</div>;
+}
+```
+
+### Profiler
+
+Measures performance of React component trees.
+
+```javascript { .api }
+/**
+ * Measures rendering performance of component tree
+ */
+const Profiler: ExoticComponent<ProfilerProps>;
+
+interface ProfilerProps {
+  children?: ReactNode;
+  id: string;
+  onRender: ProfilerOnRenderCallback;
+}
+
+type ProfilerOnRenderCallback = (
+  id: string,
+  phase: "mount" | "update",
+  actualDuration: number,
+  baseDuration: number,
+  startTime: number,
+  commitTime: number,
+  interactions: Set<Interaction>
+) => void;
+```
+
+**Usage Examples:**
+
+```javascript
+import React, { Profiler } from 'react';
+
+function onRenderCallback(id, phase, actualDuration, baseDuration, startTime, commitTime) {
+  console.log('Profiler:', {
+    id,                 // "App" - the id prop of the Profiler tree that has just committed
+    phase,              // "mount" (first render) or "update" (re-render)
+    actualDuration,     // time spent rendering the committed update
+    baseDuration,       // estimated time to render the entire subtree without memoization
+    startTime,          // when React began rendering this update
+    commitTime          // when React committed this update
+  });
+  
+  // Send to analytics service
+  analytics.track('react_render', {
+    component: id,
+    phase,
+    duration: actualDuration,
+    timestamp: commitTime
+  });
+}
+
+function App() {
+  return (
+    <Profiler id="App" onRender={onRenderCallback}>
+      <Header />
+      <Profiler id="MainContent" onRender={onRenderCallback}>
+        <UserList />
+        <ProductGrid />
+      </Profiler>
+      <Footer />
+    </Profiler>
+  );
+}
+
+// Performance monitoring wrapper
+function PerformanceWrapper({ id, children, threshold = 100 }) {
+  const handleRender = (id, phase, actualDuration) => {
+    if (actualDuration > threshold) {
+      console.warn(`Slow render detected in ${id}: ${actualDuration}ms`);
+      
+      // Report slow renders
+      if (typeof reportWebVitals === 'function') {
+        reportWebVitals({
+          name: 'slow-render',
+          value: actualDuration,
+          id: id
+        });
+      }
+    }
+  };
+  
+  return (
+    <Profiler id={id} onRender={handleRender}>
+      {children}
+    </Profiler>
+  );
+}
+
+// Usage
+<PerformanceWrapper id="ExpensiveComponent" threshold={50}>
+  <ExpensiveDataVisualization />
+</PerformanceWrapper>
+```
+
+### Suspense
+
+Handles loading states for asynchronous components and data fetching.
+
+```javascript { .api }
+/**
+ * Handles loading states for async operations
+ */
+const Suspense: ExoticComponent<SuspenseProps>;
+
+interface SuspenseProps {
+  children?: ReactNode;
+  fallback: NonNullable<ReactNode> | null;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+import React, { Suspense, lazy } from 'react';
+
+// Lazy-loaded components
+const LazyComponent = lazy(() => import('./LazyComponent'));
+const UserProfile = lazy(() => import('./UserProfile'));
+
+function App() {
+  return (
+    <div>
+      <h1>My App</h1>
+      <Suspense fallback={<div>Loading...</div>}>
+        <LazyComponent />
+      </Suspense>
+    </div>
+  );
+}
+
+// Nested suspense boundaries
+function UserDashboard({ userId }) {
+  return (
+    <div>
+      <h2>Dashboard</h2>
+      <Suspense fallback={<SkeletonHeader />}>
+        <UserHeader userId={userId} />
+        <Suspense fallback={<SkeletonContent />}>
+          <UserContent userId={userId} />
+        </Suspense>
+      </Suspense>
+    </div>
+  );
+}
+
+// Data fetching with Suspense (requires data fetching library that supports Suspense)
+function UserList() {
+  // This would throw a promise that Suspense catches
+  const users = useUsers(); // Suspense-compatible data fetching
+  
+  return (
+    <ul>
+      {users.map(user => (
+        <li key={user.id}>{user.name}</li>
+      ))}
+    </ul>
+  );
+}
+
+function App() {
+  return (
+    <Suspense fallback={<div>Loading users...</div>}>
+      <UserList />
+    </Suspense>
+  );
+}
+
+// Loading state component
+function LoadingSpinner() {
+  return (
+    <div className="loading-spinner">
+      <div className="spinner"></div>
+      <p>Loading...</p>
+    </div>
+  );
+}
+
+// Route-based code splitting
+function AppRouter() {
+  return (
+    <Router>
+      <Suspense fallback={<LoadingSpinner />}>
+        <Routes>
+          <Route path="/" element={<Home />} />
+          <Route path="/about" element={<LazyAbout />} />
+          <Route path="/profile" element={<LazyProfile />} />
+        </Routes>
+      </Suspense>
+    </Router>
+  );
+}
+```
+
+### SuspenseList
+
+Coordinates loading states of multiple Suspense components.
+
+```javascript { .api }
+/**
+ * Orchestrates loading order of multiple Suspense boundaries
+ */
+const SuspenseList: ExoticComponent<SuspenseListProps>;
+
+interface SuspenseListProps {
+  children?: ReactNode;
+  revealOrder?: 'forwards' | 'backwards' | 'together';
+  tail?: 'collapsed' | 'hidden';
+}
+```
+
+**Usage Examples:**
+
+```javascript
+import React, { Suspense, SuspenseList } from 'react';
+
+// Control loading order
+function ProfilePage() {
+  return (
+    <SuspenseList revealOrder="forwards">
+      <Suspense fallback={<ProfileSkeleton />}>
+        <ProfileHeader />
+      </Suspense>
+      <Suspense fallback={<ContentSkeleton />}>
+        <ProfileContent />
+      </Suspense>
+      <Suspense fallback={<SidebarSkeleton />}>
+        <ProfileSidebar />
+      </Suspense>
+    </SuspenseList>
+  );
+}
+
+// Load everything together
+function Dashboard() {
+  return (
+    <SuspenseList revealOrder="together">
+      <Suspense fallback={<ChartSkeleton />}>
+        <SalesChart />
+      </Suspense>
+      <Suspense fallback={<TableSkeleton />}>
+        <DataTable />
+      </Suspense>
+      <Suspense fallback={<StatsSkeleton />}>
+        <StatsWidget />
+      </Suspense>
+    </SuspenseList>
+  );
+}
+
+// Control tail behavior
+function PostList() {
+  return (
+    <SuspenseList revealOrder="forwards" tail="collapsed">
+      {posts.map(post => (
+        <Suspense key={post.id} fallback={<PostSkeleton />}>
+          <PostCard post={post} />
+        </Suspense>
+      ))}
+    </SuspenseList>
+  );
+}
+
+// Nested SuspenseList
+function AppLayout() {
+  return (
+    <div className="app-layout">
+      <header>
+        <Suspense fallback={<HeaderSkeleton />}>
+          <AppHeader />
+        </Suspense>
+      </header>
+      
+      <main>
+        <SuspenseList revealOrder="together">
+          <Suspense fallback={<NavSkeleton />}>
+            <Navigation />
+          </Suspense>
+          
+          <div className="content">
+            <SuspenseList revealOrder="forwards" tail="hidden">
+              <Suspense fallback={<ContentSkeleton />}>
+                <MainContent />
+              </Suspense>
+              <Suspense fallback={<SidebarSkeleton />}>
+                <Sidebar />
+              </Suspense>
+            </SuspenseList>
+          </div>
+        </SuspenseList>
+      </main>
+    </div>
+  );
+}
+```
+
+## Types
+
+```javascript { .api }
+// Built-in component types
+type ExoticComponent<P = {}> = (props: P) => ReactElement | null;
+
+// Profiler callback types
+interface Interaction {
+  id: number;
+  name: string;
+  timestamp: number;
+}
+
+// Suspense types  
+type SuspenseProps = {
+  children?: ReactNode;
+  fallback: NonNullable<ReactNode> | null;
+};
+
+type SuspenseListProps = {
+  children?: ReactNode;
+  revealOrder?: 'forwards' | 'backwards' | 'together';
+  tail?: 'collapsed' | 'hidden';
+};
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-react/docs/children.md b/.tessl/tiles/tessl/npm-react/docs/children.md
new file mode 100644
index 000000000..f9daa4710
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-react/docs/children.md
@@ -0,0 +1,612 @@
+# Children Utilities
+
+React provides utilities for working with `props.children`, allowing you to manipulate, iterate over, and validate child elements. These utilities are essential for building flexible, reusable components.
+
+## Capabilities
+
+### Children.map
+
+Transforms each child element using a function, similar to Array.map.
+
+```javascript { .api }
+/**
+ * Maps over children elements with transformation function
+ * @param children - Children to iterate over
+ * @param fn - Function to transform each child
+ * @returns Array of transformed children
+ */
+map<T, C>(
+  children: C | ReadonlyArray<C>, 
+  fn: (child: C, index: number) => T
+): C extends null | undefined ? C : Array<Exclude<T, boolean | null | undefined>>;
+```
+
+**Usage Examples:**
+
+```javascript
+import React, { Children } from 'react';
+
+// Basic mapping over children
+function ButtonGroup({ children, variant = 'primary' }) {
+  return (
+    <div className="button-group">
+      {Children.map(children, (child, index) => {
+        if (React.isValidElement(child)) {
+          return React.cloneElement(child, {
+            key: index,
+            className: `btn btn-${variant} ${child.props.className || ''}`,
+            'data-index': index
+          });
+        }
+        return child;
+      })}
+    </div>
+  );
+}
+
+// Usage
+<ButtonGroup variant="secondary">
+  <button onClick={handleSave}>Save</button>
+  <button onClick={handleCancel}>Cancel</button>
+  <button onClick={handleReset}>Reset</button>
+</ButtonGroup>
+
+// Adding wrapper elements
+function CardList({ children }) {
+  return (
+    <div className="card-list">
+      {Children.map(children, (child, index) => (
+        <div key={index} className="card-wrapper">
+          {child}
+        </div>
+      ))}
+    </div>
+  );
+}
+
+// Filtering and transforming
+function ValidatedForm({ children }) {
+  return (
+    <form>
+      {Children.map(children, (child, index) => {
+        if (React.isValidElement(child) && child.type === 'input') {
+          return React.cloneElement(child, {
+            key: index,
+            required: true,
+            'aria-describedby': `${child.props.name}-error`,
+            className: `form-input ${child.props.className || ''}`
+          });
+        }
+        return child;
+      })}
+    </form>
+  );
+}
+
+// Complex transformation with context
+function TabContainer({ children, activeTab }) {
+  return (
+    <div className="tab-container">
+      {Children.map(children, (child, index) => {
+        if (React.isValidElement(child) && child.type.displayName === 'Tab') {
+          return React.cloneElement(child, {
+            key: index,
+            isActive: index === activeTab,
+            tabIndex: index
+          });
+        }
+        return child;
+      })}
+    </div>
+  );
+}
+```
+
+### Children.forEach
+
+Iterates over children without returning a new array, useful for side effects.
+
+```javascript { .api }
+/**
+ * Iterates over children for side effects
+ * @param children - Children to iterate over
+ * @param fn - Function to call for each child
+ */
+forEach<C>(children: C | ReadonlyArray<C>, fn: (child: C, index: number) => void): void;
+```
+
+**Usage Examples:**
+
+```javascript
+import React, { Children, useEffect } from 'react';
+
+// Validation during render
+function FormValidator({ children, onValidationChange }) {
+  useEffect(() => {
+    const errors = [];
+    
+    Children.forEach(children, (child, index) => {
+      if (React.isValidElement(child)) {
+        // Validate each form field
+        if (child.props.required && !child.props.value) {
+          errors.push(`Field ${index + 1} is required`);
+        }
+        
+        if (child.props.type === 'email' && child.props.value) {
+          const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+          if (!emailRegex.test(child.props.value)) {
+            errors.push(`Field ${index + 1} must be a valid email`);
+          }
+        }
+      }
+    });
+    
+    onValidationChange(errors);
+  }, [children, onValidationChange]);
+  
+  return <div>{children}</div>;
+}
+
+// Collecting component information
+function ComponentAnalyzer({ children }) {
+  useEffect(() => {
+    const componentTypes = new Set();
+    let totalComponents = 0;
+    
+    Children.forEach(children, (child) => {
+      if (React.isValidElement(child)) {
+        componentTypes.add(child.type.name || child.type);
+        totalComponents++;
+      }
+    });
+    
+    console.log('Component analysis:', {
+      totalComponents,
+      uniqueTypes: Array.from(componentTypes)
+    });
+  }, [children]);
+  
+  return <div>{children}</div>;
+}
+
+// Event handler registration
+function EventTracker({ children, onChildInteraction }) {
+  useEffect(() => {
+    Children.forEach(children, (child, index) => {
+      if (React.isValidElement(child) && child.props.onClick) {
+        // Wrap existing onClick handlers
+        const originalOnClick = child.props.onClick;
+        
+        console.log(`Tracking clicks for child ${index}`);
+        
+        // In real implementation, you'd clone the element with wrapped handler
+        onChildInteraction?.({
+          childIndex: index,
+          childType: child.type,
+          hasClickHandler: true
+        });
+      }
+    });
+  }, [children, onChildInteraction]);
+  
+  return <div>{children}</div>;
+}
+```
+
+### Children.count
+
+Returns the total number of child elements.
+
+```javascript { .api }
+/**
+ * Counts the number of children
+ * @param children - Children to count
+ * @returns Number of children
+ */
+count(children: any): number;
+```
+
+**Usage Examples:**
+
+```javascript
+import React, { Children } from 'react';
+
+// Conditional rendering based on child count
+function FlexContainer({ children, minItems = 1 }) {
+  const childCount = Children.count(children);
+  
+  if (childCount < minItems) {
+    return (
+      <div className="insufficient-items">
+        <p>Need at least {minItems} items. Currently have {childCount}.</p>
+        {children}
+      </div>
+    );
+  }
+  
+  return (
+    <div className={`flex-container items-${childCount}`}>
+      {children}
+    </div>
+  );
+}
+
+// Dynamic grid layout
+function ResponsiveGrid({ children }) {
+  const count = Children.count(children);
+  
+  const getGridColumns = () => {
+    if (count <= 2) return 'grid-cols-1';
+    if (count <= 4) return 'grid-cols-2';
+    if (count <= 6) return 'grid-cols-3';
+    return 'grid-cols-4';
+  };
+  
+  return (
+    <div className={`grid ${getGridColumns()} gap-4`}>
+      {children}
+    </div>
+  );
+}
+
+// Usage
+<ResponsiveGrid>
+  <Card>Item 1</Card>
+  <Card>Item 2</Card>
+  <Card>Item 3</Card>
+</ResponsiveGrid>
+
+// Navigation with breadcrumbs
+function Breadcrumbs({ children, separator = '>' }) {
+  const count = Children.count(children);
+  
+  return (
+    <nav aria-label="Breadcrumb" className="breadcrumbs">
+      <ol>
+        {Children.map(children, (child, index) => (
+          <li key={index}>
+            {child}
+            {index < count - 1 && (
+              <span className="separator" aria-hidden="true">
+                {separator}
+              </span>
+            )}
+          </li>
+        ))}
+      </ol>
+    </nav>
+  );
+}
+
+// Pagination based on child count
+function PaginatedList({ children, itemsPerPage = 10 }) {
+  const [currentPage, setCurrentPage] = useState(1);
+  const totalItems = Children.count(children);
+  const totalPages = Math.ceil(totalItems / itemsPerPage);
+  
+  const startIndex = (currentPage - 1) * itemsPerPage;
+  const endIndex = startIndex + itemsPerPage;
+  
+  const currentItems = Children.toArray(children).slice(startIndex, endIndex);
+  
+  return (
+    <div>
+      <div className="items">
+        {currentItems}
+      </div>
+      
+      <div className="pagination">
+        <p>
+          Showing {startIndex + 1}-{Math.min(endIndex, totalItems)} of {totalItems} items
+        </p>
+        
+        <button 
+          disabled={currentPage === 1}
+          onClick={() => setCurrentPage(prev => prev - 1)}
+        >
+          Previous
+        </button>
+        
+        <span>Page {currentPage} of {totalPages}</span>
+        
+        <button 
+          disabled={currentPage === totalPages}
+          onClick={() => setCurrentPage(prev => prev + 1)}
+        >
+          Next
+        </button>
+      </div>
+    </div>
+  );
+}
+```
+
+### Children.only
+
+Ensures that children contains exactly one child element and returns it.
+
+```javascript { .api }
+/**
+ * Validates that children contains exactly one child
+ * @param children - Children to validate
+ * @returns Single child element
+ * @throws Error if children is not a single element
+ */
+only<C>(children: C): C extends any[] ? never : C;
+```
+
+**Usage Examples:**
+
+```javascript
+import React, { Children } from 'react';
+
+// Modal wrapper that requires single child
+function Modal({ children, isOpen, onClose }) {
+  const child = Children.only(children); // Throws if not exactly one child
+  
+  if (!isOpen) return null;
+  
+  return (
+    <div className="modal-overlay" onClick={onClose}>
+      <div className="modal-content" onClick={(e) => e.stopPropagation()}>
+        <button className="close-button" onClick={onClose}>×</button>
+        {child}
+      </div>
+    </div>
+  );
+}
+
+// Usage - Valid
+<Modal isOpen={isModalOpen} onClose={closeModal}>
+  <UserProfile user={selectedUser} />
+</Modal>
+
+// Usage - Invalid (throws error)
+<Modal isOpen={isModalOpen} onClose={closeModal}>
+  <UserProfile user={selectedUser} />
+  <UserActions user={selectedUser} />
+</Modal>
+
+// Tooltip wrapper
+function Tooltip({ children, text, position = 'top' }) {
+  const child = Children.only(children);
+  const [showTooltip, setShowTooltip] = useState(false);
+  
+  return (
+    <div className="tooltip-wrapper">
+      {React.cloneElement(child, {
+        onMouseEnter: () => setShowTooltip(true),
+        onMouseLeave: () => setShowTooltip(false),
+        'aria-describedby': showTooltip ? 'tooltip' : undefined
+      })}
+      
+      {showTooltip && (
+        <div id="tooltip" className={`tooltip tooltip-${position}`} role="tooltip">
+          {text}
+        </div>
+      )}
+    </div>
+  );
+}
+
+// Usage
+<Tooltip text="Click to save your changes" position="bottom">
+  <button onClick={handleSave}>Save</button>
+</Tooltip>
+
+// Form field wrapper
+function FormField({ children, label, error, required }) {
+  const child = Children.only(children);
+  const id = child.props.id || `field-${Math.random().toString(36).substr(2, 9)}`;
+  
+  return (
+    <div className={`form-field ${error ? 'error' : ''}`}>
+      <label htmlFor={id} className="form-label">
+        {label}
+        {required && <span className="required">*</span>}
+      </label>
+      
+      {React.cloneElement(child, {
+        id,
+        'aria-invalid': !!error,
+        'aria-describedby': error ? `${id}-error` : undefined,
+        className: `form-input ${child.props.className || ''}`
+      })}
+      
+      {error && (
+        <div id={`${id}-error`} className="error-message" role="alert">
+          {error}
+        </div>
+      )}
+    </div>
+  );
+}
+
+// Usage
+<FormField label="Email" error={emailError} required>
+  <input type="email" placeholder="Enter your email" />
+</FormField>
+
+// Error boundary for single child
+function SafeWrapper({ children, fallback }) {
+  const child = Children.only(children);
+  
+  return (
+    <ErrorBoundary fallback={fallback}>
+      {child}
+    </ErrorBoundary>
+  );
+}
+```
+
+### Children.toArray
+
+Converts children to a flat array, useful for advanced manipulation.
+
+```javascript { .api }
+/**
+ * Converts children to flat array
+ * @param children - Children to convert
+ * @returns Flat array of children
+ */
+toArray(children: ReactNode | ReactNode[]): Array<Exclude<ReactNode, boolean | null | undefined>>;
+```
+
+**Usage Examples:**
+
+```javascript
+import React, { Children } from 'react';
+
+// Reordering children
+function ReorderableList({ children, order }) {
+  const childArray = Children.toArray(children);
+  
+  if (order && order.length === childArray.length) {
+    const reorderedChildren = order.map(index => childArray[index]);
+    return <div className="reorderable-list">{reorderedChildren}</div>;
+  }
+  
+  return <div className="reorderable-list">{children}</div>;
+}
+
+// Usage
+<ReorderableList order={[2, 0, 1]}>
+  <div>First item</div>
+  <div>Second item</div>
+  <div>Third item</div>
+</ReorderableList>
+
+// Filtering children by type
+function TypeFilter({ children, allowedTypes = [] }) {
+  const childArray = Children.toArray(children);
+  
+  const filteredChildren = childArray.filter(child => {
+    if (React.isValidElement(child)) {
+      return allowedTypes.includes(child.type);
+    }
+    return allowedTypes.includes('text');
+  });
+  
+  return <div>{filteredChildren}</div>;
+}
+
+// Usage - only allow buttons and inputs
+<TypeFilter allowedTypes={['button', 'input']}>
+  <button>Valid button</button>
+  <div>This will be filtered out</div>
+  <input type="text" />
+  <span>This will be filtered out</span>
+</TypeFilter>
+
+// Grouping children
+function GroupedLayout({ children, groupSize = 3 }) {
+  const childArray = Children.toArray(children);
+  const groups = [];
+  
+  for (let i = 0; i < childArray.length; i += groupSize) {
+    groups.push(childArray.slice(i, i + groupSize));
+  }
+  
+  return (
+    <div className="grouped-layout">
+      {groups.map((group, index) => (
+        <div key={index} className="group">
+          {group}
+        </div>
+      ))}
+    </div>
+  );
+}
+
+// Usage
+<GroupedLayout groupSize={2}>
+  <Card>Item 1</Card>
+  <Card>Item 2</Card>
+  <Card>Item 3</Card>
+  <Card>Item 4</Card>
+  <Card>Item 5</Card>
+</GroupedLayout>
+
+// Advanced manipulation - inserting separators
+function SeparatedList({ children, separator = <hr /> }) {
+  const childArray = Children.toArray(children);
+  const result = [];
+  
+  childArray.forEach((child, index) => {
+    result.push(child);
+    
+    // Add separator between items (not after last item)
+    if (index < childArray.length - 1) {
+      result.push(React.cloneElement(separator, { key: `sep-${index}` }));
+    }
+  });
+  
+  return <div className="separated-list">{result}</div>;
+}
+
+// Conditional children rendering
+function ConditionalChildren({ children, condition, fallback }) {
+  const childArray = Children.toArray(children);
+  
+  if (!condition) {
+    return fallback || null;
+  }
+  
+  // Filter out null/undefined children
+  const validChildren = childArray.filter(child => 
+    child !== null && child !== undefined && child !== false
+  );
+  
+  return <div>{validChildren}</div>;
+}
+
+// Recursive flattening for nested structures
+function FlattenChildren({ children }) {
+  const flattenRecursive = (children) => {
+    return Children.toArray(children).reduce((acc, child) => {
+      if (React.isValidElement(child) && child.props.children) {
+        return [...acc, child, ...flattenRecursive(child.props.children)];
+      }
+      return [...acc, child];
+    }, []);
+  };
+  
+  const flattenedChildren = flattenRecursive(children);
+  
+  return (
+    <div className="flattened">
+      {flattenedChildren.map((child, index) => (
+        <div key={index} className="flattened-item">
+          {child}
+        </div>
+      ))}
+    </div>
+  );
+}
+```
+
+## Types
+
+```javascript { .api }
+// Children utility types
+interface ReactChildren {
+  map<T, C>(
+    children: C | ReadonlyArray<C>,
+    fn: (child: C, index: number) => T
+  ): C extends null | undefined ? C : Array<Exclude<T, boolean | null | undefined>>;
+  
+  forEach<C>(children: C | ReadonlyArray<C>, fn: (child: C, index: number) => void): void;
+  
+  count(children: any): number;
+  
+  only<C>(children: C): C extends any[] ? never : C;
+  
+  toArray(children: ReactNode | ReactNode[]): Array<Exclude<ReactNode, boolean | null | undefined>>;
+}
+
+// React node types
+type ReactNode = ReactChild | ReactFragment | ReactPortal | boolean | null | undefined;
+type ReactChild = ReactElement | ReactText;
+type ReactText = string | number;
+type ReactFragment = {} | Iterable<ReactNode>;
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-react/docs/components.md b/.tessl/tiles/tessl/npm-react/docs/components.md
new file mode 100644
index 000000000..ad9f267b9
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-react/docs/components.md
@@ -0,0 +1,499 @@
+# Component Classes
+
+React component classes provide the foundation for creating stateful class-based components with lifecycle methods. While function components with hooks are now preferred, class components remain important for certain use cases and legacy codebases.
+
+## Capabilities
+
+### Component
+
+Base class for React class components providing state management and lifecycle methods.
+
+```javascript { .api }
+/**
+ * Base class for React class components
+ */
+class Component<P = {}, S = {}, SS = any> {
+  /**
+   * Component constructor
+   * @param props - Component props
+   */
+  constructor(props: P);
+  
+  /**
+   * Component props (read-only)
+   */
+  readonly props: Readonly<P> & Readonly<{ children?: ReactNode }>;
+  
+  /**
+   * Component state
+   */
+  state: Readonly<S>;
+  
+  /**
+   * Context value (legacy context API)
+   */
+  context: any;
+  
+  /**
+   * Update component state
+   * @param partialState - Partial state update or updater function
+   * @param callback - Optional callback after state update
+   */
+  setState<K extends keyof S>(
+    state: ((prevState: Readonly<S>, props: Readonly<P>) => Pick<S, K> | S | null) | Pick<S, K> | S | null,
+    callback?: () => void
+  ): void;
+  
+  /**
+   * Force component re-render
+   * @param callback - Optional callback after update
+   */
+  forceUpdate(callback?: () => void): void;
+  
+  /**
+   * Render method that returns JSX
+   * @returns React element or null
+   */
+  render(): ReactNode;
+  
+  // Lifecycle methods
+  componentDidMount?(): void;
+  componentDidUpdate?(prevProps: Readonly<P>, prevState: Readonly<S>, snapshot?: SS): void;
+  componentWillUnmount?(): void;
+  shouldComponentUpdate?(nextProps: Readonly<P>, nextState: Readonly<S>, nextContext: any): boolean;
+  getSnapshotBeforeUpdate?(prevProps: Readonly<P>, prevState: Readonly<S>): SS | null;
+  
+  // Error handling
+  componentDidCatch?(error: Error, errorInfo: ErrorInfo): void;
+  static getDerivedStateFromError?(error: Error): any;
+  static getDerivedStateFromProps?<P, S>(props: P, state: S): Partial<S> | null;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+import React, { Component } from 'react';
+
+class Counter extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { 
+      count: props.initialCount || 0,
+      lastUpdated: Date.now()
+    };
+  }
+  
+  componentDidMount() {
+    console.log('Counter component mounted');
+    // Set up timers, fetch data, etc.
+  }
+  
+  componentDidUpdate(prevProps, prevState) {
+    if (prevState.count !== this.state.count) {
+      console.log(`Count changed from ${prevState.count} to ${this.state.count}`);
+    }
+  }
+  
+  componentWillUnmount() {
+    console.log('Counter component will unmount');
+    // Clean up timers, subscriptions, etc.
+  }
+  
+  shouldComponentUpdate(nextProps, nextState) {
+    // Only update if count actually changed
+    return nextState.count !== this.state.count;
+  }
+  
+  handleIncrement = () => {
+    this.setState(prevState => ({
+      count: prevState.count + 1,
+      lastUpdated: Date.now()
+    }));
+  };
+  
+  handleDecrement = () => {
+    this.setState(prevState => ({
+      count: prevState.count - 1,
+      lastUpdated: Date.now()
+    }), () => {
+      console.log('State updated!');
+    });
+  };
+  
+  render() {
+    const { count, lastUpdated } = this.state;
+    const { title } = this.props;
+    
+    return (
+      <div>
+        <h2>{title}</h2>
+        <p>Count: {count}</p>
+        <p>Last updated: {new Date(lastUpdated).toLocaleTimeString()}</p>
+        <button onClick={this.handleIncrement}>+</button>
+        <button onClick={this.handleDecrement}>-</button>
+      </div>
+    );
+  }
+}
+
+// Usage
+<Counter title="My Counter" initialCount={5} />
+```
+
+### PureComponent
+
+Optimized component class that implements shouldComponentUpdate with shallow prop and state comparison.
+
+```javascript { .api }
+/**
+ * Component class with built-in shallow comparison optimization
+ */
+class PureComponent<P = {}, S = {}, SS = any> extends Component<P, S, SS> {
+  /**
+   * Automatically implements shouldComponentUpdate with shallow comparison
+   * Only re-renders if props or state have shallowly changed
+   */
+}
+```
+
+**Usage Examples:**
+
+```javascript
+import React, { PureComponent } from 'react';
+
+class UserCard extends PureComponent {
+  render() {
+    const { user, onEdit } = this.props;
+    
+    console.log('UserCard rendering'); // Only logs when props change
+    
+    return (
+      <div className="user-card">
+        <img src={user.avatar} alt={user.name} />
+        <h3>{user.name}</h3>
+        <p>{user.email}</p>
+        <button onClick={() => onEdit(user.id)}>Edit</button>
+      </div>
+    );
+  }
+}
+
+class UserList extends PureComponent {
+  state = {
+    users: [
+      { id: 1, name: 'John', email: 'john@example.com', avatar: 'john.jpg' },
+      { id: 2, name: 'Jane', email: 'jane@example.com', avatar: 'jane.jpg' }
+    ],
+    selectedId: null
+  };
+  
+  handleEdit = (userId) => {
+    this.setState({ selectedId: userId });
+  };
+  
+  render() {
+    const { users, selectedId } = this.state;
+    
+    return (
+      <div>
+        <h2>Users</h2>
+        {users.map(user => (
+          <UserCard
+            key={user.id}
+            user={user}
+            onEdit={this.handleEdit}
+            isSelected={user.id === selectedId}
+          />
+        ))}
+      </div>
+    );
+  }
+}
+```
+
+### Error Boundaries
+
+Components that catch JavaScript errors in their child component tree and display fallback UI.
+
+```javascript { .api }
+/**
+ * Error boundary lifecycle methods
+ */
+interface ErrorBoundaryMethods {
+  /**
+   * Catch errors during rendering, lifecycle methods, and constructors
+   * @param error - The error that was thrown
+   * @param errorInfo - Information about the error
+   */
+  componentDidCatch?(error: Error, errorInfo: ErrorInfo): void;
+  
+  /**
+   * Update state in response to an error
+   * @param error - The error that was thrown
+   * @returns New state or null
+   */
+  static getDerivedStateFromError?(error: Error): any;
+}
+
+interface ErrorInfo {
+  componentStack: string;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+import React, { Component } from 'react';
+
+class ErrorBoundary extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { 
+      hasError: false, 
+      error: null, 
+      errorInfo: null 
+    };
+  }
+  
+  static getDerivedStateFromError(error) {
+    // Update state to show fallback UI
+    return { hasError: true };
+  }
+  
+  componentDidCatch(error, errorInfo) {
+    console.error('Error caught by boundary:', error);
+    console.error('Error info:', errorInfo);
+    
+    this.setState({
+      error: error,
+      errorInfo: errorInfo
+    });
+    
+    // Log error to error reporting service
+    logErrorToService(error, errorInfo);
+  }
+  
+  render() {
+    if (this.state.hasError) {
+      return (
+        <div className="error-boundary">
+          <h2>Something went wrong.</h2>
+          <details style={{ whiteSpace: 'pre-wrap' }}>
+            {this.state.error && this.state.error.toString()}
+            <br />
+            {this.state.errorInfo.componentStack}
+          </details>
+          <button onClick={() => this.setState({ hasError: false, error: null, errorInfo: null })}>
+            Try again
+          </button>
+        </div>
+      );
+    }
+    
+    return this.props.children;
+  }
+}
+
+// Problem component that might throw
+class ProblematicComponent extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { counter: 0 };
+  }
+  
+  handleClick = () => {
+    this.setState(({ counter }) => {
+      if (counter === 5) {
+        throw new Error('Counter reached 5!');
+      }
+      return { counter: counter + 1 };
+    });
+  };
+  
+  render() {
+    return (
+      <div>
+        <p>Counter: {this.state.counter}</p>
+        <button onClick={this.handleClick}>Increment</button>
+      </div>
+    );
+  }
+}
+
+// Usage with error boundary
+function App() {
+  return (
+    <div>
+      <h1>My App</h1>
+      <ErrorBoundary>
+        <ProblematicComponent />
+      </ErrorBoundary>
+    </div>
+  );
+}
+```
+
+### Lifecycle Methods
+
+Complete reference for React class component lifecycle methods.
+
+```javascript { .api }
+/**
+ * Component lifecycle methods
+ */
+interface ComponentLifecycle<P, S, SS = any> {
+  // Mounting
+  constructor?(props: P);
+  componentDidMount?(): void;
+  
+  // Updating
+  shouldComponentUpdate?(nextProps: Readonly<P>, nextState: Readonly<S>, nextContext: any): boolean;
+  getSnapshotBeforeUpdate?(prevProps: Readonly<P>, prevState: Readonly<S>): SS | null;
+  componentDidUpdate?(prevProps: Readonly<P>, prevState: Readonly<S>, snapshot?: SS): void;
+  
+  // Unmounting
+  componentWillUnmount?(): void;
+  
+  // Error handling
+  componentDidCatch?(error: Error, errorInfo: ErrorInfo): void;
+  
+  // Static methods
+  static getDerivedStateFromProps?<P, S>(props: P, state: S): Partial<S> | null;
+  static getDerivedStateFromError?(error: Error): any;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+import React, { Component } from 'react';
+
+class DataFetcher extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      data: null,
+      loading: false,
+      error: null
+    };
+  }
+  
+  // Static method to update state based on props
+  static getDerivedStateFromProps(nextProps, prevState) {
+    // Reset data when URL changes
+    if (nextProps.url !== prevState.previousUrl) {
+      return {
+        data: null,
+        loading: false,
+        error: null,
+        previousUrl: nextProps.url
+      };
+    }
+    return null;
+  }
+  
+  // Called once after component mounts
+  componentDidMount() {
+    this.fetchData();
+  }
+  
+  // Called when props or state change
+  componentDidUpdate(prevProps, prevState) {
+    // Fetch new data if URL changed
+    if (prevProps.url !== this.props.url) {
+      this.fetchData();
+    }
+  }
+  
+  // Called before component unmounts
+  componentWillUnmount() {
+    // Cancel any pending requests
+    if (this.abortController) {
+      this.abortController.abort();
+    }
+  }
+  
+  // Optimize re-renders
+  shouldComponentUpdate(nextProps, nextState) {
+    return (
+      nextProps.url !== this.props.url ||
+      nextState.data !== this.state.data ||
+      nextState.loading !== this.state.loading ||
+      nextState.error !== this.state.error
+    );
+  }
+  
+  // Capture values before update
+  getSnapshotBeforeUpdate(prevProps, prevState) {
+    // Preserve scroll position if data was loading
+    if (prevState.loading && !this.state.loading) {
+      return window.scrollY;
+    }
+    return null;
+  }
+  
+  fetchData = async () => {
+    this.setState({ loading: true, error: null });
+    
+    try {
+      this.abortController = new AbortController();
+      const response = await fetch(this.props.url, {
+        signal: this.abortController.signal
+      });
+      
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+      
+      const data = await response.json();
+      this.setState({ data, loading: false });
+    } catch (error) {
+      if (error.name !== 'AbortError') {
+        this.setState({ error: error.message, loading: false });
+      }
+    }
+  };
+  
+  render() {
+    const { data, loading, error } = this.state;
+    
+    if (loading) return <div>Loading...</div>;
+    if (error) return <div>Error: {error}</div>;
+    if (!data) return <div>No data</div>;
+    
+    return (
+      <div>
+        <h2>Data:</h2>
+        <pre>{JSON.stringify(data, null, 2)}</pre>
+      </div>
+    );
+  }
+}
+
+// Usage
+<DataFetcher url="https://api.example.com/users" />
+```
+
+## Types
+
+```javascript { .api }
+// Component class types
+interface ComponentClass<P = {}, S = ComponentState> extends StaticLifecycle<P, S> {
+  new (props: P, context?: any): Component<P, S>;
+  contextType?: Context<any>;
+  defaultProps?: Partial<P>;
+  displayName?: string;
+}
+
+// Props with children
+type PropsWithChildren<P> = P & { children?: ReactNode };
+
+// Error info for error boundaries
+interface ErrorInfo {
+  componentStack: string;
+}
+
+// State type
+type ComponentState = any;
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-react/docs/concurrent.md b/.tessl/tiles/tessl/npm-react/docs/concurrent.md
new file mode 100644
index 000000000..ad75e416d
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-react/docs/concurrent.md
@@ -0,0 +1,506 @@
+# Concurrent Features
+
+React's concurrent features enable better user experience by allowing React to interrupt and prioritize updates. These features help maintain responsive UIs even during heavy computations.
+
+## Capabilities
+
+### startTransition
+
+Marks state updates as non-urgent transitions that can be interrupted by more urgent updates.
+
+```javascript { .api }
+/**
+ * Marks state updates as non-urgent transitions
+ * @param scope - Function containing non-urgent state updates
+ */
+function startTransition(scope: () => void): void;
+```
+
+**Usage Examples:**
+
+```javascript
+import React, { startTransition, useState } from 'react';
+
+// Search with urgent input updates and non-urgent results
+function SearchComponent() {
+  const [query, setQuery] = useState('');
+  const [results, setResults] = useState([]);
+  const [isSearching, setIsSearching] = useState(false);
+  
+  const handlesearch = (newQuery) => {
+    // Urgent update - keeps input responsive
+    setQuery(newQuery);
+    
+    // Non-urgent update - can be interrupted
+    startTransition(() => {
+      setIsSearching(true);
+      
+      // Simulate expensive search operation
+      const searchResults = performExpensiveSearch(newQuery);
+      setResults(searchResults);
+      setIsSearching(false);
+    });
+  };
+  
+  return (
+    <div>
+      <input
+        value={query}
+        onChange={(e) => handleSearch(e.target.value)}
+        placeholder="Search..."
+      />
+      
+      {isSearching && <div>Searching...</div>}
+      
+      <SearchResults results={results} />
+    </div>
+  );
+}
+
+// Tab switching with smooth transitions
+function TabContainer() {
+  const [activeTab, setActiveTab] = useState(0);
+  const [tabContent, setTabContent] = useState(null);
+  
+  const switchTab = (tabIndex) => {
+    // Urgent update - immediately switch active tab
+    setActiveTab(tabIndex);
+    
+    // Non-urgent update - load and render content
+    startTransition(() => {
+      const content = loadTabContent(tabIndex);
+      setTabContent(content);
+    });
+  };
+  
+  return (
+    <div>
+      <div className="tab-nav">
+        {tabs.map((tab, index) => (
+          <button
+            key={index}
+            className={index === activeTab ? 'active' : ''}
+            onClick={() => switchTab(index)}
+          >
+            {tab.title}
+          </button>
+        ))}
+      </div>
+      
+      <div className="tab-content">
+        {tabContent || <div>Loading tab content...</div>}
+      </div>
+    </div>
+  );
+}
+
+// Data filtering with responsive UI
+function DataTable({ data }) {
+  const [filter, setFilter] = useState('');
+  const [filteredData, setFilteredData] = useState(data);
+  const [sortOrder, setSortOrder] = useState('asc');
+  
+  const handleFilterChange = (newFilter) => {
+    // Urgent update - keep filter input responsive
+    setFilter(newFilter);
+    
+    // Non-urgent update - filter and sort data
+    startTransition(() => {
+      const filtered = data.filter(item =>
+        item.name.toLowerCase().includes(newFilter.toLowerCase())
+      );
+      
+      const sorted = sortData(filtered, sortOrder);
+      setFilteredData(sorted);
+    });
+  };
+  
+  const handleSort = (order) => {
+    setSortOrder(order);
+    
+    startTransition(() => {
+      const sorted = sortData(filteredData, order);
+      setFilteredData(sorted);
+    });
+  };
+  
+  return (
+    <div>
+      <div className="controls">
+        <input
+          value={filter}
+          onChange={(e) => handleFilterChange(e.target.value)}
+          placeholder="Filter data..."
+        />
+        
+        <select value={sortOrder} onChange={(e) => handleSort(e.target.value)}>
+          <option value="asc">Sort A-Z</option>
+          <option value="desc">Sort Z-A</option>
+        </select>
+      </div>
+      
+      <table>
+        <tbody>
+          {filteredData.map(item => (
+            <tr key={item.id}>
+              <td>{item.name}</td>
+              <td>{item.value}</td>
+            </tr>
+          ))}
+        </tbody>
+      </table>
+    </div>
+  );
+}
+```
+
+### useTransition (Hook Version)
+
+Hook version of startTransition that also provides pending state.
+
+```javascript { .api }
+/**
+ * Hook for managing transitions with pending state
+ * @returns Tuple with isPending boolean and startTransition function
+ */
+function useTransition(): [boolean, (callback: () => void) => void];
+```
+
+**Usage Examples:**
+
+```javascript
+import React, { useTransition, useState } from 'react';
+
+// Search with loading indicator
+function SearchWithStatus() {
+  const [query, setQuery] = useState('');
+  const [results, setResults] = useState([]);
+  const [isPending, startTransition] = useTransition();
+  
+  const handleSearch = (newQuery) => {
+    setQuery(newQuery);
+    
+    startTransition(() => {
+      // This will set isPending to true until updates complete
+      const searchResults = performExpensiveSearch(newQuery);
+      setResults(searchResults);
+    });
+  };
+  
+  return (
+    <div>
+      <input
+        value={query}
+        onChange={(e) => handleSearch(e.target.value)}
+        placeholder="Search..."
+      />
+      
+      {isPending && (
+        <div className="search-pending">
+          <Spinner /> Searching...
+        </div>
+      )}
+      
+      <SearchResults results={results} />
+    </div>
+  );
+}
+
+// Form with async validation
+function AsyncForm() {
+  const [formData, setFormData] = useState({ email: '', username: '' });
+  const [errors, setErrors] = useState({});
+  const [isPending, startTransition] = useTransition();
+  
+  const validateField = (field, value) => {
+    setFormData(prev => ({ ...prev, [field]: value }));
+    
+    startTransition(() => {
+      // Async validation (API call)
+      validateFieldAsync(field, value).then(validationResult => {
+        setErrors(prev => ({
+          ...prev,
+          [field]: validationResult.error
+        }));
+      });
+    });
+  };
+  
+  return (
+    <form className={isPending ? 'validating' : ''}>
+      <div>
+        <input
+          type="email"
+          value={formData.email}
+          onChange={(e) => validateField('email', e.target.value)}
+          placeholder="Email"
+        />
+        {errors.email && <span className="error">{errors.email}</span>}
+      </div>
+      
+      <div>
+        <input
+          type="text"
+          value={formData.username}
+          onChange={(e) => validateField('username', e.target.value)}
+          placeholder="Username"
+        />
+        {errors.username && <span className="error">{errors.username}</span>}
+      </div>
+      
+      {isPending && <div className="validation-indicator">Validating...</div>}
+      
+      <button type="submit" disabled={isPending || Object.keys(errors).length > 0}>
+        Submit
+      </button>
+    </form>
+  );
+}
+
+// Paginated data with smooth transitions
+function PaginatedList({ data, itemsPerPage = 10 }) {
+  const [currentPage, setCurrentPage] = useState(1);
+  const [displayData, setDisplayData] = useState([]);
+  const [isPending, startTransition] = useTransition();
+  
+  const changePage = (page) => {
+    // Immediate update for active page indicator
+    setCurrentPage(page);
+    
+    // Transition for data loading/processing
+    startTransition(() => {
+      const startIndex = (page - 1) * itemsPerPage;
+      const endIndex = startIndex + itemsPerPage;
+      const pageData = data.slice(startIndex, endIndex);
+      
+      // Simulate processing time for large datasets
+      setDisplayData(processDataForDisplay(pageData));
+    });
+  };
+  
+  const totalPages = Math.ceil(data.length / itemsPerPage);
+  
+  return (
+    <div>
+      <div className={`data-container ${isPending ? 'loading' : ''}`}>
+        {isPending && <div className="loading-overlay">Loading...</div>}
+        <DataList items={displayData} />
+      </div>
+      
+      <Pagination
+        currentPage={currentPage}
+        totalPages={totalPages}
+        onPageChange={changePage}
+        disabled={isPending}
+      />
+    </div>
+  );
+}
+```
+
+### useDeferredValue
+
+Defers updating a value until more urgent updates have completed.
+
+```javascript { .api }
+/**
+ * Defers value updates for performance optimization
+ * @param value - Value to defer
+ * @returns Deferred version of the value
+ */
+function useDeferredValue<T>(value: T): T;
+```
+
+**Usage Examples:**
+
+```javascript
+import React, { useDeferredValue, useState, useMemo } from 'react';
+
+// Expensive list filtering
+function ProductList({ products }) {
+  const [filter, setFilter] = useState('');
+  const deferredFilter = useDeferredValue(filter);
+  
+  // Expensive filtering operation uses deferred value
+  const filteredProducts = useMemo(() => {
+    if (!deferredFilter) return products;
+    
+    return products.filter(product =>
+      product.name.toLowerCase().includes(deferredFilter.toLowerCase()) ||
+      product.description.toLowerCase().includes(deferredFilter.toLowerCase()) ||
+      product.tags.some(tag => tag.toLowerCase().includes(deferredFilter.toLowerCase()))
+    );
+  }, [products, deferredFilter]);
+  
+  return (
+    <div>
+      <input
+        value={filter} // Input stays responsive with immediate value
+        onChange={(e) => setFilter(e.target.value)}
+        placeholder="Filter products..."
+      />
+      
+      <div className="product-grid">
+        {filteredProducts.map(product => (
+          <ProductCard key={product.id} product={product} />
+        ))}
+      </div>
+    </div>
+  );
+}
+
+// Chart with deferred data updates
+function DataVisualization({ dataset, chartType }) {
+  const [zoomLevel, setZoomLevel] = useState(1);
+  const [selectedRange, setSelectedRange] = useState(null);
+  
+  // Defer expensive data processing
+  const deferredZoom = useDeferredValue(zoomLevel);
+  const deferredRange = useDeferredValue(selectedRange);
+  
+  const processedData = useMemo(() => {
+    // Expensive data processing for visualization
+    return processDataForChart(dataset, {
+      zoom: deferredZoom,
+      range: deferredRange,
+      type: chartType
+    });
+  }, [dataset, deferredZoom, deferredRange, chartType]);
+  
+  return (
+    <div>
+      <div className="chart-controls">
+        <input
+          type="range"
+          min="0.5"
+          max="5"
+          step="0.1"
+          value={zoomLevel}
+          onChange={(e) => setZoomLevel(parseFloat(e.target.value))}
+        />
+        <span>Zoom: {zoomLevel}x</span>
+      </div>
+      
+      <Chart data={processedData} onRangeSelect={setSelectedRange} />
+    </div>
+  );
+}
+
+// Search results with deferred query
+function SmartSearch() {
+  const [query, setQuery] = useState('');
+  const [category, setCategory] = useState('all');
+  const deferredQuery = useDeferredValue(query);
+  
+  const searchResults = useMemo(() => {
+    if (!deferredQuery.trim()) return [];
+    
+    // Expensive search across multiple data sources
+    return performComprehensiveSearch(deferredQuery, category);
+  }, [deferredQuery, category]);
+  
+  const isStale = query !== deferredQuery;
+  
+  return (
+    <div>
+      <div className="search-controls">
+        <input
+          value={query}
+          onChange={(e) => setQuery(e.target.value)}
+          placeholder="Search..."
+        />
+        
+        <select
+          value={category}
+          onChange={(e) => setCategory(e.target.value)}
+        >
+          <option value="all">All Categories</option>
+          <option value="products">Products</option>
+          <option value="articles">Articles</option>
+          <option value="users">Users</option>
+        </select>
+      </div>
+      
+      <div className={`search-results ${isStale ? 'stale' : ''}`}>
+        {isStale && (
+          <div className="search-updating">Updating results...</div>
+        )}
+        
+        <SearchResults results={searchResults} />
+      </div>
+    </div>
+  );
+}
+
+// Complex form with deferred validation
+function ComplexForm() {
+  const [formData, setFormData] = useState({
+    name: '',
+    email: '',
+    preferences: []
+  });
+  
+  // Defer expensive validation
+  const deferredFormData = useDeferredValue(formData);
+  
+  const validationResults = useMemo(() => {
+    return validateComplexForm(deferredFormData);
+  }, [deferredFormData]);
+  
+  const isValidating = formData !== deferredFormData;
+  
+  const updateField = (field, value) => {
+    setFormData(prev => ({ ...prev, [field]: value }));
+  };
+  
+  return (
+    <form className={isValidating ? 'validating' : ''}>
+      <input
+        value={formData.name}
+        onChange={(e) => updateField('name', e.target.value)}
+        placeholder="Full Name"
+      />
+      
+      <input
+        value={formData.email}
+        onChange={(e) => updateField('email', e.target.value)}
+        placeholder="Email"
+        type="email"
+      />
+      
+      <PreferenceSelector
+        value={formData.preferences}
+        onChange={(prefs) => updateField('preferences', prefs)}
+      />
+      
+      {isValidating && <div className="validation-pending">Validating...</div>}
+      
+      <ValidationSummary results={validationResults} />
+      
+      <button
+        type="submit"
+        disabled={isValidating || !validationResults.isValid}
+      >
+        Submit
+      </button>
+    </form>
+  );
+}
+```
+
+## Types
+
+```javascript { .api }
+// Concurrent feature types
+function startTransition(scope: () => void): void;
+
+function useTransition(): [boolean, (callback: () => void) => void];
+
+function useDeferredValue<T>(value: T): T;
+
+// Transition callback type
+type TransitionCallback = () => void;
+
+// Hook return types
+type UseTransitionReturn = [boolean, (callback: TransitionCallback) => void];
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-react/docs/context.md b/.tessl/tiles/tessl/npm-react/docs/context.md
new file mode 100644
index 000000000..31e6f5e1b
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-react/docs/context.md
@@ -0,0 +1,551 @@
+# Context API
+
+React Context provides a way to share data across the component tree without passing props through every level. It's ideal for global state like themes, authentication, or user preferences.
+
+## Capabilities 
+
+### createContext
+
+Creates a new React context object with Provider and Consumer components.
+
+```javascript { .api }
+/**
+ * Creates a React context for sharing data across component tree
+ * @param defaultValue - Default value when no Provider is found
+ * @returns Context object with Provider and Consumer
+ */
+function createContext<T>(defaultValue: T): Context<T>;
+
+interface Context<T> {
+  Provider: ExoticComponent<ProviderProps<T>>;
+  Consumer: ExoticComponent<ConsumerProps<T>>;
+  displayName?: string;
+}
+
+interface ProviderProps<T> {
+  value: T;
+  children?: ReactNode;
+}
+
+interface ConsumerProps<T> {
+  children: (value: T) => ReactNode;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+import React, { createContext, useContext, useState } from 'react';
+
+// Create theme context
+const ThemeContext = createContext('light');
+
+function App() {
+  const [theme, setTheme] = useState('light');
+  
+  return (
+    <ThemeContext.Provider value={theme}>
+      <Header />
+      <MainContent />
+      <ThemeToggle onToggle={() => setTheme(theme === 'light' ? 'dark' : 'light')} />
+    </ThemeContext.Provider>
+  );
+}
+
+function Header() {
+  const theme = useContext(ThemeContext);
+  
+  return (
+    <header className={`header-${theme}`}>
+      <h1>My App</h1>
+    </header>
+  );
+}
+
+// Complex context with multiple values
+const UserContext = createContext({
+  user: null,
+  login: () => {},
+  logout: () => {},
+  isAuthenticated: false
+});
+
+function UserProvider({ children }) {
+  const [user, setUser] = useState(null);
+  
+  const login = async (credentials) => {
+    const userData = await authenticateUser(credentials);
+    setUser(userData);
+  };
+  
+  const logout = () => {
+    setUser(null);
+  };
+  
+  const value = {
+    user,
+    login,
+    logout,
+    isAuthenticated: !!user
+  };
+  
+  return (
+    <UserContext.Provider value={value}>
+      {children}
+    </UserContext.Provider>
+  );
+}
+
+// Custom hook for using context
+function useUser() {
+  const context = useContext(UserContext);
+  if (!context) {
+    throw new Error('useUser must be used within UserProvider');
+  }
+  return context;
+}
+
+// Component using the context
+function UserProfile() {
+  const { user, logout, isAuthenticated } = useUser();
+  
+  if (!isAuthenticated) {
+    return <div>Please log in</div>;
+  }
+  
+  return (
+    <div>
+      <h2>Welcome, {user.name}</h2>
+      <button onClick={logout}>Logout</button>
+    </div>
+  );
+}
+```
+
+### Consumer Pattern
+
+Using Context.Consumer for consuming context values (alternative to useContext hook).
+
+```javascript { .api }
+/**
+ * Context Consumer component for accessing context values
+ * @param children - Render function that receives context value
+ */
+interface ConsumerProps<T> {
+  children: (value: T) => ReactNode;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+import React, { createContext } from 'react';
+
+const ConfigContext = createContext({
+  apiUrl: 'https://api.example.com',
+  timeout: 5000,
+  retries: 3
+});
+
+// Using Consumer component
+function ApiStatus() {
+  return (
+    <ConfigContext.Consumer>
+      {(config) => (
+        <div>
+          <p>API URL: {config.apiUrl}</p>
+          <p>Timeout: {config.timeout}ms</p>
+          <p>Retries: {config.retries}</p>
+        </div>
+      )}
+    </ConfigContext.Consumer>
+  );
+}
+
+// Multiple contexts with Consumer
+function UserDisplay() {
+  return (
+    <ThemeContext.Consumer>
+      {(theme) => (
+        <UserContext.Consumer>
+          {(user) => (
+            <div className={`user-display theme-${theme}`}>
+              <h3>{user.name}</h3>
+              <p>{user.email}</p>
+            </div>
+          )}
+        </UserContext.Consumer>
+      )}
+    </ThemeContext.Consumer>
+  );
+}
+
+// Render prop pattern with Consumer
+function withConfig(Component) {
+  return function ConfiguredComponent(props) {
+    return (
+      <ConfigContext.Consumer>
+        {(config) => <Component {...props} config={config} />}
+      </ConfigContext.Consumer>
+    );
+  };
+}
+
+const ConfiguredApiClient = withConfig(ApiClient);
+```
+
+### Context with Reducers
+
+Complex state management using context with useReducer.
+
+```javascript { .api }
+/**
+ * Context pattern with reducer for complex state management
+ */
+// No specific API - this is a pattern using createContext with useReducer
+```
+
+**Usage Examples:**
+
+```javascript
+import React, { createContext, useContext, useReducer } from 'react';
+
+// Shopping cart context with reducer
+const CartContext = createContext();
+
+const cartReducer = (state, action) => {
+  switch (action.type) {
+    case 'ADD_ITEM':
+      const existingItem = state.items.find(item => item.id === action.payload.id);
+      if (existingItem) {
+        return {
+          ...state,
+          items: state.items.map(item =>
+            item.id === action.payload.id
+              ? { ...item, quantity: item.quantity + 1 }
+              : item
+          )
+        };
+      }
+      return {
+        ...state,
+        items: [...state.items, { ...action.payload, quantity: 1 }]
+      };
+      
+    case 'REMOVE_ITEM':
+      return {
+        ...state,
+        items: state.items.filter(item => item.id !== action.payload)
+      };
+      
+    case 'UPDATE_QUANTITY':
+      return {
+        ...state,
+        items: state.items.map(item =>
+          item.id === action.payload.id
+            ? { ...item, quantity: action.payload.quantity }
+            : item
+        )
+      };
+      
+    case 'CLEAR_CART':
+      return { ...state, items: [] };
+      
+    default:
+      return state;
+  }
+};
+
+function CartProvider({ children }) {
+  const [state, dispatch] = useReducer(cartReducer, {
+    items: [],
+    isOpen: false
+  });
+  
+  const addItem = (product) => {
+    dispatch({ type: 'ADD_ITEM', payload: product });
+  };
+  
+  const removeItem = (productId) => {
+    dispatch({ type: 'REMOVE_ITEM', payload: productId });
+  };
+  
+  const updateQuantity = (productId, quantity) => {
+    dispatch({ type: 'UPDATE_QUANTITY', payload: { id: productId, quantity } });
+  };
+  
+  const clearCart = () => {
+    dispatch({ type: 'CLEAR_CART' });
+  };
+  
+  const getTotalItems = () => {
+    return state.items.reduce((total, item) => total + item.quantity, 0);
+  };
+  
+  const getTotalPrice = () => {
+    return state.items.reduce((total, item) => total + (item.price * item.quantity), 0);
+  };
+  
+  const value = {
+    items: state.items,
+    addItem,
+    removeItem,
+    updateQuantity,
+    clearCart,
+    getTotalItems,
+    getTotalPrice
+  };
+  
+  return (
+    <CartContext.Provider value={value}>
+      {children}
+    </CartContext.Provider>
+  );
+}
+
+function useCart() {
+  const context = useContext(CartContext);
+  if (!context) {
+    throw new Error('useCart must be used within CartProvider');
+  }
+  return context;
+}
+
+// Usage in components
+function ProductCard({ product }) {
+  const { addItem } = useCart();
+  
+  return (
+    <div className="product-card">
+      <h3>{product.name}</h3>
+      <p>${product.price}</p>
+      <button onClick={() => addItem(product)}>
+        Add to Cart
+      </button>
+    </div>
+  );
+}
+
+function CartSummary() {
+  const { items, getTotalItems, getTotalPrice, clearCart } = useCart();
+  
+  return (
+    <div className="cart-summary">
+      <h3>Cart ({getTotalItems()} items)</h3>
+      <p>Total: ${getTotalPrice().toFixed(2)}</p>
+      {items.length > 0 && (
+        <button onClick={clearCart}>Clear Cart</button>
+      )}
+    </div>
+  );
+}
+```
+
+### createServerContext
+
+Creates server-specific context for server-side rendering scenarios.
+
+```javascript { .api }
+/**
+ * Creates server-specific context for SSR
+ * @param globalName - Global identifier for the context
+ * @param defaultValue - Default context value
+ * @returns Server context object
+ */
+function createServerContext<T>(globalName: string, defaultValue: T): ServerContext<T>;
+
+interface ServerContext<T> {
+  Provider: ExoticComponent<ProviderProps<T>>;
+  Consumer: ExoticComponent<ConsumerProps<T>>;
+  displayName?: string;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+import React, { createServerContext, useContext } from 'react';
+
+// Server-specific context for request data
+const RequestContext = createServerContext('RequestContext', {
+  url: '',
+  method: 'GET',
+  headers: {},
+  userAgent: ''
+});
+
+// Server-side provider
+function ServerApp({ request, children }) {
+  const requestData = {
+    url: request.url,
+    method: request.method,
+    headers: request.headers,
+    userAgent: request.get('User-Agent') || ''
+  };
+  
+  return (
+    <RequestContext.Provider value={requestData}>
+      {children}
+    </RequestContext.Provider>
+  );
+}
+
+// Component that uses server context
+function RequestInfo() {
+  const request = useContext(RequestContext);
+  
+  return (
+    <div>
+      <p>URL: {request.url}</p>
+      <p>Method: {request.method}</p>
+      <p>User Agent: {request.userAgent}</p>
+    </div>
+  );
+}
+
+// Server context for localization
+const LocaleContext = createServerContext('LocaleContext', {
+  locale: 'en',
+  currency: 'USD',
+  timezone: 'UTC'
+});
+
+function LocalizedApp({ locale, children }) {
+  const localeData = {
+    locale: locale || 'en',
+    currency: getCurrencyForLocale(locale),
+    timezone: getTimezoneForLocale(locale)
+  };
+  
+  return (
+    <LocaleContext.Provider value={localeData}>
+      {children}
+    </LocaleContext.Provider>
+  );
+}
+
+function PriceDisplay({ amount }) {
+  const { currency, locale } = useContext(LocaleContext);
+  
+  const formattedPrice = new Intl.NumberFormat(locale, {
+    style: 'currency',
+    currency: currency
+  }).format(amount);
+  
+  return <span>{formattedPrice}</span>;
+}
+```
+
+### Context Best Practices
+
+Common patterns and best practices for using React Context effectively.
+
+**Usage Examples:**
+
+```javascript
+// 1. Separate contexts for different concerns
+const AuthContext = createContext();
+const ThemeContext = createContext();
+const SettingsContext = createContext();
+
+// 2. Custom hooks with error boundaries
+function useAuth() {
+  const context = useContext(AuthContext);
+  if (context === undefined) {
+    throw new Error('useAuth must be used within an AuthProvider');
+  }
+  return context;
+}
+
+// 3. Context composition for multiple providers
+function AppProviders({ children }) {
+  return (
+    <AuthProvider>
+      <ThemeProvider>
+        <SettingsProvider>
+          <I18nProvider>
+            {children}
+          </I18nProvider>
+        </SettingsProvider>
+      </ThemeProvider>
+    </AuthProvider>
+  );
+}
+
+// 4. Memoized context values to prevent unnecessary re-renders
+function ThemeProvider({ children }) {
+  const [theme, setTheme] = useState('light');
+  
+  const value = useMemo(
+    () => ({
+      theme,
+      setTheme,
+      toggleTheme: () => setTheme(prev => prev === 'light' ? 'dark' : 'light')
+    }),
+    [theme]
+  );
+  
+  return (
+    <ThemeContext.Provider value={value}>
+      {children}
+    </ThemeContext.Provider>
+  );
+}
+
+// 5. Split context to avoid unnecessary re-renders
+const StateContext = createContext();
+const DispatchContext = createContext();
+
+function StateProvider({ children }) {
+  const [state, dispatch] = useReducer(reducer, initialState);
+  
+  return (
+    <StateContext.Provider value={state}>
+      <DispatchContext.Provider value={dispatch}>
+        {children}
+      </DispatchContext.Provider>
+    </StateContext.Provider>
+  );
+}
+
+function useState() {
+  const context = useContext(StateContext);
+  if (!context) {
+    throw new Error('useState must be used within StateProvider');
+  }
+  return context;
+}
+
+function useDispatch() {
+  const context = useContext(DispatchContext);
+  if (!context) {
+    throw new Error('useDispatch must be used within StateProvider');
+  }
+  return context;
+}
+```
+
+## Types
+
+```javascript { .api }
+// Context types
+interface Context<T> {
+  Provider: ExoticComponent<ProviderProps<T>>;
+  Consumer: ExoticComponent<ConsumerProps<T>>;
+  displayName?: string;
+}
+
+interface ServerContext<T> extends Context<T> {}
+
+interface ProviderProps<T> {
+  value: T;
+  children?: ReactNode;
+}
+
+interface ConsumerProps<T> {
+  children: (value: T) => ReactNode;
+}
+
+// Context hook type
+function useContext<T>(context: Context<T>): T;
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-react/docs/elements.md b/.tessl/tiles/tessl/npm-react/docs/elements.md
new file mode 100644
index 000000000..514fc1f11
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-react/docs/elements.md
@@ -0,0 +1,416 @@
+# Element Creation & Manipulation
+
+React elements are the building blocks of React applications. These functions provide ways to create, clone, and validate React elements programmatically, serving as alternatives to JSX syntax.
+
+## Capabilities
+
+### createElement
+
+Creates React elements programmatically - the function that JSX compiles to.
+
+```javascript { .api }
+/**
+ * Creates a React element
+ * @param type - Component type, HTML tag name, or React component
+ * @param props - Element props and attributes (null if no props)
+ * @param children - Child elements (variadic arguments)
+ * @returns React element
+ */
+function createElement<P extends {}>(
+  type: string | ComponentType<P>,
+  props?: (Attributes & P) | null,
+  ...children: ReactNode[]
+): ReactElement<P>;
+
+// Overloads for different element types
+function createElement<P extends HTMLAttributes<T>, T extends HTMLElement>(
+  type: keyof ReactHTML,
+  props?: (ClassAttributes<T> & P) | null,
+  ...children: ReactNode[]
+): DetailedReactHTMLElement<P, T>;
+
+function createElement<P extends SVGAttributes<T>, T extends SVGElement>(
+  type: keyof ReactSVG,
+  props?: (ClassAttributes<T> & P) | null,
+  ...children: ReactNode[]
+): ReactSVGElement;
+```
+
+**Usage Examples:**
+
+```javascript
+import React, { createElement } from 'react';
+
+// Basic HTML elements
+const heading = createElement('h1', { className: 'title' }, 'Hello World');
+// Equivalent JSX: <h1 className="title">Hello World</h1>
+
+const paragraph = createElement('p', null, 'This is a paragraph');
+// Equivalent JSX: <p>This is a paragraph</p>
+
+// With multiple children
+const div = createElement('div', { id: 'container' },
+  createElement('h2', null, 'Section Title'),
+  createElement('p', null, 'Section content'),
+  createElement('button', { onClick: handleClick }, 'Click me')
+);
+// Equivalent JSX:
+// <div id="container">
+//   <h2>Section Title</h2>
+//   <p>Section content</p>
+//   <button onClick={handleClick}>Click me</button>
+// </div>
+
+// With React components
+function MyComponent({ name, age }) {
+  return createElement('div', null,
+    createElement('h3', null, `Name: ${name}`),
+    createElement('p', null, `Age: ${age}`)
+  );
+}
+
+const componentElement = createElement(MyComponent, { name: 'John', age: 30 });
+// Equivalent JSX: <MyComponent name="John" age={30} />
+
+// Dynamic element creation
+function createList(items, itemType = 'li') {
+  return createElement('ul', null,
+    ...items.map((item, index) =>
+      createElement(itemType, { key: index }, item)
+    )
+  );
+}
+
+const todoList = createList(['Buy milk', 'Walk dog', 'Code review']);
+```
+
+### cloneElement
+
+Creates a copy of a React element with new props, preserving the original element's key and ref.
+
+```javascript { .api }
+/**
+ * Clones a React element with new props
+ * @param element - React element to clone
+ * @param props - New props to merge (null to keep original props)
+ * @param children - New children (replaces original children)
+ * @returns Cloned React element with merged props
+ */
+function cloneElement<P extends {}>(
+  element: ReactElement<P>,
+  props?: (Partial<P> & Attributes) | null,
+  ...children: ReactNode[]
+): ReactElement<P>;
+```
+
+**Usage Examples:**
+
+```javascript
+import React, { cloneElement, Children } from 'react';
+
+// Basic cloning with new props
+function ButtonGroup({ children, variant = 'primary' }) {
+  return (
+    <div className="button-group">
+      {Children.map(children, (child) => {
+        if (React.isValidElement(child)) {
+          return cloneElement(child, {
+            className: `btn btn-${variant}`,
+            size: 'medium'
+          });
+        }
+        return child;
+      })}
+    </div>
+  );
+}
+
+// Usage
+<ButtonGroup variant="secondary">
+  <button onClick={handleSave}>Save</button>
+  <button onClick={handleCancel}>Cancel</button>
+</ButtonGroup>
+
+// Enhanced form field wrapper
+function FormField({ children, error, touched }) {
+  const child = Children.only(children);
+  
+  return (
+    <div className={`form-field ${error && touched ? 'error' : ''}`}>
+      {cloneElement(child, {
+        className: `${child.props.className || ''} form-input`,
+        'aria-invalid': error && touched,
+        'aria-describedby': error && touched ? `${child.props.id}-error` : undefined
+      })}
+      {error && touched && (
+        <div id={`${child.props.id}-error`} className="error-message">
+          {error}
+        </div>
+      )}
+    </div>
+  );
+}
+
+// Usage
+<FormField error="Email is required" touched={true}>
+  <input id="email" type="email" placeholder="Enter email" />
+</FormField>
+
+// Adding event handlers to existing elements
+function WithClickTracking({ children, trackingId }) {
+  return Children.map(children, (child) => {
+    if (React.isValidElement(child)) {
+      const originalOnClick = child.props.onClick;
+      
+      return cloneElement(child, {
+        onClick: (event) => {
+          // Track click event
+          analytics.track('click', { trackingId, elementType: child.type });
+          
+          // Call original handler
+          if (originalOnClick) {
+            originalOnClick(event);
+          }
+        }
+      });
+    }
+    return child;
+  });
+}
+
+// Higher-order component using cloneElement
+function withTooltip(WrappedComponent, tooltipText) {
+  return function TooltipWrapper(props) {
+    const [showTooltip, setShowTooltip] = useState(false);
+    
+    return (
+      <div className="tooltip-container">
+        {cloneElement(<WrappedComponent {...props} />, {
+          onMouseEnter: () => setShowTooltip(true),
+          onMouseLeave: () => setShowTooltip(false)
+        })}
+        {showTooltip && (
+          <div className="tooltip">{tooltipText}</div>
+        )}
+      </div>
+    );
+  };
+}
+```
+
+### isValidElement
+
+Checks if an object is a valid React element.
+
+```javascript { .api }
+/**
+ * Validates if object is a React element
+ * @param object - Object to validate
+ * @returns True if object is a valid React element
+ */
+function isValidElement<P>(object: {} | null | undefined): object is ReactElement<P>;
+```
+
+**Usage Examples:**
+
+```javascript
+import React, { isValidElement } from 'react';
+
+// Utility function to render different content types
+function renderContent(content) {
+  if (isValidElement(content)) {
+    // It's a React element, render as-is
+    return content;
+  } else if (typeof content === 'string') {
+    // It's a string, wrap in paragraph
+    return <p>{content}</p>;
+  } else if (typeof content === 'function') {
+    // It's a function, call it
+    return renderContent(content());
+  } else {
+    // Convert to string
+    return <span>{String(content)}</span>;
+  }
+}
+
+// Flexible card component
+function Card({ title, content, footer }) {
+  return (
+    <div className="card">
+      <div className="card-header">
+        {isValidElement(title) ? title : <h3>{title}</h3>}
+      </div>
+      <div className="card-body">
+        {renderContent(content)}
+      </div>
+      {footer && (
+        <div className="card-footer">
+          {isValidElement(footer) ? footer : <p>{footer}</p>}
+        </div>
+      )}
+    </div>
+  );
+}
+
+// Usage with different content types
+<Card 
+  title={<h2 className="custom-title">Special Title</h2>}
+  content={<div>Custom JSX content</div>}
+  footer="Simple string footer"
+/>
+
+<Card 
+  title="String title"
+  content="String content"
+  footer={<button>Action Button</button>}
+/>
+
+// Conditional rendering helper
+function ConditionalWrapper({ condition, wrapper, children }) {
+  if (condition && isValidElement(wrapper)) {
+    return React.cloneElement(wrapper, {}, children);
+  }
+  return children;
+}
+
+// Usage
+<ConditionalWrapper 
+  condition={isLoggedIn} 
+  wrapper={<div className="authenticated-content" />}
+>
+  <UserDashboard />
+</ConditionalWrapper>
+
+// Type-safe children processing
+function ProcessChildren({ children, processor }) {
+  return (
+    <div>
+      {React.Children.map(children, (child) => {
+        if (isValidElement(child)) {
+          return processor ? processor(child) : child;
+        }
+        // Handle non-element children (strings, numbers, etc.)
+        return <span key={Math.random()}>{child}</span>;
+      })}
+    </div>
+  );
+}
+
+// Filter and process valid React elements
+function ElementFilter({ children, filter }) {
+  const validElements = React.Children.toArray(children).filter(child => 
+    isValidElement(child) && (!filter || filter(child))
+  );
+  
+  return <>{validElements}</>;
+}
+
+// Usage - only render Button components
+<ElementFilter filter={(child) => child.type === Button}>
+  <Button>Valid</Button>
+  <div>This will be filtered out</div>
+  <Button>Also valid</Button>
+  Some text will also be filtered out
+</ElementFilter>
+```
+
+### createFactory
+
+Creates a factory function for creating elements of a specific type (deprecated but still available).
+
+```javascript { .api }
+/**
+ * Creates element factory function for specific type (deprecated)
+ * @param type - Component type or HTML tag name
+ * @returns Factory function that creates elements of the specified type
+ */
+function createFactory<P extends {}>(type: string | ComponentType<P>): 
+  (props?: (Attributes & P) | null, ...children: ReactNode[]) => ReactElement<P>;
+```
+
+**Usage Examples:**
+
+```javascript
+import React, { createFactory } from 'react';
+
+// Create factories for common elements
+const div = createFactory('div');
+const h1 = createFactory('h1');
+const button = createFactory('button');
+
+// Create factory for custom component
+function MyComponent({ title, children }) {
+  return <div><h2>{title}</h2>{children}</div>;
+}
+const myComponent = createFactory(MyComponent);
+
+// Usage (equivalent to createElement calls)
+const element1 = div({ className: 'container' }, 
+  h1(null, 'Title'),
+  button({ onClick: handleClick }, 'Click me')
+);
+
+const element2 = myComponent({ title: 'Section' }, 'Content here');
+
+// Pre-bound factory with common props
+function createButtonFactory(defaultProps) {
+  const buttonFactory = createFactory('button');
+  return (props, ...children) => buttonFactory({
+    ...defaultProps,
+    ...props
+  }, ...children);
+}
+
+const primaryButton = createButtonFactory({ 
+  className: 'btn btn-primary',
+  type: 'button'
+});
+
+// Usage
+const saveButton = primaryButton({ onClick: handleSave }, 'Save');
+const cancelButton = primaryButton({ onClick: handleCancel }, 'Cancel');
+```
+
+## Types
+
+```javascript { .api }
+// React element interface
+interface ReactElement<P = any, T extends string | JSXElementConstructor<any> = string | JSXElementConstructor<any>> {
+  type: T;
+  props: P;
+  key: Key | null;
+}
+
+// Element creation types
+type ComponentType<P = {}> = ComponentClass<P> | FunctionComponent<P>;
+type Key = string | number;
+type ReactNode = ReactChild | ReactFragment | ReactPortal | boolean | null | undefined;
+
+// Props with standard attributes
+interface Attributes {
+  key?: Key | null;
+}
+
+interface RefAttributes<T> extends Attributes {
+  ref?: Ref<T>;
+}
+
+interface ClassAttributes<T> extends Attributes {
+  ref?: LegacyRef<T>;
+}
+
+// HTML and SVG element types
+interface ReactHTML {
+  a: DetailedHTMLFactory<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
+  div: DetailedHTMLFactory<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+  button: DetailedHTMLFactory<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
+  // ... all other HTML elements
+}
+
+interface ReactSVG {
+  svg: SVGFactory;
+  circle: SVGFactory;
+  path: SVGFactory;
+  // ... all other SVG elements
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-react/docs/hoc.md b/.tessl/tiles/tessl/npm-react/docs/hoc.md
new file mode 100644
index 000000000..b4a977d39
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-react/docs/hoc.md
@@ -0,0 +1,427 @@
+# Higher-Order Components
+
+Higher-order components (HOCs) are functions that take a component and return a new component with enhanced functionality. React provides several built-in HOCs for common patterns like memoization, ref forwarding, and lazy loading.
+
+## Capabilities
+
+### memo
+
+Memoizes a component to prevent unnecessary re-renders when props haven't changed.
+
+```javascript { .api }
+/**
+ * Memoizes component with shallow prop comparison
+ * @param Component - Function component to memoize
+ * @param propsAreEqual - Optional custom comparison function
+ * @returns Memoized component
+ */
+function memo<P extends object>(
+  Component: FunctionComponent<P>,
+  propsAreEqual?: (prevProps: Readonly<P>, nextProps: Readonly<P>) => boolean
+): NamedExoticComponent<P>;
+```
+
+**Usage Examples:**
+
+```javascript
+import React, { memo, useState } from 'react';
+
+// Basic memoization
+const ExpensiveComponent = memo(function ExpensiveComponent({ data, options }) {
+  console.log('ExpensiveComponent rendering'); // Only logs when props change
+  
+  const processedData = useMemo(() => {
+    return data.map(item => processExpensiveCalculation(item, options));
+  }, [data, options]);
+  
+  return (
+    <div>
+      {processedData.map(item => (
+        <div key={item.id}>{item.result}</div>
+      ))}
+    </div>
+  );
+});
+
+// Custom comparison function
+const UserCard = memo(function UserCard({ user, theme, onEdit }) {
+  return (
+    <div className={`user-card theme-${theme}`}>
+      <h3>{user.name}</h3>
+      <p>{user.email}</p>
+      <button onClick={() => onEdit(user.id)}>Edit</button>
+    </div>
+  );
+}, (prevProps, nextProps) => {
+  // Custom comparison - only re-render if user data or theme changed
+  return (
+    prevProps.user.id === nextProps.user.id &&
+    prevProps.user.name === nextProps.user.name &&
+    prevProps.user.email === nextProps.user.email &&
+    prevProps.theme === nextProps.theme
+    // Ignore onEdit function changes
+  );
+});
+
+// Memoizing with complex props
+const DataVisualization = memo(function DataVisualization({ 
+  dataset, 
+  config, 
+  width, 
+  height 
+}) {
+  const chartData = useMemo(() => {
+    return transformDataForChart(dataset, config);
+  }, [dataset, config]);
+  
+  return (
+    <svg width={width} height={height}>
+      {/* Complex visualization rendering */}
+    </svg>
+  );
+}, (prevProps, nextProps) => {
+  // Deep comparison for complex objects
+  return (
+    JSON.stringify(prevProps.dataset) === JSON.stringify(nextProps.dataset) &&
+    JSON.stringify(prevProps.config) === JSON.stringify(nextProps.config) &&
+    prevProps.width === nextProps.width &&
+    prevProps.height === nextProps.height
+  );
+});
+
+// Usage
+function App() {
+  const [users, setUsers] = useState([]);
+  const [selectedUser, setSelectedUser] = useState(null);
+  const [theme, setTheme] = useState('light');
+  
+  return (
+    <div>
+      {users.map(user => (
+        <UserCard
+          key={user.id}
+          user={user}
+          theme={theme}
+          onEdit={setSelectedUser} // This function reference changes, but memo ignores it
+        />
+      ))}
+    </div>
+  );
+}
+```
+
+### forwardRef
+
+Forwards refs through components to access DOM elements or component instances.
+
+```javascript { .api }
+/**
+ * Forwards refs through component hierarchy
+ * @param render - Function component that receives props and ref
+ * @returns Component that can receive refs
+ */
+function forwardRef<T, P = {}>(
+  render: ForwardRefRenderFunction<T, P>
+): ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>>;
+
+type ForwardRefRenderFunction<T, P = {}> = (
+  props: P,
+  ref: ForwardedRef<T>
+) => ReactElement | null;
+```
+
+**Usage Examples:**
+
+```javascript
+import React, { forwardRef, useRef, useImperativeHandle } from 'react';
+
+// Basic ref forwarding to DOM element
+const CustomInput = forwardRef(function CustomInput(props, ref) {
+  return (
+    <div className="custom-input-wrapper">
+      <input
+        ref={ref}
+        className="custom-input"
+        {...props}
+      />
+    </div>
+  );
+});
+
+// Usage
+function LoginForm() {
+  const emailInputRef = useRef(null);
+  
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    if (!emailInputRef.current.value) {
+      emailInputRef.current.focus(); // Direct DOM access
+    }
+  };
+  
+  return (
+    <form onSubmit={handleSubmit}>
+      <CustomInput
+        ref={emailInputRef}
+        type="email"
+        placeholder="Enter email"
+      />
+      <button type="submit">Login</button>
+    </form>
+  );
+}
+
+// Custom imperative API with useImperativeHandle
+const CustomModal = forwardRef(function CustomModal({ children, title }, ref) {
+  const [isOpen, setIsOpen] = useState(false);
+  const modalRef = useRef(null);
+  
+  useImperativeHandle(ref, () => ({
+    open: () => setIsOpen(true),
+    close: () => setIsOpen(false),
+    toggle: () => setIsOpen(prev => !prev),
+    focus: () => modalRef.current?.focus(),
+    isOpen: isOpen
+  }), [isOpen]);
+  
+  if (!isOpen) return null;
+  
+  return (
+    <div className="modal-overlay" onClick={() => setIsOpen(false)}>
+      <div 
+        ref={modalRef}
+        className="modal-content" 
+        tabIndex={-1}
+        onClick={(e) => e.stopPropagation()}
+      >
+        <h2>{title}</h2>
+        {children}
+        <button onClick={() => setIsOpen(false)}>Close</button>
+      </div>
+    </div>
+  );
+});
+
+// Usage with imperative API
+function App() {
+  const modalRef = useRef(null);
+  
+  const openModal = () => {
+    modalRef.current?.open();
+  };
+  
+  const checkModalState = () => {
+    console.log('Modal is open:', modalRef.current?.isOpen);
+  };
+  
+  return (
+    <div>
+      <button onClick={openModal}>Open Modal</button>
+      <button onClick={checkModalState}>Check Modal State</button>
+      
+      <CustomModal ref={modalRef} title="Important Notice">
+        <p>This is modal content</p>
+      </CustomModal>
+    </div>
+  );
+}
+
+// Higher-order component with ref forwarding
+function withErrorBoundary(Component) {
+  return forwardRef(function WithErrorBoundary(props, ref) {
+    return (
+      <ErrorBoundary>
+        <Component {...props} ref={ref} />
+      </ErrorBoundary>
+    );
+  });
+}
+
+const SafeCustomInput = withErrorBoundary(CustomInput);
+```
+
+### lazy
+
+Enables code splitting by dynamically importing components.
+
+```javascript { .api }
+/**
+ * Lazy load components with dynamic imports
+ * @param factory - Function that returns dynamic import promise
+ * @returns Lazy component that can be used with Suspense
+ */
+function lazy<T extends ComponentType<any>>(
+  factory: () => Promise<{ default: T }>
+): LazyExoticComponent<T>;
+```
+
+**Usage Examples:**
+
+```javascript
+import React, { lazy, Suspense, useState } from 'react';
+
+// Basic lazy loading
+const LazyDashboard = lazy(() => import('./Dashboard'));
+const LazySettings = lazy(() => import('./Settings'));
+const LazyProfile = lazy(() => import('./Profile'));
+
+function App() {
+  const [currentView, setCurrentView] = useState('dashboard');
+  
+  const renderView = () => {
+    switch (currentView) {
+      case 'dashboard':
+        return <LazyDashboard />;
+      case 'settings':
+        return <LazySettings />;
+      case 'profile':
+        return <LazyProfile />;
+      default:
+        return <div>Page not found</div>;
+    }
+  };
+  
+  return (
+    <div>
+      <nav>
+        <button onClick={() => setCurrentView('dashboard')}>Dashboard</button>
+        <button onClick={() => setCurrentView('settings')}>Settings</button>
+        <button onClick={() => setCurrentView('profile')}>Profile</button>
+      </nav>
+      
+      <Suspense fallback={<div>Loading...</div>}>
+        {renderView()}
+      </Suspense>
+    </div>
+  );
+}
+
+// Conditional lazy loading
+const HeavyChart = lazy(() => {
+  // Only load if user has premium features
+  if (user.isPremium) {
+    return import('./HeavyChart');
+  } else {
+    return import('./BasicChart');
+  }
+});
+
+// Lazy loading with error handling
+const LazyComponent = lazy(async () => {
+  try {
+    const module = await import('./ExpensiveComponent');
+    return module;
+  } catch (error) {
+    console.error('Failed to load component:', error);
+    // Return fallback component
+    return import('./FallbackComponent');
+  }
+});
+
+// Route-based code splitting
+const Home = lazy(() => import('./pages/Home'));
+const About = lazy(() => import('./pages/About'));
+const Contact = lazy(() => import('./pages/Contact'));
+const AdminPanel = lazy(() => import('./pages/AdminPanel'));
+
+function AppRouter() {
+  return (
+    <Router>
+      <Suspense fallback={<LoadingSpinner />}>
+        <Routes>
+          <Route path="/" element={<Home />} />
+          <Route path="/about" element={<About />} />
+          <Route path="/contact" element={<Contact />} />
+          <Route 
+            path="/admin" 
+            element={
+              <ProtectedRoute>
+                <AdminPanel />
+              </ProtectedRoute>
+            } 
+          />
+        </Routes>
+      </Suspense>
+    </Router>
+  );
+}
+
+// Preloading lazy components
+const ProductCatalog = lazy(() => import('./ProductCatalog'));
+
+function ProductButton() {
+  const [showCatalog, setShowCatalog] = useState(false);
+  
+  // Preload on hover
+  const handleMouseEnter = () => {
+    import('./ProductCatalog'); // Preload without waiting
+  };
+  
+  return (
+    <div>
+      <button 
+        onMouseEnter={handleMouseEnter}
+        onClick={() => setShowCatalog(true)}
+      >
+        View Products
+      </button>
+      
+      {showCatalog && (
+        <Suspense fallback={<div>Loading catalog...</div>}>
+          <ProductCatalog />
+        </Suspense>
+      )}
+    </div>
+  );
+}
+
+// Lazy loading with props
+const LazyModalContent = lazy(() => import('./ModalContent'));
+
+function Modal({ isOpen, contentType, ...props }) {
+  if (!isOpen) return null;
+  
+  return (
+    <div className="modal">
+      <Suspense fallback={<div>Loading modal content...</div>}>
+        <LazyModalContent type={contentType} {...props} />
+      </Suspense>
+    </div>
+  );
+}
+```
+
+## Types
+
+```javascript { .api }
+// Higher-order component types
+type NamedExoticComponent<P = {}> = ExoticComponent<P> & {
+  displayName?: string;
+};
+
+type ForwardRefExoticComponent<P> = NamedExoticComponent<P> & {
+  $$typeof: symbol;
+};
+
+type LazyExoticComponent<T extends ComponentType<any>> = ExoticComponent<ComponentProps<T>> & {
+  $$typeof: symbol;
+};
+
+// Ref forwarding types
+type ForwardedRef<T> = ((instance: T | null) => void) | MutableRefObject<T | null> | null;
+
+type ForwardRefRenderFunction<T, P = {}> = (
+  props: P,
+  ref: ForwardedRef<T>
+) => ReactElement | null;
+
+type PropsWithoutRef<P> = Pick<P, Exclude<keyof P, 'ref'>>;
+
+// Component prop extraction
+type ComponentProps<T extends keyof JSX.IntrinsicElements | JSXElementConstructor<any>> = 
+  T extends JSXElementConstructor<infer P>
+    ? P
+    : T extends keyof JSX.IntrinsicElements
+    ? JSX.IntrinsicElements[T]
+    : {};
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-react/docs/hooks.md b/.tessl/tiles/tessl/npm-react/docs/hooks.md
new file mode 100644
index 000000000..50ac44f44
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-react/docs/hooks.md
@@ -0,0 +1,697 @@
+# React Hooks
+
+React Hooks provide a way to use state and lifecycle features in function components. They enable stateful logic reuse and eliminate the need for class components in most cases.
+
+## Capabilities
+
+### State Hooks
+
+#### useState
+
+Adds state to function components with getter and setter.
+
+```javascript { .api }
+/**
+ * Returns stateful value and function to update it
+ * @param initialState - Initial state value or function that returns initial state
+ * @returns Tuple with current state and state setter function
+ */
+function useState<S>(initialState: S | (() => S)): [S, Dispatch<SetStateAction<S>>];
+
+// State setter type
+type Dispatch<A> = (value: A) => void;
+type SetStateAction<S> = S | ((prevState: S) => S);
+```
+
+**Usage Examples:**
+
+```javascript
+import { useState } from 'react';
+
+// Basic usage
+const [count, setCount] = useState(0);
+const [user, setUser] = useState({ name: 'John', age: 30 });
+
+// Functional updates
+setCount(prevCount => prevCount + 1);
+setUser(prevUser => ({ ...prevUser, age: prevUser.age + 1 }));
+
+// Lazy initial state
+const [expensiveValue, setExpensiveValue] = useState(() => {
+  return computeExpensiveValue();
+});
+```
+
+#### useReducer
+
+Manages complex state with reducer pattern, alternative to useState for complex state logic.
+
+```javascript { .api }
+/**
+ * State management with reducer pattern
+ * @param reducer - Function that determines state updates
+ * @param initialArg - Initial state or value for lazy initialization
+ * @param init - Optional lazy initialization function
+ * @returns Tuple with current state and dispatch function
+ */
+function useReducer<R extends Reducer<any, any>>(
+  reducer: R,
+  initialArg: ReducerState<R>,
+  init?: ReducerStateWithoutAction<R>
+): [ReducerState<R>, Dispatch<ReducerAction<R>>];
+
+// Reducer types
+type Reducer<S, A> = (prevState: S, action: A) => S;
+type ReducerState<R extends Reducer<any, any>> = R extends Reducer<infer S, any> ? S : never;
+type ReducerAction<R extends Reducer<any, any>> = R extends Reducer<any, infer A> ? A : never;
+```
+
+**Usage Examples:**
+
+```javascript
+import { useReducer } from 'react';
+
+// Counter reducer
+function counterReducer(state, action) {
+  switch (action.type) {
+    case 'increment':
+      return { count: state.count + 1 };
+    case 'decrement':
+      return { count: state.count - 1 };
+    case 'set':
+      return { count: action.payload };
+    default:
+      throw new Error();
+  }
+}
+
+const [state, dispatch] = useReducer(counterReducer, { count: 0 });
+
+// Dispatch actions
+dispatch({ type: 'increment' });
+dispatch({ type: 'set', payload: 42 });
+```
+
+### Effect Hooks
+
+#### useEffect
+
+Performs side effects in function components - equivalent to componentDidMount, componentDidUpdate, and componentWillUnmount combined.
+
+```javascript { .api }
+/**
+ * Performs side effects after render
+ * @param effect - Function containing side effect logic
+ * @param deps - Optional dependency array to control when effect runs
+ */
+function useEffect(effect: EffectCallback, deps?: DependencyList): void;
+
+type EffectCallback = () => (void | Destructor);
+type Destructor = () => void | { [UNDEFINED_VOID_ONLY]: never };
+type DependencyList = ReadonlyArray<any>;
+```
+
+**Usage Examples:**
+
+```javascript
+import { useEffect, useState } from 'react';
+
+function UserProfile({ userId }) {
+  const [user, setUser] = useState(null);
+  
+  // Effect with dependencies
+  useEffect(() => {
+    fetchUser(userId).then(setUser);
+  }, [userId]);
+  
+  // Effect with cleanup
+  useEffect(() => {
+    const timer = setInterval(() => {
+      console.log('Timer tick');
+    }, 1000);
+    
+    return () => clearInterval(timer);
+  }, []);
+  
+  // Effect on every render (no deps array)
+  useEffect(() => {
+    console.log('Component rendered');
+  });
+}
+```
+
+#### useLayoutEffect
+
+Synchronous version of useEffect that fires before browser paints, useful for DOM measurements.
+
+```javascript { .api }
+/**
+ * Synchronous side effects that fire before browser paint
+ * @param effect - Function containing side effect logic
+ * @param deps - Optional dependency array to control when effect runs
+ */
+function useLayoutEffect(effect: EffectCallback, deps?: DependencyList): void;
+```
+
+**Usage Examples:**
+
+```javascript
+import { useLayoutEffect, useRef } from 'react';
+
+function MeasuredComponent() {
+  const ref = useRef();
+  
+  useLayoutEffect(() => {
+    // Synchronously measure DOM before paint
+    const rect = ref.current.getBoundingClientRect();
+    console.log('Element height:', rect.height);
+  });
+  
+  return <div ref={ref}>Content</div>;
+}
+```
+
+#### useInsertionEffect
+
+Special effect hook for CSS-in-JS libraries to insert styles before layout effects.
+
+```javascript { .api }
+/**
+ * Effect hook for CSS-in-JS libraries to insert styles
+ * @param effect - Function containing style insertion logic
+ * @param deps - Optional dependency array to control when effect runs
+ */
+function useInsertionEffect(effect: EffectCallback, deps?: DependencyList): void;
+```
+
+### Performance Hooks
+
+#### useMemo
+
+Memoizes expensive computations to avoid recalculation on every render.
+
+```javascript { .api }
+/**
+ * Memoizes expensive calculations
+ * @param factory - Function that returns value to memoize
+ * @param deps - Dependency array to determine when to recalculate
+ * @returns Memoized value
+ */
+function useMemo<T>(factory: () => T, deps: DependencyList): T;
+```
+
+**Usage Examples:**
+
+```javascript
+import { useMemo, useState } from 'react';
+
+function ExpensiveComponent({ items, query }) {
+  const filteredItems = useMemo(() => {
+    return items.filter(item => 
+      item.name.toLowerCase().includes(query.toLowerCase())
+    );
+  }, [items, query]);
+  
+  const expensiveValue = useMemo(() => {
+    return computeExpensiveValue(items);
+  }, [items]);
+  
+  return <div>{/* render filtered items */}</div>;
+}
+```
+
+#### useCallback
+
+Memoizes functions to prevent unnecessary re-renders of child components.
+
+```javascript { .api }
+/**
+ * Memoizes callback functions
+ * @param callback - Function to memoize
+ * @param deps - Dependency array to determine when to recreate function
+ * @returns Memoized callback function
+ */
+function useCallback<T extends Function>(callback: T, deps: DependencyList): T;
+```
+
+**Usage Examples:**
+
+```javascript
+import { useCallback, useState } from 'react';
+
+function ParentComponent({ onItemClick }) {
+  const [count, setCount] = useState(0);
+  const [items, setItems] = useState([]);
+  
+  const handleClick = useCallback((id) => {
+    onItemClick(id);
+    setCount(prev => prev + 1);
+  }, [onItemClick]);
+  
+  const addItem = useCallback(() => {
+    setItems(prev => [...prev, { id: Date.now() }]);
+  }, []);
+  
+  return (
+    <div>
+      <ItemList items={items} onItemClick={handleClick} />
+      <button onClick={addItem}>Add Item</button>
+    </div>
+  );
+}
+```
+
+### Ref Hooks
+
+#### useRef
+
+Creates mutable ref object that persists across re-renders.
+
+```javascript { .api }
+/**
+ * Creates mutable ref object
+ * @param initialValue - Initial value for the ref
+ * @returns Mutable ref object with current property
+ */
+function useRef<T>(initialValue: T): MutableRefObject<T>;
+function useRef<T>(initialValue: T | null): RefObject<T>;
+function useRef<T = undefined>(): MutableRefObject<T | undefined>;
+
+interface MutableRefObject<T> {
+  current: T;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+import { useRef, useEffect } from 'react';
+
+function InputComponent() {
+  const inputRef = useRef(null);
+  const countRef = useRef(0);
+  
+  useEffect(() => {
+    // Focus input on mount
+    inputRef.current.focus();
+  }, []);
+  
+  const handleClick = () => {
+    // Mutable value that doesn't trigger re-render
+    countRef.current += 1;
+    console.log('Click count:', countRef.current);
+  };
+  
+  return (
+    <div>
+      <input ref={inputRef} />
+      <button onClick={handleClick}>Click me</button>
+    </div>
+  );
+}
+```
+
+#### useImperativeHandle
+
+Customizes the instance value exposed when using ref with forwardRef.
+
+```javascript { .api }
+/**
+ * Customizes ref handle for forwardRef components
+ * @param ref - Ref object to customize
+ * @param createHandle - Function that returns the custom handle
+ * @param deps - Optional dependency array
+ */
+function useImperativeHandle<T, R extends T>(
+  ref: Ref<T> | undefined,
+  init: () => R,
+  deps?: DependencyList
+): void;
+```
+
+**Usage Examples:**
+
+```javascript
+import { forwardRef, useImperativeHandle, useRef } from 'react';
+
+const CustomInput = forwardRef((props, ref) => {
+  const inputRef = useRef();
+  
+  useImperativeHandle(ref, () => ({
+    focus: () => inputRef.current.focus(),
+    blur: () => inputRef.current.blur(),
+    getValue: () => inputRef.current.value,
+  }), []);
+  
+  return <input ref={inputRef} {...props} />;
+});
+
+// Usage
+function ParentComponent() {
+  const customInputRef = useRef();
+  
+  const handleClick = () => {
+    customInputRef.current.focus();
+    console.log(customInputRef.current.getValue());
+  };
+  
+  return (
+    <div>
+      <CustomInput ref={customInputRef} />
+      <button onClick={handleClick}>Focus Input</button>
+    </div>
+  );
+}
+```
+
+### Context Hooks
+
+#### useContext
+
+Consumes context values from React context providers.
+
+```javascript { .api }
+/**
+ * Consumes context value from nearest provider
+ * @param context - Context object created by createContext
+ * @returns Current context value
+ */
+function useContext<T>(context: Context<T>): T;
+```
+
+**Usage Examples:**
+
+```javascript
+import { createContext, useContext } from 'react';
+
+const ThemeContext = createContext('light');
+const UserContext = createContext(null);
+
+function ThemedButton() {
+  const theme = useContext(ThemeContext);
+  const user = useContext(UserContext);
+  
+  return (
+    <button className={`btn-${theme}`}>
+      Hello, {user?.name || 'Guest'}
+    </button>
+  );
+}
+
+function App() {
+  const user = { name: 'John', id: 1 };
+  
+  return (
+    <ThemeContext.Provider value="dark">
+      <UserContext.Provider value={user}>
+        <ThemedButton />
+      </UserContext.Provider>
+    </ThemeContext.Provider>
+  );
+}
+```
+
+### Concurrent Features Hooks
+
+#### useTransition
+
+Marks state updates as non-urgent transitions to avoid blocking urgent updates.
+
+```javascript { .api }
+/**
+ * Marks state updates as non-urgent transitions
+ * @returns Tuple with isPending boolean and startTransition function
+ */
+function useTransition(): [boolean, (callback: () => void) => void];
+```
+
+**Usage Examples:**
+
+```javascript
+import { useTransition, useState } from 'react';
+
+function SearchComponent() {
+  const [query, setQuery] = useState('');
+  const [results, setResults] = useState([]);
+  const [isPending, startTransition] = useTransition();
+  
+  const handleSearch = (newQuery) => {
+    setQuery(newQuery); // Urgent update
+    
+    startTransition(() => {
+      // Non-urgent update that won't block typing
+      setResults(performExpensiveSearch(newQuery));
+    });
+  };
+  
+  return (
+    <div>
+      <input 
+        value={query} 
+        onChange={(e) => handleSearch(e.target.value)} 
+      />
+      {isPending && <div>Searching...</div>}
+      <ResultsList results={results} />
+    </div>
+  );
+}
+```
+
+#### useDeferredValue
+
+Defers updating a value to avoid blocking urgent updates.
+
+```javascript { .api }
+/**
+ * Defers value updates for performance
+ * @param value - Value to defer
+ * @returns Deferred version of the value
+ */
+function useDeferredValue<T>(value: T): T;
+```
+
+**Usage Examples:**
+
+```javascript
+import { useDeferredValue, useState, useMemo } from 'react';
+
+function ProductList({ products }) {
+  const [filter, setFilter] = useState('');
+  const deferredFilter = useDeferredValue(filter);
+  
+  const filteredProducts = useMemo(() => {
+    return products.filter(product => 
+      product.name.includes(deferredFilter)
+    );
+  }, [products, deferredFilter]);
+  
+  return (
+    <div>
+      <input 
+        value={filter}
+        onChange={(e) => setFilter(e.target.value)}
+        placeholder="Filter products..."
+      />
+      <div>
+        {filteredProducts.map(product => (
+          <ProductCard key={product.id} product={product} />
+        ))}
+      </div>
+    </div>
+  );
+}
+```
+
+### Utility Hooks
+
+#### useId
+
+Generates stable unique IDs for accessibility attributes.
+
+```javascript { .api }
+/**
+ * Generates unique IDs for accessibility
+ * @returns Stable unique ID string
+ */
+function useId(): string;
+```
+
+**Usage Examples:**
+
+```javascript
+import { useId } from 'react';
+
+function FormField({ label, ...props }) {
+  const id = useId();
+  
+  return (
+    <div>
+      <label htmlFor={id}>{label}</label>
+      <input id={id} {...props} />
+    </div>
+  );
+}
+
+function LoginForm() {
+  const passwordHintId = useId();
+  
+  return (
+    <form>
+      <FormField label="Username" type="text" />
+      <FormField 
+        label="Password" 
+        type="password"
+        aria-describedby={passwordHintId}
+      />
+      <div id={passwordHintId}>
+        Password must be at least 8 characters
+      </div>
+    </form>
+  );
+}
+```
+
+#### useDebugValue
+
+Displays custom labels for custom hooks in React DevTools.
+
+```javascript { .api }
+/**
+ * Displays debug labels in React DevTools
+ * @param value - Value to display
+ * @param format - Optional formatting function
+ */
+function useDebugValue<T>(value: T, format?: (value: T) => any): void;
+```
+
+**Usage Examples:**
+
+```javascript
+import { useDebugValue, useState, useEffect } from 'react';
+
+function useOnlineStatus() {
+  const [isOnline, setIsOnline] = useState(navigator.onLine);
+  
+  useEffect(() => {
+    const handleOnline = () => setIsOnline(true);
+    const handleOffline = () => setIsOnline(false);
+    
+    window.addEventListener('online', handleOnline);
+    window.addEventListener('offline', handleOffline);
+    
+    return () => {
+      window.removeEventListener('online', handleOnline);
+      window.removeEventListener('offline', handleOffline);
+    };
+  }, []);
+  
+  // Show in DevTools
+  useDebugValue(isOnline ? 'Online' : 'Offline');
+  
+  return isOnline;
+}
+
+function useLocalStorage(key, initialValue) {
+  const [storedValue, setStoredValue] = useState(() => {
+    try {
+      const item = window.localStorage.getItem(key);
+      return item ? JSON.parse(item) : initialValue;
+    } catch (error) {
+      return initialValue;
+    }
+  });
+  
+  // Custom format function
+  useDebugValue({key, storedValue}, ({key, storedValue}) => 
+    `${key}: ${JSON.stringify(storedValue)}`
+  );
+  
+  return [storedValue, setStoredValue];
+}
+```
+
+### External Store Hooks
+
+#### useSyncExternalStore
+
+Subscribes to external data stores and syncs with React's rendering.
+
+```javascript { .api }
+/**
+ * Subscribes to external data stores
+ * @param subscribe - Function to subscribe to store changes
+ * @param getSnapshot - Function to get current store value
+ * @param getServerSnapshot - Optional server-side snapshot getter
+ * @returns Current store value
+ */
+function useSyncExternalStore<Snapshot>(
+  subscribe: (onStoreChange: () => void) => () => void,
+  getSnapshot: () => Snapshot,
+  getServerSnapshot?: () => Snapshot
+): Snapshot;
+```
+
+**Usage Examples:**
+
+```javascript
+import { useSyncExternalStore } from 'react';
+
+// External store example
+const store = {
+  state: { count: 0 },
+  listeners: new Set(),
+  
+  getState() {
+    return this.state;
+  },
+  
+  setState(newState) {
+    this.state = { ...this.state, ...newState };
+    this.listeners.forEach(listener => listener());
+  },
+  
+  subscribe(listener) {
+    this.listeners.add(listener);
+    return () => this.listeners.delete(listener);
+  }
+};
+
+function useStore() {
+  return useSyncExternalStore(
+    store.subscribe.bind(store),
+    store.getState.bind(store)
+  );
+}
+
+function Counter() {
+  const state = useStore();
+  
+  return (
+    <div>
+      <p>Count: {state.count}</p>
+      <button onClick={() => store.setState({ count: state.count + 1 })}>
+        Increment
+      </button>
+    </div>
+  );
+}
+```
+
+#### useMutableSource
+
+Legacy hook for subscribing to mutable external sources (deprecated in favor of useSyncExternalStore).
+
+```javascript { .api }
+/**
+ * Subscribe to mutable external data sources (deprecated)
+ * @param source - Mutable source created by createMutableSource
+ * @param getSnapshot - Function to get current value from source
+ * @param subscribe - Function to subscribe to source changes
+ * @returns Current source value
+ */
+function useMutableSource<Source, Snapshot>(
+  source: MutableSource<Source>,
+  getSnapshot: MutableSourceGetSnapshotFn<Source, Snapshot>,
+  subscribe: MutableSourceSubscribeFn<Source, Snapshot>
+): Snapshot;
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-react/docs/index.md b/.tessl/tiles/tessl/npm-react/docs/index.md
new file mode 100644
index 000000000..ef535fe81
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-react/docs/index.md
@@ -0,0 +1,295 @@
+# React
+
+React is a JavaScript library for building user interfaces that emphasizes declarative programming, component-based architecture, and efficient rendering. It enables developers to create interactive UIs through composable components that manage their own state and efficiently update when data changes.
+
+## Package Information
+
+- **Package Name**: react
+- **Package Type**: npm 
+- **Language**: JavaScript/TypeScript
+- **Installation**: `npm install react`
+
+## Core Imports
+
+```javascript
+import React from 'react';
+// Access: React.useState, React.Component, etc.
+```
+
+Named imports:
+
+```javascript
+import { useState, useEffect, Component, Fragment } from 'react';
+```
+
+For CommonJS:
+
+```javascript
+const React = require('react');
+const { useState, useEffect, Component } = require('react');
+```
+
+JSX Runtime (automatic - handled by transpilers):
+
+```javascript
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+```
+
+## Basic Usage
+
+```javascript
+import React, { useState, useEffect } from 'react';
+
+// Function component with hooks
+function Counter() {
+  const [count, setCount] = useState(0);
+  
+  useEffect(() => {
+    document.title = `Count: ${count}`;
+  }, [count]);
+  
+  return (
+    <div>
+      <p>You clicked {count} times</p>
+      <button onClick={() => setCount(count + 1)}>
+        Click me
+      </button>
+    </div>
+  );
+}
+
+// Class component
+class Timer extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = { seconds: 0 };
+  }
+  
+  componentDidMount() {
+    this.interval = setInterval(() => {
+      this.setState({ seconds: this.state.seconds + 1 });
+    }, 1000);
+  }
+  
+  componentWillUnmount() {
+    clearInterval(this.interval);
+  }
+  
+  render() {
+    return <div>Seconds: {this.state.seconds}</div>;
+  }
+}
+```
+
+## Architecture
+
+React is built around several key concepts:
+
+- **Components**: Reusable UI building blocks that can be function or class-based
+- **Virtual DOM**: Efficient reconciliation system that minimizes direct DOM manipulation
+- **Unidirectional Data Flow**: Props flow down, events flow up for predictable state management
+- **Hooks**: Functions that let you use state and lifecycle features in function components
+- **Context**: Built-in state management system for sharing data across component trees
+- **Concurrent Features**: Modern React includes features for handling async operations and non-urgent updates
+
+## Capabilities
+
+### React Hooks
+
+Complete set of built-in hooks for state management, side effects, performance optimization, and more. Essential for modern React development with function components.
+
+```javascript { .api }
+// State hooks
+function useState<S>(initialState: S | (() => S)): [S, (value: S | ((prev: S) => S)) => void];
+function useReducer<R extends Reducer<any, any>>(reducer: R, initialState: ReducerState<R>): [ReducerState<R>, Dispatch<ReducerAction<R>>];
+
+// Effect hooks  
+function useEffect(effect: EffectCallback, deps?: DependencyList): void;
+function useLayoutEffect(effect: EffectCallback, deps?: DependencyList): void;
+function useInsertionEffect(effect: EffectCallback, deps?: DependencyList): void;
+
+// Performance hooks
+function useMemo<T>(factory: () => T, deps: DependencyList): T;
+function useCallback<T extends Function>(callback: T, deps: DependencyList): T;
+```
+
+[React Hooks](./hooks.md)
+
+### Component Classes
+
+Base classes for creating class-based React components with lifecycle methods and state management.
+
+```javascript { .api }
+class Component<P = {}, S = {}, SS = any> {
+  constructor(props: P);
+  setState<K extends keyof S>(state: ((prevState: S, props: P) => Pick<S, K> | S | null) | Pick<S, K> | S | null, callback?: () => void): void;
+  forceUpdate(callback?: () => void): void;
+  render(): ReactNode;
+}
+
+class PureComponent<P = {}, S = {}, SS = any> extends Component<P, S, SS> {}
+```
+
+[Component Classes](./components.md)
+
+### Element Creation & Manipulation
+
+Core functions for creating and manipulating React elements, essential for JSX alternatives and dynamic element creation.
+
+```javascript { .api }
+function createElement<P extends {}>(type: ReactType, props?: Attributes & P | null, ...children: ReactNode[]): ReactElement<P>;
+function cloneElement<P extends {}>(element: ReactElement<P>, props?: Partial<P> & Attributes | null, ...children: ReactNode[]): ReactElement<P>;
+function isValidElement<P>(object: {} | null | undefined): object is ReactElement<P>;
+```
+
+[Element Creation](./elements.md)
+
+### Built-in Components
+
+Special React components for layout, performance profiling, and development features.
+
+```javascript { .api }
+const Fragment: ExoticComponent<{ children?: ReactNode }>;
+const StrictMode: ExoticComponent<{ children?: ReactNode }>;
+const Profiler: ExoticComponent<ProfilerProps>;
+const Suspense: ExoticComponent<SuspenseProps>;
+const SuspenseList: ExoticComponent<SuspenseListProps>;
+```
+
+[Built-in Components](./builtin-components.md)
+
+### Context API
+
+Create and consume context for sharing data across component trees without prop drilling.
+
+```javascript { .api }
+function createContext<T>(defaultValue: T): Context<T>;
+function createServerContext<T>(globalName: string, defaultValue: T): ServerContext<T>;
+
+interface Context<T> {
+  Provider: ExoticComponent<ProviderProps<T>>;
+  Consumer: ExoticComponent<ConsumerProps<T>>;
+  displayName?: string;
+}
+```
+
+[Context API](./context.md)
+
+### Higher-Order Components
+
+Utilities for enhancing components with additional functionality like memoization, ref forwarding, and lazy loading.
+
+```javascript { .api }
+function memo<P extends object>(Component: FunctionComponent<P>, propsAreEqual?: (prevProps: P, nextProps: P) => boolean): NamedExoticComponent<P>;
+function forwardRef<T, P = {}>(render: ForwardRefRenderFunction<T, P>): ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>>;
+function lazy<T extends ComponentType<any>>(factory: () => Promise<{ default: T }>): LazyExoticComponent<T>;
+```
+
+[Higher-Order Components](./hoc.md)
+
+### Children Utilities
+
+Utilities for working with props.children, including mapping, filtering, and validating child elements.
+
+```javascript { .api }
+const Children: {
+  map<T, C>(children: C | ReadonlyArray<C>, fn: (child: C, index: number) => T): C extends null | undefined ? C : Array<Exclude<T, boolean | null | undefined>>;
+  forEach<C>(children: C | ReadonlyArray<C>, fn: (child: C, index: number) => void): void;
+  count(children: any): number;
+  only<C>(children: C): C extends any[] ? never : C;
+  toArray(children: ReactNode | ReactNode[]): Array<Exclude<ReactNode, boolean | null | undefined>>;
+};
+```
+
+[Children Utilities](./children.md)
+
+### Concurrent Features
+
+Modern React features for handling async operations and optimizing performance with transitions and deferred values.
+
+```javascript { .api }
+function startTransition(scope: () => void): void;
+function useTransition(): [boolean, (callback: () => void) => void];
+function useDeferredValue<T>(value: T): T;
+```
+
+[Concurrent Features](./concurrent.md)
+
+### References & Utilities
+
+Reference management and utility functions for accessing DOM elements and creating stable references.
+
+```javascript { .api }
+function createRef<T = any>(): RefObject<T>;
+function useRef<T = undefined>(): MutableRefObject<T | undefined>;
+function useImperativeHandle<T, R extends T>(ref: Ref<T> | undefined, init: () => R, deps?: DependencyList): void;
+const version: string;
+```
+
+[References & Utilities](./refs.md)
+
+### JSX Runtime
+
+Low-level JSX transformation functions used by transpilers to convert JSX syntax into JavaScript function calls.
+
+```javascript { .api }
+// Production runtime
+function jsx(type: any, props: any, key?: any): ReactElement;
+function jsxs(type: any, props: any, key?: any): ReactElement;
+
+// Development runtime  
+function jsxDEV(type: any, props: any, key?: any, isStaticChildren?: boolean, source?: any, self?: any): ReactElement;
+```
+
+[JSX Runtime](./jsx-runtime.md)
+
+### Experimental APIs
+
+Experimental and unstable APIs that may change in future versions. Use with caution in production applications.
+
+```javascript { .api }
+// Experimental components
+const unstable_Cache: ExoticComponent<{ children?: ReactNode }>;
+const unstable_DebugTracingMode: ExoticComponent<{ children?: ReactNode }>;
+const unstable_LegacyHidden: ExoticComponent<{ children?: ReactNode; mode: 'hidden' | 'unstable-defer-without-hiding' }>;
+const unstable_Offscreen: ExoticComponent<{ children?: ReactNode; mode?: 'hidden' | 'visible' }>;
+const unstable_Scope: ExoticComponent<{ children?: ReactNode }>;
+const unstable_TracingMarker: ExoticComponent<{ children?: ReactNode; name: string }>;
+
+// Experimental cache functions
+function unstable_getCacheSignal(): AbortSignal;
+function unstable_getCacheForType<T>(resourceType: () => T): T;
+function unstable_useCacheRefresh(): () => void;
+```
+
+These experimental APIs are subject to change and should only be used for testing React's upcoming features.
+
+## Types
+
+```javascript { .api }
+// Core types
+type ReactNode = ReactChild | ReactFragment | ReactPortal | boolean | null | undefined;
+type ReactChild = ReactElement | ReactText;
+type ReactText = string | number;
+type ReactFragment = {} | Iterable<ReactNode>;
+
+// Component types
+type FunctionComponent<P = {}> = (props: PropsWithChildren<P>, context?: any) => ReactElement<any, any> | null;
+type ComponentType<P = {}> = ComponentClass<P> | FunctionComponent<P>;
+
+// Element types
+interface ReactElement<P = any, T extends string | JSXElementConstructor<any> = string | JSXElementConstructor<any>> {
+  type: T;
+  props: P;
+  key: Key | null;
+}
+
+// Ref types
+type Ref<T> = RefCallback<T> | RefObject<T> | null;
+interface RefObject<T> {
+  readonly current: T | null;
+}
+interface MutableRefObject<T> {
+  current: T;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-react/docs/jsx-runtime.md b/.tessl/tiles/tessl/npm-react/docs/jsx-runtime.md
new file mode 100644
index 000000000..183aeb818
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-react/docs/jsx-runtime.md
@@ -0,0 +1,393 @@
+# JSX Runtime
+
+The JSX runtime provides low-level functions used by transpilers to convert JSX syntax into JavaScript function calls. These functions are typically not used directly but are important for understanding how JSX works under the hood.
+
+## Capabilities
+
+### jsx (Production Runtime)
+
+Creates React elements from JSX in production mode.
+
+```javascript { .api }
+/**
+ * Creates React element from JSX (production)
+ * @param type - Element type (component, HTML tag, etc.)
+ * @param props - Element props including children
+ * @param key - Optional element key
+ * @returns React element
+ */
+function jsx(type: any, props: any, key?: any): ReactElement;
+```
+
+**Usage Examples:**
+
+```javascript
+// Note: These functions are typically called by transpilers, not directly
+
+// JSX syntax
+const element = <div className="container">Hello World</div>;
+
+// Transpiles to jsx() call
+const element = jsx('div', { 
+  className: 'container', 
+  children: 'Hello World' 
+});
+
+// Component JSX
+const MyComponent = ({ name }) => <h1>Hello {name}</h1>;
+const componentElement = <MyComponent name="John" />;
+
+// Transpiles to
+const componentElement = jsx(MyComponent, { name: 'John' });
+
+// JSX with key
+const listItem = <li key="item-1">First item</li>;
+
+// Transpiles to
+const listItem = jsx('li', { children: 'First item' }, 'item-1');
+
+// Self-closing JSX
+const input = <input type="text" placeholder="Enter name" />;
+
+// Transpiles to
+const input = jsx('input', { 
+  type: 'text', 
+  placeholder: 'Enter name' 
+});
+
+// Nested JSX
+const nested = (
+  <div>
+    <h1>Title</h1>
+    <p>Content</p>
+  </div>
+);
+
+// Transpiles to
+const nested = jsx('div', {
+  children: [
+    jsx('h1', { children: 'Title' }),
+    jsx('p', { children: 'Content' })
+  ]
+});
+```
+
+### jsxs (Production Runtime with Static Children)
+
+Creates React elements with static children (optimization for multiple children known at compile time).
+
+```javascript { .api }
+/**
+ * Creates React element with static children (production)
+ * @param type - Element type (component, HTML tag, etc.)
+ * @param props - Element props including children array
+ * @param key - Optional element key
+ * @returns React element
+ */
+function jsxs(type: any, props: any, key?: any): ReactElement;
+```
+
+**Usage Examples:**
+
+```javascript
+// JSX with multiple static children
+const container = (
+  <div>
+    <h1>Title</h1>
+    <p>Paragraph 1</p>
+    <p>Paragraph 2</p>
+  </div>
+);
+
+// Transpiles to jsxs() for static children optimization
+const container = jsxs('div', {
+  children: [
+    jsx('h1', { children: 'Title' }),
+    jsx('p', { children: 'Paragraph 1' }),
+    jsx('p', { children: 'Paragraph 2' })
+  ]
+});
+
+// List with static items
+const list = (
+  <ul>
+    <li>Item 1</li>
+    <li>Item 2</li>
+    <li>Item 3</li>
+  </ul>
+);
+
+// Transpiles to
+const list = jsxs('ul', {
+  children: [
+    jsx('li', { children: 'Item 1' }),
+    jsx('li', { children: 'Item 2' }),
+    jsx('li', { children: 'Item 3' })
+  ]
+});
+
+// Form with static structure
+const form = (
+  <form>
+    <label htmlFor="name">Name:</label>
+    <input id="name" type="text" />
+    <button type="submit">Submit</button>
+  </form>
+);
+
+// Transpiles to jsxs() for performance
+const form = jsxs('form', {
+  children: [
+    jsx('label', { htmlFor: 'name', children: 'Name:' }),
+    jsx('input', { id: 'name', type: 'text' }),
+    jsx('button', { type: 'submit', children: 'Submit' })
+  ]
+});
+```
+
+### jsxDEV (Development Runtime)
+
+Creates React elements with additional development-time information for debugging.
+
+```javascript { .api }
+/**
+ * Creates React element with development info
+ * @param type - Element type (component, HTML tag, etc.)
+ * @param props - Element props including children
+ * @param key - Optional element key
+ * @param isStaticChildren - Whether children are static
+ * @param source - Source location information
+ * @param self - Component instance info
+ * @returns React element with debug information
+ */
+function jsxDEV(
+  type: any, 
+  props: any, 
+  key?: any, 
+  isStaticChildren?: boolean, 
+  source?: any, 
+  self?: any
+): ReactElement;
+```
+
+**Usage Examples:**
+
+```javascript
+// In development mode, JSX includes additional debug info
+
+// JSX in development
+const element = <div className="container">Hello World</div>;
+
+// Transpiles to jsxDEV() with source information
+const element = jsxDEV('div', {
+  className: 'container',
+  children: 'Hello World'
+}, undefined, false, {
+  fileName: '/src/components/MyComponent.js',
+  lineNumber: 15,
+  columnNumber: 10
+}, this);
+
+// Component JSX in development
+const MyComponent = ({ name }) => {
+  return <h1>Hello {name}</h1>;
+};
+
+// Transpiles to jsxDEV() with debugging context
+const componentJSX = jsxDEV('h1', {
+  children: ['Hello ', name]
+}, undefined, true, {
+  fileName: '/src/components/MyComponent.js',
+  lineNumber: 3,
+  columnNumber: 10
+}, this);
+
+// Development warnings and errors use this info
+function ProblematicComponent() {
+  // This will show clear error location in dev tools
+  return (
+    <div>
+      <UnknownComponent />  {/* Clear error with file/line info */}
+    </div>
+  );
+}
+```
+
+### Fragment
+
+JSX Fragment component available in JSX runtime for grouping elements.
+
+```javascript { .api }
+/**
+ * Fragment component for JSX runtime
+ */
+const Fragment: ExoticComponent<{ children?: ReactNode }>;
+```
+
+**Usage Examples:**
+
+```javascript
+import { Fragment } from 'react/jsx-runtime';
+
+// Fragment in JSX
+const elements = (
+  <>
+    <h1>Title</h1>
+    <p>Content</p>
+  </>
+);
+
+// Transpiles to
+const elements = jsx(Fragment, {
+  children: [
+    jsx('h1', { children: 'Title' }),
+    jsx('p', { children: 'Content' })
+  ]
+});
+
+// Fragment with key (useful in lists)
+const listItems = items.map(item => (
+  <Fragment key={item.id}>
+    <dt>{item.term}</dt>
+    <dd>{item.definition}</dd>
+  </Fragment>
+));
+
+// Transpiles to
+const listItems = items.map(item => 
+  jsx(Fragment, {
+    children: [
+      jsx('dt', { children: item.term }),
+      jsx('dd', { children: item.definition })
+    ]
+  }, item.id)
+);
+
+// Conditional Fragment
+function ConditionalContent({ showDetails, data }) {
+  return (
+    <div>
+      <h2>Summary</h2>
+      {showDetails && (
+        <>
+          <p>Details: {data.details}</p>
+          <p>Updated: {data.lastModified}</p>
+        </>
+      )}
+    </div>
+  );
+}
+
+// Function returning Fragment
+function renderUserInfo(user) {
+  return (
+    <>
+      <span className="user-name">{user.name}</span>
+      <span className="user-email">({user.email})</span>
+    </>
+  );
+}
+```
+
+## Transpiler Configuration
+
+### Automatic JSX Runtime
+
+Modern React transpiler configuration uses the automatic JSX runtime:
+
+```javascript
+// babel.config.js
+{
+  "presets": [
+    ["@babel/preset-react", {
+      "runtime": "automatic" // Uses jsx/jsxs imports automatically
+    }]
+  ]
+}
+
+// webpack.config.js (for esbuild)
+{
+  loader: 'esbuild-loader',
+  options: {
+    jsx: 'automatic' // Uses React 17+ JSX transform
+  }
+}
+
+// tsconfig.json
+{
+  "compilerOptions": {
+    "jsx": "react-jsx" // TypeScript automatic JSX
+  }
+}
+```
+
+### Classic JSX Runtime (Legacy)
+
+Older configuration that requires React to be in scope:
+
+```javascript
+// babel.config.js (legacy)
+{
+  "presets": [
+    ["@babel/preset-react", {
+      "runtime": "classic" // Requires React import
+    }]
+  ]
+}
+
+// Requires this import in every file with JSX
+import React from 'react';
+
+// JSX transpiles to React.createElement calls
+const element = <div>Hello</div>;
+// Becomes: React.createElement('div', null, 'Hello');
+```
+
+## Runtime Import Patterns
+
+```javascript
+// Automatic imports (handled by transpiler)
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsxDEV, Fragment } from 'react/jsx-dev-runtime';
+
+// Manual imports (rarely needed)
+import { jsx } from 'react/jsx-runtime';
+
+const manualElement = jsx('div', {
+  className: 'manual',
+  children: 'Manually created element'
+});
+```
+
+## Types
+
+```javascript { .api }
+// JSX runtime function types
+function jsx(type: any, props: any, key?: any): ReactElement;
+function jsxs(type: any, props: any, key?: any): ReactElement;
+function jsxDEV(
+  type: any,
+  props: any,
+  key?: any,
+  isStaticChildren?: boolean,
+  source?: any,
+  self?: any
+): ReactElement;
+
+// Fragment type
+const Fragment: ExoticComponent<{ children?: ReactNode }>;
+
+// Source information type (development)
+interface ReactSource {
+  fileName: string;
+  lineNumber: number;
+  columnNumber: number;
+}
+
+// JSX element type
+interface ReactElement<P = any> {
+  type: any;
+  props: P;
+  key: string | number | null;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-react/docs/refs.md b/.tessl/tiles/tessl/npm-react/docs/refs.md
new file mode 100644
index 000000000..81c5623be
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-react/docs/refs.md
@@ -0,0 +1,679 @@
+# References & Utilities
+
+React provides utilities for creating and managing references to DOM elements and component instances, along with other helpful utility functions.
+
+## Capabilities
+
+### createRef
+
+Creates a ref object for class components to access DOM elements or component instances.
+
+```javascript { .api }
+/**
+ * Creates a ref object for class components
+ * @returns Ref object with current property
+ */
+function createRef<T = any>(): RefObject<T>;
+
+interface RefObject<T> {
+  readonly current: T | null;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+import React, { createRef, Component } from 'react';
+
+// Basic DOM element access in class component
+class InputComponent extends Component {
+  constructor(props) {
+    super(props);
+    this.inputRef = createRef();
+  }
+  
+  componentDidMount() {
+    // Focus input when component mounts
+    this.inputRef.current.focus();
+  }
+  
+  getValue = () => {
+    return this.inputRef.current.value;
+  };
+  
+  clear = () => {
+    this.inputRef.current.value = '';
+    this.inputRef.current.focus();
+  };
+  
+  render() {
+    return (
+      <div>
+        <input
+          ref={this.inputRef}
+          type="text"
+          placeholder="Enter text"
+        />
+        <button onClick={this.clear}>Clear</button>
+      </div>
+    );
+  }
+}
+
+// Multiple refs in class component
+class FormComponent extends Component {
+  constructor(props) {
+    super(props);
+    this.nameRef = createRef();
+    this.emailRef = createRef();
+    this.submitButtonRef = createRef();
+  }
+  
+  handleSubmit = (e) => {
+    e.preventDefault();
+    
+    const formData = {
+      name: this.nameRef.current.value,
+      email: this.emailRef.current.value
+    };
+    
+    if (!formData.name) {
+      this.nameRef.current.focus();
+      return;
+    }
+    
+    if (!formData.email) {
+      this.emailRef.current.focus();
+      return;
+    }
+    
+    this.props.onSubmit(formData);
+  };
+  
+  render() {
+    return (
+      <form onSubmit={this.handleSubmit}>
+        <input
+          ref={this.nameRef}
+          type="text"
+          placeholder="Name"
+          required
+        />
+        
+        <input
+          ref={this.emailRef}
+          type="email"
+          placeholder="Email"
+          required
+        />
+        
+        <button ref={this.submitButtonRef} type="submit">
+          Submit
+        </button>
+      </form>
+    );
+  }
+}
+
+// Ref for custom component instance
+class CustomButton extends Component {
+  focus = () => {
+    this.buttonRef.current.focus();
+  };
+  
+  click = () => {
+    this.buttonRef.current.click();
+  };
+  
+  constructor(props) {
+    super(props);
+    this.buttonRef = createRef();
+  }
+  
+  render() {
+    return (
+      <button
+        ref={this.buttonRef}
+        className="custom-button"
+        onClick={this.props.onClick}
+      >
+        {this.props.children}
+      </button>
+    );
+  }
+}
+
+class ParentComponent extends Component {
+  constructor(props) {
+    super(props);
+    this.customButtonRef = createRef();
+  }
+  
+  handleFocusButton = () => {
+    this.customButtonRef.current.focus();
+  };
+  
+  render() {
+    return (
+      <div>
+        <CustomButton ref={this.customButtonRef} onClick={this.handleClick}>
+          Click Me
+        </CustomButton>
+        
+        <button onClick={this.handleFocusButton}>
+          Focus Custom Button
+        </button>
+      </div>
+    );
+  }
+}
+```
+
+### Ref Callbacks
+
+Alternative to ref objects using callback functions for more control over ref assignment.
+
+```javascript { .api }
+/**
+ * Callback ref function type
+ * @param instance - DOM element or component instance
+ */
+type RefCallback<T> = (instance: T | null) => void;
+```
+
+**Usage Examples:**
+
+```javascript
+import React, { Component } from 'react';
+
+// Callback ref with storage
+class CallbackRefExample extends Component {
+  constructor(props) {
+    super(props);
+    this.inputElement = null;
+  }
+  
+  setInputRef = (element) => {
+    this.inputElement = element;
+    
+    if (element) {
+      console.log('Input ref attached:', element);
+      // Perform setup when ref is attached
+      element.addEventListener('keydown', this.handleKeyDown);
+    } else {
+      console.log('Input ref detached');
+      // Cleanup when ref is detached
+      if (this.inputElement) {
+        this.inputElement.removeEventListener('keydown', this.handleKeyDown);
+      }
+    }
+  };
+  
+  handleKeyDown = (event) => {
+    if (event.key === 'Enter') {
+      this.handleSubmit();
+    }
+  };
+  
+  handleSubmit = () => {
+    if (this.inputElement) {
+      console.log('Input value:', this.inputElement.value);
+    }
+  };
+  
+  render() {
+    return (
+      <div>
+        <input
+          ref={this.setInputRef}
+          type="text"
+          placeholder="Press Enter to submit"
+        />
+      </div>
+    );
+  }
+}
+
+// Conditional ref assignment
+class ConditionalRefExample extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { shouldFocusOnMount: true };
+  }
+  
+  setInputRef = (element) => {
+    if (element && this.state.shouldFocusOnMount) {
+      element.focus();
+      this.setState({ shouldFocusOnMount: false });
+    }
+  };
+  
+  render() {
+    return (
+      <input
+        ref={this.setInputRef}
+        type="text"
+        placeholder="Auto-focused on mount"
+      />
+    );
+  }
+}
+
+// Dynamic ref management
+class DynamicRefsExample extends Component {
+  constructor(props) {
+    super(props);
+    this.itemRefs = new Map();
+  }
+  
+  setItemRef = (id) => (element) => {
+    if (element) {
+      this.itemRefs.set(id, element);
+    } else {
+      this.itemRefs.delete(id);
+    }
+  };
+  
+  scrollToItem = (id) => {
+    const element = this.itemRefs.get(id);
+    if (element) {
+      element.scrollIntoView({ behavior: 'smooth' });
+    }
+  };
+  
+  render() {
+    const { items } = this.props;
+    
+    return (
+      <div>
+        <div className="item-list">
+          {items.map(item => (
+            <div
+              key={item.id}
+              ref={this.setItemRef(item.id)}
+              className="item"
+            >
+              {item.content}
+            </div>
+          ))}
+        </div>
+        
+        <div className="controls">
+          {items.map(item => (
+            <button
+              key={item.id}
+              onClick={() => this.scrollToItem(item.id)}
+            >
+              Go to {item.id}
+            </button>
+          ))}
+        </div>
+      </div>
+    );
+  }
+}
+```
+
+### useId
+
+Generates stable unique IDs that are consistent between server and client rendering.
+
+```javascript { .api }
+/**
+ * Generates stable unique IDs for accessibility
+ * @returns Unique ID string
+ */
+function useId(): string;
+```
+
+**Usage Examples:**
+
+```javascript
+import React, { useId } from 'react';
+
+// Form field with accessibility
+function FormField({ label, type = 'text', required, error, ...props }) {
+  const id = useId();
+  const errorId = `${id}-error`;
+  const helpId = `${id}-help`;
+  
+  return (
+    <div className="form-field">
+      <label htmlFor={id}>
+        {label}
+        {required && <span className="required" aria-label="required">*</span>}
+      </label>
+      
+      <input
+        id={id}
+        type={type}
+        aria-describedby={error ? errorId : (props.help ? helpId : undefined)}
+        aria-invalid={!!error}
+        {...props}
+      />
+      
+      {props.help && (
+        <div id={helpId} className="help-text">
+          {props.help}
+        </div>
+      )}
+      
+      {error && (
+        <div id={errorId} className="error-message" role="alert">
+          {error}
+        </div>
+      )}
+    </div>
+  );
+}
+
+// Usage
+function LoginForm() {
+  return (
+    <form>
+      <FormField
+        label="Email"
+        type="email"
+        required
+        help="We'll never share your email"
+      />
+      
+      <FormField
+        label="Password"
+        type="password"
+        required
+        error="Password must be at least 8 characters"
+      />
+    </form>
+  );
+}
+
+// Multiple IDs in one component
+function TabPanel({ tabs, activeTab, onTabChange }) {
+  const tablistId = useId();
+  const panelIdPrefix = useId();
+  
+  return (
+    <div>
+      <div role="tablist" id={tablistId} aria-label="Content tabs">
+        {tabs.map((tab, index) => (
+          <button
+            key={index}
+            role="tab"
+            id={`${tablistId}-tab-${index}`}
+            aria-controls={`${panelIdPrefix}-panel-${index}`}
+            aria-selected={index === activeTab}
+            onClick={() => onTabChange(index)}
+          >
+            {tab.title}
+          </button>
+        ))}
+      </div>
+      
+      {tabs.map((tab, index) => (
+        <div
+          key={index}
+          role="tabpanel"
+          id={`${panelIdPrefix}-panel-${index}`}
+          aria-labelledby={`${tablistId}-tab-${index}`}
+          hidden={index !== activeTab}
+        >
+          {tab.content}
+        </div>
+      ))}
+    </div>
+  );
+}
+
+// Dialog with proper ARIA relationships
+function Dialog({ isOpen, title, children, onClose }) {
+  const dialogId = useId();
+  const titleId = useId();
+  const descriptionId = useId();
+  
+  if (!isOpen) return null;
+  
+  return (
+    <div
+      role="dialog"
+      id={dialogId}
+      aria-labelledby={titleId}
+      aria-describedby={descriptionId}
+      aria-modal="true"
+    >
+      <h2 id={titleId}>{title}</h2>
+      
+      <div id={descriptionId}>
+        {children}
+      </div>
+      
+      <button onClick={onClose} aria-label="Close dialog">
+        ×
+      </button>
+    </div>
+  );
+}
+
+// Nested component IDs
+function NestedForm() {
+  const formId = useId();
+  
+  return (
+    <form id={formId}>
+      <fieldset>
+        <legend>Personal Information</legend>
+        <FormField label="First Name" required />
+        <FormField label="Last Name" required />
+      </fieldset>
+      
+      <fieldset>
+        <legend>Contact Information</legend>
+        <FormField label="Email" type="email" required />
+        <FormField label="Phone" type="tel" />
+      </fieldset>
+    </form>
+  );
+}
+```
+
+### act (Testing Utility)
+
+Ensures that updates related to "units" of interaction with a user interface have been processed and applied to the DOM before making assertions.
+
+```javascript { .api }
+/**
+ * Wraps test interactions to ensure proper effect flushing
+ * @param callback - Function containing component interactions
+ * @returns Promise that resolves when effects are flushed
+ */
+function act(callback: () => void | Promise<void>): Promise<void>;
+```
+
+**Usage Examples:**
+
+```javascript
+import React, { useState, useEffect } from 'react';
+import { act, render, fireEvent } from '@testing-library/react';
+
+// Component for testing
+function Counter() {
+  const [count, setCount] = useState(0);
+  const [message, setMessage] = useState('');
+  
+  useEffect(() => {
+    setMessage(`Count is ${count}`);
+  }, [count]);
+  
+  return (
+    <div>
+      <p data-testid="count">{count}</p>
+      <p data-testid="message">{message}</p>
+      <button onClick={() => setCount(count + 1)}>Increment</button>
+    </div>
+  );
+}
+
+// Test with act
+test('counter updates correctly', async () => {
+  const { getByTestId, getByRole } = render(<Counter />);
+  const button = getByRole('button', { name: 'Increment' });
+  
+  // Wrap interactions in act
+  await act(async () => {
+    fireEvent.click(button);
+  });
+  
+  expect(getByTestId('count')).toHaveTextContent('1');
+  expect(getByTestId('message')).toHaveTextContent('Count is 1');
+});
+
+// Component with async effects
+function AsyncDataComponent({ userId }) {
+  const [user, setUser] = useState(null);
+  const [loading, setLoading] = useState(true);
+  
+  useEffect(() => {
+    let cancelled = false;
+    
+    fetchUser(userId).then(userData => {
+      if (!cancelled) {
+        setUser(userData);
+        setLoading(false);
+      }
+    });
+    
+    return () => {
+      cancelled = true;
+    };
+  }, [userId]);
+  
+  if (loading) return <div>Loading...</div>;
+  
+  return <div>User: {user.name}</div>;
+}
+
+// Test async effects with act
+test('loads user data', async () => {
+  const mockUser = { id: 1, name: 'John Doe' };
+  jest.spyOn(global, 'fetchUser').mockResolvedValue(mockUser);
+  
+  const { getByText } = render(<AsyncDataComponent userId={1} />);
+  
+  expect(getByText('Loading...')).toBeInTheDocument();
+  
+  // Wait for async effects to complete
+  await act(async () => {
+    await new Promise(resolve => setTimeout(resolve, 0));
+  });
+  
+  expect(getByText('User: John Doe')).toBeInTheDocument();
+});
+
+// Testing state updates
+test('handles multiple state updates', async () => {
+  function MultiStateComponent() {
+    const [count, setCount] = useState(0);
+    const [doubled, setDoubled] = useState(0);
+    
+    const handleClick = () => {
+      setCount(c => c + 1);
+      setDoubled(c => (c + 1) * 2);
+    };
+    
+    return (
+      <div>
+        <span data-testid="count">{count}</span>
+        <span data-testid="doubled">{doubled}</span>
+        <button onClick={handleClick}>Update</button>
+      </div>
+    );
+  }
+  
+  const { getByTestId, getByRole } = render(<MultiStateComponent />);
+  
+  await act(async () => {
+    fireEvent.click(getByRole('button'));
+  });
+  
+  expect(getByTestId('count')).toHaveTextContent('1');
+  expect(getByTestId('doubled')).toHaveTextContent('2');
+});
+```
+
+### version
+
+The React library version string.
+
+```javascript { .api }
+/**
+ * React library version string
+ */
+const version: string;
+```
+
+**Usage Examples:**
+
+```javascript
+import React from 'react';
+
+// Access version from React object
+console.log(`React version: ${React.version}`);
+
+// Or import directly
+import { version } from 'react';
+console.log(`React version: ${version}`);
+
+// Feature detection based on version
+function checkReactVersion() {
+  const [major, minor] = version.split('.').map(Number);
+  
+  if (major >= 18) {
+    console.log('React 18+ features available');
+    return 'concurrent';
+  } else if (major >= 17) {
+    console.log('React 17+ features available');
+    return 'modern';
+  } else {
+    console.log('Older React version');
+    return 'legacy';
+  }
+}
+
+// Runtime version logging
+function logReactInfo() {
+  console.log({
+    reactVersion: version,
+    buildMode: process.env.NODE_ENV,
+    timestamp: new Date().toISOString()
+  });
+}
+```
+
+## Types
+
+```javascript { .api }
+// Ref types
+interface RefObject<T> {
+  readonly current: T | null;
+}
+
+interface MutableRefObject<T> {
+  current: T;
+}
+
+type Ref<T> = RefCallback<T> | RefObject<T> | null;
+type RefCallback<T> = (instance: T | null) => void;
+type LegacyRef<T> = string | Ref<T>;
+
+// Create ref function
+function createRef<T = any>(): RefObject<T>;
+
+// Hook for IDs
+function useId(): string;
+
+// Testing utility
+function act(callback: () => void | Promise<void>): Promise<void>;
+
+// Version
+const version: string;
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-react/tile.json b/.tessl/tiles/tessl/npm-react/tile.json
new file mode 100644
index 000000000..9ffe61a2f
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-react/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-react",
+  "version": "18.3.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/react@18.3.1",
+  "summary": "React is a JavaScript library for building user interfaces with declarative, component-based architecture."
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-remark-gfm/docs/index.md b/.tessl/tiles/tessl/npm-remark-gfm/docs/index.md
new file mode 100644
index 000000000..dfd620993
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-remark-gfm/docs/index.md
@@ -0,0 +1,216 @@
+# remark-gfm
+
+remark-gfm is a plugin for the remark markdown processor that adds support for GitHub Flavored Markdown (GFM) extensions. It enables parsing and serialization of autolink literals, footnotes, strikethrough, tables, and task lists in markdown documents.
+
+## Package Information
+
+- **Package Name**: remark-gfm
+- **Package Type**: npm
+- **Language**: JavaScript (with TypeScript definitions)
+- **Installation**: `npm install remark-gfm`
+
+## Core Imports
+
+ESM (recommended):
+
+```javascript
+import remarkGfm from 'remark-gfm';
+```
+
+For TypeScript users with type annotations:
+
+```typescript
+import remarkGfm, {type Options} from 'remark-gfm';
+```
+
+CommonJS:
+
+```javascript
+const remarkGfm = require('remark-gfm');
+```
+
+## Basic Usage
+
+```javascript
+import {unified} from 'unified';
+import remarkParse from 'remark-parse';
+import remarkRehype from 'remark-rehype';
+import rehypeStringify from 'rehype-stringify';
+import remarkGfm from 'remark-gfm';
+
+const processor = unified()
+  .use(remarkParse)
+  .use(remarkGfm)
+  .use(remarkRehype)
+  .use(rehypeStringify);
+
+const result = await processor.process('~~strikethrough~~ and www.example.com');
+```
+
+## Capabilities
+
+### Plugin Function
+
+The main function that adds GFM support to a remark processor.
+
+```typescript { .api }
+/**
+ * Add support for GFM (autolink literals, footnotes, strikethrough, tables, tasklists)
+ * @param options - Configuration options (optional)
+ * @returns Nothing (undefined)
+ */
+declare function remarkGfm(options?: Options | null | undefined): undefined;
+export default remarkGfm;
+```
+
+**Usage Examples:**
+
+```javascript
+import {unified} from 'unified';
+import remarkParse from 'remark-parse';
+import remarkGfm from 'remark-gfm';
+
+// Basic usage without options
+const processor = unified()
+  .use(remarkParse)
+  .use(remarkGfm);
+
+// With options
+const processor = unified()
+  .use(remarkParse)
+  .use(remarkGfm, {
+    singleTilde: false,
+    tablePipeAlign: true
+  });
+
+// TypeScript usage with explicit types
+import type {Options} from 'remark-gfm';
+
+const options: Options = {
+  singleTilde: false,
+  stringLength: (value: string) => value.length,
+  tablePipeAlign: true,
+  tableCellPadding: true
+};
+
+const processor = unified()
+  .use(remarkParse)
+  .use(remarkGfm, options);
+```
+
+### Configuration Options
+
+Options interface for customizing remark-gfm behavior.
+
+```typescript { .api }
+export interface Options {
+  /**
+   * Whether to support strikethrough with a single tilde.
+   * Single tildes work on github.com but are technically prohibited by GFM.
+   * You can always use 2 or more tildes for strikethrough.
+   * @default true
+   */
+  singleTilde?: boolean;
+
+  /**
+   * Whether to serialize with a blank line for the first line of footnote definitions.
+   * @default false
+   */
+  firstLineBlank?: boolean;
+
+  /**
+   * Function to detect the size of table cells, used when aligning cells.
+   * @default (value) => value.length
+   */
+  stringLength?: (value: string) => number;
+
+  /**
+   * Whether to align table pipes in serialized output.
+   * @default true
+   */
+  tablePipeAlign?: boolean;
+
+  /**
+   * Whether to add a space of padding between table pipes and cells.
+   * @default true
+   */
+  tableCellPadding?: boolean;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+import remarkGfm from 'remark-gfm';
+import stringWidth from 'string-width';
+
+// Disable single tilde strikethrough
+processor.use(remarkGfm, {
+  singleTilde: false
+});
+
+// Custom string length for Unicode-aware table alignment
+processor.use(remarkGfm, {
+  stringLength: stringWidth
+});
+
+// Disable table formatting
+processor.use(remarkGfm, {
+  tablePipeAlign: false,
+  tableCellPadding: false
+});
+```
+
+## GitHub Flavored Markdown Features
+
+This plugin adds support for the following GFM extensions:
+
+### Autolink Literals
+Automatically converts URLs and email addresses to links:
+- `www.example.com` → `<a href="http://www.example.com">www.example.com</a>`
+- `https://example.com` → `<a href="https://example.com">https://example.com</a>`
+- `contact@example.com` → `<a href="mailto:contact@example.com">contact@example.com</a>`
+
+### Footnotes
+Support for footnote syntax:
+```markdown
+Here is a footnote reference[^1].
+
+[^1]: Here is the footnote definition.
+```
+
+### Strikethrough
+Support for strikethrough text:
+- `~~two tildes~~` (standard GFM)
+- `~one tilde~` (GitHub extension, can be disabled with `singleTilde: false`)
+
+### Tables
+Support for GitHub-style tables:
+```markdown
+| Header 1 | Header 2 |
+| -------- | -------- |
+| Cell 1   | Cell 2   |
+```
+
+With alignment:
+```markdown
+| Left | Center | Right |
+| :--- | :----: | ----: |
+| L    |   C    |     R |
+```
+
+### Task Lists
+Support for task list items:
+```markdown
+- [ ] Incomplete task
+- [x] Complete task
+```
+
+## Integration Notes
+
+- Requires `unified` ecosystem with `remark-parse` for parsing
+- Use with `remark-stringify` for serialization back to markdown
+- Compatible with `remark-rehype` for HTML conversion
+- Works with Node.js 16+ and modern browsers (ESM)
+- Integrates with micromark extensions for low-level parsing
+- Uses mdast utilities for syntax tree manipulation
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-remark-gfm/tile.json b/.tessl/tiles/tessl/npm-remark-gfm/tile.json
new file mode 100644
index 000000000..4a6a4f0da
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-remark-gfm/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-remark-gfm",
+  "version": "4.0.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/remark-gfm@4.0.1",
+  "summary": "remark plugin to support GitHub Flavored Markdown (GFM) features including autolink literals, footnotes, strikethrough, tables, and task lists"
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-sharp/docs/color-channels.md b/.tessl/tiles/tessl/npm-sharp/docs/color-channels.md
new file mode 100644
index 000000000..74b936f43
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-sharp/docs/color-channels.md
@@ -0,0 +1,435 @@
+# Color and Channels
+
+Sharp provides comprehensive color space management and channel manipulation capabilities for professional image processing workflows.
+
+## Capabilities
+
+### Color Space Management
+
+Convert between different color spaces and manage pipeline color processing.
+
+```javascript { .api }
+/**
+ * Set pipeline color space for internal processing
+ * @param colourspace - Pipeline color space identifier
+ * @returns Sharp instance for chaining
+ */
+pipelineColourspace(colourspace?: string): Sharp;
+
+/**
+ * Alternative spelling of pipelineColourspace
+ * @param colorspace - Pipeline color space identifier
+ * @returns Sharp instance for chaining
+ */
+pipelineColorspace(colorspace?: string): Sharp;
+
+/**
+ * Set output color space
+ * @param colourspace - Output color space identifier
+ * @returns Sharp instance for chaining
+ */
+toColourspace(colourspace?: string): Sharp;
+
+/**
+ * Alternative spelling of toColourspace
+ * @param colorspace - Output color space identifier
+ * @returns Sharp instance for chaining
+ */
+toColorspace(colorspace?: string): Sharp;
+```
+
+**Supported Color Spaces:**
+- `srgb` - Standard RGB (default output)
+- `rgb` - Linear RGB
+- `rgb16` - 16-bit RGB
+- `scrgb` - scRGB color space
+- `cmyk` - CMYK for print
+- `lab` - LAB color space
+- `lch` - LCH color space
+- `hsv` - HSV color space
+- `xyz` - XYZ color space
+- `b-w` - Black and white (single channel)
+- `grey16` - 16-bit greyscale
+- `multiband` - Multiple bands
+
+**Usage Examples:**
+
+```javascript
+// Set pipeline to work in LAB color space
+await sharp('input.jpg')
+  .pipelineColourspace('lab')
+  .modulate({ lightness: 10 })
+  .toColourspace('srgb')
+  .toFile('lab-processed.jpg');
+
+// Convert to CMYK for print
+await sharp('input.jpg')
+  .toColorspace('cmyk')
+  .tiff()
+  .toFile('print-ready.tiff');
+
+// High bit depth processing
+await sharp('input.tiff')
+  .pipelineColorspace('rgb16')
+  .gamma(2.2)
+  .toColorspace('srgb')
+  .toFile('processed-16bit.jpg');
+```
+
+### Color Tinting
+
+Apply color tints to images.
+
+```javascript { .api }
+/**
+ * Tint image using specified color
+ * @param tint - Color for tinting (string or RGBA object)
+ * @returns Sharp instance for chaining
+ */
+tint(tint: string | RGBA): Sharp;
+
+interface RGBA {
+  r?: number;
+  g?: number;
+  b?: number;
+  alpha?: number;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// Sepia tint using color string
+await sharp('input.jpg')
+  .tint('#704214')
+  .toFile('sepia.jpg');
+
+// Blue tint using RGBA object
+await sharp('input.jpg')
+  .tint({ r: 100, g: 150, b: 255 })
+  .toFile('blue-tinted.jpg');
+
+// Subtle warm tint
+await sharp('input.jpg')
+  .tint('rgb(255, 240, 220)')
+  .toFile('warm-tinted.jpg');
+```
+
+### Greyscale Conversion
+
+Convert images to greyscale with proper gamma handling.
+
+```javascript { .api }
+/**
+ * Convert to 8-bit greyscale
+ * @param greyscale - Enable greyscale conversion (defaults to true)
+ * @returns Sharp instance for chaining
+ */
+greyscale(greyscale?: boolean): Sharp;
+
+/**
+ * Alternative spelling of greyscale
+ * @param grayscale - Enable greyscale conversion (defaults to true)
+ * @returns Sharp instance for chaining
+ */
+grayscale(grayscale?: boolean): Sharp;
+```
+
+**Usage Examples:**
+
+```javascript
+// Basic greyscale conversion
+await sharp('input.jpg')
+  .greyscale()
+  .toFile('greyscale.jpg');
+
+// Greyscale with gamma correction for better results
+await sharp('input.jpg')
+  .gamma(2.2)
+  .greyscale()
+  .gamma(1/2.2)
+  .toFile('gamma-corrected-grey.jpg');
+
+// Conditional greyscale
+const shouldConvert = true;
+await sharp('input.jpg')
+  .grayscale(shouldConvert)
+  .toFile('output.jpg');
+```
+
+### Alpha Channel Management
+
+Control transparency channels in images.
+
+```javascript { .api }
+/**
+ * Remove alpha channel if present
+ * @returns Sharp instance for chaining
+ */
+removeAlpha(): Sharp;
+
+/**
+ * Ensure alpha channel exists
+ * @param alpha - Transparency level (0-1, defaults to 1)
+ * @returns Sharp instance for chaining
+ */
+ensureAlpha(alpha?: number): Sharp;
+
+/**
+ * Merge alpha channel with background
+ * @param flatten - Enable flattening or options
+ * @returns Sharp instance for chaining
+ */
+flatten(flatten?: boolean | FlattenOptions): Sharp;
+
+/**
+ * Make white pixels fully transparent
+ * @returns Sharp instance for chaining
+ */
+unflatten(): Sharp;
+
+interface FlattenOptions {
+  /** Background color for flattening */
+  background?: string | RGBA;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// Remove alpha channel
+await sharp('input.png')
+  .removeAlpha()
+  .jpeg()
+  .toFile('no-alpha.jpg');
+
+// Add alpha channel
+await sharp('input.jpg')
+  .ensureAlpha(0.8)
+  .png()
+  .toFile('semi-transparent.png');
+
+// Flatten with custom background
+await sharp('input.png')
+  .flatten({ background: '#ffffff' })
+  .jpeg()
+  .toFile('flattened-white.jpg');
+
+// Make white areas transparent
+await sharp('input.jpg')
+  .unflatten()
+  .png()
+  .toFile('white-transparent.png');
+```
+
+### Channel Extraction and Manipulation
+
+Extract and manipulate individual color channels.
+
+```javascript { .api }
+/**
+ * Extract single channel from multi-channel image
+ * @param channel - Channel to extract (0-3 or color name)
+ * @returns Sharp instance for chaining
+ */
+extractChannel(channel: 0 | 1 | 2 | 3 | 'red' | 'green' | 'blue' | 'alpha'): Sharp;
+
+/**
+ * Join additional channels to image
+ * @param images - Channel images to join
+ * @param options - Options for channel images
+ * @returns Sharp instance for chaining
+ */
+joinChannel(images: string | Buffer | (string | Buffer)[], options?: SharpOptions): Sharp;
+
+/**
+ * Perform bitwise boolean operation on all channels
+ * @param boolOp - Boolean operation type
+ * @returns Sharp instance for chaining
+ */
+bandbool(boolOp: 'and' | 'or' | 'eor'): Sharp;
+```
+
+**Usage Examples:**
+
+```javascript
+// Extract red channel
+await sharp('input.jpg')
+  .extractChannel('red')
+  .toFile('red-channel.jpg');
+
+// Extract alpha channel
+await sharp('input.png')
+  .extractChannel(3)
+  .toFile('alpha-mask.png');
+
+// Join additional channels
+const baseImage = sharp('rgb-input.jpg');
+const alphaChannel = sharp('alpha-mask.png');
+
+await baseImage
+  .joinChannel(alphaChannel.toBuffer(), { raw: { width: 800, height: 600, channels: 1 } })
+  .png()
+  .toFile('rgba-output.png');
+
+// Boolean operation across channels
+await sharp('input.png')
+  .bandbool('and')
+  .toFile('channels-and.png');
+```
+
+### Advanced Channel Operations
+
+Perform bitwise operations between images.
+
+```javascript { .api }
+/**
+ * Perform bitwise boolean operation with operand image
+ * @param operand - Operand image (Buffer or file path)
+ * @param operator - Boolean operation type
+ * @param options - Options for raw pixel data
+ * @returns Sharp instance for chaining
+ */
+boolean(operand: string | Buffer, operator: 'and' | 'or' | 'eor', options?: BooleanOptions): Sharp;
+
+interface BooleanOptions {
+  /** Raw pixel data description */
+  raw?: Raw;
+}
+
+interface Raw {
+  width: number;
+  height: number;
+  channels: 1 | 2 | 3 | 4;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// AND operation with mask
+await sharp('input.png')
+  .boolean('mask.png', 'and')
+  .toFile('masked.png');
+
+// XOR operation for difference detection
+await sharp('image1.png')
+  .boolean('image2.png', 'eor')
+  .toFile('differences.png');
+
+// OR operation for combining masks
+await sharp('mask1.png')
+  .boolean('mask2.png', 'or')
+  .toFile('combined-mask.png');
+```
+
+## Color Constants and Utilities
+
+Sharp provides constants for color-related operations.
+
+```javascript { .api }
+// Available via sharp.bool
+interface BoolEnum {
+  and: 'and';
+  or: 'or';
+  eor: 'eor';
+}
+
+// Available color spaces
+interface ColourspaceEnum {
+  'b-w': string;
+  'cmc': string;
+  'cmyk': string;
+  'fourier': string;
+  'grey16': string;
+  'histogram': string;
+  'hsv': string;
+  'lab': string;
+  'labq': string;
+  'labs': string;
+  'lch': string;
+  'matrix': string;
+  'multiband': string;
+  'rgb': string;
+  'rgb16': string;
+  'scrgb': string;
+  'srgb': string;
+  'xyz': string;
+  'yxy': string;
+}
+```
+
+**Usage Example:**
+
+```javascript
+// Using boolean constants
+await sharp('input.png')
+  .boolean('mask.png', sharp.bool.and)
+  .toFile('result.png');
+```
+
+## Color Processing Patterns
+
+**Color Grading Workflow:**
+
+```javascript
+const colorGrade = async (input, output) => {
+  await sharp(input)
+    .pipelineColourspace('lab')
+    .modulate({
+      brightness: 1.05,
+      saturation: 1.1
+    })
+    .linear([1.02, 0.98, 1.01], [5, -2, 8])
+    .toColourspace('srgb')
+    .toFile(output);
+};
+```
+
+**Channel Mixing for B&W:**
+
+```javascript
+const customBW = async (input, output) => {
+  await sharp(input)
+    .recomb([
+      [0.299, 0.587, 0.114],  // Luminance weights
+      [0.299, 0.587, 0.114],
+      [0.299, 0.587, 0.114]
+    ])
+    .toFile(output);
+};
+```
+
+**Alpha Compositing:**
+
+```javascript
+const alphaComposite = async (base, overlay, output) => {
+  const baseImage = sharp(base);
+  const overlayWithAlpha = await sharp(overlay)
+    .ensureAlpha(0.7)
+    .toBuffer();
+    
+  await baseImage
+    .composite([{
+      input: overlayWithAlpha,
+      blend: 'over'
+    }])
+    .toFile(output);
+};
+```
+
+## Type Definitions
+
+```javascript { .api }
+type Colour = string | RGBA;
+type Color = Colour; // Alternative spelling
+
+interface RGBA {
+  r?: number;
+  g?: number;
+  b?: number;
+  alpha?: number;
+}
+
+type Channels = 1 | 2 | 3 | 4;
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-sharp/docs/composition.md b/.tessl/tiles/tessl/npm-sharp/docs/composition.md
new file mode 100644
index 000000000..b07cae61b
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-sharp/docs/composition.md
@@ -0,0 +1,396 @@
+# Image Composition
+
+Sharp provides powerful image composition capabilities for overlaying, blending, and combining multiple images with precise control over positioning and blend modes.
+
+## Capabilities
+
+### Image Compositing
+
+Overlay multiple images with various blend modes and positioning options.
+
+```javascript { .api }
+/**
+ * Composite multiple images over the processed image
+ * @param images - Array of overlay specifications
+ * @returns Sharp instance for chaining
+ */
+composite(images: OverlayOptions[]): Sharp;
+
+interface OverlayOptions {
+  /** Input image (Buffer, file path, or creation object) */
+  input: string | Buffer | CreateInput;
+  /** Blend mode for compositing */
+  blend?: BlendMode;
+  /** Gravity-based positioning */
+  gravity?: GravityOption;
+  /** Pixel offset from top edge */
+  top?: number;
+  /** Pixel offset from left edge */
+  left?: number;
+  /** Repeat overlay across entire image */
+  tile?: boolean;
+  /** Overlay is already premultiplied */
+  premultiplied?: boolean;
+  /** DPI for vector overlays */
+  density?: number;
+  /** Read all frames for animated overlays */
+  animated?: boolean;
+}
+
+type CreateInput = { create: Create } | { text: CreateText } | { raw: CreateRaw };
+
+type BlendMode = 'clear' | 'source' | 'over' | 'in' | 'out' | 'atop' | 'dest' | 
+  'dest-over' | 'dest-in' | 'dest-out' | 'dest-atop' | 'xor' | 'add' | 'saturate' | 
+  'multiply' | 'screen' | 'overlay' | 'darken' | 'lighten' | 'colour-dodge' | 
+  'color-dodge' | 'colour-burn' | 'color-burn' | 'hard-light' | 'soft-light' | 
+  'difference' | 'exclusion';
+
+type GravityOption = 'north' | 'northeast' | 'east' | 'southeast' | 'south' | 
+  'southwest' | 'west' | 'northwest' | 'center' | 'centre';
+```
+
+**Usage Examples:**
+
+```javascript
+// Basic overlay
+await sharp('background.jpg')
+  .composite([{
+    input: 'logo.png',
+    gravity: 'southeast',
+    blend: 'over'
+  }])
+  .toFile('branded.jpg');
+
+// Multiple overlays with different blend modes
+await sharp('base.jpg')
+  .composite([
+    {
+      input: 'texture.png',
+      blend: 'multiply',
+      tile: true
+    },
+    {
+      input: 'spotlight.png',
+      blend: 'screen',
+      top: 100,
+      left: 200
+    },
+    {
+      input: 'watermark.png',
+      gravity: 'southeast',
+      blend: 'over'
+    }
+  ])
+  .toFile('composite.jpg');
+
+// Precise positioning
+await sharp('canvas.jpg')
+  .composite([{
+    input: 'overlay.png',
+    top: 50,
+    left: 100,
+    blend: 'source-over'
+  }])
+  .toFile('positioned.jpg');
+```
+
+### Blend Modes
+
+Different blend modes produce various visual effects when compositing images.
+
+**Porter-Duff Blend Modes:**
+- `clear` - Clear destination
+- `source` - Copy source, ignore destination
+- `over` - Source over destination (default)
+- `in` - Source where destination is opaque
+- `out` - Source where destination is transparent
+- `atop` - Source over destination, only where destination is opaque
+- `dest` - Keep destination, ignore source
+- `dest-over` - Destination over source
+- `dest-in` - Destination where source is opaque
+- `dest-out` - Destination where source is transparent
+- `dest-atop` - Destination over source, only where source is opaque
+- `xor` - Either source or destination, not both
+
+**Mathematical Blend Modes:**
+- `add` - Add source to destination
+- `saturate` - Saturated addition
+- `multiply` - Multiply source with destination
+- `screen` - Screen blend (inverse multiply)
+- `overlay` - Overlay blend
+
+**Photographic Blend Modes:**
+- `darken` - Keep darker pixels
+- `lighten` - Keep lighter pixels
+- `colour-dodge` / `color-dodge` - Brighten destination based on source
+- `colour-burn` / `color-burn` - Darken destination based on source
+- `hard-light` - Hard light blend
+- `soft-light` - Soft light blend
+- `difference` - Absolute difference
+- `exclusion` - Similar to difference but with lower contrast
+
+**Usage Examples:**
+
+```javascript
+// Multiply blend for shadows/textures
+await sharp('photo.jpg')
+  .composite([{
+    input: 'shadow-texture.png',
+    blend: 'multiply'
+  }])
+  .toFile('textured.jpg');
+
+// Screen blend for light effects
+await sharp('portrait.jpg')
+  .composite([{
+    input: 'light-rays.png',
+    blend: 'screen'
+  }])
+  .toFile('lit.jpg');
+
+// Difference blend for artistic effects
+await sharp('image1.jpg')
+  .composite([{
+    input: 'image2.jpg',
+    blend: 'difference'
+  }])
+  .toFile('artistic.jpg');
+```
+
+### Tiled Overlays
+
+Repeat overlays across the entire image surface.
+
+```javascript { .api }
+// Tile overlay example
+await sharp('large-canvas.jpg')
+  .composite([{
+    input: 'pattern.png',
+    tile: true,
+    blend: 'multiply'
+  }])
+  .toFile('patterned.jpg');
+
+// Tiled watermark
+await sharp('document.jpg')
+  .composite([{
+    input: 'watermark.png',
+    tile: true,
+    blend: 'over',
+    gravity: 'center'
+  }])
+  .toFile('watermarked.jpg');
+```
+
+### Dynamic Content Overlays
+
+Composite dynamically generated content.
+
+```javascript { .api }
+// Text overlay
+await sharp('photo.jpg')
+  .composite([{
+    input: {
+      text: {
+        text: 'Copyright 2024',
+        font: 'Arial',
+        rgba: true,
+        dpi: 150
+      }
+    },
+    gravity: 'southeast',
+    blend: 'over'
+  }])
+  .toFile('copyrighted.jpg');
+
+// Generated shape overlay
+await sharp('background.jpg')
+  .composite([{
+    input: {
+      create: {
+        width: 100,
+        height: 100,
+        channels: 4,
+        background: { r: 255, g: 0, b: 0, alpha: 0.5 }
+      }
+    },
+    top: 50,
+    left: 50,
+    blend: 'over'
+  }])
+  .toFile('with-shape.jpg');
+```
+
+### Advanced Composition Patterns
+
+**Multi-layer Composition:**
+
+```javascript
+const createComplexComposite = async (base, elements, output) => {
+  const layers = elements.map(element => ({
+    input: element.file,
+    top: element.y,
+    left: element.x,
+    blend: element.blend || 'over'
+  }));
+
+  await sharp(base)
+    .composite(layers)
+    .toFile(output);
+};
+
+// Usage
+await createComplexComposite('canvas.jpg', [
+  { file: 'layer1.png', x: 0, y: 0, blend: 'multiply' },
+  { file: 'layer2.png', x: 100, y: 50, blend: 'screen' },
+  { file: 'layer3.png', x: 200, y: 100, blend: 'overlay' }
+], 'composite.jpg');
+```
+
+**Conditional Overlays:**
+
+```javascript
+const addWatermark = async (input, output, addMark = true) => {
+  const pipeline = sharp(input);
+  
+  if (addMark) {
+    pipeline.composite([{
+      input: 'watermark.png',
+      gravity: 'southeast',
+      blend: 'over'
+    }]);
+  }
+  
+  await pipeline.toFile(output);
+};
+```
+
+**Batch Processing with Overlays:**
+
+```javascript
+const batchOverlay = async (inputDir, overlayFile, outputDir) => {
+  const files = await fs.readdir(inputDir);
+  
+  await Promise.all(
+    files.map(file => 
+      sharp(path.join(inputDir, file))
+        .composite([{
+          input: overlayFile,
+          gravity: 'northeast',
+          blend: 'over'
+        }])
+        .toFile(path.join(outputDir, file))
+    )
+  );
+};
+```
+
+**Smart Positioning:**
+
+```javascript
+const smartPosition = async (base, overlay, output) => {
+  const { width, height } = await sharp(base).metadata();
+  const { width: overlayWidth, height: overlayHeight } = await sharp(overlay).metadata();
+  
+  // Position overlay in bottom-right with margin
+  const margin = 20;
+  const left = width - overlayWidth - margin;
+  const top = height - overlayHeight - margin;
+  
+  await sharp(base)
+    .composite([{
+      input: overlay,
+      left,
+      top,
+      blend: 'over'
+    }])
+    .toFile(output);
+};
+```
+
+**Alpha Blending:**
+
+```javascript
+const alphaBlend = async (base, overlay, opacity, output) => {
+  // Apply opacity to overlay
+  const transparentOverlay = await sharp(overlay)
+    .ensureAlpha(opacity)
+    .toBuffer();
+  
+  await sharp(base)
+    .composite([{
+      input: transparentOverlay,
+      blend: 'over'
+    }])
+    .toFile(output);
+};
+```
+
+**Masked Composition:**
+
+```javascript
+const maskedComposite = async (base, overlay, mask, output) => {
+  // Apply mask to overlay
+  const maskedOverlay = await sharp(overlay)
+    .composite([{
+      input: mask,
+      blend: 'dest-in'
+    }])
+    .toBuffer();
+  
+  await sharp(base)
+    .composite([{
+      input: maskedOverlay,
+      blend: 'over'
+    }])
+    .toFile(output);
+};
+```
+
+## Constants and Utilities
+
+```javascript { .api }
+// Available via sharp.blend (conceptual - blend modes are strings)
+const blendModes = [
+  'clear', 'source', 'over', 'in', 'out', 'atop',
+  'dest', 'dest-over', 'dest-in', 'dest-out', 'dest-atop', 'xor',
+  'add', 'saturate', 'multiply', 'screen', 'overlay',
+  'darken', 'lighten', 'colour-dodge', 'color-dodge',
+  'colour-burn', 'color-burn', 'hard-light', 'soft-light',
+  'difference', 'exclusion'
+];
+
+// Available via sharp.gravity
+interface GravityEnum {
+  north: number;
+  northeast: number;
+  east: number;
+  southeast: number;
+  south: number;
+  southwest: number;
+  west: number;
+  northwest: number;
+  center: number;
+  centre: number;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// Using gravity constants
+await sharp('base.jpg')
+  .composite([{
+    input: 'overlay.png',
+    gravity: sharp.gravity.northeast
+  }])
+  .toFile('positioned.jpg');
+```
+
+## Performance Considerations
+
+- **Large Images**: Be mindful of memory usage when compositing large images
+- **Multiple Overlays**: Each overlay adds processing time; consider combining overlays when possible
+- **Blend Modes**: Some blend modes are more computationally expensive than others
+- **Tiled Overlays**: Can be memory-intensive for large canvases with small tiles
+- **Dynamic Content**: Text and shape generation adds overhead; cache when possible
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-sharp/docs/constructor-input.md b/.tessl/tiles/tessl/npm-sharp/docs/constructor-input.md
new file mode 100644
index 000000000..803055d88
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-sharp/docs/constructor-input.md
@@ -0,0 +1,299 @@
+# Constructor and Input
+
+Sharp instances are created using the main constructor function which accepts various input types and configuration options.
+
+## Capabilities
+
+### Sharp Constructor
+
+Creates a Sharp instance from various input sources.
+
+```javascript { .api }
+/**
+ * Creates a Sharp instance from various input sources
+ * @param input - Image data source (optional)
+ * @param options - Configuration options (optional)
+ * @returns Sharp instance for method chaining
+ */
+function sharp(input?: SharpInput | SharpInput[], options?: SharpOptions): Sharp;
+
+type SharpInput = Buffer | ArrayBuffer | Uint8Array | Uint8ClampedArray | 
+  Int8Array | Uint16Array | Int16Array | Uint32Array | Int32Array | 
+  Float32Array | Float64Array | string;
+```
+
+**Usage Examples:**
+
+```javascript
+// From file path
+const image1 = sharp('input.jpg');
+
+// From Buffer
+const buffer = fs.readFileSync('input.png');
+const image2 = sharp(buffer);
+
+// Create empty instance for streaming
+const transformer = sharp();
+
+// With options
+const image3 = sharp('input.tiff', {
+  density: 300,
+  pages: 5,
+  failOn: 'error'
+});
+```
+
+### Input Options
+
+Configuration options for Sharp instances.
+
+```javascript { .api }
+interface SharpOptions {
+  /** Auto-orient based on EXIF Orientation tag */
+  autoOrient?: boolean;
+  /** When to abort processing of invalid pixel data */
+  failOn?: 'none' | 'truncated' | 'error' | 'warning';
+  /** Pixel limit to prevent memory exhaustion */
+  limitInputPixels?: number | boolean;
+  /** Enable unlimited processing (removes safety features) */
+  unlimited?: boolean;
+  /** Use sequential rather than random access reading */
+  sequentialRead?: boolean;
+  /** DPI for vector images (1-100000) */
+  density?: number;
+  /** Ignore embedded ICC profile */
+  ignoreIcc?: boolean;
+  /** Number of pages to extract for multi-page input (-1 for all) */
+  pages?: number;
+  /** Page number to start extracting from (zero-based) */
+  page?: number;
+  /** Read all frames/pages of animated image */
+  animated?: boolean;
+  /** Raw pixel input options */
+  raw?: CreateRaw;
+  /** Create new image options */
+  create?: Create;
+  /** Create text image options */
+  text?: CreateText;
+  /** Join array of images options */
+  join?: Join;
+}
+```
+
+### Creating New Images
+
+Generate new images from scratch with specified dimensions and properties.
+
+```javascript { .api }
+interface Create {
+  /** Image width in pixels */
+  width: number;
+  /** Image height in pixels */
+  height: number;
+  /** Number of channels (3 for RGB, 4 for RGBA) */
+  channels: 3 | 4;
+  /** Background color */
+  background: string | RGBA;
+  /** Noise generation options */
+  noise?: Noise;
+  /** Page height for animated images */
+  pageHeight?: number;
+}
+
+interface Noise {
+  /** Type of noise (currently only 'gaussian') */
+  type: 'gaussian';
+  /** Mean of pixels in generated noise */
+  mean?: number;
+  /** Standard deviation of pixels in generated noise */
+  sigma?: number;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// Create solid color image
+const redSquare = sharp({
+  create: {
+    width: 200,
+    height: 200,
+    channels: 4,
+    background: { r: 255, g: 0, b: 0, alpha: 1 }
+  }
+});
+
+// Create with noise
+const noisyImage = sharp({
+  create: {
+    width: 100,
+    height: 100,
+    channels: 3,
+    background: 'black',
+    noise: {
+      type: 'gaussian',
+      mean: 128,
+      sigma: 30
+    }
+  }
+});
+```
+
+### Text-to-Image Generation
+
+Create images from text using Pango markup.
+
+```javascript { .api }
+interface CreateText {
+  /** Text to render as UTF-8 string (supports Pango markup) */
+  text: string;
+  /** Font name to render with */
+  font?: string;
+  /** Path to font file */
+  fontfile?: string;
+  /** Word-wrap width in pixels */
+  width?: number;
+  /** Target height in pixels (auto-fits text) */
+  height?: number;
+  /** Text alignment */
+  align?: 'left' | 'centre' | 'center' | 'right';
+  /** Apply text justification */
+  justify?: boolean;
+  /** Resolution for rendering (ignored if height specified) */
+  dpi?: number;
+  /** Enable RGBA output for color emoji */
+  rgba?: boolean;
+  /** Line height in points */
+  spacing?: number;
+  /** Word wrapping style */
+  wrap?: 'word' | 'char' | 'word-char' | 'none';
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// Basic text image
+const textImage = sharp({
+  text: {
+    text: 'Hello World',
+    font: 'Arial',
+    width: 400,
+    height: 100,
+    align: 'center',
+    dpi: 150
+  }
+});
+
+// With Pango markup
+const styledText = sharp({
+  text: {
+    text: '<span foreground="red" size="x-large">Styled</span> Text',
+    font: 'Sans',
+    rgba: true,
+    justify: true
+  }
+});
+```
+
+### Raw Pixel Data Input
+
+Work with raw pixel data directly.
+
+```javascript { .api }
+interface CreateRaw {
+  /** Image width in pixels */
+  width: number;
+  /** Image height in pixels */
+  height: number;
+  /** Number of channels */
+  channels: 1 | 2 | 3 | 4;
+  /** Raw data is already premultiplied */
+  premultiplied?: boolean;
+  /** Page height for animated images */
+  pageHeight?: number;
+}
+```
+
+### Joining Multiple Images
+
+Combine array of images into single image.
+
+```javascript { .api }
+interface Join {
+  /** Number of images per row */
+  across?: number;
+  /** Treat input as animated frames */
+  animated?: boolean;
+  /** Space between images in pixels */
+  shim?: number;
+  /** Background color */
+  background?: string | RGBA;
+  /** Horizontal alignment */
+  halign?: 'left' | 'centre' | 'center' | 'right';
+  /** Vertical alignment */
+  valign?: 'top' | 'centre' | 'center' | 'bottom';
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// Join images in grid
+const joined = sharp([buffer1, buffer2, buffer3, buffer4], {
+  join: {
+    across: 2,
+    shim: 10,
+    background: 'white',
+    halign: 'center',
+    valign: 'center'
+  }
+});
+
+// Create animated sequence
+const animated = sharp([frame1, frame2, frame3], {
+  join: {
+    animated: true
+  }
+});
+```
+
+### Instance Methods
+
+Core instance methods available on all Sharp objects.
+
+```javascript { .api }
+/**
+ * Create a new Sharp instance sharing the same input
+ * @returns New Sharp instance
+ */
+clone(): Sharp;
+```
+
+**Usage Example:**
+
+```javascript
+const original = sharp('input.jpg');
+const copy1 = original.clone().resize(200);
+const copy2 = original.clone().resize(400);
+
+// Both copies share the same input but have independent processing pipelines
+```
+
+## Type Definitions
+
+```javascript { .api }
+interface RGBA {
+  r?: number;
+  g?: number;
+  b?: number;
+  alpha?: number;
+}
+
+type Channels = 1 | 2 | 3 | 4;
+
+interface Sharp {
+  // Sharp extends Node.js Duplex stream
+  clone(): Sharp;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-sharp/docs/index.md b/.tessl/tiles/tessl/npm-sharp/docs/index.md
new file mode 100644
index 000000000..f372b2224
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-sharp/docs/index.md
@@ -0,0 +1,296 @@
+# Sharp
+
+Sharp is a high-performance Node.js image processing library that provides fast image transformations including resizing, format conversion, rotation, extraction, compositing, and color space management. Built on the libvips image processing library, it delivers 4x-5x faster performance than ImageMagick while maintaining quality through Lanczos resampling and proper handling of color spaces, ICC profiles, and alpha channels.
+
+## Package Information
+
+- **Package Name**: sharp
+- **Package Type**: npm
+- **Language**: JavaScript
+- **Installation**: `npm install sharp`
+
+## Core Imports
+
+```javascript
+const sharp = require('sharp');
+```
+
+For TypeScript:
+
+```typescript
+import sharp from 'sharp';
+```
+
+## Basic Usage
+
+```javascript
+const sharp = require('sharp');
+
+// Basic resize operation
+await sharp('input.jpg')
+  .resize(300, 200)
+  .toFile('output.jpg');
+
+// Pipeline with multiple operations  
+const result = await sharp('input.png')
+  .rotate(90)
+  .resize({ width: 800, fit: 'contain' })
+  .jpeg({ quality: 90 })
+  .toBuffer();
+
+// Stream processing
+const transformer = sharp()
+  .resize(400)
+  .webp({ quality: 80 });
+
+readableStream
+  .pipe(transformer)
+  .pipe(writableStream);
+```
+
+## Architecture  
+
+Sharp is built around several key components:
+
+- **Fluent API**: All operations return Sharp instances for method chaining
+- **Stream Interface**: Implements Node.js Duplex streams for pipeline processing
+- **Format Support**: Native support for JPEG, PNG, WebP, GIF, AVIF, TIFF, HEIF, SVG, and RAW formats
+- **Performance Controls**: Multi-threading, SIMD optimizations, and caching management
+- **Metadata Preservation**: Comprehensive EXIF, ICC, XMP, and IPTC metadata handling
+- **Memory Management**: Configurable limits and monitoring for production use
+
+## Capabilities
+
+### Constructor and Input Handling
+
+Create Sharp instances from various input sources including files, buffers, streams, and generated content.
+
+```javascript { .api }
+function sharp(input?: SharpInput | SharpInput[], options?: SharpOptions): Sharp;
+
+type SharpInput = Buffer | ArrayBuffer | Uint8Array | Uint8ClampedArray | 
+  Int8Array | Uint16Array | Int16Array | Uint32Array | Int32Array | 
+  Float32Array | Float64Array | string;
+
+interface SharpOptions {
+  autoOrient?: boolean;
+  failOn?: 'none' | 'truncated' | 'error' | 'warning';
+  limitInputPixels?: number | boolean;
+  density?: number;
+  pages?: number;
+  page?: number;
+  animated?: boolean;
+  raw?: CreateRaw;
+  create?: Create;
+  text?: CreateText;
+  join?: Join;
+}
+```
+
+[Constructor and Input](./constructor-input.md)
+
+### Image Resizing and Geometry
+
+Resize, crop, extend, and extract regions from images with multiple fit strategies and interpolation methods.
+
+```javascript { .api }
+resize(width?: number | ResizeOptions, height?: number, options?: ResizeOptions): Sharp;
+extract(region: Region): Sharp;
+extend(extend: number | ExtendOptions): Sharp;
+trim(options?: TrimOptions): Sharp;
+
+interface ResizeOptions {
+  width?: number;
+  height?: number;
+  fit?: 'cover' | 'contain' | 'fill' | 'inside' | 'outside';
+  position?: string | number;
+  background?: string | object;
+  kernel?: 'nearest' | 'cubic' | 'mitchell' | 'lanczos2' | 'lanczos3';
+  withoutEnlargement?: boolean;
+  withoutReduction?: boolean;
+}
+```
+
+[Resizing and Geometry](./resize-geometry.md)
+
+### Image Operations and Filters
+
+Apply filters, effects, and transformations including rotation, sharpening, blurring, and color adjustments.
+
+```javascript { .api }
+rotate(angle?: number, options?: RotateOptions): Sharp;
+sharpen(options?: SharpenOptions): Sharp;
+blur(sigma?: number | boolean | BlurOptions): Sharp;
+gamma(gamma?: number, gammaOut?: number): Sharp;
+negate(negate?: boolean | NegateOptions): Sharp;
+normalise(options?: NormaliseOptions): Sharp;
+modulate(options?: ModulateOptions): Sharp;
+
+interface SharpenOptions {
+  sigma: number;
+  m1?: number;
+  m2?: number;
+  x1?: number;
+  y2?: number;
+  y3?: number;
+}
+```
+
+[Operations and Filters](./operations-filters.md)
+
+### Color Space and Channel Management
+
+Control color spaces, manipulate channels, and apply color transformations.
+
+```javascript { .api }
+tint(tint: string | object): Sharp;
+greyscale(greyscale?: boolean): Sharp;
+toColourspace(colourspace?: string): Sharp;
+extractChannel(channel: 0 | 1 | 2 | 3 | 'red' | 'green' | 'blue' | 'alpha'): Sharp;
+removeAlpha(): Sharp;
+ensureAlpha(alpha?: number): Sharp;
+
+interface RGBA {
+  r?: number;
+  g?: number;
+  b?: number;
+  alpha?: number;
+}
+```
+
+[Color and Channels](./color-channels.md)
+
+### Image Composition
+
+Composite multiple images with various blend modes and positioning options.
+
+```javascript { .api }
+composite(images: OverlayOptions[]): Sharp;
+
+interface OverlayOptions {
+  input: string | Buffer | object;
+  blend?: 'clear' | 'source' | 'over' | 'multiply' | 'screen' | 'overlay' | 
+    'darken' | 'lighten' | 'difference' | 'exclusion';
+  gravity?: 'north' | 'northeast' | 'east' | 'southeast' | 'south' |
+    'southwest' | 'west' | 'northwest' | 'center' | 'centre';
+  top?: number;
+  left?: number;
+  tile?: boolean;
+}
+```
+
+[Image Composition](./composition.md)
+
+### Output and Format Control
+
+Write images to files or buffers with format-specific options and metadata control.
+
+```javascript { .api }
+toFile(fileOut: string, callback?: (err: Error, info: OutputInfo) => void): Promise<OutputInfo>;
+toBuffer(options?: BufferOptions, callback?: (err: Error, buffer: Buffer, info: OutputInfo) => void): Promise<Buffer>;
+jpeg(options?: JpegOptions): Sharp;
+png(options?: PngOptions): Sharp;
+webp(options?: WebpOptions): Sharp;
+avif(options?: AvifOptions): Sharp;
+tiff(options?: TiffOptions): Sharp;
+
+interface OutputInfo {
+  format: string;
+  size: number;
+  width: number;
+  height: number;
+  channels: number;
+  premultiplied: boolean;
+}
+```
+
+[Output and Formats](./output-formats.md)
+
+### Metadata and Statistics
+
+Access comprehensive image metadata and pixel-level statistics without decoding image data.
+
+```javascript { .api }
+metadata(): Promise<Metadata>;
+stats(): Promise<Stats>;
+
+interface Metadata {
+  format: string;
+  width: number;
+  height: number;
+  channels: number;
+  depth: string;
+  space: string;
+  hasProfile: boolean;
+  hasAlpha: boolean;
+  orientation?: number;
+  density?: number;
+  pages?: number;
+}
+
+interface Stats {
+  channels: ChannelStats[];
+  isOpaque: boolean;
+  entropy: number;
+  sharpness: number;
+  dominant: { r: number; g: number; b: number };
+}
+```
+
+[Metadata and Stats](./metadata-stats.md)
+
+### Utility Functions and Performance
+
+Control library behavior, performance settings, and access version information.
+
+```javascript { .api }
+// Static utility functions
+sharp.cache(options?: boolean | CacheOptions): CacheResult;
+sharp.concurrency(concurrency?: number): number;
+sharp.counters(): SharpCounters;
+sharp.simd(enable?: boolean): boolean;
+
+// Library information
+sharp.format: FormatEnum;
+sharp.versions: VersionInfo;
+sharp.interpolators: Interpolators;
+```
+
+[Utilities and Performance](./utilities-performance.md)
+
+## Core Types
+
+```javascript { .api }
+interface Sharp {
+  // Sharp extends Node.js Duplex stream
+  clone(): Sharp;
+}
+
+interface Region {
+  left: number;
+  top: number;
+  width: number;
+  height: number;
+}
+
+interface Create {
+  width: number;
+  height: number;
+  channels: 3 | 4;
+  background: string | RGBA;
+}
+
+interface CreateText {
+  text: string;
+  font?: string;
+  fontfile?: string;
+  width?: number;
+  height?: number;
+  align?: 'left' | 'centre' | 'center' | 'right';
+  justify?: boolean;
+  dpi?: number;
+  rgba?: boolean;
+  spacing?: number;
+  wrap?: 'word' | 'char' | 'word-char' | 'none';
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-sharp/docs/metadata-stats.md b/.tessl/tiles/tessl/npm-sharp/docs/metadata-stats.md
new file mode 100644
index 000000000..5dd316c02
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-sharp/docs/metadata-stats.md
@@ -0,0 +1,458 @@
+# Metadata and Statistics
+
+Sharp provides comprehensive access to image metadata and pixel-level statistics without requiring full image decoding, enabling efficient analysis and processing workflows.
+
+## Capabilities
+
+### Image Metadata Access
+
+Retrieve comprehensive image metadata including format, dimensions, color information, and embedded data.
+
+```javascript { .api }
+/**
+ * Access image metadata without decoding pixel data
+ * @returns Promise resolving to metadata object
+ */
+metadata(): Promise<Metadata>;
+
+interface Metadata {
+  /** Image format (jpeg, png, webp, gif, tiff, etc.) */
+  format: string;
+  /** Total file size in bytes (Buffer/Stream input only) */
+  size?: number;
+  /** Image width in pixels (before EXIF orientation) */
+  width: number;
+  /** Image height in pixels (before EXIF orientation) */
+  height: number;
+  /** Color space interpretation */
+  space: string;
+  /** Number of channels (1=grey, 2=grey+alpha, 3=RGB, 4=RGBA/CMYK) */
+  channels: number;
+  /** Pixel depth format (uchar, char, ushort, float, etc.) */
+  depth: string;
+  /** Image density in pixels per inch (if present) */
+  density?: number;
+  /** Chroma subsampling (JPEG: 4:2:0, 4:4:4, etc.) */
+  chromaSubsampling?: string;
+  /** Progressive/interlaced encoding */
+  isProgressive: boolean;
+  /** Palette-based encoding (GIF, PNG) */
+  isPalette: boolean;
+  /** Bits per sample for each channel */
+  bitsPerSample?: number;
+  /** EXIF orientation value (1-8) */
+  orientation?: number;
+  /** Auto-oriented dimensions */
+  autoOrient: {
+    width: number;
+    height: number;
+  };
+  /** Embedded ICC color profile present */
+  hasProfile: boolean;
+  /** Alpha transparency channel present */
+  hasAlpha: boolean;
+  /** Number of pages/frames (multi-page formats) */
+  pages?: number;
+  /** Height of each page in multi-page image */
+  pageHeight?: number;
+  /** Animation loop count (0 = infinite) */
+  loop?: number;
+  /** Frame delays in milliseconds */
+  delay?: number[];
+  /** Primary page number (HEIF) */
+  pagePrimary?: number;
+  /** Default background color */
+  background?: { r: number; g: number; b: number } | { gray: number };
+  /** Multi-level image details (OpenSlide) */
+  levels?: LevelMetadata[];
+  /** Sub Image File Directories count (OME-TIFF) */
+  subifds?: number;
+  /** Resolution unit */
+  resolutionUnit?: 'inch' | 'cm';
+  /** ImageMagick format identifier */
+  formatMagick?: string;
+  /** HEIF compression format */
+  compression?: 'av1' | 'hevc';
+  /** PNG text comments */
+  comments?: CommentsMetadata[];
+  /** Raw metadata buffers */
+  exif?: Buffer;
+  icc?: Buffer;  
+  iptc?: Buffer;
+  xmp?: Buffer;
+  xmpAsString?: string;
+  tifftagPhotoshop?: Buffer;
+}
+
+interface LevelMetadata {
+  width: number;
+  height: number;
+}
+
+interface CommentsMetadata {
+  keyword: string;
+  text: string;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// Basic metadata inspection
+const metadata = await sharp('image.jpg').metadata();
+console.log(`Format: ${metadata.format}`);  
+console.log(`Dimensions: ${metadata.width}x${metadata.height}`);
+console.log(`Channels: ${metadata.channels}`);
+console.log(`Has Alpha: ${metadata.hasAlpha}`);
+console.log(`Color Space: ${metadata.space}`);
+
+// Check for specific features
+if (metadata.isProgressive) {
+  console.log('Image uses progressive encoding');
+}
+
+if (metadata.orientation && metadata.orientation !== 1) {
+  console.log(`EXIF orientation: ${metadata.orientation}`);
+  console.log(`Auto-oriented size: ${metadata.autoOrient.width}x${metadata.autoOrient.height}`);
+}
+
+// Multi-page image handling
+if (metadata.pages && metadata.pages > 1) {
+  console.log(`Multi-page image with ${metadata.pages} pages`);
+  console.log(`Page height: ${metadata.pageHeight}`);
+}
+
+// Animation information
+if (metadata.delay) {
+  console.log(`Animated with delays: ${metadata.delay.join(', ')}ms`);
+  console.log(`Loop count: ${metadata.loop || 'infinite'}`);
+}
+```
+
+### Pixel Statistics
+
+Analyze pixel-level statistics for each channel without full image processing.
+
+```javascript { .api }
+/**
+ * Access pixel-derived statistics for every channel
+ * @returns Promise resolving to statistics object
+ */
+stats(): Promise<Stats>;
+
+interface Stats {
+  /** Per-channel statistics array */
+  channels: ChannelStats[];
+  /** Image opacity analysis */
+  isOpaque: boolean;
+  /** Histogram-based entropy (experimental) */
+  entropy: number;
+  /** Laplacian-based sharpness estimation (experimental) */
+  sharpness: number;
+  /** Dominant color in sRGB space (experimental) */
+  dominant: { r: number; g: number; b: number };
+}
+
+interface ChannelStats {
+  /** Minimum pixel value in channel */
+  min: number;
+  /** Maximum pixel value in channel */
+  max: number;
+  /** Sum of all pixel values */
+  sum: number;
+  /** Sum of squared pixel values */
+  squaresSum: number;
+  /** Mean pixel value */
+  mean: number;
+  /** Standard deviation */
+  stdev: number;
+  /** X coordinate of minimum pixel */
+  minX: number;
+  /** Y coordinate of minimum pixel */
+  minY: number;
+  /** X coordinate of maximum pixel */
+  maxX: number;
+  /** Y coordinate of maximum pixel */
+  maxY: number;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// Comprehensive statistics analysis
+const stats = await sharp('photo.jpg').stats();
+
+console.log(`Image is ${stats.isOpaque ? 'opaque' : 'transparent'}`);
+console.log(`Entropy: ${stats.entropy.toFixed(2)}`);
+console.log(`Sharpness: ${stats.sharpness.toFixed(2)}`);
+console.log(`Dominant color: RGB(${stats.dominant.r}, ${stats.dominant.g}, ${stats.dominant.b})`);
+
+// Per-channel analysis
+stats.channels.forEach((channel, index) => {
+  const channelName = ['Red', 'Green', 'Blue', 'Alpha'][index] || `Channel ${index}`;
+  console.log(`${channelName} channel:`);
+  console.log(`  Range: ${channel.min} - ${channel.max}`);
+  console.log(`  Mean: ${channel.mean.toFixed(2)}`);
+  console.log(`  Std Dev: ${channel.stdev.toFixed(2)}`);
+  console.log(`  Min at: (${channel.minX}, ${channel.minY})`);
+  console.log(`  Max at: (${channel.maxX}, ${channel.maxY})`);
+});
+
+// Quality assessment
+const brightness = stats.channels.slice(0, 3).reduce((sum, ch) => sum + ch.mean, 0) / 3;
+const contrast = stats.channels.slice(0, 3).reduce((sum, ch) => sum + ch.stdev, 0) / 3;
+
+console.log(`Average brightness: ${brightness.toFixed(1)}`);
+console.log(`Average contrast: ${contrast.toFixed(1)}`);
+
+if (stats.sharpness < 50) {
+  console.log('Image appears to be blurred');
+} else if (stats.sharpness > 200) {
+  console.log('Image appears to be very sharp');
+}
+```
+
+### Metadata Processing Workflows
+
+**Batch Metadata Extraction:**
+
+```javascript
+const analyzeDirectory = async (directory) => {
+  const files = await fs.readdir(directory);
+  const imageFiles = files.filter(f => /\.(jpg|jpeg|png|webp|tiff)$/i.test(f));
+  
+  const results = await Promise.all(
+    imageFiles.map(async (file) => {
+      const filePath = path.join(directory, file);
+      try {
+        const [metadata, stats] = await Promise.all([
+          sharp(filePath).metadata(),
+          sharp(filePath).stats()
+        ]);
+        
+        return {
+          file,
+          format: metadata.format,
+          dimensions: `${metadata.width}x${metadata.height}`,
+          size: metadata.size,
+          channels: metadata.channels,
+          hasAlpha: metadata.hasAlpha,
+          colorSpace: metadata.space,
+          sharpness: stats.sharpness,
+          brightness: stats.channels.slice(0, 3).reduce((sum, ch) => sum + ch.mean, 0) / 3
+        };
+      } catch (error) {
+        return { file, error: error.message };
+      }
+    })
+  );
+  
+  return results;
+};
+```
+
+**Quality Assessment:**
+
+```javascript
+const assessImageQuality = async (imagePath) => {
+  const [metadata, stats] = await Promise.all([
+    sharp(imagePath).metadata(),
+    sharp(imagePath).stats()
+  ]);
+  
+  const assessment = {
+    file: imagePath,
+    format: metadata.format,
+    dimensions: { width: metadata.width, height: metadata.height },
+    quality: {
+      sharpness: stats.sharpness,
+      entropy: stats.entropy,
+      isProgressive: metadata.isProgressive,
+      compression: metadata.chromaSubsampling
+    },
+    issues: []
+  };
+  
+  // Quality checks
+  if (stats.sharpness < 30) {
+    assessment.issues.push('Image appears blurred');
+  }
+  
+  if (stats.entropy < 6) {
+    assessment.issues.push('Low image complexity');
+  }
+  
+  if (metadata.width < 300 || metadata.height < 300) {
+    assessment.issues.push('Low resolution');
+  }
+  
+  // Channel analysis for exposure issues
+  const rgbChannels = stats.channels.slice(0, 3);
+  const avgBrightness = rgbChannels.reduce((sum, ch) => sum + ch.mean, 0) / 3;
+  
+  if (avgBrightness < 50) {
+    assessment.issues.push('Underexposed');
+  } else if (avgBrightness > 200) {
+    assessment.issues.push('Overexposed');
+  }
+  
+  // Check for clipping
+  const hasClipping = rgbChannels.some(ch => ch.min === 0 || ch.max === 255);
+  if (hasClipping) {
+    assessment.issues.push('Clipped highlights/shadows');
+  }
+  
+  return assessment;
+};
+```
+
+**Smart Processing Based on Metadata:**
+
+```javascript
+const smartProcess = async (input, output) => {
+  const metadata = await sharp(input).metadata();
+  
+  let pipeline = sharp(input);
+  
+  // Auto-orient if needed
+  if (metadata.orientation && metadata.orientation !== 1) {
+    pipeline = pipeline.autoOrient();
+  }
+  
+  // Resize large images for web
+  if (metadata.width > 2000 || metadata.height > 2000) {
+    pipeline = pipeline.resize({
+      width: 1920,
+      height: 1920,
+      fit: 'inside',
+      withoutEnlargement: true
+    });
+  }
+  
+  // Choose output format based on content
+  if (metadata.hasAlpha) {
+    // Preserve transparency
+    pipeline = pipeline.png({ quality: 90 });
+  } else if (metadata.format === 'jpeg' || metadata.channels === 3) {
+    // Photographic content
+    pipeline = pipeline.jpeg({ quality: 85, progressive: true });
+  } else {
+    // Graphics/other content
+    pipeline = pipeline.webp({ quality: 90 });
+  }
+  
+  await pipeline.toFile(output);
+};
+```
+
+**Metadata-Based Validation:**
+
+```javascript
+const validateImage = async (imagePath, requirements = {}) => {
+  const metadata = await sharp(imagePath).metadata();
+  
+  const validation = {
+    valid: true,
+    errors: [],
+    warnings: []
+  };
+  
+  // Format validation
+  if (requirements.formats && !requirements.formats.includes(metadata.format)) {
+    validation.valid = false;
+    validation.errors.push(`Invalid format: ${metadata.format}. Expected: ${requirements.formats.join(', ')}`);
+  }
+  
+  // Dimension validation
+  if (requirements.minWidth && metadata.width < requirements.minWidth) {
+    validation.valid = false;
+    validation.errors.push(`Width too small: ${metadata.width}px < ${requirements.minWidth}px`);
+  }
+  
+  if (requirements.maxWidth && metadata.width > requirements.maxWidth) {
+    validation.warnings.push(`Width large: ${metadata.width}px > ${requirements.maxWidth}px`);
+  }
+  
+  if (requirements.minHeight && metadata.height < requirements.minHeight) {
+    validation.valid = false;
+    validation.errors.push(`Height too small: ${metadata.height}px < ${requirements.minHeight}px`);
+  }
+  
+  // Aspect ratio validation
+  if (requirements.aspectRatio) {
+    const ratio = metadata.width / metadata.height;
+    const expected = requirements.aspectRatio;
+    const tolerance = requirements.aspectTolerance || 0.1;
+    
+    if (Math.abs(ratio - expected) > tolerance) {
+      validation.warnings.push(`Aspect ratio ${ratio.toFixed(2)} differs from expected ${expected}`);
+    }
+  }
+  
+  // Color space validation
+  if (requirements.colorSpace && metadata.space !== requirements.colorSpace) {
+    validation.warnings.push(`Color space ${metadata.space} differs from expected ${requirements.colorSpace}`);
+  }
+  
+  // Profile validation
+  if (requirements.requireProfile && !metadata.hasProfile) {
+    validation.warnings.push('No embedded color profile found');
+  }
+  
+  return validation;
+};
+
+// Usage
+const result = await validateImage('upload.jpg', {
+  formats: ['jpeg', 'png', 'webp'],
+  minWidth: 800,
+  minHeight: 600,
+  maxWidth: 4000,
+  aspectRatio: 16/9,
+  aspectTolerance: 0.2,
+  colorSpace: 'srgb',
+  requireProfile: true
+});
+```
+
+## Advanced Metadata Features
+
+**EXIF Data Extraction:**
+
+```javascript
+const extractExifData = async (imagePath) => {
+  const metadata = await sharp(imagePath).metadata();
+  
+  if (metadata.exif) {
+    // EXIF data is available as a Buffer
+    // You would typically use an EXIF parsing library here
+    console.log(`EXIF data size: ${metadata.exif.length} bytes`);
+  }
+  
+  if (metadata.orientation) {
+    const orientations = {
+      1: 'Normal',
+      2: 'Flipped horizontally',
+      3: 'Rotated 180°',
+      4: 'Flipped vertically',
+      5: 'Rotated 90° CCW and flipped',
+      6: 'Rotated 90° CW',
+      7: 'Rotated 90° CW and flipped',
+      8: 'Rotated 90° CCW'
+    };
+    
+    console.log(`Orientation: ${orientations[metadata.orientation] || 'Unknown'}`);
+  }
+  
+  return metadata;
+};
+```
+
+**Performance Considerations:**
+
+- Metadata access is very fast as it doesn't decode pixel data
+- Statistics calculation requires pixel processing but is optimized
+- Use metadata for quick validation before expensive operations
+- Cache metadata results for repeated access to the same image
+- Consider using metadata for smart batch processing decisions
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-sharp/docs/operations-filters.md b/.tessl/tiles/tessl/npm-sharp/docs/operations-filters.md
new file mode 100644
index 000000000..64e530ec4
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-sharp/docs/operations-filters.md
@@ -0,0 +1,616 @@
+# Operations and Filters
+
+Sharp provides extensive image processing operations including geometric transformations, filters, and color adjustments.
+
+## Capabilities
+
+### Rotation and Orientation
+
+Rotate images and handle EXIF orientation data.
+
+```javascript { .api }
+/**
+ * Rotate image by specified angle or auto-orient using EXIF data
+ * @param angle - Rotation angle in degrees (optional)
+ * @param options - Rotation options (optional)
+ * @returns Sharp instance for chaining
+ */
+rotate(angle?: number, options?: RotateOptions): Sharp;
+
+/**
+ * Auto-orient based on EXIF Orientation tag (alias for rotate())
+ * @returns Sharp instance for chaining
+ */
+autoOrient(): Sharp;
+
+interface RotateOptions {
+  /** Background color for areas outside rotated image */
+  background?: string | RGBA;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// Rotate by specific angle
+await sharp('input.jpg')
+  .rotate(90)
+  .toFile('rotated-90.jpg');
+
+// Rotate with custom background
+await sharp('input.jpg')
+  .rotate(45, { background: '#ff0000' })
+  .toFile('rotated-45-red.jpg');
+
+// Auto-orient using EXIF data
+await sharp('input.jpg')
+  .rotate()
+  .toFile('oriented.jpg');
+
+// Explicit auto-orient
+await sharp('input.jpg')
+  .autoOrient()
+  .toFile('auto-oriented.jpg');
+```
+
+### Flipping and Flopping
+
+Mirror images horizontally and vertically.
+
+```javascript { .api }
+/**
+ * Flip image vertically (about Y axis)
+ * @param flip - Enable flip (defaults to true)
+ * @returns Sharp instance for chaining
+ */
+flip(flip?: boolean): Sharp;
+
+/**
+ * Flop image horizontally (about X axis)
+ * @param flop - Enable flop (defaults to true)
+ * @returns Sharp instance for chaining
+ */
+flop(flop?: boolean): Sharp;
+```
+
+**Usage Examples:**
+
+```javascript
+// Vertical flip
+await sharp('input.jpg')
+  .flip()
+  .toFile('flipped.jpg');
+
+// Horizontal flop
+await sharp('input.jpg')
+  .flop()
+  .toFile('flopped.jpg');
+
+// Both flip and flop
+await sharp('input.jpg')
+  .flip()
+  .flop()
+  .toFile('flipped-flopped.jpg');
+```
+
+### Affine Transformations
+
+Apply custom transformation matrices.
+
+```javascript { .api }
+/**
+ * Apply affine transformation matrix
+ * @param matrix - 2x2 transformation matrix or array of 4 numbers
+ * @param options - Transformation options
+ * @returns Sharp instance for chaining
+ */
+affine(matrix: [number, number, number, number] | Matrix2x2, options?: AffineOptions): Sharp;
+
+type Matrix2x2 = [[number, number], [number, number]];
+
+interface AffineOptions {
+  /** Background color for new pixels */
+  background?: string | object;
+  /** Input horizontal offset */
+  idx?: number;
+  /** Input vertical offset */
+  idy?: number;
+  /** Output horizontal offset */
+  odx?: number;
+  /** Output vertical offset */
+  ody?: number;
+  /** Interpolation method */
+  interpolator?: keyof Interpolators;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// Shear transformation
+await sharp('input.jpg')
+  .affine([1, 0.5, 0, 1])
+  .toFile('sheared.jpg');
+
+// Scale and rotate transformation
+const angle = Math.PI / 4; // 45 degrees
+const cos = Math.cos(angle);
+const sin = Math.sin(angle);
+await sharp('input.jpg')
+  .affine([[cos, -sin], [sin, cos]], {
+    background: 'white',
+    interpolator: sharp.interpolators.bicubic
+  })
+  .toFile('transformed.jpg');
+```
+
+### Sharpening
+
+Enhance image sharpness with fine-grained control.
+
+```javascript { .api }
+/**
+ * Sharpen image with configurable parameters
+ * @param options - Sharpening options
+ * @returns Sharp instance for chaining
+ */
+sharpen(options?: SharpenOptions): Sharp;
+
+interface SharpenOptions {
+  /** Gaussian mask sigma (1 + radius / 2) */
+  sigma: number;
+  /** Sharpening level for flat areas */
+  m1?: number;
+  /** Sharpening level for jagged areas */
+  m2?: number;
+  /** Threshold between flat and jagged */
+  x1?: number;
+  /** Maximum brightening */
+  y2?: number;
+  /** Maximum darkening */
+  y3?: number;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// Mild sharpening
+await sharp('input.jpg')
+  .sharpen()
+  .toFile('sharpened-mild.jpg');
+
+// Custom sharpening
+await sharp('input.jpg')
+  .sharpen({
+    sigma: 1.5,
+    m1: 1.2,
+    m2: 2.5,
+    x1: 3.0,
+    y2: 15.0,
+    y3: 25.0
+  })
+  .toFile('sharpened-custom.jpg');
+```
+
+### Blurring
+
+Apply Gaussian blur with precision controls.
+
+```javascript { .api }
+/**
+ * Blur image using Gaussian convolution
+ * @param sigma - Blur amount or blur options
+ * @returns Sharp instance for chaining
+ */
+blur(sigma?: number | boolean | BlurOptions): Sharp;
+
+interface BlurOptions {
+  /** Gaussian mask sigma (0.3-1000) */
+  sigma: number;
+  /** Minimum amplitude for mask accuracy */
+  minAmplitude?: number;
+  /** Operation precision */
+  precision?: 'integer' | 'float' | 'approximate';
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// Mild blur
+await sharp('input.jpg')
+  .blur()
+  .toFile('blurred-mild.jpg');
+
+// Custom blur strength
+await sharp('input.jpg')
+  .blur(5.0)
+  .toFile('blurred-medium.jpg');
+
+// High-precision blur
+await sharp('input.jpg')
+  .blur({
+    sigma: 3.0,
+    precision: 'float'
+  })
+  .toFile('blurred-precise.jpg');
+```
+
+### Median Filtering
+
+Reduce noise using median filter.
+
+```javascript { .api }
+/**
+ * Apply median filter for noise reduction
+ * @param size - Filter mask size (defaults to 3)
+ * @returns Sharp instance for chaining
+ */
+median(size?: number): Sharp;
+```
+
+**Usage Example:**
+
+```javascript
+// Noise reduction
+await sharp('noisy-input.jpg')
+  .median(5)
+  .toFile('denoised.jpg');
+```
+
+### Morphological Operations
+
+Expand or shrink foreground objects.
+
+```javascript { .api }
+/**
+ * Expand foreground objects (morphological dilation)
+ * @param width - Dilation width in pixels (defaults to 1)
+ * @returns Sharp instance for chaining
+ */
+dilate(width?: number): Sharp;
+
+/**
+ * Shrink foreground objects (morphological erosion)
+ * @param width - Erosion width in pixels (defaults to 1)
+ * @returns Sharp instance for chaining
+ */
+erode(width?: number): Sharp;
+```
+
+**Usage Examples:**
+
+```javascript
+// Expand white areas
+await sharp('binary-input.png')
+  .dilate(3)
+  .toFile('dilated.png');
+
+// Shrink white areas  
+await sharp('binary-input.png')
+  .erode(2)
+  .toFile('eroded.png');
+
+// Open operation (erode then dilate)
+await sharp('binary-input.png')
+  .erode(2)
+  .dilate(2)
+  .toFile('opened.png');
+```
+
+### Gamma Correction
+
+Adjust image gamma for brightness perception.
+
+```javascript { .api }
+/**
+ * Apply gamma correction
+ * @param gamma - Input gamma value (1.0-3.0, defaults to 2.2)
+ * @param gammaOut - Output gamma value (defaults to same as gamma)
+ * @returns Sharp instance for chaining
+ */
+gamma(gamma?: number, gammaOut?: number): Sharp;
+```
+
+**Usage Examples:**
+
+```javascript
+// Standard gamma correction
+await sharp('input.jpg')
+  .gamma(2.2)
+  .toFile('gamma-corrected.jpg');
+
+// Custom input/output gamma
+await sharp('input.jpg')
+  .gamma(1.8, 2.4)
+  .toFile('custom-gamma.jpg');
+```
+
+### Negation
+
+Invert image colors.
+
+```javascript { .api }
+/**
+ * Produce negative of image
+ * @param negate - Enable negation or options object
+ * @returns Sharp instance for chaining
+ */
+negate(negate?: boolean | NegateOptions): Sharp;
+
+interface NegateOptions {
+  /** Whether to negate alpha channel */
+  alpha?: boolean;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// Basic negative
+await sharp('input.jpg')
+  .negate()
+  .toFile('negative.jpg');
+
+// Negate without affecting alpha
+await sharp('input.png')
+  .negate({ alpha: false })
+  .toFile('negative-preserve-alpha.png');
+```
+
+### Normalization
+
+Enhance contrast by stretching luminance.
+
+```javascript { .api }
+/**
+ * Normalize image contrast
+ * @param options - Normalization options
+ * @returns Sharp instance for chaining
+ */
+normalise(options?: NormaliseOptions): Sharp;
+
+// Alternative spelling
+normalize(options?: NormaliseOptions): Sharp;
+
+interface NormaliseOptions {
+  /** Lower percentile for underexposure clipping */
+  lower?: number;
+  /** Upper percentile for overexposure clipping */
+  upper?: number;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// Default normalization (1%-99%)
+await sharp('low-contrast.jpg')
+  .normalise()
+  .toFile('normalized.jpg');
+
+// Custom percentiles
+await sharp('low-contrast.jpg')
+  .normalize({
+    lower: 2,
+    upper: 98
+  })
+  .toFile('custom-normalized.jpg');
+```
+
+### CLAHE (Contrast Limited Adaptive Histogram Equalization)
+
+Enhance local contrast while preventing over-amplification.
+
+```javascript { .api }
+/**
+ * Apply Contrast Limited Adaptive Histogram Equalization
+ * @param options - CLAHE parameters
+ * @returns Sharp instance for chaining
+ */
+clahe(options: ClaheOptions): Sharp;
+
+interface ClaheOptions {
+  /** Region width for local histogram */
+  width: number;
+  /** Region height for local histogram */
+  height: number;
+  /** Maximum contrast amplification (0-100) */
+  maxSlope?: number;
+}
+```
+
+**Usage Example:**
+
+```javascript
+// Enhance local contrast
+await sharp('low-contrast.jpg')
+  .clahe({
+    width: 64,
+    height: 64,
+    maxSlope: 3
+  })
+  .toFile('clahe-enhanced.jpg');
+```
+
+### Linear Adjustment
+
+Apply linear levels adjustment.
+
+```javascript { .api }
+/**
+ * Apply linear formula: a * input + b
+ * @param a - Multiplier (defaults to 1.0)
+ * @param b - Offset (defaults to 0.0)
+ * @returns Sharp instance for chaining
+ */
+linear(a?: number | number[], b?: number | number[]): Sharp;
+```
+
+**Usage Examples:**
+
+```javascript
+// Increase brightness
+await sharp('input.jpg')
+  .linear(1.0, 50)
+  .toFile('brighter.jpg');
+
+// Increase contrast
+await sharp('input.jpg')
+  .linear(1.5, 0)
+  .toFile('higher-contrast.jpg');
+
+// Per-channel adjustment
+await sharp('input.jpg')
+  .linear([1.2, 1.0, 0.8], [10, -5, 20])
+  .toFile('channel-adjusted.jpg');
+```
+
+### Modulation
+
+Adjust brightness, saturation, hue, and lightness.
+
+```javascript { .api }
+/**
+ * Modulate image brightness, saturation, hue, and lightness
+ * @param options - Modulation parameters
+ * @returns Sharp instance for chaining
+ */
+modulate(options?: ModulateOptions): Sharp;
+
+interface ModulateOptions {
+  /** Brightness multiplier */
+  brightness?: number;
+  /** Saturation multiplier */
+  saturation?: number;
+  /** Hue rotation in degrees */
+  hue?: number;
+  /** Lightness adjustment */
+  lightness?: number;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// Increase brightness and saturation
+await sharp('input.jpg')
+  .modulate({
+    brightness: 1.2,
+    saturation: 1.3
+  })
+  .toFile('enhanced.jpg');
+
+// Hue shift
+await sharp('input.jpg')
+  .modulate({
+    hue: 45
+  })
+  .toFile('hue-shifted.jpg');
+
+// Combined adjustments
+await sharp('input.jpg')
+  .modulate({
+    brightness: 1.1,
+    saturation: 0.9,
+    hue: -15,
+    lightness: 5
+  })
+  .toFile('color-graded.jpg');
+```
+
+### Advanced Operations
+
+#### Convolution
+
+Apply custom convolution kernels.
+
+```javascript { .api }
+/**
+ * Apply custom convolution kernel
+ * @param kernel - Convolution kernel definition
+ * @returns Sharp instance for chaining
+ */
+convolve(kernel: Kernel): Sharp;
+
+interface Kernel {
+  /** Kernel width in pixels */
+  width: number;
+  /** Kernel height in pixels */
+  height: number;
+  /** Kernel values array (length: width * height) */
+  kernel: number[];
+  /** Kernel scale (defaults to sum of kernel values) */
+  scale?: number;
+  /** Kernel offset (defaults to 0) */
+  offset?: number;
+}
+```
+
+**Usage Example:**
+
+```javascript
+// Edge detection kernel
+await sharp('input.jpg')
+  .convolve({
+    width: 3,
+    height: 3,
+    kernel: [
+      -1, -1, -1,
+      -1,  8, -1,
+      -1, -1, -1
+    ]
+  })
+  .toFile('edges.jpg');
+```
+
+#### Thresholding
+
+Convert to binary image based on threshold.
+
+```javascript { .api }
+/**
+ * Apply threshold to create binary image
+ * @param threshold - Threshold value (0-255, defaults to 128)
+ * @param options - Threshold options
+ * @returns Sharp instance for chaining
+ */
+threshold(threshold?: number, options?: ThresholdOptions): Sharp;
+
+interface ThresholdOptions {
+  /** Convert to single channel greyscale */
+  greyscale?: boolean;
+  /** Alternative spelling of greyscale */
+  grayscale?: boolean;
+}
+```
+
+#### Matrix Recombination
+
+Recombine image channels using transformation matrix.
+
+```javascript { .api }
+/**
+ * Recombine image channels using matrix
+ * @param matrix - 3x3 or 4x4 recombination matrix
+ * @returns Sharp instance for chaining
+ */
+recomb(matrix: Matrix3x3 | Matrix4x4): Sharp;
+
+type Matrix3x3 = [[number, number, number], [number, number, number], [number, number, number]];
+type Matrix4x4 = [[number, number, number, number], [number, number, number, number], [number, number, number, number], [number, number, number, number]];
+```
+
+**Usage Example:**
+
+```javascript
+// Custom color mixing
+await sharp('input.jpg')
+  .recomb([
+    [0.3588, 0.7044, 0.1368],
+    [0.2990, 0.5870, 0.1140],
+    [0.2392, 0.4696, 0.0912]
+  ])
+  .toFile('custom-mixed.jpg');
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-sharp/docs/output-formats.md b/.tessl/tiles/tessl/npm-sharp/docs/output-formats.md
new file mode 100644
index 000000000..d19015ef3
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-sharp/docs/output-formats.md
@@ -0,0 +1,625 @@
+# Output and Formats
+
+Sharp supports comprehensive output options with format-specific optimizations and extensive metadata control.
+
+## Capabilities
+
+### Core Output Methods
+
+Write processed images to files or buffers.
+
+```javascript { .api }
+/**
+ * Write image to file with automatic format detection
+ * @param fileOut - Output file path
+ * @param callback - Optional callback function
+ * @returns Promise resolving to output information
+ */
+toFile(fileOut: string, callback?: (err: Error, info: OutputInfo) => void): Promise<OutputInfo>;
+
+/**
+ * Write image to Buffer
+ * @param options - Buffer output options
+ * @returns Promise resolving to Buffer
+ */
+toBuffer(options?: BufferOptions): Promise<Buffer>;
+
+/**
+ * Write image to Buffer with metadata
+ * @param options - Buffer output options with resolveWithObject: true
+ * @returns Promise resolving to object with data and info
+ */
+toBuffer(options: { resolveWithObject: true }): Promise<{ data: Buffer; info: OutputInfo }>;
+
+interface OutputInfo {
+  /** Output format identifier */
+  format: string;
+  /** Output file size in bytes */
+  size: number;
+  /** Output width in pixels */
+  width: number;
+  /** Output height in pixels */
+  height: number;
+  /** Number of channels in output */
+  channels: number;
+  /** Whether premultiplication was used */
+  premultiplied: boolean;
+  /** Crop offset (when using crop strategies) */
+  cropOffsetLeft?: number;
+  cropOffsetTop?: number;
+  /** Trim offset (when using trim) */
+  trimOffsetLeft?: number;
+  trimOffsetTop?: number;
+}
+
+interface BufferOptions {
+  /** Resolve with object containing data and info */
+  resolveWithObject?: boolean;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// Write to file (format auto-detected from extension)
+const info = await sharp('input.jpg')
+  .resize(800, 600)
+  .toFile('output.webp');
+console.log(`Output: ${info.width}x${info.height}, ${info.size} bytes`);
+
+// Write to buffer
+const buffer = await sharp('input.png')
+  .jpeg({ quality: 90 })
+  .toBuffer();
+
+// Write to buffer with metadata  
+const { data, info } = await sharp('input.tiff')
+  .png()
+  .toBuffer({ resolveWithObject: true });
+```
+
+### JPEG Output
+
+High-quality JPEG output with extensive compression controls.
+
+```javascript { .api }
+/**
+ * Configure JPEG output options
+ * @param options - JPEG-specific options
+ * @returns Sharp instance for chaining
+ */
+jpeg(options?: JpegOptions): Sharp;
+
+interface JpegOptions {
+  /** Quality level (1-100, default 80) */
+  quality?: number;
+  /** Use progressive encoding */
+  progressive?: boolean;
+  /** Chroma subsampling ('4:2:0' or '4:4:4') */
+  chromaSubsampling?: string;
+  /** Apply trellis quantization */
+  trellisQuantisation?: boolean;
+  /** Apply overshoot deringing */
+  overshootDeringing?: boolean;
+  /** Optimize progressive scans */
+  optimiseScans?: boolean;
+  optimizeScans?: boolean;
+  /** Optimize Huffman coding tables */
+  optimiseCoding?: boolean;
+  optimizeCoding?: boolean;
+  /** Quantization table (0-8) */
+  quantisationTable?: number;
+  quantizationTable?: number;
+  /** Use mozjpeg encoder defaults */
+  mozjpeg?: boolean;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// High-quality JPEG
+await sharp('input.png')
+  .jpeg({
+    quality: 95,
+    progressive: true,
+    optimizeCoding: true
+  })
+  .toFile('high-quality.jpg');
+
+// Web-optimized JPEG
+await sharp('input.tiff')
+  .jpeg({
+    quality: 85,
+    progressive: true,
+    mozjpeg: true
+  })
+  .toFile('web-optimized.jpg');
+
+// Print-quality JPEG
+await sharp('input.raw')
+  .jpeg({
+    quality: 100,
+    chromaSubsampling: '4:4:4',
+    trellisQuantisation: true
+  })
+  .toFile('print-quality.jpg');
+```
+
+### PNG Output
+
+Lossless PNG output with compression and palette options.
+
+```javascript { .api }
+/**
+ * Configure PNG output options
+ * @param options - PNG-specific options
+ * @returns Sharp instance for chaining
+ */
+png(options?: PngOptions): Sharp;
+
+interface PngOptions {
+  /** Use progressive (interlaced) encoding */
+  progressive?: boolean;
+  /** zlib compression level (0-9, default 6) */
+  compressionLevel?: number;
+  /** Use adaptive row filtering */
+  adaptiveFiltering?: boolean;
+  /** Quality for palette reduction (0-100, default 100) */
+  quality?: number;
+  /** CPU effort for file size reduction (1-10, default 7) */
+  effort?: number;
+  /** Use palette-based encoding */
+  palette?: boolean;
+  /** Maximum palette colors */
+  colours?: number;
+  colors?: number;
+  /** Floyd-Steinberg dithering level */
+  dither?: number;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// High compression PNG
+await sharp('input.jpg')
+  .png({
+    compressionLevel: 9,
+    adaptiveFiltering: true,
+    effort: 10
+  })
+  .toFile('compressed.png');
+
+// Palette PNG for web
+await sharp('input.jpg')
+  .png({
+    palette: true,
+    colors: 256,
+    quality: 90,
+    dither: 1.0
+  })
+  .toFile('palette.png');
+
+// Progressive PNG
+await sharp('input.bmp')
+  .png({
+    progressive: true,
+    compressionLevel: 6
+  })
+  .toFile('progressive.png');
+```
+
+### WebP Output
+
+Modern WebP format with excellent compression and quality.
+
+```javascript { .api }
+/**
+ * Configure WebP output options
+ * @param options - WebP-specific options
+ * @returns Sharp instance for chaining
+ */
+webp(options?: WebpOptions): Sharp;
+
+interface WebpOptions {
+  /** Quality level (1-100, default 80) */
+  quality?: number;
+  /** Alpha channel quality (0-100, default 100) */
+  alphaQuality?: number;
+  /** Use lossless compression */
+  lossless?: boolean;
+  /** Use near-lossless compression */
+  nearLossless?: boolean;
+  /** Use smart chroma subsampling */
+  smartSubsample?: boolean;
+  /** Auto-adjust deblocking filter */
+  smartDeblock?: boolean;
+  /** CPU effort for file size reduction (0-6, default 4) */
+  effort?: number;
+  /** Animation loop count */
+  loop?: number;
+  /** Frame delays for animation */
+  delay?: number | number[];
+  /** Minimize animation file size */
+  minSize?: boolean;
+  /** Allow mixed lossy/lossless frames */
+  mixed?: boolean;
+  /** Encoding preset */
+  preset?: 'default' | 'photo' | 'picture' | 'drawing' | 'icon' | 'text';
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// High-quality WebP
+await sharp('input.jpg')
+  .webp({
+    quality: 90,
+    effort: 6
+  })
+  .toFile('high-quality.webp');
+
+// Lossless WebP
+await sharp('input.png')
+  .webp({
+    lossless: true
+  })
+  .toFile('lossless.webp');
+
+// Animated WebP
+await sharp('frames/*.jpg')
+  .webp({
+    quality: 80,
+    loop: 0,
+    delay: [100, 200, 150]
+  })
+  .toFile('animated.webp');
+```
+
+### AVIF Output
+
+Next-generation AVIF format with superior compression.
+
+```javascript { .api }
+/**
+ * Configure AVIF output options
+ * @param options - AVIF-specific options
+ * @returns Sharp instance for chaining
+ */
+avif(options?: AvifOptions): Sharp;
+
+interface AvifOptions {
+  /** Quality level (1-100, default 50) */
+  quality?: number;
+  /** Use lossless compression */
+  lossless?: boolean;
+  /** CPU effort (0-9, default 4) */
+  effort?: number;
+  /** Chroma subsampling ('4:2:0' or '4:4:4') */
+  chromaSubsampling?: string;
+  /** Bit depth (8, 10, or 12) */
+  bitdepth?: 8 | 10 | 12;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// Standard AVIF
+await sharp('input.jpg')
+  .avif({
+    quality: 60,
+    effort: 6
+  })
+  .toFile('compressed.avif');
+
+// High bit-depth AVIF
+await sharp('input.tiff')
+  .avif({
+    quality: 80,
+    bitdepth: 10,
+    effort: 9
+  })
+  .toFile('hdr.avif');
+```
+
+### TIFF Output
+
+Professional TIFF output with multiple compression options.
+
+```javascript { .api }
+/**
+ * Configure TIFF output options
+ * @param options - TIFF-specific options
+ * @returns Sharp instance for chaining
+ */
+tiff(options?: TiffOptions): Sharp;
+
+interface TiffOptions {
+  /** Quality for JPEG compression (1-100, default 80) */
+  quality?: number;
+  /** Compression method */
+  compression?: 'none' | 'jpeg' | 'deflate' | 'packbits' | 'ccittfax4' | 'lzw' | 'webp' | 'zstd' | 'jp2k';
+  /** Compression predictor */
+  predictor?: 'none' | 'horizontal' | 'float';
+  /** Create image pyramid */
+  pyramid?: boolean;
+  /** Create tiled TIFF */
+  tile?: boolean;
+  /** Tile width (default 256) */
+  tileWidth?: number;
+  /** Tile height (default 256) */
+  tileHeight?: number;
+  /** Horizontal resolution (pixels/mm) */
+  xres?: number;
+  /** Vertical resolution (pixels/mm) */
+  yres?: number;
+  /** Resolution unit */
+  resolutionUnit?: 'inch' | 'cm';
+  /** Bit depth reduction */
+  bitdepth?: 1 | 2 | 4 | 8;
+  /** Use miniswhite for 1-bit images */
+  miniswhite?: boolean;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// Compressed TIFF
+await sharp('input.jpg')
+  .tiff({
+    compression: 'lzw',
+    predictor: 'horizontal'
+  })
+  .toFile('compressed.tiff');
+
+// High-resolution print TIFF
+await sharp('input.raw')
+  .tiff({
+    compression: 'none',
+    xres: 300,
+    yres: 300,
+    resolutionUnit: 'inch'
+  })
+  .toFile('print.tiff');
+
+// Tiled TIFF for large images
+await sharp('huge-input.tiff')
+  .tiff({
+    tile: true,
+    tileWidth: 512,
+    tileHeight: 512,
+    compression: 'jpeg',
+    quality: 90
+  })
+  .toFile('tiled.tiff');
+```
+
+### Additional Formats
+
+Sharp supports many other formats with specific options.
+
+```javascript { .api }
+/**
+ * Configure HEIF/HEIC output
+ */
+heif(options?: HeifOptions): Sharp;
+
+/**
+ * Configure GIF output (requires ImageMagick)
+ */
+gif(options?: GifOptions): Sharp;
+
+/**
+ * Configure JPEG 2000 output
+ */
+jp2(options?: Jp2Options): Sharp;
+
+/**
+ * Configure JPEG-XL output (experimental)
+ */
+jxl(options?: JxlOptions): Sharp;
+
+/**
+ * Configure raw pixel output
+ */
+raw(options?: RawOptions): Sharp;
+
+interface FormatInfo {
+  id: string;
+  input: { file: boolean; buffer: boolean; stream: boolean };
+  output: { file: boolean; buffer: boolean; stream: boolean };
+}
+
+/**
+ * Force specific output format
+ */
+toFormat(format: string | FormatInfo, options?: any): Sharp;
+```
+
+### Deep Zoom Tiles
+
+Generate tiled image pyramids for web viewing.
+
+```javascript { .api }
+/**
+ * Generate tiled pyramid output
+ * @param options - Tile generation options
+ * @returns Sharp instance for chaining
+ */
+tile(options?: TileOptions): Sharp;
+
+interface TileOptions {
+  /** Tile size in pixels (1-8192, default 256) */
+  size?: number;
+  /** Tile overlap in pixels (0-8192, default 0) */
+  overlap?: number;
+  /** Tile rotation angle (multiple of 90) */
+  angle?: number;
+  /** Background color */
+  background?: string | RGBA;
+  /** Pyramid depth */
+  depth?: 'onepixel' | 'onetile' | 'one';
+  /** Skip blank tiles threshold */
+  skipBlanks?: number;
+  /** Container format */
+  container?: 'fs' | 'zip';
+  /** Tile layout */
+  layout?: 'dz' | 'iiif' | 'iiif3' | 'zoomify' | 'google';  
+  /** Center tiles */
+  centre?: boolean;
+  center?: boolean;
+  /** IIIF identifier */
+  id?: string;
+  /** Zip directory basename */
+  basename?: string;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// Deep Zoom tiles
+await sharp('large-image.jpg')
+  .tile({
+    size: 512,
+    overlap: 2,
+    layout: 'dz'
+  })
+  .toFile('tiles.dzi');
+
+// IIIF tiles
+await sharp('manuscript.tiff')
+  .tile({
+    layout: 'iiif',
+    id: 'https://example.com/iiif/manuscript',
+    size: 256
+  })
+  .toFile('iiif-tiles');
+
+// Zoomify tiles
+await sharp('artwork.png')
+  .tile({
+    layout: 'zoomify',
+    background: 'white'
+  })
+  .toFile('zoomify-tiles');
+```
+
+## Metadata Handling
+
+Control metadata preservation and modification in output images.
+
+```javascript { .api }
+/**
+ * Keep all metadata from input
+ */
+keepMetadata(): Sharp;
+
+/**
+ * Keep EXIF metadata
+ */
+keepExif(): Sharp;
+
+/**
+ * Set EXIF metadata
+ */
+withExif(exif: Exif): Sharp;
+
+/**
+ * Merge EXIF metadata with existing
+ */
+withExifMerge(exif: Exif): Sharp;
+
+/**
+ * Keep ICC color profile
+ */
+keepIccProfile(): Sharp;
+
+/**
+ * Set ICC color profile
+ */
+withIccProfile(profile: string, options?: WithIccProfileOptions): Sharp;
+
+/**
+ * Keep XMP metadata
+ */
+keepXmp(): Sharp;
+
+/**
+ * Set XMP metadata
+ */
+withXmp(xmp: string): Sharp;
+
+/**
+ * Set custom metadata
+ */
+withMetadata(metadata?: WriteableMetadata): Sharp;
+
+interface WriteableMetadata {
+  /** Image density (DPI) */
+  density?: number;
+  /** EXIF orientation (1-8) */
+  orientation?: number;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// Preserve all metadata
+await sharp('input.jpg')
+  .resize(800, 600)
+  .keepMetadata()
+  .toFile('resized-with-metadata.jpg');
+
+// Custom EXIF data
+await sharp('input.jpg')
+  .withExif({
+    IFD0: {
+      Copyright: '© 2024 Example Corp',
+      Artist: 'Jane Photographer'
+    }
+  })
+  .jpeg()
+  .toFile('with-copyright.jpg');
+
+// Set color profile
+await sharp('input.jpg')
+  .withIccProfile('srgb')
+  .toFile('color-managed.jpg');
+```
+
+## Performance and Quality
+
+**Format Selection Guide:**
+- **JPEG**: Best for photographs, good compression
+- **PNG**: Best for graphics with transparency, lossless
+- **WebP**: Excellent compression, modern browser support
+- **AVIF**: Superior compression, limited support
+- **TIFF**: Professional workflows, uncompressed or lossless compression
+
+**Quality vs Size Trade-offs:**
+
+```javascript
+const optimizeForWeb = async (input, output) => {
+  const { width } = await sharp(input).metadata();
+  
+  // Choose format and quality based on content and size
+  if (width > 1920) {
+    // Large images: prioritize compression
+    await sharp(input)
+      .resize({ width: 1920, fit: 'inside' })
+      .webp({ quality: 80, effort: 6 })
+      .toFile(output);
+  } else {
+    // Smaller images: balance quality and size
+    await sharp(input)
+      .webp({ quality: 90, effort: 4 })
+      .toFile(output);
+  }
+};
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-sharp/docs/resize-geometry.md b/.tessl/tiles/tessl/npm-sharp/docs/resize-geometry.md
new file mode 100644
index 000000000..312ed28d8
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-sharp/docs/resize-geometry.md
@@ -0,0 +1,363 @@
+# Resizing and Geometry
+
+Sharp provides comprehensive image resizing and geometric transformation capabilities with multiple fit strategies, interpolation methods, and precision controls.
+
+## Capabilities
+
+### Image Resizing
+
+Resize images with various fit strategies and quality controls.
+
+```javascript { .api }
+/**
+ * Resize image to specified dimensions
+ * @param widthOrOptions - Target width or ResizeOptions object
+ * @param height - Target height in pixels (optional)
+ * @param options - Additional resize options (optional)
+ * @returns Sharp instance for chaining
+ */
+resize(widthOrOptions?: number | ResizeOptions, height?: number, options?: ResizeOptions): Sharp;
+
+interface ResizeOptions {
+  /** Target width (alternative to first parameter) */
+  width?: number;
+  /** Target height (alternative to second parameter) */
+  height?: number;
+  /** How image should fit both dimensions */
+  fit?: 'cover' | 'contain' | 'fill' | 'inside' | 'outside';
+  /** Position/gravity when using cover or contain */
+  position?: number | string;
+  /** Background color for contain mode */
+  background?: string | RGBA;
+  /** Interpolation kernel for image reduction */
+  kernel?: 'nearest' | 'cubic' | 'mitchell' | 'lanczos2' | 'lanczos3' | 'mks2013' | 'mks2021';
+  /** Don't enlarge if smaller than target */
+  withoutEnlargement?: boolean;
+  /** Don't reduce if larger than target */
+  withoutReduction?: boolean;
+  /** Use shrink-on-load optimization */
+  fastShrinkOnLoad?: boolean;
+}
+```
+
+**Fit Strategies:**
+- `cover` - Crop to cover both dimensions (default)
+- `contain` - Embed within both dimensions
+- `fill` - Stretch ignoring aspect ratio
+- `inside` - Fit within dimensions preserving aspect ratio
+- `outside` - Ensure dimensions are exceeded preserving aspect ratio
+
+**Usage Examples:**
+
+```javascript
+// Basic resize
+await sharp('input.jpg')
+  .resize(800, 600)
+  .toFile('output.jpg');
+
+// Resize with fit strategy
+await sharp('input.jpg')
+  .resize({
+    width: 800,
+    height: 600,
+    fit: 'contain',
+    background: 'white'
+  })
+  .toFile('contain.jpg');
+
+// Resize maintaining aspect ratio
+await sharp('input.jpg')
+  .resize({ width: 800, fit: 'inside' })
+  .toFile('proportional.jpg');
+
+// High-quality resize
+await sharp('input.jpg')
+  .resize(400, 300, {
+    kernel: 'lanczos3',
+    withoutEnlargement: true
+  })
+  .toFile('hq-resize.jpg');
+```
+
+### Region Extraction
+
+Extract/crop specific regions from images.
+
+```javascript { .api }
+/**
+ * Extract region from image (crop operation)
+ * @param region - Region coordinates and dimensions
+ * @returns Sharp instance for chaining
+ */
+extract(region: Region): Sharp;
+
+interface Region {
+  /** Zero-indexed offset from left edge */
+  left: number;
+  /** Zero-indexed offset from top edge */
+  top: number;
+  /** Width of extracted region */
+  width: number;
+  /** Height of extracted region */
+  height: number;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// Extract region
+await sharp('input.jpg')
+  .extract({ left: 100, top: 50, width: 400, height: 300 })
+  .toFile('cropped.jpg');
+
+// Pre-resize extraction (crop then resize)
+await sharp('input.jpg')
+  .extract({ left: 0, top: 0, width: 800, height: 800 })
+  .resize(400, 400)
+  .toFile('crop-then-resize.jpg');
+
+// Post-resize extraction (resize then crop)
+await sharp('input.jpg')
+  .resize(1000, 1000)
+  .extract({ left: 250, top: 250, width: 500, height: 500 })
+  .toFile('resize-then-crop.jpg');
+```
+
+### Image Extension
+
+Extend/pad image edges with background or derived pixels.
+
+```javascript { .api }
+/**
+ * Extend image edges with padding
+ * @param extend - Padding amount or detailed options
+ * @returns Sharp instance for chaining
+ */
+extend(extend: number | ExtendOptions): Sharp;
+
+interface ExtendOptions {
+  /** Padding for top edge */
+  top?: number;
+  /** Padding for left edge */
+  left?: number;
+  /** Padding for bottom edge */
+  bottom?: number;
+  /** Padding for right edge */
+  right?: number;
+  /** Background color for padding */
+  background?: string | RGBA;
+  /** How extension is done */
+  extendWith?: 'background' | 'copy' | 'repeat' | 'mirror';
+}
+```
+
+**Extension Methods:**
+- `background` - Use background color (default)
+- `copy` - Copy edge pixels
+- `repeat` - Repeat edge pixels
+- `mirror` - Mirror edge pixels
+
+**Usage Examples:**
+
+```javascript
+// Uniform padding
+await sharp('input.jpg')
+  .extend(50)
+  .toFile('padded.jpg');
+
+// Different padding per edge
+await sharp('input.jpg')
+  .extend({
+    top: 20,
+    bottom: 20,
+    left: 50,
+    right: 50,
+    background: '#ff0000'
+  })
+  .toFile('custom-padding.jpg');
+
+// Mirror extension
+await sharp('input.jpg')
+  .extend({
+    top: 100,
+    bottom: 100,
+    extendWith: 'mirror'
+  })
+  .toFile('mirrored.jpg');
+```
+
+### Edge Trimming
+
+Remove edges with similar colors to background.
+
+```javascript { .api }
+/**
+ * Trim similar-colored edges from image
+ * @param options - Trimming options
+ * @returns Sharp instance for chaining
+ */
+trim(options?: TrimOptions): Sharp;
+
+interface TrimOptions {
+  /** Background color (defaults to top-left pixel) */
+  background?: string | RGBA;
+  /** Color difference threshold (0-255) */
+  threshold?: number;
+  /** Optimize for line art vs photographic content */
+  lineArt?: boolean;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// Basic trim (uses top-left pixel as background)
+await sharp('input.png')
+  .trim()
+  .toFile('trimmed.png');
+
+// Trim with specific background
+await sharp('input.png')
+  .trim({
+    background: 'white',
+    threshold: 20
+  })
+  .toFile('white-trimmed.png');
+
+// Trim line art
+await sharp('vector-input.png')
+  .trim({
+    lineArt: true,
+    threshold: 5
+  })
+  .toFile('line-art-trimmed.png');
+```
+
+## Position and Gravity Constants
+
+Sharp provides constants for positioning and gravity options.
+
+```javascript { .api }
+// Available via sharp.gravity
+interface GravityEnum {
+  north: number;
+  northeast: number;
+  east: number;
+  southeast: number;
+  south: number;
+  southwest: number;
+  west: number;
+  northwest: number;
+  center: number;
+  centre: number;
+}
+
+// Available via sharp.strategy  
+interface StrategyEnum {
+  entropy: number;
+  attention: number;
+}
+
+// Available via sharp.kernel
+interface KernelEnum {
+  nearest: 'nearest';
+  cubic: 'cubic';
+  mitchell: 'mitchell';
+  lanczos2: 'lanczos2';
+  lanczos3: 'lanczos3';
+  mks2013: 'mks2013';
+  mks2021: 'mks2021';
+}
+
+// Available via sharp.fit
+interface FitEnum {
+  contain: 'contain';
+  cover: 'cover';
+  fill: 'fill';
+  inside: 'inside';
+  outside: 'outside';
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// Using gravity constants
+await sharp('input.jpg')
+  .resize({
+    width: 400,
+    height: 400,
+    fit: 'cover',
+    position: sharp.gravity.northeast
+  })
+  .toFile('gravity-crop.jpg');
+
+// Using strategy for smart cropping
+await sharp('input.jpg')
+  .resize({
+    width: 400,
+    height: 400,
+    fit: 'cover',
+    position: sharp.strategy.attention
+  })
+  .toFile('smart-crop.jpg');
+
+// Using interpolation kernel
+await sharp('input.jpg')
+  .resize(800, 600, {
+    kernel: sharp.kernel.lanczos3
+  })
+  .toFile('hq-resize.jpg');
+```
+
+## Advanced Resize Patterns
+
+**Batch Processing:**
+
+```javascript
+const sizes = [
+  { width: 200, suffix: '-thumb' },
+  { width: 400, suffix: '-small' },
+  { width: 800, suffix: '-medium' },
+  { width: 1200, suffix: '-large' }
+];
+
+const image = sharp('input.jpg');
+
+await Promise.all(
+  sizes.map(size => 
+    image
+      .clone()
+      .resize({ width: size.width, fit: 'inside' })
+      .jpeg({ quality: 90 })
+      .toFile(`output${size.suffix}.jpg`)
+  )
+);
+```
+
+**Responsive Images:**
+
+```javascript
+// Generate multiple sizes for responsive images
+const generateResponsive = async (input, basename) => {
+  const image = sharp(input);
+  const metadata = await image.metadata();
+  
+  const sizes = [480, 768, 1024, 1200];
+  
+  return Promise.all(
+    sizes.map(width => 
+      image
+        .clone()
+        .resize({ 
+          width: Math.min(width, metadata.width),
+          fit: 'inside',
+          withoutEnlargement: true
+        })
+        .webp({ quality: 85 })
+        .toFile(`${basename}-${width}w.webp`)
+    )
+  );
+};
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-sharp/docs/utilities-performance.md b/.tessl/tiles/tessl/npm-sharp/docs/utilities-performance.md
new file mode 100644
index 000000000..dd58a7174
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-sharp/docs/utilities-performance.md
@@ -0,0 +1,646 @@
+# Utilities and Performance
+
+Sharp provides extensive utilities for performance monitoring, library configuration, and runtime optimization controls.
+
+## Capabilities
+
+### Cache Management
+
+Control libvips operation cache for memory and performance optimization.
+
+```javascript { .api }
+/**
+ * Get or set libvips operation cache limits
+ * @param options - Cache configuration or boolean
+ * @returns Current cache statistics
+ */
+sharp.cache(options?: boolean | CacheOptions): CacheResult;
+
+interface CacheOptions {
+  /** Maximum memory in MB (default 50) */
+  memory?: number;
+  /** Maximum open files (default 20) */
+  files?: number;
+  /** Maximum cached operations (default 100) */
+  items?: number;
+}
+
+interface CacheResult {
+  /** Memory usage statistics */
+  memory: {
+    current: number;
+    high: number;
+    max: number;
+  };
+  /** File handle statistics */
+  files: {
+    current: number;
+    max: number;
+  };
+  /** Cached items statistics */
+  items: {
+    current: number;
+    max: number;
+  };
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// Get current cache statistics
+const cacheStats = sharp.cache();
+console.log('Memory usage:', cacheStats.memory);
+console.log('Open files:', cacheStats.files);
+console.log('Cached items:', cacheStats.items);
+
+// Set cache limits
+sharp.cache({
+  memory: 100,  // 100MB
+  files: 50,    // 50 open files
+  items: 200    // 200 cached operations
+});
+
+// Disable caching
+sharp.cache(false);
+
+// Reset to defaults
+sharp.cache(true);
+
+// Monitor cache usage
+const monitorCache = () => {
+  const stats = sharp.cache();
+  console.log(`Memory: ${stats.memory.current}MB / ${stats.memory.max}MB`);
+  console.log(`Files: ${stats.files.current} / ${stats.files.max}`);
+  console.log(`Items: ${stats.items.current} / ${stats.items.max}`);
+  
+  if (stats.memory.current > stats.memory.max * 0.9) {
+    console.warn('Cache memory usage is high');
+  }
+};
+```
+
+### Concurrency Control
+
+Manage thread usage for optimal performance across different workloads.
+
+```javascript { .api }
+/**
+ * Get or set number of libvips worker threads
+ * @param concurrency - Number of threads (0 = auto-detect)
+ * @returns Current concurrency value
+ */
+sharp.concurrency(concurrency?: number): number;
+```
+
+**Usage Examples:**
+
+```javascript
+// Get current thread count
+const currentThreads = sharp.concurrency();
+console.log(`Current threads: ${currentThreads}`);
+
+// Set thread count
+sharp.concurrency(4);  // Use 4 threads
+sharp.concurrency(0);  // Auto-detect (default)
+
+// Optimize for workload
+const optimizeForWorkload = (type) => {
+  const cpuCount = require('os').cpus().length;
+  
+  switch (type) {
+    case 'batch':
+      // High throughput batch processing
+      sharp.concurrency(cpuCount);
+      break;
+    case 'server':
+      // Web server with many concurrent requests
+      sharp.concurrency(Math.max(2, cpuCount / 2));
+      break;
+    case 'single':
+      // Single image processing
+      sharp.concurrency(1);
+      break;
+    default:
+      // Auto-detect
+      sharp.concurrency(0);
+  }
+};
+```
+
+### Task Monitoring
+
+Monitor Sharp's internal task queue and processing status.
+
+```javascript { .api }
+/**
+ * Access internal task counters
+ * @returns Current task queue statistics
+ */
+sharp.counters(): SharpCounters;
+
+interface SharpCounters {
+  /** Tasks waiting for worker threads */
+  queue: number;
+  /** Tasks currently being processed */
+  process: number;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+// Monitor task queue
+const monitorTasks = () => {
+  const counters = sharp.counters();
+  console.log(`Queued: ${counters.queue}, Processing: ${counters.process}`);
+  
+  if (counters.queue > 10) {
+    console.warn('High queue depth - consider increasing concurrency');
+  }
+};
+
+// Monitor during batch processing
+const processBatch = async (images) => {
+  console.log('Starting batch processing...');
+  
+  const interval = setInterval(monitorTasks, 1000);
+  
+  try {
+    await Promise.all(images.map(processImage));
+  } finally {
+    clearInterval(interval);
+    console.log('Batch processing complete');
+  }
+};
+```
+
+### SIMD Control
+
+Enable or disable SIMD vector unit instructions for performance optimization.
+
+```javascript { .api }
+/**
+ * Get or set SIMD vector unit instruction usage
+ * @param enable - Enable SIMD instructions (optional)
+ * @returns Current SIMD status
+ */
+sharp.simd(enable?: boolean): boolean;
+```
+
+**Usage Examples:**
+
+```javascript
+// Check SIMD availability
+const simdEnabled = sharp.simd();
+console.log(`SIMD enabled: ${simdEnabled}`);
+
+// Enable SIMD (if supported)
+if (sharp.simd(true)) {
+  console.log('SIMD enabled for better performance');
+} else {
+  console.log('SIMD not available on this system');
+}
+
+// Disable SIMD for debugging
+sharp.simd(false);
+
+// Performance comparison
+const benchmarkSIMD = async (imagePath) => {
+  const image = sharp(imagePath);
+  
+  // Test with SIMD disabled
+  sharp.simd(false);
+  const start1 = Date.now();
+  await image.clone().resize(800, 600).blur(2).toBuffer();
+  const time1 = Date.now() - start1;
+  
+  // Test with SIMD enabled
+  sharp.simd(true);
+  const start2 = Date.now();
+  await image.clone().resize(800, 600).blur(2).toBuffer();
+  const time2 = Date.now() - start2;
+  
+  console.log(`Without SIMD: ${time1}ms`);
+  console.log(`With SIMD: ${time2}ms`);
+  console.log(`Performance gain: ${((time1 - time2) / time1 * 100).toFixed(1)}%`);
+};
+```
+
+### Operation Blocking
+
+Block or unblock specific libvips operations for security or compatibility.
+
+```javascript { .api }
+/**
+ * Block libvips operations at runtime
+ * @param options - Operations to block
+ */
+sharp.block(options: { operation: string[] }): void;
+
+/**
+ * Unblock libvips operations at runtime
+ * @param options - Operations to unblock
+ */
+sharp.unblock(options: { operation: string[] }): void;
+```
+
+**Usage Examples:**
+
+```javascript
+// Block potentially unsafe operations
+sharp.block({
+  operation: ['VipsForeignLoadTiff', 'VipsForeignLoadPdf']
+});
+
+// Create allowlist by blocking all then unblocking specific operations
+sharp.block({
+  operation: ['VipsForeignLoad']  // Block all loaders
+});
+
+sharp.unblock({
+  operation: [
+    'VipsForeignLoadJpegFile',
+    'VipsForeignLoadPngFile',
+    'VipsForeignLoadWebpFile'
+  ]
+});
+
+// Security-focused configuration
+const secureConfiguration = () => {
+  // Block operations that could be security risks
+  sharp.block({
+    operation: [
+      'VipsForeignLoadTiff',      // TIFF can contain exploits
+      'VipsForeignLoadPdf',       // PDF processing
+      'VipsForeignLoadSvg',       // SVG can contain scripts
+      'VipsForeignLoadGif'        // Limit GIF processing
+    ]
+  });
+  
+  // Set conservative limits
+  sharp.cache({
+    memory: 50,   // Limit memory usage
+    files: 10,    // Limit open files
+    items: 50     // Limit cached items
+  });
+  
+  // Single thread for predictable behavior
+  sharp.concurrency(1);
+};
+```
+
+### Library Information
+
+Access version information and format capabilities.
+
+```javascript { .api }
+// Static properties providing library information
+
+/** Available input/output formats and their capabilities */
+sharp.format: FormatEnum;
+
+/** Version information for Sharp and dependencies */
+sharp.versions: {
+  sharp: string;
+  vips: string;
+  // Optional dependency versions
+  aom?: string;
+  cairo?: string;
+  exif?: string;
+  fontconfig?: string;
+  freetype?: string;
+  heif?: string;
+  jpeg?: string;
+  lcms?: string;
+  png?: string;
+  svg?: string;
+  tiff?: string;
+  webp?: string;
+  // ... other optional dependencies
+};
+
+/** Available interpolation methods */
+sharp.interpolators: {
+  nearest: 'nearest';
+  bilinear: 'bilinear'; 
+  bicubic: 'bicubic';
+  locallyBoundedBicubic: 'lbb';
+  nohalo: 'nohalo';
+  vertexSplitQuadraticBasisSpline: 'vsqbs';
+};
+
+/** Event emitter for queue status changes */
+sharp.queue: NodeJS.EventEmitter;
+
+/** Gravity constants for positioning */
+sharp.gravity: GravityEnum;
+
+/** Strategy constants for cropping */
+sharp.strategy: StrategyEnum;
+
+/** Kernel constants for resizing */
+sharp.kernel: KernelEnum;
+
+/** Fit constants for resize behavior */
+sharp.fit: FitEnum;
+
+/** Boolean operation constants */
+sharp.bool: BoolEnum;
+```
+
+**Usage Examples:**
+
+```javascript
+// Check format support
+console.log('Supported formats:');
+Object.keys(sharp.format).forEach(format => {
+  const info = sharp.format[format];
+  console.log(`${format}: input=${info.input.file}, output=${info.output.file}`);
+});
+
+// Check specific format capabilities
+if (sharp.format.avif && sharp.format.avif.output.file) {
+  console.log('AVIF output is supported');
+} else {
+  console.log('AVIF output not available');
+}
+
+// Version information
+console.log('Library versions:');
+console.log(`Sharp: ${sharp.versions.sharp}`);
+console.log(`libvips: ${sharp.versions.vips}`);
+
+if (sharp.versions.webp) {
+  console.log(`WebP: ${sharp.versions.webp}`);
+}
+
+// Check for optional features
+const checkFeatures = () => {
+  const features = {
+    avif: !!sharp.versions.heif,  // AVIF requires HEIF support
+    svg: !!sharp.versions.svg,
+    pdf: !!sharp.versions.poppler || !!sharp.versions.pdfium,
+    tiff: !!sharp.versions.tiff,
+    jpeg2000: !!sharp.versions.openjpeg
+  };
+  
+  console.log('Available features:', features);
+  return features;
+};
+
+// Monitor queue events
+sharp.queue.on('change', (queueLength) => {
+  console.log(`Queue length changed: ${queueLength}`);
+});
+```
+
+### Performance Optimization Patterns
+
+**Optimal Configuration for Different Use Cases:**
+
+```javascript
+// Web server configuration
+const configureForWebServer = () => {
+  const cpuCount = require('os').cpus().length;
+  
+  sharp.cache({
+    memory: 100,                    // 100MB cache
+    files: Math.min(cpuCount * 2, 20),  // Reasonable file limit
+    items: 200                      // Cache many operations
+  });
+  
+  sharp.concurrency(Math.max(2, cpuCount / 2));  // Leave CPU for other tasks
+  sharp.simd(true);                              // Enable SIMD if available
+  
+  // Monitor performance
+  setInterval(() => {
+    const stats = sharp.cache();
+    const counters = sharp.counters();
+    
+    if (stats.memory.current > stats.memory.max * 0.8) {
+      console.warn('Sharp cache memory usage high');
+    }
+    
+    if (counters.queue > 5) {
+      console.warn('Sharp queue backing up');
+    }
+  }, 30000);
+};
+
+// Batch processing configuration
+const configureForBatch = () => {
+  const totalMemory = require('os').totalmem() / 1024 / 1024 / 1024; // GB
+  const memoryLimit = Math.min(Math.floor(totalMemory / 4), 500);    // 25% of RAM, max 500MB
+  
+  sharp.cache({
+    memory: memoryLimit,
+    files: 100,      // Many files for batch processing
+    items: 1000      // Cache many operations
+  });
+  
+  sharp.concurrency(0);  // Use all available CPUs
+  sharp.simd(true);      // Maximum performance
+};
+
+// Memory-constrained configuration
+const configureForLowMemory = () => {
+  sharp.cache({
+    memory: 20,      // Low memory limit
+    files: 5,        // Few open files
+    items: 50        // Limited caching
+  });
+  
+  sharp.concurrency(1);  // Single thread to limit memory
+  sharp.simd(false);     // Reduce complexity
+};
+```
+
+**Performance Monitoring:**
+
+```javascript
+const createPerformanceMonitor = () => {
+  const stats = {
+    processedImages: 0,
+    totalTime: 0,
+    errors: 0
+  };
+  
+  const monitor = {
+    async processImage(imagePath, operations) {
+      const startTime = Date.now();
+      
+      try {
+        let pipeline = sharp(imagePath);
+        
+        // Apply operations
+        for (const op of operations) {
+          pipeline = pipeline[op.method](...op.args);
+        }
+        
+        const result = await pipeline.toBuffer();
+        
+        const endTime = Date.now();
+        const processingTime = endTime - startTime;
+        
+        stats.processedImages++;
+        stats.totalTime += processingTime;
+        
+        // Log performance metrics
+        const avgTime = stats.totalTime / stats.processedImages;
+        console.log(`Processed ${imagePath} in ${processingTime}ms (avg: ${avgTime.toFixed(1)}ms)`);
+        
+        return result;
+      } catch (error) {
+        stats.errors++;
+        console.error(`Error processing ${imagePath}:`, error.message);
+        throw error;
+      }
+    },
+    
+    getStats() {
+      return {
+        ...stats,
+        averageTime: stats.processedImages > 0 ? stats.totalTime / stats.processedImages : 0,
+        errorRate: stats.processedImages > 0 ? stats.errors / stats.processedImages : 0
+      };
+    },
+    
+    reset() {
+      stats.processedImages = 0;
+      stats.totalTime = 0;
+      stats.errors = 0;
+    }
+  };
+  
+  return monitor;
+};
+```
+
+**Memory Management:**
+
+```javascript
+const createMemoryManager = () => {
+  return {
+    async processWithMemoryManagement(images, processor) {
+      const batchSize = 10;  // Process in batches
+      const results = [];
+      
+      for (let i = 0; i < images.length; i += batchSize) {
+        const batch = images.slice(i, i + batchSize);
+        
+        // Process batch
+        const batchResults = await Promise.all(
+          batch.map(processor)
+        );
+        
+        results.push(...batchResults);
+        
+        // Check memory usage
+        const cacheStats = sharp.cache();
+        if (cacheStats.memory.current > cacheStats.memory.max * 0.8) {
+          console.log('Clearing cache due to high memory usage');
+          sharp.cache(false);  // Clear cache
+          sharp.cache(true);   // Re-enable with defaults
+        }
+        
+        // Force garbage collection if available
+        if (global.gc) {
+          global.gc();
+        }
+        
+        console.log(`Processed batch ${Math.floor(i/batchSize) + 1}/${Math.ceil(images.length/batchSize)}`);
+      }
+      
+      return results;
+    }
+  };
+};
+```
+
+## Enum Definitions
+
+Complete definitions for all Sharp constants and enums.
+
+```javascript { .api }
+interface FormatEnum {
+  heif: { id: string; input: { file: boolean; buffer: boolean; stream: boolean; }; output: { file: boolean; buffer: boolean; stream: boolean; }; };
+  jpeg: { id: string; input: { file: boolean; buffer: boolean; stream: boolean; }; output: { file: boolean; buffer: boolean; stream: boolean; }; };
+  jp2: { id: string; input: { file: boolean; buffer: boolean; stream: boolean; }; output: { file: boolean; buffer: boolean; stream: boolean; }; };
+  jxl: { id: string; input: { file: boolean; buffer: boolean; stream: boolean; }; output: { file: boolean; buffer: boolean; stream: boolean; }; };
+  png: { id: string; input: { file: boolean; buffer: boolean; stream: boolean; }; output: { file: boolean; buffer: boolean; stream: boolean; }; };
+  webp: { id: string; input: { file: boolean; buffer: boolean; stream: boolean; }; output: { file: boolean; buffer: boolean; stream: boolean; }; };
+  gif: { id: string; input: { file: boolean; buffer: boolean; stream: boolean; }; output: { file: boolean; buffer: boolean; stream: boolean; }; };
+  avif: { id: string; input: { file: boolean; buffer: boolean; stream: boolean; }; output: { file: boolean; buffer: boolean; stream: boolean; }; };
+  tiff: { id: string; input: { file: boolean; buffer: boolean; stream: boolean; }; output: { file: boolean; buffer: boolean; stream: boolean; }; };
+  dz: { id: string; input: { file: boolean; buffer: boolean; stream: boolean; }; output: { file: boolean; buffer: boolean; stream: boolean; }; };
+  fits: { id: string; input: { file: boolean; buffer: boolean; stream: boolean; }; output: { file: boolean; buffer: boolean; stream: boolean; }; };
+  magick: { id: string; input: { file: boolean; buffer: boolean; stream: boolean; }; output: { file: boolean; buffer: boolean; stream: boolean; }; };
+  openslide: { id: string; input: { file: boolean; buffer: boolean; stream: boolean; }; output: { file: boolean; buffer: boolean; stream: boolean; }; };
+  pdf: { id: string; input: { file: boolean; buffer: boolean; stream: boolean; }; output: { file: boolean; buffer: boolean; stream: boolean; }; };
+  ppm: { id: string; input: { file: boolean; buffer: boolean; stream: boolean; }; output: { file: boolean; buffer: boolean; stream: boolean; }; };
+  raw: { id: string; input: { file: boolean; buffer: boolean; stream: boolean; }; output: { file: boolean; buffer: boolean; stream: boolean; }; };
+  svg: { id: string; input: { file: boolean; buffer: boolean; stream: boolean; }; output: { file: boolean; buffer: boolean; stream: boolean; }; };
+  v: { id: string; input: { file: boolean; buffer: boolean; stream: boolean; }; output: { file: boolean; buffer: boolean; stream: boolean; }; };
+}
+
+interface GravityEnum {
+  north: 1;
+  northeast: 2;
+  east: 3;
+  southeast: 4;
+  south: 5;
+  southwest: 6;
+  west: 7;
+  northwest: 8;
+  center: 9;
+  centre: 9;
+}
+
+interface StrategyEnum {
+  entropy: 16;
+  attention: 17;
+}
+
+interface KernelEnum {
+  nearest: 'nearest';
+  linear: 'linear';
+  cubic: 'cubic';
+  mitchell: 'mitchell';
+  lanczos2: 'lanczos2';
+  lanczos3: 'lanczos3';
+}
+
+interface FitEnum {
+  contain: 'contain';
+  cover: 'cover';
+  fill: 'fill';
+  inside: 'inside';
+  outside: 'outside';
+}
+
+interface BoolEnum {
+  and: 'and';
+  or: 'or';
+  eor: 'eor';
+}
+
+interface Interpolators {
+  nearest: 'nearest';
+  bilinear: 'bilinear';
+  bicubic: 'bicubic';
+  locallyBoundedBicubic: 'lbb';
+  nohalo: 'nohalo';
+  vertexSplitQuadraticBasisSpline: 'vsqbs';
+}
+```
+
+## Best Practices
+
+1. **Cache Configuration**: Set appropriate cache limits based on available memory
+2. **Concurrency**: Balance thread count with system resources and workload
+3. **SIMD Usage**: Enable SIMD for better performance on supported systems
+4. **Security**: Block unnecessary operations in production environments
+5. **Monitoring**: Track cache usage and queue depth for optimization
+6. **Memory Management**: Process large batches in chunks to prevent memory exhaustion
+7. **Error Handling**: Monitor error rates and adjust configuration as needed
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-sharp/tile.json b/.tessl/tiles/tessl/npm-sharp/tile.json
new file mode 100644
index 000000000..d022222db
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-sharp/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-sharp",
+  "version": "0.34.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/sharp@0.34.3",
+  "summary": "High performance Node.js image processing library for resizing JPEG, PNG, WebP, GIF, AVIF and TIFF images"
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-sonner/docs/advanced-toast-features.md b/.tessl/tiles/tessl/npm-sonner/docs/advanced-toast-features.md
new file mode 100644
index 000000000..23e65e876
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-sonner/docs/advanced-toast-features.md
@@ -0,0 +1,492 @@
+# Advanced Toast Features
+
+Advanced toast functionality including promise integration, custom JSX content, action buttons, and state management utilities for complex notification scenarios.
+
+## Capabilities
+
+### Promise Toast Integration
+
+Automatically manages toast states for asynchronous operations with loading, success, and error states.
+
+```typescript { .api }
+/**
+ * Creates a toast that tracks a promise's lifecycle
+ * @param promise - Promise or function that returns a promise
+ * @param options - Configuration for different promise states
+ * @returns Object with unwrap method and toast ID
+ */
+function toast.promise<T>(
+  promise: Promise<T> | (() => Promise<T>),
+  options: PromiseData<T>
+): { unwrap(): Promise<T> } & (string | number);
+
+interface PromiseData<ToastData = any> {
+  /** Message or component to show during loading state */
+  loading?: string | React.ReactNode;
+  /** Message, component, or function to show on success */
+  success?: string | React.ReactNode | ((data: ToastData) => React.ReactNode | string | Promise<React.ReactNode | string>);
+  /** Message, component, or function to show on error */
+  error?: string | React.ReactNode | ((error: any) => React.ReactNode | string | Promise<React.ReactNode | string>);
+  /** Description that can be dynamic based on result */
+  description?: string | React.ReactNode | ((data: any) => React.ReactNode | string | Promise<React.ReactNode | string>);
+  /** Callback executed regardless of promise outcome */
+  finally?: () => void | Promise<void>;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { toast } from "sonner";
+
+// Basic promise toast
+const uploadPromise = uploadFile(file);
+
+toast.promise(uploadPromise, {
+  loading: "Uploading file...",
+  success: "File uploaded successfully!",
+  error: "Failed to upload file"
+});
+
+// Dynamic success message
+toast.promise(saveUserProfile(userData), {
+  loading: "Saving profile...",
+  success: (data) => `Profile saved! User ID: ${data.id}`,
+  error: (error) => `Save failed: ${error.message}`
+});
+
+// With description and finally callback
+toast.promise(processData(), {
+  loading: "Processing your data...",
+  success: "Data processed successfully",
+  error: "Processing failed",
+  description: (result) => `Processed ${result.count} items`,
+  finally: () => {
+    console.log("Processing completed");
+    refreshUI();
+  }
+});
+
+// Function-based promise
+toast.promise(
+  () => fetch("/api/data").then(res => res.json()),
+  {
+    loading: "Fetching data...",
+    success: "Data loaded!",
+    error: "Failed to load data"
+  }
+);
+
+// Using unwrap to handle the original promise
+const promiseToast = toast.promise(asyncOperation(), {
+  loading: "Working...",
+  success: "Done!",
+  error: "Failed!"
+});
+
+// Access the original promise result
+try {
+  const result = await promiseToast.unwrap();
+  console.log("Operation result:", result);
+} catch (error) {
+  console.error("Operation failed:", error);
+}
+```
+
+### Custom JSX Toasts
+
+Create completely custom toast content using React components.
+
+```typescript { .api }
+/**
+ * Creates a toast with custom JSX content
+ * @param jsx - Function that receives toast ID and returns React element
+ * @param options - Additional configuration options
+ * @returns Unique identifier for the created toast
+ */
+function toast.custom(
+  jsx: (id: string | number) => React.ReactElement,
+  options?: ExternalToast
+): string | number;
+```
+
+**Usage Examples:**
+
+```typescript
+import { toast } from "sonner";
+
+// Simple custom toast
+toast.custom((t) => (
+  <div style={{ padding: "12px" }}>
+    <h3>Custom Toast</h3>
+    <p>This is completely custom content!</p>
+    <button onClick={() => toast.dismiss(t)}>
+      Close
+    </button>
+  </div>
+));
+
+// Complex custom toast with actions
+toast.custom((t) => (
+  <div className="custom-toast">
+    <div className="toast-header">
+      <strong>New Message</strong>
+      <small>2 minutes ago</small>
+    </div>
+    <div className="toast-body">
+      <p>You have received a new message from John Doe.</p>
+    </div>
+    <div className="toast-actions">
+      <button 
+        onClick={() => {
+          viewMessage();
+          toast.dismiss(t);
+        }}
+        className="btn-primary"
+      >
+        View
+      </button>
+      <button 
+        onClick={() => toast.dismiss(t)}
+        className="btn-secondary"
+      >
+        Dismiss
+      </button>
+    </div>
+  </div>
+));
+
+// Custom toast with form
+toast.custom((t) => {
+  const [email, setEmail] = React.useState("");
+  
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    subscribeToNewsletter(email);
+    toast.dismiss(t);
+    toast.success("Subscribed successfully!");
+  };
+  
+  return (
+    <form onSubmit={handleSubmit} className="newsletter-toast">
+      <h4>Subscribe to Newsletter</h4>
+      <input
+        type="email"
+        placeholder="Enter your email"
+        value={email}
+        onChange={(e) => setEmail(e.target.value)}
+        required
+      />
+      <div className="form-actions">
+        <button type="submit">Subscribe</button>
+        <button type="button" onClick={() => toast.dismiss(t)}>
+          Cancel
+        </button>
+      </div>
+    </form>
+  );
+});
+
+// Custom toast with options
+toast.custom(
+  (t) => <CustomNotificationComponent id={t} />,
+  {
+    duration: Infinity, // Keep open until manually dismissed
+    position: "top-center"
+  }
+);
+```
+
+### Toast State Management
+
+Functions for managing toast state and retrieving toast information.
+
+```typescript { .api }
+/**
+ * Gets all toasts in history (including dismissed ones)
+ * @returns Array of all toast objects
+ */
+function toast.getHistory(): ToastT[];
+
+/**
+ * Gets currently active (visible) toasts
+ * @returns Array of active toast objects
+ */
+function toast.getToasts(): ToastT[];
+```
+
+**Usage Examples:**
+
+```typescript
+import { toast } from "sonner";
+
+// Check current toast count
+const activeToasts = toast.getToasts();
+console.log(`Currently showing ${activeToasts.length} toasts`);
+
+// Conditional toast creation
+if (toast.getToasts().length < 3) {
+  toast("New notification");
+} else {
+  console.log("Too many toasts, skipping...");
+}
+
+// Get toast history for analytics
+const allToasts = toast.getHistory();
+const errorToasts = allToasts.filter(t => t.type === "error");
+console.log(`User saw ${errorToasts.length} error messages`);
+
+// Find specific toast
+const loadingToasts = toast.getToasts().filter(t => t.type === "loading");
+if (loadingToasts.length > 0) {
+  console.log("Operations still in progress");
+}
+```
+
+### Toast Updates and Management
+
+Update existing toasts or manage multiple related toasts.
+
+```typescript { .api }
+// Update existing toast by providing same ID
+const toastId = toast("Initial message", { duration: 10000 });
+
+// Later, update the same toast
+toast("Updated message", { id: toastId });
+
+// Update with different type
+toast.success("Completed!", { id: toastId });
+```
+
+**Usage Examples:**
+
+```typescript
+import { toast } from "sonner";
+
+// Progress tracking
+const progressId = toast.loading("Starting process...");
+
+setTimeout(() => {
+  toast.loading("Step 1 of 3: Downloading...", { id: progressId });
+}, 1000);
+
+setTimeout(() => {
+  toast.loading("Step 2 of 3: Processing...", { id: progressId });
+}, 3000);
+
+setTimeout(() => {
+  toast.success("Process completed!", { id: progressId });
+}, 5000);
+
+// Multi-step form handling
+let formToastId: string | number;
+
+const handleFormStart = () => {
+  formToastId = toast.loading("Validating form...");
+};
+
+const handleFormValidated = () => {
+  toast.loading("Submitting data...", { id: formToastId });
+};
+
+const handleFormComplete = (result) => {
+  if (result.success) {
+    toast.success("Form submitted successfully!", { id: formToastId });
+  } else {
+    toast.error(`Submission failed: ${result.error}`, { id: formToastId });
+  }
+};
+
+// Batch operations
+const batchId = toast.loading("Processing 0/100 items...");
+
+for (let i = 0; i < 100; i++) {
+  await processItem(i);
+  
+  // Update progress every 10 items
+  if (i % 10 === 0) {
+    toast.loading(`Processing ${i}/100 items...`, { id: batchId });
+  }
+}
+
+toast.success("All items processed!", { id: batchId });
+```
+
+## Advanced Patterns
+
+### Promise Error Handling
+
+```typescript
+// Handle different HTTP error codes
+toast.promise(apiCall(), {
+  loading: "Saving...",
+  success: "Saved successfully!",
+  error: (error) => {
+    if (error.status === 401) {
+      return "Please log in to continue";
+    } else if (error.status === 403) {
+      return "You don't have permission to do this";
+    } else if (error.status >= 500) {
+      return "Server error. Please try again later";
+    }
+    return "Something went wrong";
+  }
+});
+
+// Promise with retry functionality
+const attemptOperation = async (retryCount = 0) => {
+  try {
+    const result = await riskyOperation();
+    return result;
+  } catch (error) {
+    if (retryCount < 3) {
+      throw error; // Let promise toast handle it
+    }
+    throw new Error("Max retries exceeded");
+  }
+};
+
+toast.promise(attemptOperation(), {
+  loading: "Attempting operation...",
+  success: "Operation successful!",
+  error: (error) => {
+    return (
+      <div>
+        <p>Operation failed: {error.message}</p>
+        <button onClick={() => toast.promise(attemptOperation(), { /* ... */ })}>
+          Retry
+        </button>
+      </div>
+    );
+  }
+});
+```
+
+### Complex Custom Components
+
+```typescript
+// Toast with image and rich content
+const MediaToast = ({ id, media, onAction }) => (
+  <div className="media-toast">
+    <img src={media.thumbnail} alt="" className="media-thumbnail" />
+    <div className="media-content">
+      <h4>{media.title}</h4>
+      <p>{media.description}</p>
+      <div className="media-actions">
+        <button onClick={() => onAction('play')}>Play</button>
+        <button onClick={() => onAction('download')}>Download</button>
+        <button onClick={() => toast.dismiss(id)}>×</button>
+      </div>
+    </div>
+  </div>
+);
+
+// Usage
+toast.custom((id) => (
+  <MediaToast 
+    id={id}
+    media={mediaItem}
+    onAction={(action) => handleMediaAction(action, mediaItem)}
+  />
+));
+
+// Toast with live updates
+const LiveUpdateToast = ({ id, initialData }) => {
+  const [data, setData] = React.useState(initialData);
+  
+  React.useEffect(() => {
+    const subscription = subscribeToUpdates((newData) => {
+      setData(newData);
+    });
+    
+    return () => subscription.unsubscribe();
+  }, []);
+  
+  return (
+    <div className="live-toast">
+      <h4>Live Data: {data.value}</h4>
+      <small>Last updated: {data.timestamp}</small>
+      <button onClick={() => toast.dismiss(id)}>Close</button>
+    </div>
+  );
+};
+```
+
+### Toast Orchestration
+
+```typescript
+// Sequential toasts
+const showSequentialToasts = async () => {
+  const step1 = toast.loading("Step 1: Preparing...");
+  await delay(2000);
+  
+  toast.success("Step 1 complete", { id: step1 });
+  await delay(1000);
+  
+  const step2 = toast.loading("Step 2: Processing...");
+  await delay(3000);
+  
+  toast.success("Step 2 complete", { id: step2 });
+  await delay(1000);
+  
+  toast.success("All steps completed!");
+};
+
+// Conditional toast chains
+const handleUserAction = async (action) => {
+  const loadingId = toast.loading(`Processing ${action}...`);
+  
+  try {
+    const result = await performAction(action);
+    
+    if (result.requiresConfirmation) {
+      toast.custom((id) => (
+        <ConfirmationToast
+          message={result.confirmationMessage}
+          onConfirm={() => {
+            toast.dismiss(id);
+            finalizeAction(result);
+          }}
+          onCancel={() => toast.dismiss(id)}
+        />
+      ), { id: loadingId });
+    } else {
+      toast.success("Action completed!", { id: loadingId });
+    }
+  } catch (error) {
+    toast.error(`Failed to ${action}`, { id: loadingId });
+  }
+};
+```
+
+## Types
+
+```typescript { .api }
+interface ToastT {
+  id: number | string;
+  title?: (() => React.ReactNode) | React.ReactNode;
+  type?: "normal" | "action" | "success" | "info" | "warning" | "error" | "loading" | "default";
+  icon?: React.ReactNode;
+  jsx?: React.ReactNode;
+  richColors?: boolean;
+  invert?: boolean;
+  closeButton?: boolean;
+  dismissible?: boolean;
+  description?: (() => React.ReactNode) | React.ReactNode;
+  duration?: number;
+  delete?: boolean;
+  action?: Action | React.ReactNode;
+  cancel?: Action | React.ReactNode;
+  onDismiss?: (toast: ToastT) => void;
+  onAutoClose?: (toast: ToastT) => void;
+  promise?: Promise<any> | (() => Promise<any>);
+  cancelButtonStyle?: React.CSSProperties;
+  actionButtonStyle?: React.CSSProperties;
+  style?: React.CSSProperties;
+  unstyled?: boolean;
+  className?: string;
+  classNames?: ToastClassnames;
+  descriptionClassName?: string;
+  position?: Position;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-sonner/docs/core-toast-functions.md b/.tessl/tiles/tessl/npm-sonner/docs/core-toast-functions.md
new file mode 100644
index 000000000..a98fb217c
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-sonner/docs/core-toast-functions.md
@@ -0,0 +1,379 @@
+# Core Toast Functions
+
+Primary toast creation functions for displaying notifications with different visual styles and behaviors. These functions provide the main interface for creating toast messages throughout your application.
+
+## Capabilities
+
+### Default Toast Function
+
+Creates a basic toast notification with customizable options.
+
+```typescript { .api }
+/**
+ * Creates a basic toast notification
+ * @param message - The message to display (string or React element)
+ * @param options - Optional configuration for the toast
+ * @returns Unique identifier for the created toast
+ */
+function toast(message: string | React.ReactNode, options?: ExternalToast): string | number;
+```
+
+**Usage Examples:**
+
+```typescript
+import { toast } from "sonner";
+
+// Simple text message
+toast("Hello World!");
+
+// React element message
+toast(<div>Custom <strong>HTML</strong> content</div>);
+
+// With options
+toast("Custom duration", { duration: 5000 });
+
+// With description
+toast("Main message", { 
+  description: "Additional details about this notification" 
+});
+
+// With action button
+toast("Do something", {
+  action: {
+    label: "Undo",
+    onClick: () => console.log("Undo clicked")
+  }
+});
+```
+
+### Success Toast
+
+Creates a success toast with green styling and checkmark icon.
+
+```typescript { .api }
+/**
+ * Creates a success toast notification
+ * @param message - The success message to display
+ * @param options - Optional configuration for the toast
+ * @returns Unique identifier for the created toast
+ */
+function toast.success(message: string | React.ReactNode, options?: ExternalToast): string | number;
+```
+
+**Usage Examples:**
+
+```typescript
+import { toast } from "sonner";
+
+// Simple success message
+toast.success("Operation completed successfully!");
+
+// Success with description
+toast.success("User created", { 
+  description: "New user has been added to the system" 
+});
+
+// Success with custom duration
+toast.success("Saved!", { duration: 2000 });
+```
+
+### Error Toast
+
+Creates an error toast with red styling and error icon.
+
+```typescript { .api }
+/**
+ * Creates an error toast notification
+ * @param message - The error message to display
+ * @param options - Optional configuration for the toast
+ * @returns Unique identifier for the created toast
+ */
+function toast.error(message: string | React.ReactNode, options?: ExternalToast): string | number;
+```
+
+**Usage Examples:**
+
+```typescript
+import { toast } from "sonner";
+
+// Simple error message
+toast.error("Something went wrong!");
+
+// Error with description
+toast.error("Failed to save", { 
+  description: "Please check your internet connection and try again" 
+});
+
+// Error with action button
+toast.error("Upload failed", {
+  action: {
+    label: "Retry",
+    onClick: () => retryUpload()
+  }
+});
+```
+
+### Info Toast
+
+Creates an info toast with blue styling and info icon.
+
+```typescript { .api }
+/**
+ * Creates an info toast notification
+ * @param message - The info message to display
+ * @param options - Optional configuration for the toast
+ * @returns Unique identifier for the created toast
+ */
+function toast.info(message: string | React.ReactNode, options?: ExternalToast): string | number;
+```
+
+**Usage Examples:**
+
+```typescript
+import { toast } from "sonner";
+
+// Simple info message
+toast.info("New update available");
+
+// Info with description
+toast.info("System maintenance", { 
+  description: "Scheduled maintenance will begin at 2 AM EST" 
+});
+```
+
+### Warning Toast
+
+Creates a warning toast with yellow/orange styling and warning icon.
+
+```typescript { .api }
+/**
+ * Creates a warning toast notification
+ * @param message - The warning message to display
+ * @param options - Optional configuration for the toast
+ * @returns Unique identifier for the created toast
+ */
+function toast.warning(message: string | React.ReactNode, options?: ExternalToast): string | number;
+```
+
+**Usage Examples:**
+
+```typescript
+import { toast } from "sonner";
+
+// Simple warning message
+toast.warning("Low disk space");
+
+// Warning with description
+toast.warning("Unsaved changes", { 
+  description: "You have unsaved changes that will be lost" 
+});
+```
+
+### Loading Toast
+
+Creates a loading toast with spinner icon that persists until manually dismissed or updated.
+
+```typescript { .api }
+/**
+ * Creates a loading toast notification with spinner
+ * @param message - The loading message to display
+ * @param options - Optional configuration for the toast
+ * @returns Unique identifier for the created toast
+ */
+function toast.loading(message: string | React.ReactNode, options?: ExternalToast): string | number;
+```
+
+**Usage Examples:**
+
+```typescript
+import { toast } from "sonner";
+
+// Simple loading message
+const loadingId = toast.loading("Uploading file...");
+
+// Later, update or dismiss the loading toast
+setTimeout(() => {
+  toast.success("File uploaded successfully!", { id: loadingId });
+}, 3000);
+
+// Loading with custom message
+toast.loading("Processing your request...");
+```
+
+### Message Toast
+
+Alias for the default toast function, providing semantic clarity.
+
+```typescript { .api }
+/**
+ * Creates a message toast notification (alias for default toast)
+ * @param message - The message to display
+ * @param options - Optional configuration for the toast
+ * @returns Unique identifier for the created toast
+ */
+function toast.message(message: string | React.ReactNode, options?: ExternalToast): string | number;
+```
+
+### Dismiss Toast
+
+Dismisses one or all toast notifications.
+
+```typescript { .api }
+/**
+ * Dismisses toast notifications
+ * @param id - Optional ID of specific toast to dismiss. If omitted, dismisses all toasts
+ * @returns The ID that was dismissed, or undefined if dismissing all
+ */
+function toast.dismiss(id?: string | number): string | number | undefined;
+```
+
+**Usage Examples:**
+
+```typescript
+import { toast } from "sonner";
+
+// Dismiss specific toast
+const toastId = toast("This will be dismissed");
+setTimeout(() => {
+  toast.dismiss(toastId);
+}, 2000);
+
+// Dismiss all toasts
+toast.dismiss();
+
+// Common pattern: dismiss after action
+toast("File uploaded", {
+  action: {
+    label: "View",
+    onClick: () => {
+      openFile();
+      toast.dismiss(); // Clear all toasts when navigating
+    }
+  }
+});
+```
+
+## Toast Options
+
+### ExternalToast Interface
+
+Configuration options available for all toast functions.
+
+```typescript { .api }
+interface ExternalToast {
+  /** Custom ID for the toast (auto-generated if not provided) */
+  id?: string | number;
+  /** Custom icon to display instead of the default type icon */
+  icon?: React.ReactNode;
+  /** Rich colors mode for enhanced visual styling */
+  richColors?: boolean;
+  /** Invert the color scheme for dark backgrounds */
+  invert?: boolean;
+  /** Show close button on the toast */
+  closeButton?: boolean;
+  /** Whether the toast can be dismissed by user interaction */
+  dismissible?: boolean;
+  /** Additional description text displayed below the main message */
+  description?: (() => React.ReactNode) | React.ReactNode;
+  /** Duration in milliseconds before auto-dismiss (default: 4000) */
+  duration?: number;
+  /** Action button configuration */
+  action?: Action | React.ReactNode;
+  /** Cancel button configuration */
+  cancel?: Action | React.ReactNode;
+  /** Callback fired when toast is dismissed */
+  onDismiss?: (toast: ToastT) => void;
+  /** Callback fired when toast auto-closes */
+  onAutoClose?: (toast: ToastT) => void;
+  /** Custom styles for cancel button */
+  cancelButtonStyle?: React.CSSProperties;
+  /** Custom styles for action button */
+  actionButtonStyle?: React.CSSProperties;
+  /** Custom styles for the toast container */
+  style?: React.CSSProperties;
+  /** Disable default styling */
+  unstyled?: boolean;
+  /** Custom CSS class for the toast */
+  className?: string;
+  /** Custom CSS classes for toast elements */
+  classNames?: ToastClassnames;
+  /** Custom CSS class for description text */
+  descriptionClassName?: string;
+  /** Override global position for this specific toast */
+  position?: Position;
+}
+
+interface Action {
+  /** Text or React element to display on the button */
+  label: React.ReactNode;
+  /** Click handler for the button */
+  onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+  /** Custom styles for this action button */
+  actionButtonStyle?: React.CSSProperties;
+}
+```
+
+## Common Patterns
+
+### Toast with Actions
+
+```typescript
+// Undo action
+toast("Item deleted", {
+  action: {
+    label: "Undo",
+    onClick: () => restoreItem()
+  }
+});
+
+// Multiple buttons using cancel and action
+toast("Confirm deletion?", {
+  cancel: {
+    label: "Cancel",
+    onClick: () => console.log("Cancelled")
+  },
+  action: {
+    label: "Delete",
+    onClick: (event) => {
+      deleteItem();
+      // event.preventDefault() prevents auto-dismiss
+    }
+  }
+});
+```
+
+### Persistent Toasts
+
+```typescript
+// Toast that doesn't auto-dismiss
+toast("Important message", { duration: Infinity });
+
+// Loading toast (automatically persistent)
+const loadingId = toast.loading("Processing...");
+
+// Update the persistent toast later
+toast.success("Done!", { id: loadingId });
+```
+
+### Custom Styling
+
+```typescript
+// Custom styles
+toast.success("Styled toast", {
+  style: {
+    background: "green",
+    color: "white",
+    border: "none"
+  },
+  className: "my-custom-toast"
+});
+
+// Custom class names for elements
+toast("Detailed styling", {
+  classNames: {
+    toast: "custom-toast-container",
+    title: "custom-title",
+    description: "custom-description"
+  }
+});
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-sonner/docs/index.md b/.tessl/tiles/tessl/npm-sonner/docs/index.md
new file mode 100644
index 000000000..bee6b6096
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-sonner/docs/index.md
@@ -0,0 +1,287 @@
+# Sonner
+
+Sonner is an opinionated toast component for React that provides a comprehensive solution for displaying toast notifications. It offers a simple and intuitive API through a Toaster component and toast function, supporting various toast types including success, error, info, warning, loading, and custom toasts with actions.
+
+## Package Information
+
+- **Package Name**: sonner
+- **Package Type**: npm
+- **Language**: TypeScript
+- **Installation**: `npm install sonner`
+
+## Core Imports
+
+```typescript
+import { Toaster, toast } from "sonner";
+```
+
+For CommonJS:
+
+```javascript
+const { Toaster, toast } = require("sonner");
+```
+
+Additional imports for advanced usage:
+
+```typescript
+import { 
+  Toaster, 
+  toast, 
+  useSonner,
+  type ExternalToast,
+  type ToasterProps,
+  type ToastT
+} from "sonner";
+```
+
+## Basic Usage
+
+```typescript
+import React from "react";
+import { Toaster, toast } from "sonner";
+
+function App() {
+  return (
+    <div>
+      {/* Add Toaster component once in your app */}
+      <Toaster />
+      
+      {/* Create toasts from anywhere */}
+      <button onClick={() => toast("Hello World!")}>
+        Show Toast
+      </button>
+      
+      <button onClick={() => toast.success("Success!")}>
+        Success Toast
+      </button>
+      
+      <button onClick={() => toast.error("Something went wrong!")}>
+        Error Toast
+      </button>
+    </div>
+  );
+}
+```
+
+## Architecture
+
+Sonner is built around several key components:
+
+- **Toaster Component**: The container that renders all toast messages with positioning and theming
+- **Toast Function**: The primary API for creating different types of toast notifications
+- **State Management**: Built-in observer pattern for managing toast lifecycle and updates
+- **Toast Types**: Pre-configured toast variants (success, error, info, warning, loading) with appropriate styling
+- **Promise Integration**: Automatic state management for async operations with loading, success, and error states
+- **Customization System**: Comprehensive theming, positioning, and styling options
+- **Interaction System**: Support for swipe gestures, hover pause, keyboard navigation, and accessibility
+
+## Capabilities
+
+### Core Toast Functions
+
+Primary toast creation functions for displaying notifications with different visual styles and behaviors.
+
+```typescript { .api }
+function toast(message: string | React.ReactNode, options?: ExternalToast): string | number;
+
+// Type-specific toast functions
+namespace toast {
+  function success(message: string | React.ReactNode, options?: ExternalToast): string | number;
+  function error(message: string | React.ReactNode, options?: ExternalToast): string | number;
+  function info(message: string | React.ReactNode, options?: ExternalToast): string | number;
+  function warning(message: string | React.ReactNode, options?: ExternalToast): string | number;
+  function loading(message: string | React.ReactNode, options?: ExternalToast): string | number;
+  function message(message: string | React.ReactNode, options?: ExternalToast): string | number;
+  function dismiss(id?: string | number): string | number | undefined;
+  function promise<T>(promise: PromiseT<T>, options: PromiseData<T>): { unwrap(): Promise<T> } & (string | number);
+  function custom(jsx: (id: string | number) => React.ReactElement, options?: ExternalToast): string | number;
+  function getHistory(): ToastT[];
+  function getToasts(): ToastT[];
+}
+```
+
+[Core Toast Functions](./core-toast-functions.md)
+
+### Toaster Component
+
+The main React component that renders and manages all toast notifications with comprehensive configuration options.
+
+```typescript { .api }
+const Toaster: React.ForwardRefExoticComponent<ToasterProps & React.RefAttributes<HTMLElement>>;
+
+interface ToasterProps {
+  invert?: boolean;
+  theme?: "light" | "dark" | "system";
+  position?: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "top-center" | "bottom-center";
+  hotkey?: string[];
+  richColors?: boolean;
+  expand?: boolean;
+  duration?: number;
+  gap?: number;
+  visibleToasts?: number;
+  closeButton?: boolean;
+  toastOptions?: ToastOptions;
+  className?: string;
+  style?: React.CSSProperties;
+  offset?: Offset;
+  mobileOffset?: Offset;
+  dir?: "rtl" | "ltr" | "auto";
+  swipeDirections?: SwipeDirection[];
+  /** @deprecated Use icons prop instead */
+  loadingIcon?: React.ReactNode;
+  icons?: ToastIcons;
+  containerAriaLabel?: string;
+  pauseWhenPageIsHidden?: boolean;
+}
+```
+
+[Toaster Component](./toaster-component.md)
+
+### Advanced Toast Features
+
+Advanced toast functionality including promise integration, custom JSX content, and action buttons.
+
+```typescript { .api }
+// Promise-based toasts
+function toast.promise<T>(
+  promise: Promise<T> | (() => Promise<T>),
+  options: PromiseData<T>
+): { unwrap(): Promise<T> } & (string | number);
+
+// Custom JSX toasts
+function toast.custom(
+  jsx: (id: string | number) => React.ReactElement,
+  options?: ExternalToast
+): string | number;
+
+// Toast state management
+function toast.getHistory(): ToastT[];
+function toast.getToasts(): ToastT[];
+```
+
+[Advanced Toast Features](./advanced-toast-features.md)
+
+### React Hooks
+
+React hooks for integrating with toast state and managing toast notifications programmatically.
+
+```typescript { .api }
+function useSonner(): {
+  toasts: ToastT[];
+};
+```
+
+[React Hooks](./react-hooks.md)
+
+## Core Types
+
+```typescript { .api }
+interface ExternalToast {
+  id?: string | number;
+  type?: "normal" | "action" | "success" | "info" | "warning" | "error" | "loading" | "default";
+  icon?: React.ReactNode;
+  jsx?: React.ReactNode;
+  richColors?: boolean;
+  invert?: boolean;
+  closeButton?: boolean;
+  dismissible?: boolean;
+  description?: (() => React.ReactNode) | React.ReactNode;
+  duration?: number;
+  action?: Action | React.ReactNode;
+  cancel?: Action | React.ReactNode;
+  onDismiss?: (toast: ToastT) => void;
+  onAutoClose?: (toast: ToastT) => void;
+  cancelButtonStyle?: React.CSSProperties;
+  actionButtonStyle?: React.CSSProperties;
+  style?: React.CSSProperties;
+  unstyled?: boolean;
+  className?: string;
+  classNames?: ToastClassnames;
+  descriptionClassName?: string;
+  position?: Position;
+}
+
+interface Action {
+  label: React.ReactNode;
+  onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+  actionButtonStyle?: React.CSSProperties;
+}
+
+interface ToastT {
+  id: number | string;
+  title?: (() => React.ReactNode) | React.ReactNode;
+  type?: "normal" | "action" | "success" | "info" | "warning" | "error" | "loading" | "default";
+  icon?: React.ReactNode;
+  jsx?: React.ReactNode;
+  richColors?: boolean;
+  invert?: boolean;
+  closeButton?: boolean;
+  dismissible?: boolean;
+  description?: (() => React.ReactNode) | React.ReactNode;
+  duration?: number;
+  delete?: boolean;
+  action?: Action | React.ReactNode;
+  cancel?: Action | React.ReactNode;
+  onDismiss?: (toast: ToastT) => void;
+  onAutoClose?: (toast: ToastT) => void;
+  promise?: Promise<any> | (() => Promise<any>);
+  cancelButtonStyle?: React.CSSProperties;
+  actionButtonStyle?: React.CSSProperties;
+  style?: React.CSSProperties;
+  unstyled?: boolean;
+  className?: string;
+  classNames?: ToastClassnames;
+  descriptionClassName?: string;
+  position?: Position;
+}
+
+type Position = "top-left" | "top-right" | "bottom-left" | "bottom-right" | "top-center" | "bottom-center";
+
+type SwipeDirection = "top" | "right" | "bottom" | "left";
+
+interface ToastClassnames {
+  toast?: string;
+  title?: string;
+  description?: string;
+  loader?: string;
+  closeButton?: string;
+  cancelButton?: string;
+  actionButton?: string;
+  success?: string;
+  error?: string;
+  info?: string;
+  warning?: string;
+  loading?: string;
+  default?: string;
+  content?: string;
+  icon?: string;
+}
+
+interface ToastIcons {
+  success?: React.ReactNode;
+  info?: React.ReactNode;
+  warning?: React.ReactNode;
+  error?: React.ReactNode;
+  loading?: React.ReactNode;
+  close?: React.ReactNode;
+}
+
+type Offset = {
+  top?: string | number;
+  right?: string | number;
+  bottom?: string | number;
+  left?: string | number;
+} | string | number;
+
+interface PromiseData<ToastData = any> {
+  loading?: string | React.ReactNode;
+  success?: string | React.ReactNode | ((data: ToastData) => React.ReactNode | string | Promise<React.ReactNode | string>);
+  error?: string | React.ReactNode | ((error: any) => React.ReactNode | string | Promise<React.ReactNode | string>);
+  description?: string | React.ReactNode | ((data: any) => React.ReactNode | string | Promise<React.ReactNode | string>);
+  finally?: () => void | Promise<void>;
+}
+
+type PromiseT<Data = any> = Promise<Data> | (() => Promise<Data>);
+
+type PromiseExternalToast = Omit<ExternalToast, 'description'>;
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-sonner/docs/react-hooks.md b/.tessl/tiles/tessl/npm-sonner/docs/react-hooks.md
new file mode 100644
index 000000000..5e44bd2b2
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-sonner/docs/react-hooks.md
@@ -0,0 +1,432 @@
+# React Hooks
+
+React hooks for integrating with toast state and managing toast notifications programmatically within React components.
+
+## Capabilities
+
+### useSonner Hook
+
+React hook for accessing the current toast state, useful for building custom toast-aware components or debugging.
+
+```typescript { .api }
+/**
+ * React hook that provides access to current toast state
+ * @returns Object containing array of active toasts
+ */
+function useSonner(): {
+  toasts: ToastT[];
+};
+
+interface ToastT {
+  id: number | string;
+  title?: (() => React.ReactNode) | React.ReactNode;
+  type?: "normal" | "action" | "success" | "info" | "warning" | "error" | "loading" | "default";
+  icon?: React.ReactNode;
+  jsx?: React.ReactNode;
+  richColors?: boolean;
+  invert?: boolean;
+  closeButton?: boolean;
+  dismissible?: boolean;
+  description?: (() => React.ReactNode) | React.ReactNode;
+  duration?: number;
+  delete?: boolean;
+  action?: Action | React.ReactNode;
+  cancel?: Action | React.ReactNode;
+  onDismiss?: (toast: ToastT) => void;
+  onAutoClose?: (toast: ToastT) => void;
+  promise?: Promise<any> | (() => Promise<any>);
+  cancelButtonStyle?: React.CSSProperties;
+  actionButtonStyle?: React.CSSProperties;
+  style?: React.CSSProperties;
+  unstyled?: boolean;
+  className?: string;
+  classNames?: ToastClassnames;
+  descriptionClassName?: string;
+  position?: Position;
+}
+```
+
+## Usage Examples
+
+### Basic Toast State Access
+
+```typescript
+import React from "react";
+import { useSonner, toast } from "sonner";
+
+function ToastStatus() {
+  const { toasts } = useSonner();
+  
+  return (
+    <div>
+      <p>Active toasts: {toasts.length}</p>
+      <button onClick={() => toast("New toast!")}>
+        Add Toast
+      </button>
+      <button onClick={() => toast.dismiss()}>
+        Clear All
+      </button>
+    </div>
+  );
+}
+```
+
+### Toast Type Counter
+
+```typescript
+import React from "react";
+import { useSonner, toast } from "sonner";
+
+function ToastAnalytics() {
+  const { toasts } = useSonner();
+  
+  const toastCounts = React.useMemo(() => {
+    return toasts.reduce((counts, toast) => {
+      const type = toast.type || "default";
+      counts[type] = (counts[type] || 0) + 1;
+      return counts;
+    }, {});
+  }, [toasts]);
+  
+  return (
+    <div className="toast-analytics">
+      <h3>Current Toast Status</h3>
+      {Object.entries(toastCounts).map(([type, count]) => (
+        <div key={type}>
+          {type}: {count}
+        </div>
+      ))}
+      
+      <div className="controls">
+        <button onClick={() => toast.success("Success!")}>
+          Add Success
+        </button>
+        <button onClick={() => toast.error("Error!")}>
+          Add Error
+        </button>
+        <button onClick={() => toast.loading("Loading...")}>
+          Add Loading
+        </button>
+      </div>
+    </div>
+  );
+}
+```
+
+### Loading State Indicator
+
+```typescript
+import React from "react";
+import { useSonner } from "sonner";
+
+function LoadingIndicator() {
+  const { toasts } = useSonner();
+  
+  const hasLoadingToasts = toasts.some(toast => toast.type === "loading");
+  const loadingCount = toasts.filter(toast => toast.type === "loading").length;
+  
+  if (!hasLoadingToasts) {
+    return null;
+  }
+  
+  return (
+    <div className="loading-indicator">
+      <div className="spinner" />
+      <span>
+        {loadingCount === 1 
+          ? "Processing..." 
+          : `${loadingCount} operations in progress...`
+        }
+      </span>
+    </div>
+  );
+}
+```
+
+### Custom Toast Manager
+
+```typescript
+import React from "react";
+import { useSonner, toast } from "sonner";
+
+function ToastManager() {
+  const { toasts } = useSonner();
+  
+  const dismissToast = (id: string | number) => {
+    toast.dismiss(id);
+  };
+  
+  const dismissByType = (type: string) => {
+    toasts
+      .filter(t => t.type === type)
+      .forEach(t => toast.dismiss(t.id));
+  };
+  
+  const dismissOlderThan = (minutes: number) => {
+    const cutoff = Date.now() - (minutes * 60 * 1000);
+    toasts
+      .filter(t => {
+        // Approximate age based on ID if it's a timestamp
+        const toastTime = typeof t.id === 'number' ? t.id : Date.now();
+        return toastTime < cutoff;
+      })
+      .forEach(t => toast.dismiss(t.id));
+  };
+  
+  return (
+    <div className="toast-manager">
+      <h3>Toast Manager ({toasts.length} active)</h3>
+      
+      <div className="toast-list">
+        {toasts.map(toast => (
+          <div key={toast.id} className="toast-item">
+            <span className={`toast-type ${toast.type}`}>
+              {toast.type || "default"}
+            </span>
+            <span className="toast-title">
+              {typeof toast.title === "function" ? toast.title() : toast.title}
+            </span>
+            <button onClick={() => dismissToast(toast.id)}>
+              ×
+            </button>
+          </div>
+        ))}
+      </div>
+      
+      <div className="controls">
+        <button onClick={() => dismissByType("error")}>
+          Clear Errors
+        </button>
+        <button onClick={() => dismissByType("success")}>
+          Clear Success
+        </button>
+        <button onClick={() => dismissOlderThan(5)}>
+          Clear Old (5+ min)
+        </button>
+        <button onClick={() => toast.dismiss()}>
+          Clear All
+        </button>
+      </div>
+    </div>
+  );
+}
+```
+
+### Toast Persistence Monitor
+
+```typescript
+import React from "react";
+import { useSonner } from "sonner";
+
+function ToastPersistenceMonitor() {
+  const { toasts } = useSonner();
+  const [persistentToasts, setPersistentToasts] = React.useState([]);
+  
+  React.useEffect(() => {
+    // Track toasts that have been around for a long time
+    const persistent = toasts.filter(toast => {
+      // Check if duration is Infinity or very long
+      return toast.duration === Infinity || 
+             (toast.duration && toast.duration > 30000) ||
+             toast.type === "loading";
+    });
+    
+    setPersistentToasts(persistent);
+  }, [toasts]);
+  
+  if (persistentToasts.length === 0) {
+    return null;
+  }
+  
+  return (
+    <div className="persistence-monitor">
+      <h4>⚠️ Persistent Toasts ({persistentToasts.length})</h4>
+      <p>These toasts won't auto-dismiss:</p>
+      <ul>
+        {persistentToasts.map(toast => (
+          <li key={toast.id}>
+            {toast.type}: {typeof toast.title === "function" ? toast.title() : toast.title}
+          </li>
+        ))}
+      </ul>
+    </div>
+  );
+}
+```
+
+### Performance Monitor
+
+```typescript
+import React from "react";
+import { useSonner } from "sonner";
+
+function ToastPerformanceMonitor() {
+  const { toasts } = useSonner();
+  const [maxToasts, setMaxToasts] = React.useState(0);
+  const [toastHistory, setToastHistory] = React.useState([]);
+  
+  React.useEffect(() => {
+    setMaxToasts(Math.max(maxToasts, toasts.length));
+    
+    // Keep a history of toast count changes
+    setToastHistory(prev => [
+      ...prev.slice(-20), // Keep last 20 entries
+      { timestamp: Date.now(), count: toasts.length }
+    ]);
+  }, [toasts.length]);
+  
+  const averageToasts = React.useMemo(() => {
+    if (toastHistory.length === 0) return 0;
+    const sum = toastHistory.reduce((acc, entry) => acc + entry.count, 0);
+    return (sum / toastHistory.length).toFixed(1);
+  }, [toastHistory]);
+  
+  return (
+    <div className="performance-monitor">
+      <h4>Toast Performance</h4>
+      <div className="metrics">
+        <div>Current: {toasts.length}</div>
+        <div>Peak: {maxToasts}</div>
+        <div>Average: {averageToasts}</div>
+      </div>
+      
+      {toasts.length > 5 && (
+        <div className="warning">
+          ⚠️ High toast count may impact performance
+        </div>
+      )}
+    </div>
+  );
+}
+```
+
+### Conditional Rendering Based on Toasts
+
+```typescript
+import React from "react";
+import { useSonner } from "sonner";
+
+function AppWithToastAwareness() {
+  const { toasts } = useSonner();
+  
+  const hasErrors = toasts.some(t => t.type === "error");
+  const hasLoading = toasts.some(t => t.type === "loading");
+  const hasSuccessToasts = toasts.some(t => t.type === "success");
+  
+  return (
+    <div className={`app ${hasErrors ? "has-errors" : ""}`}>
+      <header>
+        <h1>My App</h1>
+        {hasLoading && <div className="loading-indicator">Processing...</div>}
+      </header>
+      
+      <main>
+        {hasErrors && (
+          <div className="error-state">
+            <p>Some operations failed. Check notifications for details.</p>
+          </div>
+        )}
+        
+        {hasSuccessToasts && (
+          <div className="success-state">
+            <p>✅ Recent successful operations</p>
+          </div>
+        )}
+        
+        <YourAppContent />
+      </main>
+      
+      {toasts.length > 0 && (
+        <div className="toast-summary">
+          {toasts.length} active notification{toasts.length !== 1 ? "s" : ""}
+        </div>
+      )}
+    </div>
+  );
+}
+```
+
+## Advanced Patterns
+
+### Custom Toast Provider
+
+```typescript
+import React from "react";
+import { useSonner, toast } from "sonner";
+
+const ToastContext = React.createContext({
+  toasts: [],
+  addToast: (message, options) => {},
+  clearToasts: () => {},
+  hasToasts: false,
+});
+
+export function ToastProvider({ children }) {
+  const { toasts } = useSonner();
+  
+  const contextValue = React.useMemo(() => ({
+    toasts,
+    addToast: (message, options) => toast(message, options),
+    clearToasts: () => toast.dismiss(),
+    hasToasts: toasts.length > 0,
+  }), [toasts]);
+  
+  return (
+    <ToastContext.Provider value={contextValue}>
+      {children}
+    </ToastContext.Provider>
+  );
+}
+
+export function useToastContext() {
+  return React.useContext(ToastContext);
+}
+```
+
+### Toast State Synchronization
+
+```typescript
+import React from "react";
+import { useSonner } from "sonner";
+
+function useToastSync() {
+  const { toasts } = useSonner();
+  
+  // Sync toast state to localStorage
+  React.useEffect(() => {
+    const toastData = toasts.map(t => ({
+      id: t.id,
+      type: t.type,
+      title: typeof t.title === "string" ? t.title : "[React Element]",
+      timestamp: Date.now()
+    }));
+    
+    localStorage.setItem("recent-toasts", JSON.stringify(toastData));
+  }, [toasts]);
+  
+  // Analytics tracking
+  React.useEffect(() => {
+    if (typeof window !== "undefined" && window.gtag) {
+      toasts.forEach(toast => {
+        if (toast.type === "error") {
+          window.gtag("event", "toast_error", {
+            error_type: toast.type,
+            error_message: toast.title
+          });
+        }
+      });
+    }
+  }, [toasts]);
+}
+```
+
+## Common Use Cases
+
+1. **Debug Panel**: Display current toast state during development
+2. **Analytics**: Track toast usage patterns and error rates
+3. **Performance Monitoring**: Watch for excessive toast creation
+4. **Conditional UI**: Show/hide elements based on toast presence
+5. **State Synchronization**: Sync toast state with external systems
+6. **Custom Management**: Build advanced toast management interfaces
+
+The `useSonner` hook provides real-time access to the current toast state, enabling these advanced patterns while maintaining performance through React's built-in optimization mechanisms.
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-sonner/docs/toaster-component.md b/.tessl/tiles/tessl/npm-sonner/docs/toaster-component.md
new file mode 100644
index 000000000..98b11562c
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-sonner/docs/toaster-component.md
@@ -0,0 +1,432 @@
+# Toaster Component
+
+The main React component that renders and manages all toast notifications. The Toaster component should be included once in your application, typically at the root level, and will handle the display of all toast messages created throughout your app.
+
+## Capabilities
+
+### Toaster Component
+
+The primary React component for rendering toast notifications with comprehensive configuration options.
+
+```typescript { .api }
+/**
+ * React component that renders the toast notification container
+ * @param props - Configuration options for the toaster
+ * @param ref - Optional ref to the underlying HTML element
+ */
+const Toaster: React.ForwardRefExoticComponent<ToasterProps & React.RefAttributes<HTMLElement>>;
+
+interface ToasterProps {
+  /** Invert colors for dark backgrounds */
+  invert?: boolean;
+  /** Theme mode: light, dark, or system-based */
+  theme?: "light" | "dark" | "system";
+  /** Position of toast notifications on screen */
+  position?: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "top-center" | "bottom-center";
+  /** Keyboard shortcut to expand toasts (default: ['altKey', 'KeyT']) */
+  hotkey?: string[];
+  /** Enable rich colors for enhanced visual styling */
+  richColors?: boolean;
+  /** Keep toasts expanded by default */
+  expand?: boolean;
+  /** Default duration for toasts in milliseconds */
+  duration?: number;
+  /** Gap between toast notifications in pixels */
+  gap?: number;
+  /** Maximum number of visible toasts at once */
+  visibleToasts?: number;
+  /** Show close button on all toasts */
+  closeButton?: boolean;
+  /** Default options applied to all toasts */
+  toastOptions?: ToastOptions;
+  /** Custom CSS class for the toaster container */
+  className?: string;
+  /** Custom styles for the toaster container */
+  style?: React.CSSProperties;
+  /** Offset from viewport edges */
+  offset?: Offset;
+  /** Mobile-specific offset from viewport edges */
+  mobileOffset?: Offset;
+  /** Text direction for RTL languages */
+  dir?: "rtl" | "ltr" | "auto";
+  /** Custom icons for different toast types */
+  icons?: ToastIcons;
+  /** ARIA label for the notification container */
+  containerAriaLabel?: string;
+  /** Pause toasts when browser tab is not visible */
+  pauseWhenPageIsHidden?: boolean;
+}
+
+interface ToastOptions {
+  /** Default CSS class for toast elements */
+  className?: string;
+  /** Show close button on toasts */
+  closeButton?: boolean;
+  /** Default CSS class for description text */
+  descriptionClassName?: string;
+  /** Default styles for toast container */
+  style?: React.CSSProperties;
+  /** Default styles for cancel buttons */
+  cancelButtonStyle?: React.CSSProperties;
+  /** Default styles for action buttons */
+  actionButtonStyle?: React.CSSProperties;
+  /** Default duration for all toasts */
+  duration?: number;
+  /** Disable default styling for all toasts */
+  unstyled?: boolean;
+  /** Default CSS classes for toast elements */
+  classNames?: ToastClassnames;
+}
+
+type Offset = {
+  top?: string | number;
+  right?: string | number;
+  bottom?: string | number;
+  left?: string | number;
+} | string | number;
+
+interface ToastIcons {
+  /** Icon for success toasts */
+  success?: React.ReactNode;
+  /** Icon for info toasts */
+  info?: React.ReactNode;
+  /** Icon for warning toasts */
+  warning?: React.ReactNode;
+  /** Icon for error toasts */
+  error?: React.ReactNode;
+  /** Icon for loading toasts */
+  loading?: React.ReactNode;
+  /** Icon for close button */
+  close?: React.ReactNode;
+}
+```
+
+## Usage Examples
+
+### Basic Setup
+
+```typescript
+import React from "react";
+import { Toaster, toast } from "sonner";
+
+function App() {
+  return (
+    <div>
+      {/* Add Toaster once in your app */}
+      <Toaster />
+      
+      <main>
+        {/* Your app content */}
+        <button onClick={() => toast("Hello!")}>
+          Show Toast
+        </button>
+      </main>
+    </div>
+  );
+}
+```
+
+### Positioned Toaster
+
+```typescript
+import { Toaster } from "sonner";
+
+// Top-right positioning
+<Toaster position="top-right" />
+
+// Bottom-center positioning
+<Toaster position="bottom-center" />
+
+// Top-left with custom offset
+<Toaster 
+  position="top-left" 
+  offset={{ top: 20, left: 20 }}
+/>
+```
+
+### Themed Toaster
+
+```typescript
+import { Toaster } from "sonner";
+
+// Dark theme
+<Toaster theme="dark" />
+
+// System theme (follows OS preference)
+<Toaster theme="system" />
+
+// Rich colors enabled
+<Toaster richColors />
+
+// Inverted colors for dark backgrounds
+<Toaster invert />
+```
+
+### Customized Toaster
+
+```typescript
+import { Toaster } from "sonner";
+
+<Toaster
+  position="top-center"
+  toastOptions={{
+    duration: 5000,
+    style: {
+      background: "#363636",
+      color: "#fff",
+    },
+    className: "my-toast",
+    actionButtonStyle: {
+      background: "#007bff",
+      color: "white",
+    },
+    cancelButtonStyle: {
+      background: "#dc3545",
+      color: "white",
+    },
+  }}
+  closeButton
+  richColors
+  expand
+  visibleToasts={5}
+  gap={12}
+/>
+```
+
+### Custom Icons
+
+```typescript
+import { Toaster } from "sonner";
+import { CheckIcon, XIcon, InfoIcon } from "your-icon-library";
+
+<Toaster
+  icons={{
+    success: <CheckIcon />,
+    error: <XIcon />,
+    info: <InfoIcon />,
+    close: <XIcon size={12} />,
+  }}
+/>
+```
+
+### RTL Support
+
+```typescript
+import { Toaster } from "sonner";
+
+// Right-to-left text direction
+<Toaster dir="rtl" />
+
+// Auto-detect from document
+<Toaster dir="auto" />
+```
+
+### Accessibility Features
+
+```typescript
+import { Toaster } from "sonner";
+
+<Toaster
+  containerAriaLabel="Notifications"
+  hotkey={["altKey", "KeyT"]} // Alt + T to expand toasts
+  pauseWhenPageIsHidden={true} // Pause when tab not visible
+/>
+```
+
+### Mobile Optimization
+
+```typescript
+import { Toaster } from "sonner";
+
+<Toaster
+  position="bottom-center"
+  // Different offsets for mobile vs desktop
+  offset="16px"
+  mobileOffset="8px"
+  // Fewer visible toasts on mobile
+  visibleToasts={3}
+  // Smaller gap on mobile
+  gap={8}
+/>
+```
+
+## Configuration Options
+
+### Position Options
+
+```typescript
+type Position = 
+  | "top-left" 
+  | "top-right" 
+  | "bottom-left" 
+  | "bottom-right" 
+  | "top-center" 
+  | "bottom-center";
+```
+
+- **top-left**: Upper left corner
+- **top-right**: Upper right corner (default)
+- **bottom-left**: Lower left corner
+- **bottom-right**: Lower right corner
+- **top-center**: Top center
+- **bottom-center**: Bottom center
+
+### Theme Options
+
+```typescript
+type Theme = "light" | "dark" | "system";
+```
+
+- **light**: Light theme with bright backgrounds
+- **dark**: Dark theme with dark backgrounds
+- **system**: Automatically follows OS theme preference
+
+### Offset Configuration
+
+```typescript
+// String or number for all sides
+offset="20px"
+offset={20}
+
+// Object for individual sides
+offset={{
+  top: "20px",
+  right: "16px",
+  bottom: "20px",
+  left: "16px"
+}}
+```
+
+### Default Toast Options
+
+All options in `ToastOptions` are applied as defaults to every toast:
+
+```typescript
+toastOptions={{
+  // Default duration for all toasts
+  duration: 5000,
+  
+  // Default styling
+  style: { background: "#333" },
+  className: "my-default-toast",
+  
+  // Default button styles
+  actionButtonStyle: { background: "blue" },
+  cancelButtonStyle: { background: "red" },
+  
+  // Show close button on all toasts
+  closeButton: true,
+  
+  // Default classNames for elements
+  classNames: {
+    toast: "custom-toast",
+    title: "custom-title",
+    description: "custom-description"
+  }
+}}
+```
+
+## Advanced Configuration
+
+### Keyboard Shortcuts
+
+```typescript
+// Default hotkey (Alt + T)
+<Toaster hotkey={["altKey", "KeyT"]} />
+
+// Custom hotkey (Ctrl + Shift + N)
+<Toaster hotkey={["ctrlKey", "shiftKey", "KeyN"]} />
+
+// Multiple keys
+<Toaster hotkey={["metaKey", "KeyK"]} /> // Cmd/Win + K
+```
+
+### Performance Optimization
+
+```typescript
+<Toaster
+  // Limit visible toasts for performance
+  visibleToasts={3}
+  
+  // Pause when page is hidden to save resources
+  pauseWhenPageIsHidden={true}
+  
+  // Smaller gap reduces layout recalculations
+  gap={8}
+/>
+```
+
+### Styling Integration
+
+```typescript
+// CSS Modules
+<Toaster className={styles.toaster} />
+
+// Tailwind CSS
+<Toaster 
+  className="font-sans"
+  toastOptions={{
+    className: "bg-white shadow-lg rounded-lg",
+    actionButtonStyle: { background: "#3b82f6" }
+  }}
+/>
+
+// Styled Components
+const StyledToaster = styled(Toaster)`
+  /* Custom styles */
+`;
+```
+
+## Common Patterns
+
+### App-wide Toaster Setup
+
+```typescript
+// _app.tsx (Next.js) or App.tsx (Create React App)
+import { Toaster } from "sonner";
+
+export default function App() {
+  return (
+    <>
+      <YourAppContent />
+      <Toaster 
+        position="top-right"
+        theme="system"
+        richColors
+        closeButton
+        pauseWhenPageIsHidden
+      />
+    </>
+  );
+}
+```
+
+### Context-based Theme
+
+```typescript
+import { useTheme } from "your-theme-context";
+import { Toaster } from "sonner";
+
+function ThemedToaster() {
+  const { theme } = useTheme();
+  
+  return <Toaster theme={theme} />;
+}
+```
+
+### Conditional Rendering
+
+```typescript
+import { Toaster } from "sonner";
+
+function App() {
+  const showToaster = process.env.NODE_ENV === "development" || isProduction;
+  
+  return (
+    <div>
+      <YourApp />
+      {showToaster && <Toaster />}
+    </div>
+  );
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-sonner/tile.json b/.tessl/tiles/tessl/npm-sonner/tile.json
new file mode 100644
index 000000000..c8d6bf00d
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-sonner/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-sonner",
+  "version": "1.7.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/sonner@1.7.4",
+  "summary": "An opinionated toast component for React providing comprehensive toast notifications with customization options"
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-tailwind-merge/docs/configuration.md b/.tessl/tiles/tessl/npm-tailwind-merge/docs/configuration.md
new file mode 100644
index 000000000..8da8d99b7
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-tailwind-merge/docs/configuration.md
@@ -0,0 +1,281 @@
+# Configuration
+
+Advanced configuration system for extending or customizing tailwind-merge behavior with custom class groups, theme scales, and conflict resolution rules.
+
+## Capabilities
+
+### extendTailwindMerge
+
+Function to create merge function with custom config that extends the default config. Use this if you use the default Tailwind config and just modified it in some places.
+
+```typescript { .api }
+/**
+ * Create merge function with custom config which extends the default config
+ * @param configExtension - Configuration extension object
+ * @param createConfig - Additional config transformation functions
+ * @returns Custom tailwind merge function
+ */
+function extendTailwindMerge<
+  AdditionalClassGroupIds extends string = never,
+  AdditionalThemeGroupIds extends string = never,
+>(
+  configExtension: ConfigExtension<
+    DefaultClassGroupIds | AdditionalClassGroupIds,
+    DefaultThemeGroupIds | AdditionalThemeGroupIds
+  >,
+  ...createConfig: CreateConfigSubsequent[]
+): TailwindMerge;
+
+/**
+ * Create merge function using only config transformation functions
+ */
+function extendTailwindMerge<
+  AdditionalClassGroupIds extends string = never,
+  AdditionalThemeGroupIds extends string = never,
+>(...createConfig: CreateConfigSubsequent[]): TailwindMerge;
+```
+
+**Usage Examples:**
+
+```typescript
+import { extendTailwindMerge, validators } from "tailwind-merge";
+
+// Basic extension with custom class groups
+type AdditionalClassGroupIds = 'aspect-w' | 'aspect-h' | 'aspect-reset';
+
+const customTwMerge = extendTailwindMerge<AdditionalClassGroupIds>({
+  // Override cache size (0 disables caching)
+  cacheSize: 100,
+  // Custom prefix from Tailwind config
+  prefix: 'tw-',
+  // Custom separator from Tailwind config  
+  separator: '_',
+  
+  extend: {
+    // Add custom class groups
+    classGroups: {
+      'aspect-w': [{ 'aspect-w': [(value) => Boolean(value) && !isNaN(value)] }],
+      'aspect-h': [{ 'aspect-h': [(value) => Boolean(value) && !isNaN(value)] }],
+      'aspect-reset': ['aspect-none'],
+      // Use built-in validators
+      'prose-size': [{ prose: ['base', validators.isTshirtSize] }],
+    },
+    // Define conflicts between class groups
+    conflictingClassGroups: {
+      'aspect-reset': ['aspect-w', 'aspect-h'],
+    },
+    // Extend theme scales
+    theme: {
+      spacing: ['sm', 'md', 'lg'],
+    },
+  },
+  
+  override: {
+    // Override existing class groups completely
+    classGroups: {
+      shadow: [{ shadow: ['100', '200', '300', '400', '500'] }],
+    },
+    // Override theme scales
+    theme: {
+      colors: ['black', 'white', 'yellow-500'],
+    },
+  },
+});
+
+// Using custom merge function
+customTwMerge('aspect-w-16 aspect-h-9', 'aspect-none');
+// → 'aspect-none' (conflict resolved)
+```
+
+### createTailwindMerge
+
+Function to create merge function with completely custom config. Use this instead of `extendTailwindMerge` if you don't need the default config or want more control.
+
+```typescript { .api }
+/**
+ * Create merge function with completely custom config
+ * @param createConfigFirst - Function returning the base config
+ * @param createConfigRest - Additional config transformation functions
+ * @returns Custom tailwind merge function
+ */
+function createTailwindMerge(
+  createConfigFirst: () => AnyConfig,
+  ...createConfigRest: CreateConfigSubsequent[]
+): TailwindMerge;
+```
+
+**Usage Examples:**
+
+```typescript
+import { createTailwindMerge, getDefaultConfig } from "tailwind-merge";
+
+// Create custom merge function from scratch
+const customTwMerge = createTailwindMerge(() => ({
+  cacheSize: 0,
+  separator: ':',
+  theme: {},
+  classGroups: {
+    foo: ['foo', 'foo-2', { 'bar-baz': ['', '1', '2'] }],
+    bar: [{ qux: ['auto', (value) => Number(value) >= 1000] }],
+    baz: ['baz-sm', 'baz-md', 'baz-lg'],
+  },
+  conflictingClassGroups: {
+    foo: ['bar'],
+  },
+  conflictingClassGroupModifiers: {
+    baz: ['bar'],
+  },
+}));
+
+// Extend from default config
+const extendedTwMerge = createTailwindMerge(
+  getDefaultConfig,
+  (config) => ({
+    ...config,
+    classGroups: {
+      ...config.classGroups,
+      mySpecialClassGroup: [{ special: ['1', '2'] }],
+    },
+  })
+);
+```
+
+### getDefaultConfig
+
+Function which returns the default config used by tailwind-merge.
+
+```typescript { .api }
+/**
+ * Get the default configuration used by tailwind-merge
+ * @returns Default configuration object
+ */
+function getDefaultConfig(): Config<DefaultClassGroupIds, DefaultThemeGroupIds>;
+```
+
+**Usage Examples:**
+
+```typescript
+import { getDefaultConfig } from "tailwind-merge";
+
+const defaultConfig = getDefaultConfig();
+console.log(defaultConfig.classGroups); // All default class groups
+console.log(defaultConfig.theme); // Default theme scales
+console.log(defaultConfig.conflictingClassGroups); // Default conflict rules
+```
+
+### mergeConfigs
+
+Helper function to merge multiple tailwind-merge configurations safely.
+
+```typescript { .api }
+/**
+ * Merge multiple tailwind-merge configurations
+ * @param baseConfig - Base configuration to merge into (will be mutated)
+ * @param configExtension - Configuration extension to merge
+ * @returns Merged configuration
+ */
+function mergeConfigs<ClassGroupIds extends string, ThemeGroupIds extends string = never>(
+  baseConfig: AnyConfig,
+  configExtension: ConfigExtension<ClassGroupIds, ThemeGroupIds>
+): AnyConfig;
+```
+
+**Usage Examples:**
+
+```typescript
+import { createTailwindMerge, getDefaultConfig, mergeConfigs } from "tailwind-merge";
+
+const customTwMerge = createTailwindMerge(
+  getDefaultConfig,
+  (config) => mergeConfigs<'shadow' | 'animate' | 'prose'>(config, {
+    override: {
+      classGroups: {
+        // Override existing class group
+        shadow: [{ shadow: ['100', '200', '300', '400', '500'] }],
+      },
+    },
+    extend: {
+      classGroups: {
+        // Add to existing class group
+        animate: ['animate-shimmer'],
+        // Add new class group
+        prose: [{ prose: ['', validators.isTshirtSize] }],
+      },
+    },
+  })
+);
+```
+
+### fromTheme
+
+Function to retrieve values from a theme scale, to be used in class group definitions.
+
+```typescript { .api }
+/**
+ * Create theme getter function for accessing theme scale values
+ * @param key - Theme scale key to access
+ * @returns Theme getter function with isThemeGetter property
+ */
+function fromTheme<
+  AdditionalThemeGroupIds extends string = never,
+  DefaultThemeGroupIdsInner extends string = DefaultThemeGroupIds,
+>(key: NoInfer<DefaultThemeGroupIdsInner | AdditionalThemeGroupIds>): ThemeGetter;
+
+interface ThemeGetter {
+  (theme: ThemeObject<AnyThemeGroupIds>): ClassGroup<AnyClassGroupIds>;
+  isThemeGetter: true;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { extendTailwindMerge, fromTheme } from "tailwind-merge";
+
+type AdditionalThemeGroupIds = 'my-scale';
+
+const customTwMerge = extendTailwindMerge<string, AdditionalThemeGroupIds>({
+  extend: {
+    theme: {
+      'my-scale': ['foo', 'bar'],
+    },
+    classGroups: {
+      'my-group': [{
+        'my-group': [
+          fromTheme<AdditionalThemeGroupIds>('my-scale'),
+          fromTheme('spacing'), // Built-in theme scale
+        ],
+      }],
+    },
+  },
+});
+```
+
+## Configuration Types
+
+```typescript { .api }
+interface Config<ClassGroupIds extends string, ThemeGroupIds extends string>
+  extends ConfigStaticPart, ConfigGroupsPart<ClassGroupIds, ThemeGroupIds> {}
+
+interface ConfigStaticPart {
+  /** Integer indicating size of LRU cache used for memoizing results */
+  cacheSize: number;
+  /** Prefix added to Tailwind-generated classes */
+  prefix?: string;
+  /** Custom separator for modifiers in Tailwind classes */
+  separator: string;
+  /** Experimental function to customize parsing of individual classes */
+  experimentalParseClassName?(param: ExperimentalParseClassNameParam): ExperimentalParsedClassName;
+}
+
+interface ConfigExtension<ClassGroupIds extends string, ThemeGroupIds extends string>
+  extends Partial<ConfigStaticPart> {
+  /** Configuration properties to override completely */
+  override?: PartialPartial<ConfigGroupsPart<ClassGroupIds, ThemeGroupIds>>;
+  /** Configuration properties to extend/merge */
+  extend?: PartialPartial<ConfigGroupsPart<ClassGroupIds, ThemeGroupIds>>;
+}
+
+type AnyConfig = Config<string, string>;
+type CreateConfigSubsequent = (config: AnyConfig) => AnyConfig;
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-tailwind-merge/docs/core-functions.md b/.tessl/tiles/tessl/npm-tailwind-merge/docs/core-functions.md
new file mode 100644
index 000000000..467f34868
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-tailwind-merge/docs/core-functions.md
@@ -0,0 +1,115 @@
+# Core Functions
+
+Core functionality for merging and joining Tailwind CSS classes with intelligent conflict resolution and conditional handling.
+
+## Capabilities
+
+### twMerge
+
+Main function to merge Tailwind CSS classes without style conflicts. Uses the default configuration and intelligent conflict resolution.
+
+```typescript { .api }
+/**
+ * Default function to merge Tailwind CSS classes without style conflicts
+ * @param classLists - Class name values to merge
+ * @returns Merged class string with conflicts resolved
+ */
+function twMerge(...classLists: ClassNameValue[]): string;
+```
+
+**Usage Examples:**
+
+```typescript
+import { twMerge } from "tailwind-merge";
+
+// Basic conflict resolution - later classes override earlier ones
+twMerge('px-2 py-1 bg-red hover:bg-dark-red', 'p-3 bg-[#B91C1C]');
+// → 'hover:bg-dark-red p-3 bg-[#B91C1C]'
+
+// Handle conditional classes
+const isActive = true;
+const size = 'large';
+twMerge(
+  'px-4 py-2 rounded-md',
+  isActive && 'bg-blue-500 text-white',
+  !isActive && 'bg-gray-200 text-gray-700',
+  size === 'large' && 'px-6 py-3 text-lg'
+);
+
+// Complex merging with multiple conflicts
+twMerge('text-sm text-red-500 hover:text-blue-500', 'text-lg hover:text-green-500');
+// → 'text-lg hover:text-green-500'
+
+// Handle arrays and nested values
+twMerge('p-4', ['m-2', null, false, ['text-center', undefined]]);
+// → 'p-4 m-2 text-center'
+```
+
+### twJoin
+
+Function to join className strings conditionally without resolving conflicts. Similar to clsx but optimized for Tailwind classes.
+
+```typescript { .api }
+/**
+ * Join className strings conditionally without resolving conflicts
+ * @param classLists - Class name values to join
+ * @returns Joined class string without conflict resolution
+ */
+function twJoin(...classLists: ClassNameValue[]): string;
+```
+
+**Usage Examples:**
+
+```typescript
+import { twJoin } from "tailwind-merge";
+
+// Basic joining without conflict resolution
+twJoin('px-2 py-1 bg-red', 'p-3 bg-blue');
+// → 'px-2 py-1 bg-red p-3 bg-blue' (no conflicts resolved)
+
+// Conditional joining
+const hasBackground = true;
+const hasLargeText = false;
+const hasLargeSpacing = true;
+
+twJoin(
+  'border border-red-500',
+  hasBackground && 'bg-red-100',
+  hasLargeText && 'text-lg',
+  hasLargeSpacing && ['p-2', hasLargeText ? 'leading-8' : 'leading-7']
+);
+// → 'border border-red-500 bg-red-100 p-2 leading-7'
+
+// Handle falsy values
+twJoin('base-class', null, undefined, false, 0, '', 'actual-class');
+// → 'base-class actual-class'
+```
+
+### Performance Characteristics
+
+- **twMerge**: Uses LRU caching for repeated class combinations, optimized for conflict resolution
+- **twJoin**: Faster than twMerge when no conflict resolution needed, smaller bundle impact
+- Both functions handle nested arrays and conditional values efficiently
+- twMerge lazy-initializes configuration on first use for optimal startup performance
+
+### When to Use Each Function
+
+**Use `twMerge` when:**
+- You need intelligent conflict resolution between Tailwind classes
+- Working with component libraries where class conflicts are common
+- Building dynamic UIs with conditional styling that may conflict
+- Performance is important and you benefit from caching repeated combinations
+
+**Use `twJoin` when:**
+- You only need conditional class joining without conflict resolution
+- Bundle size is critical (twJoin is smaller)
+- You're certain no conflicting classes will be passed
+- You need clsx-like functionality specifically for Tailwind classes
+
+## Types
+
+```typescript { .api }
+type ClassNameValue = ClassNameArray | string | null | undefined | 0 | 0n | false;
+type ClassNameArray = ClassNameValue[];
+type TailwindMerge = (...classLists: ClassNameValue[]) => string;
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-tailwind-merge/docs/index.md b/.tessl/tiles/tessl/npm-tailwind-merge/docs/index.md
new file mode 100644
index 000000000..70c93fe5f
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-tailwind-merge/docs/index.md
@@ -0,0 +1,150 @@
+# tailwind-merge
+
+tailwind-merge is a utility function to efficiently merge Tailwind CSS classes in JavaScript without style conflicts. It provides intelligent conflict resolution that understands Tailwind's class precedence rules, allowing developers to programmatically combine CSS classes while ensuring the final result maintains proper styling without conflicting declarations.
+
+## Package Information
+
+- **Package Name**: tailwind-merge
+- **Package Type**: npm
+- **Language**: TypeScript
+- **Installation**: `npm install tailwind-merge`
+
+## Core Imports
+
+```typescript
+import { twMerge, twJoin, createTailwindMerge, extendTailwindMerge, getDefaultConfig, mergeConfigs, fromTheme } from "tailwind-merge";
+```
+
+For CommonJS:
+
+```javascript
+const { twMerge, twJoin, createTailwindMerge, extendTailwindMerge, getDefaultConfig, mergeConfigs, fromTheme } = require("tailwind-merge");
+```
+
+## Basic Usage
+
+```typescript
+import { twMerge } from "tailwind-merge";
+
+// Basic merging with conflict resolution
+const result = twMerge('px-2 py-1 bg-red hover:bg-dark-red', 'p-3 bg-[#B91C1C]');
+// → 'hover:bg-dark-red p-3 bg-[#B91C1C]'
+
+// Handle conditional classes
+const buttonClasses = twMerge(
+  'px-4 py-2 rounded-md font-medium',
+  isLoading && 'opacity-50 cursor-not-allowed',
+  variant === 'primary' && 'bg-blue-500 text-white',
+  variant === 'secondary' && 'bg-gray-200 text-gray-900',
+  size === 'sm' && 'px-2 py-1 text-sm',
+  size === 'lg' && 'px-6 py-3 text-lg'
+);
+```
+
+## Architecture
+
+tailwind-merge is built around several key components:
+
+- **Core Merger**: `twMerge` function that handles conflict resolution using the default Tailwind configuration
+- **Class Joiner**: `twJoin` function for conditional class joining without conflict resolution
+- **Configuration System**: Extensible configuration allowing customization of class groups and conflict rules  
+- **Factory Functions**: `createTailwindMerge` and `extendTailwindMerge` for creating custom merge instances
+- **Validation System**: Comprehensive validators for different types of Tailwind class values
+- **Performance Optimization**: LRU caching and efficient parsing for high-frequency usage
+
+## Capabilities
+
+### Core Merging Functions
+
+Primary functions for merging and joining Tailwind CSS classes with conflict resolution and conditional handling.
+
+```typescript { .api }
+function twMerge(...classLists: ClassNameValue[]): string;
+function twJoin(...classLists: ClassNameValue[]): string;
+
+type ClassNameValue = ClassNameArray | string | null | undefined | 0 | 0n | false;
+type ClassNameArray = ClassNameValue[];
+```
+
+[Core Functions](./core-functions.md)
+
+### Configuration and Customization
+
+Advanced configuration system for extending or customizing tailwind-merge behavior with custom class groups, theme scales, and conflict resolution rules.
+
+```typescript { .api }
+function extendTailwindMerge<
+  AdditionalClassGroupIds extends string = never,
+  AdditionalThemeGroupIds extends string = never,
+>(
+  configExtension: ConfigExtension<
+    DefaultClassGroupIds | AdditionalClassGroupIds,
+    DefaultThemeGroupIds | AdditionalThemeGroupIds
+  >,
+  ...createConfig: CreateConfigSubsequent[]
+): TailwindMerge;
+
+function createTailwindMerge(
+  createConfigFirst: () => AnyConfig,
+  ...createConfigRest: CreateConfigSubsequent[]
+): TailwindMerge;
+
+function getDefaultConfig(): Config<DefaultClassGroupIds, DefaultThemeGroupIds>;
+```
+
+[Configuration](./configuration.md)
+
+### Validation System
+
+Comprehensive validation functions for different types of Tailwind class values, used in custom configurations and class group definitions.
+
+```typescript { .api }
+interface Validators {
+  isLength(value: string): boolean;
+  isArbitraryLength(value: string): boolean;
+  isNumber(value: string): boolean;
+  isInteger(value: string): boolean;
+  isPercent(value: string): boolean;
+  isArbitraryValue(value: string): boolean;
+  isTshirtSize(value: string): boolean;
+  isArbitrarySize(value: string): boolean;
+  isArbitraryPosition(value: string): boolean;
+  isArbitraryImage(value: string): boolean;
+  isArbitraryNumber(value: string): boolean;
+  isArbitraryShadow(value: string): boolean;
+  isAny(): boolean;
+}
+```
+
+[Validation System](./validation.md)
+
+## Types
+
+```typescript { .api }
+interface Config<ClassGroupIds extends string, ThemeGroupIds extends string>
+  extends ConfigStaticPart, ConfigGroupsPart<ClassGroupIds, ThemeGroupIds> {}
+
+interface ConfigExtension<ClassGroupIds extends string, ThemeGroupIds extends string>
+  extends Partial<ConfigStaticPart> {
+  override?: PartialPartial<ConfigGroupsPart<ClassGroupIds, ThemeGroupIds>>;
+  extend?: PartialPartial<ConfigGroupsPart<ClassGroupIds, ThemeGroupIds>>;
+}
+
+type ClassValidator = (classPart: string) => boolean;
+
+type DefaultClassGroupIds = 'accent' | 'align-content' | 'align-items' | 'align-self' | 'animate' | 'appearance' | 'aspect' | 'auto-cols' | 'auto-rows' | 'backdrop-blur' | 'backdrop-brightness' | 'backdrop-contrast' | 'backdrop-filter' | 'backdrop-grayscale' | 'backdrop-hue-rotate' | 'backdrop-invert' | 'backdrop-opacity' | 'backdrop-saturate' | 'backdrop-sepia' | 'basis' | 'bg-attachment' | 'bg-blend' | 'bg-clip' | 'bg-color' | 'bg-image' | 'bg-opacity' | 'bg-origin' | 'bg-position' | 'bg-repeat' | 'bg-size' | 'blur' | 'border-collapse' | 'border-color-b' | 'border-color-e' | 'border-color-l' | 'border-color-r' | 'border-color-s' | 'border-color-t' | 'border-color-x' | 'border-color-y' | 'border-color' | 'border-opacity' | 'border-spacing-x' | 'border-spacing-y' | 'border-spacing' | 'border-style' | 'border-w-b' | 'border-w-e' | 'border-w-l' | 'border-w-r' | 'border-w-s' | 'border-w-t' | 'border-w-x' | 'border-w-y' | 'border-w' | 'bottom' | 'box-decoration' | 'box' | 'break-after' | 'break-before' | 'break-inside' | 'break' | 'brightness' | 'caption' | 'caret-color' | 'clear' | 'col-end' | 'col-start-end' | 'col-start' | 'columns' | 'container' | 'content' | 'contrast' | 'cursor' | 'delay' | 'display' | 'divide-color' | 'divide-opacity' | 'divide-style' | 'divide-x-reverse' | 'divide-x' | 'divide-y-reverse' | 'divide-y' | 'drop-shadow' | 'duration' | 'ease' | 'end' | 'fill' | 'filter' | 'flex-direction' | 'flex-wrap' | 'flex' | 'float' | 'font-family' | 'font-size' | 'font-smoothing' | 'font-style' | 'font-weight' | 'forced-color-adjust' | 'fvn-figure' | 'fvn-fraction' | 'fvn-normal' | 'fvn-ordinal' | 'fvn-slashed-zero' | 'fvn-spacing' | 'gap-x' | 'gap-y' | 'gap' | 'gradient-from-pos' | 'gradient-from' | 'gradient-to-pos' | 'gradient-to' | 'gradient-via-pos' | 'gradient-via' | 'grayscale' | 'grid-cols' | 'grid-flow' | 'grid-rows' | 'grow' | 'h' | 'hue-rotate' | 'hyphens' | 'indent' | 'inset-x' | 'inset-y' | 'inset' | 'invert' | 'isolation' | 'justify-content' | 'justify-items' | 'justify-self' | 'leading' | 'left' | 'line-clamp' | 'list-image' | 'list-style-position' | 'list-style-type' | 'm' | 'max-h' | 'max-w' | 'mb' | 'me' | 'min-h' | 'min-w' | 'mix-blend' | 'ml' | 'mr' | 'ms' | 'mt' | 'mx' | 'my' | 'object-fit' | 'object-position' | 'opacity' | 'order' | 'outline-color' | 'outline-offset' | 'outline-style' | 'outline-w' | 'overflow-x' | 'overflow-y' | 'overflow' | 'overscroll-x' | 'overscroll-y' | 'overscroll' | 'p' | 'pb' | 'pe' | 'pl' | 'place-content' | 'place-items' | 'place-self' | 'placeholder-color' | 'placeholder-opacity' | 'pointer-events' | 'position' | 'pr' | 'ps' | 'pt' | 'px' | 'py' | 'resize' | 'right' | 'ring-color' | 'ring-offset-color' | 'ring-offset-w' | 'ring-opacity' | 'ring-w-inset' | 'ring-w' | 'rotate' | 'rounded-b' | 'rounded-bl' | 'rounded-br' | 'rounded-e' | 'rounded-ee' | 'rounded-es' | 'rounded-l' | 'rounded-r' | 'rounded-s' | 'rounded-se' | 'rounded-ss' | 'rounded-t' | 'rounded-tl' | 'rounded-tr' | 'rounded' | 'row-end' | 'row-start-end' | 'row-start' | 'saturate' | 'scale-x' | 'scale-y' | 'scale' | 'scroll-behavior' | 'scroll-m' | 'scroll-mb' | 'scroll-me' | 'scroll-ml' | 'scroll-mr' | 'scroll-ms' | 'scroll-mt' | 'scroll-mx' | 'scroll-my' | 'scroll-p' | 'scroll-pb' | 'scroll-pe' | 'scroll-pl' | 'scroll-pr' | 'scroll-ps' | 'scroll-pt' | 'scroll-px' | 'scroll-py' | 'select' | 'sepia' | 'shadow-color' | 'shadow' | 'shrink' | 'size' | 'skew-x' | 'skew-y' | 'snap-align' | 'snap-stop' | 'snap-strictness' | 'snap-type' | 'space-x-reverse' | 'space-x' | 'space-y-reverse' | 'space-y' | 'sr' | 'start' | 'stroke-w' | 'stroke' | 'table-layout' | 'text-alignment' | 'text-color' | 'text-decoration-color' | 'text-decoration-style' | 'text-decoration-thickness' | 'text-decoration' | 'text-opacity' | 'text-overflow' | 'text-transform' | 'text-wrap' | 'top' | 'touch-pz' | 'touch-x' | 'touch-y' | 'touch' | 'tracking' | 'transform-origin' | 'transform' | 'transition' | 'translate-x' | 'translate-y' | 'underline-offset' | 'vertical-align' | 'visibility' | 'w' | 'whitespace' | 'will-change' | 'z';
+
+type DefaultThemeGroupIds = 'blur' | 'borderColor' | 'borderRadius' | 'borderSpacing' | 'borderWidth' | 'brightness' | 'colors' | 'contrast' | 'gap' | 'gradientColorStopPositions' | 'gradientColorStops' | 'grayscale' | 'hueRotate' | 'inset' | 'invert' | 'margin' | 'opacity' | 'padding' | 'saturate' | 'scale' | 'sepia' | 'skew' | 'space' | 'spacing' | 'translate';
+
+interface ExperimentalParseClassNameParam {
+  className: string;
+  parseClassName(className: string): ExperimentalParsedClassName;
+}
+
+interface ExperimentalParsedClassName {
+  modifiers: string[];
+  hasImportantModifier: boolean;
+  baseClassName: string;
+  maybePostfixModifierPosition: number | undefined;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-tailwind-merge/docs/validation.md b/.tessl/tiles/tessl/npm-tailwind-merge/docs/validation.md
new file mode 100644
index 000000000..56313ae38
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-tailwind-merge/docs/validation.md
@@ -0,0 +1,322 @@
+# Validation System
+
+Comprehensive validation functions for different types of Tailwind class values, used in custom configurations and class group definitions.
+
+## Capabilities
+
+### Validators Module
+
+Collection of validation functions used throughout tailwind-merge for validating different types of class values.
+
+```typescript { .api }
+/**
+ * All validators available for use in custom configurations
+ */
+interface Validators {
+  /** Validates length values (numbers, fractions, px, full, screen) */
+  isLength(value: string): boolean;
+  /** Validates arbitrary length values like [3%], [4px], [length:var(--my-var)] */
+  isArbitraryLength(value: string): boolean;
+  /** Validates numeric strings like '3', '1.5' */
+  isNumber(value: string): boolean;
+  /** Validates integer values like '3' */
+  isInteger(value: string): boolean;
+  /** Validates percentage values like '12.5%' */
+  isPercent(value: string): boolean;
+  /** Validates any arbitrary values enclosed in brackets [something] */
+  isArbitraryValue(value: string): boolean;
+  /** Validates T-shirt sizes like 'sm', 'xl', '2xl' */
+  isTshirtSize(value: string): boolean;
+  /** Validates arbitrary size values like [size:200px_100px] */
+  isArbitrarySize(value: string): boolean;
+  /** Validates arbitrary position values like [position:200px_100px] */
+  isArbitraryPosition(value: string): boolean;
+  /** Validates arbitrary image values like [url('/path.png')] */
+  isArbitraryImage(value: string): boolean;
+  /** Validates arbitrary number values like [number:var(--value)], [450] */
+  isArbitraryNumber(value: string): boolean;
+  /** Validates arbitrary shadow values like [0_35px_60px_-15px_rgba(0,0,0,0.3)] */
+  isArbitraryShadow(value: string): boolean;
+  /** Always returns true - catch-all validator (use carefully) */
+  isAny(): boolean;
+}
+```
+
+### Individual Validators
+
+#### Length Validators
+
+Validators for length-related values used in spacing, sizing, and positioning classes.
+
+```typescript { .api }
+/**
+ * Validates length values including numbers, fractions, and special keywords
+ * @param value - Value to validate
+ * @returns True if value is a valid length
+ */
+function isLength(value: string): boolean;
+
+/**
+ * Validates arbitrary length values in bracket notation
+ * @param value - Value to validate  
+ * @returns True if value is a valid arbitrary length
+ */
+function isArbitraryLength(value: string): boolean;
+```
+
+**Usage Examples:**
+
+```typescript
+import { validators } from "tailwind-merge";
+
+// isLength examples
+validators.isLength('4'); // true - number
+validators.isLength('1.5'); // true - decimal number
+validators.isLength('3/4'); // true - fraction
+validators.isLength('px'); // true - special keyword
+validators.isLength('full'); // true - special keyword
+validators.isLength('screen'); // true - special keyword
+validators.isLength('invalid'); // false
+
+// isArbitraryLength examples
+validators.isArbitraryLength('[3%]'); // true
+validators.isArbitraryLength('[4px]'); // true
+validators.isArbitraryLength('[length:var(--my-var)]'); // true
+validators.isArbitraryLength('[calc(100% - 2rem)]'); // true
+validators.isArbitraryLength('4px'); // false - not in brackets
+```
+
+#### Numeric Validators
+
+Validators for numeric values used in various contexts.
+
+```typescript { .api }
+/**
+ * Validates numeric strings
+ * @param value - Value to validate
+ * @returns True if value is a valid number
+ */
+function isNumber(value: string): boolean;
+
+/**
+ * Validates integer values
+ * @param value - Value to validate
+ * @returns True if value is a valid integer
+ */
+function isInteger(value: string): boolean;
+
+/**
+ * Validates percentage values
+ * @param value - Value to validate
+ * @returns True if value is a valid percentage
+ */
+function isPercent(value: string): boolean;
+
+/**
+ * Validates arbitrary number values for font-weight and stroke-width
+ * @param value - Value to validate
+ * @returns True if value is a valid arbitrary number
+ */
+function isArbitraryNumber(value: string): boolean;
+```
+
+**Usage Examples:**
+
+```typescript
+import { validators } from "tailwind-merge";
+
+// isNumber examples
+validators.isNumber('3'); // true
+validators.isNumber('1.5'); // true
+validators.isNumber('0'); // true
+validators.isNumber('abc'); // false
+
+// isInteger examples  
+validators.isInteger('3'); // true
+validators.isInteger('1.5'); // false
+validators.isInteger('0'); // true
+
+// isPercent examples
+validators.isPercent('12.5%'); // true
+validators.isPercent('100%'); // true
+validators.isPercent('12.5'); // false - no % sign
+
+// isArbitraryNumber examples
+validators.isArbitraryNumber('[number:var(--value)]'); // true
+validators.isArbitraryNumber('[450]'); // true
+validators.isArbitraryNumber('[number:calc(var(--weight) * 100)]'); // true
+```
+
+#### Size and Position Validators
+
+Validators for size and position-related arbitrary values.
+
+```typescript { .api }
+/**
+ * Validates T-shirt size values used in various utilities
+ * @param value - Value to validate
+ * @returns True if value is a valid T-shirt size
+ */
+function isTshirtSize(value: string): boolean;
+
+/**
+ * Validates arbitrary size values for background-size classes
+ * @param value - Value to validate
+ * @returns True if value is a valid arbitrary size
+ */
+function isArbitrarySize(value: string): boolean;
+
+/**
+ * Validates arbitrary position values for background-position classes
+ * @param value - Value to validate
+ * @returns True if value is a valid arbitrary position
+ */
+function isArbitraryPosition(value: string): boolean;
+```
+
+**Usage Examples:**
+
+```typescript
+import { validators } from "tailwind-merge";
+
+// isTshirtSize examples
+validators.isTshirtSize('sm'); // true
+validators.isTshirtSize('xl'); // true
+validators.isTshirtSize('2xl'); // true
+validators.isTshirtSize('3.5xl'); // true
+validators.isTshirtSize('large'); // false
+
+// isArbitrarySize examples
+validators.isArbitrarySize('[size:200px_100px]'); // true
+validators.isArbitrarySize('[size:cover]'); // true
+validators.isArbitrarySize('[size:50%_auto]'); // true
+
+// isArbitraryPosition examples
+validators.isArbitraryPosition('[position:200px_100px]'); // true
+validators.isArbitraryPosition('[position:center_top]'); // true
+validators.isArbitraryPosition('[position:50%_25%]'); // true
+```
+
+#### Media and Visual Validators
+
+Validators for images, shadows, and other visual elements.
+
+```typescript { .api }
+/**
+ * Validates arbitrary image values for background-image classes
+ * @param value - Value to validate
+ * @returns True if value is a valid arbitrary image
+ */
+function isArbitraryImage(value: string): boolean;
+
+/**
+ * Validates arbitrary shadow values matching shadow patterns
+ * @param value - Value to validate
+ * @returns True if value is a valid arbitrary shadow
+ */
+function isArbitraryShadow(value: string): boolean;
+```
+
+**Usage Examples:**
+
+```typescript
+import { validators } from "tailwind-merge";
+
+// isArbitraryImage examples
+validators.isArbitraryImage("[url('/path-to-image.png')]"); // true
+validators.isArbitraryImage('[image:var(--bg-image)]'); // true
+validators.isArbitraryImage('[linear-gradient(to_right,#000,#fff)]'); // true
+validators.isArbitraryImage('[url(data:image/svg+xml;base64,...)]'); // true
+
+// isArbitraryShadow examples
+validators.isArbitraryShadow('[0_35px_60px_-15px_rgba(0,0,0,0.3)]'); // true
+validators.isArbitraryShadow('[inset_0_2px_4px_rgba(0,0,0,0.1)]'); // true
+validators.isArbitraryShadow('[0_0_0_1px_theme(colors.gray.300)]'); // true
+```
+
+#### Universal Validators
+
+General-purpose validators for special cases.
+
+```typescript { .api }
+/**
+ * Validates any arbitrary value enclosed in brackets
+ * @param value - Value to validate
+ * @returns True if value is enclosed in brackets
+ */
+function isArbitraryValue(value: string): boolean;
+
+/**
+ * Always returns true - use as catch-all validator
+ * @returns Always true
+ */
+function isAny(): boolean;
+```
+
+**Usage Examples:**
+
+```typescript
+import { validators } from "tailwind-merge";
+
+// isArbitraryValue examples
+validators.isArbitraryValue('[anything]'); // true
+validators.isArbitraryValue('[color:var(--custom)]'); // true
+validators.isArbitraryValue('[length:100vh]'); // true
+validators.isArbitraryValue('not-arbitrary'); // false
+
+// isAny examples - use carefully!
+validators.isAny(); // true (always)
+validators.isAny('anything'); // true (always)
+
+// Example: Using isAny in class group definition
+const customTwMerge = extendTailwindMerge({
+  extend: {
+    classGroups: {
+      // Accept any value for custom color classes
+      'custom-color': [{ 'custom': [validators.isAny] }],
+    },
+  },
+});
+```
+
+### Using Validators in Custom Configurations
+
+Validators are primarily used when defining custom class groups in tailwind-merge configurations.
+
+**Usage Examples:**
+
+```typescript
+import { extendTailwindMerge, validators } from "tailwind-merge";
+
+const customTwMerge = extendTailwindMerge({
+  extend: {
+    classGroups: {
+      // Use length validator for custom spacing
+      'custom-spacing': [{ 'space': [validators.isLength] }],
+      
+      // Use T-shirt size validator for custom utilities
+      'custom-size': [{ 'size': [validators.isTshirtSize] }],
+      
+      // Combine multiple validators
+      'flexible-value': [{
+        'flex-val': [
+          validators.isNumber,
+          validators.isArbitraryValue,
+          validators.isTshirtSize
+        ]
+      }],
+      
+      // Custom validator function
+      'even-numbers': [{
+        'even': [(value) => validators.isInteger(value) && parseInt(value) % 2 === 0]
+      }],
+    },
+  },
+});
+```
+
+## Types
+
+```typescript { .api }
+type ClassValidator = (classPart: string) => boolean;
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-tailwind-merge/tile.json b/.tessl/tiles/tessl/npm-tailwind-merge/tile.json
new file mode 100644
index 000000000..20bf1dc55
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-tailwind-merge/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-tailwind-merge",
+  "version": "2.6.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/tailwind-merge@2.6.0",
+  "summary": "Merge Tailwind CSS classes without style conflicts"
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-tailwindcss/docs/cli.md b/.tessl/tiles/tessl/npm-tailwindcss/docs/cli.md
new file mode 100644
index 000000000..9e8521948
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-tailwindcss/docs/cli.md
@@ -0,0 +1,313 @@
+# Command Line Interface
+
+CLI tools for building CSS, initializing projects, and managing Tailwind CSS installations.
+
+## Capabilities
+
+### CLI Commands
+
+The Tailwind CSS CLI provides several commands for different tasks:
+
+```bash { .api }
+# Build CSS from input to output
+tailwindcss -i <input> -o <output> [options]
+
+# Initialize configuration file
+tailwindcss init [options]
+
+# Show help information
+tailwindcss --help
+```
+
+### Build Command
+
+Process CSS and generate Tailwind styles based on your content files.
+
+```bash { .api }
+# Basic build
+tailwindcss -i ./src/input.css -o ./dist/output.css
+
+# Build with configuration file
+tailwindcss -i ./src/input.css -o ./dist/output.css -c ./tailwind.config.js
+
+# Watch for changes and rebuild
+tailwindcss -i ./src/input.css -o ./dist/output.css --watch
+
+# Minify output CSS
+tailwindcss -i ./src/input.css -o ./dist/output.css --minify
+
+# Include all possible classes (no purging)
+tailwindcss -i ./src/input.css -o ./dist/output.css --content ""
+```
+
+**Build Options:**
+
+```bash { .api }
+-i, --input <file>          Input CSS file
+-o, --output <file>         Output CSS file
+-c, --config <file>         Configuration file path
+-w, --watch [path]          Watch for changes and rebuild
+-p, --poll                  Use polling instead of filesystem events when watching
+--postcss <file>           PostCSS configuration file
+-m, --minify               Minify the output CSS
+--content <pattern>        Content files pattern (overrides config)
+--no-autoprefixer          Disable autoprefixer
+--jit                      Enable JIT mode (deprecated, always enabled)
+-h, --help                 Show help information
+-v, --version              Show version number
+```
+
+**Usage Examples:**
+
+```bash
+# Development build with watch
+tailwindcss -i ./src/styles.css -o ./public/styles.css --watch
+
+# Production build with minification
+tailwindcss -i ./src/styles.css -o ./dist/styles.css --minify
+
+# Build with custom config location
+tailwindcss -i ./src/input.css -o ./build/output.css -c ./config/tailwind.js
+
+# Build with specific content pattern
+tailwindcss -i ./src/input.css -o ./build/output.css --content "./pages/**/*.html"
+
+# Build with PostCSS configuration
+tailwindcss -i ./src/input.css -o ./build/output.css -p ./postcss.config.js
+```
+
+### Init Command
+
+Create a Tailwind CSS configuration file.
+
+```bash { .api }
+# Create basic configuration file
+tailwindcss init
+
+# Create configuration with PostCSS config
+tailwindcss init -p
+
+# Create full configuration with all defaults
+tailwindcss init --full
+
+# Create TypeScript configuration
+tailwindcss init --ts
+
+# Create with custom filename
+tailwindcss init tailwind.config.custom.js
+```
+
+**Init Options:**
+
+```bash { .api }
+-p, --postcss              Create PostCSS configuration file
+-f, --full                 Include default values in config
+--ts                       Create TypeScript config file
+--esm                      Initialize config as ESM
+-h, --help                 Show help information
+```
+
+**Generated Configuration Examples:**
+
+```javascript
+// Basic config (tailwindcss init)
+module.exports = {
+  content: [],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
+
+// Full config (tailwindcss init --full)
+module.exports = {
+  content: [],
+  theme: {
+    screens: {
+      sm: '640px',
+      md: '768px',
+      // ... all default values
+    },
+    colors: {
+      inherit: 'inherit',
+      current: 'currentColor',
+      // ... all default colors
+    },
+    // ... all default theme values
+  },
+  plugins: [],
+}
+```
+
+### Help Command
+
+Display help information for CLI usage.
+
+```bash { .api }
+# General help
+tailwindcss --help
+tailwindcss -h
+
+# Command-specific help
+tailwindcss init --help
+tailwindcss build --help
+```
+
+## CLI Integration Patterns
+
+### NPM Scripts Integration
+
+```json { .api }
+{
+  "scripts": {
+    "build-css": "tailwindcss -i ./src/input.css -o ./dist/output.css",
+    "watch-css": "tailwindcss -i ./src/input.css -o ./dist/output.css --watch",
+    "build-css-prod": "tailwindcss -i ./src/input.css -o ./dist/output.css --minify"
+  }
+}
+```
+
+### Build Tool Integration
+
+```javascript { .api }
+// Webpack integration
+const { exec } = require('child_process');
+
+module.exports = {
+  // ... webpack config
+  plugins: [
+    {
+      apply: (compiler) => {
+        compiler.hooks.beforeCompile.tapAsync('TailwindCSS', (params, callback) => {
+          exec('tailwindcss -i ./src/input.css -o ./dist/output.css', callback);
+        });
+      }
+    }
+  ]
+};
+
+// Gulp integration
+const { spawn } = require('child_process');
+
+function buildCSS() {
+  return spawn('tailwindcss', [
+    '-i', './src/input.css',
+    '-o', './dist/output.css',
+    '--minify'
+  ], { stdio: 'inherit' });
+}
+```
+
+### Docker Integration
+
+```dockerfile { .api }
+# Dockerfile
+FROM node:18-alpine
+
+# Install Tailwind CSS CLI
+RUN npm install -g tailwindcss
+
+# Copy source files
+COPY . /app
+WORKDIR /app
+
+# Build CSS
+RUN tailwindcss -i ./src/input.css -o ./dist/output.css --minify
+
+# Use in build process
+EXPOSE 3000
+CMD ["node", "server.js"]
+```
+
+### CI/CD Integration
+
+```yaml { .api }
+# GitHub Actions
+name: Build CSS
+on: [push, pull_request]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v2
+        with:
+          node-version: '18'
+      
+      - name: Install dependencies
+        run: npm ci
+      
+      - name: Build Tailwind CSS
+        run: npx tailwindcss -i ./src/input.css -o ./dist/output.css --minify
+      
+      - name: Upload CSS artifact
+        uses: actions/upload-artifact@v2
+        with:
+          name: built-css
+          path: ./dist/output.css
+```
+
+## CLI Configuration
+
+### Input CSS Structure
+
+The CLI expects an input CSS file with Tailwind directives:
+
+```css { .api }
+/* input.css */
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/* Custom styles */
+@layer base {
+  html {
+    font-family: system-ui, sans-serif;
+  }
+}
+
+@layer components {
+  .btn {
+    @apply px-4 py-2 rounded font-medium;
+  }
+}
+
+@layer utilities {
+  .content-auto {
+    content-visibility: auto;
+  }
+}
+```
+
+### Content Detection
+
+The CLI automatically scans files for class names based on your configuration:
+
+```javascript { .api }
+// tailwind.config.js
+module.exports = {
+  content: [
+    "./src/**/*.{html,js,ts,jsx,tsx}",
+    "./pages/**/*.{html,js,ts,jsx,tsx}",
+    "./components/**/*.{html,js,ts,jsx,tsx}",
+  ],
+  // ...
+}
+```
+
+### Performance Optimization
+
+- **JIT Compilation**: Only generates CSS for classes found in content
+- **Incremental Builds**: Only rebuilds when content or config changes
+- **Parallel Processing**: Processes multiple files concurrently
+- **Memory Efficiency**: Minimal memory footprint during builds
+
+### Error Handling
+
+The CLI provides detailed error messages for common issues:
+
+- **File not found**: Clear indication when input/output files are missing
+- **Invalid configuration**: Specific errors for configuration problems
+- **CSS parsing errors**: Line numbers and context for CSS issues
+- **Content scanning errors**: Information about problematic content patterns
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-tailwindcss/docs/configuration.md b/.tessl/tiles/tessl/npm-tailwindcss/docs/configuration.md
new file mode 100644
index 000000000..0e8142dd5
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-tailwindcss/docs/configuration.md
@@ -0,0 +1,309 @@
+# Configuration System
+
+Tools for loading, resolving, and working with Tailwind CSS configuration objects.
+
+## Capabilities
+
+### Resolve Configuration
+
+Merges user configuration with default values to create a fully resolved configuration object.
+
+```javascript { .api }
+/**
+ * Resolve configuration by merging user config with defaults
+ * @param config - User configuration object to merge with defaults
+ * @returns Fully resolved configuration object with all defaults applied
+ */
+function resolveConfig<T extends Config>(config: T): ResolvedConfig<T>;
+
+type ResolvedConfig<T extends Config> = Omit<T, 'theme'> & {
+  theme: MergedThemeConfig<T['theme']>;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+const resolveConfig = require('tailwindcss/resolveConfig');
+const tailwindConfig = require('./tailwind.config.js');
+
+// Resolve complete configuration
+const fullConfig = resolveConfig(tailwindConfig);
+
+// Access resolved theme values
+console.log(fullConfig.theme.colors.blue);
+console.log(fullConfig.theme.spacing);
+console.log(fullConfig.theme.screens);
+
+// Use in custom build tools
+const breakpoints = fullConfig.theme.screens;
+const colors = fullConfig.theme.colors;
+```
+
+### Load Configuration
+
+Loads and parses Tailwind configuration from a file path, supporting multiple formats.
+
+```javascript { .api }
+/**
+ * Load configuration from a file path
+ * @param path - Path to configuration file (.js, .mjs, .ts, .cjs)
+ * @returns Configuration object loaded from file
+ */
+function loadConfig(path: string): Config;
+```
+
+**Usage Examples:**
+
+```javascript
+const loadConfig = require('tailwindcss/loadConfig');
+
+// Load from JavaScript file
+const config = loadConfig('./tailwind.config.js');
+
+// Load from TypeScript file
+const config = loadConfig('./tailwind.config.ts');
+
+// Load from ES module
+const config = loadConfig('./tailwind.config.mjs');
+
+// Use loaded config with resolveConfig
+const resolvedConfig = resolveConfig(config);
+```
+
+### Default Configuration
+
+Complete default configuration object used as base for all Tailwind installations.
+
+```javascript { .api }
+const defaultConfig: Config;
+```
+
+**Usage Examples:**
+
+```javascript
+const defaultConfig = require('tailwindcss/defaultConfig');
+
+// Examine default configuration
+console.log(defaultConfig.theme.colors);
+console.log(defaultConfig.theme.spacing);
+console.log(defaultConfig.corePlugins);
+
+// Extend from defaults
+module.exports = {
+  ...defaultConfig,
+  content: ['./src/**/*.html'],
+  theme: {
+    ...defaultConfig.theme,
+    extend: {
+      colors: {
+        primary: '#3B82F6'
+      }
+    }
+  }
+};
+```
+
+### Default Theme
+
+Default theme configuration containing all design tokens.
+
+```javascript { .api }
+const defaultTheme: ThemeConfig;
+
+interface ThemeConfig {
+  screens: ScreensConfig;
+  colors: ColorsConfig;
+  spacing: SpacingConfig;
+  fontFamily: FontFamilyConfig;
+  fontSize: FontSizeConfig;
+  fontWeight: FontWeightConfig;
+  lineHeight: LineHeightConfig;
+  letterSpacing: LetterSpacingConfig;
+  borderRadius: BorderRadiusConfig;
+  borderWidth: BorderWidthConfig;
+  boxShadow: BoxShadowConfig;
+  // ... all theme properties
+}
+```
+
+**Usage Examples:**
+
+```javascript
+const defaultTheme = require('tailwindcss/defaultTheme');
+
+// Extend font families
+module.exports = {
+  theme: {
+    extend: {
+      fontFamily: {
+        'heading': ['Inter', ...defaultTheme.fontFamily.sans],
+        'body': [...defaultTheme.fontFamily.sans],
+      },
+      screens: {
+        'xs': '475px',
+        ...defaultTheme.screens,
+      }
+    }
+  }
+};
+
+// Use default spacing scale
+const spacing = defaultTheme.spacing;
+console.log(spacing['4']); // "1rem"
+console.log(spacing['px']); // "1px"
+```
+
+## Configuration Structure
+
+### Core Configuration
+
+```javascript { .api }
+interface Config {
+  /** Content configuration for JIT mode */
+  content: ContentConfig;
+  
+  /** Theme customization and extensions */
+  theme?: Partial<ThemeConfig> & { extend?: Partial<ThemeConfig> };
+  
+  /** Plugin registration */
+  plugins?: PluginCreator[];
+  
+  /** Core plugin configuration */
+  corePlugins?: CorePluginsConfig;
+  
+  /** Important selector strategy */
+  important?: boolean | string;
+  
+  /** Class name prefix */
+  prefix?: string;
+  
+  /** Modifier separator character */
+  separator?: string;
+  
+  /** Classes to always include */
+  safelist?: SafelistConfig[];
+  
+  /** Classes to always exclude */
+  blocklist?: string[];
+  
+  /** Dark mode configuration */
+  darkMode?: DarkModeConfig;
+  
+  /** Future feature flags */
+  future?: Partial<Record<FutureFeature, boolean>>;
+  
+  /** Experimental feature flags */
+  experimental?: Partial<Record<ExperimentalFeature, boolean>>;
+}
+```
+
+### Content Configuration
+
+```javascript { .api }
+type ContentConfig = 
+  | (FilePath | RawContent)[]
+  | {
+      files: (FilePath | RawContent)[];
+      relative?: boolean;
+      extract?: ExtractorConfig;
+      transform?: TransformerConfig;
+    };
+
+type FilePath = string;
+interface RawContent {
+  raw: string;
+  extension?: string;
+}
+
+type ExtractorConfig = ExtractorFn | Record<string, ExtractorFn>;
+type ExtractorFn = (content: string) => string[];
+
+type TransformerConfig = TransformerFn | Record<string, TransformerFn>;
+type TransformerFn = (content: string) => string;
+```
+
+### Theme Configuration
+
+```javascript { .api }
+interface ThemeConfig {
+  /** Responsive breakpoints */
+  screens: Record<string, string | ScreenConfig>;
+  
+  /** Color palette */
+  colors: Record<string, string | Record<string, string>>;
+  
+  /** Spacing scale */
+  spacing: Record<string, string>;
+  
+  /** Typography configuration */
+  fontFamily: Record<string, string | string[] | FontFamilyConfig>;
+  fontSize: Record<string, string | FontSizeConfig>;
+  fontWeight: Record<string, string | number>;
+  lineHeight: Record<string, string>;
+  letterSpacing: Record<string, string>;
+  
+  /** Border configuration */
+  borderRadius: Record<string, string>;
+  borderWidth: Record<string, string>;
+  
+  /** Effect configuration */
+  boxShadow: Record<string, string | string[]>;
+  opacity: Record<string, string>;
+  
+  /** Layout configuration */
+  zIndex: Record<string, string | number>;
+  container: ContainerConfig;
+  
+  // ... extensive theme properties
+}
+
+interface ScreenConfig {
+  min?: string;
+  max?: string;
+  raw?: string;
+}
+
+interface FontFamilyConfig extends Array<string> {
+  1?: {
+    fontFeatureSettings?: string;
+    fontVariationSettings?: string;
+  };
+}
+
+type FontSizeConfig = 
+  | string 
+  | [fontSize: string, lineHeight: string]
+  | [fontSize: string, options: { lineHeight?: string; letterSpacing?: string; fontWeight?: string | number }];
+```
+
+### Advanced Configuration Options
+
+```javascript { .api }
+type CorePluginsConfig = 
+  | CorePluginList[]
+  | Partial<Record<CorePluginList, boolean>>;
+
+type DarkModeConfig = 
+  | 'media'
+  | 'class' 
+  | ['class', string]
+  | 'selector'
+  | ['selector', string]
+  | ['variant', string | string[]];
+
+interface SafelistConfig {
+  pattern: RegExp;
+  variants?: string[];
+}
+
+type FutureFeature = 
+  | 'hoverOnlyWhenSupported'
+  | 'respectDefaultRingColorOpacity'
+  | 'disableColorOpacityUtilitiesByDefault'
+  | 'relativeContentPathsByDefault';
+
+type ExperimentalFeature = 
+  | 'optimizeUniversalDefaults'
+  | 'matchVariant';
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-tailwindcss/docs/index.md b/.tessl/tiles/tessl/npm-tailwindcss/docs/index.md
new file mode 100644
index 000000000..3f3ea92d9
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-tailwindcss/docs/index.md
@@ -0,0 +1,271 @@
+# Tailwind CSS
+
+Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces. It provides low-level utility classes that let you build completely custom designs without ever leaving your HTML.
+
+## Package Information
+
+- **Package Name**: tailwindcss
+- **Package Type**: npm
+- **Language**: JavaScript/TypeScript
+- **Installation**: `npm install tailwindcss`
+
+## Core Imports
+
+```javascript
+// PostCSS plugin (main use case)
+const tailwindcss = require('tailwindcss');
+
+// Configuration utilities
+const resolveConfig = require('tailwindcss/resolveConfig');
+const loadConfig = require('tailwindcss/loadConfig');
+const defaultConfig = require('tailwindcss/defaultConfig');
+const defaultTheme = require('tailwindcss/defaultTheme');
+const colors = require('tailwindcss/colors');
+
+// Plugin creation
+const plugin = require('tailwindcss/plugin');
+
+// Nesting plugin
+const nesting = require('tailwindcss/nesting');
+```
+
+For ES modules:
+```javascript
+import tailwindcss from 'tailwindcss';
+import resolveConfig from 'tailwindcss/resolveConfig';
+import loadConfig from 'tailwindcss/loadConfig';
+import defaultConfig from 'tailwindcss/defaultConfig';
+import defaultTheme from 'tailwindcss/defaultTheme';
+import colors from 'tailwindcss/colors';
+import plugin from 'tailwindcss/plugin';
+import nesting from 'tailwindcss/nesting';
+```
+
+## Basic Usage
+
+```javascript
+// PostCSS configuration
+module.exports = {
+  plugins: [
+    require('tailwindcss'),
+    require('autoprefixer'),
+  ]
+}
+
+// Tailwind config file (tailwind.config.js)
+module.exports = {
+  content: ['./src/**/*.{html,js}'],
+  theme: {
+    extend: {
+      colors: {
+        primary: '#3B82F6',
+      }
+    },
+  },
+  plugins: [],
+}
+```
+
+## Architecture
+
+Tailwind CSS is built around several key components:
+
+- **PostCSS Plugin**: Core processing engine that generates CSS from utility classes
+- **Configuration System**: Customizable theme and plugin configuration with merging and resolution
+- **JIT Compiler**: Just-in-time compilation that generates only the CSS you use
+- **Plugin System**: Extensible architecture for adding custom utilities, components, and variants
+- **CLI Tools**: Command-line interface for building, initializing, and managing projects
+- **Color System**: Comprehensive default color palette with semantic naming
+- **Type System**: Full TypeScript support with extensive type definitions
+
+## Capabilities
+
+### PostCSS Plugin
+
+Main Tailwind CSS PostCSS plugin that processes CSS and generates utility classes.
+
+```javascript { .api }
+/**
+ * Main Tailwind CSS PostCSS plugin
+ * @param config - Tailwind configuration object or path to config file
+ * @returns PostCSS plugin instance
+ */
+function tailwindcss(config?: string | Config): PostCSS.Plugin;
+```
+
+[PostCSS Plugin](./postcss-plugin.md)
+
+### Configuration System
+
+Tools for loading, resolving, and working with Tailwind CSS configuration.
+
+```javascript { .api }
+/**
+ * Resolve configuration by merging user config with defaults
+ * @param configs - Configuration objects to merge
+ * @returns Fully resolved configuration object
+ */
+function resolveConfig<T extends Config>(config: T): ResolvedConfig<T>;
+
+/**
+ * Load configuration from a file path
+ * @param path - Path to configuration file
+ * @returns Configuration object
+ */
+function loadConfig(path: string): Config;
+```
+
+[Configuration System](./configuration.md)
+
+### Plugin System
+
+Create custom plugins to extend Tailwind with new utilities, components, and variants.
+
+```javascript { .api }
+/**
+ * Create a Tailwind CSS plugin
+ * @param plugin - Plugin function that receives the plugin API
+ * @param config - Optional configuration to merge
+ * @returns Plugin object
+ */
+function plugin(
+  plugin: PluginCreator,
+  config?: Partial<Config>
+): PluginObject;
+
+/**
+ * Create a plugin with configurable options
+ * @param plugin - Function that returns a plugin based on options
+ * @param config - Function that returns configuration based on options
+ * @returns Plugin function with options
+ */
+function plugin.withOptions<T>(
+  plugin: (options: T) => PluginCreator,
+  config?: (options: T) => Partial<Config>
+): PluginWithOptions<T>;
+
+interface PluginAPI {
+  addUtilities(utilities: CSSRuleObject | CSSRuleObject[], options?: PluginOptions): void;
+  matchUtilities<T>(utilities: Record<string, (value: T) => CSSRuleObject>, options?: MatchOptions<T>): void;
+  addComponents(components: CSSRuleObject | CSSRuleObject[], options?: PluginOptions): void;
+  matchComponents<T>(components: Record<string, (value: T) => CSSRuleObject>, options?: MatchOptions<T>): void;
+  addBase(base: CSSRuleObject | CSSRuleObject[]): void;
+  addVariant(name: string, definition: string | string[] | (() => string)): void;
+  matchVariant<T>(name: string, cb: (value: T) => string | string[], options?: MatchVariantOptions<T>): void;
+  theme<TDefaultValue>(path?: string, defaultValue?: TDefaultValue): TDefaultValue;
+  config<TDefaultValue>(path?: string, defaultValue?: TDefaultValue): TDefaultValue;
+  corePlugins(path: string): boolean;
+  e(className: string): string;
+}
+```
+
+[Plugin System](./plugin-system.md)
+
+### Theme and Colors
+
+Default theme configuration and color system.
+
+```javascript { .api }
+const defaultTheme: ThemeConfig;
+const defaultConfig: Config;
+const colors: DefaultColors;
+```
+
+[Theme and Colors](./theme-colors.md)
+
+### Command Line Interface
+
+CLI tools for building CSS, initializing projects, and managing Tailwind.
+
+```bash
+# Build CSS
+tailwindcss -i input.css -o output.css
+
+# Initialize configuration
+tailwindcss init
+
+# Watch for changes
+tailwindcss -i input.css -o output.css --watch
+```
+
+[Command Line Interface](./cli.md)
+
+### CSS Nesting Plugin
+
+PostCSS plugin for CSS nesting syntax support.
+
+```javascript { .api }
+/**
+ * PostCSS plugin for CSS nesting syntax
+ * @param plugin - Nesting plugin to use (postcss-nested or postcss-nesting)
+ * @returns PostCSS plugin instance
+ */
+function nesting(plugin?: AcceptedPlugin | string): PostCSS.Plugin;
+```
+
+[CSS Nesting](./nesting.md)
+
+### Pre-built CSS Files
+
+Ready-to-use CSS files for different Tailwind layers.
+
+```css { .api }
+/* Complete Tailwind CSS with all layers */
+@import 'tailwindcss/tailwind.css';
+
+/* Individual layers */
+@import 'tailwindcss/base.css';        /* @tailwind base; */
+@import 'tailwindcss/components.css';  /* @tailwind components; */
+@import 'tailwindcss/utilities.css';   /* @tailwind utilities; */
+@import 'tailwindcss/variants.css';    /* @tailwind variants; */
+@import 'tailwindcss/screens.css';     /* Screen reader utilities */
+```
+
+## Core Types
+
+```typescript { .api }
+interface Config {
+  content: ContentConfig;
+  theme?: ThemeConfig & { extend?: Partial<ThemeConfig> };
+  plugins?: PluginsConfig;
+  corePlugins?: CorePluginsConfig;
+  important?: boolean | string;
+  prefix?: string;
+  separator?: string;
+  safelist?: Array<string | { pattern: RegExp; variants?: string[] }>;
+  blocklist?: string[];
+  darkMode?: 'media' | 'class' | ['class', string] | 'selector' | ['selector', string] | ['variant', string | string[]];
+  future?: Partial<Record<string, boolean>>;
+  experimental?: Partial<Record<string, boolean>>;
+}
+
+type ContentConfig = 
+  | (string | { raw: string; extension?: string })[]
+  | {
+      files: (string | { raw: string; extension?: string })[];
+      relative?: boolean;
+      extract?: ExtractorFn | Record<string, ExtractorFn>;
+      transform?: TransformerFn | Record<string, TransformerFn>;
+    };
+
+interface ThemeConfig {
+  screens: Record<string, string | { min?: string; max?: string; raw?: string }>;
+  colors: Record<string, string | Record<string, string>>;
+  spacing: Record<string, string>;
+  fontFamily: Record<string, string | string[]>;
+  fontSize: Record<string, string | [string, string] | [string, { lineHeight?: string; letterSpacing?: string }]>;
+  fontWeight: Record<string, string | number>;
+  lineHeight: Record<string, string>;
+  letterSpacing: Record<string, string>;
+  borderRadius: Record<string, string>;
+  borderWidth: Record<string, string>;
+  boxShadow: Record<string, string | string[]>;
+  // ... extensive theme configuration options
+}
+
+type PluginCreator = (api: PluginAPI) => void;
+
+interface CSSRuleObject {
+  [selector: string]: string | string[] | CSSRuleObject;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-tailwindcss/docs/nesting.md b/.tessl/tiles/tessl/npm-tailwindcss/docs/nesting.md
new file mode 100644
index 000000000..9897ba629
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-tailwindcss/docs/nesting.md
@@ -0,0 +1,356 @@
+# CSS Nesting
+
+PostCSS plugin for CSS nesting syntax support, allowing you to write nested CSS rules with Tailwind CSS.
+
+## Capabilities
+
+### Nesting Plugin
+
+PostCSS plugin that adds support for CSS nesting syntax, compatible with both postcss-nested and postcss-nesting plugins.
+
+```javascript { .api }
+/**
+ * PostCSS plugin for CSS nesting syntax
+ * @param plugin - Optional nesting plugin to use (postcss-nested, postcss-nesting, or string path)
+ * @returns PostCSS plugin instance
+ */
+function nesting(plugin?: AcceptedPlugin | string | void): PostCSS.Plugin;
+
+type AcceptedPlugin = PostCSS.Plugin | PostCSS.PluginCreator<any> | PostCSS.Transformer;
+```
+
+**Usage Examples:**
+
+```javascript
+// Basic usage with default plugin (postcss-nested)
+const postcss = require('postcss');
+const nesting = require('tailwindcss/nesting');
+const tailwindcss = require('tailwindcss');
+
+postcss([
+  nesting(),
+  tailwindcss(),
+])
+.process(css, { from: undefined });
+
+// Use with postcss-nesting instead
+postcss([
+  nesting(require('postcss-nesting')),
+  tailwindcss(),
+])
+.process(css, { from: undefined });
+
+// Use with string reference
+postcss([
+  nesting('postcss-nesting'),
+  tailwindcss(),
+])
+.process(css, { from: undefined });
+```
+
+### PostCSS Configuration Integration
+
+Integrate the nesting plugin into your PostCSS configuration:
+
+```javascript { .api }
+// postcss.config.js
+module.exports = {
+  plugins: [
+    require('tailwindcss/nesting'),
+    require('tailwindcss'),
+    require('autoprefixer'),
+  ]
+}
+
+// With specific nesting plugin
+module.exports = {
+  plugins: [
+    require('tailwindcss/nesting')(require('postcss-nesting')),
+    require('tailwindcss'),
+    require('autoprefixer'),
+  ]
+}
+```
+
+## CSS Nesting Syntax
+
+### Basic Nesting
+
+Write nested CSS rules that get flattened during processing:
+
+```css { .api }
+/* Input CSS */
+.card {
+  @apply bg-white shadow-lg rounded-lg;
+  
+  .title {
+    @apply text-xl font-bold mb-2;
+  }
+  
+  .content {
+    @apply text-gray-600;
+    
+    p {
+      @apply mb-4;
+    }
+  }
+}
+
+/* Output CSS */
+.card {
+  background-color: #fff;
+  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  border-radius: 0.5rem;
+}
+
+.card .title {
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+  font-weight: 700;
+  margin-bottom: 0.5rem;
+}
+
+.card .content {
+  color: #4b5563;
+}
+
+.card .content p {
+  margin-bottom: 1rem;
+}
+```
+
+### Pseudo-class and Pseudo-element Nesting
+
+Nest pseudo-classes and pseudo-elements:
+
+```css { .api }
+/* Input CSS */
+.button {
+  @apply bg-blue-500 text-white px-4 py-2 rounded;
+  
+  &:hover {
+    @apply bg-blue-600;
+  }
+  
+  &:focus {
+    @apply ring-2 ring-blue-300;
+  }
+  
+  &::before {
+    content: '';
+    @apply absolute inset-0 bg-gradient-to-r from-transparent to-white opacity-0;
+  }
+  
+  &:hover::before {
+    @apply opacity-10;
+  }
+}
+```
+
+### Media Query Nesting
+
+Nest media queries within selectors:
+
+```css { .api }
+/* Input CSS */
+.responsive-grid {
+  @apply grid grid-cols-1 gap-4;
+  
+  @media (min-width: 640px) {
+    @apply grid-cols-2;
+  }
+  
+  @media (min-width: 768px) {
+    @apply grid-cols-3;
+  }
+  
+  @media (min-width: 1024px) {
+    @apply grid-cols-4;
+  }
+}
+```
+
+### Complex Nesting Patterns
+
+Combine multiple nesting features:
+
+```css { .api }
+/* Input CSS */
+.navigation {
+  @apply bg-white shadow;
+  
+  .nav-list {
+    @apply flex space-x-4;
+    
+    .nav-item {
+      @apply relative;
+      
+      .nav-link {
+        @apply block px-3 py-2 text-gray-700 hover:text-blue-600;
+        
+        &.active {
+          @apply text-blue-600 font-medium;
+          
+          &::after {
+            content: '';
+            @apply absolute bottom-0 left-0 right-0 h-0.5 bg-blue-600;
+          }
+        }
+      }
+      
+      .dropdown {
+        @apply absolute top-full left-0 bg-white shadow-lg rounded-md py-2 min-w-48 opacity-0 invisible;
+        
+        .nav-item:hover & {
+          @apply opacity-100 visible;
+        }
+        
+        .dropdown-link {
+          @apply block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100;
+        }
+      }
+    }
+  }
+}
+```
+
+## Plugin Compatibility
+
+### postcss-nested vs postcss-nesting
+
+The nesting plugin supports both popular nesting implementations:
+
+```javascript { .api }
+// postcss-nested (default) - supports Sass-like nesting
+require('tailwindcss/nesting')()
+
+// postcss-nesting - follows CSS Nesting Module specification
+require('tailwindcss/nesting')(require('postcss-nesting'))
+```
+
+**Differences:**
+
+| Feature | postcss-nested | postcss-nesting |
+|---------|----------------|------------------|
+| Syntax | Sass-like | CSS Nesting Module |
+| `&` reference | Yes | Yes |
+| Direct nesting | `.foo { .bar {} }` | Requires `&` |
+| Spec compliance | Custom | W3C Standard |
+
+### Framework Integration
+
+#### Next.js Integration
+
+```javascript { .api }
+// next.config.js
+module.exports = {
+  experimental: {
+    // Enable if using app directory
+    appDir: true,
+  },
+  // PostCSS configuration
+  postcss: {
+    plugins: {
+      'tailwindcss/nesting': {},
+      tailwindcss: {},
+      autoprefixer: {},
+    },
+  },
+}
+```
+
+#### Vite Integration
+
+```javascript { .api }
+// vite.config.js
+import { defineConfig } from 'vite'
+
+export default defineConfig({
+  css: {
+    postcss: {
+      plugins: [
+        require('tailwindcss/nesting'),
+        require('tailwindcss'),
+        require('autoprefixer'),
+      ],
+    },
+  },
+})
+```
+
+#### Webpack Integration
+
+```javascript { .api }
+// webpack.config.js
+module.exports = {
+  module: {
+    rules: [
+      {
+        test: /\.css$/,
+        use: [
+          'style-loader',
+          'css-loader',
+          {
+            loader: 'postcss-loader',
+            options: {
+              postcssOptions: {
+                plugins: [
+                  require('tailwindcss/nesting'),
+                  require('tailwindcss'),
+                  require('autoprefixer'),
+                ],
+              },
+            },
+          },
+        ],
+      },
+    ],
+  },
+}
+```
+
+## Best Practices
+
+### Nesting Guidelines
+
+1. **Limit nesting depth**: Keep nesting to 3-4 levels maximum for maintainability
+2. **Use semantic grouping**: Nest related styles together logically
+3. **Leverage Tailwind utilities**: Combine `@apply` with nesting for cleaner code
+4. **Media query organization**: Place media queries inside components when possible
+
+### Performance Considerations
+
+- **Build-time processing**: Nesting is resolved at build time, no runtime cost
+- **Output optimization**: Generated CSS is optimized and flattened
+- **Bundle size**: No impact on final CSS bundle size
+- **Browser compatibility**: Output CSS works in all browsers
+
+### Migration from Sass/SCSS
+
+```css { .api }
+/* Sass/SCSS syntax */
+.component {
+  color: blue;
+  
+  .child {
+    color: red;
+    
+    &:hover {
+      color: green;
+    }
+  }
+}
+
+/* PostCSS nesting equivalent */
+.component {
+  @apply text-blue-500;
+  
+  .child {
+    @apply text-red-500;
+    
+    &:hover {
+      @apply text-green-500;
+    }
+  }
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-tailwindcss/docs/plugin-system.md b/.tessl/tiles/tessl/npm-tailwindcss/docs/plugin-system.md
new file mode 100644
index 000000000..743091d6a
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-tailwindcss/docs/plugin-system.md
@@ -0,0 +1,493 @@
+# Plugin System
+
+Create custom plugins to extend Tailwind with new utilities, components, and variants.
+
+## Capabilities
+
+### Plugin Function
+
+Creates a Tailwind CSS plugin that can add utilities, components, base styles, and variants.
+
+```javascript { .api }
+/**
+ * Create a Tailwind CSS plugin
+ * @param plugin - Plugin function that receives the plugin API
+ * @param config - Optional configuration to merge into user config
+ * @returns Plugin object for use in plugins array
+ */
+function plugin(
+  plugin: PluginCreator,
+  config?: Partial<Config>
+): PluginObject;
+
+type PluginCreator = (api: PluginAPI) => void;
+
+interface PluginObject {
+  handler: PluginCreator;
+  config?: Partial<Config>;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+const plugin = require('tailwindcss/plugin');
+
+// Simple plugin
+const myPlugin = plugin(function({ addUtilities }) {
+  addUtilities({
+    '.content-auto': {
+      'content-visibility': 'auto',
+    },
+    '.content-hidden': {
+      'content-visibility': 'hidden',
+    },
+  });
+});
+
+// Plugin with configuration
+const buttonPlugin = plugin(function({ addComponents, theme }) {
+  addComponents({
+    '.btn': {
+      padding: theme('spacing.2') + ' ' + theme('spacing.4'),
+      borderRadius: theme('borderRadius.md'),
+      fontWeight: theme('fontWeight.medium'),
+    },
+  });
+}, {
+  theme: {
+    extend: {
+      colors: {
+        'btn-primary': '#3B82F6',
+      }
+    }
+  }
+});
+
+// Use in configuration
+module.exports = {
+  plugins: [myPlugin, buttonPlugin]
+};
+```
+
+### Plugin with Options
+
+Creates a configurable plugin that accepts options.
+
+```javascript { .api }
+/**
+ * Create a plugin with configurable options
+ * @param plugin - Function that returns a plugin based on options
+ * @param config - Optional function that returns configuration based on options
+ * @returns Plugin function that accepts options and returns plugin object
+ */
+plugin.withOptions<T>(
+  plugin: (options: T) => PluginCreator,
+  config?: (options: T) => Partial<Config>
+): PluginWithOptions<T>;
+
+interface PluginWithOptions<T> {
+  (options: T): PluginObject;
+  __isOptionsFunction: true;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+const plugin = require('tailwindcss/plugin');
+
+// Configurable plugin
+const aspectRatioPlugin = plugin.withOptions(
+  function (options = {}) {
+    return function({ addUtilities, matchUtilities, theme }) {
+      const values = {
+        auto: 'auto',
+        square: '1 / 1',
+        video: '16 / 9',
+        ...theme('aspectRatio'),
+        ...(options.values || {})
+      };
+
+      matchUtilities(
+        {
+          'aspect': (value) => ({
+            'aspect-ratio': value,
+          }),
+        },
+        { values }
+      );
+    };
+  },
+  function (options) {
+    return {
+      theme: {
+        aspectRatio: options.values || {}
+      }
+    };
+  }
+);
+
+// Use with options
+module.exports = {
+  plugins: [
+    aspectRatioPlugin({
+      values: {
+        '4/3': '4 / 3',
+        '21/9': '21 / 9',
+      }
+    })
+  ]
+};
+
+// Use with defaults
+module.exports = {
+  plugins: [aspectRatioPlugin()]
+};
+```
+
+## Plugin API
+
+### Add Utilities
+
+Add static utility classes to the utilities layer.
+
+```javascript { .api }
+/**
+ * Add static utility classes
+ * @param utilities - CSS rule objects for utilities
+ * @param options - Options for prefix and important handling
+ */
+addUtilities(
+  utilities: CSSRuleObject | CSSRuleObject[],
+  options?: {
+    respectPrefix?: boolean;
+    respectImportant?: boolean;
+  }
+): void;
+```
+
+**Usage Examples:**
+
+```javascript
+plugin(function({ addUtilities }) {
+  addUtilities({
+    '.skew-10deg': {
+      transform: 'skewY(-10deg)',
+    },
+    '.skew-15deg': {
+      transform: 'skewY(-15deg)',
+    },
+  });
+
+  // With nested selectors
+  addUtilities({
+    '.tab-size': {
+      'tab-size': '4',
+    },
+    '.tab-size-8': {
+      'tab-size': '8',
+    },
+  }, {
+    respectPrefix: false,
+    respectImportant: false,
+  });
+});
+```
+
+### Match Utilities
+
+Add dynamic utility classes that work with arbitrary values.
+
+```javascript { .api }
+/**
+ * Add dynamic utility classes with theme values
+ * @param utilities - Map of utility names to value functions
+ * @param options - Configuration for values, types, and modifiers
+ */
+matchUtilities<T = string, U = string>(
+  utilities: Record<string, (value: T, extra: { modifier: U | null }) => CSSRuleObject | null>,
+  options?: {
+    values?: Record<string, T>;
+    type?: ValueType | ValueType[];
+    modifiers?: 'any' | Record<string, U>;
+    supportsNegativeValues?: boolean;
+    respectPrefix?: boolean;
+    respectImportant?: boolean;
+  }
+): void;
+
+type ValueType = 
+  | 'any' | 'color' | 'url' | 'image' | 'length' | 'percentage' 
+  | 'position' | 'lookup' | 'generic-name' | 'family-name' 
+  | 'number' | 'line-width' | 'absolute-size' | 'relative-size' | 'shadow';
+```
+
+**Usage Examples:**
+
+```javascript
+plugin(function({ matchUtilities, theme }) {
+  // Simple match utilities
+  matchUtilities(
+    {
+      'tab-size': (value) => ({
+        'tab-size': value,
+      }),
+    },
+    { values: theme('tabSize') }
+  );
+
+  // With type validation
+  matchUtilities(
+    {
+      'rotate': (value) => ({
+        transform: `rotate(${value})`,
+      }),
+    },
+    {
+      values: theme('rotate'),
+      type: 'angle',
+      supportsNegativeValues: true,
+    }
+  );
+
+  // With modifiers
+  matchUtilities(
+    {
+      'shadow': (value, { modifier }) => ({
+        'box-shadow': value,
+        ...(modifier && {
+          'box-shadow-color': modifier,
+        }),
+      }),
+    },
+    {
+      values: theme('boxShadow'),
+      modifiers: theme('boxShadowColor'),
+      type: 'shadow',
+    }
+  );
+});
+```
+
+### Add Components
+
+Add static component styles to the components layer.
+
+```javascript { .api }
+/**
+ * Add static component styles
+ * @param components - CSS rule objects for components
+ * @param options - Options for prefix and important handling
+ */
+addComponents(
+  components: CSSRuleObject | CSSRuleObject[],
+  options?: {
+    respectPrefix?: boolean;
+    respectImportant?: boolean;
+  }
+): void;
+```
+
+**Usage Examples:**
+
+```javascript
+plugin(function({ addComponents, theme }) {
+  addComponents({
+    '.btn': {
+      padding: theme('spacing.2') + ' ' + theme('spacing.4'),
+      borderRadius: theme('borderRadius.md'),
+      fontWeight: theme('fontWeight.medium'),
+    },
+    '.btn-primary': {
+      backgroundColor: theme('colors.blue.500'),
+      color: theme('colors.white'),
+      '&:hover': {
+        backgroundColor: theme('colors.blue.600'),
+      },
+    },
+  });
+});
+```
+
+### Match Components
+
+Add dynamic component styles that work with theme values.
+
+```javascript { .api }
+/**
+ * Add dynamic component styles with theme values
+ * @param components - Map of component names to value functions
+ * @param options - Configuration for values, types, and modifiers
+ */
+matchComponents<T = string, U = string>(
+  components: Record<string, (value: T, extra: { modifier: U | null }) => CSSRuleObject | null>,
+  options?: {
+    values?: Record<string, T>;
+    type?: ValueType | ValueType[];
+    modifiers?: 'any' | Record<string, U>;
+    respectPrefix?: boolean;
+    respectImportant?: boolean;
+  }
+): void;
+```
+
+### Add Base Styles
+
+Add base styles that are included before utilities and components.
+
+```javascript { .api }
+/**
+ * Add base styles
+ * @param base - CSS rule objects for base styles
+ */
+addBase(base: CSSRuleObject | CSSRuleObject[]): void;
+```
+
+**Usage Examples:**
+
+```javascript
+plugin(function({ addBase, theme }) {
+  addBase({
+    'h1': {
+      fontSize: theme('fontSize.2xl'),
+      fontWeight: theme('fontWeight.bold'),
+    },
+    'h2': {
+      fontSize: theme('fontSize.xl'),
+      fontWeight: theme('fontWeight.semibold'),
+    },
+  });
+});
+```
+
+### Add Variants
+
+Add custom variants for conditional styling.
+
+```javascript { .api }
+/**
+ * Add custom variants
+ * @param name - Variant name
+ * @param definition - CSS selector or function returning selector
+ */
+addVariant(
+  name: string, 
+  definition: string | string[] | (() => string) | (() => string)[]
+): void;
+```
+
+**Usage Examples:**
+
+```javascript
+plugin(function({ addVariant }) {
+  // Simple variant
+  addVariant('hocus', ['&:hover', '&:focus']);
+  
+  // Function-based variant
+  addVariant('not-first', () => '&:not(:first-child)');
+  
+  // Multiple selectors
+  addVariant('group-optional', [
+    ':merge(.group):optional &',
+    ':merge(.group):optional&',
+  ]);
+});
+```
+
+### Match Variants
+
+Add dynamic variants that accept values.
+
+```javascript { .api }
+/**
+ * Add dynamic variants with values
+ * @param name - Variant name
+ * @param cb - Function that returns selector based on value
+ * @param options - Configuration for values and sorting
+ */
+matchVariant<T = string>(
+  name: string,
+  cb: (value: T, extra: { modifier: string | null }) => string | string[],
+  options?: {
+    values?: Record<string, T>;
+    sort?(a: { value: T; modifier: string | null }, b: { value: T; modifier: string | null }): number;
+  }
+): void;
+```
+
+### Theme Access
+
+Access theme configuration values within plugins.
+
+```javascript { .api }
+/**
+ * Access theme configuration values
+ * @param path - Dot-notation path to theme value
+ * @param defaultValue - Default value if path doesn't exist
+ * @returns Theme value or default
+ */
+theme<TDefaultValue = any>(
+  path?: string, 
+  defaultValue?: TDefaultValue
+): TDefaultValue;
+```
+
+### Config Access
+
+Access full configuration object within plugins.
+
+```javascript { .api }
+/**
+ * Access full configuration object
+ * @param path - Dot-notation path to config value
+ * @param defaultValue - Default value if path doesn't exist
+ * @returns Config value or default
+ */
+config<TDefaultValue = any>(
+  path?: string, 
+  defaultValue?: TDefaultValue
+): TDefaultValue;
+```
+
+### Core Plugin Check
+
+Check if a core plugin is enabled.
+
+```javascript { .api }
+/**
+ * Check if a core plugin is enabled
+ * @param path - Core plugin name
+ * @returns Whether the core plugin is enabled
+ */
+corePlugins(path: string): boolean;
+```
+
+### Escape Class Names
+
+Escape special characters in class names for CSS selectors.
+
+```javascript { .api }
+/**
+ * Escape special characters in class names
+ * @param className - Class name to escape
+ * @returns Escaped class name for CSS selectors
+ */
+e(className: string): string;
+```
+
+## Type Definitions
+
+```javascript { .api }
+interface CSSRuleObject {
+  [selector: string]: string | string[] | null | CSSRuleObject;
+}
+
+interface PluginUtils {
+  colors: DefaultColors;
+  theme(path: string, defaultValue?: unknown): any;
+  breakpoints<T = Record<string, unknown>>(screens: T): T;
+  rgb(color: string): ({ opacityVariable, opacityValue }: { opacityVariable?: string; opacityValue?: number }) => string;
+  hsl(color: string): ({ opacityVariable, opacityValue }: { opacityVariable?: string; opacityValue?: number }) => string;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-tailwindcss/docs/postcss-plugin.md b/.tessl/tiles/tessl/npm-tailwindcss/docs/postcss-plugin.md
new file mode 100644
index 000000000..6eebf2f2c
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-tailwindcss/docs/postcss-plugin.md
@@ -0,0 +1,144 @@
+# PostCSS Plugin
+
+The main Tailwind CSS PostCSS plugin that processes CSS and generates utility classes based on your content files and configuration.
+
+## Capabilities
+
+### Main Plugin Function
+
+Creates a PostCSS plugin instance that processes Tailwind directives and generates CSS.
+
+```javascript { .api }
+/**
+ * Main Tailwind CSS PostCSS plugin
+ * @param config - Tailwind configuration object or path to config file
+ * @returns PostCSS plugin instance with postcssPlugin property
+ */
+function tailwindcss(config?: string | Config): {
+  postcssPlugin: 'tailwindcss';
+  plugins: PostCSS.AcceptedPlugin[];
+  postcss: true;
+};
+```
+
+**Usage Examples:**
+
+```javascript
+// With configuration object
+const postcss = require('postcss');
+const tailwindcss = require('tailwindcss');
+
+const result = await postcss([
+  tailwindcss({
+    content: ['./src/**/*.html'],
+    theme: {
+      extend: {
+        colors: {
+          primary: '#3B82F6'
+        }
+      }
+    }
+  })
+]).process(css, { from: undefined });
+
+// With configuration file path
+const result = await postcss([
+  tailwindcss('./tailwind.config.js')
+]).process(css, { from: undefined });
+
+// With default configuration
+const result = await postcss([
+  tailwindcss()
+]).process(css, { from: undefined });
+```
+
+### CSS Directives
+
+The plugin processes special CSS directives in your source files:
+
+```css
+/* Include Tailwind's base styles */
+@tailwind base;
+
+/* Include Tailwind's component classes */
+@tailwind components;
+
+/* Include Tailwind's utility classes */
+@tailwind utilities;
+
+/* Include Tailwind's variant utilities */
+@tailwind variants;
+
+/* Apply utility classes (legacy) */
+@apply bg-blue-500 text-white p-4;
+
+/* Access theme values */
+.custom {
+  color: theme('colors.blue.500');
+  width: theme('spacing.8');
+}
+
+/* Screen-based media queries */
+@screen md {
+  .custom {
+    display: block;
+  }
+}
+```
+
+### Processing Behavior
+
+The plugin operates in Just-In-Time (JIT) mode by default:
+
+- **Content Scanning**: Scans configured content files for class names
+- **On-Demand Generation**: Generates only the CSS for classes found in your content
+- **Variant Generation**: Creates responsive and state variants for used utilities
+- **Purging**: Automatically removes unused CSS in production builds
+
+### Configuration Integration
+
+The plugin integrates with Tailwind's configuration system:
+
+```javascript { .api }
+interface PluginConfig {
+  // Content configuration for JIT mode
+  content: ContentConfig;
+  
+  // Theme customization
+  theme?: Partial<ThemeConfig>;
+  
+  // Plugin registration
+  plugins?: PluginCreator[];
+  
+  // Core plugin control
+  corePlugins?: CorePluginsConfig;
+  
+  // Global modifiers
+  important?: boolean | string;
+  prefix?: string;
+  separator?: string;
+  
+  // CSS class control
+  safelist?: SafelistConfig[];
+  blocklist?: string[];
+  
+  // Dark mode strategy
+  darkMode?: DarkModeConfig;
+}
+```
+
+### Error Handling
+
+The plugin provides detailed error messages for common issues:
+
+- **Missing Configuration**: Clear guidance when configuration is invalid
+- **Content Path Issues**: Warnings when content paths don't match files
+- **Invalid CSS**: Helpful messages for malformed `@apply` directives
+- **Plugin Conflicts**: Detection of conflicting plugin configurations
+
+### Performance Features
+
+- **Incremental Building**: Only rebuilds changed CSS
+- **Memory Optimization**: Efficient caching of generated styles
+- **Fast Content Scanning**: Optimized regex patterns for class detection
+- **Parallel Processing**: Concurrent handling of multiple content files
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-tailwindcss/docs/theme-colors.md b/.tessl/tiles/tessl/npm-tailwindcss/docs/theme-colors.md
new file mode 100644
index 000000000..130ff8bbf
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-tailwindcss/docs/theme-colors.md
@@ -0,0 +1,421 @@
+# Theme and Colors
+
+Default theme configuration and comprehensive color system for Tailwind CSS.
+
+## Capabilities
+
+### Default Colors
+
+Complete color palette with semantic color names and numeric scales.
+
+```javascript { .api }
+const colors: DefaultColors;
+
+interface DefaultColors {
+  inherit: 'inherit';
+  current: 'currentColor';
+  transparent: 'transparent';
+  black: '#000';
+  white: '#fff';
+  slate: ColorScale;
+  gray: ColorScale;
+  zinc: ColorScale;
+  neutral: ColorScale;
+  stone: ColorScale;
+  red: ColorScale;
+  orange: ColorScale;
+  amber: ColorScale;
+  yellow: ColorScale;
+  lime: ColorScale;
+  green: ColorScale;
+  emerald: ColorScale;
+  teal: ColorScale;
+  cyan: ColorScale;
+  sky: ColorScale;
+  blue: ColorScale;
+  indigo: ColorScale;
+  violet: ColorScale;
+  purple: ColorScale;
+  fuchsia: ColorScale;
+  pink: ColorScale;
+  rose: ColorScale;
+}
+
+interface ColorScale {
+  50: string;
+  100: string;
+  200: string;
+  300: string;
+  400: string;
+  500: string;
+  600: string;
+  700: string;
+  800: string;
+  900: string;
+  950: string;
+}
+```
+
+**Usage Examples:**
+
+```javascript
+const colors = require('tailwindcss/colors');
+
+// Use in configuration
+module.exports = {
+  theme: {
+    extend: {
+      colors: {
+        primary: colors.blue,
+        secondary: colors.purple,
+        danger: colors.red[500],
+        success: colors.green[600],
+      }
+    }
+  }
+};
+
+// Access specific colors
+console.log(colors.blue[500]); // "#3B82F6"
+console.log(colors.red[900]);  // "#7F1D1D"
+console.log(colors.current);   // "currentColor"
+
+// Use with CSS custom properties
+const customColors = {
+  brand: {
+    light: colors.blue[400],
+    DEFAULT: colors.blue[500],
+    dark: colors.blue[600],
+  }
+};
+```
+
+### Default Theme
+
+Complete default theme configuration with all design tokens.
+
+```javascript { .api }
+const defaultTheme: ThemeConfig;
+```
+
+**Key Theme Sections:**
+
+#### Responsive Breakpoints
+
+```javascript { .api }
+const screens: {
+  sm: '640px';
+  md: '768px';
+  lg: '1024px';
+  xl: '1280px';
+  '2xl': '1536px';
+};
+```
+
+#### Spacing Scale
+
+```javascript { .api }
+const spacing: {
+  px: '1px';
+  0: '0px';
+  0.5: '0.125rem';
+  1: '0.25rem';
+  1.5: '0.375rem';
+  2: '0.5rem';
+  2.5: '0.625rem';
+  3: '0.75rem';
+  3.5: '0.875rem';
+  4: '1rem';
+  // ... up to 96: '24rem'
+  auto: 'auto';
+  full: '100%';
+  screen: '100vh';
+  svw: '100svw';
+  lvw: '100lvw';
+  dvw: '100dvw';
+  min: 'min-content';
+  max: 'max-content';
+  fit: 'fit-content';
+};
+```
+
+#### Typography
+
+```javascript { .api }
+const fontFamily: {
+  sans: [
+    'ui-sans-serif',
+    'system-ui',
+    'sans-serif',
+    '"Apple Color Emoji"',
+    '"Segoe UI Emoji"',
+    '"Segoe UI Symbol"',
+    '"Noto Color Emoji"'
+  ];
+  serif: [
+    'ui-serif',
+    'Georgia',
+    'Cambria',
+    '"Times New Roman"',
+    'Times',
+    'serif'
+  ];
+  mono: [
+    'ui-monospace',
+    'SFMono-Regular',
+    '"Menlo"',
+    'Monaco',
+    'Consolas',
+    '"Liberation Mono"',
+    '"Courier New"',
+    'monospace'
+  ];
+};
+
+const fontSize: {
+  xs: ['0.75rem', { lineHeight: '1rem' }];
+  sm: ['0.875rem', { lineHeight: '1.25rem' }];
+  base: ['1rem', { lineHeight: '1.5rem' }];
+  lg: ['1.125rem', { lineHeight: '1.75rem' }];
+  xl: ['1.25rem', { lineHeight: '1.75rem' }];
+  '2xl': ['1.5rem', { lineHeight: '2rem' }];
+  '3xl': ['1.875rem', { lineHeight: '2.25rem' }];
+  // ... up to '9xl'
+};
+
+const fontWeight: {
+  thin: '100';
+  extralight: '200';
+  light: '300';
+  normal: '400';
+  medium: '500';
+  semibold: '600';
+  bold: '700';
+  extrabold: '800';
+  black: '900';
+};
+```
+
+#### Border Configuration
+
+```javascript { .api }
+const borderRadius: {
+  none: '0px';
+  sm: '0.125rem';
+  DEFAULT: '0.25rem';
+  md: '0.375rem';
+  lg: '0.5rem';
+  xl: '0.75rem';
+  '2xl': '1rem';
+  '3xl': '1.5rem';
+  full: '9999px';
+};
+
+const borderWidth: {
+  DEFAULT: '1px';
+  0: '0px';
+  2: '2px';
+  4: '4px';
+  8: '8px';
+};
+```
+
+#### Effects and Shadows
+
+```javascript { .api }
+const boxShadow: {
+  sm: '0 1px 2px 0 rgb(0 0 0 / 0.05)';
+  DEFAULT: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)';
+  md: '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)';
+  lg: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)';
+  xl: '0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)';
+  '2xl': '0 25px 50px -12px rgb(0 0 0 / 0.25)';
+  inner: 'inset 0 2px 4px 0 rgb(0 0 0 / 0.05)';
+  none: 'none';
+};
+
+const opacity: {
+  0: '0';
+  5: '0.05';
+  10: '0.1';
+  20: '0.2';
+  25: '0.25';
+  30: '0.3';
+  40: '0.4';
+  50: '0.5';
+  60: '0.6';
+  70: '0.7';
+  75: '0.75';
+  80: '0.8';
+  90: '0.9';
+  95: '0.95';
+  100: '1';
+};
+```
+
+**Usage Examples:**
+
+```javascript
+const defaultTheme = require('tailwindcss/defaultTheme');
+
+// Extend font families
+module.exports = {
+  theme: {
+    extend: {
+      fontFamily: {
+        'heading': ['Inter', ...defaultTheme.fontFamily.sans],
+        'body': [...defaultTheme.fontFamily.sans],
+      },
+      screens: {
+        'xs': '475px',
+        ...defaultTheme.screens,
+      },
+      spacing: {
+        '18': '4.5rem',
+        '88': '22rem',
+        ...defaultTheme.spacing,
+      }
+    }
+  }
+};
+
+// Access specific theme values
+console.log(defaultTheme.spacing['4']); // "1rem"
+console.log(defaultTheme.colors.blue[500]); // "#3B82F6"
+console.log(defaultTheme.screens.md); // "768px"
+
+// Create custom theme extensions
+const customTheme = {
+  ...defaultTheme,
+  extend: {
+    colors: {
+      brand: {
+        50: '#eff6ff',
+        500: '#3b82f6',
+        900: '#1e3a8a',
+      }
+    },
+    animation: {
+      'fade-in': 'fadeIn 0.5s ease-in-out',
+    },
+    keyframes: {
+      fadeIn: {
+        '0%': { opacity: '0' },
+        '100%': { opacity: '1' },
+      },
+    },
+  }
+};
+```
+
+### Default Configuration
+
+Complete default configuration object used as the base for all Tailwind installations.
+
+```javascript { .api }
+const defaultConfig: Config;
+```
+
+**Usage Examples:**
+
+```javascript
+const defaultConfig = require('tailwindcss/defaultConfig');
+
+// Examine default configuration structure
+console.log(defaultConfig.theme);
+console.log(defaultConfig.corePlugins);
+console.log(defaultConfig.variants);
+
+// Use as base for custom configuration
+module.exports = {
+  ...defaultConfig,
+  content: ['./src/**/*.{html,js}'],
+  theme: {
+    ...defaultConfig.theme,
+    extend: {
+      colors: {
+        primary: '#3B82F6',
+      }
+    }
+  },
+  plugins: [
+    ...defaultConfig.plugins,
+    // Add custom plugins
+  ]
+};
+```
+
+## Color System Details
+
+### Color Naming Convention
+
+Tailwind uses a consistent naming system:
+- **Semantic names**: `red`, `blue`, `green`, etc.
+- **Numeric scale**: `50` (lightest) to `950` (darkest)
+- **Special values**: `inherit`, `current`, `transparent`
+
+### Color Accessibility
+
+The color system is designed with accessibility in mind:
+- **Sufficient contrast**: Default color combinations meet WCAG guidelines
+- **Consistent lightness**: Same numeric values have similar perceived lightness across hues
+- **Semantic grouping**: Related colors are grouped logically
+
+### Custom Color Integration
+
+```javascript { .api }
+// Add custom colors to the palette
+const customColors = {
+  brand: {
+    50: '#f0f9ff',
+    100: '#e0f2fe',
+    200: '#bae6fd',
+    300: '#7dd3fc',
+    400: '#38bdf8',
+    500: '#0ea5e9',
+    600: '#0284c7',
+    700: '#0369a1',
+    800: '#075985',
+    900: '#0c4a6e',
+    950: '#082f49',
+  },
+  accent: {
+    light: '#fbbf24',
+    DEFAULT: '#f59e0b',
+    dark: '#d97706',
+  }
+};
+```
+
+### Advanced Theme Customization
+
+```javascript { .api }
+interface ThemeExtension {
+  // Container configuration
+  container: {
+    center: boolean;
+    padding: string | Record<string, string>;
+    screens: Record<string, string>;
+  };
+  
+  // Animation system
+  animation: Record<string, string>;
+  keyframes: Record<string, Record<string, Record<string, string>>>;
+  
+  // Advanced typography
+  textIndent: Record<string, string>;
+  textDecorationThickness: Record<string, string>;
+  textUnderlineOffset: Record<string, string>;
+  
+  // Advanced effects
+  backdropBlur: Record<string, string>;
+  backdropBrightness: Record<string, string>;
+  dropShadow: Record<string, string | string[]>;
+  
+  // Grid system
+  gridTemplateColumns: Record<string, string>;
+  gridTemplateRows: Record<string, string>;
+  gridAutoColumns: Record<string, string>;
+  gridAutoRows: Record<string, string>;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-tailwindcss/tile.json b/.tessl/tiles/tessl/npm-tailwindcss/tile.json
new file mode 100644
index 000000000..fe9dc488c
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-tailwindcss/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-tailwindcss",
+  "version": "3.4.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/tailwindcss@3.4.17",
+  "summary": "A utility-first CSS framework for rapidly building custom user interfaces."
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-testing-library--react/docs/async.md b/.tessl/tiles/tessl/npm-testing-library--react/docs/async.md
new file mode 100644
index 000000000..3f603dce7
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-testing-library--react/docs/async.md
@@ -0,0 +1,463 @@
+# Async Utilities
+
+Wait for asynchronous changes with automatic act() wrapping.
+
+## API
+
+### waitFor Function
+
+Waits for a condition to be met, repeatedly calling the callback until it succeeds or times out. Useful for waiting for asynchronous state updates, API calls, or side effects.
+
+```typescript { .api }
+/**
+ * Wait for a condition to be met by repeatedly calling the callback
+ * @param callback - Function to call repeatedly until it doesn't throw
+ * @param options - Configuration options
+ * @returns Promise resolving to callback's return value
+ * @throws When timeout is reached or onTimeout callback returns error
+ */
+function waitFor<T>(
+  callback: () => T | Promise<T>,
+  options?: {
+    /**
+     * Maximum time to wait in milliseconds (default: 1000)
+     */
+    timeout?: number;
+
+    /**
+     * Time between callback calls in milliseconds (default: 50)
+     */
+    interval?: number;
+
+    /**
+     * Custom error handler when timeout is reached
+     */
+    onTimeout?: (error: Error) => Error;
+
+    /**
+     * Suppress timeout errors for debugging (default: false)
+     */
+    mutationObserverOptions?: MutationObserverInit;
+  }
+): Promise<T>;
+```
+
+### waitForElementToBeRemoved Function
+
+Waits for an element to be removed from the DOM. Useful for testing loading states, modals closing, or elements being unmounted.
+
+```typescript { .api }
+/**
+ * Wait for element(s) to be removed from the DOM
+ * @param callback - Element, elements, or function returning element(s) to wait for removal
+ * @param options - Configuration options
+ * @returns Promise that resolves when element(s) are removed
+ * @throws When timeout is reached
+ */
+function waitForElementToBeRemoved<T>(
+  callback: T | (() => T),
+  options?: {
+    /**
+     * Maximum time to wait in milliseconds (default: 1000)
+     */
+    timeout?: number;
+
+    /**
+     * Time between checks in milliseconds (default: 50)
+     */
+    interval?: number;
+
+    /**
+     * Suppress timeout errors for debugging (default: false)
+     */
+    mutationObserverOptions?: MutationObserverInit;
+  }
+): Promise<void>;
+```
+
+### findBy* Queries
+
+Async query variants that wait for elements to appear. These are convenience wrappers around `waitFor` + `getBy*` queries.
+
+```typescript { .api }
+/**
+ * Async queries that wait for elements to appear
+ * All getBy* queries have findBy* async equivalents
+ */
+findByRole(role: string, options?: ByRoleOptions): Promise<HTMLElement>;
+findAllByRole(role: string, options?: ByRoleOptions): Promise<HTMLElement[]>;
+
+findByLabelText(text: string | RegExp, options?: SelectorMatcherOptions): Promise<HTMLElement>;
+findAllByLabelText(text: string | RegExp, options?: SelectorMatcherOptions): Promise<HTMLElement[]>;
+
+findByPlaceholderText(text: string | RegExp, options?: MatcherOptions): Promise<HTMLElement>;
+findAllByPlaceholderText(text: string | RegExp, options?: MatcherOptions): Promise<HTMLElement[]>;
+
+findByText(text: string | RegExp, options?: SelectorMatcherOptions): Promise<HTMLElement>;
+findAllByText(text: string | RegExp, options?: SelectorMatcherOptions): Promise<HTMLElement[]>;
+
+findByDisplayValue(value: string | RegExp, options?: MatcherOptions): Promise<HTMLElement>;
+findAllByDisplayValue(value: string | RegExp, options?: MatcherOptions): Promise<HTMLElement[]>;
+
+findByAltText(text: string | RegExp, options?: MatcherOptions): Promise<HTMLElement>;
+findAllByAltText(text: string | RegExp, options?: MatcherOptions): Promise<HTMLElement[]>;
+
+findByTitle(title: string | RegExp, options?: MatcherOptions): Promise<HTMLElement>;
+findAllByTitle(title: string | RegExp, options?: MatcherOptions): Promise<HTMLElement[]>;
+
+findByTestId(testId: string | RegExp, options?: MatcherOptions): Promise<HTMLElement>;
+findAllByTestId(testId: string | RegExp, options?: MatcherOptions): Promise<HTMLElement[]>;
+```
+
+## Common Patterns
+
+### Wait for Element to Appear
+```typescript
+// Using findBy* (recommended for single element)
+const message = await screen.findByText(/loaded/i);
+
+// Using waitFor (for complex assertions)
+await waitFor(() => {
+  expect(screen.getByText(/loaded/i)).toBeInTheDocument();
+});
+```
+
+### Wait for Element to Disappear
+```typescript
+// Wait for removal
+await waitForElementToBeRemoved(() => screen.getByText(/loading/i));
+
+// Or use waitFor with queryBy
+await waitFor(() => {
+  expect(screen.queryByText(/loading/i)).not.toBeInTheDocument();
+});
+```
+
+### Wait for Multiple Conditions
+```typescript
+await waitFor(() => {
+  expect(screen.getByText('Title')).toBeInTheDocument();
+  expect(screen.getByText('Content')).toBeInTheDocument();
+  expect(screen.queryByText('Loading')).not.toBeInTheDocument();
+});
+```
+
+### Custom Timeout
+```typescript
+await waitFor(
+  () => expect(screen.getByText('Slow load')).toBeInTheDocument(),
+  { timeout: 5000 }  // 5 seconds
+);
+```
+
+## Testing Patterns
+
+### API Data Loading
+```typescript
+test('loads user data', async () => {
+  render(<UserProfile userId="123" />);
+
+  // Initially loading
+  expect(screen.getByText(/loading/i)).toBeInTheDocument();
+
+  // Wait for data
+  const name = await screen.findByText(/john doe/i);
+  expect(name).toBeInTheDocument();
+
+  // Loading gone
+  expect(screen.queryByText(/loading/i)).not.toBeInTheDocument();
+});
+```
+
+### Async State Updates
+```typescript
+test('updates after async operation', async () => {
+  render(<AsyncCounter />);
+
+  fireEvent.click(screen.getByRole('button', { name: /increment/i }));
+
+  // Wait for state update
+  await waitFor(() => {
+    expect(screen.getByText('Count: 1')).toBeInTheDocument();
+  });
+});
+```
+
+### Modal Closing
+```typescript
+test('closes modal', async () => {
+  render(<App />);
+
+  const closeButton = screen.getByRole('button', { name: /close/i });
+  const modal = screen.getByRole('dialog');
+
+  fireEvent.click(closeButton);
+
+  await waitForElementToBeRemoved(modal);
+  expect(screen.queryByRole('dialog')).not.toBeInTheDocument();
+});
+```
+
+### Form Validation
+```typescript
+test('shows validation after submit', async () => {
+  render(<Form />);
+
+  fireEvent.click(screen.getByRole('button', { name: /submit/i }));
+
+  const error = await screen.findByRole('alert');
+  expect(error).toHaveTextContent('Email is required');
+});
+```
+
+### Polling/Retries
+```typescript
+test('retries failed request', async () => {
+  render(<DataFetcher />);
+
+  // Shows initial error
+  expect(await screen.findByText(/error/i)).toBeInTheDocument();
+
+  // Retries and succeeds
+  const data = await screen.findByText(/success/i, {}, { timeout: 5000 });
+  expect(data).toBeInTheDocument();
+});
+```
+
+## Advanced Patterns
+
+### Wait for Multiple Elements
+```typescript
+test('loads all items', async () => {
+  render(<ItemList />);
+
+  const items = await screen.findAllByRole('listitem');
+  expect(items).toHaveLength(5);
+});
+```
+
+### Async Callback Return Value
+```typescript
+test('returns value from waitFor', async () => {
+  render(<Component />);
+
+  const element = await waitFor(() => screen.getByText('Value'));
+  expect(element).toHaveAttribute('data-loaded', 'true');
+});
+```
+
+### Custom Error Messages
+```typescript
+test('provides context on timeout', async () => {
+  render(<Component />);
+
+  await waitFor(
+    () => expect(screen.getByText('Expected')).toBeInTheDocument(),
+    {
+      timeout: 2000,
+      onTimeout: (error) => {
+        screen.debug();
+        return new Error(`Element not found after 2s: ${error.message}`);
+      },
+    }
+  );
+});
+```
+
+### Waiting for Hook Updates
+```typescript
+test('hook updates async state', async () => {
+  const { result } = renderHook(() => useAsyncData());
+
+  expect(result.current.loading).toBe(true);
+
+  await waitFor(() => {
+    expect(result.current.loading).toBe(false);
+  });
+
+  expect(result.current.data).toBeDefined();
+});
+```
+
+## findBy* vs waitFor
+
+### Use findBy* when:
+- Waiting for single element to appear
+- Simple query without complex assertions
+
+```typescript
+const button = await screen.findByRole('button');
+```
+
+### Use waitFor when:
+- Multiple assertions needed
+- Complex conditions
+- Checking element properties
+
+```typescript
+await waitFor(() => {
+  const button = screen.getByRole('button');
+  expect(button).toBeEnabled();
+  expect(button).toHaveTextContent('Submit');
+});
+```
+
+## Common Pitfalls
+
+### ❌ Wrong: Using getBy without waiting
+```typescript
+// Will fail if element not immediately present
+fireEvent.click(button);
+expect(screen.getByText('Success')).toBeInTheDocument();  // ❌
+```
+
+### ✅ Correct: Use findBy or waitFor
+```typescript
+fireEvent.click(button);
+const success = await screen.findByText('Success');  // ✅
+expect(success).toBeInTheDocument();
+```
+
+### ❌ Wrong: Return value instead of assertion
+```typescript
+await waitFor(() => element !== null);  // ❌ Never retries
+```
+
+### ✅ Correct: Use assertions that throw
+```typescript
+await waitFor(() => {
+  expect(element).toBeInTheDocument();  // ✅ Throws until true
+});
+```
+
+### ❌ Wrong: waitFor for synchronous state
+```typescript
+fireEvent.click(button);
+await waitFor(() => {  // ❌ Unnecessary
+  expect(screen.getByText('Count: 1')).toBeInTheDocument();
+});
+```
+
+### ✅ Correct: Direct assertion for sync updates
+```typescript
+fireEvent.click(button);
+expect(screen.getByText('Count: 1')).toBeInTheDocument();  // ✅
+```
+
+## Configuration
+
+### Global Timeout
+```typescript
+import { configure } from '@testing-library/react';
+
+configure({ asyncUtilTimeout: 2000 });  // 2 seconds default
+```
+
+### Per-Test Timeout
+```typescript
+test('slow operation', async () => {
+  await waitFor(
+    () => expect(screen.getByText('Done')).toBeInTheDocument(),
+    { timeout: 10000 }  // Override for this test
+  );
+});
+```
+
+## Debugging
+
+### Print State on Timeout
+```typescript
+await waitFor(
+  () => {
+    screen.debug();  // Print current DOM
+    expect(screen.getByText('Expected')).toBeInTheDocument();
+  },
+  {
+    onTimeout: (error) => {
+      screen.debug();  // Print final state
+      return error;
+    },
+  }
+);
+```
+
+## Important Notes
+
+### Automatic act() Wrapping
+
+All async utilities automatically wrap operations in React's `act()`, ensuring state updates are properly flushed:
+
+```typescript
+// No manual act() needed
+await waitFor(() => {
+  expect(screen.getByText('Updated')).toBeInTheDocument();
+});
+```
+
+### Assertions in waitFor
+
+The callback passed to `waitFor` should contain assertions or throw errors. `waitFor` will retry until the callback doesn't throw:
+
+```typescript
+// CORRECT: Assertion that throws
+await waitFor(() => {
+  expect(element).toBeInTheDocument();
+});
+
+// WRONG: Always returns true, never retries
+await waitFor(() => {
+  return element !== null;
+});
+```
+
+### Default Timeouts
+
+- Default timeout: 1000ms (1 second)
+- Default interval: 50ms
+- Can be configured globally via `configure()` or per-call via options
+
+### waitFor vs findBy
+
+Both work similarly, but have different use cases:
+
+```typescript
+// findBy: Convenient for single queries
+const element = await screen.findByText('Hello');
+
+// waitFor: Better for complex assertions
+await waitFor(() => {
+  expect(screen.getByText('Hello')).toBeInTheDocument();
+  expect(screen.getByText('World')).toBeInTheDocument();
+});
+```
+
+### Error Messages
+
+When `waitFor` times out, it includes the last error thrown by the callback:
+
+```typescript
+// Timeout error will include "Expected element to be in document"
+await waitFor(() => {
+  expect(screen.getByText('Missing')).toBeInTheDocument();
+});
+```
+
+### MutationObserver
+
+`waitFor` uses MutationObserver to efficiently wait for DOM changes. It will check the callback:
+
+1. After every DOM mutation
+2. At the specified interval (default 50ms)
+3. Until timeout is reached (default 1000ms)
+
+This makes it efficient for most async scenarios without constant polling.
+
+## Best Practices
+
+1. **Prefer findBy*** for simple waits
+2. **Use waitFor** for complex conditions
+3. **Set realistic timeouts** - default 1s usually sufficient
+4. **Don't waitFor sync operations** - fireEvent updates are synchronous
+5. **Assert in callbacks** - waitFor needs thrown errors to retry
+6. **Use queryBy in waitFor** - for checking absence
+7. **Avoid waitFor for everything** - only use when actually async
diff --git a/.tessl/tiles/tessl/npm-testing-library--react/docs/configuration.md b/.tessl/tiles/tessl/npm-testing-library--react/docs/configuration.md
new file mode 100644
index 000000000..d006a6a69
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-testing-library--react/docs/configuration.md
@@ -0,0 +1,381 @@
+# Configuration
+
+Configure React Testing Library behavior globally or per-test.
+
+## API
+
+```typescript { .api }
+function configure(config: Partial<Config> | ((existing: Config) => Partial<Config>)): void;
+function getConfig(): Config;
+
+interface Config {
+  /**
+   * Enable React.StrictMode wrapper by default for all renders
+   * Default: false
+   */
+  reactStrictMode: boolean;
+
+  /**
+   * Attribute used for getByTestId and related queries
+   * Default: 'data-testid'
+   */
+  testIdAttribute: string;
+
+  /**
+   * Default timeout for async utilities (waitFor, findBy, etc.) in milliseconds
+   * Default: 1000
+   */
+  asyncUtilTimeout: number;
+
+  /**
+   * Custom function to compute accessibility names
+   */
+  computedStyleSupportsPseudoElements?: boolean;
+
+  /**
+   * Default hidden value for queries
+   * Default: false
+   */
+  defaultHidden?: boolean;
+
+  /**
+   * Show original stack trace on errors
+   * Default: false
+   */
+  showOriginalStackTrace?: boolean;
+
+  /**
+   * Throw errors on multiple elements found (for singular queries)
+   * Default: true
+   */
+  throwSuggestions?: boolean;
+
+  /**
+   * Custom getElementError function for better error messages
+   */
+  getElementError?: (message: string | null, container: HTMLElement) => Error;
+
+  /**
+   * Wrapper for advancing timers in async operations
+   */
+  unstable_advanceTimersWrapper?: (callback: () => void) => void;
+
+  /**
+   * Wrapper for async operations
+   */
+  asyncWrapper?: (callback: () => Promise<any>) => Promise<any>;
+
+  /**
+   * Wrapper for event handlers
+   */
+  eventWrapper?: (callback: () => void) => void;
+}
+```
+
+## Common Setup
+
+### Test Setup File
+```typescript
+// test-setup.js
+import { configure } from '@testing-library/react';
+import '@testing-library/jest-dom';
+
+configure({
+  reactStrictMode: true,
+  asyncUtilTimeout: 2000,
+  testIdAttribute: 'data-testid',
+});
+```
+
+Add to package.json or test config:
+```json
+{
+  "jest": {
+    "setupFilesAfterEnv": ["<rootDir>/test-setup.js"]
+  }
+}
+```
+
+## Configuration Options
+
+### reactStrictMode
+
+Enable React.StrictMode wrapper by default for all renders. Helps identify potential problems in components.
+
+```typescript
+configure({ reactStrictMode: true });
+
+// Now all renders will be wrapped in StrictMode
+render(<App />);
+
+// Equivalent to:
+render(<App />, { reactStrictMode: true });
+```
+
+Can override per-render:
+```typescript
+render(<App />, { reactStrictMode: false });
+```
+
+### testIdAttribute
+
+Change the attribute used by `getByTestId` and related queries. Useful when using a different testing convention.
+
+```typescript
+// Use custom attribute
+configure({ testIdAttribute: 'data-test' });
+
+// Now this works:
+render(<div data-test="custom-element">Content</div>);
+const element = screen.getByTestId('custom-element');
+```
+
+### asyncUtilTimeout
+
+Set the default timeout in milliseconds for async utilities like `waitFor` and `findBy*` queries.
+
+```typescript
+// Increase timeout for slower operations
+configure({ asyncUtilTimeout: 3000 });
+
+// Now all async operations use 3 second timeout by default
+await screen.findByText('Async content'); // Waits up to 3s
+
+// Can still override per-call
+await waitFor(() => {
+  expect(screen.getByText('Content')).toBeInTheDocument();
+}, { timeout: 5000 }); // Override to 5s
+```
+
+### showOriginalStackTrace
+
+Show original stack traces in errors instead of React Testing Library's cleaned-up versions.
+
+```typescript
+configure({ showOriginalStackTrace: true });
+```
+
+### throwSuggestions
+
+Enable or disable helpful suggestions in error messages when queries fail.
+
+```typescript
+configure({ throwSuggestions: false });
+```
+
+### getElementError
+
+Customize error messages when queries fail.
+
+```typescript
+import { configure } from '@testing-library/react';
+
+configure({
+  getElementError: (message, container) => {
+    return new Error(`Custom error: ${message}\nContainer: ${container.innerHTML}`);
+  },
+});
+```
+
+## Common Patterns
+
+### Environment-Specific Config
+```typescript
+if (process.env.CI) {
+  configure({ asyncUtilTimeout: 5000 });  // Longer in CI
+} else {
+  configure({ asyncUtilTimeout: 1000 });  // Faster locally
+}
+```
+
+### Per-Test Config
+```typescript
+describe('slow tests', () => {
+  let originalConfig;
+
+  beforeEach(() => {
+    originalConfig = getConfig();
+    configure({ asyncUtilTimeout: 5000 });
+  });
+
+  afterEach(() => {
+    configure(originalConfig);
+  });
+
+  test('slow operation', async () => {
+    // Uses 5s timeout
+  });
+});
+```
+
+### Function Form
+Modify based on current config:
+
+```typescript
+configure((current) => ({
+  asyncUtilTimeout: current.asyncUtilTimeout * 2,
+}));
+```
+
+## Global vs Per-Render
+
+Some options can be set globally or per-render:
+
+```typescript
+// Global
+configure({ reactStrictMode: true });
+
+// Per-render (overrides global)
+render(<App />, { reactStrictMode: false });
+```
+
+## Custom Error Messages
+
+```typescript
+configure({
+  getElementError: (message, container) => {
+    return new Error(`Custom: ${message}\n${container.innerHTML}`);
+  },
+});
+```
+
+## Advanced Configuration
+
+### Custom Async Wrapper
+
+Control how async operations are wrapped:
+
+```typescript
+import { configure, act } from '@testing-library/react';
+
+configure({
+  asyncWrapper: async (callback) => {
+    // Custom async handling
+    console.log('Before async operation');
+    const result = await callback();
+    console.log('After async operation');
+    return result;
+  },
+});
+```
+
+### Custom Event Wrapper
+
+Control how events are wrapped:
+
+```typescript
+import { configure, act } from '@testing-library/react';
+
+configure({
+  eventWrapper: (callback) => {
+    // Custom event handling
+    act(() => {
+      console.log('Firing event');
+      callback();
+    });
+  },
+});
+```
+
+### Timer Advancement Wrapper
+
+Control timer advancement in async operations:
+
+```typescript
+import { configure, act } from '@testing-library/react';
+
+configure({
+  unstable_advanceTimersWrapper: (callback) => {
+    act(() => {
+      callback();
+    });
+  },
+});
+```
+
+## Important Notes
+
+### Global vs Per-Render Configuration
+
+Some options can be set globally via `configure()` or per-render via options:
+
+```typescript
+// Global
+configure({ reactStrictMode: true });
+
+// Per-render (overrides global)
+render(<App />, { reactStrictMode: false });
+```
+
+### Configuration Persistence
+
+Configuration changes persist across tests. Always restore original configuration if changing it temporarily:
+
+```typescript
+const originalConfig = getConfig();
+
+// Modify config
+configure({ asyncUtilTimeout: 5000 });
+
+// ... tests ...
+
+// Restore
+configure(originalConfig);
+```
+
+### Partial Configuration
+
+When using `configure()`, only specified options are updated. Other options remain unchanged:
+
+```typescript
+configure({ reactStrictMode: true }); // Only changes reactStrictMode
+configure({ asyncUtilTimeout: 2000 }); // Only changes timeout, reactStrictMode stays true
+```
+
+### Function Form
+
+Use the function form to modify configuration based on current values:
+
+```typescript
+configure((current) => ({
+  asyncUtilTimeout: current.asyncUtilTimeout * 2,
+}));
+```
+
+## Relationship with @testing-library/dom Configuration
+
+React Testing Library's `configure()` function extends @testing-library/dom's configuration. All dom configuration options are available:
+
+- `testIdAttribute`
+- `asyncUtilTimeout`
+- `showOriginalStackTrace`
+- `throwSuggestions`
+- `getElementError`
+- And others from @testing-library/dom
+
+React Testing Library adds:
+
+- `reactStrictMode` (React-specific)
+- React-specific wrappers for `asyncWrapper`, `eventWrapper`, and `unstable_advanceTimersWrapper`
+
+## Best Practices
+
+1. **Set in test setup** - Configure once in setup file
+2. **Restore after changes** - Save/restore when temporarily changing
+3. **Use per-render overrides** - For exceptions, override at render time
+4. **Match environment** - Adjust timeouts for CI vs local
+5. **Enable StrictMode** - Catch issues early in development
+
+## Default Values
+
+```typescript
+const defaultConfig = {
+  reactStrictMode: false,
+  testIdAttribute: 'data-testid',
+  asyncUtilTimeout: 1000,
+  showOriginalStackTrace: false,
+  throwSuggestions: true,
+  defaultHidden: false,
+  computedStyleSupportsPseudoElements: false,
+};
+```
diff --git a/.tessl/tiles/tessl/npm-testing-library--react/docs/events.md b/.tessl/tiles/tessl/npm-testing-library--react/docs/events.md
new file mode 100644
index 000000000..40317bbc1
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-testing-library--react/docs/events.md
@@ -0,0 +1,507 @@
+# Firing Events
+
+Simulate user interactions with automatic act() wrapping for React state updates.
+
+## API
+
+Main utility for firing DOM events. Automatically wrapped in `act()` for proper React state updates.
+
+```typescript { .api }
+/**
+ * Fire a DOM event on an element
+ * @param element - Target element
+ * @param event - Event object to fire
+ * @returns true if event was not cancelled
+ */
+const fireEvent: {
+  (element: HTMLElement, event: Event): boolean;
+
+  // Mouse Events
+  click(element: HTMLElement, options?: MouseEventInit): void;
+  dblClick(element: HTMLElement, options?: MouseEventInit): void;
+  mouseDown(element: HTMLElement, options?: MouseEventInit): void;
+  mouseUp(element: HTMLElement, options?: MouseEventInit): void;
+  mouseMove(element: HTMLElement, options?: MouseEventInit): void;
+  mouseOver(element: HTMLElement, options?: MouseEventInit): void;
+  mouseOut(element: HTMLElement, options?: MouseEventInit): void;
+  mouseEnter(element: HTMLElement, options?: MouseEventInit): void;
+  mouseLeave(element: HTMLElement, options?: MouseEventInit): void;
+  contextMenu(element: HTMLElement, options?: MouseEventInit): void;
+  wheel(element: HTMLElement, options?: WheelEventInit): void;
+
+  // Pointer Events
+  pointerDown(element: HTMLElement, options?: PointerEventInit): void;
+  pointerUp(element: HTMLElement, options?: PointerEventInit): void;
+  pointerMove(element: HTMLElement, options?: PointerEventInit): void;
+  pointerOver(element: HTMLElement, options?: PointerEventInit): void;
+  pointerOut(element: HTMLElement, options?: PointerEventInit): void;
+  pointerEnter(element: HTMLElement, options?: PointerEventInit): void;
+  pointerLeave(element: HTMLElement, options?: PointerEventInit): void;
+  pointerCancel(element: HTMLElement, options?: PointerEventInit): void;
+  gotPointerCapture(element: HTMLElement, options?: PointerEventInit): void;
+  lostPointerCapture(element: HTMLElement, options?: PointerEventInit): void;
+
+  // Keyboard Events
+  keyDown(element: HTMLElement, options?: KeyboardEventInit): void;
+  keyUp(element: HTMLElement, options?: KeyboardEventInit): void;
+  keyPress(element: HTMLElement, options?: KeyboardEventInit): void;
+
+  // Focus Events
+  focus(element: HTMLElement, options?: FocusEventInit): void;
+  blur(element: HTMLElement, options?: FocusEventInit): void;
+  focusIn(element: HTMLElement, options?: FocusEventInit): void;
+  focusOut(element: HTMLElement, options?: FocusEventInit): void;
+
+  // Form Events
+  change(element: HTMLElement, options?: EventInit): void;
+  input(element: HTMLElement, options?: InputEventInit): void;
+  invalid(element: HTMLElement, options?: EventInit): void;
+  submit(element: HTMLElement, options?: EventInit): void;
+  reset(element: HTMLElement, options?: EventInit): void;
+  select(element: HTMLElement, options?: EventInit): void;
+
+  // Clipboard Events
+  copy(element: HTMLElement, options?: ClipboardEventInit): void;
+  cut(element: HTMLElement, options?: ClipboardEventInit): void;
+  paste(element: HTMLElement, options?: ClipboardEventInit): void;
+
+  // Composition Events
+  compositionStart(element: HTMLElement, options?: CompositionEventInit): void;
+  compositionUpdate(element: HTMLElement, options?: CompositionEventInit): void;
+  compositionEnd(element: HTMLElement, options?: CompositionEventInit): void;
+
+  // Drag Events
+  drag(element: HTMLElement, options?: DragEventInit): void;
+  dragEnd(element: HTMLElement, options?: DragEventInit): void;
+  dragEnter(element: HTMLElement, options?: DragEventInit): void;
+  dragExit(element: HTMLElement, options?: DragEventInit): void;
+  dragLeave(element: HTMLElement, options?: DragEventInit): void;
+  dragOver(element: HTMLElement, options?: DragEventInit): void;
+  dragStart(element: HTMLElement, options?: DragEventInit): void;
+  drop(element: HTMLElement, options?: DragEventInit): void;
+
+  // Touch Events
+  touchStart(element: HTMLElement, options?: TouchEventInit): void;
+  touchMove(element: HTMLElement, options?: TouchEventInit): void;
+  touchEnd(element: HTMLElement, options?: TouchEventInit): void;
+  touchCancel(element: HTMLElement, options?: TouchEventInit): void;
+
+  // Animation Events
+  animationStart(element: HTMLElement, options?: AnimationEventInit): void;
+  animationEnd(element: HTMLElement, options?: AnimationEventInit): void;
+  animationIteration(element: HTMLElement, options?: AnimationEventInit): void;
+
+  // Transition Events
+  transitionEnd(element: HTMLElement, options?: TransitionEventInit): void;
+
+  // Media Events
+  abort(element: HTMLElement, options?: EventInit): void;
+  canPlay(element: HTMLElement, options?: EventInit): void;
+  canPlayThrough(element: HTMLElement, options?: EventInit): void;
+  durationChange(element: HTMLElement, options?: EventInit): void;
+  emptied(element: HTMLElement, options?: EventInit): void;
+  encrypted(element: HTMLElement, options?: EventInit): void;
+  ended(element: HTMLElement, options?: EventInit): void;
+  error(element: HTMLElement, options?: EventInit): void;
+  load(element: HTMLElement, options?: EventInit): void;
+  loadedData(element: HTMLElement, options?: EventInit): void;
+  loadedMetadata(element: HTMLElement, options?: EventInit): void;
+  loadStart(element: HTMLElement, options?: EventInit): void;
+  pause(element: HTMLElement, options?: EventInit): void;
+  play(element: HTMLElement, options?: EventInit): void;
+  playing(element: HTMLElement, options?: EventInit): void;
+  progress(element: HTMLElement, options?: EventInit): void;
+  rateChange(element: HTMLElement, options?: EventInit): void;
+  seeked(element: HTMLElement, options?: EventInit): void;
+  seeking(element: HTMLElement, options?: EventInit): void;
+  stalled(element: HTMLElement, options?: EventInit): void;
+  suspend(element: HTMLElement, options?: EventInit): void;
+  timeUpdate(element: HTMLElement, options?: EventInit): void;
+  volumeChange(element: HTMLElement, options?: EventInit): void;
+  waiting(element: HTMLElement, options?: EventInit): void;
+
+  // Other Events
+  scroll(element: HTMLElement, options?: EventInit): void;
+};
+```
+
+## Common Patterns
+
+### Click Events
+```typescript
+const button = screen.getByRole('button', { name: /submit/i });
+fireEvent.click(button);
+
+// With modifier keys
+fireEvent.click(button, { ctrlKey: true, shiftKey: true });
+```
+
+### Form Input
+```typescript
+const input = screen.getByLabelText(/email/i);
+
+// Text input
+fireEvent.change(input, { target: { value: 'user@example.com' } });
+
+// Checkbox
+const checkbox = screen.getByRole('checkbox');
+fireEvent.click(checkbox);
+
+// Select dropdown
+const select = screen.getByLabelText(/country/i);
+fireEvent.change(select, { target: { value: 'USA' } });
+```
+
+### Keyboard Events
+```typescript
+const input = screen.getByRole('textbox');
+
+// Single key
+fireEvent.keyDown(input, { key: 'Enter', code: 'Enter' });
+fireEvent.keyDown(input, { key: 'Escape', code: 'Escape' });
+
+// With modifiers
+fireEvent.keyDown(input, {
+  key: 's',
+  code: 'KeyS',
+  ctrlKey: true,
+});
+```
+
+### Focus/Blur
+```typescript
+const input = screen.getByRole('textbox');
+
+fireEvent.focus(input);
+expect(document.activeElement).toBe(input);
+
+fireEvent.blur(input);
+```
+
+### Mouse Hover
+```typescript
+const button = screen.getByRole('button');
+
+fireEvent.mouseEnter(button);  // Shows hover state
+fireEvent.mouseLeave(button);  // Hides hover state
+```
+
+## Testing Patterns
+
+### Button Click
+```typescript
+test('increments counter', () => {
+  render(<Counter />);
+
+  const button = screen.getByRole('button', { name: /increment/i });
+  fireEvent.click(button);
+
+  expect(screen.getByText('Count: 1')).toBeInTheDocument();
+});
+```
+
+### Form Submission
+```typescript
+test('submits form', () => {
+  const handleSubmit = jest.fn();
+  render(<Form onSubmit={handleSubmit} />);
+
+  fireEvent.change(screen.getByLabelText(/email/i), {
+    target: { value: 'user@example.com' }
+  });
+
+  fireEvent.click(screen.getByRole('button', { name: /submit/i }));
+
+  expect(handleSubmit).toHaveBeenCalledWith({
+    email: 'user@example.com'
+  });
+});
+```
+
+### Keyboard Navigation
+```typescript
+test('navigates with keyboard', () => {
+  render(<Menu />);
+
+  const menu = screen.getByRole('menu');
+
+  fireEvent.keyDown(menu, { key: 'ArrowDown', code: 'ArrowDown' });
+  expect(screen.getByRole('menuitem', { name: 'Item 1' })).toHaveFocus();
+
+  fireEvent.keyDown(menu, { key: 'Enter', code: 'Enter' });
+  // Menu item activated
+});
+```
+
+### Input Validation
+```typescript
+test('validates email on blur', () => {
+  render(<EmailInput />);
+
+  const input = screen.getByLabelText(/email/i);
+
+  fireEvent.change(input, { target: { value: 'invalid' } });
+  fireEvent.blur(input);
+
+  expect(screen.getByText(/invalid email/i)).toBeInTheDocument();
+});
+```
+
+### Hover Interactions
+```typescript
+test('shows tooltip on hover', () => {
+  render(<Button tooltip="Click me" />);
+
+  const button = screen.getByRole('button');
+
+  fireEvent.mouseEnter(button);
+  expect(screen.getByRole('tooltip')).toHaveTextContent('Click me');
+
+  fireEvent.mouseLeave(button);
+  expect(screen.queryByRole('tooltip')).not.toBeInTheDocument();
+});
+```
+
+## React-Specific Event Behaviors
+
+React Testing Library enhances certain events with React-specific behavior:
+
+### mouseEnter / mouseLeave
+
+In React, `mouseEnter` and `mouseLeave` are tracked by native `mouseOver` and `mouseOut` events. fireEvent automatically fires both:
+
+```typescript { .api }
+// Fires both mouseEnter and mouseOver
+fireEvent.mouseEnter(element);
+
+// Fires both mouseLeave and mouseOut
+fireEvent.mouseLeave(element);
+```
+
+### pointerEnter / pointerLeave
+
+Similar to mouse events, pointer enter/leave events fire both the synthetic and native events:
+
+```typescript { .api }
+// Fires both pointerEnter and pointerOver
+fireEvent.pointerEnter(element);
+
+// Fires both pointerLeave and pointerOut
+fireEvent.pointerLeave(element);
+```
+
+### select Event
+
+React's select event requires the element to be focused and fires a keyUp event:
+
+```typescript { .api }
+// Fires select, focuses element, then fires keyUp
+fireEvent.select(element);
+```
+
+### focus / blur Events
+
+React tracks native focusin/focusout events for focus/blur handlers:
+
+```typescript { .api }
+// Fires focusIn then focus
+fireEvent.focus(element);
+
+// Fires focusOut then blur
+fireEvent.blur(element);
+```
+
+## Event Options
+
+All event methods accept an optional options object with event-specific properties:
+
+### MouseEventInit
+```typescript { .api }
+interface MouseEventInit {
+  altKey?: boolean;
+  button?: number;     // 0=left, 1=middle, 2=right
+  buttons?: number;
+  clientX?: number;
+  clientY?: number;
+  ctrlKey?: boolean;
+  metaKey?: boolean;
+  relatedTarget?: EventTarget | null;
+  screenX?: number;
+  screenY?: number;
+  shiftKey?: boolean;
+}
+```
+
+**Example:**
+```typescript
+fireEvent.click(element, {
+  ctrlKey: true,
+  shiftKey: true,
+  button: 0,
+});
+```
+
+### KeyboardEventInit
+```typescript { .api }
+interface KeyboardEventInit {
+  key?: string;        // 'Enter', 'Escape', 'a', etc.
+  code?: string;       // 'Enter', 'Escape', 'KeyA', etc.
+  altKey?: boolean;
+  ctrlKey?: boolean;
+  metaKey?: boolean;
+  shiftKey?: boolean;
+  repeat?: boolean;
+}
+```
+
+**Example:**
+```typescript
+fireEvent.keyDown(element, {
+  key: 'Enter',
+  code: 'Enter',
+  ctrlKey: false,
+});
+```
+
+### InputEventInit
+```typescript { .api }
+interface InputEventInit {
+  data?: string | null;
+  inputType?: string;
+}
+```
+
+### FocusEventInit
+```typescript { .api }
+interface FocusEventInit {
+  relatedTarget?: EventTarget | null;
+}
+```
+
+### Common Keys
+```typescript
+// Special keys
+{ key: 'Enter', code: 'Enter' }
+{ key: 'Escape', code: 'Escape' }
+{ key: 'Tab', code: 'Tab' }
+{ key: 'ArrowDown', code: 'ArrowDown' }
+{ key: 'ArrowUp', code: 'ArrowUp' }
+{ key: 'ArrowLeft', code: 'ArrowLeft' }
+{ key: 'ArrowRight', code: 'ArrowRight' }
+{ key: 'Backspace', code: 'Backspace' }
+{ key: 'Delete', code: 'Delete' }
+
+// Letter keys
+{ key: 'a', code: 'KeyA' }
+{ key: 'A', code: 'KeyA', shiftKey: true }
+```
+
+## Important Notes
+
+### Automatic act() Wrapping
+
+All fireEvent calls are automatically wrapped in React's `act()` function, ensuring state updates are flushed before assertions:
+
+```typescript
+// No need to manually wrap in act()
+fireEvent.click(button);
+expect(screen.getByText('Updated')).toBeInTheDocument();
+```
+
+### Synthetic Events vs Native Events
+
+React uses a synthetic event system. fireEvent fires native DOM events which are then processed by React's event system, matching how real browser events work.
+
+### Event Bubbling
+
+Events fired with fireEvent bubble through the DOM tree like real browser events:
+
+```typescript
+render(
+  <div onClick={() => console.log('Div clicked')}>
+    <button onClick={() => console.log('Button clicked')}>Click</button>
+  </div>
+);
+
+const button = screen.getByRole('button');
+fireEvent.click(button);
+// Logs: "Button clicked"
+// Then logs: "Div clicked"
+```
+
+### User Event Alternative
+
+For more realistic user interactions, consider using `@testing-library/user-event` which simulates complete user interactions (e.g., typing includes keydown, keypress, input, keyup events). However, `fireEvent` is simpler and sufficient for most cases.
+
+```typescript
+// fireEvent - simple, fast
+fireEvent.change(input, { target: { value: 'hello' } });
+
+// userEvent - more realistic (requires separate package)
+import userEvent from '@testing-library/user-event';
+await userEvent.type(input, 'hello');
+```
+
+## Testing Complex Interactions
+
+### Multi-Step Form
+```typescript
+test('completes multi-step form', () => {
+  render(<WizardForm />);
+
+  // Step 1
+  fireEvent.change(screen.getByLabelText(/name/i), {
+    target: { value: 'John' }
+  });
+  fireEvent.click(screen.getByRole('button', { name: /next/i }));
+
+  // Step 2
+  fireEvent.change(screen.getByLabelText(/email/i), {
+    target: { value: 'john@example.com' }
+  });
+  fireEvent.click(screen.getByRole('button', { name: /submit/i }));
+
+  expect(screen.getByText(/success/i)).toBeInTheDocument();
+});
+```
+
+### Drag and Drop
+```typescript
+test('reorders items with drag and drop', () => {
+  render(<DragList />);
+
+  const item = screen.getByText('Item 1');
+
+  fireEvent.dragStart(item);
+  fireEvent.dragEnter(screen.getByText('Item 3'));
+  fireEvent.drop(screen.getByText('Item 3'));
+  fireEvent.dragEnd(item);
+
+  const items = screen.getAllByRole('listitem');
+  expect(items[2]).toHaveTextContent('Item 1');
+});
+```
+
+## Alternative: user-event
+
+For more realistic interactions, consider `@testing-library/user-event` (separate package):
+
+```typescript
+import userEvent from '@testing-library/user-event';
+
+// More realistic typing (includes keyDown, keyPress, input, keyUp)
+await userEvent.type(input, 'Hello');
+
+// Realistic clicking (includes mouseDown, mouseUp, click)
+await userEvent.click(button);
+```
+
+**When to use fireEvent:**
+- Simpler, faster tests
+- Testing specific event handlers
+- Legacy codebase
+
+**When to use user-event:**
+- More realistic user behavior
+- Testing complex interactions
+- Accessibility testing
diff --git a/.tessl/tiles/tessl/npm-testing-library--react/docs/hooks.md b/.tessl/tiles/tessl/npm-testing-library--react/docs/hooks.md
new file mode 100644
index 000000000..5a47bdefa
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-testing-library--react/docs/hooks.md
@@ -0,0 +1,516 @@
+# Hook Testing
+
+Test custom hooks in isolation without creating wrapper components.
+
+## API
+
+```typescript { .api }
+function renderHook<Result, Props>(
+  callback: (props: Props) => Result,
+  options?: RenderHookOptions<Props>
+): RenderHookResult<Result, Props>;
+
+interface RenderHookOptions<Props> {
+  /**
+   * Initial props passed to the hook callback
+   */
+  initialProps?: Props;
+
+  /**
+   * Custom container element (same as render options)
+   */
+  container?: HTMLElement;
+
+  /**
+   * Base element for queries (same as render options)
+   */
+  baseElement?: HTMLElement;
+
+  /**
+   * Use hydration instead of normal render
+   */
+  hydrate?: boolean;
+
+  /**
+   * Force synchronous rendering.
+   * Only supported in React 18. Not supported in React 19+.
+   * Throws an error if used with React 19 or later.
+   */
+  legacyRoot?: boolean;
+
+  /**
+   * Wrapper component for providers
+   */
+  wrapper?: React.JSXElementConstructor<{ children: React.ReactNode }>;
+
+  /**
+   * Enable React.StrictMode wrapper
+   */
+  reactStrictMode?: boolean;
+
+  /**
+   * React 19+ only: Callback when React catches an error in an Error Boundary.
+   * Only available in React 19 and later.
+   */
+  onCaughtError?: (error: Error, errorInfo: { componentStack?: string }) => void;
+
+  /**
+   * Callback when React automatically recovers from errors.
+   * Available in React 18 and later.
+   */
+  onRecoverableError?: (error: Error, errorInfo: { componentStack?: string }) => void;
+}
+
+interface RenderHookResult<Result, Props> {
+  /**
+   * Stable reference to the latest hook return value.
+   * Access the current value via result.current
+   */
+  result: {
+    current: Result;
+  };
+
+  /**
+   * Re-renders the hook with new props
+   * @param props - New props to pass to the hook callback
+   */
+  rerender: (props?: Props) => void;
+
+  /**
+   * Unmounts the test component, triggering cleanup effects
+   */
+  unmount: () => void;
+}
+```
+
+## Common Patterns
+
+### Basic Hook Test
+```typescript
+function useCounter(initial = 0) {
+  const [count, setCount] = useState(initial);
+  const increment = () => setCount(c => c + 1);
+  return { count, increment };
+}
+
+test('useCounter increments', () => {
+  const { result } = renderHook(() => useCounter(0));
+
+  expect(result.current.count).toBe(0);
+
+  act(() => result.current.increment());
+  expect(result.current.count).toBe(1);
+});
+```
+
+### Hook with Props
+```typescript
+function useGreeting(name: string) {
+  return `Hello, ${name}!`;
+}
+
+test('useGreeting with different names', () => {
+  const { result, rerender } = renderHook(
+    ({ name }) => useGreeting(name),
+    { initialProps: { name: 'Alice' } }
+  );
+
+  expect(result.current).toBe('Hello, Alice!');
+
+  rerender({ name: 'Bob' });
+  expect(result.current).toBe('Hello, Bob!');
+});
+```
+
+### Hook with Context
+```typescript
+function useUser() {
+  return useContext(UserContext);
+}
+
+test('useUser returns context value', () => {
+  const wrapper = ({ children }) => (
+    <UserContext.Provider value={{ name: 'John' }}>
+      {children}
+    </UserContext.Provider>
+  );
+
+  const { result } = renderHook(() => useUser(), { wrapper });
+
+  expect(result.current).toEqual({ name: 'John' });
+});
+```
+
+### Async Hook
+```typescript
+function useData(url: string) {
+  const [data, setData] = useState(null);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    fetch(url)
+      .then(res => res.json())
+      .then(data => {
+        setData(data);
+        setLoading(false);
+      });
+  }, [url]);
+
+  return { data, loading };
+}
+
+test('useData fetches', async () => {
+  const { result } = renderHook(() => useData('/api/user'));
+
+  expect(result.current.loading).toBe(true);
+
+  await waitFor(() => {
+    expect(result.current.loading).toBe(false);
+  });
+
+  expect(result.current.data).toBeDefined();
+});
+```
+
+## Testing Patterns
+
+### State Management Hook
+```typescript
+function useToggle(initial = false) {
+  const [value, setValue] = useState(initial);
+  const toggle = () => setValue(v => !v);
+  const setTrue = () => setValue(true);
+  const setFalse = () => setValue(false);
+  return { value, toggle, setTrue, setFalse };
+}
+
+test('useToggle manages boolean state', () => {
+  const { result } = renderHook(() => useToggle());
+
+  expect(result.current.value).toBe(false);
+
+  act(() => result.current.toggle());
+  expect(result.current.value).toBe(true);
+
+  act(() => result.current.setFalse());
+  expect(result.current.value).toBe(false);
+});
+```
+
+### Effect Cleanup
+```typescript
+function useEventListener(event: string, handler: () => void) {
+  useEffect(() => {
+    window.addEventListener(event, handler);
+    return () => window.removeEventListener(event, handler);
+  }, [event, handler]);
+}
+
+test('useEventListener cleans up', () => {
+  const handler = jest.fn();
+  const { unmount } = renderHook(() => useEventListener('click', handler));
+
+  window.dispatchEvent(new Event('click'));
+  expect(handler).toHaveBeenCalledTimes(1);
+
+  unmount();
+
+  window.dispatchEvent(new Event('click'));
+  expect(handler).toHaveBeenCalledTimes(1);  // Not called after unmount
+});
+```
+
+### Hook with Dependencies
+```typescript
+function useDebounce(value: string, delay: number) {
+  const [debouncedValue, setDebouncedValue] = useState(value);
+
+  useEffect(() => {
+    const handler = setTimeout(() => setDebouncedValue(value), delay);
+    return () => clearTimeout(handler);
+  }, [value, delay]);
+
+  return debouncedValue;
+}
+
+test('useDebounce delays updates', async () => {
+  const { result, rerender } = renderHook(
+    ({ value, delay }) => useDebounce(value, delay),
+    { initialProps: { value: 'initial', delay: 500 } }
+  );
+
+  expect(result.current).toBe('initial');
+
+  rerender({ value: 'updated', delay: 500 });
+  expect(result.current).toBe('initial');  // Not yet updated
+
+  await waitFor(() => {
+    expect(result.current).toBe('updated');
+  }, { timeout: 1000 });
+});
+```
+
+### Complex Hook with Actions
+```typescript
+function useList<T>(initial: T[] = []) {
+  const [items, setItems] = useState(initial);
+
+  return {
+    items,
+    add: useCallback((item: T) => setItems(prev => [...prev, item]), []),
+    remove: useCallback((index: number) =>
+      setItems(prev => prev.filter((_, i) => i !== index)), []
+    ),
+    clear: useCallback(() => setItems([]), []),
+  };
+}
+
+test('useList manages array', () => {
+  const { result } = renderHook(() => useList(['a']));
+
+  expect(result.current.items).toEqual(['a']);
+
+  act(() => result.current.add('b'));
+  expect(result.current.items).toEqual(['a', 'b']);
+
+  act(() => result.current.remove(0));
+  expect(result.current.items).toEqual(['b']);
+
+  act(() => result.current.clear());
+  expect(result.current.items).toEqual([]);
+});
+```
+
+### Hook with External Store
+```typescript
+function useStore() {
+  const [state, setState] = useState(store.getState());
+
+  useEffect(() => {
+    const unsubscribe = store.subscribe(setState);
+    return unsubscribe;
+  }, []);
+
+  return state;
+}
+
+test('useStore syncs with store', () => {
+  const { result } = renderHook(() => useStore());
+
+  expect(result.current.count).toBe(0);
+
+  act(() => store.dispatch({ type: 'INCREMENT' }));
+
+  expect(result.current.count).toBe(1);
+});
+```
+
+## Important Notes
+
+### act() Wrapping
+Wrap state updates in act() to ensure React processes them:
+
+```typescript
+// ✅ Correct
+act(() => result.current.action());
+
+// ❌ Wrong - may have timing issues
+result.current.action();
+```
+
+### result.current Stability
+The `result` object is stable, but `result.current` updates with each render:
+
+```typescript
+const { result } = renderHook(() => useState(0));
+
+// ❌ Wrong - stale reference
+const [count, setCount] = result.current;
+act(() => setCount(1));
+console.log(count);  // Still 0
+
+// ✅ Correct - always use result.current
+act(() => result.current[1](1));
+console.log(result.current[0]);  // 1
+```
+
+### Async Operations
+Use waitFor for async hook updates:
+
+```typescript
+const { result } = renderHook(() => useAsync());
+
+await waitFor(() => {
+  expect(result.current.isLoaded).toBe(true);
+});
+```
+
+## Production Patterns
+
+### Custom Wrapper Utility
+```typescript
+// test-utils.tsx
+import { renderHook, RenderHookOptions } from '@testing-library/react';
+
+export function renderHookWithProviders<Result, Props>(
+  callback: (props: Props) => Result,
+  options?: RenderHookOptions<Props>
+) {
+  return renderHook(callback, {
+    wrapper: ({ children }) => (
+      <QueryClientProvider client={queryClient}>
+        <ThemeProvider>{children}</ThemeProvider>
+      </QueryClientProvider>
+    ),
+    ...options,
+  });
+}
+```
+
+### Testing React Query Hooks
+```typescript
+import { renderHook, waitFor } from '@testing-library/react';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+
+test('useUserQuery fetches user', async () => {
+  const queryClient = new QueryClient({
+    defaultOptions: { queries: { retry: false } },
+  });
+
+  const wrapper = ({ children }) => (
+    <QueryClientProvider client={queryClient}>
+      {children}
+    </QueryClientProvider>
+  );
+
+  const { result } = renderHook(() => useUserQuery('123'), { wrapper });
+
+  expect(result.current.isLoading).toBe(true);
+
+  await waitFor(() => {
+    expect(result.current.isSuccess).toBe(true);
+  });
+
+  expect(result.current.data).toEqual({ id: '123', name: 'John' });
+});
+```
+
+### Testing Custom Form Hook
+```typescript
+function useForm(initialValues) {
+  const [values, setValues] = useState(initialValues);
+  const [errors, setErrors] = useState({});
+
+  const handleChange = (name, value) => {
+    setValues(prev => ({ ...prev, [name]: value }));
+    setErrors(prev => ({ ...prev, [name]: undefined }));
+  };
+
+  const validate = () => {
+    const newErrors = {};
+    if (!values.email) newErrors.email = 'Required';
+    setErrors(newErrors);
+    return Object.keys(newErrors).length === 0;
+  };
+
+  return { values, errors, handleChange, validate };
+}
+
+test('useForm validates', () => {
+  const { result } = renderHook(() => useForm({ email: '' }));
+
+  expect(result.current.errors).toEqual({});
+
+  act(() => {
+    const isValid = result.current.validate();
+    expect(isValid).toBe(false);
+  });
+
+  expect(result.current.errors).toEqual({ email: 'Required' });
+
+  act(() => result.current.handleChange('email', 'test@example.com'));
+
+  expect(result.current.errors).toEqual({});
+
+  act(() => {
+    const isValid = result.current.validate();
+    expect(isValid).toBe(true);
+  });
+});
+```
+
+## Important Notes
+
+### act() Wrapping
+
+State updates in hooks must be wrapped in `act()` to ensure React processes updates properly:
+
+```typescript
+import { renderHook, act } from '@testing-library/react';
+
+const { result } = renderHook(() => useCounter());
+
+// Wrap state updates in act()
+act(() => {
+  result.current.increment();
+});
+```
+
+### result.current Stability
+
+The `result` object itself is stable across renders, but `result.current` is updated with each render. Always access the latest value through `result.current`:
+
+```typescript
+const { result } = renderHook(() => useState(0));
+
+// WRONG: Destructuring creates a stale reference
+const [count, setCount] = result.current;
+act(() => setCount(1));
+console.log(count); // Still 0 (stale)
+
+// CORRECT: Access via result.current
+act(() => result.current[1](1));
+console.log(result.current[0]); // 1 (current)
+```
+
+### Async Operations
+
+Use `waitFor` for async operations:
+
+```typescript
+import { renderHook, waitFor } from '@testing-library/react';
+
+const { result } = renderHook(() => useAsyncHook());
+
+await waitFor(() => {
+  expect(result.current.isLoaded).toBe(true);
+});
+```
+
+## Deprecated Types
+
+The following type aliases are deprecated and provided for backward compatibility:
+
+```typescript { .api }
+/** @deprecated Use RenderHookOptions instead */
+type BaseRenderHookOptions<Props, Q, Container, BaseElement> = RenderHookOptions<Props>;
+
+/** @deprecated Use RenderHookOptions with hydrate: false instead */
+interface ClientRenderHookOptions<Props, Q, Container, BaseElement> extends RenderHookOptions<Props> {
+  hydrate?: false | undefined;
+}
+
+/** @deprecated Use RenderHookOptions with hydrate: true instead */
+interface HydrateHookOptions<Props, Q, Container, BaseElement> extends RenderHookOptions<Props> {
+  hydrate: true;
+}
+```
+
+## Best Practices
+
+1. **Wrap updates in act()** - All state changes must be in act()
+2. **Access via result.current** - Never destructure result.current
+3. **Use waitFor for async** - Don't assume timing
+4. **Test in isolation** - Focus on hook logic, not component behavior
+5. **Provide context** - Use wrapper for hooks needing context/providers
+6. **Test cleanup** - Verify useEffect cleanup with unmount()
diff --git a/.tessl/tiles/tessl/npm-testing-library--react/docs/index.md b/.tessl/tiles/tessl/npm-testing-library--react/docs/index.md
new file mode 100644
index 000000000..02230f8da
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-testing-library--react/docs/index.md
@@ -0,0 +1,494 @@
+# React Testing Library
+
+Testing utility for React emphasizing user-centric testing. Renders components in a test environment and provides queries for finding elements by accessible roles, labels, and text content.
+
+## Package Information
+
+- **Package Name**: @testing-library/react
+- **Package Type**: npm
+- **Language**: JavaScript/TypeScript
+- **Installation**: `npm install --save-dev @testing-library/react @testing-library/dom`
+
+## Peer Dependencies
+
+- `react` (^18.0.0 || ^19.0.0)
+- `react-dom` (^18.0.0 || ^19.0.0)
+- `@testing-library/dom` (^10.0.0)
+- `@types/react` (optional, ^18.0.0 || ^19.0.0)
+- `@types/react-dom` (optional, ^18.0.0 || ^19.0.0)
+
+## Core Imports
+
+```typescript
+import { render, screen, fireEvent, waitFor, within } from '@testing-library/react';
+import { renderHook, act } from '@testing-library/react';
+```
+
+**Pure version** (without auto-cleanup):
+```typescript
+import { render, screen } from '@testing-library/react/pure';
+```
+
+**CommonJS:**
+```javascript
+const { render, screen, fireEvent } = require('@testing-library/react');
+```
+
+## Quick Reference
+
+### Essential Pattern
+```typescript
+// Render component
+render(<Component />);
+
+// Find element (prefer role queries)
+const button = screen.getByRole('button', { name: /submit/i });
+
+// Interact
+fireEvent.click(button);
+
+// Assert
+expect(screen.getByText(/success/i)).toBeInTheDocument();
+
+// Async wait
+await screen.findByText(/loaded/i);
+```
+
+### Test Hook
+```typescript
+const { result } = renderHook(() => useCustomHook());
+act(() => result.current.action());
+expect(result.current.value).toBe(expected);
+```
+
+## Architecture
+
+React Testing Library is built around several key concepts:
+
+- **Rendering Utilities**: Core `render()` and `renderHook()` functions for mounting React components and hooks in a test environment
+- **Query System**: Inherited from @testing-library/dom, provides accessible queries (getBy*, queryBy*, findBy*) that encourage testing from a user's perspective
+- **Event System**: Enhanced `fireEvent` with React-specific behaviors for simulating user interactions
+- **act() Wrapper**: Automatic wrapping of renders and updates in React's act() to ensure proper state updates
+- **Auto-cleanup**: Automatic unmounting and cleanup between tests (can be disabled via pure import)
+- **Configuration**: Global and per-test configuration for strict mode, queries, wrappers, and error handling
+
+## Core Capabilities
+
+### Rendering: [rendering.md](./rendering.md)
+
+```typescript { .api }
+function render(ui: React.ReactNode, options?: RenderOptions): RenderResult;
+
+interface RenderOptions {
+  container?: HTMLElement;              // Custom container (e.g., for <tbody>)
+  baseElement?: HTMLElement;            // Base element for queries (defaults to container)
+  wrapper?: React.ComponentType<{ children: React.ReactNode }>;  // Provider wrapper
+  hydrate?: boolean;                    // SSR hydration mode
+  legacyRoot?: boolean;                 // React 18 only, not supported in React 19+
+  queries?: Queries;                    // Custom query set
+  reactStrictMode?: boolean;            // Enable StrictMode
+  onCaughtError?: (error: Error, errorInfo: { componentStack?: string }) => void;  // React 19+ only
+  onRecoverableError?: (error: Error, errorInfo: { componentStack?: string }) => void;  // React 18+
+}
+
+interface RenderResult {
+  container: HTMLElement;               // DOM container element
+  baseElement: HTMLElement;             // Base element for queries
+  rerender: (ui: React.ReactNode) => void;  // Re-render with new UI
+  unmount: () => void;                  // Unmount and cleanup
+  debug: (element?, maxLength?, options?) => void;  // Pretty-print DOM
+  asFragment: () => DocumentFragment;   // Snapshot testing helper
+  // All query functions bound to baseElement:
+  getByRole: (role: string, options?: ByRoleOptions) => HTMLElement;
+  getAllByRole: (role: string, options?: ByRoleOptions) => HTMLElement[];
+  queryByRole: (role: string, options?: ByRoleOptions) => HTMLElement | null;
+  queryAllByRole: (role: string, options?: ByRoleOptions) => HTMLElement[];
+  findByRole: (role: string, options?: ByRoleOptions) => Promise<HTMLElement>;
+  findAllByRole: (role: string, options?: ByRoleOptions) => Promise<HTMLElement[]>;
+  // Plus: getBy/queryBy/findBy LabelText, PlaceholderText, Text, DisplayValue, AltText, Title, TestId
+}
+```
+
+**Key Patterns:**
+```typescript
+// Basic render
+const { container, rerender } = render(<App />);
+
+// With providers
+render(<App />, {
+  wrapper: ({ children }) => <Provider>{children}</Provider>
+});
+
+// Re-render with props
+rerender(<App count={2} />);
+```
+
+### Querying: [queries.md](./queries.md)
+
+**Query Priority:** Role > Label > Placeholder > Text > DisplayValue > AltText > Title > TestId
+
+```typescript { .api }
+// Synchronous queries
+getByRole(role: string, options?: ByRoleOptions): HTMLElement;
+getAllByRole(role: string, options?: ByRoleOptions): HTMLElement[];
+
+queryByRole(role: string, options?: ByRoleOptions): HTMLElement | null;
+queryAllByRole(role: string, options?: ByRoleOptions): HTMLElement[];
+
+// Async queries (wait for element to appear)
+findByRole(role: string, options?: ByRoleOptions): Promise<HTMLElement>;
+findAllByRole(role: string, options?: ByRoleOptions): Promise<HTMLElement[]>;
+
+// Available query types: Role, LabelText, PlaceholderText, Text, DisplayValue, AltText, Title, TestId
+```
+
+**Common Patterns:**
+```typescript
+// Prefer role queries (most accessible)
+screen.getByRole('button', { name: /submit/i });
+screen.getByRole('heading', { level: 1 });
+
+// Form inputs
+screen.getByLabelText('Email');
+screen.getByPlaceholderText('Enter email');
+
+// Text content
+screen.getByText(/hello world/i);
+
+// Negative assertions
+expect(screen.queryByRole('dialog')).not.toBeInTheDocument();
+
+// Scoped queries
+const modal = screen.getByRole('dialog');
+within(modal).getByRole('button', { name: /close/i });
+```
+
+### Events: [events.md](./events.md)
+
+```typescript { .api }
+// Common events (automatically wrapped in act())
+fireEvent.click(element, options?: MouseEventInit);
+fireEvent.change(element, { target: { value: 'text' } });
+fireEvent.submit(form);
+fireEvent.focus(element);
+fireEvent.blur(element);
+fireEvent.keyDown(element, { key: 'Enter', code: 'Enter' });
+```
+
+**Patterns:**
+```typescript
+// Click interaction
+fireEvent.click(screen.getByRole('button'));
+
+// Input change
+fireEvent.change(screen.getByLabelText('Email'), {
+  target: { value: 'user@example.com' }
+});
+
+// Keyboard
+fireEvent.keyDown(input, { key: 'Enter', code: 'Enter' });
+
+// Hover
+fireEvent.mouseEnter(element);
+fireEvent.mouseLeave(element);
+```
+
+### Async Operations: [async.md](./async.md)
+
+```typescript { .api }
+// Wait for condition
+function waitFor<T>(callback: () => T | Promise<T>, options?: {
+  timeout?: number;  // default: 1000ms
+  interval?: number; // default: 50ms
+}): Promise<T>;
+
+// Wait for removal
+function waitForElementToBeRemoved<T>(
+  element: T | (() => T),
+  options?: { timeout?: number }
+): Promise<void>;
+
+// Async queries (shorthand for waitFor + getBy)
+findByRole(role: string, options?: ByRoleOptions): Promise<HTMLElement>;
+```
+
+**Patterns:**
+```typescript
+// Wait for element to appear
+const element = await screen.findByText(/loaded/i);
+
+// Wait for condition
+await waitFor(() => {
+  expect(screen.getByText(/success/i)).toBeInTheDocument();
+}, { timeout: 3000 });
+
+// Wait for disappearance
+await waitForElementToBeRemoved(() => screen.getByText(/loading/i));
+```
+
+### Hook Testing: [hooks.md](./hooks.md)
+
+```typescript { .api }
+function renderHook<Result, Props>(
+  callback: (props: Props) => Result,
+  options?: RenderHookOptions<Props>
+): RenderHookResult<Result, Props>;
+
+interface RenderHookResult<Result, Props> {
+  result: { current: Result };
+  rerender: (props?: Props) => void;
+  unmount: () => void;
+}
+```
+
+**Patterns:**
+```typescript
+// Test hook
+const { result } = renderHook(() => useCounter(0));
+
+// Trigger updates (wrap in act)
+act(() => result.current.increment());
+expect(result.current.count).toBe(1);
+
+// With context
+const { result } = renderHook(() => useUser(), {
+  wrapper: ({ children }) => <UserProvider>{children}</UserProvider>
+});
+
+// Re-render with props
+const { result, rerender } = renderHook(
+  ({ id }) => useFetch(id),
+  { initialProps: { id: 1 } }
+);
+rerender({ id: 2 });
+```
+
+### Configuration: [configuration.md](./configuration.md)
+
+```typescript { .api }
+function configure(config: Partial<Config>): void;
+
+interface Config {
+  reactStrictMode: boolean;        // default: false
+  testIdAttribute: string;         // default: 'data-testid'
+  asyncUtilTimeout: number;        // default: 1000ms
+}
+```
+
+**Setup Pattern:**
+```typescript
+// test-setup.js
+import { configure } from '@testing-library/react';
+
+configure({
+  reactStrictMode: true,
+  asyncUtilTimeout: 2000,
+});
+```
+
+## Common Type Definitions
+
+```typescript { .api }
+interface ByRoleOptions {
+  name?: string | RegExp;              // Accessible name filter
+  description?: string | RegExp;       // Accessible description filter
+  hidden?: boolean;                    // Include hidden elements (default: false)
+  selected?: boolean;                  // Filter by selected state
+  checked?: boolean;                   // Filter by checked state
+  pressed?: boolean;                   // Filter by pressed state (toggle buttons)
+  current?: boolean | string;          // Filter by current state (navigation)
+  expanded?: boolean;                  // Filter by expanded state
+  level?: number;                      // Filter by heading level (1-6)
+  exact?: boolean;                     // Enable exact matching (default: true)
+  normalizer?: (text: string) => string;  // Custom text normalizer
+  queryFallbacks?: boolean;            // Enable query fallbacks
+}
+
+interface MatcherOptions {
+  exact?: boolean;                     // Enable exact matching (default: true)
+  normalizer?: (text: string) => string;  // Custom text normalizer
+}
+
+interface SelectorMatcherOptions extends MatcherOptions {
+  selector?: string;                   // CSS selector to filter results
+}
+
+interface Queries {
+  [key: string]: (...args: any[]) => any;
+}
+```
+
+## Production Patterns
+
+### Custom Render with Providers
+```typescript
+import { render, RenderOptions } from '@testing-library/react';
+import { ThemeProvider } from './theme';
+import { QueryClientProvider } from '@tanstack/react-query';
+
+export function renderWithProviders(
+  ui: React.ReactElement,
+  options?: Omit<RenderOptions, 'wrapper'>
+) {
+  return render(ui, {
+    wrapper: ({ children }) => (
+      <QueryClientProvider client={queryClient}>
+        <ThemeProvider>{children}</ThemeProvider>
+      </QueryClientProvider>
+    ),
+    ...options,
+  });
+}
+```
+
+### Testing Async Data Fetching
+```typescript
+test('loads and displays data', async () => {
+  render(<DataComponent />);
+
+  expect(screen.getByText(/loading/i)).toBeInTheDocument();
+
+  const data = await screen.findByText(/data loaded/i);
+  expect(data).toBeInTheDocument();
+
+  expect(screen.queryByText(/loading/i)).not.toBeInTheDocument();
+});
+```
+
+### Testing Form Submission
+```typescript
+test('submits form with validation', async () => {
+  const handleSubmit = jest.fn();
+  render(<Form onSubmit={handleSubmit} />);
+
+  const emailInput = screen.getByLabelText(/email/i);
+  const submitButton = screen.getByRole('button', { name: /submit/i });
+
+  fireEvent.change(emailInput, { target: { value: 'user@example.com' } });
+  fireEvent.click(submitButton);
+
+  await waitFor(() => {
+    expect(handleSubmit).toHaveBeenCalledWith({
+      email: 'user@example.com'
+    });
+  });
+});
+```
+
+### Testing Modal Interactions
+```typescript
+test('opens and closes modal', async () => {
+  render(<App />);
+
+  const openButton = screen.getByRole('button', { name: /open modal/i });
+  fireEvent.click(openButton);
+
+  const modal = await screen.findByRole('dialog');
+  expect(modal).toBeInTheDocument();
+
+  const closeButton = within(modal).getByRole('button', { name: /close/i });
+  fireEvent.click(closeButton);
+
+  await waitForElementToBeRemoved(modal);
+});
+```
+
+## Best Practices
+
+1. **Query Priority**: Use getByRole when possible for accessibility
+2. **Async Queries**: Use findBy* for async elements, waitFor for complex conditions
+3. **Negative Assertions**: Use queryBy* with .not.toBeInTheDocument()
+4. **act() Wrapping**: render/fireEvent/waitFor handle this automatically
+5. **screen vs destructuring**: Prefer screen for better error messages
+6. **Scoped Queries**: Use within() to limit query scope
+7. **Real User Behavior**: Test what users see and do, not implementation
+
+## Entry Points
+
+### Main Entry (`@testing-library/react`)
+
+Default import with auto-cleanup and automatic act() environment setup. Use for standard test setups with Jest, Vitest, or similar test runners.
+
+```typescript
+import { render, screen } from '@testing-library/react';
+// Auto-cleanup runs after each test
+```
+
+### Pure Entry (`@testing-library/react/pure`)
+
+No auto-cleanup or automatic setup. Use when you need manual control over cleanup or test lifecycle.
+
+```typescript
+import { render, screen, cleanup } from '@testing-library/react/pure';
+
+afterEach(() => {
+  cleanup(); // Manual cleanup
+});
+```
+
+### Dont-Cleanup-After-Each Entry
+
+Alternative method to disable auto-cleanup by importing this file before the main import. Sets `RTL_SKIP_AUTO_CLEANUP=true` environment variable.
+
+```typescript
+import '@testing-library/react/dont-cleanup-after-each';
+import { render, screen, cleanup } from '@testing-library/react';
+
+// Auto-cleanup is now disabled, manual cleanup required
+afterEach(() => {
+  cleanup();
+});
+```
+
+## Common Utility Functions
+
+### screen Object
+
+Pre-bound queries to document.body for convenient access without destructuring render results.
+
+```typescript { .api }
+const screen: {
+  // All query functions
+  getByRole: (role: string, options?: ByRoleOptions) => HTMLElement;
+  // ... all other query functions
+
+  // Debug utilities
+  debug: (element?: HTMLElement, maxLength?: number) => void;
+  logTestingPlaygroundURL: (element?: HTMLElement) => void;
+};
+```
+
+### within Function
+
+Get queries bound to a specific element for scoped searches.
+
+```typescript { .api }
+function within(element: HTMLElement): {
+  getByRole: (role: string, options?: ByRoleOptions) => HTMLElement;
+  // ... all other query functions
+};
+```
+
+### Debug Utilities
+
+```typescript { .api }
+function prettyDOM(
+  element?: HTMLElement,
+  maxLength?: number,
+  options?: any
+): string;
+
+function logRoles(container: HTMLElement): void;
+```
+
+### Lifecycle Management
+
+```typescript { .api }
+// Manual cleanup (auto-runs by default)
+function cleanup(): void;
+
+// Manual act() wrapping (usually automatic)
+function act(callback: () => void | Promise<void>): Promise<void>;
+```
+
+**Note:** Most operations are automatically wrapped in act(), so manual use is rarely needed.
diff --git a/.tessl/tiles/tessl/npm-testing-library--react/docs/queries.md b/.tessl/tiles/tessl/npm-testing-library--react/docs/queries.md
new file mode 100644
index 000000000..6e4c49c4b
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-testing-library--react/docs/queries.md
@@ -0,0 +1,541 @@
+# Querying Elements
+
+Find elements using accessible patterns. Inherited from @testing-library/dom.
+
+## Query Types
+
+Three variants for each query method:
+
+- **getBy\***: Throws if not found → Use when element should exist
+- **queryBy\***: Returns null if not found → Use for negative assertions
+- **findBy\***: Returns Promise → Use for async elements
+
+Plural forms (**getAll\***, **queryAll\***, **findAll\***) return arrays.
+
+## Query Priority (Best to Worst)
+
+1. **getByRole** - Most accessible, encourages proper ARIA
+2. **getByLabelText** - For form inputs
+3. **getByPlaceholderText** - If no label exists
+4. **getByText** - For non-interactive content
+5. **getByDisplayValue** - For filled inputs
+6. **getByAltText** - For images
+7. **getByTitle** - When other options unavailable
+8. **getByTestId** - Last resort, not user-visible
+
+## Common Queries
+
+### getByRole (Primary)
+
+**Primary query method.** Finds elements by their ARIA role. Encourages accessible markup and tests behavior users can actually see.
+
+```typescript { .api }
+/**
+ * Find element by ARIA role
+ * @param role - ARIA role (button, heading, textbox, etc.)
+ * @param options - Additional constraints
+ * @returns Matching HTMLElement
+ * @throws When no element or multiple elements found
+ */
+getByRole(role: string, options?: ByRoleOptions): HTMLElement;
+
+/**
+ * Find all elements by ARIA role
+ * @returns Array of matching HTMLElements
+ * @throws When no elements found
+ */
+getAllByRole(role: string, options?: ByRoleOptions): HTMLElement[];
+
+interface ByRoleOptions {
+  /**
+   * Filter by accessible name (label, aria-label, text content)
+   */
+  name?: string | RegExp;
+
+  /**
+   * Filter by accessible description (aria-describedby, title)
+   */
+  description?: string | RegExp;
+
+  /**
+   * Include hidden elements (default: false)
+   */
+  hidden?: boolean;
+
+  /**
+   * Filter by selected state (for options, tabs, etc.)
+   */
+  selected?: boolean;
+
+  /**
+   * Filter by checked state (for checkboxes, radio buttons)
+   */
+  checked?: boolean;
+
+  /**
+   * Filter by pressed state (for toggle buttons)
+   */
+  pressed?: boolean;
+
+  /**
+   * Filter by current state (for navigation items)
+   */
+  current?: boolean | string;
+
+  /**
+   * Filter by expanded state (for accordions, dropdowns)
+   */
+  expanded?: boolean;
+
+  /**
+   * Filter by heading level (for heading role)
+   */
+  level?: number;
+
+  /**
+   * Enable exact matching (default: true)
+   */
+  exact?: boolean;
+
+  /**
+   * Custom text normalizer function
+   */
+  normalizer?: (text: string) => string;
+
+  /**
+   * Enable query fallbacks
+   */
+  queryFallbacks?: boolean;
+}
+```
+
+**Common Roles:**
+```typescript
+screen.getByRole('button');              // <button>, role="button"
+screen.getByRole('link');                // <a href>
+screen.getByRole('heading', { level: 1 });  // <h1>
+screen.getByRole('textbox');             // <input type="text">, <textarea>
+screen.getByRole('checkbox');            // <input type="checkbox">
+screen.getByRole('radio');               // <input type="radio">
+screen.getByRole('combobox');            // <select>
+screen.getByRole('img');                 // <img>
+screen.getByRole('dialog');              // Modal/dialog
+screen.getByRole('alert');               // Alert message
+screen.getByRole('navigation');          // <nav>
+screen.getByRole('list');                // <ul>, <ol>
+screen.getByRole('listitem');            // <li>
+```
+
+**Examples:**
+```typescript
+// By role and name
+screen.getByRole('button', { name: /submit/i });
+
+// By state
+screen.getByRole('checkbox', { checked: true });
+screen.getByRole('button', { pressed: true });
+
+// Heading level
+screen.getByRole('heading', { level: 2 });
+```
+
+### getByLabelText
+
+Finds form elements by their associated label text. Best for form inputs.
+
+```typescript { .api }
+/**
+ * Find form element by label text
+ * @param text - Label text (string or regex)
+ * @param options - Matching options
+ * @returns Matching HTMLElement
+ */
+getByLabelText(text: string | RegExp, options?: SelectorMatcherOptions): HTMLElement;
+getAllByLabelText(text: string | RegExp, options?: SelectorMatcherOptions): HTMLElement[];
+
+interface SelectorMatcherOptions {
+  /**
+   * Custom CSS selector to filter results
+   */
+  selector?: string;
+
+  /**
+   * Enable exact matching (default: true)
+   */
+  exact?: boolean;
+
+  /**
+   * Custom text normalizer function
+   */
+  normalizer?: (text: string) => string;
+}
+```
+
+**Examples:**
+```typescript
+// <label htmlFor="email">Email</label><input id="email" />
+screen.getByLabelText('Email');
+
+// <input aria-label="Search" />
+screen.getByLabelText('Search');
+
+// <label><input /> Remember me</label>
+screen.getByLabelText('Remember me');
+```
+
+### getByText
+
+Finds elements by their text content. Good for non-interactive text elements.
+
+```typescript { .api }
+/**
+ * Find element by text content
+ * @param text - Text content (string or regex)
+ * @param options - Matching options
+ * @returns Matching HTMLElement
+ */
+getByText(text: string | RegExp, options?: SelectorMatcherOptions): HTMLElement;
+getAllByText(text: string | RegExp, options?: SelectorMatcherOptions): HTMLElement[];
+```
+
+**Examples:**
+```typescript
+screen.getByText('Hello World');
+screen.getByText(/hello/i);  // Case insensitive
+screen.getByText('Hello', { exact: false });  // Partial match
+screen.getByText('Submit', { selector: 'button' });  // Filter by tag
+```
+
+### getByPlaceholderText
+
+Finds elements by placeholder text. Use as a last resort as placeholders are not accessible replacements for labels.
+
+```typescript { .api }
+/**
+ * Find element by placeholder text
+ * @param text - Placeholder text (string or regex)
+ * @param options - Matching options
+ * @returns Matching HTMLElement
+ */
+getByPlaceholderText(text: string | RegExp, options?: MatcherOptions): HTMLElement;
+getAllByPlaceholderText(text: string | RegExp, options?: MatcherOptions): HTMLElement[];
+
+interface MatcherOptions {
+  /**
+   * Enable exact matching (default: true)
+   */
+  exact?: boolean;
+
+  /**
+   * Custom text normalizer function
+   */
+  normalizer?: (text: string) => string;
+}
+```
+
+### getByDisplayValue
+
+Finds form elements by their current value. Useful for testing filled forms.
+
+```typescript { .api }
+/**
+ * Find form element by current value
+ * @param value - Current display value (string or regex)
+ * @param options - Matching options
+ * @returns Matching HTMLElement
+ */
+getByDisplayValue(value: string | RegExp, options?: MatcherOptions): HTMLElement;
+getAllByDisplayValue(value: string | RegExp, options?: MatcherOptions): HTMLElement[];
+```
+
+### getByAltText
+
+Finds images and other elements by their alt text.
+
+```typescript { .api }
+/**
+ * Find element by alt text
+ * @param text - Alt text (string or regex)
+ * @param options - Matching options
+ * @returns Matching HTMLElement
+ */
+getByAltText(text: string | RegExp, options?: MatcherOptions): HTMLElement;
+getAllByAltText(text: string | RegExp, options?: MatcherOptions): HTMLElement[];
+```
+
+### getByTitle
+
+Finds elements by their title attribute.
+
+```typescript { .api }
+/**
+ * Find element by title attribute
+ * @param title - Title text (string or regex)
+ * @param options - Matching options
+ * @returns Matching HTMLElement
+ */
+getByTitle(title: string | RegExp, options?: MatcherOptions): HTMLElement;
+getAllByTitle(title: string | RegExp, options?: MatcherOptions): HTMLElement[];
+```
+
+### getByTestId
+
+Finds elements by data-testid attribute. Use as a last resort when other queries are not applicable.
+
+```typescript { .api }
+/**
+ * Find element by test ID
+ * @param testId - Test ID value (string or regex)
+ * @param options - Matching options
+ * @returns Matching HTMLElement
+ */
+getByTestId(testId: string | RegExp, options?: MatcherOptions): HTMLElement;
+getAllByTestId(testId: string | RegExp, options?: MatcherOptions): HTMLElement[];
+```
+
+## Query Variants
+
+### queryBy* Queries
+
+Non-throwing variants that return `null` when element is not found. Use for asserting elements don't exist.
+
+```typescript { .api }
+queryByRole(role: string, options?: ByRoleOptions): HTMLElement | null;
+queryAllByRole(role: string, options?: ByRoleOptions): HTMLElement[];
+
+queryByLabelText(text: string | RegExp, options?: SelectorMatcherOptions): HTMLElement | null;
+queryAllByLabelText(text: string | RegExp, options?: SelectorMatcherOptions): HTMLElement[];
+
+queryByPlaceholderText(text: string | RegExp, options?: MatcherOptions): HTMLElement | null;
+queryAllByPlaceholderText(text: string | RegExp, options?: MatcherOptions): HTMLElement[];
+
+queryByText(text: string | RegExp, options?: SelectorMatcherOptions): HTMLElement | null;
+queryAllByText(text: string | RegExp, options?: SelectorMatcherOptions): HTMLElement[];
+
+queryByDisplayValue(value: string | RegExp, options?: MatcherOptions): HTMLElement | null;
+queryAllByDisplayValue(value: string | RegExp, options?: MatcherOptions): HTMLElement[];
+
+queryByAltText(text: string | RegExp, options?: MatcherOptions): HTMLElement | null;
+queryAllByAltText(text: string | RegExp, options?: MatcherOptions): HTMLElement[];
+
+queryByTitle(title: string | RegExp, options?: MatcherOptions): HTMLElement | null;
+queryAllByTitle(title: string | RegExp, options?: MatcherOptions): HTMLElement[];
+
+queryByTestId(testId: string | RegExp, options?: MatcherOptions): HTMLElement | null;
+queryAllByTestId(testId: string | RegExp, options?: MatcherOptions): HTMLElement[];
+```
+
+### findBy* Queries
+
+Async queries that return a promise resolving when element is found. Use for elements that appear asynchronously.
+
+```typescript { .api }
+findByRole(role: string, options?: ByRoleOptions): Promise<HTMLElement>;
+findAllByRole(role: string, options?: ByRoleOptions): Promise<HTMLElement[]>;
+
+findByLabelText(text: string | RegExp, options?: SelectorMatcherOptions): Promise<HTMLElement>;
+findAllByLabelText(text: string | RegExp, options?: SelectorMatcherOptions): Promise<HTMLElement[]>;
+
+findByPlaceholderText(text: string | RegExp, options?: MatcherOptions): Promise<HTMLElement>;
+findAllByPlaceholderText(text: string | RegExp, options?: MatcherOptions): Promise<HTMLElement[]>;
+
+findByText(text: string | RegExp, options?: SelectorMatcherOptions): Promise<HTMLElement>;
+findAllByText(text: string | RegExp, options?: SelectorMatcherOptions): Promise<HTMLElement[]>;
+
+findByDisplayValue(value: string | RegExp, options?: MatcherOptions): Promise<HTMLElement>;
+findAllByDisplayValue(value: string | RegExp, options?: MatcherOptions): Promise<HTMLElement[]>;
+
+findByAltText(text: string | RegExp, options?: MatcherOptions): Promise<HTMLElement>;
+findAllByAltText(text: string | RegExp, options?: MatcherOptions): Promise<HTMLElement[]>;
+
+findByTitle(title: string | RegExp, options?: MatcherOptions): Promise<HTMLElement>;
+findAllByTitle(title: string | RegExp, options?: MatcherOptions): Promise<HTMLElement[]>;
+
+findByTestId(testId: string | RegExp, options?: MatcherOptions): Promise<HTMLElement>;
+findAllByTestId(testId: string | RegExp, options?: MatcherOptions): Promise<HTMLElement[]>;
+```
+
+## Utility Functions
+
+### screen Object
+
+Pre-bound queries to `document.body` for convenient access.
+
+```typescript { .api }
+import { screen } from '@testing-library/react';
+
+const screen: {
+  // All query functions
+  getByRole: (role: string, options?: ByRoleOptions) => HTMLElement;
+  // ... all other queries
+
+  // Debug utility
+  debug: (element?: HTMLElement, maxLength?: number) => void;
+
+  // Log roles utility
+  logTestingPlaygroundURL: (element?: HTMLElement) => void;
+};
+```
+
+### within Function
+
+Get queries bound to a specific element for scoped searches.
+
+```typescript { .api }
+/**
+ * Get queries scoped to a specific element
+ * @param element - Element to scope queries to
+ * @returns Object with all query functions bound to element
+ */
+function within(element: HTMLElement): {
+  getByRole: (role: string, options?: ByRoleOptions) => HTMLElement;
+  // ... all other query functions
+};
+```
+
+## Query Patterns
+
+### Synchronous Queries
+```typescript
+// Element exists
+const button = screen.getByRole('button');
+
+// Element may not exist
+const dialog = screen.queryByRole('dialog');
+if (dialog) {
+  // Handle dialog
+}
+
+// Negative assertion
+expect(screen.queryByText('Error')).not.toBeInTheDocument();
+
+// Multiple elements
+const items = screen.getAllByRole('listitem');
+expect(items).toHaveLength(5);
+```
+
+### Async Queries
+```typescript
+// Wait for element to appear
+const message = await screen.findByText('Loaded');
+
+// Wait for multiple
+const buttons = await screen.findAllByRole('button');
+
+// With custom timeout (default: 1000ms)
+const slow = await screen.findByText('Slow', {}, { timeout: 3000 });
+```
+
+### Scoped Queries
+```typescript
+// Query within specific element
+const modal = screen.getByRole('dialog');
+const closeButton = within(modal).getByRole('button', { name: /close/i });
+
+// Multiple scopes
+const nav = screen.getByRole('navigation');
+const homeLink = within(nav).getByRole('link', { name: /home/i });
+```
+
+## Query Access
+
+```typescript
+// 1. screen object (recommended)
+import { screen } from '@testing-library/react';
+screen.getByRole('button');
+
+// 2. render result
+const { getByRole } = render(<Component />);
+getByRole('button');
+
+// 3. within for scoped queries
+import { within } from '@testing-library/react';
+within(container).getByRole('button');
+```
+
+## Testing Patterns
+
+### Form Testing
+```typescript
+test('form submission', () => {
+  render(<LoginForm />);
+
+  const emailInput = screen.getByLabelText(/email/i);
+  const passwordInput = screen.getByLabelText(/password/i);
+  const submitButton = screen.getByRole('button', { name: /log in/i });
+
+  fireEvent.change(emailInput, { target: { value: 'user@example.com' } });
+  fireEvent.change(passwordInput, { target: { value: 'password123' } });
+  fireEvent.click(submitButton);
+});
+```
+
+### List Testing
+```typescript
+test('displays items', () => {
+  render(<TodoList items={['Task 1', 'Task 2']} />);
+
+  const items = screen.getAllByRole('listitem');
+  expect(items).toHaveLength(2);
+  expect(items[0]).toHaveTextContent('Task 1');
+});
+```
+
+### Modal Testing
+```typescript
+test('modal interactions', async () => {
+  render(<App />);
+
+  // Open modal
+  fireEvent.click(screen.getByRole('button', { name: /open/i }));
+
+  // Wait for modal
+  const modal = await screen.findByRole('dialog');
+  expect(modal).toBeInTheDocument();
+
+  // Query within modal
+  const title = within(modal).getByRole('heading');
+  expect(title).toHaveTextContent('Modal Title');
+});
+```
+
+### Conditional Rendering
+```typescript
+test('shows error on failure', async () => {
+  render(<Component />);
+
+  // Initially no error
+  expect(screen.queryByRole('alert')).not.toBeInTheDocument();
+
+  // Trigger error
+  fireEvent.click(screen.getByRole('button'));
+
+  // Error appears
+  const alert = await screen.findByRole('alert');
+  expect(alert).toHaveTextContent('Error occurred');
+});
+```
+
+## Debug Helpers
+
+```typescript
+// Print DOM
+screen.debug();
+screen.debug(screen.getByRole('button'));
+
+// Print available roles
+import { logRoles } from '@testing-library/react';
+logRoles(container);
+
+// Get suggested queries
+// Error messages suggest better queries when getBy* fails
+```
+
+## Best Practices
+
+1. **Prefer getByRole** - Most accessible and resilient to changes
+2. **Use regex for flexibility** - `/submit/i` instead of "Submit Form"
+3. **Avoid testid** - Use semantic queries unless absolutely necessary
+4. **Use within()** - Scope queries to avoid ambiguity
+5. **Async with findBy** - Don't use getBy in setTimeout, use findBy
+6. **queryBy for absence** - Only use queryBy for negative assertions
diff --git a/.tessl/tiles/tessl/npm-testing-library--react/docs/rendering.md b/.tessl/tiles/tessl/npm-testing-library--react/docs/rendering.md
new file mode 100644
index 000000000..684b0bd64
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-testing-library--react/docs/rendering.md
@@ -0,0 +1,389 @@
+# Component Rendering
+
+Renders React components in a test DOM environment with queries and lifecycle control.
+
+## API
+
+```typescript { .api }
+function render(ui: React.ReactNode, options?: RenderOptions): RenderResult;
+
+interface RenderOptions {
+  /**
+   * Custom container element. If not provided, a div appended to baseElement is used.
+   * For testing elements like <tbody>, provide a table element as container.
+   */
+  container?: HTMLElement;
+
+  /**
+   * Base element for queries. Defaults to container if specified, otherwise document.body.
+   * Also used as the element printed by debug().
+   */
+  baseElement?: HTMLElement;
+
+  /**
+   * Wrapper component to render around the UI.
+   * Useful for providers (Context, Router, Theme, etc.).
+   */
+  wrapper?: React.JSXElementConstructor<{ children: React.ReactNode }>;
+
+  /**
+   * Use hydration instead of normal render (ReactDOM.hydrateRoot).
+   * Useful for server-side rendering scenarios.
+   */
+  hydrate?: boolean;
+
+  /**
+   * Force synchronous ReactDOM.render instead of concurrent mode.
+   * Only supported in React 18. Not supported in React 19+.
+   * Throws an error if used with React 19 or later.
+   */
+  legacyRoot?: boolean;
+
+  /**
+   * Custom query set to bind. Overrides default queries from @testing-library/dom.
+   */
+  queries?: Queries;
+
+  /**
+   * Enable React.StrictMode wrapper around the component.
+   * Overrides global reactStrictMode config if specified.
+   */
+  reactStrictMode?: boolean;
+
+  /**
+   * React 19+ only: Callback when React catches an error in an Error Boundary.
+   * Receives the error and errorInfo with componentStack.
+   * Only available in React 19 and later.
+   */
+  onCaughtError?: (error: Error, errorInfo: { componentStack?: string }) => void;
+
+  /**
+   * Callback when React automatically recovers from errors.
+   * Receives error and errorInfo with componentStack.
+   * Some recoverable errors may include original error cause as error.cause.
+   * Available in React 18 and later.
+   */
+  onRecoverableError?: (error: Error, errorInfo: { componentStack?: string }) => void;
+}
+
+interface RenderResult {
+  /**
+   * The DOM container element where the component was rendered
+   */
+  container: HTMLElement;
+
+  /**
+   * The base element used for queries (container or document.body)
+   */
+  baseElement: HTMLElement;
+
+  /**
+   * Re-renders the component with new UI
+   */
+  rerender: (ui: React.ReactNode) => void;
+
+  /**
+   * Unmounts the component and cleans up
+   */
+  unmount: () => void;
+
+  /**
+   * Pretty-prints the DOM for debugging
+   */
+  debug: (
+    element?: HTMLElement | HTMLElement[],
+    maxLength?: number,
+    options?: any
+  ) => void;
+
+  /**
+   * Returns a DocumentFragment of the container's innerHTML
+   */
+  asFragment: () => DocumentFragment;
+
+  // All query functions from @testing-library/dom bound to baseElement
+  getByRole: (role: string, options?: ByRoleOptions) => HTMLElement;
+  getAllByRole: (role: string, options?: ByRoleOptions) => HTMLElement[];
+  queryByRole: (role: string, options?: ByRoleOptions) => HTMLElement | null;
+  queryAllByRole: (role: string, options?: ByRoleOptions) => HTMLElement[];
+  findByRole: (role: string, options?: ByRoleOptions) => Promise<HTMLElement>;
+  findAllByRole: (role: string, options?: ByRoleOptions) => Promise<HTMLElement[]>;
+
+  getByLabelText: (text: string | RegExp, options?: SelectorMatcherOptions) => HTMLElement;
+  getAllByLabelText: (text: string | RegExp, options?: SelectorMatcherOptions) => HTMLElement[];
+  queryByLabelText: (text: string | RegExp, options?: SelectorMatcherOptions) => HTMLElement | null;
+  queryAllByLabelText: (text: string | RegExp, options?: SelectorMatcherOptions) => HTMLElement[];
+  findByLabelText: (text: string | RegExp, options?: SelectorMatcherOptions) => Promise<HTMLElement>;
+  findAllByLabelText: (text: string | RegExp, options?: SelectorMatcherOptions) => Promise<HTMLElement[]>;
+
+  getByPlaceholderText: (text: string | RegExp, options?: MatcherOptions) => HTMLElement;
+  getAllByPlaceholderText: (text: string | RegExp, options?: MatcherOptions) => HTMLElement[];
+  queryByPlaceholderText: (text: string | RegExp, options?: MatcherOptions) => HTMLElement | null;
+  queryAllByPlaceholderText: (text: string | RegExp, options?: MatcherOptions) => HTMLElement[];
+  findByPlaceholderText: (text: string | RegExp, options?: MatcherOptions) => Promise<HTMLElement>;
+  findAllByPlaceholderText: (text: string | RegExp, options?: MatcherOptions) => Promise<HTMLElement[]>;
+
+  getByText: (text: string | RegExp, options?: SelectorMatcherOptions) => HTMLElement;
+  getAllByText: (text: string | RegExp, options?: SelectorMatcherOptions) => HTMLElement[];
+  queryByText: (text: string | RegExp, options?: SelectorMatcherOptions) => HTMLElement | null;
+  queryAllByText: (text: string | RegExp, options?: SelectorMatcherOptions) => HTMLElement[];
+  findByText: (text: string | RegExp, options?: SelectorMatcherOptions) => Promise<HTMLElement>;
+  findAllByText: (text: string | RegExp, options?: SelectorMatcherOptions) => Promise<HTMLElement[]>;
+
+  getByDisplayValue: (value: string | RegExp, options?: MatcherOptions) => HTMLElement;
+  getAllByDisplayValue: (value: string | RegExp, options?: MatcherOptions) => HTMLElement[];
+  queryByDisplayValue: (value: string | RegExp, options?: MatcherOptions) => HTMLElement | null;
+  queryAllByDisplayValue: (value: string | RegExp, options?: MatcherOptions) => HTMLElement[];
+  findByDisplayValue: (value: string | RegExp, options?: MatcherOptions) => Promise<HTMLElement>;
+  findAllByDisplayValue: (value: string | RegExp, options?: MatcherOptions) => Promise<HTMLElement[]>;
+
+  getByAltText: (text: string | RegExp, options?: MatcherOptions) => HTMLElement;
+  getAllByAltText: (text: string | RegExp, options?: MatcherOptions) => HTMLElement[];
+  queryByAltText: (text: string | RegExp, options?: MatcherOptions) => HTMLElement | null;
+  queryAllByAltText: (text: string | RegExp, options?: MatcherOptions) => HTMLElement[];
+  findByAltText: (text: string | RegExp, options?: MatcherOptions) => Promise<HTMLElement>;
+  findAllByAltText: (text: string | RegExp, options?: MatcherOptions) => Promise<HTMLElement[]>;
+
+  getByTitle: (title: string | RegExp, options?: MatcherOptions) => HTMLElement;
+  getAllByTitle: (title: string | RegExp, options?: MatcherOptions) => HTMLElement[];
+  queryByTitle: (title: string | RegExp, options?: MatcherOptions) => HTMLElement | null;
+  queryAllByTitle: (title: string | RegExp, options?: MatcherOptions) => HTMLElement[];
+  findByTitle: (title: string | RegExp, options?: MatcherOptions) => Promise<HTMLElement>;
+  findAllByTitle: (title: string | RegExp, options?: MatcherOptions) => Promise<HTMLElement[]>;
+
+  getByTestId: (testId: string | RegExp, options?: MatcherOptions) => HTMLElement;
+  getAllByTestId: (testId: string | RegExp, options?: MatcherOptions) => HTMLElement[];
+  queryByTestId: (testId: string | RegExp, options?: MatcherOptions) => HTMLElement | null;
+  queryAllByTestId: (testId: string | RegExp, options?: MatcherOptions) => HTMLElement[];
+  findByTestId: (testId: string | RegExp, options?: MatcherOptions) => Promise<HTMLElement>;
+  findAllByTestId: (testId: string | RegExp, options?: MatcherOptions) => Promise<HTMLElement[]>;
+}
+```
+
+## Common Patterns
+
+### Basic Rendering
+```typescript
+const { container, getByRole, rerender } = render(<Counter initial={0} />);
+
+expect(getByRole('button')).toBeInTheDocument();
+
+// Re-render with new props
+rerender(<Counter initial={5} />);
+```
+
+### With Providers
+```typescript
+const wrapper = ({ children }) => (
+  <ThemeProvider theme="dark">
+    <AuthProvider user={mockUser}>
+      {children}
+    </AuthProvider>
+  </ThemeProvider>
+);
+
+render(<App />, { wrapper });
+```
+
+### Custom Container
+```typescript
+// For testing <tr>, <td>, etc.
+const table = document.createElement('table');
+const tbody = document.createElement('tbody');
+table.appendChild(tbody);
+
+render(<TableRow />, { container: tbody });
+```
+
+### Hydration (SSR)
+```typescript
+const container = document.getElementById('root');
+container.innerHTML = serverRenderedHTML;
+
+render(<App />, { container, hydrate: true });
+```
+
+### StrictMode
+```typescript
+render(<App />, { reactStrictMode: true });
+```
+
+## Testing Patterns
+
+### Testing Re-renders
+```typescript
+test('updates on prop change', () => {
+  const { rerender, getByText } = render(<Display value={1} />);
+  expect(getByText('1')).toBeInTheDocument();
+
+  rerender(<Display value={2} />);
+  expect(getByText('2')).toBeInTheDocument();
+});
+```
+
+### Testing Unmount/Cleanup
+```typescript
+test('cleans up on unmount', () => {
+  const cleanup = jest.fn();
+
+  function Component() {
+    useEffect(() => cleanup, []);
+    return <div>Content</div>;
+  }
+
+  const { unmount } = render(<Component />);
+  unmount();
+
+  expect(cleanup).toHaveBeenCalled();
+});
+```
+
+### Snapshot Testing
+```typescript
+test('matches snapshot', () => {
+  const { asFragment } = render(<App />);
+  expect(asFragment()).toMatchSnapshot();
+});
+```
+
+### Debug Utilities
+```typescript
+const { debug, getByRole } = render(<App />);
+
+debug();                           // Print entire DOM
+debug(getByRole('button'));        // Print specific element
+debug(getByRole('button'), 1000);  // Limit output length
+```
+
+## Query Access
+
+All queries available three ways:
+
+```typescript
+// 1. From render result
+const { getByRole } = render(<Component />);
+const button = getByRole('button');
+
+// 2. From screen (recommended)
+import { screen } from '@testing-library/react';
+render(<Component />);
+const button = screen.getByRole('button');
+
+// 3. From within (scoped)
+const modal = screen.getByRole('dialog');
+const button = within(modal).getByRole('button');
+```
+
+## Render Modes
+
+### Concurrent (Default React 18+)
+```typescript
+render(<App />);  // Uses ReactDOMClient.createRoot()
+```
+
+### Legacy (React 18 only)
+```typescript
+render(<App />, { legacyRoot: true });  // Error in React 19+
+```
+
+### Hydration
+```typescript
+render(<App />, { hydrate: true });  // Uses hydrateRoot()
+```
+
+## Production Setup
+
+### Custom Render Utility
+```typescript
+// test-utils.tsx
+import { render, RenderOptions } from '@testing-library/react';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { BrowserRouter } from 'react-router-dom';
+
+const queryClient = new QueryClient({
+  defaultOptions: { queries: { retry: false } }
+});
+
+export function renderWithProviders(
+  ui: React.ReactElement,
+  options?: Omit<RenderOptions, 'wrapper'>
+) {
+  return render(ui, {
+    wrapper: ({ children }) => (
+      <BrowserRouter>
+        <QueryClientProvider client={queryClient}>
+          {children}
+        </QueryClientProvider>
+      </BrowserRouter>
+    ),
+    ...options,
+  });
+}
+
+// Use in tests
+import { renderWithProviders } from './test-utils';
+
+test('renders with providers', () => {
+  renderWithProviders(<MyComponent />);
+});
+```
+
+## Additional Types
+
+```typescript { .api }
+type RendererableContainer = Element | DocumentFragment;
+
+interface MatcherOptions {
+  exact?: boolean;
+  normalizer?: (text: string) => string;
+}
+
+interface SelectorMatcherOptions extends MatcherOptions {
+  selector?: string;
+}
+
+interface ByRoleOptions extends MatcherOptions {
+  name?: string | RegExp;
+  description?: string | RegExp;
+  hidden?: boolean;
+  selected?: boolean;
+  checked?: boolean;
+  pressed?: boolean;
+  current?: boolean | string;
+  expanded?: boolean;
+  level?: number;
+  queryFallbacks?: boolean;
+}
+
+interface Queries {
+  [key: string]: (...args: any[]) => any;
+}
+```
+
+## Deprecated Types
+
+The following type aliases are deprecated and provided for backward compatibility:
+
+```typescript { .api }
+/** @deprecated Use RenderOptions instead */
+type BaseRenderOptions<Q, Container, BaseElement> = RenderOptions;
+
+/** @deprecated Use RenderOptions with hydrate: false instead */
+interface ClientRenderOptions<Q, Container, BaseElement> extends RenderOptions {
+  hydrate?: false | undefined;
+}
+
+/** @deprecated Use RenderOptions with hydrate: true instead */
+interface HydrateOptions<Q, Container, BaseElement> extends RenderOptions {
+  hydrate: true;
+}
+```
+
+## Key Notes
+
+- Auto-cleanup runs after each test (unless using /pure import)
+- All operations automatically wrapped in act()
+- Use screen queries for better error messages
+- Prefer getByRole for accessibility testing
+- legacyRoot option only works in React 18, throws error in React 19+
+- onCaughtError callback only available in React 19+
diff --git a/.tessl/tiles/tessl/npm-testing-library--react/tile.json b/.tessl/tiles/tessl/npm-testing-library--react/tile.json
new file mode 100644
index 000000000..5426c6af4
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-testing-library--react/tile.json
@@ -0,0 +1,8 @@
+{
+  "name": "tessl/npm-testing-library--react",
+  "version": "16.3.2",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/%40testing-library/react@16.3.0",
+  "summary": "Simple and complete React DOM testing utilities that encourage good testing practices",
+  "private": false
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-types--react/docs/advanced-components.md b/.tessl/tiles/tessl/npm-types--react/docs/advanced-components.md
new file mode 100644
index 000000000..252f149bb
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-types--react/docs/advanced-components.md
@@ -0,0 +1,1018 @@
+# Advanced Components
+
+Higher-order components, lazy loading, memoization, and Suspense with complete type safety. These advanced patterns enable performance optimization and code splitting in React applications.
+
+## Capabilities
+
+### React.memo
+
+Memoization for function components to prevent unnecessary re-renders.
+
+```typescript { .api }
+/**
+ * Memoizes a function component, preventing re-renders when props haven't changed
+ */
+function memo<P extends object>(
+  Component: FunctionComponent<P>,
+  propsAreEqual?: (prevProps: Readonly<P>, nextProps: Readonly<P>) => boolean
+): NamedExoticComponent<P>;
+
+/**
+ * Component type returned by memo
+ */
+interface MemoExoticComponent<T extends ComponentType<any>> extends NamedExoticComponent<ComponentProps<T>> {
+  readonly type: T;
+}
+
+/**
+ * Base interface for exotic components
+ */
+interface ExoticComponent<P = {}> {
+  (props: P): ReactElement | null;
+  readonly $$typeof: symbol;
+}
+
+/**
+ * Exotic component with displayName
+ */
+interface NamedExoticComponent<P = {}> extends ExoticComponent<P> {
+  displayName?: string | undefined;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { memo, useState, useMemo } from "react";
+
+// Basic memoization
+interface UserCardProps {
+  user: {
+    id: number;
+    name: string;
+    email: string;
+    avatar?: string;
+  };
+  onEdit?: (userId: number) => void;
+}
+
+const UserCard = memo<UserCardProps>(({ user, onEdit }) => {
+  console.log('UserCard rendered for:', user.name);
+  
+  return (
+    <div style={{
+      padding: '16px',
+      border: '1px solid #e0e0e0',
+      borderRadius: '8px',
+      margin: '8px 0'
+    }}>
+      <h3>{user.name}</h3>
+      <p>{user.email}</p>
+      {onEdit && (
+        <button onClick={() => onEdit(user.id)}>
+          Edit User
+        </button>
+      )}
+    </div>
+  );
+});
+
+UserCard.displayName = 'UserCard';
+
+// Memoization with custom comparison
+interface ExpensiveListProps {
+  items: Array<{ id: number; value: number; label: string }>;
+  multiplier: number;
+  sortDirection: 'asc' | 'desc';
+}
+
+const ExpensiveList = memo<ExpensiveListProps>(({ items, multiplier, sortDirection }) => {
+  console.log('ExpensiveList rendered');
+  
+  const processedItems = useMemo(() => {
+    return items
+      .map(item => ({
+        ...item,
+        processedValue: item.value * multiplier
+      }))
+      .sort((a, b) => {
+        const direction = sortDirection === 'asc' ? 1 : -1;
+        return (a.processedValue - b.processedValue) * direction;
+      });
+  }, [items, multiplier, sortDirection]);
+
+  return (
+    <ul>
+      {processedItems.map(item => (
+        <li key={item.id}>
+          {item.label}: {item.processedValue}
+        </li>
+      ))}
+    </ul>
+  );
+}, (prevProps, nextProps) => {
+  // Custom comparison function
+  return (
+    prevProps.multiplier === nextProps.multiplier &&
+    prevProps.sortDirection === nextProps.sortDirection &&
+    prevProps.items.length === nextProps.items.length &&
+    prevProps.items.every((item, index) => {
+      const nextItem = nextProps.items[index];
+      return item.id === nextItem.id && 
+             item.value === nextItem.value && 
+             item.label === nextItem.label;
+    })
+  );
+});
+
+ExpensiveList.displayName = 'ExpensiveList';
+
+// Usage in parent component
+const MemoExample: React.FC = () => {
+  const [users, setUsers] = useState([
+    { id: 1, name: 'Alice', email: 'alice@example.com' },
+    { id: 2, name: 'Bob', email: 'bob@example.com' },
+    { id: 3, name: 'Charlie', email: 'charlie@example.com' }
+  ]);
+  
+  const [counter, setCounter] = useState(0);
+  const [multiplier, setMultiplier] = useState(2);
+
+  const items = useMemo(() => [
+    { id: 1, value: 10, label: 'Item A' },
+    { id: 2, value: 20, label: 'Item B' },
+    { id: 3, value: 15, label: 'Item C' }
+  ], []);
+
+  const handleEditUser = (userId: number) => {
+    console.log('Editing user:', userId);
+  };
+
+  return (
+    <div style={{ padding: '16px' }}>
+      <h2>React.memo Example</h2>
+      
+      {/* This will cause parent re-render but UserCard won't re-render */}
+      <p>Counter: {counter}</p>
+      <button onClick={() => setCounter(c => c + 1)}>
+        Increment Counter (won't affect UserCard)
+      </button>
+      
+      <div>
+        <h3>Users (memoized)</h3>
+        {users.map(user => (
+          <UserCard
+            key={user.id}
+            user={user}
+            onEdit={handleEditUser}
+          />
+        ))}
+      </div>
+      
+      <div>
+        <h3>Expensive List (custom comparison)</h3>
+        <button onClick={() => setMultiplier(m => m + 1)}>
+          Change Multiplier: {multiplier}
+        </button>
+        
+        <ExpensiveList
+          items={items}
+          multiplier={multiplier}
+          sortDirection="asc"
+        />
+      </div>
+    </div>
+  );
+};
+```
+
+### React.lazy
+
+Code splitting and lazy loading for components.
+
+```typescript { .api }
+/**
+ * Creates a lazy-loaded component for code splitting
+ */
+function lazy<T extends ComponentType<any>>(
+  factory: () => Promise<{ default: T }>
+): LazyExoticComponent<T>;
+
+/**
+ * Component type returned by lazy
+ */
+interface LazyExoticComponent<T extends ComponentType<any>> extends ExoticComponent<ComponentProps<T>> {
+  readonly _result: T;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { lazy, Suspense, useState } from "react";
+
+// Lazy-loaded components
+const LazyDashboard = lazy(() => import('./Dashboard'));
+const LazyUserProfile = lazy(() => import('./UserProfile'));
+const LazySettings = lazy(() => 
+  import('./Settings').then(module => ({ default: module.SettingsPage }))
+);
+
+// Heavy component that will be code-split
+const LazyChart = lazy(() => 
+  // Simulate dynamic import
+  new Promise<{ default: React.ComponentType<{ data: number[] }> }>(resolve => {
+    setTimeout(() => {
+      // This would typically be: import('./Chart')
+      const Chart: React.FC<{ data: number[] }> = ({ data }) => (
+        <div style={{ padding: '16px', border: '2px solid blue' }}>
+          <h3>Heavy Chart Component</h3>
+          <p>Data points: {data.join(', ')}</p>
+          <div>📊 Imagine a complex chart here</div>
+        </div>
+      );
+      resolve({ default: Chart });
+    }, 1000); // Simulate loading time
+  })
+);
+
+// Loading components
+const SimpleLoader: React.FC = () => (
+  <div style={{ padding: '16px', textAlign: 'center' }}>
+    Loading...
+  </div>
+);
+
+const DetailedLoader: React.FC<{ message?: string }> = ({ message = 'Loading component...' }) => (
+  <div style={{ 
+    padding: '32px', 
+    textAlign: 'center', 
+    border: '1px dashed #ccc',
+    borderRadius: '8px',
+    backgroundColor: '#f9f9f9'
+  }}>
+    <div>⏳</div>
+    <p>{message}</p>
+  </div>
+);
+
+// Error boundary for lazy components
+class LazyErrorBoundary extends React.Component<
+  { children: React.ReactNode; fallback?: React.ReactNode },
+  { hasError: boolean; error?: Error }
+> {
+  constructor(props: { children: React.ReactNode; fallback?: React.ReactNode }) {
+    super(props);
+    this.state = { hasError: false };
+  }
+
+  static getDerivedStateFromError(error: Error) {
+    return { hasError: true, error };
+  }
+
+  componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {
+    console.error('Lazy loading error:', error, errorInfo);
+  }
+
+  render() {
+    if (this.state.hasError) {
+      return this.props.fallback || (
+        <div style={{ padding: '16px', color: 'red' }}>
+          <h3>Failed to load component</h3>
+          <p>{this.state.error?.message}</p>
+          <button onClick={() => this.setState({ hasError: false })}>
+            Try Again
+          </button>
+        </div>
+      );
+    }
+
+    return this.props.children;
+  }
+}
+
+// Route-based lazy loading
+type Route = 'dashboard' | 'profile' | 'settings' | 'chart';
+
+const LazyExample: React.FC = () => {
+  const [currentRoute, setCurrentRoute] = useState<Route>('dashboard');
+  const [chartData] = useState([10, 20, 15, 30, 25]);
+
+  const renderRoute = () => {
+    switch (currentRoute) {
+      case 'dashboard':
+        return (
+          <Suspense fallback={<DetailedLoader message="Loading dashboard..." />}>
+            <LazyDashboard />
+          </Suspense>
+        );
+      case 'profile':
+        return (
+          <Suspense fallback={<DetailedLoader message="Loading profile..." />}>
+            <LazyUserProfile />
+          </Suspense>
+        );
+      case 'settings':
+        return (
+          <Suspense fallback={<DetailedLoader message="Loading settings..." />}>
+            <LazySettings />
+          </Suspense>
+        );
+      case 'chart':
+        return (
+          <Suspense fallback={<DetailedLoader message="Loading heavy chart component..." />}>
+            <LazyChart data={chartData} />
+          </Suspense>
+        );
+      default:
+        return <div>404 - Route not found</div>;
+    }
+  };
+
+  return (
+    <div style={{ padding: '16px' }}>
+      <h2>React.lazy Example</h2>
+      
+      <nav style={{ marginBottom: '16px' }}>
+        <button 
+          onClick={() => setCurrentRoute('dashboard')}
+          disabled={currentRoute === 'dashboard'}
+        >
+          Dashboard
+        </button>
+        <button 
+          onClick={() => setCurrentRoute('profile')}
+          disabled={currentRoute === 'profile'}
+          style={{ margin: '0 8px' }}
+        >
+          Profile
+        </button>
+        <button 
+          onClick={() => setCurrentRoute('settings')}
+          disabled={currentRoute === 'settings'}
+        >
+          Settings
+        </button>
+        <button 
+          onClick={() => setCurrentRoute('chart')}
+          disabled={currentRoute === 'chart'}
+          style={{ marginLeft: '8px' }}
+        >
+          Heavy Chart
+        </button>
+      </nav>
+
+      <LazyErrorBoundary>
+        {renderRoute()}
+      </LazyErrorBoundary>
+    </div>
+  );
+};
+
+// Mock components (normally these would be in separate files)
+const Dashboard: React.FC = () => (
+  <div style={{ padding: '16px', border: '1px solid green' }}>
+    <h3>Dashboard Component</h3>
+    <p>This component was loaded lazily!</p>
+  </div>
+);
+
+const UserProfile: React.FC = () => (
+  <div style={{ padding: '16px', border: '1px solid orange' }}>
+    <h3>User Profile Component</h3>
+    <p>Another lazy-loaded component!</p>
+  </div>
+);
+
+const SettingsPage: React.FC = () => (
+  <div style={{ padding: '16px', border: '1px solid purple' }}>
+    <h3>Settings Component</h3>
+    <p>Settings loaded with named export!</p>
+  </div>
+);
+```
+
+### Suspense
+
+Suspense boundaries for handling loading states in lazy-loaded components.
+
+```typescript { .api }
+/**
+ * Suspense component for handling loading states
+ */
+interface SuspenseProps {
+  children?: ReactNode | undefined;
+  fallback?: ReactNode | undefined;
+}
+
+const Suspense: ExoticComponent<SuspenseProps>;
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { Suspense, lazy, useState, useEffect } from "react";
+
+// Async data fetching component
+const AsyncDataComponent: React.FC<{ delay: number }> = ({ delay }) => {
+  const [data, setData] = useState<string | null>(null);
+
+  // Simulate throwing a promise (React 18 Suspense for data fetching)
+  if (data === null) {
+    throw new Promise<void>(resolve => {
+      setTimeout(() => {
+        setData(`Data loaded after ${delay}ms`);
+        resolve();
+      }, delay);
+    });
+  }
+
+  return (
+    <div style={{ padding: '16px', border: '1px solid blue' }}>
+      <h4>Async Data Component</h4>
+      <p>{data}</p>
+    </div>
+  );
+};
+
+// Multiple Suspense boundaries
+const SuspenseExample: React.FC = () => {
+  const [showComponent, setShowComponent] = useState(false);
+  const [showNestedComponents, setShowNestedComponents] = useState(false);
+
+  return (
+    <div style={{ padding: '16px' }}>
+      <h2>Suspense Example</h2>
+      
+      <div style={{ marginBottom: '16px' }}>
+        <button onClick={() => setShowComponent(!showComponent)}>
+          {showComponent ? 'Hide' : 'Show'} Async Component
+        </button>
+        <button 
+          onClick={() => setShowNestedComponents(!showNestedComponents)}
+          style={{ marginLeft: '8px' }}
+        >
+          {showNestedComponents ? 'Hide' : 'Show'} Nested Components
+        </button>
+      </div>
+
+      {/* Single Suspense boundary */}
+      {showComponent && (
+        <Suspense fallback={
+          <div style={{ padding: '16px', backgroundColor: '#fffbf0', border: '1px dashed orange' }}>
+            ⏳ Loading async component...
+          </div>
+        }>
+          <AsyncDataComponent delay={1500} />
+        </Suspense>
+      )}
+
+      {/* Nested Suspense boundaries */}
+      {showNestedComponents && (
+        <div style={{ marginTop: '16px' }}>
+          <h3>Nested Suspense Boundaries</h3>
+          
+          <Suspense fallback={
+            <div style={{ padding: '16px', backgroundColor: '#f0f8ff', border: '1px dashed blue' }}>
+              ⏳ Loading outer boundary...
+            </div>
+          }>
+            <div style={{ border: '2px solid #e0e0e0', padding: '16px', margin: '8px 0' }}>
+              <h4>Outer Boundary Content</h4>
+              
+              <Suspense fallback={
+                <div style={{ padding: '8px', backgroundColor: '#f0fff0', border: '1px dashed green' }}>
+                  ⏳ Loading inner component 1...
+                </div>
+              }>
+                <AsyncDataComponent delay={1000} />
+              </Suspense>
+
+              <Suspense fallback={
+                <div style={{ padding: '8px', backgroundColor: '#fff0f5', border: '1px dashed pink' }}>
+                  ⏳ Loading inner component 2...
+                </div>
+              }>
+                <AsyncDataComponent delay={2000} />
+              </Suspense>
+            </div>
+          </Suspense>
+        </div>
+      )}
+    </div>
+  );
+};
+```
+
+### Profiler
+
+Performance measurement component for React applications.
+
+```typescript { .api }
+/**
+ * Profiler component props
+ */
+interface ProfilerProps {
+  children?: ReactNode | undefined;
+  id: string;
+  onRender: ProfilerOnRenderCallback;
+}
+
+/**
+ * Profiler callback function type
+ */
+type ProfilerOnRenderCallback = (
+  id: string,
+  phase: "mount" | "update" | "nested-update",
+  actualDuration: number,
+  baseDuration: number,
+  startTime: number,
+  commitTime: number
+) => void;
+
+/**
+ * Profiler component for performance measurement
+ */
+const Profiler: ExoticComponent<ProfilerProps>;
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { Profiler, useState, useMemo } from "react";
+
+// Performance monitoring
+const performanceData: Array<{
+  id: string;
+  phase: "mount" | "update" | "nested-update";
+  actualDuration: number;
+  baseDuration: number;
+  startTime: number;
+  commitTime: number;
+  timestamp: Date;
+}> = [];
+
+const onRenderCallback: ProfilerOnRenderCallback = (
+  id,
+  phase,
+  actualDuration,
+  baseDuration,
+  startTime,
+  commitTime
+) => {
+  // Log performance data
+  const data = {
+    id,
+    phase,
+    actualDuration,
+    baseDuration,
+    startTime,
+    commitTime,
+    timestamp: new Date()
+  };
+  
+  performanceData.push(data);
+  
+  // Log to console for development
+  console.log(`[Profiler] ${id}:`, {
+    phase,
+    'actual duration (ms)': actualDuration.toFixed(2),
+    'base duration (ms)': baseDuration.toFixed(2)
+  });
+
+  // Send to analytics in production
+  if (process.env.NODE_ENV === 'production') {
+    // analytics.track('component-render', data);
+  }
+};
+
+// Heavy computational component
+const ExpensiveCalculation: React.FC<{ 
+  iterations: number; 
+  complexity: number;
+}> = ({ iterations, complexity }) => {
+  const result = useMemo(() => {
+    console.log('Computing expensive calculation...');
+    let sum = 0;
+    
+    for (let i = 0; i < iterations; i++) {
+      for (let j = 0; j < complexity; j++) {
+        sum += Math.sqrt(i * j);
+      }
+    }
+    
+    return sum;
+  }, [iterations, complexity]);
+
+  return (
+    <div style={{ padding: '16px', border: '1px solid #ccc' }}>
+      <h4>Expensive Calculation Component</h4>
+      <p>Iterations: {iterations}</p>
+      <p>Complexity: {complexity}</p>
+      <p>Result: {result.toFixed(2)}</p>
+    </div>
+  );
+};
+
+// List component with many items
+const ItemList: React.FC<{ items: string[] }> = ({ items }) => {
+  return (
+    <ul style={{ maxHeight: '200px', overflowY: 'auto', border: '1px solid #ccc' }}>
+      {items.map((item, index) => (
+        <li key={index} style={{ padding: '4px' }}>
+          {item}
+        </li>
+      ))}
+    </ul>
+  );
+};
+
+// Main profiler example
+const ProfilerExample: React.FC = () => {
+  const [iterations, setIterations] = useState(1000);
+  const [complexity, setComplexity] = useState(100);
+  const [itemCount, setItemCount] = useState(10);
+  
+  const items = useMemo(() => 
+    Array.from({ length: itemCount }, (_, i) => `Item ${i + 1} - ${Date.now()}`),
+    [itemCount]
+  );
+
+  const [showPerformanceData, setShowPerformanceData] = useState(false);
+
+  return (
+    <div style={{ padding: '16px' }}>
+      <h2>Profiler Example</h2>
+      
+      <div style={{ marginBottom: '16px' }}>
+        <button onClick={() => setShowPerformanceData(!showPerformanceData)}>
+          {showPerformanceData ? 'Hide' : 'Show'} Performance Data
+        </button>
+      </div>
+
+      {showPerformanceData && (
+        <div style={{ 
+          marginBottom: '16px', 
+          padding: '8px', 
+          backgroundColor: '#f5f5f5',
+          maxHeight: '200px',
+          overflowY: 'auto'
+        }}>
+          <h4>Performance Data</h4>
+          {performanceData.slice(-10).map((data, index) => (
+            <div key={index} style={{ fontSize: '12px', marginBottom: '4px' }}>
+              <strong>{data.id}</strong> ({data.phase}): 
+              {data.actualDuration.toFixed(2)}ms at {data.timestamp.toLocaleTimeString()}
+            </div>
+          ))}
+        </div>
+      )}
+
+      {/* Profiled expensive component */}
+      <Profiler id="ExpensiveCalculation" onRender={onRenderCallback}>
+        <div style={{ marginBottom: '16px' }}>
+          <h3>Expensive Calculation (Profiled)</h3>
+          <div style={{ marginBottom: '8px' }}>
+            <label>
+              Iterations: 
+              <input 
+                type="number" 
+                value={iterations} 
+                onChange={(e) => setIterations(Number(e.target.value))}
+                style={{ marginLeft: '8px', width: '80px' }}
+              />
+            </label>
+            <label style={{ marginLeft: '16px' }}>
+              Complexity: 
+              <input 
+                type="number" 
+                value={complexity} 
+                onChange={(e) => setComplexity(Number(e.target.value))}
+                style={{ marginLeft: '8px', width: '80px' }}
+              />
+            </label>
+          </div>
+          <ExpensiveCalculation iterations={iterations} complexity={complexity} />
+        </div>
+      </Profiler>
+
+      {/* Profiled list component */}
+      <Profiler id="ItemList" onRender={onRenderCallback}>
+        <div>
+          <h3>Dynamic List (Profiled)</h3>
+          <div style={{ marginBottom: '8px' }}>
+            <label>
+              Item Count: 
+              <input 
+                type="number" 
+                value={itemCount} 
+                onChange={(e) => setItemCount(Number(e.target.value))}
+                style={{ marginLeft: '8px', width: '80px' }}
+              />
+            </label>
+          </div>
+          <ItemList items={items} />
+        </div>
+      </Profiler>
+    </div>
+  );
+};
+```
+
+### StrictMode
+
+Development mode component for identifying potential problems.
+
+```typescript { .api }
+/**
+ * StrictMode component for development checks
+ */
+const StrictMode: ExoticComponent<{ children?: ReactNode | undefined }>;
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { StrictMode, useState, useEffect } from "react";
+
+// Component that demonstrates StrictMode effects
+const StrictModeDemo: React.FC = () => {
+  const [count, setCount] = useState(0);
+  const [mounted, setMounted] = useState(false);
+
+  // This effect will run twice in StrictMode (development only)
+  useEffect(() => {
+    console.log('Effect running - count:', count);
+    setMounted(true);
+    
+    // Cleanup function
+    return () => {
+      console.log('Effect cleanup - count:', count);
+    };
+  }, [count]);
+
+  // This will log twice per render in StrictMode
+  console.log('Component rendering - count:', count, 'mounted:', mounted);
+
+  return (
+    <div style={{ padding: '16px', border: '1px solid #ccc' }}>
+      <h3>StrictMode Demo Component</h3>
+      <p>Count: {count}</p>
+      <p>Mounted: {mounted.toString()}</p>
+      <button onClick={() => setCount(c => c + 1)}>
+        Increment
+      </button>
+      <p style={{ fontSize: '12px', color: '#666' }}>
+        Check console - effects and renders happen twice in StrictMode (dev only)
+      </p>
+    </div>
+  );
+};
+
+// App with StrictMode wrapper
+const StrictModeExample: React.FC = () => {
+  const [enableStrictMode, setEnableStrictMode] = useState(true);
+
+  const AppContent = () => (
+    <div style={{ padding: '16px' }}>
+      <h2>StrictMode Example</h2>
+      
+      <div style={{ marginBottom: '16px' }}>
+        <label>
+          <input
+            type="checkbox"
+            checked={enableStrictMode}
+            onChange={(e) => setEnableStrictMode(e.target.checked)}
+          />
+          Enable StrictMode (check console for differences)
+        </label>
+      </div>
+
+      <StrictModeDemo />
+      
+      <div style={{ marginTop: '16px', padding: '8px', backgroundColor: '#f0f8ff' }}>
+        <h4>What StrictMode Does:</h4>
+        <ul style={{ fontSize: '14px' }}>
+          <li>Intentionally double-invokes functions (constructors, render methods, state updaters)</li>
+          <li>Runs effects twice to detect missing cleanup</li>
+          <li>Warns about deprecated lifecycle methods</li>
+          <li>Warns about legacy string ref usage</li>
+          <li>Warns about deprecated findDOMNode usage</li>
+          <li>Only affects development builds - no impact in production</li>
+        </ul>
+      </div>
+    </div>
+  );
+
+  // Conditionally wrap with StrictMode
+  return enableStrictMode ? (
+    <StrictMode>
+      <AppContent />
+    </StrictMode>
+  ) : (
+    <AppContent />
+  );
+};
+```
+
+### Fragment
+
+Component for grouping elements without adding extra DOM nodes.
+
+```typescript { .api }
+/**
+ * Fragment component for grouping children without wrapper DOM node
+ */
+const Fragment: ExoticComponent<{ children?: ReactNode | undefined }>;
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { Fragment, useState } from "react";
+
+// Table component demonstrating Fragment usage
+const TableRowsFragment: React.FC<{ users: Array<{ id: number; name: string; email: string }> }> = ({ users }) => {
+  return (
+    <Fragment>
+      {users.map(user => (
+        <Fragment key={user.id}>
+          <tr>
+            <td>{user.name}</td>
+            <td>{user.email}</td>
+          </tr>
+          <tr>
+            <td colSpan={2} style={{ fontSize: '12px', color: '#666' }}>
+              User ID: {user.id}
+            </td>
+          </tr>
+        </Fragment>
+      ))}
+    </Fragment>
+  );
+};
+
+// List component with conditional rendering
+const ConditionalFragment: React.FC<{ 
+  showHeader: boolean; 
+  showFooter: boolean; 
+  items: string[] 
+}> = ({ showHeader, showFooter, items }) => {
+  return (
+    <Fragment>
+      {showHeader && (
+        <Fragment>
+          <h3>Item List</h3>
+          <p>Total items: {items.length}</p>
+        </Fragment>
+      )}
+      
+      <ul>
+        {items.map((item, index) => (
+          <li key={index}>{item}</li>
+        ))}
+      </ul>
+      
+      {showFooter && (
+        <Fragment>
+          <hr />
+          <p style={{ fontSize: '12px' }}>End of list</p>
+        </Fragment>
+      )}
+    </Fragment>
+  );
+};
+
+// Fragment example with short syntax
+const FragmentExample: React.FC = () => {
+  const [users] = useState([
+    { id: 1, name: 'Alice', email: 'alice@example.com' },
+    { id: 2, name: 'Bob', email: 'bob@example.com' }
+  ]);
+  
+  const [items] = useState(['Apple', 'Banana', 'Cherry']);
+  const [showHeader, setShowHeader] = useState(true);
+  const [showFooter, setShowFooter] = useState(true);
+
+  return (
+    <div style={{ padding: '16px' }}>
+      <h2>Fragment Examples</h2>
+      
+      {/* Long syntax */}
+      <div style={{ marginBottom: '24px' }}>
+        <h3>Table with Fragment (long syntax)</h3>
+        <table style={{ border: '1px solid #ccc', borderCollapse: 'collapse', width: '100%' }}>
+          <thead>
+            <tr>
+              <th style={{ border: '1px solid #ccc', padding: '8px' }}>Name</th>
+              <th style={{ border: '1px solid #ccc', padding: '8px' }}>Email</th>
+            </tr>
+          </thead>
+          <tbody>
+            <TableRowsFragment users={users} />
+          </tbody>
+        </table>
+      </div>
+
+      {/* Short syntax */}
+      <div style={{ marginBottom: '24px' }}>
+        <h3>Multiple Elements (short syntax)</h3>
+        <>
+          <p>This paragraph is inside a Fragment using short syntax.</p>
+          <p>So is this one.</p>
+          <div>And this div too.</div>
+        </>
+      </div>
+
+      {/* Conditional rendering */}
+      <div>
+        <h3>Conditional Fragment</h3>
+        <div style={{ marginBottom: '8px' }}>
+          <label>
+            <input
+              type="checkbox"
+              checked={showHeader}
+              onChange={(e) => setShowHeader(e.target.checked)}
+            />
+            Show Header
+          </label>
+          <label style={{ marginLeft: '16px' }}>
+            <input
+              type="checkbox"
+              checked={showFooter}
+              onChange={(e) => setShowFooter(e.target.checked)}
+            />
+            Show Footer
+          </label>
+        </div>
+        
+        <ConditionalFragment 
+          showHeader={showHeader}
+          showFooter={showFooter}
+          items={items}
+        />
+      </div>
+    </div>
+  );
+};
+```
+
+## Types
+
+### Advanced Component Type Definitions
+
+```typescript { .api }
+// Exotic component base types
+interface ExoticComponent<P = {}> {
+  (props: P): ReactElement | null;
+  readonly $$typeof: symbol;
+}
+
+interface NamedExoticComponent<P = {}> extends ExoticComponent<P> {
+  displayName?: string | undefined;
+}
+
+// Memo types
+interface MemoExoticComponent<T extends ComponentType<any>> extends NamedExoticComponent<ComponentProps<T>> {
+  readonly type: T;
+}
+
+// Lazy types  
+interface LazyExoticComponent<T extends ComponentType<any>> extends ExoticComponent<ComponentProps<T>> {
+  readonly _result: T;
+}
+
+// ForwardRef types
+interface ForwardRefExoticComponent<P> extends NamedExoticComponent<P> {
+  defaultProps?: never | undefined;
+  propTypes?: never | undefined;
+}
+
+// Suspense types
+interface SuspenseProps {
+  children?: ReactNode | undefined;
+  fallback?: ReactNode | undefined;
+}
+
+// Profiler types
+interface ProfilerProps {
+  children?: ReactNode | undefined;
+  id: string;
+  onRender: ProfilerOnRenderCallback;
+}
+
+type ProfilerOnRenderCallback = (
+  id: string,
+  phase: "mount" | "update" | "nested-update",
+  actualDuration: number,
+  baseDuration: number,
+  startTime: number,
+  commitTime: number
+) => void;
+
+// Built-in exotic components
+const Fragment: ExoticComponent<{ children?: ReactNode | undefined }>;
+const StrictMode: ExoticComponent<{ children?: ReactNode | undefined }>;
+const Suspense: ExoticComponent<SuspenseProps>;
+const Profiler: ExoticComponent<ProfilerProps>;
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-types--react/docs/canary.md b/.tessl/tiles/tessl/npm-types--react/docs/canary.md
new file mode 100644
index 000000000..265e4bb65
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-types--react/docs/canary.md
@@ -0,0 +1,1002 @@
+# Canary Features
+
+Features available in React canary releases including async actions, useOptimistic, server components, and advanced concurrent patterns. These features are available in React 19+ experimental builds and provide cutting-edge capabilities.
+
+## Capabilities
+
+### Async State Management
+
+Advanced hooks for handling asynchronous state and optimistic updates.
+
+```typescript { .api }
+/**
+ * Hook for consuming promises and context values directly in render
+ */
+function use<T>(usable: Usable<T>): T;
+
+/**
+ * Union type for values that can be used with the use hook
+ */
+type Usable<T> = Thenable<T> | Context<T>;
+
+/**
+ * Enhanced thenable interface with status tracking
+ */
+interface Thenable<T> {
+  then<TResult1 = T, TResult2 = never>(
+    onfulfilled?: ((value: T) => TResult1 | Thenable<TResult1>) | undefined | null,
+    onrejected?: ((reason: any) => TResult2 | Thenable<TResult2>) | undefined | null
+  ): Thenable<TResult1 | TResult2>;
+  status?: 'pending' | 'fulfilled' | 'rejected';
+  value?: T;
+  reason?: any;
+}
+
+/**
+ * Specific thenable states for better type inference
+ */
+interface UntrackedThenable<T> extends Thenable<T> {
+  status?: undefined;
+}
+
+interface PendingThenable<T> extends Thenable<T> {
+  status: 'pending';
+}
+
+interface FulfilledThenable<T> extends Thenable<T> {
+  status: 'fulfilled';
+  value: T;
+}
+
+interface RejectedThenable<T> extends Thenable<T> {
+  status: 'rejected';
+  reason: any;
+}
+
+/**
+ * Hook for optimistic state updates (single state version)
+ */
+function useOptimistic<State>(
+  passthrough: State
+): [State, (action: State | ((pendingState: State) => State)) => void];
+
+/**
+ * Hook for optimistic state updates (reducer version)
+ */
+function useOptimistic<State, Action>(
+  passthrough: State,
+  reducer: (state: State, action: Action) => State
+): [State, (action: Action) => void];
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { use, useOptimistic, useState } from "react";
+
+// Using promises with the use hook
+function UserProfile({ userPromise }: { userPromise: Promise<{ id: string; name: string; email: string }> }) {
+  // This will suspend until the promise resolves
+  const user = use(userPromise);
+  
+  return (
+    <div style={{ padding: '16px', border: '1px solid #ccc' }}>
+      <h3>{user.name}</h3>
+      <p>Email: {user.email}</p>
+      <p>ID: {user.id}</p>
+    </div>
+  );
+}
+
+// Using context with the use hook
+const ThemeContext = React.createContext({ theme: 'light', setTheme: (theme: string) => {} });
+
+function ThemedButton() {
+  // Alternative to useContext - works the same way
+  const { theme, setTheme } = use(ThemeContext);
+  
+  return (
+    <button 
+      onClick={() => setTheme(theme === 'light' ? 'dark' : 'light')}
+      style={{
+        backgroundColor: theme === 'light' ? '#fff' : '#333',
+        color: theme === 'light' ? '#333' : '#fff'
+      }}
+    >
+      Switch to {theme === 'light' ? 'dark' : 'light'} mode
+    </button>
+  );
+}
+
+// Optimistic updates for better UX
+interface Message {
+  id: string;
+  text: string;
+  pending?: boolean;
+}
+
+function ChatApp() {
+  const [messages, setMessages] = useState<Message[]>([
+    { id: '1', text: 'Hello!' },
+    { id: '2', text: 'How are you?' }
+  ]);
+  
+  // Optimistic state for immediate UI updates
+  const [optimisticMessages, addOptimisticMessage] = useOptimistic(
+    messages,
+    (state, newMessage: string) => [
+      ...state,
+      { id: Date.now().toString(), text: newMessage, pending: true }
+    ]
+  );
+
+  const sendMessage = async (text: string) => {
+    // Immediately show message optimistically
+    addOptimisticMessage(text);
+    
+    try {
+      // Simulate API call
+      await new Promise(resolve => setTimeout(resolve, 1000));
+      
+      // Update actual state with real message
+      const realMessage: Message = {
+        id: Date.now().toString(),
+        text: text
+      };
+      setMessages(prev => [...prev, realMessage]);
+    } catch (error) {
+      console.error('Failed to send message:', error);
+      // Optimistic update will automatically revert on next render
+    }
+  };
+
+  return (
+    <div style={{ padding: '16px', maxWidth: '400px' }}>
+      <h3>Chat (Optimistic Updates)</h3>
+      
+      <div style={{ 
+        height: '300px', 
+        overflowY: 'auto', 
+        border: '1px solid #ccc', 
+        padding: '8px',
+        marginBottom: '8px'
+      }}>
+        {optimisticMessages.map(message => (
+          <div 
+            key={message.id} 
+            style={{ 
+              marginBottom: '4px',
+              opacity: message.pending ? 0.5 : 1,
+              fontStyle: message.pending ? 'italic' : 'normal'
+            }}
+          >
+            {message.text} {message.pending && '(sending...)'}
+          </div>
+        ))}
+      </div>
+      
+      <form
+        onSubmit={(e) => {
+          e.preventDefault();
+          const formData = new FormData(e.currentTarget);
+          const text = formData.get('message') as string;
+          if (text.trim()) {
+            sendMessage(text.trim());
+            e.currentTarget.reset();
+          }
+        }}
+      >
+        <input
+          name="message"
+          placeholder="Type a message..."
+          style={{ width: '70%', padding: '4px' }}
+        />
+        <button type="submit" style={{ marginLeft: '8px' }}>Send</button>
+      </form>
+    </div>
+  );
+}
+
+// Async state management example
+function AsyncDataExample() {
+  const [userPromise, setUserPromise] = useState<Promise<any> | null>(null);
+
+  const fetchUser = (userId: string) => {
+    const promise = fetch(`/api/users/${userId}`)
+      .then(res => res.json())
+      .catch(error => {
+        console.error('Failed to fetch user:', error);
+        // Return mock data for demo
+        return {
+          id: userId,
+          name: `User ${userId}`,
+          email: `user${userId}@example.com`
+        };
+      });
+    
+    setUserPromise(promise);
+  };
+
+  return (
+    <div style={{ padding: '16px' }}>
+      <h3>Async Data with use Hook</h3>
+      
+      <div style={{ marginBottom: '16px' }}>
+        <button onClick={() => fetchUser('1')}>Load User 1</button>
+        <button onClick={() => fetchUser('2')} style={{ marginLeft: '8px' }}>Load User 2</button>
+        <button onClick={() => setUserPromise(null)} style={{ marginLeft: '8px' }}>Clear</button>
+      </div>
+
+      <React.Suspense fallback={<div>Loading user...</div>}>
+        {userPromise && <UserProfile userPromise={userPromise} />}
+      </React.Suspense>
+    </div>
+  );
+}
+```
+
+### Action State Management
+
+Enhanced state management for form actions and async operations.
+
+```typescript { .api }
+/**
+ * Hook for managing async action state (no payload)
+ */
+function useActionState<State>(
+  action: (state: Awaited<State>) => State | Promise<State>,
+  initialState: Awaited<State>,
+  permalink?: string
+): [state: Awaited<State>, dispatch: () => void, isPending: boolean];
+
+/**
+ * Hook for managing async action state (with payload)
+ */
+function useActionState<State, Payload>(
+  action: (state: Awaited<State>, payload: Payload) => State | Promise<State>,
+  initialState: Awaited<State>,
+  permalink?: string
+): [state: Awaited<State>, dispatch: (payload: Payload) => void, isPending: boolean];
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { useActionState } from "react";
+
+// Form with async submission
+interface FormState {
+  success: boolean;
+  error: string | null;
+  data: { name: string; email: string } | null;
+}
+
+async function submitForm(
+  prevState: FormState,
+  formData: { name: string; email: string }
+): Promise<FormState> {
+  try {
+    // Simulate API call
+    await new Promise(resolve => setTimeout(resolve, 1000));
+    
+    if (!formData.name || !formData.email) {
+      return {
+        success: false,
+        error: 'Please fill in all fields',
+        data: null
+      };
+    }
+    
+    if (!formData.email.includes('@')) {
+      return {
+        success: false,
+        error: 'Please enter a valid email',
+        data: null
+      };
+    }
+    
+    // Success
+    return {
+      success: true,
+      error: null,
+      data: formData
+    };
+  } catch (error) {
+    return {
+      success: false,
+      error: 'Failed to submit form',
+      data: null
+    };
+  }
+}
+
+function ActionStateForm() {
+  const [state, dispatch, isPending] = useActionState(submitForm, {
+    success: false,
+    error: null,
+    data: null
+  });
+
+  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {
+    event.preventDefault();
+    const formData = new FormData(event.currentTarget);
+    
+    dispatch({
+      name: formData.get('name') as string,
+      email: formData.get('email') as string
+    });
+  };
+
+  return (
+    <div style={{ padding: '16px', maxWidth: '400px' }}>
+      <h3>Action State Form</h3>
+      
+      <form onSubmit={handleSubmit}>
+        <div style={{ marginBottom: '8px' }}>
+          <label>
+            Name:
+            <input
+              name="name"
+              type="text"
+              disabled={isPending}
+              style={{ marginLeft: '8px', padding: '4px' }}
+            />
+          </label>
+        </div>
+        
+        <div style={{ marginBottom: '8px' }}>
+          <label>
+            Email:
+            <input
+              name="email"
+              type="email"
+              disabled={isPending}
+              style={{ marginLeft: '8px', padding: '4px' }}
+            />
+          </label>
+        </div>
+        
+        <button type="submit" disabled={isPending}>
+          {isPending ? 'Submitting...' : 'Submit'}
+        </button>
+      </form>
+      
+      {state.error && (
+        <div style={{ color: 'red', marginTop: '8px' }}>
+          Error: {state.error}
+        </div>
+      )}
+      
+      {state.success && state.data && (
+        <div style={{ color: 'green', marginTop: '8px' }}>
+          Success! Submitted: {state.data.name} ({state.data.email})
+        </div>
+      )}
+    </div>
+  );
+}
+
+// Counter with async increment
+async function incrementCounter(prevCount: number): Promise<number> {
+  // Simulate async operation
+  await new Promise(resolve => setTimeout(resolve, 500));
+  return prevCount + 1;
+}
+
+function AsyncCounter() {
+  const [count, increment, isPending] = useActionState(incrementCounter, 0);
+
+  return (
+    <div style={{ padding: '16px' }}>
+      <h3>Async Counter</h3>
+      <p>Count: {count}</p>
+      <button onClick={() => increment()} disabled={isPending}>
+        {isPending ? 'Incrementing...' : 'Increment'}
+      </button>
+    </div>
+  );
+}
+```
+
+### Caching System
+
+Function result caching for performance optimization.
+
+```typescript { .api }
+/**
+ * Caches function results across renders and components
+ */
+function cache<CachedFunction extends Function>(fn: CachedFunction): CachedFunction;
+
+/**
+ * Hook to refresh cache (unstable)
+ */
+function unstable_useCacheRefresh(): () => void;
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { cache, unstable_useCacheRefresh, useState } from "react";
+
+// Expensive computation that benefits from caching
+const expensiveCalculation = cache((n: number): number => {
+  console.log(`Computing fibonacci(${n})`);
+  if (n <= 1) return n;
+  return expensiveCalculation(n - 1) + expensiveCalculation(n - 2);
+});
+
+// Cached API call
+const fetchUserData = cache(async (userId: string) => {
+  console.log(`Fetching user data for ${userId}`);
+  
+  // Simulate API call
+  await new Promise(resolve => setTimeout(resolve, 1000));
+  
+  return {
+    id: userId,
+    name: `User ${userId}`,
+    email: `user${userId}@example.com`,
+    lastSeen: new Date().toISOString()
+  };
+});
+
+// Component using cached functions
+function CachedCalculation({ number }: { number: number }) {
+  const result = expensiveCalculation(number);
+  
+  return (
+    <div style={{ padding: '8px', border: '1px solid #ccc', margin: '4px' }}>
+      <strong>Fibonacci({number}) = {result}</strong>
+      <br />
+      <small>Check console to see if calculation was cached</small>
+    </div>
+  );
+}
+
+function CachedUserData({ userId }: { userId: string }) {
+  // This will suspend until the promise resolves
+  // Subsequent calls with same userId will use cached result
+  const userData = React.use(fetchUserData(userId));
+  
+  return (
+    <div style={{ padding: '8px', border: '1px solid #ccc', margin: '4px' }}>
+      <h4>{userData.name}</h4>
+      <p>Email: {userData.email}</p>
+      <p>Last seen: {new Date(userData.lastSeen).toLocaleString()}</p>
+    </div>
+  );
+}
+
+function CacheExample() {
+  const [fibNumber, setFibNumber] = useState(5);
+  const [selectedUserId, setSelectedUserId] = useState('1');
+  const refreshCache = unstable_useCacheRefresh();
+
+  return (
+    <div style={{ padding: '16px' }}>
+      <h3>Cache System Example</h3>
+      
+      {/* Fibonacci calculation caching */}
+      <div style={{ marginBottom: '24px' }}>
+        <h4>Cached Fibonacci Calculation</h4>
+        <div>
+          <label>
+            Number: 
+            <input
+              type="number"
+              value={fibNumber}
+              onChange={(e) => setFibNumber(Number(e.target.value))}
+              min="0"
+              max="10"
+              style={{ marginLeft: '8px' }}
+            />
+          </label>
+        </div>
+        
+        <div style={{ margin: '8px 0' }}>
+          <CachedCalculation number={fibNumber} />
+          {fibNumber > 0 && <CachedCalculation number={fibNumber - 1} />}
+          {fibNumber > 1 && <CachedCalculation number={fibNumber - 2} />}
+        </div>
+      </div>
+
+      {/* User data caching */}
+      <div>
+        <h4>Cached User Data</h4>
+        <div style={{ marginBottom: '8px' }}>
+          <label>
+            User ID: 
+            <select 
+              value={selectedUserId}
+              onChange={(e) => setSelectedUserId(e.target.value)}
+              style={{ marginLeft: '8px' }}
+            >
+              <option value="1">User 1</option>
+              <option value="2">User 2</option>
+              <option value="3">User 3</option>
+            </select>
+          </label>
+          <button onClick={refreshCache} style={{ marginLeft: '8px' }}>
+            Refresh Cache
+          </button>
+        </div>
+        
+        <React.Suspense fallback={<div>Loading user data...</div>}>
+          <CachedUserData userId={selectedUserId} />
+        </React.Suspense>
+        
+        <p style={{ fontSize: '12px', color: '#666' }}>
+          Switch between users - first load will fetch data, subsequent loads use cache
+        </p>
+      </div>
+    </div>
+  );
+}
+```
+
+### Server Components
+
+Enhanced support for server-side rendering and server components.
+
+```typescript { .api }
+/**
+ * Server context interface for server-side rendering
+ */
+interface ServerContext<T> {
+  Provider: ServerContextProvider<T>;
+  displayName?: string | undefined;
+}
+
+/**
+ * Server context provider component type
+ */
+interface ServerContextProvider<T> {
+  (props: { value: T; children: ReactNode }): ReactElement | null;
+}
+
+/**
+ * Creates a context for server-side rendering
+ */
+function createServerContext<T>(
+  globalName: string,
+  defaultValue: T
+): ServerContext<T>;
+
+/**
+ * Hook to consume server context (extends useContext for server contexts)
+ */
+function useContext<T>(context: ServerContext<T>): T;
+
+/**
+ * Valid JSON values for server context
+ */
+type ServerContextJSONValue =
+  | string
+  | boolean
+  | number
+  | null
+  | ServerContextJSONArray
+  | ServerContextJSONObject;
+
+interface ServerContextJSONArray extends ReadonlyArray<ServerContextJSONValue> {}
+
+interface ServerContextJSONObject {
+  readonly [key: string]: ServerContextJSONValue;
+}
+
+/**
+ * Awaited version of ReactNode for server components
+ */
+type AwaitedReactNode = ReactNode | Promise<ReactNode>;
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { createServerContext, useContext } from "react";
+
+// Server-side theme context
+interface ServerTheme {
+  primaryColor: string;
+  backgroundColor: string;
+  textColor: string;
+}
+
+const ServerThemeContext = createServerContext<ServerTheme>(
+  'ServerTheme',
+  {
+    primaryColor: '#007bff',
+    backgroundColor: '#ffffff',
+    textColor: '#333333'
+  }
+);
+
+// Server component (would run on server)
+function ServerThemedHeader({ title }: { title: string }) {
+  const theme = useContext(ServerThemeContext);
+  
+  return (
+    <header style={{
+      backgroundColor: theme.primaryColor,
+      color: theme.backgroundColor,
+      padding: '16px',
+      textAlign: 'center'
+    }}>
+      <h1>{title}</h1>
+    </header>
+  );
+}
+
+// Server-side user context
+interface ServerUser {
+  id: string;
+  name: string;
+  preferences: {
+    language: string;
+    timezone: string;
+  };
+}
+
+const ServerUserContext = createServerContext<ServerUser | null>(
+  'ServerUser',
+  null
+);
+
+function ServerUserProfile() {
+  const user = useContext(ServerUserContext);
+  
+  if (!user) {
+    return <div>Please log in</div>;
+  }
+  
+  return (
+    <div style={{ padding: '16px' }}>
+      <h2>Welcome, {user.name}</h2>
+      <p>Language: {user.preferences.language}</p>
+      <p>Timezone: {user.preferences.timezone}</p>
+    </div>
+  );
+}
+
+// App with server contexts
+function ServerComponentExample() {
+  const [serverTheme, setServerTheme] = React.useState<ServerTheme>({
+    primaryColor: '#007bff',
+    backgroundColor: '#ffffff',
+    textColor: '#333333'
+  });
+
+  const [serverUser, setServerUser] = React.useState<ServerUser | null>({
+    id: '1',
+    name: 'John Doe',
+    preferences: {
+      language: 'en',
+      timezone: 'UTC'
+    }
+  });
+
+  return (
+    <div>
+      <h3>Server Component Context Example</h3>
+      
+      <div style={{ marginBottom: '16px' }}>
+        <button 
+          onClick={() => setServerTheme({
+            primaryColor: '#dc3545',
+            backgroundColor: '#ffffff',
+            textColor: '#333333'
+          })}
+        >
+          Red Theme
+        </button>
+        <button 
+          onClick={() => setServerTheme({
+            primaryColor: '#28a745',
+            backgroundColor: '#ffffff',
+            textColor: '#333333'
+          })}
+          style={{ marginLeft: '8px' }}
+        >
+          Green Theme
+        </button>
+        <button 
+          onClick={() => setServerUser(serverUser ? null : {
+            id: '1',
+            name: 'John Doe',
+            preferences: { language: 'en', timezone: 'UTC' }
+          })}
+          style={{ marginLeft: '8px' }}
+        >
+          {serverUser ? 'Logout' : 'Login'}
+        </button>
+      </div>
+
+      <ServerThemeContext.Provider value={serverTheme}>
+        <ServerUserContext.Provider value={serverUser}>
+          <ServerThemedHeader title="Server Component Demo" />
+          <ServerUserProfile />
+        </ServerUserContext.Provider>
+      </ServerThemeContext.Provider>
+    </div>
+  );
+}
+```
+
+### Enhanced Transitions
+
+Async transition support for concurrent features.
+
+```typescript { .api }
+/**
+ * Enhanced transition start function supporting async operations
+ */
+type TransitionStartFunction = (callback: () => void | Promise<void>) => void;
+
+/**
+ * Start async transition without hook
+ */
+function startTransition(scope: () => Promise<void>): void;
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { useTransition, startTransition, useState } from "react";
+
+// Heavy computation component
+function HeavyList({ items }: { items: string[] }) {
+  // Simulate heavy rendering
+  const startTime = Date.now();
+  while (Date.now() - startTime < 100) {
+    // Block for 100ms
+  }
+  
+  return (
+    <ul style={{ border: '1px solid #ccc', padding: '8px', maxHeight: '200px', overflow: 'auto' }}>
+      {items.map((item, index) => (
+        <li key={index}>{item}</li>
+      ))}
+    </ul>
+  );
+}
+
+function AsyncTransitionExample() {
+  const [items, setItems] = useState<string[]>([]);
+  const [isPending, startAsyncTransition] = useTransition();
+  const [filter, setFilter] = useState('');
+
+  // Generate items asynchronously
+  const generateItems = async (count: number) => {
+    const newItems: string[] = [];
+    
+    // Simulate async data generation
+    for (let i = 0; i < count; i++) {
+      await new Promise(resolve => setTimeout(resolve, 1));
+      newItems.push(`Item ${i + 1} - ${Date.now()}`);
+    }
+    
+    return newItems;
+  };
+
+  const handleGenerateItems = () => {
+    startAsyncTransition(async () => {
+      const newItems = await generateItems(100);
+      setItems(newItems);
+    });
+  };
+
+  const filteredItems = items.filter(item => 
+    item.toLowerCase().includes(filter.toLowerCase())
+  );
+
+  return (
+    <div style={{ padding: '16px' }}>
+      <h3>Async Transitions Example</h3>
+      
+      <div style={{ marginBottom: '16px' }}>
+        <button onClick={handleGenerateItems} disabled={isPending}>
+          {isPending ? 'Generating Items...' : 'Generate 100 Items'}
+        </button>
+        
+        <input
+          type="text"
+          placeholder="Filter items..."
+          value={filter}
+          onChange={(e) => {
+            // Non-urgent update - use transition
+            startTransition(() => {
+              setFilter(e.target.value);
+            });
+          }}
+          style={{ marginLeft: '8px', padding: '4px' }}
+        />
+      </div>
+
+      <p>
+        Total items: {items.length} | 
+        Filtered items: {filteredItems.length} | 
+        {isPending && 'Updating...'}
+      </p>
+
+      <HeavyList items={filteredItems.slice(0, 50)} />
+    </div>
+  );
+}
+```
+
+### Enhanced Ref Callbacks
+
+Ref callbacks with cleanup support in canary builds.
+
+```typescript { .api }
+/**
+ * Enhanced ref callback that can return cleanup function
+ */
+type RefCallback<T> = (instance: T | null) => void | (() => void);
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { useCallback } from "react";
+
+function EnhancedRefExample() {
+  // Ref callback with cleanup
+  const observerRef = useCallback((element: HTMLDivElement | null) => {
+    if (element) {
+      console.log('Element mounted');
+      
+      // Set up intersection observer
+      const observer = new IntersectionObserver(
+        (entries) => {
+          entries.forEach(entry => {
+            console.log('Visibility changed:', entry.isIntersecting);
+            element.style.backgroundColor = entry.isIntersecting ? 'lightgreen' : 'lightcoral';
+          });
+        },
+        { threshold: 0.5 }
+      );
+      
+      observer.observe(element);
+      
+      // Return cleanup function (canary feature)
+      return () => {
+        console.log('Element cleanup');
+        observer.disconnect();
+      };
+    }
+  }, []);
+
+  // Resize observer ref callback
+  const resizeRef = useCallback((element: HTMLTextAreaElement | null) => {
+    if (element) {
+      const resizeObserver = new ResizeObserver((entries) => {
+        for (const entry of entries) {
+          console.log('Element resized:', entry.contentRect);
+        }
+      });
+      
+      resizeObserver.observe(element);
+      
+      // Cleanup function
+      return () => {
+        resizeObserver.disconnect();
+      };
+    }
+  }, []);
+
+  return (
+    <div style={{ padding: '16px' }}>
+      <h3>Enhanced Ref Callbacks (Canary)</h3>
+      
+      <div style={{ height: '400px', overflow: 'auto', border: '1px solid #ccc' }}>
+        <div style={{ height: '200px', padding: '16px' }}>
+          Scroll down to see intersection observer in action...
+        </div>
+        
+        <div
+          ref={observerRef}
+          style={{
+            height: '100px',
+            margin: '16px',
+            padding: '16px',
+            border: '2px solid #333',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center'
+          }}
+        >
+          Intersection Observer Target
+          <br />
+          (Color changes based on visibility)
+        </div>
+        
+        <div style={{ height: '200px', padding: '16px' }}>
+          Scroll more...
+        </div>
+      </div>
+
+      <textarea
+        ref={resizeRef}
+        placeholder="Resize me! (Check console for resize events)"
+        style={{
+          width: '100%',
+          minHeight: '100px',
+          marginTop: '16px',
+          resize: 'both',
+          padding: '8px'
+        }}
+      />
+    </div>
+  );
+}
+```
+
+## Types
+
+### Canary Type Definitions
+
+```typescript { .api }
+// Usable types for the use hook
+type Usable<T> = Thenable<T> | Context<T>;
+
+interface Thenable<T> {
+  then<TResult1 = T, TResult2 = never>(
+    onfulfilled?: ((value: T) => TResult1 | Thenable<TResult1>) | undefined | null,
+    onrejected?: ((reason: any) => TResult2 | Thenable<TResult2>) | undefined | null
+  ): Thenable<TResult1 | TResult2>;
+  status?: 'pending' | 'fulfilled' | 'rejected';
+  value?: T;
+  reason?: any;
+}
+
+interface UntrackedThenable<T> extends Thenable<T> {
+  status?: undefined;
+}
+
+interface PendingThenable<T> extends Thenable<T> {
+  status: 'pending';
+}
+
+interface FulfilledThenable<T> extends Thenable<T> {
+  status: 'fulfilled';
+  value: T;
+}
+
+interface RejectedThenable<T> extends Thenable<T> {
+  status: 'rejected';
+  reason: any;
+}
+
+// Server context types
+interface ServerContext<T> {
+  Provider: ServerContextProvider<T>;
+  displayName?: string | undefined;
+}
+
+interface ServerContextProvider<T> {
+  (props: { value: T; children: ReactNode }): ReactElement | null;
+}
+
+type ServerContextJSONValue =
+  | string
+  | boolean
+  | number
+  | null
+  | ServerContextJSONArray
+  | ServerContextJSONObject;
+
+interface ServerContextJSONArray extends ReadonlyArray<ServerContextJSONValue> {}
+
+interface ServerContextJSONObject {
+  readonly [key: string]: ServerContextJSONValue;
+}
+
+// Enhanced types
+type AwaitedReactNode = ReactNode | Promise<ReactNode>;
+type TransitionStartFunction = (callback: () => void | Promise<void>) => void;
+
+// Enhanced ref callback with cleanup
+type RefCallback<T> = (instance: T | null) => void | (() => void);
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-types--react/docs/context.md b/.tessl/tiles/tessl/npm-types--react/docs/context.md
new file mode 100644
index 000000000..e8be823c9
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-types--react/docs/context.md
@@ -0,0 +1,921 @@
+# Context System
+
+React Context API types including createContext, useContext, and context provider/consumer patterns. Context provides a way to share data between components without explicitly passing props through every level of the component tree.
+
+## Capabilities
+
+### Context Creation and Types
+
+Core types and functions for creating and using React Context.
+
+```typescript { .api }
+/**
+ * Context object interface
+ */
+interface Context<T> {
+  Provider: Provider<T>;
+  Consumer: Consumer<T>;
+  displayName?: string | undefined;
+}
+
+/**
+ * Context provider component type
+ */
+interface Provider<T> {
+  (props: ProviderProps<T>): ReactElement | null;
+  propTypes?: never | undefined;
+  contextType?: never | undefined;
+  defaultProps?: never | undefined;
+  displayName?: string | undefined;
+}
+
+/**
+ * Provider component props
+ */
+interface ProviderProps<T> {
+  value: T;
+  children?: ReactNode | undefined;
+}
+
+/**
+ * Context consumer component type
+ */
+interface Consumer<T> {
+  (props: ConsumerProps<T>): ReactElement | null;
+  propTypes?: never | undefined;
+  contextType?: never | undefined;
+  defaultProps?: never | undefined;
+  displayName?: string | undefined;
+}
+
+/**
+ * Consumer component props with render prop pattern
+ */
+interface ConsumerProps<T> {
+  children: (value: T) => ReactNode;
+}
+
+/**
+ * Extract the value type from a context
+ */
+type ContextType<C extends Context<any>> = C extends Context<infer T> ? T : never;
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { Context, Provider, Consumer, ContextType } from "react";
+
+// Define context value type
+interface ThemeContextValue {
+  theme: 'light' | 'dark';
+  colors: {
+    primary: string;
+    background: string;
+    text: string;
+  };
+  toggleTheme: () => void;
+}
+
+// Create context with default value
+const ThemeContext: Context<ThemeContextValue> = React.createContext<ThemeContextValue>({
+  theme: 'light',
+  colors: {
+    primary: '#007bff',
+    background: '#ffffff',
+    text: '#000000'
+  },
+  toggleTheme: () => {}
+});
+
+// Extract type from context
+type ExtractedThemeType = ContextType<typeof ThemeContext>; // ThemeContextValue
+
+// Provider component example
+const ThemeProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {
+  const [theme, setTheme] = React.useState<'light' | 'dark'>('light');
+  
+  const colors = theme === 'light' 
+    ? { primary: '#007bff', background: '#ffffff', text: '#000000' }
+    : { primary: '#ffc107', background: '#121212', text: '#ffffff' };
+  
+  const toggleTheme = () => {
+    setTheme(prev => prev === 'light' ? 'dark' : 'light');
+  };
+
+  const value: ThemeContextValue = {
+    theme,
+    colors,
+    toggleTheme
+  };
+
+  return (
+    <ThemeContext.Provider value={value}>
+      {children}
+    </ThemeContext.Provider>
+  );
+};
+
+// Consumer component example (render prop pattern)
+const ThemeConsumer: React.FC = () => {
+  return (
+    <ThemeContext.Consumer>
+      {(themeContext) => (
+        <div 
+          style={{ 
+            backgroundColor: themeContext.colors.background,
+            color: themeContext.colors.text,
+            padding: '16px'
+          }}
+        >
+          <p>Current theme: {themeContext.theme}</p>
+          <button 
+            onClick={themeContext.toggleTheme}
+            style={{ backgroundColor: themeContext.colors.primary }}
+          >
+            Toggle Theme
+          </button>
+        </div>
+      )}
+    </ThemeContext.Consumer>
+  );
+};
+```
+
+### createContext Function
+
+Creates a new Context object with proper type inference.
+
+```typescript { .api }
+/**
+ * Creates a context object with the given default value
+ */
+function createContext<T>(defaultValue: T): Context<T>;
+
+/**
+ * Creates a context without default value (for cases where context is always provided)
+ */
+function createContext<T = undefined>(): Context<T | undefined>;
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { createContext, useState } from "react";
+
+// User context with full type safety
+interface User {
+  id: string;
+  name: string;
+  email: string;
+  role: 'admin' | 'user' | 'guest';
+}
+
+interface UserContextValue {
+  user: User | null;
+  login: (user: User) => void;
+  logout: () => void;
+  updateUser: (updates: Partial<User>) => void;
+}
+
+// Context with default value
+const UserContext = createContext<UserContextValue>({
+  user: null,
+  login: () => {},
+  logout: () => {},
+  updateUser: () => {}
+});
+
+// App settings context
+interface AppSettings {
+  language: string;
+  timezone: string;
+  notifications: boolean;
+  autoSave: boolean;
+}
+
+interface AppSettingsContextValue {
+  settings: AppSettings;
+  updateSettings: (updates: Partial<AppSettings>) => void;
+  resetSettings: () => void;
+}
+
+const defaultSettings: AppSettings = {
+  language: 'en',
+  timezone: 'UTC',
+  notifications: true,
+  autoSave: true
+};
+
+const AppSettingsContext = createContext<AppSettingsContextValue>({
+  settings: defaultSettings,
+  updateSettings: () => {},
+  resetSettings: () => {}
+});
+
+// API context (no default value - must be provided)
+interface ApiContextValue {
+  apiKey: string;
+  baseUrl: string;
+  fetch: <T>(endpoint: string, options?: RequestInit) => Promise<T>;
+}
+
+const ApiContext = createContext<ApiContextValue | undefined>(undefined);
+
+// Provider implementations
+const UserProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {
+  const [user, setUser] = useState<User | null>(null);
+
+  const login = (userData: User) => {
+    setUser(userData);
+    localStorage.setItem('user', JSON.stringify(userData));
+  };
+
+  const logout = () => {
+    setUser(null);
+    localStorage.removeItem('user');
+  };
+
+  const updateUser = (updates: Partial<User>) => {
+    if (user) {
+      const updatedUser = { ...user, ...updates };
+      setUser(updatedUser);
+      localStorage.setItem('user', JSON.stringify(updatedUser));
+    }
+  };
+
+  // Load user from localStorage on mount
+  React.useEffect(() => {
+    const savedUser = localStorage.getItem('user');
+    if (savedUser) {
+      try {
+        setUser(JSON.parse(savedUser));
+      } catch (error) {
+        console.error('Failed to parse saved user:', error);
+      }
+    }
+  }, []);
+
+  const value: UserContextValue = {
+    user,
+    login,
+    logout,
+    updateUser
+  };
+
+  return (
+    <UserContext.Provider value={value}>
+      {children}
+    </UserContext.Provider>
+  );
+};
+
+const AppSettingsProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {
+  const [settings, setSettings] = useState<AppSettings>(defaultSettings);
+
+  const updateSettings = (updates: Partial<AppSettings>) => {
+    setSettings(prev => ({ ...prev, ...updates }));
+  };
+
+  const resetSettings = () => {
+    setSettings(defaultSettings);
+  };
+
+  const value: AppSettingsContextValue = {
+    settings,
+    updateSettings,
+    resetSettings
+  };
+
+  return (
+    <AppSettingsContext.Provider value={value}>
+      {children}
+    </AppSettingsContext.Provider>
+  );
+};
+
+const ApiProvider: React.FC<{ 
+  children: React.ReactNode; 
+  apiKey: string; 
+  baseUrl: string; 
+}> = ({ children, apiKey, baseUrl }) => {
+  
+  const apiCall = async <T,>(endpoint: string, options: RequestInit = {}): Promise<T> => {
+    const response = await fetch(`${baseUrl}${endpoint}`, {
+      ...options,
+      headers: {
+        'Authorization': `Bearer ${apiKey}`,
+        'Content-Type': 'application/json',
+        ...options.headers
+      }
+    });
+
+    if (!response.ok) {
+      throw new Error(`API call failed: ${response.statusText}`);
+    }
+
+    return response.json();
+  };
+
+  const value: ApiContextValue = {
+    apiKey,
+    baseUrl,
+    fetch: apiCall
+  };
+
+  return (
+    <ApiContext.Provider value={value}>
+      {children}
+    </ApiContext.Provider>
+  );
+};
+```
+
+### useContext Hook
+
+Hook for consuming context values with full type safety.
+
+```typescript { .api }
+/**
+ * Hook to consume context values
+ */
+function useContext<T>(context: Context<T>): T;
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { useContext } from "react";
+
+// Custom hooks for context consumption
+const useUser = () => {
+  const context = useContext(UserContext);
+  return context;
+};
+
+const useAppSettings = () => {
+  const context = useContext(AppSettingsContext);
+  return context;
+};
+
+const useApi = () => {
+  const context = useContext(ApiContext);
+  if (!context) {
+    throw new Error('useApi must be used within an ApiProvider');
+  }
+  return context;
+};
+
+// Components using context
+const UserProfile: React.FC = () => {
+  const { user, updateUser, logout } = useUser();
+  const [editing, setEditing] = useState(false);
+  const [name, setName] = useState(user?.name || '');
+
+  if (!user) {
+    return <div>Please log in</div>;
+  }
+
+  const handleSave = () => {
+    updateUser({ name });
+    setEditing(false);
+  };
+
+  const handleCancel = () => {
+    setName(user.name);
+    setEditing(false);
+  };
+
+  return (
+    <div style={{ padding: '16px', border: '1px solid #ccc', borderRadius: '8px' }}>
+      <h3>User Profile</h3>
+      
+      {editing ? (
+        <div>
+          <input 
+            type="text" 
+            value={name} 
+            onChange={(e) => setName(e.target.value)}
+          />
+          <button onClick={handleSave}>Save</button>
+          <button onClick={handleCancel}>Cancel</button>
+        </div>
+      ) : (
+        <div>
+          <p><strong>Name:</strong> {user.name}</p>
+          <p><strong>Email:</strong> {user.email}</p>
+          <p><strong>Role:</strong> {user.role}</p>
+          <button onClick={() => setEditing(true)}>Edit Name</button>
+        </div>
+      )}
+      
+      <button onClick={logout} style={{ marginTop: '8px' }}>
+        Logout
+      </button>
+    </div>
+  );
+};
+
+const SettingsPanel: React.FC = () => {
+  const { settings, updateSettings, resetSettings } = useAppSettings();
+
+  return (
+    <div style={{ padding: '16px', border: '1px solid #ccc', borderRadius: '8px' }}>
+      <h3>Settings</h3>
+      
+      <div style={{ marginBottom: '8px' }}>
+        <label>
+          Language: 
+          <select 
+            value={settings.language} 
+            onChange={(e) => updateSettings({ language: e.target.value })}
+          >
+            <option value="en">English</option>
+            <option value="es">Spanish</option>
+            <option value="fr">French</option>
+          </select>
+        </label>
+      </div>
+      
+      <div style={{ marginBottom: '8px' }}>
+        <label>
+          <input 
+            type="checkbox" 
+            checked={settings.notifications}
+            onChange={(e) => updateSettings({ notifications: e.target.checked })}
+          />
+          Enable notifications
+        </label>
+      </div>
+      
+      <div style={{ marginBottom: '8px' }}>
+        <label>
+          <input 
+            type="checkbox" 
+            checked={settings.autoSave}
+            onChange={(e) => updateSettings({ autoSave: e.target.checked })}
+          />
+          Auto-save
+        </label>
+      </div>
+      
+      <button onClick={resetSettings}>Reset to Defaults</button>
+    </div>
+  );
+};
+
+const DataFetcher: React.FC<{ endpoint: string }> = ({ endpoint }) => {
+  const api = useApi();
+  const [data, setData] = useState<any>(null);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+
+  const fetchData = async () => {
+    setLoading(true);
+    setError(null);
+    
+    try {
+      const result = await api.fetch(endpoint);
+      setData(result);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : 'Unknown error');
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  React.useEffect(() => {
+    fetchData();
+  }, [endpoint]);
+
+  if (loading) return <div>Loading...</div>;
+  if (error) return <div>Error: {error}</div>;
+  
+  return (
+    <div>
+      <h4>Data from {endpoint}:</h4>
+      <pre>{JSON.stringify(data, null, 2)}</pre>
+      <button onClick={fetchData}>Refresh</button>
+    </div>
+  );
+};
+
+// Main app component
+const ContextExample: React.FC = () => {
+  return (
+    <UserProvider>
+      <AppSettingsProvider>
+        <ApiProvider apiKey="your-api-key" baseUrl="https://api.example.com">
+          <div style={{ padding: '16px' }}>
+            <h2>Context System Example</h2>
+            
+            <div style={{ display: 'grid', gap: '16px', gridTemplateColumns: '1fr 1fr' }}>
+              <UserProfile />
+              <SettingsPanel />
+            </div>
+            
+            <div style={{ marginTop: '16px' }}>
+              <DataFetcher endpoint="/users" />
+            </div>
+          </div>
+        </ApiProvider>
+      </AppSettingsProvider>
+    </UserProvider>
+  );
+};
+```
+
+### Class Component Context Usage
+
+Using context in class components with contextType and Consumer patterns.
+
+```typescript { .api }
+/**
+ * Static contextType property for class components
+ */
+interface Component<P, S> {
+  static contextType?: Context<any> | undefined;
+  context: any;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { Component } from "react";
+
+// Class component using contextType
+class UserDashboard extends Component<{}, { loading: boolean }> {
+  static contextType = UserContext;
+  declare context: React.ContextType<typeof UserContext>;
+
+  constructor(props: {}) {
+    super(props);
+    this.state = { loading: false };
+  }
+
+  componentDidMount() {
+    // Access context in lifecycle methods
+    if (this.context.user) {
+      console.log('User logged in:', this.context.user.name);
+    }
+  }
+
+  componentDidUpdate(prevProps: {}, prevState: { loading: boolean }) {
+    // React to context changes
+    if (this.context.user !== (this as any).prevUser) {
+      console.log('User context changed');
+      (this as any).prevUser = this.context.user;
+    }
+  }
+
+  handleRefresh = async () => {
+    if (!this.context.user) return;
+
+    this.setState({ loading: true });
+    
+    // Simulate API call
+    await new Promise(resolve => setTimeout(resolve, 1000));
+    
+    this.setState({ loading: false });
+  };
+
+  render() {
+    const { user, logout } = this.context;
+    const { loading } = this.state;
+
+    if (!user) {
+      return <div>Please log in to access dashboard</div>;
+    }
+
+    return (
+      <div style={{ padding: '16px' }}>
+        <h2>Dashboard for {user.name}</h2>
+        <p>Role: {user.role}</p>
+        
+        <button 
+          onClick={this.handleRefresh} 
+          disabled={loading}
+        >
+          {loading ? 'Refreshing...' : 'Refresh Data'}
+        </button>
+        
+        <button onClick={logout}>Logout</button>
+      </div>
+    );
+  }
+}
+
+// Class component using multiple contexts with Consumer
+class MultiContextComponent extends Component {
+  render() {
+    return (
+      <UserContext.Consumer>
+        {(userContext) => (
+          <AppSettingsContext.Consumer>
+            {(settingsContext) => (
+              <div style={{ padding: '16px' }}>
+                <h3>Multi-Context Component</h3>
+                
+                <p>User: {userContext.user?.name || 'Not logged in'}</p>
+                <p>Language: {settingsContext.settings.language}</p>
+                <p>Notifications: {settingsContext.settings.notifications ? 'On' : 'Off'}</p>
+                
+                <button 
+                  onClick={() => settingsContext.updateSettings({ 
+                    notifications: !settingsContext.settings.notifications 
+                  })}
+                >
+                  Toggle Notifications
+                </button>
+              </div>
+            )}
+          </AppSettingsContext.Consumer>
+        )}
+      </UserContext.Consumer>
+    );
+  }
+}
+```
+
+### Advanced Context Patterns
+
+Complex patterns and optimization techniques for context usage.
+
+```typescript { .api }
+/**
+ * Context with multiple providers pattern
+ */
+interface CompositeContextValue<T extends Record<string, any>> {
+  [K in keyof T]: T[K];
+}
+
+/**
+ * Context selector pattern for performance
+ */
+type ContextSelector<T, R> = (contextValue: T) => R;
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { createContext, useContext, useMemo, useCallback } from "react";
+
+// Optimized context with selectors
+interface AppState {
+  user: User | null;
+  settings: AppSettings;
+  notifications: Array<{ id: string; message: string; type: 'info' | 'warning' | 'error' }>;
+  ui: {
+    sidebarOpen: boolean;
+    theme: 'light' | 'dark';
+    loading: boolean;
+  };
+}
+
+interface AppActions {
+  setUser: (user: User | null) => void;
+  updateSettings: (updates: Partial<AppSettings>) => void;
+  addNotification: (notification: Omit<AppState['notifications'][0], 'id'>) => void;
+  removeNotification: (id: string) => void;
+  toggleSidebar: () => void;
+  setTheme: (theme: 'light' | 'dark') => void;
+  setLoading: (loading: boolean) => void;
+}
+
+type AppContextValue = AppState & AppActions;
+
+const AppContext = createContext<AppContextValue | undefined>(undefined);
+
+// Custom hook with selector pattern
+function useAppContext(): AppContextValue;
+function useAppContext<T>(selector: ContextSelector<AppContextValue, T>): T;
+function useAppContext<T>(selector?: ContextSelector<AppContextValue, T>) {
+  const context = useContext(AppContext);
+  if (!context) {
+    throw new Error('useAppContext must be used within AppProvider');
+  }
+  
+  if (selector) {
+    // Memoize selected value to prevent unnecessary re-renders
+    return useMemo(() => selector(context), [selector, context]);
+  }
+  
+  return context;
+}
+
+// Specific selector hooks for performance
+const useUser = () => useAppContext(ctx => ctx.user);
+const useSettings = () => useAppContext(ctx => ctx.settings);
+const useNotifications = () => useAppContext(ctx => ctx.notifications);
+const useUI = () => useAppContext(ctx => ctx.ui);
+
+// Provider with optimized re-rendering
+const AppProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {
+  const [state, setState] = useState<AppState>({
+    user: null,
+    settings: defaultSettings,
+    notifications: [],
+    ui: {
+      sidebarOpen: false,
+      theme: 'light',
+      loading: false
+    }
+  });
+
+  // Memoized actions to prevent recreation on every render
+  const actions = useMemo<AppActions>(() => ({
+    setUser: (user) => setState(prev => ({ ...prev, user })),
+    
+    updateSettings: (updates) => setState(prev => ({
+      ...prev,
+      settings: { ...prev.settings, ...updates }
+    })),
+    
+    addNotification: (notification) => setState(prev => ({
+      ...prev,
+      notifications: [...prev.notifications, { ...notification, id: Date.now().toString() }]
+    })),
+    
+    removeNotification: (id) => setState(prev => ({
+      ...prev,
+      notifications: prev.notifications.filter(n => n.id !== id)
+    })),
+    
+    toggleSidebar: () => setState(prev => ({
+      ...prev,
+      ui: { ...prev.ui, sidebarOpen: !prev.ui.sidebarOpen }
+    })),
+    
+    setTheme: (theme) => setState(prev => ({
+      ...prev,
+      ui: { ...prev.ui, theme }
+    })),
+    
+    setLoading: (loading) => setState(prev => ({
+      ...prev,
+      ui: { ...prev.ui, loading }
+    }))
+  }), []);
+
+  // Memoize context value to prevent unnecessary re-renders
+  const contextValue = useMemo<AppContextValue>(() => ({
+    ...state,
+    ...actions
+  }), [state, actions]);
+
+  return (
+    <AppContext.Provider value={contextValue}>
+      {children}
+    </AppContext.Provider>
+  );
+};
+
+// Components using optimized context
+const UserHeader: React.FC = React.memo(() => {
+  const user = useUser(); // Only re-renders when user changes
+  const { setUser } = useAppContext(ctx => ({ setUser: ctx.setUser }));
+
+  if (!user) {
+    return <div>Not logged in</div>;
+  }
+
+  return (
+    <div style={{ padding: '8px', borderBottom: '1px solid #ccc' }}>
+      <span>Welcome, {user.name}</span>
+      <button onClick={() => setUser(null)}>Logout</button>
+    </div>
+  );
+});
+
+const NotificationsList: React.FC = React.memo(() => {
+  const notifications = useNotifications(); // Only re-renders when notifications change
+  const { removeNotification } = useAppContext(ctx => ({ 
+    removeNotification: ctx.removeNotification 
+  }));
+
+  return (
+    <div style={{ position: 'fixed', top: '10px', right: '10px', zIndex: 1000 }}>
+      {notifications.map(notification => (
+        <div
+          key={notification.id}
+          style={{
+            padding: '8px 12px',
+            margin: '4px 0',
+            backgroundColor: notification.type === 'error' ? '#fee' : 
+                           notification.type === 'warning' ? '#ffeaa7' : '#e8f4fd',
+            borderRadius: '4px',
+            border: '1px solid #ccc'
+          }}
+        >
+          {notification.message}
+          <button 
+            onClick={() => removeNotification(notification.id)}
+            style={{ marginLeft: '8px' }}
+          >
+            ×
+          </button>
+        </div>
+      ))}
+    </div>
+  );
+});
+
+const Sidebar: React.FC = React.memo(() => {
+  const ui = useUI(); // Only re-renders when UI state changes
+  const { toggleSidebar } = useAppContext(ctx => ({ toggleSidebar: ctx.toggleSidebar }));
+
+  if (!ui.sidebarOpen) return null;
+
+  return (
+    <div style={{
+      position: 'fixed',
+      left: 0,
+      top: 0,
+      width: '250px',
+      height: '100vh',
+      backgroundColor: ui.theme === 'dark' ? '#333' : '#f8f9fa',
+      color: ui.theme === 'dark' ? 'white' : 'black',
+      padding: '16px',
+      borderRight: '1px solid #ccc'
+    }}>
+      <button onClick={toggleSidebar}>Close Sidebar</button>
+      <nav>
+        <ul>
+          <li><a href="#dashboard">Dashboard</a></li>
+          <li><a href="#profile">Profile</a></li>
+          <li><a href="#settings">Settings</a></li>
+        </ul>
+      </nav>
+    </div>
+  );
+});
+
+// Main app using optimized context
+const OptimizedContextExample: React.FC = () => {
+  return (
+    <AppProvider>
+      <div>
+        <UserHeader />
+        <Sidebar />
+        <NotificationsList />
+        
+        <main style={{ padding: '16px' }}>
+          <h1>Optimized Context App</h1>
+          <p>Components only re-render when their specific context slice changes.</p>
+        </main>
+      </div>
+    </AppProvider>
+  );
+};
+```
+
+## Types
+
+### Context Type Definitions
+
+```typescript { .api }
+// Core context interfaces
+interface Context<T> {
+  Provider: Provider<T>;
+  Consumer: Consumer<T>;
+  displayName?: string | undefined;
+}
+
+interface Provider<T> {
+  (props: ProviderProps<T>): ReactElement | null;
+  propTypes?: never | undefined;
+  contextType?: never | undefined;
+  defaultProps?: never | undefined;
+  displayName?: string | undefined;
+}
+
+interface ProviderProps<T> {
+  value: T;
+  children?: ReactNode | undefined;
+}
+
+interface Consumer<T> {
+  (props: ConsumerProps<T>): ReactElement | null;
+  propTypes?: never | undefined;
+  contextType?: never | undefined;  
+  defaultProps?: never | undefined;
+  displayName?: string | undefined;
+}
+
+interface ConsumerProps<T> {
+  children: (value: T) => ReactNode;
+}
+
+// Utility types
+type ContextType<C extends Context<any>> = C extends Context<infer T> ? T : never;
+
+// Class component context
+interface ComponentClass<P = {}, S = ComponentState> {
+  contextType?: Context<any> | undefined;
+}
+
+interface Component<P = {}, S = {}, SS = any> {
+  context: any;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-types--react/docs/core-api.md b/.tessl/tiles/tessl/npm-types--react/docs/core-api.md
new file mode 100644
index 000000000..044d02e80
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-types--react/docs/core-api.md
@@ -0,0 +1,649 @@
+# Core React API
+
+Essential React functionality including components, elements, JSX, and basic type utilities. This covers the foundation of React development with complete type definitions for creating and managing React components.
+
+## Capabilities
+
+### React Elements
+
+Core types for React elements and JSX.
+
+```typescript { .api }
+/**
+ * Represents a JSX element with props and type information
+ */
+interface ReactElement<P = any, T extends string | JSXElementConstructor<any> = string | JSXElementConstructor<any>> {
+  type: T;
+  props: P;
+  key: string | null;
+  ref: any;
+  $$typeof: symbol;
+}
+
+/**
+ * Union type representing everything React can render
+ */
+type ReactNode = ReactElement | string | number | Iterable<ReactNode> | ReactPortal | boolean | null | undefined;
+
+/**
+ * Type for React element keys
+ */
+type Key = string | number | bigint;
+
+/**
+ * Factory function interface for creating elements
+ */
+interface Factory<P> {
+  (props?: Attributes & P, ...children: ReactNode[]): ReactElement<P>;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { ReactElement, ReactNode } from "react";
+
+// Function that returns a ReactElement
+function createGreeting(name: string): ReactElement {
+  return <div>Hello, {name}!</div>;
+}
+
+// Component that accepts ReactNode children
+interface ContainerProps {
+  children: ReactNode;
+}
+
+const Container: React.FC<ContainerProps> = ({ children }) => {
+  return <div className="container">{children}</div>;
+};
+
+// Using with different ReactNode types
+<Container>
+  <h1>Title</h1>
+  {"String content"}
+  {123}
+  {null}
+  {[<span key="1">Item 1</span>, <span key="2">Item 2</span>]}
+</Container>
+```
+
+### Element Creation
+
+Functions for creating and manipulating React elements.
+
+```typescript { .api }
+/**
+ * Creates a React element of the given type
+ */
+function createElement<P extends HTMLAttributes<T>, T extends HTMLElement>(
+  type: keyof ReactHTML,
+  props?: ClassAttributes<T> & P | null,
+  ...children: ReactNode[]
+): DetailedReactHTMLElement<P, T>;
+
+function createElement<P extends SVGAttributes<T>, T extends SVGElement>(
+  type: keyof ReactSVG,
+  props?: ClassAttributes<T> & P | null,
+  ...children: ReactNode[]
+): ReactSVGElement;
+
+function createElement<P extends {}>(
+  type: FunctionComponent<P> | ComponentClass<P> | string,
+  props?: Attributes & P | null,
+  ...children: ReactNode[]
+): ReactElement<P>;
+
+/**
+ * Clones a React element and returns a new element with updated props
+ */
+function cloneElement<P extends HTMLAttributes<T>, T extends HTMLElement>(
+  element: DetailedReactHTMLElement<P, T>,
+  props?: P,
+  ...children: ReactNode[]
+): DetailedReactHTMLElement<P, T>;
+
+function cloneElement<P extends SVGAttributes<T>, T extends SVGElement>(
+  element: ReactSVGElement,
+  props?: P,
+  ...children: ReactNode[]
+): ReactSVGElement;
+
+function cloneElement<P>(
+  element: ReactElement<P>,
+  props?: Partial<P> & Attributes,
+  ...children: ReactNode[]
+): ReactElement<P>;
+
+/**
+ * Type guard to check if object is a valid React element
+ */
+function isValidElement<P>(object: {} | null | undefined): object is ReactElement<P>;
+```
+
+**Usage Examples:**
+
+```typescript
+import React from "react";
+
+// Creating elements programmatically
+const heading = React.createElement('h1', { id: 'title' }, 'Hello World');
+const button = React.createElement('button', { onClick: handleClick }, 'Click Me');
+
+// Cloning elements with new props
+const originalButton = <button onClick={handleClick}>Original</button>;
+const clonedButton = React.cloneElement(originalButton, { 
+  disabled: true,
+  className: 'disabled'
+}, 'Disabled Button');
+
+// Type guard usage
+function processElement(element: unknown) {
+  if (React.isValidElement(element)) {
+    // element is now typed as ReactElement
+    console.log(element.type, element.props);
+  }
+}
+```
+
+### Component Types
+
+Type definitions for React components.
+
+```typescript { .api }
+/**
+ * Function component interface
+ */
+interface FunctionComponent<P = {}> {
+  (props: P, context?: any): ReactElement<any, any> | null;
+  propTypes?: WeakValidationMap<P> | undefined;
+  contextTypes?: ValidationMap<any> | undefined;
+  defaultProps?: Partial<P> | undefined;
+  displayName?: string | undefined;
+}
+
+/**
+ * Alias for FunctionComponent
+ */
+type FC<P = {}> = FunctionComponent<P>;
+
+/**
+ * Class component interface
+ */
+interface ComponentClass<P = {}, S = ComponentState> extends StaticLifecycle<P, S> {
+  new (props: P, context?: any): Component<P, S>;
+  propTypes?: WeakValidationMap<P> | undefined;
+  contextTypes?: ValidationMap<any> | undefined;
+  childContextTypes?: ValidationMap<any> | undefined;
+  defaultProps?: Partial<P> | undefined;
+  displayName?: string | undefined;
+}
+
+/**
+ * Union of function and class components
+ */
+type ComponentType<P = {}> = ComponentClass<P> | FunctionComponent<P>;
+
+/**
+ * Type for any component constructor accepting props P
+ */
+type JSXElementConstructor<P> =
+  | ((props: P) => ReactElement<any, any> | null)
+  | (new (props: P) => Component<any, any>);
+
+/**
+ * Retrieves element type from component or intrinsic element
+ */
+type ElementType<P = any, Tag extends keyof JSX.IntrinsicElements = keyof JSX.IntrinsicElements> =
+  | {[K in Tag]: P extends JSX.IntrinsicElements[K] ? K : never}[Tag]
+  | ComponentType<P>;
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { FunctionComponent, ComponentClass, ComponentType } from "react";
+
+// Function component with explicit typing
+const Greeting: FunctionComponent<{ name: string }> = ({ name }) => {
+  return <h1>Hello, {name}!</h1>;
+};
+
+// Using FC alias
+const Welcome: React.FC<{ title: string }> = ({ title }) => {
+  return <div>{title}</div>;
+};
+
+// Class component
+class Counter extends React.Component<{ initialCount: number }, { count: number }> {
+  constructor(props: { initialCount: number }) {
+    super(props);
+    this.state = { count: props.initialCount };
+  }
+
+  render() {
+    return <div>Count: {this.state.count}</div>;
+  }
+}
+
+// Higher-order component
+function withLoading<P extends object>(
+  Component: ComponentType<P>
+): FunctionComponent<P & { loading?: boolean }> {
+  return ({ loading, ...props }: P & { loading?: boolean }) => {
+    if (loading) return <div>Loading...</div>;
+    return <Component {...props as P} />;
+  };
+}
+```
+
+### Component Class Base
+
+Base class for React components with lifecycle methods.
+
+```typescript { .api }
+/**
+ * Base React component class
+ */
+abstract class Component<P = {}, S = {}, SS = any> implements ComponentLifecycle<P, S, SS> {
+  static contextType?: Context<any> | undefined;
+  
+  context: unknown;
+  props: Readonly<P>;
+  state: Readonly<S>;
+  refs: {
+    [key: string]: ReactInstance;
+  };
+
+  constructor(props: P, context?: any);
+
+  setState<K extends keyof S>(
+    state: ((prevState: Readonly<S>, props: Readonly<P>) => Pick<S, K> | S | null) | (Pick<S, K> | S | null),
+    callback?: () => void
+  ): void;
+
+  forceUpdate(callback?: () => void): void;
+  render(): ReactNode;
+
+  // Lifecycle methods
+  componentDidMount?(): void;
+  shouldComponentUpdate?(nextProps: Readonly<P>, nextState: Readonly<S>, nextContext: any): boolean;
+  componentWillUnmount?(): void;
+  componentDidCatch?(error: Error, errorInfo: ErrorInfo): void;
+  getSnapshotBeforeUpdate?(prevProps: Readonly<P>, prevState: Readonly<S>): SS | null;
+  componentDidUpdate?(prevProps: Readonly<P>, prevState: Readonly<S>, snapshot?: SS): void;
+  componentWillMount?(): void;
+  UNSAFE_componentWillMount?(): void;
+  componentWillReceiveProps?(nextProps: Readonly<P>, nextContext: any): void;
+  UNSAFE_componentWillReceiveProps?(nextProps: Readonly<P>, nextContext: any): void;
+  componentWillUpdate?(nextProps: Readonly<P>, nextState: Readonly<S>, nextContext: any): void;
+  UNSAFE_componentWillUpdate?(nextProps: Readonly<P>, nextState: Readonly<S>, nextContext: any): void;
+}
+
+/**
+ * Pure component that implements shallow comparison in shouldComponentUpdate
+ */
+class PureComponent<P = {}, S = {}, SS = any> extends Component<P, S, SS> {}
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { Component, PureComponent, ErrorInfo } from "react";
+
+// Basic class component
+class Timer extends Component<{}, { seconds: number }> {
+  private intervalId?: NodeJS.Timeout;
+
+  constructor(props: {}) {
+    super(props);
+    this.state = { seconds: 0 };
+  }
+
+  componentDidMount() {
+    this.intervalId = setInterval(() => {
+      this.setState(prevState => ({ seconds: prevState.seconds + 1 }));
+    }, 1000);
+  }
+
+  componentWillUnmount() {
+    if (this.intervalId) {
+      clearInterval(this.intervalId);
+    }
+  }
+
+  render() {
+    return <div>Seconds: {this.state.seconds}</div>;
+  }
+}
+
+// Pure component for performance optimization
+class ExpensiveItem extends PureComponent<{ value: number; label: string }> {
+  render() {
+    console.log('ExpensiveItem rendered');
+    return <div>{this.props.label}: {this.props.value}</div>;
+  }
+}
+
+// Error boundary component
+class ErrorBoundary extends Component<{ children: React.ReactNode }, { hasError: boolean }> {
+  constructor(props: { children: React.ReactNode }) {
+    super(props);
+    this.state = { hasError: false };
+  }
+
+  static getDerivedStateFromError(error: Error) {
+    return { hasError: true };
+  }
+
+  componentDidCatch(error: Error, errorInfo: ErrorInfo) {
+    console.log('Error caught by boundary:', error, errorInfo);
+  }
+
+  render() {
+    if (this.state.hasError) {
+      return <h1>Something went wrong.</h1>;
+    }
+    return this.props.children;
+  }
+}
+```
+
+### Props and Attributes
+
+Base interfaces for component props and element attributes.
+
+```typescript { .api }
+/**
+ * Base attributes interface
+ */
+interface Attributes {
+  key?: Key | null | undefined;
+}
+
+/**
+ * Attributes with ref support
+ */
+interface RefAttributes<T> extends Attributes {
+  ref?: Ref<T> | undefined;
+}
+
+/**
+ * Class attributes for class components
+ */
+interface ClassAttributes<T> extends Attributes {
+  ref?: LegacyRef<T> | undefined;
+}
+
+/**
+ * Props with children
+ */
+type PropsWithChildren<P = unknown> = P & { children?: ReactNode | undefined };
+
+/**
+ * Props with ref (does not remove ref if it exists)
+ */
+type PropsWithRef<P> = 'ref' extends keyof P
+  ? P extends { ref?: infer R | undefined }
+    ? string extends R
+      ? PropsWithoutRef<P> & { ref?: Exclude<R, string> | undefined }
+      : P
+    : P
+  : P;
+
+/**
+ * Props without ref
+ */
+type PropsWithoutRef<P> = 'ref' extends keyof P ? Omit<P, 'ref'> : P;
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { PropsWithChildren, PropsWithRef, RefAttributes } from "react";
+
+// Component with children
+interface CardProps {
+  title: string;
+  className?: string;
+}
+
+const Card: React.FC<PropsWithChildren<CardProps>> = ({ title, className, children }) => {
+  return (
+    <div className={className}>
+      <h2>{title}</h2>
+      {children}
+    </div>
+  );
+};
+
+// Component with forwarded ref
+interface InputProps {
+  placeholder?: string;
+  value?: string;
+  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+
+const Input = React.forwardRef<HTMLInputElement, InputProps>(
+  ({ placeholder, value, onChange }, ref) => {
+    return <input ref={ref} placeholder={placeholder} value={value} onChange={onChange} />;
+  }
+);
+
+// Using PropsWithRef for HOCs
+function withErrorBoundary<P extends object>(
+  Component: React.ComponentType<P>
+): React.FC<PropsWithRef<P>> {
+  return (props) => (
+    <ErrorBoundary>
+      <Component {...props} />
+    </ErrorBoundary>
+  );
+}
+```
+
+### Component Props Utilities
+
+Utility types for extracting props from components.
+
+```typescript { .api }
+/**
+ * Extract props type from component type
+ */
+type ComponentProps<T extends keyof JSX.IntrinsicElements | JSXElementConstructor<any>> =
+  T extends JSXElementConstructor<infer P>
+    ? P
+    : T extends keyof JSX.IntrinsicElements
+    ? JSX.IntrinsicElements[T]
+    : {};
+
+/**
+ * Extract props with ref from component
+ */
+type ComponentPropsWithRef<T extends ElementType> = T extends (new (props: infer P) => Component<any, any>)
+  ? PropsWithoutRef<P> & RefAttributes<InstanceType<T>>
+  : ComponentProps<T>;
+
+/**
+ * Extract props without ref from component
+ */
+type ComponentPropsWithoutRef<T extends ElementType> = PropsWithoutRef<ComponentProps<T>>;
+
+/**
+ * Extract ref type from component
+ */
+type ElementRef<C extends ElementType> = 'ref' extends keyof ComponentPropsWithRef<C>
+  ? NonNullable<ComponentPropsWithRef<C>['ref']> extends Ref<infer Instance>
+    ? Instance
+    : never
+  : never;
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { ComponentProps, ComponentPropsWithRef, ElementRef } from "react";
+
+// Extract props from HTML elements
+type DivProps = ComponentProps<'div'>;
+type ButtonProps = ComponentProps<'button'>;
+
+// Extract props from custom components
+const MyButton: React.FC<{ variant: 'primary' | 'secondary'; onClick: () => void }> = (props) => (
+  <button onClick={props.onClick}>{props.variant}</button>
+);
+
+type MyButtonProps = ComponentProps<typeof MyButton>; // { variant: 'primary' | 'secondary'; onClick: () => void }
+
+// Props with ref for forwarding
+type InputPropsWithRef = ComponentPropsWithRef<'input'>;
+type MyButtonPropsWithRef = ComponentPropsWithRef<typeof MyButton>;
+
+// Extract ref types
+type DivRef = ElementRef<'div'>; // HTMLDivElement
+type InputRef = ElementRef<'input'>; // HTMLInputElement
+
+// Utility function using extracted types
+function cloneButtonWithProps(
+  button: React.ReactElement<ComponentProps<'button'>>,
+  additionalProps: Partial<ComponentProps<'button'>>
+) {
+  return React.cloneElement(button, additionalProps);
+}
+```
+
+### Built-in Components
+
+Core React built-in components.
+
+```typescript { .api }
+/**
+ * Fragment component for grouping elements without extra DOM nodes
+ */
+const Fragment: ExoticComponent<{ children?: ReactNode | undefined }>;
+
+/**
+ * StrictMode component for development checks
+ */
+const StrictMode: ExoticComponent<{ children?: ReactNode | undefined }>;
+
+/**
+ * Profiler component for performance measurement
+ */
+interface ProfilerProps {
+  children?: ReactNode | undefined;
+  id: string;
+  onRender: ProfilerOnRenderCallback;
+}
+
+type ProfilerOnRenderCallback = (
+  id: string,
+  phase: "mount" | "update" | "nested-update",
+  actualDuration: number,
+  baseDuration: number,
+  startTime: number,
+  commitTime: number
+) => void;
+
+const Profiler: ExoticComponent<ProfilerProps>;
+
+/**
+ * Suspense component for loading states
+ */
+interface SuspenseProps {
+  children?: ReactNode | undefined;
+  fallback?: ReactNode | undefined;
+}
+
+const Suspense: ExoticComponent<SuspenseProps>;
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { Fragment, StrictMode, Profiler, Suspense } from "react";
+
+// Fragment usage
+const List = () => (
+  <Fragment>
+    <li>Item 1</li>
+    <li>Item 2</li>
+    <li>Item 3</li>
+  </Fragment>
+);
+
+// Short syntax
+const ShortList = () => (
+  <>
+    <li>Item 1</li>
+    <li>Item 2</li>
+  </>
+);
+
+// StrictMode for development
+const App = () => (
+  <StrictMode>
+    <div>
+      <Header />
+      <Main />
+      <Footer />
+    </div>
+  </StrictMode>
+);
+
+// Profiler for performance monitoring
+const ProfiledComponent = () => {
+  const onRenderCallback = (id: string, phase: "mount" | "update", actualDuration: number) => {
+    console.log(`${id} ${phase} took ${actualDuration}ms`);
+  };
+
+  return (
+    <Profiler id="MyComponent" onRender={onRenderCallback}>
+      <MyExpensiveComponent />
+    </Profiler>
+  );
+};
+
+// Suspense for loading states
+const LazyLoadedApp = () => (
+  <Suspense fallback={<div>Loading...</div>}>
+    <LazyComponent />
+  </Suspense>
+);
+```
+
+## Types
+
+### Core Type Definitions
+
+```typescript { .api }
+// React version
+const version: string;
+
+// Internal type markers
+const $$typeof: symbol;
+
+// Component state type
+type ComponentState = any;
+
+// Legacy types (deprecated)
+type ReactText = string | number;
+type ReactChild = ReactElement | ReactText;
+interface ReactNodeArray extends ReadonlyArray<ReactNode> {}
+type ReactFragment = {} | ReactNodeArray;
+
+// Portal type
+interface ReactPortal {
+  key: Key | null;
+  children: ReactNode;
+  type: symbol;
+  props: {
+    children: ReactNode;
+  };
+}
+
+// Error info for error boundaries
+interface ErrorInfo {
+  componentStack?: string | null | undefined;
+  digest?: string | null | undefined;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-types--react/docs/dom-types.md b/.tessl/tiles/tessl/npm-types--react/docs/dom-types.md
new file mode 100644
index 000000000..0ebf043a7
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-types--react/docs/dom-types.md
@@ -0,0 +1,1756 @@
+# DOM Types
+
+Complete HTML and SVG element attribute types, DOM event interfaces, and React-specific DOM enhancements. React provides comprehensive type definitions for all DOM elements and their attributes, ensuring type safety when working with HTML and SVG.
+
+## Capabilities
+
+### Base DOM Attributes
+
+Core DOM attribute interfaces that extend across all elements.
+
+```typescript { .api }
+/**
+ * Base DOM attributes interface for all elements
+ */
+interface DOMAttributes<T> {
+  children?: ReactNode | undefined;
+  dangerouslySetInnerHTML?: {
+    __html: string | TrustedHTML;
+  } | undefined;
+
+  // Clipboard Events
+  onCopy?: ClipboardEventHandler<T> | undefined;
+  onCopyCapture?: ClipboardEventHandler<T> | undefined;
+  onCut?: ClipboardEventHandler<T> | undefined;
+  onCutCapture?: ClipboardEventHandler<T> | undefined;
+  onPaste?: ClipboardEventHandler<T> | undefined;
+  onPasteCapture?: ClipboardEventHandler<T> | undefined;
+
+  // Composition Events
+  onCompositionEnd?: CompositionEventHandler<T> | undefined;
+  onCompositionEndCapture?: CompositionEventHandler<T> | undefined;
+  onCompositionStart?: CompositionEventHandler<T> | undefined;
+  onCompositionStartCapture?: CompositionEventHandler<T> | undefined;
+  onCompositionUpdate?: CompositionEventHandler<T> | undefined;
+  onCompositionUpdateCapture?: CompositionEventHandler<T> | undefined;
+
+  // Focus Events
+  onFocus?: FocusEventHandler<T> | undefined;
+  onFocusCapture?: FocusEventHandler<T> | undefined;
+  onBlur?: FocusEventHandler<T> | undefined;
+  onBlurCapture?: FocusEventHandler<T> | undefined;
+
+  // Form Events
+  onChange?: FormEventHandler<T> | undefined;
+  onChangeCapture?: FormEventHandler<T> | undefined;
+  onBeforeInput?: FormEventHandler<T> | undefined;
+  onBeforeInputCapture?: FormEventHandler<T> | undefined;
+  onInput?: FormEventHandler<T> | undefined;
+  onInputCapture?: FormEventHandler<T> | undefined;
+  onReset?: FormEventHandler<T> | undefined;
+  onResetCapture?: FormEventHandler<T> | undefined;
+  onSubmit?: FormEventHandler<T> | undefined;
+  onSubmitCapture?: FormEventHandler<T> | undefined;
+  onInvalid?: FormEventHandler<T> | undefined;
+  onInvalidCapture?: FormEventHandler<T> | undefined;
+
+  // Image Events
+  onLoad?: ReactEventHandler<T> | undefined;
+  onLoadCapture?: ReactEventHandler<T> | undefined;
+  onError?: ReactEventHandler<T> | undefined;
+  onErrorCapture?: ReactEventHandler<T> | undefined;
+
+  // Keyboard Events
+  onKeyDown?: KeyboardEventHandler<T> | undefined;
+  onKeyDownCapture?: KeyboardEventHandler<T> | undefined;
+  onKeyPress?: KeyboardEventHandler<T> | undefined;
+  onKeyPressCapture?: KeyboardEventHandler<T> | undefined;
+  onKeyUp?: KeyboardEventHandler<T> | undefined;
+  onKeyUpCapture?: KeyboardEventHandler<T> | undefined;
+
+  // Media Events
+  onAbort?: ReactEventHandler<T> | undefined;
+  onAbortCapture?: ReactEventHandler<T> | undefined;
+  onCanPlay?: ReactEventHandler<T> | undefined;
+  onCanPlayCapture?: ReactEventHandler<T> | undefined;
+  onCanPlayThrough?: ReactEventHandler<T> | undefined;
+  onCanPlayThroughCapture?: ReactEventHandler<T> | undefined;
+  onDurationChange?: ReactEventHandler<T> | undefined;
+  onDurationChangeCapture?: ReactEventHandler<T> | undefined;
+  onEmptied?: ReactEventHandler<T> | undefined;
+  onEmptiedCapture?: ReactEventHandler<T> | undefined;
+  onEncrypted?: ReactEventHandler<T> | undefined;
+  onEncryptedCapture?: ReactEventHandler<T> | undefined;
+  onEnded?: ReactEventHandler<T> | undefined;
+  onEndedCapture?: ReactEventHandler<T> | undefined;
+  onLoadedData?: ReactEventHandler<T> | undefined;
+  onLoadedDataCapture?: ReactEventHandler<T> | undefined;
+  onLoadedMetadata?: ReactEventHandler<T> | undefined;
+  onLoadedMetadataCapture?: ReactEventHandler<T> | undefined;
+  onLoadStart?: ReactEventHandler<T> | undefined;
+  onLoadStartCapture?: ReactEventHandler<T> | undefined;
+  onPause?: ReactEventHandler<T> | undefined;
+  onPauseCapture?: ReactEventHandler<T> | undefined;
+  onPlay?: ReactEventHandler<T> | undefined;
+  onPlayCapture?: ReactEventHandler<T> | undefined;
+  onPlaying?: ReactEventHandler<T> | undefined;
+  onPlayingCapture?: ReactEventHandler<T> | undefined;
+  onProgress?: ReactEventHandler<T> | undefined;
+  onProgressCapture?: ReactEventHandler<T> | undefined;
+  onRateChange?: ReactEventHandler<T> | undefined;
+  onRateChangeCapture?: ReactEventHandler<T> | undefined;
+  onSeeked?: ReactEventHandler<T> | undefined;
+  onSeekedCapture?: ReactEventHandler<T> | undefined;
+  onSeeking?: ReactEventHandler<T> | undefined;
+  onSeekingCapture?: ReactEventHandler<T> | undefined;
+  onStalled?: ReactEventHandler<T> | undefined;
+  onStalledCapture?: ReactEventHandler<T> | undefined;
+  onSuspend?: ReactEventHandler<T> | undefined;
+  onSuspendCapture?: ReactEventHandler<T> | undefined;
+  onTimeUpdate?: ReactEventHandler<T> | undefined;
+  onTimeUpdateCapture?: ReactEventHandler<T> | undefined;
+  onVolumeChange?: ReactEventHandler<T> | undefined;
+  onVolumeChangeCapture?: ReactEventHandler<T> | undefined;
+  onWaiting?: ReactEventHandler<T> | undefined;
+  onWaitingCapture?: ReactEventHandler<T> | undefined;
+
+  // MouseEvents
+  onAuxClick?: MouseEventHandler<T> | undefined;
+  onAuxClickCapture?: MouseEventHandler<T> | undefined;
+  onClick?: MouseEventHandler<T> | undefined;
+  onClickCapture?: MouseEventHandler<T> | undefined;
+  onContextMenu?: MouseEventHandler<T> | undefined;
+  onContextMenuCapture?: MouseEventHandler<T> | undefined;
+  onDoubleClick?: MouseEventHandler<T> | undefined;
+  onDoubleClickCapture?: MouseEventHandler<T> | undefined;
+  onDrag?: DragEventHandler<T> | undefined;
+  onDragCapture?: DragEventHandler<T> | undefined;
+  onDragEnd?: DragEventHandler<T> | undefined;
+  onDragEndCapture?: DragEventHandler<T> | undefined;
+  onDragEnter?: DragEventHandler<T> | undefined;
+  onDragEnterCapture?: DragEventHandler<T> | undefined;
+  onDragExit?: DragEventHandler<T> | undefined;
+  onDragExitCapture?: DragEventHandler<T> | undefined;
+  onDragLeave?: DragEventHandler<T> | undefined;
+  onDragLeaveCapture?: DragEventHandler<T> | undefined;
+  onDragOver?: DragEventHandler<T> | undefined;
+  onDragOverCapture?: DragEventHandler<T> | undefined;
+  onDragStart?: DragEventHandler<T> | undefined;
+  onDragStartCapture?: DragEventHandler<T> | undefined;
+  onDrop?: DragEventHandler<T> | undefined;
+  onDropCapture?: DragEventHandler<T> | undefined;
+  onMouseDown?: MouseEventHandler<T> | undefined;
+  onMouseDownCapture?: MouseEventHandler<T> | undefined;
+  onMouseEnter?: MouseEventHandler<T> | undefined;
+  onMouseLeave?: MouseEventHandler<T> | undefined;
+  onMouseMove?: MouseEventHandler<T> | undefined;
+  onMouseMoveCapture?: MouseEventHandler<T> | undefined;
+  onMouseOut?: MouseEventHandler<T> | undefined;
+  onMouseOutCapture?: MouseEventHandler<T> | undefined;
+  onMouseOver?: MouseEventHandler<T> | undefined;
+  onMouseOverCapture?: MouseEventHandler<T> | undefined;
+  onMouseUp?: MouseEventHandler<T> | undefined;
+  onMouseUpCapture?: MouseEventHandler<T> | undefined;
+
+  // Selection Events
+  onSelect?: ReactEventHandler<T> | undefined;
+  onSelectCapture?: ReactEventHandler<T> | undefined;
+
+  // Touch Events
+  onTouchCancel?: TouchEventHandler<T> | undefined;
+  onTouchCancelCapture?: TouchEventHandler<T> | undefined;
+  onTouchEnd?: TouchEventHandler<T> | undefined;
+  onTouchEndCapture?: TouchEventHandler<T> | undefined;
+  onTouchMove?: TouchEventHandler<T> | undefined;
+  onTouchMoveCapture?: TouchEventHandler<T> | undefined;
+  onTouchStart?: TouchEventHandler<T> | undefined;
+  onTouchStartCapture?: TouchEventHandler<T> | undefined;
+
+  // Pointer Events
+  onPointerDown?: PointerEventHandler<T> | undefined;
+  onPointerDownCapture?: PointerEventHandler<T> | undefined;
+  onPointerMove?: PointerEventHandler<T> | undefined;
+  onPointerMoveCapture?: PointerEventHandler<T> | undefined;
+  onPointerUp?: PointerEventHandler<T> | undefined;
+  onPointerUpCapture?: PointerEventHandler<T> | undefined;
+  onPointerCancel?: PointerEventHandler<T> | undefined;
+  onPointerCancelCapture?: PointerEventHandler<T> | undefined;
+  onPointerEnter?: PointerEventHandler<T> | undefined;
+  onPointerEnterCapture?: PointerEventHandler<T> | undefined;
+  onPointerLeave?: PointerEventHandler<T> | undefined;
+  onPointerLeaveCapture?: PointerEventHandler<T> | undefined;
+  onPointerOver?: PointerEventHandler<T> | undefined;
+  onPointerOverCapture?: PointerEventHandler<T> | undefined;
+  onPointerOut?: PointerEventHandler<T> | undefined;
+  onPointerOutCapture?: PointerEventHandler<T> | undefined;
+  onGotPointerCapture?: PointerEventHandler<T> | undefined;
+  onGotPointerCaptureCapture?: PointerEventHandler<T> | undefined;
+  onLostPointerCapture?: PointerEventHandler<T> | undefined;
+  onLostPointerCaptureCapture?: PointerEventHandler<T> | undefined;
+
+  // UI Events
+  onScroll?: UIEventHandler<T> | undefined;
+  onScrollCapture?: UIEventHandler<T> | undefined;
+
+  // Wheel Events
+  onWheel?: WheelEventHandler<T> | undefined;
+  onWheelCapture?: WheelEventHandler<T> | undefined;
+
+  // Animation Events
+  onAnimationStart?: AnimationEventHandler<T> | undefined;
+  onAnimationStartCapture?: AnimationEventHandler<T> | undefined;
+  onAnimationEnd?: AnimationEventHandler<T> | undefined;
+  onAnimationEndCapture?: AnimationEventHandler<T> | undefined;
+  onAnimationIteration?: AnimationEventHandler<T> | undefined;
+  onAnimationIterationCapture?: AnimationEventHandler<T> | undefined;
+
+  // Transition Events
+  onTransitionEnd?: TransitionEventHandler<T> | undefined;
+  onTransitionEndCapture?: TransitionEventHandler<T> | undefined;
+}
+
+/**
+ * ARIA (Accessibility) attributes
+ */
+interface AriaAttributes {
+  /** Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application. */
+  'aria-activedescendant'?: string | undefined;
+  /** Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute. */
+  'aria-atomic'?: Booleanish | undefined;
+  /** Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be presented if they are made. */
+  'aria-autocomplete'?: 'none' | 'inline' | 'list' | 'both' | undefined;
+  /** Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user. */
+  'aria-busy'?: Booleanish | undefined;
+  /** Indicates the current "checked" state of checkboxes, radio buttons, and other widgets. */
+  'aria-checked'?: boolean | 'false' | 'mixed' | 'true' | undefined;
+  /** Defines the total number of columns in a table, grid, or treegrid. */
+  'aria-colcount'?: number | undefined;
+  /** Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid. */
+  'aria-colindex'?: number | undefined;
+  /** Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid. */
+  'aria-colspan'?: number | undefined;
+  /** Identifies the element (or elements) whose contents or presence are controlled by the current element. */
+  'aria-controls'?: string | undefined;
+  /** Indicates the element that represents the current item within a container or set of related elements. */
+  'aria-current'?: boolean | 'false' | 'true' | 'page' | 'step' | 'location' | 'date' | 'time' | undefined;
+  /** Identifies the element (or elements) that describes the object. */
+  'aria-describedby'?: string | undefined;
+  /** Identifies the element that provides a detailed, extended description for the object. */
+  'aria-details'?: string | undefined;
+  /** Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable. */
+  'aria-disabled'?: Booleanish | undefined;
+  /** Indicates what functions can be performed when a dragged object is released on the drop target. */
+  'aria-dropeffect'?: 'none' | 'copy' | 'execute' | 'link' | 'move' | 'popup' | undefined;
+  /** Identifies the element that provides an error message for the object. */
+  'aria-errormessage'?: string | undefined;
+  /** Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed. */
+  'aria-expanded'?: Booleanish | undefined;
+  /** Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion, allows assistive technology to override the general default of reading in document source order. */
+  'aria-flowto'?: string | undefined;
+  /** Indicates an element's "grabbed" state in a drag-and-drop operation. */
+  'aria-grabbed'?: Booleanish | undefined;
+  /** Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element. */
+  'aria-haspopup'?: boolean | 'false' | 'true' | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog' | undefined;
+  /** Indicates whether the element is exposed to an accessibility API. */
+  'aria-hidden'?: Booleanish | undefined;
+  /** Indicates the entered value does not conform to the format expected by the application. */
+  'aria-invalid'?: boolean | 'false' | 'true' | 'grammar' | 'spelling' | undefined;
+  /** Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element. */
+  'aria-keyshortcuts'?: string | undefined;
+  /** Defines a string value that labels the current element. */
+  'aria-label'?: string | undefined;
+  /** Identifies the element (or elements) that labels the current element. */
+  'aria-labelledby'?: string | undefined;
+  /** Defines the hierarchical level of an element within a structure. */
+  'aria-level'?: number | undefined;
+  /** Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region. */
+  'aria-live'?: 'off' | 'assertive' | 'polite' | undefined;
+  /** Indicates whether an element is modal when displayed. */
+  'aria-modal'?: Booleanish | undefined;
+  /** Indicates whether a text box accepts multiple lines of input or only a single line. */
+  'aria-multiline'?: Booleanish | undefined;
+  /** Indicates that the user may select more than one item from the current selectable descendants. */
+  'aria-multiselectable'?: Booleanish | undefined;
+  /** Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous. */
+  'aria-orientation'?: 'horizontal' | 'vertical' | undefined;
+  /** Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship between DOM elements where the DOM hierarchy cannot be used to represent the relationship. */
+  'aria-owns'?: string | undefined;
+  /** Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value. */
+  'aria-placeholder'?: string | undefined;
+  /** Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM. */
+  'aria-posinset'?: number | undefined;
+  /** Indicates the current "pressed" state of toggle buttons. */
+  'aria-pressed'?: boolean | 'false' | 'mixed' | 'true' | undefined;
+  /** Indicates that the element is not editable, but is otherwise operable. */
+  'aria-readonly'?: Booleanish | undefined;
+  /** Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified. */
+  'aria-relevant'?: 'additions' | 'additions removals' | 'additions text' | 'all' | 'removals' | 'removals additions' | 'removals text' | 'text' | 'text additions' | 'text removals' | undefined;
+  /** Indicates that user input is required on the element before a form may be submitted. */
+  'aria-required'?: Booleanish | undefined;
+  /** Defines a human-readable, author-localized description for the role of an element. */
+  'aria-roledescription'?: string | undefined;
+  /** Defines the total number of rows in a table, grid, or treegrid. */
+  'aria-rowcount'?: number | undefined;
+  /** Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid. */
+  'aria-rowindex'?: number | undefined;
+  /** Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid. */
+  'aria-rowspan'?: number | undefined;
+  /** Indicates the current "selected" state of various widgets. */
+  'aria-selected'?: Booleanish | undefined;
+  /** Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM. */
+  'aria-setsize'?: number | undefined;
+  /** Indicates if items in a table or grid are sorted in ascending or descending order. */
+  'aria-sort'?: 'none' | 'ascending' | 'descending' | 'other' | undefined;
+  /** Defines the maximum allowed value for a range widget. */
+  'aria-valuemax'?: number | undefined;
+  /** Defines the minimum allowed value for a range widget. */
+  'aria-valuemin'?: number | undefined;
+  /** Defines the current value for a range widget. */
+  'aria-valuenow'?: number | undefined;
+  /** Defines the human readable text alternative of aria-valuenow for a range widget. */
+  'aria-valuetext'?: string | undefined;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { DOMAttributes, AriaAttributes } from "react";
+
+// Component using ARIA attributes
+const AccessibleButton: React.FC<{
+  children: React.ReactNode;
+  onClick: () => void;
+  disabled?: boolean;
+  loading?: boolean;
+}> = ({ children, onClick, disabled = false, loading = false }) => {
+  const ariaProps: AriaAttributes = {
+    'aria-disabled': disabled || loading,
+    'aria-busy': loading,
+    'aria-label': loading ? 'Loading...' : undefined
+  };
+
+  return (
+    <button
+      onClick={disabled || loading ? undefined : onClick}
+      disabled={disabled}
+      {...ariaProps}
+      style={{
+        opacity: disabled ? 0.5 : 1,
+        cursor: disabled || loading ? 'not-allowed' : 'pointer'
+      }}
+    >
+      {loading ? 'Loading...' : children}
+    </button>
+  );
+};
+
+// Component with comprehensive DOM attributes
+const MediaPlayer: React.FC<{ src: string }> = ({ src }) => {
+  const handleTimeUpdate: React.ReactEventHandler<HTMLVideoElement> = (event) => {
+    console.log('Time update:', event.currentTarget.currentTime);
+  };
+
+  const handleLoadedMetadata: React.ReactEventHandler<HTMLVideoElement> = (event) => {
+    console.log('Duration:', event.currentTarget.duration);
+  };
+
+  const domProps: DOMAttributes<HTMLVideoElement> = {
+    onTimeUpdate: handleTimeUpdate,
+    onLoadedMetadata: handleLoadedMetadata,
+    onPlay: () => console.log('Video playing'),
+    onPause: () => console.log('Video paused'),
+    onEnded: () => console.log('Video ended')
+  };
+
+  return (
+    <video
+      src={src}
+      controls
+      width="400"
+      height="300"
+      {...domProps}
+    />
+  );
+};
+```
+
+### HTML Attributes
+
+Comprehensive HTML element attributes with type safety.
+
+```typescript { .api }
+/**
+ * HTML attributes interface extending DOMAttributes with HTML-specific properties
+ */
+interface HTMLAttributes<T> extends AriaAttributes, DOMAttributes<T> {
+  // Standard HTML Attributes
+  accessKey?: string | undefined;
+  autoFocus?: boolean | undefined;
+  className?: string | undefined;
+  contentEditable?: Booleanish | "inherit" | undefined;
+  contextMenu?: string | undefined;
+  dir?: string | undefined;
+  draggable?: Booleanish | undefined;
+  hidden?: boolean | undefined;
+  id?: string | undefined;
+  lang?: string | undefined;
+  nonce?: string | undefined;
+  placeholder?: string | undefined;
+  slot?: string | undefined;
+  spellCheck?: Booleanish | undefined;
+  style?: CSSProperties | undefined;
+  tabIndex?: number | undefined;
+  title?: string | undefined;
+  translate?: 'yes' | 'no' | undefined;
+
+  // Unknown
+  radioGroup?: string | undefined; // <command>, <menuitem>
+
+  // WAI-ARIA
+  role?: AriaRole | undefined;
+
+  // RDFa Attributes
+  about?: string | undefined;
+  content?: string | undefined;
+  datatype?: string | undefined;
+  inlist?: any;
+  prefix?: string | undefined;
+  property?: string | undefined;
+  rel?: string | undefined;
+  resource?: string | undefined;
+  rev?: string | undefined;
+  typeof?: string | undefined;
+  vocab?: string | undefined;
+
+  // Non-standard Attributes
+  autoCapitalize?: string | undefined;
+  autoCorrect?: string | undefined;
+  autoSave?: string | undefined;
+  color?: string | undefined;
+  itemProp?: string | undefined;
+  itemRef?: string | undefined;
+  itemScope?: boolean | undefined;
+  itemType?: string | undefined;
+  itemID?: string | undefined;
+  results?: number | undefined;
+  security?: string | undefined;
+  unselectable?: 'on' | 'off' | undefined;
+
+  // Living Standard
+  /**
+   * Hints at the type of data that might be entered by the user while editing the element or its contents
+   * @see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute
+   */
+  inputMode?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search' | undefined;
+  /**
+   * Specify that a standard HTML element should behave like a defined custom built-in element
+   * @see https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is
+   */
+  is?: string | undefined;
+}
+
+/**
+ * Detailed HTML props combining class attributes and element-specific attributes
+ */
+type DetailedHTMLProps<E extends HTMLAttributes<T>, T> = ClassAttributes<T> & E;
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { HTMLAttributes, CSSProperties } from "react";
+
+// Component with comprehensive HTML attributes
+const Card: React.FC<{
+  children: React.ReactNode;
+  elevated?: boolean;
+  interactive?: boolean;
+} & HTMLAttributes<HTMLDivElement>> = ({ 
+  children, 
+  elevated = false, 
+  interactive = false,
+  className,
+  style,
+  ...htmlProps 
+}) => {
+  const cardStyle: CSSProperties = {
+    padding: '16px',
+    borderRadius: '8px',
+    border: '1px solid #e0e0e0',
+    boxShadow: elevated ? '0 4px 8px rgba(0,0,0,0.1)' : undefined,
+    cursor: interactive ? 'pointer' : undefined,
+    transition: 'all 0.2s ease',
+    ...style
+  };
+
+  return (
+    <div
+      className={`card ${className || ''}`}
+      style={cardStyle}
+      tabIndex={interactive ? 0 : undefined}
+      role={interactive ? 'button' : undefined}
+      {...htmlProps}
+    >
+      {children}
+    </div>
+  );
+};
+
+// Form component with detailed HTML attributes
+const FormField: React.FC<{
+  label: string;
+  type?: 'text' | 'email' | 'password' | 'tel' | 'url';
+  required?: boolean;
+  error?: string;
+} & Omit<HTMLAttributes<HTMLInputElement>, 'type'>> = ({
+  label,
+  type = 'text',
+  required = false,
+  error,
+  id,
+  className,
+  ...inputProps
+}) => {
+  const fieldId = id || `field-${label.toLowerCase().replace(/\s+/g, '-')}`;
+
+  return (
+    <div className={`form-field ${error ? 'has-error' : ''}`}>
+      <label 
+        htmlFor={fieldId}
+        className="form-label"
+      >
+        {label}
+        {required && <span aria-label="required"> *</span>}
+      </label>
+      
+      <input
+        type={type}
+        id={fieldId}
+        className={`form-input ${className || ''}`}
+        required={required}
+        aria-invalid={error ? 'true' : 'false'}
+        aria-describedby={error ? `${fieldId}-error` : undefined}
+        inputMode={type === 'email' ? 'email' : type === 'tel' ? 'tel' : 'text'}
+        autoCapitalize={type === 'email' ? 'none' : undefined}
+        autoCorrect={type === 'email' ? 'off' : undefined}
+        spellCheck={type === 'email' || type === 'password' ? false : undefined}
+        {...inputProps}
+      />
+      
+      {error && (
+        <div 
+          id={`${fieldId}-error`}
+          className="form-error"
+          role="alert"
+          aria-live="polite"
+        >
+          {error}
+        </div>
+      )}
+    </div>
+  );
+};
+
+// Usage example
+const HTMLAttributesExample: React.FC = () => {
+  const handleCardClick = () => {
+    console.log('Card clicked');
+  };
+
+  const handleKeyDown: React.KeyboardEventHandler<HTMLDivElement> = (event) => {
+    if (event.key === 'Enter' || event.key === ' ') {
+      event.preventDefault();
+      handleCardClick();
+    }
+  };
+
+  return (
+    <div style={{ padding: '16px' }}>
+      <h2>HTML Attributes Example</h2>
+      
+      <Card
+        elevated
+        interactive
+        onClick={handleCardClick}
+        onKeyDown={handleKeyDown}
+        aria-label="Interactive card"
+        data-testid="interactive-card"
+        style={{ marginBottom: '16px' }}
+      >
+        <h3>Interactive Card</h3>
+        <p>This card is clickable and keyboard accessible</p>
+      </Card>
+      
+      <form>
+        <FormField
+          label="Email Address"
+          type="email"
+          required
+          placeholder="your.email@example.com"
+          autoComplete="email"
+        />
+        
+        <FormField
+          label="Phone Number"
+          type="tel"
+          placeholder="+1 (555) 123-4567"
+          autoComplete="tel"
+        />
+        
+        <FormField
+          label="Website"
+          type="url"
+          placeholder="https://example.com"
+          autoComplete="url"
+        />
+      </form>
+    </div>
+  );
+};
+```
+
+### Specific HTML Element Attributes
+
+Detailed attribute interfaces for specific HTML elements.
+
+```typescript { .api }
+/**
+ * Input element attributes
+ */
+interface InputHTMLAttributes<T> extends HTMLAttributes<T> {
+  accept?: string | undefined;
+  alt?: string | undefined;
+  autoComplete?: string | undefined;
+  capture?: boolean | 'user' | 'environment' | undefined;
+  checked?: boolean | undefined;
+  disabled?: boolean | undefined;
+  enterKeyHint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send' | undefined;
+  form?: string | undefined;
+  formAction?: string | undefined;
+  formEncType?: string | undefined;
+  formMethod?: string | undefined;
+  formNoValidate?: boolean | undefined;
+  formTarget?: string | undefined;
+  height?: number | string | undefined;
+  list?: string | undefined;
+  max?: number | string | undefined;
+  maxLength?: number | undefined;
+  min?: number | string | undefined;
+  minLength?: number | undefined;
+  multiple?: boolean | undefined;
+  name?: string | undefined;
+  pattern?: string | undefined;
+  placeholder?: string | undefined;
+  readOnly?: boolean | undefined;
+  required?: boolean | undefined;
+  size?: number | undefined;
+  src?: string | undefined;
+  step?: number | string | undefined;
+  type?: HTMLInputTypeAttribute | undefined;
+  value?: string | ReadonlyArray<string> | number | undefined;
+  width?: number | string | undefined;
+}
+
+/**
+ * Form element attributes
+ */
+interface FormHTMLAttributes<T> extends HTMLAttributes<T> {
+  acceptCharset?: string | undefined;
+  action?: string | undefined;
+  autoComplete?: string | undefined;
+  encType?: string | undefined;
+  method?: string | undefined;
+  name?: string | undefined;
+  noValidate?: boolean | undefined;
+  target?: string | undefined;
+}
+
+/**
+ * Button element attributes
+ */
+interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
+  disabled?: boolean | undefined;
+  form?: string | undefined;
+  formAction?: string | undefined;
+  formEncType?: string | undefined;
+  formMethod?: string | undefined;
+  formNoValidate?: boolean | undefined;
+  formTarget?: string | undefined;
+  name?: string | undefined;
+  type?: 'submit' | 'reset' | 'button' | undefined;
+  value?: string | ReadonlyArray<string> | number | undefined;
+}
+
+/**
+ * Image element attributes
+ */
+interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
+  alt?: string | undefined;
+  crossOrigin?: CrossOrigin;
+  decoding?: 'async' | 'auto' | 'sync' | undefined;
+  height?: number | string | undefined;
+  loading?: 'eager' | 'lazy' | undefined;
+  referrerPolicy?: HTMLAttributeReferrerPolicy | undefined;
+  sizes?: string | undefined;
+  src?: string | undefined;
+  srcSet?: string | undefined;
+  useMap?: string | undefined;
+  width?: number | string | undefined;
+}
+
+/**
+ * Anchor element attributes
+ */
+interface AnchorHTMLAttributes<T> extends HTMLAttributes<T> {
+  download?: any;
+  href?: string | undefined;
+  hrefLang?: string | undefined;
+  media?: string | undefined;
+  ping?: string | undefined;
+  referrerPolicy?: HTMLAttributeReferrerPolicy | undefined;
+  rel?: string | undefined;
+  target?: HTMLAttributeAnchorTarget | undefined;
+  type?: string | undefined;
+}
+
+/**
+ * Video element attributes
+ */
+interface VideoHTMLAttributes<T> extends MediaHTMLAttributes<T> {
+  height?: number | string | undefined;
+  playsInline?: boolean | undefined;
+  poster?: string | undefined;
+  width?: number | string | undefined;
+  disablePictureInPicture?: boolean | undefined;
+  disableRemotePlayback?: boolean | undefined;
+}
+
+/**
+ * Audio element attributes
+ */
+interface AudioHTMLAttributes<T> extends MediaHTMLAttributes<T> {}
+
+/**
+ * Media element attributes (base for audio/video)
+ */
+interface MediaHTMLAttributes<T> extends HTMLAttributes<T> {
+  autoPlay?: boolean | undefined;
+  controls?: boolean | undefined;
+  controlsList?: string | undefined;
+  crossOrigin?: CrossOrigin;
+  loop?: boolean | undefined;
+  mediaGroup?: string | undefined;
+  muted?: boolean | undefined;
+  preload?: string | undefined;
+  src?: string | undefined;
+}
+
+/**
+ * Select element attributes
+ */
+interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
+  autoComplete?: string | undefined;
+  disabled?: boolean | undefined;
+  form?: string | undefined;
+  multiple?: boolean | undefined;
+  name?: string | undefined;
+  required?: boolean | undefined;
+  size?: number | undefined;
+  value?: string | ReadonlyArray<string> | number | undefined;
+}
+
+/**
+ * Textarea element attributes
+ */
+interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
+  autoComplete?: string | undefined;
+  cols?: number | undefined;
+  dirName?: string | undefined;
+  disabled?: boolean | undefined;
+  form?: string | undefined;
+  maxLength?: number | undefined;
+  minLength?: number | undefined;
+  name?: string | undefined;
+  placeholder?: string | undefined;
+  readOnly?: boolean | undefined;
+  required?: boolean | undefined;
+  rows?: number | undefined;
+  value?: string | ReadonlyArray<string> | number | undefined;
+  wrap?: string | undefined;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { 
+  InputHTMLAttributes, 
+  FormHTMLAttributes, 
+  ButtonHTMLAttributes,
+  ImgHTMLAttributes,
+  VideoHTMLAttributes,
+  useState 
+} from "react";
+
+// Advanced form with typed attributes
+const ContactForm: React.FC = () => {
+  const [formData, setFormData] = useState({
+    name: '',
+    email: '',
+    message: '',
+    newsletter: false,
+    priority: 'medium' as 'low' | 'medium' | 'high'
+  });
+
+  const handleSubmit: React.FormEventHandler<HTMLFormElement> = (event) => {
+    event.preventDefault();
+    console.log('Form submitted:', formData);
+  };
+
+  const inputProps: InputHTMLAttributes<HTMLInputElement> = {
+    required: true,
+    autoComplete: 'on',
+    spellCheck: true
+  };
+
+  const formProps: FormHTMLAttributes<HTMLFormElement> = {
+    onSubmit: handleSubmit,
+    noValidate: false,
+    autoComplete: 'on'
+  };
+
+  return (
+    <form {...formProps} style={{ maxWidth: '400px', margin: '16px' }}>
+      <h2>Contact Form</h2>
+      
+      <div style={{ marginBottom: '16px' }}>
+        <label htmlFor="name">Full Name</label>
+        <input
+          id="name"
+          type="text"
+          value={formData.name}
+          onChange={(e) => setFormData(prev => ({ ...prev, name: e.target.value }))}
+          autoComplete="name"
+          placeholder="Enter your full name"
+          minLength={2}
+          maxLength={50}
+          {...inputProps}
+        />
+      </div>
+
+      <div style={{ marginBottom: '16px' }}>
+        <label htmlFor="email">Email Address</label>
+        <input
+          id="email"
+          type="email"
+          value={formData.email}
+          onChange={(e) => setFormData(prev => ({ ...prev, email: e.target.value }))}
+          autoComplete="email"
+          placeholder="your.email@example.com"
+          {...inputProps}
+        />
+      </div>
+
+      <div style={{ marginBottom: '16px' }}>
+        <label htmlFor="priority">Priority</label>
+        <select
+          id="priority"
+          value={formData.priority}
+          onChange={(e) => setFormData(prev => ({ 
+            ...prev, 
+            priority: e.target.value as 'low' | 'medium' | 'high'
+          }))}
+          required
+        >
+          <option value="low">Low</option>
+          <option value="medium">Medium</option>
+          <option value="high">High</option>
+        </select>
+      </div>
+
+      <div style={{ marginBottom: '16px' }}>
+        <label htmlFor="message">Message</label>
+        <textarea
+          id="message"
+          value={formData.message}
+          onChange={(e) => setFormData(prev => ({ ...prev, message: e.target.value }))}
+          placeholder="Enter your message..."
+          rows={4}
+          cols={50}
+          minLength={10}
+          maxLength={500}
+          required
+        />
+      </div>
+
+      <div style={{ marginBottom: '16px' }}>
+        <label>
+          <input
+            type="checkbox"
+            checked={formData.newsletter}
+            onChange={(e) => setFormData(prev => ({ ...prev, newsletter: e.target.checked }))}
+          />
+          Subscribe to newsletter
+        </label>
+      </div>
+
+      <button
+        type="submit"
+        disabled={!formData.name || !formData.email || !formData.message}
+      >
+        Send Message
+      </button>
+    </form>
+  );
+};
+
+// Media component with comprehensive attributes
+const MediaGallery: React.FC = () => {
+  const imageProps: ImgHTMLAttributes<HTMLImageElement> = {
+    loading: 'lazy',
+    decoding: 'async',
+    crossOrigin: 'anonymous',
+    referrerPolicy: 'no-referrer-when-downgrade'
+  };
+
+  const videoProps: VideoHTMLAttributes<HTMLVideoElement> = {
+    controls: true,
+    preload: 'metadata',
+    playsInline: true,
+    disablePictureInPicture: false,
+    crossOrigin: 'anonymous'
+  };
+
+  return (
+    <div style={{ padding: '16px' }}>
+      <h2>Media Gallery</h2>
+      
+      <div style={{ marginBottom: '24px' }}>
+        <h3>Images</h3>
+        <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(200px, 1fr))', gap: '16px' }}>
+          <img
+            src="https://picsum.photos/300/200?random=1"
+            alt="Random image 1"
+            width={300}
+            height={200}
+            sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
+            srcSet="
+              https://picsum.photos/300/200?random=1 300w,
+              https://picsum.photos/600/400?random=1 600w,
+              https://picsum.photos/900/600?random=1 900w
+            "
+            {...imageProps}
+          />
+          
+          <img
+            src="https://picsum.photos/300/200?random=2"
+            alt="Random image 2"
+            width={300}
+            height={200}
+            {...imageProps}
+          />
+        </div>
+      </div>
+
+      <div>
+        <h3>Videos</h3>
+        <video
+          src="https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4"
+          width={400}
+          height={300}
+          poster="https://picsum.photos/400/300?random=3"
+          {...videoProps}
+        >
+          <source src="https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" type="video/mp4" />
+          Your browser does not support the video tag.
+        </video>
+      </div>
+    </div>
+  );
+};
+```
+
+### SVG Attributes
+
+Complete SVG element attributes for scalable vector graphics.
+
+```typescript { .api }
+/**
+ * SVG attributes interface
+ */
+interface SVGAttributes<T> extends AriaAttributes, DOMAttributes<T> {
+  // SVG Attributes
+  className?: string | undefined;
+  color?: string | undefined;
+  height?: number | string | undefined;
+  id?: string | undefined;
+  lang?: string | undefined;
+  max?: number | string | undefined;
+  media?: string | undefined;
+  method?: string | undefined;
+  min?: number | string | undefined;
+  name?: string | undefined;
+  style?: CSSProperties | undefined;
+  target?: string | undefined;
+  type?: string | undefined;
+  width?: number | string | undefined;
+
+  // Other HTML properties supported by SVG elements in browsers
+  role?: AriaRole | undefined;
+  tabIndex?: number | undefined;
+  crossOrigin?: CrossOrigin;
+
+  // SVG Specific attributes
+  accentHeight?: number | string | undefined;
+  accumulate?: "none" | "sum" | undefined;
+  additive?: "replace" | "sum" | undefined;
+  alignmentBaseline?: "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" |
+    "text-after-edge" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "inherit" | undefined;
+  allowReorder?: "no" | "yes" | undefined;
+  alphabetic?: number | string | undefined;
+  amplitude?: number | string | undefined;
+  arabicForm?: "initial" | "medial" | "terminal" | "isolated" | undefined;
+  ascent?: number | string | undefined;
+  attributeName?: string | undefined;
+  attributeType?: string | undefined;
+  autoReverse?: Booleanish | undefined;
+  azimuth?: number | string | undefined;
+  baseFrequency?: number | string | undefined;
+  baselineShift?: number | string | undefined;
+  baseProfile?: string | undefined;
+  bbox?: string | undefined;
+  begin?: string | undefined;
+  bias?: number | string | undefined;
+  by?: number | string | undefined;
+  calcMode?: number | string | undefined;
+  capHeight?: number | string | undefined;
+  clip?: number | string | undefined;
+  clipPath?: string | undefined;
+  clipPathUnits?: number | string | undefined;
+  clipRule?: number | string | undefined;
+  colorInterpolation?: number | string | undefined;
+  colorInterpolationFilters?: "auto" | "sRGB" | "linearRGB" | "inherit" | undefined;
+  colorProfile?: number | string | undefined;
+  colorRendering?: number | string | undefined;
+  contentScriptType?: number | string | undefined;
+  contentStyleType?: number | string | undefined;
+  cursor?: number | string | undefined;
+  cx?: number | string | undefined;
+  cy?: number | string | undefined;
+  d?: string | undefined;
+  decelerate?: number | string | undefined;
+  descent?: number | string | undefined;
+  diffuseConstant?: number | string | undefined;
+  direction?: number | string | undefined;
+  display?: number | string | undefined;
+  divisor?: number | string | undefined;
+  dominantBaseline?: number | string | undefined;
+  dur?: number | string | undefined;
+  dx?: number | string | undefined;
+  dy?: number | string | undefined;
+  edgeMode?: number | string | undefined;
+  elevation?: number | string | undefined;
+  enableBackground?: number | string | undefined;
+  end?: number | string | undefined;
+  exponent?: number | string | undefined;
+  externalResourcesRequired?: Booleanish | undefined;
+  fill?: string | undefined;
+  fillOpacity?: number | string | undefined;
+  fillRule?: "nonzero" | "evenodd" | "inherit" | undefined;
+  filter?: string | undefined;
+  filterRes?: number | string | undefined;
+  filterUnits?: number | string | undefined;
+  floodColor?: number | string | undefined;
+  floodOpacity?: number | string | undefined;
+  focusable?: Booleanish | "auto" | undefined;
+  fontFamily?: string | undefined;
+  fontSize?: number | string | undefined;
+  fontSizeAdjust?: number | string | undefined;
+  fontStretch?: number | string | undefined;
+  fontStyle?: number | string | undefined;
+  fontVariant?: number | string | undefined;
+  fontWeight?: number | string | undefined;
+  format?: number | string | undefined;
+  fr?: number | string | undefined;
+  from?: number | string | undefined;
+  fx?: number | string | undefined;
+  fy?: number | string | undefined;
+  g1?: number | string | undefined;
+  g2?: number | string | undefined;
+  glyphName?: number | string | undefined;
+  glyphOrientationHorizontal?: number | string | undefined;
+  glyphOrientationVertical?: number | string | undefined;
+  glyphRef?: number | string | undefined;
+  gradientTransform?: string | undefined;
+  gradientUnits?: string | undefined;
+  hanging?: number | string | undefined;
+  horizAdvX?: number | string | undefined;
+  horizOriginX?: number | string | undefined;
+  href?: string | undefined;
+  ideographic?: number | string | undefined;
+  imageRendering?: number | string | undefined;
+  in2?: number | string | undefined;
+  in?: string | undefined;
+  intercept?: number | string | undefined;
+  k1?: number | string | undefined;
+  k2?: number | string | undefined;
+  k3?: number | string | undefined;
+  k4?: number | string | undefined;
+  k?: number | string | undefined;
+  kernelMatrix?: number | string | undefined;
+  kernelUnitLength?: number | string | undefined;
+  kerning?: number | string | undefined;
+  keyPoints?: number | string | undefined;
+  keySplines?: number | string | undefined;
+  keyTimes?: number | string | undefined;
+  lengthAdjust?: number | string | undefined;
+  letterSpacing?: number | string | undefined;
+  lightingColor?: number | string | undefined;
+  limitingConeAngle?: number | string | undefined;
+  local?: number | string | undefined;
+  markerEnd?: string | undefined;
+  markerHeight?: number | string | undefined;
+  markerMid?: string | undefined;
+  markerStart?: string | undefined;
+  markerUnits?: number | string | undefined;
+  markerWidth?: number | string | undefined;
+  mask?: string | undefined;
+  maskContentUnits?: number | string | undefined;
+  maskUnits?: number | string | undefined;
+  mathematical?: number | string | undefined;
+  mode?: number | string | undefined;
+  numOctaves?: number | string | undefined;
+  offset?: number | string | undefined;
+  opacity?: number | string | undefined;
+  operator?: number | string | undefined;
+  order?: number | string | undefined;
+  orient?: number | string | undefined;
+  orientation?: number | string | undefined;
+  origin?: number | string | undefined;
+  overflow?: number | string | undefined;
+  overlinePosition?: number | string | undefined;
+  overlineThickness?: number | string | undefined;
+  paintOrder?: number | string | undefined;
+  panose1?: number | string | undefined;
+  path?: string | undefined;
+  pathLength?: number | string | undefined;
+  patternContentUnits?: string | undefined;
+  patternTransform?: number | string | undefined;
+  patternUnits?: string | undefined;
+  pointerEvents?: number | string | undefined;
+  points?: string | undefined;
+  pointsAtX?: number | string | undefined;
+  pointsAtY?: number | string | undefined;
+  pointsAtZ?: number | string | undefined;
+  preserveAlpha?: Booleanish | undefined;
+  preserveAspectRatio?: string | undefined;
+  primitiveUnits?: number | string | undefined;
+  r?: number | string | undefined;
+  radius?: number | string | undefined;
+  refX?: number | string | undefined;
+  refY?: number | string | undefined;
+  renderingIntent?: number | string | undefined;
+  repeatCount?: number | string | undefined;
+  repeatDur?: number | string | undefined;
+  requiredExtensions?: number | string | undefined;
+  requiredFeatures?: number | string | undefined;
+  restart?: number | string | undefined;
+  result?: string | undefined;
+  rotate?: number | string | undefined;
+  rx?: number | string | undefined;
+  ry?: number | string | undefined;
+  scale?: number | string | undefined;
+  seed?: number | string | undefined;
+  shapeRendering?: number | string | undefined;
+  slope?: number | string | undefined;
+  spacing?: number | string | undefined;
+  specularConstant?: number | string | undefined;
+  specularExponent?: number | string | undefined;
+  speed?: number | string | undefined;
+  spreadMethod?: string | undefined;
+  startOffset?: number | string | undefined;
+  stdDeviation?: number | string | undefined;
+  stemh?: number | string | undefined;
+  stemv?: number | string | undefined;
+  stitchTiles?: number | string | undefined;
+  stopColor?: string | undefined;
+  stopOpacity?: number | string | undefined;
+  strikethroughPosition?: number | string | undefined;
+  strikethroughThickness?: number | string | undefined;
+  string?: number | string | undefined;
+  stroke?: string | undefined;
+  strokeDasharray?: string | number | undefined;
+  strokeDashoffset?: string | number | undefined;
+  strokeLinecap?: "butt" | "round" | "square" | "inherit" | undefined;
+  strokeLinejoin?: "miter" | "round" | "bevel" | "inherit" | undefined;
+  strokeMiterlimit?: number | string | undefined;
+  strokeOpacity?: number | string | undefined;
+  strokeWidth?: number | string | undefined;
+  surfaceScale?: number | string | undefined;
+  systemLanguage?: number | string | undefined;
+  tableValues?: number | string | undefined;
+  targetX?: number | string | undefined;
+  targetY?: number | string | undefined;
+  textAnchor?: string | undefined;
+  textDecoration?: number | string | undefined;
+  textLength?: number | string | undefined;
+  textRendering?: number | string | undefined;
+  to?: number | string | undefined;
+  transform?: string | undefined;
+  u1?: number | string | undefined;
+  u2?: number | string | undefined;
+  underlinePosition?: number | string | undefined;
+  underlineThickness?: number | string | undefined;
+  unicode?: number | string | undefined;
+  unicodeBidi?: number | string | undefined;
+  unicodeRange?: number | string | undefined;
+  unitsPerEm?: number | string | undefined;
+  vAlphabetic?: number | string | undefined;
+  values?: string | undefined;
+  vectorEffect?: number | string | undefined;
+  version?: string | undefined;
+  vertAdvY?: number | string | undefined;
+  vertOriginX?: number | string | undefined;
+  vertOriginY?: number | string | undefined;
+  vHanging?: number | string | undefined;
+  vIdeographic?: number | string | undefined;
+  viewBox?: string | undefined;
+  viewTarget?: number | string | undefined;
+  visibility?: number | string | undefined;
+  vMathematical?: number | string | undefined;
+  wordSpacing?: number | string | undefined;
+  writingMode?: number | string | undefined;
+  x1?: number | string | undefined;
+  x2?: number | string | undefined;
+  x?: number | string | undefined;
+  xChannelSelector?: string | undefined;
+  xHeight?: number | string | undefined;
+  xlinkActuate?: string | undefined;
+  xlinkArcrole?: string | undefined;
+  xlinkHref?: string | undefined;
+  xlinkRole?: string | undefined;
+  xlinkShow?: string | undefined;
+  xlinkTitle?: string | undefined;
+  xlinkType?: string | undefined;
+  xmlBase?: string | undefined;
+  xmlLang?: string | undefined;
+  xmlns?: string | undefined;
+  xmlnsXlink?: string | undefined;
+  xmlSpace?: string | undefined;
+  y1?: number | string | undefined;
+  y2?: number | string | undefined;
+  y?: number | string | undefined;
+  yChannelSelector?: string | undefined;
+  z?: number | string | undefined;
+  zoomAndPan?: string | undefined;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { SVGAttributes } from "react";
+
+// SVG Icon Component
+const Icon: React.FC<{
+  name: string;
+  size?: number;
+  color?: string;
+} & SVGAttributes<SVGSVGElement>> = ({ 
+  name, 
+  size = 24, 
+  color = 'currentColor',
+  ...svgProps 
+}) => {
+  const iconPaths: Record<string, string> = {
+    heart: "M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z",
+    star: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z",
+    check: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
+  };
+
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      aria-hidden="true"
+      focusable="false"
+      {...svgProps}
+    >
+      <path d={iconPaths[name]} fill={name === 'heart' ? color : 'none'} />
+    </svg>
+  );
+};
+
+// Complex SVG Chart Component
+const BarChart: React.FC<{
+  data: Array<{ label: string; value: number }>;
+  width?: number;
+  height?: number;
+  color?: string;
+}> = ({ data, width = 400, height = 200, color = '#3b82f6' }) => {
+  const maxValue = Math.max(...data.map(d => d.value));
+  const barWidth = (width - 60) / data.length - 10;
+  const chartHeight = height - 60;
+
+  return (
+    <svg
+      width={width}
+      height={height}
+      viewBox={`0 0 ${width} ${height}`}
+      style={{ border: '1px solid #e5e7eb' }}
+      aria-labelledby="chart-title"
+      role="img"
+    >
+      <title id="chart-title">Bar chart showing data values</title>
+      
+      {/* Grid lines */}
+      <g stroke="#e5e7eb" strokeWidth={1}>
+        {[0, 0.25, 0.5, 0.75, 1].map(ratio => (
+          <line
+            key={ratio}
+            x1={50}
+            y1={30 + chartHeight * ratio}
+            x2={width - 10}
+            y2={30 + chartHeight * ratio}
+            strokeDasharray="3,3"
+          />
+        ))}
+      </g>
+
+      {/* Bars */}
+      <g>
+        {data.map((item, index) => {
+          const barHeight = (item.value / maxValue) * chartHeight;
+          const x = 60 + index * (barWidth + 10);
+          const y = 30 + chartHeight - barHeight;
+          
+          return (
+            <g key={item.label}>
+              <rect
+                x={x}
+                y={y}
+                width={barWidth}
+                height={barHeight}
+                fill={color}
+                stroke="none"
+                rx={2}
+              />
+              <text
+                x={x + barWidth / 2}
+                y={height - 20}
+                textAnchor="middle"
+                fontSize={12}
+                fill="#374151"
+              >
+                {item.label}
+              </text>
+              <text
+                x={x + barWidth / 2}
+                y={y - 5}
+                textAnchor="middle"
+                fontSize={10}
+                fill="#374151"
+              >
+                {item.value}
+              </text>
+            </g>
+          );
+        })}
+      </g>
+
+      {/* Y-axis labels */}
+      <g>
+        {[0, 0.25, 0.5, 0.75, 1].map(ratio => (
+          <text
+            key={ratio}
+            x={40}
+            y={35 + chartHeight * (1 - ratio)}
+            textAnchor="end"
+            fontSize={10}
+            fill="#6b7280"
+          >
+            {Math.round(maxValue * ratio)}
+          </text>
+        ))}
+      </g>
+    </svg>
+  );
+};
+
+// SVG Usage Example
+const SVGExample: React.FC = () => {
+  const chartData = [
+    { label: 'Jan', value: 65 },
+    { label: 'Feb', value: 78 },
+    { label: 'Mar', value: 42 },
+    { label: 'Apr', value: 89 },
+    { label: 'May', value: 95 }
+  ];
+
+  return (
+    <div style={{ padding: '16px' }}>
+      <h2>SVG Components Example</h2>
+      
+      <div style={{ marginBottom: '24px' }}>
+        <h3>Icons</h3>
+        <div style={{ display: 'flex', gap: '16px', alignItems: 'center' }}>
+          <Icon name="heart" size={32} color="#ef4444" />
+          <Icon name="star" size={32} color="#fbbf24" />
+          <Icon name="check" size={32} color="#10b981" />
+        </div>
+      </div>
+
+      <div>
+        <h3>Chart</h3>
+        <BarChart data={chartData} />
+      </div>
+    </div>
+  );
+};
+```
+
+## Types
+
+### DOM Type Definitions
+
+```typescript { .api }
+// CSS Properties (from csstype)
+interface CSSProperties extends CSS.Properties<string | number> {
+  /**
+   * The index signature was removed to enable closed typing for style
+   * using CSSType. You're able to use type assertion or module augmentation
+   * to add properties or an index signature of your own.
+   *
+   * For examples and more information, visit:
+   * https://github.com/frenic/csstype#what-should-i-do-when-i-get-type-errors
+   */
+}
+
+// Common attribute types
+type Booleanish = boolean | 'true' | 'false';
+type CrossOrigin = 'anonymous' | 'use-credentials' | '' | undefined;
+
+// HTML Input types
+type HTMLInputTypeAttribute =
+  | 'button'
+  | 'checkbox'
+  | 'color'
+  | 'date'
+  | 'datetime-local'
+  | 'email'
+  | 'file'
+  | 'hidden'
+  | 'image'
+  | 'month'
+  | 'number'
+  | 'password'
+  | 'radio'
+  | 'range'
+  | 'reset'
+  | 'search'
+  | 'submit'
+  | 'tel'
+  | 'text'
+  | 'time'
+  | 'url'
+  | 'week';
+
+// HTML attribute types
+type HTMLAttributeReferrerPolicy =
+  | ''
+  | 'no-referrer'
+  | 'no-referrer-when-downgrade'
+  | 'origin'
+  | 'origin-when-cross-origin'
+  | 'same-origin'
+  | 'strict-origin'
+  | 'strict-origin-when-cross-origin'
+  | 'unsafe-url';
+
+type HTMLAttributeAnchorTarget = '_self' | '_blank' | '_parent' | '_top' | (string & {});
+
+// ARIA Role type
+type AriaRole =
+  | 'alert'
+  | 'alertdialog'
+  | 'application'
+  | 'article'
+  | 'banner'
+  | 'button'
+  | 'cell'
+  | 'checkbox'
+  | 'columnheader'
+  | 'combobox'
+  | 'complementary'
+  | 'contentinfo'
+  | 'definition'
+  | 'dialog'
+  | 'directory'
+  | 'document'
+  | 'feed'
+  | 'figure'
+  | 'form'
+  | 'grid'
+  | 'gridcell'
+  | 'group'
+  | 'heading'
+  | 'img'
+  | 'link'
+  | 'list'
+  | 'listbox'
+  | 'listitem'
+  | 'log'
+  | 'main'
+  | 'marquee'
+  | 'math'
+  | 'menu'
+  | 'menubar'
+  | 'menuitem'
+  | 'menuitemcheckbox'
+  | 'menuitemradio'
+  | 'navigation'
+  | 'none'
+  | 'note'
+  | 'option'
+  | 'presentation'
+  | 'progressbar'
+  | 'radio'
+  | 'radiogroup'
+  | 'region'
+  | 'row'
+  | 'rowgroup'
+  | 'rowheader'
+  | 'scrollbar'
+  | 'search'
+  | 'searchbox'
+  | 'separator'
+  | 'slider'
+  | 'spinbutton'
+  | 'status'
+  | 'switch'
+  | 'tab'
+  | 'table'
+  | 'tablist'
+  | 'tabpanel'
+  | 'term'
+  | 'textbox'
+  | 'timer'
+  | 'toolbar'
+  | 'tooltip'
+  | 'tree'
+  | 'treegrid'
+  | 'treeitem'
+  | (string & {});
+
+// React HTML and SVG element types
+interface ReactHTML {
+  a: DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
+  abbr: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  address: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  area: DetailedHTMLProps<AreaHTMLAttributes<HTMLAreaElement>, HTMLAreaElement>;
+  article: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  aside: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  audio: DetailedHTMLProps<AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>;
+  b: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  base: DetailedHTMLProps<BaseHTMLAttributes<HTMLBaseElement>, HTMLBaseElement>;
+  bdi: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  bdo: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  big: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  blockquote: DetailedHTMLProps<BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>;
+  body: DetailedHTMLProps<HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>;
+  br: DetailedHTMLProps<HTMLAttributes<HTMLBRElement>, HTMLBRElement>;
+  button: DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
+  canvas: DetailedHTMLProps<CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>;
+  caption: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  center: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  cite: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  code: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  col: DetailedHTMLProps<ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>;
+  colgroup: DetailedHTMLProps<ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>;
+  data: DetailedHTMLProps<DataHTMLAttributes<HTMLDataElement>, HTMLDataElement>;
+  datalist: DetailedHTMLProps<HTMLAttributes<HTMLDataListElement>, HTMLDataListElement>;
+  dd: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  del: DetailedHTMLProps<DelHTMLAttributes<HTMLModElement>, HTMLModElement>;
+  details: DetailedHTMLProps<DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>;
+  dfn: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  dialog: DetailedHTMLProps<DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>;
+  div: DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+  dl: DetailedHTMLProps<HTMLAttributes<HTMLDListElement>, HTMLDListElement>;
+  dt: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  em: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  embed: DetailedHTMLProps<EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement>;
+  fieldset: DetailedHTMLProps<FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>;
+  figcaption: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  figure: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  footer: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  form: DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>;
+  h1: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
+  h2: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
+  h3: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
+  h4: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
+  h5: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
+  h6: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
+  head: DetailedHTMLProps<HTMLAttributes<HTMLHeadElement>, HTMLHeadElement>;
+  header: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  hgroup: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  hr: DetailedHTMLProps<HTMLAttributes<HTMLHRElement>, HTMLHRElement>;
+  html: DetailedHTMLProps<HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement>;
+  i: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  iframe: DetailedHTMLProps<IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>;
+  img: DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
+  input: DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+  ins: DetailedHTMLProps<InsHTMLAttributes<HTMLModElement>, HTMLModElement>;
+  kbd: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  keygen: DetailedHTMLProps<KeygenHTMLAttributes<HTMLElement>, HTMLElement>;
+  label: DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>;
+  legend: DetailedHTMLProps<HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>;
+  li: DetailedHTMLProps<LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>;
+  link: DetailedHTMLProps<LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement>;
+  main: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  map: DetailedHTMLProps<MapHTMLAttributes<HTMLMapElement>, HTMLMapElement>;
+  mark: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  menu: DetailedHTMLProps<MenuHTMLAttributes<HTMLElement>, HTMLElement>;
+  menuitem: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  meta: DetailedHTMLProps<MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement>;
+  meter: DetailedHTMLProps<MeterHTMLAttributes<HTMLMeterElement>, HTMLMeterElement>;
+  nav: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  noindex: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  noscript: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  object: DetailedHTMLProps<ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement>;
+  ol: DetailedHTMLProps<OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>;
+  optgroup: DetailedHTMLProps<OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>;
+  option: DetailedHTMLProps<OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>;
+  output: DetailedHTMLProps<OutputHTMLAttributes<HTMLOutputElement>, HTMLOutputElement>;
+  p: DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>;
+  param: DetailedHTMLProps<ParamHTMLAttributes<HTMLParamElement>, HTMLParamElement>;
+  picture: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  pre: DetailedHTMLProps<HTMLAttributes<HTMLPreElement>, HTMLPreElement>;
+  progress: DetailedHTMLProps<ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement>;
+  q: DetailedHTMLProps<QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>;
+  rp: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  rt: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  ruby: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  s: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  samp: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  slot: DetailedHTMLProps<SlotHTMLAttributes<HTMLSlotElement>, HTMLSlotElement>;
+  script: DetailedHTMLProps<ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement>;
+  section: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  select: DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>;
+  small: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  source: DetailedHTMLProps<SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement>;
+  span: DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>;
+  strong: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  style: DetailedHTMLProps<StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>;
+  sub: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  summary: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  sup: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  table: DetailedHTMLProps<TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>;
+  template: DetailedHTMLProps<HTMLAttributes<HTMLTemplateElement>, HTMLTemplateElement>;
+  tbody: DetailedHTMLProps<HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>;
+  td: DetailedHTMLProps<TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>;
+  textarea: DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>;
+  tfoot: DetailedHTMLProps<HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>;
+  th: DetailedHTMLProps<ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>;
+  thead: DetailedHTMLProps<HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>;
+  time: DetailedHTMLProps<TimeHTMLAttributes<HTMLTimeElement>, HTMLTimeElement>;
+  title: DetailedHTMLProps<HTMLAttributes<HTMLTitleElement>, HTMLTitleElement>;
+  tr: DetailedHTMLProps<HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>;
+  track: DetailedHTMLProps<TrackHTMLAttributes<HTMLTrackElement>, HTMLTrackElement>;
+  u: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  ul: DetailedHTMLProps<HTMLAttributes<HTMLUListElement>, HTMLUListElement>;
+  var: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  video: DetailedHTMLProps<VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>;
+  wbr: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+  webview: DetailedHTMLProps<WebViewHTMLAttributes<HTMLWebViewElement>, HTMLWebViewElement>;
+}
+
+interface ReactSVG {
+  animate: SVGProps<SVGElement>;
+  animateMotion: SVGProps<SVGElement>;
+  animateTransform: SVGProps<SVGElement>;
+  circle: SVGProps<SVGCircleElement>;
+  clipPath: SVGProps<SVGClipPathElement>;
+  defs: SVGProps<SVGDefsElement>;
+  desc: SVGProps<SVGDescElement>;
+  ellipse: SVGProps<SVGEllipseElement>;
+  feBlend: SVGProps<SVGFEBlendElement>;
+  feColorMatrix: SVGProps<SVGFEColorMatrixElement>;
+  feComponentTransfer: SVGProps<SVGFEComponentTransferElement>;
+  feComposite: SVGProps<SVGFECompositeElement>;
+  feConvolveMatrix: SVGProps<SVGFEConvolveMatrixElement>;
+  feDiffuseLighting: SVGProps<SVGFEDiffuseLightingElement>;
+  feDisplacementMap: SVGProps<SVGFEDisplacementMapElement>;
+  feDistantLight: SVGProps<SVGFEDistantLightElement>;
+  feDropShadow: SVGProps<SVGFEDropShadowElement>;
+  feFlood: SVGProps<SVGFEFloodElement>;
+  feFuncA: SVGProps<SVGFEFuncAElement>;
+  feFuncB: SVGProps<SVGFEFuncBElement>;
+  feFuncG: SVGProps<SVGFEFuncGElement>;
+  feFuncR: SVGProps<SVGFEFuncRElement>;
+  feGaussianBlur: SVGProps<SVGFEGaussianBlurElement>;
+  feImage: SVGProps<SVGFEImageElement>;
+  feMerge: SVGProps<SVGFEMergeElement>;
+  feMergeNode: SVGProps<SVGFEMergeNodeElement>;
+  feMorphology: SVGProps<SVGFEMorphologyElement>;
+  feOffset: SVGProps<SVGFEOffsetElement>;
+  fePointLight: SVGProps<SVGFEPointLightElement>;
+  feSpecularLighting: SVGProps<SVGFESpecularLightingElement>;
+  feSpotLight: SVGProps<SVGFESpotLightElement>;
+  feTile: SVGProps<SVGFETileElement>;
+  feTurbulence: SVGProps<SVGFETurbulenceElement>;
+  filter: SVGProps<SVGFilterElement>;
+  foreignObject: SVGProps<SVGForeignObjectElement>;
+  g: SVGProps<SVGGElement>;
+  image: SVGProps<SVGImageElement>;
+  line: SVGProps<SVGLineElement>;
+  linearGradient: SVGProps<SVGLinearGradientElement>;
+  marker: SVGProps<SVGMarkerElement>;
+  mask: SVGProps<SVGMaskElement>;
+  metadata: SVGProps<SVGMetadataElement>;
+  mpath: SVGProps<SVGElement>;
+  path: SVGProps<SVGPathElement>;
+  pattern: SVGProps<SVGPatternElement>;
+  polygon: SVGProps<SVGPolygonElement>;
+  polyline: SVGProps<SVGPolylineElement>;
+  radialGradient: SVGProps<SVGRadialGradientElement>;
+  rect: SVGProps<SVGRectElement>;
+  stop: SVGProps<SVGStopElement>;
+  style: SVGProps<SVGStyleElement>;
+  svg: SVGProps<SVGSVGElement>;
+  switch: SVGProps<SVGSwitchElement>;
+  symbol: SVGProps<SVGSymbolElement>;
+  text: SVGProps<SVGTextElement>;
+  textPath: SVGProps<SVGTextPathElement>;
+  tspan: SVGProps<SVGTSpanElement>;
+  use: SVGProps<SVGUseElement>;
+  view: SVGProps<SVGViewElement>;
+}
+
+// SVG props convenience type
+type SVGProps<T> = ClassAttributes<T> & SVGAttributes<T>;
+
+// React element types
+type ReactHTMLElement<T extends keyof ReactHTML> = DetailedReactHTMLElement<
+  ComponentPropsWithoutRef<ReactHTML[T]['type']>,
+  T extends keyof HTMLElementTagNameMap ? HTMLElementTagNameMap[T] : Element
+>;
+
+interface DetailedReactHTMLElement<P extends HTMLAttributes<T>, T extends HTMLElement> extends DOMElement<P, T> {
+  type: keyof ReactHTML;
+}
+
+interface ReactSVGElement extends DOMElement<SVGAttributes<SVGElement>, SVGElement> {
+  type: keyof ReactSVG;
+}
+
+interface DOMElement<P extends HTMLAttributes<T> | SVGAttributes<T>, T extends Element> extends ReactElement<P, string> {
+  ref: LegacyRef<T>;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-types--react/docs/events.md b/.tessl/tiles/tessl/npm-types--react/docs/events.md
new file mode 100644
index 000000000..e232f797d
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-types--react/docs/events.md
@@ -0,0 +1,906 @@
+# Event System
+
+Comprehensive synthetic event types and event handler interfaces for all DOM events with React-specific enhancements. React's SyntheticEvent system provides consistent behavior across browsers while maintaining full type safety.
+
+## Capabilities
+
+### Base Synthetic Events
+
+Core synthetic event interfaces that wrap native DOM events.
+
+```typescript { .api }
+/**
+ * Base interface for all synthetic events
+ */
+interface BaseSyntheticEvent<E = object, C = any, T = any> {
+  nativeEvent: E;
+  currentTarget: C;
+  target: T;
+  bubbles: boolean;
+  cancelable: boolean;
+  defaultPrevented: boolean;
+  eventPhase: number;
+  isTrusted: boolean;
+  preventDefault(): void;
+  isDefaultPrevented(): boolean;
+  stopPropagation(): void;
+  isPropagationStopped(): boolean;
+  persist(): void;
+  timeStamp: number;
+  type: string;
+}
+
+/**
+ * Main SyntheticEvent interface
+ */
+interface SyntheticEvent<T = Element, E = Event> extends BaseSyntheticEvent<E, EventTarget & T, EventTarget> {}
+
+/**
+ * Generic event handler type
+ */
+type EventHandler<E extends SyntheticEvent<any>> = { bivarianceHack(event: E): void }["bivarianceHack"];
+
+/**
+ * React event handler for any element
+ */
+type ReactEventHandler<T = Element> = EventHandler<SyntheticEvent<T>>;
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { SyntheticEvent, ReactEventHandler } from "react";
+
+const EventExample: React.FC = () => {
+  // Generic event handler
+  const handleGenericEvent: ReactEventHandler = (event) => {
+    event.preventDefault();
+    console.log('Event type:', event.type);
+    console.log('Event target:', event.target);
+    console.log('Current target:', event.currentTarget);
+    console.log('Native event:', event.nativeEvent);
+  };
+
+  // Typed event handler for specific element
+  const handleDivEvent: ReactEventHandler<HTMLDivElement> = (event) => {
+    // event.currentTarget is HTMLDivElement
+    console.log('Div element:', event.currentTarget.className);
+  };
+
+  return (
+    <div>
+      <div onClick={handleDivEvent} className="clickable-div">
+        Click me
+      </div>
+      <button onFocus={handleGenericEvent}>
+        Focus me
+      </button>
+    </div>
+  );
+};
+```
+
+### Mouse Events
+
+Mouse interaction events with complete type definitions.
+
+```typescript { .api }
+/**
+ * Mouse event interface
+ */
+interface MouseEvent<T = Element> extends UIEvent<T, NativeMouseEvent> {
+  altKey: boolean;
+  button: number;
+  buttons: number;
+  clientX: number;
+  clientY: number;
+  ctrlKey: boolean;
+  metaKey: boolean;
+  movementX: number;
+  movementY: number;
+  pageX: number;
+  pageY: number;
+  relatedTarget: EventTarget | null;
+  screenX: number;
+  screenY: number;
+  shiftKey: boolean;
+  getModifierState(key: string): boolean;
+}
+
+/**
+ * Mouse event handler type
+ */
+type MouseEventHandler<T = Element> = EventHandler<MouseEvent<T>>;
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { MouseEvent, MouseEventHandler } from "react";
+
+const MouseEventExample: React.FC = () => {
+  // Button click handler
+  const handleClick: MouseEventHandler<HTMLButtonElement> = (event) => {
+    console.log('Button clicked:', event.button); // 0 = left, 1 = middle, 2 = right
+    console.log('Ctrl key held:', event.ctrlKey);
+    console.log('Click position:', event.clientX, event.clientY);
+    
+    if (event.altKey) {
+      event.preventDefault();
+      console.log('Alt+click detected');
+    }
+  };
+
+  // Mouse movement tracking
+  const handleMouseMove: MouseEventHandler<HTMLDivElement> = (event) => {
+    console.log('Mouse position:', event.pageX, event.pageY);
+    console.log('Movement:', event.movementX, event.movementY);
+  };
+
+  // Context menu
+  const handleContextMenu: MouseEventHandler = (event) => {
+    event.preventDefault(); // Prevent browser context menu
+    console.log('Right click detected');
+  };
+
+  // Double click
+  const handleDoubleClick: MouseEventHandler = (event) => {
+    console.log('Double click at:', event.screenX, event.screenY);
+  };
+
+  return (
+    <div>
+      <button 
+        onClick={handleClick}
+        onContextMenu={handleContextMenu}
+        onDoubleClick={handleDoubleClick}
+      >
+        Multi-function Button
+      </button>
+      
+      <div 
+        onMouseMove={handleMouseMove}
+        style={{ width: 200, height: 200, border: '1px solid black' }}
+      >
+        Move mouse here
+      </div>
+    </div>
+  );
+};
+```
+
+### Keyboard Events
+
+Keyboard input events with key detection and modifier support.
+
+```typescript { .api }
+/**
+ * Keyboard event interface
+ */
+interface KeyboardEvent<T = Element> extends UIEvent<T, NativeKeyboardEvent> {
+  altKey: boolean;
+  /** @deprecated Use `key` instead */
+  charCode: number;
+  ctrlKey: boolean;
+  code: string;
+  key: string;
+  /** @deprecated Use `key` instead */
+  keyCode: number;
+  locale: string;
+  location: number;
+  metaKey: boolean;
+  repeat: boolean;
+  shiftKey: boolean;
+  /** @deprecated Use `key` instead */
+  which: number;
+  getModifierState(key: string): boolean;
+}
+
+/**
+ * Keyboard event handler type
+ */
+type KeyboardEventHandler<T = Element> = EventHandler<KeyboardEvent<T>>;
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { KeyboardEvent, KeyboardEventHandler, useState } from "react";
+
+const KeyboardEventExample: React.FC = () => {
+  const [inputValue, setInputValue] = useState('');
+  
+  // Key press handler
+  const handleKeyDown: KeyboardEventHandler<HTMLInputElement> = (event) => {
+    console.log('Key pressed:', event.key);
+    console.log('Key code:', event.code);
+    
+    // Handle specific keys
+    switch (event.key) {
+      case 'Enter':
+        if (event.ctrlKey) {
+          console.log('Ctrl+Enter pressed');
+          event.preventDefault();
+        }
+        break;
+      case 'Escape':
+        event.currentTarget.blur();
+        break;
+      case 'Tab':
+        if (event.shiftKey) {
+          console.log('Shift+Tab pressed');
+        }
+        break;
+    }
+    
+    // Arrow key navigation
+    if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.key)) {
+      console.log('Arrow key navigation:', event.key);
+    }
+  };
+
+  // Key up handler
+  const handleKeyUp: KeyboardEventHandler<HTMLInputElement> = (event) => {
+    // Check modifier keys
+    const modifiers = [];
+    if (event.ctrlKey) modifiers.push('Ctrl');
+    if (event.shiftKey) modifiers.push('Shift');
+    if (event.altKey) modifiers.push('Alt');
+    if (event.metaKey) modifiers.push('Meta');
+    
+    console.log('Key released:', event.key, 'Modifiers:', modifiers);
+  };
+
+  // Key press (deprecated but still available)
+  const handleKeyPress: KeyboardEventHandler<HTMLInputElement> = (event) => {
+    // Only fired for printable characters
+    console.log('Character input:', event.key);
+  };
+
+  return (
+    <div>
+      <input
+        type="text"
+        value={inputValue}
+        onChange={(e) => setInputValue(e.target.value)}
+        onKeyDown={handleKeyDown}
+        onKeyUp={handleKeyUp}
+        onKeyPress={handleKeyPress}
+        placeholder="Type here to test keyboard events"
+      />
+      <p>Current value: {inputValue}</p>
+    </div>
+  );
+};
+```
+
+### Form Events
+
+Form-related events including input changes and form submissions.
+
+```typescript { .api }
+/**
+ * Generic form event interface
+ */
+interface FormEvent<T = Element> extends SyntheticEvent<T> {}
+
+/**
+ * Form event handler type
+ */
+type FormEventHandler<T = Element> = EventHandler<FormEvent<T>>;
+
+/**
+ * Change event interface for form inputs
+ */
+interface ChangeEvent<T = Element> extends SyntheticEvent<T> {
+  target: EventTarget & T;
+}
+
+/**
+ * Change event handler type
+ */
+type ChangeEventHandler<T = Element> = EventHandler<ChangeEvent<T>>;
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { FormEvent, ChangeEvent, FormEventHandler, ChangeEventHandler, useState } from "react";
+
+interface FormData {
+  name: string;
+  email: string;
+  age: number;
+  subscribe: boolean;
+  country: string;
+}
+
+const FormEventExample: React.FC = () => {
+  const [formData, setFormData] = useState<FormData>({
+    name: '',
+    email: '',
+    age: 0,
+    subscribe: false,
+    country: ''
+  });
+
+  // Form submission
+  const handleSubmit: FormEventHandler<HTMLFormElement> = (event) => {
+    event.preventDefault(); // Prevent default form submission
+    
+    console.log('Form submitted with data:', formData);
+    
+    // Validate form
+    if (!formData.name || !formData.email) {
+      alert('Please fill in required fields');
+      return;
+    }
+    
+    // Process form data
+    console.log('Processing form...', formData);
+  };
+
+  // Text input changes
+  const handleInputChange: ChangeEventHandler<HTMLInputElement> = (event) => {
+    const { name, value, type, checked } = event.target;
+    
+    setFormData(prev => ({
+      ...prev,
+      [name]: type === 'checkbox' ? checked : 
+              type === 'number' ? Number(value) : value
+    }));
+  };
+
+  // Select changes
+  const handleSelectChange: ChangeEventHandler<HTMLSelectElement> = (event) => {
+    setFormData(prev => ({ ...prev, country: event.target.value }));
+  };
+
+  return (
+    <form onSubmit={handleSubmit}>
+      <div>
+        <label>
+          Name (required):
+          <input
+            type="text"
+            name="name"
+            value={formData.name}
+            onChange={handleInputChange}
+            required
+          />
+        </label>
+      </div>
+      
+      <div>
+        <label>
+          Email (required):
+          <input
+            type="email"
+            name="email"
+            value={formData.email}
+            onChange={handleInputChange}
+            required
+          />
+        </label>
+      </div>
+      
+      <div>
+        <label>
+          Age:
+          <input
+            type="number"
+            name="age"
+            value={formData.age}
+            onChange={handleInputChange}
+            min="0"
+            max="120"
+          />
+        </label>
+      </div>
+      
+      <div>
+        <label>
+          <input
+            type="checkbox"
+            name="subscribe"
+            checked={formData.subscribe}
+            onChange={handleInputChange}
+          />
+          Subscribe to newsletter
+        </label>
+      </div>
+      
+      <div>
+        <label>
+          Country:
+          <select value={formData.country} onChange={handleSelectChange}>
+            <option value="">Select...</option>
+            <option value="us">United States</option>
+            <option value="ca">Canada</option>
+            <option value="uk">United Kingdom</option>
+          </select>
+        </label>
+      </div>
+      
+      <button type="submit">Submit</button>
+    </form>
+  );
+};
+```
+
+### Focus Events
+
+Focus and blur events for element focus management.
+
+```typescript { .api }
+/**
+ * Focus event interface
+ */
+interface FocusEvent<T = Element, RelatedTarget = Element> extends SyntheticEvent<T, NativeFocusEvent> {
+  relatedTarget: (EventTarget & RelatedTarget) | null;
+  target: EventTarget & T;
+}
+
+/**
+ * Focus event handler type
+ */
+type FocusEventHandler<T = Element> = EventHandler<FocusEvent<T>>;
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { FocusEvent, FocusEventHandler, useState, useRef } from "react";
+
+const FocusEventExample: React.FC = () => {
+  const [focusedElement, setFocusedElement] = useState<string>('');
+  const inputRef = useRef<HTMLInputElement>(null);
+
+  // Focus handler
+  const handleFocus: FocusEventHandler<HTMLInputElement> = (event) => {
+    const elementName = event.currentTarget.name || 'unnamed';
+    setFocusedElement(elementName);
+    
+    console.log('Element focused:', elementName);
+    console.log('Related target (previous focus):', event.relatedTarget);
+    
+    // Add visual feedback
+    event.currentTarget.style.borderColor = 'blue';
+  };
+
+  // Blur handler
+  const handleBlur: FocusEventHandler<HTMLInputElement> = (event) => {
+    console.log('Element blurred:', event.currentTarget.name);
+    console.log('Related target (next focus):', event.relatedTarget);
+    
+    // Remove visual feedback
+    event.currentTarget.style.borderColor = '';
+    
+    // Validate on blur
+    if (event.currentTarget.name === 'email' && event.currentTarget.value) {
+      const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+      if (!emailRegex.test(event.currentTarget.value)) {
+        event.currentTarget.style.borderColor = 'red';
+      }
+    }
+  };
+
+  const focusFirstInput = () => {
+    inputRef.current?.focus();
+  };
+
+  return (
+    <div>
+      <p>Currently focused: {focusedElement || 'none'}</p>
+      
+      <button onClick={focusFirstInput}>Focus First Input</button>
+      
+      <div>
+        <input
+          ref={inputRef}
+          type="text"
+          name="firstName"
+          placeholder="First Name"
+          onFocus={handleFocus}
+          onBlur={handleBlur}
+        />
+      </div>
+      
+      <div>
+        <input
+          type="email"
+          name="email"
+          placeholder="Email"
+          onFocus={handleFocus}
+          onBlur={handleBlur}
+        />
+      </div>
+      
+      <div>
+        <textarea
+          name="message"
+          placeholder="Message"
+          onFocus={handleFocus}
+          onBlur={handleBlur}
+        />
+      </div>
+    </div>
+  );
+};
+```
+
+### Touch Events
+
+Touch input events for mobile and touch-enabled devices.
+
+```typescript { .api }
+/**
+ * Touch event interface
+ */
+interface TouchEvent<T = Element> extends UIEvent<T, NativeTouchEvent> {
+  altKey: boolean;
+  changedTouches: TouchList;
+  ctrlKey: boolean;
+  metaKey: boolean;
+  shiftKey: boolean;
+  targetTouches: TouchList;
+  touches: TouchList;
+  getModifierState(key: string): boolean;
+}
+
+/**
+ * Touch event handler type
+ */
+type TouchEventHandler<T = Element> = EventHandler<TouchEvent<T>>;
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { TouchEvent, TouchEventHandler, useState } from "react";
+
+interface TouchData {
+  x: number;
+  y: number;
+  timestamp: number;
+}
+
+const TouchEventExample: React.FC = () => {
+  const [touchStart, setTouchStart] = useState<TouchData | null>(null);
+  const [touchCurrent, setTouchCurrent] = useState<TouchData | null>(null);
+
+  // Touch start
+  const handleTouchStart: TouchEventHandler<HTMLDivElement> = (event) => {
+    event.preventDefault(); // Prevent scrolling
+    
+    const touch = event.touches[0];
+    if (touch) {
+      const touchData: TouchData = {
+        x: touch.clientX,
+        y: touch.clientY,
+        timestamp: Date.now()
+      };
+      setTouchStart(touchData);
+      setTouchCurrent(touchData);
+      
+      console.log('Touch started at:', touchData);
+    }
+  };
+
+  // Touch move
+  const handleTouchMove: TouchEventHandler<HTMLDivElement> = (event) => {
+    event.preventDefault();
+    
+    const touch = event.touches[0];
+    if (touch && touchStart) {
+      const touchData: TouchData = {
+        x: touch.clientX,
+        y: touch.clientY,
+        timestamp: Date.now()
+      };
+      setTouchCurrent(touchData);
+      
+      // Calculate distance and direction
+      const deltaX = touchData.x - touchStart.x;
+      const deltaY = touchData.y - touchStart.y;
+      const distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
+      
+      console.log('Touch moved:', { deltaX, deltaY, distance });
+    }
+  };
+
+  // Touch end
+  const handleTouchEnd: TouchEventHandler<HTMLDivElement> = (event) => {
+    if (touchStart && touchCurrent) {
+      const deltaX = touchCurrent.x - touchStart.x;
+      const deltaY = touchCurrent.y - touchStart.y;
+      const duration = touchCurrent.timestamp - touchStart.timestamp;
+      const distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
+      
+      // Detect swipe
+      if (distance > 50 && duration < 300) {
+        const direction = Math.abs(deltaX) > Math.abs(deltaY) 
+          ? (deltaX > 0 ? 'right' : 'left')
+          : (deltaY > 0 ? 'down' : 'up');
+        
+        console.log('Swipe detected:', direction);
+      }
+      
+      // Detect tap
+      if (distance < 10 && duration < 200) {
+        console.log('Tap detected');
+      }
+    }
+    
+    setTouchStart(null);
+    setTouchCurrent(null);
+  };
+
+  // Touch cancel
+  const handleTouchCancel: TouchEventHandler<HTMLDivElement> = (event) => {
+    console.log('Touch cancelled');
+    setTouchStart(null);
+    setTouchCurrent(null);
+  };
+
+  return (
+    <div
+      style={{
+        width: 300,
+        height: 300,
+        border: '2px solid #ccc',
+        backgroundColor: '#f9f9f9',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        userSelect: 'none'
+      }}
+      onTouchStart={handleTouchStart}
+      onTouchMove={handleTouchMove}
+      onTouchEnd={handleTouchEnd}
+      onTouchCancel={handleTouchCancel}
+    >
+      <p>Touch this area</p>
+      {touchCurrent && (
+        <div style={{ position: 'absolute', top: 10, left: 10 }}>
+          Position: ({touchCurrent.x}, {touchCurrent.y})
+        </div>
+      )}
+    </div>
+  );
+};
+```
+
+### Drag Events
+
+Drag and drop events for file uploads and element reordering.
+
+```typescript { .api }
+/**
+ * Drag event interface
+ */
+interface DragEvent<T = Element> extends MouseEvent<T, NativeDragEvent> {
+  dataTransfer: DataTransfer;
+}
+
+/**
+ * Drag event handler type
+ */
+type DragEventHandler<T = Element> = EventHandler<DragEvent<T>>;
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { DragEvent, DragEventHandler, useState } from "react";
+
+interface DraggableItem {
+  id: string;
+  content: string;
+}
+
+const DragEventExample: React.FC = () => {
+  const [items, setItems] = useState<DraggableItem[]>([
+    { id: '1', content: 'Item 1' },
+    { id: '2', content: 'Item 2' },
+    { id: '3', content: 'Item 3' }
+  ]);
+  const [draggedItem, setDraggedItem] = useState<string | null>(null);
+
+  // Drag start
+  const handleDragStart: DragEventHandler<HTMLDivElement> = (event) => {
+    const itemId = event.currentTarget.dataset.itemId;
+    if (itemId) {
+      setDraggedItem(itemId);
+      event.dataTransfer.setData('text/plain', itemId);
+      event.dataTransfer.effectAllowed = 'move';
+      
+      // Add visual feedback
+      event.currentTarget.style.opacity = '0.5';
+    }
+  };
+
+  // Drag over (must prevent default to allow drop)
+  const handleDragOver: DragEventHandler<HTMLDivElement> = (event) => {
+    event.preventDefault();
+    event.dataTransfer.dropEffect = 'move';
+  };
+
+  // Drag enter
+  const handleDragEnter: DragEventHandler<HTMLDivElement> = (event) => {
+    event.preventDefault();
+    event.currentTarget.style.backgroundColor = '#e6f3ff';
+  };
+
+  // Drag leave
+  const handleDragLeave: DragEventHandler<HTMLDivElement> = (event) => {
+    event.currentTarget.style.backgroundColor = '';
+  };
+
+  // Drop
+  const handleDrop: DragEventHandler<HTMLDivElement> = (event) => {
+    event.preventDefault();
+    event.currentTarget.style.backgroundColor = '';
+    
+    const draggedItemId = event.dataTransfer.getData('text/plain');
+    const targetItemId = event.currentTarget.dataset.itemId;
+    
+    if (draggedItemId && targetItemId && draggedItemId !== targetItemId) {
+      // Reorder items
+      setItems(prevItems => {
+        const newItems = [...prevItems];
+        const draggedIndex = newItems.findIndex(item => item.id === draggedItemId);
+        const targetIndex = newItems.findIndex(item => item.id === targetItemId);
+        
+        if (draggedIndex !== -1 && targetIndex !== -1) {
+          const [draggedItem] = newItems.splice(draggedIndex, 1);
+          newItems.splice(targetIndex, 0, draggedItem);
+        }
+        
+        return newItems;
+      });
+    }
+    
+    setDraggedItem(null);
+  };
+
+  // Drag end
+  const handleDragEnd: DragEventHandler<HTMLDivElement> = (event) => {
+    // Reset visual feedback
+    event.currentTarget.style.opacity = '';
+    setDraggedItem(null);
+  };
+
+  return (
+    <div>
+      <h3>Drag and Drop Reordering</h3>
+      <div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>
+        {items.map(item => (
+          <div
+            key={item.id}
+            data-item-id={item.id}
+            draggable
+            onDragStart={handleDragStart}
+            onDragOver={handleDragOver}
+            onDragEnter={handleDragEnter}
+            onDragLeave={handleDragLeave}
+            onDrop={handleDrop}
+            onDragEnd={handleDragEnd}
+            style={{
+              padding: '12px',
+              border: '1px solid #ccc',
+              borderRadius: '4px',
+              backgroundColor: '#f9f9f9',
+              cursor: 'move',
+              userSelect: 'none'
+            }}
+          >
+            {item.content}
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+};
+```
+
+### Other Event Types
+
+Additional specialized event types for various interactions.
+
+```typescript { .api }
+/**
+ * Clipboard event interface
+ */
+interface ClipboardEvent<T = Element> extends SyntheticEvent<T, NativeClipboardEvent> {
+  clipboardData: DataTransfer;
+}
+
+type ClipboardEventHandler<T = Element> = EventHandler<ClipboardEvent<T>>;
+
+/**
+ * Composition event interface (for IME input)
+ */
+interface CompositionEvent<T = Element> extends SyntheticEvent<T, NativeCompositionEvent> {
+  data: string;
+}
+
+type CompositionEventHandler<T = Element> = EventHandler<CompositionEvent<T>>;
+
+/**
+ * Wheel event interface
+ */
+interface WheelEvent<T = Element> extends MouseEvent<T, NativeWheelEvent> {
+  deltaMode: number;
+  deltaX: number;
+  deltaY: number;
+  deltaZ: number;
+}
+
+type WheelEventHandler<T = Element> = EventHandler<WheelEvent<T>>;
+
+/**
+ * Animation event interface
+ */
+interface AnimationEvent<T = Element> extends SyntheticEvent<T, NativeAnimationEvent> {
+  animationName: string;
+  elapsedTime: number;
+  pseudoElement: string;
+}
+
+type AnimationEventHandler<T = Element> = EventHandler<AnimationEvent<T>>;
+
+/**
+ * Transition event interface
+ */
+interface TransitionEvent<T = Element> extends SyntheticEvent<T, NativeTransitionEvent> {
+  elapsedTime: number;
+  propertyName: string;
+  pseudoElement: string;
+}
+
+type TransitionEventHandler<T = Element> = EventHandler<TransitionEvent<T>>;
+```
+
+## Types
+
+### Event Type Definitions
+
+```typescript { .api }
+// Base event types
+type NativeAnimationEvent = AnimationEvent;
+type NativeClipboardEvent = ClipboardEvent;
+type NativeCompositionEvent = CompositionEvent;
+type NativeDragEvent = DragEvent;
+type NativeFocusEvent = FocusEvent;
+type NativeKeyboardEvent = KeyboardEvent;
+type NativeMouseEvent = MouseEvent;
+type NativeTouchEvent = TouchEvent;
+type NativeTransitionEvent = TransitionEvent;
+type NativeUIEvent = UIEvent;
+type NativeWheelEvent = WheelEvent;
+
+// UI Event base interface
+interface UIEvent<T = Element, E = NativeUIEvent> extends SyntheticEvent<T, E> {
+  detail: number;
+  view: AbstractView;
+}
+
+type UIEventHandler<T = Element> = EventHandler<UIEvent<T>>;
+
+// Pointer events
+interface PointerEvent<T = Element> extends MouseEvent<T, NativePointerEvent> {
+  pointerId: number;
+  width: number;
+  height: number;
+  pressure: number;
+  tangentialPressure: number;
+  tiltX: number;
+  tiltY: number;
+  twist: number;
+  pointerType: 'mouse' | 'pen' | 'touch';
+  isPrimary: boolean;
+}
+
+type PointerEventHandler<T = Element> = EventHandler<PointerEvent<T>>;
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-types--react/docs/experimental.md b/.tessl/tiles/tessl/npm-types--react/docs/experimental.md
new file mode 100644
index 000000000..44413f7ce
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-types--react/docs/experimental.md
@@ -0,0 +1,826 @@
+# Experimental Features
+
+Cutting-edge React features in experimental builds including Suspense enhancements, effect events, security features, and advanced performance optimizations. These features are highly experimental and subject to change.
+
+## Capabilities
+
+### Suspense Enhancements
+
+Advanced Suspense components and configuration options.
+
+```typescript { .api }
+/**
+ * Enhanced SuspenseList component for coordinating multiple Suspense boundaries
+ */
+interface SuspenseListProps {
+  children: ReactElement | Iterable<ReactElement>;
+  revealOrder?: 'forwards' | 'backwards' | 'together' | undefined;
+  tail?: 'collapsed' | 'hidden' | undefined;
+}
+
+const unstable_SuspenseList: ExoticComponent<SuspenseListProps>;
+
+/**
+ * Enhanced Suspense props with performance hints
+ */
+interface SuspenseProps {
+  children?: ReactNode | undefined;
+  fallback?: ReactNode | undefined;
+  unstable_expectedLoadTime?: number | undefined;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { lazy, Suspense, unstable_SuspenseList } from "react";
+
+// Lazy components for demonstration
+const ComponentA = lazy(() => 
+  new Promise<{ default: React.ComponentType }>(resolve => 
+    setTimeout(() => resolve({ 
+      default: () => <div style={{ padding: '16px', backgroundColor: '#ffe6e6' }}>Component A loaded</div> 
+    }), 1000)
+  )
+);
+
+const ComponentB = lazy(() => 
+  new Promise<{ default: React.ComponentType }>(resolve => 
+    setTimeout(() => resolve({ 
+      default: () => <div style={{ padding: '16px', backgroundColor: '#e6f3ff' }}>Component B loaded</div> 
+    }), 1500)
+  )
+);
+
+const ComponentC = lazy(() => 
+  new Promise<{ default: React.ComponentType }>(resolve => 
+    setTimeout(() => resolve({ 
+      default: () => <div style={{ padding: '16px', backgroundColor: '#e6ffe6' }}>Component C loaded</div> 
+    }), 800)
+  )
+);
+
+// SuspenseList with different reveal orders
+function SuspenseListExample() {
+  const [revealOrder, setRevealOrder] = React.useState<'forwards' | 'backwards' | 'together'>('forwards');
+  const [tail, setTail] = React.useState<'collapsed' | 'hidden'>('collapsed');
+  const [showComponents, setShowComponents] = React.useState(false);
+
+  return (
+    <div style={{ padding: '16px' }}>
+      <h3>SuspenseList Example</h3>
+      
+      <div style={{ marginBottom: '16px' }}>
+        <div>
+          <label>
+            Reveal Order: 
+            <select 
+              value={revealOrder} 
+              onChange={(e) => setRevealOrder(e.target.value as any)}
+              style={{ marginLeft: '8px' }}
+            >
+              <option value="forwards">Forwards</option>
+              <option value="backwards">Backwards</option>
+              <option value="together">Together</option>
+            </select>
+          </label>
+        </div>
+        
+        <div style={{ marginTop: '8px' }}>
+          <label>
+            Tail: 
+            <select 
+              value={tail} 
+              onChange={(e) => setTail(e.target.value as any)}
+              style={{ marginLeft: '8px' }}
+            >
+              <option value="collapsed">Collapsed</option>
+              <option value="hidden">Hidden</option>
+            </select>
+          </label>
+        </div>
+        
+        <button 
+          onClick={() => setShowComponents(!showComponents)}
+          style={{ marginTop: '8px' }}
+        >
+          {showComponents ? 'Reset' : 'Load Components'}
+        </button>
+      </div>
+
+      {showComponents && (
+        <unstable_SuspenseList revealOrder={revealOrder} tail={tail}>
+          <Suspense fallback={<div style={{ padding: '16px', backgroundColor: '#f0f0f0' }}>Loading Component A...</div>}>
+            <ComponentA />
+          </Suspense>
+          
+          <Suspense fallback={<div style={{ padding: '16px', backgroundColor: '#f0f0f0' }}>Loading Component B...</div>}>
+            <ComponentB />
+          </Suspense>
+          
+          <Suspense fallback={<div style={{ padding: '16px', backgroundColor: '#f0f0f0' }}>Loading Component C...</div>}>
+            <ComponentC />
+          </Suspense>
+        </unstable_SuspenseList>
+      )}
+      
+      <div style={{ marginTop: '16px', fontSize: '14px', color: '#666' }}>
+        <p><strong>Reveal Order:</strong></p>
+        <ul>
+          <li><strong>forwards:</strong> Components reveal in order (A, B, C)</li>
+          <li><strong>backwards:</strong> Components reveal in reverse order (C, B, A)</li>
+          <li><strong>together:</strong> All components reveal at the same time</li>
+        </ul>
+        <p><strong>Tail:</strong></p>
+        <ul>
+          <li><strong>collapsed:</strong> Shows spinner for pending components</li>
+          <li><strong>hidden:</strong> Hides pending components completely</li>
+        </ul>
+      </div>
+    </div>
+  );
+}
+
+// Enhanced Suspense with expected load time
+function EnhancedSuspenseExample() {
+  const [showHeavyComponent, setShowHeavyComponent] = React.useState(false);
+  
+  const HeavyComponent = lazy(() => 
+    new Promise<{ default: React.ComponentType }>(resolve => 
+      // Simulate very slow loading
+      setTimeout(() => resolve({ 
+        default: () => (
+          <div style={{ padding: '16px', border: '2px solid green' }}>
+            <h4>Heavy Component Loaded!</h4>
+            <p>This component had an expected load time of 3 seconds.</p>
+          </div>
+        )
+      }), 3000)
+    )
+  );
+
+  return (
+    <div style={{ padding: '16px' }}>
+      <h3>Enhanced Suspense with Load Time Hint</h3>
+      
+      <button onClick={() => setShowHeavyComponent(!showHeavyComponent)}>
+        {showHeavyComponent ? 'Hide' : 'Load'} Heavy Component
+      </button>
+      
+      {showHeavyComponent && (
+        <Suspense 
+          fallback={
+            <div style={{ padding: '16px', backgroundColor: '#fff3cd', border: '1px solid #ffeaa7' }}>
+              <div>Loading heavy component...</div>
+              <div style={{ fontSize: '12px', marginTop: '4px' }}>
+                Expected load time: ~3 seconds
+              </div>
+              <div style={{ marginTop: '8px' }}>
+                <div style={{ width: '100%', height: '4px', backgroundColor: '#e0e0e0' }}>
+                  <div 
+                    style={{ 
+                      width: '0%', 
+                      height: '100%', 
+                      backgroundColor: '#007bff',
+                      animation: 'progress 3s linear infinite'
+                    }} 
+                  />
+                </div>
+              </div>
+            </div>
+          }
+          unstable_expectedLoadTime={3000}
+        >
+          <HeavyComponent />
+        </Suspense>
+      )}
+    </div>
+  );
+}
+```
+
+### Effect Events
+
+Stable event handlers that don't trigger effect re-runs.
+
+```typescript { .api }
+/**
+ * Creates a stable event handler that doesn't change between renders
+ * but can access latest props and state
+ */
+function experimental_useEffectEvent<T extends Function>(event: T): T;
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { useState, useEffect, experimental_useEffectEvent } from "react";
+
+// Component demonstrating effect event usage
+function ChatRoom({ roomId }: { roomId: string }) {
+  const [message, setMessage] = useState('');
+  const [messages, setMessages] = useState<string[]>([]);
+  const [theme, setTheme] = useState<'light' | 'dark'>('light');
+
+  // Stable event handler - doesn't cause effect to re-run when theme changes
+  const logMessage = experimental_useEffectEvent((msg: string) => {
+    console.log(`[${theme} theme] Message in room ${roomId}: ${msg}`);
+    // This can access latest theme and roomId without being a dependency
+  });
+
+  // Effect only depends on roomId, not on logMessage or theme
+  useEffect(() => {
+    console.log(`Connecting to room ${roomId}`);
+    
+    // Simulate WebSocket connection
+    const interval = setInterval(() => {
+      const newMessage = `Message ${Date.now()} from room ${roomId}`;
+      setMessages(prev => [...prev, newMessage]);
+      
+      // This calls the latest version of logMessage with current theme
+      logMessage(newMessage);
+    }, 2000);
+
+    return () => {
+      console.log(`Disconnecting from room ${roomId}`);
+      clearInterval(interval);
+    };
+  }, [roomId]); // Only roomId is a dependency, not logMessage
+
+  return (
+    <div style={{ 
+      padding: '16px', 
+      backgroundColor: theme === 'light' ? '#fff' : '#333',
+      color: theme === 'light' ? '#333' : '#fff'
+    }}>
+      <h3>Chat Room: {roomId}</h3>
+      
+      <div style={{ marginBottom: '16px' }}>
+        <label>
+          Theme: 
+          <select 
+            value={theme} 
+            onChange={(e) => setTheme(e.target.value as 'light' | 'dark')}
+            style={{ marginLeft: '8px' }}
+          >
+            <option value="light">Light</option>
+            <option value="dark">Dark</option>
+          </select>
+        </label>
+      </div>
+      
+      <div style={{ 
+        height: '200px', 
+        overflowY: 'auto', 
+        border: '1px solid #ccc',
+        padding: '8px',
+        marginBottom: '8px',
+        backgroundColor: theme === 'light' ? '#f9f9f9' : '#444'
+      }}>
+        {messages.map((msg, index) => (
+          <div key={index} style={{ marginBottom: '4px', fontSize: '14px' }}>
+            {msg}
+          </div>
+        ))}
+      </div>
+      
+      <p style={{ fontSize: '12px', color: theme === 'light' ? '#666' : '#aaa' }}>
+        Effect event allows logMessage to access current theme without re-establishing connection.
+        Check console for logged messages.
+      </p>
+    </div>
+  );
+}
+
+// Analytics example with effect events
+function AnalyticsExample() {
+  const [page, setPage] = useState('home');
+  const [user, setUser] = useState({ id: '1', name: 'John' });
+  const [sessionId] = useState(() => `session-${Date.now()}`);
+
+  // Stable analytics function
+  const trackPageView = experimental_useEffectEvent((currentPage: string) => {
+    // This can access latest user data without being an effect dependency
+    console.log('Analytics:', {
+      page: currentPage,
+      userId: user.id,
+      userName: user.name,
+      sessionId,
+      timestamp: new Date().toISOString()
+    });
+    
+    // In real app, this would send to analytics service
+    // analytics.track('page_view', { page: currentPage, user });
+  });
+
+  // Effect only re-runs when page changes, not when user data changes
+  useEffect(() => {
+    trackPageView(page);
+    
+    // Simulate page view duration tracking
+    const startTime = Date.now();
+    
+    return () => {
+      const duration = Date.now() - startTime;
+      console.log(`Page ${page} viewed for ${duration}ms`);
+    };
+  }, [page]); // Only page is a dependency
+
+  return (
+    <div style={{ padding: '16px' }}>
+      <h3>Analytics with Effect Events</h3>
+      
+      <div style={{ marginBottom: '16px' }}>
+        <label>
+          Current Page: 
+          <select 
+            value={page} 
+            onChange={(e) => setPage(e.target.value)}
+            style={{ marginLeft: '8px' }}
+          >
+            <option value="home">Home</option>
+            <option value="about">About</option>
+            <option value="contact">Contact</option>
+            <option value="products">Products</option>
+          </select>
+        </label>
+      </div>
+      
+      <div style={{ marginBottom: '16px' }}>
+        <label>
+          User Name: 
+          <input
+            type="text"
+            value={user.name}
+            onChange={(e) => setUser(prev => ({ ...prev, name: e.target.value }))}
+            style={{ marginLeft: '8px', padding: '4px' }}
+          />
+        </label>
+      </div>
+      
+      <div style={{ fontSize: '14px', color: '#666' }}>
+        <p>
+          Changing the user name doesn't trigger a new page view event,
+          but the latest user data is included when you change pages.
+        </p>
+        <p>Check console for analytics events.</p>
+      </div>
+    </div>
+  );
+}
+```
+
+### Security Features
+
+Experimental security features for preventing sensitive data leakage.
+
+```typescript { .api }
+/**
+ * Marks a unique value as tainted to prevent it from being serialized or transmitted
+ */
+function experimental_taintUniqueValue(
+  message: string,
+  lifetime: object,
+  value: string | bigint
+): void;
+
+/**
+ * Marks an object reference as tainted to prevent it from being serialized
+ */
+function experimental_taintObjectReference(
+  message: string,
+  object: object
+): void;
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { experimental_taintUniqueValue, experimental_taintObjectReference } from "react";
+
+// Simulated sensitive data
+interface User {
+  id: string;
+  name: string;
+  email: string;
+  ssn?: string;
+  apiKey?: string;
+}
+
+interface CreditCard {
+  number: string;
+  cvv: string;
+  expiryDate: string;
+}
+
+function SecurityExample() {
+  const [user, setUser] = React.useState<User>({
+    id: '1',
+    name: 'John Doe',
+    email: 'john@example.com',
+    ssn: '123-45-6789',
+    apiKey: 'secret-api-key-12345'
+  });
+
+  const [creditCard] = React.useState<CreditCard>({
+    number: '4111-1111-1111-1111',
+    cvv: '123',
+    expiryDate: '12/25'
+  });
+
+  // Taint sensitive values
+  React.useEffect(() => {
+    if (user.ssn) {
+      experimental_taintUniqueValue(
+        'SSN should not be serialized or transmitted',
+        user, // lifetime object
+        user.ssn
+      );
+    }
+    
+    if (user.apiKey) {
+      experimental_taintUniqueValue(
+        'API key should not be exposed',
+        user,
+        user.apiKey
+      );
+    }
+  }, [user]);
+
+  // Taint sensitive objects
+  React.useEffect(() => {
+    experimental_taintObjectReference(
+      'Credit card data should not be serialized',
+      creditCard
+    );
+  }, [creditCard]);
+
+  const handleExportData = () => {
+    try {
+      // This would normally fail in a real tainted environment
+      // when trying to serialize tainted data
+      const exportData = {
+        user,
+        creditCard,
+        timestamp: new Date().toISOString()
+      };
+      
+      console.log('Exported data:', JSON.stringify(exportData, null, 2));
+      alert('Data exported (check console). In production with taint tracking, this might fail if it contains tainted values.');
+    } catch (error) {
+      console.error('Export failed due to tainted data:', error);
+      alert('Export failed - tainted data detected!');
+    }
+  };
+
+  const handleSendToServer = () => {
+    // Simulate sending data to server
+    const safeData = {
+      userId: user.id,
+      userName: user.name,
+      userEmail: user.email
+      // Intentionally omitting tainted values
+    };
+    
+    console.log('Safe data for server:', safeData);
+    alert('Safe data sent to server (check console)');
+  };
+
+  const handleUnsafeSend = () => {
+    // This would be prevented with taint tracking
+    try {
+      console.log('Attempting to send sensitive data...');
+      
+      // In a real tainted environment, this might throw an error
+      const unsafeData = {
+        ...user,
+        creditCard
+      };
+      
+      console.log('Unsafe data:', unsafeData);
+      alert('This operation might be blocked in production with proper taint tracking!');
+    } catch (error) {
+      console.error('Unsafe operation blocked:', error);
+      alert('Operation blocked - sensitive data detected!');
+    }
+  };
+
+  return (
+    <div style={{ padding: '16px' }}>
+      <h3>Experimental Security (Taint Tracking)</h3>
+      
+      <div style={{ marginBottom: '16px', padding: '16px', backgroundColor: '#fff3cd', border: '1px solid #ffeaa7' }}>
+        <strong>⚠️ Experimental Feature:</strong> Taint tracking is designed to prevent
+        accidental serialization or transmission of sensitive data in server environments.
+      </div>
+      
+      <div style={{ marginBottom: '16px' }}>
+        <h4>User Data:</h4>
+        <ul>
+          <li>Name: {user.name}</li>
+          <li>Email: {user.email}</li>
+          <li>SSN: {user.ssn} (tainted)</li>
+          <li>API Key: {user.apiKey} (tainted)</li>
+        </ul>
+      </div>
+      
+      <div style={{ marginBottom: '16px' }}>
+        <h4>Credit Card (tainted object):</h4>
+        <ul>
+          <li>Number: {creditCard.number}</li>
+          <li>CVV: {creditCard.cvv}</li>
+          <li>Expiry: {creditCard.expiryDate}</li>
+        </ul>
+      </div>
+      
+      <div style={{ marginBottom: '16px' }}>
+        <button onClick={handleExportData} style={{ marginRight: '8px' }}>
+          Export All Data
+        </button>
+        <button onClick={handleSendToServer} style={{ marginRight: '8px' }}>
+          Send Safe Data
+        </button>
+        <button onClick={handleUnsafeSend}>
+          Send Unsafe Data
+        </button>
+      </div>
+      
+      <div style={{ fontSize: '14px', color: '#666' }}>
+        <p>
+          In production with taint tracking enabled, operations that attempt to
+          serialize or transmit tainted values would throw errors or be blocked.
+        </p>
+        <p>
+          This helps prevent accidental exposure of sensitive data like SSNs,
+          API keys, credit card numbers, etc.
+        </p>
+      </div>
+    </div>
+  );
+}
+```
+
+### Additional HTML Attributes
+
+Experimental HTML attributes and features.
+
+```typescript { .api }
+/**
+ * Enhanced HTML attributes with experimental features
+ */
+interface HTMLAttributes<T> extends AriaAttributes, DOMAttributes<T> {
+  // Experimental: Inert attribute for disabling subtree interactions
+  inert?: boolean | undefined;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { useState } from "react";
+
+function InertExample() {
+  const [isModalOpen, setIsModalOpen] = useState(false);
+  const [isFormDisabled, setIsFormDisabled] = useState(false);
+
+  return (
+    <div style={{ padding: '16px' }}>
+      <h3>Experimental Inert Attribute</h3>
+      
+      <div style={{ marginBottom: '16px' }}>
+        <button onClick={() => setIsModalOpen(true)}>
+          Open Modal
+        </button>
+        <button onClick={() => setIsFormDisabled(!isFormDisabled)} style={{ marginLeft: '8px' }}>
+          {isFormDisabled ? 'Enable' : 'Disable'} Form
+        </button>
+      </div>
+
+      {/* Main content - becomes inert when modal is open */}
+      <div inert={isModalOpen}>
+        <h4>Main Content</h4>
+        <p>This content becomes inert (non-interactive) when the modal is open.</p>
+        
+        <form>
+          <div style={{ marginBottom: '8px' }}>
+            <label>
+              Name: 
+              <input type="text" style={{ marginLeft: '8px' }} />
+            </label>
+          </div>
+          <div style={{ marginBottom: '8px' }}>
+            <label>
+              Email: 
+              <input type="email" style={{ marginLeft: '8px' }} />
+            </label>
+          </div>
+          <button type="button">Submit</button>
+        </form>
+      </div>
+
+      {/* Form that can be disabled with inert */}
+      <div 
+        inert={isFormDisabled}
+        style={{ 
+          marginTop: '16px',
+          padding: '16px',
+          border: '1px solid #ccc',
+          opacity: isFormDisabled ? 0.5 : 1
+        }}
+      >
+        <h4>Form Section</h4>
+        <p>This entire form section can be made inert.</p>
+        
+        <div style={{ marginBottom: '8px' }}>
+          <label>
+            Product: 
+            <select style={{ marginLeft: '8px' }}>
+              <option>Widget A</option>
+              <option>Widget B</option>
+            </select>
+          </label>
+        </div>
+        <div style={{ marginBottom: '8px' }}>
+          <label>
+            Quantity: 
+            <input type="number" defaultValue={1} style={{ marginLeft: '8px' }} />
+          </label>
+        </div>
+        <button type="button">Add to Cart</button>
+      </div>
+
+      {/* Modal overlay */}
+      {isModalOpen && (
+        <div style={{
+          position: 'fixed',
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          backgroundColor: 'rgba(0,0,0,0.5)',
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          zIndex: 1000
+        }}>
+          <div style={{
+            backgroundColor: 'white',
+            padding: '24px',
+            borderRadius: '8px',
+            maxWidth: '400px',
+            width: '90%'
+          }}>
+            <h4>Modal Dialog</h4>
+            <p>
+              While this modal is open, the main content is inert and cannot be
+              interacted with. This provides better accessibility and UX.
+            </p>
+            <div>
+              <input type="text" placeholder="Modal input" style={{ marginRight: '8px' }} />
+              <button onClick={() => setIsModalOpen(false)}>Close</button>
+            </div>
+          </div>
+        </div>
+      )}
+
+      <div style={{ marginTop: '16px', fontSize: '14px', color: '#666' }}>
+        <p>
+          <strong>Inert attribute:</strong> When applied to an element, it makes the element
+          and all its descendants non-interactive. This is useful for:
+        </p>
+        <ul>
+          <li>Disabling background content when modals are open</li>
+          <li>Temporarily disabling form sections</li>
+          <li>Creating better accessibility patterns</li>
+        </ul>
+        <p>
+          Browser support is limited - this is an experimental feature.
+        </p>
+      </div>
+    </div>
+  );
+}
+```
+
+### Combined Experimental Example
+
+A comprehensive example showing multiple experimental features together.
+
+```typescript { .api }
+// Combined experimental features demo component
+```
+
+**Usage Examples:**
+
+```typescript
+function ExperimentalFeaturesDemo() {
+  const [activeTab, setActiveTab] = useState<'suspense' | 'effects' | 'security' | 'inert'>('suspense');
+
+  return (
+    <div style={{ padding: '16px' }}>
+      <h2>Experimental Features Demo</h2>
+      
+      <div style={{ marginBottom: '24px' }}>
+        <nav style={{ borderBottom: '1px solid #ccc' }}>
+          {(['suspense', 'effects', 'security', 'inert'] as const).map(tab => (
+            <button
+              key={tab}
+              onClick={() => setActiveTab(tab)}
+              style={{
+                padding: '8px 16px',
+                border: 'none',
+                borderBottom: activeTab === tab ? '2px solid #007bff' : '2px solid transparent',
+                backgroundColor: 'transparent',
+                cursor: 'pointer',
+                textTransform: 'capitalize'
+              }}
+            >
+              {tab}
+            </button>
+          ))}
+        </nav>
+      </div>
+
+      <div>
+        {activeTab === 'suspense' && (
+          <div>
+            <SuspenseListExample />
+            <div style={{ marginTop: '24px' }}>
+              <EnhancedSuspenseExample />
+            </div>
+          </div>
+        )}
+        
+        {activeTab === 'effects' && (
+          <div>
+            <ChatRoom roomId="general" />
+            <div style={{ marginTop: '24px' }}>
+              <AnalyticsExample />
+            </div>
+          </div>
+        )}
+        
+        {activeTab === 'security' && <SecurityExample />}
+        
+        {activeTab === 'inert' && <InertExample />}
+      </div>
+      
+      <div style={{ 
+        marginTop: '32px', 
+        padding: '16px', 
+        backgroundColor: '#f8f9fa', 
+        border: '1px solid #e9ecef',
+        borderRadius: '4px'
+      }}>
+        <h4>⚠️ Important Notes</h4>
+        <ul style={{ margin: 0, paddingLeft: '20px' }}>
+          <li>These are <strong>experimental</strong> features that may change or be removed</li>
+          <li>Browser support varies - many features require specific React builds</li>
+          <li>Use with caution in production applications</li>
+          <li>Some features may require additional setup or configuration</li>
+        </ul>
+      </div>
+    </div>
+  );
+}
+```
+
+## Types
+
+### Experimental Type Definitions
+
+```typescript { .api }
+// SuspenseList types
+interface SuspenseListProps {
+  children: ReactElement | Iterable<ReactElement>;
+  revealOrder?: 'forwards' | 'backwards' | 'together' | undefined;
+  tail?: 'collapsed' | 'hidden' | undefined;
+}
+
+// Enhanced Suspense types
+interface SuspenseProps {
+  children?: ReactNode | undefined;
+  fallback?: ReactNode | undefined;
+  unstable_expectedLoadTime?: number | undefined;
+}
+
+// Effect event types
+type EffectEvent<T extends Function> = T;
+
+// Security/Taint types
+type TaintedValue = string | bigint;
+type LifetimeObject = object;
+
+// Enhanced HTML attributes
+interface HTMLAttributes<T> extends AriaAttributes, DOMAttributes<T> {
+  inert?: boolean | undefined;
+}
+
+// Experimental component types
+const unstable_SuspenseList: ExoticComponent<SuspenseListProps>;
+
+// Function signatures
+function experimental_useEffectEvent<T extends Function>(event: T): T;
+function experimental_taintUniqueValue(message: string, lifetime: object, value: string | bigint): void;
+function experimental_taintObjectReference(message: string, object: object): void;
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-types--react/docs/hooks.md b/.tessl/tiles/tessl/npm-types--react/docs/hooks.md
new file mode 100644
index 000000000..fbdcb0980
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-types--react/docs/hooks.md
@@ -0,0 +1,682 @@
+# React Hooks
+
+Complete type definitions for all React hooks including state management, effects, performance optimization, and advanced patterns. Hooks provide a way to use state and other React features in function components.
+
+## Capabilities
+
+### State Hooks
+
+Hooks for managing component state with type safety.
+
+```typescript { .api }
+/**
+ * State management hook with setter function
+ */
+function useState<S>(initialState: S | (() => S)): [S, Dispatch<SetStateAction<S>>];
+
+/**
+ * State setter action type
+ */
+type SetStateAction<S> = S | ((prevState: S) => S);
+
+/**
+ * Dispatcher function type for state updates
+ */
+type Dispatch<A> = (value: A) => void;
+
+/**
+ * Reducer hook for complex state management
+ */
+function useReducer<R extends Reducer<any, any>, I>(
+  reducer: R,
+  initializerArg: I & ReducerState<R>,
+  initializer: (arg: I & ReducerState<R>) => ReducerState<R>
+): [ReducerState<R>, Dispatch<ReducerAction<R>>];
+
+function useReducer<R extends Reducer<any, any>>(
+  reducer: R,
+  initialState: ReducerState<R>,
+  initializer?: undefined
+): [ReducerState<R>, Dispatch<ReducerAction<R>>];
+
+/**
+ * Reducer function type
+ */
+type Reducer<S, A> = (prevState: S, action: A) => S;
+
+/**
+ * Extract state type from reducer
+ */
+type ReducerState<R> = R extends Reducer<infer S, any> ? S : never;
+
+/**
+ * Extract action type from reducer
+ */
+type ReducerAction<R> = R extends Reducer<any, infer A> ? A : never;
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { useState, useReducer } from "react";
+
+// Basic state hook
+const Counter: React.FC = () => {
+  const [count, setCount] = useState<number>(0);
+  const [name, setName] = useState<string>('');
+
+  // Function form for updates
+  const increment = () => setCount(prev => prev + 1);
+  
+  // Direct value form
+  const reset = () => setCount(0);
+
+  return (
+    <div>
+      <p>Count: {count}</p>
+      <button onClick={increment}>+</button>
+      <button onClick={reset}>Reset</button>
+    </div>
+  );
+};
+
+// Reducer for complex state
+interface TodoState {
+  todos: Array<{ id: number; text: string; completed: boolean }>;
+  filter: 'all' | 'active' | 'completed';
+}
+
+type TodoAction = 
+  | { type: 'ADD_TODO'; payload: { id: number; text: string } }
+  | { type: 'TOGGLE_TODO'; payload: { id: number } }
+  | { type: 'SET_FILTER'; payload: { filter: 'all' | 'active' | 'completed' } };
+
+const todoReducer: Reducer<TodoState, TodoAction> = (state, action) => {
+  switch (action.type) {
+    case 'ADD_TODO':
+      return {
+        ...state,
+        todos: [...state.todos, { ...action.payload, completed: false }]
+      };
+    case 'TOGGLE_TODO':
+      return {
+        ...state,
+        todos: state.todos.map(todo =>
+          todo.id === action.payload.id ? { ...todo, completed: !todo.completed } : todo
+        )
+      };
+    case 'SET_FILTER':
+      return { ...state, filter: action.payload.filter };
+    default:
+      return state;
+  }
+};
+
+const TodoApp: React.FC = () => {
+  const [state, dispatch] = useReducer(todoReducer, {
+    todos: [],
+    filter: 'all'
+  });
+
+  const addTodo = (text: string) => {
+    dispatch({ 
+      type: 'ADD_TODO', 
+      payload: { id: Date.now(), text } 
+    });
+  };
+
+  return (
+    <div>
+      {/* Todo UI */}
+    </div>
+  );
+};
+```
+
+### Effect Hooks
+
+Hooks for side effects and lifecycle management.
+
+```typescript { .api }
+/**
+ * Effect callback function type
+ */
+type EffectCallback = () => (void | (() => void | undefined));
+
+/**
+ * Dependency list for effects
+ */
+type DependencyList = ReadonlyArray<unknown>;
+
+/**
+ * Side effects hook (componentDidMount, componentDidUpdate, componentWillUnmount)
+ */
+function useEffect(effect: EffectCallback, deps?: DependencyList): void;
+
+/**
+ * Synchronous effects hook (runs synchronously after DOM mutations)
+ */
+function useLayoutEffect(effect: EffectCallback, deps?: DependencyList): void;
+
+/**
+ * Insertion effects hook (for CSS-in-JS libraries)
+ */
+function useInsertionEffect(effect: EffectCallback, deps?: DependencyList): void;
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { useState, useEffect, useLayoutEffect, useInsertionEffect } from "react";
+
+const DataFetcher: React.FC<{ userId: number }> = ({ userId }) => {
+  const [user, setUser] = useState<User | null>(null);
+  const [loading, setLoading] = useState<boolean>(true);
+
+  // Effect with cleanup
+  useEffect(() => {
+    let cancelled = false;
+
+    const fetchUser = async () => {
+      try {
+        setLoading(true);
+        const response = await fetch(`/api/users/${userId}`);
+        const userData = await response.json();
+        
+        if (!cancelled) {
+          setUser(userData);
+          setLoading(false);
+        }
+      } catch (error) {
+        if (!cancelled) {
+          console.error('Failed to fetch user:', error);
+          setLoading(false);
+        }
+      }
+    };
+
+    fetchUser();
+
+    // Cleanup function
+    return () => {
+      cancelled = true;
+    };
+  }, [userId]); // Dependencies array
+
+  // Effect without cleanup (no return value)
+  useEffect(() => {
+    document.title = user ? `User: ${user.name}` : 'Loading...';
+  }, [user]);
+
+  if (loading) return <div>Loading...</div>;
+  return user ? <div>Hello, {user.name}</div> : <div>User not found</div>;
+};
+
+// Layout effect for DOM measurements
+const MeasuredComponent: React.FC = () => {
+  const [height, setHeight] = useState<number>(0);
+  const ref = useRef<HTMLDivElement>(null);
+
+  useLayoutEffect(() => {
+    if (ref.current) {
+      setHeight(ref.current.getBoundingClientRect().height);
+    }
+  }, []); // Run only once
+
+  return <div ref={ref}>Height: {height}px</div>;
+};
+
+// Insertion effect for CSS-in-JS
+const StyledComponent: React.FC = () => {
+  useInsertionEffect(() => {
+    // Insert CSS before any layout effects
+    const style = document.createElement('style');
+    style.textContent = '.my-component { color: red; }';
+    document.head.appendChild(style);
+
+    return () => {
+      document.head.removeChild(style);
+    };
+  }, []);
+
+  return <div className="my-component">Styled content</div>;
+};
+```
+
+### Performance Hooks
+
+Hooks for optimizing component performance through memoization.
+
+```typescript { .api }
+/**
+ * Memoization hook for expensive calculations
+ */
+function useMemo<T>(factory: () => T, deps: DependencyList): T;
+
+/**
+ * Callback memoization hook for stable function references
+ */
+function useCallback<T extends Function>(callback: T, deps: DependencyList): T;
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { useMemo, useCallback, useState } from "react";
+
+interface ExpensiveComponentProps {
+  items: Array<{ id: number; value: number }>;
+  multiplier: number;
+}
+
+const ExpensiveComponent: React.FC<ExpensiveComponentProps> = ({ items, multiplier }) => {
+  // Expensive calculation memoized
+  const processedItems = useMemo(() => {
+    console.log('Processing items...'); // Only runs when items or multiplier change
+    
+    return items.map(item => ({
+      ...item,
+      processedValue: item.value * multiplier,
+      expensiveCalculation: Math.pow(item.value, multiplier) // Expensive operation
+    }));
+  }, [items, multiplier]);
+
+  // Stable callback reference
+  const handleItemClick = useCallback((id: number) => {
+    console.log(`Clicked item ${id}`);
+    // This function will only be recreated if its dependencies change
+  }, []); // No dependencies, so function never changes
+
+  return (
+    <div>
+      {processedItems.map(item => (
+        <div key={item.id} onClick={() => handleItemClick(item.id)}>
+          {item.processedValue}
+        </div>
+      ))}
+    </div>
+  );
+};
+
+// Parent component
+const ParentComponent: React.FC = () => {
+  const [items, setItems] = useState([
+    { id: 1, value: 10 },
+    { id: 2, value: 20 }
+  ]);
+  const [multiplier, setMultiplier] = useState(2);
+  const [otherState, setOtherState] = useState('');
+
+  // This callback is memoized and won't cause ExpensiveComponent to re-render
+  const handleAddItem = useCallback(() => {
+    setItems(prev => [...prev, { id: Date.now(), value: Math.random() * 100 }]);
+  }, []);
+
+  return (
+    <div>
+      <ExpensiveComponent items={items} multiplier={multiplier} />
+      <button onClick={handleAddItem}>Add Item</button>
+      <input 
+        value={otherState} 
+        onChange={(e) => setOtherState(e.target.value)} 
+        placeholder="This won't affect ExpensiveComponent"
+      />
+    </div>
+  );
+};
+```
+
+### Ref Hooks
+
+Hooks for managing references to DOM elements and mutable values.
+
+```typescript { .api }
+/**
+ * Ref hook for mutable values that persist across renders
+ */
+function useRef<T>(initialValue: T): MutableRefObject<T>;
+function useRef<T>(initialValue: T | null): RefObject<T>;
+function useRef<T = undefined>(): MutableRefObject<T | undefined>;
+
+/**
+ * Customizes the instance value exposed when using forwardRef
+ */
+function useImperativeHandle<T, R extends T>(
+  ref: Ref<T> | undefined,
+  init: () => R,
+  deps?: DependencyList
+): void;
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { useRef, useImperativeHandle, forwardRef } from "react";
+
+// Basic ref usage
+const FocusInput: React.FC = () => {
+  const inputRef = useRef<HTMLInputElement>(null);
+  const countRef = useRef<number>(0);
+
+  const focusInput = () => {
+    inputRef.current?.focus();
+  };
+
+  const incrementCount = () => {
+    countRef.current += 1;
+    console.log('Count:', countRef.current); // Doesn't trigger re-render
+  };
+
+  return (
+    <div>
+      <input ref={inputRef} placeholder="Click button to focus" />
+      <button onClick={focusInput}>Focus Input</button>
+      <button onClick={incrementCount}>Increment Count</button>
+    </div>
+  );
+};
+
+// useImperativeHandle with forwardRef
+interface CustomInputMethods {
+  focus: () => void;
+  clear: () => void;
+  getValue: () => string;
+}
+
+const CustomInput = forwardRef<CustomInputMethods, { placeholder?: string }>((props, ref) => {
+  const inputRef = useRef<HTMLInputElement>(null);
+
+  useImperativeHandle(ref, () => ({
+    focus: () => {
+      inputRef.current?.focus();
+    },
+    clear: () => {
+      if (inputRef.current) {
+        inputRef.current.value = '';
+      }
+    },
+    getValue: () => {
+      return inputRef.current?.value || '';
+    }
+  }), []); // No dependencies
+
+  return <input ref={inputRef} placeholder={props.placeholder} />;
+});
+
+// Using the custom input
+const ParentWithCustomInput: React.FC = () => {
+  const customInputRef = useRef<CustomInputMethods>(null);
+
+  const handleFocus = () => {
+    customInputRef.current?.focus();
+  };
+
+  const handleClear = () => {
+    customInputRef.current?.clear();
+  };
+
+  const handleGetValue = () => {
+    const value = customInputRef.current?.getValue();
+    alert(`Current value: ${value}`);
+  };
+
+  return (
+    <div>
+      <CustomInput ref={customInputRef} placeholder="Custom input" />
+      <button onClick={handleFocus}>Focus</button>
+      <button onClick={handleClear}>Clear</button>
+      <button onClick={handleGetValue}>Get Value</button>
+    </div>
+  );
+};
+```
+
+### Utility Hooks
+
+Additional hooks for debugging, IDs, and other utilities.
+
+```typescript { .api }
+/**
+ * Generates a unique ID that is stable across server and client
+ */
+function useId(): string;
+
+/**
+ * Debug value hook for development tools
+ */
+function useDebugValue<T>(value: T, format?: (value: T) => any): void;
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { useId, useDebugValue, useState } from "react";
+
+const FormField: React.FC<{ label: string; placeholder?: string }> = ({ label, placeholder }) => {
+  const id = useId(); // Generates unique ID like ":r1:"
+  const [value, setValue] = useState('');
+
+  return (
+    <div>
+      <label htmlFor={id}>{label}</label>
+      <input 
+        id={id}
+        value={value}
+        onChange={(e) => setValue(e.target.value)}
+        placeholder={placeholder}
+      />
+    </div>
+  );
+};
+
+// Custom hook with debug value
+function useToggle(initialValue: boolean = false) {
+  const [value, setValue] = useState(initialValue);
+  
+  // Show debug information in React DevTools
+  useDebugValue(value ? 'On' : 'Off');
+  
+  const toggle = useCallback(() => setValue(v => !v), []);
+  
+  return [value, toggle] as const;
+}
+
+// Custom hook with formatted debug value
+function useLocalStorage<T>(key: string, initialValue: T) {
+  const [storedValue, setStoredValue] = useState<T>(() => {
+    try {
+      const item = window.localStorage.getItem(key);
+      return item ? JSON.parse(item) : initialValue;
+    } catch (error) {
+      return initialValue;
+    }
+  });
+
+  // Format debug value for better display
+  useDebugValue(storedValue, (value) => `${key}: ${JSON.stringify(value)}`);
+
+  const setValue = (value: T | ((val: T) => T)) => {
+    try {
+      const valueToStore = value instanceof Function ? value(storedValue) : value;
+      setStoredValue(valueToStore);
+      window.localStorage.setItem(key, JSON.stringify(valueToStore));
+    } catch (error) {
+      console.error(`Error saving to localStorage:`, error);
+    }
+  };
+
+  return [storedValue, setValue] as const;
+}
+
+const ComponentWithCustomHooks: React.FC = () => {
+  const [isVisible, toggleVisible] = useToggle();
+  const [name, setName] = useLocalStorage('user-name', '');
+
+  return (
+    <div>
+      <button onClick={toggleVisible}>
+        {isVisible ? 'Hide' : 'Show'} Content
+      </button>
+      {isVisible && (
+        <div>
+          <FormField label="Name" />
+          <p>Stored name: {name}</p>
+        </div>
+      )}
+    </div>
+  );
+};
+```
+
+### Concurrent Features
+
+Hooks for React's concurrent features and performance optimization.
+
+```typescript { .api }
+/**
+ * Defers value updates to improve performance
+ */
+function useDeferredValue<T>(value: T): T;
+
+/**
+ * Transition hook for marking state updates as transitions
+ */
+function useTransition(): [boolean, TransitionStartFunction];
+
+/**
+ * Function to start a transition
+ */
+type TransitionStartFunction = (callback: () => void) => void;
+
+/**
+ * Transition function type for React concurrent features
+ */
+type TransitionFunction = () => void;
+
+/**
+ * Start transition without hook
+ */
+function startTransition(scope: TransitionFunction): void;
+
+/**
+ * Synchronize with external store
+ */
+function useSyncExternalStore<Snapshot>(
+  subscribe: (onStoreChange: () => void) => () => void,
+  getSnapshot: () => Snapshot,
+  getServerSnapshot?: () => Snapshot
+): Snapshot;
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { useState, useDeferredValue, useTransition, useSyncExternalStore } from "react";
+
+// Deferred value for performance
+const SearchResults: React.FC<{ query: string }> = ({ query }) => {
+  const deferredQuery = useDeferredValue(query);
+  
+  // This will use the deferred query, allowing input to stay responsive
+  const results = useSearchResults(deferredQuery);
+  
+  return (
+    <div>
+      {results.map(result => (
+        <div key={result.id}>{result.title}</div>
+      ))}
+    </div>
+  );
+};
+
+// Transition for non-urgent updates
+const TabContainer: React.FC = () => {
+  const [activeTab, setActiveTab] = useState('tab1');
+  const [isPending, startTransition] = useTransition();
+  
+  const handleTabClick = (tabId: string) => {
+    startTransition(() => {
+      // Mark this state update as non-urgent
+      setActiveTab(tabId);
+    });
+  };
+  
+  return (
+    <div>
+      <div>
+        <button onClick={() => handleTabClick('tab1')}>Tab 1</button>
+        <button onClick={() => handleTabClick('tab2')}>Tab 2</button>
+        {isPending && <span>Loading...</span>}
+      </div>
+      <TabContent tabId={activeTab} />
+    </div>
+  );
+};
+
+// External store synchronization
+const useOnlineStatus = () => {
+  return useSyncExternalStore(
+    (callback) => {
+      // Subscribe to online/offline events
+      window.addEventListener('online', callback);
+      window.addEventListener('offline', callback);
+      
+      // Return cleanup function
+      return () => {
+        window.removeEventListener('online', callback);
+        window.removeEventListener('offline', callback);
+      };
+    },
+    () => navigator.onLine, // Get current value
+    () => true // Server snapshot (assume online)
+  );
+};
+
+const NetworkStatus: React.FC = () => {
+  const isOnline = useOnlineStatus();
+  
+  return (
+    <div>
+      Status: {isOnline ? 'Online' : 'Offline'}
+    </div>
+  );
+};
+```
+
+## Types
+
+### Hook Type Definitions
+
+```typescript { .api }
+// Effect callback types
+type EffectCallback = () => (void | Destructor);
+type Destructor = () => void | { [UNDEFINED_VOID_ONLY]: never };
+
+// Dependency list
+type DependencyList = ReadonlyArray<unknown>;
+
+// Dispatch and actions
+type Dispatch<A> = (value: A) => void;
+type SetStateAction<S> = S | ((prevState: S) => S);
+
+// Reducer types
+type Reducer<S, A> = (prevState: S, action: A) => S;
+type ReducerState<R> = R extends Reducer<infer S, any> ? S : never;
+type ReducerAction<R> = R extends Reducer<any, infer A> ? A : never;
+
+// Ref types
+interface RefObject<T> {
+  readonly current: T | null;
+}
+
+interface MutableRefObject<T> {
+  current: T;
+}
+
+// Transition types
+type TransitionStartFunction = (callback: () => void) => void;
+
+// External store types
+type Subscribe = (callback: () => void) => () => void;
+type GetSnapshot<T> = () => T;
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-types--react/docs/index.md b/.tessl/tiles/tessl/npm-types--react/docs/index.md
new file mode 100644
index 000000000..44760c2ad
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-types--react/docs/index.md
@@ -0,0 +1,279 @@
+# @types/react
+
+@types/react provides comprehensive TypeScript definitions for React, enabling developers to use React components, hooks, and APIs with full type safety and intellisense support. This package defines types for React's core functionality including components, elements, hooks, context, events, and DOM interactions.
+
+## Package Information
+
+- **Package Name**: @types/react
+- **Package Type**: npm
+- **Language**: TypeScript
+- **Installation**: `npm install --save-dev @types/react`
+- **Dependencies**: @types/prop-types, csstype
+
+## Core Imports
+
+```typescript
+import * as React from "react";
+```
+
+Import specific functionality:
+
+```typescript
+import { 
+  useState, 
+  useEffect, 
+  Component, 
+  ReactNode, 
+  ReactElement,
+  FunctionComponent,
+  MouseEventHandler
+} from "react";
+```
+
+CommonJS:
+
+```javascript
+const React = require("react");
+```
+
+### Entry Points
+
+The package provides multiple entry points for different React features:
+
+```typescript
+// Main React API
+import * as React from "react";
+
+// Canary features (React 19+ experimental)
+import * as React from "react/canary";
+
+// Experimental features
+import * as React from "react/experimental";
+
+// JSX Runtime (for new JSX transform)
+import { jsx, jsxs } from "react/jsx-runtime";
+import { jsxDEV } from "react/jsx-dev-runtime";
+```
+
+## Basic Usage
+
+```typescript
+import React, { useState, useEffect, ReactNode, MouseEventHandler } from "react";
+
+// Function component with props
+interface ButtonProps {
+  children: ReactNode;
+  onClick: MouseEventHandler<HTMLButtonElement>;
+  disabled?: boolean;
+}
+
+const Button: React.FC<ButtonProps> = ({ children, onClick, disabled }) => {
+  return (
+    <button onClick={onClick} disabled={disabled}>
+      {children}
+    </button>
+  );
+};
+
+// Component with state and effects
+const Counter: React.FC = () => {
+  const [count, setCount] = useState<number>(0);
+  
+  useEffect(() => {
+    console.log(`Count updated to: ${count}`);
+  }, [count]);
+
+  const handleIncrement: MouseEventHandler<HTMLButtonElement> = () => {
+    setCount(prev => prev + 1);
+  };
+
+  return (
+    <div>
+      <p>Count: {count}</p>
+      <Button onClick={handleIncrement}>Increment</Button>
+    </div>
+  );
+};
+```
+
+## Architecture
+
+@types/react is organized around several key type categories:
+
+- **Core Types**: Fundamental React types like ReactElement, ReactNode, and Key
+- **Component Types**: Interfaces for function and class components, including lifecycle methods
+- **Hook Types**: Complete type definitions for all React hooks with proper generic support
+- **Event System**: Comprehensive synthetic event types mirroring DOM events with React-specific enhancements
+- **JSX Types**: Type definitions for JSX elements, intrinsic elements, and component props
+- **DOM Integration**: HTML and SVG element attribute types with React-specific additions
+- **Advanced Features**: Types for context, refs, portals, and higher-order components
+
+## Capabilities
+
+### Core React API
+
+Essential React functionality including components, elements, JSX, and basic type utilities. This covers the foundation of React development.
+
+```typescript { .api }
+// Core component types
+type ReactElement<P = any, T extends string | JSXElementConstructor<any> = string | JSXElementConstructor<any>> = {
+  type: T;
+  props: P;
+  key: string | null;
+};
+
+type ReactNode = ReactElement | string | number | ReactFragment | ReactPortal | boolean | null | undefined;
+
+type ComponentType<P = {}> = ComponentClass<P> | FunctionComponent<P>;
+```
+
+[Core React API](./core-api.md)
+
+### React Hooks
+
+Complete type definitions for all React hooks including state management, effects, performance optimization, and advanced patterns.
+
+```typescript { .api }
+function useState<S>(initialState: S | (() => S)): [S, Dispatch<SetStateAction<S>>];
+function useEffect(effect: EffectCallback, deps?: DependencyList): void;
+function useMemo<T>(factory: () => T, deps: DependencyList): T;
+function useCallback<T extends Function>(callback: T, deps: DependencyList): T;
+```
+
+[React Hooks](./hooks.md)
+
+### Event System
+
+Comprehensive synthetic event types and event handler interfaces for all DOM events with React-specific enhancements.
+
+```typescript { .api }
+interface SyntheticEvent<T = Element, E = Event> extends BaseSyntheticEvent<E, EventTarget & T, EventTarget> {}
+
+type MouseEventHandler<T = Element> = EventHandler<MouseEvent<T>>;
+type ChangeEventHandler<T = Element> = EventHandler<ChangeEvent<T>>;
+type FormEventHandler<T = Element> = EventHandler<FormEvent<T>>;
+```
+
+[Event System](./events.md)
+
+### Ref System
+
+Complete ref system including useRef, forwardRef, and all ref-related utilities with proper type inference.
+
+```typescript { .api }
+interface RefObject<T> {
+  readonly current: T | null;
+}
+
+interface MutableRefObject<T> {
+  current: T;
+}
+
+function useRef<T>(initialValue: T): MutableRefObject<T>;
+function forwardRef<T, P = {}>(render: ForwardRefRenderFunction<T, P>): ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>>;
+```
+
+[Ref System](./refs.md)
+
+### Context System
+
+React Context API types including createContext, useContext, and context provider/consumer patterns.
+
+```typescript { .api }
+interface Context<T> {
+  Provider: Provider<T>;
+  Consumer: Consumer<T>;
+  displayName?: string | undefined;
+}
+
+function createContext<T>(defaultValue: T): Context<T>;
+function useContext<T>(context: Context<T>): T;
+```
+
+[Context System](./context.md)
+
+### Advanced Components
+
+Higher-order components, lazy loading, memoization, and Suspense with complete type safety.
+
+```typescript { .api }
+function memo<P extends object>(Component: FunctionComponent<P>, propsAreEqual?: (prevProps: Readonly<P>, nextProps: Readonly<P>) => boolean): NamedExoticComponent<P>;
+
+function lazy<T extends ComponentType<any>>(factory: () => Promise<{ default: T }>): LazyExoticComponent<T>;
+
+class Suspense extends Component<SuspenseProps> {}
+```
+
+[Advanced Components](./advanced-components.md)
+
+### DOM Types
+
+Complete HTML and SVG element attribute types, DOM event interfaces, and React-specific DOM enhancements.
+
+```typescript { .api }
+interface HTMLAttributes<T> extends AriaAttributes, DOMAttributes<T> {
+  className?: string | undefined;
+  id?: string | undefined;
+  style?: CSSProperties | undefined;
+  // ... hundreds of HTML attributes
+}
+
+type DetailedHTMLProps<E extends HTMLAttributes<T>, T> = ClassAttributes<T> & E;
+```
+
+[DOM Types](./dom-types.md)
+
+### Canary Features
+
+Features available in React canary releases including async actions, useOptimistic, and server components.
+
+```typescript { .api }
+function use<T>(usable: Usable<T>): T;
+function useOptimistic<State>(passthrough: State): [State, (action: State | ((pendingState: State) => State)) => void];
+function cache<CachedFunction extends Function>(fn: CachedFunction): CachedFunction;
+```
+
+[Canary Features](./canary.md)
+
+### Experimental Features
+
+Cutting-edge React features in experimental builds including Suspense enhancements and effect events.
+
+```typescript { .api }
+function experimental_useEffectEvent<T extends Function>(event: T): T;
+const unstable_SuspenseList: ExoticComponent<SuspenseListProps>;
+```
+
+[Experimental Features](./experimental.md)
+
+## Types
+
+### Core Type Definitions
+
+```typescript { .api }
+// Fundamental React types
+type Key = string | number | bigint;
+type ReactText = string | number;
+type ReactChild = ReactElement | ReactText;
+
+interface ReactNodeArray extends ReadonlyArray<ReactNode> {}
+type ReactFragment = {} | ReactNodeArray;
+
+// Utility types for component development
+type Dispatch<A> = (value: A) => void;
+type SetStateAction<S> = S | ((prevState: S) => S);
+
+// JSX namespace types
+namespace JSX {
+  interface Element extends ReactElement<any, any> {}
+  interface ElementClass extends Component<any> {
+    render(): ReactNode;
+  }
+  interface ElementAttributesProperty {
+    props: {};
+  }
+  interface ElementChildrenAttribute {
+    children: {};
+  }
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-types--react/docs/refs.md b/.tessl/tiles/tessl/npm-types--react/docs/refs.md
new file mode 100644
index 000000000..93b7db481
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-types--react/docs/refs.md
@@ -0,0 +1,1016 @@
+# Ref System
+
+Complete ref system including useRef, forwardRef, and all ref-related utilities with proper type inference. React refs provide a way to access DOM elements and component instances directly.
+
+## Capabilities
+
+### Ref Types
+
+Core reference types for different use cases.
+
+```typescript { .api }
+/**
+ * Read-only ref object (typically for DOM elements)
+ */
+interface RefObject<T> {
+  readonly current: T | null;
+}
+
+/**
+ * Mutable ref object (for any mutable value)
+ */
+interface MutableRefObject<T> {
+  current: T;
+}
+
+/**
+ * Function-based ref callback
+ */
+type RefCallback<T> = {
+  bivarianceHack(instance: T | null): void;
+}["bivarianceHack"];
+
+/**
+ * Union of all ref types
+ */
+type Ref<T> = RefCallback<T> | RefObject<T> | null;
+
+/**
+ * Legacy string refs (deprecated but still typed)
+ */
+type LegacyRef<T> = string | Ref<T>;
+
+/**
+ * Ref type used in forwardRef render functions
+ */
+type ForwardedRef<T> = ((instance: T | null) => void) | MutableRefObject<T | null> | null;
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { RefObject, MutableRefObject, RefCallback, useRef } from "react";
+
+const RefTypesExample: React.FC = () => {
+  // RefObject for DOM elements (readonly)
+  const inputRef: RefObject<HTMLInputElement> = useRef<HTMLInputElement>(null);
+  
+  // MutableRefObject for mutable values
+  const countRef: MutableRefObject<number> = useRef<number>(0);
+  
+  // RefCallback for dynamic behavior
+  const callbackRef: RefCallback<HTMLDivElement> = (element) => {
+    if (element) {
+      console.log('Element mounted:', element);
+      element.style.backgroundColor = 'lightblue';
+    } else {
+      console.log('Element unmounted');
+    }
+  };
+
+  const focusInput = () => {
+    inputRef.current?.focus();
+  };
+
+  const incrementCount = () => {
+    countRef.current += 1;
+    console.log('Count:', countRef.current); // Doesn't cause re-render
+  };
+
+  return (
+    <div>
+      <input ref={inputRef} placeholder="Click button to focus" />
+      <button onClick={focusInput}>Focus Input</button>
+      
+      <div ref={callbackRef}>Element with callback ref</div>
+      
+      <button onClick={incrementCount}>
+        Increment Count (check console)
+      </button>
+    </div>
+  );
+};
+```
+
+### useRef Hook
+
+The useRef hook for creating ref objects and storing mutable values.
+
+```typescript { .api }
+/**
+ * Creates a mutable ref object with the given initial value
+ */
+function useRef<T>(initialValue: T): MutableRefObject<T>;
+
+/**
+ * Creates a ref object for DOM elements (initial value can be null)
+ */
+function useRef<T>(initialValue: T | null): RefObject<T>;
+
+/**
+ * Creates a ref object without initial value (undefined)
+ */
+function useRef<T = undefined>(): MutableRefObject<T | undefined>;
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { useRef, useEffect, useState } from "react";
+
+const UseRefExample: React.FC = () => {
+  // DOM element ref
+  const videoRef = useRef<HTMLVideoElement>(null);
+  const canvasRef = useRef<HTMLCanvasElement>(null);
+  
+  // Mutable value refs (don't trigger re-renders)
+  const intervalRef = useRef<NodeJS.Timeout | null>(null);
+  const renderCountRef = useRef<number>(0);
+  const previousValueRef = useRef<string>('');
+  
+  // State for comparison
+  const [inputValue, setInputValue] = useState<string>('');
+  const [isPlaying, setIsPlaying] = useState<boolean>(false);
+
+  // Track render count
+  renderCountRef.current += 1;
+
+  // Store previous value
+  useEffect(() => {
+    previousValueRef.current = inputValue;
+  });
+
+  const playVideo = () => {
+    if (videoRef.current) {
+      videoRef.current.play();
+      setIsPlaying(true);
+    }
+  };
+
+  const pauseVideo = () => {
+    if (videoRef.current) {
+      videoRef.current.pause();
+      setIsPlaying(false);
+    }
+  };
+
+  const startTimer = () => {
+    if (intervalRef.current) return; // Already running
+    
+    intervalRef.current = setInterval(() => {
+      console.log('Timer tick at:', new Date().toLocaleTimeString());
+    }, 1000);
+  };
+
+  const stopTimer = () => {
+    if (intervalRef.current) {
+      clearInterval(intervalRef.current);
+      intervalRef.current = null;
+    }
+  };
+
+  const captureFrame = () => {
+    if (videoRef.current && canvasRef.current) {
+      const canvas = canvasRef.current;
+      const ctx = canvas.getContext('2d');
+      const video = videoRef.current;
+      
+      if (ctx) {
+        canvas.width = video.videoWidth;
+        canvas.height = video.videoHeight;
+        ctx.drawImage(video, 0, 0);
+        
+        // Convert to blob and download
+        canvas.toBlob((blob) => {
+          if (blob) {
+            const url = URL.createObjectURL(blob);
+            const a = document.createElement('a');
+            a.href = url;
+            a.download = 'frame-capture.png';
+            a.click();
+            URL.revokeObjectURL(url);
+          }
+        });
+      }
+    }
+  };
+
+  // Cleanup on unmount
+  useEffect(() => {
+    return () => {
+      if (intervalRef.current) {
+        clearInterval(intervalRef.current);
+      }
+    };
+  }, []);
+
+  return (
+    <div>
+      <h3>useRef Examples</h3>
+      
+      {/* Render count (doesn't cause re-renders) */}
+      <p>Render count: {renderCountRef.current}</p>
+      
+      {/* Previous value tracking */}
+      <div>
+        <input
+          type="text"
+          value={inputValue}
+          onChange={(e) => setInputValue(e.target.value)}
+          placeholder="Type something..."
+        />
+        <p>Current: {inputValue}</p>
+        <p>Previous: {previousValueRef.current}</p>
+      </div>
+      
+      {/* Video controls */}
+      <div>
+        <video
+          ref={videoRef}
+          width="400"
+          height="300"
+          controls
+          src="/sample-video.mp4" // Replace with actual video
+        />
+        <div>
+          <button onClick={playVideo}>Play</button>
+          <button onClick={pauseVideo}>Pause</button>
+          <button onClick={captureFrame}>Capture Frame</button>
+          <span>Status: {isPlaying ? 'Playing' : 'Paused'}</span>
+        </div>
+      </div>
+      
+      {/* Timer controls */}
+      <div>
+        <button onClick={startTimer}>Start Timer</button>
+        <button onClick={stopTimer}>Stop Timer</button>
+      </div>
+      
+      {/* Hidden canvas for frame capture */}
+      <canvas ref={canvasRef} style={{ display: 'none' }} />
+    </div>
+  );
+};
+```
+
+### forwardRef
+
+Forward refs from parent components to child components.
+
+```typescript { .api }
+/**
+ * Render function for forwardRef components
+ */
+interface ForwardRefRenderFunction<T, P = {}> {
+  (props: P, ref: ForwardedRef<T>): ReactElement | null;
+  displayName?: string | undefined;
+  defaultProps?: never | undefined;
+  propTypes?: never | undefined;
+}
+
+/**
+ * Creates a component that forwards refs to its children
+ */
+function forwardRef<T, P = {}>(
+  render: ForwardRefRenderFunction<T, P>
+): ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>>;
+
+/**
+ * Component type returned by forwardRef
+ */
+interface ForwardRefExoticComponent<P> extends NamedExoticComponent<P> {
+  defaultProps?: never | undefined;
+  propTypes?: never | undefined;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { forwardRef, useRef, useImperativeHandle, ForwardedRef } from "react";
+
+// Basic forwardRef - pass ref to DOM element
+interface InputProps {
+  placeholder?: string;
+  onChange?: (value: string) => void;
+}
+
+const FancyInput = forwardRef<HTMLInputElement, InputProps>(
+  ({ placeholder, onChange }, ref) => {
+    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+      onChange?.(e.target.value);
+    };
+
+    return (
+      <input
+        ref={ref}
+        className="fancy-input"
+        placeholder={placeholder}
+        onChange={handleChange}
+        style={{
+          padding: '8px 12px',
+          border: '2px solid #007bff',
+          borderRadius: '4px',
+          fontSize: '16px'
+        }}
+      />
+    );
+  }
+);
+
+FancyInput.displayName = 'FancyInput';
+
+// Advanced forwardRef with custom methods
+interface VideoPlayerMethods {
+  play: () => void;
+  pause: () => void;
+  seek: (time: number) => void;
+  getCurrentTime: () => number;
+  getDuration: () => number;
+}
+
+interface VideoPlayerProps {
+  src: string;
+  onTimeUpdate?: (time: number) => void;
+}
+
+const VideoPlayer = forwardRef<VideoPlayerMethods, VideoPlayerProps>(
+  ({ src, onTimeUpdate }, ref) => {
+    const videoRef = useRef<HTMLVideoElement>(null);
+
+    // Expose custom methods through ref
+    useImperativeHandle(ref, () => ({
+      play: () => {
+        videoRef.current?.play();
+      },
+      pause: () => {
+        videoRef.current?.pause();
+      },
+      seek: (time: number) => {
+        if (videoRef.current) {
+          videoRef.current.currentTime = time;
+        }
+      },
+      getCurrentTime: () => {
+        return videoRef.current?.currentTime || 0;
+      },
+      getDuration: () => {
+        return videoRef.current?.duration || 0;
+      }
+    }), []);
+
+    const handleTimeUpdate = () => {
+      if (videoRef.current && onTimeUpdate) {
+        onTimeUpdate(videoRef.current.currentTime);
+      }
+    };
+
+    return (
+      <video
+        ref={videoRef}
+        src={src}
+        onTimeUpdate={handleTimeUpdate}
+        controls
+        style={{ width: '100%', maxWidth: '600px' }}
+      />
+    );
+  }
+);
+
+VideoPlayer.displayName = 'VideoPlayer';
+
+// Usage of forwardRef components
+const ForwardRefExample: React.FC = () => {
+  const inputRef = useRef<HTMLInputElement>(null);
+  const videoPlayerRef = useRef<VideoPlayerMethods>(null);
+  const [currentTime, setCurrentTime] = useState<number>(0);
+
+  const focusInput = () => {
+    inputRef.current?.focus();
+  };
+
+  const clearInput = () => {
+    if (inputRef.current) {
+      inputRef.current.value = '';
+    }
+  };
+
+  const playVideo = () => {
+    videoPlayerRef.current?.play();
+  };
+
+  const pauseVideo = () => {
+    videoPlayerRef.current?.pause();
+  };
+
+  const seekToMiddle = () => {
+    const duration = videoPlayerRef.current?.getDuration() || 0;
+    videoPlayerRef.current?.seek(duration / 2);
+  };
+
+  return (
+    <div>
+      <h3>forwardRef Examples</h3>
+      
+      {/* Basic forwardRef usage */}
+      <div>
+        <FancyInput
+          ref={inputRef}
+          placeholder="Type something..."
+          onChange={(value) => console.log('Input changed:', value)}
+        />
+        <button onClick={focusInput}>Focus</button>
+        <button onClick={clearInput}>Clear</button>
+      </div>
+      
+      {/* Advanced forwardRef with custom methods */}
+      <div>
+        <VideoPlayer
+          ref={videoPlayerRef}
+          src="/sample-video.mp4"
+          onTimeUpdate={setCurrentTime}
+        />
+        <div>
+          <button onClick={playVideo}>Play</button>
+          <button onClick={pauseVideo}>Pause</button>
+          <button onClick={seekToMiddle}>Seek to Middle</button>
+          <p>Current time: {currentTime.toFixed(2)}s</p>
+        </div>
+      </div>
+    </div>
+  );
+};
+```
+
+### useImperativeHandle
+
+Customize the instance value exposed when using forwardRef.
+
+```typescript { .api }
+/**
+ * Customizes the instance value exposed to parent components when using forwardRef
+ */
+function useImperativeHandle<T, R extends T>(
+  ref: Ref<T> | undefined,
+  init: () => R,
+  deps?: DependencyList
+): void;
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { 
+  forwardRef, 
+  useImperativeHandle, 
+  useRef, 
+  useState, 
+  ForwardedRef 
+} from "react";
+
+// Counter component with custom methods
+interface CounterMethods {
+  increment: () => void;
+  decrement: () => void;
+  reset: () => void;
+  getCount: () => number;
+  setCount: (value: number) => void;
+}
+
+interface CounterProps {
+  initialValue?: number;
+  onCountChange?: (count: number) => void;
+}
+
+const Counter = forwardRef<CounterMethods, CounterProps>(
+  ({ initialValue = 0, onCountChange }, ref) => {
+    const [count, setCount] = useState(initialValue);
+
+    // Expose custom methods through ref
+    useImperativeHandle(ref, () => ({
+      increment: () => {
+        setCount(prev => {
+          const newCount = prev + 1;
+          onCountChange?.(newCount);
+          return newCount;
+        });
+      },
+      decrement: () => {
+        setCount(prev => {
+          const newCount = prev - 1;
+          onCountChange?.(newCount);
+          return newCount;
+        });
+      },
+      reset: () => {
+        setCount(initialValue);
+        onCountChange?.(initialValue);
+      },
+      getCount: () => count,
+      setCount: (value: number) => {
+        setCount(value);
+        onCountChange?.(value);
+      }
+    }), [count, initialValue, onCountChange]); // Dependencies
+
+    return (
+      <div style={{ 
+        padding: '16px', 
+        border: '1px solid #ccc', 
+        borderRadius: '4px',
+        textAlign: 'center'
+      }}>
+        <h3>Count: {count}</h3>
+      </div>
+    );
+  }
+);
+
+// Form component with validation methods
+interface FormMethods {
+  validate: () => boolean;
+  reset: () => void;
+  getValues: () => { name: string; email: string };
+  setValues: (values: { name?: string; email?: string }) => void;
+  focus: (field: 'name' | 'email') => void;
+}
+
+interface FormProps {
+  onSubmit?: (values: { name: string; email: string }) => void;
+}
+
+const CustomForm = forwardRef<FormMethods, FormProps>(({ onSubmit }, ref) => {
+  const [name, setName] = useState('');
+  const [email, setEmail] = useState('');
+  const [errors, setErrors] = useState<{ name?: string; email?: string }>({});
+  
+  const nameInputRef = useRef<HTMLInputElement>(null);
+  const emailInputRef = useRef<HTMLInputElement>(null);
+
+  const validateForm = (): boolean => {
+    const newErrors: { name?: string; email?: string } = {};
+    
+    if (!name.trim()) {
+      newErrors.name = 'Name is required';
+    }
+    
+    if (!email.trim()) {
+      newErrors.email = 'Email is required';
+    } else if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
+      newErrors.email = 'Invalid email format';
+    }
+    
+    setErrors(newErrors);
+    return Object.keys(newErrors).length === 0;
+  };
+
+  // Expose methods through ref
+  useImperativeHandle(ref, () => ({
+    validate: validateForm,
+    reset: () => {
+      setName('');
+      setEmail('');
+      setErrors({});
+    },
+    getValues: () => ({ name, email }),
+    setValues: (values) => {
+      if (values.name !== undefined) setName(values.name);
+      if (values.email !== undefined) setEmail(values.email);
+    },
+    focus: (field) => {
+      if (field === 'name') {
+        nameInputRef.current?.focus();
+      } else if (field === 'email') {
+        emailInputRef.current?.focus();
+      }
+    }
+  }), [name, email]);
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    if (validateForm()) {
+      onSubmit?.({ name, email });
+    }
+  };
+
+  return (
+    <form onSubmit={handleSubmit}>
+      <div style={{ marginBottom: '16px' }}>
+        <input
+          ref={nameInputRef}
+          type="text"
+          placeholder="Name"
+          value={name}
+          onChange={(e) => setName(e.target.value)}
+          style={{ 
+            padding: '8px', 
+            borderColor: errors.name ? 'red' : '#ccc',
+            width: '100%'
+          }}
+        />
+        {errors.name && <div style={{ color: 'red', fontSize: '12px' }}>{errors.name}</div>}
+      </div>
+      
+      <div style={{ marginBottom: '16px' }}>
+        <input
+          ref={emailInputRef}
+          type="email"
+          placeholder="Email"
+          value={email}
+          onChange={(e) => setEmail(e.target.value)}
+          style={{ 
+            padding: '8px', 
+            borderColor: errors.email ? 'red' : '#ccc',
+            width: '100%'
+          }}
+        />
+        {errors.email && <div style={{ color: 'red', fontSize: '12px' }}>{errors.email}</div>}
+      </div>
+      
+      <button type="submit">Submit</button>
+    </form>
+  );
+});
+
+// Parent component using imperative handles
+const ImperativeHandleExample: React.FC = () => {
+  const counterRef = useRef<CounterMethods>(null);
+  const formRef = useRef<FormMethods>(null);
+
+  const handleCounterActions = () => {
+    const counter = counterRef.current;
+    if (counter) {
+      console.log('Current count:', counter.getCount());
+      counter.increment();
+      counter.increment();
+      console.log('After increments:', counter.getCount());
+    }
+  };
+
+  const handleFormActions = () => {
+    const form = formRef.current;
+    if (form) {
+      // Pre-fill form
+      form.setValues({ name: 'John Doe', email: 'john@example.com' });
+      
+      // Validate
+      if (form.validate()) {
+        console.log('Form is valid:', form.getValues());
+      } else {
+        console.log('Form has errors');
+        form.focus('name');
+      }
+    }
+  };
+
+  const resetForm = () => {
+    formRef.current?.reset();
+  };
+
+  return (
+    <div>
+      <h3>useImperativeHandle Examples</h3>
+      
+      <div style={{ marginBottom: '24px' }}>
+        <Counter
+          ref={counterRef}
+          initialValue={0}
+          onCountChange={(count) => console.log('Count changed to:', count)}
+        />
+        <button onClick={handleCounterActions}>Test Counter Methods</button>
+      </div>
+      
+      <div>
+        <CustomForm
+          ref={formRef}
+          onSubmit={(values) => console.log('Form submitted:', values)}
+        />
+        <div style={{ marginTop: '8px' }}>
+          <button onClick={handleFormActions}>Pre-fill & Validate</button>
+          <button onClick={resetForm} style={{ marginLeft: '8px' }}>Reset Form</button>
+        </div>
+      </div>
+    </div>
+  );
+};
+```
+
+### createRef
+
+Class-based ref creation (primarily for class components).
+
+```typescript { .api }
+/**
+ * Creates a ref object (primarily used in class components)
+ */
+function createRef<T>(): RefObject<T>;
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { Component, createRef } from "react";
+
+// Class component using createRef
+class ClassComponentExample extends Component<{}, { message: string }> {
+  private inputRef = createRef<HTMLInputElement>();
+  private divRef = createRef<HTMLDivElement>();
+
+  constructor(props: {}) {
+    super(props);
+    this.state = { message: '' };
+  }
+
+  componentDidMount() {
+    // Focus input when component mounts
+    this.inputRef.current?.focus();
+  }
+
+  focusInput = () => {
+    this.inputRef.current?.focus();
+  };
+
+  changeBackgroundColor = () => {
+    if (this.divRef.current) {
+      const colors = ['lightblue', 'lightgreen', 'lightcoral', 'lightyellow'];
+      const randomColor = colors[Math.floor(Math.random() * colors.length)];
+      this.divRef.current.style.backgroundColor = randomColor;
+    }
+  };
+
+  handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    this.setState({ message: e.target.value });
+  };
+
+  render() {
+    return (
+      <div ref={this.divRef} style={{ padding: '16px', minHeight: '200px' }}>
+        <h3>Class Component with createRef</h3>
+        
+        <input
+          ref={this.inputRef}
+          type="text"
+          value={this.state.message}
+          onChange={this.handleInputChange}
+          placeholder="Type a message..."
+          style={{ padding: '8px', marginRight: '8px' }}
+        />
+        
+        <button onClick={this.focusInput}>Focus Input</button>
+        <button onClick={this.changeBackgroundColor} style={{ marginLeft: '8px' }}>
+          Change Background
+        </button>
+        
+        <p>Message: {this.state.message}</p>
+      </div>
+    );
+  }
+}
+
+// Functional component wrapper for comparison
+const CreateRefExample: React.FC = () => {
+  return (
+    <div>
+      <ClassComponentExample />
+    </div>
+  );
+};
+```
+
+### Ref Callback Patterns
+
+Advanced patterns using ref callbacks for dynamic behavior.
+
+```typescript { .api }
+/**
+ * Ref callback function that can return cleanup
+ */
+type RefCallback<T> = (instance: T | null) => void;
+```
+
+**Usage Examples:**
+
+```typescript
+import React, { useState, useCallback } from "react";
+
+const RefCallbackExample: React.FC = () => {
+  const [dimensions, setDimensions] = useState({ width: 0, height: 0 });
+  const [observedElements, setObservedElements] = useState<Element[]>([]);
+
+  // ResizeObserver ref callback
+  const measuredRef = useCallback((node: HTMLDivElement | null) => {
+    if (node) {
+      const resizeObserver = new ResizeObserver((entries) => {
+        const entry = entries[0];
+        if (entry) {
+          setDimensions({
+            width: entry.contentRect.width,
+            height: entry.contentRect.height
+          });
+        }
+      });
+      
+      resizeObserver.observe(node);
+      
+      // Cleanup function (conceptual - would need to store observer reference)
+      return () => {
+        resizeObserver.unobserve(node);
+        resizeObserver.disconnect();
+      };
+    }
+  }, []);
+
+  // Intersection Observer ref callback
+  const intersectionRef = useCallback((node: HTMLDivElement | null) => {
+    if (node) {
+      const intersectionObserver = new IntersectionObserver(
+        (entries) => {
+          entries.forEach((entry) => {
+            if (entry.isIntersecting) {
+              console.log('Element is visible:', entry.target);
+              entry.target.classList.add('visible');
+            } else {
+              console.log('Element is hidden:', entry.target);
+              entry.target.classList.remove('visible');
+            }
+          });
+        },
+        { threshold: 0.5 }
+      );
+      
+      intersectionObserver.observe(node);
+      
+      // Store reference for tracking
+      setObservedElements(prev => [...prev, node]);
+    }
+  }, []);
+
+  // Auto-focus ref callback
+  const autoFocusRef = useCallback((node: HTMLInputElement | null) => {
+    if (node) {
+      // Focus after a small delay to ensure it's rendered
+      setTimeout(() => {
+        node.focus();
+        node.select(); // Also select all text
+      }, 100);
+    }
+  }, []);
+
+  // Dynamic styling ref callback
+  const dynamicStyleRef = useCallback((node: HTMLDivElement | null) => {
+    if (node) {
+      // Apply random gradient background
+      const colors = [
+        'linear-gradient(45deg, #ff6b6b, #ffa726)',
+        'linear-gradient(45deg, #4ecdc4, #44a08d)',
+        'linear-gradient(45deg, #a8edea, #fed6e3)',
+        'linear-gradient(45deg, #ff9a9e, #fecfef)'
+      ];
+      
+      const randomGradient = colors[Math.floor(Math.random() * colors.length)];
+      node.style.background = randomGradient;
+      node.style.transition = 'all 0.3s ease';
+      
+      // Add hover effects
+      const handleMouseEnter = () => {
+        node.style.transform = 'scale(1.05)';
+        node.style.boxShadow = '0 8px 25px rgba(0,0,0,0.15)';
+      };
+      
+      const handleMouseLeave = () => {
+        node.style.transform = 'scale(1)';
+        node.style.boxShadow = 'none';
+      };
+      
+      node.addEventListener('mouseenter', handleMouseEnter);
+      node.addEventListener('mouseleave', handleMouseLeave);
+      
+      // Cleanup listeners (conceptual)
+      return () => {
+        node.removeEventListener('mouseenter', handleMouseEnter);
+        node.removeEventListener('mouseleave', handleMouseLeave);
+      };
+    }
+  }, []);
+
+  return (
+    <div>
+      <h3>Ref Callback Patterns</h3>
+      
+      {/* Measured element */}
+      <div
+        ref={measuredRef}
+        style={{
+          resize: 'both',
+          overflow: 'auto',
+          border: '2px dashed #ccc',
+          padding: '16px',
+          minWidth: '200px',
+          minHeight: '100px',
+          marginBottom: '16px'
+        }}
+      >
+        <p>Resize me!</p>
+        <p>Width: {dimensions.width.toFixed(0)}px</p>
+        <p>Height: {dimensions.height.toFixed(0)}px</p>
+      </div>
+      
+      {/* Auto-focus input */}
+      <input
+        ref={autoFocusRef}
+        placeholder="I will auto-focus and select"
+        style={{ padding: '8px', marginBottom: '16px', width: '300px' }}
+      />
+      
+      {/* Dynamic styled element */}
+      <div
+        ref={dynamicStyleRef}
+        style={{
+          width: '200px',
+          height: '100px',
+          borderRadius: '8px',
+          marginBottom: '16px',
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          color: 'white',
+          fontWeight: 'bold',
+          cursor: 'pointer'
+        }}
+      >
+        Hover me!
+      </div>
+      
+      {/* Intersection observed elements */}
+      <div style={{ height: '400px', overflow: 'auto', border: '1px solid #ccc' }}>
+        <div style={{ height: '300px', padding: '16px' }}>Scroll down...</div>
+        
+        <div
+          ref={intersectionRef}
+          style={{
+            height: '100px',
+            backgroundColor: '#f0f0f0',
+            margin: '16px',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            transition: 'opacity 0.3s ease'
+          }}
+        >
+          I'll log when visible!
+        </div>
+        
+        <div style={{ height: '300px', padding: '16px' }}>Keep scrolling...</div>
+      </div>
+      
+      <p>Observed elements: {observedElements.length}</p>
+    </div>
+  );
+};
+```
+
+## Types
+
+### Ref Type Definitions
+
+```typescript { .api }
+// Core ref types
+interface RefObject<T> {
+  readonly current: T | null;
+}
+
+interface MutableRefObject<T> {
+  current: T;
+}
+
+type RefCallback<T> = {
+  bivarianceHack(instance: T | null): void;
+}["bivarianceHack"];
+
+type Ref<T> = RefCallback<T> | RefObject<T> | null;
+type LegacyRef<T> = string | Ref<T>;
+
+// ForwardRef types
+type ForwardedRef<T> = ((instance: T | null) => void) | MutableRefObject<T | null> | null;
+
+interface ForwardRefRenderFunction<T, P = {}> {
+  (props: P, ref: ForwardedRef<T>): ReactElement | null;
+  displayName?: string | undefined;
+  defaultProps?: never | undefined;
+  propTypes?: never | undefined;
+}
+
+interface ForwardRefExoticComponent<P> extends NamedExoticComponent<P> {
+  defaultProps?: never | undefined;
+  propTypes?: never | undefined;
+}
+
+// Ref attributes
+interface RefAttributes<T> extends Attributes {
+  ref?: Ref<T> | undefined;
+}
+
+interface ClassAttributes<T> extends Attributes {
+  ref?: LegacyRef<T> | undefined;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-types--react/tile.json b/.tessl/tiles/tessl/npm-types--react/tile.json
new file mode 100644
index 000000000..f8ae82c59
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-types--react/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-types--react",
+  "version": "18.3.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/%40types/react@18.3.12",
+  "summary": "TypeScript definitions for React, enabling developers to use React components, hooks, and APIs with full type safety and intellisense support"
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-typescript-eslint--eslint-plugin/docs/best-practices-rules.md b/.tessl/tiles/tessl/npm-typescript-eslint--eslint-plugin/docs/best-practices-rules.md
new file mode 100644
index 000000000..a5eabf6f0
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-typescript-eslint--eslint-plugin/docs/best-practices-rules.md
@@ -0,0 +1,571 @@
+# Best Practices Rules
+
+Rules that promote TypeScript and JavaScript best practices, preventing common pitfalls and anti-patterns. These rules help developers write more maintainable, performant, and error-resistant code.
+
+## Capabilities
+
+### Modern Language Features
+
+Rules that encourage the use of modern JavaScript and TypeScript features.
+
+```typescript { .api }
+/**
+ * Prefer optional chaining over chained logical ands
+ */
+"prefer-optional-chain": RuleModule;
+
+/**
+ * Enforce nullish coalescing over logical OR
+ */
+"prefer-nullish-coalescing": RuleModule;
+
+/**
+ * Prefer as const over literal type assertions
+ */
+"prefer-as-const": RuleModule;
+
+/**
+ * Prefer for-of loop over traditional for loop when possible
+ */
+"prefer-for-of": RuleModule;
+
+/**
+ * Prefer includes method over indexOf method
+ */
+"prefer-includes": RuleModule;
+
+/**
+ * Prefer string startsWith/endsWith over substring/indexOf
+ */
+"prefer-string-starts-ends-with": RuleModule;
+
+/**
+ * Prefer destructuring from arrays and objects
+ */
+"prefer-destructuring": RuleModule;
+```
+
+**Usage Examples:**
+
+```typescript
+// ❌ Bad - prefer-optional-chain
+if (user && user.profile && user.profile.settings) {
+  // Access user.profile.settings
+}
+
+// ✅ Good
+if (user?.profile?.settings) {
+  // Access user.profile.settings
+}
+
+// ❌ Bad - prefer-nullish-coalescing
+const name = user.name || 'Anonymous'; // Wrong for empty string
+
+// ✅ Good
+const name = user.name ?? 'Anonymous'; // Only null/undefined
+
+// ❌ Bad - prefer-includes
+if (items.indexOf(item) !== -1) {} // Verbose
+
+// ✅ Good
+if (items.includes(item)) {} // Clear intent
+
+// ❌ Bad - prefer-string-starts-ends-with
+if (str.substring(0, 6) === 'prefix') {} // Verbose
+
+// ✅ Good
+if (str.startsWith('prefix')) {} // Clear intent
+```
+
+### Type Safety Best Practices
+
+Rules that promote safer TypeScript patterns and discourage risky operations.
+
+```typescript { .api }
+/**
+ * Prefer using type parameter when calling Array#reduce
+ */
+"prefer-reduce-type-parameter": RuleModule;
+
+/**
+ * Prefer return this type for methods returning this
+ */
+"prefer-return-this-type": RuleModule;
+
+/**
+ * Prefer using the built-in comparison function in Array.sort()
+ */
+"require-array-sort-compare": RuleModule;
+
+/**
+ * Require that function parameters are used
+ */
+"no-unused-vars": RuleModule;
+
+/**
+ * Disallow unnecessary parameter property assignment
+ */
+"no-unnecessary-parameter-property-assignment": RuleModule;
+
+/**
+ * Prefer readonly arrays and tuples
+ */
+"prefer-readonly": RuleModule;
+
+/**
+ * Prefer readonly parameter types in function declarations
+ */
+"prefer-readonly-parameter-types": RuleModule;
+```
+
+**Usage Examples:**
+
+```typescript
+// ❌ Bad - prefer-reduce-type-parameter
+const result = items.reduce((acc, item) => acc + item.value, 0);
+
+// ✅ Good
+const result = items.reduce<number>((acc, item) => acc + item.value, 0);
+
+// ❌ Bad - require-array-sort-compare
+numbers.sort(); // Lexicographic sort, not numeric
+
+// ✅ Good
+numbers.sort((a, b) => a - b); // Proper numeric sort
+
+// ❌ Bad - prefer-readonly
+function processItems(items: Item[]) {} // Mutable array
+
+// ✅ Good
+function processItems(items: readonly Item[]) {} // Immutable array
+```
+
+### Error Handling Best Practices
+
+Rules that promote proper error handling and exception management.
+
+```typescript { .api }
+/**
+ * Require using Error objects as Promise rejection reasons
+ */
+"prefer-promise-reject-errors": RuleModule;
+
+/**
+ * Enforce "throw" expressions to only throw Error objects
+ */
+"only-throw-error": RuleModule;
+
+/**
+ * Require catch clauses to use unknown type for error
+ */
+"use-unknown-in-catch-callback-variable": RuleModule;
+
+/**
+ * Disallow the use of eval()-like functions
+ */
+"no-implied-eval": RuleModule;
+
+/**
+ * Disallow returning await in try/catch/finally
+ */
+"return-await": RuleModule;
+
+/**
+ * Require async functions to have await
+ */
+"require-await": RuleModule;
+```
+
+**Usage Examples:**
+
+```typescript
+// ❌ Bad - only-throw-error
+throw 'Something went wrong'; // String instead of Error
+
+// ✅ Good
+throw new Error('Something went wrong');
+
+// ❌ Bad - use-unknown-in-catch-callback-variable
+try {
+  riskyOperation();
+} catch (error) { // error is implicitly any
+  console.log(error.message);
+}
+
+// ✅ Good
+try {
+  riskyOperation();
+} catch (error: unknown) {
+  if (error instanceof Error) {
+    console.log(error.message);
+  }
+}
+
+// ❌ Bad - prefer-promise-reject-errors
+return Promise.reject('Failed'); // String rejection
+
+// ✅ Good
+return Promise.reject(new Error('Failed')); // Error object
+```
+
+### Function and Method Best Practices
+
+Rules that promote better function and method design patterns.
+
+```typescript { .api }
+/**
+ * Require promise-returning functions to be async
+ */
+"promise-function-async": RuleModule;
+
+/**
+ * Disallow functions that don't use this
+ */
+"class-methods-use-this": RuleModule;
+
+/**
+ * Require consistent return statements
+ */
+"consistent-return": RuleModule;
+
+/**
+ * Disallow unbound methods
+ */
+"unbound-method": RuleModule;
+
+/**
+ * Require default parameters to be last
+ */
+"default-param-last": RuleModule;
+
+/**
+ * Enforce maximum number of parameters
+ */
+"max-params": RuleModule;
+```
+
+**Usage Examples:**
+
+```typescript
+// ❌ Bad - promise-function-async
+function fetchData() { // Should be async
+  return fetch('/api/data');
+}
+
+// ✅ Good
+async function fetchData() {
+  return fetch('/api/data');
+}
+
+// ❌ Bad - unbound-method
+const obj = { method() { return this.value; } };
+const fn = obj.method; // Lost context
+
+// ✅ Good
+const obj = { method() { return this.value; } };
+const fn = obj.method.bind(obj); // Bound context
+```
+
+### Loop and Iteration Best Practices
+
+Rules that promote efficient and safe iteration patterns.
+
+```typescript { .api }
+/**
+ * Prefer for-of loops over traditional for loops
+ */
+"prefer-for-of": RuleModule;
+
+/**
+ * Disallow for-in loops over arrays
+ */
+"no-for-in-array": RuleModule;
+
+/**
+ * Prefer Array.find() over filter()[0]
+ */
+"prefer-find": RuleModule;
+
+/**
+ * Disallow function declarations in nested blocks
+ */
+"no-loop-func": RuleModule;
+```
+
+**Usage Examples:**
+
+```typescript
+// ❌ Bad - prefer-for-of
+for (let i = 0; i < items.length; i++) {
+  console.log(items[i]);
+}
+
+// ✅ Good
+for (const item of items) {
+  console.log(item);
+}
+
+// ❌ Bad - no-for-in-array
+for (const index in array) { // for-in on array
+  console.log(array[index]);
+}
+
+// ✅ Good
+for (const item of array) {
+  console.log(item);
+}
+
+// ❌ Bad - prefer-find
+const user = users.filter(u => u.id === targetId)[0];
+
+// ✅ Good
+const user = users.find(u => u.id === targetId);
+```
+
+### Type Definition Best Practices
+
+Rules that encourage better type definition practices.
+
+```typescript { .api }
+/**
+ * Prefer function types over interfaces with call signatures
+ */
+"prefer-function-type": RuleModule;
+
+/**
+ * Prefer literal enum members
+ */
+"prefer-literal-enum-member": RuleModule;
+
+/**
+ * Prefer initializing enum members
+ */
+"prefer-enum-initializers": RuleModule;
+
+/**
+ * Require namespace keyword over module keyword
+ */
+"prefer-namespace-keyword": RuleModule;
+
+/**
+ * Disallow empty interfaces
+ */
+"no-empty-interface": RuleModule;
+
+/**
+ * Require consistent use of type exports
+ */
+"consistent-type-exports": RuleModule;
+```
+
+**Usage Examples:**
+
+```typescript
+// ❌ Bad - prefer-function-type
+interface Handler {
+  (event: Event): void; // Single call signature
+}
+
+// ✅ Good
+type Handler = (event: Event) => void;
+
+// ❌ Bad - prefer-literal-enum-member
+enum Status {
+  Active = getValue(), // Computed value
+  Inactive = 'inactive'
+}
+
+// ✅ Good
+enum Status {
+  Active = 'active',
+  Inactive = 'inactive'
+}
+
+// ❌ Bad - no-empty-interface
+interface EmptyInterface {} // No members
+
+// ✅ Good
+interface UserInterface {
+  name: string;
+  email: string;
+}
+```
+
+### Import and Module Best Practices
+
+Rules that promote better module organization and import patterns.
+
+```typescript { .api }
+/**
+ * Disallow unnecessary type imports
+ */
+"no-import-type-side-effects": RuleModule;
+
+/**
+ * Require consistent type imports
+ */
+"consistent-type-imports": RuleModule;
+
+/**
+ * Require consistent type exports
+ */
+"consistent-type-exports": RuleModule;
+
+/**
+ * Disallow useless empty exports
+ */
+"no-useless-empty-export": RuleModule;
+
+/**
+ * Disallow require statements except in import statements
+ */
+"no-require-imports": RuleModule;
+```
+
+**Usage Examples:**
+
+```typescript
+// ❌ Bad - consistent-type-imports
+import { User, createUser } from './user'; // Mixed import
+const user: User = createUser('John');
+
+// ✅ Good
+import type { User } from './user';
+import { createUser } from './user';
+const user: User = createUser('John');
+
+// ❌ Bad - no-useless-empty-export
+export {}; // Unnecessary empty export
+
+// ✅ Good
+export type { User };
+export { createUser };
+```
+
+### Performance Best Practices
+
+Rules that help avoid performance pitfalls and promote efficient code.
+
+```typescript { .api }
+/**
+ * Prefer regexp exec over string match for global regex
+ */
+"prefer-regexp-exec": RuleModule;
+
+/**
+ * Disallow expressions that evaluate to NaN
+ */
+"no-loss-of-precision": RuleModule;
+
+/**
+ * Require explicit handling of template expression types
+ */
+"restrict-template-expressions": RuleModule;
+
+/**
+ * Require both operands of addition to be numbers or strings
+ */
+"restrict-plus-operands": RuleModule;
+
+/**
+ * Disallow delete operator on array elements
+ */
+"no-array-delete": RuleModule;
+
+/**
+ * Disallow dynamic delete operations
+ */
+"no-dynamic-delete": RuleModule;
+```
+
+**Usage Examples:**
+
+```typescript
+// ❌ Bad - no-array-delete
+delete array[0]; // Creates hole in array
+
+// ✅ Good
+array.splice(0, 1); // Properly removes element
+
+// ❌ Bad - restrict-plus-operands
+const result = value + {}; // Unclear concatenation
+
+// ✅ Good
+const result = value + String(obj); // Explicit conversion
+
+// ❌ Bad - no-dynamic-delete
+delete obj[key]; // Dynamic property deletion
+
+// ✅ Good
+const { [key]: _, ...rest } = obj; // Destructuring removal
+```
+
+## Configuration Examples
+
+### Strict Best Practices
+
+```json
+{
+  "rules": {
+    "@typescript-eslint/prefer-optional-chain": "error",
+    "@typescript-eslint/prefer-nullish-coalescing": "error",
+    "@typescript-eslint/prefer-as-const": "error",
+    "@typescript-eslint/prefer-readonly": "error",
+    "@typescript-eslint/require-array-sort-compare": "error",
+    "@typescript-eslint/only-throw-error": "error",
+    "@typescript-eslint/promise-function-async": "error"
+  }
+}
+```
+
+### Progressive Enhancement
+
+```json
+{
+  "rules": {
+    "@typescript-eslint/prefer-optional-chain": "warn",
+    "@typescript-eslint/prefer-includes": "warn",
+    "@typescript-eslint/prefer-for-of": "warn",
+    "@typescript-eslint/prefer-string-starts-ends-with": "warn",
+    "@typescript-eslint/consistent-type-imports": "warn"
+  }
+}
+```
+
+## Types
+
+```typescript { .api }
+interface RuleModule {
+  meta: {
+    type: "problem" | "suggestion" | "layout";
+    docs: {
+      description: string;
+      recommended?: boolean | string;
+      requiresTypeChecking?: boolean;
+    };
+    messages: Record<string, string>;
+    schema: JSONSchema;
+    fixable?: "code" | "whitespace";
+    hasSuggestions?: boolean;
+  };
+  create(context: RuleContext): RuleListener;
+}
+
+interface BestPracticeRuleOptions {
+  allowExpressions?: boolean;
+  allowTypedFunctionExpressions?: boolean;
+  allowHigherOrderFunctions?: boolean;
+  allowDirectConstAssertionInArrowFunctions?: boolean;
+  allowConciseFunctionExpressionUsage?: boolean;
+}
+
+interface PreferOptionalChainOptions {
+  checkAny?: boolean;
+  checkUnknown?: boolean;
+  checkString?: boolean;
+  checkNumber?: boolean;
+  checkBoolean?: boolean;
+  checkBigInt?: boolean;
+  requireNullish?: boolean;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-typescript-eslint--eslint-plugin/docs/code-quality-rules.md b/.tessl/tiles/tessl/npm-typescript-eslint--eslint-plugin/docs/code-quality-rules.md
new file mode 100644
index 000000000..e80913005
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-typescript-eslint--eslint-plugin/docs/code-quality-rules.md
@@ -0,0 +1,521 @@
+# Code Quality Rules
+
+Rules that enforce code quality, consistency, and best practices specific to TypeScript development. These rules help maintain clean, readable, and maintainable TypeScript codebases.
+
+## Capabilities
+
+### Import and Export Management
+
+Rules that govern how imports and exports are structured and used.
+
+```typescript { .api }
+/**
+ * Enforce consistent type imports
+ */
+"consistent-type-imports": RuleModule;
+
+/**
+ * Enforce consistent type exports
+ */
+"consistent-type-exports": RuleModule;
+
+/**
+ * Disallow import type side effects
+ */
+"no-import-type-side-effects": RuleModule;
+
+/**
+ * Disallow require statements except in import statements
+ */
+"no-require-imports": RuleModule;
+
+/**
+ * Disallow var requires in favor of import
+ */
+"no-var-requires": RuleModule;
+
+/**
+ * Disallow specified modules when loaded by import
+ */
+"no-restricted-imports": RuleModule;
+```
+
+**Usage Examples:**
+
+```typescript
+// ❌ Bad - consistent-type-imports
+import { User, createUser } from './user';
+const user: User = createUser();
+
+// ✅ Good
+import type { User } from './user';
+import { createUser } from './user';
+const user: User = createUser();
+
+// ❌ Bad - no-var-requires
+const fs = require('fs'); // Error in TypeScript
+
+// ✅ Good
+import * as fs from 'fs';
+```
+
+### Type Definition Management
+
+Rules that ensure proper usage and definition of TypeScript types.
+
+```typescript { .api }
+/**
+ * Enforce type definitions to be consistently defined as interface or type
+ */
+"consistent-type-definitions": RuleModule;
+
+/**
+ * Enforce consistent indexed object style
+ */
+"consistent-indexed-object-style": RuleModule;
+
+/**
+ * Enforce consistent generic constructors
+ */
+"consistent-generic-constructors": RuleModule;
+
+/**
+ * Disallow type aliases in favor of interfaces where possible
+ */
+"no-type-alias": RuleModule;
+
+/**
+ * Require consistent use of type assertions
+ */
+"consistent-type-assertions": RuleModule;
+
+/**
+ * Disallow inferrable types in variable declarations
+ */
+"no-inferrable-types": RuleModule;
+
+/**
+ * Disallow specified types from being used
+ */
+"no-restricted-types": RuleModule;
+
+/**
+ * Disallow this keywords outside of classes or class-like objects
+ */
+"no-invalid-this": RuleModule;
+
+/**
+ * Disallow unnecessary namespace qualifiers
+ */
+"no-unnecessary-qualifier": RuleModule;
+```
+
+**Usage Examples:**
+
+```typescript
+// ❌ Bad - consistent-type-definitions (with interface preference)
+type User = {
+  name: string;
+  email: string;
+};
+
+// ✅ Good
+interface User {
+  name: string;
+  email: string;
+}
+
+// ❌ Bad - no-inferrable-types
+const count: number = 0; // Type is inferrable
+
+// ✅ Good
+const count = 0; // Type inferred as number
+```
+
+### Function Definition Quality
+
+Rules that enforce best practices for function definitions and signatures.
+
+```typescript { .api }
+/**
+ * Require explicit return types on functions and class methods
+ */
+"explicit-function-return-type": RuleModule;
+
+/**
+ * Require explicit return and argument types on exported functions
+ */
+"explicit-module-boundary-types": RuleModule;
+
+/**
+ * Enforce consistent return statements in functions
+ */
+"consistent-return": RuleModule;
+
+/**
+ * Enforce default parameters to be last
+ */
+"default-param-last": RuleModule;
+
+/**
+ * Enforce a maximum number of parameters in function definitions
+ */
+"max-params": RuleModule;
+
+/**
+ * Disallow functions without return type annotation
+ */
+"typedef": RuleModule;
+
+/**
+ * Require function overload signatures to be consecutive
+ */
+"adjacent-overload-signatures": RuleModule;
+
+/**
+ * Prefer function signatures to be unified when possible
+ */
+"unified-signatures": RuleModule;
+```
+
+**Usage Examples:**
+
+```typescript
+// ❌ Bad - explicit-function-return-type
+function calculateTotal(items) { // Missing return type
+  return items.length * 10;
+}
+
+// ✅ Good
+function calculateTotal(items: Item[]): number {
+  return items.length * 10;
+}
+
+// ❌ Bad - default-param-last
+function greet(name = 'World', greeting: string) { // Default param not last
+  return `${greeting}, ${name}!`;
+}
+
+// ✅ Good
+function greet(greeting: string, name = 'World'): string {
+  return `${greeting}, ${name}!`;
+}
+```
+
+### Class Definition Quality
+
+Rules that govern class structure and member definitions.
+
+```typescript { .api }
+/**
+ * Require explicit accessibility modifiers on class properties and methods
+ */
+"explicit-member-accessibility": RuleModule;
+
+/**
+ * Enforce consistent member declaration order
+ */
+"member-ordering": RuleModule;
+
+/**
+ * Enforce consistent method signature style
+ */
+"method-signature-style": RuleModule;
+
+/**
+ * Enforce consistent property style for classes
+ */
+"class-literal-property-style": RuleModule;
+
+/**
+ * Enforce that class methods use this when appropriate
+ */
+"class-methods-use-this": RuleModule;
+
+/**
+ * Disallow duplicate class members
+ */
+"no-dupe-class-members": RuleModule;
+
+/**
+ * Disallow empty class constructors
+ */
+"no-useless-constructor": RuleModule;
+
+/**
+ * Disallow classes that serve no purpose
+ */
+"no-extraneous-class": RuleModule;
+
+/**
+ * Enforce or disallow parameter properties
+ */
+"parameter-properties": RuleModule;
+```
+
+**Usage Examples:**
+
+```typescript
+// ❌ Bad - explicit-member-accessibility
+class User {
+  name: string; // Missing accessibility modifier
+  constructor(name: string) {
+    this.name = name;
+  }
+}
+
+// ✅ Good
+class User {
+  public name: string;
+  public constructor(name: string) {
+    this.name = name;
+  }
+}
+
+// ❌ Bad - method-signature-style (with method preference)
+interface Calculator {
+  add: (a: number, b: number) => number; // Property signature
+}
+
+// ✅ Good
+interface Calculator {
+  add(a: number, b: number): number; // Method signature
+}
+```
+
+### Variable and Declaration Management
+
+Rules that govern variable declarations and usage patterns.
+
+```typescript { .api }
+/**
+ * Require or disallow initialization in variable declarations
+ */
+"init-declarations": RuleModule;
+
+/**
+ * Disallow variable redeclaration
+ */
+"no-redeclare": RuleModule;
+
+/**
+ * Disallow shadowing of variables
+ */
+"no-shadow": RuleModule;
+
+/**
+ * Disallow use of variables before they are defined
+ */
+"no-use-before-define": RuleModule;
+
+/**
+ * Disallow unused variables
+ */
+"no-unused-vars": RuleModule;
+
+/**
+ * Disallow unused expressions
+ */
+"no-unused-expressions": RuleModule;
+
+/**
+ * Disallow aliasing this
+ */
+"no-this-alias": RuleModule;
+```
+
+**Usage Examples:**
+
+```typescript
+// ❌ Bad - no-unused-vars
+function processData(data: string, unusedParam: number) { // unusedParam not used
+  return data.toUpperCase();
+}
+
+// ✅ Good
+function processData(data: string): string {
+  return data.toUpperCase();
+}
+
+// ❌ Bad - no-shadow
+const name = 'global';
+function process() {
+  const name = 'local'; // Shadows global name
+  return name;
+}
+
+// ✅ Good
+const globalName = 'global';
+function process() {
+  const localName = 'local';
+  return localName;
+}
+```
+
+### Code Structure and Organization
+
+Rules that enforce consistent code structure and organization.
+
+```typescript { .api }
+/**
+ * Disallow empty functions
+ */
+"no-empty-function": RuleModule;
+
+/**
+ * Disallow useless empty exports
+ */
+"no-useless-empty-export": RuleModule;
+
+/**
+ * Disallow meaningless void operator
+ */
+"no-meaningless-void-operator": RuleModule;
+
+/**
+ * Disallow confusing void expressions in statement position
+ */
+"no-confusing-void-expression": RuleModule;
+
+/**
+ * Require using Error objects as Promise rejection reasons
+ */
+"prefer-promise-reject-errors": RuleModule;
+
+/**
+ * Require that function overload signatures be consecutive
+ */
+"adjacent-overload-signatures": RuleModule;
+
+/**
+ * Enforce consistent spacing and formatting
+ */
+"comma-dangle": RuleModule;
+
+/**
+ * Enforce dot notation when possible
+ */
+"dot-notation": RuleModule;
+```
+
+**Usage Examples:**
+
+```typescript
+// ❌ Bad - no-empty-function
+function processData() {} // Empty function
+
+// ✅ Good
+function processData(): void {
+  // TODO: Implement data processing
+  throw new Error('Not implemented');
+}
+
+// ❌ Bad - prefer-promise-reject-errors
+return Promise.reject('Error message'); // String rejection
+
+// ✅ Good
+return Promise.reject(new Error('Error message')); // Error object
+```
+
+### Deprecated and Legacy Patterns
+
+Rules that discourage deprecated or legacy TypeScript/JavaScript patterns.
+
+```typescript { .api }
+/**
+ * Disallow usage of deprecated APIs
+ */
+"no-deprecated": RuleModule;
+
+/**
+ * Disallow // tslint:<rule-flag> comments
+ */
+"ban-tslint-comment": RuleModule;
+
+/**
+ * Disallow @ts-<directive> comments or require descriptions
+ */
+"ban-ts-comment": RuleModule;
+
+/**
+ * Disallow triple slash reference directives
+ */
+"triple-slash-reference": RuleModule;
+
+/**
+ * Disallow the use of require()
+ */
+"no-require-imports": RuleModule;
+
+/**
+ * Disallow TypeScript namespaces
+ */
+"no-namespace": RuleModule;
+
+/**
+ * Require using namespace keyword over module keyword
+ */
+"prefer-namespace-keyword": RuleModule;
+```
+
+**Usage Examples:**
+
+```typescript
+// ❌ Bad - ban-ts-comment
+// @ts-ignore // Error: Use @ts-expect-error instead
+const result = riskyOperation();
+
+// ✅ Good
+// @ts-expect-error - Known issue with third-party library
+const result = riskyOperation();
+
+// ❌ Bad - no-namespace
+namespace Utils { // Prefer modules
+  export function helper() {}
+}
+
+// ✅ Good
+// utils.ts
+export function helper() {}
+```
+
+## Types
+
+```typescript { .api }
+interface RuleModule {
+  meta: {
+    type: "problem" | "suggestion" | "layout";
+    docs: {
+      description: string;
+      recommended?: boolean | string;
+      requiresTypeChecking?: boolean;
+      extendsBaseRule?: boolean | string;
+    };
+    messages: Record<string, string>;
+    schema: JSONSchema;
+    fixable?: "code" | "whitespace";
+    hasSuggestions?: boolean;
+  };
+  create(context: RuleContext): RuleListener;
+}
+
+interface RuleContext {
+  id: string;
+  options: unknown[];
+  settings: Record<string, unknown>;
+  parserOptions: ParserOptions;
+  getSourceCode(): SourceCode;
+  report(descriptor: ReportDescriptor): void;
+  getFilename(): string;
+  getCwd(): string;
+}
+
+interface ReportDescriptor {
+  node: Node;
+  message: string;
+  messageId?: string;
+  data?: Record<string, unknown>;
+  fix?: (fixer: RuleFixer) => Fix | null;
+  suggest?: SuggestionDescriptor[];
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-typescript-eslint--eslint-plugin/docs/index.md b/.tessl/tiles/tessl/npm-typescript-eslint--eslint-plugin/docs/index.md
new file mode 100644
index 000000000..f0863404a
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-typescript-eslint--eslint-plugin/docs/index.md
@@ -0,0 +1,229 @@
+# TypeScript ESLint Plugin
+
+The TypeScript ESLint Plugin is a comprehensive ESLint plugin specifically designed for TypeScript codebases, providing 131 lint rules that help developers write better, more consistent TypeScript code. It integrates seamlessly with the TypeScript compiler and ESLint ecosystem to provide static analysis and code quality enforcement for TypeScript projects.
+
+## Package Information
+
+- **Package Name**: @typescript-eslint/eslint-plugin
+- **Package Type**: npm (ESLint plugin)
+- **Language**: TypeScript/JavaScript
+- **Installation**: `npm install @typescript-eslint/eslint-plugin`
+
+## Core Imports
+
+```typescript
+// Main plugin import
+import plugin from "@typescript-eslint/eslint-plugin";
+
+// Individual rules access
+import rules from "@typescript-eslint/eslint-plugin/use-at-your-own-risk/rules";
+
+// Raw plugin with additional exports
+import { plugin, parser, flatConfigs } from "@typescript-eslint/eslint-plugin/use-at-your-own-risk/raw-plugin";
+```
+
+For CommonJS:
+
+```javascript
+// Main plugin import
+const plugin = require("@typescript-eslint/eslint-plugin");
+
+// Individual rules access
+const rules = require("@typescript-eslint/eslint-plugin/use-at-your-own-risk/rules");
+
+// Raw plugin with additional exports
+const { plugin, parser, flatConfigs } = require("@typescript-eslint/eslint-plugin/use-at-your-own-risk/raw-plugin");
+```
+
+## Basic Usage
+
+```typescript
+// Basic ESLint configuration (legacy format)
+module.exports = {
+  parser: "@typescript-eslint/parser",
+  plugins: ["@typescript-eslint"],
+  extends: [
+    "@typescript-eslint/recommended",
+    "@typescript-eslint/recommended-type-checked"
+  ],
+  parserOptions: {
+    project: "./tsconfig.json"
+  },
+  rules: {
+    "@typescript-eslint/no-unused-vars": "error",
+    "@typescript-eslint/explicit-function-return-type": "warn"
+  }
+};
+
+// Flat configuration format (ESLint 9+)
+import tseslint from "@typescript-eslint/eslint-plugin/use-at-your-own-risk/raw-plugin";
+
+export default [
+  ...tseslint.flatConfigs["flat/recommended"],
+  {
+    languageOptions: {
+      parser: tseslint.parser,
+      parserOptions: {
+        project: "./tsconfig.json"
+      }
+    },
+    plugins: {
+      "@typescript-eslint": tseslint.plugin
+    },
+    rules: {
+      "@typescript-eslint/no-unused-vars": "error"
+    }
+  }
+];
+```
+
+## Architecture
+
+The TypeScript ESLint Plugin is built around several key components:
+
+- **Plugin System**: ESLint plugin architecture providing rules, configurations, and metadata
+- **Rule Engine**: 108 individual lint rules covering TypeScript-specific language features and best practices
+- **Configuration Presets**: Pre-configured rule sets (recommended, strict, stylistic) for different project needs
+- **Type Integration**: Seamless integration with TypeScript compiler for type-aware linting
+- **Dual Config Support**: Compatible with both legacy ESLint RC and modern flat configuration formats
+
+## Capabilities
+
+### Plugin Configuration
+
+Core plugin setup and configuration presets for different project requirements. Provides both legacy and modern configuration formats.
+
+```typescript { .api }
+interface PluginExport {
+  configs: Record<string, ClassicConfig.Config>;
+  meta: FlatConfig.PluginMeta;
+  rules: TypeScriptESLintRules;
+}
+
+interface RawPluginExport {
+  flatConfigs: Record<string, FlatConfig.Config | FlatConfig.ConfigArray>;
+  parser: FlatConfig.Parser;
+  plugin: PluginExport;
+}
+```
+
+[Plugin Configuration](./plugin-configuration.md)
+
+### Type Safety Rules
+
+Rules focused on TypeScript type safety, preventing common type-related errors and enforcing proper type usage.
+
+```typescript { .api }
+// Example type safety rules
+interface TypeSafetyRules {
+  "no-unsafe-assignment": RuleModule;
+  "no-unsafe-call": RuleModule;
+  "no-unsafe-member-access": RuleModule;
+  "no-unsafe-return": RuleModule;
+  "no-floating-promises": RuleModule;
+  "await-thenable": RuleModule;
+  "no-misused-promises": RuleModule;
+}
+```
+
+[Type Safety Rules](./type-safety-rules.md)
+
+### Code Quality Rules
+
+Rules that enforce code quality, consistency, and best practices specific to TypeScript development.
+
+```typescript { .api }
+// Example code quality rules
+interface CodeQualityRules {
+  "consistent-type-imports": RuleModule;
+  "consistent-type-definitions": RuleModule;
+  "explicit-function-return-type": RuleModule;
+  "explicit-member-accessibility": RuleModule;
+  "no-duplicate-enum-values": RuleModule;
+  "no-empty-interface": RuleModule;
+}
+```
+
+[Code Quality Rules](./code-quality-rules.md)
+
+### Style and Formatting Rules
+
+Rules focused on code style, naming conventions, and formatting preferences for TypeScript code.
+
+```typescript { .api }
+// Example stylistic rules
+interface StyleRules {
+  "naming-convention": RuleModule;
+  "member-ordering": RuleModule;
+  "array-type": RuleModule;
+  "consistent-type-assertions": RuleModule;
+  "method-signature-style": RuleModule;
+  "class-literal-property-style": RuleModule;
+}
+```
+
+[Style and Formatting Rules](./style-formatting-rules.md)
+
+### Best Practices Rules
+
+Rules that promote TypeScript and JavaScript best practices, preventing common pitfalls and anti-patterns.
+
+```typescript { .api }
+// Example best practice rules
+interface BestPracticeRules {
+  "prefer-optional-chain": RuleModule;
+  "prefer-nullish-coalescing": RuleModule;
+  "prefer-as-const": RuleModule;
+  "prefer-for-of": RuleModule;
+  "prefer-includes": RuleModule;
+  "no-unnecessary-type-assertion": RuleModule;
+}
+```
+
+[Best Practices Rules](./best-practices-rules.md)
+
+## Core Types
+
+```typescript { .api }
+interface RuleModuleWithMetaDocs<
+  TMessageIds extends string,
+  TOptions extends readonly unknown[],
+  TDocs extends object
+> {
+  meta: RuleMetaData<TMessageIds, TDocs>;
+  create(context: RuleContext<TMessageIds, TOptions>): RuleListener;
+}
+
+interface ESLintPluginDocs {
+  extendsBaseRule?: boolean | string;
+  recommended?: RuleRecommendation | RuleRecommendationAcrossConfigs<unknown[]>;
+  requiresTypeChecking?: boolean;
+}
+
+type ESLintPluginRuleModule = RuleModuleWithMetaDocs<
+  string,
+  readonly unknown[],
+  ESLintPluginDocs
+>;
+
+interface TypeScriptESLintRules {
+  [ruleName: string]: ESLintPluginRuleModule;
+}
+
+interface ClassicConfig {
+  extends?: string[];
+  plugins?: string[];
+  rules?: Record<string, RuleConfig>;
+  parser?: string;
+  parserOptions?: ParserOptions;
+}
+
+interface FlatConfig {
+  languageOptions?: {
+    parser?: Parser;
+    parserOptions?: ParserOptions;
+  };
+  plugins?: Record<string, Plugin>;
+  rules?: Record<string, RuleConfig>;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-typescript-eslint--eslint-plugin/docs/plugin-configuration.md b/.tessl/tiles/tessl/npm-typescript-eslint--eslint-plugin/docs/plugin-configuration.md
new file mode 100644
index 000000000..158b31af3
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-typescript-eslint--eslint-plugin/docs/plugin-configuration.md
@@ -0,0 +1,332 @@
+# Plugin Configuration
+
+Core plugin setup and configuration presets for different TypeScript ESLint project requirements. Provides both legacy ESLint RC and modern flat configuration formats.
+
+## Capabilities
+
+### Main Plugin Export
+
+The default export providing the ESLint plugin with all rules and configurations.
+
+```typescript { .api }
+/**
+ * Main ESLint plugin export with rules, configurations, and metadata
+ */
+interface PluginExport {
+  /** Legacy ESLint RC configuration presets */
+  configs: Record<string, ClassicConfig.Config>;
+  /** Plugin metadata including name and version */
+  meta: FlatConfig.PluginMeta;
+  /** All available TypeScript ESLint rules */
+  rules: TypeScriptESLintRules;
+}
+```
+
+**Usage Example:**
+
+```typescript
+import plugin from "@typescript-eslint/eslint-plugin";
+
+// Access configurations
+const recommendedConfig = plugin.configs.recommended;
+
+// Access individual rules
+const noUnusedVarsRule = plugin.rules["no-unused-vars"];
+
+// Plugin metadata
+console.log(plugin.meta.name); // "@typescript-eslint/eslint-plugin"
+console.log(plugin.meta.version); // "8.42.0"
+```
+
+### Raw Plugin Export
+
+Extended plugin export with flat configurations and parser integration.
+
+```typescript { .api }
+/**
+ * Extended plugin export with flat configs and parser
+ */
+interface RawPluginExport {
+  /** Flat configuration presets for ESLint 9+ */
+  flatConfigs: Record<string, FlatConfig.Config | FlatConfig.ConfigArray>;
+  /** TypeScript ESLint parser instance */
+  parser: FlatConfig.Parser;
+  /** Main plugin export */
+  plugin: PluginExport;
+}
+```
+
+**Usage Example:**
+
+```typescript
+import { plugin, parser, flatConfigs } from "@typescript-eslint/eslint-plugin/use-at-your-own-risk/raw-plugin";
+
+// Use flat configuration
+export default [
+  ...flatConfigs["flat/recommended"],
+  {
+    languageOptions: {
+      parser: parser,
+      parserOptions: {
+        project: "./tsconfig.json"
+      }
+    },
+    plugins: {
+      "@typescript-eslint": plugin
+    }
+  }
+];
+```
+
+### Legacy Configuration Presets
+
+Pre-configured rule sets for legacy ESLint RC format.
+
+```typescript { .api }
+interface LegacyConfigs {
+  /** All available rules enabled */
+  all: ClassicConfig.Config;
+  /** Base configuration */
+  base: ClassicConfig.Config;
+  /** Disables type-checked rules */
+  "disable-type-checked": ClassicConfig.Config;
+  /** ESLint recommended rules overrides */
+  "eslint-recommended": ClassicConfig.Config;
+  /** Recommended TypeScript rules */
+  recommended: ClassicConfig.Config;
+  /** @deprecated Use recommended-type-checked instead */
+  "recommended-requiring-type-checking": ClassicConfig.Config;
+  /** Recommended rules requiring type checking */
+  "recommended-type-checked": ClassicConfig.Config;
+  /** Only type-checked recommended rules */
+  "recommended-type-checked-only": ClassicConfig.Config;
+  /** Strict rule enforcement */
+  strict: ClassicConfig.Config;
+  /** Strict rules with type checking */
+  "strict-type-checked": ClassicConfig.Config;
+  /** Only strict type-checked rules */
+  "strict-type-checked-only": ClassicConfig.Config;
+  /** Code style rules */
+  stylistic: ClassicConfig.Config;
+  /** Stylistic rules with type checking */
+  "stylistic-type-checked": ClassicConfig.Config;
+  /** Only stylistic type-checked rules */
+  "stylistic-type-checked-only": ClassicConfig.Config;
+}
+```
+
+**Usage Example:**
+
+```javascript
+// .eslintrc.js
+module.exports = {
+  parser: "@typescript-eslint/parser",
+  plugins: ["@typescript-eslint"],
+  extends: [
+    "@typescript-eslint/recommended",
+    "@typescript-eslint/recommended-type-checked"
+  ],
+  parserOptions: {
+    project: "./tsconfig.json"
+  }
+};
+```
+
+### Flat Configuration Presets
+
+Modern flat configuration presets for ESLint 9+.
+
+```typescript { .api }
+interface FlatConfigs {
+  /** All available rules enabled */
+  "flat/all": FlatConfig.ConfigArray;
+  /** Base configuration */
+  "flat/base": FlatConfig.Config;
+  /** Disables type-checked rules */
+  "flat/disable-type-checked": FlatConfig.Config;
+  /** ESLint recommended rules overrides */
+  "flat/eslint-recommended": FlatConfig.Config;
+  /** Recommended TypeScript rules */
+  "flat/recommended": FlatConfig.ConfigArray;
+  /** Recommended rules requiring type checking */
+  "flat/recommended-type-checked": FlatConfig.ConfigArray;
+  /** Only type-checked recommended rules */
+  "flat/recommended-type-checked-only": FlatConfig.ConfigArray;
+  /** Strict rule enforcement */
+  "flat/strict": FlatConfig.ConfigArray;
+  /** Strict rules with type checking */
+  "flat/strict-type-checked": FlatConfig.ConfigArray;
+  /** Only strict type-checked rules */
+  "flat/strict-type-checked-only": FlatConfig.ConfigArray;
+  /** Code style rules */
+  "flat/stylistic": FlatConfig.ConfigArray;
+  /** Stylistic rules with type checking */
+  "flat/stylistic-type-checked": FlatConfig.ConfigArray;
+  /** Only stylistic type-checked rules */
+  "flat/stylistic-type-checked-only": FlatConfig.ConfigArray;
+}
+```
+
+**Usage Example:**
+
+```typescript
+// eslint.config.js
+import tseslint from "@typescript-eslint/eslint-plugin/use-at-your-own-risk/raw-plugin";
+
+export default [
+  ...tseslint.flatConfigs["flat/recommended-type-checked"],
+  {
+    languageOptions: {
+      parser: tseslint.parser,
+      parserOptions: {
+        project: true
+      }
+    }
+  }
+];
+```
+
+### Parser Integration
+
+TypeScript ESLint parser for processing TypeScript syntax.
+
+```typescript { .api }
+/**
+ * TypeScript ESLint parser instance
+ */
+interface Parser {
+  /** Parser metadata */
+  meta: ParserMeta;
+  /** Main parsing function for ESLint */
+  parseForESLint(code: string, options: ParserOptions): ParseResult;
+}
+
+interface ParserOptions {
+  /** Path to TypeScript configuration file */
+  project?: string | string[] | boolean;
+  /** Additional TypeScript compiler options */
+  tsconfigRootDir?: string;
+  /** ESLint-specific options */
+  ecmaVersion?: number;
+  sourceType?: "script" | "module";
+  ecmaFeatures?: Record<string, boolean>;
+}
+```
+
+**Usage Example:**
+
+```typescript
+import { parser } from "@typescript-eslint/eslint-plugin/use-at-your-own-risk/raw-plugin";
+
+export default [
+  {
+    languageOptions: {
+      parser: parser,
+      parserOptions: {
+        project: ["./tsconfig.json", "./packages/*/tsconfig.json"],
+        tsconfigRootDir: __dirname
+      }
+    }
+  }
+];
+```
+
+## Configuration Examples
+
+### Basic Setup
+
+```javascript
+// .eslintrc.js - Basic setup
+module.exports = {
+  parser: "@typescript-eslint/parser",
+  plugins: ["@typescript-eslint"],
+  extends: ["@typescript-eslint/recommended"],
+  rules: {
+    "@typescript-eslint/no-unused-vars": "error"
+  }
+};
+```
+
+### Type-Checked Setup
+
+```javascript
+// .eslintrc.js - With type checking
+module.exports = {
+  parser: "@typescript-eslint/parser",
+  plugins: ["@typescript-eslint"],
+  extends: ["@typescript-eslint/recommended-type-checked"],
+  parserOptions: {
+    project: "./tsconfig.json"
+  },
+  rules: {
+    "@typescript-eslint/no-floating-promises": "error",
+    "@typescript-eslint/no-unsafe-assignment": "warn"
+  }
+};
+```
+
+### Flat Config Setup
+
+```typescript
+// eslint.config.js - Modern flat config
+import tseslint from "@typescript-eslint/eslint-plugin/use-at-your-own-risk/raw-plugin";
+
+export default [
+  ...tseslint.flatConfigs["flat/strict-type-checked"],
+  {
+    languageOptions: {
+      parser: tseslint.parser,
+      parserOptions: {
+        project: true
+      }
+    },
+    rules: {
+      "@typescript-eslint/explicit-function-return-type": "error"
+    }
+  }
+];
+```
+
+## Types
+
+```typescript { .api }
+interface ClassicConfig {
+  extends?: string[];
+  plugins?: string[];
+  rules?: Record<string, RuleConfig>;
+  parser?: string;
+  parserOptions?: ParserOptions;
+  env?: Record<string, boolean>;
+  globals?: Record<string, boolean>;
+}
+
+interface FlatConfig {
+  languageOptions?: {
+    parser?: Parser;
+    parserOptions?: ParserOptions;
+    globals?: Record<string, boolean>;
+    ecmaVersion?: number;
+    sourceType?: "script" | "module";
+  };
+  plugins?: Record<string, Plugin>;
+  rules?: Record<string, RuleConfig>;
+  files?: string[];
+  ignores?: string[];
+}
+
+interface PluginMeta {
+  name: string;
+  version: string;
+}
+
+type RuleConfig = 
+  | "off" | "warn" | "error"
+  | 0 | 1 | 2
+  | [("off" | "warn" | "error" | 0 | 1 | 2), ...unknown[]];
+
+interface ParseResult {
+  ast: Program;
+  scopeManager: ScopeManager;
+  visitorKeys: VisitorKeys;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-typescript-eslint--eslint-plugin/docs/style-formatting-rules.md b/.tessl/tiles/tessl/npm-typescript-eslint--eslint-plugin/docs/style-formatting-rules.md
new file mode 100644
index 000000000..e703dd0ba
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-typescript-eslint--eslint-plugin/docs/style-formatting-rules.md
@@ -0,0 +1,509 @@
+# Style and Formatting Rules
+
+Rules focused on code style, naming conventions, and formatting preferences for TypeScript code. These rules help maintain consistent code appearance and readability across projects.
+
+## Capabilities
+
+### Naming Conventions
+
+Rules that enforce consistent naming patterns for various code elements.
+
+```typescript { .api }
+/**
+ * Enforce naming conventions for variables, functions, classes, etc.
+ */
+"naming-convention": RuleModule;
+```
+
+**Usage Examples:**
+
+```typescript
+// Configuration example for naming-convention
+{
+  "@typescript-eslint/naming-convention": [
+    "error",
+    {
+      "selector": "variable",
+      "format": ["camelCase", "UPPER_CASE"]
+    },
+    {
+      "selector": "function",
+      "format": ["camelCase"]
+    },
+    {
+      "selector": "typeLike",
+      "format": ["PascalCase"]
+    },
+    {
+      "selector": "interface",
+      "format": ["PascalCase"],
+      "prefix": ["I"]
+    }
+  ]
+}
+
+// ❌ Bad
+const user_name = 'john'; // Should be camelCase
+function Process_Data() {} // Should be camelCase
+interface userInterface {} // Should be PascalCase
+
+// ✅ Good
+const userName = 'john';
+const MAX_RETRIES = 3;
+function processData() {}
+interface IUserInterface {}
+```
+
+### Array and Object Styling
+
+Rules that enforce consistent styling for arrays and objects.
+
+```typescript { .api }
+/**
+ * Require consistently using either T[] or Array<T> for arrays
+ */
+"array-type": RuleModule;
+
+/**
+ * Enforce consistent indexed object style
+ */
+"consistent-indexed-object-style": RuleModule;
+
+/**
+ * Enforce consistent class literal property style
+ */
+"class-literal-property-style": RuleModule;
+
+/**
+ * Disallow Array constructors
+ */
+"no-array-constructor": RuleModule;
+```
+
+**Usage Examples:**
+
+```typescript
+// ❌ Bad - array-type (with array-simple preference)
+const users: Array<User> = []; // Should use T[]
+const matrix: (number | string)[][] = []; // Complex type, Array<> ok
+
+// ✅ Good
+const users: User[] = [];
+const matrix: Array<Array<number | string>> = [];
+
+// ❌ Bad - class-literal-property-style (with fields preference)
+class User {
+  get name(): string { return this._name; } // Should be field
+  set name(value: string) { this._name = value; }
+}
+
+// ✅ Good
+class User {
+  public name: string;
+}
+```
+
+### Type Assertion and Annotation Styling
+
+Rules that govern how type assertions and annotations are formatted.
+
+```typescript { .api }
+/**
+ * Enforce consistent type assertions
+ */
+"consistent-type-assertions": RuleModule;
+
+/**
+ * Enforce consistent generic constructors
+ */
+"consistent-generic-constructors": RuleModule;
+
+/**
+ * Enforce consistent method signature style
+ */
+"method-signature-style": RuleModule;
+
+/**
+ * Enforce consistent type definitions as interface or type
+ */
+"consistent-type-definitions": RuleModule;
+
+/**
+ * Enforce non-nullable type assertion style
+ */
+"non-nullable-type-assertion-style": RuleModule;
+```
+
+**Usage Examples:**
+
+```typescript
+// ❌ Bad - consistent-type-assertions (with as preference)
+const user = <User>data; // Should use 'as'
+
+// ✅ Good
+const user = data as User;
+
+// ❌ Bad - method-signature-style (with property preference)
+interface Calculator {
+  add(a: number, b: number): number; // Should be property style
+}
+
+// ✅ Good
+interface Calculator {
+  add: (a: number, b: number) => number;
+}
+
+// ❌ Bad - consistent-generic-constructors (with constructor preference)
+const users = new Map<string, User>(); // Should use constructor
+
+// ✅ Good
+const users: Map<string, User> = new Map();
+```
+
+### Member and Parameter Ordering
+
+Rules that enforce consistent ordering of class members, object properties, and parameters.
+
+```typescript { .api }
+/**
+ * Require consistent member declaration ordering
+ */
+"member-ordering": RuleModule;
+
+/**
+ * Enforce default parameters to be last
+ */
+"default-param-last": RuleModule;
+
+/**
+ * Require getter and setter pairs to be adjacent
+ */
+"related-getter-setter-pairs": RuleModule;
+
+/**
+ * Enforce consistent sorting of type constituents
+ */
+"sort-type-constituents": RuleModule;
+```
+
+**Usage Examples:**
+
+```typescript
+// ❌ Bad - member-ordering (with fields-first preference)
+class User {
+  public getName(): string { return this.name; } // Method before field
+  public name: string;
+  private constructor(name: string) { this.name = name; }
+}
+
+// ✅ Good
+class User {
+  public name: string;
+  
+  private constructor(name: string) {
+    this.name = name;
+  }
+  
+  public getName(): string {
+    return this.name;
+  }
+}
+
+// ❌ Bad - sort-type-constituents
+type Status = 'pending' | 'active' | 'inactive' | 'archived'; // Not sorted
+
+// ✅ Good
+type Status = 'active' | 'archived' | 'inactive' | 'pending'; // Alphabetically sorted
+```
+
+### Code Formatting and Layout
+
+Rules that control code formatting, spacing, and layout.
+
+```typescript { .api }
+/**
+ * Enforce dot notation whenever possible
+ */
+"dot-notation": RuleModule;
+
+/**
+ * Require or disallow trailing commas
+ */
+"comma-dangle": RuleModule;
+
+/**
+ * Enforce consistent spacing around keywords
+ */
+"keyword-spacing": RuleModule;
+
+/**
+ * Enforce consistent spacing before and after commas
+ */
+"comma-spacing": RuleModule;
+
+/**
+ * Enforce consistent spacing inside braces
+ */
+"object-curly-spacing": RuleModule;
+
+/**
+ * Enforce consistent spacing around semicolons
+ */
+"semi-spacing": RuleModule;
+```
+
+**Usage Examples:**
+
+```typescript
+// ❌ Bad - dot-notation
+const value = obj['property']; // Should use dot notation
+
+// ✅ Good
+const value = obj.property;
+
+// ❌ Bad - comma-dangle (with always-multiline preference)
+const config = {
+  api: '/api/v1',
+  timeout: 5000 // Missing trailing comma
+};
+
+// ✅ Good
+const config = {
+  api: '/api/v1',
+  timeout: 5000,
+};
+```
+
+### Literal and Expression Styling
+
+Rules that govern how literals and expressions are formatted.
+
+```typescript { .api }
+/**
+ * Disallow magic numbers
+ */
+"no-magic-numbers": RuleModule;
+
+/**
+ * Require literal enum members
+ */
+"prefer-literal-enum-member": RuleModule;
+
+/**
+ * Prefer initializing enum members
+ */
+"prefer-enum-initializers": RuleModule;
+
+/**
+ * Prefer as const over literal type
+ */
+"prefer-as-const": RuleModule;
+
+/**
+ * Disallow unnecessary template expressions
+ */
+"no-unnecessary-template-expression": RuleModule;
+```
+
+**Usage Examples:**
+
+```typescript
+// ❌ Bad - no-magic-numbers
+setTimeout(callback, 3000); // Magic number
+
+// ✅ Good
+const TIMEOUT_MS = 3000;
+setTimeout(callback, TIMEOUT_MS);
+
+// ❌ Bad - prefer-literal-enum-member
+enum Status {
+  Active = getValue(), // Should be literal
+  Inactive = 'inactive'
+}
+
+// ✅ Good
+enum Status {
+  Active = 'active',
+  Inactive = 'inactive'
+}
+
+// ❌ Bad - prefer-as-const
+const colors = ['red', 'green', 'blue']; // Inferred as string[]
+
+// ✅ Good
+const colors = ['red', 'green', 'blue'] as const; // Readonly tuple
+```
+
+### Template and String Styling
+
+Rules that govern template literals and string formatting.
+
+```typescript { .api }
+/**
+ * Enforce template literal expressions to be of string type
+ */
+"restrict-template-expressions": RuleModule;
+
+/**
+ * Disallow unnecessary template expressions
+ */
+"no-unnecessary-template-expression": RuleModule;
+
+/**
+ * Prefer string starts/ends with over regex or indexOf
+ */
+"prefer-string-starts-ends-with": RuleModule;
+
+/**
+ * Prefer regexp exec over string match
+ */
+"prefer-regexp-exec": RuleModule;
+```
+
+**Usage Examples:**
+
+```typescript
+// ❌ Bad - restrict-template-expressions
+const message = `User count: ${users}`; // Object in template
+
+// ✅ Good
+const message = `User count: ${users.length}`;
+
+// ❌ Bad - prefer-string-starts-ends-with
+if (str.indexOf('prefix') === 0) {} // Should use startsWith
+
+// ✅ Good
+if (str.startsWith('prefix')) {}
+
+// ❌ Bad - no-unnecessary-template-expression
+const greeting = `Hello`; // Should use regular string
+
+// ✅ Good
+const greeting = 'Hello';
+const dynamicGreeting = `Hello, ${name}!`; // Template needed
+```
+
+### Comment and Documentation Styling
+
+Rules that govern comments and documentation formatting.
+
+```typescript { .api }
+/**
+ * Disallow @ts-<directive> comments or require descriptions
+ */
+"ban-ts-comment": RuleModule;
+
+/**
+ * Prefer @ts-expect-error over @ts-ignore
+ */
+"prefer-ts-expect-error": RuleModule;
+
+/**
+ * Disallow // tslint:<rule-flag> comments
+ */
+"ban-tslint-comment": RuleModule;
+
+/**
+ * Disallow triple slash reference directives except types
+ */
+"triple-slash-reference": RuleModule;
+```
+
+**Usage Examples:**
+
+```typescript
+// ❌ Bad - prefer-ts-expect-error
+// @ts-ignore // No description
+const result = problematicFunction();
+
+// ✅ Good
+// @ts-expect-error - Known issue with third-party library types
+const result = problematicFunction();
+
+// ❌ Bad - ban-tslint-comment
+/* tslint:disable */ // Should use ESLint disable comment
+
+// ✅ Good
+/* eslint-disable @typescript-eslint/no-explicit-any */
+```
+
+## Configuration Examples
+
+### Strict Styling Rules
+
+```json
+{
+  "rules": {
+    "@typescript-eslint/naming-convention": [
+      "error",
+      {
+        "selector": "variable",
+        "format": ["camelCase", "UPPER_CASE"]
+      },
+      {
+        "selector": "function",
+        "format": ["camelCase"]
+      },
+      {
+        "selector": "typeLike",
+        "format": ["PascalCase"]
+      }
+    ],
+    "@typescript-eslint/array-type": ["error", { "default": "array-simple" }],
+    "@typescript-eslint/consistent-type-assertions": ["error", { "assertionStyle": "as" }],
+    "@typescript-eslint/member-ordering": "error",
+    "@typescript-eslint/prefer-as-const": "error"
+  }
+}
+```
+
+### Relaxed Styling Rules
+
+```json
+{
+  "rules": {
+    "@typescript-eslint/no-magic-numbers": "off",
+    "@typescript-eslint/array-type": "off",
+    "@typescript-eslint/consistent-type-definitions": ["warn", "interface"],
+    "@typescript-eslint/dot-notation": "warn"
+  }
+}
+```
+
+## Types
+
+```typescript { .api }
+interface NamingConventionRule {
+  selector: 'variable' | 'function' | 'parameter' | 'property' | 'method'
+    | 'accessor' | 'enumMember' | 'class' | 'interface' | 'typeAlias'
+    | 'enum' | 'typeParameter';
+  format: ('camelCase' | 'PascalCase' | 'snake_case' | 'UPPER_CASE')[];
+  prefix?: string[];
+  suffix?: string[];
+  leadingUnderscore?: 'forbid' | 'allow' | 'require';
+  trailingUnderscore?: 'forbid' | 'allow' | 'require';
+  filter?: string | { regex: string; match: boolean };
+}
+
+interface MemberOrderingRule {
+  default?: MemberType[];
+  classes?: MemberType[];
+  classExpressions?: MemberType[];
+  interfaces?: MemberType[];
+  typeLiterals?: MemberType[];
+}
+
+type MemberType = 
+  | 'signature'
+  | 'field'
+  | 'constructor'
+  | 'method'
+  | 'accessor'
+  | ['field', { visibility?: 'public' | 'protected' | 'private' }]
+  | string;
+
+interface ArrayTypeRule {
+  default: 'array' | 'generic' | 'array-simple';
+  readonly?: 'array' | 'generic' | 'array-simple';
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-typescript-eslint--eslint-plugin/docs/type-safety-rules.md b/.tessl/tiles/tessl/npm-typescript-eslint--eslint-plugin/docs/type-safety-rules.md
new file mode 100644
index 000000000..2552dd073
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-typescript-eslint--eslint-plugin/docs/type-safety-rules.md
@@ -0,0 +1,501 @@
+# Type Safety Rules
+
+Rules focused on TypeScript type safety, preventing common type-related errors and enforcing proper type usage. These rules leverage TypeScript's type system to catch potential runtime errors at build time.
+
+## Capabilities
+
+### Unsafe Type Operations
+
+Rules that prevent operations on `any` types and other unsafe type interactions.
+
+```typescript { .api }
+/**
+ * Disallow assigning any values to variables and properties
+ */
+"no-unsafe-assignment": RuleModule;
+
+/**
+ * Disallow calling any typed value
+ */
+"no-unsafe-call": RuleModule;
+
+/**
+ * Disallow member access on any typed variables
+ */
+"no-unsafe-member-access": RuleModule;
+
+/**
+ * Disallow returning any from a function
+ */
+"no-unsafe-return": RuleModule;
+
+/**
+ * Disallow calling a function with any type argument
+ */
+"no-unsafe-argument": RuleModule;
+
+/**
+ * Disallow unsafe type assertions using any
+ */
+"no-unsafe-type-assertion": RuleModule;
+
+/**
+ * Disallow unsafe function types
+ */
+"no-unsafe-function-type": RuleModule;
+
+/**
+ * Disallow unsafe enum comparison
+ */
+"no-unsafe-enum-comparison": RuleModule;
+
+/**
+ * Disallow unsafe declaration merging
+ */
+"no-unsafe-declaration-merging": RuleModule;
+
+/**
+ * Disallow unsafe unary minus operator
+ */
+"no-unsafe-unary-minus": RuleModule;
+
+/**
+ * Require .toString() to only be called on objects which provide useful information when stringified
+ */
+"no-base-to-string": RuleModule;
+
+/**
+ * Disallow the any type
+ */
+"no-explicit-any": RuleModule;
+
+/**
+ * Enforce valid definition of new and constructor
+ */
+"no-misused-new": RuleModule;
+```
+
+**Usage Examples:**
+
+```typescript
+// ❌ Bad - no-unsafe-assignment
+let foo: number;
+foo = bar as any; // Error: Unsafe assignment
+
+// ✅ Good
+let foo: number;
+foo = bar as number; // Type assertion with proper type
+
+// ❌ Bad - no-unsafe-call
+declare const fn: any;
+fn(); // Error: Unsafe call
+
+// ✅ Good
+declare const fn: () => void;
+fn(); // Safe call with proper typing
+```
+
+### Promise and Async Safety
+
+Rules that ensure proper handling of Promises and async operations.
+
+```typescript { .api }
+/**
+ * Require Promise-like values to be handled appropriately
+ */
+"no-floating-promises": RuleModule;
+
+/**
+ * Disallow awaiting a value that is not a Thenable
+ */
+"await-thenable": RuleModule;
+
+/**
+ * Disallow Promises in places not designed to handle them
+ */
+"no-misused-promises": RuleModule;
+
+/**
+ * Enforce consistent returning of awaited values
+ */
+"return-await": RuleModule;
+
+/**
+ * Require async functions to return a Promise
+ */
+"promise-function-async": RuleModule;
+```
+
+**Usage Examples:**
+
+```typescript
+// ❌ Bad - no-floating-promises
+fetchData(); // Error: Promise not handled
+
+// ✅ Good
+await fetchData(); // Promise properly awaited
+fetchData().catch(console.error); // Promise error handled
+
+// ❌ Bad - await-thenable
+await 42; // Error: Awaiting non-thenable
+
+// ✅ Good
+await Promise.resolve(42); // Awaiting actual Promise
+
+// ❌ Bad - no-misused-promises
+if (fetchData()) { // Error: Promise in boolean context
+  // ...
+}
+
+// ✅ Good
+const result = await fetchData();
+if (result) {
+  // ...
+}
+```
+
+### Type Assertion Safety
+
+Rules that govern the safe use of type assertions and non-null assertions.
+
+```typescript { .api }
+/**
+ * Disallow non-null assertions using the ! postfix operator
+ */
+"no-non-null-assertion": RuleModule;
+
+/**
+ * Disallow extra non-null assertions
+ */
+"no-extra-non-null-assertion": RuleModule;
+
+/**
+ * Disallow non-null assertion in left operand of nullish coalescing
+ */
+"no-non-null-asserted-nullish-coalescing": RuleModule;
+
+/**
+ * Disallow non-null assertion in left operand of optional chaining
+ */
+"no-non-null-asserted-optional-chain": RuleModule;
+
+/**
+ * Disallow confusing non-null assertion-like expressions
+ */
+"no-confusing-non-null-assertion": RuleModule;
+
+/**
+ * Enforce consistent type assertions
+ */
+"consistent-type-assertions": RuleModule;
+
+/**
+ * Disallow unnecessary type assertions
+ */
+"no-unnecessary-type-assertion": RuleModule;
+```
+
+**Usage Examples:**
+
+```typescript
+// ❌ Bad - no-non-null-assertion
+const user = getUser()!; // Error: Non-null assertion
+
+// ✅ Good
+const user = getUser();
+if (user) {
+  // Use user safely
+}
+
+// ❌ Bad - no-extra-non-null-assertion
+const value = foo!!!.bar; // Error: Extra non-null assertions
+
+// ✅ Good
+const value = foo!.bar; // Single assertion if necessary
+
+// ❌ Bad - no-non-null-asserted-nullish-coalescing
+const value = foo! ?? 'default'; // Error: Non-null assertion with nullish coalescing
+
+// ✅ Good
+const value = foo ?? 'default'; // Just use nullish coalescing
+```
+
+### Type Checking and Validation
+
+Rules that enforce proper type checking and validation patterns.
+
+```typescript { .api }
+/**
+ * Disallow unnecessary conditionals
+ */
+"no-unnecessary-condition": RuleModule;
+
+/**
+ * Disallow unnecessary boolean literal compare
+ */
+"no-unnecessary-boolean-literal-compare": RuleModule;
+
+/**
+ * Disallow unnecessary type arguments
+ */
+"no-unnecessary-type-arguments": RuleModule;
+
+/**
+ * Disallow unnecessary type constraints
+ */
+"no-unnecessary-type-constraint": RuleModule;
+
+/**
+ * Disallow unnecessary type parameters
+ */
+"no-unnecessary-type-parameters": RuleModule;
+
+/**
+ * Disallow unnecessary type conversion
+ */
+"no-unnecessary-type-conversion": RuleModule;
+
+/**
+ * Enforce template literal expressions to be of string type
+ */
+"restrict-template-expressions": RuleModule;
+
+/**
+ * Require both operands of addition to have type number or string
+ */
+"restrict-plus-operands": RuleModule;
+
+/**
+ * Enforce strict boolean expressions
+ */
+"strict-boolean-expressions": RuleModule;
+
+/**
+ * Require switch-case statements to be exhaustive with union type
+ */
+"switch-exhaustiveness-check": RuleModule;
+```
+
+**Usage Examples:**
+
+```typescript
+// ❌ Bad - no-unnecessary-condition
+const str: string = 'hello';
+if (str) { // Error: Always truthy
+  // ...
+}
+
+// ✅ Good
+if (str.length > 0) { // Meaningful condition
+  // ...
+}
+
+// ❌ Bad - restrict-plus-operands
+const result = value + {}; // Error: Object in addition
+
+// ✅ Good
+const result = value + String(obj); // Explicit conversion
+
+// ❌ Bad - strict-boolean-expressions
+if (value) { // Error: Not explicitly boolean
+  // ...
+}
+
+// ✅ Good
+if (value !== null && value !== undefined) {
+  // ...
+}
+
+// ❌ Bad - switch-exhaustiveness-check
+type Color = 'red' | 'green' | 'blue';
+function handleColor(color: Color) {
+  switch (color) {
+    case 'red':
+      return '#ff0000';
+    case 'green':
+      return '#00ff00';
+    // Error: Missing case for 'blue'
+  }
+}
+
+// ✅ Good
+function handleColor(color: Color) {
+  switch (color) {
+    case 'red':
+      return '#ff0000';
+    case 'green':
+      return '#00ff00';
+    case 'blue':
+      return '#0000ff';
+    default:
+      return assertNever(color);
+  }
+}
+```
+
+### Type Definition Safety
+
+Rules that ensure safe usage of TypeScript type definitions and declarations.
+
+```typescript { .api }
+/**
+ * Disallow duplicate enum values
+ */
+"no-duplicate-enum-values": RuleModule;
+
+/**
+ * Disallow duplicate type constituents
+ */
+"no-duplicate-type-constituents": RuleModule;
+
+/**
+ * Disallow redundant type constituents
+ */
+"no-redundant-type-constituents": RuleModule;
+
+/**
+ * Disallow empty interfaces
+ */
+"no-empty-interface": RuleModule;
+
+/**
+ * Disallow empty object types
+ */
+"no-empty-object-type": RuleModule;
+
+/**
+ * Disallow invalid void type usage
+ */
+"no-invalid-void-type": RuleModule;
+
+/**
+ * Disallow wrapper object types
+ */
+"no-wrapper-object-types": RuleModule;
+
+/**
+ * Disallow mixed enums
+ */
+"no-mixed-enums": RuleModule;
+```
+
+**Usage Examples:**
+
+```typescript
+// ❌ Bad - no-duplicate-enum-values
+enum Direction {
+  Up = 1,
+  Down = 1, // Error: Duplicate value
+  Left = 2,
+  Right = 3
+}
+
+// ✅ Good
+enum Direction {
+  Up = 1,
+  Down = 2,
+  Left = 3,
+  Right = 4
+}
+
+// ❌ Bad - no-empty-interface
+interface EmptyInterface {} // Error: Empty interface
+
+// ✅ Good
+interface UserInterface {
+  name: string;
+  email: string;
+}
+
+// ❌ Bad - no-invalid-void-type
+let value: void = undefined; // Error: Invalid void usage
+
+// ✅ Good
+function doSomething(): void {
+  // Function returning void
+}
+```
+
+### Array and Iteration Safety
+
+Rules that ensure safe operations on arrays and iterables.
+
+```typescript { .api }
+/**
+ * Disallow iterating over an array with a for-in loop
+ */
+"no-for-in-array": RuleModule;
+
+/**
+ * Disallow spreading non-iterable types
+ */
+"no-misused-spread": RuleModule;
+
+/**
+ * Require Array.from() over spreading non-arrays
+ */
+"prefer-for-of": RuleModule;
+
+/**
+ * Require array-like objects to be converted with Array.from()
+ */
+"prefer-includes": RuleModule;
+
+/**
+ * Require using the built-in comparison function in Array.sort()
+ */
+"require-array-sort-compare": RuleModule;
+```
+
+**Usage Examples:**
+
+```typescript
+// ❌ Bad - no-for-in-array
+const arr = [1, 2, 3];
+for (const key in arr) { // Error: for-in on array
+  console.log(arr[key]);
+}
+
+// ✅ Good
+for (const item of arr) {
+  console.log(item);
+}
+
+// ❌ Bad - no-misused-spread
+const notIterable = { a: 1, b: 2 };
+const arr = [...notIterable]; // Error: Spreading non-iterable
+
+// ✅ Good
+const arr = Object.values(notIterable);
+```
+
+## Types
+
+```typescript { .api }
+interface RuleModule {
+  meta: {
+    type: "problem" | "suggestion" | "layout";
+    docs: {
+      description: string;
+      recommended?: boolean | string;
+      requiresTypeChecking?: boolean;
+    };
+    messages: Record<string, string>;
+    schema: JSONSchema;
+  };
+  create(context: RuleContext): RuleListener;
+}
+
+interface RuleContext {
+  id: string;
+  options: unknown[];
+  settings: Record<string, unknown>;
+  parserOptions: ParserOptions;
+  getSourceCode(): SourceCode;
+  report(descriptor: ReportDescriptor): void;
+}
+
+interface RuleListener {
+  [nodeType: string]: (node: Node) => void;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-typescript-eslint--eslint-plugin/tile.json b/.tessl/tiles/tessl/npm-typescript-eslint--eslint-plugin/tile.json
new file mode 100644
index 000000000..22b07b7f0
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-typescript-eslint--eslint-plugin/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-typescript-eslint--eslint-plugin",
+  "version": "8.42.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/@typescript-eslint/eslint-plugin@8.42.0",
+  "summary": "TypeScript plugin for ESLint providing comprehensive lint rules for TypeScript codebases"
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-typescript-eslint--parser/docs/index.md b/.tessl/tiles/tessl/npm-typescript-eslint--parser/docs/index.md
new file mode 100644
index 000000000..f5682b013
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-typescript-eslint--parser/docs/index.md
@@ -0,0 +1,561 @@
+# TypeScript ESLint Parser
+
+The TypeScript ESLint Parser is an ESLint custom parser that leverages TypeScript ESTree to enable ESLint linting of TypeScript source code. It serves as a bridge between ESLint's linting infrastructure and TypeScript's syntax analysis, providing type information and AST conversion capabilities.
+
+## Package Information
+
+- **Package Name**: @typescript-eslint/parser
+- **Package Type**: npm
+- **Language**: TypeScript
+- **Installation**: `npm install @typescript-eslint/parser`
+
+## Core Imports
+
+```typescript
+import { 
+  parse, 
+  parseForESLint, 
+  ParserOptions,
+  clearCaches,
+  createProgram,
+  withoutProjectParserOptions,
+  ParserServices,
+  ParserServicesWithTypeInformation,
+  ParserServicesWithoutTypeInformation
+} from "@typescript-eslint/parser";
+import type * as ts from "typescript";
+import type { TSESTree } from "@typescript-eslint/typescript-estree";
+```
+
+CommonJS:
+
+```javascript
+const { parse, parseForESLint } = require("@typescript-eslint/parser");
+```
+
+## Basic Usage
+
+### ESLint Configuration
+
+```javascript
+// eslint.config.js or .eslintrc.js
+module.exports = {
+  parser: "@typescript-eslint/parser",
+  parserOptions: {
+    sourceType: "module",
+    ecmaFeatures: {
+      jsx: true
+    }
+  }
+};
+```
+
+### With TypeScript Project
+
+```javascript
+module.exports = {
+  parser: "@typescript-eslint/parser",
+  parserOptions: {
+    project: "./tsconfig.json",
+    tsconfigRootDir: __dirname,
+    sourceType: "module"
+  }
+};
+```
+
+### Direct Parser Usage
+
+```typescript
+import { parseForESLint } from "@typescript-eslint/parser";
+
+const code = 'const greeting: string = "Hello, TypeScript!";';
+const result = parseForESLint(code, {
+  sourceType: "module",
+  project: "./tsconfig.json"
+});
+
+const { ast, services, scopeManager, visitorKeys } = result;
+```
+
+## Architecture
+
+The TypeScript ESLint Parser serves as a critical bridge in the ESLint ecosystem, enabling ESLint to understand and lint TypeScript code. The parser's architecture consists of several key components:
+
+- **TypeScript ESTree Integration**: Leverages `@typescript-eslint/typescript-estree` to convert TypeScript AST nodes into ESTree-compatible format that ESLint can process
+- **Scope Analysis**: Uses `@typescript-eslint/scope-manager` to provide variable and reference tracking across TypeScript constructs
+- **Type Information Access**: When configured with a TypeScript project, provides access to TypeScript's type checker and symbol information
+- **Performance Optimization**: Supports both project-aware parsing (with type information) and isolated parsing (faster, without type information)
+- **AST Mapping**: Maintains bidirectional mappings between ESTree nodes and TypeScript AST nodes for seamless integration
+
+The parser operates in two primary modes:
+1. **Project Mode**: Requires `tsconfig.json` and provides full type information access
+2. **Isolated Mode**: Parses individual files without project context for better performance
+
+## Capabilities
+
+### Core Parsing
+
+Main parser functions for converting TypeScript code into ESLint-compatible AST.
+
+```typescript { .api }
+/**
+ * Parse TypeScript/JavaScript code and return just the AST
+ * @param code - Source code string or TypeScript SourceFile
+ * @param options - Parser configuration options
+ * @returns ESLint-compatible AST
+ */
+function parse(
+  code: string | ts.SourceFile,
+  options?: ParserOptions
+): ESLintProgram;
+
+/**
+ * Main parser function that returns complete result for ESLint
+ * @param code - Source code string or TypeScript SourceFile  
+ * @param parserOptions - Parser configuration options
+ * @returns Complete parser result with AST, services, scope manager, and visitor keys
+ */
+function parseForESLint(
+  code: string | ts.SourceFile,
+  parserOptions?: ParserOptions | null
+): ParseForESLintResult;
+
+interface ParseForESLintResult {
+  /** The parsed AST with ESLint-specific properties */
+  ast: ESLintProgram;
+  /** Scope analysis manager for variable and reference tracking */
+  scopeManager: ScopeManager;
+  /** Parser services for TypeScript type information access */
+  services: ParserServices;
+  /** Keys for AST traversal */
+  visitorKeys: VisitorKeys;
+}
+
+interface ESLintProgram extends AST<{ comment: true; tokens: true }> {
+  /** Array of comment nodes */
+  comments: TSESTree.Comment[];
+  /** Source location range */
+  range: [number, number];
+  /** Array of token nodes */
+  tokens: TSESTree.Token[];
+}
+```
+
+### Cache Management
+
+Utility function for clearing internal parser caches.
+
+```typescript { .api }
+/**
+ * Clears all internal parser caches used by the parser system
+ * Clears: TSConfig resolution cache, program cache, watch caches, glob cache, 
+ * project service cache, and default project matched files cache
+ * Generally not needed in normal usage - intended for testing environments
+ * or custom tooling that processes many projects to prevent memory leaks
+ */
+function clearCaches(): void;
+```
+
+### TypeScript Program Creation
+
+Utility for creating TypeScript programs from configuration files.
+
+```typescript { .api }
+/**
+ * Creates a TypeScript program from a TypeScript configuration file
+ * @param configFile - Path to tsconfig.json file
+ * @param projectDirectory - Optional project directory override
+ * @returns TypeScript Program instance
+ */
+function createProgram(
+  configFile: string,
+  projectDirectory?: string
+): ts.Program;
+```
+
+### Parser Options Utilities
+
+Utility for removing project-related options to enable faster isolated parsing.
+
+```typescript { .api }
+/**
+ * Removes options that prompt the parser to parse with type information
+ * Use this for faster isolated file parsing without project context
+ * @param opts - Original parser options
+ * @returns Options with project-related fields removed
+ */
+function withoutProjectParserOptions<Options extends object>(
+  opts: Options
+): Omit<Options, 'EXPERIMENTAL_useProjectService' | 'project' | 'projectService'>;
+```
+
+### Parser Metadata
+
+Package version and metadata constants.
+
+```typescript { .api }
+/** Package version string */
+const version: string;
+
+/** Parser metadata for ESLint */
+const meta: {
+  name: 'typescript-eslint/parser';
+  version: string;
+};
+```
+
+## Configuration Options
+
+```typescript { .api }
+interface ParserOptions {
+  /** Allows additional properties for extensibility */
+  [additionalProperties: string]: unknown;
+  
+  /** Source code type: 'script', 'module', or 'commonjs' */
+  sourceType?: 'script' | 'module' | 'commonjs';
+  
+  /** ECMAScript version support */
+  ecmaVersion?: 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 
+    | 2015 | 2016 | 2017 | 2018 | 2019 | 2020 | 2021 | 2022 | 2023 | 2024 | 2025 | 2026 
+    | 'latest';
+  
+  /** ECMAScript feature configuration */
+  ecmaFeatures?: {
+    [key: string]: unknown;
+    /** Enable global return statements */
+    globalReturn?: boolean;
+    /** Enable JSX parsing */
+    jsx?: boolean;
+  };
+  
+  /** TypeScript project configuration file path or boolean */
+  project?: boolean | string | string[] | null;
+  
+  /** Root directory for TypeScript config resolution */
+  tsconfigRootDir?: string;
+  
+  /** Provided TypeScript programs for parsing */
+  programs?: ts.Program[] | null;
+  
+  /** Enable experimental decorators without project */
+  experimentalDecorators?: boolean;
+  
+  /** Enable decorator metadata without project */
+  emitDecoratorMetadata?: boolean;
+  
+  /** Enable isolated declarations mode */
+  isolatedDeclarations?: boolean;
+  
+  /** Debug output configuration */
+  debugLevel?: boolean | ('eslint' | 'typescript' | 'typescript-eslint')[];
+  
+  /** Allow TypeScript syntax and semantic errors */
+  errorOnTypeScriptSyntacticAndSemanticIssues?: boolean;
+  
+  /** Cause parser to error on unknown AST node types */
+  errorOnUnknownASTType?: boolean;
+  
+  /** Additional file extensions to parse */
+  extraFileExtensions?: string[];
+  
+  /** File path for the code being parsed */
+  filePath?: string;
+  
+  /** Library type definitions to include */
+  lib?: string[];
+  
+  /** JSX pragma configuration */
+  jsxPragma?: string | null;
+  
+  /** JSX fragment name configuration */
+  jsxFragmentName?: string | null;
+  
+  /** JSDoc parsing mode configuration */
+  jsDocParsingMode?: 'all' | 'none' | 'type-info';
+  
+  /** Include source ranges in AST nodes */
+  range?: boolean;
+  
+  /** Include tokens in parser result */
+  tokens?: boolean;
+  
+  /** Warn on unsupported TypeScript versions */
+  warnOnUnsupportedTypeScriptVersion?: boolean;
+  
+  /** Project folders to ignore during project resolution */
+  projectFolderIgnoreList?: string[];
+  
+  /** Project service configuration */
+  projectService?: boolean | ProjectServiceOptions;
+  
+  /** Cache configuration */
+  cacheLifetime?: {
+    glob?: number | 'Infinity';
+  };
+}
+
+interface ProjectServiceOptions {
+  /** Files allowed with default project despite not matching */
+  allowDefaultProject?: string[];
+  
+  /** Path to default TSConfig instead of TypeScript's default */
+  defaultProject?: string;
+  
+  /** Whether to load TypeScript plugins from TSConfig */
+  loadTypeScriptPlugins?: boolean;
+  
+  /** Maximum number of default project file matches */
+  maximumDefaultProjectFileMatchCount_THIS_WILL_SLOW_DOWN_LINTING?: number;
+}
+```
+
+## Parser Services
+
+TypeScript type information services available when using project configuration.
+
+```typescript { .api }
+/** Union type of parser services with or without type information */
+type ParserServices = ParserServicesWithTypeInformation | ParserServicesWithoutTypeInformation;
+
+/** Parser services available when TypeScript project is configured */
+interface ParserServicesWithTypeInformation {
+  /** TypeScript program instance */
+  program: ts.Program;
+  
+  /** Get TypeScript symbol at ESTree node location */
+  getSymbolAtLocation: (node: TSESTree.Node) => ts.Symbol | undefined;
+  
+  /** Get TypeScript type at ESTree node location */
+  getTypeAtLocation: (node: TSESTree.Node) => ts.Type;
+  
+  /** Map from ESTree nodes to TypeScript nodes */
+  esTreeNodeToTSNodeMap: WeakMap<TSESTree.Node, TSNode | TSToken>;
+  
+  /** Map from TypeScript nodes to ESTree nodes */
+  tsNodeToESTreeNodeMap: WeakMap<TSNode | TSToken, TSESTree.Node>;
+  
+  /** Whether decorator metadata emission is enabled */
+  emitDecoratorMetadata: boolean | undefined;
+  
+  /** Whether experimental decorators are enabled */
+  experimentalDecorators: boolean | undefined;
+  
+  /** Whether isolated declarations mode is enabled */
+  isolatedDeclarations: boolean | undefined;
+}
+
+/** Parser services available when no TypeScript project is configured */
+interface ParserServicesWithoutTypeInformation {
+  /** No TypeScript program available */
+  program: null;
+  
+  /** Map from ESTree nodes to TypeScript nodes */
+  esTreeNodeToTSNodeMap: WeakMap<TSESTree.Node, TSNode | TSToken>;
+  
+  /** Map from TypeScript nodes to ESTree nodes */
+  tsNodeToESTreeNodeMap: WeakMap<TSNode | TSToken, TSESTree.Node>;
+  
+  /** Whether decorator metadata emission is enabled */
+  emitDecoratorMetadata: boolean | undefined;
+  
+  /** Whether experimental decorators are enabled */
+  experimentalDecorators: boolean | undefined;
+  
+  /** Whether isolated declarations mode is enabled */
+  isolatedDeclarations: boolean | undefined;
+}
+```
+
+## Additional Types
+
+```typescript { .api }
+/** Scope manager for variable and reference tracking */
+interface ScopeManager {
+  // Detailed scope analysis functionality from @typescript-eslint/scope-manager
+}
+
+/** Visitor keys for AST traversal */
+interface VisitorKeys {
+  // AST traversal keys from @typescript-eslint/visitor-keys  
+}
+
+/** TypeScript AST node types */
+type TSNode = ts.Node;
+
+/** TypeScript token types */
+type TSToken = ts.Token;
+
+/** AST type with specific options */
+interface AST<T extends { comment: boolean; tokens: boolean }> {
+  type: string;
+  body: any[];
+  sourceType: string;
+  // Additional AST properties based on TypeScript ESTree
+}
+```
+
+## Usage Examples
+
+### Basic TypeScript Parsing
+
+```typescript
+import { parseForESLint } from "@typescript-eslint/parser";
+
+const typeScriptCode = `
+interface User {
+  name: string;
+  age: number;
+}
+
+const user: User = {
+  name: "Alice",
+  age: 30
+};
+`;
+
+const result = parseForESLint(typeScriptCode, {
+  sourceType: "module"
+});
+
+console.log(result.ast.type); // "Program"
+console.log(result.ast.body.length); // Number of top-level statements
+```
+
+### With Type Information
+
+```typescript
+import { parseForESLint } from "@typescript-eslint/parser";
+
+const result = parseForESLint(code, {
+  sourceType: "module",
+  project: "./tsconfig.json",
+  tsconfigRootDir: __dirname
+});
+
+if (result.services.program) {
+  // Type information is available
+  const typeChecker = result.services.program.getTypeChecker();
+  
+  // Use getTypeAtLocation and getSymbolAtLocation
+  // to access TypeScript's type information
+}
+```
+
+### JSX Support
+
+```typescript
+import { parseForESLint } from "@typescript-eslint/parser";
+
+const jsxCode = `
+const Component = () => {
+  return <div>Hello, TypeScript + JSX!</div>;
+};
+`;
+
+const result = parseForESLint(jsxCode, {
+  sourceType: "module",
+  ecmaFeatures: {
+    jsx: true
+  }
+});
+```
+
+### Isolated Parsing for Performance
+
+```typescript
+import { parseForESLint, withoutProjectParserOptions } from "@typescript-eslint/parser";
+
+const originalOptions = {
+  sourceType: "module",
+  project: "./tsconfig.json",
+  tsconfigRootDir: __dirname
+};
+
+// Remove project options for faster parsing
+const isolatedOptions = withoutProjectParserOptions(originalOptions);
+
+const result = parseForESLint(code, isolatedOptions);
+// This will be much faster but won't have type information
+```
+
+## Performance Considerations
+
+### Project vs Isolated Parsing
+
+**Project Parsing** (with `project` option):
+- **Pros**: Full type information access, complete semantic analysis, works with complex TypeScript features
+- **Cons**: Slower performance, higher memory usage, requires valid `tsconfig.json`
+- **Use Case**: Production linting where type information is needed for rules
+
+**Isolated Parsing** (without `project` option):
+- **Pros**: Much faster parsing, lower memory footprint, no project setup required
+- **Cons**: No type information, limited to syntactic analysis only
+- **Use Case**: Quick syntax checking, development tools, CI environments where speed matters
+
+### Memory Management
+
+- Use `clearCaches()` in long-running processes that lint many different projects
+- Consider `withoutProjectParserOptions()` for batch processing to avoid memory buildup
+- Project service mode (`projectService: true`) can be more memory efficient for large codebases
+
+### Configuration Tips
+
+```typescript
+// For maximum performance (syntax-only)
+const fastOptions = {
+  sourceType: "module",
+  ecmaFeatures: { jsx: true }
+  // No project option = faster parsing
+};
+
+// For full type information (slower but complete)
+const completeOptions = {
+  sourceType: "module",
+  project: "./tsconfig.json",
+  tsconfigRootDir: __dirname
+};
+```
+
+## Error Handling
+
+### Common Error Scenarios
+
+**Project Configuration Errors:**
+```typescript
+// Invalid tsconfig.json path
+try {
+  const result = parseForESLint(code, {
+    project: "./invalid-tsconfig.json"
+  });
+} catch (error) {
+  // Handle TSConfig resolution errors
+  console.error("Failed to resolve TypeScript project:", error.message);
+}
+```
+
+**TypeScript Version Warnings:**
+```typescript
+// Suppress TypeScript version warnings
+const result = parseForESLint(code, {
+  warnOnUnsupportedTypeScriptVersion: false
+});
+```
+
+**Syntax Errors:**
+```typescript
+// TypeScript syntax errors in code
+const invalidCode = "const x: = 123;"; // Invalid syntax
+try {
+  const result = parseForESLint(invalidCode);
+} catch (error) {
+  // Handle parsing errors
+  console.error("Parse error:", error.message);
+}
+```
+
+### Error Prevention Tips
+
+- Always validate `tsconfig.json` paths exist before using `project` option
+- Use `errorOnTypeScriptSyntacticAndSemanticIssues: false` (default) to allow ESLint rules to handle errors
+- Test parser options with sample files before processing large codebases
+- Use `clearCaches()` if experiencing memory-related errors in long-running processes
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-typescript-eslint--parser/tile.json b/.tessl/tiles/tessl/npm-typescript-eslint--parser/tile.json
new file mode 100644
index 000000000..241f6d110
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-typescript-eslint--parser/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-typescript-eslint--parser",
+  "version": "8.42.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/@typescript-eslint/parser@8.42.0",
+  "summary": "An ESLint custom parser which leverages TypeScript ESTree to enable ESLint linting of TypeScript source code"
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-typescript/docs/ast/factory.md b/.tessl/tiles/tessl/npm-typescript/docs/ast/factory.md
new file mode 100644
index 000000000..5734fbc57
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-typescript/docs/ast/factory.md
@@ -0,0 +1,640 @@
+# Node Factory
+
+Factory functions for creating and updating AST nodes programmatically. The `factory` constant provides 300+ methods for building complete TypeScript AST structures.
+
+## Capabilities
+
+### Factory Constant
+
+```typescript { .api }
+const factory: NodeFactory;
+```
+
+### Node Factory Interface
+
+Core factory methods for AST node creation.
+
+```typescript { .api }
+interface NodeFactory {
+  /* Literals */
+  createNumericLiteral(value: string | number, numericLiteralFlags?: TokenFlags): NumericLiteral;
+  createBigIntLiteral(value: string | PseudoBigInt): BigIntLiteral;
+  createStringLiteral(text: string, isSingleQuote?: boolean): StringLiteral;
+  createStringLiteralFromNode(sourceNode: PropertyNameLiteral | PrivateIdentifier, isSingleQuote?: boolean): StringLiteral;
+  createRegularExpressionLiteral(text: string): RegularExpressionLiteral;
+  
+  /* Identifiers */
+  createIdentifier(text: string): Identifier;
+  createTempVariable(recordTempVariable: ((node: Identifier) => void) | undefined, reservedInNestedScopes?: boolean): Identifier;
+  createLoopVariable(reservedInNestedScopes?: boolean): Identifier;
+  createUniqueName(text: string, flags?: GeneratedIdentifierFlags): Identifier;
+  getGeneratedNameForNode(node: Node | undefined, flags?: GeneratedIdentifierFlags): Identifier;
+  createPrivateIdentifier(text: string): PrivateIdentifier;
+  createUniquePrivateName(text?: string): PrivateIdentifier;
+  
+  /* Punctuation */
+  createToken<TKind extends PunctuationSyntaxKind>(token: TKind): PunctuationToken<TKind>;
+  createSuper(): SuperExpression;
+  createThis(): ThisExpression;
+  createNull(): NullLiteral;
+  createTrue(): TrueLiteral;
+  createFalse(): FalseLiteral;
+  
+  /* Modifiers */
+  createModifier<T extends ModifierSyntaxKind>(kind: T): ModifierToken<T>;
+  createModifiersFromModifierFlags(flags: ModifierFlags): Modifier[] | undefined;
+  
+  /* QualifiedName */
+  createQualifiedName(left: EntityName, right: string | Identifier): QualifiedName;
+  updateQualifiedName(node: QualifiedName, left: EntityName, right: Identifier): QualifiedName;
+  
+  /* Computed Property Name */
+  createComputedPropertyName(expression: Expression): ComputedPropertyName;
+  updateComputedPropertyName(node: ComputedPropertyName, expression: Expression): ComputedPropertyName;
+  
+  /* Type Parameters */
+  createTypeParameterDeclaration(modifiers: readonly Modifier[] | undefined, name: string | Identifier, constraint?: TypeNode, defaultType?: TypeNode): TypeParameterDeclaration;
+  updateTypeParameterDeclaration(node: TypeParameterDeclaration, modifiers: readonly Modifier[] | undefined, name: Identifier, constraint: TypeNode | undefined, defaultType: TypeNode | undefined): TypeParameterDeclaration;
+  
+  /* Parameters */
+  createParameterDeclaration(modifiers: readonly ModifierLike[] | undefined, dotDotDotToken: DotDotDotToken | undefined, name: string | BindingName, questionToken?: QuestionToken, type?: TypeNode, initializer?: Expression): ParameterDeclaration;
+  updateParameterDeclaration(node: ParameterDeclaration, modifiers: readonly ModifierLike[] | undefined, dotDotDotToken: DotDotDotToken | undefined, name: string | BindingName, questionToken: QuestionToken | undefined, type: TypeNode | undefined, initializer: Expression | undefined): ParameterDeclaration;
+  
+  /* Decorators */
+  createDecorator(expression: Expression): Decorator;
+  updateDecorator(node: Decorator, expression: Expression): Decorator;
+  
+  /* Type Nodes */
+  createKeywordTypeNode<TKind extends KeywordTypeSyntaxKind>(kind: TKind): KeywordTypeNode<TKind>;
+
+  createTypeReferenceNode(typeName: string | EntityName, typeArguments?: readonly TypeNode[]): TypeReferenceNode;
+  updateTypeReferenceNode(node: TypeReferenceNode, typeName: EntityName, typeArguments: NodeArray<TypeNode> | undefined): TypeReferenceNode;
+  
+  createFunctionTypeNode(typeParameters: readonly TypeParameterDeclaration[] | undefined, parameters: readonly ParameterDeclaration[], type: TypeNode): FunctionTypeNode;
+  updateFunctionTypeNode(node: FunctionTypeNode, typeParameters: NodeArray<TypeParameterDeclaration> | undefined, parameters: NodeArray<ParameterDeclaration>, type: TypeNode): FunctionTypeNode;
+  
+  createConstructorTypeNode(modifiers: readonly Modifier[] | undefined, typeParameters: readonly TypeParameterDeclaration[] | undefined, parameters: readonly ParameterDeclaration[], type: TypeNode): ConstructorTypeNode;
+  updateConstructorTypeNode(node: ConstructorTypeNode, modifiers: readonly Modifier[] | undefined, typeParameters: NodeArray<TypeParameterDeclaration> | undefined, parameters: NodeArray<ParameterDeclaration>, type: TypeNode): ConstructorTypeNode;
+  
+  createTypeQueryNode(exprName: EntityName, typeArguments?: readonly TypeNode[]): TypeQueryNode;
+  updateTypeQueryNode(node: TypeQueryNode, exprName: EntityName, typeArguments?: readonly TypeNode[]): TypeQueryNode;
+  
+  createTypeLiteralNode(members: readonly TypeElement[] | undefined): TypeLiteralNode;
+  updateTypeLiteralNode(node: TypeLiteralNode, members: NodeArray<TypeElement>): TypeLiteralNode;
+  
+  createArrayTypeNode(elementType: TypeNode): ArrayTypeNode;
+  updateArrayTypeNode(node: ArrayTypeNode, elementType: TypeNode): ArrayTypeNode;
+  
+  createTupleTypeNode(elements: readonly (TypeNode | NamedTupleMember)[]): TupleTypeNode;
+  updateTupleTypeNode(node: TupleTypeNode, elements: readonly (TypeNode | NamedTupleMember)[]): TupleTypeNode;
+  
+  createUnionTypeNode(types: readonly TypeNode[]): UnionTypeNode;
+  updateUnionTypeNode(node: UnionTypeNode, types: NodeArray<TypeNode>): UnionTypeNode;
+  
+  createIntersectionTypeNode(types: readonly TypeNode[]): IntersectionTypeNode;
+  updateIntersectionTypeNode(node: IntersectionTypeNode, types: NodeArray<TypeNode>): IntersectionTypeNode;
+  
+  createConditionalTypeNode(checkType: TypeNode, extendsType: TypeNode, trueType: TypeNode, falseType: TypeNode): ConditionalTypeNode;
+  updateConditionalTypeNode(node: ConditionalTypeNode, checkType: TypeNode, extendsType: TypeNode, trueType: TypeNode, falseType: TypeNode): ConditionalTypeNode;
+  
+  createInferTypeNode(typeParameter: TypeParameterDeclaration): InferTypeNode;
+  updateInferTypeNode(node: InferTypeNode, typeParameter: TypeParameterDeclaration): InferTypeNode;
+  
+  createMappedTypeNode(readonlyToken: ReadonlyKeyword | PlusToken | MinusToken | undefined, typeParameter: TypeParameterDeclaration, nameType: TypeNode | undefined, questionToken: QuestionToken | PlusToken | MinusToken | undefined, type: TypeNode | undefined, members: NodeArray<TypeElement> | undefined): MappedTypeNode;
+  updateMappedTypeNode(node: MappedTypeNode, readonlyToken: ReadonlyKeyword | PlusToken | MinusToken | undefined, typeParameter: TypeParameterDeclaration, nameType: TypeNode | undefined, questionToken: QuestionToken | PlusToken | MinusToken | undefined, type: TypeNode | undefined, members: NodeArray<TypeElement> | undefined): MappedTypeNode;
+  
+  createLiteralTypeNode(literal: LiteralTypeNode["literal"]): LiteralTypeNode;
+  updateLiteralTypeNode(node: LiteralTypeNode, literal: LiteralTypeNode["literal"]): LiteralTypeNode;
+  
+  /* Expressions */
+  createObjectLiteralExpression(properties?: readonly ObjectLiteralElementLike[], multiLine?: boolean): ObjectLiteralExpression;
+  updateObjectLiteralExpression(node: ObjectLiteralExpression, properties: readonly ObjectLiteralElementLike[]): ObjectLiteralExpression;
+  
+  createPropertyAccessExpression(expression: Expression, name: string | Identifier | PrivateIdentifier): PropertyAccessExpression;
+  updatePropertyAccessExpression(node: PropertyAccessExpression, expression: Expression, name: Identifier | PrivateIdentifier): PropertyAccessExpression;
+  
+  createPropertyAccessChain(expression: Expression, questionDotToken: QuestionDotToken | undefined, name: string | Identifier | PrivateIdentifier): PropertyAccessChain;
+  updatePropertyAccessChain(node: PropertyAccessChain, expression: Expression, questionDotToken: QuestionDotToken | undefined, name: Identifier | PrivateIdentifier): PropertyAccessChain;
+  
+  createElementAccessExpression(expression: Expression, index: number | Expression): ElementAccessExpression;
+  updateElementAccessExpression(node: ElementAccessExpression, expression: Expression, argumentExpression: Expression): ElementAccessExpression;
+  
+  createCallExpression(expression: Expression, typeArguments: readonly TypeNode[] | undefined, argumentsArray: readonly Expression[] | undefined): CallExpression;
+  updateCallExpression(node: CallExpression, expression: Expression, typeArguments: readonly TypeNode[] | undefined, argumentsArray: readonly Expression[]): CallExpression;
+  
+  createNewExpression(expression: Expression, typeArguments: readonly TypeNode[] | undefined, argumentsArray: readonly Expression[] | undefined): NewExpression;
+  updateNewExpression(node: NewExpression, expression: Expression, typeArguments: readonly TypeNode[] | undefined, argumentsArray: readonly Expression[] | undefined): NewExpression;
+  
+  createTaggedTemplateExpression(tag: Expression, typeArguments: readonly TypeNode[] | undefined, template: TemplateLiteral): TaggedTemplateExpression;
+  updateTaggedTemplateExpression(node: TaggedTemplateExpression, tag: Expression, typeArguments: readonly TypeNode[] | undefined, template: TemplateLiteral): TaggedTemplateExpression;
+  
+  createTypeAssertion(type: TypeNode, expression: Expression): TypeAssertion;
+  updateTypeAssertion(node: TypeAssertion, type: TypeNode, expression: Expression): TypeAssertion;
+  
+  createParenthesizedExpression(expression: Expression): ParenthesizedExpression;
+  updateParenthesizedExpression(node: ParenthesizedExpression, expression: Expression): ParenthesizedExpression;
+  
+  createFunctionExpression(modifiers: readonly Modifier[] | undefined, asteriskToken: AsteriskToken | undefined, name: string | Identifier | undefined, typeParameters: readonly TypeParameterDeclaration[] | undefined, parameters: readonly ParameterDeclaration[] | undefined, type: TypeNode | undefined, body: Block): FunctionExpression;
+  updateFunctionExpression(node: FunctionExpression, modifiers: readonly Modifier[] | undefined, asteriskToken: AsteriskToken | undefined, name: Identifier | undefined, typeParameters: readonly TypeParameterDeclaration[] | undefined, parameters: readonly ParameterDeclaration[], type: TypeNode | undefined, body: Block): FunctionExpression;
+  
+  createArrowFunction(modifiers: readonly Modifier[] | undefined, typeParameters: readonly TypeParameterDeclaration[] | undefined, parameters: readonly ParameterDeclaration[], type: TypeNode | undefined, equalsGreaterThanToken: EqualsGreaterThanToken | undefined, body: ConciseBody): ArrowFunction;
+  updateArrowFunction(node: ArrowFunction, modifiers: readonly Modifier[] | undefined, typeParameters: readonly TypeParameterDeclaration[] | undefined, parameters: readonly ParameterDeclaration[], type: TypeNode | undefined, equalsGreaterThanToken: EqualsGreaterThanToken, body: ConciseBody): ArrowFunction;
+  
+  createDeleteExpression(expression: Expression): DeleteExpression;
+  updateDeleteExpression(node: DeleteExpression, expression: Expression): DeleteExpression;
+  
+  createTypeOfExpression(expression: Expression): TypeOfExpression;
+  updateTypeOfExpression(node: TypeOfExpression, expression: Expression): TypeOfExpression;
+  
+  createVoidExpression(expression: Expression): VoidExpression;
+  updateVoidExpression(node: VoidExpression, expression: Expression): VoidExpression;
+  
+  createAwaitExpression(expression: Expression): AwaitExpression;
+  updateAwaitExpression(node: AwaitExpression, expression: Expression): AwaitExpression;
+  
+  createPrefixUnaryExpression(operator: PrefixUnaryOperator, operand: Expression): PrefixUnaryExpression;
+  updatePrefixUnaryExpression(node: PrefixUnaryExpression, operand: Expression): PrefixUnaryExpression;
+  
+  createPostfixUnaryExpression(operand: Expression, operator: PostfixUnaryOperator): PostfixUnaryExpression;
+  updatePostfixUnaryExpression(node: PostfixUnaryExpression, operand: Expression): PostfixUnaryExpression;
+  
+  createBinaryExpression(left: Expression, operator: BinaryOperator | BinaryOperatorToken, right: Expression): BinaryExpression;
+  updateBinaryExpression(node: BinaryExpression, left: Expression, operator: BinaryOperatorToken, right: Expression): BinaryExpression;
+  
+  createConditionalExpression(condition: Expression, questionToken: QuestionToken | undefined, whenTrue: Expression, colonToken: ColonToken | undefined, whenFalse: Expression): ConditionalExpression;
+  updateConditionalExpression(node: ConditionalExpression, condition: Expression, questionToken: QuestionToken, whenTrue: Expression, colonToken: ColonToken, whenFalse: Expression): ConditionalExpression;
+  
+  createArrayLiteralExpression(elements?: readonly Expression[], multiLine?: boolean): ArrayLiteralExpression;
+  updateArrayLiteralExpression(node: ArrayLiteralExpression, elements: readonly Expression[]): ArrayLiteralExpression;
+  
+  createSpreadElement(expression: Expression): SpreadElement;
+  updateSpreadElement(node: SpreadElement, expression: Expression): SpreadElement;
+  
+  createClassExpression(modifiers: readonly ModifierLike[] | undefined, name: string | Identifier | undefined, typeParameters: readonly TypeParameterDeclaration[] | undefined, heritageClauses: readonly HeritageClause[] | undefined, members: readonly ClassElement[]): ClassExpression;
+  updateClassExpression(node: ClassExpression, modifiers: readonly ModifierLike[] | undefined, name: Identifier | undefined, typeParameters: readonly TypeParameterDeclaration[] | undefined, heritageClauses: readonly HeritageClause[] | undefined, members: readonly ClassElement[]): ClassExpression;
+  
+  createAsExpression(expression: Expression, type: TypeNode): AsExpression;
+  updateAsExpression(node: AsExpression, expression: Expression, type: TypeNode): AsExpression;
+  
+  createNonNullExpression(expression: Expression): NonNullExpression;
+  updateNonNullExpression(node: NonNullExpression, expression: Expression): NonNullExpression;
+  
+  createSatisfiesExpression(expression: Expression, type: TypeNode): SatisfiesExpression;
+  updateSatisfiesExpression(node: SatisfiesExpression, expression: Expression, type: TypeNode): SatisfiesExpression;
+  
+  /* Statements */
+  createBlock(statements: readonly Statement[], multiLine?: boolean): Block;
+  updateBlock(node: Block, statements: readonly Statement[]): Block;
+  
+  createVariableStatement(modifiers: readonly Modifier[] | undefined, declarationList: VariableDeclarationList | readonly VariableDeclaration[]): VariableStatement;
+  updateVariableStatement(node: VariableStatement, modifiers: readonly Modifier[] | undefined, declarationList: VariableDeclarationList): VariableStatement;
+  
+  createEmptyStatement(): EmptyStatement;
+  
+  createExpressionStatement(expression: Expression): ExpressionStatement;
+  updateExpressionStatement(node: ExpressionStatement, expression: Expression): ExpressionStatement;
+  
+  createIfStatement(expression: Expression, thenStatement: Statement, elseStatement?: Statement): IfStatement;
+  updateIfStatement(node: IfStatement, expression: Expression, thenStatement: Statement, elseStatement: Statement | undefined): IfStatement;
+  
+  createDoStatement(statement: Statement, expression: Expression): DoStatement;
+  updateDoStatement(node: DoStatement, statement: Statement, expression: Expression): DoStatement;
+  
+  createWhileStatement(expression: Expression, statement: Statement): WhileStatement;
+  updateWhileStatement(node: WhileStatement, expression: Expression, statement: Statement): WhileStatement;
+  
+  createForStatement(initializer: ForInitializer | undefined, condition: Expression | undefined, incrementor: Expression | undefined, statement: Statement): ForStatement;
+  updateForStatement(node: ForStatement, initializer: ForInitializer | undefined, condition: Expression | undefined, incrementor: Expression | undefined, statement: Statement): ForStatement;
+  
+  createForInStatement(initializer: ForInitializer, expression: Expression, statement: Statement): ForInStatement;
+  updateForInStatement(node: ForInStatement, initializer: ForInitializer, expression: Expression, statement: Statement): ForInStatement;
+  
+  createForOfStatement(awaitModifier: AwaitKeyword | undefined, initializer: ForInitializer, expression: Expression, statement: Statement): ForOfStatement;
+  updateForOfStatement(node: ForOfStatement, awaitModifier: AwaitKeyword | undefined, initializer: ForInitializer, expression: Expression, statement: Statement): ForOfStatement;
+  
+  createContinueStatement(label?: string | Identifier): ContinueStatement;
+  updateContinueStatement(node: ContinueStatement, label: Identifier | undefined): ContinueStatement;
+  
+  createBreakStatement(label?: string | Identifier): BreakStatement;
+  updateBreakStatement(node: BreakStatement, label: Identifier | undefined): BreakStatement;
+  
+  createReturnStatement(expression?: Expression): ReturnStatement;
+  updateReturnStatement(node: ReturnStatement, expression: Expression | undefined): ReturnStatement;
+  
+  createSwitchStatement(expression: Expression, caseBlock: CaseBlock): SwitchStatement;
+  updateSwitchStatement(node: SwitchStatement, expression: Expression, caseBlock: CaseBlock): SwitchStatement;
+  
+  createThrowStatement(expression: Expression): ThrowStatement;
+  updateThrowStatement(node: ThrowStatement, expression: Expression): ThrowStatement;
+  
+  createTryStatement(tryBlock: Block, catchClause: CatchClause | undefined, finallyBlock: Block | undefined): TryStatement;
+  updateTryStatement(node: TryStatement, tryBlock: Block, catchClause: CatchClause | undefined, finallyBlock: Block | undefined): TryStatement;
+  
+  /* Declarations */
+  createVariableDeclaration(name: string | BindingName, exclamationToken?: ExclamationToken, type?: TypeNode, initializer?: Expression): VariableDeclaration;
+  updateVariableDeclaration(node: VariableDeclaration, name: BindingName, exclamationToken: ExclamationToken | undefined, type: TypeNode | undefined, initializer: Expression | undefined): VariableDeclaration;
+  
+  createVariableDeclarationList(declarations: readonly VariableDeclaration[], flags?: NodeFlags): VariableDeclarationList;
+  updateVariableDeclarationList(node: VariableDeclarationList, declarations: readonly VariableDeclaration[]): VariableDeclarationList;
+  
+  createFunctionDeclaration(modifiers: readonly ModifierLike[] | undefined, asteriskToken: AsteriskToken | undefined, name: string | Identifier | undefined, typeParameters: readonly TypeParameterDeclaration[] | undefined, parameters: readonly ParameterDeclaration[], type: TypeNode | undefined, body: Block | undefined): FunctionDeclaration;
+  updateFunctionDeclaration(node: FunctionDeclaration, modifiers: readonly ModifierLike[] | undefined, asteriskToken: AsteriskToken | undefined, name: Identifier | undefined, typeParameters: readonly TypeParameterDeclaration[] | undefined, parameters: readonly ParameterDeclaration[], type: TypeNode | undefined, body: Block | undefined): FunctionDeclaration;
+  
+  createClassDeclaration(modifiers: readonly ModifierLike[] | undefined, name: string | Identifier | undefined, typeParameters: readonly TypeParameterDeclaration[] | undefined, heritageClauses: readonly HeritageClause[] | undefined, members: readonly ClassElement[]): ClassDeclaration;
+  updateClassDeclaration(node: ClassDeclaration, modifiers: readonly ModifierLike[] | undefined, name: Identifier | undefined, typeParameters: readonly TypeParameterDeclaration[] | undefined, heritageClauses: readonly HeritageClause[] | undefined, members: readonly ClassElement[]): ClassDeclaration;
+
+  createPropertyDeclaration(modifiers: readonly ModifierLike[] | undefined, name: string | PropertyName, questionOrExclamationToken: QuestionToken | ExclamationToken | undefined, type: TypeNode | undefined, initializer: Expression | undefined): PropertyDeclaration;
+  updatePropertyDeclaration(node: PropertyDeclaration, modifiers: readonly ModifierLike[] | undefined, name: string | PropertyName, questionOrExclamationToken: QuestionToken | ExclamationToken | undefined, type: TypeNode | undefined, initializer: Expression | undefined): PropertyDeclaration;
+
+  createMethodDeclaration(modifiers: readonly ModifierLike[] | undefined, asteriskToken: AsteriskToken | undefined, name: string | PropertyName, questionToken: QuestionToken | undefined, typeParameters: readonly TypeParameterDeclaration[] | undefined, parameters: readonly ParameterDeclaration[], type: TypeNode | undefined, body: Block | undefined): MethodDeclaration;
+  updateMethodDeclaration(node: MethodDeclaration, modifiers: readonly ModifierLike[] | undefined, asteriskToken: AsteriskToken | undefined, name: PropertyName, questionToken: QuestionToken | undefined, typeParameters: readonly TypeParameterDeclaration[] | undefined, parameters: readonly ParameterDeclaration[], type: TypeNode | undefined, body: Block | undefined): MethodDeclaration;
+
+  createConstructorDeclaration(modifiers: readonly ModifierLike[] | undefined, parameters: readonly ParameterDeclaration[], body: Block | undefined): ConstructorDeclaration;
+  updateConstructorDeclaration(node: ConstructorDeclaration, modifiers: readonly ModifierLike[] | undefined, parameters: readonly ParameterDeclaration[], body: Block | undefined): ConstructorDeclaration;
+
+  createInterfaceDeclaration(modifiers: readonly Modifier[] | undefined, name: string | Identifier, typeParameters: readonly TypeParameterDeclaration[] | undefined, heritageClauses: readonly HeritageClause[] | undefined, members: readonly TypeElement[]): InterfaceDeclaration;
+  updateInterfaceDeclaration(node: InterfaceDeclaration, modifiers: readonly Modifier[] | undefined, name: Identifier, typeParameters: readonly TypeParameterDeclaration[] | undefined, heritageClauses: readonly HeritageClause[] | undefined, members: readonly TypeElement[]): InterfaceDeclaration;
+  
+  createTypeAliasDeclaration(modifiers: readonly Modifier[] | undefined, name: string | Identifier, typeParameters: readonly TypeParameterDeclaration[] | undefined, type: TypeNode): TypeAliasDeclaration;
+  updateTypeAliasDeclaration(node: TypeAliasDeclaration, modifiers: readonly Modifier[] | undefined, name: Identifier, typeParameters: readonly TypeParameterDeclaration[] | undefined, type: TypeNode): TypeAliasDeclaration;
+  
+  createEnumDeclaration(modifiers: readonly Modifier[] | undefined, name: string | Identifier, members: readonly EnumMember[]): EnumDeclaration;
+  updateEnumDeclaration(node: EnumDeclaration, modifiers: readonly Modifier[] | undefined, name: Identifier, members: readonly EnumMember[]): EnumDeclaration;
+  
+  createModuleDeclaration(modifiers: readonly Modifier[] | undefined, name: ModuleName, body: ModuleBody | undefined, flags?: NodeFlags): ModuleDeclaration;
+  updateModuleDeclaration(node: ModuleDeclaration, modifiers: readonly Modifier[] | undefined, name: ModuleName, body: ModuleBody | undefined): ModuleDeclaration;
+  
+  createImportEqualsDeclaration(modifiers: readonly Modifier[] | undefined, isTypeOnly: boolean, name: string | Identifier, moduleReference: ModuleReference): ImportEqualsDeclaration;
+  updateImportEqualsDeclaration(node: ImportEqualsDeclaration, modifiers: readonly Modifier[] | undefined, isTypeOnly: boolean, name: Identifier, moduleReference: ModuleReference): ImportEqualsDeclaration;
+  
+  createImportDeclaration(modifiers: readonly Modifier[] | undefined, importClause: ImportClause | undefined, moduleSpecifier: Expression, attributes?: ImportAttributes): ImportDeclaration;
+  updateImportDeclaration(node: ImportDeclaration, modifiers: readonly Modifier[] | undefined, importClause: ImportClause | undefined, moduleSpecifier: Expression, attributes: ImportAttributes | undefined): ImportDeclaration;
+  
+  createExportAssignment(modifiers: readonly Modifier[] | undefined, isExportEquals: boolean | undefined, expression: Expression): ExportAssignment;
+  updateExportAssignment(node: ExportAssignment, modifiers: readonly Modifier[] | undefined, expression: Expression): ExportAssignment;
+  
+  createExportDeclaration(modifiers: readonly Modifier[] | undefined, isTypeOnly: boolean, exportClause: NamedExportBindings | undefined, moduleSpecifier?: Expression, attributes?: ImportAttributes): ExportDeclaration;
+  updateExportDeclaration(node: ExportDeclaration, modifiers: readonly Modifier[] | undefined, isTypeOnly: boolean, exportClause: NamedExportBindings | undefined, moduleSpecifier: Expression | undefined, attributes: ImportAttributes | undefined): ExportDeclaration;
+  
+  /* Source File */
+  createSourceFile(statements: readonly Statement[], endOfFileToken: EndOfFileToken, flags: NodeFlags): SourceFile;
+  updateSourceFile(node: SourceFile, statements: readonly Statement[], isDeclarationFile?: boolean, referencedFiles?: readonly FileReference[], typeReferences?: readonly FileReference[], hasNoDefaultLib?: boolean, libReferences?: readonly FileReference[]): SourceFile;
+
+  /* Type Signatures */
+  createPropertySignature(modifiers: readonly Modifier[] | undefined, name: PropertyName | string, questionToken: QuestionToken | undefined, type: TypeNode | undefined): PropertySignature;
+  updatePropertySignature(node: PropertySignature, modifiers: readonly Modifier[] | undefined, name: PropertyName, questionToken: QuestionToken | undefined, type: TypeNode | undefined): PropertySignature;
+  createMethodSignature(modifiers: readonly Modifier[] | undefined, name: string | PropertyName, questionToken: QuestionToken | undefined, typeParameters: readonly TypeParameterDeclaration[] | undefined, parameters: readonly ParameterDeclaration[], type: TypeNode | undefined): MethodSignature;
+  updateMethodSignature(node: MethodSignature, modifiers: readonly Modifier[] | undefined, name: PropertyName, questionToken: QuestionToken | undefined, typeParameters: NodeArray<TypeParameterDeclaration> | undefined, parameters: NodeArray<ParameterDeclaration>, type: TypeNode | undefined): MethodSignature;
+  createCallSignature(typeParameters: readonly TypeParameterDeclaration[] | undefined, parameters: readonly ParameterDeclaration[], type: TypeNode | undefined): CallSignatureDeclaration;
+  updateCallSignature(node: CallSignatureDeclaration, typeParameters: NodeArray<TypeParameterDeclaration> | undefined, parameters: NodeArray<ParameterDeclaration>, type: TypeNode | undefined): CallSignatureDeclaration;
+  createConstructSignature(typeParameters: readonly TypeParameterDeclaration[] | undefined, parameters: readonly ParameterDeclaration[], type: TypeNode | undefined): ConstructSignatureDeclaration;
+  updateConstructSignature(node: ConstructSignatureDeclaration, typeParameters: NodeArray<TypeParameterDeclaration> | undefined, parameters: NodeArray<ParameterDeclaration>, type: TypeNode | undefined): ConstructSignatureDeclaration;
+  createIndexSignature(modifiers: readonly ModifierLike[] | undefined, parameters: readonly ParameterDeclaration[], type: TypeNode): IndexSignatureDeclaration;
+  updateIndexSignature(node: IndexSignatureDeclaration, modifiers: readonly ModifierLike[] | undefined, parameters: readonly ParameterDeclaration[], type: TypeNode): IndexSignatureDeclaration;
+  createTemplateLiteralTypeSpan(type: TypeNode, literal: TemplateMiddle | TemplateTail): TemplateLiteralTypeSpan;
+  updateTemplateLiteralTypeSpan(node: TemplateLiteralTypeSpan, type: TypeNode, literal: TemplateMiddle | TemplateTail): TemplateLiteralTypeSpan;
+
+  /* Accessors & Class Members */
+  createGetAccessorDeclaration(modifiers: readonly ModifierLike[] | undefined, name: string | PropertyName, parameters: readonly ParameterDeclaration[], type: TypeNode | undefined, body: Block | undefined): GetAccessorDeclaration;
+  updateGetAccessorDeclaration(node: GetAccessorDeclaration, modifiers: readonly ModifierLike[] | undefined, name: PropertyName, parameters: readonly ParameterDeclaration[], type: TypeNode | undefined, body: Block | undefined): GetAccessorDeclaration;
+  createSetAccessorDeclaration(modifiers: readonly ModifierLike[] | undefined, name: string | PropertyName, parameters: readonly ParameterDeclaration[], body: Block | undefined): SetAccessorDeclaration;
+  updateSetAccessorDeclaration(node: SetAccessorDeclaration, modifiers: readonly ModifierLike[] | undefined, name: PropertyName, parameters: readonly ParameterDeclaration[], body: Block | undefined): SetAccessorDeclaration;
+  createClassStaticBlockDeclaration(body: Block): ClassStaticBlockDeclaration;
+  updateClassStaticBlockDeclaration(node: ClassStaticBlockDeclaration, body: Block): ClassStaticBlockDeclaration;
+  createSemicolonClassElement(): SemicolonClassElement;
+
+  /* Type Nodes */
+  createTypePredicateNode(assertsModifier: AssertsKeyword | undefined, parameterName: Identifier | ThisTypeNode | string, type: TypeNode | undefined): TypePredicateNode;
+  updateTypePredicateNode(node: TypePredicateNode, assertsModifier: AssertsKeyword | undefined, parameterName: Identifier | ThisTypeNode, type: TypeNode | undefined): TypePredicateNode;
+  createNamedTupleMember(dotDotDotToken: DotDotDotToken | undefined, name: Identifier, questionToken: QuestionToken | undefined, type: TypeNode): NamedTupleMember;
+  updateNamedTupleMember(node: NamedTupleMember, dotDotDotToken: DotDotDotToken | undefined, name: Identifier, questionToken: QuestionToken | undefined, type: TypeNode): NamedTupleMember;
+  createOptionalTypeNode(type: TypeNode): OptionalTypeNode;
+  updateOptionalTypeNode(node: OptionalTypeNode, type: TypeNode): OptionalTypeNode;
+  createRestTypeNode(type: TypeNode): RestTypeNode;
+  updateRestTypeNode(node: RestTypeNode, type: TypeNode): RestTypeNode;
+  createImportTypeNode(argument: TypeNode, attributes?: ImportAttributes, qualifier?: EntityName, typeArguments?: readonly TypeNode[], isTypeOf?: boolean): ImportTypeNode;
+  updateImportTypeNode(node: ImportTypeNode, argument: TypeNode, attributes: ImportAttributes | undefined, qualifier: EntityName | undefined, typeArguments: readonly TypeNode[] | undefined, isTypeOf?: boolean): ImportTypeNode;
+  createParenthesizedType(type: TypeNode): ParenthesizedTypeNode;
+  updateParenthesizedType(node: ParenthesizedTypeNode, type: TypeNode): ParenthesizedTypeNode;
+  createThisTypeNode(): ThisTypeNode;
+  createTypeOperatorNode(operator: SyntaxKind.KeyOfKeyword | SyntaxKind.UniqueKeyword | SyntaxKind.ReadonlyKeyword, type: TypeNode): TypeOperatorNode;
+  updateTypeOperatorNode(node: TypeOperatorNode, type: TypeNode): TypeOperatorNode;
+  createIndexedAccessTypeNode(objectType: TypeNode, indexType: TypeNode): IndexedAccessTypeNode;
+  updateIndexedAccessTypeNode(node: IndexedAccessTypeNode, objectType: TypeNode, indexType: TypeNode): IndexedAccessTypeNode;
+  createTemplateLiteralType(head: TemplateHead, templateSpans: readonly TemplateLiteralTypeSpan[]): TemplateLiteralTypeNode;
+  updateTemplateLiteralType(node: TemplateLiteralTypeNode, head: TemplateHead, templateSpans: readonly TemplateLiteralTypeSpan[]): TemplateLiteralTypeNode;
+
+  /* Binding Patterns */
+  createObjectBindingPattern(elements: readonly BindingElement[]): ObjectBindingPattern;
+  updateObjectBindingPattern(node: ObjectBindingPattern, elements: readonly BindingElement[]): ObjectBindingPattern;
+  createArrayBindingPattern(elements: readonly ArrayBindingElement[]): ArrayBindingPattern;
+  updateArrayBindingPattern(node: ArrayBindingPattern, elements: readonly ArrayBindingElement[]): ArrayBindingPattern;
+  createBindingElement(dotDotDotToken: DotDotDotToken | undefined, propertyName: string | PropertyName | undefined, name: string | BindingName, initializer?: Expression): BindingElement;
+  updateBindingElement(node: BindingElement, dotDotDotToken: DotDotDotToken | undefined, propertyName: PropertyName | undefined, name: BindingName, initializer: Expression | undefined): BindingElement;
+
+  /* Statements */
+  createWithStatement(expression: Expression, statement: Statement): WithStatement;
+  updateWithStatement(node: WithStatement, expression: Expression, statement: Statement): WithStatement;
+  createLabeledStatement(label: string | Identifier, statement: Statement): LabeledStatement;
+  updateLabeledStatement(node: LabeledStatement, label: Identifier, statement: Statement): LabeledStatement;
+  createDebuggerStatement(): DebuggerStatement;
+  createNotEmittedStatement(original: Node): NotEmittedStatement;
+  createNotEmittedTypeElement(): NotEmittedTypeElement;
+
+  /* Expressions - Templates */
+  createTemplateExpression(head: TemplateHead, templateSpans: readonly TemplateSpan[]): TemplateExpression;
+  updateTemplateExpression(node: TemplateExpression, head: TemplateHead, templateSpans: readonly TemplateSpan[]): TemplateExpression;
+  createTemplateHead(text: string, rawText?: string, templateFlags?: TokenFlags): TemplateHead;
+  createTemplateHead(text: string | undefined, rawText: string, templateFlags?: TokenFlags): TemplateHead;
+  createTemplateMiddle(text: string, rawText?: string, templateFlags?: TokenFlags): TemplateMiddle;
+  createTemplateMiddle(text: string | undefined, rawText: string, templateFlags?: TokenFlags): TemplateMiddle;
+  createTemplateTail(text: string, rawText?: string, templateFlags?: TokenFlags): TemplateTail;
+  createTemplateTail(text: string | undefined, rawText: string, templateFlags?: TokenFlags): TemplateTail;
+  createNoSubstitutionTemplateLiteral(text: string, rawText?: string): NoSubstitutionTemplateLiteral;
+  createNoSubstitutionTemplateLiteral(text: string | undefined, rawText: string): NoSubstitutionTemplateLiteral;
+  createTemplateSpan(expression: Expression, literal: TemplateMiddle | TemplateTail): TemplateSpan;
+  updateTemplateSpan(node: TemplateSpan, expression: Expression, literal: TemplateMiddle | TemplateTail): TemplateSpan;
+
+  /* Expressions - Yield & Other */
+  createYieldExpression(asteriskToken: AsteriskToken, expression: Expression): YieldExpression;
+  createYieldExpression(asteriskToken: undefined, expression: Expression | undefined): YieldExpression;
+  updateYieldExpression(node: YieldExpression, asteriskToken: AsteriskToken | undefined, expression: Expression | undefined): YieldExpression;
+  createOmittedExpression(): OmittedExpression;
+  createExpressionWithTypeArguments(expression: Expression, typeArguments: readonly TypeNode[] | undefined): ExpressionWithTypeArguments;
+  updateExpressionWithTypeArguments(node: ExpressionWithTypeArguments, expression: Expression, typeArguments: readonly TypeNode[] | undefined): ExpressionWithTypeArguments;
+  createMetaProperty(keywordToken: MetaProperty["keywordToken"], name: Identifier): MetaProperty;
+  updateMetaProperty(node: MetaProperty, name: Identifier): MetaProperty;
+  createPartiallyEmittedExpression(expression: Expression, original?: Node): PartiallyEmittedExpression;
+  updatePartiallyEmittedExpression(node: PartiallyEmittedExpression, expression: Expression): PartiallyEmittedExpression;
+  createCommaListExpression(elements: readonly Expression[]): CommaListExpression;
+  updateCommaListExpression(node: CommaListExpression, elements: readonly Expression[]): CommaListExpression;
+
+  /* Expressions - Optional Chaining */
+  createElementAccessChain(expression: Expression, questionDotToken: QuestionDotToken | undefined, index: number | Expression): ElementAccessChain;
+  updateElementAccessChain(node: ElementAccessChain, expression: Expression, questionDotToken: QuestionDotToken | undefined, argumentExpression: Expression): ElementAccessChain;
+  createCallChain(expression: Expression, questionDotToken: QuestionDotToken | undefined, typeArguments: readonly TypeNode[] | undefined, argumentsArray: readonly Expression[] | undefined): CallChain;
+  updateCallChain(node: CallChain, expression: Expression, questionDotToken: QuestionDotToken | undefined, typeArguments: readonly TypeNode[] | undefined, argumentsArray: readonly Expression[]): CallChain;
+  createNonNullChain(expression: Expression): NonNullChain;
+  updateNonNullChain(node: NonNullChain, expression: Expression): NonNullChain;
+
+  /* Module & Import/Export */
+  createModuleBlock(statements: readonly Statement[]): ModuleBlock;
+  updateModuleBlock(node: ModuleBlock, statements: readonly Statement[]): ModuleBlock;
+  createCaseBlock(clauses: readonly CaseOrDefaultClause[]): CaseBlock;
+  updateCaseBlock(node: CaseBlock, clauses: readonly CaseOrDefaultClause[]): CaseBlock;
+  createNamespaceExportDeclaration(name: string | Identifier): NamespaceExportDeclaration;
+  updateNamespaceExportDeclaration(node: NamespaceExportDeclaration, name: Identifier): NamespaceExportDeclaration;
+  createImportAttributes(elements: NodeArray<ImportAttribute>, multiLine?: boolean): ImportAttributes;
+  updateImportAttributes(node: ImportAttributes, elements: NodeArray<ImportAttribute>, multiLine?: boolean): ImportAttributes;
+  createImportAttribute(name: ImportAttributeName, value: Expression): ImportAttribute;
+  updateImportAttribute(node: ImportAttribute, name: ImportAttributeName, value: Expression): ImportAttribute;
+  createNamespaceImport(name: Identifier): NamespaceImport;
+  updateNamespaceImport(node: NamespaceImport, name: Identifier): NamespaceImport;
+  createNamespaceExport(name: ModuleExportName): NamespaceExport;
+  updateNamespaceExport(node: NamespaceExport, name: ModuleExportName): NamespaceExport;
+  createNamedImports(elements: readonly ImportSpecifier[]): NamedImports;
+  updateNamedImports(node: NamedImports, elements: readonly ImportSpecifier[]): NamedImports;
+  createImportSpecifier(isTypeOnly: boolean, propertyName: ModuleExportName | undefined, name: Identifier): ImportSpecifier;
+  updateImportSpecifier(node: ImportSpecifier, isTypeOnly: boolean, propertyName: ModuleExportName | undefined, name: Identifier): ImportSpecifier;
+  createNamedExports(elements: readonly ExportSpecifier[]): NamedExports;
+  updateNamedExports(node: NamedExports, elements: readonly ExportSpecifier[]): NamedExports;
+  createExportSpecifier(isTypeOnly: boolean, propertyName: string | ModuleExportName | undefined, name: string | ModuleExportName): ExportSpecifier;
+  updateExportSpecifier(node: ExportSpecifier, isTypeOnly: boolean, propertyName: ModuleExportName | undefined, name: ModuleExportName): ExportSpecifier;
+  createExternalModuleReference(expression: Expression): ExternalModuleReference;
+  updateExternalModuleReference(node: ExternalModuleReference, expression: Expression): ExternalModuleReference;
+
+  /* JSX */
+  createJsxElement(openingElement: JsxOpeningElement, children: readonly JsxChild[], closingElement: JsxClosingElement): JsxElement;
+  updateJsxElement(node: JsxElement, openingElement: JsxOpeningElement, children: readonly JsxChild[], closingElement: JsxClosingElement): JsxElement;
+  createJsxSelfClosingElement(tagName: JsxTagNameExpression, typeArguments: readonly TypeNode[] | undefined, attributes: JsxAttributes): JsxSelfClosingElement;
+  updateJsxSelfClosingElement(node: JsxSelfClosingElement, tagName: JsxTagNameExpression, typeArguments: readonly TypeNode[] | undefined, attributes: JsxAttributes): JsxSelfClosingElement;
+  createJsxOpeningElement(tagName: JsxTagNameExpression, typeArguments: readonly TypeNode[] | undefined, attributes: JsxAttributes): JsxOpeningElement;
+  updateJsxOpeningElement(node: JsxOpeningElement, tagName: JsxTagNameExpression, typeArguments: readonly TypeNode[] | undefined, attributes: JsxAttributes): JsxOpeningElement;
+  createJsxClosingElement(tagName: JsxTagNameExpression): JsxClosingElement;
+  updateJsxClosingElement(node: JsxClosingElement, tagName: JsxTagNameExpression): JsxClosingElement;
+  createJsxFragment(openingFragment: JsxOpeningFragment, children: readonly JsxChild[], closingFragment: JsxClosingFragment): JsxFragment;
+  updateJsxFragment(node: JsxFragment, openingFragment: JsxOpeningFragment, children: readonly JsxChild[], closingFragment: JsxClosingFragment): JsxFragment;
+  createJsxText(text: string, containsOnlyTriviaWhiteSpaces?: boolean): JsxText;
+  updateJsxText(node: JsxText, text: string, containsOnlyTriviaWhiteSpaces?: boolean): JsxText;
+  createJsxOpeningFragment(): JsxOpeningFragment;
+  createJsxJsxClosingFragment(): JsxClosingFragment;
+  createJsxAttribute(name: JsxAttributeName, initializer: JsxAttributeValue | undefined): JsxAttribute;
+  updateJsxAttribute(node: JsxAttribute, name: JsxAttributeName, initializer: JsxAttributeValue | undefined): JsxAttribute;
+  createJsxAttributes(properties: readonly JsxAttributeLike[]): JsxAttributes;
+  updateJsxAttributes(node: JsxAttributes, properties: readonly JsxAttributeLike[]): JsxAttributes;
+  createJsxSpreadAttribute(expression: Expression): JsxSpreadAttribute;
+  updateJsxSpreadAttribute(node: JsxSpreadAttribute, expression: Expression): JsxSpreadAttribute;
+  createJsxExpression(dotDotDotToken: DotDotDotToken | undefined, expression: Expression | undefined): JsxExpression;
+  updateJsxExpression(node: JsxExpression, expression: Expression | undefined): JsxExpression;
+  createJsxNamespacedName(namespace: Identifier, name: Identifier): JsxNamespacedName;
+  updateJsxNamespacedName(node: JsxNamespacedName, namespace: Identifier, name: Identifier): JsxNamespacedName;
+
+  /* Clauses & Auxiliary Nodes */
+  createCaseClause(expression: Expression, statements: readonly Statement[]): CaseClause;
+  updateCaseClause(node: CaseClause, expression: Expression, statements: readonly Statement[]): CaseClause;
+  createDefaultClause(statements: readonly Statement[]): DefaultClause;
+  updateDefaultClause(node: DefaultClause, statements: readonly Statement[]): DefaultClause;
+  createHeritageClause(token: HeritageClause["token"], types: readonly ExpressionWithTypeArguments[]): HeritageClause;
+  updateHeritageClause(node: HeritageClause, types: readonly ExpressionWithTypeArguments[]): HeritageClause;
+  createCatchClause(variableDeclaration: string | BindingName | VariableDeclaration | undefined, block: Block): CatchClause;
+  updateCatchClause(node: CatchClause, variableDeclaration: VariableDeclaration | undefined, block: Block): CatchClause;
+  createPropertyAssignment(name: string | PropertyName, initializer: Expression): PropertyAssignment;
+  updatePropertyAssignment(node: PropertyAssignment, name: PropertyName, initializer: Expression): PropertyAssignment;
+  createShorthandPropertyAssignment(name: string | Identifier, objectAssignmentInitializer?: Expression): ShorthandPropertyAssignment;
+  updateShorthandPropertyAssignment(node: ShorthandPropertyAssignment, name: Identifier, objectAssignmentInitializer: Expression | undefined): ShorthandPropertyAssignment;
+  createSpreadAssignment(expression: Expression): SpreadAssignment;
+  updateSpreadAssignment(node: SpreadAssignment, expression: Expression): SpreadAssignment;
+  createEnumMember(name: string | PropertyName, initializer?: Expression): EnumMember;
+  updateEnumMember(node: EnumMember, name: PropertyName, initializer: Expression | undefined): EnumMember;
+
+  /* JSDoc Nodes */
+  createJSDocAllType(): JSDocAllType;
+  createJSDocUnknownType(): JSDocUnknownType;
+  createJSDocNonNullableType(type: TypeNode, postfix?: boolean): JSDocNonNullableType;
+  updateJSDocNonNullableType(node: JSDocNonNullableType, type: TypeNode): JSDocNonNullableType;
+  createJSDocNullableType(type: TypeNode, postfix?: boolean): JSDocNullableType;
+  updateJSDocNullableType(node: JSDocNullableType, type: TypeNode): JSDocNullableType;
+  createJSDocOptionalType(type: TypeNode): JSDocOptionalType;
+  updateJSDocOptionalType(node: JSDocOptionalType, type: TypeNode): JSDocOptionalType;
+  createJSDocFunctionType(parameters: readonly ParameterDeclaration[], type: TypeNode | undefined): JSDocFunctionType;
+  updateJSDocFunctionType(node: JSDocFunctionType, parameters: readonly ParameterDeclaration[], type: TypeNode | undefined): JSDocFunctionType;
+  createJSDocVariadicType(type: TypeNode): JSDocVariadicType;
+  updateJSDocVariadicType(node: JSDocVariadicType, type: TypeNode): JSDocVariadicType;
+  createJSDocNamepathType(type: TypeNode): JSDocNamepathType;
+  updateJSDocNamepathType(node: JSDocNamepathType, type: TypeNode): JSDocNamepathType;
+  createJSDocTypeExpression(type: TypeNode): JSDocTypeExpression;
+  updateJSDocTypeExpression(node: JSDocTypeExpression, type: TypeNode): JSDocTypeExpression;
+  createJSDocNameReference(name: EntityName | JSDocMemberName): JSDocNameReference;
+  updateJSDocNameReference(node: JSDocNameReference, name: EntityName | JSDocMemberName): JSDocNameReference;
+  createJSDocMemberName(left: EntityName | JSDocMemberName, right: Identifier): JSDocMemberName;
+  updateJSDocMemberName(node: JSDocMemberName, left: EntityName | JSDocMemberName, right: Identifier): JSDocMemberName;
+  createJSDocLink(name: EntityName | JSDocMemberName | undefined, text: string): JSDocLink;
+  updateJSDocLink(node: JSDocLink, name: EntityName | JSDocMemberName | undefined, text: string): JSDocLink;
+  createJSDocLinkCode(name: EntityName | JSDocMemberName | undefined, text: string): JSDocLinkCode;
+  updateJSDocLinkCode(node: JSDocLinkCode, name: EntityName | JSDocMemberName | undefined, text: string): JSDocLinkCode;
+  createJSDocLinkPlain(name: EntityName | JSDocMemberName | undefined, text: string): JSDocLinkPlain;
+  updateJSDocLinkPlain(node: JSDocLinkPlain, name: EntityName | JSDocMemberName | undefined, text: string): JSDocLinkPlain;
+  createJSDocTypeLiteral(jsDocPropertyTags?: readonly JSDocPropertyLikeTag[], isArrayType?: boolean): JSDocTypeLiteral;
+  updateJSDocTypeLiteral(node: JSDocTypeLiteral, jsDocPropertyTags: readonly JSDocPropertyLikeTag[] | undefined, isArrayType: boolean | undefined): JSDocTypeLiteral;
+  createJSDocSignature(typeParameters: readonly JSDocTemplateTag[] | undefined, parameters: readonly JSDocParameterTag[], type?: JSDocReturnTag): JSDocSignature;
+  updateJSDocSignature(node: JSDocSignature, typeParameters: readonly JSDocTemplateTag[] | undefined, parameters: readonly JSDocParameterTag[], type: JSDocReturnTag | undefined): JSDocSignature;
+  createJSDocTemplateTag(tagName: Identifier | undefined, constraint: JSDocTypeExpression | undefined, typeParameters: readonly TypeParameterDeclaration[], comment?: string | NodeArray<JSDocComment>): JSDocTemplateTag;
+  updateJSDocTemplateTag(node: JSDocTemplateTag, tagName: Identifier | undefined, constraint: JSDocTypeExpression | undefined, typeParameters: readonly TypeParameterDeclaration[], comment: string | NodeArray<JSDocComment> | undefined): JSDocTemplateTag;
+  createJSDocTypedefTag(tagName: Identifier | undefined, typeExpression?: JSDocTypeExpression | JSDocTypeLiteral, fullName?: Identifier | JSDocNamespaceDeclaration, comment?: string | NodeArray<JSDocComment>): JSDocTypedefTag;
+  updateJSDocTypedefTag(node: JSDocTypedefTag, tagName: Identifier | undefined, typeExpression: JSDocTypeExpression | JSDocTypeLiteral | undefined, fullName: Identifier | JSDocNamespaceDeclaration | undefined, comment: string | NodeArray<JSDocComment> | undefined): JSDocTypedefTag;
+  createJSDocParameterTag(tagName: Identifier | undefined, name: EntityName, isBracketed: boolean, typeExpression?: JSDocTypeExpression, isNameFirst?: boolean, comment?: string | NodeArray<JSDocComment>): JSDocParameterTag;
+  updateJSDocParameterTag(node: JSDocParameterTag, tagName: Identifier | undefined, name: EntityName, isBracketed: boolean, typeExpression: JSDocTypeExpression | undefined, isNameFirst: boolean, comment: string | NodeArray<JSDocComment> | undefined): JSDocParameterTag;
+  createJSDocPropertyTag(tagName: Identifier | undefined, name: EntityName, isBracketed: boolean, typeExpression?: JSDocTypeExpression, isNameFirst?: boolean, comment?: string | NodeArray<JSDocComment>): JSDocPropertyTag;
+  updateJSDocPropertyTag(node: JSDocPropertyTag, tagName: Identifier | undefined, name: EntityName, isBracketed: boolean, typeExpression: JSDocTypeExpression | undefined, isNameFirst: boolean, comment: string | NodeArray<JSDocComment> | undefined): JSDocPropertyTag;
+  createJSDocTypeTag(tagName: Identifier | undefined, typeExpression: JSDocTypeExpression, comment?: string | NodeArray<JSDocComment>): JSDocTypeTag;
+  updateJSDocTypeTag(node: JSDocTypeTag, tagName: Identifier | undefined, typeExpression: JSDocTypeExpression, comment: string | NodeArray<JSDocComment> | undefined): JSDocTypeTag;
+  createJSDocSeeTag(tagName: Identifier | undefined, nameExpression: JSDocNameReference | undefined, comment?: string | NodeArray<JSDocComment>): JSDocSeeTag;
+  updateJSDocSeeTag(node: JSDocSeeTag, tagName: Identifier | undefined, nameExpression: JSDocNameReference | undefined, comment?: string | NodeArray<JSDocComment>): JSDocSeeTag;
+  createJSDocReturnTag(tagName: Identifier | undefined, typeExpression?: JSDocTypeExpression, comment?: string | NodeArray<JSDocComment>): JSDocReturnTag;
+  updateJSDocReturnTag(node: JSDocReturnTag, tagName: Identifier | undefined, typeExpression: JSDocTypeExpression | undefined, comment: string | NodeArray<JSDocComment> | undefined): JSDocReturnTag;
+  createJSDocThisTag(tagName: Identifier | undefined, typeExpression: JSDocTypeExpression, comment?: string | NodeArray<JSDocComment>): JSDocThisTag;
+  updateJSDocThisTag(node: JSDocThisTag, tagName: Identifier | undefined, typeExpression: JSDocTypeExpression | undefined, comment: string | NodeArray<JSDocComment> | undefined): JSDocThisTag;
+  createJSDocEnumTag(tagName: Identifier | undefined, typeExpression: JSDocTypeExpression, comment?: string | NodeArray<JSDocComment>): JSDocEnumTag;
+  updateJSDocEnumTag(node: JSDocEnumTag, tagName: Identifier | undefined, typeExpression: JSDocTypeExpression, comment: string | NodeArray<JSDocComment> | undefined): JSDocEnumTag;
+  createJSDocCallbackTag(tagName: Identifier | undefined, typeExpression: JSDocSignature, fullName?: Identifier | JSDocNamespaceDeclaration, comment?: string | NodeArray<JSDocComment>): JSDocCallbackTag;
+  updateJSDocCallbackTag(node: JSDocCallbackTag, tagName: Identifier | undefined, typeExpression: JSDocSignature, fullName: Identifier | JSDocNamespaceDeclaration | undefined, comment: string | NodeArray<JSDocComment> | undefined): JSDocCallbackTag;
+  createJSDocOverloadTag(tagName: Identifier | undefined, typeExpression: JSDocSignature, comment?: string | NodeArray<JSDocComment>): JSDocOverloadTag;
+  updateJSDocOverloadTag(node: JSDocOverloadTag, tagName: Identifier | undefined, typeExpression: JSDocSignature, comment: string | NodeArray<JSDocComment> | undefined): JSDocOverloadTag;
+  createJSDocAugmentsTag(tagName: Identifier | undefined, className: JSDocAugmentsTag["class"], comment?: string | NodeArray<JSDocComment>): JSDocAugmentsTag;
+  updateJSDocAugmentsTag(node: JSDocAugmentsTag, tagName: Identifier | undefined, className: JSDocAugmentsTag["class"], comment: string | NodeArray<JSDocComment> | undefined): JSDocAugmentsTag;
+  createJSDocImplementsTag(tagName: Identifier | undefined, className: JSDocImplementsTag["class"], comment?: string | NodeArray<JSDocComment>): JSDocImplementsTag;
+  updateJSDocImplementsTag(node: JSDocImplementsTag, tagName: Identifier | undefined, className: JSDocImplementsTag["class"], comment: string | NodeArray<JSDocComment> | undefined): JSDocImplementsTag;
+  createJSDocAuthorTag(tagName: Identifier | undefined, comment?: string | NodeArray<JSDocComment>): JSDocAuthorTag;
+  updateJSDocAuthorTag(node: JSDocAuthorTag, tagName: Identifier | undefined, comment: string | NodeArray<JSDocComment> | undefined): JSDocAuthorTag;
+  createJSDocClassTag(tagName: Identifier | undefined, comment?: string | NodeArray<JSDocComment>): JSDocClassTag;
+  updateJSDocClassTag(node: JSDocClassTag, tagName: Identifier | undefined, comment: string | NodeArray<JSDocComment> | undefined): JSDocClassTag;
+  createJSDocPublicTag(tagName: Identifier | undefined, comment?: string | NodeArray<JSDocComment>): JSDocPublicTag;
+  updateJSDocPublicTag(node: JSDocPublicTag, tagName: Identifier | undefined, comment: string | NodeArray<JSDocComment> | undefined): JSDocPublicTag;
+  createJSDocPrivateTag(tagName: Identifier | undefined, comment?: string | NodeArray<JSDocComment>): JSDocPrivateTag;
+  updateJSDocPrivateTag(node: JSDocPrivateTag, tagName: Identifier | undefined, comment: string | NodeArray<JSDocComment> | undefined): JSDocPrivateTag;
+  createJSDocProtectedTag(tagName: Identifier | undefined, comment?: string | NodeArray<JSDocComment>): JSDocProtectedTag;
+  updateJSDocProtectedTag(node: JSDocProtectedTag, tagName: Identifier | undefined, comment: string | NodeArray<JSDocComment> | undefined): JSDocProtectedTag;
+  createJSDocReadonlyTag(tagName: Identifier | undefined, comment?: string | NodeArray<JSDocComment>): JSDocReadonlyTag;
+  updateJSDocReadonlyTag(node: JSDocReadonlyTag, tagName: Identifier | undefined, comment: string | NodeArray<JSDocComment> | undefined): JSDocReadonlyTag;
+  createJSDocUnknownTag(tagName: Identifier, comment?: string | NodeArray<JSDocComment>): JSDocUnknownTag;
+  updateJSDocUnknownTag(node: JSDocUnknownTag, tagName: Identifier, comment: string | NodeArray<JSDocComment> | undefined): JSDocUnknownTag;
+  createJSDocDeprecatedTag(tagName: Identifier | undefined, comment?: string | NodeArray<JSDocComment>): JSDocDeprecatedTag;
+  updateJSDocDeprecatedTag(node: JSDocDeprecatedTag, tagName: Identifier | undefined, comment?: string | NodeArray<JSDocComment>): JSDocDeprecatedTag;
+  createJSDocOverrideTag(tagName: Identifier | undefined, comment?: string | NodeArray<JSDocComment>): JSDocOverrideTag;
+  updateJSDocOverrideTag(node: JSDocOverrideTag, tagName: Identifier | undefined, comment?: string | NodeArray<JSDocComment>): JSDocOverrideTag;
+  createJSDocThrowsTag(tagName: Identifier, typeExpression: JSDocTypeExpression | undefined, comment?: string | NodeArray<JSDocComment>): JSDocThrowsTag;
+  updateJSDocThrowsTag(node: JSDocThrowsTag, tagName: Identifier | undefined, typeExpression: JSDocTypeExpression | undefined, comment?: string | NodeArray<JSDocComment> | undefined): JSDocThrowsTag;
+  createJSDocSatisfiesTag(tagName: Identifier | undefined, typeExpression: JSDocTypeExpression, comment?: string | NodeArray<JSDocComment>): JSDocSatisfiesTag;
+  updateJSDocSatisfiesTag(node: JSDocSatisfiesTag, tagName: Identifier | undefined, typeExpression: JSDocTypeExpression, comment: string | NodeArray<JSDocComment> | undefined): JSDocSatisfiesTag;
+  createJSDocImportTag(tagName: Identifier | undefined, importClause: ImportClause | undefined, moduleSpecifier: Expression, attributes?: ImportAttributes, comment?: string | NodeArray<JSDocComment>): JSDocImportTag;
+  updateJSDocImportTag(node: JSDocImportTag, tagName: Identifier | undefined, importClause: ImportClause | undefined, moduleSpecifier: Expression, attributes: ImportAttributes | undefined, comment: string | NodeArray<JSDocComment> | undefined): JSDocImportTag;
+  createJSDocText(text: string): JSDocText;
+  updateJSDocText(node: JSDocText, text: string): JSDocText;
+  createJSDocComment(comment?: string | NodeArray<JSDocComment> | undefined, tags?: readonly JSDocTag[] | undefined): JSDoc;
+  updateJSDocComment(node: JSDoc, comment: string | NodeArray<JSDocComment> | undefined, tags: readonly JSDocTag[] | undefined): JSDoc;
+
+  /* Helper & Convenience Methods */
+  createComma(left: Expression, right: Expression): BinaryExpression;
+  createAssignment(left: Expression, right: Expression): AssignmentExpression<EqualsToken>;
+  createLogicalOr(left: Expression, right: Expression): BinaryExpression;
+  createLogicalAnd(left: Expression, right: Expression): BinaryExpression;
+  createBitwiseOr(left: Expression, right: Expression): BinaryExpression;
+  createBitwiseXor(left: Expression, right: Expression): BinaryExpression;
+  createBitwiseAnd(left: Expression, right: Expression): BinaryExpression;
+  createStrictEquality(left: Expression, right: Expression): BinaryExpression;
+  createStrictInequality(left: Expression, right: Expression): BinaryExpression;
+  createEquality(left: Expression, right: Expression): BinaryExpression;
+  createInequality(left: Expression, right: Expression): BinaryExpression;
+  createLessThan(left: Expression, right: Expression): BinaryExpression;
+  createLessThanEquals(left: Expression, right: Expression): BinaryExpression;
+  createGreaterThan(left: Expression, right: Expression): BinaryExpression;
+  createGreaterThanEquals(left: Expression, right: Expression): BinaryExpression;
+  createLeftShift(left: Expression, right: Expression): BinaryExpression;
+  createRightShift(left: Expression, right: Expression): BinaryExpression;
+  createUnsignedRightShift(left: Expression, right: Expression): BinaryExpression;
+  createAdd(left: Expression, right: Expression): BinaryExpression;
+  createSubtract(left: Expression, right: Expression): BinaryExpression;
+  createMultiply(left: Expression, right: Expression): BinaryExpression;
+  createDivide(left: Expression, right: Expression): BinaryExpression;
+  createModulo(left: Expression, right: Expression): BinaryExpression;
+  createExponent(left: Expression, right: Expression): BinaryExpression;
+  createPrefixPlus(operand: Expression): PrefixUnaryExpression;
+  createPrefixMinus(operand: Expression): PrefixUnaryExpression;
+  createPrefixIncrement(operand: Expression): PrefixUnaryExpression;
+  createPrefixDecrement(operand: Expression): PrefixUnaryExpression;
+  createBitwiseNot(operand: Expression): PrefixUnaryExpression;
+  createLogicalNot(operand: Expression): PrefixUnaryExpression;
+  createPostfixIncrement(operand: Expression): PostfixUnaryExpression;
+  createPostfixDecrement(operand: Expression): PostfixUnaryExpression;
+  createImmediatelyInvokedFunctionExpression(statements: readonly Statement[]): CallExpression;
+  createImmediatelyInvokedFunctionExpression(statements: readonly Statement[], param: ParameterDeclaration, paramValue: Expression): CallExpression;
+  createImmediatelyInvokedArrowFunction(statements: readonly Statement[]): ImmediatelyInvokedArrowFunction;
+  createImmediatelyInvokedArrowFunction(statements: readonly Statement[], param: ParameterDeclaration, paramValue: Expression): ImmediatelyInvokedArrowFunction;
+  createVoidZero(): VoidExpression;
+  createExportDefault(expression: Expression): ExportAssignment;
+  createExternalModuleExport(exportName: Identifier): ExportDeclaration;
+  restoreOuterExpressions(outerExpression: Expression | undefined, innerExpression: Expression, kinds?: OuterExpressionKinds): Expression;
+
+  /* Node Replacement Methods */
+  replaceModifiers<T extends HasModifiers>(node: T, modifiers: readonly Modifier[] | ModifierFlags | undefined): T;
+  replaceDecoratorsAndModifiers<T extends HasModifiers & HasDecorators>(node: T, modifiers: readonly ModifierLike[] | undefined): T;
+  replacePropertyName<T extends AccessorDeclaration | MethodDeclaration | MethodSignature | PropertyDeclaration | PropertySignature | PropertyAssignment>(node: T, name: T["name"]): T;
+
+  /* Bundles */
+  createBundle(sourceFiles: readonly SourceFile[]): Bundle;
+  updateBundle(node: Bundle, sourceFiles: readonly SourceFile[]): Bundle;
+
+  /* Node Arrays */
+  createNodeArray<T extends Node>(elements?: readonly T[], hasTrailingComma?: boolean): NodeArray<T>;
+}
+```
+
+### Usage Example
+
+Creating a simple function declaration:
+
+```typescript
+import * as ts from 'typescript';
+
+const { factory } = ts;
+
+// Create: function add(a: number, b: number): number { return a + b; }
+const functionDecl = factory.createFunctionDeclaration(
+  undefined, // modifiers
+  undefined, // asteriskToken
+  'add', // name
+  undefined, // typeParameters
+  [
+    factory.createParameterDeclaration(
+      undefined, // modifiers
+      undefined, // dotDotDotToken
+      'a', // name
+      undefined, // questionToken
+      factory.createKeywordTypeNode(ts.SyntaxKind.NumberKeyword) // type
+    ),
+    factory.createParameterDeclaration(
+      undefined,
+      undefined,
+      'b',
+      undefined,
+      factory.createKeywordTypeNode(ts.SyntaxKind.NumberKeyword)
+    )
+  ],
+  factory.createKeywordTypeNode(ts.SyntaxKind.NumberKeyword), // return type
+  factory.createBlock([
+    factory.createReturnStatement(
+      factory.createBinaryExpression(
+        factory.createIdentifier('a'),
+        ts.SyntaxKind.PlusToken,
+        factory.createIdentifier('b')
+      )
+    )
+  ])
+);
+
+// Print the created node
+const printer = ts.createPrinter();
+const sourceFile = ts.createSourceFile('temp.ts', '', ts.ScriptTarget.Latest);
+const output = printer.printNode(ts.EmitHint.Unspecified, functionDecl, sourceFile);
+console.log(output);
+```
diff --git a/.tessl/tiles/tessl/npm-typescript/docs/ast/nodes.md b/.tessl/tiles/tessl/npm-typescript/docs/ast/nodes.md
new file mode 100644
index 000000000..b1a8e934a
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-typescript/docs/ast/nodes.md
@@ -0,0 +1,1166 @@
+# AST Nodes
+
+TypeScript's Abstract Syntax Tree (AST) node types and traversal APIs with 359 syntax kinds.
+
+## Capabilities
+
+### SyntaxKind Enum
+
+Complete enumeration of all syntax node types.
+
+```typescript { .api }
+enum SyntaxKind {
+  Unknown = 0,
+  EndOfFileToken = 1,
+  SingleLineCommentTrivia = 2,
+  MultiLineCommentTrivia = 3,
+  NewLineTrivia = 4,
+  WhitespaceTrivia = 5,
+  ShebangTrivia = 6,
+  ConflictMarkerTrivia = 7,
+  NonTextFileMarkerTrivia = 8,
+  NumericLiteral = 9,
+  BigIntLiteral = 10,
+  StringLiteral = 11,
+  JsxText = 12,
+  JsxTextAllWhiteSpaces = 13,
+  RegularExpressionLiteral = 14,
+  NoSubstitutionTemplateLiteral = 15,
+  TemplateHead = 16,
+  TemplateMiddle = 17,
+  TemplateTail = 18,
+  OpenBraceToken = 19,
+  CloseBraceToken = 20,
+  OpenParenToken = 21,
+  CloseParenToken = 22,
+  OpenBracketToken = 23,
+  CloseBracketToken = 24,
+  DotToken = 25,
+  DotDotDotToken = 26,
+  SemicolonToken = 27,
+  CommaToken = 28,
+  QuestionDotToken = 29,
+  LessThanToken = 30,
+  LessThanSlashToken = 31,
+  GreaterThanToken = 32,
+  LessThanEqualsToken = 33,
+  GreaterThanEqualsToken = 34,
+  EqualsEqualsToken = 35,
+  ExclamationEqualsToken = 36,
+  EqualsEqualsEqualsToken = 37,
+  ExclamationEqualsEqualsToken = 38,
+  EqualsGreaterThanToken = 39,
+  PlusToken = 40,
+  MinusToken = 41,
+  AsteriskToken = 42,
+  AsteriskAsteriskToken = 43,
+  SlashToken = 44,
+  PercentToken = 45,
+  PlusPlusToken = 46,
+  MinusMinusToken = 47,
+  LessThanLessThanToken = 48,
+  GreaterThanGreaterThanToken = 49,
+  GreaterThanGreaterThanGreaterThanToken = 50,
+  AmpersandToken = 51,
+  BarToken = 52,
+  CaretToken = 53,
+  ExclamationToken = 54,
+  TildeToken = 55,
+  AmpersandAmpersandToken = 56,
+  BarBarToken = 57,
+  QuestionToken = 58,
+  ColonToken = 59,
+  AtToken = 60,
+  QuestionQuestionToken = 61,
+  BacktickToken = 62,
+  HashToken = 63,
+  EqualsToken = 64,
+  PlusEqualsToken = 65,
+  MinusEqualsToken = 66,
+  AsteriskEqualsToken = 67,
+  AsteriskAsteriskEqualsToken = 68,
+  SlashEqualsToken = 69,
+  PercentEqualsToken = 70,
+  LessThanLessThanEqualsToken = 71,
+  GreaterThanGreaterThanEqualsToken = 72,
+  GreaterThanGreaterThanGreaterThanEqualsToken = 73,
+  AmpersandEqualsToken = 74,
+  BarEqualsToken = 75,
+  BarBarEqualsToken = 76,
+  AmpersandAmpersandEqualsToken = 77,
+  QuestionQuestionEqualsToken = 78,
+  CaretEqualsToken = 79,
+  Identifier = 80,
+  PrivateIdentifier = 81,
+  // Keywords
+  BreakKeyword = 83,
+  CaseKeyword = 84,
+  CatchKeyword = 85,
+  ClassKeyword = 86,
+  ConstKeyword = 87,
+  ContinueKeyword = 88,
+  DebuggerKeyword = 89,
+  DefaultKeyword = 90,
+  DeleteKeyword = 91,
+  DoKeyword = 92,
+  ElseKeyword = 93,
+  EnumKeyword = 94,
+  ExportKeyword = 95,
+  ExtendsKeyword = 96,
+  FalseKeyword = 97,
+  FinallyKeyword = 98,
+  ForKeyword = 99,
+  FunctionKeyword = 100,
+  IfKeyword = 101,
+  ImportKeyword = 102,
+  InKeyword = 103,
+  InstanceOfKeyword = 104,
+  NewKeyword = 105,
+  NullKeyword = 106,
+  ReturnKeyword = 107,
+  SuperKeyword = 108,
+  SwitchKeyword = 109,
+  ThisKeyword = 110,
+  ThrowKeyword = 111,
+  TrueKeyword = 112,
+  TryKeyword = 113,
+  TypeOfKeyword = 114,
+  VarKeyword = 115,
+  VoidKeyword = 116,
+  WhileKeyword = 117,
+  WithKeyword = 118,
+  // TypeScript keywords
+  ImplementsKeyword = 119,
+  InterfaceKeyword = 120,
+  LetKeyword = 121,
+  PackageKeyword = 122,
+  PrivateKeyword = 123,
+  ProtectedKeyword = 124,
+  PublicKeyword = 125,
+  StaticKeyword = 126,
+  YieldKeyword = 127,
+  AbstractKeyword = 128,
+  AccessorKeyword = 129,
+  AsKeyword = 130,
+  AssertsKeyword = 131,
+  AssertKeyword = 132,
+  AnyKeyword = 133,
+  AsyncKeyword = 134,
+  AwaitKeyword = 135,
+  BooleanKeyword = 136,
+  ConstructorKeyword = 137,
+  DeclareKeyword = 138,
+  GetKeyword = 139,
+  InferKeyword = 140,
+  IntrinsicKeyword = 141,
+  IsKeyword = 142,
+  KeyOfKeyword = 143,
+  ModuleKeyword = 144,
+  NamespaceKeyword = 145,
+  NeverKeyword = 146,
+  OutKeyword = 147,
+  ReadonlyKeyword = 148,
+  RequireKeyword = 149,
+  NumberKeyword = 150,
+  ObjectKeyword = 151,
+  SatisfiesKeyword = 152,
+  SetKeyword = 153,
+  StringKeyword = 154,
+  SymbolKeyword = 155,
+  TypeKeyword = 156,
+  UndefinedKeyword = 157,
+  UniqueKeyword = 158,
+  UnknownKeyword = 159,
+  UsingKeyword = 160,
+  FromKeyword = 161,
+  GlobalKeyword = 162,
+  BigIntKeyword = 163,
+  OverrideKeyword = 164,
+  OfKeyword = 165,
+  DeferKeyword = 166,
+  QualifiedName = 167,
+  ComputedPropertyName = 168,
+  TypeParameter = 169,
+  Parameter = 170,
+  Decorator = 171,
+  PropertySignature = 172,
+  PropertyDeclaration = 173,
+  MethodSignature = 174,
+  MethodDeclaration = 175,
+  ClassStaticBlockDeclaration = 176,
+  Constructor = 177,
+  GetAccessor = 178,
+  SetAccessor = 179,
+  CallSignature = 180,
+  ConstructSignature = 181,
+  IndexSignature = 182,
+  TypePredicate = 183,
+  TypeReference = 184,
+  FunctionType = 185,
+  ConstructorType = 186,
+  TypeQuery = 187,
+  TypeLiteral = 188,
+  ArrayType = 189,
+  TupleType = 190,
+  OptionalType = 191,
+  RestType = 192,
+  UnionType = 193,
+  IntersectionType = 194,
+  ConditionalType = 195,
+  InferType = 196,
+  ParenthesizedType = 197,
+  ThisType = 198,
+  TypeOperator = 199,
+  IndexedAccessType = 200,
+  MappedType = 201,
+  LiteralType = 202,
+  NamedTupleMember = 203,
+  TemplateLiteralType = 204,
+  TemplateLiteralTypeSpan = 205,
+  ImportType = 206,
+  ObjectBindingPattern = 207,
+  ArrayBindingPattern = 208,
+  BindingElement = 209,
+  ArrayLiteralExpression = 210,
+  ObjectLiteralExpression = 211,
+  PropertyAccessExpression = 212,
+  ElementAccessExpression = 213,
+  CallExpression = 214,
+  NewExpression = 215,
+  TaggedTemplateExpression = 216,
+  TypeAssertionExpression = 217,
+  ParenthesizedExpression = 218,
+  FunctionExpression = 219,
+  ArrowFunction = 220,
+  DeleteExpression = 221,
+  TypeOfExpression = 222,
+  VoidExpression = 223,
+  AwaitExpression = 224,
+  PrefixUnaryExpression = 225,
+  PostfixUnaryExpression = 226,
+  BinaryExpression = 227,
+  ConditionalExpression = 228,
+  TemplateExpression = 229,
+  YieldExpression = 230,
+  SpreadElement = 231,
+  ClassExpression = 232,
+  OmittedExpression = 233,
+  ExpressionWithTypeArguments = 234,
+  AsExpression = 235,
+  NonNullExpression = 236,
+  MetaProperty = 237,
+  SyntheticExpression = 238,
+  SatisfiesExpression = 239,
+  TemplateSpan = 240,
+  SemicolonClassElement = 241,
+  Block = 242,
+  EmptyStatement = 243,
+  VariableStatement = 244,
+  ExpressionStatement = 245,
+  IfStatement = 246,
+  DoStatement = 247,
+  WhileStatement = 248,
+  ForStatement = 249,
+  ForInStatement = 250,
+  ForOfStatement = 251,
+  ContinueStatement = 252,
+  BreakStatement = 253,
+  ReturnStatement = 254,
+  WithStatement = 255,
+  SwitchStatement = 256,
+  LabeledStatement = 257,
+  ThrowStatement = 258,
+  TryStatement = 259,
+  DebuggerStatement = 260,
+  VariableDeclaration = 261,
+  VariableDeclarationList = 262,
+  FunctionDeclaration = 263,
+  ClassDeclaration = 264,
+  InterfaceDeclaration = 265,
+  TypeAliasDeclaration = 266,
+  EnumDeclaration = 267,
+  ModuleDeclaration = 268,
+  ModuleBlock = 269,
+  CaseBlock = 270,
+  NamespaceExportDeclaration = 271,
+  ImportEqualsDeclaration = 272,
+  ImportDeclaration = 273,
+  ImportClause = 274,
+  NamespaceImport = 275,
+  NamedImports = 276,
+  ImportSpecifier = 277,
+  ExportAssignment = 278,
+  ExportDeclaration = 279,
+  NamedExports = 280,
+  NamespaceExport = 281,
+  ExportSpecifier = 282,
+  MissingDeclaration = 283,
+  ExternalModuleReference = 284,
+  JsxElement = 285,
+  JsxSelfClosingElement = 286,
+  JsxOpeningElement = 287,
+  JsxClosingElement = 288,
+  JsxFragment = 289,
+  JsxOpeningFragment = 290,
+  JsxClosingFragment = 291,
+  JsxAttribute = 292,
+  JsxAttributes = 293,
+  JsxSpreadAttribute = 294,
+  JsxExpression = 295,
+  JsxNamespacedName = 296,
+  CaseClause = 297,
+  DefaultClause = 298,
+  HeritageClause = 299,
+  CatchClause = 300,
+  ImportAttributes = 301,
+  ImportAttribute = 302,
+  PropertyAssignment = 304,
+  ShorthandPropertyAssignment = 305,
+  SpreadAssignment = 306,
+  EnumMember = 307,
+  SourceFile = 308,
+  Bundle = 309,
+  JSDocTypeExpression = 310,
+  JSDocNameReference = 311,
+  JSDocMemberName = 312,
+  JSDocAllType = 313,
+  JSDocUnknownType = 314,
+  JSDocNullableType = 315,
+  JSDocNonNullableType = 316,
+  JSDocOptionalType = 317,
+  JSDocFunctionType = 318,
+  JSDocVariadicType = 319,
+  JSDocNamepathType = 320,
+  JSDoc = 321,
+  JSDocText = 322,
+  JSDocTypeLiteral = 323,
+  JSDocSignature = 324,
+  JSDocLink = 325,
+  JSDocLinkCode = 326,
+  JSDocLinkPlain = 327,
+  JSDocTag = 328,
+  JSDocAugmentsTag = 329,
+  JSDocImplementsTag = 330,
+  JSDocAuthorTag = 331,
+  JSDocDeprecatedTag = 332,
+  JSDocClassTag = 333,
+  JSDocPublicTag = 334,
+  JSDocPrivateTag = 335,
+  JSDocProtectedTag = 336,
+  JSDocReadonlyTag = 337,
+  JSDocOverrideTag = 338,
+  JSDocCallbackTag = 339,
+  JSDocOverloadTag = 340,
+  JSDocEnumTag = 341,
+  JSDocParameterTag = 342,
+  JSDocReturnTag = 343,
+  JSDocThisTag = 344,
+  JSDocTypeTag = 345,
+  JSDocTemplateTag = 346,
+  JSDocTypedefTag = 347,
+  JSDocSeeTag = 348,
+  JSDocPropertyTag = 349,
+  JSDocThrowsTag = 350,
+  JSDocSatisfiesTag = 351,
+  JSDocImportTag = 352,
+  SyntaxList = 353,
+  NotEmittedStatement = 354,
+  NotEmittedTypeElement = 355,
+  PartiallyEmittedExpression = 356,
+  CommaListExpression = 357,
+  SyntheticReferenceExpression = 358,
+  Count = 359,
+
+  // Range markers for token classification
+  FirstAssignment = 64,
+  LastAssignment = 79,
+  FirstCompoundAssignment = 65,
+  LastCompoundAssignment = 79,
+  FirstReservedWord = 83,
+  LastReservedWord = 118,
+  FirstKeyword = 83,
+  LastKeyword = 166,
+  FirstFutureReservedWord = 119,
+  LastFutureReservedWord = 127,
+  FirstTypeNode = 183,
+  LastTypeNode = 206,
+  FirstPunctuation = 19,
+  LastPunctuation = 79,
+  FirstToken = 0,
+  LastToken = 166,
+  FirstTriviaToken = 2,
+  LastTriviaToken = 7,
+  FirstLiteralToken = 9,
+  LastLiteralToken = 15,
+  FirstTemplateToken = 15,
+  LastTemplateToken = 18,
+  FirstBinaryOperator = 30,
+  LastBinaryOperator = 79,
+  FirstStatement = 244,
+  LastStatement = 260,
+  FirstNode = 167,
+  FirstJSDocNode = 310,
+  LastJSDocNode = 352,
+  FirstJSDocTagNode = 328,
+  LastJSDocTagNode = 352
+}
+```
+
+### Base Node Interface
+
+Core node interface inherited by all AST nodes.
+
+```typescript { .api }
+interface Node {
+  readonly kind: SyntaxKind;
+  readonly flags: NodeFlags;
+  readonly parent: Node;
+  
+  getSourceFile(): SourceFile;
+  getChildCount(sourceFile?: SourceFile): number;
+  getChildAt(index: number, sourceFile?: SourceFile): Node;
+  getChildren(sourceFile?: SourceFile): readonly Node[];
+  getStart(sourceFile?: SourceFile, includeJsDocComment?: boolean): number;
+  getFullStart(): number;
+  getEnd(): number;
+  getWidth(sourceFile?: SourceFileLike): number;
+  getFullWidth(): number;
+  getLeadingTriviaWidth(sourceFile?: SourceFile): number;
+  getFullText(sourceFile?: SourceFile): string;
+  getText(sourceFile?: SourceFile): string;
+  getFirstToken(sourceFile?: SourceFile): Node | undefined;
+  getLastToken(sourceFile?: SourceFile): Node | undefined;
+  forEachChild<T>(
+    cbNode: (node: Node) => T | undefined,
+    cbNodes?: (nodes: NodeArray<Node>) => T | undefined
+  ): T | undefined;
+}
+```
+
+### Node Traversal
+
+Traverse AST nodes recursively.
+
+```typescript { .api }
+function forEachChild<T>(
+  node: Node,
+  cbNode: (node: Node) => T | undefined,
+  cbNodes?: (nodes: NodeArray<Node>) => T | undefined
+): T | undefined;
+
+function visitNode<T extends Node>(
+  node: T | undefined,
+  visitor: Visitor<T>,
+  test?: (node: Node) => boolean,
+  lift?: (node: readonly Node[]) => T
+): T;
+
+function visitNodes<T extends Node>(
+  nodes: NodeArray<T> | undefined,
+  visitor: Visitor<T>,
+  test?: (node: Node) => boolean,
+  start?: number,
+  count?: number
+): NodeArray<T>;
+
+function visitEachChild<T extends Node>(
+  node: T,
+  visitor: Visitor,
+  context: TransformationContext
+): T;
+
+type Visitor<TIn extends Node = Node, TOut extends Node = Node> = (
+  node: TIn
+) => VisitResult<TOut>;
+
+type VisitResult<T extends Node> = T | T[] | undefined;
+```
+
+### Statement Nodes
+
+```typescript { .api }
+interface Statement extends Node {
+  _statementBrand: any;
+}
+
+interface EmptyStatement extends Statement {
+  kind: SyntaxKind.EmptyStatement;
+}
+
+interface VariableStatement extends Statement {
+  kind: SyntaxKind.VariableStatement;
+  modifiers?: NodeArray<ModifierLike>;
+  declarationList: VariableDeclarationList;
+}
+
+interface ExpressionStatement extends Statement {
+  kind: SyntaxKind.ExpressionStatement;
+  expression: Expression;
+}
+
+interface IfStatement extends Statement {
+  kind: SyntaxKind.IfStatement;
+  expression: Expression;
+  thenStatement: Statement;
+  elseStatement?: Statement;
+}
+
+interface DoStatement extends Statement {
+  kind: SyntaxKind.DoStatement;
+  statement: Statement;
+  expression: Expression;
+}
+
+interface WhileStatement extends Statement {
+  kind: SyntaxKind.WhileStatement;
+  expression: Expression;
+  statement: Statement;
+}
+
+interface ForStatement extends Statement {
+  kind: SyntaxKind.ForStatement;
+  initializer?: ForInitializer;
+  condition?: Expression;
+  incrementor?: Expression;
+  statement: Statement;
+}
+
+interface ForInStatement extends Statement {
+  kind: SyntaxKind.ForInStatement;
+  initializer: ForInitializer;
+  expression: Expression;
+  statement: Statement;
+}
+
+interface ForOfStatement extends Statement {
+  kind: SyntaxKind.ForOfStatement;
+  awaitModifier?: AwaitKeyword;
+  initializer: ForInitializer;
+  expression: Expression;
+  statement: Statement;
+}
+
+interface BreakStatement extends Statement {
+  kind: SyntaxKind.BreakStatement;
+  label?: Identifier;
+}
+
+interface ContinueStatement extends Statement {
+  kind: SyntaxKind.ContinueStatement;
+  label?: Identifier;
+}
+
+interface ReturnStatement extends Statement {
+  kind: SyntaxKind.ReturnStatement;
+  expression?: Expression;
+}
+
+interface SwitchStatement extends Statement {
+  kind: SyntaxKind.SwitchStatement;
+  expression: Expression;
+  caseBlock: CaseBlock;
+}
+
+interface ThrowStatement extends Statement {
+  kind: SyntaxKind.ThrowStatement;
+  expression: Expression;
+}
+
+interface TryStatement extends Statement {
+  kind: SyntaxKind.TryStatement;
+  tryBlock: Block;
+  catchClause?: CatchClause;
+  finallyBlock?: Block;
+}
+```
+
+### Expression Nodes
+
+```typescript { .api }
+interface Expression extends Node {
+  _expressionBrand: any;
+}
+
+interface BinaryExpression extends Expression {
+  kind: SyntaxKind.BinaryExpression;
+  left: Expression;
+  operatorToken: BinaryOperatorToken;
+  right: Expression;
+}
+
+interface CallExpression extends LeftHandSideExpression {
+  kind: SyntaxKind.CallExpression;
+  expression: LeftHandSideExpression;
+  typeArguments?: NodeArray<TypeNode>;
+  arguments: NodeArray<Expression>;
+}
+
+interface PropertyAccessExpression extends MemberExpression {
+  kind: SyntaxKind.PropertyAccessExpression;
+  expression: LeftHandSideExpression;
+  questionDotToken?: QuestionDotToken;
+  name: Identifier | PrivateIdentifier;
+}
+
+interface ElementAccessExpression extends MemberExpression {
+  kind: SyntaxKind.ElementAccessExpression;
+  expression: LeftHandSideExpression;
+  questionDotToken?: QuestionDotToken;
+  argumentExpression: Expression;
+}
+
+interface ArrayLiteralExpression extends PrimaryExpression {
+  kind: SyntaxKind.ArrayLiteralExpression;
+  elements: NodeArray<Expression>;
+}
+
+interface ObjectLiteralExpression extends PrimaryExpression {
+  kind: SyntaxKind.ObjectLiteralExpression;
+  properties: NodeArray<ObjectLiteralElementLike>;
+}
+
+interface ArrowFunction extends Expression, FunctionLikeDeclarationBase {
+  kind: SyntaxKind.ArrowFunction;
+  equalsGreaterThanToken: EqualsGreaterThanToken;
+  body: ConciseBody;
+}
+
+interface ConditionalExpression extends Expression {
+  kind: SyntaxKind.ConditionalExpression;
+  condition: Expression;
+  questionToken: QuestionToken;
+  whenTrue: Expression;
+  colonToken: ColonToken;
+  whenFalse: Expression;
+}
+```
+
+### Declaration Nodes
+
+```typescript { .api }
+interface Declaration extends Node {
+  _declarationBrand: any;
+}
+
+interface FunctionDeclaration extends FunctionLikeDeclarationBase, DeclarationStatement {
+  kind: SyntaxKind.FunctionDeclaration;
+  modifiers?: NodeArray<ModifierLike>;
+  name?: Identifier;
+  body?: FunctionBody;
+}
+
+interface ClassDeclaration extends ClassLikeDeclarationBase, DeclarationStatement {
+  kind: SyntaxKind.ClassDeclaration;
+  modifiers?: NodeArray<ModifierLike>;
+  name?: Identifier;
+}
+
+interface InterfaceDeclaration extends DeclarationStatement, JSDocContainer {
+  kind: SyntaxKind.InterfaceDeclaration;
+  modifiers?: NodeArray<ModifierLike>;
+  name: Identifier;
+  typeParameters?: NodeArray<TypeParameterDeclaration>;
+  heritageClauses?: NodeArray<HeritageClause>;
+  members: NodeArray<TypeElement>;
+}
+
+interface TypeAliasDeclaration extends DeclarationStatement, JSDocContainer {
+  kind: SyntaxKind.TypeAliasDeclaration;
+  modifiers?: NodeArray<ModifierLike>;
+  name: Identifier;
+  typeParameters?: NodeArray<TypeParameterDeclaration>;
+  type: TypeNode;
+}
+
+interface EnumDeclaration extends DeclarationStatement, JSDocContainer {
+  kind: SyntaxKind.EnumDeclaration;
+  modifiers?: NodeArray<ModifierLike>;
+  name: Identifier;
+  members: NodeArray<EnumMember>;
+}
+
+interface VariableDeclaration extends NamedDeclaration, JSDocContainer {
+  kind: SyntaxKind.VariableDeclaration;
+  parent: VariableDeclarationList | CatchClause;
+  name: BindingName;
+  exclamationToken?: ExclamationToken;
+  type?: TypeNode;
+  initializer?: Expression;
+}
+```
+
+### Type Nodes
+
+```typescript { .api }
+interface TypeNode extends Node {
+  _typeNodeBrand: any;
+}
+
+interface TypeReferenceNode extends TypeNode {
+  kind: SyntaxKind.TypeReference;
+  typeName: EntityName;
+  typeArguments?: NodeArray<TypeNode>;
+}
+
+interface UnionTypeNode extends TypeNode {
+  kind: SyntaxKind.UnionType;
+  types: NodeArray<TypeNode>;
+}
+
+interface IntersectionTypeNode extends TypeNode {
+  kind: SyntaxKind.IntersectionType;
+  types: NodeArray<TypeNode>;
+}
+
+interface ConditionalTypeNode extends TypeNode {
+  kind: SyntaxKind.ConditionalType;
+  checkType: TypeNode;
+  extendsType: TypeNode;
+  trueType: TypeNode;
+  falseType: TypeNode;
+}
+
+interface ArrayTypeNode extends TypeNode {
+  kind: SyntaxKind.ArrayType;
+  elementType: TypeNode;
+}
+
+interface TupleTypeNode extends TypeNode {
+  kind: SyntaxKind.TupleType;
+  elements: NodeArray<TypeNode | NamedTupleMember>;
+}
+
+interface FunctionTypeNode extends TypeNode, SignatureDeclarationBase {
+  kind: SyntaxKind.FunctionType;
+}
+
+interface MappedTypeNode extends TypeNode, Declaration {
+  kind: SyntaxKind.MappedType;
+  readonlyToken?: ReadonlyKeyword | PlusToken | MinusToken;
+  typeParameter: TypeParameterDeclaration;
+  nameType?: TypeNode;
+  questionToken?: QuestionToken | PlusToken | MinusToken;
+  type?: TypeNode;
+  members?: NodeArray<TypeElement>;
+}
+```
+
+### Specialized Type Aliases
+
+Common type aliases for node categories.
+
+```typescript { .api }
+/**
+ * Identifier or qualified name (e.g., Foo.Bar)
+ */
+type EntityName = Identifier | QualifiedName;
+
+/**
+ * Property name in object literals and class members
+ */
+type PropertyName =
+  | Identifier
+  | StringLiteral
+  | NoSubstitutionTemplateLiteral
+  | NumericLiteral
+  | ComputedPropertyName
+  | PrivateIdentifier
+  | BigIntLiteral;
+
+/**
+ * Member name (public or private identifier)
+ */
+type MemberName = Identifier | PrivateIdentifier;
+
+/**
+ * Name of a declaration (property, binding, etc.)
+ */
+type DeclarationName =
+  | PropertyName
+  | JsxAttributeName
+  | StringLiteralLike
+  | ElementAccessExpression
+  | BindingPattern
+  | EntityNameExpression;
+
+/**
+ * Expression that can be used as an entity name
+ */
+type EntityNameExpression = Identifier | PropertyAccessEntityNameExpression;
+
+/**
+ * Entity name or entity name expression
+ */
+type EntityNameOrEntityNameExpression = EntityName | EntityNameExpression;
+
+/**
+ * Nodes that can have a type annotation
+ */
+type HasType =
+  | SignatureDeclaration
+  | VariableDeclaration
+  | ParameterDeclaration
+  | PropertySignature
+  | PropertyDeclaration
+  | TypePredicateNode
+  | ParenthesizedTypeNode
+  | TypeOperatorNode
+  | MappedTypeNode
+  | AssertionExpression
+  | TypeAliasDeclaration
+  | JSDocTypeExpression
+  | JSDocNonNullableType
+  | JSDocNullableType
+  | JSDocOptionalType
+  | JSDocVariadicType;
+
+/**
+ * Nodes that can have JSDoc comments
+ */
+type HasJSDoc =
+  | ParameterDeclaration
+  | ClassDeclaration
+  | ConstructorDeclaration
+  | MethodDeclaration
+  | PropertyDeclaration
+  | ArrowFunction
+  | ParenthesizedExpression
+  | SpreadAssignment
+  | ShorthandPropertyAssignment
+  | PropertyAssignment
+  | FunctionExpression
+  | EmptyStatement
+  | DebuggerStatement
+  | Block
+  | VariableStatement
+  | ExpressionStatement
+  | IfStatement
+  | DoStatement
+  | WhileStatement
+  | ForStatement
+  | ForInStatement
+  | ForOfStatement
+  | BreakStatement
+  | ContinueStatement
+  | ReturnStatement
+  | WithStatement
+  | SwitchStatement
+  | LabeledStatement
+  | ThrowStatement
+  | TryStatement
+  | FunctionDeclaration
+  | ConstructSignatureDeclaration
+  | MethodSignature
+  | CallSignatureDeclaration
+  | IndexSignatureDeclaration
+  | TypeAliasDeclaration
+  | InterfaceDeclaration
+  | ModuleDeclaration
+  | ImportEqualsDeclaration
+  | ImportDeclaration
+  | NamespaceExportDeclaration
+  | ExportAssignment
+  | ExportDeclaration
+  | NamedTupleMember
+  | EndOfFileToken;
+
+/**
+ * Nodes that can have decorators
+ */
+type HasDecorators =
+  | ParameterDeclaration
+  | PropertyDeclaration
+  | MethodDeclaration
+  | GetAccessorDeclaration
+  | SetAccessorDeclaration
+  | ClassExpression
+  | ClassDeclaration;
+```
+
+### Node Flags
+
+```typescript { .api }
+enum NodeFlags {
+  None = 0,
+  Let = 1,
+  Const = 2,
+  Using = 4,
+  NestedNamespace = 8,
+  Synthesized = 16,
+  Namespace = 32,
+  OptionalChain = 64,
+  ExportContext = 128,
+  ContainsThis = 256,
+  HasImplicitReturn = 512,
+  HasExplicitReturn = 1024,
+  GlobalAugmentation = 2048,
+  HasAsyncFunctions = 4096,
+  DisallowInContext = 8192,
+  YieldContext = 16384,
+  DecoratorContext = 32768,
+  AwaitContext = 65536,
+  ThisNodeHasError = 262144,
+  JavaScriptFile = 524288,
+  ThisNodeOrAnySubNodesHasError = 1048576,
+  HasAggregatedChildData = 2097152,
+  JSDoc = 16777216,
+  JsonFile = 134217728
+}
+```
+
+### JSDoc Utilities
+
+Functions for extracting and working with JSDoc comments, tags, and type annotations on AST nodes.
+
+```typescript { .api }
+/**
+ * Get all JSDoc tags related to a node, including those on parent nodes
+ * @param node - AST node to get JSDoc tags for
+ * @returns Array of JSDoc tags
+ */
+function getJSDocTags(node: Node): readonly JSDocTag[];
+
+/**
+ * Get all JSDoc tags that match a specified predicate
+ * @param node - AST node to search
+ * @param predicate - Type guard predicate to filter tags
+ * @returns Filtered array of JSDoc tags
+ */
+function getAllJSDocTags<T extends JSDocTag>(
+  node: Node,
+  predicate: (tag: JSDocTag) => tag is T
+): readonly T[];
+
+/**
+ * Get all JSDoc tags of a specified syntax kind
+ * @param node - AST node to search
+ * @param kind - SyntaxKind to filter by
+ * @returns Array of JSDoc tags of the specified kind
+ */
+function getAllJSDocTagsOfKind(
+  node: Node,
+  kind: SyntaxKind
+): readonly JSDocTag[];
+
+/**
+ * Get JSDoc parameter tags for a parameter declaration
+ * @param param - Parameter declaration node
+ * @returns Array of JSDoc parameter tags
+ * @remarks For binding patterns, parameter tags are matched by position
+ */
+function getJSDocParameterTags(
+  param: ParameterDeclaration
+): readonly JSDocParameterTag[];
+
+/**
+ * Get JSDoc type parameter tags for a type parameter declaration
+ * @param param - Type parameter declaration
+ * @returns Array of JSDoc template tags
+ */
+function getJSDocTypeParameterTags(
+  param: TypeParameterDeclaration
+): readonly JSDocTemplateTag[];
+
+/**
+ * Check if a node has JSDoc parameter tags
+ * @param node - Function-like or signature declaration
+ * @returns True if the node has JSDoc parameter tags
+ */
+function hasJSDocParameterTags(
+  node: FunctionLikeDeclaration | SignatureDeclaration
+): boolean;
+
+/**
+ * Get the type node for a node if provided via JSDoc
+ * @param node - AST node
+ * @returns Type node or undefined
+ */
+function getJSDocType(node: Node): TypeNode | undefined;
+
+/**
+ * Get the return type node for a node if provided via JSDoc
+ * @param node - AST node
+ * @returns Return type node or undefined
+ */
+function getJSDocReturnType(node: Node): TypeNode | undefined;
+
+/**
+ * Get the text of a JSDoc comment, flattening links to their text
+ * @param comment - JSDoc comment string or node array
+ * @returns Flattened comment text or undefined
+ */
+function getTextOfJSDocComment(
+  comment?: string | NodeArray<JSDocComment>
+): string | undefined;
+
+// Specific JSDoc tag getters
+function getJSDocTypeTag(node: Node): JSDocTypeTag | undefined;
+function getJSDocReturnTag(node: Node): JSDocReturnTag | undefined;
+function getJSDocTemplateTag(node: Node): JSDocTemplateTag | undefined;
+function getJSDocThisTag(node: Node): JSDocThisTag | undefined;
+function getJSDocEnumTag(node: Node): JSDocEnumTag | undefined;
+function getJSDocClassTag(node: Node): JSDocClassTag | undefined;
+function getJSDocPublicTag(node: Node): JSDocPublicTag | undefined;
+function getJSDocPrivateTag(node: Node): JSDocPrivateTag | undefined;
+function getJSDocProtectedTag(node: Node): JSDocProtectedTag | undefined;
+function getJSDocReadonlyTag(node: Node): JSDocReadonlyTag | undefined;
+function getJSDocOverrideTagNoCache(node: Node): JSDocOverrideTag | undefined;
+function getJSDocDeprecatedTag(node: Node): JSDocDeprecatedTag | undefined;
+function getJSDocSatisfiesTag(node: Node): JSDocSatisfiesTag | undefined;
+function getJSDocAugmentsTag(node: Node): JSDocAugmentsTag | undefined;
+function getJSDocImplementsTags(node: Node): readonly JSDocImplementsTag[];
+```
+
+**Usage Example:**
+
+```typescript
+import * as ts from 'typescript';
+
+const sourceFile = ts.createSourceFile(
+  'example.ts',
+  `
+  /**
+   * Adds two numbers together
+   * @param a - First number
+   * @param b - Second number
+   * @returns The sum of a and b
+   * @deprecated Use the new add() function instead
+   */
+  function oldAdd(a: number, b: number): number {
+    return a + b;
+  }
+  `,
+  ts.ScriptTarget.Latest,
+  true
+);
+
+// Find the function declaration
+const functionDecl = sourceFile.statements[0] as ts.FunctionDeclaration;
+
+// Get all JSDoc tags
+const allTags = ts.getJSDocTags(functionDecl);
+console.log(`Found ${allTags.length} JSDoc tags`);
+
+// Get specific tags
+const deprecatedTag = ts.getJSDocDeprecatedTag(functionDecl);
+if (deprecatedTag) {
+  console.log('Function is deprecated');
+}
+
+const returnTag = ts.getJSDocReturnTag(functionDecl);
+if (returnTag && returnTag.comment) {
+  const commentText = ts.getTextOfJSDocComment(returnTag.comment);
+  console.log(`Return: ${commentText}`);
+}
+
+// Get parameter tags
+const params = functionDecl.parameters;
+if (params.length > 0) {
+  const paramTags = ts.getJSDocParameterTags(params[0]);
+  console.log(`Parameter 'a' has ${paramTags.length} JSDoc tags`);
+}
+```
+
+### Type Guards
+
+Comprehensive type guard functions for all node types.
+
+```typescript { .api }
+function isSourceFile(node: Node): node is SourceFile;
+function isIdentifier(node: Node): node is Identifier;
+function isQualifiedName(node: Node): node is QualifiedName;
+function isComputedPropertyName(node: Node): node is ComputedPropertyName;
+function isPrivateIdentifier(node: Node): node is PrivateIdentifier;
+function isTypeParameterDeclaration(node: Node): node is TypeParameterDeclaration;
+function isParameter(node: Node): node is ParameterDeclaration;
+function isDecorator(node: Node): node is Decorator;
+function isPropertySignature(node: Node): node is PropertySignature;
+function isPropertyDeclaration(node: Node): node is PropertyDeclaration;
+function isMethodSignature(node: Node): node is MethodSignature;
+function isMethodDeclaration(node: Node): node is MethodDeclaration;
+function isClassStaticBlockDeclaration(node: Node): node is ClassStaticBlockDeclaration;
+function isConstructorDeclaration(node: Node): node is ConstructorDeclaration;
+function isGetAccessorDeclaration(node: Node): node is GetAccessorDeclaration;
+function isSetAccessorDeclaration(node: Node): node is SetAccessorDeclaration;
+function isCallSignatureDeclaration(node: Node): node is CallSignatureDeclaration;
+function isConstructSignatureDeclaration(node: Node): node is ConstructSignatureDeclaration;
+function isIndexSignatureDeclaration(node: Node): node is IndexSignatureDeclaration;
+function isTypePredicateNode(node: Node): node is TypePredicateNode;
+function isTypeReferenceNode(node: Node): node is TypeReferenceNode;
+function isFunctionTypeNode(node: Node): node is FunctionTypeNode;
+function isConstructorTypeNode(node: Node): node is ConstructorTypeNode;
+function isTypeQueryNode(node: Node): node is TypeQueryNode;
+function isTypeLiteralNode(node: Node): node is TypeLiteralNode;
+function isArrayTypeNode(node: Node): node is ArrayTypeNode;
+function isTupleTypeNode(node: Node): node is TupleTypeNode;
+function isUnionTypeNode(node: Node): node is UnionTypeNode;
+function isIntersectionTypeNode(node: Node): node is IntersectionTypeNode;
+function isConditionalTypeNode(node: Node): node is ConditionalTypeNode;
+function isInferTypeNode(node: Node): node is InferTypeNode;
+function isParenthesizedTypeNode(node: Node): node is ParenthesizedTypeNode;
+function isThisTypeNode(node: Node): node is ThisTypeNode;
+function isTypeOperatorNode(node: Node): node is TypeOperatorNode;
+function isIndexedAccessTypeNode(node: Node): node is IndexedAccessTypeNode;
+function isMappedTypeNode(node: Node): node is MappedTypeNode;
+function isLiteralTypeNode(node: Node): node is LiteralTypeNode;
+function isBooleanLiteral(node: Node): node is BooleanLiteral;
+function isFunctionExpression(node: Node): node is FunctionExpression;
+function isArrowFunction(node: Node): node is ArrowFunction;
+function isArrayLiteralExpression(node: Node): node is ArrayLiteralExpression;
+function isObjectLiteralExpression(node: Node): node is ObjectLiteralExpression;
+function isPropertyAccessExpression(node: Node): node is PropertyAccessExpression;
+function isElementAccessExpression(node: Node): node is ElementAccessExpression;
+function isCallExpression(node: Node): node is CallExpression;
+function isNewExpression(node: Node): node is NewExpression;
+function isTaggedTemplateExpression(node: Node): node is TaggedTemplateExpression;
+function isTypeAssertionExpression(node: Node): node is TypeAssertion;
+function isParenthesizedExpression(node: Node): node is ParenthesizedExpression;
+function isDeleteExpression(node: Node): node is DeleteExpression;
+function isTypeOfExpression(node: Node): node is TypeOfExpression;
+function isVoidExpression(node: Node): node is VoidExpression;
+function isAwaitExpression(node: Node): node is AwaitExpression;
+function isPrefixUnaryExpression(node: Node): node is PrefixUnaryExpression;
+function isPostfixUnaryExpression(node: Node): node is PostfixUnaryExpression;
+function isBinaryExpression(node: Node): node is BinaryExpression;
+function isConditionalExpression(node: Node): node is ConditionalExpression;
+function isTemplateExpression(node: Node): node is TemplateExpression;
+function isYieldExpression(node: Node): node is YieldExpression;
+function isSpreadElement(node: Node): node is SpreadElement;
+function isClassExpression(node: Node): node is ClassExpression;
+function isOmittedExpression(node: Node): node is OmittedExpression;
+function isExpressionWithTypeArguments(node: Node): node is ExpressionWithTypeArguments;
+function isAsExpression(node: Node): node is AsExpression;
+function isNonNullExpression(node: Node): node is NonNullExpression;
+function isSatisfiesExpression(node: Node): node is SatisfiesExpression;
+function isBlock(node: Node): node is Block;
+function isVariableStatement(node: Node): node is VariableStatement;
+function isEmptyStatement(node: Node): node is EmptyStatement;
+function isExpressionStatement(node: Node): node is ExpressionStatement;
+function isIfStatement(node: Node): node is IfStatement;
+function isDoStatement(node: Node): node is DoStatement;
+function isWhileStatement(node: Node): node is WhileStatement;
+function isForStatement(node: Node): node is ForStatement;
+function isForInStatement(node: Node): node is ForInStatement;
+function isForOfStatement(node: Node): node is ForOfStatement;
+function isContinueStatement(node: Node): node is ContinueStatement;
+function isBreakStatement(node: Node): node is BreakStatement;
+function isReturnStatement(node: Node): node is ReturnStatement;
+function isWithStatement(node: Node): node is WithStatement;
+function isSwitchStatement(node: Node): node is SwitchStatement;
+function isLabeledStatement(node: Node): node is LabeledStatement;
+function isThrowStatement(node: Node): node is ThrowStatement;
+function isTryStatement(node: Node): node is TryStatement;
+function isDebuggerStatement(node: Node): node is DebuggerStatement;
+function isVariableDeclaration(node: Node): node is VariableDeclaration;
+function isVariableDeclarationList(node: Node): node is VariableDeclarationList;
+function isFunctionDeclaration(node: Node): node is FunctionDeclaration;
+function isClassDeclaration(node: Node): node is ClassDeclaration;
+function isInterfaceDeclaration(node: Node): node is InterfaceDeclaration;
+function isTypeAliasDeclaration(node: Node): node is TypeAliasDeclaration;
+function isEnumDeclaration(node: Node): node is EnumDeclaration;
+function isModuleDeclaration(node: Node): node is ModuleDeclaration;
+function isImportEqualsDeclaration(node: Node): node is ImportEqualsDeclaration;
+function isImportDeclaration(node: Node): node is ImportDeclaration;
+function isExportAssignment(node: Node): node is ExportAssignment;
+function isExportDeclaration(node: Node): node is ExportDeclaration;
+```
diff --git a/.tessl/tiles/tessl/npm-typescript/docs/ast/scanner-parser.md b/.tessl/tiles/tessl/npm-typescript/docs/ast/scanner-parser.md
new file mode 100644
index 000000000..309880524
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-typescript/docs/ast/scanner-parser.md
@@ -0,0 +1,327 @@
+# Scanner and Parser
+
+Low-level lexical analysis and parsing APIs for tokenizing and parsing TypeScript source code.
+
+## Capabilities
+
+### Scanner Creation
+
+Create a scanner for lexical analysis.
+
+```typescript { .api }
+function createScanner(
+  languageVersion: ScriptTarget,
+  skipTrivia: boolean,
+  languageVariant?: LanguageVariant,
+  textInitial?: string,
+  onError?: ErrorCallback,
+  start?: number,
+  length?: number
+): Scanner;
+
+type ErrorCallback = (message: DiagnosticMessage, length: number, arg0?: any) => void;
+```
+
+### Scanner Interface
+
+```typescript { .api }
+interface Scanner {
+  /** @deprecated use getTokenFullStart */
+  getStartPos(): number;
+  getToken(): SyntaxKind;
+  getTokenFullStart(): number;
+  getTokenStart(): number;
+  getTokenEnd(): number;
+  /** @deprecated use getTokenEnd */
+  getTextPos(): number;
+  /** @deprecated use getTokenStart */
+  getTokenPos(): number;
+  getTokenText(): string;
+  getTokenValue(): string;
+  hasUnicodeEscape(): boolean;
+  hasExtendedUnicodeEscape(): boolean;
+  hasPrecedingLineBreak(): boolean;
+  isIdentifier(): boolean;
+  isReservedWord(): boolean;
+  isUnterminated(): boolean;
+  reScanGreaterToken(): SyntaxKind;
+  reScanSlashToken(): SyntaxKind;
+  reScanAsteriskEqualsToken(): SyntaxKind;
+  reScanTemplateToken(isTaggedTemplate: boolean): SyntaxKind;
+  /** @deprecated use reScanTemplateToken(false) */
+  reScanTemplateHeadOrNoSubstitutionTemplate(): SyntaxKind;
+  scanJsxIdentifier(): SyntaxKind;
+  scanJsxAttributeValue(): SyntaxKind;
+  reScanJsxAttributeValue(): SyntaxKind;
+  reScanJsxToken(allowMultilineJsxText?: boolean): JsxTokenSyntaxKind;
+  reScanLessThanToken(): SyntaxKind;
+  reScanHashToken(): SyntaxKind;
+  reScanQuestionToken(): SyntaxKind;
+  reScanInvalidIdentifier(): SyntaxKind;
+  scanJsxToken(): JsxTokenSyntaxKind;
+  scanJsDocToken(): JSDocSyntaxKind;
+  scan(): SyntaxKind;
+  getText(): string;
+  setText(text: string | undefined, start?: number, length?: number): void;
+  setOnError(onError: ErrorCallback | undefined): void;
+  setScriptTarget(scriptTarget: ScriptTarget): void;
+  setLanguageVariant(variant: LanguageVariant): void;
+  setScriptKind(scriptKind: ScriptKind): void;
+  setJSDocParsingMode(kind: JSDocParsingMode): void;
+  /** @deprecated use resetTokenState */
+  setTextPos(textPos: number): void;
+  resetTokenState(pos: number): void;
+  lookAhead<T>(callback: () => T): T;
+  scanRange<T>(start: number, length: number, callback: () => T): T;
+  tryScan<T>(callback: () => T): T;
+}
+```
+
+### Source File Creation
+
+Parse source code into an AST.
+
+```typescript { .api }
+function createSourceFile(
+  fileName: string,
+  sourceText: string,
+  languageVersionOrOptions: ScriptTarget | CreateSourceFileOptions,
+  setParentNodes?: boolean,
+  scriptKind?: ScriptKind
+): SourceFile;
+
+interface CreateSourceFileOptions {
+  languageVersion: ScriptTarget;
+  impliedNodeFormat?: ResolutionMode;
+  setExternalModuleIndicator?: (file: SourceFile) => void;
+  jsDocParsingMode?: JSDocParsingMode;
+}
+```
+
+### Source File Interface
+
+```typescript { .api }
+interface SourceFile extends Declaration {
+  readonly kind: SyntaxKind.SourceFile;
+  readonly statements: NodeArray<Statement>;
+  readonly endOfFileToken: Token<SyntaxKind.EndOfFileToken>;
+  readonly fileName: string;
+  readonly text: string;
+  readonly amdDependencies: readonly AmdDependency[];
+  readonly moduleName?: string;
+  readonly referencedFiles: readonly FileReference[];
+  readonly typeReferenceDirectives: readonly FileReference[];
+  readonly libReferenceDirectives: readonly FileReference[];
+  readonly languageVariant: LanguageVariant;
+  readonly isDeclarationFile: boolean;
+  readonly hasNoDefaultLib: boolean;
+  readonly languageVersion: ScriptTarget;
+  readonly scriptKind: ScriptKind;
+  readonly externalModuleIndicator?: Node;
+  readonly commonJsModuleIndicator?: Node;
+  readonly identifiers: Map<string, string>;
+  readonly nodeCount: number;
+  readonly identifierCount: number;
+  readonly symbolCount: number;
+  readonly parseDiagnostics: DiagnosticWithLocation[];
+  readonly bindDiagnostics: readonly Diagnostic[];
+  readonly bindSuggestionDiagnostics?: readonly Diagnostic[];
+  readonly jsDocDiagnostics?: readonly Diagnostic[];
+  readonly additionalSyntacticDiagnostics?: readonly DiagnosticWithLocation[];
+  readonly lineMap: readonly number[];
+  
+  getLineAndCharacterOfPosition(pos: number): LineAndCharacter;
+  getLineEndOfPosition(pos: number): number;
+  getLineStarts(): readonly number[];
+  getPositionOfLineAndCharacter(line: number, character: number): number;
+  update(newText: string, textChangeRange: TextChangeRange): SourceFile;
+}
+
+interface SourceFileLike {
+  readonly text: string;
+  readonly lineMap?: readonly number[];
+  getLineAndCharacterOfPosition(pos: number): LineAndCharacter;
+}
+```
+
+### Language Variant
+
+```typescript { .api }
+enum LanguageVariant {
+  Standard = 0,
+  JSX = 1
+}
+
+enum ScriptKind {
+  Unknown = 0,
+  JS = 1,
+  JSX = 2,
+  TS = 3,
+  TSX = 4,
+  External = 5,
+  JSON = 6,
+  Deferred = 7
+}
+```
+
+### JSDoc Parsing
+
+```typescript { .api }
+enum JSDocParsingMode {
+  ParseAll = 0,
+  ParseNone = 1,
+  ParseForTypeErrors = 2,
+  ParseForTypeInfo = 3
+}
+
+function parseIsolatedEntityName(text: string, languageVersion: ScriptTarget): EntityName | undefined;
+function parseJsonText(fileName: string, sourceText: string): JsonSourceFile;
+```
+
+### Pre-Processed File Info
+
+Get file dependencies without full parsing.
+
+```typescript { .api }
+function preProcessFile(
+  sourceText: string,
+  readImportFiles?: boolean,
+  detectJavaScriptImports?: boolean
+): PreProcessedFileInfo;
+
+interface PreProcessedFileInfo {
+  referencedFiles: FileReference[];
+  typeReferenceDirectives: FileReference[];
+  libReferenceDirectives: FileReference[];
+  importedFiles: FileReference[];
+  ambientExternalModules?: string[];
+  isLibFile: boolean;
+}
+
+interface FileReference extends TextRange {
+  fileName: string;
+  resolutionMode?: ResolutionMode;
+}
+```
+
+### Text Range
+
+```typescript { .api }
+interface TextRange {
+  pos: number;
+  end: number;
+}
+
+interface ReadonlyTextRange {
+  readonly pos: number;
+  readonly end: number;
+}
+
+interface TextSpan {
+  start: number;
+  length: number;
+}
+
+interface TextChangeRange {
+  span: TextSpan;
+  newLength: number;
+}
+
+function createTextSpan(start: number, length: number): TextSpan;
+function createTextSpanFromBounds(start: number, end: number): TextSpan;
+function createTextChangeRange(span: TextSpan, newLength: number): TextChangeRange;
+function collapseTextChangeRangesAcrossMultipleVersions(changes: readonly TextChangeRange[]): TextChangeRange;
+```
+
+### Comment Ranges
+
+```typescript { .api }
+function getLeadingCommentRanges(text: string, pos: number): CommentRange[] | undefined;
+function getTrailingCommentRanges(text: string, pos: number): CommentRange[] | undefined;
+function getShebang(text: string): string | undefined;
+function isIdentifierStart(ch: number, languageVersion: ScriptTarget | undefined): boolean;
+function isIdentifierPart(ch: number, languageVersion: ScriptTarget | undefined, identifierVariant?: LanguageVariant): boolean;
+
+interface CommentRange extends TextRange {
+  kind: CommentKind;
+  hasTrailingNewLine?: boolean;
+}
+
+enum CommentKind {
+  SingleLine = 2,
+  MultiLine = 3
+}
+```
+
+### Token Utilities
+
+```typescript { .api }
+function isKeyword(kind: SyntaxKind): boolean;
+function isModifier(kind: SyntaxKind): boolean;
+function isFutureReservedKeyword(kind: SyntaxKind): boolean;
+function isContextualKeyword(kind: SyntaxKind): boolean;
+function isStringANonContextualKeyword(name: string): boolean;
+function isStringAKeyword(name: string): boolean;
+function isIdentifierANonContextualKeyword(node: Identifier): boolean;
+function isTrivia(kind: SyntaxKind): boolean;
+function isPunctuation(kind: SyntaxKind): boolean;
+function couldStartTrivia(text: string, pos: number): boolean;
+function scanString(text: string, start: number, astral?: boolean): string | undefined;
+function getTokenText(kind: SyntaxKind): string | undefined;
+```
+
+## Usage Example
+
+Using the scanner to tokenize source code:
+
+```typescript
+import * as ts from 'typescript';
+
+const code = 'const x: number = 42;';
+const scanner = ts.createScanner(
+  ts.ScriptTarget.Latest,
+  false, // don't skip trivia
+  ts.LanguageVariant.Standard,
+  code
+);
+
+let token: ts.SyntaxKind;
+while ((token = scanner.scan()) !== ts.SyntaxKind.EndOfFileToken) {
+  const start = scanner.getTokenStart();
+  const end = scanner.getTokenEnd();
+  const text = scanner.getTokenText();
+  
+  console.log(
+    ts.SyntaxKind[token],
+    `"${text}"`,
+    `(${start}-${end})`
+  );
+}
+```
+
+Parsing source code:
+
+```typescript
+import * as ts from 'typescript';
+
+const code = `
+function greet(name: string): string {
+  return 'Hello, ' + name;
+}
+`;
+
+const sourceFile = ts.createSourceFile(
+  'example.ts',
+  code,
+  ts.ScriptTarget.Latest,
+  true // set parent nodes
+);
+
+console.log('File name:', sourceFile.fileName);
+console.log('Statements:', sourceFile.statements.length);
+console.log('Parse diagnostics:', sourceFile.parseDiagnostics.length);
+
+// Print line and character for position 0
+const lineChar = sourceFile.getLineAndCharacterOfPosition(0);
+console.log(`Position 0 is at line ${lineChar.line}, character ${lineChar.character}`);
+```
diff --git a/.tessl/tiles/tessl/npm-typescript/docs/ast/type-guards.md b/.tessl/tiles/tessl/npm-typescript/docs/ast/type-guards.md
new file mode 100644
index 000000000..550916dd8
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-typescript/docs/ast/type-guards.md
@@ -0,0 +1,133 @@
+# Type Guards
+
+Comprehensive type guard functions for all AST node types.
+
+## Type Guard Functions
+
+```typescript { .api }
+function isSourceFile(node: Node): node is SourceFile;
+function isIdentifier(node: Node): node is Identifier;
+function isQualifiedName(node: Node): node is QualifiedName;
+function isComputedPropertyName(node: Node): node is ComputedPropertyName;
+function isPrivateIdentifier(node: Node): node is PrivateIdentifier;
+function isTypeParameterDeclaration(node: Node): node is TypeParameterDeclaration;
+function isParameter(node: Node): node is ParameterDeclaration;
+function isDecorator(node: Node): node is Decorator;
+function isPropertySignature(node: Node): node is PropertySignature;
+function isPropertyDeclaration(node: Node): node is PropertyDeclaration;
+function isMethodSignature(node: Node): node is MethodSignature;
+function isMethodDeclaration(node: Node): node is MethodDeclaration;
+function isClassStaticBlockDeclaration(node: Node): node is ClassStaticBlockDeclaration;
+function isConstructorDeclaration(node: Node): node is ConstructorDeclaration;
+function isGetAccessorDeclaration(node: Node): node is GetAccessorDeclaration;
+function isSetAccessorDeclaration(node: Node): node is SetAccessorDeclaration;
+function isCallSignatureDeclaration(node: Node): node is CallSignatureDeclaration;
+function isConstructSignatureDeclaration(node: Node): node is ConstructSignatureDeclaration;
+function isIndexSignatureDeclaration(node: Node): node is IndexSignatureDeclaration;
+function isTypePredicateNode(node: Node): node is TypePredicateNode;
+function isTypeReferenceNode(node: Node): node is TypeReferenceNode;
+function isFunctionTypeNode(node: Node): node is FunctionTypeNode;
+function isConstructorTypeNode(node: Node): node is ConstructorTypeNode;
+function isTypeQueryNode(node: Node): node is TypeQueryNode;
+function isTypeLiteralNode(node: Node): node is TypeLiteralNode;
+function isArrayTypeNode(node: Node): node is ArrayTypeNode;
+function isTupleTypeNode(node: Node): node is TupleTypeNode;
+function isUnionTypeNode(node: Node): node is UnionTypeNode;
+function isIntersectionTypeNode(node: Node): node is IntersectionTypeNode;
+function isConditionalTypeNode(node: Node): node is ConditionalTypeNode;
+function isInferTypeNode(node: Node): node is InferTypeNode;
+function isParenthesizedTypeNode(node: Node): node is ParenthesizedTypeNode;
+function isThisTypeNode(node: Node): node is ThisTypeNode;
+function isTypeOperatorNode(node: Node): node is TypeOperatorNode;
+function isIndexedAccessTypeNode(node: Node): node is IndexedAccessTypeNode;
+function isMappedTypeNode(node: Node): node is MappedTypeNode;
+function isLiteralTypeNode(node: Node): node is LiteralTypeNode;
+function isBooleanLiteral(node: Node): node is BooleanLiteral;
+function isFunctionExpression(node: Node): node is FunctionExpression;
+function isArrowFunction(node: Node): node is ArrowFunction;
+function isArrayLiteralExpression(node: Node): node is ArrayLiteralExpression;
+function isObjectLiteralExpression(node: Node): node is ObjectLiteralExpression;
+function isPropertyAccessExpression(node: Node): node is PropertyAccessExpression;
+function isElementAccessExpression(node: Node): node is ElementAccessExpression;
+function isCallExpression(node: Node): node is CallExpression;
+function isNewExpression(node: Node): node is NewExpression;
+function isTaggedTemplateExpression(node: Node): node is TaggedTemplateExpression;
+function isTypeAssertionExpression(node: Node): node is TypeAssertion;
+function isParenthesizedExpression(node: Node): node is ParenthesizedExpression;
+function isDeleteExpression(node: Node): node is DeleteExpression;
+function isTypeOfExpression(node: Node): node is TypeOfExpression;
+function isVoidExpression(node: Node): node is VoidExpression;
+function isAwaitExpression(node: Node): node is AwaitExpression;
+function isPrefixUnaryExpression(node: Node): node is PrefixUnaryExpression;
+function isPostfixUnaryExpression(node: Node): node is PostfixUnaryExpression;
+function isBinaryExpression(node: Node): node is BinaryExpression;
+function isConditionalExpression(node: Node): node is ConditionalExpression;
+function isTemplateExpression(node: Node): node is TemplateExpression;
+function isYieldExpression(node: Node): node is YieldExpression;
+function isSpreadElement(node: Node): node is SpreadElement;
+function isClassExpression(node: Node): node is ClassExpression;
+function isOmittedExpression(node: Node): node is OmittedExpression;
+function isExpressionWithTypeArguments(node: Node): node is ExpressionWithTypeArguments;
+function isAsExpression(node: Node): node is AsExpression;
+function isNonNullExpression(node: Node): node is NonNullExpression;
+function isSatisfiesExpression(node: Node): node is SatisfiesExpression;
+function isBlock(node: Node): node is Block;
+function isVariableStatement(node: Node): node is VariableStatement;
+function isEmptyStatement(node: Node): node is EmptyStatement;
+function isExpressionStatement(node: Node): node is ExpressionStatement;
+function isIfStatement(node: Node): node is IfStatement;
+function isDoStatement(node: Node): node is DoStatement;
+function isWhileStatement(node: Node): node is WhileStatement;
+function isForStatement(node: Node): node is ForStatement;
+function isForInStatement(node: Node): node is ForInStatement;
+function isForOfStatement(node: Node): node is ForOfStatement;
+function isContinueStatement(node: Node): node is ContinueStatement;
+function isBreakStatement(node: Node): node is BreakStatement;
+function isReturnStatement(node: Node): node is ReturnStatement;
+function isWithStatement(node: Node): node is WithStatement;
+function isSwitchStatement(node: Node): node is SwitchStatement;
+function isLabeledStatement(node: Node): node is LabeledStatement;
+function isThrowStatement(node: Node): node is ThrowStatement;
+function isTryStatement(node: Node): node is TryStatement;
+function isDebuggerStatement(node: Node): node is DebuggerStatement;
+function isVariableDeclaration(node: Node): node is VariableDeclaration;
+function isVariableDeclarationList(node: Node): node is VariableDeclarationList;
+function isFunctionDeclaration(node: Node): node is FunctionDeclaration;
+function isClassDeclaration(node: Node): node is ClassDeclaration;
+function isInterfaceDeclaration(node: Node): node is InterfaceDeclaration;
+function isTypeAliasDeclaration(node: Node): node is TypeAliasDeclaration;
+function isEnumDeclaration(node: Node): node is EnumDeclaration;
+function isModuleDeclaration(node: Node): node is ModuleDeclaration;
+function isImportEqualsDeclaration(node: Node): node is ImportEqualsDeclaration;
+function isImportDeclaration(node: Node): node is ImportDeclaration;
+function isExportAssignment(node: Node): node is ExportAssignment;
+function isExportDeclaration(node: Node): node is ExportDeclaration;
+```
+
+## Usage Example
+
+```typescript
+import * as ts from 'typescript';
+
+function visit(node: ts.Node) {
+  if (ts.isFunctionDeclaration(node)) {
+    console.log('Found function:', node.name?.getText());
+  } else if (ts.isVariableDeclaration(node)) {
+    console.log('Found variable:', node.name.getText());
+  } else if (ts.isCallExpression(node)) {
+    console.log('Found call expression');
+  }
+  
+  ts.forEachChild(node, visit);
+}
+
+const sourceFile = ts.createSourceFile(
+  'example.ts',
+  'function foo() { const x = 1; }',
+  ts.ScriptTarget.Latest,
+  true
+);
+
+visit(sourceFile);
+```
+
diff --git a/.tessl/tiles/tessl/npm-typescript/docs/core/compilation.md b/.tessl/tiles/tessl/npm-typescript/docs/core/compilation.md
new file mode 100644
index 000000000..be7ec5a84
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-typescript/docs/core/compilation.md
@@ -0,0 +1,589 @@
+# Core Compilation APIs
+
+Core TypeScript compiler APIs for program creation, compilation, and code generation.
+
+## Program Creation
+
+Create and manage TypeScript programs.
+
+```typescript { .api }
+function createProgram(
+  rootNames: readonly string[],
+  options: CompilerOptions,
+  host?: CompilerHost,
+  oldProgram?: Program,
+  configFileParsingDiagnostics?: readonly Diagnostic[]
+): Program;
+
+function createProgram(createProgramOptions: CreateProgramOptions): Program;
+
+interface CreateProgramOptions {
+  rootNames: readonly string[];
+  options: CompilerOptions;
+  projectReferences?: readonly ProjectReference[];
+  host?: CompilerHost;
+  oldProgram?: Program;
+  configFileParsingDiagnostics?: readonly Diagnostic[];
+}
+```
+
+**Usage Example:**
+
+```typescript
+import * as ts from 'typescript';
+
+const options: ts.CompilerOptions = {
+  target: ts.ScriptTarget.ES2020,
+  module: ts.ModuleKind.CommonJS,
+  strict: true,
+  esModuleInterop: true
+};
+
+const program = ts.createProgram({
+  rootNames: ['index.ts', 'utils.ts'],
+  options
+});
+```
+
+## Program Interface
+
+Main program interface for compilation operations.
+
+```typescript { .api }
+interface Program {
+  getRootFileNames(): readonly string[];
+  getSourceFiles(): readonly SourceFile[];
+  getSourceFile(fileName: string): SourceFile | undefined;
+  getTypeChecker(): TypeChecker;
+  getNodeCount(): number;
+  getIdentifierCount(): number;
+  getSymbolCount(): number;
+  getTypeCount(): number;
+  getInstantiationCount(): number;
+  getRelationCacheSizes(): {
+    assignable: number;
+    identity: number;
+    subtype: number;
+    strictSubtype: number;
+  };
+  emit(
+    targetSourceFile?: SourceFile,
+    writeFile?: WriteFileCallback,
+    cancellationToken?: CancellationToken,
+    emitOnlyDtsFiles?: boolean,
+    customTransformers?: CustomTransformers
+  ): EmitResult;
+  getSemanticDiagnostics(
+    sourceFile?: SourceFile,
+    cancellationToken?: CancellationToken
+  ): readonly Diagnostic[];
+  getSyntacticDiagnostics(
+    sourceFile?: SourceFile,
+    cancellationToken?: CancellationToken
+  ): readonly DiagnosticWithLocation[];
+  getDeclarationDiagnostics(
+    sourceFile?: SourceFile,
+    cancellationToken?: CancellationToken
+  ): readonly DiagnosticWithLocation[];
+  getGlobalDiagnostics(cancellationToken?: CancellationToken): readonly Diagnostic[];
+  getConfigFileParsingDiagnostics(): readonly Diagnostic[];
+  getCompilerOptions(): CompilerOptions;
+  getCurrentDirectory(): string;
+  getOptionsDiagnostics(cancellationToken?: CancellationToken): readonly Diagnostic[];
+  getProjectReferences(): readonly ProjectReference[] | undefined;
+  getResolvedProjectReferences(): readonly (ResolvedProjectReference | undefined)[] | undefined;
+  isSourceFileFromExternalLibrary(file: SourceFile): boolean;
+  isSourceFileDefaultLibrary(file: SourceFile): boolean;
+  getModeForUsageLocation(file: SourceFile, usage: StringLiteralLike): ResolutionMode;
+  getModeForResolutionAtIndex(file: SourceFile, index: number): ResolutionMode;
+}
+```
+
+## Compiler Options
+
+Comprehensive compiler configuration options.
+
+```typescript { .api }
+interface CompilerOptions {
+  /* Language and Environment */
+  target?: ScriptTarget;
+  lib?: string[];
+  jsx?: JsxEmit;
+  experimentalDecorators?: boolean;
+  emitDecoratorMetadata?: boolean;
+  jsxFactory?: string;
+  jsxFragmentFactory?: string;
+  jsxImportSource?: string;
+  reactNamespace?: string;
+  noLib?: boolean;
+  useDefineForClassFields?: boolean;
+  moduleDetection?: ModuleDetectionKind;
+  
+  /* Modules */
+  module?: ModuleKind;
+  moduleResolution?: ModuleResolutionKind;
+  moduleSuffixes?: string[];
+  noResolve?: boolean;
+  paths?: MapLike<string[]>;
+  rootDirs?: string[];
+  rootDir?: string;
+  typeRoots?: string[];
+  types?: string[];
+  allowArbitraryExtensions?: boolean;
+  allowImportingTsExtensions?: boolean;
+  allowUmdGlobalAccess?: boolean;
+  baseUrl?: string;
+  customConditions?: string[];
+  resolveJsonModule?: boolean;
+  resolvePackageJsonExports?: boolean;
+  resolvePackageJsonImports?: boolean;
+  rewriteRelativeImportExtensions?: boolean;
+  noUncheckedSideEffectImports?: boolean;
+
+  /* JavaScript Support */
+  allowJs?: boolean;
+  checkJs?: boolean;
+  maxNodeModuleJsDepth?: number;
+  
+  /* Emit */
+  declaration?: boolean;
+  declarationMap?: boolean;
+  declarationDir?: string;
+  emitDeclarationOnly?: boolean;
+  downlevelIteration?: boolean;
+  emitBOM?: boolean;
+  importHelpers?: boolean;
+  inlineSourceMap?: boolean;
+  inlineSources?: boolean;
+  mapRoot?: string;
+  newLine?: NewLineKind;
+  noEmit?: boolean;
+  noEmitHelpers?: boolean;
+  noEmitOnError?: boolean;
+  outDir?: string;
+  outFile?: string;
+  preserveConstEnums?: boolean;
+  preserveValueImports?: boolean;
+  removeComments?: boolean;
+  sourceMap?: boolean;
+  sourceRoot?: string;
+  stripInternal?: boolean;
+  
+  /* Interop Constraints */
+  allowSyntheticDefaultImports?: boolean;
+  esModuleInterop?: boolean;
+  forceConsistentCasingInFileNames?: boolean;
+  isolatedModules?: boolean;
+  isolatedDeclarations?: boolean;
+  preserveSymlinks?: boolean;
+  verbatimModuleSyntax?: boolean;
+  
+  /* Type Checking */
+  strict?: boolean;
+  alwaysStrict?: boolean;
+  exactOptionalPropertyTypes?: boolean;
+  noFallthroughCasesInSwitch?: boolean;
+  noImplicitAny?: boolean;
+  noImplicitOverride?: boolean;
+  noImplicitReturns?: boolean;
+  noImplicitThis?: boolean;
+  noPropertyAccessFromIndexSignature?: boolean;
+  noUncheckedIndexedAccess?: boolean;
+  noUnusedLocals?: boolean;
+  noUnusedParameters?: boolean;
+  strictBindCallApply?: boolean;
+  strictBuiltinIteratorReturn?: boolean;
+  strictFunctionTypes?: boolean;
+  strictNullChecks?: boolean;
+  strictPropertyInitialization?: boolean;
+  useUnknownInCatchVariables?: boolean;
+  
+  /* Completeness */
+  skipDefaultLibCheck?: boolean;
+  skipLibCheck?: boolean;
+  
+  /* Project References */
+  composite?: boolean;
+  disableReferencedProjectLoad?: boolean;
+  disableSolutionSearching?: boolean;
+  disableSourceOfProjectReferenceRedirect?: boolean;
+  incremental?: boolean;
+  tsBuildInfoFile?: string;
+  
+  /* Advanced */
+  allowUnreachableCode?: boolean;
+  allowUnusedLabels?: boolean;
+  assumeChangesOnlyAffectDirectDependencies?: boolean;
+  disableSizeLimit?: boolean;
+  noCheck?: boolean;
+  noErrorTruncation?: boolean;
+  preserveWatchOutput?: boolean;
+  suppressExcessPropertyErrors?: boolean;
+  suppressImplicitAnyIndexErrors?: boolean;
+  traceResolution?: boolean;
+  ignoreDeprecations?: string;
+
+  [option: string]: CompilerOptionsValue | TsConfigSourceFile | undefined;
+}
+
+type CompilerOptionsValue = 
+  | string 
+  | number 
+  | boolean 
+  | (string | number)[] 
+  | string[] 
+  | MapLike<string[]> 
+  | PluginImport[] 
+  | ProjectReference[] 
+  | null 
+  | undefined;
+```
+
+## Compiler Host
+
+Interface for file system operations during compilation.
+
+```typescript { .api }
+interface CompilerHost extends ModuleResolutionHost {
+  getSourceFile(
+    fileName: string,
+    languageVersionOrOptions: ScriptTarget | CreateSourceFileOptions,
+    onError?: (message: string) => void,
+    shouldCreateNewSourceFile?: boolean
+  ): SourceFile | undefined;
+  
+  getSourceFileByPath?(
+    fileName: string,
+    path: Path,
+    languageVersionOrOptions: ScriptTarget | CreateSourceFileOptions,
+    onError?: (message: string) => void,
+    shouldCreateNewSourceFile?: boolean
+  ): SourceFile | undefined;
+  
+  getCancellationToken?(): CancellationToken;
+  getDefaultLibFileName(options: CompilerOptions): string;
+  getDefaultLibLocation?(): string;
+  writeFile: WriteFileCallback;
+  getCurrentDirectory(): string;
+  getCanonicalFileName(fileName: string): string;
+  useCaseSensitiveFileNames(): boolean;
+  getNewLine(): string;
+  readDirectory?(
+    rootDir: string,
+    extensions: readonly string[],
+    excludes: readonly string[] | undefined,
+    includes: readonly string[],
+    depth?: number
+  ): string[];
+  resolveModuleNameLiterals?(
+    moduleLiterals: readonly StringLiteralLike[],
+    containingFile: string,
+    redirectedReference: ResolvedProjectReference | undefined,
+    options: CompilerOptions,
+    containingSourceFile: SourceFile,
+    reusedNames: readonly StringLiteralLike[] | undefined
+  ): readonly ResolvedModuleWithFailedLookupLocations[];
+  resolveTypeReferenceDirectiveReferences?<T extends FileReference | string>(
+    typeDirectiveReferences: readonly T[],
+    containingFile: string,
+    redirectedReference: ResolvedProjectReference | undefined,
+    options: CompilerOptions,
+    containingSourceFile: SourceFile | undefined,
+    reusedNames: readonly T[] | undefined
+  ): readonly ResolvedTypeReferenceDirectiveWithFailedLookupLocations[];
+  getEnvironmentVariable?(name: string): string | undefined;
+  hasInvalidatedResolutions?(filePath: Path): boolean;
+  createHash?(data: string): string;
+  getParsedCommandLine?(fileName: string): ParsedCommandLine | undefined;
+  jsDocParsingMode?: JSDocParsingMode;
+}
+
+type WriteFileCallback = (
+  fileName: string,
+  text: string,
+  writeByteOrderMark: boolean,
+  onError?: (message: string) => void,
+  sourceFiles?: readonly SourceFile[],
+  data?: WriteFileCallbackData
+) => void;
+
+function createCompilerHost(
+  options: CompilerOptions,
+  setParentNodes?: boolean
+): CompilerHost;
+```
+
+## Emit Result
+
+Result of program emit operation.
+
+```typescript { .api }
+interface EmitResult {
+  emitSkipped: boolean;
+  diagnostics: readonly Diagnostic[];
+  emittedFiles?: string[];
+}
+
+interface EmitOutput {
+  outputFiles: OutputFile[];
+  emitSkipped: boolean;
+}
+
+interface OutputFile {
+  name: string;
+  writeByteOrderMark: boolean;
+  text: string;
+}
+```
+
+## Incremental Compilation
+
+Incremental compilation APIs enable faster rebuilds by reusing previous compilation state.
+
+```typescript { .api }
+function createIncrementalCompilerHost(
+  options: CompilerOptions,
+  system?: System
+): CompilerHost;
+
+function createIncrementalProgram<T extends BuilderProgram = EmitAndSemanticDiagnosticsBuilderProgram>(
+  options: IncrementalProgramOptions<T>
+): T;
+
+interface IncrementalProgramOptions<T extends BuilderProgram> {
+  rootNames: readonly string[];
+  options: CompilerOptions;
+  configFileParsingDiagnostics?: readonly Diagnostic[];
+  projectReferences?: readonly ProjectReference[];
+  host?: CompilerHost;
+  createProgram?: CreateProgram<T>;
+}
+
+function readBuilderProgram(
+  compilerOptions: CompilerOptions,
+  host: ReadBuildProgramHost
+): EmitAndSemanticDiagnosticsBuilderProgram | undefined;
+
+interface ReadBuildProgramHost {
+  useCaseSensitiveFileNames(): boolean;
+  getCurrentDirectory(): string;
+  readFile(fileName: string): string | undefined;
+}
+
+function createEmitAndSemanticDiagnosticsBuilderProgram(
+  rootNames: readonly string[] | undefined,
+  options: CompilerOptions | undefined,
+  host?: CompilerHost,
+  oldProgram?: EmitAndSemanticDiagnosticsBuilderProgram,
+  configFileParsingDiagnostics?: readonly Diagnostic[],
+  projectReferences?: readonly ProjectReference[]
+): EmitAndSemanticDiagnosticsBuilderProgram;
+
+function createSemanticDiagnosticsBuilderProgram(
+  rootNames: readonly string[] | undefined,
+  options: CompilerOptions | undefined,
+  host?: CompilerHost,
+  oldProgram?: SemanticDiagnosticsBuilderProgram,
+  configFileParsingDiagnostics?: readonly Diagnostic[],
+  projectReferences?: readonly ProjectReference[]
+): SemanticDiagnosticsBuilderProgram;
+
+interface BuilderProgram {
+  getProgram(): Program;
+  getCompilerOptions(): CompilerOptions;
+  getSourceFile(fileName: string): SourceFile | undefined;
+  getSourceFiles(): readonly SourceFile[];
+  getCurrentDirectory(): string;
+}
+
+interface EmitAndSemanticDiagnosticsBuilderProgram extends BuilderProgram {
+  getSemanticDiagnosticsOfNextAffectedFile(
+    cancellationToken?: CancellationToken,
+    ignoreSourceFile?: (sourceFile: SourceFile) => boolean
+  ): AffectedFileResult<readonly Diagnostic[]>;
+  emit(
+    targetSourceFile?: SourceFile,
+    writeFile?: WriteFileCallback,
+    cancellationToken?: CancellationToken,
+    emitOnlyDtsFiles?: boolean,
+    customTransformers?: CustomTransformers
+  ): EmitResult | undefined;
+  getAllDependencies(sourceFile: SourceFile): readonly string[];
+  getSyntacticDiagnostics(
+    sourceFile?: SourceFile,
+    cancellationToken?: CancellationToken
+  ): readonly Diagnostic[];
+  getSemanticDiagnostics(
+    sourceFile?: SourceFile,
+    cancellationToken?: CancellationToken
+  ): readonly Diagnostic[];
+}
+```
+
+**Usage Example:**
+
+```typescript
+import * as ts from 'typescript';
+
+const host = ts.createIncrementalCompilerHost({
+  target: ts.ScriptTarget.ES2020,
+  module: ts.ModuleKind.CommonJS,
+  incremental: true,
+  tsBuildInfoFile: '.tsbuildinfo'
+});
+
+const program = ts.createIncrementalProgram({
+  rootNames: ['index.ts', 'utils.ts'],
+  options: {
+    target: ts.ScriptTarget.ES2020,
+    module: ts.ModuleKind.CommonJS,
+    incremental: true
+  },
+  host
+});
+
+let result = program.emit();
+```
+
+## Watch Program
+
+Watch mode compilation.
+
+```typescript { .api }
+function createWatchCompilerHost<T extends BuilderProgram>(
+  rootFiles: string[],
+  options: CompilerOptions,
+  system: System,
+  createProgram?: CreateProgram<T>,
+  reportDiagnostic?: DiagnosticReporter,
+  reportWatchStatus?: WatchStatusReporter,
+  watchOptionsToExtend?: WatchOptions,
+  extraFileExtensions?: readonly FileExtensionInfo[]
+): WatchCompilerHostOfFilesAndCompilerOptions<T>;
+
+function createWatchProgram<T extends BuilderProgram>(
+  host: WatchCompilerHostOfFilesAndCompilerOptions<T>
+): WatchOfFilesAndCompilerOptions<T>;
+
+interface WatchCompilerHost<T extends BuilderProgram> {
+  afterProgramCreate?(program: T): void;
+  useCaseSensitiveFileNames(): boolean;
+  getNewLine(): string;
+  getCurrentDirectory(): string;
+  getDefaultLibFileName(options: CompilerOptions): string;
+  getDefaultLibLocation?(): string;
+  createHash?(data: string): string;
+  fileExists(path: string): boolean;
+  readFile(path: string, encoding?: string): string | undefined;
+  directoryExists?(path: string): boolean;
+  getDirectories?(path: string): string[];
+  readDirectory?(
+    path: string,
+    extensions?: readonly string[],
+    exclude?: readonly string[],
+    include?: readonly string[],
+    depth?: number
+  ): string[];
+  watchFile(
+    path: string,
+    callback: FileWatcherCallback,
+    pollingInterval?: number,
+    options?: WatchOptions
+  ): FileWatcher;
+  watchDirectory(
+    path: string,
+    callback: DirectoryWatcherCallback,
+    recursive?: boolean,
+    options?: WatchOptions
+  ): FileWatcher;
+  setTimeout?(callback: (...args: any[]) => void, ms: number, ...args: any[]): any;
+  clearTimeout?(timeoutId: any): void;
+}
+```
+
+## Project References
+
+Multi-project compilation support.
+
+```typescript { .api }
+interface ProjectReference {
+  path: string;
+  originalPath?: string;
+  prepend?: boolean;
+  circular?: boolean;
+}
+
+interface ResolvedProjectReference {
+  commandLine: ParsedCommandLine;
+  sourceFile: SourceFile;
+  references?: readonly (ResolvedProjectReference | undefined)[];
+}
+```
+
+## Enumerations
+
+```typescript { .api }
+enum ScriptTarget {
+  ES3 = 0,
+  ES5 = 1,
+  ES2015 = 2,
+  ES2016 = 3,
+  ES2017 = 4,
+  ES2018 = 5,
+  ES2019 = 6,
+  ES2020 = 7,
+  ES2021 = 8,
+  ES2022 = 9,
+  ES2023 = 10,
+  ES2024 = 11,
+  ESNext = 99,
+  JSON = 100,
+  Latest = 99
+}
+
+enum ModuleKind {
+  None = 0,
+  CommonJS = 1,
+  AMD = 2,
+  UMD = 3,
+  System = 4,
+  ES2015 = 5,
+  ES2020 = 6,
+  ES2022 = 7,
+  ESNext = 99,
+  Node16 = 100,
+  Node18 = 101,
+  Node20 = 102,
+  NodeNext = 199,
+  Preserve = 200
+}
+
+enum ModuleResolutionKind {
+  Classic = 1,
+  NodeJs = 2,
+  Node16 = 3,
+  NodeNext = 99,
+  Bundler = 100
+}
+
+enum ModuleDetectionKind {
+  Legacy = 1,
+  Auto = 2,
+  Force = 3
+}
+
+enum JsxEmit {
+  None = 0,
+  Preserve = 1,
+  React = 2,
+  ReactNative = 3,
+  ReactJSX = 4,
+  ReactJSXDev = 5
+}
+
+enum NewLineKind {
+  CarriageReturnLineFeed = 0,
+  LineFeed = 1
+}
+```
+
diff --git a/.tessl/tiles/tessl/npm-typescript/docs/core/config.md b/.tessl/tiles/tessl/npm-typescript/docs/core/config.md
new file mode 100644
index 000000000..bf84b49e8
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-typescript/docs/core/config.md
@@ -0,0 +1,115 @@
+# Configuration Parsing
+
+Parse TypeScript configuration files (tsconfig.json).
+
+## Configuration Parsing APIs
+
+```typescript { .api }
+function findConfigFile(
+  searchPath: string,
+  fileExists: (fileName: string) => boolean,
+  configName?: string
+): string | undefined;
+
+function parseJsonConfigFileContent(
+  json: any,
+  host: ParseConfigHost,
+  basePath: string,
+  existingOptions?: CompilerOptions,
+  configFileName?: string,
+  resolutionStack?: Path[],
+  extraFileExtensions?: readonly FileExtensionInfo[],
+  extendedConfigCache?: Map<string, ExtendedConfigCacheEntry>,
+  existingWatchOptions?: WatchOptions
+): ParsedCommandLine;
+
+function parseJsonSourceFileConfigFileContent(
+  sourceFile: TsConfigSourceFile,
+  host: ParseConfigHost,
+  basePath: string,
+  existingOptions?: CompilerOptions,
+  configFileName?: string,
+  resolutionStack?: Path[],
+  extraFileExtensions?: readonly FileExtensionInfo[],
+  extendedConfigCache?: Map<string, ExtendedConfigCacheEntry>,
+  existingWatchOptions?: WatchOptions
+): ParsedCommandLine;
+
+function readConfigFile(
+  fileName: string,
+  readFile: (path: string) => string | undefined
+): { config?: any; error?: Diagnostic };
+
+function getParsedCommandLineOfConfigFile(
+  configFileName: string,
+  optionsToExtend: CompilerOptions | undefined,
+  host: ParseConfigFileHost,
+  extendedConfigCache?: Map<string, ExtendedConfigCacheEntry>,
+  watchOptionsToExtend?: WatchOptions,
+  extraFileExtensions?: readonly FileExtensionInfo[]
+): ParsedCommandLine | undefined;
+
+interface ParsedCommandLine {
+  options: CompilerOptions;
+  typeAcquisition?: TypeAcquisition;
+  fileNames: string[];
+  projectReferences?: readonly ProjectReference[];
+  watchOptions?: WatchOptions;
+  raw?: any;
+  errors: Diagnostic[];
+  wildcardDirectories?: MapLike<WatchDirectoryFlags>;
+  compileOnSave?: boolean;
+}
+
+interface ParseConfigHost {
+  useCaseSensitiveFileNames: boolean;
+  readDirectory(
+    rootDir: string,
+    extensions: readonly string[],
+    excludes: readonly string[] | undefined,
+    includes: readonly string[],
+    depth?: number
+  ): readonly string[];
+  fileExists(path: string): boolean;
+  readFile(path: string): string | undefined;
+  trace?(s: string): void;
+}
+```
+
+## Usage Example
+
+```typescript
+import * as ts from 'typescript';
+
+// Find config file
+const configPath = ts.findConfigFile(
+  './src',
+  ts.sys.fileExists
+);
+
+if (configPath) {
+  // Read config file
+  const configFile = ts.readConfigFile(configPath, ts.sys.readFile);
+  
+  if (configFile.config) {
+    // Parse config
+    const parsed = ts.parseJsonConfigFileContent(
+      configFile.config,
+      {
+        useCaseSensitiveFileNames: ts.sys.useCaseSensitiveFileNames,
+        readDirectory: ts.sys.readDirectory,
+        fileExists: ts.sys.fileExists,
+        readFile: ts.sys.readFile
+      },
+      ts.getDirectoryPath(configPath)
+    );
+    
+    // Use parsed options
+    const program = ts.createProgram({
+      rootNames: parsed.fileNames,
+      options: parsed.options
+    });
+  }
+}
+```
+
diff --git a/.tessl/tiles/tessl/npm-typescript/docs/core/module-resolution.md b/.tessl/tiles/tessl/npm-typescript/docs/core/module-resolution.md
new file mode 100644
index 000000000..6ff4ee735
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-typescript/docs/core/module-resolution.md
@@ -0,0 +1,241 @@
+# Module Resolution
+
+APIs for resolving module imports and type reference directives with support for multiple resolution strategies.
+
+## Capabilities
+
+### Module Name Resolution
+
+Resolve module names to file paths.
+
+```typescript { .api }
+function resolveModuleName(
+  moduleName: string,
+  containingFile: string,
+  compilerOptions: CompilerOptions,
+  host: ModuleResolutionHost,
+  cache?: ModuleResolutionCache,
+  redirectedReference?: ResolvedProjectReference,
+  resolutionMode?: ResolutionMode
+): ResolvedModuleWithFailedLookupLocations;
+
+function nodeModuleNameResolver(
+  moduleName: string,
+  containingFile: string,
+  compilerOptions: CompilerOptions,
+  host: ModuleResolutionHost,
+  cache?: ModuleResolutionCache,
+  redirectedReference?: ResolvedProjectReference
+): ResolvedModuleWithFailedLookupLocations;
+
+function classicNameResolver(
+  moduleName: string,
+  containingFile: string,
+  compilerOptions: CompilerOptions,
+  host: ModuleResolutionHost,
+  cache?: NonRelativeModuleNameResolutionCache | undefined,
+  redirectedReference?: ResolvedProjectReference
+): ResolvedModuleWithFailedLookupLocations;
+
+function bundlerModuleNameResolver(
+  moduleName: string,
+  containingFile: string,
+  compilerOptions: CompilerOptions,
+  host: ModuleResolutionHost,
+  cache?: ModuleResolutionCache,
+  redirectedReference?: ResolvedProjectReference
+): ResolvedModuleWithFailedLookupLocations;
+```
+
+### Type Reference Directive Resolution
+
+Resolve type reference directives.
+
+```typescript { .api }
+function resolveTypeReferenceDirective(
+  typeReferenceDirectiveName: string,
+  containingFile: string | undefined,
+  compilerOptions: CompilerOptions,
+  host: ModuleResolutionHost,
+  redirectedReference?: ResolvedProjectReference,
+  cache?: TypeReferenceDirectiveResolutionCache,
+  resolutionMode?: ResolutionMode
+): ResolvedTypeReferenceDirectiveWithFailedLookupLocations;
+```
+
+### Module Resolution Host
+
+Interface for file system operations during resolution.
+
+```typescript { .api }
+interface ModuleResolutionHost {
+  fileExists(fileName: string): boolean;
+  readFile(fileName: string): string | undefined;
+  trace?(s: string): void;
+  directoryExists?(directoryName: string): boolean;
+  realpath?(path: string): string;
+  getCurrentDirectory?(): string;
+  getDirectories?(path: string): string[];
+  useCaseSensitiveFileNames?: boolean | (() => boolean) | undefined;
+}
+```
+
+### Resolved Module
+
+Result of module resolution.
+
+```typescript { .api }
+interface ResolvedModule {
+  resolvedFileName: string;
+  isExternalLibraryImport?: boolean;
+  resolvedUsingTsExtension?: boolean;
+}
+
+interface ResolvedModuleFull extends ResolvedModule {
+  extension: string;
+  packageId?: PackageId;
+}
+
+interface ResolvedModuleWithFailedLookupLocations {
+  readonly resolvedModule: ResolvedModuleFull | undefined;
+}
+
+interface PackageId {
+  name: string;
+  subModuleName: string;
+  version: string;
+}
+```
+
+### Type Reference Directive
+
+```typescript { .api }
+interface ResolvedTypeReferenceDirective {
+  primary: boolean;
+  resolvedFileName: string | undefined;
+  packageId?: PackageId;
+  isExternalLibraryImport?: boolean;
+}
+
+interface ResolvedTypeReferenceDirectiveWithFailedLookupLocations {
+  readonly resolvedTypeReferenceDirective: ResolvedTypeReferenceDirective | undefined;
+}
+```
+
+### Module Resolution Cache
+
+Cache for module resolution results.
+
+```typescript { .api }
+function createModuleResolutionCache(
+  currentDirectory: string,
+  getCanonicalFileName: (s: string) => string,
+  options?: CompilerOptions
+): ModuleResolutionCache;
+
+interface ModuleResolutionCache {
+  getPackageJsonInfoCache(): PackageJsonInfoCache;
+}
+
+function createTypeReferenceDirectiveResolutionCache(
+  currentDirectory: string,
+  getCanonicalFileName: (s: string) => string,
+  options?: CompilerOptions,
+  packageJsonInfoCache?: PackageJsonInfoCache
+): TypeReferenceDirectiveResolutionCache;
+
+interface TypeReferenceDirectiveResolutionCache {
+  getOrCreateCacheForDirectory(directoryName: string, redirectedReference?: ResolvedProjectReference): PerDirectoryResolutionCache<ResolvedTypeReferenceDirectiveWithFailedLookupLocations>;
+}
+```
+
+### File Extensions
+
+```typescript { .api }
+enum Extension {
+  Ts = ".ts",
+  Tsx = ".tsx",
+  Dts = ".d.ts",
+  Js = ".js",
+  Jsx = ".jsx",
+  Json = ".json",
+  TsBuildInfo = ".tsbuildinfo",
+  Mjs = ".mjs",
+  Mts = ".mts",
+  Dmts = ".d.mts",
+  Cjs = ".cjs",
+  Cts = ".cts",
+  Dcts = ".d.cts"
+}
+
+interface FileExtensionInfo {
+  extension: string;
+  isMixedContent: boolean;
+  scriptKind?: ScriptKind;
+}
+```
+
+### Resolution Mode
+
+```typescript { .api }
+type ResolutionMode = ModuleKind.CommonJS | ModuleKind.ESNext;
+
+function getModeForFileReference(ref: FileReference | string, containingFileMode: ResolutionMode): ResolutionMode;
+function getModeForUsageLocation(file: SourceFile, usage: StringLiteralLike): ResolutionMode;
+function getModeForResolutionAtIndex(file: SourceFile, index: number): ResolutionMode;
+```
+
+### Type Roots
+
+```typescript { .api }
+function getEffectiveTypeRoots(
+  options: CompilerOptions,
+  host: GetEffectiveTypeRootsHost
+): string[] | undefined;
+
+interface GetEffectiveTypeRootsHost {
+  directoryExists?(directoryName: string): boolean;
+  getCurrentDirectory?(): string;
+}
+```
+
+### Automatic Type Acquisition
+
+```typescript { .api }
+function getAutomaticTypeDirectiveNames(
+  options: CompilerOptions,
+  host: ModuleResolutionHost
+): string[];
+```
+
+## Usage Example
+
+Resolving a module name:
+
+```typescript
+import * as ts from 'typescript';
+
+const compilerOptions: ts.CompilerOptions = {
+  moduleResolution: ts.ModuleResolutionKind.NodeJs,
+  target: ts.ScriptTarget.ES2020,
+  module: ts.ModuleKind.CommonJS
+};
+
+const host: ts.ModuleResolutionHost = {
+  fileExists: (fileName: string) => ts.sys.fileExists(fileName),
+  readFile: (fileName: string) => ts.sys.readFile(fileName)
+};
+
+const result = ts.resolveModuleName(
+  'lodash',
+  '/project/src/index.ts',
+  compilerOptions,
+  host
+);
+
+if (result.resolvedModule) {
+  console.log('Resolved to:', result.resolvedModule.resolvedFileName);
+  console.log('Extension:', result.resolvedModule.extension);
+  console.log('Is external:', result.resolvedModule.isExternalLibraryImport);
+}
+```
diff --git a/.tessl/tiles/tessl/npm-typescript/docs/core/solution-builder.md b/.tessl/tiles/tessl/npm-typescript/docs/core/solution-builder.md
new file mode 100644
index 000000000..7c34e947e
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-typescript/docs/core/solution-builder.md
@@ -0,0 +1,401 @@
+# Solution Builder
+
+Solution Builder provides APIs for building TypeScript projects with project references, enabling efficient compilation of large codebases and monorepos through incremental builds and dependency management.
+
+## Capabilities
+
+### Solution Builder Creation
+
+Create solution builders for building projects with project references.
+
+```typescript { .api }
+/**
+ * Create a solution builder host for non-watch mode compilation
+ * @param system - System interface for file operations
+ * @param createProgram - Optional custom program creator
+ * @param reportDiagnostic - Optional diagnostic reporter
+ * @param reportSolutionBuilderStatus - Optional status reporter
+ * @param reportErrorSummary - Optional error summary reporter
+ * @returns Solution builder host instance
+ */
+function createSolutionBuilderHost<T extends BuilderProgram = EmitAndSemanticDiagnosticsBuilderProgram>(
+  system?: System,
+  createProgram?: CreateProgram<T>,
+  reportDiagnostic?: DiagnosticReporter,
+  reportSolutionBuilderStatus?: DiagnosticReporter,
+  reportErrorSummary?: ReportEmitErrorSummary
+): SolutionBuilderHost<T>;
+
+/**
+ * Create a solution builder host with file watching capabilities
+ * @param system - System interface for file operations
+ * @param createProgram - Optional custom program creator
+ * @param reportDiagnostic - Optional diagnostic reporter
+ * @param reportSolutionBuilderStatus - Optional status reporter
+ * @param reportWatchStatus - Optional watch status reporter
+ * @returns Solution builder host with watch capabilities
+ */
+function createSolutionBuilderWithWatchHost<T extends BuilderProgram = EmitAndSemanticDiagnosticsBuilderProgram>(
+  system?: System,
+  createProgram?: CreateProgram<T>,
+  reportDiagnostic?: DiagnosticReporter,
+  reportSolutionBuilderStatus?: DiagnosticReporter,
+  reportWatchStatus?: WatchStatusReporter
+): SolutionBuilderWithWatchHost<T>;
+
+/**
+ * Create a solution builder for building multiple projects
+ * @param host - Solution builder host
+ * @param rootNames - Array of project config file paths
+ * @param defaultOptions - Default build options
+ * @returns Solution builder instance
+ */
+function createSolutionBuilder<T extends BuilderProgram>(
+  host: SolutionBuilderHost<T>,
+  rootNames: readonly string[],
+  defaultOptions: BuildOptions
+): SolutionBuilder<T>;
+
+/**
+ * Create a solution builder with file watching
+ * @param host - Solution builder host with watch capabilities
+ * @param rootNames - Array of project config file paths
+ * @param defaultOptions - Default build options
+ * @param baseWatchOptions - Optional watch configuration
+ * @returns Solution builder instance with watch mode
+ */
+function createSolutionBuilderWithWatch<T extends BuilderProgram>(
+  host: SolutionBuilderWithWatchHost<T>,
+  rootNames: readonly string[],
+  defaultOptions: BuildOptions,
+  baseWatchOptions?: WatchOptions
+): SolutionBuilder<T>;
+
+/**
+ * Create a diagnostic reporter for builder status messages
+ * @param system - System interface for output
+ * @param pretty - Whether to use colored output
+ * @returns Diagnostic reporter function
+ */
+function createBuilderStatusReporter(
+  system: System,
+  pretty?: boolean
+): DiagnosticReporter;
+```
+
+**Usage Example:**
+
+```typescript
+import * as ts from 'typescript';
+
+// Create diagnostic reporter (simple function implementing DiagnosticReporter type)
+const diagnosticReporter: ts.DiagnosticReporter = (diagnostic) => {
+  console.error(ts.flattenDiagnosticMessageText(diagnostic.messageText, '\n'));
+};
+
+// Create a solution builder host
+const host = ts.createSolutionBuilderHost(
+  ts.sys,
+  undefined,
+  diagnosticReporter,
+  ts.createBuilderStatusReporter(ts.sys, true),
+  (errorCount) => console.log(`Errors: ${errorCount}`)
+);
+
+// Create the solution builder
+const builder = ts.createSolutionBuilder(
+  host,
+  ['./packages/app/tsconfig.json', './packages/lib/tsconfig.json'],
+  { verbose: true }
+);
+
+// Build all projects
+const exitStatus = builder.build();
+```
+
+### Solution Builder Interface
+
+Main interface for building and cleaning projects with project references.
+
+```typescript { .api }
+interface SolutionBuilder<T extends BuilderProgram> {
+  /**
+   * Build a specific project or all projects
+   * @param project - Optional project path to build (builds all if not specified)
+   * @param cancellationToken - Optional cancellation token
+   * @param writeFile - Optional custom file writer
+   * @param getCustomTransformers - Optional custom transformer provider
+   * @returns Exit status code
+   */
+  build(
+    project?: string,
+    cancellationToken?: CancellationToken,
+    writeFile?: WriteFileCallback,
+    getCustomTransformers?: (project: string) => CustomTransformers
+  ): ExitStatus;
+
+  /**
+   * Clean build outputs for a project or all projects
+   * @param project - Optional project path to clean (cleans all if not specified)
+   * @returns Exit status code
+   */
+  clean(project?: string): ExitStatus;
+
+  /**
+   * Build only the project references of a specific project
+   * @param project - Project path
+   * @param cancellationToken - Optional cancellation token
+   * @param writeFile - Optional custom file writer
+   * @param getCustomTransformers - Optional custom transformer provider
+   * @returns Exit status code
+   */
+  buildReferences(
+    project: string,
+    cancellationToken?: CancellationToken,
+    writeFile?: WriteFileCallback,
+    getCustomTransformers?: (project: string) => CustomTransformers
+  ): ExitStatus;
+
+  /**
+   * Clean build outputs for project references
+   * @param project - Optional project path
+   * @returns Exit status code
+   */
+  cleanReferences(project?: string): ExitStatus;
+
+  /**
+   * Get the next invalidated project that needs to be built
+   * @param cancellationToken - Optional cancellation token
+   * @returns Next invalidated project or undefined if all up-to-date
+   */
+  getNextInvalidatedProject(
+    cancellationToken?: CancellationToken
+  ): InvalidatedProject<T> | undefined;
+}
+```
+
+### Build Options
+
+Configuration options for solution builder builds.
+
+```typescript { .api }
+interface BuildOptions {
+  /** Perform a dry run without writing files */
+  dry?: boolean;
+  /** Force rebuild all projects even if up-to-date */
+  force?: boolean;
+  /** Enable verbose logging */
+  verbose?: boolean;
+  /** Stop building on first error */
+  stopBuildOnErrors?: boolean;
+  /** Enable incremental compilation */
+  incremental?: boolean;
+  /** Assume changes only affect direct dependencies */
+  assumeChangesOnlyAffectDirectDependencies?: boolean;
+  /** Emit declaration files */
+  declaration?: boolean;
+  /** Emit declaration source maps */
+  declarationMap?: boolean;
+  /** Only emit declaration files */
+  emitDeclarationOnly?: boolean;
+  /** Emit source maps */
+  sourceMap?: boolean;
+  /** Emit inline source maps */
+  inlineSourceMap?: boolean;
+  /** Enable trace resolution logging */
+  traceResolution?: boolean;
+  /** Additional compiler options */
+  [option: string]: CompilerOptionsValue | undefined;
+}
+```
+
+### Solution Builder Host
+
+Host interface providing file system operations for solution builder.
+
+```typescript { .api }
+interface SolutionBuilderHostBase<T extends BuilderProgram> extends ProgramHost<T> {
+  /** Create a directory */
+  createDirectory?(path: string): void;
+
+  /** Write a file to disk */
+  writeFile?(path: string, data: string, writeByteOrderMark?: boolean): void;
+
+  /** Get custom transformers for a project */
+  getCustomTransformers?: (project: string) => CustomTransformers | undefined;
+
+  /** Get the last modified time of a file */
+  getModifiedTime(fileName: string): Date | undefined;
+
+  /** Set the modified time of a file */
+  setModifiedTime(fileName: string, date: Date): void;
+
+  /** Delete a file */
+  deleteFile(fileName: string): void;
+
+  /** Get parsed command line for a project */
+  getParsedCommandLine?(fileName: string): ParsedCommandLine | undefined;
+
+  /** Report diagnostic messages */
+  reportDiagnostic: DiagnosticReporter;
+
+  /** Report solution builder status messages */
+  reportSolutionBuilderStatus: DiagnosticReporter;
+
+  /** Hook called after program emit and diagnostics */
+  afterProgramEmitAndDiagnostics?(program: T): void;
+}
+
+interface SolutionBuilderHost<T extends BuilderProgram> extends SolutionBuilderHostBase<T> {
+  /** Report error summary */
+  reportErrorSummary?: ReportEmitErrorSummary;
+}
+
+interface SolutionBuilderWithWatchHost<T extends BuilderProgram>
+  extends SolutionBuilderHostBase<T>, WatchHost {}
+
+type ReportEmitErrorSummary = (
+  errorCount: number,
+  filesInError: (ReportFileInError | undefined)[]
+) => void;
+
+interface ReportFileInError {
+  fileName: string;
+  line: number;
+}
+```
+
+### Invalidated Projects
+
+Interfaces for working with projects that need to be rebuilt.
+
+```typescript { .api }
+enum InvalidatedProjectKind {
+  /** Project needs to be built */
+  Build = 0,
+  /** Only output file timestamps need updating */
+  UpdateOutputFileStamps = 1
+}
+
+interface InvalidatedProjectBase {
+  /** Type of invalidation */
+  readonly kind: InvalidatedProjectKind;
+
+  /** Resolved config file name */
+  readonly project: ResolvedConfigFileName;
+
+  /**
+   * Complete building this project and update state
+   * @param cancellationToken - Optional cancellation token
+   * @param writeFile - Optional custom file writer
+   * @param customTransformers - Optional custom transformers
+   * @returns Exit status code
+   */
+  done(
+    cancellationToken?: CancellationToken,
+    writeFile?: WriteFileCallback,
+    customTransformers?: CustomTransformers
+  ): ExitStatus;
+
+  /** Get compiler options for this project */
+  getCompilerOptions(): CompilerOptions;
+
+  /** Get current directory for this project */
+  getCurrentDirectory(): string;
+}
+
+interface UpdateOutputFileStampsProject extends InvalidatedProjectBase {
+  readonly kind: InvalidatedProjectKind.UpdateOutputFileStamps;
+
+  /**
+   * Update output file timestamps without rebuilding
+   * @note Method name contains typo in TypeScript source (missing 'p' in "Stamps")
+   */
+  updateOutputFileStatmps(): void;
+}
+
+interface BuildInvalidedProject<T extends BuilderProgram> extends InvalidatedProjectBase {
+  readonly kind: InvalidatedProjectKind.Build;
+
+  /** Get the builder program */
+  getBuilderProgram(): T | undefined;
+
+  /** Get the program */
+  getProgram(): Program | undefined;
+
+  /** Get a source file by name */
+  getSourceFile(fileName: string): SourceFile | undefined;
+
+  /** Get all source files */
+  getSourceFiles(): readonly SourceFile[];
+
+  /** Get options diagnostics */
+  getOptionsDiagnostics(cancellationToken?: CancellationToken): readonly Diagnostic[];
+
+  /** Get global diagnostics */
+  getGlobalDiagnostics(cancellationToken?: CancellationToken): readonly Diagnostic[];
+
+  /** Get config file parsing diagnostics */
+  getConfigFileParsingDiagnostics(): readonly Diagnostic[];
+
+  /** Get syntactic diagnostics */
+  getSyntacticDiagnostics(
+    sourceFile?: SourceFile,
+    cancellationToken?: CancellationToken
+  ): readonly Diagnostic[];
+
+  /** Get all dependencies of a source file */
+  getAllDependencies(sourceFile: SourceFile): readonly string[];
+
+  /** Get semantic diagnostics */
+  getSemanticDiagnostics(
+    sourceFile?: SourceFile,
+    cancellationToken?: CancellationToken
+  ): readonly Diagnostic[];
+
+  /** Get semantic diagnostics of next affected file */
+  getSemanticDiagnosticsOfNextAffectedFile(
+    cancellationToken?: CancellationToken,
+    ignoreSourceFile?: (sourceFile: SourceFile) => boolean
+  ): AffectedFileResult<readonly Diagnostic[]>;
+
+  /** Emit JavaScript and declaration files */
+  emit(
+    targetSourceFile?: SourceFile,
+    writeFile?: WriteFileCallback,
+    cancellationToken?: CancellationToken,
+    emitOnlyDtsFiles?: boolean,
+    customTransformers?: CustomTransformers
+  ): EmitResult | undefined;
+}
+
+type InvalidatedProject<T extends BuilderProgram> =
+  | UpdateOutputFileStampsProject
+  | BuildInvalidedProject<T>;
+```
+
+### Utilities
+
+Utility functions for working with solution builder.
+
+```typescript { .api }
+/**
+ * Check if command line arguments indicate a build command
+ * @param commandLineArgs - Command line arguments
+ * @returns True if this is a --build command
+ */
+function isBuildCommand(commandLineArgs: readonly string[]): boolean;
+```
+
+**Usage Example:**
+
+```typescript
+import * as ts from 'typescript';
+
+// Check if this is a build command
+if (ts.isBuildCommand(process.argv.slice(2))) {
+  // Parse as build command
+  const parsedBuildCommand = ts.parseBuildCommand(process.argv.slice(2));
+  // ... create solution builder and build
+}
+```
diff --git a/.tessl/tiles/tessl/npm-typescript/docs/index.md b/.tessl/tiles/tessl/npm-typescript/docs/index.md
new file mode 100644
index 000000000..927172ee5
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-typescript/docs/index.md
@@ -0,0 +1,373 @@
+# TypeScript Compiler API
+
+TypeScript v5.9.3 provides a comprehensive compiler API with 1,683+ public API members for programmatically analyzing, transforming, and emitting JavaScript code.
+
+## Quick Start
+
+### Installation and Import
+
+```typescript
+import * as ts from 'typescript';
+// or
+const ts = require('typescript');
+```
+
+### Essential Pattern
+
+```typescript { .api }
+import * as ts from 'typescript';
+
+// 1. Parse source code into AST
+const sourceFile = ts.createSourceFile(
+  'example.ts',
+  'const x: number = 42;',
+  ts.ScriptTarget.Latest,
+  true
+);
+
+// 2. Create program for type checking
+const program = ts.createProgram({
+  rootNames: ['example.ts'],
+  options: { target: ts.ScriptTarget.ES2020 }
+});
+
+// 3. Get type checker
+const checker = program.getTypeChecker();
+
+// 4. Traverse AST
+function visit(node: ts.Node) {
+  console.log(ts.SyntaxKind[node.kind]);
+  ts.forEachChild(node, visit);
+}
+visit(sourceFile);
+
+// 5. Emit JavaScript
+const emitResult = program.emit();
+```
+
+## Common Tasks
+
+### Task: Parse and Analyze Code
+
+**Goal**: Parse TypeScript source code and analyze its structure.
+
+**Pattern**:
+1. Use `createSourceFile()` to parse code into AST
+2. Use `createProgram()` for type checking
+3. Use `program.getTypeChecker()` for type analysis
+4. Traverse AST with `forEachChild()` or `visitNode()`
+
+**APIs**:
+- `createSourceFile()` - Parse source text into AST
+- `createProgram()` - Create compilation program
+- `program.getTypeChecker()` - Get type checker for semantic analysis
+- `forEachChild()` - Traverse AST nodes
+
+**See**: [Core Compilation APIs](./core/compilation.md) | [AST Nodes](./ast/nodes.md) | [Type System](./types/type-checker.md)
+
+### Task: Transform Code
+
+**Goal**: Modify TypeScript code programmatically.
+
+**Pattern**:
+1. Create transformer factory function
+2. Use `transform()` or integrate with `program.emit()` via `CustomTransformers`
+3. Use `TransformationContext.factory` to create/modify nodes
+4. Use `visitEachChild()` to traverse and transform
+
+**APIs**:
+- `transform()` - Apply transformers to source files
+- `TransformerFactory` - Create custom transformers
+- `TransformationContext.factory` - Node factory for transformations
+- `visitEachChild()` - Visit and transform child nodes
+
+**See**: [Transformation](./transformation/transformers.md) | [Node Factory](./ast/factory.md)
+
+### Task: Generate Code
+
+**Goal**: Programmatically generate TypeScript code.
+
+**Pattern**:
+1. Use `factory` constant to create AST nodes
+2. Build complete AST structure
+3. Use `Printer` to convert AST to source code
+4. Or use `program.emit()` to generate JavaScript
+
+**APIs**:
+- `factory` - Node factory (300+ methods)
+- `createPrinter()` - Create printer for AST to source conversion
+- `program.emit()` - Emit JavaScript output
+
+**See**: [Node Factory](./ast/factory.md) | [Utilities](./utilities/printer.md)
+
+### Task: Provide IDE Features
+
+**Goal**: Implement editor features like completions, diagnostics, refactorings.
+
+**Pattern**:
+1. Create `LanguageServiceHost` implementation
+2. Use `createLanguageService()` to create service
+3. Call methods like `getCompletionsAtPosition()`, `getQuickInfoAtPosition()`
+4. Update host when files change
+
+**APIs**:
+- `createLanguageService()` - Create language service
+- `LanguageService` - 100+ methods for IDE features
+- `LanguageServiceHost` - Host interface for file operations
+
+**See**: [Language Service](./language-service/api.md)
+
+### Task: Resolve Modules
+
+**Goal**: Resolve module imports and type references.
+
+**Pattern**:
+1. Use `resolveModuleName()` for module resolution
+2. Use `resolveTypeReferenceDirective()` for type references
+3. Implement `ModuleResolutionHost` for file system operations
+4. Use `ModuleResolutionCache` for performance
+
+**APIs**:
+- `resolveModuleName()` - Resolve module imports
+- `resolveTypeReferenceDirective()` - Resolve type references
+- `ModuleResolutionHost` - File system interface
+
+**See**: [Module Resolution](./core/module-resolution.md)
+
+### Task: Build Projects
+
+**Goal**: Build TypeScript projects with incremental compilation.
+
+**Pattern**:
+1. Use `createSolutionBuilder()` for multi-project builds
+2. Configure project references in tsconfig.json
+3. Use incremental compilation with `BuilderProgram`
+4. Handle diagnostics and emit results
+
+**APIs**:
+- `createSolutionBuilder()` - Multi-project builds
+- `createIncrementalProgram()` - Incremental compilation
+- `BuilderProgram` - Incremental program interface
+
+**See**: [Solution Builder](./core/solution-builder.md) | [Core Compilation](./core/compilation.md)
+
+## Core Architecture
+
+TypeScript's compiler API consists of these major subsystems:
+
+1. **Parser & Scanner**: Lexical analysis and AST construction
+2. **Binder**: Symbol creation and scope analysis
+3. **Type Checker**: Type inference, checking, and semantic analysis
+4. **Transformer**: AST transformation pipeline
+5. **Emitter**: JavaScript and declaration file generation
+6. **Language Service**: Editor integration (completions, diagnostics, refactorings)
+7. **Module Resolution**: Resolving imports and type references
+8. **Server Protocol**: TSServer communication
+
+## API Reference by Category
+
+### Core Compilation
+- [Compilation APIs](./core/compilation.md) - Program creation, compilation, emit
+- [Module Resolution](./core/module-resolution.md) - Import and type resolution
+- [Solution Builder](./core/solution-builder.md) - Multi-project builds
+- [Configuration Parsing](./core/config.md) - tsconfig.json parsing
+
+### AST Manipulation
+- [AST Nodes](./ast/nodes.md) - Node types and traversal (359 syntax kinds)
+- [Node Factory](./ast/factory.md) - Creating AST nodes (300+ methods)
+- [Scanner and Parser](./ast/scanner-parser.md) - Lexical analysis and parsing
+- [Type Guards](./ast/type-guards.md) - Type guard functions for all node types
+
+### Type System
+- [Type Checker](./types/type-checker.md) - TypeChecker API (150+ methods)
+- [Types and Symbols](./types/types-symbols.md) - Type and Symbol interfaces
+- [Type Utilities](./types/utilities.md) - Type analysis utilities
+- [Diagnostics](./types/diagnostics.md) - Error reporting and diagnostics
+
+### Code Transformation
+- [Transformers](./transformation/transformers.md) - AST transformation pipeline
+- [Transformation Context](./transformation/context.md) - Transformation context API
+- [Emit Helpers](./transformation/emit-helpers.md) - Runtime helper utilities
+
+### Editor Integration
+- [Language Service](./language-service/api.md) - IDE features (100+ methods)
+- [Completions](./language-service/completions.md) - Code completion APIs
+- [Navigation](./language-service/navigation.md) - Go to definition, find references
+- [Refactorings](./language-service/refactorings.md) - Code refactoring APIs
+- [Formatting](./language-service/formatting.md) - Code formatting APIs
+- [TSServer Protocol](./language-service/tsserver.md) - Language server protocol
+
+### Utilities
+- [System Interface](./utilities/system.md) - File system operations
+- [Printer](./utilities/printer.md) - AST to source code conversion
+- [Transpilation](./utilities/transpilation.md) - Quick TypeScript to JavaScript conversion
+- [Path Utilities](./utilities/paths.md) - Path manipulation functions
+- [Text Utilities](./utilities/text.md) - Text and position utilities
+
+## Essential APIs
+
+### Program Creation
+
+```typescript { .api }
+function createProgram(
+  rootNames: readonly string[],
+  options: CompilerOptions,
+  host?: CompilerHost,
+  oldProgram?: Program,
+  configFileParsingDiagnostics?: readonly Diagnostic[]
+): Program;
+
+interface Program {
+  getRootFileNames(): readonly string[];
+  getSourceFiles(): readonly SourceFile[];
+  getSourceFile(fileName: string): SourceFile | undefined;
+  getTypeChecker(): TypeChecker;
+  emit(
+    targetSourceFile?: SourceFile,
+    writeFile?: WriteFileCallback,
+    cancellationToken?: CancellationToken,
+    emitOnlyDtsFiles?: boolean,
+    customTransformers?: CustomTransformers
+  ): EmitResult;
+  getSemanticDiagnostics(sourceFile?: SourceFile): readonly Diagnostic[];
+  getSyntacticDiagnostics(sourceFile?: SourceFile): readonly Diagnostic[];
+  getCompilerOptions(): CompilerOptions;
+}
+```
+
+### AST Nodes and Traversal
+
+```typescript { .api }
+enum SyntaxKind {
+  Unknown = 0,
+  Identifier = 80,
+  // ... 359 syntax kinds total
+}
+
+interface Node {
+  readonly kind: SyntaxKind;
+  readonly flags: NodeFlags;
+  readonly parent: Node;
+  getSourceFile(): SourceFile;
+  getText(sourceFile?: SourceFile): string;
+  forEachChild<T>(cbNode: (node: Node) => T | undefined): T | undefined;
+}
+
+function forEachChild<T>(
+  node: Node,
+  cbNode: (node: Node) => T | undefined
+): T | undefined;
+```
+
+### Type System
+
+```typescript { .api }
+interface TypeChecker {
+  getTypeAtLocation(node: Node): Type;
+  getSymbolAtLocation(node: Node): Symbol | undefined;
+  getTypeOfSymbolAtLocation(symbol: Symbol, node: Node): Type;
+  getPropertiesOfType(type: Type): Symbol[];
+  getSignaturesOfType(type: Type, kind: SignatureKind): readonly Signature[];
+  typeToString(type: Type, enclosingDeclaration?: Node, flags?: TypeFormatFlags): string;
+  // ... 150+ more methods
+}
+
+interface Type {
+  flags: TypeFlags;
+  symbol: Symbol;
+  getProperties(): Symbol[];
+  getCallSignatures(): readonly Signature[];
+}
+```
+
+### Node Factory
+
+```typescript { .api }
+const factory: NodeFactory;
+
+interface NodeFactory {
+  createSourceFile(statements: readonly Statement[], endOfFileToken: EndOfFileToken, flags: NodeFlags): SourceFile;
+  createIdentifier(text: string): Identifier;
+  createVariableStatement(modifiers: readonly Modifier[] | undefined, declarationList: VariableDeclarationList): VariableStatement;
+  createFunctionDeclaration(modifiers: readonly ModifierLike[] | undefined, asteriskToken: AsteriskToken | undefined, name: string | Identifier | undefined, typeParameters: readonly TypeParameterDeclaration[] | undefined, parameters: readonly ParameterDeclaration[], type: TypeNode | undefined, body: Block | undefined): FunctionDeclaration;
+  // ... 300+ more factory functions
+}
+```
+
+### Language Service
+
+```typescript { .api }
+function createLanguageService(
+  host: LanguageServiceHost,
+  documentRegistry?: DocumentRegistry,
+  syntaxOnlyOrLanguageServiceMode?: boolean | LanguageServiceMode
+): LanguageService;
+
+interface LanguageService {
+  getCompletionsAtPosition(fileName: string, position: number, options?: GetCompletionsAtPositionOptions): WithMetadata<CompletionInfo> | undefined;
+  getQuickInfoAtPosition(fileName: string, position: number): QuickInfo | undefined;
+  getDefinitionAtPosition(fileName: string, position: number): readonly DefinitionInfo[] | undefined;
+  findReferences(fileName: string, position: number): ReferencedSymbol[] | undefined;
+  getApplicableRefactors(fileName: string, positionOrRange: number | TextRange, preferences?: UserPreferences): ApplicableRefactorInfo[];
+  // ... 100+ more methods
+}
+```
+
+### Transformation
+
+```typescript { .api }
+type TransformerFactory<T extends Node> = (
+  context: TransformationContext
+) => Transformer<T>;
+
+type Transformer<T extends Node> = (node: T) => T;
+
+interface TransformationContext {
+  factory: NodeFactory;
+  getCompilerOptions(): CompilerOptions;
+  hoistFunctionDeclaration(node: FunctionDeclaration): void;
+  hoistVariableDeclaration(node: Identifier): void;
+  requestEmitHelper(helper: EmitHelper): void;
+  enableSubstitution(kind: SyntaxKind): void;
+  enableEmitNotification(kind: SyntaxKind): void;
+}
+
+function transform<T extends Node>(
+  source: T | T[],
+  transformers: TransformerFactory<T>[],
+  compilerOptions?: CompilerOptions
+): TransformationResult<T>;
+```
+
+## Key Enumerations
+
+- `SyntaxKind` (359 values) - All AST node types
+- `TypeFlags` - Type classification flags
+- `SymbolFlags` - Symbol classification flags
+- `ScriptTarget` - JavaScript target versions
+- `ModuleKind` - Module system types
+- `ModuleResolutionKind` - Module resolution strategies
+- `DiagnosticCategory` - Error, Warning, Suggestion, Message
+- `NodeFlags` - Node metadata flags
+
+## Version Information
+
+TypeScript v5.9.3 includes:
+- 64 enumerations
+- 803 interfaces
+- 269 type aliases
+- 510 functions
+- 21 constants
+- 10 classes
+- 6 namespaces
+
+## Getting Help
+
+For specific tasks:
+- **Parsing code**: See [Scanner and Parser](./ast/scanner-parser.md)
+- **Type checking**: See [Type System](./types/type-checker.md)
+- **Code transformation**: See [Transformation](./transformation/transformers.md)
+- **Building projects**: See [Solution Builder](./core/solution-builder.md)
+- **IDE features**: See [Language Service](./language-service/api.md)
+- **Module resolution**: See [Module Resolution](./core/module-resolution.md)
+
diff --git a/.tessl/tiles/tessl/npm-typescript/docs/language-service/api.md b/.tessl/tiles/tessl/npm-typescript/docs/language-service/api.md
new file mode 100644
index 000000000..5932d909d
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-typescript/docs/language-service/api.md
@@ -0,0 +1,811 @@
+# Language Service
+
+Language Service APIs for editor integration features including code completions, diagnostics, refactorings, and navigation. The LanguageService interface provides 100+ methods for IDE functionality.
+
+## Capabilities
+
+### Language Service Creation
+
+```typescript { .api }
+function createLanguageService(
+  host: LanguageServiceHost,
+  documentRegistry?: DocumentRegistry,
+  syntaxOnlyOrLanguageServiceMode?: boolean | LanguageServiceMode
+): LanguageService;
+
+function createDocumentRegistry(
+  useCaseSensitiveFileNames?: boolean,
+  currentDirectory?: string
+): DocumentRegistry;
+
+enum LanguageServiceMode {
+  Semantic = 0,
+  PartialSemantic = 1,
+  Syntactic = 2
+}
+
+interface DocumentRegistry {
+  acquireDocument(
+    fileName: string,
+    compilationSettingsOrHost: CompilerOptions | MinimalResolutionCacheHost,
+    scriptSnapshot: IScriptSnapshot,
+    version: string,
+    scriptKind?: ScriptKind,
+    sourceFileOptions?: CreateSourceFileOptions | ScriptTarget
+  ): SourceFile;
+
+  acquireDocumentWithKey(
+    fileName: string,
+    path: Path,
+    compilationSettingsOrHost: CompilerOptions | MinimalResolutionCacheHost,
+    key: DocumentRegistryBucketKey,
+    scriptSnapshot: IScriptSnapshot,
+    version: string,
+    scriptKind?: ScriptKind,
+    sourceFileOptions?: CreateSourceFileOptions | ScriptTarget
+  ): SourceFile;
+
+  updateDocument(
+    fileName: string,
+    compilationSettingsOrHost: CompilerOptions | MinimalResolutionCacheHost,
+    scriptSnapshot: IScriptSnapshot,
+    version: string,
+    scriptKind?: ScriptKind,
+    sourceFileOptions?: CreateSourceFileOptions | ScriptTarget
+  ): SourceFile;
+
+  updateDocumentWithKey(
+    fileName: string,
+    path: Path,
+    compilationSettingsOrHost: CompilerOptions | MinimalResolutionCacheHost,
+    key: DocumentRegistryBucketKey,
+    scriptSnapshot: IScriptSnapshot,
+    version: string,
+    scriptKind?: ScriptKind,
+    sourceFileOptions?: CreateSourceFileOptions | ScriptTarget
+  ): SourceFile;
+
+  releaseDocument(
+    fileName: string,
+    compilationSettings: CompilerOptions,
+    scriptKind?: ScriptKind,
+    impliedNodeFormat?: ResolutionMode
+  ): void;
+
+  releaseDocumentWithKey(
+    path: Path,
+    key: DocumentRegistryBucketKey,
+    scriptKind?: ScriptKind,
+    impliedNodeFormat?: ResolutionMode
+  ): void;
+
+  reportStats(): string;
+}
+```
+
+### Language Service Interface
+
+Main interface for editor functionality.
+
+```typescript { .api }
+interface LanguageService {
+  /* Cleanup */
+  cleanupSemanticCache(): void;
+  dispose(): void;
+  
+  /* Diagnostics */
+  getSyntacticDiagnostics(fileName: string): DiagnosticWithLocation[];
+  getSemanticDiagnostics(fileName: string): Diagnostic[];
+  getSuggestionDiagnostics(fileName: string): DiagnosticWithLocation[];
+  getCompilerOptionsDiagnostics(): Diagnostic[];
+  
+  /* Completions */
+  getCompletionsAtPosition(
+    fileName: string,
+    position: number,
+    options: GetCompletionsAtPositionOptions | undefined,
+    formattingSettings?: FormatCodeSettings
+  ): WithMetadata<CompletionInfo> | undefined;
+  
+  getCompletionEntryDetails(
+    fileName: string,
+    position: number,
+    entryName: string,
+    formatOptions: FormatCodeOptions | FormatCodeSettings | undefined,
+    source: string | undefined,
+    preferences: UserPreferences | undefined,
+    data: CompletionEntryData | undefined
+  ): CompletionEntryDetails | undefined;
+  
+  getCompletionEntrySymbol(
+    fileName: string,
+    position: number,
+    name: string,
+    source: string | undefined
+  ): Symbol | undefined;
+  
+  /* Quick Info */
+  getQuickInfoAtPosition(
+    fileName: string,
+    position: number,
+    maximumLength?: number
+  ): QuickInfo | undefined;
+  
+  getNameOrDottedNameSpan(
+    fileName: string,
+    startPos: number,
+    endPos: number
+  ): TextSpan | undefined;
+  
+  getBreakpointStatementAtPosition(
+    fileName: string,
+    position: number
+  ): TextSpan | undefined;
+  
+  /* Signature Help */
+  getSignatureHelpItems(
+    fileName: string,
+    position: number,
+    options: SignatureHelpItemsOptions | undefined
+  ): SignatureHelpItems | undefined;
+  
+  /* Rename */
+  getRenameInfo(
+    fileName: string,
+    position: number,
+    preferences: UserPreferences
+  ): RenameInfo;
+  
+  findRenameLocations(
+    fileName: string,
+    position: number,
+    findInStrings: boolean,
+    findInComments: boolean,
+    preferences: UserPreferences
+  ): readonly RenameLocation[] | undefined;
+  
+  getSmartSelectionRange(
+    fileName: string,
+    position: number
+  ): SelectionRange;
+  
+  /* Definitions */
+  getDefinitionAtPosition(
+    fileName: string,
+    position: number
+  ): readonly DefinitionInfo[] | undefined;
+  
+  getDefinitionAndBoundSpan(
+    fileName: string,
+    position: number
+  ): DefinitionInfoAndBoundSpan | undefined;
+  
+  getTypeDefinitionAtPosition(
+    fileName: string,
+    position: number
+  ): readonly DefinitionInfo[] | undefined;
+  
+  getImplementationAtPosition(
+    fileName: string,
+    position: number
+  ): readonly ImplementationLocation[] | undefined;
+  
+  /* References */
+  getReferencesAtPosition(
+    fileName: string,
+    position: number
+  ): ReferenceEntry[] | undefined;
+  
+  findReferences(
+    fileName: string,
+    position: number
+  ): ReferencedSymbol[] | undefined;
+  
+  getDocumentHighlights(
+    fileName: string,
+    position: number,
+    filesToSearch: string[]
+  ): DocumentHighlights[] | undefined;
+  
+  getFileReferences(fileName: string): ReferenceEntry[];
+  
+  /* Navigation */
+  getNavigateToItems(
+    searchValue: string,
+    maxResultCount?: number,
+    fileName?: string,
+    excludeDtsFiles?: boolean,
+    excludeLibFiles?: boolean
+  ): NavigateToItem[];
+  
+  getNavigationBarItems(fileName: string): NavigationBarItem[];
+  getNavigationTree(fileName: string): NavigationTree;
+  
+  /* Call Hierarchy */
+  prepareCallHierarchy(
+    fileName: string,
+    position: number
+  ): CallHierarchyItem | CallHierarchyItem[] | undefined;
+  
+  provideCallHierarchyIncomingCalls(
+    fileName: string,
+    position: number
+  ): CallHierarchyIncomingCall[];
+  
+  provideCallHierarchyOutgoingCalls(
+    fileName: string,
+    position: number
+  ): CallHierarchyOutgoingCall[];
+  
+  /* Inlay Hints */
+  provideInlayHints(
+    fileName: string,
+    span: TextSpan,
+    preferences: UserPreferences | undefined
+  ): InlayHint[];
+  
+  /* Outlining */
+  getOutliningSpans(fileName: string): OutliningSpan[];
+  
+  /* TODOs */
+  getTodoComments(
+    fileName: string,
+    descriptors: TodoCommentDescriptor[]
+  ): TodoComment[];
+  
+  /* Brace Matching */
+  getBraceMatchingAtPosition(
+    fileName: string,
+    position: number
+  ): TextSpan[];
+  
+  /* Indentation */
+  getIndentationAtPosition(
+    fileName: string,
+    position: number,
+    options: EditorOptions | EditorSettings
+  ): number;
+  
+  /* Formatting */
+  getFormattingEditsForRange(
+    fileName: string,
+    start: number,
+    end: number,
+    options: FormatCodeOptions | FormatCodeSettings
+  ): TextChange[];
+  
+  getFormattingEditsForDocument(
+    fileName: string,
+    options: FormatCodeOptions | FormatCodeSettings
+  ): TextChange[];
+  
+  getFormattingEditsAfterKeystroke(
+    fileName: string,
+    position: number,
+    key: string,
+    options: FormatCodeOptions | FormatCodeSettings
+  ): TextChange[];
+  
+  /* JSDoc */
+  getDocCommentTemplateAtPosition(
+    fileName: string,
+    position: number,
+    options?: DocCommentTemplateOptions,
+    formatOptions?: FormatCodeSettings
+  ): TextInsertion | undefined;
+  
+  /* Brace Completion */
+  isValidBraceCompletionAtPosition(
+    fileName: string,
+    position: number,
+    openingBrace: number
+  ): boolean;
+  
+  /* JSX */
+  getJsxClosingTagAtPosition(
+    fileName: string,
+    position: number
+  ): JsxClosingTagInfo | undefined;
+  
+  /* Linked Editing */
+  getLinkedEditingRangeAtPosition(
+    fileName: string,
+    position: number
+  ): LinkedEditingInfo | undefined;
+  
+  /* Span of Comment */
+  getSpanOfEnclosingComment(
+    fileName: string,
+    position: number,
+    onlyMultiLine: boolean
+  ): TextSpan | undefined;
+  
+  /* Position Conversion */
+  toLineColumnOffset?(
+    fileName: string,
+    position: number
+  ): LineAndCharacter;
+  
+  /* Code Fixes */
+  getCodeFixesAtPosition(
+    fileName: string,
+    start: number,
+    end: number,
+    errorCodes: readonly number[],
+    formatOptions: FormatCodeSettings,
+    preferences: UserPreferences
+  ): readonly CodeFixAction[];
+  
+  getCombinedCodeFix(
+    scope: CombinedCodeFixScope,
+    fixId: {},
+    formatOptions: FormatCodeSettings,
+    preferences: UserPreferences
+  ): CombinedCodeActions;
+  
+  applyCodeActionCommand(
+    action: CodeActionCommand | CodeActionCommand[],
+    formatSettings?: FormatCodeSettings
+  ): Promise<ApplyCodeActionCommandResult | ApplyCodeActionCommandResult[]>;
+  
+  getSupportedCodeFixes(fileName?: string): readonly string[];
+  
+  /* Refactorings */
+  getApplicableRefactors(
+    fileName: string,
+    positionOrRange: number | TextRange,
+    preferences: UserPreferences | undefined,
+    triggerReason?: RefactorTriggerReason,
+    kind?: string,
+    includeInteractiveActions?: boolean
+  ): ApplicableRefactorInfo[];
+  
+  getEditsForRefactor(
+    fileName: string,
+    formatOptions: FormatCodeSettings,
+    positionOrRange: number | TextRange,
+    refactorName: string,
+    actionName: string,
+    preferences: UserPreferences | undefined,
+    interactiveRefactorArguments?: InteractiveRefactorArguments
+  ): RefactorEditInfo | undefined;
+  
+  getMoveToRefactoringFileSuggestions(
+    fileName: string,
+    positionOrRange: number | TextRange,
+    preferences: UserPreferences | undefined,
+    triggerReason?: RefactorTriggerReason,
+    kind?: string
+  ): { newFileName: string; files: string[] };
+  
+  /* Organize Imports */
+  organizeImports(
+    args: OrganizeImportsArgs,
+    formatOptions: FormatCodeSettings,
+    preferences: UserPreferences | undefined
+  ): readonly FileTextChanges[];
+  
+  /* File Rename */
+  getEditsForFileRename(
+    oldFilePath: string,
+    newFilePath: string,
+    formatOptions: FormatCodeSettings,
+    preferences: UserPreferences | undefined
+  ): readonly FileTextChanges[];
+  
+  /* Emit */
+  getEmitOutput(
+    fileName: string,
+    emitOnlyDtsFiles?: boolean,
+    forceDtsEmit?: boolean
+  ): EmitOutput;
+  
+  getProgram(): Program | undefined;
+  
+  /* Comments */
+  toggleLineComment(fileName: string, textRange: TextRange): TextChange[];
+  toggleMultilineComment(fileName: string, textRange: TextRange): TextChange[];
+  commentSelection(fileName: string, textRange: TextRange): TextChange[];
+  uncommentSelection(fileName: string, textRange: TextRange): TextChange[];
+  
+  /* Paste Edits */
+  preparePasteEditsForFile(fileName: string, copiedTextRanges: TextRange[]): boolean;
+  getPasteEdits(args: PasteEditsArgs, formatOptions: FormatCodeSettings): PasteEdits;
+  
+  /* Classifications */
+  getSyntacticClassifications(
+    fileName: string,
+    span: TextSpan,
+    format: SemanticClassificationFormat
+  ): ClassifiedSpan[] | ClassifiedSpan2020[];
+  
+  getSemanticClassifications(
+    fileName: string,
+    span: TextSpan,
+    format: SemanticClassificationFormat
+  ): ClassifiedSpan[] | ClassifiedSpan2020[];
+  
+  getEncodedSyntacticClassifications(
+    fileName: string,
+    span: TextSpan
+  ): Classifications;
+  
+  getEncodedSemanticClassifications(
+    fileName: string,
+    span: TextSpan,
+    format?: SemanticClassificationFormat
+  ): Classifications;
+}
+```
+
+### Language Service Host
+
+Host interface for file system operations.
+
+```typescript { .api }
+interface LanguageServiceHost extends GetEffectiveTypeRootsHost, MinimalResolutionCacheHost {
+  getCompilationSettings(): CompilerOptions;
+  getNewLine?(): string;
+  getProjectVersion?(): string;
+  getScriptFileNames(): string[];
+  getScriptKind?(fileName: string): ScriptKind;
+  getScriptVersion(fileName: string): string;
+  getScriptSnapshot(fileName: string): IScriptSnapshot | undefined;
+  getProjectReferences?(): readonly ProjectReference[] | undefined;
+  getLocalizedDiagnosticMessages?(): any;
+  getCancellationToken?(): HostCancellationToken;
+  getCurrentDirectory(): string;
+  getDefaultLibFileName(options: CompilerOptions): string;
+  log?(s: string): void;
+  trace?(s: string): void;
+  error?(s: string): void;
+  useCaseSensitiveFileNames?(): boolean;
+  readDirectory?(
+    path: string,
+    extensions?: readonly string[],
+    exclude?: readonly string[],
+    include?: readonly string[],
+    depth?: number
+  ): string[];
+  realpath?(path: string): string;
+  readFile(path: string, encoding?: string): string | undefined;
+  fileExists(path: string): boolean;
+  getTypeRootsVersion?(): number;
+  resolveModuleNameLiterals?(
+    moduleLiterals: readonly StringLiteralLike[],
+    containingFile: string,
+    redirectedReference: ResolvedProjectReference | undefined,
+    options: CompilerOptions,
+    containingSourceFile: SourceFile,
+    reusedNames: readonly StringLiteralLike[] | undefined
+  ): readonly ResolvedModuleWithFailedLookupLocations[];
+  getResolvedModuleWithFailedLookupLocationsFromCache?(
+    modulename: string,
+    containingFile: string,
+    resolutionMode?: ResolutionMode
+  ): ResolvedModuleWithFailedLookupLocations | undefined;
+  resolveTypeReferenceDirectiveReferences?<T extends FileReference | string>(
+    typeDirectiveReferences: readonly T[],
+    containingFile: string,
+    redirectedReference: ResolvedProjectReference | undefined,
+    options: CompilerOptions,
+    containingSourceFile: SourceFile | undefined,
+    reusedNames: readonly T[] | undefined
+  ): readonly ResolvedTypeReferenceDirectiveWithFailedLookupLocations[];
+  getDirectories?(directoryName: string): string[];
+  getCustomTransformers?(): CustomTransformers | undefined;
+  isKnownTypesPackageName?(name: string): boolean;
+  installPackage?(options: InstallPackageOptions): Promise<ApplyCodeActionCommandResult>;
+  writeFile?(fileName: string, content: string): void;
+  getParsedCommandLine?(fileName: string): ParsedCommandLine | undefined;
+  jsDocParsingMode?: JSDocParsingMode | undefined;
+}
+```
+
+### Completion Info
+
+```typescript { .api }
+interface CompletionInfo {
+  flags?: CompletionInfoFlags;
+  isGlobalCompletion: boolean;
+  isMemberCompletion: boolean;
+  isNewIdentifierLocation: boolean;
+  optionalReplacementSpan?: TextSpan;
+  isIncomplete?: boolean;
+  entries: CompletionEntry[];
+}
+
+interface CompletionEntry {
+  name: string;
+  kind: ScriptElementKind;
+  kindModifiers?: string;
+  sortText: string;
+  insertText?: string;
+  filterText?: string;
+  isSnippet?: boolean;
+  replacementSpan?: TextSpan;
+  hasAction?: true;
+  source?: string;
+  sourceDisplay?: SymbolDisplayPart[];
+  labelDetails?: CompletionEntryLabelDetails;
+  isRecommended?: true;
+  isFromUncheckedFile?: true;
+  isPackageJsonImport?: true;
+  isImportStatementCompletion?: true;
+  data?: CompletionEntryData;
+}
+
+interface CompletionEntryDetails {
+  name: string;
+  kind: ScriptElementKind;
+  kindModifiers: string;
+  displayParts: SymbolDisplayPart[];
+  documentation?: SymbolDisplayPart[];
+  tags?: JSDocTagInfo[];
+  codeActions?: CodeAction[];
+  source?: SymbolDisplayPart[];
+  sourceDisplay?: SymbolDisplayPart[];
+}
+
+interface GetCompletionsAtPositionOptions extends UserPreferences {
+  triggerCharacter?: CompletionsTriggerCharacter;
+  triggerKind?: CompletionTriggerKind;
+  includeSymbol?: boolean;
+}
+
+enum CompletionTriggerKind {
+  Invoked = 1,
+  TriggerCharacter = 2,
+  TriggerForIncompleteCompletions = 3
+}
+```
+
+### Signature Help
+
+```typescript { .api }
+interface SignatureHelpItems {
+  items: SignatureHelpItem[];
+  applicableSpan: TextSpan;
+  selectedItemIndex: number;
+  argumentIndex: number;
+  argumentCount: number;
+}
+
+interface SignatureHelpItem {
+  isVariadic: boolean;
+  prefixDisplayParts: SymbolDisplayPart[];
+  suffixDisplayParts: SymbolDisplayPart[];
+  separatorDisplayParts: SymbolDisplayPart[];
+  parameters: SignatureHelpParameter[];
+  documentation: SymbolDisplayPart[];
+  tags: JSDocTagInfo[];
+}
+
+interface SignatureHelpParameter {
+  name: string;
+  documentation: SymbolDisplayPart[];
+  displayParts: SymbolDisplayPart[];
+  isOptional: boolean;
+  isRest?: boolean;
+}
+```
+
+### Quick Info
+
+```typescript { .api }
+interface QuickInfo {
+  kind: ScriptElementKind;
+  kindModifiers: string;
+  textSpan: TextSpan;
+  displayParts?: SymbolDisplayPart[];
+  documentation?: SymbolDisplayPart[];
+  tags?: JSDocTagInfo[];
+  canIncreaseVerbosityLevel?: boolean;
+}
+```
+
+### Definition Info
+
+```typescript { .api }
+interface DefinitionInfo extends DocumentSpan {
+  kind: ScriptElementKind;
+  name: string;
+  containerKind: ScriptElementKind;
+  containerName: string;
+  unverified?: boolean;
+}
+
+interface DefinitionInfoAndBoundSpan {
+  definitions?: readonly DefinitionInfo[];
+  textSpan: TextSpan;
+}
+
+interface DocumentSpan {
+  textSpan: TextSpan;
+  fileName: string;
+  originalTextSpan?: TextSpan;
+  originalFileName?: string;
+  contextSpan?: TextSpan;
+  originalContextSpan?: TextSpan;
+}
+```
+
+### References
+
+```typescript { .api }
+interface ReferenceEntry extends DocumentSpan {
+  isWriteAccess: boolean;
+  isDefinition: boolean;
+  isInString?: true;
+}
+
+interface ReferencedSymbol {
+  definition: ReferencedSymbolDefinitionInfo;
+  references: ReferencedSymbolEntry[];
+}
+
+interface ReferencedSymbolDefinitionInfo extends DefinitionInfo {
+  displayParts: SymbolDisplayPart[];
+}
+
+interface ReferencedSymbolEntry extends ReferenceEntry {
+  isInString?: true;
+}
+```
+
+### Rename Info
+
+```typescript { .api }
+type RenameInfo = RenameInfoSuccess | RenameInfoFailure;
+
+interface RenameInfoSuccess {
+  canRename: true;
+  fileToRename?: string;
+  displayName: string;
+  fullDisplayName: string;
+  kind: ScriptElementKind;
+  kindModifiers: string;
+  triggerSpan: TextSpan;
+}
+
+interface RenameInfoFailure {
+  canRename: false;
+  localizedErrorMessage: string;
+}
+
+interface RenameLocation extends DocumentSpan {
+  prefixText?: string;
+  suffixText?: string;
+}
+```
+
+### Refactoring
+
+```typescript { .api }
+interface ApplicableRefactorInfo {
+  name: string;
+  description: string;
+  actions: RefactorActionInfo[];
+  inlineable?: boolean;
+}
+
+interface RefactorActionInfo {
+  name: string;
+  description: string;
+  notApplicableReason?: string;
+  kind?: string;
+  isInteractive?: boolean;
+}
+
+interface RefactorEditInfo {
+  edits: readonly FileTextChanges[];
+  renameFilename?: string;
+  renameLocation?: number;
+  commands?: CodeActionCommand[];
+}
+
+type RefactorTriggerReason = "implicit" | "invoked";
+```
+
+### Code Actions
+
+```typescript { .api }
+interface CodeAction {
+  description: string;
+  changes: FileTextChanges[];
+  commands?: CodeActionCommand[];
+}
+
+interface CodeFixAction extends CodeAction {
+  fixName: string;
+  fixId?: {};
+  fixAllDescription?: string;
+}
+
+interface CombinedCodeActions {
+  changes: readonly FileTextChanges[];
+  commands?: readonly CodeActionCommand[];
+}
+```
+
+### Navigation
+
+```typescript { .api }
+interface NavigationBarItem {
+  text: string;
+  kind: ScriptElementKind;
+  kindModifiers: string;
+  spans: TextSpan[];
+  childItems: NavigationBarItem[];
+  indent: number;
+  bolded: boolean;
+  grayed: boolean;
+}
+
+interface NavigationTree {
+  text: string;
+  kind: ScriptElementKind;
+  kindModifiers: string;
+  spans: TextSpan[];
+  nameSpan: TextSpan | undefined;
+  childItems?: NavigationTree[];
+}
+
+interface NavigateToItem {
+  name: string;
+  kind: ScriptElementKind;
+  kindModifiers: string;
+  matchKind: "exact" | "prefix" | "substring" | "camelCase";
+  isCaseSensitive: boolean;
+  fileName: string;
+  textSpan: TextSpan;
+  containerName: string;
+  containerKind: ScriptElementKind;
+}
+```
+
+### User Preferences
+
+```typescript { .api }
+interface UserPreferences {
+  disableSuggestions?: boolean;
+  quotePreference?: "auto" | "double" | "single";
+  includeCompletionsForModuleExports?: boolean;
+  includeCompletionsForImportStatements?: boolean;
+  includeCompletionsWithSnippetText?: boolean;
+  includeAutomaticOptionalChainCompletions?: boolean;
+  includeCompletionsWithInsertText?: boolean;
+  includeCompletionsWithClassMemberSnippets?: boolean;
+  includeCompletionsWithObjectLiteralMethodSnippets?: boolean;
+  useLabelDetailsInCompletionEntries?: boolean;
+  allowIncompleteCompletions?: boolean;
+  importModuleSpecifierPreference?: "shortest" | "project-relative" | "relative" | "non-relative";
+  importModuleSpecifierEnding?: "auto" | "minimal" | "index" | "js";
+  allowTextChangesInNewFiles?: boolean;
+  providePrefixAndSuffixTextForRename?: boolean;
+  provideRefactorNotApplicableReason?: boolean;
+  includePackageJsonAutoImports?: "auto" | "on" | "off";
+  jsxAttributeCompletionStyle?: "auto" | "braces" | "none";
+  includeInlayParameterNameHints?: "none" | "literals" | "all";
+  includeInlayParameterNameHintsWhenArgumentMatchesName?: boolean;
+  includeInlayFunctionParameterTypeHints?: boolean;
+  includeInlayVariableTypeHints?: boolean;
+  includeInlayVariableTypeHintsWhenTypeMatchesName?: boolean;
+  includeInlayPropertyDeclarationTypeHints?: boolean;
+  includeInlayFunctionLikeReturnTypeHints?: boolean;
+  includeInlayEnumMemberValueHints?: boolean;
+  interactiveInlayHints?: boolean;
+  allowRenameOfImportPath?: boolean;
+  autoImportFileExcludePatterns?: string[];
+  organizeImportsIgnoreCase?: "auto" | boolean;
+  organizeImportsCollation?: "ordinal" | "unicode";
+  organizeImportsLocale?: string;
+  organizeImportsNumericCollation?: boolean;
+  organizeImportsAccentCollation?: boolean;
+  organizeImportsCaseFirst?: "upper" | "lower" | false;
+  excludeLibrarySymbolsInNavTo?: boolean;
+  lazyConfiguredProjectsFromExternalProject?: boolean;
+  displayPartsForJSDoc?: boolean;
+  generateReturnInDocTemplate?: boolean;
+}
+```
diff --git a/.tessl/tiles/tessl/npm-typescript/docs/language-service/completions.md b/.tessl/tiles/tessl/npm-typescript/docs/language-service/completions.md
new file mode 100644
index 000000000..6eecf57b9
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-typescript/docs/language-service/completions.md
@@ -0,0 +1,152 @@
+# Code Completions
+
+APIs for providing code completion suggestions in editors.
+
+## Completion APIs
+
+```typescript { .api }
+interface LanguageService {
+  getCompletionsAtPosition(
+    fileName: string,
+    position: number,
+    options: GetCompletionsAtPositionOptions | undefined,
+    formattingSettings?: FormatCodeSettings
+  ): WithMetadata<CompletionInfo> | undefined;
+  
+  getCompletionEntryDetails(
+    fileName: string,
+    position: number,
+    entryName: string,
+    formatOptions: FormatCodeOptions | FormatCodeSettings | undefined,
+    source: string | undefined,
+    preferences: UserPreferences | undefined,
+    data: CompletionEntryData | undefined
+  ): CompletionEntryDetails | undefined;
+  
+  getCompletionEntrySymbol(
+    fileName: string,
+    position: number,
+    name: string,
+    source: string | undefined
+  ): Symbol | undefined;
+}
+```
+
+## Completion Info
+
+```typescript { .api }
+interface CompletionInfo {
+  flags?: CompletionInfoFlags;
+  isGlobalCompletion: boolean;
+  isMemberCompletion: boolean;
+  isNewIdentifierLocation: boolean;
+  optionalReplacementSpan?: TextSpan;
+  isIncomplete?: boolean;
+  entries: CompletionEntry[];
+}
+
+interface CompletionEntry {
+  name: string;
+  kind: ScriptElementKind;
+  kindModifiers?: string;
+  sortText: string;
+  insertText?: string;
+  filterText?: string;
+  isSnippet?: boolean;
+  replacementSpan?: TextSpan;
+  hasAction?: true;
+  source?: string;
+  sourceDisplay?: SymbolDisplayPart[];
+  labelDetails?: CompletionEntryLabelDetails;
+  isRecommended?: true;
+  isFromUncheckedFile?: true;
+  isPackageJsonImport?: true;
+  isImportStatementCompletion?: true;
+  data?: CompletionEntryData;
+}
+
+interface CompletionEntryDetails {
+  name: string;
+  kind: ScriptElementKind;
+  kindModifiers: string;
+  displayParts: SymbolDisplayPart[];
+  documentation?: SymbolDisplayPart[];
+  tags?: JSDocTagInfo[];
+  codeActions?: CodeAction[];
+  source?: SymbolDisplayPart[];
+  sourceDisplay?: SymbolDisplayPart[];
+}
+
+interface GetCompletionsAtPositionOptions extends UserPreferences {
+  triggerCharacter?: CompletionsTriggerCharacter;
+  triggerKind?: CompletionTriggerKind;
+  includeSymbol?: boolean;
+}
+
+enum CompletionTriggerKind {
+  Invoked = 1,
+  TriggerCharacter = 2,
+  TriggerForIncompleteCompletions = 3
+}
+```
+
+## Signature Help
+
+```typescript { .api }
+interface LanguageService {
+  getSignatureHelpItems(
+    fileName: string,
+    position: number,
+    options: SignatureHelpItemsOptions | undefined
+  ): SignatureHelpItems | undefined;
+}
+
+interface SignatureHelpItems {
+  items: SignatureHelpItem[];
+  applicableSpan: TextSpan;
+  selectedItemIndex: number;
+  argumentIndex: number;
+  argumentCount: number;
+}
+
+interface SignatureHelpItem {
+  isVariadic: boolean;
+  prefixDisplayParts: SymbolDisplayPart[];
+  suffixDisplayParts: SymbolDisplayPart[];
+  separatorDisplayParts: SymbolDisplayPart[];
+  parameters: SignatureHelpParameter[];
+  documentation: SymbolDisplayPart[];
+  tags?: JSDocTagInfo[];
+}
+
+interface SignatureHelpParameter {
+  name: string;
+  documentation: SymbolDisplayPart[];
+  displayParts: SymbolDisplayPart[];
+  isOptional: boolean;
+  isRest?: boolean;
+}
+```
+
+## Quick Info
+
+```typescript { .api }
+interface LanguageService {
+  getQuickInfoAtPosition(
+    fileName: string,
+    position: number,
+    maximumLength?: number
+  ): QuickInfo | undefined;
+}
+
+interface QuickInfo {
+  kind: ScriptElementKind;
+  kindModifiers: string;
+  textSpan: TextSpan;
+  displayParts?: SymbolDisplayPart[];
+  documentation?: SymbolDisplayPart[];
+  tags?: JSDocTagInfo[];
+  canIncreaseVerbosityLevel?: boolean;
+}
+```
+
diff --git a/.tessl/tiles/tessl/npm-typescript/docs/language-service/formatting.md b/.tessl/tiles/tessl/npm-typescript/docs/language-service/formatting.md
new file mode 100644
index 000000000..048d40b04
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-typescript/docs/language-service/formatting.md
@@ -0,0 +1,355 @@
+# Formatting
+
+Code formatting and editor settings APIs for controlling whitespace, indentation, and code style preferences. The formatting system is integrated with the Language Service for IDE features.
+
+## Capabilities
+
+### FormatCodeSettings Interface
+
+Comprehensive formatting configuration with 20+ options for controlling code style.
+
+```typescript { .api }
+interface FormatCodeSettings extends EditorSettings {
+  readonly insertSpaceAfterCommaDelimiter?: boolean;
+  readonly insertSpaceAfterSemicolonInForStatements?: boolean;
+  readonly insertSpaceBeforeAndAfterBinaryOperators?: boolean;
+  readonly insertSpaceAfterConstructor?: boolean;
+  readonly insertSpaceAfterKeywordsInControlFlowStatements?: boolean;
+  readonly insertSpaceAfterFunctionKeywordForAnonymousFunctions?: boolean;
+  readonly insertSpaceAfterOpeningAndBeforeClosingNonemptyParenthesis?: boolean;
+  readonly insertSpaceAfterOpeningAndBeforeClosingNonemptyBrackets?: boolean;
+  readonly insertSpaceAfterOpeningAndBeforeClosingNonemptyBraces?: boolean;
+  readonly insertSpaceAfterOpeningAndBeforeClosingEmptyBraces?: boolean;
+  readonly insertSpaceAfterOpeningAndBeforeClosingTemplateStringBraces?: boolean;
+  readonly insertSpaceAfterOpeningAndBeforeClosingJsxExpressionBraces?: boolean;
+  readonly insertSpaceAfterTypeAssertion?: boolean;
+  readonly insertSpaceBeforeFunctionParenthesis?: boolean;
+  readonly placeOpenBraceOnNewLineForFunctions?: boolean;
+  readonly placeOpenBraceOnNewLineForControlBlocks?: boolean;
+  readonly insertSpaceBeforeTypeAnnotation?: boolean;
+  readonly indentMultiLineObjectLiteralBeginningOnBlankLine?: boolean;
+  readonly semicolons?: SemicolonPreference;
+  readonly indentSwitchCase?: boolean;
+}
+```
+
+### EditorSettings Interface
+
+Base editor configuration for indentation and line handling.
+
+```typescript { .api }
+interface EditorSettings {
+  baseIndentSize?: number;
+  indentSize?: number;
+  tabSize?: number;
+  newLineCharacter?: string;
+  convertTabsToSpaces?: boolean;
+  indentStyle?: IndentStyle;
+  trimTrailingWhitespace?: boolean;
+}
+```
+
+### Formatting Enums
+
+Enums controlling indentation and semicolon behavior.
+
+```typescript { .api }
+enum IndentStyle {
+  None = 0,
+  Block = 1,
+  Smart = 2
+}
+
+enum SemicolonPreference {
+  Ignore = "ignore",
+  Insert = "insert",
+  Remove = "remove"
+}
+```
+
+### Language Service Formatting Methods
+
+Formatting operations provided by the Language Service.
+
+```typescript { .api }
+interface LanguageService {
+  /**
+   * Format a range of text in a file.
+   */
+  getFormattingEditsForRange(
+    fileName: string,
+    start: number,
+    end: number,
+    options: FormatCodeSettings
+  ): TextChange[];
+
+  /**
+   * Format the entire document.
+   */
+  getFormattingEditsForDocument(
+    fileName: string,
+    options: FormatCodeSettings
+  ): TextChange[];
+
+  /**
+   * Format text after a key is typed.
+   */
+  getFormattingEditsAfterKeystroke(
+    fileName: string,
+    position: number,
+    key: string,
+    options: FormatCodeSettings
+  ): TextChange[];
+
+  /**
+   * Get format options from Language Service host.
+   */
+  getFormatCodeOptions?(fileName: string): FormatCodeSettings;
+}
+```
+
+### Text Changes
+
+Structure representing formatting edits.
+
+```typescript { .api }
+interface TextChange {
+  span: TextSpan;
+  newText: string;
+}
+
+interface TextSpan {
+  start: number;
+  length: number;
+}
+```
+
+## Usage Examples
+
+### Format a Document
+
+Format an entire TypeScript file:
+
+```typescript
+import * as ts from 'typescript';
+
+// Create language service
+const services = ts.createLanguageService({
+  getScriptFileNames: () => ['example.ts'],
+  getScriptVersion: () => '1',
+  getScriptSnapshot: (fileName) => {
+    if (fileName === 'example.ts') {
+      return ts.ScriptSnapshot.fromString(
+        'function foo( x:number,y:string ){return x+y;}'
+      );
+    }
+    return undefined;
+  },
+  getCurrentDirectory: () => '',
+  getCompilationSettings: () => ({}),
+  getDefaultLibFileName: (options) => ts.getDefaultLibFilePath(options),
+  fileExists: ts.sys.fileExists,
+  readFile: ts.sys.readFile,
+  readDirectory: ts.sys.readDirectory
+});
+
+// Define formatting options
+const formatSettings: ts.FormatCodeSettings = {
+  indentSize: 2,
+  tabSize: 2,
+  convertTabsToSpaces: true,
+  insertSpaceAfterCommaDelimiter: true,
+  insertSpaceAfterSemicolonInForStatements: true,
+  insertSpaceBeforeAndAfterBinaryOperators: true,
+  insertSpaceAfterKeywordsInControlFlowStatements: true,
+  insertSpaceAfterFunctionKeywordForAnonymousFunctions: false,
+  insertSpaceAfterOpeningAndBeforeClosingNonemptyParenthesis: false,
+  insertSpaceAfterOpeningAndBeforeClosingNonemptyBrackets: false,
+  insertSpaceAfterOpeningAndBeforeClosingNonemptyBraces: true,
+  insertSpaceBeforeTypeAnnotation: true,
+  placeOpenBraceOnNewLineForFunctions: false,
+  placeOpenBraceOnNewLineForControlBlocks: false,
+  semicolons: ts.SemicolonPreference.Insert
+};
+
+// Get formatting edits for the entire document
+const edits = services.getFormattingEditsForDocument(
+  'example.ts',
+  formatSettings
+);
+
+// Apply the edits
+let formattedCode = 'function foo( x:number,y:string ){return x+y;}';
+for (let i = edits.length - 1; i >= 0; i--) {
+  const edit = edits[i];
+  formattedCode =
+    formattedCode.substring(0, edit.span.start) +
+    edit.newText +
+    formattedCode.substring(edit.span.start + edit.span.length);
+}
+
+console.log(formattedCode);
+// Output: function foo(x: number, y: string) { return x + y; }
+```
+
+### Format a Range
+
+Format only a specific range of code:
+
+```typescript
+import * as ts from 'typescript';
+
+// Assume language service is set up as above
+
+const source = `function foo() {
+const x=1;
+const y    =    2;
+return x+y;
+}`;
+
+// Format only lines containing the variable declarations (positions 20-60)
+const rangeEdits = services.getFormattingEditsForRange(
+  'example.ts',
+  20,
+  60,
+  {
+    indentSize: 2,
+    insertSpaceBeforeAndAfterBinaryOperators: true
+  }
+);
+
+// Apply edits to get formatted range
+// The function body will be formatted, but not the function declaration
+```
+
+### Format After Keystroke
+
+Automatically format code when user types specific characters:
+
+```typescript
+import * as ts from 'typescript';
+
+function formatOnKeystroke(
+  services: ts.LanguageService,
+  fileName: string,
+  position: number,
+  key: string,
+  formatSettings: ts.FormatCodeSettings
+): string {
+  // Get formatting edits triggered by keystroke
+  const edits = services.getFormattingEditsAfterKeystroke(
+    fileName,
+    position,
+    key,
+    formatSettings
+  );
+
+  if (edits.length === 0) {
+    return 'No formatting needed';
+  }
+
+  // Apply the edits
+  const snapshot = services.getProgram()!.getSourceFile(fileName)!.text;
+  let formatted = snapshot;
+
+  for (let i = edits.length - 1; i >= 0; i--) {
+    const edit = edits[i];
+    formatted =
+      formatted.substring(0, edit.span.start) +
+      edit.newText +
+      formatted.substring(edit.span.start + edit.span.length);
+  }
+
+  return formatted;
+}
+
+// Example: Format when user types semicolon
+const result = formatOnKeystroke(
+  services,
+  'example.ts',
+  25, // position after semicolon
+  ';',
+  formatSettings
+);
+```
+
+### Custom Formatting Configuration
+
+Create different formatting profiles for different code styles:
+
+```typescript
+import * as ts from 'typescript';
+
+// Compact style
+const compactStyle: ts.FormatCodeSettings = {
+  indentSize: 2,
+  insertSpaceAfterCommaDelimiter: true,
+  insertSpaceBeforeAndAfterBinaryOperators: true,
+  insertSpaceAfterKeywordsInControlFlowStatements: true,
+  insertSpaceAfterFunctionKeywordForAnonymousFunctions: false,
+  insertSpaceAfterOpeningAndBeforeClosingNonemptyParenthesis: false,
+  insertSpaceAfterOpeningAndBeforeClosingNonemptyBraces: false,
+  placeOpenBraceOnNewLineForFunctions: false,
+  placeOpenBraceOnNewLineForControlBlocks: false,
+  semicolons: ts.SemicolonPreference.Remove
+};
+
+// Spacious style
+const spaciousStyle: ts.FormatCodeSettings = {
+  indentSize: 4,
+  insertSpaceAfterCommaDelimiter: true,
+  insertSpaceAfterSemicolonInForStatements: true,
+  insertSpaceBeforeAndAfterBinaryOperators: true,
+  insertSpaceAfterKeywordsInControlFlowStatements: true,
+  insertSpaceAfterFunctionKeywordForAnonymousFunctions: true,
+  insertSpaceAfterOpeningAndBeforeClosingNonemptyParenthesis: true,
+  insertSpaceAfterOpeningAndBeforeClosingNonemptyBrackets: true,
+  insertSpaceAfterOpeningAndBeforeClosingNonemptyBraces: true,
+  placeOpenBraceOnNewLineForFunctions: true,
+  placeOpenBraceOnNewLineForControlBlocks: true,
+  semicolons: ts.SemicolonPreference.Insert,
+  indentSwitchCase: true
+};
+
+// Allman brace style
+const allmanStyle: ts.FormatCodeSettings = {
+  indentSize: 4,
+  placeOpenBraceOnNewLineForFunctions: true,
+  placeOpenBraceOnNewLineForControlBlocks: true,
+  insertSpaceBeforeAndAfterBinaryOperators: true,
+  semicolons: ts.SemicolonPreference.Insert
+};
+```
+
+### Integration with tsconfig.json
+
+Load formatting settings from editor configuration:
+
+```typescript
+import * as ts from 'typescript';
+
+function getFormatSettingsFromConfig(
+  configPath: string
+): ts.FormatCodeSettings {
+  // Parse tsconfig.json
+  const configFile = ts.readConfigFile(configPath, ts.sys.readFile);
+
+  if (configFile.error) {
+    throw new Error(`Failed to read config: ${configFile.error.messageText}`);
+  }
+
+  // Extract editor settings
+  const editorSettings = configFile.config.formatOptions || {};
+
+  return {
+    indentSize: editorSettings.indentSize || 4,
+    tabSize: editorSettings.tabSize || 4,
+    convertTabsToSpaces: editorSettings.convertTabsToSpaces !== false,
+    insertSpaceAfterCommaDelimiter:
+      editorSettings.insertSpaceAfterCommaDelimiter !== false,
+    insertSpaceBeforeAndAfterBinaryOperators:
+      editorSettings.insertSpaceBeforeAndAfterBinaryOperators !== false,
+    semicolons: editorSettings.semicolons || ts.SemicolonPreference.Ignore
+  };
+}
+```
diff --git a/.tessl/tiles/tessl/npm-typescript/docs/language-service/navigation.md b/.tessl/tiles/tessl/npm-typescript/docs/language-service/navigation.md
new file mode 100644
index 000000000..a3ec63056
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-typescript/docs/language-service/navigation.md
@@ -0,0 +1,192 @@
+# Navigation APIs
+
+APIs for navigating code: go to definition, find references, and symbol navigation.
+
+## Definition and References
+
+```typescript { .api }
+interface LanguageService {
+  getDefinitionAtPosition(
+    fileName: string,
+    position: number
+  ): readonly DefinitionInfo[] | undefined;
+  
+  getDefinitionAndBoundSpan(
+    fileName: string,
+    position: number
+  ): DefinitionInfoAndBoundSpan | undefined;
+  
+  getTypeDefinitionAtPosition(
+    fileName: string,
+    position: number
+  ): readonly DefinitionInfo[] | undefined;
+  
+  getImplementationAtPosition(
+    fileName: string,
+    position: number
+  ): readonly ImplementationLocation[] | undefined;
+  
+  getReferencesAtPosition(
+    fileName: string,
+    position: number
+  ): ReferenceEntry[] | undefined;
+  
+  findReferences(
+    fileName: string,
+    position: number
+  ): ReferencedSymbol[] | undefined;
+  
+  getDocumentHighlights(
+    fileName: string,
+    position: number,
+    filesToSearch: string[]
+  ): DocumentHighlights[] | undefined;
+  
+  getFileReferences(fileName: string): ReferenceEntry[];
+}
+```
+
+## Definition Info
+
+```typescript { .api }
+interface DefinitionInfo extends DocumentSpan {
+  kind: ScriptElementKind;
+  name: string;
+  containerKind: ScriptElementKind;
+  containerName: string;
+  unverified?: boolean;
+}
+
+interface DefinitionInfoAndBoundSpan {
+  definitions?: readonly DefinitionInfo[];
+  textSpan: TextSpan;
+}
+
+interface DocumentSpan {
+  textSpan: TextSpan;
+  fileName: string;
+  originalTextSpan?: TextSpan;
+  originalFileName?: string;
+  contextSpan?: TextSpan;
+  originalContextSpan?: TextSpan;
+}
+```
+
+## References
+
+```typescript { .api }
+interface ReferenceEntry extends DocumentSpan {
+  isWriteAccess: boolean;
+  isDefinition: boolean;
+  isInString?: true;
+}
+
+interface ReferencedSymbol {
+  definition: ReferencedSymbolDefinitionInfo;
+  references: ReferencedSymbolEntry[];
+}
+
+interface ReferencedSymbolDefinitionInfo extends DefinitionInfo {
+  displayParts: SymbolDisplayPart[];
+}
+
+interface ReferencedSymbolEntry extends ReferenceEntry {
+  isInString?: true;
+}
+```
+
+## Navigation Bar and Tree
+
+```typescript { .api }
+interface LanguageService {
+  getNavigateToItems(
+    searchValue: string,
+    maxResultCount?: number,
+    fileName?: string,
+    excludeDtsFiles?: boolean,
+    excludeLibFiles?: boolean
+  ): NavigateToItem[];
+  
+  getNavigationBarItems(fileName: string): NavigationBarItem[];
+  getNavigationTree(fileName: string): NavigationTree;
+}
+```
+
+## Navigation Interfaces
+
+```typescript { .api }
+interface NavigationBarItem {
+  text: string;
+  kind: ScriptElementKind;
+  kindModifiers: string;
+  spans: TextSpan[];
+  childItems: NavigationBarItem[];
+  indent: number;
+  bolded: boolean;
+  grayed: boolean;
+}
+
+interface NavigationTree {
+  text: string;
+  kind: ScriptElementKind;
+  kindModifiers: string;
+  spans: TextSpan[];
+  nameSpan: TextSpan | undefined;
+  childItems?: NavigationTree[];
+}
+
+interface NavigateToItem {
+  name: string;
+  kind: ScriptElementKind;
+  kindModifiers: string;
+  matchKind: "exact" | "prefix" | "substring" | "camelCase";
+  isCaseSensitive: boolean;
+  fileName: string;
+  textSpan: TextSpan;
+  containerName: string;
+  containerKind: ScriptElementKind;
+}
+```
+
+## Rename
+
+```typescript { .api }
+interface LanguageService {
+  getRenameInfo(
+    fileName: string,
+    position: number,
+    preferences: UserPreferences
+  ): RenameInfo;
+  
+  findRenameLocations(
+    fileName: string,
+    position: number,
+    findInStrings: boolean,
+    findInComments: boolean,
+    preferences: UserPreferences
+  ): readonly RenameLocation[] | undefined;
+}
+
+type RenameInfo = RenameInfoSuccess | RenameInfoFailure;
+
+interface RenameInfoSuccess {
+  canRename: true;
+  fileToRename?: string;
+  displayName: string;
+  fullDisplayName: string;
+  kind: ScriptElementKind;
+  kindModifiers: string;
+  triggerSpan: TextSpan;
+}
+
+interface RenameInfoFailure {
+  canRename: false;
+  localizedErrorMessage: string;
+}
+
+interface RenameLocation extends DocumentSpan {
+  prefixText?: string;
+  suffixText?: string;
+}
+```
+
diff --git a/.tessl/tiles/tessl/npm-typescript/docs/language-service/refactorings.md b/.tessl/tiles/tessl/npm-typescript/docs/language-service/refactorings.md
new file mode 100644
index 000000000..d367fb0e8
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-typescript/docs/language-service/refactorings.md
@@ -0,0 +1,115 @@
+# Code Refactorings
+
+APIs for code refactoring operations like extract function, move to file, etc.
+
+## Refactoring APIs
+
+```typescript { .api }
+interface LanguageService {
+  getApplicableRefactors(
+    fileName: string,
+    positionOrRange: number | TextRange,
+    preferences: UserPreferences | undefined,
+    triggerReason?: RefactorTriggerReason,
+    kind?: string,
+    includeInteractiveActions?: boolean
+  ): ApplicableRefactorInfo[];
+  
+  getEditsForRefactor(
+    fileName: string,
+    formatOptions: FormatCodeSettings,
+    positionOrRange: number | TextRange,
+    refactorName: string,
+    actionName: string,
+    preferences: UserPreferences | undefined,
+    interactiveRefactorArguments?: InteractiveRefactorArguments
+  ): RefactorEditInfo | undefined;
+  
+  getMoveToRefactoringFileSuggestions(
+    fileName: string,
+    positionOrRange: number | TextRange,
+    preferences: UserPreferences | undefined,
+    triggerReason?: RefactorTriggerReason,
+    kind?: string
+  ): { newFileName: string; files: string[] };
+}
+```
+
+## Refactoring Interfaces
+
+```typescript { .api }
+interface ApplicableRefactorInfo {
+  name: string;
+  description: string;
+  actions: RefactorActionInfo[];
+  inlineable?: boolean;
+}
+
+interface RefactorActionInfo {
+  name: string;
+  description: string;
+  notApplicableReason?: string;
+  kind?: string;
+  isInteractive?: boolean;
+}
+
+interface RefactorEditInfo {
+  edits: readonly FileTextChanges[];
+  renameFilename?: string;
+  renameLocation?: number;
+  commands?: CodeActionCommand[];
+}
+
+type RefactorTriggerReason = "implicit" | "invoked";
+```
+
+## Code Actions
+
+```typescript { .api }
+interface LanguageService {
+  getCodeFixesAtPosition(
+    fileName: string,
+    start: number,
+    end: number,
+    errorCodes: readonly number[],
+    formatOptions: FormatCodeSettings,
+    preferences: UserPreferences
+  ): readonly CodeFixAction[];
+  
+  getCombinedCodeFix(
+    scope: CombinedCodeFixScope,
+    fixId: {},
+    formatOptions: FormatCodeSettings,
+    preferences: UserPreferences
+  ): CombinedCodeActions;
+  
+  applyCodeActionCommand(
+    action: CodeActionCommand | CodeActionCommand[],
+    formatSettings?: FormatCodeSettings
+  ): Promise<ApplyCodeActionCommandResult | ApplyCodeActionCommandResult[]>;
+  
+  getSupportedCodeFixes(fileName?: string): readonly string[];
+}
+```
+
+## Code Action Interfaces
+
+```typescript { .api }
+interface CodeAction {
+  description: string;
+  changes: FileTextChanges[];
+  commands?: CodeActionCommand[];
+}
+
+interface CodeFixAction extends CodeAction {
+  fixName: string;
+  fixId?: {};
+  fixAllDescription?: string;
+}
+
+interface CombinedCodeActions {
+  changes: readonly FileTextChanges[];
+  commands?: readonly CodeActionCommand[];
+}
+```
+
diff --git a/.tessl/tiles/tessl/npm-typescript/docs/language-service/tsserver.md b/.tessl/tiles/tessl/npm-typescript/docs/language-service/tsserver.md
new file mode 100644
index 000000000..82b1e41d0
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-typescript/docs/language-service/tsserver.md
@@ -0,0 +1,459 @@
+# TSServer Protocol
+
+TypeScript server protocol for editor-compiler communication. Defines request/response messages and events for the TypeScript language server.
+
+## Capabilities
+
+### Protocol Namespace
+
+```typescript { .api }
+namespace ts.server.protocol {
+  // Protocol types and interfaces
+}
+```
+
+### Message Base
+
+```typescript { .api }
+interface Message {
+  seq: number;
+  type: "request" | "response" | "event";
+}
+```
+
+### Request
+
+```typescript { .api }
+interface Request extends Message {
+  type: "request";
+  command: string;
+  arguments?: any;
+}
+```
+
+### Response
+
+```typescript { .api }
+interface Response extends Message {
+  type: "response";
+  request_seq: number;
+  success: boolean;
+  command: string;
+  message?: string;
+  body?: any;
+  metadata?: unknown;
+  performanceData?: PerformanceData;
+}
+
+interface PerformanceData {
+  updateGraphDurationMs?: number;
+  createAutoImportProviderProgramDurationMs?: number;
+  diagnosticsDuration?: FileDiagnosticPerformanceData[];
+}
+```
+
+### Event
+
+```typescript { .api }
+interface Event extends Message {
+  type: "event";
+  event: string;
+  body?: any;
+}
+```
+
+### Command Types
+
+```typescript { .api }
+enum CommandTypes {
+  JsxClosingTag = "jsxClosingTag",
+  LinkedEditingRange = "linkedEditingRange",
+  Brace = "brace",
+  BraceCompletion = "braceCompletion",
+  GetSpanOfEnclosingComment = "getSpanOfEnclosingComment",
+  Change = "change",
+  Close = "close",
+  Completions = "completions",
+  CompletionInfo = "completionInfo",
+  CompletionDetails = "completionEntryDetails",
+  CompileOnSaveAffectedFileList = "compileOnSaveAffectedFileList",
+  CompileOnSaveEmitFile = "compileOnSaveEmitFile",
+  Configure = "configure",
+  Definition = "definition",
+  DefinitionAndBoundSpan = "definitionAndBoundSpan",
+  Implementation = "implementation",
+  Exit = "exit",
+  FileReferences = "fileReferences",
+  Format = "format",
+  Formatonkey = "formatonkey",
+  Geterr = "geterr",
+  GeterrForProject = "geterrForProject",
+  SemanticDiagnosticsSync = "semanticDiagnosticsSync",
+  SyntacticDiagnosticsSync = "syntacticDiagnosticsSync",
+  SuggestionDiagnosticsSync = "suggestionDiagnosticsSync",
+  NavBar = "navbar",
+  Navto = "navto",
+  NavTree = "navtree",
+  NavTreeFull = "navtree-full",
+  DocumentHighlights = "documentHighlights",
+  Open = "open",
+  Quickinfo = "quickinfo",
+  References = "references",
+  Reload = "reload",
+  Rename = "rename",
+  Saveto = "saveto",
+  SignatureHelp = "signatureHelp",
+  FindSourceDefinition = "findSourceDefinition",
+  Status = "status",
+  TypeDefinition = "typeDefinition",
+  ProjectInfo = "projectInfo",
+  ReloadProjects = "reloadProjects",
+  Unknown = "unknown",
+  OpenExternalProject = "openExternalProject",
+  OpenExternalProjects = "openExternalProjects",
+  CloseExternalProject = "closeExternalProject",
+  UpdateOpen = "updateOpen",
+  GetOutliningSpans = "getOutliningSpans",
+  TodoComments = "todoComments",
+  Indentation = "indentation",
+  DocCommentTemplate = "docCommentTemplate",
+  CompilerOptionsForInferredProjects = "compilerOptionsForInferredProjects",
+  GetCodeFixes = "getCodeFixes",
+  GetCombinedCodeFix = "getCombinedCodeFix",
+  ApplyCodeActionCommand = "applyCodeActionCommand",
+  GetSupportedCodeFixes = "getSupportedCodeFixes",
+  GetApplicableRefactors = "getApplicableRefactors",
+  GetEditsForRefactor = "getEditsForRefactor",
+  GetMoveToRefactoringFileSuggestions = "getMoveToRefactoringFileSuggestions",
+  PreparePasteEdits = "preparePasteEdits",
+  GetPasteEdits = "getPasteEdits",
+  OrganizeImports = "organizeImports",
+  GetEditsForFileRename = "getEditsForFileRename",
+  ConfigurePlugin = "configurePlugin",
+  SelectionRange = "selectionRange",
+  ToggleLineComment = "toggleLineComment",
+  ToggleMultilineComment = "toggleMultilineComment",
+  CommentSelection = "commentSelection",
+  UncommentSelection = "uncommentSelection",
+  PrepareCallHierarchy = "prepareCallHierarchy",
+  ProvideCallHierarchyIncomingCalls = "provideCallHierarchyIncomingCalls",
+  ProvideCallHierarchyOutgoingCalls = "provideCallHierarchyOutgoingCalls",
+  ProvideInlayHints = "provideInlayHints",
+  WatchChange = "watchChange",
+  MapCode = "mapCode"
+}
+```
+
+### File Request Arguments
+
+```typescript { .api }
+interface FileRequestArgs {
+  file: string;
+  projectFileName?: string;
+}
+
+interface FileLocationRequestArgs extends FileRequestArgs {
+  line: number;
+  offset: number;
+}
+
+interface FileRangeRequestArgs extends FileRequestArgs {
+  startLine: number;
+  startOffset: number;
+  endLine: number;
+  endOffset: number;
+}
+```
+
+### Common Requests
+
+```typescript { .api }
+interface OpenRequest extends Request {
+  command: CommandTypes.Open;
+  arguments: OpenRequestArgs;
+}
+
+interface OpenRequestArgs extends FileRequestArgs {
+  fileContent?: string;
+  scriptKindName?: ScriptKindName;
+  projectRootPath?: string;
+}
+
+interface CloseRequest extends Request {
+  command: CommandTypes.Close;
+  arguments: FileRequestArgs;
+}
+
+interface ChangeRequest extends Request {
+  command: CommandTypes.Change;
+  arguments: ChangeRequestArgs;
+}
+
+interface ChangeRequestArgs extends FileRequestArgs {
+  line: number;
+  offset: number;
+  endLine: number;
+  endOffset: number;
+  insertString: string;
+}
+
+interface CompletionsRequest extends Request {
+  command: CommandTypes.Completions | CommandTypes.CompletionInfo;
+  arguments: CompletionsRequestArgs;
+}
+
+interface CompletionsRequestArgs extends FileLocationRequestArgs {
+  prefix?: string;
+  triggerCharacter?: CompletionsTriggerCharacter;
+  triggerKind?: CompletionTriggerKind;
+  includeExternalModuleExports?: boolean;
+  includeInsertTextCompletions?: boolean;
+}
+
+interface DefinitionRequest extends Request {
+  command: CommandTypes.Definition;
+  arguments: FileLocationRequestArgs;
+}
+
+interface ReferencesRequest extends Request {
+  command: CommandTypes.References;
+  arguments: FileLocationRequestArgs;
+}
+
+interface RenameRequest extends Request {
+  command: CommandTypes.Rename;
+  arguments: RenameRequestArgs;
+}
+
+interface RenameRequestArgs extends FileLocationRequestArgs {
+  findInStrings?: boolean;
+  findInComments?: boolean;
+}
+
+interface QuickInfoRequest extends Request {
+  command: CommandTypes.Quickinfo;
+  arguments: FileLocationRequestArgs;
+}
+
+interface SignatureHelpRequest extends Request {
+  command: CommandTypes.SignatureHelp;
+  arguments: SignatureHelpRequestArgs;
+}
+
+interface SignatureHelpRequestArgs extends FileLocationRequestArgs {
+  triggerReason?: SignatureHelpTriggerReason;
+}
+
+interface CodeFixRequest extends Request {
+  command: CommandTypes.GetCodeFixes;
+  arguments: CodeFixRequestArgs;
+}
+
+interface CodeFixRequestArgs extends FileRangeRequestArgs {
+  errorCodes: readonly number[];
+}
+
+interface GetApplicableRefactorsRequest extends Request {
+  command: CommandTypes.GetApplicableRefactors;
+  arguments: GetApplicableRefactorsRequestArgs;
+}
+
+interface GetEditsForRefactorRequest extends Request {
+  command: CommandTypes.GetEditsForRefactor;
+  arguments: GetEditsForRefactorRequestArgs;
+}
+```
+
+### Common Responses
+
+```typescript { .api }
+interface CompletionInfoResponse extends Response {
+  body?: CompletionInfo;
+}
+
+interface DefinitionResponse extends Response {
+  body?: readonly DefinitionInfo[];
+}
+
+interface ReferencesResponse extends Response {
+  body?: ReferencesResponseBody;
+}
+
+interface ReferencesResponseBody {
+  refs: readonly ReferencesResponseItem[];
+  symbolName: string;
+  symbolStartOffset: number;
+  symbolDisplayString: string;
+}
+
+interface ReferencesResponseItem extends FileSpan {
+  lineText: string;
+  isWriteAccess: boolean;
+  isDefinition: boolean;
+}
+
+interface QuickInfoResponse extends Response {
+  body?: QuickInfoResponseBody;
+}
+
+interface QuickInfoResponseBody {
+  kind: ScriptElementKind;
+  kindModifiers: string;
+  start: Location;
+  end: Location;
+  displayString: string;
+  documentation: string;
+  tags: JSDocTagInfo[];
+}
+
+interface SignatureHelpResponse extends Response {
+  body?: SignatureHelpItems;
+}
+
+interface CodeFixResponse extends Response {
+  body?: CodeFixAction[];
+}
+
+interface GetApplicableRefactorsResponse extends Response {
+  body?: ApplicableRefactorInfo[];
+}
+
+interface GetEditsForRefactorResponse extends Response {
+  body?: RefactorEditInfo;
+}
+```
+
+### Events
+
+```typescript { .api }
+interface DiagnosticEvent extends Event {
+  event: "semanticDiag" | "syntaxDiag" | "suggestionDiag";
+  body: DiagnosticEventBody;
+}
+
+interface DiagnosticEventBody {
+  file: string;
+  diagnostics: Diagnostic[];
+}
+
+interface ConfigFileDiagnosticEvent extends Event {
+  event: "configFileDiag";
+  body: ConfigFileDiagnosticEventBody;
+}
+
+interface ProjectLoadingStartEvent extends Event {
+  event: "projectLoadingStart";
+  body: ProjectLoadingStartEventBody;
+}
+
+interface ProjectLoadingFinishEvent extends Event {
+  event: "projectLoadingFinish";
+  body: ProjectLoadingFinishEventBody;
+}
+
+interface RequestCompletedEvent extends Event {
+  event: "requestCompleted";
+  body: RequestCompletedEventBody;
+}
+```
+
+### Location and Span
+
+```typescript { .api }
+interface Location {
+  line: number;
+  offset: number;
+}
+
+interface TextSpan {
+  start: Location;
+  end: Location;
+}
+
+interface FileSpan extends TextSpan {
+  file: string;
+}
+```
+
+### Server Classes
+
+```typescript { .api }
+namespace ts.server {
+  class Session {
+    constructor(opts: SessionOptions);
+    send(msg: protocol.Message): void;
+    event<T extends object>(body: T, eventName: string): void;
+    output(info: any, cmdName: string, reqSeq?: number, errorMsg?: string): void;
+    executeCommand(request: protocol.Request): HandlerResponse;
+  }
+  
+  class ProjectService {
+    readonly typingsInstaller: ITypingsInstaller;
+    readonly toCanonicalFileName: (f: string) => string;
+    
+    openClientFile(fileName: string, fileContent?: string, scriptKind?: ScriptKind, projectRootPath?: string): OpenConfiguredProjectResult;
+    closeClientFile(uncheckedFileName: string): void;
+    updateProjectGraphs(projects: readonly Project[]): void;
+    getDefaultProjectForFile(fileName: NormalizedPath, ensureProject: boolean): Project | undefined;
+  }
+  
+  abstract class Project {
+    readonly projectName: string;
+    abstract getProjectName(): string;
+    abstract getProjectReferences(): readonly ProjectReference[] | undefined;
+    abstract hasRoots(): boolean;
+    abstract isOrphan(): boolean;
+    abstract getLanguageService(ensureSynchronized?: boolean): LanguageService;
+    abstract getSourceFile(path: Path): SourceFile | undefined;
+    abstract close(): void;
+    abstract refreshDiagnostics(): void;
+  }
+}
+```
+
+## Usage Example
+
+Creating a simple TSServer client:
+
+```typescript
+import * as ts from 'typescript';
+import { protocol } from 'typescript/lib/protocol';
+
+class SimpleClient {
+  private seq = 0;
+  
+  createRequest(command: string, args?: any): protocol.Request {
+    return {
+      seq: ++this.seq,
+      type: "request",
+      command,
+      arguments: args
+    };
+  }
+  
+  openFile(file: string, content: string): protocol.OpenRequest {
+    return {
+      ...this.createRequest(protocol.CommandTypes.Open),
+      arguments: {
+        file,
+        fileContent: content
+      }
+    } as protocol.OpenRequest;
+  }
+  
+  getCompletions(file: string, line: number, offset: number): protocol.CompletionsRequest {
+    return {
+      ...this.createRequest(protocol.CommandTypes.CompletionInfo),
+      arguments: {
+        file,
+        line,
+        offset
+      }
+    } as protocol.CompletionsRequest;
+  }
+}
+
+const client = new SimpleClient();
+const openReq = client.openFile('/path/to/file.ts', 'const x = 42;');
+console.log(JSON.stringify(openReq, null, 2));
+```
diff --git a/.tessl/tiles/tessl/npm-typescript/docs/transformation/context.md b/.tessl/tiles/tessl/npm-typescript/docs/transformation/context.md
new file mode 100644
index 000000000..d2a341eed
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-typescript/docs/transformation/context.md
@@ -0,0 +1,79 @@
+# Transformation Context
+
+Context object provided to transformers with factory access and lifecycle management.
+
+## Transformation Context Interface
+
+```typescript { .api }
+interface CoreTransformationContext {
+  readonly factory: NodeFactory;
+  getCompilerOptions(): CompilerOptions;
+  startLexicalEnvironment(): void;
+  suspendLexicalEnvironment(): void;
+  resumeLexicalEnvironment(): void;
+  endLexicalEnvironment(): Statement[] | undefined;
+  hoistFunctionDeclaration(node: FunctionDeclaration): void;
+  hoistVariableDeclaration(node: Identifier): void;
+}
+
+interface TransformationContext extends CoreTransformationContext {
+  requestEmitHelper(helper: EmitHelper): void;
+  readEmitHelpers(): EmitHelper[] | undefined;
+  enableSubstitution(kind: SyntaxKind): void;
+  isSubstitutionEnabled(node: Node): boolean;
+  onSubstituteNode: (hint: EmitHint, node: Node) => Node;
+  enableEmitNotification(kind: SyntaxKind): void;
+  isEmitNotificationEnabled(node: Node): boolean;
+  onEmitNode: (
+    hint: EmitHint,
+    node: Node,
+    emitCallback: (hint: EmitHint, node: Node) => void
+  ) => void;
+}
+```
+
+## Usage Example
+
+```typescript
+import * as ts from 'typescript';
+
+function transformer(): ts.TransformerFactory<ts.SourceFile> {
+  return (context: ts.TransformationContext) => {
+    return (sourceFile: ts.SourceFile) => {
+      const visitor = (node: ts.Node): ts.Node => {
+        if (ts.isFunctionDeclaration(node)) {
+          // Use context.factory to create new nodes
+          const newName = context.factory.createIdentifier(
+            node.name?.text.toUpperCase() || 'ANONYMOUS'
+          );
+          
+          // Use context methods for lexical environment management
+          context.startLexicalEnvironment();
+          
+          // Transform function body
+          const newBody = ts.visitEachChild(node.body!, visitor, context);
+          
+          // Get hoisted declarations
+          const hoisted = context.endLexicalEnvironment();
+          
+          return context.factory.updateFunctionDeclaration(
+            node,
+            node.modifiers,
+            node.asteriskToken,
+            newName,
+            node.typeParameters,
+            node.parameters,
+            node.type,
+            newBody
+          );
+        }
+        
+        return ts.visitEachChild(node, visitor, context);
+      };
+      
+      return ts.visitNode(sourceFile, visitor) as ts.SourceFile;
+    };
+  };
+}
+```
+
diff --git a/.tessl/tiles/tessl/npm-typescript/docs/transformation/emit-helpers.md b/.tessl/tiles/tessl/npm-typescript/docs/transformation/emit-helpers.md
new file mode 100644
index 000000000..dfb66dc41
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-typescript/docs/transformation/emit-helpers.md
@@ -0,0 +1,151 @@
+# Emit Helpers
+
+Utilities for requesting runtime helpers during transformation.
+
+## Emit Helper Interfaces
+
+```typescript { .api }
+interface EmitHelperBase {
+  readonly name: string;
+  readonly scoped: boolean;
+  readonly text: string | ((node: EmitHelperUniqueNameCallback) => string);
+  readonly priority?: number;
+  readonly dependencies?: EmitHelper[];
+}
+
+interface ScopedEmitHelper extends EmitHelperBase {
+  readonly scoped: true;
+}
+
+interface UnscopedEmitHelper extends EmitHelperBase {
+  readonly scoped: false;
+  readonly text: string;
+}
+
+type EmitHelper = ScopedEmitHelper | UnscopedEmitHelper;
+
+type EmitHelperUniqueNameCallback = (name: string) => string;
+
+function addEmitHelper<T extends Node>(node: T, helper: EmitHelper): T;
+
+function addEmitHelpers<T extends Node>(
+  node: T,
+  helpers: EmitHelper[] | undefined
+): T;
+```
+
+## Emit Hints and Flags
+
+```typescript { .api }
+enum EmitHint {
+  SourceFile = 0,
+  Expression = 1,
+  IdentifierName = 2,
+  MappedTypeParameter = 3,
+  Unspecified = 4,
+  EmbeddedStatement = 5,
+  JsxAttributeValue = 6,
+  ImportTypeNodeAttributes = 7
+}
+
+enum EmitFlags {
+  None = 0,
+  SingleLine = 1,
+  MultiLine = 2,
+  AdviseOnEmitNode = 4,
+  NoSubstitution = 8,
+  CapturesThis = 16,
+  NoLeadingSourceMap = 32,
+  NoTrailingSourceMap = 64,
+  NoSourceMap = 96,
+  NoNestedSourceMaps = 128,
+  NoTokenLeadingSourceMaps = 256,
+  NoTokenTrailingSourceMaps = 512,
+  NoTokenSourceMaps = 768,
+  NoLeadingComments = 1024,
+  NoTrailingComments = 2048,
+  NoComments = 3072,
+  NoNestedComments = 4096,
+  HelperName = 8192,
+  ExportName = 16384,
+  LocalName = 32768,
+  InternalName = 65536,
+  Indented = 131072,
+  NoIndentation = 262144,
+  AsyncFunctionBody = 524288,
+  ReuseTempVariableScope = 1048576,
+  CustomPrologue = 2097152,
+  NoHoisting = 4194304,
+  Iterator = 8388608,
+  NoAsciiEscaping = 16777216
+}
+
+function setEmitFlags<T extends Node>(node: T, emitFlags: EmitFlags): T;
+```
+
+## Source Map Utilities
+
+```typescript { .api }
+interface SourceMapRange extends TextRange {
+  source?: SourceMapSource;
+}
+
+interface SourceMapSource {
+  fileName: string;
+  text: string;
+  skipTrivia?: (pos: number) => number;
+  getLineAndCharacterOfPosition(pos: number): LineAndCharacter;
+}
+
+function createSourceMapSource(
+  fileName: string,
+  text: string,
+  skipTrivia?: (pos: number) => number
+): SourceMapSource;
+
+function getSourceMapRange(node: Node): SourceMapRange;
+
+function setSourceMapRange<T extends Node>(
+  node: T,
+  range: SourceMapRange | undefined
+): T;
+
+function getTokenSourceMapRange(
+  node: Node,
+  token: SyntaxKind
+): SourceMapRange | undefined;
+
+function setTokenSourceMapRange<T extends Node>(
+  node: T,
+  token: SyntaxKind,
+  range: SourceMapRange | undefined
+): T;
+```
+
+## Usage Example
+
+```typescript
+import * as ts from 'typescript';
+
+function spreadTransformer(): ts.TransformerFactory<ts.SourceFile> {
+  return (context: ts.TransformationContext) => {
+    return (sourceFile: ts.SourceFile) => {
+      const visitor = (node: ts.Node): ts.Node => {
+        if (ts.isSpreadElement(node)) {
+          // Request __spread emit helper
+          context.requestEmitHelper({
+            name: '__spread',
+            scoped: false,
+            text: 'var __spread = ...'
+          } as ts.UnscopedEmitHelper);
+        }
+        
+        return ts.visitEachChild(node, visitor, context);
+      };
+      
+      return ts.visitNode(sourceFile, visitor) as ts.SourceFile;
+    };
+  };
+}
+```
+
diff --git a/.tessl/tiles/tessl/npm-typescript/docs/transformation/transformers.md b/.tessl/tiles/tessl/npm-typescript/docs/transformation/transformers.md
new file mode 100644
index 000000000..d690f6726
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-typescript/docs/transformation/transformers.md
@@ -0,0 +1,613 @@
+# Transformation
+
+AST transformation pipeline for custom transformers and code generation. The transformation system provides a powerful API for programmatically modifying TypeScript AST nodes during compilation.
+
+## Capabilities
+
+### Core Transformation Types
+
+Basic types for creating custom transformers.
+
+```typescript { .api }
+/**
+ * A function that is used to initialize and return a Transformer callback,
+ * which in turn will be used to transform one or more nodes.
+ */
+type TransformerFactory<T extends Node> = (
+  context: TransformationContext
+) => Transformer<T>;
+
+/**
+ * A function that transforms a node.
+ */
+type Transformer<T extends Node> = (node: T) => T;
+
+/**
+ * A function that accepts and possibly transforms a node.
+ */
+type Visitor<
+  TIn extends Node = Node,
+  TOut extends Node | undefined = TIn | undefined
+> = (node: TIn) => VisitResult<TOut>;
+
+type VisitResult<T extends Node | undefined> = T | readonly Node[];
+```
+
+### TransformationContext Interface
+
+Context object provided to transformers with factory access and lifecycle management.
+
+```typescript { .api }
+interface CoreTransformationContext {
+  readonly factory: NodeFactory;
+  /** Gets the compiler options supplied to the transformer. */
+  getCompilerOptions(): CompilerOptions;
+  /** Starts a new lexical environment. */
+  startLexicalEnvironment(): void;
+  /** Suspends the current lexical environment, usually after visiting a parameter list. */
+  suspendLexicalEnvironment(): void;
+  /** Resumes a suspended lexical environment, usually before visiting a function body. */
+  resumeLexicalEnvironment(): void;
+  /** Ends a lexical environment, returning any declarations. */
+  endLexicalEnvironment(): Statement[] | undefined;
+  /** Hoists a function declaration to the containing scope. */
+  hoistFunctionDeclaration(node: FunctionDeclaration): void;
+  /** Hoists a variable declaration to the containing scope. */
+  hoistVariableDeclaration(node: Identifier): void;
+}
+
+interface TransformationContext extends CoreTransformationContext {
+  /** Records a request for a non-scoped emit helper in the current context. */
+  requestEmitHelper(helper: EmitHelper): void;
+  /** Gets and resets the requested non-scoped emit helpers. */
+  readEmitHelpers(): EmitHelper[] | undefined;
+  /** Enables expression substitutions in the pretty printer for the provided SyntaxKind. */
+  enableSubstitution(kind: SyntaxKind): void;
+  /** Determines whether expression substitutions are enabled for the provided node. */
+  isSubstitutionEnabled(node: Node): boolean;
+  /**
+   * Hook used by transformers to substitute expressions just before they
+   * are emitted by the pretty printer.
+   *
+   * NOTE: Transformation hooks should only be modified during Transformer initialization,
+   * before returning the NodeTransformer callback.
+   */
+  onSubstituteNode: (hint: EmitHint, node: Node) => Node;
+  /**
+   * Enables before/after emit notifications in the pretty printer for the provided
+   * SyntaxKind.
+   */
+  enableEmitNotification(kind: SyntaxKind): void;
+  /**
+   * Determines whether before/after emit notifications should be raised in the pretty
+   * printer when it emits a node.
+   */
+  isEmitNotificationEnabled(node: Node): boolean;
+  /**
+   * Hook used to allow transformers to capture state before or after
+   * the printer emits a node.
+   *
+   * NOTE: Transformation hooks should only be modified during Transformer initialization,
+   * before returning the NodeTransformer callback.
+   */
+  onEmitNode: (
+    hint: EmitHint,
+    node: Node,
+    emitCallback: (hint: EmitHint, node: Node) => void
+  ) => void;
+}
+```
+
+### CustomTransformers Interface
+
+Configuration for custom transformer pipeline stages.
+
+```typescript { .api }
+type CustomTransformerFactory = (
+  context: TransformationContext
+) => CustomTransformer;
+
+interface CustomTransformer {
+  transformSourceFile(node: SourceFile): SourceFile;
+  transformBundle(node: Bundle): Bundle;
+}
+
+interface CustomTransformers {
+  /** Custom transformers to evaluate before built-in .js transformations. */
+  before?: (TransformerFactory<SourceFile> | CustomTransformerFactory)[];
+  /** Custom transformers to evaluate after built-in .js transformations. */
+  after?: (TransformerFactory<SourceFile> | CustomTransformerFactory)[];
+  /** Custom transformers to evaluate after built-in .d.ts transformations. */
+  afterDeclarations?: (
+    | TransformerFactory<Bundle | SourceFile>
+    | CustomTransformerFactory
+  )[];
+}
+```
+
+### TransformationResult Interface
+
+Result object returned from transformation operations.
+
+```typescript { .api }
+interface TransformationResult<T extends Node> {
+  /** Gets the transformed source files. */
+  transformed: T[];
+  /** Gets diagnostics for the transformation. */
+  diagnostics?: DiagnosticWithLocation[];
+  /**
+   * Gets a substitute for a node, if one is available; otherwise, returns the original node.
+   *
+   * @param hint A hint as to the intended usage of the node.
+   * @param node The node to substitute.
+   */
+  substituteNode(hint: EmitHint, node: Node): Node;
+  /**
+   * Emits a node with possible notification.
+   *
+   * @param hint A hint as to the intended usage of the node.
+   * @param node The node to emit.
+   * @param emitCallback A callback used to emit the node.
+   */
+  emitNodeWithNotification(
+    hint: EmitHint,
+    node: Node,
+    emitCallback: (hint: EmitHint, node: Node) => void
+  ): void;
+  /**
+   * Indicates if a given node needs an emit notification
+   *
+   * @param node The node to emit.
+   */
+  isEmitNotificationEnabled?(node: Node): boolean;
+  /**
+   * Clean up EmitNode entries on any parse-tree nodes.
+   */
+  dispose(): void;
+}
+```
+
+### Transform Function
+
+Main entry point for applying transformers to source files.
+
+```typescript { .api }
+/**
+ * Transform one or more nodes using the supplied transformers.
+ * @param source A single Node or an array of Node objects.
+ * @param transformers An array of TransformerFactory callbacks used to process the transformation.
+ * @param compilerOptions Optional compiler options.
+ */
+function transform<T extends Node>(
+  source: T | T[],
+  transformers: TransformerFactory<T>[],
+  compilerOptions?: CompilerOptions
+): TransformationResult<T>;
+```
+
+### Visitor Utilities
+
+Functions for traversing and transforming AST nodes.
+
+```typescript { .api }
+/**
+ * Visits a Node using the supplied visitor, possibly returning a new Node in its place.
+ *
+ * @param node The Node to visit.
+ * @param visitor The callback used to visit the Node.
+ * @param test A callback to execute to verify the Node is valid.
+ * @param lift An optional callback to execute to lift a NodeArray into a valid Node.
+ */
+function visitNode<
+  TIn extends Node | undefined,
+  TVisited extends Node | undefined,
+  TOut extends Node
+>(
+  node: TIn,
+  visitor: Visitor<NonNullable<TIn>, TVisited>,
+  test: (node: Node) => node is TOut,
+  lift?: (node: readonly Node[]) => Node
+): TOut | (TIn & undefined) | (TVisited & undefined);
+
+function visitNode<
+  TIn extends Node | undefined,
+  TVisited extends Node | undefined
+>(
+  node: TIn,
+  visitor: Visitor<NonNullable<TIn>, TVisited>,
+  test?: (node: Node) => boolean,
+  lift?: (node: readonly Node[]) => Node
+): Node | (TIn & undefined) | (TVisited & undefined);
+
+/**
+ * Visits a NodeArray using the supplied visitor, possibly returning a new NodeArray in its place.
+ *
+ * @param nodes The NodeArray to visit.
+ * @param visitor The callback used to visit a Node.
+ * @param test A node test to execute for each node.
+ * @param start An optional value indicating the starting offset at which to start visiting.
+ * @param count An optional value indicating the maximum number of nodes to visit.
+ */
+function visitNodes<
+  TIn extends Node,
+  TInArray extends NodeArray<TIn> | undefined,
+  TOut extends Node
+>(
+  nodes: TInArray,
+  visitor: Visitor<TIn, Node | undefined>,
+  test: (node: Node) => node is TOut,
+  start?: number,
+  count?: number
+): NodeArray<TOut> | (TInArray & undefined);
+
+function visitNodes<
+  TIn extends Node,
+  TInArray extends NodeArray<TIn> | undefined
+>(
+  nodes: TInArray,
+  visitor: Visitor<TIn, Node | undefined>,
+  test?: (node: Node) => boolean,
+  start?: number,
+  count?: number
+): NodeArray<Node> | (TInArray & undefined);
+
+/**
+ * Visits each child of a Node using the supplied visitor, possibly returning a new Node
+ * of the same kind in its place.
+ *
+ * @param node The Node whose children will be visited.
+ * @param visitor The callback used to visit each child.
+ * @param context A lexical environment context for the visitor.
+ */
+function visitEachChild<T extends Node>(
+  node: T,
+  visitor: Visitor,
+  context: TransformationContext | undefined
+): T;
+
+function visitEachChild<T extends Node>(
+  node: T | undefined,
+  visitor: Visitor,
+  context: TransformationContext | undefined,
+  nodesVisitor?: typeof visitNodes,
+  tokenVisitor?: Visitor
+): T | undefined;
+
+/**
+ * Starts a new lexical environment and visits a statement list, ending the lexical
+ * environment and merging hoisted declarations upon completion.
+ */
+function visitLexicalEnvironment(
+  statements: NodeArray<Statement>,
+  visitor: Visitor,
+  context: TransformationContext,
+  start?: number,
+  ensureUseStrict?: boolean,
+  nodesVisitor?: NodesVisitor
+): NodeArray<Statement>;
+
+/**
+ * Starts a new lexical environment and visits a parameter list, suspending the lexical
+ * environment upon completion.
+ */
+function visitParameterList(
+  nodes: NodeArray<ParameterDeclaration>,
+  visitor: Visitor,
+  context: TransformationContext,
+  nodesVisitor?: NodesVisitor
+): NodeArray<ParameterDeclaration>;
+
+function visitParameterList(
+  nodes: NodeArray<ParameterDeclaration> | undefined,
+  visitor: Visitor,
+  context: TransformationContext,
+  nodesVisitor?: NodesVisitor
+): NodeArray<ParameterDeclaration> | undefined;
+
+/**
+ * Resumes a suspended lexical environment and visits a function body, ending the lexical
+ * environment and merging hoisted declarations upon completion.
+ */
+function visitFunctionBody(
+  node: FunctionBody,
+  visitor: Visitor,
+  context: TransformationContext
+): FunctionBody;
+
+function visitFunctionBody(
+  node: FunctionBody | undefined,
+  visitor: Visitor,
+  context: TransformationContext
+): FunctionBody | undefined;
+
+function visitFunctionBody(
+  node: ConciseBody,
+  visitor: Visitor,
+  context: TransformationContext
+): ConciseBody;
+```
+
+### Emit Helpers
+
+Utilities for requesting runtime helpers during transformation.
+
+```typescript { .api }
+interface EmitHelperBase {
+  readonly name: string;
+  readonly scoped: boolean;
+  readonly text: string | ((node: EmitHelperUniqueNameCallback) => string);
+  readonly priority?: number;
+  readonly dependencies?: EmitHelper[];
+}
+
+interface ScopedEmitHelper extends EmitHelperBase {
+  readonly scoped: true;
+}
+
+interface UnscopedEmitHelper extends EmitHelperBase {
+  readonly scoped: false;
+  readonly text: string;
+}
+
+type EmitHelper = ScopedEmitHelper | UnscopedEmitHelper;
+
+type EmitHelperUniqueNameCallback = (name: string) => string;
+
+function addEmitHelper<T extends Node>(node: T, helper: EmitHelper): T;
+
+function addEmitHelpers<T extends Node>(
+  node: T,
+  helpers: EmitHelper[] | undefined
+): T;
+```
+
+### Emit Hints and Flags
+
+Enums for controlling emit behavior.
+
+```typescript { .api }
+enum EmitHint {
+  SourceFile = 0,
+  Expression = 1,
+  IdentifierName = 2,
+  MappedTypeParameter = 3,
+  Unspecified = 4,
+  EmbeddedStatement = 5,
+  JsxAttributeValue = 6,
+  ImportTypeNodeAttributes = 7
+}
+
+enum EmitFlags {
+  None = 0,
+  SingleLine = 1,
+  MultiLine = 2,
+  AdviseOnEmitNode = 4,
+  NoSubstitution = 8,
+  CapturesThis = 16,
+  NoLeadingSourceMap = 32,
+  NoTrailingSourceMap = 64,
+  NoSourceMap = 96,
+  NoNestedSourceMaps = 128,
+  NoTokenLeadingSourceMaps = 256,
+  NoTokenTrailingSourceMaps = 512,
+  NoTokenSourceMaps = 768,
+  NoLeadingComments = 1024,
+  NoTrailingComments = 2048,
+  NoComments = 3072,
+  NoNestedComments = 4096,
+  HelperName = 8192,
+  ExportName = 16384,
+  LocalName = 32768,
+  InternalName = 65536,
+  Indented = 131072,
+  NoIndentation = 262144,
+  AsyncFunctionBody = 524288,
+  ReuseTempVariableScope = 1048576,
+  CustomPrologue = 2097152,
+  NoHoisting = 4194304,
+  Iterator = 8388608,
+  NoAsciiEscaping = 16777216
+}
+
+function setEmitFlags<T extends Node>(node: T, emitFlags: EmitFlags): T;
+```
+
+### Source Map Utilities
+
+Functions for managing source map ranges during transformation.
+
+```typescript { .api }
+interface SourceMapRange extends TextRange {
+  source?: SourceMapSource;
+}
+
+interface SourceMapSource {
+  fileName: string;
+  text: string;
+  skipTrivia?: (pos: number) => number;
+  getLineAndCharacterOfPosition(pos: number): LineAndCharacter;
+}
+
+function createSourceMapSource(
+  fileName: string,
+  text: string,
+  skipTrivia?: (pos: number) => number
+): SourceMapSource;
+
+function getSourceMapRange(node: Node): SourceMapRange;
+
+function setSourceMapRange<T extends Node>(
+  node: T,
+  range: SourceMapRange | undefined
+): T;
+
+function getTokenSourceMapRange(
+  node: Node,
+  token: SyntaxKind
+): SourceMapRange | undefined;
+
+function setTokenSourceMapRange<T extends Node>(
+  node: T,
+  token: SyntaxKind,
+  range: SourceMapRange | undefined
+): T;
+```
+
+## Usage Examples
+
+### Creating a Simple Transformer
+
+Transform all string literals to uppercase:
+
+```typescript
+import * as ts from 'typescript';
+
+// Create a transformer factory
+function uppercaseStringsTransformer(): ts.TransformerFactory<ts.SourceFile> {
+  return (context: ts.TransformationContext) => {
+    // Return the transformer function
+    return (sourceFile: ts.SourceFile) => {
+      // Visitor function for each node
+      const visitor = (node: ts.Node): ts.Node => {
+        // If it's a string literal, transform it
+        if (ts.isStringLiteral(node)) {
+          return context.factory.createStringLiteral(
+            node.text.toUpperCase()
+          );
+        }
+        // Otherwise, continue visiting child nodes
+        return ts.visitEachChild(node, visitor, context);
+      };
+
+      // Start visiting from the source file
+      return ts.visitNode(sourceFile, visitor) as ts.SourceFile;
+    };
+  };
+}
+
+// Use the transformer
+const source = ts.createSourceFile(
+  'test.ts',
+  'const message = "hello world";',
+  ts.ScriptTarget.Latest
+);
+
+const result = ts.transform(source, [uppercaseStringsTransformer()]);
+const transformedSourceFile = result.transformed[0];
+
+// Print the result
+const printer = ts.createPrinter();
+const output = printer.printFile(transformedSourceFile);
+console.log(output); // const message = "HELLO WORLD";
+
+// Clean up
+result.dispose();
+```
+
+### Using Custom Transformers with Program
+
+Integrate custom transformers into the compilation process:
+
+```typescript
+import * as ts from 'typescript';
+
+const customTransformers: ts.CustomTransformers = {
+  before: [uppercaseStringsTransformer()],
+  after: [],
+  afterDeclarations: []
+};
+
+const program = ts.createProgram({
+  rootNames: ['input.ts'],
+  options: { target: ts.ScriptTarget.ES2020 }
+});
+
+// Emit with custom transformers
+program.emit(
+  undefined, // targetSourceFile
+  undefined, // writeFile
+  undefined, // cancellationToken
+  false,     // emitOnlyDtsFiles
+  customTransformers
+);
+```
+
+### Advanced Transformer with Lexical Environment
+
+Transform async functions and track hoisted variables:
+
+```typescript
+import * as ts from 'typescript';
+
+function asyncTransformer(): ts.TransformerFactory<ts.SourceFile> {
+  return (context: ts.TransformationContext) => {
+    return (sourceFile: ts.SourceFile) => {
+      const visitor = (node: ts.Node): ts.Node => {
+        if (ts.isFunctionDeclaration(node) && node.modifiers?.some(
+          m => m.kind === ts.SyntaxKind.AsyncKeyword
+        )) {
+          // Start new lexical environment for the function
+          context.startLexicalEnvironment();
+
+          // Visit function body
+          const visitedBody = ts.visitEachChild(node.body!, visitor, context);
+
+          // Get hoisted declarations
+          const hoisted = context.endLexicalEnvironment();
+
+          // Create new function with hoisted declarations
+          if (hoisted && hoisted.length > 0) {
+            const newBody = context.factory.updateBlock(
+              node.body!,
+              [...hoisted, ...visitedBody.statements]
+            );
+            return context.factory.updateFunctionDeclaration(
+              node,
+              node.modifiers,
+              node.asteriskToken,
+              node.name,
+              node.typeParameters,
+              node.parameters,
+              node.type,
+              newBody
+            );
+          }
+        }
+
+        return ts.visitEachChild(node, visitor, context);
+      };
+
+      return ts.visitNode(sourceFile, visitor) as ts.SourceFile;
+    };
+  };
+}
+```
+
+### Using Emit Helpers
+
+Request runtime helper functions during transformation:
+
+```typescript
+import * as ts from 'typescript';
+
+function spreadTransformer(): ts.TransformerFactory<ts.SourceFile> {
+  return (context: ts.TransformationContext) => {
+    return (sourceFile: ts.SourceFile) => {
+      const visitor = (node: ts.Node): ts.Node => {
+        if (ts.isSpreadElement(node)) {
+          // Request __spread emit helper
+          context.requestEmitHelper({
+            name: '__spread',
+            scoped: false,
+            text: 'var __spread = ...'
+          } as ts.UnscopedEmitHelper);
+        }
+
+        return ts.visitEachChild(node, visitor, context);
+      };
+
+      return ts.visitNode(sourceFile, visitor) as ts.SourceFile;
+    };
+  };
+}
+```
diff --git a/.tessl/tiles/tessl/npm-typescript/docs/types/diagnostics.md b/.tessl/tiles/tessl/npm-typescript/docs/types/diagnostics.md
new file mode 100644
index 000000000..4f9edc945
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-typescript/docs/types/diagnostics.md
@@ -0,0 +1,279 @@
+# Diagnostics
+
+Diagnostic types and utilities for error, warning, and suggestion reporting throughout the TypeScript compilation process.
+
+## Capabilities
+
+### Diagnostic Interface
+
+Core diagnostic structure.
+
+```typescript { .api }
+interface Diagnostic {
+  category: DiagnosticCategory;
+  code: number;
+  file: SourceFile | undefined;
+  start: number | undefined;
+  length: number | undefined;
+  messageText: string | DiagnosticMessageChain;
+  relatedInformation?: DiagnosticRelatedInformation[];
+  source?: string;
+  reportsUnnecessary?: {};
+  reportsDeprecated?: {};
+}
+
+interface DiagnosticWithLocation extends Diagnostic {
+  file: SourceFile;
+  start: number;
+  length: number;
+}
+
+enum DiagnosticCategory {
+  Warning = 0,
+  Error = 1,
+  Suggestion = 2,
+  Message = 3
+}
+```
+
+### Diagnostic Message Chain
+
+```typescript { .api }
+interface DiagnosticMessageChain {
+  messageText: string;
+  category: DiagnosticCategory;
+  code: number;
+  next?: DiagnosticMessageChain[];
+}
+
+interface DiagnosticMessage {
+  key: string;
+  category: DiagnosticCategory;
+  code: number;
+  message: string;
+  reportsUnnecessary?: {};
+  reportsDeprecated?: {};
+}
+```
+
+### Related Information
+
+```typescript { .api }
+interface DiagnosticRelatedInformation {
+  category: DiagnosticCategory;
+  code: number;
+  file: SourceFile | undefined;
+  start: number | undefined;
+  length: number | undefined;
+  messageText: string | DiagnosticMessageChain;
+}
+```
+
+### Pre-Emit Diagnostics
+
+Get all diagnostics before emit.
+
+```typescript { .api }
+function getPreEmitDiagnostics(
+  program: Program,
+  sourceFile?: SourceFile,
+  cancellationToken?: CancellationToken
+): readonly Diagnostic[];
+```
+
+### Formatting Diagnostics
+
+Format diagnostics for display.
+
+```typescript { .api }
+function formatDiagnostic(
+  diagnostic: Diagnostic,
+  host: FormatDiagnosticsHost
+): string;
+
+function formatDiagnostics(
+  diagnostics: readonly Diagnostic[],
+  host: FormatDiagnosticsHost
+): string;
+
+function formatDiagnosticsWithColorAndContext(
+  diagnostics: readonly Diagnostic[],
+  host: FormatDiagnosticsHost
+): string;
+
+interface FormatDiagnosticsHost {
+  getCurrentDirectory(): string;
+  getCanonicalFileName(fileName: string): string;
+  getNewLine(): string;
+}
+```
+
+### Flatten Message Text
+
+```typescript { .api }
+function flattenDiagnosticMessageText(
+  diag: string | DiagnosticMessageChain | undefined,
+  newLine: string,
+  indent?: number
+): string;
+```
+
+### Creating Diagnostics
+
+```typescript { .api }
+function createCompilerDiagnostic(
+  message: DiagnosticMessage,
+  ...args: (string | number | undefined)[]
+): Diagnostic;
+
+function createFileDiagnostic(
+  file: SourceFile,
+  start: number,
+  length: number,
+  message: DiagnosticMessage,
+  ...args: (string | number | undefined)[]
+): DiagnosticWithLocation;
+
+function createCompilerDiagnosticFromMessageChain(
+  chain: DiagnosticMessageChain,
+  relatedInformation?: DiagnosticRelatedInformation[]
+): Diagnostic;
+```
+
+### Diagnostic Sorting
+
+```typescript { .api }
+function sortAndDeduplicateDiagnostics<T extends Diagnostic>(
+  diagnostics: readonly T[]
+): SortedReadonlyArray<T>;
+
+function compareDiagnostics(d1: Diagnostic, d2: Diagnostic): number;
+
+function compareDiagnosticsSkipRelatedInformation(
+  d1: Diagnostic,
+  d2: Diagnostic
+): number;
+```
+
+### Getting Diagnostics from Program
+
+```typescript { .api }
+// From Program interface
+interface Program {
+  getSyntacticDiagnostics(
+    sourceFile?: SourceFile,
+    cancellationToken?: CancellationToken
+  ): readonly Diagnostic[];
+  
+  getSemanticDiagnostics(
+    sourceFile?: SourceFile,
+    cancellationToken?: CancellationToken
+  ): readonly Diagnostic[];
+  
+  getDeclarationDiagnostics(
+    sourceFile?: SourceFile,
+    cancellationToken?: CancellationToken
+  ): readonly DiagnosticWithLocation[];
+  
+  getConfigFileParsingDiagnostics(): readonly Diagnostic[];
+  
+  getGlobalDiagnostics(): readonly Diagnostic[];
+  
+  getOptionsDiagnostics(
+    cancellationToken?: CancellationToken
+  ): readonly Diagnostic[];
+}
+```
+
+### Cancellation Token
+
+```typescript { .api }
+interface CancellationToken {
+  isCancellationRequested(): boolean;
+  throwIfCancellationRequested(): void;
+}
+
+const nullCancellationToken: CancellationToken;
+```
+
+### Error Codes
+
+TypeScript error codes are numbered from 1000-7999. Common ranges:
+
+- 1000-1999: Syntactic errors
+- 2000-2999: Semantic errors
+- 4000-4999: Declaration file errors
+- 5000-5999: Compiler options errors
+- 6000-6999: Command line errors
+- 7000-7999: Internal errors
+
+## Usage Example
+
+Getting and formatting diagnostics:
+
+```typescript
+import * as ts from 'typescript';
+
+const code = `
+const x: number = "not a number";
+function test() { }
+test(123); // Too many arguments
+`;
+
+const sourceFile = ts.createSourceFile('example.ts', code, ts.ScriptTarget.Latest, true);
+const program = ts.createProgram(['example.ts'], {}, {
+  getSourceFile: (fileName) => fileName === 'example.ts' ? sourceFile : undefined,
+  writeFile: () => {},
+  getCurrentDirectory: () => '',
+  getDirectories: () => [],
+  fileExists: () => true,
+  readFile: () => '',
+  getCanonicalFileName: (fileName) => fileName,
+  useCaseSensitiveFileNames: () => true,
+  getNewLine: () => '\n'
+});
+
+// Get all pre-emit diagnostics
+const diagnostics = ts.getPreEmitDiagnostics(program);
+
+// Format diagnostics
+const formatHost: ts.FormatDiagnosticsHost = {
+  getCurrentDirectory: () => process.cwd(),
+  getCanonicalFileName: (fileName) => fileName,
+  getNewLine: () => '\n'
+};
+
+console.log(ts.formatDiagnosticsWithColorAndContext(diagnostics, formatHost));
+
+// Print individual diagnostics
+diagnostics.forEach(diagnostic => {
+  if (diagnostic.file) {
+    const { line, character } = diagnostic.file.getLineAndCharacterOfPosition(diagnostic.start!);
+    const message = ts.flattenDiagnosticMessageText(diagnostic.messageText, '\n');
+    console.log(`${diagnostic.file.fileName} (${line + 1},${character + 1}): error TS${diagnostic.code}: ${message}`);
+  } else {
+    console.log(ts.flattenDiagnosticMessageText(diagnostic.messageText, '\n'));
+  }
+});
+```
+
+Filtering diagnostics by category:
+
+```typescript
+import * as ts from 'typescript';
+
+function filterDiagnosticsByCategory(
+  diagnostics: readonly ts.Diagnostic[],
+  category: ts.DiagnosticCategory
+): ts.Diagnostic[] {
+  return diagnostics.filter(d => d.category === category);
+}
+
+const errors = filterDiagnosticsByCategory(diagnostics, ts.DiagnosticCategory.Error);
+const warnings = filterDiagnosticsByCategory(diagnostics, ts.DiagnosticCategory.Warning);
+const suggestions = filterDiagnosticsByCategory(diagnostics, ts.DiagnosticCategory.Suggestion);
+
+console.log(`Errors: ${errors.length}`);
+console.log(`Warnings: ${warnings.length}`);
+console.log(`Suggestions: ${suggestions.length}`);
+```
diff --git a/.tessl/tiles/tessl/npm-typescript/docs/types/type-checker.md b/.tessl/tiles/tessl/npm-typescript/docs/types/type-checker.md
new file mode 100644
index 000000000..fc1d21d6c
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-typescript/docs/types/type-checker.md
@@ -0,0 +1,640 @@
+# Type System
+
+TypeChecker API for type inference, analysis, and symbol resolution. The type system provides 150+ methods for analyzing TypeScript types and symbols.
+
+## Capabilities
+
+### TypeChecker Interface
+
+Primary interface for type analysis and symbol resolution.
+
+```typescript { .api }
+interface TypeChecker {
+  /* Type Operations */
+  getTypeAtLocation(node: Node): Type;
+  getDeclaredTypeOfSymbol(symbol: Symbol): Type;
+  getTypeOfSymbolAtLocation(symbol: Symbol, node: Node): Type;
+  getTypeFromTypeNode(node: TypeNode): Type;
+  getApparentType(type: Type): Type;
+  getBaseTypeOfLiteralType(type: Type): Type;
+  getWidenedType(type: Type): Type;
+  getNullableType(type: Type, flags: TypeFlags): Type;
+  getNonNullableType(type: Type): Type;
+  getTypePredicateOfSignature(signature: Signature): TypePredicate | undefined;
+  getReturnTypeOfSignature(signature: Signature): Type;
+  
+  /* Type Properties */
+  getPropertiesOfType(type: Type): Symbol[];
+  getPropertyOfType(type: Type, propertyName: string): Symbol | undefined;
+  getIndexInfoOfType(type: Type, kind: IndexKind): IndexInfo | undefined;
+  getIndexInfosOfType(type: Type): readonly IndexInfo[];
+  getSignaturesOfType(type: Type, kind: SignatureKind): readonly Signature[];
+  getIndexTypeOfType(type: Type, kind: IndexKind): Type | undefined;
+  getBaseTypes(type: InterfaceType): BaseType[];
+  
+  /* Type Checking */
+  isTypeAssignableTo(source: Type, target: Type): boolean;
+
+  /* Symbol Operations */
+  getSymbolAtLocation(node: Node): Symbol | undefined;
+  getSymbolsInScope(location: Node, meaning: SymbolFlags): Symbol[];
+  getTypeOfSymbol(symbol: Symbol): Type;
+  getSymbolsOfParameterPropertyDeclaration(parameter: ParameterDeclaration, parameterName: string): Symbol[];
+  getShorthandAssignmentValueSymbol(location: Node | undefined): Symbol | undefined;
+  getExportSpecifierLocalTargetSymbol(location: ExportSpecifier | Identifier): Symbol | undefined;
+  getExportSymbolOfSymbol(symbol: Symbol): Symbol;
+  getPropertySymbolOfDestructuringAssignment(location: Identifier): Symbol | undefined;
+  getTypeOfAssignmentPattern(pattern: AssignmentPattern): Type;
+  getPrivateIdentifierPropertyOfType(leftType: Type, name: string, location: Node): Symbol | undefined;
+  getIndexInfosOfIndexSymbol(indexSymbol: Symbol, siblingSymbols?: Symbol[]): IndexInfo[];
+  getAwaitedType(type: Type): Type | undefined;
+  getImmediateAliasedSymbol(symbol: Symbol): Symbol | undefined;
+  getAugmentedPropertiesOfType(type: Type): Symbol[];
+  getRootSymbols(symbol: Symbol): readonly Symbol[];
+  getSymbolOfExpando(node: Node, allowDeclaration: boolean): Symbol | undefined;
+  isUndefinedSymbol(symbol: Symbol): boolean;
+  isArgumentsSymbol(symbol: Symbol): boolean;
+  isUnknownSymbol(symbol: Symbol): boolean;
+  getMergedSymbol(symbol: Symbol): Symbol;
+
+  /* Signature Operations */
+  getSignatureFromDeclaration(declaration: SignatureDeclaration): Signature | undefined;
+  getResolvedSignature(node: CallLikeExpression, candidatesOutArray?: Signature[], argumentCount?: number): Signature | undefined;
+  isImplementationOfOverload(node: SignatureDeclaration): boolean | undefined;
+  
+  /* Type String Conversion */
+  typeToString(type: Type, enclosingDeclaration?: Node, flags?: TypeFormatFlags): string;
+  symbolToString(symbol: Symbol, enclosingDeclaration?: Node, meaning?: SymbolFlags, flags?: SymbolFormatFlags): string;
+  typePredicateToString(predicate: TypePredicate, enclosingDeclaration?: Node, flags?: TypeFormatFlags): string;
+  signatureToString(signature: Signature, enclosingDeclaration?: Node, flags?: TypeFormatFlags, kind?: SignatureKind): string;
+  
+  /* Declaration and Module Info */
+  getFullyQualifiedName(symbol: Symbol): string;
+  getConstantValue(node: EnumMember | PropertyAccessExpression | ElementAccessExpression): string | number | undefined;
+  isValidPropertyAccess(node: PropertyAccessExpression | QualifiedName | ImportTypeNode, propertyName: string): boolean;
+  getAliasedSymbol(symbol: Symbol): Symbol;
+  getExportsOfModule(moduleSymbol: Symbol): Symbol[];
+  getJsxIntrinsicTagNamesAt(location: Node): Symbol[];
+  isOptionalParameter(node: ParameterDeclaration): boolean;
+  getAmbientModules(): Symbol[];
+  tryGetMemberInModuleExports(memberName: string, moduleSymbol: Symbol): Symbol | undefined;
+  getBaseConstraintOfType(type: Type): Type | undefined;
+  getDefaultFromTypeParameter(type: Type): Type | undefined;
+  getTypeArguments(type: TypeReference): readonly Type[];
+  getContextualType(node: Expression): Type | undefined;
+
+  /* Primitive Type Getters */
+  getAnyType(): Type;
+  getStringType(): Type;
+  getStringLiteralType(value: string): StringLiteralType;
+  getNumberType(): Type;
+  getNumberLiteralType(value: number): NumberLiteralType;
+  getBigIntType(): Type;
+  getBigIntLiteralType(value: PseudoBigInt): BigIntLiteralType;
+  getBooleanType(): Type;
+  getUnknownType(): Type;
+  getFalseType(): Type;
+  getTrueType(): Type;
+  getVoidType(): Type;
+  getUndefinedType(): Type;
+  getNullType(): Type;
+  getESSymbolType(): Type;
+  getNeverType(): Type;
+  getNonPrimitiveType(): Type;
+
+  /* Type Classification Methods */
+  isArrayType(type: Type): boolean;
+  isTupleType(type: Type): boolean;
+  isArrayLikeType(type: Type): boolean;
+
+  /* Advanced Type Operations */
+  resolveName(name: string, location: Node | undefined, meaning: SymbolFlags, excludeGlobals: boolean): Symbol | undefined;
+  runWithCancellationToken<T>(token: CancellationToken, cb: (checker: TypeChecker) => T): T;
+  getTypeArgumentsForResolvedSignature(signature: Signature): readonly Type[] | undefined;
+
+  /* AST Builder Methods */
+  typeToTypeNode(type: Type, enclosingDeclaration: Node | undefined, flags: NodeBuilderFlags | undefined): TypeNode | undefined;
+  signatureToSignatureDeclaration(signature: Signature, kind: SyntaxKind, enclosingDeclaration: Node | undefined, flags: NodeBuilderFlags | undefined):
+    | SignatureDeclaration & { typeArguments?: NodeArray<TypeNode> }
+    | undefined;
+  indexInfoToIndexSignatureDeclaration(indexInfo: IndexInfo, enclosingDeclaration: Node | undefined, flags: NodeBuilderFlags | undefined): IndexSignatureDeclaration | undefined;
+  symbolToEntityName(symbol: Symbol, meaning: SymbolFlags, enclosingDeclaration: Node | undefined, flags: NodeBuilderFlags | undefined): EntityName | undefined;
+  symbolToExpression(symbol: Symbol, meaning: SymbolFlags, enclosingDeclaration: Node | undefined, flags: NodeBuilderFlags | undefined): Expression | undefined;
+  symbolToTypeParameterDeclarations(symbol: Symbol, enclosingDeclaration: Node | undefined, flags: NodeBuilderFlags | undefined): NodeArray<TypeParameterDeclaration> | undefined;
+  symbolToParameterDeclaration(symbol: Symbol, enclosingDeclaration: Node | undefined, flags: NodeBuilderFlags | undefined): ParameterDeclaration | undefined;
+  typeParameterToDeclaration(parameter: TypeParameter, enclosingDeclaration: Node | undefined, flags: NodeBuilderFlags | undefined): TypeParameterDeclaration | undefined;
+
+}
+```
+
+### Type Interface
+
+Core type representation.
+
+```typescript { .api }
+interface Type {
+  flags: TypeFlags;
+  symbol: Symbol;
+  pattern?: DestructuringPattern;
+  aliasSymbol?: Symbol;
+  aliasTypeArguments?: readonly Type[];
+  
+  getFlags(): TypeFlags;
+  getSymbol(): Symbol | undefined;
+  getProperties(): Symbol[];
+  getProperty(propertyName: string): Symbol | undefined;
+  getApparentProperties(): Symbol[];
+  getCallSignatures(): readonly Signature[];
+  getConstructSignatures(): readonly Signature[];
+  getStringIndexType(): Type | undefined;
+  getNumberIndexType(): Type | undefined;
+  getBaseTypes(): BaseType[] | undefined;
+  getNonNullableType(): Type;
+  getConstraint(): Type | undefined;
+  getDefault(): Type | undefined;
+  isUnion(): this is UnionType;
+  isIntersection(): this is IntersectionType;
+  isUnionOrIntersection(): this is UnionOrIntersectionType;
+  isLiteral(): this is LiteralType;
+  isStringLiteral(): this is StringLiteralType;
+  isNumberLiteral(): this is NumberLiteralType;
+  isTypeParameter(): this is TypeParameter;
+  isClassOrInterface(): this is InterfaceType;
+  isClass(): this is InterfaceType;
+}
+
+enum TypeFlags {
+  Any = 1,
+  Unknown = 2,
+  String = 4,
+  Number = 8,
+  Boolean = 16,
+  Enum = 32,
+  BigInt = 64,
+  StringLiteral = 128,
+  NumberLiteral = 256,
+  BooleanLiteral = 512,
+  EnumLiteral = 1024,
+  BigIntLiteral = 2048,
+  ESSymbol = 4096,
+  UniqueESSymbol = 8192,
+  Void = 16384,
+  Undefined = 32768,
+  Null = 65536,
+  Never = 131072,
+  TypeParameter = 262144,
+  Object = 524288,
+  Union = 1048576,
+  Intersection = 2097152,
+  Index = 4194304,
+  IndexedAccess = 8388608,
+  Conditional = 16777216,
+  Substitution = 33554432,
+  NonPrimitive = 67108864,
+  TemplateLiteral = 134217728,
+  StringMapping = 268435456,
+  Literal = 2944,
+  Unit = 109472,
+  Freshable = 2976,
+  StringOrNumberLiteral = 384,
+  PossiblyFalsy = 117724,
+  StringLike = 402653316,
+  NumberLike = 296,
+  BigIntLike = 2112,
+  BooleanLike = 528,
+  EnumLike = 1056,
+  ESSymbolLike = 12288,
+  VoidLike = 49152,
+  UnionOrIntersection = 3145728,
+  StructuredType = 3670016,
+  TypeVariable = 8650752,
+  InstantiableNonPrimitive = 58982400,
+  InstantiablePrimitive = 406847488,
+  Instantiable = 465829888,
+  StructuredOrInstantiable = 469499904,
+  Narrowable = 536624127
+}
+```
+
+### Utility Types
+
+Fundamental utility types used throughout the type system.
+
+```typescript { .api }
+/**
+ * String type branded for use as an escaped identifier name.
+ * Used internally for efficient Symbol name storage.
+ */
+type __String = (string & {
+  __escapedIdentifier: void;
+}) | (void & {
+  __escapedIdentifier: void;
+});
+
+/**
+ * String type branded as a file system path.
+ */
+type Path = string & {
+  __pathBrand: any;
+};
+
+/**
+ * Map of symbol names to Symbol objects.
+ */
+type SymbolTable = Map<__String, Symbol>;
+
+/**
+ * Generic wrapper that adds optional metadata to any type.
+ */
+type WithMetadata<T> = T & {
+  metadata?: unknown;
+};
+
+/**
+ * Generic string-indexed object interface.
+ */
+interface MapLike<T> {
+  [index: string]: T;
+}
+```
+
+### Symbol Interface
+
+Represents a named declaration.
+
+```typescript { .api }
+interface Symbol {
+  flags: SymbolFlags;
+  escapedName: __String;
+  readonly name: string;
+  declarations?: Declaration[];
+  valueDeclaration?: Declaration;
+  members?: SymbolTable;
+  exports?: SymbolTable;
+  globalExports?: SymbolTable;
+
+  getFlags(): SymbolFlags;
+  getName(): string;
+  getEscapedName(): __String;
+  getDeclarations(): Declaration[] | undefined;
+  getDocumentationComment(typeChecker: TypeChecker | undefined): SymbolDisplayPart[];
+  getJsDocTags(checker?: TypeChecker): JSDocTagInfo[];
+}
+
+enum SymbolFlags {
+  None = 0,
+  FunctionScopedVariable = 1,
+  BlockScopedVariable = 2,
+  Property = 4,
+  EnumMember = 8,
+  Function = 16,
+  Class = 32,
+  Interface = 64,
+  ConstEnum = 128,
+  RegularEnum = 256,
+  ValueModule = 512,
+  NamespaceModule = 1024,
+  TypeLiteral = 2048,
+  ObjectLiteral = 4096,
+  Method = 8192,
+  Constructor = 16384,
+  GetAccessor = 32768,
+  SetAccessor = 65536,
+  Signature = 131072,
+  TypeParameter = 262144,
+  TypeAlias = 524288,
+  ExportValue = 1048576,
+  Alias = 2097152,
+  Prototype = 4194304,
+  ExportStar = 8388608,
+  Optional = 16777216,
+  Transient = 33554432,
+  Assignment = 67108864,
+  ModuleExports = 134217728,
+  All = -1,
+  Enum = 384,
+  Variable = 3,
+  Value = 111551,
+  Type = 788968,
+  Namespace = 1920,
+  Module = 1536,
+  Accessor = 98304,
+  FunctionScopedVariableExcludes = 111550,
+  BlockScopedVariableExcludes = 111551,
+  ParameterExcludes = 111551,
+  PropertyExcludes = 0,
+  EnumMemberExcludes = 900095,
+  FunctionExcludes = 110991,
+  ClassExcludes = 899503,
+  InterfaceExcludes = 788872,
+  RegularEnumExcludes = 899327,
+  ConstEnumExcludes = 899967,
+  ValueModuleExcludes = 110735,
+  NamespaceModuleExcludes = 0,
+  MethodExcludes = 103359,
+  GetAccessorExcludes = 46015,
+  SetAccessorExcludes = 78783,
+  AccessorExcludes = 13247,
+  TypeParameterExcludes = 526824,
+  TypeAliasExcludes = 788968,
+  AliasExcludes = 2097152,
+  ModuleMember = 2623475,
+  ExportHasLocal = 944,
+  BlockScoped = 418,
+  PropertyOrAccessor = 98308,
+  ClassMember = 106500
+}
+```
+
+### Signature Interface
+
+Represents function, constructor, or index signatures.
+
+```typescript { .api }
+interface Signature {
+  declaration?: SignatureDeclaration | JSDocSignature;
+  typeParameters?: readonly TypeParameter[];
+  parameters: readonly Symbol[];
+  thisParameter?: Symbol;
+  
+  getDeclaration(): SignatureDeclaration;
+  getTypeParameters(): TypeParameter[] | undefined;
+  getParameters(): Symbol[];
+  getTypeParameterAtPosition(pos: number): Type;
+  getReturnType(): Type;
+  getDocumentationComment(typeChecker: TypeChecker | undefined): SymbolDisplayPart[];
+  getJsDocTags(): JSDocTagInfo[];
+}
+
+enum SignatureKind {
+  Call = 0,
+  Construct = 1
+}
+```
+
+### Specialized Type Interfaces
+
+```typescript { .api }
+interface ObjectType extends Type {
+  objectFlags: ObjectFlags;
+}
+
+interface InterfaceType extends ObjectType {
+  typeParameters: TypeParameter[] | undefined;
+  outerTypeParameters: TypeParameter[] | undefined;
+  localTypeParameters: TypeParameter[] | undefined;
+  thisType: TypeParameter | undefined;
+  resolvedBaseConstructorType?: Type;
+  resolvedBaseTypes: BaseType[];
+}
+
+interface TypeReference extends ObjectType {
+  target: GenericType;
+  node?: TypeReferenceNode | ArrayTypeNode | TupleTypeNode;
+  resolvedTypeArguments?: readonly Type[];
+  literalType?: TypeReference;
+}
+
+interface UnionOrIntersectionType extends Type {
+  types: Type[];
+  propertyCache?: SymbolTable;
+  propertyCacheWithoutObjectFunctionPropertyAugment?: SymbolTable;
+  resolvedProperties: Symbol[];
+  resolvedIndexType: IndexType;
+  resolvedStringIndexType: IndexType;
+  resolvedBaseConstraint: Type;
+}
+
+interface UnionType extends UnionOrIntersectionType {
+  resolvedReducedType?: Type;
+}
+
+interface IntersectionType extends UnionOrIntersectionType {
+  resolvedApparentType: Type;
+}
+
+interface TypeParameter extends InstantiableType {
+}
+
+interface IndexedAccessType extends InstantiableType {
+  objectType: Type;
+  indexType: Type;
+  constraint?: Type;
+  simplifiedForReading?: Type;
+  simplifiedForWriting?: Type;
+}
+
+interface ConditionalRoot {
+  node: ConditionalTypeNode;
+  checkType: Type;
+  extendsType: Type;
+  isDistributive: boolean;
+  inferTypeParameters?: TypeParameter[];
+  outerTypeParameters?: TypeParameter[];
+  instantiations?: Map<string, Type>;
+  aliasSymbol?: Symbol;
+  aliasTypeArguments?: Type[];
+}
+
+interface ConditionalType extends InstantiableType {
+  root: ConditionalRoot;
+  checkType: Type;
+  extendsType: Type;
+  resolvedTrueType?: Type;
+  resolvedFalseType?: Type;
+}
+
+interface SubstitutionType extends InstantiableType {
+  baseType: Type;
+  substitute: Type;
+}
+
+interface StringLiteralType extends LiteralType {
+  value: string;
+}
+
+interface NumberLiteralType extends LiteralType {
+  value: number;
+}
+
+interface BigIntLiteralType extends LiteralType {
+  value: PseudoBigInt;
+}
+
+interface EnumType extends Type {
+  memberTypes: Type[];
+}
+
+/**
+ * Represents a BigInt value in the type system.
+ * BigInt values are stored as strings to avoid precision issues.
+ */
+interface PseudoBigInt {
+  /** Whether the BigInt is negative */
+  negative: boolean;
+  /** The base-10 string representation of the BigInt value */
+  base10Value: string;
+}
+
+/**
+ * Base type for interface types, intersection types, and type variables.
+ * Used as the result type for getBaseTypes() methods.
+ */
+type BaseType = ObjectType | IntersectionType | TypeVariable;
+```
+
+### Index Information
+
+```typescript { .api }
+interface IndexInfo {
+  keyType: Type;
+  type: Type;
+  isReadonly: boolean;
+  declaration?: IndexSignatureDeclaration;
+}
+
+enum IndexKind {
+  String = 0,
+  Number = 1
+}
+```
+
+### Type Predicates
+
+```typescript { .api }
+interface TypePredicate {
+  kind: TypePredicateKind;
+  type: Type | undefined;
+}
+
+interface TypePredicateBase {
+  kind: TypePredicateKind;
+  type: Type | undefined;
+}
+
+interface ThisTypePredicate extends TypePredicateBase {
+  kind: TypePredicateKind.This;
+  parameterName: undefined;
+  parameterIndex: undefined;
+  type: Type;
+}
+
+interface IdentifierTypePredicate extends TypePredicateBase {
+  kind: TypePredicateKind.Identifier;
+  parameterName: string;
+  parameterIndex: number;
+  type: Type;
+}
+
+interface AssertsThisTypePredicate extends TypePredicateBase {
+  kind: TypePredicateKind.AssertsThis;
+  parameterName: undefined;
+  parameterIndex: undefined;
+  type: Type | undefined;
+}
+
+interface AssertsIdentifierTypePredicate extends TypePredicateBase {
+  kind: TypePredicateKind.AssertsIdentifier;
+  parameterName: string;
+  parameterIndex: number;
+  type: Type | undefined;
+}
+
+enum TypePredicateKind {
+  This = 0,
+  Identifier = 1,
+  AssertsThis = 2,
+  AssertsIdentifier = 3
+}
+```
+
+### Type Format Flags
+
+```typescript { .api }
+enum TypeFormatFlags {
+  None = 0,
+  NoTruncation = 1,
+  WriteArrayAsGenericType = 2,
+  UseStructuralFallback = 4,
+  WriteTypeArgumentsOfSignature = 8,
+  UseFullyQualifiedType = 16,
+  SuppressAnyReturnType = 32,
+  MultilineObjectLiterals = 64,
+  WriteClassExpressionAsTypeLiteral = 128,
+  UseTypeOfFunction = 256,
+  OmitParameterModifiers = 512,
+  UseAliasDefinedOutsideCurrentScope = 1024,
+  UseSingleQuotesForStringLiteralType = 2048,
+  NoTypeReduction = 4096,
+  OmitThisParameter = 8192,
+  AllowUniqueESSymbolType = 16384,
+  AddUndefined = 32768,
+  WriteArrowStyleSignature = 65536,
+  InArrayType = 131072,
+  InElementType = 262144,
+  InFirstTypeArgument = 524288,
+  InTypeAlias = 1048576,
+  WriteOwnNameForAnyLike = 0,
+  NodeBuilderFlagsMask = 848330091
+}
+
+enum SymbolFormatFlags {
+  None = 0,
+  WriteTypeParametersOrArguments = 1,
+  UseOnlyExternalAliasing = 2,
+  AllowAnyNodeKind = 4,
+  UseAliasDefinedOutsideCurrentScope = 8,
+  DoNotIncludeSymbolChain = 16,
+  IncludeInstanceAndStaticMembers = 32
+}
+```
+
+### Usage Example
+
+Analyzing types with TypeChecker:
+
+```typescript
+import * as ts from 'typescript';
+
+const code = `
+interface User {
+  name: string;
+  age: number;
+}
+
+const user: User = { name: 'Alice', age: 30 };
+`;
+
+const sourceFile = ts.createSourceFile('example.ts', code, ts.ScriptTarget.Latest, true);
+const program = ts.createProgram(['example.ts'], {}, {
+  getSourceFile: (fileName) => fileName === 'example.ts' ? sourceFile : undefined,
+  writeFile: () => {},
+  getCurrentDirectory: () => '',
+  getDirectories: () => [],
+  fileExists: () => true,
+  readFile: () => '',
+  getCanonicalFileName: (fileName) => fileName,
+  useCaseSensitiveFileNames: () => true,
+  getNewLine: () => '\n'
+});
+
+const checker = program.getTypeChecker();
+
+// Visit nodes and analyze types
+function visit(node: ts.Node) {
+  if (ts.isVariableDeclaration(node) && node.name.getText() === 'user') {
+    const type = checker.getTypeAtLocation(node);
+    console.log('Type:', checker.typeToString(type));
+    
+    const properties = type.getProperties();
+    properties.forEach(prop => {
+      const propType = checker.getTypeOfSymbolAtLocation(prop, node);
+      console.log(`  ${prop.getName()}: ${checker.typeToString(propType)}`);
+    });
+  }
+  
+  ts.forEachChild(node, visit);
+}
+
+visit(sourceFile);
+```
diff --git a/.tessl/tiles/tessl/npm-typescript/docs/types/types-symbols.md b/.tessl/tiles/tessl/npm-typescript/docs/types/types-symbols.md
new file mode 100644
index 000000000..bafb3a8cd
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-typescript/docs/types/types-symbols.md
@@ -0,0 +1,440 @@
+# Types and Symbols
+
+Type and Symbol interfaces for representing TypeScript types and declarations.
+
+## Type Interface
+
+Core type representation.
+
+```typescript { .api }
+interface Type {
+  flags: TypeFlags;
+  symbol: Symbol;
+  pattern?: DestructuringPattern;
+  aliasSymbol?: Symbol;
+  aliasTypeArguments?: readonly Type[];
+  
+  getFlags(): TypeFlags;
+  getSymbol(): Symbol | undefined;
+  getProperties(): Symbol[];
+  getProperty(propertyName: string): Symbol | undefined;
+  getApparentProperties(): Symbol[];
+  getCallSignatures(): readonly Signature[];
+  getConstructSignatures(): readonly Signature[];
+  getStringIndexType(): Type | undefined;
+  getNumberIndexType(): Type | undefined;
+  getBaseTypes(): BaseType[] | undefined;
+  getNonNullableType(): Type;
+  getConstraint(): Type | undefined;
+  getDefault(): Type | undefined;
+  isUnion(): this is UnionType;
+  isIntersection(): this is IntersectionType;
+  isUnionOrIntersection(): this is UnionOrIntersectionType;
+  isLiteral(): this is LiteralType;
+  isStringLiteral(): this is StringLiteralType;
+  isNumberLiteral(): this is NumberLiteralType;
+  isTypeParameter(): this is TypeParameter;
+  isClassOrInterface(): this is InterfaceType;
+  isClass(): this is InterfaceType;
+}
+
+enum TypeFlags {
+  Any = 1,
+  Unknown = 2,
+  String = 4,
+  Number = 8,
+  Boolean = 16,
+  Enum = 32,
+  BigInt = 64,
+  StringLiteral = 128,
+  NumberLiteral = 256,
+  BooleanLiteral = 512,
+  EnumLiteral = 1024,
+  BigIntLiteral = 2048,
+  ESSymbol = 4096,
+  UniqueESSymbol = 8192,
+  Void = 16384,
+  Undefined = 32768,
+  Null = 65536,
+  Never = 131072,
+  TypeParameter = 262144,
+  Object = 524288,
+  Union = 1048576,
+  Intersection = 2097152,
+  Index = 4194304,
+  IndexedAccess = 8388608,
+  Conditional = 16777216,
+  Substitution = 33554432,
+  NonPrimitive = 67108864,
+  TemplateLiteral = 134217728,
+  StringMapping = 268435456,
+  Literal = 2944,
+  Unit = 109472,
+  Freshable = 2976,
+  StringOrNumberLiteral = 384,
+  PossiblyFalsy = 117724,
+  StringLike = 402653316,
+  NumberLike = 296,
+  BigIntLike = 2112,
+  BooleanLike = 528,
+  EnumLike = 1056,
+  ESSymbolLike = 12288,
+  VoidLike = 49152,
+  UnionOrIntersection = 3145728,
+  StructuredType = 3670016,
+  TypeVariable = 8650752,
+  InstantiableNonPrimitive = 58982400,
+  InstantiablePrimitive = 406847488,
+  Instantiable = 465829888,
+  StructuredOrInstantiable = 469499904,
+  Narrowable = 536624127
+}
+```
+
+## Symbol Interface
+
+Represents a named declaration.
+
+```typescript { .api }
+interface Symbol {
+  flags: SymbolFlags;
+  escapedName: __String;
+  readonly name: string;
+  declarations?: Declaration[];
+  valueDeclaration?: Declaration;
+  members?: SymbolTable;
+  exports?: SymbolTable;
+  globalExports?: SymbolTable;
+
+  getFlags(): SymbolFlags;
+  getName(): string;
+  getEscapedName(): __String;
+  getDeclarations(): Declaration[] | undefined;
+  getDocumentationComment(typeChecker: TypeChecker | undefined): SymbolDisplayPart[];
+  getJsDocTags(checker?: TypeChecker): JSDocTagInfo[];
+}
+
+enum SymbolFlags {
+  None = 0,
+  FunctionScopedVariable = 1,
+  BlockScopedVariable = 2,
+  Property = 4,
+  EnumMember = 8,
+  Function = 16,
+  Class = 32,
+  Interface = 64,
+  ConstEnum = 128,
+  RegularEnum = 256,
+  ValueModule = 512,
+  NamespaceModule = 1024,
+  TypeLiteral = 2048,
+  ObjectLiteral = 4096,
+  Method = 8192,
+  Constructor = 16384,
+  GetAccessor = 32768,
+  SetAccessor = 65536,
+  Signature = 131072,
+  TypeParameter = 262144,
+  TypeAlias = 524288,
+  ExportValue = 1048576,
+  Alias = 2097152,
+  Prototype = 4194304,
+  ExportStar = 8388608,
+  Optional = 16777216,
+  Transient = 33554432,
+  Assignment = 67108864,
+  ModuleExports = 134217728,
+  All = -1,
+  Enum = 384,
+  Variable = 3,
+  Value = 111551,
+  Type = 788968,
+  Namespace = 1920,
+  Module = 1536,
+  Accessor = 98304,
+  FunctionScopedVariableExcludes = 111550,
+  BlockScopedVariableExcludes = 111551,
+  ParameterExcludes = 111551,
+  PropertyExcludes = 0,
+  EnumMemberExcludes = 900095,
+  FunctionExcludes = 110991,
+  ClassExcludes = 899503,
+  InterfaceExcludes = 788872,
+  RegularEnumExcludes = 899327,
+  ConstEnumExcludes = 899967,
+  ValueModuleExcludes = 110735,
+  NamespaceModuleExcludes = 0,
+  MethodExcludes = 103359,
+  GetAccessorExcludes = 46015,
+  SetAccessorExcludes = 78783,
+  AccessorExcludes = 13247,
+  TypeParameterExcludes = 526824,
+  TypeAliasExcludes = 788968,
+  AliasExcludes = 2097152,
+  ModuleMember = 2623475,
+  ExportHasLocal = 944,
+  BlockScoped = 418,
+  PropertyOrAccessor = 98308,
+  ClassMember = 106500
+}
+```
+
+## Signature Interface
+
+Represents function, constructor, or index signatures.
+
+```typescript { .api }
+interface Signature {
+  declaration?: SignatureDeclaration | JSDocSignature;
+  typeParameters?: readonly TypeParameter[];
+  parameters: readonly Symbol[];
+  thisParameter?: Symbol;
+  
+  getDeclaration(): SignatureDeclaration;
+  getTypeParameters(): TypeParameter[] | undefined;
+  getParameters(): Symbol[];
+  getTypeParameterAtPosition(pos: number): Type;
+  getReturnType(): Type;
+  getDocumentationComment(typeChecker: TypeChecker | undefined): SymbolDisplayPart[];
+  getJsDocTags(): JSDocTagInfo[];
+}
+
+enum SignatureKind {
+  Call = 0,
+  Construct = 1
+}
+```
+
+## Specialized Type Interfaces
+
+```typescript { .api }
+interface ObjectType extends Type {
+  objectFlags: ObjectFlags;
+}
+
+interface InterfaceType extends ObjectType {
+  typeParameters: TypeParameter[] | undefined;
+  outerTypeParameters: TypeParameter[] | undefined;
+  localTypeParameters: TypeParameter[] | undefined;
+  thisType: TypeParameter | undefined;
+  resolvedBaseConstructorType?: Type;
+  resolvedBaseTypes: BaseType[];
+}
+
+interface TypeReference extends ObjectType {
+  target: GenericType;
+  node?: TypeReferenceNode | ArrayTypeNode | TupleTypeNode;
+  resolvedTypeArguments?: readonly Type[];
+  literalType?: TypeReference;
+}
+
+interface UnionOrIntersectionType extends Type {
+  types: Type[];
+  propertyCache?: SymbolTable;
+  propertyCacheWithoutObjectFunctionPropertyAugment?: SymbolTable;
+  resolvedProperties: Symbol[];
+  resolvedIndexType: IndexType;
+  resolvedStringIndexType: IndexType;
+  resolvedBaseConstraint: Type;
+}
+
+interface UnionType extends UnionOrIntersectionType {
+  resolvedReducedType?: Type;
+}
+
+interface IntersectionType extends UnionOrIntersectionType {
+  resolvedApparentType: Type;
+}
+
+interface TypeParameter extends InstantiableType {
+}
+
+interface IndexedAccessType extends InstantiableType {
+  objectType: Type;
+  indexType: Type;
+  constraint?: Type;
+  simplifiedForReading?: Type;
+  simplifiedForWriting?: Type;
+}
+
+interface ConditionalRoot {
+  node: ConditionalTypeNode;
+  checkType: Type;
+  extendsType: Type;
+  isDistributive: boolean;
+  inferTypeParameters?: TypeParameter[];
+  outerTypeParameters?: TypeParameter[];
+  instantiations?: Map<string, Type>;
+  aliasSymbol?: Symbol;
+  aliasTypeArguments?: Type[];
+}
+
+interface ConditionalType extends InstantiableType {
+  root: ConditionalRoot;
+  checkType: Type;
+  extendsType: Type;
+  resolvedTrueType?: Type;
+  resolvedFalseType?: Type;
+}
+
+interface SubstitutionType extends InstantiableType {
+  baseType: Type;
+  substitute: Type;
+}
+
+interface StringLiteralType extends LiteralType {
+  value: string;
+}
+
+interface NumberLiteralType extends LiteralType {
+  value: number;
+}
+
+interface BigIntLiteralType extends LiteralType {
+  value: PseudoBigInt;
+}
+
+interface EnumType extends Type {
+  memberTypes: Type[];
+}
+
+interface PseudoBigInt {
+  negative: boolean;
+  base10Value: string;
+}
+
+type BaseType = ObjectType | IntersectionType | TypeVariable;
+```
+
+## Index Information
+
+```typescript { .api }
+interface IndexInfo {
+  keyType: Type;
+  type: Type;
+  isReadonly: boolean;
+  declaration?: IndexSignatureDeclaration;
+}
+
+enum IndexKind {
+  String = 0,
+  Number = 1
+}
+```
+
+## Type Predicates
+
+```typescript { .api }
+interface TypePredicate {
+  kind: TypePredicateKind;
+  type: Type | undefined;
+}
+
+interface TypePredicateBase {
+  kind: TypePredicateKind;
+  type: Type | undefined;
+}
+
+interface ThisTypePredicate extends TypePredicateBase {
+  kind: TypePredicateKind.This;
+  parameterName: undefined;
+  parameterIndex: undefined;
+  type: Type;
+}
+
+interface IdentifierTypePredicate extends TypePredicateBase {
+  kind: TypePredicateKind.Identifier;
+  parameterName: string;
+  parameterIndex: number;
+  type: Type;
+}
+
+interface AssertsThisTypePredicate extends TypePredicateBase {
+  kind: TypePredicateKind.AssertsThis;
+  parameterName: undefined;
+  parameterIndex: undefined;
+  type: Type | undefined;
+}
+
+interface AssertsIdentifierTypePredicate extends TypePredicateBase {
+  kind: TypePredicateKind.AssertsIdentifier;
+  parameterName: string;
+  parameterIndex: number;
+  type: Type | undefined;
+}
+
+enum TypePredicateKind {
+  This = 0,
+  Identifier = 1,
+  AssertsThis = 2,
+  AssertsIdentifier = 3
+}
+```
+
+## Type Format Flags
+
+```typescript { .api }
+enum TypeFormatFlags {
+  None = 0,
+  NoTruncation = 1,
+  WriteArrayAsGenericType = 2,
+  UseStructuralFallback = 4,
+  WriteTypeArgumentsOfSignature = 8,
+  UseFullyQualifiedType = 16,
+  SuppressAnyReturnType = 32,
+  MultilineObjectLiterals = 64,
+  WriteClassExpressionAsTypeLiteral = 128,
+  UseTypeOfFunction = 256,
+  OmitParameterModifiers = 512,
+  UseAliasDefinedOutsideCurrentScope = 1024,
+  UseSingleQuotesForStringLiteralType = 2048,
+  NoTypeReduction = 4096,
+  OmitThisParameter = 8192,
+  AllowUniqueESSymbolType = 16384,
+  AddUndefined = 32768,
+  WriteArrowStyleSignature = 65536,
+  InArrayType = 131072,
+  InElementType = 262144,
+  InFirstTypeArgument = 524288,
+  InTypeAlias = 1048576,
+  WriteOwnNameForAnyLike = 0,
+  NodeBuilderFlagsMask = 848330091
+}
+
+enum SymbolFormatFlags {
+  None = 0,
+  WriteTypeParametersOrArguments = 1,
+  UseOnlyExternalAliasing = 2,
+  AllowAnyNodeKind = 4,
+  UseAliasDefinedOutsideCurrentScope = 8,
+  DoNotIncludeSymbolChain = 16,
+  IncludeInstanceAndStaticMembers = 32
+}
+```
+
+## Utility Types
+
+Fundamental utility types used throughout the type system.
+
+```typescript { .api }
+type __String = (string & {
+  __escapedIdentifier: void;
+}) | (void & {
+  __escapedIdentifier: void;
+});
+
+type Path = string & {
+  __pathBrand: any;
+};
+
+type SymbolTable = Map<__String, Symbol>;
+
+type WithMetadata<T> = T & {
+  metadata?: unknown;
+};
+
+interface MapLike<T> {
+  [index: string]: T;
+}
+```
+
diff --git a/.tessl/tiles/tessl/npm-typescript/docs/types/utilities.md b/.tessl/tiles/tessl/npm-typescript/docs/types/utilities.md
new file mode 100644
index 000000000..575a8d6a3
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-typescript/docs/types/utilities.md
@@ -0,0 +1,22 @@
+# Type Utilities
+
+Type analysis utilities and helper functions.
+
+## Type Utilities
+
+Type utilities are primarily accessed through the TypeChecker interface. See [Type Checker](./type-checker.md) for the main API.
+
+Additional utility functions for working with types:
+
+```typescript { .api }
+// Type classification helpers (via TypeChecker)
+interface TypeChecker {
+  isArrayType(type: Type): boolean;
+  isTupleType(type: Type): boolean;
+  isArrayLikeType(type: Type): boolean;
+  // ... see type-checker.md for full API
+}
+```
+
+See [Type Checker](./type-checker.md) for complete type analysis APIs and [Types and Symbols](./types-symbols.md) for type and symbol interfaces.
+
diff --git a/.tessl/tiles/tessl/npm-typescript/docs/utilities/paths.md b/.tessl/tiles/tessl/npm-typescript/docs/utilities/paths.md
new file mode 100644
index 000000000..0cfca1954
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-typescript/docs/utilities/paths.md
@@ -0,0 +1,67 @@
+# Path Utilities
+
+Helper functions for path manipulation and file operations.
+
+## Path Functions
+
+```typescript { .api }
+function getDefaultLibFilePath(options: CompilerOptions): string;
+
+function normalizePath(path: string): string;
+
+function normalizeSlashes(path: string): string;
+
+function getRootLength(path: string): number;
+
+function getDirectoryPath(path: Path): Path;
+function getDirectoryPath(path: string): string;
+
+function isUrl(path: string): boolean;
+
+function pathIsRelative(path: string): boolean;
+
+function getBaseFileName(path: string): string;
+function getBaseFileName(
+  path: string,
+  extensions: string | readonly string[],
+  ignoreCase?: boolean
+): string;
+
+function combinePaths(path: string, ...paths: (string | undefined)[]): string;
+
+function resolvePath(path: string, ...paths: (string | undefined)[]): string;
+
+function getRelativePathToDirectoryOrUrl(
+  directoryPathOrUrl: string,
+  relativeOrAbsolutePath: string,
+  currentDirectory: string,
+  getCanonicalFileName: (fileName: string) => string,
+  isAbsolutePathAnUrl: boolean
+): string;
+```
+
+## Usage Example
+
+```typescript
+import * as ts from 'typescript';
+
+const normalized = ts.normalizePath('src\\components\\Button.tsx');
+console.log(normalized); // src/components/Button.tsx
+
+const fullPath = ts.combinePaths('/project', 'src', 'index.ts');
+console.log(fullPath); // /project/src/index.ts
+
+const dirPath = ts.getDirectoryPath('/project/src/index.ts');
+console.log(dirPath); // /project/src
+
+const fileName = ts.getBaseFileName('/project/src/index.ts');
+console.log(fileName); // index.ts
+
+const baseName = ts.getBaseFileName('/project/src/index.ts', '.ts');
+console.log(baseName); // index
+
+console.log(ts.pathIsRelative('./file.ts'));    // true
+console.log(ts.pathIsRelative('../file.ts'));   // true
+console.log(ts.pathIsRelative('/abs/file.ts')); // false
+```
+
diff --git a/.tessl/tiles/tessl/npm-typescript/docs/utilities/printer.md b/.tessl/tiles/tessl/npm-typescript/docs/utilities/printer.md
new file mode 100644
index 000000000..fc677167c
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-typescript/docs/utilities/printer.md
@@ -0,0 +1,76 @@
+# Printer
+
+AST printing utilities for converting nodes back to source code.
+
+## Printer Interface
+
+```typescript { .api }
+interface Printer {
+  printNode(hint: EmitHint, node: Node, sourceFile: SourceFile): string;
+  printList<T extends Node>(
+    format: ListFormat,
+    list: NodeArray<T>,
+    sourceFile: SourceFile
+  ): string;
+  printFile(sourceFile: SourceFile): string;
+  printBundle(bundle: Bundle): string;
+}
+
+interface PrinterOptions {
+  removeComments?: boolean;
+  newLine?: NewLineKind;
+  omitTrailingSemicolon?: boolean;
+  noEmitHelpers?: boolean;
+}
+
+function createPrinter(
+  printerOptions?: PrinterOptions,
+  handlers?: PrintHandlers
+): Printer;
+```
+
+## Usage Example
+
+```typescript
+import * as ts from 'typescript';
+
+const factory = ts.factory;
+const statement = factory.createVariableStatement(
+  undefined,
+  factory.createVariableDeclarationList(
+    [
+      factory.createVariableDeclaration(
+        'message',
+        undefined,
+        factory.createKeywordTypeNode(ts.SyntaxKind.StringKeyword),
+        factory.createStringLiteral('Hello, World!')
+      )
+    ],
+    ts.NodeFlags.Const
+  )
+);
+
+const printer = ts.createPrinter({
+  newLine: ts.NewLineKind.LineFeed,
+  removeComments: false,
+  omitTrailingSemicolon: false
+});
+
+const sourceFile = ts.createSourceFile(
+  'temp.ts',
+  '',
+  ts.ScriptTarget.Latest,
+  false,
+  ts.ScriptKind.TS
+);
+
+const output = printer.printNode(
+  ts.EmitHint.Unspecified,
+  statement,
+  sourceFile
+);
+
+console.log(output);
+// Output: const message: string = "Hello, World!";
+```
+
diff --git a/.tessl/tiles/tessl/npm-typescript/docs/utilities/system.md b/.tessl/tiles/tessl/npm-typescript/docs/utilities/system.md
new file mode 100644
index 000000000..94e5a4b7f
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-typescript/docs/utilities/system.md
@@ -0,0 +1,711 @@
+# Utilities
+
+Utility functions, constants, and the System interface for file system operations, text processing, and TypeScript compiler infrastructure.
+
+## Capabilities
+
+### System Interface
+
+Platform abstraction interface for file system operations and environment interaction.
+
+```typescript { .api }
+interface System {
+  args: string[];
+  newLine: string;
+  useCaseSensitiveFileNames: boolean;
+  write(s: string): void;
+  writeOutputIsTTY?(): boolean;
+  getWidthOfTerminal?(): number;
+  readFile(path: string, encoding?: string): string | undefined;
+  getFileSize?(path: string): number;
+  writeFile(path: string, data: string, writeByteOrderMark?: boolean): void;
+  /**
+   * @pollingInterval - this parameter is used in polling-based watchers and ignored
+   * in watchers that use native OS file watching
+   */
+  watchFile?(
+    path: string,
+    callback: FileWatcherCallback,
+    pollingInterval?: number,
+    options?: WatchOptions
+  ): FileWatcher;
+  watchDirectory?(
+    path: string,
+    callback: DirectoryWatcherCallback,
+    recursive?: boolean,
+    options?: WatchOptions
+  ): FileWatcher;
+  resolvePath(path: string): string;
+  fileExists(path: string): boolean;
+  directoryExists(path: string): boolean;
+  createDirectory(path: string): void;
+  getExecutingFilePath(): string;
+  getCurrentDirectory(): string;
+  getDirectories(path: string): string[];
+  readDirectory(
+    path: string,
+    extensions?: readonly string[],
+    exclude?: readonly string[],
+    include?: readonly string[],
+    depth?: number
+  ): string[];
+  getModifiedTime?(path: string): Date | undefined;
+  setModifiedTime?(path: string, time: Date): void;
+  deleteFile?(path: string): void;
+  /**
+   * A good implementation is node.js' `crypto.createHash`.
+   * (https://nodejs.org/api/crypto.html#crypto_crypto_createhash_algorithm)
+   */
+  createHash?(data: string): string;
+  /**
+   * This must be cryptographically secure. Only implement this method using
+   * `crypto.createHash("sha256")`.
+   */
+  createSHA256Hash?(data: string): string;
+  getMemoryUsage?(): number;
+  exit(exitCode?: number): void;
+  realpath?(path: string): string;
+  setTimeout?(callback: (...args: any[]) => void, ms: number, ...args: any[]): any;
+  clearTimeout?(timeoutId: any): void;
+  clearScreen?(): void;
+  base64decode?(input: string): string;
+  base64encode?(input: string): string;
+}
+
+interface FileWatcher {
+  close(): void;
+}
+
+let sys: System;
+```
+
+### Printer Interface
+
+AST printing utilities for converting nodes back to source code.
+
+```typescript { .api }
+interface Printer {
+  /**
+   * Print a node and its subtree as-is, without any emit transformations.
+   * @param hint A value indicating the purpose of a node. This is primarily used to
+   * distinguish between an Identifier used in an expression position, versus an
+   * Identifier used as an IdentifierName as part of a declaration. For most nodes you
+   * should just pass Unspecified.
+   * @param node The node to print. The node and its subtree are printed as-is, without any
+   * emit transformations.
+   * @param sourceFile A source file that provides context for the node. The source text of
+   * the file is used to emit the original source content for literals and identifiers, while
+   * the identifiers of the source file are used when generating unique names to avoid
+   * collisions.
+   */
+  printNode(hint: EmitHint, node: Node, sourceFile: SourceFile): string;
+  /**
+   * Prints a list of nodes using the given format flags
+   */
+  printList<T extends Node>(
+    format: ListFormat,
+    list: NodeArray<T>,
+    sourceFile: SourceFile
+  ): string;
+  /**
+   * Prints a source file as-is, without any emit transformations.
+   */
+  printFile(sourceFile: SourceFile): string;
+  /**
+   * Prints a bundle of source files as-is, without any emit transformations.
+   */
+  printBundle(bundle: Bundle): string;
+}
+
+interface PrinterOptions {
+  removeComments?: boolean;
+  newLine?: NewLineKind;
+  omitTrailingSemicolon?: boolean;
+  noEmitHelpers?: boolean;
+}
+
+function createPrinter(
+  printerOptions?: PrinterOptions,
+  handlers?: PrintHandlers
+): Printer;
+```
+
+### Version Constants
+
+TypeScript version information.
+
+```typescript { .api }
+/**
+ * The version of the TypeScript compiler (e.g., "5.9.3")
+ */
+const version: string;
+
+/**
+ * The major.minor version of TypeScript (e.g., "5.9")
+ */
+const versionMajorMinor: string;
+```
+
+### Text and Position Utilities
+
+Functions for working with text positions and line/character coordinates.
+
+```typescript { .api }
+function tokenToString(t: SyntaxKind): string | undefined;
+
+function getPositionOfLineAndCharacter(
+  sourceFile: SourceFileLike,
+  line: number,
+  character: number
+): number;
+
+function getLineAndCharacterOfPosition(
+  sourceFile: SourceFileLike,
+  position: number
+): LineAndCharacter;
+
+interface LineAndCharacter {
+  line: number;
+  character: number;
+}
+
+function isWhiteSpaceLike(ch: number): boolean;
+
+function isWhiteSpaceSingleLine(ch: number): boolean;
+
+function isLineBreak(ch: number): boolean;
+
+function isDigit(ch: number): boolean;
+
+function isOctalDigit(ch: number): boolean;
+```
+
+### AST Visitor Utilities
+
+Note: These visitor utilities complement the transformation visitor functions for AST manipulation.
+
+```typescript { .api }
+/**
+ * Visits a node using a specified visitor function.
+ */
+function visitNode<T extends Node>(
+  node: T | undefined,
+  visitor: Visitor<T>,
+  test?: (node: Node) => boolean,
+  lift?: (node: readonly Node[]) => T
+): T | undefined;
+
+/**
+ * Visits an array of nodes using a specified visitor function.
+ */
+function visitNodes<T extends Node>(
+  nodes: NodeArray<T> | undefined,
+  visitor: Visitor<T>,
+  test?: (node: Node) => boolean,
+  start?: number,
+  count?: number
+): NodeArray<T> | undefined;
+
+/**
+ * Visits each child of a node using a specified visitor function.
+ */
+function visitEachChild<T extends Node>(
+  node: T,
+  visitor: Visitor,
+  context: TransformationContext
+): T;
+```
+
+### Quick Transpilation
+
+Fast transpilation APIs for converting TypeScript to JavaScript without full type checking.
+
+```typescript { .api }
+/**
+ * Transpile a single module without creating a program.
+ * Faster than full compilation when type checking is not needed.
+ */
+function transpileModule(input: string, transpileOptions: TranspileOptions): TranspileOutput;
+
+/**
+ * Transpile TypeScript declarations (.d.ts) without creating a program.
+ */
+function transpileDeclaration(input: string, transpileOptions: TranspileOptions): TranspileOutput;
+
+/**
+ * Quick transpile function for converting TypeScript to JavaScript.
+ * Returns only the output text without diagnostics or source maps.
+ */
+function transpile(
+  input: string,
+  compilerOptions?: CompilerOptions,
+  fileName?: string,
+  diagnostics?: Diagnostic[],
+  moduleName?: string
+): string;
+
+interface TranspileOptions {
+  compilerOptions?: CompilerOptions;
+  fileName?: string;
+  reportDiagnostics?: boolean;
+  moduleName?: string;
+  renamedDependencies?: MapLike<string>;
+  transformers?: CustomTransformers;
+  jsDocParsingMode?: JSDocParsingMode;
+}
+
+interface TranspileOutput {
+  outputText: string;
+  diagnostics?: Diagnostic[];
+  sourceMapText?: string;
+}
+```
+
+### File System Utilities
+
+Helper functions for path manipulation and file operations.
+
+```typescript { .api }
+/**
+ * Get the path to the default library file (lib.d.ts or lib.*.d.ts) based on compiler options.
+ * Useful when setting up custom compiler hosts or build tools.
+ *
+ * @param options - Compiler options determining which lib file to use
+ * @returns The file path to the appropriate default library file
+ */
+function getDefaultLibFilePath(options: CompilerOptions): string;
+
+function normalizePath(path: string): string;
+
+function normalizeSlashes(path: string): string;
+
+function getRootLength(path: string): number;
+
+function getDirectoryPath(path: Path): Path;
+
+function getDirectoryPath(path: string): string;
+
+function isUrl(path: string): boolean;
+
+function pathIsRelative(path: string): boolean;
+
+function getBaseFileName(path: string): string;
+
+function getBaseFileName(
+  path: string,
+  extensions: string | readonly string[],
+  ignoreCase?: boolean
+): string;
+
+function combinePaths(path: string, ...paths: (string | undefined)[]): string;
+
+function resolvePath(path: string, ...paths: (string | undefined)[]): string;
+
+function getRelativePathToDirectoryOrUrl(
+  directoryPathOrUrl: string,
+  relativeOrAbsolutePath: string,
+  currentDirectory: string,
+  getCanonicalFileName: (fileName: string) => string,
+  isAbsolutePathAnUrl: boolean
+): string;
+```
+
+### Types
+
+Utility types used throughout the TypeScript compiler.
+
+```typescript { .api }
+/**
+ * String type branded as a file system path.
+ * Used internally to distinguish paths from regular strings.
+ */
+type Path = string & {
+  __pathBrand: any;
+};
+
+/**
+ * String type branded for use as an escaped identifier name.
+ * Used internally for efficient Symbol name storage.
+ */
+type __String = (string & {
+  __escapedIdentifier: void;
+}) | (void & {
+  __escapedIdentifier: void;
+});
+```
+
+### Identifier Utilities
+
+Functions for working with escaped identifiers.
+
+```typescript { .api }
+/**
+ * Add extra underscore to escaped identifier text content.
+ * Used to escape identifiers that would otherwise conflict with reserved words.
+ */
+function escapeLeadingUnderscores(identifier: string): __String;
+
+/**
+ * Remove extra underscore from escaped identifier text content.
+ * Converts an escaped identifier back to its original form.
+ */
+function unescapeLeadingUnderscores(identifier: __String): string;
+```
+
+### String Utilities
+
+Functions for string manipulation and character classification.
+
+```typescript { .api }
+function isExternalModuleNameRelative(moduleName: string): boolean;
+
+function sortAndDeduplicateDiagnostics<T extends Diagnostic>(
+  diagnostics: readonly T[]
+): SortedReadonlyArray<T>;
+
+function getNewLineCharacter(options: CompilerOptions | PrinterOptions): string;
+
+function createTextChangeRange(span: TextSpan, newLength: number): TextChangeRange;
+
+interface TextChangeRange {
+  span: TextSpan;
+  newLength: number;
+}
+
+function collapseTextChangeRangesAcrossMultipleVersions(
+  changes: readonly TextChangeRange[]
+): TextChangeRange;
+```
+
+### Token Utilities
+
+Functions for working with tokens and keywords.
+
+```typescript { .api }
+function isKeyword(token: SyntaxKind): boolean;
+
+function isModifier(token: SyntaxKind): boolean;
+
+function isContextualKeyword(token: SyntaxKind): boolean;
+
+function isStringDoubleQuoted(
+  str: StringLiteralLike,
+  sourceFile: SourceFile
+): boolean;
+
+function getTextOfIdentifierOrLiteral(node: PropertyName): string;
+
+function getTextOfNode(
+  node: Node,
+  includeTrivia?: boolean
+): string;
+
+function getNameOfDeclaration(
+  declaration: Declaration | Expression | undefined
+): DeclarationName | undefined;
+
+function isDeclarationStatement(node: Node): node is DeclarationStatement;
+```
+
+### Module Name Utilities
+
+Functions for working with module specifiers and imports.
+
+```typescript { .api }
+function getExternalModuleNameLiteral(
+  factory: NodeFactory,
+  importNode:
+    | ImportDeclaration
+    | ExportDeclaration
+    | ImportTypeNode
+    | ImportCall,
+  sourceFile: SourceFile,
+  host: EmitHost,
+  resolver: EmitResolver,
+  compilerOptions: CompilerOptions
+): StringLiteral | undefined;
+
+function tryGetModuleNameFromFile(
+  factory: NodeFactory,
+  file: SourceFile | undefined,
+  host: EmitHost,
+  options: CompilerOptions
+): Expression | undefined;
+```
+
+## Usage Examples
+
+### Quick Transpilation
+
+Quickly convert TypeScript to JavaScript without full type checking:
+
+```typescript
+import * as ts from 'typescript';
+
+// Simple transpilation (returns only output text)
+const tsCode = `
+  const greet = (name: string): string => {
+    return \`Hello, \${name}!\`;
+  };
+`;
+
+const jsCode = ts.transpile(tsCode, {
+  module: ts.ModuleKind.CommonJS,
+  target: ts.ScriptTarget.ES2015
+});
+
+console.log(jsCode);
+// Output: const greet = (name) => { return `Hello, ${name}!`; };
+
+// Transpile with diagnostics and source maps
+const result = ts.transpileModule(tsCode, {
+  compilerOptions: {
+    module: ts.ModuleKind.ES2015,
+    target: ts.ScriptTarget.ES2020,
+    sourceMap: true
+  },
+  fileName: 'example.ts',
+  reportDiagnostics: true
+});
+
+console.log('Output:', result.outputText);
+console.log('Source map:', result.sourceMapText);
+if (result.diagnostics && result.diagnostics.length > 0) {
+  console.log('Diagnostics:', result.diagnostics);
+}
+```
+
+### Using the System Interface
+
+Access file system operations through the sys object:
+
+```typescript
+import * as ts from 'typescript';
+
+// Check if a file exists
+if (ts.sys.fileExists('tsconfig.json')) {
+  // Read the file
+  const content = ts.sys.readFile('tsconfig.json', 'utf8');
+  console.log(content);
+}
+
+// Get current directory
+const cwd = ts.sys.getCurrentDirectory();
+console.log('Current directory:', cwd);
+
+// List directories
+const dirs = ts.sys.getDirectories('./src');
+console.log('Subdirectories:', dirs);
+
+// Read directory with filters
+const tsFiles = ts.sys.readDirectory(
+  './src',
+  ['.ts', '.tsx'], // extensions
+  ['node_modules'], // exclude
+  ['**/*']          // include
+);
+console.log('TypeScript files:', tsFiles);
+
+// Write a file
+ts.sys.writeFile('output.js', 'console.log("Hello");');
+
+// Get version information
+console.log('TypeScript version:', ts.version);
+console.log('Major.Minor:', ts.versionMajorMinor);
+```
+
+### Using the Printer
+
+Convert AST nodes back to source code:
+
+```typescript
+import * as ts from 'typescript';
+
+// Create a simple AST
+const factory = ts.factory;
+const statement = factory.createVariableStatement(
+  undefined,
+  factory.createVariableDeclarationList(
+    [
+      factory.createVariableDeclaration(
+        'message',
+        undefined,
+        factory.createKeywordTypeNode(ts.SyntaxKind.StringKeyword),
+        factory.createStringLiteral('Hello, World!')
+      )
+    ],
+    ts.NodeFlags.Const
+  )
+);
+
+// Create a printer
+const printer = ts.createPrinter({
+  newLine: ts.NewLineKind.LineFeed,
+  removeComments: false,
+  omitTrailingSemicolon: false
+});
+
+// Create a minimal source file for context
+const sourceFile = ts.createSourceFile(
+  'temp.ts',
+  '',
+  ts.ScriptTarget.Latest,
+  false,
+  ts.ScriptKind.TS
+);
+
+// Print the node
+const output = printer.printNode(
+  ts.EmitHint.Unspecified,
+  statement,
+  sourceFile
+);
+
+console.log(output);
+// Output: const message: string = "Hello, World!";
+```
+
+### Working with Text Positions
+
+Convert between positions and line/character coordinates:
+
+```typescript
+import * as ts from 'typescript';
+
+const sourceCode = `function hello() {
+  console.log("Hello");
+}`;
+
+const sourceFile = ts.createSourceFile(
+  'example.ts',
+  sourceCode,
+  ts.ScriptTarget.Latest,
+  true
+);
+
+// Get line and character from position
+const position = 25; // Position of 'console'
+const lineChar = ts.getLineAndCharacterOfPosition(sourceFile, position);
+console.log(`Position ${position} is at line ${lineChar.line + 1}, character ${lineChar.character + 1}`);
+// Output: Position 25 is at line 2, character 3
+
+// Get position from line and character
+const pos = ts.getPositionOfLineAndCharacter(sourceFile, 1, 2); // Line 2, char 3 (0-indexed)
+console.log(`Line 2, character 3 is at position ${pos}`);
+// Output: Line 2, character 3 is at position 25
+```
+
+### Path Manipulation
+
+Work with file paths:
+
+```typescript
+import * as ts from 'typescript';
+
+// Normalize paths
+const normalized = ts.normalizePath('src\\components\\Button.tsx');
+console.log(normalized); // src/components/Button.tsx
+
+// Combine paths
+const fullPath = ts.combinePaths('/project', 'src', 'index.ts');
+console.log(fullPath); // /project/src/index.ts
+
+// Get directory path
+const dirPath = ts.getDirectoryPath('/project/src/index.ts');
+console.log(dirPath); // /project/src
+
+// Get base file name
+const fileName = ts.getBaseFileName('/project/src/index.ts');
+console.log(fileName); // index.ts
+
+// Get base name without extension
+const baseName = ts.getBaseFileName('/project/src/index.ts', '.ts');
+console.log(baseName); // index
+
+// Check if path is relative
+console.log(ts.pathIsRelative('./file.ts'));    // true
+console.log(ts.pathIsRelative('../file.ts'));   // true
+console.log(ts.pathIsRelative('/abs/file.ts')); // false
+```
+
+### Token Classification
+
+Check token types and keywords:
+
+```typescript
+import * as ts from 'typescript';
+
+// Check if a syntax kind is a keyword
+console.log(ts.isKeyword(ts.SyntaxKind.FunctionKeyword)); // true
+console.log(ts.isKeyword(ts.SyntaxKind.Identifier));      // false
+
+// Check if a token is a modifier
+console.log(ts.isModifier(ts.SyntaxKind.PublicKeyword));  // true
+console.log(ts.isModifier(ts.SyntaxKind.StaticKeyword));  // true
+
+// Check if a token is a contextual keyword
+console.log(ts.isContextualKeyword(ts.SyntaxKind.AbstractKeyword)); // true
+console.log(ts.isContextualKeyword(ts.SyntaxKind.AsyncKeyword));    // true
+
+// Convert token to string
+console.log(ts.tokenToString(ts.SyntaxKind.FunctionKeyword)); // "function"
+console.log(ts.tokenToString(ts.SyntaxKind.PlusToken));       // "+"
+```
+
+### Character Classification
+
+Classify individual characters:
+
+```typescript
+import * as ts from 'typescript';
+
+// Check whitespace
+console.log(ts.isWhiteSpaceLike(' '.charCodeAt(0)));  // true
+console.log(ts.isWhiteSpaceLike('\t'.charCodeAt(0))); // true
+console.log(ts.isWhiteSpaceLike('\n'.charCodeAt(0))); // true
+
+// Check line breaks
+console.log(ts.isLineBreak('\n'.charCodeAt(0))); // true
+console.log(ts.isLineBreak('\r'.charCodeAt(0))); // true
+console.log(ts.isLineBreak(' '.charCodeAt(0)));  // false
+
+// Check digits
+console.log(ts.isDigit('5'.charCodeAt(0))); // true
+console.log(ts.isDigit('a'.charCodeAt(0))); // false
+```
+
+### File Watching
+
+Watch files and directories for changes (Node.js environment):
+
+```typescript
+import * as ts from 'typescript';
+
+// Watch a single file
+const fileWatcher = ts.sys.watchFile!(
+  'src/index.ts',
+  (fileName, eventKind) => {
+    if (eventKind === ts.FileWatcherEventKind.Created) {
+      console.log(`File created: ${fileName}`);
+    } else if (eventKind === ts.FileWatcherEventKind.Changed) {
+      console.log(`File changed: ${fileName}`);
+    } else if (eventKind === ts.FileWatcherEventKind.Deleted) {
+      console.log(`File deleted: ${fileName}`);
+    }
+  },
+  250 // polling interval in ms
+);
+
+// Watch a directory recursively
+const dirWatcher = ts.sys.watchDirectory!(
+  'src',
+  (fileName) => {
+    console.log(`Directory change detected: ${fileName}`);
+  },
+  true // recursive
+);
+
+// Stop watching
+// fileWatcher.close();
+// dirWatcher.close();
+```
diff --git a/.tessl/tiles/tessl/npm-typescript/docs/utilities/text.md b/.tessl/tiles/tessl/npm-typescript/docs/utilities/text.md
new file mode 100644
index 000000000..e98aaf08f
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-typescript/docs/utilities/text.md
@@ -0,0 +1,70 @@
+# Text Utilities
+
+Functions for working with text positions, line/character coordinates, and character classification.
+
+## Position Utilities
+
+```typescript { .api }
+function getPositionOfLineAndCharacter(
+  sourceFile: SourceFileLike,
+  line: number,
+  character: number
+): number;
+
+function getLineAndCharacterOfPosition(
+  sourceFile: SourceFileLike,
+  position: number
+): LineAndCharacter;
+
+interface LineAndCharacter {
+  line: number;
+  character: number;
+}
+```
+
+## Character Classification
+
+```typescript { .api }
+function isWhiteSpaceLike(ch: number): boolean;
+
+function isWhiteSpaceSingleLine(ch: number): boolean;
+
+function isLineBreak(ch: number): boolean;
+
+function isDigit(ch: number): boolean;
+
+function isOctalDigit(ch: number): boolean;
+
+function tokenToString(t: SyntaxKind): string | undefined;
+```
+
+## Usage Example
+
+```typescript
+import * as ts from 'typescript';
+
+const sourceCode = `function hello() {
+  console.log("Hello");
+}`;
+
+const sourceFile = ts.createSourceFile(
+  'example.ts',
+  sourceCode,
+  ts.ScriptTarget.Latest,
+  true
+);
+
+const position = 25; // Position of 'console'
+const lineChar = ts.getLineAndCharacterOfPosition(sourceFile, position);
+console.log(`Position ${position} is at line ${lineChar.line + 1}, character ${lineChar.character + 1}`);
+// Output: Position 25 is at line 2, character 3
+
+const pos = ts.getPositionOfLineAndCharacter(sourceFile, 1, 2); // Line 2, char 3 (0-indexed)
+console.log(`Line 2, character 3 is at position ${pos}`);
+// Output: Line 2, character 3 is at position 25
+
+console.log(ts.isWhiteSpaceLike(' '.charCodeAt(0)));  // true
+console.log(ts.isLineBreak('\n'.charCodeAt(0))); // true
+console.log(ts.isDigit('5'.charCodeAt(0))); // true
+```
+
diff --git a/.tessl/tiles/tessl/npm-typescript/docs/utilities/transpilation.md b/.tessl/tiles/tessl/npm-typescript/docs/utilities/transpilation.md
new file mode 100644
index 000000000..a3b1bea58
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-typescript/docs/utilities/transpilation.md
@@ -0,0 +1,72 @@
+# Transpilation
+
+Fast transpilation APIs for converting TypeScript to JavaScript without full type checking.
+
+## Transpilation APIs
+
+```typescript { .api }
+function transpileModule(input: string, transpileOptions: TranspileOptions): TranspileOutput;
+
+function transpileDeclaration(input: string, transpileOptions: TranspileOptions): TranspileOutput;
+
+function transpile(
+  input: string,
+  compilerOptions?: CompilerOptions,
+  fileName?: string,
+  diagnostics?: Diagnostic[],
+  moduleName?: string
+): string;
+
+interface TranspileOptions {
+  compilerOptions?: CompilerOptions;
+  fileName?: string;
+  reportDiagnostics?: boolean;
+  moduleName?: string;
+  renamedDependencies?: MapLike<string>;
+  transformers?: CustomTransformers;
+  jsDocParsingMode?: JSDocParsingMode;
+}
+
+interface TranspileOutput {
+  outputText: string;
+  diagnostics?: Diagnostic[];
+  sourceMapText?: string;
+}
+```
+
+## Usage Example
+
+```typescript
+import * as ts from 'typescript';
+
+const tsCode = `
+  const greet = (name: string): string => {
+    return \`Hello, \${name}!\`;
+  };
+`;
+
+const jsCode = ts.transpile(tsCode, {
+  module: ts.ModuleKind.CommonJS,
+  target: ts.ScriptTarget.ES2015
+});
+
+console.log(jsCode);
+// Output: const greet = (name) => { return `Hello, ${name}!`; };
+
+const result = ts.transpileModule(tsCode, {
+  compilerOptions: {
+    module: ts.ModuleKind.ES2015,
+    target: ts.ScriptTarget.ES2020,
+    sourceMap: true
+  },
+  fileName: 'example.ts',
+  reportDiagnostics: true
+});
+
+console.log('Output:', result.outputText);
+console.log('Source map:', result.sourceMapText);
+if (result.diagnostics && result.diagnostics.length > 0) {
+  console.log('Diagnostics:', result.diagnostics);
+}
+```
+
diff --git a/.tessl/tiles/tessl/npm-typescript/tile.json b/.tessl/tiles/tessl/npm-typescript/tile.json
new file mode 100644
index 000000000..aa0e9290c
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-typescript/tile.json
@@ -0,0 +1,8 @@
+{
+  "name": "tessl/npm-typescript",
+  "version": "5.9.1",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/typescript@5.9.3",
+  "summary": "TypeScript is a language for application-scale JavaScript development with optional static typing and powerful compiler APIs",
+  "private": false
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-vitejs--plugin-react/docs/babel-integration.md b/.tessl/tiles/tessl/npm-vitejs--plugin-react/docs/babel-integration.md
new file mode 100644
index 000000000..b2691cff5
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-vitejs--plugin-react/docs/babel-integration.md
@@ -0,0 +1,606 @@
+# Babel Integration
+
+@vitejs/plugin-react provides flexible Babel integration allowing you to customize transformations with plugins, presets, and parser options. Babel is **lazy-loaded** and **only used when configured**, ensuring optimal performance when not needed.
+
+## Performance Context
+
+**When Babel is Used:**
+
+| Babel Config | Dev Transformer | Prod Transformer | Speed | Use Case |
+|--------------|----------------|------------------|-------|----------|
+| None | esbuild/oxc | esbuild/oxc | Fastest | Standard React app |
+| parserOpts only | esbuild/oxc | esbuild/oxc | Fast | Parsing experimental syntax |
+| plugins/presets | Babel | Babel | Slower | Custom transformations needed |
+
+**Key Principle:** Only use Babel when you need custom transformations that esbuild/oxc cannot handle. Parser-only features (parserOpts) don't trigger Babel transformation.
+
+## API Reference
+
+### Babel Configuration Options
+
+Configure Babel transformations with plugins, presets, and other Babel options. The configuration can be static or dynamic based on the file being transformed.
+
+```typescript { .api }
+/**
+ * Babel transformation options for @vitejs/plugin-react
+ * Omits properties that are controlled internally by the plugin
+ */
+type BabelOptions = Omit<
+  TransformOptions,
+  'ast' | 'filename' | 'root' | 'sourceFileName' | 'sourceMaps' | 'inputSourceMap'
+>;
+
+interface Options {
+  /**
+   * Babel configuration applied in both dev and prod
+   * Can be a static options object or a function that returns options based on file context
+   */
+  babel?: BabelOptions | ((id: string, options: { ssr?: boolean }) => BabelOptions);
+}
+
+// TransformOptions is from @babel/core and includes:
+// - plugins, presets, overrides, parserOpts, babelrc, configFile, and more
+// See: https://babeljs.io/docs/options
+type TransformOptions = import('@babel/core').TransformOptions;
+```
+
+**Key BabelOptions properties:**
+- `plugins?: PluginItem[]` - Babel transformation plugins to apply
+- `presets?: PluginItem[]` - Babel presets to apply
+- `overrides?: TransformOptions[]` - Conditional configuration based on file patterns
+- `parserOpts?: ParserOptions` - Parser configuration (parsing only, no transformation)
+- `babelrc?: boolean` - Enable .babelrc files (default: searches only if babel options set)
+- `configFile?: boolean | string` - Enable babel.config.js files
+- `generatorOpts?: GeneratorOptions` - Code generation options
+- Full spec: https://babeljs.io/docs/options
+
+### Normalized Babel Options
+
+The internal representation of Babel options with guaranteed array types for plugins, presets, and overrides.
+
+```typescript { .api }
+/**
+ * Normalized Babel options object used internally and passed to plugin API hooks
+ */
+interface ReactBabelOptions extends BabelOptions {
+  /** Array of Babel plugins to apply */
+  plugins: Extract<BabelOptions['plugins'], any[]>;
+  /** Array of Babel presets to apply */
+  presets: Extract<BabelOptions['presets'], any[]>;
+  /** Array of Babel overrides for conditional configuration */
+  overrides: Extract<BabelOptions['overrides'], any[]>;
+  /** Parser options including plugins for syntax support */
+  parserOpts: ParserOptions & {
+    plugins: Extract<ParserOptions['plugins'], any[]>;
+  };
+}
+
+type ParserOptions = import('@babel/core').ParserOptions;
+```
+
+### Babel Plugin API Hook
+
+Other Vite plugins can hook into the Babel configuration process to add or modify Babel options dynamically.
+
+```typescript { .api }
+/**
+ * API surface for Vite plugins to interact with @vitejs/plugin-react
+ */
+interface ViteReactPluginApi {
+  /**
+   * Hook to manipulate the Babel options
+   * Called before each file transformation
+   */
+  reactBabel?: ReactBabelHook;
+}
+
+/**
+ * Callback function type for manipulating Babel configuration
+ */
+type ReactBabelHook = (
+  babelConfig: ReactBabelOptions,
+  context: ReactBabelHookContext,
+  config: ResolvedConfig
+) => void;
+
+/**
+ * Context object passed to ReactBabelHook callbacks
+ */
+type ReactBabelHookContext = {
+  /** Whether this is a server-side rendering transformation */
+  ssr: boolean;
+  /** File identifier being transformed */
+  id: string;
+};
+
+type ResolvedConfig = import('vite').ResolvedConfig;
+```
+
+**Example:**
+```typescript
+import type { Plugin, ResolvedConfig } from 'vite';
+import type { ReactBabelOptions } from '@vitejs/plugin-react';
+
+const babelModifierPlugin: Plugin = {
+  name: 'babel-modifier',
+  api: {
+    reactBabel(babelConfig, context, config) {
+      // Add plugins based on environment
+      if (!config.isProduction) {
+        babelConfig.plugins.push('babel-plugin-dev-only');
+      }
+
+      // Add SSR-specific transformations
+      if (context.ssr) {
+        babelConfig.plugins.push([
+          'babel-plugin-transform-imports',
+          { /* ssr-specific options */ }
+        ]);
+      }
+
+      // Add parser plugins for specific files
+      if (context.id.includes('experimental')) {
+        babelConfig.parserOpts.plugins.push('decorators-legacy');
+      }
+
+      // Modify presets
+      babelConfig.presets.push(['@babel/preset-env', {
+        targets: config.build.target
+      }]);
+    }
+  }
+};
+
+export default defineConfig({
+  plugins: [babelModifierPlugin, react()],
+});
+```
+
+## Configuration Patterns
+
+### Static Configuration
+
+Use static configuration when Babel options are consistent across all files. This is more efficient as options are created once and reused.
+
+```typescript
+import react from '@vitejs/plugin-react';
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  plugins: [
+    react({
+      babel: {
+        plugins: ['babel-plugin-macros'],
+        presets: [
+          ['@babel/preset-typescript', { isTSX: true, allExtensions: true }]
+        ],
+        // Use .babelrc files
+        babelrc: true,
+        // Use babel.config.js files
+        configFile: true,
+      }
+    })
+  ]
+});
+```
+
+**Performance:** Config created once and reused across all files (most efficient).
+
+### Dynamic Configuration
+
+Use dynamic configuration when you need file-specific or context-specific Babel options.
+
+```typescript
+react({
+  babel: (id, { ssr }) => ({
+    plugins: [
+      // Add different plugins based on context
+      ...(ssr ? ['babel-plugin-ssr'] : ['babel-plugin-client']),
+      // Conditional plugin for specific files
+      ...(id.includes('legacy') ? ['@babel/plugin-transform-arrow-functions'] : []),
+    ],
+  })
+})
+```
+
+**Performance:** New config generated for each file transformation (slight overhead but more flexible).
+
+### Parser Plugins for Proposed Syntax
+
+Enable parsing (not transformation) of experimental ECMAScript features. This does NOT trigger Babel transformation - esbuild still handles the transformation.
+
+```typescript
+react({
+  babel: {
+    parserOpts: {
+      plugins: [
+        'decorators-legacy',
+        'classProperties',
+        'exportDefaultFrom',
+      ]
+    }
+  }
+})
+```
+
+**Note:** Parser plugins only enable *parsing* of syntax. Code transformation is handled by esbuild. To transform the code, use Babel transformation plugins.
+
+**Common parser plugins:**
+- `decorators-legacy` - Legacy decorator syntax
+- `decorators` - TC39 decorators proposal
+- `classProperties` - Class properties
+- `classPrivateProperties` - Private class properties
+- `classPrivateMethods` - Private class methods
+- `exportDefaultFrom` - `export v from 'mod'`
+- `exportNamespaceFrom` - `export * as ns from 'mod'`
+- `functionBind` - Function bind operator `::`
+- `pipelineOperator` - Pipeline operator `|>`
+
+Full list: https://babeljs.io/docs/en/babel-parser#ecmascript-proposals
+
+## Common Use Cases
+
+### Adding Custom Babel Plugins
+
+```typescript
+react({
+  babel: {
+    plugins: [
+      'babel-plugin-macros',
+      ['babel-plugin-styled-components', { displayName: true }],
+      '@babel/plugin-proposal-decorators',
+    ]
+  }
+})
+```
+
+### Using Babel Configuration Files
+
+Enable reading from `.babelrc` or `babel.config.js`:
+
+```typescript
+react({
+  babel: {
+    babelrc: true,
+    configFile: true,
+  }
+})
+```
+
+**Note:** By default, Babel config files are only searched when babel options are explicitly set.
+
+### React Compiler Integration
+
+Configure the React Compiler (experimental):
+
+```typescript
+// Auto-optimize all components
+react({
+  babel: {
+    plugins: [
+      [
+        'babel-plugin-react-compiler',
+        {
+          // Target React version ('17', '18', or '19')
+          target: '19',
+          // Compilation mode: 'all' or 'annotation'
+          compilationMode: 'all',
+        }
+      ]
+    ]
+  }
+})
+
+// Annotation mode (only compile functions with "use memo" directive)
+react({
+  babel: {
+    plugins: [
+      ['babel-plugin-react-compiler', { compilationMode: 'annotation' }]
+    ]
+  }
+})
+```
+
+Then in your code:
+
+```typescript
+function ExpensiveComponent() {
+  "use memo"; // This component will be compiled
+  // ...
+}
+```
+
+### Environment-Specific Configuration
+
+Different Babel configs for SSR vs client:
+
+```typescript
+react({
+  babel: (id, { ssr }) => {
+    const plugins = ['babel-plugin-macros'];
+
+    // SSR-specific plugins
+    if (ssr) {
+      plugins.push('babel-plugin-dynamic-import-node');
+    }
+
+    // Client-specific plugins
+    if (!ssr) {
+      plugins.push('babel-plugin-react-lazy');
+    }
+
+    return { plugins };
+  }
+})
+```
+
+### Conditional File-Based Configuration
+
+```typescript
+react({
+  babel: (id, options) => {
+    const config: BabelOptions = {
+      plugins: [],
+      presets: [],
+    };
+
+    // Legacy browser support for specific directories
+    if (id.includes('/legacy/')) {
+      config.presets!.push(['@babel/preset-env', {
+        targets: { ie: 11 }
+      }]);
+    }
+
+    // Modern syntax for modern bundles
+    if (id.includes('/modern/')) {
+      config.presets!.push(['@babel/preset-env', {
+        targets: { esmodules: true }
+      }]);
+    }
+
+    return config;
+  }
+})
+```
+
+### Styled Components Example
+
+```typescript
+react({
+  babel: {
+    plugins: [
+      [
+        'babel-plugin-styled-components',
+        {
+          displayName: true,
+          fileName: true,
+          ssr: true,
+        }
+      ]
+    ]
+  }
+})
+```
+
+### Emotion CSS Prop Support
+
+```typescript
+react({
+  jsxImportSource: '@emotion/react',
+  babel: {
+    plugins: ['@emotion/babel-plugin']
+  }
+})
+```
+
+### Babel Macros Support
+
+```typescript
+react({
+  babel: {
+    plugins: ['babel-plugin-macros']
+  }
+})
+```
+
+## Performance Optimization
+
+### When Babel is Used
+
+- **No plugins/presets configured**: Babel is skipped entirely; esbuild/oxc handles all transformations (fastest)
+- **Only parserOpts configured**: Babel is used for parsing only; esbuild/oxc handles transformation (fast)
+- **Plugins/presets configured**: Babel transformation is applied to matching files (slower)
+- **Dynamic configuration**: New Babel options created for each file transformation (additional overhead)
+- **Static configuration**: Options created once and reused (more efficient)
+
+### Optimization Strategies
+
+1. **Minimize Babel usage**: Only use Babel when necessary; let esbuild/oxc handle standard transformations
+2. **Prefer parser plugins**: If you only need syntax parsing (not transformation), use parserOpts only
+3. **Use static configuration**: Avoid function-based babel options when possible
+4. **Limit file scope**: Use `include`/`exclude` options to reduce files processed by Babel
+5. **Lazy loading**: Babel is only loaded when needed, so startup time is not affected if Babel is unused
+
+### Static vs Dynamic Config Performance
+
+**Static Configuration:**
+```typescript
+react({
+  babel: {
+    plugins: ['babel-plugin-macros']  // Created once, reused for all files
+  }
+})
+```
+- Config created once during initialization
+- Reused across all file transformations
+- Best performance for consistent transformations
+
+**Dynamic Configuration:**
+```typescript
+react({
+  babel: (id, { ssr }) => ({
+    plugins: ssr ? ['plugin-a'] : ['plugin-b']  // Created for each file
+  })
+})
+```
+- New config generated for each file transformation
+- More flexible for file-specific or context-specific needs
+- Slight performance overhead per file
+
+### Scope Limiting
+
+Reduce the number of files processed by Babel:
+
+```typescript
+react({
+  // Only process files that need custom transformations
+  include: /src\/legacy\/.*\.tsx?$/,
+  babel: {
+    plugins: ['@babel/plugin-transform-arrow-functions']
+  }
+})
+```
+
+## Babel Transformation Pipeline
+
+Understanding the transformation pipeline helps optimize your configuration:
+
+1. **File Matching**: File is checked against include/exclude patterns
+2. **JSX Detection**: Plugin determines if Fast Refresh should be applied
+3. **Plugin Assembly**: Babel plugins array is constructed:
+   - User-provided plugins (run first)
+   - React Refresh plugin (development only, if applicable)
+   - React JSX plugins (classic runtime development only)
+4. **Parser Configuration**: Parser plugins for JSX, TypeScript, etc. are added
+5. **Transformation**: Babel transforms the code with assembled configuration
+6. **Refresh Wrapping**: Fast Refresh wrapper is added (development only, if applicable)
+
+### Plugin Execution Order
+
+Babel plugins run in a specific order:
+
+1. **User plugins** (as configured in `babel.plugins`)
+2. **User presets** (as configured in `babel.presets`, in reverse order)
+3. **React Refresh plugin** (if in development and Fast Refresh applies)
+4. **React JSX plugins** (if using classic runtime in development)
+
+**Important:** Plugins run before presets, and plugins run in order while presets run in reverse order.
+
+## Production Builds
+
+In production builds:
+- If no Babel plugins are configured, esbuild handles all transformations (fastest)
+- If Babel plugins are configured, Babel transformation is applied
+- Fast Refresh code is never included in production builds
+- Only transformation plugins affect production; parser plugins do not
+
+**Optimization tip:** Consider using different Babel configs for dev vs prod:
+
+```typescript
+react({
+  babel: (id, { ssr }) => {
+    const isDev = process.env.NODE_ENV === 'development';
+
+    return {
+      plugins: [
+        // Always included
+        'babel-plugin-macros',
+        // Dev-only plugins
+        ...(isDev ? ['babel-plugin-dev-tools'] : []),
+      ]
+    };
+  }
+})
+```
+
+## Compatibility
+
+### Babel Version
+
+The plugin is compatible with Babel 7.x (specifically @babel/core ^7.28.4).
+
+### TypeScript
+
+TypeScript syntax is automatically handled by esbuild/oxc without configuration. You don't need `@babel/preset-typescript` unless you have specific TypeScript transformation requirements.
+
+**When you might need @babel/preset-typescript:**
+- Custom TypeScript transformation options
+- Specific legacy TypeScript features not supported by esbuild
+- Integration with other Babel plugins that expect TypeScript preset
+
+**Example:**
+```typescript
+react({
+  babel: {
+    presets: [
+      ['@babel/preset-typescript', {
+        isTSX: true,
+        allExtensions: true,
+        allowDeclareFields: true,
+      }]
+    ]
+  }
+})
+```
+
+### React Version
+
+- **React >= 16.9**: Full support including Fast Refresh
+- **React < 16.9**: Basic transformations work, but Fast Refresh is unavailable
+
+### Node.js Version
+
+Requires Node.js ^20.19.0 || >=22.12.0
+
+## Troubleshooting
+
+### Babel Not Being Applied
+
+**Check:**
+1. Babel options are actually configured (even `parserOpts` counts)
+2. File matches `include` pattern (default: /\.[tj]sx?$/)
+3. File doesn't match `exclude` pattern (default: /\/node_modules\//)
+4. Babel dependencies are installed (`@babel/core` and any plugins/presets)
+
+### Performance Issues with Babel
+
+**If Babel is causing slow builds:**
+
+1. **Verify Babel is necessary**: Check if you can use parserOpts only
+2. **Use static config**: Replace function-based babel options with static object
+3. **Limit file scope**: Use include/exclude to reduce processed files
+4. **Remove unused plugins**: Each plugin adds transformation overhead
+5. **Consider alternatives**: Check if esbuild can handle your transformations
+
+### Plugin Conflicts
+
+If you experience conflicts between Babel plugins:
+
+1. **Check plugin order**: Plugins run in the order specified
+2. **Review presets**: Presets run in reverse order and may contain conflicting plugins
+3. **Use plugin options**: Some plugins have options to disable specific features
+4. **Test in isolation**: Remove plugins one by one to identify conflicts
+
+### Parser Plugin Not Working
+
+**Common issues:**
+
+1. **Using wrong plugin name**: Parser plugins have specific names (e.g., 'decorators-legacy' not 'decorator')
+2. **Transformation expected**: Parser plugins only parse syntax; use transformation plugins for actual code transformation
+3. **esbuild doesn't support**: Some experimental syntax isn't supported by esbuild even with parser plugins
+
+**Solution:** Use a transformation plugin instead:
+```typescript
+react({
+  babel: {
+    plugins: ['@babel/plugin-proposal-decorators']  // Transformation plugin
+  }
+})
+```
+
+## Reference
+
+**Babel Documentation:** https://babeljs.io/docs/
+**Parser Plugins:** https://babeljs.io/docs/en/babel-parser#ecmascript-proposals
+**Transform Options:** https://babeljs.io/docs/options
+**Plugin Development:** https://babeljs.io/docs/plugins
diff --git a/.tessl/tiles/tessl/npm-vitejs--plugin-react/docs/index.md b/.tessl/tiles/tessl/npm-vitejs--plugin-react/docs/index.md
new file mode 100644
index 000000000..de18d0365
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-vitejs--plugin-react/docs/index.md
@@ -0,0 +1,280 @@
+# @vitejs/plugin-react
+
+The official Vite plugin for React with Fast Refresh, automatic JSX runtime, and optional Babel integration.
+
+## Quick Reference
+
+**Installation:** `npm install @vitejs/plugin-react`
+
+**Basic Setup:**
+```typescript
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+export default defineConfig({
+  plugins: [react()],
+});
+```
+
+**Requirements:**
+- Node.js: ^20.19.0 || >=22.12.0
+- Vite: ^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0
+- React: >= 16.9 (for Fast Refresh)
+
+**Performance Decision Matrix:**
+
+| Scenario | Use Babel? | Transformer | Performance |
+|----------|-----------|-------------|-------------|
+| Standard React app | No | esbuild/oxc | Fastest |
+| Custom JSX import (Emotion) | No | esbuild/oxc | Fast |
+| Need Babel plugins | Yes | Babel + esbuild | Slower |
+| Parser-only features | Yes (parserOpts only) | esbuild/oxc | Fast |
+
+## Core Imports
+
+```typescript
+import react from '@vitejs/plugin-react';
+
+// TypeScript types
+import type {
+  Options,
+  BabelOptions,
+  ReactBabelOptions,
+  ViteReactPluginApi
+} from '@vitejs/plugin-react';
+```
+
+## Main API
+
+### Plugin Configuration
+
+```typescript { .api }
+function react(opts?: Options): Plugin[];
+
+interface Options {
+  include?: string | RegExp | Array<string | RegExp>;  // default: /\.[tj]sx?$/
+  exclude?: string | RegExp | Array<string | RegExp>;  // default: /\/node_modules\//
+  jsxImportSource?: string;                            // default: 'react'
+  jsxRuntime?: 'classic' | 'automatic';                // default: 'automatic'
+  babel?: BabelOptions | ((id: string, options: { ssr?: boolean }) => BabelOptions);
+  reactRefreshHost?: string;                           // for module federation
+}
+```
+
+**Common Configurations:**
+
+```typescript
+// Emotion support
+react({ jsxImportSource: '@emotion/react' })
+
+// Classic JSX runtime (requires React imports)
+react({ jsxRuntime: 'classic' })
+
+// Additional file types
+react({ include: /\.(mdx|js|jsx|ts|tsx)$/ })
+
+// Module federation
+react({ reactRefreshHost: 'http://localhost:3000' })
+```
+
+### SSR Preamble
+
+For SSR apps not using `transformIndexHtml`:
+
+```typescript { .api }
+import '@vitejs/plugin-react/preamble';
+```
+
+**Usage:**
+```typescript
+// entry.client.tsx
+import '@vitejs/plugin-react/preamble';
+import { hydrateRoot } from 'react-dom/client';
+
+hydrateRoot(document.getElementById('root'), <App />);
+```
+
+**Error if missing:**
+```
+Uncaught Error: @vitejs/plugin-react can't detect preamble. Something is wrong.
+```
+
+**Access preamble code:**
+```typescript { .api }
+react.preambleCode: string;
+```
+
+## Babel Integration
+
+Babel is **lazy-loaded** and **only used when configured**. Without Babel config, esbuild/oxc handles all transformations (fastest path).
+
+For detailed Babel configuration, including:
+- Static and dynamic configuration options
+- Babel Plugin API hooks for other Vite plugins
+- Parser plugins for experimental syntax
+- React Compiler integration
+- Performance optimization strategies
+- Transformation pipeline details
+
+See: [Babel Integration](./babel-integration.md)
+
+**Quick Babel Examples:**
+
+```typescript
+// Add Babel plugins
+react({
+  babel: {
+    plugins: ['babel-plugin-macros']
+  }
+})
+
+// Parser plugins only (no transformation overhead)
+react({
+  babel: {
+    parserOpts: {
+      plugins: ['decorators-legacy']
+    }
+  }
+})
+
+// Dynamic configuration
+react({
+  babel: (id, { ssr }) => ({
+    plugins: ssr ? ['babel-plugin-ssr'] : ['babel-plugin-client']
+  })
+})
+```
+
+## Architecture
+
+The plugin factory returns multiple Vite plugins that work together:
+
+1. **Main Transformer**: JSX/TS via esbuild/oxc (default) or Babel (when configured)
+2. **Fast Refresh Runtime**: HMR for React components in development
+3. **Babel Layer**: Optional custom transformations
+4. **Rolldown Optimizer**: Native oxc transforms for Rolldown-vite
+5. **SSR Support**: Preamble initialization
+
+Environment detection is automatic (Vite/Rolldown-vite, dev/prod).
+
+## Fast Refresh
+
+Auto-enabled in development for files with JSX or React imports.
+
+**Requirements for proper Fast Refresh:**
+- File should primarily export React components
+- Simple constants can be exported alongside components
+- Module invalidates only when exports change
+
+**Linting:** Use [eslint-plugin-react-refresh](https://github.com/ArnaudBarre/eslint-plugin-react-refresh)
+
+## JSX Runtime Modes
+
+**Automatic (default):**
+- No React import needed in JSX files
+- Smaller bundles
+- Automatic optimization
+
+**Classic:**
+- Requires `import React` in all JSX files
+- Use: `jsxRuntime: 'classic'`
+
+## Module Federation
+
+Enable HMR across remote and host apps:
+
+```typescript
+// Remote app vite.config.ts
+react({ reactRefreshHost: 'http://localhost:3000' })
+```
+
+Updates Fast Refresh runtime from `/@react-refresh` to `http://localhost:3000/@react-refresh`.
+
+**Note:** Include `base` option if host uses it: `http://localhost:3000/{base}`
+
+## Performance Optimization
+
+### Transformation Pipeline Decision
+
+**Transformation Matrix:**
+
+| Babel Config | Dev Transformer | Prod Transformer | Speed | Use Case |
+|--------------|----------------|------------------|-------|----------|
+| None | esbuild | esbuild | Fastest | Standard React app |
+| parserOpts only | esbuild | esbuild | Fast | Parsing experimental syntax |
+| plugins/presets | Babel | Babel | Slower | Custom transformations needed |
+
+### Optimization Tips
+
+1. **Minimize Babel usage**: Only use Babel when necessary; let esbuild/oxc handle standard transformations
+2. **Use static configuration**: Avoid function-based babel options when possible
+3. **Limit file scope**: Use `include`/`exclude` options to reduce files processed by Babel
+4. **Lazy loading**: Babel is only loaded when needed, so startup time is not affected if Babel is unused
+
+### Production Builds
+
+In production builds:
+- If no Babel plugins are configured, esbuild handles all transformations (fastest)
+- If Babel plugins are configured, Babel transformation is applied
+- Fast Refresh code is never included in production builds
+
+## Compatibility
+
+### Babel Version
+
+The plugin is compatible with Babel 7.x (specifically @babel/core ^7.28.4).
+
+### TypeScript
+
+TypeScript syntax is automatically handled without configuration. You don't need `@babel/preset-typescript` unless you have specific TypeScript transformation requirements beyond standard syntax support.
+
+**When you might need @babel/preset-typescript:**
+- Custom TypeScript transformation options
+- Specific legacy TypeScript features
+- Integration with other Babel plugins that expect TypeScript preset
+
+### React Version
+
+- **React >= 16.9**: Full support including Fast Refresh
+- **React < 16.9**: Basic transformations work, but Fast Refresh is unavailable
+
+### Node.js Version
+
+Requires Node.js ^20.19.0 || >=22.12.0
+
+## Troubleshooting
+
+### Preamble Error
+```
+Error: @vitejs/plugin-react can't detect preamble
+```
+**Solution:** Add `import '@vitejs/plugin-react/preamble'` to client entry or use `transformIndexHtml` in SSR.
+
+### Fast Refresh Not Working
+**Check:**
+- File exports primarily React components
+- React version >= 16.9
+- No syntax errors preventing module evaluation
+- File matches `include` pattern (default: /\.[tj]sx?$/)
+
+### Performance Issues
+**If builds are slow:**
+- Check if Babel is being used unnecessarily
+- Review `include`/`exclude` patterns
+- Consider if Babel plugins are needed or if parser plugins suffice
+- Use static Babel config instead of function-based
+- See [Babel Integration](./babel-integration.md) for detailed performance guidance
+
+### TypeScript Issues
+
+TypeScript syntax is automatically handled by esbuild/oxc. You don't need `@babel/preset-typescript` unless you have specific transformation requirements beyond standard TypeScript syntax.
+
+## Reference
+
+**Package:** @vitejs/plugin-react
+**Type:** npm
+**Language:** TypeScript (ESM with CommonJS compatibility)
+**Docs:** https://github.com/vitejs/vite-plugin-react/tree/main/packages/plugin-react
+
+**Babel Compatibility:** @babel/core ^7.28.4
+**React Compatibility:** >= 16.9 (< 16.9 works without Fast Refresh)
diff --git a/.tessl/tiles/tessl/npm-vitejs--plugin-react/tile.json b/.tessl/tiles/tessl/npm-vitejs--plugin-react/tile.json
new file mode 100644
index 000000000..771365d75
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-vitejs--plugin-react/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-vitejs--plugin-react",
+  "version": "5.1.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/%40vitejs/plugin-react@5.1.0",
+  "summary": "The default Vite plugin for React projects enabling Fast Refresh and flexible Babel integration"
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-vitest/docs/assertions.md b/.tessl/tiles/tessl/npm-vitest/docs/assertions.md
new file mode 100644
index 000000000..506f03ab5
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-vitest/docs/assertions.md
@@ -0,0 +1,466 @@
+# Assertions
+
+Comprehensive assertion library with Chai matchers and Vitest-specific extensions for testing values, objects, functions, and async operations. Provides Jest-compatible APIs with additional powerful features.
+
+## Capabilities
+
+### Core Expect Function
+
+Primary assertion function with extensive matcher support.
+
+```typescript { .api }
+/**
+ * Create an assertion for the given value
+ * @param value - Value to test
+ * @returns Assertion object with matcher methods
+ */
+function expect<T>(value: T): Assertion<T>;
+
+/**
+ * Soft assertion that doesn't stop test execution on failure
+ * @param value - Value to test
+ * @returns Assertion object for soft assertions
+ */
+function expect.soft<T>(value: T): Assertion<T>;
+
+/**
+ * Polling assertion for async conditions
+ * @param fn - Function to poll
+ * @param options - Polling configuration
+ * @returns Promise resolving to assertion
+ */
+function expect.poll(
+  fn: () => any, 
+  options?: ExpectPollOptions
+): Promise<Assertion>;
+
+/**
+ * Assert unreachable code paths
+ * @param message - Optional error message
+ */
+function expect.unreachable(message?: string): never;
+
+interface ExpectPollOptions {
+  /** Polling interval in milliseconds */
+  interval?: number;
+  /** Maximum polling timeout in milliseconds */
+  timeout?: number;
+  /** Custom error message */
+  message?: string;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { expect } from "vitest";
+
+// Basic assertions
+expect(result).toBe(42);
+expect(user.name).toEqual("Alice");
+
+// Soft assertions (continue test even if they fail)
+expect.soft(value1).toBe(expected1);
+expect.soft(value2).toBe(expected2); // Will run even if first fails
+
+// Polling assertions
+await expect.poll(() => getStatus()).toBe("ready");
+await expect.poll(() => isElementVisible(), { timeout: 5000 }).toBe(true);
+
+// Unreachable code
+if (impossible) {
+  expect.unreachable("This should never happen");
+}
+```
+
+### Expect Configuration
+
+Global configuration for expect behavior.
+
+```typescript { .api }
+interface ExpectStatic {
+  /** Extend expect with custom matchers */
+  extend(matchers: Record<string, any>): void;
+  
+  /** Add custom equality testers */
+  addEqualityTesters(testers: Array<(a: any, b: any) => boolean | undefined>): void;
+  
+  /** Assert exact number of assertions in test */
+  assertions(count: number): void;
+  
+  /** Assert that at least one assertion is made */
+  hasAssertions(): void;
+  
+  /** Get current assertion count */
+  getAssertions(): number;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+// Custom matchers
+expect.extend({
+  toBePositive(received) {
+    return {
+      pass: received > 0,
+      message: () => `Expected ${received} to be positive`,
+    };
+  },
+});
+
+// Custom equality testers
+expect.addEqualityTesters([
+  (a, b) => a instanceof Date && b instanceof Date ? a.getTime() === b.getTime() : undefined
+]);
+
+// Assertion counting
+test("should make exact number of assertions", () => {
+  expect.assertions(2);
+  expect(value1).toBe(true);
+  expect(value2).toBe(false);
+});
+```
+
+### Value Matchers
+
+Basic value comparison and type checking matchers.
+
+```typescript { .api }
+interface Assertion<T> {
+  /** Strict equality (===) */
+  toBe(expected: T): void;
+  
+  /** Deep equality comparison */
+  toEqual(expected: T): void;
+  
+  /** Strict inequality (!==) */
+  not: Assertion<T>;
+  
+  /** Type checking */
+  toBeTypeOf(type: "string" | "number" | "boolean" | "object" | "function" | "symbol" | "bigint" | "undefined"): void;
+  
+  /** Instance checking */
+  toBeInstanceOf(constructor: Function): void;
+  
+  /** Truthiness */
+  toBeTruthy(): void;
+  toBeFalsy(): void;
+  
+  /** Nullish checking */
+  toBeNull(): void;
+  toBeUndefined(): void;
+  toBeDefined(): void;
+  
+  /** NaN checking */
+  toBeNaN(): void;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+// Strict equality
+expect(result).toBe(42);
+expect(name).toBe("Alice");
+
+// Deep equality
+expect(user).toEqual({ id: 1, name: "Alice", active: true });
+expect(numbers).toEqual([1, 2, 3]);
+
+// Negation
+expect(result).not.toBe(0);
+expect(list).not.toEqual([]);
+
+// Type checking
+expect(age).toBeTypeOf("number");
+expect(callback).toBeTypeOf("function");
+
+// Instance checking
+expect(error).toBeInstanceOf(Error);
+expect(date).toBeInstanceOf(Date);
+
+// Truthiness
+expect(isActive).toBeTruthy();
+expect(isDeleted).toBeFalsy();
+
+// Nullish values
+expect(optionalValue).toBeNull();
+expect(unsetValue).toBeUndefined();
+expect(result).toBeDefined();
+```
+
+### Number Matchers
+
+Specialized matchers for numeric comparisons and ranges.
+
+```typescript { .api }
+interface Assertion<T> {
+  /** Greater than */
+  toBeGreaterThan(expected: number): void;
+  toBeGreaterThanOrEqual(expected: number): void;
+  
+  /** Less than */
+  toBeLessThan(expected: number): void;
+  toBeLessThanOrEqual(expected: number): void;
+  
+  /** Approximate equality with precision */
+  toBeCloseTo(expected: number, precision?: number): void;
+  
+  /** Finite number checking */
+  toBeFinite(): void;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+expect(score).toBeGreaterThan(80);
+expect(temperature).toBeGreaterThanOrEqual(0);
+expect(countdown).toBeLessThan(10);
+expect(probability).toBeLessThanOrEqual(1);
+
+// Floating point comparison
+expect(0.1 + 0.2).toBeCloseTo(0.3);
+expect(Math.PI).toBeCloseTo(3.14, 2);
+
+expect(result).toBeFinite();
+```
+
+### String Matchers
+
+String-specific matching including patterns and substrings.
+
+```typescript { .api }
+interface Assertion<T> {
+  /** Substring matching */
+  toContain(expected: string): void;
+  
+  /** String length */
+  toHaveLength(expected: number): void;
+  
+  /** Regular expression matching */
+  toMatch(expected: string | RegExp): void;
+  
+  /** Case-insensitive matching */
+  toMatchInlineSnapshot(snapshot?: string): void;
+  toMatchSnapshot(hint?: string): void;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+expect(message).toContain("success");
+expect(username).toHaveLength(8);
+expect(email).toMatch(/^\w+@\w+\.\w+$/);
+expect(html).toMatch(/<div.*>.*<\/div>/);
+
+// Snapshot testing
+expect(component).toMatchSnapshot();
+expect(apiResponse).toMatchInlineSnapshot(`
+  {
+    "status": "ok",
+    "data": []
+  }
+`);
+```
+
+### Array Matchers
+
+Array and iterable-specific matchers.
+
+```typescript { .api }
+interface Assertion<T> {
+  /** Array length */
+  toHaveLength(expected: number): void;
+  
+  /** Array/string contains item */
+  toContain(expected: any): void;
+  toContainEqual(expected: any): void;
+  
+  /** Array equality (order matters) */
+  toEqual(expected: any[]): void;
+  
+  /** Subset matching */
+  toEqual(expect.arrayContaining(expected: any[])): void;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+expect(users).toHaveLength(3);
+expect(numbers).toContain(42);
+expect(objects).toContainEqual({ id: 1, name: "Alice" });
+
+// Array contains subset (order doesn't matter)
+expect([1, 2, 3, 4]).toEqual(expect.arrayContaining([2, 4]));
+
+// Exact array match
+expect(sorted).toEqual([1, 2, 3, 4, 5]);
+```
+
+### Object Matchers
+
+Object property and structure matching.
+
+```typescript { .api }
+interface Assertion<T> {
+  /** Object has property */
+  toHaveProperty(property: string | string[], value?: any): void;
+  
+  /** Object matches subset */
+  toMatchObject(expected: object): void;
+  
+  /** Object contains all properties */
+  toEqual(expect.objectContaining(expected: object)): void;
+  
+  /** Object has specific properties */
+  toStrictEqual(expected: T): void;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+expect(user).toHaveProperty("id");
+expect(user).toHaveProperty("profile.email", "alice@example.com");
+expect(user).toHaveProperty(["profile", "settings", "theme"], "dark");
+
+// Object subset matching
+expect(response).toMatchObject({
+  status: 200,
+  data: { id: 1 }
+});
+
+// Object contains properties (ignores extra properties)
+expect(user).toEqual(expect.objectContaining({
+  name: "Alice",
+  email: "alice@example.com"
+}));
+
+// Strict equality (no extra properties allowed)
+expect(result).toStrictEqual({ success: true, data: null });
+```
+
+### Function Matchers
+
+Function and mock-specific matchers.
+
+```typescript { .api }
+interface Assertion<T> {
+  /** Function throws error */
+  toThrow(expected?: string | RegExp | Error): void;
+  toThrowError(expected?: string | RegExp | Error): void;
+  
+  /** Function returns value */
+  toReturn(): void;
+  toReturnWith(expected: any): void;
+  
+  /** Mock function calls */
+  toHaveBeenCalled(): void;
+  toHaveBeenCalledTimes(expected: number): void;
+  toHaveBeenCalledWith(...expected: any[]): void;
+  toHaveBeenLastCalledWith(...expected: any[]): void;
+  toHaveBeenNthCalledWith(call: number, ...expected: any[]): void;
+  
+  /** Mock function returns */
+  toHaveReturned(): void;
+  toHaveReturnedTimes(expected: number): void;
+  toHaveReturnedWith(expected: any): void;
+  toHaveLastReturnedWith(expected: any): void;
+  toHaveNthReturnedWith(call: number, expected: any): void;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+// Function throws
+expect(() => throwError()).toThrow();
+expect(() => throwError()).toThrow("Invalid input");
+expect(() => throwError()).toThrow(/invalid/i);
+expect(() => throwError()).toThrowError(ValidationError);
+
+// Mock function calls
+expect(mockFn).toHaveBeenCalled();
+expect(mockFn).toHaveBeenCalledTimes(2);
+expect(mockFn).toHaveBeenCalledWith("arg1", "arg2");
+expect(mockFn).toHaveBeenLastCalledWith("lastArg");
+expect(mockFn).toHaveBeenNthCalledWith(2, "secondCallArg");
+
+// Mock function returns
+expect(mockFn).toHaveReturned();
+expect(mockFn).toHaveReturnedTimes(3);
+expect(mockFn).toHaveReturnedWith("success");
+expect(mockFn).toHaveLastReturnedWith("final");
+expect(mockFn).toHaveNthReturnedWith(1, "first");
+```
+
+### Async Matchers
+
+Matchers for promises and async operations.
+
+```typescript { .api }
+interface Assertion<T> {
+  /** Promise resolves */
+  resolves: Assertion<Awaited<T>>;
+  
+  /** Promise rejects */
+  rejects: Assertion<any>;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+// Promise resolves
+await expect(fetchUser()).resolves.toEqual({ id: 1, name: "Alice" });
+await expect(processData()).resolves.toBeTruthy();
+
+// Promise rejects
+await expect(failingOperation()).rejects.toThrow();
+await expect(invalidRequest()).rejects.toThrow("Invalid request");
+await expect(networkError()).rejects.toBeInstanceOf(NetworkError);
+```
+
+## Alternative Assertion Styles
+
+```typescript { .api }
+/** Chai assert style */
+const assert: typeof import("chai").assert;
+
+/** Chai should style */
+const should: typeof import("chai").should;
+
+/** Raw Chai object */
+const chai: typeof import("chai");
+
+/** Create custom expect function */
+function createExpect(extend?: any): typeof expect;
+```
+
+**Usage Examples:**
+
+```typescript
+import { assert, should, chai } from "vitest";
+
+// Assert style
+assert.equal(result, 42);
+assert.isTrue(isValid);
+assert.deepEqual(object, expected);
+
+// Should style (requires should())
+should();
+result.should.equal(42);
+isValid.should.be.true;
+
+// Custom expect
+const customExpect = createExpect({
+  toBeAwesome: (received) => ({
+    pass: received === "awesome",
+    message: () => `Expected ${received} to be awesome`
+  })
+});
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-vitest/docs/benchmarking.md b/.tessl/tiles/tessl/npm-vitest/docs/benchmarking.md
new file mode 100644
index 000000000..c35acae31
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-vitest/docs/benchmarking.md
@@ -0,0 +1,574 @@
+# Benchmarking
+
+Performance testing and benchmarking capabilities with statistical analysis and comparison features. Measure and compare code performance across different implementations.
+
+## Capabilities
+
+### Benchmark Definition
+
+Define performance benchmarks with statistical measurement.
+
+```typescript { .api }
+/**
+ * Define a benchmark test
+ * @param name - Benchmark description
+ * @param fn - Function to benchmark
+ * @param options - Benchmark configuration options
+ */
+function bench(name: string, fn: BenchFunction, options?: BenchOptions): void;
+
+/**
+ * Benchmark function interface
+ */
+interface BenchFunction {
+  (): void | Promise<void>;
+}
+
+/**
+ * Benchmark configuration options
+ */
+interface BenchOptions {
+  /** Number of iterations to run */
+  iterations?: number;
+  
+  /** Time to run benchmark in milliseconds */
+  time?: number;
+  
+  /** Warmup time before measurement in milliseconds */
+  warmupTime?: number;
+  
+  /** Number of warmup iterations */
+  warmupIterations?: number;
+  
+  /** Setup function run before each iteration */
+  setup?: () => void | Promise<void>;
+  
+  /** Teardown function run after each iteration */
+  teardown?: () => void | Promise<void>;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { bench } from "vitest";
+
+// Basic benchmark
+bench("string concatenation", () => {
+  let result = "";
+  for (let i = 0; i < 1000; i++) {
+    result += "hello";
+  }
+});
+
+// Benchmark with options
+bench("array operations", () => {
+  const arr = Array.from({ length: 1000 }, (_, i) => i);
+  arr.filter(x => x % 2 === 0).map(x => x * 2);
+}, {
+  iterations: 100,
+  time: 1000,
+  warmupTime: 500,
+});
+
+// Async benchmark
+bench("async operation", async () => {
+  await new Promise(resolve => setTimeout(resolve, 10));
+}, {
+  time: 2000,
+  warmupTime: 200,
+});
+
+// Benchmark with setup/teardown
+bench("database operations", () => {
+  database.query("SELECT * FROM users");
+}, {
+  setup: () => {
+    database.connect();
+  },
+  teardown: () => {
+    database.disconnect();
+  },
+});
+```
+
+### Benchmark Modifiers
+
+Control benchmark execution with chainable modifiers.
+
+```typescript { .api }
+interface BenchmarkAPI {
+  /** Skip this benchmark */
+  skip: typeof bench;
+  
+  /** Only run this benchmark */
+  only: typeof bench;
+  
+  /** Mark benchmark as todo */
+  todo: typeof bench;
+  
+  /** Skip benchmark if condition is true */
+  skipIf: (condition: boolean) => typeof bench;
+  
+  /** Run benchmark only if condition is true */
+  runIf: (condition: boolean) => typeof bench;
+  
+  /** Run benchmark with different inputs */
+  each<T>(cases: ReadonlyArray<T>): (name: string, fn: (args: T) => void | Promise<void>) => void;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+// Skip benchmarks conditionally
+bench.skipIf(process.env.CI === "true")("local only benchmark", () => {
+  // Only runs locally, not in CI
+  expensiveOperation();
+});
+
+// Run only specific benchmarks during development
+bench.only("debugging this benchmark", () => {
+  optimizedAlgorithm();
+});
+
+// Parametric benchmarks
+bench.each([
+  { size: 100 },
+  { size: 1000 },
+  { size: 10000 },
+])("array processing with $size items", ({ size }) => {
+  const array = Array.from({ length: size }, (_, i) => i);
+  array.sort((a, b) => b - a);
+});
+
+// Todo benchmarks
+bench.todo("implement faster sorting algorithm");
+```
+
+### Benchmark Results
+
+Access benchmark execution results and statistics.
+
+```typescript { .api }
+/**
+ * Benchmark task result
+ */
+interface BenchTaskResult extends TaskResult {
+  /** Benchmark-specific result data */
+  benchmark?: BenchmarkResult;
+}
+
+/**
+ * Benchmark measurement results
+ */
+interface BenchmarkResult {
+  /** Task name */
+  name: string;
+  
+  /** Number of operations per second */
+  hz: number;
+  
+  /** Minimum execution time */
+  min: number;
+  
+  /** Maximum execution time */
+  max: number;
+  
+  /** Mean execution time */
+  mean: number;
+  
+  /** Variance in execution times */
+  variance: number;
+  
+  /** Standard deviation */
+  sd: number;
+  
+  /** Standard error of the mean */
+  sem: number;
+  
+  /** Margin of error */
+  moe: number;
+  
+  /** Relative margin of error */
+  rme: number;
+  
+  /** Percentage of samples */
+  p75: number;
+  p99: number;
+  p995: number;
+  p999: number;
+  
+  /** Total samples collected */
+  samples: number[];
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { bench, afterAll } from "vitest";
+
+const results: BenchmarkResult[] = [];
+
+bench("algorithm A", () => {
+  algorithmA();
+});
+
+bench("algorithm B", () => {
+  algorithmB();
+});
+
+afterAll(() => {
+  // Compare results
+  results.sort((a, b) => b.hz - a.hz);
+  
+  console.log("Performance ranking:");
+  results.forEach((result, index) => {
+    console.log(`${index + 1}. ${result.name}: ${result.hz.toFixed(2)} ops/sec`);
+    console.log(`   Mean: ${result.mean.toFixed(3)}ms ±${result.rme.toFixed(2)}%`);
+  });
+});
+```
+
+### Benchmark Configuration
+
+Global benchmark configuration and settings.
+
+```typescript { .api }
+/**
+ * Benchmark configuration options
+ */
+interface BenchmarkUserOptions {
+  /** Include pattern for benchmark files */
+  include?: string[];
+  
+  /** Exclude pattern for benchmark files */
+  exclude?: string[];
+  
+  /** Include source files for benchmarking */
+  includeSource?: string[];
+  
+  /** Default benchmark options */
+  options?: BenchOptions;
+  
+  /** Benchmark reporters */
+  reporters?: BenchmarkReporter[];
+  
+  /** Output file for results */
+  outputFile?: string;
+}
+
+/**
+ * Benchmark reporter interface
+ */
+interface BenchmarkReporter {
+  onInit?(suites: BenchmarkSuite[]): void;
+  onStart?(suites: BenchmarkSuite[]): void;
+  onUpdate?(task: BenchTask, result: BenchTaskResult): void;
+  onFinish?(suites: BenchmarkSuite[]): void;
+}
+
+/**
+ * Benchmark suite
+ */
+interface BenchmarkSuite {
+  name: string;
+  tasks: BenchTask[];
+  result?: BenchmarkResult;
+}
+
+/**
+ * Individual benchmark task
+ */
+interface BenchTask {
+  name: string;
+  fn: BenchFunction;
+  options: BenchOptions;
+  result?: BenchTaskResult;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+// vitest.config.ts
+export default defineConfig({
+  test: {
+    benchmark: {
+      include: ["src/**/*.bench.ts"],
+      exclude: ["**/*.skip.bench.ts"],
+      options: {
+        iterations: 1000,
+        time: 2000,
+        warmupTime: 500,
+      },
+      reporters: ["default", "json"],
+      outputFile: "./benchmark-results.json",
+    },
+  },
+});
+
+// Custom benchmark reporter
+class CustomBenchmarkReporter implements BenchmarkReporter {
+  onStart(suites: BenchmarkSuite[]) {
+    console.log(`Starting ${suites.length} benchmark suites`);
+  }
+
+  onUpdate(task: BenchTask, result: BenchTaskResult) {
+    if (result.benchmark) {
+      console.log(`${task.name}: ${result.benchmark.hz.toFixed(2)} ops/sec`);
+    }
+  }
+
+  onFinish(suites: BenchmarkSuite[]) {
+    console.log("Benchmarking completed");
+    
+    // Generate summary report
+    const allTasks = suites.flatMap(suite => suite.tasks);
+    const fastest = allTasks.reduce((fastest, task) => 
+      task.result?.benchmark && task.result.benchmark.hz > (fastest?.result?.benchmark?.hz || 0) 
+        ? task : fastest
+    );
+    
+    console.log(`Fastest: ${fastest?.name}`);
+  }
+}
+```
+
+### Benchmark Runners
+
+Different benchmark execution strategies and runners.
+
+```typescript { .api }
+/**
+ * Node.js benchmark runner
+ */
+class NodeBenchmarkRunner {
+  constructor(options?: BenchmarkRunnerOptions);
+  
+  /** Run single benchmark */
+  runBench(task: BenchTask): Promise<BenchTaskResult>;
+  
+  /** Run benchmark suite */
+  runSuite(suite: BenchmarkSuite): Promise<void>;
+}
+
+interface BenchmarkRunnerOptions {
+  /** Concurrent benchmark execution */
+  concurrent?: boolean;
+  
+  /** Maximum concurrent benchmarks */
+  maxConcurrency?: number;
+  
+  /** Timeout for individual benchmarks */
+  timeout?: number;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { NodeBenchmarkRunner } from "vitest/runners";
+
+// Custom benchmark runner usage
+const runner = new NodeBenchmarkRunner({
+  concurrent: false,
+  timeout: 30000,
+});
+
+const suite: BenchmarkSuite = {
+  name: "Performance Tests",
+  tasks: [
+    {
+      name: "fast operation",
+      fn: () => fastFunction(),
+      options: { iterations: 1000 },
+    },
+    {
+      name: "slow operation", 
+      fn: () => slowFunction(),
+      options: { iterations: 100 },
+    },
+  ],
+};
+
+await runner.runSuite(suite);
+```
+
+### Benchmark Comparison
+
+Compare multiple implementations and analyze performance differences.
+
+```typescript { .api }
+/**
+ * Compare benchmark results
+ */
+interface BenchmarkComparison {
+  /** Fastest benchmark */
+  fastest: BenchmarkResult;
+  
+  /** Slowest benchmark */
+  slowest: BenchmarkResult;
+  
+  /** Performance ratios */
+  ratios: Map<string, number>;
+  
+  /** Statistical significance */
+  significant: boolean;
+}
+
+/**
+ * Generate comparison report
+ */
+function compareBenchmarks(results: BenchmarkResult[]): BenchmarkComparison;
+```
+
+**Usage Examples:**
+
+```typescript
+import { bench, describe } from "vitest";
+
+describe("sorting algorithms", () => {
+  const data = Array.from({ length: 1000 }, () => Math.random());
+  
+  bench("bubble sort", () => {
+    bubbleSort([...data]);
+  });
+  
+  bench("quick sort", () => {
+    quickSort([...data]);
+  });
+  
+  bench("merge sort", () => {
+    mergeSort([...data]);
+  });
+  
+  bench("native sort", () => {
+    [...data].sort((a, b) => a - b);
+  });
+});
+
+// Results will show relative performance:
+// native sort: 12,345 ops/sec
+// quick sort: 8,765 ops/sec (1.4x slower)
+// merge sort: 6,543 ops/sec (1.9x slower)  
+// bubble sort: 123 ops/sec (100x slower)
+```
+
+### Memory Benchmarking
+
+Measure memory usage alongside performance metrics.
+
+```typescript { .api }
+/**
+ * Memory benchmark options
+ */
+interface MemoryBenchOptions extends BenchOptions {
+  /** Track memory usage */
+  trackMemory?: boolean;
+  
+  /** Force garbage collection */
+  forceGC?: boolean;
+}
+
+/**
+ * Memory benchmark result
+ */
+interface MemoryBenchmarkResult extends BenchmarkResult {
+  /** Memory usage statistics */
+  memory?: {
+    /** Peak memory usage in bytes */
+    peak: number;
+    
+    /** Average memory usage */
+    average: number;
+    
+    /** Memory allocated during test */
+    allocated: number;
+    
+    /** Garbage collection count */
+    gcCount: number;
+  };
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { bench } from "vitest";
+
+// Memory-aware benchmark
+bench("memory intensive operation", () => {
+  const largeArray = new Array(100000).fill(0).map((_, i) => ({ id: i, data: "x".repeat(100) }));
+  return largeArray.filter(item => item.id % 2 === 0);
+}, {
+  trackMemory: true,
+  forceGC: true,
+  iterations: 50,
+});
+
+// Results will include memory usage:
+// memory intensive operation: 234 ops/sec
+//   Memory: peak 45.2MB, avg 23.1MB, allocated 89.3MB
+//   GC runs: 12
+```
+
+### CLI Integration
+
+Run benchmarks from command line with specific options.
+
+```typescript { .api }
+/**
+ * Benchmark CLI commands
+ */
+interface BenchmarkCLI {
+  /** Run benchmarks */
+  bench(patterns?: string[], options?: BenchmarkUserOptions): Promise<void>;
+  
+  /** Compare benchmark results */
+  compare(baseline: string, current: string): Promise<void>;
+  
+  /** Generate benchmark report */
+  report(resultsFile: string, format?: "html" | "json" | "csv"): Promise<void>;
+}
+```
+
+**Usage Examples:**
+
+```bash
+# Run all benchmarks
+npx vitest bench
+
+# Run specific benchmark files
+npx vitest bench src/**/*.bench.ts
+
+# Run with custom options
+npx vitest bench --iterations=2000 --time=5000
+
+# Compare results
+npx vitest bench --compare baseline.json
+
+# Generate HTML report
+npx vitest bench --reporter=html --outputFile=report.html
+```
+
+**Programmatic CLI usage:**
+
+```typescript
+import { startVitest } from "vitest/node";
+
+// Run benchmarks programmatically
+const vitest = await startVitest("benchmark", ["src/**/*.bench.ts"], {
+  test: {
+    benchmark: {
+      iterations: 2000,
+      reporters: ["json"],
+      outputFile: "results.json",
+    },
+  },
+});
+
+console.log("Benchmarks completed");
+await vitest?.close();
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-vitest/docs/configuration.md b/.tessl/tiles/tessl/npm-vitest/docs/configuration.md
new file mode 100644
index 000000000..94421cdd0
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-vitest/docs/configuration.md
@@ -0,0 +1,702 @@
+# Configuration
+
+Configuration system for test environments, coverage, reporters, and build options. Integrates seamlessly with Vite configuration for unified project setup.
+
+## Capabilities
+
+### Configuration Functions
+
+Define Vitest configuration with type safety and IntelliSense support.
+
+```typescript { .api }
+/**
+ * Define Vitest configuration with type safety
+ * @param config - Vitest configuration object
+ * @returns Typed configuration object
+ */
+function defineConfig(config: UserConfig): UserConfig;
+
+/**
+ * Define project configuration for workspace
+ * @param config - Project-specific configuration
+ * @returns Typed project configuration
+ */
+function defineProject(config: ProjectConfig): ProjectConfig;
+
+/**
+ * Merge multiple configuration objects
+ * @param configs - Configuration objects to merge
+ * @returns Merged configuration
+ */
+function mergeConfig(...configs: UserConfig[]): UserConfig;
+```
+
+**Usage Examples:**
+
+```typescript
+import { defineConfig } from "vitest/config";
+
+export default defineConfig({
+  test: {
+    globals: true,
+    environment: "jsdom",
+    coverage: {
+      provider: "v8",
+      reporter: ["text", "html"],
+    },
+  },
+});
+
+// Project-specific config
+import { defineProject } from "vitest/config";
+
+export default defineProject({
+  test: {
+    name: "unit",
+    include: ["src/**/*.test.ts"],
+    environment: "node",
+  },
+});
+```
+
+### Core Configuration
+
+Primary configuration options for test execution and behavior.
+
+```typescript { .api }
+interface UserConfig extends Omit<ViteConfig, "test"> {
+  /** Test-specific configuration */
+  test?: TestConfig;
+}
+
+interface TestConfig {
+  /** Test files to include */
+  include?: string[];
+  
+  /** Test files to exclude */
+  exclude?: string[];
+  
+  /** Test name patterns to include */
+  includeSource?: string[];
+  
+  /** Test environment */
+  environment?: BuiltinEnvironment | (string & {});
+  
+  /** Environment-specific options */
+  environmentOptions?: EnvironmentOptions;
+  
+  /** Environment match patterns */
+  environmentMatchGlobs?: [string, BuiltinEnvironment][];
+  
+  /** Test root directory */
+  root?: string;
+  
+  /** Enable global test APIs */
+  globals?: boolean;
+  
+  /** Pool for running tests */
+  pool?: Pool;
+  
+  /** Pool-specific options */
+  poolOptions?: PoolOptions;
+  
+  /** Test timeout in milliseconds */
+  testTimeout?: number;
+  
+  /** Hook timeout in milliseconds */
+  hookTimeout?: number;
+  
+  /** Teardown timeout in milliseconds */
+  teardownTimeout?: number;
+  
+  /** Silent mode */
+  silent?: boolean;
+  
+  /** Hide successful tests in output */
+  hideSkippedTests?: boolean;
+  
+  /** Run tests sequentially */
+  sequence?: SequenceOptions;
+  
+  /** Shuffle tests */
+  shuffle?: boolean;
+  
+  /** Test retry count */
+  retry?: number;
+  
+  /** Bail after N failures */
+  bail?: number;
+}
+
+type BuiltinEnvironment = "node" | "jsdom" | "happy-dom" | "edge-runtime";
+type Pool = "forks" | "threads" | "vmForks" | "vmThreads" | "typescript";
+```
+
+**Usage Examples:**
+
+```typescript
+export default defineConfig({
+  test: {
+    include: ["src/**/*.{test,spec}.{js,ts}"],
+    exclude: ["src/**/*.e2e.test.ts"],
+    environment: "jsdom",
+    globals: true,
+    testTimeout: 10000,
+    hookTimeout: 5000,
+    retry: 2,
+    sequence: {
+      shuffle: true,
+    },
+  },
+});
+```
+
+### Environment Configuration
+
+Test environment setup and options.
+
+```typescript { .api }
+interface EnvironmentOptions {
+  /** jsdom-specific options */
+  jsdom?: JSDOMOptions;
+  
+  /** happy-dom-specific options */
+  "happy-dom"?: HappyDOMOptions;
+}
+
+interface JSDOMOptions {
+  /** JSDOM constructor options */
+  html?: string;
+  url?: string;
+  referrer?: string;
+  contentType?: string;
+  includeNodeLocations?: boolean;
+  storageQuota?: number;
+  resources?: "usable" | "disable";
+  console?: boolean;
+  virtualConsole?: any;
+  beforeParse?: (window: any) => void;
+  pretendToBeVisual?: boolean;
+  userAgent?: string;
+}
+
+interface HappyDOMOptions {
+  /** Happy DOM configuration */
+  width?: number;
+  height?: number;
+  url?: string;
+  settings?: {
+    disableJavaScriptEvaluation?: boolean;
+    disableJavaScriptFileLoading?: boolean;
+    disableCSSFileLoading?: boolean;
+    disableComputedStyleRendering?: boolean;
+    enableFileSystemHttpRequests?: boolean;
+    device?: {
+      prefersColorScheme?: "light" | "dark";
+      mediaType?: "screen" | "print";
+    };
+  };
+}
+```
+
+**Usage Examples:**
+
+```typescript
+export default defineConfig({
+  test: {
+    environment: "jsdom",
+    environmentOptions: {
+      jsdom: {
+        url: "http://localhost:3000",
+        html: "<!DOCTYPE html><html><body></body></html>",
+        resources: "usable",
+        beforeParse(window) {
+          window.ResizeObserver = class ResizeObserver {
+            observe() {}
+            unobserve() {}
+            disconnect() {}
+          };
+        },
+      },
+    },
+  },
+});
+
+// Happy DOM configuration
+export default defineConfig({
+  test: {
+    environment: "happy-dom",
+    environmentOptions: {
+      "happy-dom": {
+        width: 1024,
+        height: 768,
+        settings: {
+          device: {
+            prefersColorScheme: "dark",
+            mediaType: "screen",
+          },
+        },
+      },
+    },
+  },
+});
+```
+
+### Pool Configuration
+
+Worker pool configuration for test execution.
+
+```typescript { .api }
+interface PoolOptions {
+  /** Threads pool options */
+  threads?: {
+    /** Number of threads */
+    minThreads?: number;
+    maxThreads?: number;
+    
+    /** Use Atomics for faster communication */
+    useAtomics?: boolean;
+    
+    /** Thread isolation */
+    isolate?: boolean;
+  };
+  
+  /** Forks pool options */
+  forks?: {
+    /** Number of forks */
+    minForks?: number;
+    maxForks?: number;
+    
+    /** Fork isolation */
+    isolate?: boolean;
+  };
+  
+  /** VM threads pool options */
+  vmThreads?: {
+    /** Number of VM threads */
+    minThreads?: number;
+    maxThreads?: number;
+    
+    /** Use Atomics */
+    useAtomics?: boolean;
+  };
+  
+  /** VM forks pool options */
+  vmForks?: {
+    /** Number of VM forks */
+    minForks?: number;
+    maxForks?: number;
+  };
+}
+```
+
+**Usage Examples:**
+
+```typescript
+export default defineConfig({
+  test: {
+    pool: "threads",
+    poolOptions: {
+      threads: {
+        minThreads: 1,
+        maxThreads: 4,
+        useAtomics: true,
+        isolate: true,
+      },
+    },
+  },
+});
+
+// Fork pool configuration
+export default defineConfig({
+  test: {
+    pool: "forks",
+    poolOptions: {
+      forks: {
+        minForks: 1,
+        maxForks: 2,
+        isolate: false,
+      },
+    },
+  },
+});
+```
+
+### Coverage Configuration
+
+Code coverage setup and reporting options.
+
+```typescript { .api }
+interface CoverageOptions<T extends CoverageProviderName = CoverageProviderName> {
+  /** Coverage provider */
+  provider?: T;
+  
+  /** Enable coverage */
+  enabled?: boolean;
+  
+  /** Files to include in coverage */
+  include?: string[];
+  
+  /** Files to exclude from coverage */
+  exclude?: string[];
+  
+  /** Coverage thresholds */
+  thresholds?: {
+    lines?: number;
+    functions?: number;
+    branches?: number;
+    statements?: number;
+    perFile?: boolean;
+    autoUpdate?: boolean;
+  };
+  
+  /** Coverage reporters */
+  reporter?: CoverageReporter | CoverageReporter[];
+  
+  /** Reports directory */
+  reportsDirectory?: string;
+  
+  /** Report on each test file */
+  reportOnFailure?: boolean;
+  
+  /** Allow external files */
+  allowExternal?: boolean;
+  
+  /** Skip coverage if no tests are found */
+  skipFull?: boolean;
+  
+  /** Provider-specific options */
+  providerOptions?: T extends "v8" ? CoverageV8Options : CoverageIstanbulOptions;
+}
+
+type CoverageProviderName = "v8" | "istanbul" | "custom";
+type CoverageReporter = "text" | "text-summary" | "html" | "json" | "json-summary" | "lcov" | "clover" | "cobertura";
+
+interface CoverageV8Options {
+  /** All V8 coverage options */
+  all?: boolean;
+}
+
+interface CoverageIstanbulOptions {
+  /** Watermarks for coverage levels */
+  watermarks?: {
+    statements?: [number, number];
+    lines?: [number, number];
+    functions?: [number, number];
+    branches?: [number, number];
+  };
+}
+```
+
+**Usage Examples:**
+
+```typescript
+export default defineConfig({
+  test: {
+    coverage: {
+      provider: "v8",
+      reporter: ["text", "html", "json"],
+      reportsDirectory: "./coverage",
+      include: ["src/**/*.ts"],
+      exclude: ["src/**/*.test.ts", "src/**/*.d.ts"],
+      thresholds: {
+        lines: 80,
+        functions: 80,
+        branches: 80,
+        statements: 80,
+        perFile: true,
+      },
+    },
+  },
+});
+
+// Istanbul provider
+export default defineConfig({
+  test: {
+    coverage: {
+      provider: "istanbul",
+      reporter: ["lcov", "text-summary"],
+      providerOptions: {
+        watermarks: {
+          statements: [50, 80],
+          functions: [50, 80],
+          branches: [50, 80],
+          lines: [50, 80],
+        },
+      },
+    },
+  },
+});
+```
+
+### Reporter Configuration
+
+Test result reporting configuration.
+
+```typescript { .api }
+interface TestConfig {
+  /** Test reporters */
+  reporter?: Reporter | Reporter[];
+  
+  /** Reporter options */
+  outputFile?: string | Record<string, string>;
+}
+
+type Reporter = 
+  | "default"
+  | "verbose" 
+  | "dot"
+  | "json"
+  | "junit"
+  | "tap"
+  | "hanging-process"
+  | "github-actions"
+  | "html"
+  | CustomReporter;
+
+interface CustomReporter {
+  onInit?(ctx: Vitest): void;
+  onPathsCollected?(paths: string[]): void;
+  onCollected?(files: File[]): void;
+  onFinished?(files: File[], errors: unknown[]): void;
+  onTaskUpdate?(packs: TaskResultPack[]): void;
+  onTestRemoved?(trigger?: string): void;
+  onWatcherStart?(files: File[], errors: unknown[]): void;
+  onWatcherRerun?(files: string[], trigger?: string): void;
+  onServerRestart?(reason?: string): void;
+  onUserConsoleLog?(log: UserConsoleLog): void;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+export default defineConfig({
+  test: {
+    reporter: ["default", "json", "junit"],
+    outputFile: {
+      json: "./test-results.json",
+      junit: "./junit.xml",
+    },
+  },
+});
+
+// Custom reporter
+const customReporter: CustomReporter = {
+  onFinished(files, errors) {
+    console.log(`Tests completed: ${files.length} files, ${errors.length} errors`);
+  },
+};
+
+export default defineConfig({
+  test: {
+    reporter: [customReporter],
+  },
+});
+```
+
+### Watch Mode Configuration
+
+File watching and test re-execution options.
+
+```typescript { .api }
+interface TestConfig {
+  /** Watch mode configuration */
+  watch?: boolean;
+  
+  /** Watch options */
+  watchExclude?: string[];
+  
+  /** Ignore changes in node_modules */
+  watchIgnore?: string[];
+  
+  /** Force exit after tests */
+  forceRerunTriggers?: string[];
+}
+```
+
+**Usage Examples:**
+
+```typescript
+export default defineConfig({
+  test: {
+    watch: true,
+    watchExclude: ["**/node_modules/**", "**/dist/**"],
+    forceRerunTriggers: ["**/vitest.config.*", "**/vite.config.*"],
+  },
+});
+```
+
+### Setup Files
+
+Test setup and teardown file configuration.
+
+```typescript { .api }
+interface TestConfig {
+  /** Setup files to run before tests */
+  setupFiles?: string | string[];
+  
+  /** Global setup files */
+  globalSetup?: string | string[];
+  
+  /** Teardown files */
+  teardownTimeout?: number;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+export default defineConfig({
+  test: {
+    setupFiles: ["./src/test/setup.ts"],
+    globalSetup: ["./src/test/global-setup.ts"],
+    teardownTimeout: 10000,
+  },
+});
+
+// Setup file example
+// src/test/setup.ts
+import { beforeEach } from "vitest";
+import { cleanup } from "@testing-library/react";
+
+beforeEach(() => {
+  cleanup();
+});
+```
+
+### Workspace Configuration
+
+Multi-project workspace configuration.
+
+```typescript { .api }
+interface UserWorkspaceConfig {
+  /** Workspace projects */
+  projects?: (string | ProjectConfig)[];
+  
+  /** Workspace root */
+  root?: string;
+}
+
+interface ProjectConfig extends TestConfig {
+  /** Project name */
+  name?: string;
+  
+  /** Project root directory */
+  root?: string;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+// vitest.workspace.ts
+export default defineWorkspace([
+  "packages/*/vitest.config.ts",
+  {
+    test: {
+      name: "unit",
+      include: ["src/**/*.test.ts"],
+      environment: "node",
+    },
+  },
+  {
+    test: {
+      name: "integration", 
+      include: ["tests/**/*.test.ts"],
+      environment: "jsdom",
+    },
+  },
+]);
+```
+
+### TypeScript Configuration
+
+TypeScript checking and compilation options.
+
+```typescript { .api }
+interface TestConfig {
+  /** TypeScript type checking */
+  typecheck?: TypecheckConfig;
+}
+
+interface TypecheckConfig {
+  /** Enable type checking */
+  enabled?: boolean;
+  
+  /** Only type check, don't run tests */
+  only?: boolean;
+  
+  /** TypeScript config file */
+  tsconfig?: string;
+  
+  /** Files to type check */
+  include?: string[];
+  
+  /** Files to exclude from type checking */
+  exclude?: string[];
+  
+  /** Ignore TypeScript errors */
+  ignoreSourceErrors?: boolean;
+  
+  /** Allow JavaScript files */
+  allowJs?: boolean;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+export default defineConfig({
+  test: {
+    typecheck: {
+      enabled: true,
+      tsconfig: "./tsconfig.test.json",
+      include: ["src/**/*.ts", "tests/**/*.ts"],
+      exclude: ["**/*.js"],
+      ignoreSourceErrors: false,
+    },
+  },
+});
+```
+
+## Common Configuration Patterns
+
+```typescript { .api }
+// Full featured configuration example
+export default defineConfig({
+  test: {
+    globals: true,
+    environment: "jsdom",
+    setupFiles: ["./src/test/setup.ts"],
+    include: ["src/**/*.{test,spec}.{js,ts,tsx}"],
+    exclude: ["src/**/*.e2e.test.ts"],
+    testTimeout: 10000,
+    hookTimeout: 5000,
+    retry: 2,
+    pool: "threads",
+    poolOptions: {
+      threads: {
+        minThreads: 1,
+        maxThreads: 4,
+      },
+    },
+    coverage: {
+      provider: "v8",
+      reporter: ["text", "html"],
+      include: ["src/**/*.ts"],
+      exclude: ["src/**/*.test.ts"],
+      thresholds: {
+        lines: 80,
+        functions: 80,
+        branches: 80,
+        statements: 80,
+      },
+    },
+    reporter: ["default", "json"],
+    outputFile: {
+      json: "./test-results.json",
+    },
+  },
+});
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-vitest/docs/core-testing-api.md b/.tessl/tiles/tessl/npm-vitest/docs/core-testing-api.md
new file mode 100644
index 000000000..1cf1be5e5
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-vitest/docs/core-testing-api.md
@@ -0,0 +1,366 @@
+# Core Testing API
+
+Essential test definition and lifecycle functions for organizing and running tests. Provides Jest-compatible APIs for easy migration from existing test suites.
+
+## Capabilities
+
+### Test Definition
+
+Define individual test cases and test suites.
+
+```typescript { .api }
+/**
+ * Define a test case
+ * @param name - Test description
+ * @param fn - Test function to execute
+ */
+function test(name: string, fn: TestFunction): void;
+function test(name: string, options: TestOptions, fn: TestFunction): void;
+
+/**
+ * Alias for test()
+ */
+function it(name: string, fn: TestFunction): void;
+function it(name: string, options: TestOptions, fn: TestFunction): void;
+
+interface TestFunction {
+  (context: TestContext): void | Promise<void>;
+}
+
+interface TestOptions {
+  /** Test timeout in milliseconds */
+  timeout?: number;
+  /** Number of times to retry flaky tests */
+  retry?: number;
+  /** Run test concurrently with others in same describe block */
+  concurrent?: boolean;
+  /** Skip test execution */
+  skip?: boolean;
+  /** Only run this test (ignore others) */
+  only?: boolean;
+  /** Mark test as todo (not implemented) */
+  todo?: boolean;
+  /** Run test only if condition is true */
+  runIf?: boolean;
+  /** Skip test if condition is true */
+  skipIf?: boolean;
+  /** Additional metadata for the test */
+  meta?: Record<string, any>;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { test, it } from "vitest";
+
+// Basic test
+test("should calculate sum correctly", () => {
+  expect(add(2, 3)).toBe(5);
+});
+
+// Async test
+test("should fetch user data", async () => {
+  const users = await fetchUsers();
+  expect(users).toHaveLength(10);
+});
+
+// Test with options
+test("long running operation", { timeout: 10000 }, async () => {
+  await processLargeDataset();
+}, );
+
+// Concurrent test
+test.concurrent("parallel test 1", async () => {
+  await delay(100);
+  expect(true).toBe(true);
+});
+```
+
+### Suite Definition
+
+Group related tests into suites and nested suites.
+
+```typescript { .api }
+/**
+ * Group tests into a suite
+ * @param name - Suite description
+ * @param fn - Function containing test definitions
+ */
+function describe(name: string, fn: () => void): void;
+function describe(name: string, options: SuiteOptions, fn: () => void): void;
+
+/**
+ * Alias for describe()
+ */
+function suite(name: string, fn: () => void): void;
+function suite(name: string, options: SuiteOptions, fn: () => void): void;
+
+interface SuiteOptions {
+  /** Suite timeout in milliseconds */
+  timeout?: number;
+  /** Number of times to retry all tests in suite */
+  retry?: number;
+  /** Run all tests in suite concurrently */
+  concurrent?: boolean;
+  /** Skip entire suite */
+  skip?: boolean;
+  /** Only run this suite (ignore others) */
+  only?: boolean;
+  /** Mark suite as todo */
+  todo?: boolean;
+  /** Run suite only if condition is true */
+  runIf?: boolean;
+  /** Skip suite if condition is true */
+  skipIf?: boolean;
+  /** Shuffle tests in suite */
+  shuffle?: boolean;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { describe, test } from "vitest";
+
+describe("Calculator", () => {
+  test("should add numbers", () => {
+    expect(add(1, 2)).toBe(3);
+  });
+
+  test("should subtract numbers", () => {
+    expect(subtract(5, 3)).toBe(2);
+  });
+
+  // Nested suites
+  describe("advanced operations", () => {
+    test("should calculate square root", () => {
+      expect(sqrt(9)).toBe(3);
+    });
+  });
+});
+
+// Concurrent suite
+describe.concurrent("API tests", () => {
+  test("endpoint 1", async () => { /* ... */ });
+  test("endpoint 2", async () => { /* ... */ });
+});
+```
+
+### Test Modifiers
+
+Modify test and suite behavior with chainable modifiers.
+
+```typescript { .api }
+interface TestAPI {
+  /** Skip this test */
+  skip: typeof test;
+  /** Only run this test */
+  only: typeof test;
+  /** Mark test as todo */
+  todo: typeof test;
+  /** Run test concurrently */
+  concurrent: typeof test;
+  /** Skip test if condition is true */
+  skipIf: (condition: boolean) => typeof test;
+  /** Run test only if condition is true */
+  runIf: (condition: boolean) => typeof test;
+  /** Run test multiple times */
+  each<T>(cases: ReadonlyArray<T>): (name: string, fn: (args: T) => void) => void;
+}
+
+interface SuiteAPI {
+  /** Skip this suite */
+  skip: typeof describe;
+  /** Only run this suite */
+  only: typeof describe;
+  /** Mark suite as todo */
+  todo: typeof describe;
+  /** Run suite concurrently */
+  concurrent: typeof describe;
+  /** Skip suite if condition is true */
+  skipIf: (condition: boolean) => typeof describe;
+  /** Run suite only if condition is true */
+  runIf: (condition: boolean) => typeof describe;
+  /** Shuffle tests in suite */
+  shuffle: typeof describe;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+// Skip tests conditionally
+test.skipIf(process.platform === "win32")("unix-specific test", () => {
+  // Only runs on non-Windows platforms
+});
+
+// Run only specific tests during development
+test.only("debugging this test", () => {
+  // Only this test will run
+});
+
+// Parametric tests
+test.each([
+  [1, 2, 3],
+  [2, 3, 5],
+  [3, 4, 7],
+])("add(%i, %i) = %i", (a, b, expected) => {
+  expect(add(a, b)).toBe(expected);
+});
+
+// Todo tests
+test.todo("implement user authentication");
+
+// Concurrent tests
+test.concurrent("parallel test", async () => {
+  await delay(100);
+});
+```
+
+### Lifecycle Hooks
+
+Setup and teardown functions that run before/after tests and suites.
+
+```typescript { .api }
+/**
+ * Run once before all tests in the current suite
+ */
+function beforeAll(fn: HookListener): void;
+function beforeAll(fn: HookListener, timeout?: number): void;
+
+/**
+ * Run once after all tests in the current suite
+ */
+function afterAll(fn: HookListener): void;
+function afterAll(fn: HookListener, timeout?: number): void;
+
+/**
+ * Run before each test in the current suite
+ */
+function beforeEach(fn: HookListener): void;
+function beforeEach(fn: HookListener, timeout?: number): void;
+
+/**
+ * Run after each test in the current suite
+ */
+function afterEach(fn: HookListener): void;
+function afterEach(fn: HookListener, timeout?: number): void;
+
+interface HookListener {
+  (context: TaskContext): void | Promise<void>;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { describe, test, beforeAll, afterAll, beforeEach, afterEach } from "vitest";
+
+describe("Database tests", () => {
+  let database: Database;
+
+  beforeAll(async () => {
+    // Setup once for all tests
+    database = await createTestDatabase();
+  });
+
+  afterAll(async () => {
+    // Cleanup once after all tests
+    await database.close();
+  });
+
+  beforeEach(async () => {
+    // Reset state before each test
+    await database.clear();
+  });
+
+  afterEach(async () => {
+    // Cleanup after each test
+    await database.rollback();
+  });
+
+  test("should create user", async () => {
+    const user = await database.createUser({ name: "Alice" });
+    expect(user.id).toBeDefined();
+  });
+});
+```
+
+### Test Callbacks
+
+Register callbacks that execute when tests fail or finish.
+
+```typescript { .api }
+/**
+ * Register callback for when test fails
+ */
+function onTestFailed(fn: OnTestFailedHandler): void;
+
+/**
+ * Register callback for when test finishes (pass or fail)
+ */
+function onTestFinished(fn: OnTestFinishedHandler): void;
+
+interface OnTestFailedHandler {
+  (result: TaskResult): void | Promise<void>;
+}
+
+interface OnTestFinishedHandler {
+  (result: TaskResult): void | Promise<void>;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { test, onTestFailed, onTestFinished } from "vitest";
+
+test("might fail", () => {
+  onTestFailed(async (result) => {
+    // Take screenshot on failure
+    await captureScreenshot(`failed-${result.task.name}`);
+  });
+
+  onTestFinished(async (result) => {
+    // Cleanup resources regardless of result
+    await cleanup();
+  });
+
+  // Test logic here
+  expect(riskyOperation()).toBeTruthy();
+});
+```
+
+## Common Types
+
+```typescript { .api }
+interface TestContext extends TaskContext {
+  /** Skip remaining tests in current suite */
+  skip(): void;
+}
+
+interface TaskContext {
+  /** Current task being executed */
+  task: RunnerTask;
+  /** Register test failure callback */
+  onTestFailed(fn: OnTestFailedHandler): void;
+  /** Register test finished callback */
+  onTestFinished(fn: OnTestFinishedHandler): void;
+}
+
+interface TaskResult {
+  /** Current task */
+  task: RunnerTask;
+  /** Test state */
+  state: TaskState;
+  /** Test duration in milliseconds */
+  duration?: number;
+  /** Error if test failed */
+  errors?: TestError[];
+  /** Result metadata */
+  meta?: TaskMeta;
+}
+
+type TaskState = "todo" | "skip" | "pass" | "fail" | "only" | "run";
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-vitest/docs/index.md b/.tessl/tiles/tessl/npm-vitest/docs/index.md
new file mode 100644
index 000000000..0b4724f61
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-vitest/docs/index.md
@@ -0,0 +1,218 @@
+# Vitest
+
+Vitest is a modern JavaScript/TypeScript testing framework built on top of Vite that provides fast, smart watch mode testing with native ESM support and top-level await. It offers Jest-compatible APIs with Chai built-in for assertions, includes advanced features like native code coverage, component testing, browser mode testing, multi-threading, benchmarking, and comprehensive mocking capabilities.
+
+## Package Information
+
+- **Package Name**: vitest
+- **Package Type**: npm  
+- **Language**: TypeScript/JavaScript
+- **Installation**: `npm install -D vitest`
+
+## Core Imports
+
+```typescript
+import { test, describe, expect, vi } from "vitest";
+```
+
+For globals mode configuration:
+
+```typescript
+import { expect, vi } from "vitest";
+// test, describe, it, beforeAll, etc. are available globally
+```
+
+CommonJS:
+
+```javascript
+const { test, describe, expect, vi } = require("vitest");
+```
+
+## Basic Usage
+
+```typescript
+import { test, describe, expect, beforeEach } from "vitest";
+
+describe("Calculator", () => {
+  let calculator: Calculator;
+
+  beforeEach(() => {
+    calculator = new Calculator();
+  });
+
+  test("should add two numbers correctly", () => {
+    const result = calculator.add(2, 3);
+    expect(result).toBe(5);
+  });
+
+  test("should handle async operations", async () => {
+    const result = await calculator.asyncMultiply(4, 5);
+    expect(result).toBe(20);
+  });
+});
+```
+
+## Architecture
+
+Vitest is built around several key components:
+
+- **Test Runner**: Core test execution engine with file collection, test running, and result reporting
+- **Assertion Library**: Chai-based expectations with additional Vitest-specific matchers
+- **Mocking System**: Comprehensive module and function mocking with automatic hoisting
+- **Configuration System**: Vite-integrated configuration with workspace and project support
+- **Reporter System**: Extensible reporting with built-in console, JSON, JUnit and custom reporters
+- **Coverage System**: Native code coverage via V8 or Istanbul with multiple output formats
+- **Environment System**: Pluggable test environments (Node.js, jsdom, happy-dom, browser)
+- **Worker System**: Multi-threaded test execution with thread pools and worker management
+
+## Capabilities
+
+### Core Testing API
+
+Essential test definition and lifecycle functions for organizing and running tests. Compatible with Jest APIs for easy migration.
+
+```typescript { .api }
+function test(name: string, fn: TestFunction): void;
+function it(name: string, fn: TestFunction): void;
+function describe(name: string, fn: () => void): void;
+function suite(name: string, fn: () => void): void;
+
+function beforeAll(fn: HookListener): void;
+function afterAll(fn: HookListener): void;
+function beforeEach(fn: HookListener): void;
+function afterEach(fn: HookListener): void;
+```
+
+[Core Testing API](./core-testing-api.md)
+
+### Assertion & Expectation API
+
+Comprehensive assertion library with Chai matchers and Vitest-specific extensions for testing values, objects, functions, and async operations.
+
+```typescript { .api }
+function expect<T>(value: T): Assertion<T>;
+function expect.soft<T>(value: T): Assertion<T>;
+function expect.poll(fn: () => any, options?: ExpectPollOptions): Promise<Assertion>;
+
+interface Assertion<T> {
+  toBe(expected: T): void;
+  toEqual(expected: T): void;
+  toMatchObject(expected: object): void;
+  toHaveProperty(property: string | string[], value?: any): void;
+  // ... extensive Chai matcher API
+}
+```
+
+[Assertions](./assertions.md)
+
+### Mocking & Spying API
+
+Powerful mocking system for functions, modules, timers, and global variables. Provides Jest-compatible APIs with additional Vitest enhancements.
+
+```typescript { .api }
+function vi.fn<T extends (...args: any[]) => any>(implementation?: T): Mock<T>;
+function vi.spyOn<T, K extends keyof T>(object: T, method: K): MockInstance;
+function vi.mock(path: string, factory?: () => any): void;
+function vi.importActual<T>(path: string): Promise<T>;
+function vi.importMock<T>(path: string): Promise<Mocked<T>>;
+
+interface Mock<T extends (...args: any[]) => any> extends MockInstance {
+  (...args: Parameters<T>): ReturnType<T>;
+}
+```
+
+[Mocking](./mocking.md)
+
+### Configuration API
+
+Configuration system for test environments, coverage, reporters, and build options. Integrates seamlessly with Vite configuration.
+
+```typescript { .api }
+function defineConfig(config: UserConfig): UserConfig;
+function defineProject(config: ProjectConfig): ProjectConfig;
+
+interface UserConfig {
+  test?: TestConfig;
+  // Vite config options also available
+}
+```
+
+[Configuration](./configuration.md)
+
+### Node.js APIs
+
+Server-side APIs for programmatic test execution, custom reporters, coverage providers, and CLI integration.
+
+```typescript { .api }
+class Vitest {
+  constructor(mode: VitestRunMode, options: UserConfig);
+  start(filters?: string[]): Promise<void>;
+  close(): Promise<void>;
+}
+
+function createVitest(mode: VitestRunMode, options: UserConfig): Promise<Vitest>;
+function startVitest(mode: VitestRunMode, cliFilters?: string[], options?: UserConfig): Promise<Vitest | undefined>;
+```
+
+[Node.js APIs](./nodejs-apis.md)
+
+### Benchmarking API
+
+Performance testing and benchmarking capabilities with statistical analysis and comparison features.
+
+```typescript { .api }
+function bench(name: string, fn: BenchFunction, options?: BenchOptions): void;
+
+interface BenchFunction {
+  (): void | Promise<void>;
+}
+
+interface BenchOptions {
+  iterations?: number;
+  time?: number;
+  warmupTime?: number;
+  warmupIterations?: number;
+}
+```
+
+[Benchmarking](./benchmarking.md)
+
+### Type Testing API
+
+TypeScript type-level testing utilities for validating type relationships and compile-time behavior.
+
+```typescript { .api }
+function expectTypeOf<T>(value: T): ExpectTypeOf<T>;
+function assertType<T>(value: T): void;
+
+interface ExpectTypeOf<T> {
+  toEqualTypeOf<Expected>(): void;
+  toMatchTypeOf<Expected>(): void;
+  toBeString(): void;
+  toBeNumber(): void;
+  // ... additional type matchers
+}
+```
+
+[Type Testing](./type-testing.md)
+
+## Common Types
+
+```typescript { .api }
+interface TestFunction {
+  (context: TestContext): void | Promise<void>;
+}
+
+interface TestContext {
+  task: RunnerTestCase;
+  skip(): void;
+  onTestFailed(fn: OnTestFailedHandler): void;
+  onTestFinished(fn: OnTestFinishedHandler): void;
+}
+
+interface HookListener {
+  (): void | Promise<void>;
+}
+
+type VitestRunMode = "test" | "benchmark" | "typecheck";
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-vitest/docs/mocking.md b/.tessl/tiles/tessl/npm-vitest/docs/mocking.md
new file mode 100644
index 000000000..951333b65
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-vitest/docs/mocking.md
@@ -0,0 +1,612 @@
+# Mocking
+
+Powerful mocking system for functions, modules, timers, and global variables. Provides Jest-compatible APIs with additional Vitest enhancements for comprehensive test isolation and behavior simulation.
+
+## Capabilities
+
+### Mock Functions
+
+Create and manage mock functions with call tracking and return value control.
+
+```typescript { .api }
+/**
+ * Create a mock function
+ * @param implementation - Optional function implementation
+ * @returns Mock function with tracking capabilities
+ */
+function vi.fn<T extends (...args: any[]) => any>(implementation?: T): Mock<T>;
+
+/**
+ * Spy on existing object method
+ * @param object - Target object
+ * @param method - Method name to spy on
+ * @returns Mock instance for the method
+ */
+function vi.spyOn<T, K extends keyof T>(object: T, method: K): MockInstance;
+
+/**
+ * Check if value is a mock function
+ * @param fn - Function to check
+ * @returns True if function is a mock
+ */
+function vi.isMockFunction(fn: any): fn is Mock;
+
+/**
+ * Type helper for mocked objects
+ * @param item - Object to type as mocked
+ * @returns Typed mocked object
+ */
+function vi.mocked<T>(item: T): Mocked<T>;
+
+interface Mock<T extends (...args: any[]) => any = (...args: any[]) => any> extends MockInstance {
+  (...args: Parameters<T>): ReturnType<T>;
+}
+
+interface MockInstance {
+  /** Mock call history */
+  mock: {
+    calls: any[][];
+    results: MockResult[];
+    instances: any[];
+    contexts: any[];
+    lastCall?: any[];
+  };
+  
+  /** Set return value */
+  mockReturnValue(value: any): this;
+  mockReturnValueOnce(value: any): this;
+  
+  /** Set resolved value for async functions */
+  mockResolvedValue(value: any): this;
+  mockResolvedValueOnce(value: any): this;
+  
+  /** Set rejected value for async functions */
+  mockRejectedValue(value: any): this;
+  mockRejectedValueOnce(value: any): this;
+  
+  /** Set implementation */
+  mockImplementation(fn: (...args: any[]) => any): this;
+  mockImplementationOnce(fn: (...args: any[]) => any): this;
+  
+  /** Clear call history */
+  mockClear(): this;
+  
+  /** Reset to original implementation */
+  mockReset(): this;
+  
+  /** Restore original method (for spies) */
+  mockRestore(): this;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { vi, expect } from "vitest";
+
+// Create mock function
+const mockFn = vi.fn();
+const mockWithImpl = vi.fn((x: number) => x * 2);
+
+// Call mock
+mockFn("arg1", "arg2");
+expect(mockFn).toHaveBeenCalledWith("arg1", "arg2");
+
+// Spy on object method
+const calculator = { add: (a: number, b: number) => a + b };
+const addSpy = vi.spyOn(calculator, "add");
+calculator.add(1, 2);
+expect(addSpy).toHaveBeenCalledWith(1, 2);
+
+// Mock return values
+mockFn.mockReturnValue("mocked result");
+mockFn.mockReturnValueOnce("one time result");
+
+// Mock async functions
+const asyncMock = vi.fn();
+asyncMock.mockResolvedValue({ data: "success" });
+asyncMock.mockRejectedValue(new Error("failed"));
+
+// Mock implementation
+mockFn.mockImplementation((name: string) => `Hello ${name}`);
+```
+
+### Module Mocking
+
+Mock entire modules and their exports.
+
+```typescript { .api }
+/**
+ * Mock a module (hoisted to top of file)
+ * @param path - Module path to mock
+ * @param factory - Optional factory function for mock implementation
+ */
+function vi.mock(path: string, factory?: () => any): void;
+
+/**
+ * Remove module mock (hoisted to top of file)
+ * @param path - Module path to unmock
+ */
+function vi.unmock(path: string): void;
+
+/**
+ * Mock a module (not hoisted)
+ * @param path - Module path to mock
+ * @param factory - Optional factory function for mock implementation
+ */
+function vi.doMock(path: string, factory?: () => any): void;
+
+/**
+ * Remove module mock (not hoisted)
+ * @param path - Module path to unmock
+ */
+function vi.doUnmock(path: string): void;
+
+/**
+ * Import actual module bypassing mocks
+ * @param path - Module path to import
+ * @returns Promise resolving to actual module
+ */
+function vi.importActual<T>(path: string): Promise<T>;
+
+/**
+ * Import mocked module
+ * @param path - Module path to import
+ * @returns Promise resolving to mocked module
+ */
+function vi.importMock<T>(path: string): Promise<Mocked<T>>;
+
+/**
+ * Run factory function before imports (hoisted)
+ * @param factory - Function to run before imports
+ * @returns Factory return value
+ */
+function vi.hoisted<T>(factory: () => T): T;
+```
+
+**Usage Examples:**
+
+```typescript
+import { vi } from "vitest";
+
+// Mock entire module
+vi.mock("axios", () => ({
+  default: {
+    get: vi.fn(() => Promise.resolve({ data: {} })),
+    post: vi.fn(() => Promise.resolve({ data: {} })),
+  },
+}));
+
+// Partial mock with actual imports
+vi.mock("./utils", async () => {
+  const actual = await vi.importActual("./utils");
+  return {
+    ...actual,
+    fetchData: vi.fn(() => Promise.resolve("mocked data")),
+  };
+});
+
+// Dynamic mocking
+vi.doMock("./config", () => ({
+  apiUrl: "http://localhost:3000",
+  debug: true,
+}));
+
+// Hoisted mock setup
+const mockData = vi.hoisted(() => ({ users: [] }));
+vi.mock("./database", () => ({
+  getUsers: vi.fn(() => mockData.users),
+}));
+```
+
+### Mock Object Utilities
+
+Utilities for mocking object properties and methods.
+
+```typescript { .api }
+/**
+ * Deep mock object properties
+ * @param object - Object to mock
+ * @param deep - Whether to deeply mock nested objects
+ * @returns Mocked object
+ */
+function vi.mockObject<T>(object: T, deep?: boolean): Mocked<T>;
+
+type Mocked<T> = {
+  [K in keyof T]: T[K] extends (...args: any[]) => any
+    ? Mock<T[K]>
+    : T[K] extends object
+    ? Mocked<T[K]>
+    : T[K];
+} & T;
+```
+
+**Usage Examples:**
+
+```typescript
+// Mock object methods
+const service = {
+  fetchUser: (id: string) => ({ id, name: "Alice" }),
+  saveUser: (user: any) => Promise.resolve(user),
+  nested: {
+    method: () => "original",
+  },
+};
+
+const mockedService = vi.mockObject(service, true);
+mockedService.fetchUser.mockReturnValue({ id: "123", name: "Mocked User" });
+mockedService.nested.method.mockReturnValue("mocked");
+```
+
+### Mock Management
+
+Global mock management and cleanup.
+
+```typescript { .api }
+/**
+ * Clear call history for all mocks
+ */
+function vi.clearAllMocks(): void;
+
+/**
+ * Reset all mocks to original state
+ */
+function vi.resetAllMocks(): void;
+
+/**
+ * Restore all mocks to original implementations
+ */
+function vi.restoreAllMocks(): void;
+```
+
+**Usage Examples:**
+
+```typescript
+import { vi, beforeEach } from "vitest";
+
+beforeEach(() => {
+  // Clear call history before each test
+  vi.clearAllMocks();
+});
+
+afterEach(() => {
+  // Reset all mocks after each test
+  vi.resetAllMocks();
+});
+
+afterAll(() => {
+  // Restore original implementations
+  vi.restoreAllMocks();
+});
+```
+
+### Fake Timers
+
+Mock and control time-based functions.
+
+```typescript { .api }
+/**
+ * Enable fake timers
+ * @param config - Timer configuration
+ */
+function vi.useFakeTimers(config?: FakeTimerInstallOpts): void;
+
+/**
+ * Restore real timers
+ */
+function vi.useRealTimers(): void;
+
+/**
+ * Check if fake timers are active
+ */
+function vi.isFakeTimers(): boolean;
+
+/**
+ * Run only currently pending timers
+ */
+function vi.runOnlyPendingTimers(): void;
+function vi.runOnlyPendingTimersAsync(): Promise<void>;
+
+/**
+ * Run all timers including those created during execution
+ */
+function vi.runAllTimers(): void;
+function vi.runAllTimersAsync(): Promise<void>;
+
+/**
+ * Run all microtasks
+ */
+function vi.runAllTicks(): void;
+
+/**
+ * Advance time by milliseconds
+ */
+function vi.advanceTimersByTime(ms: number): void;
+function vi.advanceTimersByTimeAsync(ms: number): Promise<void>;
+
+/**
+ * Advance to next timer
+ */
+function vi.advanceTimersToNextTimer(): void;
+function vi.advanceTimersToNextTimerAsync(): Promise<void>;
+
+/**
+ * Advance to next animation frame
+ */
+function vi.advanceTimersToNextFrame(): void;
+
+/**
+ * Get number of pending timers
+ */
+function vi.getTimerCount(): number;
+
+/**
+ * Clear all pending timers
+ */
+function vi.clearAllTimers(): void;
+
+interface FakeTimerInstallOpts {
+  /** Timer types to fake */
+  toFake?: ("setTimeout" | "clearTimeout" | "setInterval" | "clearInterval" | "Date")[];
+  /** Whether to fake global Date */
+  shouldAdvanceTime?: boolean;
+  /** Advanced time step */
+  advanceTimeDelta?: number;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { vi, test, expect } from "vitest";
+
+test("timer mocking", () => {
+  vi.useFakeTimers();
+
+  const callback = vi.fn();
+  setTimeout(callback, 1000);
+
+  // Timer hasn't run yet
+  expect(callback).not.toHaveBeenCalled();
+
+  // Advance time
+  vi.advanceTimersByTime(1000);
+  expect(callback).toHaveBeenCalled();
+
+  vi.useRealTimers();
+});
+
+test("async timer operations", async () => {
+  vi.useFakeTimers();
+
+  const promise = new Promise((resolve) => {
+    setTimeout(() => resolve("done"), 500);
+  });
+
+  // Advance time and wait
+  const resultPromise = promise;
+  await vi.advanceTimersByTimeAsync(500);
+  const result = await resultPromise;
+
+  expect(result).toBe("done");
+});
+```
+
+### System Time Mocking
+
+Mock system time and dates.
+
+```typescript { .api }
+/**
+ * Mock system time to specific date
+ * @param date - Date to set as current time
+ */
+function vi.setSystemTime(date: string | number | Date): void;
+
+/**
+ * Get mocked system time
+ */
+function vi.getMockedSystemTime(): Date | null;
+
+/**
+ * Get real system time
+ */
+function vi.getRealSystemTime(): Date;
+```
+
+**Usage Examples:**
+
+```typescript
+import { vi, test, expect } from "vitest";
+
+test("date mocking", () => {
+  const mockDate = new Date("2023-01-15T10:00:00.000Z");
+  vi.setSystemTime(mockDate);
+
+  expect(new Date()).toEqual(mockDate);
+  expect(Date.now()).toBe(mockDate.getTime());
+
+  // Reset to real time
+  vi.useRealTimers();
+});
+```
+
+### Environment Mocking
+
+Mock global variables and environment settings.
+
+```typescript { .api }
+/**
+ * Mock global variable
+ * @param name - Global variable name
+ * @param value - Mock value
+ */
+function vi.stubGlobal(name: string | number | symbol, value: any): void;
+
+/**
+ * Restore all stubbed globals
+ */
+function vi.unstubAllGlobals(): void;
+
+/**
+ * Mock environment variable
+ * @param name - Environment variable name
+ * @param value - Mock value
+ */
+function vi.stubEnv(name: string, value: string): void;
+
+/**
+ * Restore all stubbed environment variables
+ */
+function vi.unstubAllEnvs(): void;
+```
+
+**Usage Examples:**
+
+```typescript
+import { vi, test, expect } from "vitest";
+
+test("global mocking", () => {
+  // Mock window.location
+  vi.stubGlobal("window", {
+    location: { href: "http://localhost:3000" }
+  });
+
+  expect(window.location.href).toBe("http://localhost:3000");
+
+  // Mock environment variable
+  vi.stubEnv("NODE_ENV", "test");
+  expect(process.env.NODE_ENV).toBe("test");
+
+  // Cleanup
+  vi.unstubAllGlobals();
+  vi.unstubAllEnvs();
+});
+```
+
+### Module Cache Management
+
+Control module caching and dynamic imports.
+
+```typescript { .api }
+/**
+ * Clear module cache
+ */
+function vi.resetModules(): void;
+
+/**
+ * Wait for dynamic imports to settle
+ */
+function vi.dynamicImportSettled(): Promise<void>;
+```
+
+**Usage Examples:**
+
+```typescript
+import { vi, test } from "vitest";
+
+test("module cache", async () => {
+  // Clear module cache to ensure fresh imports
+  vi.resetModules();
+
+  const module = await import("./dynamic-module");
+  
+  // Wait for any dynamic imports within the module
+  await vi.dynamicImportSettled();
+});
+```
+
+### Runtime Configuration
+
+Control Vitest runtime configuration from tests.
+
+```typescript { .api }
+/**
+ * Update runtime configuration
+ * @param config - Configuration updates
+ */
+function vi.setConfig(config: RuntimeConfig): void;
+
+/**
+ * Reset to original configuration
+ */
+function vi.resetConfig(): void;
+```
+
+**Usage Examples:**
+
+```typescript
+import { vi, test } from "vitest";
+
+test("runtime config", () => {
+  vi.setConfig({
+    testTimeout: 10000,
+    hookTimeout: 5000,
+  });
+
+  // Test with updated config
+  // ...
+
+  vi.resetConfig();
+});
+```
+
+### Async Utilities
+
+Utilities for waiting and async operations.
+
+```typescript { .api }
+/**
+ * Wait for condition with retries
+ * @param callback - Function to test
+ * @param options - Wait configuration
+ */
+function vi.waitFor<T>(
+  callback: () => T | Promise<T>,
+  options?: WaitForOptions
+): Promise<T>;
+
+/**
+ * Wait until condition is truthy
+ * @param callback - Function to test
+ * @param options - Wait configuration
+ */
+function vi.waitUntil<T>(
+  callback: () => T | Promise<T>,
+  options?: WaitUntilOptions
+): Promise<T>;
+
+interface WaitForOptions {
+  timeout?: number;
+  interval?: number;
+}
+
+interface WaitUntilOptions {
+  timeout?: number;
+  interval?: number;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { vi, test, expect } from "vitest";
+
+test("async waiting", async () => {
+  let counter = 0;
+  const increment = () => counter++;
+
+  // Wait for condition
+  await vi.waitFor(() => {
+    increment();
+    return counter >= 5;
+  });
+
+  expect(counter).toBeGreaterThanOrEqual(5);
+
+  // Wait until value is truthy
+  const getValue = () => counter > 10 ? "ready" : null;
+  const result = await vi.waitUntil(getValue, { timeout: 1000 });
+  expect(result).toBe("ready");
+});
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-vitest/docs/nodejs-apis.md b/.tessl/tiles/tessl/npm-vitest/docs/nodejs-apis.md
new file mode 100644
index 000000000..7b3bfeea2
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-vitest/docs/nodejs-apis.md
@@ -0,0 +1,649 @@
+# Node.js APIs
+
+Server-side APIs for programmatic test execution, custom reporters, coverage providers, and CLI integration. Available through the `vitest/node` export path.
+
+## Capabilities
+
+### Core Vitest Class
+
+Main test runner class for programmatic test execution.
+
+```typescript { .api }
+/**
+ * Main Vitest test runner
+ */
+class Vitest {
+  constructor(mode: VitestRunMode, options: UserConfig);
+  
+  /** Start test execution */
+  start(filters?: string[]): Promise<void>;
+  
+  /** Close and cleanup resources */
+  close(): Promise<void>;
+  
+  /** Cancel current test run */
+  cancelCurrentRun(reason?: CancelReason): Promise<void>;
+  
+  /** Re-run tests */
+  rerunFiles(files?: string[], trigger?: string): Promise<void>;
+  
+  /** Update snapshots */
+  updateSnapshot(files?: string[]): Promise<void>;
+  
+  /** Get test results */
+  state: StateManager;
+  
+  /** Configuration */
+  config: ResolvedConfig;
+  
+  /** Server instance */
+  server: ViteDevServer;
+  
+  /** Coverage provider */
+  coverageProvider?: CoverageProvider;
+  
+  /** Reporter */
+  reporter: Reporter;
+  
+  /** Project manager */
+  projects: WorkspaceProject[];
+}
+
+type VitestRunMode = "test" | "benchmark" | "typecheck";
+```
+
+**Usage Examples:**
+
+```typescript
+import { createVitest } from "vitest/node";
+
+// Create and run tests programmatically
+const vitest = await createVitest("test", {
+  test: {
+    include: ["src/**/*.test.ts"],
+    reporter: "json",
+  },
+});
+
+await vitest.start();
+console.log("Tests completed");
+await vitest.close();
+```
+
+### Factory Functions
+
+Convenience functions for creating Vitest instances.
+
+```typescript { .api }
+/**
+ * Create Vitest instance
+ * @param mode - Test run mode
+ * @param options - Configuration options
+ * @param viteOverrides - Vite-specific overrides
+ * @returns Promise resolving to Vitest instance
+ */
+function createVitest(
+  mode: VitestRunMode,
+  options: UserConfig,
+  viteOverrides?: ViteConfig
+): Promise<Vitest>;
+
+/**
+ * Start Vitest from CLI
+ * @param mode - Test run mode
+ * @param cliFilters - File patterns from CLI
+ * @param options - Configuration options
+ * @param viteOverrides - Vite-specific overrides
+ * @returns Promise resolving to Vitest instance or undefined if cancelled
+ */
+function startVitest(
+  mode: VitestRunMode,
+  cliFilters?: string[],
+  options?: UserConfig,
+  viteOverrides?: ViteConfig
+): Promise<Vitest | undefined>;
+```
+
+**Usage Examples:**
+
+```typescript
+import { startVitest } from "vitest/node";
+
+// Start tests like CLI would
+const vitest = await startVitest("test", ["src/**/*.spec.ts"], {
+  test: {
+    reporter: "verbose",
+    coverage: {
+      enabled: true,
+      provider: "v8",
+    },
+  },
+});
+
+if (vitest) {
+  console.log(`Tests completed with ${vitest.state.getCountOfFailedTests()} failures`);
+}
+```
+
+### CLI Integration
+
+CLI argument parsing and command execution.
+
+```typescript { .api }
+/**
+ * Parse CLI arguments
+ * @param argv - Command line arguments
+ * @param config - Base configuration
+ * @returns Parsed CLI options
+ */
+function parseCLI(argv: string[], config?: UserConfig): {
+  filter: string[];
+  options: UserConfig;
+  mode: VitestRunMode;
+};
+
+/**
+ * Vitest CLI commands
+ */
+interface VitestCLI {
+  run(files?: string[], options?: UserConfig): Promise<void>;
+  watch(files?: string[], options?: UserConfig): Promise<void>;
+  related(files?: string[], options?: UserConfig): Promise<void>;
+  typecheck(files?: string[], options?: UserConfig): Promise<void>;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { parseCLI } from "vitest/node";
+
+// Parse command line arguments
+const { filter, options, mode } = parseCLI(process.argv.slice(2), {
+  test: { environment: "node" }
+});
+
+console.log(`Running in ${mode} mode with filters:`, filter);
+console.log("Configuration:", options);
+```
+
+### Reporter System
+
+Built-in reporters and custom reporter interfaces.
+
+```typescript { .api }
+/**
+ * Base reporter class for custom reporters
+ */
+abstract class BaseReporter implements Reporter {
+  onInit?(ctx: Vitest): void;
+  onPathsCollected?(paths: string[]): void;
+  onCollected?(files: File[]): void;
+  onFinished?(files: File[], errors: unknown[]): void;
+  onTaskUpdate?(packs: TaskResultPack[]): void;
+  onTestRemoved?(trigger?: string): void;
+  onWatcherStart?(files: File[], errors: unknown[]): void;
+  onWatcherRerun?(files: string[], trigger?: string): void;
+  onServerRestart?(reason?: string): void;
+  onUserConsoleLog?(log: UserConsoleLog): void;
+}
+
+/**
+ * Default console reporter
+ */
+class DefaultReporter extends BaseReporter {
+  constructor(options?: DefaultReporterOptions);
+}
+
+/**
+ * Verbose reporter with detailed output
+ */
+class VerboseReporter extends DefaultReporter {
+  constructor(options?: VerboseReporterOptions);
+}
+
+/**
+ * JSON reporter for machine-readable output
+ */
+class JsonReporter implements Reporter {
+  constructor(options?: JsonReporterOptions);
+}
+
+/**
+ * JUnit XML reporter
+ */
+class JUnitReporter implements Reporter {
+  constructor(options?: JUnitReporterOptions);
+}
+
+/**
+ * TAP (Test Anything Protocol) reporter
+ */
+class TAPReporter implements Reporter {
+  constructor(options?: TAPReporterOptions);
+}
+
+interface Reporter {
+  onInit?(ctx: Vitest): void;
+  onPathsCollected?(paths: string[]): void;
+  onCollected?(files: File[]): void;
+  onFinished?(files: File[], errors: unknown[]): void;
+  onTaskUpdate?(packs: TaskResultPack[]): void;
+  onTestRemoved?(trigger?: string): void;
+  onWatcherStart?(files: File[], errors: unknown[]): void;
+  onWatcherRerun?(files: string[], trigger?: string): void;
+  onServerRestart?(reason?: string): void;
+  onUserConsoleLog?(log: UserConsoleLog): void;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { BaseReporter } from "vitest/node";
+
+// Custom reporter
+class CustomReporter extends BaseReporter {
+  onInit(ctx: Vitest) {
+    console.log(`Starting tests with ${ctx.projects.length} projects`);
+  }
+
+  onFinished(files: File[], errors: unknown[]) {
+    const passed = files.filter(f => f.result?.state === "pass").length;
+    const failed = files.filter(f => f.result?.state === "fail").length;
+    
+    console.log(`✅ ${passed} passed, ❌ ${failed} failed`);
+    
+    if (errors.length > 0) {
+      console.error("Errors:", errors);
+    }
+  }
+
+  onTaskUpdate(packs: TaskResultPack[]) {
+    packs.forEach(pack => {
+      if (pack[1]?.state === "fail") {
+        console.log(`❌ ${pack[1].name}`);
+      }
+    });
+  }
+}
+
+// Use custom reporter
+export default defineConfig({
+  test: {
+    reporter: [new CustomReporter()],
+  },
+});
+```
+
+### Coverage System
+
+Coverage provider interfaces and built-in providers.
+
+```typescript { .api }
+/**
+ * Base coverage provider
+ */
+abstract class BaseCoverageProvider implements CoverageProvider {
+  abstract name: string;
+  abstract initialize(ctx: Vitest): Promise<void>;
+  abstract resolveOptions(): ResolvedCoverageOptions;
+  abstract generateCoverage(context: CoverageContext): Promise<CoverageResult>;
+  abstract clean(clean?: boolean): void;
+  abstract onAfterSuiteRun(meta: AfterSuiteRunMeta): void;
+  abstract reportCoverage(context: ReportContext): Promise<void>;
+}
+
+/**
+ * Coverage provider interface
+ */
+interface CoverageProvider {
+  name: string;
+  initialize(ctx: Vitest): Promise<void>;
+  resolveOptions(): ResolvedCoverageOptions;
+  generateCoverage(context?: CoverageContext): Promise<CoverageResult>;
+  clean(clean?: boolean): void;
+  onAfterSuiteRun(meta: AfterSuiteRunMeta): void;
+  reportCoverage(context?: ReportContext): Promise<void>;
+}
+
+interface CoverageContext {
+  files: string[];
+  allTestsRun?: boolean;
+}
+
+interface CoverageResult {
+  coverage: any;
+  reportContext: ReportContext;
+}
+
+interface ReportContext {
+  coverage: any;
+  options: ResolvedCoverageOptions;
+  packages: Record<string, unknown>;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { BaseCoverageProvider } from "vitest/node";
+
+// Custom coverage provider
+class CustomCoverageProvider extends BaseCoverageProvider {
+  name = "custom";
+
+  async initialize(ctx: Vitest) {
+    console.log("Initializing custom coverage provider");
+  }
+
+  resolveOptions() {
+    return {
+      enabled: true,
+      provider: "custom",
+      // ... other options
+    };
+  }
+
+  async generateCoverage(context: CoverageContext) {
+    // Generate coverage data
+    return {
+      coverage: {},
+      reportContext: {
+        coverage: {},
+        options: this.resolveOptions(),
+        packages: {},
+      },
+    };
+  }
+
+  clean() {
+    // Cleanup coverage files
+  }
+
+  onAfterSuiteRun(meta: AfterSuiteRunMeta) {
+    // Process suite results
+  }
+
+  async reportCoverage(context: ReportContext) {
+    // Generate coverage reports
+    console.log("Generating coverage reports");
+  }
+}
+```
+
+### Workspace Management
+
+Project and workspace management for multi-project setups.
+
+```typescript { .api }
+/**
+ * Workspace project
+ */
+class WorkspaceProject {
+  constructor(path: string, ctx: Vitest);
+  
+  /** Project name */
+  name: string;
+  
+  /** Project configuration */
+  config: ResolvedConfig;
+  
+  /** Project Vite server */
+  server: ViteDevServer;
+  
+  /** Browser provider (if applicable) */
+  browser?: any;
+  
+  /** Project root path */
+  path: string;
+  
+  /** Run tests in this project */
+  runTests(files?: string[]): Promise<void>;
+  
+  /** Close project resources */
+  close(): Promise<void>;
+  
+  /** Check if file belongs to project */
+  isTargetFile(id: string): boolean;
+  
+  /** Get relative file path */
+  getRelativeFilePath(file: string): string;
+}
+
+/**
+ * Workspace manager
+ */
+class Workspace {
+  constructor(ctx: Vitest);
+  
+  /** All projects in workspace */
+  projects: WorkspaceProject[];
+  
+  /** Get project by name */
+  getProjectByName(name: string): WorkspaceProject | undefined;
+  
+  /** Get project for file */
+  getProjectForFile(file: string): WorkspaceProject;
+  
+  /** Close all projects */
+  close(): Promise<void>;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { createVitest } from "vitest/node";
+
+const vitest = await createVitest("test", {
+  // Workspace configuration
+});
+
+// Access projects
+vitest.projects.forEach(project => {
+  console.log(`Project: ${project.name} at ${project.path}`);
+});
+
+// Run specific project
+const project = vitest.projects.find(p => p.name === "unit");
+if (project) {
+  await project.runTests(["src/**/*.test.ts"]);
+}
+```
+
+### Test Sequencer
+
+Control test execution order and scheduling.
+
+```typescript { .api }
+/**
+ * Base test sequencer
+ */
+abstract class TestSequencer {
+  abstract sequence(files: WorkspaceSpec[]): Promise<WorkspaceSpec[]>;
+  abstract shardFiles?(files: WorkspaceSpec[], shard: TestShard): Promise<WorkspaceSpec[]>;
+}
+
+/**
+ * Default sequencer (alphabetical order)
+ */
+class BaseSequencer extends TestSequencer {
+  async sequence(files: WorkspaceSpec[]): Promise<WorkspaceSpec[]>;
+  async shardFiles(files: WorkspaceSpec[], shard: TestShard): Promise<WorkspaceSpec[]>;
+}
+
+/**
+ * Random sequencer
+ */
+class RandomSequencer extends TestSequencer {
+  constructor(options?: { seed?: number });
+  async sequence(files: WorkspaceSpec[]): Promise<WorkspaceSpec[]>;
+}
+
+interface TestShard {
+  index: number;
+  count: number;
+}
+
+interface WorkspaceSpec {
+  file: string;
+  project: WorkspaceProject;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { RandomSequencer } from "vitest/node";
+
+// Custom sequencer
+class PrioritySequencer extends TestSequencer {
+  async sequence(files: WorkspaceSpec[]) {
+    // Sort by priority: unit tests first, then integration
+    return files.sort((a, b) => {
+      const aIsUnit = a.file.includes("unit");
+      const bIsUnit = b.file.includes("unit");
+      
+      if (aIsUnit && !bIsUnit) return -1;
+      if (!aIsUnit && bIsUnit) return 1;
+      return a.file.localeCompare(b.file);
+    });
+  }
+}
+
+export default defineConfig({
+  test: {
+    sequence: {
+      sequencer: new PrioritySequencer(),
+    },
+  },
+});
+```
+
+### Utility Functions
+
+Helper functions for working with test results and tasks.
+
+```typescript { .api }
+/**
+ * Check if task failed
+ * @param task - Task to check
+ * @returns True if task failed
+ */
+function hasFailed(task: Task): boolean;
+
+/**
+ * Get full task name including parent suite names
+ * @param task - Task to get name for
+ * @returns Full qualified task name
+ */
+function getFullName(task: Task): string;
+
+/**
+ * Get all test tasks from a suite
+ * @param suite - Suite to extract tests from
+ * @returns Array of test tasks
+ */
+function getTests(suite: Suite): Test[];
+
+/**
+ * Get all tasks (tests and suites) from a suite
+ * @param suite - Suite to extract tasks from
+ * @returns Array of all tasks
+ */
+function getTasks(suite: Suite): Task[];
+
+/**
+ * Get root tasks from files
+ * @param files - Files to extract root tasks from
+ * @returns Array of root tasks
+ */
+function getRootTasks(files: File[]): Task[];
+```
+
+**Usage Examples:**
+
+```typescript
+import { hasFailed, getFullName, getTests } from "vitest/node";
+
+// Custom reporter using utilities
+class DetailedReporter extends BaseReporter {
+  onFinished(files: File[]) {
+    files.forEach(file => {
+      const tests = getTests(file);
+      const failed = tests.filter(hasFailed);
+      
+      if (failed.length > 0) {
+        console.log(`\n${file.name}:`);
+        failed.forEach(test => {
+          console.log(`  ❌ ${getFullName(test)}`);
+        });
+      }
+    });
+  }
+}
+```
+
+### State Management
+
+Access and monitor test execution state.
+
+```typescript { .api }
+/**
+ * Test state manager
+ */
+class StateManager {
+  /** Get files map */
+  filesMap: Map<string, File>;
+  
+  /** Get all files */
+  getFiles(): File[];
+  
+  /** Get file by path */
+  getFileByPath(path: string): File | undefined;
+  
+  /** Get failed tests count */
+  getCountOfFailedTests(): number;
+  
+  /** Get unhandled errors */
+  getUnhandledErrors(): unknown[];
+  
+  /** Check if tests were cancelled */
+  isCancelled: boolean;
+}
+
+interface File extends Suite {
+  /** File path */
+  filepath: string;
+  
+  /** File collection errors */
+  collectDuration?: number;
+  
+  /** Environment setup duration */
+  setupDuration?: number;
+  
+  /** Project reference */
+  project: WorkspaceProject;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { createVitest } from "vitest/node";
+
+const vitest = await createVitest("test");
+await vitest.start();
+
+// Access test state
+const failedCount = vitest.state.getCountOfFailedTests();
+const allFiles = vitest.state.getFiles();
+const errors = vitest.state.getUnhandledErrors();
+
+console.log(`Failed tests: ${failedCount}`);
+console.log(`Total files: ${allFiles.length}`);
+console.log(`Unhandled errors: ${errors.length}`);
+
+await vitest.close();
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-vitest/docs/type-testing.md b/.tessl/tiles/tessl/npm-vitest/docs/type-testing.md
new file mode 100644
index 000000000..47e1f2414
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-vitest/docs/type-testing.md
@@ -0,0 +1,400 @@
+# Type Testing
+
+TypeScript type-level testing utilities for validating type relationships and compile-time behavior. Test your types as rigorously as your runtime code.
+
+## Capabilities
+
+### Type Expectation API
+
+Comprehensive type-level assertions for validating TypeScript types.
+
+```typescript { .api }
+/**
+ * Create type expectation for compile-time type testing
+ * @param value - Value to test (used for type inference)
+ * @returns Type expectation object with assertion methods
+ */
+function expectTypeOf<T>(value: T): ExpectTypeOf<T>;
+function expectTypeOf<T>(): ExpectTypeOf<T>;
+
+/**
+ * Type expectation interface with assertion methods
+ */
+interface ExpectTypeOf<T> {
+  /** Assert exact type equality */
+  toEqualTypeOf<Expected>(): void;
+  
+  /** Assert type compatibility (assignability) */
+  toMatchTypeOf<Expected>(): void;
+  
+  /** Assert types are different */
+  not: ExpectTypeOf<T>;
+  
+  /** Primitive type assertions */
+  toBeString(): void;
+  toBeNumber(): void;
+  toBeBoolean(): void;
+  toBeBigInt(): void;
+  toBeSymbol(): void;
+  toBeUndefined(): void;
+  toBeNull(): void;
+  toBeUnknown(): void;
+  toBeAny(): void;
+  toBeNever(): void;
+  toBeVoid(): void;
+  
+  /** Object type assertions */
+  toBeObject(): void;
+  toBeArray(): void;
+  toBeFunction(): void;
+  
+  /** Utility type assertions */
+  toBeCallable(): void;
+  toBeConstructible(): void;
+  
+  /** Property testing */
+  toHaveProperty<K extends keyof T>(key: K): ExpectTypeOf<T[K]>;
+  
+  /** Array/tuple testing */
+  toHaveLength<N extends number>(): void;
+  
+  /** Function testing */
+  parameter<N extends number>(n: N): ExpectTypeOf<Parameters<T>[N]>;
+  parameters: ExpectTypeOf<Parameters<T>>;
+  returns: ExpectTypeOf<ReturnType<T>>;
+  
+  /** Promise testing */
+  resolves: T extends Promise<infer U> ? ExpectTypeOf<U> : never;
+  
+  /** Branded/nominal type testing */
+  branded: ExpectTypeOf<T>;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { expectTypeOf } from "vitest";
+
+// Basic type assertions
+expectTypeOf("hello").toBeString();
+expectTypeOf(42).toBeNumber();
+expectTypeOf(true).toBeBoolean();
+expectTypeOf([1, 2, 3]).toBeArray();
+expectTypeOf({ name: "Alice" }).toBeObject();
+
+// Exact type equality
+type User = { id: number; name: string };
+const user: User = { id: 1, name: "Alice" };
+expectTypeOf(user).toEqualTypeOf<User>();
+
+// Type compatibility
+expectTypeOf<number>().toMatchTypeOf<number | string>();
+expectTypeOf<"admin" | "user">().toMatchTypeOf<string>();
+
+// Negation
+expectTypeOf("hello").not.toBeNumber();
+expectTypeOf<string>().not.toEqualTypeOf<number>();
+
+// Property testing
+type Person = { name: string; age: number; email?: string };
+expectTypeOf<Person>().toHaveProperty("name");
+expectTypeOf<Person>().toHaveProperty("email");
+expectTypeOf<Person>().toHaveProperty("name").toBeString();
+expectTypeOf<Person>().toHaveProperty("age").toBeNumber();
+```
+
+### Function Type Testing
+
+Specialized utilities for testing function signatures and behavior.
+
+```typescript { .api }
+// Function parameter testing
+function add(a: number, b: number): number { return a + b; }
+
+expectTypeOf(add).parameter(0).toBeNumber();
+expectTypeOf(add).parameter(1).toBeNumber();
+expectTypeOf(add).parameters.toEqualTypeOf<[number, number]>();
+expectTypeOf(add).returns.toBeNumber();
+
+// Generic function testing
+function identity<T>(value: T): T { return value; }
+expectTypeOf(identity<string>).parameter(0).toBeString();
+expectTypeOf(identity<string>).returns.toBeString();
+
+// Overloaded function testing
+function overloaded(x: string): string;
+function overloaded(x: number): number;
+function overloaded(x: any): any { return x; }
+
+expectTypeOf(overloaded).parameter(0).toMatchTypeOf<string | number>();
+```
+
+### Promise and Async Type Testing
+
+Test promise types and async function return types.
+
+```typescript { .api }
+// Promise type testing
+const stringPromise: Promise<string> = Promise.resolve("hello");
+expectTypeOf(stringPromise).resolves.toBeString();
+
+const numberPromise: Promise<number> = Promise.resolve(42);
+expectTypeOf(numberPromise).resolves.toBeNumber();
+
+// Async function testing
+async function fetchUser(): Promise<{ id: number; name: string }> {
+  return { id: 1, name: "Alice" };
+}
+
+expectTypeOf(fetchUser).returns.resolves.toEqualTypeOf<{ id: number; name: string }>();
+expectTypeOf(fetchUser).returns.resolves.toHaveProperty("id").toBeNumber();
+```
+
+### Array and Tuple Type Testing
+
+Validate array types, tuple types, and their elements.
+
+```typescript { .api }
+// Array type testing
+const numbers: number[] = [1, 2, 3];
+expectTypeOf(numbers).toBeArray();
+expectTypeOf(numbers).toEqualTypeOf<number[]>();
+
+// Tuple type testing
+const tuple: [string, number, boolean] = ["hello", 42, true];
+expectTypeOf(tuple).toEqualTypeOf<[string, number, boolean]>();
+expectTypeOf(tuple).toHaveLength<3>();
+
+// Nested array testing
+const matrix: number[][] = [[1, 2], [3, 4]];
+expectTypeOf(matrix).toBeArray();
+expectTypeOf(matrix).toEqualTypeOf<number[][]>();
+```
+
+### Generic Type Testing
+
+Test generic types, constraints, and type parameter relationships.
+
+```typescript { .api }
+// Generic type testing
+type Container<T> = { value: T };
+type StringContainer = Container<string>;
+
+expectTypeOf<StringContainer>().toEqualTypeOf<{ value: string }>();
+expectTypeOf<StringContainer>().toHaveProperty("value").toBeString();
+
+// Conditional type testing
+type IsString<T> = T extends string ? true : false;
+expectTypeOf<IsString<"hello">>().toEqualTypeOf<true>();
+expectTypeOf<IsString<number>>().toEqualTypeOf<false>();
+
+// Mapped type testing
+type Partial<T> = { [K in keyof T]?: T[K] };
+type PartialUser = Partial<{ name: string; age: number }>;
+expectTypeOf<PartialUser>().toEqualTypeOf<{ name?: string; age?: number }>();
+```
+
+### Type Assertion Function
+
+Runtime no-op function for type assertions in tests.
+
+```typescript { .api }
+/**
+ * Assert that a value has a specific type (no-op at runtime)
+ * @param value - Value to assert type for
+ */
+function assertType<T>(value: T): void;
+```
+
+**Usage Examples:**
+
+```typescript
+import { assertType } from "vitest";
+
+// Type assertion in tests
+function processData(data: unknown) {
+  if (typeof data === "string") {
+    // Assert that TypeScript correctly narrows the type
+    assertType<string>(data);
+    return data.toUpperCase();
+  }
+  
+  if (Array.isArray(data)) {
+    assertType<unknown[]>(data);
+    return data.length;
+  }
+  
+  throw new Error("Invalid data type");
+}
+
+// Test type guards
+function isString(value: unknown): value is string {
+  return typeof value === "string";
+}
+
+const value: unknown = "hello";
+if (isString(value)) {
+  // Assert that type guard worked correctly
+  assertType<string>(value);
+  console.log(value.toUpperCase()); // Should compile without error
+}
+```
+
+### Complex Type Testing Scenarios
+
+Advanced patterns for testing complex type relationships.
+
+```typescript { .api }
+// Union type testing
+type Status = "pending" | "completed" | "failed";
+expectTypeOf<Status>().toMatchTypeOf<string>();
+expectTypeOf<Status>().not.toEqualTypeOf<string>();
+
+// Intersection type testing
+type Named = { name: string };
+type Aged = { age: number };
+type Person = Named & Aged;
+
+expectTypeOf<Person>().toEqualTypeOf<{ name: string; age: number }>();
+expectTypeOf<Person>().toHaveProperty("name").toBeString();
+expectTypeOf<Person>().toHaveProperty("age").toBeNumber();
+
+// Discriminated union testing
+type Shape = 
+  | { type: "circle"; radius: number }
+  | { type: "rectangle"; width: number; height: number };
+
+expectTypeOf<Shape>().toHaveProperty("type");
+expectTypeOf<Shape>().toHaveProperty("type").toMatchTypeOf<"circle" | "rectangle">();
+
+// Template literal type testing
+type EventName<T extends string> = `on${Capitalize<T>}`;
+type ClickEvent = EventName<"click">;
+expectTypeOf<ClickEvent>().toEqualTypeOf<"onClick">();
+
+// Recursive type testing
+type JSONValue = 
+  | string 
+  | number 
+  | boolean 
+  | null 
+  | JSONValue[] 
+  | { [key: string]: JSONValue };
+
+const jsonData: JSONValue = { 
+  name: "Alice", 
+  age: 30, 
+  hobbies: ["reading", "swimming"],
+  address: { city: "New York", zip: 10001 }
+};
+
+expectTypeOf(jsonData).toMatchTypeOf<JSONValue>();
+```
+
+### Type Testing Configuration
+
+Configure TypeScript type checking behavior in tests.
+
+```typescript { .api }
+// vitest.config.ts
+export default defineConfig({
+  test: {
+    typecheck: {
+      /** Enable type checking */
+      enabled: true,
+      
+      /** Only run type checking, skip test execution */
+      only: false,
+      
+      /** TypeScript config file to use */
+      tsconfig: "./tsconfig.test.json",
+      
+      /** Files to include in type checking */
+      include: ["src/**/*.test-d.ts", "src/**/*.type-test.ts"],
+      
+      /** Files to exclude from type checking */
+      exclude: ["**/*.js"],
+      
+      /** Ignore TypeScript source errors */
+      ignoreSourceErrors: false,
+      
+      /** Allow JavaScript files */
+      allowJs: false,
+    },
+  },
+});
+```
+
+### Type Test File Organization
+
+Organize type tests in dedicated files with `.test-d.ts` or `.type-test.ts` extensions.
+
+```typescript { .api }
+// user.type-test.ts
+import { expectTypeOf } from "vitest";
+import type { User, CreateUserRequest, UserRepository } from "./user";
+
+// Test type definitions
+expectTypeOf<User>().toEqualTypeOf<{
+  id: number;
+  name: string;
+  email: string;
+  createdAt: Date;
+}>();
+
+// Test API types
+expectTypeOf<CreateUserRequest>().toEqualTypeOf<{
+  name: string;
+  email: string;
+}>();
+
+// Test interface implementations
+class MockUserRepository implements UserRepository {
+  async findById(id: number): Promise<User | null> {
+    return null;
+  }
+  
+  async create(data: CreateUserRequest): Promise<User> {
+    return {} as User;
+  }
+}
+
+expectTypeOf<MockUserRepository>().toMatchTypeOf<UserRepository>();
+```
+
+### Error Type Testing
+
+Test error types and exception handling type safety.
+
+```typescript { .api }
+// Error type testing
+class CustomError extends Error {
+  constructor(public code: string, message: string) {
+    super(message);
+  }
+}
+
+expectTypeOf<CustomError>().toHaveProperty("code").toBeString();
+expectTypeOf<CustomError>().toHaveProperty("message").toBeString();
+
+// Result type testing
+type Result<T, E = Error> = 
+  | { success: true; data: T }  
+  | { success: false; error: E };
+
+type UserResult = Result<User, CustomError>;
+
+expectTypeOf<UserResult>().toHaveProperty("success").toBeBoolean();
+
+// Test discriminated union narrowing
+function handleResult(result: UserResult) {
+  if (result.success) {
+    assertType<{ success: true; data: User }>(result);
+    expectTypeOf(result.data).toEqualTypeOf<User>();
+  } else {
+    assertType<{ success: false; error: CustomError }>(result);
+    expectTypeOf(result.error).toEqualTypeOf<CustomError>();
+  }
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-vitest/tile.json b/.tessl/tiles/tessl/npm-vitest/tile.json
new file mode 100644
index 000000000..a2b1702ed
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-vitest/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-vitest",
+  "version": "3.2.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/vitest@3.2.4",
+  "summary": "Next generation testing framework powered by Vite with fast, smart watch mode and native ESM support"
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-web-tree-sitter/docs/index.md b/.tessl/tiles/tessl/npm-web-tree-sitter/docs/index.md
new file mode 100644
index 000000000..cf2718b7c
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-web-tree-sitter/docs/index.md
@@ -0,0 +1,183 @@
+# Web Tree-sitter
+
+Web Tree-sitter provides WebAssembly bindings for the Tree-sitter parsing library, enabling incremental parsing of source code in web browsers and Node.js environments. It offers a comprehensive JavaScript/TypeScript API for creating parsers, loading language grammars as WebAssembly modules, parsing source code into syntax trees, and performing efficient incremental updates when code changes.
+
+## Package Information
+
+- **Package Name**: web-tree-sitter
+- **Package Type**: npm
+- **Language**: TypeScript
+- **Installation**: `npm install web-tree-sitter`
+- **WebAssembly**: Requires WebAssembly support
+
+## Core Imports
+
+```typescript
+import { Parser, Language, Tree, Node, Query } from "web-tree-sitter";
+```
+
+For CommonJS:
+
+```javascript
+const { Parser, Language, Tree, Node, Query } = require("web-tree-sitter");
+```
+
+## Basic Usage
+
+```typescript
+import { Parser, Language } from "web-tree-sitter";
+
+// Initialize the WebAssembly module
+await Parser.init();
+
+// Load a language grammar (e.g., JavaScript)
+const JavaScript = await Language.load("/path/to/tree-sitter-javascript.wasm");
+
+// Create parser and set language
+const parser = new Parser();
+parser.setLanguage(JavaScript);
+
+// Parse source code
+const sourceCode = "let x = 1 + 2;";
+const tree = parser.parse(sourceCode);
+
+// Access the syntax tree
+const rootNode = tree.rootNode;
+console.log(rootNode.toString()); // S-expression representation
+console.log(rootNode.type); // "program"
+
+// Navigate the tree
+const firstChild = rootNode.firstChild; // "let" statement
+console.log(firstChild.type); // "lexical_declaration"
+```
+
+## Architecture
+
+Web Tree-sitter is built around several key components:
+
+- **Parser**: Stateful parsing engine that converts source code into syntax trees
+- **Language**: Grammar definitions compiled to WebAssembly modules for specific programming languages  
+- **Tree**: Immutable syntax tree representing parsed source code structure
+- **Node**: Individual elements within the syntax tree with navigation and query capabilities
+- **Query**: S-expression pattern matching for advanced tree traversal and analysis
+- **Incremental Parsing**: Efficient re-parsing when source code changes using edit operations
+
+## Capabilities
+
+### Parser Management
+
+Core parsing functionality for creating parsers, setting languages, and converting source code into syntax trees.
+
+```typescript { .api }
+class Parser {
+  static init(moduleOptions?: EmscriptenModule): Promise<void>;
+  constructor();
+  setLanguage(language: Language | null): this;
+  parse(callback: string | ParseCallback, oldTree?: Tree | null, options?: ParseOptions): Tree | null;
+}
+```
+
+[Parser](./parser.md)
+
+### Language Handling
+
+Language grammar management for loading WebAssembly language modules and accessing language metadata.
+
+```typescript { .api }
+class Language {
+  static load(input: string | Uint8Array): Promise<Language>;
+  get name(): string | null;
+  get abiVersion(): number;
+  fieldIdForName(fieldName: string): number | null;
+  idForNodeType(type: string, named: boolean): number | null;
+}
+```
+
+[Language](./language.md)
+
+### Syntax Tree Navigation
+
+Tree and node functionality for traversing and analyzing parsed syntax trees.
+
+```typescript { .api }
+class Tree {
+  get rootNode(): Node;
+  edit(edit: Edit): void;
+  getChangedRanges(other: Tree): Range[];
+}
+
+class Node {
+  get type(): string;
+  get children(): (Node | null)[];
+  childForFieldName(fieldName: string): Node | null;
+  descendantsOfType(types: string | string[]): (Node | null)[];
+}
+```
+
+[Tree & Node](./tree-node.md)
+
+### Advanced Querying
+
+Pattern-based querying for complex syntax tree analysis and extraction.
+
+```typescript { .api }
+class Query {
+  constructor(language: Language, source: string);
+  matches(node: Node, options?: QueryOptions): QueryMatch[];
+  captures(node: Node, options?: QueryOptions): QueryCapture[];
+}
+```
+
+[Query](./query.md)
+
+### Tree Cursor
+
+Efficient tree traversal using stateful cursors for performance-critical applications.
+
+```typescript { .api }
+class TreeCursor {
+  get currentNode(): Node;
+  gotoFirstChild(): boolean;
+  gotoNextSibling(): boolean;
+  gotoParent(): boolean;
+}
+```
+
+[Tree Cursor](./tree-cursor.md)
+
+## Core Types
+
+```typescript { .api }
+interface Point {
+  row: number;
+  column: number;
+}
+
+interface Range {
+  startPosition: Point;
+  endPosition: Point;
+  startIndex: number;
+  endIndex: number;
+}
+
+interface Edit {
+  startPosition: Point;
+  oldEndPosition: Point;
+  newEndPosition: Point;
+  startIndex: number;
+  oldEndIndex: number;
+  newEndIndex: number;
+}
+
+interface ParseState {
+  currentOffset: number;
+  hasError: boolean;
+}
+
+type ParseCallback = (index: number, position: Point) => string | undefined;
+type ProgressCallback = (progress: ParseState) => boolean;
+type LogCallback = (message: string, isLex: boolean) => void;
+
+const LANGUAGE_VERSION: number;
+const MIN_COMPATIBLE_VERSION: number;
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-web-tree-sitter/docs/language.md b/.tessl/tiles/tessl/npm-web-tree-sitter/docs/language.md
new file mode 100644
index 000000000..694a60bdb
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-web-tree-sitter/docs/language.md
@@ -0,0 +1,298 @@
+# Language
+
+Language grammar management for loading WebAssembly language modules and accessing language metadata. Languages define how to parse specific programming languages and are generated by the Tree-sitter CLI.
+
+## Capabilities
+
+### Language Loading
+
+Load language grammars from WebAssembly modules.
+
+```typescript { .api }
+/**
+ * Load a language from a WebAssembly module
+ * @param input - Path to WASM file or Uint8Array containing WASM bytes
+ * @returns Promise resolving to Language instance
+ */
+static load(input: string | Uint8Array): Promise<Language>;
+```
+
+**Usage Examples:**
+
+```typescript
+import { Language } from "web-tree-sitter";
+
+// Load from file path
+const JavaScript = await Language.load("/path/to/tree-sitter-javascript.wasm");
+
+// Load from URL
+const Python = await Language.load("https://example.com/tree-sitter-python.wasm");
+
+// Load from bytes
+const wasmBytes = new Uint8Array(/* ... */);
+const CustomLang = await Language.load(wasmBytes);
+```
+
+### Language Metadata
+
+Access language information and compatibility details.
+
+```typescript { .api }
+/**
+ * Gets the name of the language
+ */
+get name(): string | null;
+
+/**
+ * Gets the ABI version of the language
+ */
+get abiVersion(): number;
+
+/**
+ * @deprecated Use abiVersion instead
+ * Gets the version of the language
+ */
+get version(): number;
+
+/**
+ * Get the metadata for this language from tree-sitter.json
+ */
+get metadata(): LanguageMetadata | null;
+```
+
+**Usage Example:**
+
+```typescript
+const language = await Language.load("/tree-sitter-javascript.wasm");
+
+console.log(language.name); // "javascript"
+console.log(language.abiVersion); // 14
+console.log(language.metadata); // { major_version: 0, minor_version: 20, patch_version: 8 }
+```
+
+### Field Management
+
+Work with named fields defined in the grammar.
+
+```typescript { .api }
+/**
+ * Get the field id for a field name
+ * @param fieldName - Name of the field to look up
+ * @returns Field ID or null if not found
+ */
+fieldIdForName(fieldName: string): number | null;
+
+/**
+ * Get the field name for a field id
+ * @param fieldId - ID of the field to look up
+ * @returns Field name or null if not found
+ */
+fieldNameForId(fieldId: number): string | null;
+
+/**
+ * Gets the number of fields in the language
+ */
+get fieldCount(): number;
+
+/** Array of all field names indexed by field ID */
+fields: (string | null)[];
+```
+
+**Usage Example:**
+
+```typescript
+// Get field ID for "name" field
+const nameFieldId = language.fieldIdForName("name");
+if (nameFieldId !== null) {
+  console.log(`Name field has ID: ${nameFieldId}`);
+}
+
+// List all fields
+console.log("All fields:", language.fields);
+console.log("Field count:", language.fieldCount);
+```
+
+### Node Type Information
+
+Access information about node types defined in the grammar.
+
+```typescript { .api }
+/**
+ * Get the node type id for a node type name
+ * @param type - Name of the node type
+ * @param named - Whether to look for named or anonymous nodes
+ * @returns Node type ID or null if not found
+ */
+idForNodeType(type: string, named: boolean): number | null;
+
+/**
+ * Get the node type name for a node type id
+ * @param typeId - ID of the node type
+ * @returns Node type name or null if not found
+ */
+nodeTypeForId(typeId: number): string | null;
+
+/**
+ * Check if a node type is named
+ * @param typeId - ID of the node type to check
+ * @returns True if node type is named
+ */
+nodeTypeIsNamed(typeId: number): boolean;
+
+/**
+ * Check if a node type is visible
+ * @param typeId - ID of the node type to check
+ * @returns True if node type is visible
+ */
+nodeTypeIsVisible(typeId: number): boolean;
+
+/**
+ * Get the node type name for a node type id
+ * @param typeId - ID of the node type to look up
+ * @returns Node type name or null if not found
+ */
+nodeTypeForId(typeId: number): string | null;
+
+/**
+ * Gets the number of node types in the language
+ */
+get nodeTypeCount(): number;
+
+/** Array of all node type names indexed by type ID */
+types: string[];
+```
+
+**Usage Examples:**
+
+```typescript
+// Find node type ID
+const identifierTypeId = language.idForNodeType("identifier", true);
+console.log("Identifier type ID:", identifierTypeId);
+
+// Check if type is named
+if (identifierTypeId !== null) {
+  console.log("Is named:", language.nodeTypeIsNamed(identifierTypeId));
+  console.log("Is visible:", language.nodeTypeIsVisible(identifierTypeId));
+}
+
+// List all types
+console.log("All node types:", language.types);
+console.log("Total types:", language.nodeTypeCount);
+```
+
+### Supertype and Subtype Relationships
+
+Access hierarchical relationships between node types.
+
+```typescript { .api }
+/**
+ * Get the supertypes ids of this language
+ */
+get supertypes(): number[];
+
+/**
+ * Get the subtype ids for a given supertype node id
+ * @param supertype - ID of the supertype to get subtypes for
+ * @returns Array of subtype IDs
+ */
+subtypes(supertype: number): number[];
+```
+
+**Usage Example:**
+
+```typescript
+// Get all supertypes
+console.log("Supertypes:", language.supertypes);
+
+// Get subtypes for a specific supertype
+const supertypes = language.supertypes;
+if (supertypes.length > 0) {
+  const subtypes = language.subtypes(supertypes[0]);
+  console.log("Subtypes:", subtypes);
+}
+```
+
+### Parse State Operations
+
+Access parse state information for advanced parsing scenarios.
+
+```typescript { .api }
+/**
+ * Gets the number of states in the language
+ */
+get stateCount(): number;
+
+/**
+ * Get the next state id for a given state id and node type id
+ * @param stateId - Current parse state ID
+ * @param typeId - Node type ID
+ * @returns Next parse state ID
+ */
+nextState(stateId: number, typeId: number): number;
+```
+
+### Lookahead Iterator
+
+Create iterators for exploring valid symbols in parse states.
+
+```typescript { .api }
+/**
+ * Create a new lookahead iterator for this language and parse state
+ * @param stateId - Parse state ID to create iterator for
+ * @returns LookaheadIterator or null if state is invalid
+ */
+lookaheadIterator(stateId: number): LookaheadIterator | null;
+```
+
+**Usage Example:**
+
+```typescript
+// Create lookahead iterator for error recovery
+const errorNode = tree.rootNode.descendantsOfType("ERROR")[0];
+if (errorNode) {
+  const firstLeaf = errorNode.firstChild;
+  if (firstLeaf) {
+    const iterator = language.lookaheadIterator(firstLeaf.parseState);
+    if (iterator) {
+      console.log("Valid symbols:");
+      for (const symbol of iterator) {
+        console.log(` - ${symbol}`);
+      }
+      iterator.delete();
+    }
+  }
+}
+```
+
+### Query Creation (Deprecated)
+
+Create queries from S-expression patterns.
+
+```typescript { .api }
+/**
+ * @deprecated Use new Query(language, source) instead
+ * Create a new query from S-expression patterns
+ * @param source - Query source containing S-expression patterns
+ * @returns Query instance
+ */
+query(source: string): Query;
+```
+
+## Types
+
+```typescript { .api }
+class LanguageMetadata {
+  readonly major_version: number;
+  readonly minor_version: number;
+  readonly patch_version: number;
+}
+
+class LookaheadIterator implements Iterable<string> {
+  get currentTypeId(): number;
+  get currentType(): string;
+  delete(): void;
+  reset(language: Language, stateId: number): boolean;
+  resetState(stateId: number): boolean;
+  [Symbol.iterator](): Iterator<string>;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-web-tree-sitter/docs/parser.md b/.tessl/tiles/tessl/npm-web-tree-sitter/docs/parser.md
new file mode 100644
index 000000000..4193b5150
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-web-tree-sitter/docs/parser.md
@@ -0,0 +1,225 @@
+# Parser
+
+Core parsing functionality for creating parsers, setting languages, and converting source code into syntax trees. The Parser class is the main entry point for Tree-sitter operations.
+
+## Capabilities
+
+### Parser Initialization
+
+Initialize the WebAssembly module before creating parsers.
+
+```typescript { .api }
+/**
+ * Initialize the WebAssembly module. Must be called before creating any Parser instances.
+ * @param moduleOptions - Optional Emscripten module configuration, commonly used to set locateFile for finding the .wasm file
+ * @returns Promise that resolves when WASM module is ready
+ */
+static init(moduleOptions?: EmscriptenModule): Promise<void>;
+```
+
+**Usage Example:**
+
+```typescript
+import { Parser } from "web-tree-sitter";
+
+// Basic initialization
+await Parser.init();
+
+// With custom WASM location
+await Parser.init({
+  locateFile(scriptName: string, scriptDirectory: string) {
+    return "/custom/path/" + scriptName;
+  }
+});
+```
+
+### Parser Creation
+
+Create parser instances for parsing operations.
+
+```typescript { .api }
+/**
+ * Create a new parser instance
+ */
+constructor();
+
+/**
+ * Delete the parser and free its resources
+ */
+delete(): void;
+```
+
+### Language Configuration
+
+Set the parsing language for the parser.
+
+```typescript { .api }
+/**
+ * Set the language that the parser should use for parsing
+ * @param language - Language instance or null to unset
+ * @returns Parser instance for chaining
+ * @throws Error if language has incompatible ABI version
+ */
+setLanguage(language: Language | null): this;
+
+/** The parser's current language */
+language: Language | null;
+```
+
+**Usage Example:**
+
+```typescript
+import { Parser, Language } from "web-tree-sitter";
+
+await Parser.init();
+const parser = new Parser();
+
+// Load and set JavaScript language
+const JavaScript = await Language.load("/tree-sitter-javascript.wasm");
+parser.setLanguage(JavaScript);
+
+console.log(parser.language?.name); // "javascript"
+```
+
+### Parsing Operations
+
+Parse source code into syntax trees.
+
+```typescript { .api }
+/**
+ * Parse source code or use a callback to provide text
+ * @param callback - Source code string or callback function that provides text
+ * @param oldTree - Previous syntax tree for incremental parsing
+ * @param options - Parsing options including ranges and progress callback
+ * @returns Tree if parsing succeeded, null if parser has no language or was cancelled
+ */
+parse(callback: string | ParseCallback, oldTree?: Tree | null, options?: ParseOptions): Tree | null;
+
+/**
+ * Reset parser to start next parse from beginning
+ * Use this when switching to parse a different document after timeout/cancellation
+ */
+reset(): void;
+```
+
+**Usage Examples:**
+
+```typescript
+// Parse source code string
+const tree = parser.parse("let x = 1 + 2;");
+
+// Incremental parsing with previous tree
+const newTree = parser.parse("let x = 1 + 3;", tree);
+
+// Parse with callback for large documents
+const largeTree = parser.parse((index, position) => {
+  // Provide text at given byte index and position
+  return getTextAtPosition(index, position);
+});
+
+// Parse with options
+const constrainedTree = parser.parse(sourceCode, null, {
+  includedRanges: [
+    { startIndex: 0, endIndex: 100, startPosition: {row: 0, column: 0}, endPosition: {row: 5, column: 10} }
+  ],
+  progressCallback: (state) => {
+    console.log(`Parsing at offset: ${state.currentOffset}`);
+    // Return to cancel parsing if needed
+  }
+});
+```
+
+### Range Management
+
+Configure which parts of the document to include during parsing.
+
+```typescript { .api }
+/**
+ * Get the ranges of text that the parser will include when parsing
+ * @returns Array of ranges currently set for parsing
+ */
+getIncludedRanges(): Range[];
+```
+
+### Logging Configuration
+
+Set up logging for parser operations.
+
+```typescript { .api }
+/**
+ * Set the logging callback for parser operations
+ * @param callback - Log callback function, true for console logging, or null to disable
+ * @returns Parser instance for chaining
+ */
+setLogger(callback: LogCallback | boolean | null): this;
+
+/**
+ * Get the parser's current logger
+ * @returns Current log callback or null if not set
+ */
+getLogger(): LogCallback | null;
+```
+
+**Usage Example:**
+
+```typescript
+// Enable console logging
+parser.setLogger(true);
+
+// Custom logging
+parser.setLogger((message, isLex) => {
+  console.log(`[${isLex ? 'LEX' : 'PARSE'}] ${message}`);
+});
+
+// Disable logging
+parser.setLogger(null);
+```
+
+### Deprecated Methods
+
+These methods are deprecated in favor of progress callbacks.
+
+```typescript { .api }
+/**
+ * @deprecated Use progressCallback in parse options instead
+ * Get the duration in microseconds that parsing is allowed to take
+ */
+getTimeoutMicros(): number;
+
+/**
+ * @deprecated Use progressCallback in parse options instead  
+ * Set the maximum duration in microseconds for parsing
+ */
+setTimeoutMicros(timeout: number): void;
+```
+
+## Types
+
+```typescript { .api }
+interface ParseOptions {
+  /** Array of ranges to include when parsing */
+  includedRanges?: Range[];
+  /** Progress callback for monitoring parsing (void return - different from main ProgressCallback) */
+  progressCallback?: (state: ParseState) => void;
+}
+
+interface ParseState {
+  /** Current byte offset in document */
+  currentOffset: number;
+  /** Whether parser has encountered an error */
+  hasError: boolean;
+}
+
+/** Callback for providing text during parsing */
+type ParseCallback = (index: number, position: Point) => string | undefined;
+
+/** Callback for monitoring parsing progress and optionally cancelling */
+type ProgressCallback = (progress: ParseState) => boolean;
+
+/** Callback for logging parser messages */
+type LogCallback = (message: string, isLex: boolean) => void;
+
+/** ABI version constants */
+const LANGUAGE_VERSION: number;
+const MIN_COMPATIBLE_VERSION: number;
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-web-tree-sitter/docs/query.md b/.tessl/tiles/tessl/npm-web-tree-sitter/docs/query.md
new file mode 100644
index 000000000..2217c3988
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-web-tree-sitter/docs/query.md
@@ -0,0 +1,391 @@
+# Query
+
+Pattern-based querying for complex syntax tree analysis and extraction. Queries use S-expression patterns to match specific structures in syntax trees and extract relevant nodes with named captures.
+
+## Capabilities
+
+### Query Creation
+
+Create queries from S-expression pattern strings.
+
+```typescript { .api }
+/**
+ * Create a new query from S-expression patterns
+ * @param language - Language the query is associated with
+ * @param source - Query source containing one or more S-expression patterns
+ */
+constructor(language: Language, source: string);
+
+/**
+ * Delete the query and free its resources
+ */
+delete(): void;
+```
+
+**Usage Example:**
+
+```typescript
+import { Query, Language } from "web-tree-sitter";
+
+const language = await Language.load("/tree-sitter-javascript.wasm");
+
+// Create query to find function declarations with their names
+const query = new Query(language, `
+  (function_declaration
+    name: (identifier) @function-name
+    parameters: (formal_parameters) @params)
+  
+  (variable_declarator
+    name: (identifier) @var-name
+    value: (arrow_function) @arrow-func)
+`);
+```
+
+### Pattern Matching
+
+Execute queries to find matching patterns in syntax trees.
+
+```typescript { .api }
+/**
+ * Get all matches in the order they were found
+ * @param node - Root node to execute the query on
+ * @param options - Query execution options
+ * @returns Array of matches with pattern indices and captures
+ */
+matches(node: Node, options?: QueryOptions): QueryMatch[];
+
+/**
+ * Get all individual captures in the order they appear
+ * @param node - Root node to execute the query on  
+ * @param options - Query execution options
+ * @returns Array of captures without grouping by match
+ */
+captures(node: Node, options?: QueryOptions): QueryCapture[];
+```
+
+**Usage Examples:**
+
+```typescript
+const tree = parser.parse(`
+  function add(a, b) { return a + b; }
+  const multiply = (x, y) => x * y;
+`);
+
+// Get all matches
+const matches = query.matches(tree.rootNode);
+console.log(`Found ${matches.length} matches`);
+
+matches.forEach((match, i) => {
+  console.log(`Match ${i} (pattern ${match.patternIndex}):`);
+  match.captures.forEach(capture => {
+    console.log(`  ${capture.name}: ${capture.node.text}`);
+  });
+});
+
+// Get just the captures
+const captures = query.captures(tree.rootNode);
+captures.forEach(capture => {
+  console.log(`${capture.name}: ${capture.node.text}`);
+});
+```
+
+### Query Metadata
+
+Access information about query patterns and captures.
+
+```typescript { .api }
+/** The names of the captures used in the query */
+readonly captureNames: string[];
+
+/** The quantifiers of the captures used in the query */
+readonly captureQuantifiers: CaptureQuantifier[][];
+
+/** The predicates associated with each pattern index */
+readonly predicates: QueryPredicate[][];
+
+/** Properties for predicates with the operator 'set!' */
+readonly setProperties: QueryProperties[];
+
+/** Properties for predicates with the operator 'is?' */
+readonly assertedProperties: QueryProperties[];
+
+/** Properties for predicates with the operator 'is-not?' */
+readonly refutedProperties: QueryProperties[];
+```
+
+**Usage Example:**
+
+```typescript
+console.log("Capture names:", query.captureNames);
+console.log("Pattern count:", query.patternCount());
+
+// Check predicates for first pattern
+const predicates = query.predicatesForPattern(0);
+console.log("Predicates for pattern 0:", predicates);
+```
+
+### Pattern Information
+
+Get detailed information about individual patterns.
+
+```typescript { .api }
+/**
+ * Get the predicates for a given pattern
+ * @param patternIndex - Index of the pattern
+ * @returns Array of predicates for the pattern
+ */
+predicatesForPattern(patternIndex: number): QueryPredicate[];
+
+/**
+ * Get the byte offset where the given pattern starts in the query's source
+ * @param patternIndex - Index of the pattern
+ * @returns Start byte offset in query source
+ */
+startIndexForPattern(patternIndex: number): number;
+
+/**
+ * Get the byte offset where the given pattern ends in the query's source
+ * @param patternIndex - Index of the pattern
+ * @returns End byte offset in query source
+ */
+endIndexForPattern(patternIndex: number): number;
+
+/**
+ * Get the number of patterns in the query
+ * @returns Total number of patterns
+ */
+patternCount(): number;
+```
+
+### Capture Management
+
+Work with named captures in the query.
+
+```typescript { .api }
+/**
+ * Get the index for a given capture name
+ * @param captureName - Name of the capture to look up
+ * @returns Index of the capture or -1 if not found
+ */
+captureIndexForName(captureName: string): number;
+
+/**
+ * Disable a certain capture within a query
+ * @param captureName - Name of the capture to disable
+ */
+disableCapture(captureName: string): void;
+```
+
+**Usage Example:**
+
+```typescript
+// Disable a specific capture to improve performance
+query.disableCapture("params");
+
+// Get capture index
+const nameIndex = query.captureIndexForName("function-name");
+console.log("Function name capture index:", nameIndex);
+```
+
+### Pattern Control
+
+Control pattern execution and analysis.
+
+```typescript { .api }
+/**
+ * Disable a certain pattern within a query
+ * @param patternIndex - Index of the pattern to disable
+ */
+disablePattern(patternIndex: number): void;
+
+/**
+ * Check if a given pattern within a query has a single root node
+ * @param patternIndex - Index of the pattern to check
+ * @returns True if pattern has single root node
+ */
+isPatternRooted(patternIndex: number): boolean;
+
+/**
+ * Check if a given pattern within a query is non-local
+ * @param patternIndex - Index of the pattern to check
+ * @returns True if pattern is non-local
+ */
+isPatternNonLocal(patternIndex: number): boolean;
+
+/**
+ * Check if a given step in a query is 'definite'
+ * @param byteIndex - Byte index in the query source
+ * @returns True if step is guaranteed to match
+ */
+isPatternGuaranteedAtStep(byteIndex: number): boolean;
+```
+
+### Match Limits and Performance
+
+Control query execution limits and check performance metrics.
+
+```typescript { .api }
+/** The maximum number of in-progress matches for this query */
+matchLimit?: number;
+
+/**
+ * Check if, on its last execution, this cursor exceeded its maximum number of in-progress matches
+ * @returns True if match limit was exceeded
+ */
+didExceedMatchLimit(): boolean;
+```
+
+**Usage Example:**
+
+```typescript
+// Set match limit for performance
+query.matchLimit = 1000;
+
+const matches = query.matches(tree.rootNode);
+
+if (query.didExceedMatchLimit()) {
+  console.warn("Query exceeded match limit, results may be incomplete");
+}
+```
+
+## Types
+
+```typescript { .api }
+interface QueryOptions {
+  /** The start position of the range to query */
+  startPosition?: Point;
+  /** The end position of the range to query */
+  endPosition?: Point;
+  /** The start index of the range to query */
+  startIndex?: number;
+  /** The end index of the range to query */
+  endIndex?: number;
+  /** The maximum number of in-progress matches (1-65536) */
+  matchLimit?: number;
+  /** The maximum start depth for query cursor */
+  maxStartDepth?: number;
+  /** Maximum execution time in microseconds */
+  timeoutMicros?: number;
+  /** Progress callback for monitoring/cancelling execution */
+  progressCallback?: (state: QueryState) => void;
+}
+
+interface QueryState {
+  /** The byte offset in the document that the query is at */
+  currentOffset: number;
+}
+
+/** Key-value pairs associated with a pattern */
+type QueryProperties = Record<string, string | null>;
+
+interface QueryPredicate {
+  /** The operator of the predicate (match?, eq?, set!, etc.) */
+  operator: string;
+  /** The operands of the predicate (captures or strings) */
+  operands: PredicateStep[];
+}
+
+interface QueryCapture {
+  /** The index of the pattern that matched */
+  patternIndex: number;
+  /** The name of the capture */
+  name: string;
+  /** The captured node */
+  node: Node;
+  /** Properties for predicates declared with 'set!' */
+  setProperties?: QueryProperties;
+  /** Properties for predicates declared with 'is?' */
+  assertedProperties?: QueryProperties;
+  /** Properties for predicates declared with 'is-not?' */
+  refutedProperties?: QueryProperties;
+}
+
+interface QueryMatch {
+  /** @deprecated Use patternIndex instead */
+  pattern: number;
+  /** The index of the pattern that matched */
+  patternIndex: number;
+  /** The captures associated with the match */
+  captures: QueryCapture[];
+  /** Properties for predicates declared with 'set!' */
+  setProperties?: QueryProperties;
+  /** Properties for predicates declared with 'is?' */
+  assertedProperties?: QueryProperties;
+  /** Properties for predicates declared with 'is-not?' */
+  refutedProperties?: QueryProperties;
+}
+
+/** Quantifiers for captures */
+const CaptureQuantifier: {
+  readonly Zero: 0;
+  readonly ZeroOrOne: 1;
+  readonly ZeroOrMore: 2;
+  readonly One: 3;
+  readonly OneOrMore: 4;
+};
+
+type CaptureQuantifier = typeof CaptureQuantifier[keyof typeof CaptureQuantifier];
+
+/** Steps in predicates - either captures or strings */
+type PredicateStep = CapturePredicateStep | StringPredicateStep;
+
+interface CapturePredicateStep {
+  type: 'capture';
+  name: string;
+}
+
+interface StringPredicateStep {
+  type: 'string';
+  value: string;
+}
+```
+
+## Query Examples
+
+### Basic Pattern Matching
+
+```typescript
+// Find all function calls
+const callQuery = new Query(language, `
+  (call_expression
+    function: (identifier) @function-name
+    arguments: (arguments) @args)
+`);
+
+// Find all string literals
+const stringQuery = new Query(language, `
+  (string) @string-literal
+`);
+```
+
+### Advanced Patterns with Predicates
+
+```typescript
+// Find functions with specific names
+const specificFuncQuery = new Query(language, `
+  (function_declaration
+    name: (identifier) @name
+    (#match? @name "^(test|spec)"))
+`);
+
+// Find variable declarations with initialization
+const varQuery = new Query(language, `
+  (variable_declarator
+    name: (identifier) @var-name
+    value: (_) @initial-value)
+`);
+```
+
+### Complex Structural Patterns
+
+```typescript
+// Find nested function calls
+const nestedQuery = new Query(language, `
+  (call_expression
+    function: (member_expression
+      object: (identifier) @object
+      property: (property_identifier) @method)
+    arguments: (arguments
+      (call_expression) @nested-call))
+`);
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-web-tree-sitter/docs/tree-cursor.md b/.tessl/tiles/tessl/npm-web-tree-sitter/docs/tree-cursor.md
new file mode 100644
index 000000000..2e6dfaab0
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-web-tree-sitter/docs/tree-cursor.md
@@ -0,0 +1,393 @@
+# Tree Cursor
+
+Efficient tree traversal using stateful cursors for performance-critical applications. TreeCursor provides a low-level, memory-efficient way to walk syntax trees without creating intermediate Node objects.
+
+## Capabilities
+
+### Cursor Creation and Management
+
+Create and manage tree cursor instances.
+
+```typescript { .api }
+/**
+ * Create a deep copy of the tree cursor (allocates new memory)
+ * @returns New TreeCursor instance
+ */
+copy(): TreeCursor;
+
+/**
+ * Delete the tree cursor and free its resources
+ */
+delete(): void;
+```
+
+**Usage Example:**
+
+```typescript
+const tree = parser.parse("let x = 1 + 2;");
+const cursor = tree.walk();
+
+// Create a copy for parallel traversal
+const cursorCopy = cursor.copy();
+
+// Clean up when done
+cursor.delete();
+cursorCopy.delete();
+```
+
+### Current Node Access
+
+Access information about the current node without creating Node objects.
+
+```typescript { .api }
+/**
+ * Get the tree cursor's current Node
+ * @returns Current node (creates Node object)
+ */
+get currentNode(): Node;
+
+/**
+ * Get the numerical field id of this tree cursor's current node
+ * @returns Field ID or 0 if no field
+ */
+get currentFieldId(): number;
+
+/**
+ * Get the field name of this tree cursor's current node
+ * @returns Field name or null if no field
+ */
+get currentFieldName(): string | null;
+```
+
+### Position Information
+
+Get cursor position and depth information.
+
+```typescript { .api }
+/**
+ * Get the depth of the cursor's current node relative to the original node
+ * @returns Depth from root node
+ */
+get currentDepth(): number;
+
+/**
+ * Get the index of the cursor's current node out of all descendants
+ * @returns Descendant index
+ */
+get currentDescendantIndex(): number;
+```
+
+### Node Type Information
+
+Access type information for the current node efficiently.
+
+```typescript { .api }
+/**
+ * Get the type of the cursor's current node
+ * @returns Node type as string
+ */
+get nodeType(): string;
+
+/**
+ * Get the type id of the cursor's current node
+ * @returns Node type ID
+ */
+get nodeTypeId(): number;
+
+/**
+ * Get the state id of the cursor's current node
+ * @returns Parse state ID
+ */
+get nodeStateId(): number;
+
+/**
+ * Get the id of the cursor's current node
+ * @returns Unique node ID
+ */
+get nodeId(): number;
+```
+
+### Node Classification
+
+Check node properties without creating Node objects.
+
+```typescript { .api }
+/**
+ * Check if the cursor's current node is named
+ * @returns True if node corresponds to named rule in grammar
+ */
+get nodeIsNamed(): boolean;
+
+/**
+ * Check if the cursor's current node is missing
+ * @returns True if node was inserted for error recovery
+ */
+get nodeIsMissing(): boolean;
+```
+
+### Content and Position Access
+
+Get node content and position information.
+
+```typescript { .api }
+/**
+ * Get the string content of the cursor's current node
+ * @returns Text content of current node
+ */
+get nodeText(): string;
+
+/**
+ * Get the start position of the cursor's current node
+ * @returns Start position
+ */
+get startPosition(): Point;
+
+/**
+ * Get the end position of the cursor's current node
+ * @returns End position
+ */
+get endPosition(): Point;
+
+/**
+ * Get the start index of the cursor's current node
+ * @returns Start byte index
+ */
+get startIndex(): number;
+
+/**
+ * Get the end index of the cursor's current node
+ * @returns End byte index
+ */
+get endIndex(): number;
+```
+
+**Usage Example:**
+
+```typescript
+const cursor = tree.walk();
+
+console.log("Current node type:", cursor.nodeType);
+console.log("Text:", cursor.nodeText);
+console.log("Position:", cursor.startPosition, "to", cursor.endPosition);
+console.log("Depth:", cursor.currentDepth);
+console.log("Is named:", cursor.nodeIsNamed);
+```
+
+### Tree Navigation
+
+Navigate through the tree structure efficiently.
+
+```typescript { .api }
+/**
+ * Move cursor to the first child of current node
+ * @returns True if successfully moved, false if no children
+ */
+gotoFirstChild(): boolean;
+
+/**
+ * Move cursor to the last child of current node
+ * @returns True if successfully moved, false if no children
+ */
+gotoLastChild(): boolean;
+
+/**
+ * Move cursor to the parent of current node
+ * @returns True if successfully moved, false if already at root
+ */
+gotoParent(): boolean;
+
+/**
+ * Move cursor to the next sibling of current node
+ * @returns True if successfully moved, false if no next sibling
+ */
+gotoNextSibling(): boolean;
+
+/**
+ * Move cursor to the previous sibling of current node
+ * @returns True if successfully moved, false if no previous sibling
+ */
+gotoPreviousSibling(): boolean;
+```
+
+**Usage Example:**
+
+```typescript
+const cursor = tree.walk();
+
+// Walk through all children of root
+if (cursor.gotoFirstChild()) {
+  do {
+    console.log("Child:", cursor.nodeType, cursor.nodeText);
+    
+    // Visit grandchildren
+    if (cursor.gotoFirstChild()) {
+      do {
+        console.log("  Grandchild:", cursor.nodeType);
+      } while (cursor.gotoNextSibling());
+      cursor.gotoParent(); // Back to child level
+    }
+  } while (cursor.gotoNextSibling());
+}
+```
+
+### Advanced Navigation
+
+Navigate to specific positions and descendants.
+
+```typescript { .api }
+/**
+ * Move cursor to the nth descendant of the original node
+ * @param goalDescendantIndex - Index of target descendant (0 = original node)
+ */
+gotoDescendant(goalDescendantIndex: number): void;
+
+/**
+ * Move cursor to first child containing or starting after given byte offset
+ * @param goalIndex - Target byte offset
+ * @returns True if found and moved, false if no such child
+ */
+gotoFirstChildForIndex(goalIndex: number): boolean;
+
+/**
+ * Move cursor to first child containing or starting after given position
+ * @param goalPosition - Target position
+ * @returns True if found and moved, false if no such child
+ */
+gotoFirstChildForPosition(goalPosition: Point): boolean;
+```
+
+**Usage Example:**
+
+```typescript
+// Find node at specific byte offset
+const cursor = tree.walk();
+if (cursor.gotoFirstChildForIndex(15)) {
+  console.log("Found node at offset 15:", cursor.nodeType);
+}
+
+// Navigate to specific descendant
+cursor.gotoDescendant(5); // Go to 5th descendant
+console.log("5th descendant:", cursor.nodeType);
+```
+
+### Cursor Reset Operations
+
+Reset cursor position and state.
+
+```typescript { .api }
+/**
+ * Re-initialize cursor to start at the given node
+ * @param node - Node to reset cursor to
+ */
+reset(node: Node): void;
+
+/**
+ * Re-initialize cursor to the same position as another cursor
+ * @param cursor - Cursor to copy position from
+ */
+resetTo(cursor: TreeCursor): void;
+```
+
+**Usage Example:**
+
+```typescript
+const cursor1 = tree.walk();
+const cursor2 = tree.walk();
+
+// Move cursor1 to some position
+cursor1.gotoFirstChild();
+cursor1.gotoFirstChild();
+
+// Copy position to cursor2
+cursor2.resetTo(cursor1);
+
+console.log("Both cursors at same position:");
+console.log("Cursor1:", cursor1.nodeType);
+console.log("Cursor2:", cursor2.nodeType);
+
+// Reset cursor1 to root
+cursor1.reset(tree.rootNode);
+```
+
+## Performance Benefits
+
+TreeCursor provides significant performance advantages for tree traversal:
+
+- **Memory Efficient**: No intermediate Node object creation during navigation
+- **Cache Friendly**: Maintains position state without repeated tree walks
+- **Fast Iteration**: Direct access to node properties without object allocation
+- **Stateful Navigation**: Remembers position for complex traversal patterns
+
+## Usage Patterns
+
+### Full Tree Traversal
+
+```typescript
+function traverseTree(cursor: TreeCursor, depth: number = 0) {
+  const indent = "  ".repeat(depth);
+  console.log(`${indent}${cursor.nodeType}: ${cursor.nodeText}`);
+  
+  if (cursor.gotoFirstChild()) {
+    do {
+      traverseTree(cursor, depth + 1);
+    } while (cursor.gotoNextSibling());
+    cursor.gotoParent();
+  }
+}
+
+const cursor = tree.walk();
+traverseTree(cursor);
+cursor.delete();
+```
+
+### Find All Nodes of Type
+
+```typescript
+function findNodesOfType(tree: Tree, targetType: string): string[] {
+  const results: string[] = [];
+  const cursor = tree.walk();
+  
+  function visit() {
+    if (cursor.nodeType === targetType) {
+      results.push(cursor.nodeText);
+    }
+    
+    if (cursor.gotoFirstChild()) {
+      do {
+        visit();
+      } while (cursor.gotoNextSibling());
+      cursor.gotoParent();
+    }
+  }
+  
+  visit();
+  cursor.delete();
+  return results;
+}
+
+const identifiers = findNodesOfType(tree, "identifier");
+console.log("Found identifiers:", identifiers);
+```
+
+### Range-Based Processing
+
+```typescript
+function processRange(tree: Tree, startIndex: number, endIndex: number) {
+  const cursor = tree.walk();
+  
+  // Find first node in range
+  if (cursor.gotoFirstChildForIndex(startIndex)) {
+    while (cursor.startIndex <= endIndex) {
+      if (cursor.endIndex >= startIndex) {
+        console.log("Processing:", cursor.nodeType, cursor.nodeText);
+      }
+      
+      if (!cursor.gotoNextSibling()) {
+        break;
+      }
+    }
+  }
+  
+  cursor.delete();
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-web-tree-sitter/docs/tree-node.md b/.tessl/tiles/tessl/npm-web-tree-sitter/docs/tree-node.md
new file mode 100644
index 000000000..fa39db9db
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-web-tree-sitter/docs/tree-node.md
@@ -0,0 +1,573 @@
+# Tree & Node
+
+Syntax tree navigation and manipulation functionality. Trees represent the complete parsed structure of source code, while Nodes represent individual elements within the tree hierarchy.
+
+## Tree Capabilities
+
+### Tree Creation and Management
+
+Trees are created by parsers and represent immutable syntax structures.
+
+```typescript { .api }
+/**
+ * Create a shallow copy of the syntax tree (very fast operation)
+ * @returns New Tree instance sharing internal structure
+ */
+copy(): Tree;
+
+/**
+ * Delete the syntax tree and free its resources
+ */
+delete(): void;
+
+/** The language that was used to parse the syntax tree */
+language: Language;
+```
+
+### Root Node Access
+
+Access the root node of the syntax tree.
+
+```typescript { .api }
+/**
+ * Get the root node of the syntax tree
+ */
+get rootNode(): Node;
+
+/**
+ * Get the root node with its position shifted forward by the given offset
+ * @param offsetBytes - Byte offset to apply
+ * @param offsetExtent - Point offset to apply
+ * @returns Root node with adjusted position
+ */
+rootNodeWithOffset(offsetBytes: number, offsetExtent: Point): Node;
+```
+
+**Usage Example:**
+
+```typescript
+const tree = parser.parse("let x = 1 + 2;");
+const root = tree.rootNode;
+
+console.log(root.type); // "program"
+console.log(root.toString()); // S-expression representation
+
+// Get root with offset (useful for embedded parsing)
+const offsetRoot = tree.rootNodeWithOffset(10, { row: 1, column: 0 });
+```
+
+### Tree Editing
+
+Synchronize trees with source code changes for incremental parsing.
+
+```typescript { .api }
+/**
+ * Edit the syntax tree to keep it in sync with source code changes
+ * @param edit - Description of the edit in both byte offsets and row/column coordinates
+ */
+edit(edit: Edit): void;
+
+/**
+ * Compare this tree to a new tree and get ranges where structure changed
+ * @param other - New tree representing the same document after edits
+ * @returns Array of ranges with syntactic structure changes
+ */
+getChangedRanges(other: Tree): Range[];
+```
+
+**Usage Example:**
+
+```typescript
+const tree = parser.parse("let x = 1;");
+
+// Edit the tree to reflect source change: "let x = 1;" → "let x = 42;"
+tree.edit({
+  startIndex: 8,
+  oldEndIndex: 9,
+  newEndIndex: 10,
+  startPosition: { row: 0, column: 8 },
+  oldEndPosition: { row: 0, column: 9 },
+  newEndPosition: { row: 0, column: 10 }
+});
+
+// Parse the updated source
+const newTree = parser.parse("let x = 42;", tree);
+
+// Get changed ranges
+const changes = tree.getChangedRanges(newTree);
+console.log("Changed ranges:", changes);
+```
+
+### Tree Navigation
+
+Create tree cursors and access parsing ranges.
+
+```typescript { .api }
+/**
+ * Create a new TreeCursor starting from the root of the tree
+ * @returns TreeCursor for efficient tree traversal
+ */
+walk(): TreeCursor;
+
+/**
+ * Get the included ranges that were used to parse the syntax tree
+ * @returns Array of ranges that were included during parsing
+ */
+getIncludedRanges(): Range[];
+```
+
+## Node Capabilities
+
+### Node Identity and Position
+
+Access node identification and location information.
+
+```typescript { .api }
+/** Unique numeric ID for this node within the tree */
+id: number;
+
+/** The byte index where this node starts */
+startIndex: number;
+
+/** The position where this node starts */
+startPosition: Point;
+
+/** The tree that this node belongs to */
+tree: Tree;
+
+/**
+ * Get the byte index where this node ends
+ */
+get endIndex(): number;
+
+/**
+ * Get the position where this node ends
+ */
+get endPosition(): Point;
+```
+
+### Node Type Information
+
+Access node type and classification details.
+
+```typescript { .api }
+/**
+ * Get this node's type as a numerical id
+ */
+get typeId(): number;
+
+/**
+ * Get the node's type as a numerical id as it appears in the grammar, ignoring aliases
+ */
+get grammarId(): number;
+
+/**
+ * Get this node's type as a string
+ */
+get type(): string;
+
+/**
+ * Get this node's symbol name as it appears in the grammar, ignoring aliases
+ */
+get grammarType(): string;
+```
+
+**Usage Example:**
+
+```typescript
+const root = tree.rootNode;
+const firstChild = root.firstChild;
+
+if (firstChild) {
+  console.log("Type:", firstChild.type); // e.g., "lexical_declaration"
+  console.log("Type ID:", firstChild.typeId); // e.g., 42
+  console.log("Grammar type:", firstChild.grammarType);
+  console.log("Position:", firstChild.startPosition); // { row: 0, column: 0 }
+  console.log("Byte range:", firstChild.startIndex, "-", firstChild.endIndex);
+}
+```
+
+### Node Classification
+
+Check node properties and error states.
+
+```typescript { .api }
+/**
+ * Check if this node is named (corresponds to named rules in grammar)
+ */
+get isNamed(): boolean;
+
+/**
+ * Check if this node is extra (like comments, not required by grammar)
+ */
+get isExtra(): boolean;
+
+/**
+ * Check if this node represents a syntax error
+ */
+get isError(): boolean;
+
+/**
+ * Check if this node is missing (inserted by parser for error recovery)
+ */
+get isMissing(): boolean;
+
+/**
+ * Check if this node has been edited
+ */
+get hasChanges(): boolean;
+
+/**
+ * Check if this node contains any syntax errors anywhere within it
+ */
+get hasError(): boolean;
+```
+
+### Node Content and State
+
+Access node text content and parse state information.
+
+```typescript { .api }
+/**
+ * Get the string content of this node
+ */
+get text(): string;
+
+/**
+ * Get this node's parse state
+ */
+get parseState(): number;
+
+/**
+ * Get the parse state after this node
+ */
+get nextParseState(): number;
+```
+
+### Node Comparison
+
+Compare nodes for equality.
+
+```typescript { .api }
+/**
+ * Check if this node is equal to another node
+ * @param other - Node to compare with
+ * @returns True if nodes are equal
+ */
+equals(other: Node): boolean;
+```
+
+### Child Node Access
+
+Access child nodes by index and field.
+
+```typescript { .api }
+/**
+ * Get the node's child at the given index (0-based)
+ * @param index - Child index to retrieve
+ * @returns Child node or null if index is out of bounds
+ */
+child(index: number): Node | null;
+
+/**
+ * Get this node's named child at the given index
+ * @param index - Named child index to retrieve
+ * @returns Named child node or null if index is out of bounds
+ */
+namedChild(index: number): Node | null;
+
+/**
+ * Get this node's child with the given numerical field id
+ * @param fieldId - Field ID to look up
+ * @returns Child node or null if no child has this field
+ */
+childForFieldId(fieldId: number): Node | null;
+
+/**
+ * Get the first child with the given field name
+ * @param fieldName - Field name to look up
+ * @returns Child node or null if no child has this field
+ */
+childForFieldName(fieldName: string): Node | null;
+```
+
+**Usage Examples:**
+
+```typescript
+const statement = tree.rootNode.firstChild; // e.g., "lexical_declaration"
+
+if (statement) {
+  // Access by index
+  const firstChild = statement.child(0); // e.g., "let" keyword
+  
+  // Access by field name
+  const declarations = statement.childForFieldName("declarations");
+  
+  // Get field names
+  const fieldName = statement.fieldNameForChild(1);
+  console.log("Field name for child 1:", fieldName);
+}
+```
+
+### Field Name Lookup
+
+Get field names for child nodes.
+
+```typescript { .api }
+/**
+ * Get the field name of this node's child at the given index
+ * @param index - Child index to check
+ * @returns Field name or null if child has no field name
+ */
+fieldNameForChild(index: number): string | null;
+
+/**
+ * Get the field name of this node's named child at the given index
+ * @param index - Named child index to check
+ * @returns Field name or null if child has no field name
+ */
+fieldNameForNamedChild(index: number): string | null;
+```
+
+### Multiple Children Access
+
+Get arrays of children by field.
+
+```typescript { .api }
+/**
+ * Get an array of this node's children with a given field name
+ * @param fieldName - Field name to filter by
+ * @returns Array of child nodes with the given field name
+ */
+childrenForFieldName(fieldName: string): (Node | null)[];
+
+/**
+ * Get an array of this node's children with a given field id
+ * @param fieldId - Field ID to filter by
+ * @returns Array of child nodes with the given field ID
+ */
+childrenForFieldId(fieldId: number): (Node | null)[];
+```
+
+### Child Navigation by Position
+
+Find children by byte offset.
+
+```typescript { .api }
+/**
+ * Get the node's first child that contains or starts after the given byte offset
+ * @param index - Byte offset to search from
+ * @returns Child node or null if no such child exists
+ */
+firstChildForIndex(index: number): Node | null;
+
+/**
+ * Get the node's first named child that contains or starts after the given byte offset
+ * @param index - Byte offset to search from
+ * @returns Named child node or null if no such child exists
+ */
+firstNamedChildForIndex(index: number): Node | null;
+```
+
+### Child Counts and Direct Access
+
+Get child counts and direct child access.
+
+```typescript { .api }
+/**
+ * Get this node's number of children
+ */
+get childCount(): number;
+
+/**
+ * Get this node's number of named children
+ */
+get namedChildCount(): number;
+
+/**
+ * Get this node's first child
+ */
+get firstChild(): Node | null;
+
+/**
+ * Get this node's first named child
+ */
+get firstNamedChild(): Node | null;
+
+/**
+ * Get this node's last child
+ */
+get lastChild(): Node | null;
+
+/**
+ * Get this node's last named child
+ */
+get lastNamedChild(): Node | null;
+
+/**
+ * Get array of all children
+ */
+get children(): (Node | null)[];
+
+/**
+ * Get array of all named children
+ */
+get namedChildren(): (Node | null)[];
+```
+
+### Sibling Navigation
+
+Navigate between sibling nodes.
+
+```typescript { .api }
+/**
+ * Get this node's next sibling
+ */
+get nextSibling(): Node | null;
+
+/**
+ * Get this node's previous sibling
+ */
+get previousSibling(): Node | null;
+
+/**
+ * Get this node's next named sibling
+ */
+get nextNamedSibling(): Node | null;
+
+/**
+ * Get this node's previous named sibling
+ */
+get previousNamedSibling(): Node | null;
+```
+
+### Descendant Operations
+
+Work with descendant nodes in the subtree.
+
+```typescript { .api }
+/**
+ * Get the descendants of this node that are the given type(s)
+ * @param types - Node type name or array of type names to search for
+ * @param startPosition - Optional start position to limit search
+ * @param endPosition - Optional end position to limit search
+ * @returns Array of matching descendant nodes
+ */
+descendantsOfType(types: string | string[], startPosition?: Point, endPosition?: Point): (Node | null)[];
+
+/**
+ * Get the node's number of descendants, including one for the node itself
+ */
+get descendantCount(): number;
+
+/**
+ * Get the smallest node within this node that spans the given byte range
+ * @param start - Start byte index
+ * @param end - End byte index (optional, defaults to start)
+ * @returns Smallest node spanning the range or null
+ */
+descendantForIndex(start: number, end?: number): Node | null;
+
+/**
+ * Get the smallest named node within this node that spans the given byte range
+ * @param start - Start byte index
+ * @param end - End byte index (optional, defaults to start)
+ * @returns Smallest named node spanning the range or null
+ */
+namedDescendantForIndex(start: number, end?: number): Node | null;
+
+/**
+ * Get the smallest node within this node that spans the given point range
+ * @param start - Start position
+ * @param end - End position (optional, defaults to start)
+ * @returns Smallest node spanning the range or null
+ */
+descendantForPosition(start: Point, end?: Point): Node | null;
+
+/**
+ * Get the smallest named node within this node that spans the given point range
+ * @param start - Start position
+ * @param end - End position (optional, defaults to start)
+ * @returns Smallest named node spanning the range or null
+ */
+namedDescendantForPosition(start: Point, end?: Point): Node | null;
+```
+
+**Usage Examples:**
+
+```typescript
+// Find all identifier nodes
+const identifiers = tree.rootNode.descendantsOfType("identifier");
+console.log("Found identifiers:", identifiers.length);
+
+// Find node at specific position
+const nodeAtCursor = tree.rootNode.descendantForPosition({ row: 0, column: 5 });
+console.log("Node at cursor:", nodeAtCursor?.type);
+
+// Find all function declarations
+const functions = tree.rootNode.descendantsOfType("function_declaration");
+```
+
+### Parent and Ancestor Navigation
+
+Navigate up the tree hierarchy.
+
+```typescript { .api }
+/**
+ * Get this node's immediate parent
+ */
+get parent(): Node | null;
+
+/**
+ * Get the node that contains the given descendant
+ * @param descendant - Descendant node to find container for
+ * @returns Node containing the descendant (may be descendant itself)
+ */
+childWithDescendant(descendant: Node): Node | null;
+```
+
+### Tree Cursor Creation
+
+Create efficient tree cursors from nodes.
+
+```typescript { .api }
+/**
+ * Create a new TreeCursor starting from this node
+ * Note: The given node is considered the root of the cursor
+ * @returns TreeCursor for efficient traversal
+ */
+walk(): TreeCursor;
+```
+
+### Node Editing
+
+Edit individual nodes to sync with source changes.
+
+```typescript { .api }
+/**
+ * Edit this node to keep it in-sync with source code changes
+ * Only needed when keeping specific Node instances after tree edits
+ * @param edit - Description of the edit
+ */
+edit(edit: Edit): void;
+```
+
+### String Representation
+
+Get textual representation of nodes.
+
+```typescript { .api }
+/**
+ * Get the S-expression representation of this node
+ * @returns String representation showing the tree structure
+ */
+toString(): string;
+```
+
+**Usage Example:**
+
+```typescript
+const tree = parser.parse("let x = 1 + 2;");
+console.log(tree.rootNode.toString());
+// Output: (program (lexical_declaration (let) (variable_declarator (identifier) (number))))
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-web-tree-sitter/tile.json b/.tessl/tiles/tessl/npm-web-tree-sitter/tile.json
new file mode 100644
index 000000000..0ea2d822c
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-web-tree-sitter/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-web-tree-sitter",
+  "version": "0.25.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/web-tree-sitter@0.25.8",
+  "summary": "Tree-sitter bindings for the web providing WebAssembly-based incremental parsing of source code"
+}
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-zod/docs/advanced-schemas.md b/.tessl/tiles/tessl/npm-zod/docs/advanced-schemas.md
new file mode 100644
index 000000000..26d27e575
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-zod/docs/advanced-schemas.md
@@ -0,0 +1,280 @@
+# Advanced Schema Types
+
+Advanced schema types for functions, promises, lazy evaluation, and custom validation. These schemas enable complex validation patterns and sophisticated type compositions.
+
+## Capabilities
+
+### Function Schema
+
+Validates function signatures with argument and return type checking.
+
+```typescript { .api }
+/**
+ * Creates a function schema with argument and return type validation
+ * @param args - Tuple schema for function arguments (optional)
+ * @param returns - Schema for function return value (optional)
+ * @returns ZodFunction schema instance
+ */
+function function<
+  Args extends ZodTuple<any, any> = ZodTuple<[], null>,
+  Returns extends ZodTypeAny = ZodUnknown
+>(
+  args?: Args,
+  returns?: Returns
+): ZodFunction<Args, Returns>;
+
+class ZodFunction<Args extends ZodTuple<any, any>, Returns extends ZodTypeAny> extends ZodType<
+  OuterTypeOfFunction<Args, Returns>,
+  ZodFunctionDef<Args, Returns>,
+  InnerTypeOfFunction<Args, Returns>
+> {
+  /** Set argument schemas */
+  args<T extends ZodTuple<any, any>>(...items: T["items"]): ZodFunction<T, Returns>;
+  
+  /** Set return schema */
+  returns<T extends ZodTypeAny>(returnType: T): ZodFunction<Args, T>;
+  
+  /** Implement function with validation */
+  implement<F extends InnerTypeOfFunction<Args, Returns>>(
+    func: F
+  ): F;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { z } from "zod";
+
+// Basic function validation
+const addSchema = z.function()
+  .args(z.number(), z.number())
+  .returns(z.number());
+
+// Implement validated function
+const add = addSchema.implement((a, b) => a + b);
+const result = add(5, 3); // 8
+
+// Function with object arguments
+const processUserSchema = z.function()
+  .args(z.object({
+    id: z.number(),
+    name: z.string(),
+  }))
+  .returns(z.string());
+
+const processUser = processUserSchema.implement((user) => {
+  return `User ${user.name} (ID: ${user.id})`;
+});
+```
+
+### Promise Schema
+
+Validates Promise objects with typed resolution values.
+
+```typescript { .api }
+/**
+ * Creates a Promise schema with typed resolution value
+ * @param schema - Schema for the Promise resolution value
+ * @returns ZodPromise schema instance
+ */
+function promise<T extends ZodTypeAny>(schema: T): ZodPromise<T>;
+
+class ZodPromise<T extends ZodTypeAny> extends ZodType<
+  Promise<T["_output"]>,
+  ZodPromiseDef<T>,
+  Promise<T["_input"]>
+> {
+  /** Access to the inner schema */
+  innerType(): T;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { z } from "zod";
+
+// Promise of user data
+const userPromiseSchema = z.promise(
+  z.object({
+    id: z.number(),
+    name: z.string(),
+    email: z.string().email(),
+  })
+);
+
+// Validate API response promise
+const apiResponseSchema = z.promise(
+  z.object({
+    data: z.any(),
+    status: z.number(),
+  })
+);
+
+async function fetchUser(): Promise<z.infer<typeof userPromiseSchema>> {
+  // Function returns validated Promise type
+  return { id: 1, name: "Alice", email: "alice@example.com" };
+}
+```
+
+### Lazy Schema
+
+Enables recursive and self-referencing schemas through lazy evaluation.
+
+```typescript { .api }
+/**
+ * Creates a lazy schema for recursive type definitions
+ * @param getter - Function that returns the schema (called lazily)
+ * @returns ZodLazy schema instance
+ */
+function lazy<T extends ZodTypeAny>(getter: () => T): ZodLazy<T>;
+
+class ZodLazy<T extends ZodTypeAny> extends ZodType<
+  output<T>,
+  ZodLazyDef<T>,
+  input<T>
+> {
+  /** Access to the schema getter */
+  schema: T;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { z } from "zod";
+
+// Recursive tree structure
+interface TreeNode {
+  value: string;
+  children: TreeNode[];
+}
+
+const treeSchema: z.ZodType<TreeNode> = z.lazy(() =>
+  z.object({
+    value: z.string(),
+    children: z.array(treeSchema),
+  })
+);
+
+// Recursive JSON value
+type JsonValue = string | number | boolean | null | JsonValue[] | { [key: string]: JsonValue };
+
+const jsonSchema: z.ZodType<JsonValue> = z.lazy(() =>
+  z.union([
+    z.string(),
+    z.number(),
+    z.boolean(),
+    z.null(),
+    z.array(jsonSchema),
+    z.record(jsonSchema),
+  ])
+);
+```
+
+### Custom Schema
+
+Creates custom validation logic with user-defined validation functions.
+
+```typescript { .api }
+/**
+ * Creates a custom schema with user-defined validation
+ * @param check - Validation function that returns truthy for valid data
+ * @param params - Optional error parameters
+ * @returns ZodType with custom validation
+ */
+function custom<T>(
+  check: (data: unknown) => any,
+  params?: CustomParams
+): ZodType<T>;
+
+/**
+ * Creates an instanceof schema for class validation
+ * @param cls - Class constructor to validate against
+ * @param params - Optional error parameters
+ * @returns ZodType for class instances
+ */
+function instanceof<T extends typeof Class>(
+  cls: T,
+  params?: CustomParams
+): ZodType<InstanceType<T>>;
+
+type CustomParams = {
+  message?: string;
+  fatal?: boolean;
+  path?: (string | number)[];
+} | string;
+```
+
+**Usage Examples:**
+
+```typescript
+import { z } from "zod";
+
+// Custom validation function
+const positiveSchema = z.custom<number>(
+  (data) => typeof data === "number" && data > 0,
+  {
+    message: "Must be a positive number",
+  }
+);
+
+// Class instance validation
+class User {
+  constructor(public name: string) {}
+}
+
+const userInstanceSchema = z.instanceof(User);
+const user = new User("Alice");
+const validatedUser = userInstanceSchema.parse(user);
+
+// Complex custom validation
+const strongPasswordSchema = z.custom<string>(
+  (data) => {
+    if (typeof data !== "string") return false;
+    return (
+      data.length >= 8 &&
+      /[A-Z]/.test(data) &&
+      /[a-z]/.test(data) &&
+      /[0-9]/.test(data) &&
+      /[^A-Za-z0-9]/.test(data)
+    );
+  },
+  "Password must be at least 8 characters with uppercase, lowercase, number, and special character"
+);
+```
+
+## Types
+
+```typescript { .api }
+interface ZodFunctionDef<
+  Args extends ZodTuple<any, any> = ZodTuple<any, any>,
+  Returns extends ZodTypeAny = ZodTypeAny
+> extends ZodTypeDef {
+  args: Args;
+  returns: Returns;
+}
+
+type OuterTypeOfFunction<
+  Args extends ZodTuple<any, any>,
+  Returns extends ZodTypeAny
+> = Args["_input"] extends Array<any>
+  ? (...args: Args["_input"]) => Returns["_output"]
+  : never;
+
+type InnerTypeOfFunction<
+  Args extends ZodTuple<any, any>,
+  Returns extends ZodTypeAny
+> = Args["_output"] extends Array<any>
+  ? (...args: Args["_output"]) => Returns["_input"]
+  : never;
+
+interface ZodPromiseDef<T extends ZodTypeAny = ZodTypeAny> extends ZodTypeDef {
+  type: T;
+}
+
+interface ZodLazyDef<T extends ZodTypeAny = ZodTypeAny> extends ZodTypeDef {
+  getter: () => T;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-zod/docs/errors.md b/.tessl/tiles/tessl/npm-zod/docs/errors.md
new file mode 100644
index 000000000..a1c559a82
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-zod/docs/errors.md
@@ -0,0 +1,579 @@
+# Error Handling
+
+Comprehensive error handling system for validation failures, including error types, formatting, and custom error messages. Zod provides detailed error information for debugging and user-friendly error reporting in applications.
+
+## Capabilities
+
+### ZodError Class
+
+Main error class thrown by Zod validation failures, containing detailed information about all validation issues.
+
+```typescript { .api }
+/**
+ * Main error class for Zod validation failures
+ */
+class ZodError<T = any> extends Error {
+  /** Array of validation issues that caused the error */
+  readonly issues: ZodIssue[];
+  
+  /** Formatted error message string */
+  readonly message: string;
+  
+  /** Optional name for the error (defaults to "ZodError") */
+  readonly name: string;
+  
+  constructor(issues: ZodIssue[]);
+  
+  /** Get the first issue in the error */
+  get errors(): ZodIssue[];
+  
+  /** Format errors as a nested object structure */
+  format(): ZodFormattedError<T>;
+  
+  /** Format errors as a flat structure with field and form errors */
+  flatten(): ZodFlattened<T>;
+  
+  /** Get string representation of the error */
+  toString(): string;
+  
+  /** Add an issue to the error */
+  addIssue(issue: ZodIssue): void;
+  
+  /** Add multiple issues to the error */
+  addIssues(issues: ZodIssue[]): void;
+  
+  /** Check if error is empty (no issues) */
+  isEmpty: boolean;
+}
+
+/**
+ * Type guard to check if an error is a ZodError
+ */
+function isZodError(error: any): error is ZodError;
+```
+
+**Usage Examples:**
+```typescript
+// Basic error handling
+const userSchema = z.object({
+  name: z.string().min(2),
+  email: z.string().email(),
+  age: z.number().min(0).max(150)
+});
+
+try {
+  userSchema.parse({
+    name: "A",           // Too short
+    email: "invalid",    // Invalid email
+    age: -5             // Below minimum
+  });
+} catch (error) {
+  if (error instanceof z.ZodError) {
+    console.log("Validation failed:");
+    console.log(error.message);
+    console.log("Number of issues:", error.issues.length);
+    
+    // Access individual issues
+    error.issues.forEach((issue, index) => {
+      console.log(`Issue ${index + 1}:`, issue.message);
+      console.log("Path:", issue.path);
+      console.log("Code:", issue.code);
+    });
+  }
+}
+
+// Error checking with safeParse
+const result = userSchema.safeParse({ name: "A", email: "invalid", age: -5 });
+if (!result.success) {
+  const zodError = result.error; // ZodError instance
+  console.log("Validation failed with", zodError.issues.length, "issues");
+}
+```
+
+### ZodIssue Types
+
+Detailed issue objects describing specific validation failures.
+
+```typescript { .api }
+/**
+ * Base interface for all validation issues
+ */
+interface ZodIssue {
+  /** Type of validation issue */
+  code: ZodIssueCode;
+  /** Path to the field that failed validation */
+  path: (string | number)[];
+  /** Error message */
+  message?: string;
+  /** Whether this issue is fatal (stops further validation) */
+  fatal?: boolean;
+}
+
+/**
+ * Enumeration of all possible issue codes
+ */
+enum ZodIssueCode {
+  invalid_type = "invalid_type",
+  invalid_literal = "invalid_literal", 
+  custom = "custom",
+  invalid_union = "invalid_union",
+  invalid_union_discriminator = "invalid_union_discriminator",
+  invalid_enum_value = "invalid_enum_value",
+  unrecognized_keys = "unrecognized_keys",
+  invalid_arguments = "invalid_arguments",
+  invalid_return_type = "invalid_return_type",
+  invalid_date = "invalid_date",
+  invalid_string = "invalid_string",
+  too_small = "too_small",
+  too_big = "too_big",
+  invalid_intersection_types = "invalid_intersection_types",
+  not_multiple_of = "not_multiple_of",
+  not_finite = "not_finite",
+}
+
+/**
+ * Specific issue types with additional properties
+ */
+interface ZodInvalidTypeIssue extends ZodIssue {
+  code: ZodIssueCode.invalid_type;
+  expected: ZodParsedType;
+  received: ZodParsedType;
+}
+
+interface ZodTooSmallIssue extends ZodIssue {
+  code: ZodIssueCode.too_small;
+  minimum: number | bigint;
+  inclusive: boolean;
+  exact?: boolean;
+  type: 'array' | 'string' | 'number' | 'set' | 'date' | 'bigint';
+}
+
+interface ZodTooBigIssue extends ZodIssue {
+  code: ZodIssueCode.too_big;
+  maximum: number | bigint;
+  inclusive: boolean;
+  exact?: boolean;
+  type: 'array' | 'string' | 'number' | 'set' | 'date' | 'bigint';
+}
+
+interface ZodInvalidStringIssue extends ZodIssue {
+  code: ZodIssueCode.invalid_string;
+  validation: StringValidation;
+}
+
+interface ZodCustomIssue extends ZodIssue {
+  code: ZodIssueCode.custom;
+  params?: { [k: string]: any };
+}
+```
+
+**Usage Examples:**
+```typescript
+// Analyzing specific issue types
+function analyzeValidationError(error: z.ZodError) {
+  error.issues.forEach(issue => {
+    console.log(`Path: ${issue.path.join('.')}`);
+    
+    switch (issue.code) {
+      case z.ZodIssueCode.invalid_type:
+        const typeIssue = issue as z.ZodInvalidTypeIssue;
+        console.log(`Expected ${typeIssue.expected}, got ${typeIssue.received}`);
+        break;
+        
+      case z.ZodIssueCode.too_small:
+        const sizeIssue = issue as z.ZodTooSmallIssue;
+        console.log(`Value too small: minimum ${sizeIssue.minimum} (${sizeIssue.type})`);
+        break;
+        
+      case z.ZodIssueCode.invalid_string:
+        const stringIssue = issue as z.ZodInvalidStringIssue;
+        console.log(`Invalid string format: ${stringIssue.validation}`);
+        break;
+        
+      case z.ZodIssueCode.custom:
+        const customIssue = issue as z.ZodCustomIssue;
+        console.log(`Custom validation failed: ${customIssue.message}`);
+        if (customIssue.params) {
+          console.log('Additional params:', customIssue.params);
+        }
+        break;
+        
+      default:
+        console.log(`Validation issue: ${issue.message}`);
+    }
+  });
+}
+
+// Creating custom issues
+const customSchema = z.string().superRefine((val, ctx) => {
+  if (val.includes('forbidden')) {
+    ctx.addIssue({
+      code: z.ZodIssueCode.custom,
+      message: "Contains forbidden content",
+      params: { 
+        forbiddenWord: 'forbidden',
+        severity: 'high'
+      }
+    });
+  }
+  
+  if (val.length > 100) {
+    ctx.addIssue({
+      code: z.ZodIssueCode.too_big,
+      type: 'string',
+      maximum: 100,
+      inclusive: false,
+      message: "Text is too long"
+    });
+  }
+});
+```
+
+### Error Formatting
+
+Methods to format validation errors for different use cases like forms, APIs, and user interfaces.
+
+```typescript { .api }
+/**
+ * Formatted error as nested object structure
+ */
+interface ZodFormattedError<T, U = string> {
+  _errors: U[];
+  [K in keyof T]?: T[K] extends object 
+    ? ZodFormattedError<T[K], U>
+    : { _errors: U[] };
+}
+
+/**
+ * Flattened error structure for forms
+ */
+interface ZodFlattened<T, U = string> {
+  /** Field-specific errors */
+  fieldErrors: {
+    [K in keyof T]?: U[];
+  };
+  /** Form-level errors */
+  formErrors: U[];
+}
+
+/**
+ * Format errors as nested object
+ */
+class ZodError {
+  format<U = string>(mapper?: (issue: ZodIssue) => U): ZodFormattedError<T, U>;
+}
+
+/**
+ * Format errors as flat structure
+ */
+class ZodError {
+  flatten<U = string>(mapper?: (issue: ZodIssue) => U): ZodFlattened<T, U>;
+}
+```
+
+**Usage Examples:**
+```typescript
+// Nested error formatting
+const nestedSchema = z.object({
+  user: z.object({
+    profile: z.object({
+      name: z.string().min(2),
+      email: z.string().email()
+    }),
+    settings: z.object({
+      theme: z.enum(['light', 'dark']),
+      notifications: z.boolean()
+    })
+  }),
+  posts: z.array(z.object({
+    title: z.string().min(1),
+    content: z.string().min(10)
+  }))
+});
+
+const result = nestedSchema.safeParse({
+  user: {
+    profile: {
+      name: "A",           // Too short
+      email: "invalid"     // Invalid email
+    },
+    settings: {
+      theme: "blue",       // Invalid enum
+      notifications: "yes" // Invalid type
+    }
+  },
+  posts: [
+    { title: "", content: "Short" } // Title empty, content too short
+  ]
+});
+
+if (!result.success) {
+  // Nested format preserves structure
+  const formatted = result.error.format();
+  console.log(formatted.user.profile.name._errors);     // ["String must contain at least 2 character(s)"]
+  console.log(formatted.user.profile.email._errors);    // ["Invalid email"]
+  console.log(formatted.user.settings.theme._errors);   // ["Invalid enum value..."]
+  console.log(formatted.posts?.[0]?.title._errors);     // ["String must contain at least 1 character(s)"]
+  
+  // Flatten for form handling
+  const flattened = result.error.flatten();
+  console.log(flattened.fieldErrors);
+  // {
+  //   "user.profile.name": ["String must contain at least 2 character(s)"],
+  //   "user.profile.email": ["Invalid email"],
+  //   "user.settings.theme": ["Invalid enum value..."],
+  //   "posts.0.title": ["String must contain at least 1 character(s)"],
+  //   ...
+  // }
+}
+
+// Custom error mapping
+const customFormatted = result.error?.format((issue) => ({
+  message: issue.message,
+  code: issue.code,
+  path: issue.path.join('.')
+}));
+
+const customFlattened = result.error?.flatten((issue) => 
+  `${issue.path.join('.')}: ${issue.message}`
+);
+
+// React form integration example
+function FormErrorDisplay({ error }: { error: z.ZodError }) {
+  const fieldErrors = error.flatten().fieldErrors;
+  
+  return (
+    <div className="error-summary">
+      {Object.entries(fieldErrors).map(([field, messages]) => (
+        <div key={field} className="field-error">
+          <strong>{field}:</strong>
+          <ul>
+            {messages?.map((message, index) => (
+              <li key={index}>{message}</li>
+            ))}
+          </ul>
+        </div>
+      ))}
+    </div>
+  );
+}
+```
+
+### Custom Error Messages
+
+System for customizing error messages with error maps and localization support.
+
+```typescript { .api }
+/**
+ * Function to map validation issues to custom error messages
+ */
+type ZodErrorMap = (issue: ZodIssueOptionalMessage, ctx: ErrorMapCtx) => { message: string };
+
+interface ZodIssueOptionalMessage extends Omit<ZodIssue, 'message'> {
+  message?: string;
+}
+
+interface ErrorMapCtx {
+  /** Default error message */
+  defaultError: string;
+  /** Input data being validated */
+  data: any;
+}
+
+/**
+ * Set global error map
+ */
+function setErrorMap(map: ZodErrorMap): void;
+
+/**
+ * Get current error map
+ */
+function getErrorMap(): ZodErrorMap;
+
+/**
+ * Default error map
+ */
+const defaultErrorMap: ZodErrorMap;
+```
+
+**Usage Examples:**
+```typescript
+// Custom error map for localization
+const spanishErrorMap: z.ZodErrorMap = (issue, ctx) => {
+  switch (issue.code) {
+    case z.ZodIssueCode.invalid_type:
+      if (issue.expected === 'string') {
+        return { message: "Debe ser una cadena de texto" };
+      }
+      if (issue.expected === 'number') {
+        return { message: "Debe ser un número" };
+      }
+      break;
+      
+    case z.ZodIssueCode.too_small:
+      if (issue.type === 'string') {
+        return { message: `Debe tener al menos ${issue.minimum} caracteres` };
+      }
+      if (issue.type === 'number') {
+        return { message: `Debe ser mayor o igual a ${issue.minimum}` };
+      }
+      break;
+      
+    case z.ZodIssueCode.invalid_string:
+      if (issue.validation === 'email') {
+        return { message: "Formato de correo electrónico inválido" };
+      }
+      break;
+      
+    default:
+      return { message: ctx.defaultError };
+  }
+  return { message: ctx.defaultError };
+};
+
+// Set global error map
+z.setErrorMap(spanishErrorMap);
+
+// Schema-specific error handling
+const userSchema = z.object({
+  email: z.string().email(),
+  age: z.number().min(18)
+});
+
+// Now all validations use Spanish messages
+const result = userSchema.safeParse({ email: "invalid", age: 16 });
+// Messages will be in Spanish
+
+// Temporary error map for specific validation
+const result2 = userSchema.safeParse(
+  { email: "invalid", age: 16 },
+  { errorMap: spanishErrorMap }
+);
+
+// Context-aware error messages
+const contextualErrorMap: z.ZodErrorMap = (issue, ctx) => {
+  // Access the data being validated
+  if (issue.code === z.ZodIssueCode.custom && ctx.data?.userType === 'admin') {
+    return { message: "Administrative validation failed" };
+  }
+  
+  // Path-specific messages
+  const path = issue.path.join('.');
+  if (path === 'user.email' && issue.code === z.ZodIssueCode.invalid_string) {
+    return { message: "Please provide a valid business email address" };
+  }
+  
+  return { message: ctx.defaultError };
+};
+
+// Advanced error customization
+const fieldSpecificErrors = z.object({
+  username: z.string().min(3, "Username must be at least 3 characters"),
+  password: z.string().min(8, "Password must be at least 8 characters"), 
+  email: z.string().email("Please enter a valid email address")
+});
+
+// Conditional error messages
+const conditionalSchema = z.string().superRefine((val, ctx) => {
+  if (val.length < 5) {
+    ctx.addIssue({
+      code: z.ZodIssueCode.too_small,
+      minimum: 5,
+      type: 'string',
+      inclusive: true,
+      message: val.length === 0 
+        ? "This field is required"
+        : `Need ${5 - val.length} more characters`
+    });
+  }
+});
+```
+
+## Advanced Error Handling Patterns
+
+**Error Aggregation and Recovery:**
+```typescript
+// Collecting and handling multiple validation errors
+async function validateMultipleInputs(inputs: unknown[]) {
+  const results = await Promise.all(
+    inputs.map(async (input, index) => {
+      try {
+        const validated = await userSchema.parseAsync(input);
+        return { success: true, data: validated, index };
+      } catch (error) {
+        if (error instanceof z.ZodError) {
+          return { success: false, error, index };
+        }
+        throw error; // Re-throw non-Zod errors
+      }
+    })
+  );
+  
+  const successful = results.filter(r => r.success);
+  const failed = results.filter(r => !r.success);
+  
+  return { successful, failed };
+}
+
+// Error transformation for API responses
+function transformErrorForAPI(error: z.ZodError) {
+  return {
+    status: 'validation_failed',
+    errors: error.issues.map(issue => ({
+      field: issue.path.join('.'),
+      message: issue.message,
+      code: issue.code,
+      value: issue.path.length > 0 ? getNestedValue(error, issue.path) : undefined
+    }))
+  };
+}
+
+// Error logging and monitoring
+function logValidationError(error: z.ZodError, context: Record<string, any>) {
+  const errorInfo = {
+    timestamp: new Date().toISOString(),
+    errorType: 'validation',
+    issueCount: error.issues.length,
+    issues: error.issues.map(issue => ({
+      code: issue.code,
+      path: issue.path,
+      message: issue.message
+    })),
+    context
+  };
+  
+  // Send to logging service
+  console.error('Validation Error:', errorInfo);
+}
+```
+
+**Type-Safe Error Handling:**
+```typescript
+// Utility for type-safe error handling
+function handleZodError<T>(
+  result: z.SafeParseReturnType<unknown, T>
+): T | never {
+  if (result.success) {
+    return result.data;
+  }
+  
+  // Custom error processing
+  const formattedError = result.error.flatten();
+  throw new ValidationError(
+    'Input validation failed',
+    formattedError.fieldErrors,
+    formattedError.formErrors
+  );
+}
+
+class ValidationError extends Error {
+  constructor(
+    message: string,
+    public fieldErrors: Record<string, string[]>,
+    public formErrors: string[]
+  ) {
+    super(message);
+    this.name = 'ValidationError';
+  }
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-zod/docs/index.md b/.tessl/tiles/tessl/npm-zod/docs/index.md
new file mode 100644
index 000000000..01e65a7d4
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-zod/docs/index.md
@@ -0,0 +1,363 @@
+# Zod
+
+Zod is a TypeScript-first schema declaration and validation library with static type inference. It enables developers to define schemas declaratively and validate data at runtime while maintaining full TypeScript type safety. The library features zero dependencies, immutable API design, and comprehensive validation capabilities including primitives, objects, arrays, unions, intersections, refinements, and transformations.
+
+## Package Information
+
+- **Package Name**: zod
+- **Package Type**: npm
+- **Language**: TypeScript
+- **Installation**: `npm install zod`
+
+## Core Imports
+
+```typescript
+import { z } from "zod";
+```
+
+Default import (namespace):
+
+```typescript
+import z from "zod";
+```
+
+CommonJS:
+
+```javascript
+const { z } = require("zod");
+```
+
+Named imports:
+
+```typescript
+import { z, ZodError, ZodSchema } from "zod";
+```
+
+## Basic Usage
+
+```typescript
+import { z } from "zod";
+
+// Define a schema
+const UserSchema = z.object({
+  name: z.string(),
+  email: z.string().email(),
+  age: z.number().min(18),
+  isActive: z.boolean().optional(),
+});
+
+// Parse data (throws on invalid)
+const user = UserSchema.parse({
+  name: "Alice",
+  email: "alice@example.com", 
+  age: 25,
+});
+
+// Safe parse (returns result object)
+const result = UserSchema.safeParse({
+  name: "Bob",
+  email: "invalid-email",
+  age: 16,
+});
+
+if (result.success) {
+  console.log(result.data);
+} else {
+  console.log(result.error.issues);
+}
+
+// Type inference
+type User = z.infer<typeof UserSchema>;
+```
+
+## Architecture
+
+Zod is built around several key architectural concepts:
+
+- **ZodType Base Class**: All schemas inherit from the abstract `ZodType` class providing common validation and transformation methods
+- **Immutable API**: All schema operations return new schema instances rather than modifying existing ones
+- **Type Inference**: TypeScript types are automatically inferred from schema definitions using conditional types
+- **Parse vs SafeParse**: Two validation patterns - throwing exceptions or returning result objects
+- **Composable Schemas**: Schemas can be combined using unions, intersections, objects, arrays, and transformations
+- **Lazy Evaluation**: Complex recursive schemas supported through lazy evaluation
+- **Error Aggregation**: Comprehensive error reporting with detailed issue tracking and customizable error messages
+
+## Capabilities
+
+### Primitive Schemas
+
+Core primitive type schemas for basic data validation including strings, numbers, booleans, dates, and special types.
+
+```typescript { .api }
+function string(params?: RawCreateParams): ZodString;
+function number(params?: RawCreateParams): ZodNumber;
+function boolean(params?: RawCreateParams): ZodBoolean;
+function bigint(params?: RawCreateParams): ZodBigInt;
+function date(params?: RawCreateParams): ZodDate;
+function symbol(params?: RawCreateParams): ZodSymbol;
+function undefined(params?: RawCreateParams): ZodUndefined;
+function null(params?: RawCreateParams): ZodNull;
+function any(params?: RawCreateParams): ZodAny;
+function unknown(params?: RawCreateParams): ZodUnknown;
+function never(params?: RawCreateParams): ZodNever;
+function void(params?: RawCreateParams): ZodVoid;
+function nan(params?: RawCreateParams): ZodNaN;
+```
+
+[Primitive Schemas](./primitives.md)
+
+### Object and Array Schemas
+
+Schema types for structured data including objects, arrays, tuples, records, maps, and sets.
+
+```typescript { .api }
+function object<T extends ZodRawShape>(
+  shape: T,
+  params?: RawCreateParams
+): ZodObject<T>;
+function array<T extends ZodTypeAny>(
+  schema: T,
+  params?: RawCreateParams
+): ZodArray<T>;
+function tuple<T extends readonly [ZodTypeAny, ...ZodTypeAny[]]>(
+  items: T,
+  params?: RawCreateParams
+): ZodTuple<T>;
+function record<Value extends ZodTypeAny>(
+  valueType: Value,
+  params?: RawCreateParams
+): ZodRecord<ZodString, Value>;
+function map<Key extends ZodTypeAny, Value extends ZodTypeAny>(
+  keyType: Key,
+  valueType: Value
+): ZodMap<Key, Value>;
+function set<Value extends ZodTypeAny>(
+  valueType: Value,
+  params?: RawCreateParams
+): ZodSet<Value>;
+```
+
+[Object and Array Schemas](./objects-arrays.md)
+
+### Union and Intersection Types
+
+Schema types for combining multiple schemas including unions, discriminated unions, and intersections.
+
+```typescript { .api }
+function union<T extends readonly [ZodTypeAny, ZodTypeAny, ...ZodTypeAny[]]>(
+  types: T
+): ZodUnion<T>;
+function discriminatedUnion<
+  Discriminator extends string,
+  Types extends [ZodDiscriminatedUnionOption<Discriminator>, ...ZodDiscriminatedUnionOption<Discriminator>[]]
+>(
+  discriminator: Discriminator,
+  types: Types
+): ZodDiscriminatedUnion<Discriminator, Types>;
+function intersection<T extends ZodTypeAny, U extends ZodTypeAny>(
+  left: T,
+  right: U
+): ZodIntersection<T, U>;
+```
+
+[Union and Intersection Types](./unions-intersections.md)
+
+### Literal and Enum Types
+
+Schema types for exact values and enumerated types including literals, enums, and native enums.
+
+```typescript { .api }
+function literal<T extends Primitive>(value: T): ZodLiteral<T>;
+function enum<T extends readonly [string, ...string[]]>(
+  values: T,
+  params?: RawCreateParams
+): ZodEnum<T>;
+function nativeEnum<T extends EnumLike>(
+  enumObject: T,
+  params?: RawCreateParams
+): ZodNativeEnum<T>;
+```
+
+[Literal and Enum Types](./literals-enums.md)
+
+### Advanced Schema Types
+
+Advanced schema types for functions, promises, lazy evaluation, and custom validation.
+
+```typescript { .api }
+function function<
+  Args extends ZodTuple<any, any> = ZodTuple<[], null>,
+  Returns extends ZodTypeAny = ZodUnknown
+>(
+  args?: Args,
+  returns?: Returns
+): ZodFunction<Args, Returns>;
+function promise<T extends ZodTypeAny>(schema: T): ZodPromise<T>;
+function lazy<T extends ZodTypeAny>(getter: () => T): ZodLazy<T>;
+function custom<T>(
+  check: (data: unknown) => any,
+  params?: CustomParams
+): ZodType<T>;
+```
+
+[Advanced Schema Types](./advanced-schemas.md)
+
+### Schema Modifiers
+
+Modifier schemas for making types optional, nullable, with defaults, and other transformations.
+
+```typescript { .api }
+function optional<T extends ZodTypeAny>(type: T): ZodOptional<T>;
+function nullable<T extends ZodTypeAny>(type: T): ZodNullable<T>;
+```
+
+[Schema Modifiers](./modifiers.md)
+
+### Validation and Parsing
+
+Core validation methods available on all schema types for parsing data and handling validation results.
+
+```typescript { .api }
+abstract class ZodType<Output, Def extends ZodTypeDef, Input> {
+  parse(data: unknown): Output;
+  safeParse(data: unknown): SafeParseReturnType<Input, Output>;
+  parseAsync(data: unknown): Promise<Output>;
+  safeParseAsync(data: unknown): Promise<SafeParseReturnType<Input, Output>>;
+}
+
+type SafeParseReturnType<Input, Output> = SafeParseSuccess<Output> | SafeParseError<Input>;
+
+interface SafeParseSuccess<Output> {
+  success: true;
+  data: Output;
+}
+
+interface SafeParseError<Input> {
+  success: false;
+  error: ZodError<Input>;
+}
+```
+
+[Validation and Parsing](./validation.md)
+
+### Schema Transformation
+
+Methods for transforming and refining schemas including custom validation, data transformation, and schema composition.
+
+```typescript { .api }
+abstract class ZodType<Output, Def extends ZodTypeDef, Input> {
+  refine<T>(
+    check: (data: T) => any,
+    message?: string | CustomErrorParams | ((data: T) => CustomErrorParams)
+  ): ZodEffects<this, T>;
+  superRefine<T>(
+    refinement: (data: T, ctx: RefinementCtx) => void | Promise<void>
+  ): ZodEffects<this, T>;
+  transform<U>(transform: (data: Output) => U | Promise<U>): ZodEffects<this, U>;
+  default(def: Output): ZodDefault<this>;
+  catch(def: Output): ZodCatch<this>;
+  optional(): ZodOptional<this>;
+  nullable(): ZodNullable<this>;
+  nullish(): ZodOptional<ZodNullable<this>>;
+  pipe<T extends ZodTypeAny>(destination: T): ZodPipeline<this, T>;
+  brand<B extends string | number | symbol>(): ZodBranded<this, B>;
+  readonly(): ZodReadonly<this>;
+}
+```
+
+[Schema Transformation](./transformations.md)
+
+### Error Handling
+
+Comprehensive error handling system with detailed issue tracking, custom error messages, and error formatting.
+
+```typescript { .api }
+class ZodError<T = any> extends Error {
+  issues: ZodIssue[];
+  
+  constructor(issues: ZodIssue[]);
+  format(): ZodFormattedError<T>;
+  flatten(): ZodFlattenedError<T>;
+  toString(): string;
+  
+  static create(issues: ZodIssue[]): ZodError;
+}
+
+type ZodIssue = 
+  | ZodInvalidTypeIssue
+  | ZodInvalidLiteralIssue
+  | ZodUnrecognizedKeysIssue
+  | ZodInvalidUnionIssue
+  | ZodInvalidEnumValueIssue
+  | ZodInvalidArgumentsIssue
+  | ZodInvalidReturnTypeIssue
+  | ZodInvalidDateIssue
+  | ZodInvalidStringIssue
+  | ZodTooSmallIssue
+  | ZodTooBigIssue
+  | ZodInvalidIntersectionTypesIssue
+  | ZodNotMultipleOfIssue
+  | ZodNotFiniteIssue
+  | ZodCustomIssue;
+```
+
+[Error Handling](./errors.md)
+
+### Utility Functions
+
+Utility functions for coercion, preprocessing, and other common operations.
+
+```typescript { .api }
+const coerce: {
+  string(params?: RawCreateParams): ZodString;
+  number(params?: RawCreateParams): ZodNumber;
+  boolean(params?: RawCreateParams): ZodBoolean;
+  bigint(params?: RawCreateParams): ZodBigInt;
+  date(params?: RawCreateParams): ZodDate;
+};
+
+function preprocess<T extends ZodTypeAny>(
+  preprocess: (arg: unknown) => unknown,
+  schema: T
+): ZodEffects<T>;
+
+function instanceof<T extends typeof Class>(
+  cls: T,
+  params?: CustomParams
+): ZodType<InstanceType<T>>;
+```
+
+[Utility Functions](./utilities.md)
+
+## Types
+
+```typescript { .api }
+// Core types
+type ZodTypeAny = ZodType<any, any, any>;
+type ZodRawShape = { [k: string]: ZodTypeAny };
+type TypeOf<T extends ZodType<any, any, any>> = T["_output"];
+type input<T extends ZodType<any, any, any>> = T["_input"];
+type output<T extends ZodType<any, any, any>> = T["_output"];
+type infer<T extends ZodType<any, any, any>> = T["_output"];
+
+// Schema creation parameters
+type RawCreateParams = {
+  errorMap?: ZodErrorMap;
+  invalid_type_error?: string;
+  required_error?: string;
+  message?: string;
+  description?: string;
+} | undefined;
+
+// Refinement context
+interface RefinementCtx {
+  addIssue: (arg: IssueData) => void;
+  path: (string | number)[];
+}
+
+// Type definition base
+interface ZodTypeDef {
+  errorMap?: ZodErrorMap;
+  description?: string;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-zod/docs/literals-enums.md b/.tessl/tiles/tessl/npm-zod/docs/literals-enums.md
new file mode 100644
index 000000000..0a0e2a6e2
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-zod/docs/literals-enums.md
@@ -0,0 +1,272 @@
+# Literal and Enum Types
+
+Schema types for exact values and enumerated types including literals, enums, and native enums. These schemas provide precise type validation for known value sets.
+
+## Capabilities
+
+### Literal Schema
+
+Validates exact primitive values with strict equality checking.
+
+```typescript { .api }
+/**
+ * Creates a literal schema that validates exact primitive values
+ * @param value - The exact value to validate against
+ * @returns ZodLiteral schema instance
+ */
+function literal<T extends Primitive>(value: T): ZodLiteral<T>;
+
+class ZodLiteral<T> extends ZodType<T, ZodLiteralDef<T>, T> {
+  /** Access to the literal value */
+  value: T;
+}
+
+type Primitive = string | number | boolean | bigint | symbol | null | undefined;
+```
+
+**Usage Examples:**
+
+```typescript
+import { z } from "zod";
+
+// String literals
+const yesSchema = z.literal("yes");
+const yes = yesSchema.parse("yes"); // Type: "yes"
+
+// Number literals
+const answerSchema = z.literal(42);
+const answer = answerSchema.parse(42); // Type: 42
+
+// Boolean literals
+const trueSchema = z.literal(true);
+const isTrue = trueSchema.parse(true); // Type: true
+
+// Combined with unions for multiple literals
+const statusSchema = z.union([
+  z.literal("pending"),
+  z.literal("approved"),
+  z.literal("rejected"),
+]);
+```
+
+### Enum Schema
+
+Validates against a predefined set of string values with TypeScript enum-like behavior.
+
+```typescript { .api }
+/**
+ * Creates an enum schema from an array of string values
+ * @param values - Array of allowed string values (must have at least one)
+ * @param params - Optional error handling and validation parameters
+ * @returns ZodEnum schema instance
+ */
+function enum<T extends readonly [string, ...string[]]>(
+  values: T,
+  params?: RawCreateParams
+): ZodEnum<T>;
+
+class ZodEnum<T extends [string, ...string[]]> extends ZodType<
+  T[number],
+  ZodEnumDef<T>,
+  T[number]
+> {
+  /** Access to the enum values */
+  options: T;
+  /** Alias for options */
+  enum: Values<T>;
+  
+  /** Extract specific values from the enum */
+  extract<U extends readonly [T[number], ...T[number][]]>(
+    values: U
+  ): ZodEnum<U>;
+  
+  /** Exclude specific values from the enum */
+  exclude<U extends readonly [T[number], ...T[number][]]>(
+    values: U
+  ): ZodEnum<Exclude<T[number], U[number]>[]>;
+}
+
+type Values<T extends EnumValues> = {
+  [k in T[number]]: k;
+};
+
+type EnumValues<T extends string = string> = readonly [T, ...T[]];
+```
+
+**Usage Examples:**
+
+```typescript
+import { z } from "zod";
+
+// Basic enum
+const colorSchema = z.enum(["red", "green", "blue"]);
+const color = colorSchema.parse("red"); // Type: "red" | "green" | "blue"
+
+// Access enum values
+colorSchema.enum.red; // "red"
+colorSchema.options; // ["red", "green", "blue"]
+
+// Extract subset of enum
+const primaryColorsSchema = colorSchema.extract(["red", "blue"]);
+
+// Exclude values from enum  
+const nonRedColorsSchema = colorSchema.exclude(["red"]);
+
+// Use with objects
+const userSchema = z.object({
+  name: z.string(),
+  role: z.enum(["admin", "user", "moderator"]),
+  status: z.enum(["active", "inactive", "pending"]),
+});
+```
+
+### Native Enum Schema
+
+Validates against TypeScript/JavaScript native enum objects.
+
+```typescript { .api }
+/**
+ * Creates a schema that validates against TypeScript native enum values
+ * @param enumObject - Native enum object to validate against
+ * @param params - Optional error handling and validation parameters
+ * @returns ZodNativeEnum schema instance
+ */
+function nativeEnum<T extends EnumLike>(
+  enumObject: T,
+  params?: RawCreateParams
+): ZodNativeEnum<T>;
+
+class ZodNativeEnum<T extends EnumLike> extends ZodType<
+  T[keyof T],
+  ZodNativeEnumDef<T>,
+  T[keyof T]
+> {
+  /** Access to the native enum object */
+  enum: T;
+}
+
+type EnumLike = { [k: string]: string | number; [nu: number]: string };
+```
+
+**Usage Examples:**
+
+```typescript
+import { z } from "zod";
+
+// Numeric enum
+enum Status {
+  PENDING = 0,
+  APPROVED = 1,
+  REJECTED = 2,
+}
+
+const statusSchema = z.nativeEnum(Status);
+const status = statusSchema.parse(Status.APPROVED); // Type: Status
+const statusValue = statusSchema.parse(1); // Also valid, Type: Status
+
+// String enum
+enum Color {
+  RED = "red",
+  GREEN = "green", 
+  BLUE = "blue",
+}
+
+const colorSchema = z.nativeEnum(Color);
+const color = colorSchema.parse(Color.RED); // Type: Color
+const colorValue = colorSchema.parse("red"); // Also valid, Type: Color
+
+// Mixed enum
+enum MixedEnum {
+  A = "a",
+  B = 1,
+  C = "c",
+}
+
+const mixedSchema = z.nativeEnum(MixedEnum);
+```
+
+## Usage Patterns
+
+### Enum vs Literal vs Union
+
+```typescript
+import { z } from "zod";
+
+// For a single exact value - use literal
+const confirmSchema = z.literal("confirmed");
+
+// For multiple related string values - use enum  
+const prioritySchema = z.enum(["low", "medium", "high"]);
+
+// For heterogeneous values or complex logic - use union
+const mixedValueSchema = z.union([
+  z.literal("auto"),
+  z.number().positive(),
+  z.boolean(),
+]);
+
+// For existing TypeScript enums - use nativeEnum
+enum Priority {
+  LOW = "low",
+  MEDIUM = "medium", 
+  HIGH = "high",
+}
+const nativePrioritySchema = z.nativeEnum(Priority);
+```
+
+### Building Complex Schemas
+
+```typescript
+import { z } from "zod";
+
+// Discriminated union with enums
+const actionSchema = z.discriminatedUnion("type", [
+  z.object({
+    type: z.literal("USER_LOGIN"),
+    payload: z.object({
+      userId: z.string(),
+      timestamp: z.date(),
+    }),
+  }),
+  z.object({
+    type: z.literal("USER_LOGOUT"),
+    payload: z.object({
+      userId: z.string(),
+    }),
+  }),
+]);
+
+// Configuration with enums and literals
+const configSchema = z.object({
+  environment: z.enum(["development", "staging", "production"]),
+  logLevel: z.enum(["debug", "info", "warn", "error"]),
+  enableCache: z.boolean().default(true),
+  apiVersion: z.literal("v1"),
+});
+```
+
+## Types
+
+```typescript { .api }
+interface ZodLiteralDef<T = any> extends ZodTypeDef {
+  value: T;
+}
+
+interface ZodEnumDef<T extends EnumValues = EnumValues> extends ZodTypeDef {
+  values: T;
+}
+
+interface ZodNativeEnumDef<T extends EnumLike = EnumLike> extends ZodTypeDef {
+  values: T;
+}
+
+type Writeable<T> = { -readonly [P in keyof T]: T[P] };
+
+type FilterEnum<Values, ToExclude> = Values extends []
+  ? []
+  : Values extends [infer Head, ...infer Rest]
+  ? Head extends ToExclude
+    ? FilterEnum<Rest, ToExclude>
+    : [Head, ...FilterEnum<Rest, ToExclude>]
+  : never;
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-zod/docs/modifiers.md b/.tessl/tiles/tessl/npm-zod/docs/modifiers.md
new file mode 100644
index 000000000..66e42071d
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-zod/docs/modifiers.md
@@ -0,0 +1,408 @@
+# Schema Modifiers
+
+Schema modification methods that wrap or enhance base schemas with additional behavior like optional values, defaults, error handling, type branding, and immutability. These modifiers create new schema instances while preserving the original schema's validation logic.
+
+## Capabilities
+
+### Optional Schema
+
+Makes a schema accept `undefined` values, creating an optional field type.
+
+```typescript { .api }
+/**
+ * Creates an optional schema that accepts undefined
+ * @param schema - The base schema to make optional
+ * @returns ZodOptional schema instance
+ */
+function optional<T extends ZodTypeAny>(schema: T): ZodOptional<T>;
+
+class ZodOptional<T extends ZodTypeAny> extends ZodType<
+  T['_output'] | undefined,
+  ZodOptionalDef<T>,
+  T['_input'] | undefined
+> {
+  /** Get the underlying wrapped schema */
+  unwrap(): T;
+}
+
+// Method on all schemas
+class ZodType {
+  /** Make this schema optional */
+  optional(): ZodOptional<this>;
+}
+```
+
+**Usage Examples:**
+```typescript
+// Creating optional schemas
+const optionalString = z.optional(z.string());
+const optionalNumber = z.string().optional();
+
+// Type inference
+type OptionalString = z.infer<typeof optionalString>; // string | undefined
+type OptionalNumber = z.infer<typeof optionalNumber>; // string | undefined
+
+// Validation
+optionalString.parse("hello");     // "hello"
+optionalString.parse(undefined);   // undefined
+optionalNumber.parse(undefined);   // undefined
+
+// Unwrapping
+const baseSchema = optionalString.unwrap(); // ZodString
+```
+
+### Nullable Schema
+
+Makes a schema accept `null` values, creating a nullable type.
+
+```typescript { .api }
+/**
+ * Creates a nullable schema that accepts null
+ * @param schema - The base schema to make nullable
+ * @returns ZodNullable schema instance
+ */
+function nullable<T extends ZodTypeAny>(schema: T): ZodNullable<T>;
+
+class ZodNullable<T extends ZodTypeAny> extends ZodType<
+  T['_output'] | null,
+  ZodNullableDef<T>,
+  T['_input'] | null
+> {
+  /** Get the underlying wrapped schema */
+  unwrap(): T;
+}
+
+// Method on all schemas
+class ZodType {
+  /** Make this schema nullable */
+  nullable(): ZodNullable<this>;
+  
+  /** Make this schema both optional and nullable */
+  nullish(): ZodOptional<ZodNullable<this>>;
+}
+```
+
+**Usage Examples:**
+```typescript
+// Creating nullable schemas
+const nullableString = z.nullable(z.string());
+const nullableNumber = z.number().nullable();
+const nullishBoolean = z.boolean().nullish(); // optional AND nullable
+
+// Type inference
+type NullableString = z.infer<typeof nullableString>; // string | null
+type NullableNumber = z.infer<typeof nullableNumber>; // number | null
+type NullishBoolean = z.infer<typeof nullishBoolean>; // boolean | null | undefined
+
+// Validation
+nullableString.parse("hello");     // "hello"
+nullableString.parse(null);        // null
+nullishBoolean.parse(true);        // true
+nullishBoolean.parse(null);        // null
+nullishBoolean.parse(undefined);   // undefined
+```
+
+### Default Schema
+
+Provides a default value when the input is `undefined`.
+
+```typescript { .api }
+/**
+ * Creates a schema with a default value
+ * @param defaultValue - The default value to use when input is undefined
+ * @returns ZodDefault schema instance
+ */
+class ZodType {
+  default<T>(defaultValue: util.noUndefined<T['_output']> | (() => util.noUndefined<T['_output']>)): ZodDefault<T>;
+}
+
+class ZodDefault<T extends ZodTypeAny> extends ZodType<
+  util.noUndefined<T['_output']>,
+  ZodDefaultDef<T>,
+  T['_input'] | undefined
+> {
+  /** Remove the default value, returning the underlying schema wrapped in ZodOptional */
+  removeDefault(): ZodOptional<T>;
+}
+```
+
+**Usage Examples:**
+```typescript
+// Creating schemas with defaults
+const stringWithDefault = z.string().default("hello");
+const numberWithDefault = z.number().default(42);
+const dynamicDefault = z.string().default(() => new Date().toISOString());
+
+// Type inference
+type StringWithDefault = z.infer<typeof stringWithDefault>; // string (never undefined)
+type NumberWithDefault = z.infer<typeof numberWithDefault>; // number
+
+// Validation - undefined inputs get default value
+stringWithDefault.parse(undefined);    // "hello"
+stringWithDefault.parse("world");      // "world"
+numberWithDefault.parse(undefined);    // 42
+numberWithDefault.parse(100);          // 100
+
+// Dynamic defaults are called each time
+dynamicDefault.parse(undefined);       // "2023-10-15T14:30:00.000Z"
+
+// Removing defaults
+const optionalString = stringWithDefault.removeDefault(); // ZodOptional<ZodString>
+```
+
+### Catch Schema
+
+Provides a fallback value when parsing fails, preventing errors.
+
+```typescript { .api }
+/**
+ * Creates a schema that catches errors and returns a fallback value
+ * @param catchValue - The value to return when parsing fails
+ * @returns ZodCatch schema instance
+ */
+class ZodType {
+  catch<T>(catchValue: T['_output'] | (() => T['_output'])): ZodCatch<T>;
+}
+
+class ZodCatch<T extends ZodTypeAny> extends ZodType<
+  T['_output'],
+  ZodCatchDef<T>,
+  unknown
+> {
+  /** Remove the catch behavior, returning the underlying schema */
+  removeCatch(): T;
+}
+```
+
+**Usage Examples:**
+```typescript
+// Creating schemas with catch values
+const safeString = z.string().catch("fallback");
+const safeNumber = z.number().catch(0);
+const dynamicCatch = z.array(z.string()).catch(() => []);
+
+// Type inference - output type is never undefined since catch provides fallback
+type SafeString = z.infer<typeof safeString>; // string
+type SafeNumber = z.infer<typeof safeNumber>; // number
+
+// Validation - invalid inputs get catch value
+safeString.parse("valid");      // "valid"
+safeString.parse(123);          // "fallback" (invalid input)
+safeNumber.parse(42);           // 42
+safeNumber.parse("invalid");    // 0 (invalid input)
+
+// Dynamic catch values are called each time
+dynamicCatch.parse(["a", "b"]);  // ["a", "b"]
+dynamicCatch.parse("invalid");   // [] (new array each time)
+
+// Removing catch behavior
+const regularString = safeString.removeCatch(); // ZodString
+```
+
+### Branded Schema
+
+Adds a type brand for nominal typing without runtime impact.
+
+```typescript { .api }
+/**
+ * Adds a brand to the schema type for nominal typing
+ * @returns ZodBranded schema instance
+ */
+class ZodType {
+  brand<Brand extends string | number | symbol>(): ZodBranded<T, Brand>;
+}
+
+class ZodBranded<T extends ZodTypeAny, Brand> extends ZodType<
+  T['_output'] & { [k in Brand]: { [k in Brand]: k } },
+  ZodBrandedDef<T, Brand>,
+  T['_input']
+> {}
+
+// Type utility for extracting brand
+type BRAND<T, Brand> = T & { [k in Brand]: { [k in Brand]: k } };
+```
+
+**Usage Examples:**
+```typescript
+// Creating branded types
+const UserId = z.string().brand<"UserId">();
+const ProductId = z.number().brand<"ProductId">();
+const EmailAddress = z.string().email().brand<"Email">();
+
+// Type inference - brands prevent type mixing
+type UserId = z.infer<typeof UserId>;       // string & { UserId: { UserId: "UserId" } }
+type ProductId = z.infer<typeof ProductId>; // number & { ProductId: { ProductId: "ProductId" } }
+type EmailAddress = z.infer<typeof EmailAddress>; // string & { Email: { Email: "Email" } }
+
+// Parsing creates branded values
+const userId = UserId.parse("user_123");           // UserId
+const productId = ProductId.parse(456);            // ProductId  
+const email = EmailAddress.parse("test@test.com"); // EmailAddress
+
+// Type safety - brands prevent mixing
+function getUserData(id: UserId) { /* ... */ }
+function getProductData(id: ProductId) { /* ... */ }
+
+getUserData(userId);      // ✓ Valid
+getUserData(productId);   // ✗ Type error - different brands
+getUserData("string");    // ✗ Type error - not branded
+
+// Runtime behavior is unchanged - no performance impact
+console.log(userId);      // "user_123" (no runtime brand marker)
+console.log(productId);   // 456
+```
+
+### Readonly Schema
+
+Makes the output type readonly, preventing mutations.
+
+```typescript { .api }
+/**
+ * Makes the schema output readonly
+ * @returns ZodReadonly schema instance
+ */
+class ZodType {
+  readonly(): ZodReadonly<T>;
+}
+
+class ZodReadonly<T extends ZodTypeAny> extends ZodType<
+  Readonly<T['_output']>,
+  ZodReadonlyDef<T>,
+  T['_input']
+> {}
+```
+
+**Usage Examples:**
+```typescript
+// Creating readonly schemas
+const readonlyObject = z.object({
+  name: z.string(),
+  age: z.number()
+}).readonly();
+
+const readonlyArray = z.array(z.string()).readonly();
+
+// Type inference - readonly types prevent mutation
+type ReadonlyUser = z.infer<typeof readonlyObject>; 
+// Readonly<{ name: string; age: number }>
+
+type ReadonlyStringArray = z.infer<typeof readonlyArray>; 
+// readonly string[]
+
+// Parsing creates readonly values
+const user = readonlyObject.parse({ name: "John", age: 30 });
+const strings = readonlyArray.parse(["a", "b", "c"]);
+
+// Type safety prevents mutations
+user.name = "Jane";      // ✗ Type error - readonly property
+strings.push("d");       // ✗ Type error - readonly array
+strings[0] = "changed";  // ✗ Type error - readonly elements
+
+// Reading is still allowed
+console.log(user.name);  // ✓ "John"
+console.log(strings[0]); // ✓ "a"
+```
+
+### Pipeline Schema
+
+Chains two schemas where the first's output becomes the second's input.
+
+```typescript { .api }
+/**
+ * Creates a pipeline from source schema to target schema
+ * @param source - The source schema
+ * @param target - The target schema that receives source output
+ * @returns ZodPipeline schema instance
+ */
+function pipeline<A extends ZodTypeAny, B extends ZodTypeAny>(
+  source: A,
+  target: B
+): ZodPipeline<A, B>;
+
+class ZodPipeline<A extends ZodTypeAny, B extends ZodTypeAny> extends ZodType<
+  B['_output'],
+  ZodPipelineDef<A, B>,
+  A['_input']
+> {}
+
+// Method on all schemas
+class ZodType {
+  /** Pipe this schema's output to another schema */
+  pipe<T extends ZodTypeAny>(target: T): ZodPipeline<this, T>;
+}
+```
+
+**Usage Examples:**
+```typescript
+// Creating pipelines
+const stringToNumber = z.string().pipe(z.coerce.number());
+const dateToTimestamp = z.date().pipe(z.number().transform(d => d.getTime()));
+
+// Using pipeline function
+const emailToLowercase = z.pipeline(
+  z.string().email(),
+  z.string().toLowerCase()
+);
+
+// Type inference - input type from first, output type from last
+type StringToNumberInput = z.input<typeof stringToNumber>;   // string
+type StringToNumberOutput = z.output<typeof stringToNumber>; // number
+
+// Multi-stage pipelines
+const complexPipeline = z
+  .string()
+  .transform(s => s.trim())                    // string -> string
+  .pipe(z.string().min(1))                     // validate not empty
+  .pipe(z.string().transform(s => parseInt(s))) // string -> number
+  .pipe(z.number().positive());                // validate positive
+
+// Validation flows through pipeline stages
+stringToNumber.parse("123");        // 123 (string -> number)
+stringToNumber.parse("invalid");    // throws (coercion fails)
+
+emailToLowercase.parse("TEST@EXAMPLE.COM"); // "test@example.com"
+
+complexPipeline.parse("  42  ");    // 42
+complexPipeline.parse("  -5  ");    // throws (negative number)
+complexPipeline.parse("");          // throws (empty after trim)
+```
+
+## Advanced Modifier Combinations
+
+**Combining Multiple Modifiers:**
+```typescript
+// Order matters for some combinations
+const schema = z
+  .string()
+  .optional()           // string | undefined
+  .default("fallback")  // removes undefined, adds default
+  .brand<"Special">();  // adds brand
+
+type Result = z.infer<typeof schema>; // string & { Special: { Special: "Special" } }
+
+// Catch with optional
+const safeOptional = z.string().optional().catch("default");
+safeOptional.parse(undefined);  // "default" (catch triggers)
+safeOptional.parse("value");    // "value"
+
+// Readonly with complex types
+const readonlyUser = z.object({
+  profile: z.object({
+    name: z.string(),
+    settings: z.array(z.string())
+  })
+}).readonly();
+// Deep readonly - all nested properties are readonly
+```
+
+**Error Handling in Modifiers:**
+```typescript
+// Modifiers preserve underlying validation
+const emailWithDefault = z.string().email().default("admin@example.com");
+emailWithDefault.parse("invalid-email"); // throws ZodError
+
+// Catch can handle validation errors
+const safeEmail = z.string().email().catch("fallback@example.com");
+safeEmail.parse("invalid");  // "fallback@example.com" (no error)
+safeEmail.parse("valid@example.com"); // "valid@example.com"
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-zod/docs/objects-arrays.md b/.tessl/tiles/tessl/npm-zod/docs/objects-arrays.md
new file mode 100644
index 000000000..055e3337c
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-zod/docs/objects-arrays.md
@@ -0,0 +1,541 @@
+# Object and Array Schemas
+
+Schema types for structured data including objects, arrays, tuples, records, maps, and sets. These schemas enable validation of complex data structures with full type inference and comprehensive manipulation methods.
+
+## Capabilities
+
+### Object Schema
+
+Validates object structures with defined shape, key handling, and powerful manipulation methods.
+
+```typescript { .api }
+/**
+ * Creates an object schema with defined shape
+ * @param shape - Object defining the schema for each property
+ * @param params - Optional error handling and validation parameters
+ * @returns ZodObject schema instance
+ */
+function object<T extends ZodRawShape>(
+  shape: T,
+  params?: RawCreateParams
+): ZodObject<T, "strip", ZodTypeAny>;
+
+/**
+ * Creates a strict object schema that disallows unknown keys
+ * @param shape - Object defining the schema for each property
+ * @param params - Optional error handling and validation parameters
+ * @returns ZodObject schema instance with strict unknown key handling
+ */
+function strictObject<T extends ZodRawShape>(
+  shape: T,
+  params?: RawCreateParams
+): ZodObject<T, "strict", ZodTypeAny>;
+
+class ZodObject<
+  T extends ZodRawShape,
+  UnknownKeys extends UnknownKeysParam = "strip",
+  Catchall extends ZodTypeAny = ZodTypeAny
+> extends ZodType<objectOutputType<T, Catchall, UnknownKeys>, ZodObjectDef<T, UnknownKeys, Catchall>, objectInputType<T, Catchall, UnknownKeys>> {
+  /** Access to the object's shape definition */
+  shape: T;
+  
+  /** Extract object keys as a union type schema */
+  keyof(): ZodEnum<enumUtil.UnionToTupleString<keyof T>>;
+  
+  /** Pick specific keys from the object schema */  
+  pick<Mask extends Partial<Record<keyof T, true>>>(
+    mask: Mask
+  ): ZodObject<Pick<T, Extract<keyof T, keyof Mask>>, UnknownKeys, Catchall>;
+  
+  /** Omit specific keys from the object schema */
+  omit<Mask extends Partial<Record<keyof T, true>>>(
+    mask: Mask
+  ): ZodObject<Omit<T, keyof Mask>, UnknownKeys, Catchall>;
+  
+  /** Make all properties optional */
+  partial(): ZodObject<{ [k in keyof T]: ZodOptional<T[k]> }, UnknownKeys, Catchall>;
+  
+  /** Make specific properties optional */
+  partial<Mask extends Partial<Record<keyof T, true>>>(
+    mask: Mask
+  ): ZodObject<
+    Omit<T, Extract<keyof T, keyof Mask>> & 
+    Partial<Pick<T, Extract<keyof T, keyof Mask>>>, 
+    UnknownKeys, 
+    Catchall
+  >;
+  
+  /** Make nested properties optional recursively */
+  deepPartial(): ZodObject<{ [k in keyof T]: ZodOptional<T[k]> }, UnknownKeys, Catchall>;
+  
+  /** Make all properties required (remove optional) */
+  required(): ZodObject<{ [k in keyof T]: deoptional<T[k]> }, UnknownKeys, Catchall>;
+  
+  /** Make specific properties required */
+  required<Mask extends Partial<Record<keyof T, true>>>(
+    mask: Mask
+  ): ZodObject<
+    Omit<T, Extract<keyof T, keyof Mask>> & 
+    Required<Pick<T, Extract<keyof T, keyof Mask>>>,
+    UnknownKeys,
+    Catchall
+  >;
+  
+  /** Allow unknown keys to pass through */
+  passthrough(): ZodObject<T, "passthrough", Catchall>;
+  
+  /** Strictly disallow unknown keys */
+  strict(): ZodObject<T, "strict", Catchall>;
+  
+  /** Strip unknown keys (default behavior) */
+  strip(): ZodObject<T, "strip", Catchall>;
+  
+  /** Set schema for handling unknown keys */
+  catchall<NewCatchall extends ZodTypeAny>(
+    catchall: NewCatchall
+  ): ZodObject<T, UnknownKeys, NewCatchall>;
+  
+  /** Merge with another object schema */
+  merge<Incoming extends AnyZodObject>(
+    merging: Incoming
+  ): ZodObject<
+    T & Incoming["shape"],
+    Incoming["_def"]["unknownKeys"],
+    Incoming["_def"]["catchall"]
+  >;
+  
+  /** Extend object with additional properties */
+  extend<Augmentation extends ZodRawShape>(
+    augmentation: Augmentation
+  ): ZodObject<T & Augmentation, UnknownKeys, Catchall>;
+  
+  /** Set schema for a specific key */
+  setKey<Key extends string, Schema extends ZodTypeAny>(
+    key: Key,
+    schema: Schema
+  ): ZodObject<T & { [k in Key]: Schema }, UnknownKeys, Catchall>;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { z } from "zod";
+
+// Basic object schema
+const UserSchema = z.object({
+  id: z.number(),
+  name: z.string(),
+  email: z.string().email(),
+  age: z.number().min(0),
+  isActive: z.boolean(),
+});
+
+type User = z.infer<typeof UserSchema>;
+
+// Object with optional properties
+const UpdateUserSchema = UserSchema.partial();
+
+// Pick specific fields
+const UserSummarySchema = UserSchema.pick({ 
+  id: true, 
+  name: true 
+});
+
+// Extend object schema
+const AdminUserSchema = UserSchema.extend({
+  role: z.literal("admin"),
+  permissions: z.array(z.string()),
+});
+
+// Merge schemas
+const TimestampedSchema = z.object({
+  createdAt: z.date(),
+  updatedAt: z.date(),
+});
+
+const TimestampedUserSchema = UserSchema.merge(TimestampedSchema);
+
+// Handle unknown keys
+const StrictUserSchema = UserSchema.strict(); // Error on unknown keys
+const LooseUserSchema = UserSchema.passthrough(); // Allow unknown keys
+const UserWithMetaSchema = UserSchema.catchall(z.string()); // Unknown keys must be strings
+```
+
+### Array Schema
+
+Validates arrays with element type checking and length constraints.
+
+```typescript { .api }
+/**
+ * Creates an array schema with element type validation
+ * @param element - Schema for validating each array element
+ * @param params - Optional error handling and validation parameters
+ * @returns ZodArray schema instance
+ */
+function array<T extends ZodTypeAny>(
+  element: T,
+  params?: RawCreateParams
+): ZodArray<T>;
+
+class ZodArray<
+  T extends ZodTypeAny,
+  Cardinality extends ArrayCardinality = "many"
+> extends ZodType<
+  arrayOutputType<T, Cardinality>,
+  ZodArrayDef<T>,
+  arrayInputType<T, Cardinality>
+> {
+  /** Access to the element schema */
+  element: T;
+  
+  /** Set minimum array length */
+  min(minLength: number, message?: string): ZodArray<T, Cardinality>;
+  
+  /** Set maximum array length */
+  max(maxLength: number, message?: string): ZodArray<T, Cardinality>;
+  
+  /** Set exact array length */
+  length(len: number, message?: string): ZodArray<T, Cardinality>;
+  
+  /** Require non-empty array */
+  nonempty(message?: string): ZodNonEmptyArray<T>;
+}
+
+type ZodNonEmptyArray<T extends ZodTypeAny> = ZodArray<T, "atleastone">;
+type ArrayCardinality = "many" | "atleastone";
+```
+
+**Usage Examples:**
+
+```typescript
+import { z } from "zod";
+
+// Basic array validation
+const numbersSchema = z.array(z.number());
+const numbers = numbersSchema.parse([1, 2, 3, 4, 5]);
+
+// Array with constraints  
+const tagsSchema = z.array(z.string()).min(1).max(10);
+const tags = tagsSchema.parse(["typescript", "zod", "validation"]);
+
+// Non-empty array
+const categoriesSchema = z.array(z.string()).nonempty();
+const categories = categoriesSchema.parse(["tech", "programming"]);
+
+// Array of objects
+const usersSchema = z.array(z.object({
+  id: z.number(),
+  name: z.string(),
+}));
+```
+
+### Tuple Schema
+
+Validates fixed-length arrays with specific types for each position.
+
+```typescript { .api }
+/**
+ * Creates a tuple schema with fixed element types
+ * @param items - Array of schemas for each tuple position
+ * @param params - Optional error handling and validation parameters
+ * @returns ZodTuple schema instance
+ */
+function tuple<T extends readonly [ZodTypeAny, ...ZodTypeAny[]]>(
+  items: T,
+  params?: RawCreateParams
+): ZodTuple<T>;
+
+class ZodTuple<
+  T extends ZodTupleItems | [] = ZodTupleItems,
+  Rest extends ZodTypeAny | null = null
+> extends ZodType<
+  OutputTypeOfTupleWithRest<T, Rest>,
+  ZodTupleDef<T, Rest>,
+  InputTypeOfTupleWithRest<T, Rest>
+> {
+  /** Access to the tuple items schemas */
+  items: T;
+  
+  /** Set schema for rest elements */
+  rest<Rest extends ZodTypeAny>(rest: Rest): ZodTuple<T, Rest>;
+}
+
+type ZodTupleItems = [ZodTypeAny, ...ZodTypeAny[]];
+type AnyZodTuple = ZodTuple<[ZodTypeAny, ...ZodTypeAny[]] | [], ZodTypeAny | null>;
+```
+
+**Usage Examples:**
+
+```typescript
+import { z } from "zod";
+
+// Basic tuple
+const coordinateSchema = z.tuple([z.number(), z.number()]);
+const point = coordinateSchema.parse([10, 20]); // [number, number]
+
+// Tuple with different types
+const recordSchema = z.tuple([z.string(), z.number(), z.boolean()]);
+const record = recordSchema.parse(["name", 42, true]);
+
+// Tuple with rest elements
+const headerAndItemsSchema = z.tuple([z.string()]).rest(z.number());
+const data = headerAndItemsSchema.parse(["Header", 1, 2, 3, 4]);
+```
+
+### Record Schema
+
+Validates objects with dynamic keys and consistent value types.
+
+```typescript { .api }
+/**
+ * Creates a record schema with string keys and specified value type
+ * @param valueType - Schema for validating all values
+ * @param params - Optional error handling and validation parameters
+ * @returns ZodRecord schema instance
+ */
+function record<Value extends ZodTypeAny>(
+  valueType: Value,
+  params?: RawCreateParams
+): ZodRecord<ZodString, Value>;
+
+/**
+ * Creates a record schema with custom key and value types
+ * @param keyType - Schema for validating keys
+ * @param valueType - Schema for validating values
+ * @returns ZodRecord schema instance
+ */
+function record<Key extends KeySchema, Value extends ZodTypeAny>(
+  keyType: Key,
+  valueType: Value
+): ZodRecord<Key, Value>;
+
+class ZodRecord<
+  Key extends KeySchema = ZodString,
+  Value extends ZodTypeAny = ZodTypeAny
+> extends ZodType<
+  RecordType<Key["_output"], Value["_output"]>,
+  ZodRecordDef<Key, Value>,
+  RecordType<Key["_input"], Value["_input"]>
+> {
+  /** Access to the key schema */
+  keyType?: Key;
+  /** Access to the value schema */
+  valueType: Value;
+}
+
+type KeySchema = ZodType<string | number | symbol, any, any>;
+type RecordType<K extends string | number | symbol, V> = [string] extends [K]
+  ? Record<K, V>
+  : [number] extends [K]
+  ? Record<K, V>
+  : [symbol] extends [K]
+  ? Record<K, V>
+  : [BRAND<string | number | symbol>] extends [K]
+  ? Record<K, V>
+  : { [k in K]: V };
+```
+
+**Usage Examples:**
+
+```typescript
+import { z } from "zod";
+
+// String keys with number values
+const scoresSchema = z.record(z.number());
+const scores = scoresSchema.parse({
+  math: 95,
+  science: 87,
+  english: 92,
+});
+
+// Custom key type
+const enumKeySchema = z.record(
+  z.enum(["red", "green", "blue"]),
+  z.string()
+);
+const colorNames = enumKeySchema.parse({
+  red: "Crimson",
+  green: "Forest",
+  blue: "Navy",
+});
+```
+
+### Map Schema
+
+Validates Map objects with typed keys and values.
+
+```typescript { .api }
+/**
+ * Creates a Map schema with typed keys and values
+ * @param keyType - Schema for validating Map keys
+ * @param valueType - Schema for validating Map values
+ * @returns ZodMap schema instance
+ */
+function map<Key extends ZodTypeAny, Value extends ZodTypeAny>(
+  keyType: Key,
+  valueType: Value
+): ZodMap<Key, Value>;
+
+class ZodMap<
+  Key extends ZodTypeAny = ZodTypeAny,
+  Value extends ZodTypeAny = ZodTypeAny
+> extends ZodType<
+  Map<Key["_output"], Value["_output"]>,
+  ZodMapDef<Key, Value>,
+  Map<Key["_input"], Value["_input"]>
+> {
+  /** Access to the key schema */
+  keyType: Key;
+  /** Access to the value schema */  
+  valueType: Value;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { z } from "zod";
+
+// Map with string keys and object values
+const userMapSchema = z.map(
+  z.string(),
+  z.object({
+    name: z.string(),
+    age: z.number(),
+  })
+);
+
+const userMap = new Map([
+  ["user1", { name: "Alice", age: 25 }],
+  ["user2", { name: "Bob", age: 30 }],
+]);
+
+const validatedMap = userMapSchema.parse(userMap);
+```
+
+### Set Schema
+
+Validates Set objects with typed values and size constraints.
+
+```typescript { .api }
+/**
+ * Creates a Set schema with typed values
+ * @param valueType - Schema for validating Set values
+ * @param params - Optional error handling and validation parameters
+ * @returns ZodSet schema instance
+ */
+function set<Value extends ZodTypeAny>(
+  valueType: Value,
+  params?: RawCreateParams
+): ZodSet<Value>;
+
+class ZodSet<Value extends ZodTypeAny = ZodTypeAny> extends ZodType<
+  Set<Value["_output"]>,
+  ZodSetDef<Value>,
+  Set<Value["_input"]>
+> {
+  /** Access to the value schema */
+  valueType: Value;
+  
+  /** Set minimum Set size */
+  min(minSize: number, message?: string): ZodSet<Value>;
+  
+  /** Set maximum Set size */
+  max(maxSize: number, message?: string): ZodSet<Value>;
+  
+  /** Set exact Set size */
+  size(size: number, message?: string): ZodSet<Value>;
+  
+  /** Require non-empty Set */
+  nonempty(message?: string): ZodSet<Value>;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { z } from "zod";
+
+// Set of strings
+const tagsSetSchema = z.set(z.string()).min(1).max(5);
+const tags = new Set(["javascript", "typescript", "react"]);
+const validatedTags = tagsSetSchema.parse(tags);
+
+// Set of numbers  
+const numbersSetSchema = z.set(z.number()).nonempty();
+const numbers = new Set([1, 2, 3, 2, 1]); // Duplicates automatically removed
+const validatedNumbers = numbersSetSchema.parse(numbers);
+```
+
+## Types
+
+```typescript { .api }
+type ZodRawShape = { [k: string]: ZodTypeAny };
+
+type UnknownKeysParam = "passthrough" | "strict" | "strip";
+
+interface ZodObjectDef<
+  T extends ZodRawShape = ZodRawShape,
+  UnknownKeys extends UnknownKeysParam = UnknownKeysParam,
+  Catchall extends ZodTypeAny = ZodTypeAny
+> extends ZodTypeDef {
+  shape: () => T;
+  catchall: Catchall;
+  unknownKeys: UnknownKeys;
+}
+
+type objectOutputType<
+  Shape extends ZodRawShape,
+  Catchall extends ZodTypeAny,
+  UnknownKeys extends UnknownKeysParam = "strip"
+> = baseObjectOutputType<Shape> &
+  CatchallOutput<Catchall> &
+  PassthroughType<UnknownKeys>;
+
+type objectInputType<
+  Shape extends ZodRawShape,
+  Catchall extends ZodTypeAny,
+  UnknownKeys extends UnknownKeysParam = "strip"
+> = baseObjectInputType<Shape> &
+  CatchallInput<Catchall> &
+  PassthroughType<UnknownKeys>;
+
+interface ZodArrayDef<T extends ZodTypeAny = ZodTypeAny> extends ZodTypeDef {
+  type: T;
+  exactLength?: { value: number; message?: string } | null;
+  minLength?: { value: number; message?: string } | null;
+  maxLength?: { value: number; message?: string } | null;
+}
+
+interface ZodTupleDef<
+  T extends ZodTupleItems | [] = ZodTupleItems,
+  Rest extends ZodTypeAny | null = null
+> extends ZodTypeDef {
+  items: T;
+  rest: Rest;
+}
+
+interface ZodRecordDef<
+  Key extends KeySchema = ZodString,
+  Value extends ZodTypeAny = ZodTypeAny
+> extends ZodTypeDef {
+  keyType?: Key;
+  valueType: Value;
+}
+
+interface ZodMapDef<
+  Key extends ZodTypeAny = ZodTypeAny,
+  Value extends ZodTypeAny = ZodTypeAny
+> extends ZodTypeDef {
+  keyType: Key;
+  valueType: Value;
+}
+
+interface ZodSetDef<Value extends ZodTypeAny = ZodTypeAny> extends ZodTypeDef {
+  valueType: Value;
+  minSize?: { value: number; message?: string } | null;
+  maxSize?: { value: number; message?: string } | null;
+  exactSize?: { value: number; message?: string } | null;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-zod/docs/primitives.md b/.tessl/tiles/tessl/npm-zod/docs/primitives.md
new file mode 100644
index 000000000..9504dd4b5
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-zod/docs/primitives.md
@@ -0,0 +1,383 @@
+# Primitive Schemas
+
+Core primitive type schemas for basic data validation including strings, numbers, booleans, dates, and special types. All primitive schemas support the standard `ZodType` methods for validation, transformation, and composition.
+
+## Capabilities
+
+### String Schema
+
+Validates string values with comprehensive string-specific validation methods.
+
+```typescript { .api }
+/**
+ * Creates a string schema with optional validation parameters
+ * @param params - Optional error handling and validation parameters
+ * @returns ZodString schema instance
+ */
+function string(params?: RawCreateParams): ZodString;
+
+class ZodString extends ZodType<string, ZodStringDef, string> {
+  /** Set minimum length requirement */
+  min(length: number, message?: string): ZodString;
+  /** Set maximum length requirement */
+  max(length: number, message?: string): ZodString;
+  /** Set exact length requirement */
+  length(length: number, message?: string): ZodString;
+  /** Validate email format */
+  email(message?: string): ZodString;
+  /** Validate URL format */
+  url(message?: string): ZodString;
+  /** Validate UUID format */
+  uuid(message?: string): ZodString;
+  /** Validate Nanoid format */
+  nanoid(message?: string): ZodString;
+  /** Validate CUID format */
+  cuid(message?: string): ZodString;
+  /** Validate CUID2 format */
+  cuid2(message?: string): ZodString;
+  /** Validate ULID format */
+  ulid(message?: string): ZodString;
+  /** Validate JWT format */
+  jwt(options?: { alg?: string; message?: string }): ZodString;
+  /** Validate CIDR notation format */
+  cidr(options?: { version?: "v4" | "v6"; message?: string }): ZodString;
+  /** Validate Base64 encoding format */
+  base64(message?: string): ZodString;
+  /** Validate Base64URL encoding format */
+  base64url(message?: string): ZodString;
+  /** Validate against custom regular expression */
+  regex(pattern: RegExp, message?: string): ZodString;
+  /** Validate string contains substring */
+  includes(substring: string, message?: string): ZodString;
+  /** Validate string starts with prefix */
+  startsWith(prefix: string, message?: string): ZodString;
+  /** Validate string ends with suffix */
+  endsWith(suffix: string, message?: string): ZodString;
+  /** Validate ISO datetime format */
+  datetime(options?: { message: string; precision?: number; offset?: boolean }): ZodString;
+  /** Validate date format (YYYY-MM-DD) */
+  date(message?: string): ZodString;
+  /** Validate time format */
+  time(options?: { message?: string; precision?: number }): ZodString;
+  /** Validate duration format */
+  duration(message?: string): ZodString;
+  /** Validate IP address format */
+  ip(options?: { version?: "v4" | "v6"; message?: string }): ZodString;
+  /** Validate emoji characters */
+  emoji(message?: string): ZodString;
+  /** Transform by trimming whitespace */
+  trim(): ZodString;
+  /** Transform to lowercase */
+  toLowerCase(): ZodString;
+  /** Transform to uppercase */
+  toUpperCase(): ZodString;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { z } from "zod";
+
+// Basic string validation
+const nameSchema = z.string().min(2).max(50);
+const name = nameSchema.parse("Alice"); // "Alice"
+
+// Email validation
+const emailSchema = z.string().email();
+const email = emailSchema.parse("user@example.com");
+
+// URL validation with transformation
+const urlSchema = z.string().url().toLowerCase();
+const url = urlSchema.parse("HTTPS://EXAMPLE.COM"); // "https://example.com"
+
+// Custom regex validation
+const phoneSchema = z.string().regex(/^\+?[\d\s-()]+$/, "Invalid phone format");
+const phone = phoneSchema.parse("+1-555-123-4567");
+
+// Datetime validation
+const timestampSchema = z.string().datetime({ precision: 3 });
+const timestamp = timestampSchema.parse("2023-01-01T12:30:45.123Z");
+
+// JWT validation
+const jwtSchema = z.string().jwt();
+const jwtWithAlg = z.string().jwt({ alg: "HS256" });
+const token = jwtSchema.parse("eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c");
+
+// CIDR notation validation
+const cidrSchema = z.string().cidr();
+const ipv4Cidr = z.string().cidr({ version: "v4" });
+const network = cidrSchema.parse("192.168.1.0/24");
+
+// Base64 validation
+const base64Schema = z.string().base64();
+const base64Data = base64Schema.parse("SGVsbG8gV29ybGQ=");
+
+// Base64URL validation  
+const base64urlSchema = z.string().base64url();
+const base64urlData = base64urlSchema.parse("SGVsbG8gV29ybGQ");
+```
+
+### Number Schema
+
+Validates numeric values with range checking and mathematical constraints.
+
+```typescript { .api }
+/**
+ * Creates a number schema with optional validation parameters
+ * @param params - Optional error handling and validation parameters
+ * @returns ZodNumber schema instance
+ */
+function number(params?: RawCreateParams): ZodNumber;
+
+class ZodNumber extends ZodType<number, ZodNumberDef, number> {
+  /** Set minimum value requirement */
+  min(value: number, message?: string): ZodNumber;
+  /** Set maximum value requirement */
+  max(value: number, message?: string): ZodNumber;
+  /** Validate as integer */
+  int(message?: string): ZodNumber;
+  /** Validate as positive number (> 0) */
+  positive(message?: string): ZodNumber;
+  /** Validate as non-negative number (>= 0) */
+  nonnegative(message?: string): ZodNumber;
+  /** Validate as negative number (< 0) */
+  negative(message?: string): ZodNumber;
+  /** Validate as non-positive number (<= 0) */
+  nonpositive(message?: string): ZodNumber;
+  /** Validate as multiple of specified value */
+  multipleOf(value: number, message?: string): ZodNumber;
+  /** Validate as finite number (not Infinity or -Infinity) */
+  finite(message?: string): ZodNumber;
+  /** Validate as safe integer within JavaScript's safe integer range */
+  safe(message?: string): ZodNumber;
+  /** Validate with step precision */
+  step(value: number, message?: string): ZodNumber;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { z } from "zod";
+
+// Basic number validation
+const ageSchema = z.number().int().min(0).max(150);
+const age = ageSchema.parse(25);
+
+// Price validation
+const priceSchema = z.number().positive().multipleOf(0.01);
+const price = priceSchema.parse(19.99);
+
+// Rating validation
+const ratingSchema = z.number().min(1).max(5);
+const rating = ratingSchema.parse(4);
+```
+
+### BigInt Schema
+
+Validates BigInt values for large integer operations.
+
+```typescript { .api }
+/**
+ * Creates a bigint schema with optional validation parameters
+ * @param params - Optional error handling and validation parameters
+ * @returns ZodBigInt schema instance
+ */
+function bigint(params?: RawCreateParams): ZodBigInt;
+
+class ZodBigInt extends ZodType<bigint, ZodBigIntDef, bigint> {
+  /** Set minimum value requirement */
+  min(value: bigint, message?: string): ZodBigInt;
+  /** Set maximum value requirement */
+  max(value: bigint, message?: string): ZodBigInt;
+  /** Validate as positive bigint (> 0n) */
+  positive(message?: string): ZodBigInt;
+  /** Validate as non-negative bigint (>= 0n) */
+  nonnegative(message?: string): ZodBigInt;
+  /** Validate as negative bigint (< 0n) */
+  negative(message?: string): ZodBigInt;
+  /** Validate as non-positive bigint (<= 0n) */
+  nonpositive(message?: string): ZodBigInt;
+  /** Validate as multiple of specified bigint */
+  multipleOf(value: bigint, message?: string): ZodBigInt;
+}
+```
+
+### Boolean Schema
+
+Validates boolean values.
+
+```typescript { .api }
+/**
+ * Creates a boolean schema with optional validation parameters
+ * @param params - Optional error handling and validation parameters
+ * @returns ZodBoolean schema instance
+ */
+function boolean(params?: RawCreateParams): ZodBoolean;
+
+class ZodBoolean extends ZodType<boolean, ZodBooleanDef, boolean> {
+  // Inherits all standard ZodType methods
+}
+```
+
+### Date Schema
+
+Validates Date objects with temporal constraints.
+
+```typescript { .api }
+/**
+ * Creates a date schema with optional validation parameters
+ * @param params - Optional error handling and validation parameters
+ * @returns ZodDate schema instance
+ */
+function date(params?: RawCreateParams): ZodDate;
+
+class ZodDate extends ZodType<Date, ZodDateDef, Date> {
+  /** Set minimum date requirement */
+  min(date: Date, message?: string): ZodDate;
+  /** Set maximum date requirement */
+  max(date: Date, message?: string): ZodDate;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { z } from "zod";
+
+// Date range validation
+const eventDateSchema = z.date()
+  .min(new Date("2023-01-01"))
+  .max(new Date("2024-12-31"));
+
+const eventDate = eventDateSchema.parse(new Date("2023-06-15"));
+```
+
+### Symbol Schema
+
+Validates Symbol values.
+
+```typescript { .api }
+/**
+ * Creates a symbol schema with optional validation parameters
+ * @param params - Optional error handling and validation parameters
+ * @returns ZodSymbol schema instance
+ */
+function symbol(params?: RawCreateParams): ZodSymbol;
+
+class ZodSymbol extends ZodType<symbol, ZodSymbolDef, symbol> {
+  // Inherits all standard ZodType methods
+}
+```
+
+### Special Type Schemas
+
+Schemas for special JavaScript values and type constraints.
+
+```typescript { .api }
+/** Schema that validates undefined values */
+function undefined(params?: RawCreateParams): ZodUndefined;
+
+/** Schema that validates null values */
+function null(params?: RawCreateParams): ZodNull;
+
+/** Schema that accepts any value without validation */
+function any(params?: RawCreateParams): ZodAny;
+
+/** Schema that accepts any value but preserves unknown type */
+function unknown(params?: RawCreateParams): ZodUnknown;
+
+/** Schema that never passes validation */
+function never(params?: RawCreateParams): ZodNever;
+
+/** Schema that validates void/undefined return values */
+function void(params?: RawCreateParams): ZodVoid;
+
+/** Schema that specifically validates NaN values */
+function nan(params?: RawCreateParams): ZodNaN;
+```
+
+**Usage Examples:**
+
+```typescript
+import { z } from "zod";
+
+// Unknown type for dynamic data
+const dynamicSchema = z.unknown();
+const data = dynamicSchema.parse(someApiResponse);
+
+// Null validation
+const nullableValueSchema = z.union([z.string(), z.null()]);
+const value = nullableValueSchema.parse(null);
+
+// Void for function returns
+const voidFunctionSchema = z.function().returns(z.void());
+```
+
+## Types
+
+```typescript { .api }
+interface ZodStringDef extends ZodTypeDef {
+  checks: ZodStringCheck[];
+  coerce: boolean;
+}
+
+type ZodStringCheck = 
+  | { kind: "min"; value: number; message?: string }
+  | { kind: "max"; value: number; message?: string }
+  | { kind: "length"; value: number; message?: string }
+  | { kind: "email"; message?: string }
+  | { kind: "url"; message?: string }
+  | { kind: "uuid"; message?: string }
+  | { kind: "regex"; regex: RegExp; message?: string }
+  | { kind: "cuid"; message?: string }
+  | { kind: "cuid2"; message?: string }
+  | { kind: "ulid"; message?: string }
+  | { kind: "startsWith"; value: string; message?: string }
+  | { kind: "endsWith"; value: string; message?: string }
+  | { kind: "datetime"; precision?: number; offset: boolean; message?: string }
+  | { kind: "date"; message?: string }
+  | { kind: "time"; precision?: number; message?: string }
+  | { kind: "duration"; message?: string }
+  | { kind: "ip"; version?: "v4" | "v6"; message?: string }
+  | { kind: "includes"; value: string; position?: number; message?: string }
+  | { kind: "toLowerCase" }
+  | { kind: "toUpperCase" }
+  | { kind: "trim" };
+
+interface ZodNumberDef extends ZodTypeDef {
+  checks: ZodNumberCheck[];
+  coerce: boolean;
+}
+
+type ZodNumberCheck =
+  | { kind: "min"; value: number; inclusive: boolean; exact?: boolean; message?: string }
+  | { kind: "max"; value: number; inclusive: boolean; exact?: boolean; message?: string }
+  | { kind: "int"; message?: string }
+  | { kind: "multipleOf"; value: number; message?: string }
+  | { kind: "finite"; message?: string };
+
+interface ZodBigIntDef extends ZodTypeDef {
+  checks: ZodBigIntCheck[];
+  coerce: boolean;
+}
+
+type ZodBigIntCheck =
+  | { kind: "min"; value: bigint; inclusive: boolean; message?: string }
+  | { kind: "max"; value: bigint; inclusive: boolean; message?: string }
+  | { kind: "multipleOf"; value: bigint; message?: string };
+
+interface ZodBooleanDef extends ZodTypeDef {
+  coerce: boolean;
+}
+
+interface ZodDateDef extends ZodTypeDef {
+  checks: ZodDateCheck[];
+  coerce: boolean;
+}
+
+type ZodDateCheck =
+  | { kind: "min"; value: number; message?: string }
+  | { kind: "max"; value: number; message?: string };
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-zod/docs/transformations.md b/.tessl/tiles/tessl/npm-zod/docs/transformations.md
new file mode 100644
index 000000000..f5d6099e5
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-zod/docs/transformations.md
@@ -0,0 +1,559 @@
+# Schema Transformations
+
+Methods for transforming and refining schema validation with custom logic, data transformations, and advanced validation patterns. These methods allow you to extend schemas beyond basic type checking to include custom business logic and data processing.
+
+## Capabilities
+
+### Transform Method
+
+Transforms the parsed output of a schema using a custom function, creating a new schema with modified output type.
+
+```typescript { .api }
+/**
+ * Transforms the output of a schema using a function
+ * @param transform - Function to transform the parsed value
+ * @returns ZodEffects schema with transformation
+ */
+class ZodType<Output, Def, Input> {
+  transform<NewOut>(transform: (arg: Output, ctx: RefinementCtx) => NewOut | Promise<NewOut>): ZodEffects<this, NewOut>;
+}
+
+class ZodEffects<T extends ZodTypeAny, Output, Input = input<T>> extends ZodType<Output, ZodEffectsDef<T>, Input> {
+  /** Access the underlying schema */
+  innerType(): T;
+  /** Get the source schema (same as innerType) */
+  sourceType(): T;
+}
+
+interface RefinementCtx {
+  /** Add a validation issue */
+  addIssue(issue: IssueData): void;
+  /** Current validation path */
+  path: (string | number)[];
+}
+```
+
+**Usage Examples:**
+```typescript
+// Basic transformation
+const stringToNumber = z.string().transform(val => parseInt(val));
+type Result = z.infer<typeof stringToNumber>; // number
+
+// Transformation with validation
+const emailToLowercase = z
+  .string()
+  .email()
+  .transform(email => email.toLowerCase());
+
+const result = emailToLowercase.parse("USER@EXAMPLE.COM"); // "user@example.com"
+
+// Object transformation  
+const userTransform = z.object({
+  firstName: z.string(),
+  lastName: z.string(),
+  birthYear: z.number()
+}).transform(user => ({
+  ...user,
+  fullName: `${user.firstName} ${user.lastName}`,
+  age: new Date().getFullYear() - user.birthYear
+}));
+
+const transformedUser = userTransform.parse({
+  firstName: "John",
+  lastName: "Doe", 
+  birthYear: 1990
+});
+console.log(transformedUser.fullName); // "John Doe"
+console.log(transformedUser.age);      // 33 (current year - 1990)
+
+// Async transformation
+const asyncTransform = z.string().transform(async (val, ctx) => {
+  // Simulate async operation (e.g., database lookup)
+  const processed = await processValue(val);
+  if (!processed) {
+    ctx.addIssue({
+      code: z.ZodIssueCode.custom,
+      message: "Processing failed"
+    });
+    return z.NEVER; // Indicates validation failure
+  }
+  return processed;
+});
+
+// Array transformation
+const csvToArray = z.string().transform(csv => 
+  csv.split(',').map(item => item.trim())
+);
+const array = csvToArray.parse("apple, banana, cherry"); // ["apple", "banana", "cherry"]
+
+// Complex data transformation
+const apiResponseTransform = z.object({
+  user_id: z.string(),
+  user_name: z.string(),
+  created_at: z.string().datetime()
+}).transform(data => ({
+  id: data.user_id,
+  name: data.user_name,
+  createdAt: new Date(data.created_at)
+}));
+```
+
+### Refine Method
+
+Adds custom validation logic without changing the output type, allowing additional constraints beyond basic type checking.
+
+```typescript { .api }
+/**
+ * Adds custom validation to a schema
+ * @param check - Validation function that returns boolean or Promise<boolean>
+ * @param message - Error message or message configuration
+ * @returns ZodEffects schema with refinement
+ */
+class ZodType<Output, Def, Input> {
+  refine<RefinedOutput extends Output = Output>(
+    check: (arg: Output) => arg is RefinedOutput,
+    message?: string | CustomErrorParams | ((arg: Output) => CustomErrorParams)
+  ): ZodEffects<this, RefinedOutput>;
+  
+  refine(
+    check: (arg: Output) => unknown | Promise<unknown>,
+    message?: string | CustomErrorParams | ((arg: Output) => CustomErrorParams)
+  ): ZodEffects<this, Output>;
+}
+
+interface CustomErrorParams {
+  message?: string;
+  path?: (string | number)[];
+  params?: { [k: string]: any };
+}
+```
+
+**Usage Examples:**
+```typescript
+// Simple refinement
+const positiveNumber = z.number().refine(n => n > 0, "Must be positive");
+
+// Refinement with custom message
+const strongPassword = z.string().refine(
+  password => password.length >= 8 && /[A-Z]/.test(password) && /\d/.test(password),
+  {
+    message: "Password must be at least 8 characters with uppercase and number",
+    path: ["password"]
+  }
+);
+
+// Multiple refinements
+const emailSchema = z
+  .string()
+  .email()
+  .refine(email => !email.endsWith('.temp'), "Temporary emails not allowed")
+  .refine(email => email.length <= 100, "Email too long");
+
+// Conditional refinement
+const conditionalSchema = z.object({
+  type: z.enum(['user', 'admin']),
+  permissions: z.array(z.string()).optional()
+}).refine(data => {
+  if (data.type === 'admin') {
+    return data.permissions && data.permissions.length > 0;
+  }
+  return true;
+}, {
+  message: "Admin users must have permissions",
+  path: ["permissions"]
+});
+
+// Async refinement
+const uniqueUsernameSchema = z.string().refine(async username => {
+  // Simulate database check
+  const exists = await checkUsernameExists(username);
+  return !exists;
+}, "Username already taken");
+
+// Cross-field validation
+const passwordConfirmSchema = z.object({
+  password: z.string().min(6),
+  confirmPassword: z.string()
+}).refine(data => data.password === data.confirmPassword, {
+  message: "Passwords must match",
+  path: ["confirmPassword"]
+});
+
+// Dynamic error messages
+const rangeSchema = z.object({
+  min: z.number(),
+  max: z.number(),
+  value: z.number()
+}).refine(data => data.value >= data.min && data.value <= data.max, data => ({
+  message: `Value must be between ${data.min} and ${data.max}`,
+  path: ["value"]
+}));
+```
+
+### SuperRefine Method
+
+Advanced refinement method providing full control over validation context and multiple error reporting.
+
+```typescript { .api }
+/**
+ * Advanced refinement with full validation context control
+ * @param refinement - Function with access to RefinementCtx for custom validation
+ * @returns ZodEffects schema with super refinement
+ */
+class ZodType<Output, Def, Input> {
+  superRefine<RefinedOutput extends Output = Output>(
+    refinement: (arg: Output, ctx: RefinementCtx) => arg is RefinedOutput | void | Promise<void>
+  ): ZodEffects<this, RefinedOutput>;
+  
+  superRefine(
+    refinement: (arg: Output, ctx: RefinementCtx) => void | Promise<void>
+  ): ZodEffects<this, Output>;
+}
+
+interface RefinementCtx {
+  /** Add a validation issue */
+  addIssue(issue: IssueData): void;
+  /** Current validation path */
+  path: (string | number)[];
+}
+
+interface IssueData {
+  code: ZodIssueCode;
+  path?: (string | number)[];
+  message?: string;
+  fatal?: boolean;
+  [k: string]: any;
+}
+```
+
+**Usage Examples:**
+```typescript
+// Multiple validations with different error messages
+const userValidation = z.object({
+  email: z.string(),
+  age: z.number(),
+  name: z.string()
+}).superRefine((data, ctx) => {
+  // Email validation
+  if (!data.email.includes('@')) {
+    ctx.addIssue({
+      code: z.ZodIssueCode.custom,
+      path: ['email'],
+      message: 'Invalid email format'
+    });
+  }
+  
+  // Age validation
+  if (data.age < 18) {
+    ctx.addIssue({
+      code: z.ZodIssueCode.too_small,
+      minimum: 18,
+      type: 'number',
+      inclusive: true,
+      path: ['age'],
+      message: 'Must be 18 or older'
+    });
+  }
+  
+  // Name validation
+  if (data.name.trim().length === 0) {
+    ctx.addIssue({
+      code: z.ZodIssueCode.custom,
+      path: ['name'],
+      message: 'Name cannot be empty'
+    });
+  }
+});
+
+// Conditional validation with context
+const orderValidation = z.object({
+  items: z.array(z.object({
+    id: z.string(),
+    quantity: z.number(),
+    price: z.number()
+  })),
+  shippingAddress: z.string().optional(),
+  billingAddress: z.string()
+}).superRefine((order, ctx) => {
+  // Check if items exist
+  if (order.items.length === 0) {
+    ctx.addIssue({
+      code: z.ZodIssueCode.custom,
+      path: ['items'],
+      message: 'Order must contain at least one item'
+    });
+  }
+  
+  // Validate total amount
+  const total = order.items.reduce((sum, item) => sum + (item.quantity * item.price), 0);
+  if (total > 10000) {
+    ctx.addIssue({
+      code: z.ZodIssueCode.too_big,
+      maximum: 10000,
+      type: 'number',
+      inclusive: false,
+      message: 'Order total exceeds maximum limit',
+      path: ['items']
+    });
+  }
+  
+  // Require shipping address for orders over $100
+  if (total > 100 && !order.shippingAddress) {
+    ctx.addIssue({
+      code: z.ZodIssueCode.custom,
+      path: ['shippingAddress'],
+      message: 'Shipping address required for orders over $100'
+    });
+  }
+});
+
+// Async super refinement
+const asyncUserValidation = z.object({
+  username: z.string(),
+  email: z.string().email()
+}).superRefine(async (user, ctx) => {
+  // Check username availability
+  const usernameExists = await checkUsernameExists(user.username);
+  if (usernameExists) {
+    ctx.addIssue({
+      code: z.ZodIssueCode.custom,
+      path: ['username'],
+      message: 'Username is already taken'
+    });
+  }
+  
+  // Check email availability
+  const emailExists = await checkEmailExists(user.email);
+  if (emailExists) {
+    ctx.addIssue({
+      code: z.ZodIssueCode.custom, 
+      path: ['email'],
+      message: 'Email is already registered'
+    });
+  }
+});
+
+// Custom validation with detailed error info
+const complexValidation = z.string().superRefine((value, ctx) => {
+  const issues = [];
+  
+  if (value.length < 8) {
+    issues.push('at least 8 characters');
+  }
+  if (!/[A-Z]/.test(value)) {
+    issues.push('one uppercase letter');
+  }
+  if (!/[a-z]/.test(value)) {
+    issues.push('one lowercase letter');
+  }
+  if (!/\d/.test(value)) {
+    issues.push('one number');
+  }
+  if (!/[!@#$%^&*]/.test(value)) {
+    issues.push('one special character');
+  }
+  
+  if (issues.length > 0) {
+    ctx.addIssue({
+      code: z.ZodIssueCode.custom,
+      message: `Password must contain ${issues.join(', ')}`,
+      params: { requirements: issues }
+    });
+  }
+});
+```
+
+### Pipeline Method
+
+Chains schemas where the first schema's output becomes the second schema's input, enabling complex validation flows.
+
+```typescript { .api }
+/**
+ * Creates a pipeline from this schema to another schema
+ * @param target - The target schema that receives this schema's output
+ * @returns ZodPipeline schema
+ */
+class ZodType<Output, Def, Input> {
+  pipe<T extends ZodTypeAny>(target: T): ZodPipeline<this, T>;
+}
+
+/**
+ * Creates a pipeline between two schemas
+ * @param source - Source schema
+ * @param target - Target schema
+ * @returns ZodPipeline schema
+ */
+function pipeline<A extends ZodTypeAny, B extends ZodTypeAny>(
+  source: A,
+  target: B
+): ZodPipeline<A, B>;
+
+class ZodPipeline<A extends ZodTypeAny, B extends ZodTypeAny> extends ZodType<
+  B['_output'],
+  ZodPipelineDef<A, B>,
+  A['_input']
+> {}
+```
+
+**Usage Examples:**
+```typescript
+// Basic pipeline
+const stringToNumber = z.string().pipe(z.coerce.number());
+const result = stringToNumber.parse("123"); // 123 (number)
+
+// Multi-stage pipeline
+const emailPipeline = z
+  .string()
+  .pipe(z.string().email())              // Validate email format
+  .pipe(z.string().transform(s => s.toLowerCase())) // Normalize to lowercase
+  .pipe(z.string().refine(email => !email.endsWith('@tempmail.com'), 
+    'Temporary emails not allowed'));      // Business rule
+
+const cleanEmail = emailPipeline.parse("USER@EXAMPLE.COM"); // "user@example.com"
+
+// Preprocessing pipeline
+const csvPipeline = z
+  .string()
+  .transform(csv => csv.split(','))        // String to array
+  .pipe(z.array(z.string().trim()))       // Validate array and trim items
+  .pipe(z.array(z.string().min(1)))       // Ensure no empty items
+  .transform(items => items.filter(Boolean)); // Remove falsy values
+
+const items = csvPipeline.parse("apple, banana, , cherry"); // ["apple", "banana", "cherry"]
+
+// Complex data processing pipeline
+const userDataPipeline = z
+  .string()                               // Raw JSON string
+  .transform(json => JSON.parse(json))    // Parse JSON
+  .pipe(z.object({                        // Validate structure
+    user_id: z.string().uuid(),
+    user_data: z.object({
+      name: z.string(),
+      email: z.string().email(),
+      age: z.number().min(0).max(150)
+    })
+  }))
+  .transform(data => ({                   // Normalize structure
+    id: data.user_id,
+    profile: {
+      ...data.user_data,
+      isAdult: data.user_data.age >= 18
+    }
+  }))
+  .pipe(z.object({                        // Final validation
+    id: z.string().uuid(),
+    profile: z.object({
+      name: z.string().min(1),
+      email: z.string().email(),
+      age: z.number(),
+      isAdult: z.boolean()
+    })
+  }));
+
+// Conditional pipeline
+function createValidationPipeline(requiresVerification: boolean) {
+  let pipeline = z
+    .string()
+    .email()
+    .pipe(z.string().transform(s => s.toLowerCase()));
+  
+  if (requiresVerification) {
+    pipeline = pipeline.pipe(
+      z.string().superRefine(async (email, ctx) => {
+        const verified = await checkEmailVerification(email);
+        if (!verified) {
+          ctx.addIssue({
+            code: z.ZodIssueCode.custom,
+            message: 'Email must be verified'
+          });
+        }
+      })
+    );
+  }
+  
+  return pipeline;
+}
+```
+
+## Advanced Transformation Patterns
+
+**Chaining Multiple Transformations:**
+```typescript
+// Complex data transformation chain
+const processUserInput = z
+  .string()
+  .transform(input => input.trim())                    // Clean input
+  .pipe(z.string().min(1, "Input required"))          // Validate not empty
+  .transform(input => JSON.parse(input))               // Parse JSON
+  .pipe(z.object({                                     // Validate structure
+    personalInfo: z.object({
+      firstName: z.string(),
+      lastName: z.string(),
+      birthDate: z.string().datetime()
+    }),
+    preferences: z.record(z.unknown()).optional()
+  }))
+  .transform(data => ({                                // Transform data
+    name: `${data.personalInfo.firstName} ${data.personalInfo.lastName}`,
+    birthDate: new Date(data.personalInfo.birthDate),
+    preferences: data.preferences || {}
+  }))
+  .refine(user => user.birthDate < new Date(), {       // Final validation
+    message: "Birth date cannot be in the future",
+    path: ["birthDate"]
+  });
+```
+
+**Error Handling in Transformations:**
+```typescript
+// Safe transformation with error handling
+const safeTransform = z.string().transform((val, ctx) => {
+  try {
+    const parsed = JSON.parse(val);
+    return parsed;
+  } catch (error) {
+    ctx.addIssue({
+      code: z.ZodIssueCode.custom,
+      message: "Invalid JSON format"
+    });
+    return z.NEVER; // Indicates transformation failure
+  }
+});
+
+// Async error handling
+const asyncSafeTransform = z.string().transform(async (val, ctx) => {
+  try {
+    const result = await externalApiCall(val);
+    if (!result.success) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: result.error || "External validation failed"
+      });
+      return z.NEVER;
+    }
+    return result.data;
+  } catch (error) {
+    ctx.addIssue({
+      code: z.ZodIssueCode.custom,
+      message: "Network error during validation"
+    });
+    return z.NEVER;
+  }
+});
+```
+
+**Performance Considerations:**
+```typescript
+// Optimize transformations for performance
+const optimizedSchema = z
+  .string()
+  .transform(s => s.toLowerCase()) // Fast string operation
+  .pipe(z.string().email())       // Validate after transformation
+  .transform(email => {           // Minimal transformation logic
+    return { email, domain: email.split('@')[1] };
+  });
+
+// Avoid expensive operations in refinements if possible
+// Prefer transformations for data processing
+// Use superRefine only when multiple errors need to be reported
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-zod/docs/unions-intersections.md b/.tessl/tiles/tessl/npm-zod/docs/unions-intersections.md
new file mode 100644
index 000000000..038836e1e
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-zod/docs/unions-intersections.md
@@ -0,0 +1,268 @@
+# Union and Intersection Types
+
+Schema types for combining multiple schemas including unions, discriminated unions, and intersections. These enable complex type compositions and sophisticated validation logic.
+
+## Capabilities
+
+### Union Schema
+
+Validates that input matches at least one of the provided schema options.
+
+```typescript { .api }
+/**
+ * Creates a union schema that validates against any of the provided schemas
+ * @param types - Array of schemas to union together (minimum 2 schemas)
+ * @returns ZodUnion schema instance
+ */
+function union<T extends readonly [ZodTypeAny, ZodTypeAny, ...ZodTypeAny[]]>(
+  types: T
+): ZodUnion<T>;
+
+class ZodUnion<T extends ZodUnionOptions> extends ZodType<
+  T[number]["_output"],
+  ZodUnionDef<T>,
+  T[number]["_input"]
+> {
+  /** Access to the union options */
+  options: T;
+}
+
+type ZodUnionOptions = Readonly<[ZodTypeAny, ...ZodTypeAny[]]>;
+```
+
+**Usage Examples:**
+
+```typescript
+import { z } from "zod";
+
+// Basic union
+const stringOrNumberSchema = z.union([z.string(), z.number()]);
+const value1 = stringOrNumberSchema.parse("hello"); // string
+const value2 = stringOrNumberSchema.parse(42); // number
+
+// Union with objects
+const eventSchema = z.union([
+  z.object({
+    type: z.literal("click"),
+    x: z.number(),
+    y: z.number(),
+  }),
+  z.object({
+    type: z.literal("keypress"),
+    key: z.string(),
+  }),
+]);
+
+// Union with null
+const nullableStringSchema = z.union([z.string(), z.null()]);
+```
+
+### Discriminated Union Schema
+
+Validates unions based on a shared discriminator property for better type inference and error messages.
+
+```typescript { .api }
+/**
+ * Creates a discriminated union schema using a shared discriminator key
+ * @param discriminator - The property name used to discriminate between options
+ * @param types - Array of object schemas with the discriminator property
+ * @returns ZodDiscriminatedUnion schema instance
+ */
+function discriminatedUnion<
+  Discriminator extends string,
+  Types extends [
+    ZodDiscriminatedUnionOption<Discriminator>,
+    ...ZodDiscriminatedUnionOption<Discriminator>[]
+  ]
+>(
+  discriminator: Discriminator,
+  types: Types
+): ZodDiscriminatedUnion<Discriminator, Types>;
+
+class ZodDiscriminatedUnion<
+  Discriminator extends string,
+  Types extends ZodDiscriminatedUnionOption<Discriminator>[]
+> extends ZodType<
+  Types[number]["_output"],
+  ZodDiscriminatedUnionDef<Discriminator, Types>,
+  Types[number]["_input"]
+> {
+  /** Access to the discriminator property name */
+  discriminator: Discriminator;
+  /** Access to the union options */
+  options: Types;
+}
+
+type ZodDiscriminatedUnionOption<Discriminator extends string> = ZodObject<
+  { [key in Discriminator]: ZodTypeAny } & ZodRawShape,
+  UnknownKeysParam,
+  ZodTypeAny
+>;
+```
+
+**Usage Examples:**
+
+```typescript
+import { z } from "zod";
+
+// Discriminated union with type field
+const shapeSchema = z.discriminatedUnion("type", [
+  z.object({
+    type: z.literal("circle"),
+    radius: z.number(),
+  }),
+  z.object({
+    type: z.literal("rectangle"),
+    width: z.number(),
+    height: z.number(),
+  }),
+  z.object({
+    type: z.literal("triangle"),
+    base: z.number(),
+    height: z.number(),
+  }),
+]);
+
+const circle = shapeSchema.parse({
+  type: "circle",
+  radius: 10,
+}); // Type is inferred as { type: "circle", radius: number }
+
+// API response discriminated union
+const apiResponseSchema = z.discriminatedUnion("status", [
+  z.object({
+    status: z.literal("success"),
+    data: z.any(),
+  }),
+  z.object({
+    status: z.literal("error"),
+    message: z.string(),
+    code: z.number(),
+  }),
+]);
+```
+
+### Intersection Schema
+
+Validates that input satisfies all provided schemas simultaneously.
+
+```typescript { .api }
+/**
+ * Creates an intersection schema that validates against all provided schemas
+ * @param left - First schema to intersect
+ * @param right - Second schema to intersect
+ * @returns ZodIntersection schema instance
+ */
+function intersection<T extends ZodTypeAny, U extends ZodTypeAny>(
+  left: T,
+  right: U
+): ZodIntersection<T, U>;
+
+class ZodIntersection<T extends ZodTypeAny, U extends ZodTypeAny> extends ZodType<
+  T["_output"] & U["_output"],
+  ZodIntersectionDef<T, U>,
+  T["_input"] & U["_input"]
+> {
+  /** Access to the left schema */
+  _def: ZodIntersectionDef<T, U>;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { z } from "zod";
+
+// Intersection of objects
+const nameSchema = z.object({
+  name: z.string(),
+});
+
+const ageSchema = z.object({
+  age: z.number(),
+});
+
+const personSchema = z.intersection(nameSchema, ageSchema);
+const person = personSchema.parse({
+  name: "Alice",
+  age: 30,
+}); // Type: { name: string } & { age: number }
+
+// Intersection with additional constraints
+const userSchema = z.object({
+  id: z.number(),
+  email: z.string().email(),
+});
+
+const adminSchema = z.object({
+  role: z.literal("admin"),
+  permissions: z.array(z.string()),
+});
+
+const adminUserSchema = z.intersection(userSchema, adminSchema);
+```
+
+## Alternative Union Syntax
+
+Zod provides convenient methods for creating common union patterns:
+
+```typescript { .api }
+abstract class ZodType<Output, Def extends ZodTypeDef, Input> {
+  /** Create union with another schema */
+  or<T extends ZodTypeAny>(option: T): ZodUnion<[this, T]>;
+  
+  /** Make schema nullable (union with null) */
+  nullable(): ZodNullable<this>;
+  
+  /** Make schema optional (union with undefined) */
+  optional(): ZodOptional<this>;
+  
+  /** Make schema nullish (optional and nullable) */
+  nullish(): ZodOptional<ZodNullable<this>>;
+}
+```
+
+**Usage Examples:**
+
+```typescript
+import { z } from "zod";
+
+// Using .or() method
+const stringOrNumberSchema = z.string().or(z.number());
+
+// Using .nullable()
+const nullableStringSchema = z.string().nullable();
+// Equivalent to: z.union([z.string(), z.null()])
+
+// Using .optional()
+const optionalStringSchema = z.string().optional();
+// Equivalent to: z.union([z.string(), z.undefined()])
+
+// Using .nullish()
+const nullishStringSchema = z.string().nullish();
+// Equivalent to: z.string().nullable().optional()
+```
+
+## Types
+
+```typescript { .api }
+interface ZodUnionDef<T extends ZodUnionOptions = ZodUnionOptions> extends ZodTypeDef {
+  options: T;
+}
+
+interface ZodDiscriminatedUnionDef<
+  Discriminator extends string,
+  Types extends ZodDiscriminatedUnionOption<Discriminator>[]
+> extends ZodTypeDef {
+  discriminator: Discriminator;
+  options: Types;
+}
+
+interface ZodIntersectionDef<
+  T extends ZodTypeAny = ZodTypeAny,
+  U extends ZodTypeAny = ZodTypeAny
+> extends ZodTypeDef {
+  left: T;
+  right: U;
+}
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-zod/docs/utilities.md b/.tessl/tiles/tessl/npm-zod/docs/utilities.md
new file mode 100644
index 000000000..f98e17994
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-zod/docs/utilities.md
@@ -0,0 +1,505 @@
+# Utility Functions
+
+Helper functions and utilities for schema creation, data preprocessing, type coercion, and common validation patterns. These utilities provide shortcuts and enhanced functionality for building robust validation schemas.
+
+## Capabilities
+
+### Coercion Utilities
+
+Type coercion functions that attempt to convert input values to target types before validation.
+
+```typescript { .api }
+/**
+ * Coercion utilities that transform input values before validation
+ */
+namespace coerce {
+  /** Coerce input to string */
+  function string(): ZodString;
+  
+  /** Coerce input to number */
+  function number(): ZodNumber;
+  
+  /** Coerce input to boolean */  
+  function boolean(): ZodBoolean;
+  
+  /** Coerce input to bigint */
+  function bigint(): ZodBigInt;
+  
+  /** Coerce input to Date */
+  function date(): ZodDate;
+}
+
+// Coercion behavior:
+// - string(): calls String(input)
+// - number(): calls Number(input) 
+// - boolean(): converts truthy/falsy values
+// - bigint(): calls BigInt(input)
+// - date(): creates new Date(input)
+```
+
+**Usage Examples:**
+```typescript
+// String coercion
+const stringCoercer = z.coerce.string();
+stringCoercer.parse(123);        // "123"
+stringCoercer.parse(true);       // "true"  
+stringCoercer.parse(null);       // "null"
+stringCoercer.parse(undefined);  // "undefined"
+
+// Number coercion
+const numberCoercer = z.coerce.number();
+numberCoercer.parse("123");      // 123
+numberCoercer.parse("123.45");   // 123.45
+numberCoercer.parse(true);       // 1
+numberCoercer.parse(false);      // 0
+numberCoercer.parse("");         // 0
+numberCoercer.parse("invalid");  // NaN (then fails number validation)
+
+// Boolean coercion
+const booleanCoercer = z.coerce.boolean();
+booleanCoercer.parse("true");    // true
+booleanCoercer.parse("false");   // false
+booleanCoercer.parse("yes");     // true (truthy)
+booleanCoercer.parse("");        // false (falsy)
+booleanCoercer.parse(0);         // false
+booleanCoercer.parse(1);         // true
+
+// Date coercion
+const dateCoercer = z.coerce.date();
+dateCoercer.parse("2023-10-15");           // Date object
+dateCoercer.parse(1697328000000);          // Date from timestamp
+dateCoercer.parse("invalid");              // Invalid Date (then fails validation)
+
+// Combining coercion with validation
+const positiveNumberSchema = z.coerce.number().positive();
+positiveNumberSchema.parse("42");          // 42
+positiveNumberSchema.parse("-5");          // throws (negative after coercion)
+
+const emailFromAnySchema = z.coerce.string().email();
+emailFromAnySchema.parse(12345);           // throws (not valid email after coercion)
+
+// Form data processing
+const formSchema = z.object({
+  name: z.coerce.string().min(1),
+  age: z.coerce.number().int().min(0),
+  isActive: z.coerce.boolean(),
+  createdAt: z.coerce.date()
+});
+
+// Handles form data where all values are strings
+const formData = {
+  name: "John Doe",
+  age: "30",           // String from form input
+  isActive: "true",    // String from checkbox  
+  createdAt: "2023-10-15T10:00:00Z"
+};
+
+const parsed = formSchema.parse(formData);
+// Result: { name: "John Doe", age: 30, isActive: true, createdAt: Date object }
+```
+
+### Preprocessing
+
+Preprocess input data before validation using custom transformation functions.
+
+```typescript { .api }
+/**
+ * Preprocess input data before schema validation
+ * @param preprocess - Function to transform input before validation
+ * @param schema - Schema to validate preprocessed data
+ * @returns ZodEffects schema with preprocessing
+ */
+function preprocess<T extends ZodTypeAny>(
+  preprocess: (arg: unknown) => unknown,
+  schema: T
+): ZodEffects<T>;
+
+/**
+ * Async preprocessing
+ */
+function preprocessAsync<T extends ZodTypeAny>(
+  preprocess: (arg: unknown) => Promise<unknown>,
+  schema: T
+): ZodEffects<T>;
+```
+
+**Usage Examples:**
+```typescript
+// Basic preprocessing
+const trimmedString = z.preprocess(
+  (input) => typeof input === 'string' ? input.trim() : input,
+  z.string().min(1)
+);
+
+trimmedString.parse("  hello  ");  // "hello"
+trimmedString.parse("   ");        // throws (empty after trim)
+
+// JSON parsing preprocessing
+const jsonSchema = z.preprocess(
+  (input) => {
+    if (typeof input === 'string') {
+      try {
+        return JSON.parse(input);
+      } catch {
+        return input; // Let schema handle invalid JSON
+      }
+    }
+    return input;
+  },
+  z.object({ name: z.string(), age: z.number() })
+);
+
+jsonSchema.parse('{"name":"John","age":30}');  // { name: "John", age: 30 }
+jsonSchema.parse({ name: "Jane", age: 25 });   // { name: "Jane", age: 25 }
+
+// Array preprocessing
+const csvToArraySchema = z.preprocess(
+  (input) => typeof input === 'string' ? input.split(',').map(s => s.trim()) : input,
+  z.array(z.string().min(1))
+);
+
+csvToArraySchema.parse("apple,banana,cherry");  // ["apple", "banana", "cherry"]
+
+// Complex preprocessing with validation
+const userInputPreprocessor = z.preprocess(
+  (input) => {
+    if (typeof input === 'string') {
+      // Handle various input formats
+      if (input.startsWith('{')) {
+        return JSON.parse(input);
+      }
+      if (input.includes('=')) {
+        // Parse key=value format  
+        const pairs = input.split('&');
+        return Object.fromEntries(
+          pairs.map(pair => pair.split('=').map(decodeURIComponent))
+        );
+      }
+    }
+    return input;
+  },
+  z.object({
+    name: z.string(),
+    email: z.string().email()
+  })
+);
+
+userInputPreprocessor.parse('{"name":"John","email":"john@example.com"}');
+userInputPreprocessor.parse('name=John&email=john@example.com');
+
+// Async preprocessing
+const asyncPreprocessor = z.preprocess(
+  async (input) => {
+    if (typeof input === 'string' && input.startsWith('user:')) {
+      const userId = input.slice(5);
+      const userData = await fetchUserById(userId);
+      return userData;
+    }
+    return input;
+  },
+  z.object({
+    id: z.string(),
+    name: z.string(),
+    email: z.string().email()
+  })
+);
+
+// Can handle both direct objects and user ID references
+await asyncPreprocessor.parseAsync('user:123');  // Fetches user data
+await asyncPreprocessor.parseAsync({ id: '456', name: 'Direct', email: 'direct@example.com' });
+```
+
+### Schema Shortcuts
+
+Convenient shorthand functions for common schema patterns.
+
+```typescript { .api }
+/**
+ * Optional primitive shortcuts
+ */
+function ostring(): ZodOptional<ZodString>;
+function onumber(): ZodOptional<ZodNumber>;  
+function oboolean(): ZodOptional<ZodBoolean>;
+
+/**
+ * Strict object creation (no unknown keys allowed)
+ */
+function strictObject<T extends ZodRawShape>(shape: T): ZodObject<T, "strict">;
+
+/**
+ * Custom validation with type predicate
+ */
+function custom<T>(
+  check: (data: unknown) => data is T,
+  params?: CustomParams
+): ZodType<T>;
+
+function custom<T>(  
+  check: (data: unknown) => boolean,
+  params?: CustomParams
+): ZodType<T>;
+
+interface CustomParams {
+  message?: string;
+  path?: (string | number)[];
+  [key: string]: any;
+}
+
+/**
+ * Instance validation
+ */
+function instanceof<T extends new (...args: any[]) => any>(
+  cls: T,
+  params?: CustomParams
+): ZodType<InstanceType<T>>;
+```
+
+**Usage Examples:**
+```typescript
+// Optional shortcuts
+const optionalFields = z.object({
+  name: z.string(),           // Required
+  email: z.ostring(),         // Optional string
+  age: z.onumber(),          // Optional number  
+  isActive: z.oboolean()     // Optional boolean
+});
+
+type OptionalFields = z.infer<typeof optionalFields>;
+// { name: string; email?: string; age?: number; isActive?: boolean }
+
+// Equivalent to:
+const longForm = z.object({
+  name: z.string(),
+  email: z.string().optional(),
+  age: z.number().optional(),
+  isActive: z.boolean().optional()
+});
+
+// Strict objects (no unknown properties)
+const strictUser = z.strictObject({
+  id: z.string(),
+  name: z.string(),
+  email: z.string().email()
+});
+
+strictUser.parse({ id: "1", name: "John", email: "john@example.com" }); // ✓
+strictUser.parse({ id: "1", name: "John", email: "john@example.com", extra: "field" }); // ✗
+
+// Custom validation with type predicates
+function isPositiveNumber(value: unknown): value is number {
+  return typeof value === 'number' && value > 0;
+}
+
+const positiveNumberSchema = z.custom<number>(
+  isPositiveNumber,
+  { message: "Must be a positive number" }
+);
+
+positiveNumberSchema.parse(42);    // 42
+positiveNumberSchema.parse(-5);    // throws
+positiveNumberSchema.parse("10");  // throws (not a number)
+
+// Instance validation
+class User {
+  constructor(public name: string, public email: string) {}
+}
+
+const userInstanceSchema = z.instanceof(User);
+
+const userInstance = new User("John", "john@example.com");
+userInstanceSchema.parse(userInstance);        // ✓ User instance
+userInstanceSchema.parse({ name: "John", email: "john@example.com" }); // ✗ Plain object
+
+// Complex custom validation
+const passwordSchema = z.custom<string>((value): value is string => {
+  if (typeof value !== 'string') return false;
+  if (value.length < 8) return false;
+  if (!/[A-Z]/.test(value)) return false;
+  if (!/[a-z]/.test(value)) return false;
+  if (!/\d/.test(value)) return false;
+  return true;
+}, {
+  message: "Password must be at least 8 characters with uppercase, lowercase, and number"
+});
+
+// Custom validation with context
+const uniqueEmailSchema = z.custom<string>(
+  async (email) => {
+    if (typeof email !== 'string') return false;
+    const isUnique = await checkEmailUnique(email);
+    return isUnique;
+  },
+  { message: "Email address is already taken" }
+);
+```
+
+### Advanced Utility Patterns
+
+**Environment Variable Validation:**
+```typescript
+// Environment configuration schema with coercion and defaults
+const envSchema = z.object({
+  NODE_ENV: z.enum(['development', 'production', 'test']).default('development'),
+  PORT: z.coerce.number().default(3000),
+  DATABASE_URL: z.string().url(),
+  API_KEY: z.string().min(1),
+  DEBUG: z.coerce.boolean().default(false),
+  MAX_CONNECTIONS: z.coerce.number().int().positive().default(10),
+  ALLOWED_ORIGINS: z.preprocess(
+    (val) => typeof val === 'string' ? val.split(',').map(s => s.trim()) : val,
+    z.array(z.string().url()).default([])
+  )
+});
+
+// Validate environment variables
+const env = envSchema.parse(process.env);
+```
+
+**Form Data Processing:**
+```typescript
+// Universal form data processor
+function createFormProcessor<T extends ZodRawShape>(shape: T) {
+  return z.preprocess((data) => {
+    // Handle FormData, URLSearchParams, or plain objects
+    if (data instanceof FormData) {
+      const obj: Record<string, any> = {};
+      for (const [key, value] of data.entries()) {
+        if (key.endsWith('[]')) {
+          // Handle array fields
+          const arrayKey = key.slice(0, -2);
+          obj[arrayKey] = obj[arrayKey] || [];
+          obj[arrayKey].push(value);
+        } else {
+          obj[key] = value;
+        }
+      }
+      return obj;
+    }
+    
+    if (data instanceof URLSearchParams) {
+      return Object.fromEntries(data.entries());
+    }
+    
+    return data;
+  }, z.object(shape));
+}
+
+const userFormProcessor = createFormProcessor({
+  name: z.coerce.string().min(1),
+  email: z.coerce.string().email(),
+  age: z.coerce.number().int().min(0),
+  interests: z.array(z.string()).default([])
+});
+```
+
+**API Response Validation:**
+```typescript
+// Flexible API response validator
+function createApiValidator<T extends ZodTypeAny>(dataSchema: T) {
+  return z.object({
+    success: z.boolean(),
+    data: z.when(z.boolean(), {
+      is: true,
+      then: dataSchema,
+      otherwise: z.undefined()
+    }),
+    error: z.when(z.boolean(), {
+      is: false, 
+      then: z.object({
+        message: z.string(),
+        code: z.string().optional()
+      }),
+      otherwise: z.undefined()
+    }),
+    meta: z.object({
+      timestamp: z.coerce.date(),
+      requestId: z.string().uuid().optional()
+    }).optional()
+  });
+}
+
+const userApiResponse = createApiValidator(z.object({
+  id: z.string(),
+  name: z.string(),
+  email: z.string().email()
+}));
+```
+
+**Recursive Schema Utilities:**
+```typescript
+// Helper for recursive schemas
+function createRecursiveSchema<T extends ZodTypeAny>(
+  createSchema: (self: T) => T
+): T {
+  const schema = z.lazy(() => createSchema(schema as T));
+  return schema as T;
+}
+
+// Recursive comment schema
+const commentSchema = createRecursiveSchema((self) =>
+  z.object({
+    id: z.string(),
+    content: z.string(),
+    author: z.string(),
+    replies: z.array(self).default([])
+  })
+);
+
+type Comment = z.infer<typeof commentSchema>;
+// Recursive type: Comment has replies of type Comment[]
+```
+
+**Performance Optimization Utilities:**
+```typescript
+// Schema caching for hot paths
+const schemaCache = new Map<string, ZodTypeAny>();
+
+function getCachedSchema<T extends ZodTypeAny>(key: string, factory: () => T): T {
+  if (!schemaCache.has(key)) {
+    schemaCache.set(key, factory());
+  }
+  return schemaCache.get(key) as T;
+}
+
+// Batch validation utility
+async function validateBatch<T extends ZodTypeAny>(
+  schema: T,
+  items: unknown[],
+  { concurrency = 10, failFast = false } = {}
+): Promise<{
+  results: Array<{ success: true; data: z.output<T> } | { success: false; error: z.ZodError }>;
+  successCount: number;
+  errorCount: number;
+}> {
+  const results = await Promise.all(
+    items.map(async (item) => {
+      const result = await schema.safeParseAsync(item);
+      if (!result.success && failFast) {
+        throw result.error;
+      }
+      return result;
+    })
+  );
+  
+  const successCount = results.filter(r => r.success).length;
+  const errorCount = results.length - successCount;
+  
+  return { results, successCount, errorCount };
+}
+```
+
+## Types
+
+```typescript { .api }
+/**
+ * Type helper for inferring flattened error types
+ */
+type inferFlattenedErrors<T extends ZodType<any, any, any>> = 
+  T extends ZodType<any, any, infer Input> ? ZodFlattened<Input> : never;
+
+/**
+ * Type helper for inferring formatted error types  
+ */
+type inferFormattedError<T extends ZodType<any, any, any>> =
+  T extends ZodType<infer Output> ? ZodFormattedError<Output> : never;
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-zod/docs/validation.md b/.tessl/tiles/tessl/npm-zod/docs/validation.md
new file mode 100644
index 000000000..7e780763a
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-zod/docs/validation.md
@@ -0,0 +1,362 @@
+# Core Validation
+
+Primary validation methods for parsing and validating data against Zod schemas. These methods form the core API for runtime validation with both synchronous and asynchronous variants, plus safe parsing options that return results instead of throwing errors.
+
+## Capabilities
+
+### Parse Methods
+
+Core parsing methods that validate data against schemas and throw errors on validation failure.
+
+```typescript { .api }
+/**
+ * Parses input data synchronously, throwing ZodError on validation failure
+ * @param data - The data to validate
+ * @param params - Optional parsing parameters
+ * @returns The parsed and validated data
+ * @throws ZodError if validation fails
+ */
+class ZodType<Output, Def, Input> {
+  parse(data: unknown, params?: Partial<ParseParams>): Output;
+}
+
+/**
+ * Parses input data asynchronously, throwing ZodError on validation failure
+ * @param data - The data to validate  
+ * @param params - Optional parsing parameters
+ * @returns Promise that resolves to parsed data or rejects with ZodError
+ * @throws ZodError if validation fails
+ */
+class ZodType<Output, Def, Input> {
+  parseAsync(data: unknown, params?: Partial<ParseParams>): Promise<Output>;
+}
+
+interface ParseParams {
+  /** Custom error map for validation messages */
+  errorMap?: ZodErrorMap;
+  /** Invalid type error message */
+  invalid_type_error?: string;
+  /** Required field error message */
+  required_error?: string;
+  /** Custom description for the schema */
+  description?: string;
+  /** Parsing path context */
+  path?: (string | number)[];
+  /** Async mode flag */
+  async?: boolean;
+}
+```
+
+**Usage Examples:**
+```typescript
+// Basic parsing
+const userSchema = z.object({
+  name: z.string(),
+  age: z.number(),
+  email: z.string().email()
+});
+
+// Successful parsing
+const validUser = userSchema.parse({
+  name: "John",
+  age: 30,
+  email: "john@example.com"
+});
+console.log(validUser); // { name: "John", age: 30, email: "john@example.com" }
+
+// Parsing with validation error (throws)
+try {
+  userSchema.parse({
+    name: "John",
+    age: "thirty", // Invalid type
+    email: "invalid-email"
+  });
+} catch (error) {
+  console.log(error instanceof z.ZodError); // true
+  console.log(error.issues); // Array of validation issues
+}
+
+// Custom error messages
+const stringSchema = z.string({
+  required_error: "This field is required",
+  invalid_type_error: "Must be a string"
+});
+
+// Async parsing for schemas with async refinements
+const asyncSchema = z.string().refine(async (val) => {
+  // Simulate async validation (e.g., database check)
+  await new Promise(resolve => setTimeout(resolve, 100));
+  return val !== "taken";
+}, "Username is already taken");
+
+const result = await asyncSchema.parseAsync("available");
+console.log(result); // "available"
+```
+
+### Safe Parse Methods
+
+Safe parsing methods that return result objects instead of throwing errors, allowing graceful error handling.
+
+```typescript { .api }
+/**
+ * Safely parses input data synchronously, returning success or error object
+ * @param data - The data to validate
+ * @param params - Optional parsing parameters
+ * @returns SafeParseReturnType with success/error information
+ */
+class ZodType<Output, Def, Input> {
+  safeParse(data: unknown, params?: Partial<ParseParams>): SafeParseReturnType<Input, Output>;
+}
+
+/**
+ * Safely parses input data asynchronously, returning success or error object
+ * @param data - The data to validate
+ * @param params - Optional parsing parameters  
+ * @returns Promise resolving to SafeParseReturnType with success/error information
+ */
+class ZodType<Output, Def, Input> {
+  safeParseAsync(data: unknown, params?: Partial<ParseParams>): Promise<SafeParseReturnType<Input, Output>>;
+}
+
+type SafeParseReturnType<Input, Output> = SafeParseSuccess<Output> | SafeParseError<Input>;
+
+interface SafeParseSuccess<Output> {
+  success: true;
+  data: Output;
+  error?: never;
+}
+
+interface SafeParseError<Input> {
+  success: false;
+  error: ZodError<Input>;
+  data?: never;
+}
+```
+
+**Usage Examples:**
+```typescript
+// Safe parsing with success
+const numberSchema = z.number();
+
+const successResult = numberSchema.safeParse(42);
+if (successResult.success) {
+  console.log(successResult.data); // 42 (type: number)
+} else {
+  console.log(successResult.error); // Never reached
+}
+
+// Safe parsing with error
+const errorResult = numberSchema.safeParse("not a number");
+if (errorResult.success) {
+  console.log(errorResult.data); // Never reached
+} else {
+  console.log(errorResult.error.issues); // Validation error details
+}
+
+// Type-safe error handling
+function processUser(input: unknown) {
+  const result = userSchema.safeParse(input);
+  
+  if (result.success) {
+    // TypeScript knows result.data is valid user object
+    return `Hello ${result.data.name}, age ${result.data.age}`;
+  } else {
+    // TypeScript knows result.error is ZodError
+    return `Invalid user data: ${result.error.message}`;
+  }
+}
+
+// Async safe parsing
+async function validateUsernameAvailability(username: unknown) {
+  const result = await asyncSchema.safeParseAsync(username);
+  
+  if (result.success) {
+    return { available: true, username: result.data };
+  } else {
+    return { 
+      available: false, 
+      errors: result.error.flatten().fieldErrors 
+    };
+  }
+}
+```
+
+### Type Inference and Input/Output Types
+
+Methods to extract TypeScript types from schemas for type-safe development.
+
+```typescript { .api }
+/**
+ * Utility types for extracting schema types
+ */
+type TypeOf<T extends ZodType<any, any, any>> = T['_output'];
+type infer<T extends ZodType<any, any, any>> = T['_output'];
+type input<T extends ZodType<any, any, any>> = T['_input'];
+type output<T extends ZodType<any, any, any>> = T['_output'];
+
+/**
+ * Helper functions for extracting types at runtime
+ */
+function getInputType<T extends ZodTypeAny>(schema: T): T['_input'];
+function getOutputType<T extends ZodTypeAny>(schema: T): T['_output'];
+```
+
+**Usage Examples:**
+```typescript
+// Schema with transformations
+const transformSchema = z
+  .string()
+  .transform(s => parseInt(s))
+  .refine(n => n > 0, "Must be positive");
+
+// Type inference
+type Input = z.input<typeof transformSchema>;   // string
+type Output = z.output<typeof transformSchema>; // number
+type Inferred = z.infer<typeof transformSchema>; // number (alias for output)
+
+// Using inferred types
+function handleTransformedData(data: Input): Output {
+  return transformSchema.parse(data);
+}
+
+// Complex schema type inference
+const complexSchema = z.object({
+  user: z.object({
+    id: z.string().uuid(),
+    profile: z.object({
+      name: z.string().min(1),
+      email: z.string().email().optional()
+    }).partial()
+  }).transform(user => ({
+    ...user,
+    displayName: user.profile.name || 'Anonymous'
+  }))
+});
+
+type ComplexInput = z.input<typeof complexSchema>;
+type ComplexOutput = z.output<typeof complexSchema>;
+
+// Input type includes original structure, output type includes transformation
+const processedUser: ComplexOutput = complexSchema.parse({
+  user: {
+    id: "123e4567-e89b-12d3-a456-426614174000",
+    profile: { name: "John" }
+  }
+});
+console.log(processedUser.user.displayName); // "John"
+```
+
+### Advanced Validation Patterns
+
+Common patterns for validation with error handling and type safety.
+
+**Validation with Custom Error Handling:**
+```typescript
+// Custom error map for localization
+const customErrorMap: z.ZodErrorMap = (issue, ctx) => {
+  switch (issue.code) {
+    case z.ZodIssueCode.invalid_type:
+      return { message: `Expected ${issue.expected}, got ${issue.received}` };
+    case z.ZodIssueCode.too_small:
+      return { message: `Value must be at least ${issue.minimum}` };
+    case z.ZodIssueCode.too_big:
+      return { message: `Value must be at most ${issue.maximum}` };
+    default:
+      return { message: ctx.defaultError };
+  }
+};
+
+// Using custom error map
+const schema = z.string().min(5);
+const result = schema.safeParse("hi", { errorMap: customErrorMap });
+// Error message: "Value must be at least 5"
+```
+
+**Conditional Validation:**
+```typescript
+// Validation with conditional logic
+function validateUser(data: unknown, isAdmin: boolean) {
+  const baseSchema = z.object({
+    name: z.string(),
+    email: z.string().email()
+  });
+  
+  const schema = isAdmin 
+    ? baseSchema.extend({
+        permissions: z.array(z.string()).min(1)
+      })
+    : baseSchema;
+  
+  return schema.safeParse(data);
+}
+
+// Usage
+const adminResult = validateUser({
+  name: "Admin",
+  email: "admin@example.com",
+  permissions: ["read", "write"]
+}, true);
+
+const userResult = validateUser({
+  name: "User", 
+  email: "user@example.com"
+}, false);
+```
+
+**Batch Validation:**
+```typescript
+// Validating multiple items
+async function validateBatch<T extends z.ZodTypeAny>(
+  schema: T,
+  items: unknown[]
+): Promise<{ valid: z.output<T>[]; invalid: { index: number; error: z.ZodError }[] }> {
+  const results = await Promise.all(
+    items.map(async (item, index) => {
+      const result = await schema.safeParseAsync(item);
+      return { result, index };
+    })
+  );
+  
+  const valid: z.output<T>[] = [];
+  const invalid: { index: number; error: z.ZodError }[] = [];
+  
+  for (const { result, index } of results) {
+    if (result.success) {
+      valid.push(result.data);
+    } else {
+      invalid.push({ index, error: result.error });
+    }
+  }
+  
+  return { valid, invalid };
+}
+
+// Usage
+const userSchema = z.object({ name: z.string(), age: z.number() });
+const userData = [
+  { name: "John", age: 30 },
+  { name: "Jane", age: "twenty" }, // Invalid
+  { name: "Bob", age: 25 }
+];
+
+const { valid, invalid } = await validateBatch(userSchema, userData);
+console.log(`${valid.length} valid users, ${invalid.length} invalid`);
+```
+
+**Performance Considerations:**
+```typescript
+// For hot paths, consider caching parsed schemas
+const cachedSchema = z.object({
+  id: z.string(),
+  timestamp: z.number()
+}).strict(); // Use strict() to prevent unknown property checking overhead
+
+// Async validation should be used sparingly
+// Prefer sync validation when possible for better performance
+const syncSchema = z.string().refine(val => val.length > 0); // Fast
+const asyncSchema = z.string().refine(async val => {
+  // Only use async when necessary (database calls, etc.)
+  const exists = await checkDatabase(val);
+  return !exists;
+}); // Slower
+```
\ No newline at end of file
diff --git a/.tessl/tiles/tessl/npm-zod/tile.json b/.tessl/tiles/tessl/npm-zod/tile.json
new file mode 100644
index 000000000..082abf586
--- /dev/null
+++ b/.tessl/tiles/tessl/npm-zod/tile.json
@@ -0,0 +1,7 @@
+{
+  "name": "tessl/npm-zod",
+  "version": "3.25.0",
+  "docs": "docs/index.md",
+  "describes": "pkg:npm/zod@3.25.76",
+  "summary": "TypeScript-first schema declaration and validation library with static type inference"
+}
\ No newline at end of file