309 lines
9.3 KiB
TypeScript
309 lines
9.3 KiB
TypeScript
import robotAvatarCyan from "~/assets/images/hero/robots/robot-avatar-cyan-cat-v1.webp";
|
||
import robotAvatarReviewerTeal from "~/assets/images/hero/robots/robot-avatar-reviewer-teal-v1.webp";
|
||
import robotAvatarSeatedMagenta from "~/assets/images/hero/robots/robot-avatar-seated-magenta-v1.webp";
|
||
import robotAvatarYellow from "~/assets/images/hero/robots/robot-avatar-yellow-star-v1.webp";
|
||
import robotRedPurpleHandshake from "~/assets/images/hero/robots/robot-red-purple-handshake-v1.webp";
|
||
|
||
export const HERO_SCENE_BREAKPOINTS = {
|
||
desktop: 1200,
|
||
tablet: 768,
|
||
} as const;
|
||
|
||
export type HeroAgentRole =
|
||
| "planner"
|
||
| "lead"
|
||
| "reviewer"
|
||
| "developer"
|
||
| "tester"
|
||
| "researcher"
|
||
| "docs"
|
||
| "ops"
|
||
| "security"
|
||
| "fixer";
|
||
|
||
export type HeroAccent = "cyan" | "magenta" | "violet" | "amber" | "red";
|
||
export type HeroMessagePhase = "sender" | "packet" | "receiver" | "cooldown";
|
||
|
||
export type HeroCardSide = "left" | "right" | "bottom";
|
||
|
||
export type HeroAgentPosition = {
|
||
x: number;
|
||
y: number;
|
||
scale: number;
|
||
depth: number;
|
||
card: HeroCardSide;
|
||
};
|
||
|
||
export type HeroAgent = {
|
||
id: HeroAgentRole;
|
||
label: string;
|
||
asset: string;
|
||
accent: HeroAccent;
|
||
facing?: -1 | 1;
|
||
lean?: number;
|
||
priority?: boolean;
|
||
desktop: HeroAgentPosition;
|
||
tablet: HeroAgentPosition;
|
||
mobile: {
|
||
visible: boolean;
|
||
order?: number;
|
||
compactLabel?: string;
|
||
};
|
||
status: string;
|
||
tasks: string[];
|
||
};
|
||
|
||
export type HeroMessage = {
|
||
id: string;
|
||
from: HeroAgentRole;
|
||
to: HeroAgentRole | "video";
|
||
text: string;
|
||
response: string;
|
||
fromX: number;
|
||
fromY: number;
|
||
toX: number;
|
||
toY: number;
|
||
};
|
||
|
||
export const heroAgents: readonly HeroAgent[] = [
|
||
{
|
||
id: "planner",
|
||
label: "Planner",
|
||
asset: robotAvatarSeatedMagenta,
|
||
accent: "magenta",
|
||
facing: 1,
|
||
lean: -2,
|
||
priority: true,
|
||
desktop: { x: 32.65, y: 19.45, scale: 0.44, depth: 0.35, card: "right" },
|
||
tablet: { x: 20, y: 31, scale: 0.44, depth: 0.22, card: "bottom" },
|
||
mobile: { visible: true, order: 1, compactLabel: "Plan" },
|
||
status: "Planning",
|
||
tasks: ["Analyze requirements", "Break down tasks", "Create plan"],
|
||
},
|
||
{
|
||
id: "lead",
|
||
label: "Lead",
|
||
asset: robotAvatarCyan,
|
||
accent: "cyan",
|
||
facing: -1,
|
||
lean: 2,
|
||
priority: true,
|
||
desktop: { x: 58.9, y: 32.76, scale: 0.48, depth: 0.32, card: "right" },
|
||
tablet: { x: 50, y: 31, scale: 0.42, depth: 0.2, card: "bottom" },
|
||
mobile: { visible: true, order: 2, compactLabel: "Lead" },
|
||
status: "Leading",
|
||
tasks: ["Define architecture", "Set priorities", "Coordinate team"],
|
||
},
|
||
{
|
||
id: "developer",
|
||
label: "Developer",
|
||
asset: robotAvatarYellow,
|
||
accent: "amber",
|
||
facing: 1,
|
||
lean: -1,
|
||
priority: true,
|
||
desktop: { x: 72, y: 32.4, scale: 0.48, depth: 0.34, card: "right" },
|
||
tablet: { x: 80, y: 31, scale: 0.4, depth: 0.22, card: "bottom" },
|
||
mobile: { visible: true, order: 3, compactLabel: "Code" },
|
||
status: "Coding",
|
||
tasks: ["Implement feature", "Update code", "Run checks"],
|
||
},
|
||
] as const;
|
||
|
||
export const heroReviewerFeatureCard = {
|
||
label: "Reviewer",
|
||
asset: robotAvatarReviewerTeal,
|
||
accent: "cyan",
|
||
status: "Reviewing",
|
||
tasks: ["Review code", "Check quality", "Request changes"],
|
||
} as const;
|
||
|
||
export const heroCollaborationFeature = {
|
||
asset: robotRedPurpleHandshake,
|
||
} as const;
|
||
|
||
export const heroMessages: readonly HeroMessage[] = [
|
||
{
|
||
id: "plan-ready",
|
||
from: "planner",
|
||
to: "lead",
|
||
text: "Plan ready.",
|
||
response: "Priority set.",
|
||
fromX: 29.2,
|
||
fromY: 13,
|
||
toX: 58.8,
|
||
toY: 8.6,
|
||
},
|
||
{
|
||
id: "build-ready",
|
||
from: "lead",
|
||
to: "developer",
|
||
text: "Build scope set.",
|
||
response: "Coding started.",
|
||
fromX: 58.8,
|
||
fromY: 8.6,
|
||
toX: 72,
|
||
toY: 7,
|
||
},
|
||
{
|
||
id: "review-build",
|
||
from: "developer",
|
||
to: "reviewer",
|
||
text: "Review build.",
|
||
response: "Checking quality.",
|
||
fromX: 72,
|
||
fromY: 7,
|
||
toX: 84,
|
||
toY: 82,
|
||
},
|
||
{
|
||
id: "review-pass",
|
||
from: "reviewer",
|
||
to: "developer",
|
||
text: "Review passed.",
|
||
response: "Ready to ship.",
|
||
fromX: 84,
|
||
fromY: 82,
|
||
toX: 72,
|
||
toY: 7,
|
||
},
|
||
] as const;
|
||
|
||
export const heroFeatureRail = [
|
||
{
|
||
id: "autonomous",
|
||
title: "Give the Team a Goal",
|
||
text: "Agents break it into tasks and start moving without babysitting.",
|
||
},
|
||
{
|
||
id: "kanban",
|
||
title: "Kanban That Updates Itself",
|
||
text: "Cards shift as agents build, test, review, and unblock each other.",
|
||
},
|
||
{
|
||
id: "developers",
|
||
title: "Bring Your AI Stack",
|
||
text: "Claude, Codex, and OpenCode teammates in one desktop cockpit.",
|
||
},
|
||
{
|
||
id: "secure",
|
||
title: "Stay in the Loop",
|
||
text: "Jump in with comments, approvals, direct messages, or quick actions.",
|
||
},
|
||
{
|
||
id: "local",
|
||
title: "Your Machine, Your Code",
|
||
text: "Local-first workflow with task logs, process control, and Git visibility.",
|
||
},
|
||
] as const;
|
||
|
||
const ruHeroAgentCopy: Record<HeroAgentRole, Pick<HeroAgent, "label" | "status" | "tasks"> & { compactLabel?: string }> = {
|
||
planner: {
|
||
label: "Планировщик",
|
||
compactLabel: "План",
|
||
status: "Планирует",
|
||
tasks: ["Анализ требований", "Декомпозиция задач", "Создание плана"],
|
||
},
|
||
lead: {
|
||
label: "Лид",
|
||
compactLabel: "Лид",
|
||
status: "Координирует",
|
||
tasks: ["Архитектура", "Приоритеты", "Координация команды"],
|
||
},
|
||
developer: {
|
||
label: "Разработчик",
|
||
compactLabel: "Код",
|
||
status: "Пишет код",
|
||
tasks: ["Реализация фичи", "Обновление кода", "Запуск проверок"],
|
||
},
|
||
reviewer: {
|
||
label: "Ревьюер",
|
||
status: "Ревьюит",
|
||
tasks: ["Ревью кода", "Проверка качества", "Запрос правок"],
|
||
},
|
||
tester: { label: "Тестировщик", status: "Тестирует", tasks: [] },
|
||
researcher: { label: "Ресёрчер", status: "Исследует", tasks: [] },
|
||
docs: { label: "Документация", status: "Документирует", tasks: [] },
|
||
ops: { label: "Операции", status: "Следит", tasks: [] },
|
||
security: { label: "Безопасность", status: "Проверяет", tasks: [] },
|
||
fixer: { label: "Фиксер", status: "Исправляет", tasks: [] },
|
||
};
|
||
|
||
const ruHeroMessages: Record<string, Pick<HeroMessage, "text" | "response">> = {
|
||
"plan-ready": { text: "План готов.", response: "Приоритет задан." },
|
||
"build-ready": { text: "Скоуп задан.", response: "Кодинг начат." },
|
||
"review-build": { text: "Проверь сборку.", response: "Проверяю качество." },
|
||
"review-pass": { text: "Ревью пройдено.", response: "Готово к релизу." },
|
||
};
|
||
|
||
const ruHeroFeatureRail: Record<string, { title: string; text: string }> = {
|
||
autonomous: {
|
||
title: "Дайте команде цель",
|
||
text: "Агенты сами разобьют её на задачи и начнут двигаться без микроменеджмента.",
|
||
},
|
||
kanban: {
|
||
title: "Канбан обновляется сам",
|
||
text: "Карточки двигаются, пока агенты пишут, тестируют, ревьюят и разблокируют друг друга.",
|
||
},
|
||
developers: {
|
||
title: "Подключайте свой AI-стек",
|
||
text: "Claude, Codex и OpenCode в одном десктопном центре управления.",
|
||
},
|
||
secure: {
|
||
title: "Оставайтесь в контуре",
|
||
text: "Подключайтесь через комментарии, подтверждения, прямые сообщения и быстрые действия.",
|
||
},
|
||
local: {
|
||
title: "Ваша машина, ваш код",
|
||
text: "Локальный рабочий процесс с логами задач, управлением процессами и видимостью Git.",
|
||
},
|
||
};
|
||
|
||
const isRuLocale = (locale: string) => locale.toLowerCase().startsWith("ru");
|
||
|
||
export function getLocalizedHeroAgents(locale: string): readonly HeroAgent[] {
|
||
if (!isRuLocale(locale)) return heroAgents;
|
||
|
||
return heroAgents.map((agent) => {
|
||
const copy = ruHeroAgentCopy[agent.id];
|
||
return {
|
||
...agent,
|
||
label: copy.label,
|
||
status: copy.status,
|
||
tasks: copy.tasks,
|
||
mobile: {
|
||
...agent.mobile,
|
||
compactLabel: copy.compactLabel ?? agent.mobile.compactLabel,
|
||
},
|
||
};
|
||
});
|
||
}
|
||
|
||
export function getLocalizedHeroReviewerFeatureCard(locale: string): typeof heroReviewerFeatureCard {
|
||
if (!isRuLocale(locale)) return heroReviewerFeatureCard;
|
||
const copy = ruHeroAgentCopy.reviewer;
|
||
return {
|
||
...heroReviewerFeatureCard,
|
||
label: copy.label,
|
||
status: copy.status,
|
||
tasks: copy.tasks,
|
||
};
|
||
}
|
||
|
||
export function getLocalizedHeroMessages(locale: string): readonly HeroMessage[] {
|
||
if (!isRuLocale(locale)) return heroMessages;
|
||
|
||
return heroMessages.map((message) => ({
|
||
...message,
|
||
...(ruHeroMessages[message.id] ?? {}),
|
||
}));
|
||
}
|
||
|
||
export function getLocalizedHeroFeatureRail(locale: string): typeof heroFeatureRail {
|
||
if (!isRuLocale(locale)) return heroFeatureRail;
|
||
|
||
return heroFeatureRail.map((feature) => ({
|
||
...feature,
|
||
...(ruHeroFeatureRail[feature.id] ?? {}),
|
||
})) as typeof heroFeatureRail;
|
||
}
|