chore: remove internal docs from repo, update public documentation

Remove docs/superpowers/, .claude/ config, and PRD.md from version
control (kept locally via .gitignore). Update README, CHANGELOG,
VitePress docs, and .env.example to reflect recent features: Files
page, teams, admin settings, persistent storage, and various API
improvements.

apps/web/src/pages/automate-page.tsx

@@ -236,6 +236,7 @@ export function AutomatePage() {
               {TEMPLATES.map((tpl) => (
                 <button
                   key={tpl.name}
+                  type="button"
                   onClick={() => loadTemplate(tpl)}
                   className="w-full text-left p-3 rounded-lg border border-border hover:bg-muted/50 transition-colors"
                 >
@@ -265,6 +266,7 @@ export function AutomatePage() {
                   >
                     <div className="flex items-center justify-between mb-1">
                       <button
+                        type="button"
                         onClick={() => loadSaved(pipeline)}
                         className="text-sm font-medium text-foreground hover:text-primary flex items-center gap-1.5"
                       >
@@ -272,6 +274,7 @@ export function AutomatePage() {
                         {pipeline.name}
                       </button>
                       <button
+                        type="button"
                         onClick={() => handleDelete(pipeline.id)}
                         className="opacity-0 group-hover:opacity-100 p-1 rounded hover:bg-destructive/10 text-muted-foreground hover:text-destructive transition-all"
                       >

apps/web/src/pages/fullscreen-grid-page.tsx

@@ -81,6 +81,7 @@ export function FullscreenGridPage() {
 
           {/* Toggle details */}
           <button
+            type="button"
             onClick={() => setShowDetails(!showDetails)}
             className={cn(
               "flex items-center gap-1.5 px-3 py-2 rounded-lg border border-border text-sm transition-colors",
@@ -97,6 +98,7 @@ export function FullscreenGridPage() {
 
           {/* Switch to sidebar view */}
           <button
+            type="button"
             onClick={() => navigate("/")}
             className="flex items-center gap-1.5 px-3 py-2 rounded-lg border border-border text-sm text-muted-foreground hover:bg-muted transition-colors"
             title="Switch to sidebar view"

apps/web/src/pages/home-page.tsx

@@ -55,6 +55,7 @@ export function HomePage() {
               {files.length > 1 && ` — ${files.length} files`}
             </p>
             <button
+              type="button"
               onClick={reset}
               className="text-xs text-muted-foreground hover:text-foreground mt-2"
             >
@@ -78,6 +79,7 @@ export function HomePage() {
                 return (
                   <button
                     key={id}
+                    type="button"
                     onClick={() => handleToolClick(tool.route)}
                     className="flex items-center gap-2 p-3 rounded-xl border border-border hover:border-primary hover:bg-primary/5 transition-colors text-left"
                   >
@@ -119,6 +121,7 @@ export function HomePage() {
                       return (
                         <button
                           key={tool.id}
+                          type="button"
                           onClick={() => handleToolClick(tool.route)}
                           className={cn(
                             "flex items-center gap-2.5 w-full py-1.5 px-2 rounded-lg text-left transition-colors",

apps/web/src/pages/tool-page.tsx

@@ -161,7 +161,11 @@ function FileSelectionInfo({
     <div className="space-y-1">
       <div className="flex items-center justify-between">
         <span className="text-xs font-medium text-foreground">Files ({files.length})</span>
-        <button onClick={onAddMore} className="text-xs text-primary hover:text-primary/80">
+        <button
+          type="button"
+          onClick={onAddMore}
+          className="text-xs text-primary hover:text-primary/80"
+        >
           + Add more
         </button>
       </div>
@@ -172,7 +176,11 @@ function FileSelectionInfo({
           {formatFileSize(selectedFileSize ?? files[0].size)}
         </span>
       </div>
-      <button onClick={onClear} className="text-xs text-muted-foreground hover:text-foreground">
+      <button
+        type="button"
+        onClick={onClear}
+        className="text-xs text-muted-foreground hover:text-foreground"
+      >
         Clear all
       </button>
     </div>
@@ -322,6 +330,7 @@ export function ToolPage() {
             </div>
             <h2 className="font-semibold text-lg text-foreground flex-1">{tool.name}</h2>
             <button
+              type="button"
               onClick={() => setMobileSettingsOpen(!mobileSettingsOpen)}
               className="px-3 py-1.5 rounded-lg border border-border text-xs text-muted-foreground hover:bg-muted"
             >
@@ -384,7 +393,8 @@ export function ToolPage() {
           )}
 
           {/* Main area: Dropzone / Image Viewer / Before-After */}
-          <div
+          <section
+            aria-label="Image area"
             className="flex-1 flex flex-col min-h-0"
             onKeyDown={hasMultiple ? handleImageKeyDown : undefined}
             tabIndex={hasMultiple ? 0 : undefined}
@@ -392,6 +402,7 @@ export function ToolPage() {
             <div className="flex-1 relative flex items-center justify-center p-4 min-h-0">
               {hasMultiple && hasPrev && (
                 <button
+                  type="button"
                   onClick={navigatePrev}
                   className="absolute left-3 z-10 w-8 h-8 rounded-full bg-background/80 border border-border shadow-sm flex items-center justify-center hover:bg-background transition-colors"
                   aria-label="Previous image"
@@ -460,6 +471,7 @@ export function ToolPage() {
               )}
               {hasMultiple && hasNext && (
                 <button
+                  type="button"
                   onClick={navigateNext}
                   className="absolute right-3 z-10 w-8 h-8 rounded-full bg-background/80 border border-border shadow-sm flex items-center justify-center hover:bg-background transition-colors"
                   aria-label="Next image"
@@ -480,7 +492,7 @@ export function ToolPage() {
                 onSelect={setSelectedIndex}
               />
             )}
-          </div>
+          </section>
         </div>
       </AppLayout>
     );
@@ -552,6 +564,7 @@ export function ToolPage() {
             <div className="space-y-2">
               <div className="border-t border-border pt-2" />
               <button
+                type="button"
                 onClick={handleDownloadAll}
                 className="w-full py-2 rounded-lg bg-primary text-primary-foreground flex items-center justify-center gap-1.5 text-xs font-medium hover:bg-primary/90"
               >
@@ -563,7 +576,8 @@ export function ToolPage() {
         </div>
 
         {/* Main area: Dropzone / Image Viewer / Before-After */}
-        <div
+        <section
+          aria-label="Image area"
           className="flex-1 flex flex-col min-h-0"
           onKeyDown={hasMultiple ? handleImageKeyDown : undefined}
           tabIndex={hasMultiple ? 0 : undefined}
@@ -571,6 +585,7 @@ export function ToolPage() {
           <div className="flex-1 relative flex items-center justify-center p-6 min-h-0">
             {hasMultiple && hasPrev && (
               <button
+                type="button"
                 onClick={navigatePrev}
                 className="absolute left-3 z-10 w-8 h-8 rounded-full bg-background/80 border border-border shadow-sm flex items-center justify-center hover:bg-background transition-colors"
                 aria-label="Previous image"
@@ -639,6 +654,7 @@ export function ToolPage() {
             )}
             {hasMultiple && hasNext && (
               <button
+                type="button"
                 onClick={navigateNext}
                 className="absolute right-3 z-10 w-8 h-8 rounded-full bg-background/80 border border-border shadow-sm flex items-center justify-center hover:bg-background transition-colors"
                 aria-label="Next image"
@@ -659,7 +675,7 @@ export function ToolPage() {
               onSelect={setSelectedIndex}
             />
           )}
-        </div>
+        </section>
       </div>
     </AppLayout>
   );