@qijenchen/design-system 0.1.0-beta.34 → 0.1.0-beta.36

package/ds-canonical/hooks/inject_deploy_url_after_push.sh

@@ -173,6 +173,10 @@ fi
 [ -z "$URLS_FOUND" ] && exit 0
 
 # Inject into AI context
-printf '%b' "Deploy URLs auto-detected(per user 2026-05-26 directive「完成部署之後都應該自動回吐連結」+ 2026-05-27「不管 repo 都要提供」):\n${URLS_FOUND}"
+# 2026-05-29 ROOT-CAUSE FIX:PostToolUse hook 的純 stdout **不會**注入 AI context(只進 transcript)→
+# 原 `printf` 輸出讓 AI 看不到 URL → AI 每次 push 都沒 relay 給 user(user verbatim「部署完都沒給我 url」)。
+# 必須輸出 JSON `hookSpecificOutput.additionalContext` 才會真注入 AI context。
+MSG=$(printf '%b' "🚀 Deploy URLs auto-detected — RELAY 給 user(per user 2026-05-26「完成部署都自動回吐連結」+ 2026-05-27「不管 repo」):\n${URLS_FOUND}\n(AI:必須把上面 URL 貼給 user,不可省略)")
+jq -n --arg ctx "$MSG" '{hookSpecificOutput:{hookEventName:"PostToolUse",additionalContext:$ctx}}'
 
 exit 0

package/ds-canonical/hooks/tests/test_session_start_governance_check.sh

@@ -123,14 +123,18 @@ fi
 teardown_proj
 
 # Test 7: Hook count > hard cap → BLOCKER
-echo "Test 7: hook count 46 → hard BLOCKER (cap raised to 45 2026-05-26 per infra backfill)"
+# Cap 從 SSOT(session_start_governance_check.sh `HOOK_COUNT" -gt N`)動態讀,避免 cap 升級後測試 re-drift。
+# Anchor:2026-05-29 cap 已升 45→60 但本測試寫死 46/「hard 45」→ CI hook-test 失敗 → 連帶 storybook
+# build + GitHub Pages deploy 全卡(deploy-storybook job gated 在 Verify pass)。改動態讀後永不 drift。
+HARD_CAP=$(grep -oE 'HOOK_COUNT" -gt [0-9]+' "$HOOK" | grep -oE '[0-9]+' | head -1)
+echo "Test 7: hook count > hard cap ${HARD_CAP} → BLOCKER (cap 從 SSOT 讀)"
 setup_proj
-for i in $(seq 1 46); do
+for i in $(seq 1 $((HARD_CAP + 5))); do
   : > "$TMP_PROJ/.claude/hooks/check_fake_${i}.sh"
 done
 run_hook
-if [ "$EXIT" = "0" ] && echo "$STDOUT_TEXT" | grep -q "BLOCKER" && echo "$STDOUT_TEXT" | grep -qE "hard (30|35|40|45)"; then
-  echo "  PASS  Test 7 hook count hard BLOCKER"; PASS=$((PASS+1))
+if [ "$EXIT" = "0" ] && echo "$STDOUT_TEXT" | grep -q "BLOCKER" && echo "$STDOUT_TEXT" | grep -qE "hard ${HARD_CAP}"; then
+  echo "  PASS  Test 7 hook count hard BLOCKER (cap ${HARD_CAP})"; PASS=$((PASS+1))
 else
   echo "  FAIL  Test 7 (output: ${STDOUT_TEXT:0:200})"
   FAIL=$((FAIL+1)); FAILED="${FAILED}\n  - Test 7"

package/ds-story-manifest.json

@@ -7,7 +7,7 @@
       "scripts/composition-fidelity-visual-diff.mjs",
       "product-workspace apps/template/src/AllDsComponents.stories.tsx (DsCanonicalPortal)"
     ],
-    "generatedAt": "2026-05-29T07:08:15.252Z"
+    "generatedAt": "2026-05-29T11:03:00.673Z"
   },
   "components": {
     "accordion": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qijenchen/design-system",
-  "version": "0.1.0-beta.34",
+  "version": "0.1.0-beta.36",
   "private": false,
   "description": "World-class design system — components, patterns, tokens, hooks (single source of truth for team distribution).",
   "type": "module",
@@ -41,7 +41,8 @@
     "./styles/tokens.css": "./src/styles/tokens.css",
     "./styles/tokens": "./src/styles/tokens.css",
     "./package.json": "./package.json",
-    "./ds-story-manifest.json": "./ds-story-manifest.json"
+    "./ds-story-manifest.json": "./ds-story-manifest.json",
+    "./styles/base": "./src/styles/base.css"
   },
   "bin": {
     "qijenchen-ds-init": "./cli-init.mjs"

package/src/styles/base.css

@@ -0,0 +1,85 @@
+/* @qijenchen/design-system/styles/base — consumer runtime CSS SSOT
+ *
+ * Why(2026-05-29 fix:ds-product-template storybook 字體 drift,user「請你追根究底去解決」授權):
+ *   `styles/tokens` is the single consumer import. It must include the runtime CSS
+ *   needed by shipped DS components: base element styles plus custom utilities
+ *   backed by DS-owned keyframes.
+ *
+ *   本檔抽出 base 層為單一 SSOT:DS `src/globals.css` + consumer 都 import,字體/reset 永不 drift。
+ *   codex 2026-05-29 dual-track 共識 option (a)。
+ *
+ * 用法(consumer,放在 tokens import 之後):
+ *   @import '@qijenchen/design-system/styles/tokens';
+ *   @import '@qijenchen/design-system/styles/base';
+ */
+
+/* lucide 全域 stroke width */
+.lucide {
+  stroke-width: 1.75;
+}
+
+@layer base {
+  *,
+  ::before,
+  ::after {
+    box-sizing: border-box;
+    border-color: var(--color-neutral-5);
+  }
+
+  body {
+    background-color: var(--canvas);
+    color: var(--foreground);
+    font-family: var(--font-sans);
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  :focus-visible {
+    outline: 2px solid var(--ring);
+    outline-offset: 2px;
+  }
+
+  /* Button pointer cursor(Tailwind v4 移除 v3 的 button cursor,補回符合 UX 直覺) */
+  button:not(:disabled),
+  [role="button"]:not(:disabled) {
+    cursor: pointer;
+  }
+}
+
+/* Radix Collapsible height animation — consumed by TreeView. */
+@keyframes collapsible-down {
+  from { height: 0; }
+  to { height: var(--radix-collapsible-content-height); }
+}
+
+@keyframes collapsible-up {
+  from { height: var(--radix-collapsible-content-height); }
+  to { height: 0; }
+}
+
+@utility animate-collapsible-down {
+  animation: collapsible-down 150ms ease-out;
+}
+
+@utility animate-collapsible-up {
+  animation: collapsible-up 150ms ease-out;
+}
+
+/* Radix Accordion height animation — Radix exposes a different content-height var. */
+@keyframes accordion-down {
+  from { height: 0; }
+  to { height: var(--radix-accordion-content-height); }
+}
+
+@keyframes accordion-up {
+  from { height: var(--radix-accordion-content-height); }
+  to { height: 0; }
+}
+
+@utility animate-accordion-down {
+  animation: accordion-down 200ms ease-out;
+}
+
+@utility animate-accordion-up {
+  animation: accordion-up 200ms ease-out;
+}

package/src/styles/tokens.css

@@ -34,9 +34,13 @@
 @import './../tokens/opacity/opacity.css';
 @import './../tokens/motion/motion.css';
 
-/* Non-token CSS (patterns/ + components/) containing :root token declarations
+/* Non-token CSS (patterns/ + components/) containing token/runtime declarations
    or component-internal styles — auto-detected by generator scan. Per 2026-05-27
    root-cause fix: src/globals.css 已 import for DS internal, 但 consumer-facing
    tokens.css aggregator 必須也包含, 不然 consumer 拿不到 → 跑版。 */
 @import './../components/DataTable/data-table.css';
 @import './../patterns/header-canonical/header-canonical.css';
+
+/* Base layer — body typography(font-family var(--font-sans))+ reset + focus + button cursor。
+   必在 token 之後(依賴 token vars)。Consumer `@import tokens` 一次拿到。SSOT: styles/base.css。 */
+@import './base.css';

package/src/tokens/color/primitives.css

@@ -245,6 +245,13 @@
 
 }
 
+/* Tailwind bridge for absolute anchors.
+   Keep the bridge in the primitive color SSOT so text-white/bg-white ship to consumers. */
+@theme inline {
+  --color-white: oklch(1 0 0);
+  --color-black: oklch(0 0 0);
+}
+
 
 /* ── Layer 1 — Dark Mode Overrides ── */
 [data-theme="dark"] {