@pascal-app/editor 1.0.0 → 1.0.1

package/src/components/ui/floating-level-selector.tsx

@@ -28,7 +28,15 @@ import {
   useScene,
 } from '@pascal-app/core'
 import { markPerfAction, useViewer } from '@pascal-app/viewer'
-import { ClipboardPaste, Copy, GripVertical, MoreVertical, Plus, Trash2 } from 'lucide-react'
+import {
+  ClipboardPaste,
+  Copy,
+  GripVertical,
+  MoreVertical,
+  Plus,
+  Trash2,
+  X,
+} from 'lucide-react'
 import {
   type ButtonHTMLAttributes,
   type CSSProperties,
@@ -45,6 +53,7 @@ import {
 } from '../../lib/level-duplication'
 import { getDefaultLevelName, getLevelDisplayName } from '@pascal-app/core'
 import { deleteLevelWithFallbackSelection } from '../../lib/level-selection'
+import { unitMemberLevels, leaveUnitFocus } from '../../lib/units'
 import { useLinearDisplay } from '../../lib/use-linear-display'
 import { cn } from '../../lib/utils'
 import { ActionButton } from './controls/action-button'
@@ -131,12 +140,15 @@ function LevelRow({
   onDuplicate,
   onPaste,
   onRequestDelete,
+  unitDotColor,
 }: {
   level: LevelNode
   isSelected: boolean
   isDragging?: boolean
   dragHandleProps?: ButtonHTMLAttributes<HTMLButtonElement>
   dragHandleRef?: (element: HTMLButtonElement | null) => void
+  /** Focused-unit color when the unit has zones on this level. */
+  unitDotColor?: string
   onSelect: () => void
   onDuplicate: (preset?: LevelDuplicatePreset) => void
   onPaste?: () => void
@@ -145,11 +157,14 @@ function LevelRow({
   const [duplicateDialogOpen, setDuplicateDialogOpen] = useState(false)
   const [isEditing, setIsEditing] = useState(false)
   const updateNode = useScene((s) => s.updateNode)
-  const { isImperial, toDisplay, displayUnit } = useLinearDisplay('m', 2)
+  const { isImperial, toDisplay, displayUnit, precision: displayPrecision } = useLinearDisplay('m', 2)
 
   const storeyHeight = getStoredLevelHeight(level)
-  // toFixed(2) + strip one trailing zero: "2.50" → "2.5", "2.75" stays.
-  const storeyHeightLabel = `${toDisplay(storeyHeight).toFixed(2).replace(/0$/, '')} ${displayUnit}`
+  // Decimal units keep the compact readout; integer millimeters must retain trailing zeroes.
+  const formattedStoreyHeight = toDisplay(storeyHeight).toFixed(displayPrecision)
+  const storeyHeightLabel = `${
+    displayPrecision > 0 ? formattedStoreyHeight.replace(/0$/, '') : formattedStoreyHeight
+  } ${displayUnit}`
   // Same rule as the site panel and command palette: the ordinal-0 ground
   // floor is the vertical model's zero anchor and must never be deletable.
   const canDeleteLevel = level.level !== 0
@@ -215,6 +230,13 @@ function LevelRow({
             type="button"
           >
             <span className="truncate">{getLevelDisplayName(level)}</span>
+            {unitDotColor && (
+              <span
+                className="ml-1.5 h-1.5 w-1.5 shrink-0 rounded-full"
+                style={{ backgroundColor: unitDotColor }}
+                title="Focused unit has zones here"
+              />
+            )}
           </button>
 
           {/* Storey height badge — opens the height popover */}
@@ -244,7 +266,7 @@ function LevelRow({
                 precision={3}
                 step={0.1}
                 unit="m"
-                value={Math.round(storeyHeight * 1000) / 1000}
+                value={storeyHeight}
               />
               <div className="mt-1.5 grid grid-cols-3 gap-1.5">
                 {heightPresets.map((preset) => (
@@ -343,9 +365,11 @@ function SortableLevelRow({
   onDuplicate,
   onPaste,
   onRequestDelete,
+  unitDotColor,
 }: {
   level: LevelNode
   isSelected: boolean
+  unitDotColor?: string
   onSelect: () => void
   onDuplicate: (preset?: LevelDuplicatePreset) => void
   onPaste?: () => void
@@ -381,7 +405,42 @@ function SortableLevelRow({
         onPaste={onPaste}
         onRequestDelete={onRequestDelete}
         onSelect={onSelect}
+        unitDotColor={unitDotColor}
+      />
+    </div>
+  )
+}
+
+// ── Unit focus chip: name + × to end focus, only while a unit is focused ────
+
+function UnitFocusChip() {
+  const focusedUnitId = useViewer((s) => s.focusedUnitId)
+  const focusedUnit = useScene((s) => {
+    const unit = focusedUnitId ? s.nodes[focusedUnitId] : undefined
+    return unit?.type === 'unit' ? unit : null
+  })
+
+  if (!focusedUnit) return null
+
+  return (
+    <div
+      className="mt-4 flex h-7 max-w-48 items-center gap-1.5 rounded-full border border-border bg-background/90 pr-1 pl-2.5 font-medium text-xs shadow-2xl backdrop-blur-md"
+      data-testid="unit-focus-chip"
+    >
+      <span
+        className="h-2 w-2 shrink-0 rounded-full"
+        style={{ backgroundColor: focusedUnit.color }}
       />
+      <span className="truncate">{focusedUnit.name || 'Unit'}</span>
+      <button
+        aria-label="Exit unit focus"
+        className="flex h-5 w-5 shrink-0 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-white/10 hover:text-foreground"
+        onClick={() => leaveUnitFocus()}
+        title="Exit unit focus"
+        type="button"
+      >
+        <X className="h-3 w-3" />
+      </button>
     </div>
   )
 }
@@ -398,6 +457,17 @@ export function FloatingLevelSelector() {
 
   const [deletingLevel, setDeletingLevel] = useState<LevelNode | null>(null)
   const [draggingLevelId, setDraggingLevelId] = useState<string | null>(null)
+  const focusedUnitId = useViewer((s) => s.focusedUnitId)
+  const focusedUnitColor = useScene((s) => {
+    const unit = focusedUnitId ? s.nodes[focusedUnitId] : undefined
+    return unit?.type === 'unit' ? unit.color : null
+  })
+  const focusedUnitLevelIds = useScene(
+    useShallow((s) => {
+      const unit = focusedUnitId ? s.nodes[focusedUnitId] : undefined
+      return unit?.type === 'unit' ? unitMemberLevels(unit, s.nodes).map((level) => level.id) : []
+    }),
+  )
   const sensors = useSensors(
     useSensor(PointerSensor, {
       activationConstraint: { distance: 4 },
@@ -628,6 +698,11 @@ export function FloatingLevelSelector() {
                       <SortableLevelRow
                         isSelected={isSelected}
                         level={level}
+                        unitDotColor={
+                          focusedUnitColor && focusedUnitLevelIds.includes(level.id)
+                            ? focusedUnitColor
+                            : undefined
+                        }
                         onDuplicate={(preset) => handleDuplicateLevel(level, preset)}
                         onPaste={() => handlePasteToLevel(level)}
                         onRequestDelete={() => setDeletingLevel(level)}
@@ -658,6 +733,7 @@ export function FloatingLevelSelector() {
             </SortableContext>
           </DndContext>
         </div>
+        <UnitFocusChip />
       </div>
 
       {/* Delete confirmation dialog */}

package/src/components/ui/panels/multi-parametric-inspector.tsx

@@ -72,8 +72,9 @@ export function MultiParametricInspector({ footer }: { footer?: React.ReactNode
       )}
       {parametrics.groups.map((group, gi) => (
         <MultiGroupFields
+          defaultExpanded={group.defaultExpanded}
           fields={group.fields as ParamField<AnyNode>[]}
-          key={`group-${gi}`}
+          key={`${nodeType}-${group.label}-${gi}`}
           nodeIds={nodeIds}
           nodeType={nodeType}
           parametrics={parametrics}
@@ -88,12 +89,14 @@ export function MultiParametricInspector({ footer }: { footer?: React.ReactNode
 }
 
 function MultiGroupFields({
+  defaultExpanded,
   title,
   fields,
   nodeIds,
   nodeType,
   parametrics,
 }: {
+  defaultExpanded?: boolean
   title: string
   fields: ParamField<AnyNode>[]
   nodeIds: AnyNodeId[]
@@ -108,7 +111,7 @@ function MultiGroupFields({
   )
   if (genericFields.length === 0 || !anyVisible) return null
   return (
-    <PanelSection title={title}>
+    <PanelSection defaultExpanded={defaultExpanded} title={title}>
       {genericFields.map((field, fi) => {
         if (
           String(field.key) === 'height' &&
@@ -254,7 +257,7 @@ function MultiVec3Field({
             restoreOnCommit={false}
             step={0.05}
             unit="m"
-            value={Math.round(axisValue * 100) / 100}
+            value={axisValue}
           />
         )
       })}

package/src/components/ui/panels/parametric-field-control.tsx

@@ -159,7 +159,7 @@ export function ParametricFieldControl({
                 restoreOnCommit={!onCommit}
                 step={0.05}
                 unit="m"
-                value={Math.round(axisValue * 100) / 100}
+                value={axisValue}
               />
             )
           })}

package/src/components/ui/panels/parametric-inspector.tsx

@@ -157,7 +157,11 @@ export function ParametricInspector({
       width={320}
     >
       {parametrics.groups.map((group, gi) => (
-        <PanelSection key={`group-${gi}`} title={group.label}>
+        <PanelSection
+          defaultExpanded={group.defaultExpanded}
+          key={`${nodeType}-${group.label}-${gi}`}
+          title={group.label}
+        >
           {group.fields.map((field, fi) => (
             <FieldRenderer
               key={`field-${gi}-${fi}-${String(field.key)}`}
@@ -175,7 +179,7 @@ export function ParametricInspector({
       )}
       {(canMove || canDelete || (parametrics.actions && parametrics.actions.length > 0)) && (
         <PanelSection title="Actions">
-          <ActionGroup className={isZone ? 'flex-col' : undefined}>
+          <ActionGroup className={isZone ? 'flex-col' : parametrics.actions?.length ? 'grid grid-cols-2 gap-2' : undefined}>
             {canMove && (
               <ActionButton icon={<Move className="h-4 w-4" />} label="Move" onClick={handleMove} />
             )}

package/src/components/ui/panels/reference-panel.tsx

@@ -376,7 +376,7 @@ export function ReferencePanel() {
           precision={2}
           step={0.1}
           unit="m"
-          value={Math.round(node.position[0] * 100) / 100}
+          value={node.position[0]}
         />
         <SliderControl
           label={
@@ -394,7 +394,7 @@ export function ReferencePanel() {
           precision={2}
           step={0.1}
           unit="m"
-          value={Math.round(node.position[1] * 100) / 100}
+          value={node.position[1]}
         />
         <SliderControl
           label={
@@ -412,7 +412,7 @@ export function ReferencePanel() {
           precision={2}
           step={0.1}
           unit="m"
-          value={Math.round(node.position[2] * 100) / 100}
+          value={node.position[2]}
         />
       </PanelSection>
 

package/src/components/ui/primitives/checkbox.tsx

@@ -0,0 +1,34 @@
+'use client'
+
+import { Check } from 'lucide-react'
+import type { ButtonHTMLAttributes } from 'react'
+import { cn } from './../../../lib/utils'
+
+interface CheckboxProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
+  checked: boolean
+  onCheckedChange: (checked: boolean) => void
+}
+
+export function Checkbox({ checked, onCheckedChange, className, ...props }: CheckboxProps) {
+  return (
+    <button
+      aria-checked={checked}
+      className={cn(
+        'flex h-3.5 w-3.5 shrink-0 cursor-pointer items-center justify-center rounded-[4px] border transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring',
+        checked
+          ? 'border-primary bg-primary text-primary-foreground'
+          : 'border-border bg-background/60 text-transparent hover:border-foreground/40',
+        className,
+      )}
+      role="checkbox"
+      type="button"
+      {...props}
+      onClick={(event) => {
+        event.stopPropagation()
+        onCheckedChange(!checked)
+      }}
+    >
+      <Check className="h-2.5 w-2.5" strokeWidth={3} />
+    </button>
+  )
+}

package/src/components/ui/sidebar/panels/settings-panel/index.tsx

@@ -18,6 +18,7 @@ import {
   Download,
   Map as MapIcon,
   Save,
+  Send,
   Trash2,
   Upload,
 } from 'lucide-react'
@@ -36,6 +37,12 @@ import {
   exportFloorplanPdf,
   type FloorplanExportScope,
 } from '../../../../../lib/floorplan/floorplan-export'
+import {
+  LocalAppError,
+  probeLocalApp,
+  sendGlbToLocalApp,
+  waitForLocalImport,
+} from '../../../../../lib/send-to-app'
 import { Button } from './../../../../../components/ui/primitives/button'
 import {
   Dialog,
@@ -46,6 +53,7 @@ import {
 import { Input } from './../../../../../components/ui/primitives/input'
 import { Switch } from './../../../../../components/ui/primitives/switch'
 import useEditor, { selectDefaultBuildingAndLevel } from './../../../../../store/use-editor'
+import { type SendToAppStep, useSendToApp } from './../../../../../store/use-send-to-app'
 import useFloorplanMode from './../../../../../store/use-floorplan-mode'
 import { AudioSettingsDialog } from './audio-settings-dialog'
 import { KeyboardShortcutsDialog } from './keyboard-shortcuts-dialog'
@@ -84,6 +92,15 @@ const MODEL_EXPORT_FORMATS = [
 
 type ModelExportFormat = (typeof MODEL_EXPORT_FORMATS)[number]['format']
 
+const SEND_TO_BLENDER_STEP_LABEL: Record<SendToAppStep, string> = {
+  probing: 'Looking for Blender…',
+  exporting: 'Preparing the scene…',
+  sending: 'Sending to Blender…',
+  importing: 'Blender is importing…',
+}
+
+const BLENDER_ADDON_URL = 'https://github.com/pascalorg/blender-addon#install'
+
 type ExportableNodeType = {
   type: string
   label: string
@@ -208,6 +225,8 @@ export interface ProjectVisibility {
 
 export interface SettingsPanelProps {
   projectId?: string
+  /** Shown as the scene name in apps the scene is sent to (Blender collection name). */
+  projectName?: string
   projectVisibility?: ProjectVisibility
   onVisibilityChange?: (
     field: 'isPrivate' | 'showScansPublic' | 'showGuidesPublic',
@@ -217,6 +236,7 @@ export interface SettingsPanelProps {
 
 export function SettingsPanel({
   projectId,
+  projectName,
   projectVisibility,
   onVisibilityChange,
 }: SettingsPanelProps = {}) {
@@ -226,6 +246,7 @@ export function SettingsPanel({
   const rootNodeIds = useScene((state) => state.rootNodeIds)
   const installedPlugins = useScene((state) => state.installedPlugins)
   const materials = useScene((state) => state.materials)
+  const collections = useScene((state) => state.collections)
   const setScene = useScene((state) => state.setScene)
   const clearScene = useScene((state) => state.clearScene)
   const resetSelection = useViewer((state) => state.resetSelection)
@@ -244,6 +265,10 @@ export function SettingsPanel({
   const [activeModelExport, setActiveModelExport] = useState<ModelExportFormat | null>(null)
   const [modelExportError, setModelExportError] = useState<string | null>(null)
   const [modelExportWarning, setModelExportWarning] = useState<string | null>(null)
+  const sendToBlenderStep = useSendToApp((state) => state.step)
+  const sendToBlenderMessage = useSendToApp((state) => state.message)
+  const setSendToBlenderStep = useSendToApp((state) => state.setStep)
+  const setSendToBlenderMessage = useSendToApp((state) => state.setMessage)
   const [activeFloorplanExport, setActiveFloorplanExport] = useState<FloorplanExportScope | null>(
     null,
   )
@@ -323,7 +348,7 @@ export function SettingsPanel({
     // Materials ride along: nodes reference them by `scene:<id>` slot
     // refs, so a save without the table produces a file whose custom
     // finishes revert to defaults on the very Load Build path below.
-    const sceneData = { nodes, rootNodeIds, installedPlugins, materials }
+    const sceneData = { nodes, rootNodeIds, installedPlugins, materials, collections }
     const json = JSON.stringify(sceneData, null, 2)
     const blob = new Blob([json], { type: 'application/json' })
     const url = URL.createObjectURL(blob)
@@ -389,6 +414,7 @@ export function SettingsPanel({
         // pointed at a material that no longer existed — custom finishes
         // silently reverted to defaults on import.
         materials: parsed.materials,
+        collections: parsed.collections,
         installedPlugins: parsed.installedPlugins ?? currentScene.installedPlugins,
         hasExplicitPluginInstallState:
           parsed.installedPlugins !== undefined || currentScene.hasExplicitPluginInstallState,
@@ -463,7 +489,7 @@ export function SettingsPanel({
   }, [])
 
   const handleModelExport = async (format: ModelExportFormat, label: string) => {
-    if (!modelExport || activeModelExport) return
+    if (!modelExport || activeModelExport || useSendToApp.getState().step) return
 
     setActiveModelExport(format)
     setModelExportError(null)
@@ -492,6 +518,62 @@ export function SettingsPanel({
     }
   }
 
+  const handleSendToBlender = async () => {
+    if (!modelExport || activeModelExport || useSendToApp.getState().step) return
+
+    setSendToBlenderMessage(null)
+    setSendToBlenderStep('probing')
+    try {
+      const probe = await probeLocalApp()
+      if (probe.status === 'unreachable') {
+        setSendToBlenderMessage({
+          tone: 'error',
+          text: 'Blender isn’t listening. Open Blender with the Pascal add-on installed and enabled, then try again.',
+        })
+        return
+      }
+      if (probe.status === 'refused') {
+        setSendToBlenderMessage({
+          tone: 'error',
+          text: `Blender is open but hasn’t allowed ${window.location.origin} yet. In Blender, open the Pascal tab in the 3D viewport sidebar (N) and click Allow.`,
+        })
+        return
+      }
+
+      setSendToBlenderStep('exporting')
+      const artifact = await modelExport('glb', {
+        onlyVisible: exportOnlyVisible,
+        excludedNodeTypes,
+        includedPresentationIds: includedPresentationIds.filter((id) =>
+          exportablePresentations.some((contribution) => contribution.id === id),
+        ),
+        download: false,
+      })
+      if (!artifact) throw new Error('Model export did not produce a file')
+
+      setSendToBlenderStep('sending')
+      const queued = await sendGlbToLocalApp(probe.base, artifact.blob, {
+        name: projectName,
+        projectId,
+      })
+
+      setSendToBlenderStep('importing')
+      const done = await waitForLocalImport(probe.base, queued.id)
+      setSendToBlenderMessage({
+        tone: 'info',
+        text: done.summary ? `Sent to Blender. ${done.summary}.` : 'Sent to Blender.',
+      })
+    } catch (error) {
+      const text =
+        error instanceof LocalAppError || error instanceof Error
+          ? error.message
+          : 'Couldn’t send the scene to Blender. Try again.'
+      setSendToBlenderMessage({ tone: 'error', text })
+    } finally {
+      setSendToBlenderStep(null)
+    }
+  }
+
   const handleFloorplanExport = async (scope: FloorplanExportScope) => {
     if (activeFloorplanExport) return
 
@@ -710,7 +792,7 @@ export function SettingsPanel({
               <Button
                 aria-busy={isActive}
                 className="w-full justify-start gap-2"
-                disabled={activeModelExport !== null || !modelExport}
+                disabled={activeModelExport !== null || sendToBlenderStep !== null || !modelExport}
                 key={format}
                 onClick={() => void handleModelExport(format, label)}
                 variant="outline"
@@ -721,6 +803,41 @@ export function SettingsPanel({
             )
           })}
 
+          <Button
+            aria-busy={sendToBlenderStep !== null}
+            className="w-full justify-start gap-2"
+            disabled={activeModelExport !== null || sendToBlenderStep !== null || !modelExport}
+            onClick={() => void handleSendToBlender()}
+            variant="outline"
+          >
+            <Send aria-hidden="true" className="size-4" />
+            {sendToBlenderStep ? SEND_TO_BLENDER_STEP_LABEL[sendToBlenderStep] : 'Send to Blender'}
+          </Button>
+          <p className="text-muted-foreground text-xs">
+            Needs the{' '}
+            <a
+              className="underline underline-offset-2"
+              href={BLENDER_ADDON_URL}
+              rel="noreferrer"
+              target="_blank"
+            >
+              Pascal add-on for Blender
+            </a>{' '}
+            running in an open Blender.
+          </p>
+          {sendToBlenderMessage ? (
+            <p
+              className={
+                sendToBlenderMessage.tone === 'error'
+                  ? 'text-destructive text-xs'
+                  : 'text-foreground text-xs'
+              }
+              role={sendToBlenderMessage.tone === 'error' ? 'alert' : 'status'}
+            >
+              {sendToBlenderMessage.text}
+            </p>
+          ) : null}
+
           {activeModelExport ? (
             <p className="text-muted-foreground text-xs" role="status">
               Preparing {activeModelExport.toUpperCase()} file…

package/src/components/ui/sidebar/panels/settings-panel/print-export-button.test.ts

@@ -40,7 +40,7 @@ describe('simple 3D print export', () => {
       return artifact
     }
 
-    const prepared = await preparePrintExport(modelExport, true)
+    const prepared = await preparePrintExport(modelExport, true, 'print-3mf')
 
     expect(calls).toEqual([
       {
@@ -58,6 +58,33 @@ describe('simple 3D print export', () => {
     expect(prepared).toEqual({ artifact, report })
   })
 
+  test('uses the same safe profile for printable STL files', async () => {
+    const calls: { format?: string; options?: ModelExportOptions }[] = []
+    const stlReport: PrintExportReport = { ...report, format: 'stl' }
+    const artifact = { blob: new Blob(['stl']), filename: 'house.zip', metadata: stlReport }
+    const modelExport: ModelExport = async (format, options) => {
+      calls.push({ format, options })
+      return artifact
+    }
+
+    const prepared = await preparePrintExport(modelExport, false, 'print-stl')
+
+    expect(calls).toEqual([
+      {
+        format: 'print-stl',
+        options: {
+          onlyVisible: false,
+          download: false,
+          printScale: 100,
+          printScope: 'levels',
+          printContent: 'structure',
+          printBase: 'none',
+        },
+      },
+    ])
+    expect(prepared).toEqual({ artifact, report: stlReport })
+  })
+
   test('blocks the download when preflight finds invalid geometry', async () => {
     const blockedReport: PrintExportReport = {
       ...report,
@@ -76,7 +103,7 @@ describe('simple 3D print export', () => {
       metadata: blockedReport,
     })
 
-    await expect(preparePrintExport(modelExport, true)).rejects.toThrow(
+    await expect(preparePrintExport(modelExport, true, 'print-3mf')).rejects.toThrow(
       'One wall has an open edge.',
     )
   })
@@ -122,7 +149,7 @@ describe('simple 3D print export', () => {
       metadata: blockedBundleReport,
     })
 
-    await expect(preparePrintExport(modelExport, true)).rejects.toThrow(
+    await expect(preparePrintExport(modelExport, true, 'print-3mf')).rejects.toThrow(
       'The upper level has an open edge.',
     )
   })
@@ -133,7 +160,7 @@ describe('simple 3D print export', () => {
       filename: 'house.3mf',
     })
 
-    await expect(preparePrintExport(modelExport, false)).rejects.toThrow(
+    await expect(preparePrintExport(modelExport, false, 'print-3mf')).rejects.toThrow(
       'did not return a valid file',
     )
   })

package/src/components/ui/sidebar/panels/settings-panel/print-export-button.tsx

@@ -5,7 +5,11 @@ import {
   isPrintLevelBundleReport,
   type PrintLevelBundleReport,
 } from '../../../../../lib/level-print-export'
-import type { ModelExport, ModelExportArtifact } from '../../../../../lib/model-export'
+import type {
+  ModelExport,
+  ModelExportArtifact,
+  ModelExportFormat,
+} from '../../../../../lib/model-export'
 import {
   isPrintExportReport,
   type PrintExportReport,
@@ -17,6 +21,8 @@ type PreparedPrintExport = {
   report: PrintExportReport | PrintLevelBundleReport
 }
 
+type PrintModelExportFormat = Extract<ModelExportFormat, 'print-3mf' | 'print-stl'>
+
 function downloadArtifact(artifact: ModelExportArtifact) {
   const url = URL.createObjectURL(artifact.blob)
   const link = document.createElement('a')
@@ -39,8 +45,9 @@ function firstBlockingMessage(report: PrintExportReport | PrintLevelBundleReport
 export async function preparePrintExport(
   modelExport: ModelExport,
   onlyVisible: boolean,
+  format: PrintModelExportFormat,
 ): Promise<PreparedPrintExport> {
-  const artifact = await modelExport('print-3mf', {
+  const artifact = await modelExport(format, {
     onlyVisible,
     download: false,
     printScale: 100,
@@ -68,35 +75,47 @@ export async function preparePrintExport(
 
 export function PrintExportButton({ onlyVisible }: { onlyVisible: boolean }) {
   const modelExport = useEditor((state) => state.modelExport)
-  const [isExporting, setIsExporting] = useState(false)
+  const [exportingFormat, setExportingFormat] = useState<PrintModelExportFormat | null>(null)
   const [error, setError] = useState<string | null>(null)
 
-  const handleExport = async () => {
+  const handleExport = async (format: PrintModelExportFormat) => {
     if (!modelExport) return
 
-    setIsExporting(true)
+    setExportingFormat(format)
     setError(null)
     try {
-      const prepared = await preparePrintExport(modelExport, onlyVisible)
+      const prepared = await preparePrintExport(modelExport, onlyVisible, format)
       downloadArtifact(prepared.artifact)
     } catch (reason) {
       setError(reason instanceof Error ? reason.message : '3D print export failed.')
     } finally {
-      setIsExporting(false)
+      setExportingFormat(null)
     }
   }
 
+  const isExporting = exportingFormat !== null
+
   return (
     <>
       <Button
-        aria-busy={isExporting}
+        aria-busy={exportingFormat === 'print-3mf'}
+        className="w-full justify-start gap-2"
+        disabled={isExporting || !modelExport}
+        onClick={() => void handleExport('print-3mf')}
+        variant="outline"
+      >
+        <Printer className="size-4" />
+        Export 3D print 3MF
+      </Button>
+      <Button
+        aria-busy={exportingFormat === 'print-stl'}
         className="w-full justify-start gap-2"
         disabled={isExporting || !modelExport}
-        onClick={handleExport}
+        onClick={() => void handleExport('print-stl')}
         variant="outline"
       >
         <Printer className="size-4" />
-        Export 3D print files
+        Export 3D print STL
       </Button>
       {error && (
         <div className="flex gap-2 text-destructive text-xs">