diff --git a/src/App.jsx b/src/App.jsx
index b768183..3da2ea6 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -2,24 +2,73 @@ import { useState } from 'react'
 import LandingPage from './pages/LandingPage'
 import BuyerPage from './pages/BuyerPage'
 import SellerPage from './pages/SellerPage'
+import {
+  clearStoredConversations,
+  getStoredConversations,
+  saveConversation,
+} from './lib/storage/conversationStorage'
 
 function App() {
   const [userType, setUserType] = useState(null) // 'buyer' or 'seller'
+  const [activeConversation, setActiveConversation] = useState(null)
+  const [conversations, setConversations] = useState(() => getStoredConversations())
   const [toast, setToast] = useState(null)
 
+  const refreshConversations = () => {
+    setConversations(getStoredConversations())
+  }
+
   const showToast = (message) => {
     setToast(message)
     setTimeout(() => setToast(null), 2000)
   }
 
+  const handleSelectUserType = (mode) => {
+    setActiveConversation(null)
+    setUserType(mode)
+  }
+
+  const handleOpenConversation = (conversation) => {
+    setActiveConversation(conversation)
+    setUserType(conversation.mode)
+  }
+
+  const handleConversationChange = (conversation) => {
+    const savedConversation = saveConversation(conversation)
+    setActiveConversation(savedConversation)
+    setConversations(getStoredConversations())
+  }
+
+  const handleClearHistory = () => {
+    clearStoredConversations()
+    setActiveConversation(null)
+    setConversations([])
+    showToast('Local history cleared')
+  }
+
+  const handleBack = () => {
+    setActiveConversation(null)
+    refreshConversations()
+    setUserType(null)
+  }
+
   if (!userType) {
-    return <LandingPage onSelectUserType={setUserType} />
+    return (
+      <LandingPage
+        conversations={conversations}
+        onClearHistory={handleClearHistory}
+        onOpenConversation={handleOpenConversation}
+        onSelectUserType={handleSelectUserType}
+      />
+    )
   }
 
   if (userType === 'buyer') {
     return (
       <BuyerPage
-        onBack={() => setUserType(null)}
+        conversation={activeConversation}
+        onBack={handleBack}
+        onConversationChange={handleConversationChange}
         onCopy={showToast}
       />
     )
@@ -27,8 +76,10 @@ function App() {
 
   return (
     <SellerPage
+      conversation={activeConversation}
       toast={toast}
-      onBack={() => setUserType(null)}
+      onBack={handleBack}
+      onConversationChange={handleConversationChange}
       onCopy={showToast}
     />
   )
diff --git a/src/features/chat/ChatMessage.jsx b/src/features/chat/ChatMessage.jsx
index ffa237c..a2302b5 100644
--- a/src/features/chat/ChatMessage.jsx
+++ b/src/features/chat/ChatMessage.jsx
@@ -2,19 +2,19 @@ import CopyButton from '../../components/CopyButton'
 
 function ChatMessage({ message, onCopy }) {
   const isAssistant = message.role === 'assistant'
+  const alignmentClass = isAssistant ? 'justify-start' : 'justify-end'
+  const bubbleClass = isAssistant
+    ? 'border border-stone-200 bg-white text-stone-800 shadow-stone-900/5'
+    : 'bg-primary-700 text-white shadow-primary-900/15'
+  const labelClass = isAssistant ? 'text-primary-700' : 'text-primary-100'
 
   return (
-    <article className={`flex ${isAssistant ? 'justify-start' : 'justify-end'}`}>
+    <article className={`flex ${alignmentClass}`}>
       <div
-        className={[
-          'max-w-[88%] rounded-lg px-4 py-3 shadow-sm',
-          isAssistant
-            ? 'border border-stone-200 bg-white text-stone-800 shadow-stone-900/5'
-            : 'bg-primary-700 text-white shadow-primary-900/15',
-        ].join(' ')}
+        className={`max-w-[88%] rounded-lg px-4 py-3 shadow-sm ${bubbleClass}`}
       >
         <div className="mb-2 flex items-center justify-between gap-3">
-          <span className={`text-xs font-semibold uppercase tracking-[0.14em] ${isAssistant ? 'text-primary-700' : 'text-primary-100'}`}>
+          <span className={`text-xs font-semibold uppercase tracking-[0.14em] ${labelClass}`}>
             {isAssistant ? 'Haggly' : 'You'}
           </span>
           {isAssistant && <CopyButton text={message.content} onCopy={onCopy} />}
diff --git a/src/features/chat/ChatPanel.jsx b/src/features/chat/ChatPanel.jsx
index 02e9236..d146095 100644
--- a/src/features/chat/ChatPanel.jsx
+++ b/src/features/chat/ChatPanel.jsx
@@ -4,10 +4,34 @@ import { createInitialMessages, createMockAssistantReply } from './mockAssistant
 import ChatComposer from './ChatComposer'
 import ChatMessage from './ChatMessage'
 
-function ChatPanel({ mode, onCopy }) {
-  const [messages, setMessages] = useState(() => createInitialMessages(mode))
+function ChatPanel({ conversation, mode, onConversationChange, onCopy }) {
+  const activeMode = conversation?.mode ?? mode
+  const [messages, setMessages] = useState(() => conversation?.messages ?? createInitialMessages(activeMode))
+  const [conversationId, setConversationId] = useState(() => conversation?.id ?? `conversation-${Date.now()}`)
+  const [conversationStatus, setConversationStatus] = useState(() => conversation?.status ?? 'active')
+  const [conversationCreatedAt, setConversationCreatedAt] = useState(() => conversation?.createdAt ?? Date.now())
   const [isReplying, setIsReplying] = useState(false)
 
+  const publishMessages = (nextMessages, status = conversationStatus) => {
+    const nextId = conversation?.id ?? conversationId
+    const nextCreatedAt = conversation?.createdAt ?? conversationCreatedAt
+
+    setConversationId(nextId)
+    setConversationStatus(status)
+    setConversationCreatedAt(nextCreatedAt)
+    setMessages(nextMessages)
+
+    onConversationChange?.({
+      id: nextId,
+      mode: activeMode,
+      status,
+      summary: nextMessages.find((message) => message.role === 'user')?.content ?? `${activeMode} negotiation`,
+      messages: nextMessages,
+      createdAt: nextCreatedAt,
+      updatedAt: Date.now(),
+    })
+  }
+
   const handleSend = (content) => {
     const userMessage = {
       id: `user-${Date.now()}`,
@@ -16,23 +40,43 @@ function ChatPanel({ mode, onCopy }) {
       createdAt: Date.now(),
     }
 
-    setMessages((currentMessages) => [...currentMessages, userMessage])
+    const messagesWithUser = [...messages, userMessage]
+    publishMessages(messagesWithUser)
     setIsReplying(true)
 
     setTimeout(() => {
-      setMessages((currentMessages) => [
-        ...currentMessages,
-        createMockAssistantReply({ mode, message: content }),
+      publishMessages([
+        ...messagesWithUser,
+        createMockAssistantReply({ mode: activeMode, message: content }),
       ])
       setIsReplying(false)
     }, 450)
   }
 
+  const handleStatusChange = (event) => {
+    publishMessages(messages, event.target.value)
+  }
+
   return (
     <Surface className="overflow-hidden">
-      <div className="border-b border-stone-200 px-4 py-3">
-        <p className="text-sm font-semibold text-stone-950">Negotiation chat</p>
-        <p className="mt-1 text-xs text-stone-500">Mock Haggly agent for now. No API key needed.</p>
+      <div className="flex items-start justify-between gap-4 border-b border-stone-200 px-4 py-3">
+        <div>
+          <p className="text-sm font-semibold text-stone-950">Negotiation chat</p>
+          <p className="mt-1 text-xs text-stone-500">Mock Haggly agent for now. No API key needed.</p>
+        </div>
+        <label className="text-xs font-semibold text-stone-500">
+          Status
+          <select
+            value={conversationStatus}
+            onChange={handleStatusChange}
+            className="ml-2 rounded-md border border-stone-200 bg-white px-2 py-1 text-xs font-semibold text-stone-700 focus:border-primary-500 focus:outline-none"
+          >
+            <option value="active">Active</option>
+            <option value="accepted">Accepted</option>
+            <option value="declined">Declined</option>
+            <option value="expired">Expired</option>
+          </select>
+        </label>
       </div>
 
       <div className="max-h-[520px] min-h-[360px] space-y-4 overflow-y-auto bg-stone-50/70 p-4">
diff --git a/src/features/dashboard/ConversationDashboard.jsx b/src/features/dashboard/ConversationDashboard.jsx
new file mode 100644
index 0000000..b59583a
--- /dev/null
+++ b/src/features/dashboard/ConversationDashboard.jsx
@@ -0,0 +1,76 @@
+import { Clock, Trash2 } from 'lucide-react'
+import Button from '../../components/ui/Button'
+import Surface from '../../components/ui/Surface'
+
+const statusLabels = {
+  active: 'Active',
+  accepted: 'Accepted',
+  declined: 'Declined',
+  expired: 'Expired',
+}
+
+function formatUpdatedAt(updatedAt) {
+  if (!updatedAt) {
+    return 'New'
+  }
+
+  return new Intl.DateTimeFormat(undefined, {
+    month: 'short',
+    day: 'numeric',
+    hour: 'numeric',
+    minute: '2-digit',
+  }).format(new Date(updatedAt))
+}
+
+function ConversationDashboard({ conversations, onOpenConversation, onClearHistory }) {
+  return (
+    <Surface className="p-5 sm:p-6">
+      <div className="mb-5 flex items-start justify-between gap-4 border-b border-stone-200 pb-4">
+        <div>
+          <p className="text-sm font-semibold text-stone-950">Local dashboard</p>
+          <p className="mt-1 text-sm text-stone-500">Saved in this browser only. No login or cloud sync.</p>
+        </div>
+        {conversations.length > 0 && (
+          <Button onClick={onClearHistory} variant="ghost" size="sm">
+            <Trash2 className="h-4 w-4" aria-hidden="true" />
+            Clear
+          </Button>
+        )}
+      </div>
+
+      {conversations.length === 0 ? (
+        <div className="rounded-lg border border-dashed border-stone-300 bg-stone-50/70 p-5 text-sm leading-6 text-stone-500">
+          Start a buyer or seller chat. Your local sessions will appear here.
+        </div>
+      ) : (
+        <div className="space-y-3">
+          {conversations.slice(0, 5).map((conversation) => (
+            <button
+              key={conversation.id}
+              onClick={() => onOpenConversation(conversation)}
+              className="w-full rounded-lg border border-stone-200 bg-white p-4 text-left shadow-sm shadow-stone-900/5 transition hover:border-primary-200 hover:bg-primary-50/40"
+            >
+              <div className="flex items-center justify-between gap-3">
+                <span className="text-sm font-semibold capitalize text-stone-950">
+                  {conversation.mode} negotiation
+                </span>
+                <span className="rounded-full bg-primary-100 px-2.5 py-1 text-xs font-semibold text-primary-800">
+                  {statusLabels[conversation.status] ?? statusLabels.active}
+                </span>
+              </div>
+              <p className="mt-2 line-clamp-2 text-sm leading-6 text-stone-600">
+                {conversation.summary}
+              </p>
+              <p className="mt-3 flex items-center gap-1.5 text-xs font-medium text-stone-400">
+                <Clock className="h-3.5 w-3.5" aria-hidden="true" />
+                {formatUpdatedAt(conversation.updatedAt)}
+              </p>
+            </button>
+          ))}
+        </div>
+      )}
+    </Surface>
+  )
+}
+
+export default ConversationDashboard
diff --git a/src/lib/storage/conversationStorage.js b/src/lib/storage/conversationStorage.js
new file mode 100644
index 0000000..3f2c19a
--- /dev/null
+++ b/src/lib/storage/conversationStorage.js
@@ -0,0 +1,63 @@
+const STORAGE_KEY = 'haggly:v2:conversations'
+const ALLOWED_STATUSES = new Set(['active', 'accepted', 'declined', 'expired'])
+
+function isBrowserStorageAvailable() {
+  return typeof window !== 'undefined' && Boolean(window.localStorage)
+}
+
+function parseConversations(rawValue) {
+  if (!rawValue) {
+    return []
+  }
+
+  try {
+    const parsed = JSON.parse(rawValue)
+    return Array.isArray(parsed) ? parsed : []
+  } catch {
+    return []
+  }
+}
+
+function readConversations() {
+  if (!isBrowserStorageAvailable()) {
+    return []
+  }
+
+  return parseConversations(window.localStorage.getItem(STORAGE_KEY))
+}
+
+function writeConversations(conversations) {
+  if (!isBrowserStorageAvailable()) {
+    return
+  }
+
+  window.localStorage.setItem(STORAGE_KEY, JSON.stringify(conversations))
+}
+
+export function getStoredConversations() {
+  return readConversations()
+    .filter((conversation) => conversation?.id && conversation?.mode && Array.isArray(conversation?.messages))
+    .sort((a, b) => b.updatedAt - a.updatedAt)
+}
+
+export function saveConversation(conversation) {
+  const existingConversations = readConversations()
+  const nextConversation = {
+    ...conversation,
+    status: ALLOWED_STATUSES.has(conversation.status) ? conversation.status : 'active',
+    updatedAt: Date.now(),
+  }
+
+  const withoutCurrent = existingConversations.filter((item) => item.id !== nextConversation.id)
+  writeConversations([nextConversation, ...withoutCurrent])
+
+  return nextConversation
+}
+
+export function clearStoredConversations() {
+  if (!isBrowserStorageAvailable()) {
+    return
+  }
+
+  window.localStorage.removeItem(STORAGE_KEY)
+}
diff --git a/src/pages/BuyerPage.jsx b/src/pages/BuyerPage.jsx
index 9c5a8a6..7e20f12 100644
--- a/src/pages/BuyerPage.jsx
+++ b/src/pages/BuyerPage.jsx
@@ -3,7 +3,7 @@ import BrandMark from '../components/BrandMark'
 import Button from '../components/ui/Button'
 import ChatPanel from '../features/chat/ChatPanel'
 
-function BuyerPage({ onBack, onCopy }) {
+function BuyerPage({ conversation, onBack, onConversationChange, onCopy }) {
   const upcomingTools = [
     { icon: Search, label: 'Question builder' },
     { icon: MessageSquareText, label: 'Response scripts' },
@@ -45,7 +45,12 @@ function BuyerPage({ onBack, onCopy }) {
           </div>
         </section>
 
-        <ChatPanel mode="buyer" onCopy={onCopy} />
+        <ChatPanel
+          conversation={conversation}
+          mode="buyer"
+          onConversationChange={onConversationChange}
+          onCopy={onCopy}
+        />
       </main>
     </div>
   )
diff --git a/src/pages/LandingPage.jsx b/src/pages/LandingPage.jsx
index 4bd01f9..36d1ce8 100644
--- a/src/pages/LandingPage.jsx
+++ b/src/pages/LandingPage.jsx
@@ -2,8 +2,9 @@ import { ArrowRight, ShoppingBag, Tag } from 'lucide-react'
 import BrandMark from '../components/BrandMark'
 import Button from '../components/ui/Button'
 import Surface from '../components/ui/Surface'
+import ConversationDashboard from '../features/dashboard/ConversationDashboard'
 
-function LandingPage({ onSelectUserType }) {
+function LandingPage({ conversations, onClearHistory, onOpenConversation, onSelectUserType }) {
   return (
     <div className="min-h-screen bg-[radial-gradient(circle_at_top_left,#d9f7e4_0,#f7faf5_34%,#f4f1ea_100%)] px-4 py-6 text-stone-950 sm:px-6 lg:px-8">
       <main className="mx-auto flex min-h-[calc(100vh-3rem)] max-w-6xl flex-col">
@@ -54,36 +55,44 @@ function LandingPage({ onSelectUserType }) {
             </div>
           </div>
 
-          <Surface className="p-5 sm:p-6">
-            <div className="mb-5 flex items-center justify-between border-b border-stone-200 pb-4">
-              <div>
-                <p className="text-sm font-semibold text-stone-950">Workspace preview</p>
-                <p className="mt-1 text-sm text-stone-500">Local, fast, and ready for the AI chat layer.</p>
+          <div className="space-y-4">
+            <Surface className="p-5 sm:p-6">
+              <div className="mb-5 flex items-center justify-between border-b border-stone-200 pb-4">
+                <div>
+                  <p className="text-sm font-semibold text-stone-950">Workspace preview</p>
+                  <p className="mt-1 text-sm text-stone-500">Local, fast, and ready for the AI chat layer.</p>
+                </div>
+                <span className="rounded-full bg-primary-100 px-3 py-1 text-xs font-semibold text-primary-800">
+                  no login
+                </span>
               </div>
-              <span className="rounded-full bg-primary-100 px-3 py-1 text-xs font-semibold text-primary-800">
-                no login
-              </span>
-            </div>
 
-            <div className="space-y-5">
-              <div className="border-l-2 border-primary-200 pl-4">
-                <p className="text-xs font-semibold uppercase tracking-[0.16em] text-stone-500">Current focus</p>
-                <p className="mt-2 text-lg font-semibold text-stone-950">Marketplace counter offer</p>
-                <p className="mt-2 text-sm leading-6 text-stone-600">
-                  Generate a firm but fair response, keep the tone calm, and move toward pickup details.
-                </p>
-              </div>
+              <div className="space-y-5">
+                <div className="border-l-2 border-primary-200 pl-4">
+                  <p className="text-xs font-semibold uppercase tracking-[0.16em] text-stone-500">Current focus</p>
+                  <p className="mt-2 text-lg font-semibold text-stone-950">Agentic negotiation read</p>
+                  <p className="mt-2 text-sm leading-6 text-stone-600">
+                    Diagnose leverage, missing context, and the next move before drafting.
+                  </p>
+                </div>
 
-              <div className="grid gap-3 border-t border-stone-200 pt-4 sm:grid-cols-3">
-                {['Context', 'Drafts', 'Outcome'].map((label) => (
-                  <div key={label}>
-                    <p className="text-sm font-semibold text-primary-900">{label}</p>
-                    <p className="mt-1 h-1.5 rounded-full bg-primary-200" />
-                  </div>
-                ))}
+                <div className="grid gap-3 border-t border-stone-200 pt-4 sm:grid-cols-3">
+                  {['Context', 'Strategy', 'Outcome'].map((label) => (
+                    <div key={label}>
+                      <p className="text-sm font-semibold text-primary-900">{label}</p>
+                      <p className="mt-1 h-1.5 rounded-full bg-primary-200" />
+                    </div>
+                  ))}
+                </div>
               </div>
-            </div>
-          </Surface>
+            </Surface>
+
+            <ConversationDashboard
+              conversations={conversations}
+              onClearHistory={onClearHistory}
+              onOpenConversation={onOpenConversation}
+            />
+          </div>
         </section>
       </main>
     </div>
diff --git a/src/pages/SellerPage.jsx b/src/pages/SellerPage.jsx
index a29f848..55e7250 100644
--- a/src/pages/SellerPage.jsx
+++ b/src/pages/SellerPage.jsx
@@ -5,7 +5,7 @@ import Button from '../components/ui/Button'
 import Surface from '../components/ui/Surface'
 import ChatPanel from '../features/chat/ChatPanel'
 
-function SellerPage({ toast, onBack, onCopy }) {
+function SellerPage({ conversation, toast, onBack, onConversationChange, onCopy }) {
   return (
     <div className="min-h-screen bg-[#f7faf5] px-4 py-6 text-stone-950 sm:px-6 lg:px-8">
       <Toast message={toast} />
@@ -43,7 +43,12 @@ function SellerPage({ toast, onBack, onCopy }) {
           </Surface>
         </section>
 
-        <ChatPanel mode="seller" onCopy={onCopy} />
+        <ChatPanel
+          conversation={conversation}
+          mode="seller"
+          onConversationChange={onConversationChange}
+          onCopy={onCopy}
+        />
       </main>
 
       <footer className="mx-auto max-w-5xl pb-6 text-sm text-stone-400">
diff --git a/tests/e2e/chat.spec.js b/tests/e2e/chat.spec.js
index 04f9caf..19d4b29 100644
--- a/tests/e2e/chat.spec.js
+++ b/tests/e2e/chat.spec.js
@@ -30,3 +30,22 @@ test('buyer can send a mock chat message and receive buying guidance', async ({
   await expect(page.getByText('Current read:')).toBeVisible()
   await expect(page.getByText('seller urgency')).toBeVisible()
 })
+
+test('local dashboard saves and reopens a chat session', async ({ page }) => {
+  await page.goto('/')
+
+  await page.getByRole('button', { name: /I'm selling/i }).click()
+  await page.getByLabel('Message Haggly').fill(
+    "I'm selling a camera for $500. They offered $350 and I can wait.",
+  )
+  await page.getByRole('button', { name: /^Send$/i }).click()
+  await expect(page.getByText('Current read:')).toBeVisible()
+
+  await page.getByRole('button', { name: /Back/i }).click()
+  await expect(page.getByText('Local dashboard')).toBeVisible()
+  await expect(page.getByText(/camera for \$500/i)).toBeVisible()
+
+  await page.getByRole('button', { name: /seller negotiation/i }).click()
+  await expect(page.getByText(/camera for \$500/i)).toBeVisible()
+  await expect(page.getByText('Current read:')).toBeVisible()
+})