@salsita-ai/sdk 0.50.0-develop.b7caacb493 → 0.50.0-develop.b929a82a82

package/dist/docs/layouts/gallery/corvid-drone.mdx

@@ -48,7 +48,6 @@ import { Box } from '@mui/material'
 
 import { LayoutSlots } from '@salsita-ai/sdk/configurator'
 
-import { phx } from '../../.phoenix/phx.js'
 import { DesktopDeck } from '../_shared/DesktopDeck.js'
 import { PhoneDeck } from '../_shared/PhoneDeck.js'
 import { CORVID } from '../_shared/tokens.js'
@@ -120,7 +119,6 @@ import type { KeyboardEvent } from 'react'
 
 import { PhxIcon } from '@salsita-ai/sdk/ui'
 
-import { phx } from '../../.phoenix/phx.js'
 import { CORVID } from './tokens.js'
 
 // The panel the tabs control; `TabPanel` carries this id
@@ -312,7 +310,6 @@ components:
 ```tsx
 import { distanceDimensionComponent } from '@salsita-ai/sdk/domain'
 
-import { phx } from '../../.phoenix/phx.js'
 import { HudSlider } from './HudSlider.js'
 import { SpecRow } from './SpecRow.js'
 
@@ -370,7 +367,6 @@ export const ArmLengthField = (props: ArmLengthFieldProps) => {
 ```tsx
 import { angleDimensionComponent } from '@salsita-ai/sdk/domain'
 
-import { phx } from '../../.phoenix/phx.js'
 import { CORVID } from '../_shared/tokens.js'
 import { HudSlider } from './HudSlider.js'
 import { SpecRow } from './SpecRow.js'
@@ -479,7 +475,6 @@ components:
 ```tsx
 import { Box, ButtonBase } from '@mui/material'
 
-import { phx } from '../../.phoenix/phx.js'
 import { CORVID } from '../_shared/tokens.js'
 
 // Rendered by the spec's `sceneEntityObjectHtmlHotspot` on the payload mount: a target on the drone that opens the
@@ -584,7 +579,6 @@ import { useEffect, useState } from 'react'
 
 import type { ConfiguratorMessage } from '@salsita-ai/sdk/react'
 
-import { phx } from '../../.phoenix/phx.js'
 import { CORVID, GLASS_SX } from './tokens.js'
 
 const VISIBLE_MS = 9000
@@ -725,7 +719,6 @@ import type { Theme } from '@mui/material'
 import { FrontendAnalyticsFactory, LayoutSlots } from '@salsita-ai/sdk/configurator'
 import { PhxIcon } from '@salsita-ai/sdk/ui'
 
-import { phx } from '../../.phoenix/phx.js'
 import { CORVID, GLASS_SX } from './tokens.js'
 
 // The built-in view controls draw with the MUI theme's palette. A dark palette makes them part of the deck, and with
@@ -858,7 +851,6 @@ The `readonly` property sets `phx.frontend.useAccessService().accessInfo.viewMod
 ```tsx
 import { Box, Typography } from '@mui/material'
 
-import { phx } from '../../.phoenix/phx.js'
 import { DroneFields } from '../_controls/DroneFields.js'
 import { TAB_PANEL_ID } from './DroneTabs.js'
 import { CORVID, LABEL_SX } from './tokens.js'
@@ -914,7 +906,6 @@ The spec's `canvasCustomEnvironment` names `DroneHangar`, a layout element rende
 ```tsx
 import { ContactShadows, Environment, Grid, Lightformer } from '@react-three/drei'
 
-import { phx } from '../../.phoenix/phx.js'
 import { CORVID } from '../_shared/tokens.js'
 
 // The floor lies 320 mm below the drone's centre, so the drone hovers over it on either landing gear
@@ -1704,7 +1695,6 @@ components:
 ```tsx
 import { distanceDimensionComponent } from '@salsita-ai/sdk/domain'
 
-import { phx } from '../../.phoenix/phx.js'
 import { HudSlider } from './HudSlider.js'
 import { SpecRow } from './SpecRow.js'
 
@@ -1798,7 +1788,6 @@ import { Box, Switch, Typography } from '@mui/material'
 
 import { attributeSwitchComponent } from '@salsita-ai/sdk/domain'
 
-import { phx } from '../../.phoenix/phx.js'
 import { CORVID, LABEL_SX } from '../_shared/tokens.js'
 import { SpecRow } from './SpecRow.js'
 
@@ -1866,7 +1855,6 @@ export const GearField = (props: GearFieldProps) => {
 ```tsx
 import { angleDimensionComponent } from '@salsita-ai/sdk/domain'
 
-import { phx } from '../../.phoenix/phx.js'
 import { CORVID } from '../_shared/tokens.js'
 import { HudSlider } from './HudSlider.js'
 import { SpecRow } from './SpecRow.js'
@@ -2059,7 +2047,6 @@ import type { KeyboardEvent, ReactNode } from 'react'
 
 import { attributeSelectionComponent } from '@salsita-ai/sdk/domain'
 
-import { phx } from '../../.phoenix/phx.js'
 import { CORVID, LABEL_SX, bracketsSx } from '../_shared/tokens.js'
 import { SpecRow } from './SpecRow.js'
 
@@ -2343,7 +2330,6 @@ export const LIVERY_VISUALS: Readonly<Record<string, ReactNode>> = {
 ```tsx
 import { Box, Typography } from '@mui/material'
 
-import { phx } from '../../.phoenix/phx.js'
 import { DroneTabs } from './DroneTabs.js'
 import { HudReadout } from './HudReadout.js'
 import { MessageLog } from './MessageLog.js'
@@ -2472,7 +2458,6 @@ import type { KeyboardEvent } from 'react'
 
 import { PhxIcon } from '@salsita-ai/sdk/ui'
 
-import { phx } from '../../.phoenix/phx.js'
 import { CORVID } from './tokens.js'
 
 // The panel the tabs control; `TabPanel` carries this id
@@ -2574,7 +2559,6 @@ import { Box, Typography } from '@mui/material'
 
 import { detailComponent, viewControlsComponent } from '@salsita-ai/sdk/domain'
 
-import { phx } from '../../.phoenix/phx.js'
 import { CORVID, GLASS_SX, LABEL_SX, bracketsSx } from './tokens.js'
 
 interface HudReadoutProps {
@@ -2700,7 +2684,6 @@ import { useEffect, useState } from 'react'
 
 import type { ConfiguratorMessage } from '@salsita-ai/sdk/react'
 
-import { phx } from '../../.phoenix/phx.js'
 import { CORVID, GLASS_SX } from './tokens.js'
 
 const VISIBLE_MS = 9000
@@ -2800,7 +2783,6 @@ export const MessageLog = ({ compact }: MessageLogProps) => {
 ```tsx
 import { Box } from '@mui/material'
 
-import { phx } from '../../.phoenix/phx.js'
 import { DroneTabs } from './DroneTabs.js'
 import { HudReadout } from './HudReadout.js'
 import { MessageLog } from './MessageLog.js'
@@ -2903,7 +2885,6 @@ export const PhoneDeck = () => {
 ```tsx
 import { Box, Typography } from '@mui/material'
 
-import { phx } from '../../.phoenix/phx.js'
 import { DroneFields } from '../_controls/DroneFields.js'
 import { TAB_PANEL_ID } from './DroneTabs.js'
 import { CORVID, LABEL_SX } from './tokens.js'
@@ -2963,7 +2944,6 @@ import type { Theme } from '@mui/material'
 import { FrontendAnalyticsFactory, LayoutSlots } from '@salsita-ai/sdk/configurator'
 import { PhxIcon } from '@salsita-ai/sdk/ui'
 
-import { phx } from '../../.phoenix/phx.js'
 import { CORVID, GLASS_SX } from './tokens.js'
 
 // The built-in view controls draw with the MUI theme's palette. A dark palette makes them part of the deck, and with
@@ -3143,7 +3123,6 @@ import { Box } from '@mui/material'
 
 import { LayoutSlots } from '@salsita-ai/sdk/configurator'
 
-import { phx } from '../../.phoenix/phx.js'
 import { DesktopDeck } from '../_shared/DesktopDeck.js'
 import { PhoneDeck } from '../_shared/PhoneDeck.js'
 import { CORVID } from '../_shared/tokens.js'
@@ -3176,7 +3155,6 @@ export default phx.frontend.createCustomPhoenixLayoutElement('ConfiguratorLayout
 ```tsx
 import { ContactShadows, Environment, Grid, Lightformer } from '@react-three/drei'
 
-import { phx } from '../../.phoenix/phx.js'
 import { CORVID } from '../_shared/tokens.js'
 
 // The floor lies 320 mm below the drone's centre, so the drone hovers over it on either landing gear
@@ -3232,7 +3210,6 @@ export default phx.frontend.createCustomPhoenixLayoutElement('DroneHangar', () =
 ```tsx
 import { Box, ButtonBase } from '@mui/material'
 
-import { phx } from '../../.phoenix/phx.js'
 import { CORVID } from '../_shared/tokens.js'
 
 // Rendered by the spec's `sceneEntityObjectHtmlHotspot` on the payload mount: a target on the drone that opens the
@@ -3313,8 +3290,6 @@ export default phx.frontend.createCustomPhoenixEntityElement('PayloadHotspot', (
 ### ./src/expressions/drone.ts
 
 ```ts
-import { phx } from '../../.phoenix/phx.js'
-
 const MOTORS = { Quad: 4, Hexa: 6 }
 
 // Prices in US dollars
@@ -3391,8 +3366,6 @@ export default phx.domain.implementCustomExpressions({
 ### ./src/invariants/drone.ts
 
 ```ts
-import { phx } from '../../.phoenix/phx.js'
-
 // The winch's load needs the thrust of six motors. The spec marks the violation `fixable`, so a change that breaks it
 // is rejected, and the layout's message log shows the spec's message.
 export default phx.domain.implementCustomInvariants({
@@ -3409,8 +3382,6 @@ export default phx.domain.implementCustomInvariants({
 ```ts
 import { msg } from '@lingui/core/macro'
 
-import { phx } from '../../.phoenix/phx.js'
-
 // Choosing the LiDAR carries a hint, which reaches the layout as a side-effect message
 export default phx.frontend.transformerBuilder.when
   .entity(['Drone'])

package/dist/docs/layouts/gallery/fenwick-window.mdx

@@ -40,7 +40,6 @@ import { Box } from '@mui/material'
 
 import { LayoutSlots } from '@salsita-ai/sdk/configurator'
 
-import { phx } from '../../.phoenix/phx.js'
 import { DesktopPage } from '../_shared/DesktopPage.js'
 import { PhonePage } from '../_shared/PhonePage.js'
 import { FENWICK } from '../_shared/tokens.js'
@@ -68,7 +67,6 @@ export default phx.frontend.createCustomPhoenixLayoutElement('ConfiguratorLayout
 ```tsx
 import { Box, Typography } from '@mui/material'
 
-import { phx } from '../../.phoenix/phx.js'
 import { ShopDrawing } from './ShopDrawing.js'
 import { TitleBlock } from './TitleBlock.js'
 import { SHEET } from './sheet-style.js'
@@ -214,8 +212,6 @@ expressions:
 The same file computes what the title block and the price need from the panes: the glass area, the window's U-value by the area-weighted method, its weight and its price. A single sash follows the hinge choice, a pair is hung from the outer edges like French casements, and of three panes the outer two open and the middle one is fixed.
 
 ```ts
-import { phx } from '../../.phoenix/phx.js'
-
 // Face widths of the timber sections in millimetres, as the drawing shows them
 const FRAME = 68
 const MULLION = 76
@@ -370,7 +366,6 @@ export default phx.domain.implementCustomExpressions({
 import { Box } from '@mui/material'
 import { useLayoutEffect, useRef, useState } from 'react'
 
-import { phx } from '../../.phoenix/phx.js'
 import { DimensionLine } from './DimensionLine.js'
 import { OpeningSymbol } from './OpeningSymbol.js'
 import { SHEET } from './sheet-style.js'
@@ -704,8 +699,6 @@ invariants:
 ```
 
 ```ts
-import { phx } from '../../.phoenix/phx.js'
-
 const MAX_SASH_WIDTH = { Fixed: Infinity, SideHung: 900, TiltTurn: 1300, TopHung: 1600 }
 const OPENING_LABEL = { Fixed: 'fixed', SideHung: 'side-hung', TiltTurn: 'tilt and turn', TopHung: 'top-hung' }
 const MIN_MAIN_HEIGHT = 500
@@ -777,7 +770,6 @@ components:
 ```tsx
 import { Alert, Box, Button, CircularProgress, Typography } from '@mui/material'
 
-import { phx } from '../../.phoenix/phx.js'
 import { FENWICK } from './tokens.js'
 
 interface OrderPanelProps {
@@ -1237,7 +1229,6 @@ export const DimensionLine = ({ from, to, at, origin, axis, px }: DimensionLineP
 ```tsx
 import { Box, Typography } from '@mui/material'
 
-import { phx } from '../../.phoenix/phx.js'
 import { ShopDrawing } from './ShopDrawing.js'
 import { TitleBlock } from './TitleBlock.js'
 import { SHEET } from './sheet-style.js'
@@ -1423,7 +1414,6 @@ export const OpeningSymbol = ({ opening, glass, sash, stile, px, color }: Openin
 import { Box } from '@mui/material'
 import { useLayoutEffect, useRef, useState } from 'react'
 
-import { phx } from '../../.phoenix/phx.js'
 import { DimensionLine } from './DimensionLine.js'
 import { OpeningSymbol } from './OpeningSymbol.js'
 import { SHEET } from './sheet-style.js'
@@ -1649,7 +1639,6 @@ export const ShopDrawing = () => {
 ```tsx
 import { Box, Typography } from '@mui/material'
 
-import { phx } from '../../.phoenix/phx.js'
 import { SHEET } from './sheet-style.js'
 
 const FINISH_LABEL = { Oak: 'Natural oak, oiled', White: 'Pure white, RAL 9016', Anthracite: 'Anthracite, RAL 7016' }
@@ -1828,7 +1817,6 @@ import { Box, Typography } from '@mui/material'
 
 import { LayoutSlots } from '@salsita-ai/sdk/configurator'
 
-import { phx } from '../../.phoenix/phx.js'
 import { DrawingSheet } from '../_drawing/index.js'
 import { OrderPanel } from './OrderPanel.js'
 import { WindowInputs } from './WindowInputs.js'
@@ -1916,7 +1904,6 @@ import { useEffect, useState } from 'react'
 
 import { genericDimensionComponent } from '@salsita-ai/sdk/domain'
 
-import { phx } from '../../.phoenix/phx.js'
 import { FENWICK } from './tokens.js'
 
 const STEP = 10
@@ -2061,7 +2048,6 @@ export const MillimetreField = (props: MillimetreFieldProps) => {
 ```tsx
 import { Alert, Box, Button, CircularProgress, Typography } from '@mui/material'
 
-import { phx } from '../../.phoenix/phx.js'
 import { FENWICK } from './tokens.js'
 
 interface OrderPanelProps {
@@ -2167,7 +2153,6 @@ import { Box, Typography } from '@mui/material'
 
 import { LayoutSlots } from '@salsita-ai/sdk/configurator'
 
-import { phx } from '../../.phoenix/phx.js'
 import { DrawingSheet } from '../_drawing/index.js'
 import { OrderPanel } from './OrderPanel.js'
 import { WindowInputs } from './WindowInputs.js'
@@ -2250,7 +2235,6 @@ import type { KeyboardEvent } from 'react'
 
 import { attributeSelectionComponent } from '@salsita-ai/sdk/domain'
 
-import { phx } from '../../.phoenix/phx.js'
 import { FENWICK } from './tokens.js'
 
 // Arrow keys move the selection between the segments, as in a native radio group
@@ -2385,7 +2369,6 @@ export const SegmentedField = (props: SegmentedFieldProps) => {
 ```tsx
 import { Box, Switch, Typography } from '@mui/material'
 
-import { phx } from '../../.phoenix/phx.js'
 import { FENWICK } from './tokens.js'
 
 interface ToggleRowProps {
@@ -2430,7 +2413,6 @@ export const ToggleRow = ({ instanceName, label, description, readOnly }: Toggle
 import { Box, Typography } from '@mui/material'
 import type { ReactNode } from 'react'
 
-import { phx } from '../../.phoenix/phx.js'
 import { MillimetreField } from './MillimetreField.js'
 import { SegmentedField } from './SegmentedField.js'
 import { ToggleRow } from './ToggleRow.js'
@@ -2562,7 +2544,6 @@ import { Box } from '@mui/material'
 
 import { LayoutSlots } from '@salsita-ai/sdk/configurator'
 
-import { phx } from '../../.phoenix/phx.js'
 import { DesktopPage } from '../_shared/DesktopPage.js'
 import { PhonePage } from '../_shared/PhonePage.js'
 import { FENWICK } from '../_shared/tokens.js'
@@ -2588,8 +2569,6 @@ export default phx.frontend.createCustomPhoenixLayoutElement('ConfiguratorLayout
 ### ./src/expressions/window.ts
 
 ```ts
-import { phx } from '../../.phoenix/phx.js'
-
 // Face widths of the timber sections in millimetres, as the drawing shows them
 const FRAME = 68
 const MULLION = 76
@@ -2735,8 +2714,6 @@ export default phx.domain.implementCustomExpressions({
 ```ts
 import { useCallback } from 'react'
 
-import { phx } from '../../.phoenix/phx.js'
-
 // Stands in for the joinery's order service: adding takes a moment, then the page shows the confirmation
 export default phx.frontend.createPhoenixHandler('orderWindow', () => {
   const navigate = phx.frontend.useNavigate()
@@ -2753,8 +2730,6 @@ export default phx.frontend.createPhoenixHandler('orderWindow', () => {
 ### ./src/invariants/window.ts
 
 ```ts
-import { phx } from '../../.phoenix/phx.js'
-
 const MAX_SASH_WIDTH = { Fixed: Infinity, SideHung: 900, TiltTurn: 1300, TopHung: 1600 }
 const OPENING_LABEL = { Fixed: 'fixed', SideHung: 'side-hung', TiltTurn: 'tilt and turn', TopHung: 'top-hung' }
 const MIN_MAIN_HEIGHT = 500

package/dist/docs/layouts/gallery/ferrule-bar-station.mdx

@@ -103,7 +103,6 @@ components:
 ```
 
 ```ts
-import { phx } from '../../.phoenix/phx.js'
 import { MODULE_CATALOGUE, MODULE_KINDS } from '../_shared/model/index.js'
 
 export default phx.domain.implementCustomExpressions({
@@ -179,7 +178,6 @@ invariants:
 ```
 
 ```ts
-import { phx } from '../../.phoenix/phx.js'
 import { BACK_BAR_UNIT_WIDTH, MAX_RUN_LENGTH, MODULE_CATALOGUE } from '../_shared/model/index.js'
 
 const SINKS = ['SinkTools', 'DumpSink']
@@ -239,7 +237,6 @@ import { useMemo } from 'react'
 
 import type { DomainEntity } from '@salsita-ai/sdk/domain'
 
-import { phx } from '../../.phoenix/phx.js'
 import { createStationModel } from './model/index.js'
 import type { StationInput } from './model/index.js'
 
@@ -329,7 +326,6 @@ components:
 `StationModel` is an entity element. The SDK renders it in place of the root entity's scene objects, inside the canvas, where the `phx.frontend` hooks work as they do in the layout.
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
 import { PartObject } from '../_shared/scene/index.js'
 import { useCadView } from '../_shared/use-cad-view.js'
 import { useStationModel } from '../_shared/use-station-model.js'
@@ -428,7 +424,6 @@ viewStates:
 
 ```ts
 import type { ViewState } from '../../.phoenix/application-types.js'
-import { phx } from '../../.phoenix/phx.js'
 
 /** A named view of the CAD view, each an orthographic camera of the spec. */
 export type CadView = 'iso' | 'front' | 'top' | 'side'
@@ -497,7 +492,6 @@ components:
 ```ts
 import { useCallback } from 'react'
 
-import { phx } from '../../.phoenix/phx.js'
 import { downloadFile, writeStationStep } from '../_shared/step/index.js'
 import { useStationModel } from '../_shared/use-station-model.js'
 
@@ -900,7 +894,6 @@ components:
 ```tsx
 import { Box, ButtonBase, IconButton, Tooltip } from '@mui/material'
 
-import { phx } from '../../.phoenix/phx.js'
 import { FERRULE } from './tokens.js'
 import { CAD_VIEWS, useCadView } from './use-cad-view.js'
 
@@ -1006,7 +999,6 @@ import { useState } from 'react'
 import { LayoutSlots } from '@salsita-ai/sdk/configurator'
 import { detailComponent } from '@salsita-ai/sdk/domain'
 
-import { phx } from '../../.phoenix/phx.js'
 import { CadToolbar } from './CadToolbar.js'
 import { DrawingPane } from './DrawingPane.js'
 import { FerruleMark } from './FerruleMark.js'
@@ -1232,7 +1224,6 @@ import type { PointerEvent, WheelEvent } from 'react'
 import { detailComponent } from '@salsita-ai/sdk/domain'
 import type { DomainEntityId } from '@salsita-ai/sdk/domain'
 
-import { phx } from '../../.phoenix/phx.js'
 import { SHEET, ShopDrawing } from './drawing/index.js'
 import type { StationModel } from './model/index.js'
 import { useOpenChecks } from './panels/index.js'
@@ -1426,7 +1417,6 @@ import { useState } from 'react'
 import { LayoutSlots } from '@salsita-ai/sdk/configurator'
 import { notistackSnackbarClasses } from '@salsita-ai/sdk/ui'
 
-import { phx } from '../../.phoenix/phx.js'
 import { CadToolbar } from './CadToolbar.js'
 import { DrawingPane } from './DrawingPane.js'
 import { FerruleMark } from './FerruleMark.js'
@@ -1667,8 +1657,6 @@ export const ServicesToggle = ({ tone }: { readonly tone: 'dark' | 'light' }) =>
 ```tsx
 import { Box, IconButton, Tooltip } from '@mui/material'
 
-import { phx } from '../../.phoenix/phx.js'
-
 const UNDO_ICON = 'M9 14 4 9l5-5M4 9h10a6 6 0 0 1 0 12h-3'
 const REDO_ICON = 'M15 14l5-5-5-5M20 9H10a6 6 0 0 0 0 12h3'
 
@@ -4586,7 +4574,6 @@ export const perpendicular = (axis: Vec3): Vec3 => {
 ```tsx
 import { Box, Typography } from '@mui/material'
 
-import { phx } from '../../../.phoenix/phx.js'
 import { FERRULE, SECTION_SX } from '../tokens.js'
 
 /**
@@ -4645,7 +4632,6 @@ export const Checks = () => {
 import { Box, Button, ButtonGroup, CircularProgress, Menu, MenuItem, Tooltip, Typography } from '@mui/material'
 import { useRef, useState } from 'react'
 
-import { phx } from '../../../.phoenix/phx.js'
 import { FERRULE } from '../tokens.js'
 
 const DOWNLOAD_ICON = 'M12 4v11M7 10l5 5 5-5M5 19h14'
@@ -4756,7 +4742,6 @@ export const ExportMenu = ({ compact }: { readonly compact: boolean }) => {
 ```tsx
 import { Box, ButtonBase, Tooltip, Typography } from '@mui/material'
 
-import { phx } from '../../../.phoenix/phx.js'
 import { MODULE_CATALOGUE, MODULE_KINDS } from '../model/index.js'
 import { FERRULE, SECTION_SX } from '../tokens.js'
 import { ModuleIcon } from './ModuleIcon.js'
@@ -4914,7 +4899,6 @@ import { Box, Button, ButtonBase, IconButton, Tooltip, Typography } from '@mui/m
 import type { DomainEntityId } from '@salsita-ai/sdk/domain'
 
 import type { Module } from '../../../.phoenix/application-types.js'
-import { phx } from '../../../.phoenix/phx.js'
 import { MODULE_CATALOGUE, RUN_STEP } from '../model/index.js'
 import type { PlacedModule, StationModel } from '../model/index.js'
 import { FERRULE, SECTION_SX } from '../tokens.js'
@@ -5224,7 +5208,6 @@ export const RunEditor = ({ model, selectedModuleId, readOnly }: RunEditorProps)
 ```tsx
 import { Box, ButtonBase, Switch, Tooltip, Typography } from '@mui/material'
 
-import { phx } from '../../../.phoenix/phx.js'
 import { FINISHES } from '../model/index.js'
 import { FERRULE, SECTION_SX } from '../tokens.js'
 
@@ -6212,7 +6195,6 @@ export const SECTION_SX = {
 
 ```ts
 import type { ViewState } from '../../.phoenix/application-types.js'
-import { phx } from '../../.phoenix/phx.js'
 
 /** A named view of the CAD view, each an orthographic camera of the spec. */
 export type CadView = 'iso' | 'front' | 'top' | 'side'
@@ -6261,7 +6243,6 @@ import { useMemo } from 'react'
 
 import type { DomainEntity } from '@salsita-ai/sdk/domain'
 
-import { phx } from '../../.phoenix/phx.js'
 import { createStationModel } from './model/index.js'
 import type { StationInput } from './model/index.js'
 
@@ -6312,8 +6293,6 @@ export const useStationModel = () => {
 ```tsx
 import { Grid } from '@react-three/drei'
 
-import { phx } from '../../.phoenix/phx.js'
-
 // The stage named by the spec's `canvasCustomEnvironment`: a CAD viewport's light grey backdrop, even light without
 // reflections, and a floor grid of 100 mm cells and 1 m sections. The scene is in millimetres.
 export default phx.frontend.createCustomPhoenixLayoutElement('CadStage', () => {
@@ -6348,7 +6327,6 @@ import { Box } from '@mui/material'
 
 import { LayoutSlots } from '@salsita-ai/sdk/configurator'
 
-import { phx } from '../../.phoenix/phx.js'
 import { DesktopApp } from '../_shared/DesktopApp.js'
 import { PhoneApp } from '../_shared/PhoneApp.js'
 import { FERRULE } from '../_shared/tokens.js'
@@ -6378,7 +6356,6 @@ export default phx.frontend.createCustomPhoenixLayoutElement('ConfiguratorLayout
 ### ./src/elements/StationModel.tsx
 
 ```tsx
-import { phx } from '../../.phoenix/phx.js'
 import { PartObject } from '../_shared/scene/index.js'
 import { useCadView } from '../_shared/use-cad-view.js'
 import { useStationModel } from '../_shared/use-station-model.js'
@@ -6421,7 +6398,6 @@ export default phx.frontend.createCustomPhoenixEntityElement('StationModel', ()
 ### ./src/expressions/station.ts
 
 ```ts
-import { phx } from '../../.phoenix/phx.js'
 import { MODULE_CATALOGUE, MODULE_KINDS } from '../_shared/model/index.js'
 
 export default phx.domain.implementCustomExpressions({
@@ -6455,7 +6431,6 @@ export default phx.domain.implementCustomExpressions({
 ```ts
 import { useCallback } from 'react'
 
-import { phx } from '../../.phoenix/phx.js'
 import { downloadFile, writeStationStep } from '../_shared/step/index.js'
 import { useStationModel } from '../_shared/use-station-model.js'
 
@@ -6486,7 +6461,6 @@ export default phx.frontend.createPhoenixHandler('exportStepShell', () => {
 ```ts
 import { useCallback } from 'react'
 
-import { phx } from '../../.phoenix/phx.js'
 import { downloadFile, writeStationStep } from '../_shared/step/index.js'
 import { useStationModel } from '../_shared/use-station-model.js'
 
@@ -6515,7 +6489,6 @@ export default phx.frontend.createPhoenixHandler('exportStep', () => {
 ### ./src/invariants/station.ts
 
 ```ts
-import { phx } from '../../.phoenix/phx.js'
 import { BACK_BAR_UNIT_WIDTH, MAX_RUN_LENGTH, MODULE_CATALOGUE } from '../_shared/model/index.js'
 
 const SINKS = ['SinkTools', 'DumpSink']