Merge pull request #33 from maribakulj/claude/find-commit-dcec666-sI5Qn

frontend/src/components/SearchBar.tsx

@@ -96,6 +96,7 @@ export default function SearchBar({ onSelectResult }: Props) {
               {results.map((r) => (
                 <li key={r.page_id}>
                   <button
+                    type="button"
                     onClick={() => {
                       setOpen(false)
                       onSelectResult?.(r)

frontend/src/components/retro/RetroButton.tsx

@@ -14,6 +14,7 @@ export default function RetroButton({
   pressed = false,
   className = '',
   disabled,
+  type = 'button',
   ...rest
 }: Props) {
   const padding = size === 'sm' ? 'px-2 py-[1px]' : 'px-3 py-[3px]'
@@ -21,6 +22,7 @@ export default function RetroButton({
 
   return (
     <button
+      type={type}
       className={`
         ${padding} ${fontSize}
         font-retro font-medium

frontend/src/components/retro/RetroIcon.tsx

@@ -20,6 +20,7 @@ export default function RetroIcon({
 }: Props) {
   return (
     <button
+      type="button"
       onClick={onClick}
       className={`
         flex flex-col items-center gap-1
@@ -27,7 +28,6 @@ export default function RetroIcon({
         cursor-pointer select-none
         ${className}
       `}
-      onDoubleClick={onClick}
     >
       {/* Icon box */}
       <div

frontend/src/components/retro/RetroMenuBar.tsx

@@ -30,6 +30,7 @@ export default function RetroMenuBar({ items = [], right, className = '' }: Prop
     >
       {items.map((item, i) => (
         <button
+          type="button"
           key={i}
           onClick={item.onClick}
           disabled={item.disabled}

frontend/src/components/retro/RetroWindow.tsx

@@ -29,7 +29,7 @@ export default function RetroWindow({
   return (
     <div
       className={`
-        flex flex-col
+        flex flex-col min-h-0
         border-retro border-retro-black bg-retro-gray
         shadow-retro
         ${className}
@@ -45,6 +45,7 @@ export default function RetroWindow({
       >
         {onClose && (
           <button
+            type="button"
             onClick={onClose}
             className="
               w-[14px] h-[14px] flex items-center justify-center

frontend/src/pages/Admin.tsx

@@ -574,11 +574,12 @@ export default function Admin({ onHome }: Props) {
         ]}
       />
 
-      <div className="flex flex-1 overflow-hidden p-1 gap-1">
+      <div className="flex flex-1 min-h-0 overflow-hidden p-1 gap-1">
         {/* Sidebar */}
         <RetroWindow title="Corpus" className="w-56 shrink-0" scrollable>
           <div className="flex flex-col">
             <button
+              type="button"
               onClick={() => { setShowCreate(true); setSelectedCorpusId(null) }}
               className={`
                 w-full text-left px-2 py-[4px] text-retro-sm font-bold
@@ -593,6 +594,7 @@ export default function Admin({ onHome }: Props) {
             )}
             {corpora.map((c) => (
               <button
+                type="button"
                 key={c.id}
                 onClick={() => { setSelectedCorpusId(c.id); setShowCreate(false) }}
                 className={`

frontend/src/pages/Editor.tsx

@@ -176,7 +176,7 @@ export default function Editor({ pageId, onBack }: Props) {
       />
 
       {/* ── Main layout 50/50 ──────────────────────────────────────── */}
-      <div className="flex flex-1 overflow-hidden p-1 gap-1">
+      <div className="flex flex-1 min-h-0 overflow-hidden p-1 gap-1">
 
         {/* ── Viewer window (left) ───────────────────────────────── */}
         <RetroWindow

frontend/src/pages/Home.tsx

@@ -1,5 +1,4 @@
 import { useEffect, useState } from 'react'
-import AdminNav from '../components/AdminNav.tsx'
 import SearchBar from '../components/SearchBar.tsx'
 import { RetroMenuBar, RetroWindow, RetroIcon } from '../components/retro'
 import {
@@ -94,15 +93,10 @@ export default function Home({ onOpenManuscript, onOpenPage, onAdmin }: Props) {
       <RetroMenuBar
         items={[
           { label: 'IIIF Studio' },
-          { label: 'Fichier' },
-          { label: 'Corpus' },
-          { label: 'Aide' },
+          { label: 'Administration', onClick: onAdmin },
         ]}
         right={
-          <div className="flex items-center gap-1">
-            <SearchBar onSelectResult={onOpenPage ? (r) => onOpenPage(r.page_id) : undefined} />
-            <AdminNav onClick={onAdmin} />
-          </div>
+          <SearchBar onSelectResult={onOpenPage ? (r) => onOpenPage(r.page_id) : undefined} />
         }
       />
 
@@ -126,6 +120,7 @@ export default function Home({ onOpenManuscript, onOpenPage, onAdmin }: Props) {
                 {corpora.map((corpus) => (
                   <div key={corpus.id}>
                     <button
+                      type="button"
                       onClick={() => void handleCorpusClick(corpus)}
                       className={`
                         w-full text-left px-3 py-[6px] flex items-center gap-3
@@ -172,6 +167,7 @@ export default function Home({ onOpenManuscript, onOpenPage, onAdmin }: Props) {
               <div className="divide-y divide-retro-gray">
                 {selectedMs.map((ms) => (
                   <button
+                    type="button"
                     key={ms.id}
                     onClick={() => onOpenManuscript(ms.id, selectedCorpus.profile_id)}
                     className="

frontend/src/pages/Reader.tsx

@@ -144,7 +144,7 @@ export default function Reader({ manuscriptId, profileId, onBack, onEdit }: Prop
       />
 
       {/* ── Main content ───────────────────────────────────────────── */}
-      <div className="flex flex-1 overflow-hidden p-1 gap-1">
+      <div className="flex flex-1 min-h-0 overflow-hidden p-1 gap-1">
 
         {/* ── Viewer window (left, 70%) ──────────────────────────── */}
         <RetroWindow
@@ -179,6 +179,7 @@ export default function Reader({ manuscriptId, profileId, onBack, onEdit }: Prop
                     {selectedRegion.type.replace(/_/g, ' ')}
                   </span>
                   <button
+                    type="button"
                     onClick={() => setSelectedRegion(null)}
                     className="text-retro-black font-bold hover:bg-retro-black hover:text-retro-white px-1"
                   >