feat(web): add steer-now buttons for queued messages

Add explicit steer actions to the web UI's queued-message list: a per-row
button that injects a single queued message into the running turn, and a
queue-header button that steers the whole queue (TUI Ctrl+S parity).

Also fix Ctrl+S steering not triggering when CapsLock is on, and count
web-initiated steers in the input_steer telemetry event by moving the
tracking call to the shared steer path.

Closes #2270

Author: bernardlim

.changeset/web-steer-capslock-fix.md

@@ -0,0 +1,5 @@
+---
+"@moonshot-ai/kimi-code": patch
+---
+
+web: Fix Ctrl+S steering not triggering when CapsLock is on.

.changeset/web-steer-queued-messages.md

@@ -0,0 +1,5 @@
+---
+"@moonshot-ai/kimi-code": patch
+---
+
+web: Add "Steer now" buttons to the queued-message list to inject queued messages into the running turn — one message at a time or the whole queue from the queue header. Click the bolt button next to a queued message to steer it.

.changeset/web-steer-telemetry.md

@@ -0,0 +1,5 @@
+---
+"@moonshot-ai/kimi-code": patch
+---
+
+web: Count steered messages sent from the web UI in usage telemetry, the same way steers from the TUI are counted.

apps/kimi-web/src/App.vue

@@ -837,6 +837,7 @@ function openPr(url: string): void {
       @interrupt="client.abortCurrentPrompt()"
       @unqueue="handleUnqueue"
       @edit-queued="handleEditQueued"
+      @steer-queued="client.steerQueuedPrompt($event)"
       @reorder-queue="handleReorderQueue"
       @set-permission="client.setPermission($event)"
       @set-thinking="client.setThinking($event)"

apps/kimi-web/src/components/chat/ChatPane.vue

@@ -15,6 +15,7 @@ import AttachmentChip from './AttachmentChip.vue';
 import MoonSpinner from '../ui/MoonSpinner.vue';
 import Spinner from '../ui/Spinner.vue';
 import Icon from '../ui/Icon.vue';
+import Button from '../ui/Button.vue';
 import Tooltip from '../ui/Tooltip.vue';
 import { useConfirmDialog } from '../../composables/useConfirmDialog';
 import { copyTextToClipboard } from '../../lib/clipboard';
@@ -213,6 +214,11 @@ const emit = defineEmits<{
   unqueue: [index: number];
   /** Load a queued message back into the composer for editing (and dequeue it). */
   editQueued: [index: number];
+  /** Steer the whole queue into the running turn now (like Ctrl+S, but the
+   *  live composer draft stays behind). */
+  steerQueue: [];
+  /** Steer one queued message (by index) into the running turn now. */
+  steerQueued: [index: number];
   /** Drag-to-reorder a queued message within the active session's queue. */
   reorderQueue: [payload: { from: number; to: number }];
 }>();
@@ -689,6 +695,16 @@ function isStreamingRenderBlock(turn: ChatTurn, block: { sourceIndex: number }):
           {{ t('composer.queueLabel') }} · <b>{{ queued.length }}</b>
         </span>
         <span class="q-hint">{{ t('composer.queueAutoDrain') }}</span>
+        <Button
+          variant="ghost"
+          size="sm"
+          :title="t('composer.queueSteerTitle')"
+          :aria-label="t('composer.queueSteerTitle')"
+          @click.stop="emit('steerQueue')"
+        >
+          <Icon name="bolt" size="sm" />
+          {{ t('composer.queueSteerNow') }}
+        </Button>
       </div>
       <div
         v-for="(item, qi) in queued"
@@ -743,6 +759,16 @@ function isStreamingRenderBlock(turn: ChatTurn, block: { sourceIndex: number }):
           </div>
           <span v-if="qi === 0" class="q-tag q-tag-next">{{ t('composer.queueNext') }}</span>
           <span v-else class="q-tag q-tag-idx">#{{ qi + 1 }}</span>
+          <Button
+            variant="ghost"
+            size="sm"
+            :title="t('composer.queueSteerOneTitle')"
+            :aria-label="t('composer.queueSteerOneTitle')"
+            @click.stop="emit('steerQueued', qi)"
+          >
+            <Icon name="bolt" size="sm" />
+            {{ t('composer.queueSteerNow') }}
+          </Button>
           <button
             type="button"
             class="q-rm"

apps/kimi-web/src/components/chat/Composer.vue

@@ -491,8 +491,9 @@ function handleKeydown(e: KeyboardEvent): void {
     }
   }
 
-  // Ctrl+S / Cmd+S — steer into the running turn (TUI parity)
-  if (e.key === 's' && (e.ctrlKey || e.metaKey) && !e.shiftKey && !e.altKey) {
+  // Ctrl+S / Cmd+S — steer into the running turn (TUI parity). toLowerCase so
+  // CapsLock (key: 'S') doesn't defeat the match, same as the sidebar's Ctrl+K.
+  if (e.key.toLowerCase() === 's' && (e.ctrlKey || e.metaKey) && !e.shiftKey && !e.altKey) {
     if (props.running) {
       e.preventDefault();
       handleSteer();

apps/kimi-web/src/components/chat/ConversationPane.vue

@@ -108,6 +108,7 @@ const emit = defineEmits<{
   interrupt: [];
   unqueue: [index: number];
   editQueued: [index: number];
+  steerQueued: [index: number];
   reorderQueue: [payload: { from: number; to: number }];
   setPermission: [mode: PermissionMode];
   setThinking: [level: ThinkingLevel];
@@ -1436,6 +1437,8 @@ defineExpose({ loadComposerForEdit, focusComposer });
               @unqueue="emit('unqueue', $event)"
               @edit-queued="handleEditQueued"
               @reorder-queue="handleReorderQueue"
+              @steer-queue="emit('steer', { text: '', attachments: [] })"
+              @steer-queued="emit('steerQueued', $event)"
             />
           </template>
         </div>