Archived

forked from Rockachopa/Timmy-time-dashboard

This repository has been archived on 2026-03-24. You can view files and clone it. You cannot open issues or pull requests or push a commit.

Files

Manus AI b4b508ff5a feat: add Timmy Chat mobile app (Expo/React Native)

- Single-screen chat interface with Timmy's sovereign AI personality
- Text messaging with real-time AI responses via server chat API
- Voice recording and playback with waveform visualization
- Image sharing (camera + photo library) with full-screen viewer
- File attachments via document picker
- Dark arcane theme matching the Timmy Time dashboard
- Custom app icon with glowing T circuit design
- Timmy system prompt ported from dashboard prompts.py
- Unit tests for chat utilities and message types

2026-02-26 21:55:41 -05:00

3.3 KiB

Raw Blame History

Timmy Chat — Mobile App Design

Overview

A sleek, single-screen chat app for talking to Timmy — the sovereign AI agent from the Timmy Time dashboard. Supports text, voice, image, and file messaging. Dark arcane theme matching Mission Control.

Screen List

1. Chat Screen (Home / Only Screen)

The entire app is a single full-screen chat interface. No tabs, no settings, no extra screens. Just you and Timmy.

2. No Other Screens

No settings, no profile, no onboarding. The app opens straight to chat.

Primary Content and Functionality

Chat Screen

Header: "TIMMY" title with status indicator (online/offline dot), minimal and clean
Message List: Full-screen scrollable message list (FlatList, inverted)
- User messages: right-aligned, purple/violet accent bubble
- Timmy messages: left-aligned, dark surface bubble with avatar initial "T"
- Image messages: thumbnail preview in bubble, tappable for full-screen
- File messages: file icon + filename + size in bubble
- Voice messages: waveform-style playback bar with play/pause + duration
- Timestamps shown subtly below message groups
Input Bar (bottom, always visible):
- Text input field (expandable, multi-line)
- Attachment button (left of input) — opens action sheet: Camera, Photo Library, File
- Voice record button (right of input, replaces send when input is empty)
- Send button (right of input, appears when text is entered)
- Hold-to-record voice: press and hold mic icon, release to send

Key User Flows

Text Chat

User types message → taps Send
Message appears in chat as "sending"
Server responds → Timmy's reply appears below

Voice Message

User presses and holds mic button
Recording indicator appears (duration + pulsing dot)
User releases → voice message sent
Timmy responds with text (server processes audio)

User taps attachment (+) button
Action sheet: "Take Photo" / "Choose from Library"
Image appears as thumbnail in chat
Timmy acknowledges receipt

User taps attachment (+) button → "Choose File"
Document picker opens
File appears in chat with name + size
Timmy acknowledges receipt

Color Choices (Arcane Dark Theme)

Matching the Timmy Time Mission Control dashboard:

Token	Dark Value	Purpose
background	#080412	Deep dark purple-black
surface	#110820	Card/bubble background
foreground	#ede0ff	Primary text (bright lavender)
muted	#6b4a8a	Secondary/timestamp text
primary	#a855f7	Accent purple (user bubbles)
border	#3b1a5c	Subtle borders
success	#00e87a	Online status, success
warning	#ffb800	Amber warnings
error	#ff4455	Error states

Layout Specifics (Portrait 9:16, One-Handed)

Input bar pinned to bottom with safe area padding
Send/mic button on right (thumb-reachable)
Attachment button on left of input
Messages fill remaining space above input
No tab bar — single screen app
Header is compact (44pt) with just title + status dot

3.3 KiB Raw Blame History