openuispec 0.2.9 → 0.2.11

package/examples/social-app/generated/web/social-app/src/lib/utils.ts

@@ -1,97 +0,0 @@
-import { useEffect, useState } from "react";
-import { useSearchParams } from "react-router";
-import { tokens, type SizeClass } from "./tokens";
-
-export function cn(...parts: Array<string | false | null | undefined>) {
-  return parts.filter(Boolean).join(" ");
-}
-
-export function formatNumber(value: number) {
-  return new Intl.NumberFormat().format(value);
-}
-
-export function formatDate(value: string) {
-  return new Intl.DateTimeFormat(undefined, {
-    month: "short",
-    day: "numeric",
-    year: "numeric",
-  }).format(new Date(value));
-}
-
-export function formatTime(value: string) {
-  return new Intl.DateTimeFormat(undefined, {
-    hour: "numeric",
-    minute: "2-digit",
-  }).format(new Date(value));
-}
-
-export function formatRelativeDate(value: string) {
-  const now = Date.now();
-  const then = new Date(value).getTime();
-  const diffHours = Math.round((then - now) / (1000 * 60 * 60));
-  const absHours = Math.abs(diffHours);
-  const relativeFormat = new Intl.RelativeTimeFormat(undefined, { numeric: "auto" });
-  if (absHours < 24) {
-    return relativeFormat.format(diffHours, "hour");
-  }
-  const diffDays = Math.round(diffHours / 24);
-  return relativeFormat.format(diffDays, "day");
-}
-
-export type UiScenario = "normal" | "loading" | "empty" | "error";
-
-export function useUiScenario() {
-  const [searchParams] = useSearchParams();
-  const ui = searchParams.get("ui");
-  if (ui === "loading" || ui === "empty" || ui === "error") {
-    return ui;
-  }
-  return "normal" as const;
-}
-
-export function useSimulatedLoading(key: string, scenario: UiScenario) {
-  const [loading, setLoading] = useState(true);
-
-  useEffect(() => {
-    if (scenario === "loading") {
-      setLoading(true);
-      return;
-    }
-
-    setLoading(true);
-    const timer = window.setTimeout(() => setLoading(false), 320);
-    return () => window.clearTimeout(timer);
-  }, [key, scenario]);
-
-  return loading;
-}
-
-export function useSizeClass(): SizeClass {
-  const [sizeClass, setSizeClass] = useState<SizeClass>(() => getSizeClass(window.innerWidth));
-
-  useEffect(() => {
-    const onResize = () => setSizeClass(getSizeClass(window.innerWidth));
-    window.addEventListener("resize", onResize);
-    return () => window.removeEventListener("resize", onResize);
-  }, []);
-
-  return sizeClass;
-}
-
-function getSizeClass(width: number): SizeClass {
-  if (width <= tokens.breakpoints.compactMax) {
-    return "compact";
-  }
-  if (width <= tokens.breakpoints.regularMax) {
-    return "regular";
-  }
-  return "expanded";
-}
-
-export function getInitials(name: string) {
-  return name
-    .split(/\s+/)
-    .slice(0, 2)
-    .map((part) => part[0]?.toUpperCase() ?? "")
-    .join("");
-}

package/examples/social-app/generated/web/social-app/src/locales/en.json

@@ -1,67 +0,0 @@
-{
-  "$locale": "en",
-  "$direction": "ltr",
-  "nav.home": "Home",
-  "nav.discover": "Discover",
-  "nav.create": "Create",
-  "nav.notifications": "Notifications",
-  "nav.profile": "Profile",
-  "home.filter_all": "All",
-  "home.filter_following": "Following",
-  "home.filter_popular": "Popular",
-  "home.empty_feed": "No posts yet. Follow people to see their posts here.",
-  "discover.search_placeholder": "Search posts, people, tags…",
-  "discover.trending": "Trending",
-  "discover.popular_tags": "Popular Tags",
-  "discover.suggested_creators": "Suggested Creators",
-  "search.placeholder": "Search…",
-  "search.tab_posts": "Posts",
-  "search.tab_people": "People",
-  "search.tab_tags": "Tags",
-  "search.no_results": "No results found.",
-  "post.comments_header": "Comments",
-  "post.no_comments": "No comments yet. Be the first to comment.",
-  "post.comment_placeholder": "Write a comment…",
-  "post.comment_sent": "Comment posted.",
-  "post.like_action": "Like",
-  "profile.edit_button": "Edit Profile",
-  "profile.follow_button": "Follow",
-  "profile.posts_header": "Posts",
-  "profile.no_posts_self": "You haven't posted anything yet.",
-  "profile.no_posts_user": "This user hasn't posted anything yet.",
-  "edit_profile.avatar": "Profile Photo",
-  "edit_profile.display_name": "Display Name",
-  "edit_profile.handle": "Username",
-  "edit_profile.bio": "Bio",
-  "edit_profile.website": "Website",
-  "edit_profile.save": "Save Changes",
-  "edit_profile.saved": "Profile updated.",
-  "notifications.empty": "No notifications yet.",
-  "messages.search_placeholder": "Search conversations…",
-  "messages.empty_inbox": "No conversations yet.",
-  "chat.message_placeholder": "Type a message…",
-  "chat.empty_thread": "Start the conversation.",
-  "create_post.body_placeholder": "What's on your mind?",
-  "create_post.audience": "Audience",
-  "create_post.audience_public": "Public",
-  "create_post.audience_followers": "Followers Only",
-  "create_post.add_image": "Add Image",
-  "create_post.take_photo": "Take Photo",
-  "create_post.publish": "Publish",
-  "create_post.success": "Post published!",
-  "settings.appearance": "Appearance",
-  "settings.theme": "Theme",
-  "settings.theme_system": "System",
-  "settings.theme_light": "Light",
-  "settings.theme_dark": "Dark",
-  "settings.notifications": "Notifications",
-  "settings.push_notifications": "Push Notifications",
-  "settings.message_previews": "Message Previews",
-  "settings.language": "Language",
-  "settings.auto_translate": "Auto-translate Posts",
-  "settings.account": "Account",
-  "settings.edit_profile": "Edit Profile",
-  "settings.logout": "Log Out",
-  "settings.logout_confirm": "Are you sure you want to log out?",
-  "common.cancel": "Cancel"
-}

package/examples/social-app/generated/web/social-app/src/locales/ru.json

@@ -1,67 +0,0 @@
-{
-  "$locale": "ru",
-  "$direction": "ltr",
-  "nav.home": "Главная",
-  "nav.discover": "Обзор",
-  "nav.create": "Создать",
-  "nav.notifications": "Уведомления",
-  "nav.profile": "Профиль",
-  "home.filter_all": "Все",
-  "home.filter_following": "Подписки",
-  "home.filter_popular": "Популярное",
-  "home.empty_feed": "Пока нет записей. Подпишитесь на людей, чтобы видеть их публикации.",
-  "discover.search_placeholder": "Поиск записей, людей, тегов…",
-  "discover.trending": "В тренде",
-  "discover.popular_tags": "Популярные теги",
-  "discover.suggested_creators": "Рекомендуемые авторы",
-  "search.placeholder": "Поиск…",
-  "search.tab_posts": "Записи",
-  "search.tab_people": "Люди",
-  "search.tab_tags": "Теги",
-  "search.no_results": "Ничего не найдено.",
-  "post.comments_header": "Комментарии",
-  "post.no_comments": "Пока нет комментариев. Будьте первым.",
-  "post.comment_placeholder": "Написать комментарий…",
-  "post.comment_sent": "Комментарий опубликован.",
-  "post.like_action": "Нравится",
-  "profile.edit_button": "Редактировать",
-  "profile.follow_button": "Подписаться",
-  "profile.posts_header": "Записи",
-  "profile.no_posts_self": "У вас пока нет записей.",
-  "profile.no_posts_user": "У этого пользователя пока нет записей.",
-  "edit_profile.avatar": "Фото профиля",
-  "edit_profile.display_name": "Имя",
-  "edit_profile.handle": "Имя пользователя",
-  "edit_profile.bio": "О себе",
-  "edit_profile.website": "Сайт",
-  "edit_profile.save": "Сохранить",
-  "edit_profile.saved": "Профиль обновлён.",
-  "notifications.empty": "Пока нет уведомлений.",
-  "messages.search_placeholder": "Поиск переписок…",
-  "messages.empty_inbox": "Пока нет переписок.",
-  "chat.message_placeholder": "Написать сообщение…",
-  "chat.empty_thread": "Начните разговор.",
-  "create_post.body_placeholder": "Что у вас нового?",
-  "create_post.audience": "Аудитория",
-  "create_post.audience_public": "Все",
-  "create_post.audience_followers": "Только подписчики",
-  "create_post.add_image": "Добавить фото",
-  "create_post.take_photo": "Сделать фото",
-  "create_post.publish": "Опубликовать",
-  "create_post.success": "Запись опубликована!",
-  "settings.appearance": "Оформление",
-  "settings.theme": "Тема",
-  "settings.theme_system": "Системная",
-  "settings.theme_light": "Светлая",
-  "settings.theme_dark": "Тёмная",
-  "settings.notifications": "Уведомления",
-  "settings.push_notifications": "Push-уведомления",
-  "settings.message_previews": "Превью сообщений",
-  "settings.language": "Язык",
-  "settings.auto_translate": "Автоперевод записей",
-  "settings.account": "Аккаунт",
-  "settings.edit_profile": "Редактировать профиль",
-  "settings.logout": "Выйти",
-  "settings.logout_confirm": "Вы уверены, что хотите выйти?",
-  "common.cancel": "Отмена"
-}

package/examples/social-app/generated/web/social-app/src/locales/uz.json

@@ -1,67 +0,0 @@
-{
-  "$locale": "uz",
-  "$direction": "ltr",
-  "nav.home": "Bosh sahifa",
-  "nav.discover": "Kashfiyot",
-  "nav.create": "Yaratish",
-  "nav.notifications": "Bildirishnomalar",
-  "nav.profile": "Profil",
-  "home.filter_all": "Hammasi",
-  "home.filter_following": "Obunalar",
-  "home.filter_popular": "Ommabop",
-  "home.empty_feed": "Hozircha postlar yoʻq. Postlarini koʻrish uchun odamlarga obuna boʻling.",
-  "discover.search_placeholder": "Postlar, odamlar, teglar qidirish…",
-  "discover.trending": "Trendda",
-  "discover.popular_tags": "Ommabop teglar",
-  "discover.suggested_creators": "Tavsiya etilgan mualliflar",
-  "search.placeholder": "Qidirish…",
-  "search.tab_posts": "Postlar",
-  "search.tab_people": "Odamlar",
-  "search.tab_tags": "Teglar",
-  "search.no_results": "Hech narsa topilmadi.",
-  "post.comments_header": "Izohlar",
-  "post.no_comments": "Hozircha izohlar yoʻq. Birinchi boʻling.",
-  "post.comment_placeholder": "Izoh yozish…",
-  "post.comment_sent": "Izoh joʻnatildi.",
-  "post.like_action": "Yoqtirish",
-  "profile.edit_button": "Tahrirlash",
-  "profile.follow_button": "Obuna boʻlish",
-  "profile.posts_header": "Postlar",
-  "profile.no_posts_self": "Sizda hozircha postlar yoʻq.",
-  "profile.no_posts_user": "Bu foydalanuvchida hozircha postlar yoʻq.",
-  "edit_profile.avatar": "Profil rasmi",
-  "edit_profile.display_name": "Ism",
-  "edit_profile.handle": "Foydalanuvchi nomi",
-  "edit_profile.bio": "Bio",
-  "edit_profile.website": "Veb-sayt",
-  "edit_profile.save": "Saqlash",
-  "edit_profile.saved": "Profil yangilandi.",
-  "notifications.empty": "Hozircha bildirishnomalar yoʻq.",
-  "messages.search_placeholder": "Suhbatlarni qidirish…",
-  "messages.empty_inbox": "Hozircha suhbatlar yoʻq.",
-  "chat.message_placeholder": "Xabar yozish…",
-  "chat.empty_thread": "Suhbatni boshlang.",
-  "create_post.body_placeholder": "Nima yangiliklar?",
-  "create_post.audience": "Auditoriya",
-  "create_post.audience_public": "Hamma",
-  "create_post.audience_followers": "Faqat obunachilar",
-  "create_post.add_image": "Rasm qoʻshish",
-  "create_post.take_photo": "Suratga olish",
-  "create_post.publish": "Eʼlon qilish",
-  "create_post.success": "Post eʼlon qilindi!",
-  "settings.appearance": "Koʻrinish",
-  "settings.theme": "Mavzu",
-  "settings.theme_system": "Tizim",
-  "settings.theme_light": "Yorugʻ",
-  "settings.theme_dark": "Qorongʻu",
-  "settings.notifications": "Bildirishnomalar",
-  "settings.push_notifications": "Push-bildirishnomalar",
-  "settings.message_previews": "Xabar koʻrinishi",
-  "settings.language": "Til",
-  "settings.auto_translate": "Postlarni avtotarjima qilish",
-  "settings.account": "Hisob",
-  "settings.edit_profile": "Profilni tahrirlash",
-  "settings.logout": "Chiqish",
-  "settings.logout_confirm": "Chiqishga ishonchingiz komilmi?",
-  "common.cancel": "Bekor qilish"
-}

package/examples/social-app/generated/web/social-app/src/main.tsx

@@ -1,16 +0,0 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import { App } from "./app/App";
-import "./styles.css";
-
-const root = document.getElementById("root");
-
-if (!root) {
-  throw new Error("Missing root element");
-}
-
-createRoot(root).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-);

package/examples/social-app/generated/web/social-app/src/screens/ChatDetailScreen.tsx

@@ -1,90 +0,0 @@
-import { useState } from "react";
-import { useParams } from "react-router";
-import { useI18n } from "../i18n";
-import { MessageBubble } from "../components/cards";
-import { EmptyState, ErrorState, ScreenScaffold, SkeletonList, TextField, ActionButton } from "../components/ui";
-import { selectConversationById, selectMessagesByConversation, selectUserById, useAppStore } from "../state/store";
-import { useSimulatedLoading, useUiScenario } from "../lib/utils";
-
-export function ChatDetailScreen() {
-  const { t } = useI18n();
-  const { conversationId = "" } = useParams();
-  const scenario = useUiScenario();
-  const loading = useSimulatedLoading(`chat-${conversationId}`, scenario);
-  const [messageText, setMessageText] = useState("");
-  const state = useAppStore();
-  const conversation = scenario === "empty" ? undefined : selectConversationById(state, conversationId);
-  const messages = scenario === "empty" ? [] : selectMessagesByConversation(state, conversationId);
-
-  if (scenario === "error") {
-    return (
-      <ScreenScaffold title="Conversation">
-        <ErrorState title="Thread unavailable" description="The thread request failed. Remove `?ui=error` to restore it." />
-      </ScreenScaffold>
-    );
-  }
-
-  if (loading) {
-    return (
-      <ScreenScaffold title="Conversation">
-        <SkeletonList count={5} />
-      </ScreenScaffold>
-    );
-  }
-
-  if (!conversation) {
-    return (
-      <ScreenScaffold title="Conversation">
-        <EmptyState title="No thread found" description="This conversation is not available in the local mock store." />
-      </ScreenScaffold>
-    );
-  }
-
-  return (
-    <ScreenScaffold title="Conversation" subtitle="Alternating message bubble geometry and inline send action.">
-      {messages.length === 0 ? (
-        <EmptyState title="No messages yet" description={t("chat.empty_thread")} />
-      ) : (
-        <div className="space-y-2">
-          {messages.map((message) => {
-            const author = selectUserById(state, message.senderId);
-            if (!author) {
-              return null;
-            }
-            return (
-              <MessageBubble
-                key={message.id}
-                message={message}
-                author={author}
-                isMine={message.senderId === state.currentUserId}
-              />
-            );
-          })}
-        </div>
-      )}
-
-      <TextField
-        label={t("chat.message_placeholder")}
-        value={messageText}
-        multiline
-        onValueChange={setMessageText}
-        placeholder={t("chat.message_placeholder")}
-        trailingAction={
-          <ActionButton
-            variant="primary"
-            icon="send"
-            onClick={() => {
-              if (!messageText.trim()) {
-                return;
-              }
-              state.sendMessage(conversationId, messageText.trim());
-              setMessageText("");
-            }}
-          >
-            Send
-          </ActionButton>
-        }
-      />
-    </ScreenScaffold>
-  );
-}

package/examples/social-app/generated/web/social-app/src/screens/DiscoverScreen.tsx

@@ -1,86 +0,0 @@
-import { useDeferredValue, useState } from "react";
-import { useNavigate } from "react-router";
-import { useI18n } from "../i18n";
-import { CreatorCard, TrendRow } from "../components/cards";
-import { ActionButton, ErrorState, ScreenScaffold, SectionTitle, SkeletonList, TextField } from "../components/ui";
-import { useSimulatedLoading, useUiScenario } from "../lib/utils";
-import { selectDiscoverCreators, useAppStore } from "../state/store";
-
-export function DiscoverScreen() {
-  const { t } = useI18n();
-  const navigate = useNavigate();
-  const scenario = useUiScenario();
-  const loading = useSimulatedLoading("discover", scenario);
-  const [searchQuery, setSearchQuery] = useState("");
-  const deferredQuery = useDeferredValue(searchQuery);
-  const state = useAppStore();
-  const creators = scenario === "empty" ? [] : selectDiscoverCreators(state);
-  const trends = scenario === "empty" ? [] : state.trends;
-  const tags = scenario === "empty" ? [] : state.tags;
-
-  return (
-    <ScreenScaffold title={t("nav.discover")} subtitle="Search, trending topics, tags, and suggested creators.">
-      <TextField
-        label={t("discover.search_placeholder")}
-        value={searchQuery}
-        onValueChange={setSearchQuery}
-        placeholder={t("discover.search_placeholder")}
-        trailingAction={
-          <ActionButton
-            variant="primary"
-            icon="search"
-            onClick={() => navigate(`/search?query=${encodeURIComponent(deferredQuery || searchQuery)}&tab=posts`)}
-          >
-            Search
-          </ActionButton>
-        }
-      />
-
-      {scenario === "error" ? (
-        <ErrorState title="Discover unavailable" description="The discover request failed. Remove `?ui=error` to return to the normal dataset." />
-      ) : loading ? (
-        <SkeletonList count={4} tall />
-      ) : (
-        <>
-          <section className="space-y-4">
-            <SectionTitle>{t("discover.trending")}</SectionTitle>
-            <div className="space-y-3">
-              {trends.map((trend) => (
-                <TrendRow
-                  key={trend.id}
-                  title={trend.label}
-                  subtitle={`${trend.postCount.toLocaleString()} posts`}
-                  onClick={() => navigate(`/search?query=${encodeURIComponent(trend.label)}&tab=posts`)}
-                />
-              ))}
-            </div>
-          </section>
-
-          <section className="space-y-4">
-            <SectionTitle>{t("discover.popular_tags")}</SectionTitle>
-            <div className="no-scrollbar flex gap-2 overflow-x-auto pb-1">
-              {tags.map((tag) => (
-                <ActionButton
-                  key={tag.id}
-                  variant="chip"
-                  onClick={() => navigate(`/search?query=${encodeURIComponent(`#${tag.name}`)}&tab=posts`)}
-                >
-                  #{tag.name}
-                </ActionButton>
-              ))}
-            </div>
-          </section>
-
-          <section className="space-y-4">
-            <SectionTitle>{t("discover.suggested_creators")}</SectionTitle>
-            <div className="no-scrollbar flex snap-x gap-3 overflow-x-auto pb-2">
-              {creators.map((creator) => (
-                <CreatorCard key={creator.id} user={creator} to={`/u/${creator.id}`} />
-              ))}
-            </div>
-          </section>
-        </>
-      )}
-    </ScreenScaffold>
-  );
-}

package/examples/social-app/generated/web/social-app/src/screens/EditProfileScreen.tsx

@@ -1,57 +0,0 @@
-import { useEffect, useState } from "react";
-import { useNavigate } from "react-router";
-import { useI18n } from "../i18n";
-import { Avatar } from "../components/ui";
-import { ActionButton, ScreenScaffold, Surface, TextField } from "../components/ui";
-import { selectCurrentUser, useAppStore } from "../state/store";
-
-export function EditProfileScreen() {
-  const { t } = useI18n();
-  const navigate = useNavigate();
-  const state = useAppStore();
-  const user = selectCurrentUser(state);
-  const [displayName, setDisplayName] = useState(user.displayName);
-  const [handle, setHandle] = useState(user.handle);
-  const [bio, setBio] = useState(user.bio ?? "");
-  const [website, setWebsite] = useState(user.website ?? "");
-
-  useEffect(() => {
-    setDisplayName(user.displayName);
-    setHandle(user.handle);
-    setBio(user.bio ?? "");
-    setWebsite(user.website ?? "");
-  }, [user]);
-
-  return (
-    <ScreenScaffold title="Edit Profile" subtitle="Profile photo card, text fields, and save toast.">
-      <Surface className="p-6">
-        <div className="flex items-center gap-4">
-          <Avatar src={user.avatarUrl} name={user.displayName} size="lg" />
-          <div>
-            <p className="text-sm text-[var(--color-text-secondary)]">{t("edit_profile.avatar")}</p>
-            <p className="mt-1 font-semibold text-[var(--color-text-primary)]">{user.displayName}</p>
-          </div>
-        </div>
-      </Surface>
-
-      <div className="space-y-4">
-        <TextField label={t("edit_profile.display_name")} value={displayName} onValueChange={setDisplayName} />
-        <TextField label={t("edit_profile.handle")} value={handle} onValueChange={setHandle} />
-        <TextField label={t("edit_profile.bio")} value={bio} multiline onValueChange={setBio} maxLength={160} />
-        <TextField label={t("edit_profile.website")} value={website} onValueChange={setWebsite} type="url" />
-      </div>
-
-      <ActionButton
-        variant="primary"
-        fullWidth
-        onClick={() => {
-          state.updateProfile({ displayName, handle, bio, website });
-          state.showToast(t("edit_profile.saved"));
-          navigate("/profile");
-        }}
-      >
-        {t("edit_profile.save")}
-      </ActionButton>
-    </ScreenScaffold>
-  );
-}

package/examples/social-app/generated/web/social-app/src/screens/HomeFeedScreen.tsx

@@ -1,103 +0,0 @@
-import { useMemo, useState, startTransition } from "react";
-import { useNavigate } from "react-router";
-import { useI18n } from "../i18n";
-import { selectFeed, selectStories, selectUserById, useAppStore } from "../state/store";
-import { PostCard, StoryCard } from "../components/cards";
-import { ActionButton, EmptyState, ErrorState, ScreenScaffold, SectionTitle, SkeletonList } from "../components/ui";
-import { useSimulatedLoading, useUiScenario } from "../lib/utils";
-
-export function HomeFeedScreen() {
-  const { t } = useI18n();
-  const navigate = useNavigate();
-  const scenario = useUiScenario();
-  const [activeFilter, setActiveFilter] = useState<"all" | "following" | "popular">("all");
-  const [searchQuery] = useState("");
-  const state = useAppStore();
-  const stories = selectStories(state);
-  const feed = selectFeed(state, activeFilter, searchQuery);
-  const loading = useSimulatedLoading(`home-${activeFilter}`, scenario);
-
-  const visibleFeed = useMemo(() => (scenario === "empty" ? [] : feed), [feed, scenario]);
-
-  return (
-    <ScreenScaffold title={t("nav.home")} subtitle="Stories, chip-based feed filters, and expressive card actions.">
-      <section className="space-y-4">
-        <SectionTitle>Stories</SectionTitle>
-        <div className="no-scrollbar flex snap-x gap-3 overflow-x-auto pb-2">
-          {stories.map((story) => (
-            <StoryCard
-              key={story.id}
-              name={story.author?.displayName ?? "Story"}
-              image={story.previewUrl}
-              to={`/posts/${story.id}`}
-            />
-          ))}
-        </div>
-      </section>
-
-      <section className="space-y-4">
-        <SectionTitle>Feed Filter</SectionTitle>
-        <div className="no-scrollbar flex gap-2 overflow-x-auto pb-1">
-          {[
-            { value: "all" as const, label: t("home.filter_all") },
-            { value: "following" as const, label: t("home.filter_following") },
-            { value: "popular" as const, label: t("home.filter_popular") },
-          ].map((option) => (
-            <ActionButton
-              key={option.value}
-              variant="chip"
-              selected={activeFilter === option.value}
-              onClick={() => startTransition(() => setActiveFilter(option.value))}
-            >
-              {option.label}
-            </ActionButton>
-          ))}
-        </div>
-      </section>
-
-      <section className="space-y-4">
-        <SectionTitle>Feed</SectionTitle>
-
-        {scenario === "error" ? (
-          <ErrorState title="Feed unavailable" description="The mock feed request failed. Remove `?ui=error` to restore the normal state." />
-        ) : loading ? (
-          <SkeletonList count={5} tall />
-        ) : visibleFeed.length === 0 ? (
-          <EmptyState title="Feed is empty" description={t("home.empty_feed")} />
-        ) : (
-          <div className="space-y-4">
-            {visibleFeed.map((post) => {
-              const author = selectUserById(state, post.authorId);
-              if (!author) {
-                return null;
-              }
-
-              return (
-                <div key={post.id} className="rounded-card border border-[var(--color-border-default)] bg-[var(--color-surface-secondary)] p-4 shadow-sm">
-                  <PostCard
-                    post={post}
-                    author={author}
-                    onOpen={() => navigate(`/posts/${post.id}`)}
-                    onAuthor={() => navigate(`/u/${author.id}`)}
-                    onLike={() => state.toggleLike(post.id)}
-                    onSave={() => state.toggleSave(post.id)}
-                  />
-                </div>
-              );
-            })}
-          </div>
-        )}
-      </section>
-
-      <ActionButton
-        variant="fab"
-        icon="create_post"
-        aria-label={t("nav.create")}
-        className="fixed bottom-20 right-4 z-30 lg:bottom-8 lg:right-8"
-        onClick={() => navigate("/create")}
-      >
-        {t("nav.create")}
-      </ActionButton>
-    </ScreenScaffold>
-  );
-}