Improve agent input placeholder
This commit is contained in:
@@ -808,7 +808,7 @@ export function AgentInputArea({
|
|||||||
onRemoveImage={handleRemoveImage}
|
onRemoveImage={handleRemoveImage}
|
||||||
client={client}
|
client={client}
|
||||||
isReadyForDictation={isDictationReady}
|
isReadyForDictation={isDictationReady}
|
||||||
placeholder="Message agent..."
|
placeholder="Message the agent, tag @files, or use /commands and /skills"
|
||||||
autoFocus={autoFocus && isDesktopWebBreakpoint}
|
autoFocus={autoFocus && isDesktopWebBreakpoint}
|
||||||
autoFocusKey={`${serverId}:${agentId}`}
|
autoFocusKey={`${serverId}:${agentId}`}
|
||||||
disabled={isSubmitLoading}
|
disabled={isSubmitLoading}
|
||||||
|
|||||||
@@ -718,7 +718,7 @@ export const MessageInput = forwardRef<MessageInputRef, MessageInputProps>(funct
|
|||||||
value={value}
|
value={value}
|
||||||
onChangeText={handleInputChange}
|
onChangeText={handleInputChange}
|
||||||
placeholder={placeholder}
|
placeholder={placeholder}
|
||||||
placeholderTextColor={theme.colors.mutedForeground}
|
placeholderTextColor={theme.colors.surface4}
|
||||||
onFocus={() => {
|
onFocus={() => {
|
||||||
isInputFocusedRef.current = true
|
isInputFocusedRef.current = true
|
||||||
onFocusChange?.(true)
|
onFocusChange?.(true)
|
||||||
|
|||||||
@@ -110,6 +110,7 @@ const lightSemanticColors = {
|
|||||||
surface1: "#fafafa", // Subtle hover (was zinc-100, now zinc-50)
|
surface1: "#fafafa", // Subtle hover (was zinc-100, now zinc-50)
|
||||||
surface2: "#f4f4f5", // Elevated: badges, inputs, sheets (was zinc-200, now zinc-100)
|
surface2: "#f4f4f5", // Elevated: badges, inputs, sheets (was zinc-200, now zinc-100)
|
||||||
surface3: "#e4e4e7", // Highest elevation (was zinc-300, now zinc-200)
|
surface3: "#e4e4e7", // Highest elevation (was zinc-300, now zinc-200)
|
||||||
|
surface4: "#d4d4d8", // Extra emphasis (was zinc-400, now zinc-300)
|
||||||
surfaceSidebar: "#f4f4f5", // Sidebar background (darker than main)
|
surfaceSidebar: "#f4f4f5", // Sidebar background (darker than main)
|
||||||
|
|
||||||
// Text
|
// Text
|
||||||
@@ -180,6 +181,7 @@ const darkSemanticColors = {
|
|||||||
surface1: "#1f1f23", // Subtle hover
|
surface1: "#1f1f23", // Subtle hover
|
||||||
surface2: "#27272a", // Elevated: badges, inputs, sheets
|
surface2: "#27272a", // Elevated: badges, inputs, sheets
|
||||||
surface3: "#3f3f46", // Highest elevation
|
surface3: "#3f3f46", // Highest elevation
|
||||||
|
surface4: "#52525b", // Extra emphasis
|
||||||
surfaceSidebar: "#121216", // Sidebar background (darker than main)
|
surfaceSidebar: "#121216", // Sidebar background (darker than main)
|
||||||
|
|
||||||
// Text
|
// Text
|
||||||
|
|||||||
Reference in New Issue
Block a user