Palawizard · Oct 28, 2026 · Oct 28, 2026 · Oct 28, 2026 · Oct 28, 2026 · Oct 28, 2026
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -5,6 +5,14 @@ Format : [Keep a Changelog](https://keepachangelog.com/fr/1.1.0/), versions
 
 ## [Non publié]
 
+## [1.4.1] - 2026-10-28
+
+### Corrigé
+- État : on peut ouvrir un clip depuis « Derniers clips ». Double-clic ou Entrée sur une carte
+  (cartes focusables, focus visible, nom lu par un lecteur d'écran) ouvre le clip dans le lecteur
+  de la Galerie ; le fermer ramène à État. Si le fichier a disparu entre-temps, un message
+  s'affiche sur État et la carte est retirée (GAL-03).
+
 ## [1.4.0] - 2026-10-28
 
 ### Ajouté

diff --git a/Cargo.lock b/Cargo.lock
diff --git a/Cargo.toml b/Cargo.toml
@@ -9,7 +9,7 @@ default-members = ["crates/engine", "crates/cli"]
 exclude = ["third_party"]
 
 [workspace.package]
-version = "1.4.0"
+version = "1.4.1"
 edition = "2024"
 rust-version = "1.90"
 license = "MIT"

diff --git a/app/package-lock.json b/app/package-lock.json
diff --git a/app/package.json b/app/package.json
@@ -1,7 +1,7 @@
 {
   "name": "palaclips-ui",
   "private": true,
-  "version": "1.4.0",
+  "version": "1.4.1",
   "type": "module",
   "scripts": {
     "dev": "vite",

diff --git a/app/src-tauri/src/clips.rs b/app/src-tauri/src/clips.rs
@@ -206,6 +206,12 @@ impl EngineSlot {
         self.with_library(|library| library.games())
     }
 
+    pub fn get_clip(&self, path: &str) -> Result<Clip, Localized> {
+        let path = self.known_clip(path)?;
+        self.with_library(|library| library.clip(&path))?
+            .ok_or_else(|| Localized::new("clip_unknown"))
+    }
+
     pub fn clip_mix(&self, path: &str) -> Result<Option<ClipMix>, Localized> {
         let path = self.known_clip(path)?;
         let stored = self.with_library(|library| library.mix(&path))?;

diff --git a/app/src-tauri/src/commands.rs b/app/src-tauri/src/commands.rs
@@ -5,7 +5,7 @@ use palaclips_engine::config::CaptureTarget;
 use palaclips_engine::encode::{EncoderInfo, video_encoders};
 use palaclips_engine::engine::ReplayEstimate;
 use palaclips_engine::events::Localized;
-use palaclips_engine::library::{ClipSummary, disk_space, recent_clips};
+use palaclips_engine::library::{Clip, ClipSummary, disk_space, recent_clips};
 use palaclips_engine::sources::{AppSession, AudioDevice, app_sessions, audio_devices};
 use serde::Serialize;
 use tauri::State;
@@ -333,6 +333,11 @@ pub async fn clip_games(slot: State<'_, EngineSlot>) -> Result<Vec<String>, Loca
     slot.clip_games()
 }
 
+#[tauri::command]
+pub async fn get_clip(slot: State<'_, EngineSlot>, path: String) -> Result<Clip, Localized> {
+    slot.get_clip(&path)
+}
+
 #[tauri::command]
 pub async fn clip_mix(
     slot: State<'_, EngineSlot>,

diff --git a/app/src-tauri/src/lib.rs b/app/src-tauri/src/lib.rs
@@ -778,6 +778,7 @@ pub fn run() {
             commands::record_stop,
             commands::list_clips,
             commands::clip_games,
+            commands::get_clip,
             commands::clip_mix,
             commands::set_clip_mix,
             commands::set_clip_favorite,

diff --git a/app/src-tauri/tauri.conf.json b/app/src-tauri/tauri.conf.json
@@ -1,7 +1,7 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
   "productName": "PalaClips",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "identifier": "com.palawi.palaclips",
   "build": {
     "beforeDevCommand": "npm run dev",

diff --git a/app/src/App.tsx b/app/src/App.tsx
@@ -13,12 +13,15 @@ import { CaptureSection } from "./components/settings/CaptureSection.tsx";
 import { type SectionId, Settings } from "./components/settings/Settings.tsx";
 import { QualityButton, StatusBanner } from "./components/StatusBanner.tsx";
 import { type DraftRequest, addDrafts } from "./lib/compressDrafts.ts";
-import { useT } from "./lib/i18n.ts";
-import { onboardingNeeded } from "./lib/ipc.ts";
+import { type ClipRequest, clipRequest } from "./lib/destination.ts";
+import { errorText, useT } from "./lib/i18n.ts";
+import { getClip, onboardingNeeded } from "./lib/ipc.ts";
 import { type QualityTab, rememberTab } from "./lib/qualityTabs.ts";
 import { useEngine } from "./lib/useEngine.ts";
 
-export type Destination = { view: View; section?: SectionId; focus?: boolean; tab?: QualityTab };
+export type Destination = { view: View; section?: SectionId; focus?: boolean; tab?: QualityTab; clip?: string };
+
+const STATUS_NOTICE_MS = 6_000;
 
 export default function App() {
   return (
@@ -43,6 +46,8 @@ function Shell() {
   const [view, setView] = useState<View>("status");
   const [section, setSection] = useState<SectionId>("replay");
   const [qualityFocus, setQualityFocus] = useState(0);
+  const [request, setRequest] = useState<ClipRequest | null>(null);
+  const [statusNotice, setStatusNotice] = useState<string | null>(null);
   const engine = useEngine();
   const [onboarding, setOnboarding] = useState<boolean | null>(null);
 
@@ -54,7 +59,13 @@ function Shell() {
     [engine.config],
   );
 
-  const open = ({ view: nextView, section: nextSection, focus, tab }: Destination) => {
+  useEffect(() => {
+    if (!statusNotice) return;
+    const timer = window.setTimeout(() => setStatusNotice(null), STATUS_NOTICE_MS);
+    return () => window.clearTimeout(timer);
+  }, [statusNotice]);
+
+  const open = ({ view: nextView, section: nextSection, focus, tab, clip }: Destination) => {
     const focusQuality = () => {
       if (!focus) return;
       if (tab) rememberTab(tab);
@@ -65,12 +76,21 @@ function Shell() {
       return;
     }
     guard.leave(() => {
+      setRequest((previous) => clipRequest(clip, view, previous));
       setView(nextView);
       if (nextSection) setSection(nextSection);
       focusQuality();
     });
   };
 
+  const openClip = (path: string) => {
+    setStatusNotice(null);
+    getClip(path).then(
+      () => open({ view: "gallery", clip: path }),
+      (failure) => setStatusNotice(errorText(failure)),
+    );
+  };
+
   if (onboarding === null) return null;
   if (onboarding)
     return (
@@ -97,6 +117,9 @@ function Shell() {
               </p>
             )}
             <Alerts alerts={engine.status?.alerts ?? []} onOpen={open} />
+            <p role="status" className={statusNotice ? "border-b border-line bg-surface-2 px-5 py-3 text-[13px] text-ink" : "sr-only"}>
+              {statusNotice}
+            </p>
             <div className="grid min-h-60 flex-1 grid-cols-[minmax(0,1fr)_minmax(260px,320px)] grid-rows-[minmax(0,1fr)] max-[1000px]:min-h-0 max-[1000px]:flex-none max-[1000px]:grid-cols-1 max-[1000px]:grid-rows-none">
               <div className="flex min-w-0 flex-col overflow-y-auto border-r border-line max-[1000px]:overflow-visible max-[1000px]:border-r-0">
                 <Roster
@@ -113,6 +136,7 @@ function Shell() {
                 labels={engine.config?.audio ?? null}
                 freshClip={engine.freshClip}
                 saveKeys={engine.saveKeys}
+                onOpen={openClip}
               />
             </div>
           </>
@@ -121,6 +145,8 @@ function Shell() {
           <Gallery
             config={engine.config}
             saveKeys={engine.saveKeys}
+            clipToOpen={request}
+            onReturn={(next) => open({ view: next })}
             onCompress={(requests: DraftRequest[]) => {
               addDrafts(requests);
               open({ view: "compress" });

diff --git a/app/src/components/RecentClips.tsx b/app/src/components/RecentClips.tsx
@@ -2,6 +2,7 @@ import { convertFileSrc } from "@tauri-apps/api/core";
 import { Film } from "lucide-react";
 import type { ClipSummary } from "../lib/ipc.ts";
 import { clock, relativeTime } from "../lib/format.ts";
+import { dayLabel, timeOfDay } from "../lib/gallery.ts";
 import { useT } from "../lib/i18n.ts";
 import { type TrackLabels, kindOfTitle, trackColor } from "../lib/tracks.ts";
 
@@ -10,17 +11,21 @@ export function ClipCard({
   appOrder,
   labels,
   fresh,
+  onOpen,
 }: {
   clip: ClipSummary;
   appOrder: string[];
   labels: TrackLabels | null;
   fresh: boolean;
+  onOpen?: () => void;
 }) {
   const t = useT();
   return (
     <li
       data-fresh={fresh}
-      className="clip-card overflow-hidden rounded-md border border-line bg-surface"
+      className={`clip-card relative overflow-hidden rounded-md border border-line bg-surface ${
+        onOpen ? "hover:border-line-strong hover:bg-surface-hover" : ""
+      }`}
     >
       <div className="relative aspect-video bg-meter-ground">
         {clip.thumbnail ? (
@@ -53,6 +58,25 @@ export function ClipCard({
           ))}
         </ul>
       </div>
+      {onOpen && (
+        <button
+          type="button"
+          data-open
+          aria-label={t("clips.card", {
+            game: clip.game || t("clips.fallbackName"),
+            date: `${dayLabel(clip.modified_ms)} ${timeOfDay(clip.modified_ms)}`,
+            duration: clock(clip.duration_secs),
+            tracks: t("clips.tracks", { count: clip.tracks.length, names: clip.tracks.join(", ") }),
+          })}
+          aria-keyshortcuts="Enter"
+          title={t("clips.openHint")}
+          onClick={(event) => {
+            if (event.detail === 0) onOpen();
+          }}
+          onDoubleClick={onOpen}
+          className="absolute inset-0 rounded-md"
+        />
+      )}
     </li>
   );
 }
@@ -63,20 +87,21 @@ export function RecentClips({
   labels,
   freshClip,
   saveKeys,
+  onOpen,
 }: {
   clips: ClipSummary[];
   appOrder: string[];
   labels: TrackLabels | null;
   freshClip: string | null;
   saveKeys: string | null;
+  onOpen: (path: string) => void;
 }) {
   const t = useT();
   const [beforeKeys, afterKeys] = t("clips.emptyWithKeys").split("{keys}");
   return (
     <section
       aria-labelledby="clips-title"
-      tabIndex={0}
-      className="flex min-w-0 flex-col gap-3 overflow-y-auto px-5 pt-5 pb-6 -outline-offset-2 max-[1000px]:overflow-visible"
+      className="flex min-w-0 flex-col gap-3 overflow-y-auto px-5 pt-5 pb-6 max-[1000px]:overflow-visible"
     >
       <h2 id="clips-title" className="text-[17px] font-semibold">
         {t("clips.title")}
@@ -99,7 +124,14 @@ export function RecentClips({
       ) : (
         <ul className="grid grid-cols-1 gap-3 max-[1000px]:grid-cols-[repeat(auto-fill,minmax(220px,1fr))]">
           {clips.map((clip) => (
-            <ClipCard key={clip.path} clip={clip} appOrder={appOrder} labels={labels} fresh={clip.path === freshClip} />
+            <ClipCard
+              key={clip.path}
+              clip={clip}
+              appOrder={appOrder}
+              labels={labels}
+              fresh={clip.path === freshClip}
+              onOpen={() => onOpen(clip.path)}
+            />
           ))}
         </ul>
       )}