@toolpath/dfm 0.5.0 → 1.0.0

package/dist/index.js

@@ -1,2649 +1,132 @@
 import {
+  CRITICAL_COLOR,
+  FILE_KIND,
+  MAX_DATASHEET_FIELDS,
   MILLING_RULES,
   OPS,
+  PINCH_TOOL_MM,
   PRESENCE_METRIC,
+  QUICK_SUBJECTS,
   RANGE_HIGHS,
   RANGE_LOWS,
   RULE_COLORS,
   TURNING_RULES,
+  WARNING_COLOR,
+  brokenRules,
+  checkPart,
+  checkTurnedPart,
+  compareColors,
+  datasheetFields,
+  describeRule,
+  dfmFeatures,
   directionLabel,
+  featureColor,
+  featureMeasurements,
+  featureProfile,
   featureRows,
+  featureSheet,
   featureTypeLabel,
   formatMeasured,
   fromField,
   highOf,
   hitFigure,
+  isNoReading,
+  isSurfaceType,
   lengthValue,
   llmRulePrompt,
   lowOf,
   makeRule,
+  maxBallDiameter,
   metricInfo,
   metricsForSubject,
   opSymbol,
   parseRuleSetFile,
+  parseRules,
   peakHeight,
+  pinchLabel,
+  pinchMark,
+  placePinchTool,
   quantityUnit,
+  readPinch,
   readReachCurve,
   runStart,
+  sameDepth,
   serializeRuleSet,
   subjectLabel,
   toField,
   trimmedCurve,
+  turnedStretches,
+  turnedTypeLabel,
   unitLabel,
   upperOf,
   withMetric,
   withOp,
-  withSubject
-} from "./chunk-4IRNLDE6.js";
-
-// src/rule-list/rule-list.tsx
-import { useMemo as useMemo2, useState as useState8 } from "react";
-import { ScrollArea } from "@toolpath/ui";
-
-// src/rule-list/list-keys.ts
-var listKeys = (name, orientation = "vertical") => (event) => {
-  const [back, forward] = orientation === "vertical" ? ["ArrowUp", "ArrowDown"] : ["ArrowLeft", "ArrowRight"];
-  if (![back, forward, "Home", "End"].includes(event.key) || isField(event.target)) return;
-  const items = [
-    ...event.currentTarget.querySelectorAll(`[data-list-item="${name}"]`)
-  ];
-  if (items.length === 0) return;
-  const at = currentIndex(items, document.activeElement);
-  const chosen = items.findIndex((item) => item.getAttribute("aria-pressed") === "true");
-  const step = (from) => Math.min(Math.max(from + (event.key === forward ? 1 : -1), 0), items.length - 1);
-  const index = event.key === "Home" ? 0 : event.key === "End" ? items.length - 1 : at !== -1 ? step(at) : chosen !== -1 ? items[chosen]?.dataset.follow !== void 0 ? step(chosen) : chosen : event.key === forward ? 0 : items.length - 1;
-  const target = items[index];
-  if (!target) return;
-  event.preventDefault();
-  event.stopPropagation();
-  if (target === document.activeElement) return;
-  target.focus();
-  if (target.dataset.follow !== void 0) target.click();
-};
-var currentIndex = (items, active) => {
-  if (!active) return -1;
-  const exact = items.indexOf(active);
-  if (exact !== -1) return exact;
-  const row = active.closest("li");
-  return row ? items.findIndex((item) => item.closest("li") === row) : -1;
-};
-var isField = (target) => target instanceof HTMLSelectElement || target instanceof HTMLTextAreaElement || target instanceof HTMLInputElement && target.type !== "color" && target.type !== "button" || target instanceof HTMLElement && target.isContentEditable;
-
-// src/rule-list/new-rule.tsx
-import { useState as useState2 } from "react";
-
-// src/rule-list/options.ts
-var subjectChoices = (current, all, vocabulary = MILLING_RULES) => {
-  const { quickSubjects } = vocabulary;
-  const quick = [...quickSubjects, ...quickSubjects.includes(current) ? [] : [current]];
-  const first = {
-    choices: quick.map((value) => ({ value, label: subjectLabel(value, vocabulary) }))
-  };
-  if (!all) return { groups: [first], more: "More feature types\u2026" };
-  const rest = vocabulary.subjects.filter((each) => !quick.includes(each.value));
-  return { groups: [first, { heading: "More feature types", choices: rest }] };
-};
-var metricChoices = (subject, current, all, vocabulary = MILLING_RULES) => {
-  const { quickMetrics } = vocabulary;
-  const offered = metricsForSubject(subject, vocabulary);
-  const quick = offered.filter((each) => quickMetrics.includes(each.key) || each.key === current);
-  quick.sort((a, b) => rank(quickMetrics, a.key) - rank(quickMetrics, b.key));
-  const rest = offered.filter((each) => !quick.includes(each));
-  const first = { choices: quick.map(choice) };
-  if (!all) return { groups: [first], more: rest.length > 0 ? "More measures\u2026" : void 0 };
-  return {
-    groups: [
-      first,
-      ...grouped(rest).map(([heading, metrics]) => ({ heading, choices: metrics.map(choice) }))
-    ]
-  };
-};
-var choice = ({ key, label }) => ({ value: key, label });
-var rank = (quickMetrics, key) => {
-  const at = quickMetrics.indexOf(key);
-  return at === -1 ? quickMetrics.length : at;
-};
-var grouped = (items) => {
-  const groups = /* @__PURE__ */ new Map();
-  for (const item of items) groups.set(item.group, [...groups.get(item.group) ?? [], item]);
-  return [...groups];
-};
-
-// src/rule-list/picker.tsx
-import {
-  Fragment,
-  useEffect,
-  useId,
-  useRef,
-  useState
-} from "react";
-import { CheckIcon } from "@phosphor-icons/react";
-import { Menu, cn as cn2 } from "@toolpath/ui";
-
-// src/rule-list/styles.ts
-import { cn } from "@toolpath/ui";
-var FOCUS_RING = "outline-none focus-visible:ring-2 focus-visible:ring-info/75";
-var WORD = cn(
-  "cursor-pointer appearance-none rounded bg-transparent px-0.5 font-medium text-gray-700 field-sizing-content",
-  "underline decoration-gray-300 decoration-dotted underline-offset-4 hover:bg-gray-100",
-  "dark:text-zinc-100 dark:decoration-zinc-600 dark:hover:bg-zinc-700",
-  "outline-none focus-visible:bg-gray-100 focus-visible:ring-2 focus-visible:ring-info/75 dark:focus-visible:bg-zinc-700"
-);
-
-// src/rule-list/picker.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var HEADING = "px-2 pt-1.5 pb-1 text-[10px] font-semibold tracking-wider text-gray-300 uppercase font-body dark:text-zinc-500";
-var Picker = ({
-  label,
-  value,
-  choices,
-  onChange,
-  onMore,
-  placeholder,
-  title: title2,
-  className,
-  autoFocus
-}) => {
-  const id = useId();
-  const held = useRef(null);
-  const [holding, setHolding] = useState(0);
-  const hold = (next) => {
-    held.current = next;
-    if (next) setHolding((count) => count + 1);
-  };
-  const flat = choices.groups.flatMap((group) => group.choices);
-  const at = flat.findIndex((choice2) => choice2.value === value);
-  const shown = flat[at]?.label ?? placeholder ?? value;
-  const starts = choices.groups.map(
-    (_, g) => choices.groups.slice(0, g).reduce((count, group) => count + group.choices.length, 0)
-  );
-  useEffect(() => {
-    if (holding === 0) return;
-    const frame = requestAnimationFrame(() => focusHeld(id, held.current));
-    return () => cancelAnimationFrame(frame);
-  }, [holding, id]);
-  return (
-    // A click on the word, in its menu or on the menu's backdrop is the picker's: React would carry
-    // it up through the portal to the row, which opens on a click.
-    /* @__PURE__ */ jsx("span", { onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ jsxs(Menu, { onOpenChange: (open) => hold(open && at !== -1 ? { index: at, reveal: false } : null), children: [
-      /* @__PURE__ */ jsx(
-        Menu.Trigger,
-        {
-          nativeButton: true,
-          render: /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              "aria-label": at === -1 ? label : `${label}: ${shown}`,
-              title: title2,
-              className: cn2(
-                WORD,
-                "data-[popup-open]:bg-gray-100 dark:data-[popup-open]:bg-zinc-700",
-                className
-              ),
-              autoFocus
-            }
-          ),
-          children: shown
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        Menu.Popover,
-        {
-          align: "start",
-          sideOffset: 4,
-          collisionPadding: 8,
-          className: "max-h-[min(24rem,var(--available-height))] min-w-[var(--anchor-width)] overflow-y-auto py-1 shadow-lg",
-          onFocus: (event) => {
-            const item = held.current && document.getElementById(itemId(id, held.current.index));
-            if (item && event.target !== item) focusHeld(id, held.current);
-          },
-          onPointerMove: () => hold(null),
-          onKeyDownCapture: () => hold(null),
-          onKeyDown: keepKeys,
-          children: [
-            choices.groups.map((group, g) => /* @__PURE__ */ jsxs(Fragment, { children: [
-              g > 0 ? /* @__PURE__ */ jsx(Menu.Divider, { className: "my-1" }) : null,
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  role: "group",
-                  "aria-labelledby": group.heading ? `${id}-group-${g}` : void 0,
-                  className: "flex flex-col",
-                  children: [
-                    group.heading ? /* @__PURE__ */ jsx("div", { id: `${id}-group-${g}`, className: HEADING, children: group.heading }) : null,
-                    group.choices.map((choice2, c) => {
-                      const chosen = choice2.value === value;
-                      return /* @__PURE__ */ jsxs(
-                        Menu.Item,
-                        {
-                          id: itemId(id, (starts[g] ?? 0) + c),
-                          label: choice2.label,
-                          onClick: () => {
-                            if (!chosen) onChange(choice2.value);
-                          },
-                          className: "gap-3",
-                          children: [
-                            /* @__PURE__ */ jsx("span", { className: "flex-1", children: choice2.label }),
-                            /* @__PURE__ */ jsx(
-                              CheckIcon,
-                              {
-                                "aria-hidden": true,
-                                weight: "bold",
-                                className: cn2(
-                                  "size-3.5 text-gray-400 dark:text-zinc-300",
-                                  !chosen && "invisible"
-                                )
-                              }
-                            )
-                          ]
-                        },
-                        choice2.value
-                      );
-                    })
-                  ]
-                }
-              )
-            ] }, group.heading ?? g)),
-            choices.more && onMore ? /* @__PURE__ */ jsx(
-              Menu.Item,
-              {
-                closeOnClick: false,
-                onClick: () => {
-                  hold({ index: flat.length, reveal: true });
-                  onMore();
-                },
-                className: "text-gray-400 dark:text-zinc-400",
-                children: choices.more
-              }
-            ) : null
-          ]
-        }
-      )
-    ] }) })
-  );
-};
-var focusHeld = (picker, held) => {
-  const item = held && document.getElementById(itemId(picker, held.index));
-  if (!item) return;
-  item.focus({ preventScroll: held.reveal });
-  const menu = item.closest('[role="menu"]');
-  const group = item.closest('[role="group"]');
-  if (held.reveal && menu && group)
-    menu.scrollTop += group.getBoundingClientRect().top - menu.getBoundingClientRect().top - 8;
-};
-var itemId = (picker, index) => `${picker}-${index}`;
-var keepKeys = (event) => {
-  if (event.key !== "Tab") event.stopPropagation();
-};
-
-// src/rule-list/new-rule.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var NewRule = ({
-  onAdd,
-  vocabulary
-}) => {
-  const [all, setAll] = useState2(false);
-  return /* @__PURE__ */ jsxs2("li", { className: "flex items-start gap-1.5 py-1 pr-1.5", children: [
-    /* @__PURE__ */ jsx2("span", { "aria-hidden": true, className: "size-7 shrink-0" }),
-    /* @__PURE__ */ jsx2(
-      "span",
-      {
-        "aria-hidden": true,
-        className: "mt-1.5 size-4 shrink-0 rounded-full border border-dashed border-gray-300 dark:border-zinc-600"
-      }
-    ),
-    /* @__PURE__ */ jsx2("p", { className: "min-w-0 flex-1 text-sm leading-7", children: /* @__PURE__ */ jsx2(
-      Picker,
-      {
-        label: "New rule",
-        placeholder: "+ New Rule",
-        value: "",
-        choices: subjectChoices("any", all, vocabulary),
-        onChange: onAdd,
-        onMore: () => setAll(true),
-        className: "font-normal text-gray-400 dark:text-zinc-500"
-      }
-    ) })
-  ] });
-};
-
-// src/rule-list/rule-row.tsx
-import { useRef as useRef3, useState as useState6 } from "react";
-import { CaretRightIcon as CaretRightIcon2, TrashIcon } from "@phosphor-icons/react";
-import { IconButton, cn as cn7 } from "@toolpath/ui";
-
-// src/rule-list/feature-rows.tsx
-import { useMemo } from "react";
-
-// src/rule-list/feature-button.tsx
-import { cn as cn3 } from "@toolpath/ui";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var FEATURE_ROW = cn3(
-  "flex w-full cursor-pointer items-baseline gap-2 rounded px-2 py-1 text-left text-xs",
-  "text-gray-500 hover:bg-gray-100 dark:text-zinc-300 dark:hover:bg-zinc-800",
-  "aria-pressed:bg-gray-100 aria-pressed:font-semibold aria-pressed:text-gray-700",
-  "dark:aria-pressed:bg-zinc-800 dark:aria-pressed:text-zinc-100",
-  FOCUS_RING
-);
-var ruleHit = (check, rule, tag) => check.hitsByTag.get(tag.toLowerCase())?.find((each) => each.rule.id === rule.id);
-var HitFigure = ({
-  hit,
-  units
-}) => hit ? /* @__PURE__ */ jsx3("span", { className: "shrink-0 text-gray-400 tabular-nums dark:text-zinc-400", children: hitFigure(hit, units) }) : null;
-var FeatureButton = ({
-  tag,
-  featureOf,
-  rule,
-  check,
-  units,
-  vocabulary,
-  selected,
-  selectedGroup,
-  onInspect,
-  onHover,
-  onBack
-}) => {
-  const feature = featureOf.get(tag);
-  const { name, detail } = feature ? vocabulary.featureLabel(feature) : { name: "Feature", detail: "" };
-  return /* @__PURE__ */ jsxs3(
-    "button",
-    {
-      type: "button",
-      "data-list-item": "rules",
-      "data-follow": true,
-      "data-feature-row": true,
-      "aria-pressed": selected === tag && !selectedGroup,
-      onClick: () => onInspect(tag),
-      onKeyDown: (event) => {
-        if (event.key !== "ArrowLeft") return;
-        event.preventDefault();
-        onBack();
-      },
-      onPointerEnter: () => onHover(tag),
-      onPointerLeave: () => onHover(null),
-      className: FEATURE_ROW,
-      children: [
-        /* @__PURE__ */ jsxs3("span", { className: "min-w-0 flex-1 truncate", children: [
-          name,
-          " ",
-          /* @__PURE__ */ jsx3("span", { className: "font-normal text-gray-300 dark:text-zinc-500", children: detail })
-        ] }),
-        /* @__PURE__ */ jsx3(HitFigure, { hit: ruleHit(check, rule, tag), units })
-      ]
-    }
-  );
-};
-
-// src/rule-list/hole-group-row.tsx
-import { useRef as useRef2, useState as useState3 } from "react";
-import { CaretRightIcon } from "@phosphor-icons/react";
-import { cn as cn4 } from "@toolpath/ui";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var HoleGroupRow = ({
-  row,
-  direction,
-  ...context
-}) => {
-  const [open, setOpen] = useState3(false);
-  const groupRef = useRef2(null);
-  const { rule, check, units, selectedGroup, featureOf, onInspect, onHover, onBack } = context;
-  const [first] = row.tags;
-  const chosen = selectedGroup?.[0] === first;
-  return /* @__PURE__ */ jsxs4("li", { children: [
-    /* @__PURE__ */ jsxs4("div", { className: "flex items-center", children: [
-      /* @__PURE__ */ jsx4(
-        "button",
-        {
-          type: "button",
-          "aria-label": open ? "Hide holes" : "Show holes",
-          "aria-expanded": open,
-          tabIndex: -1,
-          onClick: () => setOpen((was) => !was),
-          className: "-ml-5 flex size-5 shrink-0 cursor-pointer items-center justify-center text-gray-300 dark:text-zinc-500",
-          children: /* @__PURE__ */ jsx4(
-            CaretRightIcon,
-            {
-              weight: "bold",
-              className: cn4("size-3 transition-transform", open && "rotate-90")
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ jsxs4(
-        "button",
-        {
-          ref: groupRef,
-          type: "button",
-          "data-list-item": "rules",
-          "data-follow": true,
-          "data-feature-row": true,
-          "aria-pressed": chosen,
-          onClick: () => onInspect(first, row.tags),
-          onKeyDown: (event) => {
-            if (event.key === "ArrowRight" && !open) {
-              event.preventDefault();
-              setOpen(true);
-            } else if (event.key === "ArrowLeft") {
-              event.preventDefault();
-              if (open) setOpen(false);
-              else onBack();
-            }
-          },
-          onPointerEnter: () => onHover(row.tags),
-          onPointerLeave: () => onHover(null),
-          className: FEATURE_ROW,
-          children: [
-            /* @__PURE__ */ jsxs4("span", { className: "min-w-0 flex-1 truncate", children: [
-              featureTypeLabel(featureOf.get(first)?.featureType ?? "hole"),
-              " \u2300",
-              formatMeasured("length", row.diameter, units),
-              " ",
-              /* @__PURE__ */ jsxs4("span", { className: "font-normal text-gray-400 dark:text-zinc-400", children: [
-                "\xD7",
-                row.tags.length,
-                " \xB7 from ",
-                direction
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx4(HitFigure, { hit: ruleHit(check, rule, first), units })
-          ]
-        }
-      )
-    ] }),
-    open ? /* @__PURE__ */ jsx4("ul", { className: "pl-4", children: row.tags.map((tag) => /* @__PURE__ */ jsx4("li", { children: /* @__PURE__ */ jsx4(FeatureButton, { ...context, tag, onBack: () => groupRef.current?.focus() }) }, tag)) }) : null
-  ] });
-};
-
-// src/rule-list/feature-rows.tsx
-import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-var FeatureRows = ({
-  tags,
-  otherTags,
-  features,
-  sheets,
-  ...rest
-}) => {
-  const featureOf = useMemo(
-    () => new Map(features.map((feature) => [feature.tag, feature])),
-    [features]
-  );
-  const required = useMemo(() => featureRows(tags, features, sheets), [tags, features, sheets]);
-  const others = useMemo(
-    () => featureRows(otherTags, features, sheets),
-    [otherTags, features, sheets]
-  );
-  const context = { ...rest, featureOf };
-  const list = (rows) => rows.map(
-    (row) => row.kind === "holes" ? /* @__PURE__ */ jsx5(
-      HoleGroupRow,
-      {
-        row,
-        direction: directionOf(featureOf.get(row.key)),
-        ...context
-      },
-      row.key
-    ) : /* @__PURE__ */ jsx5("li", { children: /* @__PURE__ */ jsx5(FeatureButton, { tag: row.tag, ...context }) }, row.tag)
-  );
-  return /* @__PURE__ */ jsxs5("ul", { className: "pb-1 pl-12", children: [
-    list(required),
-    otherTags.length > 0 ? /* @__PURE__ */ jsxs5(Fragment2, { children: [
-      /* @__PURE__ */ jsx5(
-        "li",
-        {
-          className: "pt-1 pb-0.5 text-2xs font-semibold text-gray-400 uppercase dark:text-zinc-500",
-          title: "Readings of faces another feature also cuts: not counted or painted, since a plan may never cut them this way",
-          children: "Other readings, not required"
-        }
-      ),
-      /* @__PURE__ */ jsx5("div", { className: "opacity-70", children: list(others) })
-    ] }) : null
-  ] });
-};
-var directionOf = (feature) => feature ? directionLabel(feature.machiningDirection) : "";
-
-// src/rule-list/rule-sentence.tsx
-import { useState as useState5 } from "react";
-
-// src/rule-list/ops.ts
-var OP_TITLES = {
-  gte: "at least",
-  gt: "more than",
-  lte: "at most",
-  lt: "less than",
-  eq: "equal to",
-  ne: "not equal to",
-  between: "a range, between two numbers"
-};
-var LOW_SYMBOLS = { gte: "\u2264", gt: "<" };
-var ONE_SIDED = "one:";
-var ONE_SIDED_CHOICES = {
-  heading: "One-sided",
-  choices: OPS.filter((op) => op !== "between").map((op) => ({
-    value: `${ONE_SIDED}${op}`,
-    label: `${opSymbol(op)} ${OP_TITLES[op]}`
-  }))
-};
-var rangeEnd = (rule, chosen, hold) => chosen.startsWith(ONE_SIDED) ? withOp(rule, chosen.slice(ONE_SIDED.length)) : { ...rule, ...hold(chosen) };
-
-// src/rule-list/comparison.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
-var COMPARISONS = {
-  groups: [{ choices: OPS.map((op) => ({ value: op, label: opSymbol(op) })) }]
-};
-var RANGE_HIGH = {
-  groups: [
-    { heading: "Range", choices: RANGE_HIGHS.map((op) => ({ value: op, label: opSymbol(op) })) },
-    ONE_SIDED_CHOICES
-  ]
-};
-var Comparison = ({ rule, ranged, onChange }) => ranged ? /* @__PURE__ */ jsx6(
-  Picker,
-  {
-    label: "High end",
-    title: OP_TITLES[highOf(rule)],
-    value: highOf(rule),
-    choices: RANGE_HIGH,
-    onChange: (value) => onChange(rangeEnd(rule, value, (op) => ({ highOp: op })))
-  }
-) : /* @__PURE__ */ jsx6(
-  Picker,
-  {
-    label: "Comparison",
-    title: OP_TITLES[rule.op],
-    value: rule.op,
-    choices: COMPARISONS,
-    onChange: (value) => onChange(withOp(rule, value))
-  }
-);
-
-// src/rule-list/value-field.tsx
-import { useEffect as useEffect2, useState as useState4 } from "react";
-import { cn as cn5 } from "@toolpath/ui";
-import { jsx as jsx7 } from "react/jsx-runtime";
-var ValueField = ({
-  label,
-  info,
-  value,
-  units,
-  onChange
-}) => {
-  const shown = toField(info.quantity, value, units);
-  const [text, setText] = useState4(shown);
-  const [typing, setTyping] = useState4(false);
-  useEffect2(() => {
-    if (!typing) setText(shown);
-  }, [shown, typing]);
-  const invalid = fromField(info, text, units) === null;
-  return /* @__PURE__ */ jsx7(
-    "input",
-    {
-      "aria-label": label,
-      "aria-invalid": invalid,
-      inputMode: "decimal",
-      className: cn5(
-        WORD,
-        "min-w-[2ch] cursor-text tabular-nums",
-        invalid && "text-danger decoration-danger"
-      ),
-      value: text,
-      onFocus: () => setTyping(true),
-      onBlur: () => setTyping(false),
-      onChange: (event) => {
-        setText(event.target.value);
-        const typed = fromField(info, event.target.value, units);
-        if (typed !== null) onChange(typed);
-      },
-      onKeyDown: (event) => {
-        if (event.key === "Enter") event.currentTarget.blur();
-      }
-    }
-  );
-};
-
-// src/rule-list/rule-sentence.tsx
-import { Fragment as Fragment3, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
-var RANGE_LOW = {
-  groups: [
-    { heading: "Range", choices: RANGE_LOWS.map((op) => ({ value: op, label: LOW_SYMBOLS[op] })) },
-    ONE_SIDED_CHOICES
-  ]
-};
-var RuleSentence = ({
-  rule,
-  units,
-  vocabulary,
-  onChange,
-  autoFocus
-}) => {
-  const info = metricInfo(rule.metric, vocabulary);
-  const flag = info?.quantity === "flag" || info?.quantity === "presence";
-  const presence = info?.quantity === "presence";
-  const ranged = info !== void 0 && !flag && rule.op === "between";
-  const unit = info ? quantityUnit(info.quantity, units) : "";
-  const [allSubjects, setAllSubjects] = useState5(false);
-  const [allMetrics, setAllMetrics] = useState5(false);
-  const unitSpan = unit ? /* @__PURE__ */ jsx8("span", { className: unit === "\xB0" || unit === "%" ? "" : "pl-1", children: unit }) : null;
-  return /* @__PURE__ */ jsxs6("p", { className: "min-w-0 flex-1 text-sm leading-7 text-gray-500 dark:text-zinc-400", children: [
-    /* @__PURE__ */ jsx8(
-      Picker,
-      {
-        label: "Features",
-        value: rule.subject,
-        choices: subjectChoices(rule.subject, allSubjects, vocabulary),
-        onChange: (value) => onChange(withSubject(rule, value, units, vocabulary)),
-        onMore: () => setAllSubjects(true)
-      }
-    ),
-    presence ? ", " : " with ",
-    /* @__PURE__ */ jsxs6("span", { className: ranged ? "whitespace-nowrap" : void 0, children: [
-      ranged ? /* @__PURE__ */ jsxs6(Fragment3, { children: [
-        /* @__PURE__ */ jsxs6("span", { className: "whitespace-nowrap", children: [
-          /* @__PURE__ */ jsx8(
-            ValueField,
-            {
-              label: "From",
-              info,
-              value: rule.value,
-              units,
-              onChange: (value) => onChange({ ...rule, value })
-            }
-          ),
-          unitSpan
-        ] }),
-        " ",
-        /* @__PURE__ */ jsx8(
-          Picker,
-          {
-            label: "Low end",
-            title: OP_TITLES[lowOf(rule)],
-            value: lowOf(rule),
-            choices: RANGE_LOW,
-            onChange: (value) => onChange(rangeEnd(rule, value, (op) => ({ lowOp: op })))
-          }
-        ),
-        " "
-      ] }) : null,
-      /* @__PURE__ */ jsx8(
-        Picker,
-        {
-          label: "Measure",
-          title: info?.hint,
-          value: rule.metric,
-          choices: metricChoices(rule.subject, rule.metric, allMetrics, vocabulary),
-          onChange: (value) => onChange(withMetric(rule, value, units, vocabulary)),
-          onMore: () => setAllMetrics(true),
-          autoFocus
-        }
-      ),
-      info && !flag ? /* @__PURE__ */ jsxs6(Fragment3, { children: [
-        " ",
-        /* @__PURE__ */ jsx8(Comparison, { rule, ranged, onChange }),
-        " ",
-        /* @__PURE__ */ jsxs6("span", { className: "whitespace-nowrap", children: [
-          /* @__PURE__ */ jsx8(
-            ValueField,
-            {
-              label: ranged ? "Up to" : "Value",
-              info,
-              value: ranged ? upperOf(rule) : rule.value,
-              units,
-              onChange: (value) => onChange(ranged ? { ...rule, max: value } : { ...rule, value })
-            }
-          ),
-          unitSpan
-        ] })
-      ] }) : null
-    ] })
-  ] });
-};
-
-// src/rule-list/swatch.tsx
-import { cn as cn6 } from "@toolpath/ui";
-import { jsx as jsx9 } from "react/jsx-runtime";
-var swatchKeys = listKeys("swatches", "horizontal");
-var Swatch = ({
-  color,
-  label,
-  onClick,
-  onKeyDown,
-  listItem,
-  className,
-  ref
-}) => {
-  const dot = cn6("size-4 shrink-0 rounded-full ring-1 ring-black/10 dark:ring-white/15", className);
-  return onClick ? /* @__PURE__ */ jsx9(
-    "button",
-    {
-      ref,
-      type: "button",
-      "aria-label": label,
-      "data-list-item": listItem,
-      onClick,
-      onKeyDown,
-      className: cn6(
-        dot,
-        "cursor-pointer hover:ring-2 hover:ring-gray-300 dark:hover:ring-zinc-500",
-        FOCUS_RING
-      ),
-      style: { backgroundColor: color }
-    }
-  ) : /* @__PURE__ */ jsx9("span", { "aria-hidden": true, className: dot, style: { backgroundColor: color } });
-};
-var ColorPicker = ({
-  value,
-  onChange
-}) => /* @__PURE__ */ jsx9("div", { className: "flex flex-wrap items-center gap-1.5 py-1", onKeyDown: swatchKeys, children: RULE_COLORS.map((each) => /* @__PURE__ */ jsx9(
-  "button",
-  {
-    type: "button",
-    "data-list-item": "swatches",
-    "aria-label": each.name,
-    "aria-pressed": value === each.value,
-    title: each.name,
-    autoFocus: value === each.value,
-    onClick: () => onChange(each.value),
-    className: cn6(
-      "size-5 cursor-pointer rounded-full ring-1 ring-black/10 outline-none focus-visible:ring-2 focus-visible:ring-info dark:ring-white/15",
-      value === each.value && "ring-2 ring-gray-600 ring-offset-1 dark:ring-zinc-100 dark:ring-offset-zinc-900"
-    ),
-    style: { backgroundColor: each.value }
-  },
-  each.value
-)) });
-
-// src/rule-list/rule-row.tsx
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
-var isControl = (target) => target instanceof Element && target.closest("button, select, input, a") !== null;
-var RuleRow = ({
-  rule,
-  result,
-  checking,
-  open,
-  focusOnMount,
-  onToggle,
-  onChange,
-  onRemove,
-  check,
-  features,
-  sheets,
-  units,
-  vocabulary,
-  ...list
-}) => {
-  const [picking, setPicking] = useState6(false);
-  const swatchRef = useRef3(null);
-  const count = result?.tags.length ?? 0;
-  const others = result?.otherTags.length ?? 0;
-  const canOpen = count + others > 0;
-  const onRowKey = (event) => {
-    if (event.key === "ArrowRight" && canOpen) {
-      event.preventDefault();
-      if (!open) onToggle();
-      else
-        event.currentTarget.closest("li")?.querySelector("[data-feature-row]")?.focus();
-    } else if (event.key === "ArrowLeft" && open) {
-      event.preventDefault();
-      onToggle();
-    }
-  };
-  return /* @__PURE__ */ jsxs7(
-    "li",
-    {
-      className: cn7(
-        "group/rule",
-        // Nothing on the part breaks it: dimmed, until pointed at or worked in.
-        !checking && count === 0 && "opacity-55 transition-opacity focus-within:opacity-100 hover:opacity-100"
-      ),
-      children: [
-        /* @__PURE__ */ jsxs7(
-          "div",
-          {
-            onClick: (event) => {
-              if (canOpen && !isControl(event.target)) onToggle();
-            },
-            className: cn7(
-              "flex items-start gap-1.5 rounded py-1 pr-1.5 hover:bg-gray-50 dark:hover:bg-zinc-800/60",
-              canOpen && "cursor-pointer"
-            ),
-            children: [
-              /* @__PURE__ */ jsx10(
-                "button",
-                {
-                  type: "button",
-                  tabIndex: -1,
-                  "aria-label": open ? "Hide features" : "Show features",
-                  disabled: !canOpen,
-                  onClick: onToggle,
-                  className: cn7(
-                    "flex size-7 shrink-0 items-center justify-center rounded text-gray-400 dark:text-zinc-400",
-                    canOpen ? "cursor-pointer hover:bg-gray-100 hover:text-gray-600 dark:hover:bg-zinc-700 dark:hover:text-zinc-100" : "invisible"
-                  ),
-                  children: /* @__PURE__ */ jsx10(
-                    CaretRightIcon2,
-                    {
-                      weight: "bold",
-                      className: cn7("size-4 transition-transform duration-150", open && "rotate-90")
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsx10(
-                Swatch,
-                {
-                  ref: swatchRef,
-                  color: rule.color,
-                  label: "Change colour",
-                  onClick: () => setPicking((was) => !was),
-                  onKeyDown: onRowKey,
-                  listItem: "rules",
-                  className: "mt-1.5"
-                }
-              ),
-              /* @__PURE__ */ jsx10(
-                RuleSentence,
-                {
-                  rule,
-                  units,
-                  vocabulary,
-                  onChange,
-                  autoFocus: focusOnMount
-                }
-              ),
-              /* @__PURE__ */ jsxs7("div", { className: "relative mt-1 shrink-0", children: [
-                /* @__PURE__ */ jsx10(
-                  IconButton,
-                  {
-                    "aria-label": "Remove rule",
-                    variant: "muted",
-                    size: "sm",
-                    onClick: onRemove,
-                    className: cn7(
-                      "absolute top-1/2 right-full mr-1 -translate-y-1/2 bg-white dark:bg-zinc-800",
-                      "pointer-events-none opacity-0 transition-opacity",
-                      "group-focus-within/rule:pointer-events-auto group-focus-within/rule:opacity-100",
-                      "group-hover/rule:pointer-events-auto group-hover/rule:opacity-100"
-                    ),
-                    children: /* @__PURE__ */ jsx10(TrashIcon, { weight: "bold" })
-                  }
-                ),
-                /* @__PURE__ */ jsx10(
-                  CountPill,
-                  {
-                    count,
-                    others,
-                    checking,
-                    open,
-                    canOpen,
-                    onToggle
-                  }
-                )
-              ] })
-            ]
-          }
-        ),
-        picking ? /* @__PURE__ */ jsx10("div", { className: "pb-1 pl-[34px]", children: /* @__PURE__ */ jsx10(
-          ColorPicker,
-          {
-            value: rule.color,
-            onChange: (color) => {
-              onChange({ ...rule, color });
-              setPicking(false);
-              swatchRef.current?.focus();
-            }
-          }
-        ) }) : null,
-        open && result && check && features && sheets ? /* @__PURE__ */ jsx10(
-          FeatureRows,
-          {
-            rule,
-            tags: result.tags,
-            otherTags: result.otherTags,
-            check,
-            features,
-            sheets,
-            units,
-            vocabulary,
-            onBack: () => swatchRef.current?.focus(),
-            ...list
-          }
-        ) : null
-      ]
-    }
-  );
-};
-var CountPill = ({
-  count,
-  others,
-  checking,
-  open,
-  canOpen,
-  onToggle
-}) => /* @__PURE__ */ jsx10(
-  "button",
-  {
-    type: "button",
-    "aria-label": checking ? void 0 : countLabel(count, others),
-    title: others > 0 ? `${count} required \xB7 ${others} other ${readings(others)} not counted` : void 0,
-    "aria-expanded": canOpen ? open : void 0,
-    disabled: !canOpen,
-    onClick: onToggle,
-    className: cn7(
-      "flex h-5 min-w-8 items-center justify-center rounded-full px-1.5 text-xs font-semibold tabular-nums",
-      canOpen ? "cursor-pointer bg-gray-100 text-gray-500 hover:bg-gray-200 dark:bg-zinc-800 dark:text-zinc-300 dark:hover:bg-zinc-700" : "text-gray-300 dark:text-zinc-600",
-      FOCUS_RING
-    ),
-    children: checking ? "\u2026" : count
-  }
-);
-var readings = (count) => count === 1 ? "reading" : "readings";
-var countLabel = (count, others) => {
-  const required = `${count} required ${count === 1 ? "feature breaks" : "features break"} it`;
-  return others > 0 ? `${required}, and ${others} other ${readings(others)}` : required;
-};
-
-// src/rule-list/rule-set-actions.tsx
-import { useRef as useRef4 } from "react";
-import { CheckIcon as CheckIcon2, CopyIcon, DownloadSimpleIcon, UploadSimpleIcon } from "@phosphor-icons/react";
-import { Button, cn as cn8 } from "@toolpath/ui";
-
-// src/rule-list/use-timed-value.ts
-import { useCallback, useEffect as useEffect3, useState as useState7 } from "react";
-var useTimedValue = (ms) => {
-  const [box, setBox] = useState7(null);
-  useEffect3(() => {
-    if (box === null) return;
-    const timer = setTimeout(() => setBox(null), ms);
-    return () => clearTimeout(timer);
-  }, [box, ms]);
-  const set = useCallback((value) => setBox({ value }), []);
-  return [box?.value ?? null, set];
-};
-
-// src/rule-list/rule-set-actions.tsx
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
-var NOTE_MS = 4e3;
-var COPIED_MS = 2e3;
-var RuleSetActions = ({ rules, actions, vocabulary }) => {
-  const [note, setNote] = useTimedValue(NOTE_MS);
-  const [copied, setCopied] = useTimedValue(COPIED_MS);
-  const fileInput = useRef4(null);
-  const importRules = async (file) => {
-    if (!file) return;
-    let text;
-    try {
-      text = await file.text();
-    } catch {
-      setNote("Could not import: the file could not be read.");
-      return;
-    }
-    const read = parseRuleSetFile(text, vocabulary);
-    if ("error" in read) {
-      setNote(`Could not import: ${read.error}`);
-      return;
-    }
-    rules.replace(read.rules);
-    setNote(importedNote(read.rules.length, read.skipped, read.name));
-  };
-  const copyPrompt = async () => {
-    try {
-      await navigator.clipboard.writeText(llmRulePrompt(rules.rules, vocabulary));
-    } catch {
-      setNote("Could not copy the prompt. Allow clipboard access and try again.");
-      return;
-    }
-    setCopied(true);
-    setNote("Paste the prompt into an LLM, then import the JSON it writes.");
-  };
-  return /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-2 px-4 pt-2 pb-3", children: [
-    /* @__PURE__ */ jsxs8("div", { className: "flex flex-wrap items-center gap-2", children: [
-      /* @__PURE__ */ jsx11(Button, { variant: "secondary", onClick: () => fileInput.current?.click(), children: /* @__PURE__ */ jsx11(ActionLabel, { icon: /* @__PURE__ */ jsx11(UploadSimpleIcon, { weight: "bold" }), children: "Import\u2026" }) }),
-      /* @__PURE__ */ jsx11(Button, { variant: "secondary", onClick: () => downloadRuleSet(rules, vocabulary), children: /* @__PURE__ */ jsx11(ActionLabel, { icon: /* @__PURE__ */ jsx11(DownloadSimpleIcon, { weight: "bold" }), children: "Export" }) }),
-      /* @__PURE__ */ jsx11(
-        Button,
-        {
-          variant: "secondary",
-          title: "Copies a prompt that walks an LLM through writing a rule set for you",
-          onClick: () => void copyPrompt(),
-          children: /* @__PURE__ */ jsxs8("span", { className: "grid justify-items-center *:col-start-1 *:row-start-1", children: [
-            /* @__PURE__ */ jsx11(ActionLabel, { hidden: copied !== null, icon: /* @__PURE__ */ jsx11(CopyIcon, { weight: "bold" }), children: "Copy LLM prompt" }),
-            /* @__PURE__ */ jsx11(ActionLabel, { hidden: copied === null, icon: /* @__PURE__ */ jsx11(CheckIcon2, { weight: "bold" }), children: "Copied" })
-          ] })
-        }
-      ),
-      actions,
-      /* @__PURE__ */ jsx11(
-        "input",
-        {
-          ref: fileInput,
-          type: "file",
-          "aria-label": "Rule set file",
-          accept: ".json,application/json",
-          className: "hidden",
-          onChange: (event) => {
-            void importRules(event.currentTarget.files?.[0]);
-            event.currentTarget.value = "";
-          }
-        }
-      )
-    ] }),
-    note ? /* @__PURE__ */ jsx11("p", { className: "text-xs text-gray-500 dark:text-zinc-400", role: "status", children: note }) : null
-  ] });
-};
-var ActionLabel = ({ icon, children, hidden = false }) => /* @__PURE__ */ jsxs8(
-  "span",
-  {
-    "aria-hidden": hidden || void 0,
-    className: cn8("flex items-center gap-1.5 [&>svg]:size-3.5", hidden && "invisible"),
-    children: [
-      icon,
-      children
-    ]
-  }
-);
-var downloadRuleSet = (rules, vocabulary) => {
-  const url = URL.createObjectURL(
-    new Blob([serializeRuleSet(rules.rules, {}, vocabulary)], { type: "application/json" })
-  );
-  const link = document.createElement("a");
-  link.href = url;
-  link.download = vocabulary.fileName;
-  link.click();
-  URL.revokeObjectURL(url);
-};
-var importedNote = (count, skipped, name) => {
-  const rulesRead = `Imported ${count} rule${count === 1 ? "" : "s"}`;
-  const named = name ? ` (${name})` : "";
-  const skippedSome = skipped > 0 ? `, ${skipped} skipped` : "";
-  return `${rulesRead}${named}${skippedSome}`;
-};
-
-// src/rule-list/rule-list.tsx
-import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
-var ruleListKeys = listKeys("rules");
-var RuleList = ({
-  rules,
-  check,
-  features,
-  sheets,
-  units,
-  actions,
-  vocabulary = MILLING_RULES,
-  ...list
-}) => {
-  const [openIds, setOpenIds] = useState8(/* @__PURE__ */ new Set());
-  const [added, setAdded] = useState8(null);
-  const toggleOpen = (id) => setOpenIds((was) => {
-    const next = new Set(was);
-    if (!next.delete(id)) next.add(id);
-    return next;
-  });
-  const byId = useMemo2(
-    () => new Map(check?.byRule.map((result) => [result.rule.id, result])),
-    [check]
-  );
-  const found = (rule) => {
-    const result = byId.get(rule.id);
-    return check === null || rule.id === added || (result?.tags.length ?? 0) + (result?.otherTags.length ?? 0) > 0;
-  };
-  const active = rules.rules.filter(found);
-  const none = rules.rules.filter((rule) => !found(rule));
-  const row = (rule) => /* @__PURE__ */ jsx12(
-    RuleRow,
-    {
-      rule,
-      result: byId.get(rule.id) ?? null,
-      checking: check === null,
-      open: openIds.has(rule.id),
-      focusOnMount: added === rule.id,
-      onToggle: () => toggleOpen(rule.id),
-      onChange: rules.update,
-      onRemove: () => rules.remove(rule.id),
-      check,
-      features,
-      sheets,
-      units,
-      vocabulary,
-      ...list
-    },
-    rule.id
-  );
-  return (
-    // Grows with its rules, and scrolls once the panel can grow no more.
-    /* @__PURE__ */ jsxs9(ScrollArea, { className: "min-h-0 flex-auto", children: [
-      /* @__PURE__ */ jsxs9("ul", { className: "flex flex-col gap-0.5 pt-2 pr-4 pl-2", children: [
-        active.map(row),
-        none.map(row),
-        /* @__PURE__ */ jsx12(
-          NewRule,
-          {
-            vocabulary,
-            onAdd: (subject) => {
-              const rule = makeRule(subject, PRESENCE_METRIC.key, units, void 0, vocabulary);
-              rules.add(rule);
-              setAdded(rule.id);
-            }
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx12(RuleSetActions, { rules, actions, vocabulary })
-    ] })
-  );
-};
-
-// src/reach/reach-chart.tsx
-import { useMemo as useMemo4 } from "react";
-
-// src/reach/reach-section.tsx
-import { useId as useId2, useMemo as useMemo3, useState as useState9 } from "react";
-
-// src/reach/reading.tsx
-import { heightAt } from "@toolpath/tool-support";
-
-// src/reach/section-layout.ts
-var SECTION_PAD = { left: 12, right: 64, top: 24, bottom: 62 };
-var SECTION_MAX_H = 380;
-var SECTION_MIN_H = 120;
-var FEATURE_SHARE = 0.4;
-var FEATURE_SHARE_MIN = 0.06;
-var FEATURE_SHARE_MAX = 0.6;
-var LABEL_GAP_X = 40;
-var LABEL_GAP_Y = 14;
-var WALL_LABEL_GAP_X = 30;
-var READ_CHAR_PX = 6.4;
-var HEADING_CHAR_PX = 6.5;
-var READ_INSET = 8;
-var AXIS_LABEL_HALF_PX = 84;
-var FLOOR_STRIP = 6;
-var DEPTH_WORD_PX = 34;
-var BREAK_STEP = 8;
-var BREAK_SWAY = 3;
-var risersOf = (curve) => {
-  const risers = [];
-  let level = 0;
-  curve.heights.forEach((height, index) => {
-    if (height > level) risers.push({ at: runStart(curve, index), from: level, to: height });
-    level = Math.max(level, height);
-  });
-  return risers;
-};
-var spaced = (items, position, gap) => {
-  const kept = [];
-  items.forEach((item, index) => {
-    const last = kept[kept.length - 1];
-    const clear = last === void 0 || Math.abs(position(item) - position(last)) >= gap;
-    if (clear) kept.push(item);
-    else if (index === items.length - 1) kept[kept.length - 1] = item;
-  });
-  return kept;
-};
-var breakSteps = (top, bottom) => Math.max(2, Math.round((bottom - top) / BREAK_STEP));
-var featureBreak = (left, top, bottom) => {
-  const steps = breakSteps(top, bottom);
-  let path = `M ${left} ${top}`;
-  for (let step = 1; step <= steps; step += 1) {
-    const sway = step === steps ? 0 : step % 2 === 1 ? BREAK_SWAY : -BREAK_SWAY;
-    path += ` L ${left + sway} ${top + (bottom - top) * step / steps}`;
-  }
-  return path;
-};
-var wallBreak = (right, top, bottom) => {
-  const steps = breakSteps(top, bottom);
-  let path = "";
-  for (let step = 1; step < steps; step += 1) {
-    const sway = step % 2 === 1 ? -BREAK_SWAY : BREAK_SWAY;
-    path += ` L ${right + sway} ${top + (bottom - top) * step / steps}`;
-  }
-  return path;
-};
-
-// src/reach/styles.ts
-var LINE = "stroke-gray-500 dark:stroke-zinc-400";
-var TEXT = "fill-gray-600 dark:fill-zinc-300";
-var MATERIAL = "fill-neutral-300 stroke-neutral-400 dark:fill-neutral-600 dark:stroke-neutral-500";
-var FLOOR = "fill-neutral-300 dark:fill-neutral-600";
-var ARROW = "fill-gray-500 dark:fill-zinc-400";
-var FEATURE_FILL = "fill-blue-500/15 dark:fill-blue-400/15";
-var FEATURE_LINE = "stroke-blue-600 dark:stroke-blue-400";
-var FEATURE_TEXT = "fill-blue-600 dark:fill-blue-400";
-var READ = "stroke-sky-600 dark:stroke-sky-400";
-var READ_DOT = "fill-sky-600 dark:fill-sky-400";
-
-// src/reach/reading.tsx
-import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
-var readingAt = ({ offsets, heights }, offset) => ({
-  offset,
-  height: heightAt({ horizontalOffset: offsets, verticalOffset: heights }, offset),
-  past: offset > (offsets[offsets.length - 1] ?? 0)
-});
-var readingText = ({ offset, height, past }, units) => `${lengthValue(offset, units)} ${unitLabel(units)} \u2192 ${lengthValue(height, units)} ${unitLabel(units)} reach${past ? " \xB7 past the last reading" : ""}`;
-var offsetUnder = (clientX, box, geometry) => {
-  const at = (clientX - box.left) * (geometry.width / box.width);
-  const offset = (at - SECTION_PAD.left) / geometry.scale + geometry.x0;
-  return offset >= 0 && at <= geometry.right ? offset : null;
-};
-var ReadingMark = ({
-  geometry,
-  reading,
-  units
-}) => {
-  const { x, y, width, floorY } = geometry;
-  const text = readingText(reading, units);
-  const textWidth = text.length * READ_CHAR_PX;
-  const pointerX = x(reading.offset);
-  const onRight = pointerX + READ_INSET + textWidth <= width - READ_INSET;
-  const labelX = onRight ? pointerX + READ_INSET : Math.min(Math.max(pointerX - READ_INSET, READ_INSET + textWidth), width - READ_INSET);
-  return /* @__PURE__ */ jsxs10("g", { pointerEvents: "none", children: [
-    /* @__PURE__ */ jsx13(
-      "line",
-      {
-        x1: pointerX,
-        x2: pointerX,
-        y1: SECTION_PAD.top,
-        y2: floorY,
-        strokeWidth: 1,
-        strokeDasharray: "3 3",
-        className: READ
-      }
-    ),
-    /* @__PURE__ */ jsx13("circle", { cx: pointerX, cy: y(reading.height), r: 4, className: READ_DOT }),
-    /* @__PURE__ */ jsx13(
-      "text",
-      {
-        x: labelX,
-        y: SECTION_PAD.top + 14,
-        textAnchor: onRight ? "start" : "end",
-        fontSize: 11,
-        fontWeight: 600,
-        className: TEXT,
-        children: text
-      }
-    )
-  ] });
-};
-
-// src/reach/section-geometry.ts
-var materialPath = (curve, cut, x, y, floorY, right) => {
-  let path = `M ${x(0)} ${floorY}`;
-  let level = 0;
-  curve.offsets.forEach((offset, index) => {
-    level = curve.heights[index] ?? 0;
-    path += ` L ${x(runStart(curve, index))} ${y(level)} L ${Math.min(x(offset), right)} ${y(level)}`;
-  });
-  path += ` L ${right} ${y(level)}`;
-  if (cut) path += wallBreak(right, y(level), floorY);
-  return `${path} L ${right} ${floorY} Z`;
-};
-var featureShare = (feature, x1) => {
-  const trueShare = feature.across ? feature.across.width / (feature.across.width + x1) : FEATURE_SHARE;
-  return {
-    share: Math.min(Math.max(trueShare, FEATURE_SHARE_MIN), FEATURE_SHARE_MAX),
-    cut: feature.across !== null && trueShare > FEATURE_SHARE_MAX
-  };
-};
-var plotScale = (width, spanMm, topMm) => {
-  const fitted = (width - SECTION_PAD.left - SECTION_PAD.right) / spanMm;
-  if (topMm * fitted > SECTION_MAX_H) return { scale: SECTION_MAX_H / topMm, plotH: SECTION_MAX_H };
-  return { scale: fitted, plotH: Math.max(topMm * fitted, SECTION_MIN_H) };
-};
-var heightLabels = (risers, depth, y) => spaced(
-  [...new Set(risers.map((riser) => riser.to))].sort((a, b) => a - b),
-  (h) => -y(h),
-  LABEL_GAP_Y
-).filter((h) => depth === null || Math.abs(y(h) - y(depth)) >= LABEL_GAP_Y);
-var offsetLabels = (risers, x) => spaced(
-  risers.filter((riser) => x(riser.at) - x(0) >= WALL_LABEL_GAP_X),
-  (riser) => x(riser.at),
-  LABEL_GAP_X
-);
-var headingFor = (feature) => feature.through ? "THROUGH FEATURE" : "FEATURE";
-var headingMiddle = (heading, wallX) => Math.max(
-  (SECTION_PAD.left + wallX) / 2,
-  SECTION_PAD.left + heading.length * HEADING_CHAR_PX / 2
-);
-var sectionGeometry = (whole, feature, width) => {
-  const { curve, cut } = trimmedCurve(whole);
-  const last = curve.offsets[curve.offsets.length - 1] ?? 0;
-  const peak = peakHeight(curve);
-  const span = last > 0 ? last : Math.max(peak, 1);
-  const x1 = span * 1.08;
-  const { share, cut: featureCut } = featureShare(feature, x1);
-  const x0 = -x1 * share / (1 - share);
-  const top = Math.max(peak * 1.06, (feature.depth ?? 0) * 1.06, span * 0.08);
-  const { scale, plotH } = plotScale(width, x1 - x0, top);
-  const floorY = SECTION_PAD.top + plotH;
-  const x = (mm) => SECTION_PAD.left + (mm - x0) * scale;
-  const y = (mm) => floorY - mm * scale;
-  const right = Math.min(x(x1), width - SECTION_PAD.right);
-  const risers = risersOf(curve);
-  const { depth } = feature;
-  const heading = headingFor(feature);
-  return {
-    curve,
-    cut,
-    last,
-    width,
-    height: plotH + SECTION_PAD.top + SECTION_PAD.bottom,
-    scale,
-    x0,
-    x,
-    y,
-    floorY,
-    right,
-    materialPath: materialPath(curve, cut, x, y, floorY, right),
-    across: offsetLabels(risers, x),
-    up: heightLabels(risers, depth, y),
-    feature,
-    featureCut,
-    featureHeading: heading,
-    featureHeadingX: headingMiddle(heading, x(0)),
-    featureTopY: depth === null ? SECTION_PAD.top : y(depth),
-    featureBottomY: feature.through ? floorY + FLOOR_STRIP : floorY,
-    wallTop: y(curve.heights[0] ?? 0),
-    datumX: right + 8,
-    ordinateY: floorY + 22
-  };
-};
-
-// src/reach/section-parts.tsx
-import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
-var Arrows = ({ id }) => /* @__PURE__ */ jsx14("defs", { children: /* @__PURE__ */ jsx14(
-  "marker",
-  {
-    id,
-    viewBox: "0 0 10 10",
-    refX: "10",
-    refY: "5",
-    markerWidth: "7",
-    markerHeight: "7",
-    orient: "auto-start-reverse",
-    children: /* @__PURE__ */ jsx14("path", { d: "M 0 1.5 L 10 5 L 0 8.5 z", className: ARROW })
-  }
-) });
-var SectionShapes = ({ geometry }) => {
-  const { x, floorY, right, featureTopY, featureBottomY, wallTop, feature } = geometry;
-  const floorLeft = feature.through ? x(0) : SECTION_PAD.left;
-  return /* @__PURE__ */ jsxs11(Fragment4, { children: [
-    /* @__PURE__ */ jsx14(
-      "rect",
-      {
-        x: SECTION_PAD.left,
-        y: featureTopY,
-        width: x(0) - SECTION_PAD.left,
-        height: featureBottomY - featureTopY,
-        className: FEATURE_FILL
-      }
-    ),
-    /* @__PURE__ */ jsx14(
-      "rect",
-      {
-        x: floorLeft,
-        y: floorY,
-        width: right - floorLeft,
-        height: FLOOR_STRIP,
-        className: FLOOR
-      }
-    ),
-    /* @__PURE__ */ jsx14("path", { d: geometry.materialPath, strokeWidth: 1, className: MATERIAL }),
-    /* @__PURE__ */ jsx14("line", { x1: floorLeft, x2: right, y1: floorY, y2: floorY, strokeWidth: 1, className: LINE }),
-    feature.through ? null : /* @__PURE__ */ jsx14(
-      "line",
-      {
-        x1: SECTION_PAD.left,
-        x2: x(0),
-        y1: floorY,
-        y2: floorY,
-        strokeWidth: 2,
-        className: FEATURE_LINE
-      }
-    ),
-    /* @__PURE__ */ jsx14(
-      "line",
-      {
-        x1: x(0),
-        x2: x(0),
-        y1: featureBottomY,
-        y2: wallTop,
-        strokeWidth: 2,
-        className: FEATURE_LINE
-      }
-    ),
-    /* @__PURE__ */ jsx14(
-      "line",
-      {
-        x1: x(0),
-        x2: x(0),
-        y1: wallTop,
-        y2: SECTION_PAD.top,
-        strokeWidth: 0.75,
-        strokeDasharray: "3 2",
-        className: FEATURE_LINE
-      }
-    )
-  ] });
-};
-var SectionHeadings = ({ geometry }) => {
-  const { right } = geometry;
-  return /* @__PURE__ */ jsxs11(Fragment4, { children: [
-    /* @__PURE__ */ jsx14(
-      "text",
-      {
-        x: geometry.featureHeadingX,
-        y: SECTION_PAD.top - 8,
-        textAnchor: "middle",
-        fontSize: 9,
-        fontWeight: 600,
-        className: FEATURE_TEXT,
-        children: geometry.featureHeading
-      }
-    ),
-    /* @__PURE__ */ jsx14(
-      "text",
-      {
-        x: right,
-        y: SECTION_PAD.top - 8,
-        textAnchor: "end",
-        fontSize: 9,
-        className: TEXT,
-        opacity: 0.7,
-        children: "ADJACENT WALL HEIGHT"
-      }
-    )
-  ] });
-};
-var FeatureBreak = ({ geometry }) => geometry.featureCut ? /* @__PURE__ */ jsx14(
-  "path",
-  {
-    d: featureBreak(SECTION_PAD.left, geometry.featureTopY, geometry.featureBottomY),
-    strokeWidth: 1,
-    fill: "none",
-    className: FEATURE_LINE
-  }
-) : null;
-var FeatureDepth = ({ geometry, units }) => {
-  const { x, featureTopY, datumX } = geometry;
-  const { depth } = geometry.feature;
-  if (depth === null) return null;
-  return /* @__PURE__ */ jsxs11("g", { children: [
-    /* @__PURE__ */ jsx14("title", { children: "Feature depth" }),
-    /* @__PURE__ */ jsx14(
-      "line",
-      {
-        x1: SECTION_PAD.left,
-        x2: x(0),
-        y1: featureTopY,
-        y2: featureTopY,
-        strokeWidth: 2,
-        className: FEATURE_LINE
-      }
-    ),
-    /* @__PURE__ */ jsx14(
-      "line",
-      {
-        x1: x(0),
-        x2: datumX,
-        y1: featureTopY,
-        y2: featureTopY,
-        strokeWidth: 0.75,
-        strokeDasharray: "4 2",
-        className: FEATURE_LINE
-      }
-    ),
-    x(0) - SECTION_PAD.left >= DEPTH_WORD_PX ? /* @__PURE__ */ jsx14(
-      "text",
-      {
-        x: SECTION_PAD.left + 4,
-        y: featureTopY - 4,
-        fontSize: 9,
-        fontWeight: 600,
-        className: FEATURE_TEXT,
-        children: "depth"
-      }
-    ) : null,
-    /* @__PURE__ */ jsx14(
-      "text",
-      {
-        x: datumX + 4,
-        y: featureTopY + 3.5,
-        fontSize: 10,
-        fontWeight: 600,
-        className: FEATURE_TEXT,
-        children: lengthValue(depth, units)
-      }
-    )
-  ] });
-};
-var ReadRun = ({ geometry, units, arrowId }) => {
-  const { x, last, cut, floorY, ordinateY } = geometry;
-  if (last <= 0 || cut) return null;
-  return /* @__PURE__ */ jsxs11("g", { children: [
-    /* @__PURE__ */ jsx14(
-      "line",
-      {
-        x1: x(0),
-        x2: x(last),
-        y1: ordinateY - 8,
-        y2: ordinateY - 8,
-        strokeWidth: 0.75,
-        markerStart: `url(#${arrowId})`,
-        markerEnd: `url(#${arrowId})`,
-        className: LINE
-      }
-    ),
-    /* @__PURE__ */ jsx14(
-      "line",
-      {
-        x1: x(last),
-        x2: x(last),
-        y1: floorY,
-        y2: ordinateY - 4,
-        strokeWidth: 0.5,
-        className: LINE
-      }
-    ),
-    /* @__PURE__ */ jsxs11(
-      "text",
-      {
-        x: (x(0) + x(last)) / 2,
-        y: ordinateY - 11,
-        textAnchor: "middle",
-        fontSize: 10,
-        className: TEXT,
-        children: [
-          lengthValue(last, units),
-          " read"
-        ]
-      }
-    )
-  ] });
-};
-var OffsetOrdinates = (props) => {
-  const { geometry, units } = props;
-  const { x, y, right, width, floorY, ordinateY } = geometry;
-  return /* @__PURE__ */ jsxs11(Fragment4, { children: [
-    /* @__PURE__ */ jsx14(
-      "text",
-      {
-        x: Math.min(
-          Math.max((x(0) + right) / 2, AXIS_LABEL_HALF_PX + READ_INSET),
-          width - AXIS_LABEL_HALF_PX - READ_INSET
-        ),
-        y: ordinateY + 32,
-        textAnchor: "middle",
-        fontSize: 9,
-        className: TEXT,
-        opacity: 0.7,
-        children: "XY PLANE DISTANCE FROM FEATURE"
-      }
-    ),
-    /* @__PURE__ */ jsx14(
-      "line",
-      {
-        x1: x(0),
-        x2: x(0),
-        y1: floorY,
-        y2: ordinateY + 4,
-        strokeWidth: 0.75,
-        className: LINE
-      }
-    ),
-    /* @__PURE__ */ jsx14("text", { x: x(0), y: ordinateY + 15, textAnchor: "middle", fontSize: 10, className: TEXT, children: "0" }),
-    geometry.across.map((riser) => /* @__PURE__ */ jsxs11("g", { children: [
-      /* @__PURE__ */ jsx14(
-        "line",
-        {
-          x1: x(riser.at),
-          x2: x(riser.at),
-          y1: y(riser.from) + 2,
-          y2: ordinateY + 4,
-          strokeWidth: 0.5,
-          strokeDasharray: "2 2",
-          className: LINE
-        }
-      ),
-      /* @__PURE__ */ jsx14(
-        "text",
-        {
-          x: x(riser.at),
-          y: ordinateY + 15,
-          textAnchor: "middle",
-          fontSize: 10,
-          className: TEXT,
-          children: lengthValue(riser.at, units)
-        }
-      )
-    ] }, `x:${riser.at}`)),
-    /* @__PURE__ */ jsx14(ReadRun, { ...props })
-  ] });
-};
-var HeightOrdinates = ({ geometry, units }) => {
-  const { y, right, floorY, datumX } = geometry;
-  return /* @__PURE__ */ jsxs11(Fragment4, { children: [
-    /* @__PURE__ */ jsx14("text", { x: datumX + 4, y: floorY + 3.5, fontSize: 10, className: TEXT, children: "0" }),
-    geometry.up.map((h) => /* @__PURE__ */ jsxs11("g", { children: [
-      /* @__PURE__ */ jsx14(
-        "line",
-        {
-          x1: right - 2,
-          x2: datumX,
-          y1: y(h),
-          y2: y(h),
-          strokeWidth: 0.5,
-          strokeDasharray: "2 2",
-          className: LINE
-        }
-      ),
-      /* @__PURE__ */ jsx14("text", { x: datumX + 4, y: y(h) + 3.5, fontSize: 10, className: TEXT, children: lengthValue(h, units) })
-    ] }, `y:${h}`))
-  ] });
-};
-
-// src/reach/reach-section.tsx
-import { Fragment as Fragment5, jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
-var ReachSection = ({
-  curve: whole,
-  units,
-  feature,
-  width
-}) => {
-  const [hover, setHover] = useState9(null);
-  const geometry = useMemo3(() => sectionGeometry(whole, feature, width), [whole, feature, width]);
-  const reactId = useId2();
-  const arrowId = `reach-dim-arrow-${reactId.replace(/[^\w-]/g, "")}`;
-  const reading = hover === null ? null : readingAt(whole, hover);
-  const drawing = useMemo3(
-    () => /* @__PURE__ */ jsxs12(Fragment5, { children: [
-      /* @__PURE__ */ jsx15(Arrows, { id: arrowId }),
-      /* @__PURE__ */ jsx15(SectionShapes, { geometry }),
-      /* @__PURE__ */ jsx15(SectionHeadings, { geometry }),
-      /* @__PURE__ */ jsx15(FeatureBreak, { geometry }),
-      /* @__PURE__ */ jsx15(FeatureDepth, { geometry, units }),
-      /* @__PURE__ */ jsx15(OffsetOrdinates, { geometry, units, arrowId }),
-      /* @__PURE__ */ jsx15(HeightOrdinates, { geometry, units })
-    ] }),
-    [arrowId, geometry, units]
-  );
-  return /* @__PURE__ */ jsxs12(
-    "svg",
-    {
-      viewBox: `0 0 ${width} ${geometry.height}`,
-      width,
-      height: geometry.height,
-      className: "select-none",
-      role: "img",
-      "aria-label": "Reach curve, dimensioned",
-      onPointerMove: (event) => setHover(offsetUnder(event.clientX, event.currentTarget.getBoundingClientRect(), geometry)),
-      onPointerLeave: () => setHover(null),
-      children: [
-        drawing,
-        reading ? /* @__PURE__ */ jsx15(ReadingMark, { geometry, reading, units }) : null
-      ]
-    }
-  );
-};
-
-// src/reach/use-element-size.ts
-import { useLayoutEffect, useRef as useRef5, useState as useState10 } from "react";
-var useElementSize = () => {
-  const ref = useRef5(null);
-  const [size, setSize] = useState10({ width: 0, height: 0 });
-  useLayoutEffect(() => {
-    const element = ref.current;
-    if (!element) return;
-    const observer = new ResizeObserver(([entry]) => {
-      if (!entry) return;
-      const { width, height } = entry.contentRect;
-      setSize(
-        (was) => Math.abs(was.width - width) < 0.5 && Math.abs(was.height - height) < 0.5 ? was : { width, height }
-      );
-    });
-    observer.observe(element);
-    return () => observer.disconnect();
-  }, []);
-  return [ref, size];
-};
-
-// src/reach/reach-chart.tsx
-import { Fragment as Fragment6, jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
-var CHART_MIN_W = 200;
-var DRAWING_MIN_W = 240;
-var ReachChart = ({ curve, units, feature }) => {
-  const [ref, size] = useElementSize();
-  return /* @__PURE__ */ jsx16("div", { ref, className: "w-full", children: /* @__PURE__ */ jsx16(
-    ReachSection,
-    {
-      curve,
-      units,
-      feature,
-      width: Math.max(size.width, CHART_MIN_W)
-    }
-  ) });
-};
-var CutNote = ({
-  curve,
-  units
-}) => {
-  const trimmed = useMemo4(() => trimmedCurve(curve), [curve]);
-  if (!trimmed.cut) return null;
-  const drawnTo = trimmed.curve.offsets[trimmed.curve.offsets.length - 1] ?? 0;
-  const readTo = curve.offsets[curve.offsets.length - 1] ?? 0;
-  return /* @__PURE__ */ jsxs13(Fragment6, { children: [
-    " ",
-    "It is at full height from ",
-    lengthValue(drawnTo, units),
-    " ",
-    unitLabel(units),
-    " out, so the drawing stops there; the Engine read it to ",
-    lengthValue(readTo, units),
-    " ",
-    unitLabel(units),
-    "."
-  ] });
-};
-var ReachDrawing = ({ curve, units, feature }) => {
-  const [ref, size] = useElementSize();
-  return /* @__PURE__ */ jsxs13("div", { ref, className: "flex flex-col gap-3 p-4", children: [
-    /* @__PURE__ */ jsxs13("figure", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ jsxs13("figcaption", { className: "text-2xs font-semibold text-gray-400 uppercase dark:text-zinc-500", children: [
-        "Section at the wall \xB7 to scale \xB7 ",
-        unitLabel(units)
-      ] }),
-      /* @__PURE__ */ jsx16(
-        ReachSection,
-        {
-          curve,
-          units,
-          feature,
-          width: Math.max(size.width, DRAWING_MIN_W)
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs13("p", { className: "text-2xs text-gray-400 dark:text-zinc-500", children: [
-      "Point at the walls to read them: the distance from the feature, then the reach a tool needs there.",
-      /* @__PURE__ */ jsx16(CutNote, { curve, units })
-    ] })
-  ] });
-};
-
-// src/feature-panel/fold-store.ts
-var storageFolds = (storage, prefix) => ({
-  read: (id) => {
-    try {
-      const stored = storage?.getItem(`${prefix}${id}`);
-      return stored === "open" ? true : stored === "shut" ? false : void 0;
-    } catch {
-      return void 0;
-    }
-  },
-  write: (id, open) => {
-    try {
-      storage?.setItem(`${prefix}${id}`, open ? "open" : "shut");
-    } catch {
-    }
-  }
-});
-
-// src/feature-panel/feature-details.tsx
-import { useCallback as useCallback2, useMemo as useMemo7, useState as useState13 } from "react";
-import { CrosshairIcon, InfoIcon } from "@phosphor-icons/react";
-import { Button as Button3, Tooltip, cn as cn12 } from "@toolpath/ui";
-
-// src/feature-panel/feature-name.tsx
-import { cn as cn9 } from "@toolpath/ui";
-
-// src/feature-panel/look.ts
-var resolveLook = (look) => ({
-  rules: look?.rules ?? "sentence",
-  selected: look?.selected ?? "grey",
-  muted: look?.muted ?? "pale"
-});
-var secondaryText = (look) => look.muted === "strong" ? "text-gray dark:text-zinc-300" : "text-gray-400 dark:text-zinc-400";
-var faintText = (look) => look.muted === "strong" ? "text-gray dark:text-zinc-300" : "text-gray-300 dark:text-zinc-500";
-
-// src/feature-panel/feature-name.tsx
-import { Fragment as Fragment7, jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
-var FeatureName = ({ feature, label, look, vocabulary = MILLING_RULES }) => {
-  const { name, detail } = vocabulary.featureLabel(feature);
-  return /* @__PURE__ */ jsxs14(Fragment7, { children: [
-    label ?? name,
-    detail ? /* @__PURE__ */ jsxs14(Fragment7, { children: [
-      " ",
-      /* @__PURE__ */ jsx17("span", { className: cn9("font-normal", faintText(look)), children: detail })
-    ] }) : null
-  ] });
-};
-var RequiredBadge = () => /* @__PURE__ */ jsx17("span", { className: "rounded-full bg-gray-100 px-1.5 text-2xs font-semibold text-gray-500 uppercase dark:bg-zinc-800 dark:text-zinc-300", children: "Required" });
-
-// src/feature-panel/fold-section.tsx
-import { useState as useState11 } from "react";
-import { CaretRightIcon as CaretRightIcon3 } from "@phosphor-icons/react";
-import { cn as cn10 } from "@toolpath/ui";
-import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
-var FoldSection = ({
-  id,
-  title: title2,
-  action,
-  defaultOpen = true,
-  folds,
-  className,
-  children
-}) => {
-  const [open, setOpen] = useState11(() => folds?.read(id) ?? defaultOpen);
-  return /* @__PURE__ */ jsxs15("section", { className: cn10("flex flex-col gap-1", className), children: [
-    /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ jsxs15(
-        "button",
-        {
-          type: "button",
-          "aria-expanded": open,
-          onClick: () => {
-            setOpen(!open);
-            folds?.write(id, !open);
-          },
-          className: cn10(
-            "flex min-w-0 flex-1 cursor-pointer items-center gap-1 rounded text-left text-2xs font-semibold text-gray-400 uppercase",
-            "hover:text-gray-600 dark:text-zinc-500 dark:hover:text-zinc-300",
-            "outline-none focus-visible:ring-2 focus-visible:ring-info/75"
-          ),
-          children: [
-            /* @__PURE__ */ jsx18(
-              CaretRightIcon3,
-              {
-                weight: "bold",
-                className: cn10("size-3 shrink-0 transition-transform duration-150", open && "rotate-90")
-              }
-            ),
-            /* @__PURE__ */ jsx18("span", { className: "truncate", children: title2 })
-          ]
-        }
-      ),
-      action
-    ] }),
-    open ? children : null
-  ] });
-};
-
-// src/feature-panel/read-state.tsx
-import { useEffect as useEffect4, useState as useState12 } from "react";
-import { Button as Button2 } from "@toolpath/ui";
-import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
-var Reading = ({ children }) => /* @__PURE__ */ jsx19("p", { className: "text-sm text-gray-400 dark:text-zinc-400", role: "status", children });
-var ReadFailure = ({
-  failure
-}) => {
-  const waiting = useWaiting(failure.retryAt);
-  return /* @__PURE__ */ jsxs16("div", { className: "flex flex-col items-start gap-2 text-sm", children: [
-    /* @__PURE__ */ jsx19("p", { className: "text-danger", role: "alert", children: failure.message }),
-    failure.retry ? /* @__PURE__ */ jsx19(Button2, { variant: "secondary", size: "sm", disabled: waiting, onClick: failure.retry, children: "Retry" }) : null
-  ] });
-};
-var useWaiting = (until) => {
-  const [passed, setPassed] = useState12(void 0);
-  useEffect4(() => {
-    if (until === void 0) return;
-    const timer = setTimeout(() => setPassed(until), Math.max(until - Date.now(), 0));
-    return () => clearTimeout(timer);
-  }, [until]);
-  return until !== void 0 && passed !== until;
-};
-
-// src/feature-panel/pop-outs.tsx
-import { useMemo as useMemo6 } from "react";
-import {
-  ArrowSquareOutIcon,
-  BracketsCurlyIcon,
-  ChartLineIcon,
-  TableIcon
-} from "@phosphor-icons/react";
-import { IconButton as IconButton3 } from "@toolpath/ui";
-
-// src/feature-panel/record-sections.tsx
-import { useMemo as useMemo5 } from "react";
-import { CheckIcon as CheckIcon3, CopyIcon as CopyIcon2 } from "@phosphor-icons/react";
-import { IconButton as IconButton2, cn as cn11 } from "@toolpath/ui";
-
-// src/model/feature-record.ts
-var MAX_DATASHEET_FIELDS = 500;
-var formatLeaf = (value) => typeof value === "number" ? String(Number(value.toFixed(4))) : typeof value === "string" ? value : value === null ? "null" : String(value);
-var datasheetFields = (datasheet) => {
-  const fields = [];
-  let more = false;
-  const walk = (value, path) => {
-    if (fields.length >= MAX_DATASHEET_FIELDS) {
-      more = true;
-      return;
-    }
-    if (Array.isArray(value)) {
-      if (value.every((each) => typeof each !== "object" || each === null)) {
-        fields.push({ path, value: value.length === 0 ? "[]" : value.map(formatLeaf).join(", ") });
-      } else {
-        value.forEach((each, index) => walk(each, `${path}[${index}]`));
-      }
-    } else if (typeof value === "object" && value !== null) {
-      const entries = Object.entries(value);
-      if (entries.length === 0) fields.push({ path, value: "{}" });
-      for (const [key, each] of entries) walk(each, path ? `${path}.${key}` : key);
-    } else {
-      fields.push({ path, value: formatLeaf(value) });
-    }
-  };
-  if (datasheet !== null && datasheet !== void 0) walk(datasheet, "");
-  return { fields, more };
-};
-
-// src/feature-panel/record-sections.tsx
-import { Fragment as Fragment8, jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
-var COPIED_MS2 = 1500;
-var RecordSections = ({
-  record,
-  look,
-  folds,
-  popOut
-}) => {
-  const value = record.status === "ready" ? record.value : null;
-  const { fields, more } = useMemo5(() => datasheetFields(value?.datasheet), [value]);
-  const json = useMemo5(() => value ? JSON.stringify(value, null, 2) : "", [value]);
-  if (record.status === "ready" && !value) return null;
-  const waiting = record.status === "loading" ? /* @__PURE__ */ jsx20(Reading, { children: "Reading the feature\u2019s record\u2026" }) : record.status === "error" ? /* @__PURE__ */ jsx20(ReadFailure, { failure: record }) : null;
-  const count = more ? `${MAX_DATASHEET_FIELDS}+` : String(fields.length);
-  return /* @__PURE__ */ jsxs17(Fragment8, { children: [
-    /* @__PURE__ */ jsx20(
-      FoldSection,
-      {
-        id: "datasheet",
-        defaultOpen: false,
-        title: value ? `All datasheet fields (${count})` : "All datasheet fields",
-        action: value ? popOut?.("datasheet") : null,
-        folds,
-        children: waiting ?? /* @__PURE__ */ jsx20(DatasheetFields, { record: value, look })
-      }
-    ),
-    /* @__PURE__ */ jsx20(
-      FoldSection,
-      {
-        id: "raw",
-        defaultOpen: false,
-        title: "Raw API record",
-        action: value ? /* @__PURE__ */ jsxs17(Fragment8, { children: [
-          /* @__PURE__ */ jsx20(CopyButton, { text: json }),
-          popOut?.("raw")
-        ] }) : null,
-        folds,
-        children: waiting ?? /* @__PURE__ */ jsx20(RawRecord, { json })
-      }
-    )
-  ] });
-};
-var DatasheetFields = ({ record, look, wide = false }) => {
-  const { fields } = useMemo5(() => datasheetFields(record?.datasheet), [record]);
-  return record?.datasheet ? /* @__PURE__ */ jsx20(
-    "dl",
-    {
-      className: cn11(
-        "grid grid-cols-[minmax(0,1fr)_auto] gap-y-0.5 text-xs",
-        wide ? "gap-x-4 p-4" : "gap-x-3"
-      ),
-      children: fields.map((field) => /* @__PURE__ */ jsxs17("div", { className: "contents", children: [
-        /* @__PURE__ */ jsx20("dt", { className: cn11("truncate font-mono", secondaryText(look)), title: field.path, children: field.path }),
-        /* @__PURE__ */ jsx20(
-          "dd",
-          {
-            className: cn11(
-              "truncate text-right font-mono text-gray-600 tabular-nums select-text dark:text-zinc-100",
-              wide ? "max-w-60" : "max-w-40"
-            ),
-            title: field.value,
-            children: field.value
-          }
-        )
-      ] }, field.path))
-    }
-  ) : /* @__PURE__ */ jsx20("p", { className: cn11("text-sm", secondaryText(look), wide && "p-4"), children: "The API sent no datasheet for this feature." });
-};
-var RawRecord = ({
-  json,
-  wide = false
-}) => /* @__PURE__ */ jsx20(
-  "pre",
-  {
-    className: cn11(
-      "font-mono text-2xs leading-relaxed text-gray-600 select-text dark:text-zinc-200",
-      wide ? "p-4" : "max-h-80 overflow-auto rounded bg-gray-50 p-2 dark:bg-zinc-800/60"
-    ),
-    children: json
-  }
-);
-var CopyButton = ({ text }) => {
-  const [copied, setCopied] = useTimedValue(COPIED_MS2);
-  return /* @__PURE__ */ jsx20(
-    IconButton2,
-    {
-      "aria-label": copied ? "Copied" : "Copy raw record",
-      title: "Copy",
-      variant: "muted",
-      size: "sm",
-      onClick: () => {
-        void navigator.clipboard?.writeText(text).then(() => setCopied(true)).catch(() => void 0);
-      },
-      children: copied ? /* @__PURE__ */ jsx20(CheckIcon3, { weight: "bold" }) : /* @__PURE__ */ jsx20(CopyIcon2, { weight: "bold" })
-    }
-  );
-};
-
-// src/feature-panel/pop-outs.tsx
-import { Fragment as Fragment9, jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
-var TITLES = {
-  reach: "Reach",
-  datasheet: "All datasheet fields",
-  raw: "Raw API record"
-};
-var LABELS = {
-  reach: "Pop out the reach drawing",
-  datasheet: "Pop out the datasheet fields",
-  raw: "Pop out the raw record"
-};
-var PopOutButton = ({
-  id,
-  onOpen
-}) => /* @__PURE__ */ jsx21(
-  IconButton3,
-  {
-    "aria-label": LABELS[id],
-    title: "Pop out, larger",
-    variant: "muted",
-    size: "sm",
-    onClick: () => onOpen(id),
-    children: /* @__PURE__ */ jsx21(ArrowSquareOutIcon, { weight: "bold" })
-  }
-);
-var PopOuts = ({
-  open,
-  onClose,
-  Window,
-  subtitle,
-  record,
-  units,
-  profile,
-  look
-}) => {
-  const curve = useMemo6(() => readReachCurve(record?.datasheet), [record]);
-  const json = useMemo6(() => record ? JSON.stringify(record, null, 2) : "", [record]);
-  if (!record) return null;
-  return /* @__PURE__ */ jsxs18(Fragment9, { children: [
-    open.has("reach") && curve ? /* @__PURE__ */ jsx21(
-      Window,
-      {
-        id: "reach",
-        title: TITLES.reach,
-        subtitle,
-        icon: /* @__PURE__ */ jsx21(ChartLineIcon, { weight: "bold" }),
-        onClose: () => onClose("reach"),
-        children: /* @__PURE__ */ jsx21(ReachDrawing, { curve, units, feature: profile })
-      }
-    ) : null,
-    open.has("datasheet") ? /* @__PURE__ */ jsx21(
-      Window,
-      {
-        id: "datasheet",
-        title: TITLES.datasheet,
-        subtitle,
-        icon: /* @__PURE__ */ jsx21(TableIcon, { weight: "bold" }),
-        onClose: () => onClose("datasheet"),
-        children: /* @__PURE__ */ jsx21(DatasheetFields, { record, look, wide: true })
-      }
-    ) : null,
-    open.has("raw") ? /* @__PURE__ */ jsx21(
-      Window,
-      {
-        id: "raw",
-        title: TITLES.raw,
-        subtitle,
-        icon: /* @__PURE__ */ jsx21(BracketsCurlyIcon, { weight: "bold" }),
-        action: /* @__PURE__ */ jsx21(CopyButton, { text: json }),
-        onClose: () => onClose("raw"),
-        children: /* @__PURE__ */ jsx21(RawRecord, { json, wide: true })
-      }
-    ) : null
-  ] });
-};
-
-// src/feature-panel/feature-details.tsx
-import { Fragment as Fragment10, jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
-var FeatureDetails = ({
-  feature,
-  units,
-  directionColor,
-  profile,
-  label,
-  required,
-  onFrame,
-  actions,
-  status,
-  children,
-  rules,
-  measurements,
-  record,
-  PopOut,
-  look: lookOption,
-  folds,
-  vocabulary = MILLING_RULES
-}) => {
-  const look = resolveLook(lookOption);
-  const name = /* @__PURE__ */ jsx22(FeatureName, { feature, label, look, vocabulary });
-  const { detail: cutFrom } = vocabulary.featureLabel(feature);
-  const [out, setOut] = useState13(/* @__PURE__ */ new Set());
-  const openOut = useCallback2((id) => setOut((was) => new Set(was).add(id)), []);
-  const closeOut = useCallback2(
-    (id) => setOut((was) => {
-      const next = new Set(was);
-      next.delete(id);
-      return next;
-    }),
-    []
-  );
-  const popOut = PopOut ? (id) => /* @__PURE__ */ jsx22(PopOutButton, { id, onOpen: openOut }) : void 0;
-  return /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-4 p-4", children: [
-    /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsxs19("div", { className: "flex items-start gap-2", children: [
-        /* @__PURE__ */ jsxs19("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
-          /* @__PURE__ */ jsx22("h3", { className: "truncate text-sm font-semibold text-gray-600 dark:text-zinc-100", children: name }),
-          /* @__PURE__ */ jsxs19("p", { className: cn12("flex flex-wrap items-center gap-1.5 text-xs", secondaryText(look)), children: [
-            /* @__PURE__ */ jsx22(Swatch, { color: directionColor, className: "size-2.5" }),
-            cutFrom ? `Machined ${cutFrom}` : "Machined",
-            required ? /* @__PURE__ */ jsx22(RequiredBadge, {}) : null,
-            status
-          ] })
-        ] }),
-        actions,
-        onFrame ? /* @__PURE__ */ jsx22(Button3, { variant: "secondary", size: "sm", onClick: onFrame, className: "shrink-0", children: /* @__PURE__ */ jsxs19("span", { className: "flex items-center gap-1 whitespace-nowrap", children: [
-          /* @__PURE__ */ jsx22(CrosshairIcon, { weight: "bold", className: "size-3.5" }),
-          "Show this feature"
-        ] }) }) : null
-      ] }),
-      children
-    ] }),
-    /* @__PURE__ */ jsx22(FoldSection, { id: "rules", title: "Rules broken", folds, children: /* @__PURE__ */ jsx22(BrokenRuleList, { rules, look }) }),
-    /* @__PURE__ */ jsx22(
-      MeasurementSections,
-      {
-        measurements,
-        considerationsTitle: vocabulary.considerationsTitle,
-        look,
-        folds
-      }
-    ),
-    /* @__PURE__ */ jsx22(
-      ReachSection2,
-      {
-        record,
-        units,
-        profile,
-        folds,
-        action: popOut?.("reach")
-      }
-    ),
-    /* @__PURE__ */ jsx22(RecordSections, { record, look, folds, popOut }),
-    PopOut ? /* @__PURE__ */ jsx22(
-      PopOuts,
-      {
-        open: out,
-        onClose: closeOut,
-        Window: PopOut,
-        subtitle: name,
-        record: record.status === "ready" ? record.value : null,
-        units,
-        profile,
-        look
-      }
-    ) : null
-  ] });
-};
-var BrokenRuleList = ({
-  rules,
-  look
-}) => rules.length > 0 ? /* @__PURE__ */ jsx22("ul", { className: "flex flex-col gap-1", children: rules.map((rule) => /* @__PURE__ */ jsxs19(
-  "li",
-  {
-    className: "flex items-start gap-2 text-sm text-gray-600 dark:text-zinc-100",
-    children: [
-      /* @__PURE__ */ jsx22(Swatch, { color: rule.color, className: "mt-0.5" }),
-      /* @__PURE__ */ jsx22(Explained, { note: rule.note, children: /* @__PURE__ */ jsx22("span", { className: "min-w-0 flex-1", children: rule.text }) }),
-      rule.figure ? /* @__PURE__ */ jsxs19(
-        "span",
-        {
-          className: cn12(
-            "shrink-0 tabular-nums",
-            look.rules === "result" ? "font-semibold" : secondaryText(look)
-          ),
-          style: look.rules === "result" ? { color: rule.color } : void 0,
-          children: [
-            rule.figure,
-            look.rules === "result" && rule.limit ? /* @__PURE__ */ jsx22("span", { className: "ml-1 font-normal opacity-60", children: rule.limit }) : null
-          ]
-        }
-      ) : null
-    ]
-  },
-  rule.key
-)) }) : /* @__PURE__ */ jsx22(None, { look });
-var Explained = ({ note, children }) => note ? /* @__PURE__ */ jsx22(Tooltip, { tip: note, side: "left", children: /* @__PURE__ */ jsx22(
-  "span",
-  {
-    tabIndex: 0,
-    className: "min-w-0 flex-1 rounded outline-none focus-visible:ring-2 focus-visible:ring-info/75",
-    children
-  }
-) }) : children;
-var None = ({ look }) => /* @__PURE__ */ jsx22("p", { className: cn12("text-sm", secondaryText(look)), children: "None" });
-var MeasurementSections = ({ measurements, considerationsTitle, look, folds }) => {
-  if (measurements.status !== "ready") {
-    return /* @__PURE__ */ jsx22(Fragment10, { children: /* @__PURE__ */ jsx22(FoldSection, { id: "measurements", title: "Measurements", folds, children: measurements.status === "loading" ? /* @__PURE__ */ jsx22(Reading, { children: "Reading the feature\u2019s datasheet\u2026" }) : /* @__PURE__ */ jsx22(ReadFailure, { failure: measurements }) }) });
-  }
-  const measured = measurements.value.filter((row) => !row.milling);
-  const milling = measurements.value.filter((row) => row.milling);
-  return /* @__PURE__ */ jsxs19(Fragment10, { children: [
-    /* @__PURE__ */ jsx22(FoldSection, { id: "measurements", title: "Measurements", folds, children: /* @__PURE__ */ jsx22(MeasurementList, { rows: measured, look }) }),
-    milling.length > 0 ? /* @__PURE__ */ jsx22(FoldSection, { id: "milling", title: considerationsTitle, folds, children: /* @__PURE__ */ jsx22(MeasurementList, { rows: milling, look }) }) : null
-  ] });
-};
-var MeasurementList = ({ rows, look }) => rows.length > 0 ? /* @__PURE__ */ jsx22("dl", { className: "grid grid-cols-[1fr_auto] items-center gap-x-3 gap-y-1 text-sm", children: rows.map((row) => /* @__PURE__ */ jsxs19("div", { className: "contents", children: [
-  /* @__PURE__ */ jsxs19("dt", { className: cn12("flex items-center gap-1", secondaryText(look)), children: [
-    row.label,
-    /* @__PURE__ */ jsx22(Derivation, { lines: row.derivation, look })
-  ] }),
-  /* @__PURE__ */ jsx22("dd", { className: "text-right text-gray-600 tabular-nums dark:text-zinc-100", title: row.alt, children: row.value })
-] }, row.key)) }) : /* @__PURE__ */ jsx22(None, { look });
-var Derivation = ({
-  lines,
-  look
-}) => lines.length > 0 ? /* @__PURE__ */ jsx22(
-  Tooltip,
-  {
-    side: "left",
-    hoverable: true,
-    tip: /* @__PURE__ */ jsx22("div", { className: "flex max-w-sm flex-col gap-0.5 font-mono text-2xs leading-snug whitespace-pre-wrap", children: lines.map((line, index) => /* @__PURE__ */ jsx22("span", { children: line }, index)) }),
-    children: /* @__PURE__ */ jsx22(
-      "button",
-      {
-        type: "button",
-        "aria-label": "How this was measured",
-        className: cn12(
-          "shrink-0 rounded outline-none hover:text-gray-500 focus-visible:ring-2 focus-visible:ring-info/75 dark:hover:text-zinc-300",
-          faintText(look)
-        ),
-        children: /* @__PURE__ */ jsx22(InfoIcon, { weight: "bold", className: "size-3" })
-      }
-    )
-  }
-) : null;
-var ReachSection2 = ({ record, units, profile, folds, action }) => {
-  const curve = useMemo7(
-    () => record.status === "ready" ? readReachCurve(record.value?.datasheet) : null,
-    [record]
-  );
-  if (record.status === "ready" && !curve) return null;
-  return /* @__PURE__ */ jsx22(FoldSection, { id: "reach", title: "Reach", folds, action: curve ? action : null, children: record.status === "loading" ? /* @__PURE__ */ jsx22(Reading, { children: "Reading the reach curve\u2026" }) : record.status === "error" ? /* @__PURE__ */ jsx22(ReadFailure, { failure: record }) : curve ? /* @__PURE__ */ jsx22(ReachChart, { curve, units, feature: profile }) : null });
-};
-
-// src/feature-panel/candidate-list.tsx
-import { XIcon } from "@phosphor-icons/react";
-import { IconButton as IconButton4, cn as cn13 } from "@toolpath/ui";
-import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
-var candidateListKeys = listKeys("candidates");
-var faceLetter = (index) => String.fromCharCode(65 + index % 26);
-var FaceLetter = ({
-  index,
-  active
-}) => /* @__PURE__ */ jsx23(
-  "span",
-  {
-    className: cn13(
-      "inline-flex size-4 shrink-0 items-center justify-center rounded-sm text-2xs font-bold",
-      active ? "bg-info text-white" : "bg-gray-100 text-gray-500 dark:bg-zinc-800 dark:text-zinc-300"
-    ),
-    children: faceLetter(index)
-  }
-);
-var CandidateList = ({
-  rows,
-  selected,
-  onSelect,
-  onHover,
-  face,
-  look: lookOption,
-  folds,
-  vocabulary
-}) => {
-  const look = resolveLook(lookOption);
-  const count = `Candidate features (${rows.length})`;
-  return /* @__PURE__ */ jsx23("div", { className: "border-b border-gray-100 p-2 dark:border-zinc-800", children: /* @__PURE__ */ jsx23(
-    FoldSection,
-    {
-      id: face ? `candidates-${faceLetter(face.index)}` : "candidates",
-      title: face ? /* @__PURE__ */ jsxs20("span", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx23(FaceLetter, { index: face.index, active: face.active }),
-        count
-      ] }) : count,
-      action: face?.onStop ? /* @__PURE__ */ jsx23(
-        IconButton4,
-        {
-          "aria-label": `Stop comparing face ${faceLetter(face.index)}`,
-          variant: "muted",
-          size: "sm",
-          onClick: face.onStop,
-          children: /* @__PURE__ */ jsx23(XIcon, { weight: "bold" })
-        }
-      ) : null,
-      folds,
-      className: "px-2",
-      children: /* @__PURE__ */ jsx23("ul", { className: "-mx-2 flex flex-col gap-0.5", children: rows.map((row) => /* @__PURE__ */ jsx23(
-        Row,
-        {
-          row,
-          chosen: row.feature.tag === selected,
-          onSelect,
-          onHover,
-          look,
-          vocabulary
-        },
-        row.feature.tag
-      )) })
-    }
-  ) });
-};
-var Row = ({ row, chosen, onSelect, onHover, look, vocabulary }) => {
-  const { feature } = row;
-  const info = look.selected === "info";
-  return /* @__PURE__ */ jsxs20(
-    "li",
-    {
-      className: cn13(
-        "flex items-center gap-1",
-        info && "rounded border pr-1",
-        info && (chosen ? "border-info/60 bg-info/15" : "border-transparent")
-      ),
-      children: [
-        /* @__PURE__ */ jsxs20(
-          "button",
-          {
-            type: "button",
-            "data-list-item": "candidates",
-            "data-follow": true,
-            "aria-pressed": chosen,
-            onClick: () => onSelect(feature.tag),
-            onPointerEnter: onHover ? () => onHover(feature.tag) : void 0,
-            onPointerLeave: onHover ? () => onHover(null) : void 0,
-            className: cn13(
-              "flex min-w-0 flex-1 cursor-pointer flex-col rounded px-2 py-1.5 text-left text-sm",
-              "outline-none focus-visible:ring-2 focus-visible:ring-info/75",
-              "text-gray-600 dark:text-zinc-200",
-              info ? "hover:bg-gray-50 dark:hover:bg-zinc-800/60" : "hover:bg-gray-100 dark:hover:bg-zinc-800",
-              chosen && (info ? "font-medium" : "bg-gray-100 font-semibold dark:bg-zinc-800")
-            ),
-            children: [
-              /* @__PURE__ */ jsxs20("span", { className: "flex w-full items-center gap-2", children: [
-                row.color ? /* @__PURE__ */ jsx23(Swatch, { color: row.color }) : /* @__PURE__ */ jsx23("span", { "aria-hidden": true, className: "size-4 shrink-0" }),
-                /* @__PURE__ */ jsx23("span", { className: "min-w-0 flex-1 truncate", children: /* @__PURE__ */ jsx23(FeatureName, { feature, label: row.label, look, vocabulary }) }),
-                row.ruleCount ? /* @__PURE__ */ jsxs20("span", { className: cn13("text-2xs tabular-nums", secondaryText(look)), children: [
-                  row.ruleCount,
-                  " ",
-                  row.ruleCount === 1 ? "rule" : "rules"
-                ] }) : null,
-                row.required ? /* @__PURE__ */ jsx23(RequiredBadge, {}) : null,
-                row.detail ? /* @__PURE__ */ jsx23("span", { className: cn13("max-w-32 shrink-0 truncate text-xs", secondaryText(look)), children: row.detail }) : null
-              ] }),
-              row.note ? /* @__PURE__ */ jsx23("span", { className: "pl-6 text-2xs text-warning-darken", children: row.note }) : null
-            ]
-          }
-        ),
-        row.action
-      ]
-    }
-  );
-};
-
-// src/feature-panel/comparison-table.tsx
-import { useMemo as useMemo8 } from "react";
-import { cn as cn14 } from "@toolpath/ui";
-import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
-var DASH = "\u2014";
-var ComparisonTable = ({
-  faces,
-  active,
-  onSelect,
-  onHover,
-  look: lookOption,
-  folds
-}) => {
-  const look = resolveLook(lookOption);
-  const rows = useMemo8(() => {
-    const row = (key, label, read) => {
-      const values = faces.map((face) => face.feature ? read(face, face.feature) : null);
-      const texts = values.map((value) => value?.text ?? DASH);
-      return {
-        key,
-        label,
-        cells: values.map((value) => value?.node ?? value?.text ?? DASH),
-        differs: new Set(texts).size > 1
-      };
-    };
-    const fixed = [
-      row("type", "Type", (_, feature) => ({ text: featureTypeLabel(feature.featureType) })),
-      row("direction", "Machined from", (face, feature) => {
-        const text = directionLabel(feature.machiningDirection);
-        return {
-          text,
-          node: /* @__PURE__ */ jsxs21("span", { className: "inline-flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx24(Swatch, { color: face.directionColor, className: "size-2.5" }),
-            text
-          ] })
-        };
-      }),
-      ...faces.some((face) => face.required !== void 0) ? [row("required", "Required", (face) => ({ text: face.required ? "Yes" : "No" }))] : [],
-      row("rules", "Rules broken", (face) => ({
-        text: face.rules.map((rule) => rule.key).join(",") || "None",
-        node: face.rules.length > 0 ? /* @__PURE__ */ jsxs21(
-          "span",
-          {
-            className: "inline-flex items-center gap-0.5",
-            title: face.rules.map((rule) => rule.text).join("\n"),
-            children: [
-              face.rules.map((rule) => /* @__PURE__ */ jsx24(Swatch, { color: rule.color, className: "size-2.5" }, rule.key)),
-              /* @__PURE__ */ jsx24("span", { className: "ml-0.5", children: face.rules.length })
-            ]
-          }
-        ) : "None"
-      }))
-    ];
-    const labels = /* @__PURE__ */ new Map();
-    for (const face of faces)
-      for (const each of face.measurements) labels.set(each.key, labels.get(each.key) ?? each.label);
-    const measured = [...labels].map(([key, label]) => {
-      const values = faces.map((face) => face.measurements.find((each) => each.key === key));
-      return {
-        key,
-        label,
-        cells: values.map((value) => value ? /* @__PURE__ */ jsx24("span", { title: value.alt, children: value.value }) : DASH),
-        differs: new Set(values.map((value) => value?.value ?? DASH)).size > 1
-      };
-    });
-    return [...fixed, ...measured];
-  }, [faces]);
-  return /* @__PURE__ */ jsx24("div", { className: "border-b border-gray-100 p-4 dark:border-zinc-800", children: /* @__PURE__ */ jsx24(FoldSection, { id: "comparison", title: "Comparison", folds, children: /* @__PURE__ */ jsx24("div", { className: "-mx-1 overflow-x-auto", children: /* @__PURE__ */ jsxs21("table", { className: "w-full border-separate border-spacing-x-1 border-spacing-y-0.5 text-sm", children: [
-    /* @__PURE__ */ jsx24("thead", { children: /* @__PURE__ */ jsxs21("tr", { children: [
-      /* @__PURE__ */ jsx24("th", { className: "w-0" }),
-      faces.map(({ feature }, index) => /* @__PURE__ */ jsx24("th", { className: "text-left align-bottom font-normal", children: /* @__PURE__ */ jsxs21(
-        "button",
-        {
-          type: "button",
-          disabled: !feature,
-          onClick: () => feature && onSelect(feature.tag, index),
-          onPointerEnter: onHover ? () => onHover(feature?.tag ?? null) : void 0,
-          onPointerLeave: onHover ? () => onHover(null) : void 0,
-          className: cn14(
-            "flex w-full min-w-0 cursor-pointer items-center gap-1.5 rounded px-1 py-1 text-left text-xs",
-            "outline-none focus-visible:ring-2 focus-visible:ring-info/75",
-            "text-gray-600 hover:bg-gray-100 dark:text-zinc-200 dark:hover:bg-zinc-800",
-            index === active && "bg-gray-100 font-semibold dark:bg-zinc-800"
-          ),
-          children: [
-            /* @__PURE__ */ jsx24(FaceLetter, { index, active: index === active }),
-            /* @__PURE__ */ jsx24("span", { className: "min-w-0 truncate", children: feature ? /* @__PURE__ */ jsx24(FeatureName, { feature, look }) : "No feature" })
-          ]
-        }
-      ) }, index))
-    ] }) }),
-    /* @__PURE__ */ jsx24("tbody", { children: rows.map((row) => /* @__PURE__ */ jsxs21("tr", { "data-differs": row.differs || void 0, children: [
-      /* @__PURE__ */ jsx24(
-        "th",
-        {
-          scope: "row",
-          className: cn14(
-            "pr-2 text-left align-top font-normal whitespace-nowrap",
-            secondaryText(look)
-          ),
-          children: row.label
-        }
-      ),
-      row.cells.map((cell, index) => /* @__PURE__ */ jsx24(
-        "td",
-        {
-          className: cn14(
-            "px-1 align-top tabular-nums whitespace-nowrap",
-            row.differs ? "text-gray-600 dark:text-zinc-100" : "text-gray-400 dark:text-zinc-500"
-          ),
-          children: cell
-        },
-        index
-      ))
-    ] }, row.key)) })
-  ] }) }) }) });
-};
-
-// src/feature-panel/feature-panel.tsx
-import { CubeIcon, XIcon as XIcon2 } from "@phosphor-icons/react";
-import { IconButton as IconButton5, ScrollArea as ScrollArea2, cn as cn15 } from "@toolpath/ui";
-import { Fragment as Fragment11, jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
-var title = (faces, active, group) => {
-  if (faces.length > 1) return `Comparing ${faces.length} faces`;
-  const clicked = faces[active]?.region !== null && faces[active]?.region !== void 0;
-  if (!clicked && group !== void 0) return `${group} identical holes`;
-  return "Feature details";
-};
-var FeaturePanel = ({
-  faces,
-  active,
-  group,
-  comparison,
-  onSelect,
-  onDropFace,
-  onHover,
-  onClose,
-  headerProps,
-  className,
-  look: lookOption,
-  folds,
-  vocabulary,
-  children
-}) => {
-  const look = resolveLook(lookOption);
-  const comparing = faces.length > 1;
-  const face = faces[active];
-  const heading = title(faces, active, group);
-  return /* @__PURE__ */ jsxs22(
-    "section",
-    {
-      "aria-label": heading,
-      "data-list-root": true,
-      onKeyDown: (event) => {
-        if (event.defaultPrevented || !event.currentTarget.contains(event.target)) return;
-        if (event.key === "Escape") onClose();
-        else candidateListKeys(event);
-      },
-      className: cn15(
-        "flex h-full min-h-0 flex-col overflow-hidden rounded bg-white/90 shadow-lg ring-1 ring-gray-200/70 backdrop-blur-md",
-        "dark:bg-zinc-900/90 dark:ring-zinc-800",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs22(
-          "header",
-          {
-            ...headerProps,
-            className: cn15(
-              "flex items-center gap-2 border-b border-gray-100 py-2 pr-2 pl-4 select-none dark:border-zinc-800",
-              headerProps?.className
-            ),
-            children: [
-              /* @__PURE__ */ jsx25(CubeIcon, { weight: "bold", className: cn15("size-5 shrink-0", secondaryText(look)) }),
-              /* @__PURE__ */ jsx25("h2", { className: "flex-1 text-sm font-semibold text-gray-600 dark:text-zinc-100", children: heading }),
-              /* @__PURE__ */ jsx25(IconButton5, { "aria-label": "Close", variant: "muted", onClick: onClose, children: /* @__PURE__ */ jsx25(XIcon2, { weight: "bold" }) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs22(ScrollArea2, { className: "min-h-0 flex-1", children: [
-          comparing ? /* @__PURE__ */ jsxs22(Fragment11, { children: [
-            faces.map((each, index) => /* @__PURE__ */ jsx25(
-              CandidateList,
-              {
-                rows: each.rows,
-                selected: each.selected,
-                onSelect: (tag) => onSelect(tag, index),
-                onHover,
-                face: {
-                  index,
-                  active: index === active,
-                  ...onDropFace ? { onStop: () => onDropFace(index) } : {}
-                },
-                look: lookOption,
-                folds,
-                vocabulary
-              },
-              `${each.region ?? "list"}-${index}`
-            )),
-            comparison ? /* @__PURE__ */ jsx25(
-              ComparisonTable,
-              {
-                faces: comparison,
-                active,
-                onSelect,
-                onHover,
-                look: lookOption,
-                folds
-              }
-            ) : null
-          ] }) : face && face.region !== null ? /* @__PURE__ */ jsx25(
-            CandidateList,
-            {
-              rows: face.rows,
-              selected: face.selected,
-              onSelect: (tag) => onSelect(tag, active),
-              onHover,
-              look: lookOption,
-              folds,
-              vocabulary
-            }
-          ) : null,
-          face?.selected ? children : /* @__PURE__ */ jsx25("p", { className: cn15("px-4 py-3 text-sm", secondaryText(look)), children: face && face.rows.length > 0 ? "Choose a feature to read its details." : "No feature owns this face." })
-        ] })
-      ]
-    }
-  );
-};
+  withSubject,
+  withSurroundedFaces
+} from "./chunk-XHYPKN4E.js";
 export {
-  CandidateList,
-  ComparisonTable,
-  FeatureDetails,
-  FeaturePanel,
+  CRITICAL_COLOR,
+  FILE_KIND,
+  MAX_DATASHEET_FIELDS,
   MILLING_RULES,
-  ReachChart,
-  ReachDrawing,
-  RuleList,
-  Swatch,
+  OPS,
+  PINCH_TOOL_MM,
+  PRESENCE_METRIC,
+  QUICK_SUBJECTS,
+  RANGE_HIGHS,
+  RANGE_LOWS,
+  RULE_COLORS,
   TURNING_RULES,
-  candidateListKeys,
-  isField,
-  listKeys,
-  ruleListKeys,
-  storageFolds
+  WARNING_COLOR,
+  brokenRules,
+  checkPart,
+  checkTurnedPart,
+  compareColors,
+  datasheetFields,
+  describeRule,
+  dfmFeatures,
+  directionLabel,
+  featureColor,
+  featureMeasurements,
+  featureProfile,
+  featureRows,
+  featureSheet,
+  featureTypeLabel,
+  formatMeasured,
+  fromField,
+  highOf,
+  hitFigure,
+  isNoReading,
+  isSurfaceType,
+  lengthValue,
+  llmRulePrompt,
+  lowOf,
+  makeRule,
+  maxBallDiameter,
+  metricInfo,
+  metricsForSubject,
+  opSymbol,
+  parseRuleSetFile,
+  parseRules,
+  peakHeight,
+  pinchLabel,
+  pinchMark,
+  placePinchTool,
+  quantityUnit,
+  readPinch,
+  readReachCurve,
+  runStart,
+  sameDepth,
+  serializeRuleSet,
+  subjectLabel,
+  toField,
+  trimmedCurve,
+  turnedStretches,
+  turnedTypeLabel,
+  unitLabel,
+  upperOf,
+  withMetric,
+  withOp,
+  withSubject,
+  withSurroundedFaces
 };