temporal effects

ui/src/App.jsx

@@ -391,6 +391,20 @@ function LayerCard({
             </select>
           </div>
 
+          {layer.temporal?.enabled ? (
+            <div className="layer-card__field">
+              <label>Temporal</label>
+              <div className="muted">
+                {layer.temporal.historySource} history, requested {layer.temporal.requestedHistoryLength} frame{layer.temporal.requestedHistoryLength === 1 ? "" : "s"}, using {layer.temporal.effectiveHistoryLength}
+              </div>
+            </div>
+          ) : (
+            <div className="layer-card__field">
+              <label>Temporal</label>
+              <div className="muted">Stateless shader</div>
+            </div>
+          )}
+
           <div className="layer-card__subheader">
             <h3>Parameters</h3>
             <button
@@ -643,6 +657,7 @@ function App() {
             values={[
               ["Layer Count", `${runtime.layerCount || 0}`],
               ["Auto Reload", app.autoReload ? "On" : "Off"],
+              ["Temporal Cap", `${app.maxTemporalHistoryFrames ?? 0}`],
               ["Control URL", `http://127.0.0.1:${app.serverPort}`],
               ["Compile Status", runtime.compileSucceeded ? "Ready" : "Error"],
               ["Render Time", `${formatNumber(performance.renderMs, 2)} ms`],