:)

frontend/src/App.tsx

@@ -36,7 +36,7 @@ function reviewIdFromPath(): string | null {
 
 /** Minimum time the boot splash stays visible, so the bloom animation
  *  actually plays even when the session restores instantly. */
-const MIN_SPLASH_MS = 2500;
+const MIN_SPLASH_MS = 1500;
 
 function applyTheme(theme: string) {
   const root = document.documentElement;

frontend/src/components/SharePage.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { Bot, CloudOff, Globe, User as UserIcon } from "lucide-react";
+import { Archive, Bot, CloudOff, Globe, User as UserIcon } from "lucide-react";
 import { api } from "../lib/api.ts";
 import type { SharedChat } from "../lib/types.ts";
 import { AssistantAvatar, Avatar, FlowerMark } from "./ui.tsx";
@@ -23,11 +23,16 @@ export function SharePage({ publicId }: { publicId: string }) {
         <div className="mx-auto flex w-full max-w-3xl items-center gap-2.5 px-4 py-3">
           <FlowerMark size={36} dynamic={false} />
           <div className="min-w-0 flex-1">
-            <p className="truncate font-semibold">{chat?.title ?? t("share.fallback")}</p>
+            <p className="truncate font-semibold">{chat?.title ?? "Shared chat"}</p>
             {chat && (
-              <p className="flex items-center gap-1.5 text-xs opacity-60">
-                <Globe size={11} /> {t("share.by", { name: chat.authorName })} · {new Date(chat.sharedAt).toLocaleDateString()}
+              <p className="flex flex-wrap items-center gap-1.5 text-xs opacity-60">
+                <Globe size={11} /> by {chat.authorName} · {new Date(chat.sharedAt).toLocaleDateString()}
                 {chat.model && <> · {chat.model.split(":").pop()}</>}
+                {chat.archived && (
+                  <span className="inline-flex items-center gap-1 rounded-full bg-stone-200/70 px-2 py-0.5 font-medium opacity-100 dark:bg-zinc-800">
+                    <Archive size={11} /> Archived
+                  </span>
+                )}
               </p>
             )}
           </div>

frontend/src/components/Sidebar.tsx

@@ -274,13 +274,13 @@ export function Sidebar({
       )}
 
       <div className="space-y-2 rounded-2xl border border-stone-200/70 bg-white p-2.5 dark:border-zinc-800 dark:bg-zinc-900">
-        <button onClick={onOpenSettings} className="m-0.5 flex w-[calc(100%-4px)] items-center gap-2.5 rounded-xl p-1.5 text-left transition hover:bg-accent-600/10" title={t("sidebar.settingsTip")}>
+        <button onClick={onOpenSettings} className="flex w-full items-center gap-2.5 rounded-xl p-1.5 text-left transition hover:bg-accent-600/10" title={t("sidebar.settingsTip")}>
           <Avatar name={user.displayName} url={user.avatarUrl} size={34} />
           <span className="min-w-0 flex-1">
             <span className="block truncate text-sm font-medium">{user.displayName}</span>
             <span className="block truncate text-xs opacity-60">@{user.username}{user.isAdmin ? ` · ${t("sidebar.admin")}` : ""}</span>
           </span>
-          <Settings size={16} className="opacity-50" />
+          <Settings size={16} className="mr-2 shrink-0 opacity-50" />
         </button>
         <div className="flex gap-1.5">
           {user.isAdmin && (

frontend/src/components/dialogs.tsx

@@ -498,6 +498,9 @@ export function SettingsModal({
           )}
         </div>
 
+        {search.trim() && visibleCats.length === 0 ? (
+          <p className="px-2 py-4 text-center text-sm opacity-50">{t("settings.noMatch", { q: search.trim() })}</p>
+        ) : (
         <div className="flex flex-col gap-4 sm:flex-row">
           <nav aria-label="Settings categories" className="flex shrink-0 gap-1.5 overflow-x-auto sm:w-44 sm:flex-col">
             {visibleCats.map((c) => (
@@ -635,9 +638,6 @@ export function SettingsModal({
             )}
           </div>
         </div>
-
-        {search.trim() && visibleCats.length === 0 && (
-          <p className="px-2 py-4 text-center text-sm opacity-50">{t("settings.noMatch", { q: search.trim() })}</p>
         )}
 
         {error && <p className="text-sm text-red-600 dark:text-red-400">{error}</p>}

frontend/src/lib/types.ts

@@ -52,6 +52,7 @@ export interface SharedChat {
   model: string;
   authorName: string;
   authorAvatarUrl: string;
+  archived: boolean;
   sharedAt: number;
   messages: ChatMessage[];
 }