@inspectorhub/field-ui 0.4.0 → 0.5.0

package/dist/index.js

@@ -16,7 +16,7 @@ function isDecodeImageError(e) {
 }
 
 // src/context.tsx
-import { createContext, useCallback, useContext, useEffect, useRef, useState } from "react";
+import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 
 // src/i18n/generated/messages/_index.js
 var index_exports = {};
@@ -456,6 +456,9 @@ __export(index_exports, {
   editor_dock_photo_studio: () => editor_dock_photo_studio3,
   editor_dock_speed_mode: () => editor_dock_speed_mode3,
   editor_finish_fieldwork: () => editor_finish_fieldwork3,
+  editor_finish_fieldwork_confirm_body: () => editor_finish_fieldwork_confirm_body3,
+  editor_finish_fieldwork_confirm_title: () => editor_finish_fieldwork_confirm_title3,
+  editor_finish_fieldwork_done: () => editor_finish_fieldwork_done3,
   editor_finish_fieldwork_error: () => editor_finish_fieldwork_error3,
   editor_finish_fieldwork_pending: () => editor_finish_fieldwork_pending3,
   editor_followup_notes_placeholder: () => editor_followup_notes_placeholder3,
@@ -688,6 +691,8 @@ __export(index_exports, {
   editor_route_exit_batch_mode: () => editor_route_exit_batch_mode3,
   editor_route_expand_photo_rail: () => editor_route_expand_photo_rail3,
   editor_route_filter_all: () => editor_route_filter_all3,
+  editor_route_filter_all_in_section: () => editor_route_filter_all_in_section3,
+  editor_route_filter_count_in_section: () => editor_route_filter_count_in_section3,
   editor_route_filter_flagged: () => editor_route_filter_flagged3,
   editor_route_filter_issues: () => editor_route_filter_issues3,
   editor_route_filter_unrated: () => editor_route_filter_unrated3,
@@ -835,6 +840,7 @@ __export(index_exports, {
   editor_structuredelete_title: () => editor_structuredelete_title3,
   editor_tagchiprow_more: () => editor_tagchiprow_more3,
   editor_tagchiprow_open_library_aria: () => editor_tagchiprow_open_library_aria3,
+  editor_tagpicker_empty: () => editor_tagpicker_empty3,
   editor_tagpicker_title: () => editor_tagpicker_title3,
   editor_template_applied_reopen: () => editor_template_applied_reopen3,
   editor_typeahead_kind_defect: () => editor_typeahead_kind_defect3,
@@ -8187,6 +8193,33 @@ var editor_finish_fieldwork_error = (
     );
   }
 );
+var editor_finish_fieldwork_confirm_title = (
+  /** @type {(inputs: Editor_Finish_Fieldwork_Confirm_TitleInputs) => LocalizedString} */
+  () => {
+    return (
+      /** @type {LocalizedString} */
+      `Finish fieldwork?`
+    );
+  }
+);
+var editor_finish_fieldwork_confirm_body = (
+  /** @type {(inputs: Editor_Finish_Fieldwork_Confirm_BodyInputs) => LocalizedString} */
+  () => {
+    return (
+      /** @type {LocalizedString} */
+      `The on-site work will be marked as finished. Publishing the report does not depend on it.`
+    );
+  }
+);
+var editor_finish_fieldwork_done = (
+  /** @type {(inputs: Editor_Finish_Fieldwork_DoneInputs) => LocalizedString} */
+  () => {
+    return (
+      /** @type {LocalizedString} */
+      `Fieldwork marked as finished.`
+    );
+  }
+);
 var editor_publish_not_completed_prompt = (
   /** @type {(inputs: Editor_Publish_Not_Completed_PromptInputs) => LocalizedString} */
   () => {
@@ -8772,6 +8805,15 @@ var editor_tagpicker_title = (
     );
   }
 );
+var editor_tagpicker_empty = (
+  /** @type {(inputs: Editor_Tagpicker_EmptyInputs) => LocalizedString} */
+  () => {
+    return (
+      /** @type {LocalizedString} */
+      `There are no tags yet. Add tags in the Library, then choose them here.`
+    );
+  }
+);
 var editor_unitprogress_summary_aria = (
   /** @type {(inputs: Editor_Unitprogress_Summary_AriaInputs) => LocalizedString} */
   (i) => {
@@ -9792,6 +9834,24 @@ var editor_route_filter_flagged = (
     );
   }
 );
+var editor_route_filter_all_in_section = (
+  /** @type {(inputs: Editor_Route_Filter_All_In_SectionInputs) => LocalizedString} */
+  () => {
+    return (
+      /** @type {LocalizedString} */
+      `All items in this section`
+    );
+  }
+);
+var editor_route_filter_count_in_section = (
+  /** @type {(inputs: Editor_Route_Filter_Count_In_SectionInputs) => LocalizedString} */
+  (i) => {
+    return (
+      /** @type {LocalizedString} */
+      `${i?.label} ${i?.count} in this section`
+    );
+  }
+);
 var editor_route_exit_batch_mode = (
   /** @type {(inputs: Editor_Route_Exit_Batch_ModeInputs) => LocalizedString} */
   () => {
@@ -22460,7 +22520,7 @@ var report_publish_body_delivery = (
   () => {
     return (
       /** @type {LocalizedString} */
-      `It does not send the report itself. Report notices are queued to your automations and go out on the next delivery pass \u2014 to put the report in someone's inbox now, use Send report on the inspection page.`
+      `It does not send the report itself. Report notices are queued to your automations and go out on the next delivery pass \u2014 to put the report in someone's inbox now, send it from the inspection.`
     );
   }
 );
@@ -28748,6 +28808,33 @@ var editor_finish_fieldwork_error2 = (
     );
   }
 );
+var editor_finish_fieldwork_confirm_title2 = (
+  /** @type {(inputs: Editor_Finish_Fieldwork_Confirm_TitleInputs) => LocalizedString} */
+  () => {
+    return (
+      /** @type {LocalizedString} */
+      `\xBFFinalizar el trabajo de campo?`
+    );
+  }
+);
+var editor_finish_fieldwork_confirm_body2 = (
+  /** @type {(inputs: Editor_Finish_Fieldwork_Confirm_BodyInputs) => LocalizedString} */
+  () => {
+    return (
+      /** @type {LocalizedString} */
+      `El trabajo en sitio se marcar\xE1 como finalizado. Publicar el informe no depende de ello.`
+    );
+  }
+);
+var editor_finish_fieldwork_done2 = (
+  /** @type {(inputs: Editor_Finish_Fieldwork_DoneInputs) => LocalizedString} */
+  () => {
+    return (
+      /** @type {LocalizedString} */
+      `Trabajo de campo marcado como finalizado.`
+    );
+  }
+);
 var editor_publish_not_completed_prompt2 = (
   /** @type {(inputs: Editor_Publish_Not_Completed_PromptInputs) => LocalizedString} */
   () => {
@@ -29333,6 +29420,15 @@ var editor_tagpicker_title2 = (
     );
   }
 );
+var editor_tagpicker_empty2 = (
+  /** @type {(inputs: Editor_Tagpicker_EmptyInputs) => LocalizedString} */
+  () => {
+    return (
+      /** @type {LocalizedString} */
+      `Todav\xEDa no hay etiquetas. Agrega etiquetas en la Biblioteca y luego el\xEDgelas aqu\xED.`
+    );
+  }
+);
 var editor_unitprogress_summary_aria2 = (
   /** @type {(inputs: Editor_Unitprogress_Summary_AriaInputs) => LocalizedString} */
   (i) => {
@@ -30353,6 +30449,24 @@ var editor_route_filter_flagged2 = (
     );
   }
 );
+var editor_route_filter_all_in_section2 = (
+  /** @type {(inputs: Editor_Route_Filter_All_In_SectionInputs) => LocalizedString} */
+  () => {
+    return (
+      /** @type {LocalizedString} */
+      `Todos los elementos de esta secci\xF3n`
+    );
+  }
+);
+var editor_route_filter_count_in_section2 = (
+  /** @type {(inputs: Editor_Route_Filter_Count_In_SectionInputs) => LocalizedString} */
+  (i) => {
+    return (
+      /** @type {LocalizedString} */
+      `${i?.label} ${i?.count} en esta secci\xF3n`
+    );
+  }
+);
 var editor_route_exit_batch_mode2 = (
   /** @type {(inputs: Editor_Route_Exit_Batch_ModeInputs) => LocalizedString} */
   () => {
@@ -43021,7 +43135,7 @@ var report_publish_body_delivery2 = (
   () => {
     return (
       /** @type {LocalizedString} */
-      `No env\xEDa el informe por s\xED mismo. Los avisos del informe se ponen en cola seg\xFAn sus automatizaciones y salen en la pr\xF3xima tanda de env\xEDos \u2014 para que el informe llegue ahora a la bandeja de alguien, use Enviar informe en la p\xE1gina de la inspecci\xF3n.`
+      `No env\xEDa el informe por s\xED mismo. Los avisos del informe se ponen en cola seg\xFAn sus automatizaciones y salen en la pr\xF3xima tanda de env\xEDos \u2014 para que el informe llegue ahora a la bandeja de alguien, env\xEDelo desde la inspecci\xF3n.`
     );
   }
 );
@@ -48705,6 +48819,30 @@ var editor_finish_fieldwork_error3 = (
     return editor_finish_fieldwork_error2(inputs);
   })
 );
+var editor_finish_fieldwork_confirm_title3 = (
+  /** @type {((inputs?: Editor_Finish_Fieldwork_Confirm_TitleInputs, options?: { locale?: "en" | "es-419" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Editor_Finish_Fieldwork_Confirm_TitleInputs, { locale?: "en" | "es-419" }, {}>} */
+  ((inputs = {}, options = {}) => {
+    const locale = experimentalStaticLocale ?? options.locale ?? getLocale();
+    if (locale === "en") return editor_finish_fieldwork_confirm_title(inputs);
+    return editor_finish_fieldwork_confirm_title2(inputs);
+  })
+);
+var editor_finish_fieldwork_confirm_body3 = (
+  /** @type {((inputs?: Editor_Finish_Fieldwork_Confirm_BodyInputs, options?: { locale?: "en" | "es-419" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Editor_Finish_Fieldwork_Confirm_BodyInputs, { locale?: "en" | "es-419" }, {}>} */
+  ((inputs = {}, options = {}) => {
+    const locale = experimentalStaticLocale ?? options.locale ?? getLocale();
+    if (locale === "en") return editor_finish_fieldwork_confirm_body(inputs);
+    return editor_finish_fieldwork_confirm_body2(inputs);
+  })
+);
+var editor_finish_fieldwork_done3 = (
+  /** @type {((inputs?: Editor_Finish_Fieldwork_DoneInputs, options?: { locale?: "en" | "es-419" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Editor_Finish_Fieldwork_DoneInputs, { locale?: "en" | "es-419" }, {}>} */
+  ((inputs = {}, options = {}) => {
+    const locale = experimentalStaticLocale ?? options.locale ?? getLocale();
+    if (locale === "en") return editor_finish_fieldwork_done(inputs);
+    return editor_finish_fieldwork_done2(inputs);
+  })
+);
 var editor_publish_not_completed_prompt3 = (
   /** @type {((inputs?: Editor_Publish_Not_Completed_PromptInputs, options?: { locale?: "en" | "es-419" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Editor_Publish_Not_Completed_PromptInputs, { locale?: "en" | "es-419" }, {}>} */
   ((inputs = {}, options = {}) => {
@@ -49225,6 +49363,14 @@ var editor_tagpicker_title3 = (
     return editor_tagpicker_title2(inputs);
   })
 );
+var editor_tagpicker_empty3 = (
+  /** @type {((inputs?: Editor_Tagpicker_EmptyInputs, options?: { locale?: "en" | "es-419" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Editor_Tagpicker_EmptyInputs, { locale?: "en" | "es-419" }, {}>} */
+  ((inputs = {}, options = {}) => {
+    const locale = experimentalStaticLocale ?? options.locale ?? getLocale();
+    if (locale === "en") return editor_tagpicker_empty(inputs);
+    return editor_tagpicker_empty2(inputs);
+  })
+);
 var editor_unitprogress_summary_aria3 = (
   /** @type {((inputs: Editor_Unitprogress_Summary_AriaInputs, options?: { locale?: "en" | "es-419" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Editor_Unitprogress_Summary_AriaInputs, { locale?: "en" | "es-419" }, {}>} */
   ((inputs, options = {}) => {
@@ -50129,6 +50275,22 @@ var editor_route_filter_flagged3 = (
     return editor_route_filter_flagged2(inputs);
   })
 );
+var editor_route_filter_all_in_section3 = (
+  /** @type {((inputs?: Editor_Route_Filter_All_In_SectionInputs, options?: { locale?: "en" | "es-419" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Editor_Route_Filter_All_In_SectionInputs, { locale?: "en" | "es-419" }, {}>} */
+  ((inputs = {}, options = {}) => {
+    const locale = experimentalStaticLocale ?? options.locale ?? getLocale();
+    if (locale === "en") return editor_route_filter_all_in_section(inputs);
+    return editor_route_filter_all_in_section2(inputs);
+  })
+);
+var editor_route_filter_count_in_section3 = (
+  /** @type {((inputs: Editor_Route_Filter_Count_In_SectionInputs, options?: { locale?: "en" | "es-419" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Editor_Route_Filter_Count_In_SectionInputs, { locale?: "en" | "es-419" }, {}>} */
+  ((inputs, options = {}) => {
+    const locale = experimentalStaticLocale ?? options.locale ?? getLocale();
+    if (locale === "en") return editor_route_filter_count_in_section(inputs);
+    return editor_route_filter_count_in_section2(inputs);
+  })
+);
 var editor_route_exit_batch_mode3 = (
   /** @type {((inputs?: Editor_Route_Exit_Batch_ModeInputs, options?: { locale?: "en" | "es-419" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Editor_Route_Exit_Batch_ModeInputs, { locale?: "en" | "es-419" }, {}>} */
   ((inputs = {}, options = {}) => {
@@ -62178,6 +62340,35 @@ function useFieldDataSource() {
   }
   return dataSource;
 }
+function usePhotoUrlVersion() {
+  const { urls } = useFieldDataSource();
+  const store = useMemo(() => {
+    let version = 0;
+    return {
+      // A host that fires once per fetched photo is coalesced to one render per tick.
+      subscribe: (onChange) => {
+        let queued = false;
+        let live = true;
+        const off = urls.subscribe?.(() => {
+          if (queued) return;
+          queued = true;
+          queueMicrotask(() => {
+            queued = false;
+            if (!live) return;
+            version += 1;
+            onChange();
+          });
+        });
+        return () => {
+          live = false;
+          off?.();
+        };
+      },
+      read: () => version
+    };
+  }, [urls]);
+  return useSyncExternalStore(store.subscribe, store.read, store.read);
+}
 function useFieldSlots() {
   return useContext(SlotsContext);
 }
@@ -62264,7 +62455,7 @@ function useFieldCommand(inspectionId) {
 }
 
 // src/editor/FieldEditor.tsx
-import { useState as useState63, useCallback as useCallback44, useMemo as useMemo14, useEffect as useEffect49, useRef as useRef61 } from "react";
+import { useState as useState64, useCallback as useCallback47, useMemo as useMemo16, useEffect as useEffect51, useRef as useRef62 } from "react";
 
 // src/shared/inspection-status.ts
 var INSPECTION_STATUS_COMPLETED = "completed";
@@ -62330,7 +62521,7 @@ function makeCustomDefect(input, genId = () => crypto.randomUUID()) {
 }
 
 // src/hooks/useInspection.ts
-import { useState as useState2, useCallback as useCallback6, useMemo as useMemo4, useRef as useRef2, useEffect as useEffect2 } from "react";
+import { useState as useState2, useCallback as useCallback6, useMemo as useMemo5, useRef as useRef2, useEffect as useEffect2 } from "react";
 
 // src/hooks/findings/shared.ts
 var DEFAULT_UNIT = "_default";
@@ -62371,6 +62562,9 @@ function backfillLevelDescriptions(levels) {
   });
 }
 
+// src/lib/severity.ts
+var FALLBACK_RATING_COLOR = "var(--ih-fg-5, #d4d4d8)";
+
 // src/shared/batch-range.ts
 function rangeIds(orderedIds, fromId, toId) {
   const i = orderedIds.indexOf(fromId);
@@ -62482,10 +62676,10 @@ function formatCurrency(cents, opts) {
 }
 
 // src/hooks/inspection/useInspectionProgress.ts
-import { useCallback as useCallback2, useMemo } from "react";
+import { useCallback as useCallback2, useMemo as useMemo2 } from "react";
 function useInspectionProgress(ctx) {
   const { sections, ratingLevels, getResult, severityForRatingId } = ctx;
-  const progress = useMemo(() => {
+  const progress = useMemo2(() => {
     let total = 0;
     let rated = 0;
     for (const sec of sections) {
@@ -62549,7 +62743,7 @@ function useInspectionProgress(ctx) {
     },
     [sections, ratingLevels, getResult]
   );
-  const reportStats = useMemo(() => {
+  const reportStats = useMemo2(() => {
     let total = 0;
     let rated = 0;
     let satisfactory = 0;
@@ -62709,7 +62903,7 @@ function useInspectionNavigation(ctx) {
 }
 
 // src/hooks/inspection/useInspectionSearch.ts
-import { useCallback as useCallback4, useMemo as useMemo2 } from "react";
+import { useCallback as useCallback4, useMemo as useMemo3 } from "react";
 function useInspectionSearch(ctx) {
   const {
     searchQuery,
@@ -62720,7 +62914,7 @@ function useInspectionSearch(ctx) {
     currentSection,
     getResult
   } = ctx;
-  const searchNeedle = useMemo2(
+  const searchNeedle = useMemo3(
     () => (searchQuery || "").trim().toLowerCase(),
     [searchQuery]
   );
@@ -62766,7 +62960,7 @@ function useInspectionSearch(ctx) {
     },
     [itemFilter, getResult, ratingLevels, tagsByItem]
   );
-  const filterCounts = useMemo2(() => {
+  const filterCounts = useMemo3(() => {
     const items = currentSectionItems;
     const counts = { all: items.length, unrated: 0, issues: 0, flagged: 0 };
     for (const item of items) {
@@ -62791,7 +62985,7 @@ function useInspectionSearch(ctx) {
 }
 
 // src/hooks/inspection/useInspectionBatch.ts
-import { useCallback as useCallback5, useMemo as useMemo3 } from "react";
+import { useCallback as useCallback5, useMemo as useMemo4 } from "react";
 function useInspectionBatch(ctx, selectSection) {
   const {
     sections,
@@ -62816,11 +63010,11 @@ function useInspectionBatch(ctx, selectSection) {
     }
     setBatchSelected(next);
   }, [currentSectionItems]);
-  const selectedBatchCount = useMemo3(
+  const selectedBatchCount = useMemo4(
     () => Object.values(batchSelected).filter(Boolean).length,
     [batchSelected]
   );
-  const filteredSectionsForPicker = useMemo3(() => {
+  const filteredSectionsForPicker = useMemo4(() => {
     const q = (sectionPickerQuery || "").toLowerCase().trim();
     const src = sections.map((s, idx) => ({
       idx,
@@ -62940,7 +63134,7 @@ function useInspectionState(opts) {
   }, []);
   const currentSection = sections[currentSectionIdx] || null;
   const currentSectionItems = currentSection?.items || [];
-  const activeItem = useMemo4(() => {
+  const activeItem = useMemo5(() => {
     if (!activeItemId) return null;
     return currentSectionItems.find((i) => i.id === activeItemId) || null;
   }, [activeItemId, currentSectionItems]);
@@ -62992,7 +63186,7 @@ function useInspectionState(opts) {
   );
   const getRatingColor = useCallback6(
     (ratingId) => {
-      if (!ratingId) return "var(--ih-fg-5, #d4d4d8)";
+      if (!ratingId) return FALLBACK_RATING_COLOR;
       const lvl = ratingLevels.find((l) => l.id === ratingId);
       if (lvl?.color) return lvl.color;
       const legacy = {
@@ -63000,7 +63194,7 @@ function useInspectionState(opts) {
         Monitor: "var(--ih-status-watch, #f59e0b)",
         Defect: "var(--ih-status-bad, #ef4444)"
       };
-      return legacy[ratingId] || "var(--ih-fg-5, #d4d4d8)";
+      return legacy[ratingId] || FALLBACK_RATING_COLOR;
     },
     [ratingLevels]
   );
@@ -63071,7 +63265,7 @@ function useInspectionState(opts) {
       return next;
     });
   }, [currentSectionItems]);
-  const formattedDate = useMemo4(() => {
+  const formattedDate = useMemo5(() => {
     const d = inspection.date || inspection.scheduledDate || inspection.createdAt;
     if (!d) return "";
     return formatDate(d, { locale });
@@ -63522,6 +63716,7 @@ function removeElement(arr, identityField, identityValue) {
 }
 function applyItemPatch(doc, findingKey3, field, value) {
   const results = doc.getMap("results");
+  if (results.get(findingKey3)?.get?.(field) === value) return;
   doc.transact(() => {
     const item = getOrSeedItem(results, findingKey3);
     item.set(field, value);
@@ -64157,7 +64352,7 @@ function useFindings(results, setResults, options) {
 }
 
 // src/hooks/usePhotoOps.ts
-import { useState as useState10, useCallback as useCallback16, useMemo as useMemo5, useEffect as useEffect8, useRef as useRef11 } from "react";
+import { useState as useState10, useCallback as useCallback16, useMemo as useMemo6, useEffect as useEffect8, useRef as useRef11 } from "react";
 
 // src/components/media-studio/photo-display-key.ts
 function resolvePhotoDisplayKey(entry) {
@@ -67945,7 +68140,7 @@ function usePhotoOps(ctx) {
     setPhotoStudioOpen
   } = ctx;
   const dataSource = useFieldDataSource();
-  const { urls } = dataSource;
+  const { urls } = dataSource, photoUrlVersion = usePhotoUrlVersion();
   const mediaSavesInFlight = useRef11(/* @__PURE__ */ new Set());
   const [galleryCropSource, setGalleryCropSource] = useState10(null);
   const [sessionCoverCrop, setSessionCoverCrop] = useState10(null);
@@ -67971,7 +68166,7 @@ function usePhotoOps(ctx) {
     [findings, state.sectionIdForItem]
   );
   const [pendingUrls, setPendingUrls] = useState10({});
-  const pendingIds = useMemo5(() => {
+  const pendingIds = useMemo6(() => {
     const ids = /* @__PURE__ */ new Set();
     if (!collabDoc) return ids;
     for (const sec of state.sections) {
@@ -68067,7 +68262,7 @@ function usePhotoOps(ctx) {
         durationSec: p.durationSec
       };
     }),
-    [getItemPhotos, state.inspection.id, pendingUrls, urls]
+    [getItemPhotos, state.inspection.id, pendingUrls, urls, photoUrlVersion]
   );
   const onOpenPhoto = useCallback16((itemId, index) => {
     setViewer({ itemId, index });
@@ -68113,14 +68308,14 @@ function usePhotoOps(ctx) {
     (itemId, indices) => {
       const sectionId = state.currentSection?.id;
       const fk = docFindingKey(itemId, sectionId);
-      const snapshot = getItemPhotos(itemId);
-      const keys = indices.map((i) => snapshot[i]?.key).filter((k) => !!k);
+      const snapshot2 = getItemPhotos(itemId);
+      const keys = indices.map((i) => snapshot2[i]?.key).filter((k) => !!k);
       patchItemPhotos(itemId, (photos) => photos.filter((_, i) => !indices.includes(i)));
       if (collabDoc && fk) for (const key of keys) removePhoto2(collabDoc, fk, key);
     },
     [state.currentSection, collabDoc, docFindingKey, getItemPhotos, patchItemPhotos]
   );
-  const moveTargets = useMemo5(
+  const moveTargets = useMemo6(
     () => state.sections.flatMap(
       (sec) => (sec.items || []).map((it) => ({
         itemId: it.id,
@@ -68135,8 +68330,8 @@ function usePhotoOps(ctx) {
       const fromSectionId = state.currentSection?.id;
       const fromFk = docFindingKey(fromItemId, fromSectionId);
       const toFk = docFindingKey(to.itemId, to.sectionId);
-      const snapshot = getItemPhotos(fromItemId);
-      const keys = indices.map((i) => snapshot[i]?.key).filter((k) => !!k);
+      const snapshot2 = getItemPhotos(fromItemId);
+      const keys = indices.map((i) => snapshot2[i]?.key).filter((k) => !!k);
       patchItemPhotos(fromItemId, (photos) => photos.filter((_, i) => !indices.includes(i)));
       if (collabDoc && fromFk && toFk) for (const key of keys) movePhoto2(collabDoc, fromFk, toFk, key);
     },
@@ -68397,6 +68592,7 @@ function useInspectionPrefs() {
   const [saving, setSaving] = useState11(false);
   const requested = useRef13(false);
   const committed = useRef13(DEFAULT_INSPECTION_PREFS);
+  const latest = useRef13(DEFAULT_INSPECTION_PREFS);
   const mounted = useRef13(true);
   useEffect10(() => {
     mounted.current = true;
@@ -68415,6 +68611,7 @@ function useInspectionPrefs() {
       (loadedPrefs) => {
         committed.current = loadedPrefs;
         if (!mounted.current) return;
+        latest.current = loadedPrefs;
         setPrefs(loadedPrefs);
         setLoaded(true);
       },
@@ -68441,7 +68638,8 @@ function useInspectionPrefs() {
           if (mounted.current) {
             const later = queued.current;
             const base = committed.current;
-            setPrefs({ ...base, ...later });
+            latest.current = { ...base, ...later };
+            setPrefs(latest.current);
           }
         } else {
           const back = {};
@@ -68449,7 +68647,8 @@ function useInspectionPrefs() {
             if (!(key in queued.current)) back[key] = committed.current[key];
           }
           if (mounted.current) {
-            setPrefs((prev) => ({ ...prev, ...back }));
+            latest.current = { ...latest.current, ...back };
+            setPrefs(latest.current);
             setSaveFailed(true);
           }
         }
@@ -68459,8 +68658,11 @@ function useInspectionPrefs() {
       if (mounted.current) setSaving(false);
     }
   }, []);
-  const patch = useCallback18((delta) => {
-    setPrefs((prev) => ({ ...prev, ...delta }));
+  const patch = useCallback18((change) => {
+    const delta = typeof change === "function" ? change(latest.current) : change;
+    if (Object.keys(delta).length === 0) return;
+    latest.current = { ...latest.current, ...delta };
+    setPrefs(latest.current);
     setSaveFailed(false);
     if (!prefsStore) return;
     queued.current = { ...queued.current, ...delta };
@@ -68482,8 +68684,59 @@ function useInspectionPrefs() {
   };
 }
 
+// src/hooks/useItemTags.ts
+import { useCallback as useCallback19, useEffect as useEffect11, useRef as useRef14 } from "react";
+function useItemTags(inspectionId, setTagsByItem) {
+  const dataSource = useFieldDataSource();
+  const store = dataSource.resources.itemTags;
+  const notify = dataSource.notify;
+  const inflight = useRef14(/* @__PURE__ */ new Set());
+  const mounted = useRef14(true);
+  useEffect11(() => {
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+    };
+  }, []);
+  useEffect11(() => {
+    if (!store || !inspectionId) return;
+    let live = true;
+    void store.list(inspectionId).then(
+      (saved) => {
+        if (!live || !saved) return;
+        setTagsByItem((prev) => ({ ...saved, ...prev }));
+      },
+      () => {
+      }
+    );
+    return () => {
+      live = false;
+    };
+  }, [store, inspectionId, setTagsByItem]);
+  const toggle = useCallback19((itemId, tag, current) => {
+    const key = `${itemId}:${tag.id}`;
+    if (inflight.current.has(key)) return;
+    const attach = !current.some((t) => t.id === tag.id);
+    const apply = (adding) => setTagsByItem((prev) => {
+      const rest = (prev[itemId] ?? []).filter((t) => t.id !== tag.id);
+      return { ...prev, [itemId]: adding ? [...rest, tag] : rest };
+    });
+    apply(attach);
+    if (!store || !inspectionId) return;
+    inflight.current.add(key);
+    const write = attach ? store.add(inspectionId, itemId, tag.id) : store.remove(inspectionId, itemId, tag.id);
+    void Promise.resolve(write).then((result) => result.ok, () => false).then((stored) => {
+      inflight.current.delete(key);
+      if (stored || !mounted.current) return;
+      apply(!attach);
+      notify(index_exports.editor_route_save_failed(), "error", { durationMs: 8e3 });
+    });
+  }, [store, inspectionId, setTagsByItem, notify]);
+  return { toggle, canSave: store !== void 0 };
+}
+
 // src/hooks/useKeyboard.ts
-import { useEffect as useEffect11, useRef as useRef14 } from "react";
+import { useEffect as useEffect12, useRef as useRef15 } from "react";
 
 // src/lib/shortcut-scope.ts
 function singleKeyShortcutsAllowed(active, isComposing) {
@@ -68498,11 +68751,11 @@ function singleKeyShortcutsAllowed(active, isComposing) {
 
 // src/hooks/useKeyboard.ts
 function useKeyboard(handlers, enabled = true) {
-  const handlersRef = useRef14(handlers);
+  const handlersRef = useRef15(handlers);
   handlersRef.current = handlers;
-  const gPrefixRef = useRef14(false);
-  const gPrefixTimerRef = useRef14(null);
-  useEffect11(() => {
+  const gPrefixRef = useRef15(false);
+  const gPrefixTimerRef = useRef15(null);
+  useEffect12(() => {
     if (!enabled) return;
     function isInField() {
       const tag = document.activeElement?.tagName || "";
@@ -68715,7 +68968,7 @@ function useKeyboard(handlers, enabled = true) {
 }
 
 // src/hooks/useCannedComments.ts
-import { useState as useState12, useCallback as useCallback19, useMemo as useMemo6, useEffect as useEffect12, useRef as useRef15 } from "react";
+import { useState as useState12, useCallback as useCallback20, useMemo as useMemo7, useEffect as useEffect13, useRef as useRef16 } from "react";
 var BUILT_IN_LIBRARY = buildLibrary();
 function buildLibrary() {
   const L = [];
@@ -68786,8 +69039,8 @@ function mapRow(r) {
 function useCannedComments(options) {
   const { inspectionId, severityForRatingId } = options;
   const library = useFieldDataSource().resources.commentsLibrary;
-  const saveInFlight = useRef15(/* @__PURE__ */ new Map());
-  const touchInFlight = useRef15(/* @__PURE__ */ new Set());
+  const saveInFlight = useRef16(/* @__PURE__ */ new Map());
+  const touchInFlight = useRef16(/* @__PURE__ */ new Set());
   const [userSnippets, setUserSnippets] = useState12([]);
   const [localSnippets, setLocalSnippets] = useState12([]);
   const [sort, setSortInner] = useState12(() => {
@@ -68804,28 +69057,28 @@ function useCannedComments(options) {
       return "auto";
     }
   });
-  const setSort = useCallback19((s) => {
+  const setSort = useCallback20((s) => {
     setSortInner(s);
     try {
       localStorage.setItem("oi:library:sort", s);
     } catch {
     }
   }, []);
-  const setFilterMode = useCallback19((m) => {
+  const setFilterMode = useCallback20((m) => {
     setFilterModeInner(m);
     try {
       localStorage.setItem("oi:library:filter-mode", m);
     } catch {
     }
   }, []);
-  const loadServerRows = useCallback19(async (query) => {
+  const loadServerRows = useCallback20(async (query) => {
     try {
       return await library?.list(query) ?? [];
     } catch {
       return [];
     }
   }, [library]);
-  const fetchFiltered = useCallback19(
+  const fetchFiltered = useCallback20(
     async (ctx) => {
       const query = { sort, filterMode };
       if (ctx.search) query.search = ctx.search;
@@ -68838,7 +69091,7 @@ function useCannedComments(options) {
     },
     [sort, filterMode, loadServerRows]
   );
-  const searchLibrary = useCallback19(
+  const searchLibrary = useCallback20(
     async (query) => {
       const q = query.trim();
       if (q.length < 2) return [];
@@ -68847,20 +69100,20 @@ function useCannedComments(options) {
     },
     [loadServerRows]
   );
-  const touchSnippet = useCallback19((id) => {
+  const touchSnippet = useCallback20((id) => {
     if (!library || touchInFlight.current.has(id)) return;
     touchInFlight.current.add(id);
     void library.touch(id).catch(() => void 0).finally(() => {
       touchInFlight.current.delete(id);
     });
   }, [library]);
-  useEffect12(() => {
+  useEffect13(() => {
     (async () => {
       const rows = await loadServerRows();
       if (rows.length > 0) setUserSnippets(rows.map(mapRow));
     })();
   }, [inspectionId]);
-  useEffect12(() => {
+  useEffect13(() => {
     try {
       const raw = localStorage.getItem("oi:snippets");
       if (raw) {
@@ -68872,14 +69125,14 @@ function useCannedComments(options) {
     } catch {
     }
   }, []);
-  const commentPool = useMemo6(() => {
+  const commentPool = useMemo7(() => {
     const preset = BUILT_IN_LIBRARY;
     const seenTexts = /* @__PURE__ */ new Set();
     for (const s of userSnippets) seenTexts.add(s.text);
     const dedupedLocal = localSnippets.filter((c) => !seenTexts.has(c.text));
     return [...preset, ...userSnippets, ...dedupedLocal];
   }, [userSnippets, localSnippets]);
-  const getFilteredComments = useCallback19(
+  const getFilteredComments = useCallback20(
     (filter, search) => {
       let filtered;
       if (filter === "my-snippets") {
@@ -68901,7 +69154,7 @@ function useCannedComments(options) {
     },
     [commentPool]
   );
-  const getQuickComments = useCallback19(
+  const getQuickComments = useCallback20(
     (ratingId, itemLabel, sectionTitle) => {
       const severity = severityForRatingId(ratingId);
       const filtered = severity === "all" ? commentPool : commentPool.filter(
@@ -68935,7 +69188,7 @@ function useCannedComments(options) {
     },
     [commentPool, severityForRatingId]
   );
-  const saveSnippet = useCallback19(
+  const saveSnippet = useCallback20(
     (text, severity, section, title, itemLabel) => {
       const flightKey = JSON.stringify([text, severity, section, title, itemLabel]);
       const running = saveInFlight.current.get(flightKey);
@@ -68998,14 +69251,14 @@ function useCannedComments(options) {
 }
 
 // src/hooks/useEditorCapabilities.ts
-import { useSyncExternalStore } from "react";
+import { useSyncExternalStore as useSyncExternalStore2 } from "react";
 var subscribeNever = () => () => {
 };
 var cameraSnapshot = () => typeof navigator !== "undefined" && typeof navigator.mediaDevices?.getUserMedia === "function";
 function useEditorCapabilities() {
   const { resources } = useFieldDataSource();
   const { renderThemeControl } = useFieldSlots();
-  const cameraCapture = useSyncExternalStore(subscribeNever, cameraSnapshot, () => false);
+  const cameraCapture = useSyncExternalStore2(subscribeNever, cameraSnapshot, () => false);
   return {
     commentsLibrary: resources.commentsLibrary !== void 0,
     costItems: resources.costItems !== void 0,
@@ -69039,7 +69292,7 @@ function unsavedChangesAtRisk(input) {
 }
 
 // src/hooks/usePhotoBatchUpload.ts
-import { useCallback as useCallback20, useEffect as useEffect13, useRef as useRef16, useState as useState13 } from "react";
+import { useCallback as useCallback21, useEffect as useEffect14, useRef as useRef17, useState as useState13 } from "react";
 var CONCURRENCY = 4;
 function newPendingId() {
   if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") return crypto.randomUUID();
@@ -69051,25 +69304,25 @@ function metaOf(batch) {
 }
 function usePhotoBatchUpload(inspectionId, doc) {
   const dataSource = useFieldDataSource();
-  const dataSourceRef = useRef16(dataSource);
+  const dataSourceRef = useRef17(dataSource);
   dataSourceRef.current = dataSource;
-  const docRef = useRef16(doc);
+  const docRef = useRef17(doc);
   docRef.current = doc;
-  const inspectionRef = useRef16(inspectionId);
+  const inspectionRef = useRef17(inspectionId);
   inspectionRef.current = inspectionId;
   const [pending, setPending] = useState13(0);
   const [outcomes, setOutcomes] = useState13([]);
   const [failedSinceIdle, setFailedSinceIdle] = useState13(false);
-  const pendingRef = useRef16(0);
-  const tail = useRef16(Promise.resolve());
-  const mounted = useRef16(true);
-  useEffect13(() => {
+  const pendingRef = useRef17(0);
+  const tail = useRef17(Promise.resolve());
+  const mounted = useRef17(true);
+  useEffect14(() => {
     mounted.current = true;
     return () => {
       mounted.current = false;
     };
   }, []);
-  const runBatch = useCallback20(async (batch) => {
+  const runBatch = useCallback21(async (batch) => {
     const uploader = dataSourceRef.current.media.uploader(inspectionRef.current, docRef.current);
     const meta = metaOf(batch);
     const results = new Array(batch.files.length);
@@ -69107,7 +69360,7 @@ function usePhotoBatchUpload(inspectionId, doc) {
       defectKind: batch.target?.kind ?? "canned"
     };
   }, []);
-  const submit = useCallback20(
+  const submit = useCallback21(
     (batch) => {
       if (pendingRef.current === 0) setFailedSinceIdle(false);
       pendingRef.current += 1;
@@ -69136,41 +69389,41 @@ function usePhotoBatchUpload(inspectionId, doc) {
     },
     [runBatch]
   );
-  const consume = useCallback20((count) => {
+  const consume = useCallback21((count) => {
     if (count > 0) setOutcomes((prev) => prev.slice(count));
   }, []);
   return { busy: pending > 0, outcomes, failedSinceIdle, consume, submit };
 }
 
 // src/hooks/useReportCoverWrites.ts
-import { useCallback as useCallback21, useRef as useRef17 } from "react";
+import { useCallback as useCallback22, useRef as useRef18 } from "react";
 var FAILED_MS = 8e3;
 function useReportCoverWrites(inspectionId) {
   const dataSource = useFieldDataSource();
-  const dataSourceRef = useRef17(dataSource);
+  const dataSourceRef = useRef18(dataSource);
   dataSourceRef.current = dataSource;
   const { submit: submitCover } = useLatestWinsCommand(inspectionId);
   const { submit: submitCrop } = useLatestWinsCommand(inspectionId);
   const { submit: submitAnnotate } = useLatestWinsCommand(inspectionId);
-  const report = useCallback21((res) => {
+  const report = useCallback22((res) => {
     if (isIgnored(res)) return;
     if (!res.ok) {
       dataSourceRef.current.notify(index_exports.editor_route_save_failed(), "error", { durationMs: FAILED_MS });
     }
   }, []);
-  const setCover = useCallback21(
+  const setCover = useCallback22(
     (coverPhotoId) => {
       void submitCover({ type: "set-cover", coverPhotoId }).then(report);
     },
     [submitCover, report]
   );
-  const cropCover = useCallback21(
+  const cropCover = useCallback22(
     (input) => {
       void submitCrop({ type: "crop-cover", sourceKey: input.sourceKey, crop: input.crop, image: input.image }).then(report);
     },
     [submitCrop, report]
   );
-  const annotate = useCallback21(
+  const annotate = useCallback22(
     (input) => {
       void submitAnnotate({ type: "annotate", ...input }).then(report);
     },
@@ -69180,7 +69433,7 @@ function useReportCoverWrites(inspectionId) {
 }
 
 // src/hooks/usePresence.ts
-import { useState as useState14, useEffect as useEffect14, useCallback as useCallback22, useRef as useRef18 } from "react";
+import { useState as useState14, useEffect as useEffect15, useCallback as useCallback23, useRef as useRef19 } from "react";
 var HEARTBEAT_MS = 3e4;
 var MAX_BACKOFF = 3e4;
 function usePresence(options) {
@@ -69189,17 +69442,17 @@ function usePresence(options) {
   const [roster, setRoster] = useState14([]);
   const [connected, setConnected] = useState14(false);
   const [status, setStatus] = useState14("connecting");
-  const everConnectedRef = useRef18(false);
-  const wsRef = useRef18(null);
-  const heartbeatRef = useRef18(null);
-  const backoffRef = useRef18(400);
-  const closedRef = useRef18(false);
-  const send = useCallback22((msg) => {
+  const everConnectedRef = useRef19(false);
+  const wsRef = useRef19(null);
+  const heartbeatRef = useRef19(null);
+  const backoffRef = useRef19(400);
+  const closedRef = useRef19(false);
+  const send = useCallback23((msg) => {
     if (wsRef.current?.readyState === WebSocket.OPEN) {
       wsRef.current.send(JSON.stringify(msg));
     }
   }, []);
-  const connect = useCallback22(() => {
+  const connect = useCallback23(() => {
     if (closedRef.current || !enabled) return;
     if (!inspectionId) return;
     const wsUrl = dataSource.urls.presenceSocket(inspectionId);
@@ -69265,13 +69518,13 @@ function usePresence(options) {
       }
     }
   }, [dataSource, inspectionId, userName, photoUrl, enabled, send]);
-  const setFocus = useCallback22(
+  const setFocus = useCallback23(
     (itemId) => {
       send({ type: "focus", itemId });
     },
     [send]
   );
-  const close = useCallback22(() => {
+  const close = useCallback23(() => {
     closedRef.current = true;
     try {
       send({ type: "bye" });
@@ -69285,7 +69538,7 @@ function usePresence(options) {
     heartbeatRef.current = null;
     setConnected(false);
   }, [send]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (!enabled) return;
     closedRef.current = false;
     connect();
@@ -69303,13 +69556,13 @@ function usePresence(options) {
 }
 
 // src/collab/use-results-doc.ts
-import { useState as useState15, useEffect as useEffect15, useRef as useRef19 } from "react";
+import { useState as useState15, useEffect as useEffect16, useRef as useRef20 } from "react";
 function useResultsDoc(inspectionId, onSynced) {
   const { collab } = useFieldDataSource();
   const [handle, setHandle] = useState15(null);
-  const onSyncedRef = useRef19(onSynced);
+  const onSyncedRef = useRef20(onSynced);
   onSyncedRef.current = onSynced;
-  useEffect15(() => {
+  useEffect16(() => {
     if (!inspectionId) {
       setHandle(null);
       return;
@@ -69317,10 +69570,10 @@ function useResultsDoc(inspectionId, onSynced) {
     let persisted = false;
     let live = null;
     let closed = false;
-    const snapshot = () => live === null ? null : { doc: live.doc, persistenceSynced: persisted, synced: live.synced() };
+    const snapshot2 = () => live === null ? null : { doc: live.doc, persistenceSynced: persisted, synced: live.synced() };
     const publish = () => {
       if (closed) return;
-      const next = snapshot();
+      const next = snapshot2();
       if (next !== null) setHandle(next);
     };
     live = collab.connect(inspectionId, {
@@ -69346,7 +69599,7 @@ function useResultsDoc(inspectionId, onSynced) {
 }
 
 // src/hooks/useMediaDrain.ts
-import { useCallback as useCallback23, useEffect as useEffect16, useRef as useRef20 } from "react";
+import { useCallback as useCallback24, useEffect as useEffect17, useRef as useRef21 } from "react";
 function asDrainUploader(uploader) {
   return {
     async upload(rec) {
@@ -69359,11 +69612,11 @@ function asDrainUploader(uploader) {
 }
 function useMediaDrain(inspectionId, doc, revokePendingUrl) {
   const dataSource = useFieldDataSource();
-  const docRef = useRef20(doc);
+  const docRef = useRef21(doc);
   docRef.current = doc;
-  const revokeRef = useRef20(revokePendingUrl);
+  const revokeRef = useRef21(revokePendingUrl);
   revokeRef.current = revokePendingUrl;
-  const drain = useCallback23(() => {
+  const drain = useCallback24(() => {
     const liveDoc = docRef.current;
     if (!liveDoc) return;
     void drainMediaQueue({
@@ -69386,7 +69639,7 @@ function useMediaDrain(inspectionId, doc, revokePendingUrl) {
       }
     });
   }, [dataSource, inspectionId]);
-  useEffect16(
+  useEffect17(
     () => dataSource.onOnlineChange((online) => {
       if (online) drain();
     }),
@@ -69421,7 +69674,7 @@ async function addOfflinePhotos(store, doc, target, files) {
 }
 
 // src/hooks/useResultsProjection.ts
-import { useEffect as useEffect17, useRef as useRef21 } from "react";
+import { useEffect as useEffect18, useRef as useRef22 } from "react";
 
 // src/collab/results-merge.ts
 import * as Y3 from "yjs";
@@ -69460,27 +69713,27 @@ function mergeUnsyncedResults(prev, doc) {
 
 // src/hooks/useResultsProjection.ts
 function useResultsProjection(collab, setResults) {
-  const synced = useRef21(false);
+  const synced = useRef22(false);
   synced.current = collab?.synced === true;
   const doc = collab?.doc;
-  useEffect17(() => {
+  useEffect18(() => {
     if (!doc) return;
     return bindResultMap(doc, (next) => setResults((prev) => synced.current ? next : mergeUnsyncedResults(prev, doc)));
   }, [doc, setResults]);
 }
 
 // src/hooks/useSpeedRating.ts
-import { useCallback as useCallback24, useEffect as useEffect18, useRef as useRef22, useState as useState16 } from "react";
+import { useCallback as useCallback25, useEffect as useEffect19, useRef as useRef23, useState as useState16 } from "react";
 var SPEED_DONE_LINGER_MS = 3500;
 function useSpeedRating({ state, commitRating, doc, activeUnitId, onUndoUnavailable }) {
-  const queueRef = useRef22(state.speedQueue);
+  const queueRef = useRef23(state.speedQueue);
   queueRef.current = state.speedQueue;
-  const unitRef = useRef22(activeUnitId);
+  const unitRef = useRef23(activeUnitId);
   unitRef.current = activeUnitId;
-  const ratedUnit = useRef22(/* @__PURE__ */ new Map());
-  const lastRated = useRef22(null);
+  const ratedUnit = useRef23(/* @__PURE__ */ new Map());
+  const lastRated = useRef23(null);
   const [pendingUndo, setPendingUndo] = useState16(null);
-  const speedRate = useCallback24(
+  const speedRate = useCallback25(
     (levelIdx) => {
       if (!state.speedMode) return;
       const qi = state.speedQueue[state.speedCurrent];
@@ -69498,7 +69751,7 @@ function useSpeedRating({ state, commitRating, doc, activeUnitId, onUndoUnavaila
     },
     [state, commitRating]
   );
-  const undoSpeedRating = useCallback24(
+  const undoSpeedRating = useCallback25(
     (itemId, previous) => {
       const sid = state.sectionIdForItem(itemId);
       if (!sid) return;
@@ -69525,19 +69778,19 @@ function useSpeedRating({ state, commitRating, doc, activeUnitId, onUndoUnavaila
   );
   const done = state.speedMode && state.speedQueue.length === 0;
   const setSpeedMode = state.setSpeedMode;
-  useEffect18(() => {
+  useEffect19(() => {
     if (!done) return;
     const t = setTimeout(() => setSpeedMode(false), SPEED_DONE_LINGER_MS);
     return () => clearTimeout(t);
   }, [done, setSpeedMode]);
-  useEffect18(() => {
+  useEffect19(() => {
     if (!state.speedMode) setPendingUndo(null);
   }, [state.speedMode]);
   return { speedRate, undoSpeedRating, finishedItem: done ? lastRated.current : null, pendingUndo, setPendingUndo };
 }
 
 // src/components/editor-shared/SectionRail.tsx
-import { useRef as useRef25, useState as useState18 } from "react";
+import { useRef as useRef26, useState as useState18 } from "react";
 
 // src/components/editor/SectionDonut.tsx
 import { jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
@@ -69659,15 +69912,15 @@ function sectionIconFor(nameOrId) {
 }
 
 // src/components/editor-shared/useSortableReorder.ts
-import { useEffect as useEffect19, useRef as useRef23 } from "react";
+import { useEffect as useEffect20, useRef as useRef24 } from "react";
 import Sortable from "sortablejs";
 function useSortableReorder({ ids, onReorder, disabled = false }) {
-  const containerRef = useRef23(null);
-  const idsRef = useRef23(ids);
+  const containerRef = useRef24(null);
+  const idsRef = useRef24(ids);
   idsRef.current = ids;
-  const onReorderRef = useRef23(onReorder);
+  const onReorderRef = useRef24(onReorder);
   onReorderRef.current = onReorder;
-  useEffect19(() => {
+  useEffect20(() => {
     const el = containerRef.current;
     if (!el || disabled) return;
     const s = Sortable.create(el, {
@@ -69695,13 +69948,13 @@ function useSortableReorder({ ids, onReorder, disabled = false }) {
 }
 
 // src/components/editor-shared/InlineRename.tsx
-import { useEffect as useEffect20, useRef as useRef24, useState as useState17 } from "react";
+import { useEffect as useEffect21, useRef as useRef25, useState as useState17 } from "react";
 import { jsx as jsx31 } from "react/jsx-runtime";
 function InlineRename({ value, onCommit, onCancel, className, ariaLabel }) {
   const [draft, setDraft] = useState17(value);
-  const ref = useRef24(null);
-  const doneRef = useRef24(false);
-  useEffect20(() => {
+  const ref = useRef25(null);
+  const doneRef = useRef25(false);
+  useEffect21(() => {
     ref.current?.focus();
     ref.current?.select();
   }, []);
@@ -69794,7 +70047,7 @@ function SectionRail({
 }) {
   const [openMenuId, setOpenMenuId] = useState18(null);
   const [editingId, setEditingId] = useState18(null);
-  const menuAnchorRef = useRef25(null);
+  const menuAnchorRef = useRef26(null);
   const openSectionMenu = (sectionId, el) => {
     if (openMenuId === sectionId) {
       setOpenMenuId(null);
@@ -70003,13 +70256,88 @@ function SectionRail({
 // src/components/editor/EditorHeader.tsx
 import { useState as useState22 } from "react";
 
+// src/lib/readable-text.ts
+var DARK_INK = "#0f172a";
+var WHITE = "#ffffff";
+function isFallbackRatingColor(color) {
+  return color === FALLBACK_RATING_COLOR;
+}
+function parseHex(v) {
+  const hex = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(v)?.[1];
+  if (!hex) return null;
+  const full = hex.length === 3 ? [...hex].map((c) => c + c).join("") : hex;
+  return [0, 2, 4].map((i) => parseInt(full.slice(i, i + 2), 16));
+}
+function parseRgb(v) {
+  const m = /^rgba?\(\s*(\d+(?:\.\d+)?)[\s,]+(\d+(?:\.\d+)?)[\s,]+(\d+(?:\.\d+)?)(?:[\s,/]+[\d.]+%?)?\s*\)$/i.exec(v);
+  return m ? [Number(m[1]), Number(m[2]), Number(m[3])] : null;
+}
+var HEX = /^#(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i;
+var COLOR_FN = /^(?:rgba?|hsla?)\(\s*[\d.]+(?:deg|%)?(?:\s*[,/]\s*[\d.]+(?:deg|%)?|\s+[\d.]+(?:deg|%)?)*\s*\)$/i;
+var TOKEN = /^var\(\s*--ih-[\w-]+\s*(?:,\s*([^;{}"'()]+(?:\([^;{}"'()]*\))?))?\s*\)$/;
+function safeCssColor(color) {
+  if (typeof color !== "string") return null;
+  const v = color.trim();
+  if (v === "" || v.length > 120) return null;
+  if (HEX.test(v) || COLOR_FN.test(v) || namedHex(v) !== null) return v;
+  const palette = paletteHex(v);
+  if (palette !== null) return palette;
+  const token = TOKEN.exec(v);
+  if (token) return token[1] === void 0 || safeCssColor(token[1]) !== null ? v : null;
+  return null;
+}
+var NAMED = {
+  red: "#ff0000",
+  orange: "#ffa500",
+  yellow: "#ffff00",
+  blue: "#0000ff",
+  green: "#008000",
+  teal: "#008080",
+  purple: "#800080",
+  indigo: "#4b0082",
+  pink: "#ffc0cb",
+  brown: "#a52a2a",
+  gray: "#808080",
+  grey: "#808080",
+  white: "#ffffff",
+  black: "#000000"
+};
+function namedHex(name) {
+  const key = name.toLowerCase();
+  return Object.hasOwn(NAMED, key) ? NAMED[key] : null;
+}
+var PALETTE = { amber: "#f59e0b", slate: "#64748b", rose: "#f43f5e", emerald: "#10b981" };
+function paletteHex(name) {
+  const key = name.toLowerCase();
+  return Object.hasOwn(PALETTE, key) ? PALETTE[key] : null;
+}
+function luminance([r, g, b]) {
+  const lin = (c) => {
+    const s = c / 255;
+    return s <= 0.03928 ? s / 12.92 : ((s + 0.055) / 1.055) ** 2.4;
+  };
+  return 0.2126 * lin(r) + 0.7152 * lin(g) + 0.0722 * lin(b);
+}
+var WHITE_FLOOR = 3;
+function readableTextOn(background) {
+  if (!background) return null;
+  const v = background.trim();
+  const rgb = parseHex(v) ?? parseRgb(v) ?? parseHex(namedHex(v) ?? paletteHex(v) ?? "");
+  if (!rgb) return null;
+  const bg = luminance(rgb);
+  const onWhite = 1.05 / (bg + 0.05);
+  if (onWhite >= WHITE_FLOOR) return WHITE;
+  const onInk = (bg + 0.05) / (luminance(parseHex(DARK_INK)) + 0.05);
+  return onWhite >= onInk ? WHITE : DARK_INK;
+}
+
 // src/components/editor/ProgressStripText.tsx
 import { jsx as jsx33, jsxs as jsxs26 } from "react/jsx-runtime";
 var Dot = ({ color }) => /* @__PURE__ */ jsx33(
   "span",
   {
     className: "inline-block w-1.5 h-1.5 rounded-full mr-1 align-middle",
-    style: { backgroundColor: color }
+    style: { backgroundColor: safeCssColor(color) ?? void 0 }
   }
 );
 function ProgressStripText({ rated, total, defects, monitor, etaMinutes }) {
@@ -70032,7 +70360,7 @@ function ProgressStripText({ rated, total, defects, monitor, etaMinutes }) {
 }
 
 // src/components/editor/TemplateMenu.tsx
-import { useRef as useRef26, useState as useState19 } from "react";
+import { useRef as useRef27, useState as useState19 } from "react";
 import { Fragment as Fragment2, jsx as jsx34, jsxs as jsxs27 } from "react/jsx-runtime";
 function TemplateMenu({
   onChangeTemplate,
@@ -70041,7 +70369,7 @@ function TemplateMenu({
   canUpdateSource
 }) {
   const [open, setOpen] = useState19(false);
-  const anchorRef = useRef26(null);
+  const anchorRef = useRef27(null);
   const run = (fn) => {
     setOpen(false);
     fn();
@@ -70099,7 +70427,7 @@ function TemplateMenu({
 }
 
 // src/components/editor/PreviewMenu.tsx
-import { useRef as useRef27, useState as useState20 } from "react";
+import { useRef as useRef28, useState as useState20 } from "react";
 import { Fragment as Fragment3, jsx as jsx35, jsxs as jsxs28 } from "react/jsx-runtime";
 function PreviewMenu({
   onPreviewReport,
@@ -70109,7 +70437,7 @@ function PreviewMenu({
   pdfLabel
 }) {
   const [open, setOpen] = useState20(false);
-  const anchorRef = useRef27(null);
+  const anchorRef = useRef28(null);
   const run = (fn) => {
     setOpen(false);
     fn();
@@ -70246,10 +70574,10 @@ function runWithPending(handler, setPending) {
 }
 
 // src/components/editor/HeaderOverflowMenu.tsx
-import { useRef as useRef28, useState as useState21 } from "react";
+import { useRef as useRef29, useState as useState21 } from "react";
 
 // src/read-only.tsx
-import { createContext as createContext2, useContext as useContext2, useMemo as useMemo7 } from "react";
+import { createContext as createContext2, useContext as useContext2, useMemo as useMemo8 } from "react";
 
 // src/read-only-view.ts
 var refused = () => ({ ok: false, error: index_exports.editor_read_only() });
@@ -70304,7 +70632,7 @@ function useReadOnly() {
 function ReadOnlyScope({ readOnly, children }) {
   const dataSource = useFieldDataSource();
   const slots = useFieldSlots();
-  const view = useMemo7(() => readOnly ? readOnlyView(dataSource) : dataSource, [readOnly, dataSource]);
+  const view = useMemo8(() => readOnly ? readOnlyView(dataSource) : dataSource, [readOnly, dataSource]);
   return /* @__PURE__ */ jsx37(FieldDataSourceProvider, { dataSource: view, slots, children: /* @__PURE__ */ jsx37(ReadOnlyContext.Provider, { value: readOnly, children }) });
 }
 
@@ -70318,7 +70646,7 @@ function HeaderOverflowMenu({
   themeControl
 }) {
   const [open, setOpen] = useState21(false);
-  const anchorRef = useRef28(null);
+  const anchorRef = useRef29(null);
   const readOnly = useReadOnly();
   const run = (fn) => {
     setOpen(false);
@@ -70666,7 +70994,7 @@ function FullscreenToggle({ active, onToggle }) {
 }
 
 // src/components/editor-shared/ItemList.tsx
-import { useState as useState24, useRef as useRef29 } from "react";
+import { useState as useState24, useRef as useRef30 } from "react";
 
 // src/shared/template-hierarchy.ts
 var MAX_ITEM_DEPTH = 3;
@@ -70844,6 +71172,19 @@ function ItemRowIndent({ depth, outline }) {
   ] });
 }
 
+// src/components/editor-shared/rating-dot.ts
+function ratingDotClass(rating) {
+  if (rating === "Satisfactory" || rating === "SAT") return "bg-ih-ok";
+  if (rating === "Monitor" || rating === "MON") return "bg-ih-watch";
+  if (rating === "Defect" || rating === "DEF") return "bg-ih-bad";
+  return "bg-ih-border-strong";
+}
+function ratingDot(rating, getRatingColor) {
+  const color = safeCssColor(getRatingColor?.(rating));
+  if (color && !isFallbackRatingColor(color)) return { className: "", style: { background: color } };
+  return { className: ratingDotClass(rating) };
+}
+
 // src/components/editor-shared/ItemSubtreeDeleteModal.tsx
 import { Fragment as Fragment7, jsx as jsx42, jsxs as jsxs33 } from "react/jsx-runtime";
 function ItemSubtreeDeleteModal({ pending, onCancel, onConfirm }) {
@@ -70888,12 +71229,6 @@ function slotHeadings(groups, items) {
   return { heading, closes };
 }
 var PANE_SELECTED = "bg-ih-primary-tint border-l-[3px] border-ih-primary font-bold text-ih-primary-text";
-function ratingDotClass(rating) {
-  if (rating === "Satisfactory" || rating === "SAT") return "bg-ih-ok";
-  if (rating === "Monitor" || rating === "MON") return "bg-ih-watch";
-  if (rating === "Defect" || rating === "DEF") return "bg-ih-bad";
-  return "bg-ih-border-strong";
-}
 function ItemList({
   mode,
   items,
@@ -70916,7 +71251,9 @@ function ItemList({
   activeUnitId = null,
   groups,
   onAddGroupInstance,
-  pane = false
+  pane = false,
+  fullWidth = false,
+  getRatingColor
 }) {
   const { heading: slotHeading, closes: groupClosedBy } = slotHeadings(groups, items);
   const grouped = Boolean(groups?.length);
@@ -70931,10 +71268,10 @@ function ItemList({
     }
     setPendingDelete({ id, label, count });
   };
-  const lastClickedRef = useRef29(null);
+  const lastClickedRef = useRef30(null);
   const [editingId, setEditingId] = useState24(null);
   const { menuItemId, openItemMenu, closeItemMenu } = useItemRowMenu();
-  const menuAnchorRef = useRef29(null);
+  const menuAnchorRef = useRef30(null);
   const structuralEditing = Boolean(onDuplicateItem || onDeleteItem || onMoveItem || onRenameItem);
   const resultsMap = results ?? {};
   const scopedResult = (itemId) => resultsMap[findingKey(activeUnitId, sectionId, itemId)] || (activeUnitId == null ? resultsMap[itemId] : void 0) || {};
@@ -70944,7 +71281,7 @@ function ItemList({
     }),
     disabled: !onReorderItem || Boolean(batchMode) || editingId !== null
   });
-  return /* @__PURE__ */ jsxs34("div", { "data-shortcut-scope": true, className: pane ? "w-full min-w-0 flex-1 min-h-0 overflow-y-auto overscroll-contain flex flex-col" : "w-[280px] flex-shrink-0 border-r border-ih-border overflow-y-auto flex flex-col", children: [
+  return /* @__PURE__ */ jsxs34("div", { "data-shortcut-scope": true, className: pane ? "w-full min-w-0 flex-1 min-h-0 overflow-y-auto overscroll-contain flex flex-col" : fullWidth ? "w-full min-w-0 overflow-y-auto flex flex-col" : "w-[280px] flex-shrink-0 border-r border-ih-border overflow-y-auto flex flex-col", children: [
     /* @__PURE__ */ jsx43("div", { ref: containerRef, className: "flex-1 overflow-y-auto p-2 space-y-0.5", children: items.map((item) => {
       const result = scopedResult(item.id);
       const fullIdx = items.findIndex((i) => i.id === item.id);
@@ -71021,12 +71358,10 @@ function ItemList({
                     ),
                     /* @__PURE__ */ jsx43(ItemRowIndent, { depth: depths.get(item.id) ?? 0, outline: outlines.get(item.id) ?? "" }),
                     /* @__PURE__ */ jsx43("span", { className: "flex-1 truncate", children: item.label }),
-                    mode === "fill" && Boolean(result.rating) && /* @__PURE__ */ jsx43(
-                      "span",
-                      {
-                        className: `w-2 h-2 rounded-full flex-shrink-0 ${ratingDotClass(result.rating)}`
-                      }
-                    ),
+                    mode === "fill" && Boolean(result.rating) && (() => {
+                      const dot = ratingDot(result.rating, getRatingColor);
+                      return /* @__PURE__ */ jsx43("span", { className: `w-2 h-2 rounded-full flex-shrink-0 ${dot.className}`, style: dot.style });
+                    })(),
                     mode === "author" && /* @__PURE__ */ jsx43("span", { className: "text-[10px] font-mono px-1.5 py-0.5 rounded bg-ih-bg-muted text-ih-fg-2 flex-shrink-0", children: item.type })
                   ]
                 }
@@ -71126,7 +71461,7 @@ function ItemList({
 }
 
 // src/hooks/useStatutoryGroups.ts
-import { useMemo as useMemo8 } from "react";
+import { useMemo as useMemo9 } from "react";
 
 // src/shared/statutory-groups.ts
 function parseGroupKey(key) {
@@ -71168,8 +71503,8 @@ function formBoundItemIds(declaration) {
   }
   return ids;
 }
-function declaresStatutoryForm(snapshot) {
-  return Boolean(snapshot?.statutoryForm);
+function declaresStatutoryForm(snapshot2) {
+  return Boolean(snapshot2?.statutoryForm);
 }
 
 // src/shared/form-completeness.ts
@@ -71196,17 +71531,17 @@ function formCompleteness(boundItemIds, results) {
 
 // src/hooks/useStatutoryGroups.ts
 function useStatutoryGroups(templateSnapshot) {
-  return useMemo8(() => {
+  return useMemo9(() => {
     const declaration = templateSnapshot?.statutoryForm;
     const groups = deriveEditorGroups(declaration);
     return groups.length > 0 ? groups : void 0;
   }, [templateSnapshot]);
 }
 function useStructuralEditingAllowed(templateSnapshot) {
-  return useMemo8(() => !declaresStatutoryForm(templateSnapshot), [templateSnapshot]);
+  return useMemo9(() => !declaresStatutoryForm(templateSnapshot), [templateSnapshot]);
 }
 function useStatutoryFormProgress(templateSnapshot, results) {
-  return useMemo8(() => {
+  return useMemo9(() => {
     const declaration = templateSnapshot?.statutoryForm;
     if (!declaration) return null;
     const done = formCompleteness(formBoundItemIds(declaration), results);
@@ -71256,7 +71591,7 @@ function RevisionBanner({ status, inspectionDate }) {
 }
 
 // src/components/editor/ItemEditor.tsx
-import { useState as useState32, useMemo as useMemo11, useEffect as useEffect27, useRef as useRef34 } from "react";
+import { useState as useState32, useMemo as useMemo13, useEffect as useEffect28, useRef as useRef35 } from "react";
 
 // src/components/editor/CommentTypeahead.tsx
 import { jsx as jsx45, jsxs as jsxs35 } from "react/jsx-runtime";
@@ -71307,7 +71642,7 @@ function CommentTypeahead({
 }
 
 // src/hooks/useCommentTypeahead.ts
-import { useMemo as useMemo9, useState as useState25, useEffect as useEffect21, useCallback as useCallback25 } from "react";
+import { useMemo as useMemo10, useState as useState25, useEffect as useEffect22, useCallback as useCallback26 } from "react";
 
 // src/shared/comment-typeahead.ts
 function isSubsequence(needle, haystack) {
@@ -71370,15 +71705,15 @@ function replaceFragmentBeforeCaret(value, caret, replacement) {
 // src/hooks/useCommentTypeahead.ts
 function useCommentTypeahead(entries, query, opts) {
   const max = opts?.max ?? 8;
-  const matches = useMemo9(
+  const matches = useMemo10(
     () => rankTypeaheadMatches(entries, query).slice(0, max),
     [entries, query, max]
   );
   const [selectedIndex, setSelectedIndex] = useState25(0);
-  useEffect21(() => {
+  useEffect22(() => {
     setSelectedIndex(0);
   }, [query, matches.length]);
-  const move = useCallback25(
+  const move = useCallback26(
     (delta) => {
       setSelectedIndex((i) => {
         const n = matches.length;
@@ -71388,7 +71723,7 @@ function useCommentTypeahead(entries, query, opts) {
     },
     [matches.length]
   );
-  const current = useCallback25(
+  const current = useCallback26(
     () => matches[selectedIndex] ?? null,
     [matches, selectedIndex]
   );
@@ -71396,21 +71731,21 @@ function useCommentTypeahead(entries, query, opts) {
 }
 
 // src/components/editor/AiAssistPanel.tsx
-import { useEffect as useEffect22, useRef as useRef30, useState as useState26 } from "react";
+import { useEffect as useEffect23, useRef as useRef31, useState as useState26 } from "react";
 import { jsx as jsx46, jsxs as jsxs36 } from "react/jsx-runtime";
 function AiAssistPanel({ notes, context, resultId, onAccept }) {
   const ai = useFieldDataSource().resources.aiAssist;
   const [draft, setDraft] = useState26(null);
   const [reviewed, setReviewed] = useState26(false);
   const [error, setError] = useState26(null);
-  const inFlight2 = useRef30(false);
+  const inFlight2 = useRef31(false);
   const [busy, setBusy] = useState26(false);
-  const mounted = useRef30(true);
-  const draftRef = useRef30(draft);
+  const mounted = useRef31(true);
+  const draftRef = useRef31(draft);
   draftRef.current = draft;
-  const onAcceptRef = useRef30(onAccept);
+  const onAcceptRef = useRef31(onAccept);
   onAcceptRef.current = onAccept;
-  useEffect22(() => {
+  useEffect23(() => {
     mounted.current = true;
     return () => {
       mounted.current = false;
@@ -71556,21 +71891,21 @@ function NotesFieldHeader({
 }
 
 // src/components/editor/CloneLastButton.tsx
-import { useState as useState27, useRef as useRef31, useEffect as useEffect23 } from "react";
+import { useState as useState27, useRef as useRef32, useEffect as useEffect24 } from "react";
 import { jsx as jsx48, jsxs as jsxs38 } from "react/jsx-runtime";
 function CloneLastButton({ defaultScope, onClone, disabled }) {
   const [open, setOpen] = useState27(false);
   const [sessionScope, setSessionScope] = useState27(defaultScope);
-  const ref = useRef31(null);
+  const ref = useRef32(null);
   const SCOPE_LABELS = {
     rating: index_exports.editor_clone_scope_rating(),
     rating_notes: index_exports.editor_clone_scope_rating_notes(),
     all: index_exports.editor_clone_scope_all()
   };
-  useEffect23(() => {
+  useEffect24(() => {
     setSessionScope(defaultScope);
   }, [defaultScope]);
-  useEffect23(() => {
+  useEffect24(() => {
     if (!open) return;
     const fn = (e) => {
       if (ref.current && !ref.current.contains(e.target)) setOpen(false);
@@ -71812,7 +72147,9 @@ function RatingSegment({
       children: ratings.map((r, i) => {
         const selected = r.value === value;
         const toneClass = selected ? TONE_FILLED[r.tone] : TONE_IDLE[r.tone];
-        const style = r.color ? { background: r.color, color: "#fff" } : void 0;
+        const colour = safeCssColor(r.color);
+        const tokenFill = !!colour && isFallbackRatingColor(colour);
+        const style = colour && !tokenFill ? { background: colour, color: readableTextOn(colour) ?? "#fff" } : void 0;
         const text = size === "sm" ? r.shortLabel ?? r.label : r.shortLabel ? /* @__PURE__ */ jsxs40(Fragment8, { children: [
           /* @__PURE__ */ jsx50("span", { className: "@min-[6.5rem]:hidden", children: r.shortLabel }),
           /* @__PURE__ */ jsx50("span", { className: "hidden @min-[6.5rem]:inline", children: r.label })
@@ -71832,7 +72169,7 @@ function RatingSegment({
             tabIndex: i === focusIndex ? 0 : -1,
             onClick: () => onChange(r.value),
             onKeyDown: (e) => onKeyDown(e, i),
-            className: `transition-colors focus:outline-none focus:shadow-ih-focus ${sizeClass} ${r.color ? "" : toneClass}`,
+            className: `transition-colors focus:outline-none focus:shadow-ih-focus ${sizeClass} ${tokenFill ? "bg-ih-bg-muted text-ih-fg-1 border border-ih-border" : colour ? "" : toneClass}`,
             style,
             children: [
               /* @__PURE__ */ jsx50("span", { className: "block truncate px-0.5", children: text }),
@@ -71892,12 +72229,13 @@ var CATEGORY_TOKENS = {
 };
 var DEFAULT_TOKENS = "bg-ih-bg-muted text-ih-fg-2";
 function DefectCategoryChip({ category, className, color }) {
-  const tokens = color ? "bg-ih-bg-muted" : CATEGORY_TOKENS[category] ?? DEFAULT_TOKENS;
+  const safe = safeCssColor(color);
+  const tokens = safe ? "bg-ih-bg-muted" : CATEGORY_TOKENS[category] ?? DEFAULT_TOKENS;
   return /* @__PURE__ */ jsx52(
     "span",
     {
       className: `text-[9px] font-bold uppercase tracking-wider px-1.5 py-0.5 rounded-full ${tokens}${className ? ` ${className}` : ""}`,
-      style: color ? { color } : void 0,
+      style: safe ? { color: safe } : void 0,
       children: category
     }
   );
@@ -71937,7 +72275,7 @@ function CannedCommentRow({
 }
 
 // src/components/editor/DefectFieldsRow.tsx
-import { useMemo as useMemo10 } from "react";
+import { useMemo as useMemo11 } from "react";
 
 // src/shared/defect-fields.types.ts
 var DEFECT_TRADES = [
@@ -72045,7 +72383,7 @@ function DefectFieldsRow({
   locationRequired,
   tradeRequired
 }) {
-  const dedupedSuggestions = useMemo10(
+  const dedupedSuggestions = useMemo11(
     () => Array.from(new Set(locationSuggestions.filter((s) => s.length > 0))),
     [locationSuggestions]
   );
@@ -72122,7 +72460,7 @@ function DefectFieldsRow({
 }
 
 // src/components/editor/RepairItemsPanel.tsx
-import { useEffect as useEffect24, useState as useState28 } from "react";
+import { useEffect as useEffect25, useState as useState28 } from "react";
 import { jsx as jsx55, jsxs as jsxs43 } from "react/jsx-runtime";
 function RepairItemsPanel({
   attached,
@@ -72133,7 +72471,7 @@ function RepairItemsPanel({
   const [open, setOpen] = useState28(false);
   const [q, setQ] = useState28("");
   const repairItems = useFieldDataSource().resources.repairItems;
-  useEffect24(() => {
+  useEffect25(() => {
     let cancelled = false;
     void (repairItems?.list() ?? Promise.resolve([])).then((items) => {
       if (!cancelled) setCatalog(items);
@@ -72545,7 +72883,7 @@ function CannedCommentTabs({
 }
 
 // src/components/media-studio/ItemPhotoStrip.tsx
-import { useEffect as useEffect25, useRef as useRef32, useState as useState29 } from "react";
+import { useEffect as useEffect26, useRef as useRef33, useState as useState29 } from "react";
 import Sortable2 from "sortablejs";
 import { Fragment as Fragment10, jsx as jsx58, jsxs as jsxs46 } from "react/jsx-runtime";
 function formatDuration(sec) {
@@ -72572,10 +72910,10 @@ function ItemPhotoStrip({
   videoPosterUrl,
   pendingPhotoUrl
 }) {
-  const rowRef = useRef32(null);
+  const rowRef = useRef33(null);
   const [selecting, setSelecting] = useState29(false);
   const [sel, setSel] = useState29(/* @__PURE__ */ new Set());
-  const lp = useRef32(void 0);
+  const lp = useRef33(void 0);
   const toggle = (i) => setSel((prev) => {
     const next = new Set(prev);
     if (next.has(i)) next.delete(i);
@@ -72595,11 +72933,11 @@ function ItemPhotoStrip({
     }, 450);
   };
   const cancelLongPress = () => clearTimeout(lp.current);
-  const photosRef = useRef32(photos);
+  const photosRef = useRef33(photos);
   photosRef.current = photos;
-  const onReorderRef = useRef32(onReorder);
+  const onReorderRef = useRef33(onReorder);
   onReorderRef.current = onReorder;
-  useEffect25(() => {
+  useEffect26(() => {
     if (!rowRef.current || !onReorder) return;
     const s = Sortable2.create(rowRef.current, {
       animation: 150,
@@ -73029,7 +73367,7 @@ function FormField({
 }
 
 // src/components/editor/item-editor-ui.ts
-import { useCallback as useCallback26, useState as useState31 } from "react";
+import { useCallback as useCallback27, useState as useState31 } from "react";
 var INITIAL_ITEM_EDITOR_UI = {
   activeTab: "information",
   defectQuery: "",
@@ -73042,7 +73380,7 @@ var INITIAL_ITEM_EDITOR_UI = {
 };
 function useItemEditorUiStore() {
   const [byItem, setByItem] = useState31({});
-  return useCallback26(
+  return useCallback27(
     (itemId) => ({
       ui: byItem[itemId] ?? INITIAL_ITEM_EDITOR_UI,
       patch: (change) => setByItem((prev) => ({ ...prev, [itemId]: { ...prev[itemId] ?? INITIAL_ITEM_EDITOR_UI, ...change } }))
@@ -73067,17 +73405,29 @@ function useItemEditorUi(external) {
 }
 
 // src/hooks/useNotesCommitOnLeave.ts
-import { useEffect as useEffect26, useRef as useRef33 } from "react";
+import { useCallback as useCallback28, useEffect as useEffect27, useMemo as useMemo12, useRef as useRef34 } from "react";
+var IDLE_MS = 1e3;
 function useNotesCommitOnLeave(itemId, commit, flushRef) {
-  const pending = useRef33(null);
-  const latest = useRef33({ itemId, commit });
+  const pending = useRef34(null);
+  const idle = useRef34(null);
+  const composing = useRef34(false);
+  const latest = useRef34({ itemId, commit });
   latest.current = { itemId, commit };
-  useEffect26(() => {
-    const flush = () => {
-      const held = pending.current;
-      pending.current = null;
-      if (held && held.itemId === latest.current.itemId) latest.current.commit(held.text);
-    };
+  const cancelIdle = useCallback28(() => {
+    if (idle.current !== null) clearTimeout(idle.current);
+    idle.current = null;
+  }, []);
+  const flush = useCallback28(() => {
+    cancelIdle();
+    const held = pending.current;
+    pending.current = null;
+    if (held) latest.current.commit(held.text, held.itemId);
+  }, [cancelIdle]);
+  useEffect27(() => () => {
+    composing.current = false;
+    flush();
+  }, [itemId, flush]);
+  useEffect27(() => {
     const onHide = () => {
       if (document.visibilityState === "hidden") flush();
     };
@@ -73091,12 +73441,35 @@ function useNotesCommitOnLeave(itemId, commit, flushRef) {
       flush();
     };
   }, []);
+  const armIdle = useCallback28(() => {
+    cancelIdle();
+    idle.current = setTimeout(function onIdle() {
+      if (composing.current) idle.current = setTimeout(onIdle, IDLE_MS);
+      else flush();
+    }, IDLE_MS);
+  }, [cancelIdle, flush]);
+  const composition = useMemo12(
+    () => ({
+      onCompositionStart: () => {
+        composing.current = true;
+      },
+      onCompositionEnd: () => {
+        composing.current = false;
+        if (pending.current) armIdle();
+      }
+    }),
+    [armIdle]
+  );
   return {
+    composition,
     track: (text) => {
       pending.current = { itemId: latest.current.itemId, text };
+      armIdle();
     },
     settle: () => {
       pending.current = null;
+      composing.current = false;
+      cancelIdle();
     }
   };
 }
@@ -73164,10 +73537,10 @@ function ItemEditor({
   const { urls } = useFieldDataSource();
   const { activeTab, setActiveTab, defectQuery, setDefectQuery, customFormOpen, setCustomFormOpen, customTitle, setCustomTitle, customComment, setCustomComment, customCategory, setCustomCategory, customTrade, setCustomTrade, saveToLibrary, setSaveToLibrary } = useItemEditorUi(uiControl);
   const notesCommit = useNotesCommitOnLeave(item?.id, onNotesBlur, notesFlushRef);
-  const notesRef = useRef34(null);
+  const notesRef = useRef35(null);
   const [taOpen, setTaOpen] = useState32(false);
   const [taQuery, setTaQuery] = useState32("");
-  const taEntries = useMemo11(() => flattenItemTabs(item?.tabs), [item?.tabs]);
+  const taEntries = useMemo13(() => flattenItemTabs(item?.tabs), [item?.tabs]);
   const ta = useCommentTypeahead(taEntries, taQuery, { max: 8 });
   const insertPick = (commentText) => {
     const el = notesRef.current;
@@ -73186,7 +73559,7 @@ function ItemEditor({
     });
   };
   const [libraryMatches, setLibraryMatches] = useState32([]);
-  useEffect27(() => {
+  useEffect28(() => {
     const q = defectQuery.trim();
     if (activeTab !== "defects" || q.length < 2 || !onSearchLibrary) {
       setLibraryMatches([]);
@@ -73361,6 +73734,7 @@ function ItemEditor({
           "textarea",
           {
             id: "notes-textarea",
+            ...notesCommit.composition,
             ref: notesRef,
             value: result.notes || "",
             onChange: (e) => {
@@ -73372,7 +73746,7 @@ function ItemEditor({
             },
             onBlur: (e) => {
               notesCommit.settle();
-              onNotesBlur(e.target.value);
+              onNotesBlur(e.target.value, item.id);
               setTaOpen(false);
             },
             onKeyDown: (e) => {
@@ -73433,7 +73807,7 @@ function ItemEditor({
           onAccept: (text) => {
             onNotes(text);
             notesCommit.settle();
-            onNotesBlur(text);
+            onNotesBlur(text, item.id);
           }
         }
       ),
@@ -73541,6 +73915,21 @@ function ItemEditor({
   ] });
 }
 
+// src/hooks/useHasFinePointer.ts
+import { useSyncExternalStore as useSyncExternalStore3 } from "react";
+var FINE = "(any-hover: hover) and (any-pointer: fine)";
+function subscribe(onChange) {
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") return () => {
+  };
+  const mq = window.matchMedia(FINE);
+  mq.addEventListener("change", onChange);
+  return () => mq.removeEventListener("change", onChange);
+}
+var snapshot = () => typeof window === "undefined" || typeof window.matchMedia !== "function" || window.matchMedia(FINE).matches;
+function useHasFinePointer() {
+  return useSyncExternalStore3(subscribe, snapshot, () => true);
+}
+
 // src/components/editor/ItemPaneEmptyState.tsx
 import { jsx as jsx64, jsxs as jsxs52 } from "react/jsx-runtime";
 function firstItemToOpen(items, isRated) {
@@ -73550,6 +73939,7 @@ function firstItemToOpen(items, isRated) {
 }
 function ItemPaneEmptyState({ items, isRated, onOpenItem }) {
   const next = firstItemToOpen(items, isRated);
+  const fine = useHasFinePointer();
   if (!next) {
     return /* @__PURE__ */ jsx64("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsx64(
       EmptyState,
@@ -73578,7 +73968,7 @@ function ItemPaneEmptyState({ items, isRated, onOpenItem }) {
             children: index_exports.editor_pane_open_item({ label: next.item.label })
           }
         ),
-        /* @__PURE__ */ jsxs52("p", { className: "text-[11px] text-ih-fg-3", children: [
+        fine && /* @__PURE__ */ jsxs52("p", { className: "text-[11px] text-ih-fg-3", children: [
           index_exports.editor_route_navigate_hint_press(),
           " ",
           /* @__PURE__ */ jsx64("kbd", { className: "px-1.5 py-0.5 bg-ih-bg-muted rounded text-[10px] font-mono border", children: "J" }),
@@ -73594,20 +73984,27 @@ function ItemPaneEmptyState({ items, isRated, onOpenItem }) {
 }
 
 // src/components/editor/TagChipRow.tsx
-import { useMemo as useMemo12 } from "react";
+import { useMemo as useMemo14 } from "react";
 import { jsx as jsx65, jsxs as jsxs53 } from "react/jsx-runtime";
-function TagChipRow({ pinnedTags, activeTagIds, onToggle, onOpenLibrary }) {
-  const sorted = useMemo12(() => pinnedTags.slice(0, 5), [pinnedTags]);
-  if (sorted.length === 0) return null;
-  return /* @__PURE__ */ jsxs53("div", { className: "mt-2 flex flex-wrap items-center gap-1.5", children: [
+var COARSE = "[@media(pointer:coarse)]:min-h-9 [@media(pointer:coarse)]:px-3 [@media(pointer:coarse)]:text-xs";
+function TagChipRow({ pinnedTags, chosenTags, activeTagIds, onToggle, onOpenLibrary }) {
+  const sorted = useMemo14(() => {
+    const pinned = pinnedTags.slice(0, 5);
+    const shown = new Set(pinned.map((t) => t.id));
+    const unpinned = (chosenTags ?? []).filter((t) => !shown.has(t.id)).map((t) => ({ ...t, color: t.color ?? "" }));
+    return [...pinned, ...unpinned];
+  }, [pinnedTags, chosenTags]);
+  if (sorted.length === 0 && !onOpenLibrary) return null;
+  return /* @__PURE__ */ jsxs53("div", { className: "mt-2 flex flex-wrap items-center gap-1.5 [@media(pointer:coarse)]:gap-2", children: [
     sorted.map((tag) => {
       const active = activeTagIds.has(tag.id);
+      const colour = safeCssColor(tag.color);
       return /* @__PURE__ */ jsx65(
         "button",
         {
           onClick: () => onToggle(tag),
-          className: `px-2 py-0.5 rounded-full text-[11px] font-bold transition-colors border ${active ? "text-white border-transparent" : "text-ih-fg-3 border-ih-border bg-transparent hover:bg-ih-bg-muted"}`,
-          style: active ? { backgroundColor: tag.color } : {},
+          className: `px-2 py-0.5 rounded-full text-[11px] font-bold transition-colors border ${COARSE} ${active ? `${colour ? "text-white" : "bg-ih-bg-muted text-ih-fg-1"} border-transparent` : "text-ih-fg-3 border-ih-border bg-transparent hover:bg-ih-bg-muted"}`,
+          style: active && colour ? { backgroundColor: colour, color: readableTextOn(colour) ?? void 0 } : {},
           children: tag.name
         },
         tag.id
@@ -73619,7 +74016,7 @@ function TagChipRow({ pinnedTags, activeTagIds, onToggle, onOpenLibrary }) {
         variant: "ghost",
         size: "sm",
         onClick: onOpenLibrary,
-        className: "h-auto px-2 py-0.5 rounded-full border border-dashed border-ih-border text-ih-fg-4 hover:bg-ih-bg-muted",
+        className: `h-auto px-2 py-0.5 rounded-full border border-dashed border-ih-border text-ih-fg-3 hover:bg-ih-bg-muted ${COARSE}`,
         "aria-label": index_exports.editor_tagchiprow_open_library_aria(),
         children: index_exports.editor_tagchiprow_more()
       }
@@ -73628,7 +74025,7 @@ function TagChipRow({ pinnedTags, activeTagIds, onToggle, onOpenLibrary }) {
 }
 
 // src/components/editor/SideRail.tsx
-import { useState as useState35, useEffect as useEffect30 } from "react";
+import { useState as useState35, useEffect as useEffect31 } from "react";
 
 // src/shared/photo-name.ts
 var UUID_TAIL = /_[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}_(.+)$/i;
@@ -73642,7 +74039,7 @@ function withDownload(url) {
 }
 
 // src/components/media-studio/PhotoGallery.tsx
-import { useCallback as useCallback28, useEffect as useEffect29, useRef as useRef36, useState as useState34 } from "react";
+import { useCallback as useCallback30, useEffect as useEffect30, useRef as useRef37, useState as useState34 } from "react";
 
 // src/components/media-studio/PhotoGrid.tsx
 import { RowsPhotoAlbum } from "react-photo-album";
@@ -73666,6 +74063,7 @@ import Zoom from "yet-another-react-lightbox/plugins/zoom";
 import "yet-another-react-lightbox/styles.css";
 import { jsx as jsx67 } from "react/jsx-runtime";
 function PhotoLightbox({ slides, index, open, onClose, toolbarButtons, toolbarWrap, renderSlide }) {
+  useLayer(open, { onEscape: onClose, lockScroll: true, traps: true });
   return /* @__PURE__ */ jsx67(
     Lightbox,
     {
@@ -73683,13 +74081,13 @@ function PhotoLightbox({ slides, index, open, onClose, toolbarButtons, toolbarWr
 }
 
 // src/hooks/useBreakpoint.ts
-import { useCallback as useCallback27, useEffect as useEffect28, useRef as useRef35, useState as useState33, useSyncExternalStore as useSyncExternalStore2 } from "react";
+import { useCallback as useCallback29, useEffect as useEffect29, useRef as useRef36, useState as useState33, useSyncExternalStore as useSyncExternalStore4 } from "react";
 function useIsMobile() {
   const [isMobile, setIsMobile] = useState33(() => {
     if (typeof window === "undefined") return false;
     return window.matchMedia("(max-width: 767.98px)").matches;
   });
-  useEffect28(() => {
+  useEffect29(() => {
     if (typeof window === "undefined") return;
     const mq = window.matchMedia("(max-width: 767.98px)");
     const fn = (e) => setIsMobile(e.matches);
@@ -73716,12 +74114,12 @@ function subscribeLayout(onChange) {
   };
 }
 function useEditorLayout(initialLayout = "desktop", onObserved) {
-  const serverSnapshot = useCallback27(() => initialLayout, [initialLayout]);
-  const layout = useSyncExternalStore2(subscribeLayout, readLayout, serverSnapshot);
-  const observer = useRef35(onObserved);
+  const serverSnapshot = useCallback29(() => initialLayout, [initialLayout]);
+  const layout = useSyncExternalStore4(subscribeLayout, readLayout, serverSnapshot);
+  const observer = useRef36(onObserved);
   observer.current = onObserved;
-  const told = useRef35(null);
-  useEffect28(() => {
+  const told = useRef36(null);
+  useEffect29(() => {
     const seen = readLayout();
     if (told.current === seen) return;
     told.current = seen;
@@ -73731,7 +74129,7 @@ function useEditorLayout(initialLayout = "desktop", onObserved) {
 }
 function useMaxWidth(px) {
   const query = `(max-width: ${px}px)`;
-  const subscribe = useCallback27(
+  const subscribe2 = useCallback29(
     (onChange) => {
       if (typeof window === "undefined" || typeof window.matchMedia !== "function") return () => {
       };
@@ -73741,11 +74139,11 @@ function useMaxWidth(px) {
     },
     [query]
   );
-  const getSnapshot = useCallback27(
+  const getSnapshot = useCallback29(
     () => typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia(query).matches,
     [query]
   );
-  return useSyncExternalStore2(subscribe, getSnapshot, () => false);
+  return useSyncExternalStore4(subscribe2, getSnapshot, () => false);
 }
 
 // src/components/media-studio/VideoPlayer.tsx
@@ -74042,22 +74440,23 @@ var GALLERY_UNHANDLED_ACTIONS = ["crop", "rotate", "caption", "revert", "delete"
 function PhotoGallery({ inspectionId, onSetCover, onAnnotate }) {
   const mediaPool = useFieldDataSource().resources.mediaPool;
   const readOnly = useReadOnly();
+  const photoUrlVersion = usePhotoUrlVersion();
   const [listing, setListing] = useState34(null);
   const [lightbox, setLightbox] = useState34(null);
   const photos = listing?.photos ?? [];
-  const latestRead = useRef36(0);
-  const load = useCallback28(() => {
+  const latestRead = useRef37(0);
+  const load = useCallback30(() => {
     const read = latestRead.current += 1;
     void (mediaPool?.list(inspectionId) ?? Promise.resolve({ photos: [], answered: false })).then((next) => {
       if (read === latestRead.current) setListing(next);
     });
   }, [mediaPool, inspectionId]);
-  useEffect29(() => {
+  useEffect30(() => {
     if (inspectionId) load();
     return () => {
       latestRead.current += 1;
     };
-  }, [inspectionId, load]);
+  }, [inspectionId, load, photoUrlVersion]);
   if (!listing) return /* @__PURE__ */ jsx70("p", { className: "text-[13px] text-ih-fg-3 text-center py-8", children: index_exports.media_gallery_loading() });
   if (!listing.answered) {
     return /* @__PURE__ */ jsxs56("div", { className: "text-center py-8 space-y-2", children: [
@@ -74117,6 +74516,10 @@ function CommentLibraryList({ serverComments, selectedIndex, sort, onInsertText,
 
 // src/components/editor/SideRail.tsx
 import { jsx as jsx72, jsxs as jsxs58 } from "react/jsx-runtime";
+function ratingPillStyle(bg) {
+  const color = readableTextOn(bg);
+  return color ? { backgroundColor: bg, color } : { backgroundColor: bg };
+}
 var TABS = [
   { id: "preview", label: () => index_exports.editor_siderail_tab_preview(), icon: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" },
   { id: "library", label: () => index_exports.editor_siderail_tab_library(), icon: "M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z" },
@@ -74128,6 +74531,7 @@ function SideRail({ mode, activeItem, activeResult, getRatingColor, getRatingLab
   const [activeTab, setActiveTab] = useState35("preview");
   const [openState, setOpen] = useState35(initialOpen ?? false);
   const open = fill || openState;
+  const ratingColor = safeCssColor(getRatingColor?.(String(activeResult?.rating ?? ""))) ?? "#6b7280";
   const hideLibrary = mode === "fill" && !!activeItem && activeItem.type !== "rich";
   const visibleTabs = TABS.filter((t) => {
     if (t.id === "photos" && (mode !== "fill" || !resources.mediaPool)) return false;
@@ -74136,7 +74540,7 @@ function SideRail({ mode, activeItem, activeResult, getRatingColor, getRatingLab
   });
   const photoKeys = (Array.isArray(activeResult?.photos) ? activeResult.photos : []).map((p) => typeof p === "string" ? p : p?.mediaType === "video" ? "" : p?.key ?? "").filter((k) => k !== "");
   const effectiveTab = visibleTabs.some((t) => t.id === activeTab) ? activeTab : "preview";
-  useEffect30(() => {
+  useEffect31(() => {
     if (hideLibrary && activeTab === "library") {
       setActiveTab("preview");
       onLibraryTabChange?.(false);
@@ -74162,7 +74566,7 @@ function SideRail({ mode, activeItem, activeResult, getRatingColor, getRatingLab
   };
   return /* @__PURE__ */ jsxs58("div", { className: "flex h-full", children: [
     open && /* @__PURE__ */ jsxs58("div", { className: `${fill ? "flex-1 min-w-0" : "w-64"} border-l border-ih-border bg-ih-bg-card flex flex-col overflow-hidden`, children: [
-      /* @__PURE__ */ jsxs58("div", { className: "flex items-center justify-between px-3 py-2 border-b border-ih-border", children: [
+      /* @__PURE__ */ jsxs58("div", { className: `flex items-center justify-between ${fill ? "px-3" : "pl-9 pr-3"} py-2 border-b border-ih-border`, children: [
         /* @__PURE__ */ jsx72("span", { className: "text-[11px] font-bold uppercase tracking-[0.15em] text-ih-fg-3 capitalize", children: effectiveTab }),
         !fill && /* @__PURE__ */ jsx72(IconButton, { onClick: closePanel, "aria-label": index_exports.editor_siderail_close_panel(), size: "sm", className: "w-6 h-6 text-ih-fg-4 hover:text-ih-fg-2", children: /* @__PURE__ */ jsx72(Icon, { name: "x", size: 14 }) })
       ] }),
@@ -74172,8 +74576,8 @@ function SideRail({ mode, activeItem, activeResult, getRatingColor, getRatingLab
           Boolean(activeResult.rating) && /* @__PURE__ */ jsx72("div", { children: /* @__PURE__ */ jsx72(
             "span",
             {
-              className: "inline-block px-2 py-0.5 rounded-full text-[10px] font-bold text-white",
-              style: { backgroundColor: getRatingColor?.(activeResult.rating) || "#6b7280" },
+              className: `inline-block px-2 py-0.5 rounded-full text-[10px] font-bold ${isFallbackRatingColor(ratingColor) ? "bg-ih-bg-muted text-ih-fg-1" : "text-white"}`,
+              style: isFallbackRatingColor(ratingColor) ? void 0 : ratingPillStyle(ratingColor),
               children: getRatingLabel?.(activeResult.rating) || activeResult.rating
             }
           ) }),
@@ -74281,7 +74685,7 @@ function SideRail({ mode, activeItem, activeResult, getRatingColor, getRatingLab
         className: `relative w-10 flex flex-col items-center gap-0.5 py-2.5 rounded-r-md transition-all ${effectiveTab === tab.id && open ? "bg-ih-bg-card text-ih-primary-text shadow-ih-card border-l-2 border-ih-primary -ml-px" : "text-ih-fg-3 hover:text-ih-fg-2"}`,
         title: tab.label(),
         children: [
-          tab.id === "photos" && (photoCount ?? 0) > 0 && /* @__PURE__ */ jsx72("span", { className: "absolute -top-0.5 -right-0.5 inline-flex items-center justify-center min-w-[16px] h-4 px-1 rounded-full bg-ih-primary text-ih-fg-inverse text-[9px] font-bold leading-none", children: photoCount }),
+          tab.id === "photos" && (photoCount ?? 0) > 0 && /* @__PURE__ */ jsx72("span", { className: "absolute top-0.5 right-1 inline-flex items-center justify-center min-w-[16px] h-4 px-1 rounded-full bg-ih-primary text-ih-fg-inverse text-[9px] font-bold leading-none", children: photoCount }),
           /* @__PURE__ */ jsx72("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx72("path", { d: tab.icon }) }),
           /* @__PURE__ */ jsx72("span", { className: "text-[8px] font-bold uppercase tracking-[0.1em]", style: { writingMode: "vertical-rl", transform: "rotate(180deg)" }, children: tab.label() })
         ]
@@ -74292,18 +74696,18 @@ function SideRail({ mode, activeItem, activeResult, getRatingColor, getRatingLab
 }
 
 // src/components/editor/SpeedMode.tsx
-import { useState as useState36, useEffect as useEffect32, useCallback as useCallback30, useRef as useRef40 } from "react";
+import { useState as useState36, useEffect as useEffect33, useCallback as useCallback32, useRef as useRef41 } from "react";
 
 // src/hooks/usePointerGesture.ts
-import { useCallback as useCallback29, useRef as useRef37 } from "react";
+import { useCallback as useCallback31, useRef as useRef38 } from "react";
 function usePointerGesture(h) {
-  const startRef = useRef37(null);
-  const longPressTimer = useRef37(null);
-  const fired = useRef37(false);
+  const startRef = useRef38(null);
+  const longPressTimer = useRef38(null);
+  const fired = useRef38(false);
   const threshold = h.swipeThresholdPx ?? 60;
   const maxDuration = h.swipeMaxDurationMs ?? 500;
   const longPressMs = h.longPressMs ?? 500;
-  const onPointerDown = useCallback29((e) => {
+  const onPointerDown = useCallback31((e) => {
     startRef.current = { x: e.clientX, y: e.clientY, t: Date.now() };
     fired.current = false;
     if (h.onLongPress) {
@@ -74315,14 +74719,14 @@ function usePointerGesture(h) {
       }, longPressMs);
     }
   }, [h.onLongPress, longPressMs]);
-  const cancel = useCallback29(() => {
+  const cancel = useCallback31(() => {
     if (longPressTimer.current) {
       clearTimeout(longPressTimer.current);
       longPressTimer.current = null;
     }
     startRef.current = null;
   }, []);
-  const onPointerMove = useCallback29((e) => {
+  const onPointerMove = useCallback31((e) => {
     if (!startRef.current || fired.current) return;
     const dx = e.clientX - startRef.current.x;
     const dy = e.clientY - startRef.current.y;
@@ -74333,7 +74737,7 @@ function usePointerGesture(h) {
       }
     }
   }, []);
-  const onPointerUp = useCallback29((e) => {
+  const onPointerUp = useCallback31((e) => {
     if (!startRef.current || fired.current) {
       cancel();
       return;
@@ -74352,10 +74756,10 @@ function usePointerGesture(h) {
 }
 
 // src/components/MobileBottomDrawer.tsx
-import { useRef as useRef38 } from "react";
+import { useRef as useRef39 } from "react";
 import { Fragment as Fragment12, jsx as jsx73, jsxs as jsxs59 } from "react/jsx-runtime";
 function MobileBottomDrawer({ open, onClose, title, children, heightFraction = 0.7 }) {
-  const sheetRef = useRef38(null);
+  const sheetRef = useRef39(null);
   useDialogBehavior(open, onClose, sheetRef);
   return /* @__PURE__ */ jsxs59(Fragment12, { children: [
     /* @__PURE__ */ jsx73(
@@ -74375,7 +74779,7 @@ function MobileBottomDrawer({ open, onClose, title, children, heightFraction = 0
         "aria-label": title,
         inert: !open,
         "aria-hidden": open ? void 0 : true,
-        className: `fixed left-0 right-0 bottom-0 z-50 bg-ih-bg-card rounded-t-2xl shadow-ih-popover flex flex-col outline-none transition-transform ${open ? "translate-y-0" : "translate-y-full"}`,
+        className: `fixed left-0 right-0 bottom-0 z-50 pl-[env(safe-area-inset-left)] pr-[env(safe-area-inset-right)] bg-ih-bg-card rounded-t-2xl shadow-ih-popover flex flex-col outline-none transition-transform ${open ? "translate-y-0" : "translate-y-full"}`,
         style: { height: `${Math.round(heightFraction * 100)}vh`, maxHeight: `${Math.round(heightFraction * 100)}dvh` },
         children: [
           /* @__PURE__ */ jsx73("div", { className: "flex justify-center pt-2 pb-1", children: /* @__PURE__ */ jsx73("div", { className: "w-10 h-1 rounded-full bg-ih-border" }) }),
@@ -74388,13 +74792,13 @@ function MobileBottomDrawer({ open, onClose, title, children, heightFraction = 0
 }
 
 // src/components/editor/SpeedModeUndoToast.tsx
-import { useEffect as useEffect31, useRef as useRef39 } from "react";
+import { useEffect as useEffect32, useRef as useRef40 } from "react";
 import { jsx as jsx74, jsxs as jsxs60 } from "react/jsx-runtime";
 var BOX = "px-4 py-2.5 bg-ih-bg-card border border-ih-border rounded-lg shadow-ih-popover flex items-center gap-3 text-[13px]";
 function SpeedModeUndoToast({ pending, onDismiss, durationMs = 3e3, placement = "floating" }) {
-  const dismissRef = useRef39(onDismiss);
+  const dismissRef = useRef40(onDismiss);
   dismissRef.current = onDismiss;
-  useEffect31(() => {
+  useEffect32(() => {
     if (!pending) return;
     const t = setTimeout(() => dismissRef.current(), durationMs);
     return () => clearTimeout(t);
@@ -74486,17 +74890,17 @@ function SpeedMode({
   const hosted = onPendingUndoChange !== void 0;
   const pendingUndo = hosted ? hostUndo ?? null : ownUndo;
   const setPendingUndo = hosted ? onPendingUndoChange : setOwnUndo;
-  const undoRef = useRef40(pendingUndo);
+  const undoRef = useRef41(pendingUndo);
   undoRef.current = pendingUndo;
   const [showCoach, setShowCoach] = useState36(false);
-  useEffect32(() => {
+  useEffect33(() => {
     if (shouldShowSpeedModeCoach()) setShowCoach(true);
   }, []);
-  const dismissCoach = useCallback30(() => {
+  const dismissCoach = useCallback32(() => {
     setShowCoach(false);
     markSpeedModeCoached();
   }, []);
-  useEffect32(() => {
+  useEffect33(() => {
     if (!showCoach) return;
     window.addEventListener("keydown", dismissCoach);
     return () => window.removeEventListener("keydown", dismissCoach);
@@ -74506,10 +74910,10 @@ function SpeedMode({
     onSwipeRight: () => onPrevItem?.(),
     onLongPress: () => setShowJumpTo(true)
   });
-  useEffect32(() => {
+  useEffect33(() => {
     if (undoRef.current && !undoRef.current.keep) setPendingUndo(null);
   }, [item?.id]);
-  const rootRef = useRef40(null);
+  const rootRef = useRef41(null);
   useDialogBehavior(!!item, onExit, rootRef, rootRef, { trapTab: false });
   if (!item) return null;
   const levels = ratingLevels && ratingLevels.length > 0 ? ratingLevels : SPEED_FALLBACK_LEVELS;
@@ -74587,7 +74991,7 @@ function SpeedMode({
         ] }),
         touch && /* @__PURE__ */ jsx75(SpeedModeUndoToast, { pending: pendingUndo, onDismiss: () => setPendingUndo(null), placement: "inline" }),
         touch && !finished && /* @__PURE__ */ jsx75("div", { "data-testid": "speedmode-ratings", className: "flex flex-wrap gap-2 px-4 pt-3 shrink-0", children: tiles }),
-        /* @__PURE__ */ jsxs61("div", { className: "h-10 flex items-center justify-center text-[11px] text-ih-fg-3 border-t border-ih-border", children: [
+        !touch && /* @__PURE__ */ jsxs61("div", { className: "h-10 flex items-center justify-center text-[11px] text-ih-fg-3 border-t border-ih-border", children: [
           index_exports.editor_speedmode_footer_press(),
           " ",
           /* @__PURE__ */ jsx75("kbd", { className: "mx-1 px-1.5 py-0.5 bg-ih-bg-muted rounded text-[10px] font-mono border border-ih-border", children: "Z" }),
@@ -74675,6 +75079,7 @@ import { jsx as jsx76, jsxs as jsxs62 } from "react/jsx-runtime";
 function FooterBar({ connected = false, status, roster = [] }) {
   const effectiveStatus = status ?? (connected ? "connected" : "connecting");
   const [shortcutsOpen, setShortcutsOpen] = useState37(false);
+  const fine = useHasFinePointer();
   const people = [...new Map(roster.map((u) => [u.userId, u])).values()];
   const { commentsLibrary } = useEditorCapabilities();
   const SHORTCUTS = [
@@ -74691,8 +75096,8 @@ function FooterBar({ connected = false, status, roster = [] }) {
     { keys: ["\u2318", "\\"], desc: index_exports.editor_footer_shortcut_sidebar() },
     { keys: ["?"], desc: index_exports.editor_footer_shortcut_help() }
   ];
-  return /* @__PURE__ */ jsxs62("div", { className: "hidden md:flex fixed bottom-0 inset-x-0 z-30 bg-ih-bg-card border-t border-ih-border px-4 py-1.5 items-center gap-3 text-[11px] text-ih-fg-3", children: [
-    /* @__PURE__ */ jsxs62("div", { className: "relative", children: [
+  return /* @__PURE__ */ jsxs62("div", { className: "hidden md:flex fixed bottom-0 inset-x-0 z-30 bg-ih-bg-card border-t border-ih-border pl-[max(1rem,env(safe-area-inset-left))] pr-[max(1rem,env(safe-area-inset-right))] py-1.5 items-center gap-3 text-[11px] text-ih-fg-3", children: [
+    fine && /* @__PURE__ */ jsxs62("div", { className: "relative", children: [
       /* @__PURE__ */ jsx76(
         Button,
         {
@@ -74749,7 +75154,7 @@ function BatchActionBar({
     value: level.id,
     label: String(idx + 1),
     tone: "neutral",
-    color: getRatingColor(level.id)
+    color: safeCssColor(getRatingColor(level.id)) ?? void 0
   }));
   return /* @__PURE__ */ jsxs63("div", { className: "flex items-center gap-2 bg-ih-bg-card border-t border-ih-border px-4 py-2", children: [
     /* @__PURE__ */ jsx77(
@@ -74875,12 +75280,13 @@ function InspectorToolsDock({
 }) {
   const [dockOpen, setDockOpen] = useState38(false);
   const readOnly = useReadOnly();
+  const fine = useHasFinePointer();
   const TILES = [
     { id: "speed-mode", label: index_exports.editor_dock_speed_mode(), iconPath: "M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z", hotkey: "Z" },
     { id: "burst-camera", label: index_exports.editor_dock_burst_camera(), iconPath: "M6.827 6.175A2.31 2.31 0 015.186 7.23c-.38.054-.757.112-1.134.175C2.999 7.58 2.25 8.507 2.25 9.574V18a2.25 2.25 0 002.25 2.25h15A2.25 2.25 0 0021.75 18V9.574c0-1.067-.75-1.994-1.802-2.169a47.865 47.865 0 00-1.134-.175 2.31 2.31 0 01-1.64-1.055l-.822-1.316a2.192 2.192 0 00-1.736-1.039 48.774 48.774 0 00-5.232 0 2.192 2.192 0 00-1.736 1.039l-.821 1.316zM16.5 12.75a4.5 4.5 0 11-9 0 4.5 4.5 0 019 0z" },
     { id: "photo-studio", label: index_exports.editor_dock_photo_studio(), iconPath: "M9.53 16.122a3 3 0 00-5.78 1.128 2.25 2.25 0 01-2.4 2.245 4.5 4.5 0 008.4-2.245c0-.399-.078-.78-.22-1.128zm0 0a15.998 15.998 0 003.388-1.62m-5.043-.025a15.994 15.994 0 011.622-3.395m3.42 3.42a15.995 15.995 0 004.764-4.648l3.876-5.814a1.151 1.151 0 00-1.597-1.597L14.146 6.32a15.996 15.996 0 00-4.649 4.763m3.42 3.42a6.776 6.776 0 00-3.42-3.42" },
     { id: "shortcuts", label: index_exports.editor_shortcuts_label(), iconPath: "M6 6.878V6a2.25 2.25 0 012.25-2.25h7.5A2.25 2.25 0 0118 6v.878m-12 0c.235-.083.487-.128.75-.128h10.5c.263 0 .515.045.75.128m-12 0A2.25 2.25 0 004.5 9v.878m13.5-3A2.25 2.25 0 0119.5 9v.878m0 0a2.246 2.246 0 00-.75-.128H5.25c-.263 0-.515.045-.75.128m15 0A2.25 2.25 0 0121 12v6a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 18v-6c0-.98.626-1.813 1.5-2.122", hotkey: "?" }
-  ].filter((t) => (t.id !== "burst-camera" || Boolean(activeItemId)) && (!readOnly || t.id === "shortcuts"));
+  ].filter((t) => (t.id !== "burst-camera" || Boolean(activeItemId)) && (!readOnly || t.id === "shortcuts") && (fine || t.id !== "shortcuts"));
   useLayer(dockOpen && !hidden, { onEscape: () => setDockOpen(false) });
   if (hidden) return null;
   const handlers = {
@@ -74938,10 +75344,10 @@ function resolveActivePropertyPreset(propertyType, commercialSubtype, presets) {
 }
 
 // src/components/editor/InspectionSettingsSheet.tsx
-import { useState as useState41, useEffect as useEffect34, useRef as useRef43, useCallback as useCallback33 } from "react";
+import { useState as useState41, useEffect as useEffect35, useRef as useRef44, useCallback as useCallback35 } from "react";
 
 // src/components/TemplateCombobox.tsx
-import { useState as useState39, useEffect as useEffect33, useRef as useRef41, useCallback as useCallback31 } from "react";
+import { useState as useState39, useEffect as useEffect34, useRef as useRef42, useCallback as useCallback33 } from "react";
 import { Fragment as Fragment13, jsx as jsx80, jsxs as jsxs66 } from "react/jsx-runtime";
 function TemplateCombobox({
   value,
@@ -74956,23 +75362,23 @@ function TemplateCombobox({
   const [hasMore, setHasMore] = useState39(false);
   const [page, setPage] = useState39(1);
   const [activeIdx, setActiveIdx] = useState39(-1);
-  const inputRef = useRef41(null);
-  const containerRef = useRef41(null);
-  const debounceRef = useRef41(null);
+  const inputRef = useRef42(null);
+  const containerRef = useRef42(null);
+  const debounceRef = useRef42(null);
   const templateSearch = useFieldDataSource().resources.templateSearch;
   const [isLoading, setIsLoading] = useState39(false);
   const [isLoadingMore, setIsLoadingMore] = useState39(false);
-  const searchSeq = useRef41(0);
-  const moreSeq = useRef41(0);
-  const mounted = useRef41(true);
-  useEffect33(() => {
+  const searchSeq = useRef42(0);
+  const moreSeq = useRef42(0);
+  const mounted = useRef42(true);
+  useEffect34(() => {
     mounted.current = true;
     return () => {
       mounted.current = false;
     };
   }, []);
   const selectedName = [...initialTemplates, ...results].find((t) => t.id === value)?.name ?? "";
-  const doSearch = useCallback31((q, pg) => {
+  const doSearch = useCallback33((q, pg) => {
     if (!templateSearch) return;
     const seq = searchSeq.current += 1;
     moreSeq.current += 1;
@@ -74989,7 +75395,7 @@ function TemplateCombobox({
       if (mounted.current && seq === searchSeq.current) setIsLoading(false);
     });
   }, [templateSearch]);
-  useEffect33(() => {
+  useEffect34(() => {
     if (!open) return;
     if (initialTemplates.length > 0 && !query) {
       setResults(initialTemplates);
@@ -75001,7 +75407,7 @@ function TemplateCombobox({
     setActiveIdx(-1);
     setTimeout(() => inputRef.current?.focus(), 0);
   }, [open]);
-  useEffect33(() => {
+  useEffect34(() => {
     if (!open) return;
     if (debounceRef.current) clearTimeout(debounceRef.current);
     debounceRef.current = setTimeout(() => {
@@ -75013,7 +75419,7 @@ function TemplateCombobox({
       if (debounceRef.current) clearTimeout(debounceRef.current);
     };
   }, [query, open]);
-  useEffect33(() => {
+  useEffect34(() => {
     if (!open) return;
     const handler = (e) => {
       if (!containerRef.current?.contains(e.target)) setOpen(false);
@@ -75136,7 +75542,7 @@ function TemplateCombobox({
 }
 
 // src/components/media-studio/PhotoCropper.tsx
-import { useState as useState40, useCallback as useCallback32, useRef as useRef42 } from "react";
+import { useState as useState40, useCallback as useCallback34, useRef as useRef43 } from "react";
 import Cropper from "react-easy-crop";
 import { jsx as jsx81, jsxs as jsxs67 } from "react/jsx-runtime";
 var RATIOS = {
@@ -75172,14 +75578,14 @@ function PhotoCropper({
   const [rotation, setRotation] = useState40(0);
   const [pixels, setPixels] = useState40(null);
   const [busy, setBusy] = useState40(false);
-  const inFlight2 = useRef42(false);
+  const inFlight2 = useRef43(false);
   const [bakeError, setBakeError] = useState40(null);
   const [sourceLongEdge, setSourceLongEdge] = useState40(void 0);
   const isFree = aspectKey === "free";
   const baseRatio = isFree ? void 0 : RATIOS[aspectKey];
   const ratio = baseRatio == null ? void 0 : portrait ? 1 / baseRatio : baseRatio;
-  const onCropComplete = useCallback32((_a, areaPixels) => setPixels(areaPixels), []);
-  const onMediaLoaded = useCallback32((mediaSize) => {
+  const onCropComplete = useCallback34((_a, areaPixels) => setPixels(areaPixels), []);
+  const onMediaLoaded = useCallback34((mediaSize) => {
     setSourceLongEdge(Math.max(mediaSize.naturalWidth, mediaSize.naturalHeight));
   }, []);
   async function handleSave() {
@@ -75342,14 +75748,14 @@ function InspectionSettingsSheet({ open, onClose, inspectionId, onTemplateApplie
     requireDefectFieldsOverride: "",
     profileOverride: ""
   });
-  const templateIdAtOpen = useRef43("");
+  const templateIdAtOpen = useRef44("");
   const { run: runSave } = useFieldCommand(inspectionId);
-  const templateChangedAtSubmit = useRef43(false);
-  const mounted = useRef43(true);
-  const idleTimer = useRef43(void 0);
-  const onTemplateAppliedRef = useRef43(onTemplateApplied);
+  const templateChangedAtSubmit = useRef44(false);
+  const mounted = useRef44(true);
+  const idleTimer = useRef44(void 0);
+  const onTemplateAppliedRef = useRef44(onTemplateApplied);
   onTemplateAppliedRef.current = onTemplateApplied;
-  useEffect34(() => {
+  useEffect35(() => {
     mounted.current = true;
     return () => {
       mounted.current = false;
@@ -75360,10 +75766,10 @@ function InspectionSettingsSheet({ open, onClose, inspectionId, onTemplateApplie
   const [coverKey, setCoverKey] = useState41("");
   const { run: runCover, busy: coverBusy } = useFieldCommand(inspectionId);
   const [uploadingCover, setUploadingCover] = useState41(false);
-  const coverFileRef = useRef43(null);
+  const coverFileRef = useRef44(null);
   const [cropSource, setCropSource] = useState41(null);
   const [originalQuality, setOriginalQuality] = useState41(false);
-  useEffect34(() => {
+  useEffect35(() => {
     try {
       setOriginalQuality(localStorage.getItem(ORIGINAL_QUALITY_KEY) === "1");
     } catch {
@@ -75378,7 +75784,7 @@ function InspectionSettingsSheet({ open, onClose, inspectionId, onTemplateApplie
     } catch {
     }
   }
-  const applyLoaded = useCallback33((d) => {
+  const applyLoaded = useCallback35((d) => {
     const insp = d.inspection;
     if (insp) {
       const loadedTemplateId = insp.templateId || "";
@@ -75396,8 +75802,8 @@ function InspectionSettingsSheet({ open, onClose, inspectionId, onTemplateApplie
     setCoverKey(insp?.coverPhotoId ?? insp?.coverPhoto ?? "");
     setLoading(false);
   }, []);
-  const loadSeq = useRef43(0);
-  const loadSheet = useCallback33(() => {
+  const loadSeq = useRef44(0);
+  const loadSheet = useCallback35(() => {
     const seq = loadSeq.current += 1;
     setLoading(true);
     setLoadFailed(false);
@@ -75411,7 +75817,7 @@ function InspectionSettingsSheet({ open, onClose, inspectionId, onTemplateApplie
       applyLoaded(d);
     });
   }, [sheet, inspectionId, applyLoaded]);
-  useEffect34(() => {
+  useEffect35(() => {
     if (open && inspectionId) loadSheet();
     return () => {
       loadSeq.current += 1;
@@ -75644,7 +76050,7 @@ function InspectionSettingsSheet({ open, onClose, inspectionId, onTemplateApplie
 }
 
 // src/components/media-studio/VideoCapture.tsx
-import { useRef as useRef44, useState as useState42 } from "react";
+import { useRef as useRef45, useState as useState42 } from "react";
 import { jsx as jsx84, jsxs as jsxs69 } from "react/jsx-runtime";
 var MAX_VIDEO_BYTES = 200 * 1024 * 1024;
 var MAX_VIDEO_SEC = 30;
@@ -75660,7 +76066,7 @@ function validateVideoFile(file) {
 }
 function VideoCapture({ inspectionId, provider, itemId, onClose, onUploaded }) {
   const video = useFieldDataSource().resources.video;
-  const inputRef = useRef44(null);
+  const inputRef = useRef45(null);
   const [phase, setPhase] = useState42("pick");
   const [error, setError] = useState42(null);
   const [progress, setProgress] = useState42(0);
@@ -76081,7 +76487,7 @@ function AddMediaChooser({ onClose, onTakePhoto, onAddFromLibrary, onPickVideo }
 }
 
 // src/hooks/useStructureEdit.ts
-import { useState as useState43, useCallback as useCallback35, useEffect as useEffect35, useRef as useRef45 } from "react";
+import { useState as useState43, useCallback as useCallback37, useEffect as useEffect36, useRef as useRef46 } from "react";
 
 // src/shared/structure-ops.ts
 var SECTION_KEYS = /* @__PURE__ */ new Set([
@@ -76140,8 +76546,8 @@ function buildNewItem(label, type) {
   }
   return { id, label, type };
 }
-function stripRuntimeKeys(snapshot) {
-  const clone = structuredClone(snapshot);
+function stripRuntimeKeys(snapshot2) {
+  const clone = structuredClone(snapshot2);
   clone.sections = clone.sections.map((rawSec) => {
     const sec = {};
     for (const key of SECTION_KEYS) {
@@ -76165,20 +76571,20 @@ function stripRuntimeKeys(snapshot) {
   });
   return clone;
 }
-function addSection(snapshot, title) {
+function addSection(snapshot2, title) {
   const newSec = { id: newId("sec"), title, items: [] };
   const result = {
-    ...snapshot,
-    sections: [...snapshot.sections, newSec]
+    ...snapshot2,
+    sections: [...snapshot2.sections, newSec]
   };
   return stripRuntimeKeys(result);
 }
-function duplicateSection(snapshot, sectionId) {
-  const idx = snapshot.sections.findIndex((s) => s.id === sectionId);
+function duplicateSection(snapshot2, sectionId) {
+  const idx = snapshot2.sections.findIndex((s) => s.id === sectionId);
   if (idx === -1) {
-    return stripRuntimeKeys({ ...snapshot, sections: [...snapshot.sections] });
+    return stripRuntimeKeys({ ...snapshot2, sections: [...snapshot2.sections] });
   }
-  const source = snapshot.sections[idx];
+  const source = snapshot2.sections[idx];
   const idMap = new Map(source.items.map((item) => [item.id, newId("item")]));
   const renamed = source.items.map((item) => ({
     ...item,
@@ -76191,74 +76597,74 @@ function duplicateSection(snapshot, sectionId) {
     items: clonedItems
   };
   const sections = [
-    ...snapshot.sections.slice(0, idx + 1),
+    ...snapshot2.sections.slice(0, idx + 1),
     cloned,
-    ...snapshot.sections.slice(idx + 1)
+    ...snapshot2.sections.slice(idx + 1)
   ];
-  return stripRuntimeKeys({ ...snapshot, sections });
+  return stripRuntimeKeys({ ...snapshot2, sections });
 }
-function deleteSection(snapshot, sectionId) {
-  const sections = snapshot.sections.filter((s) => s.id !== sectionId);
-  return stripRuntimeKeys({ ...snapshot, sections });
+function deleteSection(snapshot2, sectionId) {
+  const sections = snapshot2.sections.filter((s) => s.id !== sectionId);
+  return stripRuntimeKeys({ ...snapshot2, sections });
 }
-function moveSection(snapshot, sectionId, dir) {
-  const idx = snapshot.sections.findIndex((s) => s.id === sectionId);
+function moveSection(snapshot2, sectionId, dir) {
+  const idx = snapshot2.sections.findIndex((s) => s.id === sectionId);
   if (idx === -1) {
-    return stripRuntimeKeys({ ...snapshot, sections: [...snapshot.sections] });
+    return stripRuntimeKeys({ ...snapshot2, sections: [...snapshot2.sections] });
   }
   const targetIdx = idx + dir;
-  if (targetIdx < 0 || targetIdx >= snapshot.sections.length) {
-    return stripRuntimeKeys({ ...snapshot, sections: [...snapshot.sections] });
+  if (targetIdx < 0 || targetIdx >= snapshot2.sections.length) {
+    return stripRuntimeKeys({ ...snapshot2, sections: [...snapshot2.sections] });
   }
-  const sections = [...snapshot.sections];
+  const sections = [...snapshot2.sections];
   [sections[idx], sections[targetIdx]] = [sections[targetIdx], sections[idx]];
-  return stripRuntimeKeys({ ...snapshot, sections });
+  return stripRuntimeKeys({ ...snapshot2, sections });
 }
-function reorderSection(snapshot, fromId, toId) {
-  const from = snapshot.sections.findIndex((s) => s.id === fromId);
-  const to = snapshot.sections.findIndex((s) => s.id === toId);
+function reorderSection(snapshot2, fromId, toId) {
+  const from = snapshot2.sections.findIndex((s) => s.id === fromId);
+  const to = snapshot2.sections.findIndex((s) => s.id === toId);
   if (from === -1 || to === -1 || from === to) {
-    return stripRuntimeKeys({ ...snapshot, sections: [...snapshot.sections] });
+    return stripRuntimeKeys({ ...snapshot2, sections: [...snapshot2.sections] });
   }
-  const sections = [...snapshot.sections];
+  const sections = [...snapshot2.sections];
   const [moved] = sections.splice(from, 1);
   sections.splice(to, 0, moved);
-  return stripRuntimeKeys({ ...snapshot, sections });
+  return stripRuntimeKeys({ ...snapshot2, sections });
 }
-function renameSection(snapshot, sectionId, title) {
-  const sections = snapshot.sections.map((s) => s.id === sectionId ? { ...s, title } : s);
-  return stripRuntimeKeys({ ...snapshot, sections });
+function renameSection(snapshot2, sectionId, title) {
+  const sections = snapshot2.sections.map((s) => s.id === sectionId ? { ...s, title } : s);
+  return stripRuntimeKeys({ ...snapshot2, sections });
 }
-function mapItems(snapshot, sectionId, fn) {
-  const sections = snapshot.sections.map((sec) => sec.id !== sectionId ? sec : { ...sec, items: fn(sec.items) });
-  return stripRuntimeKeys({ ...snapshot, sections });
+function mapItems(snapshot2, sectionId, fn) {
+  const sections = snapshot2.sections.map((sec) => sec.id !== sectionId ? sec : { ...sec, items: fn(sec.items) });
+  return stripRuntimeKeys({ ...snapshot2, sections });
 }
-function addItem(snapshot, sectionId, label, type, seed = {}) {
-  return mapItems(snapshot, sectionId, (items) => [...items, { ...buildNewItem(label, type), ...seed, parentId: null }]);
+function addItem(snapshot2, sectionId, label, type, seed = {}) {
+  return mapItems(snapshot2, sectionId, (items) => [...items, { ...buildNewItem(label, type), ...seed, parentId: null }]);
 }
-function duplicateItem(snapshot, sectionId, itemId) {
-  return mapItems(snapshot, sectionId, (items) => duplicateSubtree(items, itemId, () => newId("item")));
+function duplicateItem(snapshot2, sectionId, itemId) {
+  return mapItems(snapshot2, sectionId, (items) => duplicateSubtree(items, itemId, () => newId("item")));
 }
-function deleteItem(snapshot, sectionId, itemId) {
-  return mapItems(snapshot, sectionId, (items) => deleteSubtree(items, itemId));
+function deleteItem(snapshot2, sectionId, itemId) {
+  return mapItems(snapshot2, sectionId, (items) => deleteSubtree(items, itemId));
 }
-function moveItem(snapshot, sectionId, itemId, dir) {
-  return mapItems(snapshot, sectionId, (items) => moveSubtreeAmongSiblings(items, itemId, dir));
+function moveItem(snapshot2, sectionId, itemId, dir) {
+  return mapItems(snapshot2, sectionId, (items) => moveSubtreeAmongSiblings(items, itemId, dir));
 }
-function renameItem(snapshot, sectionId, itemId, label) {
-  const sections = snapshot.sections.map((sec) => {
+function renameItem(snapshot2, sectionId, itemId, label) {
+  const sections = snapshot2.sections.map((sec) => {
     if (sec.id !== sectionId) return sec;
     return { ...sec, items: sec.items.map((it) => it.id === itemId ? { ...it, label } : it) };
   });
-  return stripRuntimeKeys({ ...snapshot, sections });
+  return stripRuntimeKeys({ ...snapshot2, sections });
 }
 
 // src/hooks/useRestructureSubmit.ts
-import { useCallback as useCallback34 } from "react";
+import { useCallback as useCallback36 } from "react";
 function useRestructureSubmit(inspectionId) {
   const { submit } = useLatestWinsCommand(inspectionId);
   const { notify } = useFieldDataSource();
-  return useCallback34(
+  return useCallback36(
     async (cmd) => {
       const result = await submit(cmd);
       if (!isIgnored(result) && !result.ok) notify(result.error || index_exports.editor_structure_save_failed(), "error");
@@ -76278,15 +76684,15 @@ function useStructureEdit({
   activeUnitId = null,
   onApply
 }) {
-  const snapshotRef = useRef45(rawSnapshot);
-  useEffect35(() => {
+  const snapshotRef = useRef46(rawSnapshot);
+  useEffect36(() => {
     snapshotRef.current = rawSnapshot;
   }, [rawSnapshot]);
   const submitRestructure = useRestructureSubmit(inspectionId);
   const { run: saveTemplate } = useFieldCommand(inspectionId);
-  const onApplyRef = useRef45(onApply);
+  const onApplyRef = useRef46(onApply);
   onApplyRef.current = onApply;
-  const applyStructure = useCallback35(
+  const applyStructure = useCallback37(
     (next) => {
       onApplyRef.current?.(next);
       snapshotRef.current = next;
@@ -76295,7 +76701,7 @@ function useStructureEdit({
     [submitRestructure, collabEditing]
   );
   const [deletePending, setDeletePending] = useState43(null);
-  const itemImpact = useCallback35(
+  const itemImpact = useCallback37(
     (sectionId, itemId) => {
       const ck = findingKey(activeUnitId, sectionId, itemId);
       const r = results[ck] || (activeUnitId == null ? results[itemId] : void 0);
@@ -76308,7 +76714,7 @@ function useStructureEdit({
     },
     [results, activeUnitId]
   );
-  const handleDeleteSection = useCallback35(
+  const handleDeleteSection = useCallback37(
     (id) => {
       const sec = snapshotRef.current.sections.find((s) => s.id === id);
       if (!sec) return;
@@ -76331,7 +76737,7 @@ function useStructureEdit({
     },
     [itemImpact]
   );
-  const handleDeleteItem = useCallback35(
+  const handleDeleteItem = useCallback37(
     (sectionId, itemId) => {
       const sec = snapshotRef.current.sections.find((s) => s.id === sectionId);
       const items = sec?.items ?? [];
@@ -76349,7 +76755,7 @@ function useStructureEdit({
     },
     [itemImpact]
   );
-  const confirmDelete = useCallback35(() => {
+  const confirmDelete = useCallback37(() => {
     const pending = deletePending;
     setDeletePending(null);
     if (!pending) return;
@@ -76359,74 +76765,74 @@ function useStructureEdit({
       applyStructure(deleteSection(snapshotRef.current, pending.sectionId));
     }
   }, [deletePending, applyStructure]);
-  const cancelDelete = useCallback35(() => {
+  const cancelDelete = useCallback37(() => {
     setDeletePending(null);
   }, []);
   const [addSectionPromptOpen, setAddSectionPromptOpen] = useState43(false);
   const [addSectionTitle, setAddSectionTitle] = useState43("");
-  const openAddSectionPrompt = useCallback35(() => {
+  const openAddSectionPrompt = useCallback37(() => {
     setAddSectionTitle("");
     setAddSectionPromptOpen(true);
   }, []);
-  const closeAddSectionPrompt = useCallback35(() => {
+  const closeAddSectionPrompt = useCallback37(() => {
     setAddSectionPromptOpen(false);
   }, []);
-  const submitAddSection = useCallback35(() => {
+  const submitAddSection = useCallback37(() => {
     const title = addSectionTitle.trim() || index_exports.helper_structure_new_section_default();
     setAddSectionPromptOpen(false);
     setAddSectionTitle("");
     applyStructure(addSection(snapshotRef.current, title));
   }, [addSectionTitle, applyStructure]);
-  const handleDuplicateSection = useCallback35(
+  const handleDuplicateSection = useCallback37(
     (id) => {
       applyStructure(duplicateSection(snapshotRef.current, id));
     },
     [applyStructure]
   );
-  const handleMoveSection = useCallback35(
+  const handleMoveSection = useCallback37(
     (id, dir) => {
       applyStructure(moveSection(snapshotRef.current, id, dir));
     },
     [applyStructure]
   );
-  const handleReorderSection = useCallback35(
+  const handleReorderSection = useCallback37(
     (fromId, toId) => {
       applyStructure(reorderSection(snapshotRef.current, fromId, toId));
     },
     [applyStructure]
   );
-  const handleRenameSection = useCallback35(
+  const handleRenameSection = useCallback37(
     (id, title) => {
       applyStructure(renameSection(snapshotRef.current, id, title));
     },
     [applyStructure]
   );
-  const handleDuplicateItem = useCallback35(
+  const handleDuplicateItem = useCallback37(
     (sectionId, itemId) => {
       applyStructure(duplicateItem(snapshotRef.current, sectionId, itemId));
     },
     [applyStructure]
   );
-  const handleMoveItem = useCallback35(
+  const handleMoveItem = useCallback37(
     (sectionId, itemId, dir) => {
       applyStructure(moveItem(snapshotRef.current, sectionId, itemId, dir));
     },
     [applyStructure]
   );
-  const handleRenameItem = useCallback35(
+  const handleRenameItem = useCallback37(
     (sectionId, itemId, label) => {
       applyStructure(renameItem(snapshotRef.current, sectionId, itemId, label));
     },
     [applyStructure]
   );
   const [addItemPending, setAddItemPending] = useState43(null);
-  const openAddItemPrompt = useCallback35((sectionId) => {
+  const openAddItemPrompt = useCallback37((sectionId) => {
     setAddItemPending({ sectionId });
   }, []);
-  const closeAddItemPrompt = useCallback35(() => {
+  const closeAddItemPrompt = useCallback37(() => {
     setAddItemPending(null);
   }, []);
-  const submitAddItem = useCallback35(
+  const submitAddItem = useCallback37(
     (label, type) => {
       const pending = addItemPending;
       setAddItemPending(null);
@@ -76438,25 +76844,25 @@ function useStructureEdit({
   );
   const [saveTemplatePending, setSaveTemplatePending] = useState43(null);
   const [saveTemplateName, setSaveTemplateName] = useState43("");
-  const openSaveTemplate = useCallback35((mode) => {
+  const openSaveTemplate = useCallback37((mode) => {
     setSaveTemplateName("");
     setSaveTemplatePending({ mode });
   }, []);
-  const closeSaveTemplate = useCallback35(() => {
+  const closeSaveTemplate = useCallback37(() => {
     setSaveTemplatePending(null);
   }, []);
-  const submitSaveTemplate = useCallback35(() => {
+  const submitSaveTemplate = useCallback37(() => {
     const pending = saveTemplatePending;
     setSaveTemplatePending(null);
     if (!pending) return;
-    const snapshot = snapshotRef.current;
+    const snapshot2 = snapshotRef.current;
     void saveTemplate(
       pending.mode === "new" ? {
         type: "save-structure-template",
         mode: "new",
-        snapshot,
+        snapshot: snapshot2,
         name: saveTemplateName.trim() || index_exports.helper_structure_custom_template_default()
-      } : { type: "save-structure-template", mode: "back", snapshot, templateId: templateId ?? "" }
+      } : { type: "save-structure-template", mode: "back", snapshot: snapshot2, templateId: templateId ?? "" }
     );
   }, [saveTemplatePending, saveTemplateName, templateId, saveTemplate]);
   return {
@@ -76498,7 +76904,7 @@ function useStructureEdit({
 }
 
 // src/components/editor/PublishModal.tsx
-import { useEffect as useEffect36, useRef as useRef46, useState as useState44 } from "react";
+import { useEffect as useEffect37, useRef as useRef47, useState as useState44 } from "react";
 
 // src/shared/display-prefs.ts
 var DEFAULT_DISPLAY_PREFS = { dateFormat: "us", timeFormat: "12h" };
@@ -76568,15 +76974,15 @@ function PublishModal({ open, inspectionId, progress, status, publishError, isSu
   const [receiptOpen, setReceiptOpen] = useState44(false);
   const latch = useActionLatch(isSubmitting);
   const publish = (markComplete) => latch(() => onPublish(markComplete, extras()));
-  const submitSeen = useRef46(false);
+  const submitSeen = useRef47(false);
   const [inspectionHref, setInspectionHref] = useState44(null);
-  useEffect36(() => {
+  useEffect37(() => {
     if (isSubmitting) submitSeen.current = true;
   }, [isSubmitting]);
-  useEffect36(() => {
+  useEffect37(() => {
     if (publishError) submitSeen.current = false;
   }, [publishError]);
-  useEffect36(() => {
+  useEffect37(() => {
     if (open || !submitSeen.current) return;
     submitSeen.current = false;
     if (publishError) return;
@@ -76709,16 +77115,17 @@ function PublishModal({ open, inspectionId, progress, status, publishError, isSu
 }
 
 // src/components/SignaturePad.tsx
-import { useRef as useRef47, useState as useState45, useEffect as useEffect37 } from "react";
+import { useRef as useRef48, useState as useState45, useEffect as useEffect38 } from "react";
 import { jsx as jsx88, jsxs as jsxs73 } from "react/jsx-runtime";
+var PAPER = { backgroundColor: "#ffffff", borderColor: "#cbd5e1" };
 function SignaturePad({ onSubmit, onCancel, label }) {
-  const canvasRef = useRef47(null);
+  const canvasRef = useRef48(null);
   const [drawing, setDrawing] = useState45(false);
   const [hasInk, setHasInk] = useState45(false);
   const [busy, setBusy] = useState45(false);
-  const inFlight2 = useRef47(false);
+  const inFlight2 = useRef48(false);
   const [error, setError] = useState45(null);
-  useEffect37(() => {
+  useEffect38(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const ctx = canvas.getContext("2d");
@@ -76731,7 +77138,9 @@ function SignaturePad({ onSubmit, onCancel, label }) {
     const canvas = canvasRef.current;
     const rect = canvas.getBoundingClientRect();
     const point = "touches" in e ? e.touches[0] : e;
-    return { x: point.clientX - rect.left, y: point.clientY - rect.top };
+    const sx = rect.width > 0 ? canvas.width / rect.width : 1;
+    const sy = rect.height > 0 ? canvas.height / rect.height : 1;
+    return { x: (point.clientX - rect.left) * sx, y: (point.clientY - rect.top) * sy };
   };
   const start = (e) => {
     const ctx = canvasRef.current?.getContext("2d");
@@ -76784,7 +77193,8 @@ function SignaturePad({ onSubmit, onCancel, label }) {
         ref: canvasRef,
         width: 400,
         height: 150,
-        className: "border border-ih-border bg-ih-bg-card rounded cursor-crosshair touch-none",
+        style: PAPER,
+        className: "block w-full max-w-[400px] border rounded cursor-crosshair touch-none",
         onMouseDown: start,
         onMouseMove: move,
         onMouseUp: end,
@@ -76839,7 +77249,7 @@ function SignModal({ open, onSubmit, onCancel, failed }) {
 }
 
 // src/components/collab/VersionHistoryPanel.tsx
-import { useCallback as useCallback37, useEffect as useEffect39, useState as useState46 } from "react";
+import { useCallback as useCallback39, useEffect as useEffect40, useState as useState46 } from "react";
 
 // src/shared/snapshot-diff.ts
 var SCALAR_FIELDS = [
@@ -77123,20 +77533,20 @@ function VersionCompare({
 }
 
 // src/components/collab/useReturnFocusAfterCompare.ts
-import { useCallback as useCallback36, useEffect as useEffect38, useRef as useRef48 } from "react";
+import { useCallback as useCallback38, useEffect as useEffect39, useRef as useRef49 } from "react";
 function useReturnFocusAfterCompare(confirmOpen) {
-  const opener = useRef48(null);
-  const fromCompare = useRef48(false);
-  useEffect38(() => {
+  const opener = useRef49(null);
+  const fromCompare = useRef49(false);
+  useEffect39(() => {
     if (confirmOpen || !fromCompare.current) return;
     fromCompare.current = false;
     const active = document.activeElement;
     if (opener.current?.isConnected && (!active || active === document.body)) opener.current.focus();
   }, [confirmOpen]);
-  const rememberOpener = useCallback36((el) => {
+  const rememberOpener = useCallback38((el) => {
     opener.current = el;
   }, []);
-  const markFromCompare = useCallback36(() => {
+  const markFromCompare = useCallback38(() => {
     fromCompare.current = true;
   }, []);
   return { rememberOpener, markFromCompare };
@@ -77208,7 +77618,7 @@ function VersionHistoryPanel({
     dateFormat: session.tenantDateFormat,
     timeFormat: session.tenantTimeFormat
   };
-  const handleCompare = useCallback37(
+  const handleCompare = useCallback39(
     async (seq) => {
       if (!currentResults) return;
       setCompareSeq(seq);
@@ -77231,7 +77641,7 @@ function VersionHistoryPanel({
     },
     [versionHistory, inspectionId, currentResults]
   );
-  const handleRecoverField = useCallback37(
+  const handleRecoverField = useCallback39(
     (findingKey3, field, value) => {
       if (!doc) return;
       if (!SCALAR_FIELD_SET.has(field)) return;
@@ -77253,7 +77663,7 @@ function VersionHistoryPanel({
     },
     [doc, currentResults]
   );
-  const loadSnapshots = useCallback37(async () => {
+  const loadSnapshots = useCallback39(async () => {
     setLoadState("loading");
     try {
       const listed = await versionHistory?.list(inspectionId);
@@ -77265,7 +77675,7 @@ function VersionHistoryPanel({
       setLoadState("error");
     }
   }, [versionHistory, inspectionId]);
-  useEffect39(() => {
+  useEffect40(() => {
     if (!open) return;
     setConfirmSeq(null);
     setRestoreError(null);
@@ -77519,20 +77929,20 @@ function AddGroupInstanceHost({
 }
 
 // src/components/editor/BurstCamera.tsx
-import { useState as useState48, useRef as useRef49, useCallback as useCallback38, useEffect as useEffect40 } from "react";
+import { useState as useState48, useRef as useRef50, useCallback as useCallback40, useEffect as useEffect41 } from "react";
 import { jsx as jsx94, jsxs as jsxs78 } from "react/jsx-runtime";
 function BurstCamera({ open, onClose, onCommit }) {
-  const videoRef = useRef49(null);
-  const canvasRef = useRef49(null);
-  const streamRef = useRef49(null);
-  const burstTimerRef = useRef49(null);
+  const videoRef = useRef50(null);
+  const canvasRef = useRef50(null);
+  const streamRef = useRef50(null);
+  const burstTimerRef = useRef50(null);
   const [captures, setCaptures] = useState48([]);
   const [burstActive, setBurstActive] = useState48(false);
   const [burstCount, setBurstCount] = useState48(0);
   const [uploading, setUploading] = useState48(false);
-  const committing = useRef49(false);
+  const committing = useRef50(false);
   const [facing, setFacing] = useState48("environment");
-  const startCamera = useCallback38(async (facingMode) => {
+  const startCamera = useCallback40(async (facingMode) => {
     try {
       const stream = await navigator.mediaDevices.getUserMedia({ video: { facingMode } });
       streamRef.current = stream;
@@ -77541,11 +77951,11 @@ function BurstCamera({ open, onClose, onCommit }) {
       onClose();
     }
   }, [onClose]);
-  const stopCamera = useCallback38(() => {
+  const stopCamera = useCallback40(() => {
     streamRef.current?.getTracks().forEach((t) => t.stop());
     streamRef.current = null;
   }, []);
-  useEffect40(() => {
+  useEffect41(() => {
     if (open) {
       startCamera(facing);
     } else {
@@ -77673,7 +78083,7 @@ function BurstCamera({ open, onClose, onCommit }) {
 }
 
 // src/components/media-studio/PhotoAnnotator.tsx
-import { useState as useState50, useEffect as useEffect42, useCallback as useCallback40, useRef as useRef50, Fragment as Fragment19 } from "react";
+import { useState as useState50, useEffect as useEffect43, useCallback as useCallback42, useRef as useRef51, Fragment as Fragment19 } from "react";
 import { Stage, Layer, Image as KonvaImage, Circle, Arrow, Line, Label, Tag, Text } from "react-konva";
 
 // src/components/media-studio/annotations.ts
@@ -77877,7 +78287,7 @@ function MeasureCalibration({
 }
 
 // src/components/media-studio/usePhotoSource.ts
-import { useCallback as useCallback39, useEffect as useEffect41, useState as useState49 } from "react";
+import { useCallback as useCallback41, useEffect as useEffect42, useState as useState49 } from "react";
 var FALLBACK = { w: 600, h: 400 };
 function usePhotoSource(photoUrl, enabled) {
   const [image, setImage] = useState49(null);
@@ -77885,7 +78295,7 @@ function usePhotoSource(photoUrl, enabled) {
   const [fitScale, setFitScale] = useState49(1);
   const [failed, setFailed] = useState49(false);
   const [attempt, setAttempt] = useState49(0);
-  useEffect41(() => {
+  useEffect42(() => {
     if (!enabled) return;
     setFailed(false);
     setImage(null);
@@ -77916,7 +78326,7 @@ function usePhotoSource(photoUrl, enabled) {
       cancelled = true;
     };
   }, [enabled, photoUrl, attempt]);
-  const retry = useCallback39(() => setAttempt((n) => n + 1), []);
+  const retry = useCallback41(() => setAttempt((n) => n + 1), []);
   return { image, natural, fitScale, failed, retry };
 }
 
@@ -77937,7 +78347,7 @@ function PhotoAnnotator({
   onClose
 }) {
   const [mounted, setMounted] = useState50(false);
-  useEffect42(() => setMounted(true), []);
+  useEffect43(() => setMounted(true), []);
   const [tool, setTool] = useState50("circle");
   const [zoom, setZoom] = useState50(1);
   const [annotations, setAnnotations] = useState50([]);
@@ -77952,16 +78362,16 @@ function PhotoAnnotator({
   const [isDrawingFreehand, setIsDrawingFreehand] = useState50(false);
   const [labelInput, setLabelInput] = useState50(null);
   const [labelText, setLabelText] = useState50("");
-  const labelInputRef = useRef50(null);
+  const labelInputRef = useRef51(null);
   const [showCalibration, setShowCalibration] = useState50(false);
   const [pxPerUnit, setPxPerUnit] = useState50(null);
   const [calibLine, setCalibLine] = useState50(null);
   const [calibKnown, setCalibKnown] = useState50("");
   const [calibUnit, setCalibUnit] = useState50("in");
   const [measures, setMeasures] = useState50([]);
-  const stageRef = useRef50(null);
+  const stageRef = useRef51(null);
   const scale = fitScale * zoom;
-  useEffect42(() => {
+  useEffect43(() => {
     if (!open) return;
     const doc = deserializeMeasureDoc(initialAnnotationsJson);
     setAnnotations(doc.annotations.filter((a) => a.kind !== "measure"));
@@ -77983,7 +78393,7 @@ function PhotoAnnotator({
     setCalibKnown("");
     setCalibUnit(doc.calibration?.calibUnit ?? "in");
   }, [open, sectionName, initialAnnotationsJson]);
-  useEffect42(() => {
+  useEffect43(() => {
     if (labelInput) {
       const t = setTimeout(() => labelInputRef.current?.focus(), 50);
       return () => clearTimeout(t);
@@ -77994,14 +78404,14 @@ function PhotoAnnotator({
     // stack hears one the label box is already gone: this is always "close the annotator".
     onEscape: onClose
   });
-  const naturalPointer = useCallback40(() => {
+  const naturalPointer = useCallback42(() => {
     const stage = stageRef.current;
     if (!stage) return null;
     const p = stage.getPointerPosition();
     if (!p) return null;
     return { x: p.x / scale, y: p.y / scale };
   }, [scale]);
-  const handleStageClick = useCallback40(() => {
+  const handleStageClick = useCallback42(() => {
     if (labelInput) return;
     const pos = naturalPointer();
     if (!pos) return;
@@ -78035,20 +78445,20 @@ function PhotoAnnotator({
       }
     }
   }, [tool, arrowStart, measureStart, pxPerUnit, naturalPointer, labelInput]);
-  const handleMouseDown = useCallback40(() => {
+  const handleMouseDown = useCallback42(() => {
     if (tool !== "free" || labelInput) return;
     const pos = naturalPointer();
     if (!pos) return;
     setFreehandPoints([pos]);
     setIsDrawingFreehand(true);
   }, [tool, labelInput, naturalPointer]);
-  const handleMouseMove = useCallback40(() => {
+  const handleMouseMove = useCallback42(() => {
     if (!isDrawingFreehand || tool !== "free") return;
     const pos = naturalPointer();
     if (!pos) return;
     setFreehandPoints((prev) => [...prev, pos]);
   }, [isDrawingFreehand, tool, naturalPointer]);
-  const handleMouseUp = useCallback40(() => {
+  const handleMouseUp = useCallback42(() => {
     if (!isDrawingFreehand || tool !== "free") return;
     if (freehandPoints.length > 1) {
       setAnnotations((prev) => [
@@ -78059,11 +78469,11 @@ function PhotoAnnotator({
     setFreehandPoints([]);
     setIsDrawingFreehand(false);
   }, [isDrawingFreehand, tool, freehandPoints]);
-  const cancelLabel = useCallback40(() => {
+  const cancelLabel = useCallback42(() => {
     setLabelInput(null);
     setLabelText("");
   }, []);
-  const commitLabel = useCallback40(() => {
+  const commitLabel = useCallback42(() => {
     if (labelInput && labelText.trim()) {
       setAnnotations((prev) => [
         ...prev,
@@ -78072,7 +78482,7 @@ function PhotoAnnotator({
     }
     cancelLabel();
   }, [labelInput, labelText, cancelLabel]);
-  const commitCalibration = useCallback40(() => {
+  const commitCalibration = useCallback42(() => {
     const known = parseFloat(calibKnown);
     if (calibLine && known > 0) {
       const dx = calibLine.b.x - calibLine.a.x;
@@ -78087,11 +78497,11 @@ function PhotoAnnotator({
     setCalibLine(null);
     setCalibKnown("");
   }, [calibLine, calibKnown]);
-  const undoLast = useCallback40(() => setAnnotations((prev) => prev.slice(0, -1)), []);
-  const zoomIn = useCallback40(() => setZoom((z) => Math.min(z + 0.25, 4)), []);
-  const zoomOut = useCallback40(() => setZoom((z) => Math.max(z - 0.25, 0.5)), []);
-  const zoomReset = useCallback40(() => setZoom(1), []);
-  const handleSave = useCallback40(async () => {
+  const undoLast = useCallback42(() => setAnnotations((prev) => prev.slice(0, -1)), []);
+  const zoomIn = useCallback42(() => setZoom((z) => Math.min(z + 0.25, 4)), []);
+  const zoomOut = useCallback42(() => setZoom((z) => Math.max(z - 0.25, 0.5)), []);
+  const zoomReset = useCallback42(() => setZoom(1), []);
+  const handleSave = useCallback42(async () => {
     const stage = stageRef.current;
     if (!stage) return;
     let blob;
@@ -78498,7 +78908,7 @@ function StructureDeleteModal({ open, title, noun = "section", impact, onConfirm
 }
 
 // src/components/editor/AddSectionPromptModal.tsx
-import { useRef as useRef51 } from "react";
+import { useRef as useRef52 } from "react";
 import { Fragment as Fragment22, jsx as jsx101, jsxs as jsxs85 } from "react/jsx-runtime";
 function AddSectionPromptModal({
   open,
@@ -78507,7 +78917,7 @@ function AddSectionPromptModal({
   onConfirm,
   onCancel
 }) {
-  const inputRef = useRef51(null);
+  const inputRef = useRef52(null);
   return /* @__PURE__ */ jsx101(
     Modal,
     {
@@ -78556,12 +78966,12 @@ function AddSectionPromptModal({
 }
 
 // src/components/editor/AddItemTypeModal.tsx
-import { useState as useState51, useEffect as useEffect43, useRef as useRef52 } from "react";
+import { useState as useState51, useEffect as useEffect44, useRef as useRef53 } from "react";
 import { Fragment as Fragment23, jsx as jsx102, jsxs as jsxs86 } from "react/jsx-runtime";
 function AddItemTypeModal({ open, onConfirm, onCancel }) {
   const [label, setLabel] = useState51("");
   const [type, setType] = useState51("rich");
-  const labelRef = useRef52(null);
+  const labelRef = useRef53(null);
   const ITEM_TYPES = [
     { value: "rich", label: index_exports.editor_additem_type_rich() },
     { value: "boolean", label: index_exports.editor_additem_type_boolean() },
@@ -78573,7 +78983,7 @@ function AddItemTypeModal({ open, onConfirm, onCancel }) {
     { value: "date", label: index_exports.editor_additem_type_date() },
     { value: "photo_only", label: index_exports.editor_additem_type_photo_only() }
   ];
-  useEffect43(() => {
+  useEffect44(() => {
     if (open) {
       setLabel("");
       setType("rich");
@@ -78649,11 +79059,11 @@ function AddItemTypeModal({ open, onConfirm, onCancel }) {
 }
 
 // src/components/editor/SaveTemplateModal.tsx
-import { useRef as useRef53 } from "react";
+import { useRef as useRef54 } from "react";
 import { Fragment as Fragment24, jsx as jsx103, jsxs as jsxs87 } from "react/jsx-runtime";
 function SaveTemplateModal({ mode, name, onChangeName, onConfirm, onCancel }) {
   const isNew = mode === "new";
-  const nameRef = useRef53(null);
+  const nameRef = useRef54(null);
   return /* @__PURE__ */ jsxs87(
     Modal,
     {
@@ -78707,10 +79117,10 @@ function SaveTemplateModal({ mode, name, onChangeName, onConfirm, onCancel }) {
 }
 
 // src/components/editor/CommentLibraryDrawer.tsx
-import { useRef as useRef54 } from "react";
+import { useRef as useRef55 } from "react";
 import { Fragment as Fragment25, jsx as jsx104, jsxs as jsxs88 } from "react/jsx-runtime";
 function CommentLibraryDrawer({ open, comments, state, serverComments, onInsert, onClose, sheet = false }) {
-  const searchRef = useRef54(null);
+  const searchRef = useRef55(null);
   const locale = useFieldDataSource().session().locale;
   const searchBlock = /* @__PURE__ */ jsxs88("div", { className: "px-4 py-2", children: [
     /* @__PURE__ */ jsx104(
@@ -78838,7 +79248,7 @@ function CommentLibraryDrawer({ open, comments, state, serverComments, onInsert,
 }
 
 // src/components/editor/SectionPickerModal.tsx
-import { useRef as useRef55 } from "react";
+import { useRef as useRef56 } from "react";
 import { jsx as jsx105, jsxs as jsxs89 } from "react/jsx-runtime";
 function SectionPickerModal({
   open,
@@ -78849,7 +79259,7 @@ function SectionPickerModal({
   pickSection,
   closeSectionPicker
 }) {
-  const inputRef = useRef55(null);
+  const inputRef = useRef56(null);
   return /* @__PURE__ */ jsxs89(Modal, { open, onClose: closeSectionPicker, title: index_exports.editor_sectionpicker_title(), size: "md", initialFocusRef: inputRef, children: [
     /* @__PURE__ */ jsx105(
       "input",
@@ -78886,34 +79296,37 @@ import { jsx as jsx106, jsxs as jsxs90 } from "react/jsx-runtime";
 function TagPickerModal({ open, activeItemId, tagsByItem, presetTags, onToggle, onClose }) {
   const selected = tagsByItem[activeItemId] || [];
   return /* @__PURE__ */ jsxs90(Modal, { open, onClose, title: index_exports.editor_tagpicker_title(), size: "sm", children: [
-    /* @__PURE__ */ jsx106("div", { className: "space-y-1.5", children: presetTags.map((tag) => {
-      const isActive = selected.some((t) => t.id === tag.id);
-      return /* @__PURE__ */ jsxs90(
-        "button",
-        {
-          onClick: () => onToggle(tag),
-          className: `w-full text-left px-3 py-2.5 rounded-lg text-[13px] font-medium flex items-center gap-3 transition-colors ${isActive ? "bg-ih-bg-muted ring-1 ring-inset" : "hover:bg-ih-bg-muted"}`,
-          style: isActive ? { "--tw-ring-color": tag.color } : void 0,
-          children: [
-            /* @__PURE__ */ jsx106(
-              "span",
-              {
-                className: "w-3 h-3 rounded-full flex-shrink-0",
-                style: { backgroundColor: tag.color }
-              }
-            ),
-            /* @__PURE__ */ jsx106("span", { className: "flex-1 text-ih-fg-1", children: tag.name }),
-            isActive && /* @__PURE__ */ jsx106("svg", { className: "w-4 h-4 text-ih-ok", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx106("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) })
-          ]
-        },
-        tag.id
-      );
-    }) }),
+    /* @__PURE__ */ jsxs90("div", { className: "space-y-1.5", children: [
+      presetTags.length === 0 && /* @__PURE__ */ jsx106("p", { className: "text-[13px] text-ih-fg-3", children: index_exports.editor_tagpicker_empty() }),
+      presetTags.map((tag) => {
+        const isActive = selected.some((t) => t.id === tag.id);
+        return /* @__PURE__ */ jsxs90(
+          "button",
+          {
+            onClick: () => onToggle(tag),
+            className: `w-full text-left px-3 py-2.5 rounded-lg text-[13px] font-medium flex items-center gap-3 transition-colors ${isActive ? "bg-ih-bg-muted ring-1 ring-inset" : "hover:bg-ih-bg-muted"}`,
+            style: isActive && safeCssColor(tag.color) ? { "--tw-ring-color": safeCssColor(tag.color) } : void 0,
+            children: [
+              /* @__PURE__ */ jsx106(
+                "span",
+                {
+                  className: "w-3 h-3 rounded-full flex-shrink-0 bg-ih-border-strong",
+                  style: safeCssColor(tag.color) ? { backgroundColor: safeCssColor(tag.color) } : void 0
+                }
+              ),
+              /* @__PURE__ */ jsx106("span", { className: "flex-1 text-ih-fg-1", children: tag.name }),
+              isActive && /* @__PURE__ */ jsx106("svg", { className: "w-4 h-4 text-ih-ok", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx106("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) })
+            ]
+          },
+          tag.id
+        );
+      })
+    ] }),
     selected.length > 0 && /* @__PURE__ */ jsx106("div", { className: "mt-3 pt-3 border-t border-ih-border", children: /* @__PURE__ */ jsx106("div", { className: "flex flex-wrap gap-1.5", children: selected.map((tag) => /* @__PURE__ */ jsx106(
       "span",
       {
         className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[10px] font-bold text-white",
-        style: { backgroundColor: tag.color || "#6b7280" },
+        style: { backgroundColor: safeCssColor(tag.color) ?? "#6b7280", color: readableTextOn(safeCssColor(tag.color) ?? "#6b7280") ?? void 0 },
         children: tag.name
       },
       tag.id
@@ -79197,10 +79610,10 @@ function BulkCreateForm({ busy, onSubmit }) {
 }
 
 // src/components/editor/CostItemsHost.tsx
-import { useEffect as useEffect45, useState as useState55 } from "react";
+import { useEffect as useEffect46, useState as useState55 } from "react";
 
 // src/components/editor/CostItemsPanel.tsx
-import { useEffect as useEffect44, useRef as useRef56, useState as useState54 } from "react";
+import { useEffect as useEffect45, useRef as useRef57, useState as useState54 } from "react";
 
 // src/shared/money.ts
 function formatDollars(cents, opts) {
@@ -79301,7 +79714,7 @@ function CostExportButtons({
 }
 
 // src/components/editor/cost-items-rows.ts
-import { useCallback as useCallback41 } from "react";
+import { useCallback as useCallback43 } from "react";
 var THRESHOLD_CENTS = 3e5;
 function rowTotalCents(item) {
   if (item.costMethod === "unit") return (item.quantity ?? 0) * (item.unitCostCents ?? 0);
@@ -79337,7 +79750,7 @@ function isTempId(id) {
 }
 function useCostItemWrite(inspectionId) {
   const costItems = useFieldDataSource().resources.costItems;
-  return useCallback41(
+  return useCallback43(
     async (intent, item) => {
       if (!costItems) return { success: false };
       try {
@@ -79363,12 +79776,12 @@ function CostItemsPanel({
   const [rows, setRows] = useState54(items);
   const [saving, setSaving] = useState54({});
   const [failure, setFailure] = useState54(null);
-  const pendingRemovalRef = useRef56(/* @__PURE__ */ new Set());
-  const writingRef = useRef56(/* @__PURE__ */ new Set());
-  const removingRef = useRef56(/* @__PURE__ */ new Set());
-  const dirtyRef = useRef56(/* @__PURE__ */ new Set());
-  const rowsRef = useRef56(rows);
-  useEffect44(() => {
+  const pendingRemovalRef = useRef57(/* @__PURE__ */ new Set());
+  const writingRef = useRef57(/* @__PURE__ */ new Set());
+  const removingRef = useRef57(/* @__PURE__ */ new Set());
+  const dirtyRef = useRef57(/* @__PURE__ */ new Set());
+  const rowsRef = useRef57(rows);
+  useEffect45(() => {
     rowsRef.current = rows;
   });
   const bucketTotals = { immediate: 0, short_term: 0, long_term: 0 };
@@ -79726,7 +80139,7 @@ function CostItemsHost({
 }) {
   const costItems = useFieldDataSource().resources.costItems;
   const [data, setData] = useState55(null);
-  useEffect45(() => {
+  useEffect46(() => {
     if (!open) return;
     let cancelled = false;
     setData(null);
@@ -80102,7 +80515,7 @@ function AppBar({ platform, sectionTitle, itemLabel, onBack, onMore, tablet = fa
     "header",
     {
       "data-platform": platform,
-      className: `sticky top-0 z-30 ${height} bg-ih-bg-card border-b border-ih-border flex items-center px-2 gap-2`,
+      className: `sticky top-0 z-30 ${height} bg-ih-bg-card border-b border-ih-border flex items-center pl-[max(0.5rem,env(safe-area-inset-left))] pr-[max(0.5rem,env(safe-area-inset-right))] gap-2`,
       children: [
         /* @__PURE__ */ jsx113(IconButton, { onClick: onBack, className: BTN, "aria-label": index_exports.common_back(), children: /* @__PURE__ */ jsx113(BackGlyph, { platform }) }),
         tablet && onOpenSections && /* @__PURE__ */ jsx113(IconButton, { onClick: onOpenSections, className: BTN, "aria-label": index_exports.editor_mobile_drawer_sections(), children: "\u2630" }),
@@ -80166,7 +80579,7 @@ function TabletTree({ appBar, listHeader, sectionTitle, list, main, emptyTemplat
         "aside",
         {
           "data-testid": "tablet-list-pane",
-          className: "w-[clamp(280px,36vw,360px)] shrink-0 min-w-0 min-h-0 border-r border-ih-border flex flex-col",
+          className: "w-[clamp(280px,36vw,360px)] shrink-0 min-w-0 min-h-0 pl-[env(safe-area-inset-left)] border-r border-ih-border flex flex-col",
           children: [
             listHeader,
             /* @__PURE__ */ jsx116("div", { className: "sticky top-0 z-10 shrink-0 px-3 py-1.5 bg-ih-bg-card border-b border-ih-border text-[12px] font-bold text-ih-fg-2 truncate", children: sectionTitle }),
@@ -80178,7 +80591,7 @@ function TabletTree({ appBar, listHeader, sectionTitle, list, main, emptyTemplat
         "main",
         {
           "data-testid": "tablet-editor-pane",
-          className: "flex-1 min-w-0 min-h-0 overflow-y-auto overscroll-contain px-5 py-4 pb-24 [@media(max-height:499px)]:py-2",
+          className: "flex-1 min-w-0 min-h-0 overflow-y-auto overscroll-contain pl-5 pr-[max(1.25rem,env(safe-area-inset-right))] py-4 pb-24 [@media(max-height:499px)]:py-2",
           children: main
         }
       )
@@ -80190,9 +80603,9 @@ function TabletTree({ appBar, listHeader, sectionTitle, list, main, emptyTemplat
 }
 
 // src/hooks/useResetBatchOnPhone.ts
-import { useEffect as useEffect46 } from "react";
+import { useEffect as useEffect47 } from "react";
 function useResetBatchOnPhone(isPhone, batchMode, setBatchMode, setBatchSelected) {
-  useEffect46(() => {
+  useEffect47(() => {
     if (!isPhone || !batchMode) return;
     setBatchMode(false);
     setBatchSelected({});
@@ -80229,7 +80642,7 @@ function InspectionIdentity({ address, id, date, status }) {
 // src/components/editor/MobileDrawerTriggers.tsx
 import { jsx as jsx118, jsxs as jsxs99 } from "react/jsx-runtime";
 function MobileDrawerTriggers({ onOpen, showTheme = true }) {
-  return /* @__PURE__ */ jsx118("nav", { "aria-label": index_exports.editor_mobile_nav_label(), className: "fixed left-0 right-0 bottom-0 z-30 h-[calc(3.5rem+env(safe-area-inset-bottom))] pb-[env(safe-area-inset-bottom)] bg-ih-bg-card border-t border-ih-border flex", children: [
+  return /* @__PURE__ */ jsx118("nav", { "aria-label": index_exports.editor_mobile_nav_label(), className: "fixed left-0 right-0 bottom-0 z-30 h-[calc(3.5rem+env(safe-area-inset-bottom))] pb-[env(safe-area-inset-bottom)] pl-[env(safe-area-inset-left)] pr-[env(safe-area-inset-right)] bg-ih-bg-card border-t border-ih-border flex", children: [
     { id: "sections", label: index_exports.editor_mobile_drawer_sections(), icon: "\u2630" },
     { id: "items", label: index_exports.editor_mobile_drawer_items(), icon: "\u2263" },
     { id: "preview", label: index_exports.editor_route_drawer_preview(), icon: "\u{1F441}" },
@@ -80327,7 +80740,7 @@ function MobileFinishDrawer({
 }
 
 // src/components/editor/PropertyInfoForm.tsx
-import { useMemo as useMemo13, useCallback as useCallback42, useEffect as useEffect47, useRef as useRef57, useState as useState57 } from "react";
+import { useMemo as useMemo15, useCallback as useCallback44, useEffect as useEffect48, useRef as useRef58, useState as useState57 } from "react";
 
 // src/shared/property-facts-keys.ts
 var DEDICATED_FACT_KEYS = [
@@ -80374,8 +80787,8 @@ function PropertyInfoForm({ inspection, templateFields, propertyAddress, onSave,
   const readOnly = useReadOnly();
   const defaultFields = inspection.propertyType === "commercial" ? commercialFields() : residentialFields();
   const metaFields = templateFields?.length ? templateFields : defaultFields;
-  const filled = useMemo13(() => metaFields.filter((f) => inspection[f.id]).length, [metaFields, inspection]);
-  const groups = useMemo13(() => {
+  const filled = useMemo15(() => metaFields.filter((f) => inspection[f.id]).length, [metaFields, inspection]);
+  const groups = useMemo15(() => {
     const seen = /* @__PURE__ */ new Set();
     const result = [];
     for (const f of metaFields) {
@@ -80387,7 +80800,7 @@ function PropertyInfoForm({ inspection, templateFields, propertyAddress, onSave,
     }
     return result;
   }, [metaFields]);
-  const fieldsByGroup = useCallback42(
+  const fieldsByGroup = useCallback44(
     (group) => metaFields.filter((f) => (f.group || index_exports.editor_property_group_general()) === group),
     [metaFields]
   );
@@ -80411,10 +80824,10 @@ function PropertyInfoForm({ inspection, templateFields, propertyAddress, onSave,
   const { run, busy: autofilling } = useFieldCommand(String(inspection.id));
   const [autofillMsg, setAutofillMsg] = useState57(null);
   const addressString = (propertyAddress || inspection.propertyAddress || "").trim();
-  const latest = useRef57({ metaFields, inspection, onSave, onCommit });
+  const latest = useRef58({ metaFields, inspection, onSave, onCommit });
   latest.current = { metaFields, inspection, onSave, onCommit };
-  const mounted = useRef57(true);
-  useEffect47(() => {
+  const mounted = useRef58(true);
+  useEffect48(() => {
     mounted.current = true;
     return () => {
       mounted.current = false;
@@ -80460,7 +80873,7 @@ function PropertyInfoForm({ inspection, templateFields, propertyAddress, onSave,
     if (isIgnored(answer) || !mounted.current) return;
     if (answer.data) applyAutofill(answer.data.facts, answer.data.reason);
   }
-  return /* @__PURE__ */ jsxs101("div", { className: "px-6 py-6 max-w-5xl", "data-testid": "property-info-form", children: [
+  return /* @__PURE__ */ jsxs101("div", { className: "px-0 md:px-6 py-6 max-w-5xl", "data-testid": "property-info-form", children: [
     /* @__PURE__ */ jsxs101("header", { className: "mb-6", children: [
       /* @__PURE__ */ jsxs101("div", { className: "flex items-center gap-2 mb-1", children: [
         /* @__PURE__ */ jsx120("p", { className: "text-[10px] font-bold uppercase tracking-[0.2em] text-ih-fg-3", children: index_exports.editor_property_progress({ filled, total: metaFields.length }) }),
@@ -80533,7 +80946,7 @@ function PropertyInfoForm({ inspection, templateFields, propertyAddress, onSave,
 }
 
 // src/components/statutory/StatutoryDetailsHost.tsx
-import { useCallback as useCallback43 } from "react";
+import { useCallback as useCallback45 } from "react";
 
 // src/components/statutory/StatutoryDetailsPanel.tsx
 import { useId as useId3, useState as useState58 } from "react";
@@ -80602,7 +81015,7 @@ function StatutoryDetailsHost({
   details
 }) {
   const { run, busy } = useFieldCommand(inspectionId);
-  const onCommit = useCallback43((next) => {
+  const onCommit = useCallback45((next) => {
     void run({ type: "save-statutory-details", payload: next });
   }, [run]);
   if (!details) return null;
@@ -80725,7 +81138,7 @@ function PcaNarrativePanel({ inspectionId, narrative }) {
 }
 
 // src/components/inspection-edit/CompliancePanel.tsx
-import { useRef as useRef58, useState as useState60 } from "react";
+import { useRef as useRef59, useState as useState60 } from "react";
 
 // src/components/ConfirmDialog.tsx
 import { Fragment as Fragment32, jsx as jsx125, jsxs as jsxs105 } from "react/jsx-runtime";
@@ -81158,7 +81571,7 @@ function RelianceFieldRow({
 }) {
   const { run, busy } = useFieldCommand(inspectionId);
   const [value, setValue2] = useState60(initial);
-  const savedRef = useRef58(initial);
+  const savedRef = useRef59(initial);
   const commit = async () => {
     if (value === savedRef.current) return;
     const answer = await run({ type: "save-pca-narrative", key: fieldKey, value });
@@ -81273,7 +81686,7 @@ function CommercialReportControls({
 }
 
 // src/components/editor/PropertyTypeControl.tsx
-import { useEffect as useEffect48, useRef as useRef59, useState as useState61 } from "react";
+import { useEffect as useEffect49, useRef as useRef60, useState as useState61 } from "react";
 
 // src/shared/inspection-property-type.ts
 var INSPECTION_PROPERTY_TYPES = [
@@ -81303,9 +81716,9 @@ function PropertyTypeControl({
   const costItems = dataSource.resources.costItems;
   const [costCount, setCostCount] = useState61(0);
   const [counting, setCounting] = useState61(false);
-  const countRead = useRef59(0);
-  const mounted = useRef59(true);
-  useEffect48(() => {
+  const countRead = useRef60(0);
+  const mounted = useRef60(true);
+  useEffect49(() => {
     mounted.current = true;
     return () => {
       mounted.current = false;
@@ -81350,7 +81763,7 @@ function PropertyTypeControl({
     }
     void save(next);
   }
-  useEffect48(() => {
+  useEffect49(() => {
     if (pending !== null && !busy && propertyType === (pending === "" ? null : pending)) {
       setPending(null);
     }
@@ -81481,11 +81894,11 @@ function InspectionOverview({
 }
 
 // src/components/editor/BreadcrumbDropdown.tsx
-import { useRef as useRef60, useState as useState62 } from "react";
+import { useRef as useRef61, useState as useState62 } from "react";
 import { Fragment as Fragment36, jsx as jsx130, jsxs as jsxs110 } from "react/jsx-runtime";
 function BreadcrumbDropdown({ units, activeUnitId, onSelect }) {
   const [open, setOpen] = useState62(false);
-  const anchorRef = useRef60(null);
+  const anchorRef = useRef61(null);
   const COMMON_LABEL = index_exports.editor_scope_common();
   const scopes = units.filter((u) => (u.kind ?? "unit") === "unit").slice().sort((a, b) => (a.sortOrder ?? 0) - (b.sortOrder ?? 0));
   const active = activeUnitId ? scopes.find((u) => u.id === activeUnitId) : null;
@@ -81692,28 +82105,76 @@ function ReadOnlyItemView({ item, sectionTitle, result, ratingLevels, inspection
   ] });
 }
 
+// src/components/editor/FinishFieldworkConfirm.tsx
+import { useCallback as useCallback46, useState as useState63 } from "react";
+import { jsx as jsx132 } from "react/jsx-runtime";
+function useFinishFieldworkConfirm(finish, busy) {
+  const [open, setOpen] = useState63(false);
+  const latch = useActionLatch(busy);
+  const request = useCallback46(() => setOpen(true), []);
+  const dialog = /* @__PURE__ */ jsx132(
+    ConfirmDialog,
+    {
+      open,
+      title: index_exports.editor_finish_fieldwork_confirm_title(),
+      message: index_exports.editor_finish_fieldwork_confirm_body(),
+      confirmLabel: index_exports.editor_finish_fieldwork(),
+      tone: "default",
+      busy,
+      onConfirm: () => latch(() => void finish().catch(() => void 0).finally(() => setOpen(false))),
+      onCancel: () => setOpen(false)
+    }
+  );
+  return { request, dialog };
+}
+
+// src/hooks/useScrollTopOnDetails.ts
+import { useEffect as useEffect50 } from "react";
+function useScrollTopOnDetails(activeView) {
+  useEffect50(() => {
+    if (activeView !== "property") return;
+    window.scrollTo(0, 0);
+    document.querySelectorAll("main").forEach((el) => {
+      el.scrollTop = 0;
+    });
+  }, [activeView]);
+}
+
+// src/hooks/notes-commit-target.ts
+function notesCommitTarget(input) {
+  const itemId = input.itemId ?? input.activeItemId;
+  const sectionId = input.itemId ? input.sectionIdForItem(input.itemId) : input.currentSectionId;
+  return itemId && sectionId ? { sectionId, itemId } : null;
+}
+
 // src/components/editor/ItemFilterBar.tsx
-import { jsx as jsx132, jsxs as jsxs112 } from "react/jsx-runtime";
+import { jsx as jsx133, jsxs as jsxs112 } from "react/jsx-runtime";
 function ItemFilterBar({ state, formProgress, isMobile }) {
   const readOnly = useReadOnly();
   return /* @__PURE__ */ jsxs112("div", { className: "flex flex-wrap items-center gap-1 px-3 py-1.5 border-b border-ih-border", children: [
-    /* @__PURE__ */ jsx132(
+    /* @__PURE__ */ jsx133(
       SegmentedControl,
       {
         ariaLabel: index_exports.editor_route_item_filter(),
+        className: "w-full min-w-0 [&>button]:min-w-0 [&>button]:pointer-coarse:min-w-11 [&>button]:px-1.5 [&>button>span:last-child]:min-w-0",
         value: state.itemFilter,
         onChange: (v) => state.setItemFilter(v),
-        options: ["all", "unrated", "issues", "flagged"].map((f) => ({
-          value: f,
-          label: /* @__PURE__ */ jsxs112("span", { className: "whitespace-nowrap", children: [
-            f === "all" ? index_exports.editor_route_filter_all() : f === "unrated" ? index_exports.editor_route_filter_unrated() : f === "issues" ? index_exports.editor_route_filter_issues() : index_exports.editor_route_filter_flagged(),
-            f !== "all" && /* @__PURE__ */ jsx132("span", { className: "ml-1 text-[10px]", children: f === "unrated" ? state.filterCounts.unrated : f === "issues" ? state.filterCounts.issues : state.filterCounts.flagged })
-          ] })
-        }))
+        options: ["all", "unrated", "issues", "flagged"].map((f) => {
+          const text = f === "all" ? index_exports.editor_route_filter_all() : f === "unrated" ? index_exports.editor_route_filter_unrated() : f === "issues" ? index_exports.editor_route_filter_issues() : index_exports.editor_route_filter_flagged();
+          const count = f === "all" ? null : state.filterCounts[f];
+          return {
+            value: f,
+            title: count === null ? index_exports.editor_route_filter_all_in_section() : index_exports.editor_route_filter_count_in_section({ label: text, count }),
+            label: /* @__PURE__ */ jsxs112("span", { className: "flex min-w-0 items-baseline gap-1", children: [
+              /* @__PURE__ */ jsx133("span", { className: "min-w-0 truncate", children: text }),
+              count !== null && /* @__PURE__ */ jsx133("span", { className: "shrink-0 tabular-nums text-[10px]", children: count })
+            ] })
+          };
+        })
       }
     ),
-    formProgress && /* @__PURE__ */ jsx132("span", { className: "ml-auto text-[11px] text-ih-fg-3 whitespace-nowrap", children: index_exports.statutory_form_completeness({ answered: String(formProgress.answered), total: String(formProgress.total) }) }),
-    !readOnly && /* @__PURE__ */ jsx132(
+    formProgress && /* @__PURE__ */ jsx133("span", { className: "ml-auto text-[11px] text-ih-fg-3 whitespace-nowrap", children: index_exports.statutory_form_completeness({ answered: String(formProgress.answered), total: String(formProgress.total) }) }),
+    !readOnly && /* @__PURE__ */ jsx133(
       IconButton,
       {
         onClick: () => {
@@ -81729,28 +82190,28 @@ function ItemFilterBar({ state, formProgress, isMobile }) {
         className: isMobile ? "ml-auto w-11 h-11 touch-manipulation" : "ml-auto",
         title: state.batchMode ? index_exports.editor_route_exit_batch_mode() : index_exports.editor_route_batch_mode(),
         "aria-label": state.batchMode ? index_exports.editor_route_exit_batch_mode() : index_exports.editor_route_batch_select_items(),
-        children: /* @__PURE__ */ jsx132("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx132("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4" }) })
+        children: /* @__PURE__ */ jsx133("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx133("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4" }) })
       }
     )
   ] });
 }
 
 // src/components/editor/UnitControls.tsx
-import { jsx as jsx133, jsxs as jsxs113 } from "react/jsx-runtime";
-var UNITS_ICON = /* @__PURE__ */ jsx133("svg", { className: "w-3.5 h-3.5 text-ih-fg-3", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx133("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" }) });
-var COST_ICON = /* @__PURE__ */ jsx133("svg", { className: "w-3.5 h-3.5 text-ih-fg-3", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx133("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8c-1.66 0-3 .9-3 2s1.34 2 3 2 3 .9 3 2-1.34 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V6m0 12v-2m0-10a4 4 0 100 8 4 4 0 000-8z" }) });
+import { jsx as jsx134, jsxs as jsxs113 } from "react/jsx-runtime";
+var UNITS_ICON = /* @__PURE__ */ jsx134("svg", { className: "w-3.5 h-3.5 text-ih-fg-3", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx134("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" }) });
+var COST_ICON = /* @__PURE__ */ jsx134("svg", { className: "w-3.5 h-3.5 text-ih-fg-3", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx134("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8c-1.66 0-3 .9-3 2s1.34 2 3 2 3 .9 3 2-1.34 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V6m0 12v-2m0-10a4 4 0 100 8 4 4 0 000-8z" }) });
 function UnitControls({ isPerUnit, units, activeUnitId, onSelectScope, onOpenUnits, onOpenCostItems }) {
   const caps = useEditorCapabilities();
   const readOnly = useReadOnly();
   return /* @__PURE__ */ jsxs113("div", { className: "flex items-center gap-2", children: [
-    isPerUnit && /* @__PURE__ */ jsx133(BreadcrumbDropdown, { units, activeUnitId, onSelect: onSelectScope }),
-    !readOnly && /* @__PURE__ */ jsx133(Button, { variant: "secondary", size: "sm", onClick: onOpenUnits, className: "hidden lg:inline-flex", title: index_exports.editor_route_manage_units(), "aria-label": index_exports.editor_route_units(), icon: UNITS_ICON, children: /* @__PURE__ */ jsx133("span", { className: "hidden min-[1700px]:inline", children: index_exports.editor_route_units() }) }),
-    !readOnly && caps.costItems && /* @__PURE__ */ jsx133(Button, { variant: "secondary", size: "sm", onClick: onOpenCostItems, className: "hidden lg:inline-flex", title: index_exports.editor_route_cost_items_title(), "aria-label": index_exports.editor_route_cost_items(), icon: COST_ICON, children: /* @__PURE__ */ jsx133("span", { className: "hidden min-[1700px]:inline", children: index_exports.editor_route_cost_items() }) })
+    isPerUnit && /* @__PURE__ */ jsx134(BreadcrumbDropdown, { units, activeUnitId, onSelect: onSelectScope }),
+    !readOnly && /* @__PURE__ */ jsx134(Button, { variant: "secondary", size: "sm", onClick: onOpenUnits, className: "hidden lg:inline-flex", title: index_exports.editor_route_manage_units(), "aria-label": index_exports.editor_route_units(), icon: UNITS_ICON, children: /* @__PURE__ */ jsx134("span", { className: "hidden min-[1700px]:inline", children: index_exports.editor_route_units() }) }),
+    !readOnly && caps.costItems && /* @__PURE__ */ jsx134(Button, { variant: "secondary", size: "sm", onClick: onOpenCostItems, className: "hidden lg:inline-flex", title: index_exports.editor_route_cost_items_title(), "aria-label": index_exports.editor_route_cost_items(), icon: COST_ICON, children: /* @__PURE__ */ jsx134("span", { className: "hidden min-[1700px]:inline", children: index_exports.editor_route_cost_items() }) })
   ] });
 }
 
 // src/editor/FieldEditor.tsx
-import { Fragment as Fragment37, jsx as jsx134, jsxs as jsxs114 } from "react/jsx-runtime";
+import { Fragment as Fragment37, jsx as jsx135, jsxs as jsxs114 } from "react/jsx-runtime";
 function originalQualityEnabled() {
   try {
     return typeof localStorage !== "undefined" && localStorage.getItem(ORIGINAL_QUALITY_KEY) === "1";
@@ -81765,18 +82226,18 @@ function FieldEditorInner({ data }) {
   const caps = useEditorCapabilities();
   const fieldSession = dataSource.session();
   const displayLocale = fieldSession.locale;
-  const notify = useCallback44(
+  const notify = useCallback47(
     (message, variant, opts) => dataSource.notify(message, variant, opts),
     [dataSource]
   );
   const ensureHuman = useFieldEnsureHuman();
   const savePropertyFacts = usePropertyFactsSave(String(data.inspection.id));
-  const cameraInputRef = useRef61(null);
-  const libraryInputRef = useRef61(null);
-  const [addMediaChooser, setAddMediaChooser] = useState63(null);
-  const [videoCaptureTarget, setVideoCaptureTarget] = useState63(null);
-  const [activeUnitId, setActiveUnitId] = useState63(null);
-  const seededInspection = useMemo14(() => {
+  const cameraInputRef = useRef62(null);
+  const libraryInputRef = useRef62(null);
+  const [addMediaChooser, setAddMediaChooser] = useState64(null);
+  const [videoCaptureTarget, setVideoCaptureTarget] = useState64(null);
+  const [activeUnitId, setActiveUnitId] = useState64(null);
+  const seededInspection = useMemo16(() => {
     const insp = data.inspection;
     const envelope = insp.propertyFacts ?? {};
     return { ...envelope, ...insp };
@@ -81789,7 +82250,7 @@ function FieldEditorInner({ data }) {
     ratingLevels: data.ratingLevels,
     activeUnitId
   });
-  const activePropertyPreset = useMemo14(() => {
+  const activePropertyPreset = useMemo16(() => {
     const insp = state.inspection;
     return resolveActivePropertyPreset(
       insp.propertyType,
@@ -81797,7 +82258,7 @@ function FieldEditorInner({ data }) {
       data.commercialPresets
     );
   }, [state.inspection, data.commercialPresets]);
-  const drainRef = useRef61(() => {
+  const drainRef = useRef62(() => {
   });
   const collab = useResultsDoc(String(data.inspection.id), () => drainRef.current());
   const writeDoc = readOnly ? null : collab?.doc ?? null;
@@ -81818,7 +82279,7 @@ function FieldEditorInner({ data }) {
   });
   const { prefs: inspectionPrefs, loaded: prefsLoaded } = useInspectionPrefs();
   const tagLibrary = data.tagLibrary ?? [];
-  const catColor = useMemo14(() => {
+  const catColor = useMemo16(() => {
     const map = /* @__PURE__ */ new Map();
     for (const c of data.defectCategories ?? []) {
       map.set(c.name, c.color);
@@ -81826,18 +82287,18 @@ function FieldEditorInner({ data }) {
     }
     return map;
   }, [data.defectCategories]);
-  const pinnedTags = useMemo14(() => {
+  const pinnedTags = useMemo16(() => {
     return inspectionPrefs.pinnedTagIds.map((id) => tagLibrary.find((t) => t.id === id)).filter((t) => Boolean(t));
   }, [inspectionPrefs.pinnedTagIds, tagLibrary]);
-  const activeTagIds = useMemo14(() => {
+  const activeTagIds = useMemo16(() => {
     if (!state.activeItemId) return /* @__PURE__ */ new Set();
     const tags = state.tagsByItem?.[state.activeItemId] || [];
     return new Set(tags.map((t) => t.id));
   }, [state.activeItemId, state.tagsByItem]);
-  const [publishReadiness, setPublishReadiness] = useState63(null);
-  const [showPublishGate, setShowPublishGate] = useState63(false);
+  const [publishReadiness, setPublishReadiness] = useState64(null);
+  const [showPublishGate, setShowPublishGate] = useState64(false);
   const activeResult = state.activeItemId ? findings.getResult(state.activeItemId, state.currentSection?.id) : null;
-  const defectStates = useMemo14(() => {
+  const defectStates = useMemo16(() => {
     const map = /* @__PURE__ */ new Map();
     const defects = activeResult?.tabs;
     const rows = Array.isArray(defects?.defects) ? defects.defects : [];
@@ -81853,7 +82314,7 @@ function FieldEditorInner({ data }) {
     }
     return map;
   }, [activeResult]);
-  const inspectionPhotoCount = useMemo14(() => {
+  const inspectionPhotoCount = useMemo16(() => {
     const keys = /* @__PURE__ */ new Set();
     for (const value of Object.values(state.results)) {
       const photos = value?.photos;
@@ -81864,7 +82325,7 @@ function FieldEditorInner({ data }) {
     }
     return keys.size;
   }, [state.results]);
-  const locationSuggestions = useMemo14(() => {
+  const locationSuggestions = useMemo16(() => {
     const set = /* @__PURE__ */ new Set();
     for (const value of Object.values(state.results)) {
       const tabs = value?.tabs;
@@ -81875,7 +82336,7 @@ function FieldEditorInner({ data }) {
     }
     return Array.from(set);
   }, [state.results]);
-  const missingFields = useMemo14(() => {
+  const missingFields = useMemo16(() => {
     const map = /* @__PURE__ */ new Map();
     if (!publishReadiness) return map;
     for (const b of publishReadiness.blockingDefects) {
@@ -81886,7 +82347,7 @@ function FieldEditorInner({ data }) {
     }
     return map;
   }, [publishReadiness]);
-  const requiredDefectFields = useMemo14(() => {
+  const requiredDefectFields = useMemo16(() => {
     const override = data.inspection.requireDefectFieldsOverride;
     const effective = override ?? inspectionPrefs.requireDefectFields;
     return {
@@ -81898,9 +82359,9 @@ function FieldEditorInner({ data }) {
     inspectionId: String(state.inspection.id),
     severityForRatingId: state.severityForRatingId
   });
-  const [serverComments, setServerComments] = useState63([]);
-  const [librarySideOpen, setLibrarySideOpen] = useState63(false);
-  useEffect49(() => {
+  const [serverComments, setServerComments] = useState64([]);
+  const [librarySideOpen, setLibrarySideOpen] = useState64(false);
+  useEffect51(() => {
     if (!state.showCommentLibrary && !librarySideOpen) {
       setServerComments([]);
       return;
@@ -81947,11 +82408,11 @@ function FieldEditorInner({ data }) {
   const units = data.units ?? [];
   const unitInspectionMode = data.unitInspectionMode ?? "tagged";
   const isPerUnit = unitInspectionMode === "per_unit";
-  const [unitsManagerOpen, setUnitsManagerOpen] = useState63(false);
+  const [unitsManagerOpen, setUnitsManagerOpen] = useState64(false);
   const showUnitsSurface = data.inspection.propertyType === "commercial";
-  const [costItemsOpen, setCostItemsOpen] = useState63(false);
+  const [costItemsOpen, setCostItemsOpen] = useState64(false);
   const collabSynced = Boolean(collab?.synced);
-  const mergeScopeSlice = useCallback44(
+  const mergeScopeSlice = useCallback47(
     (slice) => state.setResults((prev) => ({ ...prev, ...slice })),
     [state.setResults]
   );
@@ -81960,14 +82421,14 @@ function FieldEditorInner({ data }) {
     collabSynced,
     onSlice: mergeScopeSlice
   });
-  const requestScope = useCallback44(
+  const requestScope = useCallback47(
     (unitId) => {
       setActiveUnitId(unitId);
       loadScope(unitId);
     },
     [loadScope]
   );
-  useEffect49(() => {
+  useEffect51(() => {
     if (activeUnitId == null) return;
     if (!isPerUnit || !units.some((u) => u.id === activeUnitId)) {
       setActiveUnitId(null);
@@ -81981,29 +82442,32 @@ function FieldEditorInner({ data }) {
     userName: "Inspector",
     enabled: true
   });
-  useEffect49(() => {
+  useEffect51(() => {
     presence.setFocus(state.activeItemId);
   }, [state.activeItemId]);
-  const [tagPickerOpen, setTagPickerOpen] = useState63(false);
-  const [autoSign, setAutoSign] = useState63(
+  const [tagPickerOpen, setTagPickerOpen] = useState64(false);
+  const [autoSign, setAutoSign] = useState64(
     !!state.inspection.autoSignOnPublish
   );
-  const [signModalOpen, setSignModalOpen] = useState63(false);
+  const [signModalOpen, setSignModalOpen] = useState64(false);
   const inspectorSignature = useInspectorSignature(String(data.inspection.id), () => setSignModalOpen(false));
-  const [versionHistoryOpen, setVersionHistoryOpen] = useState63(false);
-  useEffect49(() => {
+  const [versionHistoryOpen, setVersionHistoryOpen] = useState64(false);
+  useEffect51(() => {
     setAutoSign(!!state.inspection.autoSignOnPublish);
   }, [state.inspection]);
-  const handleAutoSignToggle = useCallback44((checked) => setAutoSign(checked), []);
+  const handleAutoSignToggle = useCallback47((checked) => setAutoSign(checked), []);
   const publishFlow = usePublishFlow(String(state.inspection.id), {
     confirmHuman: ensureHuman,
     // The editor's inspection copy is frozen at mount (see useInspectionState), so revalidation alone
     // leaves the header badge and the toolbar button stale: patch the status locally as structural edits do.
     onMarkedComplete: () => state.setInspection((prev) => ({ ...prev, status: INSPECTION_STATUS_COMPLETED })),
-    onFieldworkFinished: () => state.setInspection((prev) => ({ ...prev, status: INSPECTION_STATUS_COMPLETED })),
+    onFieldworkFinished: () => {
+      state.setInspection((prev) => ({ ...prev, status: INSPECTION_STATUS_COMPLETED }));
+      notify(index_exports.editor_finish_fieldwork_done(), "success", { durationMs: 3e3 });
+    },
     onPublished: () => state.setShowPublishModal(false)
   });
-  const handlePublishClick = useCallback44(async () => {
+  const handlePublishClick = useCallback47(async () => {
     publishFlow.clearPublishError();
     const readiness = await dataSource.resources.publishReadiness?.check(String(state.inspection.id)) ?? null;
     if (readiness && (!readiness.ready || (readiness.warningDefects?.length ?? 0) > 0)) {
@@ -82013,25 +82477,24 @@ function FieldEditorInner({ data }) {
     }
     state.setShowPublishModal(true);
   }, [dataSource, state.inspection.id, state.setShowPublishModal, publishFlow.clearPublishError]);
-  useEffect49(() => {
+  useEffect51(() => {
     if (publishFlow.finishError) notify(publishFlow.finishError, "error", { durationMs: 8e3 });
   }, [publishFlow.finishError, notify]);
-  const handleFinishFieldwork = useCallback44(() => {
-    void publishFlow.finishFieldwork();
-  }, [publishFlow]);
+  useScrollTopOnDetails(state.activeView);
+  const { request: handleFinishFieldwork, dialog: finishDialog } = useFinishFieldworkConfirm(publishFlow.finishFieldwork, publishFlow.finishing);
   const commercialSave = useCommercialReportSave(String(state.inspection.id), (patch) => {
     state.setInspection((prev) => ({ ...prev, ...patch }));
   });
-  const handleItemAttribute = useCallback44((itemId, attributeId, value) => {
+  const handleItemAttribute = useCallback47((itemId, attributeId, value) => {
     const sectionId = state.sectionIdForItem(itemId);
     if (sectionId) findings.setItemAttribute(sectionId, itemId, attributeId, value);
   }, [findings, state.sectionIdForItem]);
-  const [photoStudioOpen, setPhotoStudioOpen] = useState63(false);
-  const [photoStudioUrl, setPhotoStudioUrl] = useState63(null);
-  const [photoStudioKey, setPhotoStudioKey] = useState63(null);
-  const [photoStudioIndex, setPhotoStudioIndex] = useState63(0);
-  const [photoStudioTotal, setPhotoStudioTotal] = useState63(0);
-  const openPhotoStudio = useCallback44(
+  const [photoStudioOpen, setPhotoStudioOpen] = useState64(false);
+  const [photoStudioUrl, setPhotoStudioUrl] = useState64(null);
+  const [photoStudioKey, setPhotoStudioKey] = useState64(null);
+  const [photoStudioIndex, setPhotoStudioIndex] = useState64(0);
+  const [photoStudioTotal, setPhotoStudioTotal] = useState64(0);
+  const openPhotoStudio = useCallback47(
     (next) => {
       setPhotoStudioUrl(next.url);
       setPhotoStudioKey(next.key);
@@ -82044,10 +82507,10 @@ function FieldEditorInner({ data }) {
   const coverWrites = useReportCoverWrites(String(state.inspection.id));
   const statutoryGroups = useStatutoryGroups(data.templateSnapshot);
   const canEditStructure = useStructuralEditingAllowed(data.templateSnapshot) && !readOnly;
-  const [addingToGroup, setAddingToGroup] = useState63(null);
+  const [addingToGroup, setAddingToGroup] = useState64(null);
   const statutoryInstance = useAddStatutoryInstance(String(data.inspection.id));
   const formProgress = useStatutoryFormProgress(data.templateSnapshot, state.results);
-  const revisionBannerEl = data.revisionStatus ? /* @__PURE__ */ jsx134("div", { className: "mb-4", children: /* @__PURE__ */ jsx134(
+  const revisionBannerEl = data.revisionStatus ? /* @__PURE__ */ jsx135("div", { className: "mb-4", children: /* @__PURE__ */ jsx135(
     RevisionBanner,
     {
       status: data.revisionStatus,
@@ -82112,36 +82575,33 @@ function FieldEditorInner({ data }) {
   const layout = useEditorLayout(data.initialLayout, slots.onLayoutObserved);
   const isPhone = layout === "phone";
   const isMobile = layout !== "desktop";
-  const [mobileDrawer, setMobileDrawer] = useState63(null);
+  const [mobileDrawer, setMobileDrawer] = useState64(null);
   const itemUi = useItemEditorUiStore();
-  const notesFlushRef = useRef61(null);
+  const notesFlushRef = useRef62(null);
   useResetBatchOnPhone(isPhone, state.batchMode, state.setBatchMode, state.setBatchSelected);
-  const PRESET_TAGS = useMemo14(() => [
+  const { toggle: toggleItemTag, canSave: canSaveTags } = useItemTags(String(state.inspection.id), state.setTagsByItem);
+  const PRESET_TAGS = useMemo16(() => tagLibrary.length > 0 || canSaveTags ? tagLibrary : [
     { id: "follow-up", name: "Follow Up", color: "#ef4444" },
     { id: "urgent", name: "Urgent", color: "#f97316" },
     { id: "photo-needed", name: "Photo Needed", color: "#eab308" },
     { id: "re-inspect", name: "Re-inspect", color: "#3b82f6" },
     { id: "client-question", name: "Client Question", color: "#a855f7" }
-  ], []);
-  const toggleTag = useCallback44((tag) => {
+  ], [tagLibrary, canSaveTags]);
+  const toggleTag = useCallback47((tag) => {
     if (!state.activeItemId) return;
-    const current = state.tagsByItem[state.activeItemId] || [];
-    const exists = current.some((t) => t.id === tag.id);
-    const updated = exists ? current.filter((t) => t.id !== tag.id) : [...current, tag];
-    state.setTagsByItem((prev) => ({
-      ...prev,
-      [state.activeItemId]: updated
-    }));
-  }, [state.activeItemId, state.tagsByItem, state.setTagsByItem]);
-  const tagChipRow = state.activeItemId && !readOnly ? /* @__PURE__ */ jsx134(
+    toggleItemTag(state.activeItemId, tag, state.tagsByItem[state.activeItemId] || []);
+  }, [state.activeItemId, state.tagsByItem, toggleItemTag]);
+  const tagChipRow = state.activeItemId && !readOnly ? /* @__PURE__ */ jsx135(
     TagChipRow,
     {
       pinnedTags,
+      chosenTags: state.tagsByItem?.[state.activeItemId],
       activeTagIds,
-      onToggle: (tag) => toggleTag(tag)
+      onToggle: (tag) => toggleTag(tag),
+      onOpenLibrary: () => setTagPickerOpen(true)
     }
   ) : null;
-  const handleCloneLast = useCallback44((scope) => {
+  const handleCloneLast = useCallback47((scope) => {
     if (!state.activeItemId || !state.currentSection) return;
     findings.cloneLast(
       state.currentSection.id,
@@ -82150,7 +82610,7 @@ function FieldEditorInner({ data }) {
       scope
     );
   }, [findings, state.activeItemId, state.currentSection, state.currentSectionItems]);
-  useEffect49(() => {
+  useEffect51(() => {
     const submitting = photoUpload.busy;
     const failed = photoUpload.failedSinceIdle;
     if (submitting) {
@@ -82167,11 +82627,11 @@ function FieldEditorInner({ data }) {
       }
     }
   }, [photoUpload.busy]);
-  const commitRating = useCallback44(
+  const commitRating = useCallback47(
     (sectionId, itemId, rating) => findings.setRating(sectionId, itemId, rating),
     [findings]
   );
-  const handleRating = useCallback44(
+  const handleRating = useCallback47(
     (rating, source = "pointer") => {
       if (!state.activeItemId || !state.currentSection) return;
       commitRating(state.currentSection.id, state.activeItemId, rating);
@@ -82203,14 +82663,14 @@ function FieldEditorInner({ data }) {
     },
     [state.activeItemId, state.currentSection, commitRating, state.advanceToNextUnrated, state.ratingLevels, prefsLoaded, inspectionPrefs.autoAdvance, inspectionPrefs.autoAdvanceDelayMs, notify]
   );
-  const commentLibraryItems = useMemo14(
+  const commentLibraryItems = useMemo16(
     () => comments.getFilteredComments(
       state.commentLibraryFilter,
       state.commentLibrarySearch
     ),
     [comments, state.commentLibraryFilter, state.commentLibrarySearch]
   );
-  const buildSpeedQueue = useCallback44(() => {
+  const buildSpeedQueue = useCallback47(() => {
     const flatItems = [];
     for (let s = 0; s < state.sections.length; s++) {
       const sec = state.sections[s];
@@ -82229,8 +82689,8 @@ function FieldEditorInner({ data }) {
     const queue = flatItems.map((it, idx) => ({ idx, rating: it.rating })).filter((x) => !x.rating).map((x) => x.idx);
     return { flatItems, queue };
   }, [state.sections, state.getResult]);
-  const speedUnrated = useMemo14(() => isMobile && !readOnly ? countUnratedItems(state.sections, state.getResult) : 0, [isMobile, readOnly, state.sections, state.getResult, state.results]);
-  const toggleSpeedMode = useCallback44(() => {
+  const speedUnrated = useMemo16(() => isMobile && !readOnly ? countUnratedItems(state.sections, state.getResult) : 0, [isMobile, readOnly, state.sections, state.getResult, state.results]);
+  const toggleSpeedMode = useCallback47(() => {
     if (!state.speedMode) {
       const { flatItems, queue } = buildSpeedQueue();
       if (queue.length === 0) return;
@@ -82242,7 +82702,7 @@ function FieldEditorInner({ data }) {
       state.setSpeedMode(false);
     }
   }, [state, buildSpeedQueue]);
-  const openSpeedMode = useCallback44(() => {
+  const openSpeedMode = useCallback47(() => {
     if (!state.speedMode) toggleSpeedMode();
   }, [state.speedMode, toggleSpeedMode]);
   const { speedRate, undoSpeedRating, finishedItem, pendingUndo, setPendingUndo } = useSpeedRating({
@@ -82252,23 +82712,23 @@ function FieldEditorInner({ data }) {
     activeUnitId,
     onUndoUnavailable: () => dataSource.notify(index_exports.editor_speedmode_undo_unavailable(), "error")
   });
-  const speedItem = useMemo14(() => {
+  const speedItem = useMemo16(() => {
     if (!state.speedMode) return null;
     const idx = state.speedQueue[state.speedCurrent];
     return idx != null ? state.speedItemsRef.current[idx] || null : null;
   }, [state.speedMode, state.speedQueue, state.speedCurrent]);
-  const speedNext = useCallback44(() => {
+  const speedNext = useCallback47(() => {
     if (state.speedCurrent < state.speedQueue.length - 1) {
       state.setSpeedCurrent(state.speedCurrent + 1);
     }
   }, [state.speedCurrent, state.speedQueue.length, state.setSpeedCurrent]);
-  const speedPrev = useCallback44(() => {
+  const speedPrev = useCallback47(() => {
     if (state.speedCurrent > 0) {
       state.setSpeedCurrent(state.speedCurrent - 1);
     }
   }, [state.speedCurrent, state.setSpeedCurrent]);
   const shownSpeedItem = speedItem ?? finishedItem;
-  const speedModeEl = state.speedMode && shownSpeedItem ? /* @__PURE__ */ jsx134(
+  const speedModeEl = state.speedMode && shownSpeedItem ? /* @__PURE__ */ jsx135(
     SpeedMode,
     {
       item: {
@@ -82306,9 +82766,9 @@ function FieldEditorInner({ data }) {
       sections: state.sections
     }
   ) : null;
-  const pendingPhotoTargetRef = useRef61(null);
+  const pendingPhotoTargetRef = useRef62(null);
   const MAX_BATCH_PHOTOS = 20;
-  const handlePhotoUpload = useCallback44(
+  const handlePhotoUpload = useCallback47(
     (e) => {
       const all = Array.from(e.target.files ?? []);
       if (all.length === 0 || !state.activeItemId || readOnly) return;
@@ -82342,7 +82802,7 @@ function FieldEditorInner({ data }) {
     },
     [state.activeItemId, state.inspection.id, dataSource, photoUpload.submit, notify, writeDoc, readOnly, state.sectionIdForItem, state.currentSection, activeUnitId]
   );
-  const handleBurstCommit = useCallback44(
+  const handleBurstCommit = useCallback47(
     (blobs) => {
       if (blobs.length === 0 || readOnly) return;
       if (!state.burstCameraItemId) {
@@ -82363,8 +82823,8 @@ function FieldEditorInner({ data }) {
     },
     [state.burstCameraItemId, state.sectionIdForItem, state.currentSection, activeUnitId, photoUpload.submit, notify, readOnly]
   );
-  const processedUploads = useRef61(/* @__PURE__ */ new WeakSet());
-  useEffect49(() => {
+  const processedUploads = useRef62(/* @__PURE__ */ new WeakSet());
+  useEffect51(() => {
     const settled = photoUpload.outcomes.filter((o) => !processedUploads.current.has(o));
     if (settled.length === 0) return;
     for (const o of settled) processedUploads.current.add(o);
@@ -82403,17 +82863,17 @@ function FieldEditorInner({ data }) {
       }
     }
   }, [photoUpload.outcomes, photoUpload.consume, findings, notify]);
-  const openSnippets = useCallback44(() => {
+  const openSnippets = useCallback47(() => {
     if (!state.activeItemId) return;
     state.setCommentLibraryFilter("my-snippets");
     state.setCommentLibrarySearch("");
     state.setCommentLibrarySelectedIdx(0);
     state.setShowCommentLibrary(true);
   }, [state]);
-  const onInsert = useCallback44((sectionId, itemId, text) => {
+  const onInsert = useCallback47((sectionId, itemId, text) => {
     findings.insertComment(sectionId, itemId, text);
   }, [findings]);
-  const keyboardHandlers = useMemo14(
+  const keyboardHandlers = useMemo16(
     () => ({
       onRate: (level) => {
         if (state.activeItemId && state.currentSection && state.ratingLevels[level - 1]) {
@@ -82557,7 +83017,7 @@ function FieldEditorInner({ data }) {
     ]
   );
   useKeyboard(readOnly ? readOnlyKeyboard(keyboardHandlers) : keyboardHandlers, true);
-  const visibleItems = useMemo14(() => {
+  const visibleItems = useMemo16(() => {
     return state.currentSectionItems.filter((item) => {
       if (!state.itemPassesFilter(item, state.currentSection?.id)) return false;
       if (state.searchNeedle && !state.itemMatchesSearch(state.currentSection, item))
@@ -82565,7 +83025,7 @@ function FieldEditorInner({ data }) {
       return true;
     });
   }, [state]);
-  const sectionRailEl = /* @__PURE__ */ jsx134(
+  const sectionRailEl = /* @__PURE__ */ jsx135(
     SectionRail,
     {
       mode: "fill",
@@ -82594,7 +83054,7 @@ function FieldEditorInner({ data }) {
       onRenameSection: readOnly ? void 0 : structure.renameSection
     }
   );
-  const itemListEl = /* @__PURE__ */ jsx134(
+  const itemListEl = /* @__PURE__ */ jsx135(
     ItemList,
     {
       mode: "fill",
@@ -82607,6 +83067,7 @@ function FieldEditorInner({ data }) {
         if (isMobile) setMobileDrawer(null);
       },
       results: state.results,
+      getRatingColor: state.getRatingColor,
       activeUnitId,
       batchMode: state.batchMode,
       batchSelected: state.batchSelected,
@@ -82620,10 +83081,11 @@ function FieldEditorInner({ data }) {
       onRenameItem: canEditStructure ? (itemId, label) => structure.renameItem(state.currentSection?.id || "", itemId, label) : void 0,
       groups: statutoryGroups,
       onAddGroupInstance: readOnly ? void 0 : (groupId) => setAddingToGroup(groupId),
-      pane: layout === "tablet"
+      pane: layout === "tablet",
+      fullWidth: isPhone
     }
   );
-  const itemEditorEl = state.activeItemId ? readOnly ? /* @__PURE__ */ jsx134(ReadOnlyItemView, { item: state.activeItem, sectionTitle: state.currentSection?.title, result: findings.getResult(state.activeItemId, state.currentSection?.id), ratingLevels: state.ratingLevels, inspectionId: String(state.inspection.id), coverKey, onOpenPhoto, videoPosterUrl, pendingPhotoUrl }) : /* @__PURE__ */ jsx134(
+  const itemEditorEl = state.activeItemId ? readOnly ? /* @__PURE__ */ jsx135(ReadOnlyItemView, { item: state.activeItem, sectionTitle: state.currentSection?.title, result: findings.getResult(state.activeItemId, state.currentSection?.id), ratingLevels: state.ratingLevels, inspectionId: String(state.inspection.id), coverKey, onOpenPhoto, videoPosterUrl, pendingPhotoUrl }) : /* @__PURE__ */ jsx135(
     ItemEditor,
     {
       uiControl: itemUi(state.activeItemId),
@@ -82678,14 +83140,9 @@ function FieldEditorInner({ data }) {
           );
         }
       },
-      onNotesBlur: (notes) => {
-        if (state.activeItemId && state.currentSection) {
-          findings.commitNotes(
-            state.currentSection.id,
-            state.activeItemId,
-            notes
-          );
-        }
+      onNotesBlur: (notes, itemId) => {
+        const target = notesCommitTarget({ itemId, activeItemId: state.activeItemId, currentSectionId: state.currentSection?.id, sectionIdForItem: state.sectionIdForItem });
+        if (target) findings.commitNotes(target.sectionId, target.itemId, notes);
       },
       onValue: (value) => {
         if (state.activeItemId && state.currentSection) {
@@ -82763,7 +83220,7 @@ function FieldEditorInner({ data }) {
   ) : (
     /* F12 — the pane offers the next item instead of naming two keys. Items come from the
      * SECTION, not `visibleItems`: a filter emptying the list is not an empty section. */
-    /* @__PURE__ */ jsx134(
+    /* @__PURE__ */ jsx135(
       ItemPaneEmptyState,
       {
         items: state.currentSectionItems.map((it) => ({ id: it.id, label: it.label || it.name || "" })),
@@ -82775,7 +83232,7 @@ function FieldEditorInner({ data }) {
       }
     )
   );
-  const sideRailEl = /* @__PURE__ */ jsx134(
+  const sideRailEl = /* @__PURE__ */ jsx135(
     SideRail,
     {
       fill: isMobile,
@@ -82803,9 +83260,9 @@ function FieldEditorInner({ data }) {
     }
   );
   const emptyTemplateEl = state.sections.length === 0 ? /* @__PURE__ */ jsxs114("div", { className: "flex flex-col items-center justify-center h-full gap-4 text-center px-6", children: [
-    /* @__PURE__ */ jsx134("p", { className: "text-[15px] font-semibold text-ih-fg-1", children: index_exports.editor_route_empty_template_title() }),
-    /* @__PURE__ */ jsx134("p", { className: "text-[13px] text-ih-fg-3 max-w-sm", children: index_exports.editor_route_empty_template_desc() }),
-    caps.settingsSheet && !readOnly && /* @__PURE__ */ jsx134(
+    /* @__PURE__ */ jsx135("p", { className: "text-[15px] font-semibold text-ih-fg-1", children: index_exports.editor_route_empty_template_title() }),
+    /* @__PURE__ */ jsx135("p", { className: "text-[13px] text-ih-fg-3 max-w-sm", children: index_exports.editor_route_empty_template_desc() }),
+    caps.settingsSheet && !readOnly && /* @__PURE__ */ jsx135(
       Button,
       {
         variant: "primary",
@@ -82814,7 +83271,7 @@ function FieldEditorInner({ data }) {
       }
     )
   ] }) : null;
-  const propertyOverviewEl = /* @__PURE__ */ jsx134(
+  const propertyOverviewEl = /* @__PURE__ */ jsx135(
     InspectionOverview,
     {
       inspection: state.inspection,
@@ -82833,7 +83290,7 @@ function FieldEditorInner({ data }) {
     }
   );
   const photoInputsEl = /* @__PURE__ */ jsxs114(Fragment37, { children: [
-    /* @__PURE__ */ jsx134(
+    /* @__PURE__ */ jsx135(
       "input",
       {
         ref: cameraInputRef,
@@ -82844,7 +83301,7 @@ function FieldEditorInner({ data }) {
         onChange: handlePhotoUpload
       }
     ),
-    /* @__PURE__ */ jsx134(
+    /* @__PURE__ */ jsx135(
       "input",
       {
         ref: libraryInputRef,
@@ -82857,7 +83314,7 @@ function FieldEditorInner({ data }) {
     )
   ] });
   const addMediaOverlaysEl = /* @__PURE__ */ jsxs114(Fragment37, { children: [
-    addMediaChooser && /* @__PURE__ */ jsx134(
+    addMediaChooser && /* @__PURE__ */ jsx135(
       AddMediaChooser,
       {
         onClose: () => setAddMediaChooser(null),
@@ -82876,7 +83333,7 @@ function FieldEditorInner({ data }) {
         }
       }
     ),
-    videoCaptureTarget && /* @__PURE__ */ jsx134(
+    videoCaptureTarget && /* @__PURE__ */ jsx135(
       VideoCapture,
       {
         inspectionId: String(state.inspection.id),
@@ -82891,7 +83348,7 @@ function FieldEditorInner({ data }) {
     )
   ] });
   const finishActionsEl = /* @__PURE__ */ jsxs114(Fragment37, { children: [
-    caps.settingsSheet && /* @__PURE__ */ jsx134(
+    caps.settingsSheet && /* @__PURE__ */ jsx135(
       InspectionSettingsSheet,
       {
         open: state.settingsOpen,
@@ -82900,7 +83357,7 @@ function FieldEditorInner({ data }) {
         onTemplateApplied: restartAfterTemplate
       }
     ),
-    /* @__PURE__ */ jsx134(
+    /* @__PURE__ */ jsx135(
       PublishModal,
       {
         open: state.showPublishModal,
@@ -82922,7 +83379,7 @@ function FieldEditorInner({ data }) {
         onAutoSignToggle: handleAutoSignToggle
       }
     ),
-    /* @__PURE__ */ jsx134(
+    /* @__PURE__ */ jsx135(
       SignModal,
       {
         open: signModalOpen,
@@ -82931,7 +83388,7 @@ function FieldEditorInner({ data }) {
         failed: inspectorSignature.failed
       }
     ),
-    /* @__PURE__ */ jsx134(
+    /* @__PURE__ */ jsx135(
       PublishGateModal,
       {
         open: showPublishGate,
@@ -82955,7 +83412,7 @@ function FieldEditorInner({ data }) {
       }
     )
   ] });
-  const sharedOverlaysEl = /* @__PURE__ */ jsx134(
+  const sharedOverlaysEl = /* @__PURE__ */ jsx135(
     SharedOverlays,
     {
       state,
@@ -82992,8 +83449,8 @@ function FieldEditorInner({ data }) {
       setCostItemsOpen
     }
   );
-  const itemFilterBarEl = /* @__PURE__ */ jsx134(ItemFilterBar, { state, formProgress, isMobile });
-  const batchBarEl = state.batchMode && state.selectedBatchCount > 0 ? /* @__PURE__ */ jsx134(
+  const itemFilterBarEl = /* @__PURE__ */ jsx135(ItemFilterBar, { state, formProgress, isMobile });
+  const batchBarEl = state.batchMode && state.selectedBatchCount > 0 ? /* @__PURE__ */ jsx135(
     BatchActionBar,
     {
       count: state.selectedBatchCount,
@@ -83028,7 +83485,7 @@ function FieldEditorInner({ data }) {
       }
     }
   ) : null;
-  const toolsDockEl = /* @__PURE__ */ jsx134(
+  const toolsDockEl = /* @__PURE__ */ jsx135(
     InspectorToolsDock,
     {
       onToggleSpeedMode: toggleSpeedMode,
@@ -83076,18 +83533,18 @@ function FieldEditorInner({ data }) {
     sectionTitle: state.activeView === "property" ? "" : state.currentSection?.title ?? "",
     itemLabel: state.activeView === "property" ? index_exports.editor_shared_inspection_details() : (state.activeItem?.label || state.activeItem?.name) ?? index_exports.editor_route_select_an_item()
   };
-  const scopeSwitcherEl = showUnitsSurface && isPerUnit ? /* @__PURE__ */ jsx134(BreadcrumbDropdown, { units, activeUnitId, onSelect: requestScope }) : null;
-  const saveStatusEl = /* @__PURE__ */ jsx134(SaveStatusIndicator, { status: state.saveStatus });
+  const scopeSwitcherEl = showUnitsSurface && isPerUnit ? /* @__PURE__ */ jsx135(BreadcrumbDropdown, { units, activeUnitId, onSelect: requestScope }) : null;
+  const saveStatusEl = /* @__PURE__ */ jsx135(SaveStatusIndicator, { status: state.saveStatus });
   const { pdf } = slots;
   const mobileDrawersEl = /* @__PURE__ */ jsxs114(Fragment37, { children: [
-    /* @__PURE__ */ jsx134(MobileBottomDrawer, { open: mobileDrawer === "sections", onClose: () => setMobileDrawer(null), title: index_exports.editor_route_drawer_sections(), children: sectionRailEl }),
+    /* @__PURE__ */ jsx135(MobileBottomDrawer, { open: mobileDrawer === "sections", onClose: () => setMobileDrawer(null), title: index_exports.editor_route_drawer_sections(), children: sectionRailEl }),
     isPhone && /* @__PURE__ */ jsxs114(MobileBottomDrawer, { open: mobileDrawer === "items", onClose: () => setMobileDrawer(null), title: index_exports.editor_route_drawer_items(), children: [
-      scopeSwitcherEl && /* @__PURE__ */ jsx134("div", { className: "px-2 pt-2", children: scopeSwitcherEl }),
-      speedUnrated > 0 && /* @__PURE__ */ jsx134("div", { className: "px-2 pt-2", children: /* @__PURE__ */ jsx134(SpeedEntryButton, { unrated: speedUnrated, onOpen: openSpeedFromDrawer, className: "w-full" }) }),
+      scopeSwitcherEl && /* @__PURE__ */ jsx135("div", { className: "px-2 pt-2", children: scopeSwitcherEl }),
+      speedUnrated > 0 && /* @__PURE__ */ jsx135("div", { className: "px-2 pt-2", children: /* @__PURE__ */ jsx135(SpeedEntryButton, { unrated: speedUnrated, onOpen: openSpeedFromDrawer, className: "w-full" }) }),
       itemListEl
     ] }),
-    /* @__PURE__ */ jsx134(MobileBottomDrawer, { open: mobileDrawer === "preview", onClose: () => setMobileDrawer(null), title: index_exports.editor_route_drawer_preview(), children: sideRailEl }),
-    /* @__PURE__ */ jsx134(
+    /* @__PURE__ */ jsx135(MobileBottomDrawer, { open: mobileDrawer === "preview", onClose: () => setMobileDrawer(null), title: index_exports.editor_route_drawer_preview(), children: sideRailEl }),
+    /* @__PURE__ */ jsx135(
       MobileFinishDrawer,
       {
         open: mobileDrawer === "actions",
@@ -83116,9 +83573,9 @@ function FieldEditorInner({ data }) {
         onOpenCostItems: showUnitsSurface && caps.costItems && !readOnly ? () => setCostItemsOpen(true) : null
       }
     ),
-    /* @__PURE__ */ jsx134(MobileBottomDrawer, { open: mobileDrawer === "theme", onClose: () => setMobileDrawer(null), title: index_exports.nav_theme_label(), children: /* @__PURE__ */ jsx134("div", { className: "p-4 [&_button]:min-h-11 [&_button]:min-w-11 [&_button]:touch-manipulation", children: slots.renderThemeControl?.({}) }) })
+    /* @__PURE__ */ jsx135(MobileBottomDrawer, { open: mobileDrawer === "theme", onClose: () => setMobileDrawer(null), title: index_exports.nav_theme_label(), children: /* @__PURE__ */ jsx135("div", { className: "p-4 [&_button]:min-h-11 [&_button]:min-w-11 [&_button]:touch-manipulation", children: slots.renderThemeControl?.({}) }) })
   ] });
-  useEffect49(() => {
+  useEffect51(() => {
     if (!readOnly) return;
     state.setShowPublishModal(false);
     setShowPublishGate(false);
@@ -83134,16 +83591,17 @@ function FieldEditorInner({ data }) {
     addMediaOverlaysEl,
     sharedOverlaysEl,
     speedModeEl,
-    !isPhone && state.showCheatsheet && /* @__PURE__ */ jsx134(KeyboardHud, { onClose: () => state.setShowCheatsheet(false) }),
+    !isPhone && state.showCheatsheet && /* @__PURE__ */ jsx135(KeyboardHud, { onClose: () => state.setShowCheatsheet(false) }),
     isMobile && mobileDrawersEl,
     finishActionsEl,
+    finishDialog,
     unsavedGuardEl
   ] });
   if (isPhone) {
     return /* @__PURE__ */ jsxs114(Fragment37, { children: [
       overlaysEl,
       /* @__PURE__ */ jsxs114("div", { "data-layout": "phone", "data-collab-synced": collabSynced ? "true" : "false", className: "min-h-dvh pb-[calc(3.5rem+env(safe-area-inset-bottom))]", children: [
-        /* @__PURE__ */ jsx134(
+        /* @__PURE__ */ jsx135(
           AppBar,
           {
             platform: dataSource.platform,
@@ -83155,19 +83613,19 @@ function FieldEditorInner({ data }) {
         ),
         /* @__PURE__ */ jsxs114("main", { className: "p-4", children: [
           revisionBannerEl,
-          emptyTemplateEl ?? (state.activeView === "property" ? propertyOverviewEl : state.activeItemId ? itemEditorEl : /* @__PURE__ */ jsx134("p", { className: "text-center text-ih-fg-3 mt-12", children: index_exports.editor_route_mobile_begin() }))
+          emptyTemplateEl ?? (state.activeView === "property" ? propertyOverviewEl : state.activeItemId ? itemEditorEl : /* @__PURE__ */ jsx135("p", { className: "text-center text-ih-fg-3 mt-12", children: index_exports.editor_route_mobile_begin() }))
         ] }),
-        /* @__PURE__ */ jsx134(MobileDrawerTriggers, { onOpen: (id) => setMobileDrawer(id), showTheme: caps.themeControl })
+        /* @__PURE__ */ jsx135(MobileDrawerTriggers, { onOpen: (id) => setMobileDrawer(id), showTheme: caps.themeControl })
       ] }, "phone")
     ] });
   }
   if (layout === "tablet") {
     return /* @__PURE__ */ jsxs114(Fragment37, { children: [
       overlaysEl,
-      /* @__PURE__ */ jsx134(
+      /* @__PURE__ */ jsx135(
         TabletTree,
         {
-          appBar: /* @__PURE__ */ jsx134(
+          appBar: /* @__PURE__ */ jsx135(
             AppBar,
             {
               tablet: true,
@@ -83176,17 +83634,17 @@ function FieldEditorInner({ data }) {
               onBack: () => goBack(false),
               onOpenSections: () => setMobileDrawer("sections"),
               onMore: () => setMobileDrawer("actions"),
-              actions: /* @__PURE__ */ jsx134(TabletActions, { onPreview: () => setMobileDrawer("preview"), onPublish: handlePublishClick }),
+              actions: /* @__PURE__ */ jsx135(TabletActions, { onPreview: () => setMobileDrawer("preview"), onPublish: handlePublishClick }),
               status: saveStatusEl
             }
           ),
           collabSynced,
-          footer: /* @__PURE__ */ jsx134(FooterBar, { connected: presence.connected, status: presence.status, roster: presence.roster }),
+          footer: /* @__PURE__ */ jsx135(FooterBar, { connected: presence.connected, status: presence.status, roster: presence.roster }),
           listHeader: /* @__PURE__ */ jsxs114(Fragment37, { children: [
-            /* @__PURE__ */ jsx134(InspectionIdentity, { address: state.inspection.propertyAddress, id: String(state.inspection.id), date: state.formattedDate, status: String(state.inspection.status) }),
-            scopeSwitcherEl && /* @__PURE__ */ jsx134("div", { className: "px-3 py-2 border-b border-ih-border", children: scopeSwitcherEl }),
+            /* @__PURE__ */ jsx135(InspectionIdentity, { address: state.inspection.propertyAddress, id: String(state.inspection.id), date: state.formattedDate, status: String(state.inspection.status) }),
+            scopeSwitcherEl && /* @__PURE__ */ jsx135("div", { className: "px-3 py-2 border-b border-ih-border", children: scopeSwitcherEl }),
             itemFilterBarEl,
-            speedUnrated > 0 && /* @__PURE__ */ jsx134("div", { className: "px-3 py-2 border-b border-ih-border", children: /* @__PURE__ */ jsx134(SpeedEntryButton, { unrated: speedUnrated, onOpen: openSpeedMode, className: "w-full" }) })
+            speedUnrated > 0 && /* @__PURE__ */ jsx135("div", { className: "px-3 py-2 border-b border-ih-border", children: /* @__PURE__ */ jsx135(SpeedEntryButton, { unrated: speedUnrated, onOpen: openSpeedMode, className: "w-full" }) })
           ] }),
           sectionTitle: state.currentSection?.title ?? "",
           list: itemListEl,
@@ -83211,7 +83669,7 @@ function FieldEditorInner({ data }) {
         "data-collab-synced": collabSynced ? "true" : "false",
         className: "flex h-screen bg-ih-bg-card overflow-x-auto",
         children: [
-          /* @__PURE__ */ jsx134(
+          /* @__PURE__ */ jsx135(
             EditorHeader,
             {
               state,
@@ -83226,33 +83684,33 @@ function FieldEditorInner({ data }) {
               onSaveAsNewTemplate: () => structure.openSaveTemplate("new"),
               onUpdateSourceTemplate: () => structure.openSaveTemplate("back"),
               canUpdateSourceTemplate: structure.canSaveBack,
-              perUnitControls: showUnitsSurface ? /* @__PURE__ */ jsx134(UnitControls, { isPerUnit, units, activeUnitId, onSelectScope: requestScope, onOpenUnits: () => setUnitsManagerOpen(true), onOpenCostItems: () => setCostItemsOpen(true) }) : void 0
+              perUnitControls: showUnitsSurface ? /* @__PURE__ */ jsx135(UnitControls, { isPerUnit, units, activeUnitId, onSelectScope: requestScope, onOpenUnits: () => setUnitsManagerOpen(true), onOpenCostItems: () => setCostItemsOpen(true) }) : void 0
             }
           ),
-          /* @__PURE__ */ jsx134("div", { className: "flex flex-1 pt-14 pb-9 min-w-[1024px]", children: emptyTemplateEl ? /* @__PURE__ */ jsx134("div", { className: "flex-1 flex", children: emptyTemplateEl }) : /* @__PURE__ */ jsxs114(Fragment37, { children: [
+          /* @__PURE__ */ jsx135("div", { className: "flex flex-1 pt-14 pb-9 min-w-[1024px]", children: emptyTemplateEl ? /* @__PURE__ */ jsx135("div", { className: "flex-1 flex", children: emptyTemplateEl }) : /* @__PURE__ */ jsxs114(Fragment37, { children: [
             !state.itemFullscreen && sectionRailEl,
             !state.itemFullscreen && /* @__PURE__ */ jsxs114("div", { className: "w-[280px] flex-shrink-0 border-r border-ih-border flex flex-col overflow-hidden relative", children: [
               itemFilterBarEl,
               itemListEl
             ] }),
             /* @__PURE__ */ jsxs114("div", { className: "flex-1 min-w-0 relative flex flex-col border-t-2 border-ih-primary", children: [
-              state.activeView !== "property" && /* @__PURE__ */ jsx134("div", { className: "absolute top-2.5 right-2.5 z-10", children: /* @__PURE__ */ jsx134(FullscreenToggle, { active: state.itemFullscreen, onToggle: () => state.setItemFullscreen(!state.itemFullscreen) }) }),
+              state.activeView !== "property" && /* @__PURE__ */ jsx135("div", { className: "absolute top-2.5 right-2.5 z-10", children: /* @__PURE__ */ jsx135(FullscreenToggle, { active: state.itemFullscreen, onToggle: () => state.setItemFullscreen(!state.itemFullscreen) }) }),
               /* @__PURE__ */ jsxs114("main", { className: "flex-1 overflow-y-auto p-6", children: [
                 revisionBannerEl,
                 state.activeView === "property" ? propertyOverviewEl : itemEditorEl
               ] })
             ] }),
-            !state.itemFullscreen && (state.sideRailCollapsed ? /* @__PURE__ */ jsx134("div", { className: "w-8 flex-shrink-0 border-l border-ih-border flex flex-col items-center pt-3", children: /* @__PURE__ */ jsx134(
+            !state.itemFullscreen && (state.sideRailCollapsed ? /* @__PURE__ */ jsx135("div", { className: "w-8 flex-shrink-0 border-l border-ih-border flex flex-col items-center pt-3", children: /* @__PURE__ */ jsx135(
               IconButton,
               {
                 "aria-label": index_exports.editor_route_expand_photo_rail(),
                 onClick: () => state.setSideRailCollapsed(false),
                 size: "sm",
                 title: index_exports.editor_route_expand_photo_rail(),
-                children: /* @__PURE__ */ jsx134("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx134("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) })
+                children: /* @__PURE__ */ jsx135("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx135("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) })
               }
             ) }) : /* @__PURE__ */ jsxs114("div", { className: "relative flex-shrink-0", children: [
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 IconButton,
                 {
                   "aria-label": index_exports.editor_route_collapse_photo_rail(),
@@ -83260,14 +83718,14 @@ function FieldEditorInner({ data }) {
                   size: "sm",
                   className: "absolute top-3 left-1 z-10 w-6 h-6",
                   title: index_exports.editor_route_collapse_photo_rail(),
-                  children: /* @__PURE__ */ jsx134("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx134("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })
+                  children: /* @__PURE__ */ jsx135("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx135("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })
                 }
               ),
               sideRailEl
             ] }))
           ] }) }),
           batchBarEl,
-          /* @__PURE__ */ jsx134(FooterBar, { connected: presence.connected, status: presence.status, roster: presence.roster }),
+          /* @__PURE__ */ jsx135(FooterBar, { connected: presence.connected, status: presence.status, roster: presence.roster }),
           toolsDockEl
         ]
       },
@@ -83276,7 +83734,7 @@ function FieldEditorInner({ data }) {
   ] });
 }
 function FieldEditor({ data, readOnly = false }) {
-  return /* @__PURE__ */ jsx134(ReadOnlyScope, { readOnly, children: /* @__PURE__ */ jsx134(FieldEditorInner, { data }) });
+  return /* @__PURE__ */ jsx135(ReadOnlyScope, { readOnly, children: /* @__PURE__ */ jsx135(FieldEditorInner, { data }) });
 }
 
 // src/shared/pca-narrative.ts