ltcai 7.7.0 → 7.8.0

package/README.md

@@ -1,6 +1,6 @@
 # Lattice AI
 
-**Lattice AI 7.7 is the complete, finished local-first Digital Brain product. It keeps your knowledge durable across any AI model — now undeniably a production-grade professional tool.**
+**Lattice AI 7.8 is the glanceable local-first Digital Brain product. It keeps your knowledge durable across any AI model, with Brain Chat Home rebuilt around immediate use instead of dashboard clutter.**
 
 **Lattice AI는 모델이 바뀌어도 내 지식과 맥락을 보존하는 로컬 우선 AI 브레인입니다.**
 
@@ -11,7 +11,7 @@ downloads, update checks, and other external communication happen only after
 explicit consent.
 
 It is not a ChatGPT clone, a model launcher, a graph database, or a note app.
-It is the finished private AI memory layer wrapped in a Living Brain experience — 7.7 complete product.
+It is the finished private AI memory layer wrapped in a Living Brain experience — now with a cleaner 7.8 Brain Chat Home.
 
 [![PyPI Version](https://img.shields.io/pypi/v/ltcai?label=PyPI)](https://pypi.org/project/ltcai/)
 [![npm Version](https://img.shields.io/npm/v/ltcai?label=npm)](https://www.npmjs.com/package/ltcai)
@@ -64,6 +64,10 @@ You need Lattice AI when:
 
 ## Living Brain Flow
 
+The screenshots below are release evidence captures. The 7.8 line keeps the
+same first-run flow and rebuilds the Brain Chat Home layout so chat and the
+composer are the first visible action.
+
 ### 1. Wake Brain
 
 The first screen makes the Brain the product. It explains the three-step path:
@@ -206,30 +210,33 @@ See [docs/DEVELOPMENT.md](docs/DEVELOPMENT.md) for developer workflow details.
 
 ## Current Release
 
-The current release is **7.7.0 — Complete Finished Product**:
+The current release is **7.8.0 — Brain Chat Home UX Simplification**:
 
-- Brain Home now opens with a product command center: readiness score, next best
-  action, memory/topic/source/proof metrics, and direct actions for adding
-  sources, inspecting topics, verifying proof, and managing ownership.
-- Review Center release evidence is backed by fixtures and tests, with polished
-  unavailable states instead of raw JSON parse errors.
+- Brain Chat Home now opens with chat, starter prompts, and the composer as the
+  first action. Source ingestion, readiness, proof, timeline, and care controls
+  move behind a single utility drawer instead of occupying the first viewport.
+- The default Brain surface now keeps workspace navigation visible, removes
+  permanent marketing intro copy, and only reveals deep memory controls after
+  the user chooses to travel deeper.
+- Obsolete Brain conversation and first-run guide components were removed so the
+  canonical Brain/onboarding implementation is the only path.
 - Product readiness is machine-checkable through `product_readiness()`, which
   composes the architecture contract with exact artifact/docs/workflow evidence.
 - CI and release workflows now run frontend lint/typecheck/build gates plus the
-  7.7 product readiness score before a tag can be treated as release-safe.
+  7.8 product readiness score before a tag can be treated as release-safe.
 
-Expected artifacts for 7.7.0 release must use exact filenames:
+Expected artifacts for 7.8.0 release must use exact filenames:
 
-- `dist/ltcai-7.7.0-py3-none-any.whl`
-- `dist/ltcai-7.7.0.tar.gz`
-- `ltcai-7.7.0.tgz`
-- `dist/ltcai-7.7.0.vsix`
-- `src-tauri/target/release/bundle/dmg/Lattice AI_7.7.0_aarch64.dmg`
+- `dist/ltcai-7.8.0-py3-none-any.whl`
+- `dist/ltcai-7.8.0.tar.gz`
+- `ltcai-7.8.0.tgz`
+- `dist/ltcai-7.8.0.vsix`
+- `src-tauri/target/release/bundle/dmg/Lattice AI_7.8.0_aarch64.dmg`
 
 Do not upload `dist/*`. Package registry publishing remains owner-run.
 
 See [docs/ROADMAP_RECOMMENDATIONS.md](docs/ROADMAP_RECOMMENDATIONS.md) for the
-strategic roadmap slices applied through 7.7.0 and the follow-up tracks.
+strategic roadmap slices applied through 7.8.0 and the follow-up tracks.
 
 ## Known Limitations
 
@@ -246,6 +253,7 @@ strategic roadmap slices applied through 7.7.0 and the follow-up tracks.
 
 | Version | Theme |
 | --- | --- |
+| 7.8.0 | Brain Chat Home UX Simplification: chat-first first viewport, visible workspace navigation, collapsed source/status utilities, hidden default depth controls, and removal of obsolete Brain UX components |
 | 7.7.0 | Complete Product Polish: command-center Brain Home, repaired Review Center evidence, exact 7.7 docs/artifacts, product readiness gate, and stronger CI/release checks |
 | 7.6.0 | Brain-Centered UX & Architecture Closure: Wake Brain first-run surface, concentric memory rings with direct depth controls, and machine-checkable closure of the two architecture/UX review files |
 | 7.5.0 | Runtime Debt Burn-down & Release Risk Cleanup: API consumers get normalized contract views, retrieval quality uses a 250+ record corpus fixture, stale artifact risk is removed, npm audit is clean, and Tauri is updated past the old block warning |

package/docs/CHANGELOG.md

@@ -4,6 +4,26 @@ The top entry is either the current unreleased main-branch work or the current
 release line. Older entries are historical and may describe behavior as it
 existed at that release.
 
+## [Unreleased]
+
+## [7.8.0] - 2026-06-22
+
+### Changed
+- Rebuilt Brain Chat Home around immediate conversation: chat purpose, starter
+  prompts, and the composer now occupy the first viewport.
+- Collapsed source ingestion, readiness, proof, timeline, overview, model
+  continuity, and care controls behind one utility drawer.
+- Kept workspace navigation visible on the default Brain surface.
+- Hid default depth controls until the user intentionally travels deeper.
+- Integrated the six post-7.7 UX drafts into the canonical Brain experience:
+  first-run value cards, stronger recommendation affordances, product-toned
+  Brain Home copy, and routed legacy Brain conversation entry points to the
+  canonical Brain Home surface.
+- Removed obsolete Brain conversation and first-run guide components.
+- Moved draft onboarding polish out of inline styles and into the shared design
+  stylesheet with responsive behavior and bilingual copy.
+- Updated architecture and product readiness targets to 7.8.0.
+
 ## [7.7.0] - 2026-06-22
 
 > 7.7.0 marks the complete, finished product stage for Lattice AI.

package/frontend/src/App.tsx

@@ -88,7 +88,9 @@ export default function App() {
           </React.Suspense>
         </BrainShell>
       ) : (
-        <BrainHome brainState={brainState} intensity={intensity} onBrainChange={setBrain} />
+        <BrainShell active="brain">
+          <BrainHome brainState={brainState} intensity={intensity} onBrainChange={setBrain} />
+        </BrainShell>
       )}
     </div>
   );

package/frontend/src/components/ProductFlow.tsx

@@ -3,7 +3,7 @@ import { latticeApi } from "@/api/client";
 import { type BrainState, LivingBrain } from "@/components/LivingBrain";
 import { t } from "@/i18n";
 import { useAppStore } from "@/store/appStore";
-import { ArrowRight, Shield, Zap, Cpu } from "lucide-react";
+import { ArrowRight, Cpu, Shield, Zap } from "lucide-react";
 import {
   AnalysisScreen,
   InstallScreen,
@@ -107,25 +107,26 @@ export function ProductFlow({ onComplete }: { onComplete: () => void }) {
 
 function WakeBrainScreen({ onWake, onUseExisting }: { onWake: () => void; onUseExisting: () => void }) {
   const language = useAppStore((state) => state.language);
+  const valueCards = [
+    { icon: Shield, label: t(language, "flow.wake.value.local.k"), body: t(language, "flow.wake.value.local.v") },
+    { icon: Zap, label: t(language, "flow.wake.value.instant.k"), body: t(language, "flow.wake.value.instant.v") },
+    { icon: Cpu, label: t(language, "flow.wake.value.brain.k"), body: t(language, "flow.wake.value.brain.v") },
+  ];
   return (
     <section className="ritual-wake" aria-label={t(language, "flow.wake.aria")}>
       <div className="ritual-title">{t(language, "flow.wake.title")}</div>
       <div className="ritual-subtitle">{t(language, "flow.wake.body")}</div>
 
-      {/* 직관적 가치 제안 - 첫눈에 쓰고 싶게 */}
-      <div className="ritual-value-grid" style={{display: "grid", gridTemplateColumns: "repeat(3, 1fr)", gap: "0.6rem", margin: "1.25rem auto", maxWidth: "620px"}}>
-        <div style={{border: "1px solid hsl(var(--border)/0.5)", borderRadius: "12px", padding: "0.7rem 0.8rem", background: "hsl(var(--surface))", textAlign: "left"}}>
-          <div style={{display: "flex", alignItems: "center", gap: "0.4rem", color: "hsl(var(--brain-core))", fontSize: "0.75rem", fontWeight: 700}}><Shield size={14}/> 완전 로컬</div>
-          <div style={{fontSize: "0.85rem", marginTop: "0.2rem", fontWeight: 600}}>모든 지식과 대화가 이 컴퓨터에만</div>
-        </div>
-        <div style={{border: "1px solid hsl(var(--border)/0.5)", borderRadius: "12px", padding: "0.7rem 0.8rem", background: "hsl(var(--surface))", textAlign: "left"}}>
-          <div style={{display: "flex", alignItems: "center", gap: "0.4rem", color: "hsl(var(--brain-core))", fontSize: "0.75rem", fontWeight: 700}}><Zap size={14}/> 직관적 즉시</div>
-          <div style={{fontSize: "0.85rem", marginTop: "0.2rem", fontWeight: 600}}>복잡한 설정 없이 3단계로 바로 시작</div>
-        </div>
-        <div style={{border: "1px solid hsl(var(--border)/0.5)", borderRadius: "12px", padding: "0.7rem 0.8rem", background: "hsl(var(--surface))", textAlign: "left"}}>
-          <div style={{display: "flex", alignItems: "center", gap: "0.4rem", color: "hsl(var(--brain-core))", fontSize: "0.75rem", fontWeight: 700}}><Cpu size={14}/> 영원한 Brain</div>
-          <div style={{fontSize: "0.85rem", marginTop: "0.2rem", fontWeight: 600}}>모델 바꿔도 지식은 그대로 영원히</div>
-        </div>
+      <div className="ritual-value-grid" aria-label={t(language, "flow.wake.value.aria")}>
+        {valueCards.map((card) => {
+          const Icon = card.icon;
+          return (
+            <div className="ritual-value-card" key={card.label}>
+              <div className="ritual-value-label"><Icon size={14} /> {card.label}</div>
+              <div className="ritual-value-body">{card.body}</div>
+            </div>
+          );
+        })}
       </div>
 
       <div className="ritual-wake-plan" aria-label={t(language, "flow.wake.plan.aria")}>
@@ -143,20 +144,15 @@ function WakeBrainScreen({ onWake, onUseExisting }: { onWake: () => void; onUseE
         </div>
       </div>
 
-      <div className="ritual-button-row" style={{marginTop: "1.25rem"}}>
-        <button 
-          type="button" 
-          className="ritual-full-button" 
-          onClick={onWake}
-          style={{fontSize: "1.05rem", padding: "0.85rem 2.2rem", display: "inline-flex", alignItems: "center", gap: "0.5rem"}}
-        >
+      <div className="ritual-button-row ritual-button-row-primary">
+        <button type="button" className="ritual-full-button ritual-full-button-primary" onClick={onWake}>
           {t(language, "flow.wake.primary")} <ArrowRight size={18} />
         </button>
         <button type="button" className="ritual-secondary-button" onClick={onUseExisting}>
           {t(language, "flow.wake.existing")}
         </button>
       </div>
-      <div style={{marginTop: "0.8rem", fontSize: "0.72rem", color: "hsl(var(--fg-muted))"}}>평균 2분 안에 첫 대화 시작 · 완전 무료 · 로컬 전용</div>
+      <div className="ritual-start-note">{t(language, "flow.wake.startNote")}</div>
     </section>
   );
 }

package/frontend/src/components/onboarding/RecommendationScreen.tsx

@@ -2,7 +2,7 @@ import { Button } from "@/components/ui/button";
 import { t, type Language } from "@/i18n";
 import { useAppStore } from "@/store/appStore";
 import { fallbackModel, type RecommendedModel } from "./recommendationModel";
-import { Star, Zap, Gauge, ArrowRight } from "lucide-react";
+import { ArrowRight, Gauge, Star, Zap } from "lucide-react";
 
 export function RecommendationScreen({
   recommendations,
@@ -24,9 +24,9 @@ export function RecommendationScreen({
 
       <div className="ritual-model-list">
         {items[0]?.supported ? (
-          <div className="ritual-primary-cta" style={{marginBottom: "1rem"}}>
-            <Button onClick={() => onSelect(items[0])} className="ritual-primary-model-button" style={{display: "flex", alignItems: "center", gap: "0.5rem", fontSize: "1rem"}}>
-              {t(language, "flow.recommend.primary")} <ArrowRight size={16}/>
+          <div className="ritual-primary-cta">
+            <Button onClick={() => onSelect(items[0])} className="ritual-primary-model-button">
+              {t(language, "flow.recommend.primary")} <ArrowRight size={16} />
             </Button>
             <div className="ritual-time-estimate ritual-primary-note">{primaryNote(items[0], language)}</div>
             <div className="ritual-muted-hint ritual-next-hint">{t(language, "flow.recommend.nextHint")}</div>
@@ -40,24 +40,23 @@ export function RecommendationScreen({
               className="ritual-model-card"
               onClick={() => model.supported && onSelect(model)}
               disabled={!model.supported}
-              style={{display: "flex", flexDirection: "column", alignItems: "flex-start", gap: "0.3rem"}}
             >
-              <div style={{display: "flex", alignItems: "center", gap: "0.4rem", width: "100%"}}>
-                <Icon size={16} style={{color: "hsl(var(--brain-core))"}} />
-                <div className="role" style={{marginBottom: 0}}>{rankLabel(model.role, index, language)}</div>
+              <div className="ritual-model-heading">
+                <Icon size={16} />
+                <div className="role">{rankLabel(model.role, index, language)}</div>
               </div>
-              <div className="name" style={{fontSize: "1.15rem"}}>{model.shortName}</div>
-              <div className="reason" style={{fontSize: "0.9rem"}}>
+              <div className="name">{model.shortName}</div>
+              <div className="reason">
                 {model.reason} · {model.size || t(language, "flow.recommend.sizeReady")}
                 {comparisonLabel(model.role, language) ? (
                   <span className="ritual-model-comparison"> {comparisonLabel(model.role, language)}</span>
                 ) : null}
               </div>
-              <div className="ritual-model-stats" style={{marginTop: "0.1rem"}}>
+              <div className="ritual-model-stats">
                 <span className="ritual-time-estimate">{timeEstimate(model, language)}</span>
               </div>
               {model.supported ? (
-                <span className="ritual-model-choose" style={{marginTop: "0.2rem", fontWeight: 700}}>{t(language, "flow.recommend.choose")} →</span>
+                <span className="ritual-model-choose">{t(language, "flow.recommend.choose")} <ArrowRight size={14} /></span>
               ) : (
                 <div className="ritual-model-warning">{t(language, "flow.recommend.unsupported")}</div>
               )}

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

@@ -12,7 +12,6 @@ import {
   Loader2,
   Repeat2,
   Search,
-  Settings,
   ShieldCheck,
   Sparkles,
 } from "lucide-react";
@@ -44,7 +43,6 @@ import { BrainOverviewPanel } from "./BrainOverviewPanel";
 
 export function BrainConversation({
   language,
-  explorationDepth,
   modelName,
   messages,
   starterPrompts,
@@ -100,129 +98,130 @@ export function BrainConversation({
   return (
     <section className="brain-conversation" aria-label={t(language, "brain.aria.conversation")}>
       <div className="brain-conversation-header">
-        <div>
+        <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.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>
+          <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">
-        <ProductCommandCenter
-          language={language}
-          readiness={readiness}
-          proof={proof}
-          modelName={modelName}
-          memories={memories}
-          concepts={concepts}
-          emergenceEvents={emergenceEvents}
-          onOpenDepth={onOpenDepth}
-          onVerifyModelContinuity={onVerifyModelContinuity}
-        />
-        <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>
-            );
-          })
-        )}
-      </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}
-
-      <BrainCarePanel language={language} />
-
-      <BrainComposer
-        language={language}
-        draft={draft}
-        streaming={streaming}
-        imageData={imageData}
-        uploadingDocument={uploadingDocument}
-        onDraftChange={onDraftChange}
-        onImageDataChange={onImageDataChange}
-        onUploadDocument={onUploadDocument}
-        onSend={onSend}
-      />
+          <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>
   );
 }

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

@@ -483,11 +483,6 @@ export function BrainHome({
 
   return (
     <main className="brain-home" aria-label={t(language, "brain.aria.home")}>
-      {/* 강력하고 직관적인 첫인상 - BrainHome */}
-      <div style={{textAlign: "center", marginBottom: "0.4rem", opacity: 0.9}}>
-        <div style={{fontSize: "0.78rem", letterSpacing: "1.5px", textTransform: "uppercase", color: "hsl(var(--brain-core))"}}>LATTICE AI — YOUR LIVING BRAIN</div>
-        <div style={{fontSize: "1.05rem", fontWeight: 600, marginTop: "0.15rem"}}>대화할수록 더 똑똑해지는, 당신만의 영원한 지식</div>
-      </div>
       <section className="brain-presence" aria-label={t(language, "brain.aria.exploration")}>
         <div className="brain-exploration" data-depth={explorationDepth}>
           <LivingBrain
@@ -499,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