Add session start hook to install npm dependencies on remote sessions

.claude/hooks/session-start.sh

@@ -0,0 +1,10 @@
+#!/bin/bash
+set -euo pipefail
+
+if [ "${CLAUDE_CODE_REMOTE:-}" != "true" ]; then
+  exit 0
+fi
+
+cd "${CLAUDE_PROJECT_DIR:-$(git rev-parse --show-toplevel)}"
+
+npm install

.claude/settings.json

@@ -0,0 +1,14 @@
+{
+  "hooks": {
+    "SessionStart": [
+      {
+        "hooks": [
+          {
+            "type": "command",
+            "command": "$CLAUDE_PROJECT_DIR/.claude/hooks/session-start.sh"
+          }
+        ]
+      }
+    ]
+  }
+}

.gitignore

@@ -23,8 +23,8 @@ tsconfig.tsbuildinfo
 *.sln
 *.sw?
 
-# Claude Code
-.claude/
+# Claude Code - local settings excluded, hooks tracked
+.claude/settings.local.json
 
 # Optics simulation template
 optics-template/

src/common/model/blockers/LineBlocker.ts

@@ -5,7 +5,7 @@
  */
 
 import { BaseSegmentElement } from "../optics/BaseSegmentElement.js";
-import { type Point } from "../optics/Geometry.js";
+import type { Point } from "../optics/Geometry.js";
 import type {
   ElementCategory,
   IntersectionResult,

src/common/model/light-sources/ArcLightSource.ts

@@ -10,11 +10,7 @@
 
 import type { Point } from "../optics/Geometry.js";
 import { normalize, point } from "../optics/Geometry.js";
-import {
-  BRIGHTNESS_CONTINUOUS_THRESHOLD,
-  POLARIZATION_SPLIT,
-  RAY_DENSITY_SCALE,
-} from "../optics/OpticsConstants.js";
+import { BRIGHTNESS_CONTINUOUS_THRESHOLD, POLARIZATION_SPLIT, RAY_DENSITY_SCALE } from "../optics/OpticsConstants.js";
 import type { SimulationRay, ViewMode } from "../optics/OpticsTypes.js";
 import { BaseLightSource } from "./BaseLightSource.js";
 import { GREEN_WAVELENGTH } from "./LightSourceConstants.js";

src/common/model/light-sources/BaseLightSource.ts

@@ -8,10 +8,7 @@
  */
 
 import { BaseElement } from "../optics/BaseElement.js";
-import {
-  BRIGHTNESS_CONTINUOUS_THRESHOLD,
-  BRIGHTNESS_NORMALIZE,
-} from "../optics/OpticsConstants.js";
+import { BRIGHTNESS_CONTINUOUS_THRESHOLD, BRIGHTNESS_NORMALIZE } from "../optics/OpticsConstants.js";
 import type { ElementCategory } from "../optics/OpticsTypes.js";
 import { GREEN_WAVELENGTH } from "./LightSourceConstants.js";
 

src/common/model/light-sources/PointSourceElement.ts

@@ -7,11 +7,7 @@
 
 import type { Point } from "../optics/Geometry.js";
 import { point } from "../optics/Geometry.js";
-import {
-  BRIGHTNESS_CONTINUOUS_THRESHOLD,
-  POLARIZATION_SPLIT,
-  RAY_DENSITY_SCALE,
-} from "../optics/OpticsConstants.js";
+import { BRIGHTNESS_CONTINUOUS_THRESHOLD, POLARIZATION_SPLIT, RAY_DENSITY_SCALE } from "../optics/OpticsConstants.js";
 import type { SimulationRay, ViewMode } from "../optics/OpticsTypes.js";
 import { BaseLightSource } from "./BaseLightSource.js";
 import { GREEN_WAVELENGTH } from "./LightSourceConstants.js";

src/common/view/EditContainerNode.ts

@@ -13,8 +13,8 @@
  *   SimScreenView can supply the callback after selection is triggered.
  */
 
-import { type Property, type TReadOnlyProperty } from "scenerystack/axon";
-import { type Bounds2 } from "scenerystack/dot";
+import type { Property, TReadOnlyProperty } from "scenerystack/axon";
+import type { Bounds2 } from "scenerystack/dot";
 import { HBox, Node, Text, VBox } from "scenerystack/scenery";
 import { TrashButton } from "scenerystack/scenery-phet";
 import { FlatAppearanceStrategy, Panel } from "scenerystack/sun";
@@ -210,7 +210,6 @@ export class EditContainerNode extends Node {
     this._currentPanel.centerX = visibleBounds.centerX;
     this._currentPanel.bottom = visibleBounds.maxY - PANEL_BOTTOM_MARGIN;
   }
-
 }
 
 opticsLab.register("EditContainerNode", EditContainerNode);

src/common/view/EditControlFactory.ts

@@ -12,7 +12,7 @@
 
 import { NumberProperty, type ReadOnlyProperty } from "scenerystack/axon";
 import { Dimension2, Range } from "scenerystack/dot";
-import { Node } from "scenerystack/scenery";
+import type { Node } from "scenerystack/scenery";
 import { NumberControl, WavelengthNumberControl } from "scenerystack/scenery-phet";
 import { Tandem } from "scenerystack/tandem";
 import { StringManager } from "../../i18n/StringManager.js";

src/common/view/glass/GlassView.ts

@@ -14,7 +14,6 @@
 import { Shape } from "scenerystack/kite";
 import type { ModelViewTransform2 } from "scenerystack/phetcommon";
 import { Circle, Node, Path, type RichDragListener } from "scenerystack/scenery";
-import { BaseOpticalElementView } from "../BaseOpticalElementView.js";
 import OpticsLabColors from "../../../OpticsLabColors.js";
 import {
   GLASS_STROKE_WIDTH,
@@ -32,6 +31,7 @@ import {
   point,
   segment,
 } from "../../model/optics/Geometry.js";
+import { BaseOpticalElementView } from "../BaseOpticalElementView.js";
 import { attachEndpointDrag, attachTranslationDrag, createHandle } from "../ViewHelpers.js";
 
 export class GlassView extends BaseOpticalElementView {

src/common/view/glass/SphericalLensView.ts

@@ -49,7 +49,6 @@ const CORNER_BOTTOM_LEFT = 3; // path[4]
 const ROTATION_CORNER = CORNER_TOP_RIGHT;
 
 export class SphericalLensView extends GlassView {
-
   private readonly focalFront: Path;
   private readonly focalBack: Path;
 

src/common/view/mirrors/ArcMirrorView.ts

@@ -18,8 +18,8 @@ import {
 } from "../../../OpticsLabConstants.js";
 import opticsLab from "../../../OpticsLabNamespace.js";
 import type { ArcMirror } from "../../model/mirrors/ArcMirror.js";
-import { BaseOpticalElementView } from "../BaseOpticalElementView.js";
 import { circumcenter, type Point, sampleArcPoints } from "../../model/optics/Geometry.js";
+import { BaseOpticalElementView } from "../BaseOpticalElementView.js";
 import {
   attachCurvatureHandleDrag,
   attachEndpointDrag,

src/common/view/mirrors/ParabolicMirrorView.ts

@@ -18,8 +18,8 @@ import {
 } from "../../../OpticsLabConstants.js";
 import opticsLab from "../../../OpticsLabNamespace.js";
 import type { ParabolicMirror } from "../../model/mirrors/ParabolicMirror.js";
-import { BaseOpticalElementView } from "../BaseOpticalElementView.js";
 import type { Point } from "../../model/optics/Geometry.js";
+import { BaseOpticalElementView } from "../BaseOpticalElementView.js";
 import {
   attachCurvatureHandleDrag,
   attachEndpointDrag,