Show smart media

[imthatcarlos]

changes

smart media category in single post header

if a post is smart media (ie app name is Bonsai and metadata attributes are present) then show the category in the single post header

smart media details in sidebar

if a post is smart media, then show the category, template, description, and active status (green border) in the sidebar with fullpost

rationale

users on Hey aren't aware that the post they are looking at is dynamic, and can evolve over time. this PR introduces subtle enhancements to provide more queues

notes

• styles in both dark / light mode supported
• on the feed, we simple parse details from the metadata attributes. on the full post, we (gracefully) attempt to fetch the smart media metadata from the associated media url found in the metadata attributes

[Copilot]

Pull Request Overview

This PR introduces smart media enhancements by displaying additional metadata (category, template, description, active status) in both the single post header and sidebar. Key changes include:

• New TypeScript types and enums for smart media in the types file.
• A Zustand-based store and helper function to fetch and manage smart media data.
• UI updates in multiple post-related components to display smart media details.

Reviewed Changes

Copilot reviewed 10 out of 10 changed files in this pull request and generated 1 comment.

Show a summary per file

File	Description
apps/web/src/types/smart-media.ts	Adds new types and enums for smart media metadata.
apps/web/src/store/non-persisted/post/useSmartMediaStore.ts	Introduces a Zustand store to handle smart media fetching and state management.
apps/web/src/helpers/fetchSmartMedia.ts	Implements fetching logic with timeout and error handling for smart media data.
apps/web/src/components/SmartMedia/Details.tsx	Creates a details component to properly render smart media metadata.
apps/web/src/components/SmartMedia/Card.tsx	Develops a card UI with styling enhancements for smart media display.
apps/web/src/components/Post/*	Integrates smart media into post display components (headers, account, full post, single post).