feat: 搜索带并入 Layout toolbar，后台重组首页配置

前台
- 搜索框从内容列移到 Layout 的 toolbar 插槽，去掉 fixed + TOP_OFFSET + top-blur 三处补偿
- 左右栏滚动容器不变，左栏吸顶改用 CSS sticky（修回顶时侧栏抖动）
- 只让分组导航滚动，资料卡与本地服务固定
- 页头操作支持配置：搜索改为刷新（重扫项目 + 重拉内容库）
- 站点级设置：页面标题 / favicon / 品牌 logo / 品牌文字
- 停用的分组在侧边栏、首页卡片、分组页、条目页统一不再出现

后台
- 「侧边栏」「首页卡片」合并为「首页」Tab
- 首页卡片表格新增状态列与顺序列（上下箭头即时保存）
- 分组显隐只由「分组管理 → 状态」决定，去掉侧栏独立勾选
- 页头 Tab 增加站点信息、首页 Logo（带实时预览）、操作工具开关
- 后台页头与前台同构并吸顶

后端
- settings 新增 site（标题 / favicon / 品牌 / 操作工具）与 sidebar.show_nav
- 写接口成功后广播内容库变更，SSE 改为「广播 + data_version 兜底」
- catalog SSE 事件名与前端监听对齐（catalog）

stash-web/src/components/header/SiteHeader.tsx

@@ -1,8 +1,15 @@
+import { useEffect, useRef } from 'react'
 import { Icon, IconButton, Tag } from '@stash/ui'
-import { fillHeaderText, type HeaderItem, type SettingsTone } from '../../settings'
+import {
+  fillHeaderText,
+  type HeaderItem,
+  type SettingsTone,
+  type SiteMetaSettings,
+} from '../../settings'
 
 /**
  * 顶部栏：左品牌、中间滚动信息（可在 /admin 配置）、右侧操作图标。
+ * 品牌（logo / 文字）与操作图标是否出现，都来自「页头」Tab 的站点设置。
  * 外层 <header> 由 Layout 提供，这里只渲染栏内的内容。
  */
 type SiteHeaderProps = {
@@ -15,10 +22,14 @@ type SiteHeaderProps = {
   headerEnabled: boolean
   /** 滚动一轮的秒数 */
   headerSpeed: number
+  /** 品牌与操作工具配置 */
+  site: SiteMetaSettings
   /** 是否已登录：决定右侧是「登录」还是「退出登录」 */
   authenticated: boolean
   username?: string
-  onFocusSearch: () => void
+  /** 刷新中：刷新按钮转圈 */
+  refreshing?: boolean
+  onRefresh: () => void
   onLogin: () => void
   onLogout: () => void
   onSettings: () => void
@@ -72,25 +83,62 @@ export function SiteHeader({
   headerItems,
   headerEnabled,
   headerSpeed,
+  site,
   authenticated,
   username,
-  onFocusSearch,
+  refreshing = false,
+  onRefresh,
   onLogin,
   onLogout,
   onSettings,
 }: SiteHeaderProps) {
+  const brandName = site.brand.name.trim()
+  const brandMark = site.brand.mark.trim() || brandName.slice(0, 1) || 'S'
+  const brandLogo = site.brand.logo.trim()
+
+  // 跑马灯的位移要正好等于「一组」的宽度，循环才接得上。
+  // CSS 里的 -100%/3 会按轨道的 border-box（只有一组宽）算，导致提前 2/3 回跳，
+  // 所以这里量一次真实宽度写进 --ticker-shift。
+  const trackRef = useRef<HTMLDivElement>(null)
+  const tickerKey = `${headerItems.map((item) => `${item.tag ?? ''}:${item.text}`).join('|')}@${headerSpeed}`
+
+  useEffect(() => {
+    const track = trackRef.current
+    if (track === null) return
+
+    const sync = () => {
+      const group = track.firstElementChild
+      if (!(group instanceof HTMLElement)) return
+      track.style.setProperty('--ticker-shift', `${-group.getBoundingClientRect().width}px`)
+    }
+
+    sync()
+    const observer = new ResizeObserver(sync)
+    observer.observe(track)
+    window.addEventListener('resize', sync)
+    return () => {
+      observer.disconnect()
+      window.removeEventListener('resize', sync)
+    }
+  }, [tickerKey])
+
   return (
     <div className="site-header-inner">
-      <a className="site-brand" href="/" aria-label="Stash 首页">
-        <span className="site-brand-mark" aria-hidden="true">
-          S
-        </span>
-        <span className="site-brand-name">STASH</span>
+      <a className="site-brand" href="/" aria-label={`${brandName || '首页'} 首页`}>
+        {brandLogo !== '' ? (
+          <img className="site-brand-logo" src={brandLogo} alt="" />
+        ) : (
+          <span className="site-brand-mark" aria-hidden="true">
+            {brandMark}
+          </span>
+        )}
+        {brandName !== '' && <span className="site-brand-name">{brandName}</span>}
       </a>
 
       {headerEnabled && (
         <div className="header-ticker" role="status" aria-label="运行状态">
           <div
+            ref={trackRef}
             className="header-ticker-track"
             style={{ animationDuration: `${headerSpeed}s` }}
           >
@@ -120,23 +168,27 @@ export function SiteHeader({
       )}
 
       <div className="header-actions">
-        <IconButton
-          label="聚焦搜索框（Ctrl+K）"
-          icon={<Icon name="search_3_line" />}
-          onClick={onFocusSearch}
-        />
-        {authenticated && (
+        {site.actions.refresh && (
+          <IconButton
+            label="刷新（重扫项目并重拉内容）"
+            icon={<Icon name="refresh_3_line" />}
+            spinning={refreshing}
+            onClick={onRefresh}
+          />
+        )}
+        {site.actions.settings && authenticated && (
           <IconButton label="站点设置" icon={<Icon name="settings_1_line" />} onClick={onSettings} />
         )}
-        {authenticated ? (
-          <IconButton
-            label={username === undefined ? '退出登录' : `退出登录（${username}）`}
-            icon={<Icon name="exit_line" />}
-            onClick={onLogout}
-          />
-        ) : (
-          <IconButton label="登录" icon={<Icon name="user_3_line" />} onClick={onLogin} />
-        )}
+        {site.actions.session &&
+          (authenticated ? (
+            <IconButton
+              label={username === undefined ? '退出登录' : `退出登录（${username}）`}
+              icon={<Icon name="exit_line" />}
+              onClick={onLogout}
+            />
+          ) : (
+            <IconButton label="登录" icon={<Icon name="user_3_line" />} onClick={onLogin} />
+          ))}
       </div>
     </div>
   )