ext/hyperframes
2
0
Fork 0
mirror of https://github.com/heygen-com/hyperframes.git synced 2026-09-08 02:36:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(studio): shell UX — data-loss guards, error surfacing, dialog contracts, toasts (#1964)

Browse Source
This commit is contained in:
Vance Ingalls
2026-07-06 16:56:06 -07:00
committed by GitHub
parent ccc1308839
commit 89e36da13d
23 changed files with 700 additions and 281 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/studio/src/components/StudioSplash.tsx
+6 -3
View File
@@ -2,15 +2,18 @@ export function StudioSplash({ waiting }: { waiting?: boolean }) {
return (
<div className="h-full w-full bg-neutral-950 flex items-center justify-center">
{waiting ? (
<div className="flex flex-col items-center gap-3 text-center px-6">
<div className="w-4 h-4 rounded-full border-2 border-neutral-700 border-t-neutral-500 animate-spin" />
<div className="flex flex-col items-center gap-3 text-center px-6" role="status">
<div className="w-4 h-4 rounded-full border-2 border-neutral-700 border-t-neutral-500 animate-spin motion-reduce:animate-none" />
<p className="text-xs text-neutral-600">
Waiting for preview server… run{" "}
<code className="text-neutral-500 font-mono">npm run dev</code>
</p>
</div>
) : (
<div className="w-4 h-4 rounded-full bg-studio-accent animate-pulse" />
<div className="flex flex-col items-center gap-3 text-center px-6" role="status">
<div className="w-4 h-4 rounded-full bg-studio-accent animate-pulse motion-reduce:animate-none" />
<p className="text-xs text-neutral-600">Connecting to project…</p>
</div>
)}
</div>
);