---
name: Reusable Expression Components v1 (Mode 14b / 14c / 14a / Mode 1)
description: ★★★ 2026-05-05 src/renderer/components/expression/ に Mode 14 系と Mode 1 を集約。 全 1568 理論で provenance-tagged formula 表示。 future session で表現追加時の reuse 起点。
type: project
originSessionId: 8b2fbd85-516e-45b2-a3b3-e3aabea95286
---
# Reusable Expression Components v1

2026-05-05 session で `src/renderer/components/expression/` に集約された
表現 component 群。 **新しい表現 mode を追加する時、 同 dir 配下に作る**。

## Component 一覧

| Component | Mode | 主用途 | 受取 props |
|-----------|------|-------|-----------|
| `TheoryGlyph` | **14b** Unicode 装飾 | category → 1 文字 glyph (60+ mapping) | `category`, `glyph?`, `size`, `color`, `title` |
| `TheoryMiniRadar` | **14c** D-FUMT₈ 8 軸 | 50px polygon (CATEGORY_PRIOR + keyword bonus heuristic) | `category`, `keywords`, `axiom`, `size`, `primaryAxis?` |
| `TheoryMiniCircuit` | **14a** transplant flow | 220×44 SVG (catA → Φ gate → catB), invention 系のみ | `theoryId`, `dfumt`, `width`, `height` |
| `TheoryFormula` | **1** 数式 | provenance tag 付き (extracted/category-default/forced) | `formula`, `provenance`, `fontSize`, `hideLabel?` |

## Mode 1 Provenance ladder (永久原則)

3 段階で 全 SEED_KERNEL theory に formula を assign:

```
1. extracted        — axiom 内に既に数式記法あり (trust 高, 緑 ◉)
2. category-default — category-based default formula (trust 中, 黄 ◐)
3. forced           — 強引な数式化 (trust 低, 赤 ◌, chat Claude 警告)
```

実測 (2026-05-05 build, 1568 theories):
- extracted: 1,126 (71.8%)
- category-default: 330 (21.0%)
- forced: 112 (7.1%)

**Build pipeline**:
- `scripts/extract-theory-formulas.ts` (3-step pipeline + 50+ category default)
- `data/seed-kernel-formulas.json` (~161 KB raw / ~40 KB gzip)
- `dist-renderer/data/seed-kernel-formulas.json` (CF Pages mirror)
- runtime fetch で全 component から共有

**auto-publish.ts** Phase 1.13c + Phase 2 re-emit + commit list 統合済 (vite build clear 対策)。
**package.json** `dev:build` chain にも `extract-theory-formulas` 組込済。

## 再利用済 site (2026-05-05 時点)

1. **`/#/library` 詳細展開** — 4 mode 全部 (14b + 14c + 14a + Mode 1)
2. **`/#/library` サイドバー** — 14b glyph (`●` の代替)
3. **`/#/discovery:unification` 関連理論 top5** — 14b + 14c + Mode 1 (compact, hideLabel)
4. **`/#/discovery:unification` 統合履歴 entry** — 14b glyph (defender dfumt 由来 category hint)

## 保留した再利用候補

- **OUKC News Observatory** — News item は theory でないので Mode 1 不適。 glyph mapping を news category に拡張する別タスク必要。
- **Phase C silicon Paper 145** — Paper 145 起草時の文脈で実装する方が honest (現状未起草)。

## バイト数累計 (2026-05-05 終時点)

| 段階 | bundle 増分 (minified) |
|------|----------------------|
| A+B+C 初回 (commit 2cf69360) | +8.7 KB |
| Mode 1 (commit b5677dc3) | +1.6 KB |
| 再利用展開 (commit f691a33e) | +1.0 KB |
| **累計** | **~11.3 KB ≈ 4-5 KB gzip** |

bundle 全体 (~2.4 MB) からすると **0.5%**。 体感差なし。

## 設計原則 (永久)

1. **Honest provenance**: 強引な数式化は黙って混ぜず、 必ず tag で警告可能に
   (feedback_critique_response_pattern.md SAC-4 警告 compliant)。
2. **Template + parameter**: per-item 固有 SVG を生成せず、 1 template が
   parameter を受取って描画。 累計 bundle 増加を抑える。
3. **Runtime fetch**: 1568 件規模の data は build-time bundle ではなく runtime
   fetch (cache 効く)。 既存 pattern: rei-stats, sages, dialogue-results, summary, formulas。
4. **役割分担で重複回避**: 14b = identity / 14c = truth space / 14a = transplant flow / Mode 1 = formula。
   3 mode が同じ axiom を異なる角度から **重複** で見せると装飾の積層になる
   (feedback_metaphor_cannot_deliver_promise.md)。

## 将来の表現追加時のチェックリスト

新 Mode を追加する時:
1. [ ] `src/renderer/components/expression/Theory{Mode}.tsx` 作成
2. [ ] reusable props 設計 (caller-side で fetched data を渡す)
3. [ ] template + parameter pattern を必須遵守
4. [ ] honest provenance / scope tag を含める (overclaim 防止)
5. [ ] 既存 Mode との役割重複が無いか確認
6. [ ] data export script (build-time) + runtime fetch (browser-side) のペア
7. [ ] auto-publish Phase 1.13x + Phase 2 re-emit + commit list 追加
8. [ ] dev:build chain (package.json) にも追加 (vite build clear 対策)
9. [ ] 既存 4+ 場所での re-import で bundle 増分が線形に増えないことを確認

## 関連 memory

- `reference_fourteen_expression_modes.md` — 14 modes 全体定義
- `feedback_critique_response_pattern.md` — SAC-4 警告 (forced を tag せず混ぜない)
- `feedback_metaphor_cannot_deliver_promise.md` — 装飾と密度の区別
- `feedback_index_html_bundle_sync.md` — vite build と sync の trap (Phase 2 re-emit pattern の起源)
- `feedback_pure_ts_engine_overarchitecture.md` — pure TS engine 同型 (browser direct import 可能)

## Commits

- `2cf69360` — A+B+C 初回 (TheoryGlyph + TheoryMiniRadar + TheoryMiniCircuit)
- `b5677dc3` — Mode 1 (TheoryFormula + extract-theory-formulas + provenance ladder)
- `f691a33e` — 再利用展開 (KnowledgeUnification 関連理論 + 履歴 + Library サイドバー)