diff --git a/apps/__init__.py b/apps/__init__.py
index 48863b74c..75156a96a 100644
--- a/apps/__init__.py
+++ b/apps/__init__.py
@@ -28,6 +28,7 @@ app.json fields (all optional):
       "label": "Custom Label", # Display label (default: title-cased app name)
       "facets": {},            # Facet options: {"disabled": true} to hide facet bar
       "date_nav": true,        # Show date navigation bar (default: false)
+      "app_bar": false,        # Hide the universal chat bar on this app (default: true)
       "allow_future_dates": true  # Allow future dates in month picker (default: false)
     }
 
@@ -73,6 +74,9 @@ class App:
     # Date navigation (renders date nav below facet bar)
     date_nav: bool = False
 
+    # Hide the universal chat bar on this app
+    app_bar: bool = True
+
     # Allow clicking future dates in month picker (for todos)
     allow_future_dates: bool = False
 
@@ -167,6 +171,9 @@ class AppRegistry:
         # Date navigation
         date_nav = metadata.get("date_nav", False)
 
+        # Universal app bar
+        app_bar = metadata.get("app_bar", True)
+
         # Allow future dates in month picker
         allow_future_dates = metadata.get("allow_future_dates", False)
 
@@ -234,6 +241,7 @@ class AppRegistry:
             background_template=background_template,
             facets_config=facets_config,
             date_nav=date_nav,
+            app_bar=app_bar,
             allow_future_dates=allow_future_dates,
         )
 
diff --git a/apps/home/workspace.html b/apps/home/workspace.html
index 39b5d51ad..dd08b2bbb 100644
--- a/apps/home/workspace.html
+++ b/apps/home/workspace.html
@@ -1399,7 +1399,7 @@
         if (el.closest('[data-routine-click]') || el.hasAttribute('data-routine-click')) {
           fetch('/app/home/api/routines/seen', {method: 'POST'});
         }
-        window.openConversation({ prompt: el.dataset.conversation });
+        window.openConversation(el.dataset.conversation);
       }
     });
     dashboard.addEventListener('keydown', function(e) {
@@ -1423,7 +1423,7 @@
         if (el.closest('[data-routine-click]') || el.hasAttribute('data-routine-click')) {
           fetch('/app/home/api/routines/seen', {method: 'POST'});
         }
-        window.openConversation({ prompt: el.dataset.conversation });
+        window.openConversation(el.dataset.conversation);
       }
     });
   }
diff --git a/convey/static/app.css b/convey/static/app.css
index 48137f3ab..8f38e0406 100644
--- a/convey/static/app.css
+++ b/convey/static/app.css
@@ -107,6 +107,9 @@ body {
   margin-top: var(--facet-bar-height);
   padding-top: 8px;
   margin-left: var(--menu-bar-width-minimal);
+}
+
+body.has-app-bar .workspace {
   margin-bottom: calc(var(--app-bar-height) + 80px);
 }
 
@@ -117,6 +120,10 @@ body.has-date-nav .workspace {
 
 /* Reserve space when error log is visible */
 body.has-error-log .workspace {
+  margin-bottom: 30vh;
+}
+
+body.has-app-bar.has-error-log .workspace {
   margin-bottom: calc(var(--app-bar-height) + 80px + 30vh);
 }
 
@@ -1385,7 +1392,7 @@ body.menu-all .menu-bar {
   filter: grayscale(0.4);
 }
 
-/* App Bar (bottom) */
+/* chat bar + talent-view modal */
 .app-bar {
   position: fixed;
   bottom: 16px;
@@ -1397,9 +1404,11 @@ body.menu-all .menu-bar {
   margin-right: auto;
   z-index: var(--z-bars);
   min-height: var(--app-bar-height);
-  padding: 0;
+  padding: 10px 14px;
   display: flex;
-  flex-direction: column;
+  align-items: center;
+  gap: 12px;
+  flex-wrap: wrap;
   border-radius: 12px;
   border: 1px solid var(--facet-border, #e5e0db);
   box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.05), 0 2px 12px rgba(0, 0, 0, 0.08);
@@ -1408,10 +1417,7 @@ body.menu-all .menu-bar {
 .app-bar::before {
   content: '';
   position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
+  inset: 0;
   background: white;
   pointer-events: none;
   z-index: -2;
@@ -1421,10 +1427,7 @@ body.menu-all .menu-bar {
 .app-bar::after {
   content: '';
   position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
+  inset: 0;
   background: var(--facet-bg, #b06a1a1a);
   transition: background-color 0.3s ease;
   pointer-events: none;
@@ -1432,132 +1435,54 @@ body.menu-all .menu-bar {
   border-radius: 12px;
 }
 
-.app-bar:not(.app-bar--focused):hover {
-  cursor: pointer;
-}
-
-.app-bar:not(.app-bar--focused) .chat-bar-input-row {
-  cursor: default;
-}
-
-.app-bar:not(.app-bar--focused) .chat-bar-input {
-  border-color: transparent;
-}
-
-/* Response panel (above input row) */
-.chat-bar-response-panel {
-  max-height: 0;
+.chat-bar-status {
+  flex: 1 1 auto;
+  min-width: 0;
   overflow: hidden;
-  padding: 0 20px;
-  position: relative;
-  z-index: 1;
-  transition: max-height 0.2s ease;
 }
 
-.app-bar--glance .chat-bar-response-panel {
-  max-height: 200px;
-}
-
-.app-bar--glance .chat-bar-thinking {
-  margin-top: 12px;
-  margin-bottom: 8px;
-  opacity: 1;
-}
-
-.app-bar--glance .chat-bar-response {
-  margin-top: 12px;
-  margin-bottom: 8px;
-  opacity: 1;
-}
-
-.chat-bar-separator {
-  height: 1px;
-  background: var(--facet-border, #e5e0db);
-  margin: 12px -20px 0;
+.chat-bar-status #chatBarStatusText,
+.chat-bar-status > span {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: #888;
+  font-size: 13px;
+  line-height: 1.4;
 }
 
-.chat-bar-dismiss {
-  position: absolute;
-  top: 12px;
-  right: 16px;
-  min-width: 44px;
-  min-height: 44px;
-  border: none;
-  background: transparent;
-  color: #999;
-  font-size: 16px;
-  font-weight: 300;
-  cursor: pointer;
-  border-radius: 4px;
+.chat-bar-talents {
   display: flex;
   align-items: center;
-  justify-content: center;
-  z-index: 2;
-  opacity: 0;
-  pointer-events: none;
-  visibility: hidden;
-  transition: opacity 0.15s ease, visibility 0.15s ease;
-}
-
-.chat-bar-dismiss.visible {
-  opacity: 1;
-  pointer-events: auto;
-  visibility: visible;
-}
-
-.chat-bar-dismiss:hover {
-  background: rgba(0, 0, 0, 0.06);
-  color: #666;
-}
-
-.chat-bar-dismiss:active {
-  background: rgba(0, 0, 0, 0.10);
+  gap: 4px;
+  max-width: calc(8 * 24px);
+  overflow: hidden;
 }
 
-/* Input row */
-.chat-bar-input-row {
+.chat-bar-form {
   display: flex;
-  flex-direction: row;
   align-items: center;
-  gap: 8px;
-  padding: 0 20px;
-  min-height: var(--app-bar-height);
+  gap: 6px;
 }
 
-/* Chat Bar Elements */
 .chat-bar-input {
-  flex: 1;
   resize: none;
-  border: 1px solid var(--facet-border, #e5e0db);
-  border-radius: 20px;
-  padding: 0.6em 1.25em;
-  font-family: inherit;
-  font-size: 15px;
-  line-height: 1.5;
+  overflow: hidden;
   max-height: 120px;
-  min-height: 38px;
-  background: transparent;
-  position: relative;
-  z-index: 1;
-  transition: border-color 0.2s ease;
-}
-
-.chat-bar-input:hover {
-  border-color: #bbb;
+  min-width: 240px;
+  padding: 6px 8px;
+  border: 1px solid var(--facet-border, #e5e0db);
+  border-radius: 6px;
+  background: rgba(255, 255, 255, 0.92);
+  color: inherit;
+  font: inherit;
+  line-height: 1.4;
 }
 
 .chat-bar-input:focus {
-  outline: none;
-  border-color: var(--facet-color, #b06a1a);
-}
-
-.chat-bar-input::placeholder {
-  color: #aaa;
-  transition: opacity 0.2s ease;
-}
-
-.chat-bar-input:focus::placeholder {
-  opacity: 0.5;
+  outline: 2px solid var(--facet-color, #b06a1a);
+  outline-offset: 1px;
 }
 
 .chat-bar-input:disabled {
@@ -1566,356 +1491,232 @@ body.menu-all .menu-bar {
 }
 
 .chat-bar-send {
-  width: 44px;
-  height: 44px;
-  border-radius: 50%;
-  border: none;
-  background: var(--facet-color, #b06a1a);
-  color: white;
+  padding: 6px 12px;
+  border: 1px solid var(--facet-border, #e5e0db);
+  border-radius: 6px;
+  background: rgba(255, 255, 255, 0.88);
+  color: inherit;
+  font: inherit;
   cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  z-index: 1;
-  flex-shrink: 0;
-  opacity: 0;
-  pointer-events: none;
-  visibility: hidden;
-  transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s ease;
-}
-
-.chat-bar-send.visible {
-  opacity: 1;
-  pointer-events: auto;
-  visibility: visible;
-}
-
-.chat-bar-send.visible:hover {
-  opacity: 0.85;
-}
-
-.chat-bar-send.visible:active {
-  transform: scale(0.92);
-  opacity: 0.75;
 }
 
-@media (max-width: 768px) {
-  .chat-bar-send {
-    width: 48px;
-    height: 48px;
-  }
+.chat-bar-send:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
 }
 
-.chat-bar-thinking {
-  display: flex;
+.chat-bar-talent {
+  width: 20px;
+  height: 20px;
+  border: 1px solid var(--facet-border, #e5e0db);
+  border-radius: 50%;
+  background: transparent;
+  color: #888;
+  padding: 0;
+  display: inline-flex;
   align-items: center;
-  gap: 0.5em;
-  color: #999;
-  font-size: 0.9em;
-  position: relative;
-  z-index: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  min-width: 0;
-  opacity: 0;
-  transition: opacity 0.15s ease 0.05s;
-}
-
-.chat-bar-thinking > [aria-hidden="true"] {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  min-width: 0;
-  transition: opacity 0.15s ease;
+  justify-content: center;
+  cursor: pointer;
+  flex-shrink: 0;
 }
 
-.chat-bar-thinking-dot {
+.chat-bar-talent-dot {
   width: 8px;
   height: 8px;
-  background: var(--facet-color, #b06a1a);
   border-radius: 50%;
-  animation: chat-bar-pulse 1s ease-in-out infinite;
-}
-
-@keyframes chat-bar-pulse {
-  0%, 100% { opacity: 0.3; }
-  50% { opacity: 1; }
-}
-
-.thinking-elapsed {
-  opacity: 0;
-  font-variant-numeric: tabular-nums;
-  transition: opacity 0.3s ease;
-}
-
-.chat-bar-response {
-  font-size: 14px;
-  line-height: 1.5;
-  color: #666;
-  max-height: 5em;
-  overflow: hidden;
-  padding-right: 28px;
-  position: relative;
-  z-index: 1;
-  -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
-  mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
-  opacity: 0;
-  transition: opacity 0.2s ease 0.1s;
-}
-
-.chat-bar-response--error {
-  color: #d97706;
-}
-
-/* ========================================
- * Conversation Panel
- * Expandable focus-mode conversation surface.
- * The chat bar expands upward to 80% viewport.
- * Backdrop blur excludes aruco corner-tags via z-index layering:
- *   backdrop at z-bars+49 < corner-tags at z-tags (400).
- * ======================================== */
-
-/* Backdrop — blurs convey content when panel is open */
-.conversation-backdrop {
-  position: fixed;
-  inset: 0;
-  z-index: calc(var(--z-bars) + 49);
-  backdrop-filter: blur(8px);
-  -webkit-backdrop-filter: blur(8px);
-  background: rgba(0, 0, 0, 0.12);
-  opacity: 0;
-  pointer-events: none;
-  transition: opacity 0.3s ease;
+  background: currentColor;
 }
 
-.conversation-backdrop.visible {
-  opacity: 1;
-  pointer-events: auto;
-  cursor: pointer;
-}
-
-/* Panel expanded state */
-.app-bar.app-bar--focused {
-  height: 80vh; /* fallback for browsers without dvh */
-  height: 80dvh;
-  bottom: 0;
-  border-radius: 12px 12px 0 0;
-  z-index: calc(var(--z-bars) + 50);
-  animation: panel-expand 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+.chat-bar-talent[data-status="active"] {
+  color: var(--facet-color, #b06a1a);
 }
 
-/* Panel closing animation */
-.app-bar.app-bar--dismissing {
-  z-index: calc(var(--z-bars) + 50);
-  animation: panel-collapse 0.25s ease forwards;
+.chat-bar-talent[data-status="active"] .chat-bar-talent-dot {
+  animation: chat-bar-talent-pulse 1.2s ease-in-out infinite;
 }
 
-@keyframes panel-expand {
-  from {
-    height: var(--app-bar-height);
-    bottom: 16px;
-    border-radius: 12px;
-  }
+.chat-bar-talent--overflow {
+  width: auto;
+  min-width: 28px;
+  height: 20px;
+  border-radius: 10px;
+  padding: 0 8px;
+  font-size: 11px;
+  font-weight: 600;
+  line-height: 1;
 }
 
-@keyframes panel-collapse {
-  from {
-    height: 80vh;
-    height: 80dvh;
-    bottom: 0;
-    border-radius: 12px 12px 0 0;
-  }
-  to {
-    height: var(--app-bar-height);
-    bottom: 16px;
-    border-radius: 12px;
-  }
+.chat-bar-talent[data-status="errored"] {
+  color: #b42318;
 }
 
-@media (max-width: 768px) {
-  .app-bar.app-bar--focused {
-    left: 8px;
-    right: 8px;
-    max-width: none;
-    width: auto;
-  }
+@keyframes chat-bar-talent-pulse {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.3; }
 }
 
-/* Conversation messages area */
-.conversation-messages {
+.talent-view-modal[hidden] {
   display: none;
-  flex-direction: column;
-  gap: 12px;
-  overflow-y: auto;
-  padding: 16px;
-  flex: 1;
-  min-height: 0;
-  background: #fffcf9;
-  scrollbar-width: thin;
-  scrollbar-color: rgba(0, 0, 0, 0.15) transparent;
 }
 
-.conversation-messages::-webkit-scrollbar {
-  width: 6px;
+.talent-view-modal {
+  position: fixed;
+  inset: 0;
+  z-index: var(--z-modals);
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
-.conversation-messages::-webkit-scrollbar-thumb {
-  background: rgba(0, 0, 0, 0.15);
-  border-radius: 3px;
+.talent-view-backdrop {
+  position: absolute;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.6);
 }
 
-.app-bar.app-bar--focused .conversation-messages {
+.talent-view-panel {
+  position: relative;
+  width: min(760px, calc(100vw - 48px));
+  max-height: calc(100vh - 80px);
   display: flex;
+  flex-direction: column;
+  border: 1px solid var(--facet-border, #e5e0db);
+  border-radius: 10px;
+  background: white;
+  overflow: hidden;
 }
 
-/* Hide inline response panel in panel mode */
-.app-bar.app-bar--focused .chat-bar-response-panel {
-  display: none;
-}
-
-/* Separator between messages and input (panel mode only) */
-.conversation-separator {
-  display: none;
+.talent-view-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 12px 16px;
+  border-bottom: 1px solid var(--facet-border, #e5e0db);
 }
 
-.app-bar.app-bar--focused .conversation-separator {
-  display: block;
-  height: 1px;
-  background: var(--facet-border, #e5e0db);
-  flex-shrink: 0;
+.talent-view-title {
+  flex: 1 1 auto;
+  min-width: 0;
+  margin: 0;
+  font-size: 15px;
+  font-weight: 600;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
-/* Message bubbles */
-.conversation-message {
-  max-width: 85%;
-  padding: 10px 16px;
-  border-radius: 16px;
-  font-size: 14px;
-  line-height: 1.5;
-  word-wrap: break-word;
-  white-space: pre-wrap;
+.talent-view-status {
+  padding: 2px 8px;
+  border-radius: 999px;
+  font-size: 11px;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
 }
 
-.conversation-message.user {
-  align-self: flex-end;
-  background: var(--facet-color, #b06a1a);
-  color: white;
-  border-bottom-right-radius: 4px;
-  font-weight: 500;
+.talent-view-status[data-status="running"] {
+  background: rgba(176, 106, 26, 0.16);
+  color: var(--facet-color, #b06a1a);
 }
 
-.conversation-message.agent {
-  align-self: flex-start;
-  background: #f5f0eb;
-  color: #1f2937;
-  border-bottom-left-radius: 4px;
-  white-space: normal;
-  word-break: break-word;
-  overflow-wrap: break-word;
+.talent-view-status[data-status="completed"] {
+  background: rgba(15, 23, 42, 0.08);
+  color: #888;
 }
 
-.conversation-message.agent p {
-  margin: 0 0 0.6em 0;
+.talent-view-status[data-status="errored"] {
+  background: rgba(180, 35, 24, 0.16);
+  color: #b42318;
 }
 
-.conversation-message.agent p:last-child {
-  margin-bottom: 0;
+.talent-view-close {
+  background: transparent;
+  border: 0;
+  color: inherit;
+  font-size: 20px;
+  cursor: pointer;
+  padding: 0 4px;
 }
 
-.conversation-message.agent ul,
-.conversation-message.agent ol {
-  margin: 0.25em 0 0.5em 0;
-  padding-left: 1.5em;
+.talent-view-timeline {
+  flex: 1 1 auto;
+  padding: 12px 16px;
+  overflow: auto;
 }
 
-.conversation-message.agent li {
-  margin-bottom: 0.2em;
+.talent-view-empty {
+  margin: 0;
+  color: #6b7280;
 }
 
-.conversation-message.agent code {
-  background: rgba(0, 0, 0, 0.06);
-  padding: 0.15em 0.35em;
-  border-radius: 4px;
-  font-size: 0.9em;
-  font-family: 'SF Mono', 'Fira Code', 'Fira Mono', 'Roboto Mono', monospace;
+.talent-view-event {
+  margin-bottom: 12px;
+  font-size: 13px;
 }
 
-.conversation-message.agent pre {
-  background: rgba(0, 0, 0, 0.06);
-  padding: 0.6em 0.8em;
-  border-radius: 6px;
-  overflow-x: auto;
-  margin: 0.4em 0;
+.talent-view-event-header {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 8px;
 }
 
-.conversation-message.agent pre code {
-  background: none;
-  padding: 0;
-  border-radius: 0;
-  font-size: 0.875em;
-  white-space: pre;
+.talent-view-event-label {
+  font-weight: 600;
 }
 
-.conversation-message.agent blockquote {
-  border-left: 3px solid rgba(0, 0, 0, 0.15);
-  margin: 0.4em 0;
-  padding: 0.2em 0 0.2em 0.8em;
+.talent-view-event-time {
   color: #6b7280;
+  font-size: 12px;
+  flex-shrink: 0;
 }
 
-.conversation-message.agent h1,
-.conversation-message.agent h2,
-.conversation-message.agent h3,
-.conversation-message.agent h4,
-.conversation-message.agent h5,
-.conversation-message.agent h6 {
-  margin: 0.6em 0 0.3em 0;
-  font-weight: 600;
-  line-height: 1.3;
+.talent-view-event--thinking,
+.talent-view-thinking {
+  color: #888;
+  font-style: italic;
 }
 
-.conversation-message.agent h1 { font-size: 1.2em; }
-.conversation-message.agent h2 { font-size: 1.1em; }
-.conversation-message.agent h3 { font-size: 1.08em; }
-
-.conversation-message.agent a {
-  color: #b06a1a;
-  text-decoration: underline;
-  text-decoration-color: rgba(176, 106, 26, 0.3);
+.talent-view-info {
+  line-height: 1.5;
 }
 
-.conversation-message.agent a:hover {
-  text-decoration-color: rgba(176, 106, 26, 0.7);
+.talent-view-pre {
+  margin: 0;
+  padding: 10px 12px;
+  border: 1px solid rgba(0, 0, 0, 0.06);
+  border-radius: 8px;
+  background: rgba(15, 23, 42, 0.03);
+  font: 13px/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  white-space: pre-wrap;
+  word-break: break-word;
+  overflow: auto;
 }
 
-.conversation-message.agent hr {
-  border: none;
-  border-top: 1px solid rgba(0, 0, 0, 0.1);
-  margin: 0.5em 0;
+.talent-view-event--tool summary,
+.talent-view-event details > summary {
+  cursor: pointer;
+  font-weight: 600;
 }
 
-.conversation-message.agent.thinking {
-  display: flex;
-  align-items: center;
-  gap: 0.5em;
-  color: #999;
-  font-size: 0.9em;
-  background: #f5f0eb;
+.talent-view-event--error {
+  color: #b42318;
 }
 
-.conversation-message.error {
-  align-self: flex-start;
-  background: rgba(217, 119, 6, 0.06);
-  color: #1f2937;
-  border-left: 4px solid #d97706;
-  border-bottom-left-radius: 4px;
-  font-weight: 500;
-}
+@media (max-width: 768px) {
+  .app-bar {
+    padding: 10px;
+    gap: 10px;
+  }
 
-.conversation-message.error::before {
-  content: '\26A0\FE0F  ';
-  color: #d97706;
+  .chat-bar-form {
+    min-width: 0;
+    width: 100%;
+  }
+
+  .talent-view-modal {
+    padding: 12px;
+  }
 }
 
 /* Error log display */
@@ -2406,36 +2207,6 @@ button.close {
   cursor: pointer;
 }
 
-/* Visually-hidden expand/collapse button - focusable but invisible */
-.chat-bar-expand {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
-  background: none;
-  font: inherit;
-  color: inherit;
-}
-
-.chat-bar-expand:focus-visible {
-  position: static;
-  width: auto;
-  height: auto;
-  margin: 0;
-  overflow: visible;
-  clip: auto;
-  white-space: normal;
-  font-size: 14px;
-  padding: 4px 8px;
-  border-radius: 4px;
-  background: rgba(0, 0, 0, 0.05);
-}
-
 /* ========================================
  * Reduced Motion
  * Respects prefers-reduced-motion user preference
@@ -2453,9 +2224,8 @@ button.close {
     animation-iteration-count: 1 !important;
   }
 
-  .chat-bar-thinking-dot {
+  .chat-bar-talent[data-status="active"] .chat-bar-talent-dot {
     animation: none;
-    opacity: 1;
   }
 
   .status-indicator--connecting {
@@ -2494,10 +2264,6 @@ button.close {
     transform: none;
   }
 
-  .chat-bar-send.visible:active {
-    transform: none;
-  }
-
   .mp-day:active:not(.mp-other):not(.mp-empty) {
     transform: none;
   }
@@ -2522,7 +2288,6 @@ button.close {
 #hamburger:focus-visible,
 .facet-bar .status-icon:focus-visible,
 .chat-bar-send:focus-visible,
-.chat-bar-dismiss:focus-visible,
 .date-nav-arrow:focus-visible,
 .facet-create-submit:focus-visible,
 .facet-create-cancel:focus-visible,
diff --git a/convey/static/websocket.js b/convey/static/websocket.js
index c17710b01..6aae4fa18 100644
--- a/convey/static/websocket.js
+++ b/convey/static/websocket.js
@@ -214,7 +214,6 @@
 
   // Built-in tract: navigate browser to a path and/or switch facet
   listeners['navigate'] = [function(msg) {
-    if (window._closeConversationPanel) window._closeConversationPanel();
     if (msg.facet && !msg.path) {
       window.selectFacet && window.selectFacet(msg.facet);
     } else if (msg.path) {
diff --git a/convey/templates/app.html b/convey/templates/app.html
index 15076a7b5..b6036604e 100644
--- a/convey/templates/app.html
+++ b/convey/templates/app.html
@@ -34,7 +34,7 @@
   {% endif %}
 </head>
 {% set body_classes = [] %}
-{% set _ = body_classes.append('has-app-bar') %}
+{% if app_registry.apps[app].app_bar %}{% set _ = body_classes.append('has-app-bar') %}{% endif %}
 {% if app_registry.apps[app].date_nav_enabled() and day %}{% set _ = body_classes.append('has-date-nav') %}{% endif %}
 <body{% if body_classes %} class="{{ body_classes|join(' ') }}"{% endif %}>
 <script>
@@ -72,8 +72,22 @@
 <!-- Notification Center -->
 <div class="notification-center" id="notification-center" role="log" aria-live="polite" aria-label="notifications"></div>
 
-<!-- Conversation Panel (universal chrome) -->
-{% include "conversation_panel.html" %}
+<div id="talentViewModal" class="talent-view-modal" role="dialog" aria-modal="true" aria-hidden="true" aria-labelledby="talentViewTitle" hidden>
+  <div class="talent-view-backdrop" data-action="close"></div>
+  <div class="talent-view-panel">
+    <header class="talent-view-header">
+      <h2 id="talentViewTitle" class="talent-view-title"></h2>
+      <span id="talentViewStatus" class="talent-view-status" data-status=""></span>
+      <button type="button" class="talent-view-close" data-action="close" aria-label="close">&times;</button>
+    </header>
+    <div id="talentViewTimeline" class="talent-view-timeline" role="region" aria-label="talent timeline"></div>
+  </div>
+</div>
+
+<!-- Universal Chat Bar -->
+{% if app_registry.apps[app].app_bar %}
+  {% include "chat_bar.html" %}
+{% endif %}
 
 <!-- Main Content -->
 <main id="main-content" class="workspace">
@@ -87,694 +101,547 @@
 
 <script>
 (function() {
-  // --- Conversation Panel ---
-  // The chat bar expands into a focus-mode conversation panel.
-  // Multi-turn messages displayed in scrollable area, localStorage persistence,
-  // inline-vs-panel decision, backdrop blur with aruco marker exclusion.
-
+  const APP_NAME = {{ app|tojson|safe }};
   const appBar = document.getElementById('appBar');
-  function sanitizeAgentHtml(html) {
-    const doc = new DOMParser().parseFromString(html, 'text/html');
-    const allowedTags = new Set([
-      'p', 'strong', 'em', 'code', 'pre', 'ul', 'ol', 'li', 'a',
-      'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'blockquote', 'br', 'hr'
-    ]);
-    const allowedAttributes = {
-      a: new Set(['href'])
-    };
-
-    Array.from(doc.body.querySelectorAll('*')).forEach(function(el) {
-      const tagName = el.tagName.toLowerCase();
-      if (!allowedTags.has(tagName)) {
-        el.replaceWith(doc.createTextNode(el.textContent || ''));
-        return;
-      }
-
-      Array.from(el.attributes).forEach(function(attr) {
-        if (!allowedAttributes[tagName] || !allowedAttributes[tagName].has(attr.name)) {
-          el.removeAttribute(attr.name);
-        }
-      });
-
-      if (tagName === 'a') {
-        const href = el.getAttribute('href');
-        if (!href || !/^(https?:\/\/|mailto:)/.test(href)) {
-          el.removeAttribute('href');
-        }
-        el.setAttribute('target', '_blank');
-        el.setAttribute('rel', 'noopener noreferrer');
-      }
-    });
+  const statusWrap = document.getElementById('chatBarStatus');
+  const statusText = document.getElementById('chatBarStatusText');
+  const talentsTray = document.getElementById('chatBarTalents');
+  const form = document.getElementById('chatBarForm');
+  const input = document.getElementById('chatBarInput');
+  const sendBtn = document.getElementById('chatBarSend');
+  const modal = document.getElementById('talentViewModal');
+  const modalPanel = modal ? modal.querySelector('.talent-view-panel') : null;
+  const modalTitle = document.getElementById('talentViewTitle');
+  const modalStatus = document.getElementById('talentViewStatus');
+  const modalTimeline = document.getElementById('talentViewTimeline');
+  const talentState = new Map();
+  const LEGACY_KEYS = ['solstone:' + 'conversationState', 'solstone:' + 'chatBarState'];
+  let trayPage = 0;
+  let pendingSend = false;
+  let modalUseId = null;
+  let modalPollTimer = null;
+  let modalChatCleanup = null;
+  let modalTrigger = null;
+
+  function escapeHtml(value) {
+    return String(value || '')
+      .replace(/&/g, '&amp;')
+      .replace(/</g, '&lt;')
+      .replace(/>/g, '&gt;')
+      .replace(/"/g, '&quot;')
+      .replace(/'/g, '&#39;');
+  }
 
-    return doc.body.innerHTML;
+  function formatEventTime(ts) {
+    if (typeof ts !== 'number') return '';
+    try {
+      return new Date(ts).toLocaleTimeString([], { hour: 'numeric', minute: '2-digit' });
+    } catch (_err) {
+      return '';
+    }
   }
 
-  function renderAgentContent(content) {
-    if (typeof marked !== 'undefined') {
-      return sanitizeAgentHtml(marked.parse(content, { breaks: true, gfm: true }));
+  function describeValue(value) {
+    if (value == null) return '';
+    if (typeof value === 'string') return value;
+    try {
+      return JSON.stringify(value, null, 2);
+    } catch (_err) {
+      return String(value);
     }
-    return sanitizeAgentHtml('<p>' + content.replace(/\n/g, '<br>') + '</p>');
   }
 
-  const backdrop = document.getElementById('conversationBackdrop');
-  const msgArea = document.getElementById('conversationMessages');
-  const responsePanel = document.getElementById('chatBarResponsePanel');
-  const thinking = document.getElementById('chatBarThinking');
-  const inlineResp = document.getElementById('chatBarResponse');
-  const dismissBtn = document.getElementById('chatBarDismiss');
-  const input = document.getElementById('chatMessageInput');
-  const form = document.getElementById('chatInputForm');
-  const sendBtn = document.getElementById('chatBarSend');
-  const expandBtn = document.getElementById('chatExpandBtn');
-  const STORE_KEY = 'solstone:conversationState';
+  function clipTitle(text) {
+    var value = String(text || '').trim();
+    if (!value) return '';
+    return value.length > 120 ? value.slice(0, 117) + '...' : value;
+  }
 
-  if (!input || !form) return;
+  function resizeComposer() {
+    if (!input) return;
+    input.style.height = 'auto';
+    input.style.height = Math.min(120, input.scrollHeight) + 'px';
+  }
 
-  // Clean up old storage key
-  try { localStorage.removeItem('solstone:chatBarState'); } catch {}
+  function setStatus(text, title) {
+    if (!statusText || !statusWrap) return;
+    var label = String(text || '').trim();
+    var tooltip = String(title || label).trim();
+    statusText.textContent = label;
+    statusText.title = tooltip;
+    statusWrap.title = tooltip;
+  }
 
-  let panelOpen = false;
-  let messages = [];
-  let savedScrollTop = 0;
-  let pendingMessage = null;
-  let previouslyFocusedElement = null;
-  let panelFocusTrapHandler = null;
+  function setPendingState(active) {
+    pendingSend = !!active;
+    if (input) input.disabled = pendingSend;
+    if (sendBtn) sendBtn.disabled = pendingSend;
+  }
 
-  // --- State persistence ---
-  function save() {
-    try {
-      localStorage.setItem(STORE_KEY, JSON.stringify({
-        messages: messages,
-        scrollTop: msgArea ? msgArea.scrollTop : 0,
-        inputText: input.value,
-        inputSelection: [input.selectionStart, input.selectionEnd],
-        pendingMessage: pendingMessage
-      }));
-    } catch {}
+  function getTalentEntries() {
+    return Array.from(talentState.values()).sort(function(a, b) {
+      var aActive = a.status === 'active' ? 1 : 0;
+      var bActive = b.status === 'active' ? 1 : 0;
+      if (aActive !== bActive) return bActive - aActive;
+      return (b.updatedAt || 0) - (a.updatedAt || 0);
+    });
   }
 
-  function load() {
-    try {
-      const s = JSON.parse(localStorage.getItem(STORE_KEY));
-      if (s && Array.isArray(s.messages)) {
-        messages = s.messages;
-        savedScrollTop = s.scrollTop || 0;
-        return s;
-      }
-    } catch {}
-    return null;
+  function upsertTalent(entry) {
+    if (!entry || !entry.useId) return;
+    var current = talentState.get(entry.useId) || {};
+    talentState.set(entry.useId, {
+      useId: entry.useId,
+      name: entry.name || current.name || '',
+      task: entry.task || current.task || '',
+      status: entry.status || current.status || 'active',
+      updatedAt: entry.updatedAt || Date.now()
+    });
+    renderTalentTray();
   }
 
-  function clearConversation() {
-    messages = [];
-    savedScrollTop = 0;
-    pendingMessage = null;
-    try { localStorage.removeItem(STORE_KEY); } catch {}
-    if (msgArea) msgArea.innerHTML = '';
+  function renderTalentChip(entry) {
+    var button = document.createElement('button');
+    var label = clipTitle(entry.task || entry.name || entry.useId);
+    button.type = 'button';
+    button.className = 'chat-bar-talent';
+    button.dataset.useId = entry.useId;
+    button.dataset.status = entry.status;
+    button.title = label;
+    button.setAttribute('aria-label', 'talent: ' + (label || entry.useId) + '; status: ' + entry.status);
+    button.innerHTML = '<span class="chat-bar-talent-dot" aria-hidden="true"></span>';
+    button.addEventListener('click', function() {
+      window.openTalentView(entry.useId, { live: entry.status === 'active' });
+    });
+    return button;
   }
 
-  // --- Render messages in panel ---
-  function renderMessages() {
-    if (!msgArea) return;
-    msgArea.innerHTML = '';
-    var lastIdx = messages.length - 1;
-    for (var i = 0; i <= lastIdx; i++) {
-      var m = messages[i];
-      const d = document.createElement('div');
-      d.className = 'conversation-message ' + m.role;
-      if (m.role === 'error' && i === lastIdx) d.setAttribute('role', 'alert');
-      if (m.role === 'agent') {
-        d.innerHTML = renderAgentContent(m.content);
-      } else {
-        d.textContent = m.content;
-      }
-      msgArea.appendChild(d);
+  function renderTalentTray() {
+    if (!talentsTray) return;
+    talentsTray.innerHTML = '';
+    var entries = getTalentEntries();
+    if (!entries.length) {
+      talentsTray.hidden = true;
+      trayPage = 0;
+      return;
+    }
+
+    talentsTray.hidden = false;
+    var pageSize = entries.length > 8 ? 7 : 8;
+    var pageCount = entries.length > 8 ? Math.ceil(entries.length / pageSize) : 1;
+    if (trayPage >= pageCount) trayPage = 0;
+
+    var start = trayPage * pageSize;
+    var visible = entries.slice(start, start + pageSize);
+    visible.forEach(function(entry) {
+      talentsTray.appendChild(renderTalentChip(entry));
+    });
+
+    if (entries.length > 8) {
+      var hiddenCount = entries.length - visible.length;
+      var overflow = document.createElement('button');
+      overflow.type = 'button';
+      overflow.className = 'chat-bar-talent chat-bar-talent--overflow';
+      overflow.textContent = '+' + hiddenCount;
+      overflow.setAttribute('aria-label', 'show more talents');
+      overflow.addEventListener('click', function() {
+        trayPage = (trayPage + 1) % pageCount;
+        renderTalentTray();
+      });
+      talentsTray.appendChild(overflow);
     }
   }
 
-  // --- Panel open/close ---
-  function openPanel() {
-    if (panelOpen) return;
-    previouslyFocusedElement = document.activeElement;
-    panelOpen = true;
-    if (expandBtn) expandBtn.setAttribute('aria-label', 'collapse conversation');
-    if (expandBtn) expandBtn.setAttribute('aria-expanded', 'true');
-    appBar.classList.remove('app-bar--dismissing');
-    appBar.classList.add('app-bar--focused');
-    appBar.setAttribute('role', 'dialog');
-    appBar.setAttribute('aria-modal', 'true');
-    backdrop.classList.add('visible');
-    renderMessages();
-    document.querySelector('.facet-bar')?.setAttribute('aria-hidden', 'true');
-    document.querySelector('.menu-bar')?.setAttribute('aria-hidden', 'true');
-    document.getElementById('main-content')?.setAttribute('aria-hidden', 'true');
-    responsePanel.style.display = 'none';
-    input.focus();
-    panelFocusTrapHandler = function(e) {
-      if (e.key !== 'Tab') return;
-      var focusable = Array.from(
-        appBar.querySelectorAll('button, textarea, [tabindex="0"]')
-      ).filter(function(el) { return el.offsetParent !== null && el.tabIndex >= 0 && !el.disabled; });
-      if (focusable.length === 0) return;
-      var first = focusable[0];
-      var last = focusable[focusable.length - 1];
-      if (e.shiftKey && document.activeElement === first) {
-        e.preventDefault();
-        last.focus();
-      } else if (!e.shiftKey && document.activeElement === last) {
-        e.preventDefault();
-        first.focus();
-      }
-    };
-    document.addEventListener('keydown', panelFocusTrapHandler);
-    requestAnimationFrame(() => {
-      if (!msgArea) return;
-      if (savedScrollTop > 0) {
-        msgArea.scrollTop = savedScrollTop;
-        savedScrollTop = 0;
-      } else {
-        msgArea.scrollTop = msgArea.scrollHeight;
-      }
+  function stopTalentLiveUpdates() {
+    if (modalPollTimer) {
+      window.clearTimeout(modalPollTimer);
+      modalPollTimer = null;
+    }
+    if (modalChatCleanup) {
+      modalChatCleanup();
+      modalChatCleanup = null;
+    }
+  }
+
+  function getModalFocusables() {
+    if (!modalPanel) return [];
+    return Array.from(
+      modalPanel.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')
+    ).filter(function(element) {
+      return !element.disabled && !element.hidden && element.offsetParent !== null;
     });
   }
 
-  function closePanel() {
-    if (!panelOpen) return;
-    panelOpen = false;
-    if (expandBtn) expandBtn.setAttribute('aria-label', 'expand conversation');
-    if (expandBtn) expandBtn.setAttribute('aria-expanded', 'false');
-    save();
-    appBar.classList.add('app-bar--dismissing');
-    backdrop.classList.remove('visible');
-    document.querySelector('.facet-bar')?.removeAttribute('aria-hidden');
-    document.querySelector('.menu-bar')?.removeAttribute('aria-hidden');
-    document.getElementById('main-content')?.removeAttribute('aria-hidden');
-    if (panelFocusTrapHandler) {
-      document.removeEventListener('keydown', panelFocusTrapHandler);
-      panelFocusTrapHandler = null;
+  function handleModalKeys(event) {
+    if (!modal || modal.hidden) return;
+    if (event.key === 'Escape') {
+      event.preventDefault();
+      hideTalentView();
+      return;
     }
-    if (previouslyFocusedElement && previouslyFocusedElement.isConnected) {
-      previouslyFocusedElement.focus();
-    } else {
-      input.focus();
+    if (event.key !== 'Tab') return;
+
+    var focusables = getModalFocusables();
+    if (!focusables.length) return;
+    var first = focusables[0];
+    var last = focusables[focusables.length - 1];
+
+    if (event.shiftKey && document.activeElement === first) {
+      event.preventDefault();
+      last.focus();
+    } else if (!event.shiftKey && document.activeElement === last) {
+      event.preventDefault();
+      first.focus();
     }
-    previouslyFocusedElement = null;
+  }
 
-    function onDone() {
-      appBar.classList.remove('app-bar--focused', 'app-bar--dismissing');
-      appBar.setAttribute('role', 'region');
-      appBar.removeAttribute('aria-modal');
-      responsePanel.style.display = '';
+  function hideTalentView() {
+    if (!modal) return;
+    stopTalentLiveUpdates();
+    modal.hidden = true;
+    modal.setAttribute('aria-hidden', 'true');
+    modalUseId = null;
+    document.removeEventListener('keydown', handleModalKeys);
+    if (modalTrigger && typeof modalTrigger.focus === 'function') {
+      modalTrigger.focus();
     }
-    appBar.addEventListener('animationend', onDone, { once: true });
-    setTimeout(onDone, 260); // fallback
+    modalTrigger = null;
   }
 
-  // Expose for websocket navigate handler
-  window._closeConversationPanel = closePanel;
+  function showTalentView() {
+    if (!modal) return;
+    modal.hidden = false;
+    modal.setAttribute('aria-hidden', 'false');
+    document.removeEventListener('keydown', handleModalKeys);
+    document.addEventListener('keydown', handleModalKeys);
+    var closeButton = modal.querySelector('.talent-view-close');
+    if (closeButton) closeButton.focus();
+  }
 
-  // --- Public conversation API ---
-  // Generic API for any app to open the conversation panel with a pre-filled prompt.
-  window.openConversation = function(options) {
-    options = options || {};
-    if (options.prompt) {
-      input.value = options.prompt;
-      input.dispatchEvent(new Event('input'));
-    }
-    if (options.autoSend) {
-      form.requestSubmit();
-    } else {
-      input.focus();
-      input.setSelectionRange(input.value.length, input.value.length);
-      if (options.prompt && options.prompt.length > 40) {
-        openPanel();
-      }
-    }
-  };
+  function createTimelineCard(label, ts, className) {
+    var card = document.createElement('article');
+    card.className = 'talent-view-event' + (className ? ' ' + className : '');
 
-  // Save state before navigation
-  window.addEventListener('pagehide', save);
-
-  // --- Backdrop click = dismiss ---
-  backdrop.addEventListener('click', closePanel);
-
-  // --- Click bar to expand (not on textarea/buttons) ---
-  appBar.addEventListener('click', function(e) {
-    if (panelOpen) return;
-    if (e.target.closest('textarea, button')) return;
-    openPanel();
-  });
-
-  // --- Explicit expand/collapse button ---
-  if (expandBtn) {
-    expandBtn.addEventListener('click', (e) => {
-      e.stopPropagation();
-      if (panelOpen) {
-        closePanel();
-      } else {
-        openPanel();
-      }
-    });
+    var header = document.createElement('div');
+    header.className = 'talent-view-event-header';
+
+    var title = document.createElement('span');
+    title.className = 'talent-view-event-label';
+    title.textContent = label;
+
+    var time = document.createElement('span');
+    time.className = 'talent-view-event-time';
+    time.textContent = formatEventTime(ts);
+
+    header.appendChild(title);
+    header.appendChild(time);
+    card.appendChild(header);
+    return card;
   }
 
-  // --- Escape to collapse panel ---
-  document.addEventListener('keydown', function(e) {
-    if (e.key === 'Escape' && panelOpen) {
-      closePanel();
+  function renderTalentEvent(event) {
+    var eventName = String(event.event || '').trim();
+    var card;
+    var body;
+    var details;
+    var summary;
+    var pre;
+
+    if (eventName === 'thinking') {
+      card = createTimelineCard('thinking', event.ts, 'talent-view-event--thinking');
+      body = document.createElement('div');
+      body.className = 'talent-view-thinking';
+      body.innerHTML = '<em>' + escapeHtml(event.content || '') + '</em>';
+      card.appendChild(body);
+      return card;
     }
-  });
 
-  // --- Textarea auto-resize + debounced save ---
-  let inputSaveTimer;
-  input.addEventListener('input', function() {
-    input.style.height = 'auto';
-    input.style.height = Math.min(input.scrollHeight, 120) + 'px';
-    sendBtn.classList.toggle('visible', !!input.value.trim());
-    clearTimeout(inputSaveTimer);
-    inputSaveTimer = setTimeout(save, 300);
-  });
-
-  // --- Focus on load ---
-  setTimeout(function() {
-    if (document.activeElement === document.body) input.focus();
-  }, 100);
-
-  // --- Restore from localStorage ---
-  var saved = load();
-  if (saved) {
-    // Restore input text
-    if (saved.inputText) {
-      input.value = saved.inputText;
-      input.style.height = 'auto';
-      input.style.height = Math.min(input.scrollHeight, 120) + 'px';
-      sendBtn.classList.toggle('visible', !!input.value.trim());
+    if (eventName === 'tool_start' || eventName === 'tool_end') {
+      card = createTimelineCard(eventName === 'tool_start' ? 'tool start' : 'tool result', event.ts, 'talent-view-event--tool');
+      details = document.createElement('details');
+      summary = document.createElement('summary');
+      summary.textContent = (event.tool || 'tool') + (event.call_id ? ' (' + event.call_id + ')' : '');
+      details.appendChild(summary);
+      pre = document.createElement('pre');
+      pre.className = 'talent-view-pre';
+      pre.textContent = eventName === 'tool_start' ? describeValue(event.args) : describeValue(event.result);
+      details.appendChild(pre);
+      card.appendChild(details);
+      return card;
     }
 
-    // Restore cursor position
-    if (saved.inputSelection) {
-      try { input.setSelectionRange(saved.inputSelection[0], saved.inputSelection[1]); } catch {}
+    if (eventName === 'finish') {
+      card = createTimelineCard('finished', event.ts, 'talent-view-event--finish');
+      pre = document.createElement('pre');
+      pre.className = 'talent-view-pre';
+      pre.textContent = event.summary || event.result || '';
+      card.appendChild(pre);
+      return card;
     }
 
-    // Restore glance state (last agent response inline)
-    if (messages.length > 0) {
-      var last = null;
-      for (var i = messages.length - 1; i >= 0; i--) {
-        if (messages[i].role === 'agent') { last = messages[i]; break; }
-      }
-      if (last && inlineResp) {
-        inlineResp.innerHTML = renderAgentContent(last.content);
-        inlineResp.style.display = '';
-        dismissBtn.classList.add('visible');
-        appBar.classList.add('app-bar--glance');
-      }
+    if (eventName === 'error') {
+      card = createTimelineCard('error', event.ts, 'talent-view-event--error');
+      pre = document.createElement('pre');
+      pre.className = 'talent-view-pre';
+      pre.textContent = event.error || '';
+      card.appendChild(pre);
+      return card;
     }
 
-    // Auto-recover pending request if < 5 minutes old
-    if (saved.pendingMessage && saved.pendingMessage.agentId && saved.pendingMessage.sentAt) {
-      var age = Date.now() - saved.pendingMessage.sentAt;
-      if (age < 300000) {
-        pendingMessage = saved.pendingMessage;
-        thinking.style.display = '';
-        inlineResp.style.display = 'none';
-        dismissBtn.classList.remove('visible');
-        appBar.classList.add('app-bar--glance');
-
-        (async function() {
-          var agentId = pendingMessage.agentId;
-          var recoveryCleanup = null;
-          var recoveryWatchdog = null;
-          var resolved = false;
-
-          function recoverCleanup() {
-            if (recoveryCleanup) { recoveryCleanup(); recoveryCleanup = null; }
-            if (recoveryWatchdog) { clearTimeout(recoveryWatchdog); recoveryWatchdog = null; }
-            thinking.style.display = 'none';
-            input.disabled = false;
-            input.focus();
-          }
-
-          function recoverDeliver(resp, display, errMsg) {
-            if (resolved) return;
-            resolved = true;
-            var content = errMsg || resp;
-            if (content) {
-              messages.push({ role: errMsg ? 'error' : 'agent', content: content, ts: Date.now() });
-            }
-            pendingMessage = null;
-
-            // Multi-turn conversations always use panel — after the first exchange,
-            // the conversation has enough context that panel view is more appropriate.
-            var userCount = messages.filter(function(m) { return m.role === 'user'; }).length;
-            var shouldInline = userCount === 1 && display === 'inline' && !errMsg;
-
-            if (panelOpen) {
-              renderMessages();
-              msgArea.scrollTop = msgArea.scrollHeight;
-            } else if (shouldInline) {
-              thinking.style.display = 'none';
-              if (errMsg) {
-                inlineResp.textContent = content;
-              } else {
-                inlineResp.innerHTML = renderAgentContent(content);
-              }
-              inlineResp.style.display = content ? '' : 'none';
-              dismissBtn.classList.toggle('visible', !!content);
-              if (!content) appBar.classList.remove('app-bar--glance');
-            } else {
-              thinking.style.display = 'none';
-              appBar.classList.remove('app-bar--glance');
-              openPanel();
-            }
-            save();
-            recoverCleanup();
-          }
-
-          // Subscribe to WS first, then check GET
-          if (window.appEvents) {
-            recoveryCleanup = window.appEvents.listen('cortex', function(msg) {
-              if (msg.use_id === agentId) {
-                if (recoveryWatchdog) { clearTimeout(recoveryWatchdog); recoveryWatchdog = null; }
-                recoveryWatchdog = setTimeout(function() {
-                  recoverDeliver('', 'panel', 'request timed out. the server took too long to respond. try a shorter question, or check if solstone services are running.');
-                }, 180000);
-              }
-              if (msg.use_id === agentId && msg.event === 'finish') {
-                var resp = msg.result || '';
-                recoverDeliver(resp, msg.display || 'panel', null);
-              } else if (msg.use_id === agentId && msg.event === 'error') {
-                recoverDeliver('', 'panel', 'something went wrong. the server returned an unexpected response. try sending your message again, or check the health page if it keeps happening.');
-              }
-            });
-          }
-
-          // Start watchdog for recovery
-          recoveryWatchdog = setTimeout(function() {
-            recoverDeliver('', 'panel', 'request timed out. the server took too long to respond. try a shorter question, or check if solstone services are running.');
-          }, 180000);
-
-          // Check GET immediately in case agent already finished
-          try {
-            var r = await fetch('/api/chat/result/' + agentId);
-            if (r.ok) {
-              // Agent already finished — cancel WS subscription and display
-              var data = await r.json();
-              if (data.state === 'finished') {
-                if (recoveryCleanup) { recoveryCleanup(); recoveryCleanup = null; }
-                if (recoveryWatchdog) { clearTimeout(recoveryWatchdog); recoveryWatchdog = null; }
-                recoverDeliver(data.summary || '', data.display || 'panel', null);
-              } else if (data.state === 'errored') {
-                if (recoveryCleanup) { recoveryCleanup(); recoveryCleanup = null; }
-                if (recoveryWatchdog) { clearTimeout(recoveryWatchdog); recoveryWatchdog = null; }
-                recoverDeliver('', 'panel', data.reason || 'something went wrong. the server returned an unexpected response. try sending your message again, or check the health page if it keeps happening.');
-              }
-            }
-            // If 404, agent still running — keep WS subscription active
-          } catch (err) {
-            // Network error — keep WS subscription active
-          }
-        })();
-      } else {
-        // Stale pending request — abandon
-        pendingMessage = null;
-        save();
-      }
-    }
+    card = createTimelineCard(eventName || 'event', event.ts, '');
+    body = document.createElement('div');
+    body.className = 'talent-view-info';
+    body.textContent = event.talent || event.model || event.provider || describeValue(event);
+    card.appendChild(body);
+    return card;
   }
 
-  // --- Dismiss inline response ---
-  dismissBtn.addEventListener('click', function(e) {
-    e.stopPropagation();
-    appBar.classList.remove('app-bar--glance');
-    thinking.style.display = 'none';
-    inlineResp.style.display = 'none';
-    dismissBtn.classList.remove('visible');
-  });
-
-  // --- Enter to submit, shift+enter for newline ---
-  input.addEventListener('keydown', function(e) {
-    if (e.key === 'Enter' && !e.shiftKey) {
-      e.preventDefault();
-      form.requestSubmit();
+  function renderTalentView(data) {
+    if (!modalTitle || !modalStatus || !modalTimeline) return;
+    modalTitle.textContent = data.task || 'Talent run';
+    modalTitle.title = data.task || '';
+    modalStatus.textContent = data.status || '';
+    modalStatus.dataset.status = data.status || '';
+    modalTimeline.innerHTML = '';
+
+    if (!Array.isArray(data.events) || !data.events.length) {
+      var empty = document.createElement('p');
+      empty.className = 'talent-view-empty';
+      empty.textContent = 'No events yet.';
+      modalTimeline.appendChild(empty);
+      return;
     }
-  });
-
-  function getProgressLabel(msg) {
-    if (!msg) return null;
-    if (msg.event === 'thinking') return 'reasoning\u2026';
-    if (msg.event === 'tool_start') {
-      var cmd = (msg.args && msg.args.command) || '';
-      if (!cmd && msg.args) {
-        Object.values(msg.args).some(function(value) {
-          if (typeof value === 'string') {
-            cmd = value;
-            return true;
-          }
-          return false;
-        });
-      }
 
-      if (cmd.includes('sol call journal search')) {
-        var query = extractArg(cmd, '--query');
-        if (query) return 'searching: ' + query.substring(0, 50) + '\u2026';
-        return 'searching your journal\u2026';
-      }
-      if (cmd.includes('sol call activities list')) return 'looking up activities\u2026';
-      if (cmd.includes('sol call navigate')) return 'navigating\u2026';
-      if (cmd.includes('sol call transcripts')) return 'reading transcripts\u2026';
-      if (cmd.includes('sol call entity') || cmd.includes('sol call entities')) {
-        var entityDetail = extractArg(cmd, '--query')
-          || extractArg(cmd, 'intelligence')
-          || extractArg(cmd, 'observations')
-          || extractArg(cmd, 'observe');
-        if (entityDetail) return 'looking up: ' + entityDetail.substring(0, 50) + '\u2026';
-      }
-      if (cmd.includes('sol call journal read')) {
-        var identifier = extractArg(cmd, '--id') || extractArg(cmd, '--date');
-        if (identifier) return 'reading: ' + identifier.substring(0, 50) + '\u2026';
-        return 'reading your notes\u2026';
-      }
-      if (cmd.includes('sol call journal agents')) return 'checking daily insights\u2026';
-      return 'working\u2026';
+    data.events.forEach(function(event) {
+      modalTimeline.appendChild(renderTalentEvent(event));
+    });
+  }
+
+  function renderTalentViewError(message) {
+    if (!modalTitle || !modalStatus || !modalTimeline) return;
+    modalTitle.textContent = 'Talent run';
+    modalStatus.textContent = 'errored';
+    modalStatus.dataset.status = 'errored';
+    modalTimeline.innerHTML = '';
+    var card = createTimelineCard('error', null, 'talent-view-event--error');
+    var pre = document.createElement('pre');
+    pre.className = 'talent-view-pre';
+    pre.textContent = message;
+    card.appendChild(pre);
+    modalTimeline.appendChild(card);
+  }
+
+  async function fetchTalentView(useId) {
+    var response = await fetch('/api/chat/talent-log/' + encodeURIComponent(useId));
+    if (!response.ok) {
+      var body = {};
+      try {
+        body = await response.json();
+      } catch (_err) {}
+      throw new Error(body.error || 'Unable to load talent run');
     }
-    return null;
+    return response.json();
   }
 
-  function extractArg(cmd, flag) {
-    if (!cmd || !flag) return '';
-    var singleQuoted = cmd.match(new RegExp(flag + "\\s+'([^']+)'"));
-    if (singleQuoted && singleQuoted[1]) return singleQuoted[1];
-    var doubleQuoted = cmd.match(new RegExp(flag + '\\s+"([^"]+)"'));
-    if (doubleQuoted && doubleQuoted[1]) return doubleQuoted[1];
-    var unquoted = cmd.match(new RegExp(flag + '\\s+(\\S+)'));
-    if (unquoted && unquoted[1]) return unquoted[1];
-    return '';
+  function scheduleTalentPoll(useId) {
+    if (modalUseId !== useId) return;
+    modalPollTimer = window.setTimeout(function() {
+      modalPollTimer = null;
+      refreshTalentView(useId);
+    }, 2000);
   }
 
-  var announceTimer = null;
-
-  function updateThinkingLabel(text) {
-    var barEl = document.getElementById('chatBarThinking');
-    var panelEl = document.getElementById('panelThinking');
-    [barEl, panelEl].forEach(function(el) {
-      if (!el) return;
-      var visual = el.querySelector('[aria-hidden="true"]');
-      var announce = el.querySelector('.thinking-announce');
-      if (!visual) {
-        visual = document.createElement('span');
-        visual.setAttribute('aria-hidden', 'true');
-        el.innerHTML = '';
-        el.appendChild(visual);
-      }
-      if (!announce) {
-        announce = document.createElement('span');
-        announce.className = 'visually-hidden thinking-announce';
-        el.appendChild(announce);
+  function attachTalentViewChat(useId) {
+    if (modalChatCleanup || !window.appEvents) return;
+    modalChatCleanup = window.appEvents.listen('chat', function(msg) {
+      if (String(msg.use_id || '') !== useId) return;
+      var eventName = String(msg.event || msg.kind || '');
+      if (eventName === 'talent_finished' || eventName === 'talent_errored') {
+        refreshTalentView(useId);
       }
-      visual.style.opacity = '0';
-      visual.innerHTML = '<span class="chat-bar-thinking-dot"></span> ' + text;
-      requestAnimationFrame(function() { visual.style.opacity = '1'; });
     });
-    if (announceTimer) clearTimeout(announceTimer);
-    announceTimer = setTimeout(function() {
-      var delayedBarEl = document.getElementById('chatBarThinking');
-      var delayedPanelEl = document.getElementById('panelThinking');
-      [delayedBarEl, delayedPanelEl].forEach(function(el) {
-        if (!el) return;
-        var announce = el.querySelector('.thinking-announce');
-        if (announce) announce.textContent = text;
-      });
-    }, 500);
   }
 
-  // --- Form submit ---
-  form.onsubmit = async function(e) {
-    e.preventDefault();
-    var text = input.value.trim();
-    if (!text) return;
-
-    messages.push({ role: 'user', content: text, ts: Date.now() });
-
-    // Clear input
-    input.value = '';
-    input.style.height = '';
-    sendBtn.classList.remove('visible');
-    input.disabled = true;
-    save();
-
-    if (panelOpen) {
-      // Show user message + thinking indicator in panel
-      renderMessages();
-      var td = document.createElement('div');
-      td.className = 'conversation-message agent thinking';
-      td.id = 'panelThinking';
-      td.setAttribute('aria-live', 'assertive');
-      td.innerHTML = '<span aria-hidden="true"><span class="chat-bar-thinking-dot"></span> thinking\u2026</span><span class="visually-hidden thinking-announce">thinking\u2026</span>';
-      msgArea.appendChild(td);
-      msgArea.scrollTop = msgArea.scrollHeight;
-    } else {
-      // Show thinking in inline response area
-      thinking.style.display = '';
-      inlineResp.style.display = 'none';
-      dismissBtn.classList.remove('visible');
-      appBar.classList.add('app-bar--glance');
+  async function refreshTalentView(useId) {
+    if (!useId || modalUseId !== useId) return;
+    try {
+      var data = await fetchTalentView(useId);
+      if (modalUseId !== useId) return;
+      renderTalentView(data);
+      if (data.status === 'running') {
+        stopTalentLiveUpdates();
+        attachTalentViewChat(useId);
+        scheduleTalentPoll(useId);
+      } else {
+        stopTalentLiveUpdates();
+      }
+    } catch (err) {
+      stopTalentLiveUpdates();
+      renderTalentViewError(err && err.message ? err.message : 'Unable to load talent run');
     }
+  }
 
-    var cleanupCortex = null;
-    var timerInterval = null;
-    var timerTimeout = null;
-    var watchdogTimer = null;
-    var thinkingStarted = Date.now();
-
-    function cleanup() {
-      if (cleanupCortex) { cleanupCortex(); cleanupCortex = null; }
-      if (timerInterval) { clearInterval(timerInterval); timerInterval = null; }
-      if (timerTimeout) { clearTimeout(timerTimeout); timerTimeout = null; }
-      if (watchdogTimer) { clearTimeout(watchdogTimer); watchdogTimer = null; }
-      if (announceTimer) { clearTimeout(announceTimer); announceTimer = null; }
-      var pt = document.getElementById('panelThinking');
-      if (pt) pt.remove();
-      thinking.style.display = 'none';
-      input.disabled = false;
-      input.focus();
+  window.openTalentView = function(useId, _opts) {
+    if (!modal || !useId) return;
+    modalTrigger = document.activeElement;
+    modalUseId = String(useId);
+    stopTalentLiveUpdates();
+    modalStatus.textContent = '';
+    modalStatus.dataset.status = '';
+    modalTitle.textContent = 'Loading...';
+    modalTimeline.innerHTML = '';
+    showTalentView();
+    refreshTalentView(modalUseId);
+  };
+
+  window.openConversation = function(text) {
+    if (!input) return;
+    if (typeof text === 'string' && text) {
+      input.value = text;
+      resizeComposer();
     }
+    input.focus();
+    input.selectionStart = input.selectionEnd = input.value.length;
+  };
 
-    function deliverResult(resp, display, errMsg) {
-      var content = errMsg || resp;
-      if (content) {
-        messages.push({ role: errMsg ? 'error' : 'agent', content: content, ts: Date.now() });
+  function handleChatEvent(msg) {
+    var eventName = String(msg.event || msg.kind || '');
+    if (eventName === 'owner_message') {
+      setPendingState(false);
+      return;
+    }
+    if (eventName === 'sol_message') {
+      setStatus(msg.text || '', msg.notes || msg.text || '');
+      return;
+    }
+    if (eventName === 'talent_spawned') {
+      upsertTalent({
+        useId: String(msg.use_id || ''),
+        name: msg.name || '',
+        task: msg.task || '',
+        status: 'active',
+        updatedAt: msg.started_at || msg.ts || Date.now()
+      });
+      return;
+    }
+    if (eventName === 'talent_finished') {
+      upsertTalent({
+        useId: String(msg.use_id || ''),
+        name: msg.name || '',
+        status: 'completed',
+        updatedAt: msg.ts || Date.now()
+      });
+      if (modalUseId && modalUseId === String(msg.use_id || '')) {
+        refreshTalentView(modalUseId);
       }
-      pendingMessage = null;
-
-      // Multi-turn conversations always use panel — after the first exchange,
-      // the conversation has enough context that panel view is more appropriate.
-      var userCount = messages.filter(function(m) { return m.role === 'user'; }).length;
-      var shouldInline = userCount === 1 && display === 'inline' && !errMsg;
-
-      if (panelOpen) {
-        renderMessages();
-        msgArea.scrollTop = msgArea.scrollHeight;
-      } else if (shouldInline) {
-        if (errMsg) {
-          inlineResp.textContent = content;
-        } else {
-          inlineResp.innerHTML = renderAgentContent(content);
-        }
-        inlineResp.style.display = content ? '' : 'none';
-        dismissBtn.classList.toggle('visible', !!content);
-        if (!content) appBar.classList.remove('app-bar--glance');
-      } else {
-        appBar.classList.remove('app-bar--glance');
-        openPanel();
+      return;
+    }
+    if (eventName === 'talent_errored') {
+      upsertTalent({
+        useId: String(msg.use_id || ''),
+        name: msg.name || '',
+        status: 'errored',
+        updatedAt: msg.ts || Date.now()
+      });
+      if (modalUseId && modalUseId === String(msg.use_id || '')) {
+        refreshTalentView(modalUseId);
       }
-      save();
-      cleanup();
+      return;
     }
+    if (eventName === 'chat_error') {
+      setStatus('chat had trouble — try again', 'chat had trouble — try again');
+    }
+  }
 
-    function startWatchdog(agentId) {
-      if (watchdogTimer) clearTimeout(watchdogTimer);
-      watchdogTimer = setTimeout(function() {
-        deliverResult('', 'panel', 'request timed out. the server took too long to respond. try a shorter question, or check if solstone services are running.');
-      }, 180000);
+  async function hydrateChatBar() {
+    if (!appBar) return;
+    try {
+      var response = await fetch('/api/chat/session');
+      if (!response.ok) throw new Error('session');
+      var data = await response.json();
+      if (data.latest_sol_message) {
+        setStatus(
+          data.latest_sol_message.text || '',
+          data.latest_sol_message.notes || data.latest_sol_message.text || ''
+        );
+      }
+      (data.active_talents || []).forEach(function(talent) {
+        upsertTalent({
+          useId: String(talent.use_id || ''),
+          name: talent.name || '',
+          task: talent.task || '',
+          status: 'active',
+          updatedAt: talent.started_at || Date.now()
+        });
+      });
+    } catch (_err) {
+      setStatus('', '');
     }
+  }
+
+  async function handleSubmit(event) {
+    event.preventDefault();
+    if (!input || !sendBtn || pendingSend) return;
+    var message = input.value.trim();
+    if (!message) return;
 
+    setPendingState(true);
     try {
-      var r = await fetch('/api/chat', {
+      var response = await fetch('/api/chat', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({
-          message: text,
-          app: '{{ app }}',
+          message: message,
+          app: APP_NAME,
           path: window.location.pathname,
           facet: window.selectedFacet || null
         })
       });
+      if (!response.ok) throw new Error('request failed');
+      input.value = '';
+      resizeComposer();
+    } catch (_err) {
+      setStatus('chat had trouble — try again', 'chat had trouble — try again');
+    } finally {
+      setPendingState(false);
+      input.focus();
+    }
+  }
 
-      if (!r.ok) {
-        deliverResult('', 'panel', 'something went wrong. the server returned an unexpected response. try sending your message again, or check the health page if it keeps happening.');
-        return;
-      }
+  function initChatChrome() {
+    try {
+      LEGACY_KEYS.forEach(function(key) { localStorage.removeItem(key); });
+    } catch (_err) {}
 
-      var data = await r.json();
-      var agentId = data.use_id;
-      if (!agentId) {
-        deliverResult('', 'panel', 'something went wrong. the server returned an unexpected response. try sending your message again, or check the health page if it keeps happening.');
-        return;
-      }
+    if (modal) {
+      modal.addEventListener('click', function(event) {
+        if (event.target.closest('[data-action="close"]')) {
+          hideTalentView();
+        }
+      });
+    }
 
-      pendingMessage = { text: text, sentAt: Date.now(), agentId: agentId };
-      save();
-
-      // Start elapsed timer
-      timerTimeout = setTimeout(function() {
-        timerInterval = setInterval(function() {
-          var elapsed = Math.round((Date.now() - thinkingStarted) / 1000);
-          var suffix = ' <span class="thinking-elapsed" aria-hidden="true">' + elapsed + 's</span>';
-          var barEl = document.getElementById('chatBarThinking');
-          var panelEl = document.getElementById('panelThinking');
-          [barEl, panelEl].forEach(function(el) {
-            if (!el) return;
-            var visual = el.querySelector('[aria-hidden="true"]');
-            if (!visual) visual = el;
-            var existing = visual.querySelector('.thinking-elapsed');
-            if (existing) {
-              existing.textContent = elapsed + 's';
-            } else {
-              visual.insertAdjacentHTML('beforeend', suffix);
-              requestAnimationFrame(function() {
-                var el = visual.querySelector('.thinking-elapsed');
-                if (el) el.style.opacity = '0.6';
-              });
-            }
-          });
-        }, 1000);
-      }, 5000);
-
-      // Start inactivity watchdog
-      startWatchdog(agentId);
-
-      // Subscribe to cortex events for this agent
-      if (window.appEvents) {
-        cleanupCortex = window.appEvents.listen('cortex', function(msg) {
-          // Reset inactivity watchdog and update thinking label for our agent
-          if (msg.use_id === agentId) {
-            var label = getProgressLabel(msg);
-            if (label) updateThinkingLabel(label);
-            startWatchdog(agentId);
-          }
-
-          // Handle finish/error for our agent
-          if (msg.use_id === agentId && msg.event === 'finish') {
-            var resp = msg.result || '';
-            deliverResult(resp, msg.display || 'panel', null);
-          } else if (msg.use_id === agentId && msg.event === 'error') {
-            deliverResult('', 'panel', 'something went wrong. the server returned an unexpected response. try sending your message again, or check the health page if it keeps happening.');
-          }
-        });
-      }
-    } catch (err) {
-      deliverResult('', 'panel', 'connection lost. couldn\'t reach the server. try sending your message again, or check if solstone services are running.');
+    if (input) {
+      resizeComposer();
+      input.addEventListener('input', resizeComposer);
     }
-  };
+
+    if (form) {
+      form.addEventListener('submit', handleSubmit);
+    }
+
+    if (window.appEvents) {
+      window.appEvents.listen('chat', handleChatEvent);
+    }
+
+    hydrateChatBar();
+  }
+
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', initChatChrome);
+  } else {
+    initChatChrome();
+  }
 })();
 </script>
 
diff --git a/convey/templates/chat_bar.html b/convey/templates/chat_bar.html
new file mode 100644
index 000000000..d309345bc
--- /dev/null
+++ b/convey/templates/chat_bar.html
@@ -0,0 +1,16 @@
+<div id="appBar" class="app-bar" role="region" aria-label="chat">
+  <div id="chatBarStatus" class="chat-bar-status" aria-live="polite">
+    <span id="chatBarStatusText"></span>
+  </div>
+  <div id="chatBarTalents" class="chat-bar-talents" aria-label="active talents"></div>
+  <form id="chatBarForm" class="chat-bar-form">
+    <textarea
+      id="chatBarInput"
+      class="chat-bar-input"
+      rows="1"
+      placeholder="{{ chat_bar_placeholder }}"
+      aria-label="chat input"
+    ></textarea>
+    <button id="chatBarSend" type="submit" class="chat-bar-send" aria-label="send">Send</button>
+  </form>
+</div>
diff --git a/convey/templates/conversation_panel.html b/convey/templates/conversation_panel.html
deleted file mode 100644
index 53386db1f..000000000
--- a/convey/templates/conversation_panel.html
+++ /dev/null
@@ -1,32 +0,0 @@
-<!-- Conversation Backdrop (focus mode — blurs convey content behind panel) -->
-<div class="conversation-backdrop" id="conversationBackdrop"></div>
-
-<!-- Chat Bar / Conversation Panel -->
-<div class="app-bar" id="appBar" role="region" aria-label="conversation">
-  <!-- Conversation messages (visible in panel mode) -->
-  <div class="conversation-messages" id="conversationMessages" aria-live="polite" tabindex="0"></div>
-
-  <!-- Inline response (visible in bar mode) -->
-  <div class="chat-bar-response-panel" id="chatBarResponsePanel">
-    <div class="chat-bar-thinking" id="chatBarThinking" style="display: none;" aria-live="assertive">
-      <span aria-hidden="true"><span class="chat-bar-thinking-dot"></span> thinking&hellip;</span>
-      <span class="visually-hidden thinking-announce">thinking&hellip;</span>
-    </div>
-    <div class="chat-bar-response" id="chatBarResponse" style="display: none;"></div>
-    <button class="chat-bar-dismiss" id="chatBarDismiss" title="dismiss" aria-label="close conversation">&times;</button>
-    <div class="chat-bar-separator"></div>
-  </div>
-
-  <!-- Separator between messages and input (panel mode) -->
-  <div class="conversation-separator"></div>
-
-  <!-- Input row -->
-  <div class="chat-bar-input-row">
-    <button id="chatExpandBtn" class="chat-bar-expand" aria-label="expand conversation" aria-expanded="false">⤢</button>
-    <form id="chatInputForm" style="display: contents;">
-      <textarea id="chatMessageInput" class="chat-bar-input" aria-label="message your solstone" rows="1"
-        placeholder="{{ chat_bar_placeholder|default('send a message...') }}"></textarea>
-      <button type="submit" class="chat-bar-send" id="chatBarSend" title="send" aria-label="send message"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="12" y1="19" x2="12" y2="5"/><polyline points="5 12 12 5 19 12"/></svg></button>
-    </form>
-  </div>
-</div>
diff --git a/tests/test_no_legacy_chat_imports.py b/tests/test_no_legacy_chat_imports.py
index 923a2f194..3784c7f29 100644
--- a/tests/test_no_legacy_chat_imports.py
+++ b/tests/test_no_legacy_chat_imports.py
@@ -11,6 +11,23 @@ ALLOWED_UNIFIED_PATHS = {
     ROOT / "apps/sol/maint/006_rename_unified_triage_providers.py",
     ROOT / "tests/test_maint_006_rename_unified_triage_providers.py",
 }
+FORBIDDEN_CHAT_LITERALS = {
+    "conversationBackdrop",
+    "conversationMessages",
+    "chatBarResponsePanel",
+    "chatBarThinking",
+    "chatBarResponse",
+    "chatBarDismiss",
+    "conversation-backdrop",
+    "conversation-messages",
+    "conversation-separator",
+    "solstone:conversationState",
+    "solstone:chatBarState",
+    "panelFocusTrapHandler",
+    "openPanel",
+    "closePanel",
+    "_closeConversationPanel",
+}
 
 
 def _parts(*pieces: str) -> str:
@@ -42,6 +59,18 @@ def _python_files() -> list[Path]:
     ]
 
 
+def _text_scan_files() -> list[Path]:
+    blocked_parts = {"tests/fixtures", ".venv", "node_modules", "__pycache__"}
+    files: list[Path] = []
+    for pattern in ("*.html", "*.js"):
+        for path in ROOT.rglob(pattern):
+            path_str = str(path)
+            if any(part in path_str for part in blocked_parts):
+                continue
+            files.append(path)
+    return files
+
+
 def _parse(path: Path) -> ast.Module | None:
     try:
         return ast.parse(path.read_text(encoding="utf-8"), filename=str(path))
@@ -88,3 +117,18 @@ def test_no_live_unified_literals_outside_migration_paths():
                 violations.append(str(path))
 
     assert violations == []
+
+
+def test_no_legacy_chat_dom_literals_in_templates_or_js():
+    violations: list[str] = []
+    this_file = Path(__file__).resolve()
+
+    for path in _text_scan_files():
+        if path.resolve() == this_file:
+            continue
+        content = path.read_text(encoding="utf-8")
+        for literal in FORBIDDEN_CHAT_LITERALS:
+            if literal in content:
+                violations.append(f"{path}: {literal}")
+
+    assert violations == []