Feat v0.5.3 chat polish (#33)

Co-authored-by: Jeffrey Smith <jasafpro@gmail.com>
Co-committed-by: Jeffrey Smith <jasafpro@gmail.com>

packages/chat/css/main.css

@@ -1,5 +1,5 @@
 /* ═══════════════════════════════════════════
-   Chat Surface — Styles (v0.1.0)
+   Chat Surface — Styles (v0.2.0)
    Uses variables.css theme tokens:
      --bg, --bg-surface, --bg-raised, --bg-hover, --bg-secondary
      --text, --text-2, --text-3
@@ -151,6 +151,78 @@
   flex-shrink: 0;
 }
 
+/* ── Sidebar Search ────────────────────── */
+
+.chat-sidebar__search {
+  position: relative;
+  padding: 8px 16px;
+  border-bottom: 1px solid var(--border-light);
+}
+
+.chat-sidebar__search-input {
+  width: 100%;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  padding: 6px 28px 6px 10px;
+  font-size: 13px;
+  font-family: inherit;
+  background: var(--input-bg);
+  color: var(--text);
+  box-sizing: border-box;
+}
+
+.chat-sidebar__search-input:focus {
+  outline: none;
+  border-color: var(--accent);
+}
+
+.chat-sidebar__search-clear {
+  position: absolute;
+  right: 22px;
+  top: 50%;
+  transform: translateY(-50%);
+  background: none;
+  border: none;
+  color: var(--text-3);
+  cursor: pointer;
+  font-size: 16px;
+  padding: 0 4px;
+  line-height: 1;
+}
+
+.chat-sidebar__search-clear:hover {
+  color: var(--text);
+}
+
+.chat-sidebar__search-results {
+  flex: 1;
+  overflow-y: auto;
+}
+
+.chat-sidebar__search-section {
+  padding: 8px 16px 4px;
+  font-size: 11px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  color: var(--text-3);
+}
+
+.chat-sidebar__search-loading {
+  display: flex;
+  justify-content: center;
+  padding: 16px;
+}
+
+.chat-sidebar__item--search-msg .chat-sidebar__item-preview {
+  font-size: 13px;
+  white-space: normal;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
 /* ── Message Thread ─────────────────────── */
 
 .chat-thread {
@@ -181,6 +253,12 @@
   padding: 24px;
 }
 
+.chat-thread__loading-more {
+  display: flex;
+  justify-content: center;
+  padding: 8px;
+}
+
 .chat-thread__load-more {
   align-self: center;
   background: none;