From 433cb9b6683e49f76eb830be3a86888683102f33 Mon Sep 17 00:00:00 2001
From: Philip Zeyliger <philip@bold.dev>
Date: Wed, 7 Jan 2026 12:43:13 -0800
Subject: [PATCH] shelley/ui: show hostname in status bar, hint about
 image/file in placeholder

https://github.com/boldsoftware/exe.dev/issues/92

Prompt: Instead of 'Ready' in the status bar, let's write 'Ready on (hostname)' to indicate the hostname the user is on. Instead of 'type your message' as a placeholder, mention briefly that a user could paste an image or attach a file. Do it very succicnctly

- Change status bar from 'Ready' to 'Ready on {hostname}'
- Update input placeholder to 'Message, paste image, or attach file...'
---
 ui/src/components/ChatInterface.tsx | 2 +-
 ui/src/components/MessageInput.tsx  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/src/components/ChatInterface.tsx b/ui/src/components/ChatInterface.tsx
index 501a0f05cd24e7022180509c74112ea2e52b3ac0..bad79ffe8a1a216d31b059e75a6ce27fe755b570 100644
--- a/ui/src/components/ChatInterface.tsx
+++ b/ui/src/components/ChatInterface.tsx
@@ -1308,7 +1308,7 @@ function ChatInterface({
           ) : (
             // Active conversation - show Ready + context bar
             <div className="status-bar-active">
-              <span className="status-message status-ready">Ready</span>
+              <span className="status-message status-ready">Ready on {hostname}</span>
               <ContextUsageBar
                 contextWindowSize={contextWindowSize}
                 maxContextTokens={
diff --git a/ui/src/components/MessageInput.tsx b/ui/src/components/MessageInput.tsx
index 41209d9ea7e9cf163c5b87dc5fe9783c4fed663f..fc3e545e0bf50ff43eeeb2950e04531cd6f463a7 100644
--- a/ui/src/components/MessageInput.tsx
+++ b/ui/src/components/MessageInput.tsx
@@ -379,7 +379,7 @@ function MessageInput({
               requestAnimationFrame(() => requestAnimationFrame(onFocus));
             }
           }}
-          placeholder="Type your message..."
+          placeholder="Message, paste image, or attach file..."
           className="message-textarea"
           disabled={isDisabled}
           rows={1}