mirror of
https://github.com/runbear-io/beardrive.git
synced 2026-08-25 08:08:08 +02:00
Snow LeeandClaude Fable 5
e022998c9f
Admin: top-level ⚙ settings entry (owners/admins), signup form states the domain restriction up front, invite list shows creator + join count, org-wide share audit shows creator/date and confirms before revoke, self-row role/remove controls disabled to avoid footguns. User: mobile header no longer overflows (per-file actions move to the ⌘K palette on narrow viewports; tables/pre scroll in their own container), empty-state copy works on mobile, share confirmation is now an explicit "anyone with this link can view" dialog with copy/open/revoke, invite links carry a "you've been invited" banner through login, joining opens the joined project, brand shown as the title, logout labeled, palette placeholder clarified to "file names". Tests: invite use-counter + creator in the owner list. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01R7Q9ZKSZRTdvrSJkYLUmYs
55 lines
2.2 KiB
HTML
55 lines
2.2 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>BearDrive</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>📁</text></svg>">
|
|
</head>
|
|
<body>
|
|
<div id="sb-backdrop"></div>
|
|
<aside id="sidebar">
|
|
<header id="vault">
|
|
<span id="vault-name">…</span>
|
|
<div class="vault-actions">
|
|
<button id="adminbar" class="adminbar" hidden></button>
|
|
<button id="settings-btn" class="icon-btn2" hidden title="Manage organization">⚙</button>
|
|
<a id="signout" href="/auth/logout" hidden title="Sign out" aria-label="Sign out">⏻</a>
|
|
</div>
|
|
</header>
|
|
<nav id="projects" aria-label="Projects" hidden></nav>
|
|
<nav id="tree" aria-label="Files"></nav>
|
|
<footer id="orgbar" hidden>
|
|
<span id="org-name" title="Manage organization"></span>
|
|
<button id="invite-btn" hidden title="Manage this organization">Manage</button>
|
|
</footer>
|
|
</aside>
|
|
<main id="main">
|
|
<header id="topbar">
|
|
<button id="menu-btn" class="icon-btn" title="Menu" aria-label="Menu">☰</button>
|
|
<span id="crumb"></span>
|
|
<span id="meta"></span>
|
|
<button id="search-btn" class="btn ghost" title="Search (⌘K)">🔍 Search <kbd>⌘K</kbd></button>
|
|
<button id="share-btn" class="btn" hidden>Share</button>
|
|
<button id="history-btn" class="btn" hidden>History</button>
|
|
<button id="upload-btn" class="btn" hidden>Upload</button>
|
|
<input id="upload-input" type="file" hidden>
|
|
<a id="download" class="btn" hidden download>Download</a>
|
|
</header>
|
|
<article id="content" class="markdown">
|
|
<div class="empty">Select a file to read it.</div>
|
|
</article>
|
|
</main>
|
|
<div id="palette-overlay" hidden>
|
|
<div id="palette" role="dialog" aria-label="Search and quick actions">
|
|
<input id="palette-input" type="text" placeholder="Search file names, projects, actions…"
|
|
autocomplete="off" spellcheck="false">
|
|
<ul id="palette-results"></ul>
|
|
<footer id="palette-hint">↑↓ navigate · ⏎ select · esc close</footer>
|
|
</div>
|
|
</div>
|
|
<script src="app.js"></script>
|
|
</body>
|
|
</html>
|