ltcai 7.6.0 → 7.8.0

package/frontend/src/features/brain/BrainConversation.tsx

@@ -1,5 +1,20 @@
 import * as React from "react";
-import { Cpu, DatabaseZap, FileText, FileUp, FolderPlus, Globe2, Loader2, Repeat2, Search, Settings, ShieldCheck, Sparkles } from "lucide-react";
+import {
+  BrainCircuit,
+  CheckCircle2,
+  Cpu,
+  DatabaseZap,
+  FileText,
+  FileUp,
+  FolderPlus,
+  Globe2,
+  HardDrive,
+  Loader2,
+  Repeat2,
+  Search,
+  ShieldCheck,
+  Sparkles,
+} from "lucide-react";
 
 const INGESTION_TYPE_LABEL_KEY: Record<IngestionSourceType, string> = {
   file: "brain.ingest.type.file",
@@ -28,7 +43,6 @@ import { BrainOverviewPanel } from "./BrainOverviewPanel";
 
 export function BrainConversation({
   language,
-  explorationDepth,
   modelName,
   messages,
   starterPrompts,
@@ -84,113 +98,219 @@ export function BrainConversation({
   return (
     <section className="brain-conversation" aria-label={t(language, "brain.aria.conversation")}>
       <div className="brain-conversation-header">
-        <div>
-          <h1>{t(language, "brain.title")}</h1>
-          <span>{t(language, `brain.depth.${explorationDepth}`)}</span>
-        </div>
-        <LanguageSwitcher compact />
-        <div className="brain-ownership-strip" aria-label={t(language, "brain.aria.ownership")}>
-          <span>{t(language, "brain.local")}</span>
-          <span>{t(language, "brain.portable")}</span>
-          <span>{t(language, "brain.private")}</span>
+        <div className="brain-conversation-title">
+          <h1>
+            {t(language, "brain.title")}
+            <span className="brain-edition-badge" title={t(language, "brain.edition.tip")}>
+              {t(language, "brain.edition")}
+            </span>
+          </h1>
+          <span>{t(language, "brain.chatHome.headerLine")}</span>
         </div>
-        <div className="brain-flow-actions" aria-label={t(language, "brain.aria.actions")}>
-          <button type="button" onClick={() => navigateHash("/capture")}>
-            <FileUp className="h-3.5 w-3.5" />
-            {t(language, "brain.action.add")}
-          </button>
-          <button type="button" onClick={() => navigateHash("/knowledge-graph")}>
-            <Search className="h-3.5 w-3.5" />
-            {t(language, "brain.action.find")}
-          </button>
-          <button type="button" onClick={() => navigateHash("/models")}>
-            <Cpu className="h-3.5 w-3.5" />
-            {t(language, "brain.action.model")}
-          </button>
-          <button type="button" onClick={() => navigateHash("/settings")}>
-            <Settings className="h-3.5 w-3.5" />
-            {t(language, "brain.action.settings")}
+        <div className="brain-header-tools">
+          <LanguageSwitcher compact />
+          <div className="brain-model-pill">{modelName}</div>
+          <button className="brain-admin-link" type="button" onClick={() => navigateHash("/admin")}>
+            <ShieldCheck className="h-3.5 w-3.5" />
+            {t(language, "brain.admin")}
           </button>
         </div>
-        <div className="brain-model-pill">{modelName}</div>
-        <button className="brain-admin-link" type="button" onClick={() => navigateHash("/admin")}>
-          <ShieldCheck className="h-3.5 w-3.5" />
-          {t(language, "brain.admin")}
-        </button>
       </div>
 
-      <div ref={streamRef} className="brain-stream">
-        <BrainIngestionPanel
-          language={language}
-          uploadingDocument={uploadingDocument}
-          ingestionStates={ingestionStates}
-          onUploadDocument={onUploadDocument}
-          onConnectFolder={onConnectFolder}
-          onIngestNote={onIngestNote}
-          onIngestWeb={onIngestWeb}
-        />
-        <IngestionTimelineSection language={language} emergenceEvents={emergenceEvents} />
-        <BrainOverviewPanel
-          memories={memories}
-          concepts={concepts}
-          readiness={readiness}
-          proof={proof}
-          onOpenDepth={onOpenDepth}
-        />
-        <ModelContinuityDemo
-          language={language}
-          proof={proof}
-          modelName={modelName}
-          onVerify={onVerifyModelContinuity}
-        />
-        {messages.length === 0 ? (
-          <BrainEmptyState
+      <div className="brain-chat-home-layout">
+        <section className="brain-chat-home-card" aria-label={t(language, "brain.chatHome.aria")}>
+          <div className="brain-chat-home-head">
+            <div>
+              <span>{t(language, "brain.chatHome.kicker")}</span>
+              <h2>{t(language, "brain.chatHome.title")}</h2>
+              <p>{t(language, "brain.chatHome.body")}</p>
+            </div>
+            <div className="brain-chat-home-proof" aria-label={t(language, "brain.aria.ownership")}>
+              <span><CheckCircle2 className="h-3.5 w-3.5" />{t(language, "brain.local")}</span>
+              <span><CheckCircle2 className="h-3.5 w-3.5" />{t(language, "brain.private")}</span>
+              <span><CheckCircle2 className="h-3.5 w-3.5" />{t(language, "brain.portable")}</span>
+            </div>
+          </div>
+
+          <div ref={streamRef} className="brain-stream">
+            {messages.length === 0 ? (
+              <BrainEmptyState
+                language={language}
+                starterPrompts={starterPrompts}
+                uploadingDocument={uploadingDocument}
+                onDraftChange={onDraftChange}
+                onUploadDocument={onUploadDocument}
+              />
+            ) : (
+              messages.map((message, index) => {
+                const messageId = `brain-msg-${index}`;
+                const proof = message.role === "assistant" ? message.proof : undefined;
+                return (
+                  <div key={`${message.role}-${index}`} className={`brain-message ${message.role}`}>
+                    <div className="brain-message-bubble">
+                      {message.content}
+                      {proof && proof.citations.length ? (
+                        <InlineCitationMarkers language={language} proof={proof} messageId={messageId} />
+                      ) : null}
+                    </div>
+                    {proof ? <AnswerProofCard language={language} proof={proof} messageId={messageId} /> : null}
+                  </div>
+                );
+              })
+            )}
+          </div>
+
+          {memoryFeedback ? (
+            <div className="brain-save-feedback" role="status">
+              <DatabaseZap className="h-3.5 w-3.5" />
+              <span>{memoryFeedback}</span>
+              <small>{t(language, "brain.saved.detail")}</small>
+            </div>
+          ) : null}
+
+          <BrainComposer
             language={language}
-            starterPrompts={starterPrompts}
+            draft={draft}
+            streaming={streaming}
+            imageData={imageData}
             uploadingDocument={uploadingDocument}
             onDraftChange={onDraftChange}
+            onImageDataChange={onImageDataChange}
             onUploadDocument={onUploadDocument}
+            onSend={onSend}
           />
-        ) : (
-          messages.map((message, index) => {
-            const messageId = `brain-msg-${index}`;
-            const proof = message.role === "assistant" ? message.proof : undefined;
-            return (
-              <div key={`${message.role}-${index}`} className={`brain-message ${message.role}`}>
-                <div className="brain-message-bubble">
-                  {message.content}
-                  {proof && proof.citations.length ? (
-                    <InlineCitationMarkers language={language} proof={proof} messageId={messageId} />
-                  ) : null}
-                </div>
-                {proof ? <AnswerProofCard language={language} proof={proof} messageId={messageId} /> : null}
-              </div>
-            );
-          })
-        )}
+
+          <details className="brain-utility-drawer">
+            <summary>{t(language, "brain.chatHome.utility")}</summary>
+            <div className="brain-utility-grid">
+              <BrainIngestionPanel
+                language={language}
+                uploadingDocument={uploadingDocument}
+                ingestionStates={ingestionStates}
+                onUploadDocument={onUploadDocument}
+                onConnectFolder={onConnectFolder}
+                onIngestNote={onIngestNote}
+                onIngestWeb={onIngestWeb}
+              />
+              <ProductCommandCenter
+                language={language}
+                readiness={readiness}
+                proof={proof}
+                modelName={modelName}
+                memories={memories}
+                concepts={concepts}
+                emergenceEvents={emergenceEvents}
+                onOpenDepth={onOpenDepth}
+                onVerifyModelContinuity={onVerifyModelContinuity}
+              />
+              <IngestionTimelineSection language={language} emergenceEvents={emergenceEvents} />
+              <ModelContinuityDemo
+                language={language}
+                proof={proof}
+                modelName={modelName}
+                onVerify={onVerifyModelContinuity}
+              />
+              <BrainOverviewPanel
+                memories={memories}
+                concepts={concepts}
+                readiness={readiness}
+                proof={proof}
+                onOpenDepth={onOpenDepth}
+              />
+              <BrainCarePanel language={language} />
+            </div>
+          </details>
+        </section>
       </div>
+    </section>
+  );
+}
+
+function ProductCommandCenter({
+  language,
+  readiness,
+  proof,
+  modelName,
+  memories,
+  concepts,
+  emergenceEvents,
+  onOpenDepth,
+  onVerifyModelContinuity,
+}: {
+  language: Language;
+  readiness: BrainReadiness;
+  proof: BrainProof;
+  modelName: string;
+  memories: MemoryFragment[];
+  concepts: KnowledgeConcept[];
+  emergenceEvents: EmergenceEvent[];
+  onOpenDepth: (depth: BrainDepth) => void;
+  onVerifyModelContinuity: () => void;
+}) {
+  const score = Math.max(0, Math.min(100, readiness.score));
+  const nextKey =
+    readiness.state === "alive"
+      ? "brain.command.next.alive"
+      : readiness.state === "forming"
+        ? "brain.command.next.forming"
+        : "brain.command.next.empty";
+  const recallable = (proof.recall && proof.recall.items) ? proof.recall.items.length : (proof.proofs ? (proof.proofs.durableItems || 1) : 1);
+  const latestSource = emergenceEvents[0]?.label ?? t(language, "brain.command.source.empty");
 
-      {memoryFeedback ? (
-        <div className="brain-save-feedback" role="status">
-          <DatabaseZap className="h-3.5 w-3.5" />
-          <span>{memoryFeedback}</span>
-          <small>{t(language, "brain.saved.detail")}</small>
+  return (
+    <section className="brain-command-center" aria-label={t(language, "brain.command.aria")}>
+      <div className="brain-command-head">
+        <div>
+          <span>{t(language, "brain.command.kicker")}</span>
+          <strong>{t(language, "brain.command.title")}</strong>
         </div>
-      ) : null}
+        <div className="brain-command-score" role="meter" aria-valuemin={0} aria-valuemax={100} aria-valuenow={score}>
+          <span>{t(language, "brain.command.score")}</span>
+          <strong>{score}%</strong>
+        </div>
+      </div>
 
-      <BrainCarePanel language={language} />
+      <div className="brain-command-next">
+        <BrainCircuit className="h-4 w-4" />
+        <span>{t(language, "brain.command.next")}</span>
+        <strong>{t(language, nextKey)}</strong>
+      </div>
 
-      <BrainComposer
-        language={language}
-        draft={draft}
-        streaming={streaming}
-        imageData={imageData}
-        uploadingDocument={uploadingDocument}
-        onDraftChange={onDraftChange}
-        onImageDataChange={onImageDataChange}
-        onUploadDocument={onUploadDocument}
-        onSend={onSend}
-      />
+      <div className="brain-command-metrics" aria-label={t(language, "brain.command.metrics")}>
+        <span>{t(language, "brain.command.metric.memories", { count: memories.length })}</span>
+        <span>{t(language, "brain.command.metric.topics", { count: concepts.length })}</span>
+        <span>{t(language, "brain.command.metric.sources", { count: readiness.signals.healthySources })}</span>
+        <span>{t(language, "brain.command.metric.proof", { count: recallable })}</span>
+      </div>
+
+      <div className="brain-command-actions">
+        <button type="button" aria-label={t(language, "brain.command.action.add")} onClick={() => navigateHash("/capture")}>
+          <FileUp className="h-4 w-4" />
+          <span>{t(language, "brain.command.action.add")}</span>
+          <small>{latestSource}</small>
+        </button>
+        <button type="button" aria-label={t(language, "brain.command.action.find")} onClick={() => onOpenDepth(3)}>
+          <Search className="h-4 w-4" />
+          <span>{t(language, "brain.command.action.find")}</span>
+          <small>{t(language, "brain.command.action.find.detail")}</small>
+        </button>
+        <button type="button" aria-label={t(language, "brain.command.action.proof")} onClick={onVerifyModelContinuity}>
+          <Repeat2 className="h-4 w-4" />
+          <span>{t(language, "brain.command.action.proof")}</span>
+          <small>{proof.modelContinuity.proven ? proof.modelContinuity.activeModel || modelName : modelName}</small>
+        </button>
+        <button type="button" aria-label={t(language, "brain.command.action.own")} onClick={() => navigateHash("/settings")}>
+          <HardDrive className="h-4 w-4" />
+          <span>{t(language, "brain.command.action.own")}</span>
+          <small>{t(language, "brain.command.action.own.detail")}</small>
+        </button>
+      </div>
+
+      <div className="brain-command-signals">
+        <span><CheckCircle2 className="h-3.5 w-3.5" />{t(language, "brain.command.signal.local")}</span>
+        <span><CheckCircle2 className="h-3.5 w-3.5" />{t(language, "brain.command.signal.private")}</span>
+        <span><CheckCircle2 className="h-3.5 w-3.5" />{t(language, "brain.command.signal.portable")}</span>
+      </div>
     </section>
   );
 }

package/frontend/src/features/brain/BrainHome.tsx

@@ -494,34 +494,38 @@ export function BrainHome({
             onInteract={deepen}
           />
 
-          <BrainDepthRings explorationDepth={explorationDepth} onOpenDepth={jumpToDepth} />
-
-          <div className="brain-depth-badge" aria-live="polite">
-            <span>{t(language, "brain.level")} {explorationDepth}</span>
-            <strong>{t(language, `brain.depth.${explorationDepth}`)}</strong>
-          </div>
-
-          <div className="brain-depth-actions" aria-label={t(language, "brain.aria.quickViews")}>
-            <button type="button" className={explorationDepth === 2 ? "is-active" : ""} onClick={() => jumpToDepth(2)}>{t(language, "brain.view.memories")}</button>
-            <button type="button" className={explorationDepth === 3 ? "is-active" : ""} onClick={() => jumpToDepth(3)}>{t(language, "brain.view.topics")}</button>
-            <button type="button" className={explorationDepth === 4 ? "is-active" : ""} onClick={() => jumpToDepth(4)}>{t(language, "brain.view.relationships")}</button>
-            <button type="button" className={explorationDepth === 5 ? "is-active" : ""} onClick={() => jumpToDepth(5)}>{t(language, "brain.view.graph")}</button>
-          </div>
-
-          <div className="brain-depth-rail" aria-label={t(language, "brain.depthRail.aria")}>
-            {DEPTHS.map((depth) => (
-              <button
-                key={depth.level}
-                type="button"
-                className={depth.level <= explorationDepth ? "is-revealed" : ""}
-                aria-current={depth.level === explorationDepth ? "step" : undefined}
-                onClick={() => jumpToDepth(depth.level)}
-              >
-                <span>{depth.level}</span>
-                <strong>{t(language, `brain.depth.${depth.level}`)}</strong>
-              </button>
-            ))}
-          </div>
+          {explorationDepth > 1 ? (
+            <>
+              <BrainDepthRings explorationDepth={explorationDepth} onOpenDepth={jumpToDepth} />
+
+              <div className="brain-depth-badge" aria-live="polite">
+                <span>{t(language, "brain.level")} {explorationDepth}</span>
+                <strong>{t(language, `brain.depth.${explorationDepth}`)}</strong>
+              </div>
+
+              <div className="brain-depth-actions" aria-label={t(language, "brain.aria.quickViews")}>
+                <button type="button" className={explorationDepth === 2 ? "is-active" : ""} onClick={() => jumpToDepth(2)}>{t(language, "brain.view.memories")}</button>
+                <button type="button" className={explorationDepth === 3 ? "is-active" : ""} onClick={() => jumpToDepth(3)}>{t(language, "brain.view.topics")}</button>
+                <button type="button" className={explorationDepth === 4 ? "is-active" : ""} onClick={() => jumpToDepth(4)}>{t(language, "brain.view.relationships")}</button>
+                <button type="button" className={explorationDepth === 5 ? "is-active" : ""} onClick={() => jumpToDepth(5)}>{t(language, "brain.view.graph")}</button>
+              </div>
+
+              <div className="brain-depth-rail" aria-label={t(language, "brain.depthRail.aria")}>
+                {DEPTHS.map((depth) => (
+                  <button
+                    key={depth.level}
+                    type="button"
+                    className={depth.level <= explorationDepth ? "is-revealed" : ""}
+                    aria-current={depth.level === explorationDepth ? "step" : undefined}
+                    onClick={() => jumpToDepth(depth.level)}
+                  >
+                    <span>{depth.level}</span>
+                    <strong>{t(language, `brain.depth.${depth.level}`)}</strong>
+                  </button>
+                ))}
+              </div>
+            </>
+          ) : null}
 
           <div className="brain-field-layer" aria-hidden={explorationDepth < 2}>
             <DepthEmergence

package/frontend/src/features/review/ReviewInbox.tsx

@@ -87,12 +87,12 @@ export function ReviewInbox() {
         </div>
         <div className="grid gap-2">
           <Tabs
-            tabs={reviewStatusFilters}
+            tabs={reviewStatusFilters.map((filter) => ({ id: filter.id, label: t(language, filter.labelKey) }))}
             value={statusFilter}
             onChange={(id) => setStatusFilter(id as ReviewStatusFilter)}
           />
           <Tabs
-            tabs={reviewSourceFilters}
+            tabs={reviewSourceFilters.map((filter) => ({ id: filter.id, label: t(language, filter.labelKey) }))}
             value={sourceFilter}
             onChange={(id) => setSourceFilter(id as ReviewSourceFilter)}
           />

package/frontend/src/features/review/reviewHelpers.ts

@@ -4,19 +4,19 @@ import type { Badge } from "@/components/ui/badge";
 
 export type ReviewAction = "approve" | "dismiss" | "snooze" | "unsnooze" | "run_now";
 
-export const reviewStatusFilters: Array<{ id: ReviewStatusFilter; label: string }> = [
-  { id: "pending", label: "Pending" },
-  { id: "snoozed", label: "Snoozed" },
-  { id: "all", label: "All" },
-  { id: "approved", label: "Approved" },
-  { id: "dismissed", label: "Dismissed" },
+export const reviewStatusFilters: Array<{ id: ReviewStatusFilter; labelKey: string }> = [
+  { id: "pending", labelKey: "review.filter.status.pending" },
+  { id: "snoozed", labelKey: "review.filter.status.snoozed" },
+  { id: "all", labelKey: "review.filter.status.all" },
+  { id: "approved", labelKey: "review.filter.status.approved" },
+  { id: "dismissed", labelKey: "review.filter.status.dismissed" },
 ];
 
-export const reviewSourceFilters: Array<{ id: ReviewSourceFilter; label: string }> = [
-  { id: "all", label: "All sources" },
-  { id: "workflow_run", label: "Workflow" },
-  { id: "trigger", label: "Trigger" },
-  { id: "kg_change_digest", label: "KG digest" },
+export const reviewSourceFilters: Array<{ id: ReviewSourceFilter; labelKey: string }> = [
+  { id: "all", labelKey: "review.filter.source.all" },
+  { id: "workflow_run", labelKey: "review.filter.source.workflow_run" },
+  { id: "trigger", labelKey: "review.filter.source.trigger" },
+  { id: "kg_change_digest", labelKey: "review.filter.source.kg_change_digest" },
 ];
 
 export function reviewStatusVariant(status: string): React.ComponentProps<typeof Badge>["variant"] {