mirror of
https://github.com/multica-ai/multica.git
synced 2026-08-05 09:30:05 +02:00
e395fb8744
Complete rework of the docs site, in three passes squashed into one change: 1. P0 fact corrections across the core-loop pages (agent access model, comment triggers and coalescing, issue lifecycle, offline/queue semantics, task states and retries, dispatch via realtime push). 2. Chinese rewrite as the authoring language: final 12-group IA, new "Core concepts" and "Put agents to work" pages, curated welcome page, permanent-UI quickstart (no onboarding-wizard dependency), operator reference restored (CLI command reference, webhook response codes, task state/timeout tables, config set keys, upgrade notes). 3. Verification and sync: every load-bearing claim re-checked against current main with file:line evidence (migration 103 auto-backfill, CLI-only trigger toggling, duplication semantics, COOKIE_DOMAIN, GitHub App variables, Qwen Code as the 17th provider); register standards applied to all 39 pages; en/ja/ko synced from zh with same-language heading anchors (verified, zero dead links); 17 product screenshots plus 2 diagrams wired in. Supporting fixes: i18n middleware no longer swallows /images assets, sidebar folder indent survives custom link padding, unused editorial components removed. Co-authored-by: Claude Fable 5 <noreply@anthropic.com>
97 lines
2.9 KiB
TypeScript
97 lines
2.9 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import type { ReactNode } from "react";
|
|
import { useDocsLocale } from "@/components/locale-link";
|
|
import { prefixLocale } from "@/lib/locale-link";
|
|
|
|
|
|
/**
|
|
* NumberedCards — three-column ruled-divider grid with No.01/02/03 serif
|
|
* numbers. Showpiece component; replaces fumadocs's <Cards> on the welcome
|
|
* page. Top + bottom heavy rules frame the row.
|
|
*/
|
|
export function NumberedCards({ children }: { children: ReactNode }) {
|
|
return (
|
|
<div className="not-prose my-9 grid grid-cols-1 border-y border-[var(--docs-rule)] md:grid-cols-3">
|
|
{children}
|
|
</div>
|
|
);
|
|
}
|
|
|
|
/**
|
|
* NumberedCard — child of NumberedCards. Internally numbered by CSS counter,
|
|
* but we also accept an explicit `number` prop in case the consumer wants
|
|
* to override (e.g. start at "03").
|
|
*/
|
|
export function NumberedCard({
|
|
number,
|
|
title,
|
|
href,
|
|
tag,
|
|
children,
|
|
}: {
|
|
number?: string;
|
|
title: string;
|
|
href: string;
|
|
tag?: string;
|
|
children: ReactNode;
|
|
}) {
|
|
const lang = useDocsLocale();
|
|
return (
|
|
<Link
|
|
href={prefixLocale(href, lang)}
|
|
className="group flex flex-col gap-2.5 border-r border-border px-0 py-5 pr-4 no-underline last:border-r-0 md:px-4 md:first:pl-0 md:last:pr-0"
|
|
>
|
|
<div className="font-mono text-[0.6875rem] uppercase tracking-[0.08em] text-muted-foreground">
|
|
{number ? `No. ${number}` : null}
|
|
</div>
|
|
<div className="font-[family-name:var(--font-serif)] text-[1.375rem] leading-[1.25] tracking-[-0.015em] text-foreground transition-colors group-hover:text-[var(--primary)]">
|
|
{title}
|
|
</div>
|
|
<div className="text-[0.84375rem] leading-[1.55] text-muted-foreground">
|
|
{children}
|
|
</div>
|
|
{tag ? (
|
|
<div className="mt-1 font-mono text-[0.625rem] uppercase tracking-[0.06em] text-[var(--primary)]">
|
|
{tag}
|
|
</div>
|
|
) : null}
|
|
</Link>
|
|
);
|
|
}
|
|
|
|
/**
|
|
* NumberedSteps — large serif step numbers, ruled-row separators.
|
|
* Use for sequential walkthroughs (install → login → start → assign).
|
|
*/
|
|
export function NumberedSteps({ children }: { children: ReactNode }) {
|
|
return <div className="not-prose my-7 border-t border-border">{children}</div>;
|
|
}
|
|
|
|
export function Step({
|
|
number,
|
|
title,
|
|
children,
|
|
}: {
|
|
number: string;
|
|
title: string;
|
|
children: ReactNode;
|
|
}) {
|
|
return (
|
|
<div className="grid grid-cols-[3.5rem_1fr] gap-5 border-b border-border py-5">
|
|
<div className="font-[family-name:var(--font-serif)] text-[2rem] font-normal leading-none tracking-[-0.02em] text-[var(--primary)]">
|
|
{number}
|
|
</div>
|
|
<div>
|
|
<div className="mb-1 font-[family-name:var(--font-serif)] text-[1.25rem] leading-[1.3] tracking-[-0.01em] text-foreground">
|
|
{title}
|
|
</div>
|
|
<div className="text-[0.9375rem] leading-[1.6] text-muted-foreground">
|
|
{children}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|