新分支：Vite+React19+TS+Tailwind v4 重新搭建，先跑通四级响应式布局壳

不再沿用旧 im_webapp 的技术栈（webpack + class组件 + 15000行全局CSS + 手搓History路由），
按业务重新选型：Vite/React Router/Zustand预留/TanStack Query/保留tinode-sdk真实依赖
（协议客户端本身没有重写的业务理由）。新代码放在 web/ 子目录，旧代码原样保留在仓库根目录，
两者共存到重写完成。

这一步先验证布局壳本身：NavRail（消息/通讯录/收藏/文件助手/通话记录/设置）+ 会话列表 +
主区域 + 详情栏，按设计稿的四档断点（<640/640-959/960-1279/≥1280）用真实浏览器宽度逐档验证
过——两列及以下"列表/主区域二选一+返回键"、三列"详情栏抽屉化"、四列"详情栏常驻"均已用
真实点击/返回验证正确，不是只看了截图。会话列表和聊天内容目前是占位数据，业务数据接入和
Tinode连接是下一步。

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

web/src/features/messages/ConversationView.tsx

@@ -0,0 +1,37 @@
+import { Link, useOutletContext, useParams } from 'react-router-dom';
+
+import { Icon } from '@/app/Icon';
+
+interface OutletCtx {
+  onToggleDetail: () => void;
+}
+
+/** Placeholder chat surface -- real header/bubbles/composer land in Phase 1. */
+export function ConversationView() {
+  const { topicId } = useParams();
+  const { onToggleDetail } = useOutletContext<OutletCtx>();
+
+  return (
+    <div className="flex h-full w-full flex-col bg-surface-chat">
+      <header className="flex h-15 flex-none items-center justify-between border-b border-border-panel bg-white px-5">
+        <div className="flex items-center gap-2">
+          {/* Only the <960 tiers hide the list column, so only there do we need our own way back. */}
+          <Link to="/messages" className="grid h-9.5 w-9.5 place-items-center text-text-heading md:hidden">
+            <Icon name="arrow_back_ios_new" />
+          </Link>
+          <strong className="text-base font-semibold text-text-heading">{topicId}</strong>
+        </div>
+        <button
+          type="button"
+          onClick={onToggleDetail}
+          className="grid h-9.5 w-9.5 place-items-center rounded-lg text-text-tertiary-1 md:bg-accent-soft-bg md:text-accent lg:bg-transparent lg:text-text-tertiary-1"
+        >
+          <Icon name="info" />
+        </button>
+      </header>
+      <div className="flex flex-1 items-center justify-center text-sm text-text-tertiary-4">
+        消息流占位（阶段1实现）
+      </div>
+    </div>
+  );
+}