fix(web-shell): show server queue status for pending messages

packages/web-shell/client/components/QueuedPromptDisplay.test.tsx

@@ -73,6 +73,36 @@ describe('QueuedPromptDisplay', () => {
     expect(container.textContent).toContain('排队消息二');
   });
 
+  it('shows server queue status without an insert action', () => {
+    const onInsert = vi.fn();
+    const { container } = setup({
+      prompts: [{ id: 1, text: '等待处理', serverState: 'queued' }],
+      onInsert,
+    });
+
+    expect(container.textContent).toContain('服务器排队中...');
+    expect(container.querySelector('[role="status"]')).toBeTruthy();
+    expect(
+      container.querySelector('[class*="queuedPromptSpinner"]'),
+    ).toBeNull();
+    const buttons = [...container.querySelectorAll('button')];
+    expect(buttons).toHaveLength(2);
+    expect(buttons.every((button) => !button.disabled)).toBe(true);
+    expect(container.textContent).not.toContain('插入');
+    expect(onInsert).not.toHaveBeenCalled();
+  });
+
+  it('keeps the spinner while a prompt is still submitting', () => {
+    const { container } = setup({
+      prompts: [{ id: 1, text: '正在发送', serverState: 'submitting' }],
+    });
+
+    expect(container.textContent).toContain('提交中...');
+    expect(
+      container.querySelector('[class*="queuedPromptSpinner"]'),
+    ).toBeTruthy();
+  });
+
   it('renders queued reference annotations as tags', () => {
     const serialized = '<context id="orders">orders</context>';
     const text = `inspect ${serialized} now`;

packages/web-shell/client/components/QueuedPromptDisplay.tsx

@@ -163,6 +163,7 @@ export function QueuedPromptDisplay({
         const imageCount = prompt.images?.length ?? 0;
         const isCommand = isCommandPrompt(prompt.text);
         const isSubmitting = prompt.serverState === 'submitting';
+        const isQueued = prompt.serverState === 'queued';
         const isRunning = prompt.serverState === 'running';
         const isRemoving = prompt.isRemoving === true;
         const isBusy =
@@ -208,19 +209,23 @@ export function QueuedPromptDisplay({
               {imageCount > 0
                 ? ` ${t('queue.imageCount', { count: imageCount })}`
                 : ''}
-              {isSubmitting || prompt.isEditing || isRemoving ? (
-                <span className={styles.queuedPromptState}>
-                  <span className={styles.queuedPromptSpinner} />
+              {isSubmitting || isQueued || prompt.isEditing || isRemoving ? (
+                <span className={styles.queuedPromptState} role="status">
+                  {(isSubmitting || prompt.isEditing || isRemoving) && (
+                    <span className={styles.queuedPromptSpinner} />
+                  )}
                   {isRemoving
                     ? t('queue.removing')
                     : prompt.isEditing
                       ? t('queue.editing')
-                      : t('queue.submitting')}
+                      : isQueued
+                        ? t('queue.serverQueued')
+                        : t('queue.submitting')}
                 </span>
               ) : null}
             </span>
             <span className={styles.queuedPromptActions}>
-              {imageCount === 0 && (
+              {imageCount === 0 && !isQueued && (
                 <button
                   type="button"
                   className={styles.queuedPromptAction}

packages/web-shell/client/i18n.tsx

@@ -1204,6 +1204,7 @@ const EN: Messages = {
   'queue.insertCommandDisabled':
     "Commands can't be inserted into the running turn; they run after it finishes.",
   'queue.submitting': 'Submitting...',
+  'queue.serverQueued': 'Queued on server...',
   'queue.editing': 'Editing...',
   'queue.removing': 'Updating...',
   'queue.submittingDisabled': 'Submitting queued message...',
@@ -3676,6 +3677,7 @@ const ZH: Messages = {
   'queue.inserted': '已插入，下次模型调用生效。',
   'queue.insertCommandDisabled': '命令无法插入当前回合。',
   'queue.submitting': '提交中...',
+  'queue.serverQueued': '服务器排队中...',
   'queue.editing': '编辑中...',
   'queue.removing': '处理中...',
   'queue.submittingDisabled': '排队消息正在提交中...',