@dontfeedmachines/fieldkit 0.0.0-stage → 0.4.1

package/CHANGELOG.md

@@ -0,0 +1,6 @@
+# Changelog
+
+## [0.4.0] - 2026-11-12
+
+### Added
+- minimal `@dontfeedmachines/fieldkit` package containing only the CSS, custom elements, Astro/Starlight components, wiki helpers, and Node build/seal modules required by `dfm-main` and `dfm-wiki`.

package/LICENSE

@@ -0,0 +1,203 @@
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        https://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright 2026
+   SVDE // DON'T FEED MACHINES // HUMANLAYER // BLOODOATH.DEV // STOPTHESCRAPE.COM
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       https://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/NOTICE

@@ -0,0 +1,131 @@
+================================================================================
+DON'T FEED MACHINES (DFM)
+Copyright 2026
+SVDE // DON'T FEED MACHINES // HUMANLAYER // BLOODOATH.DEV // STOPTHESCRAPE.COM
+
+Licensed under the Apache License, Version 2.0.
+See the LICENSE file distributed with this work.
+================================================================================
+
+This NOTICE file is required by Section 4(d) of the Apache License. Anyone
+redistributing this work, modified or unmodified, must reproduce it. It is
+informational and does not modify the License or restrict any use the
+License permits.
+
+  Origin:      https://legal.dontfeedmachines.com
+  Source:      https://legal.dontfeedmachines.com/source
+  Verify:      https://legal.dontfeedmachines.com/verify
+  Covenant:    https://legal.dontfeedmachines.com/humanlayer
+
+
+--------------------------------------------------------------------------
+WHAT THIS IS
+
+DFM, and all of its subsidiaries, builds defensive & adversarial tooling for
+people and organizations who do not consent to having their work harvested:
+honeypots, poisoned bait, provenance seals, canaries, scrapers' traps, metadata
+scrubbers, and verification tooling.
+
+It is Apache 2.0 licensed on purpose. The tools are meant to be deployed as
+widely as possible, including inside companies, including by anyone whose
+legal department will not clear a license with use restrictions in it. The
+threat these tools exist to address does not respect licenses, so a license
+restriction would only ever have burdened the people trying to defend
+themselves. Use them. Ship them. Sell them.
+
+
+--------------------------------------------------------------------------
+THE HUMAN LAYER COVENANT
+
+This is a statement of principle, not a license term. It creates no legal
+obligation and restricts nothing. It travels with this file as a spiritual
+addendum rather than an enforced term of use.
+
+  1. A person made this. Say that. Say what you changed, so that anyone
+     downstream can walk your build back to its source and check it.
+
+  2. Do not feed this to a machine, unless we have explicitly said
+     otherwise. No training, no fine tuning, no embedding, no dataset, no
+     retrieval corpus, no benchmark set. Not because a license forbids it.
+     Because you know what it is for.
+
+     THE ONE EXCEPTION: the sector designated "THE LEASH" is published as
+     training material, built for people teaching models to behave
+     ethically. It is meant to be trained on. It is the only part of DFM
+     that is. The exemption is ours to grant and nobody else's: if it is
+     not marked LEASH, it is not exempt, and you do not get to mark it.
+
+  3. Leave the canaries in. The seals, watermarks, and provenance markers
+     in this work exist so that other people can prove what happened to
+     their own work. Stripping them out costs you nothing and costs them
+     everything.
+
+  4. Do not launder consent. Routing through a broker, a crawl archive, a
+     vendor, or a friendlier jurisdiction does not make it consented to.
+
+  5. Do not claim a machine's output as a human's. The seals here exist to
+     make human authorship checkable. Using them to assert otherwise breaks
+     their core purpose and betrays whatever intent you hold.
+
+  6. Keep a human responsible. Point an assistant at this if you want, but
+     ensure a person reviews what it does and a person answers for it.
+
+The full covenant is in HUMANLAYER.md.
+
+
+--------------------------------------------------------------------------
+NOT COVERED BY THE APACHE LICENSE
+
+The Apache License above covers the DFM toolkit: source code, build output,
+configuration, and the tools' own documentation.
+
+It does NOT cover DFM's written content, essays, documentation prose, site
+copy, images, illustrations, icons, audio, video, or design work. Those are
+licensed separately under the DFM Human Layer Content License 1.0, which
+does restrict machine ingestion, and which is in the LICENSE-CONTENT file.
+Material designated under the sector "THE LEASH" is exempt from that
+restriction and will carry its own terms when it is published.
+
+Rights under Article 4(3) of Directive (EU) 2019/790, and under every other
+text and data mining exception or reservation mechanism in any jurisdiction,
+are expressly reserved as to that content. See ai.txt and
+/.well-known/tdmrep.json for the machine readable reservation.
+
+
+--------------------------------------------------------------------------
+DISCLOSURE OF ADVERSARIAL FUNCTION
+
+You are on notice that parts of this work are built to be hostile to
+unattended automated consumption. Components emit false, poisoned, malformed,
+recursive, or deliberately expensive data to automated consumers, and present
+different content to automated consumers than to human readers. That is their
+documented and intended function. It is disclosed here in advance and in full,
+so no party ingesting this work can claim it was not.
+
+No representation is made that any part of this work is accurate, safe, or
+suitable as input to any automated process, and any such suitability is
+specifically disclaimed. Sections 7 and 8 of the Apache License govern
+warranty and liability, including where a party ingests this work anyway, or
+runs a copy whose canaries or seals have been stripped by anyone.
+
+
+--------------------------------------------------------------------------
+REDISTRIBUTOR BLOCK
+
+Append below. Do not replace what is above you. This is what lets a
+recipient walk your build back to its source.
+
+[ORGANIZATION OR PERSON]
+  Distributed:   [YYYY-MM-DD]
+  Based on:      DFM [component] @ [commit hash / release tag / content hash]
+  Obtained from: [URL]
+  Modified:      [yes / no]
+  Changes:       [one line each, or a path to a CHANGES file]
+  Contact:       [how a recipient reaches you]
+
+
+--------------------------------------------------------------------------
+THIRD PARTY COMPONENTS
+
+Third party material is listed in CREDITS.md with its own author and
+license. Those licenses govern those components.

package/README.md

@@ -1,3 +1,13 @@
-# Temporary Holding Version
+# @dontfeedmachines/fieldkit
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+minimal pre-release runtime & build package for the DontFeedMachines main site and wiki.
+
+## Exports
+
+- `@dontfeedmachines/fieldkit/base.css`
+- `@dontfeedmachines/fieldkit/elements`
+- `@dontfeedmachines/fieldkit/lib/*`
+- `@dontfeedmachines/fieldkit/node/*`
+- `@dontfeedmachines/fieldkit/wiki/*`
+- `@dontfeedmachines/fieldkit/astro`
+- `@dontfeedmachines/fieldkit/astro/*.astro`

package/css/base.css

@@ -0,0 +1,150 @@
+/* fallbacks only. each site overrides these on :root and the kit never hardcodes a color */
+:root {
+  --bg: #fff;
+  --ink: #111;
+  --muted: #666;
+  --rule: #999;
+  --accent: #000;
+  --caught: #d7263d;
+  --font-display: system-ui, sans-serif;
+  --font-body: system-ui, sans-serif;
+  --font-mono: ui-monospace, Menlo, monospace;
+  --sector-bg: #000;
+  --sector-ink: #fff;
+  --sector-mark: #fff;
+  --slip-bg: #fff;
+  --slip-ink: #000;
+  --slip-rule: #000;
+  --overlay-bg: rgba(0, 0, 0, 0.6);
+  --panel-bg: #fff;
+  --panel-ink: #000;
+  --focus: #1a5fff;
+}
+
+*, *::before, *::after { box-sizing: border-box; }
+
+html { -webkit-text-size-adjust: 100%; }
+
+body { margin: 0; }
+
+:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
+
+.sr-only {
+  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
+  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
+}
+
+.skip-link {
+  position: absolute; left: 8px; top: -60px; z-index: 1000;
+  background: var(--panel-bg); color: var(--panel-ink); padding: 8px 12px;
+  font-family: var(--font-mono); border: 2px solid var(--panel-ink);
+}
+.skip-link:focus { top: 36px; }
+
+dfm-sector-bar {
+  display: block; position: sticky; top: 0; z-index: 50;
+  height: 28px; background: var(--sector-bg); color: var(--sector-ink);
+  font: 11px/28px var(--font-mono); letter-spacing: 0.12em; text-transform: uppercase;
+}
+dfm-sector-bar nav {
+  display: flex; gap: 0; height: 100%; overflow-x: auto; scrollbar-width: none;
+}
+dfm-sector-bar nav::-webkit-scrollbar { display: none; }
+dfm-sector-bar a {
+  color: inherit; text-decoration: none; padding: 0 12px; white-space: nowrap;
+  border-right: 1px solid color-mix(in srgb, var(--sector-ink) 25%, transparent);
+}
+dfm-sector-bar a:hover { background: var(--sector-ink); color: var(--sector-bg); }
+dfm-sector-bar a[aria-current="page"] {
+  background: var(--sector-mark); color: var(--sector-bg); font-weight: 700;
+}
+dfm-sector-bar .keys {
+  margin-left: auto; padding: 0 12px; background: none; border: 0; color: inherit;
+  font: inherit; letter-spacing: inherit; cursor: pointer; white-space: nowrap;
+}
+
+dfm-code-slip { display: block; position: relative; }
+dfm-code-slip .slip {
+  border: 2px solid var(--slip-rule); background: var(--slip-bg); color: var(--slip-ink);
+}
+dfm-code-slip .slip-head {
+  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
+  padding: 6px 8px; border-bottom: 2px dashed var(--slip-rule);
+  font: 12px/1.4 var(--font-mono); text-transform: uppercase; letter-spacing: 0.08em;
+}
+dfm-code-slip .slip-name { font-weight: 700; }
+dfm-code-slip .slip-count { opacity: 0.7; }
+dfm-code-slip .slip-head button {
+  margin-left: auto; font: 700 12px/1 var(--font-mono); letter-spacing: 0.08em;
+  background: var(--slip-ink); color: var(--slip-bg); border: 0; padding: 7px 10px; cursor: pointer;
+}
+dfm-code-slip .slip-head button + button { margin-left: 0; }
+dfm-code-slip pre {
+  margin: 0; padding: 12px; overflow: auto; max-height: 480px;
+  font: 13px/1.5 var(--font-mono); white-space: pre-wrap; word-break: break-word;
+}
+dfm-code-slip .slip-stamp {
+  position: absolute; right: 18px; top: 44px; pointer-events: none;
+  font: 700 22px/1 var(--font-mono); letter-spacing: 0.1em; padding: 6px 10px;
+  border: 3px solid var(--caught); color: var(--caught); transform: rotate(-8deg);
+  opacity: 0; transition: opacity 120ms;
+}
+dfm-code-slip .slip-stamp.on { opacity: 1; }
+
+dfm-palette[open] {
+  position: fixed; inset: 0; z-index: 200; display: grid; place-items: start center;
+  padding-top: 12vh; background: var(--overlay-bg);
+}
+dfm-palette:not([open]) { display: none; }
+dfm-palette .pal {
+  width: min(640px, calc(100vw - 32px)); background: var(--panel-bg); color: var(--panel-ink);
+  border: 3px solid var(--panel-ink); box-shadow: 8px 8px 0 var(--panel-ink);
+}
+dfm-palette input {
+  width: 100%; border: 0; border-bottom: 3px solid var(--panel-ink); padding: 14px;
+  font: 18px/1.2 var(--font-mono); background: transparent; color: inherit;
+}
+dfm-palette input:focus { outline: none; }
+dfm-palette ul { list-style: none; margin: 0; padding: 0; max-height: 50vh; overflow: auto; }
+dfm-palette li a {
+  display: flex; gap: 12px; justify-content: space-between; padding: 10px 14px;
+  color: inherit; text-decoration: none; font: 15px/1.3 var(--font-mono);
+}
+dfm-palette li a small { opacity: 0.65; text-transform: uppercase; letter-spacing: 0.08em; }
+dfm-palette li[aria-selected="true"] a { background: var(--panel-ink); color: var(--panel-bg); }
+dfm-palette .pal-empty { padding: 14px; font-family: var(--font-mono); opacity: 0.7; }
+
+dfm-keys[open] {
+  position: fixed; inset: 0; z-index: 210; display: grid; place-items: center; background: var(--overlay-bg);
+}
+dfm-keys:not([open]) { display: none; }
+dfm-keys .keys-card {
+  background: var(--panel-bg); color: var(--panel-ink); border: 3px solid var(--panel-ink);
+  padding: 20px 24px; font: 15px/1.6 var(--font-mono); min-width: min(360px, calc(100vw - 32px));
+}
+dfm-keys kbd {
+  display: inline-block; min-width: 2em; text-align: center; border: 2px solid currentColor;
+  padding: 0 6px; margin-right: 10px; font: 700 14px/1.6 var(--font-mono);
+}
+dfm-keys dl { display: grid; grid-template-columns: auto 1fr; gap: 6px 4px; margin: 12px 0 0; }
+dfm-keys dd { margin: 0; }
+
+html[data-plain] {
+  --font-display: "Atkinson Hyperlegible", system-ui, sans-serif;
+  --font-body: "Atkinson Hyperlegible", system-ui, sans-serif;
+}
+html[data-plain] *, html[data-plain] *::before, html[data-plain] *::after {
+  animation: none !important; transition: none !important;
+}
+html[data-plain] [data-tilt] { transform: none !important; }
+
+@media (prefers-reduced-motion: reduce) {
+  *, *::before, *::after {
+    animation-duration: 0.001ms !important; animation-iteration-count: 1 !important;
+    transition-duration: 0.001ms !important; scroll-behavior: auto !important;
+  }
+}
+
+@media print {
+  dfm-sector-bar, dfm-palette, dfm-keys, .skip-link { display: none !important; }
+}

package/package.json

@@ -1,6 +1,46 @@
 {
   "name": "@dontfeedmachines/fieldkit",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.4.1",
+  "description": "shared Astro components, base CSS, elements, and build helpers for DontFeedMachines sites.",
+  "license": "Apache-2.0",
+  "homepage": "https://dontfeedmachines.com",
+  "type": "module",
+  "files": [
+    "css",
+    "pouches",
+    "src",
+    "LICENSE",
+    "NOTICE",
+    "README.md",
+    "CHANGELOG.md"
+  ],
+  "exports": {
+    "./base.css": "./css/base.css",
+    "./elements": "./src/elements.ts",
+    "./lib/*": "./src/lib/*.ts",
+    "./node/*": "./src/node/*.ts",
+    "./wiki/*": "./src/wiki/*.ts",
+    "./astro": "./pouches/sutures/astro/index.ts",
+    "./astro/*.astro": "./pouches/sutures/astro/*.astro"
+  },
+  "dependencies": {
+    "@noble/ed25519": "3.2.0",
+    "figlet": "1.12.0",
+    "marked": "18.0.14"
+  },
+  "peerDependencies": {
+    "astro": ">=5.0.0",
+    "@astrojs/starlight": ">=0.30.0"
+  },
+  "peerDependenciesMeta": {
+    "astro": {
+      "optional": true
+    },
+    "@astrojs/starlight": {
+      "optional": true
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  }
 }

package/pouches/sutures/astro/AnsiLogo.astro

@@ -0,0 +1,51 @@
+---
+// DFM custom components
+// the teletext portal logo: ANSI Shadow lettering, VT323, magenta, crt stripes. any word works
+import { ansi, ansiWidth } from "../../../src/wiki/ansi.ts";
+
+interface Props {
+  text: string;
+  color?: string;
+  size?: number;
+  crt?: boolean;
+  align?: "center" | "left";
+}
+const { text, color = "#f0f", size = 28, crt = true, align = "center" } = Astro.props;
+const art = ansi(text);
+const cols = ansiWidth(art);
+---
+<div class:list={["ansi-wrap", { crt }]} style={`--ansi-color:${color};--ansi-size:${size}px;--ansi-cols:${cols};text-align:${align}`}>
+  <pre class="ansi" role="img" aria-label={text}>{art}</pre>
+</div>
+
+<style>
+  @font-face {
+    font-family: "VT323";
+    src: url("/fonts/VT323-Regular.ttf") format("truetype");
+    font-display: swap;
+  }
+  .ansi-wrap { position: relative; display: block; max-width: 100%; overflow: hidden; }
+  .ansi {
+    display: inline-block;
+    margin: 0;
+    font-family: "VT323", monospace;
+    /* VT323 draws one cell at roughly half its size, so the art fits the column count */
+    font-size: min(var(--ansi-size), calc((100vw - 48px) / (var(--ansi-cols) * 0.5)));
+    line-height: 1;
+    letter-spacing: -1px;
+    white-space: pre;
+    color: var(--ansi-color);
+    text-align: left;
+  }
+  .crt::after {
+    content: "";
+    position: absolute;
+    inset: 0;
+    pointer-events: none;
+    background:
+      linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%),
+      linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
+    background-size: 100% 4px, 6px 100%;
+  }
+  :global(html[data-plain]) .crt::after { display: none; }
+</style>

package/pouches/sutures/astro/Barcode.astro

@@ -0,0 +1,19 @@
+---
+// DFM custom components
+interface Props { seed: string; w?: number; h?: number }
+const { seed, w = 120, h = 28 } = Astro.props;
+// deterministic bars from seed chars
+const bars: { x: number; bw: number }[] = [];
+let x = 0;
+let i = 0;
+while (x < w - 2) {
+  const c = seed.charCodeAt(i % seed.length) + i * 7;
+  const bw = (c % 3) + 1;
+  bars.push({ x, bw });
+  x += bw + ((c >> 2) % 3) + 1;
+  i++;
+}
+---
+<svg class="barcode" viewBox={`0 0 ${w} ${h}`} width={w} height={h} aria-hidden="true">
+  {bars.map((b) => <rect x={b.x} y="0" width={b.bw} height={h} />)}
+</svg>

package/pouches/sutures/astro/BomTable.astro

@@ -0,0 +1,44 @@
+---
+// DFM custom components
+export interface Props {
+  items: Array<{
+    name: string;
+    qty: number;
+    cost?: string;
+    link?: string;
+    notes?: string;
+  }>;
+}
+const { items } = Astro.props;
+---
+<div class="not-content overflow-x-auto my-6 border border-zinc-800 rounded-lg">
+  <table class="w-full text-left border-collapse text-sm">
+    <thead>
+      <tr class="bg-zinc-900/50 border-b border-zinc-800">
+        <th class="p-3 font-semibold text-zinc-300">Component</th>
+        <th class="p-3 font-semibold text-zinc-300 w-16 text-center">Qty</th>
+        <th class="p-3 font-semibold text-zinc-300 w-24">Est. Cost</th>
+        <th class="p-3 font-semibold text-zinc-300">Notes</th>
+      </tr>
+    </thead>
+    <tbody class="divide-y divide-zinc-800/50 bg-zinc-900/20">
+      {items.map(item => (
+        <tr class="hover:bg-zinc-800/30 transition-colors">
+          <td class="p-3">
+            {item.link ? (
+              <a href={item.link} target="_blank" rel="noopener noreferrer" class="text-blue-400 hover:text-blue-300 hover:underline flex items-center gap-1">
+                {item.name}
+                <svg class="w-3 h-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>
+              </a>
+            ) : (
+              <span class="text-zinc-200">{item.name}</span>
+            )}
+          </td>
+          <td class="p-3 text-center text-zinc-400">{item.qty}</td>
+          <td class="p-3 text-zinc-400 font-mono text-xs">{item.cost || '-'}</td>
+          <td class="p-3 text-zinc-500 text-xs">{item.notes || '-'}</td>
+        </tr>
+      ))}
+    </tbody>
+  </table>
+</div>