feat: add explicit drag handles to sidebar lists and refactor workspace tab model

packages/app/src/screens/agent/draft-agent-screen.tsx

@@ -56,6 +56,7 @@ import { normalizeAgentSnapshot } from '@/utils/agent-snapshots'
 const DRAFT_AGENT_ID = '__new_agent__'
 const EMPTY_PENDING_PERMISSIONS = new Map()
 const EMPTY_STREAM_ITEMS: StreamItem[] = []
+const MAX_INITIAL_AGENT_TITLE_CHARS = 60
 const DRAFT_CAPABILITIES: AgentCapabilityFlags = {
   supportsStreaming: true,
   supportsSessionPersistence: false,
@@ -100,6 +101,22 @@ function getValidMode(provider: AgentProvider | undefined, value: string | undef
   return modes.some((mode) => mode.id === value) ? value : undefined
 }
 
+function deriveInitialAgentTitle(prompt: string): string | null {
+  const firstContentLine = prompt
+    .split(/\r?\n/)
+    .map((line) => line.trim())
+    .find((line) => line.length > 0)
+  if (!firstContentLine) {
+    return null
+  }
+  const normalized = firstContentLine.replace(/\s+/g, " ").trim()
+  if (!normalized) {
+    return null
+  }
+  const clamped = normalized.slice(0, MAX_INITIAL_AGENT_TITLE_CHARS).trim()
+  return clamped.length > 0 ? clamped : null
+}
+
 type DraftAgentParams = {
   serverId?: string
   provider?: string
@@ -981,9 +998,11 @@ function DraftAgentScreenContent({
       const modeId = modeOptions.length > 0 && selectedMode !== '' ? selectedMode : undefined
       const trimmedModel = selectedModel.trim()
       const trimmedThinkingOptionId = selectedThinkingOptionId.trim()
+      const derivedTitle = deriveInitialAgentTitle(trimmedPrompt)
       const config: AgentSessionConfig = {
         provider: selectedProvider,
         cwd: resolvedWorkingDir,
+        ...(derivedTitle ? { title: derivedTitle } : {}),
         ...(modeId ? { modeId } : {}),
         ...(trimmedModel ? { model: trimmedModel } : {}),
         ...(trimmedThinkingOptionId ? { thinkingOptionId: trimmedThinkingOptionId } : {}),