@windrun-huaiin/diaomao 2.6.1 → 10.0.0

package/.env.local.txt

@@ -13,7 +13,7 @@ NEXT_PUBLIC_STYLE_CDN_PROXY_URL=https://r2-explorer-template.zcy777et.workers.de
 # 网站icon图标统一颜色(可选), 紫色
 NEXT_PUBLIC_STYLE_ICON_COLOR=text-purple-500
 # 网站svg图标统一颜色(可选), 紫色
-NEXT_PUBLIC_STYLE_SVG_ICON_COLOR=#AC62FD
+NEXT_PUBLIC_STYLE_SVG_ICON_COLOR="#AC62FD"
 # 网站svg图标大小适配(可选)
 NEXT_PUBLIC_STYLE_SVG_ICON_SIZE=18
 

package/.gitignore

@@ -6,6 +6,8 @@ yarn-debug.log*
 yarn-error.log*
 lerna-debug.log*
 .pnpm-debug.log*
+.claude*
+.codex*
 
 # Diagnostic reports (https://nodejs.org/api/report.html)
 report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
@@ -132,3 +134,5 @@ dist
 .source/index.ts
 .source/source.config.mjs
 
+
+/generated/prisma

package/messages/en.json

@@ -83,55 +83,167 @@
       }
     ]
   },
-  "pricePlan": {
+
+  "moneyPrice": {
     "title": "Choose Your Plan",
-    "subtitle": "Get the best of Raphael AI with faster generation and commercial usage",
+    "subtitle": "Select the best option for your needs",
     "billingSwitch": {
       "options": [
-        { "key": "monthly", "name": "Monthly", "unit": "/month", "discountText": "", "subTitle": "Billed Monthly" },
-        { "key": "yearly", "name": "Yearly", "unit": "/month", "discountText": "Save {percent}%", "subTitle": "Billed Annually" }
+        {
+          "key": "monthly",
+          "name": "Monthly",
+          "unit": "/month",
+          "discountText": "",
+          "subTitle": "Billed Monthly"
+        },
+        {
+          "key": "yearly",
+          "name": "Yearly",
+          "unit": "/month",
+          "discountText": "Save {percent}%",
+          "subTitle": "Billed Annually"
+        },
+        {
+          "key": "onetime",
+          "name": "One-Time",
+          "unit": "Credit Pack",
+          "discountText": "Credit Pack",
+          "subTitle": "Pay Once"
+        }
       ],
       "defaultKey": "yearly"
     },
-    "plans": [
-      {
-        "key": "free",
-        "title": "Hobby Version",
-        "showBillingSubTitle": false,
-        "features": [
-          { "description": "Access to all templates" },
-          { "description": "Unlimited editing and customization"},
-          { "description": "Download in multiple formats" },
-          { "description": "No watermarks" },
-          { "description": "No registration required" }
-        ],
-        "button": { "text": "Get started" }
-      },
-      {
-        "key": "premium",
-        "title": "Premium Version",
-        "showBillingSubTitle": true,
-        "features": [
-          { "description": "All features available", "tag": "Hobby Version" },
-          { "description": "UnLimited for Export/Import" },
-          { "description": "Limited 200 credits for AI-text", "tooltip": "1 credit = 1 AI conversation" }
-        ],
-        "button": { "text": "Upgrade to Premium" }
-      },
-      {
-        "key": "ultimate",
-        "title": "Ultimate Version",
-        "showBillingSubTitle": true,
-        "titleTags": ["Most Popular"],
-        "features": [
-          { "description": "All features available", "tag": "Premium Version" },
-          { "description": "Limited 500 credits AI-text", "tooltip": "1 credit = 1 AI conversation" },
-          { "description": "Early access to new features" },
-          { "description": "Team Support", "tooltip": "You can get our help with priority service support" }
-        ],
-        "button": { "text": "Upgrade to Ultimate" }
+    "subscription": {
+      "plans": [
+        {
+          "key": "F1",
+          "title": "Hobby",
+          "showBillingSubTitle": false,
+          "features": [
+            { "description": "Basic features" },
+            { "description": "Community support" },
+            { "description": "Limited usage" },
+            { "description": "No credit card required" }
+          ]
+        },
+        {
+          "key": "P2",
+          "title": "Pro",
+          "showBillingSubTitle": true,
+          "features": [
+            {
+              "description": "All Free features",
+              "tag": "Hobby"
+            },
+            { "description": "Priority support" },
+            {
+              "description": "100 credits/month",
+              "tooltip": "1 credit = 1 AI generation"
+            },
+            { "description": "Advanced analytics" }
+          ]
+        },
+        {
+          "key": "U3",
+          "title": "Ultra",
+          "showBillingSubTitle": true,
+          "titleTags": ["Most Popular"],
+          "features": [
+            {
+              "description": "All Pro features",
+              "tag": "Pro"
+            },
+            {
+              "description": "800 credits/month",
+              "tooltip": "1 credit = 1 AI generation"
+            },
+            { "description": "Early access to new features" },
+            {
+              "description": "Dedicated support",
+              "tooltip": "24/7 priority support with dedicated account manager"
+            },
+            { "description": "Custom integrations" }
+          ]
+        }
+      ]
+    },
+    "credits": {
+      "plans": [
+        {
+          "key": "F1",
+          "title": "Starter",
+          "subtitle": "5 Credits",
+          "showBillingSubTitle": true,
+          "features": [
+            { "description": "5 AI generations" },
+            { "description": "Perfect for trying out" },
+            { "description": "No expiration" },
+            { "description": "Instant activation" }
+          ]
+        },
+        {
+          "key": "P2",
+          "title": "Popular",
+          "subtitle": "10 Credits",
+          "showBillingSubTitle": true,
+          "titleTags": ["Preferred"],
+          "features": [
+            { "description": "10 AI generations" },
+            { "description": "Great for regular use" },
+            { "description": "No expiration" },
+            { "description": "Instant activation" },
+            { "description": "Support batch processing" }
+          ]
+        },
+        {
+          "key": "U3",
+          "title": "Power",
+          "subtitle": "20 Credits",
+          "showBillingSubTitle": true,
+          "features": [
+            { "description": "20 AI generations" },
+            { "description": "Perfect for heavy users" },
+            { "description": "No expiration" },
+            { "description": "Instant activation" }
+          ]
+        }
+      ]
+    },
+    "buttonTexts": {
+      "buyCredits": "Buy Credits",
+      "getStarted": "Get Started",
+      "getPro": "Get Pro",
+      "getUltra": "Get Ultra",
+      "currentPlan": "Current Plan",
+      "upgrade": "Upgrade"
+    }
+  },
+  "credit": {
+    "summary": {
+      "description": "Sum of all available credits",
+      "totalLabel": "Total Credits"
+    },
+    "buckets": {
+      "title": "Credit Breakdown",
+      "empty": "No credits yet",
+      "expiredAtLabel": "Expires",
+      "expandDetail": "Click to show credit details",
+      "hiddenDetail": "Click to hide credit details",
+      "labels": {
+        "free": "Free",
+        "subscription": "Subscription",
+        "onetime": "One-Time"
       }
-    ]
+    },
+    "subscription": {
+      "periodLabel": "Current Plan",
+      "manage": "Manage Subscription",
+      "inactive": "Free",
+      "pay": "Subscribe Now"
+    },
+    "onetime": {
+      "buy": "Buy Credit Pack"
+    }
   },
   "features": {
     "title": "Why Choose",
@@ -271,5 +383,20 @@
     "pricing": "Pricing",
     "legal": "Legal",
     "docs": "Docs"
+  },
+  "fuma": {
+    "search": "Search",
+    "searchNoResult": "No results found",
+    "toc": "On this page",
+    "tocNoHeadings": "No Headings",
+    "lastUpdate": "Last updated on",
+    "emptyLastUpdate": "Ooops, Ages ago!",
+    "chooseLanguage": "Choose a language",
+    "nextPage": "Next Page",
+    "previousPage": "Previous Page",
+    "chooseTheme": "Theme",
+    "copyMarkdown": "Copy page as Markdown",
+    "copyMarkdownDone": "Copied!",
+    "editOnGithub": "Edit this page on GitHub"
   }
 }

package/next-env.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+import "./.next/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@windrun-huaiin/diaomao",
-  "version": "2.6.1",
+  "version": "10.0.0",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -14,67 +14,77 @@
     "react"
   ],
   "dependencies": {
-    "@clerk/localizations": "^3.16.0",
-    "@clerk/nextjs": "^6.19.4",
-    "@clerk/themes": "^2.2.45",
-    "@clerk/types": "^4.59.0",
+    "@clerk/localizations": "^3.28.0",
+    "@clerk/nextjs": "^6.35.1",
+    "@clerk/themes": "^2.4.36",
+    "@clerk/types": "^4.100.0",
+    "@fingerprintjs/fingerprintjs": "^4.6.2",
     "@hookform/resolvers": "^3.10.0",
-    "@radix-ui/react-alert-dialog": "^1.1.13",
-    "@radix-ui/react-dropdown-menu": "^2.1.14",
-    "@radix-ui/react-label": "^2.1.6",
-    "@radix-ui/react-slot": "^1.2.2",
-    "@tailwindcss/typography": "latest",
+    "@radix-ui/react-alert-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@tailwindcss/typography": "^0.5.19",
     "@types/mdx": "^2.0.13",
-    "@windrun-huaiin/base-ui": "^6.0.3",
-    "@windrun-huaiin/lib": "^6.2.1",
-    "@windrun-huaiin/third-ui": "^5.14.2",
-    "autoprefixer": "^10.4.21",
+    "@windrun-huaiin/base-ui": "^10.1.0",
+    "@windrun-huaiin/lib": "^10.1.0",
+    "@windrun-huaiin/third-ui": "^10.1.0",
+    "autoprefixer": "^10.4.22",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "date-fns": "2.30.0",
-    "fumadocs-core": "15.3.3",
-    "fumadocs-mdx": "11.6.3",
-    "fumadocs-ui": "15.3.3",
-    "katex": "^0.16.22",
+    "date-fns": "^2.30.0",
+    "fumadocs-core": "16.0.9",
+    "fumadocs-docgen": "3.0.4",
+    "fumadocs-mdx": "13.0.6",
+    "fumadocs-typescript": "4.0.13",
+    "fumadocs-ui": "16.0.9",
+    "katex": "^0.16.25",
     "lucide-react": "^0.525.0",
-    "mermaid": "^11.6.0",
-    "next": "15.3.2",
-    "next-intl": "^3.26.5",
+    "mermaid": "^11.12.1",
+    "next": "16.0.0",
+    "next-intl": "^4.4.0",
     "next-themes": "^0.4.6",
-    "react": "19.1.0",
-    "react-dom": "19.1.0",
-    "react-medium-image-zoom": "^5.2.14",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
+    "react-medium-image-zoom": "^5.4.0",
     "rehype-katex": "^7.0.1",
     "remark": "^15.0.1",
+    "remark-frontmatter": "^5.0.0",
     "remark-gfm": "^4.0.1",
     "remark-math": "^6.0.0",
-    "remark-mdx": "^3.1.0",
-    "shiki": "^3.4.2",
-    "tailwind-merge": "^3.3.0",
+    "remark-mdx": "^3.1.1",
+    "shiki": "^3.15.0",
+    "stripe": "19.3.0",
+    "svix": "^1.81.0",
+    "swiper": "^12.0.3",
+    "tailwind-merge": "^3.4.0",
     "tailwindcss-animate": "^1.0.7",
-    "zod": "^3.24.4"
+    "uuid": "^11.1.0",
+    "zod": "^4.1.12"
   },
   "devDependencies": {
     "@changesets/cli": "^2.29.5",
-    "@tailwindcss/cli": "^4.1.11",
-    "@tailwindcss/postcss": "^4.1.7",
+    "@prisma/client": "^6.19.0",
+    "@tailwindcss/cli": "^4.1.17",
+    "@tailwindcss/postcss": "^4.1.17",
     "@types/hast": "^3.0.4",
-    "@types/node": "^22.15.18",
+    "@types/node": "^22.17.2",
     "@types/nprogress": "^0.2.3",
-    "@types/react": "19.1.2",
-    "@types/react-dom": "19.1.3",
+    "@types/react": "^19.1.2",
+    "@types/react-dom": "^19.1.3",
     "@types/react-medium-image-zoom": "^3.0.3",
-    "@typescript-eslint/parser": "^8.32.1",
-    "@windrun-huaiin/dev-scripts": "^6.8.2",
-    "eslint": "^9.27.0",
-    "eslint-config-next": "15.3.2",
-    "eslint-plugin-unused-imports": "^4.1.4",
+    "@types/uuid": "^10.0.0",
+    "@typescript-eslint/parser": "^8.46.4",
+    "@windrun-huaiin/dev-scripts": "^10.1.0",
+    "eslint": "^9.39.1",
+    "eslint-config-next": "^16.0.0",
+    "eslint-plugin-unused-imports": "^4.3.0",
     "fast-glob": "^3.3.3",
     "nprogress": "^0.2.0",
-    "postcss": "^8.5.3",
-    "remark-frontmatter": "^5.0.0",
-    "tailwindcss": "^4.1.7",
-    "ts-morph": "25.0.1",
+    "postcss": "^8.5.6",
+    "prisma": "^6.19.0",
+    "tailwindcss": "^4.1.17",
+    "ts-morph": "^27.0.2",
     "ts-node": "^10.9.2",
     "typescript": "^5.8.3",
     "unist-util-visit": "^5.0.0"
@@ -104,12 +114,10 @@
     "!**/*.log"
   ],
   "scripts": {
-    "postinstall": "fumadocs-mdx",
-    "predev": "pnpm run lint",
     "dev": "next dev --turbopack",
     "build": "pnpm generate-blog-index && next build",
     "build:dev": "pnpm generate-blog-index && next build",
-    "build:prod": "next build",
+    "build:prod": "prisma generate && next build",
     "start": "next start",
     "lint": "next lint",
     "deep-clean": "dev-scripts deep-clean",
@@ -123,6 +131,7 @@
     "clean-translations": "dev-scripts clean-translations -v",
     "remove-translations": "dev-scripts clean-translations --remove -v",
     "whoareyou": "dev-scripts generate-nextjs-architecture -v",
-    "windrun": "pnpm remove @windrun-huaiin/base-ui @windrun-huaiin/lib @windrun-huaiin/third-ui @windrun-huaiin/dev-scripts && pnpm add @windrun-huaiin/base-ui@latest @windrun-huaiin/lib@latest @windrun-huaiin/third-ui@latest && pnpm add -D @windrun-huaiin/dev-scripts@latest"
+    "windrun": "pnpm remove @windrun-huaiin/base-ui @windrun-huaiin/lib @windrun-huaiin/third-ui @windrun-huaiin/dev-scripts && pnpm add @windrun-huaiin/base-ui@latest @windrun-huaiin/lib@latest @windrun-huaiin/third-ui@latest && pnpm add -D @windrun-huaiin/dev-scripts@latest",
+    "windrun3": "pnpm remove @windrun-huaiin/third-ui && pnpm add @windrun-huaiin/third-ui@latest"
   }
 }

package/patches/fumadocs-core@16.0.9.patch

@@ -0,0 +1,15 @@
+diff --git a/dist/toc.js b/dist/toc.js
+index 7d1336e9b4e54d862739ed02019505e7f3c2589d..e3d504e38a0d07cf6341704898e570dbf58b9002 100644
+--- a/dist/toc.js
++++ b/dist/toc.js
+@@ -100,7 +100,9 @@ function useAnchorObserver(watch, single) {
+       }
+     }
+     if (state.visible.size === 0) {
+-      const viewTop = entries[0].rootBounds.top;
++      const rootBounds = entries[0]?.rootBounds;
++      if (!rootBounds) return;
++      const viewTop = rootBounds.top;
+       let fallback;
+       let min = -1;
+       for (const id of watch) {

package/patches/fumadocs-ui@16.0.9.patch

@@ -0,0 +1,159 @@
+diff --git a/dist/components/layout/toc-clerk.d.ts.map b/dist/components/layout/toc-clerk.d.ts.map
+index 9156ea92f045791b8600661d8dac7ef17e8659bc..aec472b0c2387fea6c5ee0f2668087de2530398e 100644
+--- a/dist/components/layout/toc-clerk.d.ts.map
++++ b/dist/components/layout/toc-clerk.d.ts.map
+@@ -1 +1 @@
+-{"version":3,"file":"toc-clerk.d.ts","sourceRoot":"","sources":["../../../src/components/layout/toc-clerk.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAA+B,MAAM,OAAO,CAAC;AAOzE,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,2CAsGvB"}
+
++{"version":3,"file":"toc-clerk.d.ts","sourceRoot":"","sources":["../../../src/components/layout/toc-clerk.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAA0B,MAAM,OAAO,CAAC;AAMpE,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,2CA4BvB"}
+
+diff --git a/dist/components/layout/toc-clerk.js b/dist/components/layout/toc-clerk.js
+index 40f8b2b191cd2817a51de0aaf9c492a3077aac60..f36b807e5eea299e18818b9d938aa506cbaad406 100644
+--- a/dist/components/layout/toc-clerk.js
++++ b/dist/components/layout/toc-clerk.js
+@@ -1,9 +1,8 @@
+ 'use client';
+-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
++import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+ import * as Primitive from 'fumadocs-core/toc';
+-import { useEffect, useRef, useState } from 'react';
++import { useRef } from 'react';
+ import { cn } from '../../utils/cn.js';
+-import { TocThumb } from '../../components/layout/toc-thumb.js';
+ import { useTOCItems } from '../../components/layout/toc.js';
+ import { mergeRefs } from '../../utils/merge-refs.js';
+ import { useI18n } from '../../contexts/i18n.js';
+@@ -11,51 +10,9 @@ export default function ClerkTOCItems({ ref, className, ...props }) {
+     const containerRef = useRef(null);
+     const items = useTOCItems();
+     const { text } = useI18n();
+-    const [svg, setSvg] = useState();
+-    useEffect(() => {
+-        if (!containerRef.current)
+-            return;
+-        const container = containerRef.current;
+-        function onResize() {
+-            if (container.clientHeight === 0)
+-                return;
+-            let w = 0, h = 0;
+-            const d = [];
+-            for (let i = 0; i < items.length; i++) {
+-                const element = container.querySelector(`a[href="#${items[i].url.slice(1)}"]`);
+-                if (!element)
+-                    continue;
+-                const styles = getComputedStyle(element);
+-                const offset = getLineOffset(items[i].depth) + 1, top = element.offsetTop + parseFloat(styles.paddingTop), bottom = element.offsetTop +
+-                    element.clientHeight -
+-                    parseFloat(styles.paddingBottom);
+-                w = Math.max(offset, w);
+-                h = Math.max(h, bottom);
+-                d.push(`${i === 0 ? 'M' : 'L'}${offset} ${top}`);
+-                d.push(`L${offset} ${bottom}`);
+-            }
+-            setSvg({
+-                path: d.join(' '),
+-                width: w + 1,
+-                height: h,
+-            });
+-        }
+-        const observer = new ResizeObserver(onResize);
+-        onResize();
+-        observer.observe(container);
+-        return () => {
+-            observer.disconnect();
+-        };
+-    }, [items]);
+     if (items.length === 0)
+         return (_jsx("div", { className: "rounded-lg border bg-fd-card p-3 text-xs text-fd-muted-foreground", children: text.tocNoHeadings }));
+-    return (_jsxs(_Fragment, { children: [svg ? (_jsx("div", { className: "absolute start-0 top-0 rtl:-scale-x-100", style: {
+-                    width: svg.width,
+-                    height: svg.height,
+-                    maskImage: `url("data:image/svg+xml,${
+-                    // Inline SVG
+-                    encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${svg.width} ${svg.height}"><path d="${svg.path}" stroke="black" stroke-width="1" fill="none" /></svg>`)}")`,
+-                }, children: _jsx(TocThumb, { containerRef: containerRef, className: "mt-(--fd-top) h-(--fd-height) bg-fd-primary transition-all" }) })) : null, _jsx("div", { ref: mergeRefs(containerRef, ref), className: cn('flex flex-col', className), ...props, children: items.map((item, i) => (_jsx(TOCItem, { item: item, upper: items[i - 1]?.depth, lower: items[i + 1]?.depth }, item.url))) })] }));
++    return (_jsx("div", { ref: mergeRefs(containerRef, ref), className: cn('flex flex-col relative', className), ...props, children: items.map((item, i) => (_jsx(EnhancedClerkTOCItemInternal, { item: item, upperDepth: items[i - 1]?.depth, lowerDepth: items[i + 1]?.depth }, item.url))) }));
+ }
+ function getItemOffset(depth) {
+     if (depth <= 2)
+@@ -67,11 +24,74 @@ function getItemOffset(depth) {
+ function getLineOffset(depth) {
+     return depth >= 3 ? 10 : 0;
+ }
+-function TOCItem({ item, upper = item.depth, lower = item.depth, }) {
+-    const offset = getLineOffset(item.depth), upperOffset = getLineOffset(upper), lowerOffset = getLineOffset(lower);
++function getVisualLinePosition(depth) {
++    return getLineOffset(depth);
++}
++function EnhancedClerkTOCItemInternal({ item, upperDepth = item.depth, lowerDepth = item.depth, }) {
++    const isH3 = item.depth === 3;
++    const rawTitle = typeof item.title === 'string' ? item.title : '';
++    const { isStep, displayStep, content } = getStepInfoFromTitle(rawTitle);
++    let stepNumber = isH3 && isStep ? String(displayStep) : null;
++    let resolvedContent = item.title;
++    if (isH3 && isStep) {
++        resolvedContent = content ?? item.title;
++    }
++    if (isH3 && !stepNumber) {
++        const urlNum = _getDigitsFromUrl(item.url);
++        if (urlNum != null) {
++            const clamped = Math.max(0, Math.min(19, urlNum));
++            stepNumber = String(clamped);
++            if (typeof rawTitle === 'string') {
++                const m = rawTitle.match(/^(\d+(?:\.\d+)*\.?)\s+(.+)$/);
++                if (m && m[2]) {
++                    resolvedContent = m[2];
++                }
++            }
++        }
++    }
++    const shouldRenderCircle = isH3 && stepNumber !== null;
++    const lineOffsetWithinItem = getLineOffset(item.depth);
++    const upperLineOffsetWithinItem = getLineOffset(upperDepth);
++    const lowerLineOffsetWithinItem = getLineOffset(lowerDepth);
++    const itemPadding = getItemOffset(item.depth);
++    const visualElementX = getVisualLinePosition(item.depth);
++    const CIRCLE_RADIUS_PX = 7;
+     return (_jsxs(Primitive.TOCItem, { href: item.url, style: {
+-            paddingInlineStart: getItemOffset(item.depth),
+-        }, className: "prose relative py-1.5 text-sm text-fd-muted-foreground hover:text-fd-accent-foreground transition-colors [overflow-wrap:anywhere] first:pt-0 last:pb-0 data-[active=true]:text-fd-primary", children: [offset !== upperOffset ? (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", className: "absolute -top-1.5 start-0 size-4 rtl:-scale-x-100", children: _jsx("line", { x1: upperOffset, y1: "0", x2: offset, y2: "12", className: "stroke-fd-foreground/10", strokeWidth: "1" }) })) : null, _jsx("div", { className: cn('absolute inset-y-0 w-px bg-fd-foreground/10', offset !== upperOffset && 'top-1.5', offset !== lowerOffset && 'bottom-1.5'), style: {
+-                    insetInlineStart: offset,
+-                } }), item.title] }));
++            paddingInlineStart: itemPadding,
++        }, className: "prose group relative py-1.5 text-sm text-fd-muted-foreground hover:text-fd-accent-foreground transition-colors [overflow-wrap:anywhere] first:pt-0 last:pb-0 data-[active=true]:text-fd-primary", children: [lineOffsetWithinItem !== upperLineOffsetWithinItem ? (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", className: "absolute -top-1.5 size-4 pointer-events-none rtl:-scale-x-100", style: {
++                    insetInlineStart: Math.min(lineOffsetWithinItem, upperLineOffsetWithinItem),
++                    zIndex: 1,
++                }, children: _jsx("line", { x1: upperLineOffsetWithinItem -
++                        Math.min(lineOffsetWithinItem, upperLineOffsetWithinItem), y1: "0", x2: lineOffsetWithinItem -
++                        Math.min(lineOffsetWithinItem, upperLineOffsetWithinItem), y2: "12", className: cn('stroke-fd-foreground/10', 'group-data-[active=true]:stroke-fd-primary'), strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })) : null, _jsx("div", { className: cn('absolute inset-y-0 pointer-events-none transition-all duration-500 ease-in-out', 'w-[2px] bg-fd-foreground/15 group-data-[active=true]:bg-fd-primary', lineOffsetWithinItem !== upperLineOffsetWithinItem && 'top-1.5', lineOffsetWithinItem !== lowerLineOffsetWithinItem && 'bottom-1.5'), style: {
++                    insetInlineStart: lineOffsetWithinItem,
++                    zIndex: 1,
++                } }), shouldRenderCircle && stepNumber ? (_jsx("span", { className: cn('absolute z-10 flex size-[14px] -translate-y-1/2 items-center justify-center rounded-full', 'bg-black text-white dark:bg-white dark:text-black', 'group-data-[active=true]:bg-fd-primary group-data-[active=true]:text-white dark:group-data-[active=true]:text-black', 'font-medium text-xs'), style: {
++                    left: visualElementX - CIRCLE_RADIUS_PX,
++                    top: '50%',
++                }, children: stepNumber })) : null, _jsx("span", { style: { position: 'relative', zIndex: 1 }, children: resolvedContent })] }));
++}
++function _getDigitsFromUrl(url) {
++    const match = /^#(\d+)-/.exec(url);
++    if (!match)
++        return null;
++    const value = Number.parseInt(match[1], 10);
++    return Number.isNaN(value) ? null : value;
++}
++function getStepInfoFromTitle(title) {
++    const trimmed = title.trim();
++    const match = trimmed.match(/^(\d+(?:\.\d+)*\.?)\s+(.+)$/);
++    if (!match)
++        return { isStep: false, displayStep: null, content: null };
++    const content = (match[2] ?? '').trim();
++    if (content.length === 0)
++        return { isStep: false, displayStep: null, content: null };
++    const numericPart = match[1].replace(/\.$/, '');
++    const parts = numericPart.split('.').map((part) => Number.parseInt(part, 10));
++    const lastPart = parts.at(-1);
++    if (lastPart == null || Number.isNaN(lastPart)) {
++        return { isStep: false, displayStep: null, content: null };
++    }
++    const clamped = Math.max(0, Math.min(19, lastPart));
++    return { isStep: true, displayStep: clamped, content };
+ }

package/source.config.ts

@@ -41,7 +41,6 @@ export default defineConfig({
     remarkImageOptions: false,
     rehypeCodeOptions: {
       lazy: true,
-      experimentalJSEngine: true,
       inline: 'tailing-curly-colon',
       themes: {
         light: 'catppuccin-latte',