mirror of
https://github.com/Hmbown/DeepSeek-TUI.git
synced 2026-09-03 06:50:13 +08:00
bd0fcfa7bf
Visual-language alignment with the Tideline TUI and the new brand asset: - web/ palette re-grounded to the TUI WHALE_* tokens: deep-ocean dark is the default everywhere; the docs light sheet becomes an opt-in block carrying the LIGHT_* tokens (fixed two defects found by render inspection: the white mark vanishing on the light sheet and near-black button ink on cobalt). - New brand mark integrated: traced SVG silhouette on the deep-blue tile (app/icon.svg), favicon.ico (16+32), apple-icon (180), web-app icons (192/512), new web app manifest, rebuilt OG card (mark + wordmark + identity phrase on the gradient, 1200x630). - nav wordmark = new mark + name/tag; seal chips restyled; every bg-ink-as-dark idiom that would have inverted to ivory slabs fixed across components and pages. - tailwind accents resolve through CSS vars so the docs light sheet re-themes; Fraunces/Noto Serif SC display loads dropped (Tideline typography: display = body family at heading weight). Contract tests updated where product intent changed (blue-stage, docs-theme, public-copy pins); the contracts themselves are preserved. No route, copy, dictionary, or media-manifest changes. Verified (integrator re-ran): check:facts OK; check:docs PASS; npm test 40 files / 341 tests all pass; npm run build clean (624 static pages incl. the new asset routes); asset routes live-checked on the production server (200s with correct content types). Render inspection at 390/768/1440 for home + docs, mobile menu, focus ring, docs light toggle, install, models, community, zh home, OG card — captures under /tmp/cw-captures/ (recorded in the Ops ledger). Refs #5573. No-Issue: Tideline program slice per the takeover plan.
90 lines
2.6 KiB
TypeScript
90 lines
2.6 KiB
TypeScript
"use client";
|
|
|
|
import { useEffect, useState } from "react";
|
|
import {
|
|
detectFromBrowserSignals,
|
|
type Arch,
|
|
type UserAgentArchitecture,
|
|
} from "@/lib/install-platform";
|
|
import { SNIPPETS, VERIFY } from "@/lib/install-binary-snippets";
|
|
import { InstallCodeBlock } from "./install-code-block";
|
|
|
|
const LABELS: Record<Arch, string> = {
|
|
"macos-arm64": "macOS · Apple Silicon",
|
|
"macos-x64": "macOS · Intel",
|
|
"linux-x64": "Linux · x64",
|
|
"linux-arm64": "Linux · arm64",
|
|
"windows-x64": "Windows · x64",
|
|
"windows-arm64": "Windows · arm64",
|
|
};
|
|
|
|
interface NavigatorWithUserAgentData extends Navigator {
|
|
userAgentData?: {
|
|
getHighEntropyValues(hints: string[]): Promise<UserAgentArchitecture>;
|
|
};
|
|
}
|
|
|
|
async function detect(): Promise<Arch> {
|
|
if (typeof navigator === "undefined") return "macos-arm64";
|
|
const browserNavigator = navigator as NavigatorWithUserAgentData;
|
|
let architecture: UserAgentArchitecture | undefined;
|
|
if (navigator.userAgent.toLowerCase().includes("win")) {
|
|
try {
|
|
architecture = await browserNavigator.userAgentData?.getHighEntropyValues([
|
|
"architecture",
|
|
"bitness",
|
|
]);
|
|
} catch {
|
|
// The manual platform buttons and frozen-UA fallback remain available.
|
|
}
|
|
}
|
|
return detectFromBrowserSignals(navigator.userAgent, architecture);
|
|
}
|
|
|
|
interface Props {
|
|
copyLabel?: string;
|
|
copiedLabel?: string;
|
|
verifyHeading?: string;
|
|
}
|
|
|
|
export function InstallBinary({ copyLabel, copiedLabel, verifyHeading = "Verify checksum" }: Props) {
|
|
const [arch, setArch] = useState<Arch>("macos-arm64");
|
|
|
|
useEffect(() => {
|
|
let active = true;
|
|
void detect().then((detected) => {
|
|
if (active) setArch(detected);
|
|
});
|
|
return () => {
|
|
active = false;
|
|
};
|
|
}, []);
|
|
|
|
return (
|
|
<div>
|
|
<div className="flex flex-wrap gap-0 mb-3 hairline-t hairline-b hairline-l hairline-r">
|
|
{(Object.keys(SNIPPETS) as Arch[]).map((a, i) => (
|
|
<button
|
|
key={a}
|
|
type="button"
|
|
onClick={() => setArch(a)}
|
|
aria-pressed={arch === a}
|
|
className={`px-3 py-1.5 font-mono text-[0.7rem] tracking-wider transition-colors ${
|
|
i > 0 ? "hairline-l" : ""
|
|
} ${arch === a ? "bg-indigo text-paper" : "bg-paper hover:bg-paper-deep"}`}
|
|
>
|
|
{LABELS[a]}
|
|
</button>
|
|
))}
|
|
</div>
|
|
|
|
<InstallCodeBlock cmd={SNIPPETS[arch]} copyLabel={copyLabel} copiedLabel={copiedLabel} />
|
|
|
|
<div className="mt-4">
|
|
<div className="eyebrow mb-2">{verifyHeading}</div>
|
|
<InstallCodeBlock cmd={VERIFY[arch]} copyLabel={copyLabel} copiedLabel={copiedLabel} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|