@allbluecn/web-app 0.27.1 → 0.27.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@allbluecn/web-app",
-  "version": "0.27.1",
+  "version": "0.27.2",
   "license": "AGPL-3.0-or-later",
   "type": "module",
   "files": [

package/src/components/quick-capture/__tests__/quick-capture-panel.test.tsx

@@ -16,18 +16,22 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 // 桌面托盘 mini 快捷记录面板（QuickCapturePanel）：
-//  1) 单一「需求/灵感」标签 + 默认预选独立需求 + 标题占位 + 快捷键文案
-//  2) 标题 Enter 提交：quickCaptureStoryFn 收到显式 projectId
+//  1) 顶部栏（logo + 「mini 面板」）+ 默认预选独立需求 + 标题占位 + 快捷键文案
+//  2) 标题 Enter 提交：quickCaptureStoryFn 收到显式 projectId 与内联字段缺省值
 //  3) 纯空白标题 Enter 不保存
 //  4) 项目下拉选中「灵感箱」（懒创建固定项）→ Popover 关闭，保存传 kind=inspiration
 //  5) 项目下拉选中普通项目 → 保存传该 projectId
 //  6) 描述内容序列化为 {html,markdown} JSON 透传
-//  7) 保存成功：已记录 identifier、标题清空、notifyQuickCapture
-//  8) Esc 隐藏窗口；项目 Popover 展开时 Esc 不隐藏
-//  9) onMiniPanelMode 下发 inspiration 预选灵感箱；unmount 退订
-// 10) 无桥（浏览器直开）降级不抛错
-// 11) 请求在途期间再 Enter 不重复提交
-// 富文本编辑器与 AI 工具栏在 jsdom 以替身注入（真实组件依赖 TipTap/AI 模型链）。
+//  7) 内联字段：mock 编辑器切换 state/标签后保存载荷带新值
+//  8) 保存成功：已记录 identifier、标题清空、notifyQuickCapture
+//  9) Esc 隐藏窗口；项目 Popover 展开时 Esc 不隐藏
+// 10) onMiniPanelMode 下发 inspiration 预选灵感箱；unmount 退订
+// 11) 图钉切换：setMiniPanelPinned 调用 + onMiniPanelPinned 回传同步按钮态
+// 12) 设置按钮：popUpTrayMenu 被调
+// 13) 标题字号 md 适配 + NotionDocEditor 收到 hideMobileToolbar
+// 14) 无桥（浏览器直开）降级不抛错
+// 15) 请求在途期间再 Enter 不重复提交
+// 富文本编辑器 / AI 工具栏 / 内联编辑器在 jsdom 以替身注入。
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
 import { act, cleanup, render, screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
@@ -38,14 +42,21 @@ const quickCaptureStoryFnMock = vi.hoisted(() =>
 )
 
 const listProjectsBriefFnMock = vi.hoisted(() => vi.fn())
+const listUsersBriefFnMock = vi.hoisted(() => vi.fn())
+const listLabelsFnMock = vi.hoisted(() => vi.fn())
 
 const bridgeStub = vi.hoisted(() => {
   const unsubMiniPanelMode = vi.fn()
+  const unsubMiniPanelPinned = vi.fn()
   return {
     unsubMiniPanelMode,
+    unsubMiniPanelPinned,
     window: vi.fn(),
     notifyQuickCapture: vi.fn(),
+    setMiniPanelPinned: vi.fn(),
+    popUpTrayMenu: vi.fn(),
     onMiniPanelMode: vi.fn((_cb: (mode: string) => void) => unsubMiniPanelMode),
+    onMiniPanelPinned: vi.fn((_cb: (pinned: boolean) => void) => unsubMiniPanelPinned),
   }
 })
 
@@ -57,7 +68,16 @@ const PROJECTS = [
   { id: 'p-work', name: '工作台', displayId: 'WK', icon: 'folder' },
 ]
 
-vi.mock('@/server/serverFns/story', () => ({ quickCaptureStoryFn: quickCaptureStoryFnMock }))
+const USERS = [
+  { id: 'u2', username: 'bob', email: 'b@test.dev', avatarConfig: null, bgShape: null, bgColor: null },
+]
+const LABELS = [{ id: 'l1', name: '前端', color: 'blue' }]
+
+vi.mock('@/server/serverFns/story', () => ({
+  quickCaptureStoryFn: quickCaptureStoryFnMock,
+  listUsersBriefFn: listUsersBriefFnMock,
+  listLabelsFn: listLabelsFnMock,
+}))
 vi.mock('@/server/serverFns/project', () => ({ listProjectsBriefFn: listProjectsBriefFnMock }))
 vi.mock('@/lib/desktop-bridge-types', () => ({
   getDesktopBridge: () => (noBridge ? null : bridgeStub),
@@ -70,21 +90,47 @@ vi.mock('@/components/story/ai/use-story-ai-model', () => ({
 vi.mock('@/components/shared-kit/icons/lucide-icon-picker/lucide-icon-by-name', () => ({
   LucideIconByName: () => null,
 }))
-// 富文本编辑器替身：一个可输入的 textarea，onChange 以 {html, markdown} 回传
+// 富文本编辑器替身：textarea + 回传 {html, markdown}；data-* 暴露 hideMobileToolbar
 vi.mock('@/components/tiptap/notion-like', async () => {
   const React = await import('react')
   return {
     NotionDocEditor: (props: {
       onChange?: (c: { html: string; markdown: string }) => void
+      hideMobileToolbar?: boolean
     }) =>
       React.createElement('textarea', {
         'data-testid': 'description-editor',
+        'data-hide-mobile-toolbar': props.hideMobileToolbar ? 'true' : 'false',
         'aria-label': 'description',
         onChange: (e: React.ChangeEvent<HTMLTextAreaElement>) =>
           props.onChange?.({ html: `<p>${e.target.value}</p>`, markdown: e.target.value }),
       }),
   }
 })
+// 内联编辑器替身：渲染当前值并提供切换入口（真实组件依赖 Tooltip/Popover 链）
+vi.mock('@/components/story/inline-editors', () => ({
+  StateEditor: ({ value, onChange }: { value: string; onChange: (v: string) => void }) => (
+    <button type="button" onClick={() => onChange('todo')}>
+      状态:{value === 'backlog' ? '待规划' : value}
+    </button>
+  ),
+  PriorityEditor: ({ value, onChange }: { value: string; onChange: (v: string) => void }) => (
+    <button type="button" onClick={() => onChange('high')}>
+      优先级:{value}
+    </button>
+  ),
+  AssigneeEditor: ({ onChange }: { onChange: (v: string | null) => void }) => (
+    <button type="button" onClick={() => onChange('u2')}>
+      负责人
+    </button>
+  ),
+  DateEditor: ({ label }: { label: string }) => <button type="button">{label}</button>,
+  LabelsEditor: ({ onChange }: { onChange: (v: string[]) => void }) => (
+    <button type="button" onClick={() => onChange(['l1'])}>
+      标签
+    </button>
+  ),
+}))
 
 import { QuickCapturePanel } from '../quick-capture-panel'
 
@@ -101,14 +147,17 @@ beforeEach(() => {
   noBridge = false
   vi.clearAllMocks()
   listProjectsBriefFnMock.mockResolvedValue(PROJECTS)
+  listUsersBriefFnMock.mockResolvedValue(USERS)
+  listLabelsFnMock.mockResolvedValue(LABELS)
 })
 
 afterEach(() => cleanup())
 
 describe('QuickCapturePanel', () => {
-  it('渲染单一「需求/灵感」标签、默认预选独立需求与快捷键文案', async () => {
+  it('渲染顶部栏（logo + mini 面板）、默认预选独立需求与快捷键文案', async () => {
     renderPanel()
-    expect(screen.getByText('需求/灵感')).toBeTruthy()
+    expect(screen.getAllByAltText('AllBlue').length).toBeGreaterThan(0)
+    expect(screen.getByText('mini 面板')).toBeTruthy()
     // 不再有可点击的「需求」「灵感」双 tab
     expect(screen.queryByRole('button', { name: '需求' })).toBeNull()
     expect(screen.queryByRole('button', { name: '灵感' })).toBeNull()
@@ -117,13 +166,24 @@ describe('QuickCapturePanel', () => {
     expect(screen.getByText('Enter 记录 · Shift+Enter 换行 · Esc 关闭')).toBeTruthy()
   })
 
-  it('标题 Enter 提交：带默认独立需求 projectId，不含描述', async () => {
+  it('标题 Enter 提交：带默认独立需求 projectId 与内联字段缺省值', async () => {
     const user = userEvent.setup()
     renderPanel()
     await screen.findByText('独立需求')
     await user.type(screen.getByPlaceholderText('标题'), '想法A{Enter}')
     expect(quickCaptureStoryFnMock).toHaveBeenCalledWith({
-      data: { kind: 'story', name: '想法A', description: undefined, projectId: 'p-story' },
+      data: {
+        kind: 'story',
+        name: '想法A',
+        description: undefined,
+        projectId: 'p-story',
+        state: 'backlog',
+        priority: 'none',
+        assigneeId: undefined,
+        startDate: undefined,
+        targetDate: undefined,
+        labelIds: [],
+      },
     })
   })
 
@@ -142,11 +202,14 @@ describe('QuickCapturePanel', () => {
     await user.click(screen.getByRole('button', { name: /独立需求/ }))
     await screen.findByText('工作台')
     await user.click(screen.getByText('灵感箱'))
-    // Popover 关闭 → 列表内容卸载（「工作台」只剩触发器外的列表项，已不再渲染）
     expect(screen.queryByText('工作台')).toBeNull()
     await user.type(screen.getByPlaceholderText('标题'), '灵感一闪{Enter}')
     expect(quickCaptureStoryFnMock).toHaveBeenCalledWith({
-      data: { kind: 'inspiration', name: '灵感一闪', description: undefined, projectId: undefined },
+      data: expect.objectContaining({
+        kind: 'inspiration',
+        name: '灵感一闪',
+        projectId: undefined,
+      }),
     })
   })
 
@@ -159,7 +222,7 @@ describe('QuickCapturePanel', () => {
     expect(screen.queryByText('灵感箱')).toBeNull()
     await user.type(screen.getByPlaceholderText('标题'), '需求B{Enter}')
     expect(quickCaptureStoryFnMock).toHaveBeenCalledWith({
-      data: { kind: 'story', name: '需求B', description: undefined, projectId: 'p-work' },
+      data: expect.objectContaining({ kind: 'story', name: '需求B', projectId: 'p-work' }),
     })
   })
 
@@ -171,12 +234,31 @@ describe('QuickCapturePanel', () => {
     await user.type(screen.getByTestId('description-editor'), '实现细节')
     await user.click(screen.getByRole('button', { name: '记录' }))
     expect(quickCaptureStoryFnMock).toHaveBeenCalledWith({
-      data: {
-        kind: 'story',
+      data: expect.objectContaining({
         name: '想法C',
         description: JSON.stringify({ html: '<p>实现细节</p>', markdown: '实现细节' }),
-        projectId: 'p-story',
-      },
+      }),
+    })
+  })
+
+  it('内联字段：切换状态/优先级/负责人/标签后保存载荷带新值', async () => {
+    const user = userEvent.setup()
+    renderPanel()
+    await screen.findByText('独立需求')
+    // 「待规划」默认态（backlog）可见
+    expect(screen.getByText('状态:待规划')).toBeTruthy()
+    await user.click(screen.getByText('状态:待规划'))
+    await user.click(screen.getByText('优先级:none'))
+    await user.click(screen.getByText('负责人'))
+    await user.click(screen.getByText('标签'))
+    await user.type(screen.getByPlaceholderText('标题'), '带字段{Enter}')
+    expect(quickCaptureStoryFnMock).toHaveBeenCalledWith({
+      data: expect.objectContaining({
+        state: 'todo',
+        priority: 'high',
+        assigneeId: 'u2',
+        labelIds: ['l1'],
+      }),
     })
   })
 
@@ -199,7 +281,6 @@ describe('QuickCapturePanel', () => {
     await screen.findByText('工作台')
     await user.keyboard('{Escape}')
     expect(bridgeStub.window).not.toHaveBeenCalled()
-    // 关闭 Popover 后再 Esc → 收起窗口
     await user.keyboard('{Escape}')
     expect(bridgeStub.window).toHaveBeenCalledWith('hide')
   })
@@ -211,13 +292,49 @@ describe('QuickCapturePanel', () => {
     const notifyMode = bridgeStub.onMiniPanelMode.mock.calls[0]?.[0]
     expect(notifyMode).toBeTypeOf('function')
     act(() => notifyMode?.('inspiration'))
-    await waitFor(() =>
-      expect(screen.getByRole('button', { name: /灵感箱/ })).toBeTruthy(),
-    )
+    await waitFor(() => expect(screen.getByRole('button', { name: /灵感箱/ })).toBeTruthy())
     unmount()
     expect(bridgeStub.unsubMiniPanelMode).toHaveBeenCalled()
   })
 
+  it('图钉：点击调 setMiniPanelPinned(true)，回传 pin 态同步按钮', async () => {
+    const user = userEvent.setup()
+    renderPanel()
+    await screen.findByText('独立需求')
+    const pinBtn = screen.getByRole('button', { name: '常显示' })
+    expect(pinBtn.getAttribute('aria-pressed')).toBe('false')
+    await user.click(pinBtn)
+    expect(bridgeStub.setMiniPanelPinned).toHaveBeenCalledWith(true)
+    expect(pinBtn.getAttribute('aria-pressed')).toBe('true')
+    // main 回传真实态（窗口重建/托盘侧变更）
+    const notifyPinned = bridgeStub.onMiniPanelPinned.mock.calls[0]?.[0]
+    expect(notifyPinned).toBeTypeOf('function')
+    act(() => notifyPinned?.(true))
+    await waitFor(() =>
+      expect(screen.getByRole('button', { name: '常显示' }).getAttribute('aria-pressed')).toBe(
+        'true',
+      ),
+    )
+  })
+
+  it('设置按钮：请求弹出托盘菜单（与菜单栏右键同一份）', async () => {
+    const user = userEvent.setup()
+    renderPanel()
+    await user.click(screen.getByRole('button', { name: '设置' }))
+    expect(bridgeStub.popUpTrayMenu).toHaveBeenCalledTimes(1)
+  })
+
+  it('标题字号做 md 适配；编辑器收到 hideMobileToolbar（隐藏窄窗底部工具栏）', async () => {
+    renderPanel()
+    await screen.findByText('独立需求')
+    const title = screen.getByPlaceholderText('标题')
+    expect(title.className).toContain('text-base')
+    expect(title.className).toContain('md:text-lg')
+    expect(screen.getByTestId('description-editor').getAttribute('data-hide-mobile-toolbar')).toBe(
+      'true',
+    )
+  })
+
   it('无桥（浏览器直开）：渲染与保存不抛错', async () => {
     const user = userEvent.setup()
     noBridge = true
@@ -225,7 +342,7 @@ describe('QuickCapturePanel', () => {
     await screen.findByText('独立需求')
     await user.type(screen.getByPlaceholderText('标题'), '想法E{Enter}')
     expect(quickCaptureStoryFnMock).toHaveBeenCalledWith({
-      data: { kind: 'story', name: '想法E', description: undefined, projectId: 'p-story' },
+      data: expect.objectContaining({ name: '想法E', projectId: 'p-story' }),
     })
     expect(await screen.findByText('已记录 STORY-1')).toBeTruthy()
     await user.keyboard('{Escape}')

package/src/components/quick-capture/quick-capture-panel.tsx

@@ -16,17 +16,17 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 // 桌面托盘 mini 快捷记录面板（/quick-capture 独立窗口的整页组件）：单一「需求/灵感」
-// 入口，字段与布局对齐主应用「创建需求弹窗」（项目选择 + 标题 + 富文本描述 + AI
-// 工具栏 + 记录按钮）。落库走 quickCaptureStoryFn——kind 只作为「灵感箱」懒创建标记：
-// 项目选择器的固定「灵感箱」项 → kind=inspiration（后端 ensureBuiltinInboxProject）；
+// 入口，字段与布局对齐主应用「创建需求弹窗」（顶部栏 + 项目选择 + 标题 + 富文本描述
+// + 内联字段 chip 行 + 记录按钮）。顶部栏右侧：钉（常显示，main 侧抑制 blur 隐藏并
+// 置顶）/ 设置（弹出与菜单栏图标右键同一份托盘菜单）。落库走 quickCaptureStoryFn——
+// kind 只作为「灵感箱」懒创建标记：项目选择器的固定「灵感箱」项 → kind=inspiration；
 // 其余 → kind=story + 显式 projectId（或默认独立需求）。键盘约定：标题框 Enter 提交
-// （描述编辑器内 Enter/Shift+Enter 由 TipTap 自然换行）、Esc 经桥 window("hide")
-// 收起窗口（项目 Popover 展开时 Esc 只关 Popover）。桥消费一律 getDesktopBridge() +
-// 可选链——旧壳缺少 notifyQuickCapture/onMiniPanelMode、浏览器直开无桥，全部优雅
-// 降级不抛错。
+// （描述编辑器内 Enter/Shift+Enter 由 TipTap 自然换行）、Esc 经桥 window("hide") 收起
+// 窗口（项目 Popover 展开时 Esc 只关 Popover）。桥消费一律 getDesktopBridge() + 可选
+// 链——旧壳缺少新方法、浏览器直开无桥，全部优雅降级不抛错。
 import { useCallback, useEffect, useRef, useState } from "react"
 import type { KeyboardEvent } from "react"
-import { Sprout } from "lucide-react"
+import { CalendarCheck, CalendarPlus2, Pin, PinOff, Settings, Sprout } from "lucide-react"
 import { useQuery } from "@tanstack/react-query"
 
 import { m } from "@/paraglide/messages.js"
@@ -37,16 +37,26 @@ import {
   BUILTIN_INDEPENDENT_DISPLAY_ID,
 } from "@/lib/builtin-project"
 import { serializeStoryDescription } from "@/shared/story/types"
-import { quickCaptureStoryFn } from "@/server/serverFns/story"
+import type { UserBrief } from "@/shared/story/types"
+import type { StoryPriority, StoryState } from "@/shared/story/constants"
+import { quickCaptureStoryFn, listUsersBriefFn, listLabelsFn } from "@/server/serverFns/story"
 import { listProjectsBriefFn } from "@/server/serverFns/project"
 import { Button } from "@/components/ui/button"
 import { Input } from "@/components/ui/input"
 import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover"
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip"
 import { toast } from "@/components/ui/toast"
 import { LucideIconByName } from "@/components/shared-kit/icons/lucide-icon-picker/lucide-icon-by-name"
 import { NotionDocEditor } from "@/components/tiptap/notion-like"
 import { StoryAiToolbar } from "@/components/story/ai/story-ai-toolbar"
 import { useStoryAiModel } from "@/components/story/ai/use-story-ai-model"
+import {
+  AssigneeEditor,
+  DateEditor,
+  LabelsEditor,
+  PriorityEditor,
+  StateEditor,
+} from "@/components/story/inline-editors"
 
 export type QuickCaptureMode = "story" | "inspiration"
 
@@ -56,6 +66,8 @@ const FEEDBACK_CLEAR_MS = 1500
 /** 项目选择：普通项目 / 灵感箱固定项（后者由后端懒创建，故不携带 projectId） */
 type ProjectPick = { type: "project"; id: string } | { type: "inbox" }
 
+type LabelLike = { id: string; name: string; color: string }
+
 interface ProjectBriefRow {
   id: string
   name: string
@@ -71,10 +83,22 @@ export function QuickCapturePanel({ initialMode }: { initialMode: QuickCaptureMo
   })
   const [projectPick, setProjectPick] = useState<ProjectPick | null>(null)
   const [projectOpen, setProjectOpen] = useState(false)
+  // 内联字段（与创建需求弹窗同口径）
+  const [state, setState] = useState<StoryState>("backlog")
+  const [priority, setPriority] = useState<StoryPriority>("none")
+  const [assigneeId, setAssigneeId] = useState<string | null>(null)
+  const [startDate, setStartDate] = useState("")
+  const [targetDate, setTargetDate] = useState("")
+  const [labelIds, setLabelIds] = useState<string[]>([])
+  // 新建标签并入本地清单（否则 chip 因字典缺名不渲染）
+  const [extraLabels, setExtraLabels] = useState<LabelLike[]>([])
+
   const [savedIdentifier, setSavedIdentifier] = useState<string | null>(null)
   const [saving, setSaving] = useState(false)
   const [aiGenerating, setAiGenerating] = useState(false)
   const [isEditorFocused, setIsEditorFocused] = useState(false)
+  const [pinned, setPinned] = useState(false)
+
   const feedbackTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null)
   // 保存防重：请求在途（标题尚未清空）期间忽略再次提交，防重复落库
   const savingRef = useRef(false)
@@ -96,6 +120,22 @@ export function QuickCapturePanel({ initialMode }: { initialMode: QuickCaptureMo
   // 已存在时它本身就是普通项目项，选中走显式 projectId，不会出现重复入口
   const showInboxOption = !inboxProject
 
+  const activeProjectId = projectPick?.type === "project" ? projectPick.id : undefined
+
+  // 负责人候选（项目成员）与标签字典（全局 ∪ 本项目）：项目解析后按需取
+  const usersQuery = useQuery({
+    queryKey: ["users-brief", activeProjectId ?? "none"],
+    queryFn: () => listUsersBriefFn({ data: { projectId: activeProjectId } }),
+    enabled: !!activeProjectId,
+  })
+  const users = (usersQuery.data ?? []) as UserBrief[]
+  const labelsQuery = useQuery({
+    queryKey: ["labels", activeProjectId ?? "none"],
+    queryFn: () => listLabelsFn({ data: { projectId: activeProjectId } }),
+    enabled: !!activeProjectId,
+  })
+  const labels = [...((labelsQuery.data ?? []) as LabelLike[]), ...extraLabels]
+
   const pickForMode = useCallback(
     (mode: QuickCaptureMode): ProjectPick | null => {
       if (mode === "inspiration") {
@@ -123,6 +163,13 @@ export function QuickCapturePanel({ initialMode }: { initialMode: QuickCaptureMo
     return () => unsubscribe?.()
   }, [pickForMode])
 
+  // pin 真实态（窗口重建/托盘侧变更后按钮显示正确）；unsubscribe 进 cleanup
+  useEffect(() => {
+    const bridge = getDesktopBridge()
+    const unsubscribe = bridge?.onMiniPanelPinned?.((next) => setPinned(next === true))
+    return () => unsubscribe?.()
+  }, [])
+
   // 反馈定时器 unmount 清理（组件销毁后不再 setState，防泄漏）
   useEffect(() => {
     return () => {
@@ -148,6 +195,21 @@ export function QuickCapturePanel({ initialMode }: { initialMode: QuickCaptureMo
     projectPick?.type === "project" ? projects.find((p) => p.id === projectPick.id) : undefined
   const selectedLabel =
     projectPick?.type === "inbox" ? m.quick_capture_inbox() : selectedProject?.name
+  const selectedUser = users.find((u) => u.id === assigneeId) ?? null
+
+  const resetFields = (opts: { keepProject: boolean }) => {
+    setName("")
+    setDescription({ html: "", markdown: "" })
+    tiptapEditorRef.current?.commands?.clearContent?.()
+    setState("backlog")
+    setPriority("none")
+    setAssigneeId(null)
+    setStartDate("")
+    setTargetDate("")
+    setLabelIds([])
+    setExtraLabels([])
+    if (!opts.keepProject) setProjectPick(null)
+  }
 
   const save = async () => {
     if (savingRef.current) return
@@ -164,12 +226,17 @@ export function QuickCapturePanel({ initialMode }: { initialMode: QuickCaptureMo
             ? serializeStoryDescription(description.html, description.markdown)
             : undefined,
           projectId: projectPick?.type === "project" ? projectPick.id : undefined,
+          state,
+          priority,
+          assigneeId: assigneeId ?? undefined,
+          startDate: startDate || undefined,
+          targetDate: targetDate || undefined,
+          labelIds,
         },
       })
       setSavedIdentifier(res.identifier)
-      setName("")
-      setDescription({ html: "", markdown: "" })
-      tiptapEditorRef.current?.commands?.clearContent?.()
+      // 连续记录：保留项目选择，其余字段复位
+      resetFields({ keepProject: true })
       const bridge = getDesktopBridge()
       bridge?.notifyQuickCapture?.()
       if (feedbackTimerRef.current) clearTimeout(feedbackTimerRef.current)
@@ -199,6 +266,21 @@ export function QuickCapturePanel({ initialMode }: { initialMode: QuickCaptureMo
     }
   }
 
+  const handlePickProject = (pick: ProjectPick) => {
+    // 负责人候选与标签字典随项目变化：切换项目时清空相关选择
+    setAssigneeId(null)
+    setLabelIds([])
+    setExtraLabels([])
+    setProjectPick(pick)
+    setProjectOpen(false)
+  }
+
+  const togglePinned = () => {
+    const next = !pinned
+    setPinned(next)
+    getDesktopBridge()?.setMiniPanelPinned?.(next)
+  }
+
   const showHint = !isEditorFocused && !description.markdown.trim()
 
   return (
@@ -206,10 +288,54 @@ export function QuickCapturePanel({ initialMode }: { initialMode: QuickCaptureMo
       className="flex h-dvh flex-col bg-background text-foreground"
       onKeyDown={handlePanelKeyDown}
     >
-      <header className="flex items-center border-b border-border p-2">
-        <span className="rounded-md bg-muted px-2 py-1 text-xs font-medium text-muted-foreground">
-          {m.quick_capture_tabUnified()}
-        </span>
+      <header className="flex items-center justify-between gap-2 border-b border-border p-2">
+        <div className="flex min-w-0 items-center gap-2">
+          <img src="/logo/allblue-logo-text-dark.svg" alt="AllBlue" className="h-4 dark:hidden" />
+          <img
+            src="/logo/allblue-logo-text-light.svg"
+            alt="AllBlue"
+            className="hidden h-4 dark:block"
+          />
+          <span className="shrink-0 rounded-md bg-muted px-1.5 py-0.5 text-[11px] font-medium text-muted-foreground">
+            {m.quick_capture_panelTitle()}
+          </span>
+        </div>
+        <div className="flex shrink-0 items-center gap-0.5">
+          <Tooltip>
+            <TooltipTrigger
+              render={
+                <Button
+                  type="button"
+                  variant="ghost"
+                  size="icon-sm"
+                  aria-label={m.quick_capture_pin()}
+                  aria-pressed={pinned}
+                  className={pinned ? "text-primary" : undefined}
+                  onClick={togglePinned}
+                />
+              }
+            >
+              {pinned ? <PinOff className="size-4" /> : <Pin className="size-4" />}
+            </TooltipTrigger>
+            <TooltipContent>{m.quick_capture_pin()}</TooltipContent>
+          </Tooltip>
+          <Tooltip>
+            <TooltipTrigger
+              render={
+                <Button
+                  type="button"
+                  variant="ghost"
+                  size="icon-sm"
+                  aria-label={m.quick_capture_settings()}
+                  onClick={() => getDesktopBridge()?.popUpTrayMenu?.()}
+                />
+              }
+            >
+              <Settings className="size-4" />
+            </TooltipTrigger>
+            <TooltipContent>{m.quick_capture_settings()}</TooltipContent>
+          </Tooltip>
+        </div>
       </header>
 
       <div className="flex-1 space-y-3 overflow-y-auto p-3">
@@ -219,7 +345,7 @@ export function QuickCapturePanel({ initialMode }: { initialMode: QuickCaptureMo
               <Button
                 variant="outline"
                 size="sm"
-                className="h-8 w-full justify-start gap-1.5 border-0 bg-muted/50 px-2.5 text-sm font-medium"
+                className="h-8 gap-1.5 border-0 bg-muted/50 px-2.5 text-sm font-medium"
               />
             }
           >
@@ -237,10 +363,7 @@ export function QuickCapturePanel({ initialMode }: { initialMode: QuickCaptureMo
               <button
                 key={p.id}
                 type="button"
-                onClick={() => {
-                  setProjectPick({ type: "project", id: p.id })
-                  setProjectOpen(false)
-                }}
+                onClick={() => handlePickProject({ type: "project", id: p.id })}
                 className={`flex w-full items-center justify-between gap-2 rounded px-2 py-1.5 text-sm ${
                   projectPick?.type === "project" && projectPick.id === p.id
                     ? "bg-accent font-medium"
@@ -261,10 +384,7 @@ export function QuickCapturePanel({ initialMode }: { initialMode: QuickCaptureMo
             {showInboxOption && (
               <button
                 type="button"
-                onClick={() => {
-                  setProjectPick({ type: "inbox" })
-                  setProjectOpen(false)
-                }}
+                onClick={() => handlePickProject({ type: "inbox" })}
                 className={`flex w-full items-center justify-between gap-2 rounded px-2 py-1.5 text-sm ${
                   projectPick?.type === "inbox" ? "bg-accent font-medium" : "hover:bg-muted"
                 }`}
@@ -285,11 +405,11 @@ export function QuickCapturePanel({ initialMode }: { initialMode: QuickCaptureMo
           onKeyDown={handleTitleKeyDown}
           placeholder={m.story_column_title()}
           maxLength={200}
-          className="h-10 text-lg"
+          className="h-10 text-base md:text-lg"
         />
 
         <div
-          className={`notion-full-width relative flex max-h-60 min-h-36 flex-col overflow-y-auto rounded-md border border-border${
+          className={`notion-full-width relative flex max-h-44 min-h-32 flex-col overflow-y-auto rounded-md border border-border${
             showHint ? " story-editor-no-placeholder" : ""
           }`}
           ref={editorWrapRef}
@@ -304,6 +424,7 @@ export function QuickCapturePanel({ initialMode }: { initialMode: QuickCaptureMo
                 showHeader={false}
                 hideDragHandle
                 hideAi
+                hideMobileToolbar
                 onEditorReady={onEditorReady}
                 editorClassName="story-editor !ml-0"
                 disableMobileFullscreen
@@ -316,7 +437,7 @@ export function QuickCapturePanel({ initialMode }: { initialMode: QuickCaptureMo
             )}
           </div>
 
-          <div className="mr-2 mb-1 flex shrink-0 items-center gap-1">
+          <div className="mr-2 mb-1 flex shrink-0 items-center justify-end gap-1">
             <StoryAiToolbar
               description={description.markdown}
               title={name}
@@ -326,10 +447,40 @@ export function QuickCapturePanel({ initialMode }: { initialMode: QuickCaptureMo
               groups={aiGroups}
               onModelChange={setAiModel}
               onGenerating={setAiGenerating}
-              fill
             />
           </div>
         </div>
+
+        <div className="flex flex-wrap items-center gap-1.5">
+          <StateEditor value={state} onChange={setState} variant="button" />
+          <PriorityEditor value={priority} onChange={setPriority} variant="button" />
+          <AssigneeEditor
+            assignee={selectedUser}
+            users={users}
+            onChange={(v) => setAssigneeId(v)}
+            variant="button"
+          />
+          <DateEditor
+            value={startDate || null}
+            onChange={(v) => setStartDate(v ?? "")}
+            label={m.story_create_startDate()}
+            icon={CalendarPlus2}
+          />
+          <DateEditor
+            value={targetDate || null}
+            onChange={(v) => setTargetDate(v ?? "")}
+            label={m.story_create_dueDate()}
+            icon={CalendarCheck}
+          />
+          <LabelsEditor
+            projectId={activeProjectId ?? ""}
+            labelIds={labelIds}
+            labels={labels}
+            onChange={setLabelIds}
+            variant="button"
+            onLabelCreated={(label) => setExtraLabels((prev) => [...prev, label])}
+          />
+        </div>
       </div>
 
       <footer className="space-y-1.5 border-t border-border p-2">

package/src/components/tiptap/notion-like/notion-like-editor.tsx

@@ -108,6 +108,11 @@ export interface NotionDocEditorProps {
   hideAi?: boolean
   /** 禁用 480px 窄屏全屏样式（用于嵌入式场景如需求详情，避免编辑器抢占整个视口） */
   disableMobileFullscreen?: boolean
+  /**
+   * 隐藏 480px 窄屏的底部移动端工具栏（MobileToolbar，portal 到 body）——桌面 mini
+   * 面板等 360px 宽的嵌入式窄窗会被它盖住底部按钮；默认 false，不影响其他消费方
+   */
+  hideMobileToolbar?: boolean
   documentSuggestion?: DocumentSuggestion
   mentionUserSource?: MentionUserSource
   aiModelState?: AiModelState
@@ -194,7 +199,7 @@ function DocReferenceOverlay({
 /**
  * EditorContent component that renders the actual editor
  */
-export function EditorContentArea({ hideDragHandle, hideInsertButton, hideAi }: { hideDragHandle?: boolean; hideInsertButton?: boolean; hideAi?: boolean }) {
+export function EditorContentArea({ hideDragHandle, hideInsertButton, hideAi, hideMobileToolbar }: { hideDragHandle?: boolean; hideInsertButton?: boolean; hideAi?: boolean; hideMobileToolbar?: boolean }) {
   const { editor } = useContext(EditorContext)!
   const kbId = useContext(KbIdContext)
   const [containerEl, setContainerEl] = useState<HTMLElement | null>(null)
@@ -254,7 +259,7 @@ export function EditorContentArea({ hideDragHandle, hideInsertButton, hideAi }:
         <ReferenceDropdownMenu currentKbId={kbId} />
         <SlashDropdownMenu config={hideAi ? { enabledItems: SLASH_NON_AI_ITEMS } : undefined} />
         <NotionToolbarFloating hideAi={hideAi} />
-        {createPortal(<MobileToolbar />, document.body)}
+        {hideMobileToolbar ? null : createPortal(<MobileToolbar />, document.body)}
       </EditorContent>
       <DocReferenceOverlay editor={editor} containerEl={containerEl} />
     </>
@@ -280,6 +285,7 @@ function NotionDocEditorContent({
   editorClassName,
   hideAi,
   disableMobileFullscreen,
+  hideMobileToolbar,
   documentSuggestion,
   mentionUserSource,
   aiModelState,
@@ -396,7 +402,7 @@ function NotionDocEditorContent({
       <EditorContext.Provider value={{ editor }}>
         {showHeader && <NotionEditorHeader />}
         <div className="notion-like-editor-layout ">
-          <EditorContentArea hideDragHandle={hideDragHandle} hideInsertButton={hideInsertButton} hideAi={hideAi} />
+          <EditorContentArea hideDragHandle={hideDragHandle} hideInsertButton={hideInsertButton} hideAi={hideAi} hideMobileToolbar={hideMobileToolbar} />
           {showTocSidebar && <TocSidebar className={tocSidebarClassName} topOffset={48} />}
         </div>
 
@@ -437,6 +443,7 @@ export function NotionDocEditor({
   editorClassName,
   hideAi,
   disableMobileFullscreen,
+  hideMobileToolbar,
   documentSuggestion,
   mentionUserSource,
   aiModelState,
@@ -461,6 +468,7 @@ export function NotionDocEditor({
         editorClassName={editorClassName}
         hideAi={hideAi}
         disableMobileFullscreen={disableMobileFullscreen}
+        hideMobileToolbar={hideMobileToolbar}
         documentSuggestion={documentSuggestion}
         mentionUserSource={mentionUserSource}
         aiModelState={aiModelState}

package/src/lib/changelog/sdk-versions.ts

@@ -112,7 +112,7 @@ export const SDK_GROUPS: SdkGroup[] = [
     "items": [
       {
         "name": "@allbluecn/web-app",
-        "version": "v0.27.1",
+        "version": "v0.27.2",
         "lastUpdate": "Nov 5, 2026",
         "source": "apps/web/package.json",
         "docsUrl": "https://github.com/allbluecn/allblue"

package/src/lib/desktop-bridge-types.ts

@@ -99,6 +99,17 @@ export interface DesktopBridgeApi {
   notifyQuickCapture?: () => void
   onQuickCaptureCreated?: (cb: () => void) => () => void
   onMiniPanelMode?: (cb: (mode: "story" | "inspiration") => void) => () => void
+  /** mini 面板顶部栏（2026-11-05 追加，add-only）：
+   *  - setMiniPanelPinned：切换「常显示」——main 侧抑制 blur 自动隐藏并置顶
+   *    （setAlwaysOnTop('floating')），取消恢复；
+   *  - onMiniPanelPinned：main 侧回传真实 pin 态（窗口重建/托盘侧变更时同步
+   *    按钮显示），订阅返回 unsubscribe；
+   *  - popUpTrayMenu：请求 main 弹出与菜单栏图标右键**同一份**托盘菜单
+   *    （原生菜单出现在菜单栏图标处；弹出期间 main 侧抑制面板 blur 收起）。
+   *  旧壳（无此三方法）undefined——调用方 optional-chaining 优雅降级。 */
+  setMiniPanelPinned?: (pinned: boolean) => void
+  onMiniPanelPinned?: (cb: (pinned: boolean) => void) => () => void
+  popUpTrayMenu?: () => void
 }
 
 /** A11 desktop-state 三态载荷（main 侧 desktop-state.json 持久化态的广播形状）：

package/src/paraglide/messages/_index.js

@@ -3550,7 +3550,10 @@ export * from './prototypepanel_title1.js'
 export * from './quick_capture_failed.js'
 export * from './quick_capture_hint.js'
 export * from './quick_capture_inbox.js'
+export * from './quick_capture_paneltitle1.js'
+export * from './quick_capture_pin.js'
 export * from './quick_capture_saved.js'
+export * from './quick_capture_settings.js'
 export * from './quick_capture_submit.js'
 export * from './quick_capture_tabunified1.js'
 export * from './rightsidebar_collapse1.js'

package/src/paraglide/messages/quick_capture_paneltitle1.js

@@ -0,0 +1,30 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Quick_Capture_Paneltitle1Inputs */
+
+const zh_quick_capture_paneltitle1 = /** @type {(inputs: Quick_Capture_Paneltitle1Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`mini 面板`)
+};
+
+const en_quick_capture_paneltitle1 = /** @type {(inputs: Quick_Capture_Paneltitle1Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mini Panel`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Mini Panel" |
+*
+* @param {Quick_Capture_Paneltitle1Inputs} inputs
+* @param {{ locale?: "zh" | "en" }} options
+* @returns {LocalizedString}
+*/
+const quick_capture_paneltitle1 = /** @type {((inputs?: Quick_Capture_Paneltitle1Inputs, options?: { locale?: "zh" | "en" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Quick_Capture_Paneltitle1Inputs, { locale?: "zh" | "en" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_quick_capture_paneltitle1(inputs)
+	return zh_quick_capture_paneltitle1(inputs)
+});
+export { quick_capture_paneltitle1 as "quick_capture_panelTitle" }

package/src/paraglide/messages/quick_capture_pin.js

@@ -0,0 +1,29 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Quick_Capture_PinInputs */
+
+const zh_quick_capture_pin = /** @type {(inputs: Quick_Capture_PinInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`常显示`)
+};
+
+const en_quick_capture_pin = /** @type {(inputs: Quick_Capture_PinInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Always visible`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Always visible" |
+*
+* @param {Quick_Capture_PinInputs} inputs
+* @param {{ locale?: "zh" | "en" }} options
+* @returns {LocalizedString}
+*/
+export const quick_capture_pin = /** @type {((inputs?: Quick_Capture_PinInputs, options?: { locale?: "zh" | "en" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Quick_Capture_PinInputs, { locale?: "zh" | "en" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_quick_capture_pin(inputs)
+	return zh_quick_capture_pin(inputs)
+});

package/src/paraglide/messages/quick_capture_settings.js

@@ -0,0 +1,29 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Quick_Capture_SettingsInputs */
+
+const zh_quick_capture_settings = /** @type {(inputs: Quick_Capture_SettingsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`设置`)
+};
+
+const en_quick_capture_settings = /** @type {(inputs: Quick_Capture_SettingsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Settings`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Settings" |
+*
+* @param {Quick_Capture_SettingsInputs} inputs
+* @param {{ locale?: "zh" | "en" }} options
+* @returns {LocalizedString}
+*/
+export const quick_capture_settings = /** @type {((inputs?: Quick_Capture_SettingsInputs, options?: { locale?: "zh" | "en" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Quick_Capture_SettingsInputs, { locale?: "zh" | "en" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_quick_capture_settings(inputs)
+	return zh_quick_capture_settings(inputs)
+});

package/src/server/serverFns/story/__tests__/quick-capture.test.ts

@@ -90,6 +90,7 @@ const mocks = vi.hoisted(() => ({
   ensureBuiltinIndependentProject: vi.fn(),
   ensureBuiltinInboxProject: vi.fn(),
   assertProjectMembership: vi.fn(),
+  validateAssignee: vi.fn(),
   createStoryInternal: vi.fn(),
 }));
 
@@ -111,6 +112,10 @@ vi.mock("@/server/lib/project-membership", () => ({
   assertProjectMembership: mocks.assertProjectMembership,
 }));
 
+vi.mock("@/server/lib/validate-assignee", () => ({
+  validateAssignee: mocks.validateAssignee,
+}));
+
 // 说明符从 __tests__ 出发解析到 quick-capture.ts 实际 import 的同一模块文件
 // （quick-capture.ts 内写作 "./create-story-internal"），不照抄简报注释字面
 vi.mock("../story-crud/create-story-internal", () => ({
@@ -218,4 +223,44 @@ describe("quickCaptureStoryFn（托盘 mini 快捷记录）", () => {
     expect(mocks.ensureBuiltinIndependentProject).not.toHaveBeenCalled();
     expect(mocks.createStoryInternal).not.toHaveBeenCalled();
   });
+
+  it("内联字段透传：state/priority/assigneeId/startDate/targetDate/labelIds 全量落库前校验负责人", async () => {
+    await quickCaptureStoryFn({
+      data: {
+        kind: "story",
+        name: "带字段",
+        state: "todo",
+        priority: "high",
+        assigneeId: "u2",
+        startDate: "2026-11-06",
+        targetDate: "2026-11-10",
+        labelIds: ["l1", "l2"],
+      },
+    });
+    expect(mocks.validateAssignee).toHaveBeenCalledWith(INDEPENDENT_PROJECT_ID, "u2");
+    const input = mocks.createStoryInternal.mock.calls[0][1];
+    expect(input).toMatchObject({
+      state: "todo",
+      priority: "high",
+      assigneeId: "u2",
+      startDate: "2026-11-06",
+      targetDate: "2026-11-10",
+      labelIds: ["l1", "l2"],
+    });
+  });
+
+  it("内联字段缺省：state=backlog / priority=none / labelIds=[]，不调用负责人校验", async () => {
+    await quickCaptureStoryFn({ data: { kind: "story", name: "缺省" } });
+    expect(mocks.validateAssignee).toHaveBeenCalledWith(INDEPENDENT_PROJECT_ID, undefined);
+    const input = mocks.createStoryInternal.mock.calls[0][1];
+    expect(input).toMatchObject({ state: "backlog", priority: "none", labelIds: [] });
+    expect(input.assigneeId).toBeUndefined();
+  });
+
+  it("非法 state：validator 拒绝，不触达发号事务", async () => {
+    await expect(
+      quickCaptureStoryFn({ data: { kind: "story", name: "x", state: "unknown" as never } }),
+    ).rejects.toThrow();
+    expect(mocks.createStoryInternal).not.toHaveBeenCalled();
+  });
 });

package/src/server/serverFns/story/story-crud/quick-capture.ts

@@ -28,6 +28,7 @@ import { z } from "zod";
 import { authContextMiddleware } from "@/server/middlewares/auth-context";
 import { ensureBuiltinIndependentProject, ensureBuiltinInboxProject } from "@/server/builtin-project";
 import { assertProjectMembership } from "@/server/lib/project-membership";
+import { validateAssignee } from "@/server/lib/validate-assignee";
 import { withSequenceNumberRetry } from "@/server/lib/sequence-number-retry";
 import { createStoryInternal } from "./create-story-internal";
 
@@ -37,6 +38,13 @@ const quickCaptureSchema = z.object({
   // 与 createStoryFn 同口径（story-crud.ts:87）：序列化后的 {html,markdown} JSON 串
   description: z.string().max(20000).optional(),
   projectId: z.string().optional(),
+  // 内联字段（mini 面板与创建需求弹窗对齐，均与 createSchema 同口径）
+  state: z.enum(["backlog", "todo", "in_progress", "done", "cancelled"]).optional(),
+  priority: z.enum(["urgent", "high", "medium", "low", "none"]).optional(),
+  assigneeId: z.string().nullable().optional(),
+  startDate: z.string().optional(),
+  targetDate: z.string().optional(),
+  labelIds: z.array(z.string()).optional(),
 });
 
 export const quickCaptureStoryFn = createServerFn({ method: "POST" })
@@ -60,6 +68,9 @@ export const quickCaptureStoryFn = createServerFn({ method: "POST" })
       projectId = await ensureBuiltinIndependentProject(userId);
     }
 
+    // 负责人必须是团队成员（与 createStoryFn:115 同口径）
+    await validateAssignee(projectId, data.assigneeId);
+
     // 计数器回滚使重试对「落后存量」类冲突无效——该类冲突由 create-story-internal
     // 发号时以存量 max 为下界自愈；此重试仅兜真实并发竞态（同 createStoryFn 注记）
     return withSequenceNumberRetry(
@@ -71,9 +82,12 @@ export const quickCaptureStoryFn = createServerFn({ method: "POST" })
               name,
               projectId,
               description: data.description,
-              state: "backlog",
-              priority: "none",
-              labelIds: [],
+              state: data.state ?? "backlog",
+              priority: data.priority ?? "none",
+              assigneeId: data.assigneeId ?? undefined,
+              startDate: data.startDate,
+              targetDate: data.targetDate,
+              labelIds: data.labelIds ?? [],
               isAI: false,
             },
             userId,