From 80f396c1a53ec290c4a5ec1b8fd88441a8739227 Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Wed, 1 Apr 2026 00:14:20 +0200
Subject: [PATCH] Add animation selection and autoplay options in App.tsx

---
 src/app/App.tsx | 42 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)

diff --git a/src/app/App.tsx b/src/app/App.tsx
index bdaaee52..1697c942 100644
--- a/src/app/App.tsx
+++ b/src/app/App.tsx
@@ -3550,6 +3550,48 @@ export function App({ store, initialStatusMessage }: AppProps) {
                   </div>
                 </div>
 
+                {selectedModelAssetRecord !== null && selectedModelAssetRecord.metadata.animationNames.length > 0 && (
+                  <div className="form-section">
+                    <div className="label">Animation</div>
+                    <label className="form-field">
+                      <span className="label">Clip</span>
+                      <select
+                        className="select-input"
+                        value={selectedModelInstance.animationClipName ?? ""}
+                        onChange={(e) => {
+                          const clipName = e.target.value || undefined;
+                          store.dispatch(
+                            createUpsertModelInstanceCommand({
+                              modelInstance: { ...selectedModelInstance, animationClipName: clipName },
+                              label: "Set animation clip"
+                            })
+                          );
+                        }}
+                      >
+                        <option value="">— none —</option>
+                        {selectedModelAssetRecord.metadata.animationNames.map((name) => (
+                          <option key={name} value={name}>{name}</option>
+                        ))}
+                      </select>
+                    </label>
+                    <label className="form-field">
+                      <input
+                        type="checkbox"
+                        checked={selectedModelInstance.animationAutoplay ?? false}
+                        onChange={(e) => {
+                          store.dispatch(
+                            createUpsertModelInstanceCommand({
+                              modelInstance: { ...selectedModelInstance, animationAutoplay: e.target.checked },
+                              label: "Set animation autoplay"
+                            })
+                          );
+                        }}
+                      />
+                      <span className="label">Autoplay on scene load</span>
+                    </label>
+                  </div>
+                )}
+
                 <div className="inline-actions">
                   <button className="toolbar__button" type="button" data-testid="apply-model-instance" onClick={applyModelInstanceChange}>
                     Apply Transform