@qijenchen/design-system 0.1.0-beta.83 → 0.1.0-beta.84

package/dist/tokens/categorical-color.js.map

@@ -1 +1 @@
-{"version":3,"file":"categorical-color.js","sources":["../../src/tokens/categorical-color.ts"],"sourcesContent":["/**\n * categorical-color.ts — Categorical 色相 SSOT(2026-06-04 codify)\n *\n * Tag / Avatar / Calendar 等「以色相做分類標籤」的元件,色彩 variant **一律消費此 SSOT**。\n * 目的:**variant 名 == primitive 色相名,1:1,零 offset** —— 根治「red variant 接到 deep-orange」\n * 這類 categorical-vs-semantic 混淆(2026-06-04 user 抓:red = 品牌紅 hue-25〔--brand #DF3232 同族〕\n * ≠ deep-orange hue-38 ≠ semantic --error〔= deep-orange〕。三者完全無關)。\n *\n * 世界級對照:\n * - Ant Design Tag preset colors —— 用原始色相名(red/orange/green/blue…)做 categorical labeling\n *   (https://ant.design/components/tag/)。本 DS Tag/Avatar 採此模型。\n * - Atlassian Color 原則 —— **categorical(裝飾)色 vs semantic(狀態)色必須分離**\n *   (https://atlassian.design/foundations/color):categorical `red` 用 `--color-red-*`,跟 semantic\n *   `--error`(= deep-orange)無關;把 error 色拿來當 categorical 標籤 = 反 pattern。\n *\n * ⚠️ Tailwind v4 掃描限制:class 字串**必須以字面形式出現在被掃描的 source**(本檔在 src/,會被掃),\n * 不可用 runtime function 拼字串(否則 `bg-[var(--color-orange-1)]` 不被生成 → silent 失效)。\n * 故本 SSOT 以**字面 const map** 提供;consumer `import` 後索引(cva 列 key 取值,保 VariantProps 型別)。\n *\n * 互動 state(solid dismiss hover/active)用 semantic `--{hue}-hover` / `--{hue}-active`\n * (dark-mode 方向 pre-computed,**不可**用 primitive step-5,否則 dark mode 反向)。12 色相皆已定義。\n *\n * **加色相**:加進 `CATEGORICAL_HUES` + 下列 5 個 map 各補一行字面值(key X 用 `--color-X-*`,1:1)。\n * **機械防線**:`scripts/categorical-color-invariants.mjs` I1(release:preflight 已 chain)強制 map 的 key X 的值含 `--color-X-`(名實一致,禁 offset;原引 hook 名不存在,2026-07-04 修)。\n */\n\n/** 12 個 categorical 色相(順序對齊 primitives.css / Storybook color token 列)。 */\nexport const CATEGORICAL_HUES = [\n  'blue',\n  'green',\n  'deep-orange',\n  'yellow',\n  'red',\n  'orange',\n  'amber',\n  'lime',\n  'turquoise',\n  'indigo',\n  'purple',\n  'magenta',\n] as const\n\nexport type CategoricalHue = (typeof CATEGORICAL_HUES)[number]\n\n/** neutral 不是色相(無 hue),用 secondary/foreground + neutral-9 solid,各 consumer 自處理(不在下列 map)。 */\nexport type CategoricalColor = CategoricalHue | 'neutral'\n\n/** subtle 模式 class:step-1 底 + step-7 字。key X 一律對 `--color-X-*`(1:1)。 */\nexport const CAT_SUBTLE: Record<CategoricalHue, string> = {\n  blue: 'bg-[var(--color-blue-1)] text-[var(--color-blue-7)]',\n  green: 'bg-[var(--color-green-1)] text-[var(--color-green-7)]',\n  'deep-orange': 'bg-[var(--color-deep-orange-1)] text-[var(--color-deep-orange-7)]',\n  yellow: 'bg-[var(--color-yellow-1)] text-[var(--color-yellow-7)]',\n  red: 'bg-[var(--color-red-1)] text-[var(--color-red-7)]',\n  orange: 'bg-[var(--color-orange-1)] text-[var(--color-orange-7)]',\n  amber: 'bg-[var(--color-amber-1)] text-[var(--color-amber-7)]',\n  lime: 'bg-[var(--color-lime-1)] text-[var(--color-lime-7)]',\n  turquoise: 'bg-[var(--color-turquoise-1)] text-[var(--color-turquoise-7)]',\n  indigo: 'bg-[var(--color-indigo-1)] text-[var(--color-indigo-7)]',\n  purple: 'bg-[var(--color-purple-1)] text-[var(--color-purple-7)]',\n  magenta: 'bg-[var(--color-magenta-1)] text-[var(--color-magenta-7)]',\n}\n\n/**\n * solid 模式 class:step-6 底 + on-emphasis 配對文字。\n * 文字色依「step-6 底亮度」分桶(WCAG ≥3:1 大粗字門檻,2026-06-04 user「以最低為原則」):\n *   - 夠深的色底 → `text-on-emphasis`(白):blue / deep-orange / red / turquoise / indigo / purple / magenta\n *   - 太亮的色底 → `text-on-emphasis-dark`(深):yellow / amber / orange / lime(白字連 3:1 都不過)\n *   - ★ green 例外:白字 2.47 連 3:1 都不過,但 user 拍板維持白字(綠底白字慣見觀感)= documented exception。\n * 對比為 oklch→相對亮度實測(scripts/categorical-color-invariants.mjs 機械驗,green 列 exempt)。\n */\nexport const CAT_SOLID: Record<CategoricalHue, string> = {\n  blue: 'bg-[var(--color-blue-6)] text-on-emphasis',\n  green: 'bg-[var(--color-green-6)] text-on-emphasis', // ★白字 documented exception(實測 2.47 < 3:1)\n  'deep-orange': 'bg-[var(--color-deep-orange-6)] text-on-emphasis',\n  yellow: 'bg-[var(--color-yellow-6)] text-on-emphasis-dark',\n  red: 'bg-[var(--color-red-6)] text-on-emphasis',\n  orange: 'bg-[var(--color-orange-6)] text-on-emphasis-dark',\n  amber: 'bg-[var(--color-amber-6)] text-on-emphasis-dark',\n  lime: 'bg-[var(--color-lime-6)] text-on-emphasis-dark',\n  turquoise: 'bg-[var(--color-turquoise-6)] text-on-emphasis',\n  indigo: 'bg-[var(--color-indigo-6)] text-on-emphasis',\n  purple: 'bg-[var(--color-purple-6)] text-on-emphasis',\n  magenta: 'bg-[var(--color-magenta-6)] text-on-emphasis',\n}\n\n/** solid 互動(dismiss hover/active)— semantic dark-mode-aware token。 */\nexport const CAT_INTERACT: Record<CategoricalHue, { hover: string; active: string }> = {\n  blue: { hover: 'var(--blue-hover)', active: 'var(--blue-active)' },\n  green: { hover: 'var(--green-hover)', active: 'var(--green-active)' },\n  'deep-orange': { hover: 'var(--deep-orange-hover)', active: 'var(--deep-orange-active)' },\n  yellow: { hover: 'var(--yellow-hover)', active: 'var(--yellow-active)' },\n  red: { hover: 'var(--red-hover)', active: 'var(--red-active)' },\n  orange: { hover: 'var(--orange-hover)', active: 'var(--orange-active)' },\n  amber: { hover: 'var(--amber-hover)', active: 'var(--amber-active)' },\n  lime: { hover: 'var(--lime-hover)', active: 'var(--lime-active)' },\n  turquoise: { hover: 'var(--turquoise-hover)', active: 'var(--turquoise-active)' },\n  indigo: { hover: 'var(--indigo-hover)', active: 'var(--indigo-active)' },\n  purple: { hover: 'var(--purple-hover)', active: 'var(--purple-active)' },\n  magenta: { hover: 'var(--magenta-hover)', active: 'var(--magenta-active)' },\n}\n\n/** Avatar style 物件用:subtle / solid 的 raw token { bg, text }(非 class)。 */\nexport const CAT_SUBTLE_TOKENS: Record<CategoricalHue, { bg: string; text: string }> = {\n  blue: { bg: 'var(--color-blue-1)', text: 'var(--color-blue-7)' },\n  green: { bg: 'var(--color-green-1)', text: 'var(--color-green-7)' },\n  'deep-orange': { bg: 'var(--color-deep-orange-1)', text: 'var(--color-deep-orange-7)' },\n  yellow: { bg: 'var(--color-yellow-1)', text: 'var(--color-yellow-7)' },\n  red: { bg: 'var(--color-red-1)', text: 'var(--color-red-7)' },\n  orange: { bg: 'var(--color-orange-1)', text: 'var(--color-orange-7)' },\n  amber: { bg: 'var(--color-amber-1)', text: 'var(--color-amber-7)' },\n  lime: { bg: 'var(--color-lime-1)', text: 'var(--color-lime-7)' },\n  turquoise: { bg: 'var(--color-turquoise-1)', text: 'var(--color-turquoise-7)' },\n  indigo: { bg: 'var(--color-indigo-1)', text: 'var(--color-indigo-7)' },\n  purple: { bg: 'var(--color-purple-1)', text: 'var(--color-purple-7)' },\n  magenta: { bg: 'var(--color-magenta-1)', text: 'var(--color-magenta-7)' },\n}\n// 同 CAT_SOLID 的文字分桶(白 / 深),raw token 版供 Avatar style 物件用。green = ★白字 exception。\nexport const CAT_SOLID_TOKENS: Record<CategoricalHue, { bg: string; text: string }> = {\n  blue: { bg: 'var(--color-blue-6)', text: 'var(--on-emphasis)' },\n  green: { bg: 'var(--color-green-6)', text: 'var(--on-emphasis)' }, // ★白字 documented exception\n  'deep-orange': { bg: 'var(--color-deep-orange-6)', text: 'var(--on-emphasis)' },\n  yellow: { bg: 'var(--color-yellow-6)', text: 'var(--on-emphasis-dark)' },\n  red: { bg: 'var(--color-red-6)', text: 'var(--on-emphasis)' },\n  orange: { bg: 'var(--color-orange-6)', text: 'var(--on-emphasis-dark)' },\n  amber: { bg: 'var(--color-amber-6)', text: 'var(--on-emphasis-dark)' },\n  lime: { bg: 'var(--color-lime-6)', text: 'var(--on-emphasis-dark)' },\n  turquoise: { bg: 'var(--color-turquoise-6)', text: 'var(--on-emphasis)' },\n  indigo: { bg: 'var(--color-indigo-6)', text: 'var(--on-emphasis)' },\n  purple: { bg: 'var(--color-purple-6)', text: 'var(--on-emphasis)' },\n  magenta: { bg: 'var(--color-magenta-6)', text: 'var(--on-emphasis)' },\n}\n\n/** Calendar event tile:subtle 底 + hover step-2(1:1)。 */\nexport const CAT_EVENT: Record<CategoricalHue, string> = {\n  blue: 'bg-[var(--color-blue-1)] text-[var(--color-blue-7)] hover:bg-[var(--color-blue-2)]',\n  green: 'bg-[var(--color-green-1)] text-[var(--color-green-7)] hover:bg-[var(--color-green-2)]',\n  'deep-orange': 'bg-[var(--color-deep-orange-1)] text-[var(--color-deep-orange-7)] hover:bg-[var(--color-deep-orange-2)]',\n  yellow: 'bg-[var(--color-yellow-1)] text-[var(--color-yellow-7)] hover:bg-[var(--color-yellow-2)]',\n  red: 'bg-[var(--color-red-1)] text-[var(--color-red-7)] hover:bg-[var(--color-red-2)]',\n  orange: 'bg-[var(--color-orange-1)] text-[var(--color-orange-7)] hover:bg-[var(--color-orange-2)]',\n  amber: 'bg-[var(--color-amber-1)] text-[var(--color-amber-7)] hover:bg-[var(--color-amber-2)]',\n  lime: 'bg-[var(--color-lime-1)] text-[var(--color-lime-7)] hover:bg-[var(--color-lime-2)]',\n  turquoise: 'bg-[var(--color-turquoise-1)] text-[var(--color-turquoise-7)] hover:bg-[var(--color-turquoise-2)]',\n  indigo: 'bg-[var(--color-indigo-1)] text-[var(--color-indigo-7)] hover:bg-[var(--color-indigo-2)]',\n  purple: 'bg-[var(--color-purple-1)] text-[var(--color-purple-7)] hover:bg-[var(--color-purple-2)]',\n  magenta: 'bg-[var(--color-magenta-1)] text-[var(--color-magenta-7)] hover:bg-[var(--color-magenta-2)]',\n}\n\n/** Calendar all-day accent:左側 step-6 實心條。 */\nexport const CAT_ACCENT: Record<CategoricalHue, string> = {\n  blue: 'border-l-[3px] border-[var(--color-blue-6)]',\n  green: 'border-l-[3px] border-[var(--color-green-6)]',\n  'deep-orange': 'border-l-[3px] border-[var(--color-deep-orange-6)]',\n  yellow: 'border-l-[3px] border-[var(--color-yellow-6)]',\n  red: 'border-l-[3px] border-[var(--color-red-6)]',\n  orange: 'border-l-[3px] border-[var(--color-orange-6)]',\n  amber: 'border-l-[3px] border-[var(--color-amber-6)]',\n  lime: 'border-l-[3px] border-[var(--color-lime-6)]',\n  turquoise: 'border-l-[3px] border-[var(--color-turquoise-6)]',\n  indigo: 'border-l-[3px] border-[var(--color-indigo-6)]',\n  purple: 'border-l-[3px] border-[var(--color-purple-6)]',\n  magenta: 'border-l-[3px] border-[var(--color-magenta-6)]',\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"categorical-color.js","sources":["../../src/tokens/categorical-color.ts"],"sourcesContent":["/**\n * categorical-color.ts — Categorical 色相 SSOT(2026-06-04 codify)\n *\n * Tag / Avatar / Calendar 等「以色相做分類標籤」的元件,色彩 variant **一律消費此 SSOT**。\n * 目的:**variant 名 == primitive 色相名,1:1,零 offset** —— 根治「red variant 接到 deep-orange」\n * 這類 categorical-vs-semantic 混淆(2026-06-04 user 抓:red = 品牌紅 hue-25〔--brand #DF3232 同族〕\n * ≠ deep-orange hue-38 ≠ semantic --error〔= deep-orange〕。三者完全無關)。\n *\n * 世界級對照:\n * - Ant Design Tag preset colors —— 用原始色相名(red/orange/green/blue…)做 categorical labeling\n *   (https://ant.design/components/tag/)。本 DS Tag/Avatar 採此模型。\n * - Atlassian Color 原則 —— **categorical(裝飾)色 vs semantic(狀態)色必須分離**\n *   (https://atlassian.design/foundations/color):categorical `red` 用 `--color-red-*`,跟 semantic\n *   `--error`(= deep-orange)無關;把 error 色拿來當 categorical 標籤 = 反 pattern。\n *\n * ⚠️ Tailwind v4 掃描限制:class 字串**必須以字面形式出現在被掃描的 source**(本檔在 src/,會被掃),\n * 不可用 runtime function 拼字串(否則 `bg-[var(--color-orange-1)]` 不被生成 → silent 失效)。\n * 故本 SSOT 以**字面 const map** 提供;consumer `import` 後索引(cva 列 key 取值,保 VariantProps 型別)。\n *\n * 互動 state(solid dismiss hover/active)用 semantic `--{hue}-hover` / `--{hue}-active`\n * (dark-mode 方向 pre-computed,**不可**用 primitive step-5,否則 dark mode 反向)。12 色相皆已定義。\n *\n * **加色相**:加進 `CATEGORICAL_HUES` + 下列 5 個 map 各補一行字面值(key X 用 `--color-X-*`,1:1)。\n * **機械防線**:`scripts/categorical-color-invariants.mjs` I1(release:preflight 已 chain)強制 map 的 key X 的值含 `--color-X-`(名實一致,禁 offset;原引 hook 名不存在,2026-07-04 修)。\n */\n\n/** 12 個 categorical 色相(順序對齊 primitives.css / Storybook color token 列)。 */\nexport const CATEGORICAL_HUES = [\n  'blue',\n  'green',\n  'deep-orange',\n  'yellow',\n  'red',\n  'orange',\n  'amber',\n  'lime',\n  'turquoise',\n  'indigo',\n  'purple',\n  'magenta',\n] as const\n\nexport type CategoricalHue = (typeof CATEGORICAL_HUES)[number]\n\n/** neutral 不是色相(無 hue),用 secondary/foreground + neutral-9 solid,各 consumer 自處理(不在下列 map)。 */\nexport type CategoricalColor = CategoricalHue | 'neutral'\n\n/** subtle 模式 class:step-1 底 + step-7 字。key X 一律對 `--color-X-*`(1:1)。 */\nexport const CAT_SUBTLE: Record<CategoricalHue, string> = {\n  blue: 'bg-[var(--color-blue-1)] text-[var(--color-blue-7)]',\n  green: 'bg-[var(--color-green-1)] text-[var(--color-green-7)]',\n  'deep-orange': 'bg-[var(--color-deep-orange-1)] text-[var(--color-deep-orange-7)]',\n  yellow: 'bg-[var(--color-yellow-1)] text-[var(--color-yellow-7)]',\n  red: 'bg-[var(--color-red-1)] text-[var(--color-red-7)]',\n  orange: 'bg-[var(--color-orange-1)] text-[var(--color-orange-7)]',\n  amber: 'bg-[var(--color-amber-1)] text-[var(--color-amber-7)]',\n  lime: 'bg-[var(--color-lime-1)] text-[var(--color-lime-7)]',\n  turquoise: 'bg-[var(--color-turquoise-1)] text-[var(--color-turquoise-7)]',\n  indigo: 'bg-[var(--color-indigo-1)] text-[var(--color-indigo-7)]',\n  purple: 'bg-[var(--color-purple-1)] text-[var(--color-purple-7)]',\n  magenta: 'bg-[var(--color-magenta-1)] text-[var(--color-magenta-7)]',\n}\n\n/**\n * solid 模式 class:step-6 底 + on-emphasis 配對文字。\n * 文字色依「step-6 底亮度」分桶(WCAG ≥3:1 大粗字門檻,2026-06-04 user「以最低為原則」):\n *   - 夠深的色底 → `text-on-emphasis`(白):blue / deep-orange / red / turquoise / indigo / purple / magenta\n *   - 太亮的色底 → `text-on-emphasis-dark`(深):yellow / amber / orange / lime(白字連 3:1 都不過)\n *   - ★ green 例外:白字 2.47 連 3:1 都不過,但 user 拍板維持白字(綠底白字慣見觀感)= documented exception。\n * 對比為 oklch→相對亮度實測(scripts/categorical-color-invariants.mjs 機械驗,green 列 exempt)。\n */\nexport const CAT_SOLID: Record<CategoricalHue, string> = {\n  blue: 'bg-[var(--color-blue-6)] text-on-emphasis',\n  green: 'bg-[var(--color-green-6)] text-on-emphasis', // ★白字 documented exception(實測 2.47 < 3:1)\n  'deep-orange': 'bg-[var(--color-deep-orange-6)] text-on-emphasis',\n  yellow: 'bg-[var(--color-yellow-6)] text-on-emphasis-dark',\n  red: 'bg-[var(--color-red-6)] text-on-emphasis',\n  orange: 'bg-[var(--color-orange-6)] text-on-emphasis-dark',\n  amber: 'bg-[var(--color-amber-6)] text-on-emphasis-dark',\n  lime: 'bg-[var(--color-lime-6)] text-on-emphasis-dark',\n  turquoise: 'bg-[var(--color-turquoise-6)] text-on-emphasis',\n  indigo: 'bg-[var(--color-indigo-6)] text-on-emphasis',\n  purple: 'bg-[var(--color-purple-6)] text-on-emphasis',\n  magenta: 'bg-[var(--color-magenta-6)] text-on-emphasis',\n}\n\n/** solid 互動(dismiss hover/active)— semantic dark-mode-aware token。 */\nexport const CAT_INTERACT: Record<CategoricalHue, { hover: string; active: string }> = {\n  blue: { hover: 'var(--blue-hover)', active: 'var(--blue-active)' },\n  green: { hover: 'var(--green-hover)', active: 'var(--green-active)' },\n  'deep-orange': { hover: 'var(--deep-orange-hover)', active: 'var(--deep-orange-active)' },\n  yellow: { hover: 'var(--yellow-hover)', active: 'var(--yellow-active)' },\n  red: { hover: 'var(--red-hover)', active: 'var(--red-active)' },\n  orange: { hover: 'var(--orange-hover)', active: 'var(--orange-active)' },\n  amber: { hover: 'var(--amber-hover)', active: 'var(--amber-active)' },\n  lime: { hover: 'var(--lime-hover)', active: 'var(--lime-active)' },\n  turquoise: { hover: 'var(--turquoise-hover)', active: 'var(--turquoise-active)' },\n  indigo: { hover: 'var(--indigo-hover)', active: 'var(--indigo-active)' },\n  purple: { hover: 'var(--purple-hover)', active: 'var(--purple-active)' },\n  magenta: { hover: 'var(--magenta-hover)', active: 'var(--magenta-active)' },\n}\n\n/** Avatar style 物件用:subtle / solid 的 raw token { bg, text }(非 class)。 */\nexport const CAT_SUBTLE_TOKENS: Record<CategoricalHue, { bg: string; text: string }> = {\n  blue: { bg: 'var(--color-blue-1)', text: 'var(--color-blue-7)' },\n  green: { bg: 'var(--color-green-1)', text: 'var(--color-green-7)' },\n  'deep-orange': { bg: 'var(--color-deep-orange-1)', text: 'var(--color-deep-orange-7)' },\n  yellow: { bg: 'var(--color-yellow-1)', text: 'var(--color-yellow-7)' },\n  red: { bg: 'var(--color-red-1)', text: 'var(--color-red-7)' },\n  orange: { bg: 'var(--color-orange-1)', text: 'var(--color-orange-7)' },\n  amber: { bg: 'var(--color-amber-1)', text: 'var(--color-amber-7)' },\n  lime: { bg: 'var(--color-lime-1)', text: 'var(--color-lime-7)' },\n  turquoise: { bg: 'var(--color-turquoise-1)', text: 'var(--color-turquoise-7)' },\n  indigo: { bg: 'var(--color-indigo-1)', text: 'var(--color-indigo-7)' },\n  purple: { bg: 'var(--color-purple-1)', text: 'var(--color-purple-7)' },\n  magenta: { bg: 'var(--color-magenta-1)', text: 'var(--color-magenta-7)' },\n}\n// 同 CAT_SOLID 的文字分桶(白 / 深),raw token 版供 Avatar style 物件用。green = ★白字 exception。\nexport const CAT_SOLID_TOKENS: Record<CategoricalHue, { bg: string; text: string }> = {\n  blue: { bg: 'var(--color-blue-6)', text: 'var(--on-emphasis)' },\n  green: { bg: 'var(--color-green-6)', text: 'var(--on-emphasis)' }, // ★白字 documented exception\n  'deep-orange': { bg: 'var(--color-deep-orange-6)', text: 'var(--on-emphasis)' },\n  yellow: { bg: 'var(--color-yellow-6)', text: 'var(--on-emphasis-dark)' },\n  red: { bg: 'var(--color-red-6)', text: 'var(--on-emphasis)' },\n  orange: { bg: 'var(--color-orange-6)', text: 'var(--on-emphasis-dark)' },\n  amber: { bg: 'var(--color-amber-6)', text: 'var(--on-emphasis-dark)' },\n  lime: { bg: 'var(--color-lime-6)', text: 'var(--on-emphasis-dark)' },\n  turquoise: { bg: 'var(--color-turquoise-6)', text: 'var(--on-emphasis)' },\n  indigo: { bg: 'var(--color-indigo-6)', text: 'var(--on-emphasis)' },\n  purple: { bg: 'var(--color-purple-6)', text: 'var(--on-emphasis)' },\n  magenta: { bg: 'var(--color-magenta-6)', text: 'var(--on-emphasis)' },\n}\n\n/** Calendar event tile:subtle 底 + hover step-2(1:1)。 */\nexport const CAT_EVENT: Record<CategoricalHue, string> = {\n  blue: 'bg-[var(--color-blue-1)] text-[var(--color-blue-7)] hover:bg-[var(--color-blue-2)]',\n  green: 'bg-[var(--color-green-1)] text-[var(--color-green-7)] hover:bg-[var(--color-green-2)]',\n  'deep-orange': 'bg-[var(--color-deep-orange-1)] text-[var(--color-deep-orange-7)] hover:bg-[var(--color-deep-orange-2)]',\n  yellow: 'bg-[var(--color-yellow-1)] text-[var(--color-yellow-7)] hover:bg-[var(--color-yellow-2)]',\n  red: 'bg-[var(--color-red-1)] text-[var(--color-red-7)] hover:bg-[var(--color-red-2)]',\n  orange: 'bg-[var(--color-orange-1)] text-[var(--color-orange-7)] hover:bg-[var(--color-orange-2)]',\n  amber: 'bg-[var(--color-amber-1)] text-[var(--color-amber-7)] hover:bg-[var(--color-amber-2)]',\n  lime: 'bg-[var(--color-lime-1)] text-[var(--color-lime-7)] hover:bg-[var(--color-lime-2)]',\n  turquoise: 'bg-[var(--color-turquoise-1)] text-[var(--color-turquoise-7)] hover:bg-[var(--color-turquoise-2)]',\n  indigo: 'bg-[var(--color-indigo-1)] text-[var(--color-indigo-7)] hover:bg-[var(--color-indigo-2)]',\n  purple: 'bg-[var(--color-purple-1)] text-[var(--color-purple-7)] hover:bg-[var(--color-purple-2)]',\n  magenta: 'bg-[var(--color-magenta-1)] text-[var(--color-magenta-7)] hover:bg-[var(--color-magenta-2)]',\n}\n\n/** Calendar all-day accent:左側 step-6 實心條。 */\nexport const CAT_ACCENT: Record<CategoricalHue, string> = {\n  blue: 'border-l-[3px] border-[var(--color-blue-6)]',\n  green: 'border-l-[3px] border-[var(--color-green-6)]',\n  'deep-orange': 'border-l-[3px] border-[var(--color-deep-orange-6)]',\n  yellow: 'border-l-[3px] border-[var(--color-yellow-6)]',\n  red: 'border-l-[3px] border-[var(--color-red-6)]',\n  orange: 'border-l-[3px] border-[var(--color-orange-6)]',\n  amber: 'border-l-[3px] border-[var(--color-amber-6)]',\n  lime: 'border-l-[3px] border-[var(--color-lime-6)]',\n  turquoise: 'border-l-[3px] border-[var(--color-turquoise-6)]',\n  indigo: 'border-l-[3px] border-[var(--color-indigo-6)]',\n  purple: 'border-l-[3px] border-[var(--color-purple-6)]',\n  magenta: 'border-l-[3px] border-[var(--color-magenta-6)]',\n}\n"],"names":[],"mappings":"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"}

package/dist/tokens/motion/motion.d.ts

@@ -1,15 +1,16 @@
 /**
- * Motion tokens — JS mirror of `motion.css` for Radix/JS API consumers.
+ * Motion tokens — JS mirror of `motion.css` delay tokens for Radix/JS API consumers.
  *
  * Radix primitive props(`delayDuration` / `openDelay` / `closeDelay`)期望 number ms,
- * 不認 CSS var。本 file 是 motion.css 對應 number value 鏡像;改值必同步兩處(或加 lint)。
+ * 不認 CSS var。本 file 是 motion.css `--motion-delay-*` 對應 number value 鏡像;改值必同步兩處。
+ * (進出場動畫 token 為純 CSS 驅動,由 tw-animate-css 消費,不需 JS 鏡像。)
  *
- * SSOT: `motion.css` + `motion.spec.md`。
+ * SSOT: `motion.css` + `motion.spec.md`。命名 2026-07-11 統一 `--motion-delay-*`(原 `--hover-delay-*`)。
  */
 /** 純文字提示(Tooltip)— passive hint。2026-05-20 200→500ms 對齊 Material 3 / Apple HIG / shadcn-Radix 主流 */
-export declare const HOVER_DELAY_PLAIN_MS = 500;
+export declare const MOTION_DELAY_PLAIN_MS = 500;
 /** 內容預覽(HoverCard / ProfileCard)— rich preview。2026-05-20 300→700ms 避免列表掃視誤觸發 fetch */
-export declare const HOVER_DELAY_RICH_MS = 700;
+export declare const MOTION_DELAY_RICH_MS = 700;
 /** 通用關閉延遲(所有 hover overlay)— accidental-hover 容錯 */
-export declare const HOVER_DELAY_CLOSE_MS = 200;
+export declare const MOTION_DELAY_CLOSE_MS = 200;
 //# sourceMappingURL=motion.d.ts.map

package/dist/tokens/motion/motion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../../src/tokens/motion/motion.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,oGAAoG;AACpG,eAAO,MAAM,oBAAoB,MAAM,CAAA;AAEvC,uFAAuF;AACvF,eAAO,MAAM,mBAAmB,MAAM,CAAA;AAEtC,oDAAoD;AACpD,eAAO,MAAM,oBAAoB,MAAM,CAAA"}
+{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../../src/tokens/motion/motion.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,oGAAoG;AACpG,eAAO,MAAM,qBAAqB,MAAM,CAAA;AAExC,uFAAuF;AACvF,eAAO,MAAM,oBAAoB,MAAM,CAAA;AAEvC,oDAAoD;AACpD,eAAO,MAAM,qBAAqB,MAAM,CAAA"}

package/dist/tokens/motion/motion.js

@@ -1,9 +1,9 @@
-const HOVER_DELAY_PLAIN_MS = 500;
-const HOVER_DELAY_RICH_MS = 700;
-const HOVER_DELAY_CLOSE_MS = 200;
+const MOTION_DELAY_PLAIN_MS = 500;
+const MOTION_DELAY_RICH_MS = 700;
+const MOTION_DELAY_CLOSE_MS = 200;
 export {
-  HOVER_DELAY_CLOSE_MS,
-  HOVER_DELAY_PLAIN_MS,
-  HOVER_DELAY_RICH_MS
+  MOTION_DELAY_CLOSE_MS,
+  MOTION_DELAY_PLAIN_MS,
+  MOTION_DELAY_RICH_MS
 };
 //# sourceMappingURL=motion.js.map

package/dist/tokens/motion/motion.js.map

@@ -1 +1 @@
-{"version":3,"file":"motion.js","sources":["../../../src/tokens/motion/motion.ts"],"sourcesContent":["/**\n * Motion tokens — JS mirror of `motion.css` for Radix/JS API consumers.\n *\n * Radix primitive props(`delayDuration` / `openDelay` / `closeDelay`)期望 number ms,\n * 不認 CSS var。本 file 是 motion.css 對應 number value 鏡像;改值必同步兩處(或加 lint)。\n *\n * SSOT: `motion.css` + `motion.spec.md`。\n */\n\n/** 純文字提示(Tooltip)— passive hint。2026-05-20 200→500ms 對齊 Material 3 / Apple HIG / shadcn-Radix 主流 */\nexport const HOVER_DELAY_PLAIN_MS = 500\n\n/** 內容預覽(HoverCard / ProfileCard)— rich preview。2026-05-20 300→700ms 避免列表掃視誤觸發 fetch */\nexport const HOVER_DELAY_RICH_MS = 700\n\n/** 通用關閉延遲(所有 hover overlay)— accidental-hover 容錯 */\nexport const HOVER_DELAY_CLOSE_MS = 200\n"],"names":[],"mappings":"AAUO,MAAM,uBAAuB;AAG7B,MAAM,sBAAsB;AAG5B,MAAM,uBAAuB;"}
+{"version":3,"file":"motion.js","sources":["../../../src/tokens/motion/motion.ts"],"sourcesContent":["/**\n * Motion tokens — JS mirror of `motion.css` delay tokens for Radix/JS API consumers.\n *\n * Radix primitive props(`delayDuration` / `openDelay` / `closeDelay`)期望 number ms,\n * 不認 CSS var。本 file 是 motion.css `--motion-delay-*` 對應 number value 鏡像;改值必同步兩處。\n * (進出場動畫 token 為純 CSS 驅動,由 tw-animate-css 消費,不需 JS 鏡像。)\n *\n * SSOT: `motion.css` + `motion.spec.md`。命名 2026-07-11 統一 `--motion-delay-*`(原 `--hover-delay-*`)。\n */\n\n/** 純文字提示(Tooltip)— passive hint。2026-05-20 200→500ms 對齊 Material 3 / Apple HIG / shadcn-Radix 主流 */\nexport const MOTION_DELAY_PLAIN_MS = 500\n\n/** 內容預覽(HoverCard / ProfileCard)— rich preview。2026-05-20 300→700ms 避免列表掃視誤觸發 fetch */\nexport const MOTION_DELAY_RICH_MS = 700\n\n/** 通用關閉延遲(所有 hover overlay)— accidental-hover 容錯 */\nexport const MOTION_DELAY_CLOSE_MS = 200\n"],"names":[],"mappings":"AAWO,MAAM,wBAAwB;AAG9B,MAAM,uBAAuB;AAG7B,MAAM,wBAAwB;"}

package/dist/tokens/motion/overlay-motion.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Overlay 進出場動畫 — 共用 duration / easing / reduced-motion SSOT(2026-07-11)。
+ *
+ * 消費 `motion.css` 的 `--motion-*` 動畫 token,經 tw-animate-css 的 `--tw-duration` / `--tw-ease`
+ * 變數綁定 → 7 浮層時長/曲線/無障礙守衛單一 SSOT,改 token 一處傳播全部(M17)。
+ *
+ * 幾何(fade / zoom / slide 距離方向)per-prototype 各自帶:
+ *   - 輕量浮層(Tooltip/Popover/HoverCard/DropdownMenu):fade + zoom-95 + slide-side-2(8px)
+ *   - 模態面板置中(Dialog/FileViewer):fade + zoom-95 + slide-center
+ *   - 邊緣抽屜(Sheet):slide-edge(100%),正當地無 zoom
+ * 本 module 只統一「時長 + 曲線 + reduced-motion」,不管幾何原型(對齊世界級 tier 分層)。
+ *
+ * Easing:進場減速(--motion-easing-enter)/ 出場加速(--motion-easing-exit),由 data-state gate。
+ */
+/** 輕量浮層(Tooltip / Popover / HoverCard / DropdownMenu)— 150ms */
+export declare const overlayMotion = "[--tw-duration:var(--motion-duration-overlay)] data-[state=open]:[--tw-ease:var(--motion-easing-enter)] data-[state=closed]:[--tw-ease:var(--motion-easing-exit)] motion-reduce:animate-none";
+/** 模態面板(Dialog / Sheet / FileViewer)— 250ms(面積大位移遠,慢一階) */
+export declare const surfaceMotion = "[--tw-duration:var(--motion-duration-surface)] data-[state=open]:[--tw-ease:var(--motion-easing-enter)] data-[state=closed]:[--tw-ease:var(--motion-easing-exit)] motion-reduce:animate-none";
+//# sourceMappingURL=overlay-motion.d.ts.map

package/dist/tokens/motion/overlay-motion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay-motion.d.ts","sourceRoot":"","sources":["../../../src/tokens/motion/overlay-motion.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAQH,gEAAgE;AAChE,eAAO,MAAM,aAAa,iMAAuE,CAAA;AAEjG,2DAA2D;AAC3D,eAAO,MAAM,aAAa,iMAAuE,CAAA"}

package/dist/tokens/motion/overlay-motion.js

@@ -0,0 +1,9 @@
+const EASING = "data-[state=open]:[--tw-ease:var(--motion-easing-enter)] data-[state=closed]:[--tw-ease:var(--motion-easing-exit)]";
+const REDUCE = "motion-reduce:animate-none";
+const overlayMotion = `[--tw-duration:var(--motion-duration-overlay)] ${EASING} ${REDUCE}`;
+const surfaceMotion = `[--tw-duration:var(--motion-duration-surface)] ${EASING} ${REDUCE}`;
+export {
+  overlayMotion,
+  surfaceMotion
+};
+//# sourceMappingURL=overlay-motion.js.map

package/dist/tokens/motion/overlay-motion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay-motion.js","sources":["../../../src/tokens/motion/overlay-motion.ts"],"sourcesContent":["/**\n * Overlay 進出場動畫 — 共用 duration / easing / reduced-motion SSOT(2026-07-11)。\n *\n * 消費 `motion.css` 的 `--motion-*` 動畫 token,經 tw-animate-css 的 `--tw-duration` / `--tw-ease`\n * 變數綁定 → 7 浮層時長/曲線/無障礙守衛單一 SSOT,改 token 一處傳播全部(M17)。\n *\n * 幾何(fade / zoom / slide 距離方向)per-prototype 各自帶:\n *   - 輕量浮層(Tooltip/Popover/HoverCard/DropdownMenu):fade + zoom-95 + slide-side-2(8px)\n *   - 模態面板置中(Dialog/FileViewer):fade + zoom-95 + slide-center\n *   - 邊緣抽屜(Sheet):slide-edge(100%),正當地無 zoom\n * 本 module 只統一「時長 + 曲線 + reduced-motion」,不管幾何原型(對齊世界級 tier 分層)。\n *\n * Easing:進場減速(--motion-easing-enter)/ 出場加速(--motion-easing-exit),由 data-state gate。\n */\n\n// enter=decelerate / exit=accelerate(對齊 Material standard-decelerate/accelerate 曲線)\nconst EASING =\n  'data-[state=open]:[--tw-ease:var(--motion-easing-enter)] data-[state=closed]:[--tw-ease:var(--motion-easing-exit)]'\n// prefers-reduced-motion:關進出場動畫(無障礙,7 浮層統一 → 補齊 FileViewer 原缺口)\nconst REDUCE = 'motion-reduce:animate-none'\n\n/** 輕量浮層(Tooltip / Popover / HoverCard / DropdownMenu)— 150ms */\nexport const overlayMotion = `[--tw-duration:var(--motion-duration-overlay)] ${EASING} ${REDUCE}`\n\n/** 模態面板(Dialog / Sheet / FileViewer)— 250ms(面積大位移遠,慢一階) */\nexport const surfaceMotion = `[--tw-duration:var(--motion-duration-surface)] ${EASING} ${REDUCE}`\n"],"names":[],"mappings":"AAgBA,MAAM,SACJ;AAEF,MAAM,SAAS;AAGR,MAAM,gBAAgB,kDAAkD,MAAM,IAAI,MAAM;AAGxF,MAAM,gBAAgB,kDAAkD,MAAM,IAAI,MAAM;"}

package/dist/tokens/uiSize/icon-size.js

@@ -0,0 +1,5 @@
+import { ICON_SIZE } from "../../patterns/element-anatomy/item-anatomy.js";
+export {
+  ICON_SIZE
+};
+//# sourceMappingURL=icon-size.js.map

package/dist/tokens/uiSize/icon-size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-size.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/ds-canonical/fork/governance.lock

@@ -3,7 +3,7 @@
   "entries": [
     {
       "file": "hooks/block_prototype_imports.py",
-      "sha256": "0ab679ddb522f508c490891711559175a912be8b7f4db04d8a55cdac983fd482",
+      "sha256": "ee24825dc67147f38acdd7006ff8ed370079d30205425ebd38fadb1ec0e31331",
       "sourceHook": "block_prototype_imports.py",
       "bucket": "SHIP_AS_IS"
     },
@@ -15,25 +15,31 @@
     },
     {
       "file": "hooks/check_consumer_app_invariants.sh",
-      "sha256": "e2d63b142759bf791ca3c4462342d91623827aeb54c15398c94853485684900b",
+      "sha256": "aff11b68728f47313452a1a03563075f36c9911494dd99b7d182b40936e0a5b4",
       "sourceHook": "check_consumer_app_invariants.sh",
       "bucket": "SHIP_AS_IS"
     },
     {
       "file": "hooks/check_ds_anchor_preflight.sh",
-      "sha256": "80b9f1be3140da0623b61c00d6f6b5c5f4bdbf3307e2f081ba8f6fc43cad0b52",
+      "sha256": "34643184615d38854e361df6f745730e5710a966a6f363aa642f1fe29d59bdb5",
       "sourceHook": "check_ds_anchor_preflight.sh",
       "bucket": "SHIP_REWRITTEN"
     },
+    {
+      "file": "hooks/check_dynamic_tailwind_class.sh",
+      "sha256": "b90127463aa9efeda646b400d5534a7cf1ce2fa0467bbd46a7c3c76e9ef0232b",
+      "sourceHook": "check_dynamic_tailwind_class.sh",
+      "bucket": "SHIP_AS_IS"
+    },
     {
       "file": "hooks/check_escape_marker_abuse.sh",
-      "sha256": "4f9d8dc91275145204f0bc760c4378dd53f7ad4389d89da737aef23f84b2502b",
+      "sha256": "acf5669cd31b97aa59bc66b045187292743b1330530b6eddb677458f707efca1",
       "sourceHook": "check_escape_marker_abuse.sh",
       "bucket": "SHIP_REWRITTEN"
     },
     {
       "file": "hooks/check_field_family_invariants.sh",
-      "sha256": "1beeb2b347cacf5d8a912470bce0b9ab6b54c2595873155389456cdbe6125d80",
+      "sha256": "9646c15d877a262870be0928760187cff8d8327e50e302276ae73709848f48e1",
       "sourceHook": "check_field_family_invariants.sh",
       "bucket": "SHIP_AS_IS"
     },
@@ -51,13 +57,13 @@
     },
     {
       "file": "hooks/check_layout_space_magic_numbers.sh",
-      "sha256": "09c74c67c61a366b14bb1cce2ac27d4b8d0541a8698f85d50e4afe9783ad7309",
+      "sha256": "24526e2ac3af5d97307232d572578c56ab8a1674db4666f903a770c2b8099863",
       "sourceHook": "check_layout_space_magic_numbers.sh",
       "bucket": "SHIP_AS_IS"
     },
     {
       "file": "hooks/check_opacity_token_usage.sh",
-      "sha256": "93123d9244264b821d6d31357c3868d343d7a96182664e02226cccbb8a29d18e",
+      "sha256": "2fb9e94653540d596948683a5a8522a1286722eeb7b4297baaea852836a847fc",
       "sourceHook": "check_opacity_token_usage.sh",
       "bucket": "SHIP_REWRITTEN"
     },
@@ -75,13 +81,19 @@
     },
     {
       "file": "hooks/check_story_determinism.sh",
-      "sha256": "34b56718a1f15b492c410d199a883d561afd4c51d7445994b84c2e6180ba3d4e",
+      "sha256": "5ba8c0da0680528241772b90d38b7e4ebe3886b9fa2703b9237bdc62ef9d8720",
       "sourceHook": "check_story_determinism.sh",
       "bucket": "SHIP_AS_IS"
     },
+    {
+      "file": "hooks/check_story_invariants.sh",
+      "sha256": "913b84ff4a84f100c7fe31b3ba570af0fd408ccffb3a6ed68952b0e117552322",
+      "sourceHook": "check_story_invariants.sh",
+      "bucket": "SHIP_REWRITTEN"
+    },
     {
       "file": "hooks/check_tabs_content_chrome_body_double_gap.sh",
-      "sha256": "656e854fc8c3e61afd7da3705f87d169a2ea04979e446ed453114b42b9bdcfb1",
+      "sha256": "56e54c8383a12ae489f1747a96d8b7deafb591498c2d596fc2e955b35c04bfc7",
       "sourceHook": "check_tabs_content_chrome_body_double_gap.sh",
       "bucket": "SHIP_AS_IS"
     },
@@ -114,19 +126,19 @@
     },
     {
       "file": "manifest.json",
-      "sha256": "5a8072bafa1d777fe4943f2f21130304101a4a6179270403fae205c4156d583b"
+      "sha256": "9f9133ff3ad96d9e52c0c248ddb8e14d0d8cb98a13d27246b601c641d8a946c9"
     },
     {
       "file": "preamble.md",
-      "sha256": "3bb47d3c88bcdeba13bc61ac6275799c9208c3001771e3652303e49a97fb0604"
+      "sha256": "9b16560369afb01e3d3ae3b15f6fec8215bcfe2faf3095b59960d2080064d510"
     },
     {
       "file": "skills/bug-fix-rhythm/SKILL.md",
-      "sha256": "b5cc2fa5b50b533c06583b64d7eaf4efc62d03d3b9088f6a58cd0b796d78c2e2"
+      "sha256": "aada1314d2b85ba8e866da75f7ff56f3922197d5a738956aa3cb7b469e40ae45"
     },
     {
       "file": "skills/code-quality-audit/SKILL.md",
-      "sha256": "fb65ebf0c72f7b475640f4861a1bfa2e9140727e2ff051fbd58f8348c0dc187d"
+      "sha256": "376120afbbea7052ec84ab04a36d93ee14671d9d430ec72642a8b53dd87c148c"
     },
     {
       "file": "skills/delivery-handoff/references/flow-diagram.md",
@@ -142,7 +154,7 @@
     },
     {
       "file": "skills/delivery-handoff/SKILL.md",
-      "sha256": "9e5c93441f6b56f64d1db46d4b46dc0015a7dd514af952d7e1926087249eaa23"
+      "sha256": "ef82a6d8f0dbefb3ff6e48042a3346ef96d263a60477cdcd43d46628f5632e68"
     },
     {
       "file": "skills/performance-audit/SKILL.md",
@@ -162,11 +174,11 @@
     },
     {
       "file": "skills/product-ui-audit/SKILL.md",
-      "sha256": "cef077d82f906fd26d1507bbab00f5215a75583780aa893805d3018eef000a05"
+      "sha256": "a8255bbd662cc5db98414ed32b5ae7423b0e09a7d719f969c202ba02974a41c7"
     },
     {
       "file": "skills/propose-options/SKILL.md",
-      "sha256": "3c0f8a8cef70506802ad67350ecde1ff5f633ddab21c22f3a4f91d923b9b9151"
+      "sha256": "6b8bdf866d45e25a620d1ea8cb0da9292cf3d80c7788d14508325a7d8d11d267"
     },
     {
       "file": "skills/prototype/references/audit-checks.md",
@@ -194,11 +206,11 @@
     },
     {
       "file": "skills/prototype/SKILL.md",
-      "sha256": "21b6c91550233609274e772f245afa25bbc1aa338cc2a7a135a3577e3b16da77"
+      "sha256": "c4b09bf7481d5f14375a5f22a4da2411047405811bc42490c0711b740265bd7f"
     },
     {
       "file": "skills/scan-similar-bugs/SKILL.md",
-      "sha256": "79c5125f6d65d9d530c09ba2f19afe60174278448b122f4d4a66f9280c1312ca"
+      "sha256": "4a47af39ee04a7ee7aee0f92f00c09296b083b9310a55e01c85538798ed31593"
     },
     {
       "file": "skills/ux-audit/SKILL.md",
@@ -222,7 +234,7 @@
     },
     {
       "file": "skills/visual-audit/SKILL.md",
-      "sha256": "0e4193dfb3a24609795a3d6a19f0e9d06da06c671a74d2db1afefa21d869ba2d"
+      "sha256": "49463b40de654546e05dc62765d4d37ad41a7c745fbc660878f4ecb5a26e3ae8"
     }
   ]
 }

package/ds-canonical/fork/hooks/_log-fire.sh

@@ -0,0 +1,46 @@
+#!/bin/bash
+# Note: This file is SOURCED by other hooks. Do NOT add `set -u` / `set -e` /
+# `pipefail` here — `source` runs in caller shell and propagates flags,
+# breaking caller code that legitimately reads unset vars (e.g. ${VIOLATIONS}
+# accumulator pattern). Caller hooks set their own flags as standalone scripts.
+#
+# Shared helper: log per-hook fire to .claude/logs/hook-fires-per-hook.jsonl
+#
+# Why: enables /knowledge-prune D2 dead-hook detection(6 月 0 fire → retire 提名)。
+# 各 hook 在 top-of-file source 本檔 + 呼叫 `log_hook_fire`。
+#
+# 與 hook-fires.jsonl 分離:後者記 governance-file edits(tool+path),本 log 記
+# per-hook fire(hook basename+ts)。兩 log 互補不重疊。
+#
+# 規則:silent on failure,不 block hook 執行。
+
+log_hook_fire() {
+  local hook_name="${1:-$(basename "${BASH_SOURCE[1]:-$0}")}"
+  # Resolve project root from this helper's location(stable; cwd may be anywhere
+  # depending on how Claude Code invokes the hook)to avoid stray .claude/ trees.
+  local _self_dir
+  _self_dir="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
+  local _resolved_root="${_self_dir%/.claude/hooks}"
+  local log_dir="${CLAUDE_PROJECT_DIR:-$_resolved_root}/.claude/logs"
+  local log_file="$log_dir/hook-fires-per-hook.jsonl"
+
+  mkdir -p "$log_dir" 2>/dev/null || return 0
+
+  # Rotate if > 1 MB
+  if [ -f "$log_file" ]; then
+    local size
+    size=$(wc -c < "$log_file" 2>/dev/null | tr -d ' ')
+    if [ -n "$size" ] && [ "$size" -gt 1048576 ]; then
+      # 2026-06-11 fix(prune D2 抓 data-loss):原 mv 同月二次 rotation 直接覆寫 archive
+      # (實證 .202605 只存 5/31 六小時,5/31–6/10 數萬筆 fire 史遺失)→ append 後清空,不覆寫
+      cat "$log_file" >> "${log_file}.$(date +%Y%m)" 2>/dev/null && : > "$log_file" || true
+    fi
+  fi
+
+  printf '{"ts":"%s","hook":"%s"}\n' \
+    "$(date -u +%Y-%m-%dT%H:%M:%SZ)" \
+    "$hook_name" \
+    >> "$log_file" 2>/dev/null || true
+}
+
+

package/ds-canonical/fork/hooks/block_prototype_imports.py

@@ -20,6 +20,15 @@ except Exception:
 EXPLORATION_PREFIX = "src/explorations/"
 SRC_PREFIX = "src/"
 
+# Project root for absolute→relative path normalization(real Edit/Write events
+# carry absolute file_path;prefix 比對必先轉 project-root 相對,否則 hook 永不 fire)。
+PROJECT_ROOT = os.environ.get('CLAUDE_PROJECT_DIR') or os.path.dirname(os.path.dirname(os.path.dirname(os.path.abspath(__file__))))
+
+def to_project_relative(path):
+    if os.path.isabs(path):
+        return os.path.relpath(path, PROJECT_ROOT)
+    return path
+
 def load_event():
     try:
         return json.load(sys.stdin)
@@ -83,19 +92,21 @@ def main():
     offenders = []
 
     for path in touched_paths:
-        if not should_check(path):
+        rel_path = to_project_relative(path)
+        if not should_check(rel_path):
             continue
-        if not os.path.exists(path):
+        abs_path = path if os.path.isabs(path) else os.path.join(PROJECT_ROOT, path)
+        if not os.path.exists(abs_path):
             continue
 
         try:
-            with open(path, "r", encoding="utf-8") as f:
+            with open(abs_path, "r", encoding="utf-8") as f:
                 content = f.read()
         except Exception:
             continue
 
         if contains_exploration_import(content):
-            offenders.append(path)
+            offenders.append(rel_path)
 
     if offenders:
         lines = [