shelley/ui: show hostname in status bar, hint about image/file in placeholder

Philip Zeyliger created 4 months ago

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...'

Change summary

ui/src/components/ChatInterface.tsx | 2 +-
ui/src/components/MessageInput.tsx  | 2 +-
2 files changed, 2 insertions(+), 2 deletions(-)

Detailed changes

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={

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}