feat(domain,application,infrastructure,backend,web-server,app-tauri,frontend): lot utilisateur #325 #326 — icônes projet avec watermark CLI custom et localisation FR/EN (QA verte)
Lot en un seul commit: les deux features partagent les mêmes contrats (domain/settings.rs, DTO, commandes Tauri/HTTP, web-server) et les mêmes surfaces UI — la séparation par fichiers était impossible sans chirurgie de hunks risquant des états intermédiaires non compilables (convention lot des batches #310-#313 et #315). #325 — icône configurable par projet, watermark CLI custom: - domaine: ProjectIconSet (devicon, simple-icons, lucide, idea), ProjectIconRef validé (nom ASCII 1..=64, -_. internes), champ icon optionnel sur ProjectSettings; sérialisation camelCase et try_from strict - application: UpdateProjectSettings.execute accepte un patch theme_color OU icon (absent = inchangé, null = défaut produit), tests in-dependants avec store mémoire - backend/app-tauri/web-server: ProjectIconRefDto, UpdateProjectSettingsRequestDto avec icon optionnel (désérialisation additive), commandes update_project_settings alignées Tauri/HTTP, tests DTO et HTTP (défaut null, set, clear, nom invalide rejeté) - frontend: catalogue projectIcons (recherche EN), ProjectIconPicker en grille multi-lignes dans Paramètres projet, affichage de l'icône dans ProjectTabs et watermark grand format à faible opacité en fond de CLI custom; ports ProjectSettings.icon, Partial<ProjectSettings>, adapters tauri/mock/http et tests alignés #326 — localisation FR/EN et traduction des textes IdeA: - domaine: IdeaLanguage (fr | en), champ language optionnel sur IdeaUserSettings (absence = défaut produit, série additive validée) - backend/web-server: UserSettingsDto.language, update_user_settings accepte language, tests HTTP alignés; fixtures structured_launch_d3 mises à jour - frontend: i18n/ (catalogue FR/EN, I18nProvider, scan anti-régression des sources visibles), GeneralSettings avec sélecteur de langue dans les paramètres, setupI18n dans vitest; migration de l'ensemble des textes hardcodés vers le catalogue sur toutes les surfaces (agents, layout, projets, tickets, sprints, web, plugins, permissions, git, templates, skills, mémoire, model servers, embedder, first-run, devices, scheduled tasks, workstate, dialogs), FR conservé par défaut; recherche d'icônes #325 en anglais conformément au ticket QA verte sur feature/batch-325-326-project-icons-localisation. Aucun push.
This commit is contained in:
@ -21,6 +21,9 @@ import { useLayout } from "@/features/layout/useLayout";
|
||||
import type { LayoutViewModel } from "@/features/layout/useLayout";
|
||||
import { Button, EntryTimestamp, Panel, Spinner, cn } from "@/shared";
|
||||
import { useProjectWorkState } from "./useProjectWorkState";
|
||||
import { useI18n } from "@/i18n";
|
||||
|
||||
type Translator = (french: string, english: string) => string;
|
||||
|
||||
export interface ProjectWorkStatePanelProps {
|
||||
projectId: string;
|
||||
@ -53,59 +56,52 @@ export class WorkStatePanelErrorBoundary extends Component<
|
||||
|
||||
render() {
|
||||
if (this.state.error) {
|
||||
return (
|
||||
<Panel title="Work">
|
||||
<div
|
||||
role="alert"
|
||||
className="rounded-md border border-danger/40 bg-danger/10 px-3 py-2 text-sm text-danger"
|
||||
>
|
||||
<p className="font-medium">Work panel failed to render.</p>
|
||||
<p className="mt-1 text-xs text-danger/80">
|
||||
{this.state.error.message}
|
||||
</p>
|
||||
<Button
|
||||
size="sm"
|
||||
variant="ghost"
|
||||
className="mt-2"
|
||||
onClick={this.retry}
|
||||
>
|
||||
Retry
|
||||
</Button>
|
||||
</div>
|
||||
</Panel>
|
||||
);
|
||||
return <WorkStateError error={this.state.error} onRetry={this.retry} />;
|
||||
}
|
||||
|
||||
return <div key={this.state.retryKey}>{this.props.children}</div>;
|
||||
}
|
||||
}
|
||||
|
||||
function WorkStateError({ error, onRetry }: { error: Error; onRetry: () => void }) {
|
||||
const { tr } = useI18n();
|
||||
return (
|
||||
<Panel title={tr("Travail", "Work")}>
|
||||
<div role="alert" className="rounded-md border border-danger/40 bg-danger/10 px-3 py-2 text-sm text-danger">
|
||||
<p className="font-medium">{tr("Le panneau Travail n'a pas pu s'afficher.", "Work panel failed to render.")}</p>
|
||||
<p className="mt-1 text-xs text-danger/80">{error.message}</p>
|
||||
<Button size="sm" variant="ghost" className="mt-2" onClick={onRetry}>{tr("Réessayer", "Retry")}</Button>
|
||||
</div>
|
||||
</Panel>
|
||||
);
|
||||
}
|
||||
|
||||
function shortTicket(ticket: string): string {
|
||||
return ticket.length <= 8 ? ticket : ticket.slice(0, 8);
|
||||
}
|
||||
|
||||
function formatStatus(status: AgentTicketState["status"]): string {
|
||||
return status === "inProgress" ? "In progress" : "Queued";
|
||||
function formatStatus(status: AgentTicketState["status"], tr: Translator): string {
|
||||
return status === "inProgress" ? tr("En cours", "In progress") : tr("En attente", "Queued");
|
||||
}
|
||||
|
||||
function formatTaskStatus(status: BackgroundCompletion["status"]): string {
|
||||
function formatTaskStatus(status: BackgroundCompletion["status"], tr: Translator): string {
|
||||
switch (status) {
|
||||
case "running":
|
||||
return "Running";
|
||||
return tr("En cours", "Running");
|
||||
case "cancelling":
|
||||
return "Cancelling";
|
||||
return tr("Annulation…", "Cancelling");
|
||||
case "completed":
|
||||
return "Completed";
|
||||
return tr("Terminée", "Completed");
|
||||
case "failed":
|
||||
return "Failed";
|
||||
return tr("Échec", "Failed");
|
||||
case "cancelFailed":
|
||||
return "Cancel failed";
|
||||
return tr("Échec de l'annulation", "Cancel failed");
|
||||
case "cancelled":
|
||||
return "Cancelled";
|
||||
return tr("Annulée", "Cancelled");
|
||||
case "delivered":
|
||||
return "Delivered";
|
||||
return tr("Livrée", "Delivered");
|
||||
case "pending":
|
||||
return "Pending";
|
||||
return tr("En attente", "Pending");
|
||||
}
|
||||
}
|
||||
|
||||
@ -145,14 +141,15 @@ function agentStatusLabel(
|
||||
busy: boolean,
|
||||
runtimeState: AgentWorkState["runtimeState"],
|
||||
stopState: AgentStopUiState,
|
||||
tr: Translator,
|
||||
): string {
|
||||
if (stopState === "stopping" || runtimeState === "stopping") {
|
||||
return "Arrêt en cours…";
|
||||
return tr("Arrêt en cours…", "Stopping…");
|
||||
}
|
||||
if (stopState === "incomplete") return "Arrêt incomplet";
|
||||
if (stopState === "stopped" || runtimeState === "stopped") return "Arrêté";
|
||||
if (busy) return "Busy";
|
||||
return live ? "Idle" : "Offline";
|
||||
if (stopState === "incomplete") return tr("Arrêt incomplet", "Incomplete stop");
|
||||
if (stopState === "stopped" || runtimeState === "stopped") return tr("Arrêté", "Stopped");
|
||||
if (busy) return tr("Occupé", "Busy");
|
||||
return live ? tr("Inactif", "Idle") : tr("Hors ligne", "Offline");
|
||||
}
|
||||
|
||||
function agentStatusClass(
|
||||
@ -175,14 +172,14 @@ function agentStatusClass(
|
||||
return "bg-raised text-muted";
|
||||
}
|
||||
|
||||
function backgroundTaskSummary(tasks: BackgroundCompletion[]): string | null {
|
||||
function backgroundTaskSummary(tasks: BackgroundCompletion[], tr: Translator): string | null {
|
||||
if (tasks.length === 0) return null;
|
||||
const running = tasks.filter((task) => canCancelTask(task.status)).length;
|
||||
const failed = tasks.filter((task) => canRetryTask(task.status)).length;
|
||||
if (running > 0 && failed > 0) return `${tasks.length} background tasks (${running} active, ${failed} failed)`;
|
||||
if (running > 0) return `${running} background task${running > 1 ? "s" : ""} active`;
|
||||
if (failed > 0) return `${failed} background task${failed > 1 ? "s" : ""} need attention`;
|
||||
return `${tasks.length} background task${tasks.length > 1 ? "s" : ""}`;
|
||||
if (running > 0 && failed > 0) return tr(`${tasks.length} tâches de fond (${running} actives, ${failed} en échec)`, `${tasks.length} background tasks (${running} active, ${failed} failed)`);
|
||||
if (running > 0) return tr(`${running} tâche${running > 1 ? "s" : ""} de fond active${running > 1 ? "s" : ""}`, `${running} background task${running > 1 ? "s" : ""} active`);
|
||||
if (failed > 0) return tr(`${failed} tâche${failed > 1 ? "s" : ""} de fond à vérifier`, `${failed} background task${failed > 1 ? "s" : ""} need attention`);
|
||||
return tr(`${tasks.length} tâche${tasks.length > 1 ? "s" : ""} de fond`, `${tasks.length} background task${tasks.length > 1 ? "s" : ""}`);
|
||||
}
|
||||
|
||||
function compactIntent(text: string | null): string | null {
|
||||
@ -207,8 +204,8 @@ function compactIndicator({
|
||||
return null;
|
||||
}
|
||||
|
||||
function requesterLabel(ticket: AgentTicketState): string {
|
||||
if (ticket.source.kind === "human") return "Human";
|
||||
function requesterLabel(ticket: AgentTicketState, tr: Translator): string {
|
||||
if (ticket.source.kind === "human") return tr("Humain", "Human");
|
||||
const id = shortTicket(ticket.source.agentId);
|
||||
return ticket.requesterLabel.trim()
|
||||
? `${ticket.requesterLabel} (${id})`
|
||||
@ -228,11 +225,11 @@ function summaryLabel(status: ConversationPreviewStatus): string {
|
||||
}
|
||||
}
|
||||
|
||||
function summaryText(summary: ConversationWorkSummary): string | null {
|
||||
if (summary.objectivePreview) return `Goal: ${summary.objectivePreview}`;
|
||||
function summaryText(summary: ConversationWorkSummary, tr: Translator): string | null {
|
||||
if (summary.objectivePreview) return `${tr("Objectif :", "Goal:")} ${summary.objectivePreview}`;
|
||||
if (summary.summaryPreview) return summary.summaryPreview;
|
||||
const lastTurn = (summary.recentTurns ?? []).at(-1);
|
||||
return lastTurn ? `Last: ${lastTurn.textPreview}` : null;
|
||||
return lastTurn ? `${tr("Dernier :", "Last:")} ${lastTurn.textPreview}` : null;
|
||||
}
|
||||
|
||||
function goToCell(nodeId: string): void {
|
||||
@ -262,7 +259,8 @@ function ConversationSummaryLine({
|
||||
summary: ConversationWorkSummary;
|
||||
onOpenConversation?: (conversationId: string) => void;
|
||||
}) {
|
||||
const text = summaryText(summary);
|
||||
const { tr } = useI18n();
|
||||
const text = summaryText(summary, tr);
|
||||
const [expanded, setExpanded] = useState(false);
|
||||
const [copied, setCopied] = useState(false);
|
||||
if (!text) return null;
|
||||
@ -277,12 +275,12 @@ function ConversationSummaryLine({
|
||||
: "bg-raised text-muted",
|
||||
)}
|
||||
>
|
||||
{summaryLabel(summary.status)}
|
||||
{tr(summary.status === "ready" ? "Résumé" : summary.status === "missing" ? "Aucun résumé" : summary.status === "partial" ? "Partiel" : "Indisponible", summaryLabel(summary.status))}
|
||||
</span>
|
||||
{onOpenConversation ? (
|
||||
<button
|
||||
type="button"
|
||||
aria-label={`open conversation ${summary.conversationId}`}
|
||||
aria-label={tr(`ouvrir la conversation ${summary.conversationId}`, `open conversation ${summary.conversationId}`)}
|
||||
className="min-w-0 flex-1 break-words text-left hover:text-content hover:underline"
|
||||
onClick={() => onOpenConversation(summary.conversationId)}
|
||||
>
|
||||
@ -296,7 +294,7 @@ function ConversationSummaryLine({
|
||||
className="shrink-0 rounded px-1 py-0.5 text-[11px] text-muted hover:bg-raised hover:text-content"
|
||||
onClick={() => setExpanded((v) => !v)}
|
||||
>
|
||||
{expanded ? "Hide" : "View"}
|
||||
{expanded ? tr("Masquer", "Hide") : tr("Afficher", "View")}
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
@ -309,23 +307,23 @@ function ConversationSummaryLine({
|
||||
});
|
||||
}}
|
||||
>
|
||||
{copied ? "Copied" : "Copy"}
|
||||
{copied ? tr("Copié", "Copied") : tr("Copier", "Copy")}
|
||||
</button>
|
||||
</div>
|
||||
{expanded && (
|
||||
<div
|
||||
aria-label={`conversation ${summary.conversationId} details`}
|
||||
aria-label={tr(`détails de la conversation ${summary.conversationId}`, `conversation ${summary.conversationId} details`)}
|
||||
className="mt-1 space-y-1 border-l border-border pl-2"
|
||||
>
|
||||
{summary.objectivePreview && (
|
||||
<p>
|
||||
<span className="font-medium text-content">Goal:</span>{" "}
|
||||
<span className="font-medium text-content">{tr("Objectif :", "Goal:")}</span>{" "}
|
||||
{summary.objectivePreview}
|
||||
</p>
|
||||
)}
|
||||
{summary.summaryPreview && (
|
||||
<p>
|
||||
<span className="font-medium text-content">Summary:</span>{" "}
|
||||
<span className="font-medium text-content">{tr("Résumé :", "Summary:")}</span>{" "}
|
||||
{summary.summaryPreview}
|
||||
</p>
|
||||
)}
|
||||
@ -357,6 +355,7 @@ function TicketRow({
|
||||
summary?: ConversationWorkSummary;
|
||||
onOpenConversation?: (conversationId: string) => void;
|
||||
}) {
|
||||
const { tr } = useI18n();
|
||||
const truncated = ticket.taskLen > ticket.taskPreview.length;
|
||||
return (
|
||||
<li className="min-w-0 text-xs text-muted">
|
||||
@ -369,15 +368,15 @@ function TicketRow({
|
||||
: "bg-raised text-muted",
|
||||
)}
|
||||
>
|
||||
#{ticket.position + 1} {formatStatus(ticket.status)}
|
||||
#{ticket.position + 1} {formatStatus(ticket.status, tr)}
|
||||
</span>
|
||||
<span className="min-w-0 flex-1">
|
||||
<span className="font-medium text-content">{requesterLabel(ticket)}</span>
|
||||
<span className="font-medium text-content">{requesterLabel(ticket, tr)}</span>
|
||||
<span className="text-muted"> · </span>
|
||||
<span className="break-words">{ticket.taskPreview}</span>
|
||||
{truncated && (
|
||||
<span
|
||||
aria-label={`${ticket.taskLen - ticket.taskPreview.length} more characters`}
|
||||
aria-label={tr(`${ticket.taskLen - ticket.taskPreview.length} caractères supplémentaires`, `${ticket.taskLen - ticket.taskPreview.length} more characters`)}
|
||||
className="text-muted"
|
||||
>
|
||||
{" "}
|
||||
@ -429,6 +428,7 @@ function BackgroundTaskRow({
|
||||
task: BackgroundCompletion;
|
||||
onRefresh: () => Promise<void>;
|
||||
}) {
|
||||
const { tr } = useI18n();
|
||||
const { workState } = useGateways();
|
||||
const [open, setOpen] = useState(false);
|
||||
const [liveOpen, setLiveOpen] = useState(false);
|
||||
@ -516,12 +516,12 @@ function BackgroundTaskRow({
|
||||
taskStatusClass(task.status),
|
||||
)}
|
||||
>
|
||||
{formatTaskStatus(task.status)}
|
||||
{formatTaskStatus(task.status, tr)}
|
||||
</span>
|
||||
<span className="min-w-0 flex-1">
|
||||
<span className="font-medium text-content">{task.kind}</span>
|
||||
{task.exitCode !== null && (
|
||||
<span className="text-muted"> · exit {task.exitCode}</span>
|
||||
<span className="text-muted"> · {tr("sortie", "exit")} {task.exitCode}</span>
|
||||
)}
|
||||
</span>
|
||||
<Button
|
||||
@ -533,7 +533,7 @@ function BackgroundTaskRow({
|
||||
void runAction((id) => workState.cancelBackgroundTask(id))
|
||||
}
|
||||
>
|
||||
Cancel
|
||||
{tr("Annuler", "Cancel")}
|
||||
</Button>
|
||||
<Button
|
||||
size="sm"
|
||||
@ -542,7 +542,7 @@ function BackgroundTaskRow({
|
||||
loading={liveBusy}
|
||||
onClick={() => void toggleLive()}
|
||||
>
|
||||
{liveOpen ? "Detach" : "Live"}
|
||||
{liveOpen ? tr("Détacher", "Detach") : tr("Direct", "Live")}
|
||||
</Button>
|
||||
<Button
|
||||
size="sm"
|
||||
@ -550,7 +550,7 @@ function BackgroundTaskRow({
|
||||
disabled={!hasOutput}
|
||||
onClick={() => setOpen((v) => !v)}
|
||||
>
|
||||
Output
|
||||
{tr("Sortie", "Output")}
|
||||
</Button>
|
||||
<Button
|
||||
size="sm"
|
||||
@ -561,7 +561,7 @@ function BackgroundTaskRow({
|
||||
void runAction((id) => workState.retryBackgroundTask(id))
|
||||
}
|
||||
>
|
||||
Retry
|
||||
{tr("Réessayer", "Retry")}
|
||||
</Button>
|
||||
<code
|
||||
title={task.taskId}
|
||||
@ -572,7 +572,7 @@ function BackgroundTaskRow({
|
||||
</div>
|
||||
{task.summary && isTerminalTaskStatus(task.status) && (
|
||||
<p
|
||||
aria-label={`task ${shortTicket(task.taskId)} summary`}
|
||||
aria-label={tr(`résumé de la tâche ${shortTicket(task.taskId)}`, `task ${shortTicket(task.taskId)} summary`)}
|
||||
title={task.summary}
|
||||
className="mt-1 truncate pl-1 text-[11px] text-muted"
|
||||
>
|
||||
@ -586,7 +586,7 @@ function BackgroundTaskRow({
|
||||
)}
|
||||
{open && hasOutput && (
|
||||
<pre
|
||||
aria-label={`task ${shortTicket(task.taskId)} output`}
|
||||
aria-label={tr(`sortie de la tâche ${shortTicket(task.taskId)}`, `task ${shortTicket(task.taskId)} output`)}
|
||||
className="mt-1 max-h-40 overflow-auto whitespace-pre-wrap rounded border border-border bg-canvas p-2 text-[11px] text-muted"
|
||||
>
|
||||
{task.stdoutTail ? `stdout\n${task.stdoutTail}` : ""}
|
||||
@ -596,10 +596,10 @@ function BackgroundTaskRow({
|
||||
)}
|
||||
{liveOpen && (
|
||||
<pre
|
||||
aria-label={`task ${shortTicket(task.taskId)} live output`}
|
||||
aria-label={tr(`sortie directe de la tâche ${shortTicket(task.taskId)}`, `task ${shortTicket(task.taskId)} live output`)}
|
||||
className="mt-1 max-h-40 overflow-auto whitespace-pre-wrap rounded border border-border bg-canvas p-2 text-[11px] text-muted"
|
||||
>
|
||||
{liveOutput || "No live output yet."}
|
||||
{liveOutput || tr("Aucune sortie directe pour le moment.", "No live output yet.")}
|
||||
</pre>
|
||||
)}
|
||||
</li>
|
||||
@ -624,6 +624,7 @@ function AgentRow({
|
||||
onOpenConversation?: (conversationId: string) => void;
|
||||
}) {
|
||||
const { agent: agentGateway } = useGateways();
|
||||
const { tr } = useI18n();
|
||||
const [message, setMessage] = useState<string | null>(null);
|
||||
const [actionBusy, setActionBusy] = useState(false);
|
||||
const [stopState, setStopState] = useState<AgentStopUiState>("idle");
|
||||
@ -644,16 +645,16 @@ function AgentRow({
|
||||
const currentTurn =
|
||||
busy || tickets.some((ticket) => ticket.status === "inProgress");
|
||||
const activeTicket = tickets.find((ticket) => ticket.status === "inProgress");
|
||||
const statusLabel = agentStatusLabel(live, busy, agent.runtimeState, stopState);
|
||||
const statusLabel = agentStatusLabel(live, busy, agent.runtimeState, stopState, tr);
|
||||
const stopLabel =
|
||||
stopState === "stopping" || agent.runtimeState === "stopping"
|
||||
? "Arrêt en cours…"
|
||||
? tr("Arrêt en cours…", "Stopping…")
|
||||
: stopState === "incomplete"
|
||||
? "Réessayer l’arrêt"
|
||||
? tr("Réessayer l’arrêt", "Retry stopping")
|
||||
: stopState === "stopped" || agent.runtimeState === "stopped"
|
||||
? "Arrêté"
|
||||
: "Stop";
|
||||
const taskSummary = backgroundTaskSummary(backgroundTasks);
|
||||
? tr("Arrêté", "Stopped")
|
||||
: tr("Arrêter", "Stop");
|
||||
const taskSummary = backgroundTaskSummary(backgroundTasks, tr);
|
||||
const activityLine = compactIntent(
|
||||
activeTicket?.taskPreview ??
|
||||
(busyState.state === "busy" ? `Ticket ${shortTicket(busyState.ticket)}` : null),
|
||||
@ -699,9 +700,9 @@ function AgentRow({
|
||||
async function stop(confirm = true): Promise<void> {
|
||||
if (!agent.live || !agentGateway) return;
|
||||
const warning = currentTurn
|
||||
? " The current turn will be interrupted."
|
||||
? tr(" Le tour en cours sera interrompu.", " The current turn will be interrupted.")
|
||||
: "";
|
||||
if (confirm && !window.confirm(`Stop ${agent.name}?${warning}`)) return;
|
||||
if (confirm && !window.confirm(`${tr("Arrêter", "Stop")} ${agent.name} ?${warning}`)) return;
|
||||
setActionBusy(true);
|
||||
setStopState("stopping");
|
||||
setMessage(null);
|
||||
@ -714,7 +715,7 @@ function AgentRow({
|
||||
);
|
||||
} catch {
|
||||
setStopState("incomplete");
|
||||
setMessage("Certains travaux sont encore actifs.");
|
||||
setMessage(tr("Certains travaux sont encore actifs.", "Some work is still active."));
|
||||
setActionBusy(false);
|
||||
return;
|
||||
}
|
||||
@ -733,7 +734,7 @@ function AgentRow({
|
||||
await refreshAfterAction();
|
||||
} catch (e) {
|
||||
setMessage(
|
||||
`Arrêt confirmé. Impossible d’actualiser l’affichage : ${
|
||||
`${tr("Arrêt confirmé. Impossible d’actualiser l’affichage :", "Stop confirmed. Unable to refresh the display:")} ${
|
||||
e instanceof Error ? e.message : String(e)
|
||||
}`,
|
||||
);
|
||||
@ -780,7 +781,7 @@ function AgentRow({
|
||||
aria-controls={`work-agent-details-${agent.agentId}`}
|
||||
onClick={() => setDetailsOpen((value) => !value)}
|
||||
>
|
||||
{detailsOpen ? "Hide" : "Details"}
|
||||
{detailsOpen ? tr("Masquer", "Hide") : tr("Détails", "Details")}
|
||||
</button>
|
||||
)}
|
||||
</span>
|
||||
@ -799,7 +800,7 @@ function AgentRow({
|
||||
variant="ghost"
|
||||
onClick={() => goToCell(agent.live!.nodeId)}
|
||||
>
|
||||
Open
|
||||
{tr("Ouvrir", "Open")}
|
||||
</Button>
|
||||
)}
|
||||
{agent.live && !liveVisible && (
|
||||
@ -811,11 +812,11 @@ function AgentRow({
|
||||
title={
|
||||
attachTarget
|
||||
? undefined
|
||||
: "No empty visible cell available"
|
||||
: tr("Aucune cellule visible vide disponible", "No empty visible cell available")
|
||||
}
|
||||
onClick={() => void attach()}
|
||||
>
|
||||
Attach
|
||||
{tr("Attacher", "Attach")}
|
||||
</Button>
|
||||
)}
|
||||
{agent.live && (
|
||||
@ -839,7 +840,7 @@ function AgentRow({
|
||||
</div>
|
||||
)}
|
||||
{agent.live && !liveVisible && !attachTarget && (
|
||||
<p className="text-xs text-muted">No empty visible cell.</p>
|
||||
<p className="text-xs text-muted">{tr("Aucune cellule visible vide.", "No empty visible cell.")}</p>
|
||||
)}
|
||||
{message && (
|
||||
<p role="alert" className="text-xs text-danger">
|
||||
@ -848,7 +849,7 @@ function AgentRow({
|
||||
)}
|
||||
{tickets.length > 0 && (
|
||||
<ul
|
||||
aria-label={`${agent.name} tickets`}
|
||||
aria-label={`${tr("Tickets de", "Tickets for")} ${agent.name}`}
|
||||
className="flex flex-col gap-1"
|
||||
>
|
||||
{tickets.map((ticket) => (
|
||||
@ -864,9 +865,9 @@ function AgentRow({
|
||||
{inbox.length > 0 && (
|
||||
<div>
|
||||
<p className="text-[11px] font-semibold uppercase tracking-wide text-faint">
|
||||
Inbox
|
||||
{tr("Boîte de réception", "Inbox")}
|
||||
</p>
|
||||
<ul aria-label={`${agent.name} inbox`} className="mt-1 flex flex-col gap-1">
|
||||
<ul aria-label={`${tr("Boîte de réception de", "Inbox for")} ${agent.name}`} className="mt-1 flex flex-col gap-1">
|
||||
{inbox.map((item) => (
|
||||
<InboxRow key={item.id} item={item} />
|
||||
))}
|
||||
@ -882,12 +883,12 @@ function AgentRow({
|
||||
aria-controls={`work-agent-background-${agent.agentId}`}
|
||||
onClick={() => setBackgroundOpen((value) => !value)}
|
||||
>
|
||||
{backgroundOpen ? "Hide background tasks" : taskSummary}
|
||||
{backgroundOpen ? tr("Masquer les tâches en arrière-plan", "Hide background tasks") : taskSummary}
|
||||
</button>
|
||||
{backgroundOpen && (
|
||||
<ul
|
||||
id={`work-agent-background-${agent.agentId}`}
|
||||
aria-label={`${agent.name} background tasks`}
|
||||
aria-label={`${tr("Tâches de fond de", "Background tasks for")} ${agent.name}`}
|
||||
className="mt-1 flex flex-col gap-1"
|
||||
>
|
||||
{backgroundTasks.map((task) => (
|
||||
@ -911,6 +912,7 @@ function ProjectWorkStatePanelContent({
|
||||
projectId,
|
||||
onOpenConversation,
|
||||
}: ProjectWorkStatePanelProps) {
|
||||
const { tr } = useI18n();
|
||||
const vm = useProjectWorkState(projectId);
|
||||
const layoutVm = useLayout(projectId);
|
||||
const agents = vm.state?.agents ?? [];
|
||||
@ -924,7 +926,7 @@ function ProjectWorkStatePanelContent({
|
||||
|
||||
return (
|
||||
<Panel
|
||||
title="Work"
|
||||
title={tr("Travail", "Work")}
|
||||
actions={
|
||||
<Button
|
||||
size="sm"
|
||||
@ -932,7 +934,7 @@ function ProjectWorkStatePanelContent({
|
||||
onClick={() => void vm.refresh()}
|
||||
loading={vm.busy}
|
||||
>
|
||||
Refresh
|
||||
{tr("Rafraîchir", "Refresh")}
|
||||
</Button>
|
||||
}
|
||||
>
|
||||
@ -947,10 +949,10 @@ function ProjectWorkStatePanelContent({
|
||||
{vm.busy && vm.state === null ? (
|
||||
<div className="flex items-center gap-2 text-sm text-muted">
|
||||
<Spinner size={14} />
|
||||
<span>Loading work state…</span>
|
||||
<span>{tr("Chargement de l'état de travail…", "Loading work state…")}</span>
|
||||
</div>
|
||||
) : agents.length === 0 ? (
|
||||
<p className="text-sm text-muted">No agent work state.</p>
|
||||
<p className="text-sm text-muted">{tr("Aucun état de travail d'agent.", "No agent work state.")}</p>
|
||||
) : (
|
||||
<ul className="flex flex-col divide-y divide-border">
|
||||
{agents.map((agent) => (
|
||||
|
||||
Reference in New Issue
Block a user