Skip to content

A little Lottie character for the empty Ask Lucid screen #84

Description

@ankitsejwal

The inline "thinking" indicator is settled — a native SF Symbol sparkle that shimmers next to the rotating word. That one I'm happy with and don't want to touch.

But I keep coming back to this pixel-art Claude animation on LottieFiles and it's charming: https://lottiefiles.com/free-animation/claude-h8K0CcrGcz (Lottie Simple License, ~4.4 KB). The Ask Lucid screen is a big empty black void before you send your first message — right now it's just the "Ask Lucid about your day…" line. A small looping character sitting there would give it some personality and make the blank state feel less dead.

To be clear about where it can and can't go: it does NOT belong in the inline thinking row. That row lives inside the @expo/ui <Host> native tree, and RN views (including LottieView) can't nest in there — trying that is what gave us the floating-overlay-over-the-text mess earlier. The empty state is a plain RN region though, so a Lottie there is fine.

Cost side, so future-me remembers: this pulls in lottie-react-native (a native module), so it needs a fresh dev-client build (ios:local) and the .lottie/.json bundled as an asset. Not worth a rebuild on its own — bundle it with the next time I'm already rebuilding for something else.

Nice-to-have, no rush.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions