@salsita-ai/sdk 0.50.0-develop.662fa65a4c → 0.50.0-develop.6806625cca

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']

package/dist/docs/layouts/gallery/kestrel-kettle.mdx

@@ -45,7 +45,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 { PhonePoster } from '../_shared/PhonePoster.js'
@@ -120,7 +119,6 @@ An `attributeSwitch` is a boolean. `phx.frontend.useAttributeSwitch(kettleId, 't
 ```tsx
 import { Box, Switch, Typography } from '@mui/material'
 
-import { phx } from '../../.phoenix/phx.js'
 import { KESTREL, LABEL_SX } from './tokens.js'
 
 interface ThermometerRowProps {
@@ -200,8 +198,6 @@ invariants:
 ```
 
 ```ts
-import { phx } from '../../.phoenix/phx.js'
-
 // The copper body is sold only with the walnut handle. The spec marks the violation `fixable`, so a change that breaks
 // it is rejected and the built-in snackbar shows the spec's message.
 export default phx.domain.implementCustomInvariants({
@@ -247,8 +243,6 @@ components:
 ```ts
 import { useCallback } from 'react'
 
-import { phx } from '../../.phoenix/phx.js'
-
 // Stands in for the shop's cart: adding takes a moment, then the page shows the confirmation
 export default phx.frontend.createPhoenixHandler('addToCart', () => {
   const navigate = phx.frontend.useNavigate()
@@ -267,7 +261,6 @@ export default phx.frontend.createPhoenixHandler('addToCart', () => {
 ```tsx
 import { Alert, Box, Button, CircularProgress, Typography } from '@mui/material'
 
-import { phx } from '../../.phoenix/phx.js'
 import { KESTREL } from './tokens.js'
 
 const CHECK_ICON = 'M5 12.5 10 17.5 19 7'
@@ -369,7 +362,6 @@ The same layout in a frame 390 pixels wide, as on a phone. It opens on the start
 ```tsx
 import { Box, Button, Typography } from '@mui/material'
 
-import { phx } from '../../.phoenix/phx.js'
 import { KESTREL, LABEL_SX } from './tokens.js'
 
 // The layout's own start screen, shown on a phone while `usePreview().isPreview` is set (the spec's `preview: auto`).
@@ -454,7 +446,6 @@ On a phone, `enter()` also expands the configurator, which `usePreview().isExpan
 ```tsx
 import { Box } from '@mui/material'
 
-import { phx } from '../../.phoenix/phx.js'
 import { KESTREL } from '../_shared/tokens.js'
 
 const PROMISES = ['Free delivery over $75', 'Two-year warranty', '30-day returns']
@@ -513,7 +504,6 @@ import { Box, Typography } from '@mui/material'
 import { detailComponent } from '@salsita-ai/sdk/domain'
 import { LocalizableMessage } from '@salsita-ai/sdk/react'
 
-import { phx } from '../../.phoenix/phx.js'
 import { KESTREL, LABEL_SX } from './tokens.js'
 
 interface ProductHeadingProps {
@@ -560,7 +550,6 @@ The spec's `canvasCustomEnvironment` names `KettleStudio`, a layout element rend
 ```tsx
 import { ContactShadows, Environment, Lightformer } from '@react-three/drei'
 
-import { phx } from '../../.phoenix/phx.js'
 import { KESTREL } from '../_shared/tokens.js'
 
 // The stage named by the spec's `canvasCustomEnvironment`: a backdrop, a soft shadow under the kettle and a studio of
@@ -857,7 +846,6 @@ components:
 ```tsx
 import { Alert, Box, Button, CircularProgress, Typography } from '@mui/material'
 
-import { phx } from '../../.phoenix/phx.js'
 import { KESTREL } from './tokens.js'
 
 const CHECK_ICON = 'M5 12.5 10 17.5 19 7'
@@ -953,7 +941,6 @@ import { Box, Typography } from '@mui/material'
 
 import { LayoutSlots } from '@salsita-ai/sdk/configurator'
 
-import { phx } from '../../.phoenix/phx.js'
 import { CartBlock } from './CartBlock.js'
 import { FullscreenButton } from './FullscreenButton.js'
 import { KettleOptions } from './KettleOptions.js'
@@ -1100,7 +1087,6 @@ import { IconButton, Tooltip } from '@mui/material'
 
 import { FrontendAnalyticsFactory } from '@salsita-ai/sdk/configurator'
 
-import { phx } from '../../.phoenix/phx.js'
 import { KESTREL } from './tokens.js'
 
 const ENTER_ICON = 'M4 9V4h5M15 4h5v5M20 15v5h-5M9 20H4v-5'
@@ -1147,7 +1133,6 @@ export const FullscreenButton = () => {
 ```tsx
 import { Box, Divider } from '@mui/material'
 
-import { phx } from '../../.phoenix/phx.js'
 import { SwatchRow } from './SwatchRow.js'
 import { ThermometerRow } from './ThermometerRow.js'
 import { KESTREL } from './tokens.js'
@@ -1195,7 +1180,6 @@ import { Box, IconButton, Tooltip, Typography } from '@mui/material'
 import { LayoutSlots } from '@salsita-ai/sdk/configurator'
 import { notistackSnackbarClasses } from '@salsita-ai/sdk/ui'
 
-import { phx } from '../../.phoenix/phx.js'
 import { CartBlock } from './CartBlock.js'
 import { FullscreenButton } from './FullscreenButton.js'
 import { KettleOptions } from './KettleOptions.js'
@@ -1344,7 +1328,6 @@ export const PhonePage = () => {
 ```tsx
 import { Box, Button, Typography } from '@mui/material'
 
-import { phx } from '../../.phoenix/phx.js'
 import { KESTREL, LABEL_SX } from './tokens.js'
 
 // The layout's own start screen, shown on a phone while `usePreview().isPreview` is set (the spec's `preview: auto`).
@@ -1428,7 +1411,6 @@ import { Box, Typography } from '@mui/material'
 import { detailComponent } from '@salsita-ai/sdk/domain'
 import { LocalizableMessage } from '@salsita-ai/sdk/react'
 
-import { phx } from '../../.phoenix/phx.js'
 import { KESTREL, LABEL_SX } from './tokens.js'
 
 interface ProductHeadingProps {
@@ -1474,7 +1456,6 @@ export const ProductHeading = ({ size }: ProductHeadingProps) => {
 import { Box, ButtonBase, Typography } from '@mui/material'
 import type { KeyboardEvent } from 'react'
 
-import { phx } from '../../.phoenix/phx.js'
 import { KESTREL, LABEL_SX } from './tokens.js'
 
 // Arrow keys move the selection between the swatches, as in a native radio group
@@ -1589,7 +1570,6 @@ export const SwatchRow = ({ label, instanceName, fills, readOnly }: SwatchRowPro
 ```tsx
 import { Box, Switch, Typography } from '@mui/material'
 
-import { phx } from '../../.phoenix/phx.js'
 import { KESTREL, LABEL_SX } from './tokens.js'
 
 interface ThermometerRowProps {
@@ -1661,7 +1641,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 { PhonePoster } from '../_shared/PhonePoster.js'
@@ -1693,7 +1672,6 @@ export default phx.frontend.createCustomPhoenixLayoutElement('ConfiguratorLayout
 ```tsx
 import { ContactShadows, Environment, Lightformer } from '@react-three/drei'
 
-import { phx } from '../../.phoenix/phx.js'
 import { KESTREL } from '../_shared/tokens.js'
 
 // The stage named by the spec's `canvasCustomEnvironment`: a backdrop, a soft shadow under the kettle and a studio of
@@ -1728,7 +1706,6 @@ export default phx.frontend.createCustomPhoenixLayoutElement('KettleStudio', ()
 ```tsx
 import { Box } from '@mui/material'
 
-import { phx } from '../../.phoenix/phx.js'
 import { KESTREL } from '../_shared/tokens.js'
 
 const PROMISES = ['Free delivery over $75', 'Two-year warranty', '30-day returns']
@@ -1771,8 +1748,6 @@ export default phx.frontend.createLayoutFooter(LayoutFooter)
 ### ./src/expressions/kettle.ts
 
 ```ts
-import { phx } from '../../.phoenix/phx.js'
-
 const BASE_PRICE = 145
 const FINISH_SURCHARGE = { BrushedSteel: 0, MatteBlack: 10, Copper: 45 }
 const WOOD_SURCHARGE = { Walnut: 10, Oak: 0 }
@@ -1824,8 +1799,6 @@ export default phx.domain.implementCustomExpressions({
 ```ts
 import { useCallback } from 'react'
 
-import { phx } from '../../.phoenix/phx.js'
-
 // Stands in for the shop's cart: adding takes a moment, then the page shows the confirmation
 export default phx.frontend.createPhoenixHandler('addToCart', () => {
   const navigate = phx.frontend.useNavigate()
@@ -1842,8 +1815,6 @@ export default phx.frontend.createPhoenixHandler('addToCart', () => {
 ### ./src/invariants/kettle.ts
 
 ```ts
-import { phx } from '../../.phoenix/phx.js'
-
 // The copper body is sold only with the walnut handle. The spec marks the violation `fixable`, so a change that breaks
 // it is rejected and the built-in snackbar shows the spec's message.
 export default phx.domain.implementCustomInvariants({